@frame-ui-ng/components 0.2.0-beta.0 → 0.4.0-beta.0

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

@@ -1,14 +1,15 @@
 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');
 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 +26,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 +77,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 +109,7 @@ 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());
         const next = `${value.slice(0, start)}${text}${value.slice(start + text.length)}`;
         return this.sanitize(next);
     }
@@ -127,35 +128,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 +181,32 @@ 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"] }] } });
 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 });
@@ -230,10 +228,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,10 +249,10 @@ 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 }] }] } });
@@ -286,9 +284,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@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    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@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@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@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","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

@@ -121,6 +121,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'];
 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 });
@@ -136,8 +137,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
         }] });
 class FrInputGroupAddon {
     align = input('inline-start', ...(ngDevMode ? [{ debugName: "align" }] : /* istanbul ignore next */ []));
+    variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrInputGroupAddon, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.16", type: FrInputGroupAddon, isStandalone: true, selector: "[frInputGroupAddon], frame-input-group-addon", inputs: { align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-align": "align()" }, classAttribute: "frame-input-group__addon" }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.16", type: FrInputGroupAddon, isStandalone: true, selector: "[frInputGroupAddon], frame-input-group-addon", inputs: { align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-align": "align()", "attr.data-variant": "variant()" }, classAttribute: "frame-input-group__addon" }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrInputGroupAddon, decorators: [{
             type: Directive,
@@ -146,9 +148,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
                     host: {
                         class: 'frame-input-group__addon',
                         '[attr.data-align]': 'align()',
+                        '[attr.data-variant]': 'variant()',
                     },
                 }]
-        }], propDecorators: { align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }] } });
+        }], propDecorators: { align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }] } });
 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 });
@@ -246,5 +249,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { FR_INPUT_GROUP_ADDON_ALIGNS, FrInput, FrInputBadge, FrInputControl, FrInputDescription, FrInputError, FrInputField, FrInputFieldGroup, FrInputGroup, FrInputGroupAddon, FrInputGroupInput, FrInputGroupText, FrInputHeader, FrInputLabel, FrInputModule };
+export { FR_INPUT_GROUP_ADDON_ALIGNS, FR_INPUT_GROUP_ADDON_VARIANTS, FrInput, FrInputBadge, FrInputControl, FrInputDescription, FrInputError, FrInputField, FrInputFieldGroup, FrInputGroup, FrInputGroupAddon, FrInputGroupInput, FrInputGroupText, FrInputHeader, FrInputLabel, FrInputModule };
 //# sourceMappingURL=frame-ui-ng-components-input.mjs.map

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';\n\nimport { FrInput } from './input.primitive';\n\nexport const FR_INPUT_GROUP_ADDON_ALIGNS = ['inline-start', 'inline-end'] as const;\nexport type FrInputGroupAddonAlign = (typeof FR_INPUT_GROUP_ADDON_ALIGNS)[number];\n\n@Directive({\n  selector: '[frInputGroup], frame-input-group',\n  host: {\n    class: 'frame-input-group',\n  },\n})\nexport class FrInputGroup {}\n\n@Directive({\n  selector: '[frInputGroupAddon], frame-input-group-addon',\n  host: {\n    class: 'frame-input-group__addon',\n    '[attr.data-align]': 'align()',\n  },\n})\nexport class FrInputGroupAddon {\n  readonly align = input<FrInputGroupAddonAlign>('inline-start');\n}\n\n@Directive({\n  selector: '[frInputGroupText], frame-input-group-text',\n  host: {\n    class: 'frame-input-group__text',\n  },\n})\nexport class FrInputGroupText {}\n\n@Directive({\n  selector: 'input[frInputGroupInput]',\n  hostDirectives: [FrInput],\n  host: {\n    class: 'frame-input-group__input',\n  },\n})\nexport class FrInputGroupInput {}\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';\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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"}

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

@@ -188,7 +188,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
                 }]
         }] });
 
+class FrModalRef extends DialogRef {
+}
+
 const FR_MODAL_DATA = DIALOG_DATA;
+const FR_MODAL_REF = FrModalRef;
 
 class FrModalShell {
     dialogRef = inject((DialogRef));
@@ -324,26 +328,27 @@ const DEFAULT_PANEL_CLASS = 'frame-modal__overlay-pane';
 const DEFAULT_BACKDROP_CLASS = 'frame-modal__backdrop';
 class FrModalService {
     dialog = inject(Dialog);
-    open(content, config = {}) {
-        if (isComponentType(content) && hasShellOptions(config)) {
+    open(content, dataOrConfig, config) {
+        const resolvedConfig = resolveOpenConfig(content, dataOrConfig, config);
+        if (isComponentType(content) && hasShellOptions(resolvedConfig)) {
             const shellConfig = {
-                ...withoutShellOptions(config),
+                ...withoutShellOptions(resolvedConfig),
                 data: {
                     bodyComponent: content,
-                    bodyData: config.bodyData ?? config.data,
-                    bodyInputs: config.bodyInputs,
-                    description: config.description,
-                    footerActions: config.footerActions,
-                    scrollable: config.scrollable,
-                    showCloseButton: config.showCloseButton,
-                    size: config.size,
-                    stickyFooter: config.stickyFooter,
-                    title: config.title,
+                    bodyData: resolvedConfig.bodyData ?? resolvedConfig.data,
+                    bodyInputs: resolvedConfig.inputs ?? resolvedConfig.bodyInputs,
+                    description: resolvedConfig.description,
+                    footerActions: resolvedConfig.footerActions,
+                    scrollable: resolvedConfig.scrollable,
+                    showCloseButton: resolvedConfig.showCloseButton,
+                    size: resolvedConfig.size,
+                    stickyFooter: resolvedConfig.stickyFooter,
+                    title: resolvedConfig.title,
                 },
             };
             return this.dialog.open(FrModalShell, this.withDefaultClasses(shellConfig));
         }
-        return this.dialog.open(content, this.withDefaultClasses(config));
+        return this.dialog.open(content, this.withDefaultClasses(resolvedConfig));
     }
     closeAll() {
         this.dialog.closeAll();
@@ -357,6 +362,7 @@ class FrModalService {
             ...config,
             panelClass: mergeClassList(config.panelClass, DEFAULT_PANEL_CLASS),
             backdropClass: mergeClassList(config.backdropClass, DEFAULT_BACKDROP_CLASS),
+            providers: withModalRefProvider(config.providers),
         };
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrModalService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
@@ -375,6 +381,7 @@ function hasShellOptions(config) {
         config.bodyInputs,
         config.description,
         config.footerActions,
+        config.inputs,
         config.scrollable,
         config.showCloseButton,
         config.size,
@@ -383,9 +390,70 @@ function hasShellOptions(config) {
     ].some((value) => value !== undefined);
 }
 function withoutShellOptions(config) {
-    const { bodyData: _bodyData, bodyInputs: _bodyInputs, description: _description, footerActions: _footerActions, scrollable: _scrollable, showCloseButton: _showCloseButton, size: _size, stickyFooter: _stickyFooter, title: _title, ...dialogConfig } = config;
+    const { bodyData: _bodyData, bodyInputs: _bodyInputs, description: _description, footerActions: _footerActions, inputs: _inputs, scrollable: _scrollable, showCloseButton: _showCloseButton, size: _size, stickyFooter: _stickyFooter, title: _title, ...dialogConfig } = config;
     return dialogConfig;
 }
+function resolveOpenConfig(content, dataOrConfig, config) {
+    if (!isComponentType(content)) {
+        return (dataOrConfig ?? {});
+    }
+    if (config) {
+        return {
+            ...config,
+            data: dataOrConfig,
+        };
+    }
+    if (dataOrConfig === undefined) {
+        return {};
+    }
+    if (isModalConfig(dataOrConfig)) {
+        return dataOrConfig;
+    }
+    return {
+        data: dataOrConfig,
+    };
+}
+const CONFIG_KEYS = new Set([
+    'ariaDescribedBy',
+    'ariaLabel',
+    'ariaLabelledBy',
+    'ariaModal',
+    'autoFocus',
+    'backdropClass',
+    'bodyData',
+    'bodyInputs',
+    'closeOnDestroy',
+    'closeOnNavigation',
+    'data',
+    'description',
+    'direction',
+    'disableClose',
+    'footerActions',
+    'height',
+    'inputs',
+    'maxHeight',
+    'maxWidth',
+    'minHeight',
+    'minWidth',
+    'panelClass',
+    'positionStrategy',
+    'providers',
+    'restoreFocus',
+    'role',
+    'scrollable',
+    'showCloseButton',
+    'size',
+    'stickyFooter',
+    'title',
+    'viewContainerRef',
+    'width',
+]);
+function isModalConfig(value) {
+    if (!value || typeof value !== 'object' || Array.isArray(value)) {
+        return false;
+    }
+    return Object.keys(value).some((key) => CONFIG_KEYS.has(key));
+}
 function mergeClassList(classList, defaultClass) {
     const classes = Array.isArray(classList)
         ? classList
@@ -394,6 +462,16 @@ function mergeClassList(classList, defaultClass) {
             : [];
     return Array.from(new Set([defaultClass, ...classes].filter(Boolean)));
 }
+function withModalRefProvider(providers) {
+    const modalRefProvider = { provide: FrModalRef, useExisting: DialogRef };
+    if (typeof providers === 'function') {
+        return (dialogRef, config, container) => [
+            modalRefProvider,
+            ...providers(dialogRef, config, container),
+        ];
+    }
+    return [modalRefProvider, ...(providers ?? [])];
+}
 
 class FrModalTrigger {
     static CUSTOM_PROPERTY_PREFIX = '--frame-modal-';
@@ -521,5 +599,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { FR_MODAL_DATA, FrModalBody, FrModalClose, FrModalContent, FrModalDescription, FrModalFooter, FrModalHeader, FrModalModule, FrModalPanel, FrModalService, FrModalShell, FrModalTitle, FrModalTrigger };
+export { FR_MODAL_DATA, FR_MODAL_REF, FrModalBody, FrModalClose, FrModalContent, FrModalDescription, FrModalFooter, FrModalHeader, FrModalModule, FrModalPanel, FrModalRef, FrModalService, FrModalShell, FrModalTitle, FrModalTrigger };
 //# sourceMappingURL=frame-ui-ng-components-modal.mjs.map