@daffodil/design 0.73.0 → 0.75.0

package/esm2022/callout/callout/callout.component.mjs

@@ -1,37 +1,43 @@
-import { Component, ViewEncapsulation, ElementRef, ChangeDetectionStrategy, HostBinding, Renderer2, } from '@angular/core';
-import { daffArticleEncapsulatedMixin, daffColorMixin, daffCompactableMixin, daffManageContainerLayoutMixin, daffTextAlignmentMixin, } from '@daffodil/design';
+import { Component, ViewEncapsulation, ChangeDetectionStrategy, HostBinding, } from '@angular/core';
+import { DaffColorableDirective, DaffCompactableDirective, } from '@daffodil/design';
+import { DaffArticleEncapsulatedDirective, DaffManageContainerLayoutDirective, DaffTextAlignableDirective, } from '@daffodil/design';
 import * as i0 from "@angular/core";
-/**
- * An _elementRef and an instance of renderer2 are needed for the Colorable mixin
- */
-class DaffCalloutBase {
-    constructor(_elementRef, _renderer) {
-        this._elementRef = _elementRef;
-        this._renderer = _renderer;
-    }
-}
-const _daffCalloutBase = daffArticleEncapsulatedMixin(daffManageContainerLayoutMixin(daffColorMixin(daffCompactableMixin(daffTextAlignmentMixin(DaffCalloutBase, 'left')))));
+import * as i1 from "@daffodil/design";
 /**
  * @inheritdoc
  */
-export class DaffCalloutComponent extends _daffCalloutBase {
-    constructor(elementRef, renderer) {
-        super(elementRef, renderer);
-        this.elementRef = elementRef;
-        this.renderer = renderer;
+export class DaffCalloutComponent {
+    constructor(textAlignable) {
+        this.textAlignable = textAlignable;
         /**
          * @docs-private
          */
         this.class = true;
+        this.textAlignable.textAlignment = 'left';
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffCalloutComponent, 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: DaffCalloutComponent, selector: "daff-callout", inputs: { color: "color", compact: "compact", textAlignment: "textAlignment" }, host: { properties: { "class.daff-callout": "this.class" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".daff-callout{display:block;padding:64px 24px}@media (min-width: 480px){.daff-callout{padding:96px 48px}}.daff-callout__icon{margin:0 0 16px}.daff-callout__tagline{font-size:.875rem;font-weight:600;letter-spacing:.03125rem;line-height:1rem;text-transform:uppercase;margin:0 0 8px;padding:0}.daff-callout__title{font-weight:700;font-size:1.75rem;line-height:2rem;margin:0;max-width:1040px;overflow-wrap:break-word;padding:0;width:100%}@media (min-width: 480px){.daff-callout__title{font-weight:700;font-size:2rem;line-height:2.25rem}}@media (min-width: 480px) and (min-width: 768px){.daff-callout__title{font-size:3rem;line-height:3.5rem}}.daff-callout__subtitle{font-size:1.25rem;margin:16px 0 0;max-width:592px;padding:0;width:100%}.daff-callout__body:not(:last-child){margin-bottom:48px}.daff-callout__body:not(:first-child){margin-top:48px}.daff-callout__body p:first-of-type{margin-top:0}.daff-callout__body p:last-of-type{margin-bottom:0}.daff-callout.daff-compact{padding:48px 24px}@media (min-width: 480px){.daff-callout.daff-compact{padding:48px}}.daff-callout.daff-left .daff-callout__icon,.daff-callout.daff-left .daff-callout__tagline,.daff-callout.daff-left .daff-callout__title,.daff-callout.daff-left .daff-callout__subtitle{text-align:left}.daff-callout.daff-center .daff-callout__icon,.daff-callout.daff-center .daff-callout__tagline,.daff-callout.daff-center .daff-callout__title,.daff-callout.daff-center .daff-callout__subtitle{margin-left:auto;margin-right:auto;text-align:center}.daff-callout.daff-right .daff-callout__icon,.daff-callout.daff-right .daff-callout__tagline,.daff-callout.daff-right .daff-callout__title,.daff-callout.daff-right .daff-callout__subtitle{margin-left:auto;text-align:right}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffCalloutComponent, deps: [{ token: i1.DaffTextAlignableDirective }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: DaffCalloutComponent, selector: "daff-callout", host: { properties: { "class.daff-callout": "this.class" } }, hostDirectives: [{ directive: i1.DaffArticleEncapsulatedDirective }, { directive: i1.DaffManageContainerLayoutDirective }, { directive: i1.DaffTextAlignableDirective, inputs: ["textAlignment", "textAlignment"] }, { directive: i1.DaffCompactableDirective, inputs: ["compact", "compact"] }, { directive: i1.DaffColorableDirective, inputs: ["color", "color"] }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".daff-callout{display:block;padding:64px 24px}@media (min-width: 480px){.daff-callout{padding:96px 48px}}.daff-callout__icon{margin:0 0 16px}.daff-callout__tagline{font-size:.875rem;font-weight:600;letter-spacing:.03125rem;line-height:1rem;text-transform:uppercase;margin:0 0 8px;padding:0}.daff-callout__title{font-weight:700;font-size:1.75rem;line-height:2rem;margin:0;max-width:1040px;overflow-wrap:break-word;padding:0;width:100%}@media (min-width: 480px){.daff-callout__title{font-weight:700;font-size:2rem;line-height:2.25rem}}@media (min-width: 480px) and (min-width: 768px){.daff-callout__title{font-size:3rem;line-height:3.5rem}}.daff-callout__subtitle{font-size:1.25rem;margin:16px 0 0;max-width:592px;padding:0;width:100%}.daff-callout__body:not(:last-child){margin-bottom:48px}.daff-callout__body:not(:first-child){margin-top:48px}.daff-callout__body p:first-of-type{margin-top:0}.daff-callout__body p:last-of-type{margin-bottom:0}.daff-callout.daff-compact{padding:48px 24px}@media (min-width: 480px){.daff-callout.daff-compact{padding:48px}}.daff-callout.daff-left .daff-callout__icon,.daff-callout.daff-left .daff-callout__tagline,.daff-callout.daff-left .daff-callout__title,.daff-callout.daff-left .daff-callout__subtitle{text-align:left}.daff-callout.daff-center .daff-callout__icon,.daff-callout.daff-center .daff-callout__tagline,.daff-callout.daff-center .daff-callout__title,.daff-callout.daff-center .daff-callout__subtitle{margin-left:auto;margin-right:auto;text-align:center}.daff-callout.daff-right .daff-callout__icon,.daff-callout.daff-right .daff-callout__tagline,.daff-callout.daff-right .daff-callout__title,.daff-callout.daff-right .daff-callout__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: DaffCalloutComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'daff-callout', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, inputs: ['color', 'compact', 'textAlignment'], changeDetection: ChangeDetectionStrategy.OnPush, styles: [".daff-callout{display:block;padding:64px 24px}@media (min-width: 480px){.daff-callout{padding:96px 48px}}.daff-callout__icon{margin:0 0 16px}.daff-callout__tagline{font-size:.875rem;font-weight:600;letter-spacing:.03125rem;line-height:1rem;text-transform:uppercase;margin:0 0 8px;padding:0}.daff-callout__title{font-weight:700;font-size:1.75rem;line-height:2rem;margin:0;max-width:1040px;overflow-wrap:break-word;padding:0;width:100%}@media (min-width: 480px){.daff-callout__title{font-weight:700;font-size:2rem;line-height:2.25rem}}@media (min-width: 480px) and (min-width: 768px){.daff-callout__title{font-size:3rem;line-height:3.5rem}}.daff-callout__subtitle{font-size:1.25rem;margin:16px 0 0;max-width:592px;padding:0;width:100%}.daff-callout__body:not(:last-child){margin-bottom:48px}.daff-callout__body:not(:first-child){margin-top:48px}.daff-callout__body p:first-of-type{margin-top:0}.daff-callout__body p:last-of-type{margin-bottom:0}.daff-callout.daff-compact{padding:48px 24px}@media (min-width: 480px){.daff-callout.daff-compact{padding:48px}}.daff-callout.daff-left .daff-callout__icon,.daff-callout.daff-left .daff-callout__tagline,.daff-callout.daff-left .daff-callout__title,.daff-callout.daff-left .daff-callout__subtitle{text-align:left}.daff-callout.daff-center .daff-callout__icon,.daff-callout.daff-center .daff-callout__tagline,.daff-callout.daff-center .daff-callout__title,.daff-callout.daff-center .daff-callout__subtitle{margin-left:auto;margin-right:auto;text-align:center}.daff-callout.daff-right .daff-callout__icon,.daff-callout.daff-right .daff-callout__tagline,.daff-callout.daff-right .daff-callout__title,.daff-callout.daff-right .daff-callout__subtitle{margin-left:auto;text-align:right}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { class: [{
+            args: [{ selector: 'daff-callout', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, hostDirectives: [
+                        { directive: DaffArticleEncapsulatedDirective },
+                        { directive: DaffManageContainerLayoutDirective },
+                        {
+                            directive: DaffTextAlignableDirective,
+                            inputs: ['textAlignment'],
+                        },
+                        {
+                            directive: DaffCompactableDirective,
+                            inputs: ['compact'],
+                        },
+                        {
+                            directive: DaffColorableDirective,
+                            inputs: ['color'],
+                        },
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, styles: [".daff-callout{display:block;padding:64px 24px}@media (min-width: 480px){.daff-callout{padding:96px 48px}}.daff-callout__icon{margin:0 0 16px}.daff-callout__tagline{font-size:.875rem;font-weight:600;letter-spacing:.03125rem;line-height:1rem;text-transform:uppercase;margin:0 0 8px;padding:0}.daff-callout__title{font-weight:700;font-size:1.75rem;line-height:2rem;margin:0;max-width:1040px;overflow-wrap:break-word;padding:0;width:100%}@media (min-width: 480px){.daff-callout__title{font-weight:700;font-size:2rem;line-height:2.25rem}}@media (min-width: 480px) and (min-width: 768px){.daff-callout__title{font-size:3rem;line-height:3.5rem}}.daff-callout__subtitle{font-size:1.25rem;margin:16px 0 0;max-width:592px;padding:0;width:100%}.daff-callout__body:not(:last-child){margin-bottom:48px}.daff-callout__body:not(:first-child){margin-top:48px}.daff-callout__body p:first-of-type{margin-top:0}.daff-callout__body p:last-of-type{margin-bottom:0}.daff-callout.daff-compact{padding:48px 24px}@media (min-width: 480px){.daff-callout.daff-compact{padding:48px}}.daff-callout.daff-left .daff-callout__icon,.daff-callout.daff-left .daff-callout__tagline,.daff-callout.daff-left .daff-callout__title,.daff-callout.daff-left .daff-callout__subtitle{text-align:left}.daff-callout.daff-center .daff-callout__icon,.daff-callout.daff-center .daff-callout__tagline,.daff-callout.daff-center .daff-callout__title,.daff-callout.daff-center .daff-callout__subtitle{margin-left:auto;margin-right:auto;text-align:center}.daff-callout.daff-right .daff-callout__icon,.daff-callout.daff-right .daff-callout__tagline,.daff-callout.daff-right .daff-callout__title,.daff-callout.daff-right .daff-callout__subtitle{margin-left:auto;text-align:right}\n"] }]
+        }], ctorParameters: () => [{ type: i1.DaffTextAlignableDirective }], propDecorators: { class: [{
                 type: HostBinding,
                 args: ['class.daff-callout']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsbG91dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9jYWxsb3V0L3NyYy9jYWxsb3V0L2NhbGxvdXQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsaUJBQWlCLEVBRWpCLFVBQVUsRUFDVix1QkFBdUIsRUFDdkIsV0FBVyxFQUNYLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQ0wsNEJBQTRCLEVBRTVCLGNBQWMsRUFFZCxvQkFBb0IsRUFDcEIsOEJBQThCLEVBRTlCLHNCQUFzQixHQUN2QixNQUFNLGtCQUFrQixDQUFDOztBQUUxQjs7R0FFRztBQUNILE1BQU0sZUFBZTtJQUNuQixZQUFtQixXQUF1QixFQUFTLFNBQW9CO1FBQXBELGdCQUFXLEdBQVgsV0FBVyxDQUFZO1FBQVMsY0FBUyxHQUFULFNBQVMsQ0FBVztJQUFHLENBQUM7Q0FDNUU7QUFFRCxNQUFNLGdCQUFnQixHQUFHLDRCQUE0QixDQUFDLDhCQUE4QixDQUFDLGNBQWMsQ0FBQyxvQkFBb0IsQ0FBQyxzQkFBc0IsQ0FBQyxlQUFlLEVBQUUsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztBQUU3Szs7R0FFRztBQVdILE1BQU0sT0FBTyxvQkFBcUIsU0FBUSxnQkFBZ0I7SUFDeEQsWUFBb0IsVUFBc0IsRUFBVSxRQUFtQjtRQUNyRSxLQUFLLENBQUMsVUFBVSxFQUFFLFFBQVEsQ0FBQyxDQUFDO1FBRFYsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQUFVLGFBQVEsR0FBUixRQUFRLENBQVc7UUFJdkU7O1dBRUc7UUFDZ0MsVUFBSyxHQUFHLElBQUksQ0FBQztJQUxoRCxDQUFDO2tJQUhVLG9CQUFvQjtzSEFBcEIsb0JBQW9CLHlOQVJyQiwyQkFBMkI7OzRGQVExQixvQkFBb0I7a0JBVmhDLFNBQVM7K0JBQ0UsY0FBYyxZQUNkLDJCQUEyQixpQkFFdEIsaUJBQWlCLENBQUMsSUFBSSxVQUc3QixDQUFDLE9BQU8sRUFBRSxTQUFTLEVBQUUsZUFBZSxDQUFDLG1CQUM1Qix1QkFBdUIsQ0FBQyxNQUFNO3VHQVVaLEtBQUs7c0JBQXZDLFdBQVc7dUJBQUMsb0JBQW9CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgSW5wdXQsXG4gIEVsZW1lbnRSZWYsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBIb3N0QmluZGluZyxcbiAgUmVuZGVyZXIyLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHtcbiAgZGFmZkFydGljbGVFbmNhcHN1bGF0ZWRNaXhpbixcbiAgRGFmZkNvbG9yYWJsZSxcbiAgZGFmZkNvbG9yTWl4aW4sXG4gIERhZmZDb21wYWN0YWJsZSxcbiAgZGFmZkNvbXBhY3RhYmxlTWl4aW4sXG4gIGRhZmZNYW5hZ2VDb250YWluZXJMYXlvdXRNaXhpbixcbiAgRGFmZlRleHRBbGlnbmFibGUsXG4gIGRhZmZUZXh0QWxpZ25tZW50TWl4aW4sXG59IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24nO1xuXG4vKipcbiAqIEFuIF9lbGVtZW50UmVmIGFuZCBhbiBpbnN0YW5jZSBvZiByZW5kZXJlcjIgYXJlIG5lZWRlZCBmb3IgdGhlIENvbG9yYWJsZSBtaXhpblxuICovXG5jbGFzcyBEYWZmQ2FsbG91dEJhc2Uge1xuICBjb25zdHJ1Y3RvcihwdWJsaWMgX2VsZW1lbnRSZWY6IEVsZW1lbnRSZWYsIHB1YmxpYyBfcmVuZGVyZXI6IFJlbmRlcmVyMikge31cbn1cblxuY29uc3QgX2RhZmZDYWxsb3V0QmFzZSA9IGRhZmZBcnRpY2xlRW5jYXBzdWxhdGVkTWl4aW4oZGFmZk1hbmFnZUNvbnRhaW5lckxheW91dE1peGluKGRhZmZDb2xvck1peGluKGRhZmZDb21wYWN0YWJsZU1peGluKGRhZmZUZXh0QWxpZ25tZW50TWl4aW4oRGFmZkNhbGxvdXRCYXNlLCAnbGVmdCcpKSkpKTtcblxuLyoqXG4gKiBAaW5oZXJpdGRvY1xuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkYWZmLWNhbGxvdXQnLFxuICB0ZW1wbGF0ZTogJzxuZy1jb250ZW50PjwvbmctY29udGVudD4nLFxuICBzdHlsZVVybHM6IFsnLi9jYWxsb3V0LmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIC8vdG9kbyhkYW1pZW53ZWJkZXYpOiByZW1vdmUgb25jZSBkZWNvcmF0b3JzIGhpdCBzdGFnZSAzIC0gaHR0cHM6Ly9naXRodWIuY29tL21pY3Jvc29mdC9UeXBlU2NyaXB0L2lzc3Vlcy83MzQyXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvbm8taW5wdXRzLW1ldGFkYXRhLXByb3BlcnR5XG4gIGlucHV0czogWydjb2xvcicsICdjb21wYWN0JywgJ3RleHRBbGlnbm1lbnQnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIERhZmZDYWxsb3V0Q29tcG9uZW50IGV4dGVuZHMgX2RhZmZDYWxsb3V0QmFzZSBpbXBsZW1lbnRzIERhZmZDb2xvcmFibGUsIERhZmZUZXh0QWxpZ25hYmxlLCBEYWZmQ29tcGFjdGFibGUge1xuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYsIHByaXZhdGUgcmVuZGVyZXI6IFJlbmRlcmVyMikge1xuICAgIHN1cGVyKGVsZW1lbnRSZWYsIHJlbmRlcmVyKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmRhZmYtY2FsbG91dCcpIGNsYXNzID0gdHJ1ZTtcbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsbG91dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9jYWxsb3V0L3NyYy9jYWxsb3V0L2NhbGxvdXQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsaUJBQWlCLEVBQ2pCLHVCQUF1QixFQUN2QixXQUFXLEdBQ1osTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUNMLHNCQUFzQixFQUN0Qix3QkFBd0IsR0FDekIsTUFBTSxrQkFBa0IsQ0FBQztBQUMxQixPQUFPLEVBQ0wsZ0NBQWdDLEVBQ2hDLGtDQUFrQyxFQUNsQywwQkFBMEIsR0FDM0IsTUFBTSxrQkFBa0IsQ0FBQzs7O0FBRTFCOztHQUVHO0FBd0JILE1BQU0sT0FBTyxvQkFBb0I7SUFDL0IsWUFBb0IsYUFBeUM7UUFBekMsa0JBQWEsR0FBYixhQUFhLENBQTRCO1FBSTdEOztXQUVHO1FBQ2dDLFVBQUssR0FBRyxJQUFJLENBQUM7UUFOOUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxhQUFhLEdBQUcsTUFBTSxDQUFDO0lBQzVDLENBQUM7a0lBSFUsb0JBQW9CO3NIQUFwQixvQkFBb0IsMGRBckJyQiwyQkFBMkI7OzRGQXFCMUIsb0JBQW9CO2tCQXZCaEMsU0FBUzsrQkFDRSxjQUFjLFlBQ2QsMkJBQTJCLGlCQUV0QixpQkFBaUIsQ0FBQyxJQUFJLGtCQUNyQjt3QkFDZCxFQUFFLFNBQVMsRUFBRSxnQ0FBZ0MsRUFBRTt3QkFDL0MsRUFBRSxTQUFTLEVBQUUsa0NBQWtDLEVBQUU7d0JBQ2pEOzRCQUNFLFNBQVMsRUFBRSwwQkFBMEI7NEJBQ3JDLE1BQU0sRUFBRSxDQUFDLGVBQWUsQ0FBQzt5QkFDMUI7d0JBQ0Q7NEJBQ0UsU0FBUyxFQUFFLHdCQUF3Qjs0QkFDbkMsTUFBTSxFQUFFLENBQUMsU0FBUyxDQUFDO3lCQUNwQjt3QkFDRDs0QkFDRSxTQUFTLEVBQUUsc0JBQXNCOzRCQUNqQyxNQUFNLEVBQUUsQ0FBQyxPQUFPLENBQUM7eUJBQ2xCO3FCQUNGLG1CQUNnQix1QkFBdUIsQ0FBQyxNQUFNOytGQVVaLEtBQUs7c0JBQXZDLFdBQVc7dUJBQUMsb0JBQW9CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIEhvc3RCaW5kaW5nLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHtcbiAgRGFmZkNvbG9yYWJsZURpcmVjdGl2ZSxcbiAgRGFmZkNvbXBhY3RhYmxlRGlyZWN0aXZlLFxufSBmcm9tICdAZGFmZm9kaWwvZGVzaWduJztcbmltcG9ydCB7XG4gIERhZmZBcnRpY2xlRW5jYXBzdWxhdGVkRGlyZWN0aXZlLFxuICBEYWZmTWFuYWdlQ29udGFpbmVyTGF5b3V0RGlyZWN0aXZlLFxuICBEYWZmVGV4dEFsaWduYWJsZURpcmVjdGl2ZSxcbn0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbic7XG5cbi8qKlxuICogQGluaGVyaXRkb2NcbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZGFmZi1jYWxsb3V0JyxcbiAgdGVtcGxhdGU6ICc8bmctY29udGVudD48L25nLWNvbnRlbnQ+JyxcbiAgc3R5bGVVcmxzOiBbJy4vY2FsbG91dC5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBob3N0RGlyZWN0aXZlczogW1xuICAgIHsgZGlyZWN0aXZlOiBEYWZmQXJ0aWNsZUVuY2Fwc3VsYXRlZERpcmVjdGl2ZSB9LFxuICAgIHsgZGlyZWN0aXZlOiBEYWZmTWFuYWdlQ29udGFpbmVyTGF5b3V0RGlyZWN0aXZlIH0sXG4gICAge1xuICAgICAgZGlyZWN0aXZlOiBEYWZmVGV4dEFsaWduYWJsZURpcmVjdGl2ZSxcbiAgICAgIGlucHV0czogWyd0ZXh0QWxpZ25tZW50J10sXG4gICAgfSxcbiAgICB7XG4gICAgICBkaXJlY3RpdmU6IERhZmZDb21wYWN0YWJsZURpcmVjdGl2ZSxcbiAgICAgIGlucHV0czogWydjb21wYWN0J10sXG4gICAgfSxcbiAgICB7XG4gICAgICBkaXJlY3RpdmU6IERhZmZDb2xvcmFibGVEaXJlY3RpdmUsXG4gICAgICBpbnB1dHM6IFsnY29sb3InXSxcbiAgICB9LFxuICBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgRGFmZkNhbGxvdXRDb21wb25lbnQge1xuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHRleHRBbGlnbmFibGU6IERhZmZUZXh0QWxpZ25hYmxlRGlyZWN0aXZlKSB7XG4gICAgdGhpcy50ZXh0QWxpZ25hYmxlLnRleHRBbGlnbm1lbnQgPSAnbGVmdCc7XG4gIH1cblxuICAvKipcbiAgICogQGRvY3MtcHJpdmF0ZVxuICAgKi9cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5kYWZmLWNhbGxvdXQnKSBjbGFzcyA9IHRydWU7XG59XG4iXX0=

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

@@ -1,13 +1,16 @@
+import { NgFor } from '@angular/common';
 import { ChangeDetectionStrategy, Component, } from '@angular/core';
-import { UntypedFormControl } from '@angular/forms';
+import { UntypedFormControl, ReactiveFormsModule, } from '@angular/forms';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 import { faMobile } from '@fortawesome/free-solid-svg-icons';
+import { DaffButtonModule } from '@daffodil/design/button';
+import { DaffCalloutModule } from '@daffodil/design/callout';
+import { DaffContainerModule } from '@daffodil/design/container';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@angular/forms";
-import * as i3 from "@daffodil/design/callout";
-import * as i4 from "@daffodil/design/container";
-import * as i5 from "@daffodil/design/button";
-import * as i6 from "@fortawesome/angular-fontawesome";
+import * as i1 from "@daffodil/design/callout";
+import * as i2 from "@daffodil/design/container";
+import * as i3 from "@daffodil/design/button";
+import * as i4 from "@angular/forms";
 export class CalloutTextAlignmentComponent {
     constructor() {
         this.faMobile = faMobile;
@@ -20,10 +23,17 @@ export class CalloutTextAlignmentComponent {
         ];
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: CalloutTextAlignmentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: CalloutTextAlignmentComponent, selector: "callout-text-alignment", ngImport: i0, template: "<daff-callout [textAlignment]=\"textAlignControl.value\">\n\t<daff-container size=\"md\">\n\t\t<div class=\"daff-callout-text-alignment__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>\n\n<select [formControl]=\"textAlignControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: [".daff-callout-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.DaffCalloutComponent, selector: "daff-callout", inputs: ["color", "compact", "textAlignment"] }, { kind: "directive", type: i3.DaffCalloutIconDirective, selector: "[daffCalloutIcon]" }, { kind: "directive", type: i3.DaffCalloutSubtitleDirective, selector: "[daffCalloutSubtitle]" }, { kind: "directive", type: i3.DaffCalloutTitleDirective, selector: "[daffCalloutTitle]" }, { kind: "directive", type: i3.DaffCalloutTaglineDirective, selector: "[daffCalloutTagline]" }, { kind: "directive", type: i3.DaffCalloutBodyDirective, selector: "[daffCalloutBody]" }, { 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: CalloutTextAlignmentComponent, isStandalone: true, selector: "callout-text-alignment", ngImport: i0, template: "<daff-callout [textAlignment]=\"textAlignControl.value\">\n\t<daff-container size=\"md\">\n\t\t<div class=\"daff-callout-text-alignment__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>\n\n<select [formControl]=\"textAlignControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: [".daff-callout-text-alignment__icon{display:flex;background:rgba(var(--daff-theme-rgb),.2);border-radius:50%;color:var(--daff-theme-contrast-rgb);width:48px;height:48px;justify-content:center;align-items:center;padding:12px 0}\n"], dependencies: [{ kind: "ngmodule", type: DaffCalloutModule }, { kind: "component", type: i1.DaffCalloutComponent, selector: "daff-callout" }, { 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: "ngmodule", type: DaffContainerModule }, { kind: "component", type: i2.DaffContainerComponent, selector: "daff-container" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "ngmodule", type: DaffButtonModule }, { kind: "component", type: i3.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["loading", "tabindex", "disabled"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: CalloutTextAlignmentComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'callout-text-alignment', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-callout [textAlignment]=\"textAlignControl.value\">\n\t<daff-container size=\"md\">\n\t\t<div class=\"daff-callout-text-alignment__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>\n\n<select [formControl]=\"textAlignControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: [".daff-callout-text-alignment__icon{display:flex;background:rgba(var(--daff-theme-rgb),.2);border-radius:50%;color:var(--daff-theme-contrast-rgb);width:48px;height:48px;justify-content:center;align-items:center;padding:12px 0}\n"] }]
+            args: [{ selector: 'callout-text-alignment', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        DaffCalloutModule,
+                        DaffContainerModule,
+                        FaIconComponent,
+                        DaffButtonModule,
+                        ReactiveFormsModule,
+                        NgFor,
+                    ], template: "<daff-callout [textAlignment]=\"textAlignControl.value\">\n\t<daff-container size=\"md\">\n\t\t<div class=\"daff-callout-text-alignment__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>\n\n<select [formControl]=\"textAlignControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: [".daff-callout-text-alignment__icon{display:flex;background:rgba(var(--daff-theme-rgb),.2);border-radius:50%;color:var(--daff-theme-contrast-rgb);width:48px;height:48px;justify-content:center;align-items:center;padding:12px 0}\n"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsbG91dC10ZXh0LWFsaWdubWVudC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9jYWxsb3V0L2V4YW1wbGVzL3NyYy9jYWxsb3V0LXRleHQtYWxpZ25tZW50L2NhbGxvdXQtdGV4dC1hbGlnbm1lbnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vY2FsbG91dC9leGFtcGxlcy9zcmMvY2FsbG91dC10ZXh0LWFsaWdubWVudC9jYWxsb3V0LXRleHQtYWxpZ25tZW50LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3BELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQzs7Ozs7Ozs7QUFTN0QsTUFBTSxPQUFPLDZCQUE2QjtJQVAxQztRQVFFLGFBQVEsR0FBRyxRQUFRLENBQUM7UUFDcEIscUJBQWdCLEdBQXVCLElBQUksa0JBQWtCLENBQUMsRUFBRSxDQUFDLENBQUM7UUFFbEUsWUFBTyxHQUFHO1lBQ1IsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUU7WUFDL0IsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUU7WUFDaEMsRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUU7WUFDcEMsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUU7U0FDbkMsQ0FBQztLQUNIO2tJQVZZLDZCQUE2QjtzSEFBN0IsNkJBQTZCLDhEQ2QxQyxnOUJBbUJTOzs0RkRMSSw2QkFBNkI7a0JBUHpDLFNBQVM7K0JBRUUsd0JBQXdCLG1CQUdqQix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBVbnR5cGVkRm9ybUNvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBmYU1vYmlsZSB9IGZyb20gJ0Bmb3J0YXdlc29tZS9mcmVlLXNvbGlkLXN2Zy1pY29ucyc7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ2NhbGxvdXQtdGV4dC1hbGlnbm1lbnQnLFxuICB0ZW1wbGF0ZVVybDogJy4vY2FsbG91dC10ZXh0LWFsaWdubWVudC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NhbGxvdXQtdGV4dC1hbGlnbm1lbnQuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIENhbGxvdXRUZXh0QWxpZ25tZW50Q29tcG9uZW50IHtcbiAgZmFNb2JpbGUgPSBmYU1vYmlsZTtcbiAgdGV4dEFsaWduQ29udHJvbDogVW50eXBlZEZvcm1Db250cm9sID0gbmV3IFVudHlwZWRGb3JtQ29udHJvbCgnJyk7XG5cbiAgb3B0aW9ucyA9IFtcbiAgICB7IHZhbHVlOiAnJywgbGFiZWw6ICdEZWZhdWx0JyB9LFxuICAgIHsgdmFsdWU6ICdsZWZ0JywgbGFiZWw6ICdMZWZ0JyB9LFxuICAgIHsgdmFsdWU6ICdjZW50ZXInLCBsYWJlbDogJ0NlbnRlcicgfSxcbiAgICB7IHZhbHVlOiAncmlnaHQnLCBsYWJlbDogJ1JpZ2h0JyB9LFxuICBdO1xufVxuIiwiPGRhZmYtY2FsbG91dCBbdGV4dEFsaWdubWVudF09XCJ0ZXh0QWxpZ25Db250cm9sLnZhbHVlXCI+XG5cdDxkYWZmLWNvbnRhaW5lciBzaXplPVwibWRcIj5cblx0XHQ8ZGl2IGNsYXNzPVwiZGFmZi1jYWxsb3V0LXRleHQtYWxpZ25tZW50X19pY29uXCIgZGFmZkNhbGxvdXRJY29uPlxuXHRcdFx0PGZhLWljb24gW2ljb25dPVwiZmFNb2JpbGVcIj48L2ZhLWljb24+XG5cdFx0PC9kaXY+XG5cdFx0PGRpdiBkYWZmQ2FsbG91dFRhZ2xpbmU+RnJvbnRlbmQgZnJhbWV3b3JrIGZvciBlY29tbWVyY2UgUFdBczwvZGl2PlxuXHRcdDxoMyBkYWZmQ2FsbG91dFRpdGxlPkRhZmZvZGlsOiBUaGUgbmV4dCBncmVhdCBsZWFwIGluIGVjb21tZXJjZS48L2gzPlxuXHRcdDxkaXYgZGFmZkNhbGxvdXRTdWJ0aXRsZT5cblx0XHRcdDxwPkRhZmZvZGlsIHByb3ZpZGVzIGV2ZXJ5dGhpbmcgeW91IG5lZWQgdG8gY3JlYXRlIHBvd2VyZnVsIGFuZCBmbGV4aWJsZSBlY29tbWVyY2UgZXhwZXJpZW5jZXMuPC9wPlxuXHRcdFx0PHA+V2l0aCBEYWZmb2RpbCwgYW1iaXRpb3VzIGJ1c2luZXNzZXMgYXJlIGFibGUgdG8gYWNoaWV2ZSBtb3JlIHdoaWxlIG1pbmltaXppbmcgZGV2ZWxvcG1lbnQgYW5kIG1haW50ZW5hbmNlIGNvc3RzLjwvcD5cblx0XHQ8L2Rpdj5cblx0XHQ8ZGl2IGRhZmZDYWxsb3V0Qm9keT5cblx0XHRcdDxhIGRhZmYtYnV0dG9uIGNvbG9yPVwidGhlbWUtY29udHJhc3RcIiBocmVmPVwiaHR0cHM6Ly93d3cuZGFmZi5pb1wiPldoYXQgaXMgRGFmZm9kaWw/PC9hPlxuXHRcdDwvZGl2PlxuXHQ8L2RhZmYtY29udGFpbmVyPlxuPC9kYWZmLWNhbGxvdXQ+XG5cbjxzZWxlY3QgW2Zvcm1Db250cm9sXT1cInRleHRBbGlnbkNvbnRyb2xcIj5cblx0PG9wdGlvbiAqbmdGb3I9XCJsZXQgb3B0aW9uIG9mIG9wdGlvbnNcIiBbdmFsdWVdPVwib3B0aW9uLnZhbHVlXCI+e3sgb3B0aW9uLmxhYmVsIH19PC9vcHRpb24+XG48L3NlbGVjdD4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsbG91dC10ZXh0LWFsaWdubWVudC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9jYWxsb3V0L2V4YW1wbGVzL3NyYy9jYWxsb3V0LXRleHQtYWxpZ25tZW50L2NhbGxvdXQtdGV4dC1hbGlnbm1lbnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vY2FsbG91dC9leGFtcGxlcy9zcmMvY2FsbG91dC10ZXh0LWFsaWdubWVudC9jYWxsb3V0LXRleHQtYWxpZ25tZW50LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUN4QyxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQ0wsa0JBQWtCLEVBQ2xCLG1CQUFtQixHQUNwQixNQUFNLGdCQUFnQixDQUFDO0FBQ3hCLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNuRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFFN0QsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDM0QsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDN0QsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7Ozs7OztBQWtCakUsTUFBTSxPQUFPLDZCQUE2QjtJQWhCMUM7UUFpQkUsYUFBUSxHQUFHLFFBQVEsQ0FBQztRQUNwQixxQkFBZ0IsR0FBdUIsSUFBSSxrQkFBa0IsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUVsRSxZQUFPLEdBQUc7WUFDUixFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRTtZQUMvQixFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRTtZQUNoQyxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRTtZQUNwQyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRTtTQUNuQyxDQUFDO0tBQ0g7a0lBVlksNkJBQTZCO3NIQUE3Qiw2QkFBNkIsa0ZDaEMxQyxnOUJBbUJTLDRSREtMLGlCQUFpQiwyakJBQ2pCLG1CQUFtQixtSEFDbkIsZUFBZSxpUEFDZixnQkFBZ0IscWFBQ2hCLG1CQUFtQixxdEJBQ25CLEtBQUs7OzRGQUdJLDZCQUE2QjtrQkFoQnpDLFNBQVM7K0JBRUUsd0JBQXdCLG1CQUdqQix1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLElBQUksV0FDUDt3QkFDUCxpQkFBaUI7d0JBQ2pCLG1CQUFtQjt3QkFDbkIsZUFBZTt3QkFDZixnQkFBZ0I7d0JBQ2hCLG1CQUFtQjt3QkFDbkIsS0FBSztxQkFDTiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nRm9yIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgVW50eXBlZEZvcm1Db250cm9sLFxuICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxufSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBGYUljb25Db21wb25lbnQgfSBmcm9tICdAZm9ydGF3ZXNvbWUvYW5ndWxhci1mb250YXdlc29tZSc7XG5pbXBvcnQgeyBmYU1vYmlsZSB9IGZyb20gJ0Bmb3J0YXdlc29tZS9mcmVlLXNvbGlkLXN2Zy1pY29ucyc7XG5cbmltcG9ydCB7IERhZmZCdXR0b25Nb2R1bGUgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduL2J1dHRvbic7XG5pbXBvcnQgeyBEYWZmQ2FsbG91dE1vZHVsZSB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24vY2FsbG91dCc7XG5pbXBvcnQgeyBEYWZmQ29udGFpbmVyTW9kdWxlIH0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbi9jb250YWluZXInO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdjYWxsb3V0LXRleHQtYWxpZ25tZW50JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NhbGxvdXQtdGV4dC1hbGlnbm1lbnQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jYWxsb3V0LXRleHQtYWxpZ25tZW50LmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgRGFmZkNhbGxvdXRNb2R1bGUsXG4gICAgRGFmZkNvbnRhaW5lck1vZHVsZSxcbiAgICBGYUljb25Db21wb25lbnQsXG4gICAgRGFmZkJ1dHRvbk1vZHVsZSxcbiAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxuICAgIE5nRm9yLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBDYWxsb3V0VGV4dEFsaWdubWVudENvbXBvbmVudCB7XG4gIGZhTW9iaWxlID0gZmFNb2JpbGU7XG4gIHRleHRBbGlnbkNvbnRyb2w6IFVudHlwZWRGb3JtQ29udHJvbCA9IG5ldyBVbnR5cGVkRm9ybUNvbnRyb2woJycpO1xuXG4gIG9wdGlvbnMgPSBbXG4gICAgeyB2YWx1ZTogJycsIGxhYmVsOiAnRGVmYXVsdCcgfSxcbiAgICB7IHZhbHVlOiAnbGVmdCcsIGxhYmVsOiAnTGVmdCcgfSxcbiAgICB7IHZhbHVlOiAnY2VudGVyJywgbGFiZWw6ICdDZW50ZXInIH0sXG4gICAgeyB2YWx1ZTogJ3JpZ2h0JywgbGFiZWw6ICdSaWdodCcgfSxcbiAgXTtcbn1cbiIsIjxkYWZmLWNhbGxvdXQgW3RleHRBbGlnbm1lbnRdPVwidGV4dEFsaWduQ29udHJvbC52YWx1ZVwiPlxuXHQ8ZGFmZi1jb250YWluZXIgc2l6ZT1cIm1kXCI+XG5cdFx0PGRpdiBjbGFzcz1cImRhZmYtY2FsbG91dC10ZXh0LWFsaWdubWVudF9faWNvblwiIGRhZmZDYWxsb3V0SWNvbj5cblx0XHRcdDxmYS1pY29uIFtpY29uXT1cImZhTW9iaWxlXCI+PC9mYS1pY29uPlxuXHRcdDwvZGl2PlxuXHRcdDxkaXYgZGFmZkNhbGxvdXRUYWdsaW5lPkZyb250ZW5kIGZyYW1ld29yayBmb3IgZWNvbW1lcmNlIFBXQXM8L2Rpdj5cblx0XHQ8aDMgZGFmZkNhbGxvdXRUaXRsZT5EYWZmb2RpbDogVGhlIG5leHQgZ3JlYXQgbGVhcCBpbiBlY29tbWVyY2UuPC9oMz5cblx0XHQ8ZGl2IGRhZmZDYWxsb3V0U3VidGl0bGU+XG5cdFx0XHQ8cD5EYWZmb2RpbCBwcm92aWRlcyBldmVyeXRoaW5nIHlvdSBuZWVkIHRvIGNyZWF0ZSBwb3dlcmZ1bCBhbmQgZmxleGlibGUgZWNvbW1lcmNlIGV4cGVyaWVuY2VzLjwvcD5cblx0XHRcdDxwPldpdGggRGFmZm9kaWwsIGFtYml0aW91cyBidXNpbmVzc2VzIGFyZSBhYmxlIHRvIGFjaGlldmUgbW9yZSB3aGlsZSBtaW5pbWl6aW5nIGRldmVsb3BtZW50IGFuZCBtYWludGVuYW5jZSBjb3N0cy48L3A+XG5cdFx0PC9kaXY+XG5cdFx0PGRpdiBkYWZmQ2FsbG91dEJvZHk+XG5cdFx0XHQ8YSBkYWZmLWJ1dHRvbiBjb2xvcj1cInRoZW1lLWNvbnRyYXN0XCIgaHJlZj1cImh0dHBzOi8vd3d3LmRhZmYuaW9cIj5XaGF0IGlzIERhZmZvZGlsPzwvYT5cblx0XHQ8L2Rpdj5cblx0PC9kYWZmLWNvbnRhaW5lcj5cbjwvZGFmZi1jYWxsb3V0PlxuXG48c2VsZWN0IFtmb3JtQ29udHJvbF09XCJ0ZXh0QWxpZ25Db250cm9sXCI+XG5cdDxvcHRpb24gKm5nRm9yPVwibGV0IG9wdGlvbiBvZiBvcHRpb25zXCIgW3ZhbHVlXT1cIm9wdGlvbi52YWx1ZVwiPnt7IG9wdGlvbi5sYWJlbCB9fTwvb3B0aW9uPlxuPC9zZWxlY3Q+Il19

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

@@ -1,12 +1,14 @@
+import { NgFor } from '@angular/common';
 import { ChangeDetectionStrategy, Component, } from '@angular/core';
-import { UntypedFormControl } from '@angular/forms';
+import { UntypedFormControl, ReactiveFormsModule, } from '@angular/forms';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 import { faMobile } from '@fortawesome/free-solid-svg-icons';
+import { DaffButtonModule } from '@daffodil/design/button';
+import { DaffCalloutModule } from '@daffodil/design/callout';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@angular/forms";
-import * as i3 from "@daffodil/design/callout";
-import * as i4 from "@daffodil/design/button";
-import * as i5 from "@fortawesome/angular-fontawesome";
+import * as i1 from "@daffodil/design/callout";
+import * as i2 from "@daffodil/design/button";
+import * as i3 from "@angular/forms";
 export class CalloutThemingComponent {
     constructor() {
         this.faMobile = faMobile;
@@ -23,10 +25,16 @@ export class CalloutThemingComponent {
         ];
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: CalloutThemingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: CalloutThemingComponent, selector: "callout-theming", ngImport: i0, template: "<daff-callout [color]=\"colorControl.value\">\n\t<div class=\"daff-callout-theming__icon\" daffCalloutIcon>\n\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t</div>\n\t<div daffCalloutTagline>Frontend framework for ecommerce PWAs</div>\n\t<h3 daffCalloutTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t<div daffCalloutSubtitle>\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</div>\n\t<div daffCalloutBody>\n\t\t<a daff-button color=\"theme-contrast\" href=\"https://www.daff.io\">What is Daffodil?</a>\n\t</div>\n</daff-callout>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: [".daff-callout-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.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.DaffCalloutComponent, selector: "daff-callout", inputs: ["color", "compact", "textAlignment"] }, { kind: "directive", type: i3.DaffCalloutIconDirective, selector: "[daffCalloutIcon]" }, { kind: "directive", type: i3.DaffCalloutSubtitleDirective, selector: "[daffCalloutSubtitle]" }, { kind: "directive", type: i3.DaffCalloutTitleDirective, selector: "[daffCalloutTitle]" }, { kind: "directive", type: i3.DaffCalloutTaglineDirective, selector: "[daffCalloutTagline]" }, { kind: "directive", type: i3.DaffCalloutBodyDirective, selector: "[daffCalloutBody]" }, { 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"] }, { kind: "component", type: i5.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: CalloutThemingComponent, isStandalone: true, selector: "callout-theming", ngImport: i0, template: "<daff-callout [color]=\"colorControl.value\">\n\t<div class=\"daff-callout-theming__icon\" daffCalloutIcon>\n\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t</div>\n\t<div daffCalloutTagline>Frontend framework for ecommerce PWAs</div>\n\t<h3 daffCalloutTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t<div daffCalloutSubtitle>\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</div>\n\t<div daffCalloutBody>\n\t\t<a daff-button color=\"theme-contrast\" href=\"https://www.daff.io\">What is Daffodil?</a>\n\t</div>\n</daff-callout>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: [".daff-callout-theming__icon{display:flex;background:rgba(var(--daff-theme-rgb),.2);border-radius:50%;color:var(--daff-theme-contrast-rgb);width:48px;height:48px;justify-content:center;align-items:center;padding:12px 0}\n"], dependencies: [{ kind: "ngmodule", type: DaffCalloutModule }, { kind: "component", type: i1.DaffCalloutComponent, selector: "daff-callout" }, { 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: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "ngmodule", type: DaffButtonModule }, { kind: "component", type: i2.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["loading", "tabindex", "disabled"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: CalloutThemingComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'callout-theming', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-callout [color]=\"colorControl.value\">\n\t<div class=\"daff-callout-theming__icon\" daffCalloutIcon>\n\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t</div>\n\t<div daffCalloutTagline>Frontend framework for ecommerce PWAs</div>\n\t<h3 daffCalloutTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t<div daffCalloutSubtitle>\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</div>\n\t<div daffCalloutBody>\n\t\t<a daff-button color=\"theme-contrast\" href=\"https://www.daff.io\">What is Daffodil?</a>\n\t</div>\n</daff-callout>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: [".daff-callout-theming__icon{display:flex;background:rgba(var(--daff-theme-rgb),.2);border-radius:50%;color:var(--daff-theme-contrast-rgb);width:48px;height:48px;justify-content:center;align-items:center;padding:12px 0}\n"] }]
+            args: [{ selector: 'callout-theming', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        DaffCalloutModule,
+                        FaIconComponent,
+                        DaffButtonModule,
+                        ReactiveFormsModule,
+                        NgFor,
+                    ], template: "<daff-callout [color]=\"colorControl.value\">\n\t<div class=\"daff-callout-theming__icon\" daffCalloutIcon>\n\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t</div>\n\t<div daffCalloutTagline>Frontend framework for ecommerce PWAs</div>\n\t<h3 daffCalloutTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t<div daffCalloutSubtitle>\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</div>\n\t<div daffCalloutBody>\n\t\t<a daff-button color=\"theme-contrast\" href=\"https://www.daff.io\">What is Daffodil?</a>\n\t</div>\n</daff-callout>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: [".daff-callout-theming__icon{display:flex;background:rgba(var(--daff-theme-rgb),.2);border-radius:50%;color:var(--daff-theme-contrast-rgb);width:48px;height:48px;justify-content:center;align-items:center;padding:12px 0}\n"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsbG91dC10aGVtaW5nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2NhbGxvdXQvZXhhbXBsZXMvc3JjL2NhbGxvdXQtdGhlbWluZy9jYWxsb3V0LXRoZW1pbmcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vY2FsbG91dC9leGFtcGxlcy9zcmMvY2FsbG91dC10aGVtaW5nL2NhbGxvdXQtdGhlbWluZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNwRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUNBQW1DLENBQUM7Ozs7Ozs7QUFTN0QsTUFBTSxPQUFPLHVCQUF1QjtJQVBwQztRQVFFLGFBQVEsR0FBRyxRQUFRLENBQUM7UUFDcEIsaUJBQVksR0FBdUIsSUFBSSxrQkFBa0IsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUU5RCxZQUFPLEdBQUc7WUFDUixFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRTtZQUMvQixFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRTtZQUN0QyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRTtZQUMxQyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRTtZQUN4QyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRTtZQUNsQyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRTtZQUNsQyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRTtZQUNsQyxFQUFFLEtBQUssRUFBRSxnQkFBZ0IsRUFBRSxLQUFLLEVBQUUsZ0JBQWdCLEVBQUU7U0FDckQsQ0FBQztLQUNIO2tJQWRZLHVCQUF1QjtzSEFBdkIsdUJBQXVCLHVEQ2RwQyw0MkJBaUJTOzs0RkRISSx1QkFBdUI7a0JBUG5DLFNBQVM7K0JBRUUsaUJBQWlCLG1CQUdWLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFVudHlwZWRGb3JtQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IGZhTW9iaWxlIH0gZnJvbSAnQGZvcnRhd2Vzb21lL2ZyZWUtc29saWQtc3ZnLWljb25zJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnY2FsbG91dC10aGVtaW5nJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NhbGxvdXQtdGhlbWluZy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NhbGxvdXQtdGhlbWluZy5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgQ2FsbG91dFRoZW1pbmdDb21wb25lbnQge1xuICBmYU1vYmlsZSA9IGZhTW9iaWxlO1xuICBjb2xvckNvbnRyb2w6IFVudHlwZWRGb3JtQ29udHJvbCA9IG5ldyBVbnR5cGVkRm9ybUNvbnRyb2woJycpO1xuXG4gIG9wdGlvbnMgPSBbXG4gICAgeyB2YWx1ZTogJycsIGxhYmVsOiAnRGVmYXVsdCcgfSxcbiAgICB7IHZhbHVlOiAncHJpbWFyeScsIGxhYmVsOiAnUHJpbWFyeScgfSxcbiAgICB7IHZhbHVlOiAnc2Vjb25kYXJ5JywgbGFiZWw6ICdTZWNvbmRhcnknIH0sXG4gICAgeyB2YWx1ZTogJ3RlcnRpYXJ5JywgbGFiZWw6ICdUZXJ0aWFyeScgfSxcbiAgICB7IHZhbHVlOiAnd2hpdGUnLCBsYWJlbDogJ1doaXRlJyB9LFxuICAgIHsgdmFsdWU6ICdibGFjaycsIGxhYmVsOiAnQmxhY2snIH0sXG4gICAgeyB2YWx1ZTogJ3RoZW1lJywgbGFiZWw6ICdUaGVtZScgfSxcbiAgICB7IHZhbHVlOiAndGhlbWUtY29udHJhc3QnLCBsYWJlbDogJ1RoZW1lIENvbnRyYXN0JyB9LFxuICBdO1xufVxuIiwiPGRhZmYtY2FsbG91dCBbY29sb3JdPVwiY29sb3JDb250cm9sLnZhbHVlXCI+XG5cdDxkaXYgY2xhc3M9XCJkYWZmLWNhbGxvdXQtdGhlbWluZ19faWNvblwiIGRhZmZDYWxsb3V0SWNvbj5cblx0XHQ8ZmEtaWNvbiBbaWNvbl09XCJmYU1vYmlsZVwiPjwvZmEtaWNvbj5cblx0PC9kaXY+XG5cdDxkaXYgZGFmZkNhbGxvdXRUYWdsaW5lPkZyb250ZW5kIGZyYW1ld29yayBmb3IgZWNvbW1lcmNlIFBXQXM8L2Rpdj5cblx0PGgzIGRhZmZDYWxsb3V0VGl0bGU+RGFmZm9kaWw6IFRoZSBuZXh0IGdyZWF0IGxlYXAgaW4gZWNvbW1lcmNlLjwvaDM+XG5cdDxkaXYgZGFmZkNhbGxvdXRTdWJ0aXRsZT5cblx0XHQ8cD5EYWZmb2RpbCBwcm92aWRlcyBldmVyeXRoaW5nIHlvdSBuZWVkIHRvIGNyZWF0ZSBwb3dlcmZ1bCBhbmQgZmxleGlibGUgZWNvbW1lcmNlIGV4cGVyaWVuY2VzLjwvcD5cblx0XHQ8cD5XaXRoIERhZmZvZGlsLCBhbWJpdGlvdXMgYnVzaW5lc3NlcyBhcmUgYWJsZSB0byBhY2hpZXZlIG1vcmUgd2hpbGUgbWluaW1pemluZyBkZXZlbG9wbWVudCBhbmQgbWFpbnRlbmFuY2UgY29zdHMuPC9wPlxuXHQ8L2Rpdj5cblx0PGRpdiBkYWZmQ2FsbG91dEJvZHk+XG5cdFx0PGEgZGFmZi1idXR0b24gY29sb3I9XCJ0aGVtZS1jb250cmFzdFwiIGhyZWY9XCJodHRwczovL3d3dy5kYWZmLmlvXCI+V2hhdCBpcyBEYWZmb2RpbD88L2E+XG5cdDwvZGl2PlxuPC9kYWZmLWNhbGxvdXQ+XG5cbjxzZWxlY3QgW2Zvcm1Db250cm9sXT1cImNvbG9yQ29udHJvbFwiPlxuXHQ8b3B0aW9uICpuZ0Zvcj1cImxldCBvcHRpb24gb2Ygb3B0aW9uc1wiIFt2YWx1ZV09XCJvcHRpb24udmFsdWVcIj57eyBvcHRpb24ubGFiZWwgfX08L29wdGlvbj5cbjwvc2VsZWN0PiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsbG91dC10aGVtaW5nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2NhbGxvdXQvZXhhbXBsZXMvc3JjL2NhbGxvdXQtdGhlbWluZy9jYWxsb3V0LXRoZW1pbmcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vY2FsbG91dC9leGFtcGxlcy9zcmMvY2FsbG91dC10aGVtaW5nL2NhbGxvdXQtdGhlbWluZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDeEMsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUNMLGtCQUFrQixFQUNsQixtQkFBbUIsR0FDcEIsTUFBTSxnQkFBZ0IsQ0FBQztBQUN4QixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDbkUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBRTdELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzNELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDBCQUEwQixDQUFDOzs7OztBQWlCN0QsTUFBTSxPQUFPLHVCQUF1QjtJQWZwQztRQWdCRSxhQUFRLEdBQUcsUUFBUSxDQUFDO1FBQ3BCLGlCQUFZLEdBQXVCLElBQUksa0JBQWtCLENBQUMsRUFBRSxDQUFDLENBQUM7UUFFOUQsWUFBTyxHQUFHO1lBQ1IsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUU7WUFDL0IsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUU7WUFDdEMsRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUU7WUFDMUMsRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUU7WUFDeEMsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUU7WUFDbEMsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUU7WUFDbEMsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUU7WUFDbEMsRUFBRSxLQUFLLEVBQUUsZ0JBQWdCLEVBQUUsS0FBSyxFQUFFLGdCQUFnQixFQUFFO1NBQ3JELENBQUM7S0FDSDtrSUFkWSx1QkFBdUI7c0hBQXZCLHVCQUF1QiwyRUM5QnBDLDQyQkFpQlMscVJETUwsaUJBQWlCLDRqQkFDakIsZUFBZSxpUEFDZixnQkFBZ0IscWFBQ2hCLG1CQUFtQixxdEJBQ25CLEtBQUs7OzRGQUdJLHVCQUF1QjtrQkFmbkMsU0FBUzsrQkFFRSxpQkFBaUIsbUJBR1YsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJLFdBQ1A7d0JBQ1AsaUJBQWlCO3dCQUNqQixlQUFlO3dCQUNmLGdCQUFnQjt3QkFDaEIsbUJBQW1CO3dCQUNuQixLQUFLO3FCQUNOIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdGb3IgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICBVbnR5cGVkRm9ybUNvbnRyb2wsXG4gIFJlYWN0aXZlRm9ybXNNb2R1bGUsXG59IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IEZhSWNvbkNvbXBvbmVudCB9IGZyb20gJ0Bmb3J0YXdlc29tZS9hbmd1bGFyLWZvbnRhd2Vzb21lJztcbmltcG9ydCB7IGZhTW9iaWxlIH0gZnJvbSAnQGZvcnRhd2Vzb21lL2ZyZWUtc29saWQtc3ZnLWljb25zJztcblxuaW1wb3J0IHsgRGFmZkJ1dHRvbk1vZHVsZSB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24vYnV0dG9uJztcbmltcG9ydCB7IERhZmZDYWxsb3V0TW9kdWxlIH0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbi9jYWxsb3V0JztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnY2FsbG91dC10aGVtaW5nJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NhbGxvdXQtdGhlbWluZy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NhbGxvdXQtdGhlbWluZy5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIERhZmZDYWxsb3V0TW9kdWxlLFxuICAgIEZhSWNvbkNvbXBvbmVudCxcbiAgICBEYWZmQnV0dG9uTW9kdWxlLFxuICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXG4gICAgTmdGb3IsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIENhbGxvdXRUaGVtaW5nQ29tcG9uZW50IHtcbiAgZmFNb2JpbGUgPSBmYU1vYmlsZTtcbiAgY29sb3JDb250cm9sOiBVbnR5cGVkRm9ybUNvbnRyb2wgPSBuZXcgVW50eXBlZEZvcm1Db250cm9sKCcnKTtcblxuICBvcHRpb25zID0gW1xuICAgIHsgdmFsdWU6ICcnLCBsYWJlbDogJ0RlZmF1bHQnIH0sXG4gICAgeyB2YWx1ZTogJ3ByaW1hcnknLCBsYWJlbDogJ1ByaW1hcnknIH0sXG4gICAgeyB2YWx1ZTogJ3NlY29uZGFyeScsIGxhYmVsOiAnU2Vjb25kYXJ5JyB9LFxuICAgIHsgdmFsdWU6ICd0ZXJ0aWFyeScsIGxhYmVsOiAnVGVydGlhcnknIH0sXG4gICAgeyB2YWx1ZTogJ3doaXRlJywgbGFiZWw6ICdXaGl0ZScgfSxcbiAgICB7IHZhbHVlOiAnYmxhY2snLCBsYWJlbDogJ0JsYWNrJyB9LFxuICAgIHsgdmFsdWU6ICd0aGVtZScsIGxhYmVsOiAnVGhlbWUnIH0sXG4gICAgeyB2YWx1ZTogJ3RoZW1lLWNvbnRyYXN0JywgbGFiZWw6ICdUaGVtZSBDb250cmFzdCcgfSxcbiAgXTtcbn1cbiIsIjxkYWZmLWNhbGxvdXQgW2NvbG9yXT1cImNvbG9yQ29udHJvbC52YWx1ZVwiPlxuXHQ8ZGl2IGNsYXNzPVwiZGFmZi1jYWxsb3V0LXRoZW1pbmdfX2ljb25cIiBkYWZmQ2FsbG91dEljb24+XG5cdFx0PGZhLWljb24gW2ljb25dPVwiZmFNb2JpbGVcIj48L2ZhLWljb24+XG5cdDwvZGl2PlxuXHQ8ZGl2IGRhZmZDYWxsb3V0VGFnbGluZT5Gcm9udGVuZCBmcmFtZXdvcmsgZm9yIGVjb21tZXJjZSBQV0FzPC9kaXY+XG5cdDxoMyBkYWZmQ2FsbG91dFRpdGxlPkRhZmZvZGlsOiBUaGUgbmV4dCBncmVhdCBsZWFwIGluIGVjb21tZXJjZS48L2gzPlxuXHQ8ZGl2IGRhZmZDYWxsb3V0U3VidGl0bGU+XG5cdFx0PHA+RGFmZm9kaWwgcHJvdmlkZXMgZXZlcnl0aGluZyB5b3UgbmVlZCB0byBjcmVhdGUgcG93ZXJmdWwgYW5kIGZsZXhpYmxlIGVjb21tZXJjZSBleHBlcmllbmNlcy48L3A+XG5cdFx0PHA+V2l0aCBEYWZmb2RpbCwgYW1iaXRpb3VzIGJ1c2luZXNzZXMgYXJlIGFibGUgdG8gYWNoaWV2ZSBtb3JlIHdoaWxlIG1pbmltaXppbmcgZGV2ZWxvcG1lbnQgYW5kIG1haW50ZW5hbmNlIGNvc3RzLjwvcD5cblx0PC9kaXY+XG5cdDxkaXYgZGFmZkNhbGxvdXRCb2R5PlxuXHRcdDxhIGRhZmYtYnV0dG9uIGNvbG9yPVwidGhlbWUtY29udHJhc3RcIiBocmVmPVwiaHR0cHM6Ly93d3cuZGFmZi5pb1wiPldoYXQgaXMgRGFmZm9kaWw/PC9hPlxuXHQ8L2Rpdj5cbjwvZGFmZi1jYWxsb3V0PlxuXG48c2VsZWN0IFtmb3JtQ29udHJvbF09XCJjb2xvckNvbnRyb2xcIj5cblx0PG9wdGlvbiAqbmdGb3I9XCJsZXQgb3B0aW9uIG9mIG9wdGlvbnNcIiBbdmFsdWVdPVwib3B0aW9uLnZhbHVlXCI+e3sgb3B0aW9uLmxhYmVsIH19PC9vcHRpb24+XG48L3NlbGVjdD4iXX0=

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

@@ -1,19 +1,27 @@
 import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 import { faMobile } from '@fortawesome/free-solid-svg-icons';
+import { DaffButtonModule } from '@daffodil/design/button';
+import { DaffCalloutModule } from '@daffodil/design/callout';
+import { DaffContainerModule } from '@daffodil/design/container';
 import * as i0 from "@angular/core";
 import * as i1 from "@daffodil/design/callout";
 import * as i2 from "@daffodil/design/container";
 import * as i3 from "@daffodil/design/button";
-import * as i4 from "@fortawesome/angular-fontawesome";
 export class CalloutWithGridComponent {
     constructor() {
         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"] }, { 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, isStandalone: true, 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: "ngmodule", type: DaffCalloutModule }, { kind: "component", type: i1.DaffCalloutComponent, selector: "daff-callout" }, { 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: "ngmodule", type: DaffContainerModule }, { kind: "component", type: i2.DaffContainerComponent, selector: "daff-container" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "ngmodule", type: DaffButtonModule }, { kind: "component", type: i3.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["loading", "tabindex", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: CalloutWithGridComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'callout-with-grid', changeDetection: ChangeDetectionStrategy.OnPush, 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"] }]
+            args: [{ selector: 'callout-with-grid', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        DaffCalloutModule,
+                        DaffContainerModule,
+                        FaIconComponent,
+                        DaffButtonModule,
+                    ], 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"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsbG91dC13aXRoLWdyaWQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vY2FsbG91dC9leGFtcGxlcy9zcmMvY2FsbG91dC13aXRoLWdyaWQvY2FsbG91dC13aXRoLWdyaWQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vY2FsbG91dC9leGFtcGxlcy9zcmMvY2FsbG91dC13aXRoLWdyaWQvY2FsbG91dC13aXRoLWdyaWQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLG1DQUFtQyxDQUFDOzs7Ozs7QUFTN0QsTUFBTSxPQUFPLHdCQUF3QjtJQVByQztRQVFFLGFBQVEsR0FBRyxRQUFRLENBQUM7S0FDckI7a0lBRlksd0JBQXdCO3NIQUF4Qix3QkFBd0IseURDYnJDLGkwQ0F1QmU7OzRGRFZGLHdCQUF3QjtrQkFQcEMsU0FBUzsrQkFFRSxtQkFBbUIsbUJBR1osdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgZmFNb2JpbGUgfSBmcm9tICdAZm9ydGF3ZXNvbWUvZnJlZS1zb2xpZC1zdmctaWNvbnMnO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdjYWxsb3V0LXdpdGgtZ3JpZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9jYWxsb3V0LXdpdGgtZ3JpZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NhbGxvdXQtd2l0aC1ncmlkLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBDYWxsb3V0V2l0aEdyaWRDb21wb25lbnQge1xuICBmYU1vYmlsZSA9IGZhTW9iaWxlO1xufVxuIiwiPGRhZmYtY2FsbG91dCBjb2xvcj1cInRoZW1lXCI+XG5cdDxkYWZmLWNvbnRhaW5lciBjbGFzcz1cImRhZmYtY2FsbG91dC13aXRoLWdyaWRfX2dyaWRcIj5cblx0XHQ8ZGl2IGNsYXNzPVwiZGFmZi1jYWxsb3V0LXdpdGgtZ3JpZF9faW1hZ2VcIj5cblx0XHRcdDxpbWcgc3JjPVwiL2Fzc2V0cy9kZXNpZ24vY2FsbG91dC9wd2EtaWxsdXN0cmF0aW9uLnN2Z1wiIGFsdD1cIlBXQSBJbGx1c3RyYXRpb25cIj5cblx0XHQ8L2Rpdj5cblx0XHQ8ZGl2IGNsYXNzPVwiZGFmZi1jYWxsb3V0LXdpdGgtZ3JpZF9fY29udGVudC13cmFwcGVyXCI+XG5cdFx0XHQ8ZGl2IGNsYXNzPVwiZGFmZi1jYWxsb3V0LXdpdGgtZ3JpZF9faWNvblwiIGRhZmZDYWxsb3V0SWNvbj5cblx0XHRcdFx0PGZhLWljb24gW2ljb25dPVwiZmFNb2JpbGVcIj48L2ZhLWljb24+XG5cdFx0XHQ8L2Rpdj5cblx0XHRcdDxkaXYgZGFmZkNhbGxvdXRUYWdsaW5lPkZyb250ZW5kIGZyYW1ld29yayBmb3IgZWNvbW1lcmNlIFBXQXM8L2Rpdj5cblx0XHRcdDxoMyBkYWZmQ2FsbG91dFRpdGxlPkRhZmZvZGlsOiBUaGUgbmV4dCBncmVhdCBsZWFwIGluIGVjb21tZXJjZS48L2gzPlxuXHRcdFx0PGRpdiBkYWZmQ2FsbG91dFN1YnRpdGxlPlxuXHRcdFx0XHQ8cD5EYWZmb2RpbCBwcm92aWRlcyBldmVyeXRoaW5nIHlvdSBuZWVkIHRvIGNyZWF0ZSBwb3dlcmZ1bCBhbmQgZmxleGlibGUgZWNvbW1lcmNlIGV4cGVyaWVuY2VzLjwvcD5cblx0XHRcdFx0PHA+V2l0aCBEYWZmb2RpbCwgYW1iaXRpb3VzIGJ1c2luZXNzZXMgYXJlIGFibGUgdG8gYWNoaWV2ZSBtb3JlIHdoaWxlIG1pbmltaXppbmcgZGV2ZWxvcG1lbnQgYW5kIG1haW50ZW5hbmNlIGNvc3RzLjwvcD5cblx0XHRcdDwvZGl2PlxuXHRcdFx0PGRpdiBkYWZmQ2FsbG91dEJvZHk+XG5cdFx0XHRcdDxkaXYgY2xhc3M9XCJkYWZmLWNhbGxvdXQtd2l0aC1ncmlkX19hY3Rpb25zXCI+XG5cdFx0XHRcdFx0PGEgZGFmZi1idXR0b24gY29sb3I9XCJ0aGVtZS1jb250cmFzdFwiIGhyZWY9XCJodHRwczovL3d3dy5kYWZmLmlvXCIgY2xhc3M9XCJkYWZmLWNhbGxvdXQtd2l0aC1ncmlkX19kYWZmb2RpbC1hY3Rpb25cIj5XaGF0IGlzIERhZmZvZGlsPzwvYT5cblx0XHRcdFx0XHQ8YSBkYWZmLXVuZGVybGluZS1idXR0b24gY29sb3I9XCJ0aGVtZS1jb250cmFzdFwiIHJvdXRlckxpbms9XCIvY29udGFjdFwiIGNsYXNzPVwiZGFmZi1jYWxsb3V0LXdpdGgtZ3JpZF9fZGVtby1hY3Rpb25cIj5TaWduIHVwIGZvciBhIGRlbW88L2E+XG5cdFx0XHRcdDwvZGl2PlxuXHRcdFx0PC9kaXY+XG5cdFx0PC9kaXY+XG5cdDwvZGFmZi1jb250YWluZXI+XG48L2RhZmYtY2FsbG91dD4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsbG91dC13aXRoLWdyaWQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vY2FsbG91dC9leGFtcGxlcy9zcmMvY2FsbG91dC13aXRoLWdyaWQvY2FsbG91dC13aXRoLWdyaWQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vY2FsbG91dC9leGFtcGxlcy9zcmMvY2FsbG91dC13aXRoLWdyaWQvY2FsbG91dC13aXRoLWdyaWQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ25FLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUU3RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQzs7Ozs7QUFnQmpFLE1BQU0sT0FBTyx3QkFBd0I7SUFkckM7UUFlRSxhQUFRLEdBQUcsUUFBUSxDQUFDO0tBQ3JCO2tJQUZZLHdCQUF3QjtzSEFBeEIsd0JBQXdCLDZFQ3pCckMsaTBDQXVCZSxzNEJESlgsaUJBQWlCLDJqQkFDakIsbUJBQW1CLG1IQUNuQixlQUFlLGlQQUNmLGdCQUFnQjs7NEZBR1Asd0JBQXdCO2tCQWRwQyxTQUFTOytCQUVFLG1CQUFtQixtQkFHWix1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLElBQUksV0FDUDt3QkFDUCxpQkFBaUI7d0JBQ2pCLG1CQUFtQjt3QkFDbkIsZUFBZTt3QkFDZixnQkFBZ0I7cUJBQ2pCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGYUljb25Db21wb25lbnQgfSBmcm9tICdAZm9ydGF3ZXNvbWUvYW5ndWxhci1mb250YXdlc29tZSc7XG5pbXBvcnQgeyBmYU1vYmlsZSB9IGZyb20gJ0Bmb3J0YXdlc29tZS9mcmVlLXNvbGlkLXN2Zy1pY29ucyc7XG5cbmltcG9ydCB7IERhZmZCdXR0b25Nb2R1bGUgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduL2J1dHRvbic7XG5pbXBvcnQgeyBEYWZmQ2FsbG91dE1vZHVsZSB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24vY2FsbG91dCc7XG5pbXBvcnQgeyBEYWZmQ29udGFpbmVyTW9kdWxlIH0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbi9jb250YWluZXInO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdjYWxsb3V0LXdpdGgtZ3JpZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9jYWxsb3V0LXdpdGgtZ3JpZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NhbGxvdXQtd2l0aC1ncmlkLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgRGFmZkNhbGxvdXRNb2R1bGUsXG4gICAgRGFmZkNvbnRhaW5lck1vZHVsZSxcbiAgICBGYUljb25Db21wb25lbnQsXG4gICAgRGFmZkJ1dHRvbk1vZHVsZSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgQ2FsbG91dFdpdGhHcmlkQ29tcG9uZW50IHtcbiAgZmFNb2JpbGUgPSBmYU1vYmlsZTtcbn1cbiIsIjxkYWZmLWNhbGxvdXQgY29sb3I9XCJ0aGVtZVwiPlxuXHQ8ZGFmZi1jb250YWluZXIgY2xhc3M9XCJkYWZmLWNhbGxvdXQtd2l0aC1ncmlkX19ncmlkXCI+XG5cdFx0PGRpdiBjbGFzcz1cImRhZmYtY2FsbG91dC13aXRoLWdyaWRfX2ltYWdlXCI+XG5cdFx0XHQ8aW1nIHNyYz1cIi9hc3NldHMvZGVzaWduL2NhbGxvdXQvcHdhLWlsbHVzdHJhdGlvbi5zdmdcIiBhbHQ9XCJQV0EgSWxsdXN0cmF0aW9uXCI+XG5cdFx0PC9kaXY+XG5cdFx0PGRpdiBjbGFzcz1cImRhZmYtY2FsbG91dC13aXRoLWdyaWRfX2NvbnRlbnQtd3JhcHBlclwiPlxuXHRcdFx0PGRpdiBjbGFzcz1cImRhZmYtY2FsbG91dC13aXRoLWdyaWRfX2ljb25cIiBkYWZmQ2FsbG91dEljb24+XG5cdFx0XHRcdDxmYS1pY29uIFtpY29uXT1cImZhTW9iaWxlXCI+PC9mYS1pY29uPlxuXHRcdFx0PC9kaXY+XG5cdFx0XHQ8ZGl2IGRhZmZDYWxsb3V0VGFnbGluZT5Gcm9udGVuZCBmcmFtZXdvcmsgZm9yIGVjb21tZXJjZSBQV0FzPC9kaXY+XG5cdFx0XHQ8aDMgZGFmZkNhbGxvdXRUaXRsZT5EYWZmb2RpbDogVGhlIG5leHQgZ3JlYXQgbGVhcCBpbiBlY29tbWVyY2UuPC9oMz5cblx0XHRcdDxkaXYgZGFmZkNhbGxvdXRTdWJ0aXRsZT5cblx0XHRcdFx0PHA+RGFmZm9kaWwgcHJvdmlkZXMgZXZlcnl0aGluZyB5b3UgbmVlZCB0byBjcmVhdGUgcG93ZXJmdWwgYW5kIGZsZXhpYmxlIGVjb21tZXJjZSBleHBlcmllbmNlcy48L3A+XG5cdFx0XHRcdDxwPldpdGggRGFmZm9kaWwsIGFtYml0aW91cyBidXNpbmVzc2VzIGFyZSBhYmxlIHRvIGFjaGlldmUgbW9yZSB3aGlsZSBtaW5pbWl6aW5nIGRldmVsb3BtZW50IGFuZCBtYWludGVuYW5jZSBjb3N0cy48L3A+XG5cdFx0XHQ8L2Rpdj5cblx0XHRcdDxkaXYgZGFmZkNhbGxvdXRCb2R5PlxuXHRcdFx0XHQ8ZGl2IGNsYXNzPVwiZGFmZi1jYWxsb3V0LXdpdGgtZ3JpZF9fYWN0aW9uc1wiPlxuXHRcdFx0XHRcdDxhIGRhZmYtYnV0dG9uIGNvbG9yPVwidGhlbWUtY29udHJhc3RcIiBocmVmPVwiaHR0cHM6Ly93d3cuZGFmZi5pb1wiIGNsYXNzPVwiZGFmZi1jYWxsb3V0LXdpdGgtZ3JpZF9fZGFmZm9kaWwtYWN0aW9uXCI+V2hhdCBpcyBEYWZmb2RpbD88L2E+XG5cdFx0XHRcdFx0PGEgZGFmZi11bmRlcmxpbmUtYnV0dG9uIGNvbG9yPVwidGhlbWUtY29udHJhc3RcIiByb3V0ZXJMaW5rPVwiL2NvbnRhY3RcIiBjbGFzcz1cImRhZmYtY2FsbG91dC13aXRoLWdyaWRfX2RlbW8tYWN0aW9uXCI+U2lnbiB1cCBmb3IgYSBkZW1vPC9hPlxuXHRcdFx0XHQ8L2Rpdj5cblx0XHRcdDwvZGl2PlxuXHRcdDwvZGl2PlxuXHQ8L2RhZmYtY29udGFpbmVyPlxuPC9kYWZmLWNhbGxvdXQ+Il19

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

@@ -1,19 +1,27 @@
 import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 import { faMobile } from '@fortawesome/free-solid-svg-icons';
+import { DaffButtonModule } from '@daffodil/design/button';
+import { DaffCalloutModule } from '@daffodil/design/callout';
+import { DaffContainerModule } from '@daffodil/design/container';
 import * as i0 from "@angular/core";
 import * as i1 from "@daffodil/design/callout";
 import * as i2 from "@daffodil/design/container";
 import * as i3 from "@daffodil/design/button";
-import * as i4 from "@fortawesome/angular-fontawesome";
 export class CompactCalloutComponent {
     constructor() {
         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"] }, { 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, isStandalone: true, 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: "ngmodule", type: DaffCalloutModule }, { kind: "component", type: i1.DaffCalloutComponent, selector: "daff-callout" }, { 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: "ngmodule", type: DaffContainerModule }, { kind: "component", type: i2.DaffContainerComponent, selector: "daff-container" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "ngmodule", type: DaffButtonModule }, { kind: "component", type: i3.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["loading", "tabindex", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: CompactCalloutComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'compact-callout', changeDetection: ChangeDetectionStrategy.OnPush, 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"] }]
+            args: [{ selector: 'compact-callout', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        DaffCalloutModule,
+                        DaffContainerModule,
+                        FaIconComponent,
+                        DaffButtonModule,
+                    ], 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"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcGFjdC1jYWxsb3V0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2NhbGxvdXQvZXhhbXBsZXMvc3JjL2NvbXBhY3QtY2FsbG91dC9jb21wYWN0LWNhbGxvdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vY2FsbG91dC9leGFtcGxlcy9zcmMvY29tcGFjdC1jYWxsb3V0L2NvbXBhY3QtY2FsbG91dC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUNBQW1DLENBQUM7Ozs7OztBQVM3RCxNQUFNLE9BQU8sdUJBQXVCO0lBUHBDO1FBUUUsYUFBUSxHQUFHLFFBQVEsQ0FBQztLQUNyQjtrSUFGWSx1QkFBdUI7c0hBQXZCLHVCQUF1Qix1RENicEMsc3hCQWVlOzs0RkRGRix1QkFBdUI7a0JBUG5DLFNBQVM7K0JBRUUsaUJBQWlCLG1CQUdWLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGZhTW9iaWxlIH0gZnJvbSAnQGZvcnRhd2Vzb21lL2ZyZWUtc29saWQtc3ZnLWljb25zJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnY29tcGFjdC1jYWxsb3V0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NvbXBhY3QtY2FsbG91dC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NvbXBhY3QtY2FsbG91dC5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgQ29tcGFjdENhbGxvdXRDb21wb25lbnQge1xuICBmYU1vYmlsZSA9IGZhTW9iaWxlO1xufVxuIiwiPGRhZmYtY2FsbG91dCBbY29tcGFjdF09XCJ0cnVlXCI+XG5cdDxkYWZmLWNvbnRhaW5lciBzaXplPVwibWRcIj5cblx0XHQ8ZGl2IGNsYXNzPVwiZGFmZi1jb21wYWN0LWNhbGxvdXRfX2ljb25cIiBkYWZmQ2FsbG91dEljb24+XG5cdFx0XHQ8ZmEtaWNvbiBbaWNvbl09XCJmYU1vYmlsZVwiPjwvZmEtaWNvbj5cblx0XHQ8L2Rpdj5cblx0XHQ8ZGl2IGRhZmZDYWxsb3V0VGFnbGluZT5Gcm9udGVuZCBmcmFtZXdvcmsgZm9yIGVjb21tZXJjZSBQV0FzPC9kaXY+XG5cdFx0PGgzIGRhZmZDYWxsb3V0VGl0bGU+RGFmZm9kaWw6IFRoZSBuZXh0IGdyZWF0IGxlYXAgaW4gZWNvbW1lcmNlLjwvaDM+XG5cdFx0PGRpdiBkYWZmQ2FsbG91dFN1YnRpdGxlPlxuXHRcdFx0PHA+RGFmZm9kaWwgcHJvdmlkZXMgZXZlcnl0aGluZyB5b3UgbmVlZCB0byBjcmVhdGUgcG93ZXJmdWwgYW5kIGZsZXhpYmxlIGVjb21tZXJjZSBleHBlcmllbmNlcy48L3A+XG5cdFx0XHQ8cD5XaXRoIERhZmZvZGlsLCBhbWJpdGlvdXMgYnVzaW5lc3NlcyBhcmUgYWJsZSB0byBhY2hpZXZlIG1vcmUgd2hpbGUgbWluaW1pemluZyBkZXZlbG9wbWVudCBhbmQgbWFpbnRlbmFuY2UgY29zdHMuPC9wPlxuXHRcdDwvZGl2PlxuXHRcdDxkaXYgZGFmZkNhbGxvdXRCb2R5PlxuXHRcdFx0PGEgZGFmZi1idXR0b24gY29sb3I9XCJ0aGVtZS1jb250cmFzdFwiIGhyZWY9XCJodHRwczovL3d3dy5kYWZmLmlvXCI+V2hhdCBpcyBEYWZmb2RpbD88L2E+XG5cdFx0PC9kaXY+XG5cdDwvZGFmZi1jb250YWluZXI+XG48L2RhZmYtY2FsbG91dD4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcGFjdC1jYWxsb3V0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2NhbGxvdXQvZXhhbXBsZXMvc3JjL2NvbXBhY3QtY2FsbG91dC9jb21wYWN0LWNhbGxvdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vY2FsbG91dC9leGFtcGxlcy9zcmMvY29tcGFjdC1jYWxsb3V0L2NvbXBhY3QtY2FsbG91dC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDbkUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBRTdELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzNELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzdELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLDRCQUE0QixDQUFDOzs7OztBQWdCakUsTUFBTSxPQUFPLHVCQUF1QjtJQWRwQztRQWVFLGFBQVEsR0FBRyxRQUFRLENBQUM7S0FDckI7a0lBRlksdUJBQXVCO3NIQUF2Qix1QkFBdUIsMkVDekJwQyxzeEJBZWUscVJESVgsaUJBQWlCLDJqQkFDakIsbUJBQW1CLG1IQUNuQixlQUFlLGlQQUNmLGdCQUFnQjs7NEZBR1AsdUJBQXVCO2tCQWRuQyxTQUFTOytCQUVFLGlCQUFpQixtQkFHVix1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLElBQUksV0FDUDt3QkFDUCxpQkFBaUI7d0JBQ2pCLG1CQUFtQjt3QkFDbkIsZUFBZTt3QkFDZixnQkFBZ0I7cUJBQ2pCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGYUljb25Db21wb25lbnQgfSBmcm9tICdAZm9ydGF3ZXNvbWUvYW5ndWxhci1mb250YXdlc29tZSc7XG5pbXBvcnQgeyBmYU1vYmlsZSB9IGZyb20gJ0Bmb3J0YXdlc29tZS9mcmVlLXNvbGlkLXN2Zy1pY29ucyc7XG5cbmltcG9ydCB7IERhZmZCdXR0b25Nb2R1bGUgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduL2J1dHRvbic7XG5pbXBvcnQgeyBEYWZmQ2FsbG91dE1vZHVsZSB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24vY2FsbG91dCc7XG5pbXBvcnQgeyBEYWZmQ29udGFpbmVyTW9kdWxlIH0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbi9jb250YWluZXInO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdjb21wYWN0LWNhbGxvdXQnLFxuICB0ZW1wbGF0ZVVybDogJy4vY29tcGFjdC1jYWxsb3V0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY29tcGFjdC1jYWxsb3V0LmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgRGFmZkNhbGxvdXRNb2R1bGUsXG4gICAgRGFmZkNvbnRhaW5lck1vZHVsZSxcbiAgICBGYUljb25Db21wb25lbnQsXG4gICAgRGFmZkJ1dHRvbk1vZHVsZSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgQ29tcGFjdENhbGxvdXRDb21wb25lbnQge1xuICBmYU1vYmlsZSA9IGZhTW9iaWxlO1xufVxuIiwiPGRhZmYtY2FsbG91dCBbY29tcGFjdF09XCJ0cnVlXCI+XG5cdDxkYWZmLWNvbnRhaW5lciBzaXplPVwibWRcIj5cblx0XHQ8ZGl2IGNsYXNzPVwiZGFmZi1jb21wYWN0LWNhbGxvdXRfX2ljb25cIiBkYWZmQ2FsbG91dEljb24+XG5cdFx0XHQ8ZmEtaWNvbiBbaWNvbl09XCJmYU1vYmlsZVwiPjwvZmEtaWNvbj5cblx0XHQ8L2Rpdj5cblx0XHQ8ZGl2IGRhZmZDYWxsb3V0VGFnbGluZT5Gcm9udGVuZCBmcmFtZXdvcmsgZm9yIGVjb21tZXJjZSBQV0FzPC9kaXY+XG5cdFx0PGgzIGRhZmZDYWxsb3V0VGl0bGU+RGFmZm9kaWw6IFRoZSBuZXh0IGdyZWF0IGxlYXAgaW4gZWNvbW1lcmNlLjwvaDM+XG5cdFx0PGRpdiBkYWZmQ2FsbG91dFN1YnRpdGxlPlxuXHRcdFx0PHA+RGFmZm9kaWwgcHJvdmlkZXMgZXZlcnl0aGluZyB5b3UgbmVlZCB0byBjcmVhdGUgcG93ZXJmdWwgYW5kIGZsZXhpYmxlIGVjb21tZXJjZSBleHBlcmllbmNlcy48L3A+XG5cdFx0XHQ8cD5XaXRoIERhZmZvZGlsLCBhbWJpdGlvdXMgYnVzaW5lc3NlcyBhcmUgYWJsZSB0byBhY2hpZXZlIG1vcmUgd2hpbGUgbWluaW1pemluZyBkZXZlbG9wbWVudCBhbmQgbWFpbnRlbmFuY2UgY29zdHMuPC9wPlxuXHRcdDwvZGl2PlxuXHRcdDxkaXYgZGFmZkNhbGxvdXRCb2R5PlxuXHRcdFx0PGEgZGFmZi1idXR0b24gY29sb3I9XCJ0aGVtZS1jb250cmFzdFwiIGhyZWY9XCJodHRwczovL3d3dy5kYWZmLmlvXCI+V2hhdCBpcyBEYWZmb2RpbD88L2E+XG5cdFx0PC9kaXY+XG5cdDwvZGFmZi1jb250YWluZXI+XG48L2RhZmYtY2FsbG91dD4iXX0=

package/esm2022/callout/examples/public_api.mjs

@@ -1,10 +1,6 @@
 export { CalloutThemingComponent } from './callout-theming/callout-theming.component';
-export { CalloutThemingModule } from './callout-theming/callout-theming.module';
 export { CalloutTextAlignmentComponent } from './callout-text-alignment/callout-text-alignment.component';
-export { CalloutTextAlignmentModule } from './callout-text-alignment/callout-text-alignment.module';
 export { CalloutWithGridComponent } from './callout-with-grid/callout-with-grid.component';
-export { CalloutWithGridModule } from './callout-with-grid/callout-with-grid.module';
 export { CompactCalloutComponent } from './compact-callout/compact-callout.component';
-export { CompactCalloutModule } from './compact-callout/compact-callout.module';
 export { CALLOUT_EXAMPLES } from './examples';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2NhbGxvdXQvZXhhbXBsZXMvc3JjL3B1YmxpY19hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFDdEYsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDaEYsT0FBTyxFQUFFLDZCQUE2QixFQUFFLE1BQU0sMkRBQTJELENBQUM7QUFDMUcsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sd0RBQXdELENBQUM7QUFDcEcsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0saURBQWlELENBQUM7QUFDM0YsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sOENBQThDLENBQUM7QUFDckYsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFDdEYsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDaEYsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sWUFBWSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgQ2FsbG91dFRoZW1pbmdDb21wb25lbnQgfSBmcm9tICcuL2NhbGxvdXQtdGhlbWluZy9jYWxsb3V0LXRoZW1pbmcuY29tcG9uZW50JztcbmV4cG9ydCB7IENhbGxvdXRUaGVtaW5nTW9kdWxlIH0gZnJvbSAnLi9jYWxsb3V0LXRoZW1pbmcvY2FsbG91dC10aGVtaW5nLm1vZHVsZSc7XG5leHBvcnQgeyBDYWxsb3V0VGV4dEFsaWdubWVudENvbXBvbmVudCB9IGZyb20gJy4vY2FsbG91dC10ZXh0LWFsaWdubWVudC9jYWxsb3V0LXRleHQtYWxpZ25tZW50LmNvbXBvbmVudCc7XG5leHBvcnQgeyBDYWxsb3V0VGV4dEFsaWdubWVudE1vZHVsZSB9IGZyb20gJy4vY2FsbG91dC10ZXh0LWFsaWdubWVudC9jYWxsb3V0LXRleHQtYWxpZ25tZW50Lm1vZHVsZSc7XG5leHBvcnQgeyBDYWxsb3V0V2l0aEdyaWRDb21wb25lbnQgfSBmcm9tICcuL2NhbGxvdXQtd2l0aC1ncmlkL2NhbGxvdXQtd2l0aC1ncmlkLmNvbXBvbmVudCc7XG5leHBvcnQgeyBDYWxsb3V0V2l0aEdyaWRNb2R1bGUgfSBmcm9tICcuL2NhbGxvdXQtd2l0aC1ncmlkL2NhbGxvdXQtd2l0aC1ncmlkLm1vZHVsZSc7XG5leHBvcnQgeyBDb21wYWN0Q2FsbG91dENvbXBvbmVudCB9IGZyb20gJy4vY29tcGFjdC1jYWxsb3V0L2NvbXBhY3QtY2FsbG91dC5jb21wb25lbnQnO1xuZXhwb3J0IHsgQ29tcGFjdENhbGxvdXRNb2R1bGUgfSBmcm9tICcuL2NvbXBhY3QtY2FsbG91dC9jb21wYWN0LWNhbGxvdXQubW9kdWxlJztcbmV4cG9ydCB7IENBTExPVVRfRVhBTVBMRVMgfSBmcm9tICcuL2V4YW1wbGVzJztcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2NhbGxvdXQvZXhhbXBsZXMvc3JjL3B1YmxpY19hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFDdEYsT0FBTyxFQUFFLDZCQUE2QixFQUFFLE1BQU0sMkRBQTJELENBQUM7QUFDMUcsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0saURBQWlELENBQUM7QUFDM0YsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFDdEYsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sWUFBWSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgQ2FsbG91dFRoZW1pbmdDb21wb25lbnQgfSBmcm9tICcuL2NhbGxvdXQtdGhlbWluZy9jYWxsb3V0LXRoZW1pbmcuY29tcG9uZW50JztcbmV4cG9ydCB7IENhbGxvdXRUZXh0QWxpZ25tZW50Q29tcG9uZW50IH0gZnJvbSAnLi9jYWxsb3V0LXRleHQtYWxpZ25tZW50L2NhbGxvdXQtdGV4dC1hbGlnbm1lbnQuY29tcG9uZW50JztcbmV4cG9ydCB7IENhbGxvdXRXaXRoR3JpZENvbXBvbmVudCB9IGZyb20gJy4vY2FsbG91dC13aXRoLWdyaWQvY2FsbG91dC13aXRoLWdyaWQuY29tcG9uZW50JztcbmV4cG9ydCB7IENvbXBhY3RDYWxsb3V0Q29tcG9uZW50IH0gZnJvbSAnLi9jb21wYWN0LWNhbGxvdXQvY29tcGFjdC1jYWxsb3V0LmNvbXBvbmVudCc7XG5leHBvcnQgeyBDQUxMT1VUX0VYQU1QTEVTIH0gZnJvbSAnLi9leGFtcGxlcyc7XG4iXX0=

package/esm2022/card/card/card.component.mjs

@@ -1,6 +1,7 @@
 import { Component, ViewEncapsulation, ChangeDetectionStrategy, HostBinding, ElementRef, Renderer2, Input, } from '@angular/core';
-import { daffArticleEncapsulatedMixin, daffColorMixin, } from '@daffodil/design';
+import { DaffArticleEncapsulatedDirective, DaffColorableDirective, } from '@daffodil/design';
 import * as i0 from "@angular/core";
+import * as i1 from "@daffodil/design";
 var DaffCardTypeEnum;
 (function (DaffCardTypeEnum) {
     DaffCardTypeEnum["Raised"] = "daff-raised-card";
@@ -11,20 +12,10 @@ export var DaffCardOrientationEnum;
     DaffCardOrientationEnum["Vertical"] = "vertical";
     DaffCardOrientationEnum["Horizontal"] = "horizontal";
 })(DaffCardOrientationEnum || (DaffCardOrientationEnum = {}));
-/**
- * An _elementRef and an instance of renderer2 are needed for the Colorable mixin
- */
-class DaffCardBase {
-    constructor(_elementRef, _renderer) {
-        this._elementRef = _elementRef;
-        this._renderer = _renderer;
-    }
-}
-const _daffCardBase = daffArticleEncapsulatedMixin(daffColorMixin(DaffCardBase));
 /**
  * @inheritdoc
  */
-export class DaffCardComponent extends _daffCardBase {
+export class DaffCardComponent {
     get orientation() {
         return this._orientation;
     }
@@ -50,7 +41,6 @@ export class DaffCardComponent extends _daffCardBase {
         return null;
     }
     constructor(elementRef, renderer) {
-        super(elementRef, renderer);
         this.elementRef = elementRef;
         this.renderer = renderer;
         this._orientation = DaffCardOrientationEnum.Vertical;
@@ -87,7 +77,7 @@ export class DaffCardComponent extends _daffCardBase {
         return attributes.some(attribute => this._getHostElement().hasAttribute(attribute));
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffCardComponent, 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: DaffCardComponent, selector: "daff-card,daff-raised-card,daff-stroked-card,a[daff-card],a[daff-raised-card],a[daff-stroked-card]", inputs: { color: "color", orientation: "orientation" }, host: { properties: { "class.daff-card": "this.class", "class.daff-card--vertical": "this.verticalClass", "class.daff-card--horizontal": "this.horizontalClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"[daffCardImage]\"></ng-content>\n<div class=\"daff-card__wrapper\">\n\t<div class=\"daff-card__body\">\n\t\t<ng-content select=\"[daffCardIcon]\"></ng-content>\n\t\t<ng-content select=\"[daffCardTagline]\"></ng-content>\n\t\t<ng-content select=\"[daffCardTitle]\"></ng-content>\n\t\t<ng-content select=\"[daffCardContent]\"></ng-content>\n\t</div>\n\t<ng-content select=\"[daffCardActions]\"></ng-content>\n</div>", styles: [".daff-card{display:flex;border-radius:8px;position:relative}.daff-card__image{display:inline-block;width:100%}.daff-card--vertical{flex-direction:column}.daff-card--vertical .daff-card__image,.daff-card--vertical .daff-card__image img{border-radius:7px 7px 0 0}.daff-card--horizontal{flex-wrap:wrap}@media (min-width: 480px){.daff-card--horizontal{flex-direction:row;flex-wrap:nowrap}}.daff-card--horizontal .daff-card__image{border-radius:7px 0 0 7px}.daff-card--horizontal .daff-card__image img{border-radius:7px 0 0 7px;object-fit:cover;object-position:center center;height:100%!important;width:100%}.daff-card__body{padding:1.5rem;position:relative;z-index:2}.daff-card__icon{display:block;margin:0 0 .5rem}.daff-card__tagline{font-size:.875rem;font-weight:600;letter-spacing:.03125rem;line-height:1rem;text-transform:uppercase;padding:0;margin:0 0 .25rem}.daff-card__title{font-size:1.25rem;font-weight:600;line-height:1.5rem}.daff-card__title+.daff-card__content{margin:1rem 0 0}.daff-card__content p:first-of-type{margin-top:0}.daff-card__content p:last-of-type{margin-bottom:0}.daff-card__actions{padding:0 1.5rem 1.5rem;position:relative;z-index:2}a.daff-card,a.daff-raised-card,a.daff-stroked-card{text-decoration:none}a.daff-card .daff-card__image+.daff-card__wrapper:after,a.daff-raised-card .daff-card__image+.daff-card__wrapper:after,a.daff-stroked-card .daff-card__image+.daff-card__wrapper:after{border-radius:0 0 8px 8px}a.daff-card .daff-card__wrapper,a.daff-raised-card .daff-card__wrapper,a.daff-stroked-card .daff-card__wrapper{position:relative;height:100%}a.daff-card .daff-card__wrapper:after,a.daff-raised-card .daff-card__wrapper:after,a.daff-stroked-card .daff-card__wrapper:after{content:\"\";position:absolute;left:0;top:0;height:100%;border-radius:8px;opacity:0;width:100%;transition:opacity .3s;z-index:1}a.daff-card.daff-card--horizontal .daff-card__image+.daff-card__wrapper:after,a.daff-raised-card.daff-card--horizontal .daff-card__image+.daff-card__wrapper:after,a.daff-stroked-card.daff-card--horizontal .daff-card__image+.daff-card__wrapper:after{border-radius:0 8px 8px 0}a.daff-card:hover .daff-card__wrapper:after,a.daff-card:focus .daff-card__wrapper:after,a.daff-card:active .daff-card__wrapper:after,a.daff-raised-card:hover .daff-card__wrapper:after,a.daff-raised-card:focus .daff-card__wrapper:after,a.daff-raised-card:active .daff-card__wrapper:after,a.daff-stroked-card:hover .daff-card__wrapper:after,a.daff-stroked-card:focus .daff-card__wrapper:after,a.daff-stroked-card:active .daff-card__wrapper: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: DaffCardComponent, selector: "daff-card,daff-raised-card,daff-stroked-card,a[daff-card],a[daff-raised-card],a[daff-stroked-card]", inputs: { orientation: "orientation" }, host: { properties: { "class.daff-card": "this.class", "class.daff-card--vertical": "this.verticalClass", "class.daff-card--horizontal": "this.horizontalClass" } }, hostDirectives: [{ directive: i1.DaffArticleEncapsulatedDirective }, { directive: i1.DaffColorableDirective, inputs: ["color", "color"] }], ngImport: i0, template: "<ng-content select=\"[daffCardImage]\"></ng-content>\n<div class=\"daff-card__wrapper\">\n\t<div class=\"daff-card__body\">\n\t\t<ng-content select=\"[daffCardIcon]\"></ng-content>\n\t\t<ng-content select=\"[daffCardTagline]\"></ng-content>\n\t\t<ng-content select=\"[daffCardTitle]\"></ng-content>\n\t\t<ng-content select=\"[daffCardContent]\"></ng-content>\n\t</div>\n\t<ng-content select=\"[daffCardActions]\"></ng-content>\n</div>", styles: [".daff-card{display:flex;border-radius:8px;position:relative}.daff-card__image{display:inline-block;width:100%}.daff-card--vertical{flex-direction:column}.daff-card--vertical .daff-card__image,.daff-card--vertical .daff-card__image img{border-radius:7px 7px 0 0}.daff-card--horizontal{flex-wrap:wrap}@media (min-width: 480px){.daff-card--horizontal{flex-direction:row;flex-wrap:nowrap}}.daff-card--horizontal .daff-card__image{border-radius:7px 0 0 7px}.daff-card--horizontal .daff-card__image img{border-radius:7px 0 0 7px;object-fit:cover;object-position:center center;height:100%!important;width:100%}.daff-card__body{padding:1.5rem;position:relative;z-index:2}.daff-card__icon{display:block;margin:0 0 .5rem}.daff-card__tagline{font-size:.875rem;font-weight:600;letter-spacing:.03125rem;line-height:1rem;text-transform:uppercase;padding:0;margin:0 0 .25rem}.daff-card__title{font-size:1.25rem;font-weight:600;line-height:1.5rem}.daff-card__title+.daff-card__content{margin:1rem 0 0}.daff-card__content p:first-of-type{margin-top:0}.daff-card__content p:last-of-type{margin-bottom:0}.daff-card__actions{padding:0 1.5rem 1.5rem;position:relative;z-index:2}a.daff-card,a.daff-raised-card,a.daff-stroked-card{text-decoration:none}a.daff-card .daff-card__image+.daff-card__wrapper:after,a.daff-raised-card .daff-card__image+.daff-card__wrapper:after,a.daff-stroked-card .daff-card__image+.daff-card__wrapper:after{border-radius:0 0 8px 8px}a.daff-card .daff-card__wrapper,a.daff-raised-card .daff-card__wrapper,a.daff-stroked-card .daff-card__wrapper{position:relative;height:100%}a.daff-card .daff-card__wrapper:after,a.daff-raised-card .daff-card__wrapper:after,a.daff-stroked-card .daff-card__wrapper:after{content:\"\";position:absolute;left:0;top:0;height:100%;border-radius:8px;opacity:0;width:100%;transition:opacity .3s;z-index:1}a.daff-card.daff-card--horizontal .daff-card__image+.daff-card__wrapper:after,a.daff-raised-card.daff-card--horizontal .daff-card__image+.daff-card__wrapper:after,a.daff-stroked-card.daff-card--horizontal .daff-card__image+.daff-card__wrapper:after{border-radius:0 8px 8px 0}a.daff-card:hover .daff-card__wrapper:after,a.daff-card:focus .daff-card__wrapper:after,a.daff-card:active .daff-card__wrapper:after,a.daff-raised-card:hover .daff-card__wrapper:after,a.daff-raised-card:focus .daff-card__wrapper:after,a.daff-raised-card:active .daff-card__wrapper:after,a.daff-stroked-card:hover .daff-card__wrapper:after,a.daff-stroked-card:focus .daff-card__wrapper:after,a.daff-stroked-card:active .daff-card__wrapper: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: DaffCardComponent, decorators: [{
             type: Component,
@@ -96,7 +86,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
                         'daff-stroked-card' + ',' +
                         'a[daff-card]' + ',' +
                         'a[daff-raised-card]' + ',' +
-                        'a[daff-stroked-card]', encapsulation: ViewEncapsulation.None, inputs: ['color'], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"[daffCardImage]\"></ng-content>\n<div class=\"daff-card__wrapper\">\n\t<div class=\"daff-card__body\">\n\t\t<ng-content select=\"[daffCardIcon]\"></ng-content>\n\t\t<ng-content select=\"[daffCardTagline]\"></ng-content>\n\t\t<ng-content select=\"[daffCardTitle]\"></ng-content>\n\t\t<ng-content select=\"[daffCardContent]\"></ng-content>\n\t</div>\n\t<ng-content select=\"[daffCardActions]\"></ng-content>\n</div>", styles: [".daff-card{display:flex;border-radius:8px;position:relative}.daff-card__image{display:inline-block;width:100%}.daff-card--vertical{flex-direction:column}.daff-card--vertical .daff-card__image,.daff-card--vertical .daff-card__image img{border-radius:7px 7px 0 0}.daff-card--horizontal{flex-wrap:wrap}@media (min-width: 480px){.daff-card--horizontal{flex-direction:row;flex-wrap:nowrap}}.daff-card--horizontal .daff-card__image{border-radius:7px 0 0 7px}.daff-card--horizontal .daff-card__image img{border-radius:7px 0 0 7px;object-fit:cover;object-position:center center;height:100%!important;width:100%}.daff-card__body{padding:1.5rem;position:relative;z-index:2}.daff-card__icon{display:block;margin:0 0 .5rem}.daff-card__tagline{font-size:.875rem;font-weight:600;letter-spacing:.03125rem;line-height:1rem;text-transform:uppercase;padding:0;margin:0 0 .25rem}.daff-card__title{font-size:1.25rem;font-weight:600;line-height:1.5rem}.daff-card__title+.daff-card__content{margin:1rem 0 0}.daff-card__content p:first-of-type{margin-top:0}.daff-card__content p:last-of-type{margin-bottom:0}.daff-card__actions{padding:0 1.5rem 1.5rem;position:relative;z-index:2}a.daff-card,a.daff-raised-card,a.daff-stroked-card{text-decoration:none}a.daff-card .daff-card__image+.daff-card__wrapper:after,a.daff-raised-card .daff-card__image+.daff-card__wrapper:after,a.daff-stroked-card .daff-card__image+.daff-card__wrapper:after{border-radius:0 0 8px 8px}a.daff-card .daff-card__wrapper,a.daff-raised-card .daff-card__wrapper,a.daff-stroked-card .daff-card__wrapper{position:relative;height:100%}a.daff-card .daff-card__wrapper:after,a.daff-raised-card .daff-card__wrapper:after,a.daff-stroked-card .daff-card__wrapper:after{content:\"\";position:absolute;left:0;top:0;height:100%;border-radius:8px;opacity:0;width:100%;transition:opacity .3s;z-index:1}a.daff-card.daff-card--horizontal .daff-card__image+.daff-card__wrapper:after,a.daff-raised-card.daff-card--horizontal .daff-card__image+.daff-card__wrapper:after,a.daff-stroked-card.daff-card--horizontal .daff-card__image+.daff-card__wrapper:after{border-radius:0 8px 8px 0}a.daff-card:hover .daff-card__wrapper:after,a.daff-card:focus .daff-card__wrapper:after,a.daff-card:active .daff-card__wrapper:after,a.daff-raised-card:hover .daff-card__wrapper:after,a.daff-raised-card:focus .daff-card__wrapper:after,a.daff-raised-card:active .daff-card__wrapper:after,a.daff-stroked-card:hover .daff-card__wrapper:after,a.daff-stroked-card:focus .daff-card__wrapper:after,a.daff-stroked-card:active .daff-card__wrapper:after{opacity:1}\n"] }]
+                        'a[daff-stroked-card]', encapsulation: ViewEncapsulation.None, hostDirectives: [
+                        { directive: DaffArticleEncapsulatedDirective },
+                        {
+                            directive: DaffColorableDirective,
+                            inputs: ['color'],
+                        },
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"[daffCardImage]\"></ng-content>\n<div class=\"daff-card__wrapper\">\n\t<div class=\"daff-card__body\">\n\t\t<ng-content select=\"[daffCardIcon]\"></ng-content>\n\t\t<ng-content select=\"[daffCardTagline]\"></ng-content>\n\t\t<ng-content select=\"[daffCardTitle]\"></ng-content>\n\t\t<ng-content select=\"[daffCardContent]\"></ng-content>\n\t</div>\n\t<ng-content select=\"[daffCardActions]\"></ng-content>\n</div>", styles: [".daff-card{display:flex;border-radius:8px;position:relative}.daff-card__image{display:inline-block;width:100%}.daff-card--vertical{flex-direction:column}.daff-card--vertical .daff-card__image,.daff-card--vertical .daff-card__image img{border-radius:7px 7px 0 0}.daff-card--horizontal{flex-wrap:wrap}@media (min-width: 480px){.daff-card--horizontal{flex-direction:row;flex-wrap:nowrap}}.daff-card--horizontal .daff-card__image{border-radius:7px 0 0 7px}.daff-card--horizontal .daff-card__image img{border-radius:7px 0 0 7px;object-fit:cover;object-position:center center;height:100%!important;width:100%}.daff-card__body{padding:1.5rem;position:relative;z-index:2}.daff-card__icon{display:block;margin:0 0 .5rem}.daff-card__tagline{font-size:.875rem;font-weight:600;letter-spacing:.03125rem;line-height:1rem;text-transform:uppercase;padding:0;margin:0 0 .25rem}.daff-card__title{font-size:1.25rem;font-weight:600;line-height:1.5rem}.daff-card__title+.daff-card__content{margin:1rem 0 0}.daff-card__content p:first-of-type{margin-top:0}.daff-card__content p:last-of-type{margin-bottom:0}.daff-card__actions{padding:0 1.5rem 1.5rem;position:relative;z-index:2}a.daff-card,a.daff-raised-card,a.daff-stroked-card{text-decoration:none}a.daff-card .daff-card__image+.daff-card__wrapper:after,a.daff-raised-card .daff-card__image+.daff-card__wrapper:after,a.daff-stroked-card .daff-card__image+.daff-card__wrapper:after{border-radius:0 0 8px 8px}a.daff-card .daff-card__wrapper,a.daff-raised-card .daff-card__wrapper,a.daff-stroked-card .daff-card__wrapper{position:relative;height:100%}a.daff-card .daff-card__wrapper:after,a.daff-raised-card .daff-card__wrapper:after,a.daff-stroked-card .daff-card__wrapper:after{content:\"\";position:absolute;left:0;top:0;height:100%;border-radius:8px;opacity:0;width:100%;transition:opacity .3s;z-index:1}a.daff-card.daff-card--horizontal .daff-card__image+.daff-card__wrapper:after,a.daff-raised-card.daff-card--horizontal .daff-card__image+.daff-card__wrapper:after,a.daff-stroked-card.daff-card--horizontal .daff-card__image+.daff-card__wrapper:after{border-radius:0 8px 8px 0}a.daff-card:hover .daff-card__wrapper:after,a.daff-card:focus .daff-card__wrapper:after,a.daff-card:active .daff-card__wrapper:after,a.daff-raised-card:hover .daff-card__wrapper:after,a.daff-raised-card:focus .daff-card__wrapper:after,a.daff-raised-card:active .daff-card__wrapper:after,a.daff-stroked-card:hover .daff-card__wrapper:after,a.daff-stroked-card:focus .daff-card__wrapper:after,a.daff-stroked-card:active .daff-card__wrapper:after{opacity:1}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { orientation: [{
                 type: Input
             }], class: [{
@@ -109,4 +105,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
                 type: HostBinding,
                 args: ['class.daff-card--horizontal']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9jYXJkL3NyYy9jYXJkL2NhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vY2FyZC9zcmMvY2FyZC9jYXJkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsaUJBQWlCLEVBQ2pCLHVCQUF1QixFQUN2QixXQUFXLEVBQ1gsVUFBVSxFQUNWLFNBQVMsRUFDVCxLQUFLLEdBRU4sTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUNMLDRCQUE0QixFQUU1QixjQUFjLEdBQ2YsTUFBTSxrQkFBa0IsQ0FBQzs7QUFJMUIsSUFBSyxnQkFHSjtBQUhELFdBQUssZ0JBQWdCO0lBQ25CLCtDQUEyQixDQUFBO0lBQzNCLGlEQUE2QixDQUFBO0FBQy9CLENBQUMsRUFISSxnQkFBZ0IsS0FBaEIsZ0JBQWdCLFFBR3BCO0FBTUQsTUFBTSxDQUFOLElBQVksdUJBR1g7QUFIRCxXQUFZLHVCQUF1QjtJQUNqQyxnREFBcUIsQ0FBQTtJQUNyQixvREFBeUIsQ0FBQTtBQUMzQixDQUFDLEVBSFcsdUJBQXVCLEtBQXZCLHVCQUF1QixRQUdsQztBQUVEOztHQUVHO0FBQ0gsTUFBTSxZQUFZO0lBQ2hCLFlBQW1CLFdBQXVCLEVBQVMsU0FBb0I7UUFBcEQsZ0JBQVcsR0FBWCxXQUFXLENBQVk7UUFBUyxjQUFTLEdBQVQsU0FBUyxDQUFXO0lBQUcsQ0FBQztDQUM1RTtBQUVELE1BQU0sYUFBYSxHQUFHLDRCQUE0QixDQUFDLGNBQWMsQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDO0FBRWpGOztHQUVHO0FBa0JILE1BQU0sT0FBTyxpQkFBa0IsU0FBUSxhQUFhO0lBR2xELElBQ0ksV0FBVztRQUNiLE9BQU8sSUFBSSxDQUFDLFlBQVksQ0FBQztJQUMzQixDQUFDO0lBRUQsSUFBSSxXQUFXLENBQUMsS0FBMEI7UUFDeEMsSUFBRyxLQUFLLEtBQUssSUFBSSxJQUFJLEtBQUssS0FBSyxTQUFTLElBQWEsS0FBSyxLQUFLLEVBQUUsRUFBRTtZQUNqRSxJQUFJLENBQUMsWUFBWSxHQUFHLHVCQUF1QixDQUFDLFFBQVEsQ0FBQztTQUN0RDthQUFNO1lBQ0wsSUFBSSxDQUFDLFlBQVksR0FBRyxLQUFLLENBQUM7U0FDM0I7SUFDSCxDQUFDO0lBQUEsQ0FBQztJQU9NLFlBQVk7UUFDbEIsTUFBTSxNQUFNLEdBQUcsTUFBTSxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsZ0JBQWdCLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUU3RSxJQUFJLE1BQU0sQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsRUFBRTtZQUN6RCxPQUFPLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQyxTQUFTLENBQUM7U0FDekM7UUFFRCxLQUFLLE1BQU0sSUFBSSxJQUFJLE1BQU0sRUFBRTtZQUN6QixJQUFJLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsRUFBRTtnQkFDakMsT0FBcUIsSUFBSSxDQUFDO2FBQzNCO1NBQ0Y7UUFFRCxPQUFPLElBQUksQ0FBQztJQUNkLENBQUM7SUFFRCxZQUFvQixVQUFzQixFQUFVLFFBQW1CO1FBQ3JFLEtBQUssQ0FBQyxVQUFVLEVBQUUsUUFBUSxDQUFDLENBQUM7UUFEVixlQUFVLEdBQVYsVUFBVSxDQUFZO1FBQVUsYUFBUSxHQUFSLFFBQVEsQ0FBVztRQXBDL0QsaUJBQVksR0FBd0IsdUJBQXVCLENBQUMsUUFBUSxDQUFDO1FBbUQ3QyxVQUFLLEdBQUcsSUFBSSxDQUFDO1FBWjNDLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3RDLENBQUM7SUFFRDs7T0FFRztJQUNILFFBQVE7UUFDTixJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDSCxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWMsQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztTQUMzRTtJQUNILENBQUM7SUFJRDs7T0FFRztJQUNILElBQThDLGFBQWE7UUFDekQsT0FBTyxJQUFJLENBQUMsV0FBVyxLQUFLLHVCQUF1QixDQUFDLFFBQVEsQ0FBQztJQUMvRCxDQUFDO0lBRUQ7O09BRUc7SUFDSCxJQUFnRCxlQUFlO1FBQzdELE9BQU8sSUFBSSxDQUFDLFdBQVcsS0FBSyx1QkFBdUIsQ0FBQyxVQUFVLENBQUM7SUFDakUsQ0FBQztJQUVPLGVBQWU7UUFDckIsT0FBTyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQztJQUN2QyxDQUFDO0lBRUQ7O1NBRUs7SUFDRyxrQkFBa0IsQ0FBQyxHQUFHLFVBQW9CO1FBQ2hELE9BQU8sVUFBVSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQyxZQUFZLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQztJQUN0RixDQUFDO2tJQTdFVSxpQkFBaUI7c0hBQWpCLGlCQUFpQiw4WEM5RDlCLG9iQVNNOzs0RkRxRE8saUJBQWlCO2tCQWpCN0IsU0FBUzsrQkFFTixXQUFXLEdBQUcsR0FBRzt3QkFDakIsa0JBQWtCLEdBQUcsR0FBRzt3QkFDeEIsbUJBQW1CLEdBQUcsR0FBRzt3QkFDekIsY0FBYyxHQUFHLEdBQUc7d0JBQ3BCLHFCQUFxQixHQUFHLEdBQUc7d0JBQzNCLHNCQUFzQixpQkFHVCxpQkFBaUIsQ0FBQyxJQUFJLFVBRzdCLENBQUMsT0FBTyxDQUFDLG1CQUNBLHVCQUF1QixDQUFDLE1BQU07dUdBTzNDLFdBQVc7c0JBRGQsS0FBSztnQkFpRDBCLEtBQUs7c0JBQXBDLFdBQVc7dUJBQUMsaUJBQWlCO2dCQUtnQixhQUFhO3NCQUExRCxXQUFXO3VCQUFDLDJCQUEyQjtnQkFPUSxlQUFlO3NCQUE5RCxXQUFXO3VCQUFDLDZCQUE2QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBIb3N0QmluZGluZyxcbiAgRWxlbWVudFJlZixcbiAgUmVuZGVyZXIyLFxuICBJbnB1dCxcbiAgT25Jbml0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHtcbiAgZGFmZkFydGljbGVFbmNhcHN1bGF0ZWRNaXhpbixcbiAgRGFmZkNvbG9yYWJsZSxcbiAgZGFmZkNvbG9yTWl4aW4sXG59IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24nO1xuXG5leHBvcnQgdHlwZSBEYWZmQ2FyZFR5cGUgPSBudWxsIHwgJ2RhZmYtcmFpc2VkLWNhcmQnIHwgJ2RhZmYtc3Ryb2tlZC1jYXJkJztcblxuZW51bSBEYWZmQ2FyZFR5cGVFbnVtIHtcbiAgUmFpc2VkID0gJ2RhZmYtcmFpc2VkLWNhcmQnLFxuICBTdHJva2VkID0gJ2RhZmYtc3Ryb2tlZC1jYXJkJ1xufVxuXG4vKipcbiAqIFRoaXMgYXR0cmlidXRlIGRldGVybWluZXMgd2hhdCBvcmllbnRhdGlvbiB0aGUgdGhlIGNhcmQgY29udGVudHMgYXJlIHN0YWNrZWQuXG4gKi9cbmV4cG9ydCB0eXBlIERhZmZDYXJkT3JpZW50YXRpb24gPSAndmVydGljYWwnIHwgJ2hvcml6b250YWwnO1xuZXhwb3J0IGVudW0gRGFmZkNhcmRPcmllbnRhdGlvbkVudW0ge1xuICBWZXJ0aWNhbCA9ICd2ZXJ0aWNhbCcsXG4gIEhvcml6b250YWwgPSAnaG9yaXpvbnRhbCcsXG59XG5cbi8qKlxuICogQW4gX2VsZW1lbnRSZWYgYW5kIGFuIGluc3RhbmNlIG9mIHJlbmRlcmVyMiBhcmUgbmVlZGVkIGZvciB0aGUgQ29sb3JhYmxlIG1peGluXG4gKi9cbmNsYXNzIERhZmZDYXJkQmFzZSB7XG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBfZWxlbWVudFJlZjogRWxlbWVudFJlZiwgcHVibGljIF9yZW5kZXJlcjogUmVuZGVyZXIyKSB7fVxufVxuXG5jb25zdCBfZGFmZkNhcmRCYXNlID0gZGFmZkFydGljbGVFbmNhcHN1bGF0ZWRNaXhpbihkYWZmQ29sb3JNaXhpbihEYWZmQ2FyZEJhc2UpKTtcblxuLyoqXG4gKiBAaW5oZXJpdGRvY1xuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6XG4gICAgJ2RhZmYtY2FyZCcgKyAnLCcgK1xuICAgICdkYWZmLXJhaXNlZC1jYXJkJyArICcsJyArXG4gICAgJ2RhZmYtc3Ryb2tlZC1jYXJkJyArICcsJyArXG4gICAgJ2FbZGFmZi1jYXJkXScgKyAnLCcgK1xuICAgICdhW2RhZmYtcmFpc2VkLWNhcmRdJyArICcsJyArXG4gICAgJ2FbZGFmZi1zdHJva2VkLWNhcmRdJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NhcmQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jYXJkLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIC8vdG9kbyhkYW1pZW53ZWJkZXYpOiByZW1vdmUgb25jZSBkZWNvcmF0b3JzIGhpdCBzdGFnZSAzIC0gaHR0cHM6Ly9naXRodWIuY29tL21pY3Jvc29mdC9UeXBlU2NyaXB0L2lzc3Vlcy83MzQyXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvbm8taW5wdXRzLW1ldGFkYXRhLXByb3BlcnR5XG4gIGlucHV0czogWydjb2xvciddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5cbmV4cG9ydCBjbGFzcyBEYWZmQ2FyZENvbXBvbmVudCBleHRlbmRzIF9kYWZmQ2FyZEJhc2UgaW1wbGVtZW50cyBPbkluaXQsIERhZmZDb2xvcmFibGUge1xuICBwcml2YXRlIF9vcmllbnRhdGlvbjogRGFmZkNhcmRPcmllbnRhdGlvbiA9IERhZmZDYXJkT3JpZW50YXRpb25FbnVtLlZlcnRpY2FsO1xuXG4gIEBJbnB1dCgpXG4gIGdldCBvcmllbnRhdGlvbigpIHtcbiAgICByZXR1cm4gdGhpcy5fb3JpZW50YXRpb247XG4gIH1cblxuICBzZXQgb3JpZW50YXRpb24odmFsdWU6IERhZmZDYXJkT3JpZW50YXRpb24pIHtcbiAgICBpZih2YWx1ZSA9PT0gbnVsbCB8fCB2YWx1ZSA9PT0gdW5kZWZpbmVkIHx8IDx1bmtub3duPnZhbHVlID09PSAnJykge1xuICAgICAgdGhpcy5fb3JpZW50YXRpb24gPSBEYWZmQ2FyZE9yaWVudGF0aW9uRW51bS5WZXJ0aWNhbDtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5fb3JpZW50YXRpb24gPSB2YWx1ZTtcbiAgICB9XG4gIH07XG5cbiAgLyoqXG4gICAqIEBkb2NzLXByaXZhdGVcbiAgICovXG4gIHByaXZhdGUgY2FyZFR5cGU6IERhZmZDYXJkVHlwZTtcblxuICBwcml2YXRlIGluaXRDYXJkVHlwZSgpOiBEYWZmQ2FyZFR5cGUge1xuICAgIGNvbnN0IHZhbHVlcyA9IE9iamVjdC5rZXlzKERhZmZDYXJkVHlwZUVudW0pLm1hcCgoaykgPT4gRGFmZkNhcmRUeXBlRW51bVtrXSk7XG5cbiAgICBpZiAodmFsdWVzLmluZGV4T2YodGhpcy5fZ2V0SG9zdEVsZW1lbnQoKS5sb2NhbE5hbWUpID49IDApIHtcbiAgICAgIHJldHVybiB0aGlzLl9nZXRIb3N0RWxlbWVudCgpLmxvY2FsTmFtZTtcbiAgICB9XG5cbiAgICBmb3IgKGNvbnN0IGF0dHIgb2YgdmFsdWVzKSB7XG4gICAgICBpZiAodGhpcy5faGFzSG9zdEF0dHJpYnV0ZXMoYXR0cikpIHtcbiAgICAgICAgcmV0dXJuIDxEYWZmQ2FyZFR5cGU+YXR0cjtcbiAgICAgIH1cbiAgICB9XG5cbiAgICByZXR1cm4gbnVsbDtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgZWxlbWVudFJlZjogRWxlbWVudFJlZiwgcHJpdmF0ZSByZW5kZXJlcjogUmVuZGVyZXIyKSB7XG4gICAgc3VwZXIoZWxlbWVudFJlZiwgcmVuZGVyZXIpO1xuXG4gICAgdGhpcy5jYXJkVHlwZSA9IHRoaXMuaW5pdENhcmRUeXBlKCk7XG4gIH1cblxuICAvKipcbiAgICogQGRvY3MtcHJpdmF0ZVxuICAgKi9cbiAgbmdPbkluaXQoKSB7XG4gICAgaWYgKHRoaXMuY2FyZFR5cGUpIHtcbiAgICAgICg8SFRNTEVsZW1lbnQ+dGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQpLmNsYXNzTGlzdC5hZGQodGhpcy5jYXJkVHlwZSk7XG4gICAgfVxuICB9XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5kYWZmLWNhcmQnKSBjbGFzcyA9IHRydWU7XG5cbiAgLyoqXG4gICAqIEBkb2NzLXByaXZhdGVcbiAgICovXG4gIEBIb3N0QmluZGluZygnY2xhc3MuZGFmZi1jYXJkLS12ZXJ0aWNhbCcpIGdldCB2ZXJ0aWNhbENsYXNzKCkge1xuICAgIHJldHVybiB0aGlzLm9yaWVudGF0aW9uID09PSBEYWZmQ2FyZE9yaWVudGF0aW9uRW51bS5WZXJ0aWNhbDtcbiAgfVxuXG4gIC8qKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmRhZmYtY2FyZC0taG9yaXpvbnRhbCcpIGdldCBob3Jpem9udGFsQ2xhc3MoKSB7XG4gICAgcmV0dXJuIHRoaXMub3JpZW50YXRpb24gPT09IERhZmZDYXJkT3JpZW50YXRpb25FbnVtLkhvcml6b250YWw7XG4gIH1cblxuICBwcml2YXRlIF9nZXRIb3N0RWxlbWVudCgpIHtcbiAgICByZXR1cm4gdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQ7XG4gIH1cblxuICAvKipcbiAgICogR2V0cyB3aGV0aGVyIHRoZSBidXR0b24gaGFzIG9uZSBvZiB0aGUgZ2l2ZW4gYXR0cmlidXRlcy5cbiAgICogKi9cbiAgcHJpdmF0ZSBfaGFzSG9zdEF0dHJpYnV0ZXMoLi4uYXR0cmlidXRlczogc3RyaW5nW10pIHtcbiAgICByZXR1cm4gYXR0cmlidXRlcy5zb21lKGF0dHJpYnV0ZSA9PiB0aGlzLl9nZXRIb3N0RWxlbWVudCgpLmhhc0F0dHJpYnV0ZShhdHRyaWJ1dGUpKTtcbiAgfVxufVxuIiwiPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2RhZmZDYXJkSW1hZ2VdXCI+PC9uZy1jb250ZW50PlxuPGRpdiBjbGFzcz1cImRhZmYtY2FyZF9fd3JhcHBlclwiPlxuXHQ8ZGl2IGNsYXNzPVwiZGFmZi1jYXJkX19ib2R5XCI+XG5cdFx0PG5nLWNvbnRlbnQgc2VsZWN0PVwiW2RhZmZDYXJkSWNvbl1cIj48L25nLWNvbnRlbnQ+XG5cdFx0PG5nLWNvbnRlbnQgc2VsZWN0PVwiW2RhZmZDYXJkVGFnbGluZV1cIj48L25nLWNvbnRlbnQ+XG5cdFx0PG5nLWNvbnRlbnQgc2VsZWN0PVwiW2RhZmZDYXJkVGl0bGVdXCI+PC9uZy1jb250ZW50PlxuXHRcdDxuZy1jb250ZW50IHNlbGVjdD1cIltkYWZmQ2FyZENvbnRlbnRdXCI+PC9uZy1jb250ZW50PlxuXHQ8L2Rpdj5cblx0PG5nLWNvbnRlbnQgc2VsZWN0PVwiW2RhZmZDYXJkQWN0aW9uc11cIj48L25nLWNvbnRlbnQ+XG48L2Rpdj4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9jYXJkL3NyYy9jYXJkL2NhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vY2FyZC9zcmMvY2FyZC9jYXJkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsaUJBQWlCLEVBQ2pCLHVCQUF1QixFQUN2QixXQUFXLEVBQ1gsVUFBVSxFQUNWLFNBQVMsRUFDVCxLQUFLLEdBRU4sTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUNMLGdDQUFnQyxFQUNoQyxzQkFBc0IsR0FDdkIsTUFBTSxrQkFBa0IsQ0FBQzs7O0FBSTFCLElBQUssZ0JBR0o7QUFIRCxXQUFLLGdCQUFnQjtJQUNuQiwrQ0FBMkIsQ0FBQTtJQUMzQixpREFBNkIsQ0FBQTtBQUMvQixDQUFDLEVBSEksZ0JBQWdCLEtBQWhCLGdCQUFnQixRQUdwQjtBQU1ELE1BQU0sQ0FBTixJQUFZLHVCQUdYO0FBSEQsV0FBWSx1QkFBdUI7SUFDakMsZ0RBQXFCLENBQUE7SUFDckIsb0RBQXlCLENBQUE7QUFDM0IsQ0FBQyxFQUhXLHVCQUF1QixLQUF2Qix1QkFBdUIsUUFHbEM7QUFFRDs7R0FFRztBQXNCSCxNQUFNLE9BQU8saUJBQWlCO0lBRzVCLElBQ0ksV0FBVztRQUNiLE9BQU8sSUFBSSxDQUFDLFlBQVksQ0FBQztJQUMzQixDQUFDO0lBRUQsSUFBSSxXQUFXLENBQUMsS0FBMEI7UUFDeEMsSUFBRyxLQUFLLEtBQUssSUFBSSxJQUFJLEtBQUssS0FBSyxTQUFTLElBQWEsS0FBSyxLQUFLLEVBQUUsRUFBRTtZQUNqRSxJQUFJLENBQUMsWUFBWSxHQUFHLHVCQUF1QixDQUFDLFFBQVEsQ0FBQztTQUN0RDthQUFNO1lBQ0wsSUFBSSxDQUFDLFlBQVksR0FBRyxLQUFLLENBQUM7U0FDM0I7SUFDSCxDQUFDO0lBQUEsQ0FBQztJQU9NLFlBQVk7UUFDbEIsTUFBTSxNQUFNLEdBQUcsTUFBTSxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsZ0JBQWdCLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUU3RSxJQUFJLE1BQU0sQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsRUFBRTtZQUN6RCxPQUFPLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQyxTQUFTLENBQUM7U0FDekM7UUFFRCxLQUFLLE1BQU0sSUFBSSxJQUFJLE1BQU0sRUFBRTtZQUN6QixJQUFJLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsRUFBRTtnQkFDakMsT0FBcUIsSUFBSSxDQUFDO2FBQzNCO1NBQ0Y7UUFFRCxPQUFPLElBQUksQ0FBQztJQUNkLENBQUM7SUFFRCxZQUFvQixVQUFzQixFQUFVLFFBQW1CO1FBQW5ELGVBQVUsR0FBVixVQUFVLENBQVk7UUFBVSxhQUFRLEdBQVIsUUFBUSxDQUFXO1FBcEMvRCxpQkFBWSxHQUF3Qix1QkFBdUIsQ0FBQyxRQUFRLENBQUM7UUFpRDdDLFVBQUssR0FBRyxJQUFJLENBQUM7UUFaM0MsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDdEMsQ0FBQztJQUVEOztPQUVHO0lBQ0gsUUFBUTtRQUNOLElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNILElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYyxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1NBQzNFO0lBQ0gsQ0FBQztJQUlEOztPQUVHO0lBQ0gsSUFBOEMsYUFBYTtRQUN6RCxPQUFPLElBQUksQ0FBQyxXQUFXLEtBQUssdUJBQXVCLENBQUMsUUFBUSxDQUFDO0lBQy9ELENBQUM7SUFFRDs7T0FFRztJQUNILElBQWdELGVBQWU7UUFDN0QsT0FBTyxJQUFJLENBQUMsV0FBVyxLQUFLLHVCQUF1QixDQUFDLFVBQVUsQ0FBQztJQUNqRSxDQUFDO0lBRU8sZUFBZTtRQUNyQixPQUFPLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDO0lBQ3ZDLENBQUM7SUFFRDs7U0FFSztJQUNHLGtCQUFrQixDQUFDLEdBQUcsVUFBb0I7UUFDaEQsT0FBTyxVQUFVLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDLFlBQVksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDO0lBQ3RGLENBQUM7a0lBM0VVLGlCQUFpQjtzSEFBakIsaUJBQWlCLG1lQ3hEOUIsb2JBU007OzRGRCtDTyxpQkFBaUI7a0JBckI3QixTQUFTOytCQUVOLFdBQVcsR0FBRyxHQUFHO3dCQUNqQixrQkFBa0IsR0FBRyxHQUFHO3dCQUN4QixtQkFBbUIsR0FBRyxHQUFHO3dCQUN6QixjQUFjLEdBQUcsR0FBRzt3QkFDcEIscUJBQXFCLEdBQUcsR0FBRzt3QkFDM0Isc0JBQXNCLGlCQUdULGlCQUFpQixDQUFDLElBQUksa0JBQ3JCO3dCQUNkLEVBQUUsU0FBUyxFQUFFLGdDQUFnQyxFQUFFO3dCQUMvQzs0QkFDRSxTQUFTLEVBQUUsc0JBQXNCOzRCQUNqQyxNQUFNLEVBQUUsQ0FBQyxPQUFPLENBQUM7eUJBQ2xCO3FCQUNGLG1CQUNnQix1QkFBdUIsQ0FBQyxNQUFNO3VHQU8zQyxXQUFXO3NCQURkLEtBQUs7Z0JBK0MwQixLQUFLO3NCQUFwQyxXQUFXO3VCQUFDLGlCQUFpQjtnQkFLZ0IsYUFBYTtzQkFBMUQsV0FBVzt1QkFBQywyQkFBMkI7Z0JBT1EsZUFBZTtzQkFBOUQsV0FBVzt1QkFBQyw2QkFBNkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgSG9zdEJpbmRpbmcsXG4gIEVsZW1lbnRSZWYsXG4gIFJlbmRlcmVyMixcbiAgSW5wdXQsXG4gIE9uSW5pdCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7XG4gIERhZmZBcnRpY2xlRW5jYXBzdWxhdGVkRGlyZWN0aXZlLFxuICBEYWZmQ29sb3JhYmxlRGlyZWN0aXZlLFxufSBmcm9tICdAZGFmZm9kaWwvZGVzaWduJztcblxuZXhwb3J0IHR5cGUgRGFmZkNhcmRUeXBlID0gbnVsbCB8ICdkYWZmLXJhaXNlZC1jYXJkJyB8ICdkYWZmLXN0cm9rZWQtY2FyZCc7XG5cbmVudW0gRGFmZkNhcmRUeXBlRW51bSB7XG4gIFJhaXNlZCA9ICdkYWZmLXJhaXNlZC1jYXJkJyxcbiAgU3Ryb2tlZCA9ICdkYWZmLXN0cm9rZWQtY2FyZCdcbn1cblxuLyoqXG4gKiBUaGlzIGF0dHJpYnV0ZSBkZXRlcm1pbmVzIHdoYXQgb3JpZW50YXRpb24gdGhlIHRoZSBjYXJkIGNvbnRlbnRzIGFyZSBzdGFja2VkLlxuICovXG5leHBvcnQgdHlwZSBEYWZmQ2FyZE9yaWVudGF0aW9uID0gJ3ZlcnRpY2FsJyB8ICdob3Jpem9udGFsJztcbmV4cG9ydCBlbnVtIERhZmZDYXJkT3JpZW50YXRpb25FbnVtIHtcbiAgVmVydGljYWwgPSAndmVydGljYWwnLFxuICBIb3Jpem9udGFsID0gJ2hvcml6b250YWwnLFxufVxuXG4vKipcbiAqIEBpbmhlcml0ZG9jXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjpcbiAgICAnZGFmZi1jYXJkJyArICcsJyArXG4gICAgJ2RhZmYtcmFpc2VkLWNhcmQnICsgJywnICtcbiAgICAnZGFmZi1zdHJva2VkLWNhcmQnICsgJywnICtcbiAgICAnYVtkYWZmLWNhcmRdJyArICcsJyArXG4gICAgJ2FbZGFmZi1yYWlzZWQtY2FyZF0nICsgJywnICtcbiAgICAnYVtkYWZmLXN0cm9rZWQtY2FyZF0nLFxuICB0ZW1wbGF0ZVVybDogJy4vY2FyZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NhcmQuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgaG9zdERpcmVjdGl2ZXM6IFtcbiAgICB7IGRpcmVjdGl2ZTogRGFmZkFydGljbGVFbmNhcHN1bGF0ZWREaXJlY3RpdmUgfSxcbiAgICB7XG4gICAgICBkaXJlY3RpdmU6IERhZmZDb2xvcmFibGVEaXJlY3RpdmUsXG4gICAgICBpbnB1dHM6IFsnY29sb3InXSxcbiAgICB9LFxuICBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5cbmV4cG9ydCBjbGFzcyBEYWZmQ2FyZENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIHByaXZhdGUgX29yaWVudGF0aW9uOiBEYWZmQ2FyZE9yaWVudGF0aW9uID0gRGFmZkNhcmRPcmllbnRhdGlvbkVudW0uVmVydGljYWw7XG5cbiAgQElucHV0KClcbiAgZ2V0IG9yaWVudGF0aW9uKCkge1xuICAgIHJldHVybiB0aGlzLl9vcmllbnRhdGlvbjtcbiAgfVxuXG4gIHNldCBvcmllbnRhdGlvbih2YWx1ZTogRGFmZkNhcmRPcmllbnRhdGlvbikge1xuICAgIGlmKHZhbHVlID09PSBudWxsIHx8IHZhbHVlID09PSB1bmRlZmluZWQgfHwgPHVua25vd24+dmFsdWUgPT09ICcnKSB7XG4gICAgICB0aGlzLl9vcmllbnRhdGlvbiA9IERhZmZDYXJkT3JpZW50YXRpb25FbnVtLlZlcnRpY2FsO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLl9vcmllbnRhdGlvbiA9IHZhbHVlO1xuICAgIH1cbiAgfTtcblxuICAvKipcbiAgICogQGRvY3MtcHJpdmF0ZVxuICAgKi9cbiAgcHJpdmF0ZSBjYXJkVHlwZTogRGFmZkNhcmRUeXBlO1xuXG4gIHByaXZhdGUgaW5pdENhcmRUeXBlKCk6IERhZmZDYXJkVHlwZSB7XG4gICAgY29uc3QgdmFsdWVzID0gT2JqZWN0LmtleXMoRGFmZkNhcmRUeXBlRW51bSkubWFwKChrKSA9PiBEYWZmQ2FyZFR5cGVFbnVtW2tdKTtcblxuICAgIGlmICh2YWx1ZXMuaW5kZXhPZih0aGlzLl9nZXRIb3N0RWxlbWVudCgpLmxvY2FsTmFtZSkgPj0gMCkge1xuICAgICAgcmV0dXJuIHRoaXMuX2dldEhvc3RFbGVtZW50KCkubG9jYWxOYW1lO1xuICAgIH1cblxuICAgIGZvciAoY29uc3QgYXR0ciBvZiB2YWx1ZXMpIHtcbiAgICAgIGlmICh0aGlzLl9oYXNIb3N0QXR0cmlidXRlcyhhdHRyKSkge1xuICAgICAgICByZXR1cm4gPERhZmZDYXJkVHlwZT5hdHRyO1xuICAgICAgfVxuICAgIH1cblxuICAgIHJldHVybiBudWxsO1xuICB9XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBlbGVtZW50UmVmOiBFbGVtZW50UmVmLCBwcml2YXRlIHJlbmRlcmVyOiBSZW5kZXJlcjIpIHtcbiAgICB0aGlzLmNhcmRUeXBlID0gdGhpcy5pbml0Q2FyZFR5cGUoKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBuZ09uSW5pdCgpIHtcbiAgICBpZiAodGhpcy5jYXJkVHlwZSkge1xuICAgICAgKDxIVE1MRWxlbWVudD50aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCkuY2xhc3NMaXN0LmFkZCh0aGlzLmNhcmRUeXBlKTtcbiAgICB9XG4gIH1cblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmRhZmYtY2FyZCcpIGNsYXNzID0gdHJ1ZTtcblxuICAvKipcbiAgICogQGRvY3MtcHJpdmF0ZVxuICAgKi9cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5kYWZmLWNhcmQtLXZlcnRpY2FsJykgZ2V0IHZlcnRpY2FsQ2xhc3MoKSB7XG4gICAgcmV0dXJuIHRoaXMub3JpZW50YXRpb24gPT09IERhZmZDYXJkT3JpZW50YXRpb25FbnVtLlZlcnRpY2FsO1xuICB9XG5cbiAgLyoqXG4gICAqIEBkb2NzLXByaXZhdGVcbiAgICovXG4gIEBIb3N0QmluZGluZygnY2xhc3MuZGFmZi1jYXJkLS1ob3Jpem9udGFsJykgZ2V0IGhvcml6b250YWxDbGFzcygpIHtcbiAgICByZXR1cm4gdGhpcy5vcmllbnRhdGlvbiA9PT0gRGFmZkNhcmRPcmllbnRhdGlvbkVudW0uSG9yaXpvbnRhbDtcbiAgfVxuXG4gIHByaXZhdGUgX2dldEhvc3RFbGVtZW50KCkge1xuICAgIHJldHVybiB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudDtcbiAgfVxuXG4gIC8qKlxuICAgKiBHZXRzIHdoZXRoZXIgdGhlIGJ1dHRvbiBoYXMgb25lIG9mIHRoZSBnaXZlbiBhdHRyaWJ1dGVzLlxuICAgKiAqL1xuICBwcml2YXRlIF9oYXNIb3N0QXR0cmlidXRlcyguLi5hdHRyaWJ1dGVzOiBzdHJpbmdbXSkge1xuICAgIHJldHVybiBhdHRyaWJ1dGVzLnNvbWUoYXR0cmlidXRlID0+IHRoaXMuX2dldEhvc3RFbGVtZW50KCkuaGFzQXR0cmlidXRlKGF0dHJpYnV0ZSkpO1xuICB9XG59XG4iLCI8bmctY29udGVudCBzZWxlY3Q9XCJbZGFmZkNhcmRJbWFnZV1cIj48L25nLWNvbnRlbnQ+XG48ZGl2IGNsYXNzPVwiZGFmZi1jYXJkX193cmFwcGVyXCI+XG5cdDxkaXYgY2xhc3M9XCJkYWZmLWNhcmRfX2JvZHlcIj5cblx0XHQ8bmctY29udGVudCBzZWxlY3Q9XCJbZGFmZkNhcmRJY29uXVwiPjwvbmctY29udGVudD5cblx0XHQ8bmctY29udGVudCBzZWxlY3Q9XCJbZGFmZkNhcmRUYWdsaW5lXVwiPjwvbmctY29udGVudD5cblx0XHQ8bmctY29udGVudCBzZWxlY3Q9XCJbZGFmZkNhcmRUaXRsZV1cIj48L25nLWNvbnRlbnQ+XG5cdFx0PG5nLWNvbnRlbnQgc2VsZWN0PVwiW2RhZmZDYXJkQ29udGVudF1cIj48L25nLWNvbnRlbnQ+XG5cdDwvZGl2PlxuXHQ8bmctY29udGVudCBzZWxlY3Q9XCJbZGFmZkNhcmRBY3Rpb25zXVwiPjwvbmctY29udGVudD5cbjwvZGl2PiJdfQ==