@tft/crispr-forms 21.0.18 → 21.1.0

package/package.json

@@ -1,18 +1,18 @@
 {
   "name": "@tft/crispr-forms",
-  "version": "21.0.18",
+  "version": "21.1.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/nayfin/tft.git",
     "directory": "libs/crispr-forms"
   },
   "peerDependencies": {
-    "@angular/common": "^18.0.0",
-    "@angular/forms": "^18.0.0",
-    "@angular/core": "^18.0.0",
-    "@angular/material": "^18.0.0",
-    "@angular/cdk": "^18.0.0",
-    "@tft/form-validation-handler": "^18.0.0"
+    "@angular/common": "^21.0.0",
+    "@angular/forms": "^21.0.0",
+    "@angular/core": "^21.0.0",
+    "@angular/material": "^21.0.0",
+    "@angular/cdk": "^21.0.0",
+    "@tft/form-validation-handler": "^21.1.0"
   },
   "dependencies": {
     "tslib": "^2.0.0"

package/types/tft-crispr-forms.d.ts

@@ -1,23 +1,21 @@
 import * as i0 from '@angular/core';
-import { OnInit, DestroyRef, EventEmitter, OnDestroy, ElementRef, AfterContentInit, AfterViewInit, ViewContainerRef, Renderer2, Type, PipeTransform } from '@angular/core';
-import * as i2 from '@angular/common';
+import { OnInit, DestroyRef, Injector, ElementRef, OnDestroy, AfterContentInit, AfterViewInit, ViewContainerRef, Renderer2, Type, PipeTransform } from '@angular/core';
 import * as _angular_forms from '@angular/forms';
 import { ValidatorFn, FormGroup, AbstractControl, FormControl, FormArray, ControlValueAccessor, NgControl } from '@angular/forms';
-import * as i3 from '@tft/form-validation-handler';
-import { ErrorDictionary } from '@tft/form-validation-handler';
-import { ThemePalette } from '@angular/material/core';
+import * as _tft_crispr_forms from '@tft/crispr-forms';
 import * as rxjs from 'rxjs';
 import { Observable, Subscription, BehaviorSubject } from 'rxjs';
 import { TooltipPosition } from '@angular/material/tooltip';
 import { MatFormFieldAppearance } from '@angular/material/form-field';
+import { ErrorDictionary } from '@tft/form-validation-handler';
 import { MatCalendarCellClassFunction } from '@angular/material/datepicker';
 import { ComponentType, Portal } from '@angular/cdk/portal';
+import { ThemePalette } from '@angular/material/core';
 import { GoogleMap, MapGeocoder, MapInfoWindow, MapMarker } from '@angular/google-maps';
 import { MatAutocompleteTrigger, MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
-import { MatSelect } from '@angular/material/select';
 import { CdkOverlayOrigin, ConnectionPositionPair } from '@angular/cdk/overlay';
 import { MatChipInputEvent } from '@angular/material/chips';
-import * as _tft_crispr_forms from '@tft/crispr-forms';
+import { MatSelect } from '@angular/material/select';
 
 declare function valueIn(values: string[]): rxjs.OperatorFunction<string, boolean>;
 
@@ -446,9 +444,10 @@ declare abstract class CrisprFieldComponent<C extends CrisprFieldConfig> {
 
 declare class CrisprControlComponent<C extends CrisprControlConfig> extends CrisprFieldComponent<C> implements OnInit {
     destroyRef: DestroyRef;
+    protected injector: Injector;
     group: i0.InputSignal<FormGroup<any>>;
     control: i0.Signal<AbstractControl<any, any, any>>;
-    valueChanges: EventEmitter<ControlValue>;
+    readonly valueChanges: i0.OutputEmitterRef<any>;
     value: i0.InputSignal<any>;
     constructor();
     ngOnInit(): void;
@@ -518,23 +517,21 @@ declare function maxFileSizeValidator(maxFileSize: number): ValidatorFn;
 declare function allowedFileExtValidator(allowedFileExtensions: string[], onlyAllowFiles?: boolean): ValidatorFn;
 declare function allowedFileType(matchExp: string | RegExp): ValidatorFn;
 
-declare class FormGroupListComponent extends CrisprControlComponent<FormGroupListConfig> implements OnInit {
-    defaultConfig: Partial<FormGroupListConfig>;
-    /**
-     * By setting this to true when adding/removing items from array,
-     * we can block original values from overwriting form values
-     * */
-    blockValue: boolean;
-    selectedIndex: number;
+declare class CrisprFormComponent implements OnInit {
+    config: i0.InputSignal<FormConfig<_tft_crispr_forms.AnyFieldConfig>>;
+    form: i0.InputSignal<FormGroup<any>>;
+    value: i0.InputSignal<ControlGroupValue>;
+    submitted: i0.OutputEmitterRef<FormGroup<any>>;
+    /** Patch form values whenever the [value] input changes without firing valueChanges. */
+    private patchValueEffect;
+    valueChanges: i0.OutputRef<any>;
+    statusChanges: i0.OutputRef<_angular_forms.FormControlStatus>;
+    readonly submitTrigger: i0.Signal<ElementRef<HTMLButtonElement>>;
     ngOnInit(): void;
-    setControlValue(values: any[]): void;
-    clickDelete(index: number): void;
-    clickAdd(): void;
-    addGroup(value?: any): void;
-    deleteGroup(index: number): void;
-    clickEditItem(index: number): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<FormGroupListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormGroupListComponent, "crispr-form-group-list", never, {}, {}, never, never, true, never>;
+    handleSubmit(): void;
+    triggerSubmit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CrisprFormComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CrisprFormComponent, "crispr-form", never, { "config": { "alias": "config"; "required": true; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "submitted": "submitted"; "valueChanges": "valueChanges"; "statusChanges": "statusChanges"; }, never, never, true, never>;
 }
 
 declare class FieldContainerComponent implements OnInit, OnDestroy {
@@ -559,26 +556,69 @@ declare class FieldContainerComponent implements OnInit, OnDestroy {
     static ɵcmp: i0.ɵɵComponentDeclaration<FieldContainerComponent, "crispr-field-container", never, { "config": { "alias": "config"; "required": true; "isSignal": true; }; "group": { "alias": "group"; "required": true; "isSignal": true; }; "inlineField": { "alias": "inlineField"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
+/**
+ * @deprecated Import the standalone pieces (CrisprFormComponent, FieldContainerComponent, …) directly.
+ * This module will be removed in the next major version.
+ */
+declare class CrisprFormsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CrisprFormsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CrisprFormsModule, never, [typeof CrisprFormComponent, typeof FieldContainerComponent], [typeof CrisprFormComponent, typeof FieldContainerComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<CrisprFormsModule>;
+}
+
+declare class FormGroupListComponent extends CrisprControlComponent<FormGroupListConfig> implements OnInit {
+    defaultConfig: Partial<FormGroupListConfig>;
+    /**
+     * By setting this to true when adding/removing items from array,
+     * we can block original values from overwriting form values
+     * */
+    readonly blockValue: i0.WritableSignal<boolean>;
+    readonly selectedIndex: i0.WritableSignal<number>;
+    /** The item groups of the list's form array, typed for the template bindings. */
+    readonly itemGroups: i0.Signal<FormGroup<any>[]>;
+    ngOnInit(): void;
+    setControlValue(values: any[]): void;
+    clickDelete(index: number): void;
+    clickAdd(): void;
+    addGroup(value?: any): void;
+    deleteGroup(index: number): void;
+    clickEditItem(index: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormGroupListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormGroupListComponent, "crispr-form-group-list", never, {}, {}, never, never, true, never>;
+}
+
 declare class SubGroupComponent extends CrisprControlComponent<SubGroupConfig> implements OnInit {
+    /** The sub group's control, typed for the nested `[group]` binding. */
+    readonly subGroup: i0.Signal<FormGroup<any>>;
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SubGroupComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SubGroupComponent, "crispr-sub-group", never, {}, {}, never, never, true, never>;
 }
 
+/**
+ * @deprecated Import the standalone SubGroupComponent directly.
+ * This module will be removed in the next major version.
+ */
+declare class SubGroupModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SubGroupModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SubGroupModule, never, [typeof SubGroupComponent], [typeof SubGroupComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SubGroupModule>;
+}
+
 declare class FileDropzoneDirective {
-    fileDrop: EventEmitter<FileList>;
-    crisprFileDropzone: boolean;
+    readonly fileDrop: i0.OutputEmitterRef<FileList>;
+    readonly crisprFileDropzone: i0.InputSignal<boolean>;
     onDrop($event: DragEvent): void;
     onDragOver($event: DragEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FileDropzoneDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FileDropzoneDirective, "[crisprFileDropzone]", never, { "crisprFileDropzone": { "alias": "crisprFileDropzone"; "required": false; }; }, { "fileDrop": "fileDrop"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FileDropzoneDirective, "[crisprFileDropzone]", never, { "crisprFileDropzone": { "alias": "crisprFileDropzone"; "required": false; "isSignal": true; }; }, { "fileDrop": "fileDrop"; }, never, never, true, never>;
 }
 
 declare class FileUploadFieldComponent extends CrisprControlComponent<FileUploadFieldConfig> implements OnInit, ControlValueAccessor {
     ngControl: NgControl;
     onChange: () => void;
     defaultConfig: Partial<FileUploadFieldConfig>;
-    fileInputRef: ElementRef;
+    readonly fileInputRef: i0.Signal<ElementRef<any>>;
     selectedFiles: i0.WritableSignal<FileList>;
     selectedFilesArray: i0.Signal<File[]>;
     /**
@@ -628,10 +668,107 @@ declare class InfoComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<InfoComponent, "crispr-info", never, { "info": { "alias": "info"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+declare class AutocompleteChiplistFieldComponent extends AbstractAutocompleteComponent<AutocompleteChiplistFieldConfig> implements OnInit {
+    defaultConfig: Partial<AutocompleteChiplistFieldConfig>;
+    chips$: BehaviorSubject<SelectOption[]>;
+    remainingOptions$: Observable<SelectOption[]>;
+    readonly selectedChip: i0.WritableSignal<SelectOption>;
+    controlValue$: Observable<SelectOption[]>;
+    readonly chipInput: i0.Signal<MatAutocompleteTrigger>;
+    readonly chipInputRef: i0.Signal<ElementRef<HTMLInputElement>>;
+    readonly overlayOrigin: i0.Signal<CdkOverlayOrigin>;
+    readonly createNewSentinel: symbol;
+    showCreateForm: i0.WritableSignal<boolean>;
+    createFormGroup: FormGroup<{}>;
+    readonly createFormPositions: ConnectionPositionPair[];
+    get overlayWidth(): number;
+    ngOnInit(): void;
+    setControlValue(value: SelectOption[]): void;
+    handleSelect(event: MatAutocompleteSelectedEvent): void;
+    openCreateForm(): void;
+    submitNewChip(): void;
+    closeCreateForm(): void;
+    /**
+     * To follow ARIA standards we want to select the active option on blur.
+     * matChipInputAddOnBlur should do this but it causes buggy behaviour
+     * @param event blur event that triggers the handle blur
+     */
+    handleTab(_event: Event): void;
+    /**
+     * Handles selection via key tokens passed through separatorKeyCodes property
+     * NOTE: If TAB is used focus does not move on to next component
+     * @param event
+     */
+    handleTokenEnd(event: MatChipInputEvent): void;
+    mapToLabel(option: SelectOption): string;
+    removeChip(removedChip: SelectOption): void;
+    highlightChip(chip: SelectOption): void;
+    blurField(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteChiplistFieldComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AutocompleteChiplistFieldComponent, "crispr-autocomplete-chiplist-field", never, {}, {}, never, never, true, never>;
+}
+
+declare class AutocompleteFieldComponent extends AbstractAutocompleteComponent<AutocompleteFieldConfig> implements OnInit, OnDestroy {
+    defaultConfig: Partial<AutocompleteFieldConfig>;
+    readonly autoInput: i0.Signal<MatAutocompleteTrigger>;
+    readonly autoInputRef: i0.Signal<ElementRef<HTMLInputElement>>;
+    clearFieldSubscription: Subscription;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    setControlValue(value: SelectOption): void;
+    /**
+     * The material autocomplete defaults to displaying the options value instead of its label.
+     * We only have the value from the selected option to work with, so we have to pass the options
+     * through a function called in the template and return the function that the material displayWith
+     * input is expecting.
+     * @param options the array of options to search for option with corresponding value
+     */
+    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, true, never>;
+}
+
+declare class ButtonComponent extends CrisprFieldComponent<ButtonConfig> implements OnInit {
+    defaultConfig: Partial<ButtonConfig>;
+    formValid$: Observable<boolean>;
+    group: i0.InputSignal<FormGroup<any>>;
+    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, { "group": { "alias": "group"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class CheckboxFieldComponent extends CrisprControlComponent<CheckboxFieldConfig> implements OnInit {
+    defaultConfig: Partial<CheckboxFieldConfig>;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxFieldComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxFieldComponent, "crispr-checkbox-field", never, {}, {}, never, never, true, never>;
+}
+
+declare class DatepickerFieldComponent extends CrisprControlComponent<DatepickerFieldConfig> implements OnInit, AfterContentInit {
+    defaultConfig: Partial<DatepickerFieldConfig>;
+    dateClass: MatCalendarCellClassFunction<Date>;
+    dateClass$: Observable<MatCalendarCellClassFunction<Date>>;
+    startAt$: Observable<Date>;
+    /** A portal containing the footer component type for this calendar. */
+    calendarFooterPortal: Portal<any>;
+    ngOnInit(): void;
+    ngAfterContentInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DatepickerFieldComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatepickerFieldComponent, "crispr-datepicker-field", never, {}, {}, never, never, true, never>;
+}
+
+declare class DividerComponent extends CrisprFieldComponent<DividerConfig> {
+    defaultConfig: {};
+    static ɵfac: i0.ɵɵFactoryDeclaration<DividerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DividerComponent, "crispr-divider", never, {}, {}, never, never, true, never>;
+}
+
 declare class ImageUploadFieldComponent extends CrisprControlComponent<ImageUploadFieldConfig> implements OnInit, ControlValueAccessor {
     ngControl: NgControl;
     private domSanitizer;
-    private cdr;
     onChange: () => void;
     defaultConfig: Partial<ImageUploadFieldConfig>;
     private inputImageFileSubject;
@@ -672,7 +809,13 @@ declare class ImageUploadFieldComponent extends CrisprControlComponent<ImageUplo
     private processFile;
     private toImageUrl;
     imageSrcUrl$: Observable<string | null>;
-    fileInputRef: ElementRef;
+    readonly fileInputRef: i0.Signal<ElementRef<any>>;
+    /**
+     * Whether the hint is shown, i.e. the control is valid or has not been touched. Mirrors the control's
+     * state into a signal so that changes made asynchronously (e.g. when image processing finishes)
+     * re-render this OnPush/zoneless component.
+     */
+    readonly hintVisible: i0.WritableSignal<boolean>;
     disabled$: Observable<boolean>;
     constructor();
     ngOnInit(): void;
@@ -692,52 +835,64 @@ declare class ImageUploadFieldComponent extends CrisprControlComponent<ImageUplo
     static ɵcmp: i0.ɵɵComponentDeclaration<ImageUploadFieldComponent, "crispr-image-upload-field", never, {}, {}, never, never, true, never>;
 }
 
-declare class DatepickerFieldComponent extends CrisprControlComponent<DatepickerFieldConfig> implements OnInit, AfterContentInit {
-    defaultConfig: Partial<DatepickerFieldConfig>;
-    dateClass: MatCalendarCellClassFunction<Date>;
-    dateClass$: Observable<MatCalendarCellClassFunction<Date>>;
-    startAt$: Observable<Date>;
-    /** A portal containing the footer component type for this calendar. */
-    calendarFooterPortal: Portal<any>;
+declare class InputFieldComponent extends CrisprControlComponent<InputFieldConfig> implements OnInit {
+    defaultConfig: Partial<InputFieldConfig>;
+    constructor();
     ngOnInit(): void;
-    ngAfterContentInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DatepickerFieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DatepickerFieldComponent, "crispr-datepicker-field", never, {}, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputFieldComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputFieldComponent, "crispr-input-field", never, {}, {}, never, never, true, never>;
 }
 
-declare class CheckboxFieldComponent extends CrisprControlComponent<CheckboxFieldConfig> implements OnInit {
-    defaultConfig: Partial<CheckboxFieldConfig>;
-    ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxFieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxFieldComponent, "crispr-checkbox-field", never, {}, {}, never, never, true, never>;
+declare class MapFieldComponent extends CrisprControlComponent<MapFieldConfig> {
+    /**
+   * The overlay is positioned to align the top-right corner with the origin's bottom-right corner,
+   * and the top-left corner with the origin's bottom-left corner.
+   */
+    overlayPositions: ConnectionPositionPair[];
+    geoCoder: MapGeocoder;
+    infoWindow: i0.Signal<MapInfoWindow>;
+    selectedMarker: i0.WritableSignal<TftMapMarker>;
+    mapOpen: i0.WritableSignal<boolean>;
+    defaultConfig: Partial<MapFieldConfig>;
+    locationControl: FormControl<string>;
+    locationGroup: FormGroup<{
+        location: FormControl<string>;
+    }>;
+    locationConfig: AutocompleteFieldConfig;
+    inputCenter: rxjs.Observable<google.maps.LatLngLiteral>;
+    currentMap: BehaviorSubject<GoogleMap>;
+    displayValue: i0.Signal<string>;
+    currentMarkers: i0.Signal<TftMapMarker[]>;
+    /**
+     * `mapInitialized` emits the native `google.maps.Map`, but `markers`/`onMove` are typed to receive the
+     * `GoogleMap` component, so the template passes its `#map` ref instead.
+     */
+    onMapInit(map: GoogleMap): void;
+    onMarkerClick(clickedMarker: MapMarker): void;
+    selectMarker(marker: TftMapMarker): void;
+    onMove(map: GoogleMap, group: FormGroup): void;
+    onSelectLocation(suggestion: google.maps.places.AutocompletePrediction): Promise<void>;
+    openMap(): void;
+    closeMap(): void;
+    getDisplay(value: unknown): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MapFieldComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MapFieldComponent, "crispr-map", never, {}, {}, never, never, true, never>;
 }
 
-declare class TextareaFieldComponent extends CrisprControlComponent<TextareaFieldConfig> 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, never>;
+declare class OptionComponent {
+    option: i0.InputSignal<SelectOption>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OptionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OptionComponent, "crispr-option", never, { "option": { "alias": "option"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-declare class AutocompleteFieldComponent extends AbstractAutocompleteComponent<AutocompleteFieldConfig> implements OnInit, OnDestroy {
-    defaultConfig: Partial<AutocompleteFieldConfig>;
-    autoInput: MatAutocompleteTrigger;
-    autoInputRef: ElementRef<HTMLInputElement>;
-    clearFieldSubscription: Subscription;
+declare class RadioFieldComponent extends CrisprControlComponent<RadioFieldConfig> implements OnInit {
+    defaultConfig: {};
+    /** The radio group's control, typed for the `[formControl]` binding. */
+    readonly radioControl: i0.Signal<FormControl<any>>;
+    options$: Observable<SelectOption[]>;
     ngOnInit(): void;
-    ngOnDestroy(): void;
-    setControlValue(value: SelectOption): void;
-    /**
-     * The material autocomplete defaults to displaying the options value instead of its label.
-     * We only have the value from the selected option to work with, so we have to pass the options
-     * through a function called in the template and return the function that the material displayWith
-     * input is expecting.
-     * @param options the array of options to search for option with corresponding value
-     */
-    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, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadioFieldComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RadioFieldComponent, "crispr-radio-field", never, {}, {}, never, never, true, never>;
 }
 
 declare class SelectFieldComponent extends CrisprControlComponent<SelectFieldConfig> implements OnInit, AfterViewInit {
@@ -746,8 +901,8 @@ declare class SelectFieldComponent extends CrisprControlComponent<SelectFieldCon
         color: ThemePalette;
     };
     options$: Observable<SelectOption[]>;
-    allSelected: boolean;
-    selectField: MatSelect;
+    readonly allSelected: i0.WritableSignal<boolean>;
+    readonly selectField: i0.Signal<MatSelect>;
     ngOnInit(): void;
     ngAfterViewInit(): void;
     toggleAll(isSelected: boolean): void;
@@ -755,45 +910,21 @@ declare class SelectFieldComponent extends CrisprControlComponent<SelectFieldCon
     static ɵcmp: i0.ɵɵComponentDeclaration<SelectFieldComponent, "crispr-select-field", never, {}, {}, never, never, true, never>;
 }
 
-declare class InputFieldComponent extends CrisprControlComponent<InputFieldConfig> implements OnInit {
-    defaultConfig: Partial<InputFieldConfig>;
-    constructor();
-    ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<InputFieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InputFieldComponent, "crispr-input-field", never, {}, {}, never, never, true, never>;
-}
-
-declare class RadioFieldComponent extends CrisprControlComponent<RadioFieldConfig> 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, never>;
-}
-
 declare class SliderFieldComponent extends CrisprControlComponent<SliderFieldConfig> implements OnInit {
     defaultConfig: Partial<SliderFieldConfig>;
+    /** `MatSlider` expects the label as a string, the config allows numbers too. */
+    readonly displayWith: i0.Signal<(value: number) => string>;
     constructor();
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SliderFieldComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SliderFieldComponent, "crispr-slider-field", never, {}, {}, never, never, true, never>;
 }
 
-declare class DividerComponent extends CrisprFieldComponent<DividerConfig> {
-    defaultConfig: {};
-    static ɵfac: i0.ɵɵFactoryDeclaration<DividerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DividerComponent, "crispr-divider", never, {}, {}, never, never, true, never>;
-}
-
-declare class ButtonComponent extends CrisprFieldComponent<ButtonConfig> implements OnInit {
-    defaultConfig: Partial<ButtonConfig>;
-    formValid$: Observable<boolean>;
-    group: i0.InputSignal<FormGroup<any>>;
-    get matButtonClass(): string;
+declare class TextareaFieldComponent extends CrisprControlComponent<TextareaFieldConfig> implements OnInit {
+    defaultConfig: Partial<TextareaFieldConfig>;
     ngOnInit(): void;
-    handleClick(group: FormGroup, event: MouseEvent): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "crispr-button", never, { "group": { "alias": "group"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextareaFieldComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextareaFieldComponent, "crispr-textarea-field", never, {}, {}, never, never, true, never>;
 }
 
 declare class UnitConversionFieldComponent extends CrisprControlComponent<UnitConversionFieldConfig> implements OnInit, OnDestroy {
@@ -816,79 +947,6 @@ declare class UnitConversionFieldComponent extends CrisprControlComponent<UnitCo
     static ɵcmp: i0.ɵɵComponentDeclaration<UnitConversionFieldComponent, "crispr-unit-conversion-field", never, {}, {}, never, never, true, never>;
 }
 
-declare class AutocompleteChiplistFieldComponent extends AbstractAutocompleteComponent<AutocompleteChiplistFieldConfig> implements OnInit {
-    defaultConfig: Partial<AutocompleteChiplistFieldConfig>;
-    chips$: BehaviorSubject<SelectOption[]>;
-    remainingOptions$: Observable<SelectOption[]>;
-    selectedChip: SelectOption;
-    controlValue$: Observable<SelectOption[]>;
-    chipInput: MatAutocompleteTrigger;
-    chipInputRef: ElementRef<HTMLInputElement>;
-    overlayOrigin: CdkOverlayOrigin;
-    readonly createNewSentinel: symbol;
-    showCreateForm: i0.WritableSignal<boolean>;
-    createFormGroup: FormGroup<{}>;
-    readonly createFormPositions: ConnectionPositionPair[];
-    get overlayWidth(): number;
-    ngOnInit(): void;
-    setControlValue(value: SelectOption[]): void;
-    handleSelect(event: MatAutocompleteSelectedEvent): void;
-    openCreateForm(): void;
-    submitNewChip(): void;
-    closeCreateForm(): void;
-    /**
-     * To follow ARIA standards we want to select the active option on blur.
-     * matChipInputAddOnBlur should do this but it causes buggy behaviour
-     * @param event blur event that triggers the handle blur
-     */
-    handleTab(_event: FocusEvent): void;
-    /**
-     * Handles selection via key tokens passed through separatorKeyCodes property
-     * NOTE: If TAB is used focus does not move on to next component
-     * @param event
-     */
-    handleTokenEnd(event: MatChipInputEvent): void;
-    mapToLabel(option: SelectOption): string;
-    removeChip(removedChip: SelectOption): void;
-    highlightChip(chip: SelectOption): void;
-    blurField(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteChiplistFieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AutocompleteChiplistFieldComponent, "crispr-autocomplete-chiplist-field", never, {}, {}, never, never, true, never>;
-}
-
-declare class MapFieldComponent extends CrisprControlComponent<MapFieldConfig> {
-    /**
-   * The overlay is positioned to align the top-right corner with the origin's bottom-right corner,
-   * and the top-left corner with the origin's bottom-left corner.
-   */
-    overlayPositions: ConnectionPositionPair[];
-    geoCoder: MapGeocoder;
-    infoWindow: i0.Signal<MapInfoWindow>;
-    selectedMarker: i0.WritableSignal<TftMapMarker>;
-    mapOpen: i0.WritableSignal<boolean>;
-    mapComponent: i0.Signal<GoogleMap>;
-    defaultConfig: Partial<MapFieldConfig>;
-    locationControl: FormControl<string>;
-    locationGroup: FormGroup<{
-        location: FormControl<string>;
-    }>;
-    locationConfig: AutocompleteFieldConfig;
-    inputCenter: rxjs.Observable<google.maps.LatLngLiteral>;
-    currentMap: BehaviorSubject<GoogleMap>;
-    displayValue: i0.Signal<string>;
-    currentMarkers: i0.Signal<TftMapMarker[]>;
-    onMapInit(event: GoogleMap): void;
-    onMarkerClick(clickedMarker: MapMarker): void;
-    selectMarker(marker: TftMapMarker): void;
-    onMove(map: GoogleMap, group: FormGroup): void;
-    onSelectLocation(suggestion: google.maps.places.AutocompletePrediction): Promise<void>;
-    openMap(): void;
-    closeMap(): void;
-    getDisplay(value: unknown): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MapFieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MapFieldComponent, "crispr-map", never, {}, {}, never, never, true, never>;
-}
-
 type CrisprControlComponentType = InputFieldComponent | SelectFieldComponent | RadioFieldComponent | SubGroupComponent | FormGroupListComponent | AutocompleteFieldComponent | AutocompleteChiplistFieldComponent | TextareaFieldComponent | CheckboxFieldComponent | SliderFieldComponent | FileUploadFieldComponent | ImageUploadFieldComponent | DatepickerFieldComponent | UnitConversionFieldComponent | MapFieldComponent;
 type CrisprFieldComponentType = CrisprControlComponentType | HeadingComponent | DividerComponent | ButtonComponent;
 
@@ -923,55 +981,23 @@ declare class CrisprDisplayFieldDirective implements OnInit {
     static ɵdir: i0.ɵɵDirectiveDeclaration<CrisprDisplayFieldDirective, "[crisprDisplayField]", never, { "group": { "alias": "group"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "component": { "alias": "component"; "required": false; "isSignal": true; }; "index": { "alias": "index"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-/**
- * @deprecated SubGroupComponent is now standalone. Import SubGroupComponent directly.
- * This module will be removed in the next major version.
- */
-declare class SubGroupModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<SubGroupModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SubGroupModule, never, [typeof SubGroupComponent], [typeof SubGroupComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<SubGroupModule>;
-}
-
 declare class InitialControlValuePipe implements PipeTransform {
     transform(initialFormValue: {
         [key: string]: ControlValue | any;
     }, fieldConfig: AnyFieldConfig): unknown;
     static ɵfac: i0.ɵɵFactoryDeclaration<InitialControlValuePipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<InitialControlValuePipe, "initialControlValue", false>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<InitialControlValuePipe, "initialControlValue", true>;
 }
 
+/**
+ * @deprecated Import the standalone InitialControlValuePipe directly.
+ * This module will be removed in the next major version.
+ */
 declare class CrisprPipesModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<CrisprPipesModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<CrisprPipesModule, [typeof InitialControlValuePipe], [typeof i2.CommonModule], [typeof InitialControlValuePipe]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CrisprPipesModule, never, [typeof InitialControlValuePipe], [typeof InitialControlValuePipe]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<CrisprPipesModule>;
 }
 
-declare class CrisprFormComponent implements OnInit {
-    config: i0.InputSignal<FormConfig<_tft_crispr_forms.AnyFieldConfig>>;
-    form: i0.InputSignal<FormGroup<any>>;
-    value: i0.InputSignal<ControlGroupValue>;
-    submitted: i0.OutputEmitterRef<FormGroup<any>>;
-    /** Patch form values whenever the [value] input changes without firing valueChanges. */
-    private patchValueEffect;
-    valueChanges: i0.OutputRef<any>;
-    statusChanges: i0.OutputRef<_angular_forms.FormControlStatus>;
-    submitTrigger: ElementRef<HTMLButtonElement>;
-    ngOnInit(): void;
-    handleSubmit(): void;
-    triggerSubmit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CrisprFormComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CrisprFormComponent, "crispr-form", never, { "config": { "alias": "config"; "required": true; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "submitted": "submitted"; "valueChanges": "valueChanges"; "statusChanges": "statusChanges"; }, never, never, true, never>;
-}
-
-/**
- * @deprecated Use stanadlone CripsrFormComponent
- */
-declare class CrisprFormsModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<CrisprFormsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<CrisprFormsModule, never, [typeof i2.CommonModule, typeof _angular_forms.ReactiveFormsModule, typeof i3.FormValidationHandlerModule, typeof FormGroupListComponent, typeof FieldContainerComponent, typeof CrisprFieldDirective, typeof CrisprDisplayFieldDirective, typeof SubGroupModule, typeof CrisprPipesModule, typeof CrisprFormComponent], [typeof CrisprFormComponent, typeof FieldContainerComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<CrisprFormsModule>;
-}
-
-export { AbstractAutocompleteComponent, ControlType, CrisprControlComponent, CrisprDisplayFieldComponent, CrisprFieldComponent, CrisprFormComponent, CrisprFormsModule, DEFAULT_EMPTY_OPTIONS_MESSAGE, FieldContainerComponent, FileDropzoneDirective, FileUploadFieldComponent, HeadingComponent, InfoComponent, SelectedFileComponent, allowedFileExtValidator, allowedFileType, buildFormGroupFromConfig, callOptionsIfFunction, convertBytesToMb, createControlForType, filterOptionsByLabel, isControlConfig, maxFileSizeValidator, observablifyOptions, valueIn };
+export { AbstractAutocompleteComponent, AutocompleteChiplistFieldComponent, AutocompleteFieldComponent, ButtonComponent, CheckboxFieldComponent, ControlType, CrisprControlComponent, CrisprDisplayFieldComponent, CrisprDisplayFieldDirective, CrisprFieldComponent, CrisprFieldDirective, CrisprFormComponent, CrisprFormsModule, CrisprPipesModule, DEFAULT_EMPTY_OPTIONS_MESSAGE, DatepickerFieldComponent, DividerComponent, FieldContainerComponent, FileDropzoneDirective, FileUploadFieldComponent, FormGroupListComponent, HeadingComponent, ImageUploadFieldComponent, InfoComponent, InitialControlValuePipe, InputFieldComponent, MapFieldComponent, OptionComponent, RadioFieldComponent, SelectFieldComponent, SelectedFileComponent, SliderFieldComponent, SubGroupComponent, SubGroupModule, TextareaFieldComponent, UnitConversionFieldComponent, allowedFileExtValidator, allowedFileType, buildFormGroupFromConfig, callOptionsIfFunction, convertBytesToMb, createControlForType, filterOptionsByLabel, isControlConfig, maxFileSizeValidator, observablifyOptions, valueIn };
 export type { AbstractAutocompleteFieldConfig, AbstractGroupConfig, AbstractUploadComponent, AnyFieldConfig, AutocompleteChiplistFieldConfig, AutocompleteFieldConfig, AutocompleteOptionsCallback, ButtonConfig, ButtonType, CheckboxFieldConfig, ControlGroupValue, ControlValue, CreateChipConfig, CrisprControlConfig, CrisprFieldConfig, DatepickerFieldConfig, DividerConfig, EnabledUploadButtonConfig, FieldDescriptors, FileUploadFieldConfig, FormConfig, FormGroupListConfig, HeadingConfig, ImageProcessingState, ImageUploadFieldConfig, Info, InputFieldConfig, MapFieldConfig, MatFieldProperties, OptionsCallback, OptionsType, RadioFieldConfig, ReactiveOptionsCallback, SelectFieldConfig, SelectOption, SliderFieldConfig, SubGroupConfig, TemplateBuilder, TextareaFieldConfig, TftMapMarker, UnitConversionFieldConfig };