@tft/crispr-forms 14.0.2 → 15.0.0

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

@@ -1,94 +1,97 @@
-import { FormGroup, ValidatorFn } from '@angular/forms';
-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 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 {
-    AUTOCOMPLETE = "autocomplete",
-    AUTOCOMPLETE_CHIPLIST = "autocompleteChiplist",
-    BUTTON = "button",
-    CHECKBOX = "checkbox",
-    CUSTOM = "custom",
-    DATEPICKER = "datepicker",
-    DIVIDER = "divider",
-    FILE_UPLOAD = "fileUpload",
-    HEADING = "heading",
-    INPUT = "input",
-    IMAGE_UPLOAD = "imageUpload",
-    GROUP_LIST = "groupList",
-    RADIO = "radio",
-    SELECT = "select",
-    SLIDER = "slider",
-    SUB_GROUP = "subGroup",
-    TEXTAREA = "textarea",
-    UNIT_CONVERSION = "unitConversion"
-}
-/**
- * The base interface for all the fields in the form's config
- */
-export interface CrisprFieldConfig {
-    controlType?: ControlType;
-    classes?: string[];
-    component?: any;
-}
-declare type RestrictedControlName<M> = M extends null ? string : keyof M;
-/**
- * The base interface for all control configs
- */
-export interface CrisprControlConfig<M = null> extends CrisprFieldConfig {
-    controlName: RestrictedControlName<M>;
-    controlType: ControlType;
-    validators?: ValidatorFn[];
-    computeValue?: (group: FormGroup) => Observable<unknown>;
-    disabledCallback?: (group: FormGroup) => Observable<boolean>;
-    /**
-     * Hide the control when disabled
-     * @default false
-     */
-    hideDisabled?: boolean;
-    heading?: HeadingConfig;
-    hint?: string;
-}
-/**
- * Holds properties for control fields that describe field behavior to users
- */
-export interface FieldDescriptors {
-    label: string;
-    info?: Info;
-    fieldSuffix?: string;
-    placeholder?: string;
-}
-export interface MatFieldProperties {
-    appearance?: MatFormFieldAppearance;
-    color?: ThemePalette;
-}
-export interface Info {
-    content: string;
-    tooltipPosition?: TooltipPosition;
-    iconName?: string;
-}
-export interface AbstractGroupConfig<C extends CrisprFieldConfig = AnyFieldConfig> {
-    fields?: (AnyFieldConfig | C)[];
-}
-export interface FormConfig<C = AnyFieldConfig> extends AbstractGroupConfig<C> {
-    classes?: string[];
-    errorDictionary?: ErrorDictionary;
-    autoComplete?: string;
-    /** @deprecated use autoComplete */
-    autocomplete?: string;
-    validators?: ValidatorFn[];
-}
-/**
- * Configuration for SubGroup components
- */
-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;
-export declare type ControlValue<T = any> = boolean | string | number | Date | SelectOption | SelectOption[] | ControlGroupValue | T;
-export declare type ControlGroupValue = {
-    [key: string]: ControlValue;
-};
-export {};
+import { FormGroup, ValidatorFn } from '@angular/forms';
+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 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 {
+    AUTOCOMPLETE = "autocomplete",
+    AUTOCOMPLETE_CHIPLIST = "autocompleteChiplist",
+    BUTTON = "button",
+    CHECKBOX = "checkbox",
+    CUSTOM = "custom",
+    DATEPICKER = "datepicker",
+    DIVIDER = "divider",
+    FILE_UPLOAD = "fileUpload",
+    HEADING = "heading",
+    INPUT = "input",
+    IMAGE_UPLOAD = "imageUpload",
+    GROUP_LIST = "groupList",
+    RADIO = "radio",
+    SELECT = "select",
+    SLIDER = "slider",
+    SUB_GROUP = "subGroup",
+    TEXTAREA = "textarea",
+    UNIT_CONVERSION = "unitConversion"
+}
+/**
+ * The base interface for all the fields in the form's config
+ */
+export interface CrisprFieldConfig {
+    controlType?: ControlType;
+    classes?: string[];
+    component?: any;
+}
+/**
+ * A utility type that returns the keys of a type if one is passed otherwise return string type
+ */
+type RestrictedControlName<M> = M extends null ? string : keyof M;
+/**
+ * The base interface for all control configs
+ */
+export interface CrisprControlConfig<M = null> extends CrisprFieldConfig {
+    controlName: RestrictedControlName<M>;
+    controlType: ControlType;
+    validators?: ValidatorFn[];
+    computeValue?: (group: FormGroup) => Observable<unknown>;
+    disabledCallback?: (group: FormGroup) => Observable<boolean>;
+    /**
+     * Hide the control when disabled
+     * @default false
+     */
+    hideDisabled?: boolean;
+    heading?: HeadingConfig;
+    hint?: string;
+}
+/**
+ * Holds properties for control fields that describe field behavior to users
+ */
+export interface FieldDescriptors {
+    label: string;
+    info?: Info;
+    fieldSuffix?: string;
+    placeholder?: string;
+}
+export interface MatFieldProperties {
+    appearance?: MatFormFieldAppearance;
+    color?: ThemePalette;
+}
+export interface Info {
+    content: string;
+    tooltipPosition?: TooltipPosition;
+    iconName?: string;
+}
+export interface AbstractGroupConfig<C extends CrisprFieldConfig = AnyFieldConfig> {
+    fields?: (AnyFieldConfig | C)[];
+}
+export interface FormConfig<C = AnyFieldConfig> extends AbstractGroupConfig<C> {
+    classes?: string[];
+    errorDictionary?: ErrorDictionary;
+    autoComplete?: string;
+    /** @deprecated use autoComplete */
+    autocomplete?: string;
+    validators?: ValidatorFn[];
+}
+/**
+ * Configuration for SubGroup components
+ */
+export interface SubGroupConfig extends CrisprControlConfig, AbstractGroupConfig<any> {
+    controlType: ControlType.SUB_GROUP;
+}
+export type AnyFieldConfig = InputFieldConfig | SelectFieldConfig | RadioFieldConfig | FormGroupListConfig | SubGroupConfig | AutocompleteFieldConfig | AutocompleteChiplistFieldConfig | TextareaFieldConfig | CheckboxFieldConfig | DatepickerFieldConfig | SliderFieldConfig | FileUploadFieldConfig | ImageUploadFieldConfig | HeadingConfig | ButtonConfig | DividerConfig | UnitConversionFieldConfig;
+export type ControlValue<T = any> = boolean | string | number | Date | SelectOption | SelectOption[] | ControlGroupValue | T;
+export type ControlGroupValue = {
+    [key: string]: ControlValue;
+};
+export {};

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

@@ -1,20 +1,20 @@
-import { FieldDescriptors, MatFieldProperties, CrisprControlConfig, ControlType } from './crispr-field.config';
-import { MatCalendarCellClassFunction } from '@angular/material/datepicker';
-import { Observable } from 'rxjs';
-import { FormGroup } from '@angular/forms';
-import { ComponentType } from '@angular/cdk/portal';
-export interface DatepickerFieldConfig extends CrisprControlConfig, Pick<FieldDescriptors, 'label'>, MatFieldProperties {
-    controlType: ControlType.DATEPICKER;
-    min?: Date;
-    max?: Date;
-    startView?: 'month' | 'year' | 'multi-year';
-    startAt?: Date | ((group: FormGroup) => Observable<Date>) | null;
-    touchUi?: boolean;
-    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)
-     */
-    datepickerActions?: ComponentType<any>;
-}
+import { FieldDescriptors, MatFieldProperties, CrisprControlConfig, ControlType } from './crispr-field.config';
+import { MatCalendarCellClassFunction } from '@angular/material/datepicker';
+import { Observable } from 'rxjs';
+import { FormGroup } from '@angular/forms';
+import { ComponentType } from '@angular/cdk/portal';
+export interface DatepickerFieldConfig extends CrisprControlConfig, Pick<FieldDescriptors, 'label'>, MatFieldProperties {
+    controlType: ControlType.DATEPICKER;
+    min?: Date;
+    max?: Date;
+    startView?: 'month' | 'year' | 'multi-year';
+    startAt?: Date | ((group: FormGroup) => Observable<Date>) | null;
+    touchUi?: boolean;
+    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)
+     */
+    datepickerActions?: ComponentType<any>;
+}

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

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

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

@@ -1,33 +1,33 @@
-import { FormGroup } from '@angular/forms';
-import { CrisprControlConfig, ControlType, MatFieldProperties } from './crispr-field.config';
-import { ButtonType } from './button.config';
-import { Observable } from 'rxjs';
-export interface AbstractUploadComponent {
-    isUploaded: boolean;
-    fileProgress: Observable<number>[];
-    disabled$: Observable<boolean>;
-}
-export declare type FileUploadFieldConfig = CrisprControlConfig & MatFieldProperties & {
-    controlType: ControlType.FILE_UPLOAD;
-    label: string;
-    filesChanged?: (parentGroup: FormGroup, files: FileList) => void;
-    allowMultipleFiles?: boolean;
-    showClearFilesButton?: boolean;
-    acceptedTypes?: string;
-    selectFilesButtonType?: ButtonType;
-    selectButtonText?: string;
-    clearFilesButtonText?: string;
-    dropZoneText?: string;
-} & (EnabledUploadButtonConfig | DisabledUploadButtonConfig);
-export interface EnabledUploadButtonConfig {
-    uploadFiles: (parentGroup: FormGroup, files: FileList, uploadComponent: AbstractUploadComponent) => Promise<unknown> | unknown;
-    showUploadProgress?: boolean;
-    disableOnUpload?: boolean;
-    uploadButtonType?: ButtonType;
-    uploadButtonText?: string;
-}
-declare type DisabledUploadButtonConfig = NeverProps<EnabledUploadButtonConfig>;
-declare type NeverProps<T> = {
-    [P in keyof T]?: never;
-};
-export {};
+import { FormGroup } from '@angular/forms';
+import { CrisprControlConfig, ControlType, MatFieldProperties } from './crispr-field.config';
+import { ButtonType } from './button.config';
+import { Observable } from 'rxjs';
+export interface AbstractUploadComponent {
+    isUploaded: boolean;
+    fileProgress: Observable<number>[];
+    disabled$: Observable<boolean>;
+}
+export type FileUploadFieldConfig = CrisprControlConfig & MatFieldProperties & {
+    controlType: ControlType.FILE_UPLOAD;
+    label: string;
+    filesChanged?: (parentGroup: FormGroup, files: FileList) => void;
+    allowMultipleFiles?: boolean;
+    showClearFilesButton?: boolean;
+    acceptedTypes?: string;
+    selectFilesButtonType?: ButtonType;
+    selectButtonText?: string;
+    clearFilesButtonText?: string;
+    dropZoneText?: string;
+} & (EnabledUploadButtonConfig | DisabledUploadButtonConfig);
+export interface EnabledUploadButtonConfig {
+    uploadFiles: (parentGroup: FormGroup, files: FileList, uploadComponent: AbstractUploadComponent) => Promise<unknown> | unknown;
+    showUploadProgress?: boolean;
+    disableOnUpload?: boolean;
+    uploadButtonType?: ButtonType;
+    uploadButtonText?: string;
+}
+type DisabledUploadButtonConfig = NeverProps<EnabledUploadButtonConfig>;
+type NeverProps<T> = {
+    [P in keyof T]?: never;
+};
+export {};

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

@@ -1,18 +1,18 @@
-import { ThemePalette } from '@angular/material/core';
-import { CrisprControlConfig, ControlType, SubGroupConfig } from './crispr-field.config';
-export interface FormGroupListConfig extends CrisprControlConfig {
-    controlType: ControlType.GROUP_LIST;
-    itemConfig: SubGroupConfig;
-    itemLabelBuilder?: (index: number) => string;
-    /** The number of list items that a user can delete */
-    minListLength?: number;
-    /** If no items are passed as an initial value, should an initial empty item be created */
-    displayInitialItem?: boolean;
-    addButtonColor?: ThemePalette;
-    addButtonLabel?: string;
-    displayItemComponent?: any;
-    /**
-     * @deprecated Please use addButtonLabel, addItemLabel will be removed in the next major release
-     */
-    addItemLabel?: string;
-}
+import { ThemePalette } from '@angular/material/core';
+import { CrisprControlConfig, ControlType, SubGroupConfig } from './crispr-field.config';
+export interface FormGroupListConfig extends CrisprControlConfig {
+    controlType: ControlType.GROUP_LIST;
+    itemConfig: SubGroupConfig;
+    itemLabelBuilder?: (index: number) => string;
+    /** The number of list items that a user can delete */
+    minListLength?: number;
+    /** If no items are passed as an initial value, should an initial empty item be created */
+    displayInitialItem?: boolean;
+    addButtonColor?: ThemePalette;
+    addButtonLabel?: string;
+    displayItemComponent?: any;
+    /**
+     * @deprecated Please use addButtonLabel, addItemLabel will be removed in the next major release
+     */
+    addItemLabel?: string;
+}

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

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

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

@@ -1,54 +1,54 @@
-import { FormGroup } from '@angular/forms';
-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;
-    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;
-    /**
-     * If the input value of the control is not a string of the src
-     * url to the image, this function allows consumers to map their
-     * input value into one
-     */
-    mapInputValueToUrl?: (inputValue: unknown) => 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;
-};
+import { FormGroup } from '@angular/forms';
+import { CrisprControlConfig, ControlType, MatFieldProperties } from './crispr-field.config';
+import { ButtonType } from './button.config';
+export 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;
+    /**
+     * If the input value of the control is not a string of the src
+     * url to the image, this function allows consumers to map their
+     * input value into one
+     */
+    mapInputValueToUrl?: (inputValue: unknown) => 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/{utils → src/lib/utils}/models/index.d.ts

@@ -1,17 +1,17 @@
-export * from './input-field.config';
-export * from './select-field.config';
-export * from './radio-field.config';
-export * from './autocomplete-field.config';
-export * from './autocomplete-chiplist-field.config';
-export * from './checkbox-field.config';
-export * from './textarea-field.config';
-export * from './datepicker-field.config';
-export * from './slider-field.config';
-export * from './form-group-list.config';
-export * from './crispr-field.config';
-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';
+export * from './input-field.config';
+export * from './select-field.config';
+export * from './radio-field.config';
+export * from './autocomplete-field.config';
+export * from './autocomplete-chiplist-field.config';
+export * from './checkbox-field.config';
+export * from './textarea-field.config';
+export * from './datepicker-field.config';
+export * from './slider-field.config';
+export * from './form-group-list.config';
+export * from './crispr-field.config';
+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/{utils → src/lib/utils}/models/input-field.config.d.ts

@@ -1,16 +1,16 @@
-import { ControlType, FieldDescriptors, MatFieldProperties, CrisprControlConfig } from './crispr-field.config';
-export interface InputFieldConfig extends CrisprControlConfig, FieldDescriptors, MatFieldProperties {
-    controlType: ControlType.INPUT;
-    inputType?: InputType;
-    min?: number;
-    max?: number;
-    maxLength?: number;
-    step?: number;
-    pattern?: string;
-    autofocus?: boolean;
-    spellcheck?: boolean;
-    autoComplete?: string;
-    autoCapitalize?: 'off' | 'on';
-}
-declare type InputType = 'color' | 'date' | 'datetime-local' | 'email' | 'month' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'time' | 'url' | 'week';
-export {};
+import { ControlType, FieldDescriptors, MatFieldProperties, CrisprControlConfig } from './crispr-field.config';
+export interface InputFieldConfig extends CrisprControlConfig, FieldDescriptors, MatFieldProperties {
+    controlType: ControlType.INPUT;
+    inputType?: InputType;
+    min?: number;
+    max?: number;
+    maxLength?: number;
+    step?: number;
+    pattern?: string;
+    autofocus?: boolean;
+    spellcheck?: boolean;
+    autoComplete?: string;
+    autoCapitalize?: 'off' | 'on';
+}
+type InputType = 'color' | 'date' | 'datetime-local' | 'email' | 'month' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'time' | 'url' | 'week';
+export {};

package/{utils → src/lib/utils}/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'>, Omit<FieldDescriptors, 'label'>, MatFieldProperties {
-    controlType: ControlType.RADIO;
-    options: OptionsType;
-}
+import { CrisprControlConfig, FieldDescriptors, MatFieldProperties, ControlType } from './crispr-field.config';
+import { OptionsType } from './select-field.config';
+export interface RadioFieldConfig extends Omit<CrisprControlConfig, 'placeholder'>, Omit<FieldDescriptors, 'label'>, MatFieldProperties {
+    controlType: ControlType.RADIO;
+    options: OptionsType;
+}

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

@@ -1,21 +1,21 @@
-import { Observable } from 'rxjs';
-import { FormGroup } from '@angular/forms';
-import { ControlType, FieldDescriptors, Info, MatFieldProperties, CrisprControlConfig } from './crispr-field.config';
-export interface SelectFieldConfig extends Omit<CrisprControlConfig, 'placeholder'>, FieldDescriptors, MatFieldProperties {
-    controlType: ControlType.SELECT;
-    emptyOptionsMessage?: string;
-    multiple?: boolean;
-    enableToggleAll?: boolean;
-    options: OptionsType;
-}
-export declare type OptionsType = SelectOption[] | Observable<SelectOption[]> | OptionsCallback | Promise<SelectOption[]>;
-export declare type OptionsCallback = (group?: FormGroup) => OptionsType;
-export declare type ReactiveOptionsCallback = (group?: FormGroup) => Observable<SelectOption[]>;
-export declare type AutocompleteOptionsCallback = (group?: FormGroup, searchTerm?: string) => OptionsType;
-export interface SelectOption {
-    label: string;
-    value: any;
-    imageUrl?: string;
-    info?: Info;
-}
-export declare const DEFAULT_EMPTY_OPTIONS_MESSAGE = "No Items";
+import { Observable } from 'rxjs';
+import { FormGroup } from '@angular/forms';
+import { ControlType, FieldDescriptors, Info, MatFieldProperties, CrisprControlConfig } from './crispr-field.config';
+export interface SelectFieldConfig extends Omit<CrisprControlConfig, 'placeholder'>, FieldDescriptors, MatFieldProperties {
+    controlType: ControlType.SELECT;
+    emptyOptionsMessage?: string;
+    multiple?: boolean;
+    enableToggleAll?: boolean;
+    options: OptionsType;
+}
+export type OptionsType = SelectOption[] | Observable<SelectOption[]> | OptionsCallback | Promise<SelectOption[]>;
+export type OptionsCallback = (group?: FormGroup) => OptionsType;
+export type ReactiveOptionsCallback = (group?: FormGroup) => Observable<SelectOption[]>;
+export type AutocompleteOptionsCallback = (group?: FormGroup, searchTerm?: string) => OptionsType;
+export interface SelectOption {
+    label: string;
+    value: any;
+    imageUrl?: string;
+    info?: Info;
+}
+export declare const DEFAULT_EMPTY_OPTIONS_MESSAGE = "No Items";

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

@@ -1,13 +1,11 @@
-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;
-    invert?: boolean;
-    displayLimits?: boolean;
-    max?: number;
-    min?: number;
-    step?: number;
-    thumbLabel?: boolean;
-    tickInterval?: number | 'auto';
-    vertical?: boolean;
-}
+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;
+    max?: number;
+    min?: number;
+    step?: number;
+    discrete?: boolean;
+    tickInterval?: number | 'auto';
+    displayLimits?: boolean;
+}

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

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