@daffodil/design 0.39.12 → 0.41.0

package/bundles/daffodil-design-callout-examples.umd.js

@@ -1,195 +0,0 @@
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/forms'), require('@fortawesome/free-solid-svg-icons'), require('@angular/common'), require('@fortawesome/angular-fontawesome'), require('@daffodil/design')) :
-    typeof define === 'function' && define.amd ? define('@daffodil/design/callout/examples', ['exports', '@angular/core', '@angular/forms', '@fortawesome/free-solid-svg-icons', '@angular/common', '@fortawesome/angular-fontawesome', '@daffodil/design'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.daffodil = global.daffodil || {}, global.daffodil.design = global.daffodil.design || {}, global.daffodil.design.callout = global.daffodil.design.callout || {}, global.daffodil.design.callout.examples = {}), global.ng.core, global.ng.forms, global.freeSolidSvgIcons, global.ng.common, global.angularFontawesome, global.daffodil.design));
-}(this, (function (exports, core, forms, freeSolidSvgIcons, common, angularFontawesome, design) { 'use strict';
-
-    var CalloutThemingComponent = /** @class */ (function () {
-        function CalloutThemingComponent() {
-            this.faMobile = freeSolidSvgIcons.faMobile;
-            this.colorControl = new forms.FormControl('');
-            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' },
-            ];
-        }
-        return CalloutThemingComponent;
-    }());
-    CalloutThemingComponent.decorators = [
-        { type: core.Component, args: [{
-                    // eslint-disable-next-line @angular-eslint/component-selector
-                    selector: 'callout-theming',
-                    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>",
-                    changeDetection: core.ChangeDetectionStrategy.OnPush,
-                    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}"]
-                },] }
-    ];
-
-    var CalloutThemingModule = /** @class */ (function () {
-        function CalloutThemingModule() {
-        }
-        return CalloutThemingModule;
-    }());
-    CalloutThemingModule.decorators = [
-        { type: core.NgModule, args: [{
-                    declarations: [
-                        CalloutThemingComponent,
-                    ],
-                    imports: [
-                        common.CommonModule,
-                        forms.ReactiveFormsModule,
-                        design.DaffCalloutModule,
-                        design.DaffButtonModule,
-                        angularFontawesome.FontAwesomeModule,
-                    ],
-                },] }
-    ];
-
-    var CalloutTextAlignmentComponent = /** @class */ (function () {
-        function CalloutTextAlignmentComponent() {
-            this.faMobile = freeSolidSvgIcons.faMobile;
-            this.textAlignControl = new forms.FormControl('');
-            this.options = [
-                { value: '', label: 'Default' },
-                { value: 'left', label: 'Left' },
-                { value: 'center', label: 'Center' },
-                { value: 'right', label: 'Right' },
-            ];
-        }
-        return CalloutTextAlignmentComponent;
-    }());
-    CalloutTextAlignmentComponent.decorators = [
-        { type: core.Component, args: [{
-                    // eslint-disable-next-line @angular-eslint/component-selector
-                    selector: 'callout-text-alignment',
-                    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>",
-                    changeDetection: core.ChangeDetectionStrategy.OnPush,
-                    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}"]
-                },] }
-    ];
-
-    var CalloutTextAlignmentModule = /** @class */ (function () {
-        function CalloutTextAlignmentModule() {
-        }
-        return CalloutTextAlignmentModule;
-    }());
-    CalloutTextAlignmentModule.decorators = [
-        { type: core.NgModule, args: [{
-                    declarations: [
-                        CalloutTextAlignmentComponent,
-                    ],
-                    imports: [
-                        common.CommonModule,
-                        forms.ReactiveFormsModule,
-                        design.DaffCalloutModule,
-                        design.DaffContainerModule,
-                        design.DaffButtonModule,
-                        angularFontawesome.FontAwesomeModule,
-                    ],
-                },] }
-    ];
-
-    var CalloutWithGridComponent = /** @class */ (function () {
-        function CalloutWithGridComponent() {
-            this.faMobile = freeSolidSvgIcons.faMobile;
-        }
-        return CalloutWithGridComponent;
-    }());
-    CalloutWithGridComponent.decorators = [
-        { type: core.Component, args: [{
-                    // eslint-disable-next-line @angular-eslint/component-selector
-                    selector: 'callout-with-grid',
-                    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>",
-                    changeDetection: core.ChangeDetectionStrategy.OnPush,
-                    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}"]
-                },] }
-    ];
-
-    var CalloutWithGridModule = /** @class */ (function () {
-        function CalloutWithGridModule() {
-        }
-        return CalloutWithGridModule;
-    }());
-    CalloutWithGridModule.decorators = [
-        { type: core.NgModule, args: [{
-                    declarations: [
-                        CalloutWithGridComponent,
-                    ],
-                    imports: [
-                        common.CommonModule,
-                        forms.ReactiveFormsModule,
-                        design.DaffCalloutModule,
-                        design.DaffContainerModule,
-                        design.DaffButtonModule,
-                        angularFontawesome.FontAwesomeModule,
-                    ],
-                },] }
-    ];
-
-    var CompactCalloutComponent = /** @class */ (function () {
-        function CompactCalloutComponent() {
-            this.faMobile = freeSolidSvgIcons.faMobile;
-        }
-        return CompactCalloutComponent;
-    }());
-    CompactCalloutComponent.decorators = [
-        { type: core.Component, args: [{
-                    // eslint-disable-next-line @angular-eslint/component-selector
-                    selector: 'compact-callout',
-                    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>",
-                    changeDetection: core.ChangeDetectionStrategy.OnPush,
-                    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}"]
-                },] }
-    ];
-
-    var CompactCalloutModule = /** @class */ (function () {
-        function CompactCalloutModule() {
-        }
-        return CompactCalloutModule;
-    }());
-    CompactCalloutModule.decorators = [
-        { type: core.NgModule, args: [{
-                    declarations: [
-                        CompactCalloutComponent,
-                    ],
-                    imports: [
-                        common.CommonModule,
-                        design.DaffCalloutModule,
-                        design.DaffContainerModule,
-                        design.DaffButtonModule,
-                        angularFontawesome.FontAwesomeModule,
-                    ],
-                },] }
-    ];
-
-    var CALLOUT_EXAMPLES = [
-        CalloutThemingComponent,
-        CalloutTextAlignmentComponent,
-        CalloutWithGridComponent,
-        CompactCalloutComponent,
-    ];
-
-    /**
-     * Generated bundle index. Do not edit.
-     */
-
-    exports.CALLOUT_EXAMPLES = CALLOUT_EXAMPLES;
-    exports.CalloutTextAlignmentComponent = CalloutTextAlignmentComponent;
-    exports.CalloutTextAlignmentModule = CalloutTextAlignmentModule;
-    exports.CalloutThemingComponent = CalloutThemingComponent;
-    exports.CalloutThemingModule = CalloutThemingModule;
-    exports.CalloutWithGridComponent = CalloutWithGridComponent;
-    exports.CalloutWithGridModule = CalloutWithGridModule;
-    exports.CompactCalloutComponent = CompactCalloutComponent;
-    exports.CompactCalloutModule = CompactCalloutModule;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-})));
-//# sourceMappingURL=daffodil-design-callout-examples.umd.js.map

package/bundles/daffodil-design-callout-examples.umd.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"daffodil-design-callout-examples.umd.js","sources":["../../../libs/design/callout/examples/src/callout-theming/callout-theming.component.ts","../../../libs/design/callout/examples/src/callout-theming/callout-theming.module.ts","../../../libs/design/callout/examples/src/callout-text-alignment/callout-text-alignment.component.ts","../../../libs/design/callout/examples/src/callout-text-alignment/callout-text-alignment.module.ts","../../../libs/design/callout/examples/src/callout-with-grid/callout-with-grid.component.ts","../../../libs/design/callout/examples/src/callout-with-grid/callout-with-grid.module.ts","../../../libs/design/callout/examples/src/compact-callout/compact-callout.component.ts","../../../libs/design/callout/examples/src/compact-callout/compact-callout.module.ts","../../../libs/design/callout/examples/src/examples.ts","../../../libs/design/callout/examples/src/daffodil-design-callout-examples.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { faMobile } from '@fortawesome/free-solid-svg-icons';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'callout-theming',\n  templateUrl: './callout-theming.component.html',\n  styleUrls: ['./callout-theming.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CalloutThemingComponent {\n  faMobile = faMobile;\n  colorControl: FormControl = new FormControl('');\n\n  options = [\n    { value: '', label: 'Default' },\n    { value: 'primary', label: 'Primary' },\n    { value: 'secondary', label: 'Secondary' },\n    { value: 'tertiary', label: 'Tertiary' },\n    { value: 'white', label: 'White' },\n    { value: 'black', label: 'Black' },\n    { value: 'theme', label: 'Theme' },\n    { value: 'theme-contrast', label: 'Theme Contrast' },\n  ];\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport {\n  DaffButtonModule,\n  DaffCalloutModule,\n} from '@daffodil/design';\n\nimport { CalloutThemingComponent } from './callout-theming.component';\n\n@NgModule({\n  declarations: [\n    CalloutThemingComponent,\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    DaffCalloutModule,\n    DaffButtonModule,\n    FontAwesomeModule,\n  ],\n})\nexport class CalloutThemingModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { faMobile } from '@fortawesome/free-solid-svg-icons';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'callout-text-alignment',\n  templateUrl: './callout-text-alignment.component.html',\n  styleUrls: ['./callout-text-alignment.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CalloutTextAlignmentComponent {\n  faMobile = faMobile;\n  textAlignControl: FormControl = new FormControl('');\n\n  options = [\n    { value: '', label: 'Default' },\n    { value: 'left', label: 'Left' },\n    { value: 'center', label: 'Center' },\n    { value: 'right', label: 'Right' },\n  ];\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport {\n  DaffButtonModule,\n  DaffCalloutModule,\n  DaffContainerModule,\n} from '@daffodil/design';\n\nimport { CalloutTextAlignmentComponent } from './callout-text-alignment.component';\n\n@NgModule({\n  declarations: [\n    CalloutTextAlignmentComponent,\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    DaffCalloutModule,\n    DaffContainerModule,\n    DaffButtonModule,\n    FontAwesomeModule,\n  ],\n})\nexport class CalloutTextAlignmentModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { faMobile } from '@fortawesome/free-solid-svg-icons';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'callout-with-grid',\n  templateUrl: './callout-with-grid.component.html',\n  styleUrls: ['./callout-with-grid.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CalloutWithGridComponent {\n  faMobile = faMobile;\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport {\n  DaffCalloutModule,\n  DaffContainerModule,\n  DaffButtonModule,\n} from '@daffodil/design';\n\nimport { CalloutWithGridComponent } from './callout-with-grid.component';\n\n@NgModule({\n  declarations: [\n    CalloutWithGridComponent,\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    DaffCalloutModule,\n    DaffContainerModule,\n    DaffButtonModule,\n    FontAwesomeModule,\n  ],\n})\nexport class CalloutWithGridModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { faMobile } from '@fortawesome/free-solid-svg-icons';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'compact-callout',\n  templateUrl: './compact-callout.component.html',\n  styleUrls: ['./compact-callout.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CompactCalloutComponent {\n  faMobile = faMobile;\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport {\n  DaffButtonModule,\n  DaffCalloutModule,\n  DaffContainerModule,\n} from '@daffodil/design';\n\nimport { CompactCalloutComponent } from './compact-callout.component';\n\n@NgModule({\n  declarations: [\n    CompactCalloutComponent,\n  ],\n  imports: [\n    CommonModule,\n\n    DaffCalloutModule,\n    DaffContainerModule,\n    DaffButtonModule,\n    FontAwesomeModule,\n  ],\n})\nexport class CompactCalloutModule { }\n","import { CalloutTextAlignmentComponent } from './callout-text-alignment/callout-text-alignment.component';\nimport { CalloutThemingComponent } from './callout-theming/callout-theming.component';\nimport { CalloutWithGridComponent } from './callout-with-grid/callout-with-grid.component';\nimport { CompactCalloutComponent } from './compact-callout/compact-callout.component';\n\nexport const CALLOUT_EXAMPLES = [\n  CalloutThemingComponent,\n  CalloutTextAlignmentComponent,\n  CalloutWithGridComponent,\n  CompactCalloutComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["faMobile","FormControl","Component","ChangeDetectionStrategy","NgModule","CommonModule","ReactiveFormsModule","DaffCalloutModule","DaffButtonModule","FontAwesomeModule","DaffContainerModule"],"mappings":";;;;;;;QAOA;YAQE,aAAQ,GAAGA,0BAAQ,CAAC;YACpB,iBAAY,GAAgB,IAAIC,iBAAW,CAAC,EAAE,CAAC,CAAC;YAEhD,YAAO,GAAG;gBACR,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;gBAC/B,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;gBACtC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE;gBAC1C,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;gBACxC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;gBAClC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;gBAClC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;gBAClC,EAAE,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,gBAAgB,EAAE;aACrD,CAAC;SACH;;;;gBArBAC,cAAS,SAAC;;oBAET,QAAQ,EAAE,iBAAiB;oBAC3B,s3BAA+C;oBAE/C,eAAe,EAAEC,4BAAuB,CAAC,MAAM;;iBAChD;;;;QCWD;;;;;gBAZCC,aAAQ,SAAC;oBACR,YAAY,EAAE;wBACZ,uBAAuB;qBACxB;oBACD,OAAO,EAAE;wBACPC,mBAAY;wBACZC,yBAAmB;wBACnBC,wBAAiB;wBACjBC,uBAAgB;wBAChBC,oCAAiB;qBAClB;iBACF;;;;QChBD;YAQE,aAAQ,GAAGT,0BAAQ,CAAC;YACpB,qBAAgB,GAAgB,IAAIC,iBAAW,CAAC,EAAE,CAAC,CAAC;YAEpD,YAAO,GAAG;gBACR,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;gBAC/B,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;gBAChC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;gBACpC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;aACnC,CAAC;SACH;;;;gBAjBAC,cAAS,SAAC;;oBAET,QAAQ,EAAE,wBAAwB;oBAClC,09BAAsD;oBAEtD,eAAe,EAAEC,4BAAuB,CAAC,MAAM;;iBAChD;;;;QCaD;;;;;gBAbCC,aAAQ,SAAC;oBACR,YAAY,EAAE;wBACZ,6BAA6B;qBAC9B;oBACD,OAAO,EAAE;wBACPC,mBAAY;wBACZC,yBAAmB;wBACnBC,wBAAiB;wBACjBG,0BAAmB;wBACnBF,uBAAgB;wBAChBC,oCAAiB;qBAClB;iBACF;;;;QCnBD;YAQE,aAAQ,GAAGT,0BAAQ,CAAC;SACrB;;;;gBATAE,cAAS,SAAC;;oBAET,QAAQ,EAAE,mBAAmB;oBAC7B,20CAAiD;oBAEjD,eAAe,EAAEC,4BAAuB,CAAC,MAAM;;iBAChD;;;;QCcD;;;;;gBAbCC,aAAQ,SAAC;oBACR,YAAY,EAAE;wBACZ,wBAAwB;qBACzB;oBACD,OAAO,EAAE;wBACPC,mBAAY;wBACZC,yBAAmB;wBACnBC,wBAAiB;wBACjBG,0BAAmB;wBACnBF,uBAAgB;wBAChBC,oCAAiB;qBAClB;iBACF;;;;QCnBD;YAQE,aAAQ,GAAGT,0BAAQ,CAAC;SACrB;;;;gBATAE,cAAS,SAAC;;oBAET,QAAQ,EAAE,iBAAiB;oBAC3B,gyBAA+C;oBAE/C,eAAe,EAAEC,4BAAuB,CAAC,MAAM;;iBAChD;;;;QCcD;;;;;gBAbCC,aAAQ,SAAC;oBACR,YAAY,EAAE;wBACZ,uBAAuB;qBACxB;oBACD,OAAO,EAAE;wBACPC,mBAAY;wBAEZE,wBAAiB;wBACjBG,0BAAmB;wBACnBF,uBAAgB;wBAChBC,oCAAiB;qBAClB;iBACF;;;QCpBY,gBAAgB,GAAG;QAC9B,uBAAuB;QACvB,6BAA6B;QAC7B,wBAAwB;QACxB,uBAAuB;;;ICTzB;;;;;;;;;;;;;;;;;;;;"}

package/bundles/daffodil-design-callout-examples.umd.min.js

@@ -1,2 +0,0 @@
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("@angular/forms"),require("@fortawesome/free-solid-svg-icons"),require("@angular/common"),require("@fortawesome/angular-fontawesome"),require("@daffodil/design")):"function"==typeof define&&define.amd?define("@daffodil/design/callout/examples",["exports","@angular/core","@angular/forms","@fortawesome/free-solid-svg-icons","@angular/common","@fortawesome/angular-fontawesome","@daffodil/design"],e):e(((t="undefined"!=typeof globalThis?globalThis:t||self).daffodil=t.daffodil||{},t.daffodil.design=t.daffodil.design||{},t.daffodil.design.callout=t.daffodil.design.callout||{},t.daffodil.design.callout.examples={}),t.ng.core,t.ng.forms,t.freeSolidSvgIcons,t.ng.common,t.angularFontawesome,t.daffodil.design)}(this,(function(t,e,o,a,n,l,i){"use strict";var f=function(){this.faMobile=a.faMobile,this.colorControl=new o.FormControl(""),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"}]};f.decorators=[{type:e.Component,args:[{selector:"callout-theming",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>',changeDetection:e.ChangeDetectionStrategy.OnPush,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}"]}]}];var d=function(){};d.decorators=[{type:e.NgModule,args:[{declarations:[f],imports:[n.CommonModule,o.ReactiveFormsModule,i.DaffCalloutModule,i.DaffButtonModule,l.FontAwesomeModule]}]}];var r=function(){this.faMobile=a.faMobile,this.textAlignControl=new o.FormControl(""),this.options=[{value:"",label:"Default"},{value:"left",label:"Left"},{value:"center",label:"Center"},{value:"right",label:"Right"}]};r.decorators=[{type:e.Component,args:[{selector:"callout-text-alignment",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>',changeDetection:e.ChangeDetectionStrategy.OnPush,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}"]}]}];var c=function(){};c.decorators=[{type:e.NgModule,args:[{declarations:[r],imports:[n.CommonModule,o.ReactiveFormsModule,i.DaffCalloutModule,i.DaffContainerModule,i.DaffButtonModule,l.FontAwesomeModule]}]}];var s=function(){this.faMobile=a.faMobile};s.decorators=[{type:e.Component,args:[{selector:"callout-with-grid",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>',changeDetection:e.ChangeDetectionStrategy.OnPush,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}']}]}];var u=function(){};u.decorators=[{type:e.NgModule,args:[{declarations:[s],imports:[n.CommonModule,o.ReactiveFormsModule,i.DaffCalloutModule,i.DaffContainerModule,i.DaffButtonModule,l.FontAwesomeModule]}]}];var m=function(){this.faMobile=a.faMobile};m.decorators=[{type:e.Component,args:[{selector:"compact-callout",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>',changeDetection:e.ChangeDetectionStrategy.OnPush,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}"]}]}];var g=function(){};g.decorators=[{type:e.NgModule,args:[{declarations:[m],imports:[n.CommonModule,i.DaffCalloutModule,i.DaffContainerModule,i.DaffButtonModule,l.FontAwesomeModule]}]}];var p=[f,r,s,m];t.CALLOUT_EXAMPLES=p,t.CalloutTextAlignmentComponent=r,t.CalloutTextAlignmentModule=c,t.CalloutThemingComponent=f,t.CalloutThemingModule=d,t.CalloutWithGridComponent=s,t.CalloutWithGridModule=u,t.CompactCalloutComponent=m,t.CompactCalloutModule=g,Object.defineProperty(t,"__esModule",{value:!0})}));
-//# sourceMappingURL=daffodil-design-callout-examples.umd.min.js.map

package/bundles/daffodil-design-callout-examples.umd.min.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../libs/design/callout/examples/src/callout-theming/callout-theming.component.ts","../../../libs/design/callout/examples/src/callout-theming/callout-theming.module.ts","../../../libs/design/callout/examples/src/callout-text-alignment/callout-text-alignment.component.ts","../../../libs/design/callout/examples/src/callout-text-alignment/callout-text-alignment.module.ts","../../../libs/design/callout/examples/src/callout-with-grid/callout-with-grid.component.ts","../../../libs/design/callout/examples/src/callout-with-grid/callout-with-grid.module.ts","../../../libs/design/callout/examples/src/compact-callout/compact-callout.component.ts","../../../libs/design/callout/examples/src/compact-callout/compact-callout.module.ts","../../../libs/design/callout/examples/src/examples.ts"],"names":["this","faMobile","colorControl","FormControl","options","value","label","Component","args","selector","template","changeDetection","ChangeDetectionStrategy","OnPush","NgModule","declarations","CalloutThemingComponent","imports","CommonModule","ReactiveFormsModule","DaffCalloutModule","DaffButtonModule","FontAwesomeModule","textAlignControl","CalloutTextAlignmentComponent","DaffContainerModule","CalloutWithGridComponent","CompactCalloutComponent","CALLOUT_EXAMPLES"],"mappings":"s2BAOA,WAQEA,KAAAC,SAAWA,EAAAA,SACXD,KAAAE,aAA4B,IAAIC,EAAAA,YAAY,IAE5CH,KAAAI,QAAU,CACR,CAAEC,MAAO,GAAIC,MAAO,WACpB,CAAED,MAAO,UAAWC,MAAO,WAC3B,CAAED,MAAO,YAAaC,MAAO,aAC7B,CAAED,MAAO,WAAYC,MAAO,YAC5B,CAAED,MAAO,QAASC,MAAO,SACzB,CAAED,MAAO,QAASC,MAAO,SACzB,CAAED,MAAO,QAASC,MAAO,SACzB,CAAED,MAAO,iBAAkBC,MAAO,wCAnBrCC,EAAAA,UAASC,KAAA,CAAC,CAETC,SAAU,kBACVC,SAAA,61BAEAC,gBAAiBC,EAAAA,wBAAwBC,uPCY3C,iCAZCC,EAAAA,SAAQN,KAAA,CAAC,CACRO,aAAc,CACZC,GAEFC,QAAS,CACPC,EAAAA,aACAC,EAAAA,oBACAC,EAAAA,kBACAC,EAAAA,iBACAC,EAAAA,6BCdJ,WAQEtB,KAAAC,SAAWA,EAAAA,SACXD,KAAAuB,iBAAgC,IAAIpB,EAAAA,YAAY,IAEhDH,KAAAI,QAAU,CACR,CAAEC,MAAO,GAAIC,MAAO,WACpB,CAAED,MAAO,OAAQC,MAAO,QACxB,CAAED,MAAO,SAAUC,MAAO,UAC1B,CAAED,MAAO,QAASC,MAAO,+BAf5BC,EAAAA,UAASC,KAAA,CAAC,CAETC,SAAU,yBACVC,SAAA,+7BAEAC,gBAAiBC,EAAAA,wBAAwBC,8PCc3C,iCAbCC,EAAAA,SAAQN,KAAA,CAAC,CACRO,aAAc,CACZS,GAEFP,QAAS,CACPC,EAAAA,aACAC,EAAAA,oBACAC,EAAAA,kBACAK,EAAAA,oBACAJ,EAAAA,iBACAC,EAAAA,6BCjBJ,WAQEtB,KAAAC,SAAWA,EAAAA,8BARZM,EAAAA,UAASC,KAAA,CAAC,CAETC,SAAU,oBACVC,SAAA,oyCAEAC,gBAAiBC,EAAAA,wBAAwBC,+1BCe3C,iCAbCC,EAAAA,SAAQN,KAAA,CAAC,CACRO,aAAc,CACZW,GAEFT,QAAS,CACPC,EAAAA,aACAC,EAAAA,oBACAC,EAAAA,kBACAK,EAAAA,oBACAJ,EAAAA,iBACAC,EAAAA,6BCjBJ,WAQEtB,KAAAC,SAAWA,EAAAA,8BARZM,EAAAA,UAASC,KAAA,CAAC,CAETC,SAAU,kBACVC,SAAA,2wBAEAC,gBAAiBC,EAAAA,wBAAwBC,uPCe3C,iCAbCC,EAAAA,SAAQN,KAAA,CAAC,CACRO,aAAc,CACZY,GAEFV,QAAS,CACPC,EAAAA,aAEAE,EAAAA,kBACAK,EAAAA,oBACAJ,EAAAA,iBACAC,EAAAA,2BClBSM,EAAmB,CAC9BZ,EACAQ,EACAE,EACAC","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { faMobile } from '@fortawesome/free-solid-svg-icons';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'callout-theming',\n  templateUrl: './callout-theming.component.html',\n  styleUrls: ['./callout-theming.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CalloutThemingComponent {\n  faMobile = faMobile;\n  colorControl: FormControl = new FormControl('');\n\n  options = [\n    { value: '', label: 'Default' },\n    { value: 'primary', label: 'Primary' },\n    { value: 'secondary', label: 'Secondary' },\n    { value: 'tertiary', label: 'Tertiary' },\n    { value: 'white', label: 'White' },\n    { value: 'black', label: 'Black' },\n    { value: 'theme', label: 'Theme' },\n    { value: 'theme-contrast', label: 'Theme Contrast' },\n  ];\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport {\n  DaffButtonModule,\n  DaffCalloutModule,\n} from '@daffodil/design';\n\nimport { CalloutThemingComponent } from './callout-theming.component';\n\n@NgModule({\n  declarations: [\n    CalloutThemingComponent,\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    DaffCalloutModule,\n    DaffButtonModule,\n    FontAwesomeModule,\n  ],\n})\nexport class CalloutThemingModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { faMobile } from '@fortawesome/free-solid-svg-icons';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'callout-text-alignment',\n  templateUrl: './callout-text-alignment.component.html',\n  styleUrls: ['./callout-text-alignment.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CalloutTextAlignmentComponent {\n  faMobile = faMobile;\n  textAlignControl: FormControl = new FormControl('');\n\n  options = [\n    { value: '', label: 'Default' },\n    { value: 'left', label: 'Left' },\n    { value: 'center', label: 'Center' },\n    { value: 'right', label: 'Right' },\n  ];\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport {\n  DaffButtonModule,\n  DaffCalloutModule,\n  DaffContainerModule,\n} from '@daffodil/design';\n\nimport { CalloutTextAlignmentComponent } from './callout-text-alignment.component';\n\n@NgModule({\n  declarations: [\n    CalloutTextAlignmentComponent,\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    DaffCalloutModule,\n    DaffContainerModule,\n    DaffButtonModule,\n    FontAwesomeModule,\n  ],\n})\nexport class CalloutTextAlignmentModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { faMobile } from '@fortawesome/free-solid-svg-icons';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'callout-with-grid',\n  templateUrl: './callout-with-grid.component.html',\n  styleUrls: ['./callout-with-grid.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CalloutWithGridComponent {\n  faMobile = faMobile;\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport {\n  DaffCalloutModule,\n  DaffContainerModule,\n  DaffButtonModule,\n} from '@daffodil/design';\n\nimport { CalloutWithGridComponent } from './callout-with-grid.component';\n\n@NgModule({\n  declarations: [\n    CalloutWithGridComponent,\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    DaffCalloutModule,\n    DaffContainerModule,\n    DaffButtonModule,\n    FontAwesomeModule,\n  ],\n})\nexport class CalloutWithGridModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { faMobile } from '@fortawesome/free-solid-svg-icons';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'compact-callout',\n  templateUrl: './compact-callout.component.html',\n  styleUrls: ['./compact-callout.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CompactCalloutComponent {\n  faMobile = faMobile;\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport {\n  DaffButtonModule,\n  DaffCalloutModule,\n  DaffContainerModule,\n} from '@daffodil/design';\n\nimport { CompactCalloutComponent } from './compact-callout.component';\n\n@NgModule({\n  declarations: [\n    CompactCalloutComponent,\n  ],\n  imports: [\n    CommonModule,\n\n    DaffCalloutModule,\n    DaffContainerModule,\n    DaffButtonModule,\n    FontAwesomeModule,\n  ],\n})\nexport class CompactCalloutModule { }\n","import { CalloutTextAlignmentComponent } from './callout-text-alignment/callout-text-alignment.component';\nimport { CalloutThemingComponent } from './callout-theming/callout-theming.component';\nimport { CalloutWithGridComponent } from './callout-with-grid/callout-with-grid.component';\nimport { CompactCalloutComponent } from './compact-callout/compact-callout.component';\n\nexport const CALLOUT_EXAMPLES = [\n  CalloutThemingComponent,\n  CalloutTextAlignmentComponent,\n  CalloutWithGridComponent,\n  CompactCalloutComponent,\n];\n"]}

package/bundles/daffodil-design-card-examples.umd.js

@@ -1,321 +0,0 @@
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@fortawesome/free-solid-svg-icons'), require('@angular/common'), require('@fortawesome/angular-fontawesome'), require('@daffodil/design'), require('@angular/forms'), require('@angular/router')) :
-    typeof define === 'function' && define.amd ? define('@daffodil/design/card/examples', ['exports', '@angular/core', '@fortawesome/free-solid-svg-icons', '@angular/common', '@fortawesome/angular-fontawesome', '@daffodil/design', '@angular/forms', '@angular/router'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.daffodil = global.daffodil || {}, global.daffodil.design = global.daffodil.design || {}, global.daffodil.design.card = global.daffodil.design.card || {}, global.daffodil.design.card.examples = {}), global.ng.core, global.freeSolidSvgIcons, global.ng.common, global.angularFontawesome, global.daffodil.design, global.ng.forms, global.ng.router));
-}(this, (function (exports, core, freeSolidSvgIcons, common, angularFontawesome, design, forms, router) { 'use strict';
-
-    var BasicCardComponent = /** @class */ (function () {
-        function BasicCardComponent() {
-            this.faMapMarked = freeSolidSvgIcons.faMapMarked;
-        }
-        return BasicCardComponent;
-    }());
-    BasicCardComponent.decorators = [
-        { type: core.Component, args: [{
-                    // eslint-disable-next-line @angular-eslint/component-selector
-                    selector: 'basic-card',
-                    template: "<daff-card>\n\t<daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n  <fa-icon daffCardIcon [icon]=\"faMapMarked\"></fa-icon>\n  <div daffCardTagline>Basel, Switzerland</div>\n  <h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n    <p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors.</p>\n    <p>The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n  </div>\n  <div daffCardActions>\n    <button daff-button color=\"theme-contrast\">Learn More</button>\n  </div>\n</daff-card>\n",
-                    changeDetection: core.ChangeDetectionStrategy.OnPush,
-                    styles: ["daff-card{max-width:480px}"]
-                },] }
-    ];
-
-    var BasicCardModule = /** @class */ (function () {
-        function BasicCardModule() {
-        }
-        return BasicCardModule;
-    }());
-    BasicCardModule.decorators = [
-        { type: core.NgModule, args: [{
-                    declarations: [
-                        BasicCardComponent,
-                    ],
-                    imports: [
-                        common.CommonModule,
-                        design.DaffCardModule,
-                        design.DaffImageModule,
-                        design.DaffButtonModule,
-                        angularFontawesome.FontAwesomeModule,
-                    ],
-                    exports: [
-                        BasicCardComponent,
-                    ],
-                },] }
-    ];
-
-    var CardOrientationComponent = /** @class */ (function () {
-        function CardOrientationComponent() {
-            this.faMapMarked = freeSolidSvgIcons.faMapMarked;
-            this.orientationControl = new forms.FormControl('');
-            this.options = [
-                { value: '', label: 'Default' },
-                { value: 'vertical', label: 'Vertical' },
-                { value: 'horizontal', label: 'Horizontal' },
-            ];
-        }
-        return CardOrientationComponent;
-    }());
-    CardOrientationComponent.decorators = [
-        { type: core.Component, args: [{
-                    // eslint-disable-next-line @angular-eslint/component-selector
-                    selector: 'card-orientation',
-                    template: "<daff-card [orientation]=\"orientationControl.value\">\n  <daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n  <fa-icon daffCardIcon [icon]=\"faMapMarked\"></fa-icon>\n  <div daffCardTagline>Basel, Switzerland</div>\n  <h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n    <p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n  </div>\n\t<div daffCardActions>\n    <button daff-button color=\"theme-contrast\">Learn More</button>\n  </div>\n</daff-card>\n\n<select [formControl]=\"orientationControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>",
-                    changeDetection: core.ChangeDetectionStrategy.OnPush,
-                    styles: [".daff-card--vertical{max-width:560px}"]
-                },] }
-    ];
-
-    var CardOrientationModule = /** @class */ (function () {
-        function CardOrientationModule() {
-        }
-        return CardOrientationModule;
-    }());
-    CardOrientationModule.decorators = [
-        { type: core.NgModule, args: [{
-                    declarations: [
-                        CardOrientationComponent,
-                    ],
-                    imports: [
-                        common.CommonModule,
-                        forms.ReactiveFormsModule,
-                        design.DaffCardModule,
-                        design.DaffImageModule,
-                        design.DaffButtonModule,
-                        angularFontawesome.FontAwesomeModule,
-                    ],
-                    exports: [
-                        CardOrientationComponent,
-                    ],
-                },] }
-    ];
-
-    var CardThemingComponent = /** @class */ (function () {
-        function CardThemingComponent() {
-            this.colorControl = new forms.FormControl('');
-            this.options = [
-                { value: '', label: 'Default' },
-                { value: 'primary', label: 'Primary' },
-                { value: 'secondary', label: 'Secondary' },
-                { value: 'tertiary', label: 'Tertiary' },
-                { value: 'theme', label: 'Theme' },
-                { value: 'theme-contrast', label: 'Theme Contrast' },
-                { value: 'black', label: 'Black' },
-                { value: 'white', label: 'White' },
-            ];
-        }
-        return CardThemingComponent;
-    }());
-    CardThemingComponent.decorators = [
-        { type: core.Component, args: [{
-                    // eslint-disable-next-line @angular-eslint/component-selector
-                    selector: 'card-theming',
-                    template: "<daff-card [color]=\"colorControl.value\">\n  <div daffCardTagline>Card Tagline</div>\n  <div daffCardTitle>Title</div>\n  <div daffCardContent>\n    <p>Cards are themable.</p>\n  </div>\n</daff-card>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>",
-                    changeDetection: core.ChangeDetectionStrategy.OnPush,
-                    styles: ["\n    daff-card {\n      max-width: 480px;\n    }\n  "]
-                },] }
-    ];
-
-    var CardThemingModule = /** @class */ (function () {
-        function CardThemingModule() {
-        }
-        return CardThemingModule;
-    }());
-    CardThemingModule.decorators = [
-        { type: core.NgModule, args: [{
-                    declarations: [
-                        CardThemingComponent,
-                    ],
-                    imports: [
-                        common.CommonModule,
-                        forms.ReactiveFormsModule,
-                        design.DaffCardModule,
-                        design.DaffImageModule,
-                    ],
-                    exports: [
-                        CardThemingComponent,
-                    ],
-                },] }
-    ];
-
-    var LinkableCardComponent = /** @class */ (function () {
-        function LinkableCardComponent() {
-            this.basicColorControl = new forms.FormControl('');
-            this.raisedColorControl = new forms.FormControl('');
-            this.strokedColorControl = new forms.FormControl('');
-            this.options = [
-                { value: '', label: 'Default' },
-                { value: 'primary', label: 'Primary' },
-                { value: 'secondary', label: 'Secondary' },
-                { value: 'tertiary', label: 'Tertiary' },
-                { value: 'theme', label: 'Theme' },
-                { value: 'theme-contrast', label: 'Theme Contrast' },
-                { value: 'black', label: 'Black' },
-                { value: 'white', label: 'White' },
-            ];
-        }
-        return LinkableCardComponent;
-    }());
-    LinkableCardComponent.decorators = [
-        { type: core.Component, args: [{
-                    // eslint-disable-next-line @angular-eslint/component-selector
-                    selector: 'linkable-card',
-                    template: "<a daff-card href=\"https://www.basel.com/en/attractions/basel-exhibition-centre-f45d5dd6f0\" target=\"_blank\" [color]=\"basicColorControl.value\">\n\t<daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n\t<div daffCardTagline>Basel, Switzerland</div>\n\t<h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n\t\t<p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n\t</div>\n</a>\n\n<select [formControl]=\"basicColorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>\n\n<a daff-raised-card href=\"https://www.basel.com/en/attractions/basel-exhibition-centre-f45d5dd6f0\" target=\"_blank\" [color]=\"raisedColorControl.value\">\n\t<daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n\t<div daffCardTagline>Basel, Switzerland</div>\n\t<h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n\t\t<p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n\t</div>\n</a>\n\n<select [formControl]=\"strokedColorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>\n\n<a daff-stroked-card href=\"https://www.basel.com/en/attractions/basel-exhibition-centre-f45d5dd6f0\" target=\"_blank\" [color]=\"strokedColorControl.value\">\n\t<daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n\t<div daffCardTagline>Basel, Switzerland</div>\n\t<h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n\t\t<p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n\t</div>\n</a>\n\n<select [formControl]=\"strokedColorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>",
-                    changeDetection: core.ChangeDetectionStrategy.OnPush,
-                    styles: ["a.daff-card,a.daff-raised-card,a.daff-stroked-card{max-width:480px}"]
-                },] }
-    ];
-
-    var LinkableCardModule = /** @class */ (function () {
-        function LinkableCardModule() {
-        }
-        return LinkableCardModule;
-    }());
-    LinkableCardModule.decorators = [
-        { type: core.NgModule, args: [{
-                    declarations: [
-                        LinkableCardComponent,
-                    ],
-                    imports: [
-                        common.CommonModule,
-                        router.RouterModule,
-                        forms.ReactiveFormsModule,
-                        design.DaffCardModule,
-                        design.DaffImageModule,
-                        design.DaffButtonModule,
-                    ],
-                    exports: [
-                        LinkableCardComponent,
-                    ],
-                },] }
-    ];
-
-    var RaisedCardComponent = /** @class */ (function () {
-        function RaisedCardComponent() {
-            this.colorControl = new forms.FormControl('');
-            this.options = [
-                { value: '', label: 'Default' },
-                { value: 'primary', label: 'Primary' },
-                { value: 'secondary', label: 'Secondary' },
-                { value: 'tertiary', label: 'Tertiary' },
-                { value: 'theme', label: 'Theme' },
-                { value: 'theme-contrast', label: 'Theme Contrast' },
-                { value: 'black', label: 'Black' },
-                { value: 'white', label: 'White' },
-            ];
-        }
-        return RaisedCardComponent;
-    }());
-    RaisedCardComponent.decorators = [
-        { type: core.Component, args: [{
-                    // eslint-disable-next-line @angular-eslint/component-selector
-                    selector: 'raised-card',
-                    template: "<daff-raised-card [color]=\"colorControl.value\">\n\t<daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n\t<div daffCardTagline>Basel, Switzerland</div>\n\t<h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n\t\t<p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n\t</div>\n</daff-raised-card>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>",
-                    changeDetection: core.ChangeDetectionStrategy.OnPush,
-                    styles: ["daff-raised-card{max-width:480px}"]
-                },] }
-    ];
-
-    var RaisedCardModule = /** @class */ (function () {
-        function RaisedCardModule() {
-        }
-        return RaisedCardModule;
-    }());
-    RaisedCardModule.decorators = [
-        { type: core.NgModule, args: [{
-                    declarations: [
-                        RaisedCardComponent,
-                    ],
-                    imports: [
-                        common.CommonModule,
-                        forms.ReactiveFormsModule,
-                        design.DaffCardModule,
-                        design.DaffImageModule,
-                        design.DaffButtonModule,
-                    ],
-                    exports: [
-                        RaisedCardComponent,
-                    ],
-                },] }
-    ];
-
-    var StrokedCardComponent = /** @class */ (function () {
-        function StrokedCardComponent() {
-            this.colorControl = new forms.FormControl('');
-            this.options = [
-                { value: '', label: 'Default' },
-                { value: 'primary', label: 'Primary' },
-                { value: 'secondary', label: 'Secondary' },
-                { value: 'tertiary', label: 'Tertiary' },
-                { value: 'theme', label: 'Theme' },
-                { value: 'theme-contrast', label: 'Theme Contrast' },
-                { value: 'black', label: 'Black' },
-                { value: 'white', label: 'White' },
-            ];
-        }
-        return StrokedCardComponent;
-    }());
-    StrokedCardComponent.decorators = [
-        { type: core.Component, args: [{
-                    // eslint-disable-next-line @angular-eslint/component-selector
-                    selector: 'stroked-card',
-                    template: "<daff-stroked-card [color]=\"colorControl.value\">\n\t<daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n\t<div daffCardTagline>Basel, Switzerland</div>\n\t<h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n\t\t<p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n\t</div>\n</daff-stroked-card>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>",
-                    changeDetection: core.ChangeDetectionStrategy.OnPush,
-                    styles: [":host{display:block;max-width:340px}"]
-                },] }
-    ];
-
-    var StrokedCardModule = /** @class */ (function () {
-        function StrokedCardModule() {
-        }
-        return StrokedCardModule;
-    }());
-    StrokedCardModule.decorators = [
-        { type: core.NgModule, args: [{
-                    declarations: [
-                        StrokedCardComponent,
-                    ],
-                    imports: [
-                        common.CommonModule,
-                        router.RouterModule,
-                        forms.ReactiveFormsModule,
-                        design.DaffCardModule,
-                        design.DaffImageModule,
-                        design.DaffButtonModule,
-                    ],
-                    exports: [
-                        StrokedCardComponent,
-                    ],
-                },] }
-    ];
-
-    var CARD_EXAMPLES = [
-        BasicCardComponent,
-        CardThemingComponent,
-        LinkableCardComponent,
-        RaisedCardComponent,
-        StrokedCardComponent,
-        CardOrientationComponent,
-    ];
-
-    /**
-     * Generated bundle index. Do not edit.
-     */
-
-    exports.BasicCardModule = BasicCardModule;
-    exports.CARD_EXAMPLES = CARD_EXAMPLES;
-    exports.CardOrientationModule = CardOrientationModule;
-    exports.CardThemingModule = CardThemingModule;
-    exports.LinkableCardModule = LinkableCardModule;
-    exports.RaisedCardModule = RaisedCardModule;
-    exports.StrokedCardModule = StrokedCardModule;
-    exports.ɵa = BasicCardComponent;
-    exports.ɵb = CardThemingComponent;
-    exports.ɵc = LinkableCardComponent;
-    exports.ɵd = RaisedCardComponent;
-    exports.ɵe = StrokedCardComponent;
-    exports.ɵf = CardOrientationComponent;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-})));
-//# sourceMappingURL=daffodil-design-card-examples.umd.js.map