@covalent/core 3.1.2 → 4.0.0-beta.2

package/expansion-panel/covalent-core-expansion-panel.metadata.json

@@ -1 +0,0 @@
-{"__symbolic":"module","version":4,"metadata":{"CovalentExpansionPanelModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":26,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":27,"character":12},{"__symbolic":"reference","module":"@angular/material/core","name":"MatRippleModule","line":27,"character":26},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":27,"character":43},{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalModule","line":27,"character":58}],"declarations":[[{"__symbolic":"reference","name":"TdExpansionPanelGroupComponent"},{"__symbolic":"reference","name":"TdExpansionPanelComponent"},{"__symbolic":"reference","name":"TdExpansionPanelHeaderDirective"},{"__symbolic":"reference","name":"TdExpansionPanelLabelDirective"},{"__symbolic":"reference","name":"TdExpansionPanelSublabelDirective"},{"__symbolic":"reference","name":"TdExpansionPanelSummaryComponent"}]],"exports":[[{"__symbolic":"reference","name":"TdExpansionPanelGroupComponent"},{"__symbolic":"reference","name":"TdExpansionPanelComponent"},{"__symbolic":"reference","name":"TdExpansionPanelHeaderDirective"},{"__symbolic":"reference","name":"TdExpansionPanelLabelDirective"},{"__symbolic":"reference","name":"TdExpansionPanelSublabelDirective"},{"__symbolic":"reference","name":"TdExpansionPanelSummaryComponent"}]]}]}],"members":{}},"TdExpansionPanelHeaderDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/cdk/portal","name":"TemplatePortalDirective","line":27,"character":53},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":24,"character":1},"arguments":[{"selector":"[td-expansion-panel-header]ng-template"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":28,"character":63}]}]}},"TdExpansionPanelLabelDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/cdk/portal","name":"TemplatePortalDirective","line":36,"character":52},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":33,"character":1},"arguments":[{"selector":"[td-expansion-panel-label]ng-template"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":28,"character":63}]}]}},"TdExpansionPanelSublabelDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/cdk/portal","name":"TemplatePortalDirective","line":45,"character":55},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":42,"character":1},"arguments":[{"selector":"[td-expansion-panel-sublabel]ng-template"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":28,"character":63}]}]}},"TdExpansionPanelSummaryComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":51,"character":1},"arguments":[{"selector":"td-expansion-summary","template":"<ng-content></ng-content>"}]}],"members":{}},"TdExpansionPanelBase":{"__symbolic":"class","members":{}},"_TdExpansionPanelMixinBase":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@covalent/core/common","name":"mixinDisableRipple","line":60,"character":42},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@covalent/core/common","name":"mixinDisabled","line":60,"character":61},"arguments":[{"__symbolic":"reference","name":"TdExpansionPanelBase"}]}]},"TdExpansionPanelComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"_TdExpansionPanelMixinBase"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":62,"character":1},"arguments":[{"selector":"td-expansion-panel","inputs":["disabled","disableRipple"],"animations":[{"__symbolic":"reference","module":"@covalent/core/common","name":"tdCollapseAnimation","line":67,"character":15},{"__symbolic":"reference","module":"@covalent/core/common","name":"tdRotateAnimation","line":67,"character":36}],"template":"<div\n  class=\"td-expansion-panel-header\"\n  [class.mat-disabled]=\"disabled\"\n  matRipple\n  [matRippleDisabled]=\"disabled || disableRipple\"\n  [tabIndex]=\"disabled ? -1 : 0\"\n  (keydown.enter)=\"clickEvent()\"\n  (click)=\"clickEvent()\"\n>\n  <ng-template [cdkPortalOutlet]=\"expansionPanelHeader\"></ng-template>\n  <div class=\"td-expansion-panel-header-content\" [class.mat-disabled]=\"disabled\" *ngIf=\"!expansionPanelHeader\">\n    <div *ngIf=\"label || expansionPanelLabel\" class=\"td-expansion-label\">\n      <ng-template [cdkPortalOutlet]=\"expansionPanelLabel\"></ng-template>\n      <ng-template [ngIf]=\"!expansionPanelLabel\">{{ label }}</ng-template>\n    </div>\n    <div *ngIf=\"sublabel || expansionPanelSublabel\" class=\"td-expansion-sublabel\">\n      <ng-template [cdkPortalOutlet]=\"expansionPanelSublabel\"></ng-template>\n      <ng-template [ngIf]=\"!expansionPanelSublabel\">{{ sublabel }}</ng-template>\n    </div>\n    <mat-icon class=\"td-expand-icon\" *ngIf=\"!disabled\" [@tdRotate]=\"expand\">keyboard_arrow_down</mat-icon>\n  </div>\n</div>\n<div class=\"td-expansion-content\" [@tdCollapse]=\"!expand\">\n  <ng-content></ng-content>\n</div>\n<div class=\"td-expansion-summary\" [@tdCollapse]=\"expand\">\n  <ng-content select=\"td-expansion-summary\"></ng-content>\n</div>\n","styles":[":host{display:block}:host .td-expansion-panel-header{outline:none;position:relative}:host .td-expansion-panel-header:focus:not(.mat-disabled),:host .td-expansion-panel-header:hover:not(.mat-disabled){cursor:pointer}:host .td-expansion-panel-header .td-expansion-panel-header-content{-ms-flex:1;-ms-flex-align:center;-ms-flex-direction:row;-ms-flex-line-pack:center;-ms-flex-pack:start;align-content:center;align-items:center;box-sizing:border-box;display:-ms-flexbox;display:flex;flex:1;flex-direction:row;height:48px;justify-content:flex-start;max-width:100%;padding:0 24px}:host .td-expansion-panel-header .td-expansion-panel-header-content .td-expansion-label,:host .td-expansion-panel-header .td-expansion-panel-header-content .td-expansion-sublabel{-ms-flex:1;flex:1}:host .td-expansion-content.ng-animating,:host .td-expansion-summary.ng-animating{overflow:hidden}.td-expansion-label,.td-expansion-sublabel{margin-right:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep [dir=rtl] .td-expansion-label,::ng-deep [dir=rtl] .td-expansion-sublabel{margin-left:16px;margin-right:inherit}"]}]}],"members":{"expansionPanelHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":72,"character":3},"arguments":[{"__symbolic":"reference","name":"TdExpansionPanelHeaderDirective"}]}]}],"expansionPanelLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":74,"character":3},"arguments":[{"__symbolic":"reference","name":"TdExpansionPanelLabelDirective"}]}]}],"expansionPanelSublabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":75,"character":3},"arguments":[{"__symbolic":"reference","name":"TdExpansionPanelSublabelDirective"}]}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":83,"character":3}}]}],"sublabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":89,"character":3}}]}],"expand":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":95,"character":3},"arguments":["expand"]}]}],"expanded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":107,"character":3}}]}],"collapsed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":113,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":115,"character":33},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":115,"character":65}]}],"clickEvent":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"onDisabledChange":[{"__symbolic":"method"}],"_setExpand":[{"__symbolic":"method"}],"_onExpanded":[{"__symbolic":"method"}],"_onCollapsed":[{"__symbolic":"method"}]}},"TdExpansionPanelGroupComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"td-expansion-panel-group","template":"<ng-content></ng-content>\n","styles":[""]}]}],"members":{"multi":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3},"arguments":["multi"]}]}],"expansionPanels":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":42,"character":3},"arguments":[{"__symbolic":"reference","name":"TdExpansionPanelComponent"},{"descendants":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":45,"character":33},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":45,"character":65}]}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"openAll":[{"__symbolic":"method"}],"closeAll":[{"__symbolic":"method"}],"_attachListeners":[{"__symbolic":"method"}],"_closeAllExcept":[{"__symbolic":"method"}]}}},"origins":{"CovalentExpansionPanelModule":"./expansion-panel.module","TdExpansionPanelHeaderDirective":"./expansion-panel.component","TdExpansionPanelLabelDirective":"./expansion-panel.component","TdExpansionPanelSublabelDirective":"./expansion-panel.component","TdExpansionPanelSummaryComponent":"./expansion-panel.component","TdExpansionPanelBase":"./expansion-panel.component","_TdExpansionPanelMixinBase":"./expansion-panel.component","TdExpansionPanelComponent":"./expansion-panel.component","TdExpansionPanelGroupComponent":"./expansion-panel-group.component"},"importAs":"@covalent/core/expansion-panel"}

package/expansion-panel/expansion-panel-group.component.d.ts

@@ -1,31 +0,0 @@
-import { Renderer2, ElementRef, QueryList, AfterContentInit, OnDestroy } from '@angular/core';
-import { TdExpansionPanelComponent } from './expansion-panel.component';
-export declare class TdExpansionPanelGroupComponent implements AfterContentInit, OnDestroy {
-    private _renderer;
-    private _elementRef;
-    private _multi;
-    private _lastOpenedPanels;
-    private _destroyed;
-    private _stopWatchingPanels;
-    /**
-     * multi?: boolean
-     * Sets whether multiple panels can be opened at a given time.
-     * Set to false for accordion mode.
-     * Defaults to false.
-     */
-    set multi(multi: boolean);
-    expansionPanels: QueryList<TdExpansionPanelComponent>;
-    constructor(_renderer: Renderer2, _elementRef: ElementRef);
-    ngOnDestroy(): void;
-    ngAfterContentInit(): void;
-    /**
-     * Opens all expansion panels, only if multi set set to true.
-     */
-    openAll(): void;
-    /**
-     * Closes all expansion panels
-     */
-    closeAll(): void;
-    private _attachListeners;
-    private _closeAllExcept;
-}

package/expansion-panel/expansion-panel.component.d.ts

@@ -1,82 +0,0 @@
-import { TemplateRef, ViewContainerRef, ElementRef, Renderer2 } from '@angular/core';
-import { EventEmitter } from '@angular/core';
-import { TemplatePortalDirective } from '@angular/cdk/portal';
-import { ICanDisable, ICanDisableRipple } from '@covalent/core/common';
-export declare class TdExpansionPanelHeaderDirective extends TemplatePortalDirective {
-    constructor(templateRef: TemplateRef<any>, viewContainerRef: ViewContainerRef);
-}
-export declare class TdExpansionPanelLabelDirective extends TemplatePortalDirective {
-    constructor(templateRef: TemplateRef<any>, viewContainerRef: ViewContainerRef);
-}
-export declare class TdExpansionPanelSublabelDirective extends TemplatePortalDirective {
-    constructor(templateRef: TemplateRef<any>, viewContainerRef: ViewContainerRef);
-}
-export declare class TdExpansionPanelSummaryComponent {
-}
-export declare class TdExpansionPanelBase {
-}
-export declare const _TdExpansionPanelMixinBase: (new (...args: any[]) => ICanDisableRipple) & (new (...args: any[]) => ICanDisable) & typeof TdExpansionPanelBase;
-export declare class TdExpansionPanelComponent extends _TdExpansionPanelMixinBase implements ICanDisable, ICanDisableRipple {
-    private _renderer;
-    private _elementRef;
-    private _expand;
-    expansionPanelHeader: TdExpansionPanelHeaderDirective;
-    expansionPanelLabel: TdExpansionPanelLabelDirective;
-    expansionPanelSublabel: TdExpansionPanelSublabelDirective;
-    /**
-     * label?: string
-     * Sets label of [TdExpansionPanelComponent] header.
-     * Defaults to 'Click to expand'
-     */
-    label: string;
-    /**
-     * sublabel?: string
-     * Sets sublabel of [TdExpansionPanelComponent] header.
-     */
-    sublabel: string;
-    /**
-     * expand?: boolean
-     * Toggles [TdExpansionPanelComponent] between expand/collapse.
-     */
-    set expand(expand: boolean);
-    get expand(): boolean;
-    /**
-     * expanded?: function
-     * Event emitted when [TdExpansionPanelComponent] is expanded.
-     */
-    expanded: EventEmitter<void>;
-    /**
-     * collapsed?: function
-     * Event emitted when [TdExpansionPanelComponent] is collapsed.
-     */
-    collapsed: EventEmitter<void>;
-    constructor(_renderer: Renderer2, _elementRef: ElementRef);
-    /**
-     * Method executed when [TdExpansionPanelComponent] is clicked.
-     */
-    clickEvent(): void;
-    /**
-     * Toggle expand state of [TdExpansionPanelComponent]
-     * retuns 'true' if successful, else 'false'.
-     */
-    toggle(): boolean;
-    /**
-     * Opens [TdExpansionPanelComponent]
-     * retuns 'true' if successful, else 'false'.
-     */
-    open(): boolean;
-    /**
-     * Closes [TdExpansionPanelComponent]
-     * retuns 'true' if successful, else 'false'.
-     */
-    close(): boolean;
-    /** Method executed when the disabled value changes */
-    onDisabledChange(v: boolean): void;
-    /**
-     * Method to change expand state internally and emit the [onExpanded] event if 'true' or [onCollapsed]
-     * event if 'false'. (Blocked if [disabled] is 'true')
-     */
-    private _setExpand;
-    private _onExpanded;
-    private _onCollapsed;
-}

package/expansion-panel/expansion-panel.component.scss

@@ -1,50 +0,0 @@
-:host {
-  display: block;
-  .td-expansion-panel-header {
-    position: relative;
-    outline: none;
-    &:focus:not(.mat-disabled),
-    &:hover:not(.mat-disabled) {
-      cursor: pointer;
-    }
-    .td-expansion-panel-header-content {
-      height: 48px;
-      padding: 0 24px;
-      // layout
-      box-sizing: border-box;
-      display: flex;
-      // layout row
-      flex-direction: row;
-      // flex
-      flex: 1;
-      // layout-align start center
-      justify-content: flex-start;
-      align-items: center;
-      align-content: center;
-      max-width: 100%;
-      .td-expansion-label,
-      .td-expansion-sublabel {
-        // flex
-        flex: 1;
-      }
-    }
-  }
-  .td-expansion-content,
-  .td-expansion-summary {
-    &.ng-animating {
-      overflow: hidden;
-    }
-  }
-}
-
-.td-expansion-label,
-.td-expansion-sublabel {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  margin-right: 16px;
-  ::ng-deep [dir='rtl'] & {
-    margin-left: 16px;
-    margin-right: inherit;
-  }
-}

package/expansion-panel/expansion-panel.module.d.ts

@@ -1,2 +0,0 @@
-export declare class CovalentExpansionPanelModule {
-}

package/expansion-panel/index.d.ts

@@ -1 +0,0 @@
-export * from './public-api';

package/expansion-panel/package.json

@@ -1,11 +0,0 @@
-{
-  "main": "../bundles/covalent-core-expansion-panel.umd.js",
-  "module": "../fesm2015/covalent-core-expansion-panel.js",
-  "es2015": "../fesm2015/covalent-core-expansion-panel.js",
-  "esm2015": "../esm2015/expansion-panel/covalent-core-expansion-panel.js",
-  "fesm2015": "../fesm2015/covalent-core-expansion-panel.js",
-  "typings": "covalent-core-expansion-panel.d.ts",
-  "metadata": "covalent-core-expansion-panel.metadata.json",
-  "sideEffects": false,
-  "name": "@covalent/core/expansion-panel"
-}

package/expansion-panel/public-api.d.ts

@@ -1,3 +0,0 @@
-export * from './expansion-panel.module';
-export * from './expansion-panel.component';
-export * from './expansion-panel-group.component';

package/fesm2015/covalent-core-breadcrumbs.js

@@ -1,448 +0,0 @@
-import { Component, ChangeDetectionStrategy, ElementRef, ChangeDetectorRef, HostBinding, ContentChildren, Input, NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { MatIconModule } from '@angular/material/icon';
-import { Subscription, Subject, merge, fromEvent } from 'rxjs';
-import { debounceTime, distinctUntilChanged, startWith } from 'rxjs/operators';
-
-/**
- * @fileoverview added by tsickle
- * Generated from: breadcrumb/breadcrumb.component.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-class TdBreadcrumbComponent {
-    /**
-     * @param {?} _elementRef
-     * @param {?} _changeDetectorRef
-     */
-    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'
-    /**
-     * @return {?}
-     */
-    get separatorIcon() {
-        return this._separatorIcon;
-    }
-    /**
-     * @param {?} separatorIcon
-     * @return {?}
-     */
-    set separatorIcon(separatorIcon) {
-        this._separatorIcon = separatorIcon;
-        setTimeout((/**
-         * @return {?}
-         */
-        () => {
-            this._changeDetectorRef.markForCheck();
-        }));
-    }
-    // Should show the right chevron or not before the label
-    /**
-     * @return {?}
-     */
-    get displayIcon() {
-        return this._displayIcon;
-    }
-    /**
-     * @param {?} displayIcon
-     * @return {?}
-     */
-    set displayIcon(displayIcon) {
-        this._displayIcon = displayIcon;
-        setTimeout((/**
-         * @return {?}
-         */
-        () => {
-            this._changeDetectorRef.markForCheck();
-        }));
-    }
-    /**
-     * @return {?}
-     */
-    get displayCrumb() {
-        return this._displayCrumb;
-    }
-    /**
-     * Whether to display the crumb or not
-     * @param {?} shouldDisplay
-     * @return {?}
-     */
-    set displayCrumb(shouldDisplay) {
-        this._displayCrumb = shouldDisplay;
-        setTimeout((/**
-         * @return {?}
-         */
-        () => {
-            this._changeDetectorRef.markForCheck();
-        }));
-    }
-    /**
-     * Width of the DOM element of the crumb
-     * @return {?}
-     */
-    get width() {
-        return this._width;
-    }
-    /**
-     * Gets the display style of the crumb
-     * @return {?}
-     */
-    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';
-    }
-    /**
-     * @return {?}
-     */
-    ngAfterViewInit() {
-        // set the width from the actual rendered DOM element
-        setTimeout((/**
-         * @return {?}
-         */
-        () => {
-            this._width = ((/** @type {?} */ (this._elementRef.nativeElement))).getBoundingClientRect().width;
-            this._changeDetectorRef.markForCheck();
-        }));
-    }
-    /**
-     * Stop click propagation when clicking on icon
-     * @param {?} event
-     * @return {?}
-     */
-    _handleIconClick(event) {
-        event.stopPropagation();
-        event.preventDefault();
-    }
-}
-TdBreadcrumbComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'td-breadcrumb, a[td-breadcrumb]',
-                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",
-                /* tslint:disable-next-line */
-                host: {
-                    class: 'mat-button td-breadcrumb',
-                },
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [":host.td-breadcrumb{-ms-flex-align:center;-ms-flex-direction:row;-ms-flex-line-pack:center;-ms-flex-pack:end;align-content:center;align-items:center;box-sizing:border-box;display:inline-block;flex-direction:row;justify-content:flex-end;max-width:100%}: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}"]
-            }] }
-];
-/** @nocollapse */
-TdBreadcrumbComponent.ctorParameters = () => [
-    { type: ElementRef },
-    { type: ChangeDetectorRef }
-];
-TdBreadcrumbComponent.propDecorators = {
-    displayBinding: [{ type: HostBinding, args: ['style.display',] }]
-};
-if (false) {
-    /**
-     * @type {?}
-     * @private
-     */
-    TdBreadcrumbComponent.prototype._displayCrumb;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdBreadcrumbComponent.prototype._width;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdBreadcrumbComponent.prototype._displayIcon;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdBreadcrumbComponent.prototype._separatorIcon;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdBreadcrumbComponent.prototype._elementRef;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdBreadcrumbComponent.prototype._changeDetectorRef;
-}
-
-/**
- * @fileoverview added by tsickle
- * Generated from: breadcrumbs.component.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-class TdBreadcrumbsComponent {
-    /**
-     * @param {?} _elementRef
-     * @param {?} _changeDetectorRef
-     */
-    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'.
-     * @param {?} separatorIcon
-     * @return {?}
-     */
-    set separatorIcon(separatorIcon) {
-        this._separatorIcon = separatorIcon;
-        this.setCrumbIcons();
-    }
-    /**
-     * @return {?}
-     */
-    get separatorIcon() {
-        return this._separatorIcon;
-    }
-    /**
-     * @return {?}
-     */
-    ngOnInit() {
-        this._resizeSubscription = merge(fromEvent(window, 'resize').pipe(debounceTime(10)), this._widthSubject.asObservable().pipe(distinctUntilChanged())).subscribe((/**
-         * @return {?}
-         */
-        () => {
-            if (!this._resizing) {
-                this._resizing = true;
-                setTimeout((/**
-                 * @return {?}
-                 */
-                () => {
-                    this._calculateVisibility();
-                    this._resizing = false;
-                    this._changeDetectorRef.markForCheck();
-                }), 100);
-            }
-        }));
-    }
-    /**
-     * @return {?}
-     */
-    ngDoCheck() {
-        if (this._elementRef && this._elementRef.nativeElement) {
-            this._widthSubject.next(this.nativeElementWidth);
-        }
-    }
-    /**
-     * @return {?}
-     */
-    ngAfterContentInit() {
-        this._contentChildrenSub = this._breadcrumbs.changes.pipe(startWith(this._breadcrumbs)).subscribe((/**
-         * @return {?}
-         */
-        () => {
-            this.setCrumbIcons();
-            this._changeDetectorRef.markForCheck();
-        }));
-    }
-    /**
-     * @return {?}
-     */
-    ngOnDestroy() {
-        this._resizeSubscription.unsubscribe();
-        this._contentChildrenSub.unsubscribe();
-    }
-    /*
-       * Current width of the element container
-       */
-    /**
-     * @return {?}
-     */
-    get nativeElementWidth() {
-        /** @type {?} */
-        const element = (/** @type {?} */ (this._elementRef.nativeElement));
-        // Need to take into account border, margin and padding that might be around all the crumbs
-        /** @type {?} */
-        const style = window.getComputedStyle(element);
-        /** @type {?} */
-        const borderLeft = parseInt(style.borderLeft, 10);
-        /** @type {?} */
-        const borderRight = parseInt(style.borderRight, 10);
-        /** @type {?} */
-        const marginLeft = parseInt(style.marginLeft, 10);
-        /** @type {?} */
-        const marginRight = parseInt(style.marginRight, 10);
-        /** @type {?} */
-        const paddingLeft = parseInt(style.paddingLeft, 10);
-        /** @type {?} */
-        const paddingRight = parseInt(style.paddingRight, 10);
-        return (element.getBoundingClientRect().width -
-            borderLeft -
-            borderRight -
-            marginLeft -
-            marginRight -
-            paddingLeft -
-            paddingRight);
-    }
-    /**
-     * The total count of individual breadcrumbs
-     * @return {?}
-     */
-    get count() {
-        return this._breadcrumbs ? this._breadcrumbs.length : 0;
-    }
-    /**
-     * Set the crumb icon separators
-     * @private
-     * @return {?}
-     */
-    setCrumbIcons() {
-        if (this._breadcrumbs) {
-            /** @type {?} */
-            const breadcrumbArray = this._breadcrumbs.toArray();
-            breadcrumbArray.forEach((/**
-             * @param {?} breadcrumb
-             * @param {?} index
-             * @return {?}
-             */
-            (breadcrumb, index) => {
-                breadcrumb.separatorIcon = this.separatorIcon;
-                // don't show the icon on the last breadcrumb
-                breadcrumb.displayIcon = index < breadcrumbArray.length - 1;
-            }));
-        }
-    }
-    /**
-     * @private
-     * @return {?}
-     */
-    _calculateVisibility() {
-        /** @type {?} */
-        const crumbsArray = this._breadcrumbs.toArray();
-        /** @type {?} */
-        let crumbWidthSum = 0;
-        /** @type {?} */
-        const hiddenCrumbs = [];
-        // loop through crumbs in reverse order to calculate which ones should be removed
-        for (let i = crumbsArray.length - 1; i >= 0; i--) {
-            /** @type {?} */
-            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();
-    }
-}
-TdBreadcrumbsComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'td-breadcrumbs',
-                template: "<ng-content></ng-content>\n",
-                /* tslint:disable-next-line */
-                host: {
-                    class: 'td-breadcrumbs',
-                },
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [":host{display:block;width:100%}:host.td-breadcrumbs{white-space:nowrap}"]
-            }] }
-];
-/** @nocollapse */
-TdBreadcrumbsComponent.ctorParameters = () => [
-    { type: ElementRef },
-    { type: ChangeDetectorRef }
-];
-TdBreadcrumbsComponent.propDecorators = {
-    _breadcrumbs: [{ type: ContentChildren, args: [TdBreadcrumbComponent, { descendants: true },] }],
-    separatorIcon: [{ type: Input }]
-};
-if (false) {
-    /**
-     * @type {?}
-     * @private
-     */
-    TdBreadcrumbsComponent.prototype._resizeSubscription;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdBreadcrumbsComponent.prototype._widthSubject;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdBreadcrumbsComponent.prototype._contentChildrenSub;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdBreadcrumbsComponent.prototype._resizing;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdBreadcrumbsComponent.prototype._separatorIcon;
-    /** @type {?} */
-    TdBreadcrumbsComponent.prototype._breadcrumbs;
-    /** @type {?} */
-    TdBreadcrumbsComponent.prototype.hiddenBreadcrumbs;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdBreadcrumbsComponent.prototype._elementRef;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdBreadcrumbsComponent.prototype._changeDetectorRef;
-}
-
-/**
- * @fileoverview added by tsickle
- * Generated from: breadcrumbs.module.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-class CovalentBreadcrumbsModule {
-}
-CovalentBreadcrumbsModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule, MatIconModule],
-                declarations: [TdBreadcrumbsComponent, TdBreadcrumbComponent],
-                exports: [TdBreadcrumbsComponent, TdBreadcrumbComponent],
-            },] }
-];
-
-/**
- * @fileoverview added by tsickle
- * Generated from: public-api.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-
-/**
- * @fileoverview added by tsickle
- * Generated from: index.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-
-/**
- * @fileoverview added by tsickle
- * Generated from: covalent-core-breadcrumbs.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-
-export { CovalentBreadcrumbsModule, TdBreadcrumbComponent, TdBreadcrumbsComponent };
-//# sourceMappingURL=covalent-core-breadcrumbs.js.map