@tft/crispr-forms 21.0.14 → 21.0.16

package/fesm2022/{tft-crispr-forms-index-Dms6QVKA.mjs → tft-crispr-forms-index-DDmbulkK.mjs}

@@ -1,5 +1,6 @@
 import * as i0 from '@angular/core';
 import { ViewChild, ChangeDetectionStrategy, Component } from '@angular/core';
+import { tap } from 'rxjs/operators';
 import * as i3 from '@angular/material/select';
 import { MatSelectModule } from '@angular/material/select';
 import * as i1$2 from '@angular/common';
@@ -10,10 +11,10 @@ import * as i1$1 from '@angular/forms';
 import { ReactiveFormsModule } from '@angular/forms';
 import * as i2 from '@angular/material/form-field';
 import { MatFormFieldModule } from '@angular/material/form-field';
-import { O as OptionComponent } from './tft-crispr-forms-index-C15TjsJT.mjs';
+import { O as OptionComponent } from './tft-crispr-forms-index-CLbh6FgL.mjs';
 import * as i6 from '@tft/form-validation-handler';
 import { FormValidationHandlerModule } from '@tft/form-validation-handler';
-import { a as CrisprControlComponent, o as observablifyOptions, I as InfoComponent, F as FieldContainerComponent } from './tft-crispr-forms-tft-crispr-forms-BrSGwBAn.mjs';
+import { a as CrisprControlComponent, o as observablifyOptions, I as InfoComponent, F as FieldContainerComponent } from './tft-crispr-forms-tft-crispr-forms-C0bqWzUB.mjs';
 import * as i2$1 from '@angular/material/autocomplete';
 
 /* eslint-disable @nx/enforce-module-boundaries */
@@ -30,7 +31,16 @@ class SelectFieldComponent extends CrisprControlComponent {
         super.ngOnInit();
         // options$ can be passed as an array, promise that resolves array, or observable that resolves array
         // this functions accounts for all possibilities and converts to observable that resolves array
-        this.options$ = observablifyOptions(this.config().options, this.group());
+        this.options$ = observablifyOptions(this.config().options, this.group()).pipe(tap(() => {
+            // mat-select.writeValue() runs before async options render, so _setSelectionByValue
+            // finds no matches. Re-apply the value after options are in the DOM.
+            setTimeout(() => {
+                const ctrl = this.control();
+                if (ctrl?.value != null) {
+                    ctrl.setValue(ctrl.value, { emitEvent: false });
+                }
+            });
+        }));
     }
     ngAfterViewInit() {
         if (this.config().multiple &&
@@ -70,4 +80,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
             }] } });
 
 export { SelectFieldComponent };
-//# sourceMappingURL=tft-crispr-forms-index-Dms6QVKA.mjs.map
+//# sourceMappingURL=tft-crispr-forms-index-DDmbulkK.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tft-crispr-forms-index-DDmbulkK.mjs","sources":["../../../../libs/crispr-forms/src/lib/ui/select-field/select-field.component.ts","../../../../libs/crispr-forms/src/lib/ui/select-field/select-field.component.html"],"sourcesContent":["/* eslint-disable @nx/enforce-module-boundaries */\nimport {\n  Component,\n  OnInit,\n  ChangeDetectionStrategy,\n  ViewChild,\n  AfterViewInit,\n} from '@angular/core';\nimport { Observable } from 'rxjs';\nimport { tap } from 'rxjs/operators';\n\nimport { MatSelect, MatSelectModule } from '@angular/material/select';\nimport { ThemePalette } from '@angular/material/core';\nimport { CommonModule } from '@angular/common';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { OptionComponent } from '../option';\nimport { FormValidationHandlerModule } from '@tft/form-validation-handler';\nimport { InfoComponent } from '../info';\nimport { FieldContainerComponent } from '../field-container';\nimport {\n  observablifyOptions,\n  SelectFieldConfig,\n  SelectOption,\n} from '../../utils';\nimport { CrisprControlComponent } from '../../utils/abstracts/crispr-control.abstract';\n\n@Component({\n    selector: 'crispr-select-field',\n    templateUrl: './select-field.component.html',\n    styleUrls: ['./select-field.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [\n        CommonModule,\n        InfoComponent,\n        OptionComponent,\n        MatCheckboxModule,\n        MatSelectModule,\n        ReactiveFormsModule,\n        FormValidationHandlerModule,\n        FieldContainerComponent,\n        MatFormFieldModule,\n    ],\n    standalone: true\n})\nexport class SelectFieldComponent\n  extends CrisprControlComponent<SelectFieldConfig>\n  implements OnInit, AfterViewInit\n{\n  defaultConfig = {\n    enableToggleAll: false,\n    color: 'primary' as ThemePalette,\n  };\n  options$: Observable<SelectOption[]>;\n  allSelected = false;\n\n  @ViewChild('selectField') selectField: MatSelect;\n\n  ngOnInit() {\n    super.ngOnInit();\n    // options$ can be passed as an array, promise that resolves array, or observable that resolves array\n    // this functions accounts for all possibilities and converts to observable that resolves array\n    this.options$ = observablifyOptions(this.config().options, this.group()).pipe(\n      tap(() => {\n        // mat-select.writeValue() runs before async options render, so _setSelectionByValue\n        // finds no matches. Re-apply the value after options are in the DOM.\n        setTimeout(() => {\n          const ctrl = this.control();\n          if (ctrl?.value != null) {\n            ctrl.setValue(ctrl.value, { emitEvent: false });\n          }\n        });\n      })\n    );\n  }\n\n  ngAfterViewInit() {\n    if (\n      this.config().multiple &&\n      this.config().enableToggleAll &&\n      this.selectField.options?.length === (this.value() as any[])?.length\n    ) {\n      this.allSelected = true;\n    }\n  }\n\n  toggleAll(isSelected: boolean) {\n    if (isSelected) {\n      this.selectField.options.forEach((option) => option.deselect());\n    } else {\n      this.selectField.options.forEach((option) => option.select());\n    }\n    this.allSelected = !this.allSelected;\n  }\n}\n","<crispr-field-container\n  [config]=\"config()\"\n  [group]=\"group()\">\n\n  <mat-form-field\n    [attr.data-testid]=\"testId()\"\n    [color]=\"config().color\"\n    [appearance]=\"config().appearance\"\n    [formGroup]=\"group()\">\n    @if (config().label) {<mat-label>{{config().label}}</mat-label>}\n    <mat-select\n      #selectField\n      [formControlName]=\"config().controlName\"\n      [placeholder]=\"config().placeholder\"\n      [multiple]=\"config().multiple\">\n\n      @if (config()?.multiple && config().enableToggleAll) {\n        <mat-checkbox\n          [color]=\"config().color\"\n          [checked]=\"allSelected\"\n          (click)=\"toggleAll(allSelected)\">\n          Select All\n        </mat-checkbox>\n      }\n      @for (option of options$ | async; track option) {\n        <mat-option\n          [value]=\"option.value\">\n          <crispr-option [option]=\"option\">\n          </crispr-option>\n        </mat-option>\n      }\n\n    </mat-select>\n\n    @if (config().fieldSuffix) {<span matSuffix>{{config().fieldSuffix}}</span>}\n    @if (config().info) {<crispr-info matSuffix [info]=\"config().info\"></crispr-info>}\n    @if (config().hint && (control().valid || !control().touched)) {<mat-hint>{{config().hint}}</mat-hint>}\n\n  </mat-form-field>\n\n</crispr-field-container>\n"],"names":["i5","i7"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+export { A as AutocompleteFieldComponent } from './tft-crispr-forms-autocomplete-field.component-D5Hx6_m-.mjs';
+//# sourceMappingURL=tft-crispr-forms-index-DWW8uD4i.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tft-crispr-forms-index-DWW8uD4i.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/fesm2022/{tft-crispr-forms-index-gGHS-BOv.mjs → tft-crispr-forms-index-IyuNneu2.mjs}

@@ -18,7 +18,7 @@ import { Subject, combineLatest, of } from 'rxjs';
 import { shareReplay, switchMap, map, tap, startWith } from 'rxjs/operators';
 import * as i6 from '@tft/form-validation-handler';
 import { FormValidationHandlerModule } from '@tft/form-validation-handler';
-import { a as CrisprControlComponent, e as convertBytesToMb, F as FieldContainerComponent, S as SelectedFileComponent, f as FileDropzoneDirective } from './tft-crispr-forms-tft-crispr-forms-BrSGwBAn.mjs';
+import { a as CrisprControlComponent, e as convertBytesToMb, F as FieldContainerComponent, S as SelectedFileComponent, f as FileDropzoneDirective } from './tft-crispr-forms-tft-crispr-forms-C0bqWzUB.mjs';
 
 /* eslint-disable @nx/enforce-module-boundaries */
 class ImageUploadFieldComponent extends CrisprControlComponent {
@@ -174,4 +174,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
             }] } });
 
 export { ImageUploadFieldComponent };
-//# sourceMappingURL=tft-crispr-forms-index-gGHS-BOv.mjs.map
+//# sourceMappingURL=tft-crispr-forms-index-IyuNneu2.mjs.map

package/fesm2022/{tft-crispr-forms-index-gGHS-BOv.mjs.map → tft-crispr-forms-index-IyuNneu2.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"tft-crispr-forms-index-gGHS-BOv.mjs","sources":["../../../../libs/crispr-forms/src/lib/ui/image-upload-field/image-upload-field.component.ts","../../../../libs/crispr-forms/src/lib/ui/image-upload-field/image-upload-field.component.html"],"sourcesContent":["/* eslint-disable @nx/enforce-module-boundaries */\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, inject, OnInit, ViewChild } from '@angular/core';\nimport {\n  ControlValueAccessor,\n  NgControl,\n  ReactiveFormsModule,\n} from '@angular/forms';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatInputModule } from '@angular/material/input';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport imageCompression from 'browser-image-compression';\nimport { combineLatest, Observable, of, Subject } from 'rxjs';\nimport { map, shareReplay, startWith, switchMap, tap } from 'rxjs/operators';\nimport { FormValidationHandlerModule } from '@tft/form-validation-handler';\nimport { FileDropzoneDirective } from '../file-dropzone';\nimport { SelectedFileComponent } from '../selected-file';\nimport { FieldContainerComponent } from '../field-container';\nimport {\n  convertBytesToMb,\n  ImageUploadFieldConfig,\n} from '../../utils';\nimport { CrisprControlComponent } from '../../utils/abstracts/crispr-control.abstract';\n\n@Component({\n    selector: 'crispr-image-upload-field',\n    templateUrl: './image-upload-field.component.html',\n    styleUrls: ['./image-upload-field.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [\n        CommonModule,\n        FieldContainerComponent,\n        ReactiveFormsModule,\n        MatIconModule,\n        MatButtonModule,\n        MatFormFieldModule,\n        MatInputModule,\n        SelectedFileComponent,\n        FileDropzoneDirective,\n        FormValidationHandlerModule,\n    ],\n    standalone: true\n})\nexport class ImageUploadFieldComponent\n  extends CrisprControlComponent<ImageUploadFieldConfig>\n  implements OnInit, ControlValueAccessor\n{\n  ngControl = inject(NgControl, { optional: true, self: true });\n  private domSanitizer = inject(DomSanitizer);\n  private cdr = inject(ChangeDetectorRef);\n\n  onChange: () => void;\n\n  defaultConfig: Partial<ImageUploadFieldConfig> = {\n    // allowMultipleFiles: false,\n    acceptedTypes: 'image/*',\n    dropZoneText: 'DROP FILE HERE',\n    selectFilesButtonType: 'button',\n    selectButtonText: 'SELECT',\n    showClearFilesButton: true,\n    clearFilesButtonText: 'CLEAR',\n    resetFilesButtonText: 'RESET',\n    imagePreviewHeight: '250px',\n    compressImage: false,\n    targetCompressedImageFileSizeMb: 0.4,\n    minCompressionThresholdMb: 0.6,\n    useWebWorker: true,\n  };\n\n  private inputImageFileSubject = new Subject<File | null>();\n  inputImageFile$ = this.inputImageFileSubject\n    .asObservable()\n    .pipe(shareReplay(1));\n  /**\n   * the compression progress\n   */\n  progress: number | undefined;\n\n  compressedFile$: Observable<File> = this.inputImageFile$.pipe(\n    switchMap(async (file) => {\n      if (!file || !(file instanceof File)) return null;\n      const {\n        compressImage,\n        targetCompressedImageFileSizeMb,\n        minCompressionThresholdMb,\n        maxWidthOrHeight,\n        useWebWorker,\n      } = this.config();\n      const fileSizeMb = convertBytesToMb(file.size);\n      const shouldCompress =\n        compressImage &&\n        targetCompressedImageFileSizeMb < fileSizeMb &&\n        minCompressionThresholdMb < fileSizeMb;\n      if (shouldCompress) {\n        const options = {\n          // Use maxWidthOrHeight if it was provided, else use target compressed size\n          ...(maxWidthOrHeight\n            ? { maxWidthOrHeight }\n            : { maxSizeMB: targetCompressedImageFileSizeMb }),\n          useWebWorker,\n          maxIterations: 30,\n          onProgress: (progress: number) => {\n            this.progress = progress;\n            this.cdr.markForCheck();\n          },\n        };\n        return await imageCompression(file, options);\n      } else return file;\n    }),\n    map((compressedFile: File) => {\n      if (!compressedFile) return compressedFile;\n      const { type, name, lastModified } = compressedFile;\n      return new File([compressedFile], this.config().fileName || name, {\n        type,\n        lastModified,\n      });\n    }),\n    tap((file) => {\n      // only set the value if there is a file because resetToInitialValue sets the control value\n      // to initial value and clears the compressed image, so setting it to null here would undo that\n      if (file) {\n        this.control().setValue(file);\n      }\n      if (file || this.value()) {\n        this.control().markAsTouched();\n        this.cdr.markForCheck();\n      }\n    }),\n    shareReplay(1)\n  );\n\n  compressedImageUrlString$: Observable<string | null> =\n    this.compressedFile$.pipe(\n      switchMap(async (file) => {\n        if (!file) return null;\n        const compressedStringImage = await imageCompression.getDataUrlFromFile(\n          file\n        );\n        return this.domSanitizer.bypassSecurityTrustResourceUrl(\n          compressedStringImage\n        ) as string;\n      }),\n      shareReplay(1)\n    );\n\n  // This is what is displayed by the image preview\n  imageSrcUrl$: Observable<string | null>;\n\n  @ViewChild('fileInput') fileInputRef: ElementRef;\n\n  selectedFiles: FileList;\n\n  isUploaded = false;\n\n  disabled$: Observable<boolean>;\n\n  constructor() {\n    super();\n    const ngControl = this.ngControl;\n\n    if (this.ngControl != null) {\n      // Setting the value accessor directly (instead of using\n      // the providers) to avoid running into a circular import.\n      ngControl.valueAccessor = this;\n    }\n  }\n\n  ngOnInit() {\n    super.ngOnInit();\n    this.imageSrcUrl$ = combineLatest([\n      this.compressedImageUrlString$.pipe(startWith(null)),\n      this.control().valueChanges.pipe(\n        startWith(this.value()),\n        map((controlValue): string => {\n          if (!controlValue) return null;\n          if (controlValue instanceof File) return null;\n          return (\n            this.config().mapInputValueToUrl?.(controlValue) ||\n            (controlValue as string)\n          );\n        })\n      ),\n    ]).pipe(\n      map(([compressedImageUrlString, controlUrl]) => {\n        return compressedImageUrlString || controlUrl || null;\n      })\n    );\n    this.disabled$ = this.config().disabledCallback\n      ? this.config().disabledCallback(this.group())\n      : of(false);\n  }\n\n  filesChanged(files: FileList): void {\n    if (files && files.length > 0) {\n      const imageFile = files[0];\n      // We clear the control here so that it is invalid while compressing\n      // the input pipeline will take care of resetting it\n      this.control().patchValue(null);\n      // this.control().setErrors({compressing: {loadingMessage: 'Please wait while file compresses'}});\n      this.control().markAsTouched();\n      this.inputImageFileSubject.next(imageFile);\n    }\n  }\n\n  clearFileInput(): void {\n    this.inputImageFileSubject.next(null);\n    this.fileInputRef.nativeElement.value = '';\n    this.control().patchValue(null);\n    this.control().markAsTouched();\n    this.isUploaded = false;\n  }\n\n  resetToInitialValue(initialValue: string): void {\n    this.inputImageFileSubject.next(null);\n    this.control().patchValue(initialValue);\n    this.isUploaded = false;\n  }\n\n  writeValue(value: null) {}\n\n  registerOnChange(fn: () => void) {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: () => void) {}\n}\n","<crispr-field-container\n  [config]=\"config()\"\n  [group]=\"group()\">\n\n  <mat-form-field floatLabel=\"always\"\n    [attr.data-testid]=\"testId()\"\n    [color]=\"config().color\"\n    [appearance]=\"config().appearance\"\n    [formGroup]=\"group()\">\n    <mat-label>{{config().label}}</mat-label>\n    <input [formControlName]=\"config().controlName\" matInput type=\"text\"/>\n    <input\n      #fileInput\n      type=\"file\"\n      [accept]=\"config().acceptedTypes\"\n      (change)=\"filesChanged($event.target.files)\"/>\n    <div class=\"ui-container\">\n\n      <div class=\"image-preview\" [style.height]=\"config().imagePreviewHeight\">\n        @if ((progress < 100) && inputImageFile$ | async; as file) {\n          <crispr-selected-file\n            [color]=\"config().color === 'primary' ? 'accent' : 'primary'\"\n            [fileName]=\"'Compressing: ' + file.name\"\n            [showProgress]=\"true\"\n            [progress]=\"progress\">\n          </crispr-selected-file>\n        } @else {\n          <!-- <img *ngIf=\"(initialUrlString$ | async) as initialUrlString;\" [src]=\"initialUrlString\" alt=\"\"> -->\n          @if (imageSrcUrl$ | async; as srcUrl) {\n            <img [src]=\"srcUrl\" alt=\"\">\n          } @else {\n            <div class=\"drop-container\"\n              [crisprFileDropzone]=\"!(disabled$ | async)\"\n              (fileDrop)=\"filesChanged($event)\">\n              <mat-icon class=\"drop-icon\" inline=\"true\">cloud_upload</mat-icon>\n              <h2 class=\"mat-h2\">{{config().dropZoneText}}</h2>\n            </div>\n          }\n        }\n\n      </div>\n\n\n\n    <!-- </ng-template> -->\n    @if (true) {\n      <div class=\"button-container\">\n        <button\n          mat-button\n          (click)=\"clearFileInput()\"\n          type=\"button\"\n          [disabled]=\"(disabled$ | async)\"\n          aria-label=\"Remove Selected File(s)\">\n          <mat-icon>delete</mat-icon>\n          {{config().clearFilesButtonText}}\n        </button>\n        @if (value()) {\n          <button\n            mat-button\n            (click)=\"resetToInitialValue(value())\"\n            type=\"button\"\n            [disabled]=\"(disabled$ | async)\"\n            aria-label=\"Remove Selected File(s)\">\n            <mat-icon>replay</mat-icon>\n            {{config().resetFilesButtonText}}\n          </button>\n        }\n        <button\n          mat-button\n          type=\"button\"\n          color=\"primary\"\n          [disabled]=\"(disabled$ | async)\"\n          (click)=\"fileInput.click()\"\n          [attr.aria-label]=\"config().controlName\">\n          <mat-icon>\n            camera\n          </mat-icon>\n          SELECT\n        </button>\n      </div>\n    }\n  </div>\n\n  @if (config().hint && (control().valid || !control().touched)) {<mat-hint>{{config().hint}}</mat-hint>}\n\n</mat-form-field>\n\n</crispr-field-container>\n"],"names":["i3","i4","i7"],"mappings":"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"}
+{"version":3,"file":"tft-crispr-forms-index-IyuNneu2.mjs","sources":["../../../../libs/crispr-forms/src/lib/ui/image-upload-field/image-upload-field.component.ts","../../../../libs/crispr-forms/src/lib/ui/image-upload-field/image-upload-field.component.html"],"sourcesContent":["/* eslint-disable @nx/enforce-module-boundaries */\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, inject, OnInit, ViewChild } from '@angular/core';\nimport {\n  ControlValueAccessor,\n  NgControl,\n  ReactiveFormsModule,\n} from '@angular/forms';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatInputModule } from '@angular/material/input';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport imageCompression from 'browser-image-compression';\nimport { combineLatest, Observable, of, Subject } from 'rxjs';\nimport { map, shareReplay, startWith, switchMap, tap } from 'rxjs/operators';\nimport { FormValidationHandlerModule } from '@tft/form-validation-handler';\nimport { FileDropzoneDirective } from '../file-dropzone';\nimport { SelectedFileComponent } from '../selected-file';\nimport { FieldContainerComponent } from '../field-container';\nimport {\n  convertBytesToMb,\n  ImageUploadFieldConfig,\n} from '../../utils';\nimport { CrisprControlComponent } from '../../utils/abstracts/crispr-control.abstract';\n\n@Component({\n    selector: 'crispr-image-upload-field',\n    templateUrl: './image-upload-field.component.html',\n    styleUrls: ['./image-upload-field.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [\n        CommonModule,\n        FieldContainerComponent,\n        ReactiveFormsModule,\n        MatIconModule,\n        MatButtonModule,\n        MatFormFieldModule,\n        MatInputModule,\n        SelectedFileComponent,\n        FileDropzoneDirective,\n        FormValidationHandlerModule,\n    ],\n    standalone: true\n})\nexport class ImageUploadFieldComponent\n  extends CrisprControlComponent<ImageUploadFieldConfig>\n  implements OnInit, ControlValueAccessor\n{\n  ngControl = inject(NgControl, { optional: true, self: true });\n  private domSanitizer = inject(DomSanitizer);\n  private cdr = inject(ChangeDetectorRef);\n\n  onChange: () => void;\n\n  defaultConfig: Partial<ImageUploadFieldConfig> = {\n    // allowMultipleFiles: false,\n    acceptedTypes: 'image/*',\n    dropZoneText: 'DROP FILE HERE',\n    selectFilesButtonType: 'button',\n    selectButtonText: 'SELECT',\n    showClearFilesButton: true,\n    clearFilesButtonText: 'CLEAR',\n    resetFilesButtonText: 'RESET',\n    imagePreviewHeight: '250px',\n    compressImage: false,\n    targetCompressedImageFileSizeMb: 0.4,\n    minCompressionThresholdMb: 0.6,\n    useWebWorker: true,\n  };\n\n  private inputImageFileSubject = new Subject<File | null>();\n  inputImageFile$ = this.inputImageFileSubject\n    .asObservable()\n    .pipe(shareReplay(1));\n  /**\n   * the compression progress\n   */\n  progress: number | undefined;\n\n  compressedFile$: Observable<File> = this.inputImageFile$.pipe(\n    switchMap(async (file) => {\n      if (!file || !(file instanceof File)) return null;\n      const {\n        compressImage,\n        targetCompressedImageFileSizeMb,\n        minCompressionThresholdMb,\n        maxWidthOrHeight,\n        useWebWorker,\n      } = this.config();\n      const fileSizeMb = convertBytesToMb(file.size);\n      const shouldCompress =\n        compressImage &&\n        targetCompressedImageFileSizeMb < fileSizeMb &&\n        minCompressionThresholdMb < fileSizeMb;\n      if (shouldCompress) {\n        const options = {\n          // Use maxWidthOrHeight if it was provided, else use target compressed size\n          ...(maxWidthOrHeight\n            ? { maxWidthOrHeight }\n            : { maxSizeMB: targetCompressedImageFileSizeMb }),\n          useWebWorker,\n          maxIterations: 30,\n          onProgress: (progress: number) => {\n            this.progress = progress;\n            this.cdr.markForCheck();\n          },\n        };\n        return await imageCompression(file, options);\n      } else return file;\n    }),\n    map((compressedFile: File) => {\n      if (!compressedFile) return compressedFile;\n      const { type, name, lastModified } = compressedFile;\n      return new File([compressedFile], this.config().fileName || name, {\n        type,\n        lastModified,\n      });\n    }),\n    tap((file) => {\n      // only set the value if there is a file because resetToInitialValue sets the control value\n      // to initial value and clears the compressed image, so setting it to null here would undo that\n      if (file) {\n        this.control().setValue(file);\n      }\n      if (file || this.value()) {\n        this.control().markAsTouched();\n        this.cdr.markForCheck();\n      }\n    }),\n    shareReplay(1)\n  );\n\n  compressedImageUrlString$: Observable<string | null> =\n    this.compressedFile$.pipe(\n      switchMap(async (file) => {\n        if (!file) return null;\n        const compressedStringImage = await imageCompression.getDataUrlFromFile(\n          file\n        );\n        return this.domSanitizer.bypassSecurityTrustResourceUrl(\n          compressedStringImage\n        ) as string;\n      }),\n      shareReplay(1)\n    );\n\n  // This is what is displayed by the image preview\n  imageSrcUrl$: Observable<string | null>;\n\n  @ViewChild('fileInput') fileInputRef: ElementRef;\n\n  selectedFiles: FileList;\n\n  isUploaded = false;\n\n  disabled$: Observable<boolean>;\n\n  constructor() {\n    super();\n    const ngControl = this.ngControl;\n\n    if (this.ngControl != null) {\n      // Setting the value accessor directly (instead of using\n      // the providers) to avoid running into a circular import.\n      ngControl.valueAccessor = this;\n    }\n  }\n\n  ngOnInit() {\n    super.ngOnInit();\n    this.imageSrcUrl$ = combineLatest([\n      this.compressedImageUrlString$.pipe(startWith(null)),\n      this.control().valueChanges.pipe(\n        startWith(this.value()),\n        map((controlValue): string => {\n          if (!controlValue) return null;\n          if (controlValue instanceof File) return null;\n          return (\n            this.config().mapInputValueToUrl?.(controlValue) ||\n            (controlValue as string)\n          );\n        })\n      ),\n    ]).pipe(\n      map(([compressedImageUrlString, controlUrl]) => {\n        return compressedImageUrlString || controlUrl || null;\n      })\n    );\n    this.disabled$ = this.config().disabledCallback\n      ? this.config().disabledCallback(this.group())\n      : of(false);\n  }\n\n  filesChanged(files: FileList): void {\n    if (files && files.length > 0) {\n      const imageFile = files[0];\n      // We clear the control here so that it is invalid while compressing\n      // the input pipeline will take care of resetting it\n      this.control().patchValue(null);\n      // this.control().setErrors({compressing: {loadingMessage: 'Please wait while file compresses'}});\n      this.control().markAsTouched();\n      this.inputImageFileSubject.next(imageFile);\n    }\n  }\n\n  clearFileInput(): void {\n    this.inputImageFileSubject.next(null);\n    this.fileInputRef.nativeElement.value = '';\n    this.control().patchValue(null);\n    this.control().markAsTouched();\n    this.isUploaded = false;\n  }\n\n  resetToInitialValue(initialValue: string): void {\n    this.inputImageFileSubject.next(null);\n    this.control().patchValue(initialValue);\n    this.isUploaded = false;\n  }\n\n  writeValue(value: null) {}\n\n  registerOnChange(fn: () => void) {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: () => void) {}\n}\n","<crispr-field-container\n  [config]=\"config()\"\n  [group]=\"group()\">\n\n  <mat-form-field floatLabel=\"always\"\n    [attr.data-testid]=\"testId()\"\n    [color]=\"config().color\"\n    [appearance]=\"config().appearance\"\n    [formGroup]=\"group()\">\n    <mat-label>{{config().label}}</mat-label>\n    <input [formControlName]=\"config().controlName\" matInput type=\"text\"/>\n    <input\n      #fileInput\n      type=\"file\"\n      [accept]=\"config().acceptedTypes\"\n      (change)=\"filesChanged($event.target.files)\"/>\n    <div class=\"ui-container\">\n\n      <div class=\"image-preview\" [style.height]=\"config().imagePreviewHeight\">\n        @if ((progress < 100) && inputImageFile$ | async; as file) {\n          <crispr-selected-file\n            [color]=\"config().color === 'primary' ? 'accent' : 'primary'\"\n            [fileName]=\"'Compressing: ' + file.name\"\n            [showProgress]=\"true\"\n            [progress]=\"progress\">\n          </crispr-selected-file>\n        } @else {\n          <!-- <img *ngIf=\"(initialUrlString$ | async) as initialUrlString;\" [src]=\"initialUrlString\" alt=\"\"> -->\n          @if (imageSrcUrl$ | async; as srcUrl) {\n            <img [src]=\"srcUrl\" alt=\"\">\n          } @else {\n            <div class=\"drop-container\"\n              [crisprFileDropzone]=\"!(disabled$ | async)\"\n              (fileDrop)=\"filesChanged($event)\">\n              <mat-icon class=\"drop-icon\" inline=\"true\">cloud_upload</mat-icon>\n              <h2 class=\"mat-h2\">{{config().dropZoneText}}</h2>\n            </div>\n          }\n        }\n\n      </div>\n\n\n\n    <!-- </ng-template> -->\n    @if (true) {\n      <div class=\"button-container\">\n        <button\n          mat-button\n          (click)=\"clearFileInput()\"\n          type=\"button\"\n          [disabled]=\"(disabled$ | async)\"\n          aria-label=\"Remove Selected File(s)\">\n          <mat-icon>delete</mat-icon>\n          {{config().clearFilesButtonText}}\n        </button>\n        @if (value()) {\n          <button\n            mat-button\n            (click)=\"resetToInitialValue(value())\"\n            type=\"button\"\n            [disabled]=\"(disabled$ | async)\"\n            aria-label=\"Remove Selected File(s)\">\n            <mat-icon>replay</mat-icon>\n            {{config().resetFilesButtonText}}\n          </button>\n        }\n        <button\n          mat-button\n          type=\"button\"\n          color=\"primary\"\n          [disabled]=\"(disabled$ | async)\"\n          (click)=\"fileInput.click()\"\n          [attr.aria-label]=\"config().controlName\">\n          <mat-icon>\n            camera\n          </mat-icon>\n          SELECT\n        </button>\n      </div>\n    }\n  </div>\n\n  @if (config().hint && (control().valid || !control().touched)) {<mat-hint>{{config().hint}}</mat-hint>}\n\n</mat-form-field>\n\n</crispr-field-container>\n"],"names":["i3","i4","i7"],"mappings":"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"}

package/fesm2022/{tft-crispr-forms-index-Czv_HA0x.mjs → tft-crispr-forms-index-K7Ecsl-N.mjs}

@@ -13,7 +13,7 @@ import * as i2$1 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import * as i6 from '@tft/form-validation-handler';
 import { FormValidationHandlerModule } from '@tft/form-validation-handler';
-import { C as CrisprFieldComponent } from './tft-crispr-forms-tft-crispr-forms-BrSGwBAn.mjs';
+import { C as CrisprFieldComponent } from './tft-crispr-forms-tft-crispr-forms-C0bqWzUB.mjs';
 
 class ButtonComponent extends CrisprFieldComponent {
     constructor() {
@@ -51,4 +51,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
         }], propDecorators: { group: [{ type: i0.Input, args: [{ isSignal: true, alias: "group", required: false }] }] } });
 
 export { ButtonComponent };
-//# sourceMappingURL=tft-crispr-forms-index-Czv_HA0x.mjs.map
+//# sourceMappingURL=tft-crispr-forms-index-K7Ecsl-N.mjs.map

package/fesm2022/{tft-crispr-forms-index-Czv_HA0x.mjs.map → tft-crispr-forms-index-K7Ecsl-N.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"tft-crispr-forms-index-Czv_HA0x.mjs","sources":["../../../../libs/crispr-forms/src/lib/ui/button/button.component.ts","../../../../libs/crispr-forms/src/lib/ui/button/button.component.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input, OnInit } from '@angular/core';\nimport { ReactiveFormsModule, FormGroup } from '@angular/forms';\nimport { Observable } from 'rxjs';\nimport { map, startWith } from 'rxjs/operators';\nimport { CommonModule } from '@angular/common';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { FormValidationHandlerModule } from '@tft/form-validation-handler';\n// eslint-disable-next-line @nx/enforce-module-boundaries\nimport { CrisprFieldComponent, ButtonConfig } from '../../utils';\n\n@Component({\n    selector: 'crispr-button',\n    templateUrl: './button.component.html',\n    styleUrls: ['./button.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [\n        CommonModule,\n        MatButtonModule,\n        MatIconModule,\n        MatTooltipModule,\n        ReactiveFormsModule,\n        FormValidationHandlerModule,\n    ],\n    standalone: true\n})\nexport class ButtonComponent\n  extends CrisprFieldComponent<ButtonConfig>\n  implements OnInit\n{\n  defaultConfig: Partial<ButtonConfig> = {\n    buttonType: 'raised',\n    type: 'submit',\n  };\n  formValid$: Observable<boolean>;\n\n  group = input<FormGroup>(null);\n\n  get matButtonClass() {\n    return this.config().buttonType ? `mat-${this.config().buttonType}-button` : '';\n  }\n\n  ngOnInit() {\n    this.formValid$ = this.group().statusChanges.pipe(\n      map((status) => status === 'VALID'),\n      startWith(this.group().valid)\n    );\n  }\n\n  handleClick(group: FormGroup, event: MouseEvent) {\n    if (this.config().callback) {\n      this.config().callback(group, event);\n    }\n  }\n}\n","<button\n  [formGroup]=\"group()\"\n  mat-button\n  [ngClass]=\"matButtonClass\"\n  [color]=\"config().color\"\n  [disabled]=\"config().disabledOnInvalidForm && !(formValid$ | async)\"\n  [type]=\"config().type\"\n  (click)=\"handleClick(group(), $event)\"\n  [matTooltip]=\"config().info?.content\"\n  [matTooltipPosition]=\"config().info?.tooltipPosition || 'below'\">\n  {{ config().label }}\n  @if (config().icon) {<mat-icon>{{ config().icon}}</mat-icon>}\n</button>\n\n"],"names":["i2","i3","i4"],"mappings":"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"}
+{"version":3,"file":"tft-crispr-forms-index-K7Ecsl-N.mjs","sources":["../../../../libs/crispr-forms/src/lib/ui/button/button.component.ts","../../../../libs/crispr-forms/src/lib/ui/button/button.component.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input, OnInit } from '@angular/core';\nimport { ReactiveFormsModule, FormGroup } from '@angular/forms';\nimport { Observable } from 'rxjs';\nimport { map, startWith } from 'rxjs/operators';\nimport { CommonModule } from '@angular/common';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { FormValidationHandlerModule } from '@tft/form-validation-handler';\n// eslint-disable-next-line @nx/enforce-module-boundaries\nimport { CrisprFieldComponent, ButtonConfig } from '../../utils';\n\n@Component({\n    selector: 'crispr-button',\n    templateUrl: './button.component.html',\n    styleUrls: ['./button.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [\n        CommonModule,\n        MatButtonModule,\n        MatIconModule,\n        MatTooltipModule,\n        ReactiveFormsModule,\n        FormValidationHandlerModule,\n    ],\n    standalone: true\n})\nexport class ButtonComponent\n  extends CrisprFieldComponent<ButtonConfig>\n  implements OnInit\n{\n  defaultConfig: Partial<ButtonConfig> = {\n    buttonType: 'raised',\n    type: 'submit',\n  };\n  formValid$: Observable<boolean>;\n\n  group = input<FormGroup>(null);\n\n  get matButtonClass() {\n    return this.config().buttonType ? `mat-${this.config().buttonType}-button` : '';\n  }\n\n  ngOnInit() {\n    this.formValid$ = this.group().statusChanges.pipe(\n      map((status) => status === 'VALID'),\n      startWith(this.group().valid)\n    );\n  }\n\n  handleClick(group: FormGroup, event: MouseEvent) {\n    if (this.config().callback) {\n      this.config().callback(group, event);\n    }\n  }\n}\n","<button\n  [formGroup]=\"group()\"\n  mat-button\n  [ngClass]=\"matButtonClass\"\n  [color]=\"config().color\"\n  [disabled]=\"config().disabledOnInvalidForm && !(formValid$ | async)\"\n  [type]=\"config().type\"\n  (click)=\"handleClick(group(), $event)\"\n  [matTooltip]=\"config().info?.content\"\n  [matTooltipPosition]=\"config().info?.tooltipPosition || 'below'\">\n  {{ config().label }}\n  @if (config().icon) {<mat-icon>{{ config().icon}}</mat-icon>}\n</button>\n\n"],"names":["i2","i3","i4"],"mappings":"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"}

package/fesm2022/{tft-crispr-forms-index-ONJYgrpD.mjs → tft-crispr-forms-index-WIb0_UHp.mjs}

@@ -17,10 +17,10 @@ import * as i3 from '@angular/material/input';
 import { MatInputModule } from '@angular/material/input';
 import * as i1$1 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
-import { O as OptionComponent } from './tft-crispr-forms-index-C15TjsJT.mjs';
+import { O as OptionComponent } from './tft-crispr-forms-index-CLbh6FgL.mjs';
 import * as i2$2 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
-import { D as DEFAULT_EMPTY_OPTIONS_MESSAGE, A as AbstractAutocompleteComponent, b as buildFormGroupFromConfig, I as InfoComponent, F as FieldContainerComponent, c as CrisprFieldDirective } from './tft-crispr-forms-tft-crispr-forms-BrSGwBAn.mjs';
+import { D as DEFAULT_EMPTY_OPTIONS_MESSAGE, A as AbstractAutocompleteComponent, b as buildFormGroupFromConfig, I as InfoComponent, F as FieldContainerComponent, c as CrisprFieldDirective } from './tft-crispr-forms-tft-crispr-forms-C0bqWzUB.mjs';
 import * as i6 from '@tft/form-validation-handler';
 import { FormValidationHandlerModule } from '@tft/form-validation-handler';
 import * as i2$1 from '@angular/material/form-field';
@@ -180,4 +180,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
             }] } });
 
 export { AutocompleteChiplistFieldComponent };
-//# sourceMappingURL=tft-crispr-forms-index-ONJYgrpD.mjs.map
+//# sourceMappingURL=tft-crispr-forms-index-WIb0_UHp.mjs.map

package/fesm2022/{tft-crispr-forms-index-ONJYgrpD.mjs.map → tft-crispr-forms-index-WIb0_UHp.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"tft-crispr-forms-index-ONJYgrpD.mjs","sources":["../../../../libs/crispr-forms/src/lib/ui/autocomplete-chiplist-field/autocomplete-chiplist-field.component.ts","../../../../libs/crispr-forms/src/lib/ui/autocomplete-chiplist-field/autocomplete-chiplist-field.component.html"],"sourcesContent":["/* eslint-disable @nx/enforce-module-boundaries */\nimport {\n  Component,\n  OnInit,\n  ChangeDetectionStrategy,\n  ViewChild,\n  ElementRef,\n  signal,\n} from '@angular/core';\nimport { map, take, tap } from 'rxjs/operators';\nimport {\n  MatAutocompleteModule,\n  MatAutocompleteSelectedEvent,\n  MatAutocompleteTrigger,\n} from '@angular/material/autocomplete';\nimport { Observable, BehaviorSubject, combineLatest } from 'rxjs';\nimport { ENTER } from '@angular/cdk/keycodes';\nimport { FormGroup } from '@angular/forms';\nimport { ConnectionPositionPair, CdkConnectedOverlay, CdkOverlayOrigin } from '@angular/cdk/overlay';\n\nimport { MatChipInputEvent, MatChipsModule } from '@angular/material/chips';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { MatOptionModule } from '@angular/material/core';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatButtonModule } from '@angular/material/button';\nimport { OptionComponent } from '../option';\nimport { MatIconModule } from '@angular/material/icon';\nimport {\n  AutocompleteChiplistFieldConfig,\n  AbstractAutocompleteComponent,\n  DEFAULT_EMPTY_OPTIONS_MESSAGE,\n  SelectOption,\n  buildFormGroupFromConfig,\n} from '../../utils';\nimport { FieldContainerComponent } from '../field-container';\nimport { InfoComponent } from '../info';\nimport { FormValidationHandlerModule } from '@tft/form-validation-handler';\nimport { CrisprFieldDirective } from '../../field.directive';\n\nconst defaultConfig: Partial<AutocompleteChiplistFieldConfig> = {\n  chipsSelectable: true,\n  areChipsRemovable: true,\n  tabToSelect: true,\n  autoActiveFirstOption: true,\n  imageUrlParam: 'image',\n  typeDebounceTime: 500,\n  allowDuplicates: false,\n  duplicateCompareFunction: (chip, option) => chip.value === option.value,\n  separatorKeyCodes: [ENTER],\n  emptyOptionsMessage: DEFAULT_EMPTY_OPTIONS_MESSAGE,\n};\n\n/** Sentinel used to detect \"Create New\" selection — never matches a real SelectOption */\nconst CREATE_NEW_SENTINEL: unique symbol = Symbol('CREATE_NEW');\n\n@Component({\n    selector: 'crispr-autocomplete-chiplist-field',\n    templateUrl: './autocomplete-chiplist-field.component.html',\n    styleUrls: ['./autocomplete-chiplist-field.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [\n        CommonModule,\n        InfoComponent,\n        OptionComponent,\n        ReactiveFormsModule,\n        FieldContainerComponent,\n        MatAutocompleteModule,\n        MatInputModule,\n        MatOptionModule,\n        MatChipsModule,\n        MatIconModule,\n        MatButtonModule,\n        FormValidationHandlerModule,\n        CdkConnectedOverlay,\n        CdkOverlayOrigin,\n        CrisprFieldDirective,\n    ],\n    standalone: true\n})\nexport class AutocompleteChiplistFieldComponent\n  extends AbstractAutocompleteComponent<AutocompleteChiplistFieldConfig>\n  implements OnInit\n{\n  defaultConfig = defaultConfig;\n  chips$ = new BehaviorSubject<SelectOption[]>([]);\n  remainingOptions$: Observable<SelectOption[]>;\n  selectedChip: SelectOption = null;\n  controlValue$ = this.chips$.pipe(\n    tap((chips) => {\n      this.control().setValue(chips.map((chip) => chip.value));\n    })\n  );\n\n  // We need use ViewChild twice on the same template ref to access as different types\n  // - the MatAutocompleteTrigger is used to for selecting value on tab\n  // - the ElementRef<HTMLInputElement> is used to clear the value from input element on selection\n  @ViewChild('autoInput', { read: MatAutocompleteTrigger })\n  chipInput: MatAutocompleteTrigger;\n  @ViewChild('autoInput') chipInputRef: ElementRef<HTMLInputElement>;\n  @ViewChild(CdkOverlayOrigin) overlayOrigin: CdkOverlayOrigin;\n\n  readonly createNewSentinel = CREATE_NEW_SENTINEL;\n  showCreateForm = signal(false);\n  createFormGroup = new FormGroup({});\n\n  readonly createFormPositions: ConnectionPositionPair[] = [\n    { originX: 'start', originY: 'bottom', overlayX: 'start', overlayY: 'top' },\n    { originX: 'start', originY: 'top',    overlayX: 'start', overlayY: 'bottom' },\n  ];\n\n  get overlayWidth(): number {\n    return this.overlayOrigin?.elementRef.nativeElement.offsetWidth ?? 0;\n  }\n\n  ngOnInit() {\n    super.ngOnInit();\n    this.remainingOptions$ = combineLatest([this.chips$, this.options$]).pipe(\n      map(([chips, options]) => {\n        return this.config().allowDuplicates\n          ? options\n          : options?.filter((option) => {\n              const compare = this.config().duplicateCompareFunction\n                ?? ((chip: SelectOption, opt: SelectOption) => chip.value === opt.value);\n              return !chips.some((chip) => compare(chip, option));\n            });\n      })\n    );\n  }\n\n  setControlValue(value: SelectOption[]) {\n    if (value) {\n      this.chips$.next(value);\n    }\n  }\n\n  handleSelect(event: MatAutocompleteSelectedEvent) {\n    if ((event.option.value as unknown) === CREATE_NEW_SENTINEL) {\n      this.openCreateForm();\n      return;\n    }\n    const selectedOption: SelectOption = event.option.value as SelectOption;\n    this.chips$.next([...this.chips$.value, selectedOption]);\n    this.chipInputRef.nativeElement.value = '';\n    this.autocompleteInputControl.setValue('');\n    // setTimeout needed because the panel thinks it's still open at this point\n    setTimeout(() => this.chipInput.openPanel());\n  }\n\n  openCreateForm() {\n    this.createFormGroup = buildFormGroupFromConfig({ fields: this.config().createChip!.fields });\n    this.chipInputRef.nativeElement.value = '';\n    this.autocompleteInputControl.setValue('');\n    setTimeout(() => this.showCreateForm.set(true));\n  }\n\n  submitNewChip() {\n    this.config().createChip!.submitChip(this.createFormGroup)\n      .pipe(take(1))\n      .subscribe((newChip) => {\n        this.chips$.next([...this.chips$.value, newChip]);\n        this.showCreateForm.set(false);\n      });\n  }\n\n  closeCreateForm() {\n    this.showCreateForm.set(false);\n  }\n\n  /**\n   * To follow ARIA standards we want to select the active option on blur.\n   * matChipInputAddOnBlur should do this but it causes buggy behaviour\n   * @param event blur event that triggers the handle blur\n   */\n  handleTab(_event: FocusEvent) {\n    if (\n      this.chipInput.activeOption &&\n      (this.config().tabToSelect || this.config().addChipOnBlur)\n    ) {\n      const chip = this.chipInput.activeOption.value;\n      this.chips$.next([...this.chips$.value, chip]);\n    }\n  }\n\n  /**\n   * Handles selection via key tokens passed through separatorKeyCodes property\n   * NOTE: If TAB is used focus does not move on to next component\n   * @param event\n   */\n  handleTokenEnd(event: MatChipInputEvent) {\n    if (this.chipInput.activeOption) {\n      this.chipInput.activeOption.select();\n    }\n    event.chipInput?.clear();\n  }\n\n  mapToLabel(option: SelectOption) {\n    if (!option || (option as unknown) === CREATE_NEW_SENTINEL) return '';\n    return option.label ?? '';\n  }\n\n  removeChip(removedChip: SelectOption) {\n    const remainingChips: SelectOption[] = this.chips$.value.filter(\n      (chip) => chip !== removedChip\n    );\n    this.chips$.next(remainingChips);\n  }\n\n  highlightChip(chip: SelectOption) {\n    if(this.config().chipsSelectable) {\n      this.selectedChip = chip\n    }\n  }\n\n  blurField() {\n    this.selectedChip = null;\n  }\n}\n","<crispr-field-container [config]=\"config()\" [group]=\"group()\">\n\n  <mat-form-field cdkOverlayOrigin [attr.data-testid]=\"testId()\" [color]=\"config().color\" [appearance]=\"config().appearance\" [formGroup]=\"group()\">\n    @if (config().label) {<mat-label>{{config().label}}</mat-label>}\n\n    <mat-chip-grid #chipList>\n      <!-- [selectable]=\"config().chipsSelectable\" -->\n      @for (chip of controlValue$ | async; track chip; let i = $index) {\n      <mat-chip-row class=\"refinement-chip\" [removable]=\"config().areChipsRemovable\"\n        [highlighted]=\"chip?.value === selectedChip?.value\" (click)=\"highlightChip(chip)\" (removed)=\"removeChip(chip)\">\n        @if (chip.imageUrl) {<img [src]=\"chip.imageUrl\" matChipAvatar alt=\"image of {{chip.label}}\">}\n        {{chip.label}}\n        @if (config().areChipsRemovable) {<mat-icon matChipRemove>cancel</mat-icon>}\n      </mat-chip-row>\n      }\n      <input class=\"hidden-error-directive-anchor\" (blur)=\"blurField()\" [formControlName]=\"config().controlName\"\n        type=\"text\" />\n\n      <input matInput [formControl]=\"autocompleteInputControl\" [placeholder]=\"config().placeholder\"\n        [matChipInputFor]=\"chipList\" [matAutocomplete]=\"auto\" (keydown.tab)=\"handleTab($event)\"\n        [matChipInputSeparatorKeyCodes]=\"config().separatorKeyCodes\" (matChipInputTokenEnd)=\"handleTokenEnd($event)\"\n        role=\"searchbox\" type=\"text\" autocapitalize=\"off\" autocorrect=\"off\" spellcheck=\"false\" (blur)=\"blurField()\"\n        #autoInput />\n      @if (config().fieldSuffix) {<span matSuffix>{{config().fieldSuffix}}</span>}\n      @if (config().info) {<crispr-info matSuffix [info]=\"config().info \"></crispr-info>}\n\n    </mat-chip-grid>\n    <mat-autocomplete #auto=\"matAutocomplete\" [autoActiveFirstOption]=\"this.config().autoActiveFirstOption\"\n      (optionSelected)=\"handleSelect($event)\" [displayWith]=\"mapToLabel\">\n      @if (remainingOptions$ | async; as remainingOptions) {\n      @if (remainingOptions.length > 0) {\n      @for (option of remainingOptions$ | async; track option.value) {\n      <mat-option [value]=\"option\">\n        <crispr-option [option]=\"option\"></crispr-option>\n      </mat-option>\n      }\n      } @else {\n      <mat-option disabled=\"true\">\n        {{config().emptyOptionsMessage}}\n      </mat-option>\n      }\n      } @else {\n      <mat-option disabled=\"true\">\n        {{config().emptyOptionsMessage}}\n      </mat-option>\n      }\n      @if (config().createChip) {\n      <mat-option [value]=\"createNewSentinel\" class=\"create-new-option\">\n        {{ config().createChip?.createLabel ?? '+ Create New' }}\n      </mat-option>\n      }\n    </mat-autocomplete>\n\n    @if (config().hint && (control().valid || !control().touched)) {<mat-hint>{{config().hint}}</mat-hint>}\n\n  </mat-form-field>\n\n  <ng-template\n    cdkConnectedOverlay\n    [cdkConnectedOverlayOrigin]=\"overlayOrigin\"\n    [cdkConnectedOverlayOpen]=\"showCreateForm()\"\n    [cdkConnectedOverlayWidth]=\"overlayWidth\"\n    [cdkConnectedOverlayPositions]=\"createFormPositions\"\n    (overlayOutsideClick)=\"closeCreateForm()\">\n    <div class=\"create-chip-panel mat-elevation-z4\">\n      @for (field of config().createChip?.fields ?? []; track field) {\n      <ng-container crisprField [config]=\"field\" [group]=\"createFormGroup\"></ng-container>\n      }\n      <div class=\"create-chip-actions\">\n        <button mat-stroked-button type=\"button\" (click)=\"closeCreateForm()\">Cancel</button>\n        <button mat-raised-button color=\"primary\" type=\"button\" (click)=\"submitNewChip()\">\n          {{ config().createChip?.submitLabel ?? 'Add' }}\n        </button>\n      </div>\n    </div>\n  </ng-template>\n\n</crispr-field-container>\n"],"names":["i4","i6","i7","i8","i9"],"mappings":"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"}
+{"version":3,"file":"tft-crispr-forms-index-WIb0_UHp.mjs","sources":["../../../../libs/crispr-forms/src/lib/ui/autocomplete-chiplist-field/autocomplete-chiplist-field.component.ts","../../../../libs/crispr-forms/src/lib/ui/autocomplete-chiplist-field/autocomplete-chiplist-field.component.html"],"sourcesContent":["/* eslint-disable @nx/enforce-module-boundaries */\nimport {\n  Component,\n  OnInit,\n  ChangeDetectionStrategy,\n  ViewChild,\n  ElementRef,\n  signal,\n} from '@angular/core';\nimport { map, take, tap } from 'rxjs/operators';\nimport {\n  MatAutocompleteModule,\n  MatAutocompleteSelectedEvent,\n  MatAutocompleteTrigger,\n} from '@angular/material/autocomplete';\nimport { Observable, BehaviorSubject, combineLatest } from 'rxjs';\nimport { ENTER } from '@angular/cdk/keycodes';\nimport { FormGroup } from '@angular/forms';\nimport { ConnectionPositionPair, CdkConnectedOverlay, CdkOverlayOrigin } from '@angular/cdk/overlay';\n\nimport { MatChipInputEvent, MatChipsModule } from '@angular/material/chips';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { MatOptionModule } from '@angular/material/core';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatButtonModule } from '@angular/material/button';\nimport { OptionComponent } from '../option';\nimport { MatIconModule } from '@angular/material/icon';\nimport {\n  AutocompleteChiplistFieldConfig,\n  AbstractAutocompleteComponent,\n  DEFAULT_EMPTY_OPTIONS_MESSAGE,\n  SelectOption,\n  buildFormGroupFromConfig,\n} from '../../utils';\nimport { FieldContainerComponent } from '../field-container';\nimport { InfoComponent } from '../info';\nimport { FormValidationHandlerModule } from '@tft/form-validation-handler';\nimport { CrisprFieldDirective } from '../../field.directive';\n\nconst defaultConfig: Partial<AutocompleteChiplistFieldConfig> = {\n  chipsSelectable: true,\n  areChipsRemovable: true,\n  tabToSelect: true,\n  autoActiveFirstOption: true,\n  imageUrlParam: 'image',\n  typeDebounceTime: 500,\n  allowDuplicates: false,\n  duplicateCompareFunction: (chip, option) => chip.value === option.value,\n  separatorKeyCodes: [ENTER],\n  emptyOptionsMessage: DEFAULT_EMPTY_OPTIONS_MESSAGE,\n};\n\n/** Sentinel used to detect \"Create New\" selection — never matches a real SelectOption */\nconst CREATE_NEW_SENTINEL: unique symbol = Symbol('CREATE_NEW');\n\n@Component({\n    selector: 'crispr-autocomplete-chiplist-field',\n    templateUrl: './autocomplete-chiplist-field.component.html',\n    styleUrls: ['./autocomplete-chiplist-field.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [\n        CommonModule,\n        InfoComponent,\n        OptionComponent,\n        ReactiveFormsModule,\n        FieldContainerComponent,\n        MatAutocompleteModule,\n        MatInputModule,\n        MatOptionModule,\n        MatChipsModule,\n        MatIconModule,\n        MatButtonModule,\n        FormValidationHandlerModule,\n        CdkConnectedOverlay,\n        CdkOverlayOrigin,\n        CrisprFieldDirective,\n    ],\n    standalone: true\n})\nexport class AutocompleteChiplistFieldComponent\n  extends AbstractAutocompleteComponent<AutocompleteChiplistFieldConfig>\n  implements OnInit\n{\n  defaultConfig = defaultConfig;\n  chips$ = new BehaviorSubject<SelectOption[]>([]);\n  remainingOptions$: Observable<SelectOption[]>;\n  selectedChip: SelectOption = null;\n  controlValue$ = this.chips$.pipe(\n    tap((chips) => {\n      this.control().setValue(chips.map((chip) => chip.value));\n    })\n  );\n\n  // We need use ViewChild twice on the same template ref to access as different types\n  // - the MatAutocompleteTrigger is used to for selecting value on tab\n  // - the ElementRef<HTMLInputElement> is used to clear the value from input element on selection\n  @ViewChild('autoInput', { read: MatAutocompleteTrigger })\n  chipInput: MatAutocompleteTrigger;\n  @ViewChild('autoInput') chipInputRef: ElementRef<HTMLInputElement>;\n  @ViewChild(CdkOverlayOrigin) overlayOrigin: CdkOverlayOrigin;\n\n  readonly createNewSentinel = CREATE_NEW_SENTINEL;\n  showCreateForm = signal(false);\n  createFormGroup = new FormGroup({});\n\n  readonly createFormPositions: ConnectionPositionPair[] = [\n    { originX: 'start', originY: 'bottom', overlayX: 'start', overlayY: 'top' },\n    { originX: 'start', originY: 'top',    overlayX: 'start', overlayY: 'bottom' },\n  ];\n\n  get overlayWidth(): number {\n    return this.overlayOrigin?.elementRef.nativeElement.offsetWidth ?? 0;\n  }\n\n  ngOnInit() {\n    super.ngOnInit();\n    this.remainingOptions$ = combineLatest([this.chips$, this.options$]).pipe(\n      map(([chips, options]) => {\n        return this.config().allowDuplicates\n          ? options\n          : options?.filter((option) => {\n              const compare = this.config().duplicateCompareFunction\n                ?? ((chip: SelectOption, opt: SelectOption) => chip.value === opt.value);\n              return !chips.some((chip) => compare(chip, option));\n            });\n      })\n    );\n  }\n\n  setControlValue(value: SelectOption[]) {\n    if (value) {\n      this.chips$.next(value);\n    }\n  }\n\n  handleSelect(event: MatAutocompleteSelectedEvent) {\n    if ((event.option.value as unknown) === CREATE_NEW_SENTINEL) {\n      this.openCreateForm();\n      return;\n    }\n    const selectedOption: SelectOption = event.option.value as SelectOption;\n    this.chips$.next([...this.chips$.value, selectedOption]);\n    this.chipInputRef.nativeElement.value = '';\n    this.autocompleteInputControl.setValue('');\n    // setTimeout needed because the panel thinks it's still open at this point\n    setTimeout(() => this.chipInput.openPanel());\n  }\n\n  openCreateForm() {\n    this.createFormGroup = buildFormGroupFromConfig({ fields: this.config().createChip!.fields });\n    this.chipInputRef.nativeElement.value = '';\n    this.autocompleteInputControl.setValue('');\n    setTimeout(() => this.showCreateForm.set(true));\n  }\n\n  submitNewChip() {\n    this.config().createChip!.submitChip(this.createFormGroup)\n      .pipe(take(1))\n      .subscribe((newChip) => {\n        this.chips$.next([...this.chips$.value, newChip]);\n        this.showCreateForm.set(false);\n      });\n  }\n\n  closeCreateForm() {\n    this.showCreateForm.set(false);\n  }\n\n  /**\n   * To follow ARIA standards we want to select the active option on blur.\n   * matChipInputAddOnBlur should do this but it causes buggy behaviour\n   * @param event blur event that triggers the handle blur\n   */\n  handleTab(_event: FocusEvent) {\n    if (\n      this.chipInput.activeOption &&\n      (this.config().tabToSelect || this.config().addChipOnBlur)\n    ) {\n      const chip = this.chipInput.activeOption.value;\n      this.chips$.next([...this.chips$.value, chip]);\n    }\n  }\n\n  /**\n   * Handles selection via key tokens passed through separatorKeyCodes property\n   * NOTE: If TAB is used focus does not move on to next component\n   * @param event\n   */\n  handleTokenEnd(event: MatChipInputEvent) {\n    if (this.chipInput.activeOption) {\n      this.chipInput.activeOption.select();\n    }\n    event.chipInput?.clear();\n  }\n\n  mapToLabel(option: SelectOption) {\n    if (!option || (option as unknown) === CREATE_NEW_SENTINEL) return '';\n    return option.label ?? '';\n  }\n\n  removeChip(removedChip: SelectOption) {\n    const remainingChips: SelectOption[] = this.chips$.value.filter(\n      (chip) => chip !== removedChip\n    );\n    this.chips$.next(remainingChips);\n  }\n\n  highlightChip(chip: SelectOption) {\n    if(this.config().chipsSelectable) {\n      this.selectedChip = chip\n    }\n  }\n\n  blurField() {\n    this.selectedChip = null;\n  }\n}\n","<crispr-field-container [config]=\"config()\" [group]=\"group()\">\n\n  <mat-form-field cdkOverlayOrigin [attr.data-testid]=\"testId()\" [color]=\"config().color\" [appearance]=\"config().appearance\" [formGroup]=\"group()\">\n    @if (config().label) {<mat-label>{{config().label}}</mat-label>}\n\n    <mat-chip-grid #chipList>\n      <!-- [selectable]=\"config().chipsSelectable\" -->\n      @for (chip of controlValue$ | async; track chip; let i = $index) {\n      <mat-chip-row class=\"refinement-chip\" [removable]=\"config().areChipsRemovable\"\n        [highlighted]=\"chip?.value === selectedChip?.value\" (click)=\"highlightChip(chip)\" (removed)=\"removeChip(chip)\">\n        @if (chip.imageUrl) {<img [src]=\"chip.imageUrl\" matChipAvatar alt=\"image of {{chip.label}}\">}\n        {{chip.label}}\n        @if (config().areChipsRemovable) {<mat-icon matChipRemove>cancel</mat-icon>}\n      </mat-chip-row>\n      }\n      <input class=\"hidden-error-directive-anchor\" (blur)=\"blurField()\" [formControlName]=\"config().controlName\"\n        type=\"text\" />\n\n      <input matInput [formControl]=\"autocompleteInputControl\" [placeholder]=\"config().placeholder\"\n        [matChipInputFor]=\"chipList\" [matAutocomplete]=\"auto\" (keydown.tab)=\"handleTab($event)\"\n        [matChipInputSeparatorKeyCodes]=\"config().separatorKeyCodes\" (matChipInputTokenEnd)=\"handleTokenEnd($event)\"\n        role=\"searchbox\" type=\"text\" autocapitalize=\"off\" autocorrect=\"off\" spellcheck=\"false\" (blur)=\"blurField()\"\n        #autoInput />\n      @if (config().fieldSuffix) {<span matSuffix>{{config().fieldSuffix}}</span>}\n      @if (config().info) {<crispr-info matSuffix [info]=\"config().info \"></crispr-info>}\n\n    </mat-chip-grid>\n    <mat-autocomplete #auto=\"matAutocomplete\" [autoActiveFirstOption]=\"this.config().autoActiveFirstOption\"\n      (optionSelected)=\"handleSelect($event)\" [displayWith]=\"mapToLabel\">\n      @if (remainingOptions$ | async; as remainingOptions) {\n      @if (remainingOptions.length > 0) {\n      @for (option of remainingOptions$ | async; track option.value) {\n      <mat-option [value]=\"option\">\n        <crispr-option [option]=\"option\"></crispr-option>\n      </mat-option>\n      }\n      } @else {\n      <mat-option disabled=\"true\">\n        {{config().emptyOptionsMessage}}\n      </mat-option>\n      }\n      } @else {\n      <mat-option disabled=\"true\">\n        {{config().emptyOptionsMessage}}\n      </mat-option>\n      }\n      @if (config().createChip) {\n      <mat-option [value]=\"createNewSentinel\" class=\"create-new-option\">\n        {{ config().createChip?.createLabel ?? '+ Create New' }}\n      </mat-option>\n      }\n    </mat-autocomplete>\n\n    @if (config().hint && (control().valid || !control().touched)) {<mat-hint>{{config().hint}}</mat-hint>}\n\n  </mat-form-field>\n\n  <ng-template\n    cdkConnectedOverlay\n    [cdkConnectedOverlayOrigin]=\"overlayOrigin\"\n    [cdkConnectedOverlayOpen]=\"showCreateForm()\"\n    [cdkConnectedOverlayWidth]=\"overlayWidth\"\n    [cdkConnectedOverlayPositions]=\"createFormPositions\"\n    (overlayOutsideClick)=\"closeCreateForm()\">\n    <div class=\"create-chip-panel mat-elevation-z4\">\n      @for (field of config().createChip?.fields ?? []; track field) {\n      <ng-container crisprField [config]=\"field\" [group]=\"createFormGroup\"></ng-container>\n      }\n      <div class=\"create-chip-actions\">\n        <button mat-stroked-button type=\"button\" (click)=\"closeCreateForm()\">Cancel</button>\n        <button mat-raised-button color=\"primary\" type=\"button\" (click)=\"submitNewChip()\">\n          {{ config().createChip?.submitLabel ?? 'Add' }}\n        </button>\n      </div>\n    </div>\n  </ng-template>\n\n</crispr-field-container>\n"],"names":["i4","i6","i7","i8","i9"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAwCA,MAAM,aAAa,GAA6C;AAC9D,IAAA,eAAe,EAAE,IAAI;AACrB,IAAA,iBAAiB,EAAE,IAAI;AACvB,IAAA,WAAW,EAAE,IAAI;AACjB,IAAA,qBAAqB,EAAE,IAAI;AAC3B,IAAA,aAAa,EAAE,OAAO;AACtB,IAAA,gBAAgB,EAAE,GAAG;AACrB,IAAA,eAAe,EAAE,KAAK;AACtB,IAAA,wBAAwB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK;IACvE,iBAAiB,EAAE,CAAC,KAAK,CAAC;AAC1B,IAAA,mBAAmB,EAAE,6BAA6B;CACnD;AAED;AACA,MAAM,mBAAmB,GAAkB,MAAM,CAAC,YAAY,CAAC;AA0BzD,MAAO,kCACX,SAAQ,6BAA8D,CAAA;AAzBxE,IAAA,WAAA,GAAA;;QA4BE,IAAA,CAAA,aAAa,GAAG,aAAa;AAC7B,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,eAAe,CAAiB,EAAE,CAAC;QAEhD,IAAA,CAAA,YAAY,GAAiB,IAAI;AACjC,QAAA,IAAA,CAAA,aAAa,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAC9B,GAAG,CAAC,CAAC,KAAK,KAAI;YACZ,IAAI,CAAC,OAAO,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,KAAK,CAAC,CAAC;QAC1D,CAAC,CAAC,CACH;QAUQ,IAAA,CAAA,iBAAiB,GAAG,mBAAmB;AAChD,QAAA,IAAA,CAAA,cAAc,GAAG,MAAM,CAAC,KAAK,0DAAC;AAC9B,QAAA,IAAA,CAAA,eAAe,GAAG,IAAI,SAAS,CAAC,EAAE,CAAC;AAE1B,QAAA,IAAA,CAAA,mBAAmB,GAA6B;AACvD,YAAA,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE;AAC3E,YAAA,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAK,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE;SAC/E;AA4GF,IAAA;AA1GC,IAAA,IAAI,YAAY,GAAA;QACd,OAAO,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC,aAAa,CAAC,WAAW,IAAI,CAAC;IACtE;IAEA,QAAQ,GAAA;QACN,KAAK,CAAC,QAAQ,EAAE;QAChB,IAAI,CAAC,iBAAiB,GAAG,aAAa,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CACvE,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,OAAO,CAAC,KAAI;AACvB,YAAA,OAAO,IAAI,CAAC,MAAM,EAAE,CAAC;AACnB,kBAAE;kBACA,OAAO,EAAE,MAAM,CAAC,CAAC,MAAM,KAAI;AACzB,oBAAA,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;AACzB,4BAAC,CAAC,IAAkB,EAAE,GAAiB,KAAK,IAAI,CAAC,KAAK,KAAK,GAAG,CAAC,KAAK,CAAC;AAC1E,oBAAA,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AACrD,gBAAA,CAAC,CAAC;QACR,CAAC,CAAC,CACH;IACH;AAEA,IAAA,eAAe,CAAC,KAAqB,EAAA;QACnC,IAAI,KAAK,EAAE;AACT,YAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;QACzB;IACF;AAEA,IAAA,YAAY,CAAC,KAAmC,EAAA;QAC9C,IAAK,KAAK,CAAC,MAAM,CAAC,KAAiB,KAAK,mBAAmB,EAAE;YAC3D,IAAI,CAAC,cAAc,EAAE;YACrB;QACF;AACA,QAAA,MAAM,cAAc,GAAiB,KAAK,CAAC,MAAM,CAAC,KAAqB;AACvE,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC;QACxD,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,KAAK,GAAG,EAAE;AAC1C,QAAA,IAAI,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,CAAC;;QAE1C,UAAU,CAAC,MAAM,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,CAAC;IAC9C;IAEA,cAAc,GAAA;AACZ,QAAA,IAAI,CAAC,eAAe,GAAG,wBAAwB,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,UAAW,CAAC,MAAM,EAAE,CAAC;QAC7F,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,KAAK,GAAG,EAAE;AAC1C,QAAA,IAAI,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,CAAC;AAC1C,QAAA,UAAU,CAAC,MAAM,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IACjD;IAEA,aAAa,GAAA;QACX,IAAI,CAAC,MAAM,EAAE,CAAC,UAAW,CAAC,UAAU,CAAC,IAAI,CAAC,eAAe;AACtD,aAAA,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;AACZ,aAAA,SAAS,CAAC,CAAC,OAAO,KAAI;AACrB,YAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;AACjD,YAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,KAAK,CAAC;AAChC,QAAA,CAAC,CAAC;IACN;IAEA,eAAe,GAAA;AACb,QAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,KAAK,CAAC;IAChC;AAEA;;;;AAIG;AACH,IAAA,SAAS,CAAC,MAAkB,EAAA;AAC1B,QAAA,IACE,IAAI,CAAC,SAAS,CAAC,YAAY;AAC3B,aAAC,IAAI,CAAC,MAAM,EAAE,CAAC,WAAW,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC,aAAa,CAAC,EAC1D;YACA,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,KAAK;AAC9C,YAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;QAChD;IACF;AAEA;;;;AAIG;AACH,IAAA,cAAc,CAAC,KAAwB,EAAA;AACrC,QAAA,IAAI,IAAI,CAAC,SAAS,CAAC,YAAY,EAAE;AAC/B,YAAA,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,MAAM,EAAE;QACtC;AACA,QAAA,KAAK,CAAC,SAAS,EAAE,KAAK,EAAE;IAC1B;AAEA,IAAA,UAAU,CAAC,MAAoB,EAAA;AAC7B,QAAA,IAAI,CAAC,MAAM,IAAK,MAAkB,KAAK,mBAAmB;AAAE,YAAA,OAAO,EAAE;AACrE,QAAA,OAAO,MAAM,CAAC,KAAK,IAAI,EAAE;IAC3B;AAEA,IAAA,UAAU,CAAC,WAAyB,EAAA;AAClC,QAAA,MAAM,cAAc,GAAmB,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAC7D,CAAC,IAAI,KAAK,IAAI,KAAK,WAAW,CAC/B;AACD,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC;IAClC;AAEA,IAAA,aAAa,CAAC,IAAkB,EAAA;AAC9B,QAAA,IAAG,IAAI,CAAC,MAAM,EAAE,CAAC,eAAe,EAAE;AAChC,YAAA,IAAI,CAAC,YAAY,GAAG,IAAI;QAC1B;IACF;IAEA,SAAS,GAAA;AACP,QAAA,IAAI,CAAC,YAAY,GAAG,IAAI;IAC1B;8GAxIW,kCAAkC,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlC,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kCAAkC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oCAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,WAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,WAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,IAAA,EAiBb,sBAAsB,EAAA,EAAA,EAAA,YAAA,EAAA,cAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,WAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,eAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAG3C,gBAAgB,uECpG7B,kuHA8EA,EAAA,MAAA,EAAA,CAAA,0oBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDhBQ,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACZ,aAAa,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACb,eAAe,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACf,mBAAmB,miCACnB,uBAAuB,EAAA,QAAA,EAAA,wBAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,OAAA,EAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACvB,qBAAqB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,uBAAA,EAAA,wBAAA,EAAA,kBAAA,EAAA,YAAA,EAAA,eAAA,EAAA,OAAA,EAAA,8BAAA,CAAA,EAAA,OAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,QAAA,EAAA,iBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,IAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,mDAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,EAAA,yBAAA,EAAA,4BAAA,EAAA,cAAA,EAAA,yBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,wBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACrB,cAAc,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,yHAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,IAAA,EAAA,aAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,mBAAA,EAAA,kBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,qBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,YAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,oBAAA,EAAA,OAAA,EAAA,YAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,WAAA,CAAA,EAAA,QAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,QAAA,EAAA,QAAA,EAAA,WAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,IAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,SAAA,EAAA,QAAA,EAAA,+CAAA,EAAA,MAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACd,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACf,cAAc,w3BACd,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,IAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACb,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,IAAA,CAAA,SAAA,EAAA,QAAA,EAAA,iOAAA,EAAA,MAAA,EAAA,CAAA,WAAA,CAAA,EAAA,QAAA,EAAA,CAAA,WAAA,EAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACf,2BAA2B,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,kCAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,8BAAA,EAAA,QAAA,EAAA,sCAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAC3B,mBAAmB,EAAA,QAAA,EAAA,qEAAA,EAAA,MAAA,EAAA,CAAA,2BAAA,EAAA,8BAAA,EAAA,qCAAA,EAAA,4BAAA,EAAA,4BAAA,EAAA,0BAAA,EAAA,2BAAA,EAAA,6BAAA,EAAA,8BAAA,EAAA,kCAAA,EAAA,+BAAA,EAAA,mCAAA,EAAA,mCAAA,EAAA,yBAAA,EAAA,iCAAA,EAAA,sCAAA,EAAA,gCAAA,EAAA,iCAAA,EAAA,uCAAA,EAAA,kCAAA,EAAA,yBAAA,EAAA,wCAAA,EAAA,+BAAA,EAAA,+BAAA,EAAA,qBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,qBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACnB,gBAAgB,uIAChB,oBAAoB,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,OAAA,EAAA,cAAA,EAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAAC,IAAA,CAAA,SAAA,EAAA,IAAA,EAAA,OAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,mBAAA,EAAA,IAAA,EAAA,CAAA,CAAA;;2FAIf,kCAAkC,EAAA,UAAA,EAAA,CAAA;kBAxB9C,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,oCAAoC,EAAA,eAAA,EAG7B,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC;wBACL,YAAY;wBACZ,aAAa;wBACb,eAAe;wBACf,mBAAmB;wBACnB,uBAAuB;wBACvB,qBAAqB;wBACrB,cAAc;wBACd,eAAe;wBACf,cAAc;wBACd,aAAa;wBACb,eAAe;wBACf,2BAA2B;wBAC3B,mBAAmB;wBACnB,gBAAgB;wBAChB,oBAAoB;AACvB,qBAAA,EAAA,UAAA,EACW,IAAI,EAAA,QAAA,EAAA,kuHAAA,EAAA,MAAA,EAAA,CAAA,0oBAAA,CAAA,EAAA;;sBAmBjB,SAAS;AAAC,gBAAA,IAAA,EAAA,CAAA,WAAW,EAAE,EAAE,IAAI,EAAE,sBAAsB,EAAE;;sBAEvD,SAAS;uBAAC,WAAW;;sBACrB,SAAS;uBAAC,gBAAgB;;;;;"}

package/fesm2022/{tft-crispr-forms-index-BdNKriHW.mjs → tft-crispr-forms-index-z95NpwT_.mjs}

@@ -4,7 +4,7 @@ import * as i2 from '@angular/material/slider';
 import { MatSliderModule } from '@angular/material/slider';
 import * as i1 from '@angular/forms';
 import { ReactiveFormsModule } from '@angular/forms';
-import { a as CrisprControlComponent, I as InfoComponent, F as FieldContainerComponent } from './tft-crispr-forms-tft-crispr-forms-BrSGwBAn.mjs';
+import { a as CrisprControlComponent, I as InfoComponent, F as FieldContainerComponent } from './tft-crispr-forms-tft-crispr-forms-C0bqWzUB.mjs';
 
 /* eslint-disable @nx/enforce-module-boundaries */
 const defaultConfig = {
@@ -33,4 +33,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
         }], ctorParameters: () => [] });
 
 export { SliderFieldComponent };
-//# sourceMappingURL=tft-crispr-forms-index-BdNKriHW.mjs.map
+//# sourceMappingURL=tft-crispr-forms-index-z95NpwT_.mjs.map

package/fesm2022/{tft-crispr-forms-index-BdNKriHW.mjs.map → tft-crispr-forms-index-z95NpwT_.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"tft-crispr-forms-index-BdNKriHW.mjs","sources":["../../../../libs/crispr-forms/src/lib/ui/slider-field/slider-field.component.ts","../../../../libs/crispr-forms/src/lib/ui/slider-field/slider-field.component.html"],"sourcesContent":["/* eslint-disable @nx/enforce-module-boundaries */\nimport { Component, OnInit, ChangeDetectionStrategy } from '@angular/core';\nimport { MatSliderModule } from '@angular/material/slider';\n\nimport { ReactiveFormsModule } from '@angular/forms';\n// import { FormValidationHandlerModule } from '@tft/form-validation-handler';\nimport { FieldContainerComponent } from '../field-container';\nimport { InfoComponent } from '../info';\nimport {\n  SliderFieldConfig\n} from '../../utils';\nimport { CrisprControlComponent } from '../../utils/abstracts/crispr-control.abstract';\n\nconst defaultConfig: Partial<SliderFieldConfig> = { \n  displayLimits: true,\n  displayWith: (val) => val,\n};\n\n\n@Component({\n    selector: 'crispr-slider-field',\n    templateUrl: './slider-field.component.html',\n    styleUrls: ['./slider-field.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [\n      InfoComponent,\n      FieldContainerComponent,\n      ReactiveFormsModule,\n      MatSliderModule\n    ]\n})\nexport class SliderFieldComponent extends CrisprControlComponent<SliderFieldConfig> implements OnInit {\n  defaultConfig = defaultConfig;\n  constructor() {\n    super();\n  }\n\n  ngOnInit() {\n    super.ngOnInit();\n  }\n}\n","<crispr-field-container [config]=\"config()\" [group]=\"group()\">\n  @if (config().label) {\n  <label>\n    {{config().label}}\n    @if (config().info) {\n    <crispr-info [info]=\"config().info\">\n    </crispr-info>\n    }\n  </label>\n  }\n  <div class=\"slider-container\">\n    @if (config().displayLimits) {\n    <span>\n      {{config().min}}\n    </span>\n    }\n    <mat-slider [attr.data-testid]=\"testId()\" [discrete]=\"config().discrete\"\n      [displayWith]=\"config().displayWith\" class=\"example-margin\" [formGroup]=\"group()\" [max]=\"config().max\"\n      [min]=\"config().min\" [step]=\"config().step\">\n      <input matSliderThumb [formControlName]=\"config().controlName\">\n    </mat-slider>\n    @if (config().displayLimits) {\n    <span>\n      {{config().max}}\n    </span>\n    }\n  </div>\n\n</crispr-field-container>"],"names":[],"mappings":"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"}
+{"version":3,"file":"tft-crispr-forms-index-z95NpwT_.mjs","sources":["../../../../libs/crispr-forms/src/lib/ui/slider-field/slider-field.component.ts","../../../../libs/crispr-forms/src/lib/ui/slider-field/slider-field.component.html"],"sourcesContent":["/* eslint-disable @nx/enforce-module-boundaries */\nimport { Component, OnInit, ChangeDetectionStrategy } from '@angular/core';\nimport { MatSliderModule } from '@angular/material/slider';\n\nimport { ReactiveFormsModule } from '@angular/forms';\n// import { FormValidationHandlerModule } from '@tft/form-validation-handler';\nimport { FieldContainerComponent } from '../field-container';\nimport { InfoComponent } from '../info';\nimport {\n  SliderFieldConfig\n} from '../../utils';\nimport { CrisprControlComponent } from '../../utils/abstracts/crispr-control.abstract';\n\nconst defaultConfig: Partial<SliderFieldConfig> = { \n  displayLimits: true,\n  displayWith: (val) => val,\n};\n\n\n@Component({\n    selector: 'crispr-slider-field',\n    templateUrl: './slider-field.component.html',\n    styleUrls: ['./slider-field.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [\n      InfoComponent,\n      FieldContainerComponent,\n      ReactiveFormsModule,\n      MatSliderModule\n    ]\n})\nexport class SliderFieldComponent extends CrisprControlComponent<SliderFieldConfig> implements OnInit {\n  defaultConfig = defaultConfig;\n  constructor() {\n    super();\n  }\n\n  ngOnInit() {\n    super.ngOnInit();\n  }\n}\n","<crispr-field-container [config]=\"config()\" [group]=\"group()\">\n  @if (config().label) {\n  <label>\n    {{config().label}}\n    @if (config().info) {\n    <crispr-info [info]=\"config().info\">\n    </crispr-info>\n    }\n  </label>\n  }\n  <div class=\"slider-container\">\n    @if (config().displayLimits) {\n    <span>\n      {{config().min}}\n    </span>\n    }\n    <mat-slider [attr.data-testid]=\"testId()\" [discrete]=\"config().discrete\"\n      [displayWith]=\"config().displayWith\" class=\"example-margin\" [formGroup]=\"group()\" [max]=\"config().max\"\n      [min]=\"config().min\" [step]=\"config().step\">\n      <input matSliderThumb [formControlName]=\"config().controlName\">\n    </mat-slider>\n    @if (config().displayLimits) {\n    <span>\n      {{config().max}}\n    </span>\n    }\n  </div>\n\n</crispr-field-container>"],"names":[],"mappings":"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"}

package/fesm2022/{tft-crispr-forms-tft-crispr-forms-BrSGwBAn.mjs → tft-crispr-forms-tft-crispr-forms-C0bqWzUB.mjs}

@@ -317,22 +317,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
 const FIELD_COMPONENTS = {
     groupList: () => Promise.resolve().then(function () { return index$1; }).then(({ FormGroupListComponent }) => FormGroupListComponent),
     subGroup: () => Promise.resolve().then(function () { return index; }).then(({ SubGroupComponent }) => SubGroupComponent),
-    button: () => import('./tft-crispr-forms-index-Czv_HA0x.mjs').then(({ ButtonComponent }) => ButtonComponent),
-    input: () => import('./tft-crispr-forms-index-DZYCGZkG.mjs').then(({ InputFieldComponent }) => InputFieldComponent),
-    select: () => import('./tft-crispr-forms-index-Dms6QVKA.mjs').then(({ SelectFieldComponent }) => SelectFieldComponent),
-    radio: () => import('./tft-crispr-forms-index-D2YE2IdN.mjs').then(({ RadioFieldComponent }) => RadioFieldComponent),
-    autocomplete: () => import('./tft-crispr-forms-index-Dz1mWbdv.mjs').then(({ AutocompleteFieldComponent }) => AutocompleteFieldComponent),
-    autocompleteChiplist: () => import('./tft-crispr-forms-index-ONJYgrpD.mjs').then(({ AutocompleteChiplistFieldComponent }) => AutocompleteChiplistFieldComponent),
-    map: () => import('./tft-crispr-forms-index-i225FuCr.mjs').then(({ MapFieldComponent }) => MapFieldComponent),
-    textarea: () => import('./tft-crispr-forms-index-B0h14PxP.mjs').then(({ TextareaFieldComponent }) => TextareaFieldComponent),
-    checkbox: () => import('./tft-crispr-forms-index-KtqCwH49.mjs').then(({ CheckboxFieldComponent }) => CheckboxFieldComponent),
-    slider: () => import('./tft-crispr-forms-index-BdNKriHW.mjs').then(({ SliderFieldComponent }) => SliderFieldComponent),
-    datepicker: () => import('./tft-crispr-forms-index-BgviF2xR.mjs').then(({ DatepickerFieldComponent }) => DatepickerFieldComponent),
+    button: () => import('./tft-crispr-forms-index-K7Ecsl-N.mjs').then(({ ButtonComponent }) => ButtonComponent),
+    input: () => import('./tft-crispr-forms-index-D9XpYXkk.mjs').then(({ InputFieldComponent }) => InputFieldComponent),
+    select: () => import('./tft-crispr-forms-index-DDmbulkK.mjs').then(({ SelectFieldComponent }) => SelectFieldComponent),
+    radio: () => import('./tft-crispr-forms-index-CTtb80yI.mjs').then(({ RadioFieldComponent }) => RadioFieldComponent),
+    autocomplete: () => import('./tft-crispr-forms-index-DWW8uD4i.mjs').then(({ AutocompleteFieldComponent }) => AutocompleteFieldComponent),
+    autocompleteChiplist: () => import('./tft-crispr-forms-index-WIb0_UHp.mjs').then(({ AutocompleteChiplistFieldComponent }) => AutocompleteChiplistFieldComponent),
+    map: () => import('./tft-crispr-forms-index-CcgQXC4a.mjs').then(({ MapFieldComponent }) => MapFieldComponent),
+    textarea: () => import('./tft-crispr-forms-index-D-ZwydH8.mjs').then(({ TextareaFieldComponent }) => TextareaFieldComponent),
+    checkbox: () => import('./tft-crispr-forms-index-BD0TGTEL.mjs').then(({ CheckboxFieldComponent }) => CheckboxFieldComponent),
+    slider: () => import('./tft-crispr-forms-index-z95NpwT_.mjs').then(({ SliderFieldComponent }) => SliderFieldComponent),
+    datepicker: () => import('./tft-crispr-forms-index-BOV5FHpK.mjs').then(({ DatepickerFieldComponent }) => DatepickerFieldComponent),
     fileUpload: () => Promise.resolve().then(function () { return index$3; }).then(({ FileUploadFieldComponent }) => FileUploadFieldComponent),
-    imageUpload: () => import('./tft-crispr-forms-index-gGHS-BOv.mjs').then(({ ImageUploadFieldComponent }) => ImageUploadFieldComponent),
+    imageUpload: () => import('./tft-crispr-forms-index-IyuNneu2.mjs').then(({ ImageUploadFieldComponent }) => ImageUploadFieldComponent),
     heading: () => Promise.resolve().then(function () { return index$2; }).then(({ HeadingComponent }) => HeadingComponent),
-    divider: () => import('./tft-crispr-forms-index-SWiIfKnF.mjs').then(({ DividerComponent }) => DividerComponent),
-    unitConversion: () => import('./tft-crispr-forms-index-Bac4RFM-.mjs').then(({ UnitConversionFieldComponent }) => UnitConversionFieldComponent),
+    divider: () => import('./tft-crispr-forms-index-BDIWv-PS.mjs').then(({ DividerComponent }) => DividerComponent),
+    unitConversion: () => import('./tft-crispr-forms-index-BuSXb4-S.mjs').then(({ UnitConversionFieldComponent }) => UnitConversionFieldComponent),
 };
 function isControlComponent(component) {
     return component && isControlConfig(component.config()) && 'value' in component;
@@ -557,10 +557,13 @@ class FieldContainerComponent {
         this.group = input.required(...(ngDevMode ? [{ debugName: "group" }] : []));
         // boolean whether field-container is inline
         this.inlineField = input(false, ...(ngDevMode ? [{ debugName: "inlineField" }] : []));
+        this.isDisabled = signal(false, ...(ngDevMode ? [{ debugName: "isDisabled" }] : []));
+        this.isHidden = computed(() => this.isDisabled() && !!this.config().hideDisabled, ...(ngDevMode ? [{ debugName: "isHidden" }] : []));
         this.subs = [];
     }
     ngOnInit() {
         this.disabled$ = this.connectDisabledCallback(this.group(), this.config());
+        this.subs.push(this.disabled$.subscribe(disabled => this.isDisabled.set(disabled)));
         // we tried moving this into afterViewChecked and afterContentChecked lifecycle hooks without any luck
         if (this.config().computeValue) {
             this.subs.push(this.config()
@@ -593,11 +596,13 @@ class FieldContainerComponent {
             : of(false);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: FieldContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: FieldContainerComponent, isStandalone: true, selector: "crispr-field-container", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, group: { classPropertyName: "group", publicName: "group", isSignal: true, isRequired: true, transformFunction: null }, inlineField: { classPropertyName: "inlineField", publicName: "inlineField", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if ((disabled$ | async) ? !config().hideDisabled : true) {\n  <div\n    [ngClass]=\"config().classes\"\n    [class.inline-field]=\"inlineField()\"\n    class=\"field-container\">\n    @if (config().heading) {\n      <crispr-heading\n        [config]=\"config().heading\">\n      </crispr-heading>\n    }\n    <ng-content>\n    </ng-content>\n  </div>\n}\n", styles: ["::ng-deep mat-form-field.mat-mdc-form-field{display:block;padding:.25em 0}.inline-field{display:inline-block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: HeadingComponent, selector: "crispr-heading" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, preserveWhitespaces: true }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: FieldContainerComponent, isStandalone: true, selector: "crispr-field-container", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, group: { classPropertyName: "group", publicName: "group", isSignal: true, isRequired: true, transformFunction: null }, inlineField: { classPropertyName: "inlineField", publicName: "inlineField", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.display": "isHidden() ? \"none\" : \"\"" } }, ngImport: i0, template: "@if (!isHidden()) {\n  <div\n    [ngClass]=\"config().classes\"\n    [class.inline-field]=\"inlineField()\"\n    class=\"field-container\">\n    @if (config().heading) {\n      <crispr-heading\n        [config]=\"config().heading\">\n      </crispr-heading>\n    }\n    <ng-content>\n    </ng-content>\n  </div>\n}\n", styles: ["::ng-deep mat-form-field.mat-mdc-form-field{display:block;padding:.25em 0}.inline-field{display:inline-block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: HeadingComponent, selector: "crispr-heading" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, preserveWhitespaces: true }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: FieldContainerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'crispr-field-container', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, HeadingComponent], template: "@if ((disabled$ | async) ? !config().hideDisabled : true) {\n  <div\n    [ngClass]=\"config().classes\"\n    [class.inline-field]=\"inlineField()\"\n    class=\"field-container\">\n    @if (config().heading) {\n      <crispr-heading\n        [config]=\"config().heading\">\n      </crispr-heading>\n    }\n    <ng-content>\n    </ng-content>\n  </div>\n}\n", styles: ["::ng-deep mat-form-field.mat-mdc-form-field{display:block;padding:.25em 0}.inline-field{display:inline-block}\n"] }]
+            args: [{ selector: 'crispr-field-container', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, HeadingComponent], host: {
+                        '[style.display]': 'isHidden() ? "none" : ""',
+                    }, template: "@if (!isHidden()) {\n  <div\n    [ngClass]=\"config().classes\"\n    [class.inline-field]=\"inlineField()\"\n    class=\"field-container\">\n    @if (config().heading) {\n      <crispr-heading\n        [config]=\"config().heading\">\n      </crispr-heading>\n    }\n    <ng-content>\n    </ng-content>\n  </div>\n}\n", styles: ["::ng-deep mat-form-field.mat-mdc-form-field{display:block;padding:.25em 0}.inline-field{display:inline-block}\n"] }]
         }], propDecorators: { config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: true }] }], group: [{ type: i0.Input, args: [{ isSignal: true, alias: "group", required: true }] }], inlineField: [{ type: i0.Input, args: [{ isSignal: true, alias: "inlineField", required: false }] }] } });
 
 class SelectedFileComponent {
@@ -918,4 +923,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
  */
 
 export { AbstractAutocompleteComponent as A, CrisprFieldComponent as C, DEFAULT_EMPTY_OPTIONS_MESSAGE as D, FieldContainerComponent as F, HeadingComponent as H, InfoComponent as I, SelectedFileComponent as S, CrisprControlComponent as a, buildFormGroupFromConfig as b, CrisprFieldDirective as c, ControlType as d, convertBytesToMb as e, FileDropzoneDirective as f, CrisprDisplayFieldComponent as g, CrisprFormComponent as h, CrisprFormsModule as i, FileUploadFieldComponent as j, allowedFileExtValidator as k, allowedFileType as l, callOptionsIfFunction as m, createControlForType as n, observablifyOptions as o, filterOptionsByLabel as p, isControlConfig as q, maxFileSizeValidator as r, valueIn as v };
-//# sourceMappingURL=tft-crispr-forms-tft-crispr-forms-BrSGwBAn.mjs.map
+//# sourceMappingURL=tft-crispr-forms-tft-crispr-forms-C0bqWzUB.mjs.map