@daffodil/design 0.74.0 → 0.76.0

package/esm2022/hero/examples/hero-text-alignment/hero-text-alignment.component.mjs

@@ -1,13 +1,16 @@
+import { NgFor } from '@angular/common';
 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 { DaffContainerModule } from '@daffodil/design/container';
+import { DaffHeroModule } from '@daffodil/design/hero';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@angular/forms";
-import * as i3 from "@daffodil/design/hero";
-import * as i4 from "@daffodil/design/container";
-import * as i5 from "@daffodil/design/button";
-import * as i6 from "@fortawesome/angular-fontawesome";
+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 "@angular/forms";
 export class HeroTextAlignmentComponent {
     constructor() {
         this.faMobile = faMobile;
@@ -20,10 +23,17 @@ export class HeroTextAlignmentComponent {
         ];
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: HeroTextAlignmentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: HeroTextAlignmentComponent, selector: "hero-text-alignment", ngImport: i0, template: "<daff-hero [textAlignment]=\"textAlignControl.value\">\n\t<daff-container size=\"md\">\n\t\t<div class=\"daff-hero-text-alignment__icon\" daffHeroIcon>\n\t\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t\t</div>\n\t\t<p daffHeroTagline>Frontend framework for ecommerce PWAs</p>\n\t\t<h1 daffHeroTitle>Daffodil: The next great leap in ecommerce.</h1>\n\t\t<h2 daffHeroSubtitle>\n\t\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t\t</h2>\n\t\t<div daffHeroBody>\n\t\t\t<a href=\"https://www.daff.io\" target=\"_blank\" daff-button>Get Started</a>\n\t\t</div>\n\t</daff-container>\n</daff-hero>\n\n<select [formControl]=\"textAlignControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: [".daff-hero-text-alignment__icon{display:flex;background:rgba(var(--daff-theme-rgb),.2);border-radius:50%;color:var(--daff-theme-contrast-rgb);width:48px;height:48px;justify-content:center;align-items:center;padding:12px 0}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3.DaffHeroComponent, selector: "daff-hero", inputs: ["color", "compact", "textAlignment"] }, { kind: "directive", type: i3.DaffHeroIconDirective, selector: "[daffHeroIcon]" }, { kind: "directive", type: i3.DaffHeroTaglineDirective, selector: "[daffHeroTagline]" }, { kind: "directive", type: i3.DaffHeroTitleDirective, selector: "[daffHeroTitle]" }, { kind: "directive", type: i3.DaffHeroSubtitleDirective, selector: "[daffHeroSubtitle]" }, { kind: "directive", type: i3.DaffHeroBodyDirective, selector: "[daffHeroBody]" }, { kind: "component", type: i4.DaffContainerComponent, selector: "daff-container", inputs: ["size"] }, { kind: "component", type: i5.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: i6.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: HeroTextAlignmentComponent, isStandalone: true, selector: "hero-text-alignment", ngImport: i0, template: "<daff-hero [textAlignment]=\"textAlignControl.value\">\n\t<daff-container size=\"md\">\n\t\t<div class=\"daff-hero-text-alignment__icon\" daffHeroIcon>\n\t\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t\t</div>\n\t\t<p daffHeroTagline>Frontend framework for ecommerce PWAs</p>\n\t\t<h1 daffHeroTitle>Daffodil: The next great leap in ecommerce.</h1>\n\t\t<h2 daffHeroSubtitle>\n\t\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t\t</h2>\n\t\t<div daffHeroBody>\n\t\t\t<a href=\"https://www.daff.io\" target=\"_blank\" daff-button>Get Started</a>\n\t\t</div>\n\t</daff-container>\n</daff-hero>\n\n<select [formControl]=\"textAlignControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: [".daff-hero-text-alignment__icon{display:flex;background:rgba(var(--daff-theme-rgb),.2);border-radius:50%;color:var(--daff-theme-contrast-rgb);width:48px;height:48px;justify-content:center;align-items:center;padding:12px 0}\n"], dependencies: [{ kind: "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"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: HeroTextAlignmentComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'hero-text-alignment', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-hero [textAlignment]=\"textAlignControl.value\">\n\t<daff-container size=\"md\">\n\t\t<div class=\"daff-hero-text-alignment__icon\" daffHeroIcon>\n\t\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t\t</div>\n\t\t<p daffHeroTagline>Frontend framework for ecommerce PWAs</p>\n\t\t<h1 daffHeroTitle>Daffodil: The next great leap in ecommerce.</h1>\n\t\t<h2 daffHeroSubtitle>\n\t\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t\t</h2>\n\t\t<div daffHeroBody>\n\t\t\t<a href=\"https://www.daff.io\" target=\"_blank\" daff-button>Get Started</a>\n\t\t</div>\n\t</daff-container>\n</daff-hero>\n\n<select [formControl]=\"textAlignControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: [".daff-hero-text-alignment__icon{display:flex;background:rgba(var(--daff-theme-rgb),.2);border-radius:50%;color:var(--daff-theme-contrast-rgb);width:48px;height:48px;justify-content:center;align-items:center;padding:12px 0}\n"] }]
+            args: [{ selector: 'hero-text-alignment', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        DaffHeroModule,
+                        DaffContainerModule,
+                        FaIconComponent,
+                        DaffButtonModule,
+                        ReactiveFormsModule,
+                        NgFor,
+                    ], template: "<daff-hero [textAlignment]=\"textAlignControl.value\">\n\t<daff-container size=\"md\">\n\t\t<div class=\"daff-hero-text-alignment__icon\" daffHeroIcon>\n\t\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t\t</div>\n\t\t<p daffHeroTagline>Frontend framework for ecommerce PWAs</p>\n\t\t<h1 daffHeroTitle>Daffodil: The next great leap in ecommerce.</h1>\n\t\t<h2 daffHeroSubtitle>\n\t\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t\t</h2>\n\t\t<div daffHeroBody>\n\t\t\t<a href=\"https://www.daff.io\" target=\"_blank\" daff-button>Get Started</a>\n\t\t</div>\n\t</daff-container>\n</daff-hero>\n\n<select [formControl]=\"textAlignControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: [".daff-hero-text-alignment__icon{display:flex;background:rgba(var(--daff-theme-rgb),.2);border-radius:50%;color:var(--daff-theme-contrast-rgb);width:48px;height:48px;justify-content:center;align-items:center;padding:12px 0}\n"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVyby10ZXh0LWFsaWdubWVudC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9oZXJvL2V4YW1wbGVzL3NyYy9oZXJvLXRleHQtYWxpZ25tZW50L2hlcm8tdGV4dC1hbGlnbm1lbnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vaGVyby9leGFtcGxlcy9zcmMvaGVyby10ZXh0LWFsaWdubWVudC9oZXJvLXRleHQtYWxpZ25tZW50LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3BELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQzs7Ozs7Ozs7QUFTN0QsTUFBTSxPQUFPLDBCQUEwQjtJQVB2QztRQVFFLGFBQVEsR0FBRyxRQUFRLENBQUM7UUFDcEIscUJBQWdCLEdBQXVCLElBQUksa0JBQWtCLENBQUMsRUFBRSxDQUFDLENBQUM7UUFFbEUsWUFBTyxHQUFHO1lBQ1IsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUU7WUFDL0IsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUU7WUFDaEMsRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUU7WUFDcEMsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUU7U0FDbkMsQ0FBQztLQUNIO2tJQVZZLDBCQUEwQjtzSEFBMUIsMEJBQTBCLDJEQ2R2QyxxNkJBbUJTOzs0RkRMSSwwQkFBMEI7a0JBUHRDLFNBQVM7K0JBRUUscUJBQXFCLG1CQUdkLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFVudHlwZWRGb3JtQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IGZhTW9iaWxlIH0gZnJvbSAnQGZvcnRhd2Vzb21lL2ZyZWUtc29saWQtc3ZnLWljb25zJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnaGVyby10ZXh0LWFsaWdubWVudCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9oZXJvLXRleHQtYWxpZ25tZW50LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vaGVyby10ZXh0LWFsaWdubWVudC5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgSGVyb1RleHRBbGlnbm1lbnRDb21wb25lbnQge1xuICBmYU1vYmlsZSA9IGZhTW9iaWxlO1xuICB0ZXh0QWxpZ25Db250cm9sOiBVbnR5cGVkRm9ybUNvbnRyb2wgPSBuZXcgVW50eXBlZEZvcm1Db250cm9sKCcnKTtcblxuICBvcHRpb25zID0gW1xuICAgIHsgdmFsdWU6ICcnLCBsYWJlbDogJ0RlZmF1bHQnIH0sXG4gICAgeyB2YWx1ZTogJ2xlZnQnLCBsYWJlbDogJ0xlZnQnIH0sXG4gICAgeyB2YWx1ZTogJ2NlbnRlcicsIGxhYmVsOiAnQ2VudGVyJyB9LFxuICAgIHsgdmFsdWU6ICdyaWdodCcsIGxhYmVsOiAnUmlnaHQnIH0sXG4gIF07XG59XG4iLCI8ZGFmZi1oZXJvIFt0ZXh0QWxpZ25tZW50XT1cInRleHRBbGlnbkNvbnRyb2wudmFsdWVcIj5cblx0PGRhZmYtY29udGFpbmVyIHNpemU9XCJtZFwiPlxuXHRcdDxkaXYgY2xhc3M9XCJkYWZmLWhlcm8tdGV4dC1hbGlnbm1lbnRfX2ljb25cIiBkYWZmSGVyb0ljb24+XG5cdFx0XHQ8ZmEtaWNvbiBbaWNvbl09XCJmYU1vYmlsZVwiPjwvZmEtaWNvbj5cblx0XHQ8L2Rpdj5cblx0XHQ8cCBkYWZmSGVyb1RhZ2xpbmU+RnJvbnRlbmQgZnJhbWV3b3JrIGZvciBlY29tbWVyY2UgUFdBczwvcD5cblx0XHQ8aDEgZGFmZkhlcm9UaXRsZT5EYWZmb2RpbDogVGhlIG5leHQgZ3JlYXQgbGVhcCBpbiBlY29tbWVyY2UuPC9oMT5cblx0XHQ8aDIgZGFmZkhlcm9TdWJ0aXRsZT5cblx0XHRcdDxwPkRhZmZvZGlsIHByb3ZpZGVzIGV2ZXJ5dGhpbmcgeW91IG5lZWQgdG8gY3JlYXRlIHBvd2VyZnVsIGFuZCBmbGV4aWJsZSBlY29tbWVyY2UgZXhwZXJpZW5jZXMuPC9wPlxuXHRcdFx0PHA+V2l0aCBEYWZmb2RpbCwgYW1iaXRpb3VzIGJ1c2luZXNzZXMgYXJlIGFibGUgdG8gYWNoaWV2ZSBtb3JlIHdoaWxlIG1pbmltaXppbmcgZGV2ZWxvcG1lbnQgYW5kIG1haW50ZW5hbmNlIGNvc3RzLjwvcD5cblx0XHQ8L2gyPlxuXHRcdDxkaXYgZGFmZkhlcm9Cb2R5PlxuXHRcdFx0PGEgaHJlZj1cImh0dHBzOi8vd3d3LmRhZmYuaW9cIiB0YXJnZXQ9XCJfYmxhbmtcIiBkYWZmLWJ1dHRvbj5HZXQgU3RhcnRlZDwvYT5cblx0XHQ8L2Rpdj5cblx0PC9kYWZmLWNvbnRhaW5lcj5cbjwvZGFmZi1oZXJvPlxuXG48c2VsZWN0IFtmb3JtQ29udHJvbF09XCJ0ZXh0QWxpZ25Db250cm9sXCI+XG5cdDxvcHRpb24gKm5nRm9yPVwibGV0IG9wdGlvbiBvZiBvcHRpb25zXCIgW3ZhbHVlXT1cIm9wdGlvbi52YWx1ZVwiPnt7IG9wdGlvbi5sYWJlbCB9fTwvb3B0aW9uPlxuPC9zZWxlY3Q+Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVyby10ZXh0LWFsaWdubWVudC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9oZXJvL2V4YW1wbGVzL3NyYy9oZXJvLXRleHQtYWxpZ25tZW50L2hlcm8tdGV4dC1hbGlnbm1lbnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vaGVyby9leGFtcGxlcy9zcmMvaGVyby10ZXh0LWFsaWdubWVudC9oZXJvLXRleHQtYWxpZ25tZW50LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUN4QyxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQ0wsa0JBQWtCLEVBQ2xCLG1CQUFtQixHQUNwQixNQUFNLGdCQUFnQixDQUFDO0FBQ3hCLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNuRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFFN0QsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDM0QsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDakUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHVCQUF1QixDQUFDOzs7Ozs7QUFrQnZELE1BQU0sT0FBTywwQkFBMEI7SUFoQnZDO1FBaUJFLGFBQVEsR0FBRyxRQUFRLENBQUM7UUFDcEIscUJBQWdCLEdBQXVCLElBQUksa0JBQWtCLENBQUMsRUFBRSxDQUFDLENBQUM7UUFFbEUsWUFBTyxHQUFHO1lBQ1IsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUU7WUFDL0IsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUU7WUFDaEMsRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUU7WUFDcEMsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUU7U0FDbkMsQ0FBQztLQUNIO2tJQVZZLDBCQUEwQjtzSEFBMUIsMEJBQTBCLCtFQ2hDdkMscTZCQW1CUyx5UkRLTCxjQUFjLHVoQkFDZCxtQkFBbUIsbUhBQ25CLGVBQWUsaVBBQ2YsZ0JBQWdCLHFhQUNoQixtQkFBbUIscXRCQUNuQixLQUFLOzs0RkFHSSwwQkFBMEI7a0JBaEJ0QyxTQUFTOytCQUVFLHFCQUFxQixtQkFHZCx1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLElBQUksV0FDUDt3QkFDUCxjQUFjO3dCQUNkLG1CQUFtQjt3QkFDbkIsZUFBZTt3QkFDZixnQkFBZ0I7d0JBQ2hCLG1CQUFtQjt3QkFDbkIsS0FBSztxQkFDTiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nRm9yIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgVW50eXBlZEZvcm1Db250cm9sLFxuICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxufSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBGYUljb25Db21wb25lbnQgfSBmcm9tICdAZm9ydGF3ZXNvbWUvYW5ndWxhci1mb250YXdlc29tZSc7XG5pbXBvcnQgeyBmYU1vYmlsZSB9IGZyb20gJ0Bmb3J0YXdlc29tZS9mcmVlLXNvbGlkLXN2Zy1pY29ucyc7XG5cbmltcG9ydCB7IERhZmZCdXR0b25Nb2R1bGUgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduL2J1dHRvbic7XG5pbXBvcnQgeyBEYWZmQ29udGFpbmVyTW9kdWxlIH0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbi9jb250YWluZXInO1xuaW1wb3J0IHsgRGFmZkhlcm9Nb2R1bGUgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduL2hlcm8nO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdoZXJvLXRleHQtYWxpZ25tZW50JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2hlcm8tdGV4dC1hbGlnbm1lbnQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9oZXJvLXRleHQtYWxpZ25tZW50LmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgRGFmZkhlcm9Nb2R1bGUsXG4gICAgRGFmZkNvbnRhaW5lck1vZHVsZSxcbiAgICBGYUljb25Db21wb25lbnQsXG4gICAgRGFmZkJ1dHRvbk1vZHVsZSxcbiAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxuICAgIE5nRm9yLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBIZXJvVGV4dEFsaWdubWVudENvbXBvbmVudCB7XG4gIGZhTW9iaWxlID0gZmFNb2JpbGU7XG4gIHRleHRBbGlnbkNvbnRyb2w6IFVudHlwZWRGb3JtQ29udHJvbCA9IG5ldyBVbnR5cGVkRm9ybUNvbnRyb2woJycpO1xuXG4gIG9wdGlvbnMgPSBbXG4gICAgeyB2YWx1ZTogJycsIGxhYmVsOiAnRGVmYXVsdCcgfSxcbiAgICB7IHZhbHVlOiAnbGVmdCcsIGxhYmVsOiAnTGVmdCcgfSxcbiAgICB7IHZhbHVlOiAnY2VudGVyJywgbGFiZWw6ICdDZW50ZXInIH0sXG4gICAgeyB2YWx1ZTogJ3JpZ2h0JywgbGFiZWw6ICdSaWdodCcgfSxcbiAgXTtcbn1cbiIsIjxkYWZmLWhlcm8gW3RleHRBbGlnbm1lbnRdPVwidGV4dEFsaWduQ29udHJvbC52YWx1ZVwiPlxuXHQ8ZGFmZi1jb250YWluZXIgc2l6ZT1cIm1kXCI+XG5cdFx0PGRpdiBjbGFzcz1cImRhZmYtaGVyby10ZXh0LWFsaWdubWVudF9faWNvblwiIGRhZmZIZXJvSWNvbj5cblx0XHRcdDxmYS1pY29uIFtpY29uXT1cImZhTW9iaWxlXCI+PC9mYS1pY29uPlxuXHRcdDwvZGl2PlxuXHRcdDxwIGRhZmZIZXJvVGFnbGluZT5Gcm9udGVuZCBmcmFtZXdvcmsgZm9yIGVjb21tZXJjZSBQV0FzPC9wPlxuXHRcdDxoMSBkYWZmSGVyb1RpdGxlPkRhZmZvZGlsOiBUaGUgbmV4dCBncmVhdCBsZWFwIGluIGVjb21tZXJjZS48L2gxPlxuXHRcdDxoMiBkYWZmSGVyb1N1YnRpdGxlPlxuXHRcdFx0PHA+RGFmZm9kaWwgcHJvdmlkZXMgZXZlcnl0aGluZyB5b3UgbmVlZCB0byBjcmVhdGUgcG93ZXJmdWwgYW5kIGZsZXhpYmxlIGVjb21tZXJjZSBleHBlcmllbmNlcy48L3A+XG5cdFx0XHQ8cD5XaXRoIERhZmZvZGlsLCBhbWJpdGlvdXMgYnVzaW5lc3NlcyBhcmUgYWJsZSB0byBhY2hpZXZlIG1vcmUgd2hpbGUgbWluaW1pemluZyBkZXZlbG9wbWVudCBhbmQgbWFpbnRlbmFuY2UgY29zdHMuPC9wPlxuXHRcdDwvaDI+XG5cdFx0PGRpdiBkYWZmSGVyb0JvZHk+XG5cdFx0XHQ8YSBocmVmPVwiaHR0cHM6Ly93d3cuZGFmZi5pb1wiIHRhcmdldD1cIl9ibGFua1wiIGRhZmYtYnV0dG9uPkdldCBTdGFydGVkPC9hPlxuXHRcdDwvZGl2PlxuXHQ8L2RhZmYtY29udGFpbmVyPlxuPC9kYWZmLWhlcm8+XG5cbjxzZWxlY3QgW2Zvcm1Db250cm9sXT1cInRleHRBbGlnbkNvbnRyb2xcIj5cblx0PG9wdGlvbiAqbmdGb3I9XCJsZXQgb3B0aW9uIG9mIG9wdGlvbnNcIiBbdmFsdWVdPVwib3B0aW9uLnZhbHVlXCI+e3sgb3B0aW9uLmxhYmVsIH19PC9vcHRpb24+XG48L3NlbGVjdD4iXX0=

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=