@daffodil/design 0.90.0 → 0.91.0

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

@@ -1 +1 @@
-{"version":3,"file":"daffodil-design-form-field.mjs","sources":["../../../libs/design/form-field/src/error-message/error-message.component.ts","../../../libs/design/form-field/src/action/action.directive.ts","../../../libs/design/form-field/src/form-field-control.ts","../../../libs/design/form-field/src/hint/hint.component.ts","../../../libs/design/form-field/src/label/label.directive.ts","../../../libs/design/form-field/src/form-field/form-field.component.ts","../../../libs/design/form-field/src/form-field/form-field.component.html","../../../libs/design/form-field/src/form-field.module.ts","../../../libs/design/form-field/src/form-field.ts","../../../libs/design/form-field/src/daffodil-design-form-field.ts"],"sourcesContent":["import {\n  Component,\n  ChangeDetectionStrategy,\n} from '@angular/core';\n\n@Component({\n  selector: 'daff-error-message',\n  template: '<ng-content></ng-content>',\n  styleUrls: ['./error-message.component.scss'],\n  host: {\n    class: 'daff-error-message',\n    'aria-live': 'polite',\n  },\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DaffErrorMessageComponent {}\n","import {\n  Directive,\n  HostBinding,\n} from '@angular/core';\n\n@Directive({\n  selector: '[daffFormFieldAction]',\n})\nexport class DaffFormFieldActionDirective {\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.daff-form-field-action') class = true;\n}\n","import { NgControl } from '@angular/forms';\nimport {\n  BehaviorSubject,\n  Observable,\n} from 'rxjs';\n\nimport { DaffFormFieldState } from './form-field-state';\n\n/**\n *\n * The class that a form control must **implement** in order to be\n * used with the DaffFormFieldComponent.\n *\n * You may ask: \"Why are you implementing an abstract class, not extending it?\"\n * We do this so that the Angular DI container can match the class token. A typical\n * interface would be \"more accurate\" here, but since interfaces don't exist\n * in javascript, they get thrown out by the typescript compiler and cannot\n * be used for the necessary dependency injection.\n */\nexport abstract class DaffFormFieldControl<T> {\n  abstract readonly controlType?: any;\n\n  readonly supportsAutoLabelling?: boolean = true;\n\n  abstract readonly focused: boolean;\n\n  abstract readonly required: boolean;\n\n  abstract readonly disabled: boolean;\n\n  readonly id?: string;\n\n  get raised() {\n    return this.focused;\n  };\n\n  abstract focus(event?: Event): void;\n\n  abstract readonly value: T;\n\n  constructor(public ngControl: NgControl | null) {\n  }\n\n  get state(): DaffFormFieldState {\n    return {\n      focused: this.focused,\n      filled: !!this.value,\n      disabled: this.ngControl?.disabled ?? this.disabled,\n      error: this.ngControl?.errors && (this.ngControl?.dirty || this.ngControl?.touched),\n      valid: !this.ngControl?.errors && this.ngControl?.dirty,\n    };\n  }\n\n  _stateChanges = new BehaviorSubject({\n    focused: false,\n    filled: false,\n    disabled: false,\n    error: false,\n    valid: true,\n  });\n\n  stateChanges: Observable<DaffFormFieldState>;\n\n  emitState(deferred = false) {\n    if(deferred) {\n      Promise.resolve().then(() => {\n        this._stateChanges.next(this.state);\n      });\n      return;\n    }\n\n    this._stateChanges.next(this.state);\n  }\n};\n","import {\n  Component,\n  ChangeDetectionStrategy,\n  HostBinding,\n  Input,\n} from '@angular/core';\n\n@Component({\n  selector: 'daff-hint',\n  template: '<ng-content></ng-content>',\n  styleUrls: ['./hint.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n})\nexport class DaffHintComponent {\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.daff-hint') class = true;\n\n  /**\n   * Displays a validated hint UI.\n   * */\n  @Input() @HostBinding('class.validated') validated = false;\n}\n","import { Directive } from '@angular/core';\n\n@Directive({\n  // eslint-disable-next-line @angular-eslint/directive-selector\n  selector: 'daff-form-label',\n})\nexport class DaffFormFieldLabelDirective {}\n","import { NgTemplateOutlet } from '@angular/common';\nimport {\n  Component,\n  ViewEncapsulation,\n  ContentChild,\n  AfterContentInit,\n  AfterContentChecked,\n  ChangeDetectorRef,\n  ChangeDetectionStrategy,\n  Input,\n  AfterViewInit,\n  isDevMode,\n  ElementRef,\n} from '@angular/core';\n\nimport {\n  DaffPrefixDirective,\n  DaffSuffixDirective,\n  DaffSkeletonableDirective,\n  DaffFormLabelDirective,\n} from '@daffodil/design';\n\nimport { DaffFormFieldActionDirective } from '../action/action.directive';\nimport { DaffErrorMessageComponent } from '../error-message/error-message.component';\nimport { DaffFormFieldControl } from '../form-field-control';\nimport { DaffHintComponent } from '../hint/hint.component';\nimport { DaffFormFieldLabelDirective } from '../label/label.directive';\n\nlet daffFormFieldId = 0;\n\nexport type DaffFormFieldApperanace = 'fluid' | 'fixed';\n\nenum DaffFormFieldApperanaceEnum {\n  Fluid = 'fluid',\n  Fixed = 'fixed',\n}\n\nexport const DaffFormFieldMissingControlMessage = 'A DaffFormFieldComponent must contain a DaffFormFieldControl';\n\n@Component({\n  selector: 'daff-form-field',\n  templateUrl: './form-field.component.html',\n  styleUrls: ['./form-field.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    NgTemplateOutlet,\n  ],\n  host: {\n    class: 'daff-form-field',\n    '[class.is-native-select]': 'isNativeSelect',\n    '[class.has-prefix]': '_prefix',\n    '[class.has-suffix]': '_suffix || action',\n    '[class.daff-error]': 'isError',\n    '[class.daff-disabled]': 'isDisabled',\n    '[class.daff-valid]': 'isValid',\n    '[class.daff-focused]': 'isFocused',\n    '[class.daff-raised]': 'isRaised',\n    '[class.fluid]': 'appearance === \"fluid\"',\n    '[class.fixed]': 'appearance === \"fixed\"',\n  },\n  hostDirectives: [\n    {\n      directive: DaffSkeletonableDirective,\n      inputs: ['skeleton'],\n    },\n  ],\n})\nexport class DaffFormFieldComponent implements AfterContentInit, AfterContentChecked, AfterViewInit {\n  /** @docs-private */\n  get isNativeSelect() {\n    return this._control.controlType === 'native-select';\n  }\n\n  constructor(private cd: ChangeDetectorRef, public elementRef: ElementRef) {}\n\n  /** @docs-private */\n  @ContentChild(DaffPrefixDirective) _prefix: DaffPrefixDirective;\n\n  /** @docs-private */\n  @ContentChild(DaffSuffixDirective) _suffix: DaffSuffixDirective;\n\n  /**\n   * @docs-private\n   *\n   * The child form control that the form field manages.\n   */\n  @ContentChild(DaffFormFieldControl) _control: DaffFormFieldControl<unknown>;\n\n  /**\n   * @docs-private\n   * @deprecated Deprecated in version 0.86.0. Will be removed in v1.0.0. Deprecated in version 0.89.0. Will be removed in version 0.92.0.\n   */\n  @ContentChild(DaffFormLabelDirective) _formLabelDirective: DaffFormLabelDirective;\n\n  /**\n   * @docs-private\n   */\n  @ContentChild(DaffFormFieldLabelDirective) _formFieldLabelDirective: DaffFormFieldLabelDirective;\n\n  /**\n   * @docs-private\n   */\n  @ContentChild(DaffFormFieldActionDirective) _action: DaffFormFieldActionDirective;\n\n  /**\n   * @docs-private\n   */\n  @ContentChild(DaffHintComponent) private _hint: DaffHintComponent;\n\n  /**\n   * @docs-private\n   */\n  @ContentChild(DaffErrorMessageComponent) private _error: DaffErrorMessageComponent;\n\n  /**\n   * @docs-private\n   *\n   * Tracking property to keep a record of whether or not the\n   * form field should be marked as error.\n   */\n  isError = false;\n\n  /**\n   * @docs-private\n   *\n   * Tracking property to keep a record of whether or not the\n   * form field contains any user input.\n   */\n  isFilled = false;\n\n  /**\n   * @docs-private\n   *\n   * Tracking property to keep a record of whether or not the\n   * form field should be marked as disabled.\n   */\n  isDisabled = false;\n\n  /**\n   * @docs-private\n   *\n   * Tracking property to keep a record of whether or not the\n   * form field should be marked as valid.\n   */\n  isValid = false;\n\n  /**\n   * @docs-private\n   *\n   * Determines whether or not the form field should display its focused state.\n   */\n  get isFocused() {\n    return this._control?.focused;\n  }\n\n  /**\n   * @docs-private\n   */\n  get isRaised() {\n    return this._control?.raised || this.isFilled;\n  }\n\n  private _appearance: DaffFormFieldApperanace = DaffFormFieldApperanaceEnum.Fluid;\n\n  /**\n   * The appearance style of a form field, whether the label is fluid or fixed.\n   */\n  @Input()\n  get appearance() {\n    return this._appearance;\n  }\n\n  set appearance(value: DaffFormFieldApperanace) {\n    if(value === null || value === undefined || <unknown>value === '') {\n      this._appearance = DaffFormFieldApperanaceEnum.Fluid;\n    } else {\n      this._appearance = value;\n    }\n  };\n\n  /**\n   * @docs-private\n   */\n  get isFixed() {\n    return this._appearance === DaffFormFieldApperanaceEnum.Fixed;\n  }\n\n  /**\n   * The unique id of the form field. Defaults to an autogenerated value. When using this,\n   * it's your responsibility to ensure that the id for each form field is unique.\n   *\n   * It gets assigned to the `for` attribute on the `<label>` inside of the form field.\n   */\n  @Input() id = 'daff-form-field-' + ++daffFormFieldId;\n\n  /**\n   * @docs-private\n   */\n  hasHint() {\n    return this._hint ? true : false;\n  }\n\n  /**\n   * @docs-private\n   */\n  hintId = this.id + '-hint';\n\n  /**\n   * @docs-private\n   */\n  hasErrorMessage() {\n    return this._error ? true : false;\n  }\n\n  /**\n   * @docs-private\n   */\n  errorMessageId = this.id + '-error';\n\n  /**\n   * @docs-private\n   */\n  get autoLabelId() {\n    return this._control.supportsAutoLabelling ? this.id : null;\n  }\n\n  /**\n   * @docs-private\n   */\n  get customId() {\n    return this._control.supportsAutoLabelling ? null : this.id;\n  }\n\n  /**\n   * @docs-private\n   *\n   * Displays a console warning if the `DaffFormFieldLabelDirective` is not used on controls (native HTML control elements) that support auto-labelling.\n   */\n  ngAfterViewInit() {\n    if (isDevMode()) {\n      if (!this._formFieldLabelDirective && this._control.supportsAutoLabelling && !(this._control.id)) {\n        console.warn(\n          `Accessibility Warning: The form field with id \"${this.id}\" uses a control that supports auto-labelling, but no <daff-form-label> component was found.\\n\\n` +\n          `1. Add a <daff-form-label> component (recommended)\\n` +\n          `2. OR manually set an 'id' on your input and matching 'for' attribute on your <label>.\\n\\n` +\n          `Why this matters: Proper labelling ensures assistive technologies can identify form fields correctly.`,\n        );\n      }\n\n      if(this._suffix && this._action && !this.isFixed) {\n        console.warn(\n          `UI consideration for form field with id \"${this.id}\":\\n\\n` + `In a fluid appearance, avoid using suffix alongside an action.`,\n        );\n      };\n    }\n  }\n\n  /**\n   * Validates whether or not the form field is in a \"usable\" state.\n   */\n  private _validateFormControl() {\n    if (!this._control) {\n      throw new Error(DaffFormFieldMissingControlMessage);\n    }\n  }\n\n  /**\n   * @docs-private\n   *\n   * Lifecycle hook to verify that the form field has an acceptable\n   * child control instance. Mostly useful for development-time\n   * validation of usage.\n   */\n  ngAfterContentInit() {\n    this._validateFormControl();\n\n    this._control.stateChanges?.subscribe(({ focused, filled, disabled, error, valid }) => {\n      this.isFilled = filled;\n      this.isError = error;\n      this.isDisabled = disabled;\n      this.isValid = valid;\n\n      this.cd.markForCheck();\n    });\n  }\n\n  /**\n   * @docs-private\n   *\n   * Lifecycle hook to verify that the form field has an acceptable\n   * child control instance. Mostly useful for development-time\n   * validation of usage.\n   */\n  ngAfterContentChecked() {\n    this._validateFormControl();\n  }\n}\n","<ng-content />\n\n@if (isFixed) {\n  <ng-container *ngTemplateOutlet=\"labelTemplate\"></ng-container>\n}\n<div class=\"daff-form-field__wrapper\">\n\t<div class=\"daff-form-field__control\">\n\t\t@if (_prefix) {\n\t\t\t<ng-content select=\"[daffPrefix]\"></ng-content>\n\t\t}\n\t\t<div class=\"daff-form-field__inner\">\n\t\t\t@if (!isFixed) {\n\t\t\t\t<ng-container *ngTemplateOutlet=\"labelTemplate\"></ng-container>\n\t\t\t}\n\t\t\t<ng-content></ng-content>\n\t\t</div>\n\t\t@if (_suffix) {\n\t\t\t<ng-content select=\"[daffSuffix]\"></ng-content>\n\t\t}\n\t\t@if (_action && !isFixed) {\n\t\t\t<ng-container *ngTemplateOutlet=\"actionTemplate\"></ng-container>\n\t\t}\n\t</div>\n\t@if ((_action && isFixed)) {\n\t\t<ng-container *ngTemplateOutlet=\"actionTemplate\"></ng-container>\n\t}\n</div>\n@if (hasHint()) {\n\t<div\n\t\tclass=\"daff-form-field__hint-wrapper\"\n\t\t[id]=\"hintId\">\n\t\t<ng-content select=\"daff-hint\"></ng-content>\n\t</div>\n}\n@if (hasErrorMessage()) {\n\t<div\n\t\tclass=\"daff-form-field__error-wrapper\"\n\t\t[id]=\"errorMessageId\">\n\t\t<ng-content select=\"daff-error-message\"></ng-content>\n\t</div>\n}\n\n<ng-template #actionTemplate>\n\t<ng-content select=\"[daffFormFieldAction]\"></ng-content>\n</ng-template>\n\n<ng-template #labelTemplate>\n  @if (_formLabelDirective) {\n    <ng-content select=\"label[daffFormLabel]\"></ng-content>\n  } @else if(_formFieldLabelDirective) {\n    <label class=\"daff-form-field__label\"\n      [attr.for]=\"autoLabelId\"\n      [attr.id]=\"customId\">\n      <ng-content select=\"daff-form-label\"></ng-content>\n\t\t\t@if (_control.required) {\n\t\t\t<span aria-hidden=\"true\">*</span>\n\t\t\t}\n    </label>\n  } @else {\n    <ng-content select=\"label\"></ng-content>\n  }\n</ng-template>","import { NgModule } from '@angular/core';\n\nimport { DaffFormLabelModule } from '@daffodil/design';\n\nimport { DaffErrorMessageComponent } from './error-message/error-message.component';\nimport { DaffFormFieldComponent } from './form-field/form-field.component';\nimport { DaffHintComponent } from './hint/hint.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    DaffFormFieldComponent,\n    DaffErrorMessageComponent,\n    DaffHintComponent,\n    DaffFormLabelModule,\n  ],\n  exports: [\n    DaffFormFieldComponent,\n    DaffErrorMessageComponent,\n    DaffHintComponent,\n    DaffFormLabelModule,\n  ],\n})\nexport class DaffFormFieldModule { }\n","import {\n  DaffPrefixDirective,\n  DaffSuffixDirective,\n  DaffFormLabelDirective,\n} from '@daffodil/design';\n\nimport { DaffFormFieldActionDirective } from './action/action.directive';\nimport { DaffErrorMessageComponent } from './error-message/error-message.component';\nimport { DaffFormFieldComponent } from './form-field/form-field.component';\nimport { DaffHintComponent } from './hint/hint.component';\nimport { DaffFormFieldLabelDirective } from './label/label.directive';\n\n/**\n * @docs-private\n */\nexport const DAFF_FORM_FIELD_COMPONENTS = <const> [\n  DaffFormFieldComponent,\n  DaffErrorMessageComponent,\n  DaffFormLabelDirective,\n  DaffHintComponent,\n  DaffPrefixDirective,\n  DaffSuffixDirective,\n  DaffFormFieldLabelDirective,\n  DaffFormFieldActionDirective,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAea,yBAAyB,CAAA;iIAAzB,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAzB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,yBAAyB,qKAR1B,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,2DAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAQ1B,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAVrC,SAAS;+BACE,oBAAoB,EAAA,QAAA,EACpB,2BAA2B,EAAA,IAAA,EAE/B;AACJ,wBAAA,KAAK,EAAE,oBAAoB;AAC3B,wBAAA,WAAW,EAAE,QAAQ;qBACtB,EAAA,eAAA,EACgB,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,2DAAA,CAAA,EAAA;;;MCLpC,4BAA4B,CAAA;AAHzC,IAAA,WAAA,GAAA;AAIE;;AAEG;QAC0C,IAAA,CAAA,KAAK,GAAG,IAAI;AAC1D,IAAA;iIALY,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;qHAA5B,4BAA4B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,8BAAA,EAAA,YAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAA5B,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBAHxC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,uBAAuB;AAClC,iBAAA;8BAK8C,KAAK,EAAA,CAAA;sBAAjD,WAAW;uBAAC,8BAA8B;;;ACJ7C;;;;;;;;;;AAUG;MACmB,oBAAoB,CAAA;AAaxC,IAAA,IAAI,MAAM,GAAA;QACR,OAAO,IAAI,CAAC,OAAO;IACrB;;AAMA,IAAA,WAAA,CAAmB,SAA2B,EAAA;QAA3B,IAAA,CAAA,SAAS,GAAT,SAAS;QAlBnB,IAAA,CAAA,qBAAqB,GAAa,IAAI;QA+B/C,IAAA,CAAA,aAAa,GAAG,IAAI,eAAe,CAAC;AAClC,YAAA,OAAO,EAAE,KAAK;AACd,YAAA,MAAM,EAAE,KAAK;AACb,YAAA,QAAQ,EAAE,KAAK;AACf,YAAA,KAAK,EAAE,KAAK;AACZ,YAAA,KAAK,EAAE,IAAI;AACZ,SAAA,CAAC;IAlBF;AAEA,IAAA,IAAI,KAAK,GAAA;QACP,OAAO;YACL,OAAO,EAAE,IAAI,CAAC,OAAO;AACrB,YAAA,MAAM,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK;YACpB,QAAQ,EAAE,IAAI,CAAC,SAAS,EAAE,QAAQ,IAAI,IAAI,CAAC,QAAQ;AACnD,YAAA,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC,SAAS,EAAE,KAAK,IAAI,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;AACnF,YAAA,KAAK,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,MAAM,IAAI,IAAI,CAAC,SAAS,EAAE,KAAK;SACxD;IACH;IAYA,SAAS,CAAC,QAAQ,GAAG,KAAK,EAAA;QACxB,IAAG,QAAQ,EAAE;AACX,YAAA,OAAO,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,MAAK;gBAC1B,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;AACrC,YAAA,CAAC,CAAC;YACF;QACF;QAEA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;IACrC;AACD;AAAA;;MC3DY,iBAAiB,CAAA;AAP9B,IAAA,WAAA,GAAA;AAQE;;AAEG;QAC6B,IAAA,CAAA,KAAK,GAAG,IAAI;AAE5C;;AAEK;QACoC,IAAA,CAAA,SAAS,GAAG,KAAK;AAC3D,IAAA;iIAVY,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,yMALlB,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,qEAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAK1B,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAP7B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,WAAW,YACX,2BAA2B,EAAA,eAAA,EAEpB,uBAAuB,CAAC,MAAM,cACnC,IAAI,EAAA,MAAA,EAAA,CAAA,qEAAA,CAAA,EAAA;8BAMgB,KAAK,EAAA,CAAA;sBAApC,WAAW;uBAAC,iBAAiB;gBAKW,SAAS,EAAA,CAAA;sBAAjD;;sBAAS,WAAW;uBAAC,iBAAiB;;;MCjB5B,2BAA2B,CAAA;iIAA3B,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;qHAA3B,2BAA2B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAA3B,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAJvC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;;AAET,oBAAA,QAAQ,EAAE,iBAAiB;AAC5B,iBAAA;;;ACuBD,IAAI,eAAe,GAAG,CAAC;AAIvB,IAAK,2BAGJ;AAHD,CAAA,UAAK,2BAA2B,EAAA;AAC9B,IAAA,2BAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACf,IAAA,2BAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACjB,CAAC,EAHI,2BAA2B,KAA3B,2BAA2B,GAAA,EAAA,CAAA,CAAA;AAKzB,MAAM,kCAAkC,GAAG,8DAA8D;MA+BnG,sBAAsB,CAAA;;AAEjC,IAAA,IAAI,cAAc,GAAA;AAChB,QAAA,OAAO,IAAI,CAAC,QAAQ,CAAC,WAAW,KAAK,eAAe;IACtD;IAEA,WAAA,CAAoB,EAAqB,EAAS,UAAsB,EAAA;QAApD,IAAA,CAAA,EAAE,GAAF,EAAE;QAA4B,IAAA,CAAA,UAAU,GAAV,UAAU;AAyC5D;;;;;AAKG;QACH,IAAA,CAAA,OAAO,GAAG,KAAK;AAEf;;;;;AAKG;QACH,IAAA,CAAA,QAAQ,GAAG,KAAK;AAEhB;;;;;AAKG;QACH,IAAA,CAAA,UAAU,GAAG,KAAK;AAElB;;;;;AAKG;QACH,IAAA,CAAA,OAAO,GAAG,KAAK;AAkBP,QAAA,IAAA,CAAA,WAAW,GAA4B,2BAA2B,CAAC,KAAK;AAyBhF;;;;;AAKG;AACM,QAAA,IAAA,CAAA,EAAE,GAAG,kBAAkB,GAAG,EAAE,eAAe;AASpD;;AAEG;AACH,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,CAAC,EAAE,GAAG,OAAO;AAS1B;;AAEG;AACH,QAAA,IAAA,CAAA,cAAc,GAAG,IAAI,CAAC,EAAE,GAAG,QAAQ;IAhJwC;AAyE3E;;;;AAIG;AACH,IAAA,IAAI,SAAS,GAAA;AACX,QAAA,OAAO,IAAI,CAAC,QAAQ,EAAE,OAAO;IAC/B;AAEA;;AAEG;AACH,IAAA,IAAI,QAAQ,GAAA;QACV,OAAO,IAAI,CAAC,QAAQ,EAAE,MAAM,IAAI,IAAI,CAAC,QAAQ;IAC/C;AAIA;;AAEG;AACH,IAAA,IACI,UAAU,GAAA;QACZ,OAAO,IAAI,CAAC,WAAW;IACzB;IAEA,IAAI,UAAU,CAAC,KAA8B,EAAA;AAC3C,QAAA,IAAG,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,IAAa,KAAK,KAAK,EAAE,EAAE;AACjE,YAAA,IAAI,CAAC,WAAW,GAAG,2BAA2B,CAAC,KAAK;QACtD;aAAO;AACL,YAAA,IAAI,CAAC,WAAW,GAAG,KAAK;QAC1B;IACF;;AAEA;;AAEG;AACH,IAAA,IAAI,OAAO,GAAA;AACT,QAAA,OAAO,IAAI,CAAC,WAAW,KAAK,2BAA2B,CAAC,KAAK;IAC/D;AAUA;;AAEG;IACH,OAAO,GAAA;QACL,OAAO,IAAI,CAAC,KAAK,GAAG,IAAI,GAAG,KAAK;IAClC;AAOA;;AAEG;IACH,eAAe,GAAA;QACb,OAAO,IAAI,CAAC,MAAM,GAAG,IAAI,GAAG,KAAK;IACnC;AAOA;;AAEG;AACH,IAAA,IAAI,WAAW,GAAA;AACb,QAAA,OAAO,IAAI,CAAC,QAAQ,CAAC,qBAAqB,GAAG,IAAI,CAAC,EAAE,GAAG,IAAI;IAC7D;AAEA;;AAEG;AACH,IAAA,IAAI,QAAQ,GAAA;AACV,QAAA,OAAO,IAAI,CAAC,QAAQ,CAAC,qBAAqB,GAAG,IAAI,GAAG,IAAI,CAAC,EAAE;IAC7D;AAEA;;;;AAIG;IACH,eAAe,GAAA;QACb,IAAI,SAAS,EAAE,EAAE;YACf,IAAI,CAAC,IAAI,CAAC,wBAAwB,IAAI,IAAI,CAAC,QAAQ,CAAC,qBAAqB,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE;AAChG,gBAAA,OAAO,CAAC,IAAI,CACV,kDAAkD,IAAI,CAAC,EAAE,CAAA,gGAAA,CAAkG;oBAC3J,CAAA,oDAAA,CAAsD;oBACtD,CAAA,0FAAA,CAA4F;AAC5F,oBAAA,CAAA,qGAAA,CAAuG,CACxG;YACH;AAEA,YAAA,IAAG,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;gBAChD,OAAO,CAAC,IAAI,CACV,CAAA,yCAAA,EAA4C,IAAI,CAAC,EAAE,CAAA,MAAA,CAAQ,GAAG,CAAA,8DAAA,CAAgE,CAC/H;YACH;YAAC;QACH;IACF;AAEA;;AAEG;IACK,oBAAoB,GAAA;AAC1B,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;AAClB,YAAA,MAAM,IAAI,KAAK,CAAC,kCAAkC,CAAC;QACrD;IACF;AAEA;;;;;;AAMG;IACH,kBAAkB,GAAA;QAChB,IAAI,CAAC,oBAAoB,EAAE;QAE3B,IAAI,CAAC,QAAQ,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,KAAI;AACpF,YAAA,IAAI,CAAC,QAAQ,GAAG,MAAM;AACtB,YAAA,IAAI,CAAC,OAAO,GAAG,KAAK;AACpB,YAAA,IAAI,CAAC,UAAU,GAAG,QAAQ;AAC1B,YAAA,IAAI,CAAC,OAAO,GAAG,KAAK;AAEpB,YAAA,IAAI,CAAC,EAAE,CAAC,YAAY,EAAE;AACxB,QAAA,CAAC,CAAC;IACJ;AAEA;;;;;;AAMG;IACH,qBAAqB,GAAA;QACnB,IAAI,CAAC,oBAAoB,EAAE;IAC7B;iIApOW,sBAAsB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAtB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,8kBASnB,mBAAmB,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,SAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAGnB,mBAAmB,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAOnB,oBAAoB,sFAMpB,sBAAsB,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,0BAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAKtB,2BAA2B,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,SAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAK3B,4BAA4B,wEAK5B,iBAAiB,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,QAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAKjB,yBAAyB,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,yBAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECjHzC,+uDA6Dc,66GDfV,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAsBP,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBA7BlC,SAAS;+BACE,iBAAiB,EAAA,aAAA,EAGZ,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC;wBACP,gBAAgB;qBACjB,EAAA,IAAA,EACK;AACJ,wBAAA,KAAK,EAAE,iBAAiB;AACxB,wBAAA,0BAA0B,EAAE,gBAAgB;AAC5C,wBAAA,oBAAoB,EAAE,SAAS;AAC/B,wBAAA,oBAAoB,EAAE,mBAAmB;AACzC,wBAAA,oBAAoB,EAAE,SAAS;AAC/B,wBAAA,uBAAuB,EAAE,YAAY;AACrC,wBAAA,oBAAoB,EAAE,SAAS;AAC/B,wBAAA,sBAAsB,EAAE,WAAW;AACnC,wBAAA,qBAAqB,EAAE,UAAU;AACjC,wBAAA,eAAe,EAAE,wBAAwB;AACzC,wBAAA,eAAe,EAAE,wBAAwB;qBAC1C,EAAA,cAAA,EACe;AACd,wBAAA;AACE,4BAAA,SAAS,EAAE,yBAAyB;4BACpC,MAAM,EAAE,CAAC,UAAU,CAAC;AACrB,yBAAA;AACF,qBAAA,EAAA,QAAA,EAAA,+uDAAA,EAAA,MAAA,EAAA,CAAA,q3GAAA,CAAA,EAAA;+GAWkC,OAAO,EAAA,CAAA;sBAAzC,YAAY;uBAAC,mBAAmB;gBAGE,OAAO,EAAA,CAAA;sBAAzC,YAAY;uBAAC,mBAAmB;gBAOG,QAAQ,EAAA,CAAA;sBAA3C,YAAY;uBAAC,oBAAoB;gBAMI,mBAAmB,EAAA,CAAA;sBAAxD,YAAY;uBAAC,sBAAsB;gBAKO,wBAAwB,EAAA,CAAA;sBAAlE,YAAY;uBAAC,2BAA2B;gBAKG,OAAO,EAAA,CAAA;sBAAlD,YAAY;uBAAC,4BAA4B;gBAKD,KAAK,EAAA,CAAA;sBAA7C,YAAY;uBAAC,iBAAiB;gBAKkB,MAAM,EAAA,CAAA;sBAAtD,YAAY;uBAAC,yBAAyB;gBAwDnC,UAAU,EAAA,CAAA;sBADb;gBA0BQ,EAAE,EAAA,CAAA;sBAAV;;;AE1LH;;AAEG;MAeU,mBAAmB,CAAA;iIAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAnB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,YAZ5B,sBAAsB;YACtB,yBAAyB;YACzB,iBAAiB;AACjB,YAAA,mBAAmB,aAGnB,sBAAsB;YACtB,yBAAyB;YACzB,iBAAiB;YACjB,mBAAmB,CAAA,EAAA,CAAA,CAAA;kIAGV,mBAAmB,EAAA,OAAA,EAAA,CAT5B,mBAAmB,EAMnB,mBAAmB,CAAA,EAAA,CAAA,CAAA;;2FAGV,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAd/B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE;wBACP,sBAAsB;wBACtB,yBAAyB;wBACzB,iBAAiB;wBACjB,mBAAmB;AACpB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,sBAAsB;wBACtB,yBAAyB;wBACzB,iBAAiB;wBACjB,mBAAmB;AACpB,qBAAA;AACF,iBAAA;;;ACZD;;AAEG;AACI,MAAM,0BAA0B,GAAW;IAChD,sBAAsB;IACtB,yBAAyB;IACzB,sBAAsB;IACtB,iBAAiB;IACjB,mBAAmB;IACnB,mBAAmB;IACnB,2BAA2B;IAC3B,4BAA4B;;;ACvB9B;;AAEG;;;;"}
+{"version":3,"file":"daffodil-design-form-field.mjs","sources":["../../../libs/design/form-field/src/action/action.directive.ts","../../../libs/design/form-field/src/form-field-control.ts","../../../libs/design/form-field/src/form-field/form-field.component.ts","../../../libs/design/form-field/src/form-field/form-field.component.html","../../../libs/design/form-field/src/form-field.module.ts","../../../libs/design/form-field/src/form-field.ts","../../../libs/design/form-field/src/daffodil-design-form-field.ts"],"sourcesContent":["import {\n  Directive,\n  HostBinding,\n} from '@angular/core';\n\n@Directive({\n  selector: '[daffFormFieldAction]',\n})\nexport class DaffFormFieldActionDirective {\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.daff-form-field-action') class = true;\n}\n","import { NgControl } from '@angular/forms';\nimport {\n  BehaviorSubject,\n  Observable,\n} from 'rxjs';\n\nimport { DaffFormFieldState } from './form-field-state';\n\n/**\n * An abstract class that form controls must implement to be used with the DaffFormFieldComponent.\n *\n * > **Note**\n * > This is an abstract class instead of an interface to support Angular's dependency injection. Interfaces are erased during TypeScript compilation and cannot be used as DI tokens.\n *\n * > By using an abstract class, the Angular DI container can match the class token for injection.\n */\nexport abstract class DaffFormFieldControl<T> {\n  /**\n   * The type of the control (e.g., 'input', 'select', 'textarea').\n   * Used to apply control-specific styling or behavior.\n   */\n  abstract readonly controlType?: any;\n\n  /**\n   * Whether the control supports automatic label behavior.\n   * When `true`, the form field will associate the label with the control using `for` and `id` attributes.\n   *\n   * Defaults to `true`.\n   */\n  readonly supportsAutoLabelling?: boolean = true;\n\n  /**\n   * Whether the control currently has focus.\n   */\n  abstract readonly focused: boolean;\n\n  /**\n   * Whether the control is required for form validation.\n   */\n  abstract readonly required: boolean;\n\n  /**\n   * Whether the control is disabled.\n   */\n  abstract readonly disabled: boolean;\n\n  /**\n   * The unique identifier for the control element.\n   */\n  readonly id?: string;\n\n  /**\n   * Whether the label should be in the raised position.\n   * By default, matches the focused state.\n   */\n  get raised() {\n    return this.focused;\n  };\n\n  /**\n   * Sets focus on the control.\n   *\n   * @param event - Optional event that triggers the focus.\n   */\n  abstract focus(event?: Event): void;\n\n  /**\n   * The current value of the control.\n   */\n  abstract readonly value: T;\n\n  constructor(public ngControl: NgControl | null) {}\n\n  /**\n   * Computes the current state of the form field control.\n   * Combines control properties and form validation state.\n   */\n  get state(): DaffFormFieldState {\n    return {\n      focused: this.focused,\n      filled: !!this.value,\n      disabled: this.ngControl?.disabled ?? this.disabled,\n      error: this.ngControl?.errors && (this.ngControl?.dirty || this.ngControl?.touched),\n      valid: !this.ngControl?.errors && this.ngControl?.dirty,\n    };\n  }\n\n  _stateChanges = new BehaviorSubject({\n    focused: false,\n    filled: false,\n    disabled: false,\n    error: false,\n    valid: true,\n  });\n\n  /**\n   * Observable stream of state changes for the form field control.\n   */\n  stateChanges: Observable<DaffFormFieldState>;\n\n  /**\n   * Emits the current state.\n   */\n  emitState(deferred = false) {\n    if(deferred) {\n      Promise.resolve().then(() => {\n        this._stateChanges.next(this.state);\n      });\n      return;\n    }\n\n    this._stateChanges.next(this.state);\n  }\n};\n","import { NgTemplateOutlet } from '@angular/common';\nimport {\n  Component,\n  ViewEncapsulation,\n  ContentChild,\n  AfterContentInit,\n  AfterContentChecked,\n  ChangeDetectorRef,\n  ChangeDetectionStrategy,\n  Input,\n  AfterViewInit,\n  isDevMode,\n  ElementRef,\n} from '@angular/core';\n\nimport {\n  DaffPrefixDirective,\n  DaffSuffixDirective,\n  DaffSkeletonableDirective,\n  DaffFormLabelDirective,\n} from '@daffodil/design';\nimport {\n  DaffErrorMessageComponent,\n  DaffHintComponent,\n  DaffFormFieldLabelDirective,\n} from '@daffodil/design/form';\n\nimport { DaffFormFieldActionDirective } from '../action/action.directive';\nimport { DaffFormFieldControl } from '../form-field-control';\n\nlet daffFormFieldId = 0;\n\nexport type DaffFormFieldApperanace = 'fluid' | 'fixed';\n\nenum DaffFormFieldApperanaceEnum {\n  Fluid = 'fluid',\n  Fixed = 'fixed',\n}\n\nexport const DaffFormFieldMissingControlMessage = 'A DaffFormFieldComponent must contain a DaffFormFieldControl';\n\n@Component({\n  selector: 'daff-form-field',\n  templateUrl: './form-field.component.html',\n  styleUrls: ['./form-field.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    NgTemplateOutlet,\n  ],\n  host: {\n    class: 'daff-form-field',\n    '[class.is-native-select]': 'isNativeSelect',\n    '[class.has-prefix]': '_prefix',\n    '[class.has-suffix]': '_suffix || action',\n    '[class.daff-error]': 'isError',\n    '[class.daff-disabled]': 'isDisabled',\n    '[class.daff-valid]': 'isValid',\n    '[class.daff-focused]': 'isFocused',\n    '[class.daff-raised]': 'isRaised',\n    '[class.fluid]': 'appearance === \"fluid\"',\n    '[class.fixed]': 'appearance === \"fixed\"',\n  },\n  hostDirectives: [\n    {\n      directive: DaffSkeletonableDirective,\n      inputs: ['skeleton'],\n    },\n  ],\n})\nexport class DaffFormFieldComponent implements AfterContentInit, AfterContentChecked, AfterViewInit {\n  /** @docs-private */\n  get isNativeSelect() {\n    return this._control.controlType === 'native-select';\n  }\n\n  constructor(private cd: ChangeDetectorRef, public elementRef: ElementRef) {}\n\n  /** @docs-private */\n  @ContentChild(DaffPrefixDirective) _prefix: DaffPrefixDirective;\n\n  /** @docs-private */\n  @ContentChild(DaffSuffixDirective) _suffix: DaffSuffixDirective;\n\n  /**\n   * @docs-private\n   *\n   * The child form control that the form field manages.\n   */\n  @ContentChild(DaffFormFieldControl) _control: DaffFormFieldControl<unknown>;\n\n  /**\n   * @docs-private\n   * @deprecated Deprecated in version 0.86.0. Will be removed in v1.0.0. Deprecated in version 0.89.0. Will be removed in version 0.92.0.\n   */\n  @ContentChild(DaffFormLabelDirective) _formLabelDirective: DaffFormLabelDirective;\n\n  /**\n   * @docs-private\n   */\n  @ContentChild(DaffFormFieldLabelDirective) _formFieldLabelDirective: DaffFormFieldLabelDirective;\n\n  /**\n   * @docs-private\n   */\n  @ContentChild(DaffFormFieldActionDirective) _action: DaffFormFieldActionDirective;\n\n  /**\n   * @docs-private\n   */\n  @ContentChild(DaffHintComponent) private _hint: DaffHintComponent;\n\n  /**\n   * @docs-private\n   */\n  @ContentChild(DaffErrorMessageComponent) private _error: DaffErrorMessageComponent;\n\n  /**\n   * @docs-private\n   *\n   * Tracking property to keep a record of whether or not the\n   * form field should be marked as error.\n   */\n  isError = false;\n\n  /**\n   * @docs-private\n   *\n   * Tracking property to keep a record of whether or not the\n   * form field contains any user input.\n   */\n  isFilled = false;\n\n  /**\n   * @docs-private\n   *\n   * Tracking property to keep a record of whether or not the\n   * form field should be marked as disabled.\n   */\n  isDisabled = false;\n\n  /**\n   * @docs-private\n   *\n   * Tracking property to keep a record of whether or not the\n   * form field should be marked as valid.\n   */\n  isValid = false;\n\n  /**\n   * @docs-private\n   *\n   * Determines whether or not the form field should display its focused state.\n   */\n  get isFocused() {\n    return this._control?.focused;\n  }\n\n  /**\n   * @docs-private\n   */\n  get isRaised() {\n    return this._control?.raised || this.isFilled;\n  }\n\n  private _appearance: DaffFormFieldApperanace = DaffFormFieldApperanaceEnum.Fluid;\n\n  /**\n   * The appearance style of a form field, whether the label is `fluid` or `fixed`.\n   */\n  @Input()\n  get appearance() {\n    return this._appearance;\n  }\n\n  set appearance(value: DaffFormFieldApperanace) {\n    if(value === null || value === undefined || <unknown>value === '') {\n      this._appearance = DaffFormFieldApperanaceEnum.Fluid;\n    } else {\n      this._appearance = value;\n    }\n  };\n\n  /**\n   * @docs-private\n   */\n  get isFixed() {\n    return this._appearance === DaffFormFieldApperanaceEnum.Fixed;\n  }\n\n  /**\n   * The unique id of the form field. Defaults to an autogenerated value. When using this,\n   * it's your responsibility to ensure that the id for each form field is unique.\n   *\n   * It gets assigned to the `for` attribute on the `<label>` inside of the form field.\n   */\n  @Input() id = 'daff-form-field-' + ++daffFormFieldId;\n\n  /**\n   * @docs-private\n   */\n  hasHint() {\n    return this._hint ? true : false;\n  }\n\n  /**\n   * @docs-private\n   */\n  hintId = this.id + '-hint';\n\n  /**\n   * @docs-private\n   */\n  hasErrorMessage() {\n    return this._error ? true : false;\n  }\n\n  /**\n   * @docs-private\n   */\n  errorMessageId = this.id + '-error';\n\n  /**\n   * @docs-private\n   */\n  get autoLabelId() {\n    return this._control.supportsAutoLabelling ? this.id : null;\n  }\n\n  /**\n   * @docs-private\n   */\n  get customId() {\n    return this._control.supportsAutoLabelling ? null : this.id;\n  }\n\n  /**\n   * @docs-private\n   *\n   * Displays a console warning if the `DaffFormFieldLabelDirective` is not used on controls (native HTML control elements) that support auto-labelling.\n   */\n  ngAfterViewInit() {\n    if (isDevMode()) {\n      if (!this._formFieldLabelDirective && this._control.supportsAutoLabelling && !(this._control.id)) {\n        console.warn(\n          `Accessibility Warning: The form field with id \"${this.id}\" uses a control that supports auto-labelling, but no <daff-form-label> component was found.\\n\\n` +\n          `1. Add a <daff-form-label> component (recommended)\\n` +\n          `2. OR manually set an 'id' on your input and matching 'for' attribute on your <label>.\\n\\n` +\n          `Why this matters: Proper labelling ensures assistive technologies can identify form fields correctly.`,\n        );\n      }\n\n      if(this._suffix && this._action && !this.isFixed) {\n        console.warn(\n          `UI consideration for form field with id \"${this.id}\":\\n\\n` + `In a fluid appearance, avoid using suffix alongside an action.`,\n        );\n      };\n    }\n  }\n\n  /**\n   * Validates whether or not the form field is in a \"usable\" state.\n   */\n  private _validateFormControl() {\n    if (!this._control) {\n      throw new Error(DaffFormFieldMissingControlMessage);\n    }\n  }\n\n  /**\n   * @docs-private\n   *\n   * Lifecycle hook to verify that the form field has an acceptable\n   * child control instance. Mostly useful for development-time\n   * validation of usage.\n   */\n  ngAfterContentInit() {\n    this._validateFormControl();\n\n    this._control.stateChanges?.subscribe(({ focused, filled, disabled, error, valid }) => {\n      this.isFilled = filled;\n      this.isError = error;\n      this.isDisabled = disabled;\n      this.isValid = valid;\n\n      this.cd.markForCheck();\n    });\n  }\n\n  /**\n   * @docs-private\n   *\n   * Lifecycle hook to verify that the form field has an acceptable\n   * child control instance. Mostly useful for development-time\n   * validation of usage.\n   */\n  ngAfterContentChecked() {\n    this._validateFormControl();\n  }\n}\n","<ng-content />\n\n@if (isFixed) {\n  <ng-container *ngTemplateOutlet=\"labelTemplate\"></ng-container>\n}\n<div class=\"daff-form-field__wrapper\">\n\t<div class=\"daff-form-field__control\">\n\t\t@if (_prefix) {\n\t\t\t<ng-content select=\"[daffPrefix]\"></ng-content>\n\t\t}\n\t\t<div class=\"daff-form-field__inner\">\n\t\t\t@if (!isFixed) {\n\t\t\t\t<ng-container *ngTemplateOutlet=\"labelTemplate\"></ng-container>\n\t\t\t}\n\t\t\t<ng-content></ng-content>\n\t\t</div>\n\t\t@if (_suffix) {\n\t\t\t<ng-content select=\"[daffSuffix]\"></ng-content>\n\t\t}\n\t\t@if (_action && !isFixed) {\n\t\t\t<ng-container *ngTemplateOutlet=\"actionTemplate\"></ng-container>\n\t\t}\n\t</div>\n\t@if ((_action && isFixed)) {\n\t\t<ng-container *ngTemplateOutlet=\"actionTemplate\"></ng-container>\n\t}\n</div>\n@if (hasHint()) {\n\t<div\n\t\tclass=\"daff-form-field__hint-wrapper\"\n\t\t[id]=\"hintId\">\n\t\t<ng-content select=\"daff-hint\"></ng-content>\n\t</div>\n}\n@if (hasErrorMessage()) {\n\t<div\n\t\tclass=\"daff-form-field__error-wrapper\"\n\t\t[id]=\"errorMessageId\">\n\t\t<ng-content select=\"daff-error-message\"></ng-content>\n\t</div>\n}\n\n<ng-template #actionTemplate>\n\t<ng-content select=\"[daffFormFieldAction]\"></ng-content>\n</ng-template>\n\n<ng-template #labelTemplate>\n  @if (_formLabelDirective) {\n    <ng-content select=\"label[daffFormLabel]\"></ng-content>\n  } @else if(_formFieldLabelDirective) {\n    <label class=\"daff-form-field__label\"\n      [attr.for]=\"autoLabelId\"\n      [attr.id]=\"customId\">\n      <ng-content select=\"daff-form-label\"></ng-content>\n\t\t\t@if (_control.required) {\n\t\t\t<span aria-hidden=\"true\">*</span>\n\t\t\t}\n    </label>\n  } @else {\n    <ng-content select=\"label\"></ng-content>\n  }\n</ng-template>","import { NgModule } from '@angular/core';\n\nimport { DaffFormLabelModule } from '@daffodil/design';\nimport {\n  DaffErrorMessageComponent,\n  DaffFormFieldLabelDirective,\n  DaffHintComponent,\n} from '@daffodil/design/form';\n\nimport { DaffFormFieldComponent } from './form-field/form-field.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    DaffFormFieldComponent,\n    DaffErrorMessageComponent,\n    DaffHintComponent,\n    DaffFormFieldLabelDirective,\n    DaffFormLabelModule,\n  ],\n  exports: [\n    DaffFormFieldComponent,\n    DaffErrorMessageComponent,\n    DaffHintComponent,\n    DaffFormFieldLabelDirective,\n    DaffFormLabelModule,\n  ],\n})\nexport class DaffFormFieldModule { }\n","import {\n  DaffPrefixDirective,\n  DaffSuffixDirective,\n  DaffFormLabelDirective,\n} from '@daffodil/design';\nimport {\n  DaffErrorMessageComponent,\n  DaffFormFieldLabelDirective,\n  DaffHintComponent,\n} from '@daffodil/design/form';\n\nimport { DaffFormFieldActionDirective } from './action/action.directive';\nimport { DaffFormFieldComponent } from './form-field/form-field.component';\n\n/**\n * @docs-private\n */\nexport const DAFF_FORM_FIELD_COMPONENTS = <const> [\n  DaffFormFieldComponent,\n  DaffFormLabelDirective,\n  DaffPrefixDirective,\n  DaffSuffixDirective,\n  DaffFormFieldActionDirective,\n  DaffHintComponent,\n  DaffFormFieldLabelDirective,\n  DaffErrorMessageComponent,\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-form.mjs

@@ -0,0 +1,62 @@
+import * as i0 from '@angular/core';
+import { ChangeDetectionStrategy, Component, Input, Directive } from '@angular/core';
+
+class DaffErrorMessageComponent {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: DaffErrorMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: DaffErrorMessageComponent, isStandalone: true, selector: "daff-error-message", host: { attributes: { "aria-live": "polite" }, classAttribute: "daff-error-message" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{display:block;font-size:.875rem;line-height:1rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: DaffErrorMessageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'daff-error-message', template: '<ng-content></ng-content>', host: {
+                        class: 'daff-error-message',
+                        'aria-live': 'polite',
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;font-size:.875rem;line-height:1rem}\n"] }]
+        }] });
+
+class DaffHintComponent {
+    constructor() {
+        /**
+         * Displays a validated hint UI.
+         * */
+        this.validated = false;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: DaffHintComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: DaffHintComponent, isStandalone: true, selector: "daff-hint", inputs: { validated: "validated" }, host: { properties: { "class.validated": "validated" }, classAttribute: "daff-hint" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{display:flex;gap:.25rem;font-size:.875rem;line-height:1rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: DaffHintComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'daff-hint', template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'daff-hint',
+                        '[class.validated]': 'validated',
+                    }, styles: [":host{display:flex;gap:.25rem;font-size:.875rem;line-height:1rem}\n"] }]
+        }], propDecorators: { validated: [{
+                type: Input
+            }] } });
+
+class DaffFormFieldLabelDirective {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: DaffFormFieldLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.1", type: DaffFormFieldLabelDirective, isStandalone: true, selector: "daff-form-label", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: DaffFormFieldLabelDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/directive-selector
+                    selector: 'daff-form-label',
+                }]
+        }] });
+
+/**
+ * @docs-private
+ */
+const DAFF_FORM_HELPER_COMPONENTS = [
+    DaffErrorMessageComponent,
+    DaffHintComponent,
+    DaffFormFieldLabelDirective,
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DAFF_FORM_HELPER_COMPONENTS, DaffErrorMessageComponent, DaffFormFieldLabelDirective, DaffHintComponent };
+//# sourceMappingURL=daffodil-design-form.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"daffodil-design-form.mjs","sources":["../../../libs/design/form/src/error-message/error-message.component.ts","../../../libs/design/form/src/hint/hint.component.ts","../../../libs/design/form/src/label/label.directive.ts","../../../libs/design/form/src/form.ts","../../../libs/design/form/src/daffodil-design-form.ts"],"sourcesContent":["import {\n  Component,\n  ChangeDetectionStrategy,\n} from '@angular/core';\n\n@Component({\n  selector: 'daff-error-message',\n  template: '<ng-content></ng-content>',\n  styleUrls: ['./error-message.component.scss'],\n  host: {\n    class: 'daff-error-message',\n    'aria-live': 'polite',\n  },\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DaffErrorMessageComponent {}\n","import {\n  Component,\n  ChangeDetectionStrategy,\n  Input,\n} from '@angular/core';\n\n@Component({\n  selector: 'daff-hint',\n  template: '<ng-content></ng-content>',\n  styleUrls: ['./hint.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'daff-hint',\n    '[class.validated]': 'validated',\n  },\n})\nexport class DaffHintComponent {\n  /**\n   * Displays a validated hint UI.\n   * */\n  @Input() validated = false;\n}\n","import { Directive } from '@angular/core';\n\n@Directive({\n  // eslint-disable-next-line @angular-eslint/directive-selector\n  selector: 'daff-form-label',\n})\nexport class DaffFormFieldLabelDirective {}\n","import { DaffErrorMessageComponent } from './error-message/error-message.component';\nimport { DaffHintComponent } from './hint/hint.component';\nimport { DaffFormFieldLabelDirective } from './label/label.directive';\n\n/**\n * @docs-private\n */\nexport const DAFF_FORM_HELPER_COMPONENTS = <const> [\n  DaffErrorMessageComponent,\n  DaffHintComponent,\n  DaffFormFieldLabelDirective,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAea,yBAAyB,CAAA;iIAAzB,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAzB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,yBAAyB,qKAR1B,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,2DAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAQ1B,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAVrC,SAAS;+BACE,oBAAoB,EAAA,QAAA,EACpB,2BAA2B,EAAA,IAAA,EAE/B;AACJ,wBAAA,KAAK,EAAE,oBAAoB;AAC3B,wBAAA,WAAW,EAAE,QAAQ;qBACtB,EAAA,eAAA,EACgB,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,2DAAA,CAAA,EAAA;;;MCGpC,iBAAiB,CAAA;AAV9B,IAAA,WAAA,GAAA;AAWE;;AAEK;QACI,IAAA,CAAA,SAAS,GAAG,KAAK;AAC3B,IAAA;iIALY,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,gMARlB,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,qEAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAQ1B,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAV7B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,WAAW,YACX,2BAA2B,EAAA,eAAA,EAEpB,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACJ,wBAAA,KAAK,EAAE,WAAW;AAClB,wBAAA,mBAAmB,EAAE,WAAW;AACjC,qBAAA,EAAA,MAAA,EAAA,CAAA,qEAAA,CAAA,EAAA;8BAMQ,SAAS,EAAA,CAAA;sBAAjB;;;MCdU,2BAA2B,CAAA;iIAA3B,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;qHAA3B,2BAA2B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAA3B,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAJvC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;;AAET,oBAAA,QAAQ,EAAE,iBAAiB;AAC5B,iBAAA;;;ACDD;;AAEG;AACI,MAAM,2BAA2B,GAAW;IACjD,yBAAyB;IACzB,iBAAiB;IACjB,2BAA2B;;;ACV7B;;AAEG;;;;"}

package/fesm2022/daffodil-design-image.mjs

@@ -1,6 +1,6 @@
-import { CommonModule } from '@angular/common';
+import { NgOptimizedImage, CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { EventEmitter, Output, Input, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { input, EventEmitter, Output, Input, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
 import * as i1 from '@angular/platform-browser';
 import * as i2 from '@daffodil/design';
 import { DaffSkeletonableDirective } from '@daffodil/design';
@@ -73,6 +73,11 @@ class DaffImageComponent {
     }
     constructor(sanitizer) {
         this.sanitizer = sanitizer;
+        /**
+         * Whether the image should be treated as a priority image for loading.
+         * Priority images are loaded eagerly and not lazy-loaded.
+         */
+        this.priority = input(false, ...(ngDevMode ? [{ debugName: "priority" }] : []));
         /**
          * Emits when the image has loaded.
          */
@@ -98,7 +103,7 @@ class DaffImageComponent {
         return this.sanitizer.bypassSecurityTrustStyle(this.width + ' / ' + this.height);
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: DaffImageComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: DaffImageComponent, isStandalone: true, selector: "daff-image", inputs: { src: "src", alt: "alt", width: "width", height: "height" }, outputs: { load: "load" }, host: { properties: { "style.max-width": "width + \"px\"" } }, hostDirectives: [{ directive: i2.DaffSkeletonableDirective, inputs: ["skeleton", "skeleton"] }], ngImport: i0, template: "<img class=\"daff-image\" [src]=\"src\" [alt]=\"alt\" (load)=\"load.emit\" loading=\"lazy\" [style.aspectRatio]=\"_aspectRatio\"/>", styles: [":host{display:block;border-radius:inherit;position:relative;width:100%}:host.daff-skeleton{display:flex;position:relative;height:100%;width:100%;border-radius:0}:host.daff-skeleton:before{animation-name:loading;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;content:\"\";height:100%;width:100%;position:absolute;top:0;left:0}@keyframes loading{0%{opacity:.5}to{opacity:1}}:host.daff-skeleton img{opacity:0}:host img{display:block;object-fit:cover;max-width:100%;max-height:100%;width:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.1", type: DaffImageComponent, isStandalone: true, selector: "daff-image", inputs: { src: { classPropertyName: "src", publicName: "src", isSignal: false, isRequired: false, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: false, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: false, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: false, isRequired: false, transformFunction: null }, priority: { classPropertyName: "priority", publicName: "priority", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { load: "load" }, host: { properties: { "style.max-width": "width + \"px\"", "style.aspect-ratio": "_aspectRatio" } }, hostDirectives: [{ directive: i2.DaffSkeletonableDirective, inputs: ["skeleton", "skeleton"] }], ngImport: i0, template: "<img class=\"daff-image\"\n\t[ngSrc]=\"src\"\n\t[alt]=\"alt\"\n\tfill\n\t[priority]=\"priority\"\n\t(load)=\"load.emit\" />", styles: [":host{display:block;border-radius:inherit;position:relative;width:100%}:host.daff-skeleton{display:flex;position:relative;height:100%;width:100%;border-radius:0}:host.daff-skeleton:before{animation-name:loading;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;content:\"\";height:100%;width:100%;position:absolute;top:0;left:0}@keyframes loading{0%{opacity:.5}to{opacity:1}}:host.daff-skeleton img{opacity:0}:host img{display:block;object-fit:cover;max-width:100%;max-height:100%;width:100%}\n"], dependencies: [{ kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "decoding", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: DaffImageComponent, decorators: [{
             type: Component,
@@ -109,7 +114,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImpor
                         },
                     ], host: {
                         '[style.max-width]': 'width + "px"',
-                    }, template: "<img class=\"daff-image\" [src]=\"src\" [alt]=\"alt\" (load)=\"load.emit\" loading=\"lazy\" [style.aspectRatio]=\"_aspectRatio\"/>", styles: [":host{display:block;border-radius:inherit;position:relative;width:100%}:host.daff-skeleton{display:flex;position:relative;height:100%;width:100%;border-radius:0}:host.daff-skeleton:before{animation-name:loading;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;content:\"\";height:100%;width:100%;position:absolute;top:0;left:0}@keyframes loading{0%{opacity:.5}to{opacity:1}}:host.daff-skeleton img{opacity:0}:host img{display:block;object-fit:cover;max-width:100%;max-height:100%;width:100%}\n"] }]
+                        '[style.aspect-ratio]': '_aspectRatio',
+                    }, imports: [
+                        NgOptimizedImage,
+                    ], template: "<img class=\"daff-image\"\n\t[ngSrc]=\"src\"\n\t[alt]=\"alt\"\n\tfill\n\t[priority]=\"priority\"\n\t(load)=\"load.emit\" />", styles: [":host{display:block;border-radius:inherit;position:relative;width:100%}:host.daff-skeleton{display:flex;position:relative;height:100%;width:100%;border-radius:0}:host.daff-skeleton:before{animation-name:loading;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;content:\"\";height:100%;width:100%;position:absolute;top:0;left:0}@keyframes loading{0%{opacity:.5}to{opacity:1}}:host.daff-skeleton img{opacity:0}:host img{display:block;object-fit:cover;max-width:100%;max-height:100%;width:100%}\n"] }]
         }], ctorParameters: () => [{ type: i1.DomSanitizer }], propDecorators: { src: [{
                 type: Input
             }], alt: [{

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

@@ -1 +1 @@
-{"version":3,"file":"daffodil-design-image.mjs","sources":["../../../libs/design/image/src/image/image.component.ts","../../../libs/design/image/src/image/image.component.html","../../../libs/design/image/src/image.module.ts","../../../libs/design/image/src/image.ts","../../../libs/design/image/src/daffodil-design-image.ts"],"sourcesContent":["import {\n  Component,\n  ChangeDetectionStrategy,\n  Input,\n  EventEmitter,\n  OnInit,\n  Output,\n} from '@angular/core';\nimport {\n  DomSanitizer,\n  SafeStyle,\n} from '@angular/platform-browser';\n\nimport { DaffSkeletonableDirective } from '@daffodil/design';\n\nconst validateProperty = (object: Record<string, any>, prop: string) => {\n  if (object[prop] === null || object[prop] === undefined || object[prop] === '') {\n    throw new Error(`DaffImageComponent must have a defined ${prop} attribute.`);\n  }\n};\n\nconst validateProperties = (object: Record<string, any>, props: string[]) => {\n  const invalidProps = props.filter(prop => {\n    try {\n      validateProperty(object, prop);\n    } catch(e) {\n      return true;\n    }\n    return false;\n  });\n\n  if (invalidProps.length) {\n    throw new Error(`DaffImageComponent must have the ${invalidProps.join(',')} attributes defined.`);\n  }\n};\n\n@Component({\n  selector: 'daff-image',\n  templateUrl: './image.component.html',\n  styleUrls: ['./image.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: DaffSkeletonableDirective,\n      inputs: ['skeleton'],\n    },\n  ],\n  host: {\n    '[style.max-width]': 'width + \"px\"',\n  },\n})\nexport class DaffImageComponent implements OnInit {\n  private _src: string;\n\n  /**\n   * The URL of the image.\n   */\n  @Input()\n  get src(): string {\n    return this._src;\n  }\n  set src(value: string) {\n    this._src = value;\n    validateProperty(this, 'src');\n  }\n\n  private _alt: string;\n\n  /**\n   * The alternate text for the image.\n   */\n  @Input()\n  get alt(): string {\n    return this._alt;\n  }\n  set alt(value: string) {\n    this._alt = value;\n    validateProperty(this, 'alt');\n  }\n\n  private _width: number;\n\n  /**\n   * The width of the image.\n   */\n  @Input()\n  get width(): number {\n    return this._width;\n  }\n  set width(value: number) {\n    this._width = value;\n    validateProperty(this, 'width');\n  }\n\n  private _height: number;\n\n  /**\n   * The height of the image.\n   */\n  @Input()\n  get height(): number {\n    return this._height;\n  }\n  set height(value: number) {\n    this._height = value;\n    validateProperty(this, 'height');\n  }\n\n  /**\n   * Emits when the image has loaded.\n   */\n  // TODO: rename event to not collide with native event (unless that's intentional)\n  // eslint-disable-next-line @angular-eslint/no-output-native\n  @Output() load: EventEmitter<void> = new EventEmitter();\n\n  /**\n   * @docs-private\n   */\n  ngOnInit(): void {\n    validateProperties(this, ['src', 'alt', 'width', 'height']);\n  }\n\n  constructor(private sanitizer: DomSanitizer) {}\n\n  /**\n   * @docs-private\n   */\n  get _paddingTop(): any {\n    if (!this.height || !this.width ) {\n      return undefined;\n    }\n\n    return this.sanitizer.bypassSecurityTrustStyle('calc(' + this.height + ' / ' + this.width + ' * 100%)');\n  }\n\n  /**\n   * @docs-private\n   *\n   * The aspect ratio of an image, based on the width and height set by the user.\n   */\n  get _aspectRatio(): SafeStyle {\n    return this.sanitizer.bypassSecurityTrustStyle(this.width + ' / ' + this.height);\n  }\n}\n","<img class=\"daff-image\" [src]=\"src\" [alt]=\"alt\" (load)=\"load.emit\" loading=\"lazy\" [style.aspectRatio]=\"_aspectRatio\"/>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DaffImageComponent } from './image/image.component';\n\n/**\n * @deprecated in favor of {@link DAFF_IMAGE_COMPONENTS}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.\n * */\n@NgModule({\n  imports: [\n    CommonModule,\n    DaffImageComponent,\n  ],\n  exports: [\n    DaffImageComponent,\n  ],\n})\nexport class DaffImageModule { }\n","import { DaffImageComponent } from './image/image.component';\n\n/**\n * @docs-private\n */\nexport const DAFF_IMAGE_COMPONENTS = <const> [\n  DaffImageComponent,\n];\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-image.mjs","sources":["../../../libs/design/image/src/image/image.component.ts","../../../libs/design/image/src/image/image.component.html","../../../libs/design/image/src/image.module.ts","../../../libs/design/image/src/image.ts","../../../libs/design/image/src/daffodil-design-image.ts"],"sourcesContent":["import { NgOptimizedImage } from '@angular/common';\nimport {\n  Component,\n  ChangeDetectionStrategy,\n  Input,\n  EventEmitter,\n  OnInit,\n  Output,\n  input,\n} from '@angular/core';\nimport {\n  DomSanitizer,\n  SafeStyle,\n} from '@angular/platform-browser';\n\nimport { DaffSkeletonableDirective } from '@daffodil/design';\n\nconst validateProperty = (object: Record<string, any>, prop: string) => {\n  if (object[prop] === null || object[prop] === undefined || object[prop] === '') {\n    throw new Error(`DaffImageComponent must have a defined ${prop} attribute.`);\n  }\n};\n\nconst validateProperties = (object: Record<string, any>, props: string[]) => {\n  const invalidProps = props.filter(prop => {\n    try {\n      validateProperty(object, prop);\n    } catch(e) {\n      return true;\n    }\n    return false;\n  });\n\n  if (invalidProps.length) {\n    throw new Error(`DaffImageComponent must have the ${invalidProps.join(',')} attributes defined.`);\n  }\n};\n\n@Component({\n  selector: 'daff-image',\n  templateUrl: './image.component.html',\n  styleUrls: ['./image.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: DaffSkeletonableDirective,\n      inputs: ['skeleton'],\n    },\n  ],\n  host: {\n    '[style.max-width]': 'width + \"px\"',\n    '[style.aspect-ratio]': '_aspectRatio',\n  },\n  imports: [\n    NgOptimizedImage,\n  ],\n})\nexport class DaffImageComponent implements OnInit {\n  private _src: string;\n\n  /**\n   * The URL of the image.\n   */\n  @Input()\n  get src(): string {\n    return this._src;\n  }\n  set src(value: string) {\n    this._src = value;\n    validateProperty(this, 'src');\n  }\n\n  private _alt: string;\n\n  /**\n   * The alternate text for the image.\n   */\n  @Input()\n  get alt(): string {\n    return this._alt;\n  }\n  set alt(value: string) {\n    this._alt = value;\n    validateProperty(this, 'alt');\n  }\n\n  private _width: number;\n\n  /**\n   * The width of the image.\n   */\n  @Input()\n  get width(): number {\n    return this._width;\n  }\n  set width(value: number) {\n    this._width = value;\n    validateProperty(this, 'width');\n  }\n\n  private _height: number;\n\n  /**\n   * The height of the image.\n   */\n  @Input()\n  get height(): number {\n    return this._height;\n  }\n  set height(value: number) {\n    this._height = value;\n    validateProperty(this, 'height');\n  }\n\n  /**\n   * Whether the image should be treated as a priority image for loading.\n   * Priority images are loaded eagerly and not lazy-loaded.\n   */\n  priority = input(false);\n\n  /**\n   * Emits when the image has loaded.\n   */\n  // TODO: rename event to not collide with native event (unless that's intentional)\n  // eslint-disable-next-line @angular-eslint/no-output-native\n  @Output() load: EventEmitter<void> = new EventEmitter();\n\n  /**\n   * @docs-private\n   */\n  ngOnInit(): void {\n    validateProperties(this, ['src', 'alt', 'width', 'height']);\n  }\n\n  constructor(private sanitizer: DomSanitizer) {}\n\n  /**\n   * @docs-private\n   */\n  get _paddingTop(): any {\n    if (!this.height || !this.width ) {\n      return undefined;\n    }\n\n    return this.sanitizer.bypassSecurityTrustStyle('calc(' + this.height + ' / ' + this.width + ' * 100%)');\n  }\n\n  /**\n   * @docs-private\n   *\n   * The aspect ratio of an image, based on the width and height set by the user.\n   */\n  get _aspectRatio(): SafeStyle {\n    return this.sanitizer.bypassSecurityTrustStyle(this.width + ' / ' + this.height);\n  }\n}\n","<img class=\"daff-image\"\n\t[ngSrc]=\"src\"\n\t[alt]=\"alt\"\n\tfill\n\t[priority]=\"priority\"\n\t(load)=\"load.emit\" />","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DaffImageComponent } from './image/image.component';\n\n/**\n * @deprecated in favor of {@link DAFF_IMAGE_COMPONENTS}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.\n * */\n@NgModule({\n  imports: [\n    CommonModule,\n    DaffImageComponent,\n  ],\n  exports: [\n    DaffImageComponent,\n  ],\n})\nexport class DaffImageModule { }\n","import { DaffImageComponent } from './image/image.component';\n\n/**\n * @docs-private\n */\nexport const DAFF_IMAGE_COMPONENTS = <const> [\n  DaffImageComponent,\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-modal.mjs

@@ -4,27 +4,16 @@ import { GlobalPositionStrategy, OverlayModule } from '@angular/cdk/overlay';
 import * as i4 from '@angular/cdk/portal';
 import { ComponentPortal, PortalModule, CdkPortalOutlet } from '@angular/cdk/portal';
 import * as i0 from '@angular/core';
-import { Injector, Injectable, EventEmitter, HostListener, HostBinding, ViewChild, ViewEncapsulation, ChangeDetectionStrategy, Component, Optional, Directive, Input, NgModule } from '@angular/core';
+import { Injector, Injectable, signal, ViewChild, ViewEncapsulation, ChangeDetectionStrategy, Component, Optional, Directive, Input, NgModule } from '@angular/core';
 import { Subject } from 'rxjs';
+import { take, delay } from 'rxjs/operators';
 import * as i3 from '@daffodil/design';
 import { daffFocusableElementsSelector, DaffOpenableDirective } from '@daffodil/design';
-import { trigger, state, transition, style, animate } from '@angular/animations';
-import { take } from 'rxjs/operators';
 import { CommonModule } from '@angular/common';
 import { FaIconComponent, FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 import { DaffIconButtonComponent, DaffButtonModule } from '@daffodil/design/button';
 import { faXmark } from '@fortawesome/free-solid-svg-icons';
 
-const daffFadeAnimations = {
-    fade: trigger('fade', [
-        state('open', style({ opacity: 1 })),
-        state('closed', style({ opacity: 0 })),
-        transition('open <=> closed', animate('400ms cubic-bezier(0.25, 0.8, 0.25, 1)')),
-    ]),
-};
-
-const getAnimationState = (open) => open ? 'open' : 'closed';
-
 class DaffModalService {
     constructor(overlay) {
         this.overlay = overlay;
@@ -44,12 +33,24 @@ class DaffModalService {
     _attachModalContent(component, modal) {
         modal.instance.attachContent(new ComponentPortal(component));
     }
-    _createOverlayRef() {
+    _createPositionStrategy(position) {
+        // Horizontal position is always center
+        const strategy = new GlobalPositionStrategy().centerHorizontally();
+        // Handle vertical positioning
+        if (position?.vertical === 'top') {
+            strategy.top(position.offsetTop ?? '15vh');
+        }
+        else {
+            // Default to center
+            strategy.centerVertically();
+        }
+        return strategy;
+    }
+    _createOverlayRef(config) {
+        const positionStrategy = this._createPositionStrategy(config?.position);
         return this.overlay.create({
             hasBackdrop: true,
-            positionStrategy: new GlobalPositionStrategy()
-                .centerHorizontally()
-                .centerVertically(),
+            positionStrategy,
             scrollStrategy: this.overlay.scrollStrategies.block(),
         });
     }
@@ -60,9 +61,14 @@ class DaffModalService {
         this._modals.delete(modal.modal.instance);
         modal.overlay.dispose();
     }
+    _closeAllModals() {
+        const modals = Array.from(this._modals.values());
+        modals.forEach((modal) => this.close(modal.modal.instance));
+    }
     open(component, configuration) {
+        this._closeAllModals();
         const config = { ...this.defaultConfiguration, ...configuration };
-        const _ref = this._createOverlayRef();
+        const _ref = this._createOverlayRef(config);
         const _modal = this._attachModal(_ref);
         const _attachedModal = this._attachModalContent(component, _modal);
         if (configuration?.ariaLabelledBy) {
@@ -81,10 +87,10 @@ class DaffModalService {
         return modal.modal.instance;
     }
     close(component) {
-        component.hide();
         const modal = this._modals.get(component);
         modal.overlay.detachBackdrop();
-        component.closedAnimationCompleted$.pipe(take(1)).subscribe((e) => this._removeModal(modal));
+        component.closedAnimationCompleted$.pipe(take(1)).subscribe(() => this._removeModal(modal));
+        component.hide();
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: DaffModalService, deps: [{ token: i1.Overlay }], target: i0.ɵɵFactoryTarget.Injectable }); }
     /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: DaffModalService }); }
@@ -93,7 +99,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImpor
             type: Injectable
         }], ctorParameters: () => [{ type: i1.Overlay }] });
 
+/* eslint-disable quote-props */
 class DaffModalComponent {
+    /**
+     * @docs-private
+     *
+     * By default, the `aria-labelledby` of the modal is set to the `id` of the modal title.
+     */
     get ariaLabelledBy() {
         return this._ariaLabelledBy;
     }
@@ -113,11 +125,8 @@ class DaffModalComponent {
         this.openDirective = openDirective;
         this._focusStack = _focusStack;
         this.changeDetector = changeDetector;
+        this.closing = signal(false, ...(ngDevMode ? [{ debugName: "closing" }] : []));
         this._ariaLabelledBy = null;
-        /**
-         * Event fired when the close animation is completed.
-         */
-        this.animationCompleted = new EventEmitter();
         /**
          * Private subject for closed animation completion events.
          */
@@ -125,7 +134,7 @@ class DaffModalComponent {
         /**
          * Observable that emits when the close animation is completed.
          */
-        this.closedAnimationCompleted$ = this._closedAnimationCompleted.asObservable();
+        this.closedAnimationCompleted$ = this._closedAnimationCompleted.asObservable().pipe(delay(300));
         this.openDirective.stateless = false;
     }
     /**
@@ -151,52 +160,46 @@ class DaffModalComponent {
         }
     }
     /**
+     * @docs-private
+     *
      * Helper method to attach portable content to modal.
      */
     attachContent(portal) {
         const attachContent = this._portalOutlet.attachComponentPortal(portal);
         return attachContent;
     }
-    /** Animation hook that controls the entrance and exit animations of the modal. */
-    /**
-     * @docs-private
-     */
-    get fadeState() {
-        return getAnimationState(this.openDirective.open);
-    }
     /**
-     * Animation event that can used to hook into when
-     * animations are fully completed. We use this in the DaffModalService
-     * to determine when to actually remove the dynamically rendered element from the DOM
-     * so that the animation does not clip as the element is removed.
+     * Tracks the open state of the modal.
      */
-    animationDone(e) {
-        this.animationCompleted.emit(e);
-        if (e.toState === 'closed') {
-            this._focusStack.pop();
-            this._closedAnimationCompleted.next(e);
-            this._closedAnimationCompleted.complete();
-        }
-    }
     get open() {
         return this.openDirective.open;
     }
     /**
-     * Reveals the modal
+     * @docs-private
+     *
+     * Reveals the modal.
      */
     reveal() {
         this.openDirective.reveal();
         this.changeDetector.markForCheck();
     }
     /**
-     * Hides the modal
+     * @docs-private
+     *
+     * Hides the modal.
      */
     hide() {
         this.openDirective.hide();
+        this.closing.set(true);
+        this._closedAnimationCompleted.next(true);
+        this._focusTrap?.destroy();
+        this._focusStack.pop();
         this.changeDetector.markForCheck();
     }
     /**
-     * Toggles the visibility of the modal
+     * @docs-private
+     *
+     * Toggles the visibility of the modal.
      */
     toggle() {
         this.openDirective.toggle();
@@ -209,7 +212,7 @@ class DaffModalComponent {
         this._closedAnimationCompleted.complete();
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: DaffModalComponent, deps: [{ token: DaffModalService }, { token: i2.ConfigurableFocusTrapFactory }, { token: i0.ElementRef }, { token: i3.DaffOpenableDirective }, { token: i3.DaffFocusStackService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: DaffModalComponent, isStandalone: true, selector: "daff-modal", host: { attributes: { "role": "dialog", "aria-modal": "true" }, listeners: { "keydown.escape": "onEscape()", "@fade.done": "animationDone($event)" }, properties: { "attr.aria-labelledby": "ariaLabelledBy", "@fade": "this.fadeState" }, classAttribute: "daff-modal" }, viewQueries: [{ propertyName: "_portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }], hostDirectives: [{ directive: i3.DaffOpenableDirective, outputs: ["toggled", "toggled"] }], ngImport: i0, template: "<ng-template cdkPortalOutlet></ng-template>\n", styles: [".daff-modal{display:flex;flex-direction:column;justify-content:space-between;border-radius:.25rem;max-height:90vh;max-width:90vw;overflow:hidden;z-index:3}@media (min-width: 480px){.daff-modal{max-height:80vh;max-width:80vw}}.daff-modal>*{display:inherit;flex-direction:inherit;justify-content:inherit;border-radius:inherit;max-height:inherit;max-width:inherit;overflow:inherit;z-index:inherit}@media (min-width: 480px){.daff-modal>*{max-height:inherit;max-width:inherit}}.daff-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;position:relative}.daff-modal-header .daff-modal-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.25rem;font-weight:500;line-height:1.5rem;margin:0;padding:0 2rem 0 0}.daff-modal-header__dismiss-button{position:absolute;right:7px;top:12px}.daff-modal-content{display:block;flex-grow:1;max-height:60vh;overflow-y:auto;padding:1.5rem}.daff-modal-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:.5rem;padding:1.5rem}.daff-modal-content+.daff-modal-actions{padding:0 1.5rem 1.5rem}.daff-modal-header+.daff-modal-content{padding-top:0}\n"], dependencies: [{ kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i4.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "ngmodule", type: OverlayModule }], animations: [daffFadeAnimations.fade], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: DaffModalComponent, isStandalone: true, selector: "daff-modal", host: { attributes: { "role": "dialog", "aria-modal": "true" }, listeners: { "keydown.escape": "onEscape()" }, properties: { "attr.aria-labelledby": "ariaLabelledBy", "animate.enter": "\"opening\"", "class.closing": "closing()" }, classAttribute: "daff-modal" }, viewQueries: [{ propertyName: "_portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }], hostDirectives: [{ directive: i3.DaffOpenableDirective, outputs: ["toggled", "toggled"] }], ngImport: i0, template: "<ng-template cdkPortalOutlet></ng-template>\n", styles: [".daff-modal{display:flex;flex-direction:column;justify-content:space-between;border-radius:.25rem;max-height:90vh;max-width:90vw;overflow:hidden;z-index:3}.daff-modal.opening{animation:opening .3s}@keyframes opening{0%{opacity:0}to{opacity:1}}.daff-modal.closing{opacity:0;animation:closing .3s}@keyframes closing{0%{opacity:1}to{opacity:0}}@media (min-width: 480px){.daff-modal{max-height:80vh;max-width:80vw}}.daff-modal>*{display:inherit;flex-direction:inherit;justify-content:inherit;border-radius:inherit;max-height:inherit;max-width:inherit;overflow:inherit;z-index:inherit}@media (min-width: 480px){.daff-modal>*{max-height:inherit;max-width:inherit}}.daff-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;position:relative}.daff-modal-header .daff-modal-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.25rem;font-weight:500;line-height:1.5rem;margin:0;padding:0 2rem 0 0}.daff-modal-header__dismiss-button{position:absolute;right:7px;top:12px}.daff-modal-content{display:block;flex-grow:1;max-height:60vh;overflow-y:auto;padding:1.5rem}.daff-modal-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:.5rem;padding:1.5rem}.daff-modal-content+.daff-modal-actions{padding:0 1.5rem 1.5rem}.daff-modal-header+.daff-modal-content{padding-top:0}\n"], dependencies: [{ kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i4.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "ngmodule", type: OverlayModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: DaffModalComponent, decorators: [{
             type: Component,
@@ -222,19 +225,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImpor
                         'aria-modal': 'true',
                         '[attr.aria-labelledby]': 'ariaLabelledBy',
                         '(keydown.escape)': 'onEscape()',
-                    }, animations: [daffFadeAnimations.fade], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
+                        '[animate.enter]': '"opening"',
+                        '[class.closing]': 'closing()',
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
                         PortalModule,
                         OverlayModule,
-                    ], template: "<ng-template cdkPortalOutlet></ng-template>\n", styles: [".daff-modal{display:flex;flex-direction:column;justify-content:space-between;border-radius:.25rem;max-height:90vh;max-width:90vw;overflow:hidden;z-index:3}@media (min-width: 480px){.daff-modal{max-height:80vh;max-width:80vw}}.daff-modal>*{display:inherit;flex-direction:inherit;justify-content:inherit;border-radius:inherit;max-height:inherit;max-width:inherit;overflow:inherit;z-index:inherit}@media (min-width: 480px){.daff-modal>*{max-height:inherit;max-width:inherit}}.daff-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;position:relative}.daff-modal-header .daff-modal-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.25rem;font-weight:500;line-height:1.5rem;margin:0;padding:0 2rem 0 0}.daff-modal-header__dismiss-button{position:absolute;right:7px;top:12px}.daff-modal-content{display:block;flex-grow:1;max-height:60vh;overflow-y:auto;padding:1.5rem}.daff-modal-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:.5rem;padding:1.5rem}.daff-modal-content+.daff-modal-actions{padding:0 1.5rem 1.5rem}.daff-modal-header+.daff-modal-content{padding-top:0}\n"] }]
+                    ], template: "<ng-template cdkPortalOutlet></ng-template>\n", styles: [".daff-modal{display:flex;flex-direction:column;justify-content:space-between;border-radius:.25rem;max-height:90vh;max-width:90vw;overflow:hidden;z-index:3}.daff-modal.opening{animation:opening .3s}@keyframes opening{0%{opacity:0}to{opacity:1}}.daff-modal.closing{opacity:0;animation:closing .3s}@keyframes closing{0%{opacity:1}to{opacity:0}}@media (min-width: 480px){.daff-modal{max-height:80vh;max-width:80vw}}.daff-modal>*{display:inherit;flex-direction:inherit;justify-content:inherit;border-radius:inherit;max-height:inherit;max-width:inherit;overflow:inherit;z-index:inherit}@media (min-width: 480px){.daff-modal>*{max-height:inherit;max-width:inherit}}.daff-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;position:relative}.daff-modal-header .daff-modal-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.25rem;font-weight:500;line-height:1.5rem;margin:0;padding:0 2rem 0 0}.daff-modal-header__dismiss-button{position:absolute;right:7px;top:12px}.daff-modal-content{display:block;flex-grow:1;max-height:60vh;overflow-y:auto;padding:1.5rem}.daff-modal-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:.5rem;padding:1.5rem}.daff-modal-content+.daff-modal-actions{padding:0 1.5rem 1.5rem}.daff-modal-header+.daff-modal-content{padding-top:0}\n"] }]
         }], ctorParameters: () => [{ type: DaffModalService }, { type: i2.ConfigurableFocusTrapFactory }, { type: i0.ElementRef }, { type: i3.DaffOpenableDirective }, { type: i3.DaffFocusStackService }, { type: i0.ChangeDetectorRef }], propDecorators: { _portalOutlet: [{
                 type: ViewChild,
                 args: [CdkPortalOutlet, { static: true }]
-            }], fadeState: [{
-                type: HostBinding,
-                args: ['@fade']
-            }], animationDone: [{
-                type: HostListener,
-                args: ['@fade.done', ['$event']]
             }] } });
 
 /* eslint-disable quote-props */