@daffodil/design 0.39.6 → 0.39.10

package/hero/examples/compact-hero/compact-hero.component.d.ts

@@ -0,0 +1,3 @@
+export declare class CompactHeroComponent {
+    faMobile: import("@fortawesome/fontawesome-common-types").IconDefinition;
+}

package/hero/examples/compact-hero/compact-hero.module.d.ts

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

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

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"HeroThemingComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"hero-theming","template":"<daff-hero [color]=\"colorControl.value\">\n\t<div daffHeroTagline>Hero Tagline</div>\n\t<h1 daffHeroTitle>Hero Title</h1>\n\t<h2 daffHeroSubtitle>Hero subtitle</h2>\n\t<div>Additional Content (i.e. buttons, images)</div>\n</daff-hero>\n\n<select [formControl]=\"colorControl\">\n\t<option value=\"\">Default</option>\n\t<option value=\"primary\">Primary</option>\n\t<option value=\"secondary\">Secondary</option>\n\t<option value=\"tertiary\">Tertiary</option>\n\t<option value=\"white\">White</option>\n\t<option value=\"black\">Black</option>\n\t<option value=\"theme\">Theme</option>\n\t<option value=\"theme-contrast\">Theme Contrast</option>\n</select>"}]}],"members":{}},"HeroThemingModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"HeroThemingComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":14,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":15,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffHeroModule","line":16,"character":4}],"exports":[{"__symbolic":"reference","name":"HeroThemingComponent"}]}]}],"members":{}},"HeroTextAlignmentComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"hero-text-alignment","template":"<daff-hero [textAlignment]=\"textAlignControl.value\">\n\t<daff-container size=\"md\">\n\t\t<div daffHeroTagline>Frontend framework for ecommerce PWAs</div>\n\t\t<h3 daffHeroTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t\t<div daffHeroSubtitle>\n\t\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t\t</div>\n\t</daff-container>\n</daff-hero>\n\n<select [formControl]=\"textAlignControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>"}]}],"members":{}},"HeroTextAlignmentModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"HeroTextAlignmentComponent"}],"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":"DaffHeroModule","line":18,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffContainerModule","line":19,"character":4}]}]}],"members":{}},"HeroWithGridComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"hero-with-grid","template":"<daff-hero color=\"theme\">\n\t<daff-container class=\"daff-hero-with-grid__grid\">\n\t\t<div class=\"daff-hero-with-grid__image\">\n\t\t\t<img src=\"/assets/design/callout/pwa-illustration.svg\" alt=\"PWA Illustration\">\n\t\t</div>\n\t\t<div class=\"daff-hero-with-grid__content-wrapper\">\n\t\t\t<div daffHeroTagline>Frontend framework for ecommerce PWAs</div>\n\t\t\t<h3 daffHeroTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t\t\t<div daffHeroSubtitle>\n\t\t\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t\t\t</div>\n\t\t</div>\n\t</daff-container>\n</daff-hero>","styles":[".daff-hero-with-grid__grid{display:grid;grid-template:\"image\" \"content\"/1fr;grid-gap:24px}@media (min-width:768px){.daff-hero-with-grid__grid{grid-template:\"image content\"/1fr 1fr;grid-gap:48px;align-items:center}}.daff-hero-with-grid__image{grid-area:image}.daff-hero-with-grid__content-wrapper{grid-area:content}"]}]}],"members":{}},"HeroWithGridModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"HeroWithGridComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":17,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":18,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffHeroModule","line":19,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffContainerModule","line":20,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffButtonModule","line":21,"character":4}]}]}],"members":{}},"HERO_EXAMPLES":[{"__symbolic":"reference","name":"HeroThemingComponent"},{"__symbolic":"reference","name":"HeroTextAlignmentComponent"},{"__symbolic":"reference","name":"HeroWithGridComponent"}]},"origins":{"HeroThemingComponent":"./hero-theming/hero-theming.component","HeroThemingModule":"./hero-theming/hero-theming.module","HeroTextAlignmentComponent":"./hero-text-alignment/hero-text-alignment.component","HeroTextAlignmentModule":"./hero-text-alignment/hero-text-alignment.module","HeroWithGridComponent":"./hero-with-grid/hero-with-grid.component","HeroWithGridModule":"./hero-with-grid/hero-with-grid.module","HERO_EXAMPLES":"./examples"},"importAs":"@daffodil/design/hero/examples"}
+{"__symbolic":"module","version":4,"metadata":{"HeroThemingComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"hero-theming","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":14,"character":19},"member":"OnPush"},"template":"<daff-hero [color]=\"colorControl.value\">\n\t<div class=\"daff-hero-theming__icon\" daffHeroIcon>\n\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t</div>\n\t<p daffHeroTagline>Frontend framework for ecommerce PWAs</p>\n\t<h1 daffHeroTitle>Daffodil: The next great leap in ecommerce.</h1>\n\t<h2 daffHeroSubtitle>\n\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t</h2>\n\t<div daffHeroBody>\n\t\t<a href=\"https://www.daff.io\" target=\"_blank\" daff-button>Get Started</a>\n\t</div>\n</daff-hero>\n\n<select [formControl]=\"colorControl\">\n\t<option value=\"\">Default</option>\n\t<option value=\"primary\">Primary</option>\n\t<option value=\"secondary\">Secondary</option>\n\t<option value=\"tertiary\">Tertiary</option>\n\t<option value=\"white\">White</option>\n\t<option value=\"black\">Black</option>\n\t<option value=\"theme\">Theme</option>\n\t<option value=\"theme-contrast\">Theme Contrast</option>\n</select>","styles":[".daff-hero-theming__icon{display:flex;background:rgba(var(--daff-theme-rgb),.2);border-radius:50%;color:var(--daff-theme-contrast-rgb);width:48px;height:48px;justify-content:center;align-items:center;padding:12px 0}"]}]}],"members":{}},"HeroThemingModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"HeroThemingComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":17,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":18,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffHeroModule","line":19,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffButtonModule","line":20,"character":4},{"__symbolic":"reference","module":"@fortawesome/angular-fontawesome","name":"FontAwesomeModule","line":22,"character":4}],"exports":[{"__symbolic":"reference","name":"HeroThemingComponent"}]}]}],"members":{}},"HeroTextAlignmentComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"hero-text-alignment","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":12,"character":19},"member":"OnPush"},"template":"<daff-hero [textAlignment]=\"textAlignControl.value\">\n\t<daff-container size=\"md\">\n\t\t<div class=\"daff-hero-text-alignment__icon\" daffHeroIcon>\n\t\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t\t</div>\n\t\t<p daffHeroTagline>Frontend framework for ecommerce PWAs</p>\n\t\t<h1 daffHeroTitle>Daffodil: The next great leap in ecommerce.</h1>\n\t\t<h2 daffHeroSubtitle>\n\t\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t\t</h2>\n\t\t<div daffHeroBody>\n\t\t\t<a href=\"https://www.daff.io\" target=\"_blank\" daff-button>Get Started</a>\n\t\t</div>\n\t</daff-container>\n</daff-hero>\n\n<select [formControl]=\"textAlignControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>","styles":[".daff-hero-text-alignment__icon{display:flex;background:rgba(var(--daff-theme-rgb),.2);border-radius:50%;color:var(--daff-theme-contrast-rgb);width:48px;height:48px;justify-content:center;align-items:center;padding:12px 0}"]}]}],"members":{}},"HeroTextAlignmentModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":13,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"HeroTextAlignmentComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":18,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":19,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffHeroModule","line":20,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffContainerModule","line":21,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffButtonModule","line":22,"character":4},{"__symbolic":"reference","module":"@fortawesome/angular-fontawesome","name":"FontAwesomeModule","line":24,"character":4}]}]}],"members":{}},"HeroWithGridComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"hero-with-grid","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":11,"character":19},"member":"OnPush"},"template":"<daff-hero color=\"theme\">\n\t<daff-container class=\"daff-hero-with-grid__grid\">\n\t\t<div class=\"daff-hero-with-grid__image\">\n\t\t\t<img src=\"/assets/design/callout/pwa-illustration.svg\" alt=\"PWA Illustration\">\n\t\t</div>\n\t\t<div class=\"daff-hero-with-grid__content-wrapper\">\n\t\t\t<div class=\"daff-hero-with-grid__icon\" daffHeroIcon>\n\t\t\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t\t\t</div>\n\t\t\t<p daffHeroTagline>Frontend framework for ecommerce PWAs</p>\n\t\t\t<h3 daffHeroTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t\t\t<div daffHeroSubtitle>\n\t\t\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t\t\t</div>\n\t\t\t<div daffHeroBody>\n\t\t\t\t<a href=\"https://www.daff.io\" target=\"_blank\" daff-button>Get Started</a>\n\t\t\t</div>\n\t\t</div>\n\t</daff-container>\n</daff-hero>","styles":[".daff-hero-with-grid__grid{display:grid;grid-template:\"image\" \"content\"/1fr;grid-gap:24px}@media (min-width:768px){.daff-hero-with-grid__grid{grid-template:\"image content\"/1fr 1fr;grid-gap:48px;align-items:center}}.daff-hero-with-grid__image{grid-area:image}.daff-hero-with-grid__content-wrapper{grid-area:content}.daff-hero-with-grid__icon{display:flex;background:rgba(var(--daff-theme-rgb),.2);border-radius:50%;color:var(--daff-theme-contrast-rgb);width:48px;height:48px;justify-content:center;align-items:center;padding:12px 0}"]}]}],"members":{}},"HeroWithGridModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":13,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"HeroWithGridComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":18,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":19,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffHeroModule","line":20,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffContainerModule","line":21,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffButtonModule","line":22,"character":4},{"__symbolic":"reference","module":"@fortawesome/angular-fontawesome","name":"FontAwesomeModule","line":24,"character":4}]}]}],"members":{}},"CompactHeroComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"compact-hero","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":14,"character":19},"member":"OnPush"},"template":"<daff-hero [compact]=\"true\">\n\t<div class=\"daff-compact-hero__icon\" daffHeroIcon>\n\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t</div>\n\t<p daffHeroTagline>Frontend framework for ecommerce PWAs</p>\n\t<h1 daffHeroTitle>Daffodil: The next great leap in ecommerce.</h1>\n\t<h2 daffHeroSubtitle>\n\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t</h2>\n\t<div daffHeroBody>\n\t\t<a href=\"https://www.daff.io\" target=\"_blank\" daff-button>Get Started</a>\n\t</div>\n</daff-hero>","styles":[".daff-compact-hero__icon{display:flex;background:rgba(var(--daff-theme-rgb),.2);border-radius:50%;color:var(--daff-theme-contrast-rgb);width:48px;height:48px;justify-content:center;align-items:center;padding:12px 0}"]}]}],"members":{}},"CompactHeroModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"CompactHeroComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":17,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":18,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffHeroModule","line":19,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffButtonModule","line":20,"character":4},{"__symbolic":"reference","module":"@fortawesome/angular-fontawesome","name":"FontAwesomeModule","line":22,"character":4}],"exports":[{"__symbolic":"reference","name":"CompactHeroComponent"}]}]}],"members":{}},"HERO_EXAMPLES":[{"__symbolic":"reference","name":"HeroThemingComponent"},{"__symbolic":"reference","name":"HeroTextAlignmentComponent"},{"__symbolic":"reference","name":"HeroWithGridComponent"},{"__symbolic":"reference","name":"CompactHeroComponent"}]},"origins":{"HeroThemingComponent":"./hero-theming/hero-theming.component","HeroThemingModule":"./hero-theming/hero-theming.module","HeroTextAlignmentComponent":"./hero-text-alignment/hero-text-alignment.component","HeroTextAlignmentModule":"./hero-text-alignment/hero-text-alignment.module","HeroWithGridComponent":"./hero-with-grid/hero-with-grid.component","HeroWithGridModule":"./hero-with-grid/hero-with-grid.module","CompactHeroComponent":"./compact-hero/compact-hero.component","CompactHeroModule":"./compact-hero/compact-hero.module","HERO_EXAMPLES":"./examples"},"importAs":"@daffodil/design/hero/examples"}

package/hero/examples/hero-text-alignment/hero-text-alignment.component.d.ts

@@ -1,5 +1,6 @@
 import { FormControl } from '@angular/forms';
 export declare class HeroTextAlignmentComponent {
+    faMobile: import("@fortawesome/fontawesome-common-types").IconDefinition;
     textAlignControl: FormControl;
     options: {
         value: string;

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

@@ -1,6 +1,7 @@
 import { FormControl } from '@angular/forms';
 import { DaffPalette } from '@daffodil/design';
 export declare class HeroThemingComponent {
+    faMobile: import("@fortawesome/fontawesome-common-types").IconDefinition;
     color: DaffPalette;
     colorControl: FormControl;
 }

package/hero/examples/hero-with-grid/hero-with-grid.component.d.ts

@@ -1,2 +1,3 @@
 export declare class HeroWithGridComponent {
+    faMobile: import("@fortawesome/fontawesome-common-types").IconDefinition;
 }

package/hero/examples/public_api.d.ts

@@ -4,4 +4,6 @@ export { HeroTextAlignmentComponent } from './hero-text-alignment/hero-text-alig
 export { HeroTextAlignmentModule } from './hero-text-alignment/hero-text-alignment.module';
 export { HeroWithGridComponent } from './hero-with-grid/hero-with-grid.component';
 export { HeroWithGridModule } from './hero-with-grid/hero-with-grid.module';
+export { CompactHeroComponent } from './compact-hero/compact-hero.component';
+export { CompactHeroModule } from './compact-hero/compact-hero.module';
 export { HERO_EXAMPLES } from './examples';

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

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"BasicListComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"basic-list","template":"<daff-list role=\"list\">\n\t<daff-list-item>Basic list item 1</daff-list-item>\n\t<daff-list-item>Basic list item 2</daff-list-item>\n\t<daff-list-item>Basic list item 3</daff-list-item>\n</daff-list>"}]}],"members":{}},"NavListComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"nav-list","template":"<daff-nav-list>\n\t<a href=\"#\" daff-list-item>\n\t\t\tNavigation list item 1\n\t\t\t<fa-icon [icon]=\"faChevronRight\" daffSuffix></fa-icon>\n\t</a>\n\t<a href=\"#\" daff-list-item>\n\t\t\tNavigation list item 2\n\t</a>\n\t<a href=\"#\" daff-list-item>\n\t\t\tNavigation list item 3\n\t</a>\n</daff-nav-list>"}]}],"members":{}},"IconListComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"icon-list","template":"<daff-list>\n\t<daff-list-item>\n\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\tList item with icon\n\t</daff-list-item>\n</daff-list>"}]}],"members":{}},"MultilineListComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"multiline-list","template":"<daff-list>\n\t<daff-list-item>\n\t\t<h5>List item heading</h5>\n\t\t<p>List item description<p>\n\t\t<p>List item description line 2</p>\n\t</daff-list-item>\n\t<daff-list-item>\n\t\t<h5>List item heading</h5>\n\t\t<p>List item description</p>\n\t</daff-list-item>\n</daff-list>"}]}],"members":{}},"ListExamplesModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":11,"character":4},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"}],"entryComponents":[{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"LIST_EXAMPLES"}}]}]}],"members":{}},"LIST_EXAMPLES":[{"__symbolic":"reference","name":"BasicListComponent"},{"__symbolic":"reference","name":"NavListComponent"},{"__symbolic":"reference","name":"IconListComponent"},{"__symbolic":"reference","name":"MultilineListComponent"}],"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"BasicListComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffListModule","line":14,"character":4}],"exports":[{"__symbolic":"reference","name":"BasicListComponent"}]}]}],"members":{}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"NavListComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":14,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffListModule","line":16,"character":4},{"__symbolic":"reference","module":"@fortawesome/angular-fontawesome","name":"FontAwesomeModule","line":17,"character":4}],"exports":[{"__symbolic":"reference","name":"NavListComponent"}]}]}],"members":{}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"IconListComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":14,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffListModule","line":16,"character":4},{"__symbolic":"reference","module":"@fortawesome/angular-fontawesome","name":"FontAwesomeModule","line":17,"character":4}],"exports":[{"__symbolic":"reference","name":"IconListComponent"}]}]}],"members":{}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"MultilineListComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":14,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffListModule","line":16,"character":4},{"__symbolic":"reference","module":"@fortawesome/angular-fontawesome","name":"FontAwesomeModule","line":17,"character":4}],"exports":[{"__symbolic":"reference","name":"MultilineListComponent"}]}]}],"members":{}}},"origins":{"BasicListComponent":"./basic-list/basic-list.component","NavListComponent":"./nav-list/nav-list.component","IconListComponent":"./icon-list/icon-list.component","MultilineListComponent":"./multiline-list/multiline-list.component","ListExamplesModule":"./list-examples.module","LIST_EXAMPLES":"./examples","ɵa":"./basic-list/basic-list.module","ɵb":"./nav-list/nav-list.module","ɵc":"./icon-list/icon-list.module","ɵd":"./multiline-list/multiline-list.module"},"importAs":"@daffodil/design/list/examples"}
+{"__symbolic":"module","version":4,"metadata":{"BasicListComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"basic-list","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":9,"character":19},"member":"OnPush"},"template":"<daff-list role=\"list\">\n\t<daff-list-item>Basic list item 1</daff-list-item>\n\t<daff-list-item>Basic list item 2</daff-list-item>\n\t<daff-list-item>Basic list item 3</daff-list-item>\n</daff-list>"}]}],"members":{}},"NavListComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"nav-list","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":10,"character":19},"member":"OnPush"},"template":"<daff-nav-list>\n\t<a href=\"#\" daff-list-item>\n\t\t\tNavigation list item 1\n\t\t\t<fa-icon [icon]=\"faChevronRight\" daffSuffix></fa-icon>\n\t</a>\n\t<a href=\"#\" daff-list-item>\n\t\t\tNavigation list item 2\n\t</a>\n\t<a href=\"#\" daff-list-item>\n\t\t\tNavigation list item 3\n\t</a>\n</daff-nav-list>"}]}],"members":{}},"IconListComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"icon-list","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":10,"character":19},"member":"OnPush"},"template":"<daff-list>\n\t<daff-list-item>\n\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\tList item with icon\n\t</daff-list-item>\n</daff-list>"}]}],"members":{}},"MultilineListComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"multiline-list","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":9,"character":19},"member":"OnPush"},"template":"<daff-list>\n\t<daff-list-item>\n\t\t<h5>List item heading</h5>\n\t\t<p>List item description<p>\n\t\t<p>List item description line 2</p>\n\t</daff-list-item>\n\t<daff-list-item>\n\t\t<h5>List item heading</h5>\n\t\t<p>List item description</p>\n\t</daff-list-item>\n</daff-list>"}]}],"members":{}},"ListExamplesModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":11,"character":4},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"}],"entryComponents":[{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"LIST_EXAMPLES"}}]}]}],"members":{}},"LIST_EXAMPLES":[{"__symbolic":"reference","name":"BasicListComponent"},{"__symbolic":"reference","name":"NavListComponent"},{"__symbolic":"reference","name":"IconListComponent"},{"__symbolic":"reference","name":"MultilineListComponent"}],"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"BasicListComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffListModule","line":14,"character":4}],"exports":[{"__symbolic":"reference","name":"BasicListComponent"}]}]}],"members":{}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"NavListComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":14,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffListModule","line":16,"character":4},{"__symbolic":"reference","module":"@fortawesome/angular-fontawesome","name":"FontAwesomeModule","line":17,"character":4}],"exports":[{"__symbolic":"reference","name":"NavListComponent"}]}]}],"members":{}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"IconListComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":14,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffListModule","line":16,"character":4},{"__symbolic":"reference","module":"@fortawesome/angular-fontawesome","name":"FontAwesomeModule","line":17,"character":4}],"exports":[{"__symbolic":"reference","name":"IconListComponent"}]}]}],"members":{}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"MultilineListComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":14,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffListModule","line":16,"character":4},{"__symbolic":"reference","module":"@fortawesome/angular-fontawesome","name":"FontAwesomeModule","line":17,"character":4}],"exports":[{"__symbolic":"reference","name":"MultilineListComponent"}]}]}],"members":{}}},"origins":{"BasicListComponent":"./basic-list/basic-list.component","NavListComponent":"./nav-list/nav-list.component","IconListComponent":"./icon-list/icon-list.component","MultilineListComponent":"./multiline-list/multiline-list.component","ListExamplesModule":"./list-examples.module","LIST_EXAMPLES":"./examples","ɵa":"./basic-list/basic-list.module","ɵb":"./nav-list/nav-list.module","ɵc":"./icon-list/icon-list.module","ɵd":"./multiline-list/multiline-list.module"},"importAs":"@daffodil/design/list/examples"}

package/loading-icon/examples/daffodil-design-loading-icon-examples.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"LoadingIconColorComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"loading-icon-color","template":"<daff-loading-icon [diameter]=\"50\" [color]=\"colorGroup.get('color').value\"></daff-loading-icon>\n\n<daff-radio-set [formGroup]=\"colorGroup\" name=\"color\">\n  <daff-radio formControlName=\"color\" value=\"primary\">Primary</daff-radio>\n  <daff-radio formControlName=\"color\" value=\"secondary\">Secondary</daff-radio>\n  <daff-radio formControlName=\"color\" value=\"tertiary\">Tertiary</daff-radio>\n</daff-radio-set>"}]}],"members":{}},"LOADING_ICON_EXAMPLES":[{"__symbolic":"reference","name":"LoadingIconColorComponent"},{"__symbolic":"reference","name":"ɵa"}],"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"loading-icon-diameter","template":"<daff-loading-icon [diameter]=\"100\"></daff-loading-icon>\n"}]}],"members":{}}},"origins":{"LoadingIconColorComponent":"./loading-icon-color/loading-icon-color.component","LOADING_ICON_EXAMPLES":"./examples","ɵa":"./loading-icon-diameter/loading-icon-diameter.component"},"importAs":"@daffodil/design/loading-icon/examples"}
+{"__symbolic":"module","version":4,"metadata":{"LoadingIconColorComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"loading-icon-color","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":13,"character":19},"member":"OnPush"},"template":"<daff-loading-icon [diameter]=\"50\" [color]=\"colorGroup.get('color').value\"></daff-loading-icon>\n\n<daff-radio-set [formGroup]=\"colorGroup\" name=\"color\">\n  <daff-radio formControlName=\"color\" value=\"primary\">Primary</daff-radio>\n  <daff-radio formControlName=\"color\" value=\"secondary\">Secondary</daff-radio>\n  <daff-radio formControlName=\"color\" value=\"tertiary\">Tertiary</daff-radio>\n</daff-radio-set>"}]}],"members":{}},"LOADING_ICON_EXAMPLES":[{"__symbolic":"reference","name":"LoadingIconColorComponent"},{"__symbolic":"reference","name":"ɵa"}],"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"loading-icon-diameter","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":9,"character":19},"member":"OnPush"},"template":"<daff-loading-icon [diameter]=\"100\"></daff-loading-icon>\n"}]}],"members":{}}},"origins":{"LoadingIconColorComponent":"./loading-icon-color/loading-icon-color.component","LOADING_ICON_EXAMPLES":"./examples","ɵa":"./loading-icon-diameter/loading-icon-diameter.component"},"importAs":"@daffodil/design/loading-icon/examples"}

package/media-gallery/examples/daffodil-design-media-gallery-examples.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"MEDIA_GALLERY_EXAMPLES":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"}],"BasicMediaGalleryModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵa"}],"exports":[{"__symbolic":"reference","name":"ɵa"}],"imports":[{"__symbolic":"reference","module":"@daffodil/design","name":"DaffImageModule","line":17,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffMediaGalleryModule","line":18,"character":4}],"providers":[]}]}],"members":{}},"MismatchedSizesMediaGalleryModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵb"}],"exports":[{"__symbolic":"reference","name":"ɵb"}],"imports":[{"__symbolic":"reference","module":"@daffodil/design","name":"DaffImageModule","line":17,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffMediaGalleryModule","line":18,"character":4}],"providers":[]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"basic-media-gallery","template":"<daff-media-gallery>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=3763&q=80\" alt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1600&q=80\" alt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1584559582213-787a2953dcbe?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1600&q=80\" alt=\"Fruits\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1600&q=80\" alt=\"Lemons\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1543363136-7fbfcd3b240d?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1600&q=80\" alt=\"Avocado\" width=\"946\" height=\"946\"></daff-image>\n</daff-media-gallery>\n"}]}],"members":{}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"mismatched-sizes-media-gallery","template":"<daff-media-gallery>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=3763&q=80\" alt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1551410224-699683e15636?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1300&q=80\" alt=\"Drink\" width=\"640\" height=\"799\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1586788224331-947f68671cf1?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=934&q=80\" alt=\"Fruits\" width=\"640\" height=\"960\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1559181567-c3190ca9959b?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1300&q=80\" alt=\"Cherries\" width=\"640\" height=\"800\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1606926167690-07a1edafd407?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=2250&q=80\" alt=\"Lemons\" width=\"640\" height=\"426\"></daff-image>\n</daff-media-gallery>\n"}]}],"members":{}}},"origins":{"MEDIA_GALLERY_EXAMPLES":"./examples","BasicMediaGalleryModule":"./basic-media-gallery/basic-media-gallery.module","MismatchedSizesMediaGalleryModule":"./mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.module","ɵa":"./basic-media-gallery/basic-media-gallery.component","ɵb":"./mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.component"},"importAs":"@daffodil/design/media-gallery/examples"}
+{"__symbolic":"module","version":4,"metadata":{"MEDIA_GALLERY_EXAMPLES":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"}],"BasicMediaGalleryModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵa"}],"exports":[{"__symbolic":"reference","name":"ɵa"}],"imports":[{"__symbolic":"reference","module":"@daffodil/design","name":"DaffImageModule","line":17,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffMediaGalleryModule","line":18,"character":4}],"providers":[]}]}],"members":{}},"MismatchedSizesMediaGalleryModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵb"}],"exports":[{"__symbolic":"reference","name":"ɵb"}],"imports":[{"__symbolic":"reference","module":"@daffodil/design","name":"DaffImageModule","line":17,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffMediaGalleryModule","line":18,"character":4}],"providers":[]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"basic-media-gallery","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":9,"character":19},"member":"OnPush"},"template":"<daff-media-gallery>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=3763&q=80\" alt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1600&q=80\" alt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1584559582213-787a2953dcbe?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1600&q=80\" alt=\"Fruits\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1600&q=80\" alt=\"Lemons\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1543363136-7fbfcd3b240d?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1600&q=80\" alt=\"Avocado\" width=\"946\" height=\"946\"></daff-image>\n</daff-media-gallery>\n"}]}],"members":{}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"mismatched-sizes-media-gallery","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":9,"character":19},"member":"OnPush"},"template":"<daff-media-gallery>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=3763&q=80\" alt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1551410224-699683e15636?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1300&q=80\" alt=\"Drink\" width=\"640\" height=\"799\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1586788224331-947f68671cf1?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=934&q=80\" alt=\"Fruits\" width=\"640\" height=\"960\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1559181567-c3190ca9959b?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1300&q=80\" alt=\"Cherries\" width=\"640\" height=\"800\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1606926167690-07a1edafd407?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=2250&q=80\" alt=\"Lemons\" width=\"640\" height=\"426\"></daff-image>\n</daff-media-gallery>\n"}]}],"members":{}}},"origins":{"MEDIA_GALLERY_EXAMPLES":"./examples","BasicMediaGalleryModule":"./basic-media-gallery/basic-media-gallery.module","MismatchedSizesMediaGalleryModule":"./mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.module","ɵa":"./basic-media-gallery/basic-media-gallery.component","ɵb":"./mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.component"},"importAs":"@daffodil/design/media-gallery/examples"}

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

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"MODAL_EXAMPLES":[{"component":{"__symbolic":"reference","name":"ɵa"},"module":{"__symbolic":"reference","name":"ɵb"}}],"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"basic-modal","template":"<button daff-button (click)=\"showModal()\">Open Modal</button>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@daffodil/design","name":"DaffModalService","line":14,"character":36}]}],"showModal":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@daffodil/design","name":"DaffModalModule","line":12,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffButtonModule","line":13,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵc"}],"exports":[{"__symbolic":"reference","name":"ɵa"}]}]}],"members":{}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"basic-modal-content","template":"<daff-modal-header>\n\t<h5 daffModalTitle>Modal Title</h5>\n</daff-modal-header>\n<daff-modal-content>\n\tModal content goes here. Components can be placed in here. The content is scrollable.\n</daff-modal-content>\n<daff-modal-actions>\n\t<button daff-button>Save Changes</button>\n</daff-modal-actions>"}]}],"members":{}}},"origins":{"MODAL_EXAMPLES":"./public_api","ɵa":"./basic-modal/basic-modal.component","ɵb":"./basic-modal/basic-modal.module","ɵc":"./basic-modal/modal-content.component"},"importAs":"@daffodil/design/modal/examples"}
+{"__symbolic":"module","version":4,"metadata":{"MODAL_EXAMPLES":[{"component":{"__symbolic":"reference","name":"ɵa"},"module":{"__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-modal","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":13,"character":19},"member":"OnPush"},"template":"<button daff-button (click)=\"showModal()\">Open Modal</button>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@daffodil/design","name":"DaffModalService","line":18,"character":36}]}],"showModal":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@daffodil/design","name":"DaffModalModule","line":12,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffButtonModule","line":13,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵc"}],"exports":[{"__symbolic":"reference","name":"ɵa"}]}]}],"members":{}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"basic-modal-content","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":9,"character":19},"member":"OnPush"},"template":"<daff-modal-header>\n\t<h5 daffModalTitle>Modal Title</h5>\n</daff-modal-header>\n<daff-modal-content>\n\tModal content goes here. Components can be placed in here. The content is scrollable.\n</daff-modal-content>\n<daff-modal-actions>\n\t<button daff-button>Save Changes</button>\n</daff-modal-actions>"}]}],"members":{}}},"origins":{"MODAL_EXAMPLES":"./public_api","ɵa":"./basic-modal/basic-modal.component","ɵb":"./basic-modal/basic-modal.module","ɵc":"./basic-modal/modal-content.component"},"importAs":"@daffodil/design/modal/examples"}

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

@@ -1,10 +1,17 @@
 import { ElementRef, Renderer2 } from '@angular/core';
 import { DaffColorable } from '../../../core/colorable/public_api';
-import { DaffTextAlignable, DaffTextAlignment } from '../../../core/text-alignable/text-alignable';
+import { DaffCompactable } from '../../../core/compactable/public_api';
+import { DaffTextAlignable } from '../../../core/text-alignable/text-alignable';
+/**
+ * @deprecated See {@link DaffTextAlignable}
+ */
 export declare type DaffCalloutLayout = 'centered' | undefined;
 export declare enum DaffCalloutLayoutEnum {
     Centered = "centered"
 }
+/**
+ * @deprecated See {@link DaffCompactable}
+ */
 export declare type DaffCalloutSize = 'compact' | undefined;
 export declare enum DaffCalloutSizeEnum {
     Compact = "compact"
@@ -18,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;
@@ -26,8 +43,15 @@ declare const _daffCalloutBase: {
     };
 } & {
     new (...args: any[]): {
-        _textAlignment: DaffTextAlignment;
-        textAlignment: DaffTextAlignment;
+        _compact: boolean;
+        compact: boolean;
+        _elementRef: ElementRef<any>;
+        _renderer: Renderer2;
+    };
+} & {
+    new (...args: any[]): {
+        _textAlignment: import("../../../core/text-alignable/text-alignable").DaffTextAlignment;
+        textAlignment: import("../../../core/text-alignable/text-alignable").DaffTextAlignment;
         _elementRef: ElementRef<any>;
         _renderer: Renderer2;
     };
@@ -35,10 +59,16 @@ declare const _daffCalloutBase: {
 /**
  * @inheritdoc
  */
-export declare class DaffCalloutComponent extends _daffCalloutBase implements DaffColorable, DaffTextAlignable {
+export declare class DaffCalloutComponent extends _daffCalloutBase implements DaffColorable, DaffTextAlignable, DaffCompactable {
     private elementRef;
     private renderer;
+    /**
+     * @deprecated See {@link DaffTextAlignable}
+     */
     layout: DaffCalloutLayout;
+    /**
+     * @deprecated See {@link DaffCompactable}
+     */
     size: DaffCalloutSize;
     constructor(elementRef: ElementRef, renderer: Renderer2);
     /**
@@ -46,16 +76,12 @@ export declare class DaffCalloutComponent extends _daffCalloutBase implements Da
      */
     class: boolean;
     /**
-     * Will be deprecated in v1.0.0
-     *
-     * @docs-private
+     * @deprecated See {@link DaffTextAlignable}
      */
     get centered(): boolean;
     /**
-     * Will be deprecated in v1.0.0
-     *
-     * @docs-private
+     * @deprecated See {@link DaffCompactable}
      */
-    get compact(): boolean;
+    get compactClass(): boolean;
 }
 export {};

package/molecules/callout/callout-body/callout-body.directive.d.ts

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

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

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

package/molecules/callout/public_api.d.ts

@@ -1,5 +1,7 @@
 export { DaffCalloutModule } from './callout.module';
 export * from './callout/callout.component';
+export * from './callout-icon/callout-icon.directive';
+export * from './callout-tagline/callout-tagline.directive';
 export * from './callout-title/callout-title.directive';
 export * from './callout-subtitle/callout-subtitle.directive';
-export * from './callout-tagline/callout-tagline.directive';
+export * from './callout-body/callout-body.directive';

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

@@ -1,17 +1,24 @@
 import { ElementRef, Renderer2 } from '@angular/core';
-import { DaffPalette, DaffColorable } from '../../../core/colorable/public_api';
-import { DaffTextAlignable, DaffTextAlignment } from '../../../core/text-alignable/text-alignable';
+import { DaffColorable } from '../../../core/colorable/public_api';
+import { DaffCompactable } from '../../../core/compactable/public_api';
+import { DaffTextAlignable } from '../../../core/text-alignable/text-alignable';
+/**
+ * @deprecated See {@link DaffTextAlignable}
+ */
 export declare type DaffHeroLayout = 'centered' | undefined;
 export declare enum DaffHeroLayoutEnum {
     Centered = "centered"
 }
+/**
+ * @deprecated See {@link DaffCompactable}
+ */
 export declare type DaffHeroSize = 'compact' | 'small' | undefined;
 export declare enum DaffHeroSizeEnum {
     Compact = "compact",
     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;
@@ -20,15 +27,32 @@ declare class DaffHeroBase {
 }
 declare const _daffHeroBase: {
     new (...args: any[]): {
-        _color: DaffPalette;
-        color: DaffPalette;
         _elementRef: ElementRef<any>;
         _renderer: Renderer2;
     };
 } & {
     new (...args: any[]): {
-        _textAlignment: DaffTextAlignment;
-        textAlignment: DaffTextAlignment;
+        _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;
+    };
+} & {
+    new (...args: any[]): {
+        _compact: boolean;
+        compact: boolean;
+        _elementRef: ElementRef<any>;
+        _renderer: Renderer2;
+    };
+} & {
+    new (...args: any[]): {
+        _textAlignment: import("../../../core/text-alignable/text-alignable").DaffTextAlignment;
+        textAlignment: import("../../../core/text-alignable/text-alignable").DaffTextAlignment;
         _elementRef: ElementRef<any>;
         _renderer: Renderer2;
     };
@@ -36,10 +60,16 @@ declare const _daffHeroBase: {
 /**
  * @inheritdoc
  */
-export declare class DaffHeroComponent extends _daffHeroBase implements DaffColorable, DaffTextAlignable {
+export declare class DaffHeroComponent extends _daffHeroBase implements DaffColorable, DaffTextAlignable, DaffCompactable {
     private elementRef;
     private renderer;
+    /**
+     * @deprecated See {@link DaffTextAlignable}
+     */
     layout: DaffHeroLayout;
+    /**
+     * @deprecated See {@link DaffCompactable}
+     */
     size: DaffHeroSize;
     constructor(elementRef: ElementRef, renderer: Renderer2);
     /**
@@ -47,22 +77,12 @@ export declare class DaffHeroComponent extends _daffHeroBase implements DaffColo
      */
     class: boolean;
     /**
-     * Will be deprecated in v1.0.0
-     *
-     * @docs-private
+     * @deprecated See {@link DaffTextAlignable}
      */
     get centered(): boolean;
     /**
-     * Will be deprecated in v1.0.0
-     *
-     * @docs-private
-     */
-    get small(): boolean;
-    /**
-     * Will be deprecated in v1.0.0
-     *
-     * @docs-private
+     * @deprecated See {@link DaffCompactable}
      */
-    get compact(): boolean;
+    get compactClass(): boolean;
 }
 export {};

package/molecules/hero/hero-body/hero-body.directive.d.ts

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

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

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

package/molecules/hero/public_api.d.ts

@@ -3,3 +3,5 @@ export * from './hero/hero.component';
 export * from './hero-tagline/hero-tagline.directive';
 export * from './hero-title/hero-title.directive';
 export * from './hero-subtitle/hero-subtitle.directive';
+export * from './hero-body/hero-body.directive';
+export * from './hero-icon/hero-icon.directive';

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

@@ -1,3 +1,6 @@
+/**
+ * @deprecated See {@link DaffThumbnailDirective}
+ */
 export declare class DaffGalleryImageComponent {
     selected: boolean;
     class: boolean;