ngx-t-forms 2.0.29 → 2.0.31

package/fesm2022/ngx-t-forms-document-list-label-config-editor.component-CLUOXreG.mjs

@@ -0,0 +1,368 @@
+import * as i0 from '@angular/core';
+import { inject, output, signal, computed, Input, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { NgControl } from '@angular/forms';
+import * as i5$1 from '@angular/material/autocomplete';
+import { MatAutocompleteModule } from '@angular/material/autocomplete';
+import * as i1$1 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i3$1 from '@angular/material/card';
+import { MatCardModule } from '@angular/material/card';
+import { MatFormFieldModule, MatFormFieldControl } from '@angular/material/form-field';
+import * as i3 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import { MatInputModule } from '@angular/material/input';
+import * as i4 from '@angular/material/list';
+import { MatListModule } from '@angular/material/list';
+import * as i5 from '@angular/material/tooltip';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import * as i1 from '@angular/cdk/clipboard';
+import { ClipboardModule } from '@angular/cdk/clipboard';
+import { CdkDropList, CdkDrag } from '@angular/cdk/drag-drop';
+import { Subject } from 'rxjs';
+import { DocumentLitsLabelConfigInterfaceValueType, ReportTypes, InputDataTypes, InputTypes, InputPipeTypes, ElementTypes } from 'ngx-t-forms-types';
+import { MatChipListEditorComponent } from './ngx-t-forms-mat-chip-list-editor.component-c7uZT1sr.mjs';
+import { MatSliderToggleEditorComponent } from './ngx-t-forms-mat-slider-toggle-editor.component-CcYiwx-8.mjs';
+import { E as EmptyStateComponent } from './ngx-t-forms-ngx-t-forms-u_kigDid.mjs';
+import * as i8 from '@angular/material/select';
+
+/** Title-cases an enum key: `daysAgo` → `Days Ago`. */
+function humaniseKey(key) {
+    return key
+        .replace(/([A-Z])/g, ' $1')
+        .trim()
+        .toLowerCase()
+        .replace(/^\w/, (c) => c.toUpperCase());
+}
+/** Derives a readable label from a camelCase control name: `taxRate` → `tax Rate`. */
+function controlNameToLabel(name) {
+    return name
+        .replace(/([a-z])([A-Z])/g, '$1 $2')
+        .replace(/([A-Z])([A-Z][a-z])/g, '$1 $2');
+}
+/**
+ * Document-list label-configuration editor: builds the ordered list of column
+ * label definitions (`DocumentLitsLabelConfigInterface[]`) used to render a
+ * document list. Columns can be added, edited inline, removed, and reordered by
+ * drag-and-drop.
+ *
+ * Implements `MatFormFieldControl<DocumentLitsLabelConfigInterface[]>`, so it
+ * renders inside the parent's `<mat-form-field>` — `t-dynamic-data-edit` owns
+ * the field label, hint, and validation errors; this component owns only the
+ * column list and the add/edit form.
+ *
+ * NOTE: `MatFormFieldControl<T>` mandates plain mutable `value` / `disabled` /
+ * `required` / `placeholder` / `id` members, `@Input()` decorators, the
+ * `focused` / `touched` / `stateChanges` members, and the `useExisting`
+ * provider. These are framework wiring, not defects — the CLAUDE.md bans on
+ * `@Input()` / `useExisting` do not apply to MatFormFieldControl integration.
+ * Genuinely-internal state (the in-edit draft, derived option lists) uses
+ * `signal()` / `computed()`.
+ */
+class DocumentListLabelConfigEditorComponent {
+    constructor() {
+        /** Emits whenever a piece of `MatFormFieldControl` state changes. */
+        this.stateChanges = new Subject();
+        this.controlType = 'lib-document-list-label-config-editor';
+        this.id = `lib-document-list-label-config-editor-${DocumentListLabelConfigEditorComponent.nextId++}`;
+        this.placeholder = '';
+        this.focused = false;
+        this.touched = false;
+        this.describedBy = '';
+        this.autofilled = false;
+        this.userAriaDescribedBy = undefined;
+        this.disableAutomaticLabeling = undefined;
+        this.ngControl = inject(NgControl, { self: true, optional: true });
+        /** Validation errors surfaced by the parent for error-state derivation. */
+        this.errors = [];
+        /** Available form inputs used to auto-derive a column's value type. */
+        this.formInputs = [];
+        /** Editor configuration supplied by the parent (placeholder/required/etc.). */
+        this.editorConfig = undefined;
+        /** Candidate control names offered in the form-control autocomplete. */
+        this.mapToData = [];
+        /** Emits the column list whenever it changes. */
+        this.valueChange = output();
+        this.#value = [];
+        this.#disabled = false;
+        this.#required = false;
+        // ---- internal signal state ---------------------------------------------
+        /** The label draft currently being added/edited (see {@link LabelDraft}). */
+        this.labelInEdit = signal(null, ...(ngDevMode ? [{ debugName: "labelInEdit" }] : /* istanbul ignore next */ []));
+        /** Value-type chip options (all enum members, humanised). */
+        this.valueTypes = Object.keys(DocumentLitsLabelConfigInterfaceValueType).map((key) => ({ label: humaniseKey(key), value: key }));
+        /**
+         * Autocomplete options filtered by the draft's `formControlName`. Empty term
+         * shows the full list; otherwise matches a substring or a word-prefix.
+         */
+        this.filteredControlNames = computed(() => {
+            const source = this.mapToData ?? [];
+            const term = (this.labelInEdit()?.formControlName ?? '').trim().toLowerCase();
+            if (!term) {
+                return source;
+            }
+            return source.filter((option) => {
+                const text = option.toLowerCase();
+                if (text.includes(term)) {
+                    return true;
+                }
+                return text.split(/\s+/).some((word) => word.startsWith(term));
+            });
+        }, ...(ngDevMode ? [{ debugName: "filteredControlNames" }] : /* istanbul ignore next */ []));
+        /**
+         * Report-type chip options derived from the draft's `valueType`. `undefined`
+         * when no value type is chosen, which hides the report-types section.
+         *
+         * - currency / number → aggregation reports (avg, highest, lowest, sum)
+         * - string            → category report
+         */
+        this.reportTypes = computed(() => {
+            const valueType = this.labelInEdit()?.valueType;
+            if (!valueType) {
+                return undefined;
+            }
+            return Object.values(ReportTypes)
+                .filter((reportType) => {
+                if (valueType === DocumentLitsLabelConfigInterfaceValueType.currency ||
+                    valueType === DocumentLitsLabelConfigInterfaceValueType.number) {
+                    return (reportType === ReportTypes.Avg ||
+                        reportType === ReportTypes.Highest ||
+                        reportType === ReportTypes.Lowest ||
+                        reportType === ReportTypes.Sum);
+                }
+                if (valueType === DocumentLitsLabelConfigInterfaceValueType.string) {
+                    return reportType === ReportTypes.Category;
+                }
+                return false;
+            })
+                .map((key) => ({ label: humaniseKey(key), value: key }));
+        }, ...(ngDevMode ? [{ debugName: "reportTypes" }] : /* istanbul ignore next */ []));
+        /** Whether the save action is blocked (draft missing required fields). */
+        this.labelSaveDisabled = computed(() => {
+            const draft = this.labelInEdit();
+            return !draft || !draft.label || !draft.formControlName || !draft.valueType;
+        }, ...(ngDevMode ? [{ debugName: "labelSaveDisabled" }] : /* istanbul ignore next */ []));
+        this.onTouched = () => { };
+    }
+    static { this.nextId = 0; }
+    #value;
+    /** Current column configuration list. */
+    get value() {
+        return this.#value;
+    }
+    set value(value) {
+        this.#value = value ?? [];
+        this.stateChanges.next();
+    }
+    #disabled;
+    /** Whether the editor is inert. */
+    get disabled() {
+        return this.#disabled;
+    }
+    set disabled(value) {
+        this.#disabled = value;
+        this.stateChanges.next();
+    }
+    #required;
+    /** Whether at least one column is required. */
+    get required() {
+        return this.#required;
+    }
+    set required(value) {
+        this.#required = value;
+        this.stateChanges.next();
+    }
+    // ---- MatFormFieldControl getters (read by the framework) ----------------
+    get empty() {
+        return this.#value.length === 0;
+    }
+    get shouldLabelFloat() {
+        return this.focused || !this.empty;
+    }
+    get errorState() {
+        const requiredUnset = this.empty && this.#required;
+        const ngControlError = this.ngControl?.errors != null;
+        const externalError = (this.errors?.length ?? 0) > 0 && this.touched;
+        return requiredUnset || ngControlError || externalError;
+    }
+    setDescribedByIds(ids) {
+        this.describedBy = ids.join(' ');
+        this.stateChanges.next();
+    }
+    onContainerClick() {
+        this.markAsTouched();
+        if (!this.focused) {
+            this.focused = true;
+        }
+        this.stateChanges.next();
+    }
+    markAsTouched() {
+        if (!this.touched) {
+            this.touched = true;
+            this.onTouched();
+            this.stateChanges.next();
+        }
+    }
+    // ---- editing ------------------------------------------------------------
+    /** Begin a fresh column draft. */
+    startNewLabel() {
+        this.labelInEdit.set({});
+    }
+    /** Discard the current draft. */
+    cancelEdit() {
+        this.labelInEdit.set(null);
+    }
+    /** Update the draft's display label from the name input. */
+    nameChange(event) {
+        const label = event.target?.value ?? '';
+        this.labelInEdit.update((draft) => ({ ...draft, label }));
+    }
+    /**
+     * Update the draft's form control name (free-text typing). Re-derives the
+     * value type from the matching form input, if any.
+     */
+    formControlNameChange(event) {
+        const formControlName = event.target?.value ?? '';
+        const input = this.formInputs.find((i) => i.formControlName === formControlName);
+        this.labelInEdit.update((draft) => ({
+            ...draft,
+            formControlName,
+            valueType: this.#valueTypeFromInput(input),
+        }));
+    }
+    /** Apply an autocomplete selection, defaulting the label from the name. */
+    formControlSelected(event) {
+        const formControlName = String(event.option.value);
+        this.labelInEdit.update((draft) => ({
+            ...draft,
+            formControlName,
+            label: draft?.label || controlNameToLabel(formControlName),
+        }));
+    }
+    /** Set the draft's value type from the chip selection. */
+    valueTypeChanged(value) {
+        this.labelInEdit.update((draft) => ({
+            ...draft,
+            valueType: value,
+        }));
+    }
+    /**
+     * Set the draft's report types. The chip editor is multi-select, so it emits
+     * an array; a single value is normalised into one.
+     */
+    reportTypeChanged(value) {
+        const reportType = Array.isArray(value)
+            ? value
+            : value == null
+                ? []
+                : [value];
+        this.labelInEdit.update((draft) => ({ ...draft, reportType }));
+    }
+    /** Toggle the draft's hidden flag. */
+    isHiddenChanged(isHidden) {
+        this.labelInEdit.update((draft) => ({ ...draft, isHidden }));
+    }
+    /** Commit the draft into the list (replacing a matching column, or appending). */
+    saveHeader() {
+        const draft = this.labelInEdit();
+        if (!draft) {
+            return;
+        }
+        const next = [...this.#value];
+        const index = next.findIndex((item) => item.formControlName === draft.formControlName);
+        const column = draft;
+        if (index !== -1) {
+            next[index] = column;
+        }
+        else {
+            next.push(column);
+        }
+        this.#commit(next);
+        this.labelInEdit.set(null);
+    }
+    /** Remove a column by its form control name. */
+    removeLabel(label) {
+        this.#commit(this.#value.filter((item) => item.formControlName !== label.formControlName));
+    }
+    /** Reorder the list after a drag-and-drop. */
+    drop(event) {
+        const { previousIndex, currentIndex } = event;
+        const moved = this.#value.at(previousIndex);
+        if (moved === undefined || previousIndex === currentIndex) {
+            return;
+        }
+        const next = [...this.#value];
+        next.splice(previousIndex, 1);
+        next.splice(currentIndex, 0, moved);
+        this.#commit(next);
+    }
+    /** Write a new list value, emit the change, and mark the control touched. */
+    #commit(next) {
+        this.value = next;
+        this.valueChange.emit(next);
+        this.markAsTouched();
+    }
+    /** Derive the value type from a form input's data/element type and pipe. */
+    #valueTypeFromInput(input) {
+        if (!input) {
+            return DocumentLitsLabelConfigInterfaceValueType.string;
+        }
+        if (input.dataType === InputDataTypes.Number ||
+            input.type === InputTypes.Number ||
+            input.pipe?.pipeType === InputPipeTypes.Number) {
+            return DocumentLitsLabelConfigInterfaceValueType.number;
+        }
+        if (input.pipe?.pipeType === InputPipeTypes.Currency) {
+            return DocumentLitsLabelConfigInterfaceValueType.currency;
+        }
+        if (input.dataType === InputDataTypes.Boolean || input.element === ElementTypes.Toggle) {
+            return DocumentLitsLabelConfigInterfaceValueType.boolean;
+        }
+        return DocumentLitsLabelConfigInterfaceValueType.string;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: DocumentListLabelConfigEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: DocumentListLabelConfigEditorComponent, isStandalone: true, selector: "lib-document-list-label-config-editor", inputs: { errors: "errors", formInputs: "formInputs", editorConfig: "editorConfig", mapToData: "mapToData", value: "value", disabled: "disabled", required: "required" }, outputs: { valueChange: "valueChange" }, host: { properties: { "id": "id", "attr.aria-describedby": "describedBy" }, classAttribute: "lib-document-list-label-config-editor" }, providers: [
+            { provide: MatFormFieldControl, useExisting: DocumentListLabelConfigEditorComponent },
+        ], ngImport: i0, template: "<mat-nav-list\n  cdkDropList\n  [cdkDropListData]=\"value\"\n  (cdkDropListDropped)=\"drop($event)\"\n  class=\"lib-document-list-label-config-editor__list\"\n>\n  @if (value.length === 0) {\n    <lib-empty-state\n      icon=\"view_column\"\n      message=\"No columns configured. Add one below.\"\n    ></lib-empty-state>\n  } @else {\n    @for (label of value; track label.formControlName) {\n      <mat-list-item\n        cdkDrag\n        class=\"lib-document-list-label-config-editor__item\"\n        [matTooltip]=\"'Click to copy ' + label.formControlName\"\n        [cdkCopyToClipboard]=\"label.formControlName\"\n        matTooltipPosition=\"before\"\n      >\n        <mat-icon matListItemIcon>view_column</mat-icon>\n\n        <div matListItemTitle class=\"lib-document-list-label-config-editor__title\">\n          <span class=\"lib-document-list-label-config-editor__label\">{{ label.label }}</span>\n          <span class=\"lib-document-list-label-config-editor__meta\">\n            <code>{{ label.formControlName }}</code> \u00B7 {{ label.valueType }}\n          </span>\n        </div>\n\n        <button\n          matListItemMeta\n          mat-icon-button\n          type=\"button\"\n          [disabled]=\"disabled\"\n          [attr.aria-label]=\"'Remove ' + label.label\"\n          (click)=\"removeLabel(label)\"\n        >\n          <mat-icon>delete</mat-icon>\n        </button>\n      </mat-list-item>\n    }\n  }\n</mat-nav-list>\n\n@if (labelInEdit(); as draft) {\n  <mat-card appearance=\"outlined\" class=\"lib-document-list-label-config-editor__form\">\n    <mat-card-content class=\"lib-document-list-label-config-editor__fields\">\n      <label class=\"lib-document-list-label-config-editor__field-label\" [attr.for]=\"id + '-fcn'\">\n        Form control name\n      </label>\n      <input\n        class=\"lib-document-list-label-config-editor__input\"\n        type=\"text\"\n        [id]=\"id + '-fcn'\"\n        placeholder=\"Pick one\"\n        aria-label=\"Form control name\"\n        [value]=\"draft.formControlName || ''\"\n        (input)=\"formControlNameChange($event)\"\n        [matAutocomplete]=\"auto\"\n      />\n      <mat-autocomplete\n        #auto=\"matAutocomplete\"\n        autoActiveFirstOption\n        (optionSelected)=\"formControlSelected($event)\"\n      >\n        @for (option of filteredControlNames(); track option) {\n          <mat-option [value]=\"option\">{{ option }}</mat-option>\n        }\n      </mat-autocomplete>\n\n      <label class=\"lib-document-list-label-config-editor__field-label\" [attr.for]=\"id + '-name'\">\n        Name\n      </label>\n      <input\n        class=\"lib-document-list-label-config-editor__input\"\n        type=\"text\"\n        [id]=\"id + '-name'\"\n        placeholder=\"Enter label name\"\n        [value]=\"draft.label || ''\"\n        (input)=\"nameChange($event)\"\n      />\n\n      <label class=\"lib-document-list-label-config-editor__field-label\" [id]=\"id + '-vt-label'\">\n        Value type\n      </label>\n      <lib-mat-chip-list-editor\n        [id]=\"id + '-vt'\"\n        [errors]=\"[]\"\n        [value]=\"draft.valueType\"\n        [options]=\"valueTypes\"\n        (valueChange)=\"valueTypeChanged($event)\"\n      ></lib-mat-chip-list-editor>\n\n      @if (reportTypes(); as types) {\n        @if (types.length > 0) {\n          <label class=\"lib-document-list-label-config-editor__field-label\" [id]=\"id + '-rt-label'\">\n            Report types\n          </label>\n          <lib-mat-chip-list-editor\n            [id]=\"id + '-rt'\"\n            [errors]=\"[]\"\n            [multiple]=\"true\"\n            [value]=\"draft.reportType\"\n            [options]=\"types\"\n            (valueChange)=\"reportTypeChanged($event)\"\n          ></lib-mat-chip-list-editor>\n        }\n      }\n\n      <lib-mat-slider-toggle-editor\n        [id]=\"id + '-hidden'\"\n        label=\"Is hidden\"\n        [value]=\"draft.isHidden || false\"\n        [errors]=\"[]\"\n        (valueChange)=\"isHiddenChanged(!!$event)\"\n      ></lib-mat-slider-toggle-editor>\n    </mat-card-content>\n\n    <mat-card-actions class=\"lib-document-list-label-config-editor__actions\">\n      <button\n        mat-flat-button\n        color=\"primary\"\n        type=\"button\"\n        [disabled]=\"labelSaveDisabled()\"\n        (click)=\"saveHeader()\"\n      >\n        Save header\n      </button>\n      <span class=\"lib-document-list-label-config-editor__spacer\"></span>\n      <button mat-button color=\"warn\" type=\"button\" (click)=\"cancelEdit()\">Cancel</button>\n    </mat-card-actions>\n  </mat-card>\n} @else {\n  <button\n    mat-stroked-button\n    color=\"primary\"\n    type=\"button\"\n    class=\"lib-document-list-label-config-editor__add\"\n    [disabled]=\"disabled\"\n    (click)=\"startNewLabel()\"\n  >\n    Add new column\n  </button>\n}\n", styles: [":host{display:block;color:var(--lib-forms-on-surface)}.lib-document-list-label-config-editor__list{display:block;max-height:25rem;overflow:auto;padding:0}.lib-document-list-label-config-editor__item{cursor:grab}.lib-document-list-label-config-editor__item:active{cursor:grabbing}.lib-document-list-label-config-editor__title{display:flex;flex-direction:column;gap:.25rem;min-width:0}.lib-document-list-label-config-editor__label{font-size:.9375rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lib-document-list-label-config-editor__meta{font-size:.8125rem;color:var(--lib-forms-on-surface-variant)}.lib-document-list-label-config-editor__meta code{font-family:monospace}.lib-document-list-label-config-editor__form{margin-top:1.5rem;background:var(--lib-forms-surface);border:1px solid color-mix(in srgb,var(--lib-forms-outline) 15%,transparent);border-radius:var(--lib-forms-radius-lg, 12px);box-shadow:var(--lib-forms-shadow-resting)}.lib-document-list-label-config-editor__fields{display:flex;flex-direction:column;gap:.75rem;padding-top:.5rem}.lib-document-list-label-config-editor__field-label{display:block;font-size:.625rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--lib-forms-on-surface-variant)}.lib-document-list-label-config-editor__input{min-height:2.25rem;padding:.5rem .75rem;border:1px solid var(--lib-forms-outline);border-radius:var(--lib-forms-radius-sm, 8px);background:var(--lib-forms-surface);font-size:.875rem;color:var(--lib-forms-on-surface);transition:border-color var(--lib-forms-duration-hover, .3s) var(--lib-forms-easing),box-shadow var(--lib-forms-duration-hover, .3s) var(--lib-forms-easing)}.lib-document-list-label-config-editor__input:focus{outline:none;border-color:var(--lib-forms-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--lib-forms-primary) 25%,transparent)}.lib-document-list-label-config-editor__input{width:100%}.lib-document-list-label-config-editor__input::placeholder{color:var(--lib-forms-on-surface-variant);opacity:.7}.lib-document-list-label-config-editor__actions{display:flex;align-items:center;gap:.5rem}.lib-document-list-label-config-editor__spacer{flex:1 1 auto}.lib-document-list-label-config-editor__add{width:100%;margin-top:1.5rem}.cdk-drag-preview{box-sizing:border-box;border-radius:var(--lib-forms-radius-sm, 8px);box-shadow:var(--lib-forms-shadow-floating)}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform var(--lib-forms-duration) var(--lib-forms-easing)}.lib-document-list-label-config-editor__list.cdk-drop-list-dragging .lib-document-list-label-config-editor__item:not(.cdk-drag-placeholder){transition:transform var(--lib-forms-duration) var(--lib-forms-easing)}\n"], dependencies: [{ kind: "ngmodule", type: MatListModule }, { kind: "component", type: i4.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i4.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i4.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i4.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "directive", type: i4.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: ClipboardModule }, { kind: "directive", type: i1.CdkCopyToClipboard, selector: "[cdkCopyToClipboard]", inputs: ["cdkCopyToClipboard", "cdkCopyToClipboardAttempts"], outputs: ["cdkCopyToClipboardCopied"] }, { kind: "component", type: MatSliderToggleEditorComponent, selector: "lib-mat-slider-toggle-editor", inputs: ["name", "label", "errors", "disabled", "required", "value", "placeholder"], outputs: ["valueChange"] }, { kind: "component", type: MatChipListEditorComponent, selector: "lib-mat-chip-list-editor", inputs: ["disabled", "multiple", "required", "errors", "value", "options"], outputs: ["valueChange"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1$1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i1$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i5$1.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i8.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i5$1.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i3$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i3$1.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i3$1.MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "component", type: EmptyStateComponent, selector: "lib-empty-state", inputs: ["icon", "message"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: DocumentListLabelConfigEditorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-document-list-label-config-editor', imports: [
+                        MatListModule,
+                        MatTooltipModule,
+                        ClipboardModule,
+                        MatSliderToggleEditorComponent,
+                        MatChipListEditorComponent,
+                        MatFormFieldModule,
+                        MatButtonModule,
+                        MatAutocompleteModule,
+                        MatInputModule,
+                        MatIconModule,
+                        MatCardModule,
+                        CdkDropList,
+                        CdkDrag,
+                        EmptyStateComponent,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, host: {
+                        'class': 'lib-document-list-label-config-editor',
+                        '[id]': 'id',
+                        '[attr.aria-describedby]': 'describedBy',
+                    }, providers: [
+                        { provide: MatFormFieldControl, useExisting: DocumentListLabelConfigEditorComponent },
+                    ], template: "<mat-nav-list\n  cdkDropList\n  [cdkDropListData]=\"value\"\n  (cdkDropListDropped)=\"drop($event)\"\n  class=\"lib-document-list-label-config-editor__list\"\n>\n  @if (value.length === 0) {\n    <lib-empty-state\n      icon=\"view_column\"\n      message=\"No columns configured. Add one below.\"\n    ></lib-empty-state>\n  } @else {\n    @for (label of value; track label.formControlName) {\n      <mat-list-item\n        cdkDrag\n        class=\"lib-document-list-label-config-editor__item\"\n        [matTooltip]=\"'Click to copy ' + label.formControlName\"\n        [cdkCopyToClipboard]=\"label.formControlName\"\n        matTooltipPosition=\"before\"\n      >\n        <mat-icon matListItemIcon>view_column</mat-icon>\n\n        <div matListItemTitle class=\"lib-document-list-label-config-editor__title\">\n          <span class=\"lib-document-list-label-config-editor__label\">{{ label.label }}</span>\n          <span class=\"lib-document-list-label-config-editor__meta\">\n            <code>{{ label.formControlName }}</code> \u00B7 {{ label.valueType }}\n          </span>\n        </div>\n\n        <button\n          matListItemMeta\n          mat-icon-button\n          type=\"button\"\n          [disabled]=\"disabled\"\n          [attr.aria-label]=\"'Remove ' + label.label\"\n          (click)=\"removeLabel(label)\"\n        >\n          <mat-icon>delete</mat-icon>\n        </button>\n      </mat-list-item>\n    }\n  }\n</mat-nav-list>\n\n@if (labelInEdit(); as draft) {\n  <mat-card appearance=\"outlined\" class=\"lib-document-list-label-config-editor__form\">\n    <mat-card-content class=\"lib-document-list-label-config-editor__fields\">\n      <label class=\"lib-document-list-label-config-editor__field-label\" [attr.for]=\"id + '-fcn'\">\n        Form control name\n      </label>\n      <input\n        class=\"lib-document-list-label-config-editor__input\"\n        type=\"text\"\n        [id]=\"id + '-fcn'\"\n        placeholder=\"Pick one\"\n        aria-label=\"Form control name\"\n        [value]=\"draft.formControlName || ''\"\n        (input)=\"formControlNameChange($event)\"\n        [matAutocomplete]=\"auto\"\n      />\n      <mat-autocomplete\n        #auto=\"matAutocomplete\"\n        autoActiveFirstOption\n        (optionSelected)=\"formControlSelected($event)\"\n      >\n        @for (option of filteredControlNames(); track option) {\n          <mat-option [value]=\"option\">{{ option }}</mat-option>\n        }\n      </mat-autocomplete>\n\n      <label class=\"lib-document-list-label-config-editor__field-label\" [attr.for]=\"id + '-name'\">\n        Name\n      </label>\n      <input\n        class=\"lib-document-list-label-config-editor__input\"\n        type=\"text\"\n        [id]=\"id + '-name'\"\n        placeholder=\"Enter label name\"\n        [value]=\"draft.label || ''\"\n        (input)=\"nameChange($event)\"\n      />\n\n      <label class=\"lib-document-list-label-config-editor__field-label\" [id]=\"id + '-vt-label'\">\n        Value type\n      </label>\n      <lib-mat-chip-list-editor\n        [id]=\"id + '-vt'\"\n        [errors]=\"[]\"\n        [value]=\"draft.valueType\"\n        [options]=\"valueTypes\"\n        (valueChange)=\"valueTypeChanged($event)\"\n      ></lib-mat-chip-list-editor>\n\n      @if (reportTypes(); as types) {\n        @if (types.length > 0) {\n          <label class=\"lib-document-list-label-config-editor__field-label\" [id]=\"id + '-rt-label'\">\n            Report types\n          </label>\n          <lib-mat-chip-list-editor\n            [id]=\"id + '-rt'\"\n            [errors]=\"[]\"\n            [multiple]=\"true\"\n            [value]=\"draft.reportType\"\n            [options]=\"types\"\n            (valueChange)=\"reportTypeChanged($event)\"\n          ></lib-mat-chip-list-editor>\n        }\n      }\n\n      <lib-mat-slider-toggle-editor\n        [id]=\"id + '-hidden'\"\n        label=\"Is hidden\"\n        [value]=\"draft.isHidden || false\"\n        [errors]=\"[]\"\n        (valueChange)=\"isHiddenChanged(!!$event)\"\n      ></lib-mat-slider-toggle-editor>\n    </mat-card-content>\n\n    <mat-card-actions class=\"lib-document-list-label-config-editor__actions\">\n      <button\n        mat-flat-button\n        color=\"primary\"\n        type=\"button\"\n        [disabled]=\"labelSaveDisabled()\"\n        (click)=\"saveHeader()\"\n      >\n        Save header\n      </button>\n      <span class=\"lib-document-list-label-config-editor__spacer\"></span>\n      <button mat-button color=\"warn\" type=\"button\" (click)=\"cancelEdit()\">Cancel</button>\n    </mat-card-actions>\n  </mat-card>\n} @else {\n  <button\n    mat-stroked-button\n    color=\"primary\"\n    type=\"button\"\n    class=\"lib-document-list-label-config-editor__add\"\n    [disabled]=\"disabled\"\n    (click)=\"startNewLabel()\"\n  >\n    Add new column\n  </button>\n}\n", styles: [":host{display:block;color:var(--lib-forms-on-surface)}.lib-document-list-label-config-editor__list{display:block;max-height:25rem;overflow:auto;padding:0}.lib-document-list-label-config-editor__item{cursor:grab}.lib-document-list-label-config-editor__item:active{cursor:grabbing}.lib-document-list-label-config-editor__title{display:flex;flex-direction:column;gap:.25rem;min-width:0}.lib-document-list-label-config-editor__label{font-size:.9375rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lib-document-list-label-config-editor__meta{font-size:.8125rem;color:var(--lib-forms-on-surface-variant)}.lib-document-list-label-config-editor__meta code{font-family:monospace}.lib-document-list-label-config-editor__form{margin-top:1.5rem;background:var(--lib-forms-surface);border:1px solid color-mix(in srgb,var(--lib-forms-outline) 15%,transparent);border-radius:var(--lib-forms-radius-lg, 12px);box-shadow:var(--lib-forms-shadow-resting)}.lib-document-list-label-config-editor__fields{display:flex;flex-direction:column;gap:.75rem;padding-top:.5rem}.lib-document-list-label-config-editor__field-label{display:block;font-size:.625rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--lib-forms-on-surface-variant)}.lib-document-list-label-config-editor__input{min-height:2.25rem;padding:.5rem .75rem;border:1px solid var(--lib-forms-outline);border-radius:var(--lib-forms-radius-sm, 8px);background:var(--lib-forms-surface);font-size:.875rem;color:var(--lib-forms-on-surface);transition:border-color var(--lib-forms-duration-hover, .3s) var(--lib-forms-easing),box-shadow var(--lib-forms-duration-hover, .3s) var(--lib-forms-easing)}.lib-document-list-label-config-editor__input:focus{outline:none;border-color:var(--lib-forms-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--lib-forms-primary) 25%,transparent)}.lib-document-list-label-config-editor__input{width:100%}.lib-document-list-label-config-editor__input::placeholder{color:var(--lib-forms-on-surface-variant);opacity:.7}.lib-document-list-label-config-editor__actions{display:flex;align-items:center;gap:.5rem}.lib-document-list-label-config-editor__spacer{flex:1 1 auto}.lib-document-list-label-config-editor__add{width:100%;margin-top:1.5rem}.cdk-drag-preview{box-sizing:border-box;border-radius:var(--lib-forms-radius-sm, 8px);box-shadow:var(--lib-forms-shadow-floating)}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform var(--lib-forms-duration) var(--lib-forms-easing)}.lib-document-list-label-config-editor__list.cdk-drop-list-dragging .lib-document-list-label-config-editor__item:not(.cdk-drag-placeholder){transition:transform var(--lib-forms-duration) var(--lib-forms-easing)}\n"] }]
+        }], propDecorators: { errors: [{
+                type: Input
+            }], formInputs: [{
+                type: Input
+            }], editorConfig: [{
+                type: Input
+            }], mapToData: [{
+                type: Input
+            }], valueChange: [{ type: i0.Output, args: ["valueChange"] }], value: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], required: [{
+                type: Input
+            }] } });
+
+export { DocumentListLabelConfigEditorComponent };
+//# sourceMappingURL=ngx-t-forms-document-list-label-config-editor.component-CLUOXreG.mjs.map

package/fesm2022/ngx-t-forms-document-list-label-config-editor.component-CLUOXreG.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-t-forms-document-list-label-config-editor.component-CLUOXreG.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/document-list-label-config-editor/document-list-label-config-editor.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/document-list-label-config-editor/document-list-label-config-editor.component.html"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  Input,\n  ViewEncapsulation,\n  computed,\n  inject,\n  output,\n  signal,\n} from '@angular/core';\nimport { NgControl } from '@angular/forms';\nimport { MatAutocompleteModule, MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatCardModule } from '@angular/material/card';\nimport { MatFormFieldControl, MatFormFieldModule } from '@angular/material/form-field';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatListModule } from '@angular/material/list';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { ClipboardModule } from '@angular/cdk/clipboard';\nimport { CdkDrag, CdkDragDrop, CdkDropList } from '@angular/cdk/drag-drop';\nimport { Subject } from 'rxjs';\nimport {\n  DocumentLitsLabelConfigInterfaceValueType,\n  ElementTypes,\n  InputDataTypes,\n  InputPipeTypes,\n  InputTypes,\n  ReportTypes,\n} from 'ngx-t-forms-types';\nimport type {\n  DocumentLitsLabelConfigInterface,\n  ElementEditorInnerSectionElementInterface,\n  FormColumnInputs,\n} from 'ngx-t-forms-types';\n\nimport type { IConfigElementError } from '../../t-dynamic-data-edit.component';\nimport { MatChipListEditorComponent } from '../mat-chip-list-editor/mat-chip-list-editor.component';\nimport { MatSliderToggleEditorComponent } from '../mat-slider-toggle-editor/mat-slider-toggle-editor.component';\nimport { EmptyStateComponent } from '../_shared/empty-state/empty-state.component';\n\n/** Picker chip option (label + value), as consumed by `lib-mat-chip-list-editor`. */\ninterface ChipOption {\n  readonly label: string;\n  readonly value: string;\n}\n\n/**\n * Working buffer for the label currently being added or edited. The three\n * distinct states of `labelInEdit` drive the editor UI:\n *\n * - `null`          → not editing; the \"Add new column\" button is shown.\n * - `{}` (empty)    → a fresh, not-yet-populated draft (the create form).\n * - populated draft → an existing or in-progress column being edited.\n */\ntype LabelDraft = Partial<DocumentLitsLabelConfigInterface>;\n\n/** Title-cases an enum key: `daysAgo` → `Days Ago`. */\nfunction humaniseKey(key: string): string {\n  return key\n    .replace(/([A-Z])/g, ' $1')\n    .trim()\n    .toLowerCase()\n    .replace(/^\\w/, (c) => c.toUpperCase());\n}\n\n/** Derives a readable label from a camelCase control name: `taxRate` → `tax Rate`. */\nfunction controlNameToLabel(name: string): string {\n  return name\n    .replace(/([a-z])([A-Z])/g, '$1 $2')\n    .replace(/([A-Z])([A-Z][a-z])/g, '$1 $2');\n}\n\n/**\n * Document-list label-configuration editor: builds the ordered list of column\n * label definitions (`DocumentLitsLabelConfigInterface[]`) used to render a\n * document list. Columns can be added, edited inline, removed, and reordered by\n * drag-and-drop.\n *\n * Implements `MatFormFieldControl<DocumentLitsLabelConfigInterface[]>`, so it\n * renders inside the parent's `<mat-form-field>` — `t-dynamic-data-edit` owns\n * the field label, hint, and validation errors; this component owns only the\n * column list and the add/edit form.\n *\n * NOTE: `MatFormFieldControl<T>` mandates plain mutable `value` / `disabled` /\n * `required` / `placeholder` / `id` members, `@Input()` decorators, the\n * `focused` / `touched` / `stateChanges` members, and the `useExisting`\n * provider. These are framework wiring, not defects — the CLAUDE.md bans on\n * `@Input()` / `useExisting` do not apply to MatFormFieldControl integration.\n * Genuinely-internal state (the in-edit draft, derived option lists) uses\n * `signal()` / `computed()`.\n */\n@Component({\n  selector: 'lib-document-list-label-config-editor',\n  imports: [\n    MatListModule,\n    MatTooltipModule,\n    ClipboardModule,\n    MatSliderToggleEditorComponent,\n    MatChipListEditorComponent,\n    MatFormFieldModule,\n    MatButtonModule,\n    MatAutocompleteModule,\n    MatInputModule,\n    MatIconModule,\n    MatCardModule,\n    CdkDropList,\n    CdkDrag,\n    EmptyStateComponent,\n  ],\n  templateUrl: './document-list-label-config-editor.component.html',\n  styleUrl: './document-list-label-config-editor.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.Emulated,\n  host: {\n    'class': 'lib-document-list-label-config-editor',\n    '[id]': 'id',\n    '[attr.aria-describedby]': 'describedBy',\n  },\n  providers: [\n    { provide: MatFormFieldControl, useExisting: DocumentListLabelConfigEditorComponent },\n  ],\n})\nexport class DocumentListLabelConfigEditorComponent\n  implements MatFormFieldControl<Array<DocumentLitsLabelConfigInterface>>\n{\n  static nextId = 0;\n\n  /** Emits whenever a piece of `MatFormFieldControl` state changes. */\n  readonly stateChanges = new Subject<void>();\n  readonly controlType = 'lib-document-list-label-config-editor';\n\n  id = `lib-document-list-label-config-editor-${DocumentListLabelConfigEditorComponent.nextId++}`;\n  placeholder = '';\n  focused = false;\n  touched = false;\n  describedBy = '';\n  autofilled = false;\n  userAriaDescribedBy: string | undefined = undefined;\n  disableAutomaticLabeling: boolean | undefined = undefined;\n\n  readonly ngControl = inject(NgControl, { self: true, optional: true });\n\n  /** Validation errors surfaced by the parent for error-state derivation. */\n  @Input() errors: IConfigElementError[] | undefined = [];\n  /** Available form inputs used to auto-derive a column's value type. */\n  @Input() formInputs: Array<FormColumnInputs> = [];\n  /** Editor configuration supplied by the parent (placeholder/required/etc.). */\n  @Input() editorConfig: ElementEditorInnerSectionElementInterface | undefined = undefined;\n  /** Candidate control names offered in the form-control autocomplete. */\n  @Input() mapToData: string[] | undefined = [];\n\n  /** Emits the column list whenever it changes. */\n  readonly valueChange = output<Array<DocumentLitsLabelConfigInterface>>();\n\n  #value: Array<DocumentLitsLabelConfigInterface> = [];\n  /** Current column configuration list. */\n  @Input()\n  get value(): Array<DocumentLitsLabelConfigInterface> {\n    return this.#value;\n  }\n  set value(value: Array<DocumentLitsLabelConfigInterface>) {\n    this.#value = value ?? [];\n    this.stateChanges.next();\n  }\n\n  #disabled = false;\n  /** Whether the editor is inert. */\n  @Input()\n  get disabled(): boolean {\n    return this.#disabled;\n  }\n  set disabled(value: boolean) {\n    this.#disabled = value;\n    this.stateChanges.next();\n  }\n\n  #required = false;\n  /** Whether at least one column is required. */\n  @Input()\n  get required(): boolean {\n    return this.#required;\n  }\n  set required(value: boolean) {\n    this.#required = value;\n    this.stateChanges.next();\n  }\n\n  // ---- internal signal state ---------------------------------------------\n\n  /** The label draft currently being added/edited (see {@link LabelDraft}). */\n  protected readonly labelInEdit = signal<LabelDraft | null>(null);\n\n  /** Value-type chip options (all enum members, humanised). */\n  protected readonly valueTypes: ChipOption[] = Object.keys(\n    DocumentLitsLabelConfigInterfaceValueType,\n  ).map((key) => ({ label: humaniseKey(key), value: key }));\n\n  /**\n   * Autocomplete options filtered by the draft's `formControlName`. Empty term\n   * shows the full list; otherwise matches a substring or a word-prefix.\n   */\n  protected readonly filteredControlNames = computed<readonly string[]>(() => {\n    const source = this.mapToData ?? [];\n    const term = (this.labelInEdit()?.formControlName ?? '').trim().toLowerCase();\n    if (!term) {\n      return source;\n    }\n    return source.filter((option) => {\n      const text = option.toLowerCase();\n      if (text.includes(term)) {\n        return true;\n      }\n      return text.split(/\\s+/).some((word) => word.startsWith(term));\n    });\n  });\n\n  /**\n   * Report-type chip options derived from the draft's `valueType`. `undefined`\n   * when no value type is chosen, which hides the report-types section.\n   *\n   * - currency / number → aggregation reports (avg, highest, lowest, sum)\n   * - string            → category report\n   */\n  protected readonly reportTypes = computed<ChipOption[] | undefined>(() => {\n    const valueType = this.labelInEdit()?.valueType;\n    if (!valueType) {\n      return undefined;\n    }\n    return Object.values(ReportTypes)\n      .filter((reportType) => {\n        if (\n          valueType === DocumentLitsLabelConfigInterfaceValueType.currency ||\n          valueType === DocumentLitsLabelConfigInterfaceValueType.number\n        ) {\n          return (\n            reportType === ReportTypes.Avg ||\n            reportType === ReportTypes.Highest ||\n            reportType === ReportTypes.Lowest ||\n            reportType === ReportTypes.Sum\n          );\n        }\n        if (valueType === DocumentLitsLabelConfigInterfaceValueType.string) {\n          return reportType === ReportTypes.Category;\n        }\n        return false;\n      })\n      .map((key) => ({ label: humaniseKey(key), value: key }));\n  });\n\n  /** Whether the save action is blocked (draft missing required fields). */\n  protected readonly labelSaveDisabled = computed<boolean>(() => {\n    const draft = this.labelInEdit();\n    return !draft || !draft.label || !draft.formControlName || !draft.valueType;\n  });\n\n  // ---- MatFormFieldControl getters (read by the framework) ----------------\n\n  get empty(): boolean {\n    return this.#value.length === 0;\n  }\n\n  get shouldLabelFloat(): boolean {\n    return this.focused || !this.empty;\n  }\n\n  get errorState(): boolean {\n    const requiredUnset = this.empty && this.#required;\n    const ngControlError = this.ngControl?.errors != null;\n    const externalError = (this.errors?.length ?? 0) > 0 && this.touched;\n    return requiredUnset || ngControlError || externalError;\n  }\n\n  onTouched: () => void = () => {};\n\n  setDescribedByIds(ids: string[]): void {\n    this.describedBy = ids.join(' ');\n    this.stateChanges.next();\n  }\n\n  onContainerClick(): void {\n    this.markAsTouched();\n    if (!this.focused) {\n      this.focused = true;\n    }\n    this.stateChanges.next();\n  }\n\n  markAsTouched(): void {\n    if (!this.touched) {\n      this.touched = true;\n      this.onTouched();\n      this.stateChanges.next();\n    }\n  }\n\n  // ---- editing ------------------------------------------------------------\n\n  /** Begin a fresh column draft. */\n  protected startNewLabel(): void {\n    this.labelInEdit.set({});\n  }\n\n  /** Discard the current draft. */\n  protected cancelEdit(): void {\n    this.labelInEdit.set(null);\n  }\n\n  /** Update the draft's display label from the name input. */\n  protected nameChange(event: Event): void {\n    const label = (event.target as HTMLInputElement | null)?.value ?? '';\n    this.labelInEdit.update((draft) => ({ ...draft, label }));\n  }\n\n  /**\n   * Update the draft's form control name (free-text typing). Re-derives the\n   * value type from the matching form input, if any.\n   */\n  protected formControlNameChange(event: Event): void {\n    const formControlName = (event.target as HTMLInputElement | null)?.value ?? '';\n    const input = this.formInputs.find((i) => i.formControlName === formControlName);\n    this.labelInEdit.update((draft) => ({\n      ...draft,\n      formControlName,\n      valueType: this.#valueTypeFromInput(input),\n    }));\n  }\n\n  /** Apply an autocomplete selection, defaulting the label from the name. */\n  protected formControlSelected(event: MatAutocompleteSelectedEvent): void {\n    const formControlName = String(event.option.value);\n    this.labelInEdit.update((draft) => ({\n      ...draft,\n      formControlName,\n      label: draft?.label || controlNameToLabel(formControlName),\n    }));\n  }\n\n  /** Set the draft's value type from the chip selection. */\n  protected valueTypeChanged(value: unknown): void {\n    this.labelInEdit.update((draft) => ({\n      ...draft,\n      valueType: value as DocumentLitsLabelConfigInterfaceValueType,\n    }));\n  }\n\n  /**\n   * Set the draft's report types. The chip editor is multi-select, so it emits\n   * an array; a single value is normalised into one.\n   */\n  protected reportTypeChanged(value: unknown): void {\n    const reportType = Array.isArray(value)\n      ? (value as ReportTypes[])\n      : value == null\n        ? []\n        : [value as ReportTypes];\n    this.labelInEdit.update((draft) => ({ ...draft, reportType }));\n  }\n\n  /** Toggle the draft's hidden flag. */\n  protected isHiddenChanged(isHidden: boolean): void {\n    this.labelInEdit.update((draft) => ({ ...draft, isHidden }));\n  }\n\n  /** Commit the draft into the list (replacing a matching column, or appending). */\n  protected saveHeader(): void {\n    const draft = this.labelInEdit();\n    if (!draft) {\n      return;\n    }\n    const next = [...this.#value];\n    const index = next.findIndex((item) => item.formControlName === draft.formControlName);\n    const column = draft as DocumentLitsLabelConfigInterface;\n    if (index !== -1) {\n      next[index] = column;\n    } else {\n      next.push(column);\n    }\n    this.#commit(next);\n    this.labelInEdit.set(null);\n  }\n\n  /** Remove a column by its form control name. */\n  protected removeLabel(label: DocumentLitsLabelConfigInterface): void {\n    this.#commit(this.#value.filter((item) => item.formControlName !== label.formControlName));\n  }\n\n  /** Reorder the list after a drag-and-drop. */\n  protected drop(event: CdkDragDrop<DocumentLitsLabelConfigInterface[]>): void {\n    const { previousIndex, currentIndex } = event;\n    const moved = this.#value.at(previousIndex);\n    if (moved === undefined || previousIndex === currentIndex) {\n      return;\n    }\n    const next = [...this.#value];\n    next.splice(previousIndex, 1);\n    next.splice(currentIndex, 0, moved);\n    this.#commit(next);\n  }\n\n  /** Write a new list value, emit the change, and mark the control touched. */\n  #commit(next: Array<DocumentLitsLabelConfigInterface>): void {\n    this.value = next;\n    this.valueChange.emit(next);\n    this.markAsTouched();\n  }\n\n  /** Derive the value type from a form input's data/element type and pipe. */\n  #valueTypeFromInput(\n    input: FormColumnInputs | undefined,\n  ): DocumentLitsLabelConfigInterfaceValueType {\n    if (!input) {\n      return DocumentLitsLabelConfigInterfaceValueType.string;\n    }\n    if (\n      input.dataType === InputDataTypes.Number ||\n      input.type === InputTypes.Number ||\n      input.pipe?.pipeType === InputPipeTypes.Number\n    ) {\n      return DocumentLitsLabelConfigInterfaceValueType.number;\n    }\n    if (input.pipe?.pipeType === InputPipeTypes.Currency) {\n      return DocumentLitsLabelConfigInterfaceValueType.currency;\n    }\n    if (input.dataType === InputDataTypes.Boolean || input.element === ElementTypes.Toggle) {\n      return DocumentLitsLabelConfigInterfaceValueType.boolean;\n    }\n    return DocumentLitsLabelConfigInterfaceValueType.string;\n  }\n}\n","<mat-nav-list\n  cdkDropList\n  [cdkDropListData]=\"value\"\n  (cdkDropListDropped)=\"drop($event)\"\n  class=\"lib-document-list-label-config-editor__list\"\n>\n  @if (value.length === 0) {\n    <lib-empty-state\n      icon=\"view_column\"\n      message=\"No columns configured. Add one below.\"\n    ></lib-empty-state>\n  } @else {\n    @for (label of value; track label.formControlName) {\n      <mat-list-item\n        cdkDrag\n        class=\"lib-document-list-label-config-editor__item\"\n        [matTooltip]=\"'Click to copy ' + label.formControlName\"\n        [cdkCopyToClipboard]=\"label.formControlName\"\n        matTooltipPosition=\"before\"\n      >\n        <mat-icon matListItemIcon>view_column</mat-icon>\n\n        <div matListItemTitle class=\"lib-document-list-label-config-editor__title\">\n          <span class=\"lib-document-list-label-config-editor__label\">{{ label.label }}</span>\n          <span class=\"lib-document-list-label-config-editor__meta\">\n            <code>{{ label.formControlName }}</code> · {{ label.valueType }}\n          </span>\n        </div>\n\n        <button\n          matListItemMeta\n          mat-icon-button\n          type=\"button\"\n          [disabled]=\"disabled\"\n          [attr.aria-label]=\"'Remove ' + label.label\"\n          (click)=\"removeLabel(label)\"\n        >\n          <mat-icon>delete</mat-icon>\n        </button>\n      </mat-list-item>\n    }\n  }\n</mat-nav-list>\n\n@if (labelInEdit(); as draft) {\n  <mat-card appearance=\"outlined\" class=\"lib-document-list-label-config-editor__form\">\n    <mat-card-content class=\"lib-document-list-label-config-editor__fields\">\n      <label class=\"lib-document-list-label-config-editor__field-label\" [attr.for]=\"id + '-fcn'\">\n        Form control name\n      </label>\n      <input\n        class=\"lib-document-list-label-config-editor__input\"\n        type=\"text\"\n        [id]=\"id + '-fcn'\"\n        placeholder=\"Pick one\"\n        aria-label=\"Form control name\"\n        [value]=\"draft.formControlName || ''\"\n        (input)=\"formControlNameChange($event)\"\n        [matAutocomplete]=\"auto\"\n      />\n      <mat-autocomplete\n        #auto=\"matAutocomplete\"\n        autoActiveFirstOption\n        (optionSelected)=\"formControlSelected($event)\"\n      >\n        @for (option of filteredControlNames(); track option) {\n          <mat-option [value]=\"option\">{{ option }}</mat-option>\n        }\n      </mat-autocomplete>\n\n      <label class=\"lib-document-list-label-config-editor__field-label\" [attr.for]=\"id + '-name'\">\n        Name\n      </label>\n      <input\n        class=\"lib-document-list-label-config-editor__input\"\n        type=\"text\"\n        [id]=\"id + '-name'\"\n        placeholder=\"Enter label name\"\n        [value]=\"draft.label || ''\"\n        (input)=\"nameChange($event)\"\n      />\n\n      <label class=\"lib-document-list-label-config-editor__field-label\" [id]=\"id + '-vt-label'\">\n        Value type\n      </label>\n      <lib-mat-chip-list-editor\n        [id]=\"id + '-vt'\"\n        [errors]=\"[]\"\n        [value]=\"draft.valueType\"\n        [options]=\"valueTypes\"\n        (valueChange)=\"valueTypeChanged($event)\"\n      ></lib-mat-chip-list-editor>\n\n      @if (reportTypes(); as types) {\n        @if (types.length > 0) {\n          <label class=\"lib-document-list-label-config-editor__field-label\" [id]=\"id + '-rt-label'\">\n            Report types\n          </label>\n          <lib-mat-chip-list-editor\n            [id]=\"id + '-rt'\"\n            [errors]=\"[]\"\n            [multiple]=\"true\"\n            [value]=\"draft.reportType\"\n            [options]=\"types\"\n            (valueChange)=\"reportTypeChanged($event)\"\n          ></lib-mat-chip-list-editor>\n        }\n      }\n\n      <lib-mat-slider-toggle-editor\n        [id]=\"id + '-hidden'\"\n        label=\"Is hidden\"\n        [value]=\"draft.isHidden || false\"\n        [errors]=\"[]\"\n        (valueChange)=\"isHiddenChanged(!!$event)\"\n      ></lib-mat-slider-toggle-editor>\n    </mat-card-content>\n\n    <mat-card-actions class=\"lib-document-list-label-config-editor__actions\">\n      <button\n        mat-flat-button\n        color=\"primary\"\n        type=\"button\"\n        [disabled]=\"labelSaveDisabled()\"\n        (click)=\"saveHeader()\"\n      >\n        Save header\n      </button>\n      <span class=\"lib-document-list-label-config-editor__spacer\"></span>\n      <button mat-button color=\"warn\" type=\"button\" (click)=\"cancelEdit()\">Cancel</button>\n    </mat-card-actions>\n  </mat-card>\n} @else {\n  <button\n    mat-stroked-button\n    color=\"primary\"\n    type=\"button\"\n    class=\"lib-document-list-label-config-editor__add\"\n    [disabled]=\"disabled\"\n    (click)=\"startNewLabel()\"\n  >\n    Add new column\n  </button>\n}\n"],"names":["i1","i2","i3","i4","i5","i6","i7","i8"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAyDA;AACA,SAAS,WAAW,CAAC,GAAW,EAAA;AAC9B,IAAA,OAAO;AACJ,SAAA,OAAO,CAAC,UAAU,EAAE,KAAK;AACzB,SAAA,IAAI;AACJ,SAAA,WAAW;AACX,SAAA,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC;AAC3C;AAEA;AACA,SAAS,kBAAkB,CAAC,IAAY,EAAA;AACtC,IAAA,OAAO;AACJ,SAAA,OAAO,CAAC,iBAAiB,EAAE,OAAO;AAClC,SAAA,OAAO,CAAC,sBAAsB,EAAE,OAAO,CAAC;AAC7C;AAEA;;;;;;;;;;;;;;;;;;AAkBG;MAgCU,sCAAsC,CAAA;AA/BnD,IAAA,WAAA,GAAA;;AAqCW,QAAA,IAAA,CAAA,YAAY,GAAG,IAAI,OAAO,EAAQ;QAClC,IAAA,CAAA,WAAW,GAAG,uCAAuC;AAE9D,QAAA,IAAA,CAAA,EAAE,GAAG,CAAA,sCAAA,EAAyC,sCAAsC,CAAC,MAAM,EAAE,EAAE;QAC/F,IAAA,CAAA,WAAW,GAAG,EAAE;QAChB,IAAA,CAAA,OAAO,GAAG,KAAK;QACf,IAAA,CAAA,OAAO,GAAG,KAAK;QACf,IAAA,CAAA,WAAW,GAAG,EAAE;QAChB,IAAA,CAAA,UAAU,GAAG,KAAK;QAClB,IAAA,CAAA,mBAAmB,GAAuB,SAAS;QACnD,IAAA,CAAA,wBAAwB,GAAwB,SAAS;AAEhD,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;;QAG7D,IAAA,CAAA,MAAM,GAAsC,EAAE;;QAE9C,IAAA,CAAA,UAAU,GAA4B,EAAE;;QAExC,IAAA,CAAA,YAAY,GAA0D,SAAS;;QAE/E,IAAA,CAAA,SAAS,GAAyB,EAAE;;QAGpC,IAAA,CAAA,WAAW,GAAG,MAAM,EAA2C;QAExE,IAAA,CAAA,MAAM,GAA4C,EAAE;QAWpD,IAAA,CAAA,SAAS,GAAG,KAAK;QAWjB,IAAA,CAAA,SAAS,GAAG,KAAK;;;AAcE,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAoB,IAAI,kFAAC;;AAG7C,QAAA,IAAA,CAAA,UAAU,GAAiB,MAAM,CAAC,IAAI,CACvD,yCAAyC,CAC1C,CAAC,GAAG,CAAC,CAAC,GAAG,MAAM,EAAE,KAAK,EAAE,WAAW,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC;AAEzD;;;AAGG;AACgB,QAAA,IAAA,CAAA,oBAAoB,GAAG,QAAQ,CAAoB,MAAK;AACzE,YAAA,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,IAAI,EAAE;AACnC,YAAA,MAAM,IAAI,GAAG,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,eAAe,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC,WAAW,EAAE;YAC7E,IAAI,CAAC,IAAI,EAAE;AACT,gBAAA,OAAO,MAAM;YACf;AACA,YAAA,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC,MAAM,KAAI;AAC9B,gBAAA,MAAM,IAAI,GAAG,MAAM,CAAC,WAAW,EAAE;AACjC,gBAAA,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;AACvB,oBAAA,OAAO,IAAI;gBACb;gBACA,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;AAChE,YAAA,CAAC,CAAC;AACJ,QAAA,CAAC,2FAAC;AAEF;;;;;;AAMG;AACgB,QAAA,IAAA,CAAA,WAAW,GAAG,QAAQ,CAA2B,MAAK;YACvE,MAAM,SAAS,GAAG,IAAI,CAAC,WAAW,EAAE,EAAE,SAAS;YAC/C,IAAI,CAAC,SAAS,EAAE;AACd,gBAAA,OAAO,SAAS;YAClB;AACA,YAAA,OAAO,MAAM,CAAC,MAAM,CAAC,WAAW;AAC7B,iBAAA,MAAM,CAAC,CAAC,UAAU,KAAI;AACrB,gBAAA,IACE,SAAS,KAAK,yCAAyC,CAAC,QAAQ;AAChE,oBAAA,SAAS,KAAK,yCAAyC,CAAC,MAAM,EAC9D;AACA,oBAAA,QACE,UAAU,KAAK,WAAW,CAAC,GAAG;wBAC9B,UAAU,KAAK,WAAW,CAAC,OAAO;wBAClC,UAAU,KAAK,WAAW,CAAC,MAAM;AACjC,wBAAA,UAAU,KAAK,WAAW,CAAC,GAAG;gBAElC;AACA,gBAAA,IAAI,SAAS,KAAK,yCAAyC,CAAC,MAAM,EAAE;AAClE,oBAAA,OAAO,UAAU,KAAK,WAAW,CAAC,QAAQ;gBAC5C;AACA,gBAAA,OAAO,KAAK;AACd,YAAA,CAAC;iBACA,GAAG,CAAC,CAAC,GAAG,MAAM,EAAE,KAAK,EAAE,WAAW,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC;AAC5D,QAAA,CAAC,kFAAC;;AAGiB,QAAA,IAAA,CAAA,iBAAiB,GAAG,QAAQ,CAAU,MAAK;AAC5D,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,EAAE;AAChC,YAAA,OAAO,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,eAAe,IAAI,CAAC,KAAK,CAAC,SAAS;AAC7E,QAAA,CAAC,wFAAC;AAmBF,QAAA,IAAA,CAAA,SAAS,GAAe,MAAK,EAAE,CAAC;AA4JjC,IAAA;aA/SQ,IAAA,CAAA,MAAM,GAAG,CAAH,CAAK;AA6BlB,IAAA,MAAM;;AAEN,IAAA,IACI,KAAK,GAAA;QACP,OAAO,IAAI,CAAC,MAAM;IACpB;IACA,IAAI,KAAK,CAAC,KAA8C,EAAA;AACtD,QAAA,IAAI,CAAC,MAAM,GAAG,KAAK,IAAI,EAAE;AACzB,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;IAC1B;AAEA,IAAA,SAAS;;AAET,IAAA,IACI,QAAQ,GAAA;QACV,OAAO,IAAI,CAAC,SAAS;IACvB;IACA,IAAI,QAAQ,CAAC,KAAc,EAAA;AACzB,QAAA,IAAI,CAAC,SAAS,GAAG,KAAK;AACtB,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;IAC1B;AAEA,IAAA,SAAS;;AAET,IAAA,IACI,QAAQ,GAAA;QACV,OAAO,IAAI,CAAC,SAAS;IACvB;IACA,IAAI,QAAQ,CAAC,KAAc,EAAA;AACzB,QAAA,IAAI,CAAC,SAAS,GAAG,KAAK;AACtB,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;IAC1B;;AAwEA,IAAA,IAAI,KAAK,GAAA;AACP,QAAA,OAAO,IAAI,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC;IACjC;AAEA,IAAA,IAAI,gBAAgB,GAAA;QAClB,OAAO,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,KAAK;IACpC;AAEA,IAAA,IAAI,UAAU,GAAA;QACZ,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,SAAS;QAClD,MAAM,cAAc,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,IAAI,IAAI;AACrD,QAAA,MAAM,aAAa,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,OAAO;AACpE,QAAA,OAAO,aAAa,IAAI,cAAc,IAAI,aAAa;IACzD;AAIA,IAAA,iBAAiB,CAAC,GAAa,EAAA;QAC7B,IAAI,CAAC,WAAW,GAAG,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC;AAChC,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;IAC1B;IAEA,gBAAgB,GAAA;QACd,IAAI,CAAC,aAAa,EAAE;AACpB,QAAA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;AACjB,YAAA,IAAI,CAAC,OAAO,GAAG,IAAI;QACrB;AACA,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;IAC1B;IAEA,aAAa,GAAA;AACX,QAAA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;AACjB,YAAA,IAAI,CAAC,OAAO,GAAG,IAAI;YACnB,IAAI,CAAC,SAAS,EAAE;AAChB,YAAA,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;QAC1B;IACF;;;IAKU,aAAa,GAAA;AACrB,QAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,CAAC;IAC1B;;IAGU,UAAU,GAAA;AAClB,QAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC;IAC5B;;AAGU,IAAA,UAAU,CAAC,KAAY,EAAA;QAC/B,MAAM,KAAK,GAAI,KAAK,CAAC,MAAkC,EAAE,KAAK,IAAI,EAAE;AACpE,QAAA,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,KAAK,MAAM,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;IAC3D;AAEA;;;AAGG;AACO,IAAA,qBAAqB,CAAC,KAAY,EAAA;QAC1C,MAAM,eAAe,GAAI,KAAK,CAAC,MAAkC,EAAE,KAAK,IAAI,EAAE;AAC9E,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,eAAe,KAAK,eAAe,CAAC;QAChF,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,KAAK,MAAM;AAClC,YAAA,GAAG,KAAK;YACR,eAAe;AACf,YAAA,SAAS,EAAE,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC;AAC3C,SAAA,CAAC,CAAC;IACL;;AAGU,IAAA,mBAAmB,CAAC,KAAmC,EAAA;QAC/D,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;QAClD,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,KAAK,MAAM;AAClC,YAAA,GAAG,KAAK;YACR,eAAe;YACf,KAAK,EAAE,KAAK,EAAE,KAAK,IAAI,kBAAkB,CAAC,eAAe,CAAC;AAC3D,SAAA,CAAC,CAAC;IACL;;AAGU,IAAA,gBAAgB,CAAC,KAAc,EAAA;QACvC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,KAAK,MAAM;AAClC,YAAA,GAAG,KAAK;AACR,YAAA,SAAS,EAAE,KAAkD;AAC9D,SAAA,CAAC,CAAC;IACL;AAEA;;;AAGG;AACO,IAAA,iBAAiB,CAAC,KAAc,EAAA;AACxC,QAAA,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK;AACpC,cAAG;cACD,KAAK,IAAI;AACT,kBAAE;AACF,kBAAE,CAAC,KAAoB,CAAC;AAC5B,QAAA,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,KAAK,MAAM,EAAE,GAAG,KAAK,EAAE,UAAU,EAAE,CAAC,CAAC;IAChE;;AAGU,IAAA,eAAe,CAAC,QAAiB,EAAA;AACzC,QAAA,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,KAAK,MAAM,EAAE,GAAG,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC;IAC9D;;IAGU,UAAU,GAAA;AAClB,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,EAAE;QAChC,IAAI,CAAC,KAAK,EAAE;YACV;QACF;QACA,MAAM,IAAI,GAAG,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC;AAC7B,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,eAAe,KAAK,KAAK,CAAC,eAAe,CAAC;QACtF,MAAM,MAAM,GAAG,KAAyC;AACxD,QAAA,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE;AAChB,YAAA,IAAI,CAAC,KAAK,CAAC,GAAG,MAAM;QACtB;aAAO;AACL,YAAA,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;QACnB;AACA,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;AAClB,QAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC;IAC5B;;AAGU,IAAA,WAAW,CAAC,KAAuC,EAAA;QAC3D,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,eAAe,KAAK,KAAK,CAAC,eAAe,CAAC,CAAC;IAC5F;;AAGU,IAAA,IAAI,CAAC,KAAsD,EAAA;AACnE,QAAA,MAAM,EAAE,aAAa,EAAE,YAAY,EAAE,GAAG,KAAK;QAC7C,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,aAAa,CAAC;QAC3C,IAAI,KAAK,KAAK,SAAS,IAAI,aAAa,KAAK,YAAY,EAAE;YACzD;QACF;QACA,MAAM,IAAI,GAAG,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC;AAC7B,QAAA,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC,CAAC;QAC7B,IAAI,CAAC,MAAM,CAAC,YAAY,EAAE,CAAC,EAAE,KAAK,CAAC;AACnC,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;IACpB;;AAGA,IAAA,OAAO,CAAC,IAA6C,EAAA;AACnD,QAAA,IAAI,CAAC,KAAK,GAAG,IAAI;AACjB,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC;QAC3B,IAAI,CAAC,aAAa,EAAE;IACtB;;AAGA,IAAA,mBAAmB,CACjB,KAAmC,EAAA;QAEnC,IAAI,CAAC,KAAK,EAAE;YACV,OAAO,yCAAyC,CAAC,MAAM;QACzD;AACA,QAAA,IACE,KAAK,CAAC,QAAQ,KAAK,cAAc,CAAC,MAAM;AACxC,YAAA,KAAK,CAAC,IAAI,KAAK,UAAU,CAAC,MAAM;YAChC,KAAK,CAAC,IAAI,EAAE,QAAQ,KAAK,cAAc,CAAC,MAAM,EAC9C;YACA,OAAO,yCAAyC,CAAC,MAAM;QACzD;QACA,IAAI,KAAK,CAAC,IAAI,EAAE,QAAQ,KAAK,cAAc,CAAC,QAAQ,EAAE;YACpD,OAAO,yCAAyC,CAAC,QAAQ;QAC3D;AACA,QAAA,IAAI,KAAK,CAAC,QAAQ,KAAK,cAAc,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,KAAK,YAAY,CAAC,MAAM,EAAE;YACtF,OAAO,yCAAyC,CAAC,OAAO;QAC1D;QACA,OAAO,yCAAyC,CAAC,MAAM;IACzD;+GAjTW,sCAAsC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAtC,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,sCAAsC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,uCAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,UAAA,EAAA,YAAA,EAAA,YAAA,EAAA,cAAA,EAAA,SAAA,EAAA,WAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,IAAA,EAAA,IAAA,EAAA,uBAAA,EAAA,aAAA,EAAA,EAAA,cAAA,EAAA,uCAAA,EAAA,EAAA,SAAA,EAJtC;AACT,YAAA,EAAE,OAAO,EAAE,mBAAmB,EAAE,WAAW,EAAE,sCAAsC,EAAE;AACtF,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECzHH,sxJAgJA,EAAA,MAAA,EAAA,CAAA,yqFAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDjDI,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,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,EACb,gBAAgB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,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,UAAA,EAAA,IAAA,EAChB,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,CAAA,oBAAA,EAAA,4BAAA,CAAA,EAAA,OAAA,EAAA,CAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACf,8BAA8B,EAAA,QAAA,EAAA,8BAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,UAAA,EAAA,OAAA,EAAA,aAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAC9B,0BAA0B,EAAA,QAAA,EAAA,0BAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAC1B,kBAAkB,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAClB,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,IAAA,CAAA,SAAA,EAAA,QAAA,EAAA,iOAAA,EAAA,MAAA,EAAA,CAAA,WAAA,CAAA,EAAA,QAAA,EAAA,CAAA,WAAA,EAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,aAAA,EAAA,QAAA,EAAA,sFAAA,EAAA,QAAA,EAAA,CAAA,WAAA,EAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACf,qBAAqB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,IAAA,CAAA,eAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,uBAAA,EAAA,wBAAA,EAAA,kBAAA,EAAA,YAAA,EAAA,eAAA,EAAA,OAAA,EAAA,8BAAA,CAAA,EAAA,OAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,QAAA,EAAA,iBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,IAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAD,IAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,mDAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,EAAA,yBAAA,EAAA,4BAAA,EAAA,cAAA,EAAA,yBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,wBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACrB,cAAc,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACd,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAE,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,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,IAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,YAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,cAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,cAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACb,WAAW,EAAA,QAAA,EAAA,8BAAA,EAAA,MAAA,EAAA,CAAA,wBAAA,EAAA,iBAAA,EAAA,wBAAA,EAAA,IAAA,EAAA,qBAAA,EAAA,qBAAA,EAAA,4BAAA,EAAA,2BAAA,EAAA,0BAAA,EAAA,+BAAA,EAAA,2BAAA,EAAA,6BAAA,EAAA,sBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,oBAAA,EAAA,oBAAA,EAAA,mBAAA,EAAA,mBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACX,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,iBAAA,EAAA,oBAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,yBAAA,EAAA,iBAAA,EAAA,0BAAA,EAAA,qBAAA,EAAA,yBAAA,EAAA,cAAA,CAAA,EAAA,OAAA,EAAA,CAAA,gBAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,gBAAA,EAAA,cAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACP,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;;4FAeV,sCAAsC,EAAA,UAAA,EAAA,CAAA;kBA/BlD,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,uCAAuC,EAAA,OAAA,EACxC;wBACP,aAAa;wBACb,gBAAgB;wBAChB,eAAe;wBACf,8BAA8B;wBAC9B,0BAA0B;wBAC1B,kBAAkB;wBAClB,eAAe;wBACf,qBAAqB;wBACrB,cAAc;wBACd,aAAa;wBACb,aAAa;wBACb,WAAW;wBACX,OAAO;wBACP,mBAAmB;AACpB,qBAAA,EAAA,eAAA,EAGgB,uBAAuB,CAAC,MAAM,iBAChC,iBAAiB,CAAC,QAAQ,EAAA,IAAA,EACnC;AACJ,wBAAA,OAAO,EAAE,uCAAuC;AAChD,wBAAA,MAAM,EAAE,IAAI;AACZ,wBAAA,yBAAyB,EAAE,aAAa;qBACzC,EAAA,SAAA,EACU;AACT,wBAAA,EAAE,OAAO,EAAE,mBAAmB,EAAE,WAAW,wCAAwC,EAAE;AACtF,qBAAA,EAAA,QAAA,EAAA,sxJAAA,EAAA,MAAA,EAAA,CAAA,yqFAAA,CAAA,EAAA;;sBAuBA;;sBAEA;;sBAEA;;sBAEA;;sBAOA;;sBAWA;;sBAWA;;;;;"}