diff --git a/.github/dependabot.yml b/.github/dependabot.yml
index 66c1c49e8..a582fd507 100644
--- a/.github/dependabot.yml
+++ b/.github/dependabot.yml
@@ -1,30 +1,16 @@
version: 2
updates:
- - package-ecosystem: npm
- directory: '/angular-workspace/'
- schedule:
- interval: monthly
- open-pull-requests-limit: 2
-
- - package-ecosystem: npm
- directory: '/react-workspace/'
- schedule:
- interval: monthly
- open-pull-requests-limit: 2
-
- package-ecosystem: npm
directory: '/stencil-workspace/'
schedule:
interval: monthly
versioning-strategy: increase
- open-pull-requests-limit: 2
- package-ecosystem: npm
directory: '/stencil-workspace/storybook/'
schedule:
interval: monthly
versioning-strategy: increase
- open-pull-requests-limit: 2
- package-ecosystem: github-actions
directory: '/'
diff --git a/.github/workflows/axe-linter.yml b/.github/workflows/axe-linter.yml
new file mode 100644
index 000000000..c899cd16b
--- /dev/null
+++ b/.github/workflows/axe-linter.yml
@@ -0,0 +1,14 @@
+name: Linting for accessibility issues
+
+on: [pull_request]
+
+jobs:
+ build:
+ runs-on: ubuntu-latest
+
+ steps:
+ - uses: actions/checkout@v4
+ - uses: dequelabs/axe-linter-action@v1
+ with:
+ api_key: ${{ secrets.AXE_LINTER_API_KEY }}
+ github_token: ${{ secrets.GITHUB_TOKEN }}
diff --git a/.github/workflows/publish-angular.yml b/.github/workflows/publish-angular.yml
index e79efa94a..d4a1360f0 100644
--- a/.github/workflows/publish-angular.yml
+++ b/.github/workflows/publish-angular.yml
@@ -45,6 +45,14 @@ jobs:
node-version: '18.x'
registry-url: 'https://registry.npmjs.org'
+ - name: Install Modus Web Components
+ run: npm ci
+ working-directory: ./stencil-workspace
+
+ - name: Build Modus Web Components
+ run: npm run build
+ working-directory: ./stencil-workspace
+
- name: npm install
run: npm i
working-directory: ./angular-workspace/ng${{ github.event.inputs.angularVersion }}/projects/trimble-oss/modus-angular-components
diff --git a/.github/workflows/publish-react.yml b/.github/workflows/publish-react.yml
index a70c8d28d..9b56f4f71 100644
--- a/.github/workflows/publish-react.yml
+++ b/.github/workflows/publish-react.yml
@@ -32,6 +32,14 @@ jobs:
node-version: '16.x'
registry-url: 'https://registry.npmjs.org'
+ - name: Install Modus Web Components
+ run: npm ci
+ working-directory: ./stencil-workspace
+
+ - name: Build Modus Web Components
+ run: npm run build
+ working-directory: ./stencil-workspace
+
- name: Install React ${{ github.event.inputs.reactVersion }}
run: npm ci
diff --git a/.github/workflows/super-linter.yml b/.github/workflows/super-linter.yml
index 110cdb5c2..c469856c7 100644
--- a/.github/workflows/super-linter.yml
+++ b/.github/workflows/super-linter.yml
@@ -7,7 +7,7 @@ on:
branches-ignore:
- 'dependabot/**'
-permissions: # added using https://github.com/step-security/secure-workflows
+permissions:
contents: read
jobs:
@@ -25,7 +25,7 @@ jobs:
fetch-depth: 0
- name: Lint Code Base
- uses: github/super-linter/slim@v5
+ uses: github/super-linter/slim@v6
env:
DEFAULT_BRANCH: main
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
@@ -36,6 +36,7 @@ jobs:
MARKDOWN_CONFIG_FILE: .markdownlint.json
SUPPRESS_POSSUM: true
VALIDATE_ALL_CODEBASE: false
+ VALIDATE_CHECKOV: false
VALIDATE_CSS: false
VALIDATE_EDITORCONFIG: false
VALIDATE_GITLEAKS: false
diff --git a/.gitignore b/.gitignore
index cd5c351ac..0296afedb 100644
--- a/.gitignore
+++ b/.gitignore
@@ -28,6 +28,8 @@ Thumbs.db
UserInterfaceState.xcuserstate
.env
+**/stencil-generated/**
+
stencil-workspace/generate-icons/generate-icons.js
stencil-workspace/src/icons/generated-icons/*.tsx
stencil-workspace/src/icons/ModusIconMap.tsx
diff --git a/angular-workspace/ng14/package-lock.json b/angular-workspace/ng14/package-lock.json
index aab91ce9d..784a1edea 100644
--- a/angular-workspace/ng14/package-lock.json
+++ b/angular-workspace/ng14/package-lock.json
@@ -16,7 +16,7 @@
"@angular/platform-browser": "^14.1.1",
"@angular/platform-browser-dynamic": "^14.1.1",
"@angular/router": "^14.1.1",
- "@trimble-oss/modus-web-components": "0.22.0",
+ "@trimble-oss/modus-web-components": "0.27.0",
"rxjs": "~7.8.1",
"tslib": "^2.5.3",
"zone.js": "~0.12.0"
@@ -3100,9 +3100,9 @@
}
},
"node_modules/@trimble-oss/modus-web-components": {
- "version": "0.22.0",
- "resolved": "https://registry.npmjs.org/@trimble-oss/modus-web-components/-/modus-web-components-0.22.0.tgz",
- "integrity": "sha512-+c0Niz1pcPPx6DaQ7vw0c4cuaVtYG8CWWXNkH2U8z0u77q6YKZ1pKtmnAvXb9uUYcwg0ChIohBsSdsX/IqYSjQ==",
+ "version": "0.27.0",
+ "resolved": "https://registry.npmjs.org/@trimble-oss/modus-web-components/-/modus-web-components-0.27.0.tgz",
+ "integrity": "sha512-X527beFYj0FVdV1jQfc19z3Lczeg2D8CDaTgA647cIbC91pWDKXZclJ6YpU4PMjzRxUmFFFOPQR0Uj5iWsiPSQ==",
"dependencies": {
"@popperjs/core": "^2.11.8",
"@stencil/core": "^4.12.4",
@@ -5875,17 +5875,17 @@
"dev": true
},
"node_modules/express": {
- "version": "4.18.2",
- "resolved": "https://registry.npmjs.org/express/-/express-4.18.2.tgz",
- "integrity": "sha512-5/PsL6iGPdfQ/lKM1UuielYgv3BUoJfz1aUwU9vHZ+J7gyvwdQXFEBIEIaxeGf0GIcreATNyBExtalisDbuMqQ==",
+ "version": "4.19.2",
+ "resolved": "https://registry.npmjs.org/express/-/express-4.19.2.tgz",
+ "integrity": "sha512-5T6nhjsT+EOMzuck8JjBHARTHfMht0POzlA60WV2pMD3gyXw2LZnZ+ueGdNxG+0calOJcWKbpFcuzLZ91YWq9Q==",
"dev": true,
"dependencies": {
"accepts": "~1.3.8",
"array-flatten": "1.1.1",
- "body-parser": "1.20.1",
+ "body-parser": "1.20.2",
"content-disposition": "0.5.4",
"content-type": "~1.0.4",
- "cookie": "0.5.0",
+ "cookie": "0.6.0",
"cookie-signature": "1.0.6",
"debug": "2.6.9",
"depd": "2.0.0",
@@ -5922,34 +5922,10 @@
"integrity": "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==",
"dev": true
},
- "node_modules/express/node_modules/body-parser": {
- "version": "1.20.1",
- "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.1.tgz",
- "integrity": "sha512-jWi7abTbYwajOytWCQc37VulmWiRae5RyTpaCyDcS5/lMdtwSz5lOpDE67srw/HYe35f1z3fDQw+3txg7gNtWw==",
- "dev": true,
- "dependencies": {
- "bytes": "3.1.2",
- "content-type": "~1.0.4",
- "debug": "2.6.9",
- "depd": "2.0.0",
- "destroy": "1.2.0",
- "http-errors": "2.0.0",
- "iconv-lite": "0.4.24",
- "on-finished": "2.4.1",
- "qs": "6.11.0",
- "raw-body": "2.5.1",
- "type-is": "~1.6.18",
- "unpipe": "1.0.0"
- },
- "engines": {
- "node": ">= 0.8",
- "npm": "1.2.8000 || >= 1.4.16"
- }
- },
"node_modules/express/node_modules/cookie": {
- "version": "0.5.0",
- "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.5.0.tgz",
- "integrity": "sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==",
+ "version": "0.6.0",
+ "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.6.0.tgz",
+ "integrity": "sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw==",
"dev": true,
"engines": {
"node": ">= 0.6"
@@ -5988,21 +5964,6 @@
"integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
"dev": true
},
- "node_modules/express/node_modules/raw-body": {
- "version": "2.5.1",
- "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.1.tgz",
- "integrity": "sha512-qqJBtEyVgS0ZmPGdCFPWJ3FreoqvG4MVQln/kCgF7Olq95IbOp0/BWyMwbdtn4VTvkM8Y7khCQ2Xgk/tcrCXig==",
- "dev": true,
- "dependencies": {
- "bytes": "3.1.2",
- "http-errors": "2.0.0",
- "iconv-lite": "0.4.24",
- "unpipe": "1.0.0"
- },
- "engines": {
- "node": ">= 0.8"
- }
- },
"node_modules/express/node_modules/statuses": {
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
diff --git a/angular-workspace/ng14/package.json b/angular-workspace/ng14/package.json
index b61bb7783..062ce67df 100644
--- a/angular-workspace/ng14/package.json
+++ b/angular-workspace/ng14/package.json
@@ -18,7 +18,7 @@
"@angular/platform-browser": "^14.1.1",
"@angular/platform-browser-dynamic": "^14.1.1",
"@angular/router": "^14.1.1",
- "@trimble-oss/modus-web-components": "0.22.0",
+ "@trimble-oss/modus-web-components": "0.27.0",
"rxjs": "~7.8.1",
"tslib": "^2.5.3",
"zone.js": "~0.12.0"
diff --git a/angular-workspace/ng14/projects/trimble-oss/modus-angular-components/package-lock.json b/angular-workspace/ng14/projects/trimble-oss/modus-angular-components/package-lock.json
index 661737fd2..a863153d5 100644
--- a/angular-workspace/ng14/projects/trimble-oss/modus-angular-components/package-lock.json
+++ b/angular-workspace/ng14/projects/trimble-oss/modus-angular-components/package-lock.json
@@ -1,12 +1,12 @@
{
"name": "@trimble-oss/modus-angular-components",
- "version": "0.22.0-ng14",
+ "version": "0.27.0-ng14",
"lockfileVersion": 2,
"requires": true,
"packages": {
"": {
"name": "@trimble-oss/modus-angular-components",
- "version": "0.22.0-ng14",
+ "version": "0.27.0-ng14",
"license": "MIT",
"dependencies": {
"tslib": "^2.5.3"
@@ -17,7 +17,7 @@
"peerDependencies": {
"@angular/common": "^14.1.1",
"@angular/core": "^14.1.1",
- "@trimble-oss/modus-web-components": "0.22.0"
+ "@trimble-oss/modus-web-components": "0.27.0"
}
},
"node_modules/tslib": {
diff --git a/angular-workspace/ng14/projects/trimble-oss/modus-angular-components/package.json b/angular-workspace/ng14/projects/trimble-oss/modus-angular-components/package.json
index 1101cb140..d28f45911 100644
--- a/angular-workspace/ng14/projects/trimble-oss/modus-angular-components/package.json
+++ b/angular-workspace/ng14/projects/trimble-oss/modus-angular-components/package.json
@@ -1,6 +1,6 @@
{
"name": "@trimble-oss/modus-angular-components",
- "version": "0.22.0-ng14",
+ "version": "0.27.0-ng14",
"license": "MIT",
"description": "Trimble Modus Angular Components Library",
"homepage": "https://modus-web-components.trimble.com/",
@@ -14,7 +14,7 @@
"peerDependencies": {
"@angular/common": "^14.1.1",
"@angular/core": "^14.1.1",
- "@trimble-oss/modus-web-components": "0.22.0"
+ "@trimble-oss/modus-web-components": "0.27.0"
},
"dependencies": {
"tslib": "^2.5.3"
diff --git a/angular-workspace/ng14/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/angular-component-lib/utils.ts b/angular-workspace/ng14/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/angular-component-lib/utils.ts
deleted file mode 100644
index b75904879..000000000
--- a/angular-workspace/ng14/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/angular-component-lib/utils.ts
+++ /dev/null
@@ -1,65 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-import { fromEvent } from 'rxjs';
-
-export const proxyInputs = (Cmp: any, inputs: string[]) => {
- const Prototype = Cmp.prototype;
- inputs.forEach((item) => {
- Object.defineProperty(Prototype, item, {
- get() {
- return this.el[item];
- },
- set(val: any) {
- this.z.runOutsideAngular(() => (this.el[item] = val));
- },
- /**
- * In the event that proxyInputs is called
- * multiple times re-defining these inputs
- * will cause an error to be thrown. As a result
- * we set configurable: true to indicate these
- * properties can be changed.
- */
- configurable: true,
- });
- });
-};
-
-export const proxyMethods = (Cmp: any, methods: string[]) => {
- const Prototype = Cmp.prototype;
- methods.forEach((methodName) => {
- Prototype[methodName] = function () {
- const args = arguments;
- return this.z.runOutsideAngular(() => this.el[methodName].apply(this.el, args));
- };
- });
-};
-
-export const proxyOutputs = (instance: any, el: any, events: string[]) => {
- events.forEach((eventName) => (instance[eventName] = fromEvent(el, eventName)));
-};
-
-export const defineCustomElement = (tagName: string, customElement: any) => {
- if (customElement !== undefined && typeof customElements !== 'undefined' && !customElements.get(tagName)) {
- customElements.define(tagName, customElement);
- }
-};
-
-// tslint:disable-next-line: only-arrow-functions
-export function ProxyCmp(opts: { defineCustomElementFn?: () => void; inputs?: any; methods?: any }) {
- const decorator = function (cls: any) {
- const { defineCustomElementFn, inputs, methods } = opts;
-
- if (defineCustomElementFn !== undefined) {
- defineCustomElementFn();
- }
-
- if (inputs) {
- proxyInputs(cls, inputs);
- }
- if (methods) {
- proxyMethods(cls, methods);
- }
- return cls;
- };
- return decorator;
-}
diff --git a/angular-workspace/ng14/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/boolean-value-accessor.ts b/angular-workspace/ng14/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/boolean-value-accessor.ts
deleted file mode 100644
index a51d1d535..000000000
--- a/angular-workspace/ng14/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/boolean-value-accessor.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import { Directive, ElementRef } from '@angular/core';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-
-import { ValueAccessor } from './value-accessor';
-
-@Directive({
- /* tslint:disable-next-line:directive-selector */
- selector: 'modus-checkbox, modus-switch',
- host: {
- '(checkboxClick)': 'handleChangeEvent($event.target.checked)',
- '(switchClick)': 'handleChangeEvent($event.target.checked)'
- },
- providers: [
- {
- provide: NG_VALUE_ACCESSOR,
- useExisting: BooleanValueAccessor,
- multi: true
- }
- ]
-})
-export class BooleanValueAccessor extends ValueAccessor {
- constructor(el: ElementRef) {
- super(el);
- }
- writeValue(value: any) {
- this.el.nativeElement.checked = this.lastValue = value == null ? false : value;
- }
-}
diff --git a/angular-workspace/ng14/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/components.ts b/angular-workspace/ng14/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/components.ts
deleted file mode 100644
index a2b7be9e2..000000000
--- a/angular-workspace/ng14/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/components.ts
+++ /dev/null
@@ -1,1653 +0,0 @@
-/* tslint:disable */
-/* auto-generated angular directive proxies */
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, EventEmitter, NgZone } from '@angular/core';
-
-import { ProxyCmp, proxyOutputs } from './angular-component-lib/utils';
-
-import { Components } from '@trimble-oss/modus-web-components';
-
-
-@ProxyCmp({
- inputs: ['ariaLabel']
-})
-@Component({
- selector: 'modus-accordion',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel'],
-})
-export class ModusAccordion {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- }
-}
-
-
-export declare interface ModusAccordion extends Components.ModusAccordion {}
-
-
-@ProxyCmp({
- inputs: ['disabled', 'expandButtonType', 'expanded', 'headerText', 'icon', 'size']
-})
-@Component({
- selector: 'modus-accordion-item',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['disabled', 'expandButtonType', 'expanded', 'headerText', 'icon', 'size'],
-})
-export class ModusAccordionItem {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['closed', 'opened']);
- }
-}
-
-
-export declare interface ModusAccordionItem extends Components.ModusAccordionItem {
- /**
- * An event that fires on every accordion close.
- */
- closed: EventEmitter>;
- /**
- * An event that fires on every accordion open.
- */
- opened: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['actions', 'size', 'visibleItemCount']
-})
-@Component({
- selector: 'modus-action-bar',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['actions', 'size', 'visibleItemCount'],
-})
-export class ModusActionBar {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['actionBarClick']);
- }
-}
-
-
-export declare interface ModusActionBar extends Components.ModusActionBar {
- /**
- * (optional) An event that fires on action item click.
- */
- actionBarClick: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'buttonAriaLabel', 'buttonText', 'dismissible', 'message', 'type']
-})
-@Component({
- selector: 'modus-alert',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'buttonAriaLabel', 'buttonText', 'dismissible', 'message', 'type'],
-})
-export class ModusAlert {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['dismissClick', 'actionClick']);
- }
-}
-
-
-export declare interface ModusAlert extends Components.ModusAlert {
- /**
- * An event that fires when the alert is dismissed
- */
- dismissClick: EventEmitter>;
- /**
- * An event that firest when the action button is clicked
- */
- actionClick: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'clearable', 'disableCloseOnSelect', 'disabled', 'dropdownMaxHeight', 'dropdownZIndex', 'errorText', 'includeSearchIcon', 'label', 'multiple', 'noResultsFoundSubtext', 'noResultsFoundText', 'options', 'placeholder', 'readOnly', 'required', 'showNoResultsFoundMessage', 'showOptionsOnFocus', 'size', 'value']
-})
-@Component({
- selector: 'modus-autocomplete',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'clearable', 'disableCloseOnSelect', 'disabled', 'dropdownMaxHeight', 'dropdownZIndex', 'errorText', 'includeSearchIcon', 'label', 'multiple', 'noResultsFoundSubtext', 'noResultsFoundText', 'options', 'placeholder', 'readOnly', 'required', 'showNoResultsFoundMessage', 'showOptionsOnFocus', 'size', 'value'],
-})
-export class ModusAutocomplete {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['optionSelected', 'valueChange']);
- }
-}
-
-
-export declare interface ModusAutocomplete extends Components.ModusAutocomplete {
- /**
- * An event that fires when a dropdown option is selected. Emits the option id.
- */
- optionSelected: EventEmitter>;
- /**
- * An event that fires when the input value changes. Emits the value string.
- */
- valueChange: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'color', 'size', 'type']
-})
-@Component({
- selector: 'modus-badge',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'color', 'size', 'type'],
-})
-export class ModusBadge {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- }
-}
-
-
-export declare interface ModusBadge extends Components.ModusBadge {}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'crumbs', 'underlineLinks']
-})
-@Component({
- selector: 'modus-breadcrumb',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'crumbs', 'underlineLinks'],
-})
-export class ModusBreadcrumb {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['crumbClick']);
- }
-}
-
-
-import type { Crumb as IModusBreadcrumbCrumb } from '@trimble-oss/modus-web-components';
-
-export declare interface ModusBreadcrumb extends Components.ModusBreadcrumb {
- /**
- * (optional) An event that fires on breadcrumb click.
- */
- crumbClick: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['ariaDisabled', 'ariaLabel', 'buttonStyle', 'color', 'disabled', 'iconOnly', 'leftIcon', 'rightIcon', 'showCaret', 'size', 'type'],
- methods: ['focusButton']
-})
-@Component({
- selector: 'modus-button',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaDisabled', 'ariaLabel', 'buttonStyle', 'color', 'disabled', 'iconOnly', 'leftIcon', 'rightIcon', 'showCaret', 'size', 'type'],
-})
-export class ModusButton {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['buttonClick']);
- }
-}
-
-
-export declare interface ModusButton extends Components.ModusButton {
- /**
- * (optional) An event that fires on button click.
- */
- buttonClick: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'borderRadius', 'height', 'showCardBorder', 'showShadowOnHover', 'width']
-})
-@Component({
- selector: 'modus-card',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'borderRadius', 'height', 'showCardBorder', 'showShadowOnHover', 'width'],
-})
-export class ModusCard {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- }
-}
-
-
-export declare interface ModusCard extends Components.ModusCard {}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'checked', 'disabled', 'indeterminate', 'label', 'size', 'stopPropagation', 'tabIndexValue'],
- methods: ['focusCheckbox']
-})
-@Component({
- selector: 'modus-checkbox',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'checked', 'disabled', 'indeterminate', 'label', 'size', 'stopPropagation', 'tabIndexValue'],
-})
-export class ModusCheckbox {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['checkboxClick']);
- }
-}
-
-
-export declare interface ModusCheckbox extends Components.ModusCheckbox {
- /**
- * An event that fires on checkbox click.
- */
- checkboxClick: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'chipStyle', 'disabled', 'hasError', 'imageUrl', 'maxWidth', 'showCheckmark', 'showClose', 'size', 'value']
-})
-@Component({
- selector: 'modus-chip',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'chipStyle', 'disabled', 'hasError', 'imageUrl', 'maxWidth', 'showCheckmark', 'showClose', 'size', 'value'],
-})
-export class ModusChip {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['chipClick', 'closeClick']);
- }
-}
-
-
-export declare interface ModusChip extends Components.ModusChip {
- /**
- * An event that fires on chip click.
- */
- chipClick: EventEmitter>;
- /**
- * An event that fires on close icon click.
- */
- closeClick: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['columns', 'data', 'displayOptions', 'rowActions', 'selectionOptions', 'sortOptions']
-})
-@Component({
- selector: 'modus-data-table',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['columns', 'data', 'displayOptions', 'rowActions', 'selectionOptions', 'sortOptions'],
-})
-export class ModusDataTable {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['cellLinkClick', 'rowDoubleClick', 'selection', 'sort', 'rowActionClick']);
- }
-}
-
-
-import type { ModusDataTableCellLink as IModusDataTableModusDataTableCellLink } from '@trimble-oss/modus-web-components';
-import type { ModusDataTableSortEvent as IModusDataTableModusDataTableSortEvent } from '@trimble-oss/modus-web-components';
-import type { ModusDataTableRowActionClickEvent as IModusDataTableModusDataTableRowActionClickEvent } from '@trimble-oss/modus-web-components';
-
-export declare interface ModusDataTable extends Components.ModusDataTable {
- /**
- * An event that fires on cell link click.
- */
- cellLinkClick: EventEmitter>;
- /**
- * An event that fires on row double click.
- */
- rowDoubleClick: EventEmitter>;
- /**
- * An event that fires on selection change.
- */
- selection: EventEmitter>;
- /**
- * An event that fires on column sort.
- */
- sort: EventEmitter>;
- /**
- * An event that fires when a row action is clicked.
- */
- rowActionClick: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['allowedCharsRegex', 'altFormats', 'ariaLabel', 'autoFocusInput', 'disableValidation', 'disabled', 'errorText', 'fillerDate', 'format', 'helperText', 'label', 'max', 'min', 'placeholder', 'readOnly', 'required', 'showCalendarIcon', 'size', 'type', 'validText', 'value'],
- methods: ['focusInput', 'validate']
-})
-@Component({
- selector: 'modus-date-input',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['allowedCharsRegex', 'altFormats', 'ariaLabel', 'autoFocusInput', 'disableValidation', 'disabled', 'errorText', 'fillerDate', 'format', 'helperText', 'label', 'max', 'min', 'placeholder', 'readOnly', 'required', 'showCalendarIcon', 'size', 'type', 'validText', 'value'],
-})
-export class ModusDateInput {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['calendarIconClicked', 'dateInputBlur', 'valueChange']);
- }
-}
-
-
-import type { ModusDateInputEventDetails as IModusDateInputModusDateInputEventDetails } from '@trimble-oss/modus-web-components';
-
-export declare interface ModusDateInput extends Components.ModusDateInput {
- /**
- * An event that fires on calendar icon click.
- */
- calendarIconClicked: EventEmitter>;
- /**
- * An event that fires on input value out of focus.
- */
- dateInputBlur: EventEmitter>;
- /**
- * An event that fires on input value change.
- */
- valueChange: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['label']
-})
-@Component({
- selector: 'modus-date-picker',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['label'],
-})
-export class ModusDatePicker {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- }
-}
-
-
-export declare interface ModusDatePicker extends Components.ModusDatePicker {}
-
-
-@ProxyCmp({
- inputs: ['animateList', 'ariaLabel', 'customPlacement', 'disabled', 'placement', 'showDropdownListBorder', 'toggleElementId']
-})
-@Component({
- selector: 'modus-dropdown',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['animateList', 'ariaLabel', 'customPlacement', 'disabled', 'placement', 'showDropdownListBorder', 'toggleElementId'],
-})
-export class ModusDropdown {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['dropdownClose']);
- }
-}
-
-
-export declare interface ModusDropdown extends Components.ModusDropdown {
- /**
- * An event that fires on dropdown close.
- */
- dropdownClose: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'description', 'dropzoneHeight', 'dropzoneWidth', 'includeStateIcon', 'label', 'maxFileCount', 'maxFileNameLength', 'maxTotalFileSizeBytes', 'multiple'],
- methods: ['addFile', 'getError', 'getFiles', 'removeFile']
-})
-@Component({
- selector: 'modus-file-dropzone',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'description', 'dropzoneHeight', 'dropzoneWidth', 'includeStateIcon', 'label', 'maxFileCount', 'maxFileNameLength', 'maxTotalFileSizeBytes', 'multiple'],
-})
-export class ModusFileDropzone {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['files']);
- }
-}
-
-
-export declare interface ModusFileDropzone extends Components.ModusFileDropzone {
- /**
- * An event that fires when files have been added or removed, regardless of whether they're valid.
- */
- files: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['color', 'name', 'size']
-})
-@Component({
- selector: 'modus-icon',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['color', 'name', 'size'],
-})
-export class ModusIcon {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['iconClick']);
- }
-}
-
-
-export declare interface ModusIcon extends Components.ModusIcon {
- /**
- * (optional) The click handler function
- */
- iconClick: EventEmitter>;
-}
-
-
-@ProxyCmp({
-})
-@Component({
- selector: 'modus-list',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: [],
-})
-export class ModusList {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- }
-}
-
-
-export declare interface ModusList extends Components.ModusList {}
-
-
-@ProxyCmp({
- inputs: ['borderless', 'disabled', 'leftIcon', 'selected', 'size', 'subText', 'type', 'wrapSubText'],
- methods: ['focusItem']
-})
-@Component({
- selector: 'modus-list-item',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['borderless', 'disabled', 'leftIcon', 'selected', 'size', 'subText', 'type', 'wrapSubText'],
-})
-export class ModusListItem {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['itemClick']);
- }
-}
-
-
-export declare interface ModusListItem extends Components.ModusListItem {
- /**
- * An event that fires on list item click
- */
- itemClick: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'icon', 'type']
-})
-@Component({
- selector: 'modus-message',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'icon', 'type'],
-})
-export class ModusMessage {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- }
-}
-
-
-export declare interface ModusMessage extends Components.ModusMessage {}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'backdrop', 'headerText', 'primaryButtonAriaLabel', 'primaryButtonDisabled', 'primaryButtonText', 'secondaryButtonAriaLabel', 'secondaryButtonDisabled', 'secondaryButtonText', 'zIndex'],
- methods: ['close', 'open']
-})
-@Component({
- selector: 'modus-modal',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'backdrop', 'headerText', 'primaryButtonAriaLabel', 'primaryButtonDisabled', 'primaryButtonText', 'secondaryButtonAriaLabel', 'secondaryButtonDisabled', 'secondaryButtonText', 'zIndex'],
-})
-export class ModusModal {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['closed', 'opened', 'primaryButtonClick', 'secondaryButtonClick']);
- }
-}
-
-
-export declare interface ModusModal extends Components.ModusModal {
- /**
- * An event that fires on modal close.
- */
- closed: EventEmitter>;
- /**
- * An event that fires on modal open.
- */
- opened: EventEmitter>;
- /**
- * An event that fires on primary button click.
- */
- primaryButtonClick: EventEmitter>;
- /**
- * An event that fires on secondary button click.
- */
- secondaryButtonClick: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['apps', 'buttons', 'enableSearchOverlay', 'helpTooltip', 'helpUrl', 'logoOptions', 'profileMenuOptions', 'reverse', 'searchTooltip', 'showAppsMenu', 'showHelp', 'showMainMenu', 'showNotifications', 'showPendoPlaceholder', 'showProfile', 'showSearch', 'showShadow', 'variant'],
- methods: ['hideMainMenu']
-})
-@Component({
- selector: 'modus-navbar',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['apps', 'buttons', 'enableSearchOverlay', 'helpTooltip', 'helpUrl', 'logoOptions', 'profileMenuOptions', 'reverse', 'searchTooltip', 'showAppsMenu', 'showHelp', 'showMainMenu', 'showNotifications', 'showPendoPlaceholder', 'showProfile', 'showSearch', 'showShadow', 'variant'],
-})
-export class ModusNavbar {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['appsMenuOpen', 'appsMenuAppOpen', 'buttonClick', 'helpOpen', 'mainMenuClick', 'notificationsMenuOpen', 'productLogoClick', 'profileMenuLinkClick', 'profileMenuOpen', 'profileMenuSignOutClick', 'searchChange', 'searchMenuClick']);
- }
-}
-
-
-import type { ModusNavbarApp as IModusNavbarModusNavbarApp } from '@trimble-oss/modus-web-components';
-
-export declare interface ModusNavbar extends Components.ModusNavbar {
- /**
- * An event that fires when the apps menu opens.
- */
- appsMenuOpen: EventEmitter>;
- /**
- * An event that fires when an apps menu app opens.
- */
- appsMenuAppOpen: EventEmitter>;
- /**
- * An event that fires when a button in the custom button list is clicked.
- */
- buttonClick: EventEmitter>;
- /**
- * An event that fires when the help link opens.
- */
- helpOpen: EventEmitter>;
- /**
- * An event that fires on main menu click.
- */
- mainMenuClick: EventEmitter>;
- /**
- * An event that fires when the notifications menu opens.
- */
- notificationsMenuOpen: EventEmitter>;
- /**
- * An event that fires on product logo click.
- */
- productLogoClick: EventEmitter>;
- /**
- * An event that fires on profile menu link click.
- */
- profileMenuLinkClick: EventEmitter>;
- /**
- * An event that fires when the profile menu opens.
- */
- profileMenuOpen: EventEmitter>;
- /**
- * An event that fires on profile menu sign out click.
- */
- profileMenuSignOutClick: EventEmitter>;
- /**
- * An event that fires on search value change.
- */
- searchChange: EventEmitter>;
- /**
- * An event that fires on search button click.
- */
- searchMenuClick: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['apps', 'reverse']
-})
-@Component({
- selector: 'modus-navbar-apps-menu',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['apps', 'reverse'],
-})
-export class ModusNavbarAppsMenu {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['appOpen']);
- }
-}
-
-
-import type { ModusNavbarApp as IModusNavbarAppsMenuModusNavbarApp } from '@trimble-oss/modus-web-components';
-
-export declare interface ModusNavbarAppsMenu extends Components.ModusNavbarAppsMenu {
-
- appOpen: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['reverse']
-})
-@Component({
- selector: 'modus-navbar-button-menu',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['reverse'],
-})
-export class ModusNavbarButtonMenu {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- }
-}
-
-
-export declare interface ModusNavbarButtonMenu extends Components.ModusNavbarButtonMenu {}
-
-
-@ProxyCmp({
- inputs: ['navbarId']
-})
-@Component({
- selector: 'modus-navbar-main-menu',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['navbarId'],
-})
-export class ModusNavbarMainMenu {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- }
-}
-
-
-export declare interface ModusNavbarMainMenu extends Components.ModusNavbarMainMenu {}
-
-
-@ProxyCmp({
- inputs: ['reverse']
-})
-@Component({
- selector: 'modus-navbar-notifications-menu',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['reverse'],
-})
-export class ModusNavbarNotificationsMenu {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- }
-}
-
-
-export declare interface ModusNavbarNotificationsMenu extends Components.ModusNavbarNotificationsMenu {}
-
-
-@ProxyCmp({
- inputs: ['avatarUrl', 'email', 'initials', 'links', 'reverse', 'signOutText', 'username', 'variant']
-})
-@Component({
- selector: 'modus-navbar-profile-menu',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['avatarUrl', 'email', 'initials', 'links', 'reverse', 'signOutText', 'username', 'variant'],
-})
-export class ModusNavbarProfileMenu {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['linkClick', 'signOutClick']);
- }
-}
-
-
-export declare interface ModusNavbarProfileMenu extends Components.ModusNavbarProfileMenu {
-
- linkClick: EventEmitter>;
-
- signOutClick: EventEmitter>;
-}
-
-
-@ProxyCmp({
-})
-@Component({
- selector: 'modus-navbar-search-overlay',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: [],
-})
-export class ModusNavbarSearchOverlay {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['close', 'search']);
- }
-}
-
-
-export declare interface ModusNavbarSearchOverlay extends Components.ModusNavbarSearchOverlay {
- /**
- * An event that fires on clicking on close button of search overlay
- */
- close: EventEmitter>;
- /**
- * An event that fires on search value change.
- */
- search: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'disabled', 'errorText', 'helperText', 'label', 'maxValue', 'minValue', 'placeholder', 'readOnly', 'required', 'size', 'step', 'textAlign', 'validText', 'value'],
- methods: ['focusInput']
-})
-@Component({
- selector: 'modus-number-input',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'disabled', 'errorText', 'helperText', 'label', 'maxValue', 'minValue', 'placeholder', 'readOnly', 'required', 'size', 'step', 'textAlign', 'validText', 'value'],
-})
-export class ModusNumberInput {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['valueChange']);
- }
-}
-
-
-export declare interface ModusNumberInput extends Components.ModusNumberInput {
- /**
- * An event that fires on input value change.
- */
- valueChange: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['activePage', 'ariaLabel', 'maxPage', 'minPage', 'nextPageButtonText', 'prevPageButtonText', 'size']
-})
-@Component({
- selector: 'modus-pagination',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['activePage', 'ariaLabel', 'maxPage', 'minPage', 'nextPageButtonText', 'prevPageButtonText', 'size'],
-})
-export class ModusPagination {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['pageChange']);
- }
-}
-
-
-export declare interface ModusPagination extends Components.ModusPagination {
- /**
- * An event that fires on page change.
- */
- pageChange: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'backgroundColor', 'color', 'maxValue', 'minValue', 'size', 'text', 'textColor', 'value']
-})
-@Component({
- selector: 'modus-progress-bar',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'backgroundColor', 'color', 'maxValue', 'minValue', 'size', 'text', 'textColor', 'value'],
-})
-export class ModusProgressBar {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- }
-}
-
-
-export declare interface ModusProgressBar extends Components.ModusProgressBar {}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'checkedId', 'name', 'radioButtons', 'size']
-})
-@Component({
- selector: 'modus-radio-group',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'checkedId', 'name', 'radioButtons', 'size'],
-})
-export class ModusRadioGroup {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['buttonClick']);
- }
-}
-
-
-export declare interface ModusRadioGroup extends Components.ModusRadioGroup {
- /**
- * Fires on radio button click.
- */
- buttonClick: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'disabled', 'errorText', 'helperText', 'label', 'options', 'optionsDisplayProp', 'placeholder', 'required', 'size', 'validText', 'value'],
- methods: ['focusInput']
-})
-@Component({
- selector: 'modus-select',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'disabled', 'errorText', 'helperText', 'label', 'options', 'optionsDisplayProp', 'placeholder', 'required', 'size', 'validText', 'value'],
-})
-export class ModusSelect {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['valueChange', 'inputBlur']);
- }
-}
-
-
-export declare interface ModusSelect extends Components.ModusSelect {
- /**
- * An event that fires on input value change.
- */
- valueChange: EventEmitter>;
- /**
- * An event that fires on input blur.
- */
- inputBlur: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'disabled', 'type']
-})
-@Component({
- selector: 'modus-sentiment-scale',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'disabled', 'type'],
-})
-export class ModusSentimentScale {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['sentimentSelection']);
- }
-}
-
-
-export declare interface ModusSentimentScale extends Components.ModusSentimentScale {
- /**
- * An event that fires the selected sentiment.
- */
- sentimentSelection: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['collapseOnClickOutside', 'data', 'expanded', 'maxWidth', 'mode', 'targetContent']
-})
-@Component({
- selector: 'modus-side-navigation',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['collapseOnClickOutside', 'data', 'expanded', 'maxWidth', 'mode', 'targetContent'],
-})
-export class ModusSideNavigation {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['sideNavExpand']);
- }
-}
-
-
-export declare interface ModusSideNavigation extends Components.ModusSideNavigation {
- /**
- * An event that fires on side navigation panel collapse & expand.
- */
- sideNavExpand: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['disableSelection', 'disabled', 'label', 'menuIcon', 'selected', 'showExpandIcon'],
- methods: ['focusItem']
-})
-@Component({
- selector: 'modus-side-navigation-item',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['disableSelection', 'disabled', 'label', 'menuIcon', 'selected', 'showExpandIcon'],
-})
-export class ModusSideNavigationItem {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['sideNavItemClicked', 'sideNavItemFocus']);
- }
-}
-
-
-export declare interface ModusSideNavigationItem extends Components.ModusSideNavigationItem {
- /**
- * An event that fires when mouse click or `Enter` key press on an item.
- */
- sideNavItemClicked: EventEmitter>;
- /**
- * An event that fires when an item is in focus.
- */
- sideNavItemFocus: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'disabled', 'label', 'maxValue', 'minValue', 'value']
-})
-@Component({
- selector: 'modus-slider',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'disabled', 'label', 'maxValue', 'minValue', 'value'],
-})
-export class ModusSlider {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['valueChange', 'valueInput']);
- }
-}
-
-
-export declare interface ModusSlider extends Components.ModusSlider {
- /**
- * An event that fires on slider value change.
- */
- valueChange: EventEmitter>;
- /**
- * An event that fires on slider value input.
- */
- valueInput: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['color', 'size']
-})
-@Component({
- selector: 'modus-spinner',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['color', 'size'],
-})
-export class ModusSpinner {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- }
-}
-
-
-export declare interface ModusSpinner extends Components.ModusSpinner {}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'checked', 'disabled', 'label', 'size']
-})
-@Component({
- selector: 'modus-switch',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'checked', 'disabled', 'label', 'size'],
-})
-export class ModusSwitch {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['switchClick']);
- }
-}
-
-
-export declare interface ModusSwitch extends Components.ModusSwitch {
- /**
- * An event that fires on switch click.
- */
- switchClick: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['columnReorder', 'columnResize', 'columns', 'data', 'defaultSort', 'density', 'displayOptions', 'fullWidth', 'hover', 'manualPaginationOptions', 'manualSortingOptions', 'maxHeight', 'maxWidth', 'pageSizeList', 'pagination', 'rowActions', 'rowSelection', 'rowSelectionOptions', 'rowsExpandable', 'showSortIconOnHover', 'sort', 'sortIconStyle', 'summaryRow', 'toolbar', 'toolbarOptions', 'wrapText'],
- methods: ['getColumnData', 'toggleColumnVisibility']
-})
-@Component({
- selector: 'modus-table',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['columnReorder', 'columnResize', 'columns', 'data', 'defaultSort', 'density', 'displayOptions', 'fullWidth', 'hover', 'manualPaginationOptions', 'manualSortingOptions', 'maxHeight', 'maxWidth', 'pageSizeList', 'pagination', 'rowActions', 'rowSelection', 'rowSelectionOptions', 'rowsExpandable', 'showSortIconOnHover', 'sort', 'sortIconStyle', 'summaryRow', 'toolbar', 'toolbarOptions', 'wrapText'],
-})
-export class ModusTable {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['cellValueChange', 'cellLinkClick', 'columnOrderChange', 'columnSizingChange', 'columnVisibilityChange', 'rowActionClick', 'rowExpanded', 'rowSelectionChange', 'sortChange', 'paginationChange']);
- }
-}
-
-
-import type { ModusTableCellValueChange as IModusTableModusTableCellValueChange } from '@trimble-oss/modus-web-components';
-import type { ModusTableCellLink as IModusTableModusTableCellLink } from '@trimble-oss/modus-web-components';
-import type { ModusTableColumnOrderState as IModusTableModusTableColumnOrderState } from '@trimble-oss/modus-web-components';
-import type { ModusTableColumnSizingState as IModusTableModusTableColumnSizingState } from '@trimble-oss/modus-web-components';
-import type { ModusTableColumnVisibilityState as IModusTableModusTableColumnVisibilityState } from '@trimble-oss/modus-web-components';
-import type { ModusTableRowActionClick as IModusTableModusTableRowActionClick } from '@trimble-oss/modus-web-components';
-import type { ModusTableExpandedState as IModusTableModusTableExpandedState } from '@trimble-oss/modus-web-components';
-import type { ModusTableSortingState as IModusTableModusTableSortingState } from '@trimble-oss/modus-web-components';
-import type { ModusTablePaginationState as IModusTableModusTablePaginationState } from '@trimble-oss/modus-web-components';
-
-export declare interface ModusTable extends Components.ModusTable {
- /**
- * Emits the cell value that was edited
- */
- cellValueChange: EventEmitter>;
- /**
- * Emits the link that was clicked
- */
- cellLinkClick: EventEmitter>;
- /**
- * Emits columns in the updated order
- */
- columnOrderChange: EventEmitter>;
- /**
- * Emits latest column size
- */
- columnSizingChange: EventEmitter>;
- /**
- * Emits visibility state of each column
- */
- columnVisibilityChange: EventEmitter>;
- /**
- * An event that fires when a row action is clicked.
- */
- rowActionClick: EventEmitter>;
- /**
- * Emits expanded state of the columns
- */
- rowExpanded: EventEmitter>;
- /**
- * Emits rows selected
- */
- rowSelectionChange: EventEmitter>;
- /**
- * Emits column sort order
- */
- sortChange: EventEmitter>;
- /**
- * Emits selected page index and size
- */
- paginationChange: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['args', 'keyDown', 'type', 'value', 'valueChange']
-})
-@Component({
- selector: 'modus-table-cell-editor',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['args', 'keyDown', 'type', 'value', 'valueChange'],
-})
-export class ModusTableCellEditor {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- }
-}
-
-
-export declare interface ModusTableCellEditor extends Components.ModusTableCellEditor {}
-
-
-@ProxyCmp({
- inputs: ['cell', 'context', 'hasRowsExpandable', 'valueChange']
-})
-@Component({
- selector: 'modus-table-cell-main',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['cell', 'context', 'hasRowsExpandable', 'valueChange'],
-})
-export class ModusTableCellMain {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- }
-}
-
-
-export declare interface ModusTableCellMain extends Components.ModusTableCellMain {}
-
-
-@ProxyCmp({
- inputs: ['columnsVisibility', 'getAllLeafColumns', 'maxHeight', 'menuIconContainerRef', 'showDropdown', 'toggleDropdown']
-})
-@Component({
- selector: 'modus-table-columns-visibility',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['columnsVisibility', 'getAllLeafColumns', 'maxHeight', 'menuIconContainerRef', 'showDropdown', 'toggleDropdown'],
-})
-export class ModusTableColumnsVisibility {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- }
-}
-
-
-export declare interface ModusTableColumnsVisibility extends Components.ModusTableColumnsVisibility {}
-
-
-@ProxyCmp({
- inputs: ['context']
-})
-@Component({
- selector: 'modus-table-dropdown-menu',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['context'],
-})
-export class ModusTableDropdownMenu {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- }
-}
-
-
-export declare interface ModusTableDropdownMenu extends Components.ModusTableDropdownMenu {}
-
-
-@ProxyCmp({
- inputs: ['cellBorderless', 'container', 'summaryRow']
-})
-@Component({
- selector: 'modus-table-filler-column',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['cellBorderless', 'container', 'summaryRow'],
-})
-export class ModusTableFillerColumn {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- }
-}
-
-
-export declare interface ModusTableFillerColumn extends Components.ModusTableFillerColumn {}
-
-
-@ProxyCmp({
- inputs: ['context', 'row']
-})
-@Component({
- selector: 'modus-table-row-actions',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['context', 'row'],
-})
-export class ModusTableRowActions {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['overflowRowActions']);
- }
-}
-
-
-export declare interface ModusTableRowActions extends Components.ModusTableRowActions {
-
- overflowRowActions: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['context', 'row']
-})
-@Component({
- selector: 'modus-table-row-actions-cell',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['context', 'row'],
-})
-export class ModusTableRowActionsCell {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- }
-}
-
-
-export declare interface ModusTableRowActionsCell extends Components.ModusTableRowActionsCell {}
-
-
-@ProxyCmp({
- inputs: ['context']
-})
-@Component({
- selector: 'modus-table-row-actions-menu',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['context'],
-})
-export class ModusTableRowActionsMenu {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- }
-}
-
-
-export declare interface ModusTableRowActionsMenu extends Components.ModusTableRowActionsMenu {}
-
-
-@ProxyCmp({
- inputs: ['context']
-})
-@Component({
- selector: 'modus-table-toolbar',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['context'],
-})
-export class ModusTableToolbar {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- }
-}
-
-
-export declare interface ModusTableToolbar extends Components.ModusTableToolbar {}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'fullWidth', 'size', 'tabs']
-})
-@Component({
- selector: 'modus-tabs',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'fullWidth', 'size', 'tabs'],
-})
-export class ModusTabs {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['tabChange']);
- }
-}
-
-
-export declare interface ModusTabs extends Components.ModusTabs {
- /**
- * An event that fires on tab change.
- */
- tabChange: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'autoFocusInput', 'autocomplete', 'clearable', 'disabled', 'errorText', 'helperText', 'includePasswordTextToggle', 'includeSearchIcon', 'inputmode', 'label', 'maxLength', 'minLength', 'placeholder', 'readOnly', 'required', 'size', 'textAlign', 'type', 'validText', 'value'],
- methods: ['focusInput']
-})
-@Component({
- selector: 'modus-text-input',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'autoFocusInput', 'autocomplete', 'clearable', 'disabled', 'errorText', 'helperText', 'includePasswordTextToggle', 'includeSearchIcon', 'inputmode', 'label', 'maxLength', 'minLength', 'placeholder', 'readOnly', 'required', 'size', 'textAlign', 'type', 'validText', 'value'],
-})
-export class ModusTextInput {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['valueChange']);
- }
-}
-
-
-export declare interface ModusTextInput extends Components.ModusTextInput {
- /**
- * An event that fires on input value change.
- */
- valueChange: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['allowedCharsRegex', 'ampm', 'ariaLabel', 'autoFocusInput', 'autoFormat', 'disableValidation', 'disabled', 'errorText', 'helperText', 'label', 'max', 'min', 'placeholder', 'readOnly', 'required', 'size', 'validText', 'value'],
- methods: ['focusInput']
-})
-@Component({
- selector: 'modus-time-picker',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['allowedCharsRegex', 'ampm', 'ariaLabel', 'autoFocusInput', 'autoFormat', 'disableValidation', 'disabled', 'errorText', 'helperText', 'label', 'max', 'min', 'placeholder', 'readOnly', 'required', 'size', 'validText', 'value'],
-})
-export class ModusTimePicker {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['timeInputBlur', 'valueChange']);
- }
-}
-
-
-import type { ModusTimePickerEventDetails as IModusTimePickerModusTimePickerEventDetails } from '@trimble-oss/modus-web-components';
-
-export declare interface ModusTimePicker extends Components.ModusTimePicker {
- /**
- * An event that fires on input value out of focus.
- */
- timeInputBlur: EventEmitter>;
- /**
- * An event that fires on input value change.
- */
- valueChange: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'dismissible', 'showIcon', 'type']
-})
-@Component({
- selector: 'modus-toast',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'dismissible', 'showIcon', 'type'],
-})
-export class ModusToast {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['dismissClick']);
- }
-}
-
-
-export declare interface ModusToast extends Components.ModusToast {
- /**
- * An event that fires when the toast is dismissed
- */
- dismissClick: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'disabled', 'position', 'text']
-})
-@Component({
- selector: 'modus-tooltip',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'disabled', 'position', 'text'],
-})
-export class ModusTooltip {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- }
-}
-
-
-export declare interface ModusTooltip extends Components.ModusTooltip {}
-
-
-@ProxyCmp({
- inputs: ['borderless', 'checkboxSelection', 'checkedItems', 'disableTabbing', 'expandedItems', 'multiCheckboxSelection', 'multiSelection', 'selectedItems', 'size']
-})
-@Component({
- selector: 'modus-tree-view',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['borderless', 'checkboxSelection', 'checkedItems', 'disableTabbing', 'expandedItems', 'multiCheckboxSelection', 'multiSelection', 'selectedItems', 'size'],
-})
-export class ModusTreeView {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['itemActionClick']);
- }
-}
-
-
-export declare interface ModusTreeView extends Components.ModusTreeView {
- /**
- * Fired when an action is clicked within any tree item. Includes both the `actionId` and `nodeId` of the action and item, respectively.
- */
- itemActionClick: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['actions', 'disabled', 'draggableItem', 'droppableItem', 'editable', 'label', 'nodeId', 'tabIndexValue'],
- methods: ['focusItem', 'focusCheckbox']
-})
-@Component({
- selector: 'modus-tree-view-item',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['actions', 'disabled', 'draggableItem', 'droppableItem', 'editable', 'label', 'nodeId', 'tabIndexValue'],
-})
-export class ModusTreeViewItem {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['checkboxClick', 'itemClick', 'itemExpandToggle', 'actionClick']);
- }
-}
-
-
-export declare interface ModusTreeViewItem extends Components.ModusTreeViewItem {
- /**
- * An event that fires on tree item checkbox click
- */
- checkboxClick: EventEmitter>;
- /**
- * An event that fires on tree item click
- */
- itemClick: EventEmitter>;
- /**
- * An event that fires on tree item expand/collapse
- */
- itemExpandToggle: EventEmitter>;
- /**
- * Fired when an action button within the tree item is clicked. Includes the `actionId`.
- */
- actionClick: EventEmitter>;
-}
-
-
diff --git a/angular-workspace/ng14/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/index.ts b/angular-workspace/ng14/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/index.ts
deleted file mode 100644
index b0e106326..000000000
--- a/angular-workspace/ng14/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/index.ts
+++ /dev/null
@@ -1,61 +0,0 @@
-
-import * as d from './components';
-
-export const DIRECTIVES = [
- d.ModusAccordion,
- d.ModusAccordionItem,
- d.ModusActionBar,
- d.ModusAlert,
- d.ModusAutocomplete,
- d.ModusBadge,
- d.ModusBreadcrumb,
- d.ModusButton,
- d.ModusCard,
- d.ModusCheckbox,
- d.ModusChip,
- d.ModusDataTable,
- d.ModusDateInput,
- d.ModusDatePicker,
- d.ModusDropdown,
- d.ModusFileDropzone,
- d.ModusIcon,
- d.ModusList,
- d.ModusListItem,
- d.ModusMessage,
- d.ModusModal,
- d.ModusNavbar,
- d.ModusNavbarAppsMenu,
- d.ModusNavbarButtonMenu,
- d.ModusNavbarMainMenu,
- d.ModusNavbarNotificationsMenu,
- d.ModusNavbarProfileMenu,
- d.ModusNavbarSearchOverlay,
- d.ModusNumberInput,
- d.ModusPagination,
- d.ModusProgressBar,
- d.ModusRadioGroup,
- d.ModusSelect,
- d.ModusSentimentScale,
- d.ModusSideNavigation,
- d.ModusSideNavigationItem,
- d.ModusSlider,
- d.ModusSpinner,
- d.ModusSwitch,
- d.ModusTable,
- d.ModusTableCellEditor,
- d.ModusTableCellMain,
- d.ModusTableColumnsVisibility,
- d.ModusTableDropdownMenu,
- d.ModusTableFillerColumn,
- d.ModusTableRowActions,
- d.ModusTableRowActionsCell,
- d.ModusTableRowActionsMenu,
- d.ModusTableToolbar,
- d.ModusTabs,
- d.ModusTextInput,
- d.ModusTimePicker,
- d.ModusToast,
- d.ModusTooltip,
- d.ModusTreeView,
- d.ModusTreeViewItem
-];
diff --git a/angular-workspace/ng14/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/select-value-accessor.ts b/angular-workspace/ng14/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/select-value-accessor.ts
deleted file mode 100644
index 5d4a57017..000000000
--- a/angular-workspace/ng14/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/select-value-accessor.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { Directive, ElementRef } from '@angular/core';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-
-import { ValueAccessor } from './value-accessor';
-
-@Directive({
- /* tslint:disable-next-line:directive-selector */
- selector: 'modus-select',
- host: {
- '(valueChange)': 'handleChangeEvent($event.target.value)'
- },
- providers: [
- {
- provide: NG_VALUE_ACCESSOR,
- useExisting: SelectValueAccessor,
- multi: true
- }
- ]
-})
-export class SelectValueAccessor extends ValueAccessor {
- constructor(el: ElementRef) {
- super(el);
- }
-}
diff --git a/angular-workspace/ng14/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/text-value-accessor.ts b/angular-workspace/ng14/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/text-value-accessor.ts
deleted file mode 100644
index f1c229300..000000000
--- a/angular-workspace/ng14/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/text-value-accessor.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { Directive, ElementRef } from '@angular/core';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-
-import { ValueAccessor } from './value-accessor';
-
-@Directive({
- /* tslint:disable-next-line:directive-selector */
- selector: 'modus-autocomplete, modus-number-input, modus-text-input',
- host: {
- '(valueChange)': 'handleChangeEvent($event.target.value)'
- },
- providers: [
- {
- provide: NG_VALUE_ACCESSOR,
- useExisting: TextValueAccessor,
- multi: true
- }
- ]
-})
-export class TextValueAccessor extends ValueAccessor {
- constructor(el: ElementRef) {
- super(el);
- }
-}
diff --git a/angular-workspace/ng14/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/value-accessor.ts b/angular-workspace/ng14/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/value-accessor.ts
deleted file mode 100644
index 6bb76a6d3..000000000
--- a/angular-workspace/ng14/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/value-accessor.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import { Directive, ElementRef, HostListener } from '@angular/core';
-import { ControlValueAccessor } from '@angular/forms';
-
-@Directive({})
-export class ValueAccessor implements ControlValueAccessor {
-
- private onChange: (value: any) => void = () => {/**/};
- private onTouched: () => void = () => {/**/};
- protected lastValue: any;
-
- constructor(protected el: ElementRef) {}
-
- writeValue(value: any) {
- this.el.nativeElement.value = this.lastValue = value == null ? '' : value;
- }
-
- handleChangeEvent(value: any) {
- if (value !== this.lastValue) {
- this.lastValue = value;
- this.onChange(value);
- }
- }
-
- @HostListener('focusout')
- _handleBlurEvent() {
- this.onTouched();
- }
-
- registerOnChange(fn: (value: any) => void) {
- this.onChange = fn;
- }
- registerOnTouched(fn: () => void) {
- this.onTouched = fn;
- }
-
- setDisabledState(isDisabled: boolean) {
- this.el.nativeElement.disabled = isDisabled;
- }
-}
diff --git a/angular-workspace/ng15/package-lock.json b/angular-workspace/ng15/package-lock.json
index 4982f01eb..e4014b6ee 100644
--- a/angular-workspace/ng15/package-lock.json
+++ b/angular-workspace/ng15/package-lock.json
@@ -16,7 +16,7 @@
"@angular/platform-browser": "^15.2.9",
"@angular/platform-browser-dynamic": "^15.2.9",
"@angular/router": "^15.2.9",
- "@trimble-oss/modus-web-components": "0.22.0",
+ "@trimble-oss/modus-web-components": "0.27.0",
"rxjs": "~7.8.1",
"tslib": "^2.5.3",
"zone.js": "~0.12.0"
@@ -3548,9 +3548,9 @@
}
},
"node_modules/@trimble-oss/modus-web-components": {
- "version": "0.22.0",
- "resolved": "https://registry.npmjs.org/@trimble-oss/modus-web-components/-/modus-web-components-0.22.0.tgz",
- "integrity": "sha512-+c0Niz1pcPPx6DaQ7vw0c4cuaVtYG8CWWXNkH2U8z0u77q6YKZ1pKtmnAvXb9uUYcwg0ChIohBsSdsX/IqYSjQ==",
+ "version": "0.27.0",
+ "resolved": "https://registry.npmjs.org/@trimble-oss/modus-web-components/-/modus-web-components-0.27.0.tgz",
+ "integrity": "sha512-X527beFYj0FVdV1jQfc19z3Lczeg2D8CDaTgA647cIbC91pWDKXZclJ6YpU4PMjzRxUmFFFOPQR0Uj5iWsiPSQ==",
"dependencies": {
"@popperjs/core": "^2.11.8",
"@stencil/core": "^4.12.4",
@@ -5942,17 +5942,17 @@
"dev": true
},
"node_modules/express": {
- "version": "4.18.2",
- "resolved": "https://registry.npmjs.org/express/-/express-4.18.2.tgz",
- "integrity": "sha512-5/PsL6iGPdfQ/lKM1UuielYgv3BUoJfz1aUwU9vHZ+J7gyvwdQXFEBIEIaxeGf0GIcreATNyBExtalisDbuMqQ==",
+ "version": "4.19.2",
+ "resolved": "https://registry.npmjs.org/express/-/express-4.19.2.tgz",
+ "integrity": "sha512-5T6nhjsT+EOMzuck8JjBHARTHfMht0POzlA60WV2pMD3gyXw2LZnZ+ueGdNxG+0calOJcWKbpFcuzLZ91YWq9Q==",
"dev": true,
"dependencies": {
"accepts": "~1.3.8",
"array-flatten": "1.1.1",
- "body-parser": "1.20.1",
+ "body-parser": "1.20.2",
"content-disposition": "0.5.4",
"content-type": "~1.0.4",
- "cookie": "0.5.0",
+ "cookie": "0.6.0",
"cookie-signature": "1.0.6",
"debug": "2.6.9",
"depd": "2.0.0",
@@ -5989,34 +5989,10 @@
"integrity": "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==",
"dev": true
},
- "node_modules/express/node_modules/body-parser": {
- "version": "1.20.1",
- "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.1.tgz",
- "integrity": "sha512-jWi7abTbYwajOytWCQc37VulmWiRae5RyTpaCyDcS5/lMdtwSz5lOpDE67srw/HYe35f1z3fDQw+3txg7gNtWw==",
- "dev": true,
- "dependencies": {
- "bytes": "3.1.2",
- "content-type": "~1.0.4",
- "debug": "2.6.9",
- "depd": "2.0.0",
- "destroy": "1.2.0",
- "http-errors": "2.0.0",
- "iconv-lite": "0.4.24",
- "on-finished": "2.4.1",
- "qs": "6.11.0",
- "raw-body": "2.5.1",
- "type-is": "~1.6.18",
- "unpipe": "1.0.0"
- },
- "engines": {
- "node": ">= 0.8",
- "npm": "1.2.8000 || >= 1.4.16"
- }
- },
"node_modules/express/node_modules/cookie": {
- "version": "0.5.0",
- "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.5.0.tgz",
- "integrity": "sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==",
+ "version": "0.6.0",
+ "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.6.0.tgz",
+ "integrity": "sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw==",
"dev": true,
"engines": {
"node": ">= 0.6"
@@ -6055,21 +6031,6 @@
"integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
"dev": true
},
- "node_modules/express/node_modules/raw-body": {
- "version": "2.5.1",
- "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.1.tgz",
- "integrity": "sha512-qqJBtEyVgS0ZmPGdCFPWJ3FreoqvG4MVQln/kCgF7Olq95IbOp0/BWyMwbdtn4VTvkM8Y7khCQ2Xgk/tcrCXig==",
- "dev": true,
- "dependencies": {
- "bytes": "3.1.2",
- "http-errors": "2.0.0",
- "iconv-lite": "0.4.24",
- "unpipe": "1.0.0"
- },
- "engines": {
- "node": ">= 0.8"
- }
- },
"node_modules/express/node_modules/statuses": {
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
@@ -14733,8 +14694,7 @@
"version": "15.2.10",
"resolved": "https://registry.npmjs.org/@ngtools/webpack/-/webpack-15.2.10.tgz",
"integrity": "sha512-ZExB4rKh/Saad31O/Ofd2XvRuILuCNTYs0+qJL697Be2pzeewvzBhE4Xe1Mm7Jg13aWSPeuIdzSGOqCdwxxxFQ==",
- "dev": true,
- "requires": {}
+ "dev": true
},
"@nodelib/fs.scandir": {
"version": "2.1.5",
@@ -15055,9 +15015,9 @@
"dev": true
},
"@trimble-oss/modus-web-components": {
- "version": "0.22.0",
- "resolved": "https://registry.npmjs.org/@trimble-oss/modus-web-components/-/modus-web-components-0.22.0.tgz",
- "integrity": "sha512-+c0Niz1pcPPx6DaQ7vw0c4cuaVtYG8CWWXNkH2U8z0u77q6YKZ1pKtmnAvXb9uUYcwg0ChIohBsSdsX/IqYSjQ==",
+ "version": "0.27.0",
+ "resolved": "https://registry.npmjs.org/@trimble-oss/modus-web-components/-/modus-web-components-0.27.0.tgz",
+ "integrity": "sha512-X527beFYj0FVdV1jQfc19z3Lczeg2D8CDaTgA647cIbC91pWDKXZclJ6YpU4PMjzRxUmFFFOPQR0Uj5iWsiPSQ==",
"requires": {
"@popperjs/core": "^2.11.8",
"@stencil/core": "^4.12.4",
@@ -15516,8 +15476,7 @@
"version": "1.9.0",
"resolved": "https://registry.npmjs.org/acorn-import-assertions/-/acorn-import-assertions-1.9.0.tgz",
"integrity": "sha512-cmMwop9x+8KFhxvKrKfPYmN6/pKTYYHBqLa0DfvVZcKMJWNyWLnaqND7dx/qn66R7ewM1UX5XMaDVP5wlVTaVA==",
- "dev": true,
- "requires": {}
+ "dev": true
},
"adjust-sourcemap-loader": {
"version": "4.0.0",
@@ -16937,17 +16896,17 @@
"dev": true
},
"express": {
- "version": "4.18.2",
- "resolved": "https://registry.npmjs.org/express/-/express-4.18.2.tgz",
- "integrity": "sha512-5/PsL6iGPdfQ/lKM1UuielYgv3BUoJfz1aUwU9vHZ+J7gyvwdQXFEBIEIaxeGf0GIcreATNyBExtalisDbuMqQ==",
+ "version": "4.19.2",
+ "resolved": "https://registry.npmjs.org/express/-/express-4.19.2.tgz",
+ "integrity": "sha512-5T6nhjsT+EOMzuck8JjBHARTHfMht0POzlA60WV2pMD3gyXw2LZnZ+ueGdNxG+0calOJcWKbpFcuzLZ91YWq9Q==",
"dev": true,
"requires": {
"accepts": "~1.3.8",
"array-flatten": "1.1.1",
- "body-parser": "1.20.1",
+ "body-parser": "1.20.2",
"content-disposition": "0.5.4",
"content-type": "~1.0.4",
- "cookie": "0.5.0",
+ "cookie": "0.6.0",
"cookie-signature": "1.0.6",
"debug": "2.6.9",
"depd": "2.0.0",
@@ -16981,30 +16940,10 @@
"integrity": "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==",
"dev": true
},
- "body-parser": {
- "version": "1.20.1",
- "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.1.tgz",
- "integrity": "sha512-jWi7abTbYwajOytWCQc37VulmWiRae5RyTpaCyDcS5/lMdtwSz5lOpDE67srw/HYe35f1z3fDQw+3txg7gNtWw==",
- "dev": true,
- "requires": {
- "bytes": "3.1.2",
- "content-type": "~1.0.4",
- "debug": "2.6.9",
- "depd": "2.0.0",
- "destroy": "1.2.0",
- "http-errors": "2.0.0",
- "iconv-lite": "0.4.24",
- "on-finished": "2.4.1",
- "qs": "6.11.0",
- "raw-body": "2.5.1",
- "type-is": "~1.6.18",
- "unpipe": "1.0.0"
- }
- },
"cookie": {
- "version": "0.5.0",
- "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.5.0.tgz",
- "integrity": "sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==",
+ "version": "0.6.0",
+ "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.6.0.tgz",
+ "integrity": "sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw==",
"dev": true
},
"debug": {
@@ -17037,18 +16976,6 @@
"integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
"dev": true
},
- "raw-body": {
- "version": "2.5.1",
- "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.1.tgz",
- "integrity": "sha512-qqJBtEyVgS0ZmPGdCFPWJ3FreoqvG4MVQln/kCgF7Olq95IbOp0/BWyMwbdtn4VTvkM8Y7khCQ2Xgk/tcrCXig==",
- "dev": true,
- "requires": {
- "bytes": "3.1.2",
- "http-errors": "2.0.0",
- "iconv-lite": "0.4.24",
- "unpipe": "1.0.0"
- }
- },
"statuses": {
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
@@ -17662,8 +17589,7 @@
"version": "5.1.0",
"resolved": "https://registry.npmjs.org/icss-utils/-/icss-utils-5.1.0.tgz",
"integrity": "sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==",
- "dev": true,
- "requires": {}
+ "dev": true
},
"ieee754": {
"version": "1.2.1",
@@ -18390,8 +18316,7 @@
"version": "1.7.0",
"resolved": "https://registry.npmjs.org/karma-jasmine-html-reporter/-/karma-jasmine-html-reporter-1.7.0.tgz",
"integrity": "sha512-pzum1TL7j90DTE86eFt48/s12hqwQuiD+e5aXx2Dc9wDEn2LfGq6RoAxEZZjFiN0RDSCOnosEKRZWxbQ+iMpQQ==",
- "dev": true,
- "requires": {}
+ "dev": true
},
"karma-source-map-support": {
"version": "1.4.0",
@@ -19919,8 +19844,7 @@
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/postcss-modules-extract-imports/-/postcss-modules-extract-imports-3.0.0.tgz",
"integrity": "sha512-bdHleFnP3kZ4NYDhuGlVK+CMrQ/pqUm8bx/oGL93K6gVwiclvX5x0n76fYMKuIGKzlABOy13zsvqjb0f92TEXw==",
- "dev": true,
- "requires": {}
+ "dev": true
},
"postcss-modules-local-by-default": {
"version": "4.0.3",
@@ -21233,8 +21157,7 @@
"version": "3.5.2",
"resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
"integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
- "dev": true,
- "requires": {}
+ "dev": true
},
"commander": {
"version": "2.20.3",
@@ -21688,8 +21611,7 @@
"version": "3.5.2",
"resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
"integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
- "dev": true,
- "requires": {}
+ "dev": true
},
"json-schema-traverse": {
"version": "0.4.1",
@@ -21925,8 +21847,7 @@
"version": "8.11.0",
"resolved": "https://registry.npmjs.org/ws/-/ws-8.11.0.tgz",
"integrity": "sha512-HPG3wQd9sNQoT9xHyNCXoDUa+Xw/VevmY9FoHyQ+g+rrMn4j6FB4np7Z0OhdTgjx6MgQLK7jwSy1YecU1+4Asg==",
- "dev": true,
- "requires": {}
+ "dev": true
},
"xxhashjs": {
"version": "0.2.2",
diff --git a/angular-workspace/ng15/package.json b/angular-workspace/ng15/package.json
index 1215eeaf2..1d16c3cb6 100644
--- a/angular-workspace/ng15/package.json
+++ b/angular-workspace/ng15/package.json
@@ -18,7 +18,7 @@
"@angular/platform-browser": "^15.2.9",
"@angular/platform-browser-dynamic": "^15.2.9",
"@angular/router": "^15.2.9",
- "@trimble-oss/modus-web-components": "0.22.0",
+ "@trimble-oss/modus-web-components": "0.27.0",
"rxjs": "~7.8.1",
"tslib": "^2.5.3",
"zone.js": "~0.12.0"
diff --git a/angular-workspace/ng15/projects/trimble-oss/modus-angular-components/package-lock.json b/angular-workspace/ng15/projects/trimble-oss/modus-angular-components/package-lock.json
index d50eda25d..5f21e91b0 100644
--- a/angular-workspace/ng15/projects/trimble-oss/modus-angular-components/package-lock.json
+++ b/angular-workspace/ng15/projects/trimble-oss/modus-angular-components/package-lock.json
@@ -1,12 +1,12 @@
{
"name": "@trimble-oss/modus-angular-components",
- "version": "0.22.0-ng15",
+ "version": "0.27.0-ng15",
"lockfileVersion": 2,
"requires": true,
"packages": {
"": {
"name": "@trimble-oss/modus-angular-components",
- "version": "0.22.0-ng15",
+ "version": "0.27.0-ng15",
"license": "MIT",
"dependencies": {
"tslib": "^2.5.3"
@@ -17,7 +17,7 @@
"peerDependencies": {
"@angular/common": "^15.2.9",
"@angular/core": "^15.2.9",
- "@trimble-oss/modus-web-components": "0.22.0"
+ "@trimble-oss/modus-web-components": "0.27.0"
}
},
"node_modules/tslib": {
diff --git a/angular-workspace/ng15/projects/trimble-oss/modus-angular-components/package.json b/angular-workspace/ng15/projects/trimble-oss/modus-angular-components/package.json
index 9ad996a6e..f2a277c06 100644
--- a/angular-workspace/ng15/projects/trimble-oss/modus-angular-components/package.json
+++ b/angular-workspace/ng15/projects/trimble-oss/modus-angular-components/package.json
@@ -1,6 +1,6 @@
{
"name": "@trimble-oss/modus-angular-components",
- "version": "0.22.0-ng15",
+ "version": "0.27.0-ng15",
"license": "MIT",
"description": "Trimble Modus Angular Components Library",
"homepage": "https://modus-web-components.trimble.com/",
@@ -14,7 +14,7 @@
"peerDependencies": {
"@angular/common": "^15.2.9",
"@angular/core": "^15.2.9",
- "@trimble-oss/modus-web-components": "0.22.0"
+ "@trimble-oss/modus-web-components": "0.27.0"
},
"dependencies": {
"tslib": "^2.5.3"
diff --git a/angular-workspace/ng15/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/angular-component-lib/utils.ts b/angular-workspace/ng15/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/angular-component-lib/utils.ts
deleted file mode 100644
index b75904879..000000000
--- a/angular-workspace/ng15/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/angular-component-lib/utils.ts
+++ /dev/null
@@ -1,65 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-import { fromEvent } from 'rxjs';
-
-export const proxyInputs = (Cmp: any, inputs: string[]) => {
- const Prototype = Cmp.prototype;
- inputs.forEach((item) => {
- Object.defineProperty(Prototype, item, {
- get() {
- return this.el[item];
- },
- set(val: any) {
- this.z.runOutsideAngular(() => (this.el[item] = val));
- },
- /**
- * In the event that proxyInputs is called
- * multiple times re-defining these inputs
- * will cause an error to be thrown. As a result
- * we set configurable: true to indicate these
- * properties can be changed.
- */
- configurable: true,
- });
- });
-};
-
-export const proxyMethods = (Cmp: any, methods: string[]) => {
- const Prototype = Cmp.prototype;
- methods.forEach((methodName) => {
- Prototype[methodName] = function () {
- const args = arguments;
- return this.z.runOutsideAngular(() => this.el[methodName].apply(this.el, args));
- };
- });
-};
-
-export const proxyOutputs = (instance: any, el: any, events: string[]) => {
- events.forEach((eventName) => (instance[eventName] = fromEvent(el, eventName)));
-};
-
-export const defineCustomElement = (tagName: string, customElement: any) => {
- if (customElement !== undefined && typeof customElements !== 'undefined' && !customElements.get(tagName)) {
- customElements.define(tagName, customElement);
- }
-};
-
-// tslint:disable-next-line: only-arrow-functions
-export function ProxyCmp(opts: { defineCustomElementFn?: () => void; inputs?: any; methods?: any }) {
- const decorator = function (cls: any) {
- const { defineCustomElementFn, inputs, methods } = opts;
-
- if (defineCustomElementFn !== undefined) {
- defineCustomElementFn();
- }
-
- if (inputs) {
- proxyInputs(cls, inputs);
- }
- if (methods) {
- proxyMethods(cls, methods);
- }
- return cls;
- };
- return decorator;
-}
diff --git a/angular-workspace/ng15/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/boolean-value-accessor.ts b/angular-workspace/ng15/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/boolean-value-accessor.ts
deleted file mode 100644
index a51d1d535..000000000
--- a/angular-workspace/ng15/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/boolean-value-accessor.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import { Directive, ElementRef } from '@angular/core';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-
-import { ValueAccessor } from './value-accessor';
-
-@Directive({
- /* tslint:disable-next-line:directive-selector */
- selector: 'modus-checkbox, modus-switch',
- host: {
- '(checkboxClick)': 'handleChangeEvent($event.target.checked)',
- '(switchClick)': 'handleChangeEvent($event.target.checked)'
- },
- providers: [
- {
- provide: NG_VALUE_ACCESSOR,
- useExisting: BooleanValueAccessor,
- multi: true
- }
- ]
-})
-export class BooleanValueAccessor extends ValueAccessor {
- constructor(el: ElementRef) {
- super(el);
- }
- writeValue(value: any) {
- this.el.nativeElement.checked = this.lastValue = value == null ? false : value;
- }
-}
diff --git a/angular-workspace/ng15/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/components.ts b/angular-workspace/ng15/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/components.ts
deleted file mode 100644
index a2b7be9e2..000000000
--- a/angular-workspace/ng15/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/components.ts
+++ /dev/null
@@ -1,1653 +0,0 @@
-/* tslint:disable */
-/* auto-generated angular directive proxies */
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, EventEmitter, NgZone } from '@angular/core';
-
-import { ProxyCmp, proxyOutputs } from './angular-component-lib/utils';
-
-import { Components } from '@trimble-oss/modus-web-components';
-
-
-@ProxyCmp({
- inputs: ['ariaLabel']
-})
-@Component({
- selector: 'modus-accordion',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel'],
-})
-export class ModusAccordion {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- }
-}
-
-
-export declare interface ModusAccordion extends Components.ModusAccordion {}
-
-
-@ProxyCmp({
- inputs: ['disabled', 'expandButtonType', 'expanded', 'headerText', 'icon', 'size']
-})
-@Component({
- selector: 'modus-accordion-item',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['disabled', 'expandButtonType', 'expanded', 'headerText', 'icon', 'size'],
-})
-export class ModusAccordionItem {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['closed', 'opened']);
- }
-}
-
-
-export declare interface ModusAccordionItem extends Components.ModusAccordionItem {
- /**
- * An event that fires on every accordion close.
- */
- closed: EventEmitter>;
- /**
- * An event that fires on every accordion open.
- */
- opened: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['actions', 'size', 'visibleItemCount']
-})
-@Component({
- selector: 'modus-action-bar',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['actions', 'size', 'visibleItemCount'],
-})
-export class ModusActionBar {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['actionBarClick']);
- }
-}
-
-
-export declare interface ModusActionBar extends Components.ModusActionBar {
- /**
- * (optional) An event that fires on action item click.
- */
- actionBarClick: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'buttonAriaLabel', 'buttonText', 'dismissible', 'message', 'type']
-})
-@Component({
- selector: 'modus-alert',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'buttonAriaLabel', 'buttonText', 'dismissible', 'message', 'type'],
-})
-export class ModusAlert {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['dismissClick', 'actionClick']);
- }
-}
-
-
-export declare interface ModusAlert extends Components.ModusAlert {
- /**
- * An event that fires when the alert is dismissed
- */
- dismissClick: EventEmitter>;
- /**
- * An event that firest when the action button is clicked
- */
- actionClick: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'clearable', 'disableCloseOnSelect', 'disabled', 'dropdownMaxHeight', 'dropdownZIndex', 'errorText', 'includeSearchIcon', 'label', 'multiple', 'noResultsFoundSubtext', 'noResultsFoundText', 'options', 'placeholder', 'readOnly', 'required', 'showNoResultsFoundMessage', 'showOptionsOnFocus', 'size', 'value']
-})
-@Component({
- selector: 'modus-autocomplete',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'clearable', 'disableCloseOnSelect', 'disabled', 'dropdownMaxHeight', 'dropdownZIndex', 'errorText', 'includeSearchIcon', 'label', 'multiple', 'noResultsFoundSubtext', 'noResultsFoundText', 'options', 'placeholder', 'readOnly', 'required', 'showNoResultsFoundMessage', 'showOptionsOnFocus', 'size', 'value'],
-})
-export class ModusAutocomplete {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['optionSelected', 'valueChange']);
- }
-}
-
-
-export declare interface ModusAutocomplete extends Components.ModusAutocomplete {
- /**
- * An event that fires when a dropdown option is selected. Emits the option id.
- */
- optionSelected: EventEmitter>;
- /**
- * An event that fires when the input value changes. Emits the value string.
- */
- valueChange: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'color', 'size', 'type']
-})
-@Component({
- selector: 'modus-badge',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'color', 'size', 'type'],
-})
-export class ModusBadge {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- }
-}
-
-
-export declare interface ModusBadge extends Components.ModusBadge {}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'crumbs', 'underlineLinks']
-})
-@Component({
- selector: 'modus-breadcrumb',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'crumbs', 'underlineLinks'],
-})
-export class ModusBreadcrumb {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['crumbClick']);
- }
-}
-
-
-import type { Crumb as IModusBreadcrumbCrumb } from '@trimble-oss/modus-web-components';
-
-export declare interface ModusBreadcrumb extends Components.ModusBreadcrumb {
- /**
- * (optional) An event that fires on breadcrumb click.
- */
- crumbClick: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['ariaDisabled', 'ariaLabel', 'buttonStyle', 'color', 'disabled', 'iconOnly', 'leftIcon', 'rightIcon', 'showCaret', 'size', 'type'],
- methods: ['focusButton']
-})
-@Component({
- selector: 'modus-button',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaDisabled', 'ariaLabel', 'buttonStyle', 'color', 'disabled', 'iconOnly', 'leftIcon', 'rightIcon', 'showCaret', 'size', 'type'],
-})
-export class ModusButton {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['buttonClick']);
- }
-}
-
-
-export declare interface ModusButton extends Components.ModusButton {
- /**
- * (optional) An event that fires on button click.
- */
- buttonClick: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'borderRadius', 'height', 'showCardBorder', 'showShadowOnHover', 'width']
-})
-@Component({
- selector: 'modus-card',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'borderRadius', 'height', 'showCardBorder', 'showShadowOnHover', 'width'],
-})
-export class ModusCard {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- }
-}
-
-
-export declare interface ModusCard extends Components.ModusCard {}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'checked', 'disabled', 'indeterminate', 'label', 'size', 'stopPropagation', 'tabIndexValue'],
- methods: ['focusCheckbox']
-})
-@Component({
- selector: 'modus-checkbox',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'checked', 'disabled', 'indeterminate', 'label', 'size', 'stopPropagation', 'tabIndexValue'],
-})
-export class ModusCheckbox {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['checkboxClick']);
- }
-}
-
-
-export declare interface ModusCheckbox extends Components.ModusCheckbox {
- /**
- * An event that fires on checkbox click.
- */
- checkboxClick: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'chipStyle', 'disabled', 'hasError', 'imageUrl', 'maxWidth', 'showCheckmark', 'showClose', 'size', 'value']
-})
-@Component({
- selector: 'modus-chip',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'chipStyle', 'disabled', 'hasError', 'imageUrl', 'maxWidth', 'showCheckmark', 'showClose', 'size', 'value'],
-})
-export class ModusChip {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['chipClick', 'closeClick']);
- }
-}
-
-
-export declare interface ModusChip extends Components.ModusChip {
- /**
- * An event that fires on chip click.
- */
- chipClick: EventEmitter>;
- /**
- * An event that fires on close icon click.
- */
- closeClick: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['columns', 'data', 'displayOptions', 'rowActions', 'selectionOptions', 'sortOptions']
-})
-@Component({
- selector: 'modus-data-table',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['columns', 'data', 'displayOptions', 'rowActions', 'selectionOptions', 'sortOptions'],
-})
-export class ModusDataTable {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['cellLinkClick', 'rowDoubleClick', 'selection', 'sort', 'rowActionClick']);
- }
-}
-
-
-import type { ModusDataTableCellLink as IModusDataTableModusDataTableCellLink } from '@trimble-oss/modus-web-components';
-import type { ModusDataTableSortEvent as IModusDataTableModusDataTableSortEvent } from '@trimble-oss/modus-web-components';
-import type { ModusDataTableRowActionClickEvent as IModusDataTableModusDataTableRowActionClickEvent } from '@trimble-oss/modus-web-components';
-
-export declare interface ModusDataTable extends Components.ModusDataTable {
- /**
- * An event that fires on cell link click.
- */
- cellLinkClick: EventEmitter>;
- /**
- * An event that fires on row double click.
- */
- rowDoubleClick: EventEmitter>;
- /**
- * An event that fires on selection change.
- */
- selection: EventEmitter>;
- /**
- * An event that fires on column sort.
- */
- sort: EventEmitter>;
- /**
- * An event that fires when a row action is clicked.
- */
- rowActionClick: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['allowedCharsRegex', 'altFormats', 'ariaLabel', 'autoFocusInput', 'disableValidation', 'disabled', 'errorText', 'fillerDate', 'format', 'helperText', 'label', 'max', 'min', 'placeholder', 'readOnly', 'required', 'showCalendarIcon', 'size', 'type', 'validText', 'value'],
- methods: ['focusInput', 'validate']
-})
-@Component({
- selector: 'modus-date-input',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['allowedCharsRegex', 'altFormats', 'ariaLabel', 'autoFocusInput', 'disableValidation', 'disabled', 'errorText', 'fillerDate', 'format', 'helperText', 'label', 'max', 'min', 'placeholder', 'readOnly', 'required', 'showCalendarIcon', 'size', 'type', 'validText', 'value'],
-})
-export class ModusDateInput {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['calendarIconClicked', 'dateInputBlur', 'valueChange']);
- }
-}
-
-
-import type { ModusDateInputEventDetails as IModusDateInputModusDateInputEventDetails } from '@trimble-oss/modus-web-components';
-
-export declare interface ModusDateInput extends Components.ModusDateInput {
- /**
- * An event that fires on calendar icon click.
- */
- calendarIconClicked: EventEmitter>;
- /**
- * An event that fires on input value out of focus.
- */
- dateInputBlur: EventEmitter>;
- /**
- * An event that fires on input value change.
- */
- valueChange: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['label']
-})
-@Component({
- selector: 'modus-date-picker',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['label'],
-})
-export class ModusDatePicker {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- }
-}
-
-
-export declare interface ModusDatePicker extends Components.ModusDatePicker {}
-
-
-@ProxyCmp({
- inputs: ['animateList', 'ariaLabel', 'customPlacement', 'disabled', 'placement', 'showDropdownListBorder', 'toggleElementId']
-})
-@Component({
- selector: 'modus-dropdown',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['animateList', 'ariaLabel', 'customPlacement', 'disabled', 'placement', 'showDropdownListBorder', 'toggleElementId'],
-})
-export class ModusDropdown {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['dropdownClose']);
- }
-}
-
-
-export declare interface ModusDropdown extends Components.ModusDropdown {
- /**
- * An event that fires on dropdown close.
- */
- dropdownClose: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'description', 'dropzoneHeight', 'dropzoneWidth', 'includeStateIcon', 'label', 'maxFileCount', 'maxFileNameLength', 'maxTotalFileSizeBytes', 'multiple'],
- methods: ['addFile', 'getError', 'getFiles', 'removeFile']
-})
-@Component({
- selector: 'modus-file-dropzone',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'description', 'dropzoneHeight', 'dropzoneWidth', 'includeStateIcon', 'label', 'maxFileCount', 'maxFileNameLength', 'maxTotalFileSizeBytes', 'multiple'],
-})
-export class ModusFileDropzone {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['files']);
- }
-}
-
-
-export declare interface ModusFileDropzone extends Components.ModusFileDropzone {
- /**
- * An event that fires when files have been added or removed, regardless of whether they're valid.
- */
- files: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['color', 'name', 'size']
-})
-@Component({
- selector: 'modus-icon',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['color', 'name', 'size'],
-})
-export class ModusIcon {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['iconClick']);
- }
-}
-
-
-export declare interface ModusIcon extends Components.ModusIcon {
- /**
- * (optional) The click handler function
- */
- iconClick: EventEmitter>;
-}
-
-
-@ProxyCmp({
-})
-@Component({
- selector: 'modus-list',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: [],
-})
-export class ModusList {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- }
-}
-
-
-export declare interface ModusList extends Components.ModusList {}
-
-
-@ProxyCmp({
- inputs: ['borderless', 'disabled', 'leftIcon', 'selected', 'size', 'subText', 'type', 'wrapSubText'],
- methods: ['focusItem']
-})
-@Component({
- selector: 'modus-list-item',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['borderless', 'disabled', 'leftIcon', 'selected', 'size', 'subText', 'type', 'wrapSubText'],
-})
-export class ModusListItem {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['itemClick']);
- }
-}
-
-
-export declare interface ModusListItem extends Components.ModusListItem {
- /**
- * An event that fires on list item click
- */
- itemClick: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'icon', 'type']
-})
-@Component({
- selector: 'modus-message',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'icon', 'type'],
-})
-export class ModusMessage {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- }
-}
-
-
-export declare interface ModusMessage extends Components.ModusMessage {}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'backdrop', 'headerText', 'primaryButtonAriaLabel', 'primaryButtonDisabled', 'primaryButtonText', 'secondaryButtonAriaLabel', 'secondaryButtonDisabled', 'secondaryButtonText', 'zIndex'],
- methods: ['close', 'open']
-})
-@Component({
- selector: 'modus-modal',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'backdrop', 'headerText', 'primaryButtonAriaLabel', 'primaryButtonDisabled', 'primaryButtonText', 'secondaryButtonAriaLabel', 'secondaryButtonDisabled', 'secondaryButtonText', 'zIndex'],
-})
-export class ModusModal {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['closed', 'opened', 'primaryButtonClick', 'secondaryButtonClick']);
- }
-}
-
-
-export declare interface ModusModal extends Components.ModusModal {
- /**
- * An event that fires on modal close.
- */
- closed: EventEmitter>;
- /**
- * An event that fires on modal open.
- */
- opened: EventEmitter>;
- /**
- * An event that fires on primary button click.
- */
- primaryButtonClick: EventEmitter>;
- /**
- * An event that fires on secondary button click.
- */
- secondaryButtonClick: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['apps', 'buttons', 'enableSearchOverlay', 'helpTooltip', 'helpUrl', 'logoOptions', 'profileMenuOptions', 'reverse', 'searchTooltip', 'showAppsMenu', 'showHelp', 'showMainMenu', 'showNotifications', 'showPendoPlaceholder', 'showProfile', 'showSearch', 'showShadow', 'variant'],
- methods: ['hideMainMenu']
-})
-@Component({
- selector: 'modus-navbar',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['apps', 'buttons', 'enableSearchOverlay', 'helpTooltip', 'helpUrl', 'logoOptions', 'profileMenuOptions', 'reverse', 'searchTooltip', 'showAppsMenu', 'showHelp', 'showMainMenu', 'showNotifications', 'showPendoPlaceholder', 'showProfile', 'showSearch', 'showShadow', 'variant'],
-})
-export class ModusNavbar {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['appsMenuOpen', 'appsMenuAppOpen', 'buttonClick', 'helpOpen', 'mainMenuClick', 'notificationsMenuOpen', 'productLogoClick', 'profileMenuLinkClick', 'profileMenuOpen', 'profileMenuSignOutClick', 'searchChange', 'searchMenuClick']);
- }
-}
-
-
-import type { ModusNavbarApp as IModusNavbarModusNavbarApp } from '@trimble-oss/modus-web-components';
-
-export declare interface ModusNavbar extends Components.ModusNavbar {
- /**
- * An event that fires when the apps menu opens.
- */
- appsMenuOpen: EventEmitter>;
- /**
- * An event that fires when an apps menu app opens.
- */
- appsMenuAppOpen: EventEmitter>;
- /**
- * An event that fires when a button in the custom button list is clicked.
- */
- buttonClick: EventEmitter>;
- /**
- * An event that fires when the help link opens.
- */
- helpOpen: EventEmitter>;
- /**
- * An event that fires on main menu click.
- */
- mainMenuClick: EventEmitter>;
- /**
- * An event that fires when the notifications menu opens.
- */
- notificationsMenuOpen: EventEmitter>;
- /**
- * An event that fires on product logo click.
- */
- productLogoClick: EventEmitter>;
- /**
- * An event that fires on profile menu link click.
- */
- profileMenuLinkClick: EventEmitter>;
- /**
- * An event that fires when the profile menu opens.
- */
- profileMenuOpen: EventEmitter>;
- /**
- * An event that fires on profile menu sign out click.
- */
- profileMenuSignOutClick: EventEmitter>;
- /**
- * An event that fires on search value change.
- */
- searchChange: EventEmitter>;
- /**
- * An event that fires on search button click.
- */
- searchMenuClick: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['apps', 'reverse']
-})
-@Component({
- selector: 'modus-navbar-apps-menu',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['apps', 'reverse'],
-})
-export class ModusNavbarAppsMenu {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['appOpen']);
- }
-}
-
-
-import type { ModusNavbarApp as IModusNavbarAppsMenuModusNavbarApp } from '@trimble-oss/modus-web-components';
-
-export declare interface ModusNavbarAppsMenu extends Components.ModusNavbarAppsMenu {
-
- appOpen: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['reverse']
-})
-@Component({
- selector: 'modus-navbar-button-menu',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['reverse'],
-})
-export class ModusNavbarButtonMenu {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- }
-}
-
-
-export declare interface ModusNavbarButtonMenu extends Components.ModusNavbarButtonMenu {}
-
-
-@ProxyCmp({
- inputs: ['navbarId']
-})
-@Component({
- selector: 'modus-navbar-main-menu',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['navbarId'],
-})
-export class ModusNavbarMainMenu {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- }
-}
-
-
-export declare interface ModusNavbarMainMenu extends Components.ModusNavbarMainMenu {}
-
-
-@ProxyCmp({
- inputs: ['reverse']
-})
-@Component({
- selector: 'modus-navbar-notifications-menu',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['reverse'],
-})
-export class ModusNavbarNotificationsMenu {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- }
-}
-
-
-export declare interface ModusNavbarNotificationsMenu extends Components.ModusNavbarNotificationsMenu {}
-
-
-@ProxyCmp({
- inputs: ['avatarUrl', 'email', 'initials', 'links', 'reverse', 'signOutText', 'username', 'variant']
-})
-@Component({
- selector: 'modus-navbar-profile-menu',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['avatarUrl', 'email', 'initials', 'links', 'reverse', 'signOutText', 'username', 'variant'],
-})
-export class ModusNavbarProfileMenu {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['linkClick', 'signOutClick']);
- }
-}
-
-
-export declare interface ModusNavbarProfileMenu extends Components.ModusNavbarProfileMenu {
-
- linkClick: EventEmitter>;
-
- signOutClick: EventEmitter>;
-}
-
-
-@ProxyCmp({
-})
-@Component({
- selector: 'modus-navbar-search-overlay',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: [],
-})
-export class ModusNavbarSearchOverlay {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['close', 'search']);
- }
-}
-
-
-export declare interface ModusNavbarSearchOverlay extends Components.ModusNavbarSearchOverlay {
- /**
- * An event that fires on clicking on close button of search overlay
- */
- close: EventEmitter>;
- /**
- * An event that fires on search value change.
- */
- search: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'disabled', 'errorText', 'helperText', 'label', 'maxValue', 'minValue', 'placeholder', 'readOnly', 'required', 'size', 'step', 'textAlign', 'validText', 'value'],
- methods: ['focusInput']
-})
-@Component({
- selector: 'modus-number-input',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'disabled', 'errorText', 'helperText', 'label', 'maxValue', 'minValue', 'placeholder', 'readOnly', 'required', 'size', 'step', 'textAlign', 'validText', 'value'],
-})
-export class ModusNumberInput {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['valueChange']);
- }
-}
-
-
-export declare interface ModusNumberInput extends Components.ModusNumberInput {
- /**
- * An event that fires on input value change.
- */
- valueChange: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['activePage', 'ariaLabel', 'maxPage', 'minPage', 'nextPageButtonText', 'prevPageButtonText', 'size']
-})
-@Component({
- selector: 'modus-pagination',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['activePage', 'ariaLabel', 'maxPage', 'minPage', 'nextPageButtonText', 'prevPageButtonText', 'size'],
-})
-export class ModusPagination {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['pageChange']);
- }
-}
-
-
-export declare interface ModusPagination extends Components.ModusPagination {
- /**
- * An event that fires on page change.
- */
- pageChange: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'backgroundColor', 'color', 'maxValue', 'minValue', 'size', 'text', 'textColor', 'value']
-})
-@Component({
- selector: 'modus-progress-bar',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'backgroundColor', 'color', 'maxValue', 'minValue', 'size', 'text', 'textColor', 'value'],
-})
-export class ModusProgressBar {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- }
-}
-
-
-export declare interface ModusProgressBar extends Components.ModusProgressBar {}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'checkedId', 'name', 'radioButtons', 'size']
-})
-@Component({
- selector: 'modus-radio-group',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'checkedId', 'name', 'radioButtons', 'size'],
-})
-export class ModusRadioGroup {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['buttonClick']);
- }
-}
-
-
-export declare interface ModusRadioGroup extends Components.ModusRadioGroup {
- /**
- * Fires on radio button click.
- */
- buttonClick: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'disabled', 'errorText', 'helperText', 'label', 'options', 'optionsDisplayProp', 'placeholder', 'required', 'size', 'validText', 'value'],
- methods: ['focusInput']
-})
-@Component({
- selector: 'modus-select',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'disabled', 'errorText', 'helperText', 'label', 'options', 'optionsDisplayProp', 'placeholder', 'required', 'size', 'validText', 'value'],
-})
-export class ModusSelect {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['valueChange', 'inputBlur']);
- }
-}
-
-
-export declare interface ModusSelect extends Components.ModusSelect {
- /**
- * An event that fires on input value change.
- */
- valueChange: EventEmitter>;
- /**
- * An event that fires on input blur.
- */
- inputBlur: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'disabled', 'type']
-})
-@Component({
- selector: 'modus-sentiment-scale',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'disabled', 'type'],
-})
-export class ModusSentimentScale {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['sentimentSelection']);
- }
-}
-
-
-export declare interface ModusSentimentScale extends Components.ModusSentimentScale {
- /**
- * An event that fires the selected sentiment.
- */
- sentimentSelection: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['collapseOnClickOutside', 'data', 'expanded', 'maxWidth', 'mode', 'targetContent']
-})
-@Component({
- selector: 'modus-side-navigation',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['collapseOnClickOutside', 'data', 'expanded', 'maxWidth', 'mode', 'targetContent'],
-})
-export class ModusSideNavigation {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['sideNavExpand']);
- }
-}
-
-
-export declare interface ModusSideNavigation extends Components.ModusSideNavigation {
- /**
- * An event that fires on side navigation panel collapse & expand.
- */
- sideNavExpand: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['disableSelection', 'disabled', 'label', 'menuIcon', 'selected', 'showExpandIcon'],
- methods: ['focusItem']
-})
-@Component({
- selector: 'modus-side-navigation-item',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['disableSelection', 'disabled', 'label', 'menuIcon', 'selected', 'showExpandIcon'],
-})
-export class ModusSideNavigationItem {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['sideNavItemClicked', 'sideNavItemFocus']);
- }
-}
-
-
-export declare interface ModusSideNavigationItem extends Components.ModusSideNavigationItem {
- /**
- * An event that fires when mouse click or `Enter` key press on an item.
- */
- sideNavItemClicked: EventEmitter>;
- /**
- * An event that fires when an item is in focus.
- */
- sideNavItemFocus: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'disabled', 'label', 'maxValue', 'minValue', 'value']
-})
-@Component({
- selector: 'modus-slider',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'disabled', 'label', 'maxValue', 'minValue', 'value'],
-})
-export class ModusSlider {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['valueChange', 'valueInput']);
- }
-}
-
-
-export declare interface ModusSlider extends Components.ModusSlider {
- /**
- * An event that fires on slider value change.
- */
- valueChange: EventEmitter>;
- /**
- * An event that fires on slider value input.
- */
- valueInput: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['color', 'size']
-})
-@Component({
- selector: 'modus-spinner',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['color', 'size'],
-})
-export class ModusSpinner {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- }
-}
-
-
-export declare interface ModusSpinner extends Components.ModusSpinner {}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'checked', 'disabled', 'label', 'size']
-})
-@Component({
- selector: 'modus-switch',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'checked', 'disabled', 'label', 'size'],
-})
-export class ModusSwitch {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['switchClick']);
- }
-}
-
-
-export declare interface ModusSwitch extends Components.ModusSwitch {
- /**
- * An event that fires on switch click.
- */
- switchClick: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['columnReorder', 'columnResize', 'columns', 'data', 'defaultSort', 'density', 'displayOptions', 'fullWidth', 'hover', 'manualPaginationOptions', 'manualSortingOptions', 'maxHeight', 'maxWidth', 'pageSizeList', 'pagination', 'rowActions', 'rowSelection', 'rowSelectionOptions', 'rowsExpandable', 'showSortIconOnHover', 'sort', 'sortIconStyle', 'summaryRow', 'toolbar', 'toolbarOptions', 'wrapText'],
- methods: ['getColumnData', 'toggleColumnVisibility']
-})
-@Component({
- selector: 'modus-table',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['columnReorder', 'columnResize', 'columns', 'data', 'defaultSort', 'density', 'displayOptions', 'fullWidth', 'hover', 'manualPaginationOptions', 'manualSortingOptions', 'maxHeight', 'maxWidth', 'pageSizeList', 'pagination', 'rowActions', 'rowSelection', 'rowSelectionOptions', 'rowsExpandable', 'showSortIconOnHover', 'sort', 'sortIconStyle', 'summaryRow', 'toolbar', 'toolbarOptions', 'wrapText'],
-})
-export class ModusTable {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['cellValueChange', 'cellLinkClick', 'columnOrderChange', 'columnSizingChange', 'columnVisibilityChange', 'rowActionClick', 'rowExpanded', 'rowSelectionChange', 'sortChange', 'paginationChange']);
- }
-}
-
-
-import type { ModusTableCellValueChange as IModusTableModusTableCellValueChange } from '@trimble-oss/modus-web-components';
-import type { ModusTableCellLink as IModusTableModusTableCellLink } from '@trimble-oss/modus-web-components';
-import type { ModusTableColumnOrderState as IModusTableModusTableColumnOrderState } from '@trimble-oss/modus-web-components';
-import type { ModusTableColumnSizingState as IModusTableModusTableColumnSizingState } from '@trimble-oss/modus-web-components';
-import type { ModusTableColumnVisibilityState as IModusTableModusTableColumnVisibilityState } from '@trimble-oss/modus-web-components';
-import type { ModusTableRowActionClick as IModusTableModusTableRowActionClick } from '@trimble-oss/modus-web-components';
-import type { ModusTableExpandedState as IModusTableModusTableExpandedState } from '@trimble-oss/modus-web-components';
-import type { ModusTableSortingState as IModusTableModusTableSortingState } from '@trimble-oss/modus-web-components';
-import type { ModusTablePaginationState as IModusTableModusTablePaginationState } from '@trimble-oss/modus-web-components';
-
-export declare interface ModusTable extends Components.ModusTable {
- /**
- * Emits the cell value that was edited
- */
- cellValueChange: EventEmitter>;
- /**
- * Emits the link that was clicked
- */
- cellLinkClick: EventEmitter>;
- /**
- * Emits columns in the updated order
- */
- columnOrderChange: EventEmitter>;
- /**
- * Emits latest column size
- */
- columnSizingChange: EventEmitter>;
- /**
- * Emits visibility state of each column
- */
- columnVisibilityChange: EventEmitter>;
- /**
- * An event that fires when a row action is clicked.
- */
- rowActionClick: EventEmitter>;
- /**
- * Emits expanded state of the columns
- */
- rowExpanded: EventEmitter>;
- /**
- * Emits rows selected
- */
- rowSelectionChange: EventEmitter>;
- /**
- * Emits column sort order
- */
- sortChange: EventEmitter>;
- /**
- * Emits selected page index and size
- */
- paginationChange: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['args', 'keyDown', 'type', 'value', 'valueChange']
-})
-@Component({
- selector: 'modus-table-cell-editor',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['args', 'keyDown', 'type', 'value', 'valueChange'],
-})
-export class ModusTableCellEditor {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- }
-}
-
-
-export declare interface ModusTableCellEditor extends Components.ModusTableCellEditor {}
-
-
-@ProxyCmp({
- inputs: ['cell', 'context', 'hasRowsExpandable', 'valueChange']
-})
-@Component({
- selector: 'modus-table-cell-main',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['cell', 'context', 'hasRowsExpandable', 'valueChange'],
-})
-export class ModusTableCellMain {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- }
-}
-
-
-export declare interface ModusTableCellMain extends Components.ModusTableCellMain {}
-
-
-@ProxyCmp({
- inputs: ['columnsVisibility', 'getAllLeafColumns', 'maxHeight', 'menuIconContainerRef', 'showDropdown', 'toggleDropdown']
-})
-@Component({
- selector: 'modus-table-columns-visibility',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['columnsVisibility', 'getAllLeafColumns', 'maxHeight', 'menuIconContainerRef', 'showDropdown', 'toggleDropdown'],
-})
-export class ModusTableColumnsVisibility {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- }
-}
-
-
-export declare interface ModusTableColumnsVisibility extends Components.ModusTableColumnsVisibility {}
-
-
-@ProxyCmp({
- inputs: ['context']
-})
-@Component({
- selector: 'modus-table-dropdown-menu',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['context'],
-})
-export class ModusTableDropdownMenu {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- }
-}
-
-
-export declare interface ModusTableDropdownMenu extends Components.ModusTableDropdownMenu {}
-
-
-@ProxyCmp({
- inputs: ['cellBorderless', 'container', 'summaryRow']
-})
-@Component({
- selector: 'modus-table-filler-column',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['cellBorderless', 'container', 'summaryRow'],
-})
-export class ModusTableFillerColumn {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- }
-}
-
-
-export declare interface ModusTableFillerColumn extends Components.ModusTableFillerColumn {}
-
-
-@ProxyCmp({
- inputs: ['context', 'row']
-})
-@Component({
- selector: 'modus-table-row-actions',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['context', 'row'],
-})
-export class ModusTableRowActions {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['overflowRowActions']);
- }
-}
-
-
-export declare interface ModusTableRowActions extends Components.ModusTableRowActions {
-
- overflowRowActions: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['context', 'row']
-})
-@Component({
- selector: 'modus-table-row-actions-cell',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['context', 'row'],
-})
-export class ModusTableRowActionsCell {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- }
-}
-
-
-export declare interface ModusTableRowActionsCell extends Components.ModusTableRowActionsCell {}
-
-
-@ProxyCmp({
- inputs: ['context']
-})
-@Component({
- selector: 'modus-table-row-actions-menu',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['context'],
-})
-export class ModusTableRowActionsMenu {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- }
-}
-
-
-export declare interface ModusTableRowActionsMenu extends Components.ModusTableRowActionsMenu {}
-
-
-@ProxyCmp({
- inputs: ['context']
-})
-@Component({
- selector: 'modus-table-toolbar',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['context'],
-})
-export class ModusTableToolbar {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- }
-}
-
-
-export declare interface ModusTableToolbar extends Components.ModusTableToolbar {}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'fullWidth', 'size', 'tabs']
-})
-@Component({
- selector: 'modus-tabs',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'fullWidth', 'size', 'tabs'],
-})
-export class ModusTabs {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['tabChange']);
- }
-}
-
-
-export declare interface ModusTabs extends Components.ModusTabs {
- /**
- * An event that fires on tab change.
- */
- tabChange: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'autoFocusInput', 'autocomplete', 'clearable', 'disabled', 'errorText', 'helperText', 'includePasswordTextToggle', 'includeSearchIcon', 'inputmode', 'label', 'maxLength', 'minLength', 'placeholder', 'readOnly', 'required', 'size', 'textAlign', 'type', 'validText', 'value'],
- methods: ['focusInput']
-})
-@Component({
- selector: 'modus-text-input',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'autoFocusInput', 'autocomplete', 'clearable', 'disabled', 'errorText', 'helperText', 'includePasswordTextToggle', 'includeSearchIcon', 'inputmode', 'label', 'maxLength', 'minLength', 'placeholder', 'readOnly', 'required', 'size', 'textAlign', 'type', 'validText', 'value'],
-})
-export class ModusTextInput {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['valueChange']);
- }
-}
-
-
-export declare interface ModusTextInput extends Components.ModusTextInput {
- /**
- * An event that fires on input value change.
- */
- valueChange: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['allowedCharsRegex', 'ampm', 'ariaLabel', 'autoFocusInput', 'autoFormat', 'disableValidation', 'disabled', 'errorText', 'helperText', 'label', 'max', 'min', 'placeholder', 'readOnly', 'required', 'size', 'validText', 'value'],
- methods: ['focusInput']
-})
-@Component({
- selector: 'modus-time-picker',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['allowedCharsRegex', 'ampm', 'ariaLabel', 'autoFocusInput', 'autoFormat', 'disableValidation', 'disabled', 'errorText', 'helperText', 'label', 'max', 'min', 'placeholder', 'readOnly', 'required', 'size', 'validText', 'value'],
-})
-export class ModusTimePicker {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['timeInputBlur', 'valueChange']);
- }
-}
-
-
-import type { ModusTimePickerEventDetails as IModusTimePickerModusTimePickerEventDetails } from '@trimble-oss/modus-web-components';
-
-export declare interface ModusTimePicker extends Components.ModusTimePicker {
- /**
- * An event that fires on input value out of focus.
- */
- timeInputBlur: EventEmitter>;
- /**
- * An event that fires on input value change.
- */
- valueChange: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'dismissible', 'showIcon', 'type']
-})
-@Component({
- selector: 'modus-toast',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'dismissible', 'showIcon', 'type'],
-})
-export class ModusToast {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['dismissClick']);
- }
-}
-
-
-export declare interface ModusToast extends Components.ModusToast {
- /**
- * An event that fires when the toast is dismissed
- */
- dismissClick: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'disabled', 'position', 'text']
-})
-@Component({
- selector: 'modus-tooltip',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'disabled', 'position', 'text'],
-})
-export class ModusTooltip {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- }
-}
-
-
-export declare interface ModusTooltip extends Components.ModusTooltip {}
-
-
-@ProxyCmp({
- inputs: ['borderless', 'checkboxSelection', 'checkedItems', 'disableTabbing', 'expandedItems', 'multiCheckboxSelection', 'multiSelection', 'selectedItems', 'size']
-})
-@Component({
- selector: 'modus-tree-view',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['borderless', 'checkboxSelection', 'checkedItems', 'disableTabbing', 'expandedItems', 'multiCheckboxSelection', 'multiSelection', 'selectedItems', 'size'],
-})
-export class ModusTreeView {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['itemActionClick']);
- }
-}
-
-
-export declare interface ModusTreeView extends Components.ModusTreeView {
- /**
- * Fired when an action is clicked within any tree item. Includes both the `actionId` and `nodeId` of the action and item, respectively.
- */
- itemActionClick: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['actions', 'disabled', 'draggableItem', 'droppableItem', 'editable', 'label', 'nodeId', 'tabIndexValue'],
- methods: ['focusItem', 'focusCheckbox']
-})
-@Component({
- selector: 'modus-tree-view-item',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['actions', 'disabled', 'draggableItem', 'droppableItem', 'editable', 'label', 'nodeId', 'tabIndexValue'],
-})
-export class ModusTreeViewItem {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['checkboxClick', 'itemClick', 'itemExpandToggle', 'actionClick']);
- }
-}
-
-
-export declare interface ModusTreeViewItem extends Components.ModusTreeViewItem {
- /**
- * An event that fires on tree item checkbox click
- */
- checkboxClick: EventEmitter>;
- /**
- * An event that fires on tree item click
- */
- itemClick: EventEmitter>;
- /**
- * An event that fires on tree item expand/collapse
- */
- itemExpandToggle: EventEmitter>;
- /**
- * Fired when an action button within the tree item is clicked. Includes the `actionId`.
- */
- actionClick: EventEmitter>;
-}
-
-
diff --git a/angular-workspace/ng15/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/index.ts b/angular-workspace/ng15/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/index.ts
deleted file mode 100644
index b0e106326..000000000
--- a/angular-workspace/ng15/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/index.ts
+++ /dev/null
@@ -1,61 +0,0 @@
-
-import * as d from './components';
-
-export const DIRECTIVES = [
- d.ModusAccordion,
- d.ModusAccordionItem,
- d.ModusActionBar,
- d.ModusAlert,
- d.ModusAutocomplete,
- d.ModusBadge,
- d.ModusBreadcrumb,
- d.ModusButton,
- d.ModusCard,
- d.ModusCheckbox,
- d.ModusChip,
- d.ModusDataTable,
- d.ModusDateInput,
- d.ModusDatePicker,
- d.ModusDropdown,
- d.ModusFileDropzone,
- d.ModusIcon,
- d.ModusList,
- d.ModusListItem,
- d.ModusMessage,
- d.ModusModal,
- d.ModusNavbar,
- d.ModusNavbarAppsMenu,
- d.ModusNavbarButtonMenu,
- d.ModusNavbarMainMenu,
- d.ModusNavbarNotificationsMenu,
- d.ModusNavbarProfileMenu,
- d.ModusNavbarSearchOverlay,
- d.ModusNumberInput,
- d.ModusPagination,
- d.ModusProgressBar,
- d.ModusRadioGroup,
- d.ModusSelect,
- d.ModusSentimentScale,
- d.ModusSideNavigation,
- d.ModusSideNavigationItem,
- d.ModusSlider,
- d.ModusSpinner,
- d.ModusSwitch,
- d.ModusTable,
- d.ModusTableCellEditor,
- d.ModusTableCellMain,
- d.ModusTableColumnsVisibility,
- d.ModusTableDropdownMenu,
- d.ModusTableFillerColumn,
- d.ModusTableRowActions,
- d.ModusTableRowActionsCell,
- d.ModusTableRowActionsMenu,
- d.ModusTableToolbar,
- d.ModusTabs,
- d.ModusTextInput,
- d.ModusTimePicker,
- d.ModusToast,
- d.ModusTooltip,
- d.ModusTreeView,
- d.ModusTreeViewItem
-];
diff --git a/angular-workspace/ng15/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/select-value-accessor.ts b/angular-workspace/ng15/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/select-value-accessor.ts
deleted file mode 100644
index 5d4a57017..000000000
--- a/angular-workspace/ng15/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/select-value-accessor.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { Directive, ElementRef } from '@angular/core';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-
-import { ValueAccessor } from './value-accessor';
-
-@Directive({
- /* tslint:disable-next-line:directive-selector */
- selector: 'modus-select',
- host: {
- '(valueChange)': 'handleChangeEvent($event.target.value)'
- },
- providers: [
- {
- provide: NG_VALUE_ACCESSOR,
- useExisting: SelectValueAccessor,
- multi: true
- }
- ]
-})
-export class SelectValueAccessor extends ValueAccessor {
- constructor(el: ElementRef) {
- super(el);
- }
-}
diff --git a/angular-workspace/ng15/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/text-value-accessor.ts b/angular-workspace/ng15/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/text-value-accessor.ts
deleted file mode 100644
index f1c229300..000000000
--- a/angular-workspace/ng15/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/text-value-accessor.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { Directive, ElementRef } from '@angular/core';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-
-import { ValueAccessor } from './value-accessor';
-
-@Directive({
- /* tslint:disable-next-line:directive-selector */
- selector: 'modus-autocomplete, modus-number-input, modus-text-input',
- host: {
- '(valueChange)': 'handleChangeEvent($event.target.value)'
- },
- providers: [
- {
- provide: NG_VALUE_ACCESSOR,
- useExisting: TextValueAccessor,
- multi: true
- }
- ]
-})
-export class TextValueAccessor extends ValueAccessor {
- constructor(el: ElementRef) {
- super(el);
- }
-}
diff --git a/angular-workspace/ng15/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/value-accessor.ts b/angular-workspace/ng15/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/value-accessor.ts
deleted file mode 100644
index 6bb76a6d3..000000000
--- a/angular-workspace/ng15/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/value-accessor.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import { Directive, ElementRef, HostListener } from '@angular/core';
-import { ControlValueAccessor } from '@angular/forms';
-
-@Directive({})
-export class ValueAccessor implements ControlValueAccessor {
-
- private onChange: (value: any) => void = () => {/**/};
- private onTouched: () => void = () => {/**/};
- protected lastValue: any;
-
- constructor(protected el: ElementRef) {}
-
- writeValue(value: any) {
- this.el.nativeElement.value = this.lastValue = value == null ? '' : value;
- }
-
- handleChangeEvent(value: any) {
- if (value !== this.lastValue) {
- this.lastValue = value;
- this.onChange(value);
- }
- }
-
- @HostListener('focusout')
- _handleBlurEvent() {
- this.onTouched();
- }
-
- registerOnChange(fn: (value: any) => void) {
- this.onChange = fn;
- }
- registerOnTouched(fn: () => void) {
- this.onTouched = fn;
- }
-
- setDisabledState(isDisabled: boolean) {
- this.el.nativeElement.disabled = isDisabled;
- }
-}
diff --git a/angular-workspace/ng16/package-lock.json b/angular-workspace/ng16/package-lock.json
index 6b1f071d2..598371053 100644
--- a/angular-workspace/ng16/package-lock.json
+++ b/angular-workspace/ng16/package-lock.json
@@ -16,7 +16,7 @@
"@angular/platform-browser": "^16.1.7",
"@angular/platform-browser-dynamic": "^16.1.7",
"@angular/router": "^16.1.7",
- "@trimble-oss/modus-web-components": "0.22.0",
+ "@trimble-oss/modus-web-components": "0.27.0",
"rxjs": "~7.8.1",
"tslib": "^2.5.3",
"zone.js": "~0.13.1"
@@ -2984,9 +2984,9 @@
}
},
"node_modules/@trimble-oss/modus-web-components": {
- "version": "0.22.0",
- "resolved": "https://registry.npmjs.org/@trimble-oss/modus-web-components/-/modus-web-components-0.22.0.tgz",
- "integrity": "sha512-+c0Niz1pcPPx6DaQ7vw0c4cuaVtYG8CWWXNkH2U8z0u77q6YKZ1pKtmnAvXb9uUYcwg0ChIohBsSdsX/IqYSjQ==",
+ "version": "0.27.0",
+ "resolved": "https://registry.npmjs.org/@trimble-oss/modus-web-components/-/modus-web-components-0.27.0.tgz",
+ "integrity": "sha512-X527beFYj0FVdV1jQfc19z3Lczeg2D8CDaTgA647cIbC91pWDKXZclJ6YpU4PMjzRxUmFFFOPQR0Uj5iWsiPSQ==",
"dependencies": {
"@popperjs/core": "^2.11.8",
"@stencil/core": "^4.12.4",
@@ -5332,17 +5332,17 @@
"dev": true
},
"node_modules/express": {
- "version": "4.18.2",
- "resolved": "https://registry.npmjs.org/express/-/express-4.18.2.tgz",
- "integrity": "sha512-5/PsL6iGPdfQ/lKM1UuielYgv3BUoJfz1aUwU9vHZ+J7gyvwdQXFEBIEIaxeGf0GIcreATNyBExtalisDbuMqQ==",
+ "version": "4.19.2",
+ "resolved": "https://registry.npmjs.org/express/-/express-4.19.2.tgz",
+ "integrity": "sha512-5T6nhjsT+EOMzuck8JjBHARTHfMht0POzlA60WV2pMD3gyXw2LZnZ+ueGdNxG+0calOJcWKbpFcuzLZ91YWq9Q==",
"dev": true,
"dependencies": {
"accepts": "~1.3.8",
"array-flatten": "1.1.1",
- "body-parser": "1.20.1",
+ "body-parser": "1.20.2",
"content-disposition": "0.5.4",
"content-type": "~1.0.4",
- "cookie": "0.5.0",
+ "cookie": "0.6.0",
"cookie-signature": "1.0.6",
"debug": "2.6.9",
"depd": "2.0.0",
@@ -5379,34 +5379,10 @@
"integrity": "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==",
"dev": true
},
- "node_modules/express/node_modules/body-parser": {
- "version": "1.20.1",
- "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.1.tgz",
- "integrity": "sha512-jWi7abTbYwajOytWCQc37VulmWiRae5RyTpaCyDcS5/lMdtwSz5lOpDE67srw/HYe35f1z3fDQw+3txg7gNtWw==",
- "dev": true,
- "dependencies": {
- "bytes": "3.1.2",
- "content-type": "~1.0.4",
- "debug": "2.6.9",
- "depd": "2.0.0",
- "destroy": "1.2.0",
- "http-errors": "2.0.0",
- "iconv-lite": "0.4.24",
- "on-finished": "2.4.1",
- "qs": "6.11.0",
- "raw-body": "2.5.1",
- "type-is": "~1.6.18",
- "unpipe": "1.0.0"
- },
- "engines": {
- "node": ">= 0.8",
- "npm": "1.2.8000 || >= 1.4.16"
- }
- },
"node_modules/express/node_modules/cookie": {
- "version": "0.5.0",
- "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.5.0.tgz",
- "integrity": "sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==",
+ "version": "0.6.0",
+ "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.6.0.tgz",
+ "integrity": "sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw==",
"dev": true,
"engines": {
"node": ">= 0.6"
@@ -5445,21 +5421,6 @@
"integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
"dev": true
},
- "node_modules/express/node_modules/raw-body": {
- "version": "2.5.1",
- "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.1.tgz",
- "integrity": "sha512-qqJBtEyVgS0ZmPGdCFPWJ3FreoqvG4MVQln/kCgF7Olq95IbOp0/BWyMwbdtn4VTvkM8Y7khCQ2Xgk/tcrCXig==",
- "dev": true,
- "dependencies": {
- "bytes": "3.1.2",
- "http-errors": "2.0.0",
- "iconv-lite": "0.4.24",
- "unpipe": "1.0.0"
- },
- "engines": {
- "node": ">= 0.8"
- }
- },
"node_modules/express/node_modules/statuses": {
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
@@ -11675,8 +11636,7 @@
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/@vitejs/plugin-basic-ssl/-/plugin-basic-ssl-1.0.1.tgz",
"integrity": "sha512-pcub+YbFtFhaGRTo1832FQHQSHvMrlb43974e2eS8EKleR3p1cDdkJFPci1UhwkEf1J9Bz+wKBSzqpKp7nNj2A==",
- "dev": true,
- "requires": {}
+ "dev": true
},
"fast-glob": {
"version": "3.2.12",
@@ -12273,8 +12233,7 @@
"version": "7.21.0-placeholder-for-preset-env.2",
"resolved": "https://registry.npmjs.org/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.0-placeholder-for-preset-env.2.tgz",
"integrity": "sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w==",
- "dev": true,
- "requires": {}
+ "dev": true
},
"@babel/plugin-proposal-unicode-property-regex": {
"version": "7.18.6",
@@ -13323,8 +13282,7 @@
"version": "16.1.6",
"resolved": "https://registry.npmjs.org/@ngtools/webpack/-/webpack-16.1.6.tgz",
"integrity": "sha512-rDE1bV3+Ys/VyeD6l7JKtbs3+bTQAfWhi7meEuq5mkaJHOERu6Z40ce866faAIX2I1AVpsSv8rLlb7kB7t7kzw==",
- "dev": true,
- "requires": {}
+ "dev": true
},
"@nodelib/fs.scandir": {
"version": "2.1.5",
@@ -13559,9 +13517,9 @@
"dev": true
},
"@trimble-oss/modus-web-components": {
- "version": "0.22.0",
- "resolved": "https://registry.npmjs.org/@trimble-oss/modus-web-components/-/modus-web-components-0.22.0.tgz",
- "integrity": "sha512-+c0Niz1pcPPx6DaQ7vw0c4cuaVtYG8CWWXNkH2U8z0u77q6YKZ1pKtmnAvXb9uUYcwg0ChIohBsSdsX/IqYSjQ==",
+ "version": "0.27.0",
+ "resolved": "https://registry.npmjs.org/@trimble-oss/modus-web-components/-/modus-web-components-0.27.0.tgz",
+ "integrity": "sha512-X527beFYj0FVdV1jQfc19z3Lczeg2D8CDaTgA647cIbC91pWDKXZclJ6YpU4PMjzRxUmFFFOPQR0Uj5iWsiPSQ==",
"requires": {
"@popperjs/core": "^2.11.8",
"@stencil/core": "^4.12.4",
@@ -13997,8 +13955,7 @@
"version": "1.9.0",
"resolved": "https://registry.npmjs.org/acorn-import-assertions/-/acorn-import-assertions-1.9.0.tgz",
"integrity": "sha512-cmMwop9x+8KFhxvKrKfPYmN6/pKTYYHBqLa0DfvVZcKMJWNyWLnaqND7dx/qn66R7ewM1UX5XMaDVP5wlVTaVA==",
- "dev": true,
- "requires": {}
+ "dev": true
},
"adjust-sourcemap-loader": {
"version": "4.0.0",
@@ -15409,17 +15366,17 @@
"dev": true
},
"express": {
- "version": "4.18.2",
- "resolved": "https://registry.npmjs.org/express/-/express-4.18.2.tgz",
- "integrity": "sha512-5/PsL6iGPdfQ/lKM1UuielYgv3BUoJfz1aUwU9vHZ+J7gyvwdQXFEBIEIaxeGf0GIcreATNyBExtalisDbuMqQ==",
+ "version": "4.19.2",
+ "resolved": "https://registry.npmjs.org/express/-/express-4.19.2.tgz",
+ "integrity": "sha512-5T6nhjsT+EOMzuck8JjBHARTHfMht0POzlA60WV2pMD3gyXw2LZnZ+ueGdNxG+0calOJcWKbpFcuzLZ91YWq9Q==",
"dev": true,
"requires": {
"accepts": "~1.3.8",
"array-flatten": "1.1.1",
- "body-parser": "1.20.1",
+ "body-parser": "1.20.2",
"content-disposition": "0.5.4",
"content-type": "~1.0.4",
- "cookie": "0.5.0",
+ "cookie": "0.6.0",
"cookie-signature": "1.0.6",
"debug": "2.6.9",
"depd": "2.0.0",
@@ -15453,30 +15410,10 @@
"integrity": "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==",
"dev": true
},
- "body-parser": {
- "version": "1.20.1",
- "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.1.tgz",
- "integrity": "sha512-jWi7abTbYwajOytWCQc37VulmWiRae5RyTpaCyDcS5/lMdtwSz5lOpDE67srw/HYe35f1z3fDQw+3txg7gNtWw==",
- "dev": true,
- "requires": {
- "bytes": "3.1.2",
- "content-type": "~1.0.4",
- "debug": "2.6.9",
- "depd": "2.0.0",
- "destroy": "1.2.0",
- "http-errors": "2.0.0",
- "iconv-lite": "0.4.24",
- "on-finished": "2.4.1",
- "qs": "6.11.0",
- "raw-body": "2.5.1",
- "type-is": "~1.6.18",
- "unpipe": "1.0.0"
- }
- },
"cookie": {
- "version": "0.5.0",
- "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.5.0.tgz",
- "integrity": "sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==",
+ "version": "0.6.0",
+ "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.6.0.tgz",
+ "integrity": "sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw==",
"dev": true
},
"debug": {
@@ -15509,18 +15446,6 @@
"integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
"dev": true
},
- "raw-body": {
- "version": "2.5.1",
- "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.1.tgz",
- "integrity": "sha512-qqJBtEyVgS0ZmPGdCFPWJ3FreoqvG4MVQln/kCgF7Olq95IbOp0/BWyMwbdtn4VTvkM8Y7khCQ2Xgk/tcrCXig==",
- "dev": true,
- "requires": {
- "bytes": "3.1.2",
- "http-errors": "2.0.0",
- "iconv-lite": "0.4.24",
- "unpipe": "1.0.0"
- }
- },
"statuses": {
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
@@ -16113,8 +16038,7 @@
"version": "5.1.0",
"resolved": "https://registry.npmjs.org/icss-utils/-/icss-utils-5.1.0.tgz",
"integrity": "sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==",
- "dev": true,
- "requires": {}
+ "dev": true
},
"ieee754": {
"version": "1.2.1",
@@ -16830,8 +16754,7 @@
"version": "1.7.0",
"resolved": "https://registry.npmjs.org/karma-jasmine-html-reporter/-/karma-jasmine-html-reporter-1.7.0.tgz",
"integrity": "sha512-pzum1TL7j90DTE86eFt48/s12hqwQuiD+e5aXx2Dc9wDEn2LfGq6RoAxEZZjFiN0RDSCOnosEKRZWxbQ+iMpQQ==",
- "dev": true,
- "requires": {}
+ "dev": true
},
"karma-source-map-support": {
"version": "1.4.0",
@@ -18150,8 +18073,7 @@
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/postcss-modules-extract-imports/-/postcss-modules-extract-imports-3.0.0.tgz",
"integrity": "sha512-bdHleFnP3kZ4NYDhuGlVK+CMrQ/pqUm8bx/oGL93K6gVwiclvX5x0n76fYMKuIGKzlABOy13zsvqjb0f92TEXw==",
- "dev": true,
- "requires": {}
+ "dev": true
},
"postcss-modules-local-by-default": {
"version": "4.0.3",
@@ -19357,8 +19279,7 @@
"version": "3.5.2",
"resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
"integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
- "dev": true,
- "requires": {}
+ "dev": true
},
"commander": {
"version": "2.20.3",
@@ -19755,8 +19676,7 @@
"version": "3.5.2",
"resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
"integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
- "dev": true,
- "requires": {}
+ "dev": true
},
"json-schema-traverse": {
"version": "0.4.1",
@@ -19845,8 +19765,7 @@
"version": "8.13.0",
"resolved": "https://registry.npmjs.org/ws/-/ws-8.13.0.tgz",
"integrity": "sha512-x9vcZYTrFPC7aSIbj7sRCYo7L/Xb8Iy+pW0ng0wt2vCJv7M9HOMy0UoN3rr+IFC7hb7vXoqS+P9ktyLLLhO+LA==",
- "dev": true,
- "requires": {}
+ "dev": true
}
}
},
@@ -20000,8 +19919,7 @@
"version": "8.11.0",
"resolved": "https://registry.npmjs.org/ws/-/ws-8.11.0.tgz",
"integrity": "sha512-HPG3wQd9sNQoT9xHyNCXoDUa+Xw/VevmY9FoHyQ+g+rrMn4j6FB4np7Z0OhdTgjx6MgQLK7jwSy1YecU1+4Asg==",
- "dev": true,
- "requires": {}
+ "dev": true
},
"xxhashjs": {
"version": "0.2.2",
diff --git a/angular-workspace/ng16/package.json b/angular-workspace/ng16/package.json
index 668bcecee..e0f6ffdc9 100644
--- a/angular-workspace/ng16/package.json
+++ b/angular-workspace/ng16/package.json
@@ -18,7 +18,7 @@
"@angular/platform-browser": "^16.1.7",
"@angular/platform-browser-dynamic": "^16.1.7",
"@angular/router": "^16.1.7",
- "@trimble-oss/modus-web-components": "0.22.0",
+ "@trimble-oss/modus-web-components": "0.27.0",
"rxjs": "~7.8.1",
"tslib": "^2.5.3",
"zone.js": "~0.13.1"
diff --git a/angular-workspace/ng16/projects/trimble-oss/modus-angular-components/package-lock.json b/angular-workspace/ng16/projects/trimble-oss/modus-angular-components/package-lock.json
index 900873e4f..4c602bea3 100644
--- a/angular-workspace/ng16/projects/trimble-oss/modus-angular-components/package-lock.json
+++ b/angular-workspace/ng16/projects/trimble-oss/modus-angular-components/package-lock.json
@@ -1,12 +1,12 @@
{
"name": "@trimble-oss/modus-angular-components",
- "version": "0.22.0-ng16",
+ "version": "0.27.0-ng16",
"lockfileVersion": 2,
"requires": true,
"packages": {
"": {
"name": "@trimble-oss/modus-angular-components",
- "version": "0.22.0-ng16",
+ "version": "0.27.0-ng16",
"license": "MIT",
"dependencies": {
"tslib": "^2.5.3"
@@ -17,7 +17,7 @@
"peerDependencies": {
"@angular/common": "^16.1.7",
"@angular/core": "^16.1.7",
- "@trimble-oss/modus-web-components": "0.22.0"
+ "@trimble-oss/modus-web-components": "0.27.0"
}
},
"node_modules/tslib": {
diff --git a/angular-workspace/ng16/projects/trimble-oss/modus-angular-components/package.json b/angular-workspace/ng16/projects/trimble-oss/modus-angular-components/package.json
index 48570c7aa..846ef807a 100644
--- a/angular-workspace/ng16/projects/trimble-oss/modus-angular-components/package.json
+++ b/angular-workspace/ng16/projects/trimble-oss/modus-angular-components/package.json
@@ -1,6 +1,6 @@
{
"name": "@trimble-oss/modus-angular-components",
- "version": "0.22.0-ng16",
+ "version": "0.27.0-ng16",
"license": "MIT",
"description": "Trimble Modus Angular Components Library",
"homepage": "https://modus-web-components.trimble.com/",
@@ -14,7 +14,7 @@
"peerDependencies": {
"@angular/common": "^16.1.7",
"@angular/core": "^16.1.7",
- "@trimble-oss/modus-web-components": "0.22.0"
+ "@trimble-oss/modus-web-components": "0.27.0"
},
"dependencies": {
"tslib": "^2.5.3"
diff --git a/angular-workspace/ng16/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/angular-component-lib/utils.ts b/angular-workspace/ng16/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/angular-component-lib/utils.ts
deleted file mode 100644
index b75904879..000000000
--- a/angular-workspace/ng16/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/angular-component-lib/utils.ts
+++ /dev/null
@@ -1,65 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-import { fromEvent } from 'rxjs';
-
-export const proxyInputs = (Cmp: any, inputs: string[]) => {
- const Prototype = Cmp.prototype;
- inputs.forEach((item) => {
- Object.defineProperty(Prototype, item, {
- get() {
- return this.el[item];
- },
- set(val: any) {
- this.z.runOutsideAngular(() => (this.el[item] = val));
- },
- /**
- * In the event that proxyInputs is called
- * multiple times re-defining these inputs
- * will cause an error to be thrown. As a result
- * we set configurable: true to indicate these
- * properties can be changed.
- */
- configurable: true,
- });
- });
-};
-
-export const proxyMethods = (Cmp: any, methods: string[]) => {
- const Prototype = Cmp.prototype;
- methods.forEach((methodName) => {
- Prototype[methodName] = function () {
- const args = arguments;
- return this.z.runOutsideAngular(() => this.el[methodName].apply(this.el, args));
- };
- });
-};
-
-export const proxyOutputs = (instance: any, el: any, events: string[]) => {
- events.forEach((eventName) => (instance[eventName] = fromEvent(el, eventName)));
-};
-
-export const defineCustomElement = (tagName: string, customElement: any) => {
- if (customElement !== undefined && typeof customElements !== 'undefined' && !customElements.get(tagName)) {
- customElements.define(tagName, customElement);
- }
-};
-
-// tslint:disable-next-line: only-arrow-functions
-export function ProxyCmp(opts: { defineCustomElementFn?: () => void; inputs?: any; methods?: any }) {
- const decorator = function (cls: any) {
- const { defineCustomElementFn, inputs, methods } = opts;
-
- if (defineCustomElementFn !== undefined) {
- defineCustomElementFn();
- }
-
- if (inputs) {
- proxyInputs(cls, inputs);
- }
- if (methods) {
- proxyMethods(cls, methods);
- }
- return cls;
- };
- return decorator;
-}
diff --git a/angular-workspace/ng16/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/boolean-value-accessor.ts b/angular-workspace/ng16/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/boolean-value-accessor.ts
deleted file mode 100644
index a51d1d535..000000000
--- a/angular-workspace/ng16/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/boolean-value-accessor.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import { Directive, ElementRef } from '@angular/core';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-
-import { ValueAccessor } from './value-accessor';
-
-@Directive({
- /* tslint:disable-next-line:directive-selector */
- selector: 'modus-checkbox, modus-switch',
- host: {
- '(checkboxClick)': 'handleChangeEvent($event.target.checked)',
- '(switchClick)': 'handleChangeEvent($event.target.checked)'
- },
- providers: [
- {
- provide: NG_VALUE_ACCESSOR,
- useExisting: BooleanValueAccessor,
- multi: true
- }
- ]
-})
-export class BooleanValueAccessor extends ValueAccessor {
- constructor(el: ElementRef) {
- super(el);
- }
- writeValue(value: any) {
- this.el.nativeElement.checked = this.lastValue = value == null ? false : value;
- }
-}
diff --git a/angular-workspace/ng16/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/components.ts b/angular-workspace/ng16/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/components.ts
deleted file mode 100644
index a2b7be9e2..000000000
--- a/angular-workspace/ng16/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/components.ts
+++ /dev/null
@@ -1,1653 +0,0 @@
-/* tslint:disable */
-/* auto-generated angular directive proxies */
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, EventEmitter, NgZone } from '@angular/core';
-
-import { ProxyCmp, proxyOutputs } from './angular-component-lib/utils';
-
-import { Components } from '@trimble-oss/modus-web-components';
-
-
-@ProxyCmp({
- inputs: ['ariaLabel']
-})
-@Component({
- selector: 'modus-accordion',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel'],
-})
-export class ModusAccordion {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- }
-}
-
-
-export declare interface ModusAccordion extends Components.ModusAccordion {}
-
-
-@ProxyCmp({
- inputs: ['disabled', 'expandButtonType', 'expanded', 'headerText', 'icon', 'size']
-})
-@Component({
- selector: 'modus-accordion-item',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['disabled', 'expandButtonType', 'expanded', 'headerText', 'icon', 'size'],
-})
-export class ModusAccordionItem {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['closed', 'opened']);
- }
-}
-
-
-export declare interface ModusAccordionItem extends Components.ModusAccordionItem {
- /**
- * An event that fires on every accordion close.
- */
- closed: EventEmitter>;
- /**
- * An event that fires on every accordion open.
- */
- opened: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['actions', 'size', 'visibleItemCount']
-})
-@Component({
- selector: 'modus-action-bar',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['actions', 'size', 'visibleItemCount'],
-})
-export class ModusActionBar {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['actionBarClick']);
- }
-}
-
-
-export declare interface ModusActionBar extends Components.ModusActionBar {
- /**
- * (optional) An event that fires on action item click.
- */
- actionBarClick: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'buttonAriaLabel', 'buttonText', 'dismissible', 'message', 'type']
-})
-@Component({
- selector: 'modus-alert',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'buttonAriaLabel', 'buttonText', 'dismissible', 'message', 'type'],
-})
-export class ModusAlert {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['dismissClick', 'actionClick']);
- }
-}
-
-
-export declare interface ModusAlert extends Components.ModusAlert {
- /**
- * An event that fires when the alert is dismissed
- */
- dismissClick: EventEmitter>;
- /**
- * An event that firest when the action button is clicked
- */
- actionClick: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'clearable', 'disableCloseOnSelect', 'disabled', 'dropdownMaxHeight', 'dropdownZIndex', 'errorText', 'includeSearchIcon', 'label', 'multiple', 'noResultsFoundSubtext', 'noResultsFoundText', 'options', 'placeholder', 'readOnly', 'required', 'showNoResultsFoundMessage', 'showOptionsOnFocus', 'size', 'value']
-})
-@Component({
- selector: 'modus-autocomplete',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'clearable', 'disableCloseOnSelect', 'disabled', 'dropdownMaxHeight', 'dropdownZIndex', 'errorText', 'includeSearchIcon', 'label', 'multiple', 'noResultsFoundSubtext', 'noResultsFoundText', 'options', 'placeholder', 'readOnly', 'required', 'showNoResultsFoundMessage', 'showOptionsOnFocus', 'size', 'value'],
-})
-export class ModusAutocomplete {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['optionSelected', 'valueChange']);
- }
-}
-
-
-export declare interface ModusAutocomplete extends Components.ModusAutocomplete {
- /**
- * An event that fires when a dropdown option is selected. Emits the option id.
- */
- optionSelected: EventEmitter>;
- /**
- * An event that fires when the input value changes. Emits the value string.
- */
- valueChange: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'color', 'size', 'type']
-})
-@Component({
- selector: 'modus-badge',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'color', 'size', 'type'],
-})
-export class ModusBadge {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- }
-}
-
-
-export declare interface ModusBadge extends Components.ModusBadge {}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'crumbs', 'underlineLinks']
-})
-@Component({
- selector: 'modus-breadcrumb',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'crumbs', 'underlineLinks'],
-})
-export class ModusBreadcrumb {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['crumbClick']);
- }
-}
-
-
-import type { Crumb as IModusBreadcrumbCrumb } from '@trimble-oss/modus-web-components';
-
-export declare interface ModusBreadcrumb extends Components.ModusBreadcrumb {
- /**
- * (optional) An event that fires on breadcrumb click.
- */
- crumbClick: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['ariaDisabled', 'ariaLabel', 'buttonStyle', 'color', 'disabled', 'iconOnly', 'leftIcon', 'rightIcon', 'showCaret', 'size', 'type'],
- methods: ['focusButton']
-})
-@Component({
- selector: 'modus-button',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaDisabled', 'ariaLabel', 'buttonStyle', 'color', 'disabled', 'iconOnly', 'leftIcon', 'rightIcon', 'showCaret', 'size', 'type'],
-})
-export class ModusButton {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['buttonClick']);
- }
-}
-
-
-export declare interface ModusButton extends Components.ModusButton {
- /**
- * (optional) An event that fires on button click.
- */
- buttonClick: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'borderRadius', 'height', 'showCardBorder', 'showShadowOnHover', 'width']
-})
-@Component({
- selector: 'modus-card',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'borderRadius', 'height', 'showCardBorder', 'showShadowOnHover', 'width'],
-})
-export class ModusCard {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- }
-}
-
-
-export declare interface ModusCard extends Components.ModusCard {}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'checked', 'disabled', 'indeterminate', 'label', 'size', 'stopPropagation', 'tabIndexValue'],
- methods: ['focusCheckbox']
-})
-@Component({
- selector: 'modus-checkbox',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'checked', 'disabled', 'indeterminate', 'label', 'size', 'stopPropagation', 'tabIndexValue'],
-})
-export class ModusCheckbox {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['checkboxClick']);
- }
-}
-
-
-export declare interface ModusCheckbox extends Components.ModusCheckbox {
- /**
- * An event that fires on checkbox click.
- */
- checkboxClick: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'chipStyle', 'disabled', 'hasError', 'imageUrl', 'maxWidth', 'showCheckmark', 'showClose', 'size', 'value']
-})
-@Component({
- selector: 'modus-chip',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'chipStyle', 'disabled', 'hasError', 'imageUrl', 'maxWidth', 'showCheckmark', 'showClose', 'size', 'value'],
-})
-export class ModusChip {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['chipClick', 'closeClick']);
- }
-}
-
-
-export declare interface ModusChip extends Components.ModusChip {
- /**
- * An event that fires on chip click.
- */
- chipClick: EventEmitter>;
- /**
- * An event that fires on close icon click.
- */
- closeClick: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['columns', 'data', 'displayOptions', 'rowActions', 'selectionOptions', 'sortOptions']
-})
-@Component({
- selector: 'modus-data-table',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['columns', 'data', 'displayOptions', 'rowActions', 'selectionOptions', 'sortOptions'],
-})
-export class ModusDataTable {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['cellLinkClick', 'rowDoubleClick', 'selection', 'sort', 'rowActionClick']);
- }
-}
-
-
-import type { ModusDataTableCellLink as IModusDataTableModusDataTableCellLink } from '@trimble-oss/modus-web-components';
-import type { ModusDataTableSortEvent as IModusDataTableModusDataTableSortEvent } from '@trimble-oss/modus-web-components';
-import type { ModusDataTableRowActionClickEvent as IModusDataTableModusDataTableRowActionClickEvent } from '@trimble-oss/modus-web-components';
-
-export declare interface ModusDataTable extends Components.ModusDataTable {
- /**
- * An event that fires on cell link click.
- */
- cellLinkClick: EventEmitter>;
- /**
- * An event that fires on row double click.
- */
- rowDoubleClick: EventEmitter>;
- /**
- * An event that fires on selection change.
- */
- selection: EventEmitter>;
- /**
- * An event that fires on column sort.
- */
- sort: EventEmitter>;
- /**
- * An event that fires when a row action is clicked.
- */
- rowActionClick: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['allowedCharsRegex', 'altFormats', 'ariaLabel', 'autoFocusInput', 'disableValidation', 'disabled', 'errorText', 'fillerDate', 'format', 'helperText', 'label', 'max', 'min', 'placeholder', 'readOnly', 'required', 'showCalendarIcon', 'size', 'type', 'validText', 'value'],
- methods: ['focusInput', 'validate']
-})
-@Component({
- selector: 'modus-date-input',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['allowedCharsRegex', 'altFormats', 'ariaLabel', 'autoFocusInput', 'disableValidation', 'disabled', 'errorText', 'fillerDate', 'format', 'helperText', 'label', 'max', 'min', 'placeholder', 'readOnly', 'required', 'showCalendarIcon', 'size', 'type', 'validText', 'value'],
-})
-export class ModusDateInput {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['calendarIconClicked', 'dateInputBlur', 'valueChange']);
- }
-}
-
-
-import type { ModusDateInputEventDetails as IModusDateInputModusDateInputEventDetails } from '@trimble-oss/modus-web-components';
-
-export declare interface ModusDateInput extends Components.ModusDateInput {
- /**
- * An event that fires on calendar icon click.
- */
- calendarIconClicked: EventEmitter>;
- /**
- * An event that fires on input value out of focus.
- */
- dateInputBlur: EventEmitter>;
- /**
- * An event that fires on input value change.
- */
- valueChange: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['label']
-})
-@Component({
- selector: 'modus-date-picker',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['label'],
-})
-export class ModusDatePicker {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- }
-}
-
-
-export declare interface ModusDatePicker extends Components.ModusDatePicker {}
-
-
-@ProxyCmp({
- inputs: ['animateList', 'ariaLabel', 'customPlacement', 'disabled', 'placement', 'showDropdownListBorder', 'toggleElementId']
-})
-@Component({
- selector: 'modus-dropdown',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['animateList', 'ariaLabel', 'customPlacement', 'disabled', 'placement', 'showDropdownListBorder', 'toggleElementId'],
-})
-export class ModusDropdown {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['dropdownClose']);
- }
-}
-
-
-export declare interface ModusDropdown extends Components.ModusDropdown {
- /**
- * An event that fires on dropdown close.
- */
- dropdownClose: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'description', 'dropzoneHeight', 'dropzoneWidth', 'includeStateIcon', 'label', 'maxFileCount', 'maxFileNameLength', 'maxTotalFileSizeBytes', 'multiple'],
- methods: ['addFile', 'getError', 'getFiles', 'removeFile']
-})
-@Component({
- selector: 'modus-file-dropzone',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'description', 'dropzoneHeight', 'dropzoneWidth', 'includeStateIcon', 'label', 'maxFileCount', 'maxFileNameLength', 'maxTotalFileSizeBytes', 'multiple'],
-})
-export class ModusFileDropzone {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['files']);
- }
-}
-
-
-export declare interface ModusFileDropzone extends Components.ModusFileDropzone {
- /**
- * An event that fires when files have been added or removed, regardless of whether they're valid.
- */
- files: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['color', 'name', 'size']
-})
-@Component({
- selector: 'modus-icon',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['color', 'name', 'size'],
-})
-export class ModusIcon {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['iconClick']);
- }
-}
-
-
-export declare interface ModusIcon extends Components.ModusIcon {
- /**
- * (optional) The click handler function
- */
- iconClick: EventEmitter>;
-}
-
-
-@ProxyCmp({
-})
-@Component({
- selector: 'modus-list',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: [],
-})
-export class ModusList {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- }
-}
-
-
-export declare interface ModusList extends Components.ModusList {}
-
-
-@ProxyCmp({
- inputs: ['borderless', 'disabled', 'leftIcon', 'selected', 'size', 'subText', 'type', 'wrapSubText'],
- methods: ['focusItem']
-})
-@Component({
- selector: 'modus-list-item',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['borderless', 'disabled', 'leftIcon', 'selected', 'size', 'subText', 'type', 'wrapSubText'],
-})
-export class ModusListItem {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['itemClick']);
- }
-}
-
-
-export declare interface ModusListItem extends Components.ModusListItem {
- /**
- * An event that fires on list item click
- */
- itemClick: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'icon', 'type']
-})
-@Component({
- selector: 'modus-message',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'icon', 'type'],
-})
-export class ModusMessage {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- }
-}
-
-
-export declare interface ModusMessage extends Components.ModusMessage {}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'backdrop', 'headerText', 'primaryButtonAriaLabel', 'primaryButtonDisabled', 'primaryButtonText', 'secondaryButtonAriaLabel', 'secondaryButtonDisabled', 'secondaryButtonText', 'zIndex'],
- methods: ['close', 'open']
-})
-@Component({
- selector: 'modus-modal',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'backdrop', 'headerText', 'primaryButtonAriaLabel', 'primaryButtonDisabled', 'primaryButtonText', 'secondaryButtonAriaLabel', 'secondaryButtonDisabled', 'secondaryButtonText', 'zIndex'],
-})
-export class ModusModal {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['closed', 'opened', 'primaryButtonClick', 'secondaryButtonClick']);
- }
-}
-
-
-export declare interface ModusModal extends Components.ModusModal {
- /**
- * An event that fires on modal close.
- */
- closed: EventEmitter>;
- /**
- * An event that fires on modal open.
- */
- opened: EventEmitter>;
- /**
- * An event that fires on primary button click.
- */
- primaryButtonClick: EventEmitter>;
- /**
- * An event that fires on secondary button click.
- */
- secondaryButtonClick: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['apps', 'buttons', 'enableSearchOverlay', 'helpTooltip', 'helpUrl', 'logoOptions', 'profileMenuOptions', 'reverse', 'searchTooltip', 'showAppsMenu', 'showHelp', 'showMainMenu', 'showNotifications', 'showPendoPlaceholder', 'showProfile', 'showSearch', 'showShadow', 'variant'],
- methods: ['hideMainMenu']
-})
-@Component({
- selector: 'modus-navbar',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['apps', 'buttons', 'enableSearchOverlay', 'helpTooltip', 'helpUrl', 'logoOptions', 'profileMenuOptions', 'reverse', 'searchTooltip', 'showAppsMenu', 'showHelp', 'showMainMenu', 'showNotifications', 'showPendoPlaceholder', 'showProfile', 'showSearch', 'showShadow', 'variant'],
-})
-export class ModusNavbar {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['appsMenuOpen', 'appsMenuAppOpen', 'buttonClick', 'helpOpen', 'mainMenuClick', 'notificationsMenuOpen', 'productLogoClick', 'profileMenuLinkClick', 'profileMenuOpen', 'profileMenuSignOutClick', 'searchChange', 'searchMenuClick']);
- }
-}
-
-
-import type { ModusNavbarApp as IModusNavbarModusNavbarApp } from '@trimble-oss/modus-web-components';
-
-export declare interface ModusNavbar extends Components.ModusNavbar {
- /**
- * An event that fires when the apps menu opens.
- */
- appsMenuOpen: EventEmitter>;
- /**
- * An event that fires when an apps menu app opens.
- */
- appsMenuAppOpen: EventEmitter>;
- /**
- * An event that fires when a button in the custom button list is clicked.
- */
- buttonClick: EventEmitter>;
- /**
- * An event that fires when the help link opens.
- */
- helpOpen: EventEmitter>;
- /**
- * An event that fires on main menu click.
- */
- mainMenuClick: EventEmitter>;
- /**
- * An event that fires when the notifications menu opens.
- */
- notificationsMenuOpen: EventEmitter>;
- /**
- * An event that fires on product logo click.
- */
- productLogoClick: EventEmitter>;
- /**
- * An event that fires on profile menu link click.
- */
- profileMenuLinkClick: EventEmitter>;
- /**
- * An event that fires when the profile menu opens.
- */
- profileMenuOpen: EventEmitter>;
- /**
- * An event that fires on profile menu sign out click.
- */
- profileMenuSignOutClick: EventEmitter>;
- /**
- * An event that fires on search value change.
- */
- searchChange: EventEmitter>;
- /**
- * An event that fires on search button click.
- */
- searchMenuClick: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['apps', 'reverse']
-})
-@Component({
- selector: 'modus-navbar-apps-menu',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['apps', 'reverse'],
-})
-export class ModusNavbarAppsMenu {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['appOpen']);
- }
-}
-
-
-import type { ModusNavbarApp as IModusNavbarAppsMenuModusNavbarApp } from '@trimble-oss/modus-web-components';
-
-export declare interface ModusNavbarAppsMenu extends Components.ModusNavbarAppsMenu {
-
- appOpen: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['reverse']
-})
-@Component({
- selector: 'modus-navbar-button-menu',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['reverse'],
-})
-export class ModusNavbarButtonMenu {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- }
-}
-
-
-export declare interface ModusNavbarButtonMenu extends Components.ModusNavbarButtonMenu {}
-
-
-@ProxyCmp({
- inputs: ['navbarId']
-})
-@Component({
- selector: 'modus-navbar-main-menu',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['navbarId'],
-})
-export class ModusNavbarMainMenu {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- }
-}
-
-
-export declare interface ModusNavbarMainMenu extends Components.ModusNavbarMainMenu {}
-
-
-@ProxyCmp({
- inputs: ['reverse']
-})
-@Component({
- selector: 'modus-navbar-notifications-menu',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['reverse'],
-})
-export class ModusNavbarNotificationsMenu {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- }
-}
-
-
-export declare interface ModusNavbarNotificationsMenu extends Components.ModusNavbarNotificationsMenu {}
-
-
-@ProxyCmp({
- inputs: ['avatarUrl', 'email', 'initials', 'links', 'reverse', 'signOutText', 'username', 'variant']
-})
-@Component({
- selector: 'modus-navbar-profile-menu',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['avatarUrl', 'email', 'initials', 'links', 'reverse', 'signOutText', 'username', 'variant'],
-})
-export class ModusNavbarProfileMenu {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['linkClick', 'signOutClick']);
- }
-}
-
-
-export declare interface ModusNavbarProfileMenu extends Components.ModusNavbarProfileMenu {
-
- linkClick: EventEmitter>;
-
- signOutClick: EventEmitter>;
-}
-
-
-@ProxyCmp({
-})
-@Component({
- selector: 'modus-navbar-search-overlay',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: [],
-})
-export class ModusNavbarSearchOverlay {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['close', 'search']);
- }
-}
-
-
-export declare interface ModusNavbarSearchOverlay extends Components.ModusNavbarSearchOverlay {
- /**
- * An event that fires on clicking on close button of search overlay
- */
- close: EventEmitter>;
- /**
- * An event that fires on search value change.
- */
- search: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'disabled', 'errorText', 'helperText', 'label', 'maxValue', 'minValue', 'placeholder', 'readOnly', 'required', 'size', 'step', 'textAlign', 'validText', 'value'],
- methods: ['focusInput']
-})
-@Component({
- selector: 'modus-number-input',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'disabled', 'errorText', 'helperText', 'label', 'maxValue', 'minValue', 'placeholder', 'readOnly', 'required', 'size', 'step', 'textAlign', 'validText', 'value'],
-})
-export class ModusNumberInput {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['valueChange']);
- }
-}
-
-
-export declare interface ModusNumberInput extends Components.ModusNumberInput {
- /**
- * An event that fires on input value change.
- */
- valueChange: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['activePage', 'ariaLabel', 'maxPage', 'minPage', 'nextPageButtonText', 'prevPageButtonText', 'size']
-})
-@Component({
- selector: 'modus-pagination',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['activePage', 'ariaLabel', 'maxPage', 'minPage', 'nextPageButtonText', 'prevPageButtonText', 'size'],
-})
-export class ModusPagination {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['pageChange']);
- }
-}
-
-
-export declare interface ModusPagination extends Components.ModusPagination {
- /**
- * An event that fires on page change.
- */
- pageChange: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'backgroundColor', 'color', 'maxValue', 'minValue', 'size', 'text', 'textColor', 'value']
-})
-@Component({
- selector: 'modus-progress-bar',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'backgroundColor', 'color', 'maxValue', 'minValue', 'size', 'text', 'textColor', 'value'],
-})
-export class ModusProgressBar {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- }
-}
-
-
-export declare interface ModusProgressBar extends Components.ModusProgressBar {}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'checkedId', 'name', 'radioButtons', 'size']
-})
-@Component({
- selector: 'modus-radio-group',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'checkedId', 'name', 'radioButtons', 'size'],
-})
-export class ModusRadioGroup {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['buttonClick']);
- }
-}
-
-
-export declare interface ModusRadioGroup extends Components.ModusRadioGroup {
- /**
- * Fires on radio button click.
- */
- buttonClick: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'disabled', 'errorText', 'helperText', 'label', 'options', 'optionsDisplayProp', 'placeholder', 'required', 'size', 'validText', 'value'],
- methods: ['focusInput']
-})
-@Component({
- selector: 'modus-select',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'disabled', 'errorText', 'helperText', 'label', 'options', 'optionsDisplayProp', 'placeholder', 'required', 'size', 'validText', 'value'],
-})
-export class ModusSelect {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['valueChange', 'inputBlur']);
- }
-}
-
-
-export declare interface ModusSelect extends Components.ModusSelect {
- /**
- * An event that fires on input value change.
- */
- valueChange: EventEmitter>;
- /**
- * An event that fires on input blur.
- */
- inputBlur: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'disabled', 'type']
-})
-@Component({
- selector: 'modus-sentiment-scale',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'disabled', 'type'],
-})
-export class ModusSentimentScale {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['sentimentSelection']);
- }
-}
-
-
-export declare interface ModusSentimentScale extends Components.ModusSentimentScale {
- /**
- * An event that fires the selected sentiment.
- */
- sentimentSelection: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['collapseOnClickOutside', 'data', 'expanded', 'maxWidth', 'mode', 'targetContent']
-})
-@Component({
- selector: 'modus-side-navigation',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['collapseOnClickOutside', 'data', 'expanded', 'maxWidth', 'mode', 'targetContent'],
-})
-export class ModusSideNavigation {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['sideNavExpand']);
- }
-}
-
-
-export declare interface ModusSideNavigation extends Components.ModusSideNavigation {
- /**
- * An event that fires on side navigation panel collapse & expand.
- */
- sideNavExpand: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['disableSelection', 'disabled', 'label', 'menuIcon', 'selected', 'showExpandIcon'],
- methods: ['focusItem']
-})
-@Component({
- selector: 'modus-side-navigation-item',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['disableSelection', 'disabled', 'label', 'menuIcon', 'selected', 'showExpandIcon'],
-})
-export class ModusSideNavigationItem {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['sideNavItemClicked', 'sideNavItemFocus']);
- }
-}
-
-
-export declare interface ModusSideNavigationItem extends Components.ModusSideNavigationItem {
- /**
- * An event that fires when mouse click or `Enter` key press on an item.
- */
- sideNavItemClicked: EventEmitter>;
- /**
- * An event that fires when an item is in focus.
- */
- sideNavItemFocus: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'disabled', 'label', 'maxValue', 'minValue', 'value']
-})
-@Component({
- selector: 'modus-slider',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'disabled', 'label', 'maxValue', 'minValue', 'value'],
-})
-export class ModusSlider {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['valueChange', 'valueInput']);
- }
-}
-
-
-export declare interface ModusSlider extends Components.ModusSlider {
- /**
- * An event that fires on slider value change.
- */
- valueChange: EventEmitter>;
- /**
- * An event that fires on slider value input.
- */
- valueInput: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['color', 'size']
-})
-@Component({
- selector: 'modus-spinner',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['color', 'size'],
-})
-export class ModusSpinner {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- }
-}
-
-
-export declare interface ModusSpinner extends Components.ModusSpinner {}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'checked', 'disabled', 'label', 'size']
-})
-@Component({
- selector: 'modus-switch',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'checked', 'disabled', 'label', 'size'],
-})
-export class ModusSwitch {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['switchClick']);
- }
-}
-
-
-export declare interface ModusSwitch extends Components.ModusSwitch {
- /**
- * An event that fires on switch click.
- */
- switchClick: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['columnReorder', 'columnResize', 'columns', 'data', 'defaultSort', 'density', 'displayOptions', 'fullWidth', 'hover', 'manualPaginationOptions', 'manualSortingOptions', 'maxHeight', 'maxWidth', 'pageSizeList', 'pagination', 'rowActions', 'rowSelection', 'rowSelectionOptions', 'rowsExpandable', 'showSortIconOnHover', 'sort', 'sortIconStyle', 'summaryRow', 'toolbar', 'toolbarOptions', 'wrapText'],
- methods: ['getColumnData', 'toggleColumnVisibility']
-})
-@Component({
- selector: 'modus-table',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['columnReorder', 'columnResize', 'columns', 'data', 'defaultSort', 'density', 'displayOptions', 'fullWidth', 'hover', 'manualPaginationOptions', 'manualSortingOptions', 'maxHeight', 'maxWidth', 'pageSizeList', 'pagination', 'rowActions', 'rowSelection', 'rowSelectionOptions', 'rowsExpandable', 'showSortIconOnHover', 'sort', 'sortIconStyle', 'summaryRow', 'toolbar', 'toolbarOptions', 'wrapText'],
-})
-export class ModusTable {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['cellValueChange', 'cellLinkClick', 'columnOrderChange', 'columnSizingChange', 'columnVisibilityChange', 'rowActionClick', 'rowExpanded', 'rowSelectionChange', 'sortChange', 'paginationChange']);
- }
-}
-
-
-import type { ModusTableCellValueChange as IModusTableModusTableCellValueChange } from '@trimble-oss/modus-web-components';
-import type { ModusTableCellLink as IModusTableModusTableCellLink } from '@trimble-oss/modus-web-components';
-import type { ModusTableColumnOrderState as IModusTableModusTableColumnOrderState } from '@trimble-oss/modus-web-components';
-import type { ModusTableColumnSizingState as IModusTableModusTableColumnSizingState } from '@trimble-oss/modus-web-components';
-import type { ModusTableColumnVisibilityState as IModusTableModusTableColumnVisibilityState } from '@trimble-oss/modus-web-components';
-import type { ModusTableRowActionClick as IModusTableModusTableRowActionClick } from '@trimble-oss/modus-web-components';
-import type { ModusTableExpandedState as IModusTableModusTableExpandedState } from '@trimble-oss/modus-web-components';
-import type { ModusTableSortingState as IModusTableModusTableSortingState } from '@trimble-oss/modus-web-components';
-import type { ModusTablePaginationState as IModusTableModusTablePaginationState } from '@trimble-oss/modus-web-components';
-
-export declare interface ModusTable extends Components.ModusTable {
- /**
- * Emits the cell value that was edited
- */
- cellValueChange: EventEmitter>;
- /**
- * Emits the link that was clicked
- */
- cellLinkClick: EventEmitter>;
- /**
- * Emits columns in the updated order
- */
- columnOrderChange: EventEmitter>;
- /**
- * Emits latest column size
- */
- columnSizingChange: EventEmitter>;
- /**
- * Emits visibility state of each column
- */
- columnVisibilityChange: EventEmitter>;
- /**
- * An event that fires when a row action is clicked.
- */
- rowActionClick: EventEmitter>;
- /**
- * Emits expanded state of the columns
- */
- rowExpanded: EventEmitter>;
- /**
- * Emits rows selected
- */
- rowSelectionChange: EventEmitter>;
- /**
- * Emits column sort order
- */
- sortChange: EventEmitter>;
- /**
- * Emits selected page index and size
- */
- paginationChange: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['args', 'keyDown', 'type', 'value', 'valueChange']
-})
-@Component({
- selector: 'modus-table-cell-editor',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['args', 'keyDown', 'type', 'value', 'valueChange'],
-})
-export class ModusTableCellEditor {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- }
-}
-
-
-export declare interface ModusTableCellEditor extends Components.ModusTableCellEditor {}
-
-
-@ProxyCmp({
- inputs: ['cell', 'context', 'hasRowsExpandable', 'valueChange']
-})
-@Component({
- selector: 'modus-table-cell-main',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['cell', 'context', 'hasRowsExpandable', 'valueChange'],
-})
-export class ModusTableCellMain {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- }
-}
-
-
-export declare interface ModusTableCellMain extends Components.ModusTableCellMain {}
-
-
-@ProxyCmp({
- inputs: ['columnsVisibility', 'getAllLeafColumns', 'maxHeight', 'menuIconContainerRef', 'showDropdown', 'toggleDropdown']
-})
-@Component({
- selector: 'modus-table-columns-visibility',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['columnsVisibility', 'getAllLeafColumns', 'maxHeight', 'menuIconContainerRef', 'showDropdown', 'toggleDropdown'],
-})
-export class ModusTableColumnsVisibility {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- }
-}
-
-
-export declare interface ModusTableColumnsVisibility extends Components.ModusTableColumnsVisibility {}
-
-
-@ProxyCmp({
- inputs: ['context']
-})
-@Component({
- selector: 'modus-table-dropdown-menu',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['context'],
-})
-export class ModusTableDropdownMenu {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- }
-}
-
-
-export declare interface ModusTableDropdownMenu extends Components.ModusTableDropdownMenu {}
-
-
-@ProxyCmp({
- inputs: ['cellBorderless', 'container', 'summaryRow']
-})
-@Component({
- selector: 'modus-table-filler-column',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['cellBorderless', 'container', 'summaryRow'],
-})
-export class ModusTableFillerColumn {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- }
-}
-
-
-export declare interface ModusTableFillerColumn extends Components.ModusTableFillerColumn {}
-
-
-@ProxyCmp({
- inputs: ['context', 'row']
-})
-@Component({
- selector: 'modus-table-row-actions',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['context', 'row'],
-})
-export class ModusTableRowActions {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['overflowRowActions']);
- }
-}
-
-
-export declare interface ModusTableRowActions extends Components.ModusTableRowActions {
-
- overflowRowActions: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['context', 'row']
-})
-@Component({
- selector: 'modus-table-row-actions-cell',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['context', 'row'],
-})
-export class ModusTableRowActionsCell {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- }
-}
-
-
-export declare interface ModusTableRowActionsCell extends Components.ModusTableRowActionsCell {}
-
-
-@ProxyCmp({
- inputs: ['context']
-})
-@Component({
- selector: 'modus-table-row-actions-menu',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['context'],
-})
-export class ModusTableRowActionsMenu {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- }
-}
-
-
-export declare interface ModusTableRowActionsMenu extends Components.ModusTableRowActionsMenu {}
-
-
-@ProxyCmp({
- inputs: ['context']
-})
-@Component({
- selector: 'modus-table-toolbar',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['context'],
-})
-export class ModusTableToolbar {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- }
-}
-
-
-export declare interface ModusTableToolbar extends Components.ModusTableToolbar {}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'fullWidth', 'size', 'tabs']
-})
-@Component({
- selector: 'modus-tabs',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'fullWidth', 'size', 'tabs'],
-})
-export class ModusTabs {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['tabChange']);
- }
-}
-
-
-export declare interface ModusTabs extends Components.ModusTabs {
- /**
- * An event that fires on tab change.
- */
- tabChange: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'autoFocusInput', 'autocomplete', 'clearable', 'disabled', 'errorText', 'helperText', 'includePasswordTextToggle', 'includeSearchIcon', 'inputmode', 'label', 'maxLength', 'minLength', 'placeholder', 'readOnly', 'required', 'size', 'textAlign', 'type', 'validText', 'value'],
- methods: ['focusInput']
-})
-@Component({
- selector: 'modus-text-input',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'autoFocusInput', 'autocomplete', 'clearable', 'disabled', 'errorText', 'helperText', 'includePasswordTextToggle', 'includeSearchIcon', 'inputmode', 'label', 'maxLength', 'minLength', 'placeholder', 'readOnly', 'required', 'size', 'textAlign', 'type', 'validText', 'value'],
-})
-export class ModusTextInput {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['valueChange']);
- }
-}
-
-
-export declare interface ModusTextInput extends Components.ModusTextInput {
- /**
- * An event that fires on input value change.
- */
- valueChange: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['allowedCharsRegex', 'ampm', 'ariaLabel', 'autoFocusInput', 'autoFormat', 'disableValidation', 'disabled', 'errorText', 'helperText', 'label', 'max', 'min', 'placeholder', 'readOnly', 'required', 'size', 'validText', 'value'],
- methods: ['focusInput']
-})
-@Component({
- selector: 'modus-time-picker',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['allowedCharsRegex', 'ampm', 'ariaLabel', 'autoFocusInput', 'autoFormat', 'disableValidation', 'disabled', 'errorText', 'helperText', 'label', 'max', 'min', 'placeholder', 'readOnly', 'required', 'size', 'validText', 'value'],
-})
-export class ModusTimePicker {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['timeInputBlur', 'valueChange']);
- }
-}
-
-
-import type { ModusTimePickerEventDetails as IModusTimePickerModusTimePickerEventDetails } from '@trimble-oss/modus-web-components';
-
-export declare interface ModusTimePicker extends Components.ModusTimePicker {
- /**
- * An event that fires on input value out of focus.
- */
- timeInputBlur: EventEmitter>;
- /**
- * An event that fires on input value change.
- */
- valueChange: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'dismissible', 'showIcon', 'type']
-})
-@Component({
- selector: 'modus-toast',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'dismissible', 'showIcon', 'type'],
-})
-export class ModusToast {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['dismissClick']);
- }
-}
-
-
-export declare interface ModusToast extends Components.ModusToast {
- /**
- * An event that fires when the toast is dismissed
- */
- dismissClick: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'disabled', 'position', 'text']
-})
-@Component({
- selector: 'modus-tooltip',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'disabled', 'position', 'text'],
-})
-export class ModusTooltip {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- }
-}
-
-
-export declare interface ModusTooltip extends Components.ModusTooltip {}
-
-
-@ProxyCmp({
- inputs: ['borderless', 'checkboxSelection', 'checkedItems', 'disableTabbing', 'expandedItems', 'multiCheckboxSelection', 'multiSelection', 'selectedItems', 'size']
-})
-@Component({
- selector: 'modus-tree-view',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['borderless', 'checkboxSelection', 'checkedItems', 'disableTabbing', 'expandedItems', 'multiCheckboxSelection', 'multiSelection', 'selectedItems', 'size'],
-})
-export class ModusTreeView {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['itemActionClick']);
- }
-}
-
-
-export declare interface ModusTreeView extends Components.ModusTreeView {
- /**
- * Fired when an action is clicked within any tree item. Includes both the `actionId` and `nodeId` of the action and item, respectively.
- */
- itemActionClick: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['actions', 'disabled', 'draggableItem', 'droppableItem', 'editable', 'label', 'nodeId', 'tabIndexValue'],
- methods: ['focusItem', 'focusCheckbox']
-})
-@Component({
- selector: 'modus-tree-view-item',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['actions', 'disabled', 'draggableItem', 'droppableItem', 'editable', 'label', 'nodeId', 'tabIndexValue'],
-})
-export class ModusTreeViewItem {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['checkboxClick', 'itemClick', 'itemExpandToggle', 'actionClick']);
- }
-}
-
-
-export declare interface ModusTreeViewItem extends Components.ModusTreeViewItem {
- /**
- * An event that fires on tree item checkbox click
- */
- checkboxClick: EventEmitter>;
- /**
- * An event that fires on tree item click
- */
- itemClick: EventEmitter>;
- /**
- * An event that fires on tree item expand/collapse
- */
- itemExpandToggle: EventEmitter>;
- /**
- * Fired when an action button within the tree item is clicked. Includes the `actionId`.
- */
- actionClick: EventEmitter>;
-}
-
-
diff --git a/angular-workspace/ng16/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/index.ts b/angular-workspace/ng16/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/index.ts
deleted file mode 100644
index b0e106326..000000000
--- a/angular-workspace/ng16/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/index.ts
+++ /dev/null
@@ -1,61 +0,0 @@
-
-import * as d from './components';
-
-export const DIRECTIVES = [
- d.ModusAccordion,
- d.ModusAccordionItem,
- d.ModusActionBar,
- d.ModusAlert,
- d.ModusAutocomplete,
- d.ModusBadge,
- d.ModusBreadcrumb,
- d.ModusButton,
- d.ModusCard,
- d.ModusCheckbox,
- d.ModusChip,
- d.ModusDataTable,
- d.ModusDateInput,
- d.ModusDatePicker,
- d.ModusDropdown,
- d.ModusFileDropzone,
- d.ModusIcon,
- d.ModusList,
- d.ModusListItem,
- d.ModusMessage,
- d.ModusModal,
- d.ModusNavbar,
- d.ModusNavbarAppsMenu,
- d.ModusNavbarButtonMenu,
- d.ModusNavbarMainMenu,
- d.ModusNavbarNotificationsMenu,
- d.ModusNavbarProfileMenu,
- d.ModusNavbarSearchOverlay,
- d.ModusNumberInput,
- d.ModusPagination,
- d.ModusProgressBar,
- d.ModusRadioGroup,
- d.ModusSelect,
- d.ModusSentimentScale,
- d.ModusSideNavigation,
- d.ModusSideNavigationItem,
- d.ModusSlider,
- d.ModusSpinner,
- d.ModusSwitch,
- d.ModusTable,
- d.ModusTableCellEditor,
- d.ModusTableCellMain,
- d.ModusTableColumnsVisibility,
- d.ModusTableDropdownMenu,
- d.ModusTableFillerColumn,
- d.ModusTableRowActions,
- d.ModusTableRowActionsCell,
- d.ModusTableRowActionsMenu,
- d.ModusTableToolbar,
- d.ModusTabs,
- d.ModusTextInput,
- d.ModusTimePicker,
- d.ModusToast,
- d.ModusTooltip,
- d.ModusTreeView,
- d.ModusTreeViewItem
-];
diff --git a/angular-workspace/ng16/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/select-value-accessor.ts b/angular-workspace/ng16/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/select-value-accessor.ts
deleted file mode 100644
index 5d4a57017..000000000
--- a/angular-workspace/ng16/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/select-value-accessor.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { Directive, ElementRef } from '@angular/core';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-
-import { ValueAccessor } from './value-accessor';
-
-@Directive({
- /* tslint:disable-next-line:directive-selector */
- selector: 'modus-select',
- host: {
- '(valueChange)': 'handleChangeEvent($event.target.value)'
- },
- providers: [
- {
- provide: NG_VALUE_ACCESSOR,
- useExisting: SelectValueAccessor,
- multi: true
- }
- ]
-})
-export class SelectValueAccessor extends ValueAccessor {
- constructor(el: ElementRef) {
- super(el);
- }
-}
diff --git a/angular-workspace/ng16/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/text-value-accessor.ts b/angular-workspace/ng16/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/text-value-accessor.ts
deleted file mode 100644
index f1c229300..000000000
--- a/angular-workspace/ng16/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/text-value-accessor.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { Directive, ElementRef } from '@angular/core';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-
-import { ValueAccessor } from './value-accessor';
-
-@Directive({
- /* tslint:disable-next-line:directive-selector */
- selector: 'modus-autocomplete, modus-number-input, modus-text-input',
- host: {
- '(valueChange)': 'handleChangeEvent($event.target.value)'
- },
- providers: [
- {
- provide: NG_VALUE_ACCESSOR,
- useExisting: TextValueAccessor,
- multi: true
- }
- ]
-})
-export class TextValueAccessor extends ValueAccessor {
- constructor(el: ElementRef) {
- super(el);
- }
-}
diff --git a/angular-workspace/ng16/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/value-accessor.ts b/angular-workspace/ng16/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/value-accessor.ts
deleted file mode 100644
index 6bb76a6d3..000000000
--- a/angular-workspace/ng16/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/value-accessor.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import { Directive, ElementRef, HostListener } from '@angular/core';
-import { ControlValueAccessor } from '@angular/forms';
-
-@Directive({})
-export class ValueAccessor implements ControlValueAccessor {
-
- private onChange: (value: any) => void = () => {/**/};
- private onTouched: () => void = () => {/**/};
- protected lastValue: any;
-
- constructor(protected el: ElementRef) {}
-
- writeValue(value: any) {
- this.el.nativeElement.value = this.lastValue = value == null ? '' : value;
- }
-
- handleChangeEvent(value: any) {
- if (value !== this.lastValue) {
- this.lastValue = value;
- this.onChange(value);
- }
- }
-
- @HostListener('focusout')
- _handleBlurEvent() {
- this.onTouched();
- }
-
- registerOnChange(fn: (value: any) => void) {
- this.onChange = fn;
- }
- registerOnTouched(fn: () => void) {
- this.onTouched = fn;
- }
-
- setDisabledState(isDisabled: boolean) {
- this.el.nativeElement.disabled = isDisabled;
- }
-}
diff --git a/angular-workspace/ng17/package-lock.json b/angular-workspace/ng17/package-lock.json
index b7a7b8eb9..caac0c993 100644
--- a/angular-workspace/ng17/package-lock.json
+++ b/angular-workspace/ng17/package-lock.json
@@ -16,7 +16,7 @@
"@angular/platform-browser": "^17.2.2",
"@angular/platform-browser-dynamic": "^17.2.2",
"@angular/router": "^17.2.2",
- "@trimble-oss/modus-web-components": "0.22.0",
+ "@trimble-oss/modus-web-components": "0.27.0",
"rxjs": "~7.8.1",
"tslib": "^2.5.3",
"zone.js": "~0.14.4"
@@ -3530,9 +3530,9 @@
}
},
"node_modules/@trimble-oss/modus-web-components": {
- "version": "0.22.0",
- "resolved": "https://registry.npmjs.org/@trimble-oss/modus-web-components/-/modus-web-components-0.22.0.tgz",
- "integrity": "sha512-+c0Niz1pcPPx6DaQ7vw0c4cuaVtYG8CWWXNkH2U8z0u77q6YKZ1pKtmnAvXb9uUYcwg0ChIohBsSdsX/IqYSjQ==",
+ "version": "0.27.0",
+ "resolved": "https://registry.npmjs.org/@trimble-oss/modus-web-components/-/modus-web-components-0.27.0.tgz",
+ "integrity": "sha512-X527beFYj0FVdV1jQfc19z3Lczeg2D8CDaTgA647cIbC91pWDKXZclJ6YpU4PMjzRxUmFFFOPQR0Uj5iWsiPSQ==",
"dependencies": {
"@popperjs/core": "^2.11.8",
"@stencil/core": "^4.12.4",
@@ -6057,9 +6057,9 @@
"dev": true
},
"node_modules/express": {
- "version": "4.18.3",
- "resolved": "https://registry.npmjs.org/express/-/express-4.18.3.tgz",
- "integrity": "sha512-6VyCijWQ+9O7WuVMTRBTl+cjNNIzD5cY5mQ1WM8r/LEkI2u8EYpOotESNwzNlyCn3g+dmjKYI6BmNneSr/FSRw==",
+ "version": "4.19.2",
+ "resolved": "https://registry.npmjs.org/express/-/express-4.19.2.tgz",
+ "integrity": "sha512-5T6nhjsT+EOMzuck8JjBHARTHfMht0POzlA60WV2pMD3gyXw2LZnZ+ueGdNxG+0calOJcWKbpFcuzLZ91YWq9Q==",
"dev": true,
"dependencies": {
"accepts": "~1.3.8",
@@ -6067,7 +6067,7 @@
"body-parser": "1.20.2",
"content-disposition": "0.5.4",
"content-type": "~1.0.4",
- "cookie": "0.5.0",
+ "cookie": "0.6.0",
"cookie-signature": "1.0.6",
"debug": "2.6.9",
"depd": "2.0.0",
@@ -6099,9 +6099,9 @@
}
},
"node_modules/express/node_modules/cookie": {
- "version": "0.5.0",
- "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.5.0.tgz",
- "integrity": "sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==",
+ "version": "0.6.0",
+ "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.6.0.tgz",
+ "integrity": "sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw==",
"dev": true,
"engines": {
"node": ">= 0.6"
diff --git a/angular-workspace/ng17/package.json b/angular-workspace/ng17/package.json
index e2ce1c539..8f23bd3ac 100644
--- a/angular-workspace/ng17/package.json
+++ b/angular-workspace/ng17/package.json
@@ -18,7 +18,7 @@
"@angular/platform-browser": "^17.2.2",
"@angular/platform-browser-dynamic": "^17.2.2",
"@angular/router": "^17.2.2",
- "@trimble-oss/modus-web-components": "0.22.0",
+ "@trimble-oss/modus-web-components": "0.27.0",
"rxjs": "~7.8.1",
"tslib": "^2.5.3",
"zone.js": "~0.14.4"
diff --git a/angular-workspace/ng17/projects/trimble-oss/modus-angular-components/package-lock.json b/angular-workspace/ng17/projects/trimble-oss/modus-angular-components/package-lock.json
index f3cb1bed1..8539186ef 100644
--- a/angular-workspace/ng17/projects/trimble-oss/modus-angular-components/package-lock.json
+++ b/angular-workspace/ng17/projects/trimble-oss/modus-angular-components/package-lock.json
@@ -1,12 +1,12 @@
{
"name": "@trimble-oss/modus-angular-components",
- "version": "0.22.0-ng17",
+ "version": "0.27.0-ng17",
"lockfileVersion": 2,
"requires": true,
"packages": {
"": {
"name": "@trimble-oss/modus-angular-components",
- "version": "0.22.0-ng17",
+ "version": "0.27.0-ng17",
"license": "MIT",
"dependencies": {
"tslib": "^2.5.3"
@@ -17,7 +17,7 @@
"peerDependencies": {
"@angular/common": "^17.2.2",
"@angular/core": "^17.2.2",
- "@trimble-oss/modus-web-components": "0.22.0"
+ "@trimble-oss/modus-web-components": "0.27.0"
}
},
"node_modules/tslib": {
diff --git a/angular-workspace/ng17/projects/trimble-oss/modus-angular-components/package.json b/angular-workspace/ng17/projects/trimble-oss/modus-angular-components/package.json
index c8430f97d..805fe17c0 100644
--- a/angular-workspace/ng17/projects/trimble-oss/modus-angular-components/package.json
+++ b/angular-workspace/ng17/projects/trimble-oss/modus-angular-components/package.json
@@ -1,6 +1,6 @@
{
"name": "@trimble-oss/modus-angular-components",
- "version": "0.22.0-ng17",
+ "version": "0.27.0-ng17",
"license": "MIT",
"description": "Trimble Modus Angular Components Library",
"homepage": "https://modus-web-components.trimble.com/",
@@ -14,7 +14,7 @@
"peerDependencies": {
"@angular/common": "^17.2.2",
"@angular/core": "^17.2.2",
- "@trimble-oss/modus-web-components": "0.22.0"
+ "@trimble-oss/modus-web-components": "0.27.0"
},
"dependencies": {
"tslib": "^2.5.3"
diff --git a/angular-workspace/ng17/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/angular-component-lib/utils.ts b/angular-workspace/ng17/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/angular-component-lib/utils.ts
deleted file mode 100644
index b75904879..000000000
--- a/angular-workspace/ng17/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/angular-component-lib/utils.ts
+++ /dev/null
@@ -1,65 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-import { fromEvent } from 'rxjs';
-
-export const proxyInputs = (Cmp: any, inputs: string[]) => {
- const Prototype = Cmp.prototype;
- inputs.forEach((item) => {
- Object.defineProperty(Prototype, item, {
- get() {
- return this.el[item];
- },
- set(val: any) {
- this.z.runOutsideAngular(() => (this.el[item] = val));
- },
- /**
- * In the event that proxyInputs is called
- * multiple times re-defining these inputs
- * will cause an error to be thrown. As a result
- * we set configurable: true to indicate these
- * properties can be changed.
- */
- configurable: true,
- });
- });
-};
-
-export const proxyMethods = (Cmp: any, methods: string[]) => {
- const Prototype = Cmp.prototype;
- methods.forEach((methodName) => {
- Prototype[methodName] = function () {
- const args = arguments;
- return this.z.runOutsideAngular(() => this.el[methodName].apply(this.el, args));
- };
- });
-};
-
-export const proxyOutputs = (instance: any, el: any, events: string[]) => {
- events.forEach((eventName) => (instance[eventName] = fromEvent(el, eventName)));
-};
-
-export const defineCustomElement = (tagName: string, customElement: any) => {
- if (customElement !== undefined && typeof customElements !== 'undefined' && !customElements.get(tagName)) {
- customElements.define(tagName, customElement);
- }
-};
-
-// tslint:disable-next-line: only-arrow-functions
-export function ProxyCmp(opts: { defineCustomElementFn?: () => void; inputs?: any; methods?: any }) {
- const decorator = function (cls: any) {
- const { defineCustomElementFn, inputs, methods } = opts;
-
- if (defineCustomElementFn !== undefined) {
- defineCustomElementFn();
- }
-
- if (inputs) {
- proxyInputs(cls, inputs);
- }
- if (methods) {
- proxyMethods(cls, methods);
- }
- return cls;
- };
- return decorator;
-}
diff --git a/angular-workspace/ng17/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/boolean-value-accessor.ts b/angular-workspace/ng17/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/boolean-value-accessor.ts
deleted file mode 100644
index a51d1d535..000000000
--- a/angular-workspace/ng17/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/boolean-value-accessor.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import { Directive, ElementRef } from '@angular/core';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-
-import { ValueAccessor } from './value-accessor';
-
-@Directive({
- /* tslint:disable-next-line:directive-selector */
- selector: 'modus-checkbox, modus-switch',
- host: {
- '(checkboxClick)': 'handleChangeEvent($event.target.checked)',
- '(switchClick)': 'handleChangeEvent($event.target.checked)'
- },
- providers: [
- {
- provide: NG_VALUE_ACCESSOR,
- useExisting: BooleanValueAccessor,
- multi: true
- }
- ]
-})
-export class BooleanValueAccessor extends ValueAccessor {
- constructor(el: ElementRef) {
- super(el);
- }
- writeValue(value: any) {
- this.el.nativeElement.checked = this.lastValue = value == null ? false : value;
- }
-}
diff --git a/angular-workspace/ng17/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/components.ts b/angular-workspace/ng17/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/components.ts
deleted file mode 100644
index a2b7be9e2..000000000
--- a/angular-workspace/ng17/projects/trimble-oss/modus-angular-components/src/lib/stencil-generated/components.ts
+++ /dev/null
@@ -1,1653 +0,0 @@
-/* tslint:disable */
-/* auto-generated angular directive proxies */
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, EventEmitter, NgZone } from '@angular/core';
-
-import { ProxyCmp, proxyOutputs } from './angular-component-lib/utils';
-
-import { Components } from '@trimble-oss/modus-web-components';
-
-
-@ProxyCmp({
- inputs: ['ariaLabel']
-})
-@Component({
- selector: 'modus-accordion',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel'],
-})
-export class ModusAccordion {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- }
-}
-
-
-export declare interface ModusAccordion extends Components.ModusAccordion {}
-
-
-@ProxyCmp({
- inputs: ['disabled', 'expandButtonType', 'expanded', 'headerText', 'icon', 'size']
-})
-@Component({
- selector: 'modus-accordion-item',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['disabled', 'expandButtonType', 'expanded', 'headerText', 'icon', 'size'],
-})
-export class ModusAccordionItem {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['closed', 'opened']);
- }
-}
-
-
-export declare interface ModusAccordionItem extends Components.ModusAccordionItem {
- /**
- * An event that fires on every accordion close.
- */
- closed: EventEmitter>;
- /**
- * An event that fires on every accordion open.
- */
- opened: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['actions', 'size', 'visibleItemCount']
-})
-@Component({
- selector: 'modus-action-bar',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['actions', 'size', 'visibleItemCount'],
-})
-export class ModusActionBar {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['actionBarClick']);
- }
-}
-
-
-export declare interface ModusActionBar extends Components.ModusActionBar {
- /**
- * (optional) An event that fires on action item click.
- */
- actionBarClick: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'buttonAriaLabel', 'buttonText', 'dismissible', 'message', 'type']
-})
-@Component({
- selector: 'modus-alert',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'buttonAriaLabel', 'buttonText', 'dismissible', 'message', 'type'],
-})
-export class ModusAlert {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['dismissClick', 'actionClick']);
- }
-}
-
-
-export declare interface ModusAlert extends Components.ModusAlert {
- /**
- * An event that fires when the alert is dismissed
- */
- dismissClick: EventEmitter>;
- /**
- * An event that firest when the action button is clicked
- */
- actionClick: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'clearable', 'disableCloseOnSelect', 'disabled', 'dropdownMaxHeight', 'dropdownZIndex', 'errorText', 'includeSearchIcon', 'label', 'multiple', 'noResultsFoundSubtext', 'noResultsFoundText', 'options', 'placeholder', 'readOnly', 'required', 'showNoResultsFoundMessage', 'showOptionsOnFocus', 'size', 'value']
-})
-@Component({
- selector: 'modus-autocomplete',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'clearable', 'disableCloseOnSelect', 'disabled', 'dropdownMaxHeight', 'dropdownZIndex', 'errorText', 'includeSearchIcon', 'label', 'multiple', 'noResultsFoundSubtext', 'noResultsFoundText', 'options', 'placeholder', 'readOnly', 'required', 'showNoResultsFoundMessage', 'showOptionsOnFocus', 'size', 'value'],
-})
-export class ModusAutocomplete {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['optionSelected', 'valueChange']);
- }
-}
-
-
-export declare interface ModusAutocomplete extends Components.ModusAutocomplete {
- /**
- * An event that fires when a dropdown option is selected. Emits the option id.
- */
- optionSelected: EventEmitter>;
- /**
- * An event that fires when the input value changes. Emits the value string.
- */
- valueChange: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'color', 'size', 'type']
-})
-@Component({
- selector: 'modus-badge',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'color', 'size', 'type'],
-})
-export class ModusBadge {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- }
-}
-
-
-export declare interface ModusBadge extends Components.ModusBadge {}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'crumbs', 'underlineLinks']
-})
-@Component({
- selector: 'modus-breadcrumb',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'crumbs', 'underlineLinks'],
-})
-export class ModusBreadcrumb {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['crumbClick']);
- }
-}
-
-
-import type { Crumb as IModusBreadcrumbCrumb } from '@trimble-oss/modus-web-components';
-
-export declare interface ModusBreadcrumb extends Components.ModusBreadcrumb {
- /**
- * (optional) An event that fires on breadcrumb click.
- */
- crumbClick: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['ariaDisabled', 'ariaLabel', 'buttonStyle', 'color', 'disabled', 'iconOnly', 'leftIcon', 'rightIcon', 'showCaret', 'size', 'type'],
- methods: ['focusButton']
-})
-@Component({
- selector: 'modus-button',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaDisabled', 'ariaLabel', 'buttonStyle', 'color', 'disabled', 'iconOnly', 'leftIcon', 'rightIcon', 'showCaret', 'size', 'type'],
-})
-export class ModusButton {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['buttonClick']);
- }
-}
-
-
-export declare interface ModusButton extends Components.ModusButton {
- /**
- * (optional) An event that fires on button click.
- */
- buttonClick: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'borderRadius', 'height', 'showCardBorder', 'showShadowOnHover', 'width']
-})
-@Component({
- selector: 'modus-card',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'borderRadius', 'height', 'showCardBorder', 'showShadowOnHover', 'width'],
-})
-export class ModusCard {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- }
-}
-
-
-export declare interface ModusCard extends Components.ModusCard {}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'checked', 'disabled', 'indeterminate', 'label', 'size', 'stopPropagation', 'tabIndexValue'],
- methods: ['focusCheckbox']
-})
-@Component({
- selector: 'modus-checkbox',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'checked', 'disabled', 'indeterminate', 'label', 'size', 'stopPropagation', 'tabIndexValue'],
-})
-export class ModusCheckbox {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['checkboxClick']);
- }
-}
-
-
-export declare interface ModusCheckbox extends Components.ModusCheckbox {
- /**
- * An event that fires on checkbox click.
- */
- checkboxClick: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['ariaLabel', 'chipStyle', 'disabled', 'hasError', 'imageUrl', 'maxWidth', 'showCheckmark', 'showClose', 'size', 'value']
-})
-@Component({
- selector: 'modus-chip',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['ariaLabel', 'chipStyle', 'disabled', 'hasError', 'imageUrl', 'maxWidth', 'showCheckmark', 'showClose', 'size', 'value'],
-})
-export class ModusChip {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['chipClick', 'closeClick']);
- }
-}
-
-
-export declare interface ModusChip extends Components.ModusChip {
- /**
- * An event that fires on chip click.
- */
- chipClick: EventEmitter>;
- /**
- * An event that fires on close icon click.
- */
- closeClick: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['columns', 'data', 'displayOptions', 'rowActions', 'selectionOptions', 'sortOptions']
-})
-@Component({
- selector: 'modus-data-table',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['columns', 'data', 'displayOptions', 'rowActions', 'selectionOptions', 'sortOptions'],
-})
-export class ModusDataTable {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['cellLinkClick', 'rowDoubleClick', 'selection', 'sort', 'rowActionClick']);
- }
-}
-
-
-import type { ModusDataTableCellLink as IModusDataTableModusDataTableCellLink } from '@trimble-oss/modus-web-components';
-import type { ModusDataTableSortEvent as IModusDataTableModusDataTableSortEvent } from '@trimble-oss/modus-web-components';
-import type { ModusDataTableRowActionClickEvent as IModusDataTableModusDataTableRowActionClickEvent } from '@trimble-oss/modus-web-components';
-
-export declare interface ModusDataTable extends Components.ModusDataTable {
- /**
- * An event that fires on cell link click.
- */
- cellLinkClick: EventEmitter>;
- /**
- * An event that fires on row double click.
- */
- rowDoubleClick: EventEmitter>;
- /**
- * An event that fires on selection change.
- */
- selection: EventEmitter>;
- /**
- * An event that fires on column sort.
- */
- sort: EventEmitter>;
- /**
- * An event that fires when a row action is clicked.
- */
- rowActionClick: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['allowedCharsRegex', 'altFormats', 'ariaLabel', 'autoFocusInput', 'disableValidation', 'disabled', 'errorText', 'fillerDate', 'format', 'helperText', 'label', 'max', 'min', 'placeholder', 'readOnly', 'required', 'showCalendarIcon', 'size', 'type', 'validText', 'value'],
- methods: ['focusInput', 'validate']
-})
-@Component({
- selector: 'modus-date-input',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '',
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: ['allowedCharsRegex', 'altFormats', 'ariaLabel', 'autoFocusInput', 'disableValidation', 'disabled', 'errorText', 'fillerDate', 'format', 'helperText', 'label', 'max', 'min', 'placeholder', 'readOnly', 'required', 'showCalendarIcon', 'size', 'type', 'validText', 'value'],
-})
-export class ModusDateInput {
- protected el: HTMLElement;
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
- c.detach();
- this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['calendarIconClicked', 'dateInputBlur', 'valueChange']);
- }
-}
-
-
-import type { ModusDateInputEventDetails as IModusDateInputModusDateInputEventDetails } from '@trimble-oss/modus-web-components';
-
-export declare interface ModusDateInput extends Components.ModusDateInput {
- /**
- * An event that fires on calendar icon click.
- */
- calendarIconClicked: EventEmitter>;
- /**
- * An event that fires on input value out of focus.
- */
- dateInputBlur: EventEmitter>;
- /**
- * An event that fires on input value change.
- */
- valueChange: EventEmitter>;
-}
-
-
-@ProxyCmp({
- inputs: ['label']
-})
-@Component({
- selector: 'modus-date-picker',
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: '