@covalent/core 4.0.0 → 4.1.0-develop.10

package/side-sheet/README.md

@@ -42,7 +42,7 @@ Basic Example:
 import { ExampleSideSheetComponent } from './example.sidebar/example.sidesheet.component';
 import { CovalentSideSheet } from '.@covalent/core/side-sheet';
 
-export class AppComponent {  
+export class AppComponent {
   constructor(private sideSheet: CovalentSideSheet) {
     this.sideSheet.open(ExampleSidebarComponent);
   }
@@ -54,11 +54,9 @@ Example component html content with optional directives to support styling:
 ```html
 <span td-sidesheet-title>
   Side Sheet Title
-  <button mat-icon-button td-sidesheet-close>close</button>  
+  <button mat-icon-button td-sidesheet-close>close</button>
 </span>
-<td-side-sheet-content>
-  Sidesheet Content
-</td-side-sheet-content>
+<td-side-sheet-content> Sidesheet Content </td-side-sheet-content>
 <td-sidesheet-actions>
   <button mat-icon-button td-sidesheet-close>close</button>
   <button mat-icon-button td-sidesheet-close>save</button>

package/side-sheet/covalent-core-side-sheet.d.ts

@@ -1,6 +1,5 @@
 /**
  * Generated bundle index. Do not edit.
  */
-export * from './index';
-export { CovalentSideSheetContainer as ɵb, _CovalentSideSheetContainerBase as ɵa } from './side-sheet-container';
-export { tdSideSheetAnimations as ɵc } from './side-sheet.animation';
+/// <amd-module name="@covalent/core/side-sheet" />
+export * from './public_api';

package/side-sheet/package.json

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

package/side-sheet/side-sheet-container.d.ts

@@ -1,8 +1,9 @@
 import { AnimationEvent } from '@angular/animations';
-import { FocusMonitor, FocusOrigin, FocusTrapFactory } from '@angular/cdk/a11y';
+import { ConfigurableFocusTrapFactory, FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';
 import { BasePortalOutlet, CdkPortalOutlet, ComponentPortal, DomPortal, TemplatePortal } from '@angular/cdk/portal';
 import { ChangeDetectorRef, ComponentRef, ElementRef, EmbeddedViewRef, EventEmitter } from '@angular/core';
 import { CovalentSideSheetConfig } from './side-sheet.config';
+import * as i0 from "@angular/core";
 export declare function _getFocusedElementPierceShadowDom(): HTMLElement | null;
 /**
  * Base class for the `CovalentSideSheetContainer`. The base class does not implement
@@ -10,7 +11,7 @@ export declare function _getFocusedElementPierceShadowDom(): HTMLElement | null;
  */
 export declare abstract class _CovalentSideSheetContainerBase extends BasePortalOutlet {
     protected _elementRef: ElementRef;
-    protected _focusTrapFactory: FocusTrapFactory;
+    protected _focusTrapFactory: ConfigurableFocusTrapFactory;
     protected _changeDetectorRef: ChangeDetectorRef;
     /** The side-sheet configuration. */
     _config: CovalentSideSheetConfig;
@@ -37,9 +38,9 @@ export declare abstract class _CovalentSideSheetContainerBase extends BasePortal
     _ariaLabelledBy: string | null;
     /** ID for the container DOM element. */
     _id: string;
-    constructor(_elementRef: ElementRef, _focusTrapFactory: FocusTrapFactory, _changeDetectorRef: ChangeDetectorRef, _document: any, 
+    constructor(_elementRef: ElementRef, _focusTrapFactory: ConfigurableFocusTrapFactory, _changeDetectorRef: ChangeDetectorRef, _document: any, 
     /** The side-sheet configuration. */
-    _config: CovalentSideSheetConfig, _focusMonitor?: FocusMonitor);
+    _config: CovalentSideSheetConfig, _focusMonitor?: FocusMonitor | undefined);
     /** Starts the side-sheet exit animation. */
     abstract _startExitAnimation(): void;
     /** Initializes the side-sheet container with the attached content. */
@@ -77,18 +78,33 @@ export declare abstract class _CovalentSideSheetContainerBase extends BasePortal
     private _focusSideSheetContainer;
     /** Returns whether focus is inside the side-sheet. */
     private _containsFocus;
+    static ɵfac: i0.ɵɵFactoryDeclaration<_CovalentSideSheetContainerBase, [null, null, null, { optional: true; }, null, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<_CovalentSideSheetContainerBase, never, never, {}, {}, never>;
 }
 /**
  * Internal component that wraps the generated side-sheet content.
  * This animation below is the only reason for duplicating most of the Material dialog code
  */
-export declare class CovalentSideSheetContainer extends _CovalentSideSheetContainerBase {
+export declare class CovalentSideSheetContainerComponent extends _CovalentSideSheetContainerBase {
     /** State of the side-sheet animation. */
     _state: 'void' | 'enter' | 'exit';
+    tdSideSheetContainerClass: boolean;
+    tabIndex: number;
+    arialModal: boolean;
+    idAttr: string;
+    roleAttr: import("@angular/material/dialog").DialogRole | undefined;
+    arialLabelByAttr: string | null;
+    arialDescribeByAttr: string | null;
+    arialLabelAttr: string | null | undefined;
+    get sideSheetAnimationState(): "enter" | "void" | "exit";
+    onAnimateStart($event: AnimationEvent): void;
+    onAnimateDone($event: AnimationEvent): void;
     /** Callback, invoked whenever an animation on the host completes. */
     _onAnimationDone({ toState, totalTime }: AnimationEvent): void;
     /** Callback, invoked when an animation on the host starts. */
     _onAnimationStart({ toState, totalTime }: AnimationEvent): void;
     /** Starts the side-sheet exit animation. */
     _startExitAnimation(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CovalentSideSheetContainerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CovalentSideSheetContainerComponent, "td-side-sheet-container", never, {}, {}, never, never>;
 }

package/side-sheet/side-sheet.content-directives.d.ts

@@ -1,50 +1,67 @@
 import { OnChanges, OnInit, SimpleChanges, ElementRef } from '@angular/core';
 import { CovalentSideSheet } from './side-sheet';
 import { CovalentSideSheetRef } from './side-sheet-ref';
+import * as i0 from "@angular/core";
 /**
  * Button that will close the current dialog.
  */
-export declare class CovalentSideSheetClose implements OnInit, OnChanges {
+export declare class CovalentSideSheetCloseDirective implements OnInit, OnChanges {
     dialogRef: CovalentSideSheetRef<any>;
     private _elementRef;
     private _dialog;
     /** Screenreader label for the button. */
-    ariaLabel: string;
+    ariaLabel?: string;
     /** Default to "button" to prevents accidental form submits. */
     type: 'submit' | 'button' | 'reset';
     /** Dialog close input. */
     dialogResult: any;
     _CovalentSideSheetClose: any;
+    onClick($event: MouseEvent): void;
     constructor(dialogRef: CovalentSideSheetRef<any>, _elementRef: ElementRef<HTMLElement>, _dialog: CovalentSideSheet);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     _onButtonClick(event: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CovalentSideSheetCloseDirective, [{ optional: true; }, null, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CovalentSideSheetCloseDirective, "[td-side-sheet-close], [CovalentSideSheetClose]", ["CovalentSideSheetClose"], { "ariaLabel": "aria-label"; "type": "type"; "dialogResult": "td-side-sheet-close"; "_CovalentSideSheetClose": "CovalentSideSheetClose"; }, {}, never>;
 }
 /**
  * Title of a side sheet element. Stays fixed to the top of the side sheet when scrolling.
  */
-export declare class CovalentSideSheetTitle implements OnInit {
+export declare class CovalentSideSheetTitleDirective implements OnInit {
     private _dialogRef;
     private _elementRef;
     private _dialog;
     /** Unique id for the dialog title. If none is supplied, it will be auto-generated. */
     id: string;
+    tdSideSheetTitle: boolean;
+    idAttr: string;
     constructor(_dialogRef: CovalentSideSheetRef<any>, _elementRef: ElementRef<HTMLElement>, _dialog: CovalentSideSheet);
     ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CovalentSideSheetTitleDirective, [{ optional: true; }, null, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CovalentSideSheetTitleDirective, "[td-side-sheet-title], [CovalentSideSheetTitle]", ["CovalentSideSheetTitle"], { "id": "id"; }, {}, never>;
 }
 /**
  * Scrollable content container of a dialog.
  */
-export declare class CovalentSideSheetContent {
+export declare class CovalentSideSheetContentDirective {
+    tdSideSheetContent: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CovalentSideSheetContentDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CovalentSideSheetContentDirective, "[td-side-sheet-content], td-side-sheet-content, [CovalentSideSheetContent]", never, {}, {}, never>;
 }
 /**
  * Container for the bottom action buttons in a dialog.
  * Stays fixed to the bottom when scrolling.
  */
-export declare class CovalentSideSheetActions {
+export declare class CovalentSideSheetActionsDirective {
+    tdSideSheetActions: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CovalentSideSheetActionsDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CovalentSideSheetActionsDirective, "[td-side-sheet-actions], td-side-sheet-actions, [CovalentSideSheetActions]", never, {}, {}, never>;
 }
 /**
  * Container for the wrapper part of the dialog
  */
-export declare class CovalentSideSheetWrapper {
+export declare class CovalentSideSheetWrapperDirective {
+    tdSideSheetWrapper: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CovalentSideSheetWrapperDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CovalentSideSheetWrapperDirective, "[td-side-sheet-wrapper], td-side-sheet-wrapper, [CovalentSideSheetWrapper]", never, {}, {}, never>;
 }

package/side-sheet/side-sheet.d.ts

@@ -1,9 +1,10 @@
 import { InjectionToken, Injector, OnDestroy, TemplateRef, Type } from '@angular/core';
 import { Overlay } from '@angular/cdk/overlay';
 import { ComponentType } from '@angular/cdk/portal';
-import { CovalentSideSheetContainer, _CovalentSideSheetContainerBase } from './side-sheet-container';
+import { CovalentSideSheetContainerComponent, _CovalentSideSheetContainerBase } from './side-sheet-container';
 import { CovalentSideSheetRef } from './side-sheet-ref';
 import { CovalentSideSheetConfig } from './side-sheet.config';
+import * as i0 from "@angular/core";
 export declare class _CovalentSideSheetBase<C extends _CovalentSideSheetContainerBase> implements OnDestroy {
     private _overlay;
     private _injector;
@@ -52,10 +53,14 @@ export declare class _CovalentSideSheetBase<C extends _CovalentSideSheetContaine
     private _removeOpenSideSheet;
     /** Closes all of the side-sheet in an array. */
     private _closeSideSheets;
+    static ɵfac: i0.ɵɵFactoryDeclaration<_CovalentSideSheetBase<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<_CovalentSideSheetBase<any>, never, never, {}, {}, never>;
 }
 /**
  * Service to open Covalent Design side-sheet.
  */
-export declare class CovalentSideSheet extends _CovalentSideSheetBase<CovalentSideSheetContainer> {
+export declare class CovalentSideSheet extends _CovalentSideSheetBase<CovalentSideSheetContainerComponent> {
     constructor(overlay: Overlay, injector: Injector, defaultOptions: CovalentSideSheetConfig, parentSideSheet: CovalentSideSheet);
+    static ɵfac: i0.ɵɵFactoryDeclaration<CovalentSideSheet, [null, null, { optional: true; }, { optional: true; skipSelf: true; }]>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CovalentSideSheet>;
 }

package/side-sheet/side-sheet.module.d.ts

@@ -1,2 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./side-sheet-container";
+import * as i2 from "./side-sheet.content-directives";
+import * as i3 from "@angular/cdk/portal";
+import * as i4 from "@angular/material/dialog";
+import * as i5 from "@angular/material/core";
 export declare class CovalentSideSheetModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CovalentSideSheetModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CovalentSideSheetModule, [typeof i1.CovalentSideSheetContainerComponent, typeof i2.CovalentSideSheetActionsDirective, typeof i2.CovalentSideSheetCloseDirective, typeof i2.CovalentSideSheetContentDirective, typeof i2.CovalentSideSheetTitleDirective, typeof i2.CovalentSideSheetWrapperDirective], [typeof i3.PortalModule, typeof i4.MatDialogModule, typeof i5.MatCommonModule], [typeof i2.CovalentSideSheetActionsDirective, typeof i2.CovalentSideSheetCloseDirective, typeof i2.CovalentSideSheetContentDirective, typeof i2.CovalentSideSheetTitleDirective, typeof i2.CovalentSideSheetWrapperDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<CovalentSideSheetModule>;
 }