@daffodil/design 0.78.0 → 0.79.0

package/fesm2022/daffodil-design-button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"daffodil-design-button.mjs","sources":["../../../libs/design/button/src/button/button-sizable.directive.ts","../../../libs/design/button/src/button/button.component.ts","../../../libs/design/button/src/button/button.component.html","../../../libs/design/button/src/button.module.ts","../../../libs/design/button/src/button.ts","../../../libs/design/button/src/daffodil-design-button.ts"],"sourcesContent":["import { Directive } from '@angular/core';\n\nimport {\n  DaffSizableDirective,\n  DaffSizeLargeType,\n  DaffSizeMediumType,\n  DaffSizeSmallType,\n} from '@daffodil/design';\n\n/**\n * The DaffSizable {@link DaffSizable } types that the DaffButtonComponent can implement.\n */\nexport type DaffButtonSize = DaffSizeSmallType | DaffSizeMediumType | DaffSizeLargeType;\n\n@Directive({\n  standalone: true,\n})\n\nexport class DaffButtonSizableDirective extends DaffSizableDirective<DaffButtonSize> {}\n\n","import { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { NgIf } from '@angular/common';\nimport {\n  Component,\n  OnInit,\n  ViewEncapsulation,\n  ChangeDetectionStrategy,\n  ElementRef,\n  HostBinding,\n  Renderer2,\n  Input,\n} from '@angular/core';\n\nimport {\n  DaffPrefixable,\n  DaffSuffixable,\n  daffPrefixableMixin,\n  daffSuffixableMixin,\n  DaffArticleEncapsulatedDirective,\n  DaffStatusableDirective,\n  DaffColorableDirective,\n  DaffPrefixSuffixModule,\n} from '@daffodil/design';\nimport { DAFF_LOADING_ICON_COMPONENTS } from '@daffodil/design/loading-icon';\n\nimport { DaffButtonSizableDirective } from './button-sizable.directive';\n\n/**\n * List of classes to add to DaffButtonComponent instances based on host attributes to style as different variants.\n */\nconst BUTTON_HOST_ATTRIBUTES: DaffButtonType[] = [\n  'daff-button',\n  'daff-stroked-button',\n  'daff-raised-button',\n  'daff-flat-button',\n  'daff-icon-button',\n  'daff-underline-button',\n];\n\n/**\n * An _elementRef and an instance of renderer2 are needed for the button mixins\n */\nclass DaffButtonBase{\n  constructor(public _elementRef: ElementRef, public _renderer: Renderer2) {}\n}\n\nconst _daffButtonBase = daffPrefixableMixin(daffSuffixableMixin((DaffButtonBase)));\n\nexport type DaffButtonType = 'daff-button' | 'daff-stroked-button' | 'daff-raised-button' | 'daff-flat-button' | 'daff-icon-button' | 'daff-underline-button' | undefined;\n\nenum DaffButtonTypeEnum {\n  Default = 'daff-button',\n  Stroked = 'daff-stroked-button',\n  Raised = 'daff-raised-button',\n  Flat = 'daff-flat-button',\n  Icon = 'daff-icon-button',\n  Underline = 'daff-underline-button'\n}\n\n/**\n * @inheritdoc\n */\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: '' +\n    'button[daff-button]' + ',' +\n    'button[daff-stroked-button]' + ',' +\n    'button[daff-raised-button]' + ',' +\n    'button[daff-flat-button]' + ',' +\n    'button[daff-icon-button]' + ',' +\n    'button[daff-underline-button]' + ',' +\n    'a[daff-button]' + ',' +\n    'a[daff-stroked-button]' + ',' +\n    'a[daff-raised-button]' + ',' +\n    'a[daff-flat-button]' + ',' +\n    'a[daff-icon-button]' + ',' +\n    'a[daff-underline-button]',\n  templateUrl: './button.component.html',\n  styleUrls: ['./button.component.scss'],\n  //todo(damienwebdev): remove once decorators hit stage 3 - https://github.com/microsoft/TypeScript/issues/7342\n  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property\n  hostDirectives: [\n    { directive: DaffArticleEncapsulatedDirective },\n    {\n      directive: DaffButtonSizableDirective,\n      inputs: ['size'],\n    },\n    {\n      directive: DaffStatusableDirective,\n      inputs: ['status'],\n    },\n    {\n      directive: DaffColorableDirective,\n      inputs: ['color'],\n    },\n  ],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [\n    NgIf,\n    DaffPrefixSuffixModule,\n    DAFF_LOADING_ICON_COMPONENTS,\n  ],\n})\nexport class DaffButtonComponent\n  extends _daffButtonBase\n  implements OnInit, DaffPrefixable, DaffSuffixable {\n\n  private buttonType: DaffButtonType;\n\n  constructor(\n    private elementRef: ElementRef,\n    private renderer: Renderer2,\n    private size: DaffButtonSizableDirective,\n  ) {\n    super(elementRef, renderer);\n\n    for (const attr of BUTTON_HOST_ATTRIBUTES) {\n      if (this._hasHostAttributes(attr)) {\n        (<HTMLElement>elementRef.nativeElement).classList.add(attr);\n      }\n    }\n\n    /**\n     * Sets the default size of a button to medium.\n     */\n    this.size.defaultSize = 'md';\n  }\n\n  /**\n   * @docs-private\n   */\n  ngOnInit() {\n    for (const attr of BUTTON_HOST_ATTRIBUTES) {\n      if (this._hasHostAttributes(attr)) {\n        this.buttonType = attr;\n      }\n    }\n  }\n\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.daff-button') get button() {\n    return this.buttonType === DaffButtonTypeEnum.Default || this.buttonType === undefined;\n  }\n\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.daff-stroked-button') get stroked() {\n    return this.buttonType === DaffButtonTypeEnum.Stroked;\n  }\n\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.daff-raised-button') get raised() {\n    return this.buttonType === DaffButtonTypeEnum.Raised;\n  }\n\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.daff-flat-button') get flat() {\n    return this.buttonType === DaffButtonTypeEnum.Flat;\n  }\n\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.daff-icon-button') get icon() {\n    return this.buttonType === DaffButtonTypeEnum.Icon;\n  }\n\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.daff-underline-button') get underline() {\n    return this.buttonType === DaffButtonTypeEnum.Underline;\n  }\n\n  @HostBinding('class.daff-button--disabled') get disabledClass() {\n    return this.disabled;\n  }\n\n  @Input() loading = false;\n  @Input() tabindex = 0;\n\n  _disabled = false;\n\n  /**\n   * The disabled state of the button.\n   */\n  @Input() get disabled() {\n    return this._disabled || this.loading;\n  }\n  set disabled(value: any) {\n    this._disabled = coerceBooleanProperty(value);\n  }\n\n  @HostBinding('attr.disabled') get disabledAttribute() {\n    return this.disabled ? true : null;\n  }\n\n  @HostBinding('attr.aria-disabled') get ariaDisabled() {\n    return this.disabled ? true : null;\n  }\n\n  @HostBinding('attr.tabindex') get disabledTabIndex() {\n    return this.disabled ? -1 : this.tabindex;\n  }\n\n  private _getHostElement() {\n    return this.elementRef.nativeElement;\n  }\n\n  /**\n   * Gets whether the button has one of the given attributes.\n   * */\n  private _hasHostAttributes(...attributes: string[]) {\n    return attributes.some(attribute => this._getHostElement().hasAttribute(attribute));\n  }\n}\n","<ng-container *ngIf=\"_prefix\">\n  <ng-content select=\"[daffPrefix]\"></ng-content>\n</ng-container>\n<span class=\"daff-button__content\" *ngIf=\"!loading\"><ng-content></ng-content></span>\n<daff-loading-icon *ngIf=\"loading\" [diameter]=\"24\"></daff-loading-icon>\n<ng-container *ngIf=\"_suffix\">\n  <ng-content select=\"[daffSuffix]\"></ng-content>\n</ng-container>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DaffPrefixSuffixModule } from '@daffodil/design';\n\nimport { DaffButtonComponent } from './button/button.component';\n\n/** @deprecated in favor of {@link DAFF_BUTTON_COMPONENTS} */\n@NgModule({\n  imports: [\n    CommonModule,\n    DaffButtonComponent,\n  ],\n  exports: [\n    DaffButtonComponent,\n    DaffPrefixSuffixModule,\n  ],\n})\nexport class DaffButtonModule { }\n","import { DaffPrefixSuffixModule } from '@daffodil/design';\n\nimport { DaffButtonComponent } from './button/button.component';\n\nexport const DAFF_BUTTON_COMPONENTS = <const> [\n  DaffButtonComponent,\n  DaffPrefixSuffixModule,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.DaffButtonSizableDirective"],"mappings":";;;;;;;;;AAkBM,MAAO,0BAA2B,SAAQ,oBAAoC,CAAA;iIAAvE,0BAA0B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;qHAA1B,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAA1B,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAJtC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA,CAAA;;;ACWD;;AAEG;AACH,MAAM,sBAAsB,GAAqB;IAC/C,aAAa;IACb,qBAAqB;IACrB,oBAAoB;IACpB,kBAAkB;IAClB,kBAAkB;IAClB,uBAAuB;CACxB,CAAC;AAEF;;AAEG;AACH,MAAM,cAAc,CAAA;IAClB,WAAmB,CAAA,WAAuB,EAAS,SAAoB,EAAA;QAApD,IAAW,CAAA,WAAA,GAAX,WAAW,CAAY;QAAS,IAAS,CAAA,SAAA,GAAT,SAAS,CAAW;KAAI;AAC5E,CAAA;AAED,MAAM,eAAe,GAAG,mBAAmB,CAAC,mBAAmB,EAAE,cAAc,EAAE,CAAC,CAAC;AAInF,IAAK,kBAOJ,CAAA;AAPD,CAAA,UAAK,kBAAkB,EAAA;AACrB,IAAA,kBAAA,CAAA,SAAA,CAAA,GAAA,aAAuB,CAAA;AACvB,IAAA,kBAAA,CAAA,SAAA,CAAA,GAAA,qBAA+B,CAAA;AAC/B,IAAA,kBAAA,CAAA,QAAA,CAAA,GAAA,oBAA6B,CAAA;AAC7B,IAAA,kBAAA,CAAA,MAAA,CAAA,GAAA,kBAAyB,CAAA;AACzB,IAAA,kBAAA,CAAA,MAAA,CAAA,GAAA,kBAAyB,CAAA;AACzB,IAAA,kBAAA,CAAA,WAAA,CAAA,GAAA,uBAAmC,CAAA;AACrC,CAAC,EAPI,kBAAkB,KAAlB,kBAAkB,GAOtB,EAAA,CAAA,CAAA,CAAA;AAED;;AAEG;AA4CG,MAAO,mBACX,SAAQ,eAAe,CAAA;AAKvB,IAAA,WAAA,CACU,UAAsB,EACtB,QAAmB,EACnB,IAAgC,EAAA;AAExC,QAAA,KAAK,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;QAJpB,IAAU,CAAA,UAAA,GAAV,UAAU,CAAY;QACtB,IAAQ,CAAA,QAAA,GAAR,QAAQ,CAAW;QACnB,IAAI,CAAA,IAAA,GAAJ,IAAI,CAA4B;QAyEjC,IAAO,CAAA,OAAA,GAAG,KAAK,CAAC;QAChB,IAAQ,CAAA,QAAA,GAAG,CAAC,CAAC;QAEtB,IAAS,CAAA,SAAA,GAAG,KAAK,CAAC;AAxEhB,QAAA,KAAK,MAAM,IAAI,IAAI,sBAAsB,EAAE;AACzC,YAAA,IAAI,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE;gBACnB,UAAU,CAAC,aAAc,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;aAC7D;SACF;AAED;;AAEG;AACH,QAAA,IAAI,CAAC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;KAC9B;AAED;;AAEG;IACH,QAAQ,GAAA;AACN,QAAA,KAAK,MAAM,IAAI,IAAI,sBAAsB,EAAE;AACzC,YAAA,IAAI,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE;AACjC,gBAAA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;aACxB;SACF;KACF;AAED;;AAEG;AACH,IAAA,IAAsC,MAAM,GAAA;AAC1C,QAAA,OAAO,IAAI,CAAC,UAAU,KAAK,kBAAkB,CAAC,OAAO,IAAI,IAAI,CAAC,UAAU,KAAK,SAAS,CAAC;KACxF;AAED;;AAEG;AACH,IAAA,IAA8C,OAAO,GAAA;AACnD,QAAA,OAAO,IAAI,CAAC,UAAU,KAAK,kBAAkB,CAAC,OAAO,CAAC;KACvD;AAED;;AAEG;AACH,IAAA,IAA6C,MAAM,GAAA;AACjD,QAAA,OAAO,IAAI,CAAC,UAAU,KAAK,kBAAkB,CAAC,MAAM,CAAC;KACtD;AAED;;AAEG;AACH,IAAA,IAA2C,IAAI,GAAA;AAC7C,QAAA,OAAO,IAAI,CAAC,UAAU,KAAK,kBAAkB,CAAC,IAAI,CAAC;KACpD;AAED;;AAEG;AACH,IAAA,IAA2C,IAAI,GAAA;AAC7C,QAAA,OAAO,IAAI,CAAC,UAAU,KAAK,kBAAkB,CAAC,IAAI,CAAC;KACpD;AAED;;AAEG;AACH,IAAA,IAAgD,SAAS,GAAA;AACvD,QAAA,OAAO,IAAI,CAAC,UAAU,KAAK,kBAAkB,CAAC,SAAS,CAAC;KACzD;AAED,IAAA,IAAgD,aAAa,GAAA;QAC3D,OAAO,IAAI,CAAC,QAAQ,CAAC;KACtB;AAOD;;AAEG;AACH,IAAA,IAAa,QAAQ,GAAA;AACnB,QAAA,OAAO,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,OAAO,CAAC;KACvC;IACD,IAAI,QAAQ,CAAC,KAAU,EAAA;AACrB,QAAA,IAAI,CAAC,SAAS,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;KAC/C;AAED,IAAA,IAAkC,iBAAiB,GAAA;QACjD,OAAO,IAAI,CAAC,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAC;KACpC;AAED,IAAA,IAAuC,YAAY,GAAA;QACjD,OAAO,IAAI,CAAC,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAC;KACpC;AAED,IAAA,IAAkC,gBAAgB,GAAA;AAChD,QAAA,OAAO,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC;KAC3C;IAEO,eAAe,GAAA;AACrB,QAAA,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC;KACtC;AAED;;AAEK;IACG,kBAAkB,CAAC,GAAG,UAAoB,EAAA;AAChD,QAAA,OAAO,UAAU,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC;KACrF;iIAtHU,mBAAmB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,SAAA,EAAA,EAAA,EAAA,KAAA,EAAAA,0BAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAnB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,ECzGhC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yRAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,mBAAA,EAAA,aAAA,EAAA,2BAAA,EAAA,cAAA,EAAA,0BAAA,EAAA,aAAA,EAAA,wBAAA,EAAA,WAAA,EAAA,wBAAA,EAAA,WAAA,EAAA,6BAAA,EAAA,gBAAA,EAAA,6BAAA,EAAA,oBAAA,EAAA,eAAA,EAAA,wBAAA,EAAA,oBAAA,EAAA,mBAAA,EAAA,eAAA,EAAA,uBAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,gCAAA,EAAA,EAAA,EAAA,SAAA,EAAAA,0BAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,MAAA,CAAA,EAAA,EAAA,EAAA,SAAA,EAAA,EAAA,CAAA,uBAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,QAAA,CAAA,EAAA,EAAA,EAAA,SAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,OAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,uXAOe,ED6FX,MAAA,EAAA,CAAA,2hKAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,IAAI,4FACJ,sBAAsB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,wBAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FAIb,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBA3C/B,SAAS;+BAEE,EAAE;AACV,wBAAA,qBAAqB,GAAG,GAAG;AAC3B,wBAAA,6BAA6B,GAAG,GAAG;AACnC,wBAAA,4BAA4B,GAAG,GAAG;AAClC,wBAAA,0BAA0B,GAAG,GAAG;AAChC,wBAAA,0BAA0B,GAAG,GAAG;AAChC,wBAAA,+BAA+B,GAAG,GAAG;AACrC,wBAAA,gBAAgB,GAAG,GAAG;AACtB,wBAAA,wBAAwB,GAAG,GAAG;AAC9B,wBAAA,uBAAuB,GAAG,GAAG;AAC7B,wBAAA,qBAAqB,GAAG,GAAG;AAC3B,wBAAA,qBAAqB,GAAG,GAAG;AAC3B,wBAAA,0BAA0B,EAKZ,cAAA,EAAA;wBACd,EAAE,SAAS,EAAE,gCAAgC,EAAE;AAC/C,wBAAA;AACE,4BAAA,SAAS,EAAE,0BAA0B;4BACrC,MAAM,EAAE,CAAC,MAAM,CAAC;AACjB,yBAAA;AACD,wBAAA;AACE,4BAAA,SAAS,EAAE,uBAAuB;4BAClC,MAAM,EAAE,CAAC,QAAQ,CAAC;AACnB,yBAAA;AACD,wBAAA;AACE,4BAAA,SAAS,EAAE,sBAAsB;4BACjC,MAAM,EAAE,CAAC,OAAO,CAAC;AAClB,yBAAA;qBACF,EACc,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EACnC,UAAA,EAAA,IAAI,EACP,OAAA,EAAA;wBACP,IAAI;wBACJ,sBAAsB;wBACtB,4BAA4B;AAC7B,qBAAA,EAAA,QAAA,EAAA,uXAAA,EAAA,MAAA,EAAA,CAAA,2hKAAA,CAAA,EAAA,CAAA;6IAyCqC,MAAM,EAAA,CAAA;sBAA3C,WAAW;uBAAC,mBAAmB,CAAA;gBAOc,OAAO,EAAA,CAAA;sBAApD,WAAW;uBAAC,2BAA2B,CAAA;gBAOK,MAAM,EAAA,CAAA;sBAAlD,WAAW;uBAAC,0BAA0B,CAAA;gBAOI,IAAI,EAAA,CAAA;sBAA9C,WAAW;uBAAC,wBAAwB,CAAA;gBAOM,IAAI,EAAA,CAAA;sBAA9C,WAAW;uBAAC,wBAAwB,CAAA;gBAOW,SAAS,EAAA,CAAA;sBAAxD,WAAW;uBAAC,6BAA6B,CAAA;gBAIM,aAAa,EAAA,CAAA;sBAA5D,WAAW;uBAAC,6BAA6B,CAAA;gBAIjC,OAAO,EAAA,CAAA;sBAAf,KAAK;gBACG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBAOO,QAAQ,EAAA,CAAA;sBAApB,KAAK;gBAO4B,iBAAiB,EAAA,CAAA;sBAAlD,WAAW;uBAAC,eAAe,CAAA;gBAIW,YAAY,EAAA,CAAA;sBAAlD,WAAW;uBAAC,oBAAoB,CAAA;gBAIC,gBAAgB,EAAA,CAAA;sBAAjD,WAAW;uBAAC,eAAe,CAAA;;;AE3M9B;MAWa,gBAAgB,CAAA;iIAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAAhB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,YARzB,YAAY;AACZ,YAAA,mBAAmB,aAGnB,mBAAmB;YACnB,sBAAsB,CAAA,EAAA,CAAA,CAAA,EAAA;AAGb,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,YARzB,YAAY;AACZ,YAAA,mBAAmB,EAInB,sBAAsB,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAGb,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAV5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,mBAAmB;AACpB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,mBAAmB;wBACnB,sBAAsB;AACvB,qBAAA;AACF,iBAAA,CAAA;;;ACbY,MAAA,sBAAsB,GAAW;IAC5C,mBAAmB;IACnB,sBAAsB;;;ACNxB;;AAEG;;;;"}
+{"version":3,"file":"daffodil-design-button.mjs","sources":["../../../libs/design/button/src/button/button-sizable.directive.ts","../../../libs/design/button/src/button/button-base.directive.ts","../../../libs/design/button/src/button/basic/button.component.ts","../../../libs/design/button/src/button/button-base.component.html","../../../libs/design/button/src/button/flat/flat.component.ts","../../../libs/design/button/src/button/icon/icon.component.ts","../../../libs/design/button/src/button/raised/raised.component.ts","../../../libs/design/button/src/button/stroked/stroked.component.ts","../../../libs/design/button/src/button/underline/underline.component.ts","../../../libs/design/button/src/button.module.ts","../../../libs/design/button/src/button.ts","../../../libs/design/button/src/daffodil-design-button.ts"],"sourcesContent":["import { Directive } from '@angular/core';\n\nimport {\n  DaffSizableDirective,\n  DaffSizeLargeType,\n  DaffSizeMediumType,\n  DaffSizeSmallType,\n} from '@daffodil/design';\n\n/**\n * The DaffSizable {@link DaffSizable } types that the DaffButtonComponent can implement.\n */\nexport type DaffButtonSize = DaffSizeSmallType | DaffSizeMediumType | DaffSizeLargeType;\n\n@Directive({\n  standalone: true,\n})\n\nexport class DaffButtonSizableDirective extends DaffSizableDirective<DaffButtonSize> {}\n\n","import { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport {\n  ElementRef,\n  HostBinding,\n  Renderer2,\n  Input,\n  Directive,\n} from '@angular/core';\n\nimport {\n  DaffPrefixable,\n  DaffSuffixable,\n  daffPrefixableMixin,\n  daffSuffixableMixin,\n  DaffArticleEncapsulatedDirective,\n  DaffStatusableDirective,\n  DaffColorableDirective,\n} from '@daffodil/design';\n\nimport { DaffButtonSizableDirective } from './button-sizable.directive';\n\n/**\n * An _elementRef and an instance of renderer2 are needed for the button mixins\n */\nclass DaffButtonBase{\n  constructor(public _elementRef: ElementRef, public _renderer: Renderer2) {}\n}\n\nconst _daffButtonBase = daffPrefixableMixin(daffSuffixableMixin((DaffButtonBase)));\n\n@Directive({\n  selector: '[daffButtonBase]',\n  hostDirectives: [\n    { directive: DaffArticleEncapsulatedDirective },\n    {\n      directive: DaffButtonSizableDirective,\n      inputs: ['size'],\n    },\n    {\n      directive: DaffStatusableDirective,\n      inputs: ['status'],\n    },\n    {\n      directive: DaffColorableDirective,\n      inputs: ['color'],\n    },\n  ],\n  standalone: true,\n})\nexport class DaffButtonBaseDirective\n  extends _daffButtonBase\n  implements DaffPrefixable, DaffSuffixable {\n\n  constructor(\n    private elementRef: ElementRef,\n    private renderer: Renderer2,\n    private size: DaffButtonSizableDirective,\n  ) {\n    super(elementRef, renderer);\n\n    /**\n     * Sets the default size of a button to medium.\n     */\n    this.size.defaultSize = 'md';\n  }\n\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.disabled') get disabledClass() {\n    return this.disabled;\n  }\n\n  @Input() loading = false;\n\n  /**\n   * Set the `tabindex` to 0.\n   */\n  @Input() tabindex = 0;\n\n  _disabled = false;\n\n  /**\n   * The disabled state of the button.\n   */\n  @Input() get disabled() {\n    return this._disabled || this.loading;\n  }\n  set disabled(value: any) {\n    this._disabled = coerceBooleanProperty(value);\n  }\n\n  @HostBinding('attr.disabled') get disabledAttribute() {\n    return this.disabled ? true : null;\n  }\n\n  @HostBinding('attr.aria-disabled') get ariaDisabled() {\n    return this.disabled ? true : null;\n  }\n\n  /**\n   * Set the `tabindex` to -1 if the button is disabled.\n   */\n  @HostBinding('attr.tabindex') get disabledTabIndex() {\n    return this.disabled ? -1 : this.tabindex;\n  }\n}\n","import {\n  Component,\n  ViewEncapsulation,\n  ChangeDetectionStrategy,\n  HostBinding,\n} from '@angular/core';\n\nimport { DaffPrefixSuffixModule } from '@daffodil/design';\nimport { DAFF_LOADING_ICON_COMPONENTS } from '@daffodil/design/loading-icon';\n\nimport { DaffButtonBaseDirective } from '../button-base.directive';\n\n/**\n * DaffButtonComponent is a rectangular contained button with background color.\n *\n * ## Usage\n * ```html\n * <button daff-button>\n *  <div daffPrefix></div>\n *  Button\n *  <div daffSuffix></div>\n * </button>\n *\n * <a href=\"/\" daff-button>\n *  <div daffPrefix></div>\n *  Linked button\n *  <div daffSuffix></div>\n * </a>\n * ```\n */\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: '' +\n    'button[daff-button]' + ',' +\n    'a[daff-button]',\n  templateUrl: '../button-base.component.html',\n  styleUrl: './button.component.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [\n    DaffPrefixSuffixModule,\n    DAFF_LOADING_ICON_COMPONENTS,\n  ],\n})\nexport class DaffButtonComponent extends DaffButtonBaseDirective {\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.daff-button') class = true;\n}\n","@if (_prefix) {\n  <ng-content select=\"[daffPrefix]\"></ng-content>\n}\n@if (loading) {\n  <daff-loading-icon class=\"daff-button__loading\"></daff-loading-icon>\n} @else {\n  <span class=\"daff-button__content\"><ng-content></ng-content></span>\n}\n@if (_suffix) {\n  <ng-content select=\"[daffSuffix]\"></ng-content>\n}","import {\n  Component,\n  ViewEncapsulation,\n  ChangeDetectionStrategy,\n  HostBinding,\n} from '@angular/core';\n\nimport { DaffPrefixSuffixModule } from '@daffodil/design';\nimport { DAFF_LOADING_ICON_COMPONENTS } from '@daffodil/design/loading-icon';\n\nimport { DaffButtonBaseDirective } from '../button-base.directive';\n\n/**\n * DaffFlatButtonComponent is a rectangular contained button no background.\n *\n * ## Usage\n * ```html\n * <button daff-flat-button>\n *  <div daffPrefix></div>\n *  Flat Button\n *  <div daffSuffix></div>\n * </button>\n *\n * <a href=\"/\" daff-flat-button>\n *  <div daffPrefix></div>\n *  Linked flat button\n *  <div daffSuffix></div>\n * </a>\n * ```\n */\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: '' +\n    'button[daff-flat-button]' + ',' +\n    'a[daff-flat-button]',\n  templateUrl: '../button-base.component.html',\n  styleUrl: './flat.component.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [\n    DaffPrefixSuffixModule,\n    DAFF_LOADING_ICON_COMPONENTS,\n  ],\n})\nexport class DaffFlatButtonComponent\n  extends DaffButtonBaseDirective {\n\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.daff-flat-button') class = true;\n}\n","import {\n  Component,\n  ViewEncapsulation,\n  ChangeDetectionStrategy,\n  HostBinding,\n} from '@angular/core';\n\nimport { DaffPrefixSuffixModule } from '@daffodil/design';\nimport { DAFF_LOADING_ICON_COMPONENTS } from '@daffodil/design/loading-icon';\n\nimport { DaffButtonBaseDirective } from '../button-base.directive';\n\n/**\n * DaffIconButtonComponent is an icon button used with icon fonts.\n *\n * ## Usage\n * ```html\n * <button daff-icon-button>\n *  <fa-icon [icon]=\"faPlus\"></fa-icon>\n * </button>\n *\n * <a href=\"/\" daff-icon-button>\n *  <fa-icon [icon]=\"faPlus\"></fa-icon>\n * </a>\n * ```\n */\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: '' +\n    'button[daff-icon-button]' + ',' +\n    'a[daff-icon-button]',\n  templateUrl: '../button-base.component.html',\n  styleUrl: './icon.component.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [\n    DaffPrefixSuffixModule,\n    DAFF_LOADING_ICON_COMPONENTS,\n  ],\n})\nexport class DaffIconButtonComponent\n  extends DaffButtonBaseDirective {\n\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.daff-icon-button') class = true;\n}\n","import {\n  Component,\n  ViewEncapsulation,\n  ChangeDetectionStrategy,\n  HostBinding,\n} from '@angular/core';\n\nimport { DaffPrefixSuffixModule } from '@daffodil/design';\nimport { DAFF_LOADING_ICON_COMPONENTS } from '@daffodil/design/loading-icon';\n\nimport { DaffButtonBaseDirective } from '../button-base.directive';\n\n/**\n * DaffRaisedButtonComponent is a rectangular contained button with background color and elevation.\n *\n * ## Usage\n * ```html\n * <button daff-raised-button>\n *  <div daffPrefix></div>\n *  Raised Button\n *  <div daffSuffix></div>\n * </button>\n *\n * <a href=\"/\" daff-raised-button>\n *  <div daffPrefix></div>\n *  Linked raised button\n *  <div daffSuffix></div>\n * </a>\n * ```\n */\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: '' +\n    'button[daff-raised-button]' + ',' +\n    'a[daff-raised-button]',\n  templateUrl: '../button-base.component.html',\n  styleUrl: './raised.component.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [\n    DaffPrefixSuffixModule,\n    DAFF_LOADING_ICON_COMPONENTS,\n  ],\n})\nexport class DaffRaisedButtonComponent\n  extends DaffButtonBaseDirective {\n\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.daff-raised-button') class = true;\n}\n","import { NgIf } from '@angular/common';\nimport {\n  Component,\n  ViewEncapsulation,\n  ChangeDetectionStrategy,\n  HostBinding,\n} from '@angular/core';\n\nimport { DaffPrefixSuffixModule } from '@daffodil/design';\nimport { DAFF_LOADING_ICON_COMPONENTS } from '@daffodil/design/loading-icon';\n\nimport { DaffButtonBaseDirective } from '../button-base.directive';\n\n/**\n * DaffStrokedButtonComponent is a rectangular outlined button with no background color.\n *\n * ## Usage\n * ```html\n * <button daff-stroked-button>\n *  <div daffPrefix></div>\n *  Stroked Button\n *  <div daffSuffix></div>\n * </button>\n *\n * <a href=\"/\" daff-stroked-button>\n *  <div daffPrefix></div>\n *  Linked stroked button\n *  <div daffSuffix></div>\n * </a>\n * ```\n */\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: '' +\n    'button[daff-stroked-button]' + ',' +\n    'a[daff-stroked-button]',\n  templateUrl: '../button-base.component.html',\n  styleUrl: './stroked.component.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [\n    DaffPrefixSuffixModule,\n    DAFF_LOADING_ICON_COMPONENTS,\n  ],\n})\nexport class DaffStrokedButtonComponent\n  extends DaffButtonBaseDirective {\n\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.daff-stroked-button') class = true;\n}\n","import { NgIf } from '@angular/common';\nimport {\n  Component,\n  ViewEncapsulation,\n  ChangeDetectionStrategy,\n  HostBinding,\n} from '@angular/core';\n\nimport { DaffPrefixSuffixModule } from '@daffodil/design';\nimport { DAFF_LOADING_ICON_COMPONENTS } from '@daffodil/design/loading-icon';\n\nimport { DaffButtonBaseDirective } from '../button-base.directive';\n\n/**\n * DaffUnderlineButtonComponent is a borderless button with a custom underline style.\n *\n * ## Usage\n * ```html\n * <button daff-underline-button>\n *  <div daffPrefix></div>\n *  Underline Button\n *  <div daffSuffix></div>\n * </button>\n *\n * <a href=\"/\" daff-underline-button>\n *  <div daffPrefix></div>\n *  Linked underline button\n *  <div daffSuffix></div>\n * </a>\n * ```\n */\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: '' +\n    'button[daff-underline-button]' + ',' +\n    'a[daff-underline-button]',\n  templateUrl: '../button-base.component.html',\n  styleUrl: './underline.component.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [\n    DaffPrefixSuffixModule,\n    DAFF_LOADING_ICON_COMPONENTS,\n  ],\n})\nexport class DaffUnderlineButtonComponent\n  extends DaffButtonBaseDirective {\n\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.daff-underline-button') class = true;\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DaffPrefixSuffixModule } from '@daffodil/design';\n\nimport { DaffButtonComponent } from './button/basic/button.component';\nimport { DaffFlatButtonComponent } from './button/flat/flat.component';\nimport { DaffIconButtonComponent } from './button/icon/icon.component';\nimport { DaffRaisedButtonComponent } from './button/raised/raised.component';\nimport { DaffStrokedButtonComponent } from './button/stroked/stroked.component';\nimport { DaffUnderlineButtonComponent } from './button/underline/underline.component';\n\n/** @deprecated in favor of {@link DAFF_BUTTON_COMPONENTS} */\n@NgModule({\n  imports: [\n    CommonModule,\n    DaffButtonComponent,\n    DaffFlatButtonComponent,\n    DaffIconButtonComponent,\n    DaffRaisedButtonComponent,\n    DaffStrokedButtonComponent,\n    DaffUnderlineButtonComponent,\n  ],\n  exports: [\n    DaffButtonComponent,\n    DaffFlatButtonComponent,\n    DaffIconButtonComponent,\n    DaffRaisedButtonComponent,\n    DaffStrokedButtonComponent,\n    DaffUnderlineButtonComponent,\n    DaffPrefixSuffixModule,\n  ],\n})\nexport class DaffButtonModule { }\n","import { DaffPrefixSuffixModule } from '@daffodil/design';\n\nimport { DaffButtonComponent } from './button/basic/button.component';\nimport { DaffFlatButtonComponent } from './button/flat/flat.component';\nimport { DaffIconButtonComponent } from './button/icon/icon.component';\nimport { DaffRaisedButtonComponent } from './button/raised/raised.component';\nimport { DaffStrokedButtonComponent } from './button/stroked/stroked.component';\nimport { DaffUnderlineButtonComponent } from './button/underline/underline.component';\n\nexport const DAFF_BUTTON_COMPONENTS = <const> [\n  DaffButtonComponent,\n  DaffPrefixSuffixModule,\n  DaffFlatButtonComponent,\n  DaffIconButtonComponent,\n  DaffRaisedButtonComponent,\n  DaffStrokedButtonComponent,\n  DaffUnderlineButtonComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.DaffButtonSizableDirective"],"mappings":"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"}

package/fesm2022/daffodil-design-callout-examples.mjs

@@ -1,16 +1,14 @@
 import { NgFor } from '@angular/common';
 import * as i0 from '@angular/core';
 import { Component, ChangeDetectionStrategy } from '@angular/core';
-import * as i4$1 from '@angular/forms';
+import * as i2 from '@angular/forms';
 import { UntypedFormControl, ReactiveFormsModule } from '@angular/forms';
 import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 import { faMobile } from '@fortawesome/free-solid-svg-icons';
-import * as i3 from '@daffodil/design/button';
-import { DAFF_BUTTON_COMPONENTS } from '@daffodil/design/button';
+import { DaffButtonComponent, DaffUnderlineButtonComponent } from '@daffodil/design/button';
 import * as i1 from '@daffodil/design/callout';
 import { DAFF_CALLOUT_COMPONENTS } from '@daffodil/design/callout';
-import * as i4 from '@daffodil/design';
-import * as i2 from '@daffodil/design/container';
+import * as i2$1 from '@daffodil/design/container';
 import { DAFF_CONTAINER_COMPONENTS } from '@daffodil/design/container';
 
 class CalloutThemingComponent {
@@ -29,14 +27,14 @@ class CalloutThemingComponent {
         ];
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: CalloutThemingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: CalloutThemingComponent, isStandalone: true, selector: "callout-theming", ngImport: i0, template: "<daff-callout [color]=\"colorControl.value\">\n\t<div class=\"daff-callout-theming__icon\" daffCalloutIcon>\n\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t</div>\n\t<div daffCalloutTagline>Frontend framework for ecommerce PWAs</div>\n\t<h3 daffCalloutTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t<div daffCalloutSubtitle>\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</div>\n\t<div daffCalloutBody>\n\t\t<a daff-button color=\"theme-contrast\" href=\"https://www.daff.io\">What is Daffodil?</a>\n\t</div>\n</daff-callout>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: [".daff-callout-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}\n"], dependencies: [{ kind: "component", type: i1.DaffCalloutComponent, selector: "daff-callout" }, { kind: "directive", type: i1.DaffCalloutIconDirective, selector: "[daffCalloutIcon]" }, { kind: "directive", type: i1.DaffCalloutTitleDirective, selector: "[daffCalloutTitle]" }, { kind: "directive", type: i1.DaffCalloutSubtitleDirective, selector: "[daffCalloutSubtitle]" }, { kind: "directive", type: i1.DaffCalloutTaglineDirective, selector: "[daffCalloutTagline]" }, { kind: "directive", type: i1.DaffCalloutBodyDirective, selector: "[daffCalloutBody]" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "component", type: i3.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["loading", "tabindex", "disabled"] }, { kind: "ngmodule", type: i4.DaffPrefixSuffixModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i4$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: CalloutThemingComponent, isStandalone: true, selector: "callout-theming", ngImport: i0, template: "<daff-callout [color]=\"colorControl.value\">\n\t<div class=\"daff-callout-theming__icon\" daffCalloutIcon>\n\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t</div>\n\t<div daffCalloutTagline>Frontend framework for ecommerce PWAs</div>\n\t<h3 daffCalloutTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t<div daffCalloutSubtitle>\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</div>\n\t<div daffCalloutBody>\n\t\t<a daff-button color=\"theme-contrast\" href=\"https://www.daff.io\">What is Daffodil?</a>\n\t</div>\n</daff-callout>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: [".daff-callout-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}\n"], dependencies: [{ kind: "component", type: i1.DaffCalloutComponent, selector: "daff-callout" }, { kind: "directive", type: i1.DaffCalloutIconDirective, selector: "[daffCalloutIcon]" }, { kind: "directive", type: i1.DaffCalloutTitleDirective, selector: "[daffCalloutTitle]" }, { kind: "directive", type: i1.DaffCalloutSubtitleDirective, selector: "[daffCalloutSubtitle]" }, { kind: "directive", type: i1.DaffCalloutTaglineDirective, selector: "[daffCalloutTagline]" }, { kind: "directive", type: i1.DaffCalloutBodyDirective, selector: "[daffCalloutBody]" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "component", type: DaffButtonComponent, selector: "button[daff-button],a[daff-button]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: CalloutThemingComponent, decorators: [{
             type: Component,
             args: [{ selector: 'callout-theming', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
                         DAFF_CALLOUT_COMPONENTS,
                         FaIconComponent,
-                        DAFF_BUTTON_COMPONENTS,
+                        DaffButtonComponent,
                         ReactiveFormsModule,
                         NgFor,
                     ], template: "<daff-callout [color]=\"colorControl.value\">\n\t<div class=\"daff-callout-theming__icon\" daffCalloutIcon>\n\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t</div>\n\t<div daffCalloutTagline>Frontend framework for ecommerce PWAs</div>\n\t<h3 daffCalloutTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t<div daffCalloutSubtitle>\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</div>\n\t<div daffCalloutBody>\n\t\t<a daff-button color=\"theme-contrast\" href=\"https://www.daff.io\">What is Daffodil?</a>\n\t</div>\n</daff-callout>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: [".daff-callout-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}\n"] }]
@@ -54,7 +52,7 @@ class CalloutTextAlignmentComponent {
         ];
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: CalloutTextAlignmentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: CalloutTextAlignmentComponent, isStandalone: true, selector: "callout-text-alignment", ngImport: i0, template: "<daff-callout [textAlignment]=\"textAlignControl.value\">\n\t<daff-container size=\"md\">\n\t\t<div class=\"daff-callout-text-alignment__icon\" daffCalloutIcon>\n\t\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t\t</div>\n\t\t<div daffCalloutTagline>Frontend framework for ecommerce PWAs</div>\n\t\t<h3 daffCalloutTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t\t<div daffCalloutSubtitle>\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\t<div daffCalloutBody>\n\t\t\t<a daff-button color=\"theme-contrast\" href=\"https://www.daff.io\">What is Daffodil?</a>\n\t\t</div>\n\t</daff-container>\n</daff-callout>\n\n<select [formControl]=\"textAlignControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: [".daff-callout-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}\n"], dependencies: [{ kind: "component", type: i1.DaffCalloutComponent, selector: "daff-callout" }, { kind: "directive", type: i1.DaffCalloutIconDirective, selector: "[daffCalloutIcon]" }, { kind: "directive", type: i1.DaffCalloutTitleDirective, selector: "[daffCalloutTitle]" }, { kind: "directive", type: i1.DaffCalloutSubtitleDirective, selector: "[daffCalloutSubtitle]" }, { kind: "directive", type: i1.DaffCalloutTaglineDirective, selector: "[daffCalloutTagline]" }, { kind: "directive", type: i1.DaffCalloutBodyDirective, selector: "[daffCalloutBody]" }, { kind: "component", type: i2.DaffContainerComponent, selector: "daff-container" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "component", type: i3.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["loading", "tabindex", "disabled"] }, { kind: "ngmodule", type: i4.DaffPrefixSuffixModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i4$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: CalloutTextAlignmentComponent, isStandalone: true, selector: "callout-text-alignment", ngImport: i0, template: "<daff-callout [textAlignment]=\"textAlignControl.value\">\n\t<daff-container size=\"md\">\n\t\t<div class=\"daff-callout-text-alignment__icon\" daffCalloutIcon>\n\t\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t\t</div>\n\t\t<div daffCalloutTagline>Frontend framework for ecommerce PWAs</div>\n\t\t<h3 daffCalloutTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t\t<div daffCalloutSubtitle>\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\t<div daffCalloutBody>\n\t\t\t<a daff-button color=\"theme-contrast\" href=\"https://www.daff.io\">What is Daffodil?</a>\n\t\t</div>\n\t</daff-container>\n</daff-callout>\n\n<select [formControl]=\"textAlignControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: [".daff-callout-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}\n"], dependencies: [{ kind: "component", type: i1.DaffCalloutComponent, selector: "daff-callout" }, { kind: "directive", type: i1.DaffCalloutIconDirective, selector: "[daffCalloutIcon]" }, { kind: "directive", type: i1.DaffCalloutTitleDirective, selector: "[daffCalloutTitle]" }, { kind: "directive", type: i1.DaffCalloutSubtitleDirective, selector: "[daffCalloutSubtitle]" }, { kind: "directive", type: i1.DaffCalloutTaglineDirective, selector: "[daffCalloutTagline]" }, { kind: "directive", type: i1.DaffCalloutBodyDirective, selector: "[daffCalloutBody]" }, { kind: "component", type: i2$1.DaffContainerComponent, selector: "daff-container" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "component", type: DaffButtonComponent, selector: "button[daff-button],a[daff-button]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: CalloutTextAlignmentComponent, decorators: [{
             type: Component,
@@ -62,7 +60,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImpor
                         DAFF_CALLOUT_COMPONENTS,
                         DAFF_CONTAINER_COMPONENTS,
                         FaIconComponent,
-                        DAFF_BUTTON_COMPONENTS,
+                        DaffButtonComponent,
                         ReactiveFormsModule,
                         NgFor,
                     ], template: "<daff-callout [textAlignment]=\"textAlignControl.value\">\n\t<daff-container size=\"md\">\n\t\t<div class=\"daff-callout-text-alignment__icon\" daffCalloutIcon>\n\t\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t\t</div>\n\t\t<div daffCalloutTagline>Frontend framework for ecommerce PWAs</div>\n\t\t<h3 daffCalloutTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t\t<div daffCalloutSubtitle>\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\t<div daffCalloutBody>\n\t\t\t<a daff-button color=\"theme-contrast\" href=\"https://www.daff.io\">What is Daffodil?</a>\n\t\t</div>\n\t</daff-container>\n</daff-callout>\n\n<select [formControl]=\"textAlignControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: [".daff-callout-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}\n"] }]
@@ -73,7 +71,7 @@ class CalloutWithGridComponent {
         this.faMobile = faMobile;
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: CalloutWithGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: CalloutWithGridComponent, isStandalone: true, selector: "callout-with-grid", ngImport: i0, template: "<daff-callout color=\"theme\">\n\t<daff-container class=\"daff-callout-with-grid__grid\">\n\t\t<div class=\"daff-callout-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-callout-with-grid__content-wrapper\">\n\t\t\t<div class=\"daff-callout-with-grid__icon\" daffCalloutIcon>\n\t\t\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t\t\t</div>\n\t\t\t<div daffCalloutTagline>Frontend framework for ecommerce PWAs</div>\n\t\t\t<h3 daffCalloutTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t\t\t<div daffCalloutSubtitle>\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 daffCalloutBody>\n\t\t\t\t<div class=\"daff-callout-with-grid__actions\">\n\t\t\t\t\t<a daff-button color=\"theme-contrast\" href=\"https://www.daff.io\" class=\"daff-callout-with-grid__daffodil-action\">What is Daffodil?</a>\n\t\t\t\t\t<a daff-underline-button color=\"theme-contrast\" routerLink=\"/contact\" class=\"daff-callout-with-grid__demo-action\">Sign up for a demo</a>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</daff-container>\n</daff-callout>", styles: [".daff-callout-with-grid__grid{display:grid;grid-template:\"image\" \"content\"/1fr;grid-gap:24px}@media (min-width: 768px){.daff-callout-with-grid__grid{grid-template:\"image content\"/1fr 1fr;grid-gap:48px}}.daff-callout-with-grid__image{grid-area:image}.daff-callout-with-grid__content-wrapper{grid-area:content}.daff-callout-with-grid__actions{display:flex;flex-direction:column}@media (min-width: 480px){.daff-callout-with-grid__actions{flex-direction:row;align-items:center}}.daff-callout-with-grid__daffodil-action{margin:0 0 24px}@media (min-width: 480px){.daff-callout-with-grid__daffodil-action{margin:0 24px 0 0}}.daff-callout-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}\n"], dependencies: [{ kind: "component", type: i1.DaffCalloutComponent, selector: "daff-callout" }, { kind: "directive", type: i1.DaffCalloutIconDirective, selector: "[daffCalloutIcon]" }, { kind: "directive", type: i1.DaffCalloutTitleDirective, selector: "[daffCalloutTitle]" }, { kind: "directive", type: i1.DaffCalloutSubtitleDirective, selector: "[daffCalloutSubtitle]" }, { kind: "directive", type: i1.DaffCalloutTaglineDirective, selector: "[daffCalloutTagline]" }, { kind: "directive", type: i1.DaffCalloutBodyDirective, selector: "[daffCalloutBody]" }, { kind: "component", type: i2.DaffContainerComponent, selector: "daff-container" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "component", type: i3.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["loading", "tabindex", "disabled"] }, { kind: "ngmodule", type: i4.DaffPrefixSuffixModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: CalloutWithGridComponent, isStandalone: true, selector: "callout-with-grid", ngImport: i0, template: "<daff-callout color=\"theme\">\n\t<daff-container class=\"daff-callout-with-grid__grid\">\n\t\t<div class=\"daff-callout-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-callout-with-grid__content-wrapper\">\n\t\t\t<div class=\"daff-callout-with-grid__icon\" daffCalloutIcon>\n\t\t\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t\t\t</div>\n\t\t\t<div daffCalloutTagline>Frontend framework for ecommerce PWAs</div>\n\t\t\t<h3 daffCalloutTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t\t\t<div daffCalloutSubtitle>\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 daffCalloutBody>\n\t\t\t\t<div class=\"daff-callout-with-grid__actions\">\n\t\t\t\t\t<a daff-button color=\"theme-contrast\" href=\"https://www.daff.io\" class=\"daff-callout-with-grid__daffodil-action\">What is Daffodil?</a>\n\t\t\t\t\t<a daff-underline-button color=\"theme-contrast\" routerLink=\"/contact\" class=\"daff-callout-with-grid__demo-action\">Sign up for a demo</a>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</daff-container>\n</daff-callout>", styles: [".daff-callout-with-grid__grid{display:grid;grid-template:\"image\" \"content\"/1fr;grid-gap:24px}@media (min-width: 768px){.daff-callout-with-grid__grid{grid-template:\"image content\"/1fr 1fr;grid-gap:48px}}.daff-callout-with-grid__image{grid-area:image}.daff-callout-with-grid__content-wrapper{grid-area:content}.daff-callout-with-grid__actions{display:flex;flex-direction:column}@media (min-width: 480px){.daff-callout-with-grid__actions{flex-direction:row;align-items:center}}.daff-callout-with-grid__daffodil-action{margin:0 0 24px}@media (min-width: 480px){.daff-callout-with-grid__daffodil-action{margin:0 24px 0 0}}.daff-callout-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}\n"], dependencies: [{ kind: "component", type: i1.DaffCalloutComponent, selector: "daff-callout" }, { kind: "directive", type: i1.DaffCalloutIconDirective, selector: "[daffCalloutIcon]" }, { kind: "directive", type: i1.DaffCalloutTitleDirective, selector: "[daffCalloutTitle]" }, { kind: "directive", type: i1.DaffCalloutSubtitleDirective, selector: "[daffCalloutSubtitle]" }, { kind: "directive", type: i1.DaffCalloutTaglineDirective, selector: "[daffCalloutTagline]" }, { kind: "directive", type: i1.DaffCalloutBodyDirective, selector: "[daffCalloutBody]" }, { kind: "component", type: i2$1.DaffContainerComponent, selector: "daff-container" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "component", type: DaffButtonComponent, selector: "button[daff-button],a[daff-button]" }, { kind: "component", type: DaffUnderlineButtonComponent, selector: "button[daff-underline-button],a[daff-underline-button]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: CalloutWithGridComponent, decorators: [{
             type: Component,
@@ -81,7 +79,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImpor
                         DAFF_CALLOUT_COMPONENTS,
                         DAFF_CONTAINER_COMPONENTS,
                         FaIconComponent,
-                        DAFF_BUTTON_COMPONENTS,
+                        DaffButtonComponent,
+                        DaffUnderlineButtonComponent,
                     ], template: "<daff-callout color=\"theme\">\n\t<daff-container class=\"daff-callout-with-grid__grid\">\n\t\t<div class=\"daff-callout-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-callout-with-grid__content-wrapper\">\n\t\t\t<div class=\"daff-callout-with-grid__icon\" daffCalloutIcon>\n\t\t\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t\t\t</div>\n\t\t\t<div daffCalloutTagline>Frontend framework for ecommerce PWAs</div>\n\t\t\t<h3 daffCalloutTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t\t\t<div daffCalloutSubtitle>\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 daffCalloutBody>\n\t\t\t\t<div class=\"daff-callout-with-grid__actions\">\n\t\t\t\t\t<a daff-button color=\"theme-contrast\" href=\"https://www.daff.io\" class=\"daff-callout-with-grid__daffodil-action\">What is Daffodil?</a>\n\t\t\t\t\t<a daff-underline-button color=\"theme-contrast\" routerLink=\"/contact\" class=\"daff-callout-with-grid__demo-action\">Sign up for a demo</a>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</daff-container>\n</daff-callout>", styles: [".daff-callout-with-grid__grid{display:grid;grid-template:\"image\" \"content\"/1fr;grid-gap:24px}@media (min-width: 768px){.daff-callout-with-grid__grid{grid-template:\"image content\"/1fr 1fr;grid-gap:48px}}.daff-callout-with-grid__image{grid-area:image}.daff-callout-with-grid__content-wrapper{grid-area:content}.daff-callout-with-grid__actions{display:flex;flex-direction:column}@media (min-width: 480px){.daff-callout-with-grid__actions{flex-direction:row;align-items:center}}.daff-callout-with-grid__daffodil-action{margin:0 0 24px}@media (min-width: 480px){.daff-callout-with-grid__daffodil-action{margin:0 24px 0 0}}.daff-callout-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}\n"] }]
         }] });
 
@@ -90,7 +89,7 @@ class CompactCalloutComponent {
         this.faMobile = faMobile;
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: CompactCalloutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: CompactCalloutComponent, isStandalone: true, selector: "compact-callout", ngImport: i0, template: "<daff-callout [compact]=\"true\">\n\t<daff-container size=\"md\">\n\t\t<div class=\"daff-compact-callout__icon\" daffCalloutIcon>\n\t\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t\t</div>\n\t\t<div daffCalloutTagline>Frontend framework for ecommerce PWAs</div>\n\t\t<h3 daffCalloutTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t\t<div daffCalloutSubtitle>\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\t<div daffCalloutBody>\n\t\t\t<a daff-button color=\"theme-contrast\" href=\"https://www.daff.io\">What is Daffodil?</a>\n\t\t</div>\n\t</daff-container>\n</daff-callout>", styles: [".daff-compact-callout__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}\n"], dependencies: [{ kind: "component", type: i1.DaffCalloutComponent, selector: "daff-callout" }, { kind: "directive", type: i1.DaffCalloutIconDirective, selector: "[daffCalloutIcon]" }, { kind: "directive", type: i1.DaffCalloutTitleDirective, selector: "[daffCalloutTitle]" }, { kind: "directive", type: i1.DaffCalloutSubtitleDirective, selector: "[daffCalloutSubtitle]" }, { kind: "directive", type: i1.DaffCalloutTaglineDirective, selector: "[daffCalloutTagline]" }, { kind: "directive", type: i1.DaffCalloutBodyDirective, selector: "[daffCalloutBody]" }, { kind: "component", type: i2.DaffContainerComponent, selector: "daff-container" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "component", type: i3.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["loading", "tabindex", "disabled"] }, { kind: "ngmodule", type: i4.DaffPrefixSuffixModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: CompactCalloutComponent, isStandalone: true, selector: "compact-callout", ngImport: i0, template: "<daff-callout [compact]=\"true\">\n\t<daff-container size=\"md\">\n\t\t<div class=\"daff-compact-callout__icon\" daffCalloutIcon>\n\t\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t\t</div>\n\t\t<div daffCalloutTagline>Frontend framework for ecommerce PWAs</div>\n\t\t<h3 daffCalloutTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t\t<div daffCalloutSubtitle>\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\t<div daffCalloutBody>\n\t\t\t<a daff-button color=\"theme-contrast\" href=\"https://www.daff.io\">What is Daffodil?</a>\n\t\t</div>\n\t</daff-container>\n</daff-callout>", styles: [".daff-compact-callout__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}\n"], dependencies: [{ kind: "component", type: i1.DaffCalloutComponent, selector: "daff-callout" }, { kind: "directive", type: i1.DaffCalloutIconDirective, selector: "[daffCalloutIcon]" }, { kind: "directive", type: i1.DaffCalloutTitleDirective, selector: "[daffCalloutTitle]" }, { kind: "directive", type: i1.DaffCalloutSubtitleDirective, selector: "[daffCalloutSubtitle]" }, { kind: "directive", type: i1.DaffCalloutTaglineDirective, selector: "[daffCalloutTagline]" }, { kind: "directive", type: i1.DaffCalloutBodyDirective, selector: "[daffCalloutBody]" }, { kind: "component", type: i2$1.DaffContainerComponent, selector: "daff-container" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "component", type: DaffButtonComponent, selector: "button[daff-button],a[daff-button]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: CompactCalloutComponent, decorators: [{
             type: Component,
@@ -98,7 +97,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImpor
                         DAFF_CALLOUT_COMPONENTS,
                         DAFF_CONTAINER_COMPONENTS,
                         FaIconComponent,
-                        DAFF_BUTTON_COMPONENTS,
+                        DaffButtonComponent,
                     ], template: "<daff-callout [compact]=\"true\">\n\t<daff-container size=\"md\">\n\t\t<div class=\"daff-compact-callout__icon\" daffCalloutIcon>\n\t\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t\t</div>\n\t\t<div daffCalloutTagline>Frontend framework for ecommerce PWAs</div>\n\t\t<h3 daffCalloutTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t\t<div daffCalloutSubtitle>\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\t<div daffCalloutBody>\n\t\t\t<a daff-button color=\"theme-contrast\" href=\"https://www.daff.io\">What is Daffodil?</a>\n\t\t</div>\n\t</daff-container>\n</daff-callout>", styles: [".daff-compact-callout__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}\n"] }]
         }] });
 

package/fesm2022/daffodil-design-callout-examples.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"daffodil-design-callout-examples.mjs","sources":["../../../libs/design/callout/examples/src/callout-theming/callout-theming.component.ts","../../../libs/design/callout/examples/src/callout-theming/callout-theming.component.html","../../../libs/design/callout/examples/src/callout-text-alignment/callout-text-alignment.component.ts","../../../libs/design/callout/examples/src/callout-text-alignment/callout-text-alignment.component.html","../../../libs/design/callout/examples/src/callout-with-grid/callout-with-grid.component.ts","../../../libs/design/callout/examples/src/callout-with-grid/callout-with-grid.component.html","../../../libs/design/callout/examples/src/compact-callout/compact-callout.component.ts","../../../libs/design/callout/examples/src/compact-callout/compact-callout.component.html","../../../libs/design/callout/examples/src/examples.ts","../../../libs/design/callout/examples/src/daffodil-design-callout-examples.ts"],"sourcesContent":["import { NgFor } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport {\n  UntypedFormControl,\n  ReactiveFormsModule,\n} from '@angular/forms';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport { faMobile } from '@fortawesome/free-solid-svg-icons';\n\nimport { DAFF_BUTTON_COMPONENTS } from '@daffodil/design/button';\nimport { DAFF_CALLOUT_COMPONENTS } from '@daffodil/design/callout';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'callout-theming',\n  templateUrl: './callout-theming.component.html',\n  styleUrls: ['./callout-theming.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [\n    DAFF_CALLOUT_COMPONENTS,\n    FaIconComponent,\n    DAFF_BUTTON_COMPONENTS,\n    ReactiveFormsModule,\n    NgFor,\n  ],\n})\nexport class CalloutThemingComponent {\n  faMobile = faMobile;\n  colorControl: UntypedFormControl = new UntypedFormControl('');\n\n  options = [\n    { value: '', label: 'Default' },\n    { value: 'primary', label: 'Primary' },\n    { value: 'secondary', label: 'Secondary' },\n    { value: 'tertiary', label: 'Tertiary' },\n    { value: 'white', label: 'White' },\n    { value: 'black', label: 'Black' },\n    { value: 'theme', label: 'Theme' },\n    { value: 'theme-contrast', label: 'Theme Contrast' },\n  ];\n}\n","<daff-callout [color]=\"colorControl.value\">\n\t<div class=\"daff-callout-theming__icon\" daffCalloutIcon>\n\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t</div>\n\t<div daffCalloutTagline>Frontend framework for ecommerce PWAs</div>\n\t<h3 daffCalloutTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t<div daffCalloutSubtitle>\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</div>\n\t<div daffCalloutBody>\n\t\t<a daff-button color=\"theme-contrast\" href=\"https://www.daff.io\">What is Daffodil?</a>\n\t</div>\n</daff-callout>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>","import { NgFor } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport {\n  UntypedFormControl,\n  ReactiveFormsModule,\n} from '@angular/forms';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport { faMobile } from '@fortawesome/free-solid-svg-icons';\n\nimport { DAFF_BUTTON_COMPONENTS } from '@daffodil/design/button';\nimport { DAFF_CALLOUT_COMPONENTS } from '@daffodil/design/callout';\nimport { DAFF_CONTAINER_COMPONENTS } from '@daffodil/design/container';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'callout-text-alignment',\n  templateUrl: './callout-text-alignment.component.html',\n  styleUrls: ['./callout-text-alignment.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [\n    DAFF_CALLOUT_COMPONENTS,\n    DAFF_CONTAINER_COMPONENTS,\n    FaIconComponent,\n    DAFF_BUTTON_COMPONENTS,\n    ReactiveFormsModule,\n    NgFor,\n  ],\n})\nexport class CalloutTextAlignmentComponent {\n  faMobile = faMobile;\n  textAlignControl: UntypedFormControl = new UntypedFormControl('');\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","<daff-callout [textAlignment]=\"textAlignControl.value\">\n\t<daff-container size=\"md\">\n\t\t<div class=\"daff-callout-text-alignment__icon\" daffCalloutIcon>\n\t\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t\t</div>\n\t\t<div daffCalloutTagline>Frontend framework for ecommerce PWAs</div>\n\t\t<h3 daffCalloutTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t\t<div daffCalloutSubtitle>\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\t<div daffCalloutBody>\n\t\t\t<a daff-button color=\"theme-contrast\" href=\"https://www.daff.io\">What is Daffodil?</a>\n\t\t</div>\n\t</daff-container>\n</daff-callout>\n\n<select [formControl]=\"textAlignControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport { faMobile } from '@fortawesome/free-solid-svg-icons';\n\nimport { DAFF_BUTTON_COMPONENTS } from '@daffodil/design/button';\nimport { DAFF_CALLOUT_COMPONENTS } from '@daffodil/design/callout';\nimport { DAFF_CONTAINER_COMPONENTS } from '@daffodil/design/container';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'callout-with-grid',\n  templateUrl: './callout-with-grid.component.html',\n  styleUrls: ['./callout-with-grid.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [\n    DAFF_CALLOUT_COMPONENTS,\n    DAFF_CONTAINER_COMPONENTS,\n    FaIconComponent,\n    DAFF_BUTTON_COMPONENTS,\n  ],\n})\nexport class CalloutWithGridComponent {\n  faMobile = faMobile;\n}\n","<daff-callout color=\"theme\">\n\t<daff-container class=\"daff-callout-with-grid__grid\">\n\t\t<div class=\"daff-callout-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-callout-with-grid__content-wrapper\">\n\t\t\t<div class=\"daff-callout-with-grid__icon\" daffCalloutIcon>\n\t\t\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t\t\t</div>\n\t\t\t<div daffCalloutTagline>Frontend framework for ecommerce PWAs</div>\n\t\t\t<h3 daffCalloutTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t\t\t<div daffCalloutSubtitle>\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 daffCalloutBody>\n\t\t\t\t<div class=\"daff-callout-with-grid__actions\">\n\t\t\t\t\t<a daff-button color=\"theme-contrast\" href=\"https://www.daff.io\" class=\"daff-callout-with-grid__daffodil-action\">What is Daffodil?</a>\n\t\t\t\t\t<a daff-underline-button color=\"theme-contrast\" routerLink=\"/contact\" class=\"daff-callout-with-grid__demo-action\">Sign up for a demo</a>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</daff-container>\n</daff-callout>","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport { faMobile } from '@fortawesome/free-solid-svg-icons';\n\nimport { DAFF_BUTTON_COMPONENTS } from '@daffodil/design/button';\nimport { DAFF_CALLOUT_COMPONENTS } from '@daffodil/design/callout';\nimport { DAFF_CONTAINER_COMPONENTS } from '@daffodil/design/container';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'compact-callout',\n  templateUrl: './compact-callout.component.html',\n  styleUrls: ['./compact-callout.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [\n    DAFF_CALLOUT_COMPONENTS,\n    DAFF_CONTAINER_COMPONENTS,\n    FaIconComponent,\n    DAFF_BUTTON_COMPONENTS,\n  ],\n})\nexport class CompactCalloutComponent {\n  faMobile = faMobile;\n}\n","<daff-callout [compact]=\"true\">\n\t<daff-container size=\"md\">\n\t\t<div class=\"daff-compact-callout__icon\" daffCalloutIcon>\n\t\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t\t</div>\n\t\t<div daffCalloutTagline>Frontend framework for ecommerce PWAs</div>\n\t\t<h3 daffCalloutTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t\t<div daffCalloutSubtitle>\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\t<div daffCalloutBody>\n\t\t\t<a daff-button color=\"theme-contrast\" href=\"https://www.daff.io\">What is Daffodil?</a>\n\t\t</div>\n\t</daff-container>\n</daff-callout>","import { CalloutTextAlignmentComponent } from './callout-text-alignment/callout-text-alignment.component';\nimport { CalloutThemingComponent } from './callout-theming/callout-theming.component';\nimport { CalloutWithGridComponent } from './callout-with-grid/callout-with-grid.component';\nimport { CompactCalloutComponent } from './compact-callout/compact-callout.component';\n\nexport const CALLOUT_EXAMPLES = [\n  CalloutThemingComponent,\n  CalloutTextAlignmentComponent,\n  CalloutWithGridComponent,\n  CompactCalloutComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i2","i3"],"mappings":";;;;;;;;;;;;;;;MA8Ba,uBAAuB,CAAA;AAfpC,IAAA,WAAA,GAAA;QAgBE,IAAQ,CAAA,QAAA,GAAG,QAAQ,CAAC;AACpB,QAAA,IAAA,CAAA,YAAY,GAAuB,IAAI,kBAAkB,CAAC,EAAE,CAAC,CAAC;AAE9D,QAAA,IAAA,CAAA,OAAO,GAAG;AACR,YAAA,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;AAC/B,YAAA,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;AACtC,YAAA,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE;AAC1C,YAAA,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;AACxC,YAAA,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;AAClC,YAAA,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;AAClC,YAAA,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;AAClC,YAAA,EAAE,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,gBAAgB,EAAE;SACrD,CAAC;AACH,KAAA;iIAdY,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAvB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,uBAAuB,2EC9BpC,42BAiBS,EAAA,MAAA,EAAA,CAAA,8NAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,cAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,wBAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,yBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,4BAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,2BAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,wBAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDOL,eAAe,EAEf,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,WAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,QAAA,EAAA,SAAA,EAAA,QAAA,EAAA,QAAA,EAAA,YAAA,EAAA,WAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,yRAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAAC,EAAA,CAAA,sBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,mBAAmB,+tBACnB,KAAK,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAGI,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAfnC,SAAS;AAEE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,mBAGV,uBAAuB,CAAC,MAAM,EAAA,UAAA,EACnC,IAAI,EACP,OAAA,EAAA;wBACP,uBAAuB;wBACvB,eAAe;wBACf,sBAAsB;wBACtB,mBAAmB;wBACnB,KAAK;AACN,qBAAA,EAAA,QAAA,EAAA,42BAAA,EAAA,MAAA,EAAA,CAAA,8NAAA,CAAA,EAAA,CAAA;;;MEIU,6BAA6B,CAAA;AAhB1C,IAAA,WAAA,GAAA;QAiBE,IAAQ,CAAA,QAAA,GAAG,QAAQ,CAAC;AACpB,QAAA,IAAA,CAAA,gBAAgB,GAAuB,IAAI,kBAAkB,CAAC,EAAE,CAAC,CAAC;AAElE,QAAA,IAAA,CAAA,OAAO,GAAG;AACR,YAAA,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;AAC/B,YAAA,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;AAChC,YAAA,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;AACpC,YAAA,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;SACnC,CAAC;AACH,KAAA;iIAVY,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAA7B,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,6BAA6B,kFChC1C,g9BAmBS,EAAA,MAAA,EAAA,CAAA,qOAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,cAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,wBAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,yBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,4BAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,2BAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,wBAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDOL,eAAe,EAEf,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,WAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,QAAA,EAAA,SAAA,EAAA,QAAA,EAAA,QAAA,EAAA,YAAA,EAAA,WAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,yRAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,mBAAmB,+tBACnB,KAAK,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAGI,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBAhBzC,SAAS;AAEE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,wBAAwB,mBAGjB,uBAAuB,CAAC,MAAM,EAAA,UAAA,EACnC,IAAI,EACP,OAAA,EAAA;wBACP,uBAAuB;wBACvB,yBAAyB;wBACzB,eAAe;wBACf,sBAAsB;wBACtB,mBAAmB;wBACnB,KAAK;AACN,qBAAA,EAAA,QAAA,EAAA,g9BAAA,EAAA,MAAA,EAAA,CAAA,qOAAA,CAAA,EAAA,CAAA;;;MELU,wBAAwB,CAAA;AAdrC,IAAA,WAAA,GAAA;QAeE,IAAQ,CAAA,QAAA,GAAG,QAAQ,CAAC;AACrB,KAAA;iIAFY,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;qHAAxB,wBAAwB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECzBrC,i0CAuBe,EAAA,MAAA,EAAA,CAAA,+0BAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,cAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,wBAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,yBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,4BAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,2BAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,wBAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDFX,eAAe,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,WAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,QAAA,EAAA,SAAA,EAAA,QAAA,EAAA,QAAA,EAAA,YAAA,EAAA,WAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,yRAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAIN,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAdpC,SAAS;AAEE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,mBAAmB,mBAGZ,uBAAuB,CAAC,MAAM,EAAA,UAAA,EACnC,IAAI,EACP,OAAA,EAAA;wBACP,uBAAuB;wBACvB,yBAAyB;wBACzB,eAAe;wBACf,sBAAsB;AACvB,qBAAA,EAAA,QAAA,EAAA,i0CAAA,EAAA,MAAA,EAAA,CAAA,+0BAAA,CAAA,EAAA,CAAA;;;MEEU,uBAAuB,CAAA;AAdpC,IAAA,WAAA,GAAA;QAeE,IAAQ,CAAA,QAAA,GAAG,QAAQ,CAAC;AACrB,KAAA;iIAFY,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;qHAAvB,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECzBpC,sxBAee,EAAA,MAAA,EAAA,CAAA,8NAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,cAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,wBAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,yBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,4BAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,2BAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,wBAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDMX,eAAe,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,WAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,QAAA,EAAA,SAAA,EAAA,QAAA,EAAA,QAAA,EAAA,YAAA,EAAA,WAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,yRAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAIN,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAdnC,SAAS;AAEE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,mBAGV,uBAAuB,CAAC,MAAM,EAAA,UAAA,EACnC,IAAI,EACP,OAAA,EAAA;wBACP,uBAAuB;wBACvB,yBAAyB;wBACzB,eAAe;wBACf,sBAAsB;AACvB,qBAAA,EAAA,QAAA,EAAA,sxBAAA,EAAA,MAAA,EAAA,CAAA,8NAAA,CAAA,EAAA,CAAA;;;AElBU,MAAA,gBAAgB,GAAG;IAC9B,uBAAuB;IACvB,6BAA6B;IAC7B,wBAAwB;IACxB,uBAAuB;;;ACTzB;;AAEG;;;;"}
+{"version":3,"file":"daffodil-design-callout-examples.mjs","sources":["../../../libs/design/callout/examples/src/callout-theming/callout-theming.component.ts","../../../libs/design/callout/examples/src/callout-theming/callout-theming.component.html","../../../libs/design/callout/examples/src/callout-text-alignment/callout-text-alignment.component.ts","../../../libs/design/callout/examples/src/callout-text-alignment/callout-text-alignment.component.html","../../../libs/design/callout/examples/src/callout-with-grid/callout-with-grid.component.ts","../../../libs/design/callout/examples/src/callout-with-grid/callout-with-grid.component.html","../../../libs/design/callout/examples/src/compact-callout/compact-callout.component.ts","../../../libs/design/callout/examples/src/compact-callout/compact-callout.component.html","../../../libs/design/callout/examples/src/examples.ts","../../../libs/design/callout/examples/src/daffodil-design-callout-examples.ts"],"sourcesContent":["import { NgFor } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport {\n  UntypedFormControl,\n  ReactiveFormsModule,\n} from '@angular/forms';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport { faMobile } from '@fortawesome/free-solid-svg-icons';\n\nimport { DaffButtonComponent } from '@daffodil/design/button';\nimport { DAFF_CALLOUT_COMPONENTS } from '@daffodil/design/callout';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'callout-theming',\n  templateUrl: './callout-theming.component.html',\n  styleUrls: ['./callout-theming.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [\n    DAFF_CALLOUT_COMPONENTS,\n    FaIconComponent,\n    DaffButtonComponent,\n    ReactiveFormsModule,\n    NgFor,\n  ],\n})\nexport class CalloutThemingComponent {\n  faMobile = faMobile;\n  colorControl: UntypedFormControl = new UntypedFormControl('');\n\n  options = [\n    { value: '', label: 'Default' },\n    { value: 'primary', label: 'Primary' },\n    { value: 'secondary', label: 'Secondary' },\n    { value: 'tertiary', label: 'Tertiary' },\n    { value: 'white', label: 'White' },\n    { value: 'black', label: 'Black' },\n    { value: 'theme', label: 'Theme' },\n    { value: 'theme-contrast', label: 'Theme Contrast' },\n  ];\n}\n","<daff-callout [color]=\"colorControl.value\">\n\t<div class=\"daff-callout-theming__icon\" daffCalloutIcon>\n\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t</div>\n\t<div daffCalloutTagline>Frontend framework for ecommerce PWAs</div>\n\t<h3 daffCalloutTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t<div daffCalloutSubtitle>\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</div>\n\t<div daffCalloutBody>\n\t\t<a daff-button color=\"theme-contrast\" href=\"https://www.daff.io\">What is Daffodil?</a>\n\t</div>\n</daff-callout>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>","import { NgFor } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport {\n  UntypedFormControl,\n  ReactiveFormsModule,\n} from '@angular/forms';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport { faMobile } from '@fortawesome/free-solid-svg-icons';\n\nimport { DaffButtonComponent } from '@daffodil/design/button';\nimport { DAFF_CALLOUT_COMPONENTS } from '@daffodil/design/callout';\nimport { DAFF_CONTAINER_COMPONENTS } from '@daffodil/design/container';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'callout-text-alignment',\n  templateUrl: './callout-text-alignment.component.html',\n  styleUrls: ['./callout-text-alignment.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [\n    DAFF_CALLOUT_COMPONENTS,\n    DAFF_CONTAINER_COMPONENTS,\n    FaIconComponent,\n    DaffButtonComponent,\n    ReactiveFormsModule,\n    NgFor,\n  ],\n})\nexport class CalloutTextAlignmentComponent {\n  faMobile = faMobile;\n  textAlignControl: UntypedFormControl = new UntypedFormControl('');\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","<daff-callout [textAlignment]=\"textAlignControl.value\">\n\t<daff-container size=\"md\">\n\t\t<div class=\"daff-callout-text-alignment__icon\" daffCalloutIcon>\n\t\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t\t</div>\n\t\t<div daffCalloutTagline>Frontend framework for ecommerce PWAs</div>\n\t\t<h3 daffCalloutTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t\t<div daffCalloutSubtitle>\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\t<div daffCalloutBody>\n\t\t\t<a daff-button color=\"theme-contrast\" href=\"https://www.daff.io\">What is Daffodil?</a>\n\t\t</div>\n\t</daff-container>\n</daff-callout>\n\n<select [formControl]=\"textAlignControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport { faMobile } from '@fortawesome/free-solid-svg-icons';\n\nimport {\n  DaffButtonComponent,\n  DaffUnderlineButtonComponent,\n} from '@daffodil/design/button';\nimport { DAFF_CALLOUT_COMPONENTS } from '@daffodil/design/callout';\nimport { DAFF_CONTAINER_COMPONENTS } from '@daffodil/design/container';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'callout-with-grid',\n  templateUrl: './callout-with-grid.component.html',\n  styleUrls: ['./callout-with-grid.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [\n    DAFF_CALLOUT_COMPONENTS,\n    DAFF_CONTAINER_COMPONENTS,\n    FaIconComponent,\n    DaffButtonComponent,\n    DaffUnderlineButtonComponent,\n  ],\n})\nexport class CalloutWithGridComponent {\n  faMobile = faMobile;\n}\n","<daff-callout color=\"theme\">\n\t<daff-container class=\"daff-callout-with-grid__grid\">\n\t\t<div class=\"daff-callout-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-callout-with-grid__content-wrapper\">\n\t\t\t<div class=\"daff-callout-with-grid__icon\" daffCalloutIcon>\n\t\t\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t\t\t</div>\n\t\t\t<div daffCalloutTagline>Frontend framework for ecommerce PWAs</div>\n\t\t\t<h3 daffCalloutTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t\t\t<div daffCalloutSubtitle>\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 daffCalloutBody>\n\t\t\t\t<div class=\"daff-callout-with-grid__actions\">\n\t\t\t\t\t<a daff-button color=\"theme-contrast\" href=\"https://www.daff.io\" class=\"daff-callout-with-grid__daffodil-action\">What is Daffodil?</a>\n\t\t\t\t\t<a daff-underline-button color=\"theme-contrast\" routerLink=\"/contact\" class=\"daff-callout-with-grid__demo-action\">Sign up for a demo</a>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</daff-container>\n</daff-callout>","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport { faMobile } from '@fortawesome/free-solid-svg-icons';\n\nimport { DaffButtonComponent } from '@daffodil/design/button';\nimport { DAFF_CALLOUT_COMPONENTS } from '@daffodil/design/callout';\nimport { DAFF_CONTAINER_COMPONENTS } from '@daffodil/design/container';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'compact-callout',\n  templateUrl: './compact-callout.component.html',\n  styleUrls: ['./compact-callout.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [\n    DAFF_CALLOUT_COMPONENTS,\n    DAFF_CONTAINER_COMPONENTS,\n    FaIconComponent,\n    DaffButtonComponent,\n  ],\n})\nexport class CompactCalloutComponent {\n  faMobile = faMobile;\n}\n","<daff-callout [compact]=\"true\">\n\t<daff-container size=\"md\">\n\t\t<div class=\"daff-compact-callout__icon\" daffCalloutIcon>\n\t\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t\t</div>\n\t\t<div daffCalloutTagline>Frontend framework for ecommerce PWAs</div>\n\t\t<h3 daffCalloutTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t\t<div daffCalloutSubtitle>\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\t<div daffCalloutBody>\n\t\t\t<a daff-button color=\"theme-contrast\" href=\"https://www.daff.io\">What is Daffodil?</a>\n\t\t</div>\n\t</daff-container>\n</daff-callout>","import { CalloutTextAlignmentComponent } from './callout-text-alignment/callout-text-alignment.component';\nimport { CalloutThemingComponent } from './callout-theming/callout-theming.component';\nimport { CalloutWithGridComponent } from './callout-with-grid/callout-with-grid.component';\nimport { CompactCalloutComponent } from './compact-callout/compact-callout.component';\n\nexport const CALLOUT_EXAMPLES = [\n  CalloutThemingComponent,\n  CalloutTextAlignmentComponent,\n  CalloutWithGridComponent,\n  CompactCalloutComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i2","i3"],"mappings":"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"}

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

@@ -2,15 +2,13 @@ import * as i0 from '@angular/core';
 import { Component, ChangeDetectionStrategy } from '@angular/core';
 import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 import { faMapMarked } from '@fortawesome/free-solid-svg-icons';
-import * as i3 from '@daffodil/design/button';
-import { DAFF_BUTTON_COMPONENTS } from '@daffodil/design/button';
+import { DaffButtonComponent } from '@daffodil/design/button';
 import * as i1 from '@daffodil/design/card';
 import { DAFF_CARD_COMPONENTS } from '@daffodil/design/card';
 import * as i2 from '@daffodil/design/image';
 import { DAFF_IMAGE_COMPONENTS } from '@daffodil/design/image';
-import * as i4 from '@daffodil/design';
 import { NgFor } from '@angular/common';
-import * as i3$1 from '@angular/forms';
+import * as i3 from '@angular/forms';
 import { UntypedFormControl, ReactiveFormsModule } from '@angular/forms';
 
 class BasicCardComponent {
@@ -18,7 +16,7 @@ class BasicCardComponent {
         this.faMapMarked = faMapMarked;
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: BasicCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: BasicCardComponent, isStandalone: true, selector: "basic-card", ngImport: i0, template: "<daff-card>\n\t<daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n  <fa-icon daffCardIcon [icon]=\"faMapMarked\"></fa-icon>\n  <div daffCardTagline>Basel, Switzerland</div>\n  <h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n    <p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors.</p>\n    <p>The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n  </div>\n  <div daffCardActions>\n    <button daff-button color=\"theme-contrast\">Learn More</button>\n  </div>\n</daff-card>\n", styles: ["daff-card{max-width:480px}\n"], dependencies: [{ kind: "component", type: i1.DaffCardComponent, selector: "daff-card,daff-raised-card,daff-stroked-card,a[daff-card],a[daff-raised-card],a[daff-stroked-card]", inputs: ["orientation"] }, { kind: "directive", type: i1.DaffCardIconDirective, selector: "[daffCardIcon]" }, { kind: "directive", type: i1.DaffCardImageDirective, selector: "[daffCardImage]" }, { kind: "directive", type: i1.DaffCardTaglineDirective, selector: "[daffCardTagline]" }, { kind: "directive", type: i1.DaffCardTitleDirective, selector: "[daffCardTitle]" }, { kind: "directive", type: i1.DaffCardContentDirective, selector: "[daffCardContent]" }, { kind: "directive", type: i1.DaffCardActionsDirective, selector: "[daffCardActions]" }, { kind: "component", type: i2.DaffImageComponent, selector: "daff-image", inputs: ["src", "alt", "width", "height"], outputs: ["load"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "component", type: i3.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["loading", "tabindex", "disabled"] }, { kind: "ngmodule", type: i4.DaffPrefixSuffixModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: BasicCardComponent, isStandalone: true, selector: "basic-card", ngImport: i0, template: "<daff-card>\n\t<daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n  <fa-icon daffCardIcon [icon]=\"faMapMarked\"></fa-icon>\n  <div daffCardTagline>Basel, Switzerland</div>\n  <h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n    <p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors.</p>\n    <p>The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n  </div>\n  <div daffCardActions>\n    <button daff-button color=\"theme-contrast\">Learn More</button>\n  </div>\n</daff-card>\n", styles: ["daff-card{max-width:480px}\n"], dependencies: [{ kind: "component", type: i1.DaffCardComponent, selector: "daff-card,daff-raised-card,daff-stroked-card,a[daff-card],a[daff-raised-card],a[daff-stroked-card]", inputs: ["orientation"] }, { kind: "directive", type: i1.DaffCardIconDirective, selector: "[daffCardIcon]" }, { kind: "directive", type: i1.DaffCardImageDirective, selector: "[daffCardImage]" }, { kind: "directive", type: i1.DaffCardTaglineDirective, selector: "[daffCardTagline]" }, { kind: "directive", type: i1.DaffCardTitleDirective, selector: "[daffCardTitle]" }, { kind: "directive", type: i1.DaffCardContentDirective, selector: "[daffCardContent]" }, { kind: "directive", type: i1.DaffCardActionsDirective, selector: "[daffCardActions]" }, { kind: "component", type: i2.DaffImageComponent, selector: "daff-image", inputs: ["src", "alt", "width", "height"], outputs: ["load"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "component", type: DaffButtonComponent, selector: "button[daff-button],a[daff-button]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: BasicCardComponent, decorators: [{
             type: Component,
@@ -26,7 +24,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImpor
                         DAFF_CARD_COMPONENTS,
                         DAFF_IMAGE_COMPONENTS,
                         FaIconComponent,
-                        DAFF_BUTTON_COMPONENTS,
+                        DaffButtonComponent,
                     ], template: "<daff-card>\n\t<daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n  <fa-icon daffCardIcon [icon]=\"faMapMarked\"></fa-icon>\n  <div daffCardTagline>Basel, Switzerland</div>\n  <h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n    <p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors.</p>\n    <p>The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n  </div>\n  <div daffCardActions>\n    <button daff-button color=\"theme-contrast\">Learn More</button>\n  </div>\n</daff-card>\n", styles: ["daff-card{max-width:480px}\n"] }]
         }] });
 
@@ -41,7 +39,7 @@ class CardOrientationComponent {
         ];
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: CardOrientationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: CardOrientationComponent, isStandalone: true, selector: "card-orientation", ngImport: i0, template: "<daff-card [orientation]=\"orientationControl.value\">\n  <daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n  <fa-icon daffCardIcon [icon]=\"faMapMarked\"></fa-icon>\n  <div daffCardTagline>Basel, Switzerland</div>\n  <h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n    <p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n  </div>\n\t<div daffCardActions>\n    <button daff-button color=\"theme-contrast\">Learn More</button>\n  </div>\n</daff-card>\n\n<select [formControl]=\"orientationControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: [".daff-card--vertical{max-width:560px}\n"], dependencies: [{ kind: "component", type: i1.DaffCardComponent, selector: "daff-card,daff-raised-card,daff-stroked-card,a[daff-card],a[daff-raised-card],a[daff-stroked-card]", inputs: ["orientation"] }, { kind: "directive", type: i1.DaffCardIconDirective, selector: "[daffCardIcon]" }, { kind: "directive", type: i1.DaffCardImageDirective, selector: "[daffCardImage]" }, { kind: "directive", type: i1.DaffCardTaglineDirective, selector: "[daffCardTagline]" }, { kind: "directive", type: i1.DaffCardTitleDirective, selector: "[daffCardTitle]" }, { kind: "directive", type: i1.DaffCardContentDirective, selector: "[daffCardContent]" }, { kind: "directive", type: i1.DaffCardActionsDirective, selector: "[daffCardActions]" }, { kind: "component", type: i2.DaffImageComponent, selector: "daff-image", inputs: ["src", "alt", "width", "height"], outputs: ["load"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "component", type: i3.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["loading", "tabindex", "disabled"] }, { kind: "ngmodule", type: i4.DaffPrefixSuffixModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: CardOrientationComponent, isStandalone: true, selector: "card-orientation", ngImport: i0, template: "<daff-card [orientation]=\"orientationControl.value\">\n  <daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n  <fa-icon daffCardIcon [icon]=\"faMapMarked\"></fa-icon>\n  <div daffCardTagline>Basel, Switzerland</div>\n  <h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n    <p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n  </div>\n\t<div daffCardActions>\n    <button daff-button color=\"theme-contrast\">Learn More</button>\n  </div>\n</daff-card>\n\n<select [formControl]=\"orientationControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: [".daff-card--vertical{max-width:560px}\n"], dependencies: [{ kind: "component", type: i1.DaffCardComponent, selector: "daff-card,daff-raised-card,daff-stroked-card,a[daff-card],a[daff-raised-card],a[daff-stroked-card]", inputs: ["orientation"] }, { kind: "directive", type: i1.DaffCardIconDirective, selector: "[daffCardIcon]" }, { kind: "directive", type: i1.DaffCardImageDirective, selector: "[daffCardImage]" }, { kind: "directive", type: i1.DaffCardTaglineDirective, selector: "[daffCardTagline]" }, { kind: "directive", type: i1.DaffCardTitleDirective, selector: "[daffCardTitle]" }, { kind: "directive", type: i1.DaffCardContentDirective, selector: "[daffCardContent]" }, { kind: "directive", type: i1.DaffCardActionsDirective, selector: "[daffCardActions]" }, { kind: "component", type: i2.DaffImageComponent, selector: "daff-image", inputs: ["src", "alt", "width", "height"], outputs: ["load"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "component", type: DaffButtonComponent, selector: "button[daff-button],a[daff-button]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: CardOrientationComponent, decorators: [{
             type: Component,
@@ -49,7 +47,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImpor
                         DAFF_CARD_COMPONENTS,
                         DAFF_IMAGE_COMPONENTS,
                         FaIconComponent,
-                        DAFF_BUTTON_COMPONENTS,
+                        DaffButtonComponent,
                         ReactiveFormsModule,
                         NgFor,
                     ], template: "<daff-card [orientation]=\"orientationControl.value\">\n  <daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n  <fa-icon daffCardIcon [icon]=\"faMapMarked\"></fa-icon>\n  <div daffCardTagline>Basel, Switzerland</div>\n  <h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n    <p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n  </div>\n\t<div daffCardActions>\n    <button daff-button color=\"theme-contrast\">Learn More</button>\n  </div>\n</daff-card>\n\n<select [formControl]=\"orientationControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: [".daff-card--vertical{max-width:560px}\n"] }]
@@ -70,7 +68,7 @@ class CardThemingComponent {
         ];
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: CardThemingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: CardThemingComponent, isStandalone: true, selector: "card-theming", ngImport: i0, template: "<daff-card [color]=\"colorControl.value\">\n  <div daffCardTagline>Card Tagline</div>\n  <div daffCardTitle>Title</div>\n  <div daffCardContent>\n    <p>Cards are themable.</p>\n  </div>\n</daff-card>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: ["daff-card{max-width:480px}\n"], dependencies: [{ kind: "component", type: i1.DaffCardComponent, selector: "daff-card,daff-raised-card,daff-stroked-card,a[daff-card],a[daff-raised-card],a[daff-stroked-card]", inputs: ["orientation"] }, { kind: "directive", type: i1.DaffCardTaglineDirective, selector: "[daffCardTagline]" }, { kind: "directive", type: i1.DaffCardTitleDirective, selector: "[daffCardTitle]" }, { kind: "directive", type: i1.DaffCardContentDirective, selector: "[daffCardContent]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: CardThemingComponent, isStandalone: true, selector: "card-theming", ngImport: i0, template: "<daff-card [color]=\"colorControl.value\">\n  <div daffCardTagline>Card Tagline</div>\n  <div daffCardTitle>Title</div>\n  <div daffCardContent>\n    <p>Cards are themable.</p>\n  </div>\n</daff-card>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: ["daff-card{max-width:480px}\n"], dependencies: [{ kind: "component", type: i1.DaffCardComponent, selector: "daff-card,daff-raised-card,daff-stroked-card,a[daff-card],a[daff-raised-card],a[daff-stroked-card]", inputs: ["orientation"] }, { kind: "directive", type: i1.DaffCardTaglineDirective, selector: "[daffCardTagline]" }, { kind: "directive", type: i1.DaffCardTitleDirective, selector: "[daffCardTitle]" }, { kind: "directive", type: i1.DaffCardContentDirective, selector: "[daffCardContent]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: CardThemingComponent, decorators: [{
             type: Component,
@@ -98,7 +96,7 @@ class LinkableCardComponent {
         ];
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: LinkableCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: LinkableCardComponent, isStandalone: true, selector: "linkable-card", ngImport: i0, template: "<a daff-card href=\"https://www.basel.com/en/attractions/basel-exhibition-centre-f45d5dd6f0\" target=\"_blank\" [color]=\"basicColorControl.value\">\n\t<daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n\t<div daffCardTagline>Basel, Switzerland</div>\n\t<h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n\t\t<p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n\t</div>\n</a>\n\n<select [formControl]=\"basicColorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>\n\n<a daff-raised-card href=\"https://www.basel.com/en/attractions/basel-exhibition-centre-f45d5dd6f0\" target=\"_blank\" [color]=\"raisedColorControl.value\">\n\t<daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n\t<div daffCardTagline>Basel, Switzerland</div>\n\t<h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n\t\t<p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n\t</div>\n</a>\n\n<select [formControl]=\"raisedColorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>\n\n<a daff-stroked-card href=\"https://www.basel.com/en/attractions/basel-exhibition-centre-f45d5dd6f0\" target=\"_blank\" [color]=\"strokedColorControl.value\">\n\t<daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n\t<div daffCardTagline>Basel, Switzerland</div>\n\t<h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n\t\t<p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n\t</div>\n</a>\n\n<select [formControl]=\"strokedColorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: ["a.daff-card,a.daff-raised-card,a.daff-stroked-card{max-width:480px}\n"], dependencies: [{ kind: "component", type: i1.DaffCardComponent, selector: "daff-card,daff-raised-card,daff-stroked-card,a[daff-card],a[daff-raised-card],a[daff-stroked-card]", inputs: ["orientation"] }, { kind: "directive", type: i1.DaffCardImageDirective, selector: "[daffCardImage]" }, { kind: "directive", type: i1.DaffCardTaglineDirective, selector: "[daffCardTagline]" }, { kind: "directive", type: i1.DaffCardTitleDirective, selector: "[daffCardTitle]" }, { kind: "directive", type: i1.DaffCardContentDirective, selector: "[daffCardContent]" }, { kind: "component", type: i2.DaffImageComponent, selector: "daff-image", inputs: ["src", "alt", "width", "height"], outputs: ["load"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: LinkableCardComponent, isStandalone: true, selector: "linkable-card", ngImport: i0, template: "<a daff-card href=\"https://www.basel.com/en/attractions/basel-exhibition-centre-f45d5dd6f0\" target=\"_blank\" [color]=\"basicColorControl.value\">\n\t<daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n\t<div daffCardTagline>Basel, Switzerland</div>\n\t<h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n\t\t<p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n\t</div>\n</a>\n\n<select [formControl]=\"basicColorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>\n\n<a daff-raised-card href=\"https://www.basel.com/en/attractions/basel-exhibition-centre-f45d5dd6f0\" target=\"_blank\" [color]=\"raisedColorControl.value\">\n\t<daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n\t<div daffCardTagline>Basel, Switzerland</div>\n\t<h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n\t\t<p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n\t</div>\n</a>\n\n<select [formControl]=\"raisedColorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>\n\n<a daff-stroked-card href=\"https://www.basel.com/en/attractions/basel-exhibition-centre-f45d5dd6f0\" target=\"_blank\" [color]=\"strokedColorControl.value\">\n\t<daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n\t<div daffCardTagline>Basel, Switzerland</div>\n\t<h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n\t\t<p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n\t</div>\n</a>\n\n<select [formControl]=\"strokedColorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: ["a.daff-card,a.daff-raised-card,a.daff-stroked-card{max-width:480px}\n"], dependencies: [{ kind: "component", type: i1.DaffCardComponent, selector: "daff-card,daff-raised-card,daff-stroked-card,a[daff-card],a[daff-raised-card],a[daff-stroked-card]", inputs: ["orientation"] }, { kind: "directive", type: i1.DaffCardImageDirective, selector: "[daffCardImage]" }, { kind: "directive", type: i1.DaffCardTaglineDirective, selector: "[daffCardTagline]" }, { kind: "directive", type: i1.DaffCardTitleDirective, selector: "[daffCardTitle]" }, { kind: "directive", type: i1.DaffCardContentDirective, selector: "[daffCardContent]" }, { kind: "component", type: i2.DaffImageComponent, selector: "daff-image", inputs: ["src", "alt", "width", "height"], outputs: ["load"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: LinkableCardComponent, decorators: [{
             type: Component,
@@ -125,7 +123,7 @@ class RaisedCardComponent {
         ];
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: RaisedCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: RaisedCardComponent, isStandalone: true, selector: "raised-card", ngImport: i0, template: "<daff-raised-card [color]=\"colorControl.value\">\n\t<daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n\t<div daffCardTagline>Basel, Switzerland</div>\n\t<h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n\t\t<p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n\t</div>\n</daff-raised-card>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: ["daff-raised-card{max-width:480px}\n"], dependencies: [{ kind: "component", type: i1.DaffCardComponent, selector: "daff-card,daff-raised-card,daff-stroked-card,a[daff-card],a[daff-raised-card],a[daff-stroked-card]", inputs: ["orientation"] }, { kind: "directive", type: i1.DaffCardImageDirective, selector: "[daffCardImage]" }, { kind: "directive", type: i1.DaffCardTaglineDirective, selector: "[daffCardTagline]" }, { kind: "directive", type: i1.DaffCardTitleDirective, selector: "[daffCardTitle]" }, { kind: "directive", type: i1.DaffCardContentDirective, selector: "[daffCardContent]" }, { kind: "component", type: i2.DaffImageComponent, selector: "daff-image", inputs: ["src", "alt", "width", "height"], outputs: ["load"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: RaisedCardComponent, isStandalone: true, selector: "raised-card", ngImport: i0, template: "<daff-raised-card [color]=\"colorControl.value\">\n\t<daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n\t<div daffCardTagline>Basel, Switzerland</div>\n\t<h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n\t\t<p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n\t</div>\n</daff-raised-card>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: ["daff-raised-card{max-width:480px}\n"], dependencies: [{ kind: "component", type: i1.DaffCardComponent, selector: "daff-card,daff-raised-card,daff-stroked-card,a[daff-card],a[daff-raised-card],a[daff-stroked-card]", inputs: ["orientation"] }, { kind: "directive", type: i1.DaffCardImageDirective, selector: "[daffCardImage]" }, { kind: "directive", type: i1.DaffCardTaglineDirective, selector: "[daffCardTagline]" }, { kind: "directive", type: i1.DaffCardTitleDirective, selector: "[daffCardTitle]" }, { kind: "directive", type: i1.DaffCardContentDirective, selector: "[daffCardContent]" }, { kind: "component", type: i2.DaffImageComponent, selector: "daff-image", inputs: ["src", "alt", "width", "height"], outputs: ["load"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: RaisedCardComponent, decorators: [{
             type: Component,
@@ -152,7 +150,7 @@ class StrokedCardComponent {
         ];
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: StrokedCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: StrokedCardComponent, isStandalone: true, selector: "stroked-card", ngImport: i0, template: "<daff-stroked-card [color]=\"colorControl.value\">\n\t<daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n\t<div daffCardTagline>Basel, Switzerland</div>\n\t<h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n\t\t<p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n\t</div>\n</daff-stroked-card>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: [":host{display:block;max-width:340px}\n"], dependencies: [{ kind: "component", type: i1.DaffCardComponent, selector: "daff-card,daff-raised-card,daff-stroked-card,a[daff-card],a[daff-raised-card],a[daff-stroked-card]", inputs: ["orientation"] }, { kind: "directive", type: i1.DaffCardImageDirective, selector: "[daffCardImage]" }, { kind: "directive", type: i1.DaffCardTaglineDirective, selector: "[daffCardTagline]" }, { kind: "directive", type: i1.DaffCardTitleDirective, selector: "[daffCardTitle]" }, { kind: "directive", type: i1.DaffCardContentDirective, selector: "[daffCardContent]" }, { kind: "component", type: i2.DaffImageComponent, selector: "daff-image", inputs: ["src", "alt", "width", "height"], outputs: ["load"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: StrokedCardComponent, isStandalone: true, selector: "stroked-card", ngImport: i0, template: "<daff-stroked-card [color]=\"colorControl.value\">\n\t<daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n\t<div daffCardTagline>Basel, Switzerland</div>\n\t<h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n\t\t<p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n\t</div>\n</daff-stroked-card>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: [":host{display:block;max-width:340px}\n"], dependencies: [{ kind: "component", type: i1.DaffCardComponent, selector: "daff-card,daff-raised-card,daff-stroked-card,a[daff-card],a[daff-raised-card],a[daff-stroked-card]", inputs: ["orientation"] }, { kind: "directive", type: i1.DaffCardImageDirective, selector: "[daffCardImage]" }, { kind: "directive", type: i1.DaffCardTaglineDirective, selector: "[daffCardTagline]" }, { kind: "directive", type: i1.DaffCardTitleDirective, selector: "[daffCardTitle]" }, { kind: "directive", type: i1.DaffCardContentDirective, selector: "[daffCardContent]" }, { kind: "component", type: i2.DaffImageComponent, selector: "daff-image", inputs: ["src", "alt", "width", "height"], outputs: ["load"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: StrokedCardComponent, decorators: [{
             type: Component,