ngx-t-forms 2.0.29 → 2.0.31

package/fesm2022/ngx-t-forms-mat-chip-list-editor.component-c7uZT1sr.mjs

@@ -0,0 +1,66 @@
+import * as i0 from '@angular/core';
+import { signal, input, output, computed, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i1 from '@angular/material/chips';
+import { MatChipsModule } from '@angular/material/chips';
+import { S as SearchFieldComponent } from './ngx-t-forms-search-field.component-B2ZO7lqO.mjs';
+import { E as EmptyStateComponent } from './ngx-t-forms-ngx-t-forms-u_kigDid.mjs';
+
+/**
+ * Chip-select editor: a searchable {@link MatChipsModule} listbox over a set of
+ * options, single- or multi-select. Renders inside `t-dynamic-data-edit`, which
+ * supplies the field label, hint, and validation errors — so this component owns
+ * only the search + chip content.
+ */
+class MatChipListEditorComponent {
+    constructor() {
+        this.hostId = signal(`lib-mat-chip-list-editor-${MatChipListEditorComponent.nextId++}`, ...(ngDevMode ? [{ debugName: "hostId" }] : /* istanbul ignore next */ []));
+        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+        this.multiple = input(false, ...(ngDevMode ? [{ debugName: "multiple" }] : /* istanbul ignore next */ []));
+        this.required = input(false, ...(ngDevMode ? [{ debugName: "required" }] : /* istanbul ignore next */ []));
+        this.errors = input([], ...(ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []));
+        // Internal `any` retained — wrapper templates bind heterogeneous value types
+        // (DataSources, string[], etc.); narrowing here would force wrapper changes.
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any -- wrappers bind heterogeneous chip-value payloads (DataSources, string[]).
+        this.value = input(undefined, ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+        this.options = input([], ...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any -- emits whatever shape `value` was bound to; narrows once wrappers tighten.
+        this.valueChange = output();
+        /** Free-text search term (two-way bound to the search field). */
+        this.search = signal('', ...(ngDevMode ? [{ debugName: "search" }] : /* istanbul ignore next */ []));
+        /**
+         * Options matching the search term. Matches the visible label, the group, and
+         * a string value (the same reachable-string-leaf semantics the old
+         * `searchList` pipe applied, minus its now-removed nested-object scan).
+         */
+        this.filteredOptions = computed(() => {
+            const term = this.search().trim().toLowerCase();
+            const all = this.options() ?? [];
+            if (!term)
+                return all;
+            return all.filter((option) => {
+                const haystacks = [
+                    option.label,
+                    option.group,
+                    typeof option.value === 'string' ? option.value : undefined,
+                ];
+                return haystacks.some((text) => typeof text === 'string' && text.toLowerCase().includes(term));
+            });
+        }, ...(ngDevMode ? [{ debugName: "filteredOptions" }] : /* istanbul ignore next */ []));
+    }
+    static { this.nextId = 0; }
+    valueListChanged($event) {
+        this.valueChange.emit($event.value);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: MatChipListEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: MatChipListEditorComponent, isStandalone: true, selector: "lib-mat-chip-list-editor", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, host: { properties: { "id": "hostId()" }, classAttribute: "lib-mat-chip-list-editor" }, ngImport: i0, template: "<lib-search-field\n  [(value)]=\"search\"\n  placeholder=\"Search options\"\n  [resultCount]=\"filteredOptions().length\" />\n\n@if (filteredOptions().length) {\n<mat-chip-listbox\n  class=\"lib-mat-chip-list-editor__listbox\"\n  [multiple]=\"multiple()\"\n  [value]=\"value()\"\n  [disabled]=\"disabled()\"\n  (change)=\"valueListChanged($event)\"\n  aria-label=\"Chip select options\">\n  @for (option of filteredOptions(); track option.value) {\n  <mat-chip-option [value]=\"option.value\">{{ option.label }}</mat-chip-option>\n  }\n</mat-chip-listbox>\n} @else {\n<lib-empty-state\n  icon=\"search_off\"\n  [message]=\"(options() || []).length ? 'No options match your search' : 'No options available'\" />\n}\n", styles: [":host{display:flex;flex-direction:column;gap:.75rem}.lib-mat-chip-list-editor__listbox{max-height:500px;overflow-y:auto}\n"], dependencies: [{ kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i1.MatChipListbox, selector: "mat-chip-listbox", inputs: ["multiple", "aria-orientation", "selectable", "compareWith", "required", "hideSingleSelectionIndicator", "value"], outputs: ["change"] }, { kind: "component", type: i1.MatChipOption, selector: "mat-basic-chip-option, [mat-basic-chip-option], mat-chip-option, [mat-chip-option]", inputs: ["selectable", "selected"], outputs: ["selectionChange"] }, { kind: "component", type: SearchFieldComponent, selector: "lib-search-field", inputs: ["value", "placeholder", "resultCount"], outputs: ["valueChange"] }, { 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: MatChipListEditorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-mat-chip-list-editor', imports: [MatChipsModule, SearchFieldComponent, EmptyStateComponent], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, host: {
+                        'class': 'lib-mat-chip-list-editor',
+                        '[id]': 'hostId()',
+                    }, template: "<lib-search-field\n  [(value)]=\"search\"\n  placeholder=\"Search options\"\n  [resultCount]=\"filteredOptions().length\" />\n\n@if (filteredOptions().length) {\n<mat-chip-listbox\n  class=\"lib-mat-chip-list-editor__listbox\"\n  [multiple]=\"multiple()\"\n  [value]=\"value()\"\n  [disabled]=\"disabled()\"\n  (change)=\"valueListChanged($event)\"\n  aria-label=\"Chip select options\">\n  @for (option of filteredOptions(); track option.value) {\n  <mat-chip-option [value]=\"option.value\">{{ option.label }}</mat-chip-option>\n  }\n</mat-chip-listbox>\n} @else {\n<lib-empty-state\n  icon=\"search_off\"\n  [message]=\"(options() || []).length ? 'No options match your search' : 'No options available'\" />\n}\n", styles: [":host{display:flex;flex-direction:column;gap:.75rem}.lib-mat-chip-list-editor__listbox{max-height:500px;overflow-y:auto}\n"] }]
+        }], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], errors: [{ type: i0.Input, args: [{ isSignal: true, alias: "errors", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] } });
+
+export { MatChipListEditorComponent };
+//# sourceMappingURL=ngx-t-forms-mat-chip-list-editor.component-c7uZT1sr.mjs.map

package/fesm2022/ngx-t-forms-mat-chip-list-editor.component-c7uZT1sr.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-t-forms-mat-chip-list-editor.component-c7uZT1sr.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/mat-chip-list-editor/mat-chip-list-editor.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/mat-chip-list-editor/mat-chip-list-editor.component.html"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  computed,\n  input,\n  output,\n  signal,\n} from '@angular/core';\nimport { MatChipListboxChange, MatChipsModule } from '@angular/material/chips';\nimport { IConfigElementError } from '../../t-dynamic-data-edit.component';\nimport { SearchFieldComponent } from '../_shared/search-field/search-field.component';\nimport { EmptyStateComponent } from '../_shared/empty-state/empty-state.component';\n\ninterface ChipOption {\n  label: string;\n  value: unknown;\n  group?: string;\n}\n\n/**\n * Chip-select editor: a searchable {@link MatChipsModule} listbox over a set of\n * options, single- or multi-select. Renders inside `t-dynamic-data-edit`, which\n * supplies the field label, hint, and validation errors — so this component owns\n * only the search + chip content.\n */\n@Component({\n  selector: 'lib-mat-chip-list-editor',\n  imports: [MatChipsModule, SearchFieldComponent, EmptyStateComponent],\n  templateUrl: './mat-chip-list-editor.component.html',\n  styleUrl: './mat-chip-list-editor.component.css',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.Emulated,\n  host: {\n    'class': 'lib-mat-chip-list-editor',\n    '[id]': 'hostId()',\n  },\n})\nexport class MatChipListEditorComponent {\n  static nextId = 0;\n\n  protected readonly hostId = signal<string>(\n    `lib-mat-chip-list-editor-${MatChipListEditorComponent.nextId++}`,\n  );\n\n  readonly disabled = input<boolean>(false);\n  readonly multiple = input<boolean>(false);\n  readonly required = input<boolean>(false);\n  readonly errors = input<IConfigElementError[] | undefined>([]);\n  // Internal `any` retained — wrapper templates bind heterogeneous value types\n  // (DataSources, string[], etc.); narrowing here would force wrapper changes.\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- wrappers bind heterogeneous chip-value payloads (DataSources, string[]).\n  readonly value = input<any>(undefined);\n  readonly options = input<ChipOption[] | undefined>([]);\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- emits whatever shape `value` was bound to; narrows once wrappers tighten.\n  readonly valueChange = output<any>();\n\n  /** Free-text search term (two-way bound to the search field). */\n  protected readonly search = signal<string>('');\n\n  /**\n   * Options matching the search term. Matches the visible label, the group, and\n   * a string value (the same reachable-string-leaf semantics the old\n   * `searchList` pipe applied, minus its now-removed nested-object scan).\n   */\n  protected readonly filteredOptions = computed<ChipOption[]>(() => {\n    const term = this.search().trim().toLowerCase();\n    const all = this.options() ?? [];\n    if (!term) return all;\n    return all.filter((option) => {\n      const haystacks = [\n        option.label,\n        option.group,\n        typeof option.value === 'string' ? option.value : undefined,\n      ];\n      return haystacks.some(\n        (text): text is string => typeof text === 'string' && text.toLowerCase().includes(term),\n      );\n    });\n  });\n\n  protected valueListChanged($event: MatChipListboxChange): void {\n    this.valueChange.emit($event.value);\n  }\n}\n","<lib-search-field\n  [(value)]=\"search\"\n  placeholder=\"Search options\"\n  [resultCount]=\"filteredOptions().length\" />\n\n@if (filteredOptions().length) {\n<mat-chip-listbox\n  class=\"lib-mat-chip-list-editor__listbox\"\n  [multiple]=\"multiple()\"\n  [value]=\"value()\"\n  [disabled]=\"disabled()\"\n  (change)=\"valueListChanged($event)\"\n  aria-label=\"Chip select options\">\n  @for (option of filteredOptions(); track option.value) {\n  <mat-chip-option [value]=\"option.value\">{{ option.label }}</mat-chip-option>\n  }\n</mat-chip-listbox>\n} @else {\n<lib-empty-state\n  icon=\"search_off\"\n  [message]=\"(options() || []).length ? 'No options match your search' : 'No options available'\" />\n}\n"],"names":[],"mappings":"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"}

package/fesm2022/ngx-t-forms-mat-slider-editor.component-CTSBrM-j.mjs

@@ -0,0 +1,211 @@
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import * as i0 from '@angular/core';
+import { inject, output, Input, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { NgControl } from '@angular/forms';
+import { MatFormFieldControl } from '@angular/material/form-field';
+import * as i1 from '@angular/material/slider';
+import { MatSliderModule } from '@angular/material/slider';
+import { Subject } from 'rxjs';
+
+/**
+ * Internal Material slider editor implementing `MatFormFieldControl<number>`
+ * for the dynamic-data-edit configuration surface.
+ *
+ * Rendered by `t-dynamic-data-edit`, which supplies the surrounding field label,
+ * hint, and validation errors — so this component owns only the slider track,
+ * the live value readout, and the min/max bound labels.
+ *
+ * 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.
+ */
+class MatSliderEditorComponent {
+    constructor() {
+        /** Emits whenever a piece of `MatFormFieldControl` state changes. */
+        this.stateChanges = new Subject();
+        this.controlType = 'lib-mat-slider-editor';
+        this.id = `lib-mat-slider-editor-${MatSliderEditorComponent.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 = [];
+        /** Accessible label for the slider thumb. */
+        this.label = '';
+        /** Thumb-tooltip formatter (Material `displayWith`). Optional — the parent's editor config may supply `undefined`. */
+        this.format = (value) => value;
+        /** Fallback formatter used by the value readout when `format` is absent. */
+        this.formatLabel = (value) => value;
+        this.#min = 0;
+        this.#max = 100;
+        this.#step = 1;
+        this.#disabled = false;
+        this.#value = 0;
+        this.#required = false;
+        /** Emits the new slider value when the user drags the thumb. */
+        this.valueChange = output();
+        /**
+         * Adapter for Material's `displayWith`, which requires a `string` return.
+         * Wraps the `format` thumb-tooltip formatter.
+         */
+        this.displayWith = (value) => String(this.format ? this.format(value) : value);
+        this.onTouched = () => { };
+    }
+    static { this.nextId = 0; }
+    #min;
+    /** Lower bound of the slider. */
+    get min() {
+        return this.#min;
+    }
+    set min(value) {
+        this.#min = this.#toNumber(value, 0);
+        this.stateChanges.next();
+    }
+    #max;
+    /** Upper bound of the slider. */
+    get max() {
+        return this.#max;
+    }
+    set max(value) {
+        this.#max = this.#toNumber(value, 100);
+        this.stateChanges.next();
+    }
+    #step;
+    /** Increment between selectable values; also drives tick-mark spacing. */
+    get step() {
+        return this.#step;
+    }
+    set step(value) {
+        this.#step = this.#toNumber(value, 1);
+        this.stateChanges.next();
+    }
+    #disabled;
+    /** Whether the slider is inert. */
+    get disabled() {
+        return this.#disabled;
+    }
+    set disabled(value) {
+        this.#disabled = coerceBooleanProperty(value);
+        this.stateChanges.next();
+    }
+    #value;
+    /** Current numeric value of the slider. */
+    get value() {
+        return this.#value;
+    }
+    set value(value) {
+        this.#value = this.#toNumber(value, 0);
+        this.stateChanges.next();
+    }
+    #required;
+    /** Whether a value is required. */
+    get required() {
+        return this.#required;
+    }
+    set required(value) {
+        this.#required = coerceBooleanProperty(value);
+        this.stateChanges.next();
+    }
+    // MatFormFieldControl reads these as plain getters during its own change
+    // detection, so they stay getters rather than `computed()` signals.
+    /**
+     * Whether the control holds no user selection.
+     *
+     * BEHAVIOUR FLAG: a value of `0` is a real selection, so it is NOT empty.
+     * The control is only "empty" when no numeric value is set at all.
+     */
+    get empty() {
+        return Number.isNaN(this.#value);
+    }
+    get shouldLabelFloat() {
+        return this.focused || !this.empty;
+    }
+    get errorState() {
+        const requiredUnset = this.empty && this.#required && this.touched;
+        const ngControlError = this.ngControl?.errors != null;
+        const externalError = (this.errors?.length ?? 0) > 0 && this.touched;
+        return requiredUnset || ngControlError || externalError;
+    }
+    /** Resolved display value shown in the live readout. */
+    get displayValue() {
+        return String(this.formatLabel(this.#value));
+    }
+    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();
+        }
+    }
+    valueChangedSlider(event) {
+        const target = event.target;
+        if (!(target instanceof HTMLInputElement)) {
+            return;
+        }
+        const next = Number(target.value);
+        if (Number.isNaN(next)) {
+            return;
+        }
+        this.value = next;
+        this.markAsTouched();
+        this.valueChange.emit(next);
+    }
+    /** Coerce an incoming binding to a finite number, falling back when invalid. */
+    #toNumber(value, fallback) {
+        const parsed = Number(value);
+        return Number.isFinite(parsed) ? parsed : fallback;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: MatSliderEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.12", type: MatSliderEditorComponent, isStandalone: true, selector: "lib-mat-slider-editor", inputs: { errors: "errors", label: "label", format: "format", formatLabel: "formatLabel", min: "min", max: "max", step: "step", disabled: "disabled", value: "value", required: "required" }, outputs: { valueChange: "valueChange" }, host: { properties: { "id": "id", "attr.aria-describedby": "describedBy", "class.lib-mat-slider-editor--focused": "focused", "class.lib-mat-slider-editor--disabled": "disabled" }, classAttribute: "lib-mat-slider-editor" }, providers: [{ provide: MatFormFieldControl, useExisting: MatSliderEditorComponent }], ngImport: i0, template: "<div class=\"lib-mat-slider-editor__row\">\n  <span class=\"lib-mat-slider-editor__bound\">{{ min }}</span>\n\n  <mat-slider\n    class=\"lib-mat-slider-editor__slider\"\n    discrete\n    showTickMarks\n    [disabled]=\"disabled\"\n    [min]=\"min\"\n    [max]=\"max\"\n    [step]=\"step\"\n    [displayWith]=\"displayWith\"\n  >\n    <input\n      matSliderThumb\n      [value]=\"value\"\n      [attr.aria-label]=\"label || null\"\n      (input)=\"valueChangedSlider($event)\"\n      (blur)=\"markAsTouched()\"\n    />\n  </mat-slider>\n\n  <span class=\"lib-mat-slider-editor__bound\">{{ max }}</span>\n</div>\n\n<output class=\"lib-mat-slider-editor__value\">{{ displayValue }}</output>\n", styles: [":host{display:block}.lib-mat-slider-editor__row{display:flex;align-items:center;gap:.75rem}.lib-mat-slider-editor__slider{flex:1 1 auto;min-width:0}.lib-mat-slider-editor__bound{flex:0 0 auto;font-size:.8125rem;color:var(--lib-forms-on-surface-variant);font-variant-numeric:tabular-nums}.lib-mat-slider-editor__value{display:block;margin-top:.5rem;font-size:.9375rem;font-weight:500;color:var(--lib-forms-on-surface);font-variant-numeric:tabular-nums;transition:color var(--lib-forms-duration-hover) var(--lib-forms-easing)}:host(.lib-mat-slider-editor--focused) .lib-mat-slider-editor__value{color:var(--lib-forms-primary)}:host(.lib-mat-slider-editor--disabled){opacity:.55;pointer-events:none}\n"], dependencies: [{ kind: "ngmodule", type: MatSliderModule }, { kind: "component", type: i1.MatSlider, selector: "mat-slider", inputs: ["disabled", "discrete", "showTickMarks", "min", "color", "disableRipple", "max", "step", "displayWith"], exportAs: ["matSlider"] }, { kind: "directive", type: i1.MatSliderThumb, selector: "input[matSliderThumb]", inputs: ["value"], outputs: ["valueChange", "dragStart", "dragEnd"], exportAs: ["matSliderThumb"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: MatSliderEditorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-mat-slider-editor', providers: [{ provide: MatFormFieldControl, useExisting: MatSliderEditorComponent }], imports: [MatSliderModule], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, host: {
+                        'class': 'lib-mat-slider-editor',
+                        '[id]': 'id',
+                        '[attr.aria-describedby]': 'describedBy',
+                        '[class.lib-mat-slider-editor--focused]': 'focused',
+                        '[class.lib-mat-slider-editor--disabled]': 'disabled',
+                    }, template: "<div class=\"lib-mat-slider-editor__row\">\n  <span class=\"lib-mat-slider-editor__bound\">{{ min }}</span>\n\n  <mat-slider\n    class=\"lib-mat-slider-editor__slider\"\n    discrete\n    showTickMarks\n    [disabled]=\"disabled\"\n    [min]=\"min\"\n    [max]=\"max\"\n    [step]=\"step\"\n    [displayWith]=\"displayWith\"\n  >\n    <input\n      matSliderThumb\n      [value]=\"value\"\n      [attr.aria-label]=\"label || null\"\n      (input)=\"valueChangedSlider($event)\"\n      (blur)=\"markAsTouched()\"\n    />\n  </mat-slider>\n\n  <span class=\"lib-mat-slider-editor__bound\">{{ max }}</span>\n</div>\n\n<output class=\"lib-mat-slider-editor__value\">{{ displayValue }}</output>\n", styles: [":host{display:block}.lib-mat-slider-editor__row{display:flex;align-items:center;gap:.75rem}.lib-mat-slider-editor__slider{flex:1 1 auto;min-width:0}.lib-mat-slider-editor__bound{flex:0 0 auto;font-size:.8125rem;color:var(--lib-forms-on-surface-variant);font-variant-numeric:tabular-nums}.lib-mat-slider-editor__value{display:block;margin-top:.5rem;font-size:.9375rem;font-weight:500;color:var(--lib-forms-on-surface);font-variant-numeric:tabular-nums;transition:color var(--lib-forms-duration-hover) var(--lib-forms-easing)}:host(.lib-mat-slider-editor--focused) .lib-mat-slider-editor__value{color:var(--lib-forms-primary)}:host(.lib-mat-slider-editor--disabled){opacity:.55;pointer-events:none}\n"] }]
+        }], propDecorators: { errors: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], format: [{
+                type: Input
+            }], formatLabel: [{
+                type: Input
+            }], min: [{
+                type: Input
+            }], max: [{
+                type: Input
+            }], step: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], required: [{
+                type: Input
+            }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] } });
+
+export { MatSliderEditorComponent };
+//# sourceMappingURL=ngx-t-forms-mat-slider-editor.component-CTSBrM-j.mjs.map

package/fesm2022/ngx-t-forms-mat-slider-editor.component-CTSBrM-j.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-t-forms-mat-slider-editor.component-CTSBrM-j.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/mat-slider-editor/mat-slider-editor.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/mat-slider-editor/mat-slider-editor.component.html"],"sourcesContent":["import { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  Input,\n  ViewEncapsulation,\n  inject,\n  output,\n} from '@angular/core';\nimport { NgControl } from '@angular/forms';\nimport { MatFormFieldControl } from '@angular/material/form-field';\nimport { MatSliderModule } from '@angular/material/slider';\nimport { Subject } from 'rxjs';\nimport type { IConfigElementError } from '../../t-dynamic-data-edit.component';\n\n/** Display formatter for a slider value (thumb tooltip / value readout). */\nexport type SliderValueFormatter = (value: number) => string | number;\n\n/**\n * Internal Material slider editor implementing `MatFormFieldControl<number>`\n * for the dynamic-data-edit configuration surface.\n *\n * Rendered by `t-dynamic-data-edit`, which supplies the surrounding field label,\n * hint, and validation errors — so this component owns only the slider track,\n * the live value readout, and the min/max bound labels.\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 */\n@Component({\n  selector: 'lib-mat-slider-editor',\n  providers: [{ provide: MatFormFieldControl, useExisting: MatSliderEditorComponent }],\n  imports: [MatSliderModule],\n  templateUrl: './mat-slider-editor.component.html',\n  styleUrl: './mat-slider-editor.component.css',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.Emulated,\n  host: {\n    'class': 'lib-mat-slider-editor',\n    '[id]': 'id',\n    '[attr.aria-describedby]': 'describedBy',\n    '[class.lib-mat-slider-editor--focused]': 'focused',\n    '[class.lib-mat-slider-editor--disabled]': 'disabled',\n  },\n})\nexport class MatSliderEditorComponent implements MatFormFieldControl<number> {\n  static nextId = 0;\n\n  /** Emits whenever a piece of `MatFormFieldControl` state changes. */\n  readonly stateChanges = new Subject<void>();\n  readonly controlType = 'lib-mat-slider-editor';\n\n  id = `lib-mat-slider-editor-${MatSliderEditorComponent.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  /** Accessible label for the slider thumb. */\n  @Input() label = '';\n  /** Thumb-tooltip formatter (Material `displayWith`). Optional — the parent's editor config may supply `undefined`. */\n  @Input() format: SliderValueFormatter | undefined = (value: number) => value;\n  /** Fallback formatter used by the value readout when `format` is absent. */\n  @Input() formatLabel: SliderValueFormatter = (value: number) => value;\n\n  #min = 0;\n  /** Lower bound of the slider. */\n  @Input()\n  get min(): number {\n    return this.#min;\n  }\n  set min(value: number) {\n    this.#min = this.#toNumber(value, 0);\n    this.stateChanges.next();\n  }\n\n  #max = 100;\n  /** Upper bound of the slider. */\n  @Input()\n  get max(): number {\n    return this.#max;\n  }\n  set max(value: number) {\n    this.#max = this.#toNumber(value, 100);\n    this.stateChanges.next();\n  }\n\n  #step = 1;\n  /** Increment between selectable values; also drives tick-mark spacing. */\n  @Input()\n  get step(): number {\n    return this.#step;\n  }\n  set step(value: number) {\n    this.#step = this.#toNumber(value, 1);\n    this.stateChanges.next();\n  }\n\n  #disabled = false;\n  /** Whether the slider is inert. */\n  @Input()\n  get disabled(): boolean {\n    return this.#disabled;\n  }\n  set disabled(value: boolean) {\n    this.#disabled = coerceBooleanProperty(value);\n    this.stateChanges.next();\n  }\n\n  #value = 0;\n  /** Current numeric value of the slider. */\n  @Input()\n  get value(): number {\n    return this.#value;\n  }\n  set value(value: number) {\n    this.#value = this.#toNumber(value, 0);\n    this.stateChanges.next();\n  }\n\n  #required = false;\n  /** Whether a value is required. */\n  @Input()\n  get required(): boolean {\n    return this.#required;\n  }\n  set required(value: boolean) {\n    this.#required = coerceBooleanProperty(value);\n    this.stateChanges.next();\n  }\n\n  /** Emits the new slider value when the user drags the thumb. */\n  readonly valueChange = output<number>();\n\n  // MatFormFieldControl reads these as plain getters during its own change\n  // detection, so they stay getters rather than `computed()` signals.\n\n  /**\n   * Whether the control holds no user selection.\n   *\n   * BEHAVIOUR FLAG: a value of `0` is a real selection, so it is NOT empty.\n   * The control is only \"empty\" when no numeric value is set at all.\n   */\n  get empty(): boolean {\n    return Number.isNaN(this.#value);\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 && this.touched;\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  /** Resolved display value shown in the live readout. */\n  get displayValue(): string {\n    return String(this.formatLabel(this.#value));\n  }\n\n  /**\n   * Adapter for Material's `displayWith`, which requires a `string` return.\n   * Wraps the `format` thumb-tooltip formatter.\n   */\n  readonly displayWith = (value: number): string =>\n    String(this.format ? this.format(value) : value);\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  onTouched: () => void = () => {};\n\n  markAsTouched(): void {\n    if (!this.touched) {\n      this.touched = true;\n      this.onTouched();\n      this.stateChanges.next();\n    }\n  }\n\n  valueChangedSlider(event: Event): void {\n    const target = event.target;\n    if (!(target instanceof HTMLInputElement)) {\n      return;\n    }\n    const next = Number(target.value);\n    if (Number.isNaN(next)) {\n      return;\n    }\n    this.value = next;\n    this.markAsTouched();\n    this.valueChange.emit(next);\n  }\n\n  /** Coerce an incoming binding to a finite number, falling back when invalid. */\n  #toNumber(value: number, fallback: number): number {\n    const parsed = Number(value);\n    return Number.isFinite(parsed) ? parsed : fallback;\n  }\n}\n","<div class=\"lib-mat-slider-editor__row\">\n  <span class=\"lib-mat-slider-editor__bound\">{{ min }}</span>\n\n  <mat-slider\n    class=\"lib-mat-slider-editor__slider\"\n    discrete\n    showTickMarks\n    [disabled]=\"disabled\"\n    [min]=\"min\"\n    [max]=\"max\"\n    [step]=\"step\"\n    [displayWith]=\"displayWith\"\n  >\n    <input\n      matSliderThumb\n      [value]=\"value\"\n      [attr.aria-label]=\"label || null\"\n      (input)=\"valueChangedSlider($event)\"\n      (blur)=\"markAsTouched()\"\n    />\n  </mat-slider>\n\n  <span class=\"lib-mat-slider-editor__bound\">{{ max }}</span>\n</div>\n\n<output class=\"lib-mat-slider-editor__value\">{{ displayValue }}</output>\n"],"names":[],"mappings":"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"}

package/fesm2022/ngx-t-forms-mat-slider-toggle-editor.component-CcYiwx-8.mjs

@@ -0,0 +1,165 @@
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import * as i0 from '@angular/core';
+import { inject, output, Input, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { NgControl } from '@angular/forms';
+import { MatFormFieldControl } from '@angular/material/form-field';
+import * as i1 from '@angular/material/slide-toggle';
+import { MatSlideToggleModule } from '@angular/material/slide-toggle';
+import { Subject } from 'rxjs';
+
+/**
+ * Internal Material slide-toggle editor implementing
+ * `MatFormFieldControl<boolean>` and `ControlValueAccessor`.
+ *
+ * Rendered by `t-dynamic-data-edit`, which supplies the surrounding field label,
+ * hint, and validation errors — so this component owns only the toggle itself
+ * (and the inline caption the toggle carries).
+ *
+ * NOTE: `MatFormFieldControl<T>` and `ControlValueAccessor` mandate plain
+ * mutable `value` / `placeholder` / `required` / `disabled` / `id` members,
+ * `@Input()` decorators, the `focused` / `touched` / `stateChanges` /
+ * `onChange` / `onTouched` members, and the `useExisting` provider. These are
+ * framework wiring, not defects — the CLAUDE.md bans on `@Input()` / `useExisting`
+ * do not apply to MatFormFieldControl integration.
+ */
+class MatSliderToggleEditorComponent {
+    static { this.nextId = 0; }
+    #required;
+    get required() {
+        return this.#required;
+    }
+    set required(value) {
+        this.#required = coerceBooleanProperty(value);
+        this.stateChanges.next();
+    }
+    #value;
+    get value() {
+        return this.#value;
+    }
+    set value(val) {
+        this.#value = val;
+        this.onChange(val);
+        this.stateChanges.next();
+    }
+    #placeholder;
+    get placeholder() {
+        return this.#placeholder;
+    }
+    set placeholder(value) {
+        this.#placeholder = value;
+        this.stateChanges.next();
+    }
+    constructor() {
+        /** Emits whenever a piece of `MatFormFieldControl` state changes. */
+        this.stateChanges = new Subject();
+        this.controlType = 'lib-mat-slider-toggle-editor';
+        this.focused = false;
+        this.touched = false;
+        this.autofilled = false;
+        this.id = `lib-mat-slider-toggle-editor-${MatSliderToggleEditorComponent.nextId++}`;
+        this.describedBy = '';
+        this.ngControl = inject(NgControl, { self: true, optional: true });
+        this.name = undefined;
+        this.label = '';
+        this.errors = [];
+        this.disabled = false;
+        /** Emits the new toggle state when the user flips it. */
+        this.valueChange = output();
+        this.#required = false;
+        this.#value = false;
+        this.#placeholder = '';
+        // ControlValueAccessor — Angular registers an untyped change callback.
+        this.onChange = () => { };
+        this.onTouched = () => { };
+        if (this.ngControl != null) {
+            this.ngControl.valueAccessor = this;
+        }
+    }
+    // MatFormFieldControl reads these as plain getters during its own change
+    // detection, so they stay getters rather than `computed()` signals.
+    get shouldLabelFloat() {
+        return this.focused || !this.empty;
+    }
+    get empty() {
+        return this.#value === false;
+    }
+    get errorState() {
+        return ((!this.#value && this.#required && this.touched) ||
+            this.ngControl?.errors != null ||
+            (this.errors?.length ?? 0) > 0);
+    }
+    writeValue(value) {
+        this.#value = value;
+        this.stateChanges.next();
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+        this.stateChanges.next();
+    }
+    setDescribedByIds(ids) {
+        this.describedBy = ids.join(' ');
+        this.stateChanges.next();
+    }
+    onContainerClick() {
+        if (!this.focused) {
+            this.focused = true;
+            this.stateChanges.next();
+        }
+    }
+    markAsTouched() {
+        if (!this.touched) {
+            this.touched = true;
+            this.onTouched();
+            this.stateChanges.next();
+        }
+    }
+    valueToggleChanged(value) {
+        this.value = value;
+        this.valueChange.emit(value);
+        this.markAsTouched();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: MatSliderToggleEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.12", type: MatSliderToggleEditorComponent, isStandalone: true, selector: "lib-mat-slider-toggle-editor", inputs: { name: "name", label: "label", errors: "errors", disabled: "disabled", required: "required", value: "value", placeholder: "placeholder" }, outputs: { valueChange: "valueChange" }, host: { properties: { "id": "id", "attr.aria-describedby": "describedBy", "class.floating": "shouldLabelFloat" }, classAttribute: "lib-mat-slider-toggle-editor" }, providers: [
+            {
+                provide: MatFormFieldControl,
+                useExisting: MatSliderToggleEditorComponent,
+            },
+        ], ngImport: i0, template: "<mat-slide-toggle\n  class=\"lib-mat-slider-toggle-editor__toggle\"\n  [disabled]=\"disabled\"\n  [checked]=\"!!value\"\n  [required]=\"required\"\n  [aria-label]=\"label || name || 'Toggle'\"\n  (change)=\"valueToggleChanged($event.checked)\"\n  (blur)=\"markAsTouched()\"\n>\n  {{ label }}\n</mat-slide-toggle>\n", styles: [":host{display:flex;align-items:center;min-height:2.25rem}.lib-mat-slider-toggle-editor__toggle{--mdc-form-field-label-text-color: var(--lib-forms-on-surface);color:var(--lib-forms-on-surface);font-size:.9375rem}\n"], dependencies: [{ kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i1.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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: MatSliderToggleEditorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-mat-slider-toggle-editor', imports: [MatSlideToggleModule], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, providers: [
+                        {
+                            provide: MatFormFieldControl,
+                            useExisting: MatSliderToggleEditorComponent,
+                        },
+                    ], host: {
+                        'class': 'lib-mat-slider-toggle-editor',
+                        '[id]': 'id',
+                        '[attr.aria-describedby]': 'describedBy',
+                        '[class.floating]': 'shouldLabelFloat',
+                    }, template: "<mat-slide-toggle\n  class=\"lib-mat-slider-toggle-editor__toggle\"\n  [disabled]=\"disabled\"\n  [checked]=\"!!value\"\n  [required]=\"required\"\n  [aria-label]=\"label || name || 'Toggle'\"\n  (change)=\"valueToggleChanged($event.checked)\"\n  (blur)=\"markAsTouched()\"\n>\n  {{ label }}\n</mat-slide-toggle>\n", styles: [":host{display:flex;align-items:center;min-height:2.25rem}.lib-mat-slider-toggle-editor__toggle{--mdc-form-field-label-text-color: var(--lib-forms-on-surface);color:var(--lib-forms-on-surface);font-size:.9375rem}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { name: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], errors: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], valueChange: [{ type: i0.Output, args: ["valueChange"] }], required: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }] } });
+
+export { MatSliderToggleEditorComponent };
+//# sourceMappingURL=ngx-t-forms-mat-slider-toggle-editor.component-CcYiwx-8.mjs.map

package/fesm2022/ngx-t-forms-mat-slider-toggle-editor.component-CcYiwx-8.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-t-forms-mat-slider-toggle-editor.component-CcYiwx-8.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/mat-slider-toggle-editor/mat-slider-toggle-editor.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/mat-slider-toggle-editor/mat-slider-toggle-editor.component.html"],"sourcesContent":["import { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  Input,\n  ViewEncapsulation,\n  inject,\n  output,\n} from '@angular/core';\nimport { ControlValueAccessor, NgControl } from '@angular/forms';\nimport { MatFormFieldControl } from '@angular/material/form-field';\nimport { MatSlideToggleModule } from '@angular/material/slide-toggle';\nimport { Subject } from 'rxjs';\nimport type { IConfigElementError } from '../../t-dynamic-data-edit.component';\n\n// CVA write callback. Angular's ControlValueAccessor types the registered\n// change handler as `(value: any) => void`; the alias keeps the `any` contained\n// to one place instead of repeating an eslint-disable on every reference.\n// eslint-disable-next-line @typescript-eslint/no-explicit-any -- Angular CVA mandates an untyped change callback.\ntype CvaChange = (value: any) => void;\n\n/**\n * Internal Material slide-toggle editor implementing\n * `MatFormFieldControl<boolean>` and `ControlValueAccessor`.\n *\n * Rendered by `t-dynamic-data-edit`, which supplies the surrounding field label,\n * hint, and validation errors — so this component owns only the toggle itself\n * (and the inline caption the toggle carries).\n *\n * NOTE: `MatFormFieldControl<T>` and `ControlValueAccessor` mandate plain\n * mutable `value` / `placeholder` / `required` / `disabled` / `id` members,\n * `@Input()` decorators, the `focused` / `touched` / `stateChanges` /\n * `onChange` / `onTouched` members, and the `useExisting` provider. These are\n * framework wiring, not defects — the CLAUDE.md bans on `@Input()` / `useExisting`\n * do not apply to MatFormFieldControl integration.\n */\n@Component({\n  selector: 'lib-mat-slider-toggle-editor',\n  imports: [MatSlideToggleModule],\n  templateUrl: './mat-slider-toggle-editor.component.html',\n  styleUrl: './mat-slider-toggle-editor.component.css',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.Emulated,\n  providers: [\n    {\n      provide: MatFormFieldControl,\n      useExisting: MatSliderToggleEditorComponent,\n    },\n  ],\n  host: {\n    'class': 'lib-mat-slider-toggle-editor',\n    '[id]': 'id',\n    '[attr.aria-describedby]': 'describedBy',\n    '[class.floating]': 'shouldLabelFloat',\n  },\n})\nexport class MatSliderToggleEditorComponent\n  implements MatFormFieldControl<boolean>, ControlValueAccessor\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-mat-slider-toggle-editor';\n\n  focused = false;\n  touched = false;\n  autofilled = false;\n\n  id = `lib-mat-slider-toggle-editor-${MatSliderToggleEditorComponent.nextId++}`;\n  describedBy = '';\n\n  readonly ngControl = inject(NgControl, { self: true, optional: true });\n\n  @Input() name: string | undefined = undefined;\n  @Input() label = '';\n  @Input() errors: IConfigElementError[] | undefined = [];\n  @Input() disabled = false;\n\n  /** Emits the new toggle state when the user flips it. */\n  readonly valueChange = output<boolean>();\n\n  #required = false;\n  @Input()\n  get required(): boolean {\n    return this.#required;\n  }\n  set required(value: boolean) {\n    this.#required = coerceBooleanProperty(value);\n    this.stateChanges.next();\n  }\n\n  #value = false;\n  @Input()\n  get value(): boolean {\n    return this.#value;\n  }\n  set value(val: boolean) {\n    this.#value = val;\n    this.onChange(val);\n    this.stateChanges.next();\n  }\n\n  #placeholder = '';\n  @Input()\n  get placeholder(): string {\n    return this.#placeholder;\n  }\n  set placeholder(value: string) {\n    this.#placeholder = value;\n    this.stateChanges.next();\n  }\n\n  constructor() {\n    if (this.ngControl != null) {\n      this.ngControl.valueAccessor = this;\n    }\n  }\n\n  // MatFormFieldControl reads these as plain getters during its own change\n  // detection, so they stay getters rather than `computed()` signals.\n  get shouldLabelFloat(): boolean {\n    return this.focused || !this.empty;\n  }\n\n  get empty(): boolean {\n    return this.#value === false;\n  }\n\n  get errorState(): boolean {\n    return (\n      (!this.#value && this.#required && this.touched) ||\n      this.ngControl?.errors != null ||\n      (this.errors?.length ?? 0) > 0\n    );\n  }\n\n  // ControlValueAccessor — Angular registers an untyped change callback.\n  onChange: CvaChange = () => {};\n  onTouched: () => void = () => {};\n\n  writeValue(value: boolean): void {\n    this.#value = value;\n    this.stateChanges.next();\n  }\n\n  registerOnChange(fn: CvaChange): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this.disabled = isDisabled;\n    this.stateChanges.next();\n  }\n\n  setDescribedByIds(ids: string[]): void {\n    this.describedBy = ids.join(' ');\n    this.stateChanges.next();\n  }\n\n  onContainerClick(): void {\n    if (!this.focused) {\n      this.focused = true;\n      this.stateChanges.next();\n    }\n  }\n\n  markAsTouched(): void {\n    if (!this.touched) {\n      this.touched = true;\n      this.onTouched();\n      this.stateChanges.next();\n    }\n  }\n\n  valueToggleChanged(value: boolean): void {\n    this.value = value;\n    this.valueChange.emit(value);\n    this.markAsTouched();\n  }\n}\n","<mat-slide-toggle\n  class=\"lib-mat-slider-toggle-editor__toggle\"\n  [disabled]=\"disabled\"\n  [checked]=\"!!value\"\n  [required]=\"required\"\n  [aria-label]=\"label || name || 'Toggle'\"\n  (change)=\"valueToggleChanged($event.checked)\"\n  (blur)=\"markAsTouched()\"\n>\n  {{ label }}\n</mat-slide-toggle>\n"],"names":[],"mappings":"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"}

package/fesm2022/ngx-t-forms-missing-form-configs.component-DrnH8qdG.mjs

@@ -0,0 +1,38 @@
+import { AsyncPipe } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, signal, ChangeDetectionStrategy, Component } from '@angular/core';
+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 * as i5 from '@angular/material/toolbar';
+import { MatToolbarModule } from '@angular/material/toolbar';
+import * as i5$1 from '@angular/material/tooltip';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { F as FormsStoreService } from './ngx-t-forms-ngx-t-forms-u_kigDid.mjs';
+
+class MissingFormConfigsComponent {
+    constructor() {
+        this.#store = inject(FormsStoreService);
+        this.errors$ = this.#store.formBuilderSelectors.formValidationErrorsMessages$;
+        this.missingConfigs$ = this.#store.formBuilderSelectors.missingConfig$;
+        this.hideDetails = signal(true, ...(ngDevMode ? [{ debugName: "hideDetails" }] : /* istanbul ignore next */ []));
+        this.showAllErrors = signal(false, ...(ngDevMode ? [{ debugName: "showAllErrors" }] : /* istanbul ignore next */ []));
+    }
+    #store;
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: MissingFormConfigsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: MissingFormConfigsComponent, isStandalone: true, selector: "lib-missing-form-configs", ngImport: i0, template: "@if (hideDetails()) {\r\n<button\r\nmatTooltip=\"Click to view form configuration issues and validation errors\"\r\nstyle=\"margin: 16px;\" (click)=\"hideDetails.set(false)\" mat-fab color=\"warn\" aria-label=\"Error icon\">\r\n    <mat-icon>error</mat-icon>\r\n</button>\r\n}@else {\r\n<div  style=\"margin: 8px;position:relative\" class=\"content \">\r\n    <mat-toolbar color=\"warn\">\r\n        <button (click)=\"hideDetails.set(true)\" mat-icon-button>\r\n            <mat-icon>\r\n                close\r\n            </mat-icon>\r\n        </button>\r\n        Missing configurations:\r\n        <span class=\"spacer\"></span>\r\n        <button [matTooltip]=\"showAllErrors() ? 'Hide all errors' : 'Show all errors'\"\r\n            (click)=\"showAllErrors.set(!showAllErrors())\" mat-icon-button>\r\n\r\n            <mat-icon>\r\n                unfold_more\r\n            </mat-icon>\r\n        </button>\r\n    </mat-toolbar>\r\n    <section style=\"padding: 16px;\" >\r\n        <h5>\r\n            <strong>\r\n                Overall form issues:\r\n            </strong>\r\n        </h5>\r\n        <ul>\r\n            @for (issue of (missingConfigs$|async);track issue) {\r\n            <li>\r\n                {{issue}}\r\n            </li>\r\n            }\r\n        </ul>\r\n\r\n        @if(showAllErrors()){\r\n        <h5>\r\n            <strong>\r\n\r\n                Form validationErrors :\r\n\r\n            </strong>\r\n\r\n\r\n        </h5>\r\n        <ul>\r\n            @for (error of errors$|async; track error) {\r\n\r\n            <li>\r\n\r\n                {{error}}\r\n\r\n            </li>\r\n\r\n            }\r\n        </ul>\r\n        }\r\n\r\n\r\n\r\n\r\n    </section>\r\n\r\n</div>\r\n}\r\n", styles: [".content{width:400px;background:var(--mat-sys-surface-container, var(--mat-app-surface));border:solid var(--mat-form-field-error-text-color, var(--mat-app-error)) 1px}ul{margin-top:0}h5{padding-left:16px;padding-right:16px;padding-top:8px}\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: "component", type: i1.MatFabButton, selector: "button[mat-fab], a[mat-fab], button[matFab], a[matFab]", inputs: ["extended"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatToolbarModule }, { kind: "component", type: i5.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: MissingFormConfigsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-missing-form-configs', imports: [
+                        AsyncPipe,
+                        MatButtonModule,
+                        MatIconModule,
+                        MatToolbarModule,
+                        MatTooltipModule,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (hideDetails()) {\r\n<button\r\nmatTooltip=\"Click to view form configuration issues and validation errors\"\r\nstyle=\"margin: 16px;\" (click)=\"hideDetails.set(false)\" mat-fab color=\"warn\" aria-label=\"Error icon\">\r\n    <mat-icon>error</mat-icon>\r\n</button>\r\n}@else {\r\n<div  style=\"margin: 8px;position:relative\" class=\"content \">\r\n    <mat-toolbar color=\"warn\">\r\n        <button (click)=\"hideDetails.set(true)\" mat-icon-button>\r\n            <mat-icon>\r\n                close\r\n            </mat-icon>\r\n        </button>\r\n        Missing configurations:\r\n        <span class=\"spacer\"></span>\r\n        <button [matTooltip]=\"showAllErrors() ? 'Hide all errors' : 'Show all errors'\"\r\n            (click)=\"showAllErrors.set(!showAllErrors())\" mat-icon-button>\r\n\r\n            <mat-icon>\r\n                unfold_more\r\n            </mat-icon>\r\n        </button>\r\n    </mat-toolbar>\r\n    <section style=\"padding: 16px;\" >\r\n        <h5>\r\n            <strong>\r\n                Overall form issues:\r\n            </strong>\r\n        </h5>\r\n        <ul>\r\n            @for (issue of (missingConfigs$|async);track issue) {\r\n            <li>\r\n                {{issue}}\r\n            </li>\r\n            }\r\n        </ul>\r\n\r\n        @if(showAllErrors()){\r\n        <h5>\r\n            <strong>\r\n\r\n                Form validationErrors :\r\n\r\n            </strong>\r\n\r\n\r\n        </h5>\r\n        <ul>\r\n            @for (error of errors$|async; track error) {\r\n\r\n            <li>\r\n\r\n                {{error}}\r\n\r\n            </li>\r\n\r\n            }\r\n        </ul>\r\n        }\r\n\r\n\r\n\r\n\r\n    </section>\r\n\r\n</div>\r\n}\r\n", styles: [".content{width:400px;background:var(--mat-sys-surface-container, var(--mat-app-surface));border:solid var(--mat-form-field-error-text-color, var(--mat-app-error)) 1px}ul{margin-top:0}h5{padding-left:16px;padding-right:16px;padding-top:8px}\n"] }]
+        }] });
+
+export { MissingFormConfigsComponent };
+//# sourceMappingURL=ngx-t-forms-missing-form-configs.component-DrnH8qdG.mjs.map

package/fesm2022/ngx-t-forms-missing-form-configs.component-DrnH8qdG.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-t-forms-missing-form-configs.component-DrnH8qdG.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/form-builder/elements/missing-form-configs/missing-form-configs.component.ts","../../../projects/ngx-t-forms/src/lib/components/form-builder/elements/missing-form-configs/missing-form-configs.component.html"],"sourcesContent":["import { AsyncPipe } from '@angular/common';\r\nimport { ChangeDetectionStrategy, Component, inject, signal } from '@angular/core';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatToolbarModule } from '@angular/material/toolbar';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\n\r\nimport { FormsStoreService } from '../../../forms/store/forms-store.service';\r\n\r\n@Component({\r\n  selector: 'lib-missing-form-configs',\r\n  imports: [\r\n    AsyncPipe,\r\n    MatButtonModule,\r\n    MatIconModule,\r\n    MatToolbarModule,\r\n    MatTooltipModule,\r\n  ],\r\n  templateUrl: './missing-form-configs.component.html',\r\n  styleUrl: './missing-form-configs.component.scss',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class MissingFormConfigsComponent {\r\n  readonly #store = inject(FormsStoreService);\r\n\r\n  protected readonly errors$ = this.#store.formBuilderSelectors.formValidationErrorsMessages$;\r\n  protected readonly missingConfigs$ = this.#store.formBuilderSelectors.missingConfig$;\r\n  protected readonly hideDetails = signal<boolean>(true);\r\n  protected readonly showAllErrors = signal<boolean>(false);\r\n}\r\n","@if (hideDetails()) {\r\n<button\r\nmatTooltip=\"Click to view form configuration issues and validation errors\"\r\nstyle=\"margin: 16px;\" (click)=\"hideDetails.set(false)\" mat-fab color=\"warn\" aria-label=\"Error icon\">\r\n    <mat-icon>error</mat-icon>\r\n</button>\r\n}@else {\r\n<div  style=\"margin: 8px;position:relative\" class=\"content \">\r\n    <mat-toolbar color=\"warn\">\r\n        <button (click)=\"hideDetails.set(true)\" mat-icon-button>\r\n            <mat-icon>\r\n                close\r\n            </mat-icon>\r\n        </button>\r\n        Missing configurations:\r\n        <span class=\"spacer\"></span>\r\n        <button [matTooltip]=\"showAllErrors() ? 'Hide all errors' : 'Show all errors'\"\r\n            (click)=\"showAllErrors.set(!showAllErrors())\" mat-icon-button>\r\n\r\n            <mat-icon>\r\n                unfold_more\r\n            </mat-icon>\r\n        </button>\r\n    </mat-toolbar>\r\n    <section style=\"padding: 16px;\" >\r\n        <h5>\r\n            <strong>\r\n                Overall form issues:\r\n            </strong>\r\n        </h5>\r\n        <ul>\r\n            @for (issue of (missingConfigs$|async);track issue) {\r\n            <li>\r\n                {{issue}}\r\n            </li>\r\n            }\r\n        </ul>\r\n\r\n        @if(showAllErrors()){\r\n        <h5>\r\n            <strong>\r\n\r\n                Form validationErrors :\r\n\r\n            </strong>\r\n\r\n\r\n        </h5>\r\n        <ul>\r\n            @for (error of errors$|async; track error) {\r\n\r\n            <li>\r\n\r\n                {{error}}\r\n\r\n            </li>\r\n\r\n            }\r\n        </ul>\r\n        }\r\n\r\n\r\n\r\n\r\n    </section>\r\n\r\n</div>\r\n}\r\n"],"names":["i2","i3","i4"],"mappings":"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"}