@ojiepermana/angular 22.1.13 → 22.2.0

package/types/ojiepermana-angular-component-input-otp.d.ts

@@ -1,155 +1,248 @@
-import * as _angular_core from '@angular/core';
-import { OnInit, AfterViewInit } from '@angular/core';
-import { ControlValueAccessor } from '@angular/forms';
-
-declare const REGEXP_ONLY_DIGITS: RegExp;
-declare const REGEXP_ONLY_DIGITS_AND_CHARS: RegExp;
+import * as i0 from "@angular/core";
+import { AfterViewInit, OnInit } from "@angular/core";
+import { ControlValueAccessor } from "@angular/forms";
+export declare const REGEXP_ONLY_DIGITS: RegExp;
+export declare const REGEXP_ONLY_DIGITS_AND_CHARS: RegExp;
 declare abstract class InputOtpContextBase {
-    abstract maxLength(): number;
-    abstract slotId(index: number): string;
-    abstract slotValue(index: number): string;
-    abstract slotAriaLabel(index: number): string;
-    abstract slotAriaLabelledBy(index: number): string | null;
-    abstract slotAriaDescribedBy(): string | null;
-    abstract slotInputMode(): string | null;
-    abstract slotAutocomplete(index: number): string | null;
-    abstract isDisabled(): boolean;
-    abstract isRequired(): boolean;
-    abstract isInvalid(): boolean;
-    abstract isActive(index: number): boolean;
-    abstract handleSlotFocus(index: number): void;
-    abstract handleSlotInput(index: number, value: string): void;
-    abstract handleSlotKeydown(index: number, event: KeyboardEvent): void;
-    abstract handleSlotPaste(index: number, event: ClipboardEvent): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputOtpContextBase, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<InputOtpContextBase, never, never, {}, {}, never, never, true, never>;
+  abstract maxLength(): number;
+  abstract slotId(index: number): string;
+  abstract slotValue(index: number): string;
+  abstract slotAriaLabel(index: number): string;
+  abstract slotAriaLabelledBy(index: number): string | null;
+  abstract slotAriaDescribedBy(): string | null;
+  abstract slotInputMode(): string | null;
+  abstract slotAutocomplete(index: number): string | null;
+  abstract isDisabled(): boolean;
+  abstract isRequired(): boolean;
+  abstract isInvalid(): boolean;
+  abstract isActive(index: number): boolean;
+  abstract handleSlotFocus(index: number): void;
+  abstract handleSlotInput(index: number, value: string): void;
+  abstract handleSlotKeydown(index: number, event: KeyboardEvent): void;
+  abstract handleSlotPaste(index: number, event: ClipboardEvent): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<InputOtpContextBase, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<InputOtpContextBase, never, never, {}, {}, never, never, true, never>;
 }
-declare class InputOtpGroupComponent {
-    readonly class: _angular_core.InputSignal<string>;
-    protected readonly classes: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputOtpGroupComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputOtpGroupComponent, "InputOtpGroup", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+export declare class InputOtpGroupComponent {
+  readonly class: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<InputOtpGroupComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<InputOtpGroupComponent, "InputOtpGroup", never, {
+    "class": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, ["*"], true, never>;
 }
-declare class InputOtpSeparatorComponent {
-    readonly class: _angular_core.InputSignal<string>;
-    protected readonly classes: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputOtpSeparatorComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputOtpSeparatorComponent, "InputOtpSeparator", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+export declare class InputOtpSeparatorComponent {
+  readonly class: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<InputOtpSeparatorComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<InputOtpSeparatorComponent, "InputOtpSeparator", never, {
+    "class": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
 }
-declare class InputOtpSlotComponent {
-    private readonly ctx;
-    readonly index: _angular_core.InputSignalWithTransform<number, unknown>;
-    readonly class: _angular_core.InputSignal<string>;
-    readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    private readonly inputRef;
-    protected readonly maxLength: _angular_core.Signal<number>;
-    protected readonly character: _angular_core.Signal<string>;
-    protected readonly active: _angular_core.Signal<boolean>;
-    protected readonly filled: _angular_core.Signal<boolean>;
-    protected readonly disabled: _angular_core.Signal<boolean>;
-    protected readonly required: _angular_core.Signal<boolean>;
-    protected readonly inputId: _angular_core.Signal<string>;
-    protected readonly inputMode: _angular_core.Signal<string | null>;
-    protected readonly autocomplete: _angular_core.Signal<string | null>;
-    protected readonly ariaLabel: _angular_core.Signal<string>;
-    protected readonly ariaLabelledBy: _angular_core.Signal<string | null>;
-    protected readonly ariaDescribedBy: _angular_core.Signal<string | null>;
-    protected readonly effectiveInvalid: _angular_core.Signal<boolean>;
-    protected readonly classes: _angular_core.Signal<string>;
-    focus(select?: boolean): void;
-    protected handleFocus(): void;
-    protected handleInput(event: Event): void;
-    /**
-     * Push the model back onto the element the browser just wrote to.
-     *
-     * `[value]` only repaints when `character()` CHANGES, and a character the
-     * pattern rejects leaves the model exactly as it was — so without this the
-     * rejected character stays on screen until some later, unrelated value change.
-     * It covers the paste of an entirely unacceptable string too: that one is not
-     * prevented, so the browser drops it in and the `input` event lands here.
-     */
-    private syncElementValue;
-    protected handleKeydown(event: KeyboardEvent): void;
-    protected handlePaste(event: ClipboardEvent): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputOtpSlotComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputOtpSlotComponent, "InputOtpSlot", never, { "index": { "alias": "index"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; "invalid": { "alias": "aria-invalid"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+export declare class InputOtpSlotComponent {
+  private readonly ctx;
+  readonly index: import("@angular/core").InputSignalWithTransform<number, unknown>;
+  readonly class: import("@angular/core").InputSignal<string>;
+  readonly invalid: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  private readonly inputRef;
+  protected readonly maxLength: import("@angular/core").Signal<number>;
+  protected readonly character: import("@angular/core").Signal<string>;
+  protected readonly active: import("@angular/core").Signal<boolean>;
+  protected readonly filled: import("@angular/core").Signal<boolean>;
+  protected readonly disabled: import("@angular/core").Signal<boolean>;
+  protected readonly required: import("@angular/core").Signal<boolean>;
+  protected readonly inputId: import("@angular/core").Signal<string>;
+  protected readonly inputMode: import("@angular/core").Signal<string | null>;
+  protected readonly autocomplete: import("@angular/core").Signal<string | null>;
+  protected readonly ariaLabel: import("@angular/core").Signal<string>;
+  protected readonly ariaLabelledBy: import("@angular/core").Signal<string | null>;
+  protected readonly ariaDescribedBy: import("@angular/core").Signal<string | null>;
+  protected readonly effectiveInvalid: import("@angular/core").Signal<boolean>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  focus(select?: boolean): void;
+  protected handleFocus(): void;
+  protected handleInput(event: Event): void;
+  /**
+   * Push the model back onto the element the browser just wrote to.
+   *
+   * `[value]` only repaints when `character()` CHANGES, and a character the
+   * pattern rejects leaves the model exactly as it was — so without this the
+   * rejected character stays on screen until some later, unrelated value change.
+   * It covers the paste of an entirely unacceptable string too: that one is not
+   * prevented, so the browser drops it in and the `input` event lands here.
+   */
+  private syncElementValue;
+  protected handleKeydown(event: KeyboardEvent): void;
+  protected handlePaste(event: ClipboardEvent): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<InputOtpSlotComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<InputOtpSlotComponent, "InputOtpSlot", never, {
+    "index": {
+      "alias": "index";
+      "required": false;
+      "isSignal": true;
+    };
+    "class": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+    "invalid": {
+      "alias": "aria-invalid";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
 }
-declare class InputOtpComponent extends InputOtpContextBase implements ControlValueAccessor, OnInit, AfterViewInit {
-    private readonly host;
-    private readonly injector;
-    private readonly formFieldContext;
-    readonly maxLengthInput: _angular_core.InputSignalWithTransform<number, unknown>;
-    readonly value: _angular_core.InputSignal<string | undefined>;
-    readonly pattern: _angular_core.InputSignal<string | RegExp | readonly RegExp[] | null>;
-    readonly id: _angular_core.InputSignal<string | null>;
-    readonly ariaLabel: _angular_core.InputSignal<string | null>;
-    readonly ariaLabelledby: _angular_core.InputSignal<string | null>;
-    readonly ariaDescribedby: _angular_core.InputSignal<string | null>;
-    readonly inputMode: _angular_core.InputSignal<string | null>;
-    readonly autocomplete: _angular_core.InputSignal<string | null>;
-    readonly required: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly disabledInput: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly invalidInput: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly class: _angular_core.InputSignal<string>;
-    readonly valueChange: _angular_core.OutputEmitterRef<string>;
-    private readonly generatedId;
-    /**
-     * Single source of truth for the rendered value. Re-seeds from the `value`
-     * binding when it changes, but writes from typing or the Forms API
-     * (writeValue) win until the binding changes again — so `form.reset()` is
-     * never shadowed by a stale `[value]` binding.
-     */
-    private readonly internalValue;
-    private readonly disabledState;
-    private readonly activeIndex;
-    private readonly slots;
-    private readonly compiledPattern;
-    protected readonly classes: _angular_core.Signal<string>;
-    protected readonly disabled: _angular_core.Signal<boolean>;
-    private readonly displayValue;
-    private ngControl;
-    private onChange;
-    private onTouched;
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
-    maxLength(): number;
-    slotId(index: number): string;
-    slotValue(index: number): string;
-    slotAriaLabel(index: number): string;
-    slotAriaLabelledBy(index: number): string | null;
-    slotAriaDescribedBy(): string | null;
-    slotInputMode(): string | null;
-    slotAutocomplete(index: number): string | null;
-    isDisabled(): boolean;
-    isRequired(): boolean;
-    isInvalid(): boolean;
-    isActive(index: number): boolean;
-    handleSlotFocus(index: number): void;
-    handleSlotInput(index: number, value: string): void;
-    handleSlotKeydown(index: number, event: KeyboardEvent): void;
-    handleSlotPaste(index: number, event: ClipboardEvent): void;
-    focus(): void;
-    writeValue(value: unknown): void;
-    registerOnChange(fn: (value: string) => void): void;
-    registerOnTouched(fn: () => void): void;
-    setDisabledState(disabled: boolean): void;
-    protected describedBy(): string | null;
-    protected handleFocusOut(event: FocusEvent): void;
-    /** Hand the bound control to `<FormField>`, if this OTP is inside one. */
-    private publishControl;
-    private commitValue;
-    private replaceAt;
-    private removeAt;
-    private applyFragment;
-    private focusSlot;
-    private toCharArray;
-    private serialize;
-    private normalizeValue;
-    private filterCharacters;
-    private acceptsCharacter;
-    private isRtl;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputOtpComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputOtpComponent, "InputOtp", never, { "maxLengthInput": { "alias": "maxLength"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "pattern": { "alias": "pattern"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "ariaDescribedby": { "alias": "aria-describedby"; "required": false; "isSignal": true; }; "inputMode": { "alias": "inputmode"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalidInput": { "alias": "aria-invalid"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, ["slots"], ["*"], true, never>;
-}
-
-export { InputOtpComponent, InputOtpGroupComponent, InputOtpSeparatorComponent, InputOtpSlotComponent, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS };
+export declare class InputOtpComponent extends InputOtpContextBase implements ControlValueAccessor, OnInit, AfterViewInit {
+  private readonly host;
+  private readonly injector;
+  private readonly formFieldContext;
+  readonly maxLengthInput: import("@angular/core").InputSignalWithTransform<number, unknown>;
+  readonly value: import("@angular/core").InputSignal<string | undefined>;
+  readonly pattern: import("@angular/core").InputSignal<string | RegExp | readonly RegExp[] | null>;
+  readonly id: import("@angular/core").InputSignal<string | null>;
+  readonly ariaLabel: import("@angular/core").InputSignal<string | null>;
+  readonly ariaLabelledby: import("@angular/core").InputSignal<string | null>;
+  readonly ariaDescribedby: import("@angular/core").InputSignal<string | null>;
+  readonly inputMode: import("@angular/core").InputSignal<string | null>;
+  readonly autocomplete: import("@angular/core").InputSignal<string | null>;
+  readonly required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly disabledInput: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly invalidInput: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly class: import("@angular/core").InputSignal<string>;
+  readonly valueChange: import("@angular/core").OutputEmitterRef<string>;
+  private readonly generatedId;
+  /**
+   * Single source of truth for the rendered value. Re-seeds from the `value`
+   * binding when it changes, but writes from typing or the Forms API
+   * (writeValue) win until the binding changes again — so `form.reset()` is
+   * never shadowed by a stale `[value]` binding.
+   */
+  private readonly internalValue;
+  private readonly disabledState;
+  private readonly activeIndex;
+  private readonly slots;
+  private readonly compiledPattern;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  protected readonly disabled: import("@angular/core").Signal<boolean>;
+  private readonly displayValue;
+  private ngControl;
+  private onChange;
+  private onTouched;
+  ngOnInit(): void;
+  ngAfterViewInit(): void;
+  maxLength(): number;
+  slotId(index: number): string;
+  slotValue(index: number): string;
+  slotAriaLabel(index: number): string;
+  slotAriaLabelledBy(index: number): string | null;
+  slotAriaDescribedBy(): string | null;
+  slotInputMode(): string | null;
+  slotAutocomplete(index: number): string | null;
+  isDisabled(): boolean;
+  isRequired(): boolean;
+  isInvalid(): boolean;
+  isActive(index: number): boolean;
+  handleSlotFocus(index: number): void;
+  handleSlotInput(index: number, value: string): void;
+  handleSlotKeydown(index: number, event: KeyboardEvent): void;
+  handleSlotPaste(index: number, event: ClipboardEvent): void;
+  focus(): void;
+  writeValue(value: unknown): void;
+  registerOnChange(fn: (value: string) => void): void;
+  registerOnTouched(fn: () => void): void;
+  setDisabledState(disabled: boolean): void;
+  protected describedBy(): string | null;
+  protected handleFocusOut(event: FocusEvent): void;
+  /** Hand the bound control to `<FormField>`, if this OTP is inside one. */
+  private publishControl;
+  private commitValue;
+  private replaceAt;
+  private removeAt;
+  private applyFragment;
+  private focusSlot;
+  private toCharArray;
+  private serialize;
+  private normalizeValue;
+  private filterCharacters;
+  private acceptsCharacter;
+  private isRtl;
+  static ɵfac: i0.ɵɵFactoryDeclaration<InputOtpComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<InputOtpComponent, "InputOtp", never, {
+    "maxLengthInput": {
+      "alias": "maxLength";
+      "required": false;
+      "isSignal": true;
+    };
+    "value": {
+      "alias": "value";
+      "required": false;
+      "isSignal": true;
+    };
+    "pattern": {
+      "alias": "pattern";
+      "required": false;
+      "isSignal": true;
+    };
+    "id": {
+      "alias": "id";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "aria-label";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabelledby": {
+      "alias": "aria-labelledby";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaDescribedby": {
+      "alias": "aria-describedby";
+      "required": false;
+      "isSignal": true;
+    };
+    "inputMode": {
+      "alias": "inputmode";
+      "required": false;
+      "isSignal": true;
+    };
+    "autocomplete": {
+      "alias": "autocomplete";
+      "required": false;
+      "isSignal": true;
+    };
+    "required": {
+      "alias": "required";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabledInput": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "invalidInput": {
+      "alias": "aria-invalid";
+      "required": false;
+      "isSignal": true;
+    };
+    "class": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "valueChange": "valueChange";
+  }, ["slots"], ["*"], true, never>;
+}

package/types/ojiepermana-angular-component-input.d.ts

@@ -1,21 +1,31 @@
-import * as _angular_core from '@angular/core';
-import * as i1 from '@ojiepermana/angular/component/utils/scale';
-import { ComponentScaleDirective } from '@ojiepermana/angular/component/utils/scale';
-
+import * as i1 from "@ojiepermana/angular/component/utils/scale";
+import { ComponentScaleDirective } from "@ojiepermana/angular/component/utils/scale";
+import * as i0 from "@angular/core";
 /**
  * Styled native `<input>`. Works with Angular's DefaultValueAccessor,
  * so `ngModel` and reactive forms just work.
  */
-declare class InputComponent {
-    protected readonly componentScale: ComponentScaleDirective;
-    readonly radius: _angular_core.InputSignal<"inherit" | "none" | "xs" | "sm" | "md" | "xl" | "full">;
-    readonly density: _angular_core.InputSignal<"inherit" | "compact" | "normal" | "relaxed" | "spacious">;
-    private readonly el;
-    readonly class: _angular_core.InputSignal<string>;
-    protected readonly classes: _angular_core.Signal<string>;
-    focus(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputComponent, "input[Input]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.ComponentScaleDirective; inputs: { "radius": "radius"; "density": "density"; }; outputs: {}; }]>;
-}
-
-export { InputComponent };
+export declare class InputComponent {
+  protected readonly componentScale: ComponentScaleDirective;
+  readonly radius: import("@angular/core").InputSignal<"inherit" | "none" | "xs" | "sm" | "md" | "xl" | "full">;
+  readonly density: import("@angular/core").InputSignal<"inherit" | "compact" | "normal" | "relaxed" | "spacious">;
+  private readonly el;
+  readonly class: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  focus(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<InputComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<InputComponent, "input[Input]", never, {
+    "class": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.ComponentScaleDirective;
+    inputs: {
+      "radius": "radius";
+      "density": "density";
+    };
+    outputs: {};
+  }]>;
+}