@daffodil/design 0.87.2 → 0.88.1

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

@@ -1 +1 @@
-{"version":3,"file":"daffodil-design-quantity-field.mjs","sources":["../../../libs/design/quantity-field/src/quantity-input/quantity-input.component.ts","../../../libs/design/quantity-field/src/quantity-input/quantity-input.component.html","../../../libs/design/quantity-field/src/quantity-select/quantity-select.component.ts","../../../libs/design/quantity-field/src/quantity-select/quantity-select.component.html","../../../libs/design/quantity-field/src/quantity-field.component.ts","../../../libs/design/quantity-field/src/quantity-field.component.html","../../../libs/design/quantity-field/src/quantity-field.module.ts","../../../libs/design/quantity-field/src/daffodil-design-quantity-field.ts"],"sourcesContent":["import { coerceNumberProperty } from '@angular/cdk/coercion';\nimport {\n  Component,\n  Input,\n  ViewChild,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  OnInit,\n  OnDestroy,\n} from '@angular/core';\nimport {\n  UntypedFormControl,\n  NgControl,\n  ReactiveFormsModule,\n} from '@angular/forms';\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { DaffInputComponent } from '@daffodil/design/input';\n\n@Component({\n  selector: 'daff-quantity-input',\n  templateUrl: './quantity-input.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    DaffInputComponent,\n    ReactiveFormsModule,\n  ],\n})\nexport class DaffQuantityInputComponent implements OnInit, OnDestroy {\n  @ViewChild(DaffInputComponent) input: DaffInputComponent;\n\n  /**\n   * @docs\n   * The minimum number for the quantity input field\n   */\n  @Input() min = 1;\n\n  /**\n   * @docs\n   * The maximum number for the quantity input field\n   */\n  @Input() max = 10;\n\n  /**\n   * A new control for the nested native input.\n   * We don't bind the native input directly to the inherited form control\n   * to avoid triggering updates on the input event.\n   * Instead, we listen for the change event and manually patch form control values.\n   */\n  _inputControl = new UntypedFormControl();\n\n  get focused(): boolean {\n    return this.input?.focused;\n  }\n\n  _destroyed = new Subject();\n\n  get value() {\n    return this.ngControl.control.value;\n  }\n  set value(value) {\n    const val = Math.min(Math.round(coerceNumberProperty(value)), this.max);\n    this.ngControl.control.patchValue(val);\n    this._inputControl.patchValue(val);\n    this.changeDetectorRef.markForCheck();\n  }\n\n  get disabled() {\n    return this.ngControl.control.disabled;\n  }\n\n  constructor(\n    public ngControl: NgControl,\n    private changeDetectorRef: ChangeDetectorRef,\n  ) {}\n\n  /**\n   * @docs-private\n   */\n  ngOnInit() {\n    this._inputControl.patchValue(this.ngControl.control.value);\n    this.setInputDisabled();\n    this.ngControl.statusChanges.pipe(\n      takeUntil(this._destroyed),\n    ).subscribe(() => {\n      this.setInputDisabled();\n    });\n  }\n\n  ngOnDestroy() {\n    this._destroyed.next(true);\n  }\n\n  focus() {\n    this.input.focus();\n  }\n\n  onFocus() {\n    this.ngControl.control.markAsTouched();\n  }\n\n  onBlur() {\n    if (this.value === null || this.value === undefined) {\n      this.value = 1;\n      this.changeDetectorRef.markForCheck();\n    }\n  }\n\n  /**\n   * Callback function fired when the value changes.\n   * Used to pass the value back up to the ngControl.\n   */\n  onValueChange(e: any) {\n    this.value = e.target.value;\n  }\n\n  private setInputDisabled() {\n    // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n    this.ngControl.disabled\n      ? this._inputControl.disable()\n      : this._inputControl.enable();\n  }\n}\n","<input daff-input\n  type=\"number\"\n  [attr.max]=\"max\"\n  [attr.min]=\"min\"\n  [attr.step]=\"1\"\n  (focus)=\"onFocus()\"\n  (blur)=\"onBlur()\"\n  (change)=\"onValueChange($event)\"\n  [formControl]=\"_inputControl\"\n>\n","import {\n  NgFor,\n  NgIf,\n} from '@angular/common';\nimport {\n  Component,\n  Input,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  ViewChild,\n} from '@angular/core';\nimport {\n  NgControl,\n  ReactiveFormsModule,\n} from '@angular/forms';\n\nimport {\n  DaffNativeSelectComponent,\n  DaffNativeSelectModule,\n} from '@daffodil/design';\n\n/**\n * Create an array of numbers from min to max, not including max.\n */\nexport const makeValueArray = (min: number, max: number, increment: number) =>\n  Array(max - min).fill(0).map((x, i) => (i * increment) + min);\n\n@Component({\n  selector: 'daff-quantity-select',\n  templateUrl: './quantity-select.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    DaffNativeSelectModule,\n    ReactiveFormsModule,\n    NgFor,\n    NgIf,\n  ],\n})\nexport class DaffQuantitySelectComponent {\n\n  @ViewChild(DaffNativeSelectComponent) select: DaffNativeSelectComponent;\n\n  /**\n   * @docs\n   * The minimum number selectable.\n   */\n  @Input() min = 1;\n\n  /**\n   * @docs\n   * The maximum number selectable;\n   */\n  @Input() max = 10;\n\n  /**\n   * @docs\n   * Property used to determine whether or not the DaffQuantitySelectComponent is\n   * used in a situation whether the `max` isn't a true max.\n   */\n  @Input() extendable = true;\n\n  /**\n   * The amount to increment between \"min\" and \"max\".\n   */\n  private increment = 1;\n\n  _value = 1;\n\n  get value() {\n    return this._value;\n  }\n  set value(value) {\n    this._value = value;\n    this.ngControl.control.patchValue(this._value);\n    this.changeDetectorRef.markForCheck();\n  }\n\n  constructor(public ngControl: NgControl, private changeDetectorRef: ChangeDetectorRef) {}\n\n  /**\n   * Callback function fired when the value changes.\n   * Used to pass the value back up to the ngControl.\n   */\n  onValueChange(e) {\n    this.value = e.target.value;\n  }\n\n  get focused(): boolean {\n    return this.select.focused;\n  }\n\n  focus() {\n    this.select.focus();\n  }\n\n  onFocus() {\n    this.ngControl.control.markAsTouched();\n  }\n\n  /**\n   * A helper function for easily making options for the `select`.\n   */\n  get valueArray() {\n    return makeValueArray(this.min, this.max, this.increment);\n  }\n}\n","<select daff-native-select\n  [formControl]=\"ngControl.control\"\n  (focus)=\"onFocus()\"\n>\n  <option *ngFor=\"let item of valueArray\" [value]=\"item\">{{ item }}</option>\n  @if (extendable) {\n    <option [value]=\"max\">{{ max }}+</option>\n  } @else {\n    <option [value]=\"max\">{{ max }}</option>\n  }\n</select>\n","import { coerceNumberProperty } from '@angular/cdk/coercion';\nimport {\n  Component,\n  Input,\n  ChangeDetectionStrategy,\n  Optional,\n  Self,\n  ViewChild,\n  ChangeDetectorRef,\n} from '@angular/core';\nimport {\n  ControlValueAccessor,\n  NgControl,\n} from '@angular/forms';\n\nimport { DaffFormFieldControl } from '@daffodil/design';\n\nimport { DaffQuantityInputComponent } from './quantity-input/quantity-input.component';\nimport { DaffQuantitySelectComponent } from './quantity-select/quantity-select.component';\n\n@Component({\n  selector: 'daff-quantity-field',\n  templateUrl: './quantity-field.component.html',\n  providers: [\n    {\n      provide: DaffFormFieldControl,\n      // eslint-disable-next-line @typescript-eslint/no-use-before-define\n      useExisting: DaffQuantityFieldComponent,\n    },\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    DaffQuantityInputComponent,\n    DaffQuantitySelectComponent,\n  ],\n})\nexport class DaffQuantityFieldComponent extends DaffFormFieldControl<number> implements ControlValueAccessor, DaffFormFieldControl<number> {\n\n  @ViewChild(DaffQuantityInputComponent) input: DaffQuantityInputComponent;\n  @ViewChild(DaffQuantitySelectComponent) select: DaffQuantitySelectComponent;\n\n  /**\n   * @docs\n   * The minimum valid value of the quantity field.\n   * Must be greater than or equal to 1.\n   */\n  @Input() min = 1;\n\n  /**\n   * @docs\n   * The maximum valid value of the quantity field.\n   * Must be greater than min.\n   */\n  @Input() max = 500;\n\n  /**\n   * @docs\n   * The range of numbers acceptable in a quantity dropdown\n   * before it becomes an input element.\n   */\n  @Input() selectMax = 10;\n\n  @Input() id = '';\n\n  get focused(): boolean {\n    return !!(this.input?.focused || this.select?.focused);\n  }\n\n  disabled = false;\n  private _quantity = 1;\n  private _inputHasBeenShown = false;\n\n  get quantity() {\n    return this._quantity;\n  }\n  set quantity(value: number) {\n    this._quantity = coerceNumberProperty(value, 1);\n  }\n\n  /**\n   * Returns the lesser of max and selectMax.\n   */\n  get _maxFloor(): number {\n    return Math.min(this.max, this.selectMax);\n  }\n\n  get controlType() {\n    // TODO: use enum\n    return this.showInputField\n      ? 'native-input'\n      : 'native-select';\n  }\n\n  get showInputField(): boolean {\n    const ret = this._inputHasBeenShown || (this.ngControl\n      ? this.ngControl.value >= this.selectMax\n      : this.quantity >= this.selectMax);\n\n    if (ret) {\n      this._inputHasBeenShown = true;\n    }\n\n    return ret;\n  }\n\n  get showSelectField(): boolean {\n    return !this.showInputField;\n  }\n\n  constructor(\n    @Optional() @Self() public ngControl: NgControl,\n    private cd: ChangeDetectorRef,\n  ) {\n    super(ngControl);\n\n    if (this.ngControl != null) {\n      this.ngControl.valueAccessor = this;\n    }\n  }\n\n  private onChange(quantity: number): void {};\n  private onTouched(quantity: number): void {};\n\n  writeValue(quantity: number): void {\n    this.quantity = quantity;\n    this.cd.markForCheck();\n  }\n\n  registerOnChange(fn: (quantity: number) => void): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: any): void {\n    this.onTouched = fn;\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this.disabled = isDisabled;\n  }\n\n  focus() {\n    if(this.select) {\n      this.select.focus();\n    }\n    if(this.input) {\n      this.input.focus();\n    }\n  }\n\n  get value() {\n    if(this.select) {\n      return this.select.value;\n    }\n    if(this.input) {\n      return this.input.value;\n    }\n  }\n}\n","@if (showSelectField) {\n  <daff-quantity-select\n    [min]=\"min\"\n    [max]=\"_maxFloor\"\n    [extendable]=\"max > selectMax\"\n    [id]=\"id\">\n  </daff-quantity-select>\n}\n@if (showInputField) {\n  <daff-quantity-input\n    [min]=\"min\"\n    [max]=\"max\"\n    [id]=\"id\">\n  </daff-quantity-input>\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DaffQuantityFieldComponent } from './quantity-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    CommonModule,\n    DaffQuantityFieldComponent,\n  ],\n  exports: [\n    DaffQuantityFieldComponent,\n  ],\n})\nexport class DaffQuantityFieldModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;MA6Ba,0BAA0B,CAAA;AAuBrC,IAAA,IAAI,OAAO,GAAA;AACT,QAAA,OAAO,IAAI,CAAC,KAAK,EAAE,OAAO;;AAK5B,IAAA,IAAI,KAAK,GAAA;AACP,QAAA,OAAO,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK;;IAErC,IAAI,KAAK,CAAC,KAAK,EAAA;QACb,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC;QACvE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC;AACtC,QAAA,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,GAAG,CAAC;AAClC,QAAA,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE;;AAGvC,IAAA,IAAI,QAAQ,GAAA;AACV,QAAA,OAAO,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,QAAQ;;IAGxC,WACS,CAAA,SAAoB,EACnB,iBAAoC,EAAA;QADrC,IAAS,CAAA,SAAA,GAAT,SAAS;QACR,IAAiB,CAAA,iBAAA,GAAjB,iBAAiB;AA1C3B;;;AAGG;QACM,IAAG,CAAA,GAAA,GAAG,CAAC;AAEhB;;;AAGG;QACM,IAAG,CAAA,GAAA,GAAG,EAAE;AAEjB;;;;;AAKG;AACH,QAAA,IAAA,CAAA,aAAa,GAAG,IAAI,kBAAkB,EAAE;AAMxC,QAAA,IAAA,CAAA,UAAU,GAAG,IAAI,OAAO,EAAE;;AAqB1B;;AAEG;IACH,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC;QAC3D,IAAI,CAAC,gBAAgB,EAAE;AACvB,QAAA,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,IAAI,CAC/B,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,CAC3B,CAAC,SAAS,CAAC,MAAK;YACf,IAAI,CAAC,gBAAgB,EAAE;AACzB,SAAC,CAAC;;IAGJ,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;;IAG5B,KAAK,GAAA;AACH,QAAA,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE;;IAGpB,OAAO,GAAA;AACL,QAAA,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,aAAa,EAAE;;IAGxC,MAAM,GAAA;AACJ,QAAA,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,EAAE;AACnD,YAAA,IAAI,CAAC,KAAK,GAAG,CAAC;AACd,YAAA,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE;;;AAIzC;;;AAGG;AACH,IAAA,aAAa,CAAC,CAAM,EAAA;QAClB,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK;;IAGrB,gBAAgB,GAAA;;QAEtB,IAAI,CAAC,SAAS,CAAC;AACb,cAAE,IAAI,CAAC,aAAa,CAAC,OAAO;AAC5B,cAAE,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE;;kIA5FtB,0BAA0B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,SAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA1B,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,0BAA0B,0JAC1B,kBAAkB,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC9B/B,qOAUA,EDeI,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,kBAAkB,6DAClB,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,8MAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,iGAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAGV,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBATtC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,qBAAqB,EAEd,eAAA,EAAA,uBAAuB,CAAC,MAAM,EACtC,OAAA,EAAA;wBACP,kBAAkB;wBAClB,mBAAmB;AACpB,qBAAA,EAAA,QAAA,EAAA,qOAAA,EAAA;8GAG8B,KAAK,EAAA,CAAA;sBAAnC,SAAS;uBAAC,kBAAkB;gBAMpB,GAAG,EAAA,CAAA;sBAAX;gBAMQ,GAAG,EAAA,CAAA;sBAAX;;;AErBH;;AAEG;AACI,MAAM,cAAc,GAAG,CAAC,GAAW,EAAE,GAAW,EAAE,SAAiB,KACxE,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,GAAG,SAAS,IAAI,GAAG,CAAC;MAalD,2BAA2B,CAAA;AA8BtC,IAAA,IAAI,KAAK,GAAA;QACP,OAAO,IAAI,CAAC,MAAM;;IAEpB,IAAI,KAAK,CAAC,KAAK,EAAA;AACb,QAAA,IAAI,CAAC,MAAM,GAAG,KAAK;QACnB,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC;AAC9C,QAAA,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE;;IAGvC,WAAmB,CAAA,SAAoB,EAAU,iBAAoC,EAAA;QAAlE,IAAS,CAAA,SAAA,GAAT,SAAS;QAAqB,IAAiB,CAAA,iBAAA,GAAjB,iBAAiB;AAnClE;;;AAGG;QACM,IAAG,CAAA,GAAA,GAAG,CAAC;AAEhB;;;AAGG;QACM,IAAG,CAAA,GAAA,GAAG,EAAE;AAEjB;;;;AAIG;QACM,IAAU,CAAA,UAAA,GAAG,IAAI;AAE1B;;AAEG;QACK,IAAS,CAAA,SAAA,GAAG,CAAC;QAErB,IAAM,CAAA,MAAA,GAAG,CAAC;;AAaV;;;AAGG;AACH,IAAA,aAAa,CAAC,CAAC,EAAA;QACb,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK;;AAG7B,IAAA,IAAI,OAAO,GAAA;AACT,QAAA,OAAO,IAAI,CAAC,MAAM,CAAC,OAAO;;IAG5B,KAAK,GAAA;AACH,QAAA,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE;;IAGrB,OAAO,GAAA;AACL,QAAA,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,aAAa,EAAE;;AAGxC;;AAEG;AACH,IAAA,IAAI,UAAU,GAAA;AACZ,QAAA,OAAO,cAAc,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,SAAS,CAAC;;kIAjEhD,2BAA2B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,SAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;sHAA3B,2BAA2B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,KAAA,EAAA,GAAA,EAAA,KAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,QAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAE3B,yBAAyB,ECxCtC,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,uUAWA,2CDqBI,sBAAsB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,yBAAA,EAAA,QAAA,EAAA,4BAAA,EAAA,MAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACtB,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,cAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,uBAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,0BAAA,EAAA,QAAA,EAAA,6GAAA,EAAA,MAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACnB,KAAK,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAII,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAXvC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,sBAAsB,EAEf,eAAA,EAAA,uBAAuB,CAAC,MAAM,EACtC,OAAA,EAAA;wBACP,sBAAsB;wBACtB,mBAAmB;wBACnB,KAAK;wBACL,IAAI;AACL,qBAAA,EAAA,QAAA,EAAA,uUAAA,EAAA;8GAIqC,MAAM,EAAA,CAAA;sBAA3C,SAAS;uBAAC,yBAAyB;gBAM3B,GAAG,EAAA,CAAA;sBAAX;gBAMQ,GAAG,EAAA,CAAA;sBAAX;gBAOQ,UAAU,EAAA,CAAA;sBAAlB;;;AEvBG,MAAO,0BAA2B,SAAQ,oBAA4B,CAAA;AA4B1E,IAAA,IAAI,OAAO,GAAA;AACT,QAAA,OAAO,CAAC,EAAE,IAAI,CAAC,KAAK,EAAE,OAAO,IAAI,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC;;AAOxD,IAAA,IAAI,QAAQ,GAAA;QACV,OAAO,IAAI,CAAC,SAAS;;IAEvB,IAAI,QAAQ,CAAC,KAAa,EAAA;QACxB,IAAI,CAAC,SAAS,GAAG,oBAAoB,CAAC,KAAK,EAAE,CAAC,CAAC;;AAGjD;;AAEG;AACH,IAAA,IAAI,SAAS,GAAA;AACX,QAAA,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,SAAS,CAAC;;AAG3C,IAAA,IAAI,WAAW,GAAA;;QAEb,OAAO,IAAI,CAAC;AACV,cAAE;cACA,eAAe;;AAGrB,IAAA,IAAI,cAAc,GAAA;QAChB,MAAM,GAAG,GAAG,IAAI,CAAC,kBAAkB,KAAK,IAAI,CAAC;cACzC,IAAI,CAAC,SAAS,CAAC,KAAK,IAAI,IAAI,CAAC;cAC7B,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,SAAS,CAAC;QAEpC,IAAI,GAAG,EAAE;AACP,YAAA,IAAI,CAAC,kBAAkB,GAAG,IAAI;;AAGhC,QAAA,OAAO,GAAG;;AAGZ,IAAA,IAAI,eAAe,GAAA;AACjB,QAAA,OAAO,CAAC,IAAI,CAAC,cAAc;;IAG7B,WAC6B,CAAA,SAAoB,EACvC,EAAqB,EAAA;QAE7B,KAAK,CAAC,SAAS,CAAC;QAHW,IAAS,CAAA,SAAA,GAAT,SAAS;QAC5B,IAAE,CAAA,EAAA,GAAF,EAAE;AAtEZ;;;;AAIG;QACM,IAAG,CAAA,GAAA,GAAG,CAAC;AAEhB;;;;AAIG;QACM,IAAG,CAAA,GAAA,GAAG,GAAG;AAElB;;;;AAIG;QACM,IAAS,CAAA,SAAA,GAAG,EAAE;QAEd,IAAE,CAAA,EAAA,GAAG,EAAE;QAMhB,IAAQ,CAAA,QAAA,GAAG,KAAK;QACR,IAAS,CAAA,SAAA,GAAG,CAAC;QACb,IAAkB,CAAA,kBAAA,GAAG,KAAK;AA6ChC,QAAA,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,EAAE;AAC1B,YAAA,IAAI,CAAC,SAAS,CAAC,aAAa,GAAG,IAAI;;;IAI/B,QAAQ,CAAC,QAAgB,EAAA;;IACzB,SAAS,CAAC,QAAgB,EAAA;;AAElC,IAAA,UAAU,CAAC,QAAgB,EAAA;AACzB,QAAA,IAAI,CAAC,QAAQ,GAAG,QAAQ;AACxB,QAAA,IAAI,CAAC,EAAE,CAAC,YAAY,EAAE;;AAGxB,IAAA,gBAAgB,CAAC,EAA8B,EAAA;AAC7C,QAAA,IAAI,CAAC,QAAQ,GAAG,EAAE;;AAGpB,IAAA,iBAAiB,CAAC,EAAO,EAAA;AACvB,QAAA,IAAI,CAAC,SAAS,GAAG,EAAE;;AAGrB,IAAA,gBAAgB,CAAC,UAAmB,EAAA;AAClC,QAAA,IAAI,CAAC,QAAQ,GAAG,UAAU;;IAG5B,KAAK,GAAA;AACH,QAAA,IAAG,IAAI,CAAC,MAAM,EAAE;AACd,YAAA,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE;;AAErB,QAAA,IAAG,IAAI,CAAC,KAAK,EAAE;AACb,YAAA,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE;;;AAItB,IAAA,IAAI,KAAK,GAAA;AACP,QAAA,IAAG,IAAI,CAAC,MAAM,EAAE;AACd,YAAA,OAAO,IAAI,CAAC,MAAM,CAAC,KAAK;;AAE1B,QAAA,IAAG,IAAI,CAAC,KAAK,EAAE;AACb,YAAA,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK;;;kIAtHhB,0BAA0B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,IAAA,EAAA,IAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA1B,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,0BAA0B,EAb1B,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,KAAA,EAAA,GAAA,EAAA,KAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA;AACT,YAAA;AACE,gBAAA,OAAO,EAAE,oBAAoB;;AAE7B,gBAAA,WAAW,EAAE,0BAA0B;AACxC,aAAA;SACF,EASU,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,OAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,0BAA0B,yEAC1B,2BAA2B,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECvCxC,2TAeA,EDiBI,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,0BAA0B,wFAC1B,2BAA2B,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,CAAA,KAAA,EAAA,KAAA,EAAA,YAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAGlB,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAhBtC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,qBAAqB,EAEpB,SAAA,EAAA;AACT,wBAAA;AACE,4BAAA,OAAO,EAAE,oBAAoB;;AAE7B,4BAAA,WAAW,EAA4B,0BAAA;AACxC,yBAAA;qBACF,EACgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EACtC,OAAA,EAAA;wBACP,0BAA0B;wBAC1B,2BAA2B;AAC5B,qBAAA,EAAA,QAAA,EAAA,2TAAA,EAAA;;0BA4EE;;0BAAY;yEAxEwB,KAAK,EAAA,CAAA;sBAA3C,SAAS;uBAAC,0BAA0B;gBACG,MAAM,EAAA,CAAA;sBAA7C,SAAS;uBAAC,2BAA2B;gBAO7B,GAAG,EAAA,CAAA;sBAAX;gBAOQ,GAAG,EAAA,CAAA;sBAAX;gBAOQ,SAAS,EAAA,CAAA;sBAAjB;gBAEQ,EAAE,EAAA,CAAA;sBAAV;;;AEzDH;;AAEG;MAUU,uBAAuB,CAAA;kIAAvB,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAvB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,uBAAuB,YAPhC,YAAY;AACZ,YAAA,0BAA0B,aAG1B,0BAA0B,CAAA,EAAA,CAAA,CAAA;AAGjB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,uBAAuB,YAPhC,YAAY;YACZ,0BAA0B,CAAA,EAAA,CAAA,CAAA;;4FAMjB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBATnC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,0BAA0B;AAC3B,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,0BAA0B;AAC3B,qBAAA;AACF,iBAAA;;;AChBD;;AAEG;;;;"}
+{"version":3,"file":"daffodil-design-quantity-field.mjs","sources":["../../../libs/design/quantity-field/src/quantity-input/quantity-input.component.ts","../../../libs/design/quantity-field/src/quantity-input/quantity-input.component.html","../../../libs/design/quantity-field/src/quantity-select/quantity-select.component.ts","../../../libs/design/quantity-field/src/quantity-select/quantity-select.component.html","../../../libs/design/quantity-field/src/quantity-field.component.ts","../../../libs/design/quantity-field/src/quantity-field.component.html","../../../libs/design/quantity-field/src/quantity-field.module.ts","../../../libs/design/quantity-field/src/daffodil-design-quantity-field.ts"],"sourcesContent":["import { coerceNumberProperty } from '@angular/cdk/coercion';\nimport {\n  Component,\n  Input,\n  ViewChild,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  OnInit,\n  OnDestroy,\n} from '@angular/core';\nimport {\n  UntypedFormControl,\n  NgControl,\n  ReactiveFormsModule,\n} from '@angular/forms';\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { DaffInputComponent } from '@daffodil/design/input';\n\n@Component({\n  selector: 'daff-quantity-input',\n  templateUrl: './quantity-input.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    DaffInputComponent,\n    ReactiveFormsModule,\n  ],\n})\nexport class DaffQuantityInputComponent implements OnInit, OnDestroy {\n  @ViewChild(DaffInputComponent) input: DaffInputComponent;\n\n  /**\n   * @docs\n   * The minimum number for the quantity input field\n   */\n  @Input() min = 1;\n\n  /**\n   * @docs\n   * The maximum number for the quantity input field\n   */\n  @Input() max = 10;\n\n  /**\n   * A new control for the nested native input.\n   * We don't bind the native input directly to the inherited form control\n   * to avoid triggering updates on the input event.\n   * Instead, we listen for the change event and manually patch form control values.\n   */\n  _inputControl = new UntypedFormControl();\n\n  get focused(): boolean {\n    return this.input?.focused;\n  }\n\n  _destroyed = new Subject();\n\n  get value() {\n    return this.ngControl.control.value;\n  }\n  set value(value) {\n    const val = Math.min(Math.round(coerceNumberProperty(value)), this.max);\n    this.ngControl.control.patchValue(val);\n    this._inputControl.patchValue(val);\n    this.changeDetectorRef.markForCheck();\n  }\n\n  get disabled() {\n    return this.ngControl.control.disabled;\n  }\n\n  constructor(\n    public ngControl: NgControl,\n    private changeDetectorRef: ChangeDetectorRef,\n  ) {}\n\n  /**\n   * @docs-private\n   */\n  ngOnInit() {\n    this._inputControl.patchValue(this.ngControl.control.value);\n    this.setInputDisabled();\n    this.ngControl.statusChanges.pipe(\n      takeUntil(this._destroyed),\n    ).subscribe(() => {\n      this.setInputDisabled();\n    });\n  }\n\n  ngOnDestroy() {\n    this._destroyed.next(true);\n  }\n\n  focus() {\n    this.input.focus();\n  }\n\n  onFocus() {\n    this.ngControl.control.markAsTouched();\n  }\n\n  onBlur() {\n    if (this.value === null || this.value === undefined) {\n      this.value = 1;\n      this.changeDetectorRef.markForCheck();\n    }\n  }\n\n  /**\n   * Callback function fired when the value changes.\n   * Used to pass the value back up to the ngControl.\n   */\n  onValueChange(e: any) {\n    this.value = e.target.value;\n  }\n\n  private setInputDisabled() {\n    // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n    this.ngControl.disabled\n      ? this._inputControl.disable()\n      : this._inputControl.enable();\n  }\n}\n","<input daff-input\n  type=\"number\"\n  [attr.max]=\"max\"\n  [attr.min]=\"min\"\n  [attr.step]=\"1\"\n  (focus)=\"onFocus()\"\n  (blur)=\"onBlur()\"\n  (change)=\"onValueChange($event)\"\n  [formControl]=\"_inputControl\"\n>\n","import {\n  NgFor,\n  NgIf,\n} from '@angular/common';\nimport {\n  Component,\n  Input,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  ViewChild,\n} from '@angular/core';\nimport {\n  NgControl,\n  ReactiveFormsModule,\n} from '@angular/forms';\n\nimport {\n  DaffNativeSelectComponent,\n  DaffNativeSelectModule,\n} from '@daffodil/design';\n\n/**\n * Create an array of numbers from min to max, not including max.\n */\nexport const makeValueArray = (min: number, max: number, increment: number) =>\n  Array(max - min).fill(0).map((x, i) => (i * increment) + min);\n\n@Component({\n  selector: 'daff-quantity-select',\n  templateUrl: './quantity-select.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    DaffNativeSelectModule,\n    ReactiveFormsModule,\n    NgFor,\n    NgIf,\n  ],\n})\nexport class DaffQuantitySelectComponent {\n\n  @ViewChild(DaffNativeSelectComponent) select: DaffNativeSelectComponent;\n\n  /**\n   * @docs\n   * The minimum number selectable.\n   */\n  @Input() min = 1;\n\n  /**\n   * @docs\n   * The maximum number selectable;\n   */\n  @Input() max = 10;\n\n  /**\n   * @docs\n   * Property used to determine whether or not the DaffQuantitySelectComponent is\n   * used in a situation whether the `max` isn't a true max.\n   */\n  @Input() extendable = true;\n\n  /**\n   * The amount to increment between \"min\" and \"max\".\n   */\n  private increment = 1;\n\n  _value = 1;\n\n  get value() {\n    return this._value;\n  }\n  set value(value) {\n    this._value = value;\n    this.ngControl.control.patchValue(this._value);\n    this.changeDetectorRef.markForCheck();\n  }\n\n  constructor(public ngControl: NgControl, private changeDetectorRef: ChangeDetectorRef) {}\n\n  /**\n   * Callback function fired when the value changes.\n   * Used to pass the value back up to the ngControl.\n   */\n  onValueChange(e) {\n    this.value = e.target.value;\n  }\n\n  get focused(): boolean {\n    return this.select.focused;\n  }\n\n  focus() {\n    this.select.focus();\n  }\n\n  onFocus() {\n    this.ngControl.control.markAsTouched();\n  }\n\n  /**\n   * A helper function for easily making options for the `select`.\n   */\n  get valueArray() {\n    return makeValueArray(this.min, this.max, this.increment);\n  }\n}\n","<select daff-native-select\n  [formControl]=\"ngControl.control\"\n  (focus)=\"onFocus()\"\n>\n  <option *ngFor=\"let item of valueArray\" [value]=\"item\">{{ item }}</option>\n  @if (extendable) {\n    <option [value]=\"max\">{{ max }}+</option>\n  } @else {\n    <option [value]=\"max\">{{ max }}</option>\n  }\n</select>\n","import { coerceNumberProperty } from '@angular/cdk/coercion';\nimport {\n  Component,\n  Input,\n  ChangeDetectionStrategy,\n  Optional,\n  Self,\n  ViewChild,\n  ChangeDetectorRef,\n} from '@angular/core';\nimport {\n  ControlValueAccessor,\n  NgControl,\n} from '@angular/forms';\n\nimport { DaffFormFieldControl } from '@daffodil/design';\n\nimport { DaffQuantityInputComponent } from './quantity-input/quantity-input.component';\nimport { DaffQuantitySelectComponent } from './quantity-select/quantity-select.component';\n\n@Component({\n  selector: 'daff-quantity-field',\n  templateUrl: './quantity-field.component.html',\n  providers: [\n    {\n      provide: DaffFormFieldControl,\n\n      useExisting: DaffQuantityFieldComponent,\n    },\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    DaffQuantityInputComponent,\n    DaffQuantitySelectComponent,\n  ],\n})\nexport class DaffQuantityFieldComponent extends DaffFormFieldControl<number> implements ControlValueAccessor, DaffFormFieldControl<number> {\n\n  @ViewChild(DaffQuantityInputComponent) input: DaffQuantityInputComponent;\n  @ViewChild(DaffQuantitySelectComponent) select: DaffQuantitySelectComponent;\n\n  /**\n   * @docs\n   * The minimum valid value of the quantity field.\n   * Must be greater than or equal to 1.\n   */\n  @Input() min = 1;\n\n  /**\n   * @docs\n   * The maximum valid value of the quantity field.\n   * Must be greater than min.\n   */\n  @Input() max = 500;\n\n  /**\n   * @docs\n   * The range of numbers acceptable in a quantity dropdown\n   * before it becomes an input element.\n   */\n  @Input() selectMax = 10;\n\n  @Input() id = '';\n\n  get focused(): boolean {\n    return !!(this.input?.focused || this.select?.focused);\n  }\n\n  /**\n   * @docs-private\n   *\n   * TODO: Update functionality to match other control during refactor.\n   */\n  disabled = false;\n\n  /**\n   * @docs-private\n   * TODO: Update functionality to match other control during refactor.\n   */\n  required = false;\n\n  private _quantity = 1;\n  private _inputHasBeenShown = false;\n\n  get quantity() {\n    return this._quantity;\n  }\n  set quantity(value: number) {\n    this._quantity = coerceNumberProperty(value, 1);\n  }\n\n  /**\n   * Returns the lesser of max and selectMax.\n   */\n  get _maxFloor(): number {\n    return Math.min(this.max, this.selectMax);\n  }\n\n  get controlType() {\n    // TODO: use enum\n    return this.showInputField\n      ? 'native-input'\n      : 'native-select';\n  }\n\n  get showInputField(): boolean {\n    const ret = this._inputHasBeenShown || (this.ngControl\n      ? this.ngControl.value >= this.selectMax\n      : this.quantity >= this.selectMax);\n\n    if (ret) {\n      this._inputHasBeenShown = true;\n    }\n\n    return ret;\n  }\n\n  get showSelectField(): boolean {\n    return !this.showInputField;\n  }\n\n  constructor(\n    @Optional() @Self() public ngControl: NgControl,\n    private cd: ChangeDetectorRef,\n  ) {\n    super(ngControl);\n\n    if (this.ngControl != null) {\n      this.ngControl.valueAccessor = this;\n    }\n  }\n\n  private onChange(quantity: number): void {};\n  private onTouched(quantity: number): void {};\n\n  writeValue(quantity: number): void {\n    this.quantity = quantity;\n    this.cd.markForCheck();\n  }\n\n  registerOnChange(fn: (quantity: number) => void): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: any): void {\n    this.onTouched = fn;\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this.disabled = isDisabled;\n  }\n\n  focus() {\n    if(this.select) {\n      this.select.focus();\n    }\n    if(this.input) {\n      this.input.focus();\n    }\n  }\n\n  get value() {\n    if(this.select) {\n      return this.select.value;\n    }\n    if(this.input) {\n      return this.input.value;\n    }\n  }\n}\n","@if (showSelectField) {\n  <daff-quantity-select\n    [min]=\"min\"\n    [max]=\"_maxFloor\"\n    [extendable]=\"max > selectMax\"\n    [id]=\"id\">\n  </daff-quantity-select>\n}\n@if (showInputField) {\n  <daff-quantity-input\n    [min]=\"min\"\n    [max]=\"max\"\n    [id]=\"id\">\n  </daff-quantity-input>\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DaffQuantityFieldComponent } from './quantity-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    CommonModule,\n    DaffQuantityFieldComponent,\n  ],\n  exports: [\n    DaffQuantityFieldComponent,\n  ],\n})\nexport class DaffQuantityFieldModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -38,7 +38,7 @@ class DefaultSelectComponent {
         this.options = SELECT_EXAMPLE_ADDRESSES;
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DefaultSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: DefaultSelectComponent, isStandalone: true, selector: "default-select", ngImport: i0, template: "<daff-form-field>\n  <daff-form-label>Select an address</daff-form-label>\n  <daff-select [options]=\"options\" [formControl]=\"control\">\n    <ng-template daffSelectOption let-option=\"option\">\n      <div>{{option.name}}</div>\n      <div>{{option.street}}</div>\n      <div>{{option.city}}, {{option.state}} {{option.postcode}}</div>\n    </ng-template>\n  </daff-select>\n</daff-form-field>\n\n<div class=\"default-select__selected-value\" *ngIf=\"control.value\">\n  Selected Address:\n  <div>{{control.value.name}}</div>\n  <div>{{control.value.street}}</div>\n  <div>{{control.value.city}}, {{control.value.state}} {{control.value.postcode}}</div>\n</div>", styles: [".default-select__selected-value{margin:16px 0 0}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DaffSelectComponent, selector: "daff-select", inputs: ["disabled", "options", "optionsId"] }, { kind: "directive", type: i2.DaffSelectOptionDirective, selector: "[daffSelectOption]" }, { kind: "component", type: i3.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["appearance", "id"] }, { kind: "directive", type: i3.DaffFormFieldLabelDirective, selector: "daff-form-label" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: DefaultSelectComponent, isStandalone: true, selector: "default-select", ngImport: i0, template: "<daff-form-field>\n  <daff-form-label>Select an address</daff-form-label>\n  <daff-select [options]=\"options\" [formControl]=\"control\">\n    <ng-template daffSelectOption let-option=\"option\">\n      <div>{{option.name}}</div>\n      <div>{{option.street}}</div>\n      <div>{{option.city}}, {{option.state}} {{option.postcode}}</div>\n    </ng-template>\n  </daff-select>\n</daff-form-field>\n\n<div class=\"default-select__selected-value\" *ngIf=\"control.value\">\n  Selected Address:\n  <div>{{control.value.name}}</div>\n  <div>{{control.value.street}}</div>\n  <div>{{control.value.city}}, {{control.value.state}} {{control.value.postcode}}</div>\n</div>", styles: [".default-select__selected-value{margin:16px 0 0}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DaffSelectComponent, selector: "daff-select", inputs: ["disabled", "required", "options", "optionsId"] }, { kind: "directive", type: i2.DaffSelectOptionDirective, selector: "[daffSelectOption]" }, { kind: "component", type: i3.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["appearance", "id"] }, { kind: "directive", type: i3.DaffFormFieldLabelDirective, selector: "daff-form-label" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DefaultSelectComponent, decorators: [{
             type: Component,
@@ -56,7 +56,7 @@ class DisabledSelectComponent {
         this.options = SELECT_EXAMPLE_ADDRESSES;
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DisabledSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: DisabledSelectComponent, isStandalone: true, selector: "disabled-select", ngImport: i0, template: "<daff-form-field>\n  <label daffFormLabel>Select an address</label>\n  <daff-select [options]=\"options\" [formControl]=\"disabled\">\n    <ng-template daffSelectOption let-option=\"option\"></ng-template>\n  </daff-select>\n</daff-form-field>", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2.DaffSelectComponent, selector: "daff-select", inputs: ["disabled", "options", "optionsId"] }, { kind: "directive", type: i2.DaffSelectOptionDirective, selector: "[daffSelectOption]" }, { kind: "directive", type: i3.DaffFormLabelDirective, selector: "[daffFormLabel]" }, { kind: "component", type: i3.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["appearance", "id"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: DisabledSelectComponent, isStandalone: true, selector: "disabled-select", ngImport: i0, template: "<daff-form-field>\n  <label daffFormLabel>Select an address</label>\n  <daff-select [options]=\"options\" [formControl]=\"disabled\">\n    <ng-template daffSelectOption let-option=\"option\"></ng-template>\n  </daff-select>\n</daff-form-field>", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2.DaffSelectComponent, selector: "daff-select", inputs: ["disabled", "required", "options", "optionsId"] }, { kind: "directive", type: i2.DaffSelectOptionDirective, selector: "[daffSelectOption]" }, { kind: "component", type: i3.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["appearance", "id"] }, { kind: "directive", type: i3.DaffFormLabelDirective, selector: "[daffFormLabel]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DisabledSelectComponent, decorators: [{
             type: Component,
@@ -73,7 +73,7 @@ class SelectWithErrorComponent {
         this.options = SELECT_EXAMPLE_ADDRESSES;
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: SelectWithErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: SelectWithErrorComponent, isStandalone: true, selector: "select-with-error", ngImport: i0, template: "<daff-form-field>\n  <label daffFormLabel>Select an address</label>\n  <daff-select [options]=\"options\" [formControl]=\"control\">\n    <ng-template daffSelectOption let-option=\"option\">\n      <div>{{option.name}}</div>\n      <div>{{option.street}}</div>\n      <div>{{option.city}}, {{option.state}} {{option.postcode}}</div>\n    </ng-template>\n  </daff-select>\n  <daff-error-message *ngIf=\"control.invalid\">This field is required</daff-error-message>\n</daff-form-field>", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2.DaffSelectComponent, selector: "daff-select", inputs: ["disabled", "options", "optionsId"] }, { kind: "directive", type: i2.DaffSelectOptionDirective, selector: "[daffSelectOption]" }, { kind: "component", type: i3.DaffErrorMessageComponent, selector: "daff-error-message" }, { kind: "directive", type: i3.DaffFormLabelDirective, selector: "[daffFormLabel]" }, { kind: "component", type: i3.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["appearance", "id"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: SelectWithErrorComponent, isStandalone: true, selector: "select-with-error", ngImport: i0, template: "<daff-form-field>\n  <label daffFormLabel>Select an address</label>\n  <daff-select [options]=\"options\" [formControl]=\"control\">\n    <ng-template daffSelectOption let-option=\"option\">\n      <div>{{option.name}}</div>\n      <div>{{option.street}}</div>\n      <div>{{option.city}}, {{option.state}} {{option.postcode}}</div>\n    </ng-template>\n  </daff-select>\n  <daff-error-message *ngIf=\"control.invalid\">This field is required</daff-error-message>\n</daff-form-field>", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2.DaffSelectComponent, selector: "daff-select", inputs: ["disabled", "required", "options", "optionsId"] }, { kind: "directive", type: i2.DaffSelectOptionDirective, selector: "[daffSelectOption]" }, { kind: "component", type: i3.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["appearance", "id"] }, { kind: "component", type: i3.DaffErrorMessageComponent, selector: "daff-error-message" }, { kind: "directive", type: i3.DaffFormLabelDirective, selector: "[daffFormLabel]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: SelectWithErrorComponent, decorators: [{
             type: Component,
@@ -91,7 +91,7 @@ class SkeletonSelectComponent {
         this.options = SELECT_EXAMPLE_ADDRESSES;
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: SkeletonSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: SkeletonSelectComponent, isStandalone: true, selector: "skeleton-select", ngImport: i0, template: "<daff-form-field [skeleton]=\"true\">\n  <label daffFormLabel>Select an address</label>\n  <daff-select [options]=\"options\" [formControl]=\"control\">\n    <ng-template daffSelectOption let-option=\"option\">\n    </ng-template>\n  </daff-select>\n</daff-form-field>", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2.DaffSelectComponent, selector: "daff-select", inputs: ["disabled", "options", "optionsId"] }, { kind: "directive", type: i2.DaffSelectOptionDirective, selector: "[daffSelectOption]" }, { kind: "directive", type: i3.DaffFormLabelDirective, selector: "[daffFormLabel]" }, { kind: "component", type: i3.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["appearance", "id"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: SkeletonSelectComponent, isStandalone: true, selector: "skeleton-select", ngImport: i0, template: "<daff-form-field [skeleton]=\"true\">\n  <label daffFormLabel>Select an address</label>\n  <daff-select [options]=\"options\" [formControl]=\"control\">\n    <ng-template daffSelectOption let-option=\"option\">\n    </ng-template>\n  </daff-select>\n</daff-form-field>", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2.DaffSelectComponent, selector: "daff-select", inputs: ["disabled", "required", "options", "optionsId"] }, { kind: "directive", type: i2.DaffSelectOptionDirective, selector: "[daffSelectOption]" }, { kind: "component", type: i3.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["appearance", "id"] }, { kind: "directive", type: i3.DaffFormLabelDirective, selector: "[daffFormLabel]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: SkeletonSelectComponent, decorators: [{
             type: Component,

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

@@ -1 +1 @@
-{"version":3,"file":"daffodil-design-select-examples.mjs","sources":["../../../libs/design/select/examples/src/models/addresses.ts","../../../libs/design/select/examples/src/default-select/default-select.component.ts","../../../libs/design/select/examples/src/default-select/default-select.component.html","../../../libs/design/select/examples/src/disabled-select/disabled-select.component.ts","../../../libs/design/select/examples/src/disabled-select/disabled-select.component.html","../../../libs/design/select/examples/src/select-with-error/select-with-error.component.ts","../../../libs/design/select/examples/src/select-with-error/select-with-error.component.html","../../../libs/design/select/examples/src/skeleton-select/skeleton-select.component.ts","../../../libs/design/select/examples/src/skeleton-select/skeleton-select.component.html","../../../libs/design/select/examples/src/public_api.ts","../../../libs/design/select/examples/src/daffodil-design-select-examples.ts"],"sourcesContent":["import { SelectExampleAddress } from './address.type';\n\nexport const SELECT_EXAMPLE_ADDRESSES: SelectExampleAddress[] = [\n  {\n    name: 'John Doe',\n    street: '123 New St',\n    city: 'New York',\n    state: 'NY',\n    postcode: '10001',\n  },\n  {\n    name: 'Srinivasa Ramanujan',\n    street: '1729 Hardy Blvd',\n    city: 'New York',\n    state: 'NY',\n    postcode: '10001',\n  },\n  {\n    name: 'Bob the Builder',\n    street: '525 Coal Ave',\n    city: 'Morgantown',\n    state: 'WV',\n    postcode: '26501',\n  },\n];\n","import { NgIf } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport {\n  FormControl,\n  ReactiveFormsModule,\n} from '@angular/forms';\n\nimport { DAFF_FORM_FIELD_COMPONENTS } from '@daffodil/design';\nimport { DAFF_SELECT_COMPONENTS } from '@daffodil/design/select';\n\nimport { SELECT_EXAMPLE_ADDRESSES } from '../models/addresses';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'default-select',\n  templateUrl: './default-select.component.html',\n  styleUrls: ['./default-select.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [\n    ReactiveFormsModule,\n    NgIf,\n    DAFF_SELECT_COMPONENTS,\n    DAFF_FORM_FIELD_COMPONENTS,\n  ],\n})\nexport class DefaultSelectComponent {\n  control = new FormControl();\n\n  options = SELECT_EXAMPLE_ADDRESSES;\n}\n","<daff-form-field>\n  <daff-form-label>Select an address</daff-form-label>\n  <daff-select [options]=\"options\" [formControl]=\"control\">\n    <ng-template daffSelectOption let-option=\"option\">\n      <div>{{option.name}}</div>\n      <div>{{option.street}}</div>\n      <div>{{option.city}}, {{option.state}} {{option.postcode}}</div>\n    </ng-template>\n  </daff-select>\n</daff-form-field>\n\n<div class=\"default-select__selected-value\" *ngIf=\"control.value\">\n  Selected Address:\n  <div>{{control.value.name}}</div>\n  <div>{{control.value.street}}</div>\n  <div>{{control.value.city}}, {{control.value.state}} {{control.value.postcode}}</div>\n</div>","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 { DAFF_SELECT_COMPONENTS } from '@daffodil/design/select';\n\nimport { SELECT_EXAMPLE_ADDRESSES } from '../models/addresses';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'disabled-select',\n  templateUrl: './disabled-select.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [\n    ReactiveFormsModule,\n    DAFF_SELECT_COMPONENTS,\n    DAFF_FORM_FIELD_COMPONENTS,\n  ],\n})\nexport class DisabledSelectComponent {\n  disabled = new UntypedFormControl({ value : '' , disabled: true });\n\n  options = SELECT_EXAMPLE_ADDRESSES;\n}\n","<daff-form-field>\n  <label daffFormLabel>Select an address</label>\n  <daff-select [options]=\"options\" [formControl]=\"disabled\">\n    <ng-template daffSelectOption let-option=\"option\"></ng-template>\n  </daff-select>\n</daff-form-field>","import { NgIf } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport {\n  FormControl,\n  ReactiveFormsModule,\n  Validators,\n} from '@angular/forms';\n\nimport { DAFF_FORM_FIELD_COMPONENTS } from '@daffodil/design';\nimport { DAFF_SELECT_COMPONENTS } from '@daffodil/design/select';\n\nimport { SELECT_EXAMPLE_ADDRESSES } from '../models/addresses';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'select-with-error',\n  templateUrl: './select-with-error.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [\n    NgIf,\n    ReactiveFormsModule,\n    DAFF_SELECT_COMPONENTS,\n    DAFF_FORM_FIELD_COMPONENTS,\n  ],\n})\nexport class SelectWithErrorComponent {\n  control = new FormControl('', [Validators.required]);\n\n  options = SELECT_EXAMPLE_ADDRESSES;\n}\n","<daff-form-field>\n  <label daffFormLabel>Select an address</label>\n  <daff-select [options]=\"options\" [formControl]=\"control\">\n    <ng-template daffSelectOption let-option=\"option\">\n      <div>{{option.name}}</div>\n      <div>{{option.street}}</div>\n      <div>{{option.city}}, {{option.state}} {{option.postcode}}</div>\n    </ng-template>\n  </daff-select>\n  <daff-error-message *ngIf=\"control.invalid\">This field is required</daff-error-message>\n</daff-form-field>","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport {\n  FormControl,\n  ReactiveFormsModule,\n} from '@angular/forms';\n\nimport { DAFF_FORM_FIELD_COMPONENTS } from '@daffodil/design';\nimport { DAFF_SELECT_COMPONENTS } from '@daffodil/design/select';\n\nimport { SELECT_EXAMPLE_ADDRESSES } from '../models/addresses';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'skeleton-select',\n  templateUrl: './skeleton-select.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [\n    ReactiveFormsModule,\n    DAFF_SELECT_COMPONENTS,\n    DAFF_FORM_FIELD_COMPONENTS,\n  ],\n})\nexport class SkeletonSelectComponent {\n  control = new FormControl();\n\n  options = SELECT_EXAMPLE_ADDRESSES;\n}\n","<daff-form-field [skeleton]=\"true\">\n  <label daffFormLabel>Select an address</label>\n  <daff-select [options]=\"options\" [formControl]=\"control\">\n    <ng-template daffSelectOption let-option=\"option\">\n    </ng-template>\n  </daff-select>\n</daff-form-field>","import { DefaultSelectComponent } from './default-select/default-select.component';\nimport { DisabledSelectComponent } from './disabled-select/disabled-select.component';\nimport { SelectWithErrorComponent } from './select-with-error/select-with-error.component';\nimport { SkeletonSelectComponent } from './skeleton-select/skeleton-select.component';\n\nexport const SELECT_EXAMPLES = [\n  DefaultSelectComponent,\n  DisabledSelectComponent,\n  SkeletonSelectComponent,\n  SelectWithErrorComponent,\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-select-examples.mjs","sources":["../../../libs/design/select/examples/src/models/addresses.ts","../../../libs/design/select/examples/src/default-select/default-select.component.ts","../../../libs/design/select/examples/src/default-select/default-select.component.html","../../../libs/design/select/examples/src/disabled-select/disabled-select.component.ts","../../../libs/design/select/examples/src/disabled-select/disabled-select.component.html","../../../libs/design/select/examples/src/select-with-error/select-with-error.component.ts","../../../libs/design/select/examples/src/select-with-error/select-with-error.component.html","../../../libs/design/select/examples/src/skeleton-select/skeleton-select.component.ts","../../../libs/design/select/examples/src/skeleton-select/skeleton-select.component.html","../../../libs/design/select/examples/src/public_api.ts","../../../libs/design/select/examples/src/daffodil-design-select-examples.ts"],"sourcesContent":["import { SelectExampleAddress } from './address.type';\n\nexport const SELECT_EXAMPLE_ADDRESSES: SelectExampleAddress[] = [\n  {\n    name: 'John Doe',\n    street: '123 New St',\n    city: 'New York',\n    state: 'NY',\n    postcode: '10001',\n  },\n  {\n    name: 'Srinivasa Ramanujan',\n    street: '1729 Hardy Blvd',\n    city: 'New York',\n    state: 'NY',\n    postcode: '10001',\n  },\n  {\n    name: 'Bob the Builder',\n    street: '525 Coal Ave',\n    city: 'Morgantown',\n    state: 'WV',\n    postcode: '26501',\n  },\n];\n","import { NgIf } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport {\n  FormControl,\n  ReactiveFormsModule,\n} from '@angular/forms';\n\nimport { DAFF_FORM_FIELD_COMPONENTS } from '@daffodil/design';\nimport { DAFF_SELECT_COMPONENTS } from '@daffodil/design/select';\n\nimport { SELECT_EXAMPLE_ADDRESSES } from '../models/addresses';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'default-select',\n  templateUrl: './default-select.component.html',\n  styleUrls: ['./default-select.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [\n    ReactiveFormsModule,\n    NgIf,\n    DAFF_SELECT_COMPONENTS,\n    DAFF_FORM_FIELD_COMPONENTS,\n  ],\n})\nexport class DefaultSelectComponent {\n  control = new FormControl();\n\n  options = SELECT_EXAMPLE_ADDRESSES;\n}\n","<daff-form-field>\n  <daff-form-label>Select an address</daff-form-label>\n  <daff-select [options]=\"options\" [formControl]=\"control\">\n    <ng-template daffSelectOption let-option=\"option\">\n      <div>{{option.name}}</div>\n      <div>{{option.street}}</div>\n      <div>{{option.city}}, {{option.state}} {{option.postcode}}</div>\n    </ng-template>\n  </daff-select>\n</daff-form-field>\n\n<div class=\"default-select__selected-value\" *ngIf=\"control.value\">\n  Selected Address:\n  <div>{{control.value.name}}</div>\n  <div>{{control.value.street}}</div>\n  <div>{{control.value.city}}, {{control.value.state}} {{control.value.postcode}}</div>\n</div>","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 { DAFF_SELECT_COMPONENTS } from '@daffodil/design/select';\n\nimport { SELECT_EXAMPLE_ADDRESSES } from '../models/addresses';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'disabled-select',\n  templateUrl: './disabled-select.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [\n    ReactiveFormsModule,\n    DAFF_SELECT_COMPONENTS,\n    DAFF_FORM_FIELD_COMPONENTS,\n  ],\n})\nexport class DisabledSelectComponent {\n  disabled = new UntypedFormControl({ value : '' , disabled: true });\n\n  options = SELECT_EXAMPLE_ADDRESSES;\n}\n","<daff-form-field>\n  <label daffFormLabel>Select an address</label>\n  <daff-select [options]=\"options\" [formControl]=\"disabled\">\n    <ng-template daffSelectOption let-option=\"option\"></ng-template>\n  </daff-select>\n</daff-form-field>","import { NgIf } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport {\n  FormControl,\n  ReactiveFormsModule,\n  Validators,\n} from '@angular/forms';\n\nimport { DAFF_FORM_FIELD_COMPONENTS } from '@daffodil/design';\nimport { DAFF_SELECT_COMPONENTS } from '@daffodil/design/select';\n\nimport { SELECT_EXAMPLE_ADDRESSES } from '../models/addresses';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'select-with-error',\n  templateUrl: './select-with-error.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [\n    NgIf,\n    ReactiveFormsModule,\n    DAFF_SELECT_COMPONENTS,\n    DAFF_FORM_FIELD_COMPONENTS,\n  ],\n})\nexport class SelectWithErrorComponent {\n  control = new FormControl('', [Validators.required]);\n\n  options = SELECT_EXAMPLE_ADDRESSES;\n}\n","<daff-form-field>\n  <label daffFormLabel>Select an address</label>\n  <daff-select [options]=\"options\" [formControl]=\"control\">\n    <ng-template daffSelectOption let-option=\"option\">\n      <div>{{option.name}}</div>\n      <div>{{option.street}}</div>\n      <div>{{option.city}}, {{option.state}} {{option.postcode}}</div>\n    </ng-template>\n  </daff-select>\n  <daff-error-message *ngIf=\"control.invalid\">This field is required</daff-error-message>\n</daff-form-field>","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport {\n  FormControl,\n  ReactiveFormsModule,\n} from '@angular/forms';\n\nimport { DAFF_FORM_FIELD_COMPONENTS } from '@daffodil/design';\nimport { DAFF_SELECT_COMPONENTS } from '@daffodil/design/select';\n\nimport { SELECT_EXAMPLE_ADDRESSES } from '../models/addresses';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'skeleton-select',\n  templateUrl: './skeleton-select.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [\n    ReactiveFormsModule,\n    DAFF_SELECT_COMPONENTS,\n    DAFF_FORM_FIELD_COMPONENTS,\n  ],\n})\nexport class SkeletonSelectComponent {\n  control = new FormControl();\n\n  options = SELECT_EXAMPLE_ADDRESSES;\n}\n","<daff-form-field [skeleton]=\"true\">\n  <label daffFormLabel>Select an address</label>\n  <daff-select [options]=\"options\" [formControl]=\"control\">\n    <ng-template daffSelectOption let-option=\"option\">\n    </ng-template>\n  </daff-select>\n</daff-form-field>","import { DefaultSelectComponent } from './default-select/default-select.component';\nimport { DisabledSelectComponent } from './disabled-select/disabled-select.component';\nimport { SelectWithErrorComponent } from './select-with-error/select-with-error.component';\nimport { SkeletonSelectComponent } from './skeleton-select/skeleton-select.component';\n\nexport const SELECT_EXAMPLES = [\n  DefaultSelectComponent,\n  DisabledSelectComponent,\n  SkeletonSelectComponent,\n  SelectWithErrorComponent,\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-select.mjs

@@ -4,44 +4,12 @@ import * as i4 from '@angular/cdk/portal';
 import { PortalModule } from '@angular/cdk/portal';
 import { DOCUMENT, NgTemplateOutlet } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Optional, Directive, ElementRef, ContentChild, ViewChild, Input, HostBinding, Inject, Self, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
+import { Optional, Directive, ElementRef, booleanAttribute, ContentChild, ViewChild, Input, Inject, Self, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
 import * as i1 from '@angular/forms';
-import { Subject, merge, of, map, takeUntil, delay } from 'rxjs';
+import { Validators } from '@angular/forms';
+import { Subject, merge, of, map, tap, takeUntil, delay } from 'rxjs';
 import * as i3 from '@daffodil/design';
-import { DaffFormFieldControl, DaffOpenableDirective, DaffErrorMessageComponent, DaffFormLabelDirective } from '@daffodil/design';
-import { trigger, state, style } from '@angular/animations';
-
-var DaffSelectAnimationState;
-(function (DaffSelectAnimationState) {
-    DaffSelectAnimationState["OPEN"] = "open";
-    DaffSelectAnimationState["CLOSED"] = "closed";
-})(DaffSelectAnimationState || (DaffSelectAnimationState = {}));
-;
-
-const daffSelectAnimations = {
-    openSelect: trigger('openSelect', [
-        state(DaffSelectAnimationState.OPEN, style({
-            height: '*',
-        })),
-        state(DaffSelectAnimationState.CLOSED, style({
-            height: '0',
-        })),
-    ]),
-};
-
-/**
- * Turns a boolean into a string of 'open' or 'close'.
- *
- * @param open A boolean representing the open status of an select.
- */
-const getAnimationState = (open) => {
-    if (open) {
-        return DaffSelectAnimationState.OPEN;
-    }
-    else {
-        return DaffSelectAnimationState.CLOSED;
-    }
-};
+import { DaffFormFieldControl, DaffOpenableDirective } from '@daffodil/design';
 
 /**
  * The directive provides the template for a list of options inside the select dropdown.
@@ -88,20 +56,25 @@ class DaffSelectComponent extends DaffFormFieldControl {
     }
     /** @docs-private */
     blur() {
-        this.buttonElement?.nativeElement?.blur();
-        this.emitState();
+        this.onTouched();
+        this.emitState(true);
     }
     /**
      * @docs-private
+     *
+     * Implemented as part of DaffFormFieldControl.
      */
-    get isOpen() {
-        return this.openDirective.open;
+    get required() {
+        return this.ngControl?.control?.hasValidator(Validators.required) ?? this._required;
+    }
+    set required(value) {
+        this._required = value;
     }
     /**
      * @docs-private
      */
-    get disabledClass() {
-        return this.disabled || this._disabled;
+    get isOpen() {
+        return this.openDirective.open;
     }
     constructor(cd, document, ngControl, overlay, openDirective, formField) {
         super(ngControl);
@@ -120,17 +93,14 @@ class DaffSelectComponent extends DaffFormFieldControl {
         this._destroyed = new Subject();
         this._value = null;
         this._highlighted = 0;
-        this._animationFinishCallbackQueue = [];
         /**
          * @docs-private
+         *
+         * Implemented as part of DaffFormFieldControl.
          */
-        this._disabled = false;
         this.disabled = false;
+        this._required = false;
         this.options = [];
-        /**
-         * @docs-private
-         */
-        this.class = true;
         /**
          * @docs-private
          *
@@ -141,6 +111,9 @@ class DaffSelectComponent extends DaffFormFieldControl {
          * The unique id of the select options. Defaults to an autogenerated value.
          */
         this.optionsId = 'daff-select-options' + '-' + ++daffSelectOtionsId;
+        if (!this.formField) {
+            throw new Error('DaffSelectComponent needs to be used with the DaffFormFieldComponent.');
+        }
         this.ariaLabelledBy = this.formField.id;
         this.openDirective.stateless = false;
         this.document.addEventListener('keydown', (event) => {
@@ -154,12 +127,6 @@ class DaffSelectComponent extends DaffFormFieldControl {
             this.ngControl.valueAccessor = this;
         }
     }
-    /**
-     * @docs-private
-     */
-    get animationState() {
-        return this._animationState;
-    }
     /**
      * @docs-private
      */
@@ -191,7 +158,7 @@ class DaffSelectComponent extends DaffFormFieldControl {
     }
     onChange(value) { }
     ;
-    onTouched(value) { }
+    onTouched() { }
     ;
     /**
      * @docs-private
@@ -212,12 +179,6 @@ class DaffSelectComponent extends DaffFormFieldControl {
     registerOnTouched(fn) {
         this.onTouched = fn;
     }
-    /**
-     * @docs-private
-     */
-    setDisabledState(isDisabled) {
-        this._disabled = isDisabled;
-    }
     /**
      * @docs-private
      */
@@ -228,17 +189,7 @@ class DaffSelectComponent extends DaffFormFieldControl {
      * @docs-private
      */
     ngOnInit() {
-        this.stateChanges = merge(this._stateChanges.asObservable(), this.ngControl ? this.ngControl.statusChanges : of(undefined)).pipe(map(() => this.state));
-        this._animationState = getAnimationState(this.openDirective.open);
-    }
-    /**
-     * @docs-private
-     */
-    animationFinished() {
-        this._animationFinishCallbackQueue.forEach((cb) => {
-            cb();
-        });
-        this._animationFinishCallbackQueue = [];
+        this.stateChanges = merge(this._stateChanges.asObservable(), this.ngControl ? this.ngControl.statusChanges : of(undefined)).pipe(map(() => this.state), tap((state) => this.disabled = state.disabled));
     }
     /**
      * Opens the options list.
@@ -248,21 +199,20 @@ class DaffSelectComponent extends DaffFormFieldControl {
         event?.stopPropagation();
         if (!this.openDirective.open) {
             this.openDirective.open = true;
-            this._animationState = getAnimationState(this.openDirective.open);
             if (this._value) {
                 this._highlighted = this.options.findIndex((v) => v === this._value);
             }
-            // Get the width of the button element to use for the overlay
-            const buttonWidth = this.buttonElement.nativeElement.getBoundingClientRect().width;
+            const formFieldEl = this.formField.elementRef.nativeElement;
+            const formFieldWidth = formFieldEl.getBoundingClientRect().width;
             this._overlay = this.overlay.create({
                 hasBackdrop: true,
                 backdropClass: 'cdk-overlay-transparent-backdrop',
                 scrollStrategy: this.overlay.scrollStrategies.block(),
                 disposeOnNavigation: true,
-                width: `${buttonWidth}px`, // Set the exact width of the button element
+                width: `${formFieldWidth}px`,
                 positionStrategy: this.overlay
                     .position()
-                    .flexibleConnectedTo(this.buttonElement)
+                    .flexibleConnectedTo(formFieldEl)
                     .withPositions([
                     {
                         originX: 'start',
@@ -284,9 +234,7 @@ class DaffSelectComponent extends DaffFormFieldControl {
                 this.focusOptionsList();
             });
             this._overlay.attach(this.optionsTemplatePortal);
-            this._overlay.backdropClick().pipe(takeUntil(this._destroyed)).subscribe(() => {
-                this.close();
-            });
+            this._overlay.backdropClick().pipe(takeUntil(this._destroyed)).subscribe(() => this.close());
             this.cd.markForCheck();
         }
     }
@@ -298,14 +246,11 @@ class DaffSelectComponent extends DaffFormFieldControl {
         event?.stopPropagation();
         if (this.openDirective.open) {
             this.openDirective.open = false;
-            this._animationState = getAnimationState(this.openDirective.open);
             this.cd.markForCheck();
             // do we actually have to dispose and recreate the overlay every time we want to close the dropdown?
-            this._animationFinishCallbackQueue.push(() => {
-                this._overlay?.dispose();
-                this._overlay = null;
-                this.focusButton();
-            });
+            this._overlay?.dispose();
+            this._overlay = null;
+            this.focusButton();
         }
     }
     /**
@@ -321,12 +266,8 @@ class DaffSelectComponent extends DaffFormFieldControl {
      * Selects an option.
      */
     selectOption(option) {
-        if (this.ngControl?.control) {
-            this.ngControl.control.setValue(option);
-        }
-        else {
-            this.writeValue(option);
-        }
+        this._value = option;
+        this.onChange(this._value);
         this.close();
     }
     /**
@@ -356,30 +297,27 @@ class DaffSelectComponent extends DaffFormFieldControl {
         this._highlighted = this._highlighted > 0 ? this._highlighted - 1 : this.options.length - 1;
         (event?.target).children[this._highlighted].scrollIntoView();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffSelectComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: DOCUMENT }, { token: i1.NgControl, optional: true, self: true }, { token: i2.Overlay }, { token: i3.DaffOpenableDirective }, { token: i3.DaffFormFieldComponent }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.11", type: DaffSelectComponent, isStandalone: true, selector: "daff-select", inputs: { disabled: "disabled", options: "options", optionsId: "optionsId" }, host: { properties: { "class.daff-select": "this.class", "class.disabled": "this.disabledClass", "attr.aria-labelledby": "this.ariaLabelledBy" } }, providers: [
-            // eslint-disable-next-line @typescript-eslint/no-use-before-define
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffSelectComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: DOCUMENT }, { token: i1.NgControl, optional: true, self: true }, { token: i2.Overlay }, { token: i3.DaffOpenableDirective }, { token: i3.DaffFormFieldComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.11", type: DaffSelectComponent, isStandalone: true, selector: "daff-select", inputs: { disabled: ["disabled", "disabled", booleanAttribute], required: ["required", "required", booleanAttribute], options: "options", optionsId: "optionsId" }, host: { properties: { "attr.aria-labelledby": "ariaLabelledBy" }, classAttribute: "daff-select" }, providers: [
             { provide: DaffFormFieldControl, useExisting: DaffSelectComponent },
-        ], queries: [{ propertyName: "optionTemplate", first: true, predicate: DaffSelectOptionDirective, descendants: true }], viewQueries: [{ propertyName: "buttonElement", first: true, predicate: ["field"], descendants: true }, { propertyName: "optionsTemplatePortal", first: true, predicate: ["optionsTemplate"], descendants: true }, { propertyName: "optionsElement", first: true, predicate: ["optionsEl"], descendants: true, read: (ElementRef) }], usesInheritance: true, hostDirectives: [{ directive: i3.DaffOpenableDirective }], ngImport: i0, template: "<button #field class=\"daff-select__field\"\n  type=\"button\"\n  (click)=\"open($event)\"\n  (focus)=\"focus()\"\n  (blur)=\"blur()\"\n  [disabled]=\"disabled || _disabled\"\n  role=\"combobox\"\n  aria-haspopup=\"listbox\"\n  [attr.aria-expanded]=\"isOpen\"\n  [attr.aria-controls]=\"optionsId\"\n  (keydown.arrowdown)=\"open($event)\"\n  (keydown.arrowup)=\"open($event)\"\n  (keydown.alt.arrowup)=\"open($event)\"\n  (keydown.alt.arrowdown)=\"open($event)\"\n  (keydown.space)=\"open($event)\"\n  (keydown.enter)=\"open($event)\">\n  @if (value) {\n    <ng-container\n      [ngTemplateOutlet]=\"optionTemplate?.templateRef\"\n      [ngTemplateOutletContext]=\"{option: value}\"><div></div>\n    </ng-container>\n  }\n</button>\n<ng-template cdkPortal #optionsTemplate=\"cdkPortal\">\n  <div class=\"daff-select__options\" #optionsEl\n    [id]=\"optionsId\"\n    tabindex=\"0\"\n    role=\"listbox\"\n    [@openSelect]=\"animationState\"\n    (@openSelect.done)=\"animationFinished()\"\n    (keydown.enter)=\"selectHighlighted($event)\"\n    (keydown.space)=\"selectHighlighted($event)\"\n    (keydown.escape)=\"close($event)\"\n    (keydown.arrowdown)=\"highlightNext($event)\"\n    (keydown.arrowup)=\"highlightPrevious($event)\">\n    @for (option of options; track $index; let i = $index) {\n      <div class=\"daff-select__option\"\n      [class.selected]=\"value === option\"\n      [class.highlighted]=\"highlighted === i\"\n      (click)=\"selectOption(option)\">\n        <ng-container\n          [ngTemplateOutlet]=\"optionTemplate?.templateRef\"\n          [ngTemplateOutletContext]=\"{\n            isSelected: value === option,\n            isHighlighted: highlighted === i,\n            option\n          }\">\n        </ng-container>\n      </div>\n    }\n  </div>\n</ng-template>\n", styles: [".daff-select{display:inline-block;width:100%}.daff-select.daff-open .daff-select__field:after{top:56%;transform:translateY(-50%) rotate(225deg)}.daff-select.disabled .daff-select__field{cursor:not-allowed}.daff-select__field{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;appearance:none;background:none;border:none;font-size:1rem;line-height:1.25rem;min-height:3.5rem;margin:0;padding:1.5rem 1rem .5rem;text-align:left;width:100%;position:relative}.daff-select__field:after{content:\"\";position:absolute;top:48%;right:1rem;display:inline-block;border-right:2px solid currentColor;border-bottom:2px solid currentColor;width:.5rem;height:.5rem;transform:translateY(-50%) rotate(45deg);transition:transform .15s}.daff-select__options{width:100%}.daff-select__option{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;appearance:none;background:none;border:none;font-size:1rem;line-height:1.25rem;margin:0;padding:.5rem;text-align:left;width:100%}.daff-select__option:first-of-type{border-radius:.25rem .25rem 0 0}.daff-select__option:last-of-type{border-radius:0 0 .25rem .25rem}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i4.CdkPortal, selector: "[cdkPortal]", exportAs: ["cdkPortal"] }], animations: [
-            daffSelectAnimations.openSelect,
-        ], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], queries: [{ propertyName: "optionTemplate", first: true, predicate: DaffSelectOptionDirective, descendants: true }], viewQueries: [{ propertyName: "buttonElement", first: true, predicate: ["field"], descendants: true }, { propertyName: "optionsTemplatePortal", first: true, predicate: ["optionsTemplate"], descendants: true }, { propertyName: "optionsElement", first: true, predicate: ["optionsEl"], descendants: true, read: (ElementRef) }], usesInheritance: true, hostDirectives: [{ directive: i3.DaffOpenableDirective }], ngImport: i0, template: "<button #field class=\"daff-select__field\"\n  type=\"button\"\n  (click)=\"open($event)\"\n  (focus)=\"focus()\"\n  [disabled]=\"disabled\"\n  role=\"combobox\"\n  aria-haspopup=\"listbox\"\n  [attr.aria-expanded]=\"isOpen\"\n  [attr.aria-controls]=\"optionsId\"\n  (keydown.arrowdown)=\"open($event)\"\n  (keydown.arrowup)=\"open($event)\"\n  (keydown.alt.arrowup)=\"open($event)\"\n  (keydown.alt.arrowdown)=\"open($event)\"\n  (keydown.space)=\"open($event)\"\n  (keydown.enter)=\"open($event)\">\n  @if (value) {\n    <ng-container\n      [ngTemplateOutlet]=\"optionTemplate?.templateRef\"\n      [ngTemplateOutletContext]=\"\n      {\n        option: value,\n        isSelected: true,\n        isHighlighted: true,\n      }\n      \"><div></div>\n    </ng-container>\n  }\n</button>\n<ng-template cdkPortal #optionsTemplate=\"cdkPortal\">\n  <div class=\"daff-select__options\" #optionsEl\n    [id]=\"optionsId\"\n    tabindex=\"0\"\n    role=\"listbox\"\n    (blur)=\"blur()\"\n    (keydown.enter)=\"selectHighlighted($event)\"\n    (keydown.space)=\"selectHighlighted($event)\"\n    (keydown.escape)=\"close($event)\"\n    (keydown.arrowdown)=\"highlightNext($event)\"\n    (keydown.arrowup)=\"highlightPrevious($event)\">\n    @for (option of options; track $index; let i = $index) {\n      <div class=\"daff-select__option\"\n      [class.selected]=\"value === option\"\n      [class.highlighted]=\"highlighted === i\"\n      (click)=\"selectOption(option)\">\n        <ng-container\n          [ngTemplateOutlet]=\"optionTemplate?.templateRef\"\n          [ngTemplateOutletContext]=\"{\n            isSelected: value === option,\n            isHighlighted: highlighted === i,\n            option\n          }\">\n        </ng-container>\n      </div>\n    }\n  </div>\n</ng-template>\n", styles: [".daff-select{display:inline-block;width:100%}.daff-select.daff-open .daff-select__field:after{top:56%;transform:translateY(-50%) rotate(225deg)}.daff-select__field{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;appearance:none;background:none;border:none;font-size:1rem;line-height:1.25rem;min-height:3.5rem;margin:0;outline:none;padding:1.5rem 0 .5rem;text-align:left;width:100%;position:relative}.daff-select__field[disabled]{cursor:not-allowed}.daff-select__field:after{content:\"\";position:absolute;top:48%;right:2px;display:inline-block;border-right:2px solid currentColor;border-bottom:2px solid currentColor;width:.5rem;height:.5rem;transform:translateY(-50%) rotate(45deg);transition:transform .15s}.daff-select__options{width:100%}.daff-select__option{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;appearance:none;background:none;border:none;font-size:1rem;line-height:1.25rem;margin:0;padding:.5rem;text-align:left;width:100%}.daff-select__option:first-of-type{border-radius:.25rem .25rem 0 0}.daff-select__option:last-of-type{border-radius:0 0 .25rem .25rem}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i4.CdkPortal, selector: "[cdkPortal]", exportAs: ["cdkPortal"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffSelectComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'daff-select', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, animations: [
-                        daffSelectAnimations.openSelect,
-                    ], hostDirectives: [
+            args: [{ selector: 'daff-select', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
                         {
                             directive: DaffOpenableDirective,
                         },
-                    ], providers: [
-                        // eslint-disable-next-line @typescript-eslint/no-use-before-define
+                    ], host: {
+                        class: 'daff-select',
+                        '[attr.aria-labelledby]': 'ariaLabelledBy',
+                    }, providers: [
                         { provide: DaffFormFieldControl, useExisting: DaffSelectComponent },
                     ], imports: [
                         NgTemplateOutlet,
                         OverlayModule,
                         PortalModule,
-                    ], template: "<button #field class=\"daff-select__field\"\n  type=\"button\"\n  (click)=\"open($event)\"\n  (focus)=\"focus()\"\n  (blur)=\"blur()\"\n  [disabled]=\"disabled || _disabled\"\n  role=\"combobox\"\n  aria-haspopup=\"listbox\"\n  [attr.aria-expanded]=\"isOpen\"\n  [attr.aria-controls]=\"optionsId\"\n  (keydown.arrowdown)=\"open($event)\"\n  (keydown.arrowup)=\"open($event)\"\n  (keydown.alt.arrowup)=\"open($event)\"\n  (keydown.alt.arrowdown)=\"open($event)\"\n  (keydown.space)=\"open($event)\"\n  (keydown.enter)=\"open($event)\">\n  @if (value) {\n    <ng-container\n      [ngTemplateOutlet]=\"optionTemplate?.templateRef\"\n      [ngTemplateOutletContext]=\"{option: value}\"><div></div>\n    </ng-container>\n  }\n</button>\n<ng-template cdkPortal #optionsTemplate=\"cdkPortal\">\n  <div class=\"daff-select__options\" #optionsEl\n    [id]=\"optionsId\"\n    tabindex=\"0\"\n    role=\"listbox\"\n    [@openSelect]=\"animationState\"\n    (@openSelect.done)=\"animationFinished()\"\n    (keydown.enter)=\"selectHighlighted($event)\"\n    (keydown.space)=\"selectHighlighted($event)\"\n    (keydown.escape)=\"close($event)\"\n    (keydown.arrowdown)=\"highlightNext($event)\"\n    (keydown.arrowup)=\"highlightPrevious($event)\">\n    @for (option of options; track $index; let i = $index) {\n      <div class=\"daff-select__option\"\n      [class.selected]=\"value === option\"\n      [class.highlighted]=\"highlighted === i\"\n      (click)=\"selectOption(option)\">\n        <ng-container\n          [ngTemplateOutlet]=\"optionTemplate?.templateRef\"\n          [ngTemplateOutletContext]=\"{\n            isSelected: value === option,\n            isHighlighted: highlighted === i,\n            option\n          }\">\n        </ng-container>\n      </div>\n    }\n  </div>\n</ng-template>\n", styles: [".daff-select{display:inline-block;width:100%}.daff-select.daff-open .daff-select__field:after{top:56%;transform:translateY(-50%) rotate(225deg)}.daff-select.disabled .daff-select__field{cursor:not-allowed}.daff-select__field{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;appearance:none;background:none;border:none;font-size:1rem;line-height:1.25rem;min-height:3.5rem;margin:0;padding:1.5rem 1rem .5rem;text-align:left;width:100%;position:relative}.daff-select__field:after{content:\"\";position:absolute;top:48%;right:1rem;display:inline-block;border-right:2px solid currentColor;border-bottom:2px solid currentColor;width:.5rem;height:.5rem;transform:translateY(-50%) rotate(45deg);transition:transform .15s}.daff-select__options{width:100%}.daff-select__option{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;appearance:none;background:none;border:none;font-size:1rem;line-height:1.25rem;margin:0;padding:.5rem;text-align:left;width:100%}.daff-select__option:first-of-type{border-radius:.25rem .25rem 0 0}.daff-select__option:last-of-type{border-radius:0 0 .25rem .25rem}\n"] }]
+                    ], template: "<button #field class=\"daff-select__field\"\n  type=\"button\"\n  (click)=\"open($event)\"\n  (focus)=\"focus()\"\n  [disabled]=\"disabled\"\n  role=\"combobox\"\n  aria-haspopup=\"listbox\"\n  [attr.aria-expanded]=\"isOpen\"\n  [attr.aria-controls]=\"optionsId\"\n  (keydown.arrowdown)=\"open($event)\"\n  (keydown.arrowup)=\"open($event)\"\n  (keydown.alt.arrowup)=\"open($event)\"\n  (keydown.alt.arrowdown)=\"open($event)\"\n  (keydown.space)=\"open($event)\"\n  (keydown.enter)=\"open($event)\">\n  @if (value) {\n    <ng-container\n      [ngTemplateOutlet]=\"optionTemplate?.templateRef\"\n      [ngTemplateOutletContext]=\"\n      {\n        option: value,\n        isSelected: true,\n        isHighlighted: true,\n      }\n      \"><div></div>\n    </ng-container>\n  }\n</button>\n<ng-template cdkPortal #optionsTemplate=\"cdkPortal\">\n  <div class=\"daff-select__options\" #optionsEl\n    [id]=\"optionsId\"\n    tabindex=\"0\"\n    role=\"listbox\"\n    (blur)=\"blur()\"\n    (keydown.enter)=\"selectHighlighted($event)\"\n    (keydown.space)=\"selectHighlighted($event)\"\n    (keydown.escape)=\"close($event)\"\n    (keydown.arrowdown)=\"highlightNext($event)\"\n    (keydown.arrowup)=\"highlightPrevious($event)\">\n    @for (option of options; track $index; let i = $index) {\n      <div class=\"daff-select__option\"\n      [class.selected]=\"value === option\"\n      [class.highlighted]=\"highlighted === i\"\n      (click)=\"selectOption(option)\">\n        <ng-container\n          [ngTemplateOutlet]=\"optionTemplate?.templateRef\"\n          [ngTemplateOutletContext]=\"{\n            isSelected: value === option,\n            isHighlighted: highlighted === i,\n            option\n          }\">\n        </ng-container>\n      </div>\n    }\n  </div>\n</ng-template>\n", styles: [".daff-select{display:inline-block;width:100%}.daff-select.daff-open .daff-select__field:after{top:56%;transform:translateY(-50%) rotate(225deg)}.daff-select__field{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;appearance:none;background:none;border:none;font-size:1rem;line-height:1.25rem;min-height:3.5rem;margin:0;outline:none;padding:1.5rem 0 .5rem;text-align:left;width:100%;position:relative}.daff-select__field[disabled]{cursor:not-allowed}.daff-select__field:after{content:\"\";position:absolute;top:48%;right:2px;display:inline-block;border-right:2px solid currentColor;border-bottom:2px solid currentColor;width:.5rem;height:.5rem;transform:translateY(-50%) rotate(45deg);transition:transform .15s}.daff-select__options{width:100%}.daff-select__option{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;appearance:none;background:none;border:none;font-size:1rem;line-height:1.25rem;margin:0;padding:.5rem;text-align:left;width:100%}.daff-select__option:first-of-type{border-radius:.25rem .25rem 0 0}.daff-select__option:last-of-type{border-radius:0 0 .25rem .25rem}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: Document, decorators: [{
                     type: Inject,
                     args: [DOCUMENT]
@@ -387,19 +325,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImpo
                     type: Optional
                 }, {
                     type: Self
-                }] }, { type: i2.Overlay }, { type: i3.DaffOpenableDirective }, { type: i3.DaffFormFieldComponent }], propDecorators: { disabled: [{
-                type: Input
+                }] }, { type: i2.Overlay }, { type: i3.DaffOpenableDirective }, { type: i3.DaffFormFieldComponent, decorators: [{
+                    type: Optional
+                }] }], propDecorators: { disabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], required: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], options: [{
                 type: Input
-            }], class: [{
-                type: HostBinding,
-                args: ['class.daff-select']
-            }], disabledClass: [{
-                type: HostBinding,
-                args: ['class.disabled']
-            }], ariaLabelledBy: [{
-                type: HostBinding,
-                args: ['attr.aria-labelledby']
             }], optionsId: [{
                 type: Input
             }], buttonElement: [{
@@ -419,8 +354,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImpo
 const DAFF_SELECT_COMPONENTS = [
     DaffSelectComponent,
     DaffSelectOptionDirective,
-    DaffErrorMessageComponent,
-    DaffFormLabelDirective,
 ];
 
 /**