@daffodil/design 0.80.0 → 0.81.0

package/fesm2022/daffodil-design-button.mjs

@@ -8,10 +8,10 @@ import { DAFF_LOADING_ICON_COMPONENTS } from '@daffodil/design/loading-icon';
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
 
 class DaffButtonSizableDirective extends DaffSizableDirective {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffButtonSizableDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: DaffButtonSizableDirective, isStandalone: true, usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: DaffButtonSizableDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.7", type: DaffButtonSizableDirective, isStandalone: true, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffButtonSizableDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: DaffButtonSizableDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
@@ -72,10 +72,10 @@ class DaffButtonBaseDirective extends _daffButtonBase {
     get disabledTabIndex() {
         return this.disabled ? -1 : this.tabindex;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffButtonBaseDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: DaffButtonSizableDirective }], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: DaffButtonBaseDirective, isStandalone: true, selector: "[daffButtonBase]", inputs: { loading: "loading", tabindex: "tabindex", disabled: "disabled" }, host: { properties: { "class.disabled": "this.disabledClass", "attr.disabled": "this.disabledAttribute", "attr.aria-disabled": "this.ariaDisabled", "attr.tabindex": "this.disabledTabIndex" } }, usesInheritance: true, hostDirectives: [{ directive: i2.DaffArticleEncapsulatedDirective }, { directive: DaffButtonSizableDirective, inputs: ["size", "size"] }, { directive: i2.DaffStatusableDirective, inputs: ["status", "status"] }, { directive: i2.DaffColorableDirective, inputs: ["color", "color"] }], ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: DaffButtonBaseDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: DaffButtonSizableDirective }], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.7", type: DaffButtonBaseDirective, isStandalone: true, selector: "[daffButtonBase]", inputs: { loading: "loading", tabindex: "tabindex", disabled: "disabled" }, host: { properties: { "class.disabled": "this.disabledClass", "attr.disabled": "this.disabledAttribute", "attr.aria-disabled": "this.ariaDisabled", "attr.tabindex": "this.disabledTabIndex" } }, usesInheritance: true, hostDirectives: [{ directive: i2.DaffArticleEncapsulatedDirective }, { directive: DaffButtonSizableDirective, inputs: ["size", "size"] }, { directive: i2.DaffStatusableDirective, inputs: ["status", "status"] }, { directive: i2.DaffColorableDirective, inputs: ["color", "color"] }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffButtonBaseDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: DaffButtonBaseDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[daffButtonBase]',
@@ -119,7 +119,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImpor
 /**
  * DaffButtonComponent is a rectangular contained button with background color.
  *
- * ## Usage
+ * @example Basic button
  * ```html
  * <button daff-button>
  *  <div daffPrefix></div>
@@ -142,14 +142,14 @@ class DaffButtonComponent extends DaffButtonBaseDirective {
          */
         this.class = true;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.2", type: DaffButtonComponent, isStandalone: true, selector: "button[daff-button],a[daff-button]", host: { properties: { "class.daff-button": "this.class" } }, usesInheritance: true, ngImport: i0, template: "@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}", styles: [".daff-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;gap:.5rem;appearance:none;border:none;border-radius:.25rem;position:relative;text-align:center;text-decoration:none;min-width:96px}.daff-button[disabled],.daff-button.disabled{cursor:not-allowed}.daff-button .daff-button__content,.daff-button .daff-prefix,.daff-button .daff-suffix{z-index:2}.daff-button .daff-button__loading{max-width:1.5rem}.daff-button .daff-button__content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.daff-button:after{content:\"\";border-radius:4px;position:absolute;width:100%;height:100%;opacity:0;transition:opacity .3s}.daff-button:hover:after,.daff-button:active:after{opacity:1}.daff-button.daff-sm{font-size:.875rem;line-height:2rem;height:2rem;padding:0 1rem}.daff-button.daff-md{font-size:1rem;line-height:3rem;height:3rem;padding:0 1.5rem}.daff-button.daff-lg{font-size:1.25rem;line-height:3.5rem;height:3.5rem;padding:0 1.5rem}\n"], dependencies: [{ kind: "ngmodule", type: DaffPrefixSuffixModule }, { kind: "component", type: i1.DaffLoadingIconComponent, selector: "daff-loading-icon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: DaffButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.7", type: DaffButtonComponent, isStandalone: true, selector: "button[daff-button],a[daff-button]", host: { properties: { "class.daff-button": "this.class" } }, usesInheritance: true, ngImport: i0, template: "@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}", styles: [".daff-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;gap:.5rem;appearance:none;border:none;border-radius:.25rem;position:relative;text-align:center;text-decoration:none;min-width:96px}.daff-button[disabled],.daff-button.disabled{cursor:not-allowed}.daff-button .daff-button__content,.daff-button .daff-prefix,.daff-button .daff-suffix{z-index:2}.daff-button .daff-button__loading{max-width:1.5rem}.daff-button .daff-button__content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.daff-button:after{content:\"\";border-radius:4px;position:absolute;width:100%;height:100%;opacity:0;transition:opacity .3s}.daff-button:hover:after,.daff-button:active:after{opacity:1}.daff-button.daff-sm{font-size:.875rem;line-height:2rem;height:2rem;padding:0 1rem}.daff-button.daff-md{font-size:1rem;line-height:3rem;height:3rem;padding:0 1.5rem}.daff-button.daff-lg{font-size:1.25rem;line-height:3.5rem;height:3.5rem;padding:0 1.5rem}\n"], dependencies: [{ kind: "ngmodule", type: DaffPrefixSuffixModule }, { kind: "component", type: i1.DaffLoadingIconComponent, selector: "daff-loading-icon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: DaffButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: '' +
                         'button[daff-button]' + ',' +
-                        'a[daff-button]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        'a[daff-button]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         DaffPrefixSuffixModule,
                         DAFF_LOADING_ICON_COMPONENTS,
                     ], template: "@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}", styles: [".daff-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;gap:.5rem;appearance:none;border:none;border-radius:.25rem;position:relative;text-align:center;text-decoration:none;min-width:96px}.daff-button[disabled],.daff-button.disabled{cursor:not-allowed}.daff-button .daff-button__content,.daff-button .daff-prefix,.daff-button .daff-suffix{z-index:2}.daff-button .daff-button__loading{max-width:1.5rem}.daff-button .daff-button__content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.daff-button:after{content:\"\";border-radius:4px;position:absolute;width:100%;height:100%;opacity:0;transition:opacity .3s}.daff-button:hover:after,.daff-button:active:after{opacity:1}.daff-button.daff-sm{font-size:.875rem;line-height:2rem;height:2rem;padding:0 1rem}.daff-button.daff-md{font-size:1rem;line-height:3rem;height:3rem;padding:0 1.5rem}.daff-button.daff-lg{font-size:1.25rem;line-height:3.5rem;height:3.5rem;padding:0 1.5rem}\n"] }]
@@ -161,7 +161,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImpor
 /**
  * DaffFlatButtonComponent is a rectangular contained button no background.
  *
- * ## Usage
+ * @example Flat button
  * ```html
  * <button daff-flat-button>
  *  <div daffPrefix></div>
@@ -184,14 +184,14 @@ class DaffFlatButtonComponent extends DaffButtonBaseDirective {
          */
         this.class = true;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffFlatButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.2", type: DaffFlatButtonComponent, isStandalone: true, selector: "button[daff-flat-button],a[daff-flat-button]", host: { properties: { "class.daff-flat-button": "this.class" } }, usesInheritance: true, ngImport: i0, template: "@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}", styles: [".daff-flat-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;gap:.5rem;appearance:none;border-radius:.25rem;position:relative;text-align:center;text-decoration:none;min-width:96px;background:none;border:none}.daff-flat-button[disabled],.daff-flat-button.disabled{cursor:not-allowed}.daff-flat-button .daff-button__content,.daff-flat-button .daff-prefix,.daff-flat-button .daff-suffix{z-index:2}.daff-flat-button .daff-button__loading{max-width:1.5rem}.daff-flat-button .daff-button__content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.daff-flat-button:after{content:\"\";border-radius:4px;position:absolute;width:100%;height:100%;opacity:0;transition:opacity .3s}.daff-flat-button:hover:after,.daff-flat-button:active:after{opacity:1}.daff-flat-button.daff-sm{font-size:.875rem;line-height:2rem;height:2rem;padding:0 1rem}.daff-flat-button.daff-md{font-size:1rem;line-height:3rem;height:3rem;padding:0 1.5rem}.daff-flat-button.daff-lg{font-size:1.25rem;line-height:3.5rem;height:3.5rem;padding:0 1.5rem}\n"], dependencies: [{ kind: "ngmodule", type: DaffPrefixSuffixModule }, { kind: "component", type: i1.DaffLoadingIconComponent, selector: "daff-loading-icon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: DaffFlatButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.7", type: DaffFlatButtonComponent, isStandalone: true, selector: "button[daff-flat-button],a[daff-flat-button]", host: { properties: { "class.daff-flat-button": "this.class" } }, usesInheritance: true, ngImport: i0, template: "@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}", styles: [".daff-flat-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;gap:.5rem;appearance:none;border-radius:.25rem;position:relative;text-align:center;text-decoration:none;min-width:96px;background:none;border:none}.daff-flat-button[disabled],.daff-flat-button.disabled{cursor:not-allowed}.daff-flat-button .daff-button__content,.daff-flat-button .daff-prefix,.daff-flat-button .daff-suffix{z-index:2}.daff-flat-button .daff-button__loading{max-width:1.5rem}.daff-flat-button .daff-button__content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.daff-flat-button:after{content:\"\";border-radius:4px;position:absolute;width:100%;height:100%;opacity:0;transition:opacity .3s}.daff-flat-button:hover:after,.daff-flat-button:active:after{opacity:1}.daff-flat-button.daff-sm{font-size:.875rem;line-height:2rem;height:2rem;padding:0 1rem}.daff-flat-button.daff-md{font-size:1rem;line-height:3rem;height:3rem;padding:0 1.5rem}.daff-flat-button.daff-lg{font-size:1.25rem;line-height:3.5rem;height:3.5rem;padding:0 1.5rem}\n"], dependencies: [{ kind: "ngmodule", type: DaffPrefixSuffixModule }, { kind: "component", type: i1.DaffLoadingIconComponent, selector: "daff-loading-icon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffFlatButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: DaffFlatButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: '' +
                         'button[daff-flat-button]' + ',' +
-                        'a[daff-flat-button]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        'a[daff-flat-button]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         DaffPrefixSuffixModule,
                         DAFF_LOADING_ICON_COMPONENTS,
                     ], template: "@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}", styles: [".daff-flat-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;gap:.5rem;appearance:none;border-radius:.25rem;position:relative;text-align:center;text-decoration:none;min-width:96px;background:none;border:none}.daff-flat-button[disabled],.daff-flat-button.disabled{cursor:not-allowed}.daff-flat-button .daff-button__content,.daff-flat-button .daff-prefix,.daff-flat-button .daff-suffix{z-index:2}.daff-flat-button .daff-button__loading{max-width:1.5rem}.daff-flat-button .daff-button__content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.daff-flat-button:after{content:\"\";border-radius:4px;position:absolute;width:100%;height:100%;opacity:0;transition:opacity .3s}.daff-flat-button:hover:after,.daff-flat-button:active:after{opacity:1}.daff-flat-button.daff-sm{font-size:.875rem;line-height:2rem;height:2rem;padding:0 1rem}.daff-flat-button.daff-md{font-size:1rem;line-height:3rem;height:3rem;padding:0 1.5rem}.daff-flat-button.daff-lg{font-size:1.25rem;line-height:3.5rem;height:3.5rem;padding:0 1.5rem}\n"] }]
@@ -203,7 +203,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImpor
 /**
  * DaffIconButtonComponent is an icon button used with icon fonts.
  *
- * ## Usage
+ * @example Icon button
  * ```html
  * <button daff-icon-button>
  *  <fa-icon [icon]="faPlus"></fa-icon>
@@ -222,14 +222,14 @@ class DaffIconButtonComponent extends DaffButtonBaseDirective {
          */
         this.class = true;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffIconButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.2", type: DaffIconButtonComponent, isStandalone: true, selector: "button[daff-icon-button],a[daff-icon-button]", host: { properties: { "class.daff-icon-button": "this.class" } }, usesInheritance: true, ngImport: i0, template: "@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}", styles: [".daff-icon-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;gap:.5rem;appearance:none;border:none;border-radius:.25rem;position:relative;text-align:center;text-decoration:none;background:none;border:0;padding:0}.daff-icon-button[disabled],.daff-icon-button.disabled{cursor:not-allowed}.daff-icon-button .daff-button__content,.daff-icon-button .daff-prefix,.daff-icon-button .daff-suffix{z-index:2}.daff-icon-button .daff-button__loading{max-width:1.5rem}.daff-icon-button .daff-button__content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.daff-icon-button.daff-sm{font-size:.875rem;line-height:2rem;height:2rem;width:2rem}.daff-icon-button.daff-md{font-size:1rem;line-height:3rem;height:3rem;width:3rem}.daff-icon-button.daff-lg{font-size:1.25rem;line-height:3.5rem;height:3.5rem;width:3.5rem}\n"], dependencies: [{ kind: "ngmodule", type: DaffPrefixSuffixModule }, { kind: "component", type: i1.DaffLoadingIconComponent, selector: "daff-loading-icon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: DaffIconButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.7", type: DaffIconButtonComponent, isStandalone: true, selector: "button[daff-icon-button],a[daff-icon-button]", host: { properties: { "class.daff-icon-button": "this.class" } }, usesInheritance: true, ngImport: i0, template: "@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}", styles: [".daff-icon-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;gap:.5rem;appearance:none;border:none;border-radius:.25rem;position:relative;text-align:center;text-decoration:none;background:none;border:0;padding:0}.daff-icon-button[disabled],.daff-icon-button.disabled{cursor:not-allowed}.daff-icon-button .daff-button__content,.daff-icon-button .daff-prefix,.daff-icon-button .daff-suffix{z-index:2}.daff-icon-button .daff-button__loading{max-width:1.5rem}.daff-icon-button .daff-button__content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.daff-icon-button.daff-sm{font-size:.875rem;line-height:2rem;height:2rem;width:2rem}.daff-icon-button.daff-md{font-size:1rem;line-height:3rem;height:3rem;width:3rem}.daff-icon-button.daff-lg{font-size:1.25rem;line-height:3.5rem;height:3.5rem;width:3.5rem}\n"], dependencies: [{ kind: "ngmodule", type: DaffPrefixSuffixModule }, { kind: "component", type: i1.DaffLoadingIconComponent, selector: "daff-loading-icon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffIconButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: DaffIconButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: '' +
                         'button[daff-icon-button]' + ',' +
-                        'a[daff-icon-button]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        'a[daff-icon-button]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         DaffPrefixSuffixModule,
                         DAFF_LOADING_ICON_COMPONENTS,
                     ], template: "@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}", styles: [".daff-icon-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;gap:.5rem;appearance:none;border:none;border-radius:.25rem;position:relative;text-align:center;text-decoration:none;background:none;border:0;padding:0}.daff-icon-button[disabled],.daff-icon-button.disabled{cursor:not-allowed}.daff-icon-button .daff-button__content,.daff-icon-button .daff-prefix,.daff-icon-button .daff-suffix{z-index:2}.daff-icon-button .daff-button__loading{max-width:1.5rem}.daff-icon-button .daff-button__content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.daff-icon-button.daff-sm{font-size:.875rem;line-height:2rem;height:2rem;width:2rem}.daff-icon-button.daff-md{font-size:1rem;line-height:3rem;height:3rem;width:3rem}.daff-icon-button.daff-lg{font-size:1.25rem;line-height:3.5rem;height:3.5rem;width:3.5rem}\n"] }]
@@ -241,7 +241,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImpor
 /**
  * DaffRaisedButtonComponent is a rectangular contained button with background color and elevation.
  *
- * ## Usage
+ * @example Raised button
  * ```html
  * <button daff-raised-button>
  *  <div daffPrefix></div>
@@ -264,14 +264,14 @@ class DaffRaisedButtonComponent extends DaffButtonBaseDirective {
          */
         this.class = true;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffRaisedButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.2", type: DaffRaisedButtonComponent, isStandalone: true, selector: "button[daff-raised-button],a[daff-raised-button]", host: { properties: { "class.daff-raised-button": "this.class" } }, usesInheritance: true, ngImport: i0, template: "@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}", styles: [".daff-raised-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;gap:.5rem;appearance:none;border:none;border-radius:.25rem;position:relative;text-align:center;text-decoration:none;min-width:96px}.daff-raised-button[disabled],.daff-raised-button.disabled{cursor:not-allowed}.daff-raised-button .daff-button__content,.daff-raised-button .daff-prefix,.daff-raised-button .daff-suffix{z-index:2}.daff-raised-button .daff-button__loading{max-width:1.5rem}.daff-raised-button .daff-button__content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.daff-raised-button:after{content:\"\";border-radius:0;position:absolute;width:100%;height:100%;opacity:0;transition:opacity .3s}.daff-raised-button:hover:after,.daff-raised-button:active:after{opacity:1}.daff-raised-button.daff-sm{font-size:.875rem;line-height:2rem;height:2rem;padding:0 1rem}.daff-raised-button.daff-md{font-size:1rem;line-height:3rem;height:3rem;padding:0 1.5rem}.daff-raised-button.daff-lg{font-size:1.25rem;line-height:3.5rem;height:3.5rem;padding:0 1.5rem}\n"], dependencies: [{ kind: "ngmodule", type: DaffPrefixSuffixModule }, { kind: "component", type: i1.DaffLoadingIconComponent, selector: "daff-loading-icon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: DaffRaisedButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.7", type: DaffRaisedButtonComponent, isStandalone: true, selector: "button[daff-raised-button],a[daff-raised-button]", host: { properties: { "class.daff-raised-button": "this.class" } }, usesInheritance: true, ngImport: i0, template: "@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}", styles: [".daff-raised-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;gap:.5rem;appearance:none;border:none;border-radius:.25rem;position:relative;text-align:center;text-decoration:none;min-width:96px}.daff-raised-button[disabled],.daff-raised-button.disabled{cursor:not-allowed}.daff-raised-button .daff-button__content,.daff-raised-button .daff-prefix,.daff-raised-button .daff-suffix{z-index:2}.daff-raised-button .daff-button__loading{max-width:1.5rem}.daff-raised-button .daff-button__content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.daff-raised-button:after{content:\"\";border-radius:0;position:absolute;width:100%;height:100%;opacity:0;transition:opacity .3s}.daff-raised-button:hover:after,.daff-raised-button:active:after{opacity:1}.daff-raised-button.daff-sm{font-size:.875rem;line-height:2rem;height:2rem;padding:0 1rem}.daff-raised-button.daff-md{font-size:1rem;line-height:3rem;height:3rem;padding:0 1.5rem}.daff-raised-button.daff-lg{font-size:1.25rem;line-height:3.5rem;height:3.5rem;padding:0 1.5rem}\n"], dependencies: [{ kind: "ngmodule", type: DaffPrefixSuffixModule }, { kind: "component", type: i1.DaffLoadingIconComponent, selector: "daff-loading-icon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffRaisedButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: DaffRaisedButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: '' +
                         'button[daff-raised-button]' + ',' +
-                        'a[daff-raised-button]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        'a[daff-raised-button]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         DaffPrefixSuffixModule,
                         DAFF_LOADING_ICON_COMPONENTS,
                     ], template: "@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}", styles: [".daff-raised-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;gap:.5rem;appearance:none;border:none;border-radius:.25rem;position:relative;text-align:center;text-decoration:none;min-width:96px}.daff-raised-button[disabled],.daff-raised-button.disabled{cursor:not-allowed}.daff-raised-button .daff-button__content,.daff-raised-button .daff-prefix,.daff-raised-button .daff-suffix{z-index:2}.daff-raised-button .daff-button__loading{max-width:1.5rem}.daff-raised-button .daff-button__content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.daff-raised-button:after{content:\"\";border-radius:0;position:absolute;width:100%;height:100%;opacity:0;transition:opacity .3s}.daff-raised-button:hover:after,.daff-raised-button:active:after{opacity:1}.daff-raised-button.daff-sm{font-size:.875rem;line-height:2rem;height:2rem;padding:0 1rem}.daff-raised-button.daff-md{font-size:1rem;line-height:3rem;height:3rem;padding:0 1.5rem}.daff-raised-button.daff-lg{font-size:1.25rem;line-height:3.5rem;height:3.5rem;padding:0 1.5rem}\n"] }]
@@ -283,7 +283,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImpor
 /**
  * DaffStrokedButtonComponent is a rectangular outlined button with no background color.
  *
- * ## Usage
+ * @example Stroked button
  * ```html
  * <button daff-stroked-button>
  *  <div daffPrefix></div>
@@ -306,14 +306,14 @@ class DaffStrokedButtonComponent extends DaffButtonBaseDirective {
          */
         this.class = true;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffStrokedButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.2", type: DaffStrokedButtonComponent, isStandalone: true, selector: "button[daff-stroked-button],a[daff-stroked-button]", host: { properties: { "class.daff-stroked-button": "this.class" } }, usesInheritance: true, ngImport: i0, template: "@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}", styles: [".daff-stroked-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;gap:.5rem;appearance:none;border:none;border-radius:.25rem;position:relative;text-align:center;text-decoration:none;min-width:96px}.daff-stroked-button[disabled],.daff-stroked-button.disabled{cursor:not-allowed}.daff-stroked-button .daff-button__content,.daff-stroked-button .daff-prefix,.daff-stroked-button .daff-suffix{z-index:2}.daff-stroked-button .daff-button__loading{max-width:1.5rem}.daff-stroked-button .daff-button__content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.daff-stroked-button:after{content:\"\";border-radius:3px;position:absolute;width:100%;height:100%;opacity:0;transition:opacity .3s}.daff-stroked-button:hover:after,.daff-stroked-button:active:after{opacity:1}.daff-stroked-button.daff-sm{font-size:.875rem;line-height:2rem;height:2rem;padding:0 1rem}.daff-stroked-button.daff-md{font-size:1rem;line-height:3rem;height:3rem;padding:0 1.5rem}.daff-stroked-button.daff-lg{font-size:1.25rem;line-height:3.5rem;height:3.5rem;padding:0 1.5rem}\n"], dependencies: [{ kind: "ngmodule", type: DaffPrefixSuffixModule }, { kind: "component", type: i1.DaffLoadingIconComponent, selector: "daff-loading-icon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: DaffStrokedButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.7", type: DaffStrokedButtonComponent, isStandalone: true, selector: "button[daff-stroked-button],a[daff-stroked-button]", host: { properties: { "class.daff-stroked-button": "this.class" } }, usesInheritance: true, ngImport: i0, template: "@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}", styles: [".daff-stroked-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;gap:.5rem;appearance:none;border:none;border-radius:.25rem;position:relative;text-align:center;text-decoration:none;min-width:96px}.daff-stroked-button[disabled],.daff-stroked-button.disabled{cursor:not-allowed}.daff-stroked-button .daff-button__content,.daff-stroked-button .daff-prefix,.daff-stroked-button .daff-suffix{z-index:2}.daff-stroked-button .daff-button__loading{max-width:1.5rem}.daff-stroked-button .daff-button__content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.daff-stroked-button:after{content:\"\";border-radius:3px;position:absolute;width:100%;height:100%;opacity:0;transition:opacity .3s}.daff-stroked-button:hover:after,.daff-stroked-button:active:after{opacity:1}.daff-stroked-button.daff-sm{font-size:.875rem;line-height:2rem;height:2rem;padding:0 1rem}.daff-stroked-button.daff-md{font-size:1rem;line-height:3rem;height:3rem;padding:0 1.5rem}.daff-stroked-button.daff-lg{font-size:1.25rem;line-height:3.5rem;height:3.5rem;padding:0 1.5rem}\n"], dependencies: [{ kind: "ngmodule", type: DaffPrefixSuffixModule }, { kind: "component", type: i1.DaffLoadingIconComponent, selector: "daff-loading-icon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffStrokedButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: DaffStrokedButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: '' +
                         'button[daff-stroked-button]' + ',' +
-                        'a[daff-stroked-button]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        'a[daff-stroked-button]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         DaffPrefixSuffixModule,
                         DAFF_LOADING_ICON_COMPONENTS,
                     ], template: "@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}", styles: [".daff-stroked-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;gap:.5rem;appearance:none;border:none;border-radius:.25rem;position:relative;text-align:center;text-decoration:none;min-width:96px}.daff-stroked-button[disabled],.daff-stroked-button.disabled{cursor:not-allowed}.daff-stroked-button .daff-button__content,.daff-stroked-button .daff-prefix,.daff-stroked-button .daff-suffix{z-index:2}.daff-stroked-button .daff-button__loading{max-width:1.5rem}.daff-stroked-button .daff-button__content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.daff-stroked-button:after{content:\"\";border-radius:3px;position:absolute;width:100%;height:100%;opacity:0;transition:opacity .3s}.daff-stroked-button:hover:after,.daff-stroked-button:active:after{opacity:1}.daff-stroked-button.daff-sm{font-size:.875rem;line-height:2rem;height:2rem;padding:0 1rem}.daff-stroked-button.daff-md{font-size:1rem;line-height:3rem;height:3rem;padding:0 1.5rem}.daff-stroked-button.daff-lg{font-size:1.25rem;line-height:3.5rem;height:3.5rem;padding:0 1.5rem}\n"] }]
@@ -325,7 +325,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImpor
 /**
  * DaffUnderlineButtonComponent is a borderless button with a custom underline style.
  *
- * ## Usage
+ * @example Underline button
  * ```html
  * <button daff-underline-button>
  *  <div daffPrefix></div>
@@ -348,14 +348,14 @@ class DaffUnderlineButtonComponent extends DaffButtonBaseDirective {
          */
         this.class = true;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffUnderlineButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.2", type: DaffUnderlineButtonComponent, isStandalone: true, selector: "button[daff-underline-button],a[daff-underline-button]", host: { properties: { "class.daff-underline-button": "this.class" } }, usesInheritance: true, ngImport: i0, template: "@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}", styles: [".daff-underline-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;gap:.5rem;appearance:none;border:none;border-radius:.25rem;position:relative;text-align:center;background:transparent;border:0;border-radius:0;line-height:1.25rem;overflow:hidden;text-decoration:none;vertical-align:middle}.daff-underline-button .daff-button__content,.daff-underline-button .daff-prefix,.daff-underline-button .daff-suffix{z-index:2}.daff-underline-button .daff-button__loading{max-width:1.5rem}.daff-underline-button .daff-button__content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.daff-underline-button[disabled],.daff-underline-button.disabled{cursor:not-allowed}.daff-underline-button[disabled]:hover:after,.daff-underline-button[disabled]:active:after,.daff-underline-button.disabled:hover:after,.daff-underline-button.disabled:active:after{animation:none}.daff-underline-button:after{bottom:0;content:\"\";height:2px;left:0;opacity:1;position:absolute;width:100%}.daff-underline-button:hover:after{animation:none}@media (min-width: 1024px){.daff-underline-button:hover:after{animation:underline-button-hover .7s ease}}.daff-underline-button.daff-sm{font-size:.875rem;height:1.25rem;padding:0}.daff-underline-button.daff-md{font-size:1rem;height:1.5rem;padding:0 0 4px}.daff-underline-button.daff-lg{font-size:1.25rem;height:1.75rem;padding:0 0 8px}@keyframes underline-button-hover{0%{transform:translate(0)}50%{transform:translate(100%)}51%{transform:translate(-100%)}to{transform:translate(0)}}\n"], dependencies: [{ kind: "ngmodule", type: DaffPrefixSuffixModule }, { kind: "component", type: i1.DaffLoadingIconComponent, selector: "daff-loading-icon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: DaffUnderlineButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.7", type: DaffUnderlineButtonComponent, isStandalone: true, selector: "button[daff-underline-button],a[daff-underline-button]", host: { properties: { "class.daff-underline-button": "this.class" } }, usesInheritance: true, ngImport: i0, template: "@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}", styles: [".daff-underline-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;gap:.5rem;appearance:none;border:none;border-radius:.25rem;position:relative;text-align:center;background:transparent;border:0;border-radius:0;line-height:1.25rem;overflow:hidden;text-decoration:none;vertical-align:middle}.daff-underline-button .daff-button__content,.daff-underline-button .daff-prefix,.daff-underline-button .daff-suffix{z-index:2}.daff-underline-button .daff-button__loading{max-width:1.5rem}.daff-underline-button .daff-button__content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.daff-underline-button[disabled],.daff-underline-button.disabled{cursor:not-allowed}.daff-underline-button[disabled]:hover:after,.daff-underline-button[disabled]:active:after,.daff-underline-button.disabled:hover:after,.daff-underline-button.disabled:active:after{animation:none}.daff-underline-button:after{bottom:0;content:\"\";height:2px;left:0;opacity:1;position:absolute;width:100%}.daff-underline-button:hover:after{animation:none}@media (min-width: 1024px){.daff-underline-button:hover:after{animation:underline-button-hover .7s ease}}.daff-underline-button.daff-sm{font-size:.875rem;height:1.25rem;padding:0}.daff-underline-button.daff-md{font-size:1rem;height:1.5rem;padding:0 0 4px}.daff-underline-button.daff-lg{font-size:1.25rem;height:1.75rem;padding:0 0 8px}@keyframes underline-button-hover{0%{transform:translate(0)}50%{transform:translate(100%)}51%{transform:translate(-100%)}to{transform:translate(0)}}\n"], dependencies: [{ kind: "ngmodule", type: DaffPrefixSuffixModule }, { kind: "component", type: i1.DaffLoadingIconComponent, selector: "daff-loading-icon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffUnderlineButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: DaffUnderlineButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: '' +
                         'button[daff-underline-button]' + ',' +
-                        'a[daff-underline-button]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        'a[daff-underline-button]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         DaffPrefixSuffixModule,
                         DAFF_LOADING_ICON_COMPONENTS,
                     ], template: "@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}", styles: [".daff-underline-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;gap:.5rem;appearance:none;border:none;border-radius:.25rem;position:relative;text-align:center;background:transparent;border:0;border-radius:0;line-height:1.25rem;overflow:hidden;text-decoration:none;vertical-align:middle}.daff-underline-button .daff-button__content,.daff-underline-button .daff-prefix,.daff-underline-button .daff-suffix{z-index:2}.daff-underline-button .daff-button__loading{max-width:1.5rem}.daff-underline-button .daff-button__content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.daff-underline-button[disabled],.daff-underline-button.disabled{cursor:not-allowed}.daff-underline-button[disabled]:hover:after,.daff-underline-button[disabled]:active:after,.daff-underline-button.disabled:hover:after,.daff-underline-button.disabled:active:after{animation:none}.daff-underline-button:after{bottom:0;content:\"\";height:2px;left:0;opacity:1;position:absolute;width:100%}.daff-underline-button:hover:after{animation:none}@media (min-width: 1024px){.daff-underline-button:hover:after{animation:underline-button-hover .7s ease}}.daff-underline-button.daff-sm{font-size:.875rem;height:1.25rem;padding:0}.daff-underline-button.daff-md{font-size:1rem;height:1.5rem;padding:0 0 4px}.daff-underline-button.daff-lg{font-size:1.25rem;height:1.75rem;padding:0 0 8px}@keyframes underline-button-hover{0%{transform:translate(0)}50%{transform:translate(100%)}51%{transform:translate(-100%)}to{transform:translate(0)}}\n"] }]
@@ -368,8 +368,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImpor
  * @deprecated in favor of {@link DAFF_BUTTON_COMPONENTS}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.
  */
 class DaffButtonModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.2", ngImport: i0, type: DaffButtonModule, imports: [CommonModule,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: DaffButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.7", ngImport: i0, type: DaffButtonModule, imports: [CommonModule,
             DaffButtonComponent,
             DaffFlatButtonComponent,
             DaffIconButtonComponent,
@@ -382,7 +382,7 @@ class DaffButtonModule {
             DaffStrokedButtonComponent,
             DaffUnderlineButtonComponent,
             DaffPrefixSuffixModule] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffButtonModule, imports: [CommonModule,
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: DaffButtonModule, imports: [CommonModule,
             DaffButtonComponent,
             DaffFlatButtonComponent,
             DaffIconButtonComponent,
@@ -390,7 +390,7 @@ class DaffButtonModule {
             DaffStrokedButtonComponent,
             DaffUnderlineButtonComponent, DaffPrefixSuffixModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffButtonModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: DaffButtonModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

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-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/**\n * @deprecated in favor of {@link DAFF_BUTTON_COMPONENTS}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.\n */\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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"}
+{"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 * @example Basic button\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  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 * @example Flat button\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  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 * @example Icon button\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  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 * @example Raised button\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  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 * @example Stroked button\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  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 * @example Underline button\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  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/**\n * @deprecated in favor of {@link DAFF_BUTTON_COMPONENTS}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.\n */\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

@@ -26,12 +26,12 @@ class CalloutThemingComponent {
             { value: 'theme-contrast', label: 'Theme Contrast' },
         ];
     }
-    /** @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: 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 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: CalloutThemingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.7", 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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: CalloutThemingComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'callout-theming', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+            args: [{ selector: 'callout-theming', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         DAFF_CALLOUT_COMPONENTS,
                         FaIconComponent,
                         DaffButtonComponent,
@@ -51,12 +51,12 @@ class CalloutTextAlignmentComponent {
             { value: 'right', label: 'Right' },
         ];
     }
-    /** @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$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 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: CalloutTextAlignmentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.7", 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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: CalloutTextAlignmentComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'callout-text-alignment', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+            args: [{ selector: 'callout-text-alignment', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         DAFF_CALLOUT_COMPONENTS,
                         DAFF_CONTAINER_COMPONENTS,
                         FaIconComponent,
@@ -70,12 +70,12 @@ class CalloutWithGridComponent {
     constructor() {
         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$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 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: CalloutWithGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.7", 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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: CalloutWithGridComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'callout-with-grid', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+            args: [{ selector: 'callout-with-grid', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         DAFF_CALLOUT_COMPONENTS,
                         DAFF_CONTAINER_COMPONENTS,
                         FaIconComponent,
@@ -88,12 +88,12 @@ class CompactCalloutComponent {
     constructor() {
         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$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 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: CompactCalloutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.7", 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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: CompactCalloutComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'compact-callout', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+            args: [{ selector: 'compact-callout', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         DAFF_CALLOUT_COMPONENTS,
                         DAFF_CONTAINER_COMPONENTS,
                         FaIconComponent,