@daffodil/design 0.39.8 → 0.39.12

package/atoms/button/button.component.d.ts

@@ -4,6 +4,11 @@ import { DaffPrefixable, DaffSuffixable } from '../../core/prefix-suffix/public_
 import { DaffSizeable, DaffSizeSmallType, DaffSizeMediumType, DaffSizeLargeType } from '../../core/sizeable/sizeable';
 import { DaffStatusable } from '../../core/statusable/statusable';
 declare const _daffButtonBase: {
+    new (...args: any[]): {
+        _elementRef: ElementRef<any>;
+        _renderer: Renderer2;
+    };
+} & {
     new (...args: any[]): {
         [x: string]: any;
         _prefix: import("../../core/prefix-suffix/prefix.directive").DaffPrefixDirective;

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

@@ -1,11 +1,12 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@daffodil/design'), require('@angular/forms'), require('@angular/router')) :
-    typeof define === 'function' && define.amd ? define('@daffodil/design/card/examples', ['exports', '@angular/core', '@angular/common', '@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.ng.common, global.daffodil.design, global.ng.forms, global.ng.router));
-}(this, (function (exports, core, common, design, forms, router) { 'use strict';
+    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;
     }());
@@ -13,9 +14,9 @@
         { type: core.Component, args: [{
                     // eslint-disable-next-line @angular-eslint/component-selector
                     selector: 'basic-card',
-                    template: "<daff-card>\n  <daff-image daffCardImage src=\"/assets/card/uber-logo-dark.svg\" alt=\"uber logo\" width=\"340\" height=\"135\"></daff-image>\n  <div daffCardTagline>Card Tagline</div>\n  <h4 daffCardTitle>Title</h4>\n  <p>This is a basic card.</p>\n  <div daffCardActions class=\"daff-basic-card__actions\">\n    <button daff-underline-button>Card Button</button>\n    <button daff-underline-button>Another Card Button</button>\n  </div>\n</daff-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: [":host{display:block;max-width:340px}.daff-basic-card__actions>*{margin-right:16px}.daff-basic-card__actions>:last-child{margin-right:0}"]
+                    styles: ["daff-card{max-width:480px}"]
                 },] }
     ];
 
@@ -34,6 +35,7 @@
                         design.DaffCardModule,
                         design.DaffImageModule,
                         design.DaffButtonModule,
+                        angularFontawesome.FontAwesomeModule,
                     ],
                     exports: [
                         BasicCardComponent,
@@ -41,10 +43,65 @@
                 },] }
     ];
 
+    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.color = 'primary';
             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;
     }());
@@ -52,9 +109,9 @@
         { 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  <p>Cards are themable.</p>\n</daff-card>\n\n<select [formControl]=\"colorControl\">\n  <option value=\"\">Default</option>\n  <option value=\"primary\">Primary</option>\n  <option value=\"secondary\">Secondary</option>\n  <option value=\"tertiary\">Tertiary</option>\n  <option value=\"theme\">Theme</option>\n  <option value=\"theme-contrast\">Theme Contrast</option>\n  <option value=\"black\">Black</option>\n  <option value=\"white\">White</option>\n</select>",
+                    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: 400px;\n    }\n  "]
+                    styles: ["\n    daff-card {\n      max-width: 480px;\n    }\n  "]
                 },] }
     ];
 
@@ -82,6 +139,19 @@
 
     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;
     }());
@@ -89,9 +159,9 @@
         { type: core.Component, args: [{
                     // eslint-disable-next-line @angular-eslint/component-selector
                     selector: 'linkable-card',
-                    template: "<a routerLink=\"/\" daff-card>\n\t<daff-image daffCardImage\n\t\tsrc=\"/assets/card/uber-logo-dark.svg\"\n\t\talt=\"uber logo\"\n\t\twidth=\"340\"\n\t\theight=\"135\">\n\t</daff-image>\n\t<div daffCardTagline>Card Tagline</div>\n\t<h4 daffCardTitle>Title</h4>\n\t<p>This is a linkable card.</p>\n</a>\n",
+                    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: [":host{display:block;max-width:340px}"]
+                    styles: ["a.daff-card,a.daff-raised-card,a.daff-stroked-card{max-width:480px}"]
                 },] }
     ];
 
@@ -108,6 +178,7 @@
                     imports: [
                         common.CommonModule,
                         router.RouterModule,
+                        forms.ReactiveFormsModule,
                         design.DaffCardModule,
                         design.DaffImageModule,
                         design.DaffButtonModule,
@@ -120,6 +191,17 @@
 
     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;
     }());
@@ -127,9 +209,9 @@
         { type: core.Component, args: [{
                     // eslint-disable-next-line @angular-eslint/component-selector
                     selector: 'raised-card',
-                    template: "<daff-card [raised]=\"true\">\n\t<daff-image\n\t\tdaffCardImage\n\t\tsrc=\"/assets/card/uber-logo-dark.svg\"\n\t\talt=\"uber logo\"\n\t\twidth=\"340\"\n\t\theight=\"135\"\n\t></daff-image>\n\t<div daffCardTagline>Card Tagline</div>\n\t<h4 daffCardTitle>Title</h4>\n\t<p>This is a raised card.</p>\n</daff-card>\n",
+                    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: [":host{display:block;max-width:340px}"]
+                    styles: ["daff-raised-card{max-width:480px}"]
                 },] }
     ];
 
@@ -145,7 +227,7 @@
                     ],
                     imports: [
                         common.CommonModule,
-                        router.RouterModule,
+                        forms.ReactiveFormsModule,
                         design.DaffCardModule,
                         design.DaffImageModule,
                         design.DaffButtonModule,
@@ -156,11 +238,63 @@
                 },] }
     ];
 
+    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,
     ];
 
     /**
@@ -169,13 +303,17 @@
 
     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 });
 

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

@@ -1 +1 @@
-{"version":3,"file":"daffodil-design-card-examples.umd.js","sources":["../../../libs/design/card/examples/src/basic-card/basic-card.component.ts","../../../libs/design/card/examples/src/basic-card/basic-card.module.ts","../../../libs/design/card/examples/src/card-theming/card-theming.component.ts","../../../libs/design/card/examples/src/card-theming/card-theming.module.ts","../../../libs/design/card/examples/src/linkable-card/linkable-card.component.ts","../../../libs/design/card/examples/src/linkable-card/linkable-card.module.ts","../../../libs/design/card/examples/src/raised-card/raised-card.component.ts","../../../libs/design/card/examples/src/raised-card/raised-card.module.ts","../../../libs/design/card/examples/src/public_api.ts","../../../libs/design/card/examples/src/daffodil-design-card-examples.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'basic-card',\n  templateUrl: './basic-card.component.html',\n  styleUrls: ['./basic-card.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BasicCardComponent {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport {\n  DaffCardModule,\n  DaffImageModule,\n  DaffButtonModule,\n} from '@daffodil/design';\n\nimport { BasicCardComponent } from './basic-card.component';\n\n@NgModule({\n  declarations: [\n    BasicCardComponent,\n  ],\n  imports: [\n    CommonModule,\n    DaffCardModule,\n    DaffImageModule,\n    DaffButtonModule,\n  ],\n  exports: [\n    BasicCardComponent,\n  ],\n})\nexport class BasicCardModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\nimport { DaffPalette } from '@daffodil/design';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'card-theming',\n  templateUrl: './card-theming.component.html',\n  styles: [`\n    daff-card {\n      max-width: 400px;\n    }\n  `],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CardThemingComponent {\n  color: DaffPalette = 'primary';\n\n  colorControl: FormControl = new FormControl('');\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n  DaffCardModule,\n  DaffImageModule,\n} from '@daffodil/design';\n\nimport { CardThemingComponent } from './card-theming.component';\n\n@NgModule({\n  declarations: [\n    CardThemingComponent,\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    DaffCardModule,\n    DaffImageModule,\n  ],\n  exports: [\n    CardThemingComponent,\n  ],\n})\nexport class CardThemingModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'linkable-card',\n  templateUrl: './linkable-card.component.html',\n  styleUrls: ['./linkable-card.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class LinkableCardComponent {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { RouterModule } from '@angular/router';\n\nimport {\n  DaffCardModule,\n  DaffImageModule,\n  DaffButtonModule,\n} from '@daffodil/design';\n\nimport { LinkableCardComponent } from './linkable-card.component';\n\n@NgModule({\n  declarations: [\n    LinkableCardComponent,\n  ],\n  imports: [\n    CommonModule,\n    RouterModule,\n    DaffCardModule,\n    DaffImageModule,\n    DaffButtonModule,\n  ],\n  exports: [\n    LinkableCardComponent,\n  ],\n})\nexport class LinkableCardModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'raised-card',\n  templateUrl: './raised-card.component.html',\n  styleUrls: ['./raised-card.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class RaisedCardComponent {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { RouterModule } from '@angular/router';\n\nimport {\n  DaffCardModule,\n  DaffImageModule,\n  DaffButtonModule,\n} from '@daffodil/design';\n\nimport { RaisedCardComponent } from './raised-card.component';\n\n@NgModule({\n  declarations: [\n    RaisedCardComponent,\n  ],\n  imports: [\n    CommonModule,\n    RouterModule,\n    DaffCardModule,\n    DaffImageModule,\n    DaffButtonModule,\n  ],\n  exports: [\n    RaisedCardComponent,\n  ],\n})\nexport class RaisedCardModule { }\n","import { BasicCardComponent } from './basic-card/basic-card.component';\nexport { BasicCardModule } from './basic-card/basic-card.module';\nimport { CardThemingComponent } from './card-theming/card-theming.component';\nexport { CardThemingModule } from './card-theming/card-theming.module';\nimport { LinkableCardComponent } from './linkable-card/linkable-card.component';\nexport { LinkableCardModule } from './linkable-card/linkable-card.module';\nimport { RaisedCardComponent } from './raised-card/raised-card.component';\nexport { RaisedCardModule } from './raised-card/raised-card.module';\n\nexport const CARD_EXAMPLES = [\n  BasicCardComponent,\n  CardThemingComponent,\n  LinkableCardComponent,\n  RaisedCardComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {BasicCardComponent as ɵa} from './basic-card/basic-card.component';\nexport {CardThemingComponent as ɵb} from './card-theming/card-theming.component';\nexport {LinkableCardComponent as ɵc} from './linkable-card/linkable-card.component';\nexport {RaisedCardComponent as ɵd} from './raised-card/raised-card.component';"],"names":["Component","ChangeDetectionStrategy","NgModule","CommonModule","DaffCardModule","DaffImageModule","DaffButtonModule","FormControl","ReactiveFormsModule","RouterModule"],"mappings":";;;;;;;QAYA;;;;;gBAPCA,cAAS,SAAC;;oBAET,QAAQ,EAAE,YAAY;oBACtB,gdAA0C;oBAE1C,eAAe,EAAEC,4BAAuB,CAAC,MAAM;;iBAChD;;;;QCcD;;;;;gBAdCC,aAAQ,SAAC;oBACR,YAAY,EAAE;wBACZ,kBAAkB;qBACnB;oBACD,OAAO,EAAE;wBACPC,mBAAY;wBACZC,qBAAc;wBACdC,sBAAe;wBACfC,uBAAgB;qBACjB;oBACD,OAAO,EAAE;wBACP,kBAAkB;qBACnB;iBACF;;;;QChBD;YAYE,UAAK,GAAgB,SAAS,CAAC;YAE/B,iBAAY,GAAgB,IAAIC,iBAAW,CAAC,EAAE,CAAC,CAAC;SACjD;;;;gBAfAP,cAAS,SAAC;;oBAET,QAAQ,EAAE,cAAc;oBACxB,slBAA4C;oBAM5C,eAAe,EAAEC,4BAAuB,CAAC,MAAM;6BALtC,uDAIR;iBAEF;;;;QCOD;;;;;gBAdCC,aAAQ,SAAC;oBACR,YAAY,EAAE;wBACZ,oBAAoB;qBACrB;oBACD,OAAO,EAAE;wBACPC,mBAAY;wBACZK,yBAAmB;wBACnBJ,qBAAc;wBACdC,sBAAe;qBAChB;oBACD,OAAO,EAAE;wBACP,oBAAoB;qBACrB;iBACF;;;;QCZD;;;;;gBAPCL,cAAS,SAAC;;oBAET,QAAQ,EAAE,eAAe;oBACzB,0TAA6C;oBAE7C,eAAe,EAAEC,4BAAuB,CAAC,MAAM;;iBAChD;;;;QCgBD;;;;;gBAfCC,aAAQ,SAAC;oBACR,YAAY,EAAE;wBACZ,qBAAqB;qBACtB;oBACD,OAAO,EAAE;wBACPC,mBAAY;wBACZM,mBAAY;wBACZL,qBAAc;wBACdC,sBAAe;wBACfC,uBAAgB;qBACjB;oBACD,OAAO,EAAE;wBACP,qBAAqB;qBACtB;iBACF;;;;QCdD;;;;;gBAPCN,cAAS,SAAC;;oBAET,QAAQ,EAAE,aAAa;oBACvB,oUAA2C;oBAE3C,eAAe,EAAEC,4BAAuB,CAAC,MAAM;;iBAChD;;;;QCgBD;;;;;gBAfCC,aAAQ,SAAC;oBACR,YAAY,EAAE;wBACZ,mBAAmB;qBACpB;oBACD,OAAO,EAAE;wBACPC,mBAAY;wBACZM,mBAAY;wBACZL,qBAAc;wBACdC,sBAAe;wBACfC,uBAAgB;qBACjB;oBACD,OAAO,EAAE;wBACP,mBAAmB;qBACpB;iBACF;;;QCjBY,aAAa,GAAG;QAC3B,kBAAkB;QAClB,oBAAoB;QACpB,qBAAqB;QACrB,mBAAmB;;;ICbrB;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"daffodil-design-card-examples.umd.js","sources":["../../../libs/design/card/examples/src/basic-card/basic-card.component.ts","../../../libs/design/card/examples/src/basic-card/basic-card.module.ts","../../../libs/design/card/examples/src/card-orientation/card-orientation.component.ts","../../../libs/design/card/examples/src/card-orientation/card-orientation.module.ts","../../../libs/design/card/examples/src/card-theming/card-theming.component.ts","../../../libs/design/card/examples/src/card-theming/card-theming.module.ts","../../../libs/design/card/examples/src/linkable-card/linkable-card.component.ts","../../../libs/design/card/examples/src/linkable-card/linkable-card.module.ts","../../../libs/design/card/examples/src/raised-card/raised-card.component.ts","../../../libs/design/card/examples/src/raised-card/raised-card.module.ts","../../../libs/design/card/examples/src/stroked-card/stroked-card.component.ts","../../../libs/design/card/examples/src/stroked-card/stroked-card.module.ts","../../../libs/design/card/examples/src/public_api.ts","../../../libs/design/card/examples/src/daffodil-design-card-examples.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { faMapMarked } from '@fortawesome/free-solid-svg-icons';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'basic-card',\n  templateUrl: './basic-card.component.html',\n  styleUrls: ['./basic-card.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BasicCardComponent {\n  faMapMarked = faMapMarked;\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport {\n  DaffCardModule,\n  DaffImageModule,\n  DaffButtonModule,\n} from '@daffodil/design';\n\nimport { BasicCardComponent } from './basic-card.component';\n\n@NgModule({\n  declarations: [\n    BasicCardComponent,\n  ],\n  imports: [\n    CommonModule,\n    DaffCardModule,\n    DaffImageModule,\n    DaffButtonModule,\n\n    FontAwesomeModule,\n  ],\n  exports: [\n    BasicCardComponent,\n  ],\n})\nexport class BasicCardModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { faMapMarked } from '@fortawesome/free-solid-svg-icons';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'card-orientation',\n  templateUrl: './card-orientation.component.html',\n  styleUrls: ['./card-orientation.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CardOrientationComponent {\n  faMapMarked = faMapMarked;\n\n  orientationControl: FormControl = new FormControl('');\n\n  options = [\n    { value: '', label: 'Default' },\n    { value: 'vertical', label: 'Vertical' },\n    { value: 'horizontal', label: 'Horizontal' },\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  DaffCardModule,\n  DaffImageModule,\n} from '@daffodil/design';\n\nimport { CardOrientationComponent } from './card-orientation.component';\n\n@NgModule({\n  declarations: [\n    CardOrientationComponent,\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    DaffCardModule,\n    DaffImageModule,\n    DaffButtonModule,\n    FontAwesomeModule,\n  ],\n  exports: [\n    CardOrientationComponent,\n  ],\n})\nexport class CardOrientationModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'card-theming',\n  templateUrl: './card-theming.component.html',\n  styles: [`\n    daff-card {\n      max-width: 480px;\n    }\n  `],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CardThemingComponent {\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: 'theme', label: 'Theme' },\n    { value: 'theme-contrast', label: 'Theme Contrast' },\n    { value: 'black', label: 'Black' },\n    { value: 'white', label: 'White' },\n  ];\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n  DaffCardModule,\n  DaffImageModule,\n} from '@daffodil/design';\n\nimport { CardThemingComponent } from './card-theming.component';\n\n@NgModule({\n  declarations: [\n    CardThemingComponent,\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    DaffCardModule,\n    DaffImageModule,\n  ],\n  exports: [\n    CardThemingComponent,\n  ],\n})\nexport class CardThemingModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'linkable-card',\n  templateUrl: './linkable-card.component.html',\n  styleUrls: ['./linkable-card.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class LinkableCardComponent {\n  basicColorControl: FormControl = new FormControl('');\n  raisedColorControl: FormControl = new FormControl('');\n  strokedColorControl: 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: 'theme', label: 'Theme' },\n    { value: 'theme-contrast', label: 'Theme Contrast' },\n    { value: 'black', label: 'Black' },\n    { value: 'white', label: 'White' },\n  ];\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { RouterModule } from '@angular/router';\n\nimport {\n  DaffCardModule,\n  DaffImageModule,\n  DaffButtonModule,\n} from '@daffodil/design';\n\nimport { LinkableCardComponent } from './linkable-card.component';\n\n@NgModule({\n  declarations: [\n    LinkableCardComponent,\n  ],\n  imports: [\n    CommonModule,\n    RouterModule,\n    ReactiveFormsModule,\n    DaffCardModule,\n    DaffImageModule,\n    DaffButtonModule,\n  ],\n  exports: [\n    LinkableCardComponent,\n  ],\n})\nexport class LinkableCardModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'raised-card',\n  templateUrl: './raised-card.component.html',\n  styleUrls: ['./raised-card.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class RaisedCardComponent {\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: 'theme', label: 'Theme' },\n    { value: 'theme-contrast', label: 'Theme Contrast' },\n    { value: 'black', label: 'Black' },\n    { value: 'white', label: 'White' },\n  ];\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n  DaffCardModule,\n  DaffImageModule,\n  DaffButtonModule,\n} from '@daffodil/design';\n\nimport { RaisedCardComponent } from './raised-card.component';\n\n@NgModule({\n  declarations: [\n    RaisedCardComponent,\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n\n    DaffCardModule,\n    DaffImageModule,\n    DaffButtonModule,\n  ],\n  exports: [\n    RaisedCardComponent,\n  ],\n})\nexport class RaisedCardModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'stroked-card',\n  templateUrl: './stroked-card.component.html',\n  styleUrls: ['./stroked-card.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class StrokedCardComponent {\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: 'theme', label: 'Theme' },\n    { value: 'theme-contrast', label: 'Theme Contrast' },\n    { value: 'black', label: 'Black' },\n    { value: 'white', label: 'White' },\n  ];\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { RouterModule } from '@angular/router';\n\nimport {\n  DaffCardModule,\n  DaffImageModule,\n  DaffButtonModule,\n} from '@daffodil/design';\n\nimport { StrokedCardComponent } from './stroked-card.component';\n\n@NgModule({\n  declarations: [\n    StrokedCardComponent,\n  ],\n  imports: [\n    CommonModule,\n    RouterModule,\n    ReactiveFormsModule,\n\n    DaffCardModule,\n    DaffImageModule,\n    DaffButtonModule,\n  ],\n  exports: [\n    StrokedCardComponent,\n  ],\n})\nexport class StrokedCardModule { }\n","import { BasicCardComponent } from './basic-card/basic-card.component';\nexport { BasicCardModule } from './basic-card/basic-card.module';\nimport { CardOrientationComponent } from './card-orientation/card-orientation.component';\nexport { CardOrientationModule } from './card-orientation/card-orientation.module';\nimport { CardThemingComponent } from './card-theming/card-theming.component';\nexport { CardThemingModule } from './card-theming/card-theming.module';\nimport { LinkableCardComponent } from './linkable-card/linkable-card.component';\nexport { LinkableCardModule } from './linkable-card/linkable-card.module';\nimport { RaisedCardComponent } from './raised-card/raised-card.component';\nexport { RaisedCardModule } from './raised-card/raised-card.module';\nimport { StrokedCardComponent } from './stroked-card/stroked-card.component';\nexport { StrokedCardModule } from './stroked-card/stroked-card.module';\n\nexport const CARD_EXAMPLES = [\n  BasicCardComponent,\n  CardThemingComponent,\n  LinkableCardComponent,\n  RaisedCardComponent,\n  StrokedCardComponent,\n  CardOrientationComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {BasicCardComponent as ɵa} from './basic-card/basic-card.component';\nexport {CardOrientationComponent as ɵf} from './card-orientation/card-orientation.component';\nexport {CardThemingComponent as ɵb} from './card-theming/card-theming.component';\nexport {LinkableCardComponent as ɵc} from './linkable-card/linkable-card.component';\nexport {RaisedCardComponent as ɵd} from './raised-card/raised-card.component';\nexport {StrokedCardComponent as ɵe} from './stroked-card/stroked-card.component';"],"names":["faMapMarked","Component","ChangeDetectionStrategy","NgModule","CommonModule","DaffCardModule","DaffImageModule","DaffButtonModule","FontAwesomeModule","FormControl","ReactiveFormsModule","RouterModule"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-!function(a,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("@angular/common"),require("@daffodil/design"),require("@angular/forms"),require("@angular/router")):"function"==typeof define&&define.amd?define("@daffodil/design/card/examples",["exports","@angular/core","@angular/common","@daffodil/design","@angular/forms","@angular/router"],e):e(((a="undefined"!=typeof globalThis?globalThis:a||self).daffodil=a.daffodil||{},a.daffodil.design=a.daffodil.design||{},a.daffodil.design.card=a.daffodil.design.card||{},a.daffodil.design.card.examples={}),a.ng.core,a.ng.common,a.daffodil.design,a.ng.forms,a.ng.router)}(this,(function(a,e,o,t,n,d){"use strict";var r=function(){};r.decorators=[{type:e.Component,args:[{selector:"basic-card",template:'<daff-card>\n  <daff-image daffCardImage src="/assets/card/uber-logo-dark.svg" alt="uber logo" width="340" height="135"></daff-image>\n  <div daffCardTagline>Card Tagline</div>\n  <h4 daffCardTitle>Title</h4>\n  <p>This is a basic card.</p>\n  <div daffCardActions class="daff-basic-card__actions">\n    <button daff-underline-button>Card Button</button>\n    <button daff-underline-button>Another Card Button</button>\n  </div>\n</daff-card>',changeDetection:e.ChangeDetectionStrategy.OnPush,styles:[":host{display:block;max-width:340px}.daff-basic-card__actions>*{margin-right:16px}.daff-basic-card__actions>:last-child{margin-right:0}"]}]}];var i=function(){};i.decorators=[{type:e.NgModule,args:[{declarations:[r],imports:[o.CommonModule,t.DaffCardModule,t.DaffImageModule,t.DaffButtonModule],exports:[r]}]}];var l=function(){this.color="primary",this.colorControl=new n.FormControl("")};l.decorators=[{type:e.Component,args:[{selector:"card-theming",template:'<daff-card [color]="colorControl.value">\n  <div daffCardTagline>Card Tagline</div>\n  <div daffCardTitle>Title</div>\n  <p>Cards are themable.</p>\n</daff-card>\n\n<select [formControl]="colorControl">\n  <option value="">Default</option>\n  <option value="primary">Primary</option>\n  <option value="secondary">Secondary</option>\n  <option value="tertiary">Tertiary</option>\n  <option value="theme">Theme</option>\n  <option value="theme-contrast">Theme Contrast</option>\n  <option value="black">Black</option>\n  <option value="white">White</option>\n</select>',changeDetection:e.ChangeDetectionStrategy.OnPush,styles:["\n    daff-card {\n      max-width: 400px;\n    }\n  "]}]}];var f=function(){};f.decorators=[{type:e.NgModule,args:[{declarations:[l],imports:[o.CommonModule,n.ReactiveFormsModule,t.DaffCardModule,t.DaffImageModule],exports:[l]}]}];var s=function(){};s.decorators=[{type:e.Component,args:[{selector:"linkable-card",template:'<a routerLink="/" daff-card>\n\t<daff-image daffCardImage\n\t\tsrc="/assets/card/uber-logo-dark.svg"\n\t\talt="uber logo"\n\t\twidth="340"\n\t\theight="135">\n\t</daff-image>\n\t<div daffCardTagline>Card Tagline</div>\n\t<h4 daffCardTitle>Title</h4>\n\t<p>This is a linkable card.</p>\n</a>\n',changeDetection:e.ChangeDetectionStrategy.OnPush,styles:[":host{display:block;max-width:340px}"]}]}];var c=function(){};c.decorators=[{type:e.NgModule,args:[{declarations:[s],imports:[o.CommonModule,d.RouterModule,t.DaffCardModule,t.DaffImageModule,t.DaffButtonModule],exports:[s]}]}];var u=function(){};u.decorators=[{type:e.Component,args:[{selector:"raised-card",template:'<daff-card [raised]="true">\n\t<daff-image\n\t\tdaffCardImage\n\t\tsrc="/assets/card/uber-logo-dark.svg"\n\t\talt="uber logo"\n\t\twidth="340"\n\t\theight="135"\n\t></daff-image>\n\t<div daffCardTagline>Card Tagline</div>\n\t<h4 daffCardTitle>Title</h4>\n\t<p>This is a raised card.</p>\n</daff-card>\n',changeDetection:e.ChangeDetectionStrategy.OnPush,styles:[":host{display:block;max-width:340px}"]}]}];var g=function(){};g.decorators=[{type:e.NgModule,args:[{declarations:[u],imports:[o.CommonModule,d.RouterModule,t.DaffCardModule,t.DaffImageModule,t.DaffButtonModule],exports:[u]}]}];var p=[r,l,s,u];a.BasicCardModule=i,a.CARD_EXAMPLES=p,a.CardThemingModule=f,a.LinkableCardModule=c,a.RaisedCardModule=g,a.ɵa=r,a.ɵb=l,a.ɵc=s,a.ɵd=u,Object.defineProperty(a,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(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")):"function"==typeof define&&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"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self).daffodil=e.daffodil||{},e.daffodil.design=e.daffodil.design||{},e.daffodil.design.card=e.daffodil.design.card||{},e.daffodil.design.card.examples={}),e.ng.core,e.freeSolidSvgIcons,e.ng.common,e.angularFontawesome,e.daffodil.design,e.ng.forms,e.ng.router)}(this,(function(e,t,o,a,n,i,l,r){"use strict";var d=function(){this.faMapMarked=o.faMapMarked};d.decorators=[{type:t.Component,args:[{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:t.ChangeDetectionStrategy.OnPush,styles:["daff-card{max-width:480px}"]}]}];var f=function(){};f.decorators=[{type:t.NgModule,args:[{declarations:[d],imports:[a.CommonModule,i.DaffCardModule,i.DaffImageModule,i.DaffButtonModule,n.FontAwesomeModule],exports:[d]}]}];var s=function(){this.faMapMarked=o.faMapMarked,this.orientationControl=new l.FormControl(""),this.options=[{value:"",label:"Default"},{value:"vertical",label:"Vertical"},{value:"horizontal",label:"Horizontal"}]};s.decorators=[{type:t.Component,args:[{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:t.ChangeDetectionStrategy.OnPush,styles:[".daff-card--vertical{max-width:560px}"]}]}];var c=function(){};c.decorators=[{type:t.NgModule,args:[{declarations:[s],imports:[a.CommonModule,l.ReactiveFormsModule,i.DaffCardModule,i.DaffImageModule,i.DaffButtonModule,n.FontAwesomeModule],exports:[s]}]}];var h=function(){this.colorControl=new l.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"}]};h.decorators=[{type:t.Component,args:[{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:t.ChangeDetectionStrategy.OnPush,styles:["\n    daff-card {\n      max-width: 480px;\n    }\n  "]}]}];var u=function(){};u.decorators=[{type:t.NgModule,args:[{declarations:[h],imports:[a.CommonModule,l.ReactiveFormsModule,i.DaffCardModule,i.DaffImageModule],exports:[h]}]}];var m=function(){this.basicColorControl=new l.FormControl(""),this.raisedColorControl=new l.FormControl(""),this.strokedColorControl=new l.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"}]};m.decorators=[{type:t.Component,args:[{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:t.ChangeDetectionStrategy.OnPush,styles:["a.daff-card,a.daff-raised-card,a.daff-stroked-card{max-width:480px}"]}]}];var p=function(){};p.decorators=[{type:t.NgModule,args:[{declarations:[m],imports:[a.CommonModule,r.RouterModule,l.ReactiveFormsModule,i.DaffCardModule,i.DaffImageModule,i.DaffButtonModule],exports:[m]}]}];var v=function(){this.colorControl=new l.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"}]};v.decorators=[{type:t.Component,args:[{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:t.ChangeDetectionStrategy.OnPush,styles:["daff-raised-card{max-width:480px}"]}]}];var g=function(){};g.decorators=[{type:t.NgModule,args:[{declarations:[v],imports:[a.CommonModule,l.ReactiveFormsModule,i.DaffCardModule,i.DaffImageModule,i.DaffButtonModule],exports:[v]}]}];var b=function(){this.colorControl=new l.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"}]};b.decorators=[{type:t.Component,args:[{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:t.ChangeDetectionStrategy.OnPush,styles:[":host{display:block;max-width:340px}"]}]}];var C=function(){};C.decorators=[{type:t.NgModule,args:[{declarations:[b],imports:[a.CommonModule,r.RouterModule,l.ReactiveFormsModule,i.DaffCardModule,i.DaffImageModule,i.DaffButtonModule],exports:[b]}]}];var w=[d,h,m,v,b,s];e.BasicCardModule=f,e.CARD_EXAMPLES=w,e.CardOrientationModule=c,e.CardThemingModule=u,e.LinkableCardModule=p,e.RaisedCardModule=g,e.StrokedCardModule=C,e.ɵa=d,e.ɵb=h,e.ɵc=m,e.ɵd=v,e.ɵe=b,e.ɵf=s,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=daffodil-design-card-examples.umd.min.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../libs/design/card/examples/src/basic-card/basic-card.component.ts","../../../libs/design/card/examples/src/basic-card/basic-card.module.ts","../../../libs/design/card/examples/src/card-theming/card-theming.component.ts","../../../libs/design/card/examples/src/card-theming/card-theming.module.ts","../../../libs/design/card/examples/src/linkable-card/linkable-card.component.ts","../../../libs/design/card/examples/src/linkable-card/linkable-card.module.ts","../../../libs/design/card/examples/src/raised-card/raised-card.component.ts","../../../libs/design/card/examples/src/raised-card/raised-card.module.ts","../../../libs/design/card/examples/src/public_api.ts"],"names":["Component","args","selector","template","changeDetection","ChangeDetectionStrategy","OnPush","NgModule","declarations","BasicCardComponent","imports","CommonModule","DaffCardModule","DaffImageModule","DaffButtonModule","exports","this","color","colorControl","FormControl","CardThemingComponent","ReactiveFormsModule","LinkableCardComponent","RouterModule","RaisedCardComponent","CARD_EXAMPLES"],"mappings":"wsBAYA,iCAPCA,EAAAA,UAASC,KAAA,CAAC,CAETC,SAAU,aACVC,SAAA,6bAEAC,gBAAiBC,EAAAA,wBAAwBC,oKCe3C,iCAdCC,EAAAA,SAAQN,KAAA,CAAC,CACRO,aAAc,CACZC,GAEFC,QAAS,CACPC,EAAAA,aACAC,EAAAA,eACAC,EAAAA,gBACAC,EAAAA,kBAEFC,QAAS,CACPN,aCdJ,WAYEO,KAAAC,MAAqB,UAErBD,KAAAE,aAA4B,IAAIC,EAAAA,YAAY,yBAd7CnB,EAAAA,UAASC,KAAA,CAAC,CAETC,SAAU,eACVC,SAAA,yjBAMAC,gBAAiBC,EAAAA,wBAAwBC,eALhC,mECaX,iCAdCC,EAAAA,SAAQN,KAAA,CAAC,CACRO,aAAc,CACZY,GAEFV,QAAS,CACPC,EAAAA,aACAU,EAAAA,oBACAT,EAAAA,eACAC,EAAAA,iBAEFE,QAAS,CACPK,aCVJ,iCAPCpB,EAAAA,UAASC,KAAA,CAAC,CAETC,SAAU,gBACVC,SAAA,uSAEAC,gBAAiBC,EAAAA,wBAAwBC,iECiB3C,iCAfCC,EAAAA,SAAQN,KAAA,CAAC,CACRO,aAAc,CACZc,GAEFZ,QAAS,CACPC,EAAAA,aACAY,EAAAA,aACAX,EAAAA,eACAC,EAAAA,gBACAC,EAAAA,kBAEFC,QAAS,CACPO,aCZJ,iCAPCtB,EAAAA,UAASC,KAAA,CAAC,CAETC,SAAU,cACVC,SAAA,iTAEAC,gBAAiBC,EAAAA,wBAAwBC,iECiB3C,iCAfCC,EAAAA,SAAQN,KAAA,CAAC,CACRO,aAAc,CACZgB,GAEFd,QAAS,CACPC,EAAAA,aACAY,EAAAA,aACAX,EAAAA,eACAC,EAAAA,gBACAC,EAAAA,kBAEFC,QAAS,CACPS,WCfSC,EAAgB,CAC3BhB,EACAW,EACAE,EACAE","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'basic-card',\n  templateUrl: './basic-card.component.html',\n  styleUrls: ['./basic-card.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BasicCardComponent {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport {\n  DaffCardModule,\n  DaffImageModule,\n  DaffButtonModule,\n} from '@daffodil/design';\n\nimport { BasicCardComponent } from './basic-card.component';\n\n@NgModule({\n  declarations: [\n    BasicCardComponent,\n  ],\n  imports: [\n    CommonModule,\n    DaffCardModule,\n    DaffImageModule,\n    DaffButtonModule,\n  ],\n  exports: [\n    BasicCardComponent,\n  ],\n})\nexport class BasicCardModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\nimport { DaffPalette } from '@daffodil/design';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'card-theming',\n  templateUrl: './card-theming.component.html',\n  styles: [`\n    daff-card {\n      max-width: 400px;\n    }\n  `],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CardThemingComponent {\n  color: DaffPalette = 'primary';\n\n  colorControl: FormControl = new FormControl('');\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n  DaffCardModule,\n  DaffImageModule,\n} from '@daffodil/design';\n\nimport { CardThemingComponent } from './card-theming.component';\n\n@NgModule({\n  declarations: [\n    CardThemingComponent,\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    DaffCardModule,\n    DaffImageModule,\n  ],\n  exports: [\n    CardThemingComponent,\n  ],\n})\nexport class CardThemingModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'linkable-card',\n  templateUrl: './linkable-card.component.html',\n  styleUrls: ['./linkable-card.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class LinkableCardComponent {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { RouterModule } from '@angular/router';\n\nimport {\n  DaffCardModule,\n  DaffImageModule,\n  DaffButtonModule,\n} from '@daffodil/design';\n\nimport { LinkableCardComponent } from './linkable-card.component';\n\n@NgModule({\n  declarations: [\n    LinkableCardComponent,\n  ],\n  imports: [\n    CommonModule,\n    RouterModule,\n    DaffCardModule,\n    DaffImageModule,\n    DaffButtonModule,\n  ],\n  exports: [\n    LinkableCardComponent,\n  ],\n})\nexport class LinkableCardModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'raised-card',\n  templateUrl: './raised-card.component.html',\n  styleUrls: ['./raised-card.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class RaisedCardComponent {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { RouterModule } from '@angular/router';\n\nimport {\n  DaffCardModule,\n  DaffImageModule,\n  DaffButtonModule,\n} from '@daffodil/design';\n\nimport { RaisedCardComponent } from './raised-card.component';\n\n@NgModule({\n  declarations: [\n    RaisedCardComponent,\n  ],\n  imports: [\n    CommonModule,\n    RouterModule,\n    DaffCardModule,\n    DaffImageModule,\n    DaffButtonModule,\n  ],\n  exports: [\n    RaisedCardComponent,\n  ],\n})\nexport class RaisedCardModule { }\n","import { BasicCardComponent } from './basic-card/basic-card.component';\nexport { BasicCardModule } from './basic-card/basic-card.module';\nimport { CardThemingComponent } from './card-theming/card-theming.component';\nexport { CardThemingModule } from './card-theming/card-theming.module';\nimport { LinkableCardComponent } from './linkable-card/linkable-card.component';\nexport { LinkableCardModule } from './linkable-card/linkable-card.module';\nimport { RaisedCardComponent } from './raised-card/raised-card.component';\nexport { RaisedCardModule } from './raised-card/raised-card.module';\n\nexport const CARD_EXAMPLES = [\n  BasicCardComponent,\n  CardThemingComponent,\n  LinkableCardComponent,\n  RaisedCardComponent,\n];\n"]}
+{"version":3,"sources":["../../../libs/design/card/examples/src/basic-card/basic-card.component.ts","../../../libs/design/card/examples/src/basic-card/basic-card.module.ts","../../../libs/design/card/examples/src/card-orientation/card-orientation.component.ts","../../../libs/design/card/examples/src/card-orientation/card-orientation.module.ts","../../../libs/design/card/examples/src/card-theming/card-theming.component.ts","../../../libs/design/card/examples/src/card-theming/card-theming.module.ts","../../../libs/design/card/examples/src/linkable-card/linkable-card.component.ts","../../../libs/design/card/examples/src/linkable-card/linkable-card.module.ts","../../../libs/design/card/examples/src/raised-card/raised-card.component.ts","../../../libs/design/card/examples/src/raised-card/raised-card.module.ts","../../../libs/design/card/examples/src/stroked-card/stroked-card.component.ts","../../../libs/design/card/examples/src/stroked-card/stroked-card.module.ts","../../../libs/design/card/examples/src/public_api.ts"],"names":["this","faMapMarked","Component","args","selector","template","changeDetection","ChangeDetectionStrategy","OnPush","NgModule","declarations","BasicCardComponent","imports","CommonModule","DaffCardModule","DaffImageModule","DaffButtonModule","FontAwesomeModule","exports","orientationControl","FormControl","options","value","label","CardOrientationComponent","ReactiveFormsModule","colorControl","CardThemingComponent","basicColorControl","raisedColorControl","strokedColorControl","LinkableCardComponent","RouterModule","RaisedCardComponent","StrokedCardComponent","CARD_EXAMPLES"],"mappings":"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","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { faMapMarked } from '@fortawesome/free-solid-svg-icons';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'basic-card',\n  templateUrl: './basic-card.component.html',\n  styleUrls: ['./basic-card.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BasicCardComponent {\n  faMapMarked = faMapMarked;\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport {\n  DaffCardModule,\n  DaffImageModule,\n  DaffButtonModule,\n} from '@daffodil/design';\n\nimport { BasicCardComponent } from './basic-card.component';\n\n@NgModule({\n  declarations: [\n    BasicCardComponent,\n  ],\n  imports: [\n    CommonModule,\n    DaffCardModule,\n    DaffImageModule,\n    DaffButtonModule,\n\n    FontAwesomeModule,\n  ],\n  exports: [\n    BasicCardComponent,\n  ],\n})\nexport class BasicCardModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { faMapMarked } from '@fortawesome/free-solid-svg-icons';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'card-orientation',\n  templateUrl: './card-orientation.component.html',\n  styleUrls: ['./card-orientation.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CardOrientationComponent {\n  faMapMarked = faMapMarked;\n\n  orientationControl: FormControl = new FormControl('');\n\n  options = [\n    { value: '', label: 'Default' },\n    { value: 'vertical', label: 'Vertical' },\n    { value: 'horizontal', label: 'Horizontal' },\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  DaffCardModule,\n  DaffImageModule,\n} from '@daffodil/design';\n\nimport { CardOrientationComponent } from './card-orientation.component';\n\n@NgModule({\n  declarations: [\n    CardOrientationComponent,\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    DaffCardModule,\n    DaffImageModule,\n    DaffButtonModule,\n    FontAwesomeModule,\n  ],\n  exports: [\n    CardOrientationComponent,\n  ],\n})\nexport class CardOrientationModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'card-theming',\n  templateUrl: './card-theming.component.html',\n  styles: [`\n    daff-card {\n      max-width: 480px;\n    }\n  `],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CardThemingComponent {\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: 'theme', label: 'Theme' },\n    { value: 'theme-contrast', label: 'Theme Contrast' },\n    { value: 'black', label: 'Black' },\n    { value: 'white', label: 'White' },\n  ];\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n  DaffCardModule,\n  DaffImageModule,\n} from '@daffodil/design';\n\nimport { CardThemingComponent } from './card-theming.component';\n\n@NgModule({\n  declarations: [\n    CardThemingComponent,\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    DaffCardModule,\n    DaffImageModule,\n  ],\n  exports: [\n    CardThemingComponent,\n  ],\n})\nexport class CardThemingModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'linkable-card',\n  templateUrl: './linkable-card.component.html',\n  styleUrls: ['./linkable-card.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class LinkableCardComponent {\n  basicColorControl: FormControl = new FormControl('');\n  raisedColorControl: FormControl = new FormControl('');\n  strokedColorControl: 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: 'theme', label: 'Theme' },\n    { value: 'theme-contrast', label: 'Theme Contrast' },\n    { value: 'black', label: 'Black' },\n    { value: 'white', label: 'White' },\n  ];\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { RouterModule } from '@angular/router';\n\nimport {\n  DaffCardModule,\n  DaffImageModule,\n  DaffButtonModule,\n} from '@daffodil/design';\n\nimport { LinkableCardComponent } from './linkable-card.component';\n\n@NgModule({\n  declarations: [\n    LinkableCardComponent,\n  ],\n  imports: [\n    CommonModule,\n    RouterModule,\n    ReactiveFormsModule,\n    DaffCardModule,\n    DaffImageModule,\n    DaffButtonModule,\n  ],\n  exports: [\n    LinkableCardComponent,\n  ],\n})\nexport class LinkableCardModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'raised-card',\n  templateUrl: './raised-card.component.html',\n  styleUrls: ['./raised-card.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class RaisedCardComponent {\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: 'theme', label: 'Theme' },\n    { value: 'theme-contrast', label: 'Theme Contrast' },\n    { value: 'black', label: 'Black' },\n    { value: 'white', label: 'White' },\n  ];\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n  DaffCardModule,\n  DaffImageModule,\n  DaffButtonModule,\n} from '@daffodil/design';\n\nimport { RaisedCardComponent } from './raised-card.component';\n\n@NgModule({\n  declarations: [\n    RaisedCardComponent,\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n\n    DaffCardModule,\n    DaffImageModule,\n    DaffButtonModule,\n  ],\n  exports: [\n    RaisedCardComponent,\n  ],\n})\nexport class RaisedCardModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'stroked-card',\n  templateUrl: './stroked-card.component.html',\n  styleUrls: ['./stroked-card.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class StrokedCardComponent {\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: 'theme', label: 'Theme' },\n    { value: 'theme-contrast', label: 'Theme Contrast' },\n    { value: 'black', label: 'Black' },\n    { value: 'white', label: 'White' },\n  ];\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { RouterModule } from '@angular/router';\n\nimport {\n  DaffCardModule,\n  DaffImageModule,\n  DaffButtonModule,\n} from '@daffodil/design';\n\nimport { StrokedCardComponent } from './stroked-card.component';\n\n@NgModule({\n  declarations: [\n    StrokedCardComponent,\n  ],\n  imports: [\n    CommonModule,\n    RouterModule,\n    ReactiveFormsModule,\n\n    DaffCardModule,\n    DaffImageModule,\n    DaffButtonModule,\n  ],\n  exports: [\n    StrokedCardComponent,\n  ],\n})\nexport class StrokedCardModule { }\n","import { BasicCardComponent } from './basic-card/basic-card.component';\nexport { BasicCardModule } from './basic-card/basic-card.module';\nimport { CardOrientationComponent } from './card-orientation/card-orientation.component';\nexport { CardOrientationModule } from './card-orientation/card-orientation.module';\nimport { CardThemingComponent } from './card-theming/card-theming.component';\nexport { CardThemingModule } from './card-theming/card-theming.module';\nimport { LinkableCardComponent } from './linkable-card/linkable-card.component';\nexport { LinkableCardModule } from './linkable-card/linkable-card.module';\nimport { RaisedCardComponent } from './raised-card/raised-card.component';\nexport { RaisedCardModule } from './raised-card/raised-card.module';\nimport { StrokedCardComponent } from './stroked-card/stroked-card.component';\nexport { StrokedCardModule } from './stroked-card/stroked-card.module';\n\nexport const CARD_EXAMPLES = [\n  BasicCardComponent,\n  CardThemingComponent,\n  LinkableCardComponent,\n  RaisedCardComponent,\n  StrokedCardComponent,\n  CardOrientationComponent,\n];\n"]}

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

@@ -0,0 +1,65 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/forms'), require('@angular/common'), require('@daffodil/design')) :
+    typeof define === 'function' && define.amd ? define('@daffodil/design/container/examples', ['exports', '@angular/core', '@angular/forms', '@angular/common', '@daffodil/design'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.daffodil = global.daffodil || {}, global.daffodil.design = global.daffodil.design || {}, global.daffodil.design.container = global.daffodil.design.container || {}, global.daffodil.design.container.examples = {}), global.ng.core, global.ng.forms, global.ng.common, global.daffodil.design));
+}(this, (function (exports, core, forms, common, design) { 'use strict';
+
+    var ContainerSizesComponent = /** @class */ (function () {
+        function ContainerSizesComponent() {
+            this.sizeControl = new forms.FormControl('xs');
+            this.options = [
+                { value: 'xs', label: 'Extra Small' },
+                { value: 'sm', label: 'Small' },
+                { value: 'md', label: 'Medium' },
+                { value: 'lg', label: 'Large' },
+                { value: 'xl', label: 'Extra Large' },
+            ];
+        }
+        return ContainerSizesComponent;
+    }());
+    ContainerSizesComponent.decorators = [
+        { type: core.Component, args: [{
+                    // eslint-disable-next-line @angular-eslint/component-selector
+                    selector: 'container-sizes',
+                    template: "<daff-container [size]=\"sizeControl.value\">\n\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum in egestas ex, sed scelerisque neque. In ut vestibulum dui. Donec aliquet tortor pellentesque ex tincidunt faucibus. Vestibulum scelerisque dolor sit amet enim facilisis mattis. Pellentesque scelerisque vitae sapien sit amet dignissim. Aenean gravida facilisis ligula id vestibulum. Etiam viverra massa et nibh auctor molestie. Vestibulum rutrum pretium ex, vitae tempus mi. Nunc non arcu id ligula feugiat venenatis eu id urna. Vivamus fringilla, sapien ut molestie eleifend, ex arcu fringilla sapien, nec eleifend erat justo scelerisque metus. Integer eleifend, felis eget ultrices iaculis, sapien nibh pharetra enim, non malesuada mauris orci sed diam. Curabitur ultricies, enim in porta blandit, justo urna porta lacus, eu aliquet lectus est nec quam. Morbi condimentum auctor nisl, id convallis purus blandit laoreet. Nunc quis nulla mattis tellus feugiat laoreet. Curabitur in efficitur nisl. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.\n</daff-container>\n\n<select [formControl]=\"sizeControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>",
+                    changeDetection: core.ChangeDetectionStrategy.OnPush
+                },] }
+    ];
+
+    var ContainerSizesModule = /** @class */ (function () {
+        function ContainerSizesModule() {
+        }
+        return ContainerSizesModule;
+    }());
+    ContainerSizesModule.decorators = [
+        { type: core.NgModule, args: [{
+                    declarations: [
+                        ContainerSizesComponent,
+                    ],
+                    exports: [
+                        ContainerSizesComponent,
+                    ],
+                    imports: [
+                        common.CommonModule,
+                        forms.ReactiveFormsModule,
+                        design.DaffContainerModule,
+                    ],
+                },] }
+    ];
+
+    var CONTAINER_EXAMPLES = [
+        ContainerSizesComponent,
+    ];
+
+    /**
+     * Generated bundle index. Do not edit.
+     */
+
+    exports.CONTAINER_EXAMPLES = CONTAINER_EXAMPLES;
+    exports.ContainerSizesComponent = ContainerSizesComponent;
+    exports.ContainerSizesModule = ContainerSizesModule;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
+//# sourceMappingURL=daffodil-design-container-examples.umd.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"daffodil-design-container-examples.umd.js","sources":["../../../libs/design/container/examples/src/container-sizes/container-sizes.component.ts","../../../libs/design/container/examples/src/container-sizes/container-sizes.module.ts","../../../libs/design/container/examples/src/examples.ts","../../../libs/design/container/examples/src/daffodil-design-container-examples.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'container-sizes',\n  templateUrl: './container-sizes.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ContainerSizesComponent {\n  sizeControl: FormControl = new FormControl('xs');\n\n  options = [\n    { value: 'xs', label: 'Extra Small' },\n    { value: 'sm', label: 'Small' },\n    { value: 'md', label: 'Medium' },\n    { value: 'lg', label: 'Large' },\n    { value: 'xl', label: 'Extra Large' },\n  ];\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { DaffContainerModule } from '@daffodil/design';\n\nimport { ContainerSizesComponent } from './container-sizes.component';\n\n\n@NgModule({\n  declarations: [\n    ContainerSizesComponent,\n  ],\n  exports: [\n    ContainerSizesComponent,\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n\n    DaffContainerModule,\n  ],\n})\nexport class ContainerSizesModule { }\n","import { ContainerSizesComponent } from './container-sizes/container-sizes.component';\n\nexport const CONTAINER_EXAMPLES = [\n  ContainerSizesComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["FormControl","Component","ChangeDetectionStrategy","NgModule","CommonModule","ReactiveFormsModule","DaffContainerModule"],"mappings":";;;;;;;QAMA;YAOE,gBAAW,GAAgB,IAAIA,iBAAW,CAAC,IAAI,CAAC,CAAC;YAEjD,YAAO,GAAG;gBACR,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,aAAa,EAAE;gBACrC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE;gBAC/B,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE;gBAChC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE;gBAC/B,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,aAAa,EAAE;aACtC,CAAC;SACH;;;;gBAhBAC,cAAS,SAAC;;oBAET,QAAQ,EAAE,iBAAiB;oBAC3B,mwCAA+C;oBAC/C,eAAe,EAAEC,4BAAuB,CAAC,MAAM;iBAChD;;;;QCYD;;;;;gBAdCC,aAAQ,SAAC;oBACR,YAAY,EAAE;wBACZ,uBAAuB;qBACxB;oBACD,OAAO,EAAE;wBACP,uBAAuB;qBACxB;oBACD,OAAO,EAAE;wBACPC,mBAAY;wBACZC,yBAAmB;wBAEnBC,0BAAmB;qBACpB;iBACF;;;QCpBY,kBAAkB,GAAG;QAChC,uBAAuB;;;ICHzB;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,2 @@
+!function(e,i){"object"==typeof exports&&"undefined"!=typeof module?i(exports,require("@angular/core"),require("@angular/forms"),require("@angular/common"),require("@daffodil/design")):"function"==typeof define&&define.amd?define("@daffodil/design/container/examples",["exports","@angular/core","@angular/forms","@angular/common","@daffodil/design"],i):i(((e="undefined"!=typeof globalThis?globalThis:e||self).daffodil=e.daffodil||{},e.daffodil.design=e.daffodil.design||{},e.daffodil.design.container=e.daffodil.design.container||{},e.daffodil.design.container.examples={}),e.ng.core,e.ng.forms,e.ng.common,e.daffodil.design)}(this,(function(e,i,n,a,t){"use strict";var o=function(){this.sizeControl=new n.FormControl("xs"),this.options=[{value:"xs",label:"Extra Small"},{value:"sm",label:"Small"},{value:"md",label:"Medium"},{value:"lg",label:"Large"},{value:"xl",label:"Extra Large"}]};o.decorators=[{type:i.Component,args:[{selector:"container-sizes",template:'<daff-container [size]="sizeControl.value">\n\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum in egestas ex, sed scelerisque neque. In ut vestibulum dui. Donec aliquet tortor pellentesque ex tincidunt faucibus. Vestibulum scelerisque dolor sit amet enim facilisis mattis. Pellentesque scelerisque vitae sapien sit amet dignissim. Aenean gravida facilisis ligula id vestibulum. Etiam viverra massa et nibh auctor molestie. Vestibulum rutrum pretium ex, vitae tempus mi. Nunc non arcu id ligula feugiat venenatis eu id urna. Vivamus fringilla, sapien ut molestie eleifend, ex arcu fringilla sapien, nec eleifend erat justo scelerisque metus. Integer eleifend, felis eget ultrices iaculis, sapien nibh pharetra enim, non malesuada mauris orci sed diam. Curabitur ultricies, enim in porta blandit, justo urna porta lacus, eu aliquet lectus est nec quam. Morbi condimentum auctor nisl, id convallis purus blandit laoreet. Nunc quis nulla mattis tellus feugiat laoreet. Curabitur in efficitur nisl. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.\n</daff-container>\n\n<select [formControl]="sizeControl">\n\t<option *ngFor="let option of options" [value]="option.value">{{ option.label }}</option>\n</select>',changeDetection:i.ChangeDetectionStrategy.OnPush}]}];var l=function(){};l.decorators=[{type:i.NgModule,args:[{declarations:[o],exports:[o],imports:[a.CommonModule,n.ReactiveFormsModule,t.DaffContainerModule]}]}];var s=[o];e.CONTAINER_EXAMPLES=s,e.ContainerSizesComponent=o,e.ContainerSizesModule=l,Object.defineProperty(e,"__esModule",{value:!0})}));
+//# sourceMappingURL=daffodil-design-container-examples.umd.min.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../libs/design/container/examples/src/container-sizes/container-sizes.component.ts","../../../libs/design/container/examples/src/container-sizes/container-sizes.module.ts","../../../libs/design/container/examples/src/examples.ts"],"names":["this","sizeControl","FormControl","options","value","label","Component","args","selector","template","changeDetection","ChangeDetectionStrategy","OnPush","NgModule","declarations","ContainerSizesComponent","exports","imports","CommonModule","ReactiveFormsModule","DaffContainerModule","CONTAINER_EXAMPLES"],"mappings":"iqBAMA,WAOEA,KAAAC,YAA2B,IAAIC,EAAAA,YAAY,MAE3CF,KAAAG,QAAU,CACR,CAAEC,MAAO,KAAMC,MAAO,eACtB,CAAED,MAAO,KAAMC,MAAO,SACtB,CAAED,MAAO,KAAMC,MAAO,UACtB,CAAED,MAAO,KAAMC,MAAO,SACtB,CAAED,MAAO,KAAMC,MAAO,qCAdzBC,EAAAA,UAASC,KAAA,CAAC,CAETC,SAAU,kBACVC,SAAA,kvCACAC,gBAAiBC,EAAAA,wBAAwBC,iBCa3C,iCAdCC,EAAAA,SAAQN,KAAA,CAAC,CACRO,aAAc,CACZC,GAEFC,QAAS,CACPD,GAEFE,QAAS,CACPC,EAAAA,aACAC,EAAAA,oBAEAC,EAAAA,6BClBSC,EAAqB,CAChCN","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'container-sizes',\n  templateUrl: './container-sizes.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ContainerSizesComponent {\n  sizeControl: FormControl = new FormControl('xs');\n\n  options = [\n    { value: 'xs', label: 'Extra Small' },\n    { value: 'sm', label: 'Small' },\n    { value: 'md', label: 'Medium' },\n    { value: 'lg', label: 'Large' },\n    { value: 'xl', label: 'Extra Large' },\n  ];\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { DaffContainerModule } from '@daffodil/design';\n\nimport { ContainerSizesComponent } from './container-sizes.component';\n\n\n@NgModule({\n  declarations: [\n    ContainerSizesComponent,\n  ],\n  exports: [\n    ContainerSizesComponent,\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n\n    DaffContainerModule,\n  ],\n})\nexport class ContainerSizesModule { }\n","import { ContainerSizesComponent } from './container-sizes/container-sizes.component';\n\nexport const CONTAINER_EXAMPLES = [\n  ContainerSizesComponent,\n];\n"]}