@daffodil/design 0.73.0 → 0.75.0

package/esm2022/hero/examples/hero-theming/hero-theming.component.mjs

@@ -1,11 +1,13 @@
 import { ChangeDetectionStrategy, Component, } from '@angular/core';
-import { UntypedFormControl } from '@angular/forms';
+import { UntypedFormControl, ReactiveFormsModule, } from '@angular/forms';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 import { faMobile } from '@fortawesome/free-solid-svg-icons';
+import { DaffButtonModule } from '@daffodil/design/button';
+import { DaffHeroModule } from '@daffodil/design/hero';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/forms";
-import * as i2 from "@daffodil/design/hero";
-import * as i3 from "@daffodil/design/button";
-import * as i4 from "@fortawesome/angular-fontawesome";
+import * as i1 from "@daffodil/design/hero";
+import * as i2 from "@daffodil/design/button";
+import * as i3 from "@angular/forms";
 export class HeroThemingComponent {
     constructor() {
         this.faMobile = faMobile;
@@ -13,10 +15,15 @@ export class HeroThemingComponent {
         this.colorControl = new UntypedFormControl('');
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: HeroThemingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", 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: i2.DaffHeroComponent, selector: "daff-hero", inputs: ["color", "compact", "textAlignment"] }, { kind: "directive", type: i2.DaffHeroIconDirective, selector: "[daffHeroIcon]" }, { kind: "directive", type: i2.DaffHeroTaglineDirective, selector: "[daffHeroTagline]" }, { kind: "directive", type: i2.DaffHeroTitleDirective, selector: "[daffHeroTitle]" }, { kind: "directive", type: i2.DaffHeroSubtitleDirective, selector: "[daffHeroSubtitle]" }, { kind: "directive", type: i2.DaffHeroBodyDirective, selector: "[daffHeroBody]" }, { kind: "component", type: i3.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: i4.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: HeroThemingComponent, isStandalone: true, 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: "ngmodule", type: DaffHeroModule }, { kind: "component", type: i1.DaffHeroComponent, selector: "daff-hero" }, { kind: "directive", type: i1.DaffHeroIconDirective, selector: "[daffHeroIcon]" }, { kind: "directive", type: i1.DaffHeroTaglineDirective, selector: "[daffHeroTagline]" }, { kind: "directive", type: i1.DaffHeroTitleDirective, selector: "[daffHeroTitle]" }, { kind: "directive", type: i1.DaffHeroSubtitleDirective, selector: "[daffHeroSubtitle]" }, { kind: "directive", type: i1.DaffHeroBodyDirective, selector: "[daffHeroBody]" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "ngmodule", type: DaffButtonModule }, { kind: "component", type: i2.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: ["loading", "tabindex", "disabled"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", 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"] }]
+            args: [{ selector: 'hero-theming', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        DaffHeroModule,
+                        FaIconComponent,
+                        DaffButtonModule,
+                        ReactiveFormsModule,
+                    ], 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"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVyby10aGVtaW5nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2hlcm8vZXhhbXBsZXMvc3JjL2hlcm8tdGhlbWluZy9oZXJvLXRoZW1pbmcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vaGVyby9leGFtcGxlcy9zcmMvaGVyby10aGVtaW5nL2hlcm8tdGhlbWluZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNwRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUNBQW1DLENBQUM7Ozs7OztBQVc3RCxNQUFNLE9BQU8sb0JBQW9CO0lBUGpDO1FBUUUsYUFBUSxHQUFHLFFBQVEsQ0FBQztRQUNwQixVQUFLLEdBQWdCLFNBQVMsQ0FBQztRQUUvQixpQkFBWSxHQUF1QixJQUFJLGtCQUFrQixDQUFDLEVBQUUsQ0FBQyxDQUFDO0tBQy9EO2tJQUxZLG9CQUFvQjtzSEFBcEIsb0JBQW9CLG9EQ2hCakMsaWxDQXdCUzs7NEZEUkksb0JBQW9CO2tCQVBoQyxTQUFTOytCQUVFLGNBQWMsbUJBR1AsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVW50eXBlZEZvcm1Db250cm9sIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgZmFNb2JpbGUgfSBmcm9tICdAZm9ydGF3ZXNvbWUvZnJlZS1zb2xpZC1zdmctaWNvbnMnO1xuXG5pbXBvcnQgeyBEYWZmUGFsZXR0ZSB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24nO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdoZXJvLXRoZW1pbmcnLFxuICB0ZW1wbGF0ZVVybDogJy4vaGVyby10aGVtaW5nLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vaGVyby10aGVtaW5nLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBIZXJvVGhlbWluZ0NvbXBvbmVudCB7XG4gIGZhTW9iaWxlID0gZmFNb2JpbGU7XG4gIGNvbG9yOiBEYWZmUGFsZXR0ZSA9ICdwcmltYXJ5JztcblxuICBjb2xvckNvbnRyb2w6IFVudHlwZWRGb3JtQ29udHJvbCA9IG5ldyBVbnR5cGVkRm9ybUNvbnRyb2woJycpO1xufVxuIiwiPGRhZmYtaGVybyBbY29sb3JdPVwiY29sb3JDb250cm9sLnZhbHVlXCI+XG5cdDxkaXYgY2xhc3M9XCJkYWZmLWhlcm8tdGhlbWluZ19faWNvblwiIGRhZmZIZXJvSWNvbj5cblx0XHQ8ZmEtaWNvbiBbaWNvbl09XCJmYU1vYmlsZVwiPjwvZmEtaWNvbj5cblx0PC9kaXY+XG5cdDxwIGRhZmZIZXJvVGFnbGluZT5Gcm9udGVuZCBmcmFtZXdvcmsgZm9yIGVjb21tZXJjZSBQV0FzPC9wPlxuXHQ8aDEgZGFmZkhlcm9UaXRsZT5EYWZmb2RpbDogVGhlIG5leHQgZ3JlYXQgbGVhcCBpbiBlY29tbWVyY2UuPC9oMT5cblx0PGgyIGRhZmZIZXJvU3VidGl0bGU+XG5cdFx0PHA+RGFmZm9kaWwgcHJvdmlkZXMgZXZlcnl0aGluZyB5b3UgbmVlZCB0byBjcmVhdGUgcG93ZXJmdWwgYW5kIGZsZXhpYmxlIGVjb21tZXJjZSBleHBlcmllbmNlcy48L3A+XG5cdFx0PHA+V2l0aCBEYWZmb2RpbCwgYW1iaXRpb3VzIGJ1c2luZXNzZXMgYXJlIGFibGUgdG8gYWNoaWV2ZSBtb3JlIHdoaWxlIG1pbmltaXppbmcgZGV2ZWxvcG1lbnQgYW5kIG1haW50ZW5hbmNlIGNvc3RzLjwvcD5cblx0PC9oMj5cblx0PGRpdiBkYWZmSGVyb0JvZHk+XG5cdFx0PGEgaHJlZj1cImh0dHBzOi8vd3d3LmRhZmYuaW9cIiB0YXJnZXQ9XCJfYmxhbmtcIiBkYWZmLWJ1dHRvbj5HZXQgU3RhcnRlZDwvYT5cblx0PC9kaXY+XG48L2RhZmYtaGVybz5cblxuPHNlbGVjdCBbZm9ybUNvbnRyb2xdPVwiY29sb3JDb250cm9sXCI+XG5cdDxvcHRpb24gdmFsdWU9XCJcIj5EZWZhdWx0PC9vcHRpb24+XG5cdDxvcHRpb24gdmFsdWU9XCJwcmltYXJ5XCI+UHJpbWFyeTwvb3B0aW9uPlxuXHQ8b3B0aW9uIHZhbHVlPVwic2Vjb25kYXJ5XCI+U2Vjb25kYXJ5PC9vcHRpb24+XG5cdDxvcHRpb24gdmFsdWU9XCJ0ZXJ0aWFyeVwiPlRlcnRpYXJ5PC9vcHRpb24+XG5cdDxvcHRpb24gdmFsdWU9XCJ3aGl0ZVwiPldoaXRlPC9vcHRpb24+XG5cdDxvcHRpb24gdmFsdWU9XCJibGFja1wiPkJsYWNrPC9vcHRpb24+XG5cdDxvcHRpb24gdmFsdWU9XCJ0aGVtZVwiPlRoZW1lPC9vcHRpb24+XG5cdDxvcHRpb24gdmFsdWU9XCJ0aGVtZS1jb250cmFzdFwiPlRoZW1lIENvbnRyYXN0PC9vcHRpb24+XG48L3NlbGVjdD4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVyby10aGVtaW5nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2hlcm8vZXhhbXBsZXMvc3JjL2hlcm8tdGhlbWluZy9oZXJvLXRoZW1pbmcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vaGVyby9leGFtcGxlcy9zcmMvaGVyby10aGVtaW5nL2hlcm8tdGhlbWluZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQ0wsa0JBQWtCLEVBQ2xCLG1CQUFtQixHQUNwQixNQUFNLGdCQUFnQixDQUFDO0FBQ3hCLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNuRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFHN0QsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDM0QsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHVCQUF1QixDQUFDOzs7OztBQWdCdkQsTUFBTSxPQUFPLG9CQUFvQjtJQWRqQztRQWVFLGFBQVEsR0FBRyxRQUFRLENBQUM7UUFDcEIsVUFBSyxHQUFnQixTQUFTLENBQUM7UUFFL0IsaUJBQVksR0FBdUIsSUFBSSxrQkFBa0IsQ0FBQyxFQUFFLENBQUMsQ0FBQztLQUMvRDtrSUFMWSxvQkFBb0I7c0hBQXBCLG9CQUFvQix3RUM3QmpDLGlsQ0F3QlMsa1JEREwsY0FBYyx3aEJBQ2QsZUFBZSxpUEFDZixnQkFBZ0IscWFBQ2hCLG1CQUFtQjs7NEZBR1Ysb0JBQW9CO2tCQWRoQyxTQUFTOytCQUVFLGNBQWMsbUJBR1AsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJLFdBQ1A7d0JBQ1AsY0FBYzt3QkFDZCxlQUFlO3dCQUNmLGdCQUFnQjt3QkFDaEIsbUJBQW1CO3FCQUNwQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgVW50eXBlZEZvcm1Db250cm9sLFxuICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxufSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBGYUljb25Db21wb25lbnQgfSBmcm9tICdAZm9ydGF3ZXNvbWUvYW5ndWxhci1mb250YXdlc29tZSc7XG5pbXBvcnQgeyBmYU1vYmlsZSB9IGZyb20gJ0Bmb3J0YXdlc29tZS9mcmVlLXNvbGlkLXN2Zy1pY29ucyc7XG5cbmltcG9ydCB7IERhZmZQYWxldHRlIH0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbic7XG5pbXBvcnQgeyBEYWZmQnV0dG9uTW9kdWxlIH0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbi9idXR0b24nO1xuaW1wb3J0IHsgRGFmZkhlcm9Nb2R1bGUgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduL2hlcm8nO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdoZXJvLXRoZW1pbmcnLFxuICB0ZW1wbGF0ZVVybDogJy4vaGVyby10aGVtaW5nLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vaGVyby10aGVtaW5nLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgRGFmZkhlcm9Nb2R1bGUsXG4gICAgRmFJY29uQ29tcG9uZW50LFxuICAgIERhZmZCdXR0b25Nb2R1bGUsXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgSGVyb1RoZW1pbmdDb21wb25lbnQge1xuICBmYU1vYmlsZSA9IGZhTW9iaWxlO1xuICBjb2xvcjogRGFmZlBhbGV0dGUgPSAncHJpbWFyeSc7XG5cbiAgY29sb3JDb250cm9sOiBVbnR5cGVkRm9ybUNvbnRyb2wgPSBuZXcgVW50eXBlZEZvcm1Db250cm9sKCcnKTtcbn1cbiIsIjxkYWZmLWhlcm8gW2NvbG9yXT1cImNvbG9yQ29udHJvbC52YWx1ZVwiPlxuXHQ8ZGl2IGNsYXNzPVwiZGFmZi1oZXJvLXRoZW1pbmdfX2ljb25cIiBkYWZmSGVyb0ljb24+XG5cdFx0PGZhLWljb24gW2ljb25dPVwiZmFNb2JpbGVcIj48L2ZhLWljb24+XG5cdDwvZGl2PlxuXHQ8cCBkYWZmSGVyb1RhZ2xpbmU+RnJvbnRlbmQgZnJhbWV3b3JrIGZvciBlY29tbWVyY2UgUFdBczwvcD5cblx0PGgxIGRhZmZIZXJvVGl0bGU+RGFmZm9kaWw6IFRoZSBuZXh0IGdyZWF0IGxlYXAgaW4gZWNvbW1lcmNlLjwvaDE+XG5cdDxoMiBkYWZmSGVyb1N1YnRpdGxlPlxuXHRcdDxwPkRhZmZvZGlsIHByb3ZpZGVzIGV2ZXJ5dGhpbmcgeW91IG5lZWQgdG8gY3JlYXRlIHBvd2VyZnVsIGFuZCBmbGV4aWJsZSBlY29tbWVyY2UgZXhwZXJpZW5jZXMuPC9wPlxuXHRcdDxwPldpdGggRGFmZm9kaWwsIGFtYml0aW91cyBidXNpbmVzc2VzIGFyZSBhYmxlIHRvIGFjaGlldmUgbW9yZSB3aGlsZSBtaW5pbWl6aW5nIGRldmVsb3BtZW50IGFuZCBtYWludGVuYW5jZSBjb3N0cy48L3A+XG5cdDwvaDI+XG5cdDxkaXYgZGFmZkhlcm9Cb2R5PlxuXHRcdDxhIGhyZWY9XCJodHRwczovL3d3dy5kYWZmLmlvXCIgdGFyZ2V0PVwiX2JsYW5rXCIgZGFmZi1idXR0b24+R2V0IFN0YXJ0ZWQ8L2E+XG5cdDwvZGl2PlxuPC9kYWZmLWhlcm8+XG5cbjxzZWxlY3QgW2Zvcm1Db250cm9sXT1cImNvbG9yQ29udHJvbFwiPlxuXHQ8b3B0aW9uIHZhbHVlPVwiXCI+RGVmYXVsdDwvb3B0aW9uPlxuXHQ8b3B0aW9uIHZhbHVlPVwicHJpbWFyeVwiPlByaW1hcnk8L29wdGlvbj5cblx0PG9wdGlvbiB2YWx1ZT1cInNlY29uZGFyeVwiPlNlY29uZGFyeTwvb3B0aW9uPlxuXHQ8b3B0aW9uIHZhbHVlPVwidGVydGlhcnlcIj5UZXJ0aWFyeTwvb3B0aW9uPlxuXHQ8b3B0aW9uIHZhbHVlPVwid2hpdGVcIj5XaGl0ZTwvb3B0aW9uPlxuXHQ8b3B0aW9uIHZhbHVlPVwiYmxhY2tcIj5CbGFjazwvb3B0aW9uPlxuXHQ8b3B0aW9uIHZhbHVlPVwidGhlbWVcIj5UaGVtZTwvb3B0aW9uPlxuXHQ8b3B0aW9uIHZhbHVlPVwidGhlbWUtY29udHJhc3RcIj5UaGVtZSBDb250cmFzdDwvb3B0aW9uPlxuPC9zZWxlY3Q+Il19

package/esm2022/hero/examples/hero-with-grid/hero-with-grid.component.mjs

@@ -1,19 +1,27 @@
 import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 import { faMobile } from '@fortawesome/free-solid-svg-icons';
+import { DaffButtonModule } from '@daffodil/design/button';
+import { DaffContainerModule } from '@daffodil/design/container';
+import { DaffHeroModule } from '@daffodil/design/hero';
 import * as i0 from "@angular/core";
 import * as i1 from "@daffodil/design/hero";
 import * as i2 from "@daffodil/design/container";
 import * as i3 from "@daffodil/design/button";
-import * as i4 from "@fortawesome/angular-fontawesome";
 export class HeroWithGridComponent {
     constructor() {
         this.faMobile = faMobile;
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: HeroWithGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", 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.DaffHeroComponent, selector: "daff-hero", inputs: ["color", "compact", "textAlignment"] }, { kind: "directive", type: i1.DaffHeroIconDirective, selector: "[daffHeroIcon]" }, { kind: "directive", type: i1.DaffHeroTaglineDirective, selector: "[daffHeroTagline]" }, { kind: "directive", type: i1.DaffHeroTitleDirective, selector: "[daffHeroTitle]" }, { kind: "directive", type: i1.DaffHeroSubtitleDirective, selector: "[daffHeroSubtitle]" }, { kind: "directive", type: i1.DaffHeroBodyDirective, selector: "[daffHeroBody]" }, { kind: "component", type: i2.DaffContainerComponent, selector: "daff-container", inputs: ["size"] }, { kind: "component", type: i3.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: i4.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: HeroWithGridComponent, isStandalone: true, 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: "ngmodule", type: DaffHeroModule }, { kind: "component", type: i1.DaffHeroComponent, selector: "daff-hero" }, { kind: "directive", type: i1.DaffHeroIconDirective, selector: "[daffHeroIcon]" }, { kind: "directive", type: i1.DaffHeroTaglineDirective, selector: "[daffHeroTagline]" }, { kind: "directive", type: i1.DaffHeroTitleDirective, selector: "[daffHeroTitle]" }, { kind: "directive", type: i1.DaffHeroSubtitleDirective, selector: "[daffHeroSubtitle]" }, { kind: "directive", type: i1.DaffHeroBodyDirective, selector: "[daffHeroBody]" }, { kind: "ngmodule", type: DaffContainerModule }, { kind: "component", type: i2.DaffContainerComponent, selector: "daff-container" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "ngmodule", type: DaffButtonModule }, { kind: "component", type: i3.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: ["loading", "tabindex", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", 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"] }]
+            args: [{ selector: 'hero-with-grid', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        DaffHeroModule,
+                        DaffContainerModule,
+                        FaIconComponent,
+                        DaffButtonModule,
+                    ], 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"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVyby13aXRoLWdyaWQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vaGVyby9leGFtcGxlcy9zcmMvaGVyby13aXRoLWdyaWQvaGVyby13aXRoLWdyaWQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vaGVyby9leGFtcGxlcy9zcmMvaGVyby13aXRoLWdyaWQvaGVyby13aXRoLWdyaWQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLG1DQUFtQyxDQUFDOzs7Ozs7QUFTN0QsTUFBTSxPQUFPLHFCQUFxQjtJQVBsQztRQVFFLGFBQVEsR0FBRyxRQUFRLENBQUM7S0FDckI7a0lBRlkscUJBQXFCO3NIQUFyQixxQkFBcUIsc0RDYmxDLHcvQkFvQlk7OzRGRFBDLHFCQUFxQjtrQkFQakMsU0FBUzsrQkFFRSxnQkFBZ0IsbUJBR1QsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgZmFNb2JpbGUgfSBmcm9tICdAZm9ydGF3ZXNvbWUvZnJlZS1zb2xpZC1zdmctaWNvbnMnO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdoZXJvLXdpdGgtZ3JpZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9oZXJvLXdpdGgtZ3JpZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2hlcm8td2l0aC1ncmlkLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBIZXJvV2l0aEdyaWRDb21wb25lbnQge1xuICBmYU1vYmlsZSA9IGZhTW9iaWxlO1xufVxuIiwiPGRhZmYtaGVybyBjb2xvcj1cInRoZW1lXCI+XG5cdDxkYWZmLWNvbnRhaW5lciBjbGFzcz1cImRhZmYtaGVyby13aXRoLWdyaWRfX2dyaWRcIj5cblx0XHQ8ZGl2IGNsYXNzPVwiZGFmZi1oZXJvLXdpdGgtZ3JpZF9faW1hZ2VcIj5cblx0XHRcdDxpbWcgc3JjPVwiL2Fzc2V0cy9kZXNpZ24vY2FsbG91dC9wd2EtaWxsdXN0cmF0aW9uLnN2Z1wiIGFsdD1cIlBXQSBJbGx1c3RyYXRpb25cIj5cblx0XHQ8L2Rpdj5cblx0XHQ8ZGl2IGNsYXNzPVwiZGFmZi1oZXJvLXdpdGgtZ3JpZF9fY29udGVudC13cmFwcGVyXCI+XG5cdFx0XHQ8ZGl2IGNsYXNzPVwiZGFmZi1oZXJvLXdpdGgtZ3JpZF9faWNvblwiIGRhZmZIZXJvSWNvbj5cblx0XHRcdFx0PGZhLWljb24gW2ljb25dPVwiZmFNb2JpbGVcIj48L2ZhLWljb24+XG5cdFx0XHQ8L2Rpdj5cblx0XHRcdDxwIGRhZmZIZXJvVGFnbGluZT5Gcm9udGVuZCBmcmFtZXdvcmsgZm9yIGVjb21tZXJjZSBQV0FzPC9wPlxuXHRcdFx0PGgzIGRhZmZIZXJvVGl0bGU+RGFmZm9kaWw6IFRoZSBuZXh0IGdyZWF0IGxlYXAgaW4gZWNvbW1lcmNlLjwvaDM+XG5cdFx0XHQ8ZGl2IGRhZmZIZXJvU3VidGl0bGU+XG5cdFx0XHRcdDxwPkRhZmZvZGlsIHByb3ZpZGVzIGV2ZXJ5dGhpbmcgeW91IG5lZWQgdG8gY3JlYXRlIHBvd2VyZnVsIGFuZCBmbGV4aWJsZSBlY29tbWVyY2UgZXhwZXJpZW5jZXMuPC9wPlxuXHRcdFx0XHQ8cD5XaXRoIERhZmZvZGlsLCBhbWJpdGlvdXMgYnVzaW5lc3NlcyBhcmUgYWJsZSB0byBhY2hpZXZlIG1vcmUgd2hpbGUgbWluaW1pemluZyBkZXZlbG9wbWVudCBhbmQgbWFpbnRlbmFuY2UgY29zdHMuPC9wPlxuXHRcdFx0PC9kaXY+XG5cdFx0XHQ8ZGl2IGRhZmZIZXJvQm9keT5cblx0XHRcdFx0PGEgaHJlZj1cImh0dHBzOi8vd3d3LmRhZmYuaW9cIiB0YXJnZXQ9XCJfYmxhbmtcIiBkYWZmLWJ1dHRvbj5HZXQgU3RhcnRlZDwvYT5cblx0XHRcdDwvZGl2PlxuXHRcdDwvZGl2PlxuXHQ8L2RhZmYtY29udGFpbmVyPlxuPC9kYWZmLWhlcm8+Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVyby13aXRoLWdyaWQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vaGVyby9leGFtcGxlcy9zcmMvaGVyby13aXRoLWdyaWQvaGVyby13aXRoLWdyaWQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vaGVyby9leGFtcGxlcy9zcmMvaGVyby13aXRoLWdyaWQvaGVyby13aXRoLWdyaWQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ25FLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUU3RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUNqRSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7Ozs7O0FBZ0J2RCxNQUFNLE9BQU8scUJBQXFCO0lBZGxDO1FBZUUsYUFBUSxHQUFHLFFBQVEsQ0FBQztLQUNyQjtrSUFGWSxxQkFBcUI7c0hBQXJCLHFCQUFxQiwwRUN6QmxDLHcvQkFvQlkscWxCRERSLGNBQWMsdWhCQUNkLG1CQUFtQixtSEFDbkIsZUFBZSxpUEFDZixnQkFBZ0I7OzRGQUdQLHFCQUFxQjtrQkFkakMsU0FBUzsrQkFFRSxnQkFBZ0IsbUJBR1QsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJLFdBQ1A7d0JBQ1AsY0FBYzt3QkFDZCxtQkFBbUI7d0JBQ25CLGVBQWU7d0JBQ2YsZ0JBQWdCO3FCQUNqQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRmFJY29uQ29tcG9uZW50IH0gZnJvbSAnQGZvcnRhd2Vzb21lL2FuZ3VsYXItZm9udGF3ZXNvbWUnO1xuaW1wb3J0IHsgZmFNb2JpbGUgfSBmcm9tICdAZm9ydGF3ZXNvbWUvZnJlZS1zb2xpZC1zdmctaWNvbnMnO1xuXG5pbXBvcnQgeyBEYWZmQnV0dG9uTW9kdWxlIH0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbi9idXR0b24nO1xuaW1wb3J0IHsgRGFmZkNvbnRhaW5lck1vZHVsZSB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24vY29udGFpbmVyJztcbmltcG9ydCB7IERhZmZIZXJvTW9kdWxlIH0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbi9oZXJvJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnaGVyby13aXRoLWdyaWQnLFxuICB0ZW1wbGF0ZVVybDogJy4vaGVyby13aXRoLWdyaWQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9oZXJvLXdpdGgtZ3JpZC5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIERhZmZIZXJvTW9kdWxlLFxuICAgIERhZmZDb250YWluZXJNb2R1bGUsXG4gICAgRmFJY29uQ29tcG9uZW50LFxuICAgIERhZmZCdXR0b25Nb2R1bGUsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEhlcm9XaXRoR3JpZENvbXBvbmVudCB7XG4gIGZhTW9iaWxlID0gZmFNb2JpbGU7XG59XG4iLCI8ZGFmZi1oZXJvIGNvbG9yPVwidGhlbWVcIj5cblx0PGRhZmYtY29udGFpbmVyIGNsYXNzPVwiZGFmZi1oZXJvLXdpdGgtZ3JpZF9fZ3JpZFwiPlxuXHRcdDxkaXYgY2xhc3M9XCJkYWZmLWhlcm8td2l0aC1ncmlkX19pbWFnZVwiPlxuXHRcdFx0PGltZyBzcmM9XCIvYXNzZXRzL2Rlc2lnbi9jYWxsb3V0L3B3YS1pbGx1c3RyYXRpb24uc3ZnXCIgYWx0PVwiUFdBIElsbHVzdHJhdGlvblwiPlxuXHRcdDwvZGl2PlxuXHRcdDxkaXYgY2xhc3M9XCJkYWZmLWhlcm8td2l0aC1ncmlkX19jb250ZW50LXdyYXBwZXJcIj5cblx0XHRcdDxkaXYgY2xhc3M9XCJkYWZmLWhlcm8td2l0aC1ncmlkX19pY29uXCIgZGFmZkhlcm9JY29uPlxuXHRcdFx0XHQ8ZmEtaWNvbiBbaWNvbl09XCJmYU1vYmlsZVwiPjwvZmEtaWNvbj5cblx0XHRcdDwvZGl2PlxuXHRcdFx0PHAgZGFmZkhlcm9UYWdsaW5lPkZyb250ZW5kIGZyYW1ld29yayBmb3IgZWNvbW1lcmNlIFBXQXM8L3A+XG5cdFx0XHQ8aDMgZGFmZkhlcm9UaXRsZT5EYWZmb2RpbDogVGhlIG5leHQgZ3JlYXQgbGVhcCBpbiBlY29tbWVyY2UuPC9oMz5cblx0XHRcdDxkaXYgZGFmZkhlcm9TdWJ0aXRsZT5cblx0XHRcdFx0PHA+RGFmZm9kaWwgcHJvdmlkZXMgZXZlcnl0aGluZyB5b3UgbmVlZCB0byBjcmVhdGUgcG93ZXJmdWwgYW5kIGZsZXhpYmxlIGVjb21tZXJjZSBleHBlcmllbmNlcy48L3A+XG5cdFx0XHRcdDxwPldpdGggRGFmZm9kaWwsIGFtYml0aW91cyBidXNpbmVzc2VzIGFyZSBhYmxlIHRvIGFjaGlldmUgbW9yZSB3aGlsZSBtaW5pbWl6aW5nIGRldmVsb3BtZW50IGFuZCBtYWludGVuYW5jZSBjb3N0cy48L3A+XG5cdFx0XHQ8L2Rpdj5cblx0XHRcdDxkaXYgZGFmZkhlcm9Cb2R5PlxuXHRcdFx0XHQ8YSBocmVmPVwiaHR0cHM6Ly93d3cuZGFmZi5pb1wiIHRhcmdldD1cIl9ibGFua1wiIGRhZmYtYnV0dG9uPkdldCBTdGFydGVkPC9hPlxuXHRcdFx0PC9kaXY+XG5cdFx0PC9kaXY+XG5cdDwvZGFmZi1jb250YWluZXI+XG48L2RhZmYtaGVybz4iXX0=

package/esm2022/hero/examples/public_api.mjs

@@ -1,10 +1,6 @@
 export { HeroThemingComponent } from './hero-theming/hero-theming.component';
-export { HeroThemingModule } from './hero-theming/hero-theming.module';
 export { HeroTextAlignmentComponent } from './hero-text-alignment/hero-text-alignment.component';
-export { HeroTextAlignmentModule } from './hero-text-alignment/hero-text-alignment.module';
 export { HeroWithGridComponent } from './hero-with-grid/hero-with-grid.component';
-export { HeroWithGridModule } from './hero-with-grid/hero-with-grid.module';
 export { CompactHeroComponent } from './compact-hero/compact-hero.component';
-export { CompactHeroModule } from './compact-hero/compact-hero.module';
 export { HERO_EXAMPLES } from './examples';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2hlcm8vZXhhbXBsZXMvc3JjL3B1YmxpY19hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDN0UsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDdkUsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0scURBQXFELENBQUM7QUFDakcsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sa0RBQWtELENBQUM7QUFDM0YsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFDbEYsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDNUUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDN0UsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDdkUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLFlBQVksQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IEhlcm9UaGVtaW5nQ29tcG9uZW50IH0gZnJvbSAnLi9oZXJvLXRoZW1pbmcvaGVyby10aGVtaW5nLmNvbXBvbmVudCc7XG5leHBvcnQgeyBIZXJvVGhlbWluZ01vZHVsZSB9IGZyb20gJy4vaGVyby10aGVtaW5nL2hlcm8tdGhlbWluZy5tb2R1bGUnO1xuZXhwb3J0IHsgSGVyb1RleHRBbGlnbm1lbnRDb21wb25lbnQgfSBmcm9tICcuL2hlcm8tdGV4dC1hbGlnbm1lbnQvaGVyby10ZXh0LWFsaWdubWVudC5jb21wb25lbnQnO1xuZXhwb3J0IHsgSGVyb1RleHRBbGlnbm1lbnRNb2R1bGUgfSBmcm9tICcuL2hlcm8tdGV4dC1hbGlnbm1lbnQvaGVyby10ZXh0LWFsaWdubWVudC5tb2R1bGUnO1xuZXhwb3J0IHsgSGVyb1dpdGhHcmlkQ29tcG9uZW50IH0gZnJvbSAnLi9oZXJvLXdpdGgtZ3JpZC9oZXJvLXdpdGgtZ3JpZC5jb21wb25lbnQnO1xuZXhwb3J0IHsgSGVyb1dpdGhHcmlkTW9kdWxlIH0gZnJvbSAnLi9oZXJvLXdpdGgtZ3JpZC9oZXJvLXdpdGgtZ3JpZC5tb2R1bGUnO1xuZXhwb3J0IHsgQ29tcGFjdEhlcm9Db21wb25lbnQgfSBmcm9tICcuL2NvbXBhY3QtaGVyby9jb21wYWN0LWhlcm8uY29tcG9uZW50JztcbmV4cG9ydCB7IENvbXBhY3RIZXJvTW9kdWxlIH0gZnJvbSAnLi9jb21wYWN0LWhlcm8vY29tcGFjdC1oZXJvLm1vZHVsZSc7XG5leHBvcnQgeyBIRVJPX0VYQU1QTEVTIH0gZnJvbSAnLi9leGFtcGxlcyc7XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2hlcm8vZXhhbXBsZXMvc3JjL3B1YmxpY19hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDN0UsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0scURBQXFELENBQUM7QUFDakcsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFDbEYsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDN0UsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLFlBQVksQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IEhlcm9UaGVtaW5nQ29tcG9uZW50IH0gZnJvbSAnLi9oZXJvLXRoZW1pbmcvaGVyby10aGVtaW5nLmNvbXBvbmVudCc7XG5leHBvcnQgeyBIZXJvVGV4dEFsaWdubWVudENvbXBvbmVudCB9IGZyb20gJy4vaGVyby10ZXh0LWFsaWdubWVudC9oZXJvLXRleHQtYWxpZ25tZW50LmNvbXBvbmVudCc7XG5leHBvcnQgeyBIZXJvV2l0aEdyaWRDb21wb25lbnQgfSBmcm9tICcuL2hlcm8td2l0aC1ncmlkL2hlcm8td2l0aC1ncmlkLmNvbXBvbmVudCc7XG5leHBvcnQgeyBDb21wYWN0SGVyb0NvbXBvbmVudCB9IGZyb20gJy4vY29tcGFjdC1oZXJvL2NvbXBhY3QtaGVyby5jb21wb25lbnQnO1xuZXhwb3J0IHsgSEVST19FWEFNUExFUyB9IGZyb20gJy4vZXhhbXBsZXMnO1xuIl19

package/esm2022/hero/hero/hero.component.mjs

@@ -1,37 +1,43 @@
-import { Component, ViewEncapsulation, ElementRef, ChangeDetectionStrategy, HostBinding, Renderer2, } from '@angular/core';
-import { daffArticleEncapsulatedMixin, daffColorMixin, daffCompactableMixin, daffManageContainerLayoutMixin, daffTextAlignmentMixin, } from '@daffodil/design';
+import { Component, ViewEncapsulation, ChangeDetectionStrategy, HostBinding, } from '@angular/core';
+import { DaffColorableDirective, DaffCompactableDirective, } from '@daffodil/design';
+import { DaffArticleEncapsulatedDirective, DaffManageContainerLayoutDirective, DaffTextAlignableDirective, } from '@daffodil/design';
 import * as i0 from "@angular/core";
-/**
- * An _elementRef and an instance of renderer2 are needed for the hero mixins
- */
-class DaffHeroBase {
-    constructor(_elementRef, _renderer) {
-        this._elementRef = _elementRef;
-        this._renderer = _renderer;
-    }
-}
-const _daffHeroBase = daffArticleEncapsulatedMixin(daffManageContainerLayoutMixin(daffColorMixin(daffCompactableMixin(daffTextAlignmentMixin(DaffHeroBase, 'left')))));
+import * as i1 from "@daffodil/design";
 /**
  * @inheritdoc
  */
-export class DaffHeroComponent extends _daffHeroBase {
-    constructor(elementRef, renderer) {
-        super(elementRef, renderer);
-        this.elementRef = elementRef;
-        this.renderer = renderer;
+export class DaffHeroComponent {
+    constructor(textAlignable) {
+        this.textAlignable = textAlignable;
         /**
          * @docs-private
          */
         this.class = true;
+        this.textAlignable.defaultAlignment = 'left';
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffHeroComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: DaffHeroComponent, selector: "daff-hero", inputs: { color: "color", compact: "compact", textAlignment: "textAlignment" }, host: { properties: { "class.daff-hero": "this.class" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".daff-hero{display:block;padding:64px 24px}@media (min-width: 480px){.daff-hero{padding:96px 48px}}.daff-hero__icon{margin:0 0 16px}.daff-hero__tagline{font-size:.875rem;font-weight:600;letter-spacing:.03125rem;line-height:1rem;text-transform:uppercase;margin:0 0 8px;padding:0}.daff-hero__title{font-weight:700;font-size:2.5rem;line-height:2.5rem;margin:0;max-width:1040px;width:100%}@media (min-width: 768px){.daff-hero__title{font-size:4.5rem;line-height:4.5rem}}.daff-hero__subtitle{font-size:1.25rem;font-weight:400;line-height:1.75rem;margin:16px 0 0;max-width:672px;width:100%}@media (min-width: 768px){.daff-hero__subtitle{font-size:1.5rem;font-weight:400;line-height:2rem}}.daff-hero__subtitle p:first-of-type{margin-top:0}.daff-hero__subtitle p:last-of-type{margin-bottom:0}.daff-hero__body:not(:last-child){margin-bottom:48px}.daff-hero__body:not(:first-child){margin-top:48px}.daff-hero.daff-compact{padding:48px 24px}@media (min-width: 480px){.daff-hero.daff-compact{padding:48px}}.daff-hero.daff-left .daff-hero__icon,.daff-hero.daff-left .daff-hero__tagline,.daff-hero.daff-left .daff-hero__title,.daff-hero.daff-left .daff-hero__subtitle{text-align:left}.daff-hero.daff-center .daff-hero__icon,.daff-hero.daff-center .daff-hero__tagline,.daff-hero.daff-center .daff-hero__title,.daff-hero.daff-center .daff-hero__subtitle{margin-left:auto;margin-right:auto;text-align:center}.daff-hero.daff-right .daff-hero__icon,.daff-hero.daff-right .daff-hero__tagline,.daff-hero.daff-right .daff-hero__title,.daff-hero.daff-right .daff-hero__subtitle{margin-left:auto;text-align:right}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffHeroComponent, deps: [{ token: i1.DaffTextAlignableDirective }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: DaffHeroComponent, selector: "daff-hero", host: { properties: { "class.daff-hero": "this.class" } }, hostDirectives: [{ directive: i1.DaffArticleEncapsulatedDirective }, { directive: i1.DaffManageContainerLayoutDirective }, { directive: i1.DaffTextAlignableDirective, inputs: ["textAlignment", "textAlignment"] }, { directive: i1.DaffCompactableDirective, inputs: ["compact", "compact"] }, { directive: i1.DaffColorableDirective, inputs: ["color", "color"] }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".daff-hero{display:block;padding:64px 24px}@media (min-width: 480px){.daff-hero{padding:96px 48px}}.daff-hero__icon{margin:0 0 16px}.daff-hero__tagline{font-size:.875rem;font-weight:600;letter-spacing:.03125rem;line-height:1rem;text-transform:uppercase;margin:0 0 8px;padding:0}.daff-hero__title{font-weight:700;font-size:2.5rem;line-height:2.5rem;margin:0;max-width:1040px;width:100%}@media (min-width: 768px){.daff-hero__title{font-size:4.5rem;line-height:4.5rem}}.daff-hero__subtitle{font-size:1.25rem;font-weight:400;line-height:1.75rem;margin:16px 0 0;max-width:672px;width:100%}@media (min-width: 768px){.daff-hero__subtitle{font-size:1.5rem;font-weight:400;line-height:2rem}}.daff-hero__subtitle p:first-of-type{margin-top:0}.daff-hero__subtitle p:last-of-type{margin-bottom:0}.daff-hero__body:not(:last-child){margin-bottom:48px}.daff-hero__body:not(:first-child){margin-top:48px}.daff-hero.daff-compact{padding:48px 24px}@media (min-width: 480px){.daff-hero.daff-compact{padding:48px}}.daff-hero.daff-left .daff-hero__icon,.daff-hero.daff-left .daff-hero__tagline,.daff-hero.daff-left .daff-hero__title,.daff-hero.daff-left .daff-hero__subtitle{text-align:left}.daff-hero.daff-center .daff-hero__icon,.daff-hero.daff-center .daff-hero__tagline,.daff-hero.daff-center .daff-hero__title,.daff-hero.daff-center .daff-hero__subtitle{margin-left:auto;margin-right:auto;text-align:center}.daff-hero.daff-right .daff-hero__icon,.daff-hero.daff-right .daff-hero__tagline,.daff-hero.daff-right .daff-hero__title,.daff-hero.daff-right .daff-hero__subtitle{margin-left:auto;text-align:right}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffHeroComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'daff-hero', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, inputs: ['color', 'compact', 'textAlignment'], changeDetection: ChangeDetectionStrategy.OnPush, styles: [".daff-hero{display:block;padding:64px 24px}@media (min-width: 480px){.daff-hero{padding:96px 48px}}.daff-hero__icon{margin:0 0 16px}.daff-hero__tagline{font-size:.875rem;font-weight:600;letter-spacing:.03125rem;line-height:1rem;text-transform:uppercase;margin:0 0 8px;padding:0}.daff-hero__title{font-weight:700;font-size:2.5rem;line-height:2.5rem;margin:0;max-width:1040px;width:100%}@media (min-width: 768px){.daff-hero__title{font-size:4.5rem;line-height:4.5rem}}.daff-hero__subtitle{font-size:1.25rem;font-weight:400;line-height:1.75rem;margin:16px 0 0;max-width:672px;width:100%}@media (min-width: 768px){.daff-hero__subtitle{font-size:1.5rem;font-weight:400;line-height:2rem}}.daff-hero__subtitle p:first-of-type{margin-top:0}.daff-hero__subtitle p:last-of-type{margin-bottom:0}.daff-hero__body:not(:last-child){margin-bottom:48px}.daff-hero__body:not(:first-child){margin-top:48px}.daff-hero.daff-compact{padding:48px 24px}@media (min-width: 480px){.daff-hero.daff-compact{padding:48px}}.daff-hero.daff-left .daff-hero__icon,.daff-hero.daff-left .daff-hero__tagline,.daff-hero.daff-left .daff-hero__title,.daff-hero.daff-left .daff-hero__subtitle{text-align:left}.daff-hero.daff-center .daff-hero__icon,.daff-hero.daff-center .daff-hero__tagline,.daff-hero.daff-center .daff-hero__title,.daff-hero.daff-center .daff-hero__subtitle{margin-left:auto;margin-right:auto;text-align:center}.daff-hero.daff-right .daff-hero__icon,.daff-hero.daff-right .daff-hero__tagline,.daff-hero.daff-right .daff-hero__title,.daff-hero.daff-right .daff-hero__subtitle{margin-left:auto;text-align:right}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { class: [{
+            args: [{ selector: 'daff-hero', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, hostDirectives: [
+                        { directive: DaffArticleEncapsulatedDirective },
+                        { directive: DaffManageContainerLayoutDirective },
+                        {
+                            directive: DaffTextAlignableDirective,
+                            inputs: ['textAlignment'],
+                        },
+                        {
+                            directive: DaffCompactableDirective,
+                            inputs: ['compact'],
+                        },
+                        {
+                            directive: DaffColorableDirective,
+                            inputs: ['color'],
+                        },
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, styles: [".daff-hero{display:block;padding:64px 24px}@media (min-width: 480px){.daff-hero{padding:96px 48px}}.daff-hero__icon{margin:0 0 16px}.daff-hero__tagline{font-size:.875rem;font-weight:600;letter-spacing:.03125rem;line-height:1rem;text-transform:uppercase;margin:0 0 8px;padding:0}.daff-hero__title{font-weight:700;font-size:2.5rem;line-height:2.5rem;margin:0;max-width:1040px;width:100%}@media (min-width: 768px){.daff-hero__title{font-size:4.5rem;line-height:4.5rem}}.daff-hero__subtitle{font-size:1.25rem;font-weight:400;line-height:1.75rem;margin:16px 0 0;max-width:672px;width:100%}@media (min-width: 768px){.daff-hero__subtitle{font-size:1.5rem;font-weight:400;line-height:2rem}}.daff-hero__subtitle p:first-of-type{margin-top:0}.daff-hero__subtitle p:last-of-type{margin-bottom:0}.daff-hero__body:not(:last-child){margin-bottom:48px}.daff-hero__body:not(:first-child){margin-top:48px}.daff-hero.daff-compact{padding:48px 24px}@media (min-width: 480px){.daff-hero.daff-compact{padding:48px}}.daff-hero.daff-left .daff-hero__icon,.daff-hero.daff-left .daff-hero__tagline,.daff-hero.daff-left .daff-hero__title,.daff-hero.daff-left .daff-hero__subtitle{text-align:left}.daff-hero.daff-center .daff-hero__icon,.daff-hero.daff-center .daff-hero__tagline,.daff-hero.daff-center .daff-hero__title,.daff-hero.daff-center .daff-hero__subtitle{margin-left:auto;margin-right:auto;text-align:center}.daff-hero.daff-right .daff-hero__icon,.daff-hero.daff-right .daff-hero__tagline,.daff-hero.daff-right .daff-hero__title,.daff-hero.daff-right .daff-hero__subtitle{margin-left:auto;text-align:right}\n"] }]
+        }], ctorParameters: () => [{ type: i1.DaffTextAlignableDirective }], propDecorators: { class: [{
                 type: HostBinding,
                 args: ['class.daff-hero']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVyby5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9oZXJvL3NyYy9oZXJvL2hlcm8uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsaUJBQWlCLEVBQ2pCLFVBQVUsRUFDVix1QkFBdUIsRUFDdkIsV0FBVyxFQUNYLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQ0wsNEJBQTRCLEVBRTVCLGNBQWMsRUFFZCxvQkFBb0IsRUFDcEIsOEJBQThCLEVBRTlCLHNCQUFzQixHQUN2QixNQUFNLGtCQUFrQixDQUFDOztBQUUxQjs7R0FFRztBQUNILE1BQU0sWUFBWTtJQUNoQixZQUFtQixXQUF1QixFQUFTLFNBQW9CO1FBQXBELGdCQUFXLEdBQVgsV0FBVyxDQUFZO1FBQVMsY0FBUyxHQUFULFNBQVMsQ0FBVztJQUFHLENBQUM7Q0FDNUU7QUFFRCxNQUFNLGFBQWEsR0FBRyw0QkFBNEIsQ0FBQyw4QkFBOEIsQ0FBQyxjQUFjLENBQUMsb0JBQW9CLENBQUMsc0JBQXNCLENBQUMsWUFBWSxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7QUFFdks7O0dBRUc7QUFXSCxNQUFNLE9BQU8saUJBQWtCLFNBQVEsYUFBYTtJQUNsRCxZQUFvQixVQUFzQixFQUFVLFFBQW1CO1FBQ3JFLEtBQUssQ0FBQyxVQUFVLEVBQUUsUUFBUSxDQUFDLENBQUM7UUFEVixlQUFVLEdBQVYsVUFBVSxDQUFZO1FBQVUsYUFBUSxHQUFSLFFBQVEsQ0FBVztRQUl2RTs7V0FFRztRQUM2QixVQUFLLEdBQUcsSUFBSSxDQUFDO0lBTDdDLENBQUM7a0lBSFUsaUJBQWlCO3NIQUFqQixpQkFBaUIsbU5BUmxCLDJCQUEyQjs7NEZBUTFCLGlCQUFpQjtrQkFWN0IsU0FBUzsrQkFDRSxXQUFXLFlBQ1gsMkJBQTJCLGlCQUV0QixpQkFBaUIsQ0FBQyxJQUFJLFVBRzdCLENBQUMsT0FBTyxFQUFFLFNBQVMsRUFBRSxlQUFlLENBQUMsbUJBQzVCLHVCQUF1QixDQUFDLE1BQU07dUdBVWYsS0FBSztzQkFBcEMsV0FBVzt1QkFBQyxpQkFBaUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxuICBFbGVtZW50UmVmLFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgSG9zdEJpbmRpbmcsXG4gIFJlbmRlcmVyMixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7XG4gIGRhZmZBcnRpY2xlRW5jYXBzdWxhdGVkTWl4aW4sXG4gIERhZmZDb2xvcmFibGUsXG4gIGRhZmZDb2xvck1peGluLFxuICBEYWZmQ29tcGFjdGFibGUsXG4gIGRhZmZDb21wYWN0YWJsZU1peGluLFxuICBkYWZmTWFuYWdlQ29udGFpbmVyTGF5b3V0TWl4aW4sXG4gIERhZmZUZXh0QWxpZ25hYmxlLFxuICBkYWZmVGV4dEFsaWdubWVudE1peGluLFxufSBmcm9tICdAZGFmZm9kaWwvZGVzaWduJztcblxuLyoqXG4gKiBBbiBfZWxlbWVudFJlZiBhbmQgYW4gaW5zdGFuY2Ugb2YgcmVuZGVyZXIyIGFyZSBuZWVkZWQgZm9yIHRoZSBoZXJvIG1peGluc1xuICovXG5jbGFzcyBEYWZmSGVyb0Jhc2Uge1xuICBjb25zdHJ1Y3RvcihwdWJsaWMgX2VsZW1lbnRSZWY6IEVsZW1lbnRSZWYsIHB1YmxpYyBfcmVuZGVyZXI6IFJlbmRlcmVyMikge31cbn1cblxuY29uc3QgX2RhZmZIZXJvQmFzZSA9IGRhZmZBcnRpY2xlRW5jYXBzdWxhdGVkTWl4aW4oZGFmZk1hbmFnZUNvbnRhaW5lckxheW91dE1peGluKGRhZmZDb2xvck1peGluKGRhZmZDb21wYWN0YWJsZU1peGluKGRhZmZUZXh0QWxpZ25tZW50TWl4aW4oRGFmZkhlcm9CYXNlLCAnbGVmdCcpKSkpKTtcblxuLyoqXG4gKiBAaW5oZXJpdGRvY1xuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkYWZmLWhlcm8nLFxuICB0ZW1wbGF0ZTogJzxuZy1jb250ZW50PjwvbmctY29udGVudD4nLFxuICBzdHlsZVVybHM6IFsnLi9oZXJvLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIC8vdG9kbyhkYW1pZW53ZWJkZXYpOiByZW1vdmUgb25jZSBkZWNvcmF0b3JzIGhpdCBzdGFnZSAzIC0gaHR0cHM6Ly9naXRodWIuY29tL21pY3Jvc29mdC9UeXBlU2NyaXB0L2lzc3Vlcy83MzQyXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvbm8taW5wdXRzLW1ldGFkYXRhLXByb3BlcnR5XG4gIGlucHV0czogWydjb2xvcicsICdjb21wYWN0JywgJ3RleHRBbGlnbm1lbnQnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIERhZmZIZXJvQ29tcG9uZW50IGV4dGVuZHMgX2RhZmZIZXJvQmFzZSBpbXBsZW1lbnRzIERhZmZDb2xvcmFibGUsIERhZmZUZXh0QWxpZ25hYmxlLCBEYWZmQ29tcGFjdGFibGUge1xuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYsIHByaXZhdGUgcmVuZGVyZXI6IFJlbmRlcmVyMikge1xuICAgIHN1cGVyKGVsZW1lbnRSZWYsIHJlbmRlcmVyKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmRhZmYtaGVybycpIGNsYXNzID0gdHJ1ZTtcbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVyby5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9oZXJvL3NyYy9oZXJvL2hlcm8uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsaUJBQWlCLEVBQ2pCLHVCQUF1QixFQUN2QixXQUFXLEdBQ1osTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUNMLHNCQUFzQixFQUN0Qix3QkFBd0IsR0FDekIsTUFBTSxrQkFBa0IsQ0FBQztBQUMxQixPQUFPLEVBQ0wsZ0NBQWdDLEVBQ2hDLGtDQUFrQyxFQUNsQywwQkFBMEIsR0FDM0IsTUFBTSxrQkFBa0IsQ0FBQzs7O0FBRTFCOztHQUVHO0FBd0JILE1BQU0sT0FBTyxpQkFBaUI7SUFDNUIsWUFBb0IsYUFBeUM7UUFBekMsa0JBQWEsR0FBYixhQUFhLENBQTRCO1FBSTdEOztXQUVHO1FBQzZCLFVBQUssR0FBRyxJQUFJLENBQUM7UUFOM0MsSUFBSSxDQUFDLGFBQWEsQ0FBQyxnQkFBZ0IsR0FBRyxNQUFNLENBQUM7SUFDL0MsQ0FBQztrSUFIVSxpQkFBaUI7c0hBQWpCLGlCQUFpQixvZEFyQmxCLDJCQUEyQjs7NEZBcUIxQixpQkFBaUI7a0JBdkI3QixTQUFTOytCQUNFLFdBQVcsWUFDWCwyQkFBMkIsaUJBRXRCLGlCQUFpQixDQUFDLElBQUksa0JBQ3JCO3dCQUNkLEVBQUUsU0FBUyxFQUFFLGdDQUFnQyxFQUFFO3dCQUMvQyxFQUFFLFNBQVMsRUFBRSxrQ0FBa0MsRUFBRTt3QkFDakQ7NEJBQ0UsU0FBUyxFQUFFLDBCQUEwQjs0QkFDckMsTUFBTSxFQUFFLENBQUMsZUFBZSxDQUFDO3lCQUMxQjt3QkFDRDs0QkFDRSxTQUFTLEVBQUUsd0JBQXdCOzRCQUNuQyxNQUFNLEVBQUUsQ0FBQyxTQUFTLENBQUM7eUJBQ3BCO3dCQUNEOzRCQUNFLFNBQVMsRUFBRSxzQkFBc0I7NEJBQ2pDLE1BQU0sRUFBRSxDQUFDLE9BQU8sQ0FBQzt5QkFDbEI7cUJBQ0YsbUJBQ2dCLHVCQUF1QixDQUFDLE1BQU07K0ZBVWYsS0FBSztzQkFBcEMsV0FBVzt1QkFBQyxpQkFBaUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgSG9zdEJpbmRpbmcsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQge1xuICBEYWZmQ29sb3JhYmxlRGlyZWN0aXZlLFxuICBEYWZmQ29tcGFjdGFibGVEaXJlY3RpdmUsXG59IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24nO1xuaW1wb3J0IHtcbiAgRGFmZkFydGljbGVFbmNhcHN1bGF0ZWREaXJlY3RpdmUsXG4gIERhZmZNYW5hZ2VDb250YWluZXJMYXlvdXREaXJlY3RpdmUsXG4gIERhZmZUZXh0QWxpZ25hYmxlRGlyZWN0aXZlLFxufSBmcm9tICdAZGFmZm9kaWwvZGVzaWduJztcblxuLyoqXG4gKiBAaW5oZXJpdGRvY1xuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkYWZmLWhlcm8nLFxuICB0ZW1wbGF0ZTogJzxuZy1jb250ZW50PjwvbmctY29udGVudD4nLFxuICBzdHlsZVVybHM6IFsnLi9oZXJvLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGhvc3REaXJlY3RpdmVzOiBbXG4gICAgeyBkaXJlY3RpdmU6IERhZmZBcnRpY2xlRW5jYXBzdWxhdGVkRGlyZWN0aXZlIH0sXG4gICAgeyBkaXJlY3RpdmU6IERhZmZNYW5hZ2VDb250YWluZXJMYXlvdXREaXJlY3RpdmUgfSxcbiAgICB7XG4gICAgICBkaXJlY3RpdmU6IERhZmZUZXh0QWxpZ25hYmxlRGlyZWN0aXZlLFxuICAgICAgaW5wdXRzOiBbJ3RleHRBbGlnbm1lbnQnXSxcbiAgICB9LFxuICAgIHtcbiAgICAgIGRpcmVjdGl2ZTogRGFmZkNvbXBhY3RhYmxlRGlyZWN0aXZlLFxuICAgICAgaW5wdXRzOiBbJ2NvbXBhY3QnXSxcbiAgICB9LFxuICAgIHtcbiAgICAgIGRpcmVjdGl2ZTogRGFmZkNvbG9yYWJsZURpcmVjdGl2ZSxcbiAgICAgIGlucHV0czogWydjb2xvciddLFxuICAgIH0sXG4gIF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBEYWZmSGVyb0NvbXBvbmVudCB7XG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgdGV4dEFsaWduYWJsZTogRGFmZlRleHRBbGlnbmFibGVEaXJlY3RpdmUpIHtcbiAgICB0aGlzLnRleHRBbGlnbmFibGUuZGVmYXVsdEFsaWdubWVudCA9ICdsZWZ0JztcbiAgfVxuXG4gIC8qKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmRhZmYtaGVybycpIGNsYXNzID0gdHJ1ZTtcbn1cbiJdfQ==

package/esm2022/image/examples/basic-image/basic-image.component.mjs

@@ -1,12 +1,13 @@
 import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import { DaffImageModule } from '@daffodil/design/image';
 import * as i0 from "@angular/core";
 import * as i1 from "@daffodil/design/image";
 export class BasicImageComponent {
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: BasicImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", 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 }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: BasicImageComponent, isStandalone: true, 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: "ngmodule", type: DaffImageModule }, { kind: "component", type: i1.DaffImageComponent, selector: "daff-image", inputs: ["src", "alt", "width", "height"], outputs: ["load"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", 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>" }]
+            args: [{ selector: 'basic-image', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [DaffImageModule], 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>" }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzaWMtaW1hZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vaW1hZ2UvZXhhbXBsZXMvc3JjL2Jhc2ljLWltYWdlL2Jhc2ljLWltYWdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2ltYWdlL2V4YW1wbGVzL3NyYy9iYXNpYy1pbWFnZS9iYXNpYy1pbWFnZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQzs7O0FBUXZCLE1BQU0sT0FBTyxtQkFBbUI7a0lBQW5CLG1CQUFtQjtzSEFBbkIsbUJBQW1CLG1EQ1hoQyxnU0FLYTs7NEZETUEsbUJBQW1CO2tCQU4vQixTQUFTOytCQUVFLGFBQWEsbUJBRU4sdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdiYXNpYy1pbWFnZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9iYXNpYy1pbWFnZS5jb21wb25lbnQuaHRtbCcsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBCYXNpY0ltYWdlQ29tcG9uZW50IHtcblxufVxuIiwiPGRhZmYtaW1hZ2Vcblx0c3JjPVwiaHR0cHM6Ly9pbWFnZXMudW5zcGxhc2guY29tL3Bob3RvLTE1OTM1MTk3NDkzNDctODBmMTAxZTkzMTEzP2l4aWQ9TW53eE1qQTNmREI4TUh4d2FHOTBieTF3WVdkbGZIeDhmR1Z1ZkRCOGZIeDgmaXhsaWI9cmItMS4yLjEmYXV0bz1mb3JtYXQmZml0PWNyb3Amdz0zNzc0JnE9ODBcIlxuXHRhbHQ9XCJCb3R0b20gdXAgdmlldyBvZiBCYXNlbCBleGhpYml0aW9uIGNlbnRyZVwiXG5cdHdpZHRoPVwiMTI2MVwiXG5cdGhlaWdodD1cIjk0NlwiPlxuPC9kYWZmLWltYWdlPiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzaWMtaW1hZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vaW1hZ2UvZXhhbXBsZXMvc3JjL2Jhc2ljLWltYWdlL2Jhc2ljLWltYWdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2ltYWdlL2V4YW1wbGVzL3NyYy9iYXNpYy1pbWFnZS9iYXNpYy1pbWFnZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7OztBQVV6RCxNQUFNLE9BQU8sbUJBQW1CO2tJQUFuQixtQkFBbUI7c0hBQW5CLG1CQUFtQix1RUNmaEMsZ1NBS2EsMkNEUUQsZUFBZTs7NEZBRWQsbUJBQW1CO2tCQVIvQixTQUFTOytCQUVFLGFBQWEsbUJBRU4sdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJLFdBQ1AsQ0FBQyxlQUFlLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgRGFmZkltYWdlTW9kdWxlIH0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbi9pbWFnZSc7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ2Jhc2ljLWltYWdlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2Jhc2ljLWltYWdlLmNvbXBvbmVudC5odG1sJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtEYWZmSW1hZ2VNb2R1bGVdLFxufSlcbmV4cG9ydCBjbGFzcyBCYXNpY0ltYWdlQ29tcG9uZW50IHtcblxufVxuIiwiPGRhZmYtaW1hZ2Vcblx0c3JjPVwiaHR0cHM6Ly9pbWFnZXMudW5zcGxhc2guY29tL3Bob3RvLTE1OTM1MTk3NDkzNDctODBmMTAxZTkzMTEzP2l4aWQ9TW53eE1qQTNmREI4TUh4d2FHOTBieTF3WVdkbGZIeDhmR1Z1ZkRCOGZIeDgmaXhsaWI9cmItMS4yLjEmYXV0bz1mb3JtYXQmZml0PWNyb3Amdz0zNzc0JnE9ODBcIlxuXHRhbHQ9XCJCb3R0b20gdXAgdmlldyBvZiBCYXNlbCBleGhpYml0aW9uIGNlbnRyZVwiXG5cdHdpZHRoPVwiMTI2MVwiXG5cdGhlaWdodD1cIjk0NlwiPlxuPC9kYWZmLWltYWdlPiJdfQ==

package/esm2022/image/examples/load-image/load-image.component.mjs

@@ -1,7 +1,8 @@
+import { NgIf } from '@angular/common';
 import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import { DaffImageModule } from '@daffodil/design/image';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@daffodil/design/image";
+import * as i1 from "@daffodil/design/image";
 export class LoadImageComponent {
     constructor() {
         this.loaded = false;
@@ -10,10 +11,10 @@ export class LoadImageComponent {
         this.loaded = true;
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: LoadImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", 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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DaffImageComponent, selector: "daff-image", inputs: ["skeleton", "src", "alt", "width", "height"], outputs: ["load"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: LoadImageComponent, isStandalone: true, 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: "ngmodule", type: DaffImageModule }, { kind: "component", type: i1.DaffImageComponent, selector: "daff-image", inputs: ["src", "alt", "width", "height"], outputs: ["load"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", 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>" }]
+            args: [{ selector: 'load-image', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [DaffImageModule, NgIf], 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>" }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZC1pbWFnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9pbWFnZS9leGFtcGxlcy9zcmMvbG9hZC1pbWFnZS9sb2FkLWltYWdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2ltYWdlL2V4YW1wbGVzL3NyYy9sb2FkLWltYWdlL2xvYWQtaW1hZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7Ozs7QUFRdkIsTUFBTSxPQUFPLGtCQUFrQjtJQU4vQjtRQU9FLFdBQU0sR0FBRyxLQUFLLENBQUM7S0FLaEI7SUFIQyxJQUFJO1FBQ0YsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUM7SUFDckIsQ0FBQztrSUFMVSxrQkFBa0I7c0hBQWxCLGtCQUFrQixrRENYL0Isd1lBU2tDOzs0RkRFckIsa0JBQWtCO2tCQU45QixTQUFTOytCQUVFLFlBQVksbUJBRUwsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdsb2FkLWltYWdlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2xvYWQtaW1hZ2UuY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgTG9hZEltYWdlQ29tcG9uZW50IHtcbiAgbG9hZGVkID0gZmFsc2U7XG5cbiAgbG9hZCgpe1xuICAgIHRoaXMubG9hZGVkID0gdHJ1ZTtcbiAgfVxufVxuIiwiPGRhZmYtaW1hZ2Vcblx0c3JjPVwiaHR0cHM6Ly9pbWFnZXMudW5zcGxhc2guY29tL3Bob3RvLTE1OTM1MTk3NDkzNDctODBmMTAxZTkzMTEzP2l4aWQ9TW53eE1qQTNmREI4TUh4d2FHOTBieTF3WVdkbGZIeDhmR1Z1ZkRCOGZIeDgmaXhsaWI9cmItMS4yLjEmYXV0bz1mb3JtYXQmZml0PWNyb3Amdz0zNzc0JnE9ODBcIlxuXHRhbHQ9XCJCb3R0b20gdXAgdmlldyBvZiBCYXNlbCBleGhpYml0aW9uIGNlbnRyZVwiXG5cdHdpZHRoPVwiMTI2MVwiXG5cdGhlaWdodD1cIjk0NlwiXG5cdChsb2FkKT1cImxvYWQoKVwiPlxuPC9kYWZmLWltYWdlPlxuXG48cCAqbmdJZj1cIiFsb2FkZWRcIj5JIGFtIG5vdCBsb2FkZWQhPC9wPlxuPHAgKm5nSWY9XCJsb2FkZWRcIj5JIGFtIGxvYWRlZCE8L3A+Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZC1pbWFnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9pbWFnZS9leGFtcGxlcy9zcmMvbG9hZC1pbWFnZS9sb2FkLWltYWdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2ltYWdlL2V4YW1wbGVzL3NyYy9sb2FkLWltYWdlL2xvYWQtaW1hZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3ZDLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7O0FBVXpELE1BQU0sT0FBTyxrQkFBa0I7SUFSL0I7UUFTRSxXQUFNLEdBQUcsS0FBSyxDQUFDO0tBS2hCO0lBSEMsSUFBSTtRQUNGLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDO0lBQ3JCLENBQUM7a0lBTFUsa0JBQWtCO3NIQUFsQixrQkFBa0Isc0VDaEIvQix3WUFTa0MsMkNES3RCLGVBQWUseUtBQUUsSUFBSTs7NEZBRXBCLGtCQUFrQjtrQkFSOUIsU0FBUzsrQkFFRSxZQUFZLG1CQUVMLHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsSUFBSSxXQUNQLENBQUMsZUFBZSxFQUFFLElBQUksQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nSWYgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IERhZmZJbWFnZU1vZHVsZSB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24vaW1hZ2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdsb2FkLWltYWdlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2xvYWQtaW1hZ2UuY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0RhZmZJbWFnZU1vZHVsZSwgTmdJZl0sXG59KVxuZXhwb3J0IGNsYXNzIExvYWRJbWFnZUNvbXBvbmVudCB7XG4gIGxvYWRlZCA9IGZhbHNlO1xuXG4gIGxvYWQoKXtcbiAgICB0aGlzLmxvYWRlZCA9IHRydWU7XG4gIH1cbn1cbiIsIjxkYWZmLWltYWdlXG5cdHNyYz1cImh0dHBzOi8vaW1hZ2VzLnVuc3BsYXNoLmNvbS9waG90by0xNTkzNTE5NzQ5MzQ3LTgwZjEwMWU5MzExMz9peGlkPU1ud3hNakEzZkRCOE1IeHdhRzkwYnkxd1lXZGxmSHg4ZkdWdWZEQjhmSHg4Jml4bGliPXJiLTEuMi4xJmF1dG89Zm9ybWF0JmZpdD1jcm9wJnc9Mzc3NCZxPTgwXCJcblx0YWx0PVwiQm90dG9tIHVwIHZpZXcgb2YgQmFzZWwgZXhoaWJpdGlvbiBjZW50cmVcIlxuXHR3aWR0aD1cIjEyNjFcIlxuXHRoZWlnaHQ9XCI5NDZcIlxuXHQobG9hZCk9XCJsb2FkKClcIj5cbjwvZGFmZi1pbWFnZT5cblxuPHAgKm5nSWY9XCIhbG9hZGVkXCI+SSBhbSBub3QgbG9hZGVkITwvcD5cbjxwICpuZ0lmPVwibG9hZGVkXCI+SSBhbSBsb2FkZWQhPC9wPiJdfQ==

package/esm2022/image/examples/public_api.mjs

@@ -1,12 +1,9 @@
 import { BasicImageComponent } from './basic-image/basic-image.component';
-import { BasicImageModule } from './basic-image/basic-image.module';
 import { LoadImageComponent } from './load-image/load-image.component';
-import { LoadImageModule } from './load-image/load-image.module';
 import { SkeletonImageComponent } from './skeleton-image/skeleton-image.component';
-import { SkeletonImageModule } from './skeleton-image/skeleton-image.module';
 export const IMAGE_EXAMPLES = [
-    { component: BasicImageComponent, module: BasicImageModule },
-    { component: LoadImageComponent, module: LoadImageModule },
-    { component: SkeletonImageComponent, module: SkeletonImageModule },
+    BasicImageComponent,
+    LoadImageComponent,
+    SkeletonImageComponent,
 ];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2ltYWdlL2V4YW1wbGVzL3NyYy9wdWJsaWNfYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ3BFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUNqRSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUNuRixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUU3RSxNQUFNLENBQUMsTUFBTSxjQUFjLEdBQXVCO0lBQ2hELEVBQUUsU0FBUyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sRUFBRSxnQkFBZ0IsRUFBRTtJQUM1RCxFQUFFLFNBQVMsRUFBRSxrQkFBa0IsRUFBRSxNQUFNLEVBQUUsZUFBZSxFQUFFO0lBQzFELEVBQUUsU0FBUyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sRUFBRSxtQkFBbUIsRUFBRTtDQUNuRSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50RXhhbXBsZSB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24nO1xuXG5pbXBvcnQgeyBCYXNpY0ltYWdlQ29tcG9uZW50IH0gZnJvbSAnLi9iYXNpYy1pbWFnZS9iYXNpYy1pbWFnZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgQmFzaWNJbWFnZU1vZHVsZSB9IGZyb20gJy4vYmFzaWMtaW1hZ2UvYmFzaWMtaW1hZ2UubW9kdWxlJztcbmltcG9ydCB7IExvYWRJbWFnZUNvbXBvbmVudCB9IGZyb20gJy4vbG9hZC1pbWFnZS9sb2FkLWltYWdlLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBMb2FkSW1hZ2VNb2R1bGUgfSBmcm9tICcuL2xvYWQtaW1hZ2UvbG9hZC1pbWFnZS5tb2R1bGUnO1xuaW1wb3J0IHsgU2tlbGV0b25JbWFnZUNvbXBvbmVudCB9IGZyb20gJy4vc2tlbGV0b24taW1hZ2Uvc2tlbGV0b24taW1hZ2UuY29tcG9uZW50JztcbmltcG9ydCB7IFNrZWxldG9uSW1hZ2VNb2R1bGUgfSBmcm9tICcuL3NrZWxldG9uLWltYWdlL3NrZWxldG9uLWltYWdlLm1vZHVsZSc7XG5cbmV4cG9ydCBjb25zdCBJTUFHRV9FWEFNUExFUzogQ29tcG9uZW50RXhhbXBsZVtdID0gW1xuICB7IGNvbXBvbmVudDogQmFzaWNJbWFnZUNvbXBvbmVudCwgbW9kdWxlOiBCYXNpY0ltYWdlTW9kdWxlIH0sXG4gIHsgY29tcG9uZW50OiBMb2FkSW1hZ2VDb21wb25lbnQsIG1vZHVsZTogTG9hZEltYWdlTW9kdWxlIH0sXG4gIHsgY29tcG9uZW50OiBTa2VsZXRvbkltYWdlQ29tcG9uZW50LCBtb2R1bGU6IFNrZWxldG9uSW1hZ2VNb2R1bGUgfSxcbl07XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2ltYWdlL2V4YW1wbGVzL3NyYy9wdWJsaWNfYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBRW5GLE1BQU0sQ0FBQyxNQUFNLGNBQWMsR0FBRztJQUM1QixtQkFBbUI7SUFDbkIsa0JBQWtCO0lBQ2xCLHNCQUFzQjtDQUN2QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQmFzaWNJbWFnZUNvbXBvbmVudCB9IGZyb20gJy4vYmFzaWMtaW1hZ2UvYmFzaWMtaW1hZ2UuY29tcG9uZW50JztcbmltcG9ydCB7IExvYWRJbWFnZUNvbXBvbmVudCB9IGZyb20gJy4vbG9hZC1pbWFnZS9sb2FkLWltYWdlLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTa2VsZXRvbkltYWdlQ29tcG9uZW50IH0gZnJvbSAnLi9za2VsZXRvbi1pbWFnZS9za2VsZXRvbi1pbWFnZS5jb21wb25lbnQnO1xuXG5leHBvcnQgY29uc3QgSU1BR0VfRVhBTVBMRVMgPSBbXG4gIEJhc2ljSW1hZ2VDb21wb25lbnQsXG4gIExvYWRJbWFnZUNvbXBvbmVudCxcbiAgU2tlbGV0b25JbWFnZUNvbXBvbmVudCxcbl07XG4iXX0=

package/esm2022/image/examples/skeleton-image/skeleton-image.component.mjs

@@ -1,12 +1,13 @@
 import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import { DaffImageModule } from '@daffodil/design/image';
 import * as i0 from "@angular/core";
 import * as i1 from "@daffodil/design/image";
 export class SkeletonImageComponent {
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: SkeletonImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", 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 }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: SkeletonImageComponent, isStandalone: true, 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: "ngmodule", type: DaffImageModule }, { kind: "component", type: i1.DaffImageComponent, selector: "daff-image", inputs: ["src", "alt", "width", "height"], outputs: ["load"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", 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>" }]
+            args: [{ selector: 'skeleton-image', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [DaffImageModule], 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>" }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2tlbGV0b24taW1hZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vaW1hZ2UvZXhhbXBsZXMvc3JjL3NrZWxldG9uLWltYWdlL3NrZWxldG9uLWltYWdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2ltYWdlL2V4YW1wbGVzL3NyYy9za2VsZXRvbi1pbWFnZS9za2VsZXRvbi1pbWFnZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQzs7O0FBUXZCLE1BQU0sT0FBTyxzQkFBc0I7a0lBQXRCLHNCQUFzQjtzSEFBdEIsc0JBQXNCLHNEQ1huQyxvVEFLYTs7NEZETUEsc0JBQXNCO2tCQU5sQyxTQUFTOytCQUVFLGdCQUFnQixtQkFFVCx1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ3NrZWxldG9uLWltYWdlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NrZWxldG9uLWltYWdlLmNvbXBvbmVudC5odG1sJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFNrZWxldG9uSW1hZ2VDb21wb25lbnQge1xuXG59XG4iLCI8ZGFmZi1pbWFnZSBbc2tlbGV0b25dPVwidHJ1ZVwiXG5cdHNyYz1cImh0dHBzOi8vaW1hZ2VzLnVuc3BsYXNoLmNvbS9waG90by0xNTkzNTE5NzQ5MzQ3LTgwZjEwMWU5MzExMz9peGlkPU1ud3hNakEzZkRCOE1IeHdhRzkwYnkxd1lXZGxmSHg4ZkdWdWZEQjhmSHg4Jml4bGliPXJiLTEuMi4xJmF1dG89Zm9ybWF0JmZpdD1jcm9wJnc9Mzc3NCZxPTgwXCJcblx0YWx0PVwiQm90dG9tIHVwIHZpZXcgb2YgQmFzZWwgZXhoaWJpdGlvbiBjZW50cmVcIlxuXHR3aWR0aD1cIjEyNjFcIlxuXHRoZWlnaHQ9XCI5NDZcIj5cbjwvZGFmZi1pbWFnZT4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2tlbGV0b24taW1hZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vaW1hZ2UvZXhhbXBsZXMvc3JjL3NrZWxldG9uLWltYWdlL3NrZWxldG9uLWltYWdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2ltYWdlL2V4YW1wbGVzL3NyYy9za2VsZXRvbi1pbWFnZS9za2VsZXRvbi1pbWFnZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7OztBQVV6RCxNQUFNLE9BQU8sc0JBQXNCO2tJQUF0QixzQkFBc0I7c0hBQXRCLHNCQUFzQiwwRUNmbkMsb1RBS2EsMkNEUUQsZUFBZTs7NEZBRWQsc0JBQXNCO2tCQVJsQyxTQUFTOytCQUVFLGdCQUFnQixtQkFFVCx1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLElBQUksV0FDUCxDQUFDLGVBQWUsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBEYWZmSW1hZ2VNb2R1bGUgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduL2ltYWdlJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnc2tlbGV0b24taW1hZ2UnLFxuICB0ZW1wbGF0ZVVybDogJy4vc2tlbGV0b24taW1hZ2UuY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0RhZmZJbWFnZU1vZHVsZV0sXG59KVxuZXhwb3J0IGNsYXNzIFNrZWxldG9uSW1hZ2VDb21wb25lbnQge1xuXG59XG4iLCI8ZGFmZi1pbWFnZSBbc2tlbGV0b25dPVwidHJ1ZVwiXG5cdHNyYz1cImh0dHBzOi8vaW1hZ2VzLnVuc3BsYXNoLmNvbS9waG90by0xNTkzNTE5NzQ5MzQ3LTgwZjEwMWU5MzExMz9peGlkPU1ud3hNakEzZkRCOE1IeHdhRzkwYnkxd1lXZGxmSHg4ZkdWdWZEQjhmSHg4Jml4bGliPXJiLTEuMi4xJmF1dG89Zm9ybWF0JmZpdD1jcm9wJnc9Mzc3NCZxPTgwXCJcblx0YWx0PVwiQm90dG9tIHVwIHZpZXcgb2YgQmFzZWwgZXhoaWJpdGlvbiBjZW50cmVcIlxuXHR3aWR0aD1cIjEyNjFcIlxuXHRoZWlnaHQ9XCI5NDZcIj5cbjwvZGFmZi1pbWFnZT4iXX0=

package/esm2022/image/image/image.component.mjs

@@ -1,9 +1,10 @@
-import { Component, ChangeDetectionStrategy, Input, EventEmitter, ElementRef, Renderer2, Output, HostBinding, } from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, EventEmitter, Output, HostBinding, } from '@angular/core';
 import { DomSanitizer } from '@angular/platform-browser';
-import { daffSkeletonableMixin, } from '@daffodil/design';
+import { DaffSkeletonableDirective } from '@daffodil/design';
 import { daffThumbnailCompatToken } from '@daffodil/design/media-gallery';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/platform-browser";
+import * as i2 from "@daffodil/design";
 const validateProperty = (object, prop) => {
     if (object[prop] === null || object[prop] === undefined || object[prop] === '') {
         throw new Error(`DaffImageComponent must have a defined ${prop} attribute.`);
@@ -23,17 +24,7 @@ const validateProperties = (object, props) => {
         throw new Error(`DaffImageComponent must have the ${invalidProps.join(',')} attributes defined.`);
     }
 };
-/**
- * An _elementRef is needed for the GolfGhostable mixin
- */
-class DaffImageBase {
-    constructor(_elementRef, _renderer) {
-        this._elementRef = _elementRef;
-        this._renderer = _renderer;
-    }
-}
-const _daffImageBase = daffSkeletonableMixin(DaffImageBase);
-export class DaffImageComponent extends _daffImageBase {
+export class DaffImageComponent {
     get src() {
         return this._src;
     }
@@ -68,11 +59,8 @@ export class DaffImageComponent extends _daffImageBase {
     ngOnInit() {
         validateProperties(this, ['src', 'alt', 'width', 'height']);
     }
-    constructor(sanitizer, elementRef, renderer) {
-        super(elementRef, renderer);
+    constructor(sanitizer) {
         this.sanitizer = sanitizer;
-        this.elementRef = elementRef;
-        this.renderer = renderer;
         // TODO: rename event to not collide with native event (unless that's intentional)
         // eslint-disable-next-line @angular-eslint/no-output-native
         this.load = new EventEmitter();
@@ -92,13 +80,13 @@ export class DaffImageComponent extends _daffImageBase {
     get maxWidth() {
         return this.width + 'px';
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffImageComponent, deps: [{ token: i1.DomSanitizer }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: DaffImageComponent, selector: "daff-image", inputs: { skeleton: "skeleton", src: "src", alt: "alt", width: "width", height: "height" }, outputs: { load: "load" }, host: { properties: { "style.max-width": "this.maxWidth" } }, providers: [
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffImageComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: DaffImageComponent, selector: "daff-image", inputs: { src: "src", alt: "alt", width: "width", height: "height" }, outputs: { load: "load" }, host: { properties: { "style.max-width": "this.maxWidth" } }, providers: [
             {
                 // eslint-disable-next-line @typescript-eslint/no-use-before-define
                 provide: daffThumbnailCompatToken, useExisting: DaffImageComponent,
             },
-        ], usesInheritance: true, ngImport: i0, template: "<div class=\"daff-image__wrapper\" [style.paddingTop]=\"_paddingTop\">\n\t<img [src]=\"src\" [alt]=\"alt\" (load)=\"load.emit\" loading=\"lazy\"/>\n</div>", styles: [":host{display:inline-block;border-radius:inherit;position:relative;width:100%}:host.daff-skeleton{display:flex;position:relative}:host.daff-skeleton:before{animation-name:loading;animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;content:\"\";height:100%;width:100%;position:absolute;top:0;left:0}:host.daff-skeleton img{opacity:0}:host img{position:absolute;inset:0;height:auto;margin:auto;max-width:100%}.daff-image__wrapper{border-radius:inherit;height:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], hostDirectives: [{ directive: i2.DaffSkeletonableDirective, inputs: ["skeleton", "skeleton"] }], ngImport: i0, template: "<div class=\"daff-image__wrapper\" [style.paddingTop]=\"_paddingTop\">\n\t<img [src]=\"src\" [alt]=\"alt\" (load)=\"load.emit\" loading=\"lazy\"/>\n</div>", styles: [":host{display:inline-block;border-radius:inherit;position:relative;width:100%}:host.daff-skeleton{display:flex;position:relative}:host.daff-skeleton:before{animation-name:loading;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;content:\"\";height:100%;width:100%;position:absolute;top:0;left:0}:host.daff-skeleton img{opacity:0}:host img{position:absolute;inset:0;height:auto;margin:auto;max-width:100%}.daff-image__wrapper{border-radius:inherit;height:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffImageComponent, decorators: [{
             type: Component,
@@ -107,8 +95,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
                             // eslint-disable-next-line @typescript-eslint/no-use-before-define
                             provide: daffThumbnailCompatToken, useExisting: DaffImageComponent,
                         },
-                    ], inputs: ['skeleton'], template: "<div class=\"daff-image__wrapper\" [style.paddingTop]=\"_paddingTop\">\n\t<img [src]=\"src\" [alt]=\"alt\" (load)=\"load.emit\" loading=\"lazy\"/>\n</div>", styles: [":host{display:inline-block;border-radius:inherit;position:relative;width:100%}:host.daff-skeleton{display:flex;position:relative}:host.daff-skeleton:before{animation-name:loading;animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;content:\"\";height:100%;width:100%;position:absolute;top:0;left:0}:host.daff-skeleton img{opacity:0}:host img{position:absolute;inset:0;height:auto;margin:auto;max-width:100%}.daff-image__wrapper{border-radius:inherit;height:0}\n"] }]
-        }], ctorParameters: () => [{ type: i1.DomSanitizer }, { type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { src: [{
+                    ], hostDirectives: [{
+                            directive: DaffSkeletonableDirective,
+                            inputs: ['skeleton'],
+                        }], template: "<div class=\"daff-image__wrapper\" [style.paddingTop]=\"_paddingTop\">\n\t<img [src]=\"src\" [alt]=\"alt\" (load)=\"load.emit\" loading=\"lazy\"/>\n</div>", styles: [":host{display:inline-block;border-radius:inherit;position:relative;width:100%}:host.daff-skeleton{display:flex;position:relative}:host.daff-skeleton:before{animation-name:loading;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;content:\"\";height:100%;width:100%;position:absolute;top:0;left:0}:host.daff-skeleton img{opacity:0}:host img{position:absolute;inset:0;height:auto;margin:auto;max-width:100%}.daff-image__wrapper{border-radius:inherit;height:0}\n"] }]
+        }], ctorParameters: () => [{ type: i1.DomSanitizer }], propDecorators: { src: [{
                 type: Input
             }], alt: [{
                 type: Input
@@ -122,4 +113,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
                 type: HostBinding,
                 args: ['style.max-width']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vaW1hZ2Uvc3JjL2ltYWdlL2ltYWdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2ltYWdlL3NyYy9pbWFnZS9pbWFnZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULHVCQUF1QixFQUN2QixLQUFLLEVBQ0wsWUFBWSxFQUVaLFVBQVUsRUFDVixTQUFTLEVBQ1QsTUFBTSxFQUNOLFdBQVcsR0FDWixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFFekQsT0FBTyxFQUNMLHFCQUFxQixHQUV0QixNQUFNLGtCQUFrQixDQUFDO0FBQzFCLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLGdDQUFnQyxDQUFDOzs7QUFFMUUsTUFBTSxnQkFBZ0IsR0FBRyxDQUFDLE1BQTJCLEVBQUUsSUFBWSxFQUFFLEVBQUU7SUFDckUsSUFBSSxNQUFNLENBQUMsSUFBSSxDQUFDLEtBQUssSUFBSSxJQUFJLE1BQU0sQ0FBQyxJQUFJLENBQUMsS0FBSyxTQUFTLElBQUksTUFBTSxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsRUFBRTtRQUM5RSxNQUFNLElBQUksS0FBSyxDQUFDLDBDQUEwQyxJQUFJLGFBQWEsQ0FBQyxDQUFDO0tBQzlFO0FBQ0gsQ0FBQyxDQUFDO0FBRUYsTUFBTSxrQkFBa0IsR0FBRyxDQUFDLE1BQTJCLEVBQUUsS0FBZSxFQUFFLEVBQUU7SUFDMUUsTUFBTSxZQUFZLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsRUFBRTtRQUN2QyxJQUFJO1lBQ0YsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxDQUFDO1NBQ2hDO1FBQUMsT0FBTSxDQUFDLEVB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LG1FQUFtRTtnQkFDckUsT0FBTyxFQUFFLHdCQUF3QixFQUFFLFdBQVcsRUFBRSxrQkFBa0I7YUFDakU7U0FDRixpREMzREgsNEpBRU07OzRGRDhETyxrQkFBa0I7a0JBZjlCLFNBQVM7K0JBQ0UsWUFBWSxtQkFHTCx1QkFBdUIsQ0FBQyxNQUFNLGFBQ3BDO3dCQUNUOzRCQUNFLG1FQUFtRTs0QkFDckUsT0FBTyxFQUFFLHdCQUF3QixFQUFFLFdBQVcsb0JBQW9CO3lCQUNqRTtxQkFDRixVQUdPLENBQUMsVUFBVSxDQUFDO2tJQU9oQixHQUFHO3NCQUROLEtBQUs7Z0JBWUYsR0FBRztzQkFETixLQUFLO2dCQVlGLEtBQUs7c0JBRFIsS0FBSztnQkFZRixNQUFNO3NCQURULEtBQUs7Z0JBV0ksSUFBSTtzQkFBYixNQUFNO2dCQStCNkIsUUFBUTtzQkFBM0MsV0FBVzt1QkFBQyxpQkFBaUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBJbnB1dCxcbiAgRXZlbnRFbWl0dGVyLFxuICBPbkluaXQsXG4gIEVsZW1lbnRSZWYsXG4gIFJlbmRlcmVyMixcbiAgT3V0cHV0LFxuICBIb3N0QmluZGluZyxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEb21TYW5pdGl6ZXIgfSBmcm9tICdAYW5ndWxhci9wbGF0Zm9ybS1icm93c2VyJztcblxuaW1wb3J0IHtcbiAgZGFmZlNrZWxldG9uYWJsZU1peGluLFxuICBEYWZmU2tlbGV0b25hYmxlLFxufSBmcm9tICdAZGFmZm9kaWwvZGVzaWduJztcbmltcG9ydCB7IGRhZmZUaHVtYm5haWxDb21wYXRUb2tlbiB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24vbWVkaWEtZ2FsbGVyeSc7XG5cbmNvbnN0IHZhbGlkYXRlUHJvcGVydHkgPSAob2JqZWN0OiBSZWNvcmQ8c3RyaW5nLCBhbnk+LCBwcm9wOiBzdHJpbmcpID0+IHtcbiAgaWYgKG9iamVjdFtwcm9wXSA9PT0gbnVsbCB8fCBvYmplY3RbcHJvcF0gPT09IHVuZGVmaW5lZCB8fCBvYmplY3RbcHJvcF0gPT09ICcnKSB7XG4gICAgdGhyb3cgbmV3IEVycm9yKGBEYWZmSW1hZ2VDb21wb25lbnQgbXVzdCBoYXZlIGEgZGVmaW5lZCAke3Byb3B9IGF0dHJpYnV0ZS5gKTtcbiAgfVxufTtcblxuY29uc3QgdmFsaWRhdGVQcm9wZXJ0aWVzID0gKG9iamVjdDogUmVjb3JkPHN0cmluZywgYW55PiwgcHJvcHM6IHN0cmluZ1tdKSA9PiB7XG4gIGNvbnN0IGludmFsaWRQcm9wcyA9IHByb3BzLmZpbHRlcihwcm9wID0+IHtcbiAgICB0cnkge1xuICAgICAgdmFsaWRhdGVQcm9wZXJ0eShvYmplY3QsIHByb3ApO1xuICAgIH0gY2F0Y2goZSkge1xuICAgICAgcmV0dXJuIHRydWU7XG4gICAgfVxuICAgIHJldHVybiBmYWxzZTtcbiAgfSk7XG5cbiAgaWYgKGludmFsaWRQcm9wcy5sZW5ndGgpIHtcbiAgICB0aHJvdyBuZXcgRXJyb3IoYERhZmZJbWFnZUNvbXBvbmVudCBtdXN0IGhhdmUgdGhlICR7aW52YWxpZFByb3BzLmpvaW4oJywnKX0gYXR0cmlidXRlcyBkZWZpbmVkLmApO1xuICB9XG59O1xuXG4vKipcbiAqIEFuIF9lbGVtZW50UmVmIGlzIG5lZWRlZCBmb3IgdGhlIEdvbGZHaG9zdGFibGUgbWl4aW5cbiAqL1xuY2xhc3MgRGFmZkltYWdlQmFzZSB7XG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBfZWxlbWVudFJlZjogRWxlbWVudFJlZiwgcHVibGljIF9yZW5kZXJlcjogUmVuZGVyZXIyKSB7IH1cbn1cblxuY29uc3QgX2RhZmZJbWFnZUJhc2UgPSBkYWZmU2tlbGV0b25hYmxlTWl4aW4oRGFmZkltYWdlQmFzZSk7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2RhZmYtaW1hZ2UnLFxuICB0ZW1wbGF0ZVVybDogJy4vaW1hZ2UuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9pbWFnZS5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby11c2UtYmVmb3JlLWRlZmluZVxuXHRcdFx0IHByb3ZpZGU6IGRhZmZUaHVtYm5haWxDb21wYXRUb2tlbiwgdXNlRXhpc3Rpbmc6IERhZmZJbWFnZUNvbXBvbmVudCxcbiAgICB9LFxuICBdLFxuICAvLyB0b2RvKGRhbWllbndlYmRldik6IHJlbW92ZSBvbmNlIGRlY29yYXRvcnMgaGl0IHN0YWdlIDMgLSBodHRwczovL2dpdGh1Yi5jb20vbWljcm9zb2Z0L1R5cGVTY3JpcHQvaXNzdWVzLzczNDJcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9uby1pbnB1dHMtbWV0YWRhdGEtcHJvcGVydHlcbiAgaW5wdXRzOiBbJ3NrZWxldG9uJ10sXG59KVxuZXhwb3J0IGNsYXNzIERhZmZJbWFnZUNvbXBvbmVudCBleHRlbmRzIF9kYWZmSW1hZ2VCYXNlIGltcGxlbWVudHMgT25Jbml0LCBEYWZmU2tlbGV0b25hYmxlIHtcblxuICBwcml2YXRlIF9zcmM6IHN0cmluZztcblxuICBASW5wdXQoKVxuICBnZXQgc3JjKCk6IHN0cmluZyB7XG5cdCAgcmV0dXJuIHRoaXMuX3NyYztcbiAgfVxuICBzZXQgc3JjKHZhbHVlOiBzdHJpbmcpIHtcbiAgICB0aGlzLl9zcmMgPSB2YWx1ZTtcbiAgICB2YWxpZGF0ZVByb3BlcnR5KHRoaXMsICdzcmMnKTtcbiAgfVxuXG4gIHByaXZhdGUgX2FsdDogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIGdldCBhbHQoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5fYWx0O1xuICB9XG4gIHNldCBhbHQodmFsdWU6IHN0cmluZykge1xuICAgIHRoaXMuX2FsdCA9IHZhbHVlO1xuICAgIHZhbGlkYXRlUHJvcGVydHkodGhpcywgJ2FsdCcpO1xuICB9XG5cbiAgcHJpdmF0ZSBfd2lkdGg6IG51bWJlcjtcblxuICBASW5wdXQoKVxuICBnZXQgd2lkdGgoKTogbnVtYmVyIHtcbiAgICByZXR1cm4gdGhpcy5fd2lkdGg7XG4gIH1cbiAgc2V0IHdpZHRoKHZhbHVlOiBudW1iZXIpIHtcbiAgICB0aGlzLl93aWR0aCA9IHZhbHVlO1xuICAgIHZhbGlkYXRlUHJvcGVydHkodGhpcywgJ3dpZHRoJyk7XG4gIH1cblxuICBwcml2YXRlIF9oZWlnaHQ6IG51bWJlcjtcblxuICBASW5wdXQoKVxuICBnZXQgaGVpZ2h0KCk6IG51bWJlciB7XG4gICAgcmV0dXJuIHRoaXMuX2hlaWdodDtcbiAgfVxuICBzZXQgaGVpZ2h0KHZhbHVlOiBudW1iZXIpIHtcbiAgICB0aGlzLl9oZWlnaHQgPSB2YWx1ZTtcbiAgICB2YWxpZGF0ZVByb3BlcnR5KHRoaXMsICdoZWlnaHQnKTtcbiAgfVxuXG4gIC8vIFRPRE86IHJlbmFtZSBldmVudCB0byBub3QgY29sbGlkZSB3aXRoIG5hdGl2ZSBldmVudCAodW5sZXNzIHRoYXQncyBpbnRlbnRpb25hbClcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9uby1vdXRwdXQtbmF0aXZlXG4gIEBPdXRwdXQoKSBsb2FkOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgLyoqXG4gICAqIEBkb2NzLXByaXZhdGVcbiAgICovXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuXHQgIHZhbGlkYXRlUHJvcGVydGllcyh0aGlzLCBbJ3NyYycsICdhbHQnLCAnd2lkdGgnLCAnaGVpZ2h0J10pO1xuICB9XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBzYW5pdGl6ZXI6IERvbVNhbml0aXplcixcbiAgICBwcml2YXRlIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYsXG4gICAgcHJpdmF0ZSByZW5kZXJlcjogUmVuZGVyZXIyLFxuICApIHtcblx0ICBzdXBlcihlbGVtZW50UmVmLCByZW5kZXJlcik7XG4gIH1cblxuICAvKipcbiAgICogQGRvY3MtcHJpdmF0ZVxuICAgKi9cbiAgZ2V0IF9wYWRkaW5nVG9wKCk6IGFueSB7XG5cdCAgaWYgKCF0aGlzLmhlaWdodCB8fCAhdGhpcy53aWR0aCApIHtcblx0ICAgIHJldHVybiB1bmRlZmluZWQ7XG5cdCAgfVxuXG5cdCAgcmV0dXJuIHRoaXMuc2FuaXRpemVyLmJ5cGFzc1NlY3VyaXR5VHJ1c3RTdHlsZSgnY2FsYygnICsgdGhpcy5oZWlnaHQgKyAnIC8gJyArIHRoaXMud2lkdGggKyAnICogMTAwJSknKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ3N0eWxlLm1heC13aWR0aCcpIGdldCBtYXhXaWR0aCgpOiBzdHJpbmcge1xuXHQgIHJldHVybiB0aGlzLndpZHRoICsgJ3B4JztcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImRhZmYtaW1hZ2VfX3dyYXBwZXJcIiBbc3R5bGUucGFkZGluZ1RvcF09XCJfcGFkZGluZ1RvcFwiPlxuXHQ8aW1nIFtzcmNdPVwic3JjXCIgW2FsdF09XCJhbHRcIiAobG9hZCk9XCJsb2FkLmVtaXRcIiBsb2FkaW5nPVwibGF6eVwiLz5cbjwvZGl2PiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vaW1hZ2Uvc3JjL2ltYWdlL2ltYWdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2ltYWdlL3NyYy9pbWFnZS9pbWFnZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULHVCQUF1QixFQUN2QixLQUFLLEVBQ0wsWUFBWSxFQUVaLE1BQU0sRUFDTixXQUFXLEdBQ1osTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBRXpELE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQzdELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLGdDQUFnQyxDQUFDOzs7O0FBRTFFLE1BQU0sZ0JBQWdCLEdBQUcsQ0FBQyxNQUEyQixFQUFFLElBQVksRUFBRSxFQUFFO0lBQ3JFLElBQUksTUFBTSxDQUFDLElBQUksQ0FBQyxLQUFLLElBQUksSUFBSSxNQUFNLENBQUMsSUFBSSxDQUFDLEtBQUssU0FBUyxJQUFJLE1BQU0sQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLEVBQUU7UUFDOUUsTUFBTSxJQUFJLEtBQUssQ0FBQywwQ0FBMEMsSUFBSSxhQUFhLENBQUMsQ0FBQztLQUM5RTtBQUNILENBQUMsQ0FBQztBQUVGLE1BQU0sa0JBQWtCLEdBQUcsQ0FBQyxNQUEyQixFQUFFLEtBQWUsRUFBRSxFQUFFO0lBQzFFLE1BQU0sWUFBWSxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEVBQUU7UUFDdkMsSUFBSTtZQUNGLGdCQUFnQixDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsQ0FBQztTQUNoQztRQUFDLE9BQU0sQ0FBQyxFQUFFO1lBQ1QsT0FBTyxJQUFJLENB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SztnQkFZRixHQUFHO3NCQUROLEtBQUs7Z0JBWUYsS0FBSztzQkFEUixLQUFLO2dCQVlGLE1BQU07c0JBRFQsS0FBSztnQkFXSSxJQUFJO3NCQUFiLE1BQU07Z0JBeUI2QixRQUFRO3NCQUEzQyxXQUFXO3VCQUFDLGlCQUFpQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIElucHV0LFxuICBFdmVudEVtaXR0ZXIsXG4gIE9uSW5pdCxcbiAgT3V0cHV0LFxuICBIb3N0QmluZGluZyxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEb21TYW5pdGl6ZXIgfSBmcm9tICdAYW5ndWxhci9wbGF0Zm9ybS1icm93c2VyJztcblxuaW1wb3J0IHsgRGFmZlNrZWxldG9uYWJsZURpcmVjdGl2ZSB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24nO1xuaW1wb3J0IHsgZGFmZlRodW1ibmFpbENvbXBhdFRva2VuIH0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbi9tZWRpYS1nYWxsZXJ5JztcblxuY29uc3QgdmFsaWRhdGVQcm9wZXJ0eSA9IChvYmplY3Q6IFJlY29yZDxzdHJpbmcsIGFueT4sIHByb3A6IHN0cmluZykgPT4ge1xuICBpZiAob2JqZWN0W3Byb3BdID09PSBudWxsIHx8IG9iamVjdFtwcm9wXSA9PT0gdW5kZWZpbmVkIHx8IG9iamVjdFtwcm9wXSA9PT0gJycpIHtcbiAgICB0aHJvdyBuZXcgRXJyb3IoYERhZmZJbWFnZUNvbXBvbmVudCBtdXN0IGhhdmUgYSBkZWZpbmVkICR7cHJvcH0gYXR0cmlidXRlLmApO1xuICB9XG59O1xuXG5jb25zdCB2YWxpZGF0ZVByb3BlcnRpZXMgPSAob2JqZWN0OiBSZWNvcmQ8c3RyaW5nLCBhbnk+LCBwcm9wczogc3RyaW5nW10pID0+IHtcbiAgY29uc3QgaW52YWxpZFByb3BzID0gcHJvcHMuZmlsdGVyKHByb3AgPT4ge1xuICAgIHRyeSB7XG4gICAgICB2YWxpZGF0ZVByb3BlcnR5KG9iamVjdCwgcHJvcCk7XG4gICAgfSBjYXRjaChlKSB7XG4gICAgICByZXR1cm4gdHJ1ZTtcbiAgICB9XG4gICAgcmV0dXJuIGZhbHNlO1xuICB9KTtcblxuICBpZiAoaW52YWxpZFByb3BzLmxlbmd0aCkge1xuICAgIHRocm93IG5ldyBFcnJvcihgRGFmZkltYWdlQ29tcG9uZW50IG11c3QgaGF2ZSB0aGUgJHtpbnZhbGlkUHJvcHMuam9pbignLCcpfSBhdHRyaWJ1dGVzIGRlZmluZWQuYCk7XG4gIH1cbn07XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2RhZmYtaW1hZ2UnLFxuICB0ZW1wbGF0ZVVybDogJy4vaW1hZ2UuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9pbWFnZS5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby11c2UtYmVmb3JlLWRlZmluZVxuXHRcdFx0IHByb3ZpZGU6IGRhZmZUaHVtYm5haWxDb21wYXRUb2tlbiwgdXNlRXhpc3Rpbmc6IERhZmZJbWFnZUNvbXBvbmVudCxcbiAgICB9LFxuICBdLFxuICBob3N0RGlyZWN0aXZlczogW3tcbiAgICBkaXJlY3RpdmU6IERhZmZTa2VsZXRvbmFibGVEaXJlY3RpdmUsXG4gICAgaW5wdXRzOiBbJ3NrZWxldG9uJ10sXG4gIH1dLFxufSlcbmV4cG9ydCBjbGFzcyBEYWZmSW1hZ2VDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIHByaXZhdGUgX3NyYzogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIGdldCBzcmMoKTogc3RyaW5nIHtcblx0ICByZXR1cm4gdGhpcy5fc3JjO1xuICB9XG4gIHNldCBzcmModmFsdWU6IHN0cmluZykge1xuICAgIHRoaXMuX3NyYyA9IHZhbHVlO1xuICAgIHZhbGlkYXRlUHJvcGVydHkodGhpcywgJ3NyYycpO1xuICB9XG5cbiAgcHJpdmF0ZSBfYWx0OiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgZ2V0IGFsdCgpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLl9hbHQ7XG4gIH1cbiAgc2V0IGFsdCh2YWx1ZTogc3RyaW5nKSB7XG4gICAgdGhpcy5fYWx0ID0gdmFsdWU7XG4gICAgdmFsaWRhdGVQcm9wZXJ0eSh0aGlzLCAnYWx0Jyk7XG4gIH1cblxuICBwcml2YXRlIF93aWR0aDogbnVtYmVyO1xuXG4gIEBJbnB1dCgpXG4gIGdldCB3aWR0aCgpOiBudW1iZXIge1xuICAgIHJldHVybiB0aGlzLl93aWR0aDtcbiAgfVxuICBzZXQgd2lkdGgodmFsdWU6IG51bWJlcikge1xuICAgIHRoaXMuX3dpZHRoID0gdmFsdWU7XG4gICAgdmFsaWRhdGVQcm9wZXJ0eSh0aGlzLCAnd2lkdGgnKTtcbiAgfVxuXG4gIHByaXZhdGUgX2hlaWdodDogbnVtYmVyO1xuXG4gIEBJbnB1dCgpXG4gIGdldCBoZWlnaHQoKTogbnVtYmVyIHtcbiAgICByZXR1cm4gdGhpcy5faGVpZ2h0O1xuICB9XG4gIHNldCBoZWlnaHQodmFsdWU6IG51bWJlcikge1xuICAgIHRoaXMuX2hlaWdodCA9IHZhbHVlO1xuICAgIHZhbGlkYXRlUHJvcGVydHkodGhpcywgJ2hlaWdodCcpO1xuICB9XG5cbiAgLy8gVE9ETzogcmVuYW1lIGV2ZW50IHRvIG5vdCBjb2xsaWRlIHdpdGggbmF0aXZlIGV2ZW50ICh1bmxlc3MgdGhhdCdzIGludGVudGlvbmFsKVxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L25vLW91dHB1dC1uYXRpdmVcbiAgQE91dHB1dCgpIGxvYWQ6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICAvKipcbiAgICogQGRvY3MtcHJpdmF0ZVxuICAgKi9cbiAgbmdPbkluaXQoKTogdm9pZCB7XG5cdCAgdmFsaWRhdGVQcm9wZXJ0aWVzKHRoaXMsIFsnc3JjJywgJ2FsdCcsICd3aWR0aCcsICdoZWlnaHQnXSk7XG4gIH1cblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHNhbml0aXplcjogRG9tU2FuaXRpemVyKSB7fVxuXG4gIC8qKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBnZXQgX3BhZGRpbmdUb3AoKTogYW55IHtcblx0ICBpZiAoIXRoaXMuaGVpZ2h0IHx8ICF0aGlzLndpZHRoICkge1xuXHQgICAgcmV0dXJuIHVuZGVmaW5lZDtcblx0ICB9XG5cblx0ICByZXR1cm4gdGhpcy5zYW5pdGl6ZXIuYnlwYXNzU2VjdXJpdHlUcnVzdFN0eWxlKCdjYWxjKCcgKyB0aGlzLmhlaWdodCArICcgLyAnICsgdGhpcy53aWR0aCArICcgKiAxMDAlKScpO1xuICB9XG5cbiAgLyoqXG4gICAqIEBkb2NzLXByaXZhdGVcbiAgICovXG4gIEBIb3N0QmluZGluZygnc3R5bGUubWF4LXdpZHRoJykgZ2V0IG1heFdpZHRoKCk6IHN0cmluZyB7XG5cdCAgcmV0dXJuIHRoaXMud2lkdGggKyAncHgnO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiZGFmZi1pbWFnZV9fd3JhcHBlclwiIFtzdHlsZS5wYWRkaW5nVG9wXT1cIl9wYWRkaW5nVG9wXCI+XG5cdDxpbWcgW3NyY109XCJzcmNcIiBbYWx0XT1cImFsdFwiIChsb2FkKT1cImxvYWQuZW1pdFwiIGxvYWRpbmc9XCJsYXp5XCIvPlxuPC9kaXY+Il19

package/esm2022/index.mjs

@@ -0,0 +1,6 @@
+/**
+ * This is a filler file for making the
+ * demo work in dev mode.
+ */
+export * from './public_api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9saWJzL2Rlc2lnbi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7OztHQUdHO0FBQ0gsY0FBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIFRoaXMgaXMgYSBmaWxsZXIgZmlsZSBmb3IgbWFraW5nIHRoZVxuICogZGVtbyB3b3JrIGluIGRldiBtb2RlLlxuICovXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpY19hcGknO1xuIl19

package/esm2022/input/examples/basic-input/basic-input.component.mjs

@@ -1,12 +1,13 @@
 import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import { DaffInputModule } from '@daffodil/design';
 import * as i0 from "@angular/core";
 import * as i1 from "@daffodil/design";
 export class BasicInputComponent {
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: BasicInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: BasicInputComponent, selector: "basic-input", ngImport: i0, template: "<input daff-input type=\"text\" placeholder=\"Email\" name=\"email\" />", dependencies: [{ kind: "component", type: i1.DaffInputComponent, selector: "input[daff-input]", inputs: ["formSubmitted"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: BasicInputComponent, isStandalone: true, selector: "basic-input", ngImport: i0, template: "<input daff-input type=\"text\" placeholder=\"Email\" name=\"email\" />", dependencies: [{ kind: "ngmodule", type: DaffInputModule }, { kind: "component", type: i1.DaffInputComponent, selector: "input[daff-input]", inputs: ["formSubmitted"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: BasicInputComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'basic-input', changeDetection: ChangeDetectionStrategy.OnPush, template: "<input daff-input type=\"text\" placeholder=\"Email\" name=\"email\" />" }]
+            args: [{ selector: 'basic-input', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [DaffInputModule], template: "<input daff-input type=\"text\" placeholder=\"Email\" name=\"email\" />" }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzaWMtaW5wdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vaW5wdXQvZXhhbXBsZXMvc3JjL2Jhc2ljLWlucHV0L2Jhc2ljLWlucHV0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2lucHV0L2V4YW1wbGVzL3NyYy9iYXNpYy1pbnB1dC9iYXNpYy1pbnB1dC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQzs7O0FBUXZCLE1BQU0sT0FBTyxtQkFBbUI7a0lBQW5CLG1CQUFtQjtzSEFBbkIsbUJBQW1CLG1EQ1hoQyx5RUFBaUU7OzRGRFdwRCxtQkFBbUI7a0JBTi9CLFNBQVM7K0JBRUUsYUFBYSxtQkFFTix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ2Jhc2ljLWlucHV0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2Jhc2ljLWlucHV0LmNvbXBvbmVudC5odG1sJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEJhc2ljSW5wdXRDb21wb25lbnQge1xuXG59XG4iLCI8aW5wdXQgZGFmZi1pbnB1dCB0eXBlPVwidGV4dFwiIHBsYWNlaG9sZGVyPVwiRW1haWxcIiBuYW1lPVwiZW1haWxcIiAvPiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzaWMtaW5wdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vaW5wdXQvZXhhbXBsZXMvc3JjL2Jhc2ljLWlucHV0L2Jhc2ljLWlucHV0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2lucHV0L2V4YW1wbGVzL3NyYy9iYXNpYy1pbnB1dC9iYXNpYy1pbnB1dC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sa0JBQWtCLENBQUM7OztBQVVuRCxNQUFNLE9BQU8sbUJBQW1CO2tJQUFuQixtQkFBbUI7c0hBQW5CLG1CQUFtQix1RUNmaEMseUVBQWlFLDJDRGFyRCxlQUFlOzs0RkFFZCxtQkFBbUI7a0JBUi9CLFNBQVM7K0JBRUUsYUFBYSxtQkFFTix1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLElBQUksV0FDUCxDQUFDLGVBQWUsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBEYWZmSW5wdXRNb2R1bGUgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnYmFzaWMtaW5wdXQnLFxuICB0ZW1wbGF0ZVVybDogJy4vYmFzaWMtaW5wdXQuY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0RhZmZJbnB1dE1vZHVsZV0sXG59KVxuZXhwb3J0IGNsYXNzIEJhc2ljSW5wdXRDb21wb25lbnQge1xuXG59XG4iLCI8aW5wdXQgZGFmZi1pbnB1dCB0eXBlPVwidGV4dFwiIHBsYWNlaG9sZGVyPVwiRW1haWxcIiBuYW1lPVwiZW1haWxcIiAvPiJdfQ==