@tft/crispr-forms 14.0.1 → 15.0.0

package/fesm2022/tft-crispr-forms-index-xAaInTLg.mjs

@@ -0,0 +1,73 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy } from '@angular/core';
+import * as i2 from '@angular/material/datepicker';
+import { MatDatepickerModule } from '@angular/material/datepicker';
+import { MatDateFnsModule } from '@angular/material-date-fns-adapter';
+import { of } from 'rxjs';
+import * as i6 from '@angular/cdk/portal';
+import { ComponentPortal, PortalModule } from '@angular/cdk/portal';
+import * as i3 from '@angular/material/form-field';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2$1 from '@angular/forms';
+import { ReactiveFormsModule } from '@angular/forms';
+import * as i5 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import * as i7 from '@tft/form-validation-handler';
+import { FormValidationHandlerModule } from '@tft/form-validation-handler';
+import { crisprControlMixin, CrisprFieldComponent, FieldContainerComponent } from './tft-crispr-forms.mjs';
+import 'rxjs/operators';
+import '@angular/material/button';
+import '@angular/material/icon';
+import '@angular/material/progress-bar';
+import '@angular/material/tooltip';
+
+/* eslint-disable @nx/enforce-module-boundaries */
+const defaultConfig = {
+    startView: 'month',
+};
+const DatepickerFieldMixin = crisprControlMixin(CrisprFieldComponent);
+class DatepickerFieldComponent extends DatepickerFieldMixin {
+    constructor() {
+        super(...arguments);
+        this.defaultConfig = defaultConfig;
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        this.startAt$ =
+            this.config.startAt instanceof Date
+                ? of(this.config.startAt)
+                : this.config.startAt instanceof Function
+                    ? this.config.startAt(this.group)
+                    : of(null);
+        this.dateClass = this.config?.cellClassFunction || null;
+        this.dateClass$ = this.config.dateClass
+            ? this.config?.dateClass(this.group)
+            : of(() => '');
+    }
+    ngAfterContentInit() {
+        if (this.config.datepickerActions) {
+            this.calendarFooterPortal = new ComponentPortal(this.config.datepickerActions);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: DatepickerFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: DatepickerFieldComponent, isStandalone: true, selector: "crispr-datepicker-field", usesInheritance: true, ngImport: i0, template: "<crispr-field-container\n  [config]=\"config\"\n  [group]=\"group\">\n  <mat-form-field\n    [color]=\"config.color\"\n    [appearance]=\"config.appearance\"\n    [formGroup]=\"group\">\n    <mat-label *ngIf=\"config.label\">\n      {{config.label}}\n    </mat-label>\n    <input\n      matInput\n      [formControlName]=\"config.controlName\"\n      [min]=\"config.min\"\n      [max]=\"config.max\"\n      [matDatepicker]=\"picker\"\n      [matDatepickerFilter]=\"config.datepickerFilter\">\n    <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n    <mat-datepicker\n      [touchUi]=\"config.touchUi\"\n      [startView]=\"config.startView\"\n      [startAt]=\"startAt$ | async\"\n      [dateClass]=\"dateClass || (dateClass$ | async)\"\n      #picker>\n      <mat-datepicker-actions *ngIf=\"calendarFooterPortal\">\n        <ng-template [cdkPortalOutlet]=\"calendarFooterPortal\"></ng-template>\n      </mat-datepicker-actions>\n    </mat-datepicker>\n\n    <mat-hint *ngIf=\"config.hint && (control.valid || !control.touched)\">{{config.hint}}</mat-hint>\n\n  </mat-form-field>\n</crispr-field-container>\n\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "component", type: FieldContainerComponent, selector: "crispr-field-container", inputs: ["config", "group", "inlineField"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i2.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i2.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i2.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: i2.MatDatepickerActions, selector: "mat-datepicker-actions, mat-date-range-picker-actions" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatDateFnsModule }, { kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i6.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "ngmodule", type: FormValidationHandlerModule }, { kind: "directive", type: i7.ControlErrorsDirective, selector: "[formControl], [formControlName]" }, { kind: "directive", type: i7.ControlErrorContainerDirective, selector: "[controlErrorContainer], [formGroup]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, preserveWhitespaces: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: DatepickerFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'crispr-datepicker-field', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        CommonModule,
+                        FieldContainerComponent,
+                        MatDatepickerModule,
+                        MatFormFieldModule,
+                        ReactiveFormsModule,
+                        MatInputModule,
+                        MatDateFnsModule,
+                        PortalModule,
+                        FormValidationHandlerModule,
+                    ], template: "<crispr-field-container\n  [config]=\"config\"\n  [group]=\"group\">\n  <mat-form-field\n    [color]=\"config.color\"\n    [appearance]=\"config.appearance\"\n    [formGroup]=\"group\">\n    <mat-label *ngIf=\"config.label\">\n      {{config.label}}\n    </mat-label>\n    <input\n      matInput\n      [formControlName]=\"config.controlName\"\n      [min]=\"config.min\"\n      [max]=\"config.max\"\n      [matDatepicker]=\"picker\"\n      [matDatepickerFilter]=\"config.datepickerFilter\">\n    <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n    <mat-datepicker\n      [touchUi]=\"config.touchUi\"\n      [startView]=\"config.startView\"\n      [startAt]=\"startAt$ | async\"\n      [dateClass]=\"dateClass || (dateClass$ | async)\"\n      #picker>\n      <mat-datepicker-actions *ngIf=\"calendarFooterPortal\">\n        <ng-template [cdkPortalOutlet]=\"calendarFooterPortal\"></ng-template>\n      </mat-datepicker-actions>\n    </mat-datepicker>\n\n    <mat-hint *ngIf=\"config.hint && (control.valid || !control.touched)\">{{config.hint}}</mat-hint>\n\n  </mat-form-field>\n</crispr-field-container>\n\n" }]
+        }] });
+
+export { DatepickerFieldComponent };
+//# sourceMappingURL=tft-crispr-forms-index-xAaInTLg.mjs.map

package/fesm2022/tft-crispr-forms-index-xAaInTLg.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tft-crispr-forms-index-xAaInTLg.mjs","sources":["../../../../libs/crispr-forms/src/lib/ui/datepicker-field/datepicker-field.component.ts","../../../../libs/crispr-forms/src/lib/ui/datepicker-field/datepicker-field.component.html"],"sourcesContent":["/* eslint-disable @nx/enforce-module-boundaries */\nimport {\n  Component,\n  OnInit,\n  ChangeDetectionStrategy,\n  AfterContentInit,\n} from '@angular/core';\nimport {\n  MatCalendarCellClassFunction,\n  MatDatepickerModule,\n} from '@angular/material/datepicker';\nimport { MatDateFnsModule } from '@angular/material-date-fns-adapter';\nimport { Observable, of } from 'rxjs';\nimport { ComponentPortal, Portal, PortalModule } from '@angular/cdk/portal';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { MatInputModule } from '@angular/material/input';\nimport { FormValidationHandlerModule } from '@tft/form-validation-handler';\nimport { FieldContainerComponent } from '../field-container';\nimport {\n  crisprControlMixin,\n  CrisprFieldComponent,\n  DatepickerFieldConfig,\n} from '../../utils';\n\nconst defaultConfig: Partial<DatepickerFieldConfig> = {\n  startView: 'month',\n};\nconst DatepickerFieldMixin =\n  crisprControlMixin<DatepickerFieldConfig>(CrisprFieldComponent);\n\n@Component({\n  selector: 'crispr-datepicker-field',\n  templateUrl: './datepicker-field.component.html',\n  styleUrls: ['./datepicker-field.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [\n    CommonModule,\n    FieldContainerComponent,\n    MatDatepickerModule,\n    MatFormFieldModule,\n    ReactiveFormsModule,\n    MatInputModule,\n    MatDateFnsModule,\n    PortalModule,\n    FormValidationHandlerModule,\n  ],\n})\nexport class DatepickerFieldComponent\n  extends DatepickerFieldMixin\n  implements OnInit, AfterContentInit\n{\n  defaultConfig = defaultConfig;\n\n  dateClass: MatCalendarCellClassFunction<Date>;\n  dateClass$: Observable<MatCalendarCellClassFunction<Date>>;\n  startAt$: Observable<Date>;\n\n  /** A portal containing the footer component type for this calendar. */\n  calendarFooterPortal: Portal<any>;\n\n  ngOnInit() {\n    super.ngOnInit();\n    this.startAt$ =\n      this.config.startAt instanceof Date\n        ? of(this.config.startAt)\n        : this.config.startAt instanceof Function\n        ? this.config.startAt(this.group)\n        : of(null);\n    this.dateClass = this.config?.cellClassFunction || null;\n    this.dateClass$ = this.config.dateClass\n      ? this.config?.dateClass(this.group)\n      : of(() => '');\n  }\n\n  ngAfterContentInit() {\n    if (this.config.datepickerActions) {\n      this.calendarFooterPortal = new ComponentPortal(\n        this.config.datepickerActions\n      );\n    }\n  }\n\n  // handleSelectedChange(event, picker: MatDatepicker<unknown>) {\n  //   console.log({event, picker})\n  //   if(this.config.selectedChange) {\n  //     this.config.selectedChange(event, picker);\n  //   }\n  // }\n}\n","<crispr-field-container\n  [config]=\"config\"\n  [group]=\"group\">\n  <mat-form-field\n    [color]=\"config.color\"\n    [appearance]=\"config.appearance\"\n    [formGroup]=\"group\">\n    <mat-label *ngIf=\"config.label\">\n      {{config.label}}\n    </mat-label>\n    <input\n      matInput\n      [formControlName]=\"config.controlName\"\n      [min]=\"config.min\"\n      [max]=\"config.max\"\n      [matDatepicker]=\"picker\"\n      [matDatepickerFilter]=\"config.datepickerFilter\">\n    <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n    <mat-datepicker\n      [touchUi]=\"config.touchUi\"\n      [startView]=\"config.startView\"\n      [startAt]=\"startAt$ | async\"\n      [dateClass]=\"dateClass || (dateClass$ | async)\"\n      #picker>\n      <mat-datepicker-actions *ngIf=\"calendarFooterPortal\">\n        <ng-template [cdkPortalOutlet]=\"calendarFooterPortal\"></ng-template>\n      </mat-datepicker-actions>\n    </mat-datepicker>\n\n    <mat-hint *ngIf=\"config.hint && (control.valid || !control.touched)\">{{config.hint}}</mat-hint>\n\n  </mat-form-field>\n</crispr-field-container>\n\n"],"names":[],"mappings":"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"}

package/{fesm2020/tft-crispr-forms-utils.mjs → fesm2022/tft-crispr-forms-src-lib-utils.mjs}

@@ -1,269 +1,278 @@
 import { map, startWith, debounceTime, distinctUntilChanged, switchMap, shareReplay } from 'rxjs/operators';
 import * as i0 from '@angular/core';
 import { Directive } from '@angular/core';
-import { FormControl, FormArray, FormGroup } from '@angular/forms';
+import { FormArray, FormControl, FormGroup } from '@angular/forms';
 import { from, of, isObservable } from 'rxjs';
 
-function valueIn(values) {
-    return map((value) => {
-        if (value) {
-            return values.some(v => {
-                if (isRegex(v)) {
-                    const trimmedStringForRegex = v.substr(1, v.length - 2);
-                    const regex = new RegExp(trimmedStringForRegex);
-                    return regex.test(value);
-                }
-                else {
-                    return v === value;
-                }
-            });
-        }
-        else {
-            return false;
-        }
-    });
-}
-function isRegex(string) {
-    return string.startsWith('/') && string.endsWith('/');
+function valueIn(values) {
+    return map((value) => {
+        if (value) {
+            return values.some(v => {
+                if (isRegex(v)) {
+                    const trimmedStringForRegex = v.substr(1, v.length - 2);
+                    const regex = new RegExp(trimmedStringForRegex);
+                    return regex.test(value);
+                }
+                else {
+                    return v === value;
+                }
+            });
+        }
+        else {
+            return false;
+        }
+    });
+}
+function isRegex(string) {
+    return string.startsWith('/') && string.endsWith('/');
 }
 
 const DEFAULT_EMPTY_OPTIONS_MESSAGE = 'No Items';
 
-// export type ControlType = keyof typeof FIELD_COMPONENTS;
-var ControlType;
-(function (ControlType) {
-    ControlType["AUTOCOMPLETE"] = "autocomplete";
-    ControlType["AUTOCOMPLETE_CHIPLIST"] = "autocompleteChiplist";
-    ControlType["BUTTON"] = "button";
-    ControlType["CHECKBOX"] = "checkbox";
-    ControlType["CUSTOM"] = "custom";
-    ControlType["DATEPICKER"] = "datepicker";
-    ControlType["DIVIDER"] = "divider";
-    ControlType["FILE_UPLOAD"] = "fileUpload";
-    ControlType["HEADING"] = "heading";
-    ControlType["INPUT"] = "input";
-    ControlType["IMAGE_UPLOAD"] = "imageUpload";
-    ControlType["GROUP_LIST"] = "groupList";
-    ControlType["RADIO"] = "radio";
-    ControlType["SELECT"] = "select";
-    ControlType["SLIDER"] = "slider";
-    ControlType["SUB_GROUP"] = "subGroup";
-    ControlType["TEXTAREA"] = "textarea";
-    ControlType["UNIT_CONVERSION"] = "unitConversion";
+// export type ControlType = keyof typeof FIELD_COMPONENTS;
+var ControlType;
+(function (ControlType) {
+    ControlType["AUTOCOMPLETE"] = "autocomplete";
+    ControlType["AUTOCOMPLETE_CHIPLIST"] = "autocompleteChiplist";
+    ControlType["BUTTON"] = "button";
+    ControlType["CHECKBOX"] = "checkbox";
+    ControlType["CUSTOM"] = "custom";
+    ControlType["DATEPICKER"] = "datepicker";
+    ControlType["DIVIDER"] = "divider";
+    ControlType["FILE_UPLOAD"] = "fileUpload";
+    ControlType["HEADING"] = "heading";
+    ControlType["INPUT"] = "input";
+    ControlType["IMAGE_UPLOAD"] = "imageUpload";
+    ControlType["GROUP_LIST"] = "groupList";
+    ControlType["RADIO"] = "radio";
+    ControlType["SELECT"] = "select";
+    ControlType["SLIDER"] = "slider";
+    ControlType["SUB_GROUP"] = "subGroup";
+    ControlType["TEXTAREA"] = "textarea";
+    ControlType["UNIT_CONVERSION"] = "unitConversion";
 })(ControlType || (ControlType = {}));
 
 ;
 
-function crisprControlMixin(BaseClass) {
-    return class extends BaseClass {
-        set value(value) {
-            this.setControlValue(value);
-            this._value = value;
-        }
-        get value() {
-            return this._value;
-        }
-        ngOnInit() {
-            super.ngOnInit();
-            this.control = this.group.get(this.config.controlName);
-            this.setControlValue(this.value);
-            // setTimeouts are ugly but this seems to be the only way to get the computed field to compute initial values
-            setTimeout(() => {
-                this.control.updateValueAndValidity();
-            });
-        }
-        setControlValue(value) {
-            if (value && this.control && this.config.controlType !== ControlType.SUB_GROUP) {
-                this.control.setValue(value);
-            }
-        }
-    };
+function crisprControlMixin(BaseClass) {
+    return class extends BaseClass {
+        set value(value) {
+            this.setControlValue(value);
+            this._value = value;
+        }
+        get value() {
+            return this._value;
+        }
+        ngOnInit() {
+            super.ngOnInit();
+            this.control = this.group.get(this.config.controlName);
+            this.setControlValue(this.value);
+            // setTimeouts are ugly but this seems to be the only way to get the computed field to compute initial values
+            setTimeout(() => {
+                this.control.updateValueAndValidity();
+            });
+        }
+        setControlValue(value) {
+            if (value && this.control && this.config.controlType !== ControlType.SUB_GROUP) {
+                this.control.setValue(value);
+            }
+        }
+    };
 }
 
-// eslint-disable-next-line @angular-eslint/directive-class-suffix
-class CrisprFieldComponent {
-    ngOnInit() {
-        this.applyDefaultConfig();
-    }
-    applyDefaultConfig() {
-        this.config = this.defaultConfig ? { ...this.defaultConfig, ...this.config } : this.config;
-    }
-}
-CrisprFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: CrisprFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-CrisprFieldComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.1", type: CrisprFieldComponent, isStandalone: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: CrisprFieldComponent, decorators: [{
-            type: Directive,
-            args: [{
-                    standalone: true
-                }]
+class CrisprFieldComponent {
+    ngOnInit() {
+        this.applyDefaultConfig();
+    }
+    applyDefaultConfig() {
+        this.config = this.defaultConfig ? { ...this.defaultConfig, ...this.config } : this.config;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: CrisprFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.9", type: CrisprFieldComponent, isStandalone: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: CrisprFieldComponent, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true
+                }]
         }] });
 
-function callOptionsIfFunction(options, parentGroup, searchString) {
-    return options instanceof Function ? options(parentGroup, searchString) : options;
+/**
+ * Analyze the config and build a form control to spec. Notice we don't use FormBuilder here
+ * as we want to keep this function pure.
+ * @param controlConfig the configuration object for the control to build
+ * @param value an initial value to use if passed in
+ */
+function createControlForType(controlConfig, value = null) {
+    // build form control out based on the control type
+    const control = controlConfig.controlType === ControlType.SUB_GROUP
+        ? buildFormGroupFromConfig(controlConfig, value)
+        : controlConfig.controlType === ControlType.GROUP_LIST
+            ? new FormArray([], controlConfig.validators)
+            : new FormControl(value || null, controlConfig.validators);
+    return control;
+}
+
+/**
+ * Determines if the field config is for a form control (not a divider, heading or other non-control field)
+ */
+function isControlConfig(fieldConfig) {
+    return 'controlName' in fieldConfig;
 }
 
-/**
- * The user can give us select options as an array, a function that resolves to a promise,
- * or an observable. This functions consumes any of those and returns an observable that
- * resolves an array of options
- *
- * @param options the options passed in from the config
- * @param emptyMessageOption the message to display when the array is empty
- */
-function observablifyOptions(options, parentGroup, searchString) {
-    const calledOptions = callOptionsIfFunction(options, parentGroup, searchString);
-    // if options are a promise
-    const observableOptions = calledOptions instanceof Promise
-        // convert to observable
-        ? from(calledOptions)
-        // if array that isn't empty
-        : Array.isArray(calledOptions) && calledOptions.length
-            // convert to observable
-            ? of(calledOptions)
-            // if observable
-            : isObservable(calledOptions)
-                // return it
-                ? calledOptions
-                // else an empty array
-                : of([]);
-    return observableOptions;
+/**
+ * builds out form group based on config
+ * @param config a configuration for a form group
+ * @param value an object of initial values to pass in
+ * @param group the form group to modify and build out
+ */
+function buildFormGroupFromConfig(config, value = null, group = new FormGroup({})) {
+    config.fields.forEach((controlConfig) => {
+        if (isControlConfig(controlConfig)) {
+            // then add a control to the group using the controlName from configuration
+            const { controlName } = controlConfig;
+            if (group.get(controlName)) {
+                group.removeControl(controlName);
+            }
+            // if there's a value object and it has a non-null/undefined value for this field use it.
+            // Otherwise, default to null
+            const controlValue = (value && value[controlName]) ?? null;
+            const control = createControlForType(controlConfig, controlValue);
+            group.addControl(controlName, control);
+        }
+    });
+    group.setValidators(config.validators);
+    return group;
 }
 
-const AbstractAutocompleteFieldMixin = crisprControlMixin(CrisprFieldComponent);
-// eslint-disable-next-line @angular-eslint/directive-class-suffix
-class AbstractAutocompleteComponent extends AbstractAutocompleteFieldMixin {
-    constructor() {
-        super(...arguments);
-        // we need a separate control for the UI because of the way the material autocomplete chiplist works
-        this.autocompleteInputControl = new FormControl('');
-    }
-    ngOnInit() {
-        super.ngOnInit();
-        this.group.addControl(this.config.controlName, new FormControl());
-        // filter options by the search string using either the default filter function or one passed in through config
-        this.options$ = this.autocompleteInputControl.valueChanges.pipe(
-        // this is needed to have the options panel to open on focus
-        startWith(''), debounceTime(this.config.typeDebounceTime), map((searchText) => typeof searchText === 'string' ? searchText?.trim() : ''), distinctUntilChanged(), switchMap((searchText) => observablifyOptions(this.config.options, this.group, searchText)), shareReplay(1));
-    }
-}
-AbstractAutocompleteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: AbstractAutocompleteComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-AbstractAutocompleteComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.1", type: AbstractAutocompleteComponent, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: AbstractAutocompleteComponent, decorators: [{
-            type: Directive
-        }] });
+function callOptionsIfFunction(options, parentGroup, searchString) {
+    return options instanceof Function ? options(parentGroup, searchString) : options;
+}
 
-/**
- * Analyze the config and build a form control to spec. Notice we don't use FormBuilder here
- * as we want to keep this function pure.
- * @param controlConfig the configuration object for the control to build
- * @param value an initial value to use if passed in
- */
-function createControlForType(controlConfig, value = null) {
-    // build form control out based on the control type
-    const control = controlConfig.controlType === ControlType.SUB_GROUP
-        ? buildFormGroupFromConfig(controlConfig, value)
-        : controlConfig.controlType === ControlType.GROUP_LIST
-            ? new FormArray([], controlConfig.validators)
-            : new FormControl(value || null, controlConfig.validators);
-    return control;
+/**
+ * A basic filter function that filters the search string against the label of the options object
+ * @param options the array of options to filter
+ * @param searchString the string from the input
+ */
+function filterOptionsByLabel(options, searchString) {
+    return options.filter(option => {
+        return option.label && option.label.toLowerCase().includes(searchString.toLowerCase());
+    });
 }
 
-/**
- * Determines if the field config is for a form control (not a divider, heading or other non-control field)
- *  */
-function isControlConfig(fieldConfig) {
-    return 'controlName' in fieldConfig;
+/**
+ * The user can give us select options as an array, a function that resolves to a promise,
+ * or an observable. This functions consumes any of those and returns an observable that
+ * resolves an array of options
+ *
+ * @param options the options passed in from the config
+ * @param emptyMessageOption the message to display when the array is empty
+ */
+function observablifyOptions(options, parentGroup, searchString) {
+    const calledOptions = callOptionsIfFunction(options, parentGroup, searchString);
+    // if options are a promise
+    const observableOptions = calledOptions instanceof Promise
+        // convert to observable
+        ? from(calledOptions)
+        // if array that isn't empty
+        : Array.isArray(calledOptions) && calledOptions.length
+            // convert to observable
+            ? of(calledOptions)
+            // if observable
+            : isObservable(calledOptions)
+                // return it
+                ? calledOptions
+                // else an empty array
+                : of([]);
+    return observableOptions;
 }
 
-/**
- * builds out form group based on config
- * @param config a configuration for a form group
- * @param value an object of initial values to pass in
- * @param group the form group to modify and build out
- */
-function buildFormGroupFromConfig(config, value = null, group = new FormGroup({})) {
-    config.fields.forEach((controlConfig) => {
-        if (isControlConfig(controlConfig)) {
-            // then add a control to the group using the controlName from configuration
-            const { controlName } = controlConfig;
-            if (group.get(controlName)) {
-                group.removeControl(controlName);
-            }
-            // if there's a value object and it has a non-null/undefined value for this field use it.
-            // Otherwise, default to null
-            const controlValue = (value && value[controlName]) ?? null;
-            const control = createControlForType(controlConfig, controlValue);
-            group.addControl(controlName, control);
-        }
-    });
-    group.setValidators(config.validators);
-    return group;
+function convertBytesToMb(bytes) {
+    return bytes / 1048576;
+}
+function maxFileSizeValidator(maxFileSize) {
+    return (control) => {
+        const controlValue = control.value;
+        if (!(controlValue instanceof File)) {
+            return null;
+        }
+        const actualFileSize = +convertBytesToMb(controlValue.size).toPrecision(3);
+        if (maxFileSize > actualFileSize)
+            return null;
+        return { maxFileSize: { maxFileSize, actualFileSize } };
+    };
+}
+function allowedFileExtValidator(allowedFileExtensions, onlyAllowFiles = true) {
+    return (control) => {
+        const controlValue = control.value;
+        const isFile = controlValue instanceof File;
+        if (!onlyAllowFiles && !isFile)
+            return null;
+        const actualExtension = isFile ? controlValue.name.split('.').pop().toLocaleLowerCase() : 'Not a file';
+        const isAllowedExtension = allowedFileExtensions.includes(actualExtension);
+        if (isAllowedExtension) {
+            return null;
+        }
+        return { allowedExtension: { allowedFileExtensions, actualExtension } };
+    };
+}
+function allowedFileType(matchExp) {
+    return (formControl) => {
+        const value = formControl.value;
+        if (!(value instanceof File))
+            return null;
+        const type = value.type;
+        const matches = type.match(matchExp);
+        if (!type || !matches?.length) {
+            return {
+                allowedFileType: {
+                    actualType: type,
+                    allowedTypeExp: matchExp
+                }
+            };
+        }
+        else {
+            return null;
+        }
+    };
 }
 
-/**
- * A basic filter function that filters the search string against the label of the options object
- * @param options the array of options to filter
- * @param searchString the string from the input
- */
-function filterOptionsByLabel(options, searchString) {
-    return options.filter(option => {
-        return option.label && option.label.toLowerCase().includes(searchString.toLowerCase());
-    });
+const AbstractAutocompleteFieldMixin = crisprControlMixin(CrisprFieldComponent);
+// eslint-disable-next-line @angular-eslint/directive-class-suffix
+class AbstractAutocompleteComponent extends AbstractAutocompleteFieldMixin {
+    constructor() {
+        super(...arguments);
+        // we need a separate control for the UI because of the way the material autocomplete chiplist works
+        this.autocompleteInputControl = new FormControl('');
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        this.group.addControl(this.config.controlName, new FormControl());
+        // filter options by the search string using either the default filter function or one passed in through config
+        this.options$ = this.autocompleteInputControl.valueChanges.pipe(
+        // this is needed to have the options panel to open on focus
+        startWith(''), debounceTime(this.config.typeDebounceTime), map((searchText) => typeof searchText === 'string' ? searchText?.trim() : ''), distinctUntilChanged(), switchMap((searchText) => observablifyOptions(this.config.options, this.group, searchText)), shareReplay(1));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: AbstractAutocompleteComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.9", type: AbstractAutocompleteComponent, usesInheritance: true, ngImport: i0 }); }
 }
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: AbstractAutocompleteComponent, decorators: [{
+            type: Directive
+        }] });
 
-function convertBytesToMb(bytes) {
-    return bytes / 1048576;
-}
-function maxFileSizeValidator(maxFileSize) {
-    return (control) => {
-        const controlValue = control.value;
-        if (!(controlValue instanceof File)) {
-            return null;
-        }
-        const actualFileSize = +convertBytesToMb(controlValue.size).toPrecision(3);
-        if (maxFileSize > actualFileSize)
-            return null;
-        return { maxFileSize: { maxFileSize, actualFileSize } };
-    };
-}
-function allowedFileExtValidator(allowedFileExtensions, onlyAllowFiles = true) {
-    return (control) => {
-        const controlValue = control.value;
-        const isFile = controlValue instanceof File;
-        if (!onlyAllowFiles && !isFile)
-            return null;
-        const actualExtension = isFile ? controlValue.name.split('.').pop().toLocaleLowerCase() : 'Not a file';
-        const isAllowedExtension = allowedFileExtensions.includes(actualExtension);
-        if (isAllowedExtension) {
-            return null;
-        }
-        return { allowedExtension: { allowedFileExtensions, actualExtension } };
-    };
-}
-function allowedFileType(matchExp) {
-    return (formControl) => {
-        const value = formControl.value;
-        if (!(value instanceof File))
-            return null;
-        const type = value.type;
-        const matches = type.match(matchExp);
-        if (!type || !matches?.length) {
-            return {
-                allowedFileType: {
-                    actualType: type,
-                    allowedTypeExp: matchExp
-                }
-            };
-        }
-        else {
-            return null;
-        }
-    };
+const CrisprDisplayFieldMixin = crisprControlMixin(CrisprFieldComponent);
+// eslint-disable-next-line @angular-eslint/directive-class-suffix
+class CrisprDisplayFieldComponent extends CrisprDisplayFieldMixin {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: CrisprDisplayFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.9", type: CrisprDisplayFieldComponent, usesInheritance: true, ngImport: i0 }); }
 }
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: CrisprDisplayFieldComponent, decorators: [{
+            type: Directive
+        }] });
 
-/**
- * Generated bundle index. Do not edit.
+/**
+ * Generated bundle index. Do not edit.
  */
 
-export { AbstractAutocompleteComponent, ControlType, CrisprFieldComponent, DEFAULT_EMPTY_OPTIONS_MESSAGE, allowedFileExtValidator, allowedFileType, buildFormGroupFromConfig, callOptionsIfFunction, convertBytesToMb, createControlForType, crisprControlMixin, filterOptionsByLabel, isControlConfig, maxFileSizeValidator, observablifyOptions, valueIn };
-//# sourceMappingURL=tft-crispr-forms-utils.mjs.map
+export { AbstractAutocompleteComponent, ControlType, CrisprDisplayFieldComponent, CrisprFieldComponent, DEFAULT_EMPTY_OPTIONS_MESSAGE, allowedFileExtValidator, allowedFileType, buildFormGroupFromConfig, callOptionsIfFunction, convertBytesToMb, createControlForType, crisprControlMixin, filterOptionsByLabel, isControlConfig, maxFileSizeValidator, observablifyOptions, valueIn };
+//# sourceMappingURL=tft-crispr-forms-src-lib-utils.mjs.map