@daffodil/design 0.39.6 → 0.39.10

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

@@ -1,2 +1,5 @@
+/**
+ * @deprecated See {@link DaffMediaGalleryComponent}
+ */
 export declare class DaffImageGalleryComponent {
 }

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,5 +1,24 @@
+import { OnInit, OnDestroy, ElementRef, Renderer2 } from '@angular/core';
 import { DaffMediaGalleryRegistration } from './media-gallery-registration.interface';
-export declare class DaffMediaGalleryComponent implements DaffMediaGalleryRegistration {
+import { DaffMediaGalleryRegistry } from './registry/media-gallery.registry';
+/**
+ * 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
      */
@@ -8,5 +27,8 @@ export declare class DaffMediaGalleryComponent implements DaffMediaGalleryRegist
      * The name of the gallery
      */
     name: string;
-    constructor();
+    constructor(elementRef: ElementRef, renderer: Renderer2, registry: DaffMediaGalleryRegistry);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
 }
+export {};

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

@@ -8,18 +8,21 @@ export interface DaffMediaGallery {
     gallery: DaffMediaGalleryRegistration;
     thumbnails: DaffThumbnailRegistration[];
 }
+export declare const isGallery: (element: DaffThumbnailRegistration | DaffMediaGalleryRegistration) => element is DaffMediaGalleryRegistration;
 export declare class DaffMediaGalleryRegistry {
     galleries: DaffMediaGalleryDict;
     /**
      * @description
      * Adds a media element to the internal registry.
      */
-    add(gallery: DaffMediaGalleryRegistration, thumbnail: DaffThumbnailRegistration): void;
+    add(gallery: DaffMediaGalleryRegistration, thumbnail?: DaffThumbnailRegistration): void;
     /**
      * @description
-     * Removes a media element from the internal registry.
+     * Removes a thumbnail or gallery from the internal registry.
      */
-    remove(thumbnail: DaffThumbnailRegistration): void;
+    remove(element: DaffThumbnailRegistration | DaffMediaGalleryRegistration): void;
+    private removeThumbnail;
+    private removeGallery;
     /**
      * @description
      * Selects a media element for a given gallery.

package/molecules/media-gallery/thumbnail/thumbnail.directive.d.ts

@@ -31,7 +31,7 @@ export declare class DaffThumbnailDirective implements OnInit, OnDestroy, DaffTh
     /**
      * Adds a click event to trigger selection of the media element.
      *
-     * @param $event
+     * @param event: MouseEvent
      */
     onClick($event: MouseEvent): void;
     ngOnInit(): void;

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/molecules/qty-dropdown/qty-dropdown.component.d.ts

@@ -1,4 +1,7 @@
 import { OnInit, Renderer2, EventEmitter } from '@angular/core';
+/**
+ * @deprecated See {@link DaffQuantityFieldComponent}
+ */
 export declare class DaffQtyDropdownComponent implements OnInit {
     private renderer;
     private readonly dropdownRange;

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.6",
+  "version": "0.39.10",
   "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",

package/quantity-field/examples/daffodil-design-quantity-field-examples.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"QUANTITY_FIELD_EXAMPLES":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"}],"BasicQuantityFieldModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵa"}],"exports":[{"__symbolic":"reference","name":"ɵa"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":19,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":20,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffFormFieldModule","line":21,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffQuantityFieldModule","line":22,"character":4}]}]}],"members":{}},"CustomRangeQuantityFieldModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵb"}],"exports":[{"__symbolic":"reference","name":"ɵb"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":19,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":20,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffFormFieldModule","line":21,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffQuantityFieldModule","line":22,"character":4}]}]}],"members":{}},"DisabledQuantityFieldModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵc"}],"exports":[{"__symbolic":"reference","name":"ɵc"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":19,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":20,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffFormFieldModule","line":21,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffQuantityFieldModule","line":22,"character":4}]}]}],"members":{}},"SelectMaxQuantityFieldModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵd"}],"exports":[{"__symbolic":"reference","name":"ɵd"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":19,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":20,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffFormFieldModule","line":21,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffQuantityFieldModule","line":22,"character":4}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"basic-quantity-field","template":"<daff-form-field>\n  <daff-quantity-field [formControl]=\"control\"></daff-quantity-field>\n</daff-form-field>\n\n<p>\n  Control Value: {{control.value}}\n</p>\n","styles":[""]}]}],"members":{}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"custom-range-quantity-field","template":"<daff-form-field>\n  <daff-quantity-field\n    [formControl]=\"control\"\n    [min]=\"5\"\n    [max]=\"50\"\n  ></daff-quantity-field>\n</daff-form-field>\n\n<p>\n  Control Value: {{control.value}}\n</p>\n","styles":[""]}]}],"members":{}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"disabled-quantity-field","template":"<daff-form-field>\n  <daff-quantity-field [formControl]=\"control\"></daff-quantity-field>\n</daff-form-field>\n\n<p>\n  Control Value: {{control.value}}\n</p>\n","styles":[""]}]}],"members":{}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"select-max-quantity-field","template":"<daff-form-field>\n  <daff-quantity-field\n    [formControl]=\"control\"\n    [selectMax]=\"15\"\n  ></daff-quantity-field>\n</daff-form-field>\n\n<p>\n  Control Value: {{control.value}}\n</p>\n","styles":[""]}]}],"members":{}}},"origins":{"QUANTITY_FIELD_EXAMPLES":"./examples","BasicQuantityFieldModule":"./basic/basic-quantity-field.module","CustomRangeQuantityFieldModule":"./customRange/custom-range-quantity-field.module","DisabledQuantityFieldModule":"./disabled/disabled-quantity-field.module","SelectMaxQuantityFieldModule":"./selectMax/select-max-quantity-field.module","ɵa":"./basic/basic-quantity-field.component","ɵb":"./customRange/custom-range-quantity-field.component","ɵc":"./disabled/disabled-quantity-field.component","ɵd":"./selectMax/select-max-quantity-field.component"},"importAs":"@daffodil/design/quantity-field/examples"}
+{"__symbolic":"module","version":4,"metadata":{"QUANTITY_FIELD_EXAMPLES":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"}],"BasicQuantityFieldModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵa"}],"exports":[{"__symbolic":"reference","name":"ɵa"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":19,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":20,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffFormFieldModule","line":21,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffQuantityFieldModule","line":22,"character":4}]}]}],"members":{}},"CustomRangeQuantityFieldModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵb"}],"exports":[{"__symbolic":"reference","name":"ɵb"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":19,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":20,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffFormFieldModule","line":21,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffQuantityFieldModule","line":22,"character":4}]}]}],"members":{}},"DisabledQuantityFieldModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵc"}],"exports":[{"__symbolic":"reference","name":"ɵc"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":19,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":20,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffFormFieldModule","line":21,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffQuantityFieldModule","line":22,"character":4}]}]}],"members":{}},"SelectMaxQuantityFieldModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵd"}],"exports":[{"__symbolic":"reference","name":"ɵd"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":19,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":20,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffFormFieldModule","line":21,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffQuantityFieldModule","line":22,"character":4}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"basic-quantity-field","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":11,"character":19},"member":"OnPush"},"template":"<daff-form-field>\n  <daff-quantity-field [formControl]=\"control\"></daff-quantity-field>\n</daff-form-field>\n\n<p>\n  Control Value: {{control.value}}\n</p>\n","styles":[""]}]}],"members":{}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"custom-range-quantity-field","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":11,"character":19},"member":"OnPush"},"template":"<daff-form-field>\n  <daff-quantity-field\n    [formControl]=\"control\"\n    [min]=\"5\"\n    [max]=\"50\"\n  ></daff-quantity-field>\n</daff-form-field>\n\n<p>\n  Control Value: {{control.value}}\n</p>\n","styles":[""]}]}],"members":{}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"disabled-quantity-field","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":11,"character":19},"member":"OnPush"},"template":"<daff-form-field>\n  <daff-quantity-field [formControl]=\"control\"></daff-quantity-field>\n</daff-form-field>\n\n<p>\n  Control Value: {{control.value}}\n</p>\n","styles":[""]}]}],"members":{}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"select-max-quantity-field","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":11,"character":19},"member":"OnPush"},"template":"<daff-form-field>\n  <daff-quantity-field\n    [formControl]=\"control\"\n    [selectMax]=\"15\"\n  ></daff-quantity-field>\n</daff-form-field>\n\n<p>\n  Control Value: {{control.value}}\n</p>\n","styles":[""]}]}],"members":{}}},"origins":{"QUANTITY_FIELD_EXAMPLES":"./examples","BasicQuantityFieldModule":"./basic/basic-quantity-field.module","CustomRangeQuantityFieldModule":"./customRange/custom-range-quantity-field.module","DisabledQuantityFieldModule":"./disabled/disabled-quantity-field.module","SelectMaxQuantityFieldModule":"./selectMax/select-max-quantity-field.module","ɵa":"./basic/basic-quantity-field.component","ɵb":"./customRange/custom-range-quantity-field.component","ɵc":"./disabled/disabled-quantity-field.component","ɵd":"./selectMax/select-max-quantity-field.component"},"importAs":"@daffodil/design/quantity-field/examples"}

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

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"RADIO_EXAMPLES":[{"__symbolic":"reference","name":"ɵa"}],"RADIO_EXAMPLES_MODULES":[{"__symbolic":"reference","name":"ɵb"}],"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"basic-radio","template":"<h2>Basic Radio</h2>\n<daff-radio-set [formGroup]=\"radioGroup\" name=\"race\">\n  <daff-radio formControlName=\"race\" value=\"Terran\">Terran</daff-radio>\n  <daff-radio formControlName=\"race\" value=\"Protoss\">Protoss</daff-radio>\n  <daff-radio formControlName=\"race\" value=\"Zerg\">Zerg</daff-radio>\n</daff-radio-set>\n<div>\n  The best race to play as is: {{this.radioGroup.get('race').value}}\n</div>"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵa"}],"exports":[{"__symbolic":"reference","name":"ɵa"}],"imports":[{"__symbolic":"reference","module":"@daffodil/design","name":"DaffRadioModule","line":16,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":17,"character":4}],"providers":[]}]}],"members":{}}},"origins":{"RADIO_EXAMPLES":"./examples","RADIO_EXAMPLES_MODULES":"./examples","ɵa":"./basic-radio/basic-radio.component","ɵb":"./basic-radio/basic-radio.module"},"importAs":"@daffodil/design/radio/examples"}
+{"__symbolic":"module","version":4,"metadata":{"RADIO_EXAMPLES":[{"__symbolic":"reference","name":"ɵa"}],"RADIO_EXAMPLES_MODULES":[{"__symbolic":"reference","name":"ɵb"}],"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"basic-radio","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":14,"character":19},"member":"OnPush"},"template":"<h2>Basic Radio</h2>\n<daff-radio-set [formGroup]=\"radioGroup\" name=\"race\">\n  <daff-radio formControlName=\"race\" value=\"Terran\">Terran</daff-radio>\n  <daff-radio formControlName=\"race\" value=\"Protoss\">Protoss</daff-radio>\n  <daff-radio formControlName=\"race\" value=\"Zerg\">Zerg</daff-radio>\n</daff-radio-set>\n<div>\n  The best race to play as is: {{this.radioGroup.get('race').value}}\n</div>"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵa"}],"exports":[{"__symbolic":"reference","name":"ɵa"}],"imports":[{"__symbolic":"reference","module":"@daffodil/design","name":"DaffRadioModule","line":16,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":17,"character":4}],"providers":[]}]}],"members":{}}},"origins":{"RADIO_EXAMPLES":"./examples","RADIO_EXAMPLES_MODULES":"./examples","ɵa":"./basic-radio/basic-radio.component","ɵb":"./basic-radio/basic-radio.module"},"importAs":"@daffodil/design/radio/examples"}