;
15 | }
16 | }
17 |
--------------------------------------------------------------------------------
/projects/examples/e2e/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../../tsconfig.json",
3 | "compilerOptions": {
4 | "outDir": "../../../out-tsc/e2e",
5 | "module": "commonjs",
6 | "target": "es5",
7 | "types": ["jasmine", "jasminewd2", "node"]
8 | }
9 | }
10 |
--------------------------------------------------------------------------------
/projects/examples/karma.conf.js:
--------------------------------------------------------------------------------
1 | // Karma configuration file, see link for more information
2 | // https://karma-runner.github.io/1.0/config/configuration-file.html
3 | const generateKarmaConf = require('../../karma.conf.base');
4 |
5 | module.exports = generateKarmaConf('examples');
6 |
--------------------------------------------------------------------------------
/projects/examples/src/app/app-routing.module.ts:
--------------------------------------------------------------------------------
1 | /*!
2 | * Copyright 2019 VMware, Inc.
3 | * SPDX-License-Identifier: BSD-2-Clause
4 | */
5 |
6 | import { NgModule } from '@angular/core';
7 | import { RouterModule } from '@angular/router';
8 |
9 | @NgModule({
10 | imports: [RouterModule.forRoot([])],
11 | exports: [RouterModule],
12 | })
13 | export class AppRoutingModule {}
14 |
--------------------------------------------------------------------------------
/projects/examples/src/app/app.component.scss:
--------------------------------------------------------------------------------
1 | .github {
2 | display: flex;
3 | flex: 1 0 auto;
4 | justify-content: flex-end;
5 | align-items: center;
6 | }
7 |
--------------------------------------------------------------------------------
/projects/examples/src/app/components/action-menu/contextual-actions/action-menu-contextual-actions-example.component.scss:
--------------------------------------------------------------------------------
1 | vcd-action-menu ::ng-deep .inline-actions-container {
2 | & .inline-action-dropdown ::ng-deep .nested-dropdown > .first-dropdown-toggle {
3 | margin-top: 0 !important;
4 | }
5 | }
6 |
--------------------------------------------------------------------------------
/projects/examples/src/app/components/action-menu/contextual-actions/action-menu-contextual-actions-example.module.ts:
--------------------------------------------------------------------------------
1 | /*!
2 | * Copyright 2020 VMware, Inc.
3 | * SPDX-License-Identifier: BSD-2-Clause
4 | */
5 |
6 | import { CommonModule } from '@angular/common';
7 | import { NgModule } from '@angular/core';
8 | import { ReactiveFormsModule } from '@angular/forms';
9 | import { ClarityModule } from '@clr/angular';
10 | import { VcdActionMenuModule } from '@vcd/ui-components';
11 | import { ActionMenuContextualActionsExampleComponent } from './action-menu-contextual-actions-example.component';
12 |
13 | @NgModule({
14 | declarations: [ActionMenuContextualActionsExampleComponent],
15 | imports: [CommonModule, ClarityModule, ReactiveFormsModule, VcdActionMenuModule],
16 | exports: [ActionMenuContextualActionsExampleComponent],
17 | })
18 | export class ActionMenuContextualActionsExampleModule {}
19 |
--------------------------------------------------------------------------------
/projects/examples/src/app/components/action-menu/data-ui-attribute/action-menu-data-ui-example.component.html:
--------------------------------------------------------------------------------
1 |
2 |
3 | The textKeys of following actions are added as data-ui attributes on their HTML button elements. Inspect the
4 | action button HTML elements to notice the data-ui attributes on them
5 |
6 |
7 |
8 |
2 |
3 | Press to toggle Quick Search and search through the actions
4 |
5 |
6 | Notice that there is a spinner displayed initially for 300ms before displaying the action items. This is because
7 | the action search provider is created to debounce the search using 2nd argument(boolean) passed to its
8 | constructor.
9 |
10 |
16 |
17 |
2 |
Press to show Quick Search
3 |
4 | If there is an action with no children, it is not displayed in the search results. Try searching for `No
5 | children action` being passed in the list of actions and notice that it is not going to be a search result.
6 |
7 |
13 |
14 |
2 |
3 | Static actions don't depend on selected entities. Static actions marked as featured are shown towards the left
4 | side and the static actions that are not marked as featured are shown next to the right edge of inline action
5 | bar
6 |
7 |
8 |
2 |
3 | When static and contextual actions are displayed together, featured static actions are displayed first from
4 | left, followed by featured contextual actions, followed by all contextual actions dropdown and non featured
5 | static actions are displayed to the right most
6 |
7 |
8 |
9 |
2 |
Use action items as separators to add a separator between action items in a dropdown
3 |
4 | As each item decides its own availability, some groups may become empty and multiple separators can become
5 | contiguous and we collapse the separators if they are contiguous
6 |
7 |
8 | In the following example, Separator at index 3 is collapsed. Please take a look in the TS at dropdown list items
9 | at indices 3 and 4
10 |
11 |
17 |
18 |
2 | This is an example of how to configure the sharing modal using the `vcdUsersGroupsOrgsSharingModal` directive. This
3 | directive gives convenience inputs for the users, groups, and organizations tabs. It also gives convenience inputs
4 | for predefined checkboxes. In each tab config, we also give a default for `makeSearch` that uses the @vcd/sdk to
5 | search for entities on the current environment. If you wish to use our default, just don't supply your own
6 | implementation of `makeSearch`. You can also override the default `entityRenderer` if you wish to have custom
7 | behavior.
8 |
9 | Open
10 |
2 | This is an example of how to configure the sharing modal on its own. You can customize the title, the tabs, and the
3 | checkboxes. Opening the modal must be done by a trigger coming outside through the two-way binding of `isOpened`.
4 | The form value is also a two way binding. Supply the currently shared with entities, and it will emit the new value
5 | when the user clicks submit.
6 |
7 | Open
8 | Using fixed width and small tooltip
2 | Text for div below:
3 | {{ text }}
4 |
5 | Using Max width using medium tooltip
6 | Text for div below: {{ text2 }}
8 |
9 | This div is a standard block using large tooltip
10 | Text for div below:
11 | {{ text3 }}
12 |
--------------------------------------------------------------------------------
/projects/examples/src/app/components/show-clipped-text/sizing/show-clipped-text-sizing-example.component.scss:
--------------------------------------------------------------------------------
1 | div {
2 | border: 1px solid black;
3 | }
4 |
5 | .fixed-width {
6 | width: 200px;
7 | }
8 |
9 | /** To use max-width, element must be inline-block */
10 | .max-width {
11 | display: inline-block;
12 | max-width: 200px;
13 | }
14 |
--------------------------------------------------------------------------------
/projects/examples/src/app/components/show-clipped-text/sizing/show-clipped-text-sizing-example.component.ts:
--------------------------------------------------------------------------------
1 | /*!
2 | * Copyright 2019 VMware, Inc.
3 | * SPDX-License-Identifier: BSD-2-Clause
4 | */
5 |
6 | import { Component } from '@angular/core';
7 | import { TooltipSize } from '@vcd/ui-components';
8 |
9 | @Component({
10 | selector: 'vcd-show-clipped-text-sizing-example',
11 | templateUrl: './show-clipped-text-sizing-example.component.html',
12 | styleUrls: ['./show-clipped-text-sizing-example.component.scss'],
13 | })
14 | export class ShowClippedTextSizingExampleComponent {
15 | TooltipSize = TooltipSize;
16 |
17 | text =
18 | 'Something really long that will require clipping in most cases so we add random text' +
19 | ' to make sure that clipping happens on initially';
20 | text2 =
21 | 'Something else for 2... really long that will require clipping in most cases so we add random text' +
22 | ' to make sure that clipping happens on initially';
23 |
24 | text3 =
25 | 'Something else for 3... long that will require clipping in most cases so we add random text' +
26 | ' to make sure that clipping happens on initially';
27 | }
28 |
--------------------------------------------------------------------------------
/projects/examples/src/app/components/show-clipped-text/sizing/show-clipped-text-sizing-example.module.ts:
--------------------------------------------------------------------------------
1 | /*!
2 | * Copyright 2019 VMware, Inc.
3 | * SPDX-License-Identifier: BSD-2-Clause
4 | */
5 |
6 | import { CommonModule } from '@angular/common';
7 | import { NgModule } from '@angular/core';
8 | import { FormsModule } from '@angular/forms';
9 | import { VcdComponentsModule } from '@vcd/ui-components';
10 | import { ShowClippedTextSizingExampleComponent } from './show-clipped-text-sizing-example.component';
11 |
12 | @NgModule({
13 | declarations: [ShowClippedTextSizingExampleComponent],
14 | imports: [CommonModule, FormsModule, VcdComponentsModule],
15 | exports: [ShowClippedTextSizingExampleComponent],
16 | })
17 | export class ShowClippedTextSizingExampleModule {}
18 |
--------------------------------------------------------------------------------
/projects/examples/src/app/home/home.component.spec.ts:
--------------------------------------------------------------------------------
1 | /*!
2 | * Copyright 2020 VMware, Inc.
3 | * SPDX-License-Identifier: BSD-2-Clause
4 | */
5 |
6 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
7 |
8 | import { HomeComponent } from './home.component';
9 |
10 | describe('HomeComponent', () => {
11 | let component: HomeComponent;
12 | let fixture: ComponentFixture;
13 |
14 | beforeEach(
15 | waitForAsync(() => {
16 | TestBed.configureTestingModule({
17 | declarations: [HomeComponent],
18 | }).compileComponents();
19 | })
20 | );
21 |
22 | beforeEach(() => {
23 | fixture = TestBed.createComponent(HomeComponent);
24 | component = fixture.componentInstance;
25 | fixture.detectChanges();
26 | });
27 |
28 | it('should create', () => {
29 | expect(component).toBeTruthy();
30 | });
31 | });
32 |
--------------------------------------------------------------------------------
/projects/examples/src/app/home/home.component.ts:
--------------------------------------------------------------------------------
1 | /*!
2 | * Copyright 2020 VMware, Inc.
3 | * SPDX-License-Identifier: BSD-2-Clause
4 | */
5 |
6 | import { Component } from '@angular/core';
7 |
8 | @Component({
9 | selector: 'vcd-home',
10 | templateUrl: './home.component.html',
11 | })
12 | export class HomeComponent {
13 | ghReadMeUrl =
14 | 'https://github.com/vmware/vmware-cloud-director-ui-components/blob/master/projects/components/README.md#Components';
15 | vcdUrl = 'https://www.vmware.com/products/cloud-director.html';
16 | }
17 |
--------------------------------------------------------------------------------
/projects/examples/src/assets/.gitkeep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vmware-archive/vmware-cloud-director-ui-components/c0d4bee9936324c6232ddad1a6f8b56cd431abc2/projects/examples/src/assets/.gitkeep
--------------------------------------------------------------------------------
/projects/examples/src/components/activity-reporter/banner-activity-reporter.example.component.html:
--------------------------------------------------------------------------------
1 | Start Activity Reporter
2 | Throw Error
3 | Report Success
4 | Start Activity Reporter
2 | Throw Error
3 | Report Success
4 |
2 | This is an example that shows that you can set the CSS class on each column to change things like the starting
3 | width. Each column has a different class that corresponds to a different width set with a different unit. The only
4 | units that are supported are
5 |
absolute length units . Relative lengths do not seem well supported by Clarity.
8 |
2 |
3 |
--------------------------------------------------------------------------------
/projects/examples/src/components/datagrid/datagrid-header.example.component.ts:
--------------------------------------------------------------------------------
1 | /*!
2 | * Copyright 2020 VMware, Inc.
3 | * SPDX-License-Identifier: BSD-2-Clause
4 | */
5 |
6 | import { Component } from '@angular/core';
7 | import { GridColumn, GridDataFetchResult, GridState } from '@vcd/ui-components';
8 |
9 | interface Data {
10 | value: string;
11 | }
12 |
13 | /**
14 | * Shows the capability of the datagrid to put a header on the top.
15 | */
16 | @Component({
17 | selector: 'vcd-datagrid-header-example',
18 | templateUrl: './datagrid-header.example.component.html',
19 | })
20 | export class DatagridHeaderExampleComponent {
21 | gridData: GridDataFetchResult = {
22 | items: [],
23 | };
24 |
25 | columns: GridColumn[] = [
26 | {
27 | displayName: 'Column',
28 | renderer: 'value',
29 | },
30 | ];
31 |
32 | header = 'Some Header!';
33 |
34 | refresh(eventData: GridState): void {
35 | this.gridData = {
36 | items: [{ value: 'a' }, { value: 'b' }],
37 | totalItems: 2,
38 | };
39 | }
40 | }
41 |
--------------------------------------------------------------------------------
/projects/examples/src/components/datagrid/datagrid-header.example.module.ts:
--------------------------------------------------------------------------------
1 | /*!
2 | * Copyright 2020 VMware, Inc.
3 | * SPDX-License-Identifier: BSD-2-Clause
4 | */
5 |
6 | import { CommonModule } from '@angular/common';
7 | import { NgModule } from '@angular/core';
8 | import { ReactiveFormsModule } from '@angular/forms';
9 | import { ClarityModule } from '@clr/angular';
10 | import { VcdComponentsModule } from '@vcd/ui-components';
11 | import { DatagridHeaderExampleComponent } from './datagrid-header.example.component';
12 |
13 | @NgModule({
14 | declarations: [DatagridHeaderExampleComponent],
15 | imports: [CommonModule, ClarityModule, ReactiveFormsModule, VcdComponentsModule],
16 | exports: [DatagridHeaderExampleComponent],
17 | })
18 | export class DatagridHeaderExampleModule {}
19 |
--------------------------------------------------------------------------------
/projects/examples/src/components/datagrid/datagrid-height.example.component.html:
--------------------------------------------------------------------------------
1 |
2 |
9 |
10 |
11 |
12 |
19 |
20 |
Ends Here!
21 |
22 |
--------------------------------------------------------------------------------
/projects/examples/src/components/datagrid/datagrid-height.example.component.scss:
--------------------------------------------------------------------------------
1 | /*!
2 | * Copyright 2020 VMware, Inc.
3 | * SPDX-License-Identifier: BSD-2-Clause
4 | */
5 |
6 | .fixed-height {
7 | height: 500px;
8 | flex-direction: column;
9 | display: flex;
10 | }
11 |
--------------------------------------------------------------------------------
/projects/examples/src/components/datagrid/datagrid-height.example.module.ts:
--------------------------------------------------------------------------------
1 | /*!
2 | * Copyright 2020 VMware, Inc.
3 | * SPDX-License-Identifier: BSD-2-Clause
4 | */
5 |
6 | import { CommonModule } from '@angular/common';
7 | import { NgModule } from '@angular/core';
8 | import { ReactiveFormsModule } from '@angular/forms';
9 | import { ClarityModule } from '@clr/angular';
10 | import { VcdComponentsModule } from '@vcd/ui-components';
11 | import { DatagridHeightExampleComponent } from './datagrid-height.example.component';
12 |
13 | @NgModule({
14 | declarations: [DatagridHeightExampleComponent],
15 | imports: [CommonModule, ClarityModule, ReactiveFormsModule, VcdComponentsModule],
16 | exports: [DatagridHeightExampleComponent],
17 | })
18 | export class DatagridHeightExampleModule {}
19 |
--------------------------------------------------------------------------------
/projects/examples/src/components/datagrid/datagrid-is-row-selectable-example.component.html:
--------------------------------------------------------------------------------
1 | Single Select
2 | Multi Select Select
3 | Stop Loading
2 |
3 |
--------------------------------------------------------------------------------
/projects/examples/src/components/datagrid/datagrid-loading-placeholder.example.component.ts:
--------------------------------------------------------------------------------
1 | /*!
2 | * Copyright 2020 VMware, Inc.
3 | * SPDX-License-Identifier: BSD-2-Clause
4 | */
5 |
6 | import { Component } from '@angular/core';
7 | import { GridColumn, GridDataFetchResult, GridState } from '@vcd/ui-components';
8 |
9 | interface Data {
10 | value: string;
11 | }
12 |
13 | /**
14 | * Press the first button to stop loading and show the placeholder.
15 | */
16 | @Component({
17 | selector: 'vcd-datagrid-loading-placeholder-example',
18 | templateUrl: './datagrid-loading-placeholder.example.component.html',
19 | })
20 | export class DatagridLoadingPlaceholderExampleComponent {
21 | gridData: GridDataFetchResult = {
22 | items: [],
23 | };
24 |
25 | columns: GridColumn[] = [
26 | {
27 | displayName: 'Column',
28 | renderer: 'value',
29 | },
30 | ];
31 |
32 | setData(): void {
33 | this.gridData = {
34 | items: [],
35 | totalItems: 0,
36 | };
37 | }
38 | }
39 |
--------------------------------------------------------------------------------
/projects/examples/src/components/datagrid/datagrid-loading-placeholder.example.module.ts:
--------------------------------------------------------------------------------
1 | /*!
2 | * Copyright 2020 VMware, Inc.
3 | * SPDX-License-Identifier: BSD-2-Clause
4 | */
5 |
6 | import { CommonModule } from '@angular/common';
7 | import { NgModule } from '@angular/core';
8 | import { ReactiveFormsModule } from '@angular/forms';
9 | import { ClarityModule } from '@clr/angular';
10 | import { VcdComponentsModule } from '@vcd/ui-components';
11 | import { DatagridLoadingPlaceholderExampleComponent } from './datagrid-loading-placeholder.example.component';
12 |
13 | @NgModule({
14 | declarations: [DatagridLoadingPlaceholderExampleComponent],
15 | imports: [CommonModule, ClarityModule, ReactiveFormsModule, VcdComponentsModule],
16 | exports: [DatagridLoadingPlaceholderExampleComponent],
17 | })
18 | export class DatagridLoadingPlaceholderExampleModule {}
19 |
--------------------------------------------------------------------------------
/projects/examples/src/components/datagrid/datagrid-pagination-example.module.ts:
--------------------------------------------------------------------------------
1 | /*!
2 | * Copyright 2020 VMware, Inc.
3 | * SPDX-License-Identifier: BSD-2-Clause
4 | */
5 |
6 | import { CommonModule } from '@angular/common';
7 | import { NgModule } from '@angular/core';
8 | import { ReactiveFormsModule } from '@angular/forms';
9 | import { ClarityModule } from '@clr/angular';
10 | import { VcdComponentsModule } from '@vcd/ui-components';
11 | import { DatagridPaginationExampleComponent } from './datagrid-pagination-example.component';
12 |
13 | @NgModule({
14 | declarations: [DatagridPaginationExampleComponent],
15 | imports: [CommonModule, ClarityModule, ReactiveFormsModule, VcdComponentsModule],
16 | exports: [DatagridPaginationExampleComponent],
17 | })
18 | export class DatagridPagionationExampleModule {}
19 |
--------------------------------------------------------------------------------
/projects/examples/src/components/datagrid/datagrid-preserve-selection.example.module.ts:
--------------------------------------------------------------------------------
1 | /*!
2 | * Copyright 2023 VMware, Inc.
3 | * SPDX-License-Identifier: BSD-2-Clause
4 | */
5 |
6 | import { CommonModule } from '@angular/common';
7 | import { NgModule } from '@angular/core';
8 | import { ReactiveFormsModule } from '@angular/forms';
9 | import { ClarityModule } from '@clr/angular';
10 | import { VcdComponentsModule } from '@vcd/ui-components';
11 | import { DatagridPreserveSelectionExampleComponent } from './datagrid-preserve-selection.example.component';
12 |
13 | @NgModule({
14 | declarations: [DatagridPreserveSelectionExampleComponent],
15 | imports: [CommonModule, ClarityModule, ReactiveFormsModule, VcdComponentsModule],
16 | exports: [DatagridPreserveSelectionExampleComponent],
17 | })
18 | export class DatagridPreserveSelectionExampleModule {}
19 |
--------------------------------------------------------------------------------
/projects/examples/src/components/datagrid/datagrid-row-icon.example.component.html:
--------------------------------------------------------------------------------
1 |
2 | Shows that when the data within the grid is reloaded but the trackBy value stays the same, the DOM is not
3 | re-rendered. Thus, any row within the datagrid maintains its state. If the DOM was re-rendered, the modal would not
4 | open when you clicked the button because the state of the row would be cleared.
5 |
6 | Show/Hide Error
2 |
13 |
14 |
{{ to.cardTitle }}
15 |
16 |
18 |
19 |
Start/Stop Loading
2 | Press to show Quick Search
2 |
3 |
4 | Quick search gives the client to register nested sections on-top-of normal sections. A nested section is a simple
5 | group of quick search providers that has a section name.
6 |
7 |
11 |
--------------------------------------------------------------------------------
/projects/examples/src/components/quick-search/nested-providers/quick-search-nested-providers.example.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vmware-archive/vmware-cloud-director-ui-components/c0d4bee9936324c6232ddad1a6f8b56cd431abc2/projects/examples/src/components/quick-search/nested-providers/quick-search-nested-providers.example.component.scss
--------------------------------------------------------------------------------
/projects/examples/src/components/quick-search/nested-providers/quick-search-nested-providers.example.module.ts:
--------------------------------------------------------------------------------
1 | /*!
2 | * Copyright 2020 VMware, Inc.
3 | * SPDX-License-Identifier: BSD-2-Clause
4 | */
5 |
6 | import { CommonModule } from '@angular/common';
7 | import { NgModule } from '@angular/core';
8 | import { ReactiveFormsModule } from '@angular/forms';
9 | import { ClarityModule } from '@clr/angular';
10 | import { QuickSearchModule, VcdFormModule } from '@vcd/ui-components';
11 | import {
12 | ActionsSearchProvider,
13 | QuickSearchNestedProvidersExampleComponent,
14 | } from './quick-search-nested-providers.example.component';
15 |
16 | @NgModule({
17 | imports: [CommonModule, ClarityModule, QuickSearchModule, VcdFormModule, ReactiveFormsModule],
18 | declarations: [QuickSearchNestedProvidersExampleComponent],
19 | exports: [QuickSearchNestedProvidersExampleComponent],
20 | })
21 | export class QuickSearchNestedProvidersExampleModule {}
22 |
--------------------------------------------------------------------------------
/projects/examples/src/components/quick-search/quick-search-content-projection.example.component.scss:
--------------------------------------------------------------------------------
1 | .info {
2 | display: flex;
3 | font-style: italic;
4 | justify-content: center;
5 | background-color: var(--clr-color-neutral-200);
6 | border-radius: 0.2em;
7 | }
8 |
--------------------------------------------------------------------------------
/projects/examples/src/components/quick-search/quick-search-content-projection.example.module.ts:
--------------------------------------------------------------------------------
1 | /*!
2 | * Copyright 2020 VMware, Inc.
3 | * SPDX-License-Identifier: BSD-2-Clause
4 | */
5 |
6 | import { CommonModule } from '@angular/common';
7 | import { NgModule } from '@angular/core';
8 | import { ReactiveFormsModule } from '@angular/forms';
9 | import { ClarityModule } from '@clr/angular';
10 | import { QuickSearchModule, VcdFormModule } from '@vcd/ui-components';
11 | import { QuickSearchContentProjectionExampleComponent } from './quick-search-content-projection.example.component';
12 |
13 | @NgModule({
14 | imports: [CommonModule, ClarityModule, QuickSearchModule, VcdFormModule, ReactiveFormsModule],
15 | declarations: [QuickSearchContentProjectionExampleComponent],
16 | exports: [QuickSearchContentProjectionExampleComponent],
17 | })
18 | export class QuickSearchContentProjectionExampleModule {}
19 |
--------------------------------------------------------------------------------
/projects/examples/src/components/quick-search/quick-search-hide-empty-section-example.component.html:
--------------------------------------------------------------------------------
1 | Press to show Quick Search
2 | This example shows how to configure whether a provider section should be hidden if there are no results.
3 |
4 | Use the form below to configure the Quick Search
5 |
6 |
14 |
15 | Press to show Quick Search
2 |
3 | There several sections - some that do the search asynchronously while the other synchronously.
4 |
5 | Use the keyboard arrow keys to move through the search result. You can do this even while the results are still
6 | loading.
7 |
8 | Press 'Enter' to invoke the selected action. You can also use the mouse to click on an item
9 | Use the form below to configure the Quick Search
10 |
11 |
20 |
21 | Examples
6 | <%= name %>
2 |
--------------------------------------------------------------------------------
/projects/ng-live-docs/schematics/add-example/files/example-component/__name@dasherize__.example.component.scss.template:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vmware-archive/vmware-cloud-director-ui-components/c0d4bee9936324c6232ddad1a6f8b56cd431abc2/projects/ng-live-docs/schematics/add-example/files/example-component/__name@dasherize__.example.component.scss.template
--------------------------------------------------------------------------------
/projects/ng-live-docs/schematics/add-example/files/example-component/__name@dasherize__.example.component.ts.template:
--------------------------------------------------------------------------------
1 | /*!
2 | * Copyright 2020 VMware, Inc.
3 | * SPDX-License-Identifier: BSD-2-Clause
4 | */
5 |
6 | import { Component, OnInit } from '@angular/core';
7 |
8 | @Component({
9 | selector: 'vcd-<%= dasherize(name) %>-example',
10 | templateUrl: './<%= dasherize(name) %>.example.component.html',
11 | styleUrls: ['./<%= dasherize(name) %>.example.component.scss'],
12 | })
13 | export class <%= name %>ExampleComponent implements OnInit {
14 | constructor() {}
15 |
16 | ngOnInit(): void {}
17 | }
18 |
--------------------------------------------------------------------------------
/projects/ng-live-docs/schematics/add-example/files/example-component/__name@dasherize__.example.module.ts.template:
--------------------------------------------------------------------------------
1 | /*!
2 | * Copyright 2020 VMware, Inc.
3 | * SPDX-License-Identifier: BSD-2-Clause
4 | */
5 |
6 | import { CommonModule } from '@angular/common';
7 | import { NgModule } from '@angular/core';
8 | import { <%= classify(moduleName) %> } from '<%= packageName %>';
9 | import { <%= name %>ExampleComponent } from './<%= dasherize(name) %>.example.component';
10 |
11 | @NgModule({
12 | declarations: [<%= name %>ExampleComponent],
13 | imports: [CommonModule, <%= classify(moduleName) %> ],
14 | exports: [<%= name %>ExampleComponent],
15 | entryComponents: [<%= name %>ExampleComponent],
16 | })
17 | export class <%= name %>ExampleModule {}
18 |
--------------------------------------------------------------------------------
/projects/ng-live-docs/schematics/add-example/files/root-module/examples.module.ts.template:
--------------------------------------------------------------------------------
1 | /*!
2 | * Copyright 2020 VMware, Inc.
3 | * SPDX-License-Identifier: BSD-2-Clause
4 | */
5 |
6 | import { CommonModule } from '@angular/common';
7 | import { NgModule } from '@angular/core';
8 | import { <%= name %>ExamplesModule } from './<%= componentType %>s/<%= dasherize(name) %>/<%= dasherize(name) %>.examples.module';
9 |
10 | @NgModule({
11 | imports: [
12 | CommonModule,
13 | <%= name %>ExamplesModule
14 | ]
15 | })
16 | export class ExamplesModule {}
17 |
--------------------------------------------------------------------------------
/projects/ng-live-docs/schematics/add-example/schema.json:
--------------------------------------------------------------------------------
1 | {
2 | "$schema": "http://json-schema.org/schema",
3 | "id": "SchematicsMyService",
4 | "title": "My Service Schema",
5 | "type": "object",
6 | "properties": {
7 | "packageName": {
8 | "description": "Package name",
9 | "type": "string"
10 | },
11 | "moduleName": {
12 | "description": "Module name",
13 | "type": "string"
14 | },
15 | "componentName": {
16 | "description": "The component to add example",
17 | "type": "string"
18 | },
19 | "exampleName": {
20 | "description": "Example name",
21 | "type": "string"
22 | },
23 | "displayName": {
24 | "description": "Title of example",
25 | "type": "string"
26 | }
27 | },
28 | "required": [
29 | "packageName", "moduleName", "componentName", "exampleName", "displayName"
30 | ]
31 | }
32 |
--------------------------------------------------------------------------------
/projects/ng-live-docs/schematics/add-example/schema.ts:
--------------------------------------------------------------------------------
1 | /*!
2 | * Copyright 2020 VMware, Inc.
3 | * SPDX-License-Identifier: BSD-2-Clause
4 | */
5 |
6 | export interface Schema {
7 | packageName: string;
8 | moduleName: string;
9 | componentName: string;
10 | exampleName: string;
11 | displayName: string;
12 | }
13 |
--------------------------------------------------------------------------------
/projects/ng-live-docs/schematics/collection.json:
--------------------------------------------------------------------------------
1 | {
2 | "$schema": "../../../node_modules/@angular-devkit/schematics/collection-schema.json",
3 | "schematics": {
4 | "add-example": {
5 | "description": "Add example",
6 | "factory": "./add-example/index#addExample",
7 | "schema": "./add-example/schema.json"
8 | }
9 | }
10 | }
11 |
--------------------------------------------------------------------------------
/projects/ng-live-docs/scripts/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "moduleResolution": "node",
4 | "module": "commonjs",
5 | "noImplicitAny": true,
6 | "removeComments": true,
7 | "preserveConstEnums": true,
8 | "sourceMap": true,
9 | "target": "es2016",
10 | "outDir": "../../../dist/ng-live-docs",
11 | "types": ["jasmine", "node"],
12 | "lib": [
13 | "es2015",
14 | "dom"
15 | ],
16 | "allowJs": true
17 | },
18 | "files": [
19 | "create-module-data.ts",
20 | "index.js"
21 | ]
22 | }
23 |
--------------------------------------------------------------------------------
/projects/ng-live-docs/src/api-viewer/api-viewer.component.scss:
--------------------------------------------------------------------------------
1 | ::ng-deep body p {
2 | margin-top: 0;
3 | }
4 |
--------------------------------------------------------------------------------
/projects/ng-live-docs/src/api-viewer/api-viewer.module.ts:
--------------------------------------------------------------------------------
1 | /*!
2 | * Copyright 2020 VMware, Inc.
3 | * SPDX-License-Identifier: BSD-2-Clause
4 | */
5 |
6 | import { CommonModule } from '@angular/common';
7 | import { NgModule } from '@angular/core';
8 | import { ClarityModule } from '@clr/angular';
9 | import { ApiViewerComponent } from './api-viewer.component';
10 |
11 | const declarations = [ApiViewerComponent];
12 |
13 | @NgModule({
14 | imports: [ClarityModule, CommonModule],
15 | declarations: [...declarations],
16 | exports: [...declarations],
17 | })
18 | export class ApiViewerModule {}
19 |
--------------------------------------------------------------------------------
/projects/ng-live-docs/src/api-viewer/index.ts:
--------------------------------------------------------------------------------
1 | /*!
2 | * Copyright 2020 VMware, Inc.
3 | * SPDX-License-Identifier: BSD-2-Clause
4 | */
5 |
6 | export * from './api-viewer.component';
7 | export * from './api-viewer.module';
8 |
--------------------------------------------------------------------------------
/projects/ng-live-docs/src/documentation-container/documentation-container-api.component.ts:
--------------------------------------------------------------------------------
1 | /*!
2 | * Copyright 2020 VMware, Inc.
3 | * SPDX-License-Identifier: BSD-2-Clause
4 | */
5 |
6 | import { Component, OnInit } from '@angular/core';
7 | import { ActivatedRoute, Data } from '@angular/router';
8 |
9 | @Component({
10 | selector: 'vmw-documentation-container-api',
11 | template: `
10 |
11 |
12 |
--------------------------------------------------------------------------------
/projects/ng-live-docs/src/documentation-container/documentation-container-example.component.scss:
--------------------------------------------------------------------------------
1 | vcd-example-viewer {
2 | margin-top: 1rem;
3 | display: block;
4 | }
5 |
6 | ul.example-list {
7 | columns: auto 3;
8 | }
9 |
--------------------------------------------------------------------------------
/projects/ng-live-docs/src/documentation-container/documentation-container-example.component.ts:
--------------------------------------------------------------------------------
1 | /*!
2 | * Copyright 2020 VMware, Inc.
3 | * SPDX-License-Identifier: BSD-2-Clause
4 | */
5 |
6 | import { Component, OnInit } from '@angular/core';
7 | import { ActivatedRoute, Data } from '@angular/router';
8 |
9 | @Component({
10 | selector: 'vmw-documentation-container-example',
11 | templateUrl: './documentation-container-example.component.html',
12 | styleUrls: ['./documentation-container-example.component.scss'],
13 | })
14 | export class DocumentationContainerExampleComponent implements OnInit {
15 | examples = [];
16 |
17 | constructor(private route: ActivatedRoute) {}
18 |
19 | ngOnInit(): void {
20 | this.route.data.subscribe((data: Data) => {
21 | if (data.examples) {
22 | this.examples = data.examples;
23 | }
24 | });
25 | }
26 | }
27 |
--------------------------------------------------------------------------------
/projects/ng-live-docs/src/documentation-container/documentation-container.component.html:
--------------------------------------------------------------------------------
1 |
2 |
3 | Documentation
4 |
5 |
6 |
7 | API
8 |
9 |
10 |
11 | Examples
12 |
13 |
14 | (
18 | 'NgLiveDocsModule.forRoot() CompoDocRetrieverService doc jsons.'
19 | );
20 |
21 | /**
22 | * A token that is used to provide the url where the raw compodoc output is located.
23 | */
24 | export const COMPODOC_URL = new InjectionToken('COMPODOC_URL');
25 |
26 | /**
27 | * Token that makes Stqckblitz JSON data available to factory functions
28 | */
29 | export const STACKBLITZ_DATA = new InjectionToken(
30 | 'NgLiveDocsModule.forRoot() StackBlitz template JSON data'
31 | );
32 |
--------------------------------------------------------------------------------
/projects/ng-live-docs/src/overview-viewer/index.ts:
--------------------------------------------------------------------------------
1 | /*!
2 | * Copyright 2020 VMware, Inc.
3 | * SPDX-License-Identifier: BSD-2-Clause
4 | */
5 |
6 | export * from './overview-viewer.component';
7 | export * from './overview-viewer.module';
8 |
--------------------------------------------------------------------------------
/projects/ng-live-docs/src/overview-viewer/overview-viewer.component.html:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/projects/ng-live-docs/src/overview-viewer/overview-viewer.component.scss:
--------------------------------------------------------------------------------
1 | :host > div {
2 | padding-top: 10px;
3 | }
4 |
5 | :host ::ng-deep p {
6 | margin-bottom: 10px;
7 | }
8 |
--------------------------------------------------------------------------------
/projects/ng-live-docs/src/overview-viewer/overview-viewer.module.ts:
--------------------------------------------------------------------------------
1 | /*!
2 | * Copyright 2020 VMware, Inc.
3 | * SPDX-License-Identifier: BSD-2-Clause
4 | */
5 |
6 | import { CommonModule } from '@angular/common';
7 | import { NgModule } from '@angular/core';
8 | import { ClarityModule } from '@clr/angular';
9 | import { OverviewViewerComponent } from './overview-viewer.component';
10 |
11 | const declarations = [OverviewViewerComponent];
12 |
13 | @NgModule({
14 | imports: [ClarityModule, CommonModule],
15 | declarations: [...declarations],
16 | exports: [...declarations],
17 | })
18 | export class OverviewViewerModule {}
19 |
--------------------------------------------------------------------------------
/projects/ng-live-docs/src/public-api.ts:
--------------------------------------------------------------------------------
1 | /*!
2 | * Copyright 2020 VMware, Inc.
3 | * SPDX-License-Identifier: BSD-2-Clause
4 | */
5 |
6 | /*
7 | * Public API Surface of doc-lib
8 | */
9 |
10 | export * from './documentation-retriever.service';
11 | export * from './documentation';
12 | export * from './compodoc/compodoc-schema';
13 | export * from './ng-live-docs.module';
14 | export * from './api-viewer/index';
15 | export * from './documentation-container/index';
16 | export * from './example-viewer/index';
17 | export * from './overview-viewer/index';
18 | export * from './source-code-viewer/index';
19 | export * from './stack-blitz-writer.service';
20 | export * from './interfaces';
21 |
--------------------------------------------------------------------------------
/projects/ng-live-docs/src/source-code-viewer/index.ts:
--------------------------------------------------------------------------------
1 | /*!
2 | * Copyright 2020 VMware, Inc.
3 | * SPDX-License-Identifier: BSD-2-Clause
4 | */
5 |
6 | export * from './source-code-viewer.component';
7 | export * from './source-code-viewer.module';
8 |
--------------------------------------------------------------------------------
/projects/ng-live-docs/src/source-code-viewer/source-code-viewer.component.html:
--------------------------------------------------------------------------------
1 |
2 |
3 | HTML
4 |
5 |
7 |
8 |
9 | Typescript
10 |
11 |
13 |
14 |
15 | CSS
16 |
17 |
19 |
20 |
21 |
--------------------------------------------------------------------------------
/projects/ng-live-docs/src/source-code-viewer/source-code-viewer.component.scss:
--------------------------------------------------------------------------------
1 | pre {
2 | height: 15rem;
3 | max-height: 15rem;
4 | border-radius: 3px;
5 | }
6 |
--------------------------------------------------------------------------------
/projects/ng-live-docs/src/source-code-viewer/source-code-viewer.module.ts:
--------------------------------------------------------------------------------
1 | /*!
2 | * Copyright 2020 VMware, Inc.
3 | * SPDX-License-Identifier: BSD-2-Clause
4 | */
5 |
6 | import { CommonModule } from '@angular/common';
7 | import { NgModule } from '@angular/core';
8 | import { ClarityModule } from '@clr/angular';
9 | import { SourceCodeViewerComponent } from './source-code-viewer.component';
10 |
11 | const declarations = [SourceCodeViewerComponent];
12 |
13 | @NgModule({
14 | imports: [ClarityModule, CommonModule],
15 | declarations: [...declarations],
16 | exports: [...declarations],
17 | })
18 | export class SourceCodeViewerModule {}
19 |
--------------------------------------------------------------------------------
/projects/ng-live-docs/src/test.ts:
--------------------------------------------------------------------------------
1 | /*!
2 | * Copyright 2020 VMware, Inc.
3 | * SPDX-License-Identifier: BSD-2-Clause
4 | */
5 |
6 | // This file is required by karma.conf.js and loads recursively all the .spec and framework files
7 | // The two zone.js imports below must be loaded before anything else
8 | import 'zone.js';
9 | import 'zone.js/testing';
10 | import { getTestBed } from '@angular/core/testing';
11 | import { BrowserDynamicTestingModule, platformBrowserDynamicTesting } from '@angular/platform-browser-dynamic/testing';
12 |
13 | // First, initialize the Angular testing environment.
14 | getTestBed().initTestEnvironment(BrowserDynamicTestingModule, platformBrowserDynamicTesting(), {
15 | teardown: { destroyAfterEach: false },
16 | });
17 |
--------------------------------------------------------------------------------
/projects/ng-live-docs/tsconfig.lib.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../tsconfig.json",
3 | "compilerOptions": {
4 | "outDir": "../../out-tsc/lib",
5 | "target": "es2015",
6 | "declaration": true,
7 | "inlineSources": true,
8 | "types": [],
9 | "lib": ["dom", "es2018"]
10 | },
11 | "angularCompilerOptions": {
12 | "annotateForClosureCompiler": true,
13 | "compilationMode": "partial",
14 | "skipTemplateCodegen": true,
15 | "strictMetadataEmit": true,
16 | "fullTemplateTypeCheck": true,
17 | "strictInjectionParameters": true,
18 | "enableResourceInlining": true
19 | },
20 | "include": ["**/*.ts"],
21 | "exclude": ["src/test.ts", "**/*.spec.ts"]
22 | }
23 |
--------------------------------------------------------------------------------
/projects/ng-live-docs/tsconfig.lib.prod.json:
--------------------------------------------------------------------------------
1 | /* To learn more about this file see: https://angular.io/config/tsconfig. */
2 | {
3 | "extends": "./tsconfig.lib.json",
4 | "compilerOptions": {
5 | "declarationMap": false
6 | },
7 | "angularCompilerOptions": {
8 | "compilationMode": "partial"
9 | }
10 | }
11 |
--------------------------------------------------------------------------------
/projects/ng-live-docs/tsconfig.schematics.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "baseUrl": ".",
4 | "lib": [
5 | "es2018",
6 | "dom"
7 | ],
8 | "declaration": true,
9 | "module": "commonjs",
10 | "moduleResolution": "node",
11 | "noEmitOnError": true,
12 | "noFallthroughCasesInSwitch": true,
13 | "noImplicitAny": true,
14 | "noImplicitThis": true,
15 | "noUnusedParameters": true,
16 | "noUnusedLocals": true,
17 | "rootDir": "schematics",
18 | "outDir": "../../dist/ng-live-docs/schematics",
19 | "skipDefaultLibCheck": true,
20 | "skipLibCheck": true,
21 | "sourceMap": true,
22 | "strictNullChecks": true,
23 | "target": "es6",
24 | "types": [
25 | "jasmine",
26 | "node"
27 | ]
28 | },
29 | "include": [
30 | "schematics/**/*"
31 | ],
32 | "exclude": [
33 | "schematics/*/files/**/*"
34 | ]
35 | }
36 |
--------------------------------------------------------------------------------
/projects/ng-live-docs/tsconfig.spec.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../tsconfig.json",
3 | "compilerOptions": {
4 | "outDir": "../../out-tsc/spec",
5 | "types": [
6 | "jasmine",
7 | "node"
8 | ]
9 | },
10 | "files": [
11 | "src/test.ts"
12 | ],
13 | "include": [
14 | "**/*.spec.ts",
15 | "**/*.d.ts"
16 | ]
17 | }
18 |
--------------------------------------------------------------------------------
/projects/route-analyzer/.eslintrc.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../.eslintrc.json",
3 | "ignorePatterns": [
4 | "!**/*"
5 | ],
6 | "overrides": [
7 | {
8 | "files": [
9 | "*.ts"
10 | ],
11 | "parserOptions": {
12 | "project": [
13 | "projects/route-analyzer/tsconfig.lib.json",
14 | "projects/route-analyzer/tsconfig.spec.json"
15 | ],
16 | "createDefaultProgram": true
17 | }
18 | }
19 | ]
20 | }
21 |
--------------------------------------------------------------------------------
/projects/route-analyzer/jest.config.ts:
--------------------------------------------------------------------------------
1 | /* eslint-disable */
2 | export default {
3 | displayName: 'route-analyzer',
4 | preset: '../../jest.preset.js',
5 | globals: {
6 | 'ts-jest': {
7 | tsconfig: '/tsconfig.spec.json',
8 | },
9 | },
10 | transform: {
11 | '^.+\\.[tj]sx?$': 'ts-jest',
12 | },
13 | moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx'],
14 | coverageDirectory: '../../coverage/route-analyzer',
15 | };
16 |
--------------------------------------------------------------------------------
/projects/route-analyzer/karma.conf.js:
--------------------------------------------------------------------------------
1 | // Karma configuration file, see link for more information
2 | // https://karma-runner.github.io/1.0/config/configuration-file.html
3 | const generateKarmaConf = require('../../karma.conf.base');
4 |
5 | module.exports = generateKarmaConf('route-analyzer');
6 |
--------------------------------------------------------------------------------
/projects/route-analyzer/ng-package.json:
--------------------------------------------------------------------------------
1 | {
2 | "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
3 | "dest": "../../dist/route-analyzer",
4 | "lib": {
5 | "entryFile": "src/public-api.ts"
6 | },
7 | "allowedNonPeerDependencies": ["ts-evaluator", "yargs", "@angular-devkit/core"]
8 | }
9 |
--------------------------------------------------------------------------------
/projects/route-analyzer/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "@vcd/route-analyzer",
3 | "version": "0.0.13",
4 | "bin": "cli.js",
5 | "dependencies": {
6 | "ts-evaluator": "1.1.0",
7 | "yargs": "17.2.1",
8 | "@angular-devkit/core": "^15"
9 | },
10 | "peerDependencies": {
11 | "typescript": "^4.x"
12 | },
13 | "devDependencies": {
14 | "ts-node": "^10.8.2",
15 | "@types/node": "^12.11.1"
16 | }
17 | }
18 |
--------------------------------------------------------------------------------
/projects/route-analyzer/src/lib/constants.ts:
--------------------------------------------------------------------------------
1 | /*!
2 | * Copyright 2020 VMware, Inc.
3 | * SPDX-License-Identifier: BSD-2-Clause
4 | */
5 | export const ANGULAR_CORE = {
6 | ANGULAR_ROUTER: '@angular/router',
7 | FOR_CHILD: 'forChild',
8 | FOR_ROOT: 'forRoot',
9 | ROUTER_MODULE: 'RouterModule',
10 | };
11 |
12 | export const ROUTE_PROP = {
13 | PATH: 'path',
14 | REDIRECT_TO: 'redirectTo',
15 | CHILDREN: 'children',
16 | LOAD_CHILDREN: 'loadChildren',
17 | COMPONENT: 'component',
18 | DATA: 'data',
19 | };
20 |
--------------------------------------------------------------------------------
/projects/route-analyzer/src/lib/route-info.ts:
--------------------------------------------------------------------------------
1 | /*!
2 | * Copyright 2021 VMware, Inc.
3 | * SPDX-License-Identifier: BSD-2-Clause
4 | */
5 | export interface RouteInfo {
6 | /**
7 | * Calls this to create a route
8 | * @param args replacement IDs for each replaceable part of the URL
9 | */
10 | route(...args: string[]): string;
11 |
12 | /**
13 | * Regex that can be used to see if this route matches an existing URL
14 | */
15 | regex: RegExp;
16 |
17 | /**
18 | * The tag name that will be rendered by Angular's router for this route.
19 | */
20 | tagName?: string;
21 | }
22 |
--------------------------------------------------------------------------------
/projects/route-analyzer/src/public-api.ts:
--------------------------------------------------------------------------------
1 | /*!
2 | * Copyright 2020 VMware, Inc.
3 | * SPDX-License-Identifier: BSD-2-Clause
4 | */
5 |
6 | /*
7 | * Public API Surface of route-analyzer
8 | */
9 |
10 | export * from './lib/app-route';
11 | export * from './lib/route-info';
12 |
--------------------------------------------------------------------------------
/projects/route-analyzer/tsconfig.cli.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "moduleResolution": "node",
4 | "module": "commonjs",
5 | "esModuleInterop": true,
6 | "target": "es2016",
7 | "sourceMap": true,
8 | "outDir": "../../dist/route-analyzer",
9 | "removeComments": true,
10 | "noImplicitAny": true,
11 | "noImplicitThis": true,
12 | "skipLibCheck": true,
13 | "forceConsistentCasingInFileNames": true,
14 | "lib": ["dom", "es2018", "es2020.string"]
15 | },
16 | "files": ["./src/cli.ts"]
17 | }
18 |
--------------------------------------------------------------------------------
/projects/route-analyzer/tsconfig.lib.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../tsconfig.json",
3 | "compilerOptions": {
4 | "outDir": "../../out-tsc/lib",
5 | "declaration": true,
6 | "inlineSources": true,
7 | "types": [],
8 | "lib": ["dom", "es2018", "es2020.string"]
9 | },
10 | "angularCompilerOptions": {
11 | "annotateForClosureCompiler": true,
12 | "compilationMode": "partial",
13 | "skipTemplateCodegen": true,
14 | "strictMetadataEmit": true,
15 | "fullTemplateTypeCheck": true,
16 | "strictInjectionParameters": true,
17 | "enableResourceInlining": true
18 | },
19 | "exclude": ["**/*.spec.ts"]
20 | }
21 |
--------------------------------------------------------------------------------
/projects/route-analyzer/tsconfig.spec.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../tsconfig.json",
3 | "compilerOptions": {
4 | "outDir": "../../out-tsc/spec",
5 | "types": ["jasmine", "node"]
6 | },
7 | "include": ["jest.config.ts", "**/*.spec.ts", "**/*.d.ts"]
8 | }
9 |
--------------------------------------------------------------------------------
/projects/widget-object/.eslintrc.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": ["../../.eslintrc.json"],
3 | "ignorePatterns": ["!**/*"],
4 | "overrides": [
5 | {
6 | "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
7 | "rules": {}
8 | },
9 | {
10 | "files": ["*.ts", "*.tsx"],
11 | "rules": {}
12 | },
13 | {
14 | "files": ["*.js", "*.jsx"],
15 | "rules": {}
16 | }
17 | ]
18 | }
19 |
--------------------------------------------------------------------------------
/projects/widget-object/CHANGELOG.MD:
--------------------------------------------------------------------------------
1 | # Changelog
2 |
3 | All notable changes to this project will be documented in this file.
4 |
5 | The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
6 | and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
7 |
8 | ## [0.0.2]
9 | * Restore behavior of SelectorUtils that was broken when splitting out WidgetObject
10 |
--------------------------------------------------------------------------------
/projects/widget-object/README.md:
--------------------------------------------------------------------------------
1 | # widget-object
2 |
3 | This library was generated with [Nx](https://nx.dev).
4 |
5 | ## Building
6 |
7 | Run `nx build widget-object` to build the library.
8 |
9 | ## Running unit tests
10 |
11 | Run `nx test widget-object` to execute the unit tests via [Jest](https://jestjs.io).
12 |
--------------------------------------------------------------------------------
/projects/widget-object/jest.config.ts:
--------------------------------------------------------------------------------
1 | /* eslint-disable */
2 | export default {
3 | displayName: 'widget-object',
4 | preset: 'jest-preset-angular',
5 | setupFilesAfterEnv: ['/setup-jest.ts'],
6 | globalSetup: 'jest-preset-angular/global-setup',
7 | globals: {
8 | 'ts-jest': {
9 | tsconfig: '/tsconfig.spec.json',
10 | },
11 | },
12 | transform: {
13 | '^.+\\.(ts|js|html)$': 'jest-preset-angular',
14 | },
15 | restoreMocks: true,
16 | moduleFileExtensions: ['ts', 'js', 'html'],
17 | coverageDirectory: '../../coverage/projects/widget-object',
18 | };
19 |
--------------------------------------------------------------------------------
/projects/widget-object/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "@vcd/widget-object",
3 | "version": "0.0.2",
4 | "type": "commonjs"
5 | }
6 |
--------------------------------------------------------------------------------
/projects/widget-object/setup-jest.ts:
--------------------------------------------------------------------------------
1 | /*!
2 | * Copyright 2021 VMware, Inc.
3 | * SPDX-License-Identifier: BSD-2-Clause
4 | */
5 | import 'jest-preset-angular/setup-jest';
6 |
--------------------------------------------------------------------------------
/projects/widget-object/src/index.ts:
--------------------------------------------------------------------------------
1 | /*!
2 | * Copyright 2021 VMware, Inc.
3 | * SPDX-License-Identifier: BSD-2-Clause
4 | */
5 | export * from './lib/';
6 |
--------------------------------------------------------------------------------
/projects/widget-object/src/lib/datagrid/vcd-datagrid.wo.ts:
--------------------------------------------------------------------------------
1 | /*!
2 | * Copyright 2020 VMware, Inc.
3 | * SPDX-License-Identifier: BSD-2-Clause
4 | */
5 |
6 | import { BaseWidgetObject } from '../';
7 | import { ClrDatagridWidgetObject } from './datagrid.wo';
8 |
9 | /**
10 | * Widget Object for our VCD DataGrid
11 | */
12 | export class VcdDatagridWidgetObject extends BaseWidgetObject {
13 | static tagName = `vcd-datagrid`;
14 |
15 | /**
16 | * Gives the header above the grid.
17 | */
18 | getHeader = this.factory.css('h3');
19 |
20 | /**
21 | * Gives the widget object for this `clr-datagrid`.
22 | */
23 | get clrDatagrid(): ClrDatagridWidgetObject {
24 | return this.el.findWidget>(ClrDatagridWidgetObject);
25 | }
26 |
27 | /**
28 | * Unwraps the `vcd-datagrid`
29 | *
30 | * @deprecated Please use {@link VcdDatagridWidgetObject.self()}.
31 | */
32 | get vcdDatagrid(): T {
33 | return this.self();
34 | }
35 | }
36 |
--------------------------------------------------------------------------------
/projects/widget-object/src/lib/index.ts:
--------------------------------------------------------------------------------
1 | /*!
2 | * Copyright 2020 VMware, Inc.
3 | * SPDX-License-Identifier: BSD-2-Clause
4 | */
5 |
6 | export { CypressWidgetObjectFinder, FindCypressWidgetOptions } from './cypress/cypress-widget-finder';
7 | export { AngularWidgetObjectFinder } from './angular/angular-widget-finder';
8 | export { TestElement } from './angular/angular-widget-object-element';
9 | export { FindElementOptions, BaseWidgetObject, FindableWidget, WidgetObjectElement } from './widget-object';
10 | export { ClrDatagridWidgetObject } from './datagrid/datagrid.wo';
11 | export { VcdDatagridWidgetObject } from './datagrid/vcd-datagrid.wo';
12 |
--------------------------------------------------------------------------------
/projects/widget-object/src/lib/selector-util.ts:
--------------------------------------------------------------------------------
1 | /*!
2 | * Copyright 2021 VMware, Inc.
3 | * SPDX-License-Identifier: BSD-2-Clause
4 | */
5 | import { FindElementOptions } from './widget-object';
6 |
7 | export class SelectorUtil {
8 | /**
9 | * Extracts the selector from the parameter passed. It is possible that selector is a `FindElementOptions` but
10 | * does not contain dataUiSelector or cssSelector. That would
11 | *
12 | * @return a CSS selector string to be used or undefined if no CSS selector can be found
13 | */
14 | static extractSelector(selector: string | FindElementOptions): string | undefined {
15 | if (typeof selector === 'string') {
16 | return selector;
17 | } else {
18 | if (selector.dataUiSelector) {
19 | return `[data-ui="${selector.dataUiSelector}"]`;
20 | }
21 |
22 | return selector.cssSelector;
23 | }
24 | }
25 | }
26 |
--------------------------------------------------------------------------------
/projects/widget-object/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../tsconfig.json",
3 | "compilerOptions": {
4 | "module": "commonjs",
5 | "forceConsistentCasingInFileNames": true,
6 | "strict": true,
7 | "noImplicitOverride": true,
8 | "noPropertyAccessFromIndexSignature": true,
9 | "noImplicitReturns": true,
10 | "noFallthroughCasesInSwitch": true
11 | },
12 | "files": [],
13 | "include": [],
14 | "references": [
15 | {
16 | "path": "./tsconfig.lib.json"
17 | },
18 | {
19 | "path": "./tsconfig.spec.json"
20 | }
21 | ]
22 | }
23 |
--------------------------------------------------------------------------------
/projects/widget-object/tsconfig.lib.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "./tsconfig.json",
3 | "compilerOptions": {
4 | "outDir": "../../dist/out-tsc",
5 | "declaration": true,
6 | "types": ["node"]
7 | },
8 | "include": ["src/**/*.ts"],
9 | "exclude": ["jest.config.ts", "src/**/*.spec.ts", "src/**/*.test.ts"]
10 | }
11 |
--------------------------------------------------------------------------------
/projects/widget-object/tsconfig.spec.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "./tsconfig.json",
3 | "compilerOptions": {
4 | "outDir": "../../dist/out-tsc",
5 | "module": "commonjs",
6 | "types": ["jest", "node"]
7 | },
8 | "include": ["jest.config.ts", "src/**/*.test.ts", "src/**/*.spec.ts", "src/**/*.d.ts"]
9 | }
10 |
--------------------------------------------------------------------------------
/vcdh5cc.l10n:
--------------------------------------------------------------------------------
1 | #
2 | # This file lists all files that should be localized for a release.
3 | # These localizations are maintained internally by VMware.
4 | #
5 |
6 |
7 | # For VCD-CC, all files including *.properties are UTF-8 encoded.
8 | # Override default value ('java_escape') for java-resource (*.properties) files.
9 | Encodingrule: java-resource => utf_8_sig
10 | Encodingrule: text-file => utf_8_sig
11 |
12 | #################################
13 | # HTML5 UI
14 | [projects/components/src/assets/resources]
15 | %M.properties
16 |
--------------------------------------------------------------------------------