@covalent/core 3.1.2 → 4.0.0-beta.2

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

@@ -0,0 +1 @@
+{"version":3,"file":"covalent-core-side-sheet.mjs","sources":["../../../../src/platform/core/side-sheet/side-sheet.animation.ts","../../../../src/platform/core/side-sheet/side-sheet.config.ts","../../../../src/platform/core/side-sheet/side-sheet-container.ts","../../../../src/platform/core/side-sheet/side-sheet-ref.ts","../../../../src/platform/core/side-sheet/side-sheet.ts","../../../../src/platform/core/side-sheet/side-sheet.content-directives.ts","../../../../src/platform/core/side-sheet/side-sheet.module.ts","../../../../src/platform/core/side-sheet/covalent-core-side-sheet.ts"],"sourcesContent":["import { animate, state, style, transition, trigger, AnimationTriggerMetadata } 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 { FocusMonitor, FocusOrigin, FocusTrap, FocusTrapFactory } from '@angular/cdk/a11y';\nimport { BasePortalOutlet, CdkPortalOutlet, ComponentPortal, DomPortal, TemplatePortal } 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  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 ? (document.activeElement as HTMLElement | null) : null;\n\n  while (activeElement && activeElement.shadowRoot) {\n    const newActiveElement = activeElement.shadowRoot.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: FocusTrap;\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: FocusTrapFactory,\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  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.focusInitialElementWhenReady().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 (this._config.restoreFocus && previousElement && typeof previousElement.focus === 'function') {\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(previousElement, this._closeInteractionType);\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(this._elementRef.nativeElement);\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 = _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: `\n    <ng-template cdkPortalOutlet></ng-template>\n  `,\n  styleUrls: ['side-sheet.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.Default,\n  animations: [tdSideSheetAnimations.sideSheetContainer],\n  host: {\n    'class': 'td-side-sheet-container',\n    'tabindex': '-1',\n    'aria-modal': 'true',\n    '[id]': '_id',\n    '[attr.role]': '_config.role',\n    '[attr.aria-labelledby]': '_config.ariaLabel ? null : _ariaLabelledBy',\n    '[attr.aria-label]': '_config.ariaLabel',\n    '[attr.aria-describedby]': '_config.ariaDescribedBy || null',\n    '[@sideSheetContainer]': '_state',\n    '(@sideSheetContainer.start)': '_onAnimationStart($event)',\n    '(@sideSheetContainer.done)': '_onAnimationDone($event)',\n  },\n})\nexport class CovalentSideSheetContainer extends _CovalentSideSheetContainerBase {\n  /** State of the side-sheet animation. */\n  _state: 'void' | 'enter' | 'exit' = 'enter';\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 { MatDialogRef, _MatDialogContainerBase } 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 _containerInstance: _MatDialogContainerBase,\n    readonly id: string = `td-side-sheet-${uniqueId++}`,\n  ) {\n    super(overlayRef, _containerInstance, id);\n  }\n}\n\nexport function _closeSideSheetVia<R>(ref: CovalentSideSheetRef<R>, interactionType: FocusOrigin, result?: R) {\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 { Overlay, OverlayConfig, OverlayRef, GlobalPositionStrategy } from '@angular/cdk/overlay';\nimport { ComponentPortal, ComponentType, TemplatePortal } from '@angular/cdk/portal';\nimport { MAT_DIALOG_DATA, MAT_DIALOG_DEFAULT_OPTIONS, _MatDialogContainerBase } from '@angular/material/dialog';\nimport { AnimationCurves, AnimationDurations } from '@angular/material/core';\nimport { CovalentSideSheetContainer, _CovalentSideSheetContainerBase } 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> implements OnDestroy {\n  private _openSideSheetsAtThisLevel: CovalentSideSheetRef<unknown>[] = [];\n  private readonly _afterAllClosedAtThisLevel = new Subject<void>();\n  private readonly _afterOpenedAtThisLevel = new Subject<CovalentSideSheetRef<unknown>>();\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 ? this._parentSideSheet.openSideSheets : 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 = { ...(this._defaultOptions || new CovalentSideSheetConfig()), ...this.defaultSidebarConfig, ...config };\n\n    const overlayRef = this._createOverlay(config);\n    const sideSheetContainer = this._attachSideSheetContainer(overlayRef, config);\n    const sideSheetRef = this._attachSideSheetContent<T, R>(\n      componentOrTemplateRef,\n      sideSheetContainer,\n      overlayRef,\n      config,\n    );\n    const prevSideSheetRef: CovalentSideSheetRef<unknown> = 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 = `${(window as any).innerWidth}px`;\n    }\n\n    // Revert the previous side sheet config & size\n    sideSheetRef._containerInstance._animationStateChanged\n      .pipe(\n        filter((event) => event.state === 'closing' && !!(prevSideSheetRef && prevOverlayRef)),\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): 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().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(overlay: OverlayRef, config: CovalentSideSheetConfig): C {\n    const userInjector = 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(overlayRef, sideSheetContainer, config.id);\n\n    if (componentOrTemplateRef instanceof TemplateRef) {\n      sideSheetContainer.attachTemplatePortal(\n        new TemplatePortal<T>(componentOrTemplateRef, null!, <any>{\n          $implicit: config.data,\n          sideSheetRef,\n        }),\n      );\n    } else {\n      const injector = this._createInjector<T>(config, sideSheetRef, sideSheetContainer);\n      const contentRef = sideSheetContainer.attach<T>(\n        new ComponentPortal(componentOrTemplateRef, config.viewContainerRef, injector),\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 = 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 || !userInjector.get<Directionality | null>(Directionality, null, InjectFlags.Optional))\n    ) {\n      providers.push({\n        provide: Directionality,\n        useValue: { value: config.direction, change: of() },\n      });\n    }\n\n    return Injector.create({ parent: userInjector || this._injector, providers });\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<CovalentSideSheetContainer> {\n  constructor(\n    overlay: Overlay,\n    injector: Injector,\n    @Optional() @Inject(MAT_DIALOG_DEFAULT_OPTIONS) defaultOptions: CovalentSideSheetConfig,\n    @Optional() @SkipSelf() parentSideSheet: CovalentSideSheet,\n  ) {\n    super(\n      overlay,\n      injector,\n      defaultOptions,\n      parentSideSheet,\n      CovalentSideSheetRef,\n      CovalentSideSheetContainer,\n      MAT_DIALOG_DATA,\n    );\n  }\n}\n","/* tslint:disable */\nimport { Directive, Input, OnChanges, OnInit, Optional, SimpleChanges, ElementRef } 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  host: {\n    '(click)': '_onButtonClick($event)',\n    '[attr.aria-label]': 'ariaLabel || null',\n    '[attr.type]': 'type',\n  },\n})\nexport class CovalentSideSheetClose implements OnInit, OnChanges {\n  /** Screenreader label for the button. */\n  @Input('aria-label') ariaLabel: string;\n\n  /** Default to \"button\" to prevents accidental form submits. */\n  @Input() 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  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(this._elementRef, this._dialog.openSideSheets)!;\n    }\n  }\n\n  ngOnChanges(changes: SimpleChanges) {\n    const proxiedChange = changes['_CovalentSideSheetClose'] || 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  host: {\n    'class': 'td-side-sheet-title',\n    '[id]': 'id',\n  },\n})\nexport class CovalentSideSheetTitle implements OnInit {\n  /** Unique id for the dialog title. If none is supplied, it will be auto-generated. */\n  @Input() id: string = `td-side-sheet-title-${dialogElementUid++}`;\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(this._elementRef, this._dialog.openSideSheets)!;\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  host: { class: 'td-side-sheet-content' },\n})\nexport class CovalentSideSheetContent {}\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  host: { class: 'td-side-sheet-actions' },\n})\nexport class CovalentSideSheetActions {}\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  host: { class: 'td-side-sheet-wrapper' },\n})\nexport class CovalentSideSheetWrapper {}\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(element: ElementRef<HTMLElement>, openDialogs: 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 ? openDialogs.find((dialog) => dialog.id === parent!.id) : null;\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 { CovalentSideSheetContainer } from './side-sheet-container';\nimport {\n  CovalentSideSheetActions,\n  CovalentSideSheetClose,\n  CovalentSideSheetContent,\n  CovalentSideSheetTitle,\n  CovalentSideSheetWrapper,\n} from './side-sheet.content-directives';\n\n@NgModule({\n  declarations: [\n    CovalentSideSheetContainer,\n    CovalentSideSheetActions,\n    CovalentSideSheetClose,\n    CovalentSideSheetContent,\n    CovalentSideSheetTitle,\n    CovalentSideSheetWrapper,\n  ],\n  exports: [\n    CovalentSideSheetActions,\n    CovalentSideSheetClose,\n    CovalentSideSheetContent,\n    CovalentSideSheetTitle,\n    CovalentSideSheetWrapper,\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 './index';\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,141 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';
+import * as i3 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2$1 from '@angular/material/menu';
+import { MatMenuModule } from '@angular/material/menu';
+import * as i4 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';
+
+function TdUserProfileMenuComponent_mat_list_item_2_span_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 7);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(ctx_r1.name);
+} }
+function TdUserProfileMenuComponent_mat_list_item_2_span_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 8);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(ctx_r2.email);
+} }
+function TdUserProfileMenuComponent_mat_list_item_2_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mat-list-item", 3);
+    i0.ɵɵlistener("click", function TdUserProfileMenuComponent_mat_list_item_2_Template_mat_list_item_click_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(); return ctx_r3._blockEvent($event); });
+    i0.ɵɵelementStart(1, "mat-icon", 4);
+    i0.ɵɵtext(2, "person");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(3, TdUserProfileMenuComponent_mat_list_item_2_span_3_Template, 2, 1, "span", 5);
+    i0.ɵɵtemplate(4, TdUserProfileMenuComponent_mat_list_item_2_span_4_Template, 2, 1, "span", 6);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("ngIf", ctx_r0.name);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r0.email);
+} }
+const _c0$1 = [[["", "td-user-info-list", ""]], [["", "td-user-action-list", ""]]];
+const _c1$1 = ["[td-user-info-list]", "[td-user-action-list]"];
+class TdUserProfileMenuComponent {
+    _blockEvent(event) {
+        event.preventDefault();
+        event.stopPropagation();
+    }
+}
+/** @nocollapse */ /** @nocollapse */ TdUserProfileMenuComponent.ɵfac = function TdUserProfileMenuComponent_Factory(t) { return new (t || TdUserProfileMenuComponent)(); };
+/** @nocollapse */ /** @nocollapse */ TdUserProfileMenuComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: TdUserProfileMenuComponent, selectors: [["td-user-profile-menu"]], inputs: { email: "email", name: "name" }, ngContentSelectors: _c1$1, decls: 6, vars: 1, consts: [[1, "user-profile-menu"], ["td-menu-header", ""], [3, "click", 4, "ngIf"], [3, "click"], ["matListAvatar", ""], ["matLine", "", "class", "mat-body-1", 4, "ngIf"], ["matLine", "", 4, "ngIf"], ["matLine", "", 1, "mat-body-1"], ["matLine", ""]], template: function TdUserProfileMenuComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵprojectionDef(_c0$1);
+        i0.ɵɵelementStart(0, "td-menu", 0);
+        i0.ɵɵelementStart(1, "mat-list", 1);
+        i0.ɵɵtemplate(2, TdUserProfileMenuComponent_mat_list_item_2_Template, 5, 2, "mat-list-item", 2);
+        i0.ɵɵprojection(3);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(4, "mat-action-list");
+        i0.ɵɵprojection(5, 1);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("ngIf", ctx.name || ctx.email);
+    } }, directives: [i1.TdMenuComponent, i2.MatList, i3.NgIf, i2.MatListItem, i4.MatIcon, i2.MatListAvatarCssMatStyler, i5.MatLine], styles: [".user-profile-menu[_ngcontent-%COMP%]   [td-menu-header][_ngcontent-%COMP%]{text-align:left;padding-bottom:0}  mat-list-item:not(:first-child) .mat-list-item-content .mat-icon[matListAvatar],   [mat-list-item] .mat-list-item-content .mat-icon[matListAvatar]{background:none}.mat-action-list[_ngcontent-%COMP%]{padding-top:0}[_nghost-%COMP%]     .mat-action-list .mat-divider, [_nghost-%COMP%]     .mat-divider{margin:8px 0}[_nghost-%COMP%]     mat-divider:last-child{display:none}[_nghost-%COMP%]     mat-list .mat-list-item.mat-2-line .mat-list-item-content{height:inherit}[_nghost-%COMP%]     mat-list .mat-list-item .mat-list-item-content{padding:8px}td-menu[_ngcontent-%COMP%]{margin-bottom:0}"], changeDetection: 0 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdUserProfileMenuComponent, [{
+        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"] }]
+    }], null, { email: [{
+            type: Input
+        }], name: [{
+            type: Input
+        }] }); })();
+
+const _c0 = [[["", "td-user-info-list", ""]], [["", "td-user-action-list", ""]]];
+const _c1 = ["[td-user-info-list]", "[td-user-action-list]"];
+class TdUserProfileComponent {
+}
+/** @nocollapse */ /** @nocollapse */ TdUserProfileComponent.ɵfac = function TdUserProfileComponent_Factory(t) { return new (t || TdUserProfileComponent)(); };
+/** @nocollapse */ /** @nocollapse */ TdUserProfileComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: TdUserProfileComponent, selectors: [["td-user-profile"]], inputs: { name: "name", email: "email" }, ngContentSelectors: _c1, decls: 8, vars: 4, consts: [["mat-icon-button", "", 3, "matMenuTriggerFor"], [3, "overlapTrigger"], ["accountMenu", "matMenu"], [3, "name", "email"]], template: function TdUserProfileComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵprojectionDef(_c0);
+        i0.ɵɵelementStart(0, "button", 0);
+        i0.ɵɵelementStart(1, "mat-icon");
+        i0.ɵɵtext(2, "person");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(3, "mat-menu", 1, 2);
+        i0.ɵɵelementStart(5, "td-user-profile-menu", 3);
+        i0.ɵɵprojection(6, 0, ["td-user-info-list", ""]);
+        i0.ɵɵprojection(7, 1, ["td-user-action-list", ""]);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        const _r0 = i0.ɵɵreference(4);
+        i0.ɵɵproperty("matMenuTriggerFor", _r0);
+        i0.ɵɵadvance(3);
+        i0.ɵɵproperty("overlapTrigger", false);
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("name", ctx.name)("email", ctx.email);
+    } }, directives: [i1$1.MatButton, i2$1.MatMenuTrigger, i4.MatIcon, i2$1.MatMenu, TdUserProfileMenuComponent], encapsulation: 2, changeDetection: 0 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdUserProfileComponent, [{
+        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" }]
+    }], null, { name: [{
+            type: Input
+        }], email: [{
+            type: Input
+        }] }); })();
+
+class CovalentUserProfileModule {
+}
+/** @nocollapse */ /** @nocollapse */ CovalentUserProfileModule.ɵfac = function CovalentUserProfileModule_Factory(t) { return new (t || CovalentUserProfileModule)(); };
+/** @nocollapse */ /** @nocollapse */ CovalentUserProfileModule.ɵmod = /** @pureOrBreakMyCode */ i0.ɵɵdefineNgModule({ type: CovalentUserProfileModule });
+/** @nocollapse */ /** @nocollapse */ CovalentUserProfileModule.ɵinj = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjector({ providers: [], imports: [[CommonModule, MatMenuModule, MatIconModule, MatButtonModule, MatListModule, CovalentMenuModule]] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CovalentUserProfileModule, [{
+        type: NgModule,
+        args: [{
+                declarations: [TdUserProfileComponent, TdUserProfileMenuComponent],
+                imports: [CommonModule, MatMenuModule, MatIconModule, MatButtonModule, MatListModule, CovalentMenuModule],
+                providers: [],
+                exports: [TdUserProfileComponent, TdUserProfileMenuComponent],
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(CovalentUserProfileModule, { declarations: [TdUserProfileComponent, TdUserProfileMenuComponent], imports: [CommonModule, MatMenuModule, MatIconModule, MatButtonModule, MatListModule, CovalentMenuModule], 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":["../../../../src/platform/core/user-profile/user-profile-menu/user-profile-menu.component.html","../../../../src/platform/core/user-profile/user-profile-menu/user-profile-menu.component.ts","../../../../src/platform/core/user-profile/user-profile.component.ts","../../../../src/platform/core/user-profile/user-profile.component.html","../../../../src/platform/core/user-profile/user-profile.module.ts","../../../../src/platform/core/user-profile/covalent-core-user-profile.ts"],"sourcesContent":["<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-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","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: [CommonModule, MatMenuModule, MatIconModule, MatButtonModule, MatListModule, CovalentMenuModule],\n  providers: [],\n  exports: [TdUserProfileComponent, TdUserProfileMenuComponent],\n})\nexport class CovalentUserProfileModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;IAKM,+BAA8C;IAAA,YAAU;IAAA,iBAAO;;;IAAjB,eAAU;IAAV,iCAAU;;;IACxD,+BAA4B;IAAA,YAAW;IAAA,iBAAO;;;IAAlB,eAAW;IAAX,kCAAW;;;;IAHzC,wCAAmE;IAA9B,8LAAS,0BAAmB,IAAC;IAChE,mCAAwB;IAAA,sBAAM;IAAA,iBAAW;IACzC,6FAA+D;IAC/D,6FAA8C;IAChD,iBAAgB;;;IAFC,eAAU;IAAV,kCAAU;IACV,eAAW;IAAX,mCAAW;;;;MCEnB,0BAA0B;IAIrC,WAAW,CAAC,KAAY;QACtB,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;KACzB;;0IAPU,0BAA0B;+HAA1B,0BAA0B;;QDRvC,kCAAmC;QAEjC,mCAAyB;QACvB,+FAIgB;QAChB,kBAAsD;QACxD,iBAAW;QAEX,uCAAiB;QACf,qBAAwD;QAC1D,iBAAkB;QACpB,iBAAU;;QAXU,eAAmB;QAAnB,4CAAmB;;uFCK1B,0BAA0B;cANtC,SAAS;2BACE,sBAAsB,mBAGf,uBAAuB,CAAC,MAAM;gBAGtC,KAAK;kBAAb,KAAK;YACG,IAAI;kBAAZ,KAAK;;;;;MCHK,sBAAsB;;kIAAtB,sBAAsB;2HAAtB,sBAAsB;;QCPnC,iCAA0D;QACxD,gCAAU;QAAA,sBAAM;QAAA,iBAAW;QAC7B,iBAAS;QAET,sCAA0D;QACxD,+CAAoD;QAClD,gDAAwE;QACxE,kDAA4E;QAC9E,iBAAuB;QACzB,iBAAW;;;QATa,uCAAiC;QAIxB,eAAwB;QAAxB,sCAAwB;QACjC,eAAa;QAAb,+BAAa,oBAAA;;uFDExB,sBAAsB;cALlC,SAAS;2BACE,iBAAiB,mBAEV,uBAAuB,CAAC,MAAM;gBAGtC,IAAI;kBAAZ,KAAK;YACG,KAAK;kBAAb,KAAK;;;MEQK,yBAAyB;;wIAAzB,yBAAyB;6HAAzB,yBAAyB;kIAHzB,EAAE,YADJ,CAAC,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,eAAe,EAAE,aAAa,EAAE,kBAAkB,CAAC;uFAI9F,yBAAyB;cANrC,QAAQ;eAAC;gBACR,YAAY,EAAE,CAAC,sBAAsB,EAAE,0BAA0B,CAAC;gBAClE,OAAO,EAAE,CAAC,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,eAAe,EAAE,aAAa,EAAE,kBAAkB,CAAC;gBACzG,SAAS,EAAE,EAAE;gBACb,OAAO,EAAE,CAAC,sBAAsB,EAAE,0BAA0B,CAAC;aAC9D;;wFACY,yBAAyB,mBALrB,sBAAsB,EAAE,0BAA0B,aACvD,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,eAAe,EAAE,aAAa,EAAE,kBAAkB,aAE9F,sBAAsB,EAAE,0BAA0B;;ACf9D;;;;;;"}

package/{data-table/covalent-core-data-table.d.ts → fesm2020/covalent-core.mjs}

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

package/fesm2020/covalent-core.mjs.map

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

package/file/_file-theme.scss

@@ -12,6 +12,7 @@
       }
     }
   }
+
   td-file-input {
     /**
     * Class that is added ondragenter by the [TdFileDrop] directive.

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

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

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

@@ -1,6 +1,7 @@
 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;
@@ -56,4 +57,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, { "disabled": "disabled"; "multiple": "multiple"; }, { "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;
@@ -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);
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdFileInputLabelDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TdFileInputLabelDirective, "[td-file-input-label]ng-template", never, {}, {}, never>;
 }
 export declare class TdFileInputBase {
     _changeDetectorRef: ChangeDetectorRef;
@@ -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"; }, { "select": "select"; }, never, ["*"]>;
 }

package/file/file-input/file-input.component.scss

@@ -3,6 +3,7 @@
     padding-left: 8px;
     padding-right: 8px;
   }
+
   input.td-file-input-hidden {
     display: none;
   }
@@ -13,6 +14,7 @@
   .drop-zone {
     // Animation.
     border-radius: 3px;
+
     * {
       pointer-events: none; //added to fix bug that re-throws dragleave/dragenter by child elements
     }

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

@@ -1,6 +1,7 @@
 import { EventEmitter, ChangeDetectorRef } from '@angular/core';
 import { ICanDisable, IControlValueAccessor } from '@covalent/core/common';
 import { TdFileInputComponent, TdFileInputLabelDirective } from '../file-input/file-input.component';
+import * as i0 from "@angular/core";
 export declare class TdFileUploadBase {
     _changeDetectorRef: ChangeDetectorRef;
     constructor(_changeDetectorRef: ChangeDetectorRef);
@@ -78,4 +79,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, { "disabled": "disabled"; "value": "value"; "defaultColor": "defaultColor"; "activeColor": "activeColor"; "cancelColor": "cancelColor"; "multiple": "multiple"; "required": "required"; "accept": "accept"; }, { "select": "select"; "upload": "upload"; "cancel": "cancel"; }, ["inputLabel"], ["*"]>;
 }

package/file/file-upload/file-upload.component.scss

@@ -2,16 +2,19 @@
   padding-left: 8px;
   padding-right: 8px;
 }
+
 .td-file-upload-cancel {
   height: 24px;
   width: 24px;
   position: relative;
   top: 24px;
   left: -12px;
+
   ::ng-deep [dir='rtl'] & {
     right: -12px;
     left: 0;
   }
+
   mat-icon {
     border-radius: 12px;
     vertical-align: baseline;
@@ -24,6 +27,7 @@
 .drop-zone {
   // Animation.
   border-radius: 3px;
+
   * {
     pointer-events: none; //added to fix bug that re-throws dragleave/dragenter by child elements
   }

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>;
 }

package/json-formatter/_json-formatter-theme.scss

@@ -16,6 +16,7 @@
   $warn: map-get($theme, warn);
   $foreground: map-get($theme, foreground);
   $background: map-get($theme, background);
+
   .td-json-formatter-wrapper {
     .function::after,
     .date::after,
@@ -23,37 +24,46 @@
     .td-array-length::after {
       content: '\200E';
     }
+
     .td-key {
       &.td-key-node {
         &:focus,
         &:hover {
           background-color: mat-color($background, hover);
         }
+
         .td-node-icon {
           color: mat-color($foreground, secondary-text);
         }
       }
     }
+
     .key {
       color: mat-color($primary);
     }
+
     .value {
       .string {
         color: mat-color($warn);
       }
+
       .number {
         color: mat-color($accent);
       }
+
       .boolean {
         color: mat-color($accent);
       }
+
       .null,
       .undefined {
         color: mat-color($foreground, disabled-text);
       }
+
       .function {
         color: mat-color($primary);
       }
+
       .date {
         color: mat-color($foreground, text);
       }

package/json-formatter/covalent-core-json-formatter.d.ts

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

package/json-formatter/json-formatter.component.d.ts

@@ -1,5 +1,6 @@
 import { ChangeDetectorRef } from '@angular/core';
 import { Dir } from '@angular/cdk/bidi';
+import * as i0 from "@angular/core";
 export declare class TdJsonFormatterComponent {
     private _changeDetectorRef;
     private _dir;
@@ -72,4 +73,6 @@ export declare class TdJsonFormatterComponent {
      */
     getPreview(): string;
     private parseChildren;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdJsonFormatterComponent, [null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TdJsonFormatterComponent, "td-json-formatter", never, { "levelsOpen": "levelsOpen"; "key": "key"; "data": "data"; }, {}, never, never>;
 }

package/json-formatter/json-formatter.component.scss

@@ -1,9 +1,11 @@
 :host {
   display: block;
 }
+
 .td-json-formatter-wrapper {
   padding-top: 2px;
   padding-bottom: 2px;
+
   .td-key {
     // [layout]
     box-sizing: border-box;
@@ -15,25 +17,31 @@
     align-content: center;
     max-width: 100%;
     justify-content: flex-start;
+
     &.td-key-node {
       &:hover {
         cursor: pointer;
       }
     }
   }
+
   .td-object-children {
     &.ng-animating {
       overflow: hidden;
     }
+
     & .td-key,
     & .td-object-children {
       padding-left: 24px;
+
       ::ng-deep [dir='rtl'] & {
         padding-right: 24px;
         padding-left: 0;
       }
+
       &.td-key-leaf {
         padding-left: 48px;
+
         ::ng-deep [dir='rtl'] & {
           padding-right: 48px;
           padding-left: 0;
@@ -41,19 +49,24 @@
       }
     }
   }
+
   .value {
     margin-left: 5px;
+
     ::ng-deep [dir='rtl'] & {
       padding-right: 5px;
       padding-left: 0;
     }
+
     .td-empty {
       opacity: 0.5;
       text-decoration: line-through;
     }
+
     .string {
       word-break: break-word;
     }
+
     .date {
       word-break: break-word;
     }

package/json-formatter/json-formatter.module.d.ts

@@ -1,2 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./json-formatter.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/tooltip";
+import * as i4 from "@angular/material/icon";
 export declare class CovalentJsonFormatterModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CovalentJsonFormatterModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CovalentJsonFormatterModule, [typeof i1.TdJsonFormatterComponent], [typeof i2.CommonModule, typeof i3.MatTooltipModule, typeof i4.MatIconModule], [typeof i1.TdJsonFormatterComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<CovalentJsonFormatterModule>;
 }

package/json-formatter/package.json

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