@daffodil/design 0.39.13 → 0.42.0

package/esm2020/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, DaffCardModule, DaffImageModule, } from '@daffodil/design';
+import { CardOrientationComponent } from './card-orientation.component';
+import * as i0 from "@angular/core";
+export class CardOrientationModule {
+}
+/** @nocollapse */ /** @nocollapse */ CardOrientationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: CardOrientationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ /** @nocollapse */ CardOrientationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: CardOrientationModule, declarations: [CardOrientationComponent], imports: [CommonModule,
+        ReactiveFormsModule,
+        DaffCardModule,
+        DaffImageModule,
+        DaffButtonModule,
+        FontAwesomeModule], exports: [CardOrientationComponent] });
+/** @nocollapse */ /** @nocollapse */ CardOrientationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: CardOrientationModule, imports: [[
+            CommonModule,
+            ReactiveFormsModule,
+            DaffCardModule,
+            DaffImageModule,
+            DaffButtonModule,
+            FontAwesomeModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: CardOrientationModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        CardOrientationComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        DaffCardModule,
+                        DaffImageModule,
+                        DaffButtonModule,
+                        FontAwesomeModule,
+                    ],
+                    exports: [
+                        CardOrientationComponent,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1vcmllbnRhdGlvbi5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9jYXJkL2V4YW1wbGVzL3NyYy9jYXJkLW9yaWVudGF0aW9uL2NhcmQtb3JpZW50YXRpb24ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3JELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBRXJFLE9BQU8sRUFDTCxnQkFBZ0IsRUFDaEIsY0FBYyxFQUNkLGVBQWUsR0FDaEIsTUFBTSxrQkFBa0IsQ0FBQztBQUUxQixPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQzs7QUFrQnhFLE1BQU0sT0FBTyxxQkFBcUI7O3dKQUFyQixxQkFBcUI7eUpBQXJCLHFCQUFxQixpQkFkOUIsd0JBQXdCLGFBR3hCLFlBQVk7UUFDWixtQkFBbUI7UUFDbkIsY0FBYztRQUNkLGVBQWU7UUFDZixnQkFBZ0I7UUFDaEIsaUJBQWlCLGFBR2pCLHdCQUF3Qjt5SkFHZixxQkFBcUIsWUFadkI7WUFDUCxZQUFZO1lBQ1osbUJBQW1CO1lBQ25CLGNBQWM7WUFDZCxlQUFlO1lBQ2YsZ0JBQWdCO1lBQ2hCLGlCQUFpQjtTQUNsQjsyRkFLVSxxQkFBcUI7a0JBaEJqQyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWix3QkFBd0I7cUJBQ3pCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLG1CQUFtQjt3QkFDbkIsY0FBYzt3QkFDZCxlQUFlO3dCQUNmLGdCQUFnQjt3QkFDaEIsaUJBQWlCO3FCQUNsQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1Asd0JBQXdCO3FCQUN6QjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IEZvbnRBd2Vzb21lTW9kdWxlIH0gZnJvbSAnQGZvcnRhd2Vzb21lL2FuZ3VsYXItZm9udGF3ZXNvbWUnO1xuXG5pbXBvcnQge1xuICBEYWZmQnV0dG9uTW9kdWxlLFxuICBEYWZmQ2FyZE1vZHVsZSxcbiAgRGFmZkltYWdlTW9kdWxlLFxufSBmcm9tICdAZGFmZm9kaWwvZGVzaWduJztcblxuaW1wb3J0IHsgQ2FyZE9yaWVudGF0aW9uQ29tcG9uZW50IH0gZnJvbSAnLi9jYXJkLW9yaWVudGF0aW9uLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIENhcmRPcmllbnRhdGlvbkNvbXBvbmVudCxcbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxuICAgIERhZmZDYXJkTW9kdWxlLFxuICAgIERhZmZJbWFnZU1vZHVsZSxcbiAgICBEYWZmQnV0dG9uTW9kdWxlLFxuICAgIEZvbnRBd2Vzb21lTW9kdWxlLFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgQ2FyZE9yaWVudGF0aW9uQ29tcG9uZW50LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBDYXJkT3JpZW50YXRpb25Nb2R1bGUgeyB9XG4iXX0=

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

@@ -0,0 +1,32 @@
+import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import * as i0 from "@angular/core";
+import * as i1 from "@daffodil/design";
+import * as i2 from "@angular/forms";
+import * as i3 from "@angular/common";
+export class CardThemingComponent {
+    constructor() {
+        this.colorControl = new 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' },
+        ];
+    }
+}
+/** @nocollapse */ /** @nocollapse */ CardThemingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: CardThemingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ CardThemingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", 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"], components: [{ 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"] }], directives: [{ type: i1.DaffCardTaglineDirective, selector: "[daffCardTagline]" }, { type: i1.DaffCardTitleDirective, selector: "[daffCardTitle]" }, { type: i1.DaffCardContentDirective, selector: "[daffCardContent]" }, { type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: CardThemingComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'card-theming', styles: [`
+    daff-card {
+      max-width: 480px;
+    }
+  `], 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>" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC10aGVtaW5nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2NhcmQvZXhhbXBsZXMvc3JjL2NhcmQtdGhlbWluZy9jYXJkLXRoZW1pbmcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vY2FyZC9leGFtcGxlcy9zcmMvY2FyZC10aGVtaW5nL2NhcmQtdGhlbWluZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7O0FBYTdDLE1BQU0sT0FBTyxvQkFBb0I7SUFYakM7UUFZRSxpQkFBWSxHQUFnQixJQUFJLFdBQVcsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUVoRCxZQUFPLEdBQUc7WUFDUixFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRTtZQUMvQixFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRTtZQUN0QyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRTtZQUMxQyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRTtZQUN4QyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRTtZQUNsQyxFQUFFLEtBQUssRUFBRSxnQkFBZ0IsRUFBRSxLQUFLLEVBQUUsZ0JBQWdCLEVBQUU7WUFDcEQsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUU7WUFDbEMsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUU7U0FDbkMsQ0FBQztLQUNIOzt1SkFiWSxvQkFBb0I7MklBQXBCLG9CQUFvQixvRENqQmpDLGlXQVVTOzJGRE9JLG9CQUFvQjtrQkFYaEMsU0FBUzsrQkFFRSxjQUFjLFVBRWhCLENBQUM7Ozs7R0FJUixDQUFDLG1CQUNlLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1Db250cm9sIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdjYXJkLXRoZW1pbmcnLFxuICB0ZW1wbGF0ZVVybDogJy4vY2FyZC10aGVtaW5nLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVzOiBbYFxuICAgIGRhZmYtY2FyZCB7XG4gICAgICBtYXgtd2lkdGg6IDQ4MHB4O1xuICAgIH1cbiAgYF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBDYXJkVGhlbWluZ0NvbXBvbmVudCB7XG4gIGNvbG9yQ29udHJvbDogRm9ybUNvbnRyb2wgPSBuZXcgRm9ybUNvbnRyb2woJycpO1xuXG4gIG9wdGlvbnMgPSBbXG4gICAgeyB2YWx1ZTogJycsIGxhYmVsOiAnRGVmYXVsdCcgfSxcbiAgICB7IHZhbHVlOiAncHJpbWFyeScsIGxhYmVsOiAnUHJpbWFyeScgfSxcbiAgICB7IHZhbHVlOiAnc2Vjb25kYXJ5JywgbGFiZWw6ICdTZWNvbmRhcnknIH0sXG4gICAgeyB2YWx1ZTogJ3RlcnRpYXJ5JywgbGFiZWw6ICdUZXJ0aWFyeScgfSxcbiAgICB7IHZhbHVlOiAndGhlbWUnLCBsYWJlbDogJ1RoZW1lJyB9LFxuICAgIHsgdmFsdWU6ICd0aGVtZS1jb250cmFzdCcsIGxhYmVsOiAnVGhlbWUgQ29udHJhc3QnIH0sXG4gICAgeyB2YWx1ZTogJ2JsYWNrJywgbGFiZWw6ICdCbGFjaycgfSxcbiAgICB7IHZhbHVlOiAnd2hpdGUnLCBsYWJlbDogJ1doaXRlJyB9LFxuICBdO1xufVxuIiwiPGRhZmYtY2FyZCBbY29sb3JdPVwiY29sb3JDb250cm9sLnZhbHVlXCI+XG4gIDxkaXYgZGFmZkNhcmRUYWdsaW5lPkNhcmQgVGFnbGluZTwvZGl2PlxuICA8ZGl2IGRhZmZDYXJkVGl0bGU+VGl0bGU8L2Rpdj5cbiAgPGRpdiBkYWZmQ2FyZENvbnRlbnQ+XG4gICAgPHA+Q2FyZHMgYXJlIHRoZW1hYmxlLjwvcD5cbiAgPC9kaXY+XG48L2RhZmYtY2FyZD5cblxuPHNlbGVjdCBbZm9ybUNvbnRyb2xdPVwiY29sb3JDb250cm9sXCI+XG5cdDxvcHRpb24gKm5nRm9yPVwibGV0IG9wdGlvbiBvZiBvcHRpb25zXCIgW3ZhbHVlXT1cIm9wdGlvbi52YWx1ZVwiPnt7IG9wdGlvbi5sYWJlbCB9fTwvb3B0aW9uPlxuPC9zZWxlY3Q+Il19

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

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

package/esm2020/card/examples/daffodil-design-card-examples.mjs

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

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

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

package/esm2020/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 { DaffCardModule, DaffImageModule, DaffButtonModule, } from '@daffodil/design';
+import { LinkableCardComponent } from './linkable-card.component';
+import * as i0 from "@angular/core";
+export class LinkableCardModule {
+}
+/** @nocollapse */ /** @nocollapse */ LinkableCardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: LinkableCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ /** @nocollapse */ LinkableCardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: LinkableCardModule, declarations: [LinkableCardComponent], imports: [CommonModule,
+        RouterModule,
+        ReactiveFormsModule,
+        DaffCardModule,
+        DaffImageModule,
+        DaffButtonModule], exports: [LinkableCardComponent] });
+/** @nocollapse */ /** @nocollapse */ LinkableCardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: LinkableCardModule, imports: [[
+            CommonModule,
+            RouterModule,
+            ReactiveFormsModule,
+            DaffCardModule,
+            DaffImageModule,
+            DaffButtonModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: LinkableCardModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        LinkableCardComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        RouterModule,
+                        ReactiveFormsModule,
+                        DaffCardModule,
+                        DaffImageModule,
+                        DaffButtonModule,
+                    ],
+                    exports: [
+                        LinkableCardComponent,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlua2FibGUtY2FyZC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9jYXJkL2V4YW1wbGVzL3NyYy9saW5rYWJsZS1jYXJkL2xpbmthYmxlLWNhcmQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3JELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUUvQyxPQUFPLEVBQ0wsY0FBYyxFQUNkLGVBQWUsRUFDZixnQkFBZ0IsR0FDakIsTUFBTSxrQkFBa0IsQ0FBQztBQUUxQixPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7QUFrQmxFLE1BQU0sT0FBTyxrQkFBa0I7O3FKQUFsQixrQkFBa0I7c0pBQWxCLGtCQUFrQixpQkFkM0IscUJBQXFCLGFBR3JCLFlBQVk7UUFDWixZQUFZO1FBQ1osbUJBQW1CO1FBQ25CLGNBQWM7UUFDZCxlQUFlO1FBQ2YsZ0JBQWdCLGFBR2hCLHFCQUFxQjtzSkFHWixrQkFBa0IsWUFacEI7WUFDUCxZQUFZO1lBQ1osWUFBWTtZQUNaLG1CQUFtQjtZQUNuQixjQUFjO1lBQ2QsZUFBZTtZQUNmLGdCQUFnQjtTQUNqQjsyRkFLVSxrQkFBa0I7a0JBaEI5QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixxQkFBcUI7cUJBQ3RCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLFlBQVk7d0JBQ1osbUJBQW1CO3dCQUNuQixjQUFjO3dCQUNkLGVBQWU7d0JBQ2YsZ0JBQWdCO3FCQUNqQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AscUJBQXFCO3FCQUN0QjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFJvdXRlck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5cbmltcG9ydCB7XG4gIERhZmZDYXJkTW9kdWxlLFxuICBEYWZmSW1hZ2VNb2R1bGUsXG4gIERhZmZCdXR0b25Nb2R1bGUsXG59IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24nO1xuXG5pbXBvcnQgeyBMaW5rYWJsZUNhcmRDb21wb25lbnQgfSBmcm9tICcuL2xpbmthYmxlLWNhcmQuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgTGlua2FibGVDYXJkQ29tcG9uZW50LFxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIFJvdXRlck1vZHVsZSxcbiAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxuICAgIERhZmZDYXJkTW9kdWxlLFxuICAgIERhZmZJbWFnZU1vZHVsZSxcbiAgICBEYWZmQnV0dG9uTW9kdWxlLFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgTGlua2FibGVDYXJkQ29tcG9uZW50LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBMaW5rYWJsZUNhcmRNb2R1bGUgeyB9XG4iXX0=

package/esm2020/card/examples/public_api.mjs

@@ -0,0 +1,22 @@
+import { BasicCardComponent } from './basic-card/basic-card.component';
+export { BasicCardModule } from './basic-card/basic-card.module';
+import { CardOrientationComponent } from './card-orientation/card-orientation.component';
+export { CardOrientationModule } from './card-orientation/card-orientation.module';
+import { CardThemingComponent } from './card-theming/card-theming.component';
+export { CardThemingModule } from './card-theming/card-theming.module';
+import { LinkableCardComponent } from './linkable-card/linkable-card.component';
+export { LinkableCardModule } from './linkable-card/linkable-card.module';
+import { RaisedCardComponent } from './raised-card/raised-card.component';
+export { RaisedCardModule } from './raised-card/raised-card.module';
+import { StrokedCardComponent } from './stroked-card/stroked-card.component';
+export { StrokedCardModule } from './stroked-card/stroked-card.module';
+export const CARD_EXAMPLES = [
+    BasicCardComponent,
+    CardThemingComponent,
+    LinkableCardComponent,
+    RaisedCardComponent,
+    StrokedCardComponent,
+    CardOrientationComponent,
+];
+export { BasicCardComponent, CardThemingComponent, LinkableCardComponent, RaisedCardComponent, StrokedCardComponent, CardOrientationComponent, };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2NhcmQvZXhhbXBsZXMvc3JjL3B1YmxpY19hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDdkUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ2pFLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLCtDQUErQyxDQUFDO0FBQ3pGLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDRDQUE0QyxDQUFDO0FBQ25GLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQzdFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBQ2hGLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ3BFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQzdFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBRXZFLE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRztJQUMzQixrQkFBa0I7SUFDbEIsb0JBQW9CO0lBQ3BCLHFCQUFxQjtJQUNyQixtQkFBbUI7SUFDbkIsb0JBQW9CO0lBQ3BCLHdCQUF3QjtDQUN6QixDQUFDO0FBRUYsT0FBTyxFQUNMLGtCQUFrQixFQUNsQixvQkFBb0IsRUFDcEIscUJBQXFCLEVBQ3JCLG1CQUFtQixFQUNuQixvQkFBb0IsRUFDcEIsd0JBQXdCLEdBQ3pCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCYXNpY0NhcmRDb21wb25lbnQgfSBmcm9tICcuL2Jhc2ljLWNhcmQvYmFzaWMtY2FyZC5jb21wb25lbnQnO1xuZXhwb3J0IHsgQmFzaWNDYXJkTW9kdWxlIH0gZnJvbSAnLi9iYXNpYy1jYXJkL2Jhc2ljLWNhcmQubW9kdWxlJztcbmltcG9ydCB7IENhcmRPcmllbnRhdGlvbkNvbXBvbmVudCB9IGZyb20gJy4vY2FyZC1vcmllbnRhdGlvbi9jYXJkLW9yaWVudGF0aW9uLmNvbXBvbmVudCc7XG5leHBvcnQgeyBDYXJkT3JpZW50YXRpb25Nb2R1bGUgfSBmcm9tICcuL2NhcmQtb3JpZW50YXRpb24vY2FyZC1vcmllbnRhdGlvbi5tb2R1bGUnO1xuaW1wb3J0IHsgQ2FyZFRoZW1pbmdDb21wb25lbnQgfSBmcm9tICcuL2NhcmQtdGhlbWluZy9jYXJkLXRoZW1pbmcuY29tcG9uZW50JztcbmV4cG9ydCB7IENhcmRUaGVtaW5nTW9kdWxlIH0gZnJvbSAnLi9jYXJkLXRoZW1pbmcvY2FyZC10aGVtaW5nLm1vZHVsZSc7XG5pbXBvcnQgeyBMaW5rYWJsZUNhcmRDb21wb25lbnQgfSBmcm9tICcuL2xpbmthYmxlLWNhcmQvbGlua2FibGUtY2FyZC5jb21wb25lbnQnO1xuZXhwb3J0IHsgTGlua2FibGVDYXJkTW9kdWxlIH0gZnJvbSAnLi9saW5rYWJsZS1jYXJkL2xpbmthYmxlLWNhcmQubW9kdWxlJztcbmltcG9ydCB7IFJhaXNlZENhcmRDb21wb25lbnQgfSBmcm9tICcuL3JhaXNlZC1jYXJkL3JhaXNlZC1jYXJkLmNvbXBvbmVudCc7XG5leHBvcnQgeyBSYWlzZWRDYXJkTW9kdWxlIH0gZnJvbSAnLi9yYWlzZWQtY2FyZC9yYWlzZWQtY2FyZC5tb2R1bGUnO1xuaW1wb3J0IHsgU3Ryb2tlZENhcmRDb21wb25lbnQgfSBmcm9tICcuL3N0cm9rZWQtY2FyZC9zdHJva2VkLWNhcmQuY29tcG9uZW50JztcbmV4cG9ydCB7IFN0cm9rZWRDYXJkTW9kdWxlIH0gZnJvbSAnLi9zdHJva2VkLWNhcmQvc3Ryb2tlZC1jYXJkLm1vZHVsZSc7XG5cbmV4cG9ydCBjb25zdCBDQVJEX0VYQU1QTEVTID0gW1xuICBCYXNpY0NhcmRDb21wb25lbnQsXG4gIENhcmRUaGVtaW5nQ29tcG9uZW50LFxuICBMaW5rYWJsZUNhcmRDb21wb25lbnQsXG4gIFJhaXNlZENhcmRDb21wb25lbnQsXG4gIFN0cm9rZWRDYXJkQ29tcG9uZW50LFxuICBDYXJkT3JpZW50YXRpb25Db21wb25lbnQsXG5dO1xuXG5leHBvcnQge1xuICBCYXNpY0NhcmRDb21wb25lbnQsXG4gIENhcmRUaGVtaW5nQ29tcG9uZW50LFxuICBMaW5rYWJsZUNhcmRDb21wb25lbnQsXG4gIFJhaXNlZENhcmRDb21wb25lbnQsXG4gIFN0cm9rZWRDYXJkQ29tcG9uZW50LFxuICBDYXJkT3JpZW50YXRpb25Db21wb25lbnQsXG59O1xuIl19

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

@@ -0,0 +1,28 @@
+import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import * as i0 from "@angular/core";
+import * as i1 from "@daffodil/design";
+import * as i2 from "@angular/forms";
+import * as i3 from "@angular/common";
+export class RaisedCardComponent {
+    constructor() {
+        this.colorControl = new 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' },
+        ];
+    }
+}
+/** @nocollapse */ /** @nocollapse */ RaisedCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: RaisedCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ RaisedCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", 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"], components: [{ 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"] }, { type: i1.DaffImageComponent, selector: "daff-image", inputs: ["src", "alt", "width", "height"], outputs: ["load"] }], directives: [{ type: i1.DaffCardImageDirective, selector: "[daffCardImage]" }, { type: i1.DaffCardTaglineDirective, selector: "[daffCardTagline]" }, { type: i1.DaffCardTitleDirective, selector: "[daffCardTitle]" }, { type: i1.DaffCardContentDirective, selector: "[daffCardContent]" }, { type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFpc2VkLWNhcmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vY2FyZC9leGFtcGxlcy9zcmMvcmFpc2VkLWNhcmQvcmFpc2VkLWNhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vY2FyZC9leGFtcGxlcy9zcmMvcmFpc2VkLWNhcmQvcmFpc2VkLWNhcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7OztBQVM3QyxNQUFNLE9BQU8sbUJBQW1CO0lBUGhDO1FBUUUsaUJBQVksR0FBZ0IsSUFBSSxXQUFXLENBQUMsRUFBRSxDQUFDLENBQUM7UUFFaEQsWUFBTyxHQUFHO1lBQ1IsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUU7WUFDL0IsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUU7WUFDdEMsRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUU7WUFDMUMsRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUU7WUFDeEMsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUU7WUFDbEMsRUFBRSxLQUFLLEVBQUUsZ0JBQWdCLEVBQUUsS0FBSyxFQUFFLGdCQUFnQixFQUFFO1lBQ3BELEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFO1lBQ2xDLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFO1NBQ25DLENBQUM7S0FDSDs7c0pBYlksbUJBQW1COzBJQUFuQixtQkFBbUIsbURDYmhDLCs1QkFnQlM7MkZESEksbUJBQW1CO2tCQVAvQixTQUFTOytCQUVFLGFBQWEsbUJBR04sdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ3JhaXNlZC1jYXJkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3JhaXNlZC1jYXJkLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcmFpc2VkLWNhcmQuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFJhaXNlZENhcmRDb21wb25lbnQge1xuICBjb2xvckNvbnRyb2w6IEZvcm1Db250cm9sID0gbmV3IEZvcm1Db250cm9sKCcnKTtcblxuICBvcHRpb25zID0gW1xuICAgIHsgdmFsdWU6ICcnLCBsYWJlbDogJ0RlZmF1bHQnIH0sXG4gICAgeyB2YWx1ZTogJ3ByaW1hcnknLCBsYWJlbDogJ1ByaW1hcnknIH0sXG4gICAgeyB2YWx1ZTogJ3NlY29uZGFyeScsIGxhYmVsOiAnU2Vjb25kYXJ5JyB9LFxuICAgIHsgdmFsdWU6ICd0ZXJ0aWFyeScsIGxhYmVsOiAnVGVydGlhcnknIH0sXG4gICAgeyB2YWx1ZTogJ3RoZW1lJywgbGFiZWw6ICdUaGVtZScgfSxcbiAgICB7IHZhbHVlOiAndGhlbWUtY29udHJhc3QnLCBsYWJlbDogJ1RoZW1lIENvbnRyYXN0JyB9LFxuICAgIHsgdmFsdWU6ICdibGFjaycsIGxhYmVsOiAnQmxhY2snIH0sXG4gICAgeyB2YWx1ZTogJ3doaXRlJywgbGFiZWw6ICdXaGl0ZScgfSxcbiAgXTtcbn1cbiIsIjxkYWZmLXJhaXNlZC1jYXJkIFtjb2xvcl09XCJjb2xvckNvbnRyb2wudmFsdWVcIj5cblx0PGRhZmYtaW1hZ2UgZGFmZkNhcmRJbWFnZVxuXHRcdHNyYz1cImh0dHBzOi8vaW1hZ2VzLnVuc3BsYXNoLmNvbS9waG90by0xNTkzNTE5NzQ5MzQ3LTgwZjEwMWU5MzExMz9peGlkPU1ud3hNakEzZkRCOE1IeHdhRzkwYnkxd1lXZGxmSHg4ZkdWdWZEQjhmSHg4Jml4bGliPXJiLTEuMi4xJmF1dG89Zm9ybWF0JmZpdD1jcm9wJnc9Mzc3NCZxPTgwXCJcblx0XHRhbHQ9XCJCb3R0b20gdXAgdmlldyBvZiBCYXNlbCBleGhpYml0aW9uIGNlbnRyZVwiXG5cdFx0d2lkdGg9XCIxMjYxXCJcblx0XHRoZWlnaHQ9XCI5NDZcIj5cblx0PC9kYWZmLWltYWdlPlxuXHQ8ZGl2IGRhZmZDYXJkVGFnbGluZT5CYXNlbCwgU3dpdHplcmxhbmQ8L2Rpdj5cblx0PGg0IGRhZmZDYXJkVGl0bGU+QmFzZWwgRXhoaWJpdGlvbiBDZW50cmU8L2g0PlxuXHQ8ZGl2IGRhZmZDYXJkQ29udGVudD5cblx0XHQ8cD5UaGlzIGNvdmVyZWQsIHB1YmxpYyBzcGFjZSBub3Qgb25seSBtYXJrcyB0aGUgZW50cmFuY2UgdG8gdGhlIGV4aGliaXRpb25zLCBidXQgYWxzbyBmdW5jdGlvbnMgYXMgYSBtZWV0aW5nIHBsYWNlIGZvciBsb2NhbHMgYW5kIHZpc2l0b3JzLiBUaGUgYXJjaGl0ZWN0cyBjYWxsZWQgdGhlIHByb21pbmVudCBob2xlIGluIHRoZSBtaWRkbGUgdGhlIFwiRmVuc3RlciB6dW0gSGltbWVsXCIgKFwid2luZG93IHRvIGhlYXZlblwiKS48L3A+XG5cdDwvZGl2PlxuPC9kYWZmLXJhaXNlZC1jYXJkPlxuXG48c2VsZWN0IFtmb3JtQ29udHJvbF09XCJjb2xvckNvbnRyb2xcIj5cblx0PG9wdGlvbiAqbmdGb3I9XCJsZXQgb3B0aW9uIG9mIG9wdGlvbnNcIiBbdmFsdWVdPVwib3B0aW9uLnZhbHVlXCI+e3sgb3B0aW9uLmxhYmVsIH19PC9vcHRpb24+XG48L3NlbGVjdD4iXX0=

package/esm2020/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 { DaffCardModule, DaffImageModule, DaffButtonModule, } from '@daffodil/design';
+import { RaisedCardComponent } from './raised-card.component';
+import * as i0 from "@angular/core";
+export class RaisedCardModule {
+}
+/** @nocollapse */ /** @nocollapse */ RaisedCardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: RaisedCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ /** @nocollapse */ RaisedCardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: RaisedCardModule, declarations: [RaisedCardComponent], imports: [CommonModule,
+        ReactiveFormsModule,
+        DaffCardModule,
+        DaffImageModule,
+        DaffButtonModule], exports: [RaisedCardComponent] });
+/** @nocollapse */ /** @nocollapse */ RaisedCardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: RaisedCardModule, imports: [[
+            CommonModule,
+            ReactiveFormsModule,
+            DaffCardModule,
+            DaffImageModule,
+            DaffButtonModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: RaisedCardModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        RaisedCardComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        DaffCardModule,
+                        DaffImageModule,
+                        DaffButtonModule,
+                    ],
+                    exports: [
+                        RaisedCardComponent,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFpc2VkLWNhcmQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vY2FyZC9leGFtcGxlcy9zcmMvcmFpc2VkLWNhcmQvcmFpc2VkLWNhcmQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRXJELE9BQU8sRUFDTCxjQUFjLEVBQ2QsZUFBZSxFQUNmLGdCQUFnQixHQUNqQixNQUFNLGtCQUFrQixDQUFDO0FBRTFCLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDOztBQWtCOUQsTUFBTSxPQUFPLGdCQUFnQjs7bUpBQWhCLGdCQUFnQjtvSkFBaEIsZ0JBQWdCLGlCQWR6QixtQkFBbUIsYUFHbkIsWUFBWTtRQUNaLG1CQUFtQjtRQUVuQixjQUFjO1FBQ2QsZUFBZTtRQUNmLGdCQUFnQixhQUdoQixtQkFBbUI7b0pBR1YsZ0JBQWdCLFlBWmxCO1lBQ1AsWUFBWTtZQUNaLG1CQUFtQjtZQUVuQixjQUFjO1lBQ2QsZUFBZTtZQUNmLGdCQUFnQjtTQUNqQjsyRkFLVSxnQkFBZ0I7a0JBaEI1QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixtQkFBbUI7cUJBQ3BCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLG1CQUFtQjt3QkFFbkIsY0FBYzt3QkFDZCxlQUFlO3dCQUNmLGdCQUFnQjtxQkFDakI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLG1CQUFtQjtxQkFDcEI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbmltcG9ydCB7XG4gIERhZmZDYXJkTW9kdWxlLFxuICBEYWZmSW1hZ2VNb2R1bGUsXG4gIERhZmZCdXR0b25Nb2R1bGUsXG59IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24nO1xuXG5pbXBvcnQgeyBSYWlzZWRDYXJkQ29tcG9uZW50IH0gZnJvbSAnLi9yYWlzZWQtY2FyZC5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBSYWlzZWRDYXJkQ29tcG9uZW50LFxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXG5cbiAgICBEYWZmQ2FyZE1vZHVsZSxcbiAgICBEYWZmSW1hZ2VNb2R1bGUsXG4gICAgRGFmZkJ1dHRvbk1vZHVsZSxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIFJhaXNlZENhcmRDb21wb25lbnQsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFJhaXNlZENhcmRNb2R1bGUgeyB9XG4iXX0=

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

@@ -0,0 +1,28 @@
+import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import * as i0 from "@angular/core";
+import * as i1 from "@daffodil/design";
+import * as i2 from "@angular/forms";
+import * as i3 from "@angular/common";
+export class StrokedCardComponent {
+    constructor() {
+        this.colorControl = new 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' },
+        ];
+    }
+}
+/** @nocollapse */ /** @nocollapse */ StrokedCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: StrokedCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ StrokedCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", 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"], components: [{ 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"] }, { type: i1.DaffImageComponent, selector: "daff-image", inputs: ["src", "alt", "width", "height"], outputs: ["load"] }], directives: [{ type: i1.DaffCardImageDirective, selector: "[daffCardImage]" }, { type: i1.DaffCardTaglineDirective, selector: "[daffCardTagline]" }, { type: i1.DaffCardTitleDirective, selector: "[daffCardTitle]" }, { type: i1.DaffCardContentDirective, selector: "[daffCardContent]" }, { type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Ryb2tlZC1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2NhcmQvZXhhbXBsZXMvc3JjL3N0cm9rZWQtY2FyZC9zdHJva2VkLWNhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vY2FyZC9leGFtcGxlcy9zcmMvc3Ryb2tlZC1jYXJkL3N0cm9rZWQtY2FyZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7O0FBUzdDLE1BQU0sT0FBTyxvQkFBb0I7SUFQakM7UUFRRSxpQkFBWSxHQUFnQixJQUFJLFdBQVcsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUVoRCxZQUFPLEdBQUc7WUFDUixFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRTtZQUMvQixFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRTtZQUN0QyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRTtZQUMxQyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRTtZQUN4QyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRTtZQUNsQyxFQUFFLEtBQUssRUFBRSxnQkFBZ0IsRUFBRSxLQUFLLEVBQUUsZ0JBQWdCLEVBQUU7WUFDcEQsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUU7WUFDbEMsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUU7U0FDbkMsQ0FBQztLQUNIOzt1SkFiWSxvQkFBb0I7MklBQXBCLG9CQUFvQixvRENiakMsaTZCQWdCUzsyRkRISSxvQkFBb0I7a0JBUGhDLFNBQVM7K0JBRUUsY0FBYyxtQkFHUCx1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnc3Ryb2tlZC1jYXJkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3N0cm9rZWQtY2FyZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N0cm9rZWQtY2FyZC5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgU3Ryb2tlZENhcmRDb21wb25lbnQge1xuICBjb2xvckNvbnRyb2w6IEZvcm1Db250cm9sID0gbmV3IEZvcm1Db250cm9sKCcnKTtcblxuICBvcHRpb25zID0gW1xuICAgIHsgdmFsdWU6ICcnLCBsYWJlbDogJ0RlZmF1bHQnIH0sXG4gICAgeyB2YWx1ZTogJ3ByaW1hcnknLCBsYWJlbDogJ1ByaW1hcnknIH0sXG4gICAgeyB2YWx1ZTogJ3NlY29uZGFyeScsIGxhYmVsOiAnU2Vjb25kYXJ5JyB9LFxuICAgIHsgdmFsdWU6ICd0ZXJ0aWFyeScsIGxhYmVsOiAnVGVydGlhcnknIH0sXG4gICAgeyB2YWx1ZTogJ3RoZW1lJywgbGFiZWw6ICdUaGVtZScgfSxcbiAgICB7IHZhbHVlOiAndGhlbWUtY29udHJhc3QnLCBsYWJlbDogJ1RoZW1lIENvbnRyYXN0JyB9LFxuICAgIHsgdmFsdWU6ICdibGFjaycsIGxhYmVsOiAnQmxhY2snIH0sXG4gICAgeyB2YWx1ZTogJ3doaXRlJywgbGFiZWw6ICdXaGl0ZScgfSxcbiAgXTtcbn1cbiIsIjxkYWZmLXN0cm9rZWQtY2FyZCBbY29sb3JdPVwiY29sb3JDb250cm9sLnZhbHVlXCI+XG5cdDxkYWZmLWltYWdlIGRhZmZDYXJkSW1hZ2Vcblx0XHRzcmM9XCJodHRwczovL2ltYWdlcy51bnNwbGFzaC5jb20vcGhvdG8tMTU5MzUxOTc0OTM0Ny04MGYxMDFlOTMxMTM/aXhpZD1Nbnd4TWpBM2ZEQjhNSHh3YUc5MGJ5MXdZV2RsZkh4OGZHVnVmREI4Zkh4OCZpeGxpYj1yYi0xLjIuMSZhdXRvPWZvcm1hdCZmaXQ9Y3JvcCZ3PTM3NzQmcT04MFwiXG5cdFx0YWx0PVwiQm90dG9tIHVwIHZpZXcgb2YgQmFzZWwgZXhoaWJpdGlvbiBjZW50cmVcIlxuXHRcdHdpZHRoPVwiMTI2MVwiXG5cdFx0aGVpZ2h0PVwiOTQ2XCI+XG5cdDwvZGFmZi1pbWFnZT5cblx0PGRpdiBkYWZmQ2FyZFRhZ2xpbmU+QmFzZWwsIFN3aXR6ZXJsYW5kPC9kaXY+XG5cdDxoNCBkYWZmQ2FyZFRpdGxlPkJhc2VsIEV4aGliaXRpb24gQ2VudHJlPC9oND5cblx0PGRpdiBkYWZmQ2FyZENvbnRlbnQ+XG5cdFx0PHA+VGhpcyBjb3ZlcmVkLCBwdWJsaWMgc3BhY2Ugbm90IG9ubHkgbWFya3MgdGhlIGVudHJhbmNlIHRvIHRoZSBleGhpYml0aW9ucywgYnV0IGFsc28gZnVuY3Rpb25zIGFzIGEgbWVldGluZyBwbGFjZSBmb3IgbG9jYWxzIGFuZCB2aXNpdG9ycy4gVGhlIGFyY2hpdGVjdHMgY2FsbGVkIHRoZSBwcm9taW5lbnQgaG9sZSBpbiB0aGUgbWlkZGxlIHRoZSBcIkZlbnN0ZXIgenVtIEhpbW1lbFwiIChcIndpbmRvdyB0byBoZWF2ZW5cIikuPC9wPlxuXHQ8L2Rpdj5cbjwvZGFmZi1zdHJva2VkLWNhcmQ+XG5cbjxzZWxlY3QgW2Zvcm1Db250cm9sXT1cImNvbG9yQ29udHJvbFwiPlxuXHQ8b3B0aW9uICpuZ0Zvcj1cImxldCBvcHRpb24gb2Ygb3B0aW9uc1wiIFt2YWx1ZV09XCJvcHRpb24udmFsdWVcIj57eyBvcHRpb24ubGFiZWwgfX08L29wdGlvbj5cbjwvc2VsZWN0PiJdfQ==

package/esm2020/card/examples/stroked-card/stroked-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 { DaffCardModule, DaffImageModule, DaffButtonModule, } from '@daffodil/design';
+import { StrokedCardComponent } from './stroked-card.component';
+import * as i0 from "@angular/core";
+export class StrokedCardModule {
+}
+/** @nocollapse */ /** @nocollapse */ StrokedCardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: StrokedCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ /** @nocollapse */ StrokedCardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: StrokedCardModule, declarations: [StrokedCardComponent], imports: [CommonModule,
+        RouterModule,
+        ReactiveFormsModule,
+        DaffCardModule,
+        DaffImageModule,
+        DaffButtonModule], exports: [StrokedCardComponent] });
+/** @nocollapse */ /** @nocollapse */ StrokedCardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: StrokedCardModule, imports: [[
+            CommonModule,
+            RouterModule,
+            ReactiveFormsModule,
+            DaffCardModule,
+            DaffImageModule,
+            DaffButtonModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: StrokedCardModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        StrokedCardComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        RouterModule,
+                        ReactiveFormsModule,
+                        DaffCardModule,
+                        DaffImageModule,
+                        DaffButtonModule,
+                    ],
+                    exports: [
+                        StrokedCardComponent,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Ryb2tlZC1jYXJkLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2NhcmQvZXhhbXBsZXMvc3JjL3N0cm9rZWQtY2FyZC9zdHJva2VkLWNhcmQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3JELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUUvQyxPQUFPLEVBQ0wsY0FBYyxFQUNkLGVBQWUsRUFDZixnQkFBZ0IsR0FDakIsTUFBTSxrQkFBa0IsQ0FBQztBQUUxQixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7QUFtQmhFLE1BQU0sT0FBTyxpQkFBaUI7O29KQUFqQixpQkFBaUI7cUpBQWpCLGlCQUFpQixpQkFmMUIsb0JBQW9CLGFBR3BCLFlBQVk7UUFDWixZQUFZO1FBQ1osbUJBQW1CO1FBRW5CLGNBQWM7UUFDZCxlQUFlO1FBQ2YsZ0JBQWdCLGFBR2hCLG9CQUFvQjtxSkFHWCxpQkFBaUIsWUFibkI7WUFDUCxZQUFZO1lBQ1osWUFBWTtZQUNaLG1CQUFtQjtZQUVuQixjQUFjO1lBQ2QsZUFBZTtZQUNmLGdCQUFnQjtTQUNqQjsyRkFLVSxpQkFBaUI7a0JBakI3QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixvQkFBb0I7cUJBQ3JCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLFlBQVk7d0JBQ1osbUJBQW1CO3dCQUVuQixjQUFjO3dCQUNkLGVBQWU7d0JBQ2YsZ0JBQWdCO3FCQUNqQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1Asb0JBQW9CO3FCQUNyQjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFJvdXRlck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5cbmltcG9ydCB7XG4gIERhZmZDYXJkTW9kdWxlLFxuICBEYWZmSW1hZ2VNb2R1bGUsXG4gIERhZmZCdXR0b25Nb2R1bGUsXG59IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24nO1xuXG5pbXBvcnQgeyBTdHJva2VkQ2FyZENvbXBvbmVudCB9IGZyb20gJy4vc3Ryb2tlZC1jYXJkLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIFN0cm9rZWRDYXJkQ29tcG9uZW50LFxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIFJvdXRlck1vZHVsZSxcbiAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxuXG4gICAgRGFmZkNhcmRNb2R1bGUsXG4gICAgRGFmZkltYWdlTW9kdWxlLFxuICAgIERhZmZCdXR0b25Nb2R1bGUsXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBTdHJva2VkQ2FyZENvbXBvbmVudCxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgU3Ryb2tlZENhcmRNb2R1bGUgeyB9XG4iXX0=

package/esm2020/checkbox/examples/basic-checkbox/basic-checkbox.component.mjs

@@ -0,0 +1,26 @@
+import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import * as i0 from "@angular/core";
+import * as i1 from "@daffodil/design";
+import * as i2 from "@angular/forms";
+export class BasicCheckboxComponent {
+    constructor() {
+        this.checkboxExample = new FormControl();
+    }
+    ngOnInit() {
+        this.checkboxExample.setValue(true);
+    }
+    setFalse() {
+        this.checkboxExample.setValue(false);
+    }
+    setTrue() {
+        this.checkboxExample.setValue(true);
+    }
+}
+/** @nocollapse */ /** @nocollapse */ BasicCheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ BasicCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: BasicCheckboxComponent, selector: "basic-checkbox", ngImport: i0, template: "<daff-checkbox [formControl]=\"checkboxExample\" value=\"checkboxExample\">Checkbox</daff-checkbox>\n<div>\n  {{checkboxExample.value}}\n</div>\n<button daff-button color=\"primary\" (click)=\"setFalse()\">Set to false</button>\n<button daff-button (click)=\"setTrue()\">Set to true</button>", components: [{ type: i1.DaffCheckboxComponent, selector: "daff-checkbox", inputs: ["name", "value", "checked", "id", "aria-label", "aria-labelledby"], outputs: ["becameChecked", "becameUnchecked"] }, { type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status"] }], directives: [{ type: i1.DaffCheckboxControlValueAccessorDirective, selector: "daff-checkbox[ngModel], daff-checkbox[formControl], daff-checkbox[formControlName]", inputs: ["value", "name"] }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicCheckboxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'basic-checkbox', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-checkbox [formControl]=\"checkboxExample\" value=\"checkboxExample\">Checkbox</daff-checkbox>\n<div>\n  {{checkboxExample.value}}\n</div>\n<button daff-button color=\"primary\" (click)=\"setFalse()\">Set to false</button>\n<button daff-button (click)=\"setTrue()\">Set to true</button>" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzaWMtY2hlY2tib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vY2hlY2tib3gvZXhhbXBsZXMvc3JjL2Jhc2ljLWNoZWNrYm94L2Jhc2ljLWNoZWNrYm94LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2NoZWNrYm94L2V4YW1wbGVzL3NyYy9iYXNpYy1jaGVja2JveC9iYXNpYy1jaGVja2JveC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FFVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7QUFRN0MsTUFBTSxPQUFPLHNCQUFzQjtJQU5uQztRQU9FLG9CQUFlLEdBQUcsSUFBSSxXQUFXLEVBQUUsQ0FBQztLQVdyQztJQVRDLFFBQVE7UUFDTixJQUFJLENBQUMsZUFBZSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUN0QyxDQUFDO0lBQ0QsUUFBUTtRQUNOLElBQUksQ0FBQyxlQUFlLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3ZDLENBQUM7SUFDRCxPQUFPO1FBQ0wsSUFBSSxDQUFDLGVBQWUsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDdEMsQ0FBQzs7eUpBWFUsc0JBQXNCOzZJQUF0QixzQkFBc0Isc0RDYm5DLHFTQUs0RDsyRkRRL0Msc0JBQXNCO2tCQU5sQyxTQUFTOytCQUVFLGdCQUFnQixtQkFFVCx1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgT25Jbml0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1Db250cm9sIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdiYXNpYy1jaGVja2JveCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9iYXNpYy1jaGVja2JveC5jb21wb25lbnQuaHRtbCcsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBCYXNpY0NoZWNrYm94Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgY2hlY2tib3hFeGFtcGxlID0gbmV3IEZvcm1Db250cm9sKCk7XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5jaGVja2JveEV4YW1wbGUuc2V0VmFsdWUodHJ1ZSk7XG4gIH1cbiAgc2V0RmFsc2UoKSB7XG4gICAgdGhpcy5jaGVja2JveEV4YW1wbGUuc2V0VmFsdWUoZmFsc2UpO1xuICB9XG4gIHNldFRydWUoKSB7XG4gICAgdGhpcy5jaGVja2JveEV4YW1wbGUuc2V0VmFsdWUodHJ1ZSk7XG4gIH1cbn1cbiIsIjxkYWZmLWNoZWNrYm94IFtmb3JtQ29udHJvbF09XCJjaGVja2JveEV4YW1wbGVcIiB2YWx1ZT1cImNoZWNrYm94RXhhbXBsZVwiPkNoZWNrYm94PC9kYWZmLWNoZWNrYm94PlxuPGRpdj5cbiAge3tjaGVja2JveEV4YW1wbGUudmFsdWV9fVxuPC9kaXY+XG48YnV0dG9uIGRhZmYtYnV0dG9uIGNvbG9yPVwicHJpbWFyeVwiIChjbGljayk9XCJzZXRGYWxzZSgpXCI+U2V0IHRvIGZhbHNlPC9idXR0b24+XG48YnV0dG9uIGRhZmYtYnV0dG9uIChjbGljayk9XCJzZXRUcnVlKClcIj5TZXQgdG8gdHJ1ZTwvYnV0dG9uPiJdfQ==

package/esm2020/checkbox/examples/basic-checkbox/basic-checkbox.module.mjs

@@ -0,0 +1,34 @@
+import { NgModule } from '@angular/core';
+import { ReactiveFormsModule } from '@angular/forms';
+import { DaffButtonModule, DaffCheckboxModule, } from '@daffodil/design';
+import { BasicCheckboxComponent } from './basic-checkbox.component';
+import * as i0 from "@angular/core";
+export class BasicCheckboxModule {
+}
+/** @nocollapse */ /** @nocollapse */ BasicCheckboxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ /** @nocollapse */ BasicCheckboxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicCheckboxModule, declarations: [BasicCheckboxComponent], imports: [DaffCheckboxModule,
+        DaffButtonModule,
+        ReactiveFormsModule], exports: [BasicCheckboxComponent] });
+/** @nocollapse */ /** @nocollapse */ BasicCheckboxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicCheckboxModule, providers: [], imports: [[
+            DaffCheckboxModule,
+            DaffButtonModule,
+            ReactiveFormsModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicCheckboxModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        BasicCheckboxComponent,
+                    ],
+                    exports: [
+                        BasicCheckboxComponent,
+                    ],
+                    imports: [
+                        DaffCheckboxModule,
+                        DaffButtonModule,
+                        ReactiveFormsModule,
+                    ],
+                    providers: [],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzaWMtY2hlY2tib3gubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vY2hlY2tib3gvZXhhbXBsZXMvc3JjL2Jhc2ljLWNoZWNrYm94L2Jhc2ljLWNoZWNrYm94Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRXJELE9BQU8sRUFDTCxnQkFBZ0IsRUFDaEIsa0JBQWtCLEdBQ25CLE1BQU0sa0JBQWtCLENBQUM7QUFFMUIsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7O0FBaUJwRSxNQUFNLE9BQU8sbUJBQW1COztzSkFBbkIsbUJBQW1CO3VKQUFuQixtQkFBbUIsaUJBWjVCLHNCQUFzQixhQU10QixrQkFBa0I7UUFDbEIsZ0JBQWdCO1FBQ2hCLG1CQUFtQixhQUxuQixzQkFBc0I7dUpBU2IsbUJBQW1CLGFBRm5CLEVBQUUsWUFMSjtZQUNQLGtCQUFrQjtZQUNsQixnQkFBZ0I7WUFDaEIsbUJBQW1CO1NBQ3BCOzJGQUdVLG1CQUFtQjtrQkFkL0IsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osc0JBQXNCO3FCQUN2QjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1Asc0JBQXNCO3FCQUN2QjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1Asa0JBQWtCO3dCQUNsQixnQkFBZ0I7d0JBQ2hCLG1CQUFtQjtxQkFDcEI7b0JBQ0QsU0FBUyxFQUFFLEVBQUU7aUJBQ2QiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuaW1wb3J0IHtcbiAgRGFmZkJ1dHRvbk1vZHVsZSxcbiAgRGFmZkNoZWNrYm94TW9kdWxlLFxufSBmcm9tICdAZGFmZm9kaWwvZGVzaWduJztcblxuaW1wb3J0IHsgQmFzaWNDaGVja2JveENvbXBvbmVudCB9IGZyb20gJy4vYmFzaWMtY2hlY2tib3guY29tcG9uZW50JztcblxuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBCYXNpY0NoZWNrYm94Q29tcG9uZW50LFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgQmFzaWNDaGVja2JveENvbXBvbmVudCxcbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIERhZmZDaGVja2JveE1vZHVsZSxcbiAgICBEYWZmQnV0dG9uTW9kdWxlLFxuICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXG4gIF0sXG4gIHByb3ZpZGVyczogW10sXG59KVxuZXhwb3J0IGNsYXNzIEJhc2ljQ2hlY2tib3hNb2R1bGUgeyB9XG4iXX0=

package/esm2020/checkbox/examples/checkbox-set/checkbox-set.component.mjs

@@ -0,0 +1,28 @@
+import { ChangeDetectionStrategy, Component, ViewChild, } from '@angular/core';
+import { FormArray, FormControl, } from '@angular/forms';
+import { DaffCheckboxSetComponent } from '@daffodil/design';
+import * as i0 from "@angular/core";
+import * as i1 from "@daffodil/design";
+import * as i2 from "@angular/forms";
+export class CheckboxSetComponent {
+    constructor() {
+        this.checkboxArray = new FormArray([new FormControl(), new FormControl(), new FormControl()]);
+        this.selectedValues = [];
+    }
+    ngOnInit() {
+        this.checkboxArray.setValue([false, false, false]);
+    }
+    displayList() {
+        this.selectedValues = this.checkboxSet.getValues();
+    }
+}
+/** @nocollapse */ /** @nocollapse */ CheckboxSetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: CheckboxSetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ CheckboxSetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: CheckboxSetComponent, selector: "checkbox-set", viewQueries: [{ propertyName: "checkboxSet", first: true, predicate: DaffCheckboxSetComponent, descendants: true }], ngImport: i0, template: "<daff-checkbox-set [formArray]=\"checkboxArray\">\n  <daff-checkbox [formControl]=\"checkboxArray.at(0)\" value=\"option1\">Option 1 </daff-checkbox>\n  <daff-checkbox [formControl]=\"checkboxArray.at(1)\" value=\"option2\">Option 2 </daff-checkbox>\n  <daff-checkbox [formControl]=\"checkboxArray.at(2)\" value=\"option3\">Option 3 </daff-checkbox>\n</daff-checkbox-set>\n\n<div>\n  {{checkboxArray.value}}\n</div>\n<button daff-button color=\"secondary\" (click)=\"displayList()\">Get List of Values</button>\n<div>\n  List of selected values: {{selectedValues}}\n</div>", components: [{ type: i1.DaffCheckboxSetComponent, selector: "daff-checkbox-set", inputs: ["formArray", "name"], outputs: ["valueList"] }, { type: i1.DaffCheckboxComponent, selector: "daff-checkbox", inputs: ["name", "value", "checked", "id", "aria-label", "aria-labelledby"], outputs: ["becameChecked", "becameUnchecked"] }, { type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status"] }], directives: [{ type: i1.DaffCheckboxControlValueAccessorDirective, selector: "daff-checkbox[ngModel], daff-checkbox[formControl], daff-checkbox[formControlName]", inputs: ["value", "name"] }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: CheckboxSetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'checkbox-set', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-checkbox-set [formArray]=\"checkboxArray\">\n  <daff-checkbox [formControl]=\"checkboxArray.at(0)\" value=\"option1\">Option 1 </daff-checkbox>\n  <daff-checkbox [formControl]=\"checkboxArray.at(1)\" value=\"option2\">Option 2 </daff-checkbox>\n  <daff-checkbox [formControl]=\"checkboxArray.at(2)\" value=\"option3\">Option 3 </daff-checkbox>\n</daff-checkbox-set>\n\n<div>\n  {{checkboxArray.value}}\n</div>\n<button daff-button color=\"secondary\" (click)=\"displayList()\">Get List of Values</button>\n<div>\n  List of selected values: {{selectedValues}}\n</div>" }]
+        }], propDecorators: { checkboxSet: [{
+                type: ViewChild,
+                args: [DaffCheckboxSetComponent]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3gtc2V0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2NoZWNrYm94L2V4YW1wbGVzL3NyYy9jaGVja2JveC1zZXQvY2hlY2tib3gtc2V0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2NoZWNrYm94L2V4YW1wbGVzL3NyYy9jaGVja2JveC1zZXQvY2hlY2tib3gtc2V0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUVULFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQ0wsU0FBUyxFQUNULFdBQVcsR0FDWixNQUFNLGdCQUFnQixDQUFDO0FBRXhCLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLGtCQUFrQixDQUFDOzs7O0FBUTVELE1BQU0sT0FBTyxvQkFBb0I7SUFOakM7UUFVRSxrQkFBYSxHQUFHLElBQUksU0FBUyxDQUFDLENBQUMsSUFBSSxXQUFXLEVBQUUsRUFBRSxJQUFJLFdBQVcsRUFBRSxFQUFFLElBQUksV0FBVyxFQUFFLENBQUMsQ0FBQyxDQUFDO1FBQ3pGLG1CQUFjLEdBQUcsRUFBRSxDQUFDO0tBUXJCO0lBTkMsUUFBUTtRQUNOLElBQUksQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLENBQUMsS0FBSyxFQUFFLEtBQUssRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFDO0lBQ3JELENBQUM7SUFDRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLFNBQVMsRUFBRSxDQUFDO0lBQ3JELENBQUM7O3VKQVpVLG9CQUFvQjsySUFBcEIsb0JBQW9CLGlHQUVwQix3QkFBd0IsZ0RDckJyQyw4akJBWU07MkZET08sb0JBQW9CO2tCQU5oQyxTQUFTOytCQUVFLGNBQWMsbUJBRVAsdUJBQXVCLENBQUMsTUFBTTs4QkFLdkMsV0FBVztzQkFEbEIsU0FBUzt1QkFBQyx3QkFBd0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBPbkluaXQsXG4gIFZpZXdDaGlsZCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICBGb3JtQXJyYXksXG4gIEZvcm1Db250cm9sLFxufSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbmltcG9ydCB7IERhZmZDaGVja2JveFNldENvbXBvbmVudCB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24nO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdjaGVja2JveC1zZXQnLFxuICB0ZW1wbGF0ZVVybDogJy4vY2hlY2tib3gtc2V0LmNvbXBvbmVudC5odG1sJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIENoZWNrYm94U2V0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBAVmlld0NoaWxkKERhZmZDaGVja2JveFNldENvbXBvbmVudClcbiAgcHJpdmF0ZSBjaGVja2JveFNldDogRGFmZkNoZWNrYm94U2V0Q29tcG9uZW50O1xuICBjaGVja2JveEFycmF5ID0gbmV3IEZvcm1BcnJheShbbmV3IEZvcm1Db250cm9sKCksIG5ldyBGb3JtQ29udHJvbCgpLCBuZXcgRm9ybUNvbnRyb2woKV0pO1xuICBzZWxlY3RlZFZhbHVlcyA9IFtdO1xuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMuY2hlY2tib3hBcnJheS5zZXRWYWx1ZShbZmFsc2UsIGZhbHNlLCBmYWxzZV0pO1xuICB9XG4gIGRpc3BsYXlMaXN0KCkge1xuICAgIHRoaXMuc2VsZWN0ZWRWYWx1ZXMgPSB0aGlzLmNoZWNrYm94U2V0LmdldFZhbHVlcygpO1xuICB9XG59XG4iLCI8ZGFmZi1jaGVja2JveC1zZXQgW2Zvcm1BcnJheV09XCJjaGVja2JveEFycmF5XCI+XG4gIDxkYWZmLWNoZWNrYm94IFtmb3JtQ29udHJvbF09XCJjaGVja2JveEFycmF5LmF0KDApXCIgdmFsdWU9XCJvcHRpb24xXCI+T3B0aW9uIDEgPC9kYWZmLWNoZWNrYm94PlxuICA8ZGFmZi1jaGVja2JveCBbZm9ybUNvbnRyb2xdPVwiY2hlY2tib3hBcnJheS5hdCgxKVwiIHZhbHVlPVwib3B0aW9uMlwiPk9wdGlvbiAyIDwvZGFmZi1jaGVja2JveD5cbiAgPGRhZmYtY2hlY2tib3ggW2Zvcm1Db250cm9sXT1cImNoZWNrYm94QXJyYXkuYXQoMilcIiB2YWx1ZT1cIm9wdGlvbjNcIj5PcHRpb24gMyA8L2RhZmYtY2hlY2tib3g+XG48L2RhZmYtY2hlY2tib3gtc2V0PlxuXG48ZGl2PlxuICB7e2NoZWNrYm94QXJyYXkudmFsdWV9fVxuPC9kaXY+XG48YnV0dG9uIGRhZmYtYnV0dG9uIGNvbG9yPVwic2Vjb25kYXJ5XCIgKGNsaWNrKT1cImRpc3BsYXlMaXN0KClcIj5HZXQgTGlzdCBvZiBWYWx1ZXM8L2J1dHRvbj5cbjxkaXY+XG4gIExpc3Qgb2Ygc2VsZWN0ZWQgdmFsdWVzOiB7e3NlbGVjdGVkVmFsdWVzfX1cbjwvZGl2PiJdfQ==