@ojiepermana/angular 21.3.3 → 22.0.1

package/fesm2022/ojiepermana-angular-component-input-otp.mjs

@@ -0,0 +1,514 @@
+import * as i0 from '@angular/core';
+import { Directive, input, computed, ChangeDetectionStrategy, Component, inject, numberAttribute, booleanAttribute, viewChild, ElementRef, Injector, output, signal, contentChildren, forwardRef } from '@angular/core';
+import { NgControl, NG_VALUE_ACCESSOR } from '@angular/forms';
+import { FormFieldContext } from '@ojiepermana/angular/component/form';
+import { cn } from '@ojiepermana/angular/component/utils';
+
+const REGEXP_ONLY_DIGITS = /^[0-9]$/;
+const REGEXP_ONLY_DIGITS_AND_CHARS = /^[A-Za-z0-9]$/;
+class InputOtpContextBase {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: InputOtpContextBase, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: InputOtpContextBase, isStandalone: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: InputOtpContextBase, decorators: [{
+            type: Directive
+        }] });
+class InputOtpGroupComponent {
+    class = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    classes = computed(() => cn('flex items-center overflow-hidden rounded-md border border-input bg-background shadow-sm', this.class()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: InputOtpGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.0", type: InputOtpGroupComponent, isStandalone: true, selector: "ui-input-otp-group", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "attr.data-slot": "\"input-otp-group\"" } }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: InputOtpGroupComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ui-input-otp-group',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[class]': 'classes()',
+                        '[attr.data-slot]': '"input-otp-group"',
+                    },
+                    template: `<ng-content />`,
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+class InputOtpSeparatorComponent {
+    class = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    classes = computed(() => cn('inline-flex h-10 w-6 items-center justify-center text-muted-foreground [&>svg]:h-4 [&>svg]:w-4', this.class()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: InputOtpSeparatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.0", type: InputOtpSeparatorComponent, isStandalone: true, selector: "ui-input-otp-separator", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "aria-hidden": "true" }, properties: { "class": "classes()", "attr.data-slot": "\"input-otp-separator\"" } }, ngImport: i0, template: `
+    <svg
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round">
+      <path d="M5 12h14" />
+    </svg>
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: InputOtpSeparatorComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ui-input-otp-separator',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[class]': 'classes()',
+                        '[attr.data-slot]': '"input-otp-separator"',
+                        'aria-hidden': 'true',
+                    },
+                    template: `
+    <svg
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round">
+      <path d="M5 12h14" />
+    </svg>
+  `,
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+class InputOtpSlotComponent {
+    ctx = inject(InputOtpContextBase);
+    index = input(0, { ...(ngDevMode ? { debugName: "index" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    class = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    invalid = input(false, { ...(ngDevMode ? { debugName: "invalid" } : /* istanbul ignore next */ {}), alias: 'aria-invalid', transform: booleanAttribute });
+    inputRef = viewChild.required('inputRef');
+    maxLength = computed(() => this.ctx.maxLength(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "maxLength" }] : /* istanbul ignore next */ []));
+    character = computed(() => this.ctx.slotValue(this.index()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "character" }] : /* istanbul ignore next */ []));
+    active = computed(() => this.ctx.isActive(this.index()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "active" }] : /* istanbul ignore next */ []));
+    filled = computed(() => this.character() !== '', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "filled" }] : /* istanbul ignore next */ []));
+    disabled = computed(() => this.ctx.isDisabled(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    required = computed(() => this.ctx.isRequired(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "required" }] : /* istanbul ignore next */ []));
+    inputId = computed(() => this.ctx.slotId(this.index()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "inputId" }] : /* istanbul ignore next */ []));
+    inputMode = computed(() => this.ctx.slotInputMode(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "inputMode" }] : /* istanbul ignore next */ []));
+    autocomplete = computed(() => this.ctx.slotAutocomplete(this.index()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "autocomplete" }] : /* istanbul ignore next */ []));
+    ariaLabel = computed(() => this.ctx.slotAriaLabel(this.index()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+    ariaLabelledBy = computed(() => this.ctx.slotAriaLabelledBy(this.index()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaLabelledBy" }] : /* istanbul ignore next */ []));
+    ariaDescribedBy = computed(() => this.ctx.slotAriaDescribedBy(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaDescribedBy" }] : /* istanbul ignore next */ []));
+    effectiveInvalid = computed(() => this.invalid() || this.ctx.isInvalid(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "effectiveInvalid" }] : /* istanbul ignore next */ []));
+    classes = computed(() => cn('relative flex h-10 w-10 items-center justify-center border-r border-border text-sm font-medium transition-[background-color,box-shadow,opacity] last:border-r-0', this.active() && !this.effectiveInvalid() && 'z-10 ring-1 ring-inset ring-ring', this.effectiveInvalid() && 'bg-destructive/5 text-destructive ring-1 ring-inset ring-destructive/50', this.disabled() && 'opacity-50', this.class()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    focus(select = true) {
+        const input = this.inputRef().nativeElement;
+        input.focus();
+        if (select) {
+            input.select();
+        }
+    }
+    handleFocus() {
+        this.ctx.handleSlotFocus(this.index());
+        this.inputRef().nativeElement.select();
+    }
+    handleInput(event) {
+        const target = event.target;
+        this.ctx.handleSlotInput(this.index(), target.value);
+    }
+    handleKeydown(event) {
+        this.ctx.handleSlotKeydown(this.index(), event);
+    }
+    handlePaste(event) {
+        this.ctx.handleSlotPaste(this.index(), event);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: InputOtpSlotComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.0", type: InputOtpSlotComponent, isStandalone: true, selector: "ui-input-otp-slot", inputs: { index: { classPropertyName: "index", publicName: "index", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "aria-invalid", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "attr.data-slot": "\"input-otp-slot\"", "attr.data-active": "active() ? \"\" : null", "attr.data-filled": "filled() ? \"\" : null", "attr.data-disabled": "disabled() ? \"\" : null", "attr.data-invalid": "effectiveInvalid() ? \"\" : null" } }, viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    <input
+      #inputRef
+      class="h-full w-full border-0 bg-transparent px-0 text-center text-inherit font-inherit outline-none disabled:cursor-not-allowed"
+      type="text"
+      spellcheck="false"
+      autocapitalize="none"
+      [value]="character()"
+      [attr.id]="inputId()"
+      [attr.maxlength]="maxLength()"
+      [attr.inputmode]="inputMode()"
+      [attr.autocomplete]="autocomplete()"
+      [attr.aria-label]="ariaLabel()"
+      [attr.aria-labelledby]="ariaLabelledBy()"
+      [attr.aria-describedby]="ariaDescribedBy()"
+      [attr.aria-invalid]="effectiveInvalid() ? 'true' : null"
+      [disabled]="disabled()"
+      [required]="required() || null"
+      (focus)="handleFocus()"
+      (input)="handleInput($event)"
+      (keydown)="handleKeydown($event)"
+      (paste)="handlePaste($event)" />
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: InputOtpSlotComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ui-input-otp-slot',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[class]': 'classes()',
+                        '[attr.data-slot]': '"input-otp-slot"',
+                        '[attr.data-active]': 'active() ? "" : null',
+                        '[attr.data-filled]': 'filled() ? "" : null',
+                        '[attr.data-disabled]': 'disabled() ? "" : null',
+                        '[attr.data-invalid]': 'effectiveInvalid() ? "" : null',
+                    },
+                    template: `
+    <input
+      #inputRef
+      class="h-full w-full border-0 bg-transparent px-0 text-center text-inherit font-inherit outline-none disabled:cursor-not-allowed"
+      type="text"
+      spellcheck="false"
+      autocapitalize="none"
+      [value]="character()"
+      [attr.id]="inputId()"
+      [attr.maxlength]="maxLength()"
+      [attr.inputmode]="inputMode()"
+      [attr.autocomplete]="autocomplete()"
+      [attr.aria-label]="ariaLabel()"
+      [attr.aria-labelledby]="ariaLabelledBy()"
+      [attr.aria-describedby]="ariaDescribedBy()"
+      [attr.aria-invalid]="effectiveInvalid() ? 'true' : null"
+      [disabled]="disabled()"
+      [required]="required() || null"
+      (focus)="handleFocus()"
+      (input)="handleInput($event)"
+      (keydown)="handleKeydown($event)"
+      (paste)="handlePaste($event)" />
+  `,
+                }]
+        }], propDecorators: { index: [{ type: i0.Input, args: [{ isSignal: true, alias: "index", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-invalid", required: false }] }], inputRef: [{ type: i0.ViewChild, args: ['inputRef', { isSignal: true }] }] } });
+class InputOtpComponent extends InputOtpContextBase {
+    host = inject(ElementRef);
+    injector = inject(Injector);
+    formFieldContext = inject(FormFieldContext, { optional: true });
+    maxLengthInput = input(6, { ...(ngDevMode ? { debugName: "maxLengthInput" } : /* istanbul ignore next */ {}), alias: 'maxLength', transform: numberAttribute });
+    value = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    pattern = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "pattern" }] : /* istanbul ignore next */ []));
+    id = input(null, { ...(ngDevMode ? { debugName: "id" } : /* istanbul ignore next */ {}), alias: 'id' });
+    ariaLabel = input(null, { ...(ngDevMode ? { debugName: "ariaLabel" } : /* istanbul ignore next */ {}), alias: 'aria-label' });
+    ariaLabelledby = input(null, { ...(ngDevMode ? { debugName: "ariaLabelledby" } : /* istanbul ignore next */ {}), alias: 'aria-labelledby' });
+    ariaDescribedby = input(null, { ...(ngDevMode ? { debugName: "ariaDescribedby" } : /* istanbul ignore next */ {}), alias: 'aria-describedby' });
+    inputMode = input('numeric', { ...(ngDevMode ? { debugName: "inputMode" } : /* istanbul ignore next */ {}), alias: 'inputmode' });
+    autocomplete = input('one-time-code', { ...(ngDevMode ? { debugName: "autocomplete" } : /* istanbul ignore next */ {}), alias: 'autocomplete' });
+    required = input(false, { ...(ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    disabledInput = input(false, { ...(ngDevMode ? { debugName: "disabledInput" } : /* istanbul ignore next */ {}), alias: 'disabled', transform: booleanAttribute });
+    invalidInput = input(false, { ...(ngDevMode ? { debugName: "invalidInput" } : /* istanbul ignore next */ {}), alias: 'aria-invalid', transform: booleanAttribute });
+    class = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    valueChange = output();
+    generatedId = `ui-input-otp-${nextId()}`;
+    internalValue = signal('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "internalValue" }] : /* istanbul ignore next */ []));
+    disabledState = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "disabledState" }] : /* istanbul ignore next */ []));
+    activeIndex = signal(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "activeIndex" }] : /* istanbul ignore next */ []));
+    slots = contentChildren(InputOtpSlotComponent, { ...(ngDevMode ? { debugName: "slots" } : /* istanbul ignore next */ {}), descendants: true });
+    compiledPattern = computed(() => {
+        const pattern = this.pattern();
+        if (!pattern) {
+            return null;
+        }
+        if (pattern instanceof RegExp) {
+            return pattern;
+        }
+        try {
+            return new RegExp(pattern);
+        }
+        catch {
+            return null;
+        }
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "compiledPattern" }] : /* istanbul ignore next */ []));
+    classes = computed(() => cn('inline-flex flex-wrap items-center gap-2', this.class()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    disabled = computed(() => this.disabledInput() || this.disabledState(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    displayValue = computed(() => this.normalizeValue(this.value() ?? this.internalValue()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "displayValue" }] : /* istanbul ignore next */ []));
+    ngControl = null;
+    onChange = () => { };
+    onTouched = () => { };
+    ngOnInit() {
+        this.ngControl = this.injector.get(NgControl, null, { optional: true, self: true });
+        if (this.formFieldContext) {
+            this.formFieldContext.control.set(this.ngControl?.control ?? null);
+        }
+    }
+    maxLength() {
+        return Math.max(1, this.maxLengthInput());
+    }
+    slotId(index) {
+        const baseId = this.id() ?? this.formFieldContext?.controlId ?? this.generatedId;
+        return index === 0 ? baseId : `${baseId}-${index + 1}`;
+    }
+    slotValue(index) {
+        return this.toCharArray()[index] ?? '';
+    }
+    slotAriaLabel(index) {
+        const baseLabel = this.ariaLabel() ?? 'One-time password';
+        return `${baseLabel} character ${index + 1} of ${this.maxLength()}`;
+    }
+    slotAriaLabelledBy(index) {
+        return index === 0 ? this.ariaLabelledby() : null;
+    }
+    slotAriaDescribedBy() {
+        return this.describedBy();
+    }
+    slotInputMode() {
+        return this.inputMode();
+    }
+    slotAutocomplete(index) {
+        return index === 0 ? this.autocomplete() : 'off';
+    }
+    isDisabled() {
+        return this.disabled();
+    }
+    isRequired() {
+        return this.required();
+    }
+    isInvalid() {
+        return this.invalidInput() || this.formFieldContext?.invalid() || false;
+    }
+    isActive(index) {
+        return this.activeIndex() === index;
+    }
+    handleSlotFocus(index) {
+        this.activeIndex.set(index);
+    }
+    handleSlotInput(index, value) {
+        if (this.disabled()) {
+            return;
+        }
+        const accepted = this.filterCharacters(value);
+        if (accepted.length === 0) {
+            return;
+        }
+        if (accepted.length > 1) {
+            this.applyFragment(index, accepted);
+            return;
+        }
+        const next = this.replaceAt(index, accepted[0]);
+        this.commitValue(next);
+        this.focusSlot(Math.min(index + 1, this.maxLength() - 1));
+    }
+    handleSlotKeydown(index, event) {
+        if (this.disabled()) {
+            return;
+        }
+        const isRtl = this.isRtl();
+        switch (event.key) {
+            case 'ArrowLeft':
+                event.preventDefault();
+                this.focusSlot(Math.max(0, index + (isRtl ? 1 : -1)));
+                return;
+            case 'ArrowRight':
+                event.preventDefault();
+                this.focusSlot(Math.min(this.maxLength() - 1, index + (isRtl ? -1 : 1)));
+                return;
+            case 'Home':
+                event.preventDefault();
+                this.focusSlot(0);
+                return;
+            case 'End':
+                event.preventDefault();
+                this.focusSlot(this.maxLength() - 1);
+                return;
+            case 'Backspace': {
+                event.preventDefault();
+                const current = this.slotValue(index);
+                const deleteIndex = current === '' ? index - 1 : index;
+                if (deleteIndex < 0) {
+                    return;
+                }
+                this.commitValue(this.removeAt(deleteIndex));
+                this.focusSlot(Math.max(0, deleteIndex));
+                return;
+            }
+            case 'Delete':
+                event.preventDefault();
+                this.commitValue(this.removeAt(index));
+                this.focusSlot(index);
+                return;
+            default:
+                return;
+        }
+    }
+    handleSlotPaste(index, event) {
+        if (this.disabled()) {
+            return;
+        }
+        const pasted = event.clipboardData?.getData('text') ?? '';
+        const accepted = this.filterCharacters(pasted);
+        if (accepted.length === 0) {
+            return;
+        }
+        event.preventDefault();
+        this.applyFragment(index, accepted);
+    }
+    focus() {
+        const index = Math.min(this.displayValue().length, this.maxLength() - 1);
+        this.focusSlot(Math.max(index, 0));
+    }
+    writeValue(value) {
+        this.internalValue.set(this.normalizeValue(typeof value === 'string' ? value : ''));
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(disabled) {
+        this.disabledState.set(disabled);
+    }
+    describedBy() {
+        const rawIds = [this.ariaDescribedby(), this.formFieldContext?.describedBy() ?? null].filter((value) => !!value);
+        const ids = [...new Set(rawIds.flatMap((value) => value.split(/\s+/)).filter(Boolean))];
+        return ids.length > 0 ? ids.join(' ') : null;
+    }
+    handleFocusOut(event) {
+        const nextTarget = event.relatedTarget;
+        if (!(nextTarget instanceof Node) || !this.host.nativeElement.contains(nextTarget)) {
+            this.onTouched();
+        }
+    }
+    commitValue(value) {
+        const nextValue = this.normalizeValue(value);
+        this.internalValue.set(nextValue);
+        this.onChange(nextValue);
+        this.valueChange.emit(nextValue);
+    }
+    replaceAt(index, character) {
+        const chars = this.toCharArray();
+        chars[index] = character;
+        return this.serialize(chars);
+    }
+    removeAt(index) {
+        const chars = this.toCharArray();
+        if (index < 0 || index >= chars.length) {
+            return this.displayValue();
+        }
+        chars.splice(index, 1);
+        chars.push('');
+        return this.serialize(chars);
+    }
+    applyFragment(index, characters) {
+        const chars = this.toCharArray();
+        let cursor = index;
+        for (const character of characters) {
+            if (cursor >= chars.length) {
+                break;
+            }
+            chars[cursor] = character;
+            cursor += 1;
+        }
+        this.commitValue(this.serialize(chars));
+        this.focusSlot(Math.min(cursor, this.maxLength() - 1));
+    }
+    focusSlot(index) {
+        const slot = this.slots().find((candidate) => candidate.index() === index);
+        if (!slot) {
+            return;
+        }
+        this.activeIndex.set(index);
+        slot.focus();
+    }
+    toCharArray() {
+        const chars = Array.from({ length: this.maxLength() }, () => '');
+        for (const [index, character] of Array.from(this.displayValue()).entries()) {
+            if (index >= chars.length) {
+                break;
+            }
+            chars[index] = character;
+        }
+        return chars;
+    }
+    serialize(chars) {
+        let lastFilledIndex = -1;
+        for (let index = chars.length - 1; index >= 0; index -= 1) {
+            if (chars[index] !== '') {
+                lastFilledIndex = index;
+                break;
+            }
+        }
+        return lastFilledIndex === -1 ? '' : chars.slice(0, lastFilledIndex + 1).join('');
+    }
+    normalizeValue(value) {
+        return this.filterCharacters(value).slice(0, this.maxLength()).join('');
+    }
+    filterCharacters(value) {
+        return Array.from(value).filter((character) => this.acceptsCharacter(character));
+    }
+    acceptsCharacter(character) {
+        const pattern = this.compiledPattern();
+        if (!pattern) {
+            return true;
+        }
+        pattern.lastIndex = 0;
+        return pattern.test(character);
+    }
+    isRtl() {
+        return getComputedStyle(this.host.nativeElement).direction === 'rtl';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: InputOtpComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.0", type: InputOtpComponent, isStandalone: true, selector: "ui-input-otp", inputs: { maxLengthInput: { classPropertyName: "maxLengthInput", publicName: "maxLength", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, pattern: { classPropertyName: "pattern", publicName: "pattern", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledby: { classPropertyName: "ariaLabelledby", publicName: "aria-labelledby", isSignal: true, isRequired: false, transformFunction: null }, ariaDescribedby: { classPropertyName: "ariaDescribedby", publicName: "aria-describedby", isSignal: true, isRequired: false, transformFunction: null }, inputMode: { classPropertyName: "inputMode", publicName: "inputmode", isSignal: true, isRequired: false, transformFunction: null }, autocomplete: { classPropertyName: "autocomplete", publicName: "autocomplete", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, invalidInput: { classPropertyName: "invalidInput", publicName: "aria-invalid", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, host: { listeners: { "focusout": "handleFocusOut($event)" }, properties: { "class": "classes()", "attr.id": "null", "attr.role": "\"group\"", "attr.data-slot": "\"input-otp\"", "attr.data-disabled": "disabled() ? \"\" : null", "attr.data-invalid": "isInvalid() ? \"\" : null", "attr.aria-label": "ariaLabel()", "attr.aria-labelledby": "ariaLabelledby()", "attr.aria-describedby": "describedBy()", "attr.aria-disabled": "disabled() ? \"true\" : null", "attr.aria-invalid": "isInvalid() ? \"true\" : null" } }, providers: [
+            { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => InputOtpComponent), multi: true },
+            { provide: InputOtpContextBase, useExisting: forwardRef(() => InputOtpComponent) },
+        ], queries: [{ propertyName: "slots", predicate: InputOtpSlotComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: InputOtpComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ui-input-otp',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    providers: [
+                        { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => InputOtpComponent), multi: true },
+                        { provide: InputOtpContextBase, useExisting: forwardRef(() => InputOtpComponent) },
+                    ],
+                    host: {
+                        '[class]': 'classes()',
+                        '[attr.id]': 'null',
+                        '[attr.role]': '"group"',
+                        '[attr.data-slot]': '"input-otp"',
+                        '[attr.data-disabled]': 'disabled() ? "" : null',
+                        '[attr.data-invalid]': 'isInvalid() ? "" : null',
+                        '[attr.aria-label]': 'ariaLabel()',
+                        '[attr.aria-labelledby]': 'ariaLabelledby()',
+                        '[attr.aria-describedby]': 'describedBy()',
+                        '[attr.aria-disabled]': 'disabled() ? "true" : null',
+                        '[attr.aria-invalid]': 'isInvalid() ? "true" : null',
+                        '(focusout)': 'handleFocusOut($event)',
+                    },
+                    template: `<ng-content />`,
+                }]
+        }], propDecorators: { maxLengthInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxLength", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], pattern: [{ type: i0.Input, args: [{ isSignal: true, alias: "pattern", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-label", required: false }] }], ariaLabelledby: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-labelledby", required: false }] }], ariaDescribedby: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-describedby", required: false }] }], inputMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputmode", required: false }] }], autocomplete: [{ type: i0.Input, args: [{ isSignal: true, alias: "autocomplete", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], disabledInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalidInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-invalid", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }], slots: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => InputOtpSlotComponent), { ...{ descendants: true }, isSignal: true }] }] } });
+let _id = 0;
+function nextId() {
+    return ++_id;
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { InputOtpComponent, InputOtpGroupComponent, InputOtpSeparatorComponent, InputOtpSlotComponent, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS };
+//# sourceMappingURL=ojiepermana-angular-component-input-otp.mjs.map

package/fesm2022/ojiepermana-angular-component-input-otp.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ojiepermana-angular-component-input-otp.mjs","sources":["../../../projects/angular/component/input-otp/input-otp.component.ts","../../../projects/angular/component/input-otp/ojiepermana-angular-component-input-otp.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  Directive,\n  ElementRef,\n  Injector,\n  OnInit,\n  booleanAttribute,\n  computed,\n  contentChildren,\n  forwardRef,\n  inject,\n  input,\n  numberAttribute,\n  output,\n  signal,\n  viewChild,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR, NgControl } from '@angular/forms';\nimport { FormFieldContext } from '@ojiepermana/angular/component/form';\nimport { cn } from '@ojiepermana/angular/component/utils';\n\nexport const REGEXP_ONLY_DIGITS = /^[0-9]$/;\nexport const REGEXP_ONLY_DIGITS_AND_CHARS = /^[A-Za-z0-9]$/;\n\n@Directive()\nabstract class InputOtpContextBase {\n  abstract maxLength(): number;\n  abstract slotId(index: number): string;\n  abstract slotValue(index: number): string;\n  abstract slotAriaLabel(index: number): string;\n  abstract slotAriaLabelledBy(index: number): string | null;\n  abstract slotAriaDescribedBy(): string | null;\n  abstract slotInputMode(): string | null;\n  abstract slotAutocomplete(index: number): string | null;\n  abstract isDisabled(): boolean;\n  abstract isRequired(): boolean;\n  abstract isInvalid(): boolean;\n  abstract isActive(index: number): boolean;\n  abstract handleSlotFocus(index: number): void;\n  abstract handleSlotInput(index: number, value: string): void;\n  abstract handleSlotKeydown(index: number, event: KeyboardEvent): void;\n  abstract handleSlotPaste(index: number, event: ClipboardEvent): void;\n}\n\n@Component({\n  selector: 'ui-input-otp-group',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'classes()',\n    '[attr.data-slot]': '\"input-otp-group\"',\n  },\n  template: `<ng-content />`,\n})\nexport class InputOtpGroupComponent {\n  readonly class = input<string>('');\n\n  protected readonly classes = computed(() =>\n    cn('flex items-center overflow-hidden rounded-md border border-input bg-background shadow-sm', this.class()),\n  );\n}\n\n@Component({\n  selector: 'ui-input-otp-separator',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'classes()',\n    '[attr.data-slot]': '\"input-otp-separator\"',\n    'aria-hidden': 'true',\n  },\n  template: `\n    <svg\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      stroke-width=\"2\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\">\n      <path d=\"M5 12h14\" />\n    </svg>\n  `,\n})\nexport class InputOtpSeparatorComponent {\n  readonly class = input<string>('');\n\n  protected readonly classes = computed(() =>\n    cn('inline-flex h-10 w-6 items-center justify-center text-muted-foreground [&>svg]:h-4 [&>svg]:w-4', this.class()),\n  );\n}\n\n@Component({\n  selector: 'ui-input-otp-slot',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'classes()',\n    '[attr.data-slot]': '\"input-otp-slot\"',\n    '[attr.data-active]': 'active() ? \"\" : null',\n    '[attr.data-filled]': 'filled() ? \"\" : null',\n    '[attr.data-disabled]': 'disabled() ? \"\" : null',\n    '[attr.data-invalid]': 'effectiveInvalid() ? \"\" : null',\n  },\n  template: `\n    <input\n      #inputRef\n      class=\"h-full w-full border-0 bg-transparent px-0 text-center text-inherit font-inherit outline-none disabled:cursor-not-allowed\"\n      type=\"text\"\n      spellcheck=\"false\"\n      autocapitalize=\"none\"\n      [value]=\"character()\"\n      [attr.id]=\"inputId()\"\n      [attr.maxlength]=\"maxLength()\"\n      [attr.inputmode]=\"inputMode()\"\n      [attr.autocomplete]=\"autocomplete()\"\n      [attr.aria-label]=\"ariaLabel()\"\n      [attr.aria-labelledby]=\"ariaLabelledBy()\"\n      [attr.aria-describedby]=\"ariaDescribedBy()\"\n      [attr.aria-invalid]=\"effectiveInvalid() ? 'true' : null\"\n      [disabled]=\"disabled()\"\n      [required]=\"required() || null\"\n      (focus)=\"handleFocus()\"\n      (input)=\"handleInput($event)\"\n      (keydown)=\"handleKeydown($event)\"\n      (paste)=\"handlePaste($event)\" />\n  `,\n})\nexport class InputOtpSlotComponent {\n  private readonly ctx = inject(InputOtpContextBase);\n\n  readonly index = input(0, { transform: numberAttribute });\n  readonly class = input<string>('');\n  readonly invalid = input(false, { alias: 'aria-invalid', transform: booleanAttribute });\n\n  private readonly inputRef = viewChild.required<ElementRef<HTMLInputElement>>('inputRef');\n\n  protected readonly maxLength = computed(() => this.ctx.maxLength());\n  protected readonly character = computed(() => this.ctx.slotValue(this.index()));\n  protected readonly active = computed(() => this.ctx.isActive(this.index()));\n  protected readonly filled = computed(() => this.character() !== '');\n  protected readonly disabled = computed(() => this.ctx.isDisabled());\n  protected readonly required = computed(() => this.ctx.isRequired());\n  protected readonly inputId = computed(() => this.ctx.slotId(this.index()));\n  protected readonly inputMode = computed(() => this.ctx.slotInputMode());\n  protected readonly autocomplete = computed(() => this.ctx.slotAutocomplete(this.index()));\n  protected readonly ariaLabel = computed(() => this.ctx.slotAriaLabel(this.index()));\n  protected readonly ariaLabelledBy = computed(() => this.ctx.slotAriaLabelledBy(this.index()));\n  protected readonly ariaDescribedBy = computed(() => this.ctx.slotAriaDescribedBy());\n  protected readonly effectiveInvalid = computed(() => this.invalid() || this.ctx.isInvalid());\n  protected readonly classes = computed(() =>\n    cn(\n      'relative flex h-10 w-10 items-center justify-center border-r border-border text-sm font-medium transition-[background-color,box-shadow,opacity] last:border-r-0',\n      this.active() && !this.effectiveInvalid() && 'z-10 ring-1 ring-inset ring-ring',\n      this.effectiveInvalid() && 'bg-destructive/5 text-destructive ring-1 ring-inset ring-destructive/50',\n      this.disabled() && 'opacity-50',\n      this.class(),\n    ),\n  );\n\n  focus(select = true): void {\n    const input = this.inputRef().nativeElement;\n    input.focus();\n\n    if (select) {\n      input.select();\n    }\n  }\n\n  protected handleFocus(): void {\n    this.ctx.handleSlotFocus(this.index());\n    this.inputRef().nativeElement.select();\n  }\n\n  protected handleInput(event: Event): void {\n    const target = event.target as HTMLInputElement;\n    this.ctx.handleSlotInput(this.index(), target.value);\n  }\n\n  protected handleKeydown(event: KeyboardEvent): void {\n    this.ctx.handleSlotKeydown(this.index(), event);\n  }\n\n  protected handlePaste(event: ClipboardEvent): void {\n    this.ctx.handleSlotPaste(this.index(), event);\n  }\n}\n\n@Component({\n  selector: 'ui-input-otp',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => InputOtpComponent), multi: true },\n    { provide: InputOtpContextBase, useExisting: forwardRef(() => InputOtpComponent) },\n  ],\n  host: {\n    '[class]': 'classes()',\n    '[attr.id]': 'null',\n    '[attr.role]': '\"group\"',\n    '[attr.data-slot]': '\"input-otp\"',\n    '[attr.data-disabled]': 'disabled() ? \"\" : null',\n    '[attr.data-invalid]': 'isInvalid() ? \"\" : null',\n    '[attr.aria-label]': 'ariaLabel()',\n    '[attr.aria-labelledby]': 'ariaLabelledby()',\n    '[attr.aria-describedby]': 'describedBy()',\n    '[attr.aria-disabled]': 'disabled() ? \"true\" : null',\n    '[attr.aria-invalid]': 'isInvalid() ? \"true\" : null',\n    '(focusout)': 'handleFocusOut($event)',\n  },\n  template: `<ng-content />`,\n})\nexport class InputOtpComponent extends InputOtpContextBase implements ControlValueAccessor, OnInit {\n  private readonly host = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly injector = inject(Injector);\n  private readonly formFieldContext = inject(FormFieldContext, { optional: true });\n\n  readonly maxLengthInput = input(6, { alias: 'maxLength', transform: numberAttribute });\n  readonly value = input<string | undefined>(undefined);\n  readonly pattern = input<RegExp | string | null>(null);\n  readonly id = input<string | null>(null, { alias: 'id' });\n  readonly ariaLabel = input<string | null>(null, { alias: 'aria-label' });\n  readonly ariaLabelledby = input<string | null>(null, { alias: 'aria-labelledby' });\n  readonly ariaDescribedby = input<string | null>(null, { alias: 'aria-describedby' });\n  readonly inputMode = input<string | null>('numeric', { alias: 'inputmode' });\n  readonly autocomplete = input<string | null>('one-time-code', { alias: 'autocomplete' });\n  readonly required = input(false, { transform: booleanAttribute });\n  readonly disabledInput = input(false, { alias: 'disabled', transform: booleanAttribute });\n  readonly invalidInput = input(false, { alias: 'aria-invalid', transform: booleanAttribute });\n  readonly class = input<string>('');\n\n  readonly valueChange = output<string>();\n\n  private readonly generatedId = `ui-input-otp-${nextId()}`;\n  private readonly internalValue = signal('');\n  private readonly disabledState = signal(false);\n  private readonly activeIndex = signal(0);\n  private readonly slots = contentChildren(InputOtpSlotComponent, { descendants: true });\n  private readonly compiledPattern = computed<RegExp | null>(() => {\n    const pattern = this.pattern();\n\n    if (!pattern) {\n      return null;\n    }\n\n    if (pattern instanceof RegExp) {\n      return pattern;\n    }\n\n    try {\n      return new RegExp(pattern);\n    } catch {\n      return null;\n    }\n  });\n\n  protected readonly classes = computed(() => cn('inline-flex flex-wrap items-center gap-2', this.class()));\n  protected readonly disabled = computed(() => this.disabledInput() || this.disabledState());\n  private readonly displayValue = computed(() => this.normalizeValue(this.value() ?? this.internalValue()));\n\n  private ngControl: NgControl | null = null;\n\n  private onChange: (value: string) => void = () => {};\n  private onTouched: () => void = () => {};\n\n  ngOnInit(): void {\n    this.ngControl = this.injector.get(NgControl, null, { optional: true, self: true });\n\n    if (this.formFieldContext) {\n      this.formFieldContext.control.set(this.ngControl?.control ?? null);\n    }\n  }\n\n  override maxLength(): number {\n    return Math.max(1, this.maxLengthInput());\n  }\n\n  override slotId(index: number): string {\n    const baseId = this.id() ?? this.formFieldContext?.controlId ?? this.generatedId;\n    return index === 0 ? baseId : `${baseId}-${index + 1}`;\n  }\n\n  override slotValue(index: number): string {\n    return this.toCharArray()[index] ?? '';\n  }\n\n  override slotAriaLabel(index: number): string {\n    const baseLabel = this.ariaLabel() ?? 'One-time password';\n    return `${baseLabel} character ${index + 1} of ${this.maxLength()}`;\n  }\n\n  override slotAriaLabelledBy(index: number): string | null {\n    return index === 0 ? this.ariaLabelledby() : null;\n  }\n\n  override slotAriaDescribedBy(): string | null {\n    return this.describedBy();\n  }\n\n  override slotInputMode(): string | null {\n    return this.inputMode();\n  }\n\n  override slotAutocomplete(index: number): string | null {\n    return index === 0 ? this.autocomplete() : 'off';\n  }\n\n  override isDisabled(): boolean {\n    return this.disabled();\n  }\n\n  override isRequired(): boolean {\n    return this.required();\n  }\n\n  override isInvalid(): boolean {\n    return this.invalidInput() || this.formFieldContext?.invalid() || false;\n  }\n\n  override isActive(index: number): boolean {\n    return this.activeIndex() === index;\n  }\n\n  override handleSlotFocus(index: number): void {\n    this.activeIndex.set(index);\n  }\n\n  override handleSlotInput(index: number, value: string): void {\n    if (this.disabled()) {\n      return;\n    }\n\n    const accepted = this.filterCharacters(value);\n\n    if (accepted.length === 0) {\n      return;\n    }\n\n    if (accepted.length > 1) {\n      this.applyFragment(index, accepted);\n      return;\n    }\n\n    const next = this.replaceAt(index, accepted[0]!);\n    this.commitValue(next);\n    this.focusSlot(Math.min(index + 1, this.maxLength() - 1));\n  }\n\n  override handleSlotKeydown(index: number, event: KeyboardEvent): void {\n    if (this.disabled()) {\n      return;\n    }\n\n    const isRtl = this.isRtl();\n\n    switch (event.key) {\n      case 'ArrowLeft':\n        event.preventDefault();\n        this.focusSlot(Math.max(0, index + (isRtl ? 1 : -1)));\n        return;\n      case 'ArrowRight':\n        event.preventDefault();\n        this.focusSlot(Math.min(this.maxLength() - 1, index + (isRtl ? -1 : 1)));\n        return;\n      case 'Home':\n        event.preventDefault();\n        this.focusSlot(0);\n        return;\n      case 'End':\n        event.preventDefault();\n        this.focusSlot(this.maxLength() - 1);\n        return;\n      case 'Backspace': {\n        event.preventDefault();\n        const current = this.slotValue(index);\n        const deleteIndex = current === '' ? index - 1 : index;\n\n        if (deleteIndex < 0) {\n          return;\n        }\n\n        this.commitValue(this.removeAt(deleteIndex));\n        this.focusSlot(Math.max(0, deleteIndex));\n        return;\n      }\n      case 'Delete':\n        event.preventDefault();\n        this.commitValue(this.removeAt(index));\n        this.focusSlot(index);\n        return;\n      default:\n        return;\n    }\n  }\n\n  override handleSlotPaste(index: number, event: ClipboardEvent): void {\n    if (this.disabled()) {\n      return;\n    }\n\n    const pasted = event.clipboardData?.getData('text') ?? '';\n    const accepted = this.filterCharacters(pasted);\n\n    if (accepted.length === 0) {\n      return;\n    }\n\n    event.preventDefault();\n    this.applyFragment(index, accepted);\n  }\n\n  focus(): void {\n    const index = Math.min(this.displayValue().length, this.maxLength() - 1);\n    this.focusSlot(Math.max(index, 0));\n  }\n\n  writeValue(value: unknown): void {\n    this.internalValue.set(this.normalizeValue(typeof value === 'string' ? 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(disabled: boolean): void {\n    this.disabledState.set(disabled);\n  }\n\n  protected describedBy(): string | null {\n    const rawIds = [this.ariaDescribedby(), this.formFieldContext?.describedBy() ?? null].filter(\n      (value): value is string => !!value,\n    );\n    const ids = [...new Set(rawIds.flatMap((value) => value.split(/\\s+/)).filter(Boolean))];\n    return ids.length > 0 ? ids.join(' ') : null;\n  }\n\n  protected handleFocusOut(event: FocusEvent): void {\n    const nextTarget = event.relatedTarget;\n\n    if (!(nextTarget instanceof Node) || !this.host.nativeElement.contains(nextTarget)) {\n      this.onTouched();\n    }\n  }\n\n  private commitValue(value: string): void {\n    const nextValue = this.normalizeValue(value);\n    this.internalValue.set(nextValue);\n    this.onChange(nextValue);\n    this.valueChange.emit(nextValue);\n  }\n\n  private replaceAt(index: number, character: string): string {\n    const chars = this.toCharArray();\n    chars[index] = character;\n    return this.serialize(chars);\n  }\n\n  private removeAt(index: number): string {\n    const chars = this.toCharArray();\n\n    if (index < 0 || index >= chars.length) {\n      return this.displayValue();\n    }\n\n    chars.splice(index, 1);\n    chars.push('');\n    return this.serialize(chars);\n  }\n\n  private applyFragment(index: number, characters: readonly string[]): void {\n    const chars = this.toCharArray();\n    let cursor = index;\n\n    for (const character of characters) {\n      if (cursor >= chars.length) {\n        break;\n      }\n\n      chars[cursor] = character;\n      cursor += 1;\n    }\n\n    this.commitValue(this.serialize(chars));\n    this.focusSlot(Math.min(cursor, this.maxLength() - 1));\n  }\n\n  private focusSlot(index: number): void {\n    const slot = this.slots().find((candidate) => candidate.index() === index);\n\n    if (!slot) {\n      return;\n    }\n\n    this.activeIndex.set(index);\n    slot.focus();\n  }\n\n  private toCharArray(): string[] {\n    const chars = Array.from({ length: this.maxLength() }, () => '');\n\n    for (const [index, character] of Array.from(this.displayValue()).entries()) {\n      if (index >= chars.length) {\n        break;\n      }\n\n      chars[index] = character;\n    }\n\n    return chars;\n  }\n\n  private serialize(chars: readonly string[]): string {\n    let lastFilledIndex = -1;\n\n    for (let index = chars.length - 1; index >= 0; index -= 1) {\n      if (chars[index] !== '') {\n        lastFilledIndex = index;\n        break;\n      }\n    }\n\n    return lastFilledIndex === -1 ? '' : chars.slice(0, lastFilledIndex + 1).join('');\n  }\n\n  private normalizeValue(value: string): string {\n    return this.filterCharacters(value).slice(0, this.maxLength()).join('');\n  }\n\n  private filterCharacters(value: string): string[] {\n    return Array.from(value).filter((character) => this.acceptsCharacter(character));\n  }\n\n  private acceptsCharacter(character: string): boolean {\n    const pattern = this.compiledPattern();\n\n    if (!pattern) {\n      return true;\n    }\n\n    pattern.lastIndex = 0;\n    return pattern.test(character);\n  }\n\n  private isRtl(): boolean {\n    return getComputedStyle(this.host.nativeElement).direction === 'rtl';\n  }\n}\n\nlet _id = 0;\n\nfunction nextId(): number {\n  return ++_id;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ojiepermana-angular-component-input.mjs

@@ -17,15 +17,17 @@ const BASE = [
  */
 class InputComponent {
     el = inject(ElementRef);
-    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
-    classes = computed(() => cn(BASE, this.class()), ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    class = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    classes = computed(() => cn(BASE, this.class()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
     focus() {
         this.el.nativeElement.focus();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: InputComponent, isStandalone: true, selector: "input[ui-input]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: InputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.0", type: InputComponent, isStandalone: true, selector: "input[ui-input]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: InputComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'input[ui-input]',