ngx-t-forms 2.0.29 → 2.0.31

package/fesm2022/ngx-t-forms-image-capture-input-element.component-C1g7Z0cK.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-t-forms-image-capture-input-element.component-C1g7Z0cK.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-form-input/elements/file-upload-input-element/core/file-uploader/camera-functions.ts","../../../projects/ngx-t-forms/src/lib/components/t-form-input/elements/image-capture-input-element/core/camera-capture/camera-capture.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-form-input/elements/image-capture-input-element/core/camera-capture/camera-capture.component.html","../../../projects/ngx-t-forms/src/lib/components/t-form-input/elements/image-capture-input-element/image-capture-input-element.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-form-input/elements/image-capture-input-element/image-capture-input-element.component.html"],"sourcesContent":["// Image capture\r\n\r\nimport { AbstractControl, ValidationErrors } from \"@angular/forms\";\r\nimport { FileUploadInputValueInterface } from \"ngx-t-forms-types\";\r\n\r\n\r\nexport async function setupDevices(\r\n  cameraCallback: (stream: MediaStream) => void\r\n): Promise<MediaStream | string | unknown | undefined> {\r\n  // SSR guard (Trap 14): free helper has no DI context. Returning `undefined`\r\n  // matches the existing \"no media device\" branch — caller contract preserved.\r\n  if (typeof navigator === 'undefined') return undefined;\r\n\r\n  if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {\r\n    try {\r\n      const stream = await navigator.mediaDevices.getUserMedia({\r\n        video: true,\r\n      });\r\n      if (stream) {\r\n        cameraCallback(stream);\r\n        return stream;\r\n      } else {\r\n        return 'You have no output video device';\r\n      }\r\n    } catch (e) {\r\n      return e;\r\n    }\r\n  }\r\n  return undefined;\r\n}\r\n\r\n\r\nexport function fileUploaderValidator(control: AbstractControl): ValidationErrors | null {\r\n  // Implement your validation logic here\r\n  const file: FileUploadInputValueInterface= control.value;\r\n\r\n  // Example validation: Check if file is provided\r\n  if (!file || !file.base64) {\r\n    return { requiredFile: 'You must upload a file.' };\r\n  }\r\n\r\n  // Add more validation logic as needed\r\n  // ...\r\n\r\n  return null; // Return null if no validation errors\r\n}","import {\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  ElementRef,\r\n  PLATFORM_ID,\r\n  inject,\r\n  input,\r\n  viewChild,\r\n} from '@angular/core';\r\nimport { NgControl } from '@angular/forms';\r\nimport { isPlatformBrowser } from '@angular/common';\r\nimport { MatFormFieldControl } from '@angular/material/form-field';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatToolbarModule } from '@angular/material/toolbar';\r\nimport { MatButtonModule } from '@angular/material/button';\r\n\r\nimport { FileUploadInputValueInterface, IFileUploadInput, ITowerStepColumn } from 'ngx-t-forms-types';\r\n\r\nimport { setupDevices } from '../../../file-upload-input-element/core/file-uploader/camera-functions';\r\nimport { BaseCustomInput, BaseCustomInputConfig } from '../../../../../../services/core/t-input-controller/functions/baseCustomInput';\r\n\r\nconst customInputConfig: BaseCustomInputConfig = {\r\n  controlType: 'app-camera-capture',\r\n  nextId: 0,\r\n};\r\n\r\n@Component({\r\n  selector: 'lib-camera-capture',\r\n  templateUrl: './camera-capture.component.html',\r\n  styleUrls: ['./camera-capture.component.scss'],\r\n  imports: [MatIconModule, MatToolbarModule, MatButtonModule],\r\n  providers: [{ provide: MatFormFieldControl, useExisting: CameraCaptureComponent }],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class CameraCaptureComponent extends BaseCustomInput<FileUploadInputValueInterface | object | null> {\r\n  readonly inputConfig = input.required<ITowerStepColumn>();\r\n\r\n  protected readonly video = viewChild.required<ElementRef<HTMLVideoElement>>('video');\r\n  protected readonly canvas = viewChild.required<ElementRef<HTMLCanvasElement>>('canvas');\r\n\r\n  protected readonly WIDTH = 640;\r\n  protected readonly HEIGHT = 480;\r\n  protected captures: string[] = [];\r\n  protected isCaptured = false;\r\n  protected videoMode = false;\r\n\r\n  readonly #platformId = inject(PLATFORM_ID);\r\n\r\n  constructor() {\r\n    super(\r\n      inject(NgControl, { optional: true, self: true }) as NgControl,\r\n      inject<ElementRef<HTMLElement>>(ElementRef),\r\n      customInputConfig,\r\n    );\r\n  }\r\n\r\n  override get empty(): boolean {\r\n    return !this.value;\r\n  }\r\n\r\n  override get shouldLabelFloat(): boolean {\r\n    return this.focused || !this.empty;\r\n  }\r\n\r\n  protected recapture(): void {\r\n    if (!isPlatformBrowser(this.#platformId)) return;\r\n    const videoEl = this.video()?.nativeElement;\r\n    if (!videoEl) return;\r\n    videoEl.srcObject = null;\r\n    this.isCaptured = false;\r\n    setupDevices(this.setup);\r\n    this.value = null;\r\n    this.stateChanges.next();\r\n  }\r\n\r\n  protected readonly setup = (stream: MediaStream): void => {\r\n    if (!isPlatformBrowser(this.#platformId)) return;\r\n    const videoEl = this.video()?.nativeElement;\r\n    if (!videoEl) return;\r\n    try {\r\n      videoEl.srcObject = stream;\r\n      void videoEl.play();\r\n    } catch {\r\n      // Ignored: play() may reject if the element is detached or autoplay is blocked.\r\n    }\r\n  };\r\n\r\n  protected touch(): void {\r\n    this.markAsTouched();\r\n  }\r\n\r\n  protected capture(): void {\r\n    if (!isPlatformBrowser(this.#platformId)) return;\r\n    const videoEl = this.video()?.nativeElement;\r\n    const canvasEl = this.canvas()?.nativeElement;\r\n    if (!videoEl || !canvasEl) return;\r\n\r\n    this.touch();\r\n    this.drawImageToCanvas(videoEl);\r\n    const fileType = (this.inputConfig() as IFileUploadInput | undefined)?.fileType;\r\n    this.value = {\r\n      fileName: new Date(),\r\n      type: fileType,\r\n      base64: canvasEl.toDataURL('image/png'),\r\n    };\r\n\r\n    this.captures.push(canvasEl.toDataURL('image/png'));\r\n    this.isCaptured = true;\r\n    this.stopVideo();\r\n    this.onChange(this.value);\r\n    this.stateChanges.next();\r\n  }\r\n\r\n  protected stopVideo(): void {\r\n    if (!isPlatformBrowser(this.#platformId)) return;\r\n    const videoEl = this.video()?.nativeElement;\r\n    const src = videoEl?.srcObject;\r\n    if (src && src instanceof MediaStream) {\r\n      src.getTracks().forEach(track => track.stop());\r\n    }\r\n  }\r\n\r\n  private drawImageToCanvas(image: HTMLVideoElement): void {\r\n    if (!isPlatformBrowser(this.#platformId)) return;\r\n    const canvasEl = this.canvas()?.nativeElement;\r\n    const ctx = canvasEl?.getContext('2d');\r\n    if (!ctx) return;\r\n    ctx.drawImage(image, 0, 0, this.WIDTH, this.HEIGHT);\r\n  }\r\n}\r\n","<br>\r\n<div class=\"video-container\">\r\n  <video\r\n  style=\"margin: auto;\"\r\n    [style.display]=\"!isCaptured ? 'block' : 'none'\"\r\n    #video\r\n    id=\"video\"\r\n    [width]=\"WIDTH\"\r\n    [height]=\"HEIGHT\"\r\n    autoplay\r\n  ></video>\r\n  <canvas\r\n    [style.display]=\"isCaptured ? 'block' : 'none'\"\r\n    #canvas\r\n    id=\"canvas\"\r\n    [width]=\"WIDTH\"\r\n    [height]=\"HEIGHT\"\r\n  ></canvas>\r\n</div>\r\n<mat-toolbar style=\"background: none;\">\r\n  <span class=\"spacer\"></span>\r\n  <button (click)=\"isCaptured ? recapture() : capture()\" [color]=\"isCaptured?'primary':'warn'\"  mat-icon-button>\r\n    <mat-icon>\r\n      photo_camera\r\n    </mat-icon>\r\n\r\n  </button>\r\n  @if (!isCaptured) {\r\n    <button (click)=\"stopVideo()\" mat-icon-button>\r\n      <mat-icon>\r\n        stop\r\n      </mat-icon>\r\n\r\n    </button>\r\n  }\r\n  <span class=\"spacer\"></span>\r\n</mat-toolbar>\r\n","import { ChangeDetectionStrategy, Component, computed, input, output } from '@angular/core';\r\nimport { FormGroup, ReactiveFormsModule } from '@angular/forms';\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport type { ITowerStepColumn } from 'ngx-t-forms-types';\r\nimport { TFormInputStatusComponent } from '../../../t-form-input-status/t-form-input-status.component';\r\nimport { CameraCaptureComponent } from './core/camera-capture/camera-capture.component';\r\nimport { getInputErrorMessage } from '../../../../services/core/t-input-controller/functions/inputErrorMessage';\r\n\r\n/** Wraps the camera-capture control inside a `mat-form-field`. */\r\n@Component({\r\n  selector: 'lib-image-capture-input-element',\r\n  templateUrl: './image-capture-input-element.component.html',\r\n  styleUrl: './image-capture-input-element.component.css',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  imports: [\r\n    ReactiveFormsModule,\r\n    MatFormFieldModule,\r\n    MatIconModule,\r\n    MatButtonModule,\r\n    MatTooltipModule,\r\n    TFormInputStatusComponent,\r\n    CameraCaptureComponent,\r\n  ],\r\n})\r\nexport class ImageCaptureInputElementComponent {\r\n  readonly inputConfig = input.required<ITowerStepColumn>();\r\n  readonly formGroup = input.required<FormGroup>();\r\n  readonly reload = output<void>();\r\n\r\n  protected readonly errorMessage = computed(() =>\r\n    getInputErrorMessage(this.inputConfig(), this.formGroup()),\r\n  );\r\n}\r\n","<ng-container [formGroup]=\"formGroup()\">\r\n  @if (inputConfig(); as inputConfig) {\r\n    <mat-form-field [appearance]=\"inputConfig.appearance || 'fill'\" subscriptSizing=\"dynamic\">\r\n      <mat-label>\r\n        {{ inputConfig.label }}\r\n        <lib-t-form-input-status [inputConfig]=\"inputConfig\"></lib-t-form-input-status>\r\n      </mat-label>\r\n\r\n      <lib-camera-capture\r\n        [required]=\"inputConfig.required\"\r\n        [inputConfig]=\"inputConfig\"\r\n        [formControlName]=\"inputConfig.id\"\r\n      ></lib-camera-capture>\r\n\r\n      @if (inputConfig.hintLabel || inputConfig.temporaryHint) {\r\n        <mat-hint class=\"inputHint\">\r\n          {{ inputConfig.temporaryHint || inputConfig.hintLabel }}\r\n        </mat-hint>\r\n      }\r\n\r\n      @if (!!errorMessage()) {\r\n        <mat-error class=\"oneLineTextEllipsis\" matTooltipClass=\"errorToolTip\">{{ errorMessage() }}</mat-error>\r\n      }\r\n\r\n      @if (inputConfig.canReload?.canReload) {\r\n        <button\r\n          mat-icon-button\r\n          style=\"margin-right: 4px;\"\r\n          matTooltip=\"Click to refresh this field.\"\r\n          class=\"input-sync-button\"\r\n          (click)=\"inputConfig.canReload.emit()\"\r\n          matSuffix\r\n        >\r\n          <mat-icon style=\"color: var(--mat-sys-primary)\">sync</mat-icon>\r\n        </button>\r\n      }\r\n\r\n      @if (inputConfig.prefixIcon) {\r\n        <mat-icon matPrefix>{{ inputConfig.prefixIcon }}</mat-icon>\r\n      }\r\n\r\n      @if (inputConfig.suffixIcon && inputConfig.id !== 'password') {\r\n        <mat-icon matSuffix>{{ inputConfig.suffixIcon }}</mat-icon>\r\n      }\r\n\r\n      @if (inputConfig.prefixText) {\r\n        <span matPrefix style=\"top: 0\">{{ inputConfig.prefixText }}</span>\r\n      }\r\n      @if (inputConfig.suffixText) {\r\n        <span matSuffix style=\"padding-left: 5px\">{{ inputConfig.suffixText }}</span>\r\n      }\r\n\r\n      @if (inputConfig.maxLength && formGroup()) {\r\n        <mat-hint align=\"end\">\r\n          {{ (formGroup().controls[inputConfig.id]?.value?.length || 0) + '/' + inputConfig.maxLength }}\r\n        </mat-hint>\r\n      }\r\n    </mat-form-field>\r\n  }\r\n</ng-container>\r\n"],"names":["i1","i3","i4","i5"],"mappings":"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"}

package/fesm2022/ngx-t-forms-index-dDSobs6A.mjs

@@ -0,0 +1,2 @@
+export { o as DialogTemplateComponent, p as FormBuilderComponent, q as FormsComponent, M as MscoaFormInputComponent, S as SignatureInputElementComponent, T as TDynamicDataEditComponent, b as TDynamicDataViewComponent, r as TFormInputComponent, U as UserFormStepperComponent, V as ValidationExpressioCreatorComponent, u as getSignatureImage, t as testAgainstItem } from './ngx-t-forms-ngx-t-forms-u_kigDid.mjs';
+//# sourceMappingURL=ngx-t-forms-index-dDSobs6A.mjs.map

package/fesm2022/ngx-t-forms-index-dDSobs6A.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-t-forms-index-dDSobs6A.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/fesm2022/ngx-t-forms-input-custom.component-BkbHFAyR.mjs

@@ -0,0 +1,105 @@
+import * as i0 from '@angular/core';
+import { inject, DestroyRef, viewChild, forwardRef, Input, Optional, Self, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { MatFormFieldControl } from '@angular/material/form-field';
+import * as i2 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import { Subject, debounceTime } from 'rxjs';
+import { B as BaseCustomInput } from './ngx-t-forms-ngx-t-forms-u_kigDid.mjs';
+import * as i1 from '@angular/forms';
+
+const customInputConfig = {
+    controlType: 'lib-input-custom',
+    nextId: 0,
+};
+class InputCustomComponent extends BaseCustomInput {
+    #destroyRef;
+    #debounceTimeMs;
+    #valueSubject;
+    constructor(ngControl, elementRef) {
+        super(ngControl, elementRef, customInputConfig);
+        this.#destroyRef = inject(DestroyRef);
+        this.#debounceTimeMs = 300;
+        this.#valueSubject = new Subject();
+        // The native input is left uncontrolled while the user types: binding the
+        // (debounced, therefore lagging) model to `[value]` made Angular overwrite the
+        // DOM mid-keystroke and drop characters during fast typing. We instead push the
+        // model to the DOM only on external writes (writeValue) — never while typing.
+        // TS `private` (not ES `#private`): Angular signal queries cannot sit on an ES-private field.
+        this.inputEl = viewChild('inputEl', ...(ngDevMode ? [{ debugName: "inputEl" }] : /* istanbul ignore next */ []));
+    }
+    get empty() {
+        const n = this.value;
+        // Check for null, undefined, or empty string, but allow 0
+        return n === null || n === undefined || n === '';
+    }
+    get shouldLabelFloat() {
+        return true;
+    }
+    ngOnInit() {
+        this.#valueSubject
+            .pipe(debounceTime(this.#debounceTimeMs), takeUntilDestroyed(this.#destroyRef))
+            .subscribe((next) => {
+            // The base `value` setter guards on equality and fires onChange + stateChanges.
+            // Only the (heavier) form propagation + validation is debounced — never the display.
+            this.value = next;
+        });
+    }
+    ngAfterViewInit() {
+        // Reflect any value the form set before the view existed (initial bind / patch).
+        this.#syncInputFromModel();
+    }
+    writeValue(value) {
+        super.writeValue(value);
+        // External model change (patchValue / reset) — push it to the DOM. This never
+        // runs in response to the user's own typing, so it can't clobber the cursor.
+        this.#syncInputFromModel();
+    }
+    onInputChange($event) {
+        const next = $event.target?.value ?? '';
+        this.#valueSubject.next(next);
+    }
+    #syncInputFromModel() {
+        const el = this.inputEl()?.nativeElement;
+        if (!el) {
+            return;
+        }
+        const v = this.value;
+        el.value = v === null || v === undefined ? '' : String(v);
+    }
+    onInputBlur($event) {
+        this.touched = true; // Mark as touched on blur
+        this.onTouched();
+        this.blur.emit($event);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: InputCustomComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: InputCustomComponent, isStandalone: true, selector: "lib-input-custom", inputs: { inputConfig: "inputConfig" }, host: { properties: { "class.floating": "shouldLabelFloat", "id": "id" } }, providers: [
+            {
+                provide: MatFormFieldControl,
+                //:Note
+                useExisting: forwardRef(() => InputCustomComponent),
+            },
+        ], viewQueries: [{ propertyName: "inputEl", first: true, predicate: ["inputEl"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (inputConfig) {\r\n  <input matInput\r\n    #inputEl\r\n    [readonly]=\"inputConfig.readonly || inputConfig.disabled\"\r\n    (blur)=\"onInputBlur($event)\"\r\n    [pattern]=\"inputConfig.pattern || ''\"\r\n    [required]=\"inputConfig.required\"\r\n    [attr.maxlength]=\"inputConfig.maxLength\"\r\n    [type]=\"inputConfig.type || 'text'\"\r\n    (input)=\"onInputChange($event)\"\r\n    [attr.minlength]=\"inputConfig.minLength\"\r\n    [autocomplete]=\"inputConfig.autocomplete\"\r\n    [min]=\"inputConfig.min\"\r\n    [max]=\"inputConfig.max\" />\r\n}\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: InputCustomComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-input-custom', imports: [MatInputModule], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, host: {
+                        '[class.floating]': 'shouldLabelFloat',
+                        '[id]': 'id',
+                    }, providers: [
+                        {
+                            provide: MatFormFieldControl,
+                            //:Note
+                            useExisting: forwardRef(() => InputCustomComponent),
+                        },
+                    ], template: "@if (inputConfig) {\r\n  <input matInput\r\n    #inputEl\r\n    [readonly]=\"inputConfig.readonly || inputConfig.disabled\"\r\n    (blur)=\"onInputBlur($event)\"\r\n    [pattern]=\"inputConfig.pattern || ''\"\r\n    [required]=\"inputConfig.required\"\r\n    [attr.maxlength]=\"inputConfig.maxLength\"\r\n    [type]=\"inputConfig.type || 'text'\"\r\n    (input)=\"onInputChange($event)\"\r\n    [attr.minlength]=\"inputConfig.minLength\"\r\n    [autocomplete]=\"inputConfig.autocomplete\"\r\n    [min]=\"inputConfig.min\"\r\n    [max]=\"inputConfig.max\" />\r\n}\r\n" }]
+        }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
+                    type: Optional
+                }, {
+                    type: Self
+                }] }, { type: i0.ElementRef }], propDecorators: { inputConfig: [{
+                type: Input
+            }], inputEl: [{ type: i0.ViewChild, args: ['inputEl', { isSignal: true }] }] } });
+
+export { InputCustomComponent };
+//# sourceMappingURL=ngx-t-forms-input-custom.component-BkbHFAyR.mjs.map

package/fesm2022/ngx-t-forms-input-custom.component-BkbHFAyR.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-t-forms-input-custom.component-BkbHFAyR.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-form-input/elements/basic-input-input-element/core/input-custom/input-custom.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-form-input/elements/basic-input-input-element/core/input-custom/input-custom.component.html"],"sourcesContent":["import {\r\n  AfterViewInit,\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  DestroyRef,\r\n  ElementRef,\r\n  Input,\r\n  OnInit,\r\n  Optional,\r\n  Self,\r\n  ViewEncapsulation,\r\n  forwardRef,\r\n  inject,\r\n  viewChild,\r\n} from '@angular/core';\r\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\r\nimport { NgControl } from '@angular/forms';\r\nimport { MatFormFieldControl } from '@angular/material/form-field';\r\nimport { MatInputModule } from '@angular/material/input';\r\nimport { ITowerStepColumn } from 'ngx-t-forms-types';\r\nimport { Subject, debounceTime } from 'rxjs';\r\n\r\nimport {\r\n  BaseCustomInput,\r\n  BaseCustomInputConfig,\r\n} from '../../../../../../services/core/t-input-controller/functions/baseCustomInput';\r\n\r\nconst customInputConfig: BaseCustomInputConfig = {\r\n  controlType: 'lib-input-custom',\r\n  nextId: 0,\r\n};\r\n\r\n@Component({\r\n  selector: 'lib-input-custom',\r\n  imports: [MatInputModule],\r\n  templateUrl: './input-custom.component.html',\r\n  styleUrl: './input-custom.component.css',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.Emulated,\r\n  host: {\r\n    '[class.floating]': 'shouldLabelFloat',\r\n    '[id]': 'id',\r\n  },\r\n  providers: [\r\n    {\r\n      provide: MatFormFieldControl,\r\n      //:Note\r\n      useExisting: forwardRef(() => InputCustomComponent),\r\n    },\r\n  ],\r\n})\r\nexport class InputCustomComponent\r\n  extends BaseCustomInput<string | number | Date>\r\n  implements OnInit, AfterViewInit\r\n{\r\n  // Kept as @Input() because BaseCustomInput exposes `required`/`disabled`/`placeholder`\r\n  // as setter-backed @Input()s tied to MatFormFieldControl `stateChanges`. Keeping\r\n  // `inputConfig` as a classic @Input keeps the imperative-setter ergonomic consistent\r\n  // with the base class and avoids mixing signal + setter inputs on one component.\r\n  @Input() inputConfig!: ITowerStepColumn;\r\n\r\n  readonly #destroyRef = inject(DestroyRef);\r\n  readonly #debounceTimeMs = 300;\r\n  readonly #valueSubject = new Subject<string>();\r\n\r\n  // The native input is left uncontrolled while the user types: binding the\r\n  // (debounced, therefore lagging) model to `[value]` made Angular overwrite the\r\n  // DOM mid-keystroke and drop characters during fast typing. We instead push the\r\n  // model to the DOM only on external writes (writeValue) — never while typing.\r\n  // TS `private` (not ES `#private`): Angular signal queries cannot sit on an ES-private field.\r\n  private readonly inputEl = viewChild<ElementRef<HTMLInputElement>>('inputEl');\r\n\r\n  constructor(\r\n    @Optional() @Self() ngControl: NgControl,\r\n    elementRef: ElementRef<HTMLElement>,\r\n  ) {\r\n    super(ngControl, elementRef, customInputConfig);\r\n  }\r\n\r\n  override get empty(): boolean {\r\n    const n = this.value;\r\n    // Check for null, undefined, or empty string, but allow 0\r\n    return n === null || n === undefined || n === '';\r\n  }\r\n\r\n  override get shouldLabelFloat(): boolean {\r\n    return true;\r\n  }\r\n\r\n  ngOnInit(): void {\r\n    this.#valueSubject\r\n      .pipe(debounceTime(this.#debounceTimeMs), takeUntilDestroyed(this.#destroyRef))\r\n      .subscribe((next) => {\r\n        // The base `value` setter guards on equality and fires onChange + stateChanges.\r\n        // Only the (heavier) form propagation + validation is debounced — never the display.\r\n        this.value = next;\r\n      });\r\n  }\r\n\r\n  ngAfterViewInit(): void {\r\n    // Reflect any value the form set before the view existed (initial bind / patch).\r\n    this.#syncInputFromModel();\r\n  }\r\n\r\n  override writeValue(value: string | number | Date): void {\r\n    super.writeValue(value);\r\n    // External model change (patchValue / reset) — push it to the DOM. This never\r\n    // runs in response to the user's own typing, so it can't clobber the cursor.\r\n    this.#syncInputFromModel();\r\n  }\r\n\r\n  protected onInputChange($event: Event): void {\r\n    const next = ($event.target as HTMLInputElement | null)?.value ?? '';\r\n    this.#valueSubject.next(next);\r\n  }\r\n\r\n  #syncInputFromModel(): void {\r\n    const el = this.inputEl()?.nativeElement;\r\n    if (!el) {\r\n      return;\r\n    }\r\n    const v = this.value;\r\n    el.value = v === null || v === undefined ? '' : String(v);\r\n  }\r\n\r\n  protected onInputBlur($event: FocusEvent): void {\r\n    this.touched = true; // Mark as touched on blur\r\n    this.onTouched();\r\n    this.blur.emit($event);\r\n  }\r\n}\r\n","@if (inputConfig) {\r\n  <input matInput\r\n    #inputEl\r\n    [readonly]=\"inputConfig.readonly || inputConfig.disabled\"\r\n    (blur)=\"onInputBlur($event)\"\r\n    [pattern]=\"inputConfig.pattern || ''\"\r\n    [required]=\"inputConfig.required\"\r\n    [attr.maxlength]=\"inputConfig.maxLength\"\r\n    [type]=\"inputConfig.type || 'text'\"\r\n    (input)=\"onInputChange($event)\"\r\n    [attr.minlength]=\"inputConfig.minLength\"\r\n    [autocomplete]=\"inputConfig.autocomplete\"\r\n    [min]=\"inputConfig.min\"\r\n    [max]=\"inputConfig.max\" />\r\n}\r\n"],"names":[],"mappings":"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"}

package/fesm2022/ngx-t-forms-input-editor.component-BPUOM9kQ.mjs

@@ -0,0 +1,181 @@
+import { isPlatformBrowser, AsyncPipe } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, DestroyRef, ChangeDetectionStrategy, Component, PLATFORM_ID, DOCUMENT, computed } from '@angular/core';
+import * as i3$2 from '@angular/material/card';
+import { MatCardModule } from '@angular/material/card';
+import * as i1 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i3 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import { MatDividerModule } from '@angular/material/divider';
+import * as i5$2 from '@angular/material/toolbar';
+import { MatToolbarModule } from '@angular/material/toolbar';
+import * as i1$1 from '@angular/cdk/drag-drop';
+import { DragDropModule } from '@angular/cdk/drag-drop';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import * as i4 from '@angular/material/list';
+import { MatListModule } from '@angular/material/list';
+import { F as FormsStoreService, T as TDynamicDataEditComponent, b as TDynamicDataViewComponent } from './ngx-t-forms-ngx-t-forms-u_kigDid.mjs';
+import { DefaultInputConfig } from 'ngx-t-forms-types';
+import { take, tap } from 'rxjs';
+import { g as getInputIcon } from './ngx-t-forms-getInputIcon-B4ADgevZ.mjs';
+import * as i5 from '@angular/material/expansion';
+import { MatExpansionModule } from '@angular/material/expansion';
+import * as i5$1 from '@angular/material/tooltip';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import * as i3$1 from '@angular/material/progress-spinner';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import * as i2 from '@angular/material/form-field';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import './ngx-t-forms-index-dDSobs6A.mjs';
+
+class DefaultElementComponent {
+    constructor() {
+        this.inputs = DefaultInputConfig;
+        this.#store = inject(FormsStoreService);
+        this.#destroyRef = inject(DestroyRef);
+    }
+    #store;
+    #destroyRef;
+    getDefaultInputs() {
+        const i = JSON.parse(JSON.stringify(DefaultInputConfig));
+        return Object.keys(i);
+    }
+    getInputIcon(element) {
+        return getInputIcon(element);
+    }
+    selectInputTemplate(input) {
+        this.#store.selectors.selectInputInEditId$
+            .pipe(take(1), takeUntilDestroyed(this.#destroyRef))
+            .subscribe((id) => {
+            if (!id)
+                return;
+            this.#store.actionsFormBuilder.selectInputTemplate(id, input);
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: DefaultElementComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: DefaultElementComponent, isStandalone: true, selector: "lib-default-element", ngImport: i0, template: "<br>\r\n<mat-nav-list style=\"margin: 5px;\">\r\n\r\n\r\n  @defer () {\r\n    @for (input of getDefaultInputs(); track input) {\r\n      @if (inputs[input]?.disabled === false) {\r\n      <mat-list-item style=\"background: var(--mdc-elevated-card-container-color, var(--mat-app-surface-container-low));\"\r\n        (click)=\"selectInputTemplate(input)\">\r\n        <mat-icon matListItemAvatar>{{ getInputIcon(input) }}</mat-icon>\r\n        <span matListItemTitle href=\"...\">{{ inputs[input]?.label}}</span>\r\n      </mat-list-item>\r\n      <mat-divider></mat-divider>\r\n      }\r\n      }\r\n    \r\n  }\r\n\r\n\r\n</mat-nav-list>", styles: ["mat-icon[matListItemAvatar]{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:24px;line-height:1;border-radius:50%;background:var(--mat-app-surface-variant, rgba(0, 0, 0, .06));color:var(--mat-app-on-surface-variant, currentColor)}\n"], dependencies: [{ kind: "ngmodule", type: MatListModule }, { kind: "component", type: i4.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatDividerModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, deferBlockDependencies: [() => [i4.MatListItem, i4.MatListItemAvatar, i4.MatDivider, i4.MatListItemTitle, i3.MatIcon]] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: DefaultElementComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-default-element', imports: [MatListModule, MatIconModule, MatDividerModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<br>\r\n<mat-nav-list style=\"margin: 5px;\">\r\n\r\n\r\n  @defer () {\r\n    @for (input of getDefaultInputs(); track input) {\r\n      @if (inputs[input]?.disabled === false) {\r\n      <mat-list-item style=\"background: var(--mdc-elevated-card-container-color, var(--mat-app-surface-container-low));\"\r\n        (click)=\"selectInputTemplate(input)\">\r\n        <mat-icon matListItemAvatar>{{ getInputIcon(input) }}</mat-icon>\r\n        <span matListItemTitle href=\"...\">{{ inputs[input]?.label}}</span>\r\n      </mat-list-item>\r\n      <mat-divider></mat-divider>\r\n      }\r\n      }\r\n    \r\n  }\r\n\r\n\r\n</mat-nav-list>", styles: ["mat-icon[matListItemAvatar]{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:24px;line-height:1;border-radius:50%;background:var(--mat-app-surface-variant, rgba(0, 0, 0, .06));color:var(--mat-app-on-surface-variant, currentColor)}\n"] }]
+        }] });
+
+class InputElementEditorComponent {
+    constructor() {
+        this.#store = inject(FormsStoreService);
+        this.#platformId = inject(PLATFORM_ID);
+        this.#document = inject(DOCUMENT);
+        this.#signals = this.#store.formBuilderSignalSelectors;
+        this.vm = computed(() => ({
+            defaultInputInEdit: this.#signals.defaultInputInEdit(),
+            inputInEdit: this.#signals.inputInEdit(),
+            inputElementEditorConfigs: this.#signals.inputElementEditorConfigs(),
+            inputInEditValidationErrors: this.#signals.inputInEditValidationErrors(),
+            formInputs: this.#signals.getAllFormInputs(),
+        }), ...(ngDevMode ? [{ debugName: "vm" }] : /* istanbul ignore next */ []));
+        this.elementConfigurationChanged = (value, ele) => {
+            const inputVal = this.#signals.inputInEdit();
+            if (!inputVal)
+                return;
+            this.#store.actionsFormBuilder.elementConfigurationChanged(inputVal.id, value, ele);
+        };
+        this.clearInputInEdit = () => {
+            const inputVal = this.#signals.inputInEdit();
+            if (!inputVal)
+                return;
+            this.#store.actionsFormBuilder.clearInputInEdit(inputVal.id);
+        };
+        this.elementBlur = (event, element) => {
+            const inputVal = this.#signals.inputInEdit();
+            if (!inputVal)
+                return;
+            this.#store.actionsFormBuilder.elementBlur(inputVal.id, event, element);
+        };
+    }
+    #store;
+    #platformId;
+    #document;
+    #signals;
+    getInputIcon(element) {
+        return getInputIcon(element);
+    }
+    showDebugData() {
+        if (!isPlatformBrowser(this.#platformId))
+            return;
+        const win = this.#document.defaultView;
+        if (!win)
+            return;
+        const jsonData = JSON.stringify(this.vm(), null, 2);
+        const blob = new Blob([jsonData], { type: 'application/json' });
+        const url = win.URL.createObjectURL(blob);
+        const link = this.#document.createElement('a');
+        link.href = url;
+        link.download = 'debug-data.json';
+        link.click();
+        win.URL.revokeObjectURL(url);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: InputElementEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: InputElementEditorComponent, isStandalone: true, selector: "lib-input-element-editor", ngImport: i0, template: "<mat-toolbar class=\"section-header\">\r\n    <span class=\"header\">Element configuration</span>\r\n    <span class=\"spacer\"></span>\r\n</mat-toolbar>\r\n<mat-divider></mat-divider>\r\n@if (vm(); as vm) {\r\n    @defer (on viewport) {\r\n\r\n    <mat-accordion togglePosition=\"before\">\r\n        @for(section of (vm.inputElementEditorConfigs.editorSections||[]); track section.id; let i = $index) {\r\n        <mat-expansion-panel>\r\n            <mat-expansion-panel-header>\r\n                <mat-panel-title>\r\n                    {{section.label}}\r\n                    <span class=\"spacer\"></span>\r\n                    @if (section.hasErrors) {\r\n                    <mat-icon color=\"warn\">error</mat-icon>\r\n                    }\r\n                    @if (section.showItemValue && !!(vm.inputInEdit)) {\r\n                        <span class=\"showItemValue\">\r\n                            {{ vm.inputInEdit[section.showItemValue]}}\r\n                        </span>\r\n                    }\r\n                    <mat-divider style=\"position: absolute; left:0px; width:100%; bottom:0px;\"></mat-divider>\r\n                </mat-panel-title>\r\n            </mat-expansion-panel-header>\r\n\r\n            <div style=\"margin-top: 16px;\"></div>\r\n\r\n            <!-- Element type selector (only in first section) -->\r\n            @if(i === 0) {\r\n            <mat-nav-list>\r\n                <mat-list-item [disabled]=\"vm.inputInEdit?.systemDefault\" matTooltip=\"Change input element\"\r\n                    (click)=\"vm.inputInEdit?.systemDefault? '':clearInputInEdit()\">\r\n                    <mat-icon matListItemAvatar [attr.aria-label]=\"(vm.defaultInputInEdit)?.label\">\r\n                        {{ getInputIcon(vm.inputInEdit?.element) }}\r\n                    </mat-icon>\r\n                    <span matListItemTitle>{{ (vm.defaultInputInEdit)?.label}}</span>\r\n                    <span matListItemMeta>\r\n                        <mat-icon>arrow_forward_ios</mat-icon>\r\n                    </span>\r\n                </mat-list-item>\r\n                <mat-divider></mat-divider>\r\n            </mat-nav-list>\r\n            }\r\n\r\n            <!-- Section elements -->\r\n            @for(element of section.elements; track element.id) {\r\n            <p style=\"margin-bottom: 16px; margin-top: 8px;\">\r\n                @defer (on viewport) {\r\n                <lib-t-dynamic-data-edit\r\n                [editorConfig]=\"element\"\r\n                [data]=\"(vm.inputInEdit)\"\r\n                [validationErrors]=\"element.computedErrors||[]\"\r\n                (valueChange)=\"elementConfigurationChanged($event, element)\" [formInputs]=\"(vm.formInputs)||[]\"\r\n                (blur)=\"elementBlur($event, element)\">\r\n                </lib-t-dynamic-data-edit>\r\n                } @placeholder {\r\n            <div style=\"padding: 50px; display:flex; justify-content:center; align-items:center; text-align: center;\">\r\n                <mat-spinner diameter=\"18\"></mat-spinner>\r\n            </div>\r\n            }\r\n            </p>\r\n            }\r\n        </mat-expansion-panel>\r\n        }\r\n    </mat-accordion>\r\n    } @placeholder {\r\n    <div style=\"padding: 50px; display:flex; justify-content:center; align-items:center; text-align: center;\">\r\n        <mat-spinner diameter=\"50\" />\r\n    </div>\r\n    } @error {\r\n    <div style=\"padding: 16px;\">\r\n        <mat-error>\r\n            <h3>Error loading element editor</h3>\r\n            <p>An error occurred while loading the element editor. Please try again later.</p>\r\n        </mat-error>\r\n    </div>\r\n\r\n    }\r\n\r\n\r\n\r\n\r\n    <!-- Diagnostic section -->\r\n    <mat-toolbar class=\"section-header\">\r\n        <span class=\"header\">Diagnostic data</span>\r\n        <span class=\"spacer\"></span>\r\n    </mat-toolbar>\r\n    <mat-divider></mat-divider>\r\n\r\n    <mat-accordion togglePosition=\"before\">\r\n\r\n        @if(((vm.inputInEditValidationErrors)||[]).length > 0) {\r\n        <mat-expansion-panel>\r\n            <mat-expansion-panel-header>\r\n                <mat-panel-title>\r\n                    Validation Errors\r\n                    <span class=\"spacer\"></span>\r\n                    <mat-error>\r\n                        {{(vm.inputInEditValidationErrors).length||''}}\r\n                    </mat-error>\r\n                    <mat-divider style=\"position: absolute; left:0px; width:100%; bottom:0px;\"></mat-divider>\r\n                </mat-panel-title>\r\n            </mat-expansion-panel-header>\r\n            <div style=\"margin-top: 16px;\"></div>\r\n            <mat-error style=\"border: solid 1px; border-radius: 8px; padding: 16px;\">\r\n                <h1>All configuration errors:</h1>\r\n                <p>\r\n                    {{(vm.inputInEditValidationErrors).length||''}} errors found. When an error is found, the input will\r\n                    not\r\n                    be saved.\r\n                </p>\r\n                <ul>\r\n                    @for(error of (vm.inputInEditValidationErrors); track error.key) {\r\n                    <li>\r\n                        <strong>{{error.key}}</strong> {{error.message}}\r\n                    </li>\r\n                    }\r\n                </ul>\r\n            </mat-error>\r\n        </mat-expansion-panel>\r\n        }\r\n        <mat-expansion-panel>\r\n            <mat-expansion-panel-header style=\"    padding-right: 0px;\">\r\n                <mat-panel-title>\r\n                    Complete Virtual Model\r\n                    <span class=\"spacer\"></span>\r\n                    <button mat-icon-button (click)=\"showDebugData()\">\r\n                        <mat-icon>\r\n                            troubleshoot\r\n                        </mat-icon>\r\n                    </button>\r\n                    <mat-divider style=\"position: absolute; left:0px; width:100%; bottom:0px;\"></mat-divider>\r\n                </mat-panel-title>\r\n            </mat-expansion-panel-header>\r\n            <div style=\"margin-top: 16px;\"></div>\r\n            <mat-card style=\"padding: 16px;\">\r\n\r\n                <lib-t-dynamic-data-view [data]=\"({\r\n            'Default Input Template InEdit': vm.defaultInputInEdit,\r\n            'Input In Edit': vm.inputInEdit,\r\n            'Input Editor Sections': vm.inputElementEditorConfigs?.editorSections,\r\n            })\"></lib-t-dynamic-data-view>\r\n\r\n            </mat-card>\r\n        </mat-expansion-panel>\r\n\r\n    </mat-accordion>\r\n}\r\n", styles: [".showItemValue{opacity:.6}mat-form-field{width:100%}mat-slider{width:100%}.header{margin-bottom:0;font-size:small;opacity:.6}.section-header{height:38px;margin-top:12px}mat-icon[matListItemAvatar]{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:24px;line-height:1;border-radius:50%;background:var(--mat-app-surface-variant, rgba(0, 0, 0, .06));color:var(--mat-app-on-surface-variant, currentColor)}\n"], dependencies: [{ kind: "ngmodule", type: MatToolbarModule }, { kind: "component", type: i5$2.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i4.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "directive", type: i5.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i5.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i5.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i5.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatListModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i3$1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i3$2.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: TDynamicDataViewComponent, selector: "lib-t-dynamic-data-view", inputs: ["data"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, deferBlockDependencies: [() => [i4.MatDivider, i5.MatAccordion, i5.MatExpansionPanel, i5.MatExpansionPanelHeader, i5.MatExpansionPanelTitle, i3.MatIcon, i4.MatNavList, i4.MatListItem, i4.MatListItemAvatar, i4.MatListItemTitle, i4.MatListItemMeta, i5$1.MatTooltip, i3$1.MatProgressSpinner], () => [TDynamicDataEditComponent]] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: InputElementEditorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-input-element-editor', imports: [
+                        MatToolbarModule,
+                        MatDividerModule,
+                        MatExpansionModule,
+                        MatIconModule,
+                        MatListModule,
+                        MatTooltipModule,
+                        MatProgressSpinnerModule,
+                        MatButtonModule,
+                        MatCardModule,
+                        MatFormFieldModule,
+                        TDynamicDataEditComponent,
+                        TDynamicDataViewComponent,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-toolbar class=\"section-header\">\r\n    <span class=\"header\">Element configuration</span>\r\n    <span class=\"spacer\"></span>\r\n</mat-toolbar>\r\n<mat-divider></mat-divider>\r\n@if (vm(); as vm) {\r\n    @defer (on viewport) {\r\n\r\n    <mat-accordion togglePosition=\"before\">\r\n        @for(section of (vm.inputElementEditorConfigs.editorSections||[]); track section.id; let i = $index) {\r\n        <mat-expansion-panel>\r\n            <mat-expansion-panel-header>\r\n                <mat-panel-title>\r\n                    {{section.label}}\r\n                    <span class=\"spacer\"></span>\r\n                    @if (section.hasErrors) {\r\n                    <mat-icon color=\"warn\">error</mat-icon>\r\n                    }\r\n                    @if (section.showItemValue && !!(vm.inputInEdit)) {\r\n                        <span class=\"showItemValue\">\r\n                            {{ vm.inputInEdit[section.showItemValue]}}\r\n                        </span>\r\n                    }\r\n                    <mat-divider style=\"position: absolute; left:0px; width:100%; bottom:0px;\"></mat-divider>\r\n                </mat-panel-title>\r\n            </mat-expansion-panel-header>\r\n\r\n            <div style=\"margin-top: 16px;\"></div>\r\n\r\n            <!-- Element type selector (only in first section) -->\r\n            @if(i === 0) {\r\n            <mat-nav-list>\r\n                <mat-list-item [disabled]=\"vm.inputInEdit?.systemDefault\" matTooltip=\"Change input element\"\r\n                    (click)=\"vm.inputInEdit?.systemDefault? '':clearInputInEdit()\">\r\n                    <mat-icon matListItemAvatar [attr.aria-label]=\"(vm.defaultInputInEdit)?.label\">\r\n                        {{ getInputIcon(vm.inputInEdit?.element) }}\r\n                    </mat-icon>\r\n                    <span matListItemTitle>{{ (vm.defaultInputInEdit)?.label}}</span>\r\n                    <span matListItemMeta>\r\n                        <mat-icon>arrow_forward_ios</mat-icon>\r\n                    </span>\r\n                </mat-list-item>\r\n                <mat-divider></mat-divider>\r\n            </mat-nav-list>\r\n            }\r\n\r\n            <!-- Section elements -->\r\n            @for(element of section.elements; track element.id) {\r\n            <p style=\"margin-bottom: 16px; margin-top: 8px;\">\r\n                @defer (on viewport) {\r\n                <lib-t-dynamic-data-edit\r\n                [editorConfig]=\"element\"\r\n                [data]=\"(vm.inputInEdit)\"\r\n                [validationErrors]=\"element.computedErrors||[]\"\r\n                (valueChange)=\"elementConfigurationChanged($event, element)\" [formInputs]=\"(vm.formInputs)||[]\"\r\n                (blur)=\"elementBlur($event, element)\">\r\n                </lib-t-dynamic-data-edit>\r\n                } @placeholder {\r\n            <div style=\"padding: 50px; display:flex; justify-content:center; align-items:center; text-align: center;\">\r\n                <mat-spinner diameter=\"18\"></mat-spinner>\r\n            </div>\r\n            }\r\n            </p>\r\n            }\r\n        </mat-expansion-panel>\r\n        }\r\n    </mat-accordion>\r\n    } @placeholder {\r\n    <div style=\"padding: 50px; display:flex; justify-content:center; align-items:center; text-align: center;\">\r\n        <mat-spinner diameter=\"50\" />\r\n    </div>\r\n    } @error {\r\n    <div style=\"padding: 16px;\">\r\n        <mat-error>\r\n            <h3>Error loading element editor</h3>\r\n            <p>An error occurred while loading the element editor. Please try again later.</p>\r\n        </mat-error>\r\n    </div>\r\n\r\n    }\r\n\r\n\r\n\r\n\r\n    <!-- Diagnostic section -->\r\n    <mat-toolbar class=\"section-header\">\r\n        <span class=\"header\">Diagnostic data</span>\r\n        <span class=\"spacer\"></span>\r\n    </mat-toolbar>\r\n    <mat-divider></mat-divider>\r\n\r\n    <mat-accordion togglePosition=\"before\">\r\n\r\n        @if(((vm.inputInEditValidationErrors)||[]).length > 0) {\r\n        <mat-expansion-panel>\r\n            <mat-expansion-panel-header>\r\n                <mat-panel-title>\r\n                    Validation Errors\r\n                    <span class=\"spacer\"></span>\r\n                    <mat-error>\r\n                        {{(vm.inputInEditValidationErrors).length||''}}\r\n                    </mat-error>\r\n                    <mat-divider style=\"position: absolute; left:0px; width:100%; bottom:0px;\"></mat-divider>\r\n                </mat-panel-title>\r\n            </mat-expansion-panel-header>\r\n            <div style=\"margin-top: 16px;\"></div>\r\n            <mat-error style=\"border: solid 1px; border-radius: 8px; padding: 16px;\">\r\n                <h1>All configuration errors:</h1>\r\n                <p>\r\n                    {{(vm.inputInEditValidationErrors).length||''}} errors found. When an error is found, the input will\r\n                    not\r\n                    be saved.\r\n                </p>\r\n                <ul>\r\n                    @for(error of (vm.inputInEditValidationErrors); track error.key) {\r\n                    <li>\r\n                        <strong>{{error.key}}</strong> {{error.message}}\r\n                    </li>\r\n                    }\r\n                </ul>\r\n            </mat-error>\r\n        </mat-expansion-panel>\r\n        }\r\n        <mat-expansion-panel>\r\n            <mat-expansion-panel-header style=\"    padding-right: 0px;\">\r\n                <mat-panel-title>\r\n                    Complete Virtual Model\r\n                    <span class=\"spacer\"></span>\r\n                    <button mat-icon-button (click)=\"showDebugData()\">\r\n                        <mat-icon>\r\n                            troubleshoot\r\n                        </mat-icon>\r\n                    </button>\r\n                    <mat-divider style=\"position: absolute; left:0px; width:100%; bottom:0px;\"></mat-divider>\r\n                </mat-panel-title>\r\n            </mat-expansion-panel-header>\r\n            <div style=\"margin-top: 16px;\"></div>\r\n            <mat-card style=\"padding: 16px;\">\r\n\r\n                <lib-t-dynamic-data-view [data]=\"({\r\n            'Default Input Template InEdit': vm.defaultInputInEdit,\r\n            'Input In Edit': vm.inputInEdit,\r\n            'Input Editor Sections': vm.inputElementEditorConfigs?.editorSections,\r\n            })\"></lib-t-dynamic-data-view>\r\n\r\n            </mat-card>\r\n        </mat-expansion-panel>\r\n\r\n    </mat-accordion>\r\n}\r\n", styles: [".showItemValue{opacity:.6}mat-form-field{width:100%}mat-slider{width:100%}.header{margin-bottom:0;font-size:small;opacity:.6}.section-header{height:38px;margin-top:12px}mat-icon[matListItemAvatar]{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:24px;line-height:1;border-radius:50%;background:var(--mat-app-surface-variant, rgba(0, 0, 0, .06));color:var(--mat-app-on-surface-variant, currentColor)}\n"] }]
+        }] });
+
+class InputEditorComponent {
+    constructor() {
+        this.#store = inject(FormsStoreService);
+        this.defaultInputs = DefaultInputConfig;
+        this.inputInEdit$ = this.#store.formBuilderSelectors.inputInEdit$;
+        this.defaultInputInEdit$ = this.#store.formBuilderSelectors.defaultInputInEdit$;
+        this.saveInput = () => {
+            this.inputInEdit$
+                .pipe(take(1), tap((inputVal) => {
+                if (!inputVal)
+                    return;
+                this.#store.actionsFormBuilder.saveInput(inputVal.id);
+            }))
+                .subscribe();
+        };
+        this.closeEditor = () => {
+            this.#store.actions.setInputInEditId({ inputInEdit: null });
+        };
+    }
+    #store;
+    get validationErrors$() {
+        return this.#store.formBuilderSelectors.inputInEditValidationErrors$;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: InputEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: InputEditorComponent, isStandalone: true, selector: "lib-input-editor", ngImport: i0, template: "<mat-card\r\n\r\nstyle=\"\r\n\r\nbackground: var(--mat-sys-surface-container, var(--mat-app-surface));\r\nmargin:0px;\r\nborder:solid 1px var(--mat-divider-color, var(--mat-app-outline))\">\r\n\r\n    <mat-card-header >\r\n        <mat-card-title>\r\n            {{\r\n                !!(inputInEdit$|async)?.element\r\n                  ? \"Edit \" +      (inputInEdit$|async)?.label + \" element\"\r\n                  : \"Setup Form Element\"\r\n              }}\r\n        </mat-card-title>\r\n        <mat-card-subtitle>   {{\r\n            !!(inputInEdit$|async)?.element? \"Configure the element below\": \"Form element are components making up a form section. Types of form elements are defined by their behaviour and use case, for example a date range picker is well suited to determine duration.\"\r\n          }}</mat-card-subtitle>\r\n          <button style=\"position: absolute;right:4px\" mat-icon-button cdkDragHandle >\r\n            <mat-icon>drag_indicator</mat-icon>\r\n          </button>\r\n      </mat-card-header>\r\n\r\n\r\n\r\n        @if(!!((inputInEdit$|async))?.element){\r\n            <lib-input-element-editor\r\n            style=\"background: var(--mat-sys-surface-container, var(--mat-app-surface))\">\r\n          </lib-input-element-editor>\r\n        }@else{\r\n            <lib-default-element  style=\"background: var(--mat-sys-surface-container, var(--mat-app-surface))\"></lib-default-element>\r\n        }\r\n        <br>\r\n\r\n      <br>\r\n      <mat-divider style=\"position: sticky;bottom: 53px;\"></mat-divider>\r\n     <mat-toolbar style=\"position: sticky;bottom: 0;\">\r\n      <span class=\"spacer\"></span>\r\n            <button (click)=\"closeEditor()\" class=\"\" mat-button>close</button>\r\n\r\n            @if (!((inputInEdit$|async))?.id) {\r\n                <button mat-flat-button\r\n                    (click)=\"saveInput()\"\r\n                    [disabled]=\"((validationErrors$|async)||[]).length>0\"\r\n                    color=\"primary\">save new input</button>\r\n            }\r\n     </mat-toolbar>\r\n\r\n\r\n</mat-card>\r\n", styles: ["mat-card{margin:16px}mat-card-content{overflow-y:auto;max-height:calc(100vh - 190px)}mat-card-actions{position:sticky;bottom:0}\n"], dependencies: [{ kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i3$2.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: i3$2.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i3$2.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { kind: "directive", type: i3$2.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i4.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "ngmodule", type: MatToolbarModule }, { kind: "component", type: i5$2.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i1$1.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: DefaultElementComponent, selector: "lib-default-element" }, { kind: "component", type: InputElementEditorComponent, selector: "lib-input-element-editor" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: InputEditorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-input-editor', imports: [
+                        AsyncPipe,
+                        MatCardModule,
+                        MatButtonModule,
+                        MatIconModule,
+                        MatDividerModule,
+                        MatToolbarModule,
+                        DragDropModule,
+                        DefaultElementComponent,
+                        InputElementEditorComponent,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-card\r\n\r\nstyle=\"\r\n\r\nbackground: var(--mat-sys-surface-container, var(--mat-app-surface));\r\nmargin:0px;\r\nborder:solid 1px var(--mat-divider-color, var(--mat-app-outline))\">\r\n\r\n    <mat-card-header >\r\n        <mat-card-title>\r\n            {{\r\n                !!(inputInEdit$|async)?.element\r\n                  ? \"Edit \" +      (inputInEdit$|async)?.label + \" element\"\r\n                  : \"Setup Form Element\"\r\n              }}\r\n        </mat-card-title>\r\n        <mat-card-subtitle>   {{\r\n            !!(inputInEdit$|async)?.element? \"Configure the element below\": \"Form element are components making up a form section. Types of form elements are defined by their behaviour and use case, for example a date range picker is well suited to determine duration.\"\r\n          }}</mat-card-subtitle>\r\n          <button style=\"position: absolute;right:4px\" mat-icon-button cdkDragHandle >\r\n            <mat-icon>drag_indicator</mat-icon>\r\n          </button>\r\n      </mat-card-header>\r\n\r\n\r\n\r\n        @if(!!((inputInEdit$|async))?.element){\r\n            <lib-input-element-editor\r\n            style=\"background: var(--mat-sys-surface-container, var(--mat-app-surface))\">\r\n          </lib-input-element-editor>\r\n        }@else{\r\n            <lib-default-element  style=\"background: var(--mat-sys-surface-container, var(--mat-app-surface))\"></lib-default-element>\r\n        }\r\n        <br>\r\n\r\n      <br>\r\n      <mat-divider style=\"position: sticky;bottom: 53px;\"></mat-divider>\r\n     <mat-toolbar style=\"position: sticky;bottom: 0;\">\r\n      <span class=\"spacer\"></span>\r\n            <button (click)=\"closeEditor()\" class=\"\" mat-button>close</button>\r\n\r\n            @if (!((inputInEdit$|async))?.id) {\r\n                <button mat-flat-button\r\n                    (click)=\"saveInput()\"\r\n                    [disabled]=\"((validationErrors$|async)||[]).length>0\"\r\n                    color=\"primary\">save new input</button>\r\n            }\r\n     </mat-toolbar>\r\n\r\n\r\n</mat-card>\r\n", styles: ["mat-card{margin:16px}mat-card-content{overflow-y:auto;max-height:calc(100vh - 190px)}mat-card-actions{position:sticky;bottom:0}\n"] }]
+        }] });
+
+export { InputEditorComponent };
+//# sourceMappingURL=ngx-t-forms-input-editor.component-BPUOM9kQ.mjs.map

package/fesm2022/ngx-t-forms-input-editor.component-BPUOM9kQ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-t-forms-input-editor.component-BPUOM9kQ.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/form-builder/elements/default-element/default-element.component.ts","../../../projects/ngx-t-forms/src/lib/components/form-builder/elements/default-element/default-element.component.html","../../../projects/ngx-t-forms/src/lib/components/form-builder/elements/input-element-editor/input-element-editor.component.ts","../../../projects/ngx-t-forms/src/lib/components/form-builder/elements/input-element-editor/input-element-editor.component.html","../../../projects/ngx-t-forms/src/lib/components/form-builder/elements/input-editor/input-editor.component.ts","../../../projects/ngx-t-forms/src/lib/components/form-builder/elements/input-editor/input-editor.component.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, DestroyRef, inject } from '@angular/core';\r\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\r\nimport { MatListModule } from '@angular/material/list';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatDividerModule } from '@angular/material/divider';\r\n\r\nimport { FormsStoreService } from '../../../forms/store/forms-store.service';\r\nimport { DefaultInputConfig, ElementTypes } from 'ngx-t-forms-types';\r\nimport { take } from 'rxjs';\r\nimport { getInputIcon } from '../../../../shared/functions/getInputIcon';\r\n\r\n@Component({\r\n  selector: 'lib-default-element',\r\n  imports: [MatListModule, MatIconModule, MatDividerModule],\r\n  templateUrl: './default-element.component.html',\r\n  styleUrl: './default-element.component.scss',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class DefaultElementComponent {\r\n  protected readonly inputs = DefaultInputConfig;\r\n  readonly #store = inject(FormsStoreService);\r\n  readonly #destroyRef = inject(DestroyRef);\r\n\r\n  protected getDefaultInputs(): ElementTypes[] {\r\n    const i = JSON.parse(JSON.stringify(DefaultInputConfig)) as Record<string, unknown>;\r\n    return Object.keys(i) as ElementTypes[];\r\n  }\r\n\r\n  protected getInputIcon(element: ElementTypes): string {\r\n    return getInputIcon(element);\r\n  }\r\n\r\n  protected selectInputTemplate(input: ElementTypes): void {\r\n    this.#store.selectors.selectInputInEditId$\r\n      .pipe(take(1), takeUntilDestroyed(this.#destroyRef))\r\n      .subscribe((id) => {\r\n        if (!id) return;\r\n        this.#store.actionsFormBuilder.selectInputTemplate(id, input);\r\n      });\r\n  }\r\n}\r\n","<br>\r\n<mat-nav-list style=\"margin: 5px;\">\r\n\r\n\r\n  @defer () {\r\n    @for (input of getDefaultInputs(); track input) {\r\n      @if (inputs[input]?.disabled === false) {\r\n      <mat-list-item style=\"background: var(--mdc-elevated-card-container-color, var(--mat-app-surface-container-low));\"\r\n        (click)=\"selectInputTemplate(input)\">\r\n        <mat-icon matListItemAvatar>{{ getInputIcon(input) }}</mat-icon>\r\n        <span matListItemTitle href=\"...\">{{ inputs[input]?.label}}</span>\r\n      </mat-list-item>\r\n      <mat-divider></mat-divider>\r\n      }\r\n      }\r\n    \r\n  }\r\n\r\n\r\n</mat-nav-list>","import { ChangeDetectionStrategy, Component, DOCUMENT, PLATFORM_ID, computed, inject } from '@angular/core';\nimport { isPlatformBrowser } from '@angular/common';\nimport { MatToolbarModule } from '@angular/material/toolbar';\nimport { MatDividerModule } from '@angular/material/divider';\nimport { MatExpansionModule } from '@angular/material/expansion';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatListModule } from '@angular/material/list';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatCardModule } from '@angular/material/card';\nimport { MatFormFieldModule } from '@angular/material/form-field';\n\nimport { FormsStoreService } from '../../../forms/store/forms-store.service';\n\nimport { TDynamicDataEditComponent, TDynamicDataViewComponent } from '../../..';\n\nimport type { ElementEditorInnerSectionElementInterface, ElementTypes } from 'ngx-t-forms-types';\nimport { getInputIcon } from '../../../../shared/functions/getInputIcon';\n\n@Component({\n  selector: 'lib-input-element-editor',\n  imports: [\n    MatToolbarModule,\n    MatDividerModule,\n    MatExpansionModule,\n    MatIconModule,\n    MatListModule,\n    MatTooltipModule,\n    MatProgressSpinnerModule,\n    MatButtonModule,\n    MatCardModule,\n    MatFormFieldModule,\n    TDynamicDataEditComponent,\n    TDynamicDataViewComponent,\n  ],\n  templateUrl: './input-element-editor.component.html',\n  styleUrl: './input-element-editor.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class InputElementEditorComponent {\n  readonly #store = inject(FormsStoreService);\n  readonly #platformId = inject(PLATFORM_ID);\n  readonly #document = inject(DOCUMENT);\n\n  readonly #signals = this.#store.formBuilderSignalSelectors;\n\n  protected readonly vm = computed(() => ({\n    defaultInputInEdit: this.#signals.defaultInputInEdit(),\n    inputInEdit: this.#signals.inputInEdit(),\n    inputElementEditorConfigs: this.#signals.inputElementEditorConfigs(),\n    inputInEditValidationErrors: this.#signals.inputInEditValidationErrors(),\n    formInputs: this.#signals.getAllFormInputs(),\n  }));\n\n  protected readonly elementConfigurationChanged = (\n    value: unknown,\n    ele: ElementEditorInnerSectionElementInterface,\n  ): void => {\n    const inputVal = this.#signals.inputInEdit();\n    if (!inputVal) return;\n    this.#store.actionsFormBuilder.elementConfigurationChanged(inputVal.id, value, ele);\n  };\n\n  protected readonly clearInputInEdit = (): void => {\n    const inputVal = this.#signals.inputInEdit();\n    if (!inputVal) return;\n    this.#store.actionsFormBuilder.clearInputInEdit(inputVal.id);\n  };\n\n  protected readonly elementBlur = (\n    event: unknown,\n    element: ElementEditorInnerSectionElementInterface,\n  ): void => {\n    const inputVal = this.#signals.inputInEdit();\n    if (!inputVal) return;\n    this.#store.actionsFormBuilder.elementBlur(inputVal.id, event, element);\n  };\n\n  protected getInputIcon(element: ElementTypes | undefined | null): string {\n    return getInputIcon(element);\n  }\n\n  protected showDebugData(): void {\n    if (!isPlatformBrowser(this.#platformId)) return;\n    const win = this.#document.defaultView;\n    if (!win) return;\n    const jsonData = JSON.stringify(this.vm(), null, 2);\n    const blob = new Blob([jsonData], { type: 'application/json' });\n    const url = win.URL.createObjectURL(blob);\n    const link = this.#document.createElement('a');\n    link.href = url;\n    link.download = 'debug-data.json';\n    link.click();\n    win.URL.revokeObjectURL(url);\n  }\n}\n","<mat-toolbar class=\"section-header\">\r\n    <span class=\"header\">Element configuration</span>\r\n    <span class=\"spacer\"></span>\r\n</mat-toolbar>\r\n<mat-divider></mat-divider>\r\n@if (vm(); as vm) {\r\n    @defer (on viewport) {\r\n\r\n    <mat-accordion togglePosition=\"before\">\r\n        @for(section of (vm.inputElementEditorConfigs.editorSections||[]); track section.id; let i = $index) {\r\n        <mat-expansion-panel>\r\n            <mat-expansion-panel-header>\r\n                <mat-panel-title>\r\n                    {{section.label}}\r\n                    <span class=\"spacer\"></span>\r\n                    @if (section.hasErrors) {\r\n                    <mat-icon color=\"warn\">error</mat-icon>\r\n                    }\r\n                    @if (section.showItemValue && !!(vm.inputInEdit)) {\r\n                        <span class=\"showItemValue\">\r\n                            {{ vm.inputInEdit[section.showItemValue]}}\r\n                        </span>\r\n                    }\r\n                    <mat-divider style=\"position: absolute; left:0px; width:100%; bottom:0px;\"></mat-divider>\r\n                </mat-panel-title>\r\n            </mat-expansion-panel-header>\r\n\r\n            <div style=\"margin-top: 16px;\"></div>\r\n\r\n            <!-- Element type selector (only in first section) -->\r\n            @if(i === 0) {\r\n            <mat-nav-list>\r\n                <mat-list-item [disabled]=\"vm.inputInEdit?.systemDefault\" matTooltip=\"Change input element\"\r\n                    (click)=\"vm.inputInEdit?.systemDefault? '':clearInputInEdit()\">\r\n                    <mat-icon matListItemAvatar [attr.aria-label]=\"(vm.defaultInputInEdit)?.label\">\r\n                        {{ getInputIcon(vm.inputInEdit?.element) }}\r\n                    </mat-icon>\r\n                    <span matListItemTitle>{{ (vm.defaultInputInEdit)?.label}}</span>\r\n                    <span matListItemMeta>\r\n                        <mat-icon>arrow_forward_ios</mat-icon>\r\n                    </span>\r\n                </mat-list-item>\r\n                <mat-divider></mat-divider>\r\n            </mat-nav-list>\r\n            }\r\n\r\n            <!-- Section elements -->\r\n            @for(element of section.elements; track element.id) {\r\n            <p style=\"margin-bottom: 16px; margin-top: 8px;\">\r\n                @defer (on viewport) {\r\n                <lib-t-dynamic-data-edit\r\n                [editorConfig]=\"element\"\r\n                [data]=\"(vm.inputInEdit)\"\r\n                [validationErrors]=\"element.computedErrors||[]\"\r\n                (valueChange)=\"elementConfigurationChanged($event, element)\" [formInputs]=\"(vm.formInputs)||[]\"\r\n                (blur)=\"elementBlur($event, element)\">\r\n                </lib-t-dynamic-data-edit>\r\n                } @placeholder {\r\n            <div style=\"padding: 50px; display:flex; justify-content:center; align-items:center; text-align: center;\">\r\n                <mat-spinner diameter=\"18\"></mat-spinner>\r\n            </div>\r\n            }\r\n            </p>\r\n            }\r\n        </mat-expansion-panel>\r\n        }\r\n    </mat-accordion>\r\n    } @placeholder {\r\n    <div style=\"padding: 50px; display:flex; justify-content:center; align-items:center; text-align: center;\">\r\n        <mat-spinner diameter=\"50\" />\r\n    </div>\r\n    } @error {\r\n    <div style=\"padding: 16px;\">\r\n        <mat-error>\r\n            <h3>Error loading element editor</h3>\r\n            <p>An error occurred while loading the element editor. Please try again later.</p>\r\n        </mat-error>\r\n    </div>\r\n\r\n    }\r\n\r\n\r\n\r\n\r\n    <!-- Diagnostic section -->\r\n    <mat-toolbar class=\"section-header\">\r\n        <span class=\"header\">Diagnostic data</span>\r\n        <span class=\"spacer\"></span>\r\n    </mat-toolbar>\r\n    <mat-divider></mat-divider>\r\n\r\n    <mat-accordion togglePosition=\"before\">\r\n\r\n        @if(((vm.inputInEditValidationErrors)||[]).length > 0) {\r\n        <mat-expansion-panel>\r\n            <mat-expansion-panel-header>\r\n                <mat-panel-title>\r\n                    Validation Errors\r\n                    <span class=\"spacer\"></span>\r\n                    <mat-error>\r\n                        {{(vm.inputInEditValidationErrors).length||''}}\r\n                    </mat-error>\r\n                    <mat-divider style=\"position: absolute; left:0px; width:100%; bottom:0px;\"></mat-divider>\r\n                </mat-panel-title>\r\n            </mat-expansion-panel-header>\r\n            <div style=\"margin-top: 16px;\"></div>\r\n            <mat-error style=\"border: solid 1px; border-radius: 8px; padding: 16px;\">\r\n                <h1>All configuration errors:</h1>\r\n                <p>\r\n                    {{(vm.inputInEditValidationErrors).length||''}} errors found. When an error is found, the input will\r\n                    not\r\n                    be saved.\r\n                </p>\r\n                <ul>\r\n                    @for(error of (vm.inputInEditValidationErrors); track error.key) {\r\n                    <li>\r\n                        <strong>{{error.key}}</strong> {{error.message}}\r\n                    </li>\r\n                    }\r\n                </ul>\r\n            </mat-error>\r\n        </mat-expansion-panel>\r\n        }\r\n        <mat-expansion-panel>\r\n            <mat-expansion-panel-header style=\"    padding-right: 0px;\">\r\n                <mat-panel-title>\r\n                    Complete Virtual Model\r\n                    <span class=\"spacer\"></span>\r\n                    <button mat-icon-button (click)=\"showDebugData()\">\r\n                        <mat-icon>\r\n                            troubleshoot\r\n                        </mat-icon>\r\n                    </button>\r\n                    <mat-divider style=\"position: absolute; left:0px; width:100%; bottom:0px;\"></mat-divider>\r\n                </mat-panel-title>\r\n            </mat-expansion-panel-header>\r\n            <div style=\"margin-top: 16px;\"></div>\r\n            <mat-card style=\"padding: 16px;\">\r\n\r\n                <lib-t-dynamic-data-view [data]=\"({\r\n            'Default Input Template InEdit': vm.defaultInputInEdit,\r\n            'Input In Edit': vm.inputInEdit,\r\n            'Input Editor Sections': vm.inputElementEditorConfigs?.editorSections,\r\n            })\"></lib-t-dynamic-data-view>\r\n\r\n            </mat-card>\r\n        </mat-expansion-panel>\r\n\r\n    </mat-accordion>\r\n}\r\n","import { AsyncPipe } from '@angular/common';\r\nimport { ChangeDetectionStrategy, Component, inject } from '@angular/core';\r\nimport { MatCardModule } from '@angular/material/card';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatDividerModule } from '@angular/material/divider';\r\nimport { MatToolbarModule } from '@angular/material/toolbar';\r\nimport { DragDropModule } from '@angular/cdk/drag-drop';\r\n\r\nimport { DefaultElementComponent } from '../default-element/default-element.component';\r\nimport { InputElementEditorComponent } from '../input-element-editor/input-element-editor.component';\r\nimport { FormsStoreService } from '../../../forms/store/forms-store.service';\r\n\r\nimport { Observable, take, tap } from 'rxjs';\r\nimport { DefaultInputConfig } from 'ngx-t-forms-types';\r\n\r\n@Component({\r\n  selector: 'lib-input-editor',\r\n  imports: [\r\n    AsyncPipe,\r\n    MatCardModule,\r\n    MatButtonModule,\r\n    MatIconModule,\r\n    MatDividerModule,\r\n    MatToolbarModule,\r\n    DragDropModule,\r\n    DefaultElementComponent,\r\n    InputElementEditorComponent,\r\n  ],\r\n  templateUrl: './input-editor.component.html',\r\n  styleUrl: './input-editor.component.scss',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class InputEditorComponent {\r\n  readonly #store = inject(FormsStoreService);\r\n\r\n  protected readonly defaultInputs = DefaultInputConfig;\r\n  protected readonly inputInEdit$ = this.#store.formBuilderSelectors.inputInEdit$;\r\n  protected readonly defaultInputInEdit$ = this.#store.formBuilderSelectors.defaultInputInEdit$;\r\n\r\n  protected readonly saveInput = (): void => {\r\n    this.inputInEdit$\r\n      .pipe(\r\n        take(1),\r\n        tap((inputVal) => {\r\n          if (!inputVal) return;\r\n          this.#store.actionsFormBuilder.saveInput(inputVal.id);\r\n        }),\r\n      )\r\n      .subscribe();\r\n  };\r\n\r\n  protected readonly closeEditor = (): void => {\r\n    this.#store.actions.setInputInEditId({ inputInEdit: null });\r\n  };\r\n\r\n  protected get validationErrors$(): Observable<{ key: string; message: string }[] | null> {\r\n    return this.#store.formBuilderSelectors.inputInEditValidationErrors$;\r\n  }\r\n}\r\n","<mat-card\r\n\r\nstyle=\"\r\n\r\nbackground: var(--mat-sys-surface-container, var(--mat-app-surface));\r\nmargin:0px;\r\nborder:solid 1px var(--mat-divider-color, var(--mat-app-outline))\">\r\n\r\n    <mat-card-header >\r\n        <mat-card-title>\r\n            {{\r\n                !!(inputInEdit$|async)?.element\r\n                  ? \"Edit \" +      (inputInEdit$|async)?.label + \" element\"\r\n                  : \"Setup Form Element\"\r\n              }}\r\n        </mat-card-title>\r\n        <mat-card-subtitle>   {{\r\n            !!(inputInEdit$|async)?.element? \"Configure the element below\": \"Form element are components making up a form section. Types of form elements are defined by their behaviour and use case, for example a date range picker is well suited to determine duration.\"\r\n          }}</mat-card-subtitle>\r\n          <button style=\"position: absolute;right:4px\" mat-icon-button cdkDragHandle >\r\n            <mat-icon>drag_indicator</mat-icon>\r\n          </button>\r\n      </mat-card-header>\r\n\r\n\r\n\r\n        @if(!!((inputInEdit$|async))?.element){\r\n            <lib-input-element-editor\r\n            style=\"background: var(--mat-sys-surface-container, var(--mat-app-surface))\">\r\n          </lib-input-element-editor>\r\n        }@else{\r\n            <lib-default-element  style=\"background: var(--mat-sys-surface-container, var(--mat-app-surface))\"></lib-default-element>\r\n        }\r\n        <br>\r\n\r\n      <br>\r\n      <mat-divider style=\"position: sticky;bottom: 53px;\"></mat-divider>\r\n     <mat-toolbar style=\"position: sticky;bottom: 0;\">\r\n      <span class=\"spacer\"></span>\r\n            <button (click)=\"closeEditor()\" class=\"\" mat-button>close</button>\r\n\r\n            @if (!((inputInEdit$|async))?.id) {\r\n                <button mat-flat-button\r\n                    (click)=\"saveInput()\"\r\n                    [disabled]=\"((validationErrors$|async)||[]).length>0\"\r\n                    color=\"primary\">save new input</button>\r\n            }\r\n     </mat-toolbar>\r\n\r\n\r\n</mat-card>\r\n"],"names":["i1","i2","i3","i4","i5","i6","i7","i8","i9"],"mappings":"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"}

package/fesm2022/{ngx-t-forms-map-mat-options-keys-CbdW82su.mjs → ngx-t-forms-map-mat-options-keys-B6hJ7Io5.mjs}

@@ -1,8 +1,8 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Output, Input, HostBinding, Optional, Self, Component } from '@angular/core';
+import { output, Input, Optional, Self, ChangeDetectionStrategy, Component } from '@angular/core';
 import { MatFormFieldControl } from '@angular/material/form-field';
 import { Subject } from 'rxjs';
-import { j as DataTreeComponent } from './ngx-t-forms-ngx-t-forms-D9qmig6g.mjs';
+import { l as DataTreeComponent } from './ngx-t-forms-ngx-t-forms-u_kigDid.mjs';
 import { CommonModule } from '@angular/common';
 import * as i1 from '@angular/forms';
 
@@ -32,7 +32,7 @@ class MapMatOptionsKeys {
         this.value = null;
         this.formInputs = [];
         // -- Outputs --
-        this.valueChanged = new EventEmitter();
+        this.valueChanged = output();
         this.onTouched = () => { };
         if (this.ngControl) {
             this.ngControl.valueAccessor = this;
@@ -94,19 +94,19 @@ class MapMatOptionsKeys {
         this.valueChanged.emit(path);
         this.stateChanges.next();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: MapMatOptionsKeys, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: MapMatOptionsKeys, isStandalone: true, selector: "lib-map-mat-options-keys", inputs: { disabled: "disabled", errors: "errors", value: "value", formInputs: "formInputs", mapToData: "mapToData" }, outputs: { valueChanged: "valueChanged" }, host: { properties: { "id": "this.id" } }, providers: [{ provide: MatFormFieldControl, useExisting: MapMatOptionsKeys }], ngImport: i0, template: "<div class=\"lib-map-mat-options-keys\">\r\n  <app-data-tree\r\n    [data]=\"mapToData\"\r\n    [value]=\"value || ''\"\r\n    [formInputs]=\"formInputs\"\r\n    (pathChanged)=\"pathChanged($event)\">\r\n  </app-data-tree>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "component", type: DataTreeComponent, selector: "app-data-tree", inputs: ["data", "value", "formInputs"], outputs: ["pathChanged"] }, { kind: "ngmodule", type: CommonModule }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: MapMatOptionsKeys, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.12", type: MapMatOptionsKeys, isStandalone: true, selector: "lib-map-mat-options-keys", inputs: { disabled: "disabled", errors: "errors", value: "value", formInputs: "formInputs", mapToData: "mapToData" }, outputs: { valueChanged: "valueChanged" }, host: { properties: { "id": "id" } }, providers: [{ provide: MatFormFieldControl, useExisting: MapMatOptionsKeys }], ngImport: i0, template: "<div class=\"lib-map-mat-options-keys\">\r\n  <lib-data-tree\r\n    [data]=\"mapToData\"\r\n    [value]=\"value || ''\"\r\n    [formInputs]=\"formInputs\"\r\n    (pathChanged)=\"pathChanged($event)\">\r\n  </lib-data-tree>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "component", type: DataTreeComponent, selector: "lib-data-tree", inputs: ["data", "value", "formInputs"], outputs: ["pathChanged"] }, { kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: MapMatOptionsKeys, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: MapMatOptionsKeys, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-map-mat-options-keys', imports: [DataTreeComponent, CommonModule], providers: [{ provide: MatFormFieldControl, useExisting: MapMatOptionsKeys }], standalone: true, template: "<div class=\"lib-map-mat-options-keys\">\r\n  <app-data-tree\r\n    [data]=\"mapToData\"\r\n    [value]=\"value || ''\"\r\n    [formInputs]=\"formInputs\"\r\n    (pathChanged)=\"pathChanged($event)\">\r\n  </app-data-tree>\r\n</div>\r\n" }]
+            args: [{ selector: 'lib-map-mat-options-keys', imports: [DataTreeComponent, CommonModule], providers: [{ provide: MatFormFieldControl, useExisting: MapMatOptionsKeys }], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '[id]': 'id',
+                    }, template: "<div class=\"lib-map-mat-options-keys\">\r\n  <lib-data-tree\r\n    [data]=\"mapToData\"\r\n    [value]=\"value || ''\"\r\n    [formInputs]=\"formInputs\"\r\n    (pathChanged)=\"pathChanged($event)\">\r\n  </lib-data-tree>\r\n</div>\r\n" }]
         }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
                     type: Optional
                 }, {
                     type: Self
-                }] }, { type: i0.ElementRef }], propDecorators: { id: [{
-                type: HostBinding
-            }], disabled: [{
+                }] }, { type: i0.ElementRef }], propDecorators: { disabled: [{
                 type: Input
             }], errors: [{
                 type: Input
@@ -116,9 +116,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                 type: Input
             }], mapToData: [{
                 type: Input
-            }], valueChanged: [{
-                type: Output
-            }] } });
+            }], valueChanged: [{ type: i0.Output, args: ["valueChanged"] }] } });
 
 export { MapMatOptionsKeys };
-//# sourceMappingURL=ngx-t-forms-map-mat-options-keys-CbdW82su.mjs.map
+//# sourceMappingURL=ngx-t-forms-map-mat-options-keys-B6hJ7Io5.mjs.map

package/fesm2022/ngx-t-forms-map-mat-options-keys-B6hJ7Io5.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-t-forms-map-mat-options-keys-B6hJ7Io5.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/map-mat-options-keys/map-mat-options-keys.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/map-mat-options-keys/map-mat-options-keys.html"],"sourcesContent":["import {\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  ElementRef,\r\n  Input,\r\n  OnDestroy,\r\n  Optional,\r\n  Self,\r\n  output,\r\n} from '@angular/core';\r\nimport { NgControl } from '@angular/forms';\r\nimport { MatFormFieldControl } from '@angular/material/form-field';\r\nimport { Subject } from 'rxjs';\r\nimport { IConfigElementError } from '../../t-dynamic-data-edit.component';\r\nimport { FormColumnInputs, TreeNode } from 'ngx-t-forms-types';\r\nimport { DataTreeComponent } from '../api-value-access-rules/elements/data-tree/data-tree.component';\r\nimport { CommonModule } from '@angular/common';\r\n\r\n@Component({\r\n  selector: 'lib-map-mat-options-keys',\r\n  imports: [DataTreeComponent,CommonModule],\r\n  providers: [{ provide: MatFormFieldControl, useExisting: MapMatOptionsKeys }],\r\n  standalone: true,\r\n  templateUrl: './map-mat-options-keys.html',\r\n  styleUrl: './map-mat-options-keys.css',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    '[id]': 'id',\r\n  },\r\n})\r\nexport class MapMatOptionsKeys implements MatFormFieldControl<TreeNode[] | string | null>, OnDestroy {\r\n  static nextId = 0;\r\n  private _mapToData: unknown;\r\n  // -- MatFormFieldControl Boilerplate --\r\n  stateChanges = new Subject<void>();\r\n  id = `lib-map-mat-options-keys-${MapMatOptionsKeys.nextId++}`;\r\n  placeholder = '';\r\n  focused = false;\r\n  touched = false;\r\n  controlType?: string | undefined;\r\n  autofilled?: boolean | undefined;\r\n  userAriaDescribedBy?: string | undefined;\r\n  disableAutomaticLabeling?: boolean | undefined;\r\n  required = false;\r\n\r\n  // -- Inputs --\r\n  @Input() disabled = false;\r\n  @Input() errors: IConfigElementError[] | undefined = [];\r\n  @Input() value: TreeNode[] | string | null = null;\r\n  @Input() formInputs: FormColumnInputs[] = [];\r\n  @Input() set mapToData(value: unknown){\r\n    this._mapToData = value;\r\n    console.error('mapToData changed', value);\r\n  };\r\n  get mapToData(): unknown {\r\n    return this._mapToData;\r\n  }\r\n\r\n  // -- Outputs --\r\n  readonly valueChanged = output<TreeNode[] | string | null>();\r\n\r\n  constructor(\r\n    @Optional() @Self() public ngControl: NgControl,\r\n    private _elementRef: ElementRef<HTMLElement>\r\n  ) {\r\n    if (this.ngControl) {\r\n      this.ngControl.valueAccessor = this;\r\n    }\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this.stateChanges.complete();\r\n  }\r\n\r\n  // -- Getters for Template --\r\n  get empty(): boolean {\r\n    if (this.value == null) return true;\r\n    if (typeof this.value === 'string') return this.value === '';\r\n    return Array.isArray(this.value) && this.value.length === 0;\r\n  }\r\n\r\n  get shouldLabelFloat(): boolean {\r\n    return this.focused || !this.empty;\r\n  }\r\n\r\n  get errorState(): boolean {\r\n    const hasError =\r\n      !!this.ngControl?.control?.errors ||\r\n      ((this.errors?.length ?? 0) > 0 && this.touched);\r\n    return (!this.value && !!this.required) || hasError;\r\n  }\r\n\r\n  // -- MatFormFieldControl Methods --\r\n  setDescribedByIds(ids: string[]): void {\r\n    if (this._elementRef?.nativeElement) {\r\n      const controlElement = this._elementRef.nativeElement.querySelector(\r\n        '.lib-map-mat-options-keys'\r\n      );\r\n      if (controlElement) {\r\n        controlElement.setAttribute('aria-describedby', ids.join(' '));\r\n      }\r\n    }\r\n  }\r\n\r\n  onContainerClick(_event: MouseEvent): void {\r\n    this.markAsTouched();\r\n    this.stateChanges.next();\r\n  }\r\n\r\n  onTouched = (): void => { };\r\n\r\n  markAsTouched(): void {\r\n    if (!this.touched) {\r\n      this.onTouched();\r\n      this.touched = true;\r\n    }\r\n  }\r\n\r\n  // -- ControlValueAccessor --\r\n  writeValue(value: TreeNode[] | string | null): void {\r\n    this.value = value;\r\n    this.stateChanges.next();\r\n  }\r\n\r\n  registerOnChange(_fn: (value: TreeNode[] | string | null) => void): void {\r\n    // Handled by parent or ngControl usually, but good practice to have stub\r\n  }\r\n\r\n  registerOnTouched(fn: () => void): void {\r\n    this.onTouched = fn;\r\n  }\r\n\r\n  pathChanged(path: TreeNode[] | string): void {\r\n    if (!Array.isArray(path) && typeof path !== 'string') return;\r\n    this.value = path;\r\n    this.valueChanged.emit(path);\r\n    this.stateChanges.next();\r\n  }\r\n\r\n \r\n}\r\n","<div class=\"lib-map-mat-options-keys\">\r\n  <lib-data-tree\r\n    [data]=\"mapToData\"\r\n    [value]=\"value || ''\"\r\n    [formInputs]=\"formInputs\"\r\n    (pathChanged)=\"pathChanged($event)\">\r\n  </lib-data-tree>\r\n</div>\r\n"],"names":[],"mappings":"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"}