@daffodil/design 0.66.1 → 0.68.0

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

@@ -0,0 +1,32 @@
+import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import { UntypedFormControl } from '@angular/forms';
+import { faMobile } from '@fortawesome/free-solid-svg-icons';
+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";
+export class CalloutThemingComponent {
+    constructor() {
+        this.faMobile = faMobile;
+        this.colorControl = new UntypedFormControl('');
+        this.options = [
+            { value: '', label: 'Default' },
+            { value: 'primary', label: 'Primary' },
+            { value: 'secondary', label: 'Secondary' },
+            { value: 'tertiary', label: 'Tertiary' },
+            { value: 'white', label: 'White' },
+            { value: 'black', label: 'Black' },
+            { value: 'theme', label: 'Theme' },
+            { value: 'theme-contrast', label: 'Theme Contrast' },
+        ];
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: CalloutThemingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", 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", "layout", "size"] }, { 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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", 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"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsbG91dC10aGVtaW5nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2NhbGxvdXQvZXhhbXBsZXMvc3JjL2NhbGxvdXQtdGhlbWluZy9jYWxsb3V0LXRoZW1pbmcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vY2FsbG91dC9leGFtcGxlcy9zcmMvY2FsbG91dC10aGVtaW5nL2NhbGxvdXQtdGhlbWluZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNwRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUNBQW1DLENBQUM7Ozs7Ozs7QUFTN0QsTUFBTSxPQUFPLHVCQUF1QjtJQVBwQztRQVFFLGFBQVEsR0FBRyxRQUFRLENBQUM7UUFDcEIsaUJBQVksR0FBdUIsSUFBSSxrQkFBa0IsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUU5RCxZQUFPLEdBQUc7WUFDUixFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRTtZQUMvQixFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRTtZQUN0QyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRTtZQUMxQyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRTtZQUN4QyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRTtZQUNsQyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRTtZQUNsQyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRTtZQUNsQyxFQUFFLEtBQUssRUFBRSxnQkFBZ0IsRUFBRSxLQUFLLEVBQUUsZ0JBQWdCLEVBQUU7U0FDckQsQ0FBQztLQUNIO2lJQWRZLHVCQUF1QjtxSEFBdkIsdUJBQXVCLHVEQ2RwQyw0MkJBaUJTOzsyRkRISSx1QkFBdUI7a0JBUG5DLFNBQVM7K0JBRUUsaUJBQWlCLG1CQUdWLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFVudHlwZWRGb3JtQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IGZhTW9iaWxlIH0gZnJvbSAnQGZvcnRhd2Vzb21lL2ZyZWUtc29saWQtc3ZnLWljb25zJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnY2FsbG91dC10aGVtaW5nJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NhbGxvdXQtdGhlbWluZy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NhbGxvdXQtdGhlbWluZy5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgQ2FsbG91dFRoZW1pbmdDb21wb25lbnQge1xuICBmYU1vYmlsZSA9IGZhTW9iaWxlO1xuICBjb2xvckNvbnRyb2w6IFVudHlwZWRGb3JtQ29udHJvbCA9IG5ldyBVbnR5cGVkRm9ybUNvbnRyb2woJycpO1xuXG4gIG9wdGlvbnMgPSBbXG4gICAgeyB2YWx1ZTogJycsIGxhYmVsOiAnRGVmYXVsdCcgfSxcbiAgICB7IHZhbHVlOiAncHJpbWFyeScsIGxhYmVsOiAnUHJpbWFyeScgfSxcbiAgICB7IHZhbHVlOiAnc2Vjb25kYXJ5JywgbGFiZWw6ICdTZWNvbmRhcnknIH0sXG4gICAgeyB2YWx1ZTogJ3RlcnRpYXJ5JywgbGFiZWw6ICdUZXJ0aWFyeScgfSxcbiAgICB7IHZhbHVlOiAnd2hpdGUnLCBsYWJlbDogJ1doaXRlJyB9LFxuICAgIHsgdmFsdWU6ICdibGFjaycsIGxhYmVsOiAnQmxhY2snIH0sXG4gICAgeyB2YWx1ZTogJ3RoZW1lJywgbGFiZWw6ICdUaGVtZScgfSxcbiAgICB7IHZhbHVlOiAndGhlbWUtY29udHJhc3QnLCBsYWJlbDogJ1RoZW1lIENvbnRyYXN0JyB9LFxuICBdO1xufVxuIiwiPGRhZmYtY2FsbG91dCBbY29sb3JdPVwiY29sb3JDb250cm9sLnZhbHVlXCI+XG5cdDxkaXYgY2xhc3M9XCJkYWZmLWNhbGxvdXQtdGhlbWluZ19faWNvblwiIGRhZmZDYWxsb3V0SWNvbj5cblx0XHQ8ZmEtaWNvbiBbaWNvbl09XCJmYU1vYmlsZVwiPjwvZmEtaWNvbj5cblx0PC9kaXY+XG5cdDxkaXYgZGFmZkNhbGxvdXRUYWdsaW5lPkZyb250ZW5kIGZyYW1ld29yayBmb3IgZWNvbW1lcmNlIFBXQXM8L2Rpdj5cblx0PGgzIGRhZmZDYWxsb3V0VGl0bGU+RGFmZm9kaWw6IFRoZSBuZXh0IGdyZWF0IGxlYXAgaW4gZWNvbW1lcmNlLjwvaDM+XG5cdDxkaXYgZGFmZkNhbGxvdXRTdWJ0aXRsZT5cblx0XHQ8cD5EYWZmb2RpbCBwcm92aWRlcyBldmVyeXRoaW5nIHlvdSBuZWVkIHRvIGNyZWF0ZSBwb3dlcmZ1bCBhbmQgZmxleGlibGUgZWNvbW1lcmNlIGV4cGVyaWVuY2VzLjwvcD5cblx0XHQ8cD5XaXRoIERhZmZvZGlsLCBhbWJpdGlvdXMgYnVzaW5lc3NlcyBhcmUgYWJsZSB0byBhY2hpZXZlIG1vcmUgd2hpbGUgbWluaW1pemluZyBkZXZlbG9wbWVudCBhbmQgbWFpbnRlbmFuY2UgY29zdHMuPC9wPlxuXHQ8L2Rpdj5cblx0PGRpdiBkYWZmQ2FsbG91dEJvZHk+XG5cdFx0PGEgZGFmZi1idXR0b24gY29sb3I9XCJ0aGVtZS1jb250cmFzdFwiIGhyZWY9XCJodHRwczovL3d3dy5kYWZmLmlvXCI+V2hhdCBpcyBEYWZmb2RpbD88L2E+XG5cdDwvZGl2PlxuPC9kYWZmLWNhbGxvdXQ+XG5cbjxzZWxlY3QgW2Zvcm1Db250cm9sXT1cImNvbG9yQ29udHJvbFwiPlxuXHQ8b3B0aW9uICpuZ0Zvcj1cImxldCBvcHRpb24gb2Ygb3B0aW9uc1wiIFt2YWx1ZV09XCJvcHRpb24udmFsdWVcIj57eyBvcHRpb24ubGFiZWwgfX08L29wdGlvbj5cbjwvc2VsZWN0PiJdfQ==

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

@@ -0,0 +1,37 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { ReactiveFormsModule } from '@angular/forms';
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+import { DaffButtonModule } from '@daffodil/design/button';
+import { DaffCalloutModule } from '@daffodil/design/callout';
+import { CalloutThemingComponent } from './callout-theming.component';
+import * as i0 from "@angular/core";
+export class CalloutThemingModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: CalloutThemingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: CalloutThemingModule, declarations: [CalloutThemingComponent], imports: [CommonModule,
+            ReactiveFormsModule,
+            DaffCalloutModule,
+            DaffButtonModule,
+            FontAwesomeModule] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: CalloutThemingModule, imports: [CommonModule,
+            ReactiveFormsModule,
+            DaffCalloutModule,
+            DaffButtonModule,
+            FontAwesomeModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: CalloutThemingModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        CalloutThemingComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        DaffCalloutModule,
+                        DaffButtonModule,
+                        FontAwesomeModule,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsbG91dC10aGVtaW5nLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2NhbGxvdXQvZXhhbXBsZXMvc3JjL2NhbGxvdXQtdGhlbWluZy9jYWxsb3V0LXRoZW1pbmcubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3JELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBRXJFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzNELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBRTdELE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDZCQUE2QixDQUFDOztBQWN0RSxNQUFNLE9BQU8sb0JBQW9CO2lJQUFwQixvQkFBb0I7a0lBQXBCLG9CQUFvQixpQkFWN0IsdUJBQXVCLGFBR3ZCLFlBQVk7WUFDWixtQkFBbUI7WUFDbkIsaUJBQWlCO1lBQ2pCLGdCQUFnQjtZQUNoQixpQkFBaUI7a0lBR1Isb0JBQW9CLFlBUDdCLFlBQVk7WUFDWixtQkFBbUI7WUFDbkIsaUJBQWlCO1lBQ2pCLGdCQUFnQjtZQUNoQixpQkFBaUI7OzJGQUdSLG9CQUFvQjtrQkFaaEMsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osdUJBQXVCO3FCQUN4QjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixtQkFBbUI7d0JBQ25CLGlCQUFpQjt3QkFDakIsZ0JBQWdCO3dCQUNoQixpQkFBaUI7cUJBQ2xCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBSZWFjdGl2ZUZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgRm9udEF3ZXNvbWVNb2R1bGUgfSBmcm9tICdAZm9ydGF3ZXNvbWUvYW5ndWxhci1mb250YXdlc29tZSc7XG5cbmltcG9ydCB7IERhZmZCdXR0b25Nb2R1bGUgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduL2J1dHRvbic7XG5pbXBvcnQgeyBEYWZmQ2FsbG91dE1vZHVsZSB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24vY2FsbG91dCc7XG5cbmltcG9ydCB7IENhbGxvdXRUaGVtaW5nQ29tcG9uZW50IH0gZnJvbSAnLi9jYWxsb3V0LXRoZW1pbmcuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgQ2FsbG91dFRoZW1pbmdDb21wb25lbnQsXG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbiAgICBEYWZmQ2FsbG91dE1vZHVsZSxcbiAgICBEYWZmQnV0dG9uTW9kdWxlLFxuICAgIEZvbnRBd2Vzb21lTW9kdWxlLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBDYWxsb3V0VGhlbWluZ01vZHVsZSB7IH1cbiJdfQ==

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

@@ -0,0 +1,19 @@
+import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import { faMobile } from '@fortawesome/free-solid-svg-icons';
+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.1.1", ngImport: i0, type: CalloutWithGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: CalloutWithGridComponent, selector: "callout-with-grid", ngImport: i0, template: "<daff-callout color=\"theme\">\n\t<daff-container class=\"daff-callout-with-grid__grid\">\n\t\t<div class=\"daff-callout-with-grid__image\">\n\t\t\t<img src=\"/assets/design/callout/pwa-illustration.svg\" alt=\"PWA Illustration\">\n\t\t</div>\n\t\t<div class=\"daff-callout-with-grid__content-wrapper\">\n\t\t\t<div class=\"daff-callout-with-grid__icon\" daffCalloutIcon>\n\t\t\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t\t\t</div>\n\t\t\t<div daffCalloutTagline>Frontend framework for ecommerce PWAs</div>\n\t\t\t<h3 daffCalloutTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t\t\t<div daffCalloutSubtitle>\n\t\t\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t\t\t</div>\n\t\t\t<div daffCalloutBody>\n\t\t\t\t<div class=\"daff-callout-with-grid__actions\">\n\t\t\t\t\t<a daff-button color=\"theme-contrast\" href=\"https://www.daff.io\" class=\"daff-callout-with-grid__daffodil-action\">What is Daffodil?</a>\n\t\t\t\t\t<a daff-underline-button color=\"theme-contrast\" routerLink=\"/contact\" class=\"daff-callout-with-grid__demo-action\">Sign up for a demo</a>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</daff-container>\n</daff-callout>", styles: [".daff-callout-with-grid__grid{display:grid;grid-template:\"image\" \"content\"/1fr;grid-gap:24px}@media (min-width: 768px){.daff-callout-with-grid__grid{grid-template:\"image content\"/1fr 1fr;grid-gap:48px}}.daff-callout-with-grid__image{grid-area:image}.daff-callout-with-grid__content-wrapper{grid-area:content}.daff-callout-with-grid__actions{display:flex;flex-direction:column}@media (min-width: 480px){.daff-callout-with-grid__actions{flex-direction:row;align-items:center}}.daff-callout-with-grid__daffodil-action{margin:0 0 24px}@media (min-width: 480px){.daff-callout-with-grid__daffodil-action{margin:0 24px 0 0}}.daff-callout-with-grid__icon{display:flex;background:rgba(var(--daff-theme-rgb),.2);border-radius:50%;color:var(--daff-theme-contrast-rgb);width:48px;height:48px;justify-content:center;align-items:center;padding:12px 0}\n"], dependencies: [{ kind: "component", type: i1.DaffCalloutComponent, selector: "daff-callout", inputs: ["color", "compact", "textAlignment", "layout", "size"] }, { kind: "directive", type: i1.DaffCalloutIconDirective, selector: "[daffCalloutIcon]" }, { kind: "directive", type: i1.DaffCalloutSubtitleDirective, selector: "[daffCalloutSubtitle]" }, { kind: "directive", type: i1.DaffCalloutTitleDirective, selector: "[daffCalloutTitle]" }, { kind: "directive", type: i1.DaffCalloutTaglineDirective, selector: "[daffCalloutTagline]" }, { kind: "directive", type: i1.DaffCalloutBodyDirective, selector: "[daffCalloutBody]" }, { kind: "component", type: i2.DaffContainerComponent, selector: "daff-container", inputs: ["size"] }, { kind: "component", type: i3.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status", "loading", "tabindex", "disabled"] }, { kind: "component", type: i4.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", 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"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsbG91dC13aXRoLWdyaWQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vY2FsbG91dC9leGFtcGxlcy9zcmMvY2FsbG91dC13aXRoLWdyaWQvY2FsbG91dC13aXRoLWdyaWQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vY2FsbG91dC9leGFtcGxlcy9zcmMvY2FsbG91dC13aXRoLWdyaWQvY2FsbG91dC13aXRoLWdyaWQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLG1DQUFtQyxDQUFDOzs7Ozs7QUFTN0QsTUFBTSxPQUFPLHdCQUF3QjtJQVByQztRQVFFLGFBQVEsR0FBRyxRQUFRLENBQUM7S0FDckI7aUlBRlksd0JBQXdCO3FIQUF4Qix3QkFBd0IseURDYnJDLGkwQ0F1QmU7OzJGRFZGLHdCQUF3QjtrQkFQcEMsU0FBUzsrQkFFRSxtQkFBbUIsbUJBR1osdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgZmFNb2JpbGUgfSBmcm9tICdAZm9ydGF3ZXNvbWUvZnJlZS1zb2xpZC1zdmctaWNvbnMnO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdjYWxsb3V0LXdpdGgtZ3JpZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9jYWxsb3V0LXdpdGgtZ3JpZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NhbGxvdXQtd2l0aC1ncmlkLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBDYWxsb3V0V2l0aEdyaWRDb21wb25lbnQge1xuICBmYU1vYmlsZSA9IGZhTW9iaWxlO1xufVxuIiwiPGRhZmYtY2FsbG91dCBjb2xvcj1cInRoZW1lXCI+XG5cdDxkYWZmLWNvbnRhaW5lciBjbGFzcz1cImRhZmYtY2FsbG91dC13aXRoLWdyaWRfX2dyaWRcIj5cblx0XHQ8ZGl2IGNsYXNzPVwiZGFmZi1jYWxsb3V0LXdpdGgtZ3JpZF9faW1hZ2VcIj5cblx0XHRcdDxpbWcgc3JjPVwiL2Fzc2V0cy9kZXNpZ24vY2FsbG91dC9wd2EtaWxsdXN0cmF0aW9uLnN2Z1wiIGFsdD1cIlBXQSBJbGx1c3RyYXRpb25cIj5cblx0XHQ8L2Rpdj5cblx0XHQ8ZGl2IGNsYXNzPVwiZGFmZi1jYWxsb3V0LXdpdGgtZ3JpZF9fY29udGVudC13cmFwcGVyXCI+XG5cdFx0XHQ8ZGl2IGNsYXNzPVwiZGFmZi1jYWxsb3V0LXdpdGgtZ3JpZF9faWNvblwiIGRhZmZDYWxsb3V0SWNvbj5cblx0XHRcdFx0PGZhLWljb24gW2ljb25dPVwiZmFNb2JpbGVcIj48L2ZhLWljb24+XG5cdFx0XHQ8L2Rpdj5cblx0XHRcdDxkaXYgZGFmZkNhbGxvdXRUYWdsaW5lPkZyb250ZW5kIGZyYW1ld29yayBmb3IgZWNvbW1lcmNlIFBXQXM8L2Rpdj5cblx0XHRcdDxoMyBkYWZmQ2FsbG91dFRpdGxlPkRhZmZvZGlsOiBUaGUgbmV4dCBncmVhdCBsZWFwIGluIGVjb21tZXJjZS48L2gzPlxuXHRcdFx0PGRpdiBkYWZmQ2FsbG91dFN1YnRpdGxlPlxuXHRcdFx0XHQ8cD5EYWZmb2RpbCBwcm92aWRlcyBldmVyeXRoaW5nIHlvdSBuZWVkIHRvIGNyZWF0ZSBwb3dlcmZ1bCBhbmQgZmxleGlibGUgZWNvbW1lcmNlIGV4cGVyaWVuY2VzLjwvcD5cblx0XHRcdFx0PHA+V2l0aCBEYWZmb2RpbCwgYW1iaXRpb3VzIGJ1c2luZXNzZXMgYXJlIGFibGUgdG8gYWNoaWV2ZSBtb3JlIHdoaWxlIG1pbmltaXppbmcgZGV2ZWxvcG1lbnQgYW5kIG1haW50ZW5hbmNlIGNvc3RzLjwvcD5cblx0XHRcdDwvZGl2PlxuXHRcdFx0PGRpdiBkYWZmQ2FsbG91dEJvZHk+XG5cdFx0XHRcdDxkaXYgY2xhc3M9XCJkYWZmLWNhbGxvdXQtd2l0aC1ncmlkX19hY3Rpb25zXCI+XG5cdFx0XHRcdFx0PGEgZGFmZi1idXR0b24gY29sb3I9XCJ0aGVtZS1jb250cmFzdFwiIGhyZWY9XCJodHRwczovL3d3dy5kYWZmLmlvXCIgY2xhc3M9XCJkYWZmLWNhbGxvdXQtd2l0aC1ncmlkX19kYWZmb2RpbC1hY3Rpb25cIj5XaGF0IGlzIERhZmZvZGlsPzwvYT5cblx0XHRcdFx0XHQ8YSBkYWZmLXVuZGVybGluZS1idXR0b24gY29sb3I9XCJ0aGVtZS1jb250cmFzdFwiIHJvdXRlckxpbms9XCIvY29udGFjdFwiIGNsYXNzPVwiZGFmZi1jYWxsb3V0LXdpdGgtZ3JpZF9fZGVtby1hY3Rpb25cIj5TaWduIHVwIGZvciBhIGRlbW88L2E+XG5cdFx0XHRcdDwvZGl2PlxuXHRcdFx0PC9kaXY+XG5cdFx0PC9kaXY+XG5cdDwvZGFmZi1jb250YWluZXI+XG48L2RhZmYtY2FsbG91dD4iXX0=

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

@@ -0,0 +1,41 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { ReactiveFormsModule } from '@angular/forms';
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+import { DaffButtonModule } from '@daffodil/design/button';
+import { DaffCalloutModule } from '@daffodil/design/callout';
+import { DaffContainerModule } from '@daffodil/design/container';
+import { CalloutWithGridComponent } from './callout-with-grid.component';
+import * as i0 from "@angular/core";
+export class CalloutWithGridModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: CalloutWithGridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: CalloutWithGridModule, declarations: [CalloutWithGridComponent], imports: [CommonModule,
+            ReactiveFormsModule,
+            DaffCalloutModule,
+            DaffContainerModule,
+            DaffButtonModule,
+            FontAwesomeModule] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: CalloutWithGridModule, imports: [CommonModule,
+            ReactiveFormsModule,
+            DaffCalloutModule,
+            DaffContainerModule,
+            DaffButtonModule,
+            FontAwesomeModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: CalloutWithGridModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        CalloutWithGridComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        DaffCalloutModule,
+                        DaffContainerModule,
+                        DaffButtonModule,
+                        FontAwesomeModule,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsbG91dC13aXRoLWdyaWQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vY2FsbG91dC9leGFtcGxlcy9zcmMvY2FsbG91dC13aXRoLWdyaWQvY2FsbG91dC13aXRoLWdyaWQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3JELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBRXJFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzNELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzdELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBRWpFLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLCtCQUErQixDQUFDOztBQWV6RSxNQUFNLE9BQU8scUJBQXFCO2lJQUFyQixxQkFBcUI7a0lBQXJCLHFCQUFxQixpQkFYOUIsd0JBQXdCLGFBR3hCLFlBQVk7WUFDWixtQkFBbUI7WUFDbkIsaUJBQWlCO1lBQ2pCLG1CQUFtQjtZQUNuQixnQkFBZ0I7WUFDaEIsaUJBQWlCO2tJQUdSLHFCQUFxQixZQVI5QixZQUFZO1lBQ1osbUJBQW1CO1lBQ25CLGlCQUFpQjtZQUNqQixtQkFBbUI7WUFDbkIsZ0JBQWdCO1lBQ2hCLGlCQUFpQjs7MkZBR1IscUJBQXFCO2tCQWJqQyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWix3QkFBd0I7cUJBQ3pCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLG1CQUFtQjt3QkFDbkIsaUJBQWlCO3dCQUNqQixtQkFBbUI7d0JBQ25CLGdCQUFnQjt3QkFDaEIsaUJBQWlCO3FCQUNsQjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IEZvbnRBd2Vzb21lTW9kdWxlIH0gZnJvbSAnQGZvcnRhd2Vzb21lL2FuZ3VsYXItZm9udGF3ZXNvbWUnO1xuXG5pbXBvcnQgeyBEYWZmQnV0dG9uTW9kdWxlIH0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbi9idXR0b24nO1xuaW1wb3J0IHsgRGFmZkNhbGxvdXRNb2R1bGUgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduL2NhbGxvdXQnO1xuaW1wb3J0IHsgRGFmZkNvbnRhaW5lck1vZHVsZSB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24vY29udGFpbmVyJztcblxuaW1wb3J0IHsgQ2FsbG91dFdpdGhHcmlkQ29tcG9uZW50IH0gZnJvbSAnLi9jYWxsb3V0LXdpdGgtZ3JpZC5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBDYWxsb3V0V2l0aEdyaWRDb21wb25lbnQsXG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbiAgICBEYWZmQ2FsbG91dE1vZHVsZSxcbiAgICBEYWZmQ29udGFpbmVyTW9kdWxlLFxuICAgIERhZmZCdXR0b25Nb2R1bGUsXG4gICAgRm9udEF3ZXNvbWVNb2R1bGUsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIENhbGxvdXRXaXRoR3JpZE1vZHVsZSB7IH1cbiJdfQ==

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

@@ -0,0 +1,19 @@
+import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import { faMobile } from '@fortawesome/free-solid-svg-icons';
+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.1.1", ngImport: i0, type: CompactCalloutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: CompactCalloutComponent, selector: "compact-callout", ngImport: i0, template: "<daff-callout [compact]=\"true\">\n\t<daff-container size=\"md\">\n\t\t<div class=\"daff-compact-callout__icon\" daffCalloutIcon>\n\t\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t\t</div>\n\t\t<div daffCalloutTagline>Frontend framework for ecommerce PWAs</div>\n\t\t<h3 daffCalloutTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t\t<div daffCalloutSubtitle>\n\t\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t\t</div>\n\t\t<div daffCalloutBody>\n\t\t\t<a daff-button color=\"theme-contrast\" href=\"https://www.daff.io\">What is Daffodil?</a>\n\t\t</div>\n\t</daff-container>\n</daff-callout>", styles: [".daff-compact-callout__icon{display:flex;background:rgba(var(--daff-theme-rgb),.2);border-radius:50%;color:var(--daff-theme-contrast-rgb);width:48px;height:48px;justify-content:center;align-items:center;padding:12px 0}\n"], dependencies: [{ kind: "component", type: i1.DaffCalloutComponent, selector: "daff-callout", inputs: ["color", "compact", "textAlignment", "layout", "size"] }, { kind: "directive", type: i1.DaffCalloutIconDirective, selector: "[daffCalloutIcon]" }, { kind: "directive", type: i1.DaffCalloutSubtitleDirective, selector: "[daffCalloutSubtitle]" }, { kind: "directive", type: i1.DaffCalloutTitleDirective, selector: "[daffCalloutTitle]" }, { kind: "directive", type: i1.DaffCalloutTaglineDirective, selector: "[daffCalloutTagline]" }, { kind: "directive", type: i1.DaffCalloutBodyDirective, selector: "[daffCalloutBody]" }, { kind: "component", type: i2.DaffContainerComponent, selector: "daff-container", inputs: ["size"] }, { kind: "component", type: i3.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status", "loading", "tabindex", "disabled"] }, { kind: "component", type: i4.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", 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"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcGFjdC1jYWxsb3V0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2NhbGxvdXQvZXhhbXBsZXMvc3JjL2NvbXBhY3QtY2FsbG91dC9jb21wYWN0LWNhbGxvdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vY2FsbG91dC9leGFtcGxlcy9zcmMvY29tcGFjdC1jYWxsb3V0L2NvbXBhY3QtY2FsbG91dC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUNBQW1DLENBQUM7Ozs7OztBQVM3RCxNQUFNLE9BQU8sdUJBQXVCO0lBUHBDO1FBUUUsYUFBUSxHQUFHLFFBQVEsQ0FBQztLQUNyQjtpSUFGWSx1QkFBdUI7cUhBQXZCLHVCQUF1Qix1RENicEMsc3hCQWVlOzsyRkRGRix1QkFBdUI7a0JBUG5DLFNBQVM7K0JBRUUsaUJBQWlCLG1CQUdWLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGZhTW9iaWxlIH0gZnJvbSAnQGZvcnRhd2Vzb21lL2ZyZWUtc29saWQtc3ZnLWljb25zJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnY29tcGFjdC1jYWxsb3V0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NvbXBhY3QtY2FsbG91dC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NvbXBhY3QtY2FsbG91dC5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgQ29tcGFjdENhbGxvdXRDb21wb25lbnQge1xuICBmYU1vYmlsZSA9IGZhTW9iaWxlO1xufVxuIiwiPGRhZmYtY2FsbG91dCBbY29tcGFjdF09XCJ0cnVlXCI+XG5cdDxkYWZmLWNvbnRhaW5lciBzaXplPVwibWRcIj5cblx0XHQ8ZGl2IGNsYXNzPVwiZGFmZi1jb21wYWN0LWNhbGxvdXRfX2ljb25cIiBkYWZmQ2FsbG91dEljb24+XG5cdFx0XHQ8ZmEtaWNvbiBbaWNvbl09XCJmYU1vYmlsZVwiPjwvZmEtaWNvbj5cblx0XHQ8L2Rpdj5cblx0XHQ8ZGl2IGRhZmZDYWxsb3V0VGFnbGluZT5Gcm9udGVuZCBmcmFtZXdvcmsgZm9yIGVjb21tZXJjZSBQV0FzPC9kaXY+XG5cdFx0PGgzIGRhZmZDYWxsb3V0VGl0bGU+RGFmZm9kaWw6IFRoZSBuZXh0IGdyZWF0IGxlYXAgaW4gZWNvbW1lcmNlLjwvaDM+XG5cdFx0PGRpdiBkYWZmQ2FsbG91dFN1YnRpdGxlPlxuXHRcdFx0PHA+RGFmZm9kaWwgcHJvdmlkZXMgZXZlcnl0aGluZyB5b3UgbmVlZCB0byBjcmVhdGUgcG93ZXJmdWwgYW5kIGZsZXhpYmxlIGVjb21tZXJjZSBleHBlcmllbmNlcy48L3A+XG5cdFx0XHQ8cD5XaXRoIERhZmZvZGlsLCBhbWJpdGlvdXMgYnVzaW5lc3NlcyBhcmUgYWJsZSB0byBhY2hpZXZlIG1vcmUgd2hpbGUgbWluaW1pemluZyBkZXZlbG9wbWVudCBhbmQgbWFpbnRlbmFuY2UgY29zdHMuPC9wPlxuXHRcdDwvZGl2PlxuXHRcdDxkaXYgZGFmZkNhbGxvdXRCb2R5PlxuXHRcdFx0PGEgZGFmZi1idXR0b24gY29sb3I9XCJ0aGVtZS1jb250cmFzdFwiIGhyZWY9XCJodHRwczovL3d3dy5kYWZmLmlvXCI+V2hhdCBpcyBEYWZmb2RpbD88L2E+XG5cdFx0PC9kaXY+XG5cdDwvZGFmZi1jb250YWluZXI+XG48L2RhZmYtY2FsbG91dD4iXX0=

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

@@ -0,0 +1,37 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+import { DaffButtonModule } from '@daffodil/design/button';
+import { DaffCalloutModule } from '@daffodil/design/callout';
+import { DaffContainerModule } from '@daffodil/design/container';
+import { CompactCalloutComponent } from './compact-callout.component';
+import * as i0 from "@angular/core";
+export class CompactCalloutModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: CompactCalloutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: CompactCalloutModule, declarations: [CompactCalloutComponent], imports: [CommonModule,
+            DaffCalloutModule,
+            DaffContainerModule,
+            DaffButtonModule,
+            FontAwesomeModule] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: CompactCalloutModule, imports: [CommonModule,
+            DaffCalloutModule,
+            DaffContainerModule,
+            DaffButtonModule,
+            FontAwesomeModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: CompactCalloutModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        CompactCalloutComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        DaffCalloutModule,
+                        DaffContainerModule,
+                        DaffButtonModule,
+                        FontAwesomeModule,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcGFjdC1jYWxsb3V0Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2NhbGxvdXQvZXhhbXBsZXMvc3JjL2NvbXBhY3QtY2FsbG91dC9jb21wYWN0LWNhbGxvdXQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBRXJFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzNELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzdELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBRWpFLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDZCQUE2QixDQUFDOztBQWV0RSxNQUFNLE9BQU8sb0JBQW9CO2lJQUFwQixvQkFBb0I7a0lBQXBCLG9CQUFvQixpQkFYN0IsdUJBQXVCLGFBR3ZCLFlBQVk7WUFFWixpQkFBaUI7WUFDakIsbUJBQW1CO1lBQ25CLGdCQUFnQjtZQUNoQixpQkFBaUI7a0lBR1Isb0JBQW9CLFlBUjdCLFlBQVk7WUFFWixpQkFBaUI7WUFDakIsbUJBQW1CO1lBQ25CLGdCQUFnQjtZQUNoQixpQkFBaUI7OzJGQUdSLG9CQUFvQjtrQkFiaEMsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osdUJBQXVCO3FCQUN4QjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFFWixpQkFBaUI7d0JBQ2pCLG1CQUFtQjt3QkFDbkIsZ0JBQWdCO3dCQUNoQixpQkFBaUI7cUJBQ2xCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb250QXdlc29tZU1vZHVsZSB9IGZyb20gJ0Bmb3J0YXdlc29tZS9hbmd1bGFyLWZvbnRhd2Vzb21lJztcblxuaW1wb3J0IHsgRGFmZkJ1dHRvbk1vZHVsZSB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24vYnV0dG9uJztcbmltcG9ydCB7IERhZmZDYWxsb3V0TW9kdWxlIH0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbi9jYWxsb3V0JztcbmltcG9ydCB7IERhZmZDb250YWluZXJNb2R1bGUgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduL2NvbnRhaW5lcic7XG5cbmltcG9ydCB7IENvbXBhY3RDYWxsb3V0Q29tcG9uZW50IH0gZnJvbSAnLi9jb21wYWN0LWNhbGxvdXQuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgQ29tcGFjdENhbGxvdXRDb21wb25lbnQsXG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG5cbiAgICBEYWZmQ2FsbG91dE1vZHVsZSxcbiAgICBEYWZmQ29udGFpbmVyTW9kdWxlLFxuICAgIERhZmZCdXR0b25Nb2R1bGUsXG4gICAgRm9udEF3ZXNvbWVNb2R1bGUsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIENvbXBhY3RDYWxsb3V0TW9kdWxlIHsgfVxuIl19

package/esm2022/callout/index.mjs

@@ -0,0 +1,2 @@
+export * from './public_api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9jYWxsb3V0L3NyYy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vcHVibGljX2FwaSc7XG4iXX0=

package/esm2022/callout/public_api.mjs

@@ -0,0 +1,8 @@
+export { DaffCalloutModule } from './callout.module';
+export * from './callout/callout.component';
+export * from './callout-icon/callout-icon.directive';
+export * from './callout-tagline/callout-tagline.directive';
+export * from './callout-title/callout-title.directive';
+export * from './callout-subtitle/callout-subtitle.directive';
+export * from './callout-body/callout-body.directive';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2NhbGxvdXQvc3JjL3B1YmxpY19hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDckQsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLHVDQUF1QyxDQUFDO0FBQ3RELGNBQWMsNkNBQTZDLENBQUM7QUFDNUQsY0FBYyx5Q0FBeUMsQ0FBQztBQUN4RCxjQUFjLCtDQUErQyxDQUFDO0FBQzlELGNBQWMsdUNBQXVDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBEYWZmQ2FsbG91dE1vZHVsZSB9IGZyb20gJy4vY2FsbG91dC5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9jYWxsb3V0L2NhbGxvdXQuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vY2FsbG91dC1pY29uL2NhbGxvdXQtaWNvbi5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi9jYWxsb3V0LXRhZ2xpbmUvY2FsbG91dC10YWdsaW5lLmRpcmVjdGl2ZSc7XG5leHBvcnQgKiBmcm9tICcuL2NhbGxvdXQtdGl0bGUvY2FsbG91dC10aXRsZS5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi9jYWxsb3V0LXN1YnRpdGxlL2NhbGxvdXQtc3VidGl0bGUuZGlyZWN0aXZlJztcbmV4cG9ydCAqIGZyb20gJy4vY2FsbG91dC1ib2R5L2NhbGxvdXQtYm9keS5kaXJlY3RpdmUnO1xuIl19

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

@@ -0,0 +1,112 @@
+import { Component, ViewEncapsulation, ChangeDetectionStrategy, HostBinding, ElementRef, Renderer2, Input, } from '@angular/core';
+import { daffArticleEncapsulatedMixin, daffColorMixin, } from '@daffodil/design';
+import * as i0 from "@angular/core";
+var DaffCardTypeEnum;
+(function (DaffCardTypeEnum) {
+    DaffCardTypeEnum["Raised"] = "daff-raised-card";
+    DaffCardTypeEnum["Stroked"] = "daff-stroked-card";
+})(DaffCardTypeEnum || (DaffCardTypeEnum = {}));
+export var DaffCardOrientationEnum;
+(function (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 {
+    get orientation() {
+        return this._orientation;
+    }
+    set orientation(value) {
+        if (value === null || value === undefined || value === '') {
+            this._orientation = DaffCardOrientationEnum.Vertical;
+        }
+        else {
+            this._orientation = value;
+        }
+    }
+    ;
+    initCardType() {
+        const values = Object.keys(DaffCardTypeEnum).map((k) => DaffCardTypeEnum[k]);
+        if (values.indexOf(this._getHostElement().localName) >= 0) {
+            return this._getHostElement().localName;
+        }
+        for (const attr of values) {
+            if (this._hasHostAttributes(attr)) {
+                return attr;
+            }
+        }
+        return null;
+    }
+    constructor(elementRef, renderer) {
+        super(elementRef, renderer);
+        this.elementRef = elementRef;
+        this.renderer = renderer;
+        this._orientation = DaffCardOrientationEnum.Vertical;
+        this.class = true;
+        this.cardType = this.initCardType();
+    }
+    /**
+     * @docs-private
+     */
+    ngOnInit() {
+        if (this.cardType) {
+            this.elementRef.nativeElement.classList.add(this.cardType);
+        }
+    }
+    /**
+     * @docs-private
+     */
+    get verticalClass() {
+        return this.orientation === DaffCardOrientationEnum.Vertical;
+    }
+    /**
+     * @docs-private
+     */
+    get horizontalClass() {
+        return this.orientation === DaffCardOrientationEnum.Horizontal;
+    }
+    _getHostElement() {
+        return this.elementRef.nativeElement;
+    }
+    /**
+     * Gets whether the button has one of the given attributes.
+     * */
+    _hasHostAttributes(...attributes) {
+        return attributes.some(attribute => this._getHostElement().hasAttribute(attribute));
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", 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.1.1", 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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'daff-card' + ',' +
+                        'daff-raised-card' + ',' +
+                        '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"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { orientation: [{
+                type: Input
+            }], class: [{
+                type: HostBinding,
+                args: ['class.daff-card']
+            }], verticalClass: [{
+                type: HostBinding,
+                args: ['class.daff-card--vertical']
+            }], horizontalClass: [{
+                type: HostBinding,
+                args: ['class.daff-card--horizontal']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9jYXJkL3NyYy9jYXJkL2NhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vY2FyZC9zcmMvY2FyZC9jYXJkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsaUJBQWlCLEVBQ2pCLHVCQUF1QixFQUN2QixXQUFXLEVBQ1gsVUFBVSxFQUNWLFNBQVMsRUFDVCxLQUFLLEdBRU4sTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUNMLDRCQUE0QixFQUU1QixjQUFjLEdBQ2YsTUFBTSxrQkFBa0IsQ0FBQzs7QUFJMUIsSUFBSyxnQkFHSjtBQUhELFdBQUssZ0JBQWdCO0lBQ25CLCtDQUEyQixDQUFBO0lBQzNCLGlEQUE2QixDQUFBO0FBQy9CLENBQUMsRUFISSxnQkFBZ0IsS0FBaEIsZ0JBQWdCLFFBR3BCO0FBTUQsTUFBTSxDQUFOLElBQVksdUJBR1g7QUFIRCxXQUFZLHVCQUF1QjtJQUNqQyxnREFBcUIsQ0FBQTtJQUNyQixvREFBeUIsQ0FBQTtBQUMzQixDQUFDLEVBSFcsdUJBQXVCLEtBQXZCLHVCQUF1QixRQUdsQztBQUVEOztHQUVHO0FBQ0gsTUFBTSxZQUFZO0lBQ2hCLFlBQW1CLFdBQXVCLEVBQVMsU0FBb0I7UUFBcEQsZ0JBQVcsR0FBWCxXQUFXLENBQVk7UUFBUyxjQUFTLEdBQVQsU0FBUyxDQUFXO0lBQUcsQ0FBQztDQUM1RTtBQUVELE1BQU0sYUFBYSxHQUFHLDRCQUE0QixDQUFDLGNBQWMsQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDO0FBRWpGOztHQUVHO0FBa0JILE1BQU0sT0FBTyxpQkFBa0IsU0FBUSxhQUFhO0lBR2xELElBQ0ksV0FBVztRQUNiLE9BQU8sSUFBSSxDQUFDLFlBQVksQ0FBQztJQUMzQixDQUFDO0lBRUQsSUFBSSxXQUFXLENBQUMsS0FBMEI7UUFDeEMsSUFBRyxLQUFLLEtBQUssSUFBSSxJQUFJLEtBQUssS0FBSyxTQUFTLElBQWEsS0FBSyxLQUFLLEVBQUUsRUFBRTtZQUNqRSxJQUFJLENBQUMsWUFBWSxHQUFHLHVCQUF1QixDQUFDLFFBQVEsQ0FBQztTQUN0RDthQUFNO1lBQ0wsSUFBSSxDQUFDLFlBQVksR0FBRyxLQUFLLENBQUM7U0FDM0I7SUFDSCxDQUFDO0lBQUEsQ0FBQztJQU9NLFlBQVk7UUFDbEIsTUFBTSxNQUFNLEdBQUcsTUFBTSxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsZ0JBQWdCLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUU3RSxJQUFJLE1BQU0sQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsRUFBRTtZQUN6RCxPQUFPLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQyxTQUFTLENBQUM7U0FDekM7UUFFRCxLQUFLLE1BQU0sSUFBSSxJQUFJLE1BQU0sRUFBRTtZQUN6QixJQUFJLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsRUFBRTtnQkFDakMsT0FBcUIsSUFBSSxDQUFDO2FBQzNCO1NBQ0Y7UUFFRCxPQUFPLElBQUksQ0FBQztJQUNkLENBQUM7SUFFRCxZQUFvQixVQUFzQixFQUFVLFFBQW1CO1FBQ3JFLEtBQUssQ0FBQyxVQUFVLEVBQUUsUUFBUSxDQUFDLENBQUM7UUFEVixlQUFVLEdBQVYsVUFBVSxDQUFZO1FBQVUsYUFBUSxHQUFSLFFBQVEsQ0FBVztRQXBDL0QsaUJBQVksR0FBd0IsdUJBQXVCLENBQUMsUUFBUSxDQUFDO1FBbUQ3QyxVQUFLLEdBQUcsSUFBSSxDQUFDO1FBWjNDLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3RDLENBQUM7SUFFRDs7T0FFRztJQUNILFFBQVE7UUFDTixJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDSCxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWMsQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztTQUMzRTtJQUNILENBQUM7SUFJRDs7T0FFRztJQUNILElBQThDLGFBQWE7UUFDekQsT0FBTyxJQUFJLENBQUMsV0FBVyxLQUFLLHVCQUF1QixDQUFDLFFBQVEsQ0FBQztJQUMvRCxDQUFDO0lBRUQ7O09BRUc7SUFDSCxJQUFnRCxlQUFlO1FBQzdELE9BQU8sSUFBSSxDQUFDLFdBQVcsS0FBSyx1QkFBdUIsQ0FBQyxVQUFVLENBQUM7SUFDakUsQ0FBQztJQUVPLGVBQWU7UUFDckIsT0FBTyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQztJQUN2QyxDQUFDO0lBRUQ7O1NBRUs7SUFDRyxrQkFBa0IsQ0FBQyxHQUFHLFVBQW9CO1FBQ2hELE9BQU8sVUFBVSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQyxZQUFZLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQztJQUN0RixDQUFDO2lJQTdFVSxpQkFBaUI7cUhBQWpCLGlCQUFpQiw4WEM5RDlCLG9iQVNNOzsyRkRxRE8saUJBQWlCO2tCQWpCN0IsU0FBUzsrQkFFTixXQUFXLEdBQUcsR0FBRzt3QkFDakIsa0JBQWtCLEdBQUcsR0FBRzt3QkFDeEIsbUJBQW1CLEdBQUcsR0FBRzt3QkFDekIsY0FBYyxHQUFHLEdBQUc7d0JBQ3BCLHFCQUFxQixHQUFHLEdBQUc7d0JBQzNCLHNCQUFzQixpQkFHVCxpQkFBaUIsQ0FBQyxJQUFJLFVBRzdCLENBQUMsT0FBTyxDQUFDLG1CQUNBLHVCQUF1QixDQUFDLE1BQU07dUdBTzNDLFdBQVc7c0JBRGQsS0FBSztnQkFpRDBCLEtBQUs7c0JBQXBDLFdBQVc7dUJBQUMsaUJBQWlCO2dCQUtnQixhQUFhO3NCQUExRCxXQUFXO3VCQUFDLDJCQUEyQjtnQkFPUSxlQUFlO3NCQUE5RCxXQUFXO3VCQUFDLDZCQUE2QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBIb3N0QmluZGluZyxcbiAgRWxlbWVudFJlZixcbiAgUmVuZGVyZXIyLFxuICBJbnB1dCxcbiAgT25Jbml0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHtcbiAgZGFmZkFydGljbGVFbmNhcHN1bGF0ZWRNaXhpbixcbiAgRGFmZkNvbG9yYWJsZSxcbiAgZGFmZkNvbG9yTWl4aW4sXG59IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24nO1xuXG5leHBvcnQgdHlwZSBEYWZmQ2FyZFR5cGUgPSBudWxsIHwgJ2RhZmYtcmFpc2VkLWNhcmQnIHwgJ2RhZmYtc3Ryb2tlZC1jYXJkJztcblxuZW51bSBEYWZmQ2FyZFR5cGVFbnVtIHtcbiAgUmFpc2VkID0gJ2RhZmYtcmFpc2VkLWNhcmQnLFxuICBTdHJva2VkID0gJ2RhZmYtc3Ryb2tlZC1jYXJkJ1xufVxuXG4vKipcbiAqIFRoaXMgYXR0cmlidXRlIGRldGVybWluZXMgd2hhdCBvcmllbnRhdGlvbiB0aGUgdGhlIGNhcmQgY29udGVudHMgYXJlIHN0YWNrZWQuXG4gKi9cbmV4cG9ydCB0eXBlIERhZmZDYXJkT3JpZW50YXRpb24gPSAndmVydGljYWwnIHwgJ2hvcml6b250YWwnO1xuZXhwb3J0IGVudW0gRGFmZkNhcmRPcmllbnRhdGlvbkVudW0ge1xuICBWZXJ0aWNhbCA9ICd2ZXJ0aWNhbCcsXG4gIEhvcml6b250YWwgPSAnaG9yaXpvbnRhbCcsXG59XG5cbi8qKlxuICogQW4gX2VsZW1lbnRSZWYgYW5kIGFuIGluc3RhbmNlIG9mIHJlbmRlcmVyMiBhcmUgbmVlZGVkIGZvciB0aGUgQ29sb3JhYmxlIG1peGluXG4gKi9cbmNsYXNzIERhZmZDYXJkQmFzZSB7XG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBfZWxlbWVudFJlZjogRWxlbWVudFJlZiwgcHVibGljIF9yZW5kZXJlcjogUmVuZGVyZXIyKSB7fVxufVxuXG5jb25zdCBfZGFmZkNhcmRCYXNlID0gZGFmZkFydGljbGVFbmNhcHN1bGF0ZWRNaXhpbihkYWZmQ29sb3JNaXhpbihEYWZmQ2FyZEJhc2UpKTtcblxuLyoqXG4gKiBAaW5oZXJpdGRvY1xuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6XG4gICAgJ2RhZmYtY2FyZCcgKyAnLCcgK1xuICAgICdkYWZmLXJhaXNlZC1jYXJkJyArICcsJyArXG4gICAgJ2RhZmYtc3Ryb2tlZC1jYXJkJyArICcsJyArXG4gICAgJ2FbZGFmZi1jYXJkXScgKyAnLCcgK1xuICAgICdhW2RhZmYtcmFpc2VkLWNhcmRdJyArICcsJyArXG4gICAgJ2FbZGFmZi1zdHJva2VkLWNhcmRdJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NhcmQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jYXJkLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIC8vdG9kbyhkYW1pZW53ZWJkZXYpOiByZW1vdmUgb25jZSBkZWNvcmF0b3JzIGhpdCBzdGFnZSAzIC0gaHR0cHM6Ly9naXRodWIuY29tL21pY3Jvc29mdC9UeXBlU2NyaXB0L2lzc3Vlcy83MzQyXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvbm8taW5wdXRzLW1ldGFkYXRhLXByb3BlcnR5XG4gIGlucHV0czogWydjb2xvciddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5cbmV4cG9ydCBjbGFzcyBEYWZmQ2FyZENvbXBvbmVudCBleHRlbmRzIF9kYWZmQ2FyZEJhc2UgaW1wbGVtZW50cyBPbkluaXQsIERhZmZDb2xvcmFibGUge1xuICBwcml2YXRlIF9vcmllbnRhdGlvbjogRGFmZkNhcmRPcmllbnRhdGlvbiA9IERhZmZDYXJkT3JpZW50YXRpb25FbnVtLlZlcnRpY2FsO1xuXG4gIEBJbnB1dCgpXG4gIGdldCBvcmllbnRhdGlvbigpIHtcbiAgICByZXR1cm4gdGhpcy5fb3JpZW50YXRpb247XG4gIH1cblxuICBzZXQgb3JpZW50YXRpb24odmFsdWU6IERhZmZDYXJkT3JpZW50YXRpb24pIHtcbiAgICBpZih2YWx1ZSA9PT0gbnVsbCB8fCB2YWx1ZSA9PT0gdW5kZWZpbmVkIHx8IDx1bmtub3duPnZhbHVlID09PSAnJykge1xuICAgICAgdGhpcy5fb3JpZW50YXRpb24gPSBEYWZmQ2FyZE9yaWVudGF0aW9uRW51bS5WZXJ0aWNhbDtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5fb3JpZW50YXRpb24gPSB2YWx1ZTtcbiAgICB9XG4gIH07XG5cbiAgLyoqXG4gICAqIEBkb2NzLXByaXZhdGVcbiAgICovXG4gIHByaXZhdGUgY2FyZFR5cGU6IERhZmZDYXJkVHlwZTtcblxuICBwcml2YXRlIGluaXRDYXJkVHlwZSgpOiBEYWZmQ2FyZFR5cGUge1xuICAgIGNvbnN0IHZhbHVlcyA9IE9iamVjdC5rZXlzKERhZmZDYXJkVHlwZUVudW0pLm1hcCgoaykgPT4gRGFmZkNhcmRUeXBlRW51bVtrXSk7XG5cbiAgICBpZiAodmFsdWVzLmluZGV4T2YodGhpcy5fZ2V0SG9zdEVsZW1lbnQoKS5sb2NhbE5hbWUpID49IDApIHtcbiAgICAgIHJldHVybiB0aGlzLl9nZXRIb3N0RWxlbWVudCgpLmxvY2FsTmFtZTtcbiAgICB9XG5cbiAgICBmb3IgKGNvbnN0IGF0dHIgb2YgdmFsdWVzKSB7XG4gICAgICBpZiAodGhpcy5faGFzSG9zdEF0dHJpYnV0ZXMoYXR0cikpIHtcbiAgICAgICAgcmV0dXJuIDxEYWZmQ2FyZFR5cGU+YXR0cjtcbiAgICAgIH1cbiAgICB9XG5cbiAgICByZXR1cm4gbnVsbDtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgZWxlbWVudFJlZjogRWxlbWVudFJlZiwgcHJpdmF0ZSByZW5kZXJlcjogUmVuZGVyZXIyKSB7XG4gICAgc3VwZXIoZWxlbWVudFJlZiwgcmVuZGVyZXIpO1xuXG4gICAgdGhpcy5jYXJkVHlwZSA9IHRoaXMuaW5pdENhcmRUeXBlKCk7XG4gIH1cblxuICAvKipcbiAgICogQGRvY3MtcHJpdmF0ZVxuICAgKi9cbiAgbmdPbkluaXQoKSB7XG4gICAgaWYgKHRoaXMuY2FyZFR5cGUpIHtcbiAgICAgICg8SFRNTEVsZW1lbnQ+dGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQpLmNsYXNzTGlzdC5hZGQodGhpcy5jYXJkVHlwZSk7XG4gICAgfVxuICB9XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5kYWZmLWNhcmQnKSBjbGFzcyA9IHRydWU7XG5cbiAgLyoqXG4gICAqIEBkb2NzLXByaXZhdGVcbiAgICovXG4gIEBIb3N0QmluZGluZygnY2xhc3MuZGFmZi1jYXJkLS12ZXJ0aWNhbCcpIGdldCB2ZXJ0aWNhbENsYXNzKCkge1xuICAgIHJldHVybiB0aGlzLm9yaWVudGF0aW9uID09PSBEYWZmQ2FyZE9yaWVudGF0aW9uRW51bS5WZXJ0aWNhbDtcbiAgfVxuXG4gIC8qKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmRhZmYtY2FyZC0taG9yaXpvbnRhbCcpIGdldCBob3Jpem9udGFsQ2xhc3MoKSB7XG4gICAgcmV0dXJuIHRoaXMub3JpZW50YXRpb24gPT09IERhZmZDYXJkT3JpZW50YXRpb25FbnVtLkhvcml6b250YWw7XG4gIH1cblxuICBwcml2YXRlIF9nZXRIb3N0RWxlbWVudCgpIHtcbiAgICByZXR1cm4gdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQ7XG4gIH1cblxuICAvKipcbiAgICogR2V0cyB3aGV0aGVyIHRoZSBidXR0b24gaGFzIG9uZSBvZiB0aGUgZ2l2ZW4gYXR0cmlidXRlcy5cbiAgICogKi9cbiAgcHJpdmF0ZSBfaGFzSG9zdEF0dHJpYnV0ZXMoLi4uYXR0cmlidXRlczogc3RyaW5nW10pIHtcbiAgICByZXR1cm4gYXR0cmlidXRlcy5zb21lKGF0dHJpYnV0ZSA9PiB0aGlzLl9nZXRIb3N0RWxlbWVudCgpLmhhc0F0dHJpYnV0ZShhdHRyaWJ1dGUpKTtcbiAgfVxufVxuIiwiPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2RhZmZDYXJkSW1hZ2VdXCI+PC9uZy1jb250ZW50PlxuPGRpdiBjbGFzcz1cImRhZmYtY2FyZF9fd3JhcHBlclwiPlxuXHQ8ZGl2IGNsYXNzPVwiZGFmZi1jYXJkX19ib2R5XCI+XG5cdFx0PG5nLWNvbnRlbnQgc2VsZWN0PVwiW2RhZmZDYXJkSWNvbl1cIj48L25nLWNvbnRlbnQ+XG5cdFx0PG5nLWNvbnRlbnQgc2VsZWN0PVwiW2RhZmZDYXJkVGFnbGluZV1cIj48L25nLWNvbnRlbnQ+XG5cdFx0PG5nLWNvbnRlbnQgc2VsZWN0PVwiW2RhZmZDYXJkVGl0bGVdXCI+PC9uZy1jb250ZW50PlxuXHRcdDxuZy1jb250ZW50IHNlbGVjdD1cIltkYWZmQ2FyZENvbnRlbnRdXCI+PC9uZy1jb250ZW50PlxuXHQ8L2Rpdj5cblx0PG5nLWNvbnRlbnQgc2VsZWN0PVwiW2RhZmZDYXJkQWN0aW9uc11cIj48L25nLWNvbnRlbnQ+XG48L2Rpdj4iXX0=

package/esm2022/card/card-actions/card-actions.directive.mjs

@@ -0,0 +1,22 @@
+import { Directive, HostBinding, } from '@angular/core';
+import * as i0 from "@angular/core";
+export class DaffCardActionsDirective {
+    constructor() {
+        /**
+         * @docs-private
+         */
+        this.class = true;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffCardActionsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.1", type: DaffCardActionsDirective, selector: "[daffCardActions]", host: { properties: { "class.daff-card__actions": "this.class" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffCardActionsDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[daffCardActions]',
+                }]
+        }], propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class.daff-card__actions']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1hY3Rpb25zLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2NhcmQvc3JjL2NhcmQtYWN0aW9ucy9jYXJkLWFjdGlvbnMuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsV0FBVyxHQUNaLE1BQU0sZUFBZSxDQUFDOztBQUt2QixNQUFNLE9BQU8sd0JBQXdCO0lBSHJDO1FBS0U7O1dBRUc7UUFDc0MsVUFBSyxHQUFHLElBQUksQ0FBQztLQUN2RDtpSUFOWSx3QkFBd0I7cUhBQXhCLHdCQUF3Qjs7MkZBQXhCLHdCQUF3QjtrQkFIcEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsbUJBQW1CO2lCQUM5Qjs4QkFNMEMsS0FBSztzQkFBN0MsV0FBVzt1QkFBQywwQkFBMEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBEaXJlY3RpdmUsXG4gIEhvc3RCaW5kaW5nLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW2RhZmZDYXJkQWN0aW9uc10nLFxufSlcbmV4cG9ydCBjbGFzcyBEYWZmQ2FyZEFjdGlvbnNEaXJlY3RpdmUge1xuXG4gIC8qKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmRhZmYtY2FyZF9fYWN0aW9ucycpIGNsYXNzID0gdHJ1ZTtcbn1cbiJdfQ==

package/esm2022/card/card-content/card-content.directive.mjs

@@ -0,0 +1,22 @@
+import { Directive, HostBinding, } from '@angular/core';
+import * as i0 from "@angular/core";
+export class DaffCardContentDirective {
+    constructor() {
+        /**
+         * @docs-private
+         */
+        this.class = true;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffCardContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.1", type: DaffCardContentDirective, selector: "[daffCardContent]", host: { properties: { "class.daff-card__content": "this.class" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffCardContentDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[daffCardContent]',
+                }]
+        }], propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class.daff-card__content']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1jb250ZW50LmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2NhcmQvc3JjL2NhcmQtY29udGVudC9jYXJkLWNvbnRlbnQuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsV0FBVyxHQUNaLE1BQU0sZUFBZSxDQUFDOztBQUt2QixNQUFNLE9BQU8sd0JBQXdCO0lBSHJDO1FBS0U7O1dBRUc7UUFDc0MsVUFBSyxHQUFHLElBQUksQ0FBQztLQUN2RDtpSUFOWSx3QkFBd0I7cUhBQXhCLHdCQUF3Qjs7MkZBQXhCLHdCQUF3QjtrQkFIcEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsbUJBQW1CO2lCQUM5Qjs4QkFNMEMsS0FBSztzQkFBN0MsV0FBVzt1QkFBQywwQkFBMEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBEaXJlY3RpdmUsXG4gIEhvc3RCaW5kaW5nLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW2RhZmZDYXJkQ29udGVudF0nLFxufSlcbmV4cG9ydCBjbGFzcyBEYWZmQ2FyZENvbnRlbnREaXJlY3RpdmUge1xuXG4gIC8qKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmRhZmYtY2FyZF9fY29udGVudCcpIGNsYXNzID0gdHJ1ZTtcbn1cbiJdfQ==

package/esm2022/card/card-icon/card-icon.directive.mjs

@@ -0,0 +1,22 @@
+import { Directive, HostBinding, } from '@angular/core';
+import * as i0 from "@angular/core";
+export class DaffCardIconDirective {
+    constructor() {
+        /**
+         * @docs-private
+         */
+        this.class = true;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffCardIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.1", type: DaffCardIconDirective, selector: "[daffCardIcon]", host: { properties: { "class.daff-card__icon": "this.class" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffCardIconDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[daffCardIcon]',
+                }]
+        }], propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class.daff-card__icon']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1pY29uLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2NhcmQvc3JjL2NhcmQtaWNvbi9jYXJkLWljb24uZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsV0FBVyxHQUNaLE1BQU0sZUFBZSxDQUFDOztBQUt2QixNQUFNLE9BQU8scUJBQXFCO0lBSGxDO1FBS0U7O1dBRUc7UUFDbUMsVUFBSyxHQUFHLElBQUksQ0FBQztLQUNwRDtpSUFOWSxxQkFBcUI7cUhBQXJCLHFCQUFxQjs7MkZBQXJCLHFCQUFxQjtrQkFIakMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsZ0JBQWdCO2lCQUMzQjs4QkFNdUMsS0FBSztzQkFBMUMsV0FBVzt1QkFBQyx1QkFBdUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBEaXJlY3RpdmUsXG4gIEhvc3RCaW5kaW5nLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW2RhZmZDYXJkSWNvbl0nLFxufSlcbmV4cG9ydCBjbGFzcyBEYWZmQ2FyZEljb25EaXJlY3RpdmUge1xuXG4gIC8qKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmRhZmYtY2FyZF9faWNvbicpIGNsYXNzID0gdHJ1ZTtcbn1cbiJdfQ==

package/esm2022/card/card-image/card-image.directive.mjs

@@ -0,0 +1,22 @@
+import { Directive, HostBinding, } from '@angular/core';
+import * as i0 from "@angular/core";
+export class DaffCardImageDirective {
+    constructor() {
+        /**
+         * @docs-private
+         */
+        this.class = true;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffCardImageDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.1", type: DaffCardImageDirective, selector: "[daffCardImage]", host: { properties: { "class.daff-card__image": "this.class" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffCardImageDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[daffCardImage]',
+                }]
+        }], propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class.daff-card__image']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1pbWFnZS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9jYXJkL3NyYy9jYXJkLWltYWdlL2NhcmQtaW1hZ2UuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsV0FBVyxHQUNaLE1BQU0sZUFBZSxDQUFDOztBQUt2QixNQUFNLE9BQU8sc0JBQXNCO0lBSG5DO1FBS0U7O1dBRUc7UUFDb0MsVUFBSyxHQUFHLElBQUksQ0FBQztLQUNyRDtpSUFOWSxzQkFBc0I7cUhBQXRCLHNCQUFzQjs7MkZBQXRCLHNCQUFzQjtrQkFIbEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsaUJBQWlCO2lCQUM1Qjs4QkFNd0MsS0FBSztzQkFBM0MsV0FBVzt1QkFBQyx3QkFBd0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBEaXJlY3RpdmUsXG4gIEhvc3RCaW5kaW5nLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW2RhZmZDYXJkSW1hZ2VdJyxcbn0pXG5leHBvcnQgY2xhc3MgRGFmZkNhcmRJbWFnZURpcmVjdGl2ZSB7XG5cbiAgLyoqXG4gICAqIEBkb2NzLXByaXZhdGVcbiAgICovXG4gIEBIb3N0QmluZGluZygnY2xhc3MuZGFmZi1jYXJkX19pbWFnZScpIGNsYXNzID0gdHJ1ZTtcbn1cbiJdfQ==

package/esm2022/card/card-tagline/card-tagline.directive.mjs

@@ -0,0 +1,22 @@
+import { Directive, HostBinding, } from '@angular/core';
+import * as i0 from "@angular/core";
+export class DaffCardTaglineDirective {
+    constructor() {
+        /**
+         * @docs-private
+         */
+        this.class = true;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffCardTaglineDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.1", type: DaffCardTaglineDirective, selector: "[daffCardTagline]", host: { properties: { "class.daff-card__tagline": "this.class" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffCardTaglineDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[daffCardTagline]',
+                }]
+        }], propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class.daff-card__tagline']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC10YWdsaW5lLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2NhcmQvc3JjL2NhcmQtdGFnbGluZS9jYXJkLXRhZ2xpbmUuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsV0FBVyxHQUNaLE1BQU0sZUFBZSxDQUFDOztBQUt2QixNQUFNLE9BQU8sd0JBQXdCO0lBSHJDO1FBS0U7O1dBRUc7UUFDc0MsVUFBSyxHQUFHLElBQUksQ0FBQztLQUN2RDtpSUFOWSx3QkFBd0I7cUhBQXhCLHdCQUF3Qjs7MkZBQXhCLHdCQUF3QjtrQkFIcEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsbUJBQW1CO2lCQUM5Qjs4QkFNMEMsS0FBSztzQkFBN0MsV0FBVzt1QkFBQywwQkFBMEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBEaXJlY3RpdmUsXG4gIEhvc3RCaW5kaW5nLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW2RhZmZDYXJkVGFnbGluZV0nLFxufSlcbmV4cG9ydCBjbGFzcyBEYWZmQ2FyZFRhZ2xpbmVEaXJlY3RpdmUge1xuXG4gIC8qKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmRhZmYtY2FyZF9fdGFnbGluZScpIGNsYXNzID0gdHJ1ZTtcbn1cbiJdfQ==

package/esm2022/card/card-title/card-title.directive.mjs

@@ -0,0 +1,22 @@
+import { Directive, HostBinding, } from '@angular/core';
+import * as i0 from "@angular/core";
+export class DaffCardTitleDirective {
+    constructor() {
+        /**
+         * @docs-private
+         */
+        this.class = true;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffCardTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.1", type: DaffCardTitleDirective, selector: "[daffCardTitle]", host: { properties: { "class.daff-card__title": "this.class" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffCardTitleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[daffCardTitle]',
+                }]
+        }], propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class.daff-card__title']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC10aXRsZS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9jYXJkL3NyYy9jYXJkLXRpdGxlL2NhcmQtdGl0bGUuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsV0FBVyxHQUNaLE1BQU0sZUFBZSxDQUFDOztBQUt2QixNQUFNLE9BQU8sc0JBQXNCO0lBSG5DO1FBS0U7O1dBRUc7UUFDb0MsVUFBSyxHQUFHLElBQUksQ0FBQztLQUNyRDtpSUFOWSxzQkFBc0I7cUhBQXRCLHNCQUFzQjs7MkZBQXRCLHNCQUFzQjtrQkFIbEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsaUJBQWlCO2lCQUM1Qjs4QkFNd0MsS0FBSztzQkFBM0MsV0FBVzt1QkFBQyx3QkFBd0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBEaXJlY3RpdmUsXG4gIEhvc3RCaW5kaW5nLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW2RhZmZDYXJkVGl0bGVdJyxcbn0pXG5leHBvcnQgY2xhc3MgRGFmZkNhcmRUaXRsZURpcmVjdGl2ZSB7XG5cbiAgLyoqXG4gICAqIEBkb2NzLXByaXZhdGVcbiAgICovXG4gIEBIb3N0QmluZGluZygnY2xhc3MuZGFmZi1jYXJkX190aXRsZScpIGNsYXNzID0gdHJ1ZTtcbn1cbiJdfQ==