@covalent/core 4.0.0-alpha.0 → 4.0.0-beta.1

package/esm2020/user-profile/user-profile-menu/user-profile-menu.component.mjs

@@ -0,0 +1,75 @@
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@covalent/core/menu";
+import * as i2 from "@angular/material/list";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/material/icon";
+import * as i5 from "@angular/material/core";
+function TdUserProfileMenuComponent_mat_list_item_2_span_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 7);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(ctx_r1.name);
+} }
+function TdUserProfileMenuComponent_mat_list_item_2_span_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 8);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(ctx_r2.email);
+} }
+function TdUserProfileMenuComponent_mat_list_item_2_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mat-list-item", 3);
+    i0.ɵɵlistener("click", function TdUserProfileMenuComponent_mat_list_item_2_Template_mat_list_item_click_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(); return ctx_r3._blockEvent($event); });
+    i0.ɵɵelementStart(1, "mat-icon", 4);
+    i0.ɵɵtext(2, "person");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(3, TdUserProfileMenuComponent_mat_list_item_2_span_3_Template, 2, 1, "span", 5);
+    i0.ɵɵtemplate(4, TdUserProfileMenuComponent_mat_list_item_2_span_4_Template, 2, 1, "span", 6);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("ngIf", ctx_r0.name);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r0.email);
+} }
+const _c0 = [[["", "td-user-info-list", ""]], [["", "td-user-action-list", ""]]];
+const _c1 = ["[td-user-info-list]", "[td-user-action-list]"];
+export class TdUserProfileMenuComponent {
+    _blockEvent(event) {
+        event.preventDefault();
+        event.stopPropagation();
+    }
+}
+/** @nocollapse */ /** @nocollapse */ TdUserProfileMenuComponent.ɵfac = function TdUserProfileMenuComponent_Factory(t) { return new (t || TdUserProfileMenuComponent)(); };
+/** @nocollapse */ /** @nocollapse */ TdUserProfileMenuComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: TdUserProfileMenuComponent, selectors: [["td-user-profile-menu"]], inputs: { email: "email", name: "name" }, ngContentSelectors: _c1, decls: 6, vars: 1, consts: [[1, "user-profile-menu"], ["td-menu-header", ""], [3, "click", 4, "ngIf"], [3, "click"], ["matListAvatar", ""], ["matLine", "", "class", "mat-body-1", 4, "ngIf"], ["matLine", "", 4, "ngIf"], ["matLine", "", 1, "mat-body-1"], ["matLine", ""]], template: function TdUserProfileMenuComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵprojectionDef(_c0);
+        i0.ɵɵelementStart(0, "td-menu", 0);
+        i0.ɵɵelementStart(1, "mat-list", 1);
+        i0.ɵɵtemplate(2, TdUserProfileMenuComponent_mat_list_item_2_Template, 5, 2, "mat-list-item", 2);
+        i0.ɵɵprojection(3);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(4, "mat-action-list");
+        i0.ɵɵprojection(5, 1);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("ngIf", ctx.name || ctx.email);
+    } }, directives: [i1.TdMenuComponent, i2.MatList, i3.NgIf, i2.MatListItem, i4.MatIcon, i2.MatListAvatarCssMatStyler, i5.MatLine], styles: [".user-profile-menu[_ngcontent-%COMP%]   [td-menu-header][_ngcontent-%COMP%]{text-align:left;padding-bottom:0}  mat-list-item:not(:first-child) .mat-list-item-content .mat-icon[matListAvatar],   [mat-list-item] .mat-list-item-content .mat-icon[matListAvatar]{background:none}.mat-action-list[_ngcontent-%COMP%]{padding-top:0}[_nghost-%COMP%]     .mat-action-list .mat-divider, [_nghost-%COMP%]     .mat-divider{margin:8px 0}[_nghost-%COMP%]     mat-divider:last-child{display:none}[_nghost-%COMP%]     mat-list .mat-list-item.mat-2-line .mat-list-item-content{height:inherit}[_nghost-%COMP%]     mat-list .mat-list-item .mat-list-item-content{padding:8px}td-menu[_ngcontent-%COMP%]{margin-bottom:0}"], changeDetection: 0 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdUserProfileMenuComponent, [{
+        type: Component,
+        args: [{ selector: 'td-user-profile-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<td-menu class=\"user-profile-menu\">\n  <!--header-->\n  <mat-list td-menu-header>\n    <mat-list-item *ngIf=\"name || email\" (click)=\"_blockEvent($event)\">\n      <mat-icon matListAvatar>person</mat-icon>\n      <span matLine *ngIf=\"name\" class=\"mat-body-1\">{{ name }}</span>\n      <span matLine *ngIf=\"email\">{{ email }}</span>\n    </mat-list-item>\n    <ng-content select=\"[td-user-info-list]\"></ng-content>\n  </mat-list>\n  <!--content-->\n  <mat-action-list>\n    <ng-content select=\"[td-user-action-list]\"></ng-content>\n  </mat-action-list>\n</td-menu>\n", styles: [".user-profile-menu [td-menu-header]{text-align:left;padding-bottom:0}::ng-deep mat-list-item:not(:first-child) .mat-list-item-content .mat-icon[matListAvatar],::ng-deep [mat-list-item] .mat-list-item-content .mat-icon[matListAvatar]{background:none}.mat-action-list{padding-top:0}:host ::ng-deep .mat-action-list .mat-divider,:host ::ng-deep .mat-divider{margin:8px 0}:host ::ng-deep mat-divider:last-child{display:none}:host ::ng-deep mat-list .mat-list-item.mat-2-line .mat-list-item-content{height:inherit}:host ::ng-deep mat-list .mat-list-item .mat-list-item-content{padding:8px}td-menu{margin-bottom:0}\n"] }]
+    }], null, { email: [{
+            type: Input
+        }], name: [{
+            type: Input
+        }] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlci1wcm9maWxlLW1lbnUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL3BsYXRmb3JtL2NvcmUvdXNlci1wcm9maWxlL3VzZXItcHJvZmlsZS1tZW51L3VzZXItcHJvZmlsZS1tZW51LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9wbGF0Zm9ybS9jb3JlL3VzZXItcHJvZmlsZS91c2VyLXByb2ZpbGUtbWVudS91c2VyLXByb2ZpbGUtbWVudS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7Ozs7SUNLcEUsK0JBQThDO0lBQUEsWUFBVTtJQUFBLGlCQUFPOzs7SUFBakIsZUFBVTtJQUFWLGlDQUFVOzs7SUFDeEQsK0JBQTRCO0lBQUEsWUFBVztJQUFBLGlCQUFPOzs7SUFBbEIsZUFBVztJQUFYLGtDQUFXOzs7O0lBSHpDLHdDQUFtRTtJQUE5Qiw4TEFBUywwQkFBbUIsSUFBQztJQUNoRSxtQ0FBd0I7SUFBQSxzQkFBTTtJQUFBLGlCQUFXO0lBQ3pDLDZGQUErRDtJQUMvRCw2RkFBOEM7SUFDaEQsaUJBQWdCOzs7SUFGQyxlQUFVO0lBQVYsa0NBQVU7SUFDVixlQUFXO0lBQVgsbUNBQVc7Ozs7QURFaEMsTUFBTSxPQUFPLDBCQUEwQjtJQUlyQyxXQUFXLENBQUMsS0FBWTtRQUN0QixLQUFLLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDdkIsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQzFCLENBQUM7OzBJQVBVLDBCQUEwQjsrSEFBMUIsMEJBQTBCOztRQ1J2QyxrQ0FBbUM7UUFFakMsbUNBQXlCO1FBQ3ZCLCtGQUlnQjtRQUNoQixrQkFBc0Q7UUFDeEQsaUJBQVc7UUFFWCx1Q0FBaUI7UUFDZixxQkFBd0Q7UUFDMUQsaUJBQWtCO1FBQ3BCLGlCQUFVOztRQVhVLGVBQW1CO1FBQW5CLDRDQUFtQjs7dUZESzFCLDBCQUEwQjtjQU50QyxTQUFTOzJCQUNFLHNCQUFzQixtQkFHZix1QkFBdUIsQ0FBQyxNQUFNO2dCQUd0QyxLQUFLO2tCQUFiLEtBQUs7WUFDRyxJQUFJO2tCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd0ZC11c2VyLXByb2ZpbGUtbWVudScsXG4gIHRlbXBsYXRlVXJsOiAnLi91c2VyLXByb2ZpbGUtbWVudS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3VzZXItcHJvZmlsZS1tZW51LmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBUZFVzZXJQcm9maWxlTWVudUNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGVtYWlsOiBzdHJpbmc7XG4gIEBJbnB1dCgpIG5hbWU6IHN0cmluZztcblxuICBfYmxvY2tFdmVudChldmVudDogRXZlbnQpOiB2b2lkIHtcbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICB9XG59XG4iLCI8dGQtbWVudSBjbGFzcz1cInVzZXItcHJvZmlsZS1tZW51XCI+XG4gIDwhLS1oZWFkZXItLT5cbiAgPG1hdC1saXN0IHRkLW1lbnUtaGVhZGVyPlxuICAgIDxtYXQtbGlzdC1pdGVtICpuZ0lmPVwibmFtZSB8fCBlbWFpbFwiIChjbGljayk9XCJfYmxvY2tFdmVudCgkZXZlbnQpXCI+XG4gICAgICA8bWF0LWljb24gbWF0TGlzdEF2YXRhcj5wZXJzb248L21hdC1pY29uPlxuICAgICAgPHNwYW4gbWF0TGluZSAqbmdJZj1cIm5hbWVcIiBjbGFzcz1cIm1hdC1ib2R5LTFcIj57eyBuYW1lIH19PC9zcGFuPlxuICAgICAgPHNwYW4gbWF0TGluZSAqbmdJZj1cImVtYWlsXCI+e3sgZW1haWwgfX08L3NwYW4+XG4gICAgPC9tYXQtbGlzdC1pdGVtPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIlt0ZC11c2VyLWluZm8tbGlzdF1cIj48L25nLWNvbnRlbnQ+XG4gIDwvbWF0LWxpc3Q+XG4gIDwhLS1jb250ZW50LS0+XG4gIDxtYXQtYWN0aW9uLWxpc3Q+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3RkLXVzZXItYWN0aW9uLWxpc3RdXCI+PC9uZy1jb250ZW50PlxuICA8L21hdC1hY3Rpb24tbGlzdD5cbjwvdGQtbWVudT5cbiJdfQ==

package/esm2020/user-profile/user-profile.component.mjs

@@ -0,0 +1,41 @@
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/button";
+import * as i2 from "@angular/material/menu";
+import * as i3 from "@angular/material/icon";
+import * as i4 from "./user-profile-menu/user-profile-menu.component";
+const _c0 = [[["", "td-user-info-list", ""]], [["", "td-user-action-list", ""]]];
+const _c1 = ["[td-user-info-list]", "[td-user-action-list]"];
+export class TdUserProfileComponent {
+}
+/** @nocollapse */ /** @nocollapse */ TdUserProfileComponent.ɵfac = function TdUserProfileComponent_Factory(t) { return new (t || TdUserProfileComponent)(); };
+/** @nocollapse */ /** @nocollapse */ TdUserProfileComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: TdUserProfileComponent, selectors: [["td-user-profile"]], inputs: { name: "name", email: "email" }, ngContentSelectors: _c1, decls: 8, vars: 4, consts: [["mat-icon-button", "", 3, "matMenuTriggerFor"], [3, "overlapTrigger"], ["accountMenu", "matMenu"], [3, "name", "email"]], template: function TdUserProfileComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵprojectionDef(_c0);
+        i0.ɵɵelementStart(0, "button", 0);
+        i0.ɵɵelementStart(1, "mat-icon");
+        i0.ɵɵtext(2, "person");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(3, "mat-menu", 1, 2);
+        i0.ɵɵelementStart(5, "td-user-profile-menu", 3);
+        i0.ɵɵprojection(6, 0, ["td-user-info-list", ""]);
+        i0.ɵɵprojection(7, 1, ["td-user-action-list", ""]);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        const _r0 = i0.ɵɵreference(4);
+        i0.ɵɵproperty("matMenuTriggerFor", _r0);
+        i0.ɵɵadvance(3);
+        i0.ɵɵproperty("overlapTrigger", false);
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("name", ctx.name)("email", ctx.email);
+    } }, directives: [i1.MatButton, i2.MatMenuTrigger, i3.MatIcon, i2.MatMenu, i4.TdUserProfileMenuComponent], encapsulation: 2, changeDetection: 0 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdUserProfileComponent, [{
+        type: Component,
+        args: [{ selector: 'td-user-profile', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button mat-icon-button [matMenuTriggerFor]=\"accountMenu\">\n  <mat-icon>person</mat-icon>\n</button>\n\n<mat-menu #accountMenu=\"matMenu\" [overlapTrigger]=\"false\">\n  <td-user-profile-menu [name]=\"name\" [email]=\"email\">\n    <ng-content select=\"[td-user-info-list]\" td-user-info-list></ng-content>\n    <ng-content select=\"[td-user-action-list]\" td-user-action-list></ng-content>\n  </td-user-profile-menu>\n</mat-menu>\n" }]
+    }], null, { name: [{
+            type: Input
+        }], email: [{
+            type: Input
+        }] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlci1wcm9maWxlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9wbGF0Zm9ybS9jb3JlL3VzZXItcHJvZmlsZS91c2VyLXByb2ZpbGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL3BsYXRmb3JtL2NvcmUvdXNlci1wcm9maWxlL3VzZXItcHJvZmlsZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7Ozs7QUFPMUUsTUFBTSxPQUFPLHNCQUFzQjs7a0lBQXRCLHNCQUFzQjsySEFBdEIsc0JBQXNCOztRQ1BuQyxpQ0FBMEQ7UUFDeEQsZ0NBQVU7UUFBQSxzQkFBTTtRQUFBLGlCQUFXO1FBQzdCLGlCQUFTO1FBRVQsc0NBQTBEO1FBQ3hELCtDQUFvRDtRQUNsRCxnREFBd0U7UUFDeEUsa0RBQTRFO1FBQzlFLGlCQUF1QjtRQUN6QixpQkFBVzs7O1FBVGEsdUNBQWlDO1FBSXhCLGVBQXdCO1FBQXhCLHNDQUF3QjtRQUNqQyxlQUFhO1FBQWIsK0JBQWEsb0JBQUE7O3VGREV4QixzQkFBc0I7Y0FMbEMsU0FBUzsyQkFDRSxpQkFBaUIsbUJBRVYsdUJBQXVCLENBQUMsTUFBTTtnQkFHdEMsSUFBSTtrQkFBWixLQUFLO1lBQ0csS0FBSztrQkFBYixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndGQtdXNlci1wcm9maWxlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3VzZXItcHJvZmlsZS5jb21wb25lbnQuaHRtbCcsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBUZFVzZXJQcm9maWxlQ29tcG9uZW50IHtcbiAgQElucHV0KCkgbmFtZTogc3RyaW5nO1xuICBASW5wdXQoKSBlbWFpbDogc3RyaW5nO1xufVxuIiwiPGJ1dHRvbiBtYXQtaWNvbi1idXR0b24gW21hdE1lbnVUcmlnZ2VyRm9yXT1cImFjY291bnRNZW51XCI+XG4gIDxtYXQtaWNvbj5wZXJzb248L21hdC1pY29uPlxuPC9idXR0b24+XG5cbjxtYXQtbWVudSAjYWNjb3VudE1lbnU9XCJtYXRNZW51XCIgW292ZXJsYXBUcmlnZ2VyXT1cImZhbHNlXCI+XG4gIDx0ZC11c2VyLXByb2ZpbGUtbWVudSBbbmFtZV09XCJuYW1lXCIgW2VtYWlsXT1cImVtYWlsXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3RkLXVzZXItaW5mby1saXN0XVwiIHRkLXVzZXItaW5mby1saXN0PjwvbmctY29udGVudD5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbdGQtdXNlci1hY3Rpb24tbGlzdF1cIiB0ZC11c2VyLWFjdGlvbi1saXN0PjwvbmctY29udGVudD5cbiAgPC90ZC11c2VyLXByb2ZpbGUtbWVudT5cbjwvbWF0LW1lbnU+XG4iXX0=

package/esm2020/user-profile/user-profile.module.mjs

@@ -0,0 +1,26 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MatMenuModule } from '@angular/material/menu';
+import { MatIconModule } from '@angular/material/icon';
+import { MatButtonModule } from '@angular/material/button';
+import { MatListModule } from '@angular/material/list';
+import { TdUserProfileMenuComponent } from './user-profile-menu/user-profile-menu.component';
+import { TdUserProfileComponent } from './user-profile.component';
+import { CovalentMenuModule } from '@covalent/core/menu';
+import * as i0 from "@angular/core";
+export class CovalentUserProfileModule {
+}
+/** @nocollapse */ /** @nocollapse */ CovalentUserProfileModule.ɵfac = function CovalentUserProfileModule_Factory(t) { return new (t || CovalentUserProfileModule)(); };
+/** @nocollapse */ /** @nocollapse */ CovalentUserProfileModule.ɵmod = /** @pureOrBreakMyCode */ i0.ɵɵdefineNgModule({ type: CovalentUserProfileModule });
+/** @nocollapse */ /** @nocollapse */ CovalentUserProfileModule.ɵinj = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjector({ providers: [], imports: [[CommonModule, MatMenuModule, MatIconModule, MatButtonModule, MatListModule, CovalentMenuModule]] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CovalentUserProfileModule, [{
+        type: NgModule,
+        args: [{
+                declarations: [TdUserProfileComponent, TdUserProfileMenuComponent],
+                imports: [CommonModule, MatMenuModule, MatIconModule, MatButtonModule, MatListModule, CovalentMenuModule],
+                providers: [],
+                exports: [TdUserProfileComponent, TdUserProfileMenuComponent],
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(CovalentUserProfileModule, { declarations: [TdUserProfileComponent, TdUserProfileMenuComponent], imports: [CommonModule, MatMenuModule, MatIconModule, MatButtonModule, MatListModule, CovalentMenuModule], exports: [TdUserProfileComponent, TdUserProfileMenuComponent] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlci1wcm9maWxlLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9wbGF0Zm9ybS9jb3JlL3VzZXItcHJvZmlsZS91c2VyLXByb2ZpbGUubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzNELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUV2RCxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSxpREFBaUQsQ0FBQztBQUM3RixPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNsRSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQzs7QUFRekQsTUFBTSxPQUFPLHlCQUF5Qjs7d0lBQXpCLHlCQUF5Qjs2SEFBekIseUJBQXlCO2tJQUh6QixFQUFFLFlBREosQ0FBQyxZQUFZLEVBQUUsYUFBYSxFQUFFLGFBQWEsRUFBRSxlQUFlLEVBQUUsYUFBYSxFQUFFLGtCQUFrQixDQUFDO3VGQUk5Rix5QkFBeUI7Y0FOckMsUUFBUTtlQUFDO2dCQUNSLFlBQVksRUFBRSxDQUFDLHNCQUFzQixFQUFFLDBCQUEwQixDQUFDO2dCQUNsRSxPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsYUFBYSxFQUFFLGFBQWEsRUFBRSxlQUFlLEVBQUUsYUFBYSxFQUFFLGtCQUFrQixDQUFDO2dCQUN6RyxTQUFTLEVBQUUsRUFBRTtnQkFDYixPQUFPLEVBQUUsQ0FBQyxzQkFBc0IsRUFBRSwwQkFBMEIsQ0FBQzthQUM5RDs7d0ZBQ1kseUJBQXlCLG1CQUxyQixzQkFBc0IsRUFBRSwwQkFBMEIsYUFDdkQsWUFBWSxFQUFFLGFBQWEsRUFBRSxhQUFhLEVBQUUsZUFBZSxFQUFFLGFBQWEsRUFBRSxrQkFBa0IsYUFFOUYsc0JBQXNCLEVBQUUsMEJBQTBCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBNYXRNZW51TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvbWVudSc7XG5pbXBvcnQgeyBNYXRJY29uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvbic7XG5pbXBvcnQgeyBNYXRCdXR0b25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9idXR0b24nO1xuaW1wb3J0IHsgTWF0TGlzdE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2xpc3QnO1xuXG5pbXBvcnQgeyBUZFVzZXJQcm9maWxlTWVudUNvbXBvbmVudCB9IGZyb20gJy4vdXNlci1wcm9maWxlLW1lbnUvdXNlci1wcm9maWxlLW1lbnUuY29tcG9uZW50JztcbmltcG9ydCB7IFRkVXNlclByb2ZpbGVDb21wb25lbnQgfSBmcm9tICcuL3VzZXItcHJvZmlsZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgQ292YWxlbnRNZW51TW9kdWxlIH0gZnJvbSAnQGNvdmFsZW50L2NvcmUvbWVudSc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1RkVXNlclByb2ZpbGVDb21wb25lbnQsIFRkVXNlclByb2ZpbGVNZW51Q29tcG9uZW50XSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgTWF0TWVudU1vZHVsZSwgTWF0SWNvbk1vZHVsZSwgTWF0QnV0dG9uTW9kdWxlLCBNYXRMaXN0TW9kdWxlLCBDb3ZhbGVudE1lbnVNb2R1bGVdLFxuICBwcm92aWRlcnM6IFtdLFxuICBleHBvcnRzOiBbVGRVc2VyUHJvZmlsZUNvbXBvbmVudCwgVGRVc2VyUHJvZmlsZU1lbnVDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBDb3ZhbGVudFVzZXJQcm9maWxlTW9kdWxlIHt9XG4iXX0=

package/fesm2015/covalent-core-breadcrumbs.mjs

@@ -0,0 +1,287 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, HostBinding, ContentChildren, Input, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import { Subscription, Subject, merge, fromEvent } from 'rxjs';
+import { debounceTime, distinctUntilChanged, startWith } from 'rxjs/operators';
+
+function TdBreadcrumbComponent_mat_icon_1_Template(rf, ctx) {
+    if (rf & 1) {
+        const _r2 = i0.ɵɵgetCurrentView();
+        i0.ɵɵelementStart(0, "mat-icon", 1);
+        i0.ɵɵlistener("click", function TdBreadcrumbComponent_mat_icon_1_Template_mat_icon_click_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r1 = i0.ɵɵnextContext(); return ctx_r1._handleIconClick($event); });
+        i0.ɵɵtext(1);
+        i0.ɵɵelementEnd();
+    }
+    if (rf & 2) {
+        const ctx_r0 = i0.ɵɵnextContext();
+        i0.ɵɵstyleProp("cursor", "default");
+        i0.ɵɵadvance(1);
+        i0.ɵɵtextInterpolate1(" ", ctx_r0.separatorIcon, "\n");
+    }
+}
+const _c0$1 = ["*"];
+class TdBreadcrumbComponent {
+    constructor(_elementRef, _changeDetectorRef) {
+        this._elementRef = _elementRef;
+        this._changeDetectorRef = _changeDetectorRef;
+        this._displayCrumb = true;
+        this._width = 0;
+        this._displayIcon = true;
+        this._separatorIcon = 'chevron_right';
+    }
+    // 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';
+    }
+    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();
+    }
+}
+/** @nocollapse */ /** @nocollapse */ TdBreadcrumbComponent.ɵfac = function TdBreadcrumbComponent_Factory(t) { return new (t || TdBreadcrumbComponent)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
+/** @nocollapse */ /** @nocollapse */ TdBreadcrumbComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: TdBreadcrumbComponent, selectors: [["td-breadcrumb"], ["a", "td-breadcrumb", ""]], hostAttrs: [1, "mat-button", "td-breadcrumb"], hostVars: 2, hostBindings: function TdBreadcrumbComponent_HostBindings(rf, ctx) {
+        if (rf & 2) {
+            i0.ɵɵstyleProp("display", ctx.displayBinding);
+        }
+    }, ngContentSelectors: _c0$1, decls: 2, vars: 1, consts: [["class", "td-breadcrumb-separator-icon", 3, "cursor", "click", 4, "ngIf"], [1, "td-breadcrumb-separator-icon", 3, "click"]], template: function TdBreadcrumbComponent_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵprojection(0);
+            i0.ɵɵtemplate(1, TdBreadcrumbComponent_mat_icon_1_Template, 2, 3, "mat-icon", 0);
+        }
+        if (rf & 2) {
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx.displayIcon);
+        }
+    }, directives: [i1.NgIf, i2.MatIcon], styles: [".td-breadcrumb[_nghost-%COMP%]{display:inline-block;box-sizing:border-box;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;max-width:100%;-ms-flex-pack:end;justify-content:flex-end}.td-breadcrumb[_nghost-%COMP%]    >*{margin:0 10px}[_nghost-%COMP%]   .td-breadcrumb-separator-icon[_ngcontent-%COMP%]{display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.mat-button[_nghost-%COMP%]{min-width:0;padding:0}"], changeDetection: 0 });
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdBreadcrumbComponent, [{
+            type: Component,
+            args: [{ selector: 'td-breadcrumb, a[td-breadcrumb]', host: {
+                        class: 'mat-button 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>\n  {{ separatorIcon }}\n</mat-icon>\n", styles: [":host.td-breadcrumb{display:inline-block;box-sizing:border-box;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;max-width:100%;-ms-flex-pack:end;justify-content:flex-end}:host.td-breadcrumb ::ng-deep>*{margin:0 10px}:host .td-breadcrumb-separator-icon{display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}:host.mat-button{min-width:0;padding:0}\n"] }]
+        }], function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, { displayBinding: [{
+                type: HostBinding,
+                args: ['style.display']
+            }] });
+})();
+
+const _c0 = ["*"];
+class TdBreadcrumbsComponent {
+    constructor(_elementRef, _changeDetectorRef) {
+        this._elementRef = _elementRef;
+        this._changeDetectorRef = _changeDetectorRef;
+        this._resizeSubscription = Subscription.EMPTY;
+        this._widthSubject = new Subject();
+        this._resizing = false;
+        this._separatorIcon = 'chevron_right';
+        // the list of hidden breadcrumbs not shown right now (responsive)
+        this.hiddenBreadcrumbs = [];
+    }
+    /**
+     * Sets the icon url shown between breadcrumbs. Defaults to 'chevron_right'.
+     */
+    set separatorIcon(separatorIcon) {
+        this._separatorIcon = separatorIcon;
+        this.setCrumbIcons();
+    }
+    get separatorIcon() {
+        return this._separatorIcon;
+    }
+    ngOnInit() {
+        this._resizeSubscription = merge(fromEvent(window, 'resize').pipe(debounceTime(10)), this._widthSubject.asObservable().pipe(distinctUntilChanged())).subscribe(() => {
+            if (!this._resizing) {
+                this._resizing = true;
+                setTimeout(() => {
+                    this._calculateVisibility();
+                    this._resizing = false;
+                    this._changeDetectorRef.markForCheck();
+                }, 100);
+            }
+        });
+    }
+    ngDoCheck() {
+        if (this._elementRef && this._elementRef.nativeElement) {
+            this._widthSubject.next(this.nativeElementWidth);
+        }
+    }
+    ngAfterContentInit() {
+        this._contentChildrenSub = this._breadcrumbs.changes.pipe(startWith(this._breadcrumbs)).subscribe(() => {
+            this.setCrumbIcons();
+            this._changeDetectorRef.markForCheck();
+        });
+    }
+    ngOnDestroy() {
+        this._resizeSubscription.unsubscribe();
+        this._contentChildrenSub.unsubscribe();
+    }
+    /*
+     * Current width of the element container
+     */
+    get nativeElementWidth() {
+        const element = this._elementRef.nativeElement;
+        // Need to take into account border, margin and padding that might be around all the crumbs
+        const style = window.getComputedStyle(element);
+        const borderLeft = parseInt(style.borderLeft, 10);
+        const borderRight = parseInt(style.borderRight, 10);
+        const marginLeft = parseInt(style.marginLeft, 10);
+        const marginRight = parseInt(style.marginRight, 10);
+        const paddingLeft = parseInt(style.paddingLeft, 10);
+        const paddingRight = parseInt(style.paddingRight, 10);
+        return (element.getBoundingClientRect().width -
+            borderLeft -
+            borderRight -
+            marginLeft -
+            marginRight -
+            paddingLeft -
+            paddingRight);
+    }
+    /**
+     * The total count of individual breadcrumbs
+     */
+    get count() {
+        return this._breadcrumbs ? this._breadcrumbs.length : 0;
+    }
+    /**
+     * Set the crumb icon separators
+     */
+    setCrumbIcons() {
+        if (this._breadcrumbs) {
+            const breadcrumbArray = this._breadcrumbs.toArray();
+            breadcrumbArray.forEach((breadcrumb, index) => {
+                breadcrumb.separatorIcon = this.separatorIcon;
+                // don't show the icon on the last breadcrumb
+                breadcrumb.displayIcon = index < breadcrumbArray.length - 1;
+            });
+        }
+    }
+    _calculateVisibility() {
+        const crumbsArray = this._breadcrumbs.toArray();
+        let crumbWidthSum = 0;
+        const hiddenCrumbs = [];
+        // loop through crumbs in reverse order to calculate which ones should be removed
+        for (let i = crumbsArray.length - 1; i >= 0; i--) {
+            const breadcrumb = crumbsArray[i];
+            // if crumb exceeds width, then we skip it from the sum and add it into the hiddencrumbs array
+            // and hide it
+            if (crumbWidthSum + breadcrumb.width > this.nativeElementWidth) {
+                breadcrumb.displayCrumb = false;
+                hiddenCrumbs.push(breadcrumb);
+            }
+            else {
+                // else we show it
+                breadcrumb.displayCrumb = true;
+            }
+            crumbWidthSum += breadcrumb.width;
+        }
+        this.hiddenBreadcrumbs = hiddenCrumbs;
+        this._changeDetectorRef.markForCheck();
+    }
+}
+/** @nocollapse */ /** @nocollapse */ TdBreadcrumbsComponent.ɵfac = function TdBreadcrumbsComponent_Factory(t) { return new (t || TdBreadcrumbsComponent)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
+/** @nocollapse */ /** @nocollapse */ TdBreadcrumbsComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: TdBreadcrumbsComponent, selectors: [["td-breadcrumbs"]], contentQueries: function TdBreadcrumbsComponent_ContentQueries(rf, ctx, dirIndex) {
+        if (rf & 1) {
+            i0.ɵɵcontentQuery(dirIndex, TdBreadcrumbComponent, 5);
+        }
+        if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx._breadcrumbs = _t);
+        }
+    }, hostAttrs: [1, "td-breadcrumbs"], inputs: { separatorIcon: "separatorIcon" }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function TdBreadcrumbsComponent_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵprojection(0);
+        }
+    }, styles: ["[_nghost-%COMP%]{display:block;width:100%}.td-breadcrumbs[_nghost-%COMP%]{white-space:nowrap}"], changeDetection: 0 });
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdBreadcrumbsComponent, [{
+            type: Component,
+            args: [{ selector: 'td-breadcrumbs', host: {
+                        class: 'td-breadcrumbs',
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n", styles: [":host{display:block;width:100%}:host.td-breadcrumbs{white-space:nowrap}\n"] }]
+        }], function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, { _breadcrumbs: [{
+                type: ContentChildren,
+                args: [TdBreadcrumbComponent, { descendants: true }]
+            }], separatorIcon: [{
+                type: Input
+            }] });
+})();
+
+class CovalentBreadcrumbsModule {
+}
+/** @nocollapse */ /** @nocollapse */ CovalentBreadcrumbsModule.ɵfac = function CovalentBreadcrumbsModule_Factory(t) { return new (t || CovalentBreadcrumbsModule)(); };
+/** @nocollapse */ /** @nocollapse */ CovalentBreadcrumbsModule.ɵmod = /** @pureOrBreakMyCode */ i0.ɵɵdefineNgModule({ type: CovalentBreadcrumbsModule });
+/** @nocollapse */ /** @nocollapse */ CovalentBreadcrumbsModule.ɵinj = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjector({ imports: [[CommonModule, MatIconModule]] });
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CovalentBreadcrumbsModule, [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, MatIconModule],
+                    declarations: [TdBreadcrumbsComponent, TdBreadcrumbComponent],
+                    exports: [TdBreadcrumbsComponent, TdBreadcrumbComponent],
+                }]
+        }], null, null);
+})();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(CovalentBreadcrumbsModule, { declarations: [TdBreadcrumbsComponent, TdBreadcrumbComponent], imports: [CommonModule, MatIconModule], exports: [TdBreadcrumbsComponent, TdBreadcrumbComponent] }); })();
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CovalentBreadcrumbsModule, TdBreadcrumbComponent, TdBreadcrumbsComponent };
+//# sourceMappingURL=covalent-core-breadcrumbs.mjs.map

package/fesm2015/covalent-core-breadcrumbs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"covalent-core-breadcrumbs.mjs","sources":["../../../../src/platform/core/breadcrumbs/breadcrumb/breadcrumb.component.html","../../../../src/platform/core/breadcrumbs/breadcrumb/breadcrumb.component.ts","../../../../src/platform/core/breadcrumbs/breadcrumbs.component.ts","../../../../src/platform/core/breadcrumbs/breadcrumbs.component.html","../../../../src/platform/core/breadcrumbs/breadcrumbs.module.ts","../../../../src/platform/core/breadcrumbs/covalent-core-breadcrumbs.ts"],"sourcesContent":["<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>\n  {{ separatorIcon }}\n</mat-icon>\n","import {\n  Component,\n  ElementRef,\n  HostBinding,\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n} from '@angular/core';\n\n@Component({\n  selector: 'td-breadcrumb, a[td-breadcrumb]',\n  styleUrls: ['./breadcrumb.component.scss'],\n  templateUrl: './breadcrumb.component.html',\n  /* tslint:disable-next-line */\n  host: {\n    class: 'mat-button td-breadcrumb',\n  },\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TdBreadcrumbComponent implements AfterViewInit {\n  private _displayCrumb: boolean = true;\n  private _width: number = 0;\n  private _displayIcon: boolean = true;\n  private _separatorIcon: string = 'chevron_right';\n\n  // Sets the icon url shown between breadcrumbs. Defaults to 'chevron_right'\n  public get separatorIcon(): string {\n    return this._separatorIcon;\n  }\n  public set separatorIcon(separatorIcon: string) {\n    this._separatorIcon = separatorIcon;\n    setTimeout(() => {\n      this._changeDetectorRef.markForCheck();\n    });\n  }\n\n  // Should show the right chevron or not before the label\n  public get displayIcon(): boolean {\n    return this._displayIcon;\n  }\n  public set displayIcon(displayIcon: boolean) {\n    this._displayIcon = displayIcon;\n    setTimeout(() => {\n      this._changeDetectorRef.markForCheck();\n    });\n  }\n\n  get displayCrumb(): boolean {\n    return this._displayCrumb;\n  }\n\n  /**\n   * Whether to display the crumb or not\n   */\n  set displayCrumb(shouldDisplay: boolean) {\n    this._displayCrumb = shouldDisplay;\n    setTimeout(() => {\n      this._changeDetectorRef.markForCheck();\n    });\n  }\n\n  /**\n   * Width of the DOM element of the crumb\n   */\n  get width(): number {\n    return this._width;\n  }\n\n  /**\n   * Gets the display style of the crumb\n   */\n  @HostBinding('style.display')\n  get displayBinding(): string {\n    // Set the display to none on the component, just in case the end user is hiding\n    // and showing them instead of the component doing itself for reasons like responsive\n    return this._displayCrumb ? undefined : 'none';\n  }\n\n  constructor(private _elementRef: ElementRef, private _changeDetectorRef: ChangeDetectorRef) {}\n\n  ngAfterViewInit(): void {\n    // set the width from the actual rendered DOM element\n    setTimeout(() => {\n      this._width = (<HTMLElement>this._elementRef.nativeElement).getBoundingClientRect().width;\n      this._changeDetectorRef.markForCheck();\n    });\n  }\n\n  /**\n   * Stop click propagation when clicking on icon\n   */\n  _handleIconClick(event: Event): void {\n    event.stopPropagation();\n    event.preventDefault();\n  }\n}\n","import {\n  Component,\n  ContentChildren,\n  QueryList,\n  OnInit,\n  OnDestroy,\n  ChangeDetectionStrategy,\n  AfterContentInit,\n  DoCheck,\n  ChangeDetectorRef,\n  ElementRef,\n  Input,\n} from '@angular/core';\n\nimport { Subscription, Subject, fromEvent, merge } from 'rxjs';\nimport { debounceTime, distinctUntilChanged, startWith } from 'rxjs/operators';\n\nimport { TdBreadcrumbComponent } from './breadcrumb/breadcrumb.component';\n\n@Component({\n  selector: 'td-breadcrumbs',\n  styleUrls: ['./breadcrumbs.component.scss'],\n  templateUrl: './breadcrumbs.component.html',\n  /* tslint:disable-next-line */\n  host: {\n    class: 'td-breadcrumbs',\n  },\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TdBreadcrumbsComponent implements OnInit, DoCheck, AfterContentInit, OnDestroy {\n  private _resizeSubscription: Subscription = Subscription.EMPTY;\n  private _widthSubject: Subject<number> = new Subject<number>();\n  private _contentChildrenSub: Subscription;\n  private _resizing: boolean = false;\n  private _separatorIcon: string = 'chevron_right';\n\n  // all the sub components, which are the individual breadcrumbs\n  @ContentChildren(TdBreadcrumbComponent, { descendants: true }) _breadcrumbs: QueryList<TdBreadcrumbComponent>;\n  // the list of hidden breadcrumbs not shown right now (responsive)\n  hiddenBreadcrumbs: TdBreadcrumbComponent[] = [];\n\n  /**\n   * Sets the icon url shown between breadcrumbs. Defaults to 'chevron_right'.\n   */\n  @Input() public set separatorIcon(separatorIcon: string) {\n    this._separatorIcon = separatorIcon;\n    this.setCrumbIcons();\n  }\n  public get separatorIcon(): string {\n    return this._separatorIcon;\n  }\n\n  constructor(private _elementRef: ElementRef, private _changeDetectorRef: ChangeDetectorRef) {}\n\n  ngOnInit(): void {\n    this._resizeSubscription = merge(\n      fromEvent(window, 'resize').pipe(debounceTime(10)),\n      this._widthSubject.asObservable().pipe(distinctUntilChanged()),\n    ).subscribe(() => {\n      if (!this._resizing) {\n        this._resizing = true;\n        setTimeout(() => {\n          this._calculateVisibility();\n          this._resizing = false;\n          this._changeDetectorRef.markForCheck();\n        }, 100);\n      }\n    });\n  }\n\n  ngDoCheck(): void {\n    if (this._elementRef && this._elementRef.nativeElement) {\n      this._widthSubject.next(this.nativeElementWidth);\n    }\n  }\n\n  ngAfterContentInit(): void {\n    this._contentChildrenSub = this._breadcrumbs.changes.pipe(startWith(this._breadcrumbs)).subscribe(() => {\n      this.setCrumbIcons();\n      this._changeDetectorRef.markForCheck();\n    });\n  }\n\n  ngOnDestroy(): void {\n    this._resizeSubscription.unsubscribe();\n    this._contentChildrenSub.unsubscribe();\n  }\n\n  /*\n   * Current width of the element container\n   */\n  get nativeElementWidth(): number {\n    const element: HTMLElement = <HTMLElement>this._elementRef.nativeElement;\n    // Need to take into account border, margin and padding that might be around all the crumbs\n    const style: CSSStyleDeclaration = window.getComputedStyle(element);\n    const borderLeft: number = parseInt(style.borderLeft, 10);\n    const borderRight: number = parseInt(style.borderRight, 10);\n    const marginLeft: number = parseInt(style.marginLeft, 10);\n    const marginRight: number = parseInt(style.marginRight, 10);\n    const paddingLeft: number = parseInt(style.paddingLeft, 10);\n    const paddingRight: number = parseInt(style.paddingRight, 10);\n\n    return (\n      element.getBoundingClientRect().width -\n      borderLeft -\n      borderRight -\n      marginLeft -\n      marginRight -\n      paddingLeft -\n      paddingRight\n    );\n  }\n\n  /**\n   * The total count of individual breadcrumbs\n   */\n  get count(): number {\n    return this._breadcrumbs ? this._breadcrumbs.length : 0;\n  }\n\n  /**\n   * Set the crumb icon separators\n   */\n  private setCrumbIcons(): void {\n    if (this._breadcrumbs) {\n      const breadcrumbArray: TdBreadcrumbComponent[] = this._breadcrumbs.toArray();\n      breadcrumbArray.forEach((breadcrumb: TdBreadcrumbComponent, index: number) => {\n        breadcrumb.separatorIcon = this.separatorIcon;\n        // don't show the icon on the last breadcrumb\n        breadcrumb.displayIcon = index < breadcrumbArray.length - 1;\n      });\n    }\n  }\n\n  private _calculateVisibility(): void {\n    const crumbsArray: TdBreadcrumbComponent[] = this._breadcrumbs.toArray();\n    let crumbWidthSum: number = 0;\n    const hiddenCrumbs: TdBreadcrumbComponent[] = [];\n    // loop through crumbs in reverse order to calculate which ones should be removed\n    for (let i: number = crumbsArray.length - 1; i >= 0; i--) {\n      const breadcrumb: TdBreadcrumbComponent = crumbsArray[i];\n      // if crumb exceeds width, then we skip it from the sum and add it into the hiddencrumbs array\n      // and hide it\n      if (crumbWidthSum + breadcrumb.width > this.nativeElementWidth) {\n        breadcrumb.displayCrumb = false;\n        hiddenCrumbs.push(breadcrumb);\n      } else {\n        // else we show it\n        breadcrumb.displayCrumb = true;\n      }\n      crumbWidthSum += breadcrumb.width;\n    }\n    this.hiddenBreadcrumbs = hiddenCrumbs;\n    this._changeDetectorRef.markForCheck();\n  }\n}\n","<ng-content></ng-content>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatIconModule } from '@angular/material/icon';\n\nimport { TdBreadcrumbsComponent } from './breadcrumbs.component';\nimport { TdBreadcrumbComponent } from './breadcrumb/breadcrumb.component';\n\n@NgModule({\n  imports: [CommonModule, MatIconModule],\n  declarations: [TdBreadcrumbsComponent, TdBreadcrumbComponent],\n  exports: [TdBreadcrumbsComponent, TdBreadcrumbComponent],\n})\nexport class CovalentBreadcrumbsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}