@neural-ui/core 1.7.1 → 1.7.3

package/fesm2022/neural-ui-core-form-field.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"neural-ui-core-form-field.mjs","sources":["../../../../projects/ui-core/form-field/neu-form-field.component.ts","../../../../projects/ui-core/form-field/neural-ui-core-form-field.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ViewEncapsulation, computed, input } from '@angular/core';\n\nexport type NeuFormFieldSize = 'sm' | 'md' | 'lg';\n\n@Component({\n  selector: 'neu-form-field',\n  imports: [],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: { '[class]': 'classes()' },\n  template: `\n    @if (label()) {\n      <label class=\"neu-form-field__label\" [attr.for]=\"forId() || null\">{{ label() }}</label>\n    }\n    <div class=\"neu-form-field__control\">\n      @if (prefix()) {\n        <span class=\"neu-form-field__prefix\">{{ prefix() }}</span>\n      }\n      <ng-content />\n      @if (suffix()) {\n        <span class=\"neu-form-field__suffix\">{{ suffix() }}</span>\n      }\n    </div>\n    @if (error()) {\n      <p class=\"neu-form-field__error\" role=\"alert\">{{ error() }}</p>\n    } @else if (hint()) {\n      <p class=\"neu-form-field__hint\">{{ hint() }}</p>\n    }\n  `,\n  styleUrl: './neu-form-field.component.scss',\n})\nexport class NeuFormFieldComponent {\n  readonly label = input('');\n  readonly hint = input('');\n  readonly error = input('');\n  readonly prefix = input('');\n  readonly suffix = input('');\n  readonly forId = input('');\n  readonly size = input<NeuFormFieldSize>('md');\n\n  readonly classes = computed(() => ({\n    'neu-form-field': true,\n    [`neu-form-field--${this.size()}`]: true,\n    'neu-form-field--error': !!this.error(),\n  }));\n}\n\n@Component({\n  selector: 'neu-input-group',\n  imports: [],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: { '[class]': 'classes()' },\n  template: `<ng-content />`,\n  styleUrl: './neu-form-field.component.scss',\n})\nexport class NeuInputGroupComponent {\n  readonly size = input<NeuFormFieldSize>('md');\n  readonly attached = input(true);\n  readonly classes = computed(() => ({\n    'neu-input-group': true,\n    [`neu-input-group--${this.size()}`]: true,\n    'neu-input-group--attached': this.attached(),\n  }));\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2022/neural-ui-core-inline-editor.mjs

@@ -0,0 +1,428 @@
+import * as i0 from '@angular/core';
+import { inject, ElementRef, input, output, signal, computed, effect, forwardRef, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { FormControl, ReactiveFormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { NeuButtonComponent } from '@neural-ui/core/button';
+import { NeuIconComponent } from '@neural-ui/core/icon';
+import { NeuInputComponent } from '@neural-ui/core/input';
+import { NeuDateInputComponent } from '@neural-ui/core/date-input';
+import { NeuNumberInputComponent } from '@neural-ui/core/number-input';
+import { NeuSelectComponent } from '@neural-ui/core/select';
+import { NeuTextareaComponent } from '@neural-ui/core/textarea';
+
+class NeuInlineEditorComponent {
+    _host = inject((ElementRef));
+    value = input(null, ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    type = input('text', ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
+    size = input('sm', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    options = input([], ...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
+    placeholder = input('', ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    emptyLabel = input('Empty', ...(ngDevMode ? [{ debugName: "emptyLabel" }] : /* istanbul ignore next */ []));
+    editLabel = input('Edit value', ...(ngDevMode ? [{ debugName: "editLabel" }] : /* istanbul ignore next */ []));
+    saveLabel = input('Save value', ...(ngDevMode ? [{ debugName: "saveLabel" }] : /* istanbul ignore next */ []));
+    cancelLabel = input('Cancel edit', ...(ngDevMode ? [{ debugName: "cancelLabel" }] : /* istanbul ignore next */ []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
+    startInEdit = input(false, ...(ngDevMode ? [{ debugName: "startInEdit" }] : /* istanbul ignore next */ []));
+    saveOnBlur = input(false, ...(ngDevMode ? [{ debugName: "saveOnBlur" }] : /* istanbul ignore next */ []));
+    min = input(-Infinity, ...(ngDevMode ? [{ debugName: "min" }] : /* istanbul ignore next */ []));
+    max = input(Infinity, ...(ngDevMode ? [{ debugName: "max" }] : /* istanbul ignore next */ []));
+    step = input(1, ...(ngDevMode ? [{ debugName: "step" }] : /* istanbul ignore next */ []));
+    rows = input(3, ...(ngDevMode ? [{ debugName: "rows" }] : /* istanbul ignore next */ []));
+    valueChange = output();
+    editStart = output();
+    editCancel = output();
+    editCommit = output();
+    stringControl = new FormControl(null);
+    numberControl = new FormControl(0, { nonNullable: true });
+    editing = signal(false, ...(ngDevMode ? [{ debugName: "editing" }] : /* istanbul ignore next */ []));
+    _value = signal(null, ...(ngDevMode ? [{ debugName: "_value" }] : /* istanbul ignore next */ []));
+    _snapshot = signal(null, ...(ngDevMode ? [{ debugName: "_snapshot" }] : /* istanbul ignore next */ []));
+    _cvaDisabled = signal(false, ...(ngDevMode ? [{ debugName: "_cvaDisabled" }] : /* istanbul ignore next */ []));
+    _onChange = () => { };
+    _onTouched = () => { };
+    isDisabled = computed(() => this.disabled() || this._cvaDisabled(), ...(ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []));
+    isEmpty = computed(() => {
+        const value = this._value();
+        return value === null || value === undefined || value === '';
+    }, ...(ngDevMode ? [{ debugName: "isEmpty" }] : /* istanbul ignore next */ []));
+    displayValue = computed(() => {
+        if (this.isEmpty())
+            return this.emptyLabel();
+        const current = this._value();
+        if (this.type() === 'select') {
+            return this.options().find((option) => option.value === current)?.label ?? String(current);
+        }
+        return String(current);
+    }, ...(ngDevMode ? [{ debugName: "displayValue" }] : /* istanbul ignore next */ []));
+    constructor() {
+        effect(() => {
+            this._setValue(this.value(), false);
+        });
+        effect(() => {
+            if (this.startInEdit() && !this.editing()) {
+                this.beginEdit();
+            }
+        });
+        this.stringControl.valueChanges.pipe(takeUntilDestroyed()).subscribe((value) => {
+            if (this.type() !== 'number') {
+                this._value.set(value);
+            }
+        });
+        this.numberControl.valueChanges.pipe(takeUntilDestroyed()).subscribe((value) => {
+            if (this.type() === 'number') {
+                this._value.set(Number.isFinite(value) ? value : null);
+            }
+        });
+    }
+    writeValue(value) {
+        this._setValue(value, false);
+    }
+    registerOnChange(fn) {
+        this._onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this._onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this._cvaDisabled.set(isDisabled);
+        this._syncDisabledState();
+    }
+    beginEdit() {
+        if (this.isDisabled() || this.readonly())
+            return;
+        this._snapshot.set(this._value());
+        this._syncControls(this._value());
+        this.editing.set(true);
+        this.editStart.emit(this._value());
+        queueMicrotask(() => this._focusFirstControl());
+    }
+    commit() {
+        if (this.isDisabled())
+            return;
+        const previousValue = this._snapshot();
+        const value = this.type() === 'number' ? this.numberControl.value : this.stringControl.value;
+        const normalized = this._normalizeValue(value);
+        this._setValue(normalized, true);
+        this.editing.set(false);
+        this._onTouched();
+        this.editCommit.emit({ previousValue, value: normalized });
+    }
+    cancel() {
+        const previousValue = this._snapshot();
+        this._setValue(previousValue, false);
+        this.editing.set(false);
+        this._onTouched();
+        this.editCancel.emit(previousValue);
+    }
+    onEditKeydown(event) {
+        if (event.key === 'Escape') {
+            event.preventDefault();
+            this.cancel();
+            return;
+        }
+        if (event.key === 'Enter' && this.type() !== 'textarea') {
+            event.preventDefault();
+            this.commit();
+        }
+    }
+    onEditFocusout(event) {
+        if (!this.saveOnBlur() || !this.editing())
+            return;
+        const nextTarget = event.relatedTarget;
+        if (nextTarget && this._host.nativeElement.contains(nextTarget))
+            return;
+        queueMicrotask(() => {
+            if (this.editing()) {
+                this.commit();
+            }
+        });
+    }
+    hostClasses() {
+        return {
+            'neu-inline-editor': true,
+            [`neu-inline-editor--${this.size()}`]: true,
+            'neu-inline-editor--editing': this.editing(),
+            'neu-inline-editor--disabled': this.isDisabled(),
+            'neu-inline-editor--readonly': this.readonly(),
+        };
+    }
+    _setValue(value, emit) {
+        const normalized = this._normalizeValue(value);
+        this._value.set(normalized);
+        this._syncControls(normalized);
+        if (emit) {
+            this.valueChange.emit(normalized);
+            this._onChange(normalized);
+        }
+    }
+    _normalizeValue(value) {
+        if (value === undefined)
+            return null;
+        if (this.type() === 'number') {
+            const next = typeof value === 'number' ? value : Number(value);
+            return Number.isFinite(next) ? next : null;
+        }
+        return value === null ? null : String(value);
+    }
+    _syncControls(value) {
+        this.stringControl.setValue(value === null ? null : String(value), { emitEvent: false });
+        this.numberControl.setValue(typeof value === 'number' ? value : Number(value ?? 0), {
+            emitEvent: false,
+        });
+        this._syncDisabledState();
+    }
+    _syncDisabledState() {
+        const method = this.isDisabled() ? 'disable' : 'enable';
+        this.stringControl[method]({ emitEvent: false });
+        this.numberControl[method]({ emitEvent: false });
+    }
+    _focusFirstControl() {
+        const control = this._host.nativeElement.querySelector('.neu-input__field, .neu-number-input__field, .neu-select__trigger, .neu-textarea__field');
+        control?.focus();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NeuInlineEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: NeuInlineEditorComponent, isStandalone: true, selector: "neu-inline-editor", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, emptyLabel: { classPropertyName: "emptyLabel", publicName: "emptyLabel", isSignal: true, isRequired: false, transformFunction: null }, editLabel: { classPropertyName: "editLabel", publicName: "editLabel", isSignal: true, isRequired: false, transformFunction: null }, saveLabel: { classPropertyName: "saveLabel", publicName: "saveLabel", isSignal: true, isRequired: false, transformFunction: null }, cancelLabel: { classPropertyName: "cancelLabel", publicName: "cancelLabel", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, startInEdit: { classPropertyName: "startInEdit", publicName: "startInEdit", isSignal: true, isRequired: false, transformFunction: null }, saveOnBlur: { classPropertyName: "saveOnBlur", publicName: "saveOnBlur", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange", editStart: "editStart", editCancel: "editCancel", editCommit: "editCommit" }, host: { properties: { "class": "hostClasses()", "attr.aria-disabled": "isDisabled()" } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => NeuInlineEditorComponent),
+                multi: true,
+            },
+        ], ngImport: i0, template: `
+    @if (editing()) {
+      <div
+        class="neu-inline-editor__edit"
+        (keydown)="onEditKeydown($event)"
+        (focusout)="onEditFocusout($event)"
+      >
+        @switch (type()) {
+          @case ('select') {
+            <neu-select
+              class="neu-inline-editor__control"
+              [options]="options()"
+              [formControl]="stringControl"
+              [size]="size()"
+              [floatingLabel]="false"
+              [placeholder]="placeholder()"
+              [disabled]="isDisabled()"
+            />
+          }
+          @case ('number') {
+            <neu-number-input
+              class="neu-inline-editor__control"
+              [formControl]="numberControl"
+              [size]="size()"
+              [min]="min()"
+              [max]="max()"
+              [step]="step()"
+            />
+          }
+          @case ('textarea') {
+            <neu-textarea
+              class="neu-inline-editor__control"
+              [formControl]="stringControl"
+              [size]="size()"
+              [label]="placeholder()"
+              [disabled]="isDisabled()"
+              [rows]="rows()"
+            />
+          }
+          @case ('date') {
+            <neu-date-input
+              class="neu-inline-editor__control"
+              [formControl]="stringControl"
+              [size]="size()"
+              [placeholder]="placeholder()"
+              [disabled]="isDisabled()"
+            />
+          }
+          @default {
+            <neu-input
+              class="neu-inline-editor__control"
+              [formControl]="stringControl"
+              [size]="size()"
+              [floatingLabel]="false"
+              [placeholder]="placeholder()"
+              [disabled]="isDisabled()"
+            />
+          }
+        }
+
+        <div class="neu-inline-editor__actions">
+          <button
+            neu-button
+            type="button"
+            variant="primary"
+            [size]="size()"
+            icon="lucideCheck"
+            [iconOnly]="true"
+            [ariaLabel]="saveLabel()"
+            [disabled]="isDisabled()"
+            (click)="commit()"
+          ></button>
+          <button
+            neu-button
+            type="button"
+            variant="ghost"
+            [size]="size()"
+            icon="lucideX"
+            [iconOnly]="true"
+            [ariaLabel]="cancelLabel()"
+            (click)="cancel()"
+          ></button>
+        </div>
+      </div>
+    } @else {
+      <button
+        neu-button
+        class="neu-inline-editor__display"
+        type="button"
+        variant="ghost"
+        [size]="size()"
+        [disabled]="isDisabled() || readonly()"
+        [attr.aria-label]="editLabel()"
+        (click)="beginEdit()"
+      >
+        <span class="neu-inline-editor__value" [class.neu-inline-editor__value--empty]="isEmpty()">
+          {{ displayValue() }}
+        </span>
+        @if (!readonly()) {
+          <neu-icon name="lucidePencil" size="14px" aria-hidden="true" />
+        }
+      </button>
+    }
+  `, isInline: true, styles: [".neu-inline-editor{display:inline-flex;min-width:0;max-width:100%;vertical-align:middle}.neu-inline-editor__display{display:inline-flex;align-items:center;gap:var(--neu-space-2, .5rem);min-width:0;max-width:100%;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:var(--neu-radius-sm, 6px)}.neu-inline-editor__display:focus-visible{outline:none;box-shadow:var(--neu-focus-ring, 0 0 0 3px rgba(14, 165, 233, .2))}.neu-inline-editor__display:disabled{cursor:not-allowed;opacity:.6}.neu-inline-editor__value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.neu-inline-editor__value--empty{color:var(--neu-text-muted, #64748b);font-style:italic}.neu-inline-editor__edit{display:inline-flex;align-items:center;gap:var(--neu-space-2, .5rem);min-width:min(100%,260px);max-width:100%}.neu-inline-editor__control{flex:1 1 auto;min-width:8rem}.neu-inline-editor__actions{display:inline-flex;align-items:center;gap:var(--neu-space-1, .25rem);flex:0 0 auto}.neu-inline-editor--sm .neu-inline-editor__edit{min-width:min(100%,220px)}.neu-inline-editor--lg .neu-inline-editor__edit{min-width:min(100%,320px)}@media(max-width:480px){.neu-inline-editor{width:100%}.neu-inline-editor__edit{width:100%;flex-wrap:wrap}.neu-inline-editor__control{flex-basis:100%}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: NeuButtonComponent, selector: "button[neu-button]", inputs: ["variant", "size", "disabled", "loading", "fullWidth", "icon", "iconPosition", "iconOnly", "ariaLabel"], outputs: ["neuClick"] }, { kind: "component", type: NeuIconComponent, selector: "neu-icon", inputs: ["name", "strokeWidth", "size"] }, { kind: "component", type: NeuInputComponent, selector: "neu-input", inputs: ["type", "label", "placeholder", "floatingLabel", "size", "hint", "errorMessage", "disabled", "autocomplete", "startIcon", "endIcon", "icon", "iconPosition", "inputId", "name", "required", "readonly", "maxlength", "minlength", "min", "max", "pattern"] }, { kind: "component", type: NeuDateInputComponent, selector: "neu-date-input", inputs: ["type", "label", "hint", "errorMessage", "disabled", "size", "readonly", "name", "inputId", "required", "min", "max", "step", "locale", "disabledDates", "multiple", "showMonthYearPicker", "yearRange", "placeholder", "dateFormat", "floatingLabel", "presets"], outputs: ["rangeChange"] }, { kind: "component", type: NeuNumberInputComponent, selector: "neu-number-input", inputs: ["min", "max", "step", "label", "floatingLabel", "decrementLabel", "incrementLabel", "vertical", "stacked", "size"], outputs: ["valueChange"] }, { kind: "component", type: NeuSelectComponent, selector: "neu-select", inputs: ["options", "label", "placeholder", "errorMessage", "hint", "disabled", "floatingLabel", "size", "searchable", "searchPlaceholder", "loading", "loadingLabel", "clearable", "virtualScroll", "virtualScrollVisibleItems", "noResultsMessage", "clearAriaLabel", "urlParam"], outputs: ["selectionChange"] }, { kind: "component", type: NeuTextareaComponent, selector: "neu-textarea", inputs: ["label", "rows", "size", "autoResize", "resizable", "errorMessage", "hint", "disabled", "readonly", "required", "name", "maxlength"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NeuInlineEditorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'neu-inline-editor', imports: [
+                        ReactiveFormsModule,
+                        NeuButtonComponent,
+                        NeuIconComponent,
+                        NeuInputComponent,
+                        NeuDateInputComponent,
+                        NeuNumberInputComponent,
+                        NeuSelectComponent,
+                        NeuTextareaComponent,
+                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => NeuInlineEditorComponent),
+                            multi: true,
+                        },
+                    ], host: {
+                        '[class]': 'hostClasses()',
+                        '[attr.aria-disabled]': 'isDisabled()',
+                    }, template: `
+    @if (editing()) {
+      <div
+        class="neu-inline-editor__edit"
+        (keydown)="onEditKeydown($event)"
+        (focusout)="onEditFocusout($event)"
+      >
+        @switch (type()) {
+          @case ('select') {
+            <neu-select
+              class="neu-inline-editor__control"
+              [options]="options()"
+              [formControl]="stringControl"
+              [size]="size()"
+              [floatingLabel]="false"
+              [placeholder]="placeholder()"
+              [disabled]="isDisabled()"
+            />
+          }
+          @case ('number') {
+            <neu-number-input
+              class="neu-inline-editor__control"
+              [formControl]="numberControl"
+              [size]="size()"
+              [min]="min()"
+              [max]="max()"
+              [step]="step()"
+            />
+          }
+          @case ('textarea') {
+            <neu-textarea
+              class="neu-inline-editor__control"
+              [formControl]="stringControl"
+              [size]="size()"
+              [label]="placeholder()"
+              [disabled]="isDisabled()"
+              [rows]="rows()"
+            />
+          }
+          @case ('date') {
+            <neu-date-input
+              class="neu-inline-editor__control"
+              [formControl]="stringControl"
+              [size]="size()"
+              [placeholder]="placeholder()"
+              [disabled]="isDisabled()"
+            />
+          }
+          @default {
+            <neu-input
+              class="neu-inline-editor__control"
+              [formControl]="stringControl"
+              [size]="size()"
+              [floatingLabel]="false"
+              [placeholder]="placeholder()"
+              [disabled]="isDisabled()"
+            />
+          }
+        }
+
+        <div class="neu-inline-editor__actions">
+          <button
+            neu-button
+            type="button"
+            variant="primary"
+            [size]="size()"
+            icon="lucideCheck"
+            [iconOnly]="true"
+            [ariaLabel]="saveLabel()"
+            [disabled]="isDisabled()"
+            (click)="commit()"
+          ></button>
+          <button
+            neu-button
+            type="button"
+            variant="ghost"
+            [size]="size()"
+            icon="lucideX"
+            [iconOnly]="true"
+            [ariaLabel]="cancelLabel()"
+            (click)="cancel()"
+          ></button>
+        </div>
+      </div>
+    } @else {
+      <button
+        neu-button
+        class="neu-inline-editor__display"
+        type="button"
+        variant="ghost"
+        [size]="size()"
+        [disabled]="isDisabled() || readonly()"
+        [attr.aria-label]="editLabel()"
+        (click)="beginEdit()"
+      >
+        <span class="neu-inline-editor__value" [class.neu-inline-editor__value--empty]="isEmpty()">
+          {{ displayValue() }}
+        </span>
+        @if (!readonly()) {
+          <neu-icon name="lucidePencil" size="14px" aria-hidden="true" />
+        }
+      </button>
+    }
+  `, styles: [".neu-inline-editor{display:inline-flex;min-width:0;max-width:100%;vertical-align:middle}.neu-inline-editor__display{display:inline-flex;align-items:center;gap:var(--neu-space-2, .5rem);min-width:0;max-width:100%;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:var(--neu-radius-sm, 6px)}.neu-inline-editor__display:focus-visible{outline:none;box-shadow:var(--neu-focus-ring, 0 0 0 3px rgba(14, 165, 233, .2))}.neu-inline-editor__display:disabled{cursor:not-allowed;opacity:.6}.neu-inline-editor__value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.neu-inline-editor__value--empty{color:var(--neu-text-muted, #64748b);font-style:italic}.neu-inline-editor__edit{display:inline-flex;align-items:center;gap:var(--neu-space-2, .5rem);min-width:min(100%,260px);max-width:100%}.neu-inline-editor__control{flex:1 1 auto;min-width:8rem}.neu-inline-editor__actions{display:inline-flex;align-items:center;gap:var(--neu-space-1, .25rem);flex:0 0 auto}.neu-inline-editor--sm .neu-inline-editor__edit{min-width:min(100%,220px)}.neu-inline-editor--lg .neu-inline-editor__edit{min-width:min(100%,320px)}@media(max-width:480px){.neu-inline-editor{width:100%}.neu-inline-editor__edit{width:100%;flex-wrap:wrap}.neu-inline-editor__control{flex-basis:100%}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], emptyLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyLabel", required: false }] }], editLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "editLabel", required: false }] }], saveLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "saveLabel", required: false }] }], cancelLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "cancelLabel", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], startInEdit: [{ type: i0.Input, args: [{ isSignal: true, alias: "startInEdit", required: false }] }], saveOnBlur: [{ type: i0.Input, args: [{ isSignal: true, alias: "saveOnBlur", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], rows: [{ type: i0.Input, args: [{ isSignal: true, alias: "rows", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }], editStart: [{ type: i0.Output, args: ["editStart"] }], editCancel: [{ type: i0.Output, args: ["editCancel"] }], editCommit: [{ type: i0.Output, args: ["editCommit"] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NeuInlineEditorComponent };
+//# sourceMappingURL=neural-ui-core-inline-editor.mjs.map

package/fesm2022/neural-ui-core-inline-editor.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"neural-ui-core-inline-editor.mjs","sources":["../../../../projects/ui-core/inline-editor/neu-inline-editor.component.ts","../../../../projects/ui-core/inline-editor/neural-ui-core-inline-editor.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  ViewEncapsulation,\n  computed,\n  effect,\n  forwardRef,\n  inject,\n  input,\n  output,\n  signal,\n  viewChild,\n} from '@angular/core';\nimport { ControlValueAccessor, FormControl, NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { NeuButtonComponent } from '@neural-ui/core/button';\nimport { NeuIconComponent } from '@neural-ui/core/icon';\nimport { NeuInputComponent } from '@neural-ui/core/input';\nimport { NeuDateInputComponent } from '@neural-ui/core/date-input';\nimport { NeuNumberInputComponent } from '@neural-ui/core/number-input';\nimport { NeuSelectComponent, NeuSelectOption } from '@neural-ui/core/select';\nimport { NeuTextareaComponent } from '@neural-ui/core/textarea';\n\nexport type NeuInlineEditorType = 'text' | 'number' | 'select' | 'textarea' | 'date';\nexport type NeuInlineEditorSize = 'sm' | 'md' | 'lg';\n\nexport interface NeuInlineEditorCommitEvent<T = string | number | null> {\n  previousValue: T;\n  value: T;\n}\n\n@Component({\n  selector: 'neu-inline-editor',\n  imports: [\n    ReactiveFormsModule,\n    NeuButtonComponent,\n    NeuIconComponent,\n    NeuInputComponent,\n    NeuDateInputComponent,\n    NeuNumberInputComponent,\n    NeuSelectComponent,\n    NeuTextareaComponent,\n  ],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => NeuInlineEditorComponent),\n      multi: true,\n    },\n  ],\n  host: {\n    '[class]': 'hostClasses()',\n    '[attr.aria-disabled]': 'isDisabled()',\n  },\n  template: `\n    @if (editing()) {\n      <div\n        class=\"neu-inline-editor__edit\"\n        (keydown)=\"onEditKeydown($event)\"\n        (focusout)=\"onEditFocusout($event)\"\n      >\n        @switch (type()) {\n          @case ('select') {\n            <neu-select\n              class=\"neu-inline-editor__control\"\n              [options]=\"options()\"\n              [formControl]=\"stringControl\"\n              [size]=\"size()\"\n              [floatingLabel]=\"false\"\n              [placeholder]=\"placeholder()\"\n              [disabled]=\"isDisabled()\"\n            />\n          }\n          @case ('number') {\n            <neu-number-input\n              class=\"neu-inline-editor__control\"\n              [formControl]=\"numberControl\"\n              [size]=\"size()\"\n              [min]=\"min()\"\n              [max]=\"max()\"\n              [step]=\"step()\"\n            />\n          }\n          @case ('textarea') {\n            <neu-textarea\n              class=\"neu-inline-editor__control\"\n              [formControl]=\"stringControl\"\n              [size]=\"size()\"\n              [label]=\"placeholder()\"\n              [disabled]=\"isDisabled()\"\n              [rows]=\"rows()\"\n            />\n          }\n          @case ('date') {\n            <neu-date-input\n              class=\"neu-inline-editor__control\"\n              [formControl]=\"stringControl\"\n              [size]=\"size()\"\n              [placeholder]=\"placeholder()\"\n              [disabled]=\"isDisabled()\"\n            />\n          }\n          @default {\n            <neu-input\n              class=\"neu-inline-editor__control\"\n              [formControl]=\"stringControl\"\n              [size]=\"size()\"\n              [floatingLabel]=\"false\"\n              [placeholder]=\"placeholder()\"\n              [disabled]=\"isDisabled()\"\n            />\n          }\n        }\n\n        <div class=\"neu-inline-editor__actions\">\n          <button\n            neu-button\n            type=\"button\"\n            variant=\"primary\"\n            [size]=\"size()\"\n            icon=\"lucideCheck\"\n            [iconOnly]=\"true\"\n            [ariaLabel]=\"saveLabel()\"\n            [disabled]=\"isDisabled()\"\n            (click)=\"commit()\"\n          ></button>\n          <button\n            neu-button\n            type=\"button\"\n            variant=\"ghost\"\n            [size]=\"size()\"\n            icon=\"lucideX\"\n            [iconOnly]=\"true\"\n            [ariaLabel]=\"cancelLabel()\"\n            (click)=\"cancel()\"\n          ></button>\n        </div>\n      </div>\n    } @else {\n      <button\n        neu-button\n        class=\"neu-inline-editor__display\"\n        type=\"button\"\n        variant=\"ghost\"\n        [size]=\"size()\"\n        [disabled]=\"isDisabled() || readonly()\"\n        [attr.aria-label]=\"editLabel()\"\n        (click)=\"beginEdit()\"\n      >\n        <span class=\"neu-inline-editor__value\" [class.neu-inline-editor__value--empty]=\"isEmpty()\">\n          {{ displayValue() }}\n        </span>\n        @if (!readonly()) {\n          <neu-icon name=\"lucidePencil\" size=\"14px\" aria-hidden=\"true\" />\n        }\n      </button>\n    }\n  `,\n  styleUrl: './neu-inline-editor.component.scss',\n})\nexport class NeuInlineEditorComponent implements ControlValueAccessor {\n  private readonly _host = inject(ElementRef<HTMLElement>);\n\n  readonly value = input<string | number | null>(null);\n  readonly type = input<NeuInlineEditorType>('text');\n  readonly size = input<NeuInlineEditorSize>('sm');\n  readonly options = input<NeuSelectOption[]>([]);\n  readonly placeholder = input('');\n  readonly emptyLabel = input('Empty');\n  readonly editLabel = input('Edit value');\n  readonly saveLabel = input('Save value');\n  readonly cancelLabel = input('Cancel edit');\n  readonly disabled = input(false);\n  readonly readonly = input(false);\n  readonly startInEdit = input(false);\n  readonly saveOnBlur = input(false);\n  readonly min = input(-Infinity);\n  readonly max = input(Infinity);\n  readonly step = input(1);\n  readonly rows = input(3);\n\n  readonly valueChange = output<string | number | null>();\n  readonly editStart = output<string | number | null>();\n  readonly editCancel = output<string | number | null>();\n  readonly editCommit = output<NeuInlineEditorCommitEvent>();\n\n  readonly stringControl = new FormControl<string | null>(null);\n  readonly numberControl = new FormControl<number>(0, { nonNullable: true });\n  readonly editing = signal(false);\n  private readonly _value = signal<string | number | null>(null);\n  private readonly _snapshot = signal<string | number | null>(null);\n  private readonly _cvaDisabled = signal(false);\n  private _onChange: (value: string | number | null) => void = () => {};\n  private _onTouched: () => void = () => {};\n\n  readonly isDisabled = computed(() => this.disabled() || this._cvaDisabled());\n  readonly isEmpty = computed(() => {\n    const value = this._value();\n    return value === null || value === undefined || value === '';\n  });\n  readonly displayValue = computed(() => {\n    if (this.isEmpty()) return this.emptyLabel();\n    const current = this._value();\n    if (this.type() === 'select') {\n      return this.options().find((option) => option.value === current)?.label ?? String(current);\n    }\n    return String(current);\n  });\n\n  constructor() {\n    effect(() => {\n      this._setValue(this.value(), false);\n    });\n\n    effect(() => {\n      if (this.startInEdit() && !this.editing()) {\n        this.beginEdit();\n      }\n    });\n\n    this.stringControl.valueChanges.pipe(takeUntilDestroyed()).subscribe((value) => {\n      if (this.type() !== 'number') {\n        this._value.set(value);\n      }\n    });\n    this.numberControl.valueChanges.pipe(takeUntilDestroyed()).subscribe((value) => {\n      if (this.type() === 'number') {\n        this._value.set(Number.isFinite(value) ? value : null);\n      }\n    });\n  }\n\n  writeValue(value: string | number | null): void {\n    this._setValue(value, false);\n  }\n\n  registerOnChange(fn: (value: string | number | null) => void): 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._cvaDisabled.set(isDisabled);\n    this._syncDisabledState();\n  }\n\n  beginEdit(): void {\n    if (this.isDisabled() || this.readonly()) return;\n    this._snapshot.set(this._value());\n    this._syncControls(this._value());\n    this.editing.set(true);\n    this.editStart.emit(this._value());\n    queueMicrotask(() => this._focusFirstControl());\n  }\n\n  commit(): void {\n    if (this.isDisabled()) return;\n    const previousValue = this._snapshot();\n    const value = this.type() === 'number' ? this.numberControl.value : this.stringControl.value;\n    const normalized = this._normalizeValue(value);\n    this._setValue(normalized, true);\n    this.editing.set(false);\n    this._onTouched();\n    this.editCommit.emit({ previousValue, value: normalized });\n  }\n\n  cancel(): void {\n    const previousValue = this._snapshot();\n    this._setValue(previousValue, false);\n    this.editing.set(false);\n    this._onTouched();\n    this.editCancel.emit(previousValue);\n  }\n\n  onEditKeydown(event: KeyboardEvent): void {\n    if (event.key === 'Escape') {\n      event.preventDefault();\n      this.cancel();\n      return;\n    }\n    if (event.key === 'Enter' && this.type() !== 'textarea') {\n      event.preventDefault();\n      this.commit();\n    }\n  }\n\n  onEditFocusout(event: FocusEvent): void {\n    if (!this.saveOnBlur() || !this.editing()) return;\n    const nextTarget = event.relatedTarget as Node | null;\n    if (nextTarget && this._host.nativeElement.contains(nextTarget)) return;\n    queueMicrotask(() => {\n      if (this.editing()) {\n        this.commit();\n      }\n    });\n  }\n\n  hostClasses(): Record<string, boolean> {\n    return {\n      'neu-inline-editor': true,\n      [`neu-inline-editor--${this.size()}`]: true,\n      'neu-inline-editor--editing': this.editing(),\n      'neu-inline-editor--disabled': this.isDisabled(),\n      'neu-inline-editor--readonly': this.readonly(),\n    };\n  }\n\n  private _setValue(value: string | number | null | undefined, emit: boolean): void {\n    const normalized = this._normalizeValue(value);\n    this._value.set(normalized);\n    this._syncControls(normalized);\n    if (emit) {\n      this.valueChange.emit(normalized);\n      this._onChange(normalized);\n    }\n  }\n\n  private _normalizeValue(value: string | number | null | undefined): string | number | null {\n    if (value === undefined) return null;\n    if (this.type() === 'number') {\n      const next = typeof value === 'number' ? value : Number(value);\n      return Number.isFinite(next) ? next : null;\n    }\n    return value === null ? null : String(value);\n  }\n\n  private _syncControls(value: string | number | null): void {\n    this.stringControl.setValue(value === null ? null : String(value), { emitEvent: false });\n    this.numberControl.setValue(typeof value === 'number' ? value : Number(value ?? 0), {\n      emitEvent: false,\n    });\n    this._syncDisabledState();\n  }\n\n  private _syncDisabledState(): void {\n    const method = this.isDisabled() ? 'disable' : 'enable';\n    this.stringControl[method]({ emitEvent: false });\n    this.numberControl[method]({ emitEvent: false });\n  }\n\n  private _focusFirstControl(): void {\n    const control = (this._host.nativeElement as HTMLElement).querySelector(\n      '.neu-input__field, .neu-number-input__field, .neu-select__trigger, .neu-textarea__field',\n    ) as HTMLElement | null;\n    control?.focus();\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2022/neural-ui-core-input-mask.mjs

@@ -0,0 +1,110 @@
+import * as i0 from '@angular/core';
+import { input, output, signal, forwardRef, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+
+class NeuInputMaskComponent {
+    mask = input('', ...(ngDevMode ? [{ debugName: "mask" }] : /* istanbul ignore next */ []));
+    label = input('', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    placeholder = input('', ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    hint = input('', ...(ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    valueChange = output();
+    inputId = `neu-input-mask-${Math.random().toString(36).slice(2)}`;
+    value = signal('', ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    cvaDisabled = signal(false, ...(ngDevMode ? [{ debugName: "cvaDisabled" }] : /* istanbul ignore next */ []));
+    onChange = () => { };
+    onTouched = () => { };
+    writeValue(value) {
+        this.value.set(value ?? '');
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.cvaDisabled.set(isDisabled);
+    }
+    onInput(raw) {
+        const masked = this.applyMask(raw);
+        this.value.set(masked);
+        this.onChange(masked);
+        this.valueChange.emit(masked);
+    }
+    applyMask(raw) {
+        const mask = this.mask();
+        if (!mask) {
+            return raw;
+        }
+        const chars = raw.replace(/\W/g, '').split('');
+        let result = '';
+        for (const token of mask) {
+            const char = chars[0];
+            if (!char) {
+                break;
+            }
+            if (token === '9' && /\d/.test(char)) {
+                result += chars.shift();
+            }
+            else if (token === 'A' && /[a-z]/i.test(char)) {
+                result += chars.shift();
+            }
+            else if (token === '*' && /[a-z0-9]/i.test(char)) {
+                result += chars.shift();
+            }
+            else if (!['9', 'A', '*'].includes(token)) {
+                result += token;
+            }
+            else {
+                chars.shift();
+            }
+        }
+        return result;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NeuInputMaskComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: NeuInputMaskComponent, isStandalone: true, selector: "neu-input-mask", inputs: { mask: { classPropertyName: "mask", publicName: "mask", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, host: { classAttribute: "neu-input-mask" }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => NeuInputMaskComponent), multi: true }], ngImport: i0, template: `
+    @if (label()) {
+      <label class="neu-input-mask__label" [for]="inputId">{{ label() }}</label>
+    }
+    <input
+      class="neu-input-mask__control"
+      [id]="inputId"
+      [placeholder]="placeholder()"
+      [value]="value()"
+      [disabled]="disabled() || cvaDisabled()"
+      (input)="onInput($any($event.target).value)"
+      (blur)="onTouched()"
+    />
+    @if (hint()) {
+      <p class="neu-input-mask__hint">{{ hint() }}</p>
+    }
+  `, isInline: true, styles: [".neu-input-mask{display:grid;gap:.375rem}.neu-input-mask__label{font-size:.875rem;font-weight:600;color:var(--neu-text, #111827)}.neu-input-mask__control{min-height:2.5rem;border:1px solid var(--neu-border, #d1d5db);border-radius:.625rem;background:var(--neu-surface, #fff);color:var(--neu-text, #111827);padding:0 .75rem}.neu-input-mask__hint{color:var(--neu-text-muted, #6b7280);font-size:.8125rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NeuInputMaskComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'neu-input-mask', imports: [], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => NeuInputMaskComponent), multi: true }], host: { class: 'neu-input-mask' }, template: `
+    @if (label()) {
+      <label class="neu-input-mask__label" [for]="inputId">{{ label() }}</label>
+    }
+    <input
+      class="neu-input-mask__control"
+      [id]="inputId"
+      [placeholder]="placeholder()"
+      [value]="value()"
+      [disabled]="disabled() || cvaDisabled()"
+      (input)="onInput($any($event.target).value)"
+      (blur)="onTouched()"
+    />
+    @if (hint()) {
+      <p class="neu-input-mask__hint">{{ hint() }}</p>
+    }
+  `, styles: [".neu-input-mask{display:grid;gap:.375rem}.neu-input-mask__label{font-size:.875rem;font-weight:600;color:var(--neu-text, #111827)}.neu-input-mask__control{min-height:2.5rem;border:1px solid var(--neu-border, #d1d5db);border-radius:.625rem;background:var(--neu-surface, #fff);color:var(--neu-text, #111827);padding:0 .75rem}.neu-input-mask__hint{color:var(--neu-text-muted, #6b7280);font-size:.8125rem}\n"] }]
+        }], propDecorators: { mask: [{ type: i0.Input, args: [{ isSignal: true, alias: "mask", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], hint: [{ type: i0.Input, args: [{ isSignal: true, alias: "hint", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NeuInputMaskComponent };
+//# sourceMappingURL=neural-ui-core-input-mask.mjs.map

package/fesm2022/neural-ui-core-input-mask.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"neural-ui-core-input-mask.mjs","sources":["../../../../projects/ui-core/input-mask/neu-input-mask.component.ts","../../../../projects/ui-core/input-mask/neural-ui-core-input-mask.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ViewEncapsulation, forwardRef, input, output, signal } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\n@Component({\n  selector: 'neu-input-mask',\n  imports: [],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => NeuInputMaskComponent), multi: true }],\n  host: { class: 'neu-input-mask' },\n  template: `\n    @if (label()) {\n      <label class=\"neu-input-mask__label\" [for]=\"inputId\">{{ label() }}</label>\n    }\n    <input\n      class=\"neu-input-mask__control\"\n      [id]=\"inputId\"\n      [placeholder]=\"placeholder()\"\n      [value]=\"value()\"\n      [disabled]=\"disabled() || cvaDisabled()\"\n      (input)=\"onInput($any($event.target).value)\"\n      (blur)=\"onTouched()\"\n    />\n    @if (hint()) {\n      <p class=\"neu-input-mask__hint\">{{ hint() }}</p>\n    }\n  `,\n  styleUrl: './neu-input-mask.component.scss',\n})\nexport class NeuInputMaskComponent implements ControlValueAccessor {\n  readonly mask = input('');\n  readonly label = input('');\n  readonly placeholder = input('');\n  readonly hint = input('');\n  readonly disabled = input(false);\n  readonly valueChange = output<string>();\n  readonly inputId = `neu-input-mask-${Math.random().toString(36).slice(2)}`;\n  readonly value = signal('');\n  readonly cvaDisabled = signal(false);\n  private onChange: (value: string) => void = () => {};\n  onTouched: () => void = () => {};\n\n  writeValue(value: string | null): void {\n    this.value.set(value ?? '');\n  }\n\n  registerOnChange(fn: (value: string) => void): 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.cvaDisabled.set(isDisabled);\n  }\n\n  onInput(raw: string): void {\n    const masked = this.applyMask(raw);\n    this.value.set(masked);\n    this.onChange(masked);\n    this.valueChange.emit(masked);\n  }\n\n  private applyMask(raw: string): string {\n    const mask = this.mask();\n    if (!mask) {\n      return raw;\n    }\n    const chars = raw.replace(/\\W/g, '').split('');\n    let result = '';\n    for (const token of mask) {\n      const char = chars[0];\n      if (!char) {\n        break;\n      }\n      if (token === '9' && /\\d/.test(char)) {\n        result += chars.shift();\n      } else if (token === 'A' && /[a-z]/i.test(char)) {\n        result += chars.shift();\n      } else if (token === '*' && /[a-z0-9]/i.test(char)) {\n        result += chars.shift();\n      } else if (!['9', 'A', '*'].includes(token)) {\n        result += token;\n      } else {\n        chars.shift();\n      }\n    }\n    return result;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}