ngx-t-forms 2.0.31 → 2.0.32

package/fesm2022/{ngx-t-forms-editor-input-element.component-BLXlfb6F.mjs.map → ngx-t-forms-editor-input-element.component-1X6uAPeZ.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ngx-t-forms-editor-input-element.component-BLXlfb6F.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-form-input/elements/editor-input-element/core/quill-input/quill.config.ts","../../../projects/ngx-t-forms/src/lib/components/t-form-input/elements/editor-input-element/core/quill-input/quill-input.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-form-input/elements/editor-input-element/core/quill-input/quill-input.component.html","../../../projects/ngx-t-forms/src/lib/components/t-form-input/elements/editor-input-element/editor-input-element.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-form-input/elements/editor-input-element/editor-input-element.component.html"],"sourcesContent":["import type Quill from 'quill';\nimport type { Op, QuillOptions } from 'quill';\n\n/**\n * Serialized Quill document — the Delta op-list persisted as the control value.\n *\n * Stored as a plain object (NOT a live `Delta` instance) so it round-trips through\n * reactive-form state and the library's structural `_isEqual` check cleanly. `_isEqual`\n * rejects values whose constructors differ, so a `Delta` instance would never compare\n * equal to the plain object rehydrated from saved form data.\n */\nexport interface QuillContent {\n  ops: Op[];\n}\n\n/** Inputs the host component feeds into the Quill setup. */\nexport interface QuillEditorPayload {\n  /** Render the editor in non-editable mode. */\n  readOnly: boolean;\n  /** Placeholder shown while the document is empty. */\n  placeholder?: string;\n}\n\n/**\n * Narrow surface of Quill's built-in table module (`getModule('table')`), typed so the\n * host component can drive table operations without leaking `any`.\n */\nexport interface QuillTableModule {\n  insertTable(rows: number, columns: number): void;\n  insertRowBelow(): void;\n  insertColumnRight(): void;\n  deleteRow(): void;\n  deleteColumn(): void;\n  deleteTable(): void;\n}\n\n/** A custom toolbar control wired to a native Quill table operation. */\nexport interface QuillTableControl {\n  /** Toolbar format key — Quill renders it as a `button.ql-<format>`. */\n  format: string;\n  /** Tooltip surfaced via the button's `title` attribute. */\n  title: string;\n  /** Inline SVG markup. Paths use `ql-stroke` so they inherit the themed icon colour. */\n  icon: string;\n  /** Operation run against the native table module when the button is pressed. */\n  run: (table: QuillTableModule) => void;\n}\n\nconst svg = (body: string): string => `<svg viewBox=\"0 0 18 18\">${body}</svg>`;\n\n/**\n * Word-like table toolkit backed by Quill's native table module. Each control degrades to a\n * no-op when the caret is outside a table, so the buttons are always safe to press.\n */\nexport const QUILL_TABLE_CONTROLS: readonly QuillTableControl[] = [\n  {\n    format: 'table-insert',\n    title: 'Insert table (3×3)',\n    icon: svg('<rect class=\"ql-stroke\" fill=\"none\" x=\"3\" y=\"4\" width=\"12\" height=\"10\" rx=\"1\"></rect><line class=\"ql-stroke\" x1=\"3\" y1=\"7.3\" x2=\"15\" y2=\"7.3\"></line><line class=\"ql-stroke\" x1=\"3\" y1=\"10.6\" x2=\"15\" y2=\"10.6\"></line><line class=\"ql-stroke\" x1=\"7\" y1=\"4\" x2=\"7\" y2=\"14\"></line><line class=\"ql-stroke\" x1=\"11\" y1=\"4\" x2=\"11\" y2=\"14\"></line>'),\n    run: table => table.insertTable(3, 3),\n  },\n  {\n    format: 'table-row',\n    title: 'Insert row below',\n    icon: svg('<rect class=\"ql-stroke\" fill=\"none\" x=\"3\" y=\"3\" width=\"12\" height=\"6\" rx=\"1\"></rect><line class=\"ql-stroke\" x1=\"9\" y1=\"11\" x2=\"9\" y2=\"15\"></line><line class=\"ql-stroke\" x1=\"7\" y1=\"13\" x2=\"11\" y2=\"13\"></line>'),\n    run: table => table.insertRowBelow(),\n  },\n  {\n    format: 'table-column',\n    title: 'Insert column right',\n    icon: svg('<rect class=\"ql-stroke\" fill=\"none\" x=\"3\" y=\"3\" width=\"6\" height=\"12\" rx=\"1\"></rect><line class=\"ql-stroke\" x1=\"13\" y1=\"6\" x2=\"13\" y2=\"12\"></line><line class=\"ql-stroke\" x1=\"11\" y1=\"9\" x2=\"15\" y2=\"9\"></line>'),\n    run: table => table.insertColumnRight(),\n  },\n  {\n    format: 'table-delete-row',\n    title: 'Delete row',\n    icon: svg('<rect class=\"ql-stroke\" fill=\"none\" x=\"3\" y=\"3\" width=\"12\" height=\"6\" rx=\"1\"></rect><line class=\"ql-stroke\" x1=\"7\" y1=\"13\" x2=\"11\" y2=\"13\"></line>'),\n    run: table => table.deleteRow(),\n  },\n  {\n    format: 'table-delete-column',\n    title: 'Delete column',\n    icon: svg('<rect class=\"ql-stroke\" fill=\"none\" x=\"3\" y=\"3\" width=\"6\" height=\"12\" rx=\"1\"></rect><line class=\"ql-stroke\" x1=\"11\" y1=\"9\" x2=\"15\" y2=\"9\"></line>'),\n    run: table => table.deleteColumn(),\n  },\n  {\n    format: 'table-delete',\n    title: 'Delete table',\n    icon: svg('<rect class=\"ql-stroke\" fill=\"none\" x=\"3\" y=\"3\" width=\"12\" height=\"12\" rx=\"1\"></rect><line class=\"ql-stroke\" x1=\"5.5\" y1=\"5.5\" x2=\"12.5\" y2=\"12.5\"></line><line class=\"ql-stroke\" x1=\"12.5\" y1=\"5.5\" x2=\"5.5\" y2=\"12.5\"></line>'),\n    run: table => table.deleteTable(),\n  },\n];\n\n/**\n * Human-readable tooltips for the built-in controls, keyed by the button's CSS selector.\n * Quill ships no titles of its own, so these make the toolbar self-explanatory.\n */\nexport const QUILL_BUILTIN_TITLES: Readonly<Record<string, string>> = {\n  '.ql-bold': 'Bold',\n  '.ql-italic': 'Italic',\n  '.ql-underline': 'Underline',\n  '.ql-strike': 'Strikethrough',\n  '.ql-blockquote': 'Quote',\n  '.ql-code-block': 'Code block',\n  '.ql-link': 'Insert link',\n  '.ql-image': 'Insert image',\n  '.ql-video': 'Embed video',\n  '.ql-clean': 'Clear formatting',\n  '.ql-list[value=\"ordered\"]': 'Numbered list',\n  '.ql-list[value=\"bullet\"]': 'Bulleted list',\n  '.ql-list[value=\"check\"]': 'Checklist',\n  '.ql-script[value=\"sub\"]': 'Subscript',\n  '.ql-script[value=\"super\"]': 'Superscript',\n  '.ql-indent[value=\"-1\"]': 'Decrease indent',\n  '.ql-indent[value=\"+1\"]': 'Increase indent',\n  '.ql-direction[value=\"rtl\"]': 'Right-to-left',\n  '.ql-color': 'Text colour',\n  '.ql-background': 'Highlight colour',\n  '.ql-align': 'Alignment',\n  '.ql-header': 'Heading',\n  '.ql-font': 'Font',\n  '.ql-size': 'Font size',\n};\n\n/**\n * Comprehensive, logically grouped \"snow\" toolbar — headings/fonts, inline styling, colour,\n * scripts, lists, indentation/alignment, blocks, media and a native table toolkit.\n */\nconst TOOLBAR_CONTAINER: readonly unknown[] = [\n  [{ header: [1, 2, 3, 4, 5, 6, false] }, { font: [] }, { size: ['small', false, 'large', 'huge'] }],\n  ['bold', 'italic', 'underline', 'strike'],\n  [{ color: [] }, { background: [] }],\n  [{ script: 'sub' }, { script: 'super' }],\n  [{ list: 'ordered' }, { list: 'bullet' }, { list: 'check' }],\n  [{ indent: '-1' }, { indent: '+1' }, { align: [] }, { direction: 'rtl' }],\n  ['blockquote', 'code-block'],\n  ['link', 'image', 'video'],\n  QUILL_TABLE_CONTROLS.map(control => control.format),\n  ['clean']\n];\n\n/** The `this` context Quill binds when it invokes a toolbar handler. */\ninterface ToolbarHandlerContext {\n  quill: Quill;\n}\n\n/**\n * Builds the toolbar handler map for the custom table buttons.\n *\n * These MUST be supplied in the toolbar config (not added later via `addHandler`): Quill's\n * toolbar skips attaching a click listener to any button whose format is neither a registered\n * blot nor already present in `handlers` at construction time. A late `addHandler` sets the\n * handler but never re-attaches the listener, so the button stays inert.\n */\nconst buildTableHandlers = (): Record<string, (this: ToolbarHandlerContext) => void> => {\n  const handlers: Record<string, (this: ToolbarHandlerContext) => void> = {};\n  for (const control of QUILL_TABLE_CONTROLS) {\n    handlers[control.format] = function tableHandler(this: ToolbarHandlerContext): void {\n      const table = this.quill.getModule('table') as QuillTableModule;\n      // Native table ops bail when there is no selection; force focus + a range first.\n      this.quill.getSelection(true);\n      control.run(table);\n    };\n  }\n  return handlers;\n};\n\n/**\n * Builds a ready-to-use `QuillOptions` for a \"snow\" editor with the native table module\n * enabled and the custom table-button handlers wired into the toolbar config.\n *\n * Browser-only by construction: callers MUST instantiate Quill behind an\n * `isPlatformBrowser(...)` guard because Quill touches `document` at construction time.\n */\nexport const buildQuillOptions = (payload: QuillEditorPayload): QuillOptions => ({\n  theme: 'snow',\n  readOnly: payload.readOnly,\n  placeholder: payload.placeholder ?? \"Let's write something amazing...\",\n  modules: {\n    toolbar: {\n      container: TOOLBAR_CONTAINER,\n      handlers: buildTableHandlers()\n    },\n    table: true,\n    history: { delay: 1000, maxStack: 100, userOnly: true },\n    clipboard: { matchVisual: false }\n  }\n});\n\n/**\n * Quill's empty document is a single trailing newline op. Treat that — and a literally\n * empty op-list — as \"no value\" so `required` validation behaves intuitively.\n */\nexport const isEmptyQuillDocument = (ops: Op[]): boolean =>\n  ops.length === 0 || (ops.length === 1 && ops[0]?.insert === '\\n');\n","/// <reference path=\"../../../../../../../types/quill.d.ts\" />\nimport {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  Input,\n  OnDestroy,\n  PLATFORM_ID,\n  inject,\n  input,\n  output,\n  viewChild\n} from '@angular/core';\nimport { isPlatformBrowser } from '@angular/common';\nimport { NgControl } from '@angular/forms';\n\nimport { ITowerStepColumn } from 'ngx-t-forms-types';\n// Mirrors the EditorJS sibling (Trap 16): `quill` is a browser-only bundle that touches\n// `document` at construction time and crashes under bare-Node SSR. The top-level import is\n// type-only (zero runtime emission); the real load happens inside the SSR-gated\n// `ngAfterViewInit` via dynamic `import()`.\nimport type QuillType from 'quill';\nimport { MatFormFieldControl } from '@angular/material/form-field';\n\nimport { BaseCustomInput, BaseCustomInputConfig } from '../../../../../../services/core/t-input-controller/functions/baseCustomInput';\nimport {\n  buildQuillOptions,\n  isEmptyQuillDocument,\n  QUILL_BUILTIN_TITLES,\n  QUILL_TABLE_CONTROLS,\n  QuillContent\n} from './quill.config';\nimport { _isEqual } from '../../../../../../shared/functions/isEqual';\n\nconst customInputConfig: BaseCustomInputConfig = {\n  controlType: 'lib-quill-input',\n  nextId: 0\n};\n\n/**\n * Quill (\"snow\" theme) rich-text editor wired into Angular Material's form-field as a\n * custom `MatFormFieldControl`. The full Quill setup — toolbar, formats, history — lives in\n * `quill.config.ts`; this component owns lifecycle, SSR gating and value round-tripping.\n */\n@Component({\n  selector: 'lib-quill-input',\n  templateUrl: './quill-input.component.html',\n  styleUrl: './quill-input.component.css',\n  imports: [],\n  host: {\n    '[class.floating]': 'shouldLabelFloat',\n    '[id]': 'id'\n  },\n  providers: [{ provide: MatFormFieldControl, useExisting: QuillInputComponent }],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class QuillInputComponent\n  extends BaseCustomInput<QuillContent | undefined>\n  implements AfterViewInit, OnDestroy {\n\n  readonly inputConfig = input.required<ITowerStepColumn>();\n\n  readonly valueChanged = output<QuillContent | undefined>();\n\n  protected editor: QuillType | undefined;\n\n  private readonly editorHost = viewChild.required<ElementRef<HTMLElement>>('editorHost');\n\n  readonly #platformId = inject(PLATFORM_ID);\n\n  #changeHandler: (() => void) | undefined;\n\n  constructor() {\n    super(\n      inject(NgControl, { optional: true, self: true }) as NgControl,\n      inject<ElementRef<HTMLElement>>(ElementRef),\n      customInputConfig\n    );\n  }\n\n  override get empty(): boolean {\n    const n = this.value;\n    return n === null || n === undefined;\n  }\n\n  override get shouldLabelFloat(): boolean {\n    return true;\n  }\n\n  override _value: QuillContent | undefined = undefined;\n\n  @Input() override set value(value: QuillContent | undefined) {\n    if (!_isEqual(this._value, value)) {\n      this._value = value;\n      this.onChange(value);\n      this.stateChanges.next();\n    }\n  }\n\n  override get value(): QuillContent | undefined {\n    return this._value;\n  }\n\n  async ngAfterViewInit(): Promise<void> {\n    if (!isPlatformBrowser(this.#platformId)) return;\n\n    // Browser-only dynamic load — see the Trap 16 comment at the top of this file. The\n    // CSS import injects Quill's global theme styles (Quill's runtime DOM is not view-scoped).\n    const [{ default: Quill, Delta }] = await Promise.all([\n      import('quill'),\n      import('quill/dist/quill.snow.css')\n    ]);\n\n    const config = this.inputConfig();\n    this.editor = new Quill(this.editorHost().nativeElement, buildQuillOptions({\n      readOnly: config.readonly || false,\n      placeholder: config.placeholder\n    }));\n\n    const initial = this.value;\n    if (initial?.ops?.length) {\n      this.editor.setContents(new Delta(initial.ops), 'silent');\n    }\n\n    this.#decorateToolbar();\n\n    this.#changeHandler = () => this.contentChangedSaveValue();\n    this.editor.on('text-change', this.#changeHandler);\n  }\n\n  /**\n   * Quill ships no icons for custom buttons and no tooltips for any button. Inject themeable\n   * SVG icons (their `ql-stroke` paths inherit the toolbar colour) and `title` tooltips so the\n   * toolbar reads clearly in both light and dark mode.\n   */\n  #decorateToolbar(): void {\n    const root = this._elementRef.nativeElement;\n    for (const control of QUILL_TABLE_CONTROLS) {\n      const button = root.querySelector<HTMLElement>(`.ql-${control.format}`);\n      if (!button) continue;\n      button.innerHTML = control.icon;\n      button.setAttribute('title', control.title);\n    }\n    for (const [selector, title] of Object.entries(QUILL_BUILTIN_TITLES)) {\n      root.querySelectorAll<HTMLElement>(selector).forEach(el => el.setAttribute('title', title));\n    }\n  }\n\n  contentChangedSaveValue(): void {\n    if (!this.editor) return;\n    const ops = this.editor.getContents().ops;\n    const value: QuillContent | undefined = isEmptyQuillDocument(ops) ? undefined : { ops };\n    this.value = value;\n    this.onChange(value);\n    console.error('Quill content changed, new value:', value);\n    this.valueChanged.emit(value);\n  }\n\n  override ngOnDestroy(): void {\n    this.stateChanges.complete();\n    if (this.editor && this.#changeHandler) {\n      this.editor.off('text-change', this.#changeHandler);\n    }\n    this.editor = undefined;\n  }\n}\n","\n<div class=\"quill-host\">\n  <div #editorHost></div>\n</div>\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 { RichTextEditorType } from 'ngx-t-forms-types';\r\nimport { TFormInputStatusComponent } from '../../../t-form-input-status/t-form-input-status.component';\r\nimport { EditorJsInputComponent } from './core/editor-js-input/editor-js-input.component';\r\nimport { QuillInputComponent } from './core/quill-input/quill-input.component';\r\nimport { getInputErrorMessage } from '../../../../services/core/t-input-controller/functions/inputErrorMessage';\r\n\r\n/**\r\n * Wraps a configurable rich-text editor inside a `mat-form-field`, selecting the concrete\r\n * editor (EditorJS or Quill) from the column's `richTextEditorLibrary`, with shared\r\n * label / hint / error / suffix / prefix metadata from the column.\r\n */\r\n@Component({\r\n  selector: 'lib-editor-input-element',\r\n  templateUrl: './editor-input-element.component.html',\r\n  styleUrl: './editor-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    EditorJsInputComponent,\r\n    QuillInputComponent,\r\n  ],\r\n})\r\nexport class EditorInputElementComponent {\r\n  readonly inputConfig = input.required<ITowerStepColumn>();\r\n  readonly formGroup = input.required<FormGroup>();\r\n  readonly reload = output<void>();\r\n\r\n  /** Editor-library enum exposed for `@switch` in the template. */\r\n  protected readonly editorType = RichTextEditorType;\r\n\r\n  protected readonly errorMessage = computed(() =>\r\n    getInputErrorMessage(this.inputConfig(), this.formGroup()),\r\n  );\r\n}\r\n","<form [formGroup]=\"formGroup()\">\n  @if (inputConfig(); as inputConfig) {\n    <mat-form-field [appearance]=\"inputConfig.appearance || 'fill'\" subscriptSizing=\"dynamic\">\n      <mat-label>\n        {{ inputConfig.label }}\n        <lib-t-form-input-status [inputConfig]=\"inputConfig\"></lib-t-form-input-status>\n      </mat-label>\n\n      @switch (inputConfig.richTextEditorLibrary) {\n        @case (editorType.Quill) {\n          <lib-quill-input\n            [inputConfig]=\"inputConfig\"\n            [formControlName]=\"inputConfig.id\"\n            [required]=\"inputConfig.required\"\n          ></lib-quill-input>\n        }\n        @case (editorType.EditorJS) {\n          <lib-editor-js-input\n            [inputConfig]=\"inputConfig\"\n            [formControlName]=\"inputConfig.id\"\n            [required]=\"inputConfig.required\"\n          ></lib-editor-js-input>\n        }\n      }\n\n      @if (inputConfig.hintLabel || inputConfig.temporaryHint) {\n        <mat-hint class=\"inputHint\">\n          {{ inputConfig.temporaryHint || inputConfig.hintLabel }}\n        </mat-hint>\n      }\n\n      @if (!!errorMessage()) {\n        <mat-error class=\"oneLineTextEllipsis\" matTooltipClass=\"errorToolTip\">{{ errorMessage() }}</mat-error>\n      }\n\n      @if (inputConfig.prefixIcon) {\n        <mat-icon matPrefix>{{ inputConfig.prefixIcon }}</mat-icon>\n      }\n\n      @if (inputConfig.canReload?.canReload) {\n        <button\n          mat-icon-button\n          style=\"margin-right: 4px;\"\n          matTooltip=\"Click to refresh this field.\"\n          class=\"input-sync-button\"\n          (click)=\"inputConfig.canReload.emit()\"\n          matSuffix\n        >\n          <mat-icon style=\"color: var(--mat-sys-primary)\">sync</mat-icon>\n        </button>\n      }\n\n      @if (inputConfig.suffixIcon && inputConfig.id !== 'password') {\n        <mat-icon matSuffix>{{ inputConfig.suffixIcon }}</mat-icon>\n      }\n\n      @if (inputConfig.prefixText) {\n        <span matPrefix style=\"top: 0\">{{ inputConfig.prefixText }}</span>\n      }\n      @if (inputConfig.suffixText) {\n        <span matSuffix style=\"padding-left: 5px\">{{ inputConfig.suffixText }}</span>\n      }\n\n      @if (inputConfig.maxLength && formGroup()) {\n        <mat-hint align=\"end\">\n          {{ (formGroup().controls[inputConfig.id]?.value?.length || 0) + '/' + inputConfig.maxLength }}\n        </mat-hint>\n      }\n    </mat-form-field>\n  }\n</form>\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngx-t-forms-editor-input-element.component-1X6uAPeZ.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-form-input/elements/editor-input-element/core/quill-input/quill.config.ts","../../../projects/ngx-t-forms/src/lib/components/t-form-input/elements/editor-input-element/core/quill-input/quill-input.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-form-input/elements/editor-input-element/core/quill-input/quill-input.component.html","../../../projects/ngx-t-forms/src/lib/components/t-form-input/elements/editor-input-element/editor-input-element.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-form-input/elements/editor-input-element/editor-input-element.component.html"],"sourcesContent":["import type Quill from 'quill';\nimport type { Op, QuillOptions } from 'quill';\n\n/**\n * Serialized Quill document — the Delta op-list persisted as the control value.\n *\n * Stored as a plain object (NOT a live `Delta` instance) so it round-trips through\n * reactive-form state and the library's structural `_isEqual` check cleanly. `_isEqual`\n * rejects values whose constructors differ, so a `Delta` instance would never compare\n * equal to the plain object rehydrated from saved form data.\n */\nexport interface QuillContent {\n  ops: Op[];\n}\n\n/** Inputs the host component feeds into the Quill setup. */\nexport interface QuillEditorPayload {\n  /** Render the editor in non-editable mode. */\n  readOnly: boolean;\n  /** Placeholder shown while the document is empty. */\n  placeholder?: string;\n}\n\n/**\n * Narrow surface of Quill's built-in table module (`getModule('table')`), typed so the\n * host component can drive table operations without leaking `any`.\n */\nexport interface QuillTableModule {\n  insertTable(rows: number, columns: number): void;\n  insertRowBelow(): void;\n  insertColumnRight(): void;\n  deleteRow(): void;\n  deleteColumn(): void;\n  deleteTable(): void;\n}\n\n/** A custom toolbar control wired to a native Quill table operation. */\nexport interface QuillTableControl {\n  /** Toolbar format key — Quill renders it as a `button.ql-<format>`. */\n  format: string;\n  /** Tooltip surfaced via the button's `title` attribute. */\n  title: string;\n  /** Inline SVG markup. Paths use `ql-stroke` so they inherit the themed icon colour. */\n  icon: string;\n  /** Operation run against the native table module when the button is pressed. */\n  run: (table: QuillTableModule) => void;\n}\n\nconst svg = (body: string): string => `<svg viewBox=\"0 0 18 18\">${body}</svg>`;\n\n/**\n * Word-like table toolkit backed by Quill's native table module. Each control degrades to a\n * no-op when the caret is outside a table, so the buttons are always safe to press.\n */\nexport const QUILL_TABLE_CONTROLS: readonly QuillTableControl[] = [\n  {\n    format: 'table-insert',\n    title: 'Insert table (3×3)',\n    icon: svg('<rect class=\"ql-stroke\" fill=\"none\" x=\"3\" y=\"4\" width=\"12\" height=\"10\" rx=\"1\"></rect><line class=\"ql-stroke\" x1=\"3\" y1=\"7.3\" x2=\"15\" y2=\"7.3\"></line><line class=\"ql-stroke\" x1=\"3\" y1=\"10.6\" x2=\"15\" y2=\"10.6\"></line><line class=\"ql-stroke\" x1=\"7\" y1=\"4\" x2=\"7\" y2=\"14\"></line><line class=\"ql-stroke\" x1=\"11\" y1=\"4\" x2=\"11\" y2=\"14\"></line>'),\n    run: table => table.insertTable(3, 3),\n  },\n  {\n    format: 'table-row',\n    title: 'Insert row below',\n    icon: svg('<rect class=\"ql-stroke\" fill=\"none\" x=\"3\" y=\"3\" width=\"12\" height=\"6\" rx=\"1\"></rect><line class=\"ql-stroke\" x1=\"9\" y1=\"11\" x2=\"9\" y2=\"15\"></line><line class=\"ql-stroke\" x1=\"7\" y1=\"13\" x2=\"11\" y2=\"13\"></line>'),\n    run: table => table.insertRowBelow(),\n  },\n  {\n    format: 'table-column',\n    title: 'Insert column right',\n    icon: svg('<rect class=\"ql-stroke\" fill=\"none\" x=\"3\" y=\"3\" width=\"6\" height=\"12\" rx=\"1\"></rect><line class=\"ql-stroke\" x1=\"13\" y1=\"6\" x2=\"13\" y2=\"12\"></line><line class=\"ql-stroke\" x1=\"11\" y1=\"9\" x2=\"15\" y2=\"9\"></line>'),\n    run: table => table.insertColumnRight(),\n  },\n  {\n    format: 'table-delete-row',\n    title: 'Delete row',\n    icon: svg('<rect class=\"ql-stroke\" fill=\"none\" x=\"3\" y=\"3\" width=\"12\" height=\"6\" rx=\"1\"></rect><line class=\"ql-stroke\" x1=\"7\" y1=\"13\" x2=\"11\" y2=\"13\"></line>'),\n    run: table => table.deleteRow(),\n  },\n  {\n    format: 'table-delete-column',\n    title: 'Delete column',\n    icon: svg('<rect class=\"ql-stroke\" fill=\"none\" x=\"3\" y=\"3\" width=\"6\" height=\"12\" rx=\"1\"></rect><line class=\"ql-stroke\" x1=\"11\" y1=\"9\" x2=\"15\" y2=\"9\"></line>'),\n    run: table => table.deleteColumn(),\n  },\n  {\n    format: 'table-delete',\n    title: 'Delete table',\n    icon: svg('<rect class=\"ql-stroke\" fill=\"none\" x=\"3\" y=\"3\" width=\"12\" height=\"12\" rx=\"1\"></rect><line class=\"ql-stroke\" x1=\"5.5\" y1=\"5.5\" x2=\"12.5\" y2=\"12.5\"></line><line class=\"ql-stroke\" x1=\"12.5\" y1=\"5.5\" x2=\"5.5\" y2=\"12.5\"></line>'),\n    run: table => table.deleteTable(),\n  },\n];\n\n/**\n * Human-readable tooltips for the built-in controls, keyed by the button's CSS selector.\n * Quill ships no titles of its own, so these make the toolbar self-explanatory.\n */\nexport const QUILL_BUILTIN_TITLES: Readonly<Record<string, string>> = {\n  '.ql-bold': 'Bold',\n  '.ql-italic': 'Italic',\n  '.ql-underline': 'Underline',\n  '.ql-strike': 'Strikethrough',\n  '.ql-blockquote': 'Quote',\n  '.ql-code-block': 'Code block',\n  '.ql-link': 'Insert link',\n  '.ql-image': 'Insert image',\n  '.ql-video': 'Embed video',\n  '.ql-clean': 'Clear formatting',\n  '.ql-list[value=\"ordered\"]': 'Numbered list',\n  '.ql-list[value=\"bullet\"]': 'Bulleted list',\n  '.ql-list[value=\"check\"]': 'Checklist',\n  '.ql-script[value=\"sub\"]': 'Subscript',\n  '.ql-script[value=\"super\"]': 'Superscript',\n  '.ql-indent[value=\"-1\"]': 'Decrease indent',\n  '.ql-indent[value=\"+1\"]': 'Increase indent',\n  '.ql-direction[value=\"rtl\"]': 'Right-to-left',\n  '.ql-color': 'Text colour',\n  '.ql-background': 'Highlight colour',\n  '.ql-align': 'Alignment',\n  '.ql-header': 'Heading',\n  '.ql-font': 'Font',\n  '.ql-size': 'Font size',\n};\n\n/**\n * Comprehensive, logically grouped \"snow\" toolbar — headings/fonts, inline styling, colour,\n * scripts, lists, indentation/alignment, blocks, media and a native table toolkit.\n */\nconst TOOLBAR_CONTAINER: readonly unknown[] = [\n  [{ header: [1, 2, 3, 4, 5, 6, false] }, { font: [] }, { size: ['small', false, 'large', 'huge'] }],\n  ['bold', 'italic', 'underline', 'strike'],\n  [{ color: [] }, { background: [] }],\n  [{ script: 'sub' }, { script: 'super' }],\n  [{ list: 'ordered' }, { list: 'bullet' }, { list: 'check' }],\n  [{ indent: '-1' }, { indent: '+1' }, { align: [] }, { direction: 'rtl' }],\n  ['blockquote', 'code-block'],\n  ['link', 'image', 'video'],\n  QUILL_TABLE_CONTROLS.map(control => control.format),\n  ['clean']\n];\n\n/** The `this` context Quill binds when it invokes a toolbar handler. */\ninterface ToolbarHandlerContext {\n  quill: Quill;\n}\n\n/**\n * Builds the toolbar handler map for the custom table buttons.\n *\n * These MUST be supplied in the toolbar config (not added later via `addHandler`): Quill's\n * toolbar skips attaching a click listener to any button whose format is neither a registered\n * blot nor already present in `handlers` at construction time. A late `addHandler` sets the\n * handler but never re-attaches the listener, so the button stays inert.\n */\nconst buildTableHandlers = (): Record<string, (this: ToolbarHandlerContext) => void> => {\n  const handlers: Record<string, (this: ToolbarHandlerContext) => void> = {};\n  for (const control of QUILL_TABLE_CONTROLS) {\n    handlers[control.format] = function tableHandler(this: ToolbarHandlerContext): void {\n      const table = this.quill.getModule('table') as QuillTableModule;\n      // Native table ops bail when there is no selection; force focus + a range first.\n      this.quill.getSelection(true);\n      control.run(table);\n    };\n  }\n  return handlers;\n};\n\n/**\n * Builds a ready-to-use `QuillOptions` for a \"snow\" editor with the native table module\n * enabled and the custom table-button handlers wired into the toolbar config.\n *\n * Browser-only by construction: callers MUST instantiate Quill behind an\n * `isPlatformBrowser(...)` guard because Quill touches `document` at construction time.\n */\nexport const buildQuillOptions = (payload: QuillEditorPayload): QuillOptions => ({\n  theme: 'snow',\n  readOnly: payload.readOnly,\n  placeholder: payload.placeholder ?? \"Let's write something amazing...\",\n  modules: {\n    toolbar: {\n      container: TOOLBAR_CONTAINER,\n      handlers: buildTableHandlers()\n    },\n    table: true,\n    history: { delay: 1000, maxStack: 100, userOnly: true },\n    clipboard: { matchVisual: false }\n  }\n});\n\n/**\n * Quill's empty document is a single trailing newline op. Treat that — and a literally\n * empty op-list — as \"no value\" so `required` validation behaves intuitively.\n */\nexport const isEmptyQuillDocument = (ops: Op[]): boolean =>\n  ops.length === 0 || (ops.length === 1 && ops[0]?.insert === '\\n');\n","/// <reference path=\"../../../../../../../types/quill.d.ts\" />\nimport {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  Input,\n  OnDestroy,\n  PLATFORM_ID,\n  inject,\n  input,\n  output,\n  viewChild\n} from '@angular/core';\nimport { isPlatformBrowser } from '@angular/common';\nimport { NgControl } from '@angular/forms';\n\nimport { ITowerStepColumn } from 'ngx-t-forms-types';\n// Mirrors the EditorJS sibling (Trap 16): `quill` is a browser-only bundle that touches\n// `document` at construction time and crashes under bare-Node SSR. The top-level import is\n// type-only (zero runtime emission); the real load happens inside the SSR-gated\n// `ngAfterViewInit` via dynamic `import()`.\nimport type QuillType from 'quill';\nimport { MatFormFieldControl } from '@angular/material/form-field';\n\nimport { BaseCustomInput, BaseCustomInputConfig } from '../../../../../../services/core/t-input-controller/functions/baseCustomInput';\nimport {\n  buildQuillOptions,\n  isEmptyQuillDocument,\n  QUILL_BUILTIN_TITLES,\n  QUILL_TABLE_CONTROLS,\n  QuillContent\n} from './quill.config';\nimport { _isEqual } from '../../../../../../shared/functions/isEqual';\n\nconst customInputConfig: BaseCustomInputConfig = {\n  controlType: 'lib-quill-input',\n  nextId: 0\n};\n\n/**\n * Quill (\"snow\" theme) rich-text editor wired into Angular Material's form-field as a\n * custom `MatFormFieldControl`. The full Quill setup — toolbar, formats, history — lives in\n * `quill.config.ts`; this component owns lifecycle, SSR gating and value round-tripping.\n */\n@Component({\n  selector: 'lib-quill-input',\n  templateUrl: './quill-input.component.html',\n  styleUrl: './quill-input.component.css',\n  imports: [],\n  host: {\n    '[class.floating]': 'shouldLabelFloat',\n    '[id]': 'id'\n  },\n  providers: [{ provide: MatFormFieldControl, useExisting: QuillInputComponent }],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class QuillInputComponent\n  extends BaseCustomInput<QuillContent | undefined>\n  implements AfterViewInit, OnDestroy {\n\n  readonly inputConfig = input.required<ITowerStepColumn>();\n\n  readonly valueChanged = output<QuillContent | undefined>();\n\n  protected editor: QuillType | undefined;\n\n  private readonly editorHost = viewChild.required<ElementRef<HTMLElement>>('editorHost');\n\n  readonly #platformId = inject(PLATFORM_ID);\n\n  #changeHandler: (() => void) | undefined;\n\n  constructor() {\n    super(\n      inject(NgControl, { optional: true, self: true }) as NgControl,\n      inject<ElementRef<HTMLElement>>(ElementRef),\n      customInputConfig\n    );\n  }\n\n  override get empty(): boolean {\n    const n = this.value;\n    return n === null || n === undefined;\n  }\n\n  override get shouldLabelFloat(): boolean {\n    return true;\n  }\n\n  override _value: QuillContent | undefined = undefined;\n\n  @Input() override set value(value: QuillContent | undefined) {\n    if (!_isEqual(this._value, value)) {\n      this._value = value;\n      this.onChange(value);\n      this.stateChanges.next();\n    }\n  }\n\n  override get value(): QuillContent | undefined {\n    return this._value;\n  }\n\n  async ngAfterViewInit(): Promise<void> {\n    if (!isPlatformBrowser(this.#platformId)) return;\n\n    // Browser-only dynamic load — see the Trap 16 comment at the top of this file. The\n    // CSS import injects Quill's global theme styles (Quill's runtime DOM is not view-scoped).\n    const [{ default: Quill, Delta }] = await Promise.all([\n      import('quill'),\n      import('quill/dist/quill.snow.css')\n    ]);\n\n    const config = this.inputConfig();\n    this.editor = new Quill(this.editorHost().nativeElement, buildQuillOptions({\n      readOnly: config.readonly || false,\n      placeholder: config.placeholder\n    }));\n\n    const initial = this.value;\n    if (initial?.ops?.length) {\n      this.editor.setContents(new Delta(initial.ops), 'silent');\n    }\n\n    this.#decorateToolbar();\n\n    this.#changeHandler = () => this.contentChangedSaveValue();\n    this.editor.on('text-change', this.#changeHandler);\n  }\n\n  /**\n   * Quill ships no icons for custom buttons and no tooltips for any button. Inject themeable\n   * SVG icons (their `ql-stroke` paths inherit the toolbar colour) and `title` tooltips so the\n   * toolbar reads clearly in both light and dark mode.\n   */\n  #decorateToolbar(): void {\n    const root = this._elementRef.nativeElement;\n    for (const control of QUILL_TABLE_CONTROLS) {\n      const button = root.querySelector<HTMLElement>(`.ql-${control.format}`);\n      if (!button) continue;\n      button.innerHTML = control.icon;\n      button.setAttribute('title', control.title);\n    }\n    for (const [selector, title] of Object.entries(QUILL_BUILTIN_TITLES)) {\n      root.querySelectorAll<HTMLElement>(selector).forEach(el => el.setAttribute('title', title));\n    }\n  }\n\n  contentChangedSaveValue(): void {\n    if (!this.editor) return;\n    const ops = this.editor.getContents().ops;\n    const value: QuillContent | undefined = isEmptyQuillDocument(ops) ? undefined : { ops };\n    this.value = value;\n    this.onChange(value);\n    console.error('Quill content changed, new value:', value);\n    this.valueChanged.emit(value);\n  }\n\n  override ngOnDestroy(): void {\n    this.stateChanges.complete();\n    if (this.editor && this.#changeHandler) {\n      this.editor.off('text-change', this.#changeHandler);\n    }\n    this.editor = undefined;\n  }\n}\n","\n<div class=\"quill-host\">\n  <div #editorHost></div>\n</div>\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 { RichTextEditorType } from 'ngx-t-forms-types';\r\nimport { TFormInputStatusComponent } from '../../../t-form-input-status/t-form-input-status.component';\r\nimport { EditorJsInputComponent } from './core/editor-js-input/editor-js-input.component';\r\nimport { QuillInputComponent } from './core/quill-input/quill-input.component';\r\nimport { getInputErrorMessage } from '../../../../services/core/t-input-controller/functions/inputErrorMessage';\r\n\r\n/**\r\n * Wraps a configurable rich-text editor inside a `mat-form-field`, selecting the concrete\r\n * editor (EditorJS or Quill) from the column's `richTextEditorLibrary`, with shared\r\n * label / hint / error / suffix / prefix metadata from the column.\r\n */\r\n@Component({\r\n  selector: 'lib-editor-input-element',\r\n  templateUrl: './editor-input-element.component.html',\r\n  styleUrl: './editor-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    EditorJsInputComponent,\r\n    QuillInputComponent,\r\n  ],\r\n})\r\nexport class EditorInputElementComponent {\r\n  readonly inputConfig = input.required<ITowerStepColumn>();\r\n  readonly formGroup = input.required<FormGroup>();\r\n  readonly reload = output<void>();\r\n\r\n  /** Editor-library enum exposed for `@switch` in the template. */\r\n  protected readonly editorType = RichTextEditorType;\r\n\r\n  protected readonly errorMessage = computed(() =>\r\n    getInputErrorMessage(this.inputConfig(), this.formGroup()),\r\n  );\r\n}\r\n","<form [formGroup]=\"formGroup()\">\n  @if (inputConfig(); as inputConfig) {\n    <mat-form-field [appearance]=\"inputConfig.appearance || 'fill'\" subscriptSizing=\"dynamic\">\n      <mat-label>\n        {{ inputConfig.label }}\n        <lib-t-form-input-status [inputConfig]=\"inputConfig\"></lib-t-form-input-status>\n      </mat-label>\n\n      @switch (inputConfig.richTextEditorLibrary) {\n        @case (editorType.Quill) {\n          <lib-quill-input\n            [inputConfig]=\"inputConfig\"\n            [formControlName]=\"inputConfig.id\"\n            [required]=\"inputConfig.required\"\n          ></lib-quill-input>\n        }\n        @case (editorType.EditorJS) {\n          <lib-editor-js-input\n            [inputConfig]=\"inputConfig\"\n            [formControlName]=\"inputConfig.id\"\n            [required]=\"inputConfig.required\"\n          ></lib-editor-js-input>\n        }\n      }\n\n      @if (inputConfig.hintLabel || inputConfig.temporaryHint) {\n        <mat-hint class=\"inputHint\">\n          {{ inputConfig.temporaryHint || inputConfig.hintLabel }}\n        </mat-hint>\n      }\n\n      @if (!!errorMessage()) {\n        <mat-error class=\"oneLineTextEllipsis\" matTooltipClass=\"errorToolTip\">{{ errorMessage() }}</mat-error>\n      }\n\n      @if (inputConfig.prefixIcon) {\n        <mat-icon matPrefix>{{ inputConfig.prefixIcon }}</mat-icon>\n      }\n\n      @if (inputConfig.canReload?.canReload) {\n        <button\n          mat-icon-button\n          style=\"margin-right: 4px;\"\n          matTooltip=\"Click to refresh this field.\"\n          class=\"input-sync-button\"\n          (click)=\"inputConfig.canReload.emit()\"\n          matSuffix\n        >\n          <mat-icon style=\"color: var(--mat-sys-primary)\">sync</mat-icon>\n        </button>\n      }\n\n      @if (inputConfig.suffixIcon && inputConfig.id !== 'password') {\n        <mat-icon matSuffix>{{ inputConfig.suffixIcon }}</mat-icon>\n      }\n\n      @if (inputConfig.prefixText) {\n        <span matPrefix style=\"top: 0\">{{ inputConfig.prefixText }}</span>\n      }\n      @if (inputConfig.suffixText) {\n        <span matSuffix style=\"padding-left: 5px\">{{ inputConfig.suffixText }}</span>\n      }\n\n      @if (inputConfig.maxLength && formGroup()) {\n        <mat-hint align=\"end\">\n          {{ (formGroup().controls[inputConfig.id]?.value?.length || 0) + '/' + inputConfig.maxLength }}\n        </mat-hint>\n      }\n    </mat-form-field>\n  }\n</form>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAgDA,MAAM,GAAG,GAAG,CAAC,IAAY,KAAa,CAAA,yBAAA,EAA4B,IAAI,CAAA,MAAA,CAAQ;AAE9E;;;AAGG;AACI,MAAM,oBAAoB,GAAiC;AAChE,IAAA;AACE,QAAA,MAAM,EAAE,cAAc;AACtB,QAAA,KAAK,EAAE,oBAAoB;AAC3B,QAAA,IAAI,EAAE,GAAG,CAAC,mVAAmV,CAAC;AAC9V,QAAA,GAAG,EAAE,KAAK,IAAI,KAAK,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC;AACtC,KAAA;AACD,IAAA;AACE,QAAA,MAAM,EAAE,WAAW;AACnB,QAAA,KAAK,EAAE,kBAAkB;AACzB,QAAA,IAAI,EAAE,GAAG,CAAC,iNAAiN,CAAC;QAC5N,GAAG,EAAE,KAAK,IAAI,KAAK,CAAC,cAAc,EAAE;AACrC,KAAA;AACD,IAAA;AACE,QAAA,MAAM,EAAE,cAAc;AACtB,QAAA,KAAK,EAAE,qBAAqB;AAC5B,QAAA,IAAI,EAAE,GAAG,CAAC,iNAAiN,CAAC;QAC5N,GAAG,EAAE,KAAK,IAAI,KAAK,CAAC,iBAAiB,EAAE;AACxC,KAAA;AACD,IAAA;AACE,QAAA,MAAM,EAAE,kBAAkB;AAC1B,QAAA,KAAK,EAAE,YAAY;AACnB,QAAA,IAAI,EAAE,GAAG,CAAC,oJAAoJ,CAAC;QAC/J,GAAG,EAAE,KAAK,IAAI,KAAK,CAAC,SAAS,EAAE;AAChC,KAAA;AACD,IAAA;AACE,QAAA,MAAM,EAAE,qBAAqB;AAC7B,QAAA,KAAK,EAAE,eAAe;AACtB,QAAA,IAAI,EAAE,GAAG,CAAC,mJAAmJ,CAAC;QAC9J,GAAG,EAAE,KAAK,IAAI,KAAK,CAAC,YAAY,EAAE;AACnC,KAAA;AACD,IAAA;AACE,QAAA,MAAM,EAAE,cAAc;AACtB,QAAA,KAAK,EAAE,cAAc;AACrB,QAAA,IAAI,EAAE,GAAG,CAAC,iOAAiO,CAAC;QAC5O,GAAG,EAAE,KAAK,IAAI,KAAK,CAAC,WAAW,EAAE;AAClC,KAAA;CACF;AAED;;;AAGG;AACI,MAAM,oBAAoB,GAAqC;AACpE,IAAA,UAAU,EAAE,MAAM;AAClB,IAAA,YAAY,EAAE,QAAQ;AACtB,IAAA,eAAe,EAAE,WAAW;AAC5B,IAAA,YAAY,EAAE,eAAe;AAC7B,IAAA,gBAAgB,EAAE,OAAO;AACzB,IAAA,gBAAgB,EAAE,YAAY;AAC9B,IAAA,UAAU,EAAE,aAAa;AACzB,IAAA,WAAW,EAAE,cAAc;AAC3B,IAAA,WAAW,EAAE,aAAa;AAC1B,IAAA,WAAW,EAAE,kBAAkB;AAC/B,IAAA,2BAA2B,EAAE,eAAe;AAC5C,IAAA,0BAA0B,EAAE,eAAe;AAC3C,IAAA,yBAAyB,EAAE,WAAW;AACtC,IAAA,yBAAyB,EAAE,WAAW;AACtC,IAAA,2BAA2B,EAAE,aAAa;AAC1C,IAAA,wBAAwB,EAAE,iBAAiB;AAC3C,IAAA,wBAAwB,EAAE,iBAAiB;AAC3C,IAAA,4BAA4B,EAAE,eAAe;AAC7C,IAAA,WAAW,EAAE,aAAa;AAC1B,IAAA,gBAAgB,EAAE,kBAAkB;AACpC,IAAA,WAAW,EAAE,WAAW;AACxB,IAAA,YAAY,EAAE,SAAS;AACvB,IAAA,UAAU,EAAE,MAAM;AAClB,IAAA,UAAU,EAAE,WAAW;CACxB;AAED;;;AAGG;AACH,MAAM,iBAAiB,GAAuB;AAC5C,IAAA,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,CAAC;AAClG,IAAA,CAAC,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,CAAC;IACzC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC;IACnC,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC;AACxC,IAAA,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;IAC5D,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;IACzE,CAAC,YAAY,EAAE,YAAY,CAAC;AAC5B,IAAA,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC;IAC1B,oBAAoB,CAAC,GAAG,CAAC,OAAO,IAAI,OAAO,CAAC,MAAM,CAAC;AACnD,IAAA,CAAC,OAAO;CACT;AAOD;;;;;;;AAOG;AACH,MAAM,kBAAkB,GAAG,MAA4D;IACrF,MAAM,QAAQ,GAA0D,EAAE;AAC1E,IAAA,KAAK,MAAM,OAAO,IAAI,oBAAoB,EAAE;AAC1C,QAAA,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,SAAS,YAAY,GAAA;YAC9C,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAqB;;AAE/D,YAAA,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC;AAC7B,YAAA,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC;AACpB,QAAA,CAAC;IACH;AACA,IAAA,OAAO,QAAQ;AACjB,CAAC;AAED;;;;;;AAMG;AACI,MAAM,iBAAiB,GAAG,CAAC,OAA2B,MAAoB;AAC/E,IAAA,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,OAAO,CAAC,QAAQ;AAC1B,IAAA,WAAW,EAAE,OAAO,CAAC,WAAW,IAAI,kCAAkC;AACtE,IAAA,OAAO,EAAE;AACP,QAAA,OAAO,EAAE;AACP,YAAA,SAAS,EAAE,iBAAiB;YAC5B,QAAQ,EAAE,kBAAkB;AAC7B,SAAA;AACD,QAAA,KAAK,EAAE,IAAI;AACX,QAAA,OAAO,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE;AACvD,QAAA,SAAS,EAAE,EAAE,WAAW,EAAE,KAAK;AAChC;AACF,CAAA,CAAC;AAEF;;;AAGG;AACI,MAAM,oBAAoB,GAAG,CAAC,GAAS,KAC5C,GAAG,CAAC,MAAM,KAAK,CAAC,KAAK,GAAG,CAAC,MAAM,KAAK,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;;AClMnE;AAmCA,MAAM,iBAAiB,GAA0B;AAC/C,IAAA,WAAW,EAAE,iBAAiB;AAC9B,IAAA,MAAM,EAAE;CACT;AAED;;;;AAIG;AAaG,MAAO,mBACX,SAAQ,eAAyC,CAAA;AAWxC,IAAA,WAAW;AAEpB,IAAA,cAAc;AAEd,IAAA,WAAA,GAAA;QACE,KAAK,CACH,MAAM,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAc,EAC9D,MAAM,CAA0B,UAAU,CAAC,EAC3C,iBAAiB,CAClB;AAjBM,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK,CAAC,QAAQ,iFAAoB;QAEhD,IAAA,CAAA,YAAY,GAAG,MAAM,EAA4B;AAIzC,QAAA,IAAA,CAAA,UAAU,GAAG,SAAS,CAAC,QAAQ,CAA0B,YAAY,CAAC;AAE9E,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC;QAqBjC,IAAA,CAAA,MAAM,GAA6B,SAAS;IAXrD;AAEA,IAAA,IAAa,KAAK,GAAA;AAChB,QAAA,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK;AACpB,QAAA,OAAO,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,SAAS;IACtC;AAEA,IAAA,IAAa,gBAAgB,GAAA;AAC3B,QAAA,OAAO,IAAI;IACb;IAIA,IAAsB,KAAK,CAAC,KAA+B,EAAA;QACzD,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE;AACjC,YAAA,IAAI,CAAC,MAAM,GAAG,KAAK;AACnB,YAAA,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC;AACpB,YAAA,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;QAC1B;IACF;AAEA,IAAA,IAAa,KAAK,GAAA;QAChB,OAAO,IAAI,CAAC,MAAM;IACpB;AAEA,IAAA,MAAM,eAAe,GAAA;AACnB,QAAA,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC;YAAE;;;AAI1C,QAAA,MAAM,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC;YACpD,OAAO,OAAO,CAAC;YACf,OAAO,2BAA2B;AACnC,SAAA,CAAC;AAEF,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,WAAW,EAAE;AACjC,QAAA,IAAI,CAAC,MAAM,GAAG,IAAI,KAAK,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,aAAa,EAAE,iBAAiB,CAAC;AACzE,YAAA,QAAQ,EAAE,MAAM,CAAC,QAAQ,IAAI,KAAK;YAClC,WAAW,EAAE,MAAM,CAAC;AACrB,SAAA,CAAC,CAAC;AAEH,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK;AAC1B,QAAA,IAAI,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE;AACxB,YAAA,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,QAAQ,CAAC;QAC3D;QAEA,IAAI,CAAC,gBAAgB,EAAE;QAEvB,IAAI,CAAC,cAAc,GAAG,MAAM,IAAI,CAAC,uBAAuB,EAAE;QAC1D,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,aAAa,EAAE,IAAI,CAAC,cAAc,CAAC;IACpD;AAEA;;;;AAIG;IACH,gBAAgB,GAAA;AACd,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa;AAC3C,QAAA,KAAK,MAAM,OAAO,IAAI,oBAAoB,EAAE;AAC1C,YAAA,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,CAAc,CAAA,IAAA,EAAO,OAAO,CAAC,MAAM,CAAA,CAAE,CAAC;AACvE,YAAA,IAAI,CAAC,MAAM;gBAAE;AACb,YAAA,MAAM,CAAC,SAAS,GAAG,OAAO,CAAC,IAAI;YAC/B,MAAM,CAAC,YAAY,CAAC,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC;QAC7C;AACA,QAAA,KAAK,MAAM,CAAC,QAAQ,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,oBAAoB,CAAC,EAAE;YACpE,IAAI,CAAC,gBAAgB,CAAc,QAAQ,CAAC,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,CAAC,YAAY,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;QAC7F;IACF;IAEA,uBAAuB,GAAA;QACrB,IAAI,CAAC,IAAI,CAAC,MAAM;YAAE;QAClB,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,GAAG;AACzC,QAAA,MAAM,KAAK,GAA6B,oBAAoB,CAAC,GAAG,CAAC,GAAG,SAAS,GAAG,EAAE,GAAG,EAAE;AACvF,QAAA,IAAI,CAAC,KAAK,GAAG,KAAK;AAClB,QAAA,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC;AACpB,QAAA,OAAO,CAAC,KAAK,CAAC,mCAAmC,EAAE,KAAK,CAAC;AACzD,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC;IAC/B;IAES,WAAW,GAAA;AAClB,QAAA,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE;QAC5B,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,cAAc,EAAE;YACtC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,aAAa,EAAE,IAAI,CAAC,cAAc,CAAC;QACrD;AACA,QAAA,IAAI,CAAC,MAAM,GAAG,SAAS;IACzB;+GA5GW,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,YAAA,EAAA,cAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,IAAA,EAAA,IAAA,EAAA,EAAA,EAAA,SAAA,EAHnB,CAAC,EAAE,OAAO,EAAE,mBAAmB,EAAE,WAAW,EAAE,mBAAmB,EAAE,CAAC,2KCtDjF,mEAIA,EAAA,MAAA,EAAA,CAAA,2pKAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FDqDa,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAZ/B,SAAS;+BACE,iBAAiB,EAAA,OAAA,EAGlB,EAAE,EAAA,IAAA,EACL;AACJ,wBAAA,kBAAkB,EAAE,kBAAkB;AACtC,wBAAA,MAAM,EAAE;AACT,qBAAA,EAAA,SAAA,EACU,CAAC,EAAE,OAAO,EAAE,mBAAmB,EAAE,WAAW,EAAA,mBAAqB,EAAE,CAAC,EAAA,eAAA,EAC9D,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,mEAAA,EAAA,MAAA,EAAA,CAAA,2pKAAA,CAAA,EAAA;oQAY2B,YAAY,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,KAAA,EAAA,CAAA;sBAyBrF;;;AE/EH;;;;AAIG;MAiBU,2BAA2B,CAAA;AAhBxC,IAAA,WAAA,GAAA;AAiBW,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK,CAAC,QAAQ,iFAAoB;AAChD,QAAA,IAAA,CAAA,SAAS,GAAG,KAAK,CAAC,QAAQ,+EAAa;QACvC,IAAA,CAAA,MAAM,GAAG,MAAM,EAAQ;;QAGb,IAAA,CAAA,UAAU,GAAG,kBAAkB;AAE/B,QAAA,IAAA,CAAA,YAAY,GAAG,QAAQ,CAAC,MACzC,oBAAoB,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC,mFAC3D;AACF,IAAA;+GAXY,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA3B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,2BAA2B,2YClCxC,w7EAuEA,EAAA,MAAA,EAAA,CAAA,oJAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,ED/CI,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,8CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,sGAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,wIAAA,EAAA,MAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,WAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACnB,kBAAkB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,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,EAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,WAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,IAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,CAAA,IAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,+CAAA,EAAA,MAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,+CAAA,EAAA,MAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAClB,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,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,uNACf,gBAAgB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,oBAAA,EAAA,4BAAA,EAAA,oBAAA,EAAA,qBAAA,EAAA,qBAAA,EAAA,yBAAA,EAAA,YAAA,EAAA,iBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAChB,yBAAyB,EAAA,QAAA,EAAA,yBAAA,EAAA,MAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACzB,sBAAsB,6HACtB,mBAAmB,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,OAAA,CAAA,EAAA,OAAA,EAAA,CAAA,cAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAGV,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAhBvC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,0BAA0B,EAAA,eAAA,EAGnB,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC;wBACP,mBAAmB;wBACnB,kBAAkB;wBAClB,aAAa;wBACb,eAAe;wBACf,gBAAgB;wBAChB,yBAAyB;wBACzB,sBAAsB;wBACtB,mBAAmB;AACpB,qBAAA,EAAA,QAAA,EAAA,w7EAAA,EAAA,MAAA,EAAA,CAAA,oJAAA,CAAA,EAAA;;;;;"}

package/fesm2022/{ngx-t-forms-editor-js-input.component-BQL0AH7H.mjs → ngx-t-forms-editor-js-input.component-5MD8wRj0.mjs}

@@ -3,7 +3,7 @@ import { inject, ElementRef, input, output, PLATFORM_ID, Input, ChangeDetectionS
 import { isPlatformBrowser } from '@angular/common';
 import { NgControl } from '@angular/forms';
 import { MatFormFieldControl } from '@angular/material/form-field';
-import { B as BaseCustomInput, _ as _isEqual } from './ngx-t-forms-ngx-t-forms-u_kigDid.mjs';
+import { B as BaseCustomInput, _ as _isEqual } from './ngx-t-forms-ngx-t-forms-C2G8_WQk.mjs';
 
 // Third-party Editor.js tool packages ship without typings that line up with
 // the host editor's `ToolConstructable`. We narrow at the registration boundary
@@ -237,4 +237,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImpo
             }] } });
 
 export { EditorJsInputComponent };
-//# sourceMappingURL=ngx-t-forms-editor-js-input.component-BQL0AH7H.mjs.map
+//# sourceMappingURL=ngx-t-forms-editor-js-input.component-5MD8wRj0.mjs.map

package/fesm2022/{ngx-t-forms-editor-js-input.component-BQL0AH7H.mjs.map → ngx-t-forms-editor-js-input.component-5MD8wRj0.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ngx-t-forms-editor-js-input.component-BQL0AH7H.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-form-input/elements/editor-input-element/core/form-input-rich-text-editor/config.ts","../../../projects/ngx-t-forms/src/lib/components/t-form-input/elements/editor-input-element/core/editor-js-input/editor-js-input.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-form-input/elements/editor-input-element/core/editor-js-input/editor-js-input.component.html"],"sourcesContent":["/// <reference path=\"../../../../../../../types/editorjs.d.ts\" />\r\nimport type { EditorConfig, LogLevels, OutputData, ToolConstructable } from \"@editorjs/editorjs\";\r\n// `@editorjs/editorjs` is CJS — runtime named imports fail under Node ESM (SSR / smoke harness).\r\n// `LogLevels` is a runtime enum with string values; use the string literal cast at the single use site below.\r\n//\r\n// Wave 2 / Trap 16: every Editor.js plugin package below is a browser-only UMD bundle that crashes\r\n// under bare Node SSR (`self`/`document` not defined at module-eval). They are now loaded via\r\n// dynamic `import()` inside `loadEditorConfig()`, which is only invoked from an SSR-gated\r\n// `ngAfterViewInit` (see `editor-js-input.component.ts`). Static top-level imports here are\r\n// type-only and emit zero runtime code.\r\n\r\nexport interface EditorJsPayload {\r\n    holderId: string,\r\n    imageFetchEndpoint:string,\r\n    imageUploadEndpoint: string,\r\n    readOnly:boolean,\r\n    onChangeFn: () => void,\r\n    data:OutputData|undefined\r\n}\r\n\r\n// Third-party Editor.js tool packages ship without typings that line up with\r\n// the host editor's `ToolConstructable`. We narrow at the registration boundary\r\n// via `unknown` rather than leaking `any` through this module.\r\nconst asToolConstructable = (tool: unknown): ToolConstructable =>\r\n    tool as ToolConstructable;\r\n\r\n/**\r\n * Dynamically loads every Editor.js plugin bundle and returns a ready-to-use `EditorConfig`.\r\n *\r\n * Browser-only: callers MUST gate this behind `isPlatformBrowser(...)` because each plugin\r\n * package touches `self` / `document` at module-eval time and crashes under bare-Node SSR.\r\n */\r\nexport const loadEditorConfig = async (\r\n    payload: EditorJsPayload\r\n): Promise<EditorConfig> => {\r\n    const [\r\n        { default: Header },\r\n        { default: List },\r\n        { default: Paragraph },\r\n        { default: Quote },\r\n        { default: Table },\r\n        { default: ImageTool },\r\n        { default: Delimiter },\r\n        { default: CodeTool },\r\n        { default: Embed },\r\n    ] = await Promise.all([\r\n        import('@editorjs/header'),\r\n        import('@editorjs/list'),\r\n        import('@editorjs/paragraph'),\r\n        import('@editorjs/quote'),\r\n        import('@editorjs/table'),\r\n        import('@editorjs/image'),\r\n        import('@editorjs/delimiter'),\r\n        import('@editorjs/code'),\r\n        import('@editorjs/embed'),\r\n    ]);\r\n\r\n    return ({\r\n        holder: payload.holderId,\r\n        autofocus: true,\r\n        placeholder: 'Let\\'s write something amazing...',\r\n        inlineToolbar: true,\r\n        tools: {\r\n            header: {\r\n                class: asToolConstructable(Header),\r\n                config: {\r\n                    levels: [1, 2, 3, 4, 5, 6],\r\n                    defaultLevel: 1,\r\n                     placeholder: 'Type your heading here...'\r\n                },\r\n                inlineToolbar: ['link', 'bold', 'italic', 'marker']\r\n            },\r\n            list: {\r\n                class: asToolConstructable(List),\r\n                inlineToolbar: true,\r\n                config: {\r\n                    defaultStyle: 'unordered',\r\n                    placeholder: 'Enter a list item here...'\r\n                }\r\n            },\r\n            paragraph: {\r\n                class: asToolConstructable(Paragraph),\r\n                inlineToolbar: true,\r\n                config: {\r\n                    preserveBlank: true,\r\n                    placeholder: 'Type your  paragraph here...'\r\n                }\r\n            },\r\n            quote: {\r\n                class: asToolConstructable(Quote),\r\n                inlineToolbar: true,\r\n                shortcut: 'CMD+SHIFT+Q',\r\n                config: {\r\n                    quotePlaceholder: 'Enter a quote',\r\n                    captionPlaceholder: 'Quote\\'s author',\r\n                    alignmentEnabled: true\r\n                }\r\n            },\r\n            delimiter: {\r\n                class: asToolConstructable(Delimiter)\r\n            },\r\n            image: {\r\n                class: asToolConstructable(ImageTool),\r\n                config: {\r\n                    endpoints: {\r\n                        byFile: payload.imageUploadEndpoint,\r\n                        byUrl: payload.imageFetchEndpoint\r\n                    },\r\n                    uploader: {\r\n                        uploadByFile(file: File) {\r\n                            // Custom upload logic\r\n                        }\r\n                    }\r\n                }\r\n            },\r\n            table: {\r\n                class: asToolConstructable(Table),\r\n                inlineToolbar: true,\r\n                config: {\r\n                    rows: 2,\r\n                    cols: 3\r\n                }\r\n            },\r\n            code: {\r\n                class: asToolConstructable(CodeTool),\r\n                config: {\r\n                    placeholder: 'Enter code here...'\r\n                }\r\n            },\r\n\r\n            embed: {\r\n                class: asToolConstructable(Embed),\r\n                config: {\r\n                    services: {\r\n                        youtube: true,\r\n                        codesandbox: true,\r\n                        codepen: true\r\n                    }\r\n                }\r\n            },\r\n\r\n        },\r\n        defaultBlock: 'paragraph',\r\n        hideToolbar: false,\r\n        data: payload.data,\r\n        readOnly:payload.readOnly,\r\n        logLevel: 'ERROR' as LogLevels,\r\n        minHeight: 300,\r\n        onChange: (api, event) => {\r\n            payload.onChangeFn()\r\n        },\r\n        onReady: () => {},\r\n        sanitizer: {\r\n            p: true,\r\n            b: true,\r\n            a: {\r\n                href: true,\r\n                target: '_blank',\r\n                rel: 'nofollow'\r\n            }\r\n        },\r\n        i18n: {\r\n            messages: {\r\n                ui: {\r\n                    blockTunes: {\r\n                        toggler: {\r\n                            'Click to tune': 'Click to tune',\r\n                            'or drag to move': 'or drag to move'\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    });\r\n}\r\n\r\n\r\n","import {\r\n  AfterViewInit,\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  ElementRef,\r\n  Input,\r\n  OnDestroy,\r\n  PLATFORM_ID,\r\n  inject,\r\n  input,\r\n  output\r\n} from '@angular/core';\r\nimport { isPlatformBrowser } from '@angular/common';\r\nimport { NgControl } from '@angular/forms';\r\n\r\nimport { ITowerStepColumn } from 'ngx-t-forms-types';\r\n// Wave 2 / Trap 16: `@editorjs/editorjs` is a browser-only UMD bundle that crashes under\r\n// bare-Node SSR at module-eval time. Type-only import at the top keeps the surface intact\r\n// with zero runtime emission; the runtime load happens inside the SSR-gated `ngAfterViewInit`.\r\nimport type EditorJSType from '@editorjs/editorjs';\r\nimport type { OutputData } from '@editorjs/editorjs';\r\nimport { MatFormFieldControl } from '@angular/material/form-field';\r\n\r\nimport { BaseCustomInput, BaseCustomInputConfig } from '../../../../../../services/core/t-input-controller/functions/baseCustomInput';\r\nimport { loadEditorConfig, EditorJsPayload } from '../form-input-rich-text-editor/config';\r\nimport { _isEqual } from '../../../../../../shared/functions/isEqual';\r\n\r\nconst customInputConfig: BaseCustomInputConfig = {\r\n  controlType: 'lib-editor-js-input',\r\n  nextId: 0\r\n};\r\n\r\n/**\r\n * Rich-text input backed by the Editor.js block editor, wired into Angular\r\n * Material's form-field via {@link MatFormFieldControl}.\r\n *\r\n * The Editor.js bundle is browser-only, so it is dynamically imported and\r\n * instantiated inside `ngAfterViewInit` behind an `isPlatformBrowser` guard\r\n * to stay SSR-safe. The editor instance is destroyed on `ngOnDestroy`.\r\n *\r\n * @deprecated Scheduled for removal. Do not use in new code; migrate existing\r\n * usages to the supported rich-text input element. Retained only for backward\r\n * compatibility with forms that still reference `lib-editor-js-input`.\r\n *\r\n * @example\r\n *   <lib-editor-js-input [inputConfig]=\"column()\" (valueChanged)=\"onChange($event)\" />\r\n */\r\n@Component({\r\n  selector: 'lib-editor-js-input',\r\n  templateUrl: './editor-js-input.component.html',\r\n  styleUrl: './editor-js-input.component.css',\r\n  imports: [],\r\n  host: {\r\n    '[class.floating]': 'shouldLabelFloat',\r\n    '[id]': 'id'\r\n  },\r\n  providers: [{ provide: MatFormFieldControl, useExisting: EditorJsInputComponent }],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class EditorJsInputComponent\r\n  extends BaseCustomInput<OutputData | undefined>\r\n  implements AfterViewInit, OnDestroy {\r\n\r\n  /** Column definition describing the field's id, read-only state and metadata. */\r\n  readonly inputConfig = input.required<ITowerStepColumn>();\r\n\r\n  /** Emits the editor's saved {@link OutputData} whenever its content changes. */\r\n  readonly valueChanged = output<OutputData | undefined>();\r\n\r\n  /** Live Editor.js instance; `undefined` until initialised (or on the server). */\r\n  protected editor: EditorJSType | undefined;\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    const n = this.value;\r\n    // Check for null, undefined, or empty string, but allow 0\r\n    return n === null || n === undefined || (n as unknown) === '';\r\n  }\r\n\r\n  override get shouldLabelFloat(): boolean {\r\n    return true;\r\n  }\r\n\r\n  override _value: OutputData | undefined = undefined;\r\n\r\n  @Input() override set value(value: OutputData | undefined) {\r\n    if (!_isEqual(this._value, value)) {\r\n      this._value = value;\r\n      this.onChange(value);\r\n      this.stateChanges.next();\r\n    }\r\n  }\r\n\r\n  override get value(): OutputData | undefined {\r\n    return this._value;\r\n  }\r\n\r\n  async ngAfterViewInit(): Promise<void> {\r\n    if (!isPlatformBrowser(this.#platformId)) return;\r\n\r\n    if (this.editor) {\r\n      this.editor.destroy();\r\n    }\r\n\r\n    const payload: EditorJsPayload = {\r\n      holderId: this.inputConfig().id,\r\n      imageFetchEndpoint: '',\r\n      imageUploadEndpoint: '',\r\n      readOnly: this.inputConfig().readonly || false,\r\n      data: this.value || undefined,\r\n      onChangeFn: this.contentChangedSaveValue.bind(this)\r\n    };\r\n\r\n    // Browser-only dynamic load — see Trap 16 comment at the top of this file and in config.ts.\r\n    const [{ default: EditorJS }, config] = await Promise.all([\r\n      import('@editorjs/editorjs'),\r\n      loadEditorConfig(payload),\r\n    ]);\r\n    this.editor = new EditorJS(config);\r\n  }\r\n\r\n  async contentChangedSaveValue(): Promise<void> {\r\n    const value: OutputData | undefined = await this.editor?.save();\r\n    this.value = value;\r\n    this.onChange(value);\r\n    this.valueChanged.emit(value);\r\n  }\r\n\r\n  override ngOnDestroy(): void {\r\n    this.stateChanges.complete();\r\n    this.editor?.destroy();\r\n  }\r\n}\r\n","\r\n<div class=\" editor-container\" style=\"padding: 16px;\">\r\n    <div  #editorJs [id]=\"inputConfig().id\"></div>\r\n</div>\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngx-t-forms-editor-js-input.component-5MD8wRj0.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-form-input/elements/editor-input-element/core/form-input-rich-text-editor/config.ts","../../../projects/ngx-t-forms/src/lib/components/t-form-input/elements/editor-input-element/core/editor-js-input/editor-js-input.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-form-input/elements/editor-input-element/core/editor-js-input/editor-js-input.component.html"],"sourcesContent":["/// <reference path=\"../../../../../../../types/editorjs.d.ts\" />\r\nimport type { EditorConfig, LogLevels, OutputData, ToolConstructable } from \"@editorjs/editorjs\";\r\n// `@editorjs/editorjs` is CJS — runtime named imports fail under Node ESM (SSR / smoke harness).\r\n// `LogLevels` is a runtime enum with string values; use the string literal cast at the single use site below.\r\n//\r\n// Wave 2 / Trap 16: every Editor.js plugin package below is a browser-only UMD bundle that crashes\r\n// under bare Node SSR (`self`/`document` not defined at module-eval). They are now loaded via\r\n// dynamic `import()` inside `loadEditorConfig()`, which is only invoked from an SSR-gated\r\n// `ngAfterViewInit` (see `editor-js-input.component.ts`). Static top-level imports here are\r\n// type-only and emit zero runtime code.\r\n\r\nexport interface EditorJsPayload {\r\n    holderId: string,\r\n    imageFetchEndpoint:string,\r\n    imageUploadEndpoint: string,\r\n    readOnly:boolean,\r\n    onChangeFn: () => void,\r\n    data:OutputData|undefined\r\n}\r\n\r\n// Third-party Editor.js tool packages ship without typings that line up with\r\n// the host editor's `ToolConstructable`. We narrow at the registration boundary\r\n// via `unknown` rather than leaking `any` through this module.\r\nconst asToolConstructable = (tool: unknown): ToolConstructable =>\r\n    tool as ToolConstructable;\r\n\r\n/**\r\n * Dynamically loads every Editor.js plugin bundle and returns a ready-to-use `EditorConfig`.\r\n *\r\n * Browser-only: callers MUST gate this behind `isPlatformBrowser(...)` because each plugin\r\n * package touches `self` / `document` at module-eval time and crashes under bare-Node SSR.\r\n */\r\nexport const loadEditorConfig = async (\r\n    payload: EditorJsPayload\r\n): Promise<EditorConfig> => {\r\n    const [\r\n        { default: Header },\r\n        { default: List },\r\n        { default: Paragraph },\r\n        { default: Quote },\r\n        { default: Table },\r\n        { default: ImageTool },\r\n        { default: Delimiter },\r\n        { default: CodeTool },\r\n        { default: Embed },\r\n    ] = await Promise.all([\r\n        import('@editorjs/header'),\r\n        import('@editorjs/list'),\r\n        import('@editorjs/paragraph'),\r\n        import('@editorjs/quote'),\r\n        import('@editorjs/table'),\r\n        import('@editorjs/image'),\r\n        import('@editorjs/delimiter'),\r\n        import('@editorjs/code'),\r\n        import('@editorjs/embed'),\r\n    ]);\r\n\r\n    return ({\r\n        holder: payload.holderId,\r\n        autofocus: true,\r\n        placeholder: 'Let\\'s write something amazing...',\r\n        inlineToolbar: true,\r\n        tools: {\r\n            header: {\r\n                class: asToolConstructable(Header),\r\n                config: {\r\n                    levels: [1, 2, 3, 4, 5, 6],\r\n                    defaultLevel: 1,\r\n                     placeholder: 'Type your heading here...'\r\n                },\r\n                inlineToolbar: ['link', 'bold', 'italic', 'marker']\r\n            },\r\n            list: {\r\n                class: asToolConstructable(List),\r\n                inlineToolbar: true,\r\n                config: {\r\n                    defaultStyle: 'unordered',\r\n                    placeholder: 'Enter a list item here...'\r\n                }\r\n            },\r\n            paragraph: {\r\n                class: asToolConstructable(Paragraph),\r\n                inlineToolbar: true,\r\n                config: {\r\n                    preserveBlank: true,\r\n                    placeholder: 'Type your  paragraph here...'\r\n                }\r\n            },\r\n            quote: {\r\n                class: asToolConstructable(Quote),\r\n                inlineToolbar: true,\r\n                shortcut: 'CMD+SHIFT+Q',\r\n                config: {\r\n                    quotePlaceholder: 'Enter a quote',\r\n                    captionPlaceholder: 'Quote\\'s author',\r\n                    alignmentEnabled: true\r\n                }\r\n            },\r\n            delimiter: {\r\n                class: asToolConstructable(Delimiter)\r\n            },\r\n            image: {\r\n                class: asToolConstructable(ImageTool),\r\n                config: {\r\n                    endpoints: {\r\n                        byFile: payload.imageUploadEndpoint,\r\n                        byUrl: payload.imageFetchEndpoint\r\n                    },\r\n                    uploader: {\r\n                        uploadByFile(file: File) {\r\n                            // Custom upload logic\r\n                        }\r\n                    }\r\n                }\r\n            },\r\n            table: {\r\n                class: asToolConstructable(Table),\r\n                inlineToolbar: true,\r\n                config: {\r\n                    rows: 2,\r\n                    cols: 3\r\n                }\r\n            },\r\n            code: {\r\n                class: asToolConstructable(CodeTool),\r\n                config: {\r\n                    placeholder: 'Enter code here...'\r\n                }\r\n            },\r\n\r\n            embed: {\r\n                class: asToolConstructable(Embed),\r\n                config: {\r\n                    services: {\r\n                        youtube: true,\r\n                        codesandbox: true,\r\n                        codepen: true\r\n                    }\r\n                }\r\n            },\r\n\r\n        },\r\n        defaultBlock: 'paragraph',\r\n        hideToolbar: false,\r\n        data: payload.data,\r\n        readOnly:payload.readOnly,\r\n        logLevel: 'ERROR' as LogLevels,\r\n        minHeight: 300,\r\n        onChange: (api, event) => {\r\n            payload.onChangeFn()\r\n        },\r\n        onReady: () => {},\r\n        sanitizer: {\r\n            p: true,\r\n            b: true,\r\n            a: {\r\n                href: true,\r\n                target: '_blank',\r\n                rel: 'nofollow'\r\n            }\r\n        },\r\n        i18n: {\r\n            messages: {\r\n                ui: {\r\n                    blockTunes: {\r\n                        toggler: {\r\n                            'Click to tune': 'Click to tune',\r\n                            'or drag to move': 'or drag to move'\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    });\r\n}\r\n\r\n\r\n","import {\r\n  AfterViewInit,\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  ElementRef,\r\n  Input,\r\n  OnDestroy,\r\n  PLATFORM_ID,\r\n  inject,\r\n  input,\r\n  output\r\n} from '@angular/core';\r\nimport { isPlatformBrowser } from '@angular/common';\r\nimport { NgControl } from '@angular/forms';\r\n\r\nimport { ITowerStepColumn } from 'ngx-t-forms-types';\r\n// Wave 2 / Trap 16: `@editorjs/editorjs` is a browser-only UMD bundle that crashes under\r\n// bare-Node SSR at module-eval time. Type-only import at the top keeps the surface intact\r\n// with zero runtime emission; the runtime load happens inside the SSR-gated `ngAfterViewInit`.\r\nimport type EditorJSType from '@editorjs/editorjs';\r\nimport type { OutputData } from '@editorjs/editorjs';\r\nimport { MatFormFieldControl } from '@angular/material/form-field';\r\n\r\nimport { BaseCustomInput, BaseCustomInputConfig } from '../../../../../../services/core/t-input-controller/functions/baseCustomInput';\r\nimport { loadEditorConfig, EditorJsPayload } from '../form-input-rich-text-editor/config';\r\nimport { _isEqual } from '../../../../../../shared/functions/isEqual';\r\n\r\nconst customInputConfig: BaseCustomInputConfig = {\r\n  controlType: 'lib-editor-js-input',\r\n  nextId: 0\r\n};\r\n\r\n/**\r\n * Rich-text input backed by the Editor.js block editor, wired into Angular\r\n * Material's form-field via {@link MatFormFieldControl}.\r\n *\r\n * The Editor.js bundle is browser-only, so it is dynamically imported and\r\n * instantiated inside `ngAfterViewInit` behind an `isPlatformBrowser` guard\r\n * to stay SSR-safe. The editor instance is destroyed on `ngOnDestroy`.\r\n *\r\n * @deprecated Scheduled for removal. Do not use in new code; migrate existing\r\n * usages to the supported rich-text input element. Retained only for backward\r\n * compatibility with forms that still reference `lib-editor-js-input`.\r\n *\r\n * @example\r\n *   <lib-editor-js-input [inputConfig]=\"column()\" (valueChanged)=\"onChange($event)\" />\r\n */\r\n@Component({\r\n  selector: 'lib-editor-js-input',\r\n  templateUrl: './editor-js-input.component.html',\r\n  styleUrl: './editor-js-input.component.css',\r\n  imports: [],\r\n  host: {\r\n    '[class.floating]': 'shouldLabelFloat',\r\n    '[id]': 'id'\r\n  },\r\n  providers: [{ provide: MatFormFieldControl, useExisting: EditorJsInputComponent }],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class EditorJsInputComponent\r\n  extends BaseCustomInput<OutputData | undefined>\r\n  implements AfterViewInit, OnDestroy {\r\n\r\n  /** Column definition describing the field's id, read-only state and metadata. */\r\n  readonly inputConfig = input.required<ITowerStepColumn>();\r\n\r\n  /** Emits the editor's saved {@link OutputData} whenever its content changes. */\r\n  readonly valueChanged = output<OutputData | undefined>();\r\n\r\n  /** Live Editor.js instance; `undefined` until initialised (or on the server). */\r\n  protected editor: EditorJSType | undefined;\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    const n = this.value;\r\n    // Check for null, undefined, or empty string, but allow 0\r\n    return n === null || n === undefined || (n as unknown) === '';\r\n  }\r\n\r\n  override get shouldLabelFloat(): boolean {\r\n    return true;\r\n  }\r\n\r\n  override _value: OutputData | undefined = undefined;\r\n\r\n  @Input() override set value(value: OutputData | undefined) {\r\n    if (!_isEqual(this._value, value)) {\r\n      this._value = value;\r\n      this.onChange(value);\r\n      this.stateChanges.next();\r\n    }\r\n  }\r\n\r\n  override get value(): OutputData | undefined {\r\n    return this._value;\r\n  }\r\n\r\n  async ngAfterViewInit(): Promise<void> {\r\n    if (!isPlatformBrowser(this.#platformId)) return;\r\n\r\n    if (this.editor) {\r\n      this.editor.destroy();\r\n    }\r\n\r\n    const payload: EditorJsPayload = {\r\n      holderId: this.inputConfig().id,\r\n      imageFetchEndpoint: '',\r\n      imageUploadEndpoint: '',\r\n      readOnly: this.inputConfig().readonly || false,\r\n      data: this.value || undefined,\r\n      onChangeFn: this.contentChangedSaveValue.bind(this)\r\n    };\r\n\r\n    // Browser-only dynamic load — see Trap 16 comment at the top of this file and in config.ts.\r\n    const [{ default: EditorJS }, config] = await Promise.all([\r\n      import('@editorjs/editorjs'),\r\n      loadEditorConfig(payload),\r\n    ]);\r\n    this.editor = new EditorJS(config);\r\n  }\r\n\r\n  async contentChangedSaveValue(): Promise<void> {\r\n    const value: OutputData | undefined = await this.editor?.save();\r\n    this.value = value;\r\n    this.onChange(value);\r\n    this.valueChanged.emit(value);\r\n  }\r\n\r\n  override ngOnDestroy(): void {\r\n    this.stateChanges.complete();\r\n    this.editor?.destroy();\r\n  }\r\n}\r\n","\r\n<div class=\" editor-container\" style=\"padding: 16px;\">\r\n    <div  #editorJs [id]=\"inputConfig().id\"></div>\r\n</div>\r\n"],"names":[],"mappings":"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"}

package/fesm2022/{ngx-t-forms-file-upload-input-element.component-C7mMeEjF.mjs → ngx-t-forms-file-upload-input-element.component-BAtuymMY.mjs}

@@ -10,7 +10,7 @@ import * as i1$1 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
 import * as i5$1 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
-import { B as BaseCustomInput, m as getInputErrorMessage, n as TFormInputStatusComponent } from './ngx-t-forms-ngx-t-forms-u_kigDid.mjs';
+import { B as BaseCustomInput, q as getInputErrorMessage, u as TFormInputStatusComponent } from './ngx-t-forms-ngx-t-forms-C2G8_WQk.mjs';
 import { isPlatformBrowser } from '@angular/common';
 import * as i1 from '@angular/material/progress-bar';
 import { MatProgressBarModule } from '@angular/material/progress-bar';
@@ -202,4 +202,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImpo
         }], propDecorators: { inputConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputConfig", required: true }] }], formGroup: [{ type: i0.Input, args: [{ isSignal: true, alias: "formGroup", required: true }] }], reload: [{ type: i0.Output, args: ["reload"] }] } });
 
 export { FileUploadInputElementComponent };
-//# sourceMappingURL=ngx-t-forms-file-upload-input-element.component-C7mMeEjF.mjs.map
+//# sourceMappingURL=ngx-t-forms-file-upload-input-element.component-BAtuymMY.mjs.map

package/fesm2022/{ngx-t-forms-file-upload-input-element.component-C7mMeEjF.mjs.map → ngx-t-forms-file-upload-input-element.component-BAtuymMY.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ngx-t-forms-file-upload-input-element.component-C7mMeEjF.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-form-input/elements/file-upload-input-element/core/file-uploader/file-uploader.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-form-input/elements/file-upload-input-element/core/file-uploader/file-uploader.component.html","../../../projects/ngx-t-forms/src/lib/components/t-form-input/elements/file-upload-input-element/file-upload-input-element.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-form-input/elements/file-upload-input-element/file-upload-input-element.component.html"],"sourcesContent":["import {\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  ElementRef,\r\n  PLATFORM_ID,\r\n  computed,\r\n  inject,\r\n  input,\r\n  viewChild,\r\n} from '@angular/core';\r\nimport { isPlatformBrowser } from '@angular/common';\r\nimport { NgControl } from '@angular/forms';\r\nimport { MatFormFieldControl } from '@angular/material/form-field';\r\nimport { MatProgressBarModule } from '@angular/material/progress-bar';\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 {\r\n  AllDocumentFileExtensions,\r\n  AllImageFileExtensions,\r\n  FileUploadInputValueInterface,\r\n  IFileUploadInput,\r\n  ITowerStepColumn,\r\n  InputFileType,\r\n  UploadTypes,\r\n} from 'ngx-t-forms-types';\r\n\r\nimport { BaseCustomInput, BaseCustomInputConfig } from '../../../../../../services/core/t-input-controller/functions/baseCustomInput';\r\n\r\nconst customInputConfig: BaseCustomInputConfig = {\r\n  controlType: 'app-file-uploader',\r\n  nextId: 0,\r\n};\r\n\r\n@Component({\r\n  selector: 'lib-file-uploader',\r\n  templateUrl: './file-uploader.component.html',\r\n  styleUrls: ['./file-uploader.component.css'],\r\n  imports: [\r\n    MatProgressBarModule,\r\n    MatIconModule,\r\n    MatToolbarModule,\r\n    MatButtonModule,\r\n  ],\r\n  host: {\r\n    '[class.floating]': 'shouldLabelFloat',\r\n    '[id]': 'id',\r\n  },\r\n  providers: [{ provide: MatFormFieldControl, useExisting: FileUploaderComponent }],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class FileUploaderComponent extends BaseCustomInput<FileUploadInputValueInterface | object | null> {\r\n  readonly inputConfig = input.required<ITowerStepColumn>();\r\n\r\n  protected readonly uploader = viewChild.required<ElementRef<HTMLInputElement>>('uploader');\r\n\r\n  protected readonly uploadAccept = computed<string>(() => {\r\n    const cfg = this.inputConfig() as IFileUploadInput | undefined;\r\n    const fileType = cfg?.fileType;\r\n    if (!fileType) {\r\n      return InputFileType.file;\r\n    }\r\n    return (UploadTypes as Record<string, string>)[String(fileType)] ?? InputFileType.file;\r\n  });\r\n\r\n  protected readonly previewSrc = computed(() => {\r\n    const cfg = this.inputConfig() as IFileUploadInput | undefined;\r\n    const fileType = cfg?.fileType;\r\n    switch (fileType) {\r\n      case InputFileType.file:\r\n        return 'https://res.cloudinary.com/afrob/image/upload/v1676973154/Flows/Icons/iPhone_14_-_1_tx1scw.png';\r\n      default:\r\n        return (this.value as FileUploadInputValueInterface | null)?.base64 ?? undefined;\r\n    }\r\n  });\r\n\r\n  protected fileName: string | null = null;\r\n  protected loading: number | null = null;\r\n  protected dragOver = 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 value(): FileUploadInputValueInterface | object | null {\r\n    return this._value;\r\n  }\r\n  override set value(file: FileUploadInputValueInterface | object | null) {\r\n    const fileType = this.inputConfig()?.fileType;\r\n    if (!file || typeof file !== 'object') {\r\n      this._value = file;\r\n      this.stateChanges.next();\r\n      return;\r\n    }\r\n\r\n    const { base64, fileExtension } = file as FileUploadInputValueInterface;\r\n\r\n    if (!base64) {\r\n      this._value = file;\r\n      this.stateChanges.next();\r\n      return;\r\n    }\r\n\r\n    const allDocExtensions = Object.values(AllDocumentFileExtensions);\r\n    const allImageExtensions = Object.values(AllImageFileExtensions);\r\n    const isFile = allDocExtensions.includes(fileExtension as AllDocumentFileExtensions);\r\n    const isImage = allImageExtensions.includes(fileExtension as AllImageFileExtensions);\r\n    if (\r\n      (fileType === InputFileType.file && !isFile) ||\r\n      ((fileType === InputFileType.Image || fileType === InputFileType.CaptureImage) && !isImage)\r\n    ) {\r\n      this._value = null;\r\n      this.temporaryError(`Invalid file type. Expected ${fileType} file`);\r\n      this.stateChanges.next();\r\n      return;\r\n    } else {\r\n      this._value = file;\r\n      this.stateChanges.next();\r\n      return;\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  override onContainerClick(event: MouseEvent): void {\r\n    this.uploader().nativeElement.click();\r\n    if (event.target !== this._elementRef.nativeElement) {\r\n      this.markAsTouched();\r\n      this.stateChanges.next();\r\n    }\r\n  }\r\n\r\n  protected triggerUploader(): void {\r\n    this.uploader().nativeElement.click();\r\n  }\r\n\r\n  protected onFileSelected(event: Event): void {\r\n    const files = (event.target as HTMLInputElement).files;\r\n    if (files && files.length > 0) {\r\n      const file = files[0];\r\n      if (!file) return;\r\n      this.assignFile(file);\r\n    }\r\n  }\r\n\r\n  protected assignFile(file: File): void {\r\n    // FileReader is a browser-only API; gate by isPlatformBrowser to keep SSR-safe.\r\n    if (!isPlatformBrowser(this.#platformId)) {\r\n      return;\r\n    }\r\n    const reader = new FileReader();\r\n    reader.onload = () => {\r\n      this.fileName = file.name;\r\n      const nameSplit = file.name.split('.');\r\n      const fileExtension = nameSplit[nameSplit.length - 1];\r\n      this.value = {\r\n        fileName: file.name,\r\n        base64: reader.result as string,\r\n        type: this.inputConfig()?.fileType,\r\n        blob: file,\r\n        fileExtension,\r\n      };\r\n      this.onChange(this.value);\r\n    };\r\n    reader.readAsDataURL(file);\r\n  }\r\n\r\n  protected onDragOver(event: DragEvent): void {\r\n    this.dragOver = true;\r\n    event.preventDefault();\r\n    event.stopPropagation();\r\n  }\r\n\r\n  protected onDrop(event: DragEvent): void {\r\n    this.dragOver = false;\r\n    event.preventDefault();\r\n    event.stopPropagation();\r\n    const files = event.dataTransfer?.files;\r\n    if (files && files.length > 0) {\r\n      const file = files[0];\r\n      if (!file) return;\r\n      this.assignFile(file);\r\n    }\r\n  }\r\n\r\n  protected onDragLeave(event: DragEvent): void {\r\n    this.dragOver = false;\r\n    event.preventDefault();\r\n    event.stopPropagation();\r\n  }\r\n\r\n  protected clearFile(event: MouseEvent): void {\r\n    event.preventDefault();\r\n    event.stopPropagation();\r\n    this.value = null;\r\n    this.stateChanges.next();\r\n  }\r\n}\r\n","@if (loading) {\r\n  <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\r\n}\r\n\r\n@if (!shouldLabelFloat) {\r\n  <section>\r\n    <br>\r\n    <div\r\n      [style.border-color]=\"dragOver ? ' var(--mat-stepper-header-selected-state-icon-background-color)' : '#ccc;'\"\r\n      (dragover)=\"onDragOver($event)\"\r\n      (drop)=\"onDrop($event)\"\r\n      (dragleave)=\"onDragLeave($event)\"\r\n      class=\"drop-zone\">\r\n      <div>\r\n        <mat-icon>\r\n          cloud_upload\r\n        </mat-icon>\r\n      </div>\r\n      <div>\r\n        @if (!!errorMessage) {\r\n          <span class=\"mat-mdc-form-field-error\">\r\n            {{ errorMessage }}\r\n          </span>\r\n        } @else {\r\n          Drag and drop files or click to upload\r\n        }\r\n      </div>\r\n    </div>\r\n  </section>\r\n}\r\n\r\n<input\r\n  style=\"display: none\"\r\n  hidden\r\n  [readonly]=\"!!inputConfig().readonly\"\r\n  [type]=\"inputConfig().type || 'file'\"\r\n  [accept]=\"uploadAccept()\"\r\n  (change)=\"onFileSelected($event)\"\r\n  #uploader\r\n/>\r\n\r\n@if (!!shouldLabelFloat) {\r\n  <div\r\n    [style.border-color]=\"dragOver ? 'var(--mat-stepper-header-selected-state-icon-background-color)' : '#ccc;'\"\r\n    class=\"drop-zone\"\r\n    (dragover)=\"onDragOver($event)\"\r\n    (drop)=\"onDrop($event)\"\r\n    (dragleave)=\"onDragLeave($event)\">\r\n    <img style=\"width: 100%;\" [src]=\"previewSrc()\" alt=\"\">\r\n    <mat-toolbar style=\"    height: min-content !important;\">\r\n      <mat-icon\r\n        [style.color]=\"dragOver ? 'var(--mat-stepper-header-selected-state-icon-background-color)' : ''\">\r\n        cloud_upload\r\n      </mat-icon>\r\n      <span class=\"spacer\"></span>\r\n      <div style=\"padding: 8px;\">\r\n        @if (!!fileName) {\r\n          <div style=\"\r\n            line-height: normal;width: 100%;\r\n            white-space:normal;overflow: hidden;text-overflow: ellipsis;\r\n            font-size: 0.75em;color:var(--mat-stepper-header-selected-state-icon-background-color);\">\r\n            {{ fileName }}\r\n          </div>\r\n        }\r\n        <div style=\"font-size: 0.875em;\">\r\n          Drag and drop files or click to upload\r\n        </div>\r\n      </div>\r\n\r\n      <span class=\"spacer\"></span>\r\n      <button (click)=\"clearFile($event)\" mat-icon-button>\r\n        <mat-icon>close</mat-icon>\r\n      </button>\r\n    </mat-toolbar>\r\n  </div>\r\n}\r\n","import { ChangeDetectionStrategy, Component, computed, input, output } from '@angular/core';\r\nimport { FormGroup, ReactiveFormsModule, ValidationErrors } 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 { FileUploaderComponent } from './core/file-uploader/file-uploader.component';\r\nimport { getInputErrorMessage } from '../../../../services/core/t-input-controller/functions/inputErrorMessage';\r\n\r\n/** Wraps a reactive file-uploader control inside a `mat-form-field`. */\r\n@Component({\r\n  selector: 'lib-file-upload-input-element',\r\n  templateUrl: './file-upload-input-element.component.html',\r\n  styleUrl: './file-upload-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    FileUploaderComponent,\r\n    TFormInputStatusComponent,\r\n  ],\r\n})\r\nexport class FileUploadInputElementComponent {\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  protected getErrors(): ValidationErrors | null | undefined {\r\n    return this.formGroup().controls[this.inputConfig().id]?.errors;\r\n  }\r\n}\r\n","<form [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-file-uploader\r\n        [inputConfig]=\"inputConfig\"\r\n        [formControlName]=\"inputConfig.id\"\r\n        [required]=\"inputConfig.required\"\r\n      ></lib-file-uploader>\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.prefixIcon) {\r\n        <mat-icon matPrefix>{{ inputConfig.prefixIcon }}</mat-icon>\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.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</form>\r\n"],"names":["i2","i3","i4","i5"],"mappings":"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"}
+{"version":3,"file":"ngx-t-forms-file-upload-input-element.component-BAtuymMY.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-form-input/elements/file-upload-input-element/core/file-uploader/file-uploader.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-form-input/elements/file-upload-input-element/core/file-uploader/file-uploader.component.html","../../../projects/ngx-t-forms/src/lib/components/t-form-input/elements/file-upload-input-element/file-upload-input-element.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-form-input/elements/file-upload-input-element/file-upload-input-element.component.html"],"sourcesContent":["import {\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  ElementRef,\r\n  PLATFORM_ID,\r\n  computed,\r\n  inject,\r\n  input,\r\n  viewChild,\r\n} from '@angular/core';\r\nimport { isPlatformBrowser } from '@angular/common';\r\nimport { NgControl } from '@angular/forms';\r\nimport { MatFormFieldControl } from '@angular/material/form-field';\r\nimport { MatProgressBarModule } from '@angular/material/progress-bar';\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 {\r\n  AllDocumentFileExtensions,\r\n  AllImageFileExtensions,\r\n  FileUploadInputValueInterface,\r\n  IFileUploadInput,\r\n  ITowerStepColumn,\r\n  InputFileType,\r\n  UploadTypes,\r\n} from 'ngx-t-forms-types';\r\n\r\nimport { BaseCustomInput, BaseCustomInputConfig } from '../../../../../../services/core/t-input-controller/functions/baseCustomInput';\r\n\r\nconst customInputConfig: BaseCustomInputConfig = {\r\n  controlType: 'app-file-uploader',\r\n  nextId: 0,\r\n};\r\n\r\n@Component({\r\n  selector: 'lib-file-uploader',\r\n  templateUrl: './file-uploader.component.html',\r\n  styleUrls: ['./file-uploader.component.css'],\r\n  imports: [\r\n    MatProgressBarModule,\r\n    MatIconModule,\r\n    MatToolbarModule,\r\n    MatButtonModule,\r\n  ],\r\n  host: {\r\n    '[class.floating]': 'shouldLabelFloat',\r\n    '[id]': 'id',\r\n  },\r\n  providers: [{ provide: MatFormFieldControl, useExisting: FileUploaderComponent }],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class FileUploaderComponent extends BaseCustomInput<FileUploadInputValueInterface | object | null> {\r\n  readonly inputConfig = input.required<ITowerStepColumn>();\r\n\r\n  protected readonly uploader = viewChild.required<ElementRef<HTMLInputElement>>('uploader');\r\n\r\n  protected readonly uploadAccept = computed<string>(() => {\r\n    const cfg = this.inputConfig() as IFileUploadInput | undefined;\r\n    const fileType = cfg?.fileType;\r\n    if (!fileType) {\r\n      return InputFileType.file;\r\n    }\r\n    return (UploadTypes as Record<string, string>)[String(fileType)] ?? InputFileType.file;\r\n  });\r\n\r\n  protected readonly previewSrc = computed(() => {\r\n    const cfg = this.inputConfig() as IFileUploadInput | undefined;\r\n    const fileType = cfg?.fileType;\r\n    switch (fileType) {\r\n      case InputFileType.file:\r\n        return 'https://res.cloudinary.com/afrob/image/upload/v1676973154/Flows/Icons/iPhone_14_-_1_tx1scw.png';\r\n      default:\r\n        return (this.value as FileUploadInputValueInterface | null)?.base64 ?? undefined;\r\n    }\r\n  });\r\n\r\n  protected fileName: string | null = null;\r\n  protected loading: number | null = null;\r\n  protected dragOver = 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 value(): FileUploadInputValueInterface | object | null {\r\n    return this._value;\r\n  }\r\n  override set value(file: FileUploadInputValueInterface | object | null) {\r\n    const fileType = this.inputConfig()?.fileType;\r\n    if (!file || typeof file !== 'object') {\r\n      this._value = file;\r\n      this.stateChanges.next();\r\n      return;\r\n    }\r\n\r\n    const { base64, fileExtension } = file as FileUploadInputValueInterface;\r\n\r\n    if (!base64) {\r\n      this._value = file;\r\n      this.stateChanges.next();\r\n      return;\r\n    }\r\n\r\n    const allDocExtensions = Object.values(AllDocumentFileExtensions);\r\n    const allImageExtensions = Object.values(AllImageFileExtensions);\r\n    const isFile = allDocExtensions.includes(fileExtension as AllDocumentFileExtensions);\r\n    const isImage = allImageExtensions.includes(fileExtension as AllImageFileExtensions);\r\n    if (\r\n      (fileType === InputFileType.file && !isFile) ||\r\n      ((fileType === InputFileType.Image || fileType === InputFileType.CaptureImage) && !isImage)\r\n    ) {\r\n      this._value = null;\r\n      this.temporaryError(`Invalid file type. Expected ${fileType} file`);\r\n      this.stateChanges.next();\r\n      return;\r\n    } else {\r\n      this._value = file;\r\n      this.stateChanges.next();\r\n      return;\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  override onContainerClick(event: MouseEvent): void {\r\n    this.uploader().nativeElement.click();\r\n    if (event.target !== this._elementRef.nativeElement) {\r\n      this.markAsTouched();\r\n      this.stateChanges.next();\r\n    }\r\n  }\r\n\r\n  protected triggerUploader(): void {\r\n    this.uploader().nativeElement.click();\r\n  }\r\n\r\n  protected onFileSelected(event: Event): void {\r\n    const files = (event.target as HTMLInputElement).files;\r\n    if (files && files.length > 0) {\r\n      const file = files[0];\r\n      if (!file) return;\r\n      this.assignFile(file);\r\n    }\r\n  }\r\n\r\n  protected assignFile(file: File): void {\r\n    // FileReader is a browser-only API; gate by isPlatformBrowser to keep SSR-safe.\r\n    if (!isPlatformBrowser(this.#platformId)) {\r\n      return;\r\n    }\r\n    const reader = new FileReader();\r\n    reader.onload = () => {\r\n      this.fileName = file.name;\r\n      const nameSplit = file.name.split('.');\r\n      const fileExtension = nameSplit[nameSplit.length - 1];\r\n      this.value = {\r\n        fileName: file.name,\r\n        base64: reader.result as string,\r\n        type: this.inputConfig()?.fileType,\r\n        blob: file,\r\n        fileExtension,\r\n      };\r\n      this.onChange(this.value);\r\n    };\r\n    reader.readAsDataURL(file);\r\n  }\r\n\r\n  protected onDragOver(event: DragEvent): void {\r\n    this.dragOver = true;\r\n    event.preventDefault();\r\n    event.stopPropagation();\r\n  }\r\n\r\n  protected onDrop(event: DragEvent): void {\r\n    this.dragOver = false;\r\n    event.preventDefault();\r\n    event.stopPropagation();\r\n    const files = event.dataTransfer?.files;\r\n    if (files && files.length > 0) {\r\n      const file = files[0];\r\n      if (!file) return;\r\n      this.assignFile(file);\r\n    }\r\n  }\r\n\r\n  protected onDragLeave(event: DragEvent): void {\r\n    this.dragOver = false;\r\n    event.preventDefault();\r\n    event.stopPropagation();\r\n  }\r\n\r\n  protected clearFile(event: MouseEvent): void {\r\n    event.preventDefault();\r\n    event.stopPropagation();\r\n    this.value = null;\r\n    this.stateChanges.next();\r\n  }\r\n}\r\n","@if (loading) {\r\n  <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\r\n}\r\n\r\n@if (!shouldLabelFloat) {\r\n  <section>\r\n    <br>\r\n    <div\r\n      [style.border-color]=\"dragOver ? ' var(--mat-stepper-header-selected-state-icon-background-color)' : '#ccc;'\"\r\n      (dragover)=\"onDragOver($event)\"\r\n      (drop)=\"onDrop($event)\"\r\n      (dragleave)=\"onDragLeave($event)\"\r\n      class=\"drop-zone\">\r\n      <div>\r\n        <mat-icon>\r\n          cloud_upload\r\n        </mat-icon>\r\n      </div>\r\n      <div>\r\n        @if (!!errorMessage) {\r\n          <span class=\"mat-mdc-form-field-error\">\r\n            {{ errorMessage }}\r\n          </span>\r\n        } @else {\r\n          Drag and drop files or click to upload\r\n        }\r\n      </div>\r\n    </div>\r\n  </section>\r\n}\r\n\r\n<input\r\n  style=\"display: none\"\r\n  hidden\r\n  [readonly]=\"!!inputConfig().readonly\"\r\n  [type]=\"inputConfig().type || 'file'\"\r\n  [accept]=\"uploadAccept()\"\r\n  (change)=\"onFileSelected($event)\"\r\n  #uploader\r\n/>\r\n\r\n@if (!!shouldLabelFloat) {\r\n  <div\r\n    [style.border-color]=\"dragOver ? 'var(--mat-stepper-header-selected-state-icon-background-color)' : '#ccc;'\"\r\n    class=\"drop-zone\"\r\n    (dragover)=\"onDragOver($event)\"\r\n    (drop)=\"onDrop($event)\"\r\n    (dragleave)=\"onDragLeave($event)\">\r\n    <img style=\"width: 100%;\" [src]=\"previewSrc()\" alt=\"\">\r\n    <mat-toolbar style=\"    height: min-content !important;\">\r\n      <mat-icon\r\n        [style.color]=\"dragOver ? 'var(--mat-stepper-header-selected-state-icon-background-color)' : ''\">\r\n        cloud_upload\r\n      </mat-icon>\r\n      <span class=\"spacer\"></span>\r\n      <div style=\"padding: 8px;\">\r\n        @if (!!fileName) {\r\n          <div style=\"\r\n            line-height: normal;width: 100%;\r\n            white-space:normal;overflow: hidden;text-overflow: ellipsis;\r\n            font-size: 0.75em;color:var(--mat-stepper-header-selected-state-icon-background-color);\">\r\n            {{ fileName }}\r\n          </div>\r\n        }\r\n        <div style=\"font-size: 0.875em;\">\r\n          Drag and drop files or click to upload\r\n        </div>\r\n      </div>\r\n\r\n      <span class=\"spacer\"></span>\r\n      <button (click)=\"clearFile($event)\" mat-icon-button>\r\n        <mat-icon>close</mat-icon>\r\n      </button>\r\n    </mat-toolbar>\r\n  </div>\r\n}\r\n","import { ChangeDetectionStrategy, Component, computed, input, output } from '@angular/core';\r\nimport { FormGroup, ReactiveFormsModule, ValidationErrors } 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 { FileUploaderComponent } from './core/file-uploader/file-uploader.component';\r\nimport { getInputErrorMessage } from '../../../../services/core/t-input-controller/functions/inputErrorMessage';\r\n\r\n/** Wraps a reactive file-uploader control inside a `mat-form-field`. */\r\n@Component({\r\n  selector: 'lib-file-upload-input-element',\r\n  templateUrl: './file-upload-input-element.component.html',\r\n  styleUrl: './file-upload-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    FileUploaderComponent,\r\n    TFormInputStatusComponent,\r\n  ],\r\n})\r\nexport class FileUploadInputElementComponent {\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  protected getErrors(): ValidationErrors | null | undefined {\r\n    return this.formGroup().controls[this.inputConfig().id]?.errors;\r\n  }\r\n}\r\n","<form [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-file-uploader\r\n        [inputConfig]=\"inputConfig\"\r\n        [formControlName]=\"inputConfig.id\"\r\n        [required]=\"inputConfig.required\"\r\n      ></lib-file-uploader>\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.prefixIcon) {\r\n        <mat-icon matPrefix>{{ inputConfig.prefixIcon }}</mat-icon>\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.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</form>\r\n"],"names":["i2","i3","i4","i5"],"mappings":"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"}

package/fesm2022/{ngx-t-forms-form-input-selector.component-C9u8zq9B.mjs → ngx-t-forms-form-input-selector.component-B42xP3jh.mjs}

@@ -7,7 +7,7 @@ import { MatListModule } from '@angular/material/list';
 import * as i7 from '@angular/material/core';
 import { MatRippleModule } from '@angular/material/core';
 import { g as getInputIcon } from './ngx-t-forms-getInputIcon-B4ADgevZ.mjs';
-import { E as EmptyStateComponent } from './ngx-t-forms-ngx-t-forms-u_kigDid.mjs';
+import { E as EmptyStateComponent } from './ngx-t-forms-ngx-t-forms-C2G8_WQk.mjs';
 
 /**
  * Single-select list that lets a user pick one form input by id. Child of
@@ -83,4 +83,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImpo
         }], propDecorators: { errors: [{ type: i0.Input, args: [{ isSignal: true, alias: "errors", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], formInputs: [{ type: i0.Input, args: [{ isSignal: true, alias: "formInputs", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], change: [{ type: i0.Output, args: ["change"] }] } });
 
 export { FormInputSelectorComponent };
-//# sourceMappingURL=ngx-t-forms-form-input-selector.component-C9u8zq9B.mjs.map
+//# sourceMappingURL=ngx-t-forms-form-input-selector.component-B42xP3jh.mjs.map

package/fesm2022/{ngx-t-forms-form-input-selector.component-C9u8zq9B.mjs.map → ngx-t-forms-form-input-selector.component-B42xP3jh.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ngx-t-forms-form-input-selector.component-C9u8zq9B.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/form-input-selector/form-input-selector.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/form-input-selector/form-input-selector.component.html"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  computed,\n  input,\n  output,\n} from '@angular/core';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatListModule } from '@angular/material/list';\nimport { MatRippleModule } from '@angular/material/core';\nimport type { FormColumnInputs } from 'ngx-t-forms-types';\nimport { getInputIcon } from '../../../../shared/functions/getInputIcon';\nimport type { IConfigElementError } from '../../t-dynamic-data-edit.component';\nimport { EmptyStateComponent } from '../_shared/empty-state/empty-state.component';\n\n/** A form input decorated with the derived view-model fields the list renders. */\ninterface FormInputOption {\n  readonly input: FormColumnInputs;\n  readonly id: string;\n  readonly label: string;\n  readonly icon: string;\n  readonly dataType: string;\n  readonly isSubItem: boolean;\n  readonly selected: boolean;\n  readonly ariaLabel: string;\n}\n\n/**\n * Single-select list that lets a user pick one form input by id. Child of\n * `t-dynamic-data-edit`, which supplies the field label, hint, and validation\n * errors — so this component owns only the selectable list content.\n *\n * Selecting an already-selected input deselects it (emits `undefined`). While a\n * value is set the list collapses to the selected-only view.\n */\n@Component({\n  selector: 'lib-form-input-selector',\n  imports: [MatIconModule, MatListModule, MatRippleModule, EmptyStateComponent],\n  templateUrl: './form-input-selector.component.html',\n  styleUrl: './form-input-selector.component.css',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.Emulated,\n  host: {\n    'class': 'lib-form-input-selector',\n    '[attr.id]': 'id()',\n  },\n})\nexport class FormInputSelectorComponent {\n  /**\n   * Validation errors passed down by the parent editor. Retained on the contract\n   * (the parent binds `[errors]`) but not rendered here — `t-dynamic-data-edit`\n   * owns error display, so rendering them again would double them.\n   */\n  readonly errors = input<IConfigElementError[] | undefined>([]);\n\n  /** Currently selected input id, or `undefined` when nothing is selected. */\n  readonly value = input<string | undefined>(undefined);\n\n  /** Available form inputs to choose from. */\n  readonly formInputs = input<readonly FormColumnInputs[]>([]);\n\n  /** Disable user interaction. */\n  readonly disabled = input<boolean>(false);\n\n  /** Optional id attribute supplied by the parent editor. */\n  readonly id = input<string | undefined>(undefined);\n\n  /** Emits the chosen input id, or `undefined` when the selection is cleared. */\n  readonly change = output<string | undefined>();\n\n  /**\n   * The list to render: the selected-only view once a value is set, otherwise\n   * every available input. Each entry carries its derived icon, sub-item flag,\n   * and accessible label.\n   */\n  protected readonly options = computed<readonly FormInputOption[]>(() => {\n    const value = this.value();\n    const inputs = this.formInputs();\n    const selected = value === undefined ? undefined : inputs.find((item) => item.id === value);\n    const source = selected ? [selected] : inputs;\n    return source.map((item) => this.#toOption(item, item.id === value));\n  });\n\n  /** Toggle selection: re-selecting the current value clears it. */\n  protected select(id: string): void {\n    if (this.disabled()) {\n      return;\n    }\n    this.change.emit(this.value() === id ? undefined : id);\n  }\n\n  #toOption(item: FormColumnInputs, selected: boolean): FormInputOption {\n    const isSubItem = Boolean(item.multipleInputInEditId);\n    const dataType = item.dataType ?? '';\n    const kind = isSubItem ? 'Sub-item input' : 'Primary input';\n    const dataTypeLabel = dataType ? `, ${dataType}` : '';\n    return {\n      input: item,\n      id: item.id,\n      label: item.label,\n      icon: getInputIcon(item.element),\n      dataType,\n      isSubItem,\n      selected,\n      ariaLabel: `${item.label}. ${kind}${dataTypeLabel}.${selected ? ' Selected.' : ''}`,\n    };\n  }\n}\n","@if (options().length) {\n<mat-nav-list class=\"lib-form-input-selector__list\" role=\"listbox\" aria-label=\"Form input selector\">\n  @for (option of options(); track option.id) {\n  <mat-list-item\n    class=\"lib-form-input-selector__item\"\n    matRipple\n    [disabled]=\"disabled()\"\n    [activated]=\"option.selected\"\n    [attr.aria-selected]=\"option.selected\"\n    [attr.aria-label]=\"option.ariaLabel\"\n    (click)=\"select(option.id)\">\n    <mat-icon matListItemAvatar class=\"lib-form-input-selector__avatar\" aria-hidden=\"true\">\n      {{ option.icon }}\n    </mat-icon>\n    <span matListItemTitle class=\"lib-form-input-selector__title\">{{ option.label }}</span>\n    <span matListItemLine class=\"lib-form-input-selector__meta-text\">\n      @if (option.isSubItem) {\n      <span>Sub-item</span>\n      }\n      @if (option.dataType) {\n      <span>{{ option.dataType }}</span>\n      }\n      @if (option.selected) {\n      <span class=\"lib-form-input-selector__selected-hint\">Selected</span>\n      }\n    </span>\n    <mat-icon\n      matListItemMeta\n      class=\"lib-form-input-selector__indicator\"\n      [class.lib-form-input-selector__indicator--on]=\"option.selected\"\n      aria-hidden=\"true\">\n      {{ option.selected ? 'check_circle' : 'radio_button_unchecked' }}\n    </mat-icon>\n  </mat-list-item>\n  }\n</mat-nav-list>\n} @else {\n<lib-empty-state icon=\"search_off\" message=\"No form inputs found\" />\n}\n"],"names":["i2","i3"],"mappings":";;;;;;;;;;;AA4BA;;;;;;;AAOG;MAaU,0BAA0B,CAAA;AAZvC,IAAA,WAAA,GAAA;AAaE;;;;AAIG;AACM,QAAA,IAAA,CAAA,MAAM,GAAG,KAAK,CAAoC,EAAE,6EAAC;;AAGrD,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAqB,SAAS,4EAAC;;AAG5C,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAA8B,EAAE,iFAAC;;AAGnD,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAU,KAAK,+EAAC;;AAGhC,QAAA,IAAA,CAAA,EAAE,GAAG,KAAK,CAAqB,SAAS,yEAAC;;QAGzC,IAAA,CAAA,MAAM,GAAG,MAAM,EAAsB;AAE9C;;;;AAIG;AACgB,QAAA,IAAA,CAAA,OAAO,GAAG,QAAQ,CAA6B,MAAK;AACrE,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE;AAC1B,YAAA,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,EAAE;YAChC,MAAM,QAAQ,GAAG,KAAK,KAAK,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,EAAE,KAAK,KAAK,CAAC;AAC3F,YAAA,MAAM,MAAM,GAAG,QAAQ,GAAG,CAAC,QAAQ,CAAC,GAAG,MAAM;YAC7C,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC;AACtE,QAAA,CAAC,8EAAC;AA0BH,IAAA;;AAvBW,IAAA,MAAM,CAAC,EAAU,EAAA;AACzB,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;YACnB;QACF;QACA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,SAAS,GAAG,EAAE,CAAC;IACxD;IAEA,SAAS,CAAC,IAAsB,EAAE,QAAiB,EAAA;QACjD,MAAM,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC,qBAAqB,CAAC;AACrD,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,IAAI,EAAE;QACpC,MAAM,IAAI,GAAG,SAAS,GAAG,gBAAgB,GAAG,eAAe;AAC3D,QAAA,MAAM,aAAa,GAAG,QAAQ,GAAG,CAAA,EAAA,EAAK,QAAQ,CAAA,CAAE,GAAG,EAAE;QACrD,OAAO;AACL,YAAA,KAAK,EAAE,IAAI;YACX,EAAE,EAAE,IAAI,CAAC,EAAE;YACX,KAAK,EAAE,IAAI,CAAC,KAAK;AACjB,YAAA,IAAI,EAAE,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC;YAChC,QAAQ;YACR,SAAS;YACT,QAAQ;AACR,YAAA,SAAS,EAAE,CAAA,EAAG,IAAI,CAAC,KAAK,CAAA,EAAA,EAAK,IAAI,CAAA,EAAG,aAAa,IAAI,QAAQ,GAAG,YAAY,GAAG,EAAE,CAAA,CAAE;SACpF;IACH;+GA3DW,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAA1B,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,SAAA,EAAA,MAAA,EAAA,EAAA,cAAA,EAAA,yBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EChDvC,o7CAuCA,EAAA,MAAA,EAAA,CAAA,kwDAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDDY,aAAa,mLAAE,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,cAAA,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,WAAA,EAAA,QAAA,EAAA,wDAAA,EAAA,MAAA,EAAA,CAAA,WAAA,CAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,MAAA,EAAA,CAAA,gBAAA,EAAA,oBAAA,EAAA,mBAAA,EAAA,iBAAA,EAAA,oBAAA,EAAA,mBAAA,EAAA,kBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,mBAAmB,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAUjE,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAZtC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,yBAAyB,WAC1B,CAAC,aAAa,EAAE,aAAa,EAAE,eAAe,EAAE,mBAAmB,CAAC,EAAA,eAAA,EAG5D,uBAAuB,CAAC,MAAM,iBAChC,iBAAiB,CAAC,QAAQ,EAAA,IAAA,EACnC;AACJ,wBAAA,OAAO,EAAE,yBAAyB;AAClC,wBAAA,WAAW,EAAE,MAAM;AACpB,qBAAA,EAAA,QAAA,EAAA,o7CAAA,EAAA,MAAA,EAAA,CAAA,kwDAAA,CAAA,EAAA;;;;;"}
+{"version":3,"file":"ngx-t-forms-form-input-selector.component-B42xP3jh.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/form-input-selector/form-input-selector.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/form-input-selector/form-input-selector.component.html"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  computed,\n  input,\n  output,\n} from '@angular/core';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatListModule } from '@angular/material/list';\nimport { MatRippleModule } from '@angular/material/core';\nimport type { FormColumnInputs } from 'ngx-t-forms-types';\nimport { getInputIcon } from '../../../../shared/functions/getInputIcon';\nimport type { IConfigElementError } from '../../t-dynamic-data-edit.component';\nimport { EmptyStateComponent } from '../_shared/empty-state/empty-state.component';\n\n/** A form input decorated with the derived view-model fields the list renders. */\ninterface FormInputOption {\n  readonly input: FormColumnInputs;\n  readonly id: string;\n  readonly label: string;\n  readonly icon: string;\n  readonly dataType: string;\n  readonly isSubItem: boolean;\n  readonly selected: boolean;\n  readonly ariaLabel: string;\n}\n\n/**\n * Single-select list that lets a user pick one form input by id. Child of\n * `t-dynamic-data-edit`, which supplies the field label, hint, and validation\n * errors — so this component owns only the selectable list content.\n *\n * Selecting an already-selected input deselects it (emits `undefined`). While a\n * value is set the list collapses to the selected-only view.\n */\n@Component({\n  selector: 'lib-form-input-selector',\n  imports: [MatIconModule, MatListModule, MatRippleModule, EmptyStateComponent],\n  templateUrl: './form-input-selector.component.html',\n  styleUrl: './form-input-selector.component.css',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.Emulated,\n  host: {\n    'class': 'lib-form-input-selector',\n    '[attr.id]': 'id()',\n  },\n})\nexport class FormInputSelectorComponent {\n  /**\n   * Validation errors passed down by the parent editor. Retained on the contract\n   * (the parent binds `[errors]`) but not rendered here — `t-dynamic-data-edit`\n   * owns error display, so rendering them again would double them.\n   */\n  readonly errors = input<IConfigElementError[] | undefined>([]);\n\n  /** Currently selected input id, or `undefined` when nothing is selected. */\n  readonly value = input<string | undefined>(undefined);\n\n  /** Available form inputs to choose from. */\n  readonly formInputs = input<readonly FormColumnInputs[]>([]);\n\n  /** Disable user interaction. */\n  readonly disabled = input<boolean>(false);\n\n  /** Optional id attribute supplied by the parent editor. */\n  readonly id = input<string | undefined>(undefined);\n\n  /** Emits the chosen input id, or `undefined` when the selection is cleared. */\n  readonly change = output<string | undefined>();\n\n  /**\n   * The list to render: the selected-only view once a value is set, otherwise\n   * every available input. Each entry carries its derived icon, sub-item flag,\n   * and accessible label.\n   */\n  protected readonly options = computed<readonly FormInputOption[]>(() => {\n    const value = this.value();\n    const inputs = this.formInputs();\n    const selected = value === undefined ? undefined : inputs.find((item) => item.id === value);\n    const source = selected ? [selected] : inputs;\n    return source.map((item) => this.#toOption(item, item.id === value));\n  });\n\n  /** Toggle selection: re-selecting the current value clears it. */\n  protected select(id: string): void {\n    if (this.disabled()) {\n      return;\n    }\n    this.change.emit(this.value() === id ? undefined : id);\n  }\n\n  #toOption(item: FormColumnInputs, selected: boolean): FormInputOption {\n    const isSubItem = Boolean(item.multipleInputInEditId);\n    const dataType = item.dataType ?? '';\n    const kind = isSubItem ? 'Sub-item input' : 'Primary input';\n    const dataTypeLabel = dataType ? `, ${dataType}` : '';\n    return {\n      input: item,\n      id: item.id,\n      label: item.label,\n      icon: getInputIcon(item.element),\n      dataType,\n      isSubItem,\n      selected,\n      ariaLabel: `${item.label}. ${kind}${dataTypeLabel}.${selected ? ' Selected.' : ''}`,\n    };\n  }\n}\n","@if (options().length) {\n<mat-nav-list class=\"lib-form-input-selector__list\" role=\"listbox\" aria-label=\"Form input selector\">\n  @for (option of options(); track option.id) {\n  <mat-list-item\n    class=\"lib-form-input-selector__item\"\n    matRipple\n    [disabled]=\"disabled()\"\n    [activated]=\"option.selected\"\n    [attr.aria-selected]=\"option.selected\"\n    [attr.aria-label]=\"option.ariaLabel\"\n    (click)=\"select(option.id)\">\n    <mat-icon matListItemAvatar class=\"lib-form-input-selector__avatar\" aria-hidden=\"true\">\n      {{ option.icon }}\n    </mat-icon>\n    <span matListItemTitle class=\"lib-form-input-selector__title\">{{ option.label }}</span>\n    <span matListItemLine class=\"lib-form-input-selector__meta-text\">\n      @if (option.isSubItem) {\n      <span>Sub-item</span>\n      }\n      @if (option.dataType) {\n      <span>{{ option.dataType }}</span>\n      }\n      @if (option.selected) {\n      <span class=\"lib-form-input-selector__selected-hint\">Selected</span>\n      }\n    </span>\n    <mat-icon\n      matListItemMeta\n      class=\"lib-form-input-selector__indicator\"\n      [class.lib-form-input-selector__indicator--on]=\"option.selected\"\n      aria-hidden=\"true\">\n      {{ option.selected ? 'check_circle' : 'radio_button_unchecked' }}\n    </mat-icon>\n  </mat-list-item>\n  }\n</mat-nav-list>\n} @else {\n<lib-empty-state icon=\"search_off\" message=\"No form inputs found\" />\n}\n"],"names":["i2","i3"],"mappings":"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"}

package/fesm2022/{ngx-t-forms-form-json-view.component-856Hx1Bg.mjs → ngx-t-forms-form-json-view.component-DnnLXqR0.mjs}

@@ -1,7 +1,7 @@
 import { AsyncPipe } from '@angular/common';
 import * as i0 from '@angular/core';
 import { inject, ChangeDetectionStrategy, Component } from '@angular/core';
-import { F as FormsStoreService, b as TDynamicDataViewComponent } from './ngx-t-forms-ngx-t-forms-u_kigDid.mjs';
+import { F as FormsStoreService, b as TDynamicDataViewComponent } from './ngx-t-forms-ngx-t-forms-C2G8_WQk.mjs';
 import { map } from 'rxjs';
 
 class FormJsonViewComponent {
@@ -19,4 +19,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImpo
         }] });
 
 export { FormJsonViewComponent };
-//# sourceMappingURL=ngx-t-forms-form-json-view.component-856Hx1Bg.mjs.map
+//# sourceMappingURL=ngx-t-forms-form-json-view.component-DnnLXqR0.mjs.map

package/fesm2022/{ngx-t-forms-form-json-view.component-856Hx1Bg.mjs.map → ngx-t-forms-form-json-view.component-DnnLXqR0.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ngx-t-forms-form-json-view.component-856Hx1Bg.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/form-builder/elements/form-json-view/form-json-view.component.ts","../../../projects/ngx-t-forms/src/lib/components/form-builder/elements/form-json-view/form-json-view.component.html"],"sourcesContent":["import { AsyncPipe } from '@angular/common';\r\nimport { ChangeDetectionStrategy, Component, inject } from '@angular/core';\r\n\r\nimport { FormsStoreService } from '../../../forms/store/forms-store.service';\r\nimport { TDynamicDataViewComponent } from '../../../t-dynamic-data-view/t-dynamic-data-view.component';\r\n\r\nimport { map } from 'rxjs';\r\n\r\n@Component({\r\n  selector: 'lib-form-json-view',\r\n  imports: [AsyncPipe, TDynamicDataViewComponent],\r\n  templateUrl: './form-json-view.component.html',\r\n  styleUrl: './form-json-view.component.scss',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class FormJsonViewComponent {\r\n  readonly #store = inject(FormsStoreService);\r\n\r\n  protected readonly form$ = this.#store.selectors.selectFormInEdit$.pipe(\r\n    map((form) => form?.form),\r\n  );\r\n}\r\n","\r\n<lib-t-dynamic-data-view [data]=\"form$|async\"></lib-t-dynamic-data-view>"],"names":[],"mappings":";;;;;;MAea,qBAAqB,CAAA;AAPlC,IAAA,WAAA,GAAA;AAQW,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,iBAAiB,CAAC;QAExB,IAAA,CAAA,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,iBAAiB,CAAC,IAAI,CACrE,GAAG,CAAC,CAAC,IAAI,KAAK,IAAI,EAAE,IAAI,CAAC,CAC1B;AACF,IAAA;AALU,IAAA,MAAM;+GADJ,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECflC,gFACwE,EAAA,MAAA,EAAA,CAAA,yYAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDSjD,yBAAyB,iFAApC,SAAS,EAAA,IAAA,EAAA,OAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAKR,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAPjC,SAAS;+BACE,oBAAoB,EAAA,OAAA,EACrB,CAAC,SAAS,EAAE,yBAAyB,CAAC,EAAA,eAAA,EAG9B,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,gFAAA,EAAA,MAAA,EAAA,CAAA,yYAAA,CAAA,EAAA;;;;;"}
+{"version":3,"file":"ngx-t-forms-form-json-view.component-DnnLXqR0.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/form-builder/elements/form-json-view/form-json-view.component.ts","../../../projects/ngx-t-forms/src/lib/components/form-builder/elements/form-json-view/form-json-view.component.html"],"sourcesContent":["import { AsyncPipe } from '@angular/common';\r\nimport { ChangeDetectionStrategy, Component, inject } from '@angular/core';\r\n\r\nimport { FormsStoreService } from '../../../forms/store/forms-store.service';\r\nimport { TDynamicDataViewComponent } from '../../../t-dynamic-data-view/t-dynamic-data-view.component';\r\n\r\nimport { map } from 'rxjs';\r\n\r\n@Component({\r\n  selector: 'lib-form-json-view',\r\n  imports: [AsyncPipe, TDynamicDataViewComponent],\r\n  templateUrl: './form-json-view.component.html',\r\n  styleUrl: './form-json-view.component.scss',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class FormJsonViewComponent {\r\n  readonly #store = inject(FormsStoreService);\r\n\r\n  protected readonly form$ = this.#store.selectors.selectFormInEdit$.pipe(\r\n    map((form) => form?.form),\r\n  );\r\n}\r\n","\r\n<lib-t-dynamic-data-view [data]=\"form$|async\"></lib-t-dynamic-data-view>"],"names":[],"mappings":";;;;;;MAea,qBAAqB,CAAA;AAPlC,IAAA,WAAA,GAAA;AAQW,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,iBAAiB,CAAC;QAExB,IAAA,CAAA,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,iBAAiB,CAAC,IAAI,CACrE,GAAG,CAAC,CAAC,IAAI,KAAK,IAAI,EAAE,IAAI,CAAC,CAC1B;AACF,IAAA;AALU,IAAA,MAAM;+GADJ,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECflC,gFACwE,EAAA,MAAA,EAAA,CAAA,yYAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDSjD,yBAAyB,iFAApC,SAAS,EAAA,IAAA,EAAA,OAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAKR,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAPjC,SAAS;+BACE,oBAAoB,EAAA,OAAA,EACrB,CAAC,SAAS,EAAE,yBAAyB,CAAC,EAAA,eAAA,EAG9B,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,gFAAA,EAAA,MAAA,EAAA,CAAA,yYAAA,CAAA,EAAA;;;;;"}

package/fesm2022/{ngx-t-forms-form-payload-projection.component-CDkTuX9S.mjs → ngx-t-forms-form-payload-projection.component-Ip9ewB18.mjs}

@@ -2,9 +2,9 @@ import * as i0 from '@angular/core';
 import { input, output, signal, computed, effect, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
 import { JsonPipe } from '@angular/common';
 import { MatButtonModule } from '@angular/material/button';
-import * as i2 from '@angular/material/button-toggle';
+import * as i3 from '@angular/material/button-toggle';
 import { MatButtonToggleModule } from '@angular/material/button-toggle';
-import * as i3 from '@angular/material/icon';
+import * as i3$1 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
 import * as i5 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
@@ -168,7 +168,7 @@ class FormPayloadProjectionComponent {
         this.valueChanged.emit(serialized);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: FormPayloadProjectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: FormPayloadProjectionComponent, isStandalone: true, selector: "lib-form-payload-projection", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, formInputs: { classPropertyName: "formInputs", publicName: "formInputs", isSignal: true, isRequired: false, transformFunction: null }, errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChanged: "valueChanged" }, host: { classAttribute: "lib-form-payload-projection" }, ngImport: i0, template: "<div class=\"projection\">\n  <p class=\"hint-line\">\n    <mat-icon class=\"info-icon\">help_outline</mat-icon>\n    <span>Choose how the submitted form is shaped before it is sent to the endpoint.</span>\n  </p>\n\n  <mat-button-toggle-group class=\"mode-toggle\" [value]=\"mode()\" hideSingleSelectionIndicator\n    [disabled]=\"disabled()\" (change)=\"setMode($event.value)\" aria-label=\"Payload shape\">\n    <mat-button-toggle value=\"flat\" matTooltip=\"Send each field at the top level\">\n      <mat-icon>list</mat-icon> Top level\n    </mat-button-toggle>\n    <mat-button-toggle value=\"wrap\" matTooltip=\"Nest the whole form under a key\">\n      <mat-icon>data_object</mat-icon> Wrap under key\n    </mat-button-toggle>\n  </mat-button-toggle-group>\n\n  @if (mode() === 'wrap') {\n    <div class=\"keys\">\n      <span class=\"field-label\">Wrap the form under</span>\n      @for (key of keys(); track trackByIndex($index); let i = $index) {\n        <div class=\"key-row\">\n          <span class=\"key-prefix\" aria-hidden=\"true\">&#123;</span>\n          <input class=\"key-input\" [value]=\"key\" [disabled]=\"disabled()\"\n            placeholder=\"e.g. data, payload\" [attr.aria-label]=\"'Wrapper key ' + (i + 1)\"\n            (input)=\"updateKey(i, inputValue($event))\">\n          <span class=\"key-suffix\" aria-hidden=\"true\">: form&#125;</span>\n          <button type=\"button\" class=\"key-remove\" [disabled]=\"disabled()\" matTooltip=\"Remove key\"\n            [attr.aria-label]=\"'Remove wrapper key ' + (i + 1)\" (click)=\"removeKey(i)\">\n            <mat-icon>close</mat-icon>\n          </button>\n        </div>\n      }\n      <button type=\"button\" class=\"link-btn\" [disabled]=\"disabled()\" (click)=\"addKey()\">\n        <mat-icon>add</mat-icon> Add another key\n      </button>\n    </div>\n  } @else {\n    <p class=\"hint-line subtle\">\n      <mat-icon class=\"info-icon\">info</mat-icon>\n      <span>Every field is sent at the top level of the request body.</span>\n    </p>\n  }\n\n  <div class=\"preview\">\n    <div class=\"preview-head\">\n      <span class=\"field-label\">Sent to the endpoint</span>\n      <button type=\"button\" class=\"link-btn\" [disabled]=\"disabled()\" matTooltip=\"Reset to the recommended shape\"\n        (click)=\"resetToDefault()\">\n        <mat-icon>restart_alt</mat-icon> Reset\n      </button>\n    </div>\n    <pre class=\"preview-json\">{{ preview() | json }}</pre>\n  </div>\n\n  @for (error of errors(); track error.key) {\n    <p class=\"error-line\">{{ error.message }}</p>\n  }\n</div>\n", styles: [":host{display:block}.projection{display:flex;flex-direction:column;gap:1.5rem}.hint-line{display:flex;align-items:center;gap:.5rem;margin:0;font-size:.875rem;color:var(--lib-forms-on-surface-variant)}.hint-line.subtle{opacity:.85}.info-icon{font-size:1.125rem;width:1.125rem;height:1.125rem;color:var(--lib-forms-primary)}.field-label{font-size:.625rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--lib-forms-on-surface-variant)}.mode-toggle{align-self:flex-start;border-radius:8px}.keys{display:flex;flex-direction:column;gap:.75rem}.key-row{display:flex;align-items:center;gap:.5rem}.key-prefix,.key-suffix{font-family:var(--lib-forms-font-mono, monospace);font-size:.8125rem;color:var(--lib-forms-on-surface-variant);flex-shrink:0}.key-input{flex:1;min-width:0;font:inherit;font-size:.9375rem;padding:.5rem .75rem;color:var(--lib-forms-on-surface);background:var(--lib-forms-surface-container-highest);border:1px solid color-mix(in srgb,var(--lib-forms-outline) 30%,transparent);border-radius:8px;transition:border-color .3s cubic-bezier(.16,1,.3,1)}.key-input:focus{outline:none;border-color:var(--lib-forms-primary)}.key-input:disabled{opacity:.6;cursor:not-allowed}.key-remove{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;flex-shrink:0;border:none;background:transparent;border-radius:8px;color:var(--lib-forms-on-surface-variant);cursor:pointer;transition:color .3s cubic-bezier(.16,1,.3,1)}.key-remove:hover:not(:disabled){color:var(--lib-forms-error)}.key-remove:disabled{opacity:.5;cursor:not-allowed}.key-remove mat-icon{font-size:1.125rem;width:1.125rem;height:1.125rem}.link-btn{display:inline-flex;align-items:center;gap:.375rem;align-self:flex-start;padding:.25rem 0;border:none;background:transparent;color:var(--lib-forms-primary);font:inherit;font-size:.8125rem;font-weight:500;cursor:pointer}.link-btn:disabled{opacity:.5;cursor:not-allowed}.link-btn mat-icon{font-size:1.125rem;width:1.125rem;height:1.125rem}.preview{display:flex;flex-direction:column;gap:.5rem}.preview-head{display:flex;align-items:center;justify-content:space-between}.preview-json{margin:0;padding:1rem;font-family:var(--lib-forms-font-mono, monospace);font-size:.8125rem;line-height:1.5;color:var(--lib-forms-on-surface);background:var(--lib-forms-surface-container-highest);border-radius:8px;overflow-x:auto;white-space:pre}.error-line{margin:0;font-size:.75rem;color:var(--lib-forms-error)}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatButtonToggleModule }, { kind: "directive", type: i2.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled", "disabledInteractive", "hideSingleSelectionIndicator", "hideMultipleSelectionIndicator"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i2.MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled", "disabledInteractive"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "pipe", type: JsonPipe, name: "json" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: FormPayloadProjectionComponent, isStandalone: true, selector: "lib-form-payload-projection", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, formInputs: { classPropertyName: "formInputs", publicName: "formInputs", isSignal: true, isRequired: false, transformFunction: null }, errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChanged: "valueChanged" }, host: { classAttribute: "lib-form-payload-projection" }, ngImport: i0, template: "<div class=\"projection\">\n  <p class=\"hint-line\">\n    <mat-icon class=\"info-icon\">help_outline</mat-icon>\n    <span>Choose how the submitted form is shaped before it is sent to the endpoint.</span>\n  </p>\n\n  <mat-button-toggle-group class=\"mode-toggle\" [value]=\"mode()\" hideSingleSelectionIndicator\n    [disabled]=\"disabled()\" (change)=\"setMode($event.value)\" aria-label=\"Payload shape\">\n    <mat-button-toggle value=\"flat\" matTooltip=\"Send each field at the top level\">\n      <mat-icon>list</mat-icon> Top level\n    </mat-button-toggle>\n    <mat-button-toggle value=\"wrap\" matTooltip=\"Nest the whole form under a key\">\n      <mat-icon>data_object</mat-icon> Wrap under key\n    </mat-button-toggle>\n  </mat-button-toggle-group>\n\n  @if (mode() === 'wrap') {\n    <div class=\"keys\">\n      <span class=\"field-label\">Wrap the form under</span>\n      @for (key of keys(); track trackByIndex($index); let i = $index) {\n        <div class=\"key-row\">\n          <span class=\"key-prefix\" aria-hidden=\"true\">&#123;</span>\n          <input class=\"key-input\" [value]=\"key\" [disabled]=\"disabled()\"\n            placeholder=\"e.g. data, payload\" [attr.aria-label]=\"'Wrapper key ' + (i + 1)\"\n            (input)=\"updateKey(i, inputValue($event))\">\n          <span class=\"key-suffix\" aria-hidden=\"true\">: form&#125;</span>\n          <button type=\"button\" class=\"key-remove\" [disabled]=\"disabled()\" matTooltip=\"Remove key\"\n            [attr.aria-label]=\"'Remove wrapper key ' + (i + 1)\" (click)=\"removeKey(i)\">\n            <mat-icon>close</mat-icon>\n          </button>\n        </div>\n      }\n      <button type=\"button\" class=\"link-btn\" [disabled]=\"disabled()\" (click)=\"addKey()\">\n        <mat-icon>add</mat-icon> Add another key\n      </button>\n    </div>\n  } @else {\n    <p class=\"hint-line subtle\">\n      <mat-icon class=\"info-icon\">info</mat-icon>\n      <span>Every field is sent at the top level of the request body.</span>\n    </p>\n  }\n\n  <div class=\"preview\">\n    <div class=\"preview-head\">\n      <span class=\"field-label\">Sent to the endpoint</span>\n      <button type=\"button\" class=\"link-btn\" [disabled]=\"disabled()\" matTooltip=\"Reset to the recommended shape\"\n        (click)=\"resetToDefault()\">\n        <mat-icon>restart_alt</mat-icon> Reset\n      </button>\n    </div>\n    <pre class=\"preview-json\">{{ preview() | json }}</pre>\n  </div>\n\n  @for (error of errors(); track error.key) {\n    <p class=\"error-line\">{{ error.message }}</p>\n  }\n</div>\n", styles: [":host{display:block}.projection{display:flex;flex-direction:column;gap:1.5rem}.hint-line{display:flex;align-items:center;gap:.5rem;margin:0;font-size:.875rem;color:var(--lib-forms-on-surface-variant)}.hint-line.subtle{opacity:.85}.info-icon{font-size:1.125rem;width:1.125rem;height:1.125rem;color:var(--lib-forms-primary)}.field-label{font-size:.625rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--lib-forms-on-surface-variant)}.mode-toggle{align-self:flex-start;border-radius:8px}.keys{display:flex;flex-direction:column;gap:.75rem}.key-row{display:flex;align-items:center;gap:.5rem}.key-prefix,.key-suffix{font-family:var(--lib-forms-font-mono, monospace);font-size:.8125rem;color:var(--lib-forms-on-surface-variant);flex-shrink:0}.key-input{flex:1;min-width:0;font:inherit;font-size:.9375rem;padding:.5rem .75rem;color:var(--lib-forms-on-surface);background:var(--lib-forms-surface-container-highest);border:1px solid color-mix(in srgb,var(--lib-forms-outline) 30%,transparent);border-radius:8px;transition:border-color .3s cubic-bezier(.16,1,.3,1)}.key-input:focus{outline:none;border-color:var(--lib-forms-primary)}.key-input:disabled{opacity:.6;cursor:not-allowed}.key-remove{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;flex-shrink:0;border:none;background:transparent;border-radius:8px;color:var(--lib-forms-on-surface-variant);cursor:pointer;transition:color .3s cubic-bezier(.16,1,.3,1)}.key-remove:hover:not(:disabled){color:var(--lib-forms-error)}.key-remove:disabled{opacity:.5;cursor:not-allowed}.key-remove mat-icon{font-size:1.125rem;width:1.125rem;height:1.125rem}.link-btn{display:inline-flex;align-items:center;gap:.375rem;align-self:flex-start;padding:.25rem 0;border:none;background:transparent;color:var(--lib-forms-primary);font:inherit;font-size:.8125rem;font-weight:500;cursor:pointer}.link-btn:disabled{opacity:.5;cursor:not-allowed}.link-btn mat-icon{font-size:1.125rem;width:1.125rem;height:1.125rem}.preview{display:flex;flex-direction:column;gap:.5rem}.preview-head{display:flex;align-items:center;justify-content:space-between}.preview-json{margin:0;padding:1rem;font-family:var(--lib-forms-font-mono, monospace);font-size:.8125rem;line-height:1.5;color:var(--lib-forms-on-surface);background:var(--lib-forms-surface-container-highest);border-radius:8px;overflow-x:auto;white-space:pre}.error-line{margin:0;font-size:.75rem;color:var(--lib-forms-error)}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatButtonToggleModule }, { kind: "directive", type: i3.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled", "disabledInteractive", "hideSingleSelectionIndicator", "hideMultipleSelectionIndicator"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i3.MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled", "disabledInteractive"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "pipe", type: JsonPipe, name: "json" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: FormPayloadProjectionComponent, decorators: [{
             type: Component,
@@ -176,4 +176,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImpo
         }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], formInputs: [{ type: i0.Input, args: [{ isSignal: true, alias: "formInputs", required: false }] }], errors: [{ type: i0.Input, args: [{ isSignal: true, alias: "errors", required: false }] }], valueChanged: [{ type: i0.Output, args: ["valueChanged"] }] } });
 
 export { FormPayloadProjectionComponent };
-//# sourceMappingURL=ngx-t-forms-form-payload-projection.component-CDkTuX9S.mjs.map
+//# sourceMappingURL=ngx-t-forms-form-payload-projection.component-Ip9ewB18.mjs.map