ngx-t-forms 2.0.29 → 2.0.31

package/fesm2022/ngx-t-forms-mscoa-segment-config.component-C0qsMfsq.mjs

@@ -0,0 +1,336 @@
+import * as i0 from '@angular/core';
+import { input, output, inject, DestroyRef, signal, computed, effect, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import * as i1 from '@angular/forms';
+import { FormBuilder, Validators, ReactiveFormsModule } from '@angular/forms';
+import { take, tap, catchError, of } from 'rxjs';
+import * as i1$1 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i3 from '@angular/material/card';
+import { MatCardModule } from '@angular/material/card';
+import * as i1$2 from '@angular/material/chips';
+import { MatChipsModule } from '@angular/material/chips';
+import * as i2 from '@angular/material/form-field';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import * as i3$1 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i2$1 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import * as i8 from '@angular/material/select';
+import { MatSelectModule } from '@angular/material/select';
+import * as i1$3 from '@angular/material/slide-toggle';
+import { MatSlideToggleModule } from '@angular/material/slide-toggle';
+import { v4 } from 'uuid';
+import { _ as _isEqual, E as EmptyStateComponent } from './ngx-t-forms-ngx-t-forms-u_kigDid.mjs';
+
+let nextUniqueId = 0;
+const IDLE = { mode: 'idle' };
+/**
+ * Internal editor element for configuring an MSCOA input's included account
+ * segments. Child of `t-dynamic-data-edit`, which supplies the field label,
+ * hint, and validation errors - so this component owns only the segment chip
+ * row and the add/edit panel.
+ *
+ * The segment list is seeded from the MSCOA tree (`getMscoaTree`); each segment
+ * carries flags such as single-select, read-only, VAT-selection and
+ * inherit-from-accrual. In cash-segment mode (`isCashSegmentConfig`) every
+ * non-`item` segment defaults to inherit-from-accrual + read-only.
+ */
+class MscoaSegmentConfigComponent {
+    #fb;
+    #destroyRef;
+    /** Tree-derived segment templates (drives the segment `mat-select`). */
+    #treeSegments;
+    /** Error raised while fetching the tree (`null` until/unless the fetch fails). */
+    #fetchError;
+    /** Add/edit panel state. */
+    #editState;
+    /** Guards single-shot tree load (mirrors the original take(1) one-time fetch). */
+    #treeRequested;
+    constructor() {
+        /**
+         * Validation errors passed down by the parent editor. Retained on the contract
+         * but not rendered here - `t-dynamic-data-edit` owns error display.
+         */
+        this.errors = input([], ...(ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []));
+        /** The full MSCOA input config; supplies the extension-account options. */
+        this.dataValue = input(undefined, ...(ngDevMode ? [{ debugName: "dataValue" }] : /* istanbul ignore next */ []));
+        /** Disable user interaction. */
+        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+        /** Cash-segment mode: non-`item` segments default to inherit + read-only. */
+        this.isCashSegmentConfig = input(false, ...(ngDevMode ? [{ debugName: "isCashSegmentConfig" }] : /* istanbul ignore next */ []));
+        /** Currently configured segments. */
+        this.value = input(undefined, ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+        /** When true, render every tree segment read-only (no add/remove). */
+        this.showAllSegments = input(false, ...(ngDevMode ? [{ debugName: "showAllSegments" }] : /* istanbul ignore next */ []));
+        /**
+         * Stream that resolves the MSCOA account tree. Heterogeneous wrapper binding -
+         * the parent feeds whatever the editor config holds; narrowing here would force
+         * wrapper changes.
+         */
+        this.getMscoaTree = input(undefined, ...(ngDevMode ? [{ debugName: "getMscoaTree" }] : /* istanbul ignore next */ []));
+        /** Emits the mutated segment list whenever the user adds, edits, or removes one. */
+        this.valueChanged = output();
+        /** Host id attribute - stable, unique per instance. */
+        this.hostId = `app-mscoa-segment-config-${nextUniqueId++}`;
+        this.#fb = inject(FormBuilder);
+        this.#destroyRef = inject(DestroyRef);
+        /** Tree-derived segment templates (drives the segment `mat-select`). */
+        this.#treeSegments = signal([], ...(ngDevMode ? [{ debugName: "#treeSegments" }] : /* istanbul ignore next */ []));
+        /** Error raised while fetching the tree (`null` until/unless the fetch fails). */
+        this.#fetchError = signal(null, ...(ngDevMode ? [{ debugName: "#fetchError" }] : /* istanbul ignore next */ []));
+        /** True while the tree stream is in flight. */
+        this.loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
+        /** Add/edit panel state. */
+        this.#editState = signal(IDLE, ...(ngDevMode ? [{ debugName: "#editState" }] : /* istanbul ignore next */ []));
+        /** Reactive form for the segment currently being added/edited. */
+        this.segmentForm = this.#createSegmentForm();
+        /** Guards single-shot tree load (mirrors the original take(1) one-time fetch). */
+        this.#treeRequested = false;
+        /** The configured segments, never null. */
+        this.resolvedValue = computed(() => this.value() ?? [], ...(ngDevMode ? [{ debugName: "resolvedValue" }] : /* istanbul ignore next */ []));
+        /** Tree-derived segment templates for the picker. */
+        this.treeSegments = this.#treeSegments.asReadonly();
+        /**
+         * Loader/tree error message; `null` when none. A fetch error takes priority,
+         * otherwise a missing loader surfaces the "No loader provided" notice.
+         */
+        this.treeError = computed(() => {
+            const fetchError = this.#fetchError();
+            if (fetchError) {
+                return fetchError;
+            }
+            return this.getMscoaTree() ? null : 'No loader provided';
+        }, ...(ngDevMode ? [{ debugName: "treeError" }] : /* istanbul ignore next */ []));
+        /** Whether the add/edit panel is open. */
+        this.isEditing = computed(() => this.#editState().mode !== 'idle', ...(ngDevMode ? [{ debugName: "isEditing" }] : /* istanbul ignore next */ []));
+        /** Whether the open panel is adding a brand-new segment. */
+        this.isAddingNew = computed(() => this.#editState().mode === 'add', ...(ngDevMode ? [{ debugName: "isAddingNew" }] : /* istanbul ignore next */ []));
+        /** Whether the "Add new segment" toolbar button should show. */
+        this.canAddNew = computed(() => !this.isEditing() && !this.showAllSegments(), ...(ngDevMode ? [{ debugName: "canAddNew" }] : /* istanbul ignore next */ []));
+        // One-time tree load. Mirrors the original `take(1)` fetch. The signal
+        // writes happen off the reactive tick (microtask) so the effect itself
+        // performs no synchronous signal mutation.
+        effect(() => {
+            const tree$ = this.getMscoaTree();
+            if (!tree$ || this.#treeRequested) {
+                return;
+            }
+            this.#treeRequested = true;
+            queueMicrotask(() => this.#loadMscoa(tree$));
+        });
+        // Reflect the full tree as read-only segments when `showAllSegments` is on.
+        effect(() => {
+            if (this.showAllSegments()) {
+                this.#syncAllSegments();
+            }
+        });
+    }
+    /** Fetch the tree once, build the segment templates, surface any error. */
+    #loadMscoa(tree$) {
+        this.#fetchError.set(null);
+        this.loading.set(true);
+        tree$
+            .pipe(take(1), tap((response) => {
+            this.#treeSegments.set(this.#buildTreeSegments(response));
+            this.loading.set(false);
+        }), catchError(() => {
+            this.#fetchError.set('Failed to fetch mscoa tree');
+            this.loading.set(false);
+            return of(undefined);
+        }), takeUntilDestroyed(this.#destroyRef))
+            .subscribe();
+    }
+    /** Map the tree account keys into seedable segment templates. */
+    #buildTreeSegments(response) {
+        const isCash = this.isCashSegmentConfig();
+        const current = this.resolvedValue();
+        return (response?.accountTreeKeys ?? []).map((treeKey) => {
+            const isItem = treeKey.toLocaleLowerCase() === 'item';
+            return {
+                id: v4(),
+                segment: treeKey,
+                singleSelect: true,
+                additionalAccounts: [],
+                inheritValueFromAccrual: isCash ? !isItem : undefined,
+                vatSelectonActive: isCash ? false : isItem,
+                segmentExtension: false,
+                label: this.#toTitleCase(treeKey),
+                readOnly: current.find((v) => v.segment === treeKey)?.readOnly ||
+                    (isCash && !isItem) ||
+                    false,
+            };
+        });
+    }
+    /** Build the per-segment reactive form. */
+    #createSegmentForm(segment = {
+        segment: '',
+        label: '',
+        id: v4(),
+        singleSelect: true,
+        segmentExtension: false,
+        additionalAccounts: [],
+        readOnly: false,
+    }) {
+        const isItem = segment.segment?.toLocaleLowerCase() === 'item';
+        return this.#fb.group({
+            id: [segment.id],
+            segment: [segment.segment, Validators.required],
+            segmentExtension: [segment.segmentExtension, Validators.required],
+            readOnly: [segment.readOnly, Validators.required],
+            inheritValueFromAccrual: this.isCashSegmentConfig()
+                ? [segment.inheritValueFromAccrual, Validators.required]
+                : [segment.inheritValueFromAccrual],
+            vatSelectonActive: isItem
+                ? [Boolean(segment.vatSelectonActive), Validators.required]
+                : [Boolean(segment.vatSelectonActive)],
+            additionalAccounts: [segment.additionalAccounts ?? []],
+            label: [segment.label, Validators.required],
+            singleSelect: [segment.singleSelect, Validators.required],
+        });
+    }
+    startAddNew() {
+        this.segmentForm = this.#createSegmentForm();
+        this.#editState.set({ mode: 'add' });
+    }
+    startEdit(index) {
+        const segment = this.resolvedValue().at(index);
+        if (!segment) {
+            return;
+        }
+        this.segmentForm = this.#createSegmentForm(segment);
+        this.#editState.set({ mode: 'edit', index });
+    }
+    cancelEdit() {
+        this.segmentForm.reset();
+        this.#editState.set(IDLE);
+    }
+    saveSegment() {
+        if (!this.segmentForm.valid) {
+            return;
+        }
+        const raw = this.segmentForm.getRawValue();
+        const label = this.#toTitleCase(String(raw.label ?? ''));
+        const newSegment = {
+            id: typeof raw.id === 'string' && raw.id ? raw.id : v4(),
+            segment: raw.segment,
+            // Multi-level segments derive their key from the (upper-cased) label.
+            customSegment: raw.segmentExtension ? label.toLocaleUpperCase() : undefined,
+            segmentExtension: Boolean(raw.segmentExtension),
+            inheritValueFromAccrual: Boolean(raw.inheritValueFromAccrual),
+            vatSelectonActive: Boolean(raw.vatSelectonActive),
+            additionalAccounts: Array.isArray(raw.additionalAccounts) ? raw.additionalAccounts : [],
+            label,
+            singleSelect: Boolean(raw.singleSelect),
+            readOnly: Boolean(raw.readOnly),
+        };
+        const state = this.#editState();
+        const updated = [...this.resolvedValue()];
+        if (state.mode === 'add') {
+            updated.push(newSegment);
+        }
+        else if (state.mode === 'edit') {
+            updated[state.index] = newSegment;
+        }
+        else {
+            return;
+        }
+        this.valueChanged.emit(updated);
+        this.cancelEdit();
+    }
+    readOnlyChanged(event) {
+        this.segmentForm.patchValue({ readOnly: event.checked });
+    }
+    singleSelectChange(event) {
+        this.segmentForm.patchValue({ singleSelect: event.checked });
+    }
+    setVatSelectionActive(event) {
+        this.segmentForm.patchValue({ vatSelectonActive: event.checked });
+    }
+    /** Inherit-from-accrual implies read-only (quirk: toggling on forces read-only). */
+    setInheritFromAccrual(event) {
+        this.segmentForm.patchValue({ inheritValueFromAccrual: event.checked });
+        if (event.checked) {
+            this.segmentForm.patchValue({ readOnly: true });
+        }
+    }
+    multiLevelSelectChange(event) {
+        this.segmentForm.patchValue({ segmentExtension: event.checked });
+    }
+    /** Pick a segment; auto-fill the label from it unless this is a multi-level extension. */
+    selectSegment(event) {
+        this.segmentForm.patchValue({ segment: event.value });
+        if (!this.segmentForm.value.segmentExtension) {
+            this.segmentForm.patchValue({ label: this.#toTitleCase(String(event.value ?? '')) });
+        }
+    }
+    additionalAccountsChanged(event) {
+        this.segmentForm.patchValue({ additionalAccounts: [...event.value] }, { emitEvent: true });
+    }
+    removeSegment(index) {
+        const updated = this.resolvedValue().filter((_, i) => i !== index);
+        this.valueChanged.emit(updated);
+    }
+    /**
+     * A tree template is "already used" (and so disabled in the picker) when a
+     * segment with the same key is already configured - except for multi-level
+     * extensions, which may reuse a key.
+     */
+    alreadyExists(segment) {
+        if (this.segmentForm.value.segmentExtension) {
+            return false;
+        }
+        return this.resolvedValue().some((v) => v.segment === segment.segment);
+    }
+    /** Extension-account options drawn from the MSCOA config. */
+    get extensionAccountsForSegments() {
+        return this.dataValue()?.mscoaConfig?.extensionAccountsForSegments ?? [];
+    }
+    /**
+     * When `showAllSegments` is on, reconcile the configured value against the full
+     * tree. Preserves the deliberate double-emit sync: emit a reset sentinel first,
+     * then the merged list on the next microtask so the parent re-renders cleanly.
+     */
+    #syncAllSegments() {
+        const templates = this.#treeSegments();
+        if (!this.#treeRequested || templates.length === 0) {
+            return;
+        }
+        const current = this.resolvedValue();
+        const merged = templates.map((segment) => ({
+            ...segment,
+            ...(current.find((v) => v.segment === segment.segment) ?? {}),
+        }));
+        if (!_isEqual(merged, current)) {
+            // Reset sentinel, then the real value, to force downstream re-binding.
+            this.valueChanged.emit([{}]);
+            queueMicrotask(() => this.valueChanged.emit(merged));
+        }
+    }
+    #toTitleCase(str) {
+        return str.replace(/\w\S*/g, (txt) => txt.charAt(0).toUpperCase() + txt.slice(1).toLowerCase());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: MscoaSegmentConfigComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: MscoaSegmentConfigComponent, isStandalone: true, selector: "lib-mscoa-segment-config", inputs: { errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null }, dataValue: { classPropertyName: "dataValue", publicName: "dataValue", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, isCashSegmentConfig: { classPropertyName: "isCashSegmentConfig", publicName: "isCashSegmentConfig", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, showAllSegments: { classPropertyName: "showAllSegments", publicName: "showAllSegments", isSignal: true, isRequired: false, transformFunction: null }, getMscoaTree: { classPropertyName: "getMscoaTree", publicName: "getMscoaTree", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChanged: "valueChanged" }, host: { properties: { "attr.id": "hostId" }, classAttribute: "lib-mscoa-segment-config" }, ngImport: i0, template: "@if (loading()) {\n  <div class=\"mscoa-segment-config__notice\">\n    <mat-icon class=\"mscoa-segment-config__notice-icon\">hourglass_top</mat-icon>\n    <span>Loading account segments\u2026</span>\n  </div>\n}\n\n@if (treeError(); as error) {\n  <div class=\"mscoa-segment-config__notice mscoa-segment-config__notice--error\">\n    <mat-icon class=\"mscoa-segment-config__notice-icon\">error_outline</mat-icon>\n    <span>{{ error }}</span>\n  </div>\n}\n\n@if (resolvedValue().length > 0) {\n  <div class=\"mscoa-segment-config__section\">\n    <p class=\"mscoa-segment-config__section-label\">Configured segments</p>\n    <mat-chip-listbox [disabled]=\"disabled()\" aria-label=\"Configured account segments\">\n      @for (segment of resolvedValue(); track segment.id; let i = $index) {\n        <mat-chip-option\n          (removed)=\"removeSegment(i)\"\n          (click)=\"startEdit(i)\"\n          [value]=\"segment.segment\"\n          [selected]=\"isEditing() && !isAddingNew()\">\n          <span class=\"mscoa-segment-config__chip-content\">\n            <span class=\"mscoa-segment-config__chip-label\">{{ segment.label }}</span>\n            <mat-icon class=\"mscoa-segment-config__chip-icon\">\n              {{ segment.singleSelect ? 'done' : 'done_all' }}\n            </mat-icon>\n            <mat-icon class=\"mscoa-segment-config__chip-icon\">\n              {{ segment.readOnly ? 'edit_off' : 'edit' }}\n            </mat-icon>\n          </span>\n\n          @if (showAllSegments() === false) {\n            <button matChipRemove aria-label=\"Remove segment\" [disabled]=\"disabled()\">\n              <mat-icon>cancel</mat-icon>\n            </button>\n          }\n        </mat-chip-option>\n      }\n    </mat-chip-listbox>\n  </div>\n} @else if (!loading()) {\n  <lib-empty-state\n    icon=\"account_tree\"\n    message=\"No segments configured yet. Add one to begin shaping this MSCOA input.\">\n    @if (canAddNew()) {\n      <button mat-stroked-button [disabled]=\"disabled()\" (click)=\"startAddNew()\">\n        <mat-icon>add</mat-icon>\n        Add segment\n      </button>\n    }\n  </lib-empty-state>\n}\n\n@if (canAddNew() && resolvedValue().length > 0) {\n  <button\n    class=\"mscoa-segment-config__add\"\n    mat-stroked-button\n    [disabled]=\"disabled()\"\n    (click)=\"startAddNew()\">\n    <mat-icon>add</mat-icon>\n    Add new segment\n  </button>\n}\n\n@if (isEditing()) {\n  <mat-card class=\"mscoa-segment-config__panel\" appearance=\"outlined\">\n    <mat-card-header>\n      <mat-card-subtitle>\n        {{ isAddingNew() ? 'Add a new' : 'Update' }} segment\n      </mat-card-subtitle>\n    </mat-card-header>\n\n    <mat-card-content>\n      <form [formGroup]=\"segmentForm\" (ngSubmit)=\"saveSegment()\">\n        <div class=\"mscoa-segment-config__group\">\n          <div class=\"mscoa-segment-config__toggle\">\n            <mat-slide-toggle\n              (change)=\"multiLevelSelectChange($event)\"\n              [checked]=\"segmentForm.value.segmentExtension\">\n              Enable multi-level segmentation\n            </mat-slide-toggle>\n          </div>\n          <p class=\"mscoa-segment-config__hint\">\n            Allows sub-classifications within this segment for more detailed accounting hierarchies.\n          </p>\n\n          <mat-form-field subscriptSizing=\"dynamic\" floatLabel=\"always\" appearance=\"outline\">\n            <mat-label>Segment</mat-label>\n            <mat-select\n              (selectionChange)=\"selectSegment($event)\"\n              formControlName=\"segment\"\n              placeholder=\"Select segment\">\n              @for (segment of treeSegments(); track segment.id) {\n                <mat-option [disabled]=\"alreadyExists(segment)\" [value]=\"segment.segment\">\n                  {{ segment.label }}\n                </mat-option>\n              }\n            </mat-select>\n            <mat-hint>Select an account segment type from your chart of accounts.</mat-hint>\n          </mat-form-field>\n        </div>\n\n        @if (isCashSegmentConfig()) {\n          <div class=\"mscoa-segment-config__group\">\n            <div class=\"mscoa-segment-config__toggle\">\n              <mat-slide-toggle\n                (change)=\"setInheritFromAccrual($event)\"\n                [checked]=\"segmentForm.value.inheritValueFromAccrual\">\n                Inherit from accrual\n              </mat-slide-toggle>\n            </div>\n            <p class=\"mscoa-segment-config__hint\">\n              When enabled, changes to the accrual value reflect here automatically.\n            </p>\n          </div>\n        }\n\n        <div class=\"mscoa-segment-config__group\">\n          <mat-form-field subscriptSizing=\"dynamic\" floatLabel=\"always\" appearance=\"outline\">\n            <mat-label>Label</mat-label>\n            <input\n              matInput\n              formControlName=\"label\"\n              [readonly]=\"!segmentForm.value.segmentExtension\"\n              placeholder=\"Enter label\" />\n            <mat-hint>\n              A descriptive name for this segment (e.g. 'Department', 'Project', 'Cost Center').\n            </mat-hint>\n          </mat-form-field>\n        </div>\n\n        <div class=\"mscoa-segment-config__group\">\n          <div class=\"mscoa-segment-config__toggle\">\n            <mat-slide-toggle\n              (change)=\"singleSelectChange($event)\"\n              [checked]=\"segmentForm.value.singleSelect\">\n              Single value selection\n            </mat-slide-toggle>\n          </div>\n          <p class=\"mscoa-segment-config__hint\">\n            When enabled, transactions are assigned to one value within this segment; when disabled,\n            they can be split across multiple values.\n          </p>\n        </div>\n\n        @if (segmentForm.value.segment?.toLocaleLowerCase() === 'item') {\n          <div class=\"mscoa-segment-config__group\">\n            <div class=\"mscoa-segment-config__toggle\">\n              <mat-slide-toggle\n                (change)=\"setVatSelectionActive($event)\"\n                [checked]=\"segmentForm.value.vatSelectonActive\">\n                Require VAT account selection\n              </mat-slide-toggle>\n            </div>\n            <p class=\"mscoa-segment-config__hint\">\n              When active, users must specify a VAT account for taxable items.\n            </p>\n          </div>\n        }\n\n        <div class=\"mscoa-segment-config__group\">\n          <div class=\"mscoa-segment-config__toggle\">\n            <mat-slide-toggle\n              (change)=\"readOnlyChanged($event)\"\n              [checked]=\"segmentForm.value.readOnly\">\n              Read-only segment\n            </mat-slide-toggle>\n          </div>\n          <p class=\"mscoa-segment-config__hint\">\n            Prevents users from modifying segment values after initial setup. Use for regulatory or\n            policy-controlled segments.\n          </p>\n        </div>\n\n        <div class=\"mscoa-segment-config__group\">\n          <mat-form-field subscriptSizing=\"dynamic\" floatLabel=\"always\" appearance=\"outline\">\n            <mat-label>Additional accounts</mat-label>\n            <mat-select\n              (selectionChange)=\"additionalAccountsChanged($event)\"\n              formControlName=\"additionalAccounts\"\n              multiple\n              placeholder=\"Select counter accounts\">\n              @for (ext of extensionAccountsForSegments; track ext) {\n                <mat-option [value]=\"ext\">{{ ext }}</mat-option>\n              }\n            </mat-select>\n            <mat-hint>\n              Add supporting accounts for this segment (e.g. VAT or tax accounts).\n            </mat-hint>\n          </mat-form-field>\n        </div>\n\n        <mat-card-actions class=\"mscoa-segment-config__actions\">\n          <button mat-button type=\"button\" (click)=\"cancelEdit()\">Cancel</button>\n          <button mat-flat-button color=\"primary\" type=\"submit\" [disabled]=\"!segmentForm.valid\">\n            Save\n          </button>\n        </mat-card-actions>\n      </form>\n    </mat-card-content>\n  </mat-card>\n}\n", styles: ["@charset \"UTF-8\";:host{display:flex;flex-direction:column;gap:1.5rem;color:var(--lib-forms-on-surface)}.mscoa-segment-config__notice{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:var(--lib-forms-radius-md, 10px);background:var(--sem-info-surface);color:var(--lib-forms-on-surface);font-size:.875rem}.mscoa-segment-config__notice--error{background:var(--sem-error-surface)}.mscoa-segment-config__notice-icon{flex:0 0 auto;color:var(--lib-forms-on-surface-variant)}.mscoa-segment-config__notice--error .mscoa-segment-config__notice-icon{color:var(--sem-error)}.mscoa-segment-config__section{display:flex;flex-direction:column;gap:.75rem}.mscoa-segment-config__section-label{margin:0;font-size:.625rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--lib-forms-on-surface-variant)}.mscoa-segment-config__chip-content{display:inline-flex;align-items:center;gap:.375rem}.mscoa-segment-config__chip-label{margin-right:.125rem}.mscoa-segment-config__chip-icon{width:1rem;height:1rem;font-size:1rem;line-height:1;color:var(--lib-forms-on-surface-variant)}.mscoa-segment-config__add{width:100%}.mscoa-segment-config__panel{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);display:block}.mscoa-segment-config__group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.mscoa-segment-config__group:last-of-type{margin-bottom:0}.mscoa-segment-config__group mat-form-field{width:100%}.mscoa-segment-config__toggle{display:flex;align-items:center;padding:.5rem 0}.mscoa-segment-config__hint{margin:0;font-size:.75rem;line-height:1.4;color:var(--lib-forms-on-surface-variant)}.mscoa-segment-config__actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.5rem}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { 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: "ngmodule", type: MatCardModule }, { kind: "component", type: i3.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i3.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i3.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i3.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i3.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i1$2.MatChipListbox, selector: "mat-chip-listbox", inputs: ["multiple", "aria-orientation", "selectable", "compareWith", "required", "hideSingleSelectionIndicator", "value"], outputs: ["change"] }, { kind: "component", type: i1$2.MatChipOption, selector: "mat-basic-chip-option, [mat-basic-chip-option], mat-chip-option, [mat-chip-option]", inputs: ["selectable", "selected"], outputs: ["selectionChange"] }, { kind: "directive", type: i1$2.MatChipRemove, selector: "[matChipRemove]" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i8.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i8.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i1$3.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { 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: MscoaSegmentConfigComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-mscoa-segment-config', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, host: {
+                        'class': 'lib-mscoa-segment-config',
+                        '[attr.id]': 'hostId',
+                    }, imports: [
+                        ReactiveFormsModule,
+                        MatButtonModule,
+                        MatCardModule,
+                        MatChipsModule,
+                        MatFormFieldModule,
+                        MatIconModule,
+                        MatInputModule,
+                        MatSelectModule,
+                        MatSlideToggleModule,
+                        EmptyStateComponent,
+                    ], template: "@if (loading()) {\n  <div class=\"mscoa-segment-config__notice\">\n    <mat-icon class=\"mscoa-segment-config__notice-icon\">hourglass_top</mat-icon>\n    <span>Loading account segments\u2026</span>\n  </div>\n}\n\n@if (treeError(); as error) {\n  <div class=\"mscoa-segment-config__notice mscoa-segment-config__notice--error\">\n    <mat-icon class=\"mscoa-segment-config__notice-icon\">error_outline</mat-icon>\n    <span>{{ error }}</span>\n  </div>\n}\n\n@if (resolvedValue().length > 0) {\n  <div class=\"mscoa-segment-config__section\">\n    <p class=\"mscoa-segment-config__section-label\">Configured segments</p>\n    <mat-chip-listbox [disabled]=\"disabled()\" aria-label=\"Configured account segments\">\n      @for (segment of resolvedValue(); track segment.id; let i = $index) {\n        <mat-chip-option\n          (removed)=\"removeSegment(i)\"\n          (click)=\"startEdit(i)\"\n          [value]=\"segment.segment\"\n          [selected]=\"isEditing() && !isAddingNew()\">\n          <span class=\"mscoa-segment-config__chip-content\">\n            <span class=\"mscoa-segment-config__chip-label\">{{ segment.label }}</span>\n            <mat-icon class=\"mscoa-segment-config__chip-icon\">\n              {{ segment.singleSelect ? 'done' : 'done_all' }}\n            </mat-icon>\n            <mat-icon class=\"mscoa-segment-config__chip-icon\">\n              {{ segment.readOnly ? 'edit_off' : 'edit' }}\n            </mat-icon>\n          </span>\n\n          @if (showAllSegments() === false) {\n            <button matChipRemove aria-label=\"Remove segment\" [disabled]=\"disabled()\">\n              <mat-icon>cancel</mat-icon>\n            </button>\n          }\n        </mat-chip-option>\n      }\n    </mat-chip-listbox>\n  </div>\n} @else if (!loading()) {\n  <lib-empty-state\n    icon=\"account_tree\"\n    message=\"No segments configured yet. Add one to begin shaping this MSCOA input.\">\n    @if (canAddNew()) {\n      <button mat-stroked-button [disabled]=\"disabled()\" (click)=\"startAddNew()\">\n        <mat-icon>add</mat-icon>\n        Add segment\n      </button>\n    }\n  </lib-empty-state>\n}\n\n@if (canAddNew() && resolvedValue().length > 0) {\n  <button\n    class=\"mscoa-segment-config__add\"\n    mat-stroked-button\n    [disabled]=\"disabled()\"\n    (click)=\"startAddNew()\">\n    <mat-icon>add</mat-icon>\n    Add new segment\n  </button>\n}\n\n@if (isEditing()) {\n  <mat-card class=\"mscoa-segment-config__panel\" appearance=\"outlined\">\n    <mat-card-header>\n      <mat-card-subtitle>\n        {{ isAddingNew() ? 'Add a new' : 'Update' }} segment\n      </mat-card-subtitle>\n    </mat-card-header>\n\n    <mat-card-content>\n      <form [formGroup]=\"segmentForm\" (ngSubmit)=\"saveSegment()\">\n        <div class=\"mscoa-segment-config__group\">\n          <div class=\"mscoa-segment-config__toggle\">\n            <mat-slide-toggle\n              (change)=\"multiLevelSelectChange($event)\"\n              [checked]=\"segmentForm.value.segmentExtension\">\n              Enable multi-level segmentation\n            </mat-slide-toggle>\n          </div>\n          <p class=\"mscoa-segment-config__hint\">\n            Allows sub-classifications within this segment for more detailed accounting hierarchies.\n          </p>\n\n          <mat-form-field subscriptSizing=\"dynamic\" floatLabel=\"always\" appearance=\"outline\">\n            <mat-label>Segment</mat-label>\n            <mat-select\n              (selectionChange)=\"selectSegment($event)\"\n              formControlName=\"segment\"\n              placeholder=\"Select segment\">\n              @for (segment of treeSegments(); track segment.id) {\n                <mat-option [disabled]=\"alreadyExists(segment)\" [value]=\"segment.segment\">\n                  {{ segment.label }}\n                </mat-option>\n              }\n            </mat-select>\n            <mat-hint>Select an account segment type from your chart of accounts.</mat-hint>\n          </mat-form-field>\n        </div>\n\n        @if (isCashSegmentConfig()) {\n          <div class=\"mscoa-segment-config__group\">\n            <div class=\"mscoa-segment-config__toggle\">\n              <mat-slide-toggle\n                (change)=\"setInheritFromAccrual($event)\"\n                [checked]=\"segmentForm.value.inheritValueFromAccrual\">\n                Inherit from accrual\n              </mat-slide-toggle>\n            </div>\n            <p class=\"mscoa-segment-config__hint\">\n              When enabled, changes to the accrual value reflect here automatically.\n            </p>\n          </div>\n        }\n\n        <div class=\"mscoa-segment-config__group\">\n          <mat-form-field subscriptSizing=\"dynamic\" floatLabel=\"always\" appearance=\"outline\">\n            <mat-label>Label</mat-label>\n            <input\n              matInput\n              formControlName=\"label\"\n              [readonly]=\"!segmentForm.value.segmentExtension\"\n              placeholder=\"Enter label\" />\n            <mat-hint>\n              A descriptive name for this segment (e.g. 'Department', 'Project', 'Cost Center').\n            </mat-hint>\n          </mat-form-field>\n        </div>\n\n        <div class=\"mscoa-segment-config__group\">\n          <div class=\"mscoa-segment-config__toggle\">\n            <mat-slide-toggle\n              (change)=\"singleSelectChange($event)\"\n              [checked]=\"segmentForm.value.singleSelect\">\n              Single value selection\n            </mat-slide-toggle>\n          </div>\n          <p class=\"mscoa-segment-config__hint\">\n            When enabled, transactions are assigned to one value within this segment; when disabled,\n            they can be split across multiple values.\n          </p>\n        </div>\n\n        @if (segmentForm.value.segment?.toLocaleLowerCase() === 'item') {\n          <div class=\"mscoa-segment-config__group\">\n            <div class=\"mscoa-segment-config__toggle\">\n              <mat-slide-toggle\n                (change)=\"setVatSelectionActive($event)\"\n                [checked]=\"segmentForm.value.vatSelectonActive\">\n                Require VAT account selection\n              </mat-slide-toggle>\n            </div>\n            <p class=\"mscoa-segment-config__hint\">\n              When active, users must specify a VAT account for taxable items.\n            </p>\n          </div>\n        }\n\n        <div class=\"mscoa-segment-config__group\">\n          <div class=\"mscoa-segment-config__toggle\">\n            <mat-slide-toggle\n              (change)=\"readOnlyChanged($event)\"\n              [checked]=\"segmentForm.value.readOnly\">\n              Read-only segment\n            </mat-slide-toggle>\n          </div>\n          <p class=\"mscoa-segment-config__hint\">\n            Prevents users from modifying segment values after initial setup. Use for regulatory or\n            policy-controlled segments.\n          </p>\n        </div>\n\n        <div class=\"mscoa-segment-config__group\">\n          <mat-form-field subscriptSizing=\"dynamic\" floatLabel=\"always\" appearance=\"outline\">\n            <mat-label>Additional accounts</mat-label>\n            <mat-select\n              (selectionChange)=\"additionalAccountsChanged($event)\"\n              formControlName=\"additionalAccounts\"\n              multiple\n              placeholder=\"Select counter accounts\">\n              @for (ext of extensionAccountsForSegments; track ext) {\n                <mat-option [value]=\"ext\">{{ ext }}</mat-option>\n              }\n            </mat-select>\n            <mat-hint>\n              Add supporting accounts for this segment (e.g. VAT or tax accounts).\n            </mat-hint>\n          </mat-form-field>\n        </div>\n\n        <mat-card-actions class=\"mscoa-segment-config__actions\">\n          <button mat-button type=\"button\" (click)=\"cancelEdit()\">Cancel</button>\n          <button mat-flat-button color=\"primary\" type=\"submit\" [disabled]=\"!segmentForm.valid\">\n            Save\n          </button>\n        </mat-card-actions>\n      </form>\n    </mat-card-content>\n  </mat-card>\n}\n", styles: ["@charset \"UTF-8\";:host{display:flex;flex-direction:column;gap:1.5rem;color:var(--lib-forms-on-surface)}.mscoa-segment-config__notice{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:var(--lib-forms-radius-md, 10px);background:var(--sem-info-surface);color:var(--lib-forms-on-surface);font-size:.875rem}.mscoa-segment-config__notice--error{background:var(--sem-error-surface)}.mscoa-segment-config__notice-icon{flex:0 0 auto;color:var(--lib-forms-on-surface-variant)}.mscoa-segment-config__notice--error .mscoa-segment-config__notice-icon{color:var(--sem-error)}.mscoa-segment-config__section{display:flex;flex-direction:column;gap:.75rem}.mscoa-segment-config__section-label{margin:0;font-size:.625rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--lib-forms-on-surface-variant)}.mscoa-segment-config__chip-content{display:inline-flex;align-items:center;gap:.375rem}.mscoa-segment-config__chip-label{margin-right:.125rem}.mscoa-segment-config__chip-icon{width:1rem;height:1rem;font-size:1rem;line-height:1;color:var(--lib-forms-on-surface-variant)}.mscoa-segment-config__add{width:100%}.mscoa-segment-config__panel{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);display:block}.mscoa-segment-config__group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.mscoa-segment-config__group:last-of-type{margin-bottom:0}.mscoa-segment-config__group mat-form-field{width:100%}.mscoa-segment-config__toggle{display:flex;align-items:center;padding:.5rem 0}.mscoa-segment-config__hint{margin:0;font-size:.75rem;line-height:1.4;color:var(--lib-forms-on-surface-variant)}.mscoa-segment-config__actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.5rem}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { errors: [{ type: i0.Input, args: [{ isSignal: true, alias: "errors", required: false }] }], dataValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataValue", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], isCashSegmentConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "isCashSegmentConfig", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], showAllSegments: [{ type: i0.Input, args: [{ isSignal: true, alias: "showAllSegments", required: false }] }], getMscoaTree: [{ type: i0.Input, args: [{ isSignal: true, alias: "getMscoaTree", required: false }] }], valueChanged: [{ type: i0.Output, args: ["valueChanged"] }] } });
+
+export { MscoaSegmentConfigComponent };
+//# sourceMappingURL=ngx-t-forms-mscoa-segment-config.component-C0qsMfsq.mjs.map

package/fesm2022/ngx-t-forms-mscoa-segment-config.component-C0qsMfsq.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-t-forms-mscoa-segment-config.component-C0qsMfsq.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/mscoa-segment-config/mscoa-segment-config.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/mscoa-segment-config/mscoa-segment-config.component.html"],"sourcesContent":["import {\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  DestroyRef,\r\n  ViewEncapsulation,\r\n  computed,\r\n  effect,\r\n  inject,\r\n  input,\r\n  output,\r\n  signal,\r\n} from '@angular/core';\r\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\r\nimport {\r\n  FormBuilder,\r\n  FormGroup,\r\n  ReactiveFormsModule,\r\n  Validators,\r\n} from '@angular/forms';\r\nimport { Observable, catchError, of, take, tap } from 'rxjs';\r\n\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatCardModule } from '@angular/material/card';\r\nimport { MatChipsModule } from '@angular/material/chips';\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatInputModule } from '@angular/material/input';\r\nimport { MatSelectChange, MatSelectModule } from '@angular/material/select';\r\nimport { MatSlideToggleChange, MatSlideToggleModule } from '@angular/material/slide-toggle';\r\n\r\nimport type {\r\n  IGetTreeResponse,\r\n  IIncludedSegmentConfig,\r\n  IScoaInput,\r\n} from 'ngx-t-forms-types';\r\nimport { v4 as uuidv4 } from 'uuid';\r\n\r\nimport { _isEqual } from '../../../../shared/functions/isEqual';\r\nimport type { IConfigElementError } from '../../t-dynamic-data-edit.component';\r\nimport { EmptyStateComponent } from '../_shared/empty-state/empty-state.component';\r\n\r\nlet nextUniqueId = 0;\r\n\r\n/** Discriminated edit-panel state: idle, adding a new segment, or editing an existing one. */\r\ntype EditState =\r\n  | { readonly mode: 'idle' }\r\n  | { readonly mode: 'add' }\r\n  | { readonly mode: 'edit'; readonly index: number };\r\n\r\nconst IDLE: EditState = { mode: 'idle' };\r\n\r\n/**\r\n * Internal editor element for configuring an MSCOA input's included account\r\n * segments. Child of `t-dynamic-data-edit`, which supplies the field label,\r\n * hint, and validation errors - so this component owns only the segment chip\r\n * row and the add/edit panel.\r\n *\r\n * The segment list is seeded from the MSCOA tree (`getMscoaTree`); each segment\r\n * carries flags such as single-select, read-only, VAT-selection and\r\n * inherit-from-accrual. In cash-segment mode (`isCashSegmentConfig`) every\r\n * non-`item` segment defaults to inherit-from-accrual + read-only.\r\n */\r\n@Component({\r\n  selector: 'lib-mscoa-segment-config',\r\n  templateUrl: './mscoa-segment-config.component.html',\r\n  styleUrl: './mscoa-segment-config.component.scss',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.Emulated,\r\n  host: {\r\n    'class': 'lib-mscoa-segment-config',\r\n    '[attr.id]': 'hostId',\r\n  },\r\n  imports: [\r\n    ReactiveFormsModule,\r\n    MatButtonModule,\r\n    MatCardModule,\r\n    MatChipsModule,\r\n    MatFormFieldModule,\r\n    MatIconModule,\r\n    MatInputModule,\r\n    MatSelectModule,\r\n    MatSlideToggleModule,\r\n    EmptyStateComponent,\r\n  ],\r\n})\r\nexport class MscoaSegmentConfigComponent {\r\n  /**\r\n   * Validation errors passed down by the parent editor. Retained on the contract\r\n   * but not rendered here - `t-dynamic-data-edit` owns error display.\r\n   */\r\n  readonly errors = input<IConfigElementError[] | undefined>([]);\r\n\r\n  /** The full MSCOA input config; supplies the extension-account options. */\r\n  readonly dataValue = input<IScoaInput | undefined>(undefined);\r\n\r\n  /** Disable user interaction. */\r\n  readonly disabled = input<boolean>(false);\r\n\r\n  /** Cash-segment mode: non-`item` segments default to inherit + read-only. */\r\n  readonly isCashSegmentConfig = input<boolean>(false);\r\n\r\n  /** Currently configured segments. */\r\n  readonly value = input<IIncludedSegmentConfig[] | undefined>(undefined);\r\n\r\n  /** When true, render every tree segment read-only (no add/remove). */\r\n  readonly showAllSegments = input<boolean>(false);\r\n\r\n  /**\r\n   * Stream that resolves the MSCOA account tree. Heterogeneous wrapper binding -\r\n   * the parent feeds whatever the editor config holds; narrowing here would force\r\n   * wrapper changes.\r\n   */\r\n  readonly getMscoaTree = input<Observable<IGetTreeResponse | undefined> | undefined>(undefined);\r\n\r\n  /** Emits the mutated segment list whenever the user adds, edits, or removes one. */\r\n  readonly valueChanged = output<IIncludedSegmentConfig[]>();\r\n\r\n  /** Host id attribute - stable, unique per instance. */\r\n  readonly hostId = `app-mscoa-segment-config-${nextUniqueId++}`;\r\n\r\n  readonly #fb = inject(FormBuilder);\r\n  readonly #destroyRef = inject(DestroyRef);\r\n\r\n  /** Tree-derived segment templates (drives the segment `mat-select`). */\r\n  readonly #treeSegments = signal<readonly IIncludedSegmentConfig[]>([]);\r\n\r\n  /** Error raised while fetching the tree (`null` until/unless the fetch fails). */\r\n  readonly #fetchError = signal<string | null>(null);\r\n\r\n  /** True while the tree stream is in flight. */\r\n  protected readonly loading = signal<boolean>(false);\r\n\r\n  /** Add/edit panel state. */\r\n  readonly #editState = signal<EditState>(IDLE);\r\n\r\n  /** Reactive form for the segment currently being added/edited. */\r\n  protected segmentForm: FormGroup = this.#createSegmentForm();\r\n\r\n  /** Guards single-shot tree load (mirrors the original take(1) one-time fetch). */\r\n  #treeRequested = false;\r\n\r\n  /** The configured segments, never null. */\r\n  protected readonly resolvedValue = computed<readonly IIncludedSegmentConfig[]>(\r\n    () => this.value() ?? [],\r\n  );\r\n\r\n  /** Tree-derived segment templates for the picker. */\r\n  protected readonly treeSegments = this.#treeSegments.asReadonly();\r\n\r\n  /**\r\n   * Loader/tree error message; `null` when none. A fetch error takes priority,\r\n   * otherwise a missing loader surfaces the \"No loader provided\" notice.\r\n   */\r\n  protected readonly treeError = computed<string | null>(() => {\r\n    const fetchError = this.#fetchError();\r\n    if (fetchError) {\r\n      return fetchError;\r\n    }\r\n    return this.getMscoaTree() ? null : 'No loader provided';\r\n  });\r\n\r\n  /** Whether the add/edit panel is open. */\r\n  protected readonly isEditing = computed<boolean>(() => this.#editState().mode !== 'idle');\r\n\r\n  /** Whether the open panel is adding a brand-new segment. */\r\n  protected readonly isAddingNew = computed<boolean>(() => this.#editState().mode === 'add');\r\n\r\n  /** Whether the \"Add new segment\" toolbar button should show. */\r\n  protected readonly canAddNew = computed<boolean>(\r\n    () => !this.isEditing() && !this.showAllSegments(),\r\n  );\r\n\r\n  constructor() {\r\n    // One-time tree load. Mirrors the original `take(1)` fetch. The signal\r\n    // writes happen off the reactive tick (microtask) so the effect itself\r\n    // performs no synchronous signal mutation.\r\n    effect(() => {\r\n      const tree$ = this.getMscoaTree();\r\n      if (!tree$ || this.#treeRequested) {\r\n        return;\r\n      }\r\n      this.#treeRequested = true;\r\n      queueMicrotask(() => this.#loadMscoa(tree$));\r\n    });\r\n\r\n    // Reflect the full tree as read-only segments when `showAllSegments` is on.\r\n    effect(() => {\r\n      if (this.showAllSegments()) {\r\n        this.#syncAllSegments();\r\n      }\r\n    });\r\n  }\r\n\r\n  /** Fetch the tree once, build the segment templates, surface any error. */\r\n  #loadMscoa(tree$: Observable<IGetTreeResponse | undefined>): void {\r\n    this.#fetchError.set(null);\r\n    this.loading.set(true);\r\n    tree$\r\n      .pipe(\r\n        take(1),\r\n        tap((response) => {\r\n          this.#treeSegments.set(this.#buildTreeSegments(response));\r\n          this.loading.set(false);\r\n        }),\r\n        catchError(() => {\r\n          this.#fetchError.set('Failed to fetch mscoa tree');\r\n          this.loading.set(false);\r\n          return of(undefined);\r\n        }),\r\n        takeUntilDestroyed(this.#destroyRef),\r\n      )\r\n      .subscribe();\r\n  }\r\n\r\n  /** Map the tree account keys into seedable segment templates. */\r\n  #buildTreeSegments(response: IGetTreeResponse | undefined): readonly IIncludedSegmentConfig[] {\r\n    const isCash = this.isCashSegmentConfig();\r\n    const current = this.resolvedValue();\r\n    return (response?.accountTreeKeys ?? []).map((treeKey) => {\r\n      const isItem = treeKey.toLocaleLowerCase() === 'item';\r\n      return {\r\n        id: uuidv4(),\r\n        segment: treeKey,\r\n        singleSelect: true,\r\n        additionalAccounts: [],\r\n        inheritValueFromAccrual: isCash ? !isItem : undefined,\r\n        vatSelectonActive: isCash ? false : isItem,\r\n        segmentExtension: false,\r\n        label: this.#toTitleCase(treeKey),\r\n        readOnly:\r\n          current.find((v) => v.segment === treeKey)?.readOnly ||\r\n          (isCash && !isItem) ||\r\n          false,\r\n      };\r\n    });\r\n  }\r\n\r\n  /** Build the per-segment reactive form. */\r\n  #createSegmentForm(\r\n    segment: IIncludedSegmentConfig = {\r\n      segment: '',\r\n      label: '',\r\n      id: uuidv4(),\r\n      singleSelect: true,\r\n      segmentExtension: false,\r\n      additionalAccounts: [],\r\n      readOnly: false,\r\n    },\r\n  ): FormGroup {\r\n    const isItem = segment.segment?.toLocaleLowerCase() === 'item';\r\n    return this.#fb.group({\r\n      id: [segment.id],\r\n      segment: [segment.segment, Validators.required],\r\n      segmentExtension: [segment.segmentExtension, Validators.required],\r\n      readOnly: [segment.readOnly, Validators.required],\r\n      inheritValueFromAccrual: this.isCashSegmentConfig()\r\n        ? [segment.inheritValueFromAccrual, Validators.required]\r\n        : [segment.inheritValueFromAccrual],\r\n      vatSelectonActive: isItem\r\n        ? [Boolean(segment.vatSelectonActive), Validators.required]\r\n        : [Boolean(segment.vatSelectonActive)],\r\n      additionalAccounts: [segment.additionalAccounts ?? []],\r\n      label: [segment.label, Validators.required],\r\n      singleSelect: [segment.singleSelect, Validators.required],\r\n    });\r\n  }\r\n\r\n  protected startAddNew(): void {\r\n    this.segmentForm = this.#createSegmentForm();\r\n    this.#editState.set({ mode: 'add' });\r\n  }\r\n\r\n  protected startEdit(index: number): void {\r\n    const segment = this.resolvedValue().at(index);\r\n    if (!segment) {\r\n      return;\r\n    }\r\n    this.segmentForm = this.#createSegmentForm(segment);\r\n    this.#editState.set({ mode: 'edit', index });\r\n  }\r\n\r\n  protected cancelEdit(): void {\r\n    this.segmentForm.reset();\r\n    this.#editState.set(IDLE);\r\n  }\r\n\r\n  protected saveSegment(): void {\r\n    if (!this.segmentForm.valid) {\r\n      return;\r\n    }\r\n    const raw = this.segmentForm.getRawValue();\r\n    const label = this.#toTitleCase(String(raw.label ?? ''));\r\n    const newSegment: IIncludedSegmentConfig = {\r\n      id: typeof raw.id === 'string' && raw.id ? raw.id : uuidv4(),\r\n      segment: raw.segment,\r\n      // Multi-level segments derive their key from the (upper-cased) label.\r\n      customSegment: raw.segmentExtension ? label.toLocaleUpperCase() : undefined,\r\n      segmentExtension: Boolean(raw.segmentExtension),\r\n      inheritValueFromAccrual: Boolean(raw.inheritValueFromAccrual),\r\n      vatSelectonActive: Boolean(raw.vatSelectonActive),\r\n      additionalAccounts: Array.isArray(raw.additionalAccounts) ? raw.additionalAccounts : [],\r\n      label,\r\n      singleSelect: Boolean(raw.singleSelect),\r\n      readOnly: Boolean(raw.readOnly),\r\n    };\r\n\r\n    const state = this.#editState();\r\n    const updated = [...this.resolvedValue()];\r\n    if (state.mode === 'add') {\r\n      updated.push(newSegment);\r\n    } else if (state.mode === 'edit') {\r\n      updated[state.index] = newSegment;\r\n    } else {\r\n      return;\r\n    }\r\n\r\n    this.valueChanged.emit(updated);\r\n    this.cancelEdit();\r\n  }\r\n\r\n  protected readOnlyChanged(event: MatSlideToggleChange): void {\r\n    this.segmentForm.patchValue({ readOnly: event.checked });\r\n  }\r\n\r\n  protected singleSelectChange(event: MatSlideToggleChange): void {\r\n    this.segmentForm.patchValue({ singleSelect: event.checked });\r\n  }\r\n\r\n  protected setVatSelectionActive(event: MatSlideToggleChange): void {\r\n    this.segmentForm.patchValue({ vatSelectonActive: event.checked });\r\n  }\r\n\r\n  /** Inherit-from-accrual implies read-only (quirk: toggling on forces read-only). */\r\n  protected setInheritFromAccrual(event: MatSlideToggleChange): void {\r\n    this.segmentForm.patchValue({ inheritValueFromAccrual: event.checked });\r\n    if (event.checked) {\r\n      this.segmentForm.patchValue({ readOnly: true });\r\n    }\r\n  }\r\n\r\n  protected multiLevelSelectChange(event: MatSlideToggleChange): void {\r\n    this.segmentForm.patchValue({ segmentExtension: event.checked });\r\n  }\r\n\r\n  /** Pick a segment; auto-fill the label from it unless this is a multi-level extension. */\r\n  protected selectSegment(event: MatSelectChange): void {\r\n    this.segmentForm.patchValue({ segment: event.value });\r\n    if (!this.segmentForm.value.segmentExtension) {\r\n      this.segmentForm.patchValue({ label: this.#toTitleCase(String(event.value ?? '')) });\r\n    }\r\n  }\r\n\r\n  protected additionalAccountsChanged(event: MatSelectChange): void {\r\n    this.segmentForm.patchValue(\r\n      { additionalAccounts: [...event.value] },\r\n      { emitEvent: true },\r\n    );\r\n  }\r\n\r\n  protected removeSegment(index: number): void {\r\n    const updated = this.resolvedValue().filter((_, i) => i !== index);\r\n    this.valueChanged.emit(updated);\r\n  }\r\n\r\n  /**\r\n   * A tree template is \"already used\" (and so disabled in the picker) when a\r\n   * segment with the same key is already configured - except for multi-level\r\n   * extensions, which may reuse a key.\r\n   */\r\n  protected alreadyExists(segment: IIncludedSegmentConfig): boolean {\r\n    if (this.segmentForm.value.segmentExtension) {\r\n      return false;\r\n    }\r\n    return this.resolvedValue().some((v) => v.segment === segment.segment);\r\n  }\r\n\r\n  /** Extension-account options drawn from the MSCOA config. */\r\n  protected get extensionAccountsForSegments(): string[] {\r\n    return this.dataValue()?.mscoaConfig?.extensionAccountsForSegments ?? [];\r\n  }\r\n\r\n  /**\r\n   * When `showAllSegments` is on, reconcile the configured value against the full\r\n   * tree. Preserves the deliberate double-emit sync: emit a reset sentinel first,\r\n   * then the merged list on the next microtask so the parent re-renders cleanly.\r\n   */\r\n  #syncAllSegments(): void {\r\n    const templates = this.#treeSegments();\r\n    if (!this.#treeRequested || templates.length === 0) {\r\n      return;\r\n    }\r\n    const current = this.resolvedValue();\r\n    const merged = templates.map((segment) => ({\r\n      ...segment,\r\n      ...(current.find((v) => v.segment === segment.segment) ?? {}),\r\n    }));\r\n\r\n    if (!_isEqual(merged, current)) {\r\n      // Reset sentinel, then the real value, to force downstream re-binding.\r\n      this.valueChanged.emit([{} as IIncludedSegmentConfig]);\r\n      queueMicrotask(() => this.valueChanged.emit(merged));\r\n    }\r\n  }\r\n\r\n  #toTitleCase(str: string): string {\r\n    return str.replace(\r\n      /\\w\\S*/g,\r\n      (txt) => txt.charAt(0).toUpperCase() + txt.slice(1).toLowerCase(),\r\n    );\r\n  }\r\n}\r\n","@if (loading()) {\n  <div class=\"mscoa-segment-config__notice\">\n    <mat-icon class=\"mscoa-segment-config__notice-icon\">hourglass_top</mat-icon>\n    <span>Loading account segments…</span>\n  </div>\n}\n\n@if (treeError(); as error) {\n  <div class=\"mscoa-segment-config__notice mscoa-segment-config__notice--error\">\n    <mat-icon class=\"mscoa-segment-config__notice-icon\">error_outline</mat-icon>\n    <span>{{ error }}</span>\n  </div>\n}\n\n@if (resolvedValue().length > 0) {\n  <div class=\"mscoa-segment-config__section\">\n    <p class=\"mscoa-segment-config__section-label\">Configured segments</p>\n    <mat-chip-listbox [disabled]=\"disabled()\" aria-label=\"Configured account segments\">\n      @for (segment of resolvedValue(); track segment.id; let i = $index) {\n        <mat-chip-option\n          (removed)=\"removeSegment(i)\"\n          (click)=\"startEdit(i)\"\n          [value]=\"segment.segment\"\n          [selected]=\"isEditing() && !isAddingNew()\">\n          <span class=\"mscoa-segment-config__chip-content\">\n            <span class=\"mscoa-segment-config__chip-label\">{{ segment.label }}</span>\n            <mat-icon class=\"mscoa-segment-config__chip-icon\">\n              {{ segment.singleSelect ? 'done' : 'done_all' }}\n            </mat-icon>\n            <mat-icon class=\"mscoa-segment-config__chip-icon\">\n              {{ segment.readOnly ? 'edit_off' : 'edit' }}\n            </mat-icon>\n          </span>\n\n          @if (showAllSegments() === false) {\n            <button matChipRemove aria-label=\"Remove segment\" [disabled]=\"disabled()\">\n              <mat-icon>cancel</mat-icon>\n            </button>\n          }\n        </mat-chip-option>\n      }\n    </mat-chip-listbox>\n  </div>\n} @else if (!loading()) {\n  <lib-empty-state\n    icon=\"account_tree\"\n    message=\"No segments configured yet. Add one to begin shaping this MSCOA input.\">\n    @if (canAddNew()) {\n      <button mat-stroked-button [disabled]=\"disabled()\" (click)=\"startAddNew()\">\n        <mat-icon>add</mat-icon>\n        Add segment\n      </button>\n    }\n  </lib-empty-state>\n}\n\n@if (canAddNew() && resolvedValue().length > 0) {\n  <button\n    class=\"mscoa-segment-config__add\"\n    mat-stroked-button\n    [disabled]=\"disabled()\"\n    (click)=\"startAddNew()\">\n    <mat-icon>add</mat-icon>\n    Add new segment\n  </button>\n}\n\n@if (isEditing()) {\n  <mat-card class=\"mscoa-segment-config__panel\" appearance=\"outlined\">\n    <mat-card-header>\n      <mat-card-subtitle>\n        {{ isAddingNew() ? 'Add a new' : 'Update' }} segment\n      </mat-card-subtitle>\n    </mat-card-header>\n\n    <mat-card-content>\n      <form [formGroup]=\"segmentForm\" (ngSubmit)=\"saveSegment()\">\n        <div class=\"mscoa-segment-config__group\">\n          <div class=\"mscoa-segment-config__toggle\">\n            <mat-slide-toggle\n              (change)=\"multiLevelSelectChange($event)\"\n              [checked]=\"segmentForm.value.segmentExtension\">\n              Enable multi-level segmentation\n            </mat-slide-toggle>\n          </div>\n          <p class=\"mscoa-segment-config__hint\">\n            Allows sub-classifications within this segment for more detailed accounting hierarchies.\n          </p>\n\n          <mat-form-field subscriptSizing=\"dynamic\" floatLabel=\"always\" appearance=\"outline\">\n            <mat-label>Segment</mat-label>\n            <mat-select\n              (selectionChange)=\"selectSegment($event)\"\n              formControlName=\"segment\"\n              placeholder=\"Select segment\">\n              @for (segment of treeSegments(); track segment.id) {\n                <mat-option [disabled]=\"alreadyExists(segment)\" [value]=\"segment.segment\">\n                  {{ segment.label }}\n                </mat-option>\n              }\n            </mat-select>\n            <mat-hint>Select an account segment type from your chart of accounts.</mat-hint>\n          </mat-form-field>\n        </div>\n\n        @if (isCashSegmentConfig()) {\n          <div class=\"mscoa-segment-config__group\">\n            <div class=\"mscoa-segment-config__toggle\">\n              <mat-slide-toggle\n                (change)=\"setInheritFromAccrual($event)\"\n                [checked]=\"segmentForm.value.inheritValueFromAccrual\">\n                Inherit from accrual\n              </mat-slide-toggle>\n            </div>\n            <p class=\"mscoa-segment-config__hint\">\n              When enabled, changes to the accrual value reflect here automatically.\n            </p>\n          </div>\n        }\n\n        <div class=\"mscoa-segment-config__group\">\n          <mat-form-field subscriptSizing=\"dynamic\" floatLabel=\"always\" appearance=\"outline\">\n            <mat-label>Label</mat-label>\n            <input\n              matInput\n              formControlName=\"label\"\n              [readonly]=\"!segmentForm.value.segmentExtension\"\n              placeholder=\"Enter label\" />\n            <mat-hint>\n              A descriptive name for this segment (e.g. 'Department', 'Project', 'Cost Center').\n            </mat-hint>\n          </mat-form-field>\n        </div>\n\n        <div class=\"mscoa-segment-config__group\">\n          <div class=\"mscoa-segment-config__toggle\">\n            <mat-slide-toggle\n              (change)=\"singleSelectChange($event)\"\n              [checked]=\"segmentForm.value.singleSelect\">\n              Single value selection\n            </mat-slide-toggle>\n          </div>\n          <p class=\"mscoa-segment-config__hint\">\n            When enabled, transactions are assigned to one value within this segment; when disabled,\n            they can be split across multiple values.\n          </p>\n        </div>\n\n        @if (segmentForm.value.segment?.toLocaleLowerCase() === 'item') {\n          <div class=\"mscoa-segment-config__group\">\n            <div class=\"mscoa-segment-config__toggle\">\n              <mat-slide-toggle\n                (change)=\"setVatSelectionActive($event)\"\n                [checked]=\"segmentForm.value.vatSelectonActive\">\n                Require VAT account selection\n              </mat-slide-toggle>\n            </div>\n            <p class=\"mscoa-segment-config__hint\">\n              When active, users must specify a VAT account for taxable items.\n            </p>\n          </div>\n        }\n\n        <div class=\"mscoa-segment-config__group\">\n          <div class=\"mscoa-segment-config__toggle\">\n            <mat-slide-toggle\n              (change)=\"readOnlyChanged($event)\"\n              [checked]=\"segmentForm.value.readOnly\">\n              Read-only segment\n            </mat-slide-toggle>\n          </div>\n          <p class=\"mscoa-segment-config__hint\">\n            Prevents users from modifying segment values after initial setup. Use for regulatory or\n            policy-controlled segments.\n          </p>\n        </div>\n\n        <div class=\"mscoa-segment-config__group\">\n          <mat-form-field subscriptSizing=\"dynamic\" floatLabel=\"always\" appearance=\"outline\">\n            <mat-label>Additional accounts</mat-label>\n            <mat-select\n              (selectionChange)=\"additionalAccountsChanged($event)\"\n              formControlName=\"additionalAccounts\"\n              multiple\n              placeholder=\"Select counter accounts\">\n              @for (ext of extensionAccountsForSegments; track ext) {\n                <mat-option [value]=\"ext\">{{ ext }}</mat-option>\n              }\n            </mat-select>\n            <mat-hint>\n              Add supporting accounts for this segment (e.g. VAT or tax accounts).\n            </mat-hint>\n          </mat-form-field>\n        </div>\n\n        <mat-card-actions class=\"mscoa-segment-config__actions\">\n          <button mat-button type=\"button\" (click)=\"cancelEdit()\">Cancel</button>\n          <button mat-flat-button color=\"primary\" type=\"submit\" [disabled]=\"!segmentForm.valid\">\n            Save\n          </button>\n        </mat-card-actions>\n      </form>\n    </mat-card-content>\n  </mat-card>\n}\n"],"names":["uuidv4","i2","i5","i6","i9"],"mappings":"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"}

package/fesm2022/ngx-t-forms-mscoa-temporary-hint.component-B1Z-IXSL.mjs

@@ -0,0 +1,74 @@
+import * as i0 from '@angular/core';
+import { input, signal, inject, DestroyRef, effect, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import * as i1 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i3 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import { Subject, timer } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+
+/**
+ * Displays a transient hint message inside the MSCOA chart UI.
+ * Auto-hides after the configured duration; can be dismissed manually.
+ */
+class MscoaTemporaryHintComponent {
+    #destroyRef;
+    #hideTimer$;
+    #previousMessage;
+    constructor() {
+        /** Message text to display. */
+        this.message = input('', ...(ngDevMode ? [{ debugName: "message" }] : /* istanbul ignore next */ []));
+        /** Auto-hide duration in milliseconds. */
+        this.duration = input(5000, ...(ngDevMode ? [{ debugName: "duration" }] : /* istanbul ignore next */ []));
+        /** Whether to show the dismiss button. */
+        this.showDismiss = input(true, ...(ngDevMode ? [{ debugName: "showDismiss" }] : /* istanbul ignore next */ []));
+        /** Visual variant. */
+        this.type = input('info', ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
+        this.visible = signal(false, ...(ngDevMode ? [{ debugName: "visible" }] : /* istanbul ignore next */ []));
+        this.#destroyRef = inject(DestroyRef);
+        this.#hideTimer$ = new Subject();
+        this.#previousMessage = '';
+        // React to message changes (replaces ngOnInit + ngOnChanges).
+        effect(() => {
+            const current = this.message();
+            const previous = this.#previousMessage;
+            this.#previousMessage = current;
+            if (current && current !== previous) {
+                this.show();
+            }
+            else if (!current && previous) {
+                this.hide();
+            }
+        });
+        this.#destroyRef.onDestroy(() => {
+            this.#hideTimer$.next();
+            this.#hideTimer$.complete();
+        });
+    }
+    show() {
+        // Cancel any existing timer.
+        this.#hideTimer$.next();
+        this.visible.set(true);
+        // Auto-hide after duration.
+        timer(this.duration())
+            .pipe(takeUntil(this.#hideTimer$), takeUntilDestroyed(this.#destroyRef))
+            .subscribe(() => this.hide());
+    }
+    hide() {
+        this.#hideTimer$.next();
+        this.visible.set(false);
+    }
+    dismiss() {
+        this.hide();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: MscoaTemporaryHintComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: MscoaTemporaryHintComponent, isStandalone: true, selector: "lib-mscoa-temporary-hint", inputs: { message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null }, duration: { classPropertyName: "duration", publicName: "duration", isSignal: true, isRequired: false, transformFunction: null }, showDismiss: { classPropertyName: "showDismiss", publicName: "showDismiss", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (visible() && message()) {\r\n  <div\r\n    class=\"temporary-hint\"\r\n    [class.temporary-hint--info]=\"type() === 'info'\"\r\n    [class.temporary-hint--guidance]=\"type() === 'guidance'\"\r\n    role=\"status\"\r\n    aria-live=\"polite\"\r\n    [attr.aria-label]=\"'Hint: ' + message()\">\r\n\r\n    <mat-icon class=\"temporary-hint__icon\" aria-hidden=\"true\">info</mat-icon>\r\n\r\n    <div class=\"temporary-hint__content\">\r\n      <p class=\"temporary-hint__message\">{{ message() }}</p>\r\n    </div>\r\n\r\n    @if (showDismiss()) {\r\n      <button\r\n        class=\"temporary-hint__dismiss\"\r\n        (click)=\"dismiss()\"\r\n        [attr.aria-label]=\"'Dismiss hint'\"\r\n        mat-icon-button\r\n        type=\"button\">\r\n        <mat-icon aria-hidden=\"true\">close</mat-icon>\r\n      </button>\r\n    }\r\n  </div>\r\n}\r\n", styles: [".temporary-hint{display:flex;align-items:flex-start;gap:var(--mscoa-chart-spacing-sm, 8px);padding:var(--mscoa-chart-spacing-sm, 8px) var(--mscoa-chart-spacing-md, 16px);margin-top:var(--mscoa-chart-spacing-sm, 8px);border-radius:var(--mscoa-chart-border-radius, 4px);font-size:13px;line-height:1.5;animation:slideInFade var(--mscoa-chart-transition, .2s ease);transition:opacity var(--lib-forms-duration-hover) var(--lib-forms-easing)}.temporary-hint--info{background-color:var(--sem-info-surface);color:var(--sem-info);border-left:3px solid var(--sem-info)}.temporary-hint--guidance{background-color:var(--sem-warning-surface);color:var(--lib-forms-on-surface);border-left:3px solid var(--sem-warning)}.temporary-hint__icon{flex-shrink:0;width:18px;height:18px;font-size:18px;margin-top:2px;color:var(--sem-info)}.temporary-hint--guidance .temporary-hint__icon{color:var(--sem-warning)}.temporary-hint__content{flex:1;min-width:0}.temporary-hint__message{margin:0;font-weight:400}.temporary-hint__dismiss{flex-shrink:0;width:24px;height:24px;opacity:.7;transition:opacity var(--lib-forms-duration-hover) var(--lib-forms-easing)}.temporary-hint__dismiss:hover{opacity:1}.temporary-hint__dismiss mat-icon{font-size:18px;width:18px;height:18px}@keyframes slideInFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.temporary-hint.ng-leave{animation:slideOutFade var(--mscoa-chart-transition, .2s ease)}@keyframes slideOutFade{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: MscoaTemporaryHintComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-mscoa-temporary-hint', imports: [MatButtonModule, MatIconModule], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, template: "@if (visible() && message()) {\r\n  <div\r\n    class=\"temporary-hint\"\r\n    [class.temporary-hint--info]=\"type() === 'info'\"\r\n    [class.temporary-hint--guidance]=\"type() === 'guidance'\"\r\n    role=\"status\"\r\n    aria-live=\"polite\"\r\n    [attr.aria-label]=\"'Hint: ' + message()\">\r\n\r\n    <mat-icon class=\"temporary-hint__icon\" aria-hidden=\"true\">info</mat-icon>\r\n\r\n    <div class=\"temporary-hint__content\">\r\n      <p class=\"temporary-hint__message\">{{ message() }}</p>\r\n    </div>\r\n\r\n    @if (showDismiss()) {\r\n      <button\r\n        class=\"temporary-hint__dismiss\"\r\n        (click)=\"dismiss()\"\r\n        [attr.aria-label]=\"'Dismiss hint'\"\r\n        mat-icon-button\r\n        type=\"button\">\r\n        <mat-icon aria-hidden=\"true\">close</mat-icon>\r\n      </button>\r\n    }\r\n  </div>\r\n}\r\n", styles: [".temporary-hint{display:flex;align-items:flex-start;gap:var(--mscoa-chart-spacing-sm, 8px);padding:var(--mscoa-chart-spacing-sm, 8px) var(--mscoa-chart-spacing-md, 16px);margin-top:var(--mscoa-chart-spacing-sm, 8px);border-radius:var(--mscoa-chart-border-radius, 4px);font-size:13px;line-height:1.5;animation:slideInFade var(--mscoa-chart-transition, .2s ease);transition:opacity var(--lib-forms-duration-hover) var(--lib-forms-easing)}.temporary-hint--info{background-color:var(--sem-info-surface);color:var(--sem-info);border-left:3px solid var(--sem-info)}.temporary-hint--guidance{background-color:var(--sem-warning-surface);color:var(--lib-forms-on-surface);border-left:3px solid var(--sem-warning)}.temporary-hint__icon{flex-shrink:0;width:18px;height:18px;font-size:18px;margin-top:2px;color:var(--sem-info)}.temporary-hint--guidance .temporary-hint__icon{color:var(--sem-warning)}.temporary-hint__content{flex:1;min-width:0}.temporary-hint__message{margin:0;font-weight:400}.temporary-hint__dismiss{flex-shrink:0;width:24px;height:24px;opacity:.7;transition:opacity var(--lib-forms-duration-hover) var(--lib-forms-easing)}.temporary-hint__dismiss:hover{opacity:1}.temporary-hint__dismiss mat-icon{font-size:18px;width:18px;height:18px}@keyframes slideInFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.temporary-hint.ng-leave{animation:slideOutFade var(--mscoa-chart-transition, .2s ease)}@keyframes slideOutFade{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: false }] }], duration: [{ type: i0.Input, args: [{ isSignal: true, alias: "duration", required: false }] }], showDismiss: [{ type: i0.Input, args: [{ isSignal: true, alias: "showDismiss", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }] } });
+
+export { MscoaTemporaryHintComponent };
+//# sourceMappingURL=ngx-t-forms-mscoa-temporary-hint.component-B1Z-IXSL.mjs.map

package/fesm2022/ngx-t-forms-mscoa-temporary-hint.component-B1Z-IXSL.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-t-forms-mscoa-temporary-hint.component-B1Z-IXSL.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-form-input/elements/mscoa-form-input/elements/mscoa-chart/components/mscoa-temporary-hint/mscoa-temporary-hint.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-form-input/elements/mscoa-form-input/elements/mscoa-chart/components/mscoa-temporary-hint/mscoa-temporary-hint.component.html"],"sourcesContent":["import {\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  DestroyRef,\r\n  ViewEncapsulation,\r\n  effect,\r\n  inject,\r\n  input,\r\n  signal,\r\n} from '@angular/core';\r\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { Subject, timer } from 'rxjs';\r\nimport { takeUntil } from 'rxjs/operators';\r\n\r\n/**\r\n * Displays a transient hint message inside the MSCOA chart UI.\r\n * Auto-hides after the configured duration; can be dismissed manually.\r\n */\r\n@Component({\r\n  selector: 'lib-mscoa-temporary-hint',\r\n  imports: [MatButtonModule, MatIconModule],\r\n  templateUrl: './mscoa-temporary-hint.component.html',\r\n  styleUrls: ['./mscoa-temporary-hint.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.Emulated,\r\n})\r\nexport class MscoaTemporaryHintComponent {\r\n  /** Message text to display. */\r\n  readonly message = input<string>('');\r\n  /** Auto-hide duration in milliseconds. */\r\n  readonly duration = input<number>(5000);\r\n  /** Whether to show the dismiss button. */\r\n  readonly showDismiss = input<boolean>(true);\r\n  /** Visual variant. */\r\n  readonly type = input<'info' | 'guidance'>('info');\r\n\r\n  protected readonly visible = signal<boolean>(false);\r\n\r\n  readonly #destroyRef = inject(DestroyRef);\r\n  readonly #hideTimer$ = new Subject<void>();\r\n  #previousMessage = '';\r\n\r\n  constructor() {\r\n    // React to message changes (replaces ngOnInit + ngOnChanges).\r\n    effect(() => {\r\n      const current = this.message();\r\n      const previous = this.#previousMessage;\r\n      this.#previousMessage = current;\r\n\r\n      if (current && current !== previous) {\r\n        this.show();\r\n      } else if (!current && previous) {\r\n        this.hide();\r\n      }\r\n    });\r\n\r\n    this.#destroyRef.onDestroy(() => {\r\n      this.#hideTimer$.next();\r\n      this.#hideTimer$.complete();\r\n    });\r\n  }\r\n\r\n  show(): void {\r\n    // Cancel any existing timer.\r\n    this.#hideTimer$.next();\r\n\r\n    this.visible.set(true);\r\n\r\n    // Auto-hide after duration.\r\n    timer(this.duration())\r\n      .pipe(takeUntil(this.#hideTimer$), takeUntilDestroyed(this.#destroyRef))\r\n      .subscribe(() => this.hide());\r\n  }\r\n\r\n  hide(): void {\r\n    this.#hideTimer$.next();\r\n    this.visible.set(false);\r\n  }\r\n\r\n  dismiss(): void {\r\n    this.hide();\r\n  }\r\n}\r\n","@if (visible() && message()) {\r\n  <div\r\n    class=\"temporary-hint\"\r\n    [class.temporary-hint--info]=\"type() === 'info'\"\r\n    [class.temporary-hint--guidance]=\"type() === 'guidance'\"\r\n    role=\"status\"\r\n    aria-live=\"polite\"\r\n    [attr.aria-label]=\"'Hint: ' + message()\">\r\n\r\n    <mat-icon class=\"temporary-hint__icon\" aria-hidden=\"true\">info</mat-icon>\r\n\r\n    <div class=\"temporary-hint__content\">\r\n      <p class=\"temporary-hint__message\">{{ message() }}</p>\r\n    </div>\r\n\r\n    @if (showDismiss()) {\r\n      <button\r\n        class=\"temporary-hint__dismiss\"\r\n        (click)=\"dismiss()\"\r\n        [attr.aria-label]=\"'Dismiss hint'\"\r\n        mat-icon-button\r\n        type=\"button\">\r\n        <mat-icon aria-hidden=\"true\">close</mat-icon>\r\n      </button>\r\n    }\r\n  </div>\r\n}\r\n"],"names":["i2"],"mappings":"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"}