@daffodil/design 0.71.0 → 0.72.0

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

@@ -10,7 +10,7 @@ export class CalloutWithGridComponent {
         this.faMobile = faMobile;
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: CalloutWithGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: CalloutWithGridComponent, selector: "callout-with-grid", ngImport: i0, template: "<daff-callout color=\"theme\">\n\t<daff-container class=\"daff-callout-with-grid__grid\">\n\t\t<div class=\"daff-callout-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-callout-with-grid__content-wrapper\">\n\t\t\t<div class=\"daff-callout-with-grid__icon\" daffCalloutIcon>\n\t\t\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t\t\t</div>\n\t\t\t<div daffCalloutTagline>Frontend framework for ecommerce PWAs</div>\n\t\t\t<h3 daffCalloutTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t\t\t<div daffCalloutSubtitle>\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 daffCalloutBody>\n\t\t\t\t<div class=\"daff-callout-with-grid__actions\">\n\t\t\t\t\t<a daff-button color=\"theme-contrast\" href=\"https://www.daff.io\" class=\"daff-callout-with-grid__daffodil-action\">What is Daffodil?</a>\n\t\t\t\t\t<a daff-underline-button color=\"theme-contrast\" routerLink=\"/contact\" class=\"daff-callout-with-grid__demo-action\">Sign up for a demo</a>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</daff-container>\n</daff-callout>", styles: [".daff-callout-with-grid__grid{display:grid;grid-template:\"image\" \"content\"/1fr;grid-gap:24px}@media (min-width: 768px){.daff-callout-with-grid__grid{grid-template:\"image content\"/1fr 1fr;grid-gap:48px}}.daff-callout-with-grid__image{grid-area:image}.daff-callout-with-grid__content-wrapper{grid-area:content}.daff-callout-with-grid__actions{display:flex;flex-direction:column}@media (min-width: 480px){.daff-callout-with-grid__actions{flex-direction:row;align-items:center}}.daff-callout-with-grid__daffodil-action{margin:0 0 24px}@media (min-width: 480px){.daff-callout-with-grid__daffodil-action{margin:0 24px 0 0}}.daff-callout-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.DaffCalloutComponent, selector: "daff-callout", inputs: ["color", "compact", "textAlignment", "layout", "size"] }, { kind: "directive", type: i1.DaffCalloutIconDirective, selector: "[daffCalloutIcon]" }, { kind: "directive", type: i1.DaffCalloutSubtitleDirective, selector: "[daffCalloutSubtitle]" }, { kind: "directive", type: i1.DaffCalloutTitleDirective, selector: "[daffCalloutTitle]" }, { kind: "directive", type: i1.DaffCalloutTaglineDirective, selector: "[daffCalloutTagline]" }, { kind: "directive", type: i1.DaffCalloutBodyDirective, selector: "[daffCalloutBody]" }, { 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: CalloutWithGridComponent, selector: "callout-with-grid", ngImport: i0, template: "<daff-callout color=\"theme\">\n\t<daff-container class=\"daff-callout-with-grid__grid\">\n\t\t<div class=\"daff-callout-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-callout-with-grid__content-wrapper\">\n\t\t\t<div class=\"daff-callout-with-grid__icon\" daffCalloutIcon>\n\t\t\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t\t\t</div>\n\t\t\t<div daffCalloutTagline>Frontend framework for ecommerce PWAs</div>\n\t\t\t<h3 daffCalloutTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t\t\t<div daffCalloutSubtitle>\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 daffCalloutBody>\n\t\t\t\t<div class=\"daff-callout-with-grid__actions\">\n\t\t\t\t\t<a daff-button color=\"theme-contrast\" href=\"https://www.daff.io\" class=\"daff-callout-with-grid__daffodil-action\">What is Daffodil?</a>\n\t\t\t\t\t<a daff-underline-button color=\"theme-contrast\" routerLink=\"/contact\" class=\"daff-callout-with-grid__demo-action\">Sign up for a demo</a>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</daff-container>\n</daff-callout>", styles: [".daff-callout-with-grid__grid{display:grid;grid-template:\"image\" \"content\"/1fr;grid-gap:24px}@media (min-width: 768px){.daff-callout-with-grid__grid{grid-template:\"image content\"/1fr 1fr;grid-gap:48px}}.daff-callout-with-grid__image{grid-area:image}.daff-callout-with-grid__content-wrapper{grid-area:content}.daff-callout-with-grid__actions{display:flex;flex-direction:column}@media (min-width: 480px){.daff-callout-with-grid__actions{flex-direction:row;align-items:center}}.daff-callout-with-grid__daffodil-action{margin:0 0 24px}@media (min-width: 480px){.daff-callout-with-grid__daffodil-action{margin:0 24px 0 0}}.daff-callout-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.DaffCalloutComponent, selector: "daff-callout", inputs: ["color", "compact", "textAlignment"] }, { kind: "directive", type: i1.DaffCalloutIconDirective, selector: "[daffCalloutIcon]" }, { kind: "directive", type: i1.DaffCalloutSubtitleDirective, selector: "[daffCalloutSubtitle]" }, { kind: "directive", type: i1.DaffCalloutTitleDirective, selector: "[daffCalloutTitle]" }, { kind: "directive", type: i1.DaffCalloutTaglineDirective, selector: "[daffCalloutTagline]" }, { kind: "directive", type: i1.DaffCalloutBodyDirective, selector: "[daffCalloutBody]" }, { 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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: CalloutWithGridComponent, decorators: [{
             type: Component,

package/esm2022/callout/examples/compact-callout/compact-callout.component.mjs

@@ -10,7 +10,7 @@ export class CompactCalloutComponent {
         this.faMobile = faMobile;
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: CompactCalloutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: CompactCalloutComponent, selector: "compact-callout", ngImport: i0, template: "<daff-callout [compact]=\"true\">\n\t<daff-container size=\"md\">\n\t\t<div class=\"daff-compact-callout__icon\" daffCalloutIcon>\n\t\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t\t</div>\n\t\t<div daffCalloutTagline>Frontend framework for ecommerce PWAs</div>\n\t\t<h3 daffCalloutTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t\t<div daffCalloutSubtitle>\n\t\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t\t</div>\n\t\t<div daffCalloutBody>\n\t\t\t<a daff-button color=\"theme-contrast\" href=\"https://www.daff.io\">What is Daffodil?</a>\n\t\t</div>\n\t</daff-container>\n</daff-callout>", styles: [".daff-compact-callout__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.DaffCalloutComponent, selector: "daff-callout", inputs: ["color", "compact", "textAlignment", "layout", "size"] }, { kind: "directive", type: i1.DaffCalloutIconDirective, selector: "[daffCalloutIcon]" }, { kind: "directive", type: i1.DaffCalloutSubtitleDirective, selector: "[daffCalloutSubtitle]" }, { kind: "directive", type: i1.DaffCalloutTitleDirective, selector: "[daffCalloutTitle]" }, { kind: "directive", type: i1.DaffCalloutTaglineDirective, selector: "[daffCalloutTagline]" }, { kind: "directive", type: i1.DaffCalloutBodyDirective, selector: "[daffCalloutBody]" }, { 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: CompactCalloutComponent, selector: "compact-callout", ngImport: i0, template: "<daff-callout [compact]=\"true\">\n\t<daff-container size=\"md\">\n\t\t<div class=\"daff-compact-callout__icon\" daffCalloutIcon>\n\t\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t\t</div>\n\t\t<div daffCalloutTagline>Frontend framework for ecommerce PWAs</div>\n\t\t<h3 daffCalloutTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t\t<div daffCalloutSubtitle>\n\t\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t\t</div>\n\t\t<div daffCalloutBody>\n\t\t\t<a daff-button color=\"theme-contrast\" href=\"https://www.daff.io\">What is Daffodil?</a>\n\t\t</div>\n\t</daff-container>\n</daff-callout>", styles: [".daff-compact-callout__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.DaffCalloutComponent, selector: "daff-callout", inputs: ["color", "compact", "textAlignment"] }, { kind: "directive", type: i1.DaffCalloutIconDirective, selector: "[daffCalloutIcon]" }, { kind: "directive", type: i1.DaffCalloutSubtitleDirective, selector: "[daffCalloutSubtitle]" }, { kind: "directive", type: i1.DaffCalloutTitleDirective, selector: "[daffCalloutTitle]" }, { kind: "directive", type: i1.DaffCalloutTaglineDirective, selector: "[daffCalloutTagline]" }, { kind: "directive", type: i1.DaffCalloutBodyDirective, selector: "[daffCalloutBody]" }, { 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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: CompactCalloutComponent, decorators: [{
             type: Component,

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

@@ -9,7 +9,7 @@ export class CompactHeroComponent {
         this.faMobile = faMobile;
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: CompactHeroComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: CompactHeroComponent, selector: "compact-hero", ngImport: i0, template: "<daff-hero [compact]=\"true\">\n\t<div class=\"daff-compact-hero__icon\" daffHeroIcon>\n\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t</div>\n\t<p daffHeroTagline>Frontend framework for ecommerce PWAs</p>\n\t<h1 daffHeroTitle>Daffodil: The next great leap in ecommerce.</h1>\n\t<h2 daffHeroSubtitle>\n\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t</h2>\n\t<div daffHeroBody>\n\t\t<a href=\"https://www.daff.io\" target=\"_blank\" daff-button>Get Started</a>\n\t</div>\n</daff-hero>", styles: [".daff-compact-hero__icon{display:flex;background:rgba(var(--daff-theme-rgb),.2);border-radius:50%;color:var(--daff-theme-contrast-rgb);width:48px;height:48px;justify-content:center;align-items:center;padding:12px 0}\n"], dependencies: [{ kind: "component", type: i1.DaffHeroComponent, selector: "daff-hero", inputs: ["color", "compact", "textAlignment", "layout", "size"] }, { 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.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: i3.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: CompactHeroComponent, selector: "compact-hero", ngImport: i0, template: "<daff-hero [compact]=\"true\">\n\t<div class=\"daff-compact-hero__icon\" daffHeroIcon>\n\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t</div>\n\t<p daffHeroTagline>Frontend framework for ecommerce PWAs</p>\n\t<h1 daffHeroTitle>Daffodil: The next great leap in ecommerce.</h1>\n\t<h2 daffHeroSubtitle>\n\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t</h2>\n\t<div daffHeroBody>\n\t\t<a href=\"https://www.daff.io\" target=\"_blank\" daff-button>Get Started</a>\n\t</div>\n</daff-hero>", styles: [".daff-compact-hero__icon{display:flex;background:rgba(var(--daff-theme-rgb),.2);border-radius:50%;color:var(--daff-theme-contrast-rgb);width:48px;height:48px;justify-content:center;align-items:center;padding:12px 0}\n"], dependencies: [{ kind: "component", type: i1.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.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: i3.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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: CompactHeroComponent, decorators: [{
             type: Component,

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

@@ -20,7 +20,7 @@ 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", "layout", "size"] }, { 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, 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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: HeroTextAlignmentComponent, decorators: [{
             type: Component,

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

@@ -13,7 +13,7 @@ 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", "layout", "size"] }, { 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, 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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: HeroThemingComponent, decorators: [{
             type: Component,

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

@@ -10,7 +10,7 @@ export class HeroWithGridComponent {
         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", "layout", "size"] }, { 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, 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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: HeroWithGridComponent, decorators: [{
             type: Component,

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

@@ -1,15 +1,6 @@
-import { Component, ViewEncapsulation, Input, ElementRef, ChangeDetectionStrategy, HostBinding, Renderer2, } from '@angular/core';
+import { Component, ViewEncapsulation, ElementRef, ChangeDetectionStrategy, HostBinding, Renderer2, } from '@angular/core';
 import { daffArticleEncapsulatedMixin, daffColorMixin, daffCompactableMixin, daffManageContainerLayoutMixin, daffTextAlignmentMixin, } from '@daffodil/design';
 import * as i0 from "@angular/core";
-export var DaffHeroLayoutEnum;
-(function (DaffHeroLayoutEnum) {
-    DaffHeroLayoutEnum["Centered"] = "centered";
-})(DaffHeroLayoutEnum || (DaffHeroLayoutEnum = {}));
-export var DaffHeroSizeEnum;
-(function (DaffHeroSizeEnum) {
-    DaffHeroSizeEnum["Compact"] = "compact";
-    DaffHeroSizeEnum["Small"] = "small";
-})(DaffHeroSizeEnum || (DaffHeroSizeEnum = {}));
 /**
  * An _elementRef and an instance of renderer2 are needed for the hero mixins
  */
@@ -33,36 +24,14 @@ export class DaffHeroComponent extends _daffHeroBase {
          */
         this.class = true;
     }
-    /**
-     * @deprecated See {@link DaffTextAlignable}
-     */
-    get centered() {
-        return this.layout === DaffHeroLayoutEnum.Centered;
-    }
-    /**
-     * @deprecated See {@link DaffCompactable}
-     */
-    get compactClass() {
-        return this.size === DaffHeroSizeEnum.Compact || this.compact === true || this.size === DaffHeroSizeEnum.Small;
-    }
     /** @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", layout: "layout", size: "size" }, host: { properties: { "class.daff-hero": "this.class", "class.daff-hero--centered": "this.centered", "class.daff-hero--compact": "this.compactClass" } }, 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--centered .daff-hero__title{margin:0 auto;text-align:center}.daff-hero--centered .daff-hero__subtitle{margin:24px auto 0;text-align:center}.daff-hero--small,.daff-hero--compact{padding:50px 25px}@media (min-width: 480px){.daff-hero--small,.daff-hero--compact{padding:50px}}.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.ɵ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 }); }
 }
 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--centered .daff-hero__title{margin:0 auto;text-align:center}.daff-hero--centered .daff-hero__subtitle{margin:24px auto 0;text-align:center}.daff-hero--small,.daff-hero--compact{padding:50px 25px}@media (min-width: 480px){.daff-hero--small,.daff-hero--compact{padding:50px}}.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: { layout: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], class: [{
+            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: [{
                 type: HostBinding,
                 args: ['class.daff-hero']
-            }], centered: [{
-                type: HostBinding,
-                args: ['class.daff-hero--centered']
-            }], compactClass: [{
-                type: HostBinding,
-                args: ['class.daff-hero--compact']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVyby5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9oZXJvL3NyYy9oZXJvL2hlcm8uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsaUJBQWlCLEVBQ2pCLEtBQUssRUFDTCxVQUFVLEVBQ1YsdUJBQXVCLEVBQ3ZCLFdBQVcsRUFDWCxTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUNMLDRCQUE0QixFQUU1QixjQUFjLEVBRWQsb0JBQW9CLEVBQ3BCLDhCQUE4QixFQUU5QixzQkFBc0IsR0FDdkIsTUFBTSxrQkFBa0IsQ0FBQzs7QUFNMUIsTUFBTSxDQUFOLElBQVksa0JBRVg7QUFGRCxXQUFZLGtCQUFrQjtJQUM1QiwyQ0FBcUIsQ0FBQTtBQUN2QixDQUFDLEVBRlcsa0JBQWtCLEtBQWxCLGtCQUFrQixRQUU3QjtBQU1ELE1BQU0sQ0FBTixJQUFZLGdCQUdYO0FBSEQsV0FBWSxnQkFBZ0I7SUFDMUIsdUNBQW1CLENBQUE7SUFDbkIsbUNBQWUsQ0FBQTtBQUNqQixDQUFDLEVBSFcsZ0JBQWdCLEtBQWhCLGdCQUFnQixRQUczQjtBQUVEOztHQUVHO0FBQ0gsTUFBTSxZQUFZO0lBQ2hCLFlBQW1CLFdBQXVCLEVBQVMsU0FBb0I7UUFBcEQsZ0JBQVcsR0FBWCxXQUFXLENBQVk7UUFBUyxjQUFTLEdBQVQsU0FBUyxDQUFXO0lBQUcsQ0FBQztDQUM1RTtBQUVELE1BQU0sYUFBYSxHQUFHLDRCQUE0QixDQUFDLDhCQUE4QixDQUFDLGNBQWMsQ0FBQyxvQkFBb0IsQ0FBQyxzQkFBc0IsQ0FBQyxZQUFZLEVBQUUsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztBQUV2Szs7R0FFRztBQVdILE1BQU0sT0FBTyxpQkFBa0IsU0FBUSxhQUFhO0lBWWxELFlBQW9CLFVBQXNCLEVBQVUsUUFBbUI7UUFDckUsS0FBSyxDQUFDLFVBQVUsRUFBRSxRQUFRLENBQUMsQ0FBQztRQURWLGVBQVUsR0FBVixVQUFVLENBQVk7UUFBVSxhQUFRLEdBQVIsUUFBUSxDQUFXO1FBSXZFOztXQUVHO1FBQzZCLFVBQUssR0FBRyxJQUFJLENBQUM7SUFMN0MsQ0FBQztJQU9EOztPQUVHO0lBQ0gsSUFBOEMsUUFBUTtRQUNyRCxPQUFPLElBQUksQ0FBQyxNQUFNLEtBQUssa0JBQWtCLENBQUMsUUFBUSxDQUFDO0lBQ3BELENBQUM7SUFFRDs7T0FFRztJQUNILElBQTZDLFlBQVk7UUFDeEQsT0FBTyxJQUFJLENBQUMsSUFBSSxLQUFLLGdCQUFnQixDQUFDLE9BQU8sSUFBSSxJQUFJLENBQUMsT0FBTyxLQUFLLElBQUksSUFBSSxJQUFJLENBQUMsSUFBSSxLQUFLLGdCQUFnQixDQUFDLEtBQUssQ0FBQztJQUNoSCxDQUFDO2tJQWpDVSxpQkFBaUI7c0hBQWpCLGlCQUFpQixrVkFSbEIsMkJBQTJCOzs0RkFRMUIsaUJBQWlCO2tCQVY3QixTQUFTOytCQUNFLFdBQVcsWUFDWCwyQkFBMkIsaUJBRXRCLGlCQUFpQixDQUFDLElBQUksVUFHN0IsQ0FBQyxPQUFPLEVBQUUsU0FBUyxFQUFFLGVBQWUsQ0FBQyxtQkFDNUIsdUJBQXVCLENBQUMsTUFBTTt1R0FPdEMsTUFBTTtzQkFBZCxLQUFLO2dCQUtHLElBQUk7c0JBQVosS0FBSztnQkFTMEIsS0FBSztzQkFBcEMsV0FBVzt1QkFBQyxpQkFBaUI7Z0JBS2dCLFFBQVE7c0JBQXJELFdBQVc7dUJBQUMsMkJBQTJCO2dCQU9LLFlBQVk7c0JBQXhELFdBQVc7dUJBQUMsMEJBQTBCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgSW5wdXQsXG4gIEVsZW1lbnRSZWYsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBIb3N0QmluZGluZyxcbiAgUmVuZGVyZXIyLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHtcbiAgZGFmZkFydGljbGVFbmNhcHN1bGF0ZWRNaXhpbixcbiAgRGFmZkNvbG9yYWJsZSxcbiAgZGFmZkNvbG9yTWl4aW4sXG4gIERhZmZDb21wYWN0YWJsZSxcbiAgZGFmZkNvbXBhY3RhYmxlTWl4aW4sXG4gIGRhZmZNYW5hZ2VDb250YWluZXJMYXlvdXRNaXhpbixcbiAgRGFmZlRleHRBbGlnbmFibGUsXG4gIGRhZmZUZXh0QWxpZ25tZW50TWl4aW4sXG59IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24nO1xuXG4vKipcbiAqIEBkZXByZWNhdGVkIFNlZSB7QGxpbmsgRGFmZlRleHRBbGlnbmFibGV9XG4gKi9cbmV4cG9ydCB0eXBlIERhZmZIZXJvTGF5b3V0ID0gJ2NlbnRlcmVkJyB8IHVuZGVmaW5lZDtcbmV4cG9ydCBlbnVtIERhZmZIZXJvTGF5b3V0RW51bSB7XG4gIENlbnRlcmVkID0gJ2NlbnRlcmVkJ1xufVxuXG4vKipcbiAqIEBkZXByZWNhdGVkIFNlZSB7QGxpbmsgRGFmZkNvbXBhY3RhYmxlfVxuICovXG5leHBvcnQgdHlwZSBEYWZmSGVyb1NpemUgPSAnY29tcGFjdCcgfCAnc21hbGwnIHwgdW5kZWZpbmVkO1xuZXhwb3J0IGVudW0gRGFmZkhlcm9TaXplRW51bSB7XG4gIENvbXBhY3QgPSAnY29tcGFjdCcsXG4gIFNtYWxsID0gJ3NtYWxsJ1xufVxuXG4vKipcbiAqIEFuIF9lbGVtZW50UmVmIGFuZCBhbiBpbnN0YW5jZSBvZiByZW5kZXJlcjIgYXJlIG5lZWRlZCBmb3IgdGhlIGhlcm8gbWl4aW5zXG4gKi9cbmNsYXNzIERhZmZIZXJvQmFzZSB7XG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBfZWxlbWVudFJlZjogRWxlbWVudFJlZiwgcHVibGljIF9yZW5kZXJlcjogUmVuZGVyZXIyKSB7fVxufVxuXG5jb25zdCBfZGFmZkhlcm9CYXNlID0gZGFmZkFydGljbGVFbmNhcHN1bGF0ZWRNaXhpbihkYWZmTWFuYWdlQ29udGFpbmVyTGF5b3V0TWl4aW4oZGFmZkNvbG9yTWl4aW4oZGFmZkNvbXBhY3RhYmxlTWl4aW4oZGFmZlRleHRBbGlnbm1lbnRNaXhpbihEYWZmSGVyb0Jhc2UsICdsZWZ0JykpKSkpO1xuXG4vKipcbiAqIEBpbmhlcml0ZG9jXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2RhZmYtaGVybycsXG4gIHRlbXBsYXRlOiAnPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PicsXG4gIHN0eWxlVXJsczogWycuL2hlcm8uY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgLy90b2RvKGRhbWllbndlYmRldik6IHJlbW92ZSBvbmNlIGRlY29yYXRvcnMgaGl0IHN0YWdlIDMgLSBodHRwczovL2dpdGh1Yi5jb20vbWljcm9zb2Z0L1R5cGVTY3JpcHQvaXNzdWVzLzczNDJcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9uby1pbnB1dHMtbWV0YWRhdGEtcHJvcGVydHlcbiAgaW5wdXRzOiBbJ2NvbG9yJywgJ2NvbXBhY3QnLCAndGV4dEFsaWdubWVudCddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgRGFmZkhlcm9Db21wb25lbnQgZXh0ZW5kcyBfZGFmZkhlcm9CYXNlIGltcGxlbWVudHMgRGFmZkNvbG9yYWJsZSwgRGFmZlRleHRBbGlnbmFibGUsIERhZmZDb21wYWN0YWJsZSB7XG5cbiAgLyoqXG4gICAqIEBkZXByZWNhdGVkIFNlZSB7QGxpbmsgRGFmZlRleHRBbGlnbmFibGV9XG4gICAqL1xuICBASW5wdXQoKSBsYXlvdXQ6IERhZmZIZXJvTGF5b3V0O1xuXG4gIC8qKlxuICAgKiBAZGVwcmVjYXRlZCBTZWUge0BsaW5rIERhZmZDb21wYWN0YWJsZX1cbiAgICovXG4gIEBJbnB1dCgpIHNpemU6IERhZmZIZXJvU2l6ZTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYsIHByaXZhdGUgcmVuZGVyZXI6IFJlbmRlcmVyMikge1xuICAgIHN1cGVyKGVsZW1lbnRSZWYsIHJlbmRlcmVyKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmRhZmYtaGVybycpIGNsYXNzID0gdHJ1ZTtcblxuICAvKipcbiAgICogQGRlcHJlY2F0ZWQgU2VlIHtAbGluayBEYWZmVGV4dEFsaWduYWJsZX1cbiAgICovXG4gIEBIb3N0QmluZGluZygnY2xhc3MuZGFmZi1oZXJvLS1jZW50ZXJlZCcpIGdldCBjZW50ZXJlZCgpIHtcblx0ICByZXR1cm4gdGhpcy5sYXlvdXQgPT09IERhZmZIZXJvTGF5b3V0RW51bS5DZW50ZXJlZDtcbiAgfVxuXG4gIC8qKlxuICAgKiBAZGVwcmVjYXRlZCBTZWUge0BsaW5rIERhZmZDb21wYWN0YWJsZX1cbiAgICovXG4gIEBIb3N0QmluZGluZygnY2xhc3MuZGFmZi1oZXJvLS1jb21wYWN0JykgZ2V0IGNvbXBhY3RDbGFzcygpIHtcblx0ICByZXR1cm4gdGhpcy5zaXplID09PSBEYWZmSGVyb1NpemVFbnVtLkNvbXBhY3QgfHwgdGhpcy5jb21wYWN0ID09PSB0cnVlIHx8IHRoaXMuc2l6ZSA9PT0gRGFmZkhlcm9TaXplRW51bS5TbWFsbDtcbiAgfVxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVyby5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9oZXJvL3NyYy9oZXJvL2hlcm8uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsaUJBQWlCLEVBQ2pCLFVBQVUsRUFDVix1QkFBdUIsRUFDdkIsV0FBVyxFQUNYLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQ0wsNEJBQTRCLEVBRTVCLGNBQWMsRUFFZCxvQkFBb0IsRUFDcEIsOEJBQThCLEVBRTlCLHNCQUFzQixHQUN2QixNQUFNLGtCQUFrQixDQUFDOztBQUUxQjs7R0FFRztBQUNILE1BQU0sWUFBWTtJQUNoQixZQUFtQixXQUF1QixFQUFTLFNBQW9CO1FBQXBELGdCQUFXLEdBQVgsV0FBVyxDQUFZO1FBQVMsY0FBUyxHQUFULFNBQVMsQ0FBVztJQUFHLENBQUM7Q0FDNUU7QUFFRCxNQUFNLGFBQWEsR0FBRyw0QkFBNEIsQ0FBQyw4QkFBOEIsQ0FBQyxjQUFjLENBQUMsb0JBQW9CLENBQUMsc0JBQXNCLENBQUMsWUFBWSxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7QUFFdks7O0dBRUc7QUFXSCxNQUFNLE9BQU8saUJBQWtCLFNBQVEsYUFBYTtJQUNsRCxZQUFvQixVQUFzQixFQUFVLFFBQW1CO1FBQ3JFLEtBQUssQ0FBQyxVQUFVLEVBQUUsUUFBUSxDQUFDLENBQUM7UUFEVixlQUFVLEdBQVYsVUFBVSxDQUFZO1FBQVUsYUFBUSxHQUFSLFFBQVEsQ0FBVztRQUl2RTs7V0FFRztRQUM2QixVQUFLLEdBQUcsSUFBSSxDQUFDO0lBTDdDLENBQUM7a0lBSFUsaUJBQWlCO3NIQUFqQixpQkFBaUIsbU5BUmxCLDJCQUEyQjs7NEZBUTFCLGlCQUFpQjtrQkFWN0IsU0FBUzsrQkFDRSxXQUFXLFlBQ1gsMkJBQTJCLGlCQUV0QixpQkFBaUIsQ0FBQyxJQUFJLFVBRzdCLENBQUMsT0FBTyxFQUFFLFNBQVMsRUFBRSxlQUFlLENBQUMsbUJBQzVCLHVCQUF1QixDQUFDLE1BQU07dUdBVWYsS0FBSztzQkFBcEMsV0FBVzt1QkFBQyxpQkFBaUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxuICBFbGVtZW50UmVmLFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgSG9zdEJpbmRpbmcsXG4gIFJlbmRlcmVyMixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7XG4gIGRhZmZBcnRpY2xlRW5jYXBzdWxhdGVkTWl4aW4sXG4gIERhZmZDb2xvcmFibGUsXG4gIGRhZmZDb2xvck1peGluLFxuICBEYWZmQ29tcGFjdGFibGUsXG4gIGRhZmZDb21wYWN0YWJsZU1peGluLFxuICBkYWZmTWFuYWdlQ29udGFpbmVyTGF5b3V0TWl4aW4sXG4gIERhZmZUZXh0QWxpZ25hYmxlLFxuICBkYWZmVGV4dEFsaWdubWVudE1peGluLFxufSBmcm9tICdAZGFmZm9kaWwvZGVzaWduJztcblxuLyoqXG4gKiBBbiBfZWxlbWVudFJlZiBhbmQgYW4gaW5zdGFuY2Ugb2YgcmVuZGVyZXIyIGFyZSBuZWVkZWQgZm9yIHRoZSBoZXJvIG1peGluc1xuICovXG5jbGFzcyBEYWZmSGVyb0Jhc2Uge1xuICBjb25zdHJ1Y3RvcihwdWJsaWMgX2VsZW1lbnRSZWY6IEVsZW1lbnRSZWYsIHB1YmxpYyBfcmVuZGVyZXI6IFJlbmRlcmVyMikge31cbn1cblxuY29uc3QgX2RhZmZIZXJvQmFzZSA9IGRhZmZBcnRpY2xlRW5jYXBzdWxhdGVkTWl4aW4oZGFmZk1hbmFnZUNvbnRhaW5lckxheW91dE1peGluKGRhZmZDb2xvck1peGluKGRhZmZDb21wYWN0YWJsZU1peGluKGRhZmZUZXh0QWxpZ25tZW50TWl4aW4oRGFmZkhlcm9CYXNlLCAnbGVmdCcpKSkpKTtcblxuLyoqXG4gKiBAaW5oZXJpdGRvY1xuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkYWZmLWhlcm8nLFxuICB0ZW1wbGF0ZTogJzxuZy1jb250ZW50PjwvbmctY29udGVudD4nLFxuICBzdHlsZVVybHM6IFsnLi9oZXJvLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIC8vdG9kbyhkYW1pZW53ZWJkZXYpOiByZW1vdmUgb25jZSBkZWNvcmF0b3JzIGhpdCBzdGFnZSAzIC0gaHR0cHM6Ly9naXRodWIuY29tL21pY3Jvc29mdC9UeXBlU2NyaXB0L2lzc3Vlcy83MzQyXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvbm8taW5wdXRzLW1ldGFkYXRhLXByb3BlcnR5XG4gIGlucHV0czogWydjb2xvcicsICdjb21wYWN0JywgJ3RleHRBbGlnbm1lbnQnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIERhZmZIZXJvQ29tcG9uZW50IGV4dGVuZHMgX2RhZmZIZXJvQmFzZSBpbXBsZW1lbnRzIERhZmZDb2xvcmFibGUsIERhZmZUZXh0QWxpZ25hYmxlLCBEYWZmQ29tcGFjdGFibGUge1xuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYsIHByaXZhdGUgcmVuZGVyZXI6IFJlbmRlcmVyMikge1xuICAgIHN1cGVyKGVsZW1lbnRSZWYsIHJlbmRlcmVyKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmRhZmYtaGVybycpIGNsYXNzID0gdHJ1ZTtcbn1cbiJdfQ==

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

@@ -3,7 +3,7 @@ import * as i0 from "@angular/core";
 import * as i1 from "@daffodil/design/list";
 export class BasicListComponent {
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: BasicListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: BasicListComponent, selector: "basic-list", ngImport: i0, template: "<daff-list role=\"list\">\n\t<daff-list-item>Basic list item 1</daff-list-item>\n\t<daff-list-item>Basic list item 2</daff-list-item>\n\t<daff-list-item>Basic list item 3</daff-list-item>\n</daff-list>", dependencies: [{ kind: "component", type: i1.DaffListComponent, selector: "daff-list,daff-nav-list", inputs: ["mode"] }, { kind: "component", type: i1.DaffListItemComponent, selector: "daff-list-item,a[daff-list-item]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: BasicListComponent, selector: "basic-list", ngImport: i0, template: "<daff-list role=\"list\">\n\t<daff-list-item>Basic list item 1</daff-list-item>\n\t<daff-list-item>Basic list item 2</daff-list-item>\n\t<daff-list-item>Basic list item 3</daff-list-item>\n</daff-list>", dependencies: [{ kind: "component", type: i1.DaffListComponent, selector: "daff-list,daff-nav-list" }, { kind: "component", type: i1.DaffListItemComponent, selector: "daff-list-item,a[daff-list-item]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: BasicListComponent, decorators: [{
             type: Component,

package/esm2022/list/examples/icon-list/icon-list.component.mjs

@@ -9,7 +9,7 @@ export class IconListComponent {
         this.faInfoCircle = faInfoCircle;
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: IconListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: IconListComponent, selector: "icon-list", ngImport: i0, template: "<daff-list>\n\t<daff-list-item>\n\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\tList item with icon\n\t</daff-list-item>\n</daff-list>", dependencies: [{ kind: "component", type: i1.DaffListComponent, selector: "daff-list,daff-nav-list", inputs: ["mode"] }, { kind: "component", type: i1.DaffListItemComponent, selector: "daff-list-item,a[daff-list-item]" }, { kind: "directive", type: i2.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "component", type: i3.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: IconListComponent, selector: "icon-list", ngImport: i0, template: "<daff-list>\n\t<daff-list-item>\n\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\tList item with icon\n\t</daff-list-item>\n</daff-list>", dependencies: [{ kind: "component", type: i1.DaffListComponent, selector: "daff-list,daff-nav-list" }, { kind: "component", type: i1.DaffListItemComponent, selector: "daff-list-item,a[daff-list-item]" }, { kind: "directive", type: i2.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "component", type: i3.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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: IconListComponent, decorators: [{
             type: Component,

package/esm2022/list/examples/multiline-list/multiline-list.component.mjs

@@ -3,7 +3,7 @@ import * as i0 from "@angular/core";
 import * as i1 from "@daffodil/design/list";
 export class MultilineListComponent {
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: MultilineListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: MultilineListComponent, selector: "multiline-list", ngImport: i0, template: "<daff-list>\n\t<daff-list-item>\n\t\t<h5>List item heading</h5>\n\t\t<p>List item description<p>\n\t\t<p>List item description line 2</p>\n\t</daff-list-item>\n\t<daff-list-item>\n\t\t<h5>List item heading</h5>\n\t\t<p>List item description</p>\n\t</daff-list-item>\n</daff-list>", dependencies: [{ kind: "component", type: i1.DaffListComponent, selector: "daff-list,daff-nav-list", inputs: ["mode"] }, { kind: "component", type: i1.DaffListItemComponent, selector: "daff-list-item,a[daff-list-item]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: MultilineListComponent, selector: "multiline-list", ngImport: i0, template: "<daff-list>\n\t<daff-list-item>\n\t\t<h5>List item heading</h5>\n\t\t<p>List item description<p>\n\t\t<p>List item description line 2</p>\n\t</daff-list-item>\n\t<daff-list-item>\n\t\t<h5>List item heading</h5>\n\t\t<p>List item description</p>\n\t</daff-list-item>\n</daff-list>", dependencies: [{ kind: "component", type: i1.DaffListComponent, selector: "daff-list,daff-nav-list" }, { kind: "component", type: i1.DaffListItemComponent, selector: "daff-list-item,a[daff-list-item]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: MultilineListComponent, decorators: [{
             type: Component,

package/esm2022/list/examples/nav-list/nav-list.component.mjs

@@ -9,7 +9,7 @@ export class NavListComponent {
         this.faChevronRight = faChevronRight;
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NavListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: NavListComponent, selector: "nav-list", ngImport: i0, template: "<daff-nav-list>\n\t<a href=\"#\" daff-list-item>\n\t\t\tNavigation list item 1\n\t\t\t<fa-icon [icon]=\"faChevronRight\" daffSuffix></fa-icon>\n\t</a>\n\t<a href=\"#\" daff-list-item>\n\t\t\tNavigation list item 2\n\t</a>\n\t<a href=\"#\" daff-list-item>\n\t\t\tNavigation list item 3\n\t</a>\n</daff-nav-list>", dependencies: [{ kind: "component", type: i1.DaffListComponent, selector: "daff-list,daff-nav-list", inputs: ["mode"] }, { kind: "component", type: i1.DaffListItemComponent, selector: "daff-list-item,a[daff-list-item]" }, { kind: "directive", type: i2.DaffSuffixDirective, selector: "[daffSuffix]" }, { kind: "component", type: i3.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: NavListComponent, selector: "nav-list", ngImport: i0, template: "<daff-nav-list>\n\t<a href=\"#\" daff-list-item>\n\t\t\tNavigation list item 1\n\t\t\t<fa-icon [icon]=\"faChevronRight\" daffSuffix></fa-icon>\n\t</a>\n\t<a href=\"#\" daff-list-item>\n\t\t\tNavigation list item 2\n\t</a>\n\t<a href=\"#\" daff-list-item>\n\t\t\tNavigation list item 3\n\t</a>\n</daff-nav-list>", dependencies: [{ kind: "component", type: i1.DaffListComponent, selector: "daff-list,daff-nav-list" }, { kind: "component", type: i1.DaffListItemComponent, selector: "daff-list-item,a[daff-list-item]" }, { kind: "directive", type: i2.DaffSuffixDirective, selector: "[daffSuffix]" }, { kind: "component", type: i3.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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NavListComponent, decorators: [{
             type: Component,

package/esm2022/list/list/list.component.mjs

@@ -1,12 +1,6 @@
-import { Component, ViewEncapsulation, ChangeDetectionStrategy, Input, HostBinding, ElementRef, Renderer2, } from '@angular/core';
+import { Component, ViewEncapsulation, ChangeDetectionStrategy, HostBinding, ElementRef, Renderer2, } from '@angular/core';
 import { daffArticleEncapsulatedMixin } from '@daffodil/design';
 import * as i0 from "@angular/core";
-export var DaffListModeEnum;
-(function (DaffListModeEnum) {
-    DaffListModeEnum["Multiline"] = "multi-line";
-    DaffListModeEnum["Link"] = "link";
-    DaffListModeEnum["Navigation"] = "navigation";
-})(DaffListModeEnum || (DaffListModeEnum = {}));
 var DaffListTypeEnum;
 (function (DaffListTypeEnum) {
     DaffListTypeEnum["Default"] = "daff-list";
@@ -29,27 +23,6 @@ export class DaffListComponent extends _daffListBase {
     get list() {
         return this.listType === DaffListTypeEnum.Default;
     }
-    /**
-     * @docs-private
-     * @deprecated
-     * */
-    get multiline() {
-        return this.mode === DaffListModeEnum.Multiline;
-    }
-    /**
-     * @docs-private
-     * @deprecated
-     * */
-    get link() {
-        return this.mode === DaffListModeEnum.Link;
-    }
-    /**
-     * @docs-private
-     * @deprecated
-     * */
-    get navigation() {
-        return this.mode === DaffListModeEnum.Navigation;
-    }
     /**
      * @docs-private
      */
@@ -80,26 +53,15 @@ export class DaffListComponent extends _daffListBase {
         return this.elementRef.nativeElement;
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffListComponent, 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: DaffListComponent, selector: "daff-list,daff-nav-list", inputs: { mode: "mode" }, host: { properties: { "class.daff-list": "this.list", "class.daff-list--multi-line": "this.multiline", "class.daff-list--link": "this.link", "class.daff-list--navigation": "this.navigation", "class.daff-nav-list": "this.nav", "attr.role": "this.role" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".daff-list{display:block;margin:0;padding:0}.daff-list .daff-list-item{display:flex;gap:16px;padding:12px 16px}.daff-list .daff-list-item__content{flex-grow:1}.daff-list .daff-list-item__content *:nth-child(1){font-weight:700;font-size:1rem;line-height:1.5em;margin:0;padding:0}.daff-list .daff-list-item__content *:nth-child(n+2){font-size:1rem;margin:0;padding:0}.daff-list .daff-list-item .daff-prefix,.daff-list .daff-list-item .daff-suffix{display:flex;align-items:center;z-index:2}.daff-list__subheader{font-weight:700;text-transform:uppercase;font-size:1rem;padding:0 0 25px}.daff-list--link a,.daff-list--navigation a{text-decoration:none}.daff-list--multi-line .daff-list-item{padding:15px 0}.daff-list--multi-line .daff-list-item:first-of-type{padding:0 0 15px}.daff-list--multi-line .daff-list-item:last-of-type{padding:15px 0 0}.daff-list--multi-line .daff-list-item__content *:nth-child(1){font-weight:700;font-size:1rem;line-height:1.5rem;margin:0 0 10px;padding:0}.daff-list--multi-line .daff-list-item__content *:nth-child(n+2){margin:0;padding:0}.daff-nav-list{display:block;margin:0;padding:0}.daff-nav-list .daff-list-item{display:flex;gap:16px;padding:12px 16px}.daff-nav-list .daff-list-item__content{flex-grow:1}.daff-nav-list .daff-list-item__content *:nth-child(1){font-weight:700;font-size:1rem;line-height:1.5em;margin:0;padding:0}.daff-nav-list .daff-list-item__content *:nth-child(n+2){font-size:1rem;margin:0;padding:0}.daff-nav-list .daff-list-item .daff-prefix,.daff-nav-list .daff-list-item .daff-suffix{display:flex;align-items:center;z-index:2}.daff-nav-list .daff-list-item{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;text-decoration:none;position:relative}.daff-nav-list .daff-list-item__content{z-index:2}.daff-nav-list .daff-list-item:after{content:\"\";position:absolute;height:100%;width:100%;top:0;left:0;opacity:0;transition:opacity .3s;z-index:1}.daff-nav-list .daff-list-item:hover:after,.daff-nav-list .daff-list-item:active:after{opacity:1}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: DaffListComponent, selector: "daff-list,daff-nav-list", host: { properties: { "class.daff-list": "this.list", "class.daff-nav-list": "this.nav", "attr.role": "this.role" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".daff-list{display:block;margin:0;padding:0}.daff-list .daff-list-item{display:flex;gap:16px;padding:12px 16px}.daff-list .daff-list-item__content{flex-grow:1}.daff-list .daff-list-item__content *:nth-child(1){font-weight:700;font-size:1rem;line-height:1.5em;margin:0;padding:0}.daff-list .daff-list-item__content *:nth-child(n+2){font-size:1rem;margin:0;padding:0}.daff-list .daff-list-item .daff-prefix,.daff-list .daff-list-item .daff-suffix{display:flex;align-items:center;z-index:2}.daff-nav-list{display:block;margin:0;padding:0}.daff-nav-list .daff-list-item{display:flex;gap:16px;padding:12px 16px}.daff-nav-list .daff-list-item__content{flex-grow:1}.daff-nav-list .daff-list-item__content *:nth-child(1){font-weight:700;font-size:1rem;line-height:1.5em;margin:0;padding:0}.daff-nav-list .daff-list-item__content *:nth-child(n+2){font-size:1rem;margin:0;padding:0}.daff-nav-list .daff-list-item .daff-prefix,.daff-nav-list .daff-list-item .daff-suffix{display:flex;align-items:center;z-index:2}.daff-nav-list .daff-list-item{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;text-decoration:none;position:relative}.daff-nav-list .daff-list-item__content{z-index:2}.daff-nav-list .daff-list-item:after{content:\"\";position:absolute;height:100%;width:100%;top:0;left:0;opacity:0;transition:opacity .3s;z-index:1}.daff-nav-list .daff-list-item:hover:after,.daff-nav-list .daff-list-item:active:after{opacity:1}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'daff-list' + ',' +
-                        'daff-nav-list', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".daff-list{display:block;margin:0;padding:0}.daff-list .daff-list-item{display:flex;gap:16px;padding:12px 16px}.daff-list .daff-list-item__content{flex-grow:1}.daff-list .daff-list-item__content *:nth-child(1){font-weight:700;font-size:1rem;line-height:1.5em;margin:0;padding:0}.daff-list .daff-list-item__content *:nth-child(n+2){font-size:1rem;margin:0;padding:0}.daff-list .daff-list-item .daff-prefix,.daff-list .daff-list-item .daff-suffix{display:flex;align-items:center;z-index:2}.daff-list__subheader{font-weight:700;text-transform:uppercase;font-size:1rem;padding:0 0 25px}.daff-list--link a,.daff-list--navigation a{text-decoration:none}.daff-list--multi-line .daff-list-item{padding:15px 0}.daff-list--multi-line .daff-list-item:first-of-type{padding:0 0 15px}.daff-list--multi-line .daff-list-item:last-of-type{padding:15px 0 0}.daff-list--multi-line .daff-list-item__content *:nth-child(1){font-weight:700;font-size:1rem;line-height:1.5rem;margin:0 0 10px;padding:0}.daff-list--multi-line .daff-list-item__content *:nth-child(n+2){margin:0;padding:0}.daff-nav-list{display:block;margin:0;padding:0}.daff-nav-list .daff-list-item{display:flex;gap:16px;padding:12px 16px}.daff-nav-list .daff-list-item__content{flex-grow:1}.daff-nav-list .daff-list-item__content *:nth-child(1){font-weight:700;font-size:1rem;line-height:1.5em;margin:0;padding:0}.daff-nav-list .daff-list-item__content *:nth-child(n+2){font-size:1rem;margin:0;padding:0}.daff-nav-list .daff-list-item .daff-prefix,.daff-nav-list .daff-list-item .daff-suffix{display:flex;align-items:center;z-index:2}.daff-nav-list .daff-list-item{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;text-decoration:none;position:relative}.daff-nav-list .daff-list-item__content{z-index:2}.daff-nav-list .daff-list-item:after{content:\"\";position:absolute;height:100%;width:100%;top:0;left:0;opacity:0;transition:opacity .3s;z-index:1}.daff-nav-list .daff-list-item:hover:after,.daff-nav-list .daff-list-item:active:after{opacity:1}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { mode: [{
-                type: Input
-            }], list: [{
+                        'daff-nav-list', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".daff-list{display:block;margin:0;padding:0}.daff-list .daff-list-item{display:flex;gap:16px;padding:12px 16px}.daff-list .daff-list-item__content{flex-grow:1}.daff-list .daff-list-item__content *:nth-child(1){font-weight:700;font-size:1rem;line-height:1.5em;margin:0;padding:0}.daff-list .daff-list-item__content *:nth-child(n+2){font-size:1rem;margin:0;padding:0}.daff-list .daff-list-item .daff-prefix,.daff-list .daff-list-item .daff-suffix{display:flex;align-items:center;z-index:2}.daff-nav-list{display:block;margin:0;padding:0}.daff-nav-list .daff-list-item{display:flex;gap:16px;padding:12px 16px}.daff-nav-list .daff-list-item__content{flex-grow:1}.daff-nav-list .daff-list-item__content *:nth-child(1){font-weight:700;font-size:1rem;line-height:1.5em;margin:0;padding:0}.daff-nav-list .daff-list-item__content *:nth-child(n+2){font-size:1rem;margin:0;padding:0}.daff-nav-list .daff-list-item .daff-prefix,.daff-nav-list .daff-list-item .daff-suffix{display:flex;align-items:center;z-index:2}.daff-nav-list .daff-list-item{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;text-decoration:none;position:relative}.daff-nav-list .daff-list-item__content{z-index:2}.daff-nav-list .daff-list-item:after{content:\"\";position:absolute;height:100%;width:100%;top:0;left:0;opacity:0;transition:opacity .3s;z-index:1}.daff-nav-list .daff-list-item:hover:after,.daff-nav-list .daff-list-item:active:after{opacity:1}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { list: [{
                 type: HostBinding,
                 args: ['class.daff-list']
-            }], multiline: [{
-                type: HostBinding,
-                args: ['class.daff-list--multi-line']
-            }], link: [{
-                type: HostBinding,
-                args: ['class.daff-list--link']
-            }], navigation: [{
-                type: HostBinding,
-                args: ['class.daff-list--navigation']
             }], nav: [{
                 type: HostBinding,
                 args: ['class.daff-nav-list']
@@ -107,4 +69,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
                 type: HostBinding,
                 args: ['attr.role']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9saXN0L3NyYy9saXN0L2xpc3QuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsaUJBQWlCLEVBQ2pCLHVCQUF1QixFQUN2QixLQUFLLEVBQ0wsV0FBVyxFQUNYLFVBQVUsRUFDVixTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sa0JBQWtCLENBQUM7O0FBT2hFLE1BQU0sQ0FBTixJQUFZLGdCQUlYO0FBSkQsV0FBWSxnQkFBZ0I7SUFDMUIsNENBQXdCLENBQUE7SUFDeEIsaUNBQWEsQ0FBQTtJQUNiLDZDQUF5QixDQUFBO0FBQzNCLENBQUMsRUFKVyxnQkFBZ0IsS0FBaEIsZ0JBQWdCLFFBSTNCO0FBSUQsSUFBSyxnQkFHSjtBQUhELFdBQUssZ0JBQWdCO0lBQ25CLHlDQUFxQixDQUFBO0lBQ3JCLHlDQUFxQixDQUFBO0FBQ3ZCLENBQUMsRUFISSxnQkFBZ0IsS0FBaEIsZ0JBQWdCLFFBR3BCO0FBRUQ7O0dBRUc7QUFDSCxNQUFNLFlBQVk7SUFDaEIsWUFBbUIsV0FBdUIsRUFBUyxTQUFvQjtRQUFwRCxnQkFBVyxHQUFYLFdBQVcsQ0FBWTtRQUFTLGNBQVMsR0FBVCxTQUFTLENBQVc7SUFBRyxDQUFDO0NBQzVFO0FBRUQsTUFBTSxhQUFhLEdBQUcsNEJBQTRCLENBQUMsQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDO0FBWW5FLE1BQU0sT0FBTyxpQkFBa0IsU0FBUSxhQUFhO0lBTWxEOztPQUVHO0lBQ0gsSUFBb0MsSUFBSTtRQUN0QyxPQUFPLElBQUksQ0FBQyxRQUFRLEtBQUssZ0JBQWdCLENBQUMsT0FBTyxDQUFDO0lBQ3BELENBQUM7SUFFRDs7O1NBR0s7SUFDTCxJQUFnRCxTQUFTO1FBQ3ZELE9BQU8sSUFBSSxDQUFDLElBQUksS0FBSyxnQkFBZ0IsQ0FBQyxTQUFTLENBQUM7SUFDbEQsQ0FBQztJQUVEOzs7U0FHSztJQUNMLElBQTBDLElBQUk7UUFDNUMsT0FBTyxJQUFJLENBQUMsSUFBSSxLQUFLLGdCQUFnQixDQUFDLElBQUksQ0FBQztJQUM3QyxDQUFDO0lBRUQ7OztTQUdLO0lBQ0wsSUFBZ0QsVUFBVTtRQUN4RCxPQUFPLElBQUksQ0FBQyxJQUFJLEtBQUssZ0JBQWdCLENBQUMsVUFBVSxDQUFDO0lBQ25ELENBQUM7SUFFRDs7T0FFRztJQUNILElBQUksUUFBUTtRQUNWLE9BQU8sSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDLFNBQVMsQ0FBQztJQUMxQyxDQUFDO0lBRUQsWUFBb0IsVUFBc0IsRUFBVSxRQUFtQjtRQUNyRSxLQUFLLENBQUMsVUFBVSxFQUFFLFFBQVEsQ0FBQyxDQUFDO1FBRFYsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQUFVLGFBQVEsR0FBUixRQUFRLENBQVc7SUFFdkUsQ0FBQztJQUVEOztPQUVHO0lBQ0gsSUFBd0MsR0FBRztRQUN6QyxPQUFPLElBQUksQ0FBQyxRQUFRLEtBQUssZ0JBQWdCLENBQUMsR0FBRyxDQUFDO0lBQ2hELENBQUM7SUFFRDs7OztPQUlHO0lBQ0gsSUFBOEIsSUFBSTtRQUNoQyxPQUFPLElBQUksQ0FBQyxRQUFRLEtBQUssZ0JBQWdCLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQztJQUN4RSxDQUFDO0lBQUEsQ0FBQztJQUVNLGVBQWU7UUFDckIsT0FBTyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQztJQUN2QyxDQUFDO2tJQWxFVSxpQkFBaUI7c0hBQWpCLGlCQUFpQixnWEFObEIsMkJBQTJCOzs0RkFNMUIsaUJBQWlCO2tCQVY3QixTQUFTOytCQUVOLFdBQVcsR0FBRyxHQUFHO3dCQUNqQixlQUFlLFlBQ1AsMkJBQTJCLGlCQUV0QixpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNO3VHQU90QyxJQUFJO3NCQUFaLEtBQUs7Z0JBSzhCLElBQUk7c0JBQXZDLFdBQVc7dUJBQUMsaUJBQWlCO2dCQVFrQixTQUFTO3NCQUF4RCxXQUFXO3VCQUFDLDZCQUE2QjtnQkFRQSxJQUFJO3NCQUE3QyxXQUFXO3VCQUFDLHVCQUF1QjtnQkFRWSxVQUFVO3NCQUF6RCxXQUFXO3VCQUFDLDZCQUE2QjtnQkFrQkYsR0FBRztzQkFBMUMsV0FBVzt1QkFBQyxxQkFBcUI7Z0JBU0osSUFBSTtzQkFBakMsV0FBVzt1QkFBQyxXQUFXIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIElucHV0LFxuICBIb3N0QmluZGluZyxcbiAgRWxlbWVudFJlZixcbiAgUmVuZGVyZXIyLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgZGFmZkFydGljbGVFbmNhcHN1bGF0ZWRNaXhpbiB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24nO1xuXG4vKipcbiAqIEBkZXByZWNhdGVkXG4gKiBEYWZmTGlzdE1vZGUgd2lsbCBiZSBjb21wbGV0ZWx5IGRlcHJlY2F0ZWQgaW4gdjEuMC4wXG4gKiAqL1xuZXhwb3J0IHR5cGUgRGFmZkxpc3RNb2RlID0gJ211bHRpLWxpbmUnIHwgJ2xpbmsnIHwgJ25hdmlnYXRpb24nIHwgdW5kZWZpbmVkO1xuZXhwb3J0IGVudW0gRGFmZkxpc3RNb2RlRW51bSB7XG4gIE11bHRpbGluZSA9ICdtdWx0aS1saW5lJyxcbiAgTGluayA9ICdsaW5rJyxcbiAgTmF2aWdhdGlvbiA9ICduYXZpZ2F0aW9uJ1xufVxuXG5leHBvcnQgdHlwZSBEYWZmTGlzdFR5cGUgPSAnZGFmZi1saXN0JyB8ICdkYWZmLW5hdi1saXN0JztcblxuZW51bSBEYWZmTGlzdFR5cGVFbnVtIHtcbiAgRGVmYXVsdCA9ICdkYWZmLWxpc3QnLFxuICBOYXYgPSAnZGFmZi1uYXYtbGlzdCdcbn1cblxuLyoqXG4gKiBBbiBfZWxlbWVudFJlZiBhbmQgYW4gaW5zdGFuY2Ugb2YgcmVuZGVyZXIyIGFyZSBuZWVkZWQgZm9yIHRoZSBsaXN0IG1peGluc1xuICovXG5jbGFzcyBEYWZmTGlzdEJhc2Uge1xuICBjb25zdHJ1Y3RvcihwdWJsaWMgX2VsZW1lbnRSZWY6IEVsZW1lbnRSZWYsIHB1YmxpYyBfcmVuZGVyZXI6IFJlbmRlcmVyMikge31cbn1cblxuY29uc3QgX2RhZmZMaXN0QmFzZSA9IGRhZmZBcnRpY2xlRW5jYXBzdWxhdGVkTWl4aW4oKERhZmZMaXN0QmFzZSkpO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6XG4gICAgJ2RhZmYtbGlzdCcgKyAnLCcgK1xuICAgICdkYWZmLW5hdi1saXN0JyxcbiAgdGVtcGxhdGU6ICc8bmctY29udGVudD48L25nLWNvbnRlbnQ+JyxcbiAgc3R5bGVVcmxzOiBbJy4vbGlzdC5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5cbmV4cG9ydCBjbGFzcyBEYWZmTGlzdENvbXBvbmVudCBleHRlbmRzIF9kYWZmTGlzdEJhc2Uge1xuICAvKipcbiAgICogQGRlcHJlY2F0ZWRcbiAgICogKi9cbiAgQElucHV0KCkgbW9kZTogRGFmZkxpc3RNb2RlO1xuXG4gIC8qKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmRhZmYtbGlzdCcpIGdldCBsaXN0KCkge1xuICAgIHJldHVybiB0aGlzLmxpc3RUeXBlID09PSBEYWZmTGlzdFR5cGVFbnVtLkRlZmF1bHQ7XG4gIH1cblxuICAvKipcbiAgICogQGRvY3MtcHJpdmF0ZVxuICAgKiBAZGVwcmVjYXRlZFxuICAgKiAqL1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmRhZmYtbGlzdC0tbXVsdGktbGluZScpIGdldCBtdWx0aWxpbmUoKSB7XG4gICAgcmV0dXJuIHRoaXMubW9kZSA9PT0gRGFmZkxpc3RNb2RlRW51bS5NdWx0aWxpbmU7XG4gIH1cblxuICAvKipcbiAgICogQGRvY3MtcHJpdmF0ZVxuICAgKiBAZGVwcmVjYXRlZFxuICAgKiAqL1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmRhZmYtbGlzdC0tbGluaycpIGdldCBsaW5rKCkge1xuICAgIHJldHVybiB0aGlzLm1vZGUgPT09IERhZmZMaXN0TW9kZUVudW0uTGluaztcbiAgfVxuXG4gIC8qKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqIEBkZXByZWNhdGVkXG4gICAqICovXG4gIEBIb3N0QmluZGluZygnY2xhc3MuZGFmZi1saXN0LS1uYXZpZ2F0aW9uJykgZ2V0IG5hdmlnYXRpb24oKSB7XG4gICAgcmV0dXJuIHRoaXMubW9kZSA9PT0gRGFmZkxpc3RNb2RlRW51bS5OYXZpZ2F0aW9uO1xuICB9XG5cbiAgLyoqXG4gICAqIEBkb2NzLXByaXZhdGVcbiAgICovXG4gIGdldCBsaXN0VHlwZSgpOiBEYWZmTGlzdFR5cGUge1xuICAgIHJldHVybiB0aGlzLl9nZXRIb3N0RWxlbWVudCgpLmxvY2FsTmFtZTtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgZWxlbWVudFJlZjogRWxlbWVudFJlZiwgcHJpdmF0ZSByZW5kZXJlcjogUmVuZGVyZXIyKSB7XG4gICAgc3VwZXIoZWxlbWVudFJlZiwgcmVuZGVyZXIpO1xuICB9XG5cbiAgLyoqXG4gICAqIEBkb2NzLXByaXZhdGVcbiAgICovXG4gIEBIb3N0QmluZGluZygnY2xhc3MuZGFmZi1uYXYtbGlzdCcpIGdldCBuYXYoKSB7XG4gICAgcmV0dXJuIHRoaXMubGlzdFR5cGUgPT09IERhZmZMaXN0VHlwZUVudW0uTmF2O1xuICB9XG5cbiAgLyoqXG4gICAqIFNldHMgdGhlIHJvbGUgZm9yIGEgYDxkYWZmLW5hdi1saXN0PmAgdG8gbmF2aWdhdGlvbi5cbiAgICpcbiAgICogQGRvY3MtcHJpdmF0ZVxuICAgKi9cbiAgQEhvc3RCaW5kaW5nKCdhdHRyLnJvbGUnKSBnZXQgcm9sZSgpIHtcbiAgICByZXR1cm4gdGhpcy5saXN0VHlwZSA9PT0gRGFmZkxpc3RUeXBlRW51bS5OYXYgPyAnbmF2aWdhdGlvbicgOiAnbGlzdCc7XG4gIH07XG5cbiAgcHJpdmF0ZSBfZ2V0SG9zdEVsZW1lbnQoKSB7XG4gICAgcmV0dXJuIHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50O1xuICB9XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9saXN0L3NyYy9saXN0L2xpc3QuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsaUJBQWlCLEVBQ2pCLHVCQUF1QixFQUN2QixXQUFXLEVBQ1gsVUFBVSxFQUNWLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQzs7QUFJaEUsSUFBSyxnQkFHSjtBQUhELFdBQUssZ0JBQWdCO0lBQ25CLHlDQUFxQixDQUFBO0lBQ3JCLHlDQUFxQixDQUFBO0FBQ3ZCLENBQUMsRUFISSxnQkFBZ0IsS0FBaEIsZ0JBQWdCLFFBR3BCO0FBRUQ7O0dBRUc7QUFDSCxNQUFNLFlBQVk7SUFDaEIsWUFBbUIsV0FBdUIsRUFBUyxTQUFvQjtRQUFwRCxnQkFBVyxHQUFYLFdBQVcsQ0FBWTtRQUFTLGNBQVMsR0FBVCxTQUFTLENBQVc7SUFBRyxDQUFDO0NBQzVFO0FBRUQsTUFBTSxhQUFhLEdBQUcsNEJBQTRCLENBQUMsQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDO0FBWW5FLE1BQU0sT0FBTyxpQkFBa0IsU0FBUSxhQUFhO0lBQ2xEOztPQUVHO0lBQ0gsSUFBb0MsSUFBSTtRQUN0QyxPQUFPLElBQUksQ0FBQyxRQUFRLEtBQUssZ0JBQWdCLENBQUMsT0FBTyxDQUFDO0lBQ3BELENBQUM7SUFFRDs7T0FFRztJQUNILElBQUksUUFBUTtRQUNWLE9BQU8sSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDLFNBQVMsQ0FBQztJQUMxQyxDQUFDO0lBRUQsWUFBb0IsVUFBc0IsRUFBVSxRQUFtQjtRQUNyRSxLQUFLLENBQUMsVUFBVSxFQUFFLFFBQVEsQ0FBQyxDQUFDO1FBRFYsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQUFVLGFBQVEsR0FBUixRQUFRLENBQVc7SUFFdkUsQ0FBQztJQUVEOztPQUVHO0lBQ0gsSUFBd0MsR0FBRztRQUN6QyxPQUFPLElBQUksQ0FBQyxRQUFRLEtBQUssZ0JBQWdCLENBQUMsR0FBRyxDQUFDO0lBQ2hELENBQUM7SUFFRDs7OztPQUlHO0lBQ0gsSUFBOEIsSUFBSTtRQUNoQyxPQUFPLElBQUksQ0FBQyxRQUFRLEtBQUssZ0JBQWdCLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQztJQUN4RSxDQUFDO0lBQUEsQ0FBQztJQUVNLGVBQWU7UUFDckIsT0FBTyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQztJQUN2QyxDQUFDO2tJQXJDVSxpQkFBaUI7c0hBQWpCLGlCQUFpQiw2TUFObEIsMkJBQTJCOzs0RkFNMUIsaUJBQWlCO2tCQVY3QixTQUFTOytCQUVOLFdBQVcsR0FBRyxHQUFHO3dCQUNqQixlQUFlLFlBQ1AsMkJBQTJCLGlCQUV0QixpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNO3VHQU9YLElBQUk7c0JBQXZDLFdBQVc7dUJBQUMsaUJBQWlCO2dCQWtCVSxHQUFHO3NCQUExQyxXQUFXO3VCQUFDLHFCQUFxQjtnQkFTSixJQUFJO3NCQUFqQyxXQUFXO3VCQUFDLFdBQVciLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgSG9zdEJpbmRpbmcsXG4gIEVsZW1lbnRSZWYsXG4gIFJlbmRlcmVyMixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IGRhZmZBcnRpY2xlRW5jYXBzdWxhdGVkTWl4aW4gfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduJztcblxuZXhwb3J0IHR5cGUgRGFmZkxpc3RUeXBlID0gJ2RhZmYtbGlzdCcgfCAnZGFmZi1uYXYtbGlzdCc7XG5cbmVudW0gRGFmZkxpc3RUeXBlRW51bSB7XG4gIERlZmF1bHQgPSAnZGFmZi1saXN0JyxcbiAgTmF2ID0gJ2RhZmYtbmF2LWxpc3QnXG59XG5cbi8qKlxuICogQW4gX2VsZW1lbnRSZWYgYW5kIGFuIGluc3RhbmNlIG9mIHJlbmRlcmVyMiBhcmUgbmVlZGVkIGZvciB0aGUgbGlzdCBtaXhpbnNcbiAqL1xuY2xhc3MgRGFmZkxpc3RCYXNlIHtcbiAgY29uc3RydWN0b3IocHVibGljIF9lbGVtZW50UmVmOiBFbGVtZW50UmVmLCBwdWJsaWMgX3JlbmRlcmVyOiBSZW5kZXJlcjIpIHt9XG59XG5cbmNvbnN0IF9kYWZmTGlzdEJhc2UgPSBkYWZmQXJ0aWNsZUVuY2Fwc3VsYXRlZE1peGluKChEYWZmTGlzdEJhc2UpKTtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOlxuICAgICdkYWZmLWxpc3QnICsgJywnICtcbiAgICAnZGFmZi1uYXYtbGlzdCcsXG4gIHRlbXBsYXRlOiAnPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PicsXG4gIHN0eWxlVXJsczogWycuL2xpc3QuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuXG5leHBvcnQgY2xhc3MgRGFmZkxpc3RDb21wb25lbnQgZXh0ZW5kcyBfZGFmZkxpc3RCYXNlIHtcbiAgLyoqXG4gICAqIEBkb2NzLXByaXZhdGVcbiAgICovXG4gIEBIb3N0QmluZGluZygnY2xhc3MuZGFmZi1saXN0JykgZ2V0IGxpc3QoKSB7XG4gICAgcmV0dXJuIHRoaXMubGlzdFR5cGUgPT09IERhZmZMaXN0VHlwZUVudW0uRGVmYXVsdDtcbiAgfVxuXG4gIC8qKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBnZXQgbGlzdFR5cGUoKTogRGFmZkxpc3RUeXBlIHtcbiAgICByZXR1cm4gdGhpcy5fZ2V0SG9zdEVsZW1lbnQoKS5sb2NhbE5hbWU7XG4gIH1cblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYsIHByaXZhdGUgcmVuZGVyZXI6IFJlbmRlcmVyMikge1xuICAgIHN1cGVyKGVsZW1lbnRSZWYsIHJlbmRlcmVyKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmRhZmYtbmF2LWxpc3QnKSBnZXQgbmF2KCkge1xuICAgIHJldHVybiB0aGlzLmxpc3RUeXBlID09PSBEYWZmTGlzdFR5cGVFbnVtLk5hdjtcbiAgfVxuXG4gIC8qKlxuICAgKiBTZXRzIHRoZSByb2xlIGZvciBhIGA8ZGFmZi1uYXYtbGlzdD5gIHRvIG5hdmlnYXRpb24uXG4gICAqXG4gICAqIEBkb2NzLXByaXZhdGVcbiAgICovXG4gIEBIb3N0QmluZGluZygnYXR0ci5yb2xlJykgZ2V0IHJvbGUoKSB7XG4gICAgcmV0dXJuIHRoaXMubGlzdFR5cGUgPT09IERhZmZMaXN0VHlwZUVudW0uTmF2ID8gJ25hdmlnYXRpb24nIDogJ2xpc3QnO1xuICB9O1xuXG4gIHByaXZhdGUgX2dldEhvc3RFbGVtZW50KCkge1xuICAgIHJldHVybiB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudDtcbiAgfVxufVxuIl19

package/esm2022/list/list.module.mjs

@@ -3,15 +3,12 @@ import { NgModule } from '@angular/core';
 import { DaffPrefixSuffixModule } from '@daffodil/design';
 import { DaffListComponent } from './list/list.component';
 import { DaffListItemComponent } from './list-item/list-item.component';
-import { DaffListSubheaderDirective } from './list-subheader/list-subheader.directive';
 import * as i0 from "@angular/core";
 export class DaffListModule {
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: DaffListModule, declarations: [DaffListComponent,
-            DaffListSubheaderDirective,
             DaffListItemComponent], imports: [CommonModule,
             DaffPrefixSuffixModule], exports: [DaffListComponent,
-            DaffListSubheaderDirective,
             DaffListItemComponent,
             DaffPrefixSuffixModule] }); }
     /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffListModule, imports: [CommonModule,
@@ -26,15 +23,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
                     ],
                     declarations: [
                         DaffListComponent,
-                        DaffListSubheaderDirective,
                         DaffListItemComponent,
                     ],
                     exports: [
                         DaffListComponent,
-                        DaffListSubheaderDirective,
                         DaffListItemComponent,
                         DaffPrefixSuffixModule,
                     ],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9saXN0L3NyYy9saXN0Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUV6QyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUUxRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUMxRCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUN4RSxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQzs7QUFtQnZGLE1BQU0sT0FBTyxjQUFjO2tJQUFkLGNBQWM7bUlBQWQsY0FBYyxpQkFYdkIsaUJBQWlCO1lBQ2pCLDBCQUEwQjtZQUMxQixxQkFBcUIsYUFOckIsWUFBWTtZQUNaLHNCQUFzQixhQVF0QixpQkFBaUI7WUFDakIsMEJBQTBCO1lBQzFCLHFCQUFxQjtZQUNyQixzQkFBc0I7bUlBR2IsY0FBYyxZQWZ2QixZQUFZO1lBQ1osc0JBQXNCLEVBV3RCLHNCQUFzQjs7NEZBR2IsY0FBYztrQkFqQjFCLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osc0JBQXNCO3FCQUN2QjtvQkFDRCxZQUFZLEVBQUU7d0JBQ1osaUJBQWlCO3dCQUNqQiwwQkFBMEI7d0JBQzFCLHFCQUFxQjtxQkFDdEI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLGlCQUFpQjt3QkFDakIsMEJBQTBCO3dCQUMxQixxQkFBcUI7d0JBQ3JCLHNCQUFzQjtxQkFDdkI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgRGFmZlByZWZpeFN1ZmZpeE1vZHVsZSB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24nO1xuXG5pbXBvcnQgeyBEYWZmTGlzdENvbXBvbmVudCB9IGZyb20gJy4vbGlzdC9saXN0LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBEYWZmTGlzdEl0ZW1Db21wb25lbnQgfSBmcm9tICcuL2xpc3QtaXRlbS9saXN0LWl0ZW0uY29tcG9uZW50JztcbmltcG9ydCB7IERhZmZMaXN0U3ViaGVhZGVyRGlyZWN0aXZlIH0gZnJvbSAnLi9saXN0LXN1YmhlYWRlci9saXN0LXN1YmhlYWRlci5kaXJlY3RpdmUnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIERhZmZQcmVmaXhTdWZmaXhNb2R1bGUsXG4gIF0sXG4gIGRlY2xhcmF0aW9uczogW1xuICAgIERhZmZMaXN0Q29tcG9uZW50LFxuICAgIERhZmZMaXN0U3ViaGVhZGVyRGlyZWN0aXZlLFxuICAgIERhZmZMaXN0SXRlbUNvbXBvbmVudCxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIERhZmZMaXN0Q29tcG9uZW50LFxuICAgIERhZmZMaXN0U3ViaGVhZGVyRGlyZWN0aXZlLFxuICAgIERhZmZMaXN0SXRlbUNvbXBvbmVudCxcbiAgICBEYWZmUHJlZml4U3VmZml4TW9kdWxlLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBEYWZmTGlzdE1vZHVsZSB7IH1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9saXN0L3NyYy9saXN0Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUV6QyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUUxRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUMxRCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQzs7QUFpQnhFLE1BQU0sT0FBTyxjQUFjO2tJQUFkLGNBQWM7bUlBQWQsY0FBYyxpQkFUdkIsaUJBQWlCO1lBQ2pCLHFCQUFxQixhQUxyQixZQUFZO1lBQ1osc0JBQXNCLGFBT3RCLGlCQUFpQjtZQUNqQixxQkFBcUI7WUFDckIsc0JBQXNCO21JQUdiLGNBQWMsWUFidkIsWUFBWTtZQUNaLHNCQUFzQixFQVN0QixzQkFBc0I7OzRGQUdiLGNBQWM7a0JBZjFCLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osc0JBQXNCO3FCQUN2QjtvQkFDRCxZQUFZLEVBQUU7d0JBQ1osaUJBQWlCO3dCQUNqQixxQkFBcUI7cUJBQ3RCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxpQkFBaUI7d0JBQ2pCLHFCQUFxQjt3QkFDckIsc0JBQXNCO3FCQUN2QjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBEYWZmUHJlZml4U3VmZml4TW9kdWxlIH0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbic7XG5cbmltcG9ydCB7IERhZmZMaXN0Q29tcG9uZW50IH0gZnJvbSAnLi9saXN0L2xpc3QuY29tcG9uZW50JztcbmltcG9ydCB7IERhZmZMaXN0SXRlbUNvbXBvbmVudCB9IGZyb20gJy4vbGlzdC1pdGVtL2xpc3QtaXRlbS5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIERhZmZQcmVmaXhTdWZmaXhNb2R1bGUsXG4gIF0sXG4gIGRlY2xhcmF0aW9uczogW1xuICAgIERhZmZMaXN0Q29tcG9uZW50LFxuICAgIERhZmZMaXN0SXRlbUNvbXBvbmVudCxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIERhZmZMaXN0Q29tcG9uZW50LFxuICAgIERhZmZMaXN0SXRlbUNvbXBvbmVudCxcbiAgICBEYWZmUHJlZml4U3VmZml4TW9kdWxlLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBEYWZmTGlzdE1vZHVsZSB7IH1cbiJdfQ==

package/esm2022/list/public_api.mjs

@@ -1,5 +1,4 @@
 export { DaffListModule } from './list.module';
 export * from './list/list.component';
-export * from './list-subheader/list-subheader.directive';
 export * from './list-item/list-item.component';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2xpc3Qvc3JjL3B1YmxpY19hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvQyxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsMkNBQTJDLENBQUM7QUFDMUQsY0FBYyxpQ0FBaUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IERhZmZMaXN0TW9kdWxlIH0gZnJvbSAnLi9saXN0Lm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpc3QvbGlzdC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saXN0LXN1YmhlYWRlci9saXN0LXN1YmhlYWRlci5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi9saXN0LWl0ZW0vbGlzdC1pdGVtLmNvbXBvbmVudCc7XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2xpc3Qvc3JjL3B1YmxpY19hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvQyxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsaUNBQWlDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBEYWZmTGlzdE1vZHVsZSB9IGZyb20gJy4vbGlzdC5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saXN0L2xpc3QuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGlzdC1pdGVtL2xpc3QtaXRlbS5jb21wb25lbnQnO1xuIl19

package/esm2022/menu/menu-activator/menu-activator.component.mjs

@@ -45,4 +45,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
                 type: HostListener,
                 args: ['click', ['$event']]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS1hY3RpdmF0b3IuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vbWVudS9zcmMvbWVudS1hY3RpdmF0b3IvbWVudS1hY3RpdmF0b3IuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxpQkFBaUIsRUFDakIsU0FBUyxFQUNULFdBQVcsRUFDWCxZQUFZLEVBQ1osS0FBSyxFQUlMLGdCQUFnQixHQUNqQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQ0wsT0FBTyxFQUNQLFNBQVMsR0FDVixNQUFNLE1BQU0sQ0FBQztBQUVkLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7O0FBSzNELE1BQU0sT0FBTywwQkFBMEI7SUFNckMsSUFBK0IsU0FBUztRQUN2QyxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDbkIsQ0FBQztJQUlELFlBQ1UsT0FBd0IsRUFDeEIsZ0JBQWtDLEVBQ2xDLEtBQXdCO1FBRnhCLFlBQU8sR0FBUCxPQUFPLENBQWlCO1FBQ3hCLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBa0I7UUFDbEMsVUFBSyxHQUFMLEtBQUssQ0FBbUI7UUFaMUIsZ0JBQVcsR0FBRyxJQUFJLE9BQU8sRUFBVyxDQUFDO1FBYzNDLElBQUksQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLElBQUksQ0FDckIsU0FBUyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FDNUIsQ0FBQyxTQUFTLENBQUMsQ0FBQyxHQUFZLEVBQUUsRUFBRTtZQUM1QixJQUFJLENBQUMsS0FBSyxHQUFHLEdBQUcsQ0FBQztZQUNqQixJQUFJLENBQUMsS0FBSyxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQzVCLENBQUMsQ0FBQyxDQUFDO0lBQ0osQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUM1QixJQUFJLENBQUMsV0FBVyxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQzlCLENBQUM7SUFFRCxLQUFLO1FBQ0gsSUFBSSxDQUFDLGdCQUFnQixDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDdEQsQ0FBQztJQUdELFFBQVEsQ0FBQyxLQUFLO1FBQ2IsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQztJQUNsRSxDQUFDO2tJQXRDVSwwQkFBMEI7c0hBQTFCLDBCQUEwQjs7NEZBQTFCLDBCQUEwQjtrQkFIdEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUscUJBQXFCO2lCQUNoQzttSkFPZ0MsU0FBUztzQkFBdkMsV0FBVzt1QkFBQyxZQUFZO2dCQUloQixpQkFBaUI7c0JBQXpCLEtBQUs7Z0JBeUJOLFFBQVE7c0JBRFAsWUFBWTt1QkFBQyxPQUFPLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgRGlyZWN0aXZlLFxuICBIb3N0QmluZGluZyxcbiAgSG9zdExpc3RlbmVyLFxuICBJbnB1dCxcbiAgT25EZXN0cm95LFxuICBUZW1wbGF0ZVJlZixcbiAgVHlwZSxcbiAgVmlld0NvbnRhaW5lclJlZixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICBTdWJqZWN0LFxuICB0YWtlVW50aWwsXG59IGZyb20gJ3J4anMnO1xuXG5pbXBvcnQgeyBEYWZmTWVudVNlcnZpY2UgfSBmcm9tICcuLi9zZXJ2aWNlcy9tZW51LnNlcnZpY2UnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbZGFmZk1lbnVBY3RpdmF0b3JdJyxcbn0pXG5leHBvcnQgY2xhc3MgRGFmZk1lbnVBY3RpdmF0b3JEaXJlY3RpdmUgaW1wbGVtZW50cyBPbkRlc3Ryb3kge1xuXG5cbiAgcHJpdmF0ZSBfZGVzdHJveWVkJCA9IG5ldyBTdWJqZWN0PGJvb2xlYW4+KCk7XG4gIHByaXZhdGUgX29wZW46IGJvb2xlYW47XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5vcGVuJykgZ2V0IG9wZW5DbGFzcygpIHtcblx0ICByZXR1cm4gdGhpcy5fb3BlbjtcbiAgfVxuXG4gIEBJbnB1dCgpIGRhZmZNZW51QWN0aXZhdG9yOiBUeXBlPHVua25vd24+IHwgVGVtcGxhdGVSZWY8dW5rbm93bj47XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBzZXJ2aWNlOiBEYWZmTWVudVNlcnZpY2UsXG4gICAgcHJpdmF0ZSB2aWV3Q29udGFpbmVyUmVmOiBWaWV3Q29udGFpbmVyUmVmLFxuICAgIHByaXZhdGUgY2RSZWY6IENoYW5nZURldGVjdG9yUmVmLFxuICApIHtcbiAgICB0aGlzLnNlcnZpY2Uub3BlbiQucGlwZShcbiAgICAgIHRha2VVbnRpbCh0aGlzLl9kZXN0cm95ZWQkKSxcbiAgICApLnN1YnNjcmliZSgodmFsOiBib29sZWFuKSA9PiB7XG5cdCAgICB0aGlzLl9vcGVuID0gdmFsO1xuXHQgICAgdGhpcy5jZFJlZi5tYXJrRm9yQ2hlY2soKTtcblx0ICB9KTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMuX2Rlc3Ryb3llZCQubmV4dCh0cnVlKTtcbiAgICB0aGlzLl9kZXN0cm95ZWQkLmNvbXBsZXRlKCk7XG4gIH1cblxuICBmb2N1cygpIHtcbiAgICB0aGlzLnZpZXdDb250YWluZXJSZWYuZWxlbWVudC5uYXRpdmVFbGVtZW50LmZvY3VzKCk7XG4gIH1cblxuICBASG9zdExpc3RlbmVyKCdjbGljaycsIFsnJGV2ZW50J10pXG4gIG9wZW5NZW51KGV2ZW50KSB7XG5cdCAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcblx0ICB0aGlzLnNlcnZpY2Uub3Blbih0aGlzLnZpZXdDb250YWluZXJSZWYsIHRoaXMuZGFmZk1lbnVBY3RpdmF0b3IpO1xuICB9XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS1hY3RpdmF0b3IuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vbWVudS9zcmMvbWVudS1hY3RpdmF0b3IvbWVudS1hY3RpdmF0b3IuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxpQkFBaUIsRUFDakIsU0FBUyxFQUNULFdBQVcsRUFDWCxZQUFZLEVBQ1osS0FBSyxFQUlMLGdCQUFnQixHQUNqQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQ0wsT0FBTyxFQUNQLFNBQVMsR0FDVixNQUFNLE1BQU0sQ0FBQztBQUVkLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7O0FBSzNELE1BQU0sT0FBTywwQkFBMEI7SUFLckMsSUFBK0IsU0FBUztRQUN2QyxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDbkIsQ0FBQztJQUlELFlBQ1UsT0FBd0IsRUFDeEIsZ0JBQWtDLEVBQ2xDLEtBQXdCO1FBRnhCLFlBQU8sR0FBUCxPQUFPLENBQWlCO1FBQ3hCLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBa0I7UUFDbEMsVUFBSyxHQUFMLEtBQUssQ0FBbUI7UUFaMUIsZ0JBQVcsR0FBRyxJQUFJLE9BQU8sRUFBVyxDQUFDO1FBYzNDLElBQUksQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLElBQUksQ0FDckIsU0FBUyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FDNUIsQ0FBQyxTQUFTLENBQUMsQ0FBQyxHQUFZLEVBQUUsRUFBRTtZQUM1QixJQUFJLENBQUMsS0FBSyxHQUFHLEdBQUcsQ0FBQztZQUNqQixJQUFJLENBQUMsS0FBSyxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQzVCLENBQUMsQ0FBQyxDQUFDO0lBQ0osQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUM1QixJQUFJLENBQUMsV0FBVyxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQzlCLENBQUM7SUFFRCxLQUFLO1FBQ0gsSUFBSSxDQUFDLGdCQUFnQixDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDdEQsQ0FBQztJQUdELFFBQVEsQ0FBQyxLQUFLO1FBQ2IsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQztJQUNsRSxDQUFDO2tJQXJDVSwwQkFBMEI7c0hBQTFCLDBCQUEwQjs7NEZBQTFCLDBCQUEwQjtrQkFIdEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUscUJBQXFCO2lCQUNoQzttSkFNZ0MsU0FBUztzQkFBdkMsV0FBVzt1QkFBQyxZQUFZO2dCQUloQixpQkFBaUI7c0JBQXpCLEtBQUs7Z0JBeUJOLFFBQVE7c0JBRFAsWUFBWTt1QkFBQyxPQUFPLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgRGlyZWN0aXZlLFxuICBIb3N0QmluZGluZyxcbiAgSG9zdExpc3RlbmVyLFxuICBJbnB1dCxcbiAgT25EZXN0cm95LFxuICBUZW1wbGF0ZVJlZixcbiAgVHlwZSxcbiAgVmlld0NvbnRhaW5lclJlZixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICBTdWJqZWN0LFxuICB0YWtlVW50aWwsXG59IGZyb20gJ3J4anMnO1xuXG5pbXBvcnQgeyBEYWZmTWVudVNlcnZpY2UgfSBmcm9tICcuLi9zZXJ2aWNlcy9tZW51LnNlcnZpY2UnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbZGFmZk1lbnVBY3RpdmF0b3JdJyxcbn0pXG5leHBvcnQgY2xhc3MgRGFmZk1lbnVBY3RpdmF0b3JEaXJlY3RpdmUgaW1wbGVtZW50cyBPbkRlc3Ryb3kge1xuXG4gIHByaXZhdGUgX2Rlc3Ryb3llZCQgPSBuZXcgU3ViamVjdDxib29sZWFuPigpO1xuICBwcml2YXRlIF9vcGVuOiBib29sZWFuO1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3Mub3BlbicpIGdldCBvcGVuQ2xhc3MoKSB7XG5cdCAgcmV0dXJuIHRoaXMuX29wZW47XG4gIH1cblxuICBASW5wdXQoKSBkYWZmTWVudUFjdGl2YXRvcjogVHlwZTx1bmtub3duPiB8IFRlbXBsYXRlUmVmPHVua25vd24+O1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgc2VydmljZTogRGFmZk1lbnVTZXJ2aWNlLFxuICAgIHByaXZhdGUgdmlld0NvbnRhaW5lclJlZjogVmlld0NvbnRhaW5lclJlZixcbiAgICBwcml2YXRlIGNkUmVmOiBDaGFuZ2VEZXRlY3RvclJlZixcbiAgKSB7XG4gICAgdGhpcy5zZXJ2aWNlLm9wZW4kLnBpcGUoXG4gICAgICB0YWtlVW50aWwodGhpcy5fZGVzdHJveWVkJCksXG4gICAgKS5zdWJzY3JpYmUoKHZhbDogYm9vbGVhbikgPT4ge1xuXHQgICAgdGhpcy5fb3BlbiA9IHZhbDtcblx0ICAgIHRoaXMuY2RSZWYubWFya0ZvckNoZWNrKCk7XG5cdCAgfSk7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLl9kZXN0cm95ZWQkLm5leHQodHJ1ZSk7XG4gICAgdGhpcy5fZGVzdHJveWVkJC5jb21wbGV0ZSgpO1xuICB9XG5cbiAgZm9jdXMoKSB7XG4gICAgdGhpcy52aWV3Q29udGFpbmVyUmVmLmVsZW1lbnQubmF0aXZlRWxlbWVudC5mb2N1cygpO1xuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignY2xpY2snLCBbJyRldmVudCddKVxuICBvcGVuTWVudShldmVudCkge1xuXHQgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG5cdCAgdGhpcy5zZXJ2aWNlLm9wZW4odGhpcy52aWV3Q29udGFpbmVyUmVmLCB0aGlzLmRhZmZNZW51QWN0aXZhdG9yKTtcbiAgfVxufVxuIl19

package/esm2022/notification/examples/default-notification/default-notification.component.mjs

@@ -10,7 +10,7 @@ export class DefaultNotificationComponent {
         this.faInfoCircle = faInfoCircle;
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DefaultNotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: DefaultNotificationComponent, selector: "default-notification", ngImport: i0, template: "<daff-notification>\n\t<fa-icon daffPrefix [icon]=\"faInfoCircle\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n\t<div daffNotificationActions>\n\t\t<button daff-button size=\"sm\">Confirm</button>\n\t</div>\n</daff-notification>", styles: [":host{display:flex;justify-content:center}\n"], dependencies: [{ kind: "component", type: i1.DaffNotificationComponent, selector: "daff-notification", inputs: ["status", "dismissable", "orientation"], outputs: ["closeNotification"] }, { kind: "directive", type: i1.DaffNotificationActionsDirective, selector: "[daffNotificationActions]" }, { kind: "directive", type: i1.DaffNotificationTitleDirective, selector: "[daffNotificationTitle]" }, { kind: "directive", type: i1.DaffNotificationSubtitleDirective, selector: "[daffNotificationSubtitle]" }, { kind: "directive", type: i2.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "component", type: i3.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "component", type: i4.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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: DefaultNotificationComponent, selector: "default-notification", ngImport: i0, template: "<daff-notification>\n\t<fa-icon daffPrefix [icon]=\"faInfoCircle\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n\t<div daffNotificationActions>\n\t\t<button daff-button size=\"sm\">Confirm</button>\n\t</div>\n</daff-notification>", styles: [":host{display:flex;justify-content:center}\n"], dependencies: [{ kind: "component", type: i1.DaffNotificationComponent, selector: "daff-notification", inputs: ["status", "dismissible", "orientation"], outputs: ["closeNotification"] }, { kind: "directive", type: i1.DaffNotificationActionsDirective, selector: "[daffNotificationActions]" }, { kind: "directive", type: i1.DaffNotificationTitleDirective, selector: "[daffNotificationTitle]" }, { kind: "directive", type: i1.DaffNotificationSubtitleDirective, selector: "[daffNotificationSubtitle]" }, { kind: "directive", type: i2.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "component", type: i3.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "component", type: i4.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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DefaultNotificationComponent, decorators: [{
             type: Component,

package/esm2022/notification/examples/{dismissable-notification/dismissable-notification.component.mjs → dismissible-notification/dismissible-notification.component.mjs}

@@ -4,15 +4,15 @@ import * as i0 from "@angular/core";
 import * as i1 from "@daffodil/design/notification";
 import * as i2 from "@daffodil/design";
 import * as i3 from "@fortawesome/angular-fontawesome";
-export class DismissableNotificationComponent {
+export class DismissibleNotificationComponent {
     constructor() {
         this.faInfoCircle = faInfoCircle;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DismissableNotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: DismissableNotificationComponent, selector: "dismissable-notification", ngImport: i0, template: "<daff-notification dismissable=\"true\">\n\t<fa-icon daffPrefix [icon]=\"faInfoCircle\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n</daff-notification>", styles: [":host{display:flex;justify-content:center}\n"], dependencies: [{ kind: "component", type: i1.DaffNotificationComponent, selector: "daff-notification", inputs: ["status", "dismissable", "orientation"], outputs: ["closeNotification"] }, { kind: "directive", type: i1.DaffNotificationTitleDirective, selector: "[daffNotificationTitle]" }, { kind: "directive", type: i1.DaffNotificationSubtitleDirective, selector: "[daffNotificationSubtitle]" }, { kind: "directive", type: i2.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "component", type: i3.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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DismissibleNotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: DismissibleNotificationComponent, selector: "dismissible-notification", ngImport: i0, template: "<daff-notification dismissible=\"true\">\n\t<fa-icon daffPrefix [icon]=\"faInfoCircle\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n</daff-notification>", styles: [":host{display:flex;justify-content:center}\n"], dependencies: [{ kind: "component", type: i1.DaffNotificationComponent, selector: "daff-notification", inputs: ["status", "dismissible", "orientation"], outputs: ["closeNotification"] }, { kind: "directive", type: i1.DaffNotificationTitleDirective, selector: "[daffNotificationTitle]" }, { kind: "directive", type: i1.DaffNotificationSubtitleDirective, selector: "[daffNotificationSubtitle]" }, { kind: "directive", type: i2.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "component", type: i3.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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DismissableNotificationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DismissibleNotificationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'dismissable-notification', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-notification dismissable=\"true\">\n\t<fa-icon daffPrefix [icon]=\"faInfoCircle\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n</daff-notification>", styles: [":host{display:flex;justify-content:center}\n"] }]
+            args: [{ selector: 'dismissible-notification', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-notification dismissible=\"true\">\n\t<fa-icon daffPrefix [icon]=\"faInfoCircle\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n</daff-notification>", styles: [":host{display:flex;justify-content:center}\n"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlzbWlzc2FibGUtbm90aWZpY2F0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL25vdGlmaWNhdGlvbi9leGFtcGxlcy9zcmMvZGlzbWlzc2FibGUtbm90aWZpY2F0aW9uL2Rpc21pc3NhYmxlLW5vdGlmaWNhdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9ub3RpZmljYXRpb24vZXhhbXBsZXMvc3JjL2Rpc21pc3NhYmxlLW5vdGlmaWNhdGlvbi9kaXNtaXNzYWJsZS1ub3RpZmljYXRpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLG1DQUFtQyxDQUFDOzs7OztBQWNqRSxNQUFNLE9BQU8sZ0NBQWdDO0lBWjdDO1FBYUUsaUJBQVksR0FBRyxZQUFZLENBQUM7S0FDN0I7a0lBRlksZ0NBQWdDO3NIQUFoQyxnQ0FBZ0MsZ0VDbEI3QyxpUEFJb0I7OzRGRGNQLGdDQUFnQztrQkFaNUMsU0FBUzsrQkFFRSwwQkFBMEIsbUJBUW5CLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGZhSW5mb0NpcmNsZSB9IGZyb20gJ0Bmb3J0YXdlc29tZS9mcmVlLXNvbGlkLXN2Zy1pY29ucyc7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ2Rpc21pc3NhYmxlLW5vdGlmaWNhdGlvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9kaXNtaXNzYWJsZS1ub3RpZmljYXRpb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZXM6IFtgXG4gICAgOmhvc3Qge1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIH1cbiAgYF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBEaXNtaXNzYWJsZU5vdGlmaWNhdGlvbkNvbXBvbmVudCB7XG4gIGZhSW5mb0NpcmNsZSA9IGZhSW5mb0NpcmNsZTtcbn1cbiIsIjxkYWZmLW5vdGlmaWNhdGlvbiBkaXNtaXNzYWJsZT1cInRydWVcIj5cblx0PGZhLWljb24gZGFmZlByZWZpeCBbaWNvbl09XCJmYUluZm9DaXJjbGVcIj48L2ZhLWljb24+XG5cdDxkaXYgZGFmZk5vdGlmaWNhdGlvblRpdGxlPlRpdGxlPC9kaXY+XG5cdDxkaXYgZGFmZk5vdGlmaWNhdGlvblN1YnRpdGxlPlRoaXMgaXMgdGhlIHN1YnRpdGxlIHdpdGggaW5mb3JtYXRpb248L2Rpdj5cbjwvZGFmZi1ub3RpZmljYXRpb24+Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlzbWlzc2libGUtbm90aWZpY2F0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL25vdGlmaWNhdGlvbi9leGFtcGxlcy9zcmMvZGlzbWlzc2libGUtbm90aWZpY2F0aW9uL2Rpc21pc3NpYmxlLW5vdGlmaWNhdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9ub3RpZmljYXRpb24vZXhhbXBsZXMvc3JjL2Rpc21pc3NpYmxlLW5vdGlmaWNhdGlvbi9kaXNtaXNzaWJsZS1ub3RpZmljYXRpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLG1DQUFtQyxDQUFDOzs7OztBQWNqRSxNQUFNLE9BQU8sZ0NBQWdDO0lBWjdDO1FBYUUsaUJBQVksR0FBRyxZQUFZLENBQUM7S0FDN0I7a0lBRlksZ0NBQWdDO3NIQUFoQyxnQ0FBZ0MsZ0VDbEI3QyxpUEFJb0I7OzRGRGNQLGdDQUFnQztrQkFaNUMsU0FBUzsrQkFFRSwwQkFBMEIsbUJBUW5CLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGZhSW5mb0NpcmNsZSB9IGZyb20gJ0Bmb3J0YXdlc29tZS9mcmVlLXNvbGlkLXN2Zy1pY29ucyc7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ2Rpc21pc3NpYmxlLW5vdGlmaWNhdGlvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9kaXNtaXNzaWJsZS1ub3RpZmljYXRpb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZXM6IFtgXG4gICAgOmhvc3Qge1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIH1cbiAgYF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBEaXNtaXNzaWJsZU5vdGlmaWNhdGlvbkNvbXBvbmVudCB7XG4gIGZhSW5mb0NpcmNsZSA9IGZhSW5mb0NpcmNsZTtcbn1cbiIsIjxkYWZmLW5vdGlmaWNhdGlvbiBkaXNtaXNzaWJsZT1cInRydWVcIj5cblx0PGZhLWljb24gZGFmZlByZWZpeCBbaWNvbl09XCJmYUluZm9DaXJjbGVcIj48L2ZhLWljb24+XG5cdDxkaXYgZGFmZk5vdGlmaWNhdGlvblRpdGxlPlRpdGxlPC9kaXY+XG5cdDxkaXYgZGFmZk5vdGlmaWNhdGlvblN1YnRpdGxlPlRoaXMgaXMgdGhlIHN1YnRpdGxlIHdpdGggaW5mb3JtYXRpb248L2Rpdj5cbjwvZGFmZi1ub3RpZmljYXRpb24+Il19