@covalent/core 4.0.0 → 4.1.0-develop.2

package/bundles/covalent-core-breadcrumbs.umd.js

@@ -1,490 +0,0 @@
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/material/icon'), require('rxjs'), require('rxjs/operators')) :
-    typeof define === 'function' && define.amd ? define('@covalent/core/breadcrumbs', ['exports', '@angular/core', '@angular/common', '@angular/material/icon', 'rxjs', 'rxjs/operators'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.covalent = global.covalent || {}, global.covalent.core = global.covalent.core || {}, global.covalent.core.breadcrumbs = {}), global.ng.core, global.ng.common, global.ng.material.icon, global.rxjs, global.rxjs.operators));
-}(this, (function (exports, core, common, icon, rxjs, operators) { 'use strict';
-
-    /**
-     * @fileoverview added by tsickle
-     * Generated from: breadcrumb/breadcrumb.component.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    var TdBreadcrumbComponent = /** @class */ (function () {
-        /**
-         * @param {?} _elementRef
-         * @param {?} _changeDetectorRef
-         */
-        function TdBreadcrumbComponent(_elementRef, _changeDetectorRef) {
-            this._elementRef = _elementRef;
-            this._changeDetectorRef = _changeDetectorRef;
-            this._displayCrumb = true;
-            this._width = 0;
-            this._displayIcon = true;
-            this._separatorIcon = 'chevron_right';
-        }
-        Object.defineProperty(TdBreadcrumbComponent.prototype, "separatorIcon", {
-            // Sets the icon url shown between breadcrumbs. Defaults to 'chevron_right'
-            /**
-             * @return {?}
-             */
-            get: function () {
-                return this._separatorIcon;
-            },
-            /**
-             * @param {?} separatorIcon
-             * @return {?}
-             */
-            set: function (separatorIcon) {
-                var _this = this;
-                this._separatorIcon = separatorIcon;
-                setTimeout(( /**
-                 * @return {?}
-                 */function () {
-                    _this._changeDetectorRef.markForCheck();
-                }));
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(TdBreadcrumbComponent.prototype, "displayIcon", {
-            // Should show the right chevron or not before the label
-            /**
-             * @return {?}
-             */
-            get: function () {
-                return this._displayIcon;
-            },
-            /**
-             * @param {?} displayIcon
-             * @return {?}
-             */
-            set: function (displayIcon) {
-                var _this = this;
-                this._displayIcon = displayIcon;
-                setTimeout(( /**
-                 * @return {?}
-                 */function () {
-                    _this._changeDetectorRef.markForCheck();
-                }));
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(TdBreadcrumbComponent.prototype, "displayCrumb", {
-            /**
-             * @return {?}
-             */
-            get: function () {
-                return this._displayCrumb;
-            },
-            /**
-             * Whether to display the crumb or not
-             * @param {?} shouldDisplay
-             * @return {?}
-             */
-            set: function (shouldDisplay) {
-                var _this = this;
-                this._displayCrumb = shouldDisplay;
-                setTimeout(( /**
-                 * @return {?}
-                 */function () {
-                    _this._changeDetectorRef.markForCheck();
-                }));
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(TdBreadcrumbComponent.prototype, "width", {
-            /**
-             * Width of the DOM element of the crumb
-             * @return {?}
-             */
-            get: function () {
-                return this._width;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(TdBreadcrumbComponent.prototype, "displayBinding", {
-            /**
-             * Gets the display style of the crumb
-             * @return {?}
-             */
-            get: function () {
-                // 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';
-            },
-            enumerable: false,
-            configurable: true
-        });
-        /**
-         * @return {?}
-         */
-        TdBreadcrumbComponent.prototype.ngAfterViewInit = function () {
-            var _this = this;
-            // set the width from the actual rendered DOM element
-            setTimeout(( /**
-             * @return {?}
-             */function () {
-                _this._width = (( /** @type {?} */(_this._elementRef.nativeElement))).getBoundingClientRect().width;
-                _this._changeDetectorRef.markForCheck();
-            }));
-        };
-        /**
-         * Stop click propagation when clicking on icon
-         * @param {?} event
-         * @return {?}
-         */
-        TdBreadcrumbComponent.prototype._handleIconClick = function (event) {
-            event.stopPropagation();
-            event.preventDefault();
-        };
-        return TdBreadcrumbComponent;
-    }());
-    TdBreadcrumbComponent.decorators = [
-        { type: core.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: core.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 = function () { return [
-        { type: core.ElementRef },
-        { type: core.ChangeDetectorRef }
-    ]; };
-    TdBreadcrumbComponent.propDecorators = {
-        displayBinding: [{ type: core.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
-     */
-    var TdBreadcrumbsComponent = /** @class */ (function () {
-        /**
-         * @param {?} _elementRef
-         * @param {?} _changeDetectorRef
-         */
-        function TdBreadcrumbsComponent(_elementRef, _changeDetectorRef) {
-            this._elementRef = _elementRef;
-            this._changeDetectorRef = _changeDetectorRef;
-            this._resizeSubscription = rxjs.Subscription.EMPTY;
-            this._widthSubject = new rxjs.Subject();
-            this._resizing = false;
-            this._separatorIcon = 'chevron_right';
-            // the list of hidden breadcrumbs not shown right now (responsive)
-            this.hiddenBreadcrumbs = [];
-        }
-        Object.defineProperty(TdBreadcrumbsComponent.prototype, "separatorIcon", {
-            /**
-             * @return {?}
-             */
-            get: function () {
-                return this._separatorIcon;
-            },
-            /**
-             * Sets the icon url shown between breadcrumbs. Defaults to 'chevron_right'.
-             * @param {?} separatorIcon
-             * @return {?}
-             */
-            set: function (separatorIcon) {
-                this._separatorIcon = separatorIcon;
-                this.setCrumbIcons();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        /**
-         * @return {?}
-         */
-        TdBreadcrumbsComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            this._resizeSubscription = rxjs.merge(rxjs.fromEvent(window, 'resize').pipe(operators.debounceTime(10)), this._widthSubject.asObservable().pipe(operators.distinctUntilChanged())).subscribe(( /**
-             * @return {?}
-             */function () {
-                if (!_this._resizing) {
-                    _this._resizing = true;
-                    setTimeout(( /**
-                     * @return {?}
-                     */function () {
-                        _this._calculateVisibility();
-                        _this._resizing = false;
-                        _this._changeDetectorRef.markForCheck();
-                    }), 100);
-                }
-            }));
-        };
-        /**
-         * @return {?}
-         */
-        TdBreadcrumbsComponent.prototype.ngDoCheck = function () {
-            if (this._elementRef && this._elementRef.nativeElement) {
-                this._widthSubject.next(this.nativeElementWidth);
-            }
-        };
-        /**
-         * @return {?}
-         */
-        TdBreadcrumbsComponent.prototype.ngAfterContentInit = function () {
-            var _this = this;
-            this._contentChildrenSub = this._breadcrumbs.changes.pipe(operators.startWith(this._breadcrumbs)).subscribe(( /**
-             * @return {?}
-             */function () {
-                _this.setCrumbIcons();
-                _this._changeDetectorRef.markForCheck();
-            }));
-        };
-        /**
-         * @return {?}
-         */
-        TdBreadcrumbsComponent.prototype.ngOnDestroy = function () {
-            this._resizeSubscription.unsubscribe();
-            this._contentChildrenSub.unsubscribe();
-        };
-        Object.defineProperty(TdBreadcrumbsComponent.prototype, "nativeElementWidth", {
-            /*
-               * Current width of the element container
-               */
-            /**
-             * @return {?}
-             */
-            get: function () {
-                /** @type {?} */
-                var element = ( /** @type {?} */(this._elementRef.nativeElement));
-                // Need to take into account border, margin and padding that might be around all the crumbs
-                /** @type {?} */
-                var style = window.getComputedStyle(element);
-                /** @type {?} */
-                var borderLeft = parseInt(style.borderLeft, 10);
-                /** @type {?} */
-                var borderRight = parseInt(style.borderRight, 10);
-                /** @type {?} */
-                var marginLeft = parseInt(style.marginLeft, 10);
-                /** @type {?} */
-                var marginRight = parseInt(style.marginRight, 10);
-                /** @type {?} */
-                var paddingLeft = parseInt(style.paddingLeft, 10);
-                /** @type {?} */
-                var paddingRight = parseInt(style.paddingRight, 10);
-                return (element.getBoundingClientRect().width -
-                    borderLeft -
-                    borderRight -
-                    marginLeft -
-                    marginRight -
-                    paddingLeft -
-                    paddingRight);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(TdBreadcrumbsComponent.prototype, "count", {
-            /**
-             * The total count of individual breadcrumbs
-             * @return {?}
-             */
-            get: function () {
-                return this._breadcrumbs ? this._breadcrumbs.length : 0;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        /**
-         * Set the crumb icon separators
-         * @private
-         * @return {?}
-         */
-        TdBreadcrumbsComponent.prototype.setCrumbIcons = function () {
-            var _this = this;
-            if (this._breadcrumbs) {
-                /** @type {?} */
-                var breadcrumbArray_1 = this._breadcrumbs.toArray();
-                breadcrumbArray_1.forEach(( /**
-                 * @param {?} breadcrumb
-                 * @param {?} index
-                 * @return {?}
-                 */function (breadcrumb, index) {
-                    breadcrumb.separatorIcon = _this.separatorIcon;
-                    // don't show the icon on the last breadcrumb
-                    breadcrumb.displayIcon = index < breadcrumbArray_1.length - 1;
-                }));
-            }
-        };
-        /**
-         * @private
-         * @return {?}
-         */
-        TdBreadcrumbsComponent.prototype._calculateVisibility = function () {
-            /** @type {?} */
-            var crumbsArray = this._breadcrumbs.toArray();
-            /** @type {?} */
-            var crumbWidthSum = 0;
-            /** @type {?} */
-            var hiddenCrumbs = [];
-            // loop through crumbs in reverse order to calculate which ones should be removed
-            for (var i = crumbsArray.length - 1; i >= 0; i--) {
-                /** @type {?} */
-                var 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();
-        };
-        return TdBreadcrumbsComponent;
-    }());
-    TdBreadcrumbsComponent.decorators = [
-        { type: core.Component, args: [{
-                    selector: 'td-breadcrumbs',
-                    template: "<ng-content></ng-content>\n",
-                    /* tslint:disable-next-line */
-                    host: {
-                        class: 'td-breadcrumbs',
-                    },
-                    changeDetection: core.ChangeDetectionStrategy.OnPush,
-                    styles: [":host{display:block;width:100%}:host.td-breadcrumbs{white-space:nowrap}"]
-                }] }
-    ];
-    /** @nocollapse */
-    TdBreadcrumbsComponent.ctorParameters = function () { return [
-        { type: core.ElementRef },
-        { type: core.ChangeDetectorRef }
-    ]; };
-    TdBreadcrumbsComponent.propDecorators = {
-        _breadcrumbs: [{ type: core.ContentChildren, args: [TdBreadcrumbComponent, { descendants: true },] }],
-        separatorIcon: [{ type: core.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
-     */
-    var CovalentBreadcrumbsModule = /** @class */ (function () {
-        function CovalentBreadcrumbsModule() {
-        }
-        return CovalentBreadcrumbsModule;
-    }());
-    CovalentBreadcrumbsModule.decorators = [
-        { type: core.NgModule, args: [{
-                    imports: [common.CommonModule, icon.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
-     */
-
-    exports.CovalentBreadcrumbsModule = CovalentBreadcrumbsModule;
-    exports.TdBreadcrumbComponent = TdBreadcrumbComponent;
-    exports.TdBreadcrumbsComponent = TdBreadcrumbsComponent;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-})));
-//# sourceMappingURL=covalent-core-breadcrumbs.umd.js.map

package/bundles/covalent-core-breadcrumbs.umd.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"covalent-core-breadcrumbs.umd.js","sources":["../../../src/platform/core/breadcrumbs/breadcrumb/breadcrumb.component.ts","../../../../src/platform/core/breadcrumbs/breadcrumbs.component.ts","../../../../src/platform/core/breadcrumbs/breadcrumbs.module.ts"],"sourcesContent":["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","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"],"names":["Component","ChangeDetectionStrategy","ElementRef","ChangeDetectorRef","HostBinding","Subscription","Subject","merge","fromEvent","debounceTime","distinctUntilChanged","startWith","ContentChildren","Input","NgModule","CommonModule","MatIconModule"],"mappings":"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"}

package/bundles/covalent-core-breadcrumbs.umd.min.js

@@ -1,2 +0,0 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("@angular/material/icon"),require("rxjs"),require("rxjs/operators")):"function"==typeof define&&define.amd?define("@covalent/core/breadcrumbs",["exports","@angular/core","@angular/common","@angular/material/icon","rxjs","rxjs/operators"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self).covalent=e.covalent||{},e.covalent.core=e.covalent.core||{},e.covalent.core.breadcrumbs={}),e.ng.core,e.ng.common,e.ng.material.icon,e.rxjs,e.rxjs.operators)}(this,(function(e,t,n,r,o,i){"use strict";var a=function(){function e(e,t){this._elementRef=e,this._changeDetectorRef=t,this._displayCrumb=!0,this._width=0,this._displayIcon=!0,this._separatorIcon="chevron_right"}return Object.defineProperty(e.prototype,"separatorIcon",{get:function(){return this._separatorIcon},set:function(e){var t=this;this._separatorIcon=e,setTimeout((function(){t._changeDetectorRef.markForCheck()}))},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"displayIcon",{get:function(){return this._displayIcon},set:function(e){var t=this;this._displayIcon=e,setTimeout((function(){t._changeDetectorRef.markForCheck()}))},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"displayCrumb",{get:function(){return this._displayCrumb},set:function(e){var t=this;this._displayCrumb=e,setTimeout((function(){t._changeDetectorRef.markForCheck()}))},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"width",{get:function(){return this._width},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"displayBinding",{get:function(){return this._displayCrumb?void 0:"none"},enumerable:!1,configurable:!0}),e.prototype.ngAfterViewInit=function(){var e=this;setTimeout((function(){e._width=e._elementRef.nativeElement.getBoundingClientRect().width,e._changeDetectorRef.markForCheck()}))},e.prototype._handleIconClick=function(e){e.stopPropagation(),e.preventDefault()},e}();a.decorators=[{type:t.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',host:{class:"mat-button td-breadcrumb"},changeDetection:t.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}"]}]}],a.ctorParameters=function(){return[{type:t.ElementRef},{type:t.ChangeDetectorRef}]},a.propDecorators={displayBinding:[{type:t.HostBinding,args:["style.display"]}]};var c=function(){function e(e,t){this._elementRef=e,this._changeDetectorRef=t,this._resizeSubscription=o.Subscription.EMPTY,this._widthSubject=new o.Subject,this._resizing=!1,this._separatorIcon="chevron_right",this.hiddenBreadcrumbs=[]}return Object.defineProperty(e.prototype,"separatorIcon",{get:function(){return this._separatorIcon},set:function(e){this._separatorIcon=e,this.setCrumbIcons()},enumerable:!1,configurable:!0}),e.prototype.ngOnInit=function(){var e=this;this._resizeSubscription=o.merge(o.fromEvent(window,"resize").pipe(i.debounceTime(10)),this._widthSubject.asObservable().pipe(i.distinctUntilChanged())).subscribe((function(){e._resizing||(e._resizing=!0,setTimeout((function(){e._calculateVisibility(),e._resizing=!1,e._changeDetectorRef.markForCheck()}),100))}))},e.prototype.ngDoCheck=function(){this._elementRef&&this._elementRef.nativeElement&&this._widthSubject.next(this.nativeElementWidth)},e.prototype.ngAfterContentInit=function(){var e=this;this._contentChildrenSub=this._breadcrumbs.changes.pipe(i.startWith(this._breadcrumbs)).subscribe((function(){e.setCrumbIcons(),e._changeDetectorRef.markForCheck()}))},e.prototype.ngOnDestroy=function(){this._resizeSubscription.unsubscribe(),this._contentChildrenSub.unsubscribe()},Object.defineProperty(e.prototype,"nativeElementWidth",{get:function(){var e=this._elementRef.nativeElement,t=window.getComputedStyle(e),n=parseInt(t.borderLeft,10),r=parseInt(t.borderRight,10),o=parseInt(t.marginLeft,10),i=parseInt(t.marginRight,10),a=parseInt(t.paddingLeft,10),c=parseInt(t.paddingRight,10);return e.getBoundingClientRect().width-n-r-o-i-a-c},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"count",{get:function(){return this._breadcrumbs?this._breadcrumbs.length:0},enumerable:!1,configurable:!0}),e.prototype.setCrumbIcons=function(){var e=this;if(this._breadcrumbs){var t=this._breadcrumbs.toArray();t.forEach((function(n,r){n.separatorIcon=e.separatorIcon,n.displayIcon=r<t.length-1}))}},e.prototype._calculateVisibility=function(){for(var e=this._breadcrumbs.toArray(),t=0,n=[],r=e.length-1;r>=0;r--){var o=e[r];t+o.width>this.nativeElementWidth?(o.displayCrumb=!1,n.push(o)):o.displayCrumb=!0,t+=o.width}this.hiddenBreadcrumbs=n,this._changeDetectorRef.markForCheck()},e}();c.decorators=[{type:t.Component,args:[{selector:"td-breadcrumbs",template:"<ng-content></ng-content>\n",host:{class:"td-breadcrumbs"},changeDetection:t.ChangeDetectionStrategy.OnPush,styles:[":host{display:block;width:100%}:host.td-breadcrumbs{white-space:nowrap}"]}]}],c.ctorParameters=function(){return[{type:t.ElementRef},{type:t.ChangeDetectorRef}]},c.propDecorators={_breadcrumbs:[{type:t.ContentChildren,args:[a,{descendants:!0}]}],separatorIcon:[{type:t.Input}]};var s=function(){};s.decorators=[{type:t.NgModule,args:[{imports:[n.CommonModule,r.MatIconModule],declarations:[c,a],exports:[c,a]}]}],e.CovalentBreadcrumbsModule=s,e.TdBreadcrumbComponent=a,e.TdBreadcrumbsComponent=c,Object.defineProperty(e,"__esModule",{value:!0})}));
-//# sourceMappingURL=covalent-core-breadcrumbs.umd.min.js.map

package/bundles/covalent-core-breadcrumbs.umd.min.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/platform/core/breadcrumbs/breadcrumb/breadcrumb.component.ts","../../../../src/platform/core/breadcrumbs/breadcrumbs.component.ts","../../../../src/platform/core/breadcrumbs/breadcrumbs.module.ts"],"names":["TdBreadcrumbComponent","_elementRef","_changeDetectorRef","this","_displayCrumb","_width","_displayIcon","_separatorIcon","Object","defineProperty","prototype","separatorIcon","_this","setTimeout","markForCheck","displayIcon","shouldDisplay","undefined","ngAfterViewInit","getBoundingClientRect","width","_handleIconClick","event","stopPropagation","preventDefault","Component","args","selector","template","host","class","changeDetection","ChangeDetectionStrategy","OnPush","ElementRef","ChangeDetectorRef","HostBinding","TdBreadcrumbsComponent","_resizeSubscription","Subscription","EMPTY","_widthSubject","Subject","_resizing","hiddenBreadcrumbs","setCrumbIcons","ngOnInit","merge","fromEvent","window","pipe","debounceTime","asObservable","distinctUntilChanged","subscribe","_calculateVisibility","ngDoCheck","nativeElement","next","nativeElementWidth","ngAfterContentInit","_contentChildrenSub","_breadcrumbs","changes","startWith","ngOnDestroy","unsubscribe","element","style","getComputedStyle","borderLeft","parseInt","borderRight","marginLeft","marginRight","paddingLeft","paddingRight","length","breadcrumbArray_1","toArray","forEach","breadcrumb","index","crumbsArray","crumbWidthSum","hiddenCrumbs","i","displayCrumb","push","ContentChildren","descendants","Input","NgModule","imports","CommonModule","MatIconModule","declarations","exports"],"mappings":"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","sourcesContent":["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","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"]}