@covalent/core 6.4.0 → 6.4.1

package/package.json

@@ -1,94 +1,122 @@
 {
   "name": "@covalent/core",
-  "version": "6.4.0",
+  "version": "6.4.1",
   "exports": {
     ".": {
       "sass": "./theming/_all-theme.scss",
       "types": "./index.d.ts",
-      "esm2022": "./esm2022/covalent-core.mjs",
-      "esm": "./esm2022/covalent-core.mjs",
-      "default": "./fesm2022/covalent-core.mjs"
+      "esm2020": "./esm2020/covalent-core.mjs",
+      "es2020": "./fesm2020/covalent-core.mjs",
+      "es2015": "./fesm2015/covalent-core.mjs",
+      "node": "./fesm2015/covalent-core.mjs",
+      "default": "./fesm2020/covalent-core.mjs"
     },
     "./package.json": {
       "default": "./package.json"
     },
     "./breadcrumbs": {
       "types": "./breadcrumbs/index.d.ts",
-      "esm2022": "./esm2022/breadcrumbs/covalent-core-breadcrumbs.mjs",
-      "esm": "./esm2022/breadcrumbs/covalent-core-breadcrumbs.mjs",
-      "default": "./fesm2022/covalent-core-breadcrumbs.mjs"
+      "esm2020": "./esm2020/breadcrumbs/covalent-core-breadcrumbs.mjs",
+      "es2020": "./fesm2020/covalent-core-breadcrumbs.mjs",
+      "es2015": "./fesm2015/covalent-core-breadcrumbs.mjs",
+      "node": "./fesm2015/covalent-core-breadcrumbs.mjs",
+      "default": "./fesm2020/covalent-core-breadcrumbs.mjs"
+    },
+    "./common": {
+      "types": "./common/index.d.ts",
+      "esm2020": "./esm2020/common/covalent-core-common.mjs",
+      "es2020": "./fesm2020/covalent-core-common.mjs",
+      "es2015": "./fesm2015/covalent-core-common.mjs",
+      "node": "./fesm2015/covalent-core-common.mjs",
+      "default": "./fesm2020/covalent-core-common.mjs"
     },
     "./dialogs": {
       "types": "./dialogs/index.d.ts",
-      "esm2022": "./esm2022/dialogs/covalent-core-dialogs.mjs",
-      "esm": "./esm2022/dialogs/covalent-core-dialogs.mjs",
-      "default": "./fesm2022/covalent-core-dialogs.mjs"
+      "esm2020": "./esm2020/dialogs/covalent-core-dialogs.mjs",
+      "es2020": "./fesm2020/covalent-core-dialogs.mjs",
+      "es2015": "./fesm2015/covalent-core-dialogs.mjs",
+      "node": "./fesm2015/covalent-core-dialogs.mjs",
+      "default": "./fesm2020/covalent-core-dialogs.mjs"
     },
     "./dynamic-menu": {
       "types": "./dynamic-menu/index.d.ts",
-      "esm2022": "./esm2022/dynamic-menu/covalent-core-dynamic-menu.mjs",
-      "esm": "./esm2022/dynamic-menu/covalent-core-dynamic-menu.mjs",
-      "default": "./fesm2022/covalent-core-dynamic-menu.mjs"
-    },
-    "./common": {
-      "types": "./common/index.d.ts",
-      "esm2022": "./esm2022/common/covalent-core-common.mjs",
-      "esm": "./esm2022/common/covalent-core-common.mjs",
-      "default": "./fesm2022/covalent-core-common.mjs"
+      "esm2020": "./esm2020/dynamic-menu/covalent-core-dynamic-menu.mjs",
+      "es2020": "./fesm2020/covalent-core-dynamic-menu.mjs",
+      "es2015": "./fesm2015/covalent-core-dynamic-menu.mjs",
+      "node": "./fesm2015/covalent-core-dynamic-menu.mjs",
+      "default": "./fesm2020/covalent-core-dynamic-menu.mjs"
     },
     "./file": {
       "types": "./file/index.d.ts",
-      "esm2022": "./esm2022/file/covalent-core-file.mjs",
-      "esm": "./esm2022/file/covalent-core-file.mjs",
-      "default": "./fesm2022/covalent-core-file.mjs"
+      "esm2020": "./esm2020/file/covalent-core-file.mjs",
+      "es2020": "./fesm2020/covalent-core-file.mjs",
+      "es2015": "./fesm2015/covalent-core-file.mjs",
+      "node": "./fesm2015/covalent-core-file.mjs",
+      "default": "./fesm2020/covalent-core-file.mjs"
     },
     "./json-formatter": {
       "types": "./json-formatter/index.d.ts",
-      "esm2022": "./esm2022/json-formatter/covalent-core-json-formatter.mjs",
-      "esm": "./esm2022/json-formatter/covalent-core-json-formatter.mjs",
-      "default": "./fesm2022/covalent-core-json-formatter.mjs"
+      "esm2020": "./esm2020/json-formatter/covalent-core-json-formatter.mjs",
+      "es2020": "./fesm2020/covalent-core-json-formatter.mjs",
+      "es2015": "./fesm2015/covalent-core-json-formatter.mjs",
+      "node": "./fesm2015/covalent-core-json-formatter.mjs",
+      "default": "./fesm2020/covalent-core-json-formatter.mjs"
     },
     "./layout": {
       "types": "./layout/index.d.ts",
-      "esm2022": "./esm2022/layout/covalent-core-layout.mjs",
-      "esm": "./esm2022/layout/covalent-core-layout.mjs",
-      "default": "./fesm2022/covalent-core-layout.mjs"
+      "esm2020": "./esm2020/layout/covalent-core-layout.mjs",
+      "es2020": "./fesm2020/covalent-core-layout.mjs",
+      "es2015": "./fesm2015/covalent-core-layout.mjs",
+      "node": "./fesm2015/covalent-core-layout.mjs",
+      "default": "./fesm2020/covalent-core-layout.mjs"
     },
     "./loading": {
       "types": "./loading/index.d.ts",
-      "esm2022": "./esm2022/loading/covalent-core-loading.mjs",
-      "esm": "./esm2022/loading/covalent-core-loading.mjs",
-      "default": "./fesm2022/covalent-core-loading.mjs"
+      "esm2020": "./esm2020/loading/covalent-core-loading.mjs",
+      "es2020": "./fesm2020/covalent-core-loading.mjs",
+      "es2015": "./fesm2015/covalent-core-loading.mjs",
+      "node": "./fesm2015/covalent-core-loading.mjs",
+      "default": "./fesm2020/covalent-core-loading.mjs"
     },
     "./menu": {
       "types": "./menu/index.d.ts",
-      "esm2022": "./esm2022/menu/covalent-core-menu.mjs",
-      "esm": "./esm2022/menu/covalent-core-menu.mjs",
-      "default": "./fesm2022/covalent-core-menu.mjs"
+      "esm2020": "./esm2020/menu/covalent-core-menu.mjs",
+      "es2020": "./fesm2020/covalent-core-menu.mjs",
+      "es2015": "./fesm2015/covalent-core-menu.mjs",
+      "node": "./fesm2015/covalent-core-menu.mjs",
+      "default": "./fesm2020/covalent-core-menu.mjs"
     },
     "./message": {
       "types": "./message/index.d.ts",
-      "esm2022": "./esm2022/message/covalent-core-message.mjs",
-      "esm": "./esm2022/message/covalent-core-message.mjs",
-      "default": "./fesm2022/covalent-core-message.mjs"
+      "esm2020": "./esm2020/message/covalent-core-message.mjs",
+      "es2020": "./fesm2020/covalent-core-message.mjs",
+      "es2015": "./fesm2015/covalent-core-message.mjs",
+      "node": "./fesm2015/covalent-core-message.mjs",
+      "default": "./fesm2020/covalent-core-message.mjs"
     },
     "./search": {
       "types": "./search/index.d.ts",
-      "esm2022": "./esm2022/search/covalent-core-search.mjs",
-      "esm": "./esm2022/search/covalent-core-search.mjs",
-      "default": "./fesm2022/covalent-core-search.mjs"
+      "esm2020": "./esm2020/search/covalent-core-search.mjs",
+      "es2020": "./fesm2020/covalent-core-search.mjs",
+      "es2015": "./fesm2015/covalent-core-search.mjs",
+      "node": "./fesm2015/covalent-core-search.mjs",
+      "default": "./fesm2020/covalent-core-search.mjs"
     },
     "./side-sheet": {
       "types": "./side-sheet/index.d.ts",
-      "esm2022": "./esm2022/side-sheet/covalent-core-side-sheet.mjs",
-      "esm": "./esm2022/side-sheet/covalent-core-side-sheet.mjs",
-      "default": "./fesm2022/covalent-core-side-sheet.mjs"
+      "esm2020": "./esm2020/side-sheet/covalent-core-side-sheet.mjs",
+      "es2020": "./fesm2020/covalent-core-side-sheet.mjs",
+      "es2015": "./fesm2015/covalent-core-side-sheet.mjs",
+      "node": "./fesm2015/covalent-core-side-sheet.mjs",
+      "default": "./fesm2020/covalent-core-side-sheet.mjs"
     },
     "./user-profile": {
       "types": "./user-profile/index.d.ts",
-      "esm2022": "./esm2022/user-profile/covalent-core-user-profile.mjs",
-      "esm": "./esm2022/user-profile/covalent-core-user-profile.mjs",
-      "default": "./fesm2022/covalent-core-user-profile.mjs"
+      "esm2020": "./esm2020/user-profile/covalent-core-user-profile.mjs",
+      "es2020": "./fesm2020/covalent-core-user-profile.mjs",
+      "es2015": "./fesm2015/covalent-core-user-profile.mjs",
+      "node": "./fesm2015/covalent-core-user-profile.mjs",
+      "default": "./fesm2020/covalent-core-user-profile.mjs"
     }
   },
   "repository": {
@@ -101,18 +129,26 @@
   "license": "MIT",
   "author": "Teradata UX",
   "peerDependencies": {
-    "@angular/common": "16.x.x",
-    "@angular/core": "16.x.x",
-    "@angular/forms": "16.x.x",
-    "@angular/router": "16.x.x",
-    "@angular/cdk": "16.x.x",
-    "@angular/material": "16.x.x",
-    "@covalent/core": "6.4.0"
+    "@angular/common": "^15.2.10",
+    "@angular/core": "^15.2.10",
+    "@angular/forms": "^15.2.10",
+    "@angular/router": "^15.2.10",
+    "@angular/cdk": "^15.2.9",
+    "@angular/material": "^15.2.9",
+    "@covalent/core": "6.4.1",
+    "@angular/platform-browser": "15.2.10",
+    "rxjs": "7.8.1",
+    "@angular/animations": "15.2.10",
+    "@angular/platform-browser-dynamic": "15.2.10"
   },
   "dependencies": {
     "tslib": "^2.0.0"
   },
-  "module": "fesm2022/covalent-core.mjs",
+  "module": "fesm2015/covalent-core.mjs",
+  "es2020": "fesm2020/covalent-core.mjs",
+  "esm2020": "esm2020/covalent-core.mjs",
+  "fesm2020": "fesm2020/covalent-core.mjs",
+  "fesm2015": "fesm2015/covalent-core.mjs",
   "typings": "index.d.ts",
   "sideEffects": false
-}
+}

package/search/search-box/search-box.component.d.ts

@@ -84,5 +84,5 @@ export declare class TdSearchBoxComponent implements ControlValueAccessor {
     handleClear(): void;
     handleBlur(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TdSearchBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TdSearchBoxComponent, "td-search-box", never, { "backIcon": { "alias": "backIcon"; "required": false; }; "searchIcon": { "alias": "searchIcon"; "required": false; }; "clearIcon": { "alias": "clearIcon"; "required": false; }; "showUnderline": { "alias": "showUnderline"; "required": false; }; "debounce": { "alias": "debounce"; "required": false; }; "alwaysVisible": { "alias": "alwaysVisible"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "searchDebounce": "searchDebounce"; "search": "search"; "clear": "clear"; "blurSearch": "blurSearch"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TdSearchBoxComponent, "td-search-box", never, { "backIcon": "backIcon"; "searchIcon": "searchIcon"; "clearIcon": "clearIcon"; "showUnderline": "showUnderline"; "debounce": "debounce"; "alwaysVisible": "alwaysVisible"; "placeholder": "placeholder"; "value": "value"; }, { "searchDebounce": "searchDebounce"; "search": "search"; "clear": "clear"; "blurSearch": "blurSearch"; }, never, never, false, never>;
 }

package/search/search-input/search-input.component.d.ts

@@ -80,5 +80,5 @@ export declare class TdSearchInputComponent extends _TdSearchInputMixinBase impl
     private _searchTermChanged;
     private _stopPropagation;
     static ɵfac: i0.ɵɵFactoryDeclaration<TdSearchInputComponent, [{ optional: true; }, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TdSearchInputComponent, "td-search-input", never, { "appearance": { "alias": "appearance"; "required": false; }; "showUnderline": { "alias": "showUnderline"; "required": false; }; "debounce": { "alias": "debounce"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "clearIcon": { "alias": "clearIcon"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "searchDebounce": "searchDebounce"; "search": "search"; "clear": "clear"; "blurSearch": "blurSearch"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TdSearchInputComponent, "td-search-input", never, { "appearance": "appearance"; "showUnderline": "showUnderline"; "debounce": "debounce"; "placeholder": "placeholder"; "clearIcon": "clearIcon"; "value": "value"; }, { "searchDebounce": "searchDebounce"; "search": "search"; "clear": "clear"; "blurSearch": "blurSearch"; }, never, never, false, never>;
 }

package/search/src/search-box/README.md

@@ -0,0 +1,73 @@
+# TdSearchBoxComponent: td-search-box
+
+`td-search-box` element to generate a search box with animations.
+
+## API Summary
+
+#### Inputs
+
+- backIcon?: string
+  - The icon used to close the search toggle, only shown when [alwaysVisible] is false. Defaults to 'search' icon.
+- searchIcon?: string
+  - The icon used to open/focus the search toggle. Defaults to 'search' icon.
+- clearIcon?: string
+  - The icon used to clear the search input. Defaults to 'cancel' icon.
+- showUnderline?: boolean
+  - Sets if the input underline should be visible. Defaults to 'false'.
+- debounce?: number
+  - Debounce timeout between keypresses. Defaults to 400.
+- alwaysVisible?: boolean
+  - Sets if the input should always be visible. Defaults to 'false'.
+- placeholder?: string
+  - Placeholder for the underlying input component.
+
+#### Events
+
+- searchDebounce?: string
+  - Event emitted after the [debounce] timeout.
+  - Emits a [string].
+- search?: string
+  - Event emitted after the key enter has been pressed.
+  - Emits a [string].
+- clear?: string
+  - Event emitted after the clear icon has been clicked.
+  - Emits [void].
+- blur: function
+  - Event emitted after the blur event has been called in underlying input.
+  - Emits [void].
+
+## Setup
+
+Import the [CovalentSearchModule] in your NgModule:
+
+```typescript
+import { CovalentSearchModule } from '@covalent/core/search';
+@NgModule({
+  imports: [
+    CovalentSearchModule,
+    ...
+  ],
+  ...
+})
+export class MyModule {}
+```
+
+## Usage
+
+Example for HTML usage:
+
+```html
+<td-search-box
+  backIcon="arrow_back"
+  placeholder="Search here"
+  [(ngModel)]="searchInputTerm"
+  [showUnderline]="false|true"
+  [debounce]="500"
+  [alwaysVisible]="false|true"
+  (searchDebounce)="searchInputTerm = $event"
+  (search)="searchInputTerm = $event"
+  (clear)="searchInputTerm = ''"
+  (blur)="onBlurEvent()"
+>
+</td-search-box>
+```

package/search/src/search-input/README.md

@@ -0,0 +1,74 @@
+# TdSearchInputComponent: td-search-input
+
+`td-search-input` element to generate a search input with its animated cancel button.
+
+## API Summary
+
+#### Inputs
+
+- debounce?: number
+  - Debounce timeout between keypresses. Defaults to 400.
+- placeholder?: string
+  - Placeholder for the underlying input component.
+- showUnderline?: boolean
+  - Sets if the input underline should be visible. Defaults to 'false'.
+- clearIcon?: string
+  - The icon used to clear the search input. Defaults to 'cancel' icon.
+- appearance?: MatFormFieldAppearance
+  - Appearance style for the underlying input component.
+
+#### Events
+
+- searchDebounce: function
+  - Event emitted after the [debounce] timeout.
+  - Emits a [string].
+- search: function
+  - Event emitted after the key enter has been pressed.
+  - Emits a [string].
+- clear: function
+  - Event emitted after the clear icon has been clicked.
+  - Emits [void].
+- blur: function
+  - Event emitted after the blur event has been called in underlying input.
+  - Emits [void].
+
+#### Methods
+
+- focus: function
+  - Method to focus to underlying input.
+- clearSearch: function
+  - Method to clear the underlying input.
+
+## Setup
+
+Import the [CovalentSearchModule] in your NgModule:
+
+```typescript
+import { CovalentSearchModule } from '@covalent/core/search';
+@NgModule({
+  imports: [
+    CovalentSearchModule,
+    ...
+  ],
+  ...
+})
+export class MyModule {}
+```
+
+## Usage
+
+Example for HTML usage:
+
+```html
+<td-search-input
+  appearance="fill|outline"
+  placeholder="Search here"
+  [(ngModel)]="searchInputTerm"
+  [showUnderline]="false|true"
+  [debounce]="500"
+  (searchDebounce)="searchInputTerm = $event"
+  (search)="searchInputTerm = $event"
+  (clear)="searchInputTerm = ''"
+>
+</td-search-input>
+```

package/side-sheet/side-sheet.content-directives.d.ts

@@ -22,7 +22,7 @@ export declare class CovalentSideSheetCloseDirective implements OnInit, OnChange
     ngOnChanges(changes: SimpleChanges): void;
     _onButtonClick(event: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CovalentSideSheetCloseDirective, [{ optional: true; }, null, null]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CovalentSideSheetCloseDirective, "[td-side-sheet-close], [CovalentSideSheetClose]", ["CovalentSideSheetClose"], { "ariaLabel": { "alias": "aria-label"; "required": false; }; "type": { "alias": "type"; "required": false; }; "dialogResult": { "alias": "td-side-sheet-close"; "required": false; }; "_CovalentSideSheetClose": { "alias": "CovalentSideSheetClose"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CovalentSideSheetCloseDirective, "[td-side-sheet-close], [CovalentSideSheetClose]", ["CovalentSideSheetClose"], { "ariaLabel": "aria-label"; "type": "type"; "dialogResult": "td-side-sheet-close"; "_CovalentSideSheetClose": "CovalentSideSheetClose"; }, {}, never, never, false, never>;
 }
 /**
  * Title of a side sheet element. Stays fixed to the top of the side sheet when scrolling.
@@ -38,7 +38,7 @@ export declare class CovalentSideSheetTitleDirective implements OnInit {
     constructor(_dialogRef: CovalentSideSheetRef<any>, _elementRef: ElementRef<HTMLElement>, _dialog: CovalentSideSheet);
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CovalentSideSheetTitleDirective, [{ optional: true; }, null, null]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CovalentSideSheetTitleDirective, "[td-side-sheet-title], [CovalentSideSheetTitle]", ["CovalentSideSheetTitle"], { "id": { "alias": "id"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CovalentSideSheetTitleDirective, "[td-side-sheet-title], [CovalentSideSheetTitle]", ["CovalentSideSheetTitle"], { "id": "id"; }, {}, never, never, false, never>;
 }
 /**
  * Scrollable content container of a dialog.

package/user-profile/user-profile-menu/user-profile-menu.component.d.ts

@@ -4,5 +4,5 @@ export declare class TdUserProfileMenuComponent {
     name?: string;
     _blockEvent(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TdUserProfileMenuComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TdUserProfileMenuComponent, "td-user-profile-menu", never, { "email": { "alias": "email"; "required": false; }; "name": { "alias": "name"; "required": false; }; }, {}, never, ["[td-user-info-list]", "[td-user-action-list]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TdUserProfileMenuComponent, "td-user-profile-menu", never, { "email": "email"; "name": "name"; }, {}, never, ["[td-user-info-list]", "[td-user-action-list]"], false, never>;
 }

package/user-profile/user-profile.component.d.ts

@@ -3,5 +3,5 @@ export declare class TdUserProfileComponent {
     name?: string;
     email?: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<TdUserProfileComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TdUserProfileComponent, "td-user-profile", never, { "name": { "alias": "name"; "required": false; }; "email": { "alias": "email"; "required": false; }; }, {}, never, ["[td-user-info-list]", "[td-user-action-list]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TdUserProfileComponent, "td-user-profile", never, { "name": "name"; "email": "email"; }, {}, never, ["[td-user-info-list]", "[td-user-action-list]"], false, never>;
 }

package/esm2022/breadcrumbs/breadcrumb/breadcrumb.component.mjs

@@ -1,94 +0,0 @@
-import { Component, ElementRef, HostBinding, ChangeDetectionStrategy, ChangeDetectorRef, } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@angular/material/icon";
-export class TdBreadcrumbComponent {
-    _elementRef;
-    _changeDetectorRef;
-    _displayCrumb = true;
-    _width = 0;
-    _displayIcon = true;
-    _separatorIcon = 'chevron_right';
-    matButtonClass = true;
-    tdBreadCrumbClass = true;
-    // Sets the icon url shown between breadcrumbs. Defaults to 'chevron_right'
-    get separatorIcon() {
-        return this._separatorIcon;
-    }
-    set separatorIcon(separatorIcon) {
-        this._separatorIcon = separatorIcon;
-        setTimeout(() => {
-            this._changeDetectorRef.markForCheck();
-        });
-    }
-    // Should show the right chevron or not before the label
-    get displayIcon() {
-        return this._displayIcon;
-    }
-    set displayIcon(displayIcon) {
-        this._displayIcon = displayIcon;
-        setTimeout(() => {
-            this._changeDetectorRef.markForCheck();
-        });
-    }
-    get displayCrumb() {
-        return this._displayCrumb;
-    }
-    /**
-     * Whether to display the crumb or not
-     */
-    set displayCrumb(shouldDisplay) {
-        this._displayCrumb = shouldDisplay;
-        setTimeout(() => {
-            this._changeDetectorRef.markForCheck();
-        });
-    }
-    /**
-     * Width of the DOM element of the crumb
-     */
-    get width() {
-        return this._width;
-    }
-    /**
-     * Gets the display style of the crumb
-     */
-    get displayBinding() {
-        // Set the display to none on the component, just in case the end user is hiding
-        // and showing them instead of the component doing itself for reasons like responsive
-        return this._displayCrumb ? undefined : 'none';
-    }
-    constructor(_elementRef, _changeDetectorRef) {
-        this._elementRef = _elementRef;
-        this._changeDetectorRef = _changeDetectorRef;
-    }
-    ngAfterViewInit() {
-        // set the width from the actual rendered DOM element
-        setTimeout(() => {
-            this._width = (this._elementRef.nativeElement).getBoundingClientRect().width;
-            this._changeDetectorRef.markForCheck();
-        });
-    }
-    /**
-     * Stop click propagation when clicking on icon
-     */
-    _handleIconClick(event) {
-        event.stopPropagation();
-        event.preventDefault();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: TdBreadcrumbComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: TdBreadcrumbComponent, selector: "td-breadcrumb, a[td-breadcrumb]", host: { properties: { "class.mdc-button": "this.matButtonClass", "class.td-breadcrumb": "this.tdBreadCrumbClass", "style.display": "this.displayBinding" } }, ngImport: i0, template: "<ng-content></ng-content>\n<mat-icon\n  *ngIf=\"displayIcon\"\n  class=\"td-breadcrumb-separator-icon\"\n  [style.cursor]=\"'default'\"\n  (click)=\"_handleIconClick($event)\"\n  >{{ separatorIcon }}</mat-icon\n>\n", styles: [":host.td-breadcrumb{display:inline-block;box-sizing:border-box;flex-direction:row;align-items:center;align-content:center;max-width:100%;justify-content:flex-end}:host.td-breadcrumb ::ng-deep>*{margin:0 10px}:host .td-breadcrumb-separator-icon{display:inline-flex;vertical-align:middle}:host.mat-button{min-width:0;padding:0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: TdBreadcrumbComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'td-breadcrumb, a[td-breadcrumb]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n<mat-icon\n  *ngIf=\"displayIcon\"\n  class=\"td-breadcrumb-separator-icon\"\n  [style.cursor]=\"'default'\"\n  (click)=\"_handleIconClick($event)\"\n  >{{ separatorIcon }}</mat-icon\n>\n", styles: [":host.td-breadcrumb{display:inline-block;box-sizing:border-box;flex-direction:row;align-items:center;align-content:center;max-width:100%;justify-content:flex-end}:host.td-breadcrumb ::ng-deep>*{margin:0 10px}:host .td-breadcrumb-separator-icon{display:inline-flex;vertical-align:middle}:host.mat-button{min-width:0;padding:0}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { matButtonClass: [{
-                type: HostBinding,
-                args: ['class.mdc-button']
-            }], tdBreadCrumbClass: [{
-                type: HostBinding,
-                args: ['class.td-breadcrumb']
-            }], displayBinding: [{
-                type: HostBinding,
-                args: ['style.display']
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvYnJlYWRjcnVtYnMvc3JjL2JyZWFkY3J1bWIvYnJlYWRjcnVtYi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvYnJlYWRjcnVtYnMvc3JjL2JyZWFkY3J1bWIvYnJlYWRjcnVtYi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULFVBQVUsRUFDVixXQUFXLEVBRVgsdUJBQXVCLEVBQ3ZCLGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQzs7OztBQVF2QixNQUFNLE9BQU8scUJBQXFCO0lBK0R0QjtJQUNBO0lBL0RGLGFBQWEsR0FBRyxJQUFJLENBQUM7SUFDckIsTUFBTSxHQUFHLENBQUMsQ0FBQztJQUNYLFlBQVksR0FBRyxJQUFJLENBQUM7SUFDcEIsY0FBYyxHQUFHLGVBQWUsQ0FBQztJQUVSLGNBQWMsR0FBRyxJQUFJLENBQUM7SUFDbkIsaUJBQWlCLEdBQUcsSUFBSSxDQUFDO0lBRTdELDJFQUEyRTtJQUMzRSxJQUFXLGFBQWE7UUFDdEIsT0FBTyxJQUFJLENBQUMsY0FBYyxDQUFDO0lBQzdCLENBQUM7SUFDRCxJQUFXLGFBQWEsQ0FBQyxhQUFxQjtRQUM1QyxJQUFJLENBQUMsY0FBYyxHQUFHLGFBQWEsQ0FBQztRQUNwQyxVQUFVLENBQUMsR0FBRyxFQUFFO1lBQ2QsSUFBSSxDQUFDLGtCQUFrQixDQUFDLFlBQVksRUFBRSxDQUFDO1FBQ3pDLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELHdEQUF3RDtJQUN4RCxJQUFXLFdBQVc7UUFDcEIsT0FBTyxJQUFJLENBQUMsWUFBWSxDQUFDO0lBQzNCLENBQUM7SUFDRCxJQUFXLFdBQVcsQ0FBQyxXQUFvQjtRQUN6QyxJQUFJLENBQUMsWUFBWSxHQUFHLFdBQVcsQ0FBQztRQUNoQyxVQUFVLENBQUMsR0FBRyxFQUFFO1lBQ2QsSUFBSSxDQUFDLGtCQUFrQixDQUFDLFlBQVksRUFBRSxDQUFDO1FBQ3pDLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELElBQUksWUFBWTtRQUNkLE9BQU8sSUFBSSxDQUFDLGFBQWEsQ0FBQztJQUM1QixDQUFDO0lBRUQ7O09BRUc7SUFDSCxJQUFJLFlBQVksQ0FBQyxhQUFzQjtRQUNyQyxJQUFJLENBQUMsYUFBYSxHQUFHLGFBQWEsQ0FBQztRQUNuQyxVQUFVLENBQUMsR0FBRyxFQUFFO1lBQ2QsSUFBSSxDQUFDLGtCQUFrQixDQUFDLFlBQVksRUFBRSxDQUFDO1FBQ3pDLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVEOztPQUVHO0lBQ0gsSUFBSSxLQUFLO1FBQ1AsT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDO0lBQ3JCLENBQUM7SUFFRDs7T0FFRztJQUNILElBQ0ksY0FBYztRQUNoQixnRkFBZ0Y7UUFDaEYscUZBQXFGO1FBQ3JGLE9BQU8sSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUM7SUFDakQsQ0FBQztJQUVELFlBQ1UsV0FBdUIsRUFDdkIsa0JBQXFDO1FBRHJDLGdCQUFXLEdBQVgsV0FBVyxDQUFZO1FBQ3ZCLHVCQUFrQixHQUFsQixrQkFBa0IsQ0FBbUI7SUFDNUMsQ0FBQztJQUVKLGVBQWU7UUFDYixxREFBcUQ7UUFDckQsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUNkLElBQUksQ0FBQyxNQUFNLEdBQWlCLENBQzFCLElBQUksQ0FBQyxXQUFXLENBQUMsYUFBYSxDQUM5QixDQUFDLHFCQUFxQixFQUFFLENBQUMsS0FBSyxDQUFDO1lBQ2pDLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUN6QyxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRDs7T0FFRztJQUNILGdCQUFnQixDQUFDLEtBQVk7UUFDM0IsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3hCLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztJQUN6QixDQUFDO3VHQW5GVSxxQkFBcUI7MkZBQXJCLHFCQUFxQixxT0NmbEMsd05BUUE7OzJGRE9hLHFCQUFxQjtrQkFOakMsU0FBUzsrQkFDRSxpQ0FBaUMsbUJBRzFCLHVCQUF1QixDQUFDLE1BQU07aUlBUWQsY0FBYztzQkFBOUMsV0FBVzt1QkFBQyxrQkFBa0I7Z0JBQ0ssaUJBQWlCO3NCQUFwRCxXQUFXO3VCQUFDLHFCQUFxQjtnQkFpRDlCLGNBQWM7c0JBRGpCLFdBQVc7dUJBQUMsZUFBZSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgSG9zdEJpbmRpbmcsXG4gIEFmdGVyVmlld0luaXQsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDaGFuZ2VEZXRlY3RvclJlZixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3RkLWJyZWFkY3J1bWIsIGFbdGQtYnJlYWRjcnVtYl0nLFxuICBzdHlsZVVybHM6IFsnLi9icmVhZGNydW1iLmNvbXBvbmVudC5zY3NzJ10sXG4gIHRlbXBsYXRlVXJsOiAnLi9icmVhZGNydW1iLmNvbXBvbmVudC5odG1sJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFRkQnJlYWRjcnVtYkNvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQge1xuICBwcml2YXRlIF9kaXNwbGF5Q3J1bWIgPSB0cnVlO1xuICBwcml2YXRlIF93aWR0aCA9IDA7XG4gIHByaXZhdGUgX2Rpc3BsYXlJY29uID0gdHJ1ZTtcbiAgcHJpdmF0ZSBfc2VwYXJhdG9ySWNvbiA9ICdjaGV2cm9uX3JpZ2h0JztcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLm1kYy1idXR0b24nKSBtYXRCdXR0b25DbGFzcyA9IHRydWU7XG4gIEBIb3N0QmluZGluZygnY2xhc3MudGQtYnJlYWRjcnVtYicpIHRkQnJlYWRDcnVtYkNsYXNzID0gdHJ1ZTtcblxuICAvLyBTZXRzIHRoZSBpY29uIHVybCBzaG93biBiZXR3ZWVuIGJyZWFkY3J1bWJzLiBEZWZhdWx0cyB0byAnY2hldnJvbl9yaWdodCdcbiAgcHVibGljIGdldCBzZXBhcmF0b3JJY29uKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuX3NlcGFyYXRvckljb247XG4gIH1cbiAgcHVibGljIHNldCBzZXBhcmF0b3JJY29uKHNlcGFyYXRvckljb246IHN0cmluZykge1xuICAgIHRoaXMuX3NlcGFyYXRvckljb24gPSBzZXBhcmF0b3JJY29uO1xuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgdGhpcy5fY2hhbmdlRGV0ZWN0b3JSZWYubWFya0ZvckNoZWNrKCk7XG4gICAgfSk7XG4gIH1cblxuICAvLyBTaG91bGQgc2hvdyB0aGUgcmlnaHQgY2hldnJvbiBvciBub3QgYmVmb3JlIHRoZSBsYWJlbFxuICBwdWJsaWMgZ2V0IGRpc3BsYXlJY29uKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLl9kaXNwbGF5SWNvbjtcbiAgfVxuICBwdWJsaWMgc2V0IGRpc3BsYXlJY29uKGRpc3BsYXlJY29uOiBib29sZWFuKSB7XG4gICAgdGhpcy5fZGlzcGxheUljb24gPSBkaXNwbGF5SWNvbjtcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIHRoaXMuX2NoYW5nZURldGVjdG9yUmVmLm1hcmtGb3JDaGVjaygpO1xuICAgIH0pO1xuICB9XG5cbiAgZ2V0IGRpc3BsYXlDcnVtYigpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5fZGlzcGxheUNydW1iO1xuICB9XG5cbiAgLyoqXG4gICAqIFdoZXRoZXIgdG8gZGlzcGxheSB0aGUgY3J1bWIgb3Igbm90XG4gICAqL1xuICBzZXQgZGlzcGxheUNydW1iKHNob3VsZERpc3BsYXk6IGJvb2xlYW4pIHtcbiAgICB0aGlzLl9kaXNwbGF5Q3J1bWIgPSBzaG91bGREaXNwbGF5O1xuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgdGhpcy5fY2hhbmdlRGV0ZWN0b3JSZWYubWFya0ZvckNoZWNrKCk7XG4gICAgfSk7XG4gIH1cblxuICAvKipcbiAgICogV2lkdGggb2YgdGhlIERPTSBlbGVtZW50IG9mIHRoZSBjcnVtYlxuICAgKi9cbiAgZ2V0IHdpZHRoKCk6IG51bWJlciB7XG4gICAgcmV0dXJuIHRoaXMuX3dpZHRoO1xuICB9XG5cbiAgLyoqXG4gICAqIEdldHMgdGhlIGRpc3BsYXkgc3R5bGUgb2YgdGhlIGNydW1iXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ3N0eWxlLmRpc3BsYXknKVxuICBnZXQgZGlzcGxheUJpbmRpbmcoKTogc3RyaW5nIHwgdW5kZWZpbmVkIHtcbiAgICAvLyBTZXQgdGhlIGRpc3BsYXkgdG8gbm9uZSBvbiB0aGUgY29tcG9uZW50LCBqdXN0IGluIGNhc2UgdGhlIGVuZCB1c2VyIGlzIGhpZGluZ1xuICAgIC8vIGFuZCBzaG93aW5nIHRoZW0gaW5zdGVhZCBvZiB0aGUgY29tcG9uZW50IGRvaW5nIGl0c2VsZiBmb3IgcmVhc29ucyBsaWtlIHJlc3BvbnNpdmVcbiAgICByZXR1cm4gdGhpcy5fZGlzcGxheUNydW1iID8gdW5kZWZpbmVkIDogJ25vbmUnO1xuICB9XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBfZWxlbWVudFJlZjogRWxlbWVudFJlZixcbiAgICBwcml2YXRlIF9jaGFuZ2VEZXRlY3RvclJlZjogQ2hhbmdlRGV0ZWN0b3JSZWZcbiAgKSB7fVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICAvLyBzZXQgdGhlIHdpZHRoIGZyb20gdGhlIGFjdHVhbCByZW5kZXJlZCBET00gZWxlbWVudFxuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgdGhpcy5fd2lkdGggPSAoPEhUTUxFbGVtZW50PihcbiAgICAgICAgdGhpcy5fZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50XG4gICAgICApKS5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKS53aWR0aDtcbiAgICAgIHRoaXMuX2NoYW5nZURldGVjdG9yUmVmLm1hcmtGb3JDaGVjaygpO1xuICAgIH0pO1xuICB9XG5cbiAgLyoqXG4gICAqIFN0b3AgY2xpY2sgcHJvcGFnYXRpb24gd2hlbiBjbGlja2luZyBvbiBpY29uXG4gICAqL1xuICBfaGFuZGxlSWNvbkNsaWNrKGV2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gIH1cbn1cbiIsIjxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjxtYXQtaWNvblxuICAqbmdJZj1cImRpc3BsYXlJY29uXCJcbiAgY2xhc3M9XCJ0ZC1icmVhZGNydW1iLXNlcGFyYXRvci1pY29uXCJcbiAgW3N0eWxlLmN1cnNvcl09XCInZGVmYXVsdCdcIlxuICAoY2xpY2spPVwiX2hhbmRsZUljb25DbGljaygkZXZlbnQpXCJcbiAgPnt7IHNlcGFyYXRvckljb24gfX08L21hdC1pY29uXG4+XG4iXX0=