@daffodil/design 0.90.0 → 0.91.0

package/fesm2022/daffodil-design-checkbox.mjs

@@ -0,0 +1,317 @@
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { EventEmitter, ElementRef, HostBinding, Output, Input, ViewChild, ChangeDetectionStrategy, Component, ContentChildren, Optional, Self, Directive, NgModule } from '@angular/core';
+import * as i1 from '@angular/forms';
+
+let checkboxIdNum = 0;
+class DaffCheckboxComponent {
+    get checked() {
+        return this._checked;
+    }
+    set checked(value) {
+        if (this._checked === value) {
+            return;
+        }
+        if (value === true) {
+            this.nativeCheckbox.nativeElement.checked = true;
+            this.becameChecked.emit(this._checked);
+        }
+        else {
+            this.nativeCheckbox.nativeElement.checked = false;
+            this.becameUnchecked.emit();
+        }
+        this._checked = value;
+    }
+    /**
+     * @docs-private
+     */
+    _onChange(val) {
+        if (val.target.checked) {
+            this.select();
+        }
+        else {
+            this.deselect();
+        }
+    }
+    ;
+    /**
+     * @docs-private
+     */
+    get focusClass() {
+        return this.focused === true;
+    }
+    ;
+    /**
+     * @docs-private
+     */
+    get disabledClass() {
+        return this.disabled === true;
+    }
+    ;
+    /**
+     * Sets focused to false.
+     */
+    onBlur() {
+        this.focused = false;
+    }
+    /**
+     * Sets focused to true.
+     */
+    onFocus() {
+        this.focused = true;
+    }
+    constructor(_cdRef) {
+        this._cdRef = _cdRef;
+        /**
+         * Boolean value to determine whether or not the checkbox is checked.
+         */
+        this._checked = false;
+        /**
+         * The id of the checkbox. Must be unique. If not entered by a user then it is generated.
+         */
+        this.id = 'daff-checkbox-' + checkboxIdNum;
+        /**
+         * The aria-label of the checkbox.
+         */
+        // eslint-disable-next-line @angular-eslint/no-input-rename
+        this.label = '';
+        /**
+         * Event on whether or not the selection has changed.
+         */
+        this.becameChecked = new EventEmitter();
+        this.becameUnchecked = new EventEmitter();
+        /**
+         * The role of the component. Set to "checkbox".
+         *
+         * @docs-private
+         */
+        this.role = 'checkbox';
+        /**
+         * Increments id number on new checkbox. Gurantees unique ID on generation.
+         */
+        checkboxIdNum++;
+    }
+    /**
+     * Sets checked to true.
+     */
+    select() {
+        this.checked = true;
+        this._cdRef.markForCheck();
+    }
+    /**
+     * Sets checked to false
+     */
+    deselect() {
+        this.checked = false;
+        this._cdRef.markForCheck();
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: DaffCheckboxComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: DaffCheckboxComponent, isStandalone: true, selector: "daff-checkbox", inputs: { name: "name", value: "value", checked: "checked", id: "id", label: ["aria-label", "label"], labeledBy: ["aria-labelledby", "labeledBy"] }, outputs: { becameChecked: "becameChecked", becameUnchecked: "becameUnchecked" }, host: { properties: { "attr.role": "this.role", "class.focused": "this.focusClass", "class.disabled": "this.disabledClass" } }, viewQueries: [{ propertyName: "nativeCheckbox", first: true, predicate: ["inputElement"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<input #inputElement\ntype=\"checkbox\"\n[attr.aria-label]=\"label\"\n[attr.aria-labelledby]=\"labeledBy\"\n[attr.checked]=\"checked ? '' : null\"\n[attr.id] = \"id\"\n[attr.value]=\"value\"\n[attr.name]=\"name\"\n[attr.disabled] = \"disabled ? '' : null\" \n(change)=\"_onChange($event)\"\n(blur)=\"onBlur()\"\n(focus)=\"onFocus()\"\n/>\n<label [attr.for]=\"id\"><ng-content></ng-content></label>", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: DaffCheckboxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'daff-checkbox', changeDetection: ChangeDetectionStrategy.OnPush, template: "<input #inputElement\ntype=\"checkbox\"\n[attr.aria-label]=\"label\"\n[attr.aria-labelledby]=\"labeledBy\"\n[attr.checked]=\"checked ? '' : null\"\n[attr.id] = \"id\"\n[attr.value]=\"value\"\n[attr.name]=\"name\"\n[attr.disabled] = \"disabled ? '' : null\" \n(change)=\"_onChange($event)\"\n(blur)=\"onBlur()\"\n(focus)=\"onFocus()\"\n/>\n<label [attr.for]=\"id\"><ng-content></ng-content></label>" }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { nativeCheckbox: [{
+                type: ViewChild,
+                args: ['inputElement', { static: true, read: ElementRef }]
+            }], name: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], checked: [{
+                type: Input
+            }], id: [{
+                type: Input
+            }], label: [{
+                type: Input,
+                args: ['aria-label']
+            }], labeledBy: [{
+                type: Input,
+                args: ['aria-labelledby']
+            }], becameChecked: [{
+                type: Output
+            }], becameUnchecked: [{
+                type: Output
+            }], role: [{
+                type: HostBinding,
+                args: ['attr.role']
+            }], focusClass: [{
+                type: HostBinding,
+                args: ['class.focused']
+            }], disabledClass: [{
+                type: HostBinding,
+                args: ['class.disabled']
+            }] } });
+
+class DaffCheckboxSetComponent {
+    constructor() {
+        /**
+         * The role of the component. Set to "checkbox".
+         *
+         * @docs-private
+         */
+        this.role = 'group';
+        this.valueList = new EventEmitter();
+    }
+    getValues() {
+        const checkboxes = this.checkboxes.toArray();
+        return this.formArray.value.map((element, index) => element === true ? checkboxes[index].value : false).filter(element => element !== false);
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: DaffCheckboxSetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: DaffCheckboxSetComponent, isStandalone: true, selector: "daff-checkbox-set", inputs: { formArray: "formArray", name: "name" }, outputs: { valueList: "valueList" }, host: { properties: { "attr.role": "this.role" } }, queries: [{ propertyName: "checkboxes", predicate: DaffCheckboxComponent }], ngImport: i0, template: "<ng-content></ng-content>", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: DaffCheckboxSetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'daff-checkbox-set', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>" }]
+        }], propDecorators: { formArray: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], role: [{
+                type: HostBinding,
+                args: ['attr.role']
+            }], checkboxes: [{
+                type: ContentChildren,
+                args: [DaffCheckboxComponent]
+            }], valueList: [{
+                type: Output
+            }] } });
+
+/**
+ * A directive for binding the DaffCheckboxComponent and the Control Value Accessor.
+ */
+class DaffCheckboxControlValueAccessorDirective {
+    constructor(_control, _checkbox) {
+        this._control = _control;
+        this._checkbox = _checkbox;
+        if (this._control != null) {
+            this._control.valueAccessor = this;
+        }
+    }
+    /**
+     * A lifecycle method called when the directive is initialized.
+     */
+    /**
+     * @docs-private
+     */
+    ngOnInit() {
+        // See the note about `writeValue` usage.
+        this.writeValue(this._control.value);
+        // Watch for user events on the component to update the state
+        this._checkbox.becameChecked.subscribe(() => {
+            this._onChange(true);
+        });
+        this._checkbox.becameUnchecked.subscribe(() => {
+            this._onChange(false);
+        });
+    }
+    /**
+     * writes a new value down into the component.
+     */
+    writeValue(value) {
+        value = !!value;
+        if (value === true) {
+            this.fireSelect();
+        }
+        else {
+            this.fireDeselect();
+        }
+    }
+    /**
+     * Registers the change handler
+     */
+    registerOnChange(fn) {
+        this._onChange = (val) => {
+            fn(val);
+        };
+    }
+    /**
+     * Registers the touched handler
+     */
+    registerOnTouched(fn) {
+        this._onTouched = fn;
+    }
+    /**
+     * Sets the disabled state.
+     */
+    setDisabledState(isDisabled) {
+        this._checkbox.disabled = isDisabled;
+    }
+    /**
+     * calls the child checkbox's select function
+     */
+    fireSelect() {
+        this._checkbox.select();
+    }
+    /**
+     * calls the child checkbox's deselect function
+     */
+    fireDeselect() {
+        this._checkbox.deselect();
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: DaffCheckboxControlValueAccessorDirective, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: DaffCheckboxComponent }], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.1", type: DaffCheckboxControlValueAccessorDirective, isStandalone: true, selector: "daff-checkbox[ngModel], daff-checkbox[formControl], daff-checkbox[formControlName]", inputs: { value: "value", name: "name" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: DaffCheckboxControlValueAccessorDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/directive-selector
+                    selector: 'daff-checkbox[ngModel], daff-checkbox[formControl], daff-checkbox[formControlName]',
+                }]
+        }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
+                    type: Optional
+                }, {
+                    type: Self
+                }] }, { type: DaffCheckboxComponent }], propDecorators: { value: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }] } });
+
+class DaffCheckboxModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: DaffCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.1", ngImport: i0, type: DaffCheckboxModule, imports: [CommonModule,
+            DaffCheckboxComponent,
+            DaffCheckboxSetComponent,
+            DaffCheckboxControlValueAccessorDirective], exports: [DaffCheckboxComponent,
+            DaffCheckboxSetComponent,
+            DaffCheckboxControlValueAccessorDirective] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: DaffCheckboxModule, providers: [
+            DaffCheckboxSetComponent,
+        ], imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: DaffCheckboxModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    exports: [
+                        DaffCheckboxComponent,
+                        DaffCheckboxSetComponent,
+                        DaffCheckboxControlValueAccessorDirective,
+                    ],
+                    imports: [
+                        CommonModule,
+                        DaffCheckboxComponent,
+                        DaffCheckboxSetComponent,
+                        DaffCheckboxControlValueAccessorDirective,
+                    ],
+                    providers: [
+                        DaffCheckboxSetComponent,
+                    ],
+                }]
+        }] });
+
+/**
+ * @docs-private
+ */
+const DAFF_CHECKBOX_COMPONENTS = [
+    DaffCheckboxComponent,
+    DaffCheckboxSetComponent,
+    DaffCheckboxControlValueAccessorDirective,
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DAFF_CHECKBOX_COMPONENTS, DaffCheckboxComponent, DaffCheckboxControlValueAccessorDirective, DaffCheckboxModule, DaffCheckboxSetComponent };
+//# sourceMappingURL=daffodil-design-checkbox.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"daffodil-design-checkbox.mjs","sources":["../../../libs/design/checkbox/src/checkbox/checkbox.component.ts","../../../libs/design/checkbox/src/checkbox/checkbox.component.html","../../../libs/design/checkbox/src/checkbox-set/checkbox-set.component.ts","../../../libs/design/checkbox/src/checkbox-set/checkbox-set.component.html","../../../libs/design/checkbox/src/cva/checkbox-cva.directive.ts","../../../libs/design/checkbox/src/checkbox.module.ts","../../../libs/design/checkbox/src/checkbox.ts","../../../libs/design/checkbox/src/daffodil-design-checkbox.ts"],"sourcesContent":["import {\n  Component,\n  Input,\n  HostBinding,\n  ChangeDetectionStrategy,\n  EventEmitter,\n  Output,\n  ChangeDetectorRef,\n  ViewChild,\n  ElementRef,\n} from '@angular/core';\n\nlet checkboxIdNum = 0;\n\n@Component({\n  selector: 'daff-checkbox',\n  templateUrl: './checkbox.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DaffCheckboxComponent {\n  /**\n   * @docs-private\n   */\n  @ViewChild('inputElement', { static: true, read: ElementRef }) nativeCheckbox: ElementRef<HTMLInputElement>;\n  /**\n   * The name of the checkbox.\n   */\n  @Input() name: string;\n  /**\n   * The value of the checkbox.\n   */\n  @Input() value: any;\n  /**\n   * Boolean value to determine whether or not the checkbox is checked.\n   */\n  private _checked = false;\n\n  @Input()\n  get checked() {\n    return this._checked;\n  }\n  set checked(value: boolean) {\n    if (this._checked === value) {\n      return;\n    }\n    if (value === true) {\n      this.nativeCheckbox.nativeElement.checked = true;\n      this.becameChecked.emit(this._checked);\n    } else {\n      this.nativeCheckbox.nativeElement.checked = false;\n      this.becameUnchecked.emit();\n    }\n\n    this._checked = value;\n  }\n  /**\n   * The id of the checkbox. Must be unique. If not entered by a user then it is generated.\n   */\n  @Input() id: string = 'daff-checkbox-' + checkboxIdNum;\n\n  /**\n   * The aria-label of the checkbox.\n   */\n  // eslint-disable-next-line @angular-eslint/no-input-rename\n  @Input('aria-label') label = '';\n\n  /**\n   * The aria-labeledby of the checkbox.\n   */\n  // eslint-disable-next-line @angular-eslint/no-input-rename\n  @Input('aria-labelledby') labeledBy: string;\n\n  /**\n   * Event on whether or not the selection has changed.\n   */\n  @Output() becameChecked: EventEmitter<boolean> = new EventEmitter();\n  @Output() becameUnchecked: EventEmitter<void> = new EventEmitter();\n\n  /**\n   * Whether the checkbox is focused\n   */\n  focused: boolean;\n  /**\n   * Whether the checkbox is disabled.\n   */\n  disabled: boolean;\n\n  /**\n   * The role of the component. Set to \"checkbox\".\n   *\n   * @docs-private\n   */\n  @HostBinding('attr.role') role = 'checkbox';\n\n\n  /**\n   * @docs-private\n   */\n  _onChange(val: Event) {\n    if ((<HTMLInputElement>val.target).checked) {\n      this.select();\n    } else {\n      this.deselect();\n    }\n  };\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.focused') get focusClass() {\n    return this.focused === true;\n  };\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.disabled') get disabledClass() {\n    return this.disabled === true;\n  };\n  /**\n   * Sets focused to false.\n   */\n  onBlur() {\n    this.focused = false;\n  }\n  /**\n   * Sets focused to true.\n   */\n  onFocus() {\n    this.focused = true;\n  }\n\n  constructor(private _cdRef: ChangeDetectorRef) {\n    /**\n     * Increments id number on new checkbox. Gurantees unique ID on generation.\n     */\n    checkboxIdNum++;\n  }\n  /**\n   * Sets checked to true.\n   */\n  select() {\n    this.checked = true;\n    this._cdRef.markForCheck();\n  }\n  /**\n   * Sets checked to false\n   */\n  deselect() {\n    this.checked = false;\n    this._cdRef.markForCheck();\n  }\n}\n","<input #inputElement\ntype=\"checkbox\"\n[attr.aria-label]=\"label\"\n[attr.aria-labelledby]=\"labeledBy\"\n[attr.checked]=\"checked ? '' : null\"\n[attr.id] = \"id\"\n[attr.value]=\"value\"\n[attr.name]=\"name\"\n[attr.disabled] = \"disabled ? '' : null\" \n(change)=\"_onChange($event)\"\n(blur)=\"onBlur()\"\n(focus)=\"onFocus()\"\n/>\n<label [attr.for]=\"id\"><ng-content></ng-content></label>","import {\n  Component,\n  Input,\n  HostBinding,\n  ChangeDetectionStrategy,\n  ContentChildren,\n  QueryList,\n  Output,\n  EventEmitter,\n} from '@angular/core';\nimport { UntypedFormArray } from '@angular/forms';\n\nimport { DaffCheckboxComponent } from '../checkbox/checkbox.component';\n\n@Component({\n  selector: 'daff-checkbox-set',\n  templateUrl: './checkbox-set.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DaffCheckboxSetComponent {\n\n  @Input() formArray: UntypedFormArray;\n  /**\n   * The name of the checkbox-set\n   */\n  @Input() name: string;\n\n  /**\n   * The role of the component. Set to \"checkbox\".\n   *\n   * @docs-private\n   */\n  @HostBinding('attr.role') role = 'group';\n\n  /**\n   * The list of checkboxes in the set.\n   *\n   * @docs-private\n   */\n  @ContentChildren(DaffCheckboxComponent) checkboxes: QueryList<DaffCheckboxComponent>;\n\n  @Output() valueList = new EventEmitter<any[]>();\n\n  getValues(): any[] {\n    const checkboxes = this.checkboxes.toArray();\n    return this.formArray.value.map((element, index) => element === true ? checkboxes[index].value : false).filter(element => element !== false);\n  }\n}\n","<ng-content></ng-content>","import {\n  Directive,\n  Input,\n  OnInit,\n  Self,\n  Optional,\n} from '@angular/core';\nimport {\n  NgControl,\n  ControlValueAccessor,\n} from '@angular/forms';\n\nimport { DaffCheckboxComponent } from '../checkbox/checkbox.component';\n\n/**\n * A directive for binding the DaffCheckboxComponent and the Control Value Accessor.\n */\n@Directive({\n  // eslint-disable-next-line @angular-eslint/directive-selector\n  selector: 'daff-checkbox[ngModel], daff-checkbox[formControl], daff-checkbox[formControlName]',\n})\nexport class DaffCheckboxControlValueAccessorDirective implements OnInit, ControlValueAccessor {\n  _onChange: (val: any) => void;\n  _onTouched: () => void;\n\n  /**\n   * The value of the ControlValueAccessor\n   */\n  @Input() value: any;\n\n  /**\n   * The name of the ControlValueAccessor\n   */\n  @Input() name: string;\n\n  constructor(\n    @Optional() @Self() public _control: NgControl,\n    private _checkbox: DaffCheckboxComponent,\n  ) {\n    if (this._control != null) {\n      this._control.valueAccessor = this;\n    }\n  }\n\n\n  /**\n   * A lifecycle method called when the directive is initialized.\n   */\n  /**\n   * @docs-private\n   */\n  ngOnInit(): void {\n    // See the note about `writeValue` usage.\n    this.writeValue(this._control.value);\n\n    // Watch for user events on the component to update the state\n    this._checkbox.becameChecked.subscribe(\n      () => {\n        this._onChange(true);\n      },\n    );\n    this._checkbox.becameUnchecked.subscribe(\n      () => {\n        this._onChange(false);\n      },\n    );\n  }\n\n  /**\n   * writes a new value down into the component.\n   */\n  writeValue(value: any): void {\n    value = !!value;\n    if (value === true) {\n      this.fireSelect();\n    } else {\n      this.fireDeselect();\n    }\n  }\n\n  /**\n   * Registers the change handler\n   */\n  registerOnChange(fn: any): void {\n    this._onChange = (val) => {\n      fn(val);\n    };\n  }\n\n  /**\n   * Registers the touched handler\n   */\n  registerOnTouched(fn: any): void {\n    this._onTouched = fn;\n  }\n\n  /**\n   * Sets the disabled state.\n   */\n  setDisabledState?(isDisabled: boolean): void {\n    this._checkbox.disabled = isDisabled;\n  }\n\n  /**\n   * calls the child checkbox's select function\n   */\n  fireSelect() {\n    this._checkbox.select();\n  }\n\n  /**\n   * calls the child checkbox's deselect function\n   */\n  fireDeselect() {\n    this._checkbox.deselect();\n  }\n\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DaffCheckboxComponent } from './checkbox/checkbox.component';\nimport { DaffCheckboxSetComponent } from './checkbox-set/checkbox-set.component';\nimport { DaffCheckboxControlValueAccessorDirective } from './cva/checkbox-cva.directive';\n\n@NgModule({\n  exports: [\n    DaffCheckboxComponent,\n    DaffCheckboxSetComponent,\n    DaffCheckboxControlValueAccessorDirective,\n  ],\n  imports: [\n    CommonModule,\n    DaffCheckboxComponent,\n    DaffCheckboxSetComponent,\n    DaffCheckboxControlValueAccessorDirective,\n  ],\n  providers: [\n    DaffCheckboxSetComponent,\n  ],\n})\nexport class DaffCheckboxModule { }\n","import { DaffCheckboxComponent } from './checkbox/checkbox.component';\nimport { DaffCheckboxSetComponent } from './checkbox-set/checkbox-set.component';\nimport { DaffCheckboxControlValueAccessorDirective } from './cva/checkbox-cva.directive';\n\n/**\n * @docs-private\n */\nexport const DAFF_CHECKBOX_COMPONENTS = <const> [\n  DaffCheckboxComponent,\n  DaffCheckboxSetComponent,\n  DaffCheckboxControlValueAccessorDirective,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i2.DaffCheckboxComponent"],"mappings":"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"}

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

@@ -1,22 +1,11 @@
 import * as i0 from '@angular/core';
-import { ChangeDetectionStrategy, Component, HostBinding, Directive, Input, isDevMode, ContentChild, ViewEncapsulation, NgModule } from '@angular/core';
+import { HostBinding, Directive, isDevMode, Input, ContentChild, ChangeDetectionStrategy, ViewEncapsulation, Component, NgModule } from '@angular/core';
 import * as i1 from '@daffodil/design';
 import { DaffPrefixDirective, DaffSuffixDirective, DaffFormLabelDirective, DaffSkeletonableDirective, DaffFormLabelModule } from '@daffodil/design';
+import { DaffFormFieldLabelDirective, DaffHintComponent, DaffErrorMessageComponent } from '@daffodil/design/form';
 import { NgTemplateOutlet } from '@angular/common';
 import { BehaviorSubject } from 'rxjs';
 
-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 DaffFormFieldActionDirective {
     constructor() {
         /**
@@ -38,23 +27,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImpor
             }] } });
 
 /**
+ * An abstract class that form controls must implement to be used with the DaffFormFieldComponent.
  *
- * The class that a form control must **implement** in order to be
- * used with the DaffFormFieldComponent.
+ * > **Note**
+ * > 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.
  *
- * You may ask: "Why are you implementing an abstract class, not extending it?"
- * We do this so that the Angular DI container can match the class token. A typical
- * interface would be "more accurate" here, but since interfaces don't exist
- * in javascript, they get thrown out by the typescript compiler and cannot
- * be used for the necessary dependency injection.
+ * > By using an abstract class, the Angular DI container can match the class token for injection.
  */
 class DaffFormFieldControl {
+    /**
+     * Whether the label should be in the raised position.
+     * By default, matches the focused state.
+     */
     get raised() {
         return this.focused;
     }
     ;
     constructor(ngControl) {
         this.ngControl = ngControl;
+        /**
+         * Whether the control supports automatic label behavior.
+         * When `true`, the form field will associate the label with the control using `for` and `id` attributes.
+         *
+         * Defaults to `true`.
+         */
         this.supportsAutoLabelling = true;
         this._stateChanges = new BehaviorSubject({
             focused: false,
@@ -64,6 +60,10 @@ class DaffFormFieldControl {
             valid: true,
         });
     }
+    /**
+     * Computes the current state of the form field control.
+     * Combines control properties and form validation state.
+     */
     get state() {
         return {
             focused: this.focused,
@@ -73,6 +73,9 @@ class DaffFormFieldControl {
             valid: !this.ngControl?.errors && this.ngControl?.dirty,
         };
     }
+    /**
+     * Emits the current state.
+     */
     emitState(deferred = false) {
         if (deferred) {
             Promise.resolve().then(() => {
@@ -85,45 +88,6 @@ class DaffFormFieldControl {
 }
 ;
 
-class DaffHintComponent {
-    constructor() {
-        /**
-         * @docs-private
-         */
-        this.class = true;
-        /**
-         * 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.daff-hint": "this.class", "class.validated": "this.validated" } }, 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, standalone: true, styles: [":host{display:flex;gap:.25rem;font-size:.875rem;line-height:1rem}\n"] }]
-        }], propDecorators: { class: [{
-                type: HostBinding,
-                args: ['class.daff-hint']
-            }], validated: [{
-                type: Input
-            }, {
-                type: HostBinding,
-                args: ['class.validated']
-            }] } });
-
-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',
-                }]
-        }] });
-
 let daffFormFieldId = 0;
 var DaffFormFieldApperanaceEnum;
 (function (DaffFormFieldApperanaceEnum) {
@@ -199,7 +163,7 @@ class DaffFormFieldComponent {
         return this._control?.raised || this.isFilled;
     }
     /**
-     * The appearance style of a form field, whether the label is fluid or fixed.
+     * The appearance style of a form field, whether the label is `fluid` or `fixed`.
      */
     get appearance() {
         return this._appearance;
@@ -360,11 +324,15 @@ class DaffFormFieldModule {
     /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.1", ngImport: i0, type: DaffFormFieldModule, imports: [DaffFormFieldComponent,
             DaffErrorMessageComponent,
             DaffHintComponent,
+            DaffFormFieldLabelDirective,
             DaffFormLabelModule], exports: [DaffFormFieldComponent,
             DaffErrorMessageComponent,
             DaffHintComponent,
+            DaffFormFieldLabelDirective,
             DaffFormLabelModule] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: DaffFormFieldModule, imports: [DaffFormLabelModule, DaffFormLabelModule] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: DaffFormFieldModule, imports: [DaffErrorMessageComponent,
+            DaffHintComponent,
+            DaffFormLabelModule, DaffFormLabelModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: DaffFormFieldModule, decorators: [{
             type: NgModule,
@@ -373,12 +341,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImpor
                         DaffFormFieldComponent,
                         DaffErrorMessageComponent,
                         DaffHintComponent,
+                        DaffFormFieldLabelDirective,
                         DaffFormLabelModule,
                     ],
                     exports: [
                         DaffFormFieldComponent,
                         DaffErrorMessageComponent,
                         DaffHintComponent,
+                        DaffFormFieldLabelDirective,
                         DaffFormLabelModule,
                     ],
                 }]
@@ -389,18 +359,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImpor
  */
 const DAFF_FORM_FIELD_COMPONENTS = [
     DaffFormFieldComponent,
-    DaffErrorMessageComponent,
     DaffFormLabelDirective,
-    DaffHintComponent,
     DaffPrefixDirective,
     DaffSuffixDirective,
-    DaffFormFieldLabelDirective,
     DaffFormFieldActionDirective,
+    DaffHintComponent,
+    DaffFormFieldLabelDirective,
+    DaffErrorMessageComponent,
 ];
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { DAFF_FORM_FIELD_COMPONENTS, DaffErrorMessageComponent, DaffFormFieldActionDirective, DaffFormFieldComponent, DaffFormFieldControl, DaffFormFieldLabelDirective, DaffFormFieldModule, DaffHintComponent };
+export { DAFF_FORM_FIELD_COMPONENTS, DaffFormFieldActionDirective, DaffFormFieldComponent, DaffFormFieldControl, DaffFormFieldModule };
 //# sourceMappingURL=daffodil-design-form-field.mjs.map