@daffodil/design 0.63.2 → 0.64.1

package/fesm2020/daffodil-design-hero-examples.mjs

@@ -1,45 +1,43 @@
 import * as i0 from '@angular/core';
 import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
-import * as i3 from '@angular/forms';
-import { FormControl, ReactiveFormsModule } from '@angular/forms';
+import * as i1 from '@angular/forms';
+import { UntypedFormControl, ReactiveFormsModule } from '@angular/forms';
 import { faMobile } from '@fortawesome/free-solid-svg-icons';
-import * as i1 from '@daffodil/design';
+import * as i1$1 from '@daffodil/design';
 import { DaffHeroModule, DaffButtonModule, DaffContainerModule } from '@daffodil/design';
 import * as i2 from '@fortawesome/angular-fontawesome';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
-import * as i4 from '@angular/common';
+import * as i1$2 from '@angular/common';
 import { CommonModule } from '@angular/common';
 
 class HeroThemingComponent {
     constructor() {
         this.faMobile = faMobile;
         this.color = 'primary';
-        this.colorControl = new FormControl('');
+        this.colorControl = new UntypedFormControl('');
     }
 }
-/** @nocollapse */ HeroThemingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: HeroThemingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ HeroThemingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: HeroThemingComponent, selector: "hero-theming", ngImport: i0, 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}\n"], components: [{ type: i1.DaffHeroComponent, selector: "daff-hero", inputs: ["color", "compact", "textAlignment", "layout", "size"] }, { type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status", "loading", "tabindex", "disabled"] }], directives: [{ type: i1.DaffHeroIconDirective, selector: "[daffHeroIcon]" }, { type: i1.DaffHeroTaglineDirective, selector: "[daffHeroTagline]" }, { type: i1.DaffHeroTitleDirective, selector: "[daffHeroTitle]" }, { type: i1.DaffHeroSubtitleDirective, selector: "[daffHeroSubtitle]" }, { type: i1.DaffHeroBodyDirective, selector: "[daffHeroBody]" }, { type: i3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: HeroThemingComponent, decorators: [{
+/** @nocollapse */ HeroThemingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: HeroThemingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ HeroThemingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: HeroThemingComponent, selector: "hero-theming", ngImport: i0, 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}\n"], dependencies: [{ kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i1$1.DaffHeroComponent, selector: "daff-hero", inputs: ["color", "compact", "textAlignment", "layout", "size"] }, { kind: "directive", type: i1$1.DaffHeroIconDirective, selector: "[daffHeroIcon]" }, { kind: "directive", type: i1$1.DaffHeroTaglineDirective, selector: "[daffHeroTagline]" }, { kind: "directive", type: i1$1.DaffHeroTitleDirective, selector: "[daffHeroTitle]" }, { kind: "directive", type: i1$1.DaffHeroSubtitleDirective, selector: "[daffHeroSubtitle]" }, { kind: "directive", type: i1$1.DaffHeroBodyDirective, selector: "[daffHeroBody]" }, { kind: "component", type: i1$1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status", "loading", "tabindex", "disabled"] }, { kind: "component", type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: HeroThemingComponent, decorators: [{
             type: Component,
             args: [{ selector: 'hero-theming', changeDetection: ChangeDetectionStrategy.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}\n"] }]
         }] });
 
 class HeroThemingModule {
 }
-/** @nocollapse */ HeroThemingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: HeroThemingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ HeroThemingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: HeroThemingModule, declarations: [HeroThemingComponent], imports: [CommonModule,
+/** @nocollapse */ HeroThemingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: HeroThemingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ HeroThemingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: HeroThemingModule, declarations: [HeroThemingComponent], imports: [CommonModule,
         ReactiveFormsModule,
         DaffHeroModule,
         DaffButtonModule,
         FontAwesomeModule], exports: [HeroThemingComponent] });
-/** @nocollapse */ HeroThemingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: HeroThemingModule, imports: [[
-            CommonModule,
-            ReactiveFormsModule,
-            DaffHeroModule,
-            DaffButtonModule,
-            FontAwesomeModule,
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: HeroThemingModule, decorators: [{
+/** @nocollapse */ HeroThemingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: HeroThemingModule, imports: [CommonModule,
+        ReactiveFormsModule,
+        DaffHeroModule,
+        DaffButtonModule,
+        FontAwesomeModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: HeroThemingModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -61,7 +59,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
 class HeroTextAlignmentComponent {
     constructor() {
         this.faMobile = faMobile;
-        this.textAlignControl = new FormControl('');
+        this.textAlignControl = new UntypedFormControl('');
         this.options = [
             { value: '', label: 'Default' },
             { value: 'left', label: 'Left' },
@@ -70,31 +68,29 @@ class HeroTextAlignmentComponent {
         ];
     }
 }
-/** @nocollapse */ HeroTextAlignmentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: HeroTextAlignmentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ HeroTextAlignmentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: HeroTextAlignmentComponent, selector: "hero-text-alignment", ngImport: i0, 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}\n"], components: [{ type: i1.DaffHeroComponent, selector: "daff-hero", inputs: ["color", "compact", "textAlignment", "layout", "size"] }, { type: i1.DaffContainerComponent, selector: "daff-container", inputs: ["size"] }, { type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status", "loading", "tabindex", "disabled"] }], directives: [{ type: i1.DaffHeroIconDirective, selector: "[daffHeroIcon]" }, { type: i1.DaffHeroTaglineDirective, selector: "[daffHeroTagline]" }, { type: i1.DaffHeroTitleDirective, selector: "[daffHeroTitle]" }, { type: i1.DaffHeroSubtitleDirective, selector: "[daffHeroSubtitle]" }, { type: i1.DaffHeroBodyDirective, selector: "[daffHeroBody]" }, { type: i3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: HeroTextAlignmentComponent, decorators: [{
+/** @nocollapse */ HeroTextAlignmentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: HeroTextAlignmentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ HeroTextAlignmentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: HeroTextAlignmentComponent, selector: "hero-text-alignment", ngImport: i0, 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}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i1$1.DaffHeroComponent, selector: "daff-hero", inputs: ["color", "compact", "textAlignment", "layout", "size"] }, { kind: "directive", type: i1$1.DaffHeroIconDirective, selector: "[daffHeroIcon]" }, { kind: "directive", type: i1$1.DaffHeroTaglineDirective, selector: "[daffHeroTagline]" }, { kind: "directive", type: i1$1.DaffHeroTitleDirective, selector: "[daffHeroTitle]" }, { kind: "directive", type: i1$1.DaffHeroSubtitleDirective, selector: "[daffHeroSubtitle]" }, { kind: "directive", type: i1$1.DaffHeroBodyDirective, selector: "[daffHeroBody]" }, { kind: "component", type: i1$1.DaffContainerComponent, selector: "daff-container", inputs: ["size"] }, { kind: "component", type: i1$1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status", "loading", "tabindex", "disabled"] }, { kind: "component", type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: HeroTextAlignmentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'hero-text-alignment', changeDetection: ChangeDetectionStrategy.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}\n"] }]
         }] });
 
 class HeroTextAlignmentModule {
 }
-/** @nocollapse */ HeroTextAlignmentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: HeroTextAlignmentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ HeroTextAlignmentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: HeroTextAlignmentModule, declarations: [HeroTextAlignmentComponent], imports: [CommonModule,
+/** @nocollapse */ HeroTextAlignmentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: HeroTextAlignmentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ HeroTextAlignmentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: HeroTextAlignmentModule, declarations: [HeroTextAlignmentComponent], imports: [CommonModule,
+        ReactiveFormsModule,
+        DaffHeroModule,
+        DaffContainerModule,
+        DaffButtonModule,
+        FontAwesomeModule] });
+/** @nocollapse */ HeroTextAlignmentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: HeroTextAlignmentModule, imports: [CommonModule,
         ReactiveFormsModule,
         DaffHeroModule,
         DaffContainerModule,
         DaffButtonModule,
         FontAwesomeModule] });
-/** @nocollapse */ HeroTextAlignmentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: HeroTextAlignmentModule, imports: [[
-            CommonModule,
-            ReactiveFormsModule,
-            DaffHeroModule,
-            DaffContainerModule,
-            DaffButtonModule,
-            FontAwesomeModule,
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: HeroTextAlignmentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: HeroTextAlignmentModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -116,31 +112,29 @@ class HeroWithGridComponent {
         this.faMobile = faMobile;
     }
 }
-/** @nocollapse */ HeroWithGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: HeroWithGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ HeroWithGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: HeroWithGridComponent, selector: "hero-with-grid", ngImport: i0, 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}\n"], components: [{ type: i1.DaffHeroComponent, selector: "daff-hero", inputs: ["color", "compact", "textAlignment", "layout", "size"] }, { type: i1.DaffContainerComponent, selector: "daff-container", inputs: ["size"] }, { type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status", "loading", "tabindex", "disabled"] }], directives: [{ type: i1.DaffHeroIconDirective, selector: "[daffHeroIcon]" }, { type: i1.DaffHeroTaglineDirective, selector: "[daffHeroTagline]" }, { type: i1.DaffHeroTitleDirective, selector: "[daffHeroTitle]" }, { type: i1.DaffHeroSubtitleDirective, selector: "[daffHeroSubtitle]" }, { type: i1.DaffHeroBodyDirective, selector: "[daffHeroBody]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: HeroWithGridComponent, decorators: [{
+/** @nocollapse */ HeroWithGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: HeroWithGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ HeroWithGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: HeroWithGridComponent, selector: "hero-with-grid", ngImport: i0, 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}\n"], dependencies: [{ kind: "component", type: i1$1.DaffHeroComponent, selector: "daff-hero", inputs: ["color", "compact", "textAlignment", "layout", "size"] }, { kind: "directive", type: i1$1.DaffHeroIconDirective, selector: "[daffHeroIcon]" }, { kind: "directive", type: i1$1.DaffHeroTaglineDirective, selector: "[daffHeroTagline]" }, { kind: "directive", type: i1$1.DaffHeroTitleDirective, selector: "[daffHeroTitle]" }, { kind: "directive", type: i1$1.DaffHeroSubtitleDirective, selector: "[daffHeroSubtitle]" }, { kind: "directive", type: i1$1.DaffHeroBodyDirective, selector: "[daffHeroBody]" }, { kind: "component", type: i1$1.DaffContainerComponent, selector: "daff-container", inputs: ["size"] }, { kind: "component", type: i1$1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status", "loading", "tabindex", "disabled"] }, { kind: "component", type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: HeroWithGridComponent, decorators: [{
             type: Component,
             args: [{ selector: 'hero-with-grid', changeDetection: ChangeDetectionStrategy.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}\n"] }]
         }] });
 
 class HeroWithGridModule {
 }
-/** @nocollapse */ HeroWithGridModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: HeroWithGridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ HeroWithGridModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: HeroWithGridModule, declarations: [HeroWithGridComponent], imports: [CommonModule,
+/** @nocollapse */ HeroWithGridModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: HeroWithGridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ HeroWithGridModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: HeroWithGridModule, declarations: [HeroWithGridComponent], imports: [CommonModule,
         ReactiveFormsModule,
         DaffHeroModule,
         DaffContainerModule,
         DaffButtonModule,
         FontAwesomeModule] });
-/** @nocollapse */ HeroWithGridModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: HeroWithGridModule, imports: [[
-            CommonModule,
-            ReactiveFormsModule,
-            DaffHeroModule,
-            DaffContainerModule,
-            DaffButtonModule,
-            FontAwesomeModule,
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: HeroWithGridModule, decorators: [{
+/** @nocollapse */ HeroWithGridModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: HeroWithGridModule, imports: [CommonModule,
+        ReactiveFormsModule,
+        DaffHeroModule,
+        DaffContainerModule,
+        DaffButtonModule,
+        FontAwesomeModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: HeroWithGridModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -162,29 +156,27 @@ class CompactHeroComponent {
         this.faMobile = faMobile;
     }
 }
-/** @nocollapse */ CompactHeroComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: CompactHeroComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ CompactHeroComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: CompactHeroComponent, selector: "compact-hero", ngImport: i0, 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}\n"], components: [{ type: i1.DaffHeroComponent, selector: "daff-hero", inputs: ["color", "compact", "textAlignment", "layout", "size"] }, { type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status", "loading", "tabindex", "disabled"] }], directives: [{ type: i1.DaffHeroIconDirective, selector: "[daffHeroIcon]" }, { type: i1.DaffHeroTaglineDirective, selector: "[daffHeroTagline]" }, { type: i1.DaffHeroTitleDirective, selector: "[daffHeroTitle]" }, { type: i1.DaffHeroSubtitleDirective, selector: "[daffHeroSubtitle]" }, { type: i1.DaffHeroBodyDirective, selector: "[daffHeroBody]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: CompactHeroComponent, decorators: [{
+/** @nocollapse */ CompactHeroComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CompactHeroComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ CompactHeroComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: CompactHeroComponent, selector: "compact-hero", ngImport: i0, 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}\n"], dependencies: [{ kind: "component", type: i1$1.DaffHeroComponent, selector: "daff-hero", inputs: ["color", "compact", "textAlignment", "layout", "size"] }, { kind: "directive", type: i1$1.DaffHeroIconDirective, selector: "[daffHeroIcon]" }, { kind: "directive", type: i1$1.DaffHeroTaglineDirective, selector: "[daffHeroTagline]" }, { kind: "directive", type: i1$1.DaffHeroTitleDirective, selector: "[daffHeroTitle]" }, { kind: "directive", type: i1$1.DaffHeroSubtitleDirective, selector: "[daffHeroSubtitle]" }, { kind: "directive", type: i1$1.DaffHeroBodyDirective, selector: "[daffHeroBody]" }, { kind: "component", type: i1$1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status", "loading", "tabindex", "disabled"] }, { kind: "component", type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CompactHeroComponent, decorators: [{
             type: Component,
             args: [{ selector: 'compact-hero', changeDetection: ChangeDetectionStrategy.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}\n"] }]
         }] });
 
 class CompactHeroModule {
 }
-/** @nocollapse */ CompactHeroModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: CompactHeroModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ CompactHeroModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: CompactHeroModule, declarations: [CompactHeroComponent], imports: [CommonModule,
+/** @nocollapse */ CompactHeroModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CompactHeroModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ CompactHeroModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: CompactHeroModule, declarations: [CompactHeroComponent], imports: [CommonModule,
         ReactiveFormsModule,
         DaffHeroModule,
         DaffButtonModule,
         FontAwesomeModule], exports: [CompactHeroComponent] });
-/** @nocollapse */ CompactHeroModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: CompactHeroModule, imports: [[
-            CommonModule,
-            ReactiveFormsModule,
-            DaffHeroModule,
-            DaffButtonModule,
-            FontAwesomeModule,
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: CompactHeroModule, decorators: [{
+/** @nocollapse */ CompactHeroModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CompactHeroModule, imports: [CommonModule,
+        ReactiveFormsModule,
+        DaffHeroModule,
+        DaffButtonModule,
+        FontAwesomeModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CompactHeroModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/fesm2020/daffodil-design-hero-examples.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"daffodil-design-hero-examples.mjs","sources":["../../../libs/design/hero/examples/src/hero-theming/hero-theming.component.ts","../../../libs/design/hero/examples/src/hero-theming/hero-theming.component.html","../../../libs/design/hero/examples/src/hero-theming/hero-theming.module.ts","../../../libs/design/hero/examples/src/hero-text-alignment/hero-text-alignment.component.ts","../../../libs/design/hero/examples/src/hero-text-alignment/hero-text-alignment.component.html","../../../libs/design/hero/examples/src/hero-text-alignment/hero-text-alignment.module.ts","../../../libs/design/hero/examples/src/hero-with-grid/hero-with-grid.component.ts","../../../libs/design/hero/examples/src/hero-with-grid/hero-with-grid.component.html","../../../libs/design/hero/examples/src/hero-with-grid/hero-with-grid.module.ts","../../../libs/design/hero/examples/src/compact-hero/compact-hero.component.ts","../../../libs/design/hero/examples/src/compact-hero/compact-hero.component.html","../../../libs/design/hero/examples/src/compact-hero/compact-hero.module.ts","../../../libs/design/hero/examples/src/examples.ts","../../../libs/design/hero/examples/src/daffodil-design-hero-examples.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { faMobile } from '@fortawesome/free-solid-svg-icons';\n\nimport { DaffPalette } from '@daffodil/design';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'hero-theming',\n  templateUrl: './hero-theming.component.html',\n  styleUrls: ['./hero-theming.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class HeroThemingComponent {\n  faMobile = faMobile;\n  color: DaffPalette = 'primary';\n\n  colorControl: FormControl = new FormControl('');\n}\n","<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>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport {\n  DaffHeroModule,\n  DaffButtonModule,\n} from '@daffodil/design';\n\nimport { HeroThemingComponent } from './hero-theming.component';\n\n@NgModule({\n  declarations: [\n    HeroThemingComponent,\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    DaffHeroModule,\n    DaffButtonModule,\n\n    FontAwesomeModule,\n  ],\n  exports: [\n    HeroThemingComponent,\n  ],\n})\nexport class HeroThemingModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { faMobile } from '@fortawesome/free-solid-svg-icons';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'hero-text-alignment',\n  templateUrl: './hero-text-alignment.component.html',\n  styleUrls: ['./hero-text-alignment.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class HeroTextAlignmentComponent {\n  faMobile = faMobile;\n  textAlignControl: FormControl = new FormControl('');\n\n  options = [\n    { value: '', label: 'Default' },\n    { value: 'left', label: 'Left' },\n    { value: 'center', label: 'Center' },\n    { value: 'right', label: 'Right' },\n  ];\n}\n","<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>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport {\n  DaffHeroModule,\n  DaffContainerModule,\n  DaffButtonModule,\n} from '@daffodil/design';\n\nimport { HeroTextAlignmentComponent } from './hero-text-alignment.component';\n\n@NgModule({\n  declarations: [\n    HeroTextAlignmentComponent,\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    DaffHeroModule,\n    DaffContainerModule,\n    DaffButtonModule,\n\n    FontAwesomeModule,\n  ],\n})\nexport class HeroTextAlignmentModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { faMobile } from '@fortawesome/free-solid-svg-icons';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'hero-with-grid',\n  templateUrl: './hero-with-grid.component.html',\n  styleUrls: ['./hero-with-grid.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class HeroWithGridComponent {\n  faMobile = faMobile;\n}\n","<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>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport {\n  DaffHeroModule,\n  DaffContainerModule,\n  DaffButtonModule,\n} from '@daffodil/design';\n\nimport { HeroWithGridComponent } from './hero-with-grid.component';\n\n@NgModule({\n  declarations: [\n    HeroWithGridComponent,\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    DaffHeroModule,\n    DaffContainerModule,\n    DaffButtonModule,\n\n    FontAwesomeModule,\n  ],\n})\nexport class HeroWithGridModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { faMobile } from '@fortawesome/free-solid-svg-icons';\n\nimport { DaffPalette } from '@daffodil/design';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'compact-hero',\n  templateUrl: './compact-hero.component.html',\n  styleUrls: ['./compact-hero.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CompactHeroComponent {\n  faMobile = faMobile;\n}\n","<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>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport {\n  DaffHeroModule,\n  DaffButtonModule,\n} from '@daffodil/design';\n\nimport { CompactHeroComponent } from './compact-hero.component';\n\n@NgModule({\n  declarations: [\n    CompactHeroComponent,\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    DaffHeroModule,\n    DaffButtonModule,\n\n    FontAwesomeModule,\n  ],\n  exports: [\n    CompactHeroComponent,\n  ],\n})\nexport class CompactHeroModule { }\n","import { CompactHeroComponent } from './compact-hero/compact-hero.component';\nimport { HeroTextAlignmentComponent } from './hero-text-alignment/hero-text-alignment.component';\nimport { HeroThemingComponent } from './hero-theming/hero-theming.component';\nimport { HeroWithGridComponent } from './hero-with-grid/hero-with-grid.component';\n\nexport const HERO_EXAMPLES = [\n  HeroThemingComponent,\n  HeroTextAlignmentComponent,\n  HeroWithGridComponent,\n  CompactHeroComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"daffodil-design-hero-examples.mjs","sources":["../../../libs/design/hero/examples/src/hero-theming/hero-theming.component.ts","../../../libs/design/hero/examples/src/hero-theming/hero-theming.component.html","../../../libs/design/hero/examples/src/hero-theming/hero-theming.module.ts","../../../libs/design/hero/examples/src/hero-text-alignment/hero-text-alignment.component.ts","../../../libs/design/hero/examples/src/hero-text-alignment/hero-text-alignment.component.html","../../../libs/design/hero/examples/src/hero-text-alignment/hero-text-alignment.module.ts","../../../libs/design/hero/examples/src/hero-with-grid/hero-with-grid.component.ts","../../../libs/design/hero/examples/src/hero-with-grid/hero-with-grid.component.html","../../../libs/design/hero/examples/src/hero-with-grid/hero-with-grid.module.ts","../../../libs/design/hero/examples/src/compact-hero/compact-hero.component.ts","../../../libs/design/hero/examples/src/compact-hero/compact-hero.component.html","../../../libs/design/hero/examples/src/compact-hero/compact-hero.module.ts","../../../libs/design/hero/examples/src/examples.ts","../../../libs/design/hero/examples/src/daffodil-design-hero-examples.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { UntypedFormControl } from '@angular/forms';\nimport { faMobile } from '@fortawesome/free-solid-svg-icons';\n\nimport { DaffPalette } from '@daffodil/design';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'hero-theming',\n  templateUrl: './hero-theming.component.html',\n  styleUrls: ['./hero-theming.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class HeroThemingComponent {\n  faMobile = faMobile;\n  color: DaffPalette = 'primary';\n\n  colorControl: UntypedFormControl = new UntypedFormControl('');\n}\n","<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>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport {\n  DaffHeroModule,\n  DaffButtonModule,\n} from '@daffodil/design';\n\nimport { HeroThemingComponent } from './hero-theming.component';\n\n@NgModule({\n  declarations: [\n    HeroThemingComponent,\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    DaffHeroModule,\n    DaffButtonModule,\n\n    FontAwesomeModule,\n  ],\n  exports: [\n    HeroThemingComponent,\n  ],\n})\nexport class HeroThemingModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { UntypedFormControl } from '@angular/forms';\nimport { faMobile } from '@fortawesome/free-solid-svg-icons';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'hero-text-alignment',\n  templateUrl: './hero-text-alignment.component.html',\n  styleUrls: ['./hero-text-alignment.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class HeroTextAlignmentComponent {\n  faMobile = faMobile;\n  textAlignControl: UntypedFormControl = new UntypedFormControl('');\n\n  options = [\n    { value: '', label: 'Default' },\n    { value: 'left', label: 'Left' },\n    { value: 'center', label: 'Center' },\n    { value: 'right', label: 'Right' },\n  ];\n}\n","<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>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport {\n  DaffHeroModule,\n  DaffContainerModule,\n  DaffButtonModule,\n} from '@daffodil/design';\n\nimport { HeroTextAlignmentComponent } from './hero-text-alignment.component';\n\n@NgModule({\n  declarations: [\n    HeroTextAlignmentComponent,\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    DaffHeroModule,\n    DaffContainerModule,\n    DaffButtonModule,\n\n    FontAwesomeModule,\n  ],\n})\nexport class HeroTextAlignmentModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { faMobile } from '@fortawesome/free-solid-svg-icons';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'hero-with-grid',\n  templateUrl: './hero-with-grid.component.html',\n  styleUrls: ['./hero-with-grid.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class HeroWithGridComponent {\n  faMobile = faMobile;\n}\n","<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>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport {\n  DaffHeroModule,\n  DaffContainerModule,\n  DaffButtonModule,\n} from '@daffodil/design';\n\nimport { HeroWithGridComponent } from './hero-with-grid.component';\n\n@NgModule({\n  declarations: [\n    HeroWithGridComponent,\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    DaffHeroModule,\n    DaffContainerModule,\n    DaffButtonModule,\n\n    FontAwesomeModule,\n  ],\n})\nexport class HeroWithGridModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { faMobile } from '@fortawesome/free-solid-svg-icons';\n\nimport { DaffPalette } from '@daffodil/design';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'compact-hero',\n  templateUrl: './compact-hero.component.html',\n  styleUrls: ['./compact-hero.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CompactHeroComponent {\n  faMobile = faMobile;\n}\n","<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>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport {\n  DaffHeroModule,\n  DaffButtonModule,\n} from '@daffodil/design';\n\nimport { CompactHeroComponent } from './compact-hero.component';\n\n@NgModule({\n  declarations: [\n    CompactHeroComponent,\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    DaffHeroModule,\n    DaffButtonModule,\n\n    FontAwesomeModule,\n  ],\n  exports: [\n    CompactHeroComponent,\n  ],\n})\nexport class CompactHeroModule { }\n","import { CompactHeroComponent } from './compact-hero/compact-hero.component';\nimport { HeroTextAlignmentComponent } from './hero-text-alignment/hero-text-alignment.component';\nimport { HeroThemingComponent } from './hero-theming/hero-theming.component';\nimport { HeroWithGridComponent } from './hero-with-grid/hero-with-grid.component';\n\nexport const HERO_EXAMPLES = [\n  HeroThemingComponent,\n  HeroTextAlignmentComponent,\n  HeroWithGridComponent,\n  CompactHeroComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i2","i3","i1","i4"],"mappings":";;;;;;;;;;;;MAgBa,oBAAoB,CAAA;AAPjC,IAAA,WAAA,GAAA;QAQE,IAAQ,CAAA,QAAA,GAAG,QAAQ,CAAC;QACpB,IAAK,CAAA,KAAA,GAAgB,SAAS,CAAC;AAE/B,QAAA,IAAA,CAAA,YAAY,GAAuB,IAAI,kBAAkB,CAAC,EAAE,CAAC,CAAC;AAC/D,KAAA;;oIALY,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,mBAAA,oBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,oDChBjC,ilCAwBS,EAAA,MAAA,EAAA,CAAA,2NAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,cAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,uBAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,0BAAA,EAAA,QAAA,EAAA,6GAAA,EAAA,MAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,eAAA,EAAA,QAAA,EAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,qBAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,wBAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,yBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,qBAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,yRAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,QAAA,EAAA,SAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,QAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,QAAA,EAAA,SAAA,EAAA,QAAA,EAAA,QAAA,EAAA,YAAA,EAAA,SAAA,EAAA,WAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FDRI,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAPhC,SAAS;+BAEE,cAAc,EAAA,eAAA,EAGP,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,ilCAAA,EAAA,MAAA,EAAA,CAAA,2NAAA,CAAA,EAAA,CAAA;;;MEcpC,iBAAiB,CAAA;;iIAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;kIAAjB,iBAAiB,EAAA,YAAA,EAAA,CAd1B,oBAAoB,CAAA,EAAA,OAAA,EAAA,CAGpB,YAAY;QACZ,mBAAmB;QACnB,cAAc;QACd,gBAAgB;AAEhB,QAAA,iBAAiB,aAGjB,oBAAoB,CAAA,EAAA,CAAA,CAAA;AAGX,mBAAA,iBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,YAX1B,YAAY;QACZ,mBAAmB;QACnB,cAAc;QACd,gBAAgB;QAEhB,iBAAiB,CAAA,EAAA,CAAA,CAAA;2FAMR,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAhB7B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,oBAAoB;AACrB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,mBAAmB;wBACnB,cAAc;wBACd,gBAAgB;wBAEhB,iBAAiB;AAClB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,oBAAoB;AACrB,qBAAA;AACF,iBAAA,CAAA;;;MCbY,0BAA0B,CAAA;AAPvC,IAAA,WAAA,GAAA;QAQE,IAAQ,CAAA,QAAA,GAAG,QAAQ,CAAC;AACpB,QAAA,IAAA,CAAA,gBAAgB,GAAuB,IAAI,kBAAkB,CAAC,EAAE,CAAC,CAAC;AAElE,QAAA,IAAA,CAAA,OAAO,GAAG;AACR,YAAA,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;AAC/B,YAAA,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;AAChC,YAAA,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;AACpC,YAAA,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;SACnC,CAAC;AACH,KAAA;;0IAVY,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA1B,mBAAA,0BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,0BAA0B,2DCdvC,q6BAmBS,EAAA,MAAA,EAAA,CAAA,kOAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,IAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAF,EAAA,CAAA,cAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,uBAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,0BAAA,EAAA,QAAA,EAAA,6GAAA,EAAA,MAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,IAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,eAAA,EAAA,QAAA,EAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,qBAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,wBAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,yBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,qBAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,yRAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,QAAA,EAAA,SAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAE,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,QAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,QAAA,EAAA,SAAA,EAAA,QAAA,EAAA,QAAA,EAAA,YAAA,EAAA,SAAA,EAAA,WAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FDLI,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAPtC,SAAS;+BAEE,qBAAqB,EAAA,eAAA,EAGd,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,q6BAAA,EAAA,MAAA,EAAA,CAAA,kOAAA,CAAA,EAAA,CAAA;;;MEepC,uBAAuB,CAAA;;uIAAvB,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;wIAAvB,uBAAuB,EAAA,YAAA,EAAA,CAZhC,0BAA0B,CAAA,EAAA,OAAA,EAAA,CAG1B,YAAY;QACZ,mBAAmB;QACnB,cAAc;QACd,mBAAmB;QACnB,gBAAgB;QAEhB,iBAAiB,CAAA,EAAA,CAAA,CAAA;AAGR,mBAAA,uBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,uBAAuB,YAThC,YAAY;QACZ,mBAAmB;QACnB,cAAc;QACd,mBAAmB;QACnB,gBAAgB;QAEhB,iBAAiB,CAAA,EAAA,CAAA,CAAA;2FAGR,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAdnC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,0BAA0B;AAC3B,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,mBAAmB;wBACnB,cAAc;wBACd,mBAAmB;wBACnB,gBAAgB;wBAEhB,iBAAiB;AAClB,qBAAA;AACF,iBAAA,CAAA;;;MCbY,qBAAqB,CAAA;AAPlC,IAAA,WAAA,GAAA;QAQE,IAAQ,CAAA,QAAA,GAAG,QAAQ,CAAC;AACrB,KAAA;;qIAFY,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,mBAAA,qBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,sDCblC,w/BAoBY,EAAA,MAAA,EAAA,CAAA,8hBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAD,IAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,eAAA,EAAA,QAAA,EAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,qBAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,wBAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,yBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,qBAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,yRAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,QAAA,EAAA,SAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,QAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,QAAA,EAAA,SAAA,EAAA,QAAA,EAAA,QAAA,EAAA,YAAA,EAAA,SAAA,EAAA,WAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FDPC,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAPjC,SAAS;+BAEE,gBAAgB,EAAA,eAAA,EAGT,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,w/BAAA,EAAA,MAAA,EAAA,CAAA,8hBAAA,CAAA,EAAA,CAAA;;;MEgBpC,kBAAkB,CAAA;;kIAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;mIAAlB,kBAAkB,EAAA,YAAA,EAAA,CAZ3B,qBAAqB,CAAA,EAAA,OAAA,EAAA,CAGrB,YAAY;QACZ,mBAAmB;QACnB,cAAc;QACd,mBAAmB;QACnB,gBAAgB;QAEhB,iBAAiB,CAAA,EAAA,CAAA,CAAA;AAGR,mBAAA,kBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,YAT3B,YAAY;QACZ,mBAAmB;QACnB,cAAc;QACd,mBAAmB;QACnB,gBAAgB;QAEhB,iBAAiB,CAAA,EAAA,CAAA,CAAA;2FAGR,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAd9B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,qBAAqB;AACtB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,mBAAmB;wBACnB,cAAc;wBACd,mBAAmB;wBACnB,gBAAgB;wBAEhB,iBAAiB;AAClB,qBAAA;AACF,iBAAA,CAAA;;;MCVY,oBAAoB,CAAA;AAPjC,IAAA,WAAA,GAAA;QAQE,IAAQ,CAAA,QAAA,GAAG,QAAQ,CAAC;AACrB,KAAA;;oIAFY,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,mBAAA,oBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,oDChBjC,8pBAaY,EAAA,MAAA,EAAA,CAAA,2NAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,eAAA,EAAA,QAAA,EAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,qBAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,wBAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,yBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,qBAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,yRAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,QAAA,EAAA,SAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,QAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,QAAA,EAAA,SAAA,EAAA,QAAA,EAAA,QAAA,EAAA,YAAA,EAAA,SAAA,EAAA,WAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FDGC,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAPhC,SAAS;+BAEE,cAAc,EAAA,eAAA,EAGP,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,8pBAAA,EAAA,MAAA,EAAA,CAAA,2NAAA,CAAA,EAAA,CAAA;;;MEcpC,iBAAiB,CAAA;;iIAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;kIAAjB,iBAAiB,EAAA,YAAA,EAAA,CAd1B,oBAAoB,CAAA,EAAA,OAAA,EAAA,CAGpB,YAAY;QACZ,mBAAmB;QACnB,cAAc;QACd,gBAAgB;AAEhB,QAAA,iBAAiB,aAGjB,oBAAoB,CAAA,EAAA,CAAA,CAAA;AAGX,mBAAA,iBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,YAX1B,YAAY;QACZ,mBAAmB;QACnB,cAAc;QACd,gBAAgB;QAEhB,iBAAiB,CAAA,EAAA,CAAA,CAAA;2FAMR,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAhB7B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,oBAAoB;AACrB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,mBAAmB;wBACnB,cAAc;wBACd,gBAAgB;wBAEhB,iBAAiB;AAClB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,oBAAoB;AACrB,qBAAA;AACF,iBAAA,CAAA;;;ACtBY,MAAA,aAAa,GAAG;IAC3B,oBAAoB;IACpB,0BAA0B;IAC1B,qBAAqB;IACrB,oBAAoB;;;ACTtB;;AAEG;;;;"}

package/fesm2020/daffodil-design-image-examples.mjs

@@ -2,26 +2,24 @@ import * as i0 from '@angular/core';
 import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
 import * as i1 from '@daffodil/design';
 import { DaffImageModule } from '@daffodil/design';
-import * as i2 from '@angular/common';
+import * as i1$1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 
 class BasicImageComponent {
 }
-/** @nocollapse */ BasicImageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ BasicImageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: BasicImageComponent, selector: "basic-image", ngImport: i0, template: "<daff-image\n\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\talt=\"Bottom up view of Basel exhibition centre\"\n\twidth=\"1261\"\n\theight=\"946\">\n</daff-image>", components: [{ type: i1.DaffImageComponent, selector: "daff-image", inputs: ["skeleton", "src", "alt", "width", "height"], outputs: ["load"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicImageComponent, decorators: [{
+/** @nocollapse */ BasicImageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: BasicImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ BasicImageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: BasicImageComponent, selector: "basic-image", ngImport: i0, template: "<daff-image\n\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\talt=\"Bottom up view of Basel exhibition centre\"\n\twidth=\"1261\"\n\theight=\"946\">\n</daff-image>", dependencies: [{ kind: "component", type: i1.DaffImageComponent, selector: "daff-image", inputs: ["skeleton", "src", "alt", "width", "height"], outputs: ["load"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: BasicImageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'basic-image', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-image\n\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\talt=\"Bottom up view of Basel exhibition centre\"\n\twidth=\"1261\"\n\theight=\"946\">\n</daff-image>" }]
         }] });
 
 class BasicImageModule {
 }
-/** @nocollapse */ BasicImageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicImageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ BasicImageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicImageModule, declarations: [BasicImageComponent], imports: [DaffImageModule], exports: [BasicImageComponent] });
-/** @nocollapse */ BasicImageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicImageModule, imports: [[
-            DaffImageModule,
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicImageModule, decorators: [{
+/** @nocollapse */ BasicImageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: BasicImageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ BasicImageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: BasicImageModule, declarations: [BasicImageComponent], imports: [DaffImageModule], exports: [BasicImageComponent] });
+/** @nocollapse */ BasicImageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: BasicImageModule, imports: [DaffImageModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: BasicImageModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -44,23 +42,21 @@ class LoadImageComponent {
         this.loaded = true;
     }
 }
-/** @nocollapse */ LoadImageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: LoadImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ LoadImageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: LoadImageComponent, selector: "load-image", ngImport: i0, template: "<daff-image\n\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\talt=\"Bottom up view of Basel exhibition centre\"\n\twidth=\"1261\"\n\theight=\"946\"\n\t(load)=\"load()\">\n</daff-image>\n\n<p *ngIf=\"!loaded\">I am not loaded!</p>\n<p *ngIf=\"loaded\">I am loaded!</p>", components: [{ type: i1.DaffImageComponent, selector: "daff-image", inputs: ["skeleton", "src", "alt", "width", "height"], outputs: ["load"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: LoadImageComponent, decorators: [{
+/** @nocollapse */ LoadImageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LoadImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ LoadImageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: LoadImageComponent, selector: "load-image", ngImport: i0, template: "<daff-image\n\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\talt=\"Bottom up view of Basel exhibition centre\"\n\twidth=\"1261\"\n\theight=\"946\"\n\t(load)=\"load()\">\n</daff-image>\n\n<p *ngIf=\"!loaded\">I am not loaded!</p>\n<p *ngIf=\"loaded\">I am loaded!</p>", dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.DaffImageComponent, selector: "daff-image", inputs: ["skeleton", "src", "alt", "width", "height"], outputs: ["load"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LoadImageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'load-image', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-image\n\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\talt=\"Bottom up view of Basel exhibition centre\"\n\twidth=\"1261\"\n\theight=\"946\"\n\t(load)=\"load()\">\n</daff-image>\n\n<p *ngIf=\"!loaded\">I am not loaded!</p>\n<p *ngIf=\"loaded\">I am loaded!</p>" }]
         }] });
 
 class LoadImageModule {
 }
-/** @nocollapse */ LoadImageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: LoadImageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ LoadImageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: LoadImageModule, declarations: [LoadImageComponent], imports: [CommonModule,
+/** @nocollapse */ LoadImageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LoadImageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ LoadImageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: LoadImageModule, declarations: [LoadImageComponent], imports: [CommonModule,
         DaffImageModule], exports: [LoadImageComponent] });
-/** @nocollapse */ LoadImageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: LoadImageModule, imports: [[
-            CommonModule,
-            DaffImageModule,
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: LoadImageModule, decorators: [{
+/** @nocollapse */ LoadImageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LoadImageModule, imports: [CommonModule,
+        DaffImageModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LoadImageModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -78,21 +74,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
 
 class SkeletonImageComponent {
 }
-/** @nocollapse */ SkeletonImageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: SkeletonImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ SkeletonImageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: SkeletonImageComponent, selector: "skeleton-image", ngImport: i0, template: "<daff-image [skeleton]=\"true\"\n\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\talt=\"Bottom up view of Basel exhibition centre\"\n\twidth=\"1261\"\n\theight=\"946\">\n</daff-image>", components: [{ type: i1.DaffImageComponent, selector: "daff-image", inputs: ["skeleton", "src", "alt", "width", "height"], outputs: ["load"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: SkeletonImageComponent, decorators: [{
+/** @nocollapse */ SkeletonImageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkeletonImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ SkeletonImageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkeletonImageComponent, selector: "skeleton-image", ngImport: i0, template: "<daff-image [skeleton]=\"true\"\n\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\talt=\"Bottom up view of Basel exhibition centre\"\n\twidth=\"1261\"\n\theight=\"946\">\n</daff-image>", dependencies: [{ kind: "component", type: i1.DaffImageComponent, selector: "daff-image", inputs: ["skeleton", "src", "alt", "width", "height"], outputs: ["load"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkeletonImageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'skeleton-image', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-image [skeleton]=\"true\"\n\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\talt=\"Bottom up view of Basel exhibition centre\"\n\twidth=\"1261\"\n\theight=\"946\">\n</daff-image>" }]
         }] });
 
 class SkeletonImageModule {
 }
-/** @nocollapse */ SkeletonImageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: SkeletonImageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ SkeletonImageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: SkeletonImageModule, declarations: [SkeletonImageComponent], imports: [DaffImageModule], exports: [SkeletonImageComponent] });
-/** @nocollapse */ SkeletonImageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: SkeletonImageModule, imports: [[
-            DaffImageModule,
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: SkeletonImageModule, decorators: [{
+/** @nocollapse */ SkeletonImageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkeletonImageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ SkeletonImageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkeletonImageModule, declarations: [SkeletonImageComponent], imports: [DaffImageModule], exports: [SkeletonImageComponent] });
+/** @nocollapse */ SkeletonImageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkeletonImageModule, imports: [DaffImageModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkeletonImageModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/fesm2020/daffodil-design-image-examples.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"daffodil-design-image-examples.mjs","sources":["../../../libs/design/image/examples/src/basic-image/basic-image.component.ts","../../../libs/design/image/examples/src/basic-image/basic-image.component.html","../../../libs/design/image/examples/src/basic-image/basic-image.module.ts","../../../libs/design/image/examples/src/load-image/load-image.component.ts","../../../libs/design/image/examples/src/load-image/load-image.component.html","../../../libs/design/image/examples/src/load-image/load-image.module.ts","../../../libs/design/image/examples/src/skeleton-image/skeleton-image.component.ts","../../../libs/design/image/examples/src/skeleton-image/skeleton-image.component.html","../../../libs/design/image/examples/src/skeleton-image/skeleton-image.module.ts","../../../libs/design/image/examples/src/public_api.ts","../../../libs/design/image/examples/src/daffodil-design-image-examples.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'basic-image',\n  templateUrl: './basic-image.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BasicImageComponent {\n\n}\n","<daff-image\n\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\talt=\"Bottom up view of Basel exhibition centre\"\n\twidth=\"1261\"\n\theight=\"946\">\n</daff-image>","import { NgModule } from '@angular/core';\n\nimport { DaffImageModule } from '@daffodil/design';\n\nimport { BasicImageComponent } from './basic-image.component';\n\n@NgModule({\n  declarations: [\n    BasicImageComponent,\n  ],\n  exports: [\n    BasicImageComponent,\n  ],\n  imports: [\n    DaffImageModule,\n  ],\n})\nexport class BasicImageModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'load-image',\n  templateUrl: './load-image.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class LoadImageComponent {\n  loaded = false;\n\n  load(){\n    this.loaded = true;\n  }\n}\n","<daff-image\n\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\talt=\"Bottom up view of Basel exhibition centre\"\n\twidth=\"1261\"\n\theight=\"946\"\n\t(load)=\"load()\">\n</daff-image>\n\n<p *ngIf=\"!loaded\">I am not loaded!</p>\n<p *ngIf=\"loaded\">I am loaded!</p>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DaffImageModule } from '@daffodil/design';\n\nimport { LoadImageComponent } from './load-image.component';\n\n@NgModule({\n  declarations: [\n    LoadImageComponent,\n  ],\n  exports: [\n    LoadImageComponent,\n  ],\n  imports: [\n    CommonModule,\n    DaffImageModule,\n  ],\n})\nexport class LoadImageModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'skeleton-image',\n  templateUrl: './skeleton-image.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkeletonImageComponent {\n\n}\n","<daff-image [skeleton]=\"true\"\n\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\talt=\"Bottom up view of Basel exhibition centre\"\n\twidth=\"1261\"\n\theight=\"946\">\n</daff-image>","import { NgModule } from '@angular/core';\n\nimport { DaffImageModule } from '@daffodil/design';\n\nimport { SkeletonImageComponent } from './skeleton-image.component';\n\n@NgModule({\n  declarations: [\n    SkeletonImageComponent,\n  ],\n  exports: [\n    SkeletonImageComponent,\n  ],\n  imports: [\n    DaffImageModule,\n  ],\n})\nexport class SkeletonImageModule { }\n","import { ComponentExample } from '@daffodil/design';\n\nimport { BasicImageComponent } from './basic-image/basic-image.component';\nimport { BasicImageModule } from './basic-image/basic-image.module';\nimport { LoadImageComponent } from './load-image/load-image.component';\nimport { LoadImageModule } from './load-image/load-image.module';\nimport { SkeletonImageComponent } from './skeleton-image/skeleton-image.component';\nimport { SkeletonImageModule } from './skeleton-image/skeleton-image.module';\n\nexport const IMAGE_EXAMPLES: ComponentExample[] = [\n  { component: BasicImageComponent, module: BasicImageModule },\n  { component: LoadImageComponent, module: LoadImageModule },\n  { component: SkeletonImageComponent, module: SkeletonImageModule },\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"daffodil-design-image-examples.mjs","sources":["../../../libs/design/image/examples/src/basic-image/basic-image.component.ts","../../../libs/design/image/examples/src/basic-image/basic-image.component.html","../../../libs/design/image/examples/src/basic-image/basic-image.module.ts","../../../libs/design/image/examples/src/load-image/load-image.component.ts","../../../libs/design/image/examples/src/load-image/load-image.component.html","../../../libs/design/image/examples/src/load-image/load-image.module.ts","../../../libs/design/image/examples/src/skeleton-image/skeleton-image.component.ts","../../../libs/design/image/examples/src/skeleton-image/skeleton-image.component.html","../../../libs/design/image/examples/src/skeleton-image/skeleton-image.module.ts","../../../libs/design/image/examples/src/public_api.ts","../../../libs/design/image/examples/src/daffodil-design-image-examples.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'basic-image',\n  templateUrl: './basic-image.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BasicImageComponent {\n\n}\n","<daff-image\n\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\talt=\"Bottom up view of Basel exhibition centre\"\n\twidth=\"1261\"\n\theight=\"946\">\n</daff-image>","import { NgModule } from '@angular/core';\n\nimport { DaffImageModule } from '@daffodil/design';\n\nimport { BasicImageComponent } from './basic-image.component';\n\n@NgModule({\n  declarations: [\n    BasicImageComponent,\n  ],\n  exports: [\n    BasicImageComponent,\n  ],\n  imports: [\n    DaffImageModule,\n  ],\n})\nexport class BasicImageModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'load-image',\n  templateUrl: './load-image.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class LoadImageComponent {\n  loaded = false;\n\n  load(){\n    this.loaded = true;\n  }\n}\n","<daff-image\n\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\talt=\"Bottom up view of Basel exhibition centre\"\n\twidth=\"1261\"\n\theight=\"946\"\n\t(load)=\"load()\">\n</daff-image>\n\n<p *ngIf=\"!loaded\">I am not loaded!</p>\n<p *ngIf=\"loaded\">I am loaded!</p>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DaffImageModule } from '@daffodil/design';\n\nimport { LoadImageComponent } from './load-image.component';\n\n@NgModule({\n  declarations: [\n    LoadImageComponent,\n  ],\n  exports: [\n    LoadImageComponent,\n  ],\n  imports: [\n    CommonModule,\n    DaffImageModule,\n  ],\n})\nexport class LoadImageModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'skeleton-image',\n  templateUrl: './skeleton-image.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkeletonImageComponent {\n\n}\n","<daff-image [skeleton]=\"true\"\n\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\talt=\"Bottom up view of Basel exhibition centre\"\n\twidth=\"1261\"\n\theight=\"946\">\n</daff-image>","import { NgModule } from '@angular/core';\n\nimport { DaffImageModule } from '@daffodil/design';\n\nimport { SkeletonImageComponent } from './skeleton-image.component';\n\n@NgModule({\n  declarations: [\n    SkeletonImageComponent,\n  ],\n  exports: [\n    SkeletonImageComponent,\n  ],\n  imports: [\n    DaffImageModule,\n  ],\n})\nexport class SkeletonImageModule { }\n","import { ComponentExample } from '@daffodil/design';\n\nimport { BasicImageComponent } from './basic-image/basic-image.component';\nimport { BasicImageModule } from './basic-image/basic-image.module';\nimport { LoadImageComponent } from './load-image/load-image.component';\nimport { LoadImageModule } from './load-image/load-image.module';\nimport { SkeletonImageComponent } from './skeleton-image/skeleton-image.component';\nimport { SkeletonImageModule } from './skeleton-image/skeleton-image.module';\n\nexport const IMAGE_EXAMPLES: ComponentExample[] = [\n  { component: BasicImageComponent, module: BasicImageModule },\n  { component: LoadImageComponent, module: LoadImageModule },\n  { component: SkeletonImageComponent, module: SkeletonImageModule },\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1","i2"],"mappings":";;;;;;;MAWa,mBAAmB,CAAA;;mIAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnB,mBAAA,mBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,mDCXhC,gSAKa,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,KAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,CAAA,EAAA,OAAA,EAAA,CAAA,MAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FDMA,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAN/B,SAAS;+BAEE,aAAa,EAAA,eAAA,EAEN,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,gSAAA,EAAA,CAAA;;;MEQpC,gBAAgB,CAAA;;gIAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAhB,mBAAA,gBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,EATzB,YAAA,EAAA,CAAA,mBAAmB,CAMnB,EAAA,OAAA,EAAA,CAAA,eAAe,aAHf,mBAAmB,CAAA,EAAA,CAAA,CAAA;AAMV,mBAAA,gBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,YAHzB,eAAe,CAAA,EAAA,CAAA,CAAA;2FAGN,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAX5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,mBAAmB;AACpB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,mBAAmB;AACpB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,eAAe;AAChB,qBAAA;AACF,iBAAA,CAAA;;;MCLY,kBAAkB,CAAA;AAN/B,IAAA,WAAA,GAAA;QAOE,IAAM,CAAA,MAAA,GAAG,KAAK,CAAC;AAKhB,KAAA;IAHC,IAAI,GAAA;AACF,QAAA,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;KACpB;;kIALU,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlB,mBAAA,kBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,kDCX/B,wYASkC,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,KAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,CAAA,EAAA,OAAA,EAAA,CAAA,MAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FDErB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAN9B,SAAS;+BAEE,YAAY,EAAA,eAAA,EAEL,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,wYAAA,EAAA,CAAA;;;MEUpC,eAAe,CAAA;;+HAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;gIAAf,eAAe,EAAA,YAAA,EAAA,CAVxB,kBAAkB,CAAA,EAAA,OAAA,EAAA,CAMlB,YAAY;AACZ,QAAA,eAAe,aAJf,kBAAkB,CAAA,EAAA,CAAA,CAAA;AAOT,mBAAA,eAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,eAAe,YAJxB,YAAY;QACZ,eAAe,CAAA,EAAA,CAAA,CAAA;2FAGN,eAAe,EAAA,UAAA,EAAA,CAAA;kBAZ3B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,kBAAkB;AACnB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,kBAAkB;AACnB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,eAAe;AAChB,qBAAA;AACF,iBAAA,CAAA;;;MCPY,sBAAsB,CAAA;;sIAAtB,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAtB,mBAAA,sBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,sDCXnC,oTAKa,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,KAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,CAAA,EAAA,OAAA,EAAA,CAAA,MAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FDMA,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBANlC,SAAS;+BAEE,gBAAgB,EAAA,eAAA,EAET,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,oTAAA,EAAA,CAAA;;;MEQpC,mBAAmB,CAAA;;mIAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAnB,mBAAA,mBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,EAT5B,YAAA,EAAA,CAAA,sBAAsB,CAMtB,EAAA,OAAA,EAAA,CAAA,eAAe,aAHf,sBAAsB,CAAA,EAAA,CAAA,CAAA;AAMb,mBAAA,mBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,YAH5B,eAAe,CAAA,EAAA,CAAA,CAAA;2FAGN,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAX/B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,sBAAsB;AACvB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,sBAAsB;AACvB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,eAAe;AAChB,qBAAA;AACF,iBAAA,CAAA;;;ACPY,MAAA,cAAc,GAAuB;AAChD,IAAA,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,EAAE,gBAAgB,EAAE;AAC5D,IAAA,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,EAAE,eAAe,EAAE;AAC1D,IAAA,EAAE,SAAS,EAAE,sBAAsB,EAAE,MAAM,EAAE,mBAAmB,EAAE;;;ACZpE;;AAEG;;;;"}