@daffodil/design 0.66.0 → 0.67.0

package/esm2022/card/card.module.mjs

@@ -0,0 +1,54 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { DaffCardComponent } from './card/card.component';
+import { DaffCardActionsDirective } from './card-actions/card-actions.directive';
+import { DaffCardContentDirective } from './card-content/card-content.directive';
+import { DaffCardIconDirective } from './card-icon/card-icon.directive';
+import { DaffCardImageDirective } from './card-image/card-image.directive';
+import { DaffCardTaglineDirective } from './card-tagline/card-tagline.directive';
+import { DaffCardTitleDirective } from './card-title/card-title.directive';
+import * as i0 from "@angular/core";
+export class DaffCardModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: DaffCardModule, declarations: [DaffCardComponent,
+            DaffCardIconDirective,
+            DaffCardImageDirective,
+            DaffCardTaglineDirective,
+            DaffCardTitleDirective,
+            DaffCardContentDirective,
+            DaffCardActionsDirective], imports: [CommonModule], exports: [DaffCardComponent,
+            DaffCardIconDirective,
+            DaffCardImageDirective,
+            DaffCardTaglineDirective,
+            DaffCardTitleDirective,
+            DaffCardContentDirective,
+            DaffCardActionsDirective] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffCardModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffCardModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                    ],
+                    declarations: [
+                        DaffCardComponent,
+                        DaffCardIconDirective,
+                        DaffCardImageDirective,
+                        DaffCardTaglineDirective,
+                        DaffCardTitleDirective,
+                        DaffCardContentDirective,
+                        DaffCardActionsDirective,
+                    ],
+                    exports: [
+                        DaffCardComponent,
+                        DaffCardIconDirective,
+                        DaffCardImageDirective,
+                        DaffCardTaglineDirective,
+                        DaffCardTitleDirective,
+                        DaffCardContentDirective,
+                        DaffCardActionsDirective,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9jYXJkL3NyYy9jYXJkLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUV6QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUNqRixPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUNqRixPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUN4RSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUMzRSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUNqRixPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQzs7QUF5QjNFLE1BQU0sT0FBTyxjQUFjO2lJQUFkLGNBQWM7a0lBQWQsY0FBYyxpQkFsQnZCLGlCQUFpQjtZQUNqQixxQkFBcUI7WUFDckIsc0JBQXNCO1lBQ3RCLHdCQUF3QjtZQUN4QixzQkFBc0I7WUFDdEIsd0JBQXdCO1lBQ3hCLHdCQUF3QixhQVR4QixZQUFZLGFBWVosaUJBQWlCO1lBQ2pCLHFCQUFxQjtZQUNyQixzQkFBc0I7WUFDdEIsd0JBQXdCO1lBQ3hCLHNCQUFzQjtZQUN0Qix3QkFBd0I7WUFDeEIsd0JBQXdCO2tJQUdmLGNBQWMsWUFyQnZCLFlBQVk7OzJGQXFCSCxjQUFjO2tCQXZCMUIsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUU7d0JBQ1AsWUFBWTtxQkFDYjtvQkFDRCxZQUFZLEVBQUU7d0JBQ1osaUJBQWlCO3dCQUNqQixxQkFBcUI7d0JBQ3JCLHNCQUFzQjt3QkFDdEIsd0JBQXdCO3dCQUN4QixzQkFBc0I7d0JBQ3RCLHdCQUF3Qjt3QkFDeEIsd0JBQXdCO3FCQUN6QjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsaUJBQWlCO3dCQUNqQixxQkFBcUI7d0JBQ3JCLHNCQUFzQjt3QkFDdEIsd0JBQXdCO3dCQUN4QixzQkFBc0I7d0JBQ3RCLHdCQUF3Qjt3QkFDeEIsd0JBQXdCO3FCQUN6QjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBEYWZmQ2FyZENvbXBvbmVudCB9IGZyb20gJy4vY2FyZC9jYXJkLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBEYWZmQ2FyZEFjdGlvbnNEaXJlY3RpdmUgfSBmcm9tICcuL2NhcmQtYWN0aW9ucy9jYXJkLWFjdGlvbnMuZGlyZWN0aXZlJztcbmltcG9ydCB7IERhZmZDYXJkQ29udGVudERpcmVjdGl2ZSB9IGZyb20gJy4vY2FyZC1jb250ZW50L2NhcmQtY29udGVudC5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgRGFmZkNhcmRJY29uRGlyZWN0aXZlIH0gZnJvbSAnLi9jYXJkLWljb24vY2FyZC1pY29uLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBEYWZmQ2FyZEltYWdlRGlyZWN0aXZlIH0gZnJvbSAnLi9jYXJkLWltYWdlL2NhcmQtaW1hZ2UuZGlyZWN0aXZlJztcbmltcG9ydCB7IERhZmZDYXJkVGFnbGluZURpcmVjdGl2ZSB9IGZyb20gJy4vY2FyZC10YWdsaW5lL2NhcmQtdGFnbGluZS5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgRGFmZkNhcmRUaXRsZURpcmVjdGl2ZSB9IGZyb20gJy4vY2FyZC10aXRsZS9jYXJkLXRpdGxlLmRpcmVjdGl2ZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gIF0sXG4gIGRlY2xhcmF0aW9uczogW1xuICAgIERhZmZDYXJkQ29tcG9uZW50LFxuICAgIERhZmZDYXJkSWNvbkRpcmVjdGl2ZSxcbiAgICBEYWZmQ2FyZEltYWdlRGlyZWN0aXZlLFxuICAgIERhZmZDYXJkVGFnbGluZURpcmVjdGl2ZSxcbiAgICBEYWZmQ2FyZFRpdGxlRGlyZWN0aXZlLFxuICAgIERhZmZDYXJkQ29udGVudERpcmVjdGl2ZSxcbiAgICBEYWZmQ2FyZEFjdGlvbnNEaXJlY3RpdmUsXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBEYWZmQ2FyZENvbXBvbmVudCxcbiAgICBEYWZmQ2FyZEljb25EaXJlY3RpdmUsXG4gICAgRGFmZkNhcmRJbWFnZURpcmVjdGl2ZSxcbiAgICBEYWZmQ2FyZFRhZ2xpbmVEaXJlY3RpdmUsXG4gICAgRGFmZkNhcmRUaXRsZURpcmVjdGl2ZSxcbiAgICBEYWZmQ2FyZENvbnRlbnREaXJlY3RpdmUsXG4gICAgRGFmZkNhcmRBY3Rpb25zRGlyZWN0aXZlLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBEYWZmQ2FyZE1vZHVsZSB7IH1cbiJdfQ==

package/esm2022/card/daffodil-design-card.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGFmZm9kaWwtZGVzaWduLWNhcmQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9jYXJkL3NyYy9kYWZmb2RpbC1kZXNpZ24tY2FyZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==

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

@@ -0,0 +1,19 @@
+import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import { faMapMarked } from '@fortawesome/free-solid-svg-icons';
+import * as i0 from "@angular/core";
+import * as i1 from "@daffodil/design/card";
+import * as i2 from "@daffodil/design/image";
+import * as i3 from "@daffodil/design/button";
+import * as i4 from "@fortawesome/angular-fontawesome";
+export class BasicCardComponent {
+    constructor() {
+        this.faMapMarked = faMapMarked;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: BasicCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: BasicCardComponent, selector: "basic-card", ngImport: i0, 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", styles: ["daff-card{max-width:480px}\n"], dependencies: [{ kind: "component", type: i1.DaffCardComponent, selector: "daff-card,daff-raised-card,daff-stroked-card,a[daff-card],a[daff-raised-card],a[daff-stroked-card]", inputs: ["color", "orientation"] }, { kind: "directive", type: i1.DaffCardIconDirective, selector: "[daffCardIcon]" }, { kind: "directive", type: i1.DaffCardImageDirective, selector: "[daffCardImage]" }, { kind: "directive", type: i1.DaffCardTaglineDirective, selector: "[daffCardTagline]" }, { kind: "directive", type: i1.DaffCardTitleDirective, selector: "[daffCardTitle]" }, { kind: "directive", type: i1.DaffCardContentDirective, selector: "[daffCardContent]" }, { kind: "directive", type: i1.DaffCardActionsDirective, selector: "[daffCardActions]" }, { kind: "component", type: i2.DaffImageComponent, selector: "daff-image", inputs: ["skeleton", "src", "alt", "width", "height"], outputs: ["load"] }, { kind: "component", type: i3.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status", "loading", "tabindex", "disabled"] }, { kind: "component", type: i4.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: BasicCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'basic-card', changeDetection: ChangeDetectionStrategy.OnPush, 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", styles: ["daff-card{max-width:480px}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzaWMtY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9jYXJkL2V4YW1wbGVzL3NyYy9iYXNpYy1jYXJkL2Jhc2ljLWNhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vY2FyZC9leGFtcGxlcy9zcmMvYmFzaWMtY2FyZC9iYXNpYy1jYXJkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQzs7Ozs7O0FBU2hFLE1BQU0sT0FBTyxrQkFBa0I7SUFQL0I7UUFRRSxnQkFBVyxHQUFHLFdBQVcsQ0FBQztLQUMzQjtpSUFGWSxrQkFBa0I7cUhBQWxCLGtCQUFrQixrRENiL0IsNjRCQWtCQTs7MkZETGEsa0JBQWtCO2tCQVA5QixTQUFTOytCQUVFLFlBQVksbUJBR0wsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgZmFNYXBNYXJrZWQgfSBmcm9tICdAZm9ydGF3ZXNvbWUvZnJlZS1zb2xpZC1zdmctaWNvbnMnO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdiYXNpYy1jYXJkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2Jhc2ljLWNhcmQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9iYXNpYy1jYXJkLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBCYXNpY0NhcmRDb21wb25lbnQge1xuICBmYU1hcE1hcmtlZCA9IGZhTWFwTWFya2VkO1xufVxuIiwiPGRhZmYtY2FyZD5cblx0PGRhZmYtaW1hZ2UgZGFmZkNhcmRJbWFnZVxuXHRcdHNyYz1cImh0dHBzOi8vaW1hZ2VzLnVuc3BsYXNoLmNvbS9waG90by0xNTkzNTE5NzQ5MzQ3LTgwZjEwMWU5MzExMz9peGlkPU1ud3hNakEzZkRCOE1IeHdhRzkwYnkxd1lXZGxmSHg4ZkdWdWZEQjhmSHg4Jml4bGliPXJiLTEuMi4xJmF1dG89Zm9ybWF0JmZpdD1jcm9wJnc9Mzc3NCZxPTgwXCJcblx0XHRhbHQ9XCJCb3R0b20gdXAgdmlldyBvZiBCYXNlbCBleGhpYml0aW9uIGNlbnRyZVwiXG5cdFx0d2lkdGg9XCIxMjYxXCJcblx0XHRoZWlnaHQ9XCI5NDZcIj5cblx0PC9kYWZmLWltYWdlPlxuICA8ZmEtaWNvbiBkYWZmQ2FyZEljb24gW2ljb25dPVwiZmFNYXBNYXJrZWRcIj48L2ZhLWljb24+XG4gIDxkaXYgZGFmZkNhcmRUYWdsaW5lPkJhc2VsLCBTd2l0emVybGFuZDwvZGl2PlxuICA8aDQgZGFmZkNhcmRUaXRsZT5CYXNlbCBFeGhpYml0aW9uIENlbnRyZTwvaDQ+XG5cdDxkaXYgZGFmZkNhcmRDb250ZW50PlxuICAgIDxwPlRoaXMgY292ZXJlZCwgcHVibGljIHNwYWNlIG5vdCBvbmx5IG1hcmtzIHRoZSBlbnRyYW5jZSB0byB0aGUgZXhoaWJpdGlvbnMsIGJ1dCBhbHNvIGZ1bmN0aW9ucyBhcyBhIG1lZXRpbmcgcGxhY2UgZm9yIGxvY2FscyBhbmQgdmlzaXRvcnMuPC9wPlxuICAgIDxwPlRoZSBhcmNoaXRlY3RzIGNhbGxlZCB0aGUgcHJvbWluZW50IGhvbGUgaW4gdGhlIG1pZGRsZSB0aGUgXCJGZW5zdGVyIHp1bSBIaW1tZWxcIiAoXCJ3aW5kb3cgdG8gaGVhdmVuXCIpLjwvcD5cbiAgPC9kaXY+XG4gIDxkaXYgZGFmZkNhcmRBY3Rpb25zPlxuICAgIDxidXR0b24gZGFmZi1idXR0b24gY29sb3I9XCJ0aGVtZS1jb250cmFzdFwiPkxlYXJuIE1vcmU8L2J1dHRvbj5cbiAgPC9kaXY+XG48L2RhZmYtY2FyZD5cbiJdfQ==

package/esm2022/card/examples/basic-card/basic-card.module.mjs

@@ -0,0 +1,40 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+import { DaffButtonModule } from '@daffodil/design/button';
+import { DaffCardModule } from '@daffodil/design/card';
+import { DaffImageModule } from '@daffodil/design/image';
+import { BasicCardComponent } from './basic-card.component';
+import * as i0 from "@angular/core";
+export class BasicCardModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: BasicCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: BasicCardModule, declarations: [BasicCardComponent], imports: [CommonModule,
+            DaffCardModule,
+            DaffImageModule,
+            DaffButtonModule,
+            FontAwesomeModule], exports: [BasicCardComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: BasicCardModule, imports: [CommonModule,
+            DaffCardModule,
+            DaffImageModule,
+            DaffButtonModule,
+            FontAwesomeModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: BasicCardModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        BasicCardComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        DaffCardModule,
+                        DaffImageModule,
+                        DaffButtonModule,
+                        FontAwesomeModule,
+                    ],
+                    exports: [
+                        BasicCardComponent,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzaWMtY2FyZC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9jYXJkL2V4YW1wbGVzL3NyYy9iYXNpYy1jYXJkL2Jhc2ljLWNhcmQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBRXJFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzNELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUN2RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFFekQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7O0FBa0I1RCxNQUFNLE9BQU8sZUFBZTtpSUFBZixlQUFlO2tJQUFmLGVBQWUsaUJBZHhCLGtCQUFrQixhQUdsQixZQUFZO1lBQ1osY0FBYztZQUNkLGVBQWU7WUFDZixnQkFBZ0I7WUFFaEIsaUJBQWlCLGFBR2pCLGtCQUFrQjtrSUFHVCxlQUFlLFlBWHhCLFlBQVk7WUFDWixjQUFjO1lBQ2QsZUFBZTtZQUNmLGdCQUFnQjtZQUVoQixpQkFBaUI7OzJGQU1SLGVBQWU7a0JBaEIzQixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixrQkFBa0I7cUJBQ25CO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLGNBQWM7d0JBQ2QsZUFBZTt3QkFDZixnQkFBZ0I7d0JBRWhCLGlCQUFpQjtxQkFDbEI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLGtCQUFrQjtxQkFDbkI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvbnRBd2Vzb21lTW9kdWxlIH0gZnJvbSAnQGZvcnRhd2Vzb21lL2FuZ3VsYXItZm9udGF3ZXNvbWUnO1xuXG5pbXBvcnQgeyBEYWZmQnV0dG9uTW9kdWxlIH0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbi9idXR0b24nO1xuaW1wb3J0IHsgRGFmZkNhcmRNb2R1bGUgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduL2NhcmQnO1xuaW1wb3J0IHsgRGFmZkltYWdlTW9kdWxlIH0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbi9pbWFnZSc7XG5cbmltcG9ydCB7IEJhc2ljQ2FyZENvbXBvbmVudCB9IGZyb20gJy4vYmFzaWMtY2FyZC5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBCYXNpY0NhcmRDb21wb25lbnQsXG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgRGFmZkNhcmRNb2R1bGUsXG4gICAgRGFmZkltYWdlTW9kdWxlLFxuICAgIERhZmZCdXR0b25Nb2R1bGUsXG5cbiAgICBGb250QXdlc29tZU1vZHVsZSxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIEJhc2ljQ2FyZENvbXBvbmVudCxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgQmFzaWNDYXJkTW9kdWxlIHsgfVxuIl19

package/esm2022/card/examples/card-orientation/card-orientation.component.mjs

@@ -0,0 +1,28 @@
+import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import { UntypedFormControl } from '@angular/forms';
+import { faMapMarked } from '@fortawesome/free-solid-svg-icons';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "@daffodil/design/card";
+import * as i4 from "@daffodil/design/image";
+import * as i5 from "@daffodil/design/button";
+import * as i6 from "@fortawesome/angular-fontawesome";
+export class CardOrientationComponent {
+    constructor() {
+        this.faMapMarked = faMapMarked;
+        this.orientationControl = new UntypedFormControl('');
+        this.options = [
+            { value: '', label: 'Default' },
+            { value: 'vertical', label: 'Vertical' },
+            { value: 'horizontal', label: 'Horizontal' },
+        ];
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: CardOrientationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: CardOrientationComponent, selector: "card-orientation", ngImport: i0, 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>", styles: [".daff-card--vertical{max-width:560px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3.DaffCardComponent, selector: "daff-card,daff-raised-card,daff-stroked-card,a[daff-card],a[daff-raised-card],a[daff-stroked-card]", inputs: ["color", "orientation"] }, { kind: "directive", type: i3.DaffCardIconDirective, selector: "[daffCardIcon]" }, { kind: "directive", type: i3.DaffCardImageDirective, selector: "[daffCardImage]" }, { kind: "directive", type: i3.DaffCardTaglineDirective, selector: "[daffCardTagline]" }, { kind: "directive", type: i3.DaffCardTitleDirective, selector: "[daffCardTitle]" }, { kind: "directive", type: i3.DaffCardContentDirective, selector: "[daffCardContent]" }, { kind: "directive", type: i3.DaffCardActionsDirective, selector: "[daffCardActions]" }, { kind: "component", type: i4.DaffImageComponent, selector: "daff-image", inputs: ["skeleton", "src", "alt", "width", "height"], outputs: ["load"] }, { kind: "component", type: i5.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status", "loading", "tabindex", "disabled"] }, { kind: "component", type: i6.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: CardOrientationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'card-orientation', changeDetection: ChangeDetectionStrategy.OnPush, 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>", styles: [".daff-card--vertical{max-width:560px}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1vcmllbnRhdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9jYXJkL2V4YW1wbGVzL3NyYy9jYXJkLW9yaWVudGF0aW9uL2NhcmQtb3JpZW50YXRpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vY2FyZC9leGFtcGxlcy9zcmMvY2FyZC1vcmllbnRhdGlvbi9jYXJkLW9yaWVudGF0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3BELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQzs7Ozs7Ozs7QUFTaEUsTUFBTSxPQUFPLHdCQUF3QjtJQVByQztRQVFFLGdCQUFXLEdBQUcsV0FBVyxDQUFDO1FBRTFCLHVCQUFrQixHQUF1QixJQUFJLGtCQUFrQixDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBRXBFLFlBQU8sR0FBRztZQUNSLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFO1lBQy9CLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFO1lBQ3hDLEVBQUUsS0FBSyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsWUFBWSxFQUFFO1NBQzdDLENBQUM7S0FDSDtpSUFWWSx3QkFBd0I7cUhBQXhCLHdCQUF3Qix3RENkckMsdWtDQW9CUzs7MkZETkksd0JBQXdCO2tCQVBwQyxTQUFTOytCQUVFLGtCQUFrQixtQkFHWCx1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBVbnR5cGVkRm9ybUNvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBmYU1hcE1hcmtlZCB9IGZyb20gJ0Bmb3J0YXdlc29tZS9mcmVlLXNvbGlkLXN2Zy1pY29ucyc7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ2NhcmQtb3JpZW50YXRpb24nLFxuICB0ZW1wbGF0ZVVybDogJy4vY2FyZC1vcmllbnRhdGlvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NhcmQtb3JpZW50YXRpb24uY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIENhcmRPcmllbnRhdGlvbkNvbXBvbmVudCB7XG4gIGZhTWFwTWFya2VkID0gZmFNYXBNYXJrZWQ7XG5cbiAgb3JpZW50YXRpb25Db250cm9sOiBVbnR5cGVkRm9ybUNvbnRyb2wgPSBuZXcgVW50eXBlZEZvcm1Db250cm9sKCcnKTtcblxuICBvcHRpb25zID0gW1xuICAgIHsgdmFsdWU6ICcnLCBsYWJlbDogJ0RlZmF1bHQnIH0sXG4gICAgeyB2YWx1ZTogJ3ZlcnRpY2FsJywgbGFiZWw6ICdWZXJ0aWNhbCcgfSxcbiAgICB7IHZhbHVlOiAnaG9yaXpvbnRhbCcsIGxhYmVsOiAnSG9yaXpvbnRhbCcgfSxcbiAgXTtcbn1cbiIsIjxkYWZmLWNhcmQgW29yaWVudGF0aW9uXT1cIm9yaWVudGF0aW9uQ29udHJvbC52YWx1ZVwiPlxuICA8ZGFmZi1pbWFnZSBkYWZmQ2FyZEltYWdlXG5cdFx0c3JjPVwiaHR0cHM6Ly9pbWFnZXMudW5zcGxhc2guY29tL3Bob3RvLTE1OTM1MTk3NDkzNDctODBmMTAxZTkzMTEzP2l4aWQ9TW53eE1qQTNmREI4TUh4d2FHOTBieTF3WVdkbGZIeDhmR1Z1ZkRCOGZIeDgmaXhsaWI9cmItMS4yLjEmYXV0bz1mb3JtYXQmZml0PWNyb3Amdz0zNzc0JnE9ODBcIlxuXHRcdGFsdD1cIkJvdHRvbSB1cCB2aWV3IG9mIEJhc2VsIGV4aGliaXRpb24gY2VudHJlXCJcblx0XHR3aWR0aD1cIjEyNjFcIlxuXHRcdGhlaWdodD1cIjk0NlwiPlxuXHQ8L2RhZmYtaW1hZ2U+XG4gIDxmYS1pY29uIGRhZmZDYXJkSWNvbiBbaWNvbl09XCJmYU1hcE1hcmtlZFwiPjwvZmEtaWNvbj5cbiAgPGRpdiBkYWZmQ2FyZFRhZ2xpbmU+QmFzZWwsIFN3aXR6ZXJsYW5kPC9kaXY+XG4gIDxoNCBkYWZmQ2FyZFRpdGxlPkJhc2VsIEV4aGliaXRpb24gQ2VudHJlPC9oND5cblx0PGRpdiBkYWZmQ2FyZENvbnRlbnQ+XG4gICAgPHA+VGhpcyBjb3ZlcmVkLCBwdWJsaWMgc3BhY2Ugbm90IG9ubHkgbWFya3MgdGhlIGVudHJhbmNlIHRvIHRoZSBleGhpYml0aW9ucywgYnV0IGFsc28gZnVuY3Rpb25zIGFzIGEgbWVldGluZyBwbGFjZSBmb3IgbG9jYWxzIGFuZCB2aXNpdG9ycy4gVGhlIGFyY2hpdGVjdHMgY2FsbGVkIHRoZSBwcm9taW5lbnQgaG9sZSBpbiB0aGUgbWlkZGxlIHRoZSBcIkZlbnN0ZXIgenVtIEhpbW1lbFwiIChcIndpbmRvdyB0byBoZWF2ZW5cIikuPC9wPlxuICA8L2Rpdj5cblx0PGRpdiBkYWZmQ2FyZEFjdGlvbnM+XG4gICAgPGJ1dHRvbiBkYWZmLWJ1dHRvbiBjb2xvcj1cInRoZW1lLWNvbnRyYXN0XCI+TGVhcm4gTW9yZTwvYnV0dG9uPlxuICA8L2Rpdj5cbjwvZGFmZi1jYXJkPlxuXG48c2VsZWN0IFtmb3JtQ29udHJvbF09XCJvcmllbnRhdGlvbkNvbnRyb2xcIj5cblx0PG9wdGlvbiAqbmdGb3I9XCJsZXQgb3B0aW9uIG9mIG9wdGlvbnNcIiBbdmFsdWVdPVwib3B0aW9uLnZhbHVlXCI+e3sgb3B0aW9uLmxhYmVsIH19PC9vcHRpb24+XG48L3NlbGVjdD4iXX0=

package/esm2022/card/examples/card-orientation/card-orientation.module.mjs

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

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

@@ -0,0 +1,28 @@
+import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import { UntypedFormControl } from '@angular/forms';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "@daffodil/design/card";
+export class CardThemingComponent {
+    constructor() {
+        this.colorControl = new UntypedFormControl('');
+        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' },
+        ];
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: CardThemingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: CardThemingComponent, selector: "card-theming", ngImport: i0, 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>", styles: ["daff-card{max-width:480px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3.DaffCardComponent, selector: "daff-card,daff-raised-card,daff-stroked-card,a[daff-card],a[daff-raised-card],a[daff-stroked-card]", inputs: ["color", "orientation"] }, { kind: "directive", type: i3.DaffCardTaglineDirective, selector: "[daffCardTagline]" }, { kind: "directive", type: i3.DaffCardTitleDirective, selector: "[daffCardTitle]" }, { kind: "directive", type: i3.DaffCardContentDirective, selector: "[daffCardContent]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: CardThemingComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'card-theming', changeDetection: ChangeDetectionStrategy.OnPush, 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>", styles: ["daff-card{max-width:480px}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC10aGVtaW5nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2NhcmQvZXhhbXBsZXMvc3JjL2NhcmQtdGhlbWluZy9jYXJkLXRoZW1pbmcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vY2FyZC9leGFtcGxlcy9zcmMvY2FyZC10aGVtaW5nL2NhcmQtdGhlbWluZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7QUFhcEQsTUFBTSxPQUFPLG9CQUFvQjtJQVhqQztRQVlFLGlCQUFZLEdBQXVCLElBQUksa0JBQWtCLENBQUMsRUFBRSxDQUFDLENBQUM7UUFFOUQsWUFBTyxHQUFHO1lBQ1IsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUU7WUFDL0IsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUU7WUFDdEMsRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUU7WUFDMUMsRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUU7WUFDeEMsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUU7WUFDbEMsRUFBRSxLQUFLLEVBQUUsZ0JBQWdCLEVBQUUsS0FBSyxFQUFFLGdCQUFnQixFQUFFO1lBQ3BELEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFO1lBQ2xDLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFO1NBQ25DLENBQUM7S0FDSDtpSUFiWSxvQkFBb0I7cUhBQXBCLG9CQUFvQixvRENqQmpDLGlXQVVTOzsyRkRPSSxvQkFBb0I7a0JBWGhDLFNBQVM7K0JBRUUsY0FBYyxtQkFPUCx1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBVbnR5cGVkRm9ybUNvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ2NhcmQtdGhlbWluZycsXG4gIHRlbXBsYXRlVXJsOiAnLi9jYXJkLXRoZW1pbmcuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZXM6IFtgXG4gICAgZGFmZi1jYXJkIHtcbiAgICAgIG1heC13aWR0aDogNDgwcHg7XG4gICAgfVxuICBgXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIENhcmRUaGVtaW5nQ29tcG9uZW50IHtcbiAgY29sb3JDb250cm9sOiBVbnR5cGVkRm9ybUNvbnRyb2wgPSBuZXcgVW50eXBlZEZvcm1Db250cm9sKCcnKTtcblxuICBvcHRpb25zID0gW1xuICAgIHsgdmFsdWU6ICcnLCBsYWJlbDogJ0RlZmF1bHQnIH0sXG4gICAgeyB2YWx1ZTogJ3ByaW1hcnknLCBsYWJlbDogJ1ByaW1hcnknIH0sXG4gICAgeyB2YWx1ZTogJ3NlY29uZGFyeScsIGxhYmVsOiAnU2Vjb25kYXJ5JyB9LFxuICAgIHsgdmFsdWU6ICd0ZXJ0aWFyeScsIGxhYmVsOiAnVGVydGlhcnknIH0sXG4gICAgeyB2YWx1ZTogJ3RoZW1lJywgbGFiZWw6ICdUaGVtZScgfSxcbiAgICB7IHZhbHVlOiAndGhlbWUtY29udHJhc3QnLCBsYWJlbDogJ1RoZW1lIENvbnRyYXN0JyB9LFxuICAgIHsgdmFsdWU6ICdibGFjaycsIGxhYmVsOiAnQmxhY2snIH0sXG4gICAgeyB2YWx1ZTogJ3doaXRlJywgbGFiZWw6ICdXaGl0ZScgfSxcbiAgXTtcbn1cbiIsIjxkYWZmLWNhcmQgW2NvbG9yXT1cImNvbG9yQ29udHJvbC52YWx1ZVwiPlxuICA8ZGl2IGRhZmZDYXJkVGFnbGluZT5DYXJkIFRhZ2xpbmU8L2Rpdj5cbiAgPGRpdiBkYWZmQ2FyZFRpdGxlPlRpdGxlPC9kaXY+XG4gIDxkaXYgZGFmZkNhcmRDb250ZW50PlxuICAgIDxwPkNhcmRzIGFyZSB0aGVtYWJsZS48L3A+XG4gIDwvZGl2PlxuPC9kYWZmLWNhcmQ+XG5cbjxzZWxlY3QgW2Zvcm1Db250cm9sXT1cImNvbG9yQ29udHJvbFwiPlxuXHQ8b3B0aW9uICpuZ0Zvcj1cImxldCBvcHRpb24gb2Ygb3B0aW9uc1wiIFt2YWx1ZV09XCJvcHRpb24udmFsdWVcIj57eyBvcHRpb24ubGFiZWwgfX08L29wdGlvbj5cbjwvc2VsZWN0PiJdfQ==

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

@@ -0,0 +1,36 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { ReactiveFormsModule } from '@angular/forms';
+import { DaffCardModule } from '@daffodil/design/card';
+import { DaffImageModule } from '@daffodil/design/image';
+import { CardThemingComponent } from './card-theming.component';
+import * as i0 from "@angular/core";
+export class CardThemingModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: CardThemingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: CardThemingModule, declarations: [CardThemingComponent], imports: [CommonModule,
+            ReactiveFormsModule,
+            DaffCardModule,
+            DaffImageModule], exports: [CardThemingComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: CardThemingModule, imports: [CommonModule,
+            ReactiveFormsModule,
+            DaffCardModule,
+            DaffImageModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: CardThemingModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        CardThemingComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        DaffCardModule,
+                        DaffImageModule,
+                    ],
+                    exports: [
+                        CardThemingComponent,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC10aGVtaW5nLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2NhcmQvZXhhbXBsZXMvc3JjL2NhcmQtdGhlbWluZy9jYXJkLXRoZW1pbmcubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRXJELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUN2RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFFekQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7O0FBZ0JoRSxNQUFNLE9BQU8saUJBQWlCO2lJQUFqQixpQkFBaUI7a0lBQWpCLGlCQUFpQixpQkFaMUIsb0JBQW9CLGFBR3BCLFlBQVk7WUFDWixtQkFBbUI7WUFDbkIsY0FBYztZQUNkLGVBQWUsYUFHZixvQkFBb0I7a0lBR1gsaUJBQWlCLFlBVDFCLFlBQVk7WUFDWixtQkFBbUI7WUFDbkIsY0FBYztZQUNkLGVBQWU7OzJGQU1OLGlCQUFpQjtrQkFkN0IsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osb0JBQW9CO3FCQUNyQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixtQkFBbUI7d0JBQ25CLGNBQWM7d0JBQ2QsZUFBZTtxQkFDaEI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLG9CQUFvQjtxQkFDckI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbmltcG9ydCB7IERhZmZDYXJkTW9kdWxlIH0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbi9jYXJkJztcbmltcG9ydCB7IERhZmZJbWFnZU1vZHVsZSB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24vaW1hZ2UnO1xuXG5pbXBvcnQgeyBDYXJkVGhlbWluZ0NvbXBvbmVudCB9IGZyb20gJy4vY2FyZC10aGVtaW5nLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIENhcmRUaGVtaW5nQ29tcG9uZW50LFxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXG4gICAgRGFmZkNhcmRNb2R1bGUsXG4gICAgRGFmZkltYWdlTW9kdWxlLFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgQ2FyZFRoZW1pbmdDb21wb25lbnQsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIENhcmRUaGVtaW5nTW9kdWxlIHsgfVxuIl19

package/esm2022/card/examples/linkable-card/linkable-card.component.mjs

@@ -0,0 +1,31 @@
+import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import { UntypedFormControl } from '@angular/forms';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "@daffodil/design/card";
+import * as i4 from "@daffodil/design/image";
+export class LinkableCardComponent {
+    constructor() {
+        this.basicColorControl = new UntypedFormControl('');
+        this.raisedColorControl = new UntypedFormControl('');
+        this.strokedColorControl = new UntypedFormControl('');
+        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' },
+        ];
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: LinkableCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: LinkableCardComponent, selector: "linkable-card", ngImport: i0, 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]=\"raisedColorControl\">\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>", styles: ["a.daff-card,a.daff-raised-card,a.daff-stroked-card{max-width:480px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3.DaffCardComponent, selector: "daff-card,daff-raised-card,daff-stroked-card,a[daff-card],a[daff-raised-card],a[daff-stroked-card]", inputs: ["color", "orientation"] }, { kind: "directive", type: i3.DaffCardImageDirective, selector: "[daffCardImage]" }, { kind: "directive", type: i3.DaffCardTaglineDirective, selector: "[daffCardTagline]" }, { kind: "directive", type: i3.DaffCardTitleDirective, selector: "[daffCardTitle]" }, { kind: "directive", type: i3.DaffCardContentDirective, selector: "[daffCardContent]" }, { kind: "component", type: i4.DaffImageComponent, selector: "daff-image", inputs: ["skeleton", "src", "alt", "width", "height"], outputs: ["load"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: LinkableCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'linkable-card', changeDetection: ChangeDetectionStrategy.OnPush, 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]=\"raisedColorControl\">\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>", styles: ["a.daff-card,a.daff-raised-card,a.daff-stroked-card{max-width:480px}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlua2FibGUtY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9jYXJkL2V4YW1wbGVzL3NyYy9saW5rYWJsZS1jYXJkL2xpbmthYmxlLWNhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vY2FyZC9leGFtcGxlcy9zcmMvbGlua2FibGUtY2FyZC9saW5rYWJsZS1jYXJkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7Ozs7QUFTcEQsTUFBTSxPQUFPLHFCQUFxQjtJQVBsQztRQVFFLHNCQUFpQixHQUF1QixJQUFJLGtCQUFrQixDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQ25FLHVCQUFrQixHQUF1QixJQUFJLGtCQUFrQixDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQ3BFLHdCQUFtQixHQUF1QixJQUFJLGtCQUFrQixDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBRXJFLFlBQU8sR0FBRztZQUNSLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFO1lBQy9CLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFO1lBQ3RDLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFO1lBQzFDLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFO1lBQ3hDLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFO1lBQ2xDLEVBQUUsS0FBSyxFQUFFLGdCQUFnQixFQUFFLEtBQUssRUFBRSxnQkFBZ0IsRUFBRTtZQUNwRCxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRTtZQUNsQyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRTtTQUNuQyxDQUFDO0tBQ0g7aUlBZlkscUJBQXFCO3FIQUFyQixxQkFBcUIscURDYmxDLGlnR0FvRFM7OzJGRHZDSSxxQkFBcUI7a0JBUGpDLFNBQVM7K0JBRUUsZUFBZSxtQkFHUix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBVbnR5cGVkRm9ybUNvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ2xpbmthYmxlLWNhcmQnLFxuICB0ZW1wbGF0ZVVybDogJy4vbGlua2FibGUtY2FyZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2xpbmthYmxlLWNhcmQuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIExpbmthYmxlQ2FyZENvbXBvbmVudCB7XG4gIGJhc2ljQ29sb3JDb250cm9sOiBVbnR5cGVkRm9ybUNvbnRyb2wgPSBuZXcgVW50eXBlZEZvcm1Db250cm9sKCcnKTtcbiAgcmFpc2VkQ29sb3JDb250cm9sOiBVbnR5cGVkRm9ybUNvbnRyb2wgPSBuZXcgVW50eXBlZEZvcm1Db250cm9sKCcnKTtcbiAgc3Ryb2tlZENvbG9yQ29udHJvbDogVW50eXBlZEZvcm1Db250cm9sID0gbmV3IFVudHlwZWRGb3JtQ29udHJvbCgnJyk7XG5cbiAgb3B0aW9ucyA9IFtcbiAgICB7IHZhbHVlOiAnJywgbGFiZWw6ICdEZWZhdWx0JyB9LFxuICAgIHsgdmFsdWU6ICdwcmltYXJ5JywgbGFiZWw6ICdQcmltYXJ5JyB9LFxuICAgIHsgdmFsdWU6ICdzZWNvbmRhcnknLCBsYWJlbDogJ1NlY29uZGFyeScgfSxcbiAgICB7IHZhbHVlOiAndGVydGlhcnknLCBsYWJlbDogJ1RlcnRpYXJ5JyB9LFxuICAgIHsgdmFsdWU6ICd0aGVtZScsIGxhYmVsOiAnVGhlbWUnIH0sXG4gICAgeyB2YWx1ZTogJ3RoZW1lLWNvbnRyYXN0JywgbGFiZWw6ICdUaGVtZSBDb250cmFzdCcgfSxcbiAgICB7IHZhbHVlOiAnYmxhY2snLCBsYWJlbDogJ0JsYWNrJyB9LFxuICAgIHsgdmFsdWU6ICd3aGl0ZScsIGxhYmVsOiAnV2hpdGUnIH0sXG4gIF07XG59XG4iLCI8YSBkYWZmLWNhcmQgaHJlZj1cImh0dHBzOi8vd3d3LmJhc2VsLmNvbS9lbi9hdHRyYWN0aW9ucy9iYXNlbC1leGhpYml0aW9uLWNlbnRyZS1mNDVkNWRkNmYwXCIgdGFyZ2V0PVwiX2JsYW5rXCIgW2NvbG9yXT1cImJhc2ljQ29sb3JDb250cm9sLnZhbHVlXCI+XG5cdDxkYWZmLWltYWdlIGRhZmZDYXJkSW1hZ2Vcblx0XHRzcmM9XCJodHRwczovL2ltYWdlcy51bnNwbGFzaC5jb20vcGhvdG8tMTU5MzUxOTc0OTM0Ny04MGYxMDFlOTMxMTM/aXhpZD1Nbnd4TWpBM2ZEQjhNSHh3YUc5MGJ5MXdZV2RsZkh4OGZHVnVmREI4Zkh4OCZpeGxpYj1yYi0xLjIuMSZhdXRvPWZvcm1hdCZmaXQ9Y3JvcCZ3PTM3NzQmcT04MFwiXG5cdFx0YWx0PVwiQm90dG9tIHVwIHZpZXcgb2YgQmFzZWwgZXhoaWJpdGlvbiBjZW50cmVcIlxuXHRcdHdpZHRoPVwiMTI2MVwiXG5cdFx0aGVpZ2h0PVwiOTQ2XCI+XG5cdDwvZGFmZi1pbWFnZT5cblx0PGRpdiBkYWZmQ2FyZFRhZ2xpbmU+QmFzZWwsIFN3aXR6ZXJsYW5kPC9kaXY+XG5cdDxoNCBkYWZmQ2FyZFRpdGxlPkJhc2VsIEV4aGliaXRpb24gQ2VudHJlPC9oND5cblx0PGRpdiBkYWZmQ2FyZENvbnRlbnQ+XG5cdFx0PHA+VGhpcyBjb3ZlcmVkLCBwdWJsaWMgc3BhY2Ugbm90IG9ubHkgbWFya3MgdGhlIGVudHJhbmNlIHRvIHRoZSBleGhpYml0aW9ucywgYnV0IGFsc28gZnVuY3Rpb25zIGFzIGEgbWVldGluZyBwbGFjZSBmb3IgbG9jYWxzIGFuZCB2aXNpdG9ycy4gVGhlIGFyY2hpdGVjdHMgY2FsbGVkIHRoZSBwcm9taW5lbnQgaG9sZSBpbiB0aGUgbWlkZGxlIHRoZSBcIkZlbnN0ZXIgenVtIEhpbW1lbFwiIChcIndpbmRvdyB0byBoZWF2ZW5cIikuPC9wPlxuXHQ8L2Rpdj5cbjwvYT5cblxuPHNlbGVjdCBbZm9ybUNvbnRyb2xdPVwiYmFzaWNDb2xvckNvbnRyb2xcIj5cblx0PG9wdGlvbiAqbmdGb3I9XCJsZXQgb3B0aW9uIG9mIG9wdGlvbnNcIiBbdmFsdWVdPVwib3B0aW9uLnZhbHVlXCI+e3sgb3B0aW9uLmxhYmVsIH19PC9vcHRpb24+XG48L3NlbGVjdD5cblxuPGEgZGFmZi1yYWlzZWQtY2FyZCBocmVmPVwiaHR0cHM6Ly93d3cuYmFzZWwuY29tL2VuL2F0dHJhY3Rpb25zL2Jhc2VsLWV4aGliaXRpb24tY2VudHJlLWY0NWQ1ZGQ2ZjBcIiB0YXJnZXQ9XCJfYmxhbmtcIiBbY29sb3JdPVwicmFpc2VkQ29sb3JDb250cm9sLnZhbHVlXCI+XG5cdDxkYWZmLWltYWdlIGRhZmZDYXJkSW1hZ2Vcblx0XHRzcmM9XCJodHRwczovL2ltYWdlcy51bnNwbGFzaC5jb20vcGhvdG8tMTU5MzUxOTc0OTM0Ny04MGYxMDFlOTMxMTM/aXhpZD1Nbnd4TWpBM2ZEQjhNSHh3YUc5MGJ5MXdZV2RsZkh4OGZHVnVmREI4Zkh4OCZpeGxpYj1yYi0xLjIuMSZhdXRvPWZvcm1hdCZmaXQ9Y3JvcCZ3PTM3NzQmcT04MFwiXG5cdFx0YWx0PVwiQm90dG9tIHVwIHZpZXcgb2YgQmFzZWwgZXhoaWJpdGlvbiBjZW50cmVcIlxuXHRcdHdpZHRoPVwiMTI2MVwiXG5cdFx0aGVpZ2h0PVwiOTQ2XCI+XG5cdDwvZGFmZi1pbWFnZT5cblx0PGRpdiBkYWZmQ2FyZFRhZ2xpbmU+QmFzZWwsIFN3aXR6ZXJsYW5kPC9kaXY+XG5cdDxoNCBkYWZmQ2FyZFRpdGxlPkJhc2VsIEV4aGliaXRpb24gQ2VudHJlPC9oND5cblx0PGRpdiBkYWZmQ2FyZENvbnRlbnQ+XG5cdFx0PHA+VGhpcyBjb3ZlcmVkLCBwdWJsaWMgc3BhY2Ugbm90IG9ubHkgbWFya3MgdGhlIGVudHJhbmNlIHRvIHRoZSBleGhpYml0aW9ucywgYnV0IGFsc28gZnVuY3Rpb25zIGFzIGEgbWVldGluZyBwbGFjZSBmb3IgbG9jYWxzIGFuZCB2aXNpdG9ycy4gVGhlIGFyY2hpdGVjdHMgY2FsbGVkIHRoZSBwcm9taW5lbnQgaG9sZSBpbiB0aGUgbWlkZGxlIHRoZSBcIkZlbnN0ZXIgenVtIEhpbW1lbFwiIChcIndpbmRvdyB0byBoZWF2ZW5cIikuPC9wPlxuXHQ8L2Rpdj5cbjwvYT5cblxuPHNlbGVjdCBbZm9ybUNvbnRyb2xdPVwicmFpc2VkQ29sb3JDb250cm9sXCI+XG5cdDxvcHRpb24gKm5nRm9yPVwibGV0IG9wdGlvbiBvZiBvcHRpb25zXCIgW3ZhbHVlXT1cIm9wdGlvbi52YWx1ZVwiPnt7IG9wdGlvbi5sYWJlbCB9fTwvb3B0aW9uPlxuPC9zZWxlY3Q+XG5cbjxhIGRhZmYtc3Ryb2tlZC1jYXJkIGhyZWY9XCJodHRwczovL3d3dy5iYXNlbC5jb20vZW4vYXR0cmFjdGlvbnMvYmFzZWwtZXhoaWJpdGlvbi1jZW50cmUtZjQ1ZDVkZDZmMFwiIHRhcmdldD1cIl9ibGFua1wiIFtjb2xvcl09XCJzdHJva2VkQ29sb3JDb250cm9sLnZhbHVlXCI+XG5cdDxkYWZmLWltYWdlIGRhZmZDYXJkSW1hZ2Vcblx0XHRzcmM9XCJodHRwczovL2ltYWdlcy51bnNwbGFzaC5jb20vcGhvdG8tMTU5MzUxOTc0OTM0Ny04MGYxMDFlOTMxMTM/aXhpZD1Nbnd4TWpBM2ZEQjhNSHh3YUc5MGJ5MXdZV2RsZkh4OGZHVnVmREI4Zkh4OCZpeGxpYj1yYi0xLjIuMSZhdXRvPWZvcm1hdCZmaXQ9Y3JvcCZ3PTM3NzQmcT04MFwiXG5cdFx0YWx0PVwiQm90dG9tIHVwIHZpZXcgb2YgQmFzZWwgZXhoaWJpdGlvbiBjZW50cmVcIlxuXHRcdHdpZHRoPVwiMTI2MVwiXG5cdFx0aGVpZ2h0PVwiOTQ2XCI+XG5cdDwvZGFmZi1pbWFnZT5cblx0PGRpdiBkYWZmQ2FyZFRhZ2xpbmU+QmFzZWwsIFN3aXR6ZXJsYW5kPC9kaXY+XG5cdDxoNCBkYWZmQ2FyZFRpdGxlPkJhc2VsIEV4aGliaXRpb24gQ2VudHJlPC9oND5cblx0PGRpdiBkYWZmQ2FyZENvbnRlbnQ+XG5cdFx0PHA+VGhpcyBjb3ZlcmVkLCBwdWJsaWMgc3BhY2Ugbm90IG9ubHkgbWFya3MgdGhlIGVudHJhbmNlIHRvIHRoZSBleGhpYml0aW9ucywgYnV0IGFsc28gZnVuY3Rpb25zIGFzIGEgbWVldGluZyBwbGFjZSBmb3IgbG9jYWxzIGFuZCB2aXNpdG9ycy4gVGhlIGFyY2hpdGVjdHMgY2FsbGVkIHRoZSBwcm9taW5lbnQgaG9sZSBpbiB0aGUgbWlkZGxlIHRoZSBcIkZlbnN0ZXIgenVtIEhpbW1lbFwiIChcIndpbmRvdyB0byBoZWF2ZW5cIikuPC9wPlxuXHQ8L2Rpdj5cbjwvYT5cblxuPHNlbGVjdCBbZm9ybUNvbnRyb2xdPVwic3Ryb2tlZENvbG9yQ29udHJvbFwiPlxuXHQ8b3B0aW9uICpuZ0Zvcj1cImxldCBvcHRpb24gb2Ygb3B0aW9uc1wiIFt2YWx1ZV09XCJvcHRpb24udmFsdWVcIj57eyBvcHRpb24ubGFiZWwgfX08L29wdGlvbj5cbjwvc2VsZWN0PiJdfQ==

package/esm2022/card/examples/linkable-card/linkable-card.module.mjs

@@ -0,0 +1,44 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { ReactiveFormsModule } from '@angular/forms';
+import { RouterModule } from '@angular/router';
+import { DaffButtonModule } from '@daffodil/design/button';
+import { DaffCardModule } from '@daffodil/design/card';
+import { DaffImageModule } from '@daffodil/design/image';
+import { LinkableCardComponent } from './linkable-card.component';
+import * as i0 from "@angular/core";
+export class LinkableCardModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: LinkableCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: LinkableCardModule, declarations: [LinkableCardComponent], imports: [CommonModule,
+            RouterModule,
+            ReactiveFormsModule,
+            DaffCardModule,
+            DaffImageModule,
+            DaffButtonModule], exports: [LinkableCardComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: LinkableCardModule, imports: [CommonModule,
+            RouterModule,
+            ReactiveFormsModule,
+            DaffCardModule,
+            DaffImageModule,
+            DaffButtonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: LinkableCardModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        LinkableCardComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        RouterModule,
+                        ReactiveFormsModule,
+                        DaffCardModule,
+                        DaffImageModule,
+                        DaffButtonModule,
+                    ],
+                    exports: [
+                        LinkableCardComponent,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlua2FibGUtY2FyZC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9jYXJkL2V4YW1wbGVzL3NyYy9saW5rYWJsZS1jYXJkL2xpbmthYmxlLWNhcmQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3JELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUUvQyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBRXpELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDJCQUEyQixDQUFDOztBQWtCbEUsTUFBTSxPQUFPLGtCQUFrQjtpSUFBbEIsa0JBQWtCO2tJQUFsQixrQkFBa0IsaUJBZDNCLHFCQUFxQixhQUdyQixZQUFZO1lBQ1osWUFBWTtZQUNaLG1CQUFtQjtZQUNuQixjQUFjO1lBQ2QsZUFBZTtZQUNmLGdCQUFnQixhQUdoQixxQkFBcUI7a0lBR1osa0JBQWtCLFlBWDNCLFlBQVk7WUFDWixZQUFZO1lBQ1osbUJBQW1CO1lBQ25CLGNBQWM7WUFDZCxlQUFlO1lBQ2YsZ0JBQWdCOzsyRkFNUCxrQkFBa0I7a0JBaEI5QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixxQkFBcUI7cUJBQ3RCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLFlBQVk7d0JBQ1osbUJBQW1CO3dCQUNuQixjQUFjO3dCQUNkLGVBQWU7d0JBQ2YsZ0JBQWdCO3FCQUNqQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AscUJBQXFCO3FCQUN0QjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFJvdXRlck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5cbmltcG9ydCB7IERhZmZCdXR0b25Nb2R1bGUgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduL2J1dHRvbic7XG5pbXBvcnQgeyBEYWZmQ2FyZE1vZHVsZSB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24vY2FyZCc7XG5pbXBvcnQgeyBEYWZmSW1hZ2VNb2R1bGUgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduL2ltYWdlJztcblxuaW1wb3J0IHsgTGlua2FibGVDYXJkQ29tcG9uZW50IH0gZnJvbSAnLi9saW5rYWJsZS1jYXJkLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIExpbmthYmxlQ2FyZENvbXBvbmVudCxcbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBSb3V0ZXJNb2R1bGUsXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbiAgICBEYWZmQ2FyZE1vZHVsZSxcbiAgICBEYWZmSW1hZ2VNb2R1bGUsXG4gICAgRGFmZkJ1dHRvbk1vZHVsZSxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIExpbmthYmxlQ2FyZENvbXBvbmVudCxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgTGlua2FibGVDYXJkTW9kdWxlIHsgfVxuIl19

package/esm2022/card/examples/raised-card/raised-card.component.mjs

@@ -0,0 +1,29 @@
+import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import { UntypedFormControl } from '@angular/forms';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "@daffodil/design/card";
+import * as i4 from "@daffodil/design/image";
+export class RaisedCardComponent {
+    constructor() {
+        this.colorControl = new UntypedFormControl('');
+        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' },
+        ];
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: RaisedCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: RaisedCardComponent, selector: "raised-card", ngImport: i0, 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>", styles: ["daff-raised-card{max-width:480px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3.DaffCardComponent, selector: "daff-card,daff-raised-card,daff-stroked-card,a[daff-card],a[daff-raised-card],a[daff-stroked-card]", inputs: ["color", "orientation"] }, { kind: "directive", type: i3.DaffCardImageDirective, selector: "[daffCardImage]" }, { kind: "directive", type: i3.DaffCardTaglineDirective, selector: "[daffCardTagline]" }, { kind: "directive", type: i3.DaffCardTitleDirective, selector: "[daffCardTitle]" }, { kind: "directive", type: i3.DaffCardContentDirective, selector: "[daffCardContent]" }, { kind: "component", type: i4.DaffImageComponent, selector: "daff-image", inputs: ["skeleton", "src", "alt", "width", "height"], outputs: ["load"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: RaisedCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'raised-card', changeDetection: ChangeDetectionStrategy.OnPush, 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>", styles: ["daff-raised-card{max-width:480px}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFpc2VkLWNhcmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vY2FyZC9leGFtcGxlcy9zcmMvcmFpc2VkLWNhcmQvcmFpc2VkLWNhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vY2FyZC9leGFtcGxlcy9zcmMvcmFpc2VkLWNhcmQvcmFpc2VkLWNhcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7OztBQVNwRCxNQUFNLE9BQU8sbUJBQW1CO0lBUGhDO1FBUUUsaUJBQVksR0FBdUIsSUFBSSxrQkFBa0IsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUU5RCxZQUFPLEdBQUc7WUFDUixFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRTtZQUMvQixFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRTtZQUN0QyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRTtZQUMxQyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRTtZQUN4QyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRTtZQUNsQyxFQUFFLEtBQUssRUFBRSxnQkFBZ0IsRUFBRSxLQUFLLEVBQUUsZ0JBQWdCLEVBQUU7WUFDcEQsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUU7WUFDbEMsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUU7U0FDbkMsQ0FBQztLQUNIO2lJQWJZLG1CQUFtQjtxSEFBbkIsbUJBQW1CLG1EQ2JoQywrNUJBZ0JTOzsyRkRISSxtQkFBbUI7a0JBUC9CLFNBQVM7K0JBRUUsYUFBYSxtQkFHTix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBVbnR5cGVkRm9ybUNvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ3JhaXNlZC1jYXJkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3JhaXNlZC1jYXJkLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcmFpc2VkLWNhcmQuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFJhaXNlZENhcmRDb21wb25lbnQge1xuICBjb2xvckNvbnRyb2w6IFVudHlwZWRGb3JtQ29udHJvbCA9IG5ldyBVbnR5cGVkRm9ybUNvbnRyb2woJycpO1xuXG4gIG9wdGlvbnMgPSBbXG4gICAgeyB2YWx1ZTogJycsIGxhYmVsOiAnRGVmYXVsdCcgfSxcbiAgICB7IHZhbHVlOiAncHJpbWFyeScsIGxhYmVsOiAnUHJpbWFyeScgfSxcbiAgICB7IHZhbHVlOiAnc2Vjb25kYXJ5JywgbGFiZWw6ICdTZWNvbmRhcnknIH0sXG4gICAgeyB2YWx1ZTogJ3RlcnRpYXJ5JywgbGFiZWw6ICdUZXJ0aWFyeScgfSxcbiAgICB7IHZhbHVlOiAndGhlbWUnLCBsYWJlbDogJ1RoZW1lJyB9LFxuICAgIHsgdmFsdWU6ICd0aGVtZS1jb250cmFzdCcsIGxhYmVsOiAnVGhlbWUgQ29udHJhc3QnIH0sXG4gICAgeyB2YWx1ZTogJ2JsYWNrJywgbGFiZWw6ICdCbGFjaycgfSxcbiAgICB7IHZhbHVlOiAnd2hpdGUnLCBsYWJlbDogJ1doaXRlJyB9LFxuICBdO1xufVxuIiwiPGRhZmYtcmFpc2VkLWNhcmQgW2NvbG9yXT1cImNvbG9yQ29udHJvbC52YWx1ZVwiPlxuXHQ8ZGFmZi1pbWFnZSBkYWZmQ2FyZEltYWdlXG5cdFx0c3JjPVwiaHR0cHM6Ly9pbWFnZXMudW5zcGxhc2guY29tL3Bob3RvLTE1OTM1MTk3NDkzNDctODBmMTAxZTkzMTEzP2l4aWQ9TW53eE1qQTNmREI4TUh4d2FHOTBieTF3WVdkbGZIeDhmR1Z1ZkRCOGZIeDgmaXhsaWI9cmItMS4yLjEmYXV0bz1mb3JtYXQmZml0PWNyb3Amdz0zNzc0JnE9ODBcIlxuXHRcdGFsdD1cIkJvdHRvbSB1cCB2aWV3IG9mIEJhc2VsIGV4aGliaXRpb24gY2VudHJlXCJcblx0XHR3aWR0aD1cIjEyNjFcIlxuXHRcdGhlaWdodD1cIjk0NlwiPlxuXHQ8L2RhZmYtaW1hZ2U+XG5cdDxkaXYgZGFmZkNhcmRUYWdsaW5lPkJhc2VsLCBTd2l0emVybGFuZDwvZGl2PlxuXHQ8aDQgZGFmZkNhcmRUaXRsZT5CYXNlbCBFeGhpYml0aW9uIENlbnRyZTwvaDQ+XG5cdDxkaXYgZGFmZkNhcmRDb250ZW50PlxuXHRcdDxwPlRoaXMgY292ZXJlZCwgcHVibGljIHNwYWNlIG5vdCBvbmx5IG1hcmtzIHRoZSBlbnRyYW5jZSB0byB0aGUgZXhoaWJpdGlvbnMsIGJ1dCBhbHNvIGZ1bmN0aW9ucyBhcyBhIG1lZXRpbmcgcGxhY2UgZm9yIGxvY2FscyBhbmQgdmlzaXRvcnMuIFRoZSBhcmNoaXRlY3RzIGNhbGxlZCB0aGUgcHJvbWluZW50IGhvbGUgaW4gdGhlIG1pZGRsZSB0aGUgXCJGZW5zdGVyIHp1bSBIaW1tZWxcIiAoXCJ3aW5kb3cgdG8gaGVhdmVuXCIpLjwvcD5cblx0PC9kaXY+XG48L2RhZmYtcmFpc2VkLWNhcmQ+XG5cbjxzZWxlY3QgW2Zvcm1Db250cm9sXT1cImNvbG9yQ29udHJvbFwiPlxuXHQ8b3B0aW9uICpuZ0Zvcj1cImxldCBvcHRpb24gb2Ygb3B0aW9uc1wiIFt2YWx1ZV09XCJvcHRpb24udmFsdWVcIj57eyBvcHRpb24ubGFiZWwgfX08L29wdGlvbj5cbjwvc2VsZWN0PiJdfQ==

package/esm2022/card/examples/raised-card/raised-card.module.mjs

@@ -0,0 +1,40 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { ReactiveFormsModule } from '@angular/forms';
+import { DaffButtonModule } from '@daffodil/design/button';
+import { DaffCardModule } from '@daffodil/design/card';
+import { DaffImageModule } from '@daffodil/design/image';
+import { RaisedCardComponent } from './raised-card.component';
+import * as i0 from "@angular/core";
+export class RaisedCardModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: RaisedCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: RaisedCardModule, declarations: [RaisedCardComponent], imports: [CommonModule,
+            ReactiveFormsModule,
+            DaffCardModule,
+            DaffImageModule,
+            DaffButtonModule], exports: [RaisedCardComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: RaisedCardModule, imports: [CommonModule,
+            ReactiveFormsModule,
+            DaffCardModule,
+            DaffImageModule,
+            DaffButtonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: RaisedCardModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        RaisedCardComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        DaffCardModule,
+                        DaffImageModule,
+                        DaffButtonModule,
+                    ],
+                    exports: [
+                        RaisedCardComponent,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFpc2VkLWNhcmQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vY2FyZC9leGFtcGxlcy9zcmMvcmFpc2VkLWNhcmQvcmFpc2VkLWNhcmQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRXJELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzNELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUN2RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFFekQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0seUJBQXlCLENBQUM7O0FBa0I5RCxNQUFNLE9BQU8sZ0JBQWdCO2lJQUFoQixnQkFBZ0I7a0lBQWhCLGdCQUFnQixpQkFkekIsbUJBQW1CLGFBR25CLFlBQVk7WUFDWixtQkFBbUI7WUFFbkIsY0FBYztZQUNkLGVBQWU7WUFDZixnQkFBZ0IsYUFHaEIsbUJBQW1CO2tJQUdWLGdCQUFnQixZQVh6QixZQUFZO1lBQ1osbUJBQW1CO1lBRW5CLGNBQWM7WUFDZCxlQUFlO1lBQ2YsZ0JBQWdCOzsyRkFNUCxnQkFBZ0I7a0JBaEI1QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixtQkFBbUI7cUJBQ3BCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLG1CQUFtQjt3QkFFbkIsY0FBYzt3QkFDZCxlQUFlO3dCQUNmLGdCQUFnQjtxQkFDakI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLG1CQUFtQjtxQkFDcEI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbmltcG9ydCB7IERhZmZCdXR0b25Nb2R1bGUgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduL2J1dHRvbic7XG5pbXBvcnQgeyBEYWZmQ2FyZE1vZHVsZSB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24vY2FyZCc7XG5pbXBvcnQgeyBEYWZmSW1hZ2VNb2R1bGUgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduL2ltYWdlJztcblxuaW1wb3J0IHsgUmFpc2VkQ2FyZENvbXBvbmVudCB9IGZyb20gJy4vcmFpc2VkLWNhcmQuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgUmFpc2VkQ2FyZENvbXBvbmVudCxcbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxuXG4gICAgRGFmZkNhcmRNb2R1bGUsXG4gICAgRGFmZkltYWdlTW9kdWxlLFxuICAgIERhZmZCdXR0b25Nb2R1bGUsXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBSYWlzZWRDYXJkQ29tcG9uZW50LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBSYWlzZWRDYXJkTW9kdWxlIHsgfVxuIl19

package/esm2022/card/examples/stroked-card/stroked-card.component.mjs

@@ -0,0 +1,29 @@
+import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import { UntypedFormControl } from '@angular/forms';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "@daffodil/design/card";
+import * as i4 from "@daffodil/design/image";
+export class StrokedCardComponent {
+    constructor() {
+        this.colorControl = new UntypedFormControl('');
+        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' },
+        ];
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: StrokedCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: StrokedCardComponent, selector: "stroked-card", ngImport: i0, 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>", styles: [":host{display:block;max-width:340px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3.DaffCardComponent, selector: "daff-card,daff-raised-card,daff-stroked-card,a[daff-card],a[daff-raised-card],a[daff-stroked-card]", inputs: ["color", "orientation"] }, { kind: "directive", type: i3.DaffCardImageDirective, selector: "[daffCardImage]" }, { kind: "directive", type: i3.DaffCardTaglineDirective, selector: "[daffCardTagline]" }, { kind: "directive", type: i3.DaffCardTitleDirective, selector: "[daffCardTitle]" }, { kind: "directive", type: i3.DaffCardContentDirective, selector: "[daffCardContent]" }, { kind: "component", type: i4.DaffImageComponent, selector: "daff-image", inputs: ["skeleton", "src", "alt", "width", "height"], outputs: ["load"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: StrokedCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'stroked-card', changeDetection: ChangeDetectionStrategy.OnPush, 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>", styles: [":host{display:block;max-width:340px}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Ryb2tlZC1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2NhcmQvZXhhbXBsZXMvc3JjL3N0cm9rZWQtY2FyZC9zdHJva2VkLWNhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vY2FyZC9leGFtcGxlcy9zcmMvc3Ryb2tlZC1jYXJkL3N0cm9rZWQtY2FyZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7O0FBU3BELE1BQU0sT0FBTyxvQkFBb0I7SUFQakM7UUFRRSxpQkFBWSxHQUF1QixJQUFJLGtCQUFrQixDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBRTlELFlBQU8sR0FBRztZQUNSLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFO1lBQy9CLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFO1lBQ3RDLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFO1lBQzFDLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFO1lBQ3hDLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFO1lBQ2xDLEVBQUUsS0FBSyxFQUFFLGdCQUFnQixFQUFFLEtBQUssRUFBRSxnQkFBZ0IsRUFBRTtZQUNwRCxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRTtZQUNsQyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRTtTQUNuQyxDQUFDO0tBQ0g7aUlBYlksb0JBQW9CO3FIQUFwQixvQkFBb0Isb0RDYmpDLGk2QkFnQlM7OzJGREhJLG9CQUFvQjtrQkFQaEMsU0FBUzsrQkFFRSxjQUFjLG1CQUdQLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFVudHlwZWRGb3JtQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnc3Ryb2tlZC1jYXJkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3N0cm9rZWQtY2FyZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N0cm9rZWQtY2FyZC5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgU3Ryb2tlZENhcmRDb21wb25lbnQge1xuICBjb2xvckNvbnRyb2w6IFVudHlwZWRGb3JtQ29udHJvbCA9IG5ldyBVbnR5cGVkRm9ybUNvbnRyb2woJycpO1xuXG4gIG9wdGlvbnMgPSBbXG4gICAgeyB2YWx1ZTogJycsIGxhYmVsOiAnRGVmYXVsdCcgfSxcbiAgICB7IHZhbHVlOiAncHJpbWFyeScsIGxhYmVsOiAnUHJpbWFyeScgfSxcbiAgICB7IHZhbHVlOiAnc2Vjb25kYXJ5JywgbGFiZWw6ICdTZWNvbmRhcnknIH0sXG4gICAgeyB2YWx1ZTogJ3RlcnRpYXJ5JywgbGFiZWw6ICdUZXJ0aWFyeScgfSxcbiAgICB7IHZhbHVlOiAndGhlbWUnLCBsYWJlbDogJ1RoZW1lJyB9LFxuICAgIHsgdmFsdWU6ICd0aGVtZS1jb250cmFzdCcsIGxhYmVsOiAnVGhlbWUgQ29udHJhc3QnIH0sXG4gICAgeyB2YWx1ZTogJ2JsYWNrJywgbGFiZWw6ICdCbGFjaycgfSxcbiAgICB7IHZhbHVlOiAnd2hpdGUnLCBsYWJlbDogJ1doaXRlJyB9LFxuICBdO1xufVxuIiwiPGRhZmYtc3Ryb2tlZC1jYXJkIFtjb2xvcl09XCJjb2xvckNvbnRyb2wudmFsdWVcIj5cblx0PGRhZmYtaW1hZ2UgZGFmZkNhcmRJbWFnZVxuXHRcdHNyYz1cImh0dHBzOi8vaW1hZ2VzLnVuc3BsYXNoLmNvbS9waG90by0xNTkzNTE5NzQ5MzQ3LTgwZjEwMWU5MzExMz9peGlkPU1ud3hNakEzZkRCOE1IeHdhRzkwYnkxd1lXZGxmSHg4ZkdWdWZEQjhmSHg4Jml4bGliPXJiLTEuMi4xJmF1dG89Zm9ybWF0JmZpdD1jcm9wJnc9Mzc3NCZxPTgwXCJcblx0XHRhbHQ9XCJCb3R0b20gdXAgdmlldyBvZiBCYXNlbCBleGhpYml0aW9uIGNlbnRyZVwiXG5cdFx0d2lkdGg9XCIxMjYxXCJcblx0XHRoZWlnaHQ9XCI5NDZcIj5cblx0PC9kYWZmLWltYWdlPlxuXHQ8ZGl2IGRhZmZDYXJkVGFnbGluZT5CYXNlbCwgU3dpdHplcmxhbmQ8L2Rpdj5cblx0PGg0IGRhZmZDYXJkVGl0bGU+QmFzZWwgRXhoaWJpdGlvbiBDZW50cmU8L2g0PlxuXHQ8ZGl2IGRhZmZDYXJkQ29udGVudD5cblx0XHQ8cD5UaGlzIGNvdmVyZWQsIHB1YmxpYyBzcGFjZSBub3Qgb25seSBtYXJrcyB0aGUgZW50cmFuY2UgdG8gdGhlIGV4aGliaXRpb25zLCBidXQgYWxzbyBmdW5jdGlvbnMgYXMgYSBtZWV0aW5nIHBsYWNlIGZvciBsb2NhbHMgYW5kIHZpc2l0b3JzLiBUaGUgYXJjaGl0ZWN0cyBjYWxsZWQgdGhlIHByb21pbmVudCBob2xlIGluIHRoZSBtaWRkbGUgdGhlIFwiRmVuc3RlciB6dW0gSGltbWVsXCIgKFwid2luZG93IHRvIGhlYXZlblwiKS48L3A+XG5cdDwvZGl2PlxuPC9kYWZmLXN0cm9rZWQtY2FyZD5cblxuPHNlbGVjdCBbZm9ybUNvbnRyb2xdPVwiY29sb3JDb250cm9sXCI+XG5cdDxvcHRpb24gKm5nRm9yPVwibGV0IG9wdGlvbiBvZiBvcHRpb25zXCIgW3ZhbHVlXT1cIm9wdGlvbi52YWx1ZVwiPnt7IG9wdGlvbi5sYWJlbCB9fTwvb3B0aW9uPlxuPC9zZWxlY3Q+Il19