@daffodil/design 0.39.9 → 0.39.10

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

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

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

@@ -14,7 +14,7 @@
         { type: core.Component, args: [{
                     // eslint-disable-next-line @angular-eslint/component-selector
                     selector: 'basic-card',
-                    template: "<daff-card>\n\t<daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n  <fa-icon daffCardIcon [icon]=\"faMapMarked\"></fa-icon>\n  <div daffCardTagline>Basel, Switzerland</div>\n  <h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n    <p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. 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",
+                    template: "<daff-card>\n\t<daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n  <fa-icon daffCardIcon [icon]=\"faMapMarked\"></fa-icon>\n  <div daffCardTagline>Basel, Switzerland</div>\n  <h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n    <p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors.</p>\n    <p>The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n  </div>\n  <div daffCardActions>\n    <button daff-button color=\"theme-contrast\">Learn More</button>\n  </div>\n</daff-card>\n",
                     changeDetection: core.ChangeDetectionStrategy.OnPush,
                     styles: ["daff-card{max-width:480px}"]
                 },] }
@@ -161,7 +161,7 @@
                     selector: 'linkable-card',
                     template: "<a daff-card href=\"https://www.basel.com/en/attractions/basel-exhibition-centre-f45d5dd6f0\" target=\"_blank\" [color]=\"basicColorControl.value\">\n\t<daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n\t<div daffCardTagline>Basel, Switzerland</div>\n\t<h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n\t\t<p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n\t</div>\n</a>\n\n<select [formControl]=\"basicColorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>\n\n<a daff-raised-card href=\"https://www.basel.com/en/attractions/basel-exhibition-centre-f45d5dd6f0\" target=\"_blank\" [color]=\"raisedColorControl.value\">\n\t<daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n\t<div daffCardTagline>Basel, Switzerland</div>\n\t<h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n\t\t<p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n\t</div>\n</a>\n\n<select [formControl]=\"strokedColorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>\n\n<a daff-stroked-card href=\"https://www.basel.com/en/attractions/basel-exhibition-centre-f45d5dd6f0\" target=\"_blank\" [color]=\"strokedColorControl.value\">\n\t<daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n\t<div daffCardTagline>Basel, Switzerland</div>\n\t<h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n\t\t<p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n\t</div>\n</a>\n\n<select [formControl]=\"strokedColorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>",
                     changeDetection: core.ChangeDetectionStrategy.OnPush,
-                    styles: ["a daff-card,a daff-raised-card,a daff-stroked-card{max-width:480px}"]
+                    styles: ["a.daff-card,a.daff-raised-card,a.daff-stroked-card{max-width:480px}"]
                 },] }
     ];
 

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

@@ -1 +1 @@
-{"version":3,"file":"daffodil-design-card-examples.umd.js","sources":["../../../libs/design/card/examples/src/basic-card/basic-card.component.ts","../../../libs/design/card/examples/src/basic-card/basic-card.module.ts","../../../libs/design/card/examples/src/card-orientation/card-orientation.component.ts","../../../libs/design/card/examples/src/card-orientation/card-orientation.module.ts","../../../libs/design/card/examples/src/card-theming/card-theming.component.ts","../../../libs/design/card/examples/src/card-theming/card-theming.module.ts","../../../libs/design/card/examples/src/linkable-card/linkable-card.component.ts","../../../libs/design/card/examples/src/linkable-card/linkable-card.module.ts","../../../libs/design/card/examples/src/raised-card/raised-card.component.ts","../../../libs/design/card/examples/src/raised-card/raised-card.module.ts","../../../libs/design/card/examples/src/stroked-card/stroked-card.component.ts","../../../libs/design/card/examples/src/stroked-card/stroked-card.module.ts","../../../libs/design/card/examples/src/public_api.ts","../../../libs/design/card/examples/src/daffodil-design-card-examples.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { faMapMarked } from '@fortawesome/free-solid-svg-icons';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'basic-card',\n  templateUrl: './basic-card.component.html',\n  styleUrls: ['./basic-card.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BasicCardComponent {\n  faMapMarked = faMapMarked;\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport {\n  DaffCardModule,\n  DaffImageModule,\n  DaffButtonModule,\n} from '@daffodil/design';\n\nimport { BasicCardComponent } from './basic-card.component';\n\n@NgModule({\n  declarations: [\n    BasicCardComponent,\n  ],\n  imports: [\n    CommonModule,\n    DaffCardModule,\n    DaffImageModule,\n    DaffButtonModule,\n\n    FontAwesomeModule,\n  ],\n  exports: [\n    BasicCardComponent,\n  ],\n})\nexport class BasicCardModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { faMapMarked } from '@fortawesome/free-solid-svg-icons';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'card-orientation',\n  templateUrl: './card-orientation.component.html',\n  styleUrls: ['./card-orientation.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CardOrientationComponent {\n  faMapMarked = faMapMarked;\n\n  orientationControl: FormControl = new FormControl('');\n\n  options = [\n    { value: '', label: 'Default' },\n    { value: 'vertical', label: 'Vertical' },\n    { value: 'horizontal', label: 'Horizontal' },\n  ];\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport {\n  DaffButtonModule,\n  DaffCardModule,\n  DaffImageModule,\n} from '@daffodil/design';\n\nimport { CardOrientationComponent } from './card-orientation.component';\n\n@NgModule({\n  declarations: [\n    CardOrientationComponent,\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    DaffCardModule,\n    DaffImageModule,\n    DaffButtonModule,\n    FontAwesomeModule,\n  ],\n  exports: [\n    CardOrientationComponent,\n  ],\n})\nexport class CardOrientationModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'card-theming',\n  templateUrl: './card-theming.component.html',\n  styles: [`\n    daff-card {\n      max-width: 480px;\n    }\n  `],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CardThemingComponent {\n  colorControl: FormControl = new FormControl('');\n\n  options = [\n    { value: '', label: 'Default' },\n    { value: 'primary', label: 'Primary' },\n    { value: 'secondary', label: 'Secondary' },\n    { value: 'tertiary', label: 'Tertiary' },\n    { value: 'theme', label: 'Theme' },\n    { value: 'theme-contrast', label: 'Theme Contrast' },\n    { value: 'black', label: 'Black' },\n    { value: 'white', label: 'White' },\n  ];\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n  DaffCardModule,\n  DaffImageModule,\n} from '@daffodil/design';\n\nimport { CardThemingComponent } from './card-theming.component';\n\n@NgModule({\n  declarations: [\n    CardThemingComponent,\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    DaffCardModule,\n    DaffImageModule,\n  ],\n  exports: [\n    CardThemingComponent,\n  ],\n})\nexport class CardThemingModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'linkable-card',\n  templateUrl: './linkable-card.component.html',\n  styleUrls: ['./linkable-card.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class LinkableCardComponent {\n  basicColorControl: FormControl = new FormControl('');\n  raisedColorControl: FormControl = new FormControl('');\n  strokedColorControl: FormControl = new FormControl('');\n\n  options = [\n    { value: '', label: 'Default' },\n    { value: 'primary', label: 'Primary' },\n    { value: 'secondary', label: 'Secondary' },\n    { value: 'tertiary', label: 'Tertiary' },\n    { value: 'theme', label: 'Theme' },\n    { value: 'theme-contrast', label: 'Theme Contrast' },\n    { value: 'black', label: 'Black' },\n    { value: 'white', label: 'White' },\n  ];\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { RouterModule } from '@angular/router';\n\nimport {\n  DaffCardModule,\n  DaffImageModule,\n  DaffButtonModule,\n} from '@daffodil/design';\n\nimport { LinkableCardComponent } from './linkable-card.component';\n\n@NgModule({\n  declarations: [\n    LinkableCardComponent,\n  ],\n  imports: [\n    CommonModule,\n    RouterModule,\n    ReactiveFormsModule,\n    DaffCardModule,\n    DaffImageModule,\n    DaffButtonModule,\n  ],\n  exports: [\n    LinkableCardComponent,\n  ],\n})\nexport class LinkableCardModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'raised-card',\n  templateUrl: './raised-card.component.html',\n  styleUrls: ['./raised-card.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class RaisedCardComponent {\n  colorControl: FormControl = new FormControl('');\n\n  options = [\n    { value: '', label: 'Default' },\n    { value: 'primary', label: 'Primary' },\n    { value: 'secondary', label: 'Secondary' },\n    { value: 'tertiary', label: 'Tertiary' },\n    { value: 'theme', label: 'Theme' },\n    { value: 'theme-contrast', label: 'Theme Contrast' },\n    { value: 'black', label: 'Black' },\n    { value: 'white', label: 'White' },\n  ];\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n  DaffCardModule,\n  DaffImageModule,\n  DaffButtonModule,\n} from '@daffodil/design';\n\nimport { RaisedCardComponent } from './raised-card.component';\n\n@NgModule({\n  declarations: [\n    RaisedCardComponent,\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n\n    DaffCardModule,\n    DaffImageModule,\n    DaffButtonModule,\n  ],\n  exports: [\n    RaisedCardComponent,\n  ],\n})\nexport class RaisedCardModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'stroked-card',\n  templateUrl: './stroked-card.component.html',\n  styleUrls: ['./stroked-card.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class StrokedCardComponent {\n  colorControl: FormControl = new FormControl('');\n\n  options = [\n    { value: '', label: 'Default' },\n    { value: 'primary', label: 'Primary' },\n    { value: 'secondary', label: 'Secondary' },\n    { value: 'tertiary', label: 'Tertiary' },\n    { value: 'theme', label: 'Theme' },\n    { value: 'theme-contrast', label: 'Theme Contrast' },\n    { value: 'black', label: 'Black' },\n    { value: 'white', label: 'White' },\n  ];\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { RouterModule } from '@angular/router';\n\nimport {\n  DaffCardModule,\n  DaffImageModule,\n  DaffButtonModule,\n} from '@daffodil/design';\n\nimport { StrokedCardComponent } from './stroked-card.component';\n\n@NgModule({\n  declarations: [\n    StrokedCardComponent,\n  ],\n  imports: [\n    CommonModule,\n    RouterModule,\n    ReactiveFormsModule,\n\n    DaffCardModule,\n    DaffImageModule,\n    DaffButtonModule,\n  ],\n  exports: [\n    StrokedCardComponent,\n  ],\n})\nexport class StrokedCardModule { }\n","import { BasicCardComponent } from './basic-card/basic-card.component';\nexport { BasicCardModule } from './basic-card/basic-card.module';\nimport { CardOrientationComponent } from './card-orientation/card-orientation.component';\nexport { CardOrientationModule } from './card-orientation/card-orientation.module';\nimport { CardThemingComponent } from './card-theming/card-theming.component';\nexport { CardThemingModule } from './card-theming/card-theming.module';\nimport { LinkableCardComponent } from './linkable-card/linkable-card.component';\nexport { LinkableCardModule } from './linkable-card/linkable-card.module';\nimport { RaisedCardComponent } from './raised-card/raised-card.component';\nexport { RaisedCardModule } from './raised-card/raised-card.module';\nimport { StrokedCardComponent } from './stroked-card/stroked-card.component';\nexport { StrokedCardModule } from './stroked-card/stroked-card.module';\n\nexport const CARD_EXAMPLES = [\n  BasicCardComponent,\n  CardThemingComponent,\n  LinkableCardComponent,\n  RaisedCardComponent,\n  StrokedCardComponent,\n  CardOrientationComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {BasicCardComponent as ɵa} from './basic-card/basic-card.component';\nexport {CardOrientationComponent as ɵf} from './card-orientation/card-orientation.component';\nexport {CardThemingComponent as ɵb} from './card-theming/card-theming.component';\nexport {LinkableCardComponent as ɵc} from './linkable-card/linkable-card.component';\nexport {RaisedCardComponent as ɵd} from './raised-card/raised-card.component';\nexport {StrokedCardComponent as ɵe} from './stroked-card/stroked-card.component';"],"names":["faMapMarked","Component","ChangeDetectionStrategy","NgModule","CommonModule","DaffCardModule","DaffImageModule","DaffButtonModule","FontAwesomeModule","FormControl","ReactiveFormsModule","RouterModule"],"mappings":"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"}
+{"version":3,"file":"daffodil-design-card-examples.umd.js","sources":["../../../libs/design/card/examples/src/basic-card/basic-card.component.ts","../../../libs/design/card/examples/src/basic-card/basic-card.module.ts","../../../libs/design/card/examples/src/card-orientation/card-orientation.component.ts","../../../libs/design/card/examples/src/card-orientation/card-orientation.module.ts","../../../libs/design/card/examples/src/card-theming/card-theming.component.ts","../../../libs/design/card/examples/src/card-theming/card-theming.module.ts","../../../libs/design/card/examples/src/linkable-card/linkable-card.component.ts","../../../libs/design/card/examples/src/linkable-card/linkable-card.module.ts","../../../libs/design/card/examples/src/raised-card/raised-card.component.ts","../../../libs/design/card/examples/src/raised-card/raised-card.module.ts","../../../libs/design/card/examples/src/stroked-card/stroked-card.component.ts","../../../libs/design/card/examples/src/stroked-card/stroked-card.module.ts","../../../libs/design/card/examples/src/public_api.ts","../../../libs/design/card/examples/src/daffodil-design-card-examples.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { faMapMarked } from '@fortawesome/free-solid-svg-icons';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'basic-card',\n  templateUrl: './basic-card.component.html',\n  styleUrls: ['./basic-card.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BasicCardComponent {\n  faMapMarked = faMapMarked;\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport {\n  DaffCardModule,\n  DaffImageModule,\n  DaffButtonModule,\n} from '@daffodil/design';\n\nimport { BasicCardComponent } from './basic-card.component';\n\n@NgModule({\n  declarations: [\n    BasicCardComponent,\n  ],\n  imports: [\n    CommonModule,\n    DaffCardModule,\n    DaffImageModule,\n    DaffButtonModule,\n\n    FontAwesomeModule,\n  ],\n  exports: [\n    BasicCardComponent,\n  ],\n})\nexport class BasicCardModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { faMapMarked } from '@fortawesome/free-solid-svg-icons';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'card-orientation',\n  templateUrl: './card-orientation.component.html',\n  styleUrls: ['./card-orientation.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CardOrientationComponent {\n  faMapMarked = faMapMarked;\n\n  orientationControl: FormControl = new FormControl('');\n\n  options = [\n    { value: '', label: 'Default' },\n    { value: 'vertical', label: 'Vertical' },\n    { value: 'horizontal', label: 'Horizontal' },\n  ];\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport {\n  DaffButtonModule,\n  DaffCardModule,\n  DaffImageModule,\n} from '@daffodil/design';\n\nimport { CardOrientationComponent } from './card-orientation.component';\n\n@NgModule({\n  declarations: [\n    CardOrientationComponent,\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    DaffCardModule,\n    DaffImageModule,\n    DaffButtonModule,\n    FontAwesomeModule,\n  ],\n  exports: [\n    CardOrientationComponent,\n  ],\n})\nexport class CardOrientationModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'card-theming',\n  templateUrl: './card-theming.component.html',\n  styles: [`\n    daff-card {\n      max-width: 480px;\n    }\n  `],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CardThemingComponent {\n  colorControl: FormControl = new FormControl('');\n\n  options = [\n    { value: '', label: 'Default' },\n    { value: 'primary', label: 'Primary' },\n    { value: 'secondary', label: 'Secondary' },\n    { value: 'tertiary', label: 'Tertiary' },\n    { value: 'theme', label: 'Theme' },\n    { value: 'theme-contrast', label: 'Theme Contrast' },\n    { value: 'black', label: 'Black' },\n    { value: 'white', label: 'White' },\n  ];\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n  DaffCardModule,\n  DaffImageModule,\n} from '@daffodil/design';\n\nimport { CardThemingComponent } from './card-theming.component';\n\n@NgModule({\n  declarations: [\n    CardThemingComponent,\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    DaffCardModule,\n    DaffImageModule,\n  ],\n  exports: [\n    CardThemingComponent,\n  ],\n})\nexport class CardThemingModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'linkable-card',\n  templateUrl: './linkable-card.component.html',\n  styleUrls: ['./linkable-card.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class LinkableCardComponent {\n  basicColorControl: FormControl = new FormControl('');\n  raisedColorControl: FormControl = new FormControl('');\n  strokedColorControl: FormControl = new FormControl('');\n\n  options = [\n    { value: '', label: 'Default' },\n    { value: 'primary', label: 'Primary' },\n    { value: 'secondary', label: 'Secondary' },\n    { value: 'tertiary', label: 'Tertiary' },\n    { value: 'theme', label: 'Theme' },\n    { value: 'theme-contrast', label: 'Theme Contrast' },\n    { value: 'black', label: 'Black' },\n    { value: 'white', label: 'White' },\n  ];\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { RouterModule } from '@angular/router';\n\nimport {\n  DaffCardModule,\n  DaffImageModule,\n  DaffButtonModule,\n} from '@daffodil/design';\n\nimport { LinkableCardComponent } from './linkable-card.component';\n\n@NgModule({\n  declarations: [\n    LinkableCardComponent,\n  ],\n  imports: [\n    CommonModule,\n    RouterModule,\n    ReactiveFormsModule,\n    DaffCardModule,\n    DaffImageModule,\n    DaffButtonModule,\n  ],\n  exports: [\n    LinkableCardComponent,\n  ],\n})\nexport class LinkableCardModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'raised-card',\n  templateUrl: './raised-card.component.html',\n  styleUrls: ['./raised-card.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class RaisedCardComponent {\n  colorControl: FormControl = new FormControl('');\n\n  options = [\n    { value: '', label: 'Default' },\n    { value: 'primary', label: 'Primary' },\n    { value: 'secondary', label: 'Secondary' },\n    { value: 'tertiary', label: 'Tertiary' },\n    { value: 'theme', label: 'Theme' },\n    { value: 'theme-contrast', label: 'Theme Contrast' },\n    { value: 'black', label: 'Black' },\n    { value: 'white', label: 'White' },\n  ];\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n  DaffCardModule,\n  DaffImageModule,\n  DaffButtonModule,\n} from '@daffodil/design';\n\nimport { RaisedCardComponent } from './raised-card.component';\n\n@NgModule({\n  declarations: [\n    RaisedCardComponent,\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n\n    DaffCardModule,\n    DaffImageModule,\n    DaffButtonModule,\n  ],\n  exports: [\n    RaisedCardComponent,\n  ],\n})\nexport class RaisedCardModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'stroked-card',\n  templateUrl: './stroked-card.component.html',\n  styleUrls: ['./stroked-card.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class StrokedCardComponent {\n  colorControl: FormControl = new FormControl('');\n\n  options = [\n    { value: '', label: 'Default' },\n    { value: 'primary', label: 'Primary' },\n    { value: 'secondary', label: 'Secondary' },\n    { value: 'tertiary', label: 'Tertiary' },\n    { value: 'theme', label: 'Theme' },\n    { value: 'theme-contrast', label: 'Theme Contrast' },\n    { value: 'black', label: 'Black' },\n    { value: 'white', label: 'White' },\n  ];\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { RouterModule } from '@angular/router';\n\nimport {\n  DaffCardModule,\n  DaffImageModule,\n  DaffButtonModule,\n} from '@daffodil/design';\n\nimport { StrokedCardComponent } from './stroked-card.component';\n\n@NgModule({\n  declarations: [\n    StrokedCardComponent,\n  ],\n  imports: [\n    CommonModule,\n    RouterModule,\n    ReactiveFormsModule,\n\n    DaffCardModule,\n    DaffImageModule,\n    DaffButtonModule,\n  ],\n  exports: [\n    StrokedCardComponent,\n  ],\n})\nexport class StrokedCardModule { }\n","import { BasicCardComponent } from './basic-card/basic-card.component';\nexport { BasicCardModule } from './basic-card/basic-card.module';\nimport { CardOrientationComponent } from './card-orientation/card-orientation.component';\nexport { CardOrientationModule } from './card-orientation/card-orientation.module';\nimport { CardThemingComponent } from './card-theming/card-theming.component';\nexport { CardThemingModule } from './card-theming/card-theming.module';\nimport { LinkableCardComponent } from './linkable-card/linkable-card.component';\nexport { LinkableCardModule } from './linkable-card/linkable-card.module';\nimport { RaisedCardComponent } from './raised-card/raised-card.component';\nexport { RaisedCardModule } from './raised-card/raised-card.module';\nimport { StrokedCardComponent } from './stroked-card/stroked-card.component';\nexport { StrokedCardModule } from './stroked-card/stroked-card.module';\n\nexport const CARD_EXAMPLES = [\n  BasicCardComponent,\n  CardThemingComponent,\n  LinkableCardComponent,\n  RaisedCardComponent,\n  StrokedCardComponent,\n  CardOrientationComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {BasicCardComponent as ɵa} from './basic-card/basic-card.component';\nexport {CardOrientationComponent as ɵf} from './card-orientation/card-orientation.component';\nexport {CardThemingComponent as ɵb} from './card-theming/card-theming.component';\nexport {LinkableCardComponent as ɵc} from './linkable-card/linkable-card.component';\nexport {RaisedCardComponent as ɵd} from './raised-card/raised-card.component';\nexport {StrokedCardComponent as ɵe} from './stroked-card/stroked-card.component';"],"names":["faMapMarked","Component","ChangeDetectionStrategy","NgModule","CommonModule","DaffCardModule","DaffImageModule","DaffButtonModule","FontAwesomeModule","FormControl","ReactiveFormsModule","RouterModule"],"mappings":"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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../libs/design/card/examples/src/basic-card/basic-card.component.ts","../../../libs/design/card/examples/src/basic-card/basic-card.module.ts","../../../libs/design/card/examples/src/card-orientation/card-orientation.component.ts","../../../libs/design/card/examples/src/card-orientation/card-orientation.module.ts","../../../libs/design/card/examples/src/card-theming/card-theming.component.ts","../../../libs/design/card/examples/src/card-theming/card-theming.module.ts","../../../libs/design/card/examples/src/linkable-card/linkable-card.component.ts","../../../libs/design/card/examples/src/linkable-card/linkable-card.module.ts","../../../libs/design/card/examples/src/raised-card/raised-card.component.ts","../../../libs/design/card/examples/src/raised-card/raised-card.module.ts","../../../libs/design/card/examples/src/stroked-card/stroked-card.component.ts","../../../libs/design/card/examples/src/stroked-card/stroked-card.module.ts","../../../libs/design/card/examples/src/public_api.ts"],"names":["this","faMapMarked","Component","args","selector","template","changeDetection","ChangeDetectionStrategy","OnPush","NgModule","declarations","BasicCardComponent","imports","CommonModule","DaffCardModule","DaffImageModule","DaffButtonModule","FontAwesomeModule","exports","orientationControl","FormControl","options","value","label","CardOrientationComponent","ReactiveFormsModule","colorControl","CardThemingComponent","basicColorControl","raisedColorControl","strokedColorControl","LinkableCardComponent","RouterModule","RaisedCardComponent","StrokedCardComponent","CARD_EXAMPLES"],"mappings":"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","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { faMapMarked } from '@fortawesome/free-solid-svg-icons';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'basic-card',\n  templateUrl: './basic-card.component.html',\n  styleUrls: ['./basic-card.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BasicCardComponent {\n  faMapMarked = faMapMarked;\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport {\n  DaffCardModule,\n  DaffImageModule,\n  DaffButtonModule,\n} from '@daffodil/design';\n\nimport { BasicCardComponent } from './basic-card.component';\n\n@NgModule({\n  declarations: [\n    BasicCardComponent,\n  ],\n  imports: [\n    CommonModule,\n    DaffCardModule,\n    DaffImageModule,\n    DaffButtonModule,\n\n    FontAwesomeModule,\n  ],\n  exports: [\n    BasicCardComponent,\n  ],\n})\nexport class BasicCardModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { faMapMarked } from '@fortawesome/free-solid-svg-icons';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'card-orientation',\n  templateUrl: './card-orientation.component.html',\n  styleUrls: ['./card-orientation.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CardOrientationComponent {\n  faMapMarked = faMapMarked;\n\n  orientationControl: FormControl = new FormControl('');\n\n  options = [\n    { value: '', label: 'Default' },\n    { value: 'vertical', label: 'Vertical' },\n    { value: 'horizontal', label: 'Horizontal' },\n  ];\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport {\n  DaffButtonModule,\n  DaffCardModule,\n  DaffImageModule,\n} from '@daffodil/design';\n\nimport { CardOrientationComponent } from './card-orientation.component';\n\n@NgModule({\n  declarations: [\n    CardOrientationComponent,\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    DaffCardModule,\n    DaffImageModule,\n    DaffButtonModule,\n    FontAwesomeModule,\n  ],\n  exports: [\n    CardOrientationComponent,\n  ],\n})\nexport class CardOrientationModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'card-theming',\n  templateUrl: './card-theming.component.html',\n  styles: [`\n    daff-card {\n      max-width: 480px;\n    }\n  `],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CardThemingComponent {\n  colorControl: FormControl = new FormControl('');\n\n  options = [\n    { value: '', label: 'Default' },\n    { value: 'primary', label: 'Primary' },\n    { value: 'secondary', label: 'Secondary' },\n    { value: 'tertiary', label: 'Tertiary' },\n    { value: 'theme', label: 'Theme' },\n    { value: 'theme-contrast', label: 'Theme Contrast' },\n    { value: 'black', label: 'Black' },\n    { value: 'white', label: 'White' },\n  ];\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n  DaffCardModule,\n  DaffImageModule,\n} from '@daffodil/design';\n\nimport { CardThemingComponent } from './card-theming.component';\n\n@NgModule({\n  declarations: [\n    CardThemingComponent,\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    DaffCardModule,\n    DaffImageModule,\n  ],\n  exports: [\n    CardThemingComponent,\n  ],\n})\nexport class CardThemingModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'linkable-card',\n  templateUrl: './linkable-card.component.html',\n  styleUrls: ['./linkable-card.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class LinkableCardComponent {\n  basicColorControl: FormControl = new FormControl('');\n  raisedColorControl: FormControl = new FormControl('');\n  strokedColorControl: FormControl = new FormControl('');\n\n  options = [\n    { value: '', label: 'Default' },\n    { value: 'primary', label: 'Primary' },\n    { value: 'secondary', label: 'Secondary' },\n    { value: 'tertiary', label: 'Tertiary' },\n    { value: 'theme', label: 'Theme' },\n    { value: 'theme-contrast', label: 'Theme Contrast' },\n    { value: 'black', label: 'Black' },\n    { value: 'white', label: 'White' },\n  ];\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { RouterModule } from '@angular/router';\n\nimport {\n  DaffCardModule,\n  DaffImageModule,\n  DaffButtonModule,\n} from '@daffodil/design';\n\nimport { LinkableCardComponent } from './linkable-card.component';\n\n@NgModule({\n  declarations: [\n    LinkableCardComponent,\n  ],\n  imports: [\n    CommonModule,\n    RouterModule,\n    ReactiveFormsModule,\n    DaffCardModule,\n    DaffImageModule,\n    DaffButtonModule,\n  ],\n  exports: [\n    LinkableCardComponent,\n  ],\n})\nexport class LinkableCardModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'raised-card',\n  templateUrl: './raised-card.component.html',\n  styleUrls: ['./raised-card.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class RaisedCardComponent {\n  colorControl: FormControl = new FormControl('');\n\n  options = [\n    { value: '', label: 'Default' },\n    { value: 'primary', label: 'Primary' },\n    { value: 'secondary', label: 'Secondary' },\n    { value: 'tertiary', label: 'Tertiary' },\n    { value: 'theme', label: 'Theme' },\n    { value: 'theme-contrast', label: 'Theme Contrast' },\n    { value: 'black', label: 'Black' },\n    { value: 'white', label: 'White' },\n  ];\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n  DaffCardModule,\n  DaffImageModule,\n  DaffButtonModule,\n} from '@daffodil/design';\n\nimport { RaisedCardComponent } from './raised-card.component';\n\n@NgModule({\n  declarations: [\n    RaisedCardComponent,\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n\n    DaffCardModule,\n    DaffImageModule,\n    DaffButtonModule,\n  ],\n  exports: [\n    RaisedCardComponent,\n  ],\n})\nexport class RaisedCardModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'stroked-card',\n  templateUrl: './stroked-card.component.html',\n  styleUrls: ['./stroked-card.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class StrokedCardComponent {\n  colorControl: FormControl = new FormControl('');\n\n  options = [\n    { value: '', label: 'Default' },\n    { value: 'primary', label: 'Primary' },\n    { value: 'secondary', label: 'Secondary' },\n    { value: 'tertiary', label: 'Tertiary' },\n    { value: 'theme', label: 'Theme' },\n    { value: 'theme-contrast', label: 'Theme Contrast' },\n    { value: 'black', label: 'Black' },\n    { value: 'white', label: 'White' },\n  ];\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { RouterModule } from '@angular/router';\n\nimport {\n  DaffCardModule,\n  DaffImageModule,\n  DaffButtonModule,\n} from '@daffodil/design';\n\nimport { StrokedCardComponent } from './stroked-card.component';\n\n@NgModule({\n  declarations: [\n    StrokedCardComponent,\n  ],\n  imports: [\n    CommonModule,\n    RouterModule,\n    ReactiveFormsModule,\n\n    DaffCardModule,\n    DaffImageModule,\n    DaffButtonModule,\n  ],\n  exports: [\n    StrokedCardComponent,\n  ],\n})\nexport class StrokedCardModule { }\n","import { BasicCardComponent } from './basic-card/basic-card.component';\nexport { BasicCardModule } from './basic-card/basic-card.module';\nimport { CardOrientationComponent } from './card-orientation/card-orientation.component';\nexport { CardOrientationModule } from './card-orientation/card-orientation.module';\nimport { CardThemingComponent } from './card-theming/card-theming.component';\nexport { CardThemingModule } from './card-theming/card-theming.module';\nimport { LinkableCardComponent } from './linkable-card/linkable-card.component';\nexport { LinkableCardModule } from './linkable-card/linkable-card.module';\nimport { RaisedCardComponent } from './raised-card/raised-card.component';\nexport { RaisedCardModule } from './raised-card/raised-card.module';\nimport { StrokedCardComponent } from './stroked-card/stroked-card.component';\nexport { StrokedCardModule } from './stroked-card/stroked-card.module';\n\nexport const CARD_EXAMPLES = [\n  BasicCardComponent,\n  CardThemingComponent,\n  LinkableCardComponent,\n  RaisedCardComponent,\n  StrokedCardComponent,\n  CardOrientationComponent,\n];\n"]}
+{"version":3,"sources":["../../../libs/design/card/examples/src/basic-card/basic-card.component.ts","../../../libs/design/card/examples/src/basic-card/basic-card.module.ts","../../../libs/design/card/examples/src/card-orientation/card-orientation.component.ts","../../../libs/design/card/examples/src/card-orientation/card-orientation.module.ts","../../../libs/design/card/examples/src/card-theming/card-theming.component.ts","../../../libs/design/card/examples/src/card-theming/card-theming.module.ts","../../../libs/design/card/examples/src/linkable-card/linkable-card.component.ts","../../../libs/design/card/examples/src/linkable-card/linkable-card.module.ts","../../../libs/design/card/examples/src/raised-card/raised-card.component.ts","../../../libs/design/card/examples/src/raised-card/raised-card.module.ts","../../../libs/design/card/examples/src/stroked-card/stroked-card.component.ts","../../../libs/design/card/examples/src/stroked-card/stroked-card.module.ts","../../../libs/design/card/examples/src/public_api.ts"],"names":["this","faMapMarked","Component","args","selector","template","changeDetection","ChangeDetectionStrategy","OnPush","NgModule","declarations","BasicCardComponent","imports","CommonModule","DaffCardModule","DaffImageModule","DaffButtonModule","FontAwesomeModule","exports","orientationControl","FormControl","options","value","label","CardOrientationComponent","ReactiveFormsModule","colorControl","CardThemingComponent","basicColorControl","raisedColorControl","strokedColorControl","LinkableCardComponent","RouterModule","RaisedCardComponent","StrokedCardComponent","CARD_EXAMPLES"],"mappings":"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","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { faMapMarked } from '@fortawesome/free-solid-svg-icons';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'basic-card',\n  templateUrl: './basic-card.component.html',\n  styleUrls: ['./basic-card.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BasicCardComponent {\n  faMapMarked = faMapMarked;\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport {\n  DaffCardModule,\n  DaffImageModule,\n  DaffButtonModule,\n} from '@daffodil/design';\n\nimport { BasicCardComponent } from './basic-card.component';\n\n@NgModule({\n  declarations: [\n    BasicCardComponent,\n  ],\n  imports: [\n    CommonModule,\n    DaffCardModule,\n    DaffImageModule,\n    DaffButtonModule,\n\n    FontAwesomeModule,\n  ],\n  exports: [\n    BasicCardComponent,\n  ],\n})\nexport class BasicCardModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { faMapMarked } from '@fortawesome/free-solid-svg-icons';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'card-orientation',\n  templateUrl: './card-orientation.component.html',\n  styleUrls: ['./card-orientation.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CardOrientationComponent {\n  faMapMarked = faMapMarked;\n\n  orientationControl: FormControl = new FormControl('');\n\n  options = [\n    { value: '', label: 'Default' },\n    { value: 'vertical', label: 'Vertical' },\n    { value: 'horizontal', label: 'Horizontal' },\n  ];\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport {\n  DaffButtonModule,\n  DaffCardModule,\n  DaffImageModule,\n} from '@daffodil/design';\n\nimport { CardOrientationComponent } from './card-orientation.component';\n\n@NgModule({\n  declarations: [\n    CardOrientationComponent,\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    DaffCardModule,\n    DaffImageModule,\n    DaffButtonModule,\n    FontAwesomeModule,\n  ],\n  exports: [\n    CardOrientationComponent,\n  ],\n})\nexport class CardOrientationModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'card-theming',\n  templateUrl: './card-theming.component.html',\n  styles: [`\n    daff-card {\n      max-width: 480px;\n    }\n  `],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CardThemingComponent {\n  colorControl: FormControl = new FormControl('');\n\n  options = [\n    { value: '', label: 'Default' },\n    { value: 'primary', label: 'Primary' },\n    { value: 'secondary', label: 'Secondary' },\n    { value: 'tertiary', label: 'Tertiary' },\n    { value: 'theme', label: 'Theme' },\n    { value: 'theme-contrast', label: 'Theme Contrast' },\n    { value: 'black', label: 'Black' },\n    { value: 'white', label: 'White' },\n  ];\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n  DaffCardModule,\n  DaffImageModule,\n} from '@daffodil/design';\n\nimport { CardThemingComponent } from './card-theming.component';\n\n@NgModule({\n  declarations: [\n    CardThemingComponent,\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    DaffCardModule,\n    DaffImageModule,\n  ],\n  exports: [\n    CardThemingComponent,\n  ],\n})\nexport class CardThemingModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'linkable-card',\n  templateUrl: './linkable-card.component.html',\n  styleUrls: ['./linkable-card.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class LinkableCardComponent {\n  basicColorControl: FormControl = new FormControl('');\n  raisedColorControl: FormControl = new FormControl('');\n  strokedColorControl: FormControl = new FormControl('');\n\n  options = [\n    { value: '', label: 'Default' },\n    { value: 'primary', label: 'Primary' },\n    { value: 'secondary', label: 'Secondary' },\n    { value: 'tertiary', label: 'Tertiary' },\n    { value: 'theme', label: 'Theme' },\n    { value: 'theme-contrast', label: 'Theme Contrast' },\n    { value: 'black', label: 'Black' },\n    { value: 'white', label: 'White' },\n  ];\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { RouterModule } from '@angular/router';\n\nimport {\n  DaffCardModule,\n  DaffImageModule,\n  DaffButtonModule,\n} from '@daffodil/design';\n\nimport { LinkableCardComponent } from './linkable-card.component';\n\n@NgModule({\n  declarations: [\n    LinkableCardComponent,\n  ],\n  imports: [\n    CommonModule,\n    RouterModule,\n    ReactiveFormsModule,\n    DaffCardModule,\n    DaffImageModule,\n    DaffButtonModule,\n  ],\n  exports: [\n    LinkableCardComponent,\n  ],\n})\nexport class LinkableCardModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'raised-card',\n  templateUrl: './raised-card.component.html',\n  styleUrls: ['./raised-card.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class RaisedCardComponent {\n  colorControl: FormControl = new FormControl('');\n\n  options = [\n    { value: '', label: 'Default' },\n    { value: 'primary', label: 'Primary' },\n    { value: 'secondary', label: 'Secondary' },\n    { value: 'tertiary', label: 'Tertiary' },\n    { value: 'theme', label: 'Theme' },\n    { value: 'theme-contrast', label: 'Theme Contrast' },\n    { value: 'black', label: 'Black' },\n    { value: 'white', label: 'White' },\n  ];\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n  DaffCardModule,\n  DaffImageModule,\n  DaffButtonModule,\n} from '@daffodil/design';\n\nimport { RaisedCardComponent } from './raised-card.component';\n\n@NgModule({\n  declarations: [\n    RaisedCardComponent,\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n\n    DaffCardModule,\n    DaffImageModule,\n    DaffButtonModule,\n  ],\n  exports: [\n    RaisedCardComponent,\n  ],\n})\nexport class RaisedCardModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'stroked-card',\n  templateUrl: './stroked-card.component.html',\n  styleUrls: ['./stroked-card.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class StrokedCardComponent {\n  colorControl: FormControl = new FormControl('');\n\n  options = [\n    { value: '', label: 'Default' },\n    { value: 'primary', label: 'Primary' },\n    { value: 'secondary', label: 'Secondary' },\n    { value: 'tertiary', label: 'Tertiary' },\n    { value: 'theme', label: 'Theme' },\n    { value: 'theme-contrast', label: 'Theme Contrast' },\n    { value: 'black', label: 'Black' },\n    { value: 'white', label: 'White' },\n  ];\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { RouterModule } from '@angular/router';\n\nimport {\n  DaffCardModule,\n  DaffImageModule,\n  DaffButtonModule,\n} from '@daffodil/design';\n\nimport { StrokedCardComponent } from './stroked-card.component';\n\n@NgModule({\n  declarations: [\n    StrokedCardComponent,\n  ],\n  imports: [\n    CommonModule,\n    RouterModule,\n    ReactiveFormsModule,\n\n    DaffCardModule,\n    DaffImageModule,\n    DaffButtonModule,\n  ],\n  exports: [\n    StrokedCardComponent,\n  ],\n})\nexport class StrokedCardModule { }\n","import { BasicCardComponent } from './basic-card/basic-card.component';\nexport { BasicCardModule } from './basic-card/basic-card.module';\nimport { CardOrientationComponent } from './card-orientation/card-orientation.component';\nexport { CardOrientationModule } from './card-orientation/card-orientation.module';\nimport { CardThemingComponent } from './card-theming/card-theming.component';\nexport { CardThemingModule } from './card-theming/card-theming.module';\nimport { LinkableCardComponent } from './linkable-card/linkable-card.component';\nexport { LinkableCardModule } from './linkable-card/linkable-card.module';\nimport { RaisedCardComponent } from './raised-card/raised-card.component';\nexport { RaisedCardModule } from './raised-card/raised-card.module';\nimport { StrokedCardComponent } from './stroked-card/stroked-card.component';\nexport { StrokedCardModule } from './stroked-card/stroked-card.module';\n\nexport const CARD_EXAMPLES = [\n  BasicCardComponent,\n  CardThemingComponent,\n  LinkableCardComponent,\n  RaisedCardComponent,\n  StrokedCardComponent,\n  CardOrientationComponent,\n];\n"]}

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

@@ -0,0 +1,177 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@daffodil/design'), require('@angular/forms')) :
+    typeof define === 'function' && define.amd ? define('@daffodil/design/navbar/examples', ['exports', '@angular/core', '@angular/common', '@daffodil/design', '@angular/forms'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.daffodil = global.daffodil || {}, global.daffodil.design = global.daffodil.design || {}, global.daffodil.design.navbar = global.daffodil.design.navbar || {}, global.daffodil.design.navbar.examples = {}), global.ng.core, global.ng.common, global.daffodil.design, global.ng.forms));
+}(this, (function (exports, core, common, design, forms) { 'use strict';
+
+    var BasicNavbarComponent = /** @class */ (function () {
+        function BasicNavbarComponent() {
+        }
+        return BasicNavbarComponent;
+    }());
+    BasicNavbarComponent.decorators = [
+        { type: core.Component, args: [{
+                    // eslint-disable-next-line @angular-eslint/component-selector
+                    selector: 'basic-navbar',
+                    template: "<nav daff-navbar class=\"daff-basic-navbar\">\n\t<div class=\"daff-basic-navbar__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button color=\"theme-contrast\">Contact Us</button>\n</nav>",
+                    changeDetection: core.ChangeDetectionStrategy.OnPush,
+                    styles: [".daff-basic-navbar{justify-content:space-between}.daff-basic-navbar__links>*{font-weight:700;font-size:1.125rem;padding:0 16px;text-decoration:none;text-transform:uppercase}"]
+                },] }
+    ];
+
+    var BasicNavbarModule = /** @class */ (function () {
+        function BasicNavbarModule() {
+        }
+        return BasicNavbarModule;
+    }());
+    BasicNavbarModule.decorators = [
+        { type: core.NgModule, args: [{
+                    declarations: [
+                        BasicNavbarComponent,
+                    ],
+                    imports: [
+                        common.CommonModule,
+                        design.DaffNavbarModule,
+                        design.DaffButtonModule,
+                        design.DaffContainerModule,
+                    ],
+                },] }
+    ];
+
+    var ContainedNavbarComponent = /** @class */ (function () {
+        function ContainedNavbarComponent() {
+        }
+        return ContainedNavbarComponent;
+    }());
+    ContainedNavbarComponent.decorators = [
+        { type: core.Component, args: [{
+                    // eslint-disable-next-line @angular-eslint/component-selector
+                    selector: 'contained-navbar',
+                    template: "<nav daff-navbar class=\"daff-contained-navbar\">\n\t<daff-container size=\"md\">\n\t\t<div class=\"daff-contained-navbar__links\">\n\t\t\t<a href=\"/\">Home</a>\n\t\t\t<a href=\"/\">About Us</a>\n\t\t</div>\n\t\t<button daff-button>Contact Us</button>\n\t</daff-container>\n</nav>\n",
+                    changeDetection: core.ChangeDetectionStrategy.OnPush,
+                    styles: [".daff-contained-navbar{justify-content:space-between}.daff-contained-navbar__links>*{font-weight:700;font-size:1.125rem;padding:0 16px;text-decoration:none;text-transform:uppercase}"]
+                },] }
+    ];
+
+    var ContainedNavbarModule = /** @class */ (function () {
+        function ContainedNavbarModule() {
+        }
+        return ContainedNavbarModule;
+    }());
+    ContainedNavbarModule.decorators = [
+        { type: core.NgModule, args: [{
+                    declarations: [
+                        ContainedNavbarComponent,
+                    ],
+                    imports: [
+                        common.CommonModule,
+                        design.DaffNavbarModule,
+                        design.DaffButtonModule,
+                        design.DaffContainerModule,
+                    ],
+                },] }
+    ];
+
+    var NavbarThemingComponent = /** @class */ (function () {
+        function NavbarThemingComponent() {
+            this.colorControl = new forms.FormControl('');
+            this.options = [
+                { value: '', label: 'Default' },
+                { value: 'primary', label: 'Primary' },
+                { value: 'secondary', label: 'Secondary' },
+                { value: 'tertiary', label: 'Tertiary' },
+                { value: 'white', label: 'White' },
+                { value: 'black', label: 'Black' },
+                { value: 'theme', label: 'Theme' },
+                { value: 'theme-contrast', label: 'Theme Contrast' },
+            ];
+        }
+        return NavbarThemingComponent;
+    }());
+    NavbarThemingComponent.decorators = [
+        { type: core.Component, args: [{
+                    // eslint-disable-next-line @angular-eslint/component-selector
+                    selector: 'navbar-theming',
+                    template: "<nav daff-navbar [color]=\"colorControl.value\" class=\"daff-navbar-theming\">\n\t<div class=\"daff-navbar-theming__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button>Contact Us</button>\n</nav>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>",
+                    changeDetection: core.ChangeDetectionStrategy.OnPush,
+                    styles: [".daff-navbar-theming{justify-content:space-between}.daff-navbar-theming__links>*{font-weight:700;font-size:1.125rem;padding:0 16px;text-decoration:none;text-transform:uppercase}"]
+                },] }
+    ];
+
+    var NavbarThemingModule = /** @class */ (function () {
+        function NavbarThemingModule() {
+        }
+        return NavbarThemingModule;
+    }());
+    NavbarThemingModule.decorators = [
+        { type: core.NgModule, args: [{
+                    declarations: [
+                        NavbarThemingComponent,
+                    ],
+                    imports: [
+                        common.CommonModule,
+                        forms.ReactiveFormsModule,
+                        design.DaffNavbarModule,
+                        design.DaffButtonModule,
+                    ],
+                },] }
+    ];
+
+    var RaisedNavbarComponent = /** @class */ (function () {
+        function RaisedNavbarComponent() {
+        }
+        return RaisedNavbarComponent;
+    }());
+    RaisedNavbarComponent.decorators = [
+        { type: core.Component, args: [{
+                    // eslint-disable-next-line @angular-eslint/component-selector
+                    selector: 'raised-navbar',
+                    template: "<nav daff-navbar [raised]=\"true\" class=\"daff-raised-navbar\">\n\t<div class=\"daff-raised-navbar__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button>Contact Us</button>\n</nav>\n",
+                    changeDetection: core.ChangeDetectionStrategy.OnPush,
+                    styles: [".daff-raised-navbar{justify-content:space-between}.daff-raised-navbar__links>*{font-weight:700;font-size:1.125rem;padding:0 16px;text-decoration:none;text-transform:uppercase}"]
+                },] }
+    ];
+
+    var RaisedNavbarModule = /** @class */ (function () {
+        function RaisedNavbarModule() {
+        }
+        return RaisedNavbarModule;
+    }());
+    RaisedNavbarModule.decorators = [
+        { type: core.NgModule, args: [{
+                    declarations: [
+                        RaisedNavbarComponent,
+                    ],
+                    imports: [
+                        common.CommonModule,
+                        design.DaffNavbarModule,
+                        design.DaffButtonModule,
+                    ],
+                },] }
+    ];
+
+    var NAVBAR_EXAMPLES = [
+        BasicNavbarComponent,
+        ContainedNavbarComponent,
+        NavbarThemingComponent,
+        RaisedNavbarComponent,
+    ];
+
+    /**
+     * Generated bundle index. Do not edit.
+     */
+
+    exports.BasicNavbarComponent = BasicNavbarComponent;
+    exports.BasicNavbarModule = BasicNavbarModule;
+    exports.ContainedNavbarComponent = ContainedNavbarComponent;
+    exports.ContainedNavbarModule = ContainedNavbarModule;
+    exports.NAVBAR_EXAMPLES = NAVBAR_EXAMPLES;
+    exports.NavbarThemingComponent = NavbarThemingComponent;
+    exports.NavbarThemingModule = NavbarThemingModule;
+    exports.RaisedNavbarComponent = RaisedNavbarComponent;
+    exports.RaisedNavbarModule = RaisedNavbarModule;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
+//# sourceMappingURL=daffodil-design-navbar-examples.umd.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"daffodil-design-navbar-examples.umd.js","sources":["../../../libs/design/navbar/examples/src/basic-navbar/basic-navbar.component.ts","../../../libs/design/navbar/examples/src/basic-navbar/basic-navbar.module.ts","../../../libs/design/navbar/examples/src/contained-navbar/contained-navbar.component.ts","../../../libs/design/navbar/examples/src/contained-navbar/contained-navbar.module.ts","../../../libs/design/navbar/examples/src/navbar-theming/navbar-theming.component.ts","../../../libs/design/navbar/examples/src/navbar-theming/navbar-theming.module.ts","../../../libs/design/navbar/examples/src/raised-navbar/raised-navbar.component.ts","../../../libs/design/navbar/examples/src/raised-navbar/raised-navbar.module.ts","../../../libs/design/navbar/examples/src/examples.ts","../../../libs/design/navbar/examples/src/daffodil-design-navbar-examples.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'basic-navbar',\n  templateUrl: './basic-navbar.component.html',\n  styleUrls: ['./basic-navbar.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BasicNavbarComponent {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport {\n  DaffButtonModule,\n  DaffContainerModule,\n  DaffNavbarModule,\n} from '@daffodil/design';\n\nimport { BasicNavbarComponent } from './basic-navbar.component';\n\n@NgModule({\n  declarations: [\n    BasicNavbarComponent,\n  ],\n  imports: [\n    CommonModule,\n\n    DaffNavbarModule,\n    DaffButtonModule,\n    DaffContainerModule,\n  ],\n})\nexport class BasicNavbarModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'contained-navbar',\n  templateUrl: './contained-navbar.component.html',\n  styleUrls: ['./contained-navbar.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ContainedNavbarComponent {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport {\n  DaffButtonModule,\n  DaffContainerModule,\n  DaffNavbarModule,\n} from '@daffodil/design';\n\nimport { ContainedNavbarComponent } from './contained-navbar.component';\n\n@NgModule({\n  declarations: [\n    ContainedNavbarComponent,\n  ],\n  imports: [\n    CommonModule,\n\n    DaffNavbarModule,\n    DaffButtonModule,\n    DaffContainerModule,\n  ],\n})\nexport class ContainedNavbarModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'navbar-theming',\n  templateUrl: './navbar-theming.component.html',\n  styleUrls: ['./navbar-theming.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NavbarThemingComponent {\n  colorControl: FormControl = new FormControl('');\n\n  options = [\n    { value: '', label: 'Default' },\n    { value: 'primary', label: 'Primary' },\n    { value: 'secondary', label: 'Secondary' },\n    { value: 'tertiary', label: 'Tertiary' },\n    { value: 'white', label: 'White' },\n    { value: 'black', label: 'Black' },\n    { value: 'theme', label: 'Theme' },\n    { value: 'theme-contrast', label: 'Theme Contrast' },\n  ];\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n  DaffButtonModule,\n  DaffNavbarModule,\n} from '@daffodil/design';\n\nimport { NavbarThemingComponent } from './navbar-theming.component';\n\n@NgModule({\n  declarations: [\n    NavbarThemingComponent,\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    DaffNavbarModule,\n    DaffButtonModule,\n  ],\n})\nexport class NavbarThemingModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'raised-navbar',\n  templateUrl: './raised-navbar.component.html',\n  styleUrls: ['./raised-navbar.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class RaisedNavbarComponent {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport {\n  DaffButtonModule,\n  DaffNavbarModule,\n} from '@daffodil/design';\n\nimport { RaisedNavbarComponent } from './raised-navbar.component';\n\n@NgModule({\n  declarations: [\n    RaisedNavbarComponent,\n  ],\n  imports: [\n    CommonModule,\n\n    DaffNavbarModule,\n    DaffButtonModule,\n  ],\n})\nexport class RaisedNavbarModule { }\n","import { BasicNavbarComponent } from './basic-navbar/basic-navbar.component';\nimport { ContainedNavbarComponent } from './contained-navbar/contained-navbar.component';\nimport { NavbarThemingComponent } from './navbar-theming/navbar-theming.component';\nimport { RaisedNavbarComponent } from './raised-navbar/raised-navbar.component';\n\nexport const NAVBAR_EXAMPLES = [\n  BasicNavbarComponent,\n  ContainedNavbarComponent,\n  NavbarThemingComponent,\n  RaisedNavbarComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["Component","ChangeDetectionStrategy","NgModule","CommonModule","DaffNavbarModule","DaffButtonModule","DaffContainerModule","FormControl","ReactiveFormsModule"],"mappings":";;;;;;;QAaA;;;;;gBAPCA,cAAS,SAAC;;oBAET,QAAQ,EAAE,cAAc;oBACxB,uPAA4C;oBAE5C,eAAe,EAAEC,4BAAuB,CAAC,MAAM;;iBAChD;;;;QCWD;;;;;gBAZCC,aAAQ,SAAC;oBACR,YAAY,EAAE;wBACZ,oBAAoB;qBACrB;oBACD,OAAO,EAAE;wBACPC,mBAAY;wBAEZC,uBAAgB;wBAChBC,uBAAgB;wBAChBC,0BAAmB;qBACpB;iBACF;;;;QCVD;;;;;gBAPCN,cAAS,SAAC;;oBAET,QAAQ,EAAE,kBAAkB;oBAC5B,uSAAgD;oBAEhD,eAAe,EAAEC,4BAAuB,CAAC,MAAM;;iBAChD;;;;QCYD;;;;;gBAZCC,aAAQ,SAAC;oBACR,YAAY,EAAE;wBACZ,wBAAwB;qBACzB;oBACD,OAAO,EAAE;wBACPC,mBAAY;wBAEZC,uBAAgB;wBAChBC,uBAAgB;wBAChBC,0BAAmB;qBACpB;iBACF;;;;QChBD;YAQE,iBAAY,GAAgB,IAAIC,iBAAW,CAAC,EAAE,CAAC,CAAC;YAEhD,YAAO,GAAG;gBACR,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;gBAC/B,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;gBACtC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE;gBAC1C,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;gBACxC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;gBAClC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;gBAClC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;gBAClC,EAAE,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,gBAAgB,EAAE;aACrD,CAAC;SACH;;;;gBApBAP,cAAS,SAAC;;oBAET,QAAQ,EAAE,gBAAgB;oBAC1B,wZAA8C;oBAE9C,eAAe,EAAEC,4BAAuB,CAAC,MAAM;;iBAChD;;;;QCUD;;;;;gBAXCC,aAAQ,SAAC;oBACR,YAAY,EAAE;wBACZ,sBAAsB;qBACvB;oBACD,OAAO,EAAE;wBACPC,mBAAY;wBACZK,yBAAmB;wBACnBJ,uBAAgB;wBAChBC,uBAAgB;qBACjB;iBACF;;;;QCTD;;;;;gBAPCL,cAAS,SAAC;;oBAET,QAAQ,EAAE,eAAe;oBACzB,oPAA6C;oBAE7C,eAAe,EAAEC,4BAAuB,CAAC,MAAM;;iBAChD;;;;QCUD;;;;;gBAXCC,aAAQ,SAAC;oBACR,YAAY,EAAE;wBACZ,qBAAqB;qBACtB;oBACD,OAAO,EAAE;wBACPC,mBAAY;wBAEZC,uBAAgB;wBAChBC,uBAAgB;qBACjB;iBACF;;;QCfY,eAAe,GAAG;QAC7B,oBAAoB;QACpB,wBAAwB;QACxB,sBAAsB;QACtB,qBAAqB;;;ICTvB;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,2 @@
+!function(a,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("@angular/common"),require("@daffodil/design"),require("@angular/forms")):"function"==typeof define&&define.amd?define("@daffodil/design/navbar/examples",["exports","@angular/core","@angular/common","@daffodil/design","@angular/forms"],e):e(((a="undefined"!=typeof globalThis?globalThis:a||self).daffodil=a.daffodil||{},a.daffodil.design=a.daffodil.design||{},a.daffodil.design.navbar=a.daffodil.design.navbar||{},a.daffodil.design.navbar.examples={}),a.ng.core,a.ng.common,a.daffodil.design,a.ng.forms)}(this,(function(a,e,n,t,o){"use strict";var r=function(){};r.decorators=[{type:e.Component,args:[{selector:"basic-navbar",template:'<nav daff-navbar class="daff-basic-navbar">\n\t<div class="daff-basic-navbar__links">\n\t\t<a href="/">Home</a>\n\t\t<a href="/">About Us</a>\n\t</div>\n\t<button daff-button color="theme-contrast">Contact Us</button>\n</nav>',changeDetection:e.ChangeDetectionStrategy.OnPush,styles:[".daff-basic-navbar{justify-content:space-between}.daff-basic-navbar__links>*{font-weight:700;font-size:1.125rem;padding:0 16px;text-decoration:none;text-transform:uppercase}"]}]}];var i=function(){};i.decorators=[{type:e.NgModule,args:[{declarations:[r],imports:[n.CommonModule,t.DaffNavbarModule,t.DaffButtonModule,t.DaffContainerModule]}]}];var f=function(){};f.decorators=[{type:e.Component,args:[{selector:"contained-navbar",template:'<nav daff-navbar class="daff-contained-navbar">\n\t<daff-container size="md">\n\t\t<div class="daff-contained-navbar__links">\n\t\t\t<a href="/">Home</a>\n\t\t\t<a href="/">About Us</a>\n\t\t</div>\n\t\t<button daff-button>Contact Us</button>\n\t</daff-container>\n</nav>\n',changeDetection:e.ChangeDetectionStrategy.OnPush,styles:[".daff-contained-navbar{justify-content:space-between}.daff-contained-navbar__links>*{font-weight:700;font-size:1.125rem;padding:0 16px;text-decoration:none;text-transform:uppercase}"]}]}];var s=function(){};s.decorators=[{type:e.NgModule,args:[{declarations:[f],imports:[n.CommonModule,t.DaffNavbarModule,t.DaffButtonModule,t.DaffContainerModule]}]}];var d=function(){this.colorControl=new o.FormControl(""),this.options=[{value:"",label:"Default"},{value:"primary",label:"Primary"},{value:"secondary",label:"Secondary"},{value:"tertiary",label:"Tertiary"},{value:"white",label:"White"},{value:"black",label:"Black"},{value:"theme",label:"Theme"},{value:"theme-contrast",label:"Theme Contrast"}]};d.decorators=[{type:e.Component,args:[{selector:"navbar-theming",template:'<nav daff-navbar [color]="colorControl.value" class="daff-navbar-theming">\n\t<div class="daff-navbar-theming__links">\n\t\t<a href="/">Home</a>\n\t\t<a href="/">About Us</a>\n\t</div>\n\t<button daff-button>Contact Us</button>\n</nav>\n\n<select [formControl]="colorControl">\n\t<option *ngFor="let option of options" [value]="option.value">{{ option.label }}</option>\n</select>',changeDetection:e.ChangeDetectionStrategy.OnPush,styles:[".daff-navbar-theming{justify-content:space-between}.daff-navbar-theming__links>*{font-weight:700;font-size:1.125rem;padding:0 16px;text-decoration:none;text-transform:uppercase}"]}]}];var l=function(){};l.decorators=[{type:e.NgModule,args:[{declarations:[d],imports:[n.CommonModule,o.ReactiveFormsModule,t.DaffNavbarModule,t.DaffButtonModule]}]}];var c=function(){};c.decorators=[{type:e.Component,args:[{selector:"raised-navbar",template:'<nav daff-navbar [raised]="true" class="daff-raised-navbar">\n\t<div class="daff-raised-navbar__links">\n\t\t<a href="/">Home</a>\n\t\t<a href="/">About Us</a>\n\t</div>\n\t<button daff-button>Contact Us</button>\n</nav>\n',changeDetection:e.ChangeDetectionStrategy.OnPush,styles:[".daff-raised-navbar{justify-content:space-between}.daff-raised-navbar__links>*{font-weight:700;font-size:1.125rem;padding:0 16px;text-decoration:none;text-transform:uppercase}"]}]}];var u=function(){};u.decorators=[{type:e.NgModule,args:[{declarations:[c],imports:[n.CommonModule,t.DaffNavbarModule,t.DaffButtonModule]}]}];var b=[r,f,d,c];a.BasicNavbarComponent=r,a.BasicNavbarModule=i,a.ContainedNavbarComponent=f,a.ContainedNavbarModule=s,a.NAVBAR_EXAMPLES=b,a.NavbarThemingComponent=d,a.NavbarThemingModule=l,a.RaisedNavbarComponent=c,a.RaisedNavbarModule=u,Object.defineProperty(a,"__esModule",{value:!0})}));
+//# sourceMappingURL=daffodil-design-navbar-examples.umd.min.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../libs/design/navbar/examples/src/basic-navbar/basic-navbar.component.ts","../../../libs/design/navbar/examples/src/basic-navbar/basic-navbar.module.ts","../../../libs/design/navbar/examples/src/contained-navbar/contained-navbar.component.ts","../../../libs/design/navbar/examples/src/contained-navbar/contained-navbar.module.ts","../../../libs/design/navbar/examples/src/navbar-theming/navbar-theming.component.ts","../../../libs/design/navbar/examples/src/navbar-theming/navbar-theming.module.ts","../../../libs/design/navbar/examples/src/raised-navbar/raised-navbar.component.ts","../../../libs/design/navbar/examples/src/raised-navbar/raised-navbar.module.ts","../../../libs/design/navbar/examples/src/examples.ts"],"names":["Component","args","selector","template","changeDetection","ChangeDetectionStrategy","OnPush","NgModule","declarations","BasicNavbarComponent","imports","CommonModule","DaffNavbarModule","DaffButtonModule","DaffContainerModule","ContainedNavbarComponent","this","colorControl","FormControl","options","value","label","NavbarThemingComponent","ReactiveFormsModule","RaisedNavbarComponent","NAVBAR_EXAMPLES"],"mappings":"qpBAaA,iCAPCA,EAAAA,UAASC,KAAA,CAAC,CAETC,SAAU,eACVC,SAAA,oOAEAC,gBAAiBC,EAAAA,wBAAwBC,0MCY3C,iCAZCC,EAAAA,SAAQN,KAAA,CAAC,CACRO,aAAc,CACZC,GAEFC,QAAS,CACPC,EAAAA,aAEAC,EAAAA,iBACAC,EAAAA,iBACAC,EAAAA,+BCRJ,iCAPCd,EAAAA,UAASC,KAAA,CAAC,CAETC,SAAU,mBACVC,SAAA,oRAEAC,gBAAiBC,EAAAA,wBAAwBC,kNCa3C,iCAZCC,EAAAA,SAAQN,KAAA,CAAC,CACRO,aAAc,CACZO,GAEFL,QAAS,CACPC,EAAAA,aAEAC,EAAAA,iBACAC,EAAAA,iBACAC,EAAAA,+BCdJ,WAQEE,KAAAC,aAA4B,IAAIC,EAAAA,YAAY,IAE5CF,KAAAG,QAAU,CACR,CAAEC,MAAO,GAAIC,MAAO,WACpB,CAAED,MAAO,UAAWC,MAAO,WAC3B,CAAED,MAAO,YAAaC,MAAO,aAC7B,CAAED,MAAO,WAAYC,MAAO,YAC5B,CAAED,MAAO,QAASC,MAAO,SACzB,CAAED,MAAO,QAASC,MAAO,SACzB,CAAED,MAAO,QAASC,MAAO,SACzB,CAAED,MAAO,iBAAkBC,MAAO,wCAlBrCrB,EAAAA,UAASC,KAAA,CAAC,CAETC,SAAU,iBACVC,SAAA,+XAEAC,gBAAiBC,EAAAA,wBAAwBC,8MCW3C,iCAXCC,EAAAA,SAAQN,KAAA,CAAC,CACRO,aAAc,CACZc,GAEFZ,QAAS,CACPC,EAAAA,aACAY,EAAAA,oBACAX,EAAAA,iBACAC,EAAAA,4BCPJ,iCAPCb,EAAAA,UAASC,KAAA,CAAC,CAETC,SAAU,gBACVC,SAAA,iOAEAC,gBAAiBC,EAAAA,wBAAwBC,4MCW3C,iCAXCC,EAAAA,SAAQN,KAAA,CAAC,CACRO,aAAc,CACZgB,GAEFd,QAAS,CACPC,EAAAA,aAEAC,EAAAA,iBACAC,EAAAA,0BCbSY,EAAkB,CAC7BhB,EACAM,EACAO,EACAE","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'basic-navbar',\n  templateUrl: './basic-navbar.component.html',\n  styleUrls: ['./basic-navbar.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BasicNavbarComponent {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport {\n  DaffButtonModule,\n  DaffContainerModule,\n  DaffNavbarModule,\n} from '@daffodil/design';\n\nimport { BasicNavbarComponent } from './basic-navbar.component';\n\n@NgModule({\n  declarations: [\n    BasicNavbarComponent,\n  ],\n  imports: [\n    CommonModule,\n\n    DaffNavbarModule,\n    DaffButtonModule,\n    DaffContainerModule,\n  ],\n})\nexport class BasicNavbarModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'contained-navbar',\n  templateUrl: './contained-navbar.component.html',\n  styleUrls: ['./contained-navbar.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ContainedNavbarComponent {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport {\n  DaffButtonModule,\n  DaffContainerModule,\n  DaffNavbarModule,\n} from '@daffodil/design';\n\nimport { ContainedNavbarComponent } from './contained-navbar.component';\n\n@NgModule({\n  declarations: [\n    ContainedNavbarComponent,\n  ],\n  imports: [\n    CommonModule,\n\n    DaffNavbarModule,\n    DaffButtonModule,\n    DaffContainerModule,\n  ],\n})\nexport class ContainedNavbarModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'navbar-theming',\n  templateUrl: './navbar-theming.component.html',\n  styleUrls: ['./navbar-theming.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NavbarThemingComponent {\n  colorControl: FormControl = new FormControl('');\n\n  options = [\n    { value: '', label: 'Default' },\n    { value: 'primary', label: 'Primary' },\n    { value: 'secondary', label: 'Secondary' },\n    { value: 'tertiary', label: 'Tertiary' },\n    { value: 'white', label: 'White' },\n    { value: 'black', label: 'Black' },\n    { value: 'theme', label: 'Theme' },\n    { value: 'theme-contrast', label: 'Theme Contrast' },\n  ];\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n  DaffButtonModule,\n  DaffNavbarModule,\n} from '@daffodil/design';\n\nimport { NavbarThemingComponent } from './navbar-theming.component';\n\n@NgModule({\n  declarations: [\n    NavbarThemingComponent,\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    DaffNavbarModule,\n    DaffButtonModule,\n  ],\n})\nexport class NavbarThemingModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'raised-navbar',\n  templateUrl: './raised-navbar.component.html',\n  styleUrls: ['./raised-navbar.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class RaisedNavbarComponent {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport {\n  DaffButtonModule,\n  DaffNavbarModule,\n} from '@daffodil/design';\n\nimport { RaisedNavbarComponent } from './raised-navbar.component';\n\n@NgModule({\n  declarations: [\n    RaisedNavbarComponent,\n  ],\n  imports: [\n    CommonModule,\n\n    DaffNavbarModule,\n    DaffButtonModule,\n  ],\n})\nexport class RaisedNavbarModule { }\n","import { BasicNavbarComponent } from './basic-navbar/basic-navbar.component';\nimport { ContainedNavbarComponent } from './contained-navbar/contained-navbar.component';\nimport { NavbarThemingComponent } from './navbar-theming/navbar-theming.component';\nimport { RaisedNavbarComponent } from './raised-navbar/raised-navbar.component';\n\nexport const NAVBAR_EXAMPLES = [\n  BasicNavbarComponent,\n  ContainedNavbarComponent,\n  NavbarThemingComponent,\n  RaisedNavbarComponent,\n];\n"]}