@frame-ui-ng/components 0.3.0-beta.0 → 0.4.1

package/fesm2022/frame-ui-ng-components-input-otp.mjs

@@ -1,14 +1,16 @@
 import { NgClass } from '@angular/common';
 import * as i0 from '@angular/core';
-import { InjectionToken, input, numberAttribute, booleanAttribute, output, signal, computed, ViewChild, ChangeDetectionStrategy, Component, Directive, inject, NgModule } from '@angular/core';
+import { InjectionToken, viewChild, input, numberAttribute, booleanAttribute, output, signal, computed, ChangeDetectionStrategy, Component, Directive, inject, NgModule } from '@angular/core';
 import { FrControlValueAccessor, provideDsValueAccessor } from '@frame-ui-ng/components/forms';
 import { FrInput } from '@frame-ui-ng/components/input';
+import { clampNumber } from '@frame-ui-ng/components/utils';
 
 const FR_INPUT_OTP_PATTERN_DIGITS = /^[0-9]$/;
 const FR_INPUT_OTP_PATTERN_DIGITS_AND_CHARS = /^[a-zA-Z0-9]$/;
 const FR_INPUT_OTP_CONTROLLER = new InjectionToken('FrInputOtpController');
+/** One-time-code input with grouped slots. */
 class FrInputOtp extends FrControlValueAccessor {
-    nativeInput;
+    nativeInput = viewChild('nativeInput', ...(ngDevMode ? [{ debugName: "nativeInput" }] : /* istanbul ignore next */ []));
     maxLength = input(6, { ...(ngDevMode ? { debugName: "maxLength" } : /* istanbul ignore next */ {}), transform: numberAttribute });
     pattern = input(FR_INPUT_OTP_PATTERN_DIGITS, ...(ngDevMode ? [{ debugName: "pattern" }] : /* istanbul ignore next */ []));
     disabledInput = input(false, { ...(ngDevMode ? { debugName: "disabledInput" } : /* istanbul ignore next */ {}), alias: 'disabled', transform: booleanAttribute });
@@ -25,11 +27,11 @@ class FrInputOtp extends FrControlValueAccessor {
         if (this.disabled()) {
             return;
         }
-        const inputElement = this.nativeInput?.nativeElement;
+        const inputElement = this.nativeInput()?.nativeElement;
         if (!inputElement) {
             return;
         }
-        const nextIndex = clamp(index, 0, this.maxLength());
+        const nextIndex = clampNumber(index, 0, this.maxLength());
         inputElement.focus();
         inputElement.setSelectionRange(nextIndex, nextIndex);
         this.activeIndex.set(nextIndex);
@@ -76,9 +78,9 @@ class FrInputOtp extends FrControlValueAccessor {
         this.focus(Math.min(next.length, this.maxLength()));
     }
     syncActiveIndex() {
-        const inputElement = this.nativeInput?.nativeElement;
+        const inputElement = this.nativeInput()?.nativeElement;
         const index = inputElement?.selectionStart ?? this.value().length;
-        this.activeIndex.set(clamp(index, 0, this.maxLength()));
+        this.activeIndex.set(clampNumber(index, 0, this.maxLength()));
     }
     markTouched() {
         this.markAsTouched();
@@ -108,7 +110,8 @@ class FrInputOtp extends FrControlValueAccessor {
     }
     replaceFrom(index, text) {
         const value = this.value();
-        const start = clamp(index, 0, this.maxLength());
+        const start = clampNumber(index, 0, this.maxLength());
+        // The hidden input is the source of truth; visual slots are projections of this string.
         const next = `${value.slice(0, start)}${text}${value.slice(start + text.length)}`;
         return this.sanitize(next);
     }
@@ -127,35 +130,35 @@ class FrInputOtp extends FrControlValueAccessor {
         return characters.slice(0, this.maxLength()).join('');
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrInputOtp, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.16", type: FrInputOtp, isStandalone: true, selector: "frame-input-otp", inputs: { maxLength: { classPropertyName: "maxLength", publicName: "maxLength", isSignal: true, isRequired: false, transformFunction: null }, pattern: { classPropertyName: "pattern", publicName: "pattern", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, invalidInput: { classPropertyName: "invalidInput", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange", complete: "complete" }, host: { attributes: { "role": "group" }, listeners: { "click": "focus(activeIndex())" }, properties: { "attr.data-disabled": "disabled() ? \"\" : null", "attr.data-invalid": "invalid() ? \"\" : null", "attr.data-complete": "isComplete() ? \"\" : null" }, classAttribute: "frame-input-otp" }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.16", type: FrInputOtp, isStandalone: true, selector: "frame-input-otp", inputs: { maxLength: { classPropertyName: "maxLength", publicName: "maxLength", isSignal: true, isRequired: false, transformFunction: null }, pattern: { classPropertyName: "pattern", publicName: "pattern", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, invalidInput: { classPropertyName: "invalidInput", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange", complete: "complete" }, host: { attributes: { "role": "group" }, listeners: { "click": "focus(activeIndex())" }, properties: { "attr.data-disabled": "disabled() ? \"\" : null", "attr.data-invalid": "invalid() ? \"\" : null", "attr.data-complete": "isComplete() ? \"\" : null" }, classAttribute: "frame-input-otp" }, providers: [
             provideDsValueAccessor(FrInputOtp),
             {
                 provide: FR_INPUT_OTP_CONTROLLER,
                 useExisting: FrInputOtp,
             },
-        ], viewQueries: [{ propertyName: "nativeInput", first: true, predicate: ["nativeInput"], descendants: true }], exportAs: ["frInputOtp"], usesInheritance: true, ngImport: i0, template: `
-    <input
-      #nativeInput
-      frInput
-      class="frame-input-otp__native"
-      type="text"
-      inputmode="numeric"
-      autocomplete="one-time-code"
-      [attr.aria-invalid]="invalid() ? 'true' : null"
-      [attr.aria-label]="ariaLabel()"
-      [disabled]="disabled()"
-      [maxLength]="maxLength()"
-      [value]="value()"
-      (blur)="markTouched()"
-      (focus)="syncActiveIndex()"
-      (input)="handleNativeInput($any($event.target).value)"
-      (keydown)="handleKeydown($event)"
-      (paste)="handlePaste($event)"
-      (select)="syncActiveIndex()"
-      (click)="syncActiveIndex()"
-    />
-
-    <ng-content />
+        ], viewQueries: [{ propertyName: "nativeInput", first: true, predicate: ["nativeInput"], descendants: true, isSignal: true }], exportAs: ["frInputOtp"], usesInheritance: true, ngImport: i0, template: `
+    <input
+      #nativeInput
+      frInput
+      class="frame-input-otp__native"
+      type="text"
+      inputmode="numeric"
+      autocomplete="one-time-code"
+      [attr.aria-invalid]="invalid() ? 'true' : null"
+      [attr.aria-label]="ariaLabel()"
+      [disabled]="disabled()"
+      [maxLength]="maxLength()"
+      [value]="value()"
+      (blur)="markTouched()"
+      (focus)="syncActiveIndex()"
+      (input)="handleNativeInput($any($event.target).value)"
+      (keydown)="handleKeydown($event)"
+      (paste)="handlePaste($event)"
+      (select)="syncActiveIndex()"
+      (click)="syncActiveIndex()"
+    />
+
+    <ng-content />
   `, isInline: true, dependencies: [{ kind: "directive", type: FrInput, selector: "input[frInput]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrInputOtp, decorators: [{
@@ -180,35 +183,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
                         '[attr.data-complete]': 'isComplete() ? "" : null',
                         '(click)': 'focus(activeIndex())',
                     },
-                    template: `
-    <input
-      #nativeInput
-      frInput
-      class="frame-input-otp__native"
-      type="text"
-      inputmode="numeric"
-      autocomplete="one-time-code"
-      [attr.aria-invalid]="invalid() ? 'true' : null"
-      [attr.aria-label]="ariaLabel()"
-      [disabled]="disabled()"
-      [maxLength]="maxLength()"
-      [value]="value()"
-      (blur)="markTouched()"
-      (focus)="syncActiveIndex()"
-      (input)="handleNativeInput($any($event.target).value)"
-      (keydown)="handleKeydown($event)"
-      (paste)="handlePaste($event)"
-      (select)="syncActiveIndex()"
-      (click)="syncActiveIndex()"
-    />
-
-    <ng-content />
+                    template: `
+    <input
+      #nativeInput
+      frInput
+      class="frame-input-otp__native"
+      type="text"
+      inputmode="numeric"
+      autocomplete="one-time-code"
+      [attr.aria-invalid]="invalid() ? 'true' : null"
+      [attr.aria-label]="ariaLabel()"
+      [disabled]="disabled()"
+      [maxLength]="maxLength()"
+      [value]="value()"
+      (blur)="markTouched()"
+      (focus)="syncActiveIndex()"
+      (input)="handleNativeInput($any($event.target).value)"
+      (keydown)="handleKeydown($event)"
+      (paste)="handlePaste($event)"
+      (select)="syncActiveIndex()"
+      (click)="syncActiveIndex()"
+    />
+
+    <ng-content />
   `,
                 }]
-        }], propDecorators: { nativeInput: [{
-                type: ViewChild,
-                args: ['nativeInput']
-            }], maxLength: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxLength", required: false }] }], pattern: [{ type: i0.Input, args: [{ isSignal: true, alias: "pattern", required: false }] }], disabledInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalidInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }], complete: [{ type: i0.Output, args: ["complete"] }] } });
+        }], propDecorators: { nativeInput: [{ type: i0.ViewChild, args: ['nativeInput', { isSignal: true }] }], maxLength: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxLength", required: false }] }], pattern: [{ type: i0.Input, args: [{ isSignal: true, alias: "pattern", required: false }] }], disabledInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalidInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }], complete: [{ type: i0.Output, args: ["complete"] }] } });
+/** Group slot for input otp. */
 class FrInputOtpGroup {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrInputOtpGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrInputOtpGroup, isStandalone: true, selector: "[frInputOtpGroup], frame-input-otp-group", host: { classAttribute: "frame-input-otp__group" }, ngImport: i0 });
@@ -222,6 +223,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
                     },
                 }]
         }] });
+/** Input slot for one OTP character. */
 class FrInputOtpSlot {
     root = inject(FR_INPUT_OTP_CONTROLLER);
     index = input.required(...(ngDevMode ? [{ debugName: "index" }] : /* istanbul ignore next */ []));
@@ -230,10 +232,10 @@ class FrInputOtpSlot {
     filled = computed(() => !!this.char(), ...(ngDevMode ? [{ debugName: "filled" }] : /* istanbul ignore next */ []));
     active = computed(() => this.root.activeIndex() === this.index(), ...(ngDevMode ? [{ debugName: "active" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrInputOtpSlot, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.16", type: FrInputOtpSlot, isStandalone: true, selector: "[frInputOtpSlot], frame-input-otp-slot", inputs: { index: { classPropertyName: "index", publicName: "index", isSignal: true, isRequired: true, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "presentation" }, listeners: { "click": "root.focus(index())" }, properties: { "attr.data-active": "active() ? \"\" : null", "attr.data-filled": "filled() ? \"\" : null", "attr.data-invalid": "root.invalid() ? \"\" : null", "attr.data-disabled": "root.disabled() ? \"\" : null" }, classAttribute: "frame-input-otp__slot" }, ngImport: i0, template: `
-    <span class="frame-input-otp__slot-char" [ngClass]="{ 'frame-input-otp__slot-char--empty': !filled() }">
-      {{ char() || placeholder() }}
-    </span>
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.16", type: FrInputOtpSlot, isStandalone: true, selector: "[frInputOtpSlot], frame-input-otp-slot", inputs: { index: { classPropertyName: "index", publicName: "index", isSignal: true, isRequired: true, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "presentation" }, listeners: { "click": "root.focus(index())" }, properties: { "attr.data-active": "active() ? \"\" : null", "attr.data-filled": "filled() ? \"\" : null", "attr.data-invalid": "root.invalid() ? \"\" : null", "attr.data-disabled": "root.disabled() ? \"\" : null" }, classAttribute: "frame-input-otp__slot" }, ngImport: i0, template: `
+    <span class="frame-input-otp__slot-char" [ngClass]="{ 'frame-input-otp__slot-char--empty': !filled() }">
+      {{ char() || placeholder() }}
+    </span>
   `, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrInputOtpSlot, decorators: [{
@@ -251,13 +253,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
                         '[attr.data-disabled]': 'root.disabled() ? "" : null',
                         '(click)': 'root.focus(index())',
                     },
-                    template: `
-    <span class="frame-input-otp__slot-char" [ngClass]="{ 'frame-input-otp__slot-char--empty': !filled() }">
-      {{ char() || placeholder() }}
-    </span>
+                    template: `
+    <span class="frame-input-otp__slot-char" [ngClass]="{ 'frame-input-otp__slot-char--empty': !filled() }">
+      {{ char() || placeholder() }}
+    </span>
   `,
                 }]
         }], propDecorators: { index: [{ type: i0.Input, args: [{ isSignal: true, alias: "index", required: true }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }] } });
+/** Separator slot for input otp. */
 class FrInputOtpSeparator {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrInputOtpSeparator, deps: [], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrInputOtpSeparator, isStandalone: true, selector: "[frInputOtpSeparator], frame-input-otp-separator", host: { attributes: { "role": "separator", "aria-hidden": "true" }, classAttribute: "frame-input-otp__separator" }, ngImport: i0 });
@@ -286,9 +289,6 @@ function toMatcher(pattern) {
     const regex = new RegExp(pattern);
     return (character) => regex.test(character);
 }
-function clamp(value, min, max) {
-    return Math.max(min, Math.min(max, value));
-}
 
 class FrInputOtpModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrInputOtpModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });

package/fesm2022/frame-ui-ng-components-input-otp.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"frame-ui-ng-components-input-otp.mjs","sources":["../../../projects/components/input-otp/src/input-otp.ts","../../../projects/components/input-otp/input-otp.module.ts","../../../projects/components/input-otp/frame-ui-ng-components-input-otp.ts"],"sourcesContent":["import { NgClass } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  Directive,\n  ElementRef,\n  InjectionToken,\n  ViewChild,\n  booleanAttribute,\n  computed,\n  inject,\n  input,\n  numberAttribute,\n  output,\n  signal,\n} from '@angular/core';\n\nimport { FrControlValueAccessor, provideDsValueAccessor } from '@frame-ui-ng/components/forms';\nimport { FrInput } from '@frame-ui-ng/components/input';\n\nexport const FR_INPUT_OTP_PATTERN_DIGITS = /^[0-9]$/;\nexport const FR_INPUT_OTP_PATTERN_DIGITS_AND_CHARS = /^[a-zA-Z0-9]$/;\n\nexport type FrInputOtpPattern = RegExp | string | null;\n\ntype FrInputOtpController = {\n  activeIndex: () => number;\n  charAt: (index: number) => string;\n  disabled: () => boolean;\n  focus: (index?: number) => void;\n  invalid: () => boolean;\n};\n\nconst FR_INPUT_OTP_CONTROLLER = new InjectionToken<FrInputOtpController>('FrInputOtpController');\n\n@Component({\n  selector: 'frame-input-otp',\n  exportAs: 'frInputOtp',\n  imports: [FrInput],\n  providers: [\n    provideDsValueAccessor(FrInputOtp),\n    {\n      provide: FR_INPUT_OTP_CONTROLLER,\n      useExisting: FrInputOtp,\n    },\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'frame-input-otp',\n    role: 'group',\n    '[attr.data-disabled]': 'disabled() ? \"\" : null',\n    '[attr.data-invalid]': 'invalid() ? \"\" : null',\n    '[attr.data-complete]': 'isComplete() ? \"\" : null',\n    '(click)': 'focus(activeIndex())',\n  },\n  template: `\n    <input\n      #nativeInput\n      frInput\n      class=\"frame-input-otp__native\"\n      type=\"text\"\n      inputmode=\"numeric\"\n      autocomplete=\"one-time-code\"\n      [attr.aria-invalid]=\"invalid() ? 'true' : null\"\n      [attr.aria-label]=\"ariaLabel()\"\n      [disabled]=\"disabled()\"\n      [maxLength]=\"maxLength()\"\n      [value]=\"value()\"\n      (blur)=\"markTouched()\"\n      (focus)=\"syncActiveIndex()\"\n      (input)=\"handleNativeInput($any($event.target).value)\"\n      (keydown)=\"handleKeydown($event)\"\n      (paste)=\"handlePaste($event)\"\n      (select)=\"syncActiveIndex()\"\n      (click)=\"syncActiveIndex()\"\n    />\n\n    <ng-content />\n  `,\n})\nexport class FrInputOtp extends FrControlValueAccessor<string> {\n  @ViewChild('nativeInput') private readonly nativeInput?: ElementRef<HTMLInputElement>;\n\n  readonly maxLength = input(6, { transform: numberAttribute });\n  readonly pattern = input<FrInputOtpPattern>(FR_INPUT_OTP_PATTERN_DIGITS);\n  readonly disabledInput = input(false, { alias: 'disabled', transform: booleanAttribute });\n  readonly invalidInput = input(false, { alias: 'invalid', transform: booleanAttribute });\n  readonly ariaLabel = input('One-time password');\n\n  readonly valueChange = output<string>();\n  readonly complete = output<string>();\n\n  protected readonly value = signal('');\n  readonly activeIndex = signal(0);\n  readonly disabled = computed(() => this.disabledInput() || this.formDisabled());\n  readonly invalid = computed(() => this.invalidInput() || this.formInvalid());\n  readonly isComplete = computed(() => this.value().length >= this.maxLength());\n\n  focus(index = this.activeIndex()): void {\n    if (this.disabled()) {\n      return;\n    }\n\n    const inputElement = this.nativeInput?.nativeElement;\n\n    if (!inputElement) {\n      return;\n    }\n\n    const nextIndex = clamp(index, 0, this.maxLength());\n    inputElement.focus();\n    inputElement.setSelectionRange(nextIndex, nextIndex);\n    this.activeIndex.set(nextIndex);\n  }\n\n  charAt(index: number): string {\n    return this.value().at(index) ?? '';\n  }\n\n  handleNativeInput(rawValue: string): void {\n    this.commitValue(this.sanitize(rawValue));\n    this.syncActiveIndex();\n  }\n\n  handleKeydown(event: KeyboardEvent): void {\n    if (this.disabled()) {\n      return;\n    }\n\n    if (event.key === 'ArrowLeft') {\n      event.preventDefault();\n      this.focus(this.activeIndex() - 1);\n      return;\n    }\n\n    if (event.key === 'ArrowRight') {\n      event.preventDefault();\n      this.focus(this.activeIndex() + 1);\n      return;\n    }\n\n    if (event.key === 'Backspace') {\n      event.preventDefault();\n      this.removeAt(this.activeIndex());\n      return;\n    }\n\n    if (event.key.length === 1 && !event.ctrlKey && !event.metaKey && !event.altKey) {\n      event.preventDefault();\n      this.insertAt(event.key, this.activeIndex());\n    }\n  }\n\n  handlePaste(event: ClipboardEvent): void {\n    const text = event.clipboardData?.getData('text') ?? '';\n\n    if (!text) {\n      return;\n    }\n\n    event.preventDefault();\n    const next = this.replaceFrom(this.activeIndex(), this.sanitize(text));\n    this.commitValue(next);\n    this.focus(Math.min(next.length, this.maxLength()));\n  }\n\n  syncActiveIndex(): void {\n    const inputElement = this.nativeInput?.nativeElement;\n    const index = inputElement?.selectionStart ?? this.value().length;\n    this.activeIndex.set(clamp(index, 0, this.maxLength()));\n  }\n\n  markTouched(): void {\n    this.markAsTouched();\n  }\n\n  protected setViewValue(value: string | null): void {\n    this.value.set(this.sanitize(value ?? ''));\n    this.activeIndex.set(Math.min(this.value().length, this.maxLength()));\n  }\n\n  private insertAt(character: string, index: number): void {\n    const sanitized = this.sanitize(character);\n\n    if (!sanitized) {\n      return;\n    }\n\n    const next = this.replaceFrom(index, sanitized.at(0) ?? '');\n    this.commitValue(next);\n    this.focus(Math.min(index + 1, this.maxLength()));\n  }\n\n  private removeAt(index: number): void {\n    const value = this.value();\n    const targetIndex = value.at(index) ? index : index - 1;\n\n    if (targetIndex < 0) {\n      return;\n    }\n\n    const next = `${value.slice(0, targetIndex)}${value.slice(targetIndex + 1)}`;\n    this.commitValue(next);\n    this.focus(targetIndex);\n  }\n\n  private replaceFrom(index: number, text: string): string {\n    const value = this.value();\n    const start = clamp(index, 0, this.maxLength());\n    const next = `${value.slice(0, start)}${text}${value.slice(start + text.length)}`;\n\n    return this.sanitize(next);\n  }\n\n  private commitValue(value: string): void {\n    const next = this.sanitize(value);\n    this.value.set(next);\n    this.notifyValueChange(next);\n    this.valueChange.emit(next);\n\n    if (next.length >= this.maxLength()) {\n      this.complete.emit(next);\n    }\n  }\n\n  private sanitize(value: string): string {\n    const matcher = toMatcher(this.pattern());\n    const characters = Array.from(value).filter((character) => matcher(character));\n\n    return characters.slice(0, this.maxLength()).join('');\n  }\n}\n\n@Directive({\n  selector: '[frInputOtpGroup], frame-input-otp-group',\n  host: {\n    class: 'frame-input-otp__group',\n  },\n})\nexport class FrInputOtpGroup {}\n\n@Component({\n  selector: '[frInputOtpSlot], frame-input-otp-slot',\n  imports: [NgClass],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'frame-input-otp__slot',\n    role: 'presentation',\n    '[attr.data-active]': 'active() ? \"\" : null',\n    '[attr.data-filled]': 'filled() ? \"\" : null',\n    '[attr.data-invalid]': 'root.invalid() ? \"\" : null',\n    '[attr.data-disabled]': 'root.disabled() ? \"\" : null',\n    '(click)': 'root.focus(index())',\n  },\n  template: `\n    <span class=\"frame-input-otp__slot-char\" [ngClass]=\"{ 'frame-input-otp__slot-char--empty': !filled() }\">\n      {{ char() || placeholder() }}\n    </span>\n  `,\n})\nexport class FrInputOtpSlot {\n  protected readonly root = inject(FR_INPUT_OTP_CONTROLLER);\n\n  readonly index = input.required<number>();\n  readonly placeholder = input('');\n\n  readonly char = computed(() => this.root.charAt(this.index()));\n  readonly filled = computed(() => !!this.char());\n  readonly active = computed(() => this.root.activeIndex() === this.index());\n}\n\n@Directive({\n  selector: '[frInputOtpSeparator], frame-input-otp-separator',\n  host: {\n    class: 'frame-input-otp__separator',\n    role: 'separator',\n    'aria-hidden': 'true',\n  },\n})\nexport class FrInputOtpSeparator {}\n\nfunction toMatcher(pattern: FrInputOtpPattern): (character: string) => boolean {\n  if (!pattern) {\n    return () => true;\n  }\n\n  if (pattern instanceof RegExp) {\n    return (character) => {\n      pattern.lastIndex = 0;\n      return pattern.test(character);\n    };\n  }\n\n  const regex = new RegExp(pattern);\n  return (character) => regex.test(character);\n}\n\nfunction clamp(value: number, min: number, max: number): number {\n  return Math.max(min, Math.min(max, value));\n}\n\r\n","import { NgModule } from '@angular/core';\nimport {\n  FrInputOtp,\n  FrInputOtpGroup,\n  FrInputOtpSeparator,\n  FrInputOtpSlot,\n} from './src/input-otp';\n\n@NgModule({\n  imports: [\n    FrInputOtp,\n    FrInputOtpGroup,\n    FrInputOtpSeparator,\n    FrInputOtpSlot,\n  ],\n  exports: [\n    FrInputOtp,\n    FrInputOtpGroup,\n    FrInputOtpSeparator,\n    FrInputOtpSlot,\n  ],\n})\nexport class FrInputOtpModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"frame-ui-ng-components-input-otp.mjs","sources":["../../../projects/components/input-otp/src/input-otp.ts","../../../projects/components/input-otp/input-otp.module.ts","../../../projects/components/input-otp/frame-ui-ng-components-input-otp.ts"],"sourcesContent":["import { NgClass } from '@angular/common';\r\nimport {\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  Directive,\r\n  ElementRef,\r\n  InjectionToken,\r\n  booleanAttribute,\r\n  computed,\r\n  inject,\r\n  input,\r\n  numberAttribute,\r\n  output,\r\n  signal,\r\n  viewChild,\r\n} from '@angular/core';\r\n\r\nimport { FrControlValueAccessor, provideDsValueAccessor } from '@frame-ui-ng/components/forms';\r\nimport { FrInput } from '@frame-ui-ng/components/input';\r\nimport { clampNumber } from '@frame-ui-ng/components/utils';\r\n\r\nexport const FR_INPUT_OTP_PATTERN_DIGITS = /^[0-9]$/;\r\nexport const FR_INPUT_OTP_PATTERN_DIGITS_AND_CHARS = /^[a-zA-Z0-9]$/;\r\n\r\nexport type FrInputOtpPattern = RegExp | string | null;\r\n\r\ntype FrInputOtpController = {\r\n  activeIndex: () => number;\r\n  charAt: (index: number) => string;\r\n  disabled: () => boolean;\r\n  focus: (index?: number) => void;\r\n  invalid: () => boolean;\r\n};\r\n\r\nconst FR_INPUT_OTP_CONTROLLER = new InjectionToken<FrInputOtpController>('FrInputOtpController');\r\n\r\n/** One-time-code input with grouped slots. */\r\n@Component({\r\n  selector: 'frame-input-otp',\r\n  exportAs: 'frInputOtp',\r\n  imports: [FrInput],\r\n  providers: [\r\n    provideDsValueAccessor(FrInputOtp),\r\n    {\r\n      provide: FR_INPUT_OTP_CONTROLLER,\r\n      useExisting: FrInputOtp,\r\n    },\r\n  ],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    class: 'frame-input-otp',\r\n    role: 'group',\r\n    '[attr.data-disabled]': 'disabled() ? \"\" : null',\r\n    '[attr.data-invalid]': 'invalid() ? \"\" : null',\r\n    '[attr.data-complete]': 'isComplete() ? \"\" : null',\r\n    '(click)': 'focus(activeIndex())',\r\n  },\r\n  template: `\r\n    <input\r\n      #nativeInput\r\n      frInput\r\n      class=\"frame-input-otp__native\"\r\n      type=\"text\"\r\n      inputmode=\"numeric\"\r\n      autocomplete=\"one-time-code\"\r\n      [attr.aria-invalid]=\"invalid() ? 'true' : null\"\r\n      [attr.aria-label]=\"ariaLabel()\"\r\n      [disabled]=\"disabled()\"\r\n      [maxLength]=\"maxLength()\"\r\n      [value]=\"value()\"\r\n      (blur)=\"markTouched()\"\r\n      (focus)=\"syncActiveIndex()\"\r\n      (input)=\"handleNativeInput($any($event.target).value)\"\r\n      (keydown)=\"handleKeydown($event)\"\r\n      (paste)=\"handlePaste($event)\"\r\n      (select)=\"syncActiveIndex()\"\r\n      (click)=\"syncActiveIndex()\"\r\n    />\r\n\r\n    <ng-content />\r\n  `,\r\n})\r\nexport class FrInputOtp extends FrControlValueAccessor<string> {\r\n  private readonly nativeInput = viewChild<ElementRef<HTMLInputElement>>('nativeInput');\r\n\r\n  readonly maxLength = input(6, { transform: numberAttribute });\r\n  readonly pattern = input<FrInputOtpPattern>(FR_INPUT_OTP_PATTERN_DIGITS);\r\n  readonly disabledInput = input(false, { alias: 'disabled', transform: booleanAttribute });\r\n  readonly invalidInput = input(false, { alias: 'invalid', transform: booleanAttribute });\r\n  readonly ariaLabel = input('One-time password');\r\n\r\n  readonly valueChange = output<string>();\r\n  readonly complete = output<string>();\r\n\r\n  protected readonly value = signal('');\r\n  readonly activeIndex = signal(0);\r\n  readonly disabled = computed(() => this.disabledInput() || this.formDisabled());\r\n  readonly invalid = computed(() => this.invalidInput() || this.formInvalid());\r\n  readonly isComplete = computed(() => this.value().length >= this.maxLength());\r\n\r\n  focus(index = this.activeIndex()): void {\r\n    if (this.disabled()) {\r\n      return;\r\n    }\r\n\r\n    const inputElement = this.nativeInput()?.nativeElement;\r\n\r\n    if (!inputElement) {\r\n      return;\r\n    }\r\n\r\n    const nextIndex = clampNumber(index, 0, this.maxLength());\r\n    inputElement.focus();\r\n    inputElement.setSelectionRange(nextIndex, nextIndex);\r\n    this.activeIndex.set(nextIndex);\r\n  }\r\n\r\n  charAt(index: number): string {\r\n    return this.value().at(index) ?? '';\r\n  }\r\n\r\n  handleNativeInput(rawValue: string): void {\r\n    this.commitValue(this.sanitize(rawValue));\r\n    this.syncActiveIndex();\r\n  }\r\n\r\n  handleKeydown(event: KeyboardEvent): void {\r\n    if (this.disabled()) {\r\n      return;\r\n    }\r\n\r\n    if (event.key === 'ArrowLeft') {\r\n      event.preventDefault();\r\n      this.focus(this.activeIndex() - 1);\r\n      return;\r\n    }\r\n\r\n    if (event.key === 'ArrowRight') {\r\n      event.preventDefault();\r\n      this.focus(this.activeIndex() + 1);\r\n      return;\r\n    }\r\n\r\n    if (event.key === 'Backspace') {\r\n      event.preventDefault();\r\n      this.removeAt(this.activeIndex());\r\n      return;\r\n    }\r\n\r\n    if (event.key.length === 1 && !event.ctrlKey && !event.metaKey && !event.altKey) {\r\n      event.preventDefault();\r\n      this.insertAt(event.key, this.activeIndex());\r\n    }\r\n  }\r\n\r\n  handlePaste(event: ClipboardEvent): void {\r\n    const text = event.clipboardData?.getData('text') ?? '';\r\n\r\n    if (!text) {\r\n      return;\r\n    }\r\n\r\n    event.preventDefault();\r\n    const next = this.replaceFrom(this.activeIndex(), this.sanitize(text));\r\n    this.commitValue(next);\r\n    this.focus(Math.min(next.length, this.maxLength()));\r\n  }\r\n\r\n  syncActiveIndex(): void {\r\n    const inputElement = this.nativeInput()?.nativeElement;\r\n    const index = inputElement?.selectionStart ?? this.value().length;\r\n    this.activeIndex.set(clampNumber(index, 0, this.maxLength()));\r\n  }\r\n\r\n  markTouched(): void {\r\n    this.markAsTouched();\r\n  }\r\n\r\n  protected setViewValue(value: string | null): void {\r\n    this.value.set(this.sanitize(value ?? ''));\r\n    this.activeIndex.set(Math.min(this.value().length, this.maxLength()));\r\n  }\r\n\r\n  private insertAt(character: string, index: number): void {\r\n    const sanitized = this.sanitize(character);\r\n\r\n    if (!sanitized) {\r\n      return;\r\n    }\r\n\r\n    const next = this.replaceFrom(index, sanitized.at(0) ?? '');\r\n    this.commitValue(next);\r\n    this.focus(Math.min(index + 1, this.maxLength()));\r\n  }\r\n\r\n  private removeAt(index: number): void {\r\n    const value = this.value();\r\n    const targetIndex = value.at(index) ? index : index - 1;\r\n\r\n    if (targetIndex < 0) {\r\n      return;\r\n    }\r\n\r\n    const next = `${value.slice(0, targetIndex)}${value.slice(targetIndex + 1)}`;\r\n    this.commitValue(next);\r\n    this.focus(targetIndex);\r\n  }\r\n\r\n  private replaceFrom(index: number, text: string): string {\r\n    const value = this.value();\r\n    const start = clampNumber(index, 0, this.maxLength());\r\n    // The hidden input is the source of truth; visual slots are projections of this string.\r\n    const next = `${value.slice(0, start)}${text}${value.slice(start + text.length)}`;\r\n\r\n    return this.sanitize(next);\r\n  }\r\n\r\n  private commitValue(value: string): void {\r\n    const next = this.sanitize(value);\r\n    this.value.set(next);\r\n    this.notifyValueChange(next);\r\n    this.valueChange.emit(next);\r\n\r\n    if (next.length >= this.maxLength()) {\r\n      this.complete.emit(next);\r\n    }\r\n  }\r\n\r\n  private sanitize(value: string): string {\r\n    const matcher = toMatcher(this.pattern());\r\n    const characters = Array.from(value).filter((character) => matcher(character));\r\n\r\n    return characters.slice(0, this.maxLength()).join('');\r\n  }\r\n}\r\n\r\n/** Group slot for input otp. */\r\n@Directive({\r\n  selector: '[frInputOtpGroup], frame-input-otp-group',\r\n  host: {\r\n    class: 'frame-input-otp__group',\r\n  },\r\n})\r\nexport class FrInputOtpGroup {}\r\n\r\n/** Input slot for one OTP character. */\r\n@Component({\r\n  selector: '[frInputOtpSlot], frame-input-otp-slot',\r\n  imports: [NgClass],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    class: 'frame-input-otp__slot',\r\n    role: 'presentation',\r\n    '[attr.data-active]': 'active() ? \"\" : null',\r\n    '[attr.data-filled]': 'filled() ? \"\" : null',\r\n    '[attr.data-invalid]': 'root.invalid() ? \"\" : null',\r\n    '[attr.data-disabled]': 'root.disabled() ? \"\" : null',\r\n    '(click)': 'root.focus(index())',\r\n  },\r\n  template: `\r\n    <span class=\"frame-input-otp__slot-char\" [ngClass]=\"{ 'frame-input-otp__slot-char--empty': !filled() }\">\r\n      {{ char() || placeholder() }}\r\n    </span>\r\n  `,\r\n})\r\nexport class FrInputOtpSlot {\r\n  protected readonly root = inject(FR_INPUT_OTP_CONTROLLER);\r\n\r\n  readonly index = input.required<number>();\r\n  readonly placeholder = input('');\r\n\r\n  readonly char = computed(() => this.root.charAt(this.index()));\r\n  readonly filled = computed(() => !!this.char());\r\n  readonly active = computed(() => this.root.activeIndex() === this.index());\r\n}\r\n\r\n/** Separator slot for input otp. */\r\n@Directive({\r\n  selector: '[frInputOtpSeparator], frame-input-otp-separator',\r\n  host: {\r\n    class: 'frame-input-otp__separator',\r\n    role: 'separator',\r\n    'aria-hidden': 'true',\r\n  },\r\n})\r\nexport class FrInputOtpSeparator {}\r\n\r\nfunction toMatcher(pattern: FrInputOtpPattern): (character: string) => boolean {\r\n  if (!pattern) {\r\n    return () => true;\r\n  }\r\n\r\n  if (pattern instanceof RegExp) {\r\n    return (character) => {\r\n      pattern.lastIndex = 0;\r\n      return pattern.test(character);\r\n    };\r\n  }\r\n\r\n  const regex = new RegExp(pattern);\r\n  return (character) => regex.test(character);\r\n}\r\n\r\n\r\n","import { NgModule } from '@angular/core';\nimport {\n  FrInputOtp,\n  FrInputOtpGroup,\n  FrInputOtpSeparator,\n  FrInputOtpSlot,\n} from './src/input-otp';\n\n@NgModule({\n  imports: [\n    FrInputOtp,\n    FrInputOtpGroup,\n    FrInputOtpSeparator,\n    FrInputOtpSlot,\n  ],\n  exports: [\n    FrInputOtp,\n    FrInputOtpGroup,\n    FrInputOtpSeparator,\n    FrInputOtpSlot,\n  ],\n})\nexport class FrInputOtpModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/frame-ui-ng-components-input.mjs

@@ -1,6 +1,7 @@
 import * as i0 from '@angular/core';
 import { Directive, input, NgModule } from '@angular/core';
 
+/** Input wrapper for labels, controls, and validation text. */
 class FrInput {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrInput, deps: [], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrInput, isStandalone: true, selector: "input[frInput]", host: { classAttribute: "frame-input" }, ngImport: i0 });
@@ -14,6 +15,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
                     },
                 }]
         }] });
+/** Field slot for input. */
 class FrInputField {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrInputField, deps: [], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrInputField, isStandalone: true, selector: "[frInputField], frame-input-field", host: { classAttribute: "frame-input-field" }, ngImport: i0 });
@@ -27,6 +29,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
                     },
                 }]
         }] });
+/** Header slot for input. */
 class FrInputHeader {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrInputHeader, deps: [], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrInputHeader, isStandalone: true, selector: "[frInputHeader], frame-input-header", host: { classAttribute: "frame-input-header" }, ngImport: i0 });
@@ -40,6 +43,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
                     },
                 }]
         }] });
+/** Control slot for input. */
 class FrInputControl {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrInputControl, deps: [], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrInputControl, isStandalone: true, selector: "[frInputControl], frame-input-control", host: { classAttribute: "frame-input-control" }, ngImport: i0 });
@@ -53,6 +57,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
                     },
                 }]
         }] });
+/** Group slot for input field. */
 class FrInputFieldGroup {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrInputFieldGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrInputFieldGroup, isStandalone: true, selector: "[frInputFieldGroup], frame-input-field-group", host: { classAttribute: "frame-input-field-group" }, ngImport: i0 });
@@ -66,6 +71,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
                     },
                 }]
         }] });
+/** Label slot for input. */
 class FrInputLabel {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrInputLabel, deps: [], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrInputLabel, isStandalone: true, selector: "[frInputLabel], frame-input-label", host: { classAttribute: "frame-input-label" }, ngImport: i0 });
@@ -79,6 +85,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
                     },
                 }]
         }] });
+/** Description slot for input. */
 class FrInputDescription {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrInputDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrInputDescription, isStandalone: true, selector: "[frInputDescription], frame-input-description", host: { classAttribute: "frame-input-description" }, ngImport: i0 });
@@ -92,6 +99,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
                     },
                 }]
         }] });
+/** Error slot for input. */
 class FrInputError {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrInputError, deps: [], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrInputError, isStandalone: true, selector: "[frInputError], frame-input-error", host: { attributes: { "aria-live": "polite" }, classAttribute: "frame-input-error" }, ngImport: i0 });
@@ -106,6 +114,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
                     },
                 }]
         }] });
+/** Badge slot for input. */
 class FrInputBadge {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrInputBadge, deps: [], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrInputBadge, isStandalone: true, selector: "[frInputBadge], frame-input-badge", host: { classAttribute: "frame-input-badge" }, ngImport: i0 });
@@ -122,6 +131,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
 
 const FR_INPUT_GROUP_ADDON_ALIGNS = ['inline-start', 'inline-end'];
 const FR_INPUT_GROUP_ADDON_VARIANTS = ['default', 'ghost'];
+/** Group slot for input. */
 class FrInputGroup {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrInputGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrInputGroup, isStandalone: true, selector: "[frInputGroup], frame-input-group", host: { classAttribute: "frame-input-group" }, ngImport: i0 });
@@ -135,6 +145,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
                     },
                 }]
         }] });
+/** Addon slot for grouped inputs. */
 class FrInputGroupAddon {
     align = input('inline-start', ...(ngDevMode ? [{ debugName: "align" }] : /* istanbul ignore next */ []));
     variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
@@ -152,6 +163,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
                     },
                 }]
         }], propDecorators: { align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }] } });
+/** Text slot for grouped inputs. */
 class FrInputGroupText {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrInputGroupText, deps: [], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrInputGroupText, isStandalone: true, selector: "[frInputGroupText], frame-input-group-text", host: { classAttribute: "frame-input-group__text" }, ngImport: i0 });
@@ -165,6 +177,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
                     },
                 }]
         }] });
+/** Input control slot inside an input group. */
 class FrInputGroupInput {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrInputGroupInput, deps: [], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrInputGroupInput, isStandalone: true, selector: "input[frInputGroupInput]", host: { classAttribute: "frame-input-group__input" }, hostDirectives: [{ directive: FrInput }], ngImport: i0 });

package/fesm2022/frame-ui-ng-components-input.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"frame-ui-ng-components-input.mjs","sources":["../../../projects/components/input/src/input.primitive.ts","../../../projects/components/input/src/input-group.ts","../../../projects/components/input/input.module.ts","../../../projects/components/input/frame-ui-ng-components-input.ts"],"sourcesContent":["import { Directive } from '@angular/core';\n\n@Directive({\n  selector: 'input[frInput]',\n  host: {\n    class: 'frame-input',\n  },\n})\nexport class FrInput {}\n\n@Directive({\n  selector: '[frInputField], frame-input-field',\n  host: {\n    class: 'frame-input-field',\n  },\n})\nexport class FrInputField {}\n\n@Directive({\n  selector: '[frInputHeader], frame-input-header',\n  host: {\n    class: 'frame-input-header',\n  },\n})\nexport class FrInputHeader {}\n\n@Directive({\n  selector: '[frInputControl], frame-input-control',\n  host: {\n    class: 'frame-input-control',\n  },\n})\nexport class FrInputControl {}\n\n@Directive({\n  selector: '[frInputFieldGroup], frame-input-field-group',\n  host: {\n    class: 'frame-input-field-group',\n  },\n})\nexport class FrInputFieldGroup {}\n\n@Directive({\n  selector: '[frInputLabel], frame-input-label',\n  host: {\n    class: 'frame-input-label',\n  },\n})\nexport class FrInputLabel {}\n\n@Directive({\n  selector: '[frInputDescription], frame-input-description',\n  host: {\n    class: 'frame-input-description',\n  },\n})\nexport class FrInputDescription {}\n\n@Directive({\n  selector: '[frInputError], frame-input-error',\n  host: {\n    class: 'frame-input-error',\n    'aria-live': 'polite',\n  },\n})\nexport class FrInputError {}\n\n@Directive({\n  selector: '[frInputBadge], frame-input-badge',\n  host: {\n    class: 'frame-input-badge',\n  },\n})\nexport class FrInputBadge {}\n","import { Directive, input } from '@angular/core';\r\n\r\nimport { FrInput } from './input.primitive';\r\n\r\nexport const FR_INPUT_GROUP_ADDON_ALIGNS = ['inline-start', 'inline-end'] as const;\r\nexport const FR_INPUT_GROUP_ADDON_VARIANTS = ['default', 'ghost'] as const;\r\nexport type FrInputGroupAddonAlign = (typeof FR_INPUT_GROUP_ADDON_ALIGNS)[number];\r\nexport type FrInputGroupAddonVariant = (typeof FR_INPUT_GROUP_ADDON_VARIANTS)[number];\r\n\r\n@Directive({\r\n  selector: '[frInputGroup], frame-input-group',\r\n  host: {\r\n    class: 'frame-input-group',\r\n  },\r\n})\r\nexport class FrInputGroup {}\r\n\r\n@Directive({\r\n  selector: '[frInputGroupAddon], frame-input-group-addon',\r\n  host: {\r\n    class: 'frame-input-group__addon',\r\n    '[attr.data-align]': 'align()',\r\n    '[attr.data-variant]': 'variant()',\r\n  },\r\n})\r\nexport class FrInputGroupAddon {\r\n  readonly align = input<FrInputGroupAddonAlign>('inline-start');\r\n  readonly variant = input<FrInputGroupAddonVariant>('default');\r\n}\r\n\r\n@Directive({\r\n  selector: '[frInputGroupText], frame-input-group-text',\r\n  host: {\r\n    class: 'frame-input-group__text',\r\n  },\r\n})\r\nexport class FrInputGroupText {}\r\n\r\n@Directive({\r\n  selector: 'input[frInputGroupInput]',\r\n  hostDirectives: [FrInput],\r\n  host: {\r\n    class: 'frame-input-group__input',\r\n  },\r\n})\r\nexport class FrInputGroupInput {}\r\n","import { NgModule } from '@angular/core';\nimport {\n  FrInput,\n  FrInputBadge,\n  FrInputControl,\n  FrInputDescription,\n  FrInputError,\n  FrInputField,\n  FrInputFieldGroup,\n  FrInputGroup,\n  FrInputGroupAddon,\n  FrInputGroupInput,\n  FrInputGroupText,\n  FrInputHeader,\n  FrInputLabel,\n} from './src/input';\n\n@NgModule({\n  imports: [\n    FrInput,\n    FrInputBadge,\n    FrInputControl,\n    FrInputDescription,\n    FrInputError,\n    FrInputField,\n    FrInputFieldGroup,\n    FrInputGroup,\n    FrInputGroupAddon,\n    FrInputGroupInput,\n    FrInputGroupText,\n    FrInputHeader,\n    FrInputLabel,\n  ],\n  exports: [\n    FrInput,\n    FrInputBadge,\n    FrInputControl,\n    FrInputDescription,\n    FrInputError,\n    FrInputField,\n    FrInputFieldGroup,\n    FrInputGroup,\n    FrInputGroupAddon,\n    FrInputGroupInput,\n    FrInputGroupText,\n    FrInputHeader,\n    FrInputLabel,\n  ],\n})\nexport class FrInputModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.FrInput"],"mappings":"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"}
+{"version":3,"file":"frame-ui-ng-components-input.mjs","sources":["../../../projects/components/input/src/input.primitive.ts","../../../projects/components/input/src/input-group.ts","../../../projects/components/input/input.module.ts","../../../projects/components/input/frame-ui-ng-components-input.ts"],"sourcesContent":["import { Directive } from '@angular/core';\r\n\r\n/** Input wrapper for labels, controls, and validation text. */\r\n@Directive({\r\n  selector: 'input[frInput]',\r\n  host: {\r\n    class: 'frame-input',\r\n  },\r\n})\r\nexport class FrInput {}\r\n\r\n/** Field slot for input. */\r\n@Directive({\r\n  selector: '[frInputField], frame-input-field',\r\n  host: {\r\n    class: 'frame-input-field',\r\n  },\r\n})\r\nexport class FrInputField {}\r\n\r\n/** Header slot for input. */\r\n@Directive({\r\n  selector: '[frInputHeader], frame-input-header',\r\n  host: {\r\n    class: 'frame-input-header',\r\n  },\r\n})\r\nexport class FrInputHeader {}\r\n\r\n/** Control slot for input. */\r\n@Directive({\r\n  selector: '[frInputControl], frame-input-control',\r\n  host: {\r\n    class: 'frame-input-control',\r\n  },\r\n})\r\nexport class FrInputControl {}\r\n\r\n/** Group slot for input field. */\r\n@Directive({\r\n  selector: '[frInputFieldGroup], frame-input-field-group',\r\n  host: {\r\n    class: 'frame-input-field-group',\r\n  },\r\n})\r\nexport class FrInputFieldGroup {}\r\n\r\n/** Label slot for input. */\r\n@Directive({\r\n  selector: '[frInputLabel], frame-input-label',\r\n  host: {\r\n    class: 'frame-input-label',\r\n  },\r\n})\r\nexport class FrInputLabel {}\r\n\r\n/** Description slot for input. */\r\n@Directive({\r\n  selector: '[frInputDescription], frame-input-description',\r\n  host: {\r\n    class: 'frame-input-description',\r\n  },\r\n})\r\nexport class FrInputDescription {}\r\n\r\n/** Error slot for input. */\r\n@Directive({\r\n  selector: '[frInputError], frame-input-error',\r\n  host: {\r\n    class: 'frame-input-error',\r\n    'aria-live': 'polite',\r\n  },\r\n})\r\nexport class FrInputError {}\r\n\r\n/** Badge slot for input. */\r\n@Directive({\r\n  selector: '[frInputBadge], frame-input-badge',\r\n  host: {\r\n    class: 'frame-input-badge',\r\n  },\r\n})\r\nexport class FrInputBadge {}\r\n\r\n","import { Directive, input } from '@angular/core';\r\n\r\nimport { FrInput } from './input.primitive';\r\n\r\nexport const FR_INPUT_GROUP_ADDON_ALIGNS = ['inline-start', 'inline-end'] as const;\r\nexport const FR_INPUT_GROUP_ADDON_VARIANTS = ['default', 'ghost'] as const;\r\nexport type FrInputGroupAddonAlign = (typeof FR_INPUT_GROUP_ADDON_ALIGNS)[number];\r\nexport type FrInputGroupAddonVariant = (typeof FR_INPUT_GROUP_ADDON_VARIANTS)[number];\r\n\r\n/** Group slot for input. */\r\n@Directive({\r\n  selector: '[frInputGroup], frame-input-group',\r\n  host: {\r\n    class: 'frame-input-group',\r\n  },\r\n})\r\nexport class FrInputGroup {}\r\n\r\n/** Addon slot for grouped inputs. */\r\n@Directive({\r\n  selector: '[frInputGroupAddon], frame-input-group-addon',\r\n  host: {\r\n    class: 'frame-input-group__addon',\r\n    '[attr.data-align]': 'align()',\r\n    '[attr.data-variant]': 'variant()',\r\n  },\r\n})\r\nexport class FrInputGroupAddon {\r\n  readonly align = input<FrInputGroupAddonAlign>('inline-start');\r\n  readonly variant = input<FrInputGroupAddonVariant>('default');\r\n}\r\n\r\n/** Text slot for grouped inputs. */\r\n@Directive({\r\n  selector: '[frInputGroupText], frame-input-group-text',\r\n  host: {\r\n    class: 'frame-input-group__text',\r\n  },\r\n})\r\nexport class FrInputGroupText {}\r\n\r\n/** Input control slot inside an input group. */\r\n@Directive({\r\n  selector: 'input[frInputGroupInput]',\r\n  hostDirectives: [FrInput],\r\n  host: {\r\n    class: 'frame-input-group__input',\r\n  },\r\n})\r\nexport class FrInputGroupInput {}\r\n\r\n","import { NgModule } from '@angular/core';\nimport {\n  FrInput,\n  FrInputBadge,\n  FrInputControl,\n  FrInputDescription,\n  FrInputError,\n  FrInputField,\n  FrInputFieldGroup,\n  FrInputGroup,\n  FrInputGroupAddon,\n  FrInputGroupInput,\n  FrInputGroupText,\n  FrInputHeader,\n  FrInputLabel,\n} from './src/input';\n\n@NgModule({\n  imports: [\n    FrInput,\n    FrInputBadge,\n    FrInputControl,\n    FrInputDescription,\n    FrInputError,\n    FrInputField,\n    FrInputFieldGroup,\n    FrInputGroup,\n    FrInputGroupAddon,\n    FrInputGroupInput,\n    FrInputGroupText,\n    FrInputHeader,\n    FrInputLabel,\n  ],\n  exports: [\n    FrInput,\n    FrInputBadge,\n    FrInputControl,\n    FrInputDescription,\n    FrInputError,\n    FrInputField,\n    FrInputFieldGroup,\n    FrInputGroup,\n    FrInputGroupAddon,\n    FrInputGroupInput,\n    FrInputGroupText,\n    FrInputHeader,\n    FrInputLabel,\n  ],\n})\nexport class FrInputModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.FrInput"],"mappings":"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"}

package/fesm2022/frame-ui-ng-components-item.mjs

@@ -4,6 +4,7 @@ import { input, booleanAttribute, Directive, NgModule } from '@angular/core';
 const FR_ITEM_VARIANTS = ['default', 'outline', 'muted'];
 const FR_ITEM_SIZES = ['default', 'sm', 'xs'];
 const FR_ITEM_MEDIA_VARIANTS = ['default', 'icon', 'image', 'avatar'];
+/** Composable item row for lists and menus. */
 class FrItem {
     disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     interactive = input(false, { ...(ngDevMode ? { debugName: "interactive" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
@@ -25,6 +26,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
                     },
                 }]
         }], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], interactive: [{ type: i0.Input, args: [{ isSignal: true, alias: "interactive", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }] } });
+/** Group slot for item. */
 class FrItemGroup {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrItemGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrItemGroup, isStandalone: true, selector: "[frItemGroup], frame-item-group", host: { classAttribute: "frame-item-group" }, ngImport: i0 });
@@ -38,6 +40,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
                     },
                 }]
         }] });
+/** Separator slot for item. */
 class FrItemSeparator {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrItemSeparator, deps: [], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrItemSeparator, isStandalone: true, selector: "[frItemSeparator], frame-item-separator", host: { attributes: { "role": "separator" }, classAttribute: "frame-item-separator" }, ngImport: i0 });
@@ -52,6 +55,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
                     },
                 }]
         }] });
+/** Header slot for item. */
 class FrItemHeader {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrItemHeader, deps: [], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrItemHeader, isStandalone: true, selector: "[frItemHeader], frame-item-header", host: { classAttribute: "frame-item__header" }, ngImport: i0 });
@@ -65,6 +69,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
                     },
                 }]
         }] });
+/** Media slot for item. */
 class FrItemMedia {
     variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrItemMedia, deps: [], target: i0.ɵɵFactoryTarget.Directive });
@@ -80,6 +85,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
                     },
                 }]
         }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }] } });
+/** Content slot for item. */
 class FrItemContent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrItemContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrItemContent, isStandalone: true, selector: "[frItemContent], frame-item-content", host: { classAttribute: "frame-item__content" }, ngImport: i0 });
@@ -93,6 +99,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
                     },
                 }]
         }] });
+/** Title slot for item. */
 class FrItemTitle {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrItemTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrItemTitle, isStandalone: true, selector: "[frItemTitle], frame-item-title", host: { classAttribute: "frame-item__title" }, ngImport: i0 });
@@ -106,6 +113,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
                     },
                 }]
         }] });
+/** Description slot for item. */
 class FrItemDescription {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrItemDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrItemDescription, isStandalone: true, selector: "[frItemDescription], frame-item-description", host: { classAttribute: "frame-item__description" }, ngImport: i0 });
@@ -119,6 +127,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
                     },
                 }]
         }] });
+/** Actions slot for item. */
 class FrItemActions {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrItemActions, deps: [], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrItemActions, isStandalone: true, selector: "[frItemActions], frame-item-actions", host: { classAttribute: "frame-item__actions" }, ngImport: i0 });
@@ -132,6 +141,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
                     },
                 }]
         }] });
+/** Footer slot for item. */
 class FrItemFooter {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrItemFooter, deps: [], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrItemFooter, isStandalone: true, selector: "[frItemFooter], frame-item-footer", host: { classAttribute: "frame-item__footer" }, ngImport: i0 });