@covalent/core 4.0.0 → 4.1.1-beta.3

package/layout/{layout-nav-list → src/layout-nav-list}/README.md

@@ -2,36 +2,35 @@
 
 `<td-layout-nav-list>` is a layout component which lets you customize a `navigation` list view with toolbar items, item selections and footers.
 
-
 ## API Summary
 
 #### Inputs
 
-+ toolbarTitle: string
-  + Title set in toolbar.
-+ icon: string
-  + Icon name to be displayed before the title.
-+ logo: string
-  + Logo icon name to be displayed before the title. 
-  + If [icon] is set, then this will not be shown.
-+ color:  string
-  + optional toolbar color. 
-  + Defaults to primary.
-+ navigationRoute: string
-  + option to set the combined route for the icon, logo, and toolbarTitle.
-+ mode: 'over' | 'side' | 'push'
-  + The mode or styling of the sidenav. 
-  + Defaults to 'side'.
-+ opened: boolean
-  + Whether or not the sidenav is opened. 
-  + Use this binding to open/close the sidenav. 
-  + Defaults to 'true'.
-+ sidenavWidth: string
-  + Sets the 'width' of the sidenav in either 'px' or '%'. 
-  + Defaults to '257px'.
-+ containerAutosize: boolean
-  + Sets 'autosize' of the sidenav-container.
-  + Defaults to 'false'.
+- toolbarTitle: string
+  - Title set in toolbar.
+- icon: string
+  - Icon name to be displayed before the title.
+- logo: string
+  - Logo icon name to be displayed before the title.
+  - If [icon] is set, then this will not be shown.
+- color: string
+  - optional toolbar color.
+  - Defaults to primary.
+- navigationRoute: string
+  - option to set the combined route for the icon, logo, and toolbarTitle.
+- mode: 'over' | 'side' | 'push'
+  - The mode or styling of the sidenav.
+  - Defaults to 'side'.
+- opened: boolean
+  - Whether or not the sidenav is opened.
+  - Use this binding to open/close the sidenav.
+  - Defaults to 'true'.
+- sidenavWidth: string
+  - Sets the 'width' of the sidenav in either 'px' or '%'.
+  - Defaults to '257px'.
+- containerAutosize: boolean
+  - Sets 'autosize' of the sidenav-container.
+  - Defaults to 'false'.
 
 ## Usage
 
@@ -40,7 +39,8 @@ To toggle/close/open the nav list sidenav from child layouts/components, you can
 Example:
 
 ```html
-<button mat-icon-button [tdLayoutNavListToggle]="true" [hideWhenOpened]="true"> // or tdLayoutNavListOpen / tdLayoutNavListClose
+<button mat-icon-button [tdLayoutNavListToggle]="true" [hideWhenOpened]="true">
+  // or tdLayoutNavListOpen / tdLayoutNavListClose
   <mat-icon>menu</mat-icon>
 </button>
 ```
@@ -74,28 +74,32 @@ To disable the sidenav action, just set the input to false.
 Example for Nav List Layout:
 
 ```html
-<td-layout-nav-list sidenavTitle="title" logo="logo" icon="icon" opened="true" mode="side" sidenavWidth="350px" color="primary" navigationRoute="/">
-  <button mat-icon-button td-menu-button> // can use `[tdLayoutToggle]` to toggle main sidenav
+<td-layout-nav-list
+  sidenavTitle="title"
+  logo="logo"
+  icon="icon"
+  opened="true"
+  mode="side"
+  sidenavWidth="350px"
+  color="primary"
+  navigationRoute="/"
+>
+  <button mat-icon-button td-menu-button>
+    // can use `[tdLayoutToggle]` to toggle main sidenav
     <mat-icon>menu</mat-icon>
   </button>
-  <div td-sidenav-toolbar-content>
-    ... left toolbar content
-  </div>
+  <div td-sidenav-toolbar-content>... left toolbar content</div>
   <mat-nav-list td-sidenav-content>
     <button mat-icon-button tdLayoutNavListOpen [hideWhenOpened]="true">
       <mat-icon>arrow_back</mat-icon>
     </button>
     ... sidenav content
   </mat-nav-list>
-  <div td-toolbar-content>
-    ... right toolbar content
-  </div>
+  <div td-toolbar-content>... right toolbar content</div>
   ... main content
-  <td-layout-footer-inner>
-    ... sub footer content
-  </td-layout-footer-inner>
-  <td-layout-footer color="primary"> // color is optional
-    ... main footer content
+  <td-layout-footer-inner> ... sub footer content </td-layout-footer-inner>
+  <td-layout-footer color="primary">
+    // color is optional ... main footer content
   </td-layout-footer>
 </td-layout-nav-list>
 ```

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

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

package/menu/menu.component.d.ts

@@ -1,2 +1,5 @@
+import * as i0 from "@angular/core";
 export declare class TdMenuComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdMenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TdMenuComponent, "td-menu", never, {}, {}, never, ["[td-menu-header]", "*", "[td-menu-footer]"]>;
 }

package/menu/menu.module.d.ts

@@ -1,2 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./menu.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/menu";
+import * as i4 from "@angular/material/divider";
 export declare class CovalentMenuModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CovalentMenuModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CovalentMenuModule, [typeof i1.TdMenuComponent], [typeof i2.CommonModule, typeof i3.MatMenuModule, typeof i4.MatDividerModule], [typeof i1.TdMenuComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<CovalentMenuModule>;
 }

package/menu/package.json

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

package/message/README.md

@@ -9,25 +9,25 @@ But you can also set a `color` from our lib and it can be applied in the compone
 
 #### Inputs
 
-+ label?: string
-  + Sets the label of the message.
-+ sublabel?: string
-  + Sets the sublabel of the message.
-+ icon?: string
-  + The icon to be displayed before the title. Defaults to `info_outline` icon.
-+ color?: 'primary' | 'accent' | 'warn'
-  + Sets the color of the message. Can also use any material color: `purple`, `light-blue`, etc.
-+ opened?: boolean
-  + Shows or hides the message depending on its value. Defaults to 'true'.
+- label?: string
+  - Sets the label of the message.
+- sublabel?: string
+  - Sets the sublabel of the message.
+- icon?: string
+  - The icon to be displayed before the title. Defaults to `info_outline` icon.
+- color?: 'primary' | 'accent' | 'warn'
+  - Sets the color of the message. Can also use any material color: `purple`, `light-blue`, etc.
+- opened?: boolean
+  - Shows or hides the message depending on its value. Defaults to 'true'.
 
 #### Methods
 
-+ open: function 
-  + Renders the message on screen.
-+ close: function
-  +  Removes the message content from screen.
-+ toggle: function
-  +  Toggles between open and close depending on state.
+- open: function
+  - Renders the message on screen.
+- close: function
+  - Removes the message content from screen.
+- toggle: function
+  - Toggles between open and close depending on state.
 
 ## Setup
 
@@ -50,8 +50,16 @@ export class MyModule {}
 Example for HTML usage:
 
 ```html
-<td-message #messageDemo color="primary" class="pad-sm" label="Hide me!" sublabel="You can toggle my visibility & add a class!">
-  <button td-message-actions mat-icon-button (click)="messageDemo.close()"><mat-icon>cancel</mat-icon></button>
+<td-message
+  #messageDemo
+  color="primary"
+  class="pad-sm"
+  label="Hide me!"
+  sublabel="You can toggle my visibility & add a class!"
+>
+  <button td-message-actions mat-icon-button (click)="messageDemo.close()">
+    <mat-icon>cancel</mat-icon>
+  </button>
 </td-message>
 <button mat-button color="accent" (click)="messageDemo.toggle()">
   Toggle Visibility

package/message/_message-theme.scss

@@ -11,6 +11,7 @@
 
     line-height: td-line-height($config, body-2);
   }
+
   .td-message-sublabel {
     font: {
       family: td-font-family($config);
@@ -29,10 +30,12 @@
       color: mat-color($primary);
       background-color: mat-color($primary, 0.15);
     }
+
     &.mat-accent {
       color: mat-color($accent);
       background-color: mat-color($accent, 0.15);
     }
+
     &.mat-warn {
       color: mat-color($warn);
       background-color: mat-color($warn, 0.15);

package/message/collapse.animation.d.ts

@@ -0,0 +1,24 @@
+import { AnimationTriggerMetadata } from '@angular/animations';
+export interface IAnimationOptions {
+    anchor?: string;
+    duration?: number;
+    delay?: number;
+}
+export interface ICollapseAnimation extends IAnimationOptions {
+    easeOnClose?: string;
+    easeOnOpen?: string;
+}
+/**
+ * const tdCollapseAnimation
+ *
+ * Parameter Options:
+ * * duration: Duration the animation will run in milliseconds. Defaults to 150 ms.
+ * * delay: Delay before the animation will run in milliseconds. Defaults to 0 ms.
+ * * easeOnClose: Animation accelerates and decelerates when closing. Defaults to ease-in.
+ * * easeOnOpen: Animation accelerates and decelerates when opening. Defaults to ease-out.
+ *
+ * Returns an [AnimationTriggerMetadata] object with boolean states for a collapse/expand animation.
+ *
+ * usage: [@tdCollapse]="{ value: true | false, params: { duration: 500 }}"
+ */
+export declare const tdCollapseAnimation: AnimationTriggerMetadata;

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

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

package/message/message.component.d.ts

@@ -1,7 +1,10 @@
 import { Renderer2, ElementRef, AfterViewInit, ViewContainerRef, TemplateRef, ChangeDetectorRef } from '@angular/core';
+import * as i0 from "@angular/core";
 export declare class TdMessageContainerDirective {
     viewContainer: ViewContainerRef;
     constructor(viewContainer: ViewContainerRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdMessageContainerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TdMessageContainerDirective, "[tdMessageContainer]", never, {}, {}, never>;
 }
 export declare class TdMessageComponent implements AfterViewInit {
     private _renderer;
@@ -12,7 +15,7 @@ export declare class TdMessageComponent implements AfterViewInit {
     private _hidden;
     private _animating;
     private _initialized;
-    _childElement: TdMessageContainerDirective;
+    _childElement?: TdMessageContainerDirective;
     _template: TemplateRef<any>;
     /**
      * Binding host to tdCollapse animation
@@ -27,20 +30,20 @@ export declare class TdMessageComponent implements AfterViewInit {
      *
      * Sets the label of the message.
      */
-    label: string;
+    label?: string;
     /**
      * sublabel?: string
      *
      * Sets the sublabel of the message.
      */
-    sublabel: string;
+    sublabel?: string;
     /**
      * icon?: string
      *
      * The icon to be displayed before the title.
      * Defaults to `info_outline` icon
      */
-    icon: string;
+    icon?: string;
     /**
      * color?: primary | accent | warn
      *
@@ -93,4 +96,6 @@ export declare class TdMessageComponent implements AfterViewInit {
      * Method to detach template from DOM
      */
     private _detach;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdMessageComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TdMessageComponent, "td-message", never, { "label": "label"; "sublabel": "sublabel"; "icon": "icon"; "color": "color"; "opened": "opened"; }, {}, never, ["[td-message-actions]"]>;
 }

package/message/message.module.d.ts

@@ -1,2 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./message.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/icon";
 export declare class CovalentMessageModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CovalentMessageModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CovalentMessageModule, [typeof i1.TdMessageComponent, typeof i1.TdMessageContainerDirective], [typeof i2.CommonModule, typeof i3.MatIconModule], [typeof i1.TdMessageComponent, typeof i1.TdMessageContainerDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<CovalentMessageModule>;
 }

package/message/package.json

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

package/package.json

@@ -1,54 +1,136 @@
 {
   "name": "@covalent/core",
-  "version": "4.0.0",
-  "description": "Teradata UI Platform built on Angular Material",
-  "keywords": [
-    "angular",
-    "material",
-    "material design",
-    "components",
-    "covalent",
-    "reusable"
-  ],
-  "schematics": "./schematics/collection.json",
-  "ng-update": {
-    "migrations": "./schematics/migration.json"
+  "version": "4.1.1-beta.3",
+  "exports": {
+    ".": {
+      "sass": "./theming/_all-theme.scss",
+      "types": "./covalent-core.d.ts",
+      "esm2020": "./esm2020/covalent-core.mjs",
+      "es2020": "./fesm2020/covalent-core.mjs",
+      "es2015": "./fesm2015/covalent-core.mjs",
+      "node": "./fesm2015/covalent-core.mjs",
+      "default": "./fesm2020/covalent-core.mjs"
+    },
+    "./package.json": {
+      "default": "./package.json"
+    },
+    "./breadcrumbs": {
+      "types": "./breadcrumbs/covalent-core-breadcrumbs.d.ts",
+      "esm2020": "./esm2020/breadcrumbs/covalent-core-breadcrumbs.mjs",
+      "es2020": "./fesm2020/covalent-core-breadcrumbs.mjs",
+      "es2015": "./fesm2015/covalent-core-breadcrumbs.mjs",
+      "node": "./fesm2015/covalent-core-breadcrumbs.mjs",
+      "default": "./fesm2020/covalent-core-breadcrumbs.mjs"
+    },
+    "./common": {
+      "types": "./common/covalent-core-common.d.ts",
+      "esm2020": "./esm2020/common/covalent-core-common.mjs",
+      "es2020": "./fesm2020/covalent-core-common.mjs",
+      "es2015": "./fesm2015/covalent-core-common.mjs",
+      "node": "./fesm2015/covalent-core-common.mjs",
+      "default": "./fesm2020/covalent-core-common.mjs"
+    },
+    "./dialogs": {
+      "types": "./dialogs/covalent-core-dialogs.d.ts",
+      "esm2020": "./esm2020/dialogs/covalent-core-dialogs.mjs",
+      "es2020": "./fesm2020/covalent-core-dialogs.mjs",
+      "es2015": "./fesm2015/covalent-core-dialogs.mjs",
+      "node": "./fesm2015/covalent-core-dialogs.mjs",
+      "default": "./fesm2020/covalent-core-dialogs.mjs"
+    },
+    "./dynamic-menu": {
+      "types": "./dynamic-menu/covalent-core-dynamic-menu.d.ts",
+      "esm2020": "./esm2020/dynamic-menu/covalent-core-dynamic-menu.mjs",
+      "es2020": "./fesm2020/covalent-core-dynamic-menu.mjs",
+      "es2015": "./fesm2015/covalent-core-dynamic-menu.mjs",
+      "node": "./fesm2015/covalent-core-dynamic-menu.mjs",
+      "default": "./fesm2020/covalent-core-dynamic-menu.mjs"
+    },
+    "./file": {
+      "types": "./file/covalent-core-file.d.ts",
+      "esm2020": "./esm2020/file/covalent-core-file.mjs",
+      "es2020": "./fesm2020/covalent-core-file.mjs",
+      "es2015": "./fesm2015/covalent-core-file.mjs",
+      "node": "./fesm2015/covalent-core-file.mjs",
+      "default": "./fesm2020/covalent-core-file.mjs"
+    },
+    "./json-formatter": {
+      "types": "./json-formatter/covalent-core-json-formatter.d.ts",
+      "esm2020": "./esm2020/json-formatter/covalent-core-json-formatter.mjs",
+      "es2020": "./fesm2020/covalent-core-json-formatter.mjs",
+      "es2015": "./fesm2015/covalent-core-json-formatter.mjs",
+      "node": "./fesm2015/covalent-core-json-formatter.mjs",
+      "default": "./fesm2020/covalent-core-json-formatter.mjs"
+    },
+    "./layout": {
+      "types": "./layout/covalent-core-layout.d.ts",
+      "esm2020": "./esm2020/layout/covalent-core-layout.mjs",
+      "es2020": "./fesm2020/covalent-core-layout.mjs",
+      "es2015": "./fesm2015/covalent-core-layout.mjs",
+      "node": "./fesm2015/covalent-core-layout.mjs",
+      "default": "./fesm2020/covalent-core-layout.mjs"
+    },
+    "./menu": {
+      "types": "./menu/covalent-core-menu.d.ts",
+      "esm2020": "./esm2020/menu/covalent-core-menu.mjs",
+      "es2020": "./fesm2020/covalent-core-menu.mjs",
+      "es2015": "./fesm2015/covalent-core-menu.mjs",
+      "node": "./fesm2015/covalent-core-menu.mjs",
+      "default": "./fesm2020/covalent-core-menu.mjs"
+    },
+    "./message": {
+      "types": "./message/covalent-core-message.d.ts",
+      "esm2020": "./esm2020/message/covalent-core-message.mjs",
+      "es2020": "./fesm2020/covalent-core-message.mjs",
+      "es2015": "./fesm2015/covalent-core-message.mjs",
+      "node": "./fesm2015/covalent-core-message.mjs",
+      "default": "./fesm2020/covalent-core-message.mjs"
+    },
+    "./search": {
+      "types": "./search/covalent-core-search.d.ts",
+      "esm2020": "./esm2020/search/covalent-core-search.mjs",
+      "es2020": "./fesm2020/covalent-core-search.mjs",
+      "es2015": "./fesm2015/covalent-core-search.mjs",
+      "node": "./fesm2015/covalent-core-search.mjs",
+      "default": "./fesm2020/covalent-core-search.mjs"
+    },
+    "./side-sheet": {
+      "types": "./side-sheet/covalent-core-side-sheet.d.ts",
+      "esm2020": "./esm2020/side-sheet/covalent-core-side-sheet.mjs",
+      "es2020": "./fesm2020/covalent-core-side-sheet.mjs",
+      "es2015": "./fesm2015/covalent-core-side-sheet.mjs",
+      "node": "./fesm2015/covalent-core-side-sheet.mjs",
+      "default": "./fesm2020/covalent-core-side-sheet.mjs"
+    },
+    "./user-profile": {
+      "types": "./user-profile/covalent-core-user-profile.d.ts",
+      "esm2020": "./esm2020/user-profile/covalent-core-user-profile.mjs",
+      "es2020": "./fesm2020/covalent-core-user-profile.mjs",
+      "es2015": "./fesm2015/covalent-core-user-profile.mjs",
+      "node": "./fesm2015/covalent-core-user-profile.mjs",
+      "default": "./fesm2020/covalent-core-user-profile.mjs"
+    }
   },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/teradata/covalent.git"
-  },
-  "bugs": {
-    "url": "https://github.com/teradata/covalent/issues"
-  },
-  "license": "MIT",
-  "author": "Teradata UX",
-  "contributors": [
-    "Kyle Ledbetter <kyle.ledbetter@teradata.com>",
-    "Richa Vyas <richa.vyas@teradata.com>",
-    "Ed Morales <eduardo.morales@teradata.com>",
-    "Jason Weaver <jason.weaver@teradata.com>",
-    "Jeremy Wilken <jeremy.wilken@teradata.com>",
-    "Jeremy Smartt <jeremy.smartt@teradata.com>",
-    "Steven Ov <steven.ov@teradata.com>"
-  ],
   "peerDependencies": {
-    "@angular/common": "^9.0.0 || ^10.0.0-0 || ^11.0.0-0",
-    "@angular/core": "^9.0.0 || ^10.0.0-0 || ^11.0.0-0",
-    "@angular/forms": "^9.0.0 || ^10.0.0-0 || ^11.0.0-0",
-    "@angular/router": "^9.0.0 || ^10.0.0-0 || ^11.0.0-0",
-    "@angular/cdk": "^9.0.0 || ^10.0.0-0 || ^11.0.0-0",
-    "@angular/material": "^9.0.0 || ^10.0.0-0 || ^11.0.0-0"
+    "@angular/common": "^13.2.0",
+    "@angular/core": "^13.2.0",
+    "@angular/router": "~13.2.0",
+    "@angular/platform-browser": "~13.2.0",
+    "@angular/material": "^13.2.1",
+    "rxjs": "~7.4.0",
+    "@angular/animations": "~13.2.0",
+    "@angular/forms": "~13.2.0",
+    "@angular/cdk": "^13.2.1",
+    "@angular/platform-browser-dynamic": "~13.2.0"
   },
-  "main": "bundles/covalent-core.umd.js",
-  "module": "fesm2015/covalent-core.js",
-  "es2015": "fesm2015/covalent-core.js",
-  "esm2015": "esm2015/covalent-core.js",
-  "fesm2015": "fesm2015/covalent-core.js",
-  "typings": "covalent-core.d.ts",
-  "metadata": "covalent-core.metadata.json",
-  "sideEffects": false,
   "dependencies": {
-    "tslib": "^2.0.0"
-  }
+    "tslib": "^2.3.0"
+  },
+  "module": "fesm2015/covalent-core.mjs",
+  "es2020": "fesm2020/covalent-core.mjs",
+  "esm2020": "esm2020/covalent-core.mjs",
+  "fesm2020": "fesm2020/covalent-core.mjs",
+  "fesm2015": "fesm2015/covalent-core.mjs",
+  "typings": "covalent-core.d.ts",
+  "sideEffects": false
 }