@daffodil/design 0.86.0 → 0.87.1

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 size 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  HostBinding,\n  Input,\n  Directive,\n  ContentChild,\n} from '@angular/core';\n\nimport {\n  DaffArticleEncapsulatedDirective,\n  DaffStatusableDirective,\n  DaffColorableDirective,\n  DaffPrefixDirective,\n  DaffSuffixDirective,\n} from '@daffodil/design';\n\nimport { DaffButtonSizableDirective } from './button-sizable.directive';\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})\nexport class DaffButtonBaseDirective {\n\n  @ContentChild(DaffPrefixDirective, { static: true })\n  _prefix: DaffPrefixDirective;\n  @ContentChild(DaffSuffixDirective, { static: true })\n  _suffix: DaffSuffixDirective;\n\n  constructor(\n    private size: DaffButtonSizableDirective,\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  /**\n   * Sets the tabindex. Defaults to 0.\n   */\n  @Input() tabindex = 0;\n\n  private _disabled = false;\n\n  /**\n   * The disabled state of the button.\n   */\n  @Input() get disabled() {\n    return this._disabled;\n  }\n  set disabled(value: any) {\n    this._disabled = coerceBooleanProperty(value);\n  }\n\n  /**\n   * @docs-private\n   */\n  @HostBinding('attr.disabled') get disabledAttribute() {\n    return this.disabled ? true : null;\n  }\n\n  /**\n   * @docs-private\n   */\n  @HostBinding('attr.aria-disabled') get ariaDisabled() {\n    return this.disabled ? true : null;\n  }\n\n  /**\n   * @docs-private\n   *\n   * Set the `tabindex` to -1 if the button is disabled.\n   */\n  @HostBinding('attr.tabindex') get tabIndexAttribute() {\n    return this.disabled ? -1 : this.tabindex;\n  }\n}\n","import {\n  Component,\n  ViewEncapsulation,\n  ChangeDetectionStrategy,\n  HostBinding,\n  Input,\n} from '@angular/core';\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: 'button[daff-button]' + ',' + 'a[daff-button]',\n  templateUrl: '../button-base.component.html',\n  styleUrl: './button.component.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DaffButtonComponent extends DaffButtonBaseDirective {\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.daff-button') class = true;\n\n  /**\n   * Whether or not the button displays a shadow.\n   */\n  @Input() @HostBinding('class.elevated') elevated = false;\n}\n","@if (_prefix) {\n  <ng-content select=\"[daffPrefix]\"></ng-content>\n}\n<span class=\"daff-button__content\"><ng-content></ng-content></span>\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 { 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: 'button[daff-flat-button]' + ',' + 'a[daff-flat-button]',\n  templateUrl: '../button-base.component.html',\n  styleUrl: './flat.component.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\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 { 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: 'button[daff-icon-button]' + ',' + 'a[daff-icon-button]',\n  templateUrl: '../button-base.component.html',\n  styleUrl: './icon.component.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\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 { DaffButtonBaseDirective } from '../button-base.directive';\n\n/**\n * @deprecated in favor of the `elevated` property. Deprecated in version 0.82.0. Will be removed in version 1.0.0.\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: 'button[daff-raised-button]' + ',' + 'a[daff-raised-button]',\n  templateUrl: '../button-base.component.html',\n  styleUrl: './raised.component.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DaffRaisedButtonComponent\n  extends DaffButtonBaseDirective {\n\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.daff-raised-button') class = true;\n}\n","import {\n  Component,\n  ViewEncapsulation,\n  ChangeDetectionStrategy,\n  HostBinding,\n  Input,\n} from '@angular/core';\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: 'button[daff-stroked-button]' + ',' + 'a[daff-stroked-button]',\n  templateUrl: '../button-base.component.html',\n  styleUrl: './stroked.component.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DaffStrokedButtonComponent\n  extends DaffButtonBaseDirective {\n\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.daff-stroked-button') class = true;\n\n  /**\n   * Whether or not the button displays a shadow.\n   */\n  @Input() @HostBinding('class.elevated') elevated = false;\n}\n","import {\n  Component,\n  ViewEncapsulation,\n  ChangeDetectionStrategy,\n  HostBinding,\n} from '@angular/core';\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: 'button[daff-underline-button]' + ',' + 'a[daff-underline-button]',\n  templateUrl: '../button-base.component.html',\n  styleUrl: './underline.component.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\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 { 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  ],\n})\nexport class DaffButtonModule { }\n","import { 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 * @docs-private\n */\nexport const DAFF_BUTTON_COMPONENTS = <const> [\n  DaffButtonComponent,\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 size 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  HostBinding,\n  Input,\n  Directive,\n  ContentChild,\n} from '@angular/core';\n\nimport {\n  DaffArticleEncapsulatedDirective,\n  DaffStatusableDirective,\n  DaffColorableDirective,\n  DaffPrefixDirective,\n  DaffSuffixDirective,\n} from '@daffodil/design';\n\nimport { DaffButtonSizableDirective } from './button-sizable.directive';\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})\nexport class DaffButtonBaseDirective {\n\n  /**\n   * @docs-private\n   */\n  @ContentChild(DaffPrefixDirective, { static: true }) _prefix: DaffPrefixDirective;\n\n  /**\n   * @docs-private\n   */\n  @ContentChild(DaffSuffixDirective, { static: true }) _suffix: DaffSuffixDirective;\n\n  constructor(\n    private size: DaffButtonSizableDirective,\n  ) {\n    /**\n     * Sets the default size of a button to medium.\n     */\n    this.size.defaultSize = 'md';\n  }\n\n  /**\n   * Sets the tabindex.\n   */\n  @Input() tabindex = 0;\n\n  private _disabled = false;\n\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.disabled') get disabledClass() {\n    return this.disabled;\n  }\n\n\n  /**\n   * The disabled state of the button.\n   */\n  @Input() get disabled() {\n    return this._disabled;\n  }\n  set disabled(value: any) {\n    this._disabled = coerceBooleanProperty(value);\n  }\n\n  /**\n   * @docs-private\n   */\n  @HostBinding('attr.disabled') get disabledAttribute() {\n    return this.disabled ? true : null;\n  }\n\n  /**\n   * @docs-private\n   */\n  @HostBinding('attr.aria-disabled') get ariaDisabled() {\n    return this.disabled ? true : null;\n  }\n\n  /**\n   * @docs-private\n   *\n   * Set the `tabindex` to -1 if the button is disabled.\n   */\n  @HostBinding('attr.tabindex') get tabIndexAttribute() {\n    return this.disabled ? -1 : this.tabindex;\n  }\n}\n","import {\n  Component,\n  ViewEncapsulation,\n  ChangeDetectionStrategy,\n  HostBinding,\n  Input,\n} from '@angular/core';\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: 'button[daff-button]' + ',' + 'a[daff-button]',\n  templateUrl: '../button-base.component.html',\n  styleUrl: './button.component.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DaffButtonComponent extends DaffButtonBaseDirective {\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.daff-button') class = true;\n\n  /**\n   * Whether or not the button displays a shadow.\n   */\n  @Input() @HostBinding('class.elevated') elevated = false;\n}\n","@if (_prefix) {\n  <ng-content select=\"[daffPrefix]\"></ng-content>\n}\n<span class=\"daff-button__content\"><ng-content></ng-content></span>\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 { 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: 'button[daff-flat-button]' + ',' + 'a[daff-flat-button]',\n  templateUrl: '../button-base.component.html',\n  styleUrl: './flat.component.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\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 { 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: 'button[daff-icon-button]' + ',' + 'a[daff-icon-button]',\n  templateUrl: '../button-base.component.html',\n  styleUrl: './icon.component.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\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 { DaffButtonBaseDirective } from '../button-base.directive';\n\n/**\n * @deprecated in favor of the `elevated` property. Deprecated in version 0.82.0. Will be removed in version 1.0.0.\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: 'button[daff-raised-button]' + ',' + 'a[daff-raised-button]',\n  templateUrl: '../button-base.component.html',\n  styleUrl: './raised.component.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DaffRaisedButtonComponent\n  extends DaffButtonBaseDirective {\n\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.daff-raised-button') class = true;\n}\n","import {\n  Component,\n  ViewEncapsulation,\n  ChangeDetectionStrategy,\n  HostBinding,\n  Input,\n} from '@angular/core';\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: 'button[daff-stroked-button]' + ',' + 'a[daff-stroked-button]',\n  templateUrl: '../button-base.component.html',\n  styleUrl: './stroked.component.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DaffStrokedButtonComponent\n  extends DaffButtonBaseDirective {\n\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.daff-stroked-button') class = true;\n\n  /**\n   * Whether or not the button displays a shadow.\n   */\n  @Input() @HostBinding('class.elevated') elevated = false;\n}\n","import {\n  Component,\n  ViewEncapsulation,\n  ChangeDetectionStrategy,\n  HostBinding,\n} from '@angular/core';\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: 'button[daff-underline-button]' + ',' + 'a[daff-underline-button]',\n  templateUrl: '../button-base.component.html',\n  styleUrl: './underline.component.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\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 { 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  ],\n})\nexport class DaffButtonModule { }\n","import {\n  DaffPrefixDirective,\n  DaffSuffixDirective,\n} 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 * @docs-private\n */\nexport const DAFF_BUTTON_COMPONENTS = <const> [\n  DaffButtonComponent,\n  DaffFlatButtonComponent,\n  DaffIconButtonComponent,\n  DaffRaisedButtonComponent,\n  DaffStrokedButtonComponent,\n  DaffUnderlineButtonComponent,\n  DaffPrefixDirective,\n  DaffSuffixDirective,\n];\n\n/**\n * @docs-private\n */\nexport const DAFF_BASIC_BUTTON_COMPONENTS = <const> [\n  DaffButtonComponent,\n  DaffPrefixDirective,\n  DaffSuffixDirective,\n];\n\n/**\n * @docs-private\n */\nexport const DAFF_FLAT_BUTTON_COMPONENTS = <const> [\n  DaffFlatButtonComponent,\n  DaffPrefixDirective,\n  DaffSuffixDirective,\n];\n\n/**\n * @docs-private\n */\nexport const DAFF_ICON_BUTTON_COMPONENTS = <const> [\n  DaffIconButtonComponent,\n  DaffPrefixDirective,\n  DaffSuffixDirective,\n];\n\n/**\n * @docs-private\n */\nexport const DAFF_STROKED_BUTTON_COMPONENTS = <const> [\n  DaffStrokedButtonComponent,\n  DaffPrefixDirective,\n  DaffSuffixDirective,\n];\n\n/**\n * @docs-private\n */\nexport const DAFF_UNDERLINE_BUTTON_COMPONENTS = <const> [\n  DaffUnderlineButtonComponent,\n  DaffPrefixDirective,\n  DaffSuffixDirective,\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-form-field-examples.mjs

@@ -0,0 +1,95 @@
+import * as i0 from '@angular/core';
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { faUser, faEye, faCircleXmark, faPencil } from '@fortawesome/free-solid-svg-icons';
+import * as i1 from '@daffodil/design';
+import { DAFF_FORM_FIELD_COMPONENTS } from '@daffodil/design';
+import { DaffInputComponent } from '@daffodil/design/input';
+import * as i2 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { DaffButtonComponent } from '@daffodil/design/button';
+
+class FormFieldAppearancesComponent {
+    constructor() {
+        this.faUser = faUser;
+        this.faEye = faEye;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: FormFieldAppearancesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: FormFieldAppearancesComponent, isStandalone: true, selector: "form-field-appearances", ngImport: i0, template: "<daff-form-field appearance=\"fluid\">\n  <daff-form-label>First Name</daff-form-label>\n  <input daff-input type=\"text\" name=\"first-name\" />\n</daff-form-field>\n\n<daff-form-field appearance=\"fixed\">\n  <daff-form-label>First Name</daff-form-label>\n  <input daff-input type=\"text\" name=\"first-name\" />\n</daff-form-field>\n", styles: [":host{display:flex;flex-direction:column;gap:.5rem}daff-form-field{max-width:30rem}\n"], dependencies: [{ kind: "component", type: i1.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["appearance", "id"] }, { kind: "directive", type: i1.DaffFormFieldLabelDirective, selector: "daff-form-label" }, { kind: "component", type: DaffInputComponent, selector: "input[daff-input]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: FormFieldAppearancesComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'form-field-appearances', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        DAFF_FORM_FIELD_COMPONENTS,
+                        DaffInputComponent,
+                    ], template: "<daff-form-field appearance=\"fluid\">\n  <daff-form-label>First Name</daff-form-label>\n  <input daff-input type=\"text\" name=\"first-name\" />\n</daff-form-field>\n\n<daff-form-field appearance=\"fixed\">\n  <daff-form-label>First Name</daff-form-label>\n  <input daff-input type=\"text\" name=\"first-name\" />\n</daff-form-field>\n", styles: [":host{display:flex;flex-direction:column;gap:.5rem}daff-form-field{max-width:30rem}\n"] }]
+        }] });
+
+class FormFieldWithActionComponent {
+    constructor() {
+        this.faUser = faUser;
+        this.faCircleXmark = faCircleXmark;
+        this.inputValue = '';
+    }
+    clearInput() {
+        this.inputValue = ''; // or this.inputValue = null;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: FormFieldWithActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: FormFieldWithActionComponent, isStandalone: true, selector: "form-field-with-action", ngImport: i0, template: "<daff-form-field>\n  <daff-form-label>Email</daff-form-label>\n  <input daff-input type=\"text\" name=\"email\" required />\n  <button daff-button color=\"theme-contrast\" daffFormFieldAction>\n    Submit\n  </button>\n</daff-form-field>\n\n\n<daff-form-field appearance=\"fixed\">\n  <daff-form-label>Email</daff-form-label>\n  <input daff-input type=\"text\" name=\"email\" [(ngModel)]=\"inputValue\" />\n  <button daff-button color=\"theme-contrast\" daffFormFieldAction>\n    Submit\n  </button>\n</daff-form-field>\n", styles: [":host{display:flex;flex-direction:column;gap:.5rem}daff-form-field{max-width:30rem}\n"], dependencies: [{ kind: "component", type: i1.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["appearance", "id"] }, { kind: "directive", type: i1.DaffFormFieldLabelDirective, selector: "daff-form-label" }, { kind: "directive", type: i1.DaffFormFieldActionDirective, selector: "[daffFormFieldAction]" }, { kind: "component", type: DaffInputComponent, selector: "input[daff-input]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: DaffButtonComponent, selector: "button[daff-button],a[daff-button]", inputs: ["elevated"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: FormFieldWithActionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'form-field-with-action', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        DAFF_FORM_FIELD_COMPONENTS,
+                        DaffInputComponent,
+                        FaIconComponent,
+                        FormsModule,
+                        DaffButtonComponent,
+                    ], template: "<daff-form-field>\n  <daff-form-label>Email</daff-form-label>\n  <input daff-input type=\"text\" name=\"email\" required />\n  <button daff-button color=\"theme-contrast\" daffFormFieldAction>\n    Submit\n  </button>\n</daff-form-field>\n\n\n<daff-form-field appearance=\"fixed\">\n  <daff-form-label>Email</daff-form-label>\n  <input daff-input type=\"text\" name=\"email\" [(ngModel)]=\"inputValue\" />\n  <button daff-button color=\"theme-contrast\" daffFormFieldAction>\n    Submit\n  </button>\n</daff-form-field>\n", styles: [":host{display:flex;flex-direction:column;gap:.5rem}daff-form-field{max-width:30rem}\n"] }]
+        }] });
+
+class FormFieldWithPrefixComponent {
+    constructor() {
+        this.faUser = faUser;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: FormFieldWithPrefixComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: FormFieldWithPrefixComponent, isStandalone: true, selector: "form-field-with-prefix", ngImport: i0, template: "<daff-form-field>\n  <daff-form-label>First Name</daff-form-label>\n  <fa-icon [icon]=\"faUser\" daffPrefix></fa-icon>\n  <input daff-input type=\"text\" name=\"first-name\" />\n</daff-form-field>\n\n\n<daff-form-field appearance=\"fixed\">\n  <daff-form-label>First Name</daff-form-label>\n  <fa-icon [icon]=\"faUser\" daffPrefix></fa-icon>\n  <input daff-input type=\"text\" name=\"first-name\" />\n</daff-form-field>", styles: [":host{display:flex;flex-direction:column;gap:.5rem}daff-form-field{max-width:30rem}\n"], dependencies: [{ kind: "component", type: i1.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["appearance", "id"] }, { kind: "directive", type: i1.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "directive", type: i1.DaffFormFieldLabelDirective, selector: "daff-form-label" }, { kind: "component", type: DaffInputComponent, selector: "input[daff-input]" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: FormFieldWithPrefixComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'form-field-with-prefix', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        DAFF_FORM_FIELD_COMPONENTS,
+                        DaffInputComponent,
+                        FaIconComponent,
+                    ], template: "<daff-form-field>\n  <daff-form-label>First Name</daff-form-label>\n  <fa-icon [icon]=\"faUser\" daffPrefix></fa-icon>\n  <input daff-input type=\"text\" name=\"first-name\" />\n</daff-form-field>\n\n\n<daff-form-field appearance=\"fixed\">\n  <daff-form-label>First Name</daff-form-label>\n  <fa-icon [icon]=\"faUser\" daffPrefix></fa-icon>\n  <input daff-input type=\"text\" name=\"first-name\" />\n</daff-form-field>", styles: [":host{display:flex;flex-direction:column;gap:.5rem}daff-form-field{max-width:30rem}\n"] }]
+        }] });
+
+class FormFieldWithSuffixComponent {
+    constructor() {
+        this.faPencil = faPencil;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: FormFieldWithSuffixComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: FormFieldWithSuffixComponent, isStandalone: true, selector: "form-field-with-suffix", ngImport: i0, template: "<daff-form-field>\n  <daff-form-label>Phone Number</daff-form-label>\n  <input daff-input type=\"text\" name=\"phone-number\" />\n  <fa-icon [icon]=\"faPencil\" daffSuffix></fa-icon>\n</daff-form-field>\n\n\n<daff-form-field appearance=\"fixed\">\n  <daff-form-label>Phone Number</daff-form-label>\n  <input daff-input type=\"text\" name=\"phone-number\" />\n  <fa-icon [icon]=\"faPencil\" daffSuffix></fa-icon>\n</daff-form-field>", styles: [":host{display:flex;flex-direction:column;gap:.5rem}daff-form-field{max-width:30rem}\n"], dependencies: [{ kind: "component", type: i1.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["appearance", "id"] }, { kind: "directive", type: i1.DaffSuffixDirective, selector: "[daffSuffix]" }, { kind: "directive", type: i1.DaffFormFieldLabelDirective, selector: "daff-form-label" }, { kind: "component", type: DaffInputComponent, selector: "input[daff-input]" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: FormFieldWithSuffixComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'form-field-with-suffix', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        DAFF_FORM_FIELD_COMPONENTS,
+                        DaffInputComponent,
+                        FaIconComponent,
+                    ], template: "<daff-form-field>\n  <daff-form-label>Phone Number</daff-form-label>\n  <input daff-input type=\"text\" name=\"phone-number\" />\n  <fa-icon [icon]=\"faPencil\" daffSuffix></fa-icon>\n</daff-form-field>\n\n\n<daff-form-field appearance=\"fixed\">\n  <daff-form-label>Phone Number</daff-form-label>\n  <input daff-input type=\"text\" name=\"phone-number\" />\n  <fa-icon [icon]=\"faPencil\" daffSuffix></fa-icon>\n</daff-form-field>", styles: [":host{display:flex;flex-direction:column;gap:.5rem}daff-form-field{max-width:30rem}\n"] }]
+        }] });
+
+const FORM_FIELD_EXAMPLES = [
+    FormFieldAppearancesComponent,
+    FormFieldWithActionComponent,
+    FormFieldWithPrefixComponent,
+    FormFieldWithSuffixComponent,
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FORM_FIELD_EXAMPLES };
+//# sourceMappingURL=daffodil-design-form-field-examples.mjs.map

package/fesm2022/daffodil-design-form-field-examples.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"daffodil-design-form-field-examples.mjs","sources":["../../../libs/design/form-field/examples/src/form-field-appearances/form-field-appearances.component.ts","../../../libs/design/form-field/examples/src/form-field-appearances/form-field-appearances.component.html","../../../libs/design/form-field/examples/src/form-field-with-action/form-field-with-action.component.ts","../../../libs/design/form-field/examples/src/form-field-with-action/form-field-with-action.component.html","../../../libs/design/form-field/examples/src/form-field-with-prefix/form-field-with-prefix.component.ts","../../../libs/design/form-field/examples/src/form-field-with-prefix/form-field-with-prefix.component.html","../../../libs/design/form-field/examples/src/form-field-with-suffix/form-field-with-suffix.component.ts","../../../libs/design/form-field/examples/src/form-field-with-suffix/form-field-with-suffix.component.html","../../../libs/design/form-field/examples/src/examples.ts","../../../libs/design/form-field/examples/src/daffodil-design-form-field-examples.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport {\n  faUser,\n  faEye,\n} from '@fortawesome/free-solid-svg-icons';\n\nimport { DAFF_FORM_FIELD_COMPONENTS } from '@daffodil/design';\nimport { DaffInputComponent } from '@daffodil/design/input';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'form-field-appearances',\n  templateUrl: './form-field-appearances.component.html',\n  styleUrl: './form-field-appearances.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    DAFF_FORM_FIELD_COMPONENTS,\n    DaffInputComponent,\n  ],\n})\nexport class FormFieldAppearancesComponent {\n  faUser = faUser;\n  faEye = faEye;\n}\n","<daff-form-field appearance=\"fluid\">\n  <daff-form-label>First Name</daff-form-label>\n  <input daff-input type=\"text\" name=\"first-name\" />\n</daff-form-field>\n\n<daff-form-field appearance=\"fixed\">\n  <daff-form-label>First Name</daff-form-label>\n  <input daff-input type=\"text\" name=\"first-name\" />\n</daff-form-field>\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport {\n  faUser,\n  faCircleXmark,\n} from '@fortawesome/free-solid-svg-icons';\n\nimport { DAFF_FORM_FIELD_COMPONENTS } from '@daffodil/design';\nimport { DaffButtonComponent } from '@daffodil/design/button';\nimport { DaffInputComponent } from '@daffodil/design/input';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'form-field-with-action',\n  templateUrl: './form-field-with-action.component.html',\n  styleUrl: './form-field-with-action.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    DAFF_FORM_FIELD_COMPONENTS,\n    DaffInputComponent,\n    FaIconComponent,\n    FormsModule,\n    DaffButtonComponent,\n  ],\n})\nexport class FormFieldWithActionComponent {\n  faUser = faUser;\n  faCircleXmark = faCircleXmark;\n\n  inputValue = '';\n\n  clearInput(): void {\n    this.inputValue = ''; // or this.inputValue = null;\n  }\n}\n","<daff-form-field>\n  <daff-form-label>Email</daff-form-label>\n  <input daff-input type=\"text\" name=\"email\" required />\n  <button daff-button color=\"theme-contrast\" daffFormFieldAction>\n    Submit\n  </button>\n</daff-form-field>\n\n\n<daff-form-field appearance=\"fixed\">\n  <daff-form-label>Email</daff-form-label>\n  <input daff-input type=\"text\" name=\"email\" [(ngModel)]=\"inputValue\" />\n  <button daff-button color=\"theme-contrast\" daffFormFieldAction>\n    Submit\n  </button>\n</daff-form-field>\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport { faUser } from '@fortawesome/free-solid-svg-icons';\n\nimport { DAFF_FORM_FIELD_COMPONENTS } from '@daffodil/design';\nimport { DaffInputComponent } from '@daffodil/design/input';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'form-field-with-prefix',\n  templateUrl: './form-field-with-prefix.component.html',\n  styleUrl: './form-field-with-prefix.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    DAFF_FORM_FIELD_COMPONENTS,\n    DaffInputComponent,\n    FaIconComponent,\n  ],\n})\nexport class FormFieldWithPrefixComponent {\n  faUser = faUser;\n}\n","<daff-form-field>\n  <daff-form-label>First Name</daff-form-label>\n  <fa-icon [icon]=\"faUser\" daffPrefix></fa-icon>\n  <input daff-input type=\"text\" name=\"first-name\" />\n</daff-form-field>\n\n\n<daff-form-field appearance=\"fixed\">\n  <daff-form-label>First Name</daff-form-label>\n  <fa-icon [icon]=\"faUser\" daffPrefix></fa-icon>\n  <input daff-input type=\"text\" name=\"first-name\" />\n</daff-form-field>","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport { faPencil } from '@fortawesome/free-solid-svg-icons';\n\nimport { DAFF_FORM_FIELD_COMPONENTS } from '@daffodil/design';\nimport { DaffInputComponent } from '@daffodil/design/input';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'form-field-with-suffix',\n  templateUrl: './form-field-with-suffix.component.html',\n  styleUrl: './form-field-with-suffix.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    DAFF_FORM_FIELD_COMPONENTS,\n    DaffInputComponent,\n    FaIconComponent,\n  ],\n})\nexport class FormFieldWithSuffixComponent {\n  faPencil = faPencil;\n}\n","<daff-form-field>\n  <daff-form-label>Phone Number</daff-form-label>\n  <input daff-input type=\"text\" name=\"phone-number\" />\n  <fa-icon [icon]=\"faPencil\" daffSuffix></fa-icon>\n</daff-form-field>\n\n\n<daff-form-field appearance=\"fixed\">\n  <daff-form-label>Phone Number</daff-form-label>\n  <input daff-input type=\"text\" name=\"phone-number\" />\n  <fa-icon [icon]=\"faPencil\" daffSuffix></fa-icon>\n</daff-form-field>","import { FormFieldAppearancesComponent } from './form-field-appearances/form-field-appearances.component';\nimport { FormFieldWithActionComponent } from './form-field-with-action/form-field-with-action.component';\nimport { FormFieldWithPrefixComponent } from './form-field-with-prefix/form-field-with-prefix.component';\nimport { FormFieldWithSuffixComponent } from './form-field-with-suffix/form-field-with-suffix.component';\n\nexport const FORM_FIELD_EXAMPLES = [\n  FormFieldAppearancesComponent,\n  FormFieldWithActionComponent,\n  FormFieldWithPrefixComponent,\n  FormFieldWithSuffixComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -13,7 +13,7 @@ class InputDisabledComponent {
         this.disabled = new UntypedFormControl({ value: '', disabled: true });
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: InputDisabledComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: InputDisabledComponent, isStandalone: true, selector: "input-disabled", ngImport: i0, template: "<daff-form-field>\n  <daff-form-label>Email</daff-form-label>\n  <input daff-input type=\"text\" name=\"email\" [formControl]=\"disabled\"/>\n</daff-form-field>", styles: ["daff-form-field{max-width:320px}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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: "component", type: DaffInputComponent, selector: "input[daff-input]" }, { kind: "component", type: i1.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["id"] }, { kind: "directive", type: i1.DaffFormFieldLabelDirective, selector: "daff-form-label" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: InputDisabledComponent, isStandalone: true, selector: "input-disabled", ngImport: i0, template: "<daff-form-field>\n  <daff-form-label>Email</daff-form-label>\n  <input daff-input type=\"text\" name=\"email\" [formControl]=\"disabled\"/>\n</daff-form-field>", styles: ["daff-form-field{max-width:320px}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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: "component", type: DaffInputComponent, selector: "input[daff-input]" }, { kind: "component", type: i1.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["appearance", "id"] }, { kind: "directive", type: i1.DaffFormFieldLabelDirective, selector: "daff-form-label" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: InputDisabledComponent, decorators: [{
             type: Component,
@@ -32,7 +32,7 @@ class InputErrorComponent {
         ]);
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: InputErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.11", type: InputErrorComponent, isStandalone: true, selector: "input-error", ngImport: i0, template: "<daff-form-field>\n  <daff-form-label>Email</daff-form-label>\n  <input daff-input type=\"text\" name=\"email\" [formControl]=\"control\"/>\n  <daff-hint>Hint</daff-hint>\n  @if (control.errors?.required) {\n    <daff-error-message>Email is a required field.</daff-error-message>\n  }\n  @if (control.errors?.email) {\n    <daff-error-message>Email is not valid.</daff-error-message>\n  }\n</daff-form-field>\n<p>Value: {{ control.value }} </p>", styles: ["daff-form-field{max-width:320px}\n"], dependencies: [{ kind: "component", type: i1.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["id"] }, { kind: "component", type: i1.DaffErrorMessageComponent, selector: "daff-error-message" }, { kind: "component", type: i1.DaffHintComponent, selector: "daff-hint", inputs: ["validated"] }, { kind: "directive", type: i1.DaffFormFieldLabelDirective, selector: "daff-form-label" }, { kind: "component", type: DaffInputComponent, selector: "input[daff-input]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.11", type: InputErrorComponent, isStandalone: true, selector: "input-error", ngImport: i0, template: "<daff-form-field>\n  <daff-form-label>Email</daff-form-label>\n  <input daff-input type=\"text\" name=\"email\" [formControl]=\"control\"/>\n  <daff-hint>Hint</daff-hint>\n  @if (control.errors?.required) {\n    <daff-error-message>Email is a required field.</daff-error-message>\n  }\n  @if (control.errors?.email) {\n    <daff-error-message>Email is not valid.</daff-error-message>\n  }\n</daff-form-field>\n<p>Value: {{ control.value }} </p>", styles: ["daff-form-field{max-width:320px}\n"], dependencies: [{ kind: "component", type: i1.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["appearance", "id"] }, { kind: "component", type: i1.DaffErrorMessageComponent, selector: "daff-error-message" }, { kind: "component", type: i1.DaffHintComponent, selector: "daff-hint", inputs: ["validated"] }, { kind: "directive", type: i1.DaffFormFieldLabelDirective, selector: "daff-form-label" }, { kind: "component", type: DaffInputComponent, selector: "input[daff-input]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: InputErrorComponent, decorators: [{
             type: Component,
@@ -46,7 +46,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImpo
 
 class InputHintComponent {
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: InputHintComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: InputHintComponent, isStandalone: true, selector: "input-hint", ngImport: i0, template: "<daff-form-field>\n  <daff-form-label>Email</daff-form-label>\n  <input daff-input type=\"text\" name=\"email\"/>\n  <daff-hint>Hint goes here.</daff-hint>\n</daff-form-field>", styles: ["daff-form-field{max-width:320px}\n"], dependencies: [{ kind: "component", type: i1.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["id"] }, { kind: "component", type: i1.DaffHintComponent, selector: "daff-hint", inputs: ["validated"] }, { kind: "directive", type: i1.DaffFormFieldLabelDirective, selector: "daff-form-label" }, { kind: "component", type: DaffInputComponent, selector: "input[daff-input]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: InputHintComponent, isStandalone: true, selector: "input-hint", ngImport: i0, template: "<daff-form-field>\n  <daff-form-label>Email</daff-form-label>\n  <input daff-input type=\"text\" name=\"email\"/>\n  <daff-hint>Hint goes here.</daff-hint>\n</daff-form-field>", styles: ["daff-form-field{max-width:320px}\n"], dependencies: [{ kind: "component", type: i1.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["appearance", "id"] }, { kind: "component", type: i1.DaffHintComponent, selector: "daff-hint", inputs: ["validated"] }, { kind: "directive", type: i1.DaffFormFieldLabelDirective, selector: "daff-form-label" }, { kind: "component", type: DaffInputComponent, selector: "input[daff-input]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: InputHintComponent, decorators: [{
             type: Component,
@@ -64,7 +64,7 @@ class InputHintAndErrorComponent {
         this.control = new UntypedFormControl('', [Validators.required, Validators.minLength(8)]);
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: InputHintAndErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.11", type: InputHintAndErrorComponent, isStandalone: true, selector: "input-hint-and-error", ngImport: i0, template: "<daff-form-field>\n  <daff-form-label>Password</daff-form-label>\n  <input daff-input type=\"text\" name=\"password\" [formControl]=\"control\"/>\n  <daff-hint [validated]=\"!(control.invalid) && control.dirty\">\n    @if (!(control.invalid) && control.dirty) {\n      <fa-icon [icon]=\"faCheck\" [fixedWidth]=\"true\" size=\"xs\"></fa-icon>\n    } @else {\n      <fa-icon [icon]=\"faXmark\" [fixedWidth]=\"true\" size=\"xs\"></fa-icon>\n    }\n    Minimum of 8 characters.\n  </daff-hint>\n  @if (control.errors?.required && control.touched) {\n    <daff-error-message>Password is a required field.</daff-error-message>\n  }\n</daff-form-field>", styles: ["daff-form-field{max-width:320px}\n"], dependencies: [{ kind: "component", type: i1.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["id"] }, { kind: "component", type: i1.DaffErrorMessageComponent, selector: "daff-error-message" }, { kind: "component", type: i1.DaffHintComponent, selector: "daff-hint", inputs: ["validated"] }, { kind: "directive", type: i1.DaffFormFieldLabelDirective, selector: "daff-form-label" }, { kind: "component", type: DaffInputComponent, selector: "input[daff-input]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.11", type: InputHintAndErrorComponent, isStandalone: true, selector: "input-hint-and-error", ngImport: i0, template: "<daff-form-field>\n  <daff-form-label>Password</daff-form-label>\n  <input daff-input type=\"text\" name=\"password\" [formControl]=\"control\"/>\n  <daff-hint [validated]=\"!(control.invalid) && control.dirty\">\n    @if (!(control.invalid) && control.dirty) {\n      <fa-icon [icon]=\"faCheck\" [fixedWidth]=\"true\" size=\"xs\"></fa-icon>\n    } @else {\n      <fa-icon [icon]=\"faXmark\" [fixedWidth]=\"true\" size=\"xs\"></fa-icon>\n    }\n    Minimum of 8 characters.\n  </daff-hint>\n  @if (control.errors?.required && control.touched) {\n    <daff-error-message>Password is a required field.</daff-error-message>\n  }\n</daff-form-field>", styles: ["daff-form-field{max-width:320px}\n"], dependencies: [{ kind: "component", type: i1.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["appearance", "id"] }, { kind: "component", type: i1.DaffErrorMessageComponent, selector: "daff-error-message" }, { kind: "component", type: i1.DaffHintComponent, selector: "daff-hint", inputs: ["validated"] }, { kind: "directive", type: i1.DaffFormFieldLabelDirective, selector: "daff-form-label" }, { kind: "component", type: DaffInputComponent, selector: "input[daff-input]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: InputHintAndErrorComponent, decorators: [{
             type: Component,
@@ -82,7 +82,7 @@ class InputWithFormFieldComponent {
         this.faCircleXmark = faCircleXmark;
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: InputWithFormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: InputWithFormFieldComponent, isStandalone: true, selector: "input-with-form-field", ngImport: i0, template: "<daff-form-field>\n  <fa-icon [icon]=\"faUser\" daffPrefix></fa-icon>\n  <daff-form-label>First Name</daff-form-label>\n  <input daff-input type=\"text\" name=\"first-name\" />\n  <fa-icon [icon]=\"faCircleXmark\" daffSuffix></fa-icon>\n</daff-form-field>\n", styles: ["daff-form-field{max-width:320px}\n"], dependencies: [{ kind: "component", type: i1.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["id"] }, { kind: "directive", type: i1.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "directive", type: i1.DaffSuffixDirective, selector: "[daffSuffix]" }, { kind: "directive", type: i1.DaffFormFieldLabelDirective, selector: "daff-form-label" }, { kind: "component", type: DaffInputComponent, selector: "input[daff-input]" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "ngmodule", type: DaffPrefixSuffixModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: InputWithFormFieldComponent, isStandalone: true, selector: "input-with-form-field", ngImport: i0, template: "<daff-form-field>\n  <fa-icon [icon]=\"faUser\" daffPrefix></fa-icon>\n  <daff-form-label>First Name</daff-form-label>\n  <input daff-input type=\"text\" name=\"first-name\" />\n  <fa-icon [icon]=\"faCircleXmark\" daffSuffix></fa-icon>\n</daff-form-field>\n", styles: ["daff-form-field{max-width:320px}\n"], dependencies: [{ kind: "component", type: i1.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["appearance", "id"] }, { kind: "directive", type: i1.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "directive", type: i1.DaffSuffixDirective, selector: "[daffSuffix]" }, { kind: "directive", type: i1.DaffFormFieldLabelDirective, selector: "daff-form-label" }, { kind: "component", type: DaffInputComponent, selector: "input[daff-input]" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "ngmodule", type: DaffPrefixSuffixModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: InputWithFormFieldComponent, decorators: [{
             type: Component,

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

@@ -1 +1 @@
-{"version":3,"file":"daffodil-design-input-examples.mjs","sources":["../../../libs/design/input/examples/src/input-disabled/input-disabled.component.ts","../../../libs/design/input/examples/src/input-disabled/input-disabled.component.html","../../../libs/design/input/examples/src/input-error/input-error.component.ts","../../../libs/design/input/examples/src/input-error/input-error.component.html","../../../libs/design/input/examples/src/input-hint/input-hint.component.ts","../../../libs/design/input/examples/src/input-hint/input-hint.component.html","../../../libs/design/input/examples/src/input-hint-and-error/input-hint-and-error.component.ts","../../../libs/design/input/examples/src/input-hint-and-error/input-hint-and-error.component.html","../../../libs/design/input/examples/src/input-with-form-field/input-with-form-field.component.ts","../../../libs/design/input/examples/src/input-with-form-field/input-with-form-field.component.html","../../../libs/design/input/examples/src/examples.ts","../../../libs/design/input/examples/src/daffodil-design-input-examples.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport {\n  ReactiveFormsModule,\n  UntypedFormControl,\n} from '@angular/forms';\n\nimport { DAFF_FORM_FIELD_COMPONENTS } from '@daffodil/design';\nimport { DaffInputComponent } from '@daffodil/design/input';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'input-disabled',\n  templateUrl: './input-disabled.component.html',\n  styles: [`\n    daff-form-field {\n      max-width: 320px;\n    }\n  `],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    ReactiveFormsModule,\n    DaffInputComponent,\n    DAFF_FORM_FIELD_COMPONENTS,\n  ],\n})\nexport class InputDisabledComponent {\n  disabled = new UntypedFormControl({ value : '' , disabled: true });\n}\n","<daff-form-field>\n  <daff-form-label>Email</daff-form-label>\n  <input daff-input type=\"text\" name=\"email\" [formControl]=\"disabled\"/>\n</daff-form-field>","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport {\n  UntypedFormControl,\n  Validators,\n  ReactiveFormsModule,\n} from '@angular/forms';\n\nimport {\n  DAFF_FORM_FIELD_COMPONENTS,\n  DaffHintComponent,\n} from '@daffodil/design';\nimport { DaffInputComponent } from '@daffodil/design/input';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'input-error',\n  templateUrl: './input-error.component.html',\n  styles: [`\n    daff-form-field {\n      max-width: 320px;\n    }\n  `],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    DAFF_FORM_FIELD_COMPONENTS,\n    DaffInputComponent,\n    DaffHintComponent,\n    ReactiveFormsModule,\n  ],\n})\nexport class InputErrorComponent {\n  control: UntypedFormControl = new UntypedFormControl('test@example.com', [\n    Validators.email,\n    Validators.required,\n  ]);\n}\n","<daff-form-field>\n  <daff-form-label>Email</daff-form-label>\n  <input daff-input type=\"text\" name=\"email\" [formControl]=\"control\"/>\n  <daff-hint>Hint</daff-hint>\n  @if (control.errors?.required) {\n    <daff-error-message>Email is a required field.</daff-error-message>\n  }\n  @if (control.errors?.email) {\n    <daff-error-message>Email is not valid.</daff-error-message>\n  }\n</daff-form-field>\n<p>Value: {{ control.value }} </p>","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\nimport {\n  DAFF_FORM_FIELD_COMPONENTS,\n  DaffHintComponent,\n} from '@daffodil/design';\nimport { DaffInputComponent } from '@daffodil/design/input';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'input-hint',\n  templateUrl: './input-hint.component.html',\n  styles: [`\n    daff-form-field {\n      max-width: 320px;\n    }\n  `],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    DAFF_FORM_FIELD_COMPONENTS,\n    DaffInputComponent,\n    DaffHintComponent,\n  ],\n})\nexport class InputHintComponent {\n}\n","<daff-form-field>\n  <daff-form-label>Email</daff-form-label>\n  <input daff-input type=\"text\" name=\"email\"/>\n  <daff-hint>Hint goes here.</daff-hint>\n</daff-form-field>","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport {\n  UntypedFormControl,\n  Validators,\n  ReactiveFormsModule,\n} from '@angular/forms';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport {\n  faCheck,\n  faXmark,\n} from '@fortawesome/free-solid-svg-icons';\n\nimport { DAFF_FORM_FIELD_COMPONENTS } from '@daffodil/design';\nimport { DaffInputComponent } from '@daffodil/design/input';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'input-hint-and-error',\n  templateUrl: './input-hint-and-error.component.html',\n  styles: [`\n    daff-form-field {\n      max-width: 320px;\n    }\n  `],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    DAFF_FORM_FIELD_COMPONENTS,\n    DaffInputComponent,\n    ReactiveFormsModule,\n    FaIconComponent,\n  ],\n})\nexport class InputHintAndErrorComponent {\n  faCheck = faCheck;\n  faXmark = faXmark;\n\n  control: UntypedFormControl = new UntypedFormControl('', [Validators.required, Validators.minLength(8)]);\n}\n","<daff-form-field>\n  <daff-form-label>Password</daff-form-label>\n  <input daff-input type=\"text\" name=\"password\" [formControl]=\"control\"/>\n  <daff-hint [validated]=\"!(control.invalid) && control.dirty\">\n    @if (!(control.invalid) && control.dirty) {\n      <fa-icon [icon]=\"faCheck\" [fixedWidth]=\"true\" size=\"xs\"></fa-icon>\n    } @else {\n      <fa-icon [icon]=\"faXmark\" [fixedWidth]=\"true\" size=\"xs\"></fa-icon>\n    }\n    Minimum of 8 characters.\n  </daff-hint>\n  @if (control.errors?.required && control.touched) {\n    <daff-error-message>Password is a required field.</daff-error-message>\n  }\n</daff-form-field>","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport {\n  faUser,\n  faCircleXmark,\n} from '@fortawesome/free-solid-svg-icons';\n\nimport {\n  DAFF_FORM_FIELD_COMPONENTS,\n  DaffPrefixSuffixModule,\n} from '@daffodil/design';\nimport { DaffInputComponent } from '@daffodil/design/input';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'input-with-form-field',\n  templateUrl: './input-with-form-field.component.html',\n  styles: [`\n    daff-form-field {\n      max-width: 320px;\n    }\n  `],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    DAFF_FORM_FIELD_COMPONENTS,\n    DaffInputComponent,\n    FaIconComponent,\n    DaffPrefixSuffixModule,\n  ],\n})\nexport class InputWithFormFieldComponent {\n  faUser = faUser;\n  faCircleXmark = faCircleXmark;\n}\n","<daff-form-field>\n  <fa-icon [icon]=\"faUser\" daffPrefix></fa-icon>\n  <daff-form-label>First Name</daff-form-label>\n  <input daff-input type=\"text\" name=\"first-name\" />\n  <fa-icon [icon]=\"faCircleXmark\" daffSuffix></fa-icon>\n</daff-form-field>\n","import { InputDisabledComponent } from './input-disabled/input-disabled.component';\nimport { InputErrorComponent } from './input-error/input-error.component';\nimport { InputHintComponent } from './input-hint/input-hint.component';\nimport { InputHintAndErrorComponent } from './input-hint-and-error/input-hint-and-error.component';\nimport { InputWithFormFieldComponent } from './input-with-form-field/input-with-form-field.component';\n\nexport const INPUT_EXAMPLES = [\n  InputWithFormFieldComponent,\n  InputDisabledComponent,\n  InputErrorComponent,\n  InputHintComponent,\n  InputHintAndErrorComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i2"],"mappings":"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"}
+{"version":3,"file":"daffodil-design-input-examples.mjs","sources":["../../../libs/design/input/examples/src/input-disabled/input-disabled.component.ts","../../../libs/design/input/examples/src/input-disabled/input-disabled.component.html","../../../libs/design/input/examples/src/input-error/input-error.component.ts","../../../libs/design/input/examples/src/input-error/input-error.component.html","../../../libs/design/input/examples/src/input-hint/input-hint.component.ts","../../../libs/design/input/examples/src/input-hint/input-hint.component.html","../../../libs/design/input/examples/src/input-hint-and-error/input-hint-and-error.component.ts","../../../libs/design/input/examples/src/input-hint-and-error/input-hint-and-error.component.html","../../../libs/design/input/examples/src/input-with-form-field/input-with-form-field.component.ts","../../../libs/design/input/examples/src/input-with-form-field/input-with-form-field.component.html","../../../libs/design/input/examples/src/examples.ts","../../../libs/design/input/examples/src/daffodil-design-input-examples.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport {\n  ReactiveFormsModule,\n  UntypedFormControl,\n} from '@angular/forms';\n\nimport { DAFF_FORM_FIELD_COMPONENTS } from '@daffodil/design';\nimport { DaffInputComponent } from '@daffodil/design/input';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'input-disabled',\n  templateUrl: './input-disabled.component.html',\n  styles: [`\n    daff-form-field {\n      max-width: 320px;\n    }\n  `],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    ReactiveFormsModule,\n    DaffInputComponent,\n    DAFF_FORM_FIELD_COMPONENTS,\n  ],\n})\nexport class InputDisabledComponent {\n  disabled = new UntypedFormControl({ value : '' , disabled: true });\n}\n","<daff-form-field>\n  <daff-form-label>Email</daff-form-label>\n  <input daff-input type=\"text\" name=\"email\" [formControl]=\"disabled\"/>\n</daff-form-field>","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport {\n  UntypedFormControl,\n  Validators,\n  ReactiveFormsModule,\n} from '@angular/forms';\n\nimport {\n  DAFF_FORM_FIELD_COMPONENTS,\n  DaffHintComponent,\n} from '@daffodil/design';\nimport { DaffInputComponent } from '@daffodil/design/input';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'input-error',\n  templateUrl: './input-error.component.html',\n  styles: [`\n    daff-form-field {\n      max-width: 320px;\n    }\n  `],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    DAFF_FORM_FIELD_COMPONENTS,\n    DaffInputComponent,\n    DaffHintComponent,\n    ReactiveFormsModule,\n  ],\n})\nexport class InputErrorComponent {\n  control: UntypedFormControl = new UntypedFormControl('test@example.com', [\n    Validators.email,\n    Validators.required,\n  ]);\n}\n","<daff-form-field>\n  <daff-form-label>Email</daff-form-label>\n  <input daff-input type=\"text\" name=\"email\" [formControl]=\"control\"/>\n  <daff-hint>Hint</daff-hint>\n  @if (control.errors?.required) {\n    <daff-error-message>Email is a required field.</daff-error-message>\n  }\n  @if (control.errors?.email) {\n    <daff-error-message>Email is not valid.</daff-error-message>\n  }\n</daff-form-field>\n<p>Value: {{ control.value }} </p>","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\nimport {\n  DAFF_FORM_FIELD_COMPONENTS,\n  DaffHintComponent,\n} from '@daffodil/design';\nimport { DaffInputComponent } from '@daffodil/design/input';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'input-hint',\n  templateUrl: './input-hint.component.html',\n  styles: [`\n    daff-form-field {\n      max-width: 320px;\n    }\n  `],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    DAFF_FORM_FIELD_COMPONENTS,\n    DaffInputComponent,\n    DaffHintComponent,\n  ],\n})\nexport class InputHintComponent {\n}\n","<daff-form-field>\n  <daff-form-label>Email</daff-form-label>\n  <input daff-input type=\"text\" name=\"email\"/>\n  <daff-hint>Hint goes here.</daff-hint>\n</daff-form-field>","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport {\n  UntypedFormControl,\n  Validators,\n  ReactiveFormsModule,\n} from '@angular/forms';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport {\n  faCheck,\n  faXmark,\n} from '@fortawesome/free-solid-svg-icons';\n\nimport { DAFF_FORM_FIELD_COMPONENTS } from '@daffodil/design';\nimport { DaffInputComponent } from '@daffodil/design/input';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'input-hint-and-error',\n  templateUrl: './input-hint-and-error.component.html',\n  styles: [`\n    daff-form-field {\n      max-width: 320px;\n    }\n  `],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    DAFF_FORM_FIELD_COMPONENTS,\n    DaffInputComponent,\n    ReactiveFormsModule,\n    FaIconComponent,\n  ],\n})\nexport class InputHintAndErrorComponent {\n  faCheck = faCheck;\n  faXmark = faXmark;\n\n  control: UntypedFormControl = new UntypedFormControl('', [Validators.required, Validators.minLength(8)]);\n}\n","<daff-form-field>\n  <daff-form-label>Password</daff-form-label>\n  <input daff-input type=\"text\" name=\"password\" [formControl]=\"control\"/>\n  <daff-hint [validated]=\"!(control.invalid) && control.dirty\">\n    @if (!(control.invalid) && control.dirty) {\n      <fa-icon [icon]=\"faCheck\" [fixedWidth]=\"true\" size=\"xs\"></fa-icon>\n    } @else {\n      <fa-icon [icon]=\"faXmark\" [fixedWidth]=\"true\" size=\"xs\"></fa-icon>\n    }\n    Minimum of 8 characters.\n  </daff-hint>\n  @if (control.errors?.required && control.touched) {\n    <daff-error-message>Password is a required field.</daff-error-message>\n  }\n</daff-form-field>","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport {\n  faUser,\n  faCircleXmark,\n} from '@fortawesome/free-solid-svg-icons';\n\nimport {\n  DAFF_FORM_FIELD_COMPONENTS,\n  DaffPrefixSuffixModule,\n} from '@daffodil/design';\nimport { DaffInputComponent } from '@daffodil/design/input';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'input-with-form-field',\n  templateUrl: './input-with-form-field.component.html',\n  styles: [`\n    daff-form-field {\n      max-width: 320px;\n    }\n  `],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    DAFF_FORM_FIELD_COMPONENTS,\n    DaffInputComponent,\n    FaIconComponent,\n    DaffPrefixSuffixModule,\n  ],\n})\nexport class InputWithFormFieldComponent {\n  faUser = faUser;\n  faCircleXmark = faCircleXmark;\n}\n","<daff-form-field>\n  <fa-icon [icon]=\"faUser\" daffPrefix></fa-icon>\n  <daff-form-label>First Name</daff-form-label>\n  <input daff-input type=\"text\" name=\"first-name\" />\n  <fa-icon [icon]=\"faCircleXmark\" daffSuffix></fa-icon>\n</daff-form-field>\n","import { InputDisabledComponent } from './input-disabled/input-disabled.component';\nimport { InputErrorComponent } from './input-error/input-error.component';\nimport { InputHintComponent } from './input-hint/input-hint.component';\nimport { InputHintAndErrorComponent } from './input-hint-and-error/input-hint-and-error.component';\nimport { InputWithFormFieldComponent } from './input-with-form-field/input-with-form-field.component';\n\nexport const INPUT_EXAMPLES = [\n  InputWithFormFieldComponent,\n  InputDisabledComponent,\n  InputErrorComponent,\n  InputHintComponent,\n  InputHintAndErrorComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i2"],"mappings":"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"}

package/fesm2022/daffodil-design-input.mjs

@@ -14,6 +14,10 @@ class DaffInputComponent extends DaffFormFieldControl {
         this.focused = true;
         this.emitState();
     }
+    get _id() {
+        return this.formField?.id;
+    }
+    ;
     /**
      * @docs-private
      */
@@ -52,23 +56,13 @@ class DaffInputComponent extends DaffFormFieldControl {
         this.controlType = 'native-input';
         /** @docs-private */
         this.focused = false;
-        this._id = '';
-    }
-    /**
-     * @docs-private
-     */
-    ngOnChanges(changes) {
-        if (this.id || changes?.id.currentValue) {
-            this._id = changes.id.currentValue;
-        }
-        else {
-            this._id = this.formField.id;
+        if (!this.formField) {
+            throw new Error('DaffInputComponent needs to be used with the DaffFormFieldComponent.');
         }
     }
     /** @docs-private */
     ngOnInit() {
         this.stateChanges = merge(this._stateChanges.asObservable(), this.ngControl ? this.ngControl.statusChanges : of(undefined)).pipe(map(() => this.state));
-        this._id = this.id ?? this.formField.id;
     }
     /** @docs-private */
     onFocus() {
@@ -78,11 +72,11 @@ class DaffInputComponent extends DaffFormFieldControl {
     get value() {
         return this._elementRef.nativeElement.value;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffInputComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i0.ElementRef }, { token: i2.DaffFormFieldComponent }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffInputComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i0.ElementRef }, { token: i2.DaffFormFieldComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
     /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: DaffInputComponent, isStandalone: true, selector: "input[daff-input]", host: { listeners: { "focus": "focus()", "blur": "blur()" }, properties: { "class.daff-input": "this.class", "attr.id": "this.internalId", "attr.aria-describedby": "this.ariaDescribedBy" } }, providers: [
             // eslint-disable-next-line @typescript-eslint/no-use-before-define
             { provide: DaffFormFieldControl, useExisting: DaffInputComponent },
-        ], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{background:none;border:none;box-shadow:none;margin:0;width:100%;box-sizing:border-box}:host:focus{border:none;box-shadow:none;outline:none}:host:disabled{cursor:not-allowed}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{background:none;border:none;box-shadow:none;margin:0;width:100%;box-sizing:border-box}:host:focus{border:none;box-shadow:none;outline:none}:host:disabled{cursor:not-allowed}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffInputComponent, decorators: [{
             type: Component,
@@ -94,7 +88,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImpo
                     type: Optional
                 }, {
                     type: Self
-                }] }, { type: i0.ElementRef }, { type: i2.DaffFormFieldComponent }], propDecorators: { class: [{
+                }] }, { type: i0.ElementRef }, { type: i2.DaffFormFieldComponent, decorators: [{
+                    type: Optional
+                }] }], propDecorators: { class: [{
                 type: HostBinding,
                 args: ['class.daff-input']
             }], focus: [{

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

@@ -1 +1 @@
-{"version":3,"file":"daffodil-design-input.mjs","sources":["../../../libs/design/input/src/input.component.ts","../../../libs/design/input/src/input.module.ts","../../../libs/design/input/src/daffodil-design-input.ts"],"sourcesContent":["import {\n  Component,\n  Optional,\n  Self,\n  ElementRef,\n  HostListener,\n  ChangeDetectionStrategy,\n  HostBinding,\n  OnInit,\n  OnChanges,\n  SimpleChanges,\n} from '@angular/core';\nimport { NgControl } from '@angular/forms';\nimport {\n  merge,\n  of,\n  map,\n} from 'rxjs';\n\nimport {\n  DaffFormFieldComponent,\n  DaffFormFieldControl,\n} from '@daffodil/design';\n\n/**\n * DaffInputComponent provides the same functionality as a native `<input>` and contains custom styling and functionality.\n */\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'input[daff-input]',\n  template: '<ng-content></ng-content>',\n  styleUrl: './input.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    // eslint-disable-next-line @typescript-eslint/no-use-before-define\n    { provide: DaffFormFieldControl, useExisting: DaffInputComponent },\n  ],\n})\nexport class DaffInputComponent extends DaffFormFieldControl<string> implements DaffFormFieldControl<string>, OnInit, OnChanges {\n\n  /** @docs-private */\n  @HostBinding('class.daff-input') class = true;\n\n  /** @docs-private */\n  controlType = 'native-input';\n\n  /** @docs-private */\n  focused = false;\n\n  /** @docs-private */\n  @HostListener('focus') focus() {\n    this.focused = true;\n    this.emitState();\n\n  }\n\n  private _id = '';\n\n  /**\n   * @docs-private\n   */\n  @HostBinding('attr.id') get internalId() {\n    return this._id;\n  }\n\n  /**\n   * @docs-private\n   */\n  @HostBinding('attr.aria-describedby') get ariaDescribedBy() {\n    if(this.formField.hasErrorMessage()) {\n      return this.formField.errorMessageId;\n    } else if(this.formField.hasHint()) {\n      return this.formField.hintId;\n    } else {\n      return null;\n    }\n  }\n\n  /** @docs-private */\n  @HostListener('blur') blur() {\n    this.focused = false;\n    this.emitState();\n  }\n\n  constructor(\n    /** @docs-private */\n    @Optional() @Self() public ngControl: NgControl,\n    private _elementRef: ElementRef<HTMLInputElement>,\n    private formField: DaffFormFieldComponent,\n  ) {\n    super(ngControl);\n  }\n\n  /**\n   * @docs-private\n   */\n  ngOnChanges(changes: SimpleChanges) {\n    if (this.id || changes?.id.currentValue) {\n      this._id = changes.id.currentValue;\n    } else {\n      this._id = this.formField.id;\n    }\n  }\n\n  /** @docs-private */\n  ngOnInit() {\n    this.stateChanges = merge(\n      this._stateChanges.asObservable(),\n      this.ngControl ? this.ngControl.statusChanges : of(undefined),\n    ).pipe(\n      map(() => this.state),\n    );\n    this._id = this.id ?? this.formField.id;\n  }\n\n  /** @docs-private */\n  onFocus() {\n    this._elementRef.nativeElement.focus();\n  }\n\n  /** @docs-private */\n  get value() {\n    return this._elementRef.nativeElement.value;\n  }\n}\n","import { NgModule } from '@angular/core';\n\nimport { DaffInputComponent } from './input.component';\n\n/**\n * @deprecated in favor of standalone components. Deprecated in version 0.84.0. Will be removed in version 1.0.0.\n */\n@NgModule({\n  imports: [\n    DaffInputComponent,\n  ],\n  exports: [\n    DaffInputComponent,\n  ],\n})\nexport class DaffInputModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"daffodil-design-input.mjs","sources":["../../../libs/design/input/src/input.component.ts","../../../libs/design/input/src/input.module.ts","../../../libs/design/input/src/daffodil-design-input.ts"],"sourcesContent":["import {\n  Component,\n  Optional,\n  Self,\n  ElementRef,\n  HostListener,\n  ChangeDetectionStrategy,\n  HostBinding,\n  OnInit,\n} from '@angular/core';\nimport { NgControl } from '@angular/forms';\nimport {\n  merge,\n  of,\n  map,\n} from 'rxjs';\n\nimport {\n  DaffFormFieldComponent,\n  DaffFormFieldControl,\n} from '@daffodil/design';\n\n/**\n * DaffInputComponent provides the same functionality as a native `<input>` and contains custom styling and functionality.\n */\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'input[daff-input]',\n  template: '<ng-content></ng-content>',\n  styleUrl: './input.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    // eslint-disable-next-line @typescript-eslint/no-use-before-define\n    { provide: DaffFormFieldControl, useExisting: DaffInputComponent },\n  ],\n})\nexport class DaffInputComponent extends DaffFormFieldControl<string> implements DaffFormFieldControl<string>, OnInit {\n\n  /** @docs-private */\n  @HostBinding('class.daff-input') class = true;\n\n  /** @docs-private */\n  controlType = 'native-input';\n\n  /** @docs-private */\n  focused = false;\n\n  /** @docs-private */\n  @HostListener('focus') focus() {\n    this.focused = true;\n    this.emitState();\n\n  }\n\n  private get _id() {\n    return this.formField?.id;\n  };\n\n  /**\n   * @docs-private\n   */\n  @HostBinding('attr.id') get internalId() {\n    return this._id;\n  }\n\n  /**\n   * @docs-private\n   */\n  @HostBinding('attr.aria-describedby') get ariaDescribedBy() {\n    if(this.formField.hasErrorMessage()) {\n      return this.formField.errorMessageId;\n    } else if(this.formField.hasHint()) {\n      return this.formField.hintId;\n    } else {\n      return null;\n    }\n  }\n\n  /** @docs-private */\n  @HostListener('blur') blur() {\n    this.focused = false;\n    this.emitState();\n  }\n\n  constructor(\n    /** @docs-private */\n    @Optional() @Self() public ngControl: NgControl,\n    private _elementRef: ElementRef<HTMLInputElement>,\n    @Optional() private formField: DaffFormFieldComponent,\n  ) {\n    super(ngControl);\n\n    if(!this.formField) {\n      throw new Error('DaffInputComponent needs to be used with the DaffFormFieldComponent.');\n    }\n  }\n\n  /** @docs-private */\n  ngOnInit() {\n    this.stateChanges = merge(\n      this._stateChanges.asObservable(),\n      this.ngControl ? this.ngControl.statusChanges : of(undefined),\n    ).pipe(\n      map(() => this.state),\n    );\n  }\n\n  /** @docs-private */\n  onFocus() {\n    this._elementRef.nativeElement.focus();\n  }\n\n  /** @docs-private */\n  get value() {\n    return this._elementRef.nativeElement.value;\n  }\n}\n","import { NgModule } from '@angular/core';\n\nimport { DaffInputComponent } from './input.component';\n\n/**\n * @deprecated in favor of standalone components. Deprecated in version 0.84.0. Will be removed in version 1.0.0.\n */\n@NgModule({\n  imports: [\n    DaffInputComponent,\n  ],\n  exports: [\n    DaffInputComponent,\n  ],\n})\nexport class DaffInputModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/daffodil-design-media-gallery-examples.mjs

@@ -53,7 +53,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImpo
 
 class MediaGalleryWithVideoComponent {
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: MediaGalleryWithVideoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: MediaGalleryWithVideoComponent, isStandalone: true, selector: "media-gallery-with-video", ngImport: i0, template: "<daff-media-gallery>\n\t<ng-template \n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae\"\n\t\tlabel=\"Drink\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Drink\">\n\t\t<daff-image\n\t\tsrc=\"https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\talt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1584559582213-787a2953dcbe?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Fruits\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1584559582213-787a2953dcbe?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Fruits\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\t\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Lemons\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Lemons\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template daffThumbnail isVideo=\"true\">\n\t\t<daff-youtube-player [src]=\"'https://www.youtube.com/embed/bBQA7yy7EBU?si=gQcCoChmofSeO-vE_-' | daffYoutubeSafe\" width=\"560\" height=\"315\" title=\"Jazzy Lofi\">\t\t\t\t\t\n\t\t</daff-youtube-player>\n\t</ng-template>\n</daff-media-gallery>", dependencies: [{ kind: "component", type: i1.DaffMediaGalleryComponent, selector: "daff-media-gallery", inputs: ["id"], outputs: ["elementChange"] }, { kind: "directive", type: i1.DaffThumbnailDirective, selector: "[daffThumbnail]", inputs: ["thumbnailSrc", "label", "isVideo"] }, { kind: "component", type: i2.DaffImageComponent, selector: "daff-image", inputs: ["src", "alt", "width", "height"], outputs: ["load"] }, { kind: "component", type: i3.DaffYoutubePlayerComponent, selector: "daff-youtube-player", inputs: ["src", "title", "width", "height"] }, { kind: "pipe", type: i3.DaffYoutubeSafePipe, name: "daffYoutubeSafe" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: MediaGalleryWithVideoComponent, isStandalone: true, selector: "media-gallery-with-video", ngImport: i0, template: "<daff-media-gallery>\n\t<ng-template \n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae\"\n\t\tlabel=\"Drink\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Drink\">\n\t\t<daff-image\n\t\tsrc=\"https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\talt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1584559582213-787a2953dcbe?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Fruits\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1584559582213-787a2953dcbe?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Fruits\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\t\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Lemons\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Lemons\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template daffThumbnail thumbnailSrc=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Lemons\" [isVideo]=\"true\">\n\t\t<daff-youtube-player [src]=\"'https://www.youtube.com/embed/bBQA7yy7EBU?si=gQcCoChmofSeO-vE_-' | daffYoutubeSafe\" width=\"560\" height=\"315\" title=\"Jazzy Lofi\">\t\t\t\t\t\n\t\t</daff-youtube-player>\n\t</ng-template>\n</daff-media-gallery>", dependencies: [{ kind: "component", type: i1.DaffMediaGalleryComponent, selector: "daff-media-gallery", inputs: ["id"], outputs: ["elementChange"] }, { kind: "directive", type: i1.DaffThumbnailDirective, selector: "[daffThumbnail]", inputs: ["thumbnailSrc", "label", "isVideo"] }, { kind: "component", type: i2.DaffImageComponent, selector: "daff-image", inputs: ["src", "alt", "width", "height"], outputs: ["load"] }, { kind: "component", type: i3.DaffYoutubePlayerComponent, selector: "daff-youtube-player", inputs: ["src", "title", "width", "height"] }, { kind: "pipe", type: i3.DaffYoutubeSafePipe, name: "daffYoutubeSafe" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: MediaGalleryWithVideoComponent, decorators: [{
             type: Component,
@@ -61,7 +61,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImpo
                         DAFF_MEDIA_GALLERY_COMPONENTS,
                         DAFF_IMAGE_COMPONENTS,
                         DAFF_YOUTUBE_PLAYER_COMPONENTS,
-                    ], template: "<daff-media-gallery>\n\t<ng-template \n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae\"\n\t\tlabel=\"Drink\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Drink\">\n\t\t<daff-image\n\t\tsrc=\"https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\talt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1584559582213-787a2953dcbe?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Fruits\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1584559582213-787a2953dcbe?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Fruits\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\t\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Lemons\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Lemons\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template daffThumbnail isVideo=\"true\">\n\t\t<daff-youtube-player [src]=\"'https://www.youtube.com/embed/bBQA7yy7EBU?si=gQcCoChmofSeO-vE_-' | daffYoutubeSafe\" width=\"560\" height=\"315\" title=\"Jazzy Lofi\">\t\t\t\t\t\n\t\t</daff-youtube-player>\n\t</ng-template>\n</daff-media-gallery>" }]
+                    ], template: "<daff-media-gallery>\n\t<ng-template \n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae\"\n\t\tlabel=\"Drink\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Drink\">\n\t\t<daff-image\n\t\tsrc=\"https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\talt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1584559582213-787a2953dcbe?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Fruits\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1584559582213-787a2953dcbe?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Fruits\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\t\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Lemons\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Lemons\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template daffThumbnail thumbnailSrc=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Lemons\" [isVideo]=\"true\">\n\t\t<daff-youtube-player [src]=\"'https://www.youtube.com/embed/bBQA7yy7EBU?si=gQcCoChmofSeO-vE_-' | daffYoutubeSafe\" width=\"560\" height=\"315\" title=\"Jazzy Lofi\">\t\t\t\t\t\n\t\t</daff-youtube-player>\n\t</ng-template>\n</daff-media-gallery>" }]
         }] });
 
 class MismatchedSizesMediaGalleryComponent {