@covalent/core 3.1.0 → 3.1.2-beta.6

package/fesm5/covalent-core-breadcrumbs.js

@@ -1,535 +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
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-var TdBreadcrumbComponent = /** @class */ (function () {
-    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'
-        get: 
-        // Sets the icon url shown between breadcrumbs. Defaults to 'chevron_right'
-        /**
-         * @return {?}
-         */
-        function () {
-            return this._separatorIcon;
-        },
-        set: /**
-         * @param {?} separatorIcon
-         * @return {?}
-         */
-        function (separatorIcon) {
-            var _this = this;
-            this._separatorIcon = separatorIcon;
-            setTimeout((/**
-             * @return {?}
-             */
-            function () {
-                _this._changeDetectorRef.markForCheck();
-            }));
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TdBreadcrumbComponent.prototype, "displayIcon", {
-        // Should show the right chevron or not before the label
-        get: 
-        // Should show the right chevron or not before the label
-        /**
-         * @return {?}
-         */
-        function () {
-            return this._displayIcon;
-        },
-        set: /**
-         * @param {?} displayIcon
-         * @return {?}
-         */
-        function (displayIcon) {
-            var _this = this;
-            this._displayIcon = displayIcon;
-            setTimeout((/**
-             * @return {?}
-             */
-            function () {
-                _this._changeDetectorRef.markForCheck();
-            }));
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TdBreadcrumbComponent.prototype, "displayCrumb", {
-        get: /**
-         * @return {?}
-         */
-        function () {
-            return this._displayCrumb;
-        },
-        /**
-         * Whether to display the crumb or not
-         */
-        set: /**
-         * Whether to display the crumb or not
-         * @param {?} shouldDisplay
-         * @return {?}
-         */
-        function (shouldDisplay) {
-            var _this = this;
-            this._displayCrumb = shouldDisplay;
-            setTimeout((/**
-             * @return {?}
-             */
-            function () {
-                _this._changeDetectorRef.markForCheck();
-            }));
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TdBreadcrumbComponent.prototype, "width", {
-        /**
-         * Width of the DOM element of the crumb
-         */
-        get: /**
-         * Width of the DOM element of the crumb
-         * @return {?}
-         */
-        function () {
-            return this._width;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TdBreadcrumbComponent.prototype, "displayBinding", {
-        /**
-         * Gets the display style of the crumb
-         */
-        get: /**
-         * Gets the display style of the crumb
-         * @return {?}
-         */
-        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: true,
-        configurable: true
-    });
-    /**
-     * @return {?}
-     */
-    TdBreadcrumbComponent.prototype.ngAfterViewInit = /**
-     * @return {?}
-     */
-    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
-     */
-    /**
-     * Stop click propagation when clicking on icon
-     * @param {?} event
-     * @return {?}
-     */
-    TdBreadcrumbComponent.prototype._handleIconClick = /**
-     * Stop click propagation when clicking on icon
-     * @param {?} event
-     * @return {?}
-     */
-    function (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{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}"]
-                }] }
-    ];
-    /** @nocollapse */
-    TdBreadcrumbComponent.ctorParameters = function () { return [
-        { type: ElementRef },
-        { type: ChangeDetectorRef }
-    ]; };
-    TdBreadcrumbComponent.propDecorators = {
-        displayBinding: [{ type: HostBinding, args: ['style.display',] }]
-    };
-    return TdBreadcrumbComponent;
-}());
-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
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-var TdBreadcrumbsComponent = /** @class */ (function () {
-    function TdBreadcrumbsComponent(_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 = [];
-    }
-    Object.defineProperty(TdBreadcrumbsComponent.prototype, "separatorIcon", {
-        get: /**
-         * @return {?}
-         */
-        function () {
-            return this._separatorIcon;
-        },
-        /**
-         * Sets the icon url shown between breadcrumbs. Defaults to 'chevron_right'.
-         */
-        set: /**
-         * Sets the icon url shown between breadcrumbs. Defaults to 'chevron_right'.
-         * @param {?} separatorIcon
-         * @return {?}
-         */
-        function (separatorIcon) {
-            this._separatorIcon = separatorIcon;
-            this.setCrumbIcons();
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * @return {?}
-     */
-    TdBreadcrumbsComponent.prototype.ngOnInit = /**
-     * @return {?}
-     */
-    function () {
-        var _this = this;
-        this._resizeSubscription = merge(fromEvent(window, 'resize').pipe(debounceTime(10)), this._widthSubject.asObservable().pipe(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 = /**
-     * @return {?}
-     */
-    function () {
-        if (this._elementRef && this._elementRef.nativeElement) {
-            this._widthSubject.next(this.nativeElementWidth);
-        }
-    };
-    /**
-     * @return {?}
-     */
-    TdBreadcrumbsComponent.prototype.ngAfterContentInit = /**
-     * @return {?}
-     */
-    function () {
-        var _this = this;
-        this._contentChildrenSub = this._breadcrumbs.changes.pipe(startWith(this._breadcrumbs)).subscribe((/**
-         * @return {?}
-         */
-        function () {
-            _this.setCrumbIcons();
-            _this._changeDetectorRef.markForCheck();
-        }));
-    };
-    /**
-     * @return {?}
-     */
-    TdBreadcrumbsComponent.prototype.ngOnDestroy = /**
-     * @return {?}
-     */
-    function () {
-        this._resizeSubscription.unsubscribe();
-        this._contentChildrenSub.unsubscribe();
-    };
-    Object.defineProperty(TdBreadcrumbsComponent.prototype, "nativeElementWidth", {
-        /*
-         * Current width of the element container
-         */
-        get: /*
-           * Current width of the element container
-           */
-        /**
-         * @return {?}
-         */
-        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: true,
-        configurable: true
-    });
-    Object.defineProperty(TdBreadcrumbsComponent.prototype, "count", {
-        /**
-         * The total count of individual breadcrumbs
-         */
-        get: /**
-         * The total count of individual breadcrumbs
-         * @return {?}
-         */
-        function () {
-            return this._breadcrumbs ? this._breadcrumbs.length : 0;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * Set the crumb icon separators
-     */
-    /**
-     * Set the crumb icon separators
-     * @private
-     * @return {?}
-     */
-    TdBreadcrumbsComponent.prototype.setCrumbIcons = /**
-     * Set the crumb icon separators
-     * @private
-     * @return {?}
-     */
-    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 = /**
-     * @private
-     * @return {?}
-     */
-    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();
-    };
-    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 = function () { return [
-        { type: ElementRef },
-        { type: ChangeDetectorRef }
-    ]; };
-    TdBreadcrumbsComponent.propDecorators = {
-        _breadcrumbs: [{ type: ContentChildren, args: [TdBreadcrumbComponent, { descendants: true },] }],
-        separatorIcon: [{ type: Input }]
-    };
-    return TdBreadcrumbsComponent;
-}());
-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
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-var CovalentBreadcrumbsModule = /** @class */ (function () {
-    function CovalentBreadcrumbsModule() {
-    }
-    CovalentBreadcrumbsModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [CommonModule, MatIconModule],
-                    declarations: [TdBreadcrumbsComponent, TdBreadcrumbComponent],
-                    exports: [TdBreadcrumbsComponent, TdBreadcrumbComponent],
-                },] }
-    ];
-    return CovalentBreadcrumbsModule;
-}());
-
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-
-export { CovalentBreadcrumbsModule, TdBreadcrumbComponent, TdBreadcrumbsComponent };
-//# sourceMappingURL=covalent-core-breadcrumbs.js.map

package/fesm5/covalent-core-breadcrumbs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"covalent-core-breadcrumbs.js","sources":["ng://@covalent/core/breadcrumbs/breadcrumb/breadcrumb.component.ts","ng://@covalent/core/breadcrumbs/breadcrumbs.component.ts","ng://@covalent/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":[],"mappings":"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"}