@tft/crispr-forms 13.0.23 → 14.0.1-rc.2

package/{lib/material → ui}/option/option.component.d.ts

@@ -1,7 +1,7 @@
-import { SelectOption } from '../../models';
+import { SelectOption } from '@tft/crispr-forms/utils';
 import * as i0 from "@angular/core";
 export declare class OptionComponent {
     option: SelectOption;
     static ɵfac: i0.ɵɵFactoryDeclaration<OptionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OptionComponent, "crispr-option", never, { "option": "option"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OptionComponent, "crispr-option", never, { "option": "option"; }, {}, never, never, true>;
 }

package/ui/public-api.d.ts

@@ -0,0 +1,19 @@
+export * from './input-field';
+export * from './select-field';
+export * from './autocomplete-field';
+export * from './autocomplete-chiplist-field';
+export * from './checkbox-field';
+export * from './textarea-field';
+export * from './slider-field';
+export * from './button';
+export * from './datepicker-field';
+export * from './divider';
+export * from './radio-field';
+export * from './unit-conversion-field';
+export * from './option';
+export * from './file-upload';
+export * from '@tft/crispr-forms/ui/file-dropzone';
+export * from '@tft/crispr-forms/ui/selected-file';
+export * from '@tft/crispr-forms/ui/field-container';
+export * from '@tft/crispr-forms/ui/heading';
+export * from '@tft/crispr-forms/ui/info';

package/ui/radio-field/index.d.ts

@@ -0,0 +1 @@
+export * from './radio-field.component';

package/ui/radio-field/radio-field.component.d.ts

@@ -0,0 +1,23 @@
+import { OnInit } from '@angular/core';
+import { Observable } from 'rxjs';
+import { RadioFieldConfig, SelectOption } from '@tft/crispr-forms/utils';
+import * as i0 from "@angular/core";
+declare const RadioFieldMixin: new () => {
+    config: RadioFieldConfig;
+    group: import("@angular/forms").FormGroup<any>;
+    control: import("@angular/forms").AbstractControl<any, any>;
+    _value: any;
+    value: any;
+    ngOnInit(): void;
+    setControlValue(value: any): void;
+    defaultConfig?: Partial<RadioFieldConfig>;
+    applyDefaultConfig(): void;
+};
+export declare class RadioFieldComponent extends RadioFieldMixin implements OnInit {
+    defaultConfig: {};
+    options$: Observable<SelectOption[]>;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadioFieldComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RadioFieldComponent, "crispr-radio-field", never, {}, {}, never, never, true>;
+}
+export {};

package/ui/select-field/index.d.ts

@@ -0,0 +1 @@
+export * from './select-field.component';

package/{lib/material → ui}/select-field/select-field.component.d.ts

@@ -1,21 +1,19 @@
 import { OnInit, AfterViewInit } from '@angular/core';
 import { Observable } from 'rxjs';
-import { SelectFieldConfig, SelectOption } from '../../models';
 import { MatSelect } from '@angular/material/select';
 import { ThemePalette } from '@angular/material/core';
+import { SelectFieldConfig, SelectOption } from '@tft/crispr-forms/utils';
 import * as i0 from "@angular/core";
-declare const SelectFieldMixin: {
-    new (): {
-        config: SelectFieldConfig;
-        group: import("@angular/forms").FormGroup;
-        control: import("@angular/forms").AbstractControl;
-        _value: any;
-        value: any;
-        ngOnInit(): void;
-        setControlValue(value: any): void;
-        defaultConfig?: Partial<SelectFieldConfig>;
-        applyDefaultConfig(): void;
-    };
+declare const SelectFieldMixin: new () => {
+    config: SelectFieldConfig;
+    group: import("@angular/forms").FormGroup<any>;
+    control: import("@angular/forms").AbstractControl<any, any>;
+    _value: any;
+    value: any;
+    ngOnInit(): void;
+    setControlValue(value: any): void;
+    defaultConfig?: Partial<SelectFieldConfig>;
+    applyDefaultConfig(): void;
 };
 export declare class SelectFieldComponent extends SelectFieldMixin implements OnInit, AfterViewInit {
     defaultConfig: {
@@ -29,6 +27,6 @@ export declare class SelectFieldComponent extends SelectFieldMixin implements On
     ngAfterViewInit(): void;
     toggleAll(isSelected: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectFieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SelectFieldComponent, "crispr-select-field", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectFieldComponent, "crispr-select-field", never, {}, {}, never, never, true>;
 }
 export {};

package/ui/selected-file/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@tft/crispr-forms/ui/selected-file" />
+export * from './public-api';

package/ui/selected-file/public-api.d.ts

@@ -0,0 +1 @@
+export * from './selected-file.component';

package/ui/selected-file/selected-file.component.d.ts

@@ -0,0 +1,10 @@
+import { ThemePalette } from '@angular/material/core';
+import * as i0 from "@angular/core";
+export declare class SelectedFileComponent {
+    fileName: string;
+    progress: number;
+    showProgress: boolean;
+    color: ThemePalette;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectedFileComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectedFileComponent, "crispr-selected-file", never, { "fileName": "fileName"; "progress": "progress"; "showProgress": "showProgress"; "color": "color"; }, {}, never, never, true>;
+}

package/ui/slider-field/index.d.ts

@@ -0,0 +1 @@
+export * from './slider-field.component';

package/ui/slider-field/slider-field.component.d.ts

@@ -0,0 +1,25 @@
+import { OnInit } from '@angular/core';
+import { SliderFieldConfig } from '@tft/crispr-forms/utils';
+import * as i0 from "@angular/core";
+declare const SliderFieldMixin: new () => {
+    config: SliderFieldConfig;
+    group: import("@angular/forms").FormGroup<any>;
+    control: import("@angular/forms").AbstractControl<any, any>;
+    _value: any;
+    value: any;
+    ngOnInit(): void;
+    setControlValue(value: any): void;
+    defaultConfig?: Partial<SliderFieldConfig>;
+    applyDefaultConfig(): void;
+};
+export declare class SliderFieldComponent extends SliderFieldMixin implements OnInit {
+    defaultConfig: {
+        displayLimits: boolean;
+    };
+    constructor();
+    get flexDirection(): "column" | "row";
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SliderFieldComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SliderFieldComponent, "crispr-slider-field", never, {}, {}, never, never, true>;
+}
+export {};

package/ui/textarea-field/index.d.ts

@@ -0,0 +1 @@
+export * from './textarea-field.component';

package/ui/textarea-field/textarea-field.component.d.ts

@@ -0,0 +1,21 @@
+import { OnInit } from '@angular/core';
+import { TextareaFieldConfig } from '@tft/crispr-forms/utils';
+import * as i0 from "@angular/core";
+declare const TextareaFieldMixin: new () => {
+    config: TextareaFieldConfig;
+    group: import("@angular/forms").FormGroup<any>;
+    control: import("@angular/forms").AbstractControl<any, any>;
+    _value: any;
+    value: any;
+    ngOnInit(): void;
+    setControlValue(value: any): void;
+    defaultConfig?: Partial<TextareaFieldConfig>;
+    applyDefaultConfig(): void;
+};
+export declare class TextareaFieldComponent extends TextareaFieldMixin implements OnInit {
+    defaultConfig: Partial<TextareaFieldConfig>;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextareaFieldComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextareaFieldComponent, "crispr-textarea-field", never, {}, {}, never, never, true>;
+}
+export {};

package/ui/unit-conversion-field/index.d.ts

@@ -0,0 +1 @@
+export * from './unit-conversion-field.component';

package/{lib/material → ui}/unit-conversion-field/unit-conversion-field.component.d.ts

@@ -1,26 +1,23 @@
 import { OnInit, OnDestroy } from '@angular/core';
 import { FormControl } from '@angular/forms';
 import { Observable, Subscription } from 'rxjs';
-import { SelectOption } from '../../models';
-import { UnitConversionFieldConfig } from '../../models/unit-conversion-field.config';
+import { SelectOption, UnitConversionFieldConfig } from '@tft/crispr-forms/utils';
 import * as i0 from "@angular/core";
-declare const UnitConversionFieldMixin: {
-    new (): {
-        config: UnitConversionFieldConfig<unknown, unknown>;
-        group: import("@angular/forms").FormGroup;
-        control: import("@angular/forms").AbstractControl;
-        _value: any;
-        value: any;
-        ngOnInit(): void;
-        setControlValue(value: any): void;
-        defaultConfig?: Partial<UnitConversionFieldConfig<unknown, unknown>>;
-        applyDefaultConfig(): void;
-    };
+declare const UnitConversionFieldMixin: new () => {
+    config: UnitConversionFieldConfig<unknown, unknown>;
+    group: import("@angular/forms").FormGroup<any>;
+    control: import("@angular/forms").AbstractControl<any, any>;
+    _value: any;
+    value: any;
+    ngOnInit(): void;
+    setControlValue(value: any): void;
+    defaultConfig?: Partial<UnitConversionFieldConfig<unknown, unknown>>;
+    applyDefaultConfig(): void;
 };
 export declare class UnitConversionFieldComponent extends UnitConversionFieldMixin implements OnInit, OnDestroy {
     defaultConfig: Partial<UnitConversionFieldConfig<unknown, unknown>>;
-    displayValueControl: FormControl;
-    unitSelectControl: FormControl;
+    displayValueControl: FormControl<any>;
+    unitSelectControl: FormControl<any>;
     unitOptions$: Observable<SelectOption[]>;
     transformationSubscription: Subscription;
     ngOnInit(): void;
@@ -34,6 +31,6 @@ export declare class UnitConversionFieldComponent extends UnitConversionFieldMix
      */
     setControlValue(value: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<UnitConversionFieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UnitConversionFieldComponent, "crispr-unit-conversion-field", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UnitConversionFieldComponent, "crispr-unit-conversion-field", never, {}, {}, never, never, true>;
 }
 export {};

package/utils/README.md

@@ -0,0 +1,3 @@
+# @tft/crispr-forms/utils
+
+Secondary entry point of `@tft/crispr-forms`. It can be used by importing from `@tft/crispr-forms/utils`.

package/{lib → utils}/abstracts/autocomplete-field.abstract.d.ts

@@ -7,8 +7,8 @@ declare type AutocompleteConfigTypes = AutocompleteFieldConfig | AutocompleteChi
 declare const AbstractAutocompleteFieldMixin: {
     new (): {
         config: AutocompleteConfigTypes;
-        group: import("@angular/forms").FormGroup;
-        control: import("@angular/forms").AbstractControl;
+        group: import("@angular/forms").FormGroup<any>;
+        control: import("@angular/forms").AbstractControl<any, any>;
         _value: any;
         value: any;
         ngOnInit(): void;
@@ -18,11 +18,11 @@ declare const AbstractAutocompleteFieldMixin: {
     };
 };
 export declare class AbstractAutocompleteComponent<C> extends AbstractAutocompleteFieldMixin implements OnInit {
-    autocompleteInputControl: FormControl;
+    autocompleteInputControl: FormControl<string>;
     options$: Observable<SelectOption[]>;
     config: AutocompleteConfigTypes & C;
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AbstractAutocompleteComponent<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractAutocompleteComponent<any>, never, never, {}, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractAutocompleteComponent<any>, never, never, {}, {}, never, never, false>;
 }
 export {};

package/{lib → utils}/abstracts/crispr-field.abstract.d.ts

@@ -7,5 +7,5 @@ export declare abstract class CrisprFieldComponent<C extends CrisprFieldConfig>
     ngOnInit(): void;
     applyDefaultConfig(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CrisprFieldComponent<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CrisprFieldComponent<any>, never, never, {}, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CrisprFieldComponent<any>, never, never, {}, {}, never, never, true>;
 }

package/utils/functions/buildFormGroupFromConfig.d.ts

@@ -0,0 +1,9 @@
+import { FormGroup } from "@angular/forms";
+import { FormConfig } from "../models";
+/**
+ * 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
+ */
+export declare function buildFormGroupFromConfig(config: FormConfig, value?: any, group?: FormGroup): FormGroup<any>;

package/utils/functions/callOptionsIfFunction.d.ts

@@ -0,0 +1,3 @@
+import { FormGroup } from "@angular/forms";
+import { AutocompleteOptionsCallback, OptionsType } from "../models";
+export declare function callOptionsIfFunction(options: OptionsType | AutocompleteOptionsCallback, parentGroup?: FormGroup, searchString?: string): OptionsType;

package/utils/functions/createControlForType.d.ts

@@ -0,0 +1,9 @@
+import { FormArray, FormControl } from "@angular/forms";
+import { AnyFieldConfig, ControlValue } from "../models";
+/**
+ * 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
+ */
+export declare function createControlForType(controlConfig: AnyFieldConfig, value?: ControlValue): import("@angular/forms").FormGroup<any> | FormArray<any> | FormControl<any>;

package/utils/functions/filterOptionsByLabel.d.ts

@@ -0,0 +1,7 @@
+import { SelectOption } from "../models";
+/**
+ * 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
+ */
+export declare function filterOptionsByLabel(options: SelectOption[], searchString: string): SelectOption[];

package/utils/functions/image-compression.helpers.d.ts

@@ -0,0 +1,5 @@
+import { ValidatorFn } from "@angular/forms";
+export declare function convertBytesToMb(bytes: number): number;
+export declare function maxFileSizeValidator(maxFileSize: number): ValidatorFn;
+export declare function allowedFileExtValidator(allowedFileExtensions: string[], onlyAllowFiles?: boolean): ValidatorFn;
+export declare function allowedFileType(matchExp: string | RegExp): ValidatorFn;

package/utils/functions/index.d.ts

@@ -0,0 +1,7 @@
+export * from './buildFormGroupFromConfig';
+export * from './callOptionsIfFunction';
+export * from './createControlForType';
+export * from './filterOptionsByLabel';
+export * from './isControlConfig';
+export * from './observablifyOptions';
+export * from './image-compression.helpers';

package/utils/functions/isControlConfig.d.ts

@@ -0,0 +1,5 @@
+import { CrisprControlConfig, CrisprFieldConfig } from "../models";
+/**
+ * Determines if the field config is for a form control (not a divider, heading or other non-control field)
+ *  */
+export declare function isControlConfig(fieldConfig: CrisprFieldConfig): fieldConfig is CrisprControlConfig;

package/utils/functions/observablifyOptions.d.ts

@@ -0,0 +1,12 @@
+import { FormGroup } from "@angular/forms";
+import { Observable } from "rxjs";
+import { OptionsType, SelectOption } from "../models";
+/**
+ * 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
+ */
+export declare function observablifyOptions(options: OptionsType, parentGroup: FormGroup, searchString?: string): Observable<SelectOption[]>;

package/utils/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@tft/crispr-forms/utils" />
+export * from './public-api';

package/{lib → utils}/models/autocomplete-chiplist-field.config.d.ts

@@ -1,4 +1,5 @@
-import { AbstractAutocompleteFieldConfig, SelectOption } from './index';
+import { AbstractAutocompleteFieldConfig } from './autocomplete-field.config';
+import { SelectOption } from './select-field.config';
 import { ControlType, FieldDescriptors, MatFieldProperties } from './crispr-field.config';
 export interface AutocompleteChiplistFieldConfig extends AbstractAutocompleteFieldConfig, FieldDescriptors, MatFieldProperties {
     controlType: ControlType.AUTOCOMPLETE_CHIPLIST;

package/{lib → utils}/models/autocomplete-field.config.d.ts

@@ -1,6 +1,5 @@
-import { CrisprControlConfig, ControlType } from '../models';
 import { AutocompleteOptionsCallback, SelectOption } from './select-field.config';
-import { FieldDescriptors, MatFieldProperties } from './crispr-field.config';
+import { FieldDescriptors, MatFieldProperties, CrisprControlConfig, ControlType } from './crispr-field.config';
 export interface AbstractAutocompleteFieldConfig extends CrisprControlConfig, FieldDescriptors, MatFieldProperties {
     typeToEmit?: boolean;
     typeDebounceTime?: number;

package/{lib → utils}/models/checkbox-field.config.d.ts

@@ -1,5 +1,4 @@
-import { CrisprControlConfig, ControlType } from '../models';
-import { FieldDescriptors, MatFieldProperties } from './crispr-field.config';
+import { FieldDescriptors, MatFieldProperties, CrisprControlConfig, ControlType } from './crispr-field.config';
 export interface CheckboxFieldConfig extends CrisprControlConfig, Pick<FieldDescriptors, 'label' | 'info'>, Pick<MatFieldProperties, 'color'> {
     controlType: ControlType.CHECKBOX;
     labelPosition?: 'before' | 'after';

package/{lib → utils}/models/crispr-field.config.d.ts

@@ -3,7 +3,6 @@ import { Observable } from 'rxjs';
 import { TooltipPosition } from '@angular/material/tooltip';
 import { MatFormFieldAppearance } from '@angular/material/form-field';
 import { ErrorDictionary } from '@tft/form-validation-handler';
-import { ComputeFieldConfig, CheckControlConfig, CheckControlsConfig } from '../form.helpers';
 import type { SelectFieldConfig, HeadingConfig, ButtonConfig, DatepickerFieldConfig, InputFieldConfig, CheckboxFieldConfig, TextareaFieldConfig, AutocompleteFieldConfig, FormGroupListConfig, AutocompleteChiplistFieldConfig, SliderFieldConfig, DividerConfig, SelectOption, RadioFieldConfig, ImageUploadFieldConfig, FileUploadFieldConfig, UnitConversionFieldConfig } from '../models';
 import { ThemePalette } from '@angular/material/core';
 export declare enum ControlType {
@@ -42,13 +41,12 @@ export interface CrisprControlConfig<M = null> extends CrisprFieldConfig {
     controlName: RestrictedControlName<M>;
     controlType: ControlType;
     validators?: ValidatorFn[];
+    computeValue?: (group: FormGroup) => Observable<unknown>;
+    disabledCallback?: (group: FormGroup) => Observable<boolean>;
     /**
-     * @deprecated please us computeValue instead
+     * Hide the control when disabled
+     * @default false
      */
-    computeFieldConfig?: ComputeFieldConfig;
-    computeValue?: (group: FormGroup) => Observable<unknown>;
-    disabledCallback?: (group: FormGroup, config?: any) => Observable<boolean>;
-    disabledCallbackConfig?: CheckControlConfig | CheckControlsConfig | any;
     hideDisabled?: boolean;
     heading?: HeadingConfig;
     hint?: string;
@@ -85,7 +83,7 @@ export interface FormConfig<C = AnyFieldConfig> extends AbstractGroupConfig<C> {
 /**
  * Configuration for SubGroup components
  */
-export interface SubGroupConfig extends CrisprControlConfig, AbstractGroupConfig {
+export interface SubGroupConfig extends CrisprControlConfig, AbstractGroupConfig<any> {
     controlType: ControlType.SUB_GROUP;
 }
 export declare type AnyFieldConfig = InputFieldConfig | SelectFieldConfig | RadioFieldConfig | FormGroupListConfig | SubGroupConfig | AutocompleteFieldConfig | AutocompleteChiplistFieldConfig | TextareaFieldConfig | CheckboxFieldConfig | DatepickerFieldConfig | SliderFieldConfig | FileUploadFieldConfig | ImageUploadFieldConfig | HeadingConfig | ButtonConfig | DividerConfig | UnitConversionFieldConfig;

package/{lib → utils}/models/datepicker-field.config.d.ts

@@ -1,6 +1,4 @@
-import { CrisprControlConfig, ControlType } from '../models';
-import { Moment } from 'moment';
-import { FieldDescriptors, MatFieldProperties } from './crispr-field.config';
+import { FieldDescriptors, MatFieldProperties, CrisprControlConfig, ControlType } from './crispr-field.config';
 import { MatCalendarCellClassFunction } from '@angular/material/datepicker';
 import { Observable } from 'rxjs';
 import { FormGroup } from '@angular/forms';
@@ -12,9 +10,9 @@ export interface DatepickerFieldConfig extends CrisprControlConfig, Pick<FieldDe
     startView?: 'month' | 'year' | 'multi-year';
     startAt?: Date | ((group: FormGroup) => Observable<Date>) | null;
     touchUi?: boolean;
-    datepickerFilter?: (date: Moment) => boolean;
-    cellClassFunction?: MatCalendarCellClassFunction<Moment>;
-    dateClass?: (parentGroup: FormGroup) => Observable<MatCalendarCellClassFunction<Moment>>;
+    datepickerFilter?: (date: Date) => boolean;
+    cellClassFunction?: MatCalendarCellClassFunction<Date>;
+    dateClass?: (parentGroup: FormGroup) => Observable<MatCalendarCellClassFunction<Date>>;
     /**
      * Pass a component into mat-datepicker-actions component see [docs](https://material.angular.io/components/datepicker/overview#confirmation-action-buttons)
      */

package/{lib → utils}/models/divider.config.d.ts

@@ -1,4 +1,4 @@
-import { CrisprFieldConfig, ControlType } from '../models';
+import { CrisprFieldConfig, ControlType } from './crispr-field.config';
 export declare type DividerConfig = Omit<CrisprFieldConfig, 'label'> & {
     controlType?: ControlType.DIVIDER;
     vertical?: boolean;

package/{lib → utils}/models/file-upload-field.config.d.ts

@@ -1,7 +1,6 @@
 import { FormGroup } from '@angular/forms';
-import type { FileUploadFieldComponent } from '../material/file-upload/file-upload.component';
-import type { ImageUploadFieldComponent } from '../material/image-upload-field';
-import { CrisprControlConfig, ControlType, ButtonType, MatFieldProperties } from '../models';
+import { CrisprControlConfig, ControlType, MatFieldProperties } from './crispr-field.config';
+import { ButtonType } from './button.config';
 export declare type FileUploadFieldConfig = CrisprControlConfig & MatFieldProperties & {
     controlType: ControlType.FILE_UPLOAD;
     label: string;
@@ -15,7 +14,7 @@ export declare type FileUploadFieldConfig = CrisprControlConfig & MatFieldProper
     dropZoneText?: string;
 } & (EnabledUploadButtonConfig | DisabledUploadButtonConfig);
 export interface EnabledUploadButtonConfig {
-    uploadFiles: (parentGroup: FormGroup, files: FileList, uploadComponent: FileUploadFieldComponent | ImageUploadFieldComponent) => Promise<unknown> | unknown;
+    uploadFiles: (parentGroup: FormGroup, files: FileList, uploadComponent: any /** FileUploadFieldComponent | ImageUploadFieldComponent */) => Promise<unknown> | unknown;
     showUploadProgress?: boolean;
     disableOnUpload?: boolean;
     uploadButtonType?: ButtonType;

package/{lib → utils}/models/form-group-list.config.d.ts

@@ -1,6 +1,5 @@
 import { ThemePalette } from '@angular/material/core';
-import { CrisprControlConfig, ControlType } from './';
-import { SubGroupConfig } from './crispr-field.config';
+import { CrisprControlConfig, ControlType, SubGroupConfig } from './crispr-field.config';
 export interface FormGroupListConfig extends CrisprControlConfig {
     controlType: ControlType.GROUP_LIST;
     itemConfig: SubGroupConfig;

package/{lib → utils}/models/heading.config.d.ts

@@ -1,5 +1,4 @@
-import { CrisprFieldConfig, ControlType } from '../models';
-import { FieldDescriptors } from './crispr-field.config';
+import { FieldDescriptors, CrisprFieldConfig, ControlType } from './crispr-field.config';
 export interface HeadingConfig extends Omit<CrisprFieldConfig, 'controlType'>, Omit<FieldDescriptors, 'placeholder' | 'fieldSuffix'> {
     controlType?: ControlType.HEADING;
     typographyClass?: string;

package/{lib → utils}/models/image-upload-field.config.d.ts

@@ -1,5 +1,6 @@
 import { FormGroup } from '@angular/forms';
-import { CrisprControlConfig, ControlType, ButtonType, MatFieldProperties } from '../models';
+import { CrisprControlConfig, ControlType, MatFieldProperties } from './crispr-field.config';
+import { ButtonType } from './button.config';
 export declare type ImageUploadFieldConfig = CrisprControlConfig & MatFieldProperties & {
     controlType: ControlType.IMAGE_UPLOAD;
     label: string;

package/{lib → utils}/models/input-field.config.d.ts

@@ -1,5 +1,4 @@
-import { CrisprControlConfig } from '../models';
-import { ControlType, FieldDescriptors, MatFieldProperties } from './crispr-field.config';
+import { ControlType, FieldDescriptors, MatFieldProperties, CrisprControlConfig } from './crispr-field.config';
 export interface InputFieldConfig extends CrisprControlConfig, FieldDescriptors, MatFieldProperties {
     controlType: ControlType.INPUT;
     inputType?: InputType;

package/{lib → utils}/models/select-field.config.d.ts

@@ -1,7 +1,6 @@
-import { CrisprControlConfig } from '../models';
 import { Observable } from 'rxjs';
 import { FormGroup } from '@angular/forms';
-import { ControlType, FieldDescriptors, Info, MatFieldProperties } from './crispr-field.config';
+import { ControlType, FieldDescriptors, Info, MatFieldProperties, CrisprControlConfig } from './crispr-field.config';
 export interface SelectFieldConfig extends Omit<CrisprControlConfig, 'placeholder'>, FieldDescriptors, MatFieldProperties {
     controlType: ControlType.SELECT;
     emptyOptionsMessage?: string;

package/{lib → utils}/models/slider-field.config.d.ts

@@ -1,5 +1,4 @@
-import { CrisprControlConfig, ControlType } from '../models';
-import { FieldDescriptors, MatFieldProperties } from './crispr-field.config';
+import { FieldDescriptors, MatFieldProperties, CrisprControlConfig, ControlType } from './crispr-field.config';
 export interface SliderFieldConfig extends CrisprControlConfig, Pick<FieldDescriptors, 'label' | 'info'>, Pick<MatFieldProperties, 'color'> {
     controlType: ControlType.SLIDER;
     displayWith?: (value: number) => string | number;

package/{lib → utils}/models/textarea-field.config.d.ts

@@ -1,5 +1,4 @@
-import { CrisprControlConfig, ControlType } from '../models';
-import { FieldDescriptors, MatFieldProperties } from './crispr-field.config';
+import { FieldDescriptors, MatFieldProperties, CrisprControlConfig, ControlType } from './crispr-field.config';
 export interface TextareaFieldConfig extends CrisprControlConfig, FieldDescriptors, MatFieldProperties {
     controlType: ControlType.TEXTAREA;
     rows?: number;

package/{lib → utils}/models/unit-conversion-field.config.d.ts

@@ -1,6 +1,5 @@
 import { FormGroup } from '@angular/forms';
-import { CrisprControlConfig, ControlType } from '../models';
-import { FieldDescriptors, MatFieldProperties } from './crispr-field.config';
+import { FieldDescriptors, MatFieldProperties, CrisprControlConfig, ControlType } from './crispr-field.config';
 import { OptionsType } from './select-field.config';
 export declare type UnitConversionFieldConfig<ST = unknown, UT = unknown> = CrisprControlConfig & FieldDescriptors & MatFieldProperties & {
     controlType: ControlType.UNIT_CONVERSION;

package/utils/operators/index.d.ts

@@ -0,0 +1 @@
+export * from './form.operators';

package/utils/public-api.d.ts

@@ -0,0 +1,4 @@
+export * from './operators';
+export * from './models';
+export * from './abstracts';
+export * from './functions';

package/esm2020/index.mjs

@@ -1,2 +0,0 @@
-export * from './lib/public_api';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL2NyaXNwci1mb3Jtcy9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxrQkFBa0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vbGliL3B1YmxpY19hcGknO1xuXG4iXX0=

package/esm2020/lib/abstracts/autocomplete-field.abstract.mjs

@@ -1,30 +0,0 @@
-import { Directive } from '@angular/core';
-import { FormControl } from '@angular/forms';
-import { debounceTime, distinctUntilChanged, map, shareReplay, startWith, switchMap } from 'rxjs/operators';
-import { crisprControlMixin } from './crispr-control.mixin';
-import { CrisprFieldComponent } from './crispr-field.abstract';
-import { observablifyOptions } from '../form.helpers';
-import * as i0 from "@angular/core";
-const AbstractAutocompleteFieldMixin = crisprControlMixin(CrisprFieldComponent);
-// eslint-disable-next-line @angular-eslint/directive-class-suffix
-export 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: "13.2.1", ngImport: i0, type: AbstractAutocompleteComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-AbstractAutocompleteComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.1", type: AbstractAutocompleteComponent, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.1", ngImport: i0, type: AbstractAutocompleteComponent, decorators: [{
-            type: Directive
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0b2NvbXBsZXRlLWZpZWxkLmFic3RyYWN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jcmlzcHItZm9ybXMvc3JjL2xpYi9hYnN0cmFjdHMvYXV0b2NvbXBsZXRlLWZpZWxkLmFic3RyYWN0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBVSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbEQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRTdDLE9BQU8sRUFBRSxZQUFZLEVBQUUsb0JBQW9CLEVBQUUsR0FBRyxFQUFFLFdBQVcsRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFNUcsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFFNUQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDL0QsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0saUJBQWlCLENBQUM7O0FBSXRELE1BQU0sOEJBQThCLEdBQUcsa0JBQWtCLENBQTBCLG9CQUFvQixDQUFDLENBQUM7QUFHekcsa0VBQWtFO0FBQ2xFLE1BQU0sT0FBTyw2QkFDWCxTQUFRLDhCQUE4QjtJQUh4Qzs7UUFJRSxvR0FBb0c7UUFDcEcsNkJBQXdCLEdBQUcsSUFBSSxXQUFXLENBQUMsRUFBRSxDQUFDLENBQUM7S0FrQmhEO0lBZkMsUUFBUTtRQUNOLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUVqQixJQUFJLENBQUMsS0FBSyxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLFdBQVcsRUFBRSxJQUFJLFdBQVcsRUFBRSxDQUFDLENBQUM7UUFDbEUsK0dBQStHO1FBQy9HLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLHdCQUF3QixDQUFDLFlBQVksQ0FBQyxJQUFJO1FBQzdELDREQUE0RDtRQUM1RCxTQUFTLENBQUMsRUFBRSxDQUFDLEVBQ2IsWUFBWSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsZ0JBQWdCLENBQUMsRUFDMUMsR0FBRyxDQUFDLENBQUMsVUFBa0IsRUFBRSxFQUFFLENBQUMsT0FBTyxVQUFVLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxVQUFVLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUNyRixvQkFBb0IsRUFBRSxFQUN0QixTQUFTLENBQUMsQ0FBQyxVQUFrQixFQUFFLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLE9BQU8sRUFBRSxJQUFJLENBQUMsS0FBSyxFQUFFLFVBQVUsQ0FBQyxDQUFDLEVBQ25HLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FDZixDQUFDO0lBQ0osQ0FBQzs7MEhBcEJVLDZCQUE2Qjs4R0FBN0IsNkJBQTZCOzJGQUE3Qiw2QkFBNkI7a0JBRnpDLFNBQVMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBPbkluaXQsIERpcmVjdGl2ZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBPYnNlcnZhYmxlIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBkZWJvdW5jZVRpbWUsIGRpc3RpbmN0VW50aWxDaGFuZ2VkLCBtYXAsIHNoYXJlUmVwbGF5LCBzdGFydFdpdGgsIHN3aXRjaE1hcCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcblxuaW1wb3J0IHsgY3Jpc3ByQ29udHJvbE1peGluIH0gZnJvbSAnLi9jcmlzcHItY29udHJvbC5taXhpbic7XG5pbXBvcnQgdHlwZSB7IEF1dG9jb21wbGV0ZUZpZWxkQ29uZmlnLCBBdXRvY29tcGxldGVDaGlwbGlzdEZpZWxkQ29uZmlnLCBTZWxlY3RPcHRpb24gfSBmcm9tICcuLi9tb2RlbHMnO1xuaW1wb3J0IHsgQ3Jpc3ByRmllbGRDb21wb25lbnQgfSBmcm9tICcuL2NyaXNwci1maWVsZC5hYnN0cmFjdCc7XG5pbXBvcnQgeyBvYnNlcnZhYmxpZnlPcHRpb25zIH0gZnJvbSAnLi4vZm9ybS5oZWxwZXJzJztcblxudHlwZSBBdXRvY29tcGxldGVDb25maWdUeXBlcyA9IEF1dG9jb21wbGV0ZUZpZWxkQ29uZmlnIHwgQXV0b2NvbXBsZXRlQ2hpcGxpc3RGaWVsZENvbmZpZztcblxuY29uc3QgQWJzdHJhY3RBdXRvY29tcGxldGVGaWVsZE1peGluID0gY3Jpc3ByQ29udHJvbE1peGluPEF1dG9jb21wbGV0ZUNvbmZpZ1R5cGVzPihDcmlzcHJGaWVsZENvbXBvbmVudCk7XG5cbkBEaXJlY3RpdmUoKVxuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9kaXJlY3RpdmUtY2xhc3Mtc3VmZml4XG5leHBvcnQgY2xhc3MgQWJzdHJhY3RBdXRvY29tcGxldGVDb21wb25lbnQ8Qz5cbiAgZXh0ZW5kcyBBYnN0cmFjdEF1dG9jb21wbGV0ZUZpZWxkTWl4aW4gaW1wbGVtZW50cyBPbkluaXQge1xuICAvLyB3ZSBuZWVkIGEgc2VwYXJhdGUgY29udHJvbCBmb3IgdGhlIFVJIGJlY2F1c2Ugb2YgdGhlIHdheSB0aGUgbWF0ZXJpYWwgYXV0b2NvbXBsZXRlIGNoaXBsaXN0IHdvcmtzXG4gIGF1dG9jb21wbGV0ZUlucHV0Q29udHJvbCA9IG5ldyBGb3JtQ29udHJvbCgnJyk7XG4gIG9wdGlvbnMkOiBPYnNlcnZhYmxlPFNlbGVjdE9wdGlvbltdPlxuICBjb25maWc6IEF1dG9jb21wbGV0ZUNvbmZpZ1R5cGVzICYgQztcbiAgbmdPbkluaXQoKSB7XG4gICAgc3VwZXIubmdPbkluaXQoKTtcblxuICAgIHRoaXMuZ3JvdXAuYWRkQ29udHJvbCh0aGlzLmNvbmZpZy5jb250cm9sTmFtZSwgbmV3IEZvcm1Db250cm9sKCkpO1xuICAgIC8vIGZpbHRlciBvcHRpb25zIGJ5IHRoZSBzZWFyY2ggc3RyaW5nIHVzaW5nIGVpdGhlciB0aGUgZGVmYXVsdCBmaWx0ZXIgZnVuY3Rpb24gb3Igb25lIHBhc3NlZCBpbiB0aHJvdWdoIGNvbmZpZ1xuICAgIHRoaXMub3B0aW9ucyQgPSB0aGlzLmF1dG9jb21wbGV0ZUlucHV0Q29udHJvbC52YWx1ZUNoYW5nZXMucGlwZShcbiAgICAgIC8vIHRoaXMgaXMgbmVlZGVkIHRvIGhhdmUgdGhlIG9wdGlvbnMgcGFuZWwgdG8gb3BlbiBvbiBmb2N1c1xuICAgICAgc3RhcnRXaXRoKCcnKSxcbiAgICAgIGRlYm91bmNlVGltZSh0aGlzLmNvbmZpZy50eXBlRGVib3VuY2VUaW1lKSxcbiAgICAgIG1hcCgoc2VhcmNoVGV4dDogc3RyaW5nKSA9PiB0eXBlb2Ygc2VhcmNoVGV4dCA9PT0gJ3N0cmluZycgPyBzZWFyY2hUZXh0Py50cmltKCkgOiAnJyksXG4gICAgICBkaXN0aW5jdFVudGlsQ2hhbmdlZCgpLFxuICAgICAgc3dpdGNoTWFwKChzZWFyY2hUZXh0OiBzdHJpbmcpID0+IG9ic2VydmFibGlmeU9wdGlvbnModGhpcy5jb25maWcub3B0aW9ucywgdGhpcy5ncm91cCwgc2VhcmNoVGV4dCkpLFxuICAgICAgc2hhcmVSZXBsYXkoMSksXG4gICAgKTtcbiAgfVxufVxuIl19