@daffodil/design 0.39.8 → 0.39.12

package/molecules/accordion/accordion/accordion.component.d.ts

@@ -1,2 +1,21 @@
-export declare class DaffAccordionComponent {
+import { ElementRef, Renderer2 } from '@angular/core';
+/**
+ * An _elementRef and an instance of renderer2 are needed for the link set mixins
+ */
+declare class DaffAccordionBase {
+    _elementRef: ElementRef;
+    _renderer: Renderer2;
+    constructor(_elementRef: ElementRef, _renderer: Renderer2);
 }
+declare const _daffAccordionBase: {
+    new (...args: any[]): {
+        _elementRef: ElementRef<any>;
+        _renderer: Renderer2;
+    };
+} & typeof DaffAccordionBase;
+export declare class DaffAccordionComponent extends _daffAccordionBase {
+    private elementRef;
+    private renderer;
+    constructor(elementRef: ElementRef, renderer: Renderer2);
+}
+export {};

package/molecules/callout/callout/callout.component.d.ts

@@ -25,6 +25,16 @@ declare class DaffCalloutBase {
     constructor(_elementRef: ElementRef, _renderer: Renderer2);
 }
 declare const _daffCalloutBase: {
+    new (...args: any[]): {
+        _elementRef: ElementRef<any>;
+        _renderer: Renderer2;
+    };
+} & {
+    new (...args: any[]): {
+        _elementRef: ElementRef<any>;
+        _renderer: Renderer2;
+    };
+} & {
     new (...args: any[]): {
         _color: import("../../../core/colorable/colorable").DaffPalette;
         color: import("../../../core/colorable/colorable").DaffPalette;

package/molecules/card/card/card.component.d.ts

@@ -1,5 +1,14 @@
-import { ElementRef, Renderer2 } from '@angular/core';
-import { DaffColorable, DaffPalette } from '../../../core/colorable/public_api';
+import { ElementRef, Renderer2, OnInit } from '@angular/core';
+import { DaffColorable } from '../../../core/colorable/public_api';
+export declare type DaffCardType = null | 'daff-raised-card' | 'daff-stroked-card';
+/**
+ * This attribute determines what orientation the the card contents are stacked.
+ */
+export declare type DaffCardOrientation = 'vertical' | 'horizontal';
+export declare enum DaffCardOrientationEnum {
+    Vertical = "vertical",
+    Horizontal = "horizontal"
+}
 /**
  * An _elementRef and an instance of renderer2 are needed for the Colorable mixin
  */
@@ -10,11 +19,13 @@ declare class DaffCardBase {
 }
 declare const _daffCardBase: {
     new (...args: any[]): {
-        _color: DaffPalette;
-        color: DaffPalette;
-        /**
-         * An _elementRef and an instance of renderer2 are needed for the Colorable mixin
-         */
+        _elementRef: ElementRef<any>;
+        _renderer: Renderer2;
+    };
+} & {
+    new (...args: any[]): {
+        _color: import("../../../core/colorable/colorable").DaffPalette;
+        color: import("../../../core/colorable/colorable").DaffPalette;
         _elementRef: ElementRef<any>;
         _renderer: Renderer2;
     };
@@ -22,15 +33,35 @@ declare const _daffCardBase: {
 /**
  * @inheritdoc
  */
-export declare class DaffCardComponent extends _daffCardBase implements DaffColorable {
+export declare class DaffCardComponent extends _daffCardBase implements OnInit, DaffColorable {
     private elementRef;
     private renderer;
-    raised: boolean;
+    private _orientation;
+    get orientation(): DaffCardOrientation;
+    set orientation(value: DaffCardOrientation);
     /**
      * @docs-private
      */
-    class: boolean;
-    get raisedClass(): boolean;
+    private cardType;
+    private initCardType;
     constructor(elementRef: ElementRef, renderer: Renderer2);
+    /**
+     * @docs-private
+     */
+    ngOnInit(): void;
+    class: boolean;
+    /**
+     * @docs-private
+     */
+    get verticalClass(): boolean;
+    /**
+     * @docs-private
+     */
+    get horizontalClass(): boolean;
+    private _getHostElement;
+    /**
+     * Gets whether the button has one of the given attributes.
+     * */
+    private _hasHostAttributes;
 }
 export {};

package/molecules/card/card-content/card-content.directive.d.ts

@@ -0,0 +1,6 @@
+export declare class DaffCardContentDirective {
+    /**
+     * @docs-private
+     */
+    class: boolean;
+}

package/molecules/card/card-icon/card-icon.directive.d.ts

@@ -0,0 +1,6 @@
+export declare class DaffCardIconDirective {
+    /**
+     * @docs-private
+     */
+    class: boolean;
+}

package/molecules/card/public_api.d.ts

@@ -1,6 +1,8 @@
 export { DaffCardModule } from './card.module';
 export * from './card/card.component';
-export * from './card-title/card-title.directive';
+export * from './card-icon/card-icon.directive';
 export * from './card-image/card-image.directive';
 export * from './card-tagline/card-tagline.directive';
+export * from './card-title/card-title.directive';
+export * from './card-content/card-content.directive';
 export * from './card-actions/card-actions.directive';

package/molecules/feature/feature/feature.component.d.ts

@@ -3,6 +3,9 @@ export declare enum DaffFeatureModeEnum {
     Compact = "compact",
     Normal = "normal"
 }
+/**
+ * @deprecated See {@link DaffCardComponent}
+ */
 export declare class DaffFeatureComponent {
     /**
      * @docs-private

package/molecules/hero/hero/hero.component.d.ts

@@ -18,7 +18,7 @@ export declare enum DaffHeroSizeEnum {
     Small = "small"
 }
 /**
- * An _elementRef and an instance of renderer2 are needed for the Colorable mixin
+ * An _elementRef and an instance of renderer2 are needed for the hero mixins
  */
 declare class DaffHeroBase {
     _elementRef: ElementRef;
@@ -26,6 +26,16 @@ declare class DaffHeroBase {
     constructor(_elementRef: ElementRef, _renderer: Renderer2);
 }
 declare const _daffHeroBase: {
+    new (...args: any[]): {
+        _elementRef: ElementRef<any>;
+        _renderer: Renderer2;
+    };
+} & {
+    new (...args: any[]): {
+        _elementRef: ElementRef<any>;
+        _renderer: Renderer2;
+    };
+} & {
     new (...args: any[]): {
         _color: import("../../../core/colorable/colorable").DaffPalette;
         color: import("../../../core/colorable/colorable").DaffPalette;

package/molecules/link-set/link-set/link-set.component.d.ts

@@ -1,9 +1,28 @@
+import { ElementRef, Renderer2 } from '@angular/core';
+/**
+ * An _elementRef and an instance of renderer2 are needed for the link set mixins
+ */
+declare class DaffLinkSetBase {
+    _elementRef: ElementRef;
+    _renderer: Renderer2;
+    constructor(_elementRef: ElementRef, _renderer: Renderer2);
+}
+declare const _daffLinkSetBase: {
+    new (...args: any[]): {
+        _elementRef: ElementRef<any>;
+        _renderer: Renderer2;
+    };
+} & typeof DaffLinkSetBase;
 /**
  * DaffLinkSetComponent is a component for displaying a two or more links.
  */
-export declare class DaffLinkSetComponent {
+export declare class DaffLinkSetComponent extends _daffLinkSetBase {
+    private elementRef;
+    private renderer;
     /**
      * @docs-private
      */
     class: boolean;
+    constructor(elementRef: ElementRef, renderer: Renderer2);
 }
+export {};

package/molecules/list/list/list.component.d.ts

@@ -1,4 +1,4 @@
-import { ElementRef } from '@angular/core';
+import { ElementRef, Renderer2 } from '@angular/core';
 /**
  * @deprecated
  * DaffListMode will be completely deprecated in v1.0.0
@@ -10,8 +10,23 @@ export declare enum DaffListModeEnum {
     Navigation = "navigation"
 }
 export declare type DaffListType = 'daff-list' | 'daff-nav-list';
-export declare class DaffListComponent {
+/**
+ * An _elementRef and an instance of renderer2 are needed for the list mixins
+ */
+declare class DaffListBase {
+    _elementRef: ElementRef;
+    _renderer: Renderer2;
+    constructor(_elementRef: ElementRef, _renderer: Renderer2);
+}
+declare const _daffListBase: {
+    new (...args: any[]): {
+        _elementRef: ElementRef<any>;
+        _renderer: Renderer2;
+    };
+} & typeof DaffListBase;
+export declare class DaffListComponent extends _daffListBase {
     private elementRef;
+    private renderer;
     /**
      * @deprecated
      * */
@@ -39,7 +54,7 @@ export declare class DaffListComponent {
      * @docs-private
      */
     get listType(): DaffListType;
-    constructor(elementRef: ElementRef);
+    constructor(elementRef: ElementRef, renderer: Renderer2);
     /**
      * @docs-private
      */
@@ -52,3 +67,4 @@ export declare class DaffListComponent {
     get role(): "navigation" | "list";
     private _getHostElement;
 }
+export {};

package/molecules/media-gallery/media-gallery.component.d.ts

@@ -1,7 +1,23 @@
-import { OnInit, OnDestroy } from '@angular/core';
+import { OnInit, OnDestroy, ElementRef, Renderer2 } from '@angular/core';
 import { DaffMediaGalleryRegistration } from './media-gallery-registration.interface';
 import { DaffMediaGalleryRegistry } from './registry/media-gallery.registry';
-export declare class DaffMediaGalleryComponent implements DaffMediaGalleryRegistration, OnInit, OnDestroy {
+/**
+ * An _elementRef and an instance of renderer2 are needed for the link set mixins
+ */
+declare class DaffMediaGalleryBase {
+    _elementRef: ElementRef;
+    _renderer: Renderer2;
+    constructor(_elementRef: ElementRef, _renderer: Renderer2);
+}
+declare const _daffMediaGalleryBase: {
+    new (...args: any[]): {
+        _elementRef: ElementRef<any>;
+        _renderer: Renderer2;
+    };
+} & typeof DaffMediaGalleryBase;
+export declare class DaffMediaGalleryComponent extends _daffMediaGalleryBase implements DaffMediaGalleryRegistration, OnInit, OnDestroy {
+    private elementRef;
+    private renderer;
     private registry;
     /**
      * Adds a class for styling the media gallery
@@ -11,7 +27,8 @@ export declare class DaffMediaGalleryComponent implements DaffMediaGalleryRegist
      * The name of the gallery
      */
     name: string;
-    constructor(registry: DaffMediaGalleryRegistry);
+    constructor(elementRef: ElementRef, renderer: Renderer2, registry: DaffMediaGalleryRegistry);
     ngOnInit(): void;
     ngOnDestroy(): void;
 }
+export {};

package/molecules/navbar/navbar.component.d.ts

@@ -1,5 +1,5 @@
 import { ElementRef, Renderer2 } from '@angular/core';
-import { DaffColorable, DaffPalette } from '../../core/colorable/public_api';
+import { DaffColorable } from '../../core/colorable/public_api';
 /**
  * An _elementRef is needed for the Colorable mixin
  */
@@ -10,8 +10,13 @@ declare class DaffNavbarBase {
 }
 declare const _daffNavbarBase: {
     new (...args: any[]): {
-        _color: DaffPalette;
-        color: DaffPalette;
+        _elementRef: ElementRef<any>;
+        _renderer: Renderer2;
+    };
+} & {
+    new (...args: any[]): {
+        _color: import("../../core/colorable/colorable").DaffPalette;
+        color: import("../../core/colorable/colorable").DaffPalette;
         _elementRef: ElementRef<any>;
         _renderer: Renderer2;
     };
@@ -22,11 +27,11 @@ declare const _daffNavbarBase: {
 export declare class DaffNavbarComponent extends _daffNavbarBase implements DaffColorable {
     private elementRef;
     private renderer;
-    shadowed: boolean;
+    raised: boolean;
     /**
      * @docs-private
      */
-    get shadowClass(): boolean;
+    get raisedClass(): boolean;
     /**
      * @docs-private
      */

package/navbar/examples/basic-navbar/basic-navbar.component.d.ts

@@ -0,0 +1,2 @@
+export declare class BasicNavbarComponent {
+}

package/navbar/examples/basic-navbar/basic-navbar.module.d.ts

@@ -0,0 +1,2 @@
+export declare class BasicNavbarModule {
+}

package/navbar/examples/contained-navbar/contained-navbar.component.d.ts

@@ -0,0 +1,2 @@
+export declare class ContainedNavbarComponent {
+}

package/navbar/examples/contained-navbar/contained-navbar.module.d.ts

@@ -0,0 +1,2 @@
+export declare class ContainedNavbarModule {
+}

package/navbar/examples/daffodil-design-navbar-examples.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';

package/navbar/examples/daffodil-design-navbar-examples.metadata.json

@@ -0,0 +1 @@
+{"__symbolic":"module","version":4,"metadata":{"BasicNavbarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"basic-navbar","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":11,"character":19},"member":"OnPush"},"template":"<nav daff-navbar class=\"daff-basic-navbar\">\n\t<div class=\"daff-basic-navbar__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button color=\"theme-contrast\">Contact Us</button>\n</nav>","styles":[".daff-basic-navbar{justify-content:space-between}.daff-basic-navbar__links>*{font-weight:700;font-size:1.125rem;padding:0 16px;text-decoration:none;text-transform:uppercase}"]}]}],"members":{}},"BasicNavbarModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"BasicNavbarComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":16,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffNavbarModule","line":18,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffButtonModule","line":19,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffContainerModule","line":20,"character":4}]}]}],"members":{}},"ContainedNavbarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"contained-navbar","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":10,"character":19},"member":"OnPush"},"template":"<nav daff-navbar class=\"daff-contained-navbar\">\n\t<daff-container size=\"md\">\n\t\t<div class=\"daff-contained-navbar__links\">\n\t\t\t<a href=\"/\">Home</a>\n\t\t\t<a href=\"/\">About Us</a>\n\t\t</div>\n\t\t<button daff-button>Contact Us</button>\n\t</daff-container>\n</nav>\n","styles":[".daff-contained-navbar{justify-content:space-between}.daff-contained-navbar__links>*{font-weight:700;font-size:1.125rem;padding:0 16px;text-decoration:none;text-transform:uppercase}"]}]}],"members":{}},"ContainedNavbarModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ContainedNavbarComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":16,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffNavbarModule","line":18,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffButtonModule","line":19,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffContainerModule","line":20,"character":4}]}]}],"members":{}},"NavbarThemingComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"navbar-theming","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":11,"character":19},"member":"OnPush"},"template":"<nav daff-navbar [color]=\"colorControl.value\" class=\"daff-navbar-theming\">\n\t<div class=\"daff-navbar-theming__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button>Contact Us</button>\n</nav>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>","styles":[".daff-navbar-theming{justify-content:space-between}.daff-navbar-theming__links>*{font-weight:700;font-size:1.125rem;padding:0 16px;text-decoration:none;text-transform:uppercase}"]}]}],"members":{}},"NavbarThemingModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"NavbarThemingComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":16,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":17,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffNavbarModule","line":18,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffButtonModule","line":19,"character":4}]}]}],"members":{}},"RaisedNavbarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"raised-navbar","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":10,"character":19},"member":"OnPush"},"template":"<nav daff-navbar [raised]=\"true\" class=\"daff-raised-navbar\">\n\t<div class=\"daff-raised-navbar__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button>Contact Us</button>\n</nav>\n","styles":[".daff-raised-navbar{justify-content:space-between}.daff-raised-navbar__links>*{font-weight:700;font-size:1.125rem;padding:0 16px;text-decoration:none;text-transform:uppercase}"]}]}],"members":{}},"RaisedNavbarModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"RaisedNavbarComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":15,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffNavbarModule","line":17,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffButtonModule","line":18,"character":4}]}]}],"members":{}},"NAVBAR_EXAMPLES":[{"__symbolic":"reference","name":"BasicNavbarComponent"},{"__symbolic":"reference","name":"ContainedNavbarComponent"},{"__symbolic":"reference","name":"NavbarThemingComponent"},{"__symbolic":"reference","name":"RaisedNavbarComponent"}]},"origins":{"BasicNavbarComponent":"./basic-navbar/basic-navbar.component","BasicNavbarModule":"./basic-navbar/basic-navbar.module","ContainedNavbarComponent":"./contained-navbar/contained-navbar.component","ContainedNavbarModule":"./contained-navbar/contained-navbar.module","NavbarThemingComponent":"./navbar-theming/navbar-theming.component","NavbarThemingModule":"./navbar-theming/navbar-theming.module","RaisedNavbarComponent":"./raised-navbar/raised-navbar.component","RaisedNavbarModule":"./raised-navbar/raised-navbar.module","NAVBAR_EXAMPLES":"./examples"},"importAs":"@daffodil/design/navbar/examples"}

package/navbar/examples/examples.d.ts

@@ -0,0 +1,2 @@
+import { BasicNavbarComponent } from './basic-navbar/basic-navbar.component';
+export declare const NAVBAR_EXAMPLES: (typeof BasicNavbarComponent)[];

package/navbar/examples/index.d.ts

@@ -0,0 +1 @@
+export * from './public_api';

package/navbar/examples/navbar-theming/navbar-theming.component.d.ts

@@ -0,0 +1,8 @@
+import { FormControl } from '@angular/forms';
+export declare class NavbarThemingComponent {
+    colorControl: FormControl;
+    options: {
+        value: string;
+        label: string;
+    }[];
+}

package/navbar/examples/navbar-theming/navbar-theming.module.d.ts

@@ -0,0 +1,2 @@
+export declare class NavbarThemingModule {
+}

package/navbar/examples/package.json

@@ -0,0 +1,11 @@
+{
+  "name": "@daffodil/design/navbar/examples",
+  "main": "../../bundles/daffodil-design-navbar-examples.umd.js",
+  "module": "../../fesm2015/daffodil-design-navbar-examples.js",
+  "es2015": "../../fesm2015/daffodil-design-navbar-examples.js",
+  "esm2015": "../../esm2015/navbar/examples/daffodil-design-navbar-examples.js",
+  "fesm2015": "../../fesm2015/daffodil-design-navbar-examples.js",
+  "typings": "daffodil-design-navbar-examples.d.ts",
+  "metadata": "daffodil-design-navbar-examples.metadata.json",
+  "sideEffects": false
+}

package/navbar/examples/public_api.d.ts

@@ -0,0 +1,9 @@
+export { BasicNavbarComponent } from './basic-navbar/basic-navbar.component';
+export { BasicNavbarModule } from './basic-navbar/basic-navbar.module';
+export { ContainedNavbarComponent } from './contained-navbar/contained-navbar.component';
+export { ContainedNavbarModule } from './contained-navbar/contained-navbar.module';
+export { NavbarThemingComponent } from './navbar-theming/navbar-theming.component';
+export { NavbarThemingModule } from './navbar-theming/navbar-theming.module';
+export { RaisedNavbarComponent } from './raised-navbar/raised-navbar.component';
+export { RaisedNavbarModule } from './raised-navbar/raised-navbar.module';
+export { NAVBAR_EXAMPLES } from './examples';

package/navbar/examples/raised-navbar/raised-navbar.component.d.ts

@@ -0,0 +1,2 @@
+export declare class RaisedNavbarComponent {
+}

package/navbar/examples/raised-navbar/raised-navbar.module.d.ts

@@ -0,0 +1,2 @@
+export declare class RaisedNavbarModule {
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@daffodil/design",
-  "version": "0.39.8",
+  "version": "0.39.12",
   "author": "Graycore LLC",
   "license": "MIT",
   "bugs": {
@@ -24,7 +24,7 @@
     "rxjs": "6.6.3"
   },
   "optionalDependencies": {
-    "faker": "^5.5.3"
+    "@faker-js/faker": "^5.5.3"
   },
   "main": "bundles/daffodil-design.umd.js",
   "module": "fesm2015/daffodil-design.js",