@tft/crispr-forms 12.2.20 → 13.0.1

package/lib/material/autocomplete-chiplist-field/autocomplete-chiplist-field.component.d.ts

@@ -4,6 +4,7 @@ import { Observable, BehaviorSubject } from 'rxjs';
 import { AutocompleteChiplistFieldConfig, SelectOption } from '../../models';
 import { AbstractAutocompleteComponent } from '../../abstracts';
 import { MatChipInputEvent } from '@angular/material/chips';
+import * as i0 from "@angular/core";
 export declare class AutocompleteChiplistFieldComponent extends AbstractAutocompleteComponent<AutocompleteChiplistFieldConfig> implements OnInit {
     defaultConfig: Partial<AutocompleteChiplistFieldConfig>;
     chips$: BehaviorSubject<SelectOption[]>;
@@ -28,4 +29,6 @@ export declare class AutocompleteChiplistFieldComponent extends AbstractAutocomp
     handleTokenEnd(event: MatChipInputEvent): void;
     mapToLabel(option: SelectOption): string;
     removeChip(removedChip: SelectOption): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteChiplistFieldComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AutocompleteChiplistFieldComponent, "crispr-autocomplete-chiplist-field", never, {}, {}, never, never>;
 }

package/lib/material/autocomplete-field/autocomplete-field.component.d.ts

@@ -2,6 +2,7 @@ import { OnInit, ElementRef } from '@angular/core';
 import { MatAutocompleteTrigger, MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
 import { SelectOption, AutocompleteFieldConfig } from '../../models';
 import { AbstractAutocompleteComponent } from '../../abstracts';
+import * as i0 from "@angular/core";
 export declare class AutocompleteFieldComponent extends AbstractAutocompleteComponent<AutocompleteFieldConfig> implements OnInit {
     defaultConfig: Partial<AutocompleteFieldConfig>;
     autoInput: MatAutocompleteTrigger;
@@ -15,6 +16,8 @@ export declare class AutocompleteFieldComponent extends AbstractAutocompleteComp
      * input is expecting.
      * @param options the array of options to search for option with corresponding value
      */
-    displayLabel(options: SelectOption[]): (value: any) => any;
+    displayLabel(options: SelectOption[]): (value: unknown) => string;
     handleSelect(event: MatAutocompleteSelectedEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteFieldComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AutocompleteFieldComponent, "crispr-autocomplete-field", never, {}, {}, never, never>;
 }

package/lib/material/button/button.component.d.ts

@@ -3,6 +3,7 @@ import { FormGroup } from '@angular/forms';
 import { ButtonConfig } from '../../models';
 import { Observable } from 'rxjs';
 import { CrisprFieldComponent } from '../../abstracts';
+import * as i0 from "@angular/core";
 export declare class ButtonComponent extends CrisprFieldComponent<ButtonConfig> implements OnInit {
     group: FormGroup;
     defaultConfig: Partial<ButtonConfig>;
@@ -10,4 +11,6 @@ export declare class ButtonComponent extends CrisprFieldComponent<ButtonConfig>
     get matButtonClass(): string;
     ngOnInit(): void;
     handleClick(group: FormGroup, event: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "crispr-button", never, {}, {}, never, never>;
 }

package/lib/material/checkbox-field/checkbox-field.component.d.ts

@@ -1,5 +1,6 @@
 import { OnInit } from '@angular/core';
 import { CheckboxFieldConfig } from '../../models';
+import * as i0 from "@angular/core";
 declare const CheckboxFieldMixin: {
     new (): {
         config: CheckboxFieldConfig;
@@ -16,5 +17,7 @@ declare const CheckboxFieldMixin: {
 export declare class CheckboxFieldComponent extends CheckboxFieldMixin implements OnInit {
     defaultConfig: Partial<CheckboxFieldConfig>;
     ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxFieldComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxFieldComponent, "crispr-checkbox-field", never, {}, {}, never, never>;
 }
 export {};

package/lib/material/datepicker-field/datepicker-field.component.d.ts

@@ -4,6 +4,7 @@ import { MatCalendarCellClassFunction } from '@angular/material/datepicker';
 import { Moment } from 'moment';
 import { Observable } from 'rxjs';
 import { Portal } from '@angular/cdk/portal';
+import * as i0 from "@angular/core";
 declare const DatepickerFieldMixin: {
     new (): {
         config: DatepickerFieldConfig;
@@ -26,5 +27,7 @@ export declare class DatepickerFieldComponent extends DatepickerFieldMixin imple
     calendarFooterPortal: Portal<any>;
     ngOnInit(): void;
     ngAfterContentInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DatepickerFieldComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatepickerFieldComponent, "crispr-datepicker-field", never, {}, {}, never, never>;
 }
 export {};

package/lib/material/divider/divider.component.d.ts

@@ -1,7 +1,10 @@
 import { OnInit } from '@angular/core';
 import { DividerConfig } from '../../models';
 import { CrisprFieldComponent } from '../../abstracts';
+import * as i0 from "@angular/core";
 export declare class DividerComponent extends CrisprFieldComponent<DividerConfig> implements OnInit {
     defaultConfig: {};
     ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DividerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DividerComponent, "crispr-divider", never, {}, {}, never, never>;
 }

package/lib/material/file-upload/file-dropzone.directive.d.ts

@@ -1,7 +1,10 @@
 import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
 export declare class FileDropzoneDirective {
     fileDrop: EventEmitter<FileList>;
     crisprFileDropzone: boolean;
     onDrop($event: DragEvent): void;
     onDragOver($event: DragEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FileDropzoneDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FileDropzoneDirective, "[crisprFileDropzone]", never, { "crisprFileDropzone": "crisprFileDropzone"; }, { "fileDrop": "fileDrop"; }, never>;
 }

package/lib/material/file-upload/file-upload.component.d.ts

@@ -1,7 +1,18 @@
 import { ElementRef, OnInit } from '@angular/core';
 import { ControlValueAccessor, NgControl } from '@angular/forms';
 import { Observable } from 'rxjs';
-import { FileUploadFieldConfig } from '../../models/file-upload-field.config';
+import type { FileUploadFieldConfig } from '../../models/file-upload-field.config';
+import * as i0 from "@angular/core";
+import * as i1 from "./file-dropzone.directive";
+import * as i2 from "@angular/common";
+import * as i3 from "../../field-container/field-container.component";
+import * as i4 from "@angular/forms";
+import * as i5 from "@angular/material/icon";
+import * as i6 from "@angular/material/button";
+import * as i7 from "@angular/material/form-field";
+import * as i8 from "@angular/material/input";
+import * as i9 from "../selected-file/selected-file.component";
+import * as i10 from "@tft/form-validation-handler";
 declare const FileUploadFieldMixin: {
     new (): {
         config: FileUploadFieldConfig;
@@ -15,7 +26,7 @@ declare const FileUploadFieldMixin: {
         applyDefaultConfig(): void;
     };
 };
-export declare class FileUploadComponent extends FileUploadFieldMixin implements OnInit, ControlValueAccessor {
+export declare class FileUploadFieldComponent extends FileUploadFieldMixin implements OnInit, ControlValueAccessor {
     ngControl: NgControl;
     onChange: () => void;
     defaultConfig: Partial<FileUploadFieldConfig>;
@@ -32,5 +43,12 @@ export declare class FileUploadComponent extends FileUploadFieldMixin implements
     writeValue(value: null): void;
     registerOnChange(fn: () => void): void;
     registerOnTouched(fn: () => void): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FileUploadFieldComponent, [{ optional: true; self: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FileUploadFieldComponent, "crispr-file-upload-field", never, {}, {}, never, never>;
+}
+export declare class FileUploadFieldModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FileUploadFieldModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FileUploadFieldModule, [typeof FileUploadFieldComponent, typeof i1.FileDropzoneDirective], [typeof i2.CommonModule, typeof i3.FieldContainerModule, typeof i4.ReactiveFormsModule, typeof i5.MatIconModule, typeof i6.MatButtonModule, typeof i7.MatFormFieldModule, typeof i8.MatInputModule, typeof i9.SelectedFileModule, typeof i10.FormValidationHandlerModule], [typeof FileUploadFieldComponent, typeof i1.FileDropzoneDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<FileUploadFieldModule>;
 }
 export {};

package/lib/material/file-upload/index.d.ts

@@ -0,0 +1,2 @@
+export * from './file-dropzone.directive';
+export * from './file-upload.component';

package/lib/material/heading/heading.component.d.ts

@@ -1,6 +1,17 @@
-import { HeadingConfig } from '../../models';
+import type { HeadingConfig } from '../../models/heading.config';
 import { CrisprFieldComponent } from '../../abstracts';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/material/form-field";
+import * as i3 from "../info/info.component";
 export declare class HeadingComponent extends CrisprFieldComponent<HeadingConfig> {
     config: HeadingConfig;
     defaultConfig: Partial<HeadingConfig>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HeadingComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HeadingComponent, "crispr-heading", never, { "config": "config"; }, {}, never, never>;
+}
+export declare class HeadingModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<HeadingModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<HeadingModule, [typeof HeadingComponent], [typeof i1.CommonModule, typeof i2.MatFormFieldModule, typeof i3.InfoModule], [typeof HeadingComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<HeadingModule>;
 }

package/lib/material/image-upload-field/image-compression.helpers.d.ts

@@ -0,0 +1 @@
+export declare function convertBytesToMb(bytes: number): number;

package/lib/material/image-upload-field/image-upload-field.component.d.ts

@@ -0,0 +1,63 @@
+import { ElementRef, OnInit, ChangeDetectorRef } from '@angular/core';
+import { ControlValueAccessor, NgControl, ValidatorFn } from '@angular/forms';
+import { DomSanitizer } from '@angular/platform-browser';
+import { Observable } from 'rxjs';
+import type { ImageUploadFieldConfig } from '../../models/image-upload-field.config';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../../field-container/field-container.component";
+import * as i3 from "@angular/forms";
+import * as i4 from "@angular/material/icon";
+import * as i5 from "@angular/material/button";
+import * as i6 from "@angular/material/form-field";
+import * as i7 from "@angular/material/input";
+import * as i8 from "../selected-file/selected-file.component";
+import * as i9 from "../file-upload/file-upload.component";
+import * as i10 from "@tft/form-validation-handler";
+declare const ImageUploadFieldMixin: {
+    new (): {
+        config: ImageUploadFieldConfig;
+        group: import("@angular/forms").FormGroup;
+        control: import("@angular/forms").AbstractControl;
+        _value: any;
+        value: any;
+        ngOnInit(): void;
+        setControlValue(value: any): void;
+        defaultConfig?: Partial<ImageUploadFieldConfig>;
+        applyDefaultConfig(): void;
+    };
+};
+export declare class ImageUploadFieldComponent extends ImageUploadFieldMixin implements OnInit, ControlValueAccessor {
+    ngControl: NgControl;
+    private domSanitizer;
+    private cdr;
+    onChange: () => void;
+    defaultConfig: Partial<ImageUploadFieldConfig>;
+    progress: number | undefined;
+    private inputImageFileSubject;
+    inputImageFile$: Observable<string | File>;
+    compressedFile$: Observable<File>;
+    compressedImageUrlString$: Observable<string | null>;
+    imageSrcUrl$: Observable<string | null>;
+    fileInputRef: ElementRef;
+    selectedFiles: FileList;
+    isUploaded: boolean;
+    disabled$: Observable<boolean>;
+    constructor(ngControl: NgControl, domSanitizer: DomSanitizer, cdr: ChangeDetectorRef);
+    ngOnInit(): void;
+    filesChanged(files: FileList): void;
+    clearFileInput(): void;
+    resetToInitialValue(initialValue: string): void;
+    writeValue(value: null): void;
+    registerOnChange(fn: () => void): void;
+    registerOnTouched(fn: () => void): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ImageUploadFieldComponent, [{ optional: true; self: true; }, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ImageUploadFieldComponent, "crispr-image-upload-field", never, {}, {}, never, never>;
+}
+export declare class ImageUploadFieldModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ImageUploadFieldModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ImageUploadFieldModule, [typeof ImageUploadFieldComponent], [typeof i1.CommonModule, typeof i2.FieldContainerModule, typeof i3.ReactiveFormsModule, typeof i4.MatIconModule, typeof i5.MatButtonModule, typeof i6.MatFormFieldModule, typeof i7.MatInputModule, typeof i8.SelectedFileModule, typeof i9.FileUploadFieldModule, typeof i10.FormValidationHandlerModule], [typeof ImageUploadFieldComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ImageUploadFieldModule>;
+}
+export declare function maxFileSizeValidator(maxFileSize: number): ValidatorFn;
+export {};

package/lib/material/image-upload-field/index.d.ts

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

package/lib/material/index.d.ts

@@ -7,8 +7,11 @@ export * from './textarea-field/textarea-field.component';
 export * from './slider-field/slider-field.component';
 export * from './button/button.component';
 export * from './datepicker-field/datepicker-field.component';
-export * from './file-upload/file-upload.component';
 export * from './heading/heading.component';
 export * from './divider/divider.component';
 export * from './radio-field/radio-field.component';
 export * from './unit-conversion-field/unit-conversion-field.component';
+export * from './image-upload-field';
+export * from './file-upload';
+export * from './material.module';
+export * from './option';

package/lib/material/info/info.component.d.ts

@@ -1,4 +1,15 @@
-import { Info } from '../../models';
+import type { Info } from '../../models';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/material/icon";
+import * as i3 from "@angular/material/tooltip";
 export declare class InfoComponent {
     info: Info;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InfoComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InfoComponent, "crispr-info", never, { "info": "info"; }, {}, never, never>;
+}
+export declare class InfoModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<InfoModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<InfoModule, [typeof InfoComponent], [typeof i1.CommonModule, typeof i2.MatIconModule, typeof i3.MatTooltipModule], [typeof InfoComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<InfoModule>;
 }

package/lib/material/input-field/input-field.component.d.ts

@@ -1,5 +1,6 @@
 import { OnInit } from '@angular/core';
 import { InputFieldConfig } from '../../models';
+import * as i0 from "@angular/core";
 declare const InputFieldMixin: {
     new (): {
         config: InputFieldConfig;
@@ -17,5 +18,7 @@ export declare class InputFieldComponent extends InputFieldMixin implements OnIn
     defaultConfig: Partial<InputFieldConfig>;
     constructor();
     ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputFieldComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputFieldComponent, "crispr-input-field", never, {}, {}, never, never>;
 }
 export {};

package/lib/material/material.module.d.ts

@@ -1,2 +1,44 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./input-field/input-field.component";
+import * as i2 from "./select-field/select-field.component";
+import * as i3 from "./radio-field/radio-field.component";
+import * as i4 from "./autocomplete-field/autocomplete-field.component";
+import * as i5 from "./autocomplete-chiplist-field/autocomplete-chiplist-field.component";
+import * as i6 from "./checkbox-field/checkbox-field.component";
+import * as i7 from "./textarea-field/textarea-field.component";
+import * as i8 from "./datepicker-field/datepicker-field.component";
+import * as i9 from "./slider-field/slider-field.component";
+import * as i10 from "./button/button.component";
+import * as i11 from "./divider/divider.component";
+import * as i12 from "./unit-conversion-field/unit-conversion-field.component";
+import * as i13 from "./option/option.component";
+import * as i14 from "@angular/common";
+import * as i15 from "@angular/forms";
+import * as i16 from "@tft/form-validation-handler";
+import * as i17 from "./info/info.component";
+import * as i18 from "./file-upload/file-upload.component";
+import * as i19 from "./heading/heading.component";
+import * as i20 from "../field-container/field-container.component";
+import * as i21 from "@angular/material/icon";
+import * as i22 from "@angular/material/autocomplete";
+import * as i23 from "@angular/material/datepicker";
+import * as i24 from "@angular/material/input";
+import * as i25 from "@angular/material/radio";
+import * as i26 from "@angular/material/select";
+import * as i27 from "@angular/material/checkbox";
+import * as i28 from "@angular/material/chips";
+import * as i29 from "@angular/material/slider";
+import * as i30 from "@angular/material/slide-toggle";
+import * as i31 from "@angular/material/button";
+import * as i32 from "@angular/material/button-toggle";
+import * as i33 from "@angular/material/tooltip";
+import * as i34 from "@angular/material/form-field";
+import * as i35 from "@angular/material-moment-adapter";
+import * as i36 from "@angular/material/divider";
+import * as i37 from "@angular/material/progress-bar";
+import * as i38 from "@angular/cdk/portal";
 export declare class MaterialModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MaterialModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MaterialModule, [typeof i1.InputFieldComponent, typeof i2.SelectFieldComponent, typeof i3.RadioFieldComponent, typeof i4.AutocompleteFieldComponent, typeof i5.AutocompleteChiplistFieldComponent, typeof i6.CheckboxFieldComponent, typeof i7.TextareaFieldComponent, typeof i8.DatepickerFieldComponent, typeof i9.SliderFieldComponent, typeof i10.ButtonComponent, typeof i11.DividerComponent, typeof i12.UnitConversionFieldComponent, typeof i13.OptionComponent], [typeof i14.CommonModule, typeof i15.ReactiveFormsModule, typeof i16.FormValidationHandlerModule, typeof i17.InfoModule, typeof i18.FileUploadFieldModule, typeof i19.HeadingModule, typeof i20.FieldContainerModule, typeof i21.MatIconModule, typeof i22.MatAutocompleteModule, typeof i23.MatDatepickerModule, typeof i24.MatInputModule, typeof i25.MatRadioModule, typeof i26.MatSelectModule, typeof i27.MatCheckboxModule, typeof i28.MatChipsModule, typeof i29.MatSliderModule, typeof i30.MatSlideToggleModule, typeof i31.MatButtonModule, typeof i32.MatButtonToggleModule, typeof i28.MatChipsModule, typeof i33.MatTooltipModule, typeof i34.MatFormFieldModule, typeof i35.MatMomentDateModule, typeof i36.MatDividerModule, typeof i37.MatProgressBarModule, typeof i38.PortalModule], [typeof i21.MatIconModule, typeof i22.MatAutocompleteModule, typeof i23.MatDatepickerModule, typeof i24.MatInputModule, typeof i25.MatRadioModule, typeof i26.MatSelectModule, typeof i27.MatCheckboxModule, typeof i28.MatChipsModule, typeof i29.MatSliderModule, typeof i30.MatSlideToggleModule, typeof i31.MatButtonModule, typeof i32.MatButtonToggleModule, typeof i28.MatChipsModule, typeof i33.MatTooltipModule, typeof i34.MatFormFieldModule, typeof i35.MatMomentDateModule, typeof i36.MatDividerModule, typeof i37.MatProgressBarModule, typeof i38.PortalModule, typeof i1.InputFieldComponent, typeof i2.SelectFieldComponent, typeof i3.RadioFieldComponent, typeof i4.AutocompleteFieldComponent, typeof i5.AutocompleteChiplistFieldComponent, typeof i6.CheckboxFieldComponent, typeof i7.TextareaFieldComponent, typeof i8.DatepickerFieldComponent, typeof i9.SliderFieldComponent, typeof i10.ButtonComponent, typeof i11.DividerComponent, typeof i12.UnitConversionFieldComponent, typeof i13.OptionComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<MaterialModule>;
 }

package/lib/material/option/index.d.ts

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

package/lib/material/option/option.component.d.ts

@@ -1,4 +1,7 @@
 import { SelectOption } from '../../models';
+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>;
 }

package/lib/material/radio-field/radio-field.component.d.ts

@@ -2,6 +2,7 @@ import { OnInit } from '@angular/core';
 import { Observable } from 'rxjs';
 import { SelectOption } from '../../models';
 import { RadioFieldConfig } from '../../models/radio-field.config';
+import * as i0 from "@angular/core";
 declare const RadioFieldMixin: {
     new (): {
         config: RadioFieldConfig;
@@ -19,5 +20,7 @@ export declare class RadioFieldComponent extends RadioFieldMixin implements OnIn
     defaultConfig: {};
     options$: Observable<SelectOption[]>;
     ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadioFieldComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RadioFieldComponent, "crispr-radio-field", never, {}, {}, never, never>;
 }
 export {};

package/lib/material/select-field/select-field.component.d.ts

@@ -3,6 +3,7 @@ import { Observable } from 'rxjs';
 import { SelectFieldConfig, SelectOption } from '../../models';
 import { MatSelect } from '@angular/material/select';
 import { ThemePalette } from '@angular/material/core';
+import * as i0 from "@angular/core";
 declare const SelectFieldMixin: {
     new (): {
         config: SelectFieldConfig;
@@ -27,5 +28,7 @@ export declare class SelectFieldComponent extends SelectFieldMixin implements On
     ngOnInit(): void;
     ngAfterViewInit(): void;
     toggleAll(isSelected: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectFieldComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectFieldComponent, "crispr-select-field", never, {}, {}, never, never>;
 }
 export {};

package/lib/material/selected-file/selected-file.component.d.ts

@@ -1,7 +1,17 @@
 import { ThemePalette } from '@angular/material/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/material/progress-bar";
 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>;
+}
+export declare class SelectedFileModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectedFileModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SelectedFileModule, [typeof SelectedFileComponent], [typeof i1.CommonModule, typeof i2.MatProgressBarModule], [typeof SelectedFileComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SelectedFileModule>;
 }

package/lib/material/slider-field/slider-field.component.d.ts

@@ -1,5 +1,6 @@
 import { OnInit } from '@angular/core';
 import { SliderFieldConfig } from '../../models';
+import * as i0 from "@angular/core";
 declare const SliderFieldMixin: {
     new (): {
         config: SliderFieldConfig;
@@ -20,5 +21,7 @@ export declare class SliderFieldComponent extends SliderFieldMixin implements On
     constructor();
     get flexDirection(): "column" | "row";
     ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SliderFieldComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SliderFieldComponent, "crispr-slider-field", never, {}, {}, never, never>;
 }
 export {};

package/lib/material/textarea-field/textarea-field.component.d.ts

@@ -1,6 +1,7 @@
 import { OnInit } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 import { TextareaFieldConfig } from '../../models';
+import * as i0 from "@angular/core";
 declare const TextareaFieldMixin: {
     new (): {
         config: TextareaFieldConfig;
@@ -17,5 +18,7 @@ declare const TextareaFieldMixin: {
 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>;
 }
 export {};

package/lib/material/unit-conversion-field/unit-conversion-field.component.d.ts

@@ -3,6 +3,7 @@ import { FormControl } from '@angular/forms';
 import { Observable, Subscription } from 'rxjs';
 import { SelectOption } from '../../models';
 import { UnitConversionFieldConfig } from '../../models/unit-conversion-field.config';
+import * as i0 from "@angular/core";
 declare const UnitConversionFieldMixin: {
     new (): {
         config: UnitConversionFieldConfig<unknown, unknown>;
@@ -32,5 +33,7 @@ export declare class UnitConversionFieldComponent extends UnitConversionFieldMix
      * @param value the initial value for the control passed down from the form components input
      */
     setControlValue(value: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UnitConversionFieldComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UnitConversionFieldComponent, "crispr-unit-conversion-field", never, {}, {}, never, never>;
 }
 export {};

package/lib/models/autocomplete-field.config.d.ts

@@ -1,5 +1,5 @@
 import { CrisprControlConfig, ControlType } from '../models';
-import { AutocompleteOptionsCallback } from './select-field.config';
+import { AutocompleteOptionsCallback, SelectOption } from './select-field.config';
 import { FieldDescriptors, MatFieldProperties } from './crispr-field.config';
 export interface AbstractAutocompleteFieldConfig extends CrisprControlConfig, FieldDescriptors, MatFieldProperties {
     typeToEmit?: boolean;
@@ -8,6 +8,7 @@ export interface AbstractAutocompleteFieldConfig extends CrisprControlConfig, Fi
     options: AutocompleteOptionsCallback;
     autoActiveFirstOption?: boolean;
     imageUrlParam?: string;
+    displayWith?: (options: SelectOption[]) => (value: unknown) => string;
 }
 export interface AutocompleteFieldConfig extends AbstractAutocompleteFieldConfig {
     controlType: ControlType.AUTOCOMPLETE;

package/lib/models/button.config.d.ts

@@ -1,7 +1,8 @@
-import { CrisprFieldConfig, ControlType, FieldDescriptors, MatFieldProperties, Info } from './crispr-field.config';
+import { CrisprFieldConfig, ControlType, MatFieldProperties, Info } from './crispr-field.config';
 import { ThemePalette } from '@angular/material/core';
 import { FormGroup } from '@angular/forms';
-export interface ButtonConfig extends CrisprFieldConfig, Pick<FieldDescriptors, 'label'>, MatFieldProperties {
+export interface ButtonConfig extends CrisprFieldConfig, MatFieldProperties {
+    label?: string;
     controlType: ControlType.BUTTON;
     type?: 'submit' | 'reset' | 'button';
     callback?: (group?: FormGroup, event?: MouseEvent) => unknown;

package/lib/models/crispr-field.config.d.ts

@@ -4,10 +4,8 @@ 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 { SelectFieldConfig, HeadingConfig, ButtonConfig, DatepickerFieldConfig, InputFieldConfig, CheckboxFieldConfig, TextareaFieldConfig, AutocompleteFieldConfig, FormGroupListConfig, AutocompleteChiplistFieldConfig, SliderFieldConfig, DividerConfig, SelectOption, RadioFieldConfig } from '../models';
+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';
-import { FileUploadFieldConfig } from './file-upload-field.config';
-import { UnitConversionFieldConfig } from './unit-conversion-field.config';
 export declare enum ControlType {
     AUTOCOMPLETE = "autocomplete",
     AUTOCOMPLETE_CHIPLIST = "autocompleteChiplist",
@@ -19,6 +17,7 @@ export declare enum ControlType {
     FILE_UPLOAD = "fileUpload",
     HEADING = "heading",
     INPUT = "input",
+    IMAGE_UPLOAD = "imageUpload",
     GROUP_LIST = "groupList",
     RADIO = "radio",
     SELECT = "select",
@@ -57,7 +56,7 @@ export interface CrisprControlConfig<M = null> extends CrisprFieldConfig {
  * Holds properties for control fields that describe field behavior to users
  */
 export interface FieldDescriptors {
-    label?: string;
+    label: string;
     info?: Info;
     fieldSuffix?: string;
     placeholder?: string;
@@ -71,13 +70,15 @@ export interface Info {
     tooltipPosition?: TooltipPosition;
     iconName?: string;
 }
-export interface AbstractGroupConfig<C extends CrisprFieldConfig = AnyFieldConfig, M = any> {
+export interface AbstractGroupConfig<C extends CrisprFieldConfig = AnyFieldConfig> {
     fields?: (AnyFieldConfig | C)[];
 }
 export interface FormConfig<C = AnyFieldConfig> extends AbstractGroupConfig<C> {
     classes?: string[];
     errorDictionary?: ErrorDictionary;
-    autocomplete?: 'off' | 'on';
+    autoComplete?: string;
+    /** @deprecated use autoComplete */
+    autocomplete?: string;
     validators?: ValidatorFn[];
 }
 /**
@@ -86,7 +87,7 @@ export interface FormConfig<C = AnyFieldConfig> extends AbstractGroupConfig<C> {
 export interface SubGroupConfig extends CrisprControlConfig, AbstractGroupConfig {
     controlType: ControlType.SUB_GROUP;
 }
-export declare type AnyFieldConfig = InputFieldConfig | SelectFieldConfig | RadioFieldConfig | FormGroupListConfig | SubGroupConfig | AutocompleteFieldConfig | AutocompleteChiplistFieldConfig | TextareaFieldConfig | CheckboxFieldConfig | DatepickerFieldConfig | SliderFieldConfig | FileUploadFieldConfig | HeadingConfig | ButtonConfig | DividerConfig | UnitConversionFieldConfig;
+export declare type AnyFieldConfig = InputFieldConfig | SelectFieldConfig | RadioFieldConfig | FormGroupListConfig | SubGroupConfig | AutocompleteFieldConfig | AutocompleteChiplistFieldConfig | TextareaFieldConfig | CheckboxFieldConfig | DatepickerFieldConfig | SliderFieldConfig | FileUploadFieldConfig | ImageUploadFieldConfig | HeadingConfig | ButtonConfig | DividerConfig | UnitConversionFieldConfig;
 export declare type ControlValue<T = any> = boolean | string | number | Date | SelectOption | SelectOption[] | ControlGroupValue | T;
 export declare type ControlGroupValue = {
     [key: string]: ControlValue;

package/lib/models/file-upload-field.config.d.ts

@@ -1,5 +1,6 @@
 import { FormGroup } from '@angular/forms';
-import { FileUploadComponent } from '../material';
+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';
 export declare type FileUploadFieldConfig = CrisprControlConfig & MatFieldProperties & {
     controlType: ControlType.FILE_UPLOAD;
@@ -14,7 +15,7 @@ export declare type FileUploadFieldConfig = CrisprControlConfig & MatFieldProper
     dropZoneText?: string;
 } & (EnabledUploadButtonConfig | DisabledUploadButtonConfig);
 export interface EnabledUploadButtonConfig {
-    uploadFiles: (parentGroup: FormGroup, files: FileList, uploadComponent: FileUploadComponent) => Promise<unknown> | unknown;
+    uploadFiles: (parentGroup: FormGroup, files: FileList, uploadComponent: FileUploadFieldComponent | ImageUploadFieldComponent) => Promise<unknown> | unknown;
     showUploadProgress?: boolean;
     disableOnUpload?: boolean;
     uploadButtonType?: ButtonType;

package/lib/models/image-upload-field.config.d.ts

@@ -0,0 +1,47 @@
+import { FormGroup } from '@angular/forms';
+import { CrisprControlConfig, ControlType, ButtonType, MatFieldProperties } from '../models';
+export declare type ImageUploadFieldConfig = CrisprControlConfig & MatFieldProperties & {
+    controlType: ControlType.IMAGE_UPLOAD;
+    label?: string;
+    filesChanged?: (parentGroup: FormGroup, file: File) => void;
+    /**
+     * The file types to accept. The onus is on the consuming developer to limit these to file types compatible with usage.
+     * See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept
+     */
+    acceptedTypes: string;
+    fileName?: string;
+    showClearFilesButton?: boolean;
+    selectFilesButtonType?: ButtonType;
+    selectButtonText?: string;
+    clearFilesButtonText?: string;
+    resetFilesButtonText?: string;
+    dropZoneText?: string;
+    /**
+     * Should the field compress the image after loading it
+     * @default false
+     */
+    compressImage?: boolean;
+    /**
+     * The target size of the compressed image
+     */
+    targetCompressedImageFileSizeMb?: number;
+    /**
+     * The minimum file size in MB required to trigger compression. Useful for preventing compression on files near the target compression size.
+     * @default .7
+     */
+    minCompressionThresholdMb?: number;
+    /**
+     * The maximum height or width of the compressed image
+     * @default undefined
+     */
+    maxWidthOrHeight?: number;
+    /**
+     * When true runs compression using a web worker, otherwise compression happens on the main thread.
+     * @default true
+     */
+    useWebWorker?: boolean;
+    /**
+     * The height of the image preview container
+     */
+    imagePreviewHeight?: string;
+};

package/lib/models/index.d.ts

@@ -13,3 +13,5 @@ export * from './button.config';
 export * from './heading.config';
 export * from './divider.config';
 export * from './unit-conversion-field.config';
+export * from './file-upload-field.config';
+export * from './image-upload-field.config';

package/lib/models/input-field.config.d.ts

@@ -10,7 +10,7 @@ export interface InputFieldConfig extends CrisprControlConfig, FieldDescriptors,
     pattern?: string;
     autofocus?: boolean;
     spellcheck?: boolean;
-    autoComplete?: 'off' | 'on';
+    autoComplete?: string;
     autoCapitalize?: 'off' | 'on';
 }
 declare type InputType = 'color' | 'date' | 'datetime-local' | 'email' | 'month' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'time' | 'url' | 'week';

package/lib/models/radio-field.config.d.ts

@@ -1,6 +1,6 @@
 import { CrisprControlConfig, FieldDescriptors, MatFieldProperties, ControlType } from './crispr-field.config';
 import { OptionsType } from './select-field.config';
-export interface RadioFieldConfig extends Omit<CrisprControlConfig, 'placeholder'>, FieldDescriptors, MatFieldProperties {
+export interface RadioFieldConfig extends Omit<CrisprControlConfig, 'placeholder'>, Omit<FieldDescriptors, 'label'>, MatFieldProperties {
     controlType: ControlType.RADIO;
     options: OptionsType;
 }