@daffodil/design 0.39.6 → 0.39.10

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../libs/design/card/examples/src/basic-card/basic-card.component.ts","../../../libs/design/card/examples/src/basic-card/basic-card.module.ts","../../../libs/design/card/examples/src/card-theming/card-theming.component.ts","../../../libs/design/card/examples/src/card-theming/card-theming.module.ts","../../../libs/design/card/examples/src/linkable-card/linkable-card.component.ts","../../../libs/design/card/examples/src/linkable-card/linkable-card.module.ts","../../../libs/design/card/examples/src/raised-card/raised-card.component.ts","../../../libs/design/card/examples/src/raised-card/raised-card.module.ts","../../../libs/design/card/examples/src/public_api.ts"],"names":["Component","args","selector","template","NgModule","declarations","BasicCardComponent","imports","CommonModule","DaffCardModule","DaffImageModule","DaffButtonModule","exports","this","color","colorControl","FormControl","CardThemingComponent","ReactiveFormsModule","LinkableCardComponent","RouterModule","RaisedCardComponent","CARD_EXAMPLES"],"mappings":"wsBAQA,iCANCA,EAAAA,UAASC,KAAA,CAAC,CAETC,SAAU,aACVC,SAAA,0lBCoBF,iCAdCC,EAAAA,SAAQH,KAAA,CAAC,CACRI,aAAc,CACZC,GAEFC,QAAS,CACPC,EAAAA,aACAC,EAAAA,eACAC,EAAAA,gBACAC,EAAAA,kBAEFC,QAAS,CACPN,aCjBJ,WAWEO,KAAAC,MAAqB,UAErBD,KAAAE,aAA4B,IAAIC,EAAAA,YAAY,yBAb7ChB,EAAAA,UAASC,KAAA,CAAC,CAETC,SAAU,eACVC,SAAA,ikBACS,mECgBX,iCAdCC,EAAAA,SAAQH,KAAA,CAAC,CACRI,aAAc,CACZY,GAEFV,QAAS,CACPC,EAAAA,aACAU,EAAAA,oBACAT,EAAAA,eACAC,EAAAA,iBAEFE,QAAS,CACPK,aCdJ,iCANCjB,EAAAA,UAASC,KAAA,CAAC,CAETC,SAAU,gBACVC,SAAA,iWCsBF,iCAfCC,EAAAA,SAAQH,KAAA,CAAC,CACRI,aAAc,CACZc,GAEFZ,QAAS,CACPC,EAAAA,aACAY,EAAAA,aACAX,EAAAA,eACAC,EAAAA,gBACAC,EAAAA,kBAEFC,QAAS,CACPO,aChBJ,iCANCnB,EAAAA,UAASC,KAAA,CAAC,CAETC,SAAU,cACVC,SAAA,2WCsBF,iCAfCC,EAAAA,SAAQH,KAAA,CAAC,CACRI,aAAc,CACZgB,GAEFd,QAAS,CACPC,EAAAA,aACAY,EAAAA,aACAX,EAAAA,eACAC,EAAAA,gBACAC,EAAAA,kBAEFC,QAAS,CACPS,WCfSC,EAAgB,CAC3BhB,EACAW,EACAE,EACAE","sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'basic-card',\n  templateUrl: './basic-card.component.html',\n  styleUrls: ['./basic-card.component.scss'],\n})\nexport class BasicCardComponent {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport {\n  DaffCardModule,\n  DaffImageModule,\n  DaffButtonModule,\n} from '@daffodil/design';\n\nimport { BasicCardComponent } from './basic-card.component';\n\n@NgModule({\n  declarations: [\n    BasicCardComponent,\n  ],\n  imports: [\n    CommonModule,\n    DaffCardModule,\n    DaffImageModule,\n    DaffButtonModule,\n  ],\n  exports: [\n    BasicCardComponent,\n  ],\n})\nexport class BasicCardModule { }\n","import { Component } from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\nimport { DaffPalette } from '@daffodil/design';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'card-theming',\n  templateUrl: './card-theming.component.html',\n  styles: [`\n    daff-card {\n      max-width: 400px;\n    }\n  `],\n})\nexport class CardThemingComponent {\n  color: DaffPalette = 'primary';\n\n  colorControl: FormControl = new FormControl('');\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n  DaffCardModule,\n  DaffImageModule,\n} from '@daffodil/design';\n\nimport { CardThemingComponent } from './card-theming.component';\n\n@NgModule({\n  declarations: [\n    CardThemingComponent,\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    DaffCardModule,\n    DaffImageModule,\n  ],\n  exports: [\n    CardThemingComponent,\n  ],\n})\nexport class CardThemingModule { }\n","import { Component } from '@angular/core';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'linkable-card',\n  templateUrl: './linkable-card.component.html',\n  styleUrls: ['./linkable-card.component.scss'],\n})\nexport class LinkableCardComponent {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { RouterModule } from '@angular/router';\n\nimport {\n  DaffCardModule,\n  DaffImageModule,\n  DaffButtonModule,\n} from '@daffodil/design';\n\nimport { LinkableCardComponent } from './linkable-card.component';\n\n@NgModule({\n  declarations: [\n    LinkableCardComponent,\n  ],\n  imports: [\n    CommonModule,\n    RouterModule,\n    DaffCardModule,\n    DaffImageModule,\n    DaffButtonModule,\n  ],\n  exports: [\n    LinkableCardComponent,\n  ],\n})\nexport class LinkableCardModule { }\n","import { Component } from '@angular/core';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'raised-card',\n  templateUrl: './raised-card.component.html',\n  styleUrls: ['./raised-card.component.scss'],\n})\nexport class RaisedCardComponent {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { RouterModule } from '@angular/router';\n\nimport {\n  DaffCardModule,\n  DaffImageModule,\n  DaffButtonModule,\n} from '@daffodil/design';\n\nimport { RaisedCardComponent } from './raised-card.component';\n\n@NgModule({\n  declarations: [\n    RaisedCardComponent,\n  ],\n  imports: [\n    CommonModule,\n    RouterModule,\n    DaffCardModule,\n    DaffImageModule,\n    DaffButtonModule,\n  ],\n  exports: [\n    RaisedCardComponent,\n  ],\n})\nexport class RaisedCardModule { }\n","import { BasicCardComponent } from './basic-card/basic-card.component';\nexport { BasicCardModule } from './basic-card/basic-card.module';\nimport { CardThemingComponent } from './card-theming/card-theming.component';\nexport { CardThemingModule } from './card-theming/card-theming.module';\nimport { LinkableCardComponent } from './linkable-card/linkable-card.component';\nexport { LinkableCardModule } from './linkable-card/linkable-card.module';\nimport { RaisedCardComponent } from './raised-card/raised-card.component';\nexport { RaisedCardModule } from './raised-card/raised-card.module';\n\nexport const CARD_EXAMPLES = [\n  BasicCardComponent,\n  CardThemingComponent,\n  LinkableCardComponent,\n  RaisedCardComponent,\n];\n"]}
+{"version":3,"sources":["../../../libs/design/card/examples/src/basic-card/basic-card.component.ts","../../../libs/design/card/examples/src/basic-card/basic-card.module.ts","../../../libs/design/card/examples/src/card-orientation/card-orientation.component.ts","../../../libs/design/card/examples/src/card-orientation/card-orientation.module.ts","../../../libs/design/card/examples/src/card-theming/card-theming.component.ts","../../../libs/design/card/examples/src/card-theming/card-theming.module.ts","../../../libs/design/card/examples/src/linkable-card/linkable-card.component.ts","../../../libs/design/card/examples/src/linkable-card/linkable-card.module.ts","../../../libs/design/card/examples/src/raised-card/raised-card.component.ts","../../../libs/design/card/examples/src/raised-card/raised-card.module.ts","../../../libs/design/card/examples/src/stroked-card/stroked-card.component.ts","../../../libs/design/card/examples/src/stroked-card/stroked-card.module.ts","../../../libs/design/card/examples/src/public_api.ts"],"names":["this","faMapMarked","Component","args","selector","template","changeDetection","ChangeDetectionStrategy","OnPush","NgModule","declarations","BasicCardComponent","imports","CommonModule","DaffCardModule","DaffImageModule","DaffButtonModule","FontAwesomeModule","exports","orientationControl","FormControl","options","value","label","CardOrientationComponent","ReactiveFormsModule","colorControl","CardThemingComponent","basicColorControl","raisedColorControl","strokedColorControl","LinkableCardComponent","RouterModule","RaisedCardComponent","StrokedCardComponent","CARD_EXAMPLES"],"mappings":"q5BAMA,WAQEA,KAAAC,YAAcA,EAAAA,iCARfC,EAAAA,UAASC,KAAA,CAAC,CAETC,SAAU,aACVC,SAAA,83BAEAC,gBAAiBC,EAAAA,wBAAwBC,uDCiB3C,iCAhBCC,EAAAA,SAAQN,KAAA,CAAC,CACRO,aAAc,CACZC,GAEFC,QAAS,CACPC,EAAAA,aACAC,EAAAA,eACAC,EAAAA,gBACAC,EAAAA,iBAEAC,EAAAA,mBAEFC,QAAS,CACPP,aClBJ,WAQEX,KAAAC,YAAcA,EAAAA,YAEdD,KAAAmB,mBAAkC,IAAIC,EAAAA,YAAY,IAElDpB,KAAAqB,QAAU,CACR,CAAEC,MAAO,GAAIC,MAAO,WACpB,CAAED,MAAO,WAAYC,MAAO,YAC5B,CAAED,MAAO,aAAcC,MAAO,oCAfjCrB,EAAAA,UAASC,KAAA,CAAC,CAETC,SAAU,mBACVC,SAAA,gjCAEAC,gBAAiBC,EAAAA,wBAAwBC,kECiB3C,iCAhBCC,EAAAA,SAAQN,KAAA,CAAC,CACRO,aAAc,CACZc,GAEFZ,QAAS,CACPC,EAAAA,aACAY,EAAAA,oBACAX,EAAAA,eACAC,EAAAA,gBACAC,EAAAA,iBACAC,EAAAA,mBAEFC,QAAS,CACPM,aCpBJ,WAYExB,KAAA0B,aAA4B,IAAIN,EAAAA,YAAY,IAE5CpB,KAAAqB,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,iBAAkBC,MAAO,kBAClC,CAAED,MAAO,QAASC,MAAO,SACzB,CAAED,MAAO,QAASC,MAAO,+BAtB5BrB,EAAAA,UAASC,KAAA,CAAC,CAETC,SAAU,eACVC,SAAA,0VAMAC,gBAAiBC,EAAAA,wBAAwBC,eALhC,mECeX,iCAdCC,EAAAA,SAAQN,KAAA,CAAC,CACRO,aAAc,CACZiB,GAEFf,QAAS,CACPC,EAAAA,aACAY,EAAAA,oBACAX,EAAAA,eACAC,EAAAA,iBAEFG,QAAS,CACPS,aChBJ,WAQE3B,KAAA4B,kBAAiC,IAAIR,EAAAA,YAAY,IACjDpB,KAAA6B,mBAAkC,IAAIT,EAAAA,YAAY,IAClDpB,KAAA8B,oBAAmC,IAAIV,EAAAA,YAAY,IAEnDpB,KAAAqB,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,iBAAkBC,MAAO,kBAClC,CAAED,MAAO,QAASC,MAAO,SACzB,CAAED,MAAO,QAASC,MAAO,+BApB5BrB,EAAAA,UAASC,KAAA,CAAC,CAETC,SAAU,gBACVC,SAAA,27FAEAC,gBAAiBC,EAAAA,wBAAwBC,gGCkB3C,iCAhBCC,EAAAA,SAAQN,KAAA,CAAC,CACRO,aAAc,CACZqB,GAEFnB,QAAS,CACPC,EAAAA,aACAmB,EAAAA,aACAP,EAAAA,oBACAX,EAAAA,eACAC,EAAAA,gBACAC,EAAAA,kBAEFE,QAAS,CACPa,aCpBJ,WAQE/B,KAAA0B,aAA4B,IAAIN,EAAAA,YAAY,IAE5CpB,KAAAqB,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,iBAAkBC,MAAO,kBAClC,CAAED,MAAO,QAASC,MAAO,SACzB,CAAED,MAAO,QAASC,MAAO,+BAlB5BrB,EAAAA,UAASC,KAAA,CAAC,CAETC,SAAU,cACVC,SAAA,44BAEAC,gBAAiBC,EAAAA,wBAAwBC,8DCiB3C,iCAhBCC,EAAAA,SAAQN,KAAA,CAAC,CACRO,aAAc,CACZuB,GAEFrB,QAAS,CACPC,EAAAA,aACAY,EAAAA,oBAEAX,EAAAA,eACAC,EAAAA,gBACAC,EAAAA,kBAEFE,QAAS,CACPe,aCnBJ,WAQEjC,KAAA0B,aAA4B,IAAIN,EAAAA,YAAY,IAE5CpB,KAAAqB,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,iBAAkBC,MAAO,kBAClC,CAAED,MAAO,QAASC,MAAO,SACzB,CAAED,MAAO,QAASC,MAAO,+BAlB5BrB,EAAAA,UAASC,KAAA,CAAC,CAETC,SAAU,eACVC,SAAA,84BAEAC,gBAAiBC,EAAAA,wBAAwBC,iECmB3C,iCAjBCC,EAAAA,SAAQN,KAAA,CAAC,CACRO,aAAc,CACZwB,GAEFtB,QAAS,CACPC,EAAAA,aACAmB,EAAAA,aACAP,EAAAA,oBAEAX,EAAAA,eACAC,EAAAA,gBACAC,EAAAA,kBAEFE,QAAS,CACPgB,WCdSC,EAAgB,CAC3BxB,EACAgB,EACAI,EACAE,EACAC,EACAV","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-checkbox-examples.umd.js

@@ -23,7 +23,8 @@
         { type: core.Component, args: [{
                     // eslint-disable-next-line @angular-eslint/component-selector
                     selector: 'basic-checkbox',
-                    template: "<daff-checkbox [formControl]=\"checkboxExample\" value=\"checkboxExample\">Checkbox</daff-checkbox>\n<div>\n  {{checkboxExample.value}}\n</div>\n<button daff-button color=\"primary\" (click)=\"setFalse()\">Set to false</button>\n<button daff-button (click)=\"setTrue()\">Set to true</button>"
+                    template: "<daff-checkbox [formControl]=\"checkboxExample\" value=\"checkboxExample\">Checkbox</daff-checkbox>\n<div>\n  {{checkboxExample.value}}\n</div>\n<button daff-button color=\"primary\" (click)=\"setFalse()\">Set to false</button>\n<button daff-button (click)=\"setTrue()\">Set to true</button>",
+                    changeDetection: core.ChangeDetectionStrategy.OnPush
                 },] }
     ];
 
@@ -66,7 +67,8 @@
         { type: core.Component, args: [{
                     // eslint-disable-next-line @angular-eslint/component-selector
                     selector: 'checkbox-set',
-                    template: "<daff-checkbox-set [formArray]=\"checkboxArray\">\n  <daff-checkbox [formControl]=\"checkboxArray.at(0)\" value=\"option1\">Option 1 </daff-checkbox>\n  <daff-checkbox [formControl]=\"checkboxArray.at(1)\" value=\"option2\">Option 2 </daff-checkbox>\n  <daff-checkbox [formControl]=\"checkboxArray.at(2)\" value=\"option3\">Option 3 </daff-checkbox>\n</daff-checkbox-set>\n\n<div>\n  {{checkboxArray.value}}\n</div>\n<button daff-button color=\"secondary\" (click)=\"displayList()\">Get List of Values</button>\n<div>\n  List of selected values: {{selectedValues}}\n</div>"
+                    template: "<daff-checkbox-set [formArray]=\"checkboxArray\">\n  <daff-checkbox [formControl]=\"checkboxArray.at(0)\" value=\"option1\">Option 1 </daff-checkbox>\n  <daff-checkbox [formControl]=\"checkboxArray.at(1)\" value=\"option2\">Option 2 </daff-checkbox>\n  <daff-checkbox [formControl]=\"checkboxArray.at(2)\" value=\"option3\">Option 3 </daff-checkbox>\n</daff-checkbox-set>\n\n<div>\n  {{checkboxArray.value}}\n</div>\n<button daff-button color=\"secondary\" (click)=\"displayList()\">Get List of Values</button>\n<div>\n  List of selected values: {{selectedValues}}\n</div>",
+                    changeDetection: core.ChangeDetectionStrategy.OnPush
                 },] }
     ];
     CheckboxSetComponent.propDecorators = {

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

@@ -1 +1 @@
-{"version":3,"file":"daffodil-design-checkbox-examples.umd.js","sources":["../../../libs/design/checkbox/examples/src/basic-checkbox/basic-checkbox.component.ts","../../../libs/design/checkbox/examples/src/basic-checkbox/basic-checkbox.module.ts","../../../libs/design/checkbox/examples/src/checkbox-set/checkbox-set.component.ts","../../../libs/design/checkbox/examples/src/checkbox-set/checkbox-set.module.ts","../../../libs/design/checkbox/examples/src/examples.ts","../../../libs/design/checkbox/examples/src/daffodil-design-checkbox-examples.ts"],"sourcesContent":["import {\n  Component,\n  OnInit,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'basic-checkbox',\n  templateUrl: './basic-checkbox.component.html',\n})\nexport class BasicCheckboxComponent implements OnInit {\n    checkboxExample = new FormControl();\n\n    ngOnInit() {\n      this.checkboxExample.setValue(true);\n    }\n    setFalse() {\n      this.checkboxExample.setValue(false);\n    }\n    setTrue() {\n      this.checkboxExample.setValue(true);\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n  DaffButtonModule,\n  DaffCheckboxModule,\n} from '@daffodil/design';\n\nimport { BasicCheckboxComponent } from './basic-checkbox.component';\n\n\n@NgModule({\n  declarations: [\n    BasicCheckboxComponent,\n  ],\n  exports: [\n    BasicCheckboxComponent,\n  ],\n  imports: [\n    DaffCheckboxModule,\n    DaffButtonModule,\n    ReactiveFormsModule,\n  ],\n  providers: [],\n})\nexport class BasicCheckboxModule { }\n","import {\n  Component,\n  OnInit,\n  ViewChild,\n} from '@angular/core';\nimport {\n  FormArray,\n  FormControl,\n} from '@angular/forms';\n\nimport { DaffCheckboxSetComponent } from '@daffodil/design';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'checkbox-set',\n  templateUrl: './checkbox-set.component.html',\n})\nexport class CheckboxSetComponent implements OnInit {\n\n    @ViewChild(DaffCheckboxSetComponent)\n    private checkboxSet: DaffCheckboxSetComponent;\n    checkboxArray = new FormArray([new FormControl(), new FormControl(), new FormControl()]);\n    selectedValues = [];\n\n    ngOnInit() {\n      this.checkboxArray.setValue([false, false, false]);\n    }\n    displayList() {\n      this.selectedValues = this.checkboxSet.getValues();\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n  DaffButtonModule,\n  DaffCheckboxModule,\n} from '@daffodil/design';\n\nimport { CheckboxSetComponent } from './checkbox-set.component';\n\n@NgModule({\n\n  declarations: [\n    CheckboxSetComponent,\n  ],\n  exports: [\n    CheckboxSetComponent,\n  ],\n  imports: [\n    DaffCheckboxModule,\n    DaffButtonModule,\n    ReactiveFormsModule,\n  ],\n  providers: [],\n})\nexport class CheckboxSetModule { }\n","import { BasicCheckboxComponent } from './basic-checkbox/basic-checkbox.component';\nimport { BasicCheckboxModule } from './basic-checkbox/basic-checkbox.module';\nimport { CheckboxSetComponent } from './checkbox-set/checkbox-set.component';\nimport { CheckboxSetModule } from './checkbox-set/checkbox-set.module';\n\n\nexport const CHECKBOX_EXAMPLES = [\n  CheckboxSetComponent,\n  BasicCheckboxComponent,\n];\n\nexport const CHECKBOX_EXAMPLES_MODULES = [\n  BasicCheckboxModule,\n  CheckboxSetModule,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {BasicCheckboxComponent as ɵb} from './basic-checkbox/basic-checkbox.component';\nexport {BasicCheckboxModule as ɵc} from './basic-checkbox/basic-checkbox.module';\nexport {CheckboxSetComponent as ɵa} from './checkbox-set/checkbox-set.component';\nexport {CheckboxSetModule as ɵd} from './checkbox-set/checkbox-set.module';"],"names":["FormControl","Component","NgModule","DaffCheckboxModule","DaffButtonModule","ReactiveFormsModule","FormArray","ViewChild","DaffCheckboxSetComponent"],"mappings":";;;;;;;QAMA;YAMI,oBAAe,GAAG,IAAIA,iBAAW,EAAE,CAAC;SAWvC;QATG,yCAAQ,GAAR;YACE,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;SACrC;QACD,yCAAQ,GAAR;YACE,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;SACtC;QACD,wCAAO,GAAP;YACE,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;SACrC;;;;gBAhBJC,cAAS,SAAC;;oBAET,QAAQ,EAAE,gBAAgB;oBAC1B,+SAA8C;iBAC/C;;;;QCeD;;;;;gBAdCC,aAAQ,SAAC;oBACR,YAAY,EAAE;wBACZ,sBAAsB;qBACvB;oBACD,OAAO,EAAE;wBACP,sBAAsB;qBACvB;oBACD,OAAO,EAAE;wBACPC,yBAAkB;wBAClBC,uBAAgB;wBAChBC,yBAAmB;qBACpB;oBACD,SAAS,EAAE,EAAE;iBACd;;;;QCZD;YASI,kBAAa,GAAG,IAAIC,eAAS,CAAC,CAAC,IAAIN,iBAAW,EAAE,EAAE,IAAIA,iBAAW,EAAE,EAAE,IAAIA,iBAAW,EAAE,CAAC,CAAC,CAAC;YACzF,mBAAc,GAAG,EAAE,CAAC;SAQvB;QANG,uCAAQ,GAAR;YACE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;SACpD;QACD,0CAAW,GAAX;YACE,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,WAAW,CAAC,SAAS,EAAE,CAAC;SACpD;;;;gBAjBJC,cAAS,SAAC;;oBAET,QAAQ,EAAE,cAAc;oBACxB,wkBAA4C;iBAC7C;;;8BAGIM,cAAS,SAACC,+BAAwB;;;;QCMvC;;;;;gBAfCN,aAAQ,SAAC;oBAER,YAAY,EAAE;wBACZ,oBAAoB;qBACrB;oBACD,OAAO,EAAE;wBACP,oBAAoB;qBACrB;oBACD,OAAO,EAAE;wBACPC,yBAAkB;wBAClBC,uBAAgB;wBAChBC,yBAAmB;qBACpB;oBACD,SAAS,EAAE,EAAE;iBACd;;;QClBY,iBAAiB,GAAG;QAC/B,oBAAoB;QACpB,sBAAsB;MACtB;QAEW,yBAAyB,GAAG;QACvC,mBAAmB;QACnB,iBAAiB;;;ICbnB;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"daffodil-design-checkbox-examples.umd.js","sources":["../../../libs/design/checkbox/examples/src/basic-checkbox/basic-checkbox.component.ts","../../../libs/design/checkbox/examples/src/basic-checkbox/basic-checkbox.module.ts","../../../libs/design/checkbox/examples/src/checkbox-set/checkbox-set.component.ts","../../../libs/design/checkbox/examples/src/checkbox-set/checkbox-set.module.ts","../../../libs/design/checkbox/examples/src/examples.ts","../../../libs/design/checkbox/examples/src/daffodil-design-checkbox-examples.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  OnInit,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'basic-checkbox',\n  templateUrl: './basic-checkbox.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BasicCheckboxComponent implements OnInit {\n    checkboxExample = new FormControl();\n\n    ngOnInit() {\n      this.checkboxExample.setValue(true);\n    }\n    setFalse() {\n      this.checkboxExample.setValue(false);\n    }\n    setTrue() {\n      this.checkboxExample.setValue(true);\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n  DaffButtonModule,\n  DaffCheckboxModule,\n} from '@daffodil/design';\n\nimport { BasicCheckboxComponent } from './basic-checkbox.component';\n\n\n@NgModule({\n  declarations: [\n    BasicCheckboxComponent,\n  ],\n  exports: [\n    BasicCheckboxComponent,\n  ],\n  imports: [\n    DaffCheckboxModule,\n    DaffButtonModule,\n    ReactiveFormsModule,\n  ],\n  providers: [],\n})\nexport class BasicCheckboxModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  OnInit,\n  ViewChild,\n} from '@angular/core';\nimport {\n  FormArray,\n  FormControl,\n} from '@angular/forms';\n\nimport { DaffCheckboxSetComponent } from '@daffodil/design';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'checkbox-set',\n  templateUrl: './checkbox-set.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CheckboxSetComponent implements OnInit {\n\n    @ViewChild(DaffCheckboxSetComponent)\n    private checkboxSet: DaffCheckboxSetComponent;\n    checkboxArray = new FormArray([new FormControl(), new FormControl(), new FormControl()]);\n    selectedValues = [];\n\n    ngOnInit() {\n      this.checkboxArray.setValue([false, false, false]);\n    }\n    displayList() {\n      this.selectedValues = this.checkboxSet.getValues();\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n  DaffButtonModule,\n  DaffCheckboxModule,\n} from '@daffodil/design';\n\nimport { CheckboxSetComponent } from './checkbox-set.component';\n\n@NgModule({\n\n  declarations: [\n    CheckboxSetComponent,\n  ],\n  exports: [\n    CheckboxSetComponent,\n  ],\n  imports: [\n    DaffCheckboxModule,\n    DaffButtonModule,\n    ReactiveFormsModule,\n  ],\n  providers: [],\n})\nexport class CheckboxSetModule { }\n","import { BasicCheckboxComponent } from './basic-checkbox/basic-checkbox.component';\nimport { BasicCheckboxModule } from './basic-checkbox/basic-checkbox.module';\nimport { CheckboxSetComponent } from './checkbox-set/checkbox-set.component';\nimport { CheckboxSetModule } from './checkbox-set/checkbox-set.module';\n\n\nexport const CHECKBOX_EXAMPLES = [\n  CheckboxSetComponent,\n  BasicCheckboxComponent,\n];\n\nexport const CHECKBOX_EXAMPLES_MODULES = [\n  BasicCheckboxModule,\n  CheckboxSetModule,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {BasicCheckboxComponent as ɵb} from './basic-checkbox/basic-checkbox.component';\nexport {BasicCheckboxModule as ɵc} from './basic-checkbox/basic-checkbox.module';\nexport {CheckboxSetComponent as ɵa} from './checkbox-set/checkbox-set.component';\nexport {CheckboxSetModule as ɵd} from './checkbox-set/checkbox-set.module';"],"names":["FormControl","Component","ChangeDetectionStrategy","NgModule","DaffCheckboxModule","DaffButtonModule","ReactiveFormsModule","FormArray","ViewChild","DaffCheckboxSetComponent"],"mappings":";;;;;;;QAOA;YAOI,oBAAe,GAAG,IAAIA,iBAAW,EAAE,CAAC;SAWvC;QATG,yCAAQ,GAAR;YACE,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;SACrC;QACD,yCAAQ,GAAR;YACE,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;SACtC;QACD,wCAAO,GAAP;YACE,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;SACrC;;;;gBAjBJC,cAAS,SAAC;;oBAET,QAAQ,EAAE,gBAAgB;oBAC1B,+SAA8C;oBAC9C,eAAe,EAAEC,4BAAuB,CAAC,MAAM;iBAChD;;;;QCaD;;;;;gBAdCC,aAAQ,SAAC;oBACR,YAAY,EAAE;wBACZ,sBAAsB;qBACvB;oBACD,OAAO,EAAE;wBACP,sBAAsB;qBACvB;oBACD,OAAO,EAAE;wBACPC,yBAAkB;wBAClBC,uBAAgB;wBAChBC,yBAAmB;qBACpB;oBACD,SAAS,EAAE,EAAE;iBACd;;;;QCXD;YAUI,kBAAa,GAAG,IAAIC,eAAS,CAAC,CAAC,IAAIP,iBAAW,EAAE,EAAE,IAAIA,iBAAW,EAAE,EAAE,IAAIA,iBAAW,EAAE,CAAC,CAAC,CAAC;YACzF,mBAAc,GAAG,EAAE,CAAC;SAQvB;QANG,uCAAQ,GAAR;YACE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;SACpD;QACD,0CAAW,GAAX;YACE,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,WAAW,CAAC,SAAS,EAAE,CAAC;SACpD;;;;gBAlBJC,cAAS,SAAC;;oBAET,QAAQ,EAAE,cAAc;oBACxB,wkBAA4C;oBAC5C,eAAe,EAAEC,4BAAuB,CAAC,MAAM;iBAChD;;;8BAGIM,cAAS,SAACC,+BAAwB;;;;QCIvC;;;;;gBAfCN,aAAQ,SAAC;oBAER,YAAY,EAAE;wBACZ,oBAAoB;qBACrB;oBACD,OAAO,EAAE;wBACP,oBAAoB;qBACrB;oBACD,OAAO,EAAE;wBACPC,yBAAkB;wBAClBC,uBAAgB;wBAChBC,yBAAmB;qBACpB;oBACD,SAAS,EAAE,EAAE;iBACd;;;QClBY,iBAAiB,GAAG;QAC/B,oBAAoB;QACpB,sBAAsB;MACtB;QAEW,yBAAyB,GAAG;QACvC,mBAAmB;QACnB,iBAAiB;;;ICbnB;;;;;;;;;;;;;;;;;"}

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

@@ -1,2 +1,2 @@
-!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("@angular/core"),require("@angular/forms"),require("@daffodil/design")):"function"==typeof define&&define.amd?define("@daffodil/design/checkbox/examples",["exports","@angular/core","@angular/forms","@daffodil/design"],o):o(((e="undefined"!=typeof globalThis?globalThis:e||self).daffodil=e.daffodil||{},e.daffodil.design=e.daffodil.design||{},e.daffodil.design.checkbox=e.daffodil.design.checkbox||{},e.daffodil.design.checkbox.examples={}),e.ng.core,e.ng.forms,e.daffodil.design)}(this,(function(e,o,t,n){"use strict";var c=function(){function e(){this.checkboxExample=new t.FormControl}return e.prototype.ngOnInit=function(){this.checkboxExample.setValue(!0)},e.prototype.setFalse=function(){this.checkboxExample.setValue(!1)},e.prototype.setTrue=function(){this.checkboxExample.setValue(!0)},e}();c.decorators=[{type:o.Component,args:[{selector:"basic-checkbox",template:'<daff-checkbox [formControl]="checkboxExample" value="checkboxExample">Checkbox</daff-checkbox>\n<div>\n  {{checkboxExample.value}}\n</div>\n<button daff-button color="primary" (click)="setFalse()">Set to false</button>\n<button daff-button (click)="setTrue()">Set to true</button>'}]}];var a=function(){};a.decorators=[{type:o.NgModule,args:[{declarations:[c],exports:[c],imports:[n.DaffCheckboxModule,n.DaffButtonModule,t.ReactiveFormsModule],providers:[]}]}];var r=function(){function e(){this.checkboxArray=new t.FormArray([new t.FormControl,new t.FormControl,new t.FormControl]),this.selectedValues=[]}return e.prototype.ngOnInit=function(){this.checkboxArray.setValue([!1,!1,!1])},e.prototype.displayList=function(){this.selectedValues=this.checkboxSet.getValues()},e}();r.decorators=[{type:o.Component,args:[{selector:"checkbox-set",template:'<daff-checkbox-set [formArray]="checkboxArray">\n  <daff-checkbox [formControl]="checkboxArray.at(0)" value="option1">Option 1 </daff-checkbox>\n  <daff-checkbox [formControl]="checkboxArray.at(1)" value="option2">Option 2 </daff-checkbox>\n  <daff-checkbox [formControl]="checkboxArray.at(2)" value="option3">Option 3 </daff-checkbox>\n</daff-checkbox-set>\n\n<div>\n  {{checkboxArray.value}}\n</div>\n<button daff-button color="secondary" (click)="displayList()">Get List of Values</button>\n<div>\n  List of selected values: {{selectedValues}}\n</div>'}]}],r.propDecorators={checkboxSet:[{type:o.ViewChild,args:[n.DaffCheckboxSetComponent]}]};var f=function(){};f.decorators=[{type:o.NgModule,args:[{declarations:[r],exports:[r],imports:[n.DaffCheckboxModule,n.DaffButtonModule,t.ReactiveFormsModule],providers:[]}]}];var i=[r,c],s=[a,f];e.CHECKBOX_EXAMPLES=i,e.CHECKBOX_EXAMPLES_MODULES=s,e.ɵa=r,e.ɵb=c,e.ɵc=a,e.ɵd=f,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("@angular/core"),require("@angular/forms"),require("@daffodil/design")):"function"==typeof define&&define.amd?define("@daffodil/design/checkbox/examples",["exports","@angular/core","@angular/forms","@daffodil/design"],o):o(((e="undefined"!=typeof globalThis?globalThis:e||self).daffodil=e.daffodil||{},e.daffodil.design=e.daffodil.design||{},e.daffodil.design.checkbox=e.daffodil.design.checkbox||{},e.daffodil.design.checkbox.examples={}),e.ng.core,e.ng.forms,e.daffodil.design)}(this,(function(e,o,t,n){"use strict";var c=function(){function e(){this.checkboxExample=new t.FormControl}return e.prototype.ngOnInit=function(){this.checkboxExample.setValue(!0)},e.prototype.setFalse=function(){this.checkboxExample.setValue(!1)},e.prototype.setTrue=function(){this.checkboxExample.setValue(!0)},e}();c.decorators=[{type:o.Component,args:[{selector:"basic-checkbox",template:'<daff-checkbox [formControl]="checkboxExample" value="checkboxExample">Checkbox</daff-checkbox>\n<div>\n  {{checkboxExample.value}}\n</div>\n<button daff-button color="primary" (click)="setFalse()">Set to false</button>\n<button daff-button (click)="setTrue()">Set to true</button>',changeDetection:o.ChangeDetectionStrategy.OnPush}]}];var a=function(){};a.decorators=[{type:o.NgModule,args:[{declarations:[c],exports:[c],imports:[n.DaffCheckboxModule,n.DaffButtonModule,t.ReactiveFormsModule],providers:[]}]}];var r=function(){function e(){this.checkboxArray=new t.FormArray([new t.FormControl,new t.FormControl,new t.FormControl]),this.selectedValues=[]}return e.prototype.ngOnInit=function(){this.checkboxArray.setValue([!1,!1,!1])},e.prototype.displayList=function(){this.selectedValues=this.checkboxSet.getValues()},e}();r.decorators=[{type:o.Component,args:[{selector:"checkbox-set",template:'<daff-checkbox-set [formArray]="checkboxArray">\n  <daff-checkbox [formControl]="checkboxArray.at(0)" value="option1">Option 1 </daff-checkbox>\n  <daff-checkbox [formControl]="checkboxArray.at(1)" value="option2">Option 2 </daff-checkbox>\n  <daff-checkbox [formControl]="checkboxArray.at(2)" value="option3">Option 3 </daff-checkbox>\n</daff-checkbox-set>\n\n<div>\n  {{checkboxArray.value}}\n</div>\n<button daff-button color="secondary" (click)="displayList()">Get List of Values</button>\n<div>\n  List of selected values: {{selectedValues}}\n</div>',changeDetection:o.ChangeDetectionStrategy.OnPush}]}],r.propDecorators={checkboxSet:[{type:o.ViewChild,args:[n.DaffCheckboxSetComponent]}]};var i=function(){};i.decorators=[{type:o.NgModule,args:[{declarations:[r],exports:[r],imports:[n.DaffCheckboxModule,n.DaffButtonModule,t.ReactiveFormsModule],providers:[]}]}];var f=[r,c],s=[a,i];e.CHECKBOX_EXAMPLES=f,e.CHECKBOX_EXAMPLES_MODULES=s,e.ɵa=r,e.ɵb=c,e.ɵc=a,e.ɵd=i,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=daffodil-design-checkbox-examples.umd.min.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../libs/design/checkbox/examples/src/basic-checkbox/basic-checkbox.component.ts","../../../libs/design/checkbox/examples/src/basic-checkbox/basic-checkbox.module.ts","../../../libs/design/checkbox/examples/src/checkbox-set/checkbox-set.component.ts","../../../libs/design/checkbox/examples/src/checkbox-set/checkbox-set.module.ts","../../../libs/design/checkbox/examples/src/examples.ts"],"names":["BasicCheckboxComponent","this","checkboxExample","FormControl","prototype","ngOnInit","setValue","setFalse","setTrue","Component","args","selector","template","NgModule","declarations","exports","imports","DaffCheckboxModule","DaffButtonModule","ReactiveFormsModule","providers","CheckboxSetComponent","checkboxArray","FormArray","selectedValues","displayList","checkboxSet","getValues","ViewChild","DaffCheckboxSetComponent","CHECKBOX_EXAMPLES","CHECKBOX_EXAMPLES_MODULES","BasicCheckboxModule","CheckboxSetModule"],"mappings":"6mBAMA,SAAAA,IAMIC,KAAAC,gBAAkB,IAAIC,EAAAA,mBAEtBH,EAAAI,UAAAC,SAAA,WACEJ,KAAKC,gBAAgBI,UAAS,IAEhCN,EAAAI,UAAAG,SAAA,WACEN,KAAKC,gBAAgBI,UAAS,IAEhCN,EAAAI,UAAAI,QAAA,WACEP,KAAKC,gBAAgBI,UAAS,6BAfnCG,EAAAA,UAASC,KAAA,CAAC,CAETC,SAAU,iBACVC,SAAA,sSCgBF,iCAdCC,EAAAA,SAAQH,KAAA,CAAC,CACRI,aAAc,CACZd,GAEFe,QAAS,CACPf,GAEFgB,QAAS,CACPC,EAAAA,mBACAC,EAAAA,iBACAC,EAAAA,qBAEFC,UAAW,wBCXb,SAAAC,IASIpB,KAAAqB,cAAgB,IAAIC,EAAAA,UAAU,CAAC,IAAIpB,EAAAA,YAAe,IAAIA,EAAAA,YAAe,IAAIA,EAAAA,cACzEF,KAAAuB,eAAiB,UAEjBH,EAAAjB,UAAAC,SAAA,WACEJ,KAAKqB,cAAchB,SAAS,EAAC,GAAO,GAAO,KAE7Ce,EAAAjB,UAAAqB,YAAA,WACExB,KAAKuB,eAAiBvB,KAAKyB,YAAYC,sCAhB5ClB,EAAAA,UAASC,KAAA,CAAC,CAETC,SAAU,eACVC,SAAA,slBAIGgB,EAAAA,UAASlB,KAAA,CAACmB,EAAAA,mCCMf,iCAfChB,EAAAA,SAAQH,KAAA,CAAC,CAERI,aAAc,CACZO,GAEFN,QAAS,CACPM,GAEFL,QAAS,CACPC,EAAAA,mBACAC,EAAAA,iBACAC,EAAAA,qBAEFC,UAAW,WCjBAU,EAAoB,CAC/BT,EACArB,GAGW+B,EAA4B,CACvCC,EACAC","sourcesContent":["import {\n  Component,\n  OnInit,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'basic-checkbox',\n  templateUrl: './basic-checkbox.component.html',\n})\nexport class BasicCheckboxComponent implements OnInit {\n    checkboxExample = new FormControl();\n\n    ngOnInit() {\n      this.checkboxExample.setValue(true);\n    }\n    setFalse() {\n      this.checkboxExample.setValue(false);\n    }\n    setTrue() {\n      this.checkboxExample.setValue(true);\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n  DaffButtonModule,\n  DaffCheckboxModule,\n} from '@daffodil/design';\n\nimport { BasicCheckboxComponent } from './basic-checkbox.component';\n\n\n@NgModule({\n  declarations: [\n    BasicCheckboxComponent,\n  ],\n  exports: [\n    BasicCheckboxComponent,\n  ],\n  imports: [\n    DaffCheckboxModule,\n    DaffButtonModule,\n    ReactiveFormsModule,\n  ],\n  providers: [],\n})\nexport class BasicCheckboxModule { }\n","import {\n  Component,\n  OnInit,\n  ViewChild,\n} from '@angular/core';\nimport {\n  FormArray,\n  FormControl,\n} from '@angular/forms';\n\nimport { DaffCheckboxSetComponent } from '@daffodil/design';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'checkbox-set',\n  templateUrl: './checkbox-set.component.html',\n})\nexport class CheckboxSetComponent implements OnInit {\n\n    @ViewChild(DaffCheckboxSetComponent)\n    private checkboxSet: DaffCheckboxSetComponent;\n    checkboxArray = new FormArray([new FormControl(), new FormControl(), new FormControl()]);\n    selectedValues = [];\n\n    ngOnInit() {\n      this.checkboxArray.setValue([false, false, false]);\n    }\n    displayList() {\n      this.selectedValues = this.checkboxSet.getValues();\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n  DaffButtonModule,\n  DaffCheckboxModule,\n} from '@daffodil/design';\n\nimport { CheckboxSetComponent } from './checkbox-set.component';\n\n@NgModule({\n\n  declarations: [\n    CheckboxSetComponent,\n  ],\n  exports: [\n    CheckboxSetComponent,\n  ],\n  imports: [\n    DaffCheckboxModule,\n    DaffButtonModule,\n    ReactiveFormsModule,\n  ],\n  providers: [],\n})\nexport class CheckboxSetModule { }\n","import { BasicCheckboxComponent } from './basic-checkbox/basic-checkbox.component';\nimport { BasicCheckboxModule } from './basic-checkbox/basic-checkbox.module';\nimport { CheckboxSetComponent } from './checkbox-set/checkbox-set.component';\nimport { CheckboxSetModule } from './checkbox-set/checkbox-set.module';\n\n\nexport const CHECKBOX_EXAMPLES = [\n  CheckboxSetComponent,\n  BasicCheckboxComponent,\n];\n\nexport const CHECKBOX_EXAMPLES_MODULES = [\n  BasicCheckboxModule,\n  CheckboxSetModule,\n];\n"]}
+{"version":3,"sources":["../../../libs/design/checkbox/examples/src/basic-checkbox/basic-checkbox.component.ts","../../../libs/design/checkbox/examples/src/basic-checkbox/basic-checkbox.module.ts","../../../libs/design/checkbox/examples/src/checkbox-set/checkbox-set.component.ts","../../../libs/design/checkbox/examples/src/checkbox-set/checkbox-set.module.ts","../../../libs/design/checkbox/examples/src/examples.ts"],"names":["BasicCheckboxComponent","this","checkboxExample","FormControl","prototype","ngOnInit","setValue","setFalse","setTrue","Component","args","selector","template","changeDetection","ChangeDetectionStrategy","OnPush","NgModule","declarations","exports","imports","DaffCheckboxModule","DaffButtonModule","ReactiveFormsModule","providers","CheckboxSetComponent","checkboxArray","FormArray","selectedValues","displayList","checkboxSet","getValues","ViewChild","DaffCheckboxSetComponent","CHECKBOX_EXAMPLES","CHECKBOX_EXAMPLES_MODULES","BasicCheckboxModule","CheckboxSetModule"],"mappings":"6mBAOA,SAAAA,IAOIC,KAAAC,gBAAkB,IAAIC,EAAAA,mBAEtBH,EAAAI,UAAAC,SAAA,WACEJ,KAAKC,gBAAgBI,UAAS,IAEhCN,EAAAI,UAAAG,SAAA,WACEN,KAAKC,gBAAgBI,UAAS,IAEhCN,EAAAI,UAAAI,QAAA,WACEP,KAAKC,gBAAgBI,UAAS,6BAhBnCG,EAAAA,UAASC,KAAA,CAAC,CAETC,SAAU,iBACVC,SAAA,4RACAC,gBAAiBC,EAAAA,wBAAwBC,iBCc3C,iCAdCC,EAAAA,SAAQN,KAAA,CAAC,CACRO,aAAc,CACZjB,GAEFkB,QAAS,CACPlB,GAEFmB,QAAS,CACPC,EAAAA,mBACAC,EAAAA,iBACAC,EAAAA,qBAEFC,UAAW,wBCVb,SAAAC,IAUIvB,KAAAwB,cAAgB,IAAIC,EAAAA,UAAU,CAAC,IAAIvB,EAAAA,YAAe,IAAIA,EAAAA,YAAe,IAAIA,EAAAA,cACzEF,KAAA0B,eAAiB,UAEjBH,EAAApB,UAAAC,SAAA,WACEJ,KAAKwB,cAAcnB,SAAS,EAAC,GAAO,GAAO,KAE7CkB,EAAApB,UAAAwB,YAAA,WACE3B,KAAK0B,eAAiB1B,KAAK4B,YAAYC,sCAjB5CrB,EAAAA,UAASC,KAAA,CAAC,CAETC,SAAU,eACVC,SAAA,6iBACAC,gBAAiBC,EAAAA,wBAAwBC,gDAItCgB,EAAAA,UAASrB,KAAA,CAACsB,EAAAA,mCCIf,iCAfChB,EAAAA,SAAQN,KAAA,CAAC,CAERO,aAAc,CACZO,GAEFN,QAAS,CACPM,GAEFL,QAAS,CACPC,EAAAA,mBACAC,EAAAA,iBACAC,EAAAA,qBAEFC,UAAW,WCjBAU,EAAoB,CAC/BT,EACAxB,GAGWkC,EAA4B,CACvCC,EACAC","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  OnInit,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'basic-checkbox',\n  templateUrl: './basic-checkbox.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BasicCheckboxComponent implements OnInit {\n    checkboxExample = new FormControl();\n\n    ngOnInit() {\n      this.checkboxExample.setValue(true);\n    }\n    setFalse() {\n      this.checkboxExample.setValue(false);\n    }\n    setTrue() {\n      this.checkboxExample.setValue(true);\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n  DaffButtonModule,\n  DaffCheckboxModule,\n} from '@daffodil/design';\n\nimport { BasicCheckboxComponent } from './basic-checkbox.component';\n\n\n@NgModule({\n  declarations: [\n    BasicCheckboxComponent,\n  ],\n  exports: [\n    BasicCheckboxComponent,\n  ],\n  imports: [\n    DaffCheckboxModule,\n    DaffButtonModule,\n    ReactiveFormsModule,\n  ],\n  providers: [],\n})\nexport class BasicCheckboxModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  OnInit,\n  ViewChild,\n} from '@angular/core';\nimport {\n  FormArray,\n  FormControl,\n} from '@angular/forms';\n\nimport { DaffCheckboxSetComponent } from '@daffodil/design';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'checkbox-set',\n  templateUrl: './checkbox-set.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CheckboxSetComponent implements OnInit {\n\n    @ViewChild(DaffCheckboxSetComponent)\n    private checkboxSet: DaffCheckboxSetComponent;\n    checkboxArray = new FormArray([new FormControl(), new FormControl(), new FormControl()]);\n    selectedValues = [];\n\n    ngOnInit() {\n      this.checkboxArray.setValue([false, false, false]);\n    }\n    displayList() {\n      this.selectedValues = this.checkboxSet.getValues();\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n  DaffButtonModule,\n  DaffCheckboxModule,\n} from '@daffodil/design';\n\nimport { CheckboxSetComponent } from './checkbox-set.component';\n\n@NgModule({\n\n  declarations: [\n    CheckboxSetComponent,\n  ],\n  exports: [\n    CheckboxSetComponent,\n  ],\n  imports: [\n    DaffCheckboxModule,\n    DaffButtonModule,\n    ReactiveFormsModule,\n  ],\n  providers: [],\n})\nexport class CheckboxSetModule { }\n","import { BasicCheckboxComponent } from './basic-checkbox/basic-checkbox.component';\nimport { BasicCheckboxModule } from './basic-checkbox/basic-checkbox.module';\nimport { CheckboxSetComponent } from './checkbox-set/checkbox-set.component';\nimport { CheckboxSetModule } from './checkbox-set/checkbox-set.module';\n\n\nexport const CHECKBOX_EXAMPLES = [\n  CheckboxSetComponent,\n  BasicCheckboxComponent,\n];\n\nexport const CHECKBOX_EXAMPLES_MODULES = [\n  BasicCheckboxModule,\n  CheckboxSetModule,\n];\n"]}

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

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

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

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

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

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

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

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

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

@@ -1,11 +1,12 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/forms'), require('@angular/common'), require('@daffodil/design')) :
-    typeof define === 'function' && define.amd ? define('@daffodil/design/hero/examples', ['exports', '@angular/core', '@angular/forms', '@angular/common', '@daffodil/design'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.daffodil = global.daffodil || {}, global.daffodil.design = global.daffodil.design || {}, global.daffodil.design.hero = global.daffodil.design.hero || {}, global.daffodil.design.hero.examples = {}), global.ng.core, global.ng.forms, global.ng.common, global.daffodil.design));
-}(this, (function (exports, core, forms, common, design) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/forms'), require('@fortawesome/free-solid-svg-icons'), require('@angular/common'), require('@fortawesome/angular-fontawesome'), require('@daffodil/design')) :
+    typeof define === 'function' && define.amd ? define('@daffodil/design/hero/examples', ['exports', '@angular/core', '@angular/forms', '@fortawesome/free-solid-svg-icons', '@angular/common', '@fortawesome/angular-fontawesome', '@daffodil/design'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.daffodil = global.daffodil || {}, global.daffodil.design = global.daffodil.design || {}, global.daffodil.design.hero = global.daffodil.design.hero || {}, global.daffodil.design.hero.examples = {}), global.ng.core, global.ng.forms, global.freeSolidSvgIcons, global.ng.common, global.angularFontawesome, global.daffodil.design));
+}(this, (function (exports, core, forms, freeSolidSvgIcons, common, angularFontawesome, design) { 'use strict';
 
     var HeroThemingComponent = /** @class */ (function () {
         function HeroThemingComponent() {
+            this.faMobile = freeSolidSvgIcons.faMobile;
             this.color = 'primary';
             this.colorControl = new forms.FormControl('');
         }
@@ -15,7 +16,9 @@
         { type: core.Component, args: [{
                     // eslint-disable-next-line @angular-eslint/component-selector
                     selector: 'hero-theming',
-                    template: "<daff-hero [color]=\"colorControl.value\">\n\t<div daffHeroTagline>Hero Tagline</div>\n\t<h1 daffHeroTitle>Hero Title</h1>\n\t<h2 daffHeroSubtitle>Hero subtitle</h2>\n\t<div>Additional Content (i.e. buttons, images)</div>\n</daff-hero>\n\n<select [formControl]=\"colorControl\">\n\t<option value=\"\">Default</option>\n\t<option value=\"primary\">Primary</option>\n\t<option value=\"secondary\">Secondary</option>\n\t<option value=\"tertiary\">Tertiary</option>\n\t<option value=\"white\">White</option>\n\t<option value=\"black\">Black</option>\n\t<option value=\"theme\">Theme</option>\n\t<option value=\"theme-contrast\">Theme Contrast</option>\n</select>"
+                    template: "<daff-hero [color]=\"colorControl.value\">\n\t<div class=\"daff-hero-theming__icon\" daffHeroIcon>\n\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t</div>\n\t<p daffHeroTagline>Frontend framework for ecommerce PWAs</p>\n\t<h1 daffHeroTitle>Daffodil: The next great leap in ecommerce.</h1>\n\t<h2 daffHeroSubtitle>\n\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t</h2>\n\t<div daffHeroBody>\n\t\t<a href=\"https://www.daff.io\" target=\"_blank\" daff-button>Get Started</a>\n\t</div>\n</daff-hero>\n\n<select [formControl]=\"colorControl\">\n\t<option value=\"\">Default</option>\n\t<option value=\"primary\">Primary</option>\n\t<option value=\"secondary\">Secondary</option>\n\t<option value=\"tertiary\">Tertiary</option>\n\t<option value=\"white\">White</option>\n\t<option value=\"black\">Black</option>\n\t<option value=\"theme\">Theme</option>\n\t<option value=\"theme-contrast\">Theme Contrast</option>\n</select>",
+                    changeDetection: core.ChangeDetectionStrategy.OnPush,
+                    styles: [".daff-hero-theming__icon{display:flex;background:rgba(var(--daff-theme-rgb),.2);border-radius:50%;color:var(--daff-theme-contrast-rgb);width:48px;height:48px;justify-content:center;align-items:center;padding:12px 0}"]
                 },] }
     ];
 
@@ -33,6 +36,8 @@
                         common.CommonModule,
                         forms.ReactiveFormsModule,
                         design.DaffHeroModule,
+                        design.DaffButtonModule,
+                        angularFontawesome.FontAwesomeModule,
                     ],
                     exports: [
                         HeroThemingComponent,
@@ -42,6 +47,7 @@
 
     var HeroTextAlignmentComponent = /** @class */ (function () {
         function HeroTextAlignmentComponent() {
+            this.faMobile = freeSolidSvgIcons.faMobile;
             this.textAlignControl = new forms.FormControl('');
             this.options = [
                 { value: '', label: 'Default' },
@@ -56,7 +62,9 @@
         { type: core.Component, args: [{
                     // eslint-disable-next-line @angular-eslint/component-selector
                     selector: 'hero-text-alignment',
-                    template: "<daff-hero [textAlignment]=\"textAlignControl.value\">\n\t<daff-container size=\"md\">\n\t\t<div daffHeroTagline>Frontend framework for ecommerce PWAs</div>\n\t\t<h3 daffHeroTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t\t<div daffHeroSubtitle>\n\t\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t\t</div>\n\t</daff-container>\n</daff-hero>\n\n<select [formControl]=\"textAlignControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>"
+                    template: "<daff-hero [textAlignment]=\"textAlignControl.value\">\n\t<daff-container size=\"md\">\n\t\t<div class=\"daff-hero-text-alignment__icon\" daffHeroIcon>\n\t\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t\t</div>\n\t\t<p daffHeroTagline>Frontend framework for ecommerce PWAs</p>\n\t\t<h1 daffHeroTitle>Daffodil: The next great leap in ecommerce.</h1>\n\t\t<h2 daffHeroSubtitle>\n\t\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t\t</h2>\n\t\t<div daffHeroBody>\n\t\t\t<a href=\"https://www.daff.io\" target=\"_blank\" daff-button>Get Started</a>\n\t\t</div>\n\t</daff-container>\n</daff-hero>\n\n<select [formControl]=\"textAlignControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>",
+                    changeDetection: core.ChangeDetectionStrategy.OnPush,
+                    styles: [".daff-hero-text-alignment__icon{display:flex;background:rgba(var(--daff-theme-rgb),.2);border-radius:50%;color:var(--daff-theme-contrast-rgb);width:48px;height:48px;justify-content:center;align-items:center;padding:12px 0}"]
                 },] }
     ];
 
@@ -75,12 +83,15 @@
                         forms.ReactiveFormsModule,
                         design.DaffHeroModule,
                         design.DaffContainerModule,
+                        design.DaffButtonModule,
+                        angularFontawesome.FontAwesomeModule,
                     ],
                 },] }
     ];
 
     var HeroWithGridComponent = /** @class */ (function () {
         function HeroWithGridComponent() {
+            this.faMobile = freeSolidSvgIcons.faMobile;
         }
         return HeroWithGridComponent;
     }());
@@ -88,8 +99,9 @@
         { type: core.Component, args: [{
                     // eslint-disable-next-line @angular-eslint/component-selector
                     selector: 'hero-with-grid',
-                    template: "<daff-hero color=\"theme\">\n\t<daff-container class=\"daff-hero-with-grid__grid\">\n\t\t<div class=\"daff-hero-with-grid__image\">\n\t\t\t<img src=\"/assets/design/callout/pwa-illustration.svg\" alt=\"PWA Illustration\">\n\t\t</div>\n\t\t<div class=\"daff-hero-with-grid__content-wrapper\">\n\t\t\t<div daffHeroTagline>Frontend framework for ecommerce PWAs</div>\n\t\t\t<h3 daffHeroTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t\t\t<div daffHeroSubtitle>\n\t\t\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t\t\t</div>\n\t\t</div>\n\t</daff-container>\n</daff-hero>",
-                    styles: [".daff-hero-with-grid__grid{display:grid;grid-template:\"image\" \"content\"/1fr;grid-gap:24px}@media (min-width:768px){.daff-hero-with-grid__grid{grid-template:\"image content\"/1fr 1fr;grid-gap:48px;align-items:center}}.daff-hero-with-grid__image{grid-area:image}.daff-hero-with-grid__content-wrapper{grid-area:content}"]
+                    template: "<daff-hero color=\"theme\">\n\t<daff-container class=\"daff-hero-with-grid__grid\">\n\t\t<div class=\"daff-hero-with-grid__image\">\n\t\t\t<img src=\"/assets/design/callout/pwa-illustration.svg\" alt=\"PWA Illustration\">\n\t\t</div>\n\t\t<div class=\"daff-hero-with-grid__content-wrapper\">\n\t\t\t<div class=\"daff-hero-with-grid__icon\" daffHeroIcon>\n\t\t\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t\t\t</div>\n\t\t\t<p daffHeroTagline>Frontend framework for ecommerce PWAs</p>\n\t\t\t<h3 daffHeroTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t\t\t<div daffHeroSubtitle>\n\t\t\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t\t\t</div>\n\t\t\t<div daffHeroBody>\n\t\t\t\t<a href=\"https://www.daff.io\" target=\"_blank\" daff-button>Get Started</a>\n\t\t\t</div>\n\t\t</div>\n\t</daff-container>\n</daff-hero>",
+                    changeDetection: core.ChangeDetectionStrategy.OnPush,
+                    styles: [".daff-hero-with-grid__grid{display:grid;grid-template:\"image\" \"content\"/1fr;grid-gap:24px}@media (min-width:768px){.daff-hero-with-grid__grid{grid-template:\"image content\"/1fr 1fr;grid-gap:48px;align-items:center}}.daff-hero-with-grid__image{grid-area:image}.daff-hero-with-grid__content-wrapper{grid-area:content}.daff-hero-with-grid__icon{display:flex;background:rgba(var(--daff-theme-rgb),.2);border-radius:50%;color:var(--daff-theme-contrast-rgb);width:48px;height:48px;justify-content:center;align-items:center;padding:12px 0}"]
                 },] }
     ];
 
@@ -109,6 +121,46 @@
                         design.DaffHeroModule,
                         design.DaffContainerModule,
                         design.DaffButtonModule,
+                        angularFontawesome.FontAwesomeModule,
+                    ],
+                },] }
+    ];
+
+    var CompactHeroComponent = /** @class */ (function () {
+        function CompactHeroComponent() {
+            this.faMobile = freeSolidSvgIcons.faMobile;
+        }
+        return CompactHeroComponent;
+    }());
+    CompactHeroComponent.decorators = [
+        { type: core.Component, args: [{
+                    // eslint-disable-next-line @angular-eslint/component-selector
+                    selector: 'compact-hero',
+                    template: "<daff-hero [compact]=\"true\">\n\t<div class=\"daff-compact-hero__icon\" daffHeroIcon>\n\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t</div>\n\t<p daffHeroTagline>Frontend framework for ecommerce PWAs</p>\n\t<h1 daffHeroTitle>Daffodil: The next great leap in ecommerce.</h1>\n\t<h2 daffHeroSubtitle>\n\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t</h2>\n\t<div daffHeroBody>\n\t\t<a href=\"https://www.daff.io\" target=\"_blank\" daff-button>Get Started</a>\n\t</div>\n</daff-hero>",
+                    changeDetection: core.ChangeDetectionStrategy.OnPush,
+                    styles: [".daff-compact-hero__icon{display:flex;background:rgba(var(--daff-theme-rgb),.2);border-radius:50%;color:var(--daff-theme-contrast-rgb);width:48px;height:48px;justify-content:center;align-items:center;padding:12px 0}"]
+                },] }
+    ];
+
+    var CompactHeroModule = /** @class */ (function () {
+        function CompactHeroModule() {
+        }
+        return CompactHeroModule;
+    }());
+    CompactHeroModule.decorators = [
+        { type: core.NgModule, args: [{
+                    declarations: [
+                        CompactHeroComponent,
+                    ],
+                    imports: [
+                        common.CommonModule,
+                        forms.ReactiveFormsModule,
+                        design.DaffHeroModule,
+                        design.DaffButtonModule,
+                        angularFontawesome.FontAwesomeModule,
+                    ],
+                    exports: [
+                        CompactHeroComponent,
                     ],
                 },] }
     ];
@@ -117,12 +169,15 @@
         HeroThemingComponent,
         HeroTextAlignmentComponent,
         HeroWithGridComponent,
+        CompactHeroComponent,
     ];
 
     /**
      * Generated bundle index. Do not edit.
      */
 
+    exports.CompactHeroComponent = CompactHeroComponent;
+    exports.CompactHeroModule = CompactHeroModule;
     exports.HERO_EXAMPLES = HERO_EXAMPLES;
     exports.HeroTextAlignmentComponent = HeroTextAlignmentComponent;
     exports.HeroTextAlignmentModule = HeroTextAlignmentModule;

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

@@ -1 +1 @@
-{"version":3,"file":"daffodil-design-hero-examples.umd.js","sources":["../../../libs/design/hero/examples/src/hero-theming/hero-theming.component.ts","../../../libs/design/hero/examples/src/hero-theming/hero-theming.module.ts","../../../libs/design/hero/examples/src/hero-text-alignment/hero-text-alignment.component.ts","../../../libs/design/hero/examples/src/hero-text-alignment/hero-text-alignment.module.ts","../../../libs/design/hero/examples/src/hero-with-grid/hero-with-grid.component.ts","../../../libs/design/hero/examples/src/hero-with-grid/hero-with-grid.module.ts","../../../libs/design/hero/examples/src/examples.ts","../../../libs/design/hero/examples/src/daffodil-design-hero-examples.ts"],"sourcesContent":["import { Component } from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\nimport { DaffPalette } from '@daffodil/design';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'hero-theming',\n  templateUrl: './hero-theming.component.html',\n})\nexport class HeroThemingComponent {\n  color: DaffPalette = 'primary';\n\n  colorControl: FormControl = new FormControl('');\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { DaffHeroModule } from '@daffodil/design';\n\nimport { HeroThemingComponent } from './hero-theming.component';\n\n\n@NgModule({\n  declarations: [\n    HeroThemingComponent,\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    DaffHeroModule,\n  ],\n  exports: [\n    HeroThemingComponent,\n  ],\n})\nexport class HeroThemingModule { }\n","import { Component } from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'hero-text-alignment',\n  templateUrl: './hero-text-alignment.component.html',\n})\nexport class HeroTextAlignmentComponent {\n  textAlignControl: FormControl = new FormControl('');\n\n  options = [\n    { value: '', label: 'Default' },\n    { value: 'left', label: 'Left' },\n    { value: 'center', label: 'Center' },\n    { value: 'right', label: 'Right' },\n  ];\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n  DaffHeroModule,\n  DaffContainerModule,\n} from '@daffodil/design';\n\nimport { HeroTextAlignmentComponent } from './hero-text-alignment.component';\n\n@NgModule({\n  declarations: [\n    HeroTextAlignmentComponent,\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    DaffHeroModule,\n    DaffContainerModule,\n  ],\n})\nexport class HeroTextAlignmentModule { }\n","import { Component } from '@angular/core';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'hero-with-grid',\n  templateUrl: './hero-with-grid.component.html',\n  styleUrls: ['./hero-with-grid.component.scss'],\n})\nexport class HeroWithGridComponent {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n  DaffHeroModule,\n  DaffContainerModule,\n  DaffButtonModule,\n} from '@daffodil/design';\n\nimport { HeroWithGridComponent } from './hero-with-grid.component';\n\n@NgModule({\n  declarations: [\n    HeroWithGridComponent,\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    DaffHeroModule,\n    DaffContainerModule,\n    DaffButtonModule,\n  ],\n})\nexport class HeroWithGridModule { }\n","import { HeroTextAlignmentComponent } from './hero-text-alignment/hero-text-alignment.component';\nimport { HeroThemingComponent } from './hero-theming/hero-theming.component';\nimport { HeroWithGridComponent } from './hero-with-grid/hero-with-grid.component';\n\nexport const HERO_EXAMPLES = [\n  HeroThemingComponent,\n  HeroTextAlignmentComponent,\n  HeroWithGridComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["FormControl","Component","NgModule","CommonModule","ReactiveFormsModule","DaffHeroModule","DaffContainerModule","DaffButtonModule"],"mappings":";;;;;;;QAKA;YAME,UAAK,GAAgB,SAAS,CAAC;YAE/B,iBAAY,GAAgB,IAAIA,iBAAW,CAAC,EAAE,CAAC,CAAC;SACjD;;;;gBATAC,cAAS,SAAC;;oBAET,QAAQ,EAAE,cAAc;oBACxB,8pBAA4C;iBAC7C;;;;QCaD;;;;;gBAbCC,aAAQ,SAAC;oBACR,YAAY,EAAE;wBACZ,oBAAoB;qBACrB;oBACD,OAAO,EAAE;wBACPC,mBAAY;wBACZC,yBAAmB;wBACnBC,qBAAc;qBACf;oBACD,OAAO,EAAE;wBACP,oBAAoB;qBACrB;iBACF;;;;QClBD;YAME,qBAAgB,GAAgB,IAAIL,iBAAW,CAAC,EAAE,CAAC,CAAC;YAEpD,YAAO,GAAG;gBACR,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;gBAC/B,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;gBAChC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;gBACpC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;aACnC,CAAC;SACH;;;;gBAdAC,cAAS,SAAC;;oBAET,QAAQ,EAAE,qBAAqB;oBAC/B,gsBAAmD;iBACpD;;;;QCeD;;;;;gBAXCC,aAAQ,SAAC;oBACR,YAAY,EAAE;wBACZ,0BAA0B;qBAC3B;oBACD,OAAO,EAAE;wBACPC,mBAAY;wBACZC,yBAAmB;wBACnBC,qBAAc;wBACdC,0BAAmB;qBACpB;iBACF;;;;QCbD;;;;;gBANCL,cAAS,SAAC;;oBAET,QAAQ,EAAE,gBAAgB;oBAC1B,0wBAA8C;;iBAE/C;;;;QCiBD;;;;;gBAZCC,aAAQ,SAAC;oBACR,YAAY,EAAE;wBACZ,qBAAqB;qBACtB;oBACD,OAAO,EAAE;wBACPC,mBAAY;wBACZC,yBAAmB;wBACnBC,qBAAc;wBACdC,0BAAmB;wBACnBC,uBAAgB;qBACjB;iBACF;;;QCnBY,aAAa,GAAG;QAC3B,oBAAoB;QACpB,0BAA0B;QAC1B,qBAAqB;;;ICPvB;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"daffodil-design-hero-examples.umd.js","sources":["../../../libs/design/hero/examples/src/hero-theming/hero-theming.component.ts","../../../libs/design/hero/examples/src/hero-theming/hero-theming.module.ts","../../../libs/design/hero/examples/src/hero-text-alignment/hero-text-alignment.component.ts","../../../libs/design/hero/examples/src/hero-text-alignment/hero-text-alignment.module.ts","../../../libs/design/hero/examples/src/hero-with-grid/hero-with-grid.component.ts","../../../libs/design/hero/examples/src/hero-with-grid/hero-with-grid.module.ts","../../../libs/design/hero/examples/src/compact-hero/compact-hero.component.ts","../../../libs/design/hero/examples/src/compact-hero/compact-hero.module.ts","../../../libs/design/hero/examples/src/examples.ts","../../../libs/design/hero/examples/src/daffodil-design-hero-examples.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { faMobile } from '@fortawesome/free-solid-svg-icons';\n\nimport { DaffPalette } from '@daffodil/design';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'hero-theming',\n  templateUrl: './hero-theming.component.html',\n  styleUrls: ['./hero-theming.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class HeroThemingComponent {\n  faMobile = faMobile;\n  color: DaffPalette = 'primary';\n\n  colorControl: FormControl = new FormControl('');\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport {\n  DaffHeroModule,\n  DaffButtonModule,\n} from '@daffodil/design';\n\nimport { HeroThemingComponent } from './hero-theming.component';\n\n@NgModule({\n  declarations: [\n    HeroThemingComponent,\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    DaffHeroModule,\n    DaffButtonModule,\n\n    FontAwesomeModule,\n  ],\n  exports: [\n    HeroThemingComponent,\n  ],\n})\nexport class HeroThemingModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { faMobile } from '@fortawesome/free-solid-svg-icons';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'hero-text-alignment',\n  templateUrl: './hero-text-alignment.component.html',\n  styleUrls: ['./hero-text-alignment.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class HeroTextAlignmentComponent {\n  faMobile = faMobile;\n  textAlignControl: FormControl = new FormControl('');\n\n  options = [\n    { value: '', label: 'Default' },\n    { value: 'left', label: 'Left' },\n    { value: 'center', label: 'Center' },\n    { value: 'right', label: 'Right' },\n  ];\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport {\n  DaffHeroModule,\n  DaffContainerModule,\n  DaffButtonModule,\n} from '@daffodil/design';\n\nimport { HeroTextAlignmentComponent } from './hero-text-alignment.component';\n\n@NgModule({\n  declarations: [\n    HeroTextAlignmentComponent,\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    DaffHeroModule,\n    DaffContainerModule,\n    DaffButtonModule,\n\n    FontAwesomeModule,\n  ],\n})\nexport class HeroTextAlignmentModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { faMobile } from '@fortawesome/free-solid-svg-icons';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'hero-with-grid',\n  templateUrl: './hero-with-grid.component.html',\n  styleUrls: ['./hero-with-grid.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class HeroWithGridComponent {\n  faMobile = faMobile;\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport {\n  DaffHeroModule,\n  DaffContainerModule,\n  DaffButtonModule,\n} from '@daffodil/design';\n\nimport { HeroWithGridComponent } from './hero-with-grid.component';\n\n@NgModule({\n  declarations: [\n    HeroWithGridComponent,\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    DaffHeroModule,\n    DaffContainerModule,\n    DaffButtonModule,\n\n    FontAwesomeModule,\n  ],\n})\nexport class HeroWithGridModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { faMobile } from '@fortawesome/free-solid-svg-icons';\n\nimport { DaffPalette } from '@daffodil/design';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'compact-hero',\n  templateUrl: './compact-hero.component.html',\n  styleUrls: ['./compact-hero.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CompactHeroComponent {\n  faMobile = faMobile;\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport {\n  DaffHeroModule,\n  DaffButtonModule,\n} from '@daffodil/design';\n\nimport { CompactHeroComponent } from './compact-hero.component';\n\n@NgModule({\n  declarations: [\n    CompactHeroComponent,\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    DaffHeroModule,\n    DaffButtonModule,\n\n    FontAwesomeModule,\n  ],\n  exports: [\n    CompactHeroComponent,\n  ],\n})\nexport class CompactHeroModule { }\n","import { CompactHeroComponent } from './compact-hero/compact-hero.component';\nimport { HeroTextAlignmentComponent } from './hero-text-alignment/hero-text-alignment.component';\nimport { HeroThemingComponent } from './hero-theming/hero-theming.component';\nimport { HeroWithGridComponent } from './hero-with-grid/hero-with-grid.component';\n\nexport const HERO_EXAMPLES = [\n  HeroThemingComponent,\n  HeroTextAlignmentComponent,\n  HeroWithGridComponent,\n  CompactHeroComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["faMobile","FormControl","Component","ChangeDetectionStrategy","NgModule","CommonModule","ReactiveFormsModule","DaffHeroModule","DaffButtonModule","FontAwesomeModule","DaffContainerModule"],"mappings":";;;;;;;QASA;YAQE,aAAQ,GAAGA,0BAAQ,CAAC;YACpB,UAAK,GAAgB,SAAS,CAAC;YAE/B,iBAAY,GAAgB,IAAIC,iBAAW,CAAC,EAAE,CAAC,CAAC;SACjD;;;;gBAZAC,cAAS,SAAC;;oBAET,QAAQ,EAAE,cAAc;oBACxB,2lCAA4C;oBAE5C,eAAe,EAAEC,4BAAuB,CAAC,MAAM;;iBAChD;;;;QCaD;;;;;gBAhBCC,aAAQ,SAAC;oBACR,YAAY,EAAE;wBACZ,oBAAoB;qBACrB;oBACD,OAAO,EAAE;wBACPC,mBAAY;wBACZC,yBAAmB;wBACnBC,qBAAc;wBACdC,uBAAgB;wBAEhBC,oCAAiB;qBAClB;oBACD,OAAO,EAAE;wBACP,oBAAoB;qBACrB;iBACF;;;;QCpBD;YAQE,aAAQ,GAAGT,0BAAQ,CAAC;YACpB,qBAAgB,GAAgB,IAAIC,iBAAW,CAAC,EAAE,CAAC,CAAC;YAEpD,YAAO,GAAG;gBACR,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;gBAC/B,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;gBAChC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;gBACpC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;aACnC,CAAC;SACH;;;;gBAjBAC,cAAS,SAAC;;oBAET,QAAQ,EAAE,qBAAqB;oBAC/B,+6BAAmD;oBAEnD,eAAe,EAAEC,4BAAuB,CAAC,MAAM;;iBAChD;;;;QCcD;;;;;gBAdCC,aAAQ,SAAC;oBACR,YAAY,EAAE;wBACZ,0BAA0B;qBAC3B;oBACD,OAAO,EAAE;wBACPC,mBAAY;wBACZC,yBAAmB;wBACnBC,qBAAc;wBACdG,0BAAmB;wBACnBF,uBAAgB;wBAEhBC,oCAAiB;qBAClB;iBACF;;;;QCpBD;YAQE,aAAQ,GAAGT,0BAAQ,CAAC;SACrB;;;;gBATAE,cAAS,SAAC;;oBAET,QAAQ,EAAE,gBAAgB;oBAC1B,kgCAA8C;oBAE9C,eAAe,EAAEC,4BAAuB,CAAC,MAAM;;iBAChD;;;;QCeD;;;;;gBAdCC,aAAQ,SAAC;oBACR,YAAY,EAAE;wBACZ,qBAAqB;qBACtB;oBACD,OAAO,EAAE;wBACPC,mBAAY;wBACZC,yBAAmB;wBACnBC,qBAAc;wBACdG,0BAAmB;wBACnBF,uBAAgB;wBAEhBC,oCAAiB;qBAClB;iBACF;;;;QCjBD;YAQE,aAAQ,GAAGT,0BAAQ,CAAC;SACrB;;;;gBATAE,cAAS,SAAC;;oBAET,QAAQ,EAAE,cAAc;oBACxB,wqBAA4C;oBAE5C,eAAe,EAAEC,4BAAuB,CAAC,MAAM;;iBAChD;;;;QCaD;;;;;gBAhBCC,aAAQ,SAAC;oBACR,YAAY,EAAE;wBACZ,oBAAoB;qBACrB;oBACD,OAAO,EAAE;wBACPC,mBAAY;wBACZC,yBAAmB;wBACnBC,qBAAc;wBACdC,uBAAgB;wBAEhBC,oCAAiB;qBAClB;oBACD,OAAO,EAAE;wBACP,oBAAoB;qBACrB;iBACF;;;QCtBY,aAAa,GAAG;QAC3B,oBAAoB;QACpB,0BAA0B;QAC1B,qBAAqB;QACrB,oBAAoB;;;ICTtB;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,2 +1,2 @@
-!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("@angular/core"),require("@angular/forms"),require("@angular/common"),require("@daffodil/design")):"function"==typeof define&&define.amd?define("@daffodil/design/hero/examples",["exports","@angular/core","@angular/forms","@angular/common","@daffodil/design"],o):o(((e="undefined"!=typeof globalThis?globalThis:e||self).daffodil=e.daffodil||{},e.daffodil.design=e.daffodil.design||{},e.daffodil.design.hero=e.daffodil.design.hero||{},e.daffodil.design.hero.examples={}),e.ng.core,e.ng.forms,e.ng.common,e.daffodil.design)}(this,(function(e,o,t,n,i){"use strict";var r=function(){this.color="primary",this.colorControl=new t.FormControl("")};r.decorators=[{type:o.Component,args:[{selector:"hero-theming",template:'<daff-hero [color]="colorControl.value">\n\t<div daffHeroTagline>Hero Tagline</div>\n\t<h1 daffHeroTitle>Hero Title</h1>\n\t<h2 daffHeroSubtitle>Hero subtitle</h2>\n\t<div>Additional Content (i.e. buttons, images)</div>\n</daff-hero>\n\n<select [formControl]="colorControl">\n\t<option value="">Default</option>\n\t<option value="primary">Primary</option>\n\t<option value="secondary">Secondary</option>\n\t<option value="tertiary">Tertiary</option>\n\t<option value="white">White</option>\n\t<option value="black">Black</option>\n\t<option value="theme">Theme</option>\n\t<option value="theme-contrast">Theme Contrast</option>\n</select>'}]}];var a=function(){};a.decorators=[{type:o.NgModule,args:[{declarations:[r],imports:[n.CommonModule,t.ReactiveFormsModule,i.DaffHeroModule],exports:[r]}]}];var l=function(){this.textAlignControl=new t.FormControl(""),this.options=[{value:"",label:"Default"},{value:"left",label:"Left"},{value:"center",label:"Center"},{value:"right",label:"Right"}]};l.decorators=[{type:o.Component,args:[{selector:"hero-text-alignment",template:'<daff-hero [textAlignment]="textAlignControl.value">\n\t<daff-container size="md">\n\t\t<div daffHeroTagline>Frontend framework for ecommerce PWAs</div>\n\t\t<h3 daffHeroTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t\t<div daffHeroSubtitle>\n\t\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t\t</div>\n\t</daff-container>\n</daff-hero>\n\n<select [formControl]="textAlignControl">\n\t<option *ngFor="let option of options" [value]="option.value">{{ option.label }}</option>\n</select>'}]}];var d=function(){};d.decorators=[{type:o.NgModule,args:[{declarations:[l],imports:[n.CommonModule,t.ReactiveFormsModule,i.DaffHeroModule,i.DaffContainerModule]}]}];var f=function(){};f.decorators=[{type:o.Component,args:[{selector:"hero-with-grid",template:'<daff-hero color="theme">\n\t<daff-container class="daff-hero-with-grid__grid">\n\t\t<div class="daff-hero-with-grid__image">\n\t\t\t<img src="/assets/design/callout/pwa-illustration.svg" alt="PWA Illustration">\n\t\t</div>\n\t\t<div class="daff-hero-with-grid__content-wrapper">\n\t\t\t<div daffHeroTagline>Frontend framework for ecommerce PWAs</div>\n\t\t\t<h3 daffHeroTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t\t\t<div daffHeroSubtitle>\n\t\t\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t\t\t</div>\n\t\t</div>\n\t</daff-container>\n</daff-hero>',styles:['.daff-hero-with-grid__grid{display:grid;grid-template:"image" "content"/1fr;grid-gap:24px}@media (min-width:768px){.daff-hero-with-grid__grid{grid-template:"image content"/1fr 1fr;grid-gap:48px;align-items:center}}.daff-hero-with-grid__image{grid-area:image}.daff-hero-with-grid__content-wrapper{grid-area:content}']}]}];var s=function(){};s.decorators=[{type:o.NgModule,args:[{declarations:[f],imports:[n.CommonModule,t.ReactiveFormsModule,i.DaffHeroModule,i.DaffContainerModule,i.DaffButtonModule]}]}];var m=[r,l,f];e.HERO_EXAMPLES=m,e.HeroTextAlignmentComponent=l,e.HeroTextAlignmentModule=d,e.HeroThemingComponent=r,e.HeroThemingModule=a,e.HeroWithGridComponent=f,e.HeroWithGridModule=s,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/forms"),require("@fortawesome/free-solid-svg-icons"),require("@angular/common"),require("@fortawesome/angular-fontawesome"),require("@daffodil/design")):"function"==typeof define&&define.amd?define("@daffodil/design/hero/examples",["exports","@angular/core","@angular/forms","@fortawesome/free-solid-svg-icons","@angular/common","@fortawesome/angular-fontawesome","@daffodil/design"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self).daffodil=e.daffodil||{},e.daffodil.design=e.daffodil.design||{},e.daffodil.design.hero=e.daffodil.design.hero||{},e.daffodil.design.hero.examples={}),e.ng.core,e.ng.forms,e.freeSolidSvgIcons,e.ng.common,e.angularFontawesome,e.daffodil.design)}(this,(function(e,t,o,n,a,r,i){"use strict";var f=function(){this.faMobile=n.faMobile,this.color="primary",this.colorControl=new o.FormControl("")};f.decorators=[{type:t.Component,args:[{selector:"hero-theming",template:'<daff-hero [color]="colorControl.value">\n\t<div class="daff-hero-theming__icon" daffHeroIcon>\n\t\t<fa-icon [icon]="faMobile"></fa-icon>\n\t</div>\n\t<p daffHeroTagline>Frontend framework for ecommerce PWAs</p>\n\t<h1 daffHeroTitle>Daffodil: The next great leap in ecommerce.</h1>\n\t<h2 daffHeroSubtitle>\n\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t</h2>\n\t<div daffHeroBody>\n\t\t<a href="https://www.daff.io" target="_blank" daff-button>Get Started</a>\n\t</div>\n</daff-hero>\n\n<select [formControl]="colorControl">\n\t<option value="">Default</option>\n\t<option value="primary">Primary</option>\n\t<option value="secondary">Secondary</option>\n\t<option value="tertiary">Tertiary</option>\n\t<option value="white">White</option>\n\t<option value="black">Black</option>\n\t<option value="theme">Theme</option>\n\t<option value="theme-contrast">Theme Contrast</option>\n</select>',changeDetection:t.ChangeDetectionStrategy.OnPush,styles:[".daff-hero-theming__icon{display:flex;background:rgba(var(--daff-theme-rgb),.2);border-radius:50%;color:var(--daff-theme-contrast-rgb);width:48px;height:48px;justify-content:center;align-items:center;padding:12px 0}"]}]}];var d=function(){};d.decorators=[{type:t.NgModule,args:[{declarations:[f],imports:[a.CommonModule,o.ReactiveFormsModule,i.DaffHeroModule,i.DaffButtonModule,r.FontAwesomeModule],exports:[f]}]}];var l=function(){this.faMobile=n.faMobile,this.textAlignControl=new o.FormControl(""),this.options=[{value:"",label:"Default"},{value:"left",label:"Left"},{value:"center",label:"Center"},{value:"right",label:"Right"}]};l.decorators=[{type:t.Component,args:[{selector:"hero-text-alignment",template:'<daff-hero [textAlignment]="textAlignControl.value">\n\t<daff-container size="md">\n\t\t<div class="daff-hero-text-alignment__icon" daffHeroIcon>\n\t\t\t<fa-icon [icon]="faMobile"></fa-icon>\n\t\t</div>\n\t\t<p daffHeroTagline>Frontend framework for ecommerce PWAs</p>\n\t\t<h1 daffHeroTitle>Daffodil: The next great leap in ecommerce.</h1>\n\t\t<h2 daffHeroSubtitle>\n\t\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t\t</h2>\n\t\t<div daffHeroBody>\n\t\t\t<a href="https://www.daff.io" target="_blank" daff-button>Get Started</a>\n\t\t</div>\n\t</daff-container>\n</daff-hero>\n\n<select [formControl]="textAlignControl">\n\t<option *ngFor="let option of options" [value]="option.value">{{ option.label }}</option>\n</select>',changeDetection:t.ChangeDetectionStrategy.OnPush,styles:[".daff-hero-text-alignment__icon{display:flex;background:rgba(var(--daff-theme-rgb),.2);border-radius:50%;color:var(--daff-theme-contrast-rgb);width:48px;height:48px;justify-content:center;align-items:center;padding:12px 0}"]}]}];var s=function(){};s.decorators=[{type:t.NgModule,args:[{declarations:[l],imports:[a.CommonModule,o.ReactiveFormsModule,i.DaffHeroModule,i.DaffContainerModule,i.DaffButtonModule,r.FontAwesomeModule]}]}];var c=function(){this.faMobile=n.faMobile};c.decorators=[{type:t.Component,args:[{selector:"hero-with-grid",template:'<daff-hero color="theme">\n\t<daff-container class="daff-hero-with-grid__grid">\n\t\t<div class="daff-hero-with-grid__image">\n\t\t\t<img src="/assets/design/callout/pwa-illustration.svg" alt="PWA Illustration">\n\t\t</div>\n\t\t<div class="daff-hero-with-grid__content-wrapper">\n\t\t\t<div class="daff-hero-with-grid__icon" daffHeroIcon>\n\t\t\t\t<fa-icon [icon]="faMobile"></fa-icon>\n\t\t\t</div>\n\t\t\t<p daffHeroTagline>Frontend framework for ecommerce PWAs</p>\n\t\t\t<h3 daffHeroTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t\t\t<div daffHeroSubtitle>\n\t\t\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t\t\t</div>\n\t\t\t<div daffHeroBody>\n\t\t\t\t<a href="https://www.daff.io" target="_blank" daff-button>Get Started</a>\n\t\t\t</div>\n\t\t</div>\n\t</daff-container>\n</daff-hero>',changeDetection:t.ChangeDetectionStrategy.OnPush,styles:['.daff-hero-with-grid__grid{display:grid;grid-template:"image" "content"/1fr;grid-gap:24px}@media (min-width:768px){.daff-hero-with-grid__grid{grid-template:"image content"/1fr 1fr;grid-gap:48px;align-items:center}}.daff-hero-with-grid__image{grid-area:image}.daff-hero-with-grid__content-wrapper{grid-area:content}.daff-hero-with-grid__icon{display:flex;background:rgba(var(--daff-theme-rgb),.2);border-radius:50%;color:var(--daff-theme-contrast-rgb);width:48px;height:48px;justify-content:center;align-items:center;padding:12px 0}']}]}];var m=function(){};m.decorators=[{type:t.NgModule,args:[{declarations:[c],imports:[a.CommonModule,o.ReactiveFormsModule,i.DaffHeroModule,i.DaffContainerModule,i.DaffButtonModule,r.FontAwesomeModule]}]}];var p=function(){this.faMobile=n.faMobile};p.decorators=[{type:t.Component,args:[{selector:"compact-hero",template:'<daff-hero [compact]="true">\n\t<div class="daff-compact-hero__icon" daffHeroIcon>\n\t\t<fa-icon [icon]="faMobile"></fa-icon>\n\t</div>\n\t<p daffHeroTagline>Frontend framework for ecommerce PWAs</p>\n\t<h1 daffHeroTitle>Daffodil: The next great leap in ecommerce.</h1>\n\t<h2 daffHeroSubtitle>\n\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t</h2>\n\t<div daffHeroBody>\n\t\t<a href="https://www.daff.io" target="_blank" daff-button>Get Started</a>\n\t</div>\n</daff-hero>',changeDetection:t.ChangeDetectionStrategy.OnPush,styles:[".daff-compact-hero__icon{display:flex;background:rgba(var(--daff-theme-rgb),.2);border-radius:50%;color:var(--daff-theme-contrast-rgb);width:48px;height:48px;justify-content:center;align-items:center;padding:12px 0}"]}]}];var g=function(){};g.decorators=[{type:t.NgModule,args:[{declarations:[p],imports:[a.CommonModule,o.ReactiveFormsModule,i.DaffHeroModule,i.DaffButtonModule,r.FontAwesomeModule],exports:[p]}]}];var h=[f,l,c,p];e.CompactHeroComponent=p,e.CompactHeroModule=g,e.HERO_EXAMPLES=h,e.HeroTextAlignmentComponent=l,e.HeroTextAlignmentModule=s,e.HeroThemingComponent=f,e.HeroThemingModule=d,e.HeroWithGridComponent=c,e.HeroWithGridModule=m,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=daffodil-design-hero-examples.umd.min.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../libs/design/hero/examples/src/hero-theming/hero-theming.component.ts","../../../libs/design/hero/examples/src/hero-theming/hero-theming.module.ts","../../../libs/design/hero/examples/src/hero-text-alignment/hero-text-alignment.component.ts","../../../libs/design/hero/examples/src/hero-text-alignment/hero-text-alignment.module.ts","../../../libs/design/hero/examples/src/hero-with-grid/hero-with-grid.component.ts","../../../libs/design/hero/examples/src/hero-with-grid/hero-with-grid.module.ts","../../../libs/design/hero/examples/src/examples.ts"],"names":["this","color","colorControl","FormControl","Component","args","selector","template","NgModule","declarations","HeroThemingComponent","imports","CommonModule","ReactiveFormsModule","DaffHeroModule","exports","textAlignControl","options","value","label","HeroTextAlignmentComponent","DaffContainerModule","HeroWithGridComponent","DaffButtonModule","HERO_EXAMPLES"],"mappings":"6oBAKA,WAMEA,KAAAC,MAAqB,UAErBD,KAAAE,aAA4B,IAAIC,EAAAA,YAAY,yBAR7CC,EAAAA,UAASC,KAAA,CAAC,CAETC,SAAU,eACVC,SAAA,2oBCcF,iCAbCC,EAAAA,SAAQH,KAAA,CAAC,CACRI,aAAc,CACZC,GAEFC,QAAS,CACPC,EAAAA,aACAC,EAAAA,oBACAC,EAAAA,gBAEFC,QAAS,CACPL,aChBJ,WAMEV,KAAAgB,iBAAgC,IAAIb,EAAAA,YAAY,IAEhDH,KAAAiB,QAAU,CACR,CAAEC,MAAO,GAAIC,MAAO,WACpB,CAAED,MAAO,OAAQC,MAAO,QACxB,CAAED,MAAO,SAAUC,MAAO,UAC1B,CAAED,MAAO,QAASC,MAAO,+BAZ5Bf,EAAAA,UAASC,KAAA,CAAC,CAETC,SAAU,sBACVC,SAAA,urBCgBF,iCAXCC,EAAAA,SAAQH,KAAA,CAAC,CACRI,aAAc,CACZW,GAEFT,QAAS,CACPC,EAAAA,aACAC,EAAAA,oBACAC,EAAAA,eACAO,EAAAA,+BCXJ,iCANCjB,EAAAA,UAASC,KAAA,CAAC,CAETC,SAAU,iBACVC,SAAA,qkCCmBF,iCAZCC,EAAAA,SAAQH,KAAA,CAAC,CACRI,aAAc,CACZa,GAEFX,QAAS,CACPC,EAAAA,aACAC,EAAAA,oBACAC,EAAAA,eACAO,EAAAA,oBACAE,EAAAA,0BCjBSC,EAAgB,CAC3Bd,EACAU,EACAE","sourcesContent":["import { Component } from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\nimport { DaffPalette } from '@daffodil/design';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'hero-theming',\n  templateUrl: './hero-theming.component.html',\n})\nexport class HeroThemingComponent {\n  color: DaffPalette = 'primary';\n\n  colorControl: FormControl = new FormControl('');\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { DaffHeroModule } from '@daffodil/design';\n\nimport { HeroThemingComponent } from './hero-theming.component';\n\n\n@NgModule({\n  declarations: [\n    HeroThemingComponent,\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    DaffHeroModule,\n  ],\n  exports: [\n    HeroThemingComponent,\n  ],\n})\nexport class HeroThemingModule { }\n","import { Component } from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'hero-text-alignment',\n  templateUrl: './hero-text-alignment.component.html',\n})\nexport class HeroTextAlignmentComponent {\n  textAlignControl: FormControl = new FormControl('');\n\n  options = [\n    { value: '', label: 'Default' },\n    { value: 'left', label: 'Left' },\n    { value: 'center', label: 'Center' },\n    { value: 'right', label: 'Right' },\n  ];\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n  DaffHeroModule,\n  DaffContainerModule,\n} from '@daffodil/design';\n\nimport { HeroTextAlignmentComponent } from './hero-text-alignment.component';\n\n@NgModule({\n  declarations: [\n    HeroTextAlignmentComponent,\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    DaffHeroModule,\n    DaffContainerModule,\n  ],\n})\nexport class HeroTextAlignmentModule { }\n","import { Component } from '@angular/core';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'hero-with-grid',\n  templateUrl: './hero-with-grid.component.html',\n  styleUrls: ['./hero-with-grid.component.scss'],\n})\nexport class HeroWithGridComponent {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n  DaffHeroModule,\n  DaffContainerModule,\n  DaffButtonModule,\n} from '@daffodil/design';\n\nimport { HeroWithGridComponent } from './hero-with-grid.component';\n\n@NgModule({\n  declarations: [\n    HeroWithGridComponent,\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    DaffHeroModule,\n    DaffContainerModule,\n    DaffButtonModule,\n  ],\n})\nexport class HeroWithGridModule { }\n","import { HeroTextAlignmentComponent } from './hero-text-alignment/hero-text-alignment.component';\nimport { HeroThemingComponent } from './hero-theming/hero-theming.component';\nimport { HeroWithGridComponent } from './hero-with-grid/hero-with-grid.component';\n\nexport const HERO_EXAMPLES = [\n  HeroThemingComponent,\n  HeroTextAlignmentComponent,\n  HeroWithGridComponent,\n];\n"]}
+{"version":3,"sources":["../../../libs/design/hero/examples/src/hero-theming/hero-theming.component.ts","../../../libs/design/hero/examples/src/hero-theming/hero-theming.module.ts","../../../libs/design/hero/examples/src/hero-text-alignment/hero-text-alignment.component.ts","../../../libs/design/hero/examples/src/hero-text-alignment/hero-text-alignment.module.ts","../../../libs/design/hero/examples/src/hero-with-grid/hero-with-grid.component.ts","../../../libs/design/hero/examples/src/hero-with-grid/hero-with-grid.module.ts","../../../libs/design/hero/examples/src/compact-hero/compact-hero.component.ts","../../../libs/design/hero/examples/src/compact-hero/compact-hero.module.ts","../../../libs/design/hero/examples/src/examples.ts"],"names":["this","faMobile","color","colorControl","FormControl","Component","args","selector","template","changeDetection","ChangeDetectionStrategy","OnPush","NgModule","declarations","HeroThemingComponent","imports","CommonModule","ReactiveFormsModule","DaffHeroModule","DaffButtonModule","FontAwesomeModule","exports","textAlignControl","options","value","label","HeroTextAlignmentComponent","DaffContainerModule","HeroWithGridComponent","CompactHeroComponent","HERO_EXAMPLES"],"mappings":"01BASA,WAQEA,KAAAC,SAAWA,EAAAA,SACXD,KAAAE,MAAqB,UAErBF,KAAAG,aAA4B,IAAIC,EAAAA,YAAY,yBAX7CC,EAAAA,UAASC,KAAA,CAAC,CAETC,SAAU,eACVC,SAAA,sjCAEAC,gBAAiBC,EAAAA,wBAAwBC,oPCc3C,iCAhBCC,EAAAA,SAAQN,KAAA,CAAC,CACRO,aAAc,CACZC,GAEFC,QAAS,CACPC,EAAAA,aACAC,EAAAA,oBACAC,EAAAA,eACAC,EAAAA,iBAEAC,EAAAA,mBAEFC,QAAS,CACPP,aClBJ,WAQEd,KAAAC,SAAWA,EAAAA,SACXD,KAAAsB,iBAAgC,IAAIlB,EAAAA,YAAY,IAEhDJ,KAAAuB,QAAU,CACR,CAAEC,MAAO,GAAIC,MAAO,WACpB,CAAED,MAAO,OAAQC,MAAO,QACxB,CAAED,MAAO,SAAUC,MAAO,UAC1B,CAAED,MAAO,QAASC,MAAO,+BAf5BpB,EAAAA,UAASC,KAAA,CAAC,CAETC,SAAU,sBACVC,SAAA,o5BAEAC,gBAAiBC,EAAAA,wBAAwBC,2PCe3C,iCAdCC,EAAAA,SAAQN,KAAA,CAAC,CACRO,aAAc,CACZa,GAEFX,QAAS,CACPC,EAAAA,aACAC,EAAAA,oBACAC,EAAAA,eACAS,EAAAA,oBACAR,EAAAA,iBAEAC,EAAAA,6BClBJ,WAQEpB,KAAAC,SAAWA,EAAAA,8BARZI,EAAAA,UAASC,KAAA,CAAC,CAETC,SAAU,iBACVC,SAAA,q+BAEAC,gBAAiBC,EAAAA,wBAAwBC,gjBCgB3C,iCAdCC,EAAAA,SAAQN,KAAA,CAAC,CACRO,aAAc,CACZe,GAEFb,QAAS,CACPC,EAAAA,aACAC,EAAAA,oBACAC,EAAAA,eACAS,EAAAA,oBACAR,EAAAA,iBAEAC,EAAAA,6BCfJ,WAQEpB,KAAAC,SAAWA,EAAAA,8BARZI,EAAAA,UAASC,KAAA,CAAC,CAETC,SAAU,eACVC,SAAA,qpBAEAC,gBAAiBC,EAAAA,wBAAwBC,oPCc3C,iCAhBCC,EAAAA,SAAQN,KAAA,CAAC,CACRO,aAAc,CACZgB,GAEFd,QAAS,CACPC,EAAAA,aACAC,EAAAA,oBACAC,EAAAA,eACAC,EAAAA,iBAEAC,EAAAA,mBAEFC,QAAS,CACPQ,WCpBSC,EAAgB,CAC3BhB,EACAY,EACAE,EACAC","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { faMobile } from '@fortawesome/free-solid-svg-icons';\n\nimport { DaffPalette } from '@daffodil/design';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'hero-theming',\n  templateUrl: './hero-theming.component.html',\n  styleUrls: ['./hero-theming.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class HeroThemingComponent {\n  faMobile = faMobile;\n  color: DaffPalette = 'primary';\n\n  colorControl: FormControl = new FormControl('');\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport {\n  DaffHeroModule,\n  DaffButtonModule,\n} from '@daffodil/design';\n\nimport { HeroThemingComponent } from './hero-theming.component';\n\n@NgModule({\n  declarations: [\n    HeroThemingComponent,\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    DaffHeroModule,\n    DaffButtonModule,\n\n    FontAwesomeModule,\n  ],\n  exports: [\n    HeroThemingComponent,\n  ],\n})\nexport class HeroThemingModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { faMobile } from '@fortawesome/free-solid-svg-icons';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'hero-text-alignment',\n  templateUrl: './hero-text-alignment.component.html',\n  styleUrls: ['./hero-text-alignment.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class HeroTextAlignmentComponent {\n  faMobile = faMobile;\n  textAlignControl: FormControl = new FormControl('');\n\n  options = [\n    { value: '', label: 'Default' },\n    { value: 'left', label: 'Left' },\n    { value: 'center', label: 'Center' },\n    { value: 'right', label: 'Right' },\n  ];\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport {\n  DaffHeroModule,\n  DaffContainerModule,\n  DaffButtonModule,\n} from '@daffodil/design';\n\nimport { HeroTextAlignmentComponent } from './hero-text-alignment.component';\n\n@NgModule({\n  declarations: [\n    HeroTextAlignmentComponent,\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    DaffHeroModule,\n    DaffContainerModule,\n    DaffButtonModule,\n\n    FontAwesomeModule,\n  ],\n})\nexport class HeroTextAlignmentModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { faMobile } from '@fortawesome/free-solid-svg-icons';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'hero-with-grid',\n  templateUrl: './hero-with-grid.component.html',\n  styleUrls: ['./hero-with-grid.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class HeroWithGridComponent {\n  faMobile = faMobile;\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport {\n  DaffHeroModule,\n  DaffContainerModule,\n  DaffButtonModule,\n} from '@daffodil/design';\n\nimport { HeroWithGridComponent } from './hero-with-grid.component';\n\n@NgModule({\n  declarations: [\n    HeroWithGridComponent,\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    DaffHeroModule,\n    DaffContainerModule,\n    DaffButtonModule,\n\n    FontAwesomeModule,\n  ],\n})\nexport class HeroWithGridModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { faMobile } from '@fortawesome/free-solid-svg-icons';\n\nimport { DaffPalette } from '@daffodil/design';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'compact-hero',\n  templateUrl: './compact-hero.component.html',\n  styleUrls: ['./compact-hero.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CompactHeroComponent {\n  faMobile = faMobile;\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport {\n  DaffHeroModule,\n  DaffButtonModule,\n} from '@daffodil/design';\n\nimport { CompactHeroComponent } from './compact-hero.component';\n\n@NgModule({\n  declarations: [\n    CompactHeroComponent,\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    DaffHeroModule,\n    DaffButtonModule,\n\n    FontAwesomeModule,\n  ],\n  exports: [\n    CompactHeroComponent,\n  ],\n})\nexport class CompactHeroModule { }\n","import { CompactHeroComponent } from './compact-hero/compact-hero.component';\nimport { HeroTextAlignmentComponent } from './hero-text-alignment/hero-text-alignment.component';\nimport { HeroThemingComponent } from './hero-theming/hero-theming.component';\nimport { HeroWithGridComponent } from './hero-with-grid/hero-with-grid.component';\n\nexport const HERO_EXAMPLES = [\n  HeroThemingComponent,\n  HeroTextAlignmentComponent,\n  HeroWithGridComponent,\n  CompactHeroComponent,\n];\n"]}