@covalent/core 4.0.0 → 4.1.0-develop.2

package/fesm2015/covalent-core-side-sheet.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"covalent-core-side-sheet.mjs","sources":["../../../../libs/angular/side-sheet/src/side-sheet.animation.ts","../../../../libs/angular/side-sheet/src/side-sheet.config.ts","../../../../libs/angular/side-sheet/src/side-sheet-container.ts","../../../../libs/angular/side-sheet/src/side-sheet-ref.ts","../../../../libs/angular/side-sheet/src/side-sheet.ts","../../../../libs/angular/side-sheet/src/side-sheet.content-directives.ts","../../../../libs/angular/side-sheet/src/side-sheet.module.ts","../../../../libs/angular/side-sheet/src/covalent-core-side-sheet.ts"],"sourcesContent":["import {\n  animate,\n  state,\n  style,\n  transition,\n  trigger,\n  AnimationTriggerMetadata,\n} from '@angular/animations';\nimport { AnimationCurves, AnimationDurations } from '@angular/material/core';\n\nexport const tdSideSheetAnimations: {\n  readonly sideSheetContainer: AnimationTriggerMetadata;\n} = {\n  /** Animation that is applied on the side-sheet container by default. */\n  sideSheetContainer: trigger('sideSheetContainer', [\n    state('void, exit', style({ transform: 'translateX(100%)' })),\n    state('enter', style({ transform: 'translateX(0%)', opacity: 1 })),\n    transition(\n      '* => enter',\n      animate(\n        `${AnimationDurations.ENTERING} ${AnimationCurves.ACCELERATION_CURVE}`,\n        style({ transform: 'translateX(0)', opacity: 1 })\n      )\n    ),\n    transition(\n      '* => void, * => exit',\n      animate(\n        `${AnimationDurations.EXITING} ${AnimationCurves.ACCELERATION_CURVE}`,\n        style({ transform: 'translateX(100%)' })\n      )\n    ),\n  ]),\n};\n","import { MatDialogConfig } from '@angular/material/dialog';\n\nexport class CovalentSideSheetConfig<D = any> extends MatDialogConfig<D> {}\n","/* tslint:disable */\nimport { AnimationEvent } from '@angular/animations';\nimport {\n  ConfigurableFocusTrap,\n  ConfigurableFocusTrapFactory,\n  FocusMonitor,\n  FocusOrigin,\n} from '@angular/cdk/a11y';\nimport {\n  BasePortalOutlet,\n  CdkPortalOutlet,\n  ComponentPortal,\n  DomPortal,\n  TemplatePortal,\n} from '@angular/cdk/portal';\nimport { DOCUMENT } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ComponentRef,\n  Directive,\n  ElementRef,\n  EmbeddedViewRef,\n  EventEmitter,\n  HostBinding,\n  HostListener,\n  Inject,\n  Optional,\n  ViewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { tdSideSheetAnimations } from './side-sheet.animation';\nimport { CovalentSideSheetConfig } from './side-sheet.config';\n\nexport function _getFocusedElementPierceShadowDom(): HTMLElement | null {\n  let activeElement =\n    typeof document !== 'undefined' && document\n      ? (document.activeElement as HTMLElement | null)\n      : null;\n\n  while (activeElement && activeElement.shadowRoot) {\n    const newActiveElement = activeElement.shadowRoot\n      .activeElement as HTMLElement | null;\n    if (newActiveElement === activeElement) {\n      break;\n    } else {\n      activeElement = newActiveElement;\n    }\n  }\n\n  return activeElement;\n}\n\n/**\n * Base class for the `CovalentSideSheetContainer`. The base class does not implement\n * animations as these are left to implementers of the side-sheet container.\n */\n@Directive()\nexport abstract class _CovalentSideSheetContainerBase extends BasePortalOutlet {\n  protected _document: Document;\n\n  /** The portal outlet inside of this container into which the side-sheet content will be loaded. */\n  @ViewChild(CdkPortalOutlet, { static: true }) _portalOutlet!: CdkPortalOutlet;\n\n  /** The class that traps and manages focus within the side-sheet. */\n  private _focusTrap!: ConfigurableFocusTrap;\n\n  /** Emits when an animation state changes. */\n  _animationStateChanged = new EventEmitter<{\n    state: 'opened' | 'opening' | 'closing' | 'closed';\n    totalTime: number;\n  }>();\n\n  /** Element that was focused before the side-sheet was opened. Save this to restore upon close. */\n  private _elementFocusedBeforeSideSheetWasOpened: HTMLElement | null = null;\n\n  /**\n   * Type of interaction that led to the side-sheet being closed. This is used to determine\n   * whether the focus style will be applied when returning focus to its original location\n   * after the side-sheet is closed.\n   */\n  _closeInteractionType: FocusOrigin | null = null;\n\n  /** ID of the element that should be considered as the side-sheet's label. */\n  _ariaLabelledBy: string | null;\n\n  /** ID for the container DOM element. */\n  _id!: string;\n\n  constructor(\n    protected _elementRef: ElementRef,\n    protected _focusTrapFactory: ConfigurableFocusTrapFactory,\n    protected _changeDetectorRef: ChangeDetectorRef,\n    @Optional() @Inject(DOCUMENT) _document: any,\n    /** The side-sheet configuration. */\n    public _config: CovalentSideSheetConfig,\n    private _focusMonitor?: FocusMonitor\n  ) {\n    super();\n    this._ariaLabelledBy = _config.ariaLabelledBy || null;\n    this._document = _document;\n  }\n\n  /** Starts the side-sheet exit animation. */\n  abstract _startExitAnimation(): void;\n\n  /** Initializes the side-sheet container with the attached content. */\n  _initializeWithAttachedContent() {\n    this._setupFocusTrap();\n    // Save the previously focused element. This element will be re-focused\n    // when the side-sheet closes.\n    this._capturePreviouslyFocusedElement();\n  }\n\n  /**\n   * Attach a ComponentPortal as content to this side-sheet container.\n   * @param portal Portal to be attached as the side-sheet content.\n   */\n  attachComponentPortal<T>(portal: ComponentPortal<T>): ComponentRef<T> {\n    return this._portalOutlet.attachComponentPortal(portal);\n  }\n\n  /**\n   * Attach a TemplatePortal as content to this side-sheet container.\n   * @param portal Portal to be attached as the side-sheet content.\n   */\n  attachTemplatePortal<C>(portal: TemplatePortal<C>): EmbeddedViewRef<C> {\n    return this._portalOutlet.attachTemplatePortal(portal);\n  }\n\n  /**\n   * Attaches a DOM portal to the side-sheet container.\n   * @param portal Portal to be attached.\n   * @deprecated To be turned into a method.\n   */\n  override attachDomPortal = (portal: DomPortal) => {\n    return this._portalOutlet.attachDomPortal(portal);\n  };\n\n  /** Moves focus back into the side-sheet if it was moved out. */\n  _recaptureFocus() {\n    if (!this._containsFocus()) {\n      this._trapFocus();\n    }\n  }\n\n  /**\n   * Moves the focus inside the focus trap. When autoFocus is not set to 'side-sheet', if focus\n   * cannot be moved then focus will go to the side-sheet container.\n   */\n  protected _trapFocus() {\n    const element = this._elementRef.nativeElement;\n    if (!this._config.autoFocus) {\n      if (!this._containsFocus()) {\n        element.focus();\n      }\n    } else {\n      this._focusTrap\n        .focusInitialElementWhenReady()\n        .then((focusedSuccessfully) => {\n          // If we weren't able to find a focusable element in the side-sheet, then focus the side-sheet\n          // container instead.\n          if (!focusedSuccessfully) {\n            this._focusSideSheetContainer();\n          }\n        });\n    }\n  }\n\n  /** Restores focus to the element that was focused before the side-sheet opened. */\n  protected _restoreFocus() {\n    const previousElement = this._elementFocusedBeforeSideSheetWasOpened;\n\n    // We need the extra check, because IE can set the `activeElement` to null in some cases.\n    if (\n      this._config.restoreFocus &&\n      previousElement &&\n      typeof previousElement.focus === 'function'\n    ) {\n      const activeElement = _getFocusedElementPierceShadowDom();\n      const element = this._elementRef.nativeElement;\n\n      // Make sure that focus is still inside the side-sheet or is on the body (usually because a\n      // non-focusable element like the backdrop was clicked) before moving it. It's possible that\n      // the consumer moved it themselves before the animation was done, in which case we shouldn't\n      // do anything.\n      if (\n        !activeElement ||\n        activeElement === this._document.body ||\n        activeElement === element ||\n        element.contains(activeElement)\n      ) {\n        if (this._focusMonitor) {\n          this._focusMonitor.focusVia(\n            previousElement,\n            this._closeInteractionType\n          );\n          this._closeInteractionType = null;\n        } else {\n          previousElement.focus();\n        }\n      }\n    }\n\n    if (this._focusTrap) {\n      this._focusTrap.destroy();\n    }\n  }\n\n  /** Sets up the focus trap. */\n  private _setupFocusTrap() {\n    this._focusTrap = this._focusTrapFactory.create(\n      this._elementRef.nativeElement\n    );\n  }\n\n  /** Captures the element that was focused before the side-sheet was opened. */\n  private _capturePreviouslyFocusedElement() {\n    if (this._document) {\n      this._elementFocusedBeforeSideSheetWasOpened =\n        _getFocusedElementPierceShadowDom();\n    }\n  }\n\n  /** Focuses the side-sheet container. */\n  private _focusSideSheetContainer() {\n    // Note that there is no focus method when rendering on the server.\n    if (this._elementRef.nativeElement.focus) {\n      this._elementRef.nativeElement.focus();\n    }\n  }\n\n  /** Returns whether focus is inside the side-sheet. */\n  private _containsFocus() {\n    const element = this._elementRef.nativeElement;\n    const activeElement = _getFocusedElementPierceShadowDom();\n    return element === activeElement || element.contains(activeElement);\n  }\n}\n\n/**\n * Internal component that wraps the generated side-sheet content.\n * This animation below is the only reason for duplicating most of the Material dialog code\n */\n@Component({\n  selector: 'td-side-sheet-container',\n  template: ` <ng-template cdkPortalOutlet></ng-template> `,\n  styleUrls: ['side-sheet.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.Default,\n  animations: [tdSideSheetAnimations.sideSheetContainer],\n})\nexport class CovalentSideSheetContainerComponent extends _CovalentSideSheetContainerBase {\n  /** State of the side-sheet animation. */\n  _state: 'void' | 'enter' | 'exit' = 'enter';\n\n  @HostBinding('class.td-side-sheet-container') tdSideSheetContainerClass =\n    true;\n  @HostBinding('tabindex') tabIndex = -1;\n  @HostBinding('aria-modal') arialModal = true;\n  @HostBinding('id') idAttr = this._id;\n  @HostBinding('attr.role') roleAttr = this._config.role;\n  @HostBinding('attr.aria-labelledby') arialLabelByAttr = this._config.ariaLabel\n    ? null\n    : this._ariaLabelledBy;\n  @HostBinding('attr.aria-describedby') arialDescribeByAttr =\n    this._config.ariaDescribedBy || null;\n  @HostBinding('attr.aria-label') arialLabelAttr = this._config.ariaLabel;\n  @HostBinding('@sideSheetContainer') get sideSheetAnimationState() {\n    return this._state;\n  }\n  @HostListener('@sideSheetContainer.start', ['$event']) onAnimateStart(\n    $event: AnimationEvent\n  ) {\n    this._onAnimationStart($event);\n  }\n\n  @HostListener('@sideSheetContainer.done', ['$event']) onAnimateDone(\n    $event: AnimationEvent\n  ) {\n    this._onAnimationDone($event);\n  }\n\n  /** Callback, invoked whenever an animation on the host completes. */\n  _onAnimationDone({ toState, totalTime }: AnimationEvent) {\n    if (toState === 'enter') {\n      this._trapFocus();\n      this._animationStateChanged.next({ state: 'opened', totalTime });\n    } else if (toState === 'exit') {\n      this._restoreFocus();\n      this._animationStateChanged.next({ state: 'closed', totalTime });\n    }\n  }\n\n  /** Callback, invoked when an animation on the host starts. */\n  _onAnimationStart({ toState, totalTime }: AnimationEvent) {\n    if (toState === 'enter') {\n      this._animationStateChanged.next({ state: 'opening', totalTime });\n    } else if (toState === 'exit' || toState === 'void') {\n      this._animationStateChanged.next({ state: 'closing', totalTime });\n    }\n  }\n\n  /** Starts the side-sheet exit animation. */\n  _startExitAnimation(): void {\n    this._state = 'exit';\n    this._changeDetectorRef.markForCheck();\n  }\n}\n","/* tslint:disable */\nimport { FocusOrigin } from '@angular/cdk/a11y';\nimport { OverlayRef } from '@angular/cdk/overlay';\nimport {\n  MatDialogRef,\n  _MatDialogContainerBase,\n} from '@angular/material/dialog';\n\n// Counter for unique dialog ids.\nlet uniqueId = 0;\n\n// Create a new side sheet ref to change the id of the ref\nexport class CovalentSideSheetRef<T, R = any> extends MatDialogRef<T, R> {\n  constructor(\n    public overlayRef: OverlayRef,\n    public override _containerInstance: _MatDialogContainerBase,\n    override readonly id: string = `td-side-sheet-${uniqueId++}`\n  ) {\n    super(overlayRef, _containerInstance, id);\n  }\n}\n\nexport function _closeSideSheetVia<R>(\n  ref: CovalentSideSheetRef<R>,\n  interactionType: FocusOrigin,\n  result?: R\n) {\n  // Some mock dialog ref instances in tests do not have the `_containerInstance` property.\n  // For those, we keep the behavior as is and do not deal with the interaction type.\n  if (ref._containerInstance !== undefined) {\n    ref._containerInstance._closeInteractionType = interactionType;\n  }\n  return ref.close(result);\n}\n","/* tslint:disable */\nimport {\n  Directive,\n  Inject,\n  Injectable,\n  InjectFlags,\n  InjectionToken,\n  Injector,\n  OnDestroy,\n  Optional,\n  SkipSelf,\n  StaticProvider,\n  TemplateRef,\n  Type,\n} from '@angular/core';\nimport {\n  Overlay,\n  OverlayConfig,\n  OverlayRef,\n  GlobalPositionStrategy,\n} from '@angular/cdk/overlay';\nimport {\n  ComponentPortal,\n  ComponentType,\n  TemplatePortal,\n} from '@angular/cdk/portal';\nimport {\n  MAT_DIALOG_DATA,\n  MAT_DIALOG_DEFAULT_OPTIONS,\n} from '@angular/material/dialog';\nimport { AnimationCurves, AnimationDurations } from '@angular/material/core';\nimport {\n  CovalentSideSheetContainerComponent,\n  _CovalentSideSheetContainerBase,\n} from './side-sheet-container';\nimport { Subject, Subscription, of } from 'rxjs';\nimport { filter, take } from 'rxjs/operators';\nimport { Directionality } from '@angular/cdk/bidi';\n\nimport { CovalentSideSheetRef } from './side-sheet-ref';\nimport { CovalentSideSheetConfig } from './side-sheet.config';\n\n@Directive()\nexport class _CovalentSideSheetBase<C extends _CovalentSideSheetContainerBase>\n  implements OnDestroy\n{\n  private _openSideSheetsAtThisLevel: CovalentSideSheetRef<unknown>[] = [];\n  private readonly _afterAllClosedAtThisLevel = new Subject<void>();\n  private readonly _afterOpenedAtThisLevel = new Subject<\n    CovalentSideSheetRef<unknown>\n  >();\n  private _animationStateSubscriptions!: Subscription;\n\n  private defaultSidebarConfig = {\n    minWidth: '400px',\n    maxWidth: '100vw',\n  };\n\n  constructor(\n    private _overlay: Overlay,\n    private _injector: Injector,\n    private _defaultOptions: CovalentSideSheetConfig | undefined,\n    private _parentSideSheet: _CovalentSideSheetBase<C> | undefined,\n    private _sideSheetRefConstructor: Type<CovalentSideSheetRef<any>>,\n    private _sideSheetContainerType: Type<C>,\n    private _sideSheetDataToken: InjectionToken<unknown>\n  ) {}\n\n  /** Keeps track of the currently-open side-sheets. */\n  get openSideSheets(): CovalentSideSheetRef<unknown>[] {\n    return this._parentSideSheet\n      ? this._parentSideSheet.openSideSheets\n      : this._openSideSheetsAtThisLevel;\n  }\n\n  open<T, D = unknown, R = unknown>(\n    componentOrTemplateRef: ComponentType<T> | TemplateRef<T>,\n    config?: CovalentSideSheetConfig<D>\n  ): CovalentSideSheetRef<T, R> {\n    config = {\n      ...(this._defaultOptions || new CovalentSideSheetConfig()),\n      ...this.defaultSidebarConfig,\n      ...config,\n    };\n\n    const overlayRef = this._createOverlay(config);\n    const sideSheetContainer = this._attachSideSheetContainer(\n      overlayRef,\n      config\n    );\n    const sideSheetRef = this._attachSideSheetContent<T, R>(\n      componentOrTemplateRef,\n      sideSheetContainer,\n      overlayRef,\n      config\n    );\n    const prevSideSheetRef: CovalentSideSheetRef<unknown> =\n      this.openSideSheets.slice(-1)[0];\n    const prevOverlayRef = prevSideSheetRef?.overlayRef;\n\n    // Animate previous side sheet to full width\n    if (prevOverlayRef?.overlayElement) {\n      prevOverlayRef.overlayElement.style.transition = `${AnimationDurations.COMPLEX} ${AnimationCurves.DECELERATION_CURVE}`;\n      prevOverlayRef.overlayElement.style.minWidth = `${\n        (window as any).innerWidth\n      }px`;\n    }\n\n    // Revert the previous side sheet config & size\n    sideSheetRef._containerInstance._animationStateChanged\n      .pipe(\n        filter(\n          (event) =>\n            event.state === 'closing' && !!(prevSideSheetRef && prevOverlayRef)\n        ),\n        take(1)\n      )\n      .subscribe(() => {\n        prevOverlayRef.overlayElement.style.transition = `${AnimationDurations.EXITING} ${AnimationCurves.DECELERATION_CURVE}`;\n        prevSideSheetRef.updateSize();\n      });\n\n    // Add new side sheet to open list\n    this.openSideSheets.push(sideSheetRef);\n\n    // Remove side sheet ref after closed\n    sideSheetRef\n      .afterClosed()\n      .pipe(take(1))\n      .subscribe(() => this._removeOpenSideSheet(sideSheetRef));\n\n    // Notify the side-sheet container that the content has been attached.\n    sideSheetContainer._initializeWithAttachedContent();\n\n    return sideSheetRef;\n  }\n\n  ngOnDestroy() {\n    // Only close the side-sheets at this level on destroy\n    // since the parent service may still be active.\n    this._closeSideSheets(this._openSideSheetsAtThisLevel);\n    this._afterAllClosedAtThisLevel.complete();\n    this._afterOpenedAtThisLevel.complete();\n    // Clean up any subscriptions to side-sheet that never finished opening.\n    if (this._animationStateSubscriptions) {\n      this._animationStateSubscriptions.unsubscribe();\n    }\n  }\n\n  /**\n   * Closes all of the currently-open side-sheets.\n   */\n  closeAll(): void {\n    this._closeSideSheets(this.openSideSheets);\n  }\n\n  private _createOverlay<T>(config: CovalentSideSheetConfig): OverlayRef {\n    const overlayConfig = new OverlayConfig({\n      positionStrategy: this._overlay.position().global(),\n      scrollStrategy: this._overlay.scrollStrategies.block(),\n      panelClass: config.panelClass,\n      hasBackdrop: config.hasBackdrop,\n      direction: config.direction,\n      minWidth: config.minWidth,\n      minHeight: config.minHeight,\n      maxWidth: config.maxWidth,\n    });\n    const overlayRef = this._overlay.create(overlayConfig);\n    const positionStrategy = overlayRef.getConfig()\n      .positionStrategy as GlobalPositionStrategy;\n    positionStrategy.right('0px');\n\n    return overlayRef;\n  }\n\n  /**\n   * Attaches a container to a side-sheets's already-created overlay.\n   * @param overlay Reference to the side-sheet's underlying overlay.\n   * @param config The side-sheet configuration.\n   * @returns A promise resolving to a ComponentRef for the attached container.\n   */\n  private _attachSideSheetContainer(\n    overlay: OverlayRef,\n    config: CovalentSideSheetConfig\n  ): C {\n    const userInjector =\n      config && config.viewContainerRef && config.viewContainerRef.injector;\n    const injector = Injector.create({\n      parent: userInjector || this._injector,\n      providers: [{ provide: CovalentSideSheetConfig, useValue: config }],\n    });\n\n    const containerPortal = new ComponentPortal(\n      this._sideSheetContainerType,\n      config.viewContainerRef,\n      injector,\n      config.componentFactoryResolver\n    );\n    const containerRef = overlay.attach<C>(containerPortal);\n\n    return containerRef.instance;\n  }\n\n  /**\n   * Attaches the user-provided component to the already-created side sheet container.\n   * @param componentOrTemplateRef The type of component being loaded into the side-sheet,\n   *     or a TemplateRef to instantiate as the content.\n   * @param dialogContainer Reference to the wrapping side-sheet container.\n   * @param overlayRef Reference to the overlay in which the side-sheet resides.\n   * @param config The side-sheet configuration.\n   * @returns A promise resolving to the CovalentSideSheetRef that should be returned to the user.\n   */\n  private _attachSideSheetContent<T, R>(\n    componentOrTemplateRef: ComponentType<T> | TemplateRef<T>,\n    sideSheetContainer: C,\n    overlayRef: OverlayRef,\n    config: CovalentSideSheetConfig\n  ): CovalentSideSheetRef<T, R> {\n    // Create a reference to the side-sheet we're creating in order to give the user a handle\n    // to modify and close it.\n    const sideSheetRef = new this._sideSheetRefConstructor(\n      overlayRef,\n      sideSheetContainer,\n      config.id\n    );\n\n    if (componentOrTemplateRef instanceof TemplateRef) {\n      sideSheetContainer.attachTemplatePortal(\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n        new TemplatePortal<T>(componentOrTemplateRef, null!, <any>{\n          $implicit: config.data,\n          sideSheetRef,\n        })\n      );\n    } else {\n      const injector = this._createInjector<T>(\n        config,\n        sideSheetRef,\n        sideSheetContainer\n      );\n      const contentRef = sideSheetContainer.attach<T>(\n        new ComponentPortal(\n          componentOrTemplateRef,\n          config.viewContainerRef,\n          injector\n        )\n      );\n      sideSheetRef.componentInstance = contentRef.instance;\n    }\n\n    sideSheetRef.updateSize(config.width, config.height);\n\n    return sideSheetRef;\n  }\n\n  private _createInjector<T>(\n    config: CovalentSideSheetConfig,\n    sideSheetRef: CovalentSideSheetRef<T>,\n    sideSheetContainer: C\n  ): Injector {\n    const userInjector =\n      config && config.viewContainerRef && config.viewContainerRef.injector;\n\n    // The side-sheet container should be provided as the side-sheet container and the side-sheet's\n    // content are created out of the same `ViewContainerRef` and as such, are siblings\n    // for injector purposes. To allow the hierarchy that is expected, the side-sheet\n    // container is explicitly provided in the injector.\n    const providers: StaticProvider[] = [\n      { provide: this._sideSheetContainerType, useValue: sideSheetContainer },\n      { provide: this._sideSheetDataToken, useValue: config.data },\n      { provide: this._sideSheetRefConstructor, useValue: sideSheetRef },\n    ];\n\n    if (\n      config.direction &&\n      (!userInjector ||\n        !userInjector.get<Directionality | null>(\n          Directionality,\n          null,\n          InjectFlags.Optional\n        ))\n    ) {\n      providers.push({\n        provide: Directionality,\n        useValue: { value: config.direction, change: of() },\n      });\n    }\n\n    return Injector.create({\n      parent: userInjector || this._injector,\n      providers,\n    });\n  }\n\n  /**\n   * Removes a side sheet from the array of open side sheets.\n   * @param sideSheetRef Side Sheet to be removed.\n   */\n  private _removeOpenSideSheet(sideSheetRef: CovalentSideSheetRef<unknown>) {\n    const index = this.openSideSheets.indexOf(sideSheetRef);\n\n    if (index > -1) {\n      this.openSideSheets.splice(index, 1);\n    }\n  }\n\n  /** Closes all of the side-sheet in an array. */\n  private _closeSideSheets(sideSheets: CovalentSideSheetRef<any>[]) {\n    let i = sideSheets.length;\n\n    while (i--) {\n      sideSheets[i].close();\n    }\n  }\n}\n\n/**\n * Service to open Covalent Design side-sheet.\n */\n@Injectable()\nexport class CovalentSideSheet extends _CovalentSideSheetBase<CovalentSideSheetContainerComponent> {\n  constructor(\n    overlay: Overlay,\n    injector: Injector,\n    @Optional()\n    @Inject(MAT_DIALOG_DEFAULT_OPTIONS)\n    defaultOptions: CovalentSideSheetConfig,\n    @Optional() @SkipSelf() parentSideSheet: CovalentSideSheet\n  ) {\n    super(\n      overlay,\n      injector,\n      defaultOptions,\n      parentSideSheet,\n      CovalentSideSheetRef,\n      CovalentSideSheetContainerComponent,\n      MAT_DIALOG_DATA\n    );\n  }\n}\n","/* tslint:disable */\nimport {\n  Directive,\n  Input,\n  OnChanges,\n  OnInit,\n  Optional,\n  SimpleChanges,\n  ElementRef,\n  HostBinding,\n  HostListener,\n} from '@angular/core';\nimport { CovalentSideSheet } from './side-sheet';\nimport { _closeSideSheetVia, CovalentSideSheetRef } from './side-sheet-ref';\n\n/** Counter used to generate unique IDs for dialog elements. */\nlet dialogElementUid = 0;\n\n/**\n * Button that will close the current dialog.\n */\n@Directive({\n  selector: '[td-side-sheet-close], [CovalentSideSheetClose]',\n  exportAs: 'CovalentSideSheetClose',\n})\nexport class CovalentSideSheetCloseDirective implements OnInit, OnChanges {\n  /** Screenreader label for the button. */\n  @HostBinding('attr.arial-label')\n  @Input('aria-label')\n  ariaLabel?: string;\n\n  /** Default to \"button\" to prevents accidental form submits. */\n  @HostBinding('attr.type')\n  @Input()\n  type: 'submit' | 'button' | 'reset' = 'button';\n\n  /** Dialog close input. */\n  @Input('td-side-sheet-close') dialogResult: any;\n\n  @Input('CovalentSideSheetClose') _CovalentSideSheetClose: any;\n\n  @HostListener('click', ['$event']) onClick($event: MouseEvent) {\n    this._onButtonClick($event);\n  }\n\n  constructor(\n    @Optional() public dialogRef: CovalentSideSheetRef<any>,\n    private _elementRef: ElementRef<HTMLElement>,\n    private _dialog: CovalentSideSheet\n  ) {}\n\n  ngOnInit(): void {\n    if (!this.dialogRef) {\n      // When this directive is included in a dialog via TemplateRef (rather than being\n      // in a Component), the DialogRef isn't available via injection because embedded\n      // views cannot be given a custom injector. Instead, we look up the DialogRef by\n      // ID. This must occur in `onInit`, as the ID binding for the dialog container won't\n      // be resolved at constructor time.\n      this.dialogRef = getClosestDialog(\n        this._elementRef,\n        this._dialog.openSideSheets\n      );\n    }\n  }\n\n  ngOnChanges(changes: SimpleChanges) {\n    const proxiedChange =\n      changes['_CovalentSideSheetClose'] ||\n      changes['_CovalentSideSheetCloseResult'];\n\n    if (proxiedChange) {\n      this.dialogResult = proxiedChange.currentValue;\n    }\n  }\n\n  _onButtonClick(event: MouseEvent) {\n    // Determinate the focus origin using the click event, because using the FocusMonitor will\n    // result in incorrect origins. Most of the time, close buttons will be auto focused in the\n    // dialog, and therefore clicking the button won't result in a focus change. This means that\n    // the FocusMonitor won't detect any origin change, and will always output `program`.\n    _closeSideSheetVia(\n      this.dialogRef,\n      event.screenX === 0 && event.screenY === 0 ? 'keyboard' : 'mouse',\n      this.dialogResult\n    );\n  }\n}\n\n/**\n * Title of a side sheet element. Stays fixed to the top of the side sheet when scrolling.\n */\n@Directive({\n  selector: '[td-side-sheet-title], [CovalentSideSheetTitle]',\n  exportAs: 'CovalentSideSheetTitle',\n})\nexport class CovalentSideSheetTitleDirective implements OnInit {\n  /** Unique id for the dialog title. If none is supplied, it will be auto-generated. */\n  @Input() id = `td-side-sheet-title-${dialogElementUid++}`;\n\n  @HostBinding('class.td-side-sheet-title') tdSideSheetTitle = true;\n\n  @HostBinding('attr.id') idAttr = this.id;\n\n  constructor(\n    // The dialog title directive is always used in combination with a `CovalentSideSheetRef`.\n    // tslint:disable-next-line: lightweight-tokens\n    @Optional() private _dialogRef: CovalentSideSheetRef<any>,\n    private _elementRef: ElementRef<HTMLElement>,\n    private _dialog: CovalentSideSheet\n  ) {}\n\n  ngOnInit(): void {\n    if (this._dialogRef) {\n      Promise.resolve().then(() => {\n        const container = this._dialogRef._containerInstance;\n\n        if (container && !container._ariaLabelledBy) {\n          container._ariaLabelledBy = this.id;\n        }\n      });\n    } else {\n      this._dialogRef = getClosestDialog(\n        this._elementRef,\n        this._dialog.openSideSheets\n      );\n    }\n  }\n}\n\n/**\n * Scrollable content container of a dialog.\n */\n@Directive({\n  selector: `[td-side-sheet-content], td-side-sheet-content, [CovalentSideSheetContent]`,\n})\nexport class CovalentSideSheetContentDirective {\n  @HostBinding('class.td-side-sheet-content') tdSideSheetContent = true;\n}\n\n/**\n * Container for the bottom action buttons in a dialog.\n * Stays fixed to the bottom when scrolling.\n */\n@Directive({\n  selector: `[td-side-sheet-actions], td-side-sheet-actions, [CovalentSideSheetActions]`,\n})\nexport class CovalentSideSheetActionsDirective {\n  @HostBinding('class.td-side-sheet-actions') tdSideSheetActions = true;\n}\n\n/**\n * Container for the wrapper part of the dialog\n */\n@Directive({\n  selector: `[td-side-sheet-wrapper], td-side-sheet-wrapper, [CovalentSideSheetWrapper]`,\n})\nexport class CovalentSideSheetWrapperDirective {\n  @HostBinding('class.td-side-sheet-wrapper') tdSideSheetWrapper = true;\n}\n\n/**\n * Finds the closest CovalentSideSheetRef to an element by looking at the DOM.\n * @param element Element relative to which to look for a dialog.\n * @param openDialogs References to the currently-open dialogs.\n */\nfunction getClosestDialog(\n  element: ElementRef<HTMLElement>,\n  openDialogs: CovalentSideSheetRef<any>[]\n): CovalentSideSheetRef<any> {\n  let parent: HTMLElement | null = element.nativeElement.parentElement;\n\n  while (parent && !parent.classList.contains('td-side-sheet-container')) {\n    parent = parent.parentElement;\n  }\n\n  return parent\n    ? openDialogs.find((dialog) => dialog.id === parent?.id) ?? openDialogs[0]\n    : openDialogs[0];\n}\n","import { NgModule } from '@angular/core';\nimport { PortalModule } from '@angular/cdk/portal';\nimport { MatCommonModule } from '@angular/material/core';\nimport { MatDialogModule } from '@angular/material/dialog';\n\nimport { CovalentSideSheet } from './side-sheet';\nimport { CovalentSideSheetContainerComponent } from './side-sheet-container';\nimport {\n  CovalentSideSheetActionsDirective,\n  CovalentSideSheetCloseDirective,\n  CovalentSideSheetContentDirective,\n  CovalentSideSheetTitleDirective,\n  CovalentSideSheetWrapperDirective,\n} from './side-sheet.content-directives';\n\n@NgModule({\n  declarations: [\n    CovalentSideSheetContainerComponent,\n    CovalentSideSheetActionsDirective,\n    CovalentSideSheetCloseDirective,\n    CovalentSideSheetContentDirective,\n    CovalentSideSheetTitleDirective,\n    CovalentSideSheetWrapperDirective,\n  ],\n  exports: [\n    CovalentSideSheetActionsDirective,\n    CovalentSideSheetCloseDirective,\n    CovalentSideSheetContentDirective,\n    CovalentSideSheetTitleDirective,\n    CovalentSideSheetWrapperDirective,\n  ],\n  imports: [PortalModule, MatDialogModule, MatCommonModule],\n  providers: [CovalentSideSheet],\n})\nexport class CovalentSideSheetModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2015/covalent-core-user-profile.mjs

@@ -0,0 +1,86 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';
+import * as i4 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i3$1 from '@angular/material/menu';
+import { MatMenuModule } from '@angular/material/menu';
+import * as i3 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i1$1 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i2 from '@angular/material/list';
+import { MatListModule } from '@angular/material/list';
+import * as i1 from '@covalent/core/menu';
+import { CovalentMenuModule } from '@covalent/core/menu';
+import * as i5 from '@angular/material/core';
+
+class TdUserProfileMenuComponent {
+    _blockEvent(event) {
+        event.preventDefault();
+        event.stopPropagation();
+    }
+}
+TdUserProfileMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdUserProfileMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TdUserProfileMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: TdUserProfileMenuComponent, selector: "td-user-profile-menu", inputs: { email: "email", name: "name" }, ngImport: i0, template: "<td-menu class=\"user-profile-menu\">\n  <!--header-->\n  <mat-list td-menu-header>\n    <mat-list-item *ngIf=\"name || email\" (click)=\"_blockEvent($event)\">\n      <mat-icon matListAvatar>person</mat-icon>\n      <span matLine *ngIf=\"name\" class=\"mat-body-1\">{{ name }}</span>\n      <span matLine *ngIf=\"email\">{{ email }}</span>\n    </mat-list-item>\n    <ng-content select=\"[td-user-info-list]\"></ng-content>\n  </mat-list>\n  <!--content-->\n  <mat-action-list>\n    <ng-content select=\"[td-user-action-list]\"></ng-content>\n  </mat-action-list>\n</td-menu>\n", styles: [".user-profile-menu [td-menu-header]{text-align:left;padding-bottom:0}::ng-deep mat-list-item:not(:first-child) .mat-list-item-content .mat-icon[matListAvatar],::ng-deep [mat-list-item] .mat-list-item-content .mat-icon[matListAvatar]{background:none}.mat-action-list{padding-top:0}:host ::ng-deep .mat-action-list .mat-divider,:host ::ng-deep .mat-divider{margin:8px 0}:host ::ng-deep mat-divider:last-child{display:none}:host ::ng-deep mat-list .mat-list-item.mat-2-line .mat-list-item-content{height:inherit}:host ::ng-deep mat-list .mat-list-item .mat-list-item-content{padding:8px}td-menu{margin-bottom:0}\n"], components: [{ type: i1.TdMenuComponent, selector: "td-menu" }, { type: i2.MatList, selector: "mat-list, mat-action-list", inputs: ["disableRipple", "disabled"], exportAs: ["matList"] }, { type: i2.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["disableRipple", "disabled"], exportAs: ["matListItem"] }, { type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.MatListAvatarCssMatStyler, selector: "[mat-list-avatar], [matListAvatar]" }, { type: i5.MatLine, selector: "[mat-line], [matLine]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdUserProfileMenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'td-user-profile-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<td-menu class=\"user-profile-menu\">\n  <!--header-->\n  <mat-list td-menu-header>\n    <mat-list-item *ngIf=\"name || email\" (click)=\"_blockEvent($event)\">\n      <mat-icon matListAvatar>person</mat-icon>\n      <span matLine *ngIf=\"name\" class=\"mat-body-1\">{{ name }}</span>\n      <span matLine *ngIf=\"email\">{{ email }}</span>\n    </mat-list-item>\n    <ng-content select=\"[td-user-info-list]\"></ng-content>\n  </mat-list>\n  <!--content-->\n  <mat-action-list>\n    <ng-content select=\"[td-user-action-list]\"></ng-content>\n  </mat-action-list>\n</td-menu>\n", styles: [".user-profile-menu [td-menu-header]{text-align:left;padding-bottom:0}::ng-deep mat-list-item:not(:first-child) .mat-list-item-content .mat-icon[matListAvatar],::ng-deep [mat-list-item] .mat-list-item-content .mat-icon[matListAvatar]{background:none}.mat-action-list{padding-top:0}:host ::ng-deep .mat-action-list .mat-divider,:host ::ng-deep .mat-divider{margin:8px 0}:host ::ng-deep mat-divider:last-child{display:none}:host ::ng-deep mat-list .mat-list-item.mat-2-line .mat-list-item-content{height:inherit}:host ::ng-deep mat-list .mat-list-item .mat-list-item-content{padding:8px}td-menu{margin-bottom:0}\n"] }]
+        }], propDecorators: { email: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }] } });
+
+class TdUserProfileComponent {
+}
+TdUserProfileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdUserProfileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TdUserProfileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: TdUserProfileComponent, selector: "td-user-profile", inputs: { name: "name", email: "email" }, ngImport: i0, template: "<button mat-icon-button [matMenuTriggerFor]=\"accountMenu\">\n  <mat-icon>person</mat-icon>\n</button>\n\n<mat-menu #accountMenu=\"matMenu\" [overlapTrigger]=\"false\">\n  <td-user-profile-menu [name]=\"name\" [email]=\"email\">\n    <ng-content select=\"[td-user-info-list]\" td-user-info-list></ng-content>\n    <ng-content select=\"[td-user-action-list]\" td-user-action-list></ng-content>\n  </td-user-profile-menu>\n</mat-menu>\n", components: [{ type: i1$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i3$1.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: TdUserProfileMenuComponent, selector: "td-user-profile-menu", inputs: ["email", "name"] }], directives: [{ type: i3$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdUserProfileComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'td-user-profile', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button mat-icon-button [matMenuTriggerFor]=\"accountMenu\">\n  <mat-icon>person</mat-icon>\n</button>\n\n<mat-menu #accountMenu=\"matMenu\" [overlapTrigger]=\"false\">\n  <td-user-profile-menu [name]=\"name\" [email]=\"email\">\n    <ng-content select=\"[td-user-info-list]\" td-user-info-list></ng-content>\n    <ng-content select=\"[td-user-action-list]\" td-user-action-list></ng-content>\n  </td-user-profile-menu>\n</mat-menu>\n" }]
+        }], propDecorators: { name: [{
+                type: Input
+            }], email: [{
+                type: Input
+            }] } });
+
+class CovalentUserProfileModule {
+}
+CovalentUserProfileModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: CovalentUserProfileModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+CovalentUserProfileModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: CovalentUserProfileModule, declarations: [TdUserProfileComponent, TdUserProfileMenuComponent], imports: [CommonModule,
+        MatMenuModule,
+        MatIconModule,
+        MatButtonModule,
+        MatListModule,
+        CovalentMenuModule], exports: [TdUserProfileComponent, TdUserProfileMenuComponent] });
+CovalentUserProfileModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: CovalentUserProfileModule, providers: [], imports: [[
+            CommonModule,
+            MatMenuModule,
+            MatIconModule,
+            MatButtonModule,
+            MatListModule,
+            CovalentMenuModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: CovalentUserProfileModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [TdUserProfileComponent, TdUserProfileMenuComponent],
+                    imports: [
+                        CommonModule,
+                        MatMenuModule,
+                        MatIconModule,
+                        MatButtonModule,
+                        MatListModule,
+                        CovalentMenuModule,
+                    ],
+                    providers: [],
+                    exports: [TdUserProfileComponent, TdUserProfileMenuComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CovalentUserProfileModule, TdUserProfileComponent, TdUserProfileMenuComponent };
+//# sourceMappingURL=covalent-core-user-profile.mjs.map

package/fesm2015/covalent-core-user-profile.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"covalent-core-user-profile.mjs","sources":["../../../../libs/angular/user-profile/src/user-profile-menu/user-profile-menu.component.ts","../../../../libs/angular/user-profile/src/user-profile-menu/user-profile-menu.component.html","../../../../libs/angular/user-profile/src/user-profile.component.ts","../../../../libs/angular/user-profile/src/user-profile.component.html","../../../../libs/angular/user-profile/src/user-profile.module.ts","../../../../libs/angular/user-profile/src/covalent-core-user-profile.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\n@Component({\n  selector: 'td-user-profile-menu',\n  templateUrl: './user-profile-menu.component.html',\n  styleUrls: ['./user-profile-menu.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TdUserProfileMenuComponent {\n  @Input() email?: string;\n  @Input() name?: string;\n\n  _blockEvent(event: Event): void {\n    event.preventDefault();\n    event.stopPropagation();\n  }\n}\n","<td-menu class=\"user-profile-menu\">\n  <!--header-->\n  <mat-list td-menu-header>\n    <mat-list-item *ngIf=\"name || email\" (click)=\"_blockEvent($event)\">\n      <mat-icon matListAvatar>person</mat-icon>\n      <span matLine *ngIf=\"name\" class=\"mat-body-1\">{{ name }}</span>\n      <span matLine *ngIf=\"email\">{{ email }}</span>\n    </mat-list-item>\n    <ng-content select=\"[td-user-info-list]\"></ng-content>\n  </mat-list>\n  <!--content-->\n  <mat-action-list>\n    <ng-content select=\"[td-user-action-list]\"></ng-content>\n  </mat-action-list>\n</td-menu>\n","import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\n@Component({\n  selector: 'td-user-profile',\n  templateUrl: './user-profile.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TdUserProfileComponent {\n  @Input() name?: string;\n  @Input() email?: string;\n}\n","<button mat-icon-button [matMenuTriggerFor]=\"accountMenu\">\n  <mat-icon>person</mat-icon>\n</button>\n\n<mat-menu #accountMenu=\"matMenu\" [overlapTrigger]=\"false\">\n  <td-user-profile-menu [name]=\"name\" [email]=\"email\">\n    <ng-content select=\"[td-user-info-list]\" td-user-info-list></ng-content>\n    <ng-content select=\"[td-user-action-list]\" td-user-action-list></ng-content>\n  </td-user-profile-menu>\n</mat-menu>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatListModule } from '@angular/material/list';\n\nimport { TdUserProfileMenuComponent } from './user-profile-menu/user-profile-menu.component';\nimport { TdUserProfileComponent } from './user-profile.component';\nimport { CovalentMenuModule } from '@covalent/core/menu';\n\n@NgModule({\n  declarations: [TdUserProfileComponent, TdUserProfileMenuComponent],\n  imports: [\n    CommonModule,\n    MatMenuModule,\n    MatIconModule,\n    MatButtonModule,\n    MatListModule,\n    CovalentMenuModule,\n  ],\n  providers: [],\n  exports: [TdUserProfileComponent, TdUserProfileMenuComponent],\n})\nexport class CovalentUserProfileModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;MAQa,0BAA0B;IAIrC,WAAW,CAAC,KAAY;QACtB,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;KACzB;;uHAPU,0BAA0B;2GAA1B,0BAA0B,sGCRvC,okBAeA;2FDPa,0BAA0B;kBANtC,SAAS;+BACE,sBAAsB,mBAGf,uBAAuB,CAAC,MAAM;8BAGtC,KAAK;sBAAb,KAAK;gBACG,IAAI;sBAAZ,KAAK;;;MEHK,sBAAsB;;mHAAtB,sBAAsB;uGAAtB,sBAAsB,iGCPnC,obAUA;2FDHa,sBAAsB;kBALlC,SAAS;+BACE,iBAAiB,mBAEV,uBAAuB,CAAC,MAAM;8BAGtC,IAAI;sBAAZ,KAAK;gBACG,KAAK;sBAAb,KAAK;;;MEeK,yBAAyB;;sHAAzB,yBAAyB;uHAAzB,yBAAyB,iBAZrB,sBAAsB,EAAE,0BAA0B,aAE/D,YAAY;QACZ,aAAa;QACb,aAAa;QACb,eAAe;QACf,aAAa;QACb,kBAAkB,aAGV,sBAAsB,EAAE,0BAA0B;uHAEjD,yBAAyB,aAHzB,EAAE,YARJ;YACP,YAAY;YACZ,aAAa;YACb,aAAa;YACb,eAAe;YACf,aAAa;YACb,kBAAkB;SACnB;2FAIU,yBAAyB;kBAbrC,QAAQ;mBAAC;oBACR,YAAY,EAAE,CAAC,sBAAsB,EAAE,0BAA0B,CAAC;oBAClE,OAAO,EAAE;wBACP,YAAY;wBACZ,aAAa;wBACb,aAAa;wBACb,eAAe;wBACf,aAAa;wBACb,kBAAkB;qBACnB;oBACD,SAAS,EAAE,EAAE;oBACb,OAAO,EAAE,CAAC,sBAAsB,EAAE,0BAA0B,CAAC;iBAC9D;;;ACvBD;;;;;;"}

package/fesm2015/covalent-core.mjs

@@ -0,0 +1,4 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+//# sourceMappingURL=covalent-core.mjs.map

package/fesm2015/covalent-core.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"covalent-core.mjs","sources":["../../../../libs/angular/covalent-core.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"AAAA;;"}

package/fesm2020/covalent-core-breadcrumbs.mjs

@@ -0,0 +1,246 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, HostBinding, ContentChildren, Input, NgModule } from '@angular/core';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i1 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import { Subscription, Subject, merge, fromEvent } from 'rxjs';
+import { debounceTime, distinctUntilChanged, startWith } from 'rxjs/operators';
+
+class TdBreadcrumbComponent {
+    constructor(_elementRef, _changeDetectorRef) {
+        this._elementRef = _elementRef;
+        this._changeDetectorRef = _changeDetectorRef;
+        this._displayCrumb = true;
+        this._width = 0;
+        this._displayIcon = true;
+        this._separatorIcon = 'chevron_right';
+        this.matButtonClass = true;
+        this.tdBreadCrumbClass = true;
+    }
+    // Sets the icon url shown between breadcrumbs. Defaults to 'chevron_right'
+    get separatorIcon() {
+        return this._separatorIcon;
+    }
+    set separatorIcon(separatorIcon) {
+        this._separatorIcon = separatorIcon;
+        setTimeout(() => {
+            this._changeDetectorRef.markForCheck();
+        });
+    }
+    // Should show the right chevron or not before the label
+    get displayIcon() {
+        return this._displayIcon;
+    }
+    set displayIcon(displayIcon) {
+        this._displayIcon = displayIcon;
+        setTimeout(() => {
+            this._changeDetectorRef.markForCheck();
+        });
+    }
+    get displayCrumb() {
+        return this._displayCrumb;
+    }
+    /**
+     * Whether to display the crumb or not
+     */
+    set displayCrumb(shouldDisplay) {
+        this._displayCrumb = shouldDisplay;
+        setTimeout(() => {
+            this._changeDetectorRef.markForCheck();
+        });
+    }
+    /**
+     * Width of the DOM element of the crumb
+     */
+    get width() {
+        return this._width;
+    }
+    /**
+     * Gets the display style of the crumb
+     */
+    get displayBinding() {
+        // Set the display to none on the component, just in case the end user is hiding
+        // and showing them instead of the component doing itself for reasons like responsive
+        return this._displayCrumb ? undefined : 'none';
+    }
+    ngAfterViewInit() {
+        // set the width from the actual rendered DOM element
+        setTimeout(() => {
+            this._width = (this._elementRef.nativeElement).getBoundingClientRect().width;
+            this._changeDetectorRef.markForCheck();
+        });
+    }
+    /**
+     * Stop click propagation when clicking on icon
+     */
+    _handleIconClick(event) {
+        event.stopPropagation();
+        event.preventDefault();
+    }
+}
+TdBreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdBreadcrumbComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+TdBreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: TdBreadcrumbComponent, selector: "td-breadcrumb, a[td-breadcrumb]", host: { properties: { "class.mat-button": "this.matButtonClass", "class.td-breadcrumb": "this.tdBreadCrumbClass", "style.display": "this.displayBinding" } }, ngImport: i0, template: "<ng-content></ng-content>\n<mat-icon\n  *ngIf=\"displayIcon\"\n  class=\"td-breadcrumb-separator-icon\"\n  [style.cursor]=\"'default'\"\n  (click)=\"_handleIconClick($event)\"\n>\n  {{ separatorIcon }}\n</mat-icon>\n", styles: [":host.td-breadcrumb{display:inline-block;box-sizing:border-box;flex-direction:row;align-items:center;align-content:center;max-width:100%;justify-content:flex-end}:host.td-breadcrumb ::ng-deep>*{margin:0 10px}:host .td-breadcrumb-separator-icon{display:inline-flex;vertical-align:middle}:host.mat-button{min-width:0;padding:0}\n"], components: [{ type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdBreadcrumbComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'td-breadcrumb, a[td-breadcrumb]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n<mat-icon\n  *ngIf=\"displayIcon\"\n  class=\"td-breadcrumb-separator-icon\"\n  [style.cursor]=\"'default'\"\n  (click)=\"_handleIconClick($event)\"\n>\n  {{ separatorIcon }}\n</mat-icon>\n", styles: [":host.td-breadcrumb{display:inline-block;box-sizing:border-box;flex-direction:row;align-items:center;align-content:center;max-width:100%;justify-content:flex-end}:host.td-breadcrumb ::ng-deep>*{margin:0 10px}:host .td-breadcrumb-separator-icon{display:inline-flex;vertical-align:middle}:host.mat-button{min-width:0;padding:0}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { matButtonClass: [{
+                type: HostBinding,
+                args: ['class.mat-button']
+            }], tdBreadCrumbClass: [{
+                type: HostBinding,
+                args: ['class.td-breadcrumb']
+            }], displayBinding: [{
+                type: HostBinding,
+                args: ['style.display']
+            }] } });
+
+class TdBreadcrumbsComponent {
+    constructor(_elementRef, _changeDetectorRef) {
+        this._elementRef = _elementRef;
+        this._changeDetectorRef = _changeDetectorRef;
+        this._resizeSubscription = Subscription.EMPTY;
+        this._widthSubject = new Subject();
+        this._resizing = false;
+        this._separatorIcon = 'chevron_right';
+        this.tdBreadCrumbsClass = true;
+        // the list of hidden breadcrumbs not shown right now (responsive)
+        this.hiddenBreadcrumbs = [];
+    }
+    /**
+     * Sets the icon url shown between breadcrumbs. Defaults to 'chevron_right'.
+     */
+    set separatorIcon(separatorIcon) {
+        this._separatorIcon = separatorIcon;
+        this.setCrumbIcons();
+    }
+    get separatorIcon() {
+        return this._separatorIcon;
+    }
+    ngOnInit() {
+        this._resizeSubscription = merge(fromEvent(window, 'resize').pipe(debounceTime(10)), this._widthSubject.asObservable().pipe(distinctUntilChanged())).subscribe(() => {
+            if (!this._resizing) {
+                this._resizing = true;
+                setTimeout(() => {
+                    this._calculateVisibility();
+                    this._resizing = false;
+                    this._changeDetectorRef.markForCheck();
+                }, 100);
+            }
+        });
+    }
+    ngDoCheck() {
+        if (this._elementRef && this._elementRef.nativeElement) {
+            this._widthSubject.next(this.nativeElementWidth);
+        }
+    }
+    ngAfterContentInit() {
+        this._contentChildrenSub = this._breadcrumbs.changes
+            .pipe(startWith(this._breadcrumbs))
+            .subscribe(() => {
+            this.setCrumbIcons();
+            this._changeDetectorRef.markForCheck();
+        });
+    }
+    ngOnDestroy() {
+        this._resizeSubscription.unsubscribe();
+        this._contentChildrenSub.unsubscribe();
+    }
+    /*
+     * Current width of the element container
+     */
+    get nativeElementWidth() {
+        const element = this._elementRef.nativeElement;
+        // Need to take into account border, margin and padding that might be around all the crumbs
+        const style = window.getComputedStyle(element);
+        const borderLeft = parseInt(style.borderLeft, 10);
+        const borderRight = parseInt(style.borderRight, 10);
+        const marginLeft = parseInt(style.marginLeft, 10);
+        const marginRight = parseInt(style.marginRight, 10);
+        const paddingLeft = parseInt(style.paddingLeft, 10);
+        const paddingRight = parseInt(style.paddingRight, 10);
+        return (element.getBoundingClientRect().width -
+            borderLeft -
+            borderRight -
+            marginLeft -
+            marginRight -
+            paddingLeft -
+            paddingRight);
+    }
+    /**
+     * The total count of individual breadcrumbs
+     */
+    get count() {
+        return this._breadcrumbs ? this._breadcrumbs.length : 0;
+    }
+    /**
+     * Set the crumb icon separators
+     */
+    setCrumbIcons() {
+        if (this._breadcrumbs) {
+            const breadcrumbArray = this._breadcrumbs.toArray();
+            breadcrumbArray.forEach((breadcrumb, index) => {
+                breadcrumb.separatorIcon = this.separatorIcon;
+                // don't show the icon on the last breadcrumb
+                breadcrumb.displayIcon = index < breadcrumbArray.length - 1;
+            });
+        }
+    }
+    _calculateVisibility() {
+        const crumbsArray = this._breadcrumbs.toArray();
+        let crumbWidthSum = 0;
+        const hiddenCrumbs = [];
+        // loop through crumbs in reverse order to calculate which ones should be removed
+        for (let i = crumbsArray.length - 1; i >= 0; i--) {
+            const breadcrumb = crumbsArray[i];
+            // if crumb exceeds width, then we skip it from the sum and add it into the hiddencrumbs array
+            // and hide it
+            if (crumbWidthSum + breadcrumb.width > this.nativeElementWidth) {
+                breadcrumb.displayCrumb = false;
+                hiddenCrumbs.push(breadcrumb);
+            }
+            else {
+                // else we show it
+                breadcrumb.displayCrumb = true;
+            }
+            crumbWidthSum += breadcrumb.width;
+        }
+        this.hiddenBreadcrumbs = hiddenCrumbs;
+        this._changeDetectorRef.markForCheck();
+    }
+}
+TdBreadcrumbsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdBreadcrumbsComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+TdBreadcrumbsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: TdBreadcrumbsComponent, selector: "td-breadcrumbs", inputs: { separatorIcon: "separatorIcon" }, host: { properties: { "class.td-breadcrumbs": "this.tdBreadCrumbsClass" } }, queries: [{ propertyName: "_breadcrumbs", predicate: TdBreadcrumbComponent, descendants: true }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:block;width:100%}:host.td-breadcrumbs{white-space:nowrap}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdBreadcrumbsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'td-breadcrumbs', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n", styles: [":host{display:block;width:100%}:host.td-breadcrumbs{white-space:nowrap}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { tdBreadCrumbsClass: [{
+                type: HostBinding,
+                args: ['class.td-breadcrumbs']
+            }], _breadcrumbs: [{
+                type: ContentChildren,
+                args: [TdBreadcrumbComponent, { descendants: true }]
+            }], separatorIcon: [{
+                type: Input
+            }] } });
+
+class CovalentBreadcrumbsModule {
+}
+CovalentBreadcrumbsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: CovalentBreadcrumbsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+CovalentBreadcrumbsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: CovalentBreadcrumbsModule, declarations: [TdBreadcrumbsComponent, TdBreadcrumbComponent], imports: [CommonModule, MatIconModule], exports: [TdBreadcrumbsComponent, TdBreadcrumbComponent] });
+CovalentBreadcrumbsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: CovalentBreadcrumbsModule, imports: [[CommonModule, MatIconModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: CovalentBreadcrumbsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, MatIconModule],
+                    declarations: [TdBreadcrumbsComponent, TdBreadcrumbComponent],
+                    exports: [TdBreadcrumbsComponent, TdBreadcrumbComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CovalentBreadcrumbsModule, TdBreadcrumbComponent, TdBreadcrumbsComponent };
+//# sourceMappingURL=covalent-core-breadcrumbs.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"covalent-core-breadcrumbs.mjs","sources":["../../../../libs/angular/breadcrumbs/src/breadcrumb/breadcrumb.component.ts","../../../../libs/angular/breadcrumbs/src/breadcrumb/breadcrumb.component.html","../../../../libs/angular/breadcrumbs/src/breadcrumbs.component.ts","../../../../libs/angular/breadcrumbs/src/breadcrumbs.component.html","../../../../libs/angular/breadcrumbs/src/breadcrumbs.module.ts","../../../../libs/angular/breadcrumbs/src/covalent-core-breadcrumbs.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  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TdBreadcrumbComponent implements AfterViewInit {\n  private _displayCrumb = true;\n  private _width = 0;\n  private _displayIcon = true;\n  private _separatorIcon = 'chevron_right';\n\n  @HostBinding('class.mat-button') matButtonClass = true;\n  @HostBinding('class.td-breadcrumb') tdBreadCrumbClass = true;\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 | undefined {\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(\n    private _elementRef: ElementRef,\n    private _changeDetectorRef: ChangeDetectorRef\n  ) {}\n\n  ngAfterViewInit(): void {\n    // set the width from the actual rendered DOM element\n    setTimeout(() => {\n      this._width = (<HTMLElement>(\n        this._elementRef.nativeElement\n      )).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","<ng-content></ng-content>\n<mat-icon\n  *ngIf=\"displayIcon\"\n  class=\"td-breadcrumb-separator-icon\"\n  [style.cursor]=\"'default'\"\n  (click)=\"_handleIconClick($event)\"\n>\n  {{ separatorIcon }}\n</mat-icon>\n","import {\n  Component,\n  ContentChildren,\n  QueryList,\n  OnInit,\n  OnDestroy,\n  ChangeDetectionStrategy,\n  AfterContentInit,\n  DoCheck,\n  ChangeDetectorRef,\n  ElementRef,\n  Input,\n  HostBinding,\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  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TdBreadcrumbsComponent\n  implements OnInit, DoCheck, AfterContentInit, OnDestroy\n{\n  private _resizeSubscription: Subscription = Subscription.EMPTY;\n  private _widthSubject: Subject<number> = new Subject<number>();\n  private _contentChildrenSub!: Subscription;\n  private _resizing = false;\n  private _separatorIcon = 'chevron_right';\n\n  @HostBinding('class.td-breadcrumbs') tdBreadCrumbsClass = true;\n\n  // all the sub components, which are the individual breadcrumbs\n  @ContentChildren(TdBreadcrumbComponent, { descendants: true })\n  _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(\n    private _elementRef: ElementRef,\n    private _changeDetectorRef: ChangeDetectorRef\n  ) {}\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\n      .pipe(startWith(this._breadcrumbs))\n      .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[] =\n        this._breadcrumbs.toArray();\n      breadcrumbArray.forEach(\n        (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\n  private _calculateVisibility(): void {\n    const crumbsArray: TdBreadcrumbComponent[] = this._breadcrumbs.toArray();\n    let crumbWidthSum = 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\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\n    this.hiddenBreadcrumbs = hiddenCrumbs;\n    this._changeDetectorRef.markForCheck();\n  }\n}\n","<ng-content></ng-content>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatIconModule } from '@angular/material/icon';\n\nimport { TdBreadcrumbsComponent } from './breadcrumbs.component';\nimport { TdBreadcrumbComponent } from './breadcrumb/breadcrumb.component';\n\n@NgModule({\n  imports: [CommonModule, MatIconModule],\n  declarations: [TdBreadcrumbsComponent, TdBreadcrumbComponent],\n  exports: [TdBreadcrumbsComponent, TdBreadcrumbComponent],\n})\nexport class CovalentBreadcrumbsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}