@covalent/core 4.0.0 → 4.1.0-develop.5

package/fesm2020/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/fesm2020/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/fesm2020/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/fesm2020/covalent-core.mjs

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

package/fesm2020/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/file/_file-theme.scss

@@ -12,12 +12,14 @@
       }
     }
   }
+
   td-file-input {
     /**
     * Class that is added ondragenter by the [TdFileDrop] directive.
     */
     .drop-zone {
-      transition: background $swift-ease-out-duration $swift-ease-out-timing-function,
+      transition: background $swift-ease-out-duration
+          $swift-ease-out-timing-function,
         mat-elevation-transition-property-value();
       @include mat-elevation(8);
     }

package/file/covalent-core-file.d.ts

@@ -1,4 +1,5 @@
 /**
  * Generated bundle index. Do not edit.
  */
-export * from './index';
+/// <amd-module name="@covalent/core/file" />
+export * from './public_api';

package/file/directives/file-drop.directive.d.ts

@@ -1,10 +1,9 @@
 import { EventEmitter } from '@angular/core';
 import { ElementRef, Renderer2 } from '@angular/core';
-import { ICanDisable } from '@covalent/core/common';
+import * as i0 from "@angular/core";
 export declare class TdFileDropBase {
 }
-export declare const _TdFileDropMixinBase: (new (...args: any[]) => ICanDisable) & typeof TdFileDropBase;
-export declare class TdFileDropDirective extends _TdFileDropMixinBase implements ICanDisable {
+export declare class TdFileDropDirective {
     private _renderer;
     private _element;
     private _multiple;
@@ -13,7 +12,8 @@ export declare class TdFileDropDirective extends _TdFileDropMixinBase implements
      * Sets whether multiple files can be dropped at once in host element, or just a single file.
      * Can also be 'multiple' native attribute.
      */
-    set multiple(multiple: boolean);
+    set multiple(multiple: boolean | string);
+    disabled?: boolean | undefined;
     /**
      * fileDrop?: function
      * Event emitted when a file or files are dropped in host element after being validated.
@@ -23,11 +23,11 @@ export declare class TdFileDropDirective extends _TdFileDropMixinBase implements
     /**
      * Binds native 'multiple' attribute if [multiple] property is 'true'.
      */
-    get multipleBinding(): string;
+    get multipleBinding(): string | undefined;
     /**
      * Binds native 'disabled' attribute if [disabled] property is 'true'.
      */
-    get disabledBinding(): string;
+    get disabledBinding(): string | undefined;
     constructor(_renderer: Renderer2, _element: ElementRef);
     /**
      * Listens to 'drop' host event to get validated transfer items.
@@ -56,4 +56,6 @@ export declare class TdFileDropDirective extends _TdFileDropMixinBase implements
      */
     private _typeCheck;
     private _stopEvent;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdFileDropDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TdFileDropDirective, "[tdFileDrop]", never, { "multiple": "multiple"; "disabled": "disabled"; }, { "fileDrop": "fileDrop"; }, never>;
 }

package/file/directives/file-select.directive.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter } from '@angular/core';
 import { NgModel } from '@angular/forms';
+import * as i0 from "@angular/core";
 export declare class TdFileSelectDirective {
     private model;
     private _multiple;
@@ -8,7 +9,7 @@ export declare class TdFileSelectDirective {
      * Sets whether multiple files can be selected at once in host element, or just a single file.
      * Can also be 'multiple' native attribute.
      */
-    set multiple(multiple: boolean);
+    set multiple(multiple: boolean | string);
     /**
      * fileSelect?: function
      * Event emitted when a file or files are selected in host [HTMLInputElement].
@@ -19,7 +20,7 @@ export declare class TdFileSelectDirective {
     /**
      * Binds native 'multiple' attribute if [multiple] property is 'true'.
      */
-    get multipleBinding(): string;
+    get multipleBinding(): string | undefined;
     constructor(model: NgModel);
     /**
      * Listens to 'change' host event to get [HTMLInputElement] files.
@@ -27,4 +28,6 @@ export declare class TdFileSelectDirective {
      * Uses [(ngModel)] if declared, instead of emitting 'fileSelect' event.
      */
     onChange(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdFileSelectDirective, [{ optional: true; host: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TdFileSelectDirective, "[tdFileSelect]", never, { "multiple": "multiple"; }, { "fileSelect": "fileSelect"; }, never>;
 }

package/file/file-input/file-input.component.d.ts

@@ -1,8 +1,11 @@
 import { EventEmitter, ElementRef, Renderer2, TemplateRef, ViewContainerRef, ChangeDetectorRef } from '@angular/core';
 import { TemplatePortalDirective } from '@angular/cdk/portal';
 import { ICanDisable, IControlValueAccessor } from '@covalent/core/common';
+import * as i0 from "@angular/core";
 export declare class TdFileInputLabelDirective extends TemplatePortalDirective {
-    constructor(templateRef: TemplateRef<any>, viewContainerRef: ViewContainerRef);
+    constructor(templateRef: TemplateRef<unknown>, viewContainerRef: ViewContainerRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdFileInputLabelDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TdFileInputLabelDirective, "[tdFileInputLabel]ng-template", never, {}, {}, never>;
 }
 export declare class TdFileInputBase {
     _changeDetectorRef: ChangeDetectorRef;
@@ -19,25 +22,25 @@ export declare class TdFileInputComponent extends _TdFileInputMixinBase implemen
      * color?: 'accent' | 'primary' | 'warn'
      * Sets button color. Uses same color palette accepted as [MatButton].
      */
-    color: 'accent' | 'primary' | 'warn';
+    color?: 'accent' | 'primary' | 'warn';
     /**
      * multiple?: boolean
      * Sets if multiple files can be dropped/selected at once in [TdFileInputComponent].
      */
-    set multiple(multiple: boolean);
+    set multiple(multiple: boolean | string);
     get multiple(): boolean;
     /**
      * accept?: string
      * Sets files accepted when opening the file browser dialog.
      * Same as 'accept' attribute in <input/> element.
      */
-    accept: string;
+    accept?: string;
     /**
      * select?: function
      * Event emitted a file is selected
      * Emits a [File | FileList] object.
      */
-    select: EventEmitter<File | FileList>;
+    selectFile: EventEmitter<File | FileList>;
     constructor(_renderer: Renderer2, _changeDetectorRef: ChangeDetectorRef);
     /**
      * Method executed when a file is selected.
@@ -53,4 +56,6 @@ export declare class TdFileInputComponent extends _TdFileInputMixinBase implemen
      * Sets disable to the component. Implemented as part of ControlValueAccessor.
      */
     setDisabledState(isDisabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdFileInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TdFileInputComponent, "td-file-input", never, { "disabled": "disabled"; "value": "value"; "color": "color"; "multiple": "multiple"; "accept": "accept"; }, { "selectFile": "selectFile"; }, never, ["*"]>;
 }

package/file/file-upload/file-upload.component.d.ts

@@ -1,16 +1,18 @@
 import { EventEmitter, ChangeDetectorRef } from '@angular/core';
-import { ICanDisable, IControlValueAccessor } from '@covalent/core/common';
 import { TdFileInputComponent, TdFileInputLabelDirective } from '../file-input/file-input.component';
+import { ControlValueAccessor } from '@angular/forms';
+import * as i0 from "@angular/core";
 export declare class TdFileUploadBase {
     _changeDetectorRef: ChangeDetectorRef;
     constructor(_changeDetectorRef: ChangeDetectorRef);
 }
-export declare const _TdFileUploadMixinBase: (new (...args: any[]) => IControlValueAccessor) & (new (...args: any[]) => ICanDisable) & typeof TdFileUploadBase;
-export declare class TdFileUploadComponent extends _TdFileUploadMixinBase implements IControlValueAccessor, ICanDisable {
+export declare class TdFileUploadComponent implements ControlValueAccessor {
+    private _changeDetectorRef;
     private _multiple;
     private _required;
-    fileInput: TdFileInputComponent;
-    inputLabel: TdFileInputLabelDirective;
+    private _disabled;
+    fileInput?: TdFileInputComponent;
+    inputLabel?: TdFileInputLabelDirective;
     /**
      * defaultColor?: 'accent' | 'primary' | 'warn'
      * Sets browse button color. Uses same color palette accepted as [MatButton] and defaults to 'primary'.
@@ -44,25 +46,31 @@ export declare class TdFileUploadComponent extends _TdFileUploadMixinBase implem
      * Sets files accepted when opening the file browser dialog.
      * Same as 'accept' attribute in <input/> element.
      */
-    accept: string;
+    accept?: string;
+    set disabled(disabled: boolean);
+    get disabled(): boolean;
+    value?: unknown | undefined;
     /**
      * select?: function
      * Event emitted when a file is selected.
      * Emits a [File | FileList] object.
      */
-    select: EventEmitter<File | FileList>;
+    selectFile: EventEmitter<File | FileList>;
     /**
      * upload?: function
      * Event emitted when upload button is clicked.
      * Emits a [File | FileList] object.
      */
-    upload: EventEmitter<File | FileList>;
+    upload: EventEmitter<File | FileList | unknown>;
     /**
      * cancel?: function
      * Event emitted when cancel button is clicked.
      */
     cancel: EventEmitter<void>;
     constructor(_changeDetectorRef: ChangeDetectorRef);
+    writeValue(value: unknown): void;
+    registerOnChange(): void;
+    registerOnTouched(): void;
     /**
      * Method executed when upload button is clicked.
      */
@@ -78,4 +86,6 @@ export declare class TdFileUploadComponent extends _TdFileUploadMixinBase implem
     _cancel(): void;
     /** Method executed when the disabled value changes */
     onDisabledChange(v: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdFileUploadComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TdFileUploadComponent, "td-file-upload", never, { "defaultColor": "defaultColor"; "activeColor": "activeColor"; "cancelColor": "cancelColor"; "multiple": "multiple"; "required": "required"; "accept": "accept"; "disabled": "disabled"; "value": "value"; }, { "selectFile": "selectFile"; "upload": "upload"; "cancel": "cancel"; }, ["inputLabel"], ["*"]>;
 }

package/file/file.module.d.ts

@@ -1,2 +1,15 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./directives/file-select.directive";
+import * as i2 from "./directives/file-drop.directive";
+import * as i3 from "./file-upload/file-upload.component";
+import * as i4 from "./file-input/file-input.component";
+import * as i5 from "@angular/forms";
+import * as i6 from "@angular/common";
+import * as i7 from "@angular/material/icon";
+import * as i8 from "@angular/material/button";
+import * as i9 from "@angular/cdk/portal";
 export declare class CovalentFileModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CovalentFileModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CovalentFileModule, [typeof i1.TdFileSelectDirective, typeof i2.TdFileDropDirective, typeof i3.TdFileUploadComponent, typeof i4.TdFileInputComponent, typeof i4.TdFileInputLabelDirective], [typeof i5.FormsModule, typeof i6.CommonModule, typeof i7.MatIconModule, typeof i8.MatButtonModule, typeof i9.PortalModule], [typeof i1.TdFileSelectDirective, typeof i2.TdFileDropDirective, typeof i3.TdFileUploadComponent, typeof i4.TdFileInputComponent, typeof i4.TdFileInputLabelDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<CovalentFileModule>;
 }

package/file/package.json

@@ -1,11 +1,10 @@
 {
-  "main": "../bundles/covalent-core-file.umd.js",
-  "module": "../fesm2015/covalent-core-file.js",
-  "es2015": "../fesm2015/covalent-core-file.js",
-  "esm2015": "../esm2015/file/covalent-core-file.js",
-  "fesm2015": "../fesm2015/covalent-core-file.js",
+  "module": "../fesm2015/covalent-core-file.mjs",
+  "es2020": "../fesm2020/covalent-core-file.mjs",
+  "esm2020": "../esm2020/file/covalent-core-file.mjs",
+  "fesm2020": "../fesm2020/covalent-core-file.mjs",
+  "fesm2015": "../fesm2015/covalent-core-file.mjs",
   "typings": "covalent-core-file.d.ts",
-  "metadata": "covalent-core-file.metadata.json",
   "sideEffects": false,
   "name": "@covalent/core/file"
-}
+}

package/file/services/file.service.d.ts

@@ -1,5 +1,6 @@
 import { HttpClient, HttpEvent } from '@angular/common/http';
 import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
 export interface IUploadExtras {
     headers?: {
         [name: string]: string | string[];
@@ -28,4 +29,6 @@ export declare class TdFileService {
      */
     send(url: string, method: string, body: File | FormData, { headers, params }?: IUploadExtras): Observable<HttpEvent<any>>;
     private handleEvent;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdFileService, [{ optional: true; }]>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<TdFileService>;
 }