@progress/kendo-angular-inputs 18.1.0-develop.2 → 18.1.0-develop.21

package/index.d.ts

@@ -90,4 +90,8 @@ export { RatingComponent } from './rating/rating.component';
 export { RatingModule } from './rating.module';
 export { RatingPrecision } from './rating/models/precision';
 export { RatingSelectionMode } from './rating/models/selection';
+export { OTPInputComponent } from './otpinput/otpinput.component';
+export { OTPInputCustomMessagesComponent } from './otpinput/localization/custom-messages.component';
+export { OTPInputType } from './otpinput/models/otpinput-type';
+export { OTPSeparatorIcon } from './otpinput/models/separator-icon';
 export * from './directives';

package/inputs.module.d.ts

@@ -42,6 +42,8 @@ import * as i36 from "./colorpicker/localization/custom-messages.component";
 import * as i37 from "./colorpicker/flatcolorpicker.component";
 import * as i38 from "./colorpicker/color-gradient.component";
 import * as i39 from "./colorpicker/color-palette.component";
+import * as i40 from "./otpinput/otpinput.component";
+import * as i41 from "./otpinput/localization/custom-messages.component";
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
  * definition for the Inputs components.
@@ -76,6 +78,6 @@ import * as i39 from "./colorpicker/color-palette.component";
  */
 export declare class InputsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<InputsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<InputsModule, never, [typeof i1.TextBoxDirective, typeof i2.TextBoxComponent, typeof i3.InputSeparatorComponent, typeof i4.TextBoxSuffixTemplateDirective, typeof i5.TextBoxPrefixTemplateDirective, typeof i6.TextBoxCustomMessagesComponent, typeof i7.PrefixTemplateDirective, typeof i7.SuffixTemplateDirective, typeof i7.SeparatorComponent, typeof i8.NumericTextBoxComponent, typeof i9.NumericTextBoxCustomMessagesComponent, typeof i7.PrefixTemplateDirective, typeof i7.SuffixTemplateDirective, typeof i7.SeparatorComponent, typeof i10.MaskedTextBoxComponent, typeof i7.PrefixTemplateDirective, typeof i7.SuffixTemplateDirective, typeof i7.SeparatorComponent, typeof i11.TextAreaComponent, typeof i12.TextAreaDirective, typeof i13.TextAreaPrefixComponent, typeof i14.TextAreaSuffixComponent, typeof i7.SeparatorComponent, typeof i15.CheckBoxComponent, typeof i16.CheckBoxDirective, typeof i17.RadioButtonComponent, typeof i18.RadioButtonDirective, typeof i19.SwitchComponent, typeof i20.SwitchCustomMessagesComponent, typeof i21.FormFieldComponent, typeof i22.HintComponent, typeof i23.ErrorComponent, typeof i24.SliderComponent, typeof i25.SliderCustomMessagesComponent, typeof i26.LabelTemplateDirective, typeof i27.RangeSliderComponent, typeof i28.RangeSliderCustomMessagesComponent, typeof i26.LabelTemplateDirective, typeof i29.RatingComponent, typeof i30.RatingItemTemplateDirective, typeof i31.RatingHoveredItemTemplateDirective, typeof i32.RatingSelectedItemTemplateDirective, typeof i33.SignatureComponent, typeof i34.SignatureCustomMessagesComponent, typeof i35.ColorPickerComponent, typeof i36.ColorPickerCustomMessagesComponent, typeof i37.FlatColorPickerComponent, typeof i36.ColorPickerCustomMessagesComponent, typeof i38.ColorGradientComponent, typeof i36.ColorPickerCustomMessagesComponent, typeof i39.ColorPaletteComponent, typeof i36.ColorPickerCustomMessagesComponent, typeof i7.PrefixTemplateDirective, typeof i7.SuffixTemplateDirective, typeof i7.SeparatorComponent], [typeof i1.TextBoxDirective, typeof i2.TextBoxComponent, typeof i3.InputSeparatorComponent, typeof i4.TextBoxSuffixTemplateDirective, typeof i5.TextBoxPrefixTemplateDirective, typeof i6.TextBoxCustomMessagesComponent, typeof i7.PrefixTemplateDirective, typeof i7.SuffixTemplateDirective, typeof i7.SeparatorComponent, typeof i8.NumericTextBoxComponent, typeof i9.NumericTextBoxCustomMessagesComponent, typeof i7.PrefixTemplateDirective, typeof i7.SuffixTemplateDirective, typeof i7.SeparatorComponent, typeof i10.MaskedTextBoxComponent, typeof i7.PrefixTemplateDirective, typeof i7.SuffixTemplateDirective, typeof i7.SeparatorComponent, typeof i11.TextAreaComponent, typeof i12.TextAreaDirective, typeof i13.TextAreaPrefixComponent, typeof i14.TextAreaSuffixComponent, typeof i7.SeparatorComponent, typeof i15.CheckBoxComponent, typeof i16.CheckBoxDirective, typeof i17.RadioButtonComponent, typeof i18.RadioButtonDirective, typeof i19.SwitchComponent, typeof i20.SwitchCustomMessagesComponent, typeof i21.FormFieldComponent, typeof i22.HintComponent, typeof i23.ErrorComponent, typeof i24.SliderComponent, typeof i25.SliderCustomMessagesComponent, typeof i26.LabelTemplateDirective, typeof i27.RangeSliderComponent, typeof i28.RangeSliderCustomMessagesComponent, typeof i26.LabelTemplateDirective, typeof i29.RatingComponent, typeof i30.RatingItemTemplateDirective, typeof i31.RatingHoveredItemTemplateDirective, typeof i32.RatingSelectedItemTemplateDirective, typeof i33.SignatureComponent, typeof i34.SignatureCustomMessagesComponent, typeof i35.ColorPickerComponent, typeof i36.ColorPickerCustomMessagesComponent, typeof i37.FlatColorPickerComponent, typeof i36.ColorPickerCustomMessagesComponent, typeof i38.ColorGradientComponent, typeof i36.ColorPickerCustomMessagesComponent, typeof i39.ColorPaletteComponent, typeof i36.ColorPickerCustomMessagesComponent, typeof i7.PrefixTemplateDirective, typeof i7.SuffixTemplateDirective, typeof i7.SeparatorComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<InputsModule, never, [typeof i1.TextBoxDirective, typeof i2.TextBoxComponent, typeof i3.InputSeparatorComponent, typeof i4.TextBoxSuffixTemplateDirective, typeof i5.TextBoxPrefixTemplateDirective, typeof i6.TextBoxCustomMessagesComponent, typeof i7.PrefixTemplateDirective, typeof i7.SuffixTemplateDirective, typeof i7.SeparatorComponent, typeof i8.NumericTextBoxComponent, typeof i9.NumericTextBoxCustomMessagesComponent, typeof i7.PrefixTemplateDirective, typeof i7.SuffixTemplateDirective, typeof i7.SeparatorComponent, typeof i10.MaskedTextBoxComponent, typeof i7.PrefixTemplateDirective, typeof i7.SuffixTemplateDirective, typeof i7.SeparatorComponent, typeof i11.TextAreaComponent, typeof i12.TextAreaDirective, typeof i13.TextAreaPrefixComponent, typeof i14.TextAreaSuffixComponent, typeof i7.SeparatorComponent, typeof i15.CheckBoxComponent, typeof i16.CheckBoxDirective, typeof i17.RadioButtonComponent, typeof i18.RadioButtonDirective, typeof i19.SwitchComponent, typeof i20.SwitchCustomMessagesComponent, typeof i21.FormFieldComponent, typeof i22.HintComponent, typeof i23.ErrorComponent, typeof i24.SliderComponent, typeof i25.SliderCustomMessagesComponent, typeof i26.LabelTemplateDirective, typeof i27.RangeSliderComponent, typeof i28.RangeSliderCustomMessagesComponent, typeof i26.LabelTemplateDirective, typeof i29.RatingComponent, typeof i30.RatingItemTemplateDirective, typeof i31.RatingHoveredItemTemplateDirective, typeof i32.RatingSelectedItemTemplateDirective, typeof i33.SignatureComponent, typeof i34.SignatureCustomMessagesComponent, typeof i35.ColorPickerComponent, typeof i36.ColorPickerCustomMessagesComponent, typeof i37.FlatColorPickerComponent, typeof i36.ColorPickerCustomMessagesComponent, typeof i38.ColorGradientComponent, typeof i36.ColorPickerCustomMessagesComponent, typeof i39.ColorPaletteComponent, typeof i36.ColorPickerCustomMessagesComponent, typeof i40.OTPInputComponent, typeof i41.OTPInputCustomMessagesComponent, typeof i7.PrefixTemplateDirective, typeof i7.SuffixTemplateDirective, typeof i7.SeparatorComponent], [typeof i1.TextBoxDirective, typeof i2.TextBoxComponent, typeof i3.InputSeparatorComponent, typeof i4.TextBoxSuffixTemplateDirective, typeof i5.TextBoxPrefixTemplateDirective, typeof i6.TextBoxCustomMessagesComponent, typeof i7.PrefixTemplateDirective, typeof i7.SuffixTemplateDirective, typeof i7.SeparatorComponent, typeof i8.NumericTextBoxComponent, typeof i9.NumericTextBoxCustomMessagesComponent, typeof i7.PrefixTemplateDirective, typeof i7.SuffixTemplateDirective, typeof i7.SeparatorComponent, typeof i10.MaskedTextBoxComponent, typeof i7.PrefixTemplateDirective, typeof i7.SuffixTemplateDirective, typeof i7.SeparatorComponent, typeof i11.TextAreaComponent, typeof i12.TextAreaDirective, typeof i13.TextAreaPrefixComponent, typeof i14.TextAreaSuffixComponent, typeof i7.SeparatorComponent, typeof i15.CheckBoxComponent, typeof i16.CheckBoxDirective, typeof i17.RadioButtonComponent, typeof i18.RadioButtonDirective, typeof i19.SwitchComponent, typeof i20.SwitchCustomMessagesComponent, typeof i21.FormFieldComponent, typeof i22.HintComponent, typeof i23.ErrorComponent, typeof i24.SliderComponent, typeof i25.SliderCustomMessagesComponent, typeof i26.LabelTemplateDirective, typeof i27.RangeSliderComponent, typeof i28.RangeSliderCustomMessagesComponent, typeof i26.LabelTemplateDirective, typeof i29.RatingComponent, typeof i30.RatingItemTemplateDirective, typeof i31.RatingHoveredItemTemplateDirective, typeof i32.RatingSelectedItemTemplateDirective, typeof i33.SignatureComponent, typeof i34.SignatureCustomMessagesComponent, typeof i35.ColorPickerComponent, typeof i36.ColorPickerCustomMessagesComponent, typeof i37.FlatColorPickerComponent, typeof i36.ColorPickerCustomMessagesComponent, typeof i38.ColorGradientComponent, typeof i36.ColorPickerCustomMessagesComponent, typeof i39.ColorPaletteComponent, typeof i36.ColorPickerCustomMessagesComponent, typeof i40.OTPInputComponent, typeof i41.OTPInputCustomMessagesComponent, typeof i7.PrefixTemplateDirective, typeof i7.SuffixTemplateDirective, typeof i7.SeparatorComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<InputsModule>;
 }

package/otpinput/localization/custom-messages.component.d.ts

@@ -0,0 +1,17 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { OTPInputMessages } from './messages';
+import * as i0 from "@angular/core";
+/**
+ * Custom component messages override default component messages.
+ */
+export declare class OTPInputCustomMessagesComponent extends OTPInputMessages {
+    protected service: LocalizationService;
+    constructor(service: LocalizationService);
+    protected get override(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OTPInputCustomMessagesComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OTPInputCustomMessagesComponent, "kendo-otpinput-messages", never, {}, {}, never, never, true, never>;
+}

package/otpinput/localization/localized-textbox-messages.directive.d.ts

@@ -0,0 +1,16 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { OTPInputMessages } from './messages';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export declare class LocalizedOTPInputMessagesDirective extends OTPInputMessages {
+    protected service: LocalizationService;
+    constructor(service: LocalizationService);
+    static ɵfac: i0.ɵɵFactoryDeclaration<LocalizedOTPInputMessagesDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LocalizedOTPInputMessagesDirective, "[kendoOTPInputLocalizedMessages]", never, {}, {}, never, never, true, never>;
+}

package/otpinput/localization/messages.d.ts

@@ -0,0 +1,24 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { ComponentMessages } from '@progress/kendo-angular-l10n';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export declare class OTPInputMessages extends ComponentMessages {
+    /**
+     * The aria-label of the OTP Input. Follows the pattern **Input {currentInput} of {totalInputs}, current value {value}** by default.
+     * Тhe default label text when the current input is 1, and the total number of inputs is 4 will be
+     * **Input 1 of 4, current value null**.
+     *
+     * The message consists of several parts - the current input number, the total number of inputs, the current value and a localizable string.
+     * To allow for reordering its parts, the `ariaLabel` input accepts a string with placeholders for the current input,
+     * total number of inputs and current value. The `{currentInput}`, `{totalInputs}` and `{currentValue}` placeholders will be
+     * replaced internally with the respective actual values.
+     */
+    ariaLabel: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OTPInputMessages, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<OTPInputMessages, "kendo-otpinput-messages-base", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, {}, never, never, false, never>;
+}

package/otpinput/models/otpinput-type.d.ts

@@ -0,0 +1,10 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * Represents the possible input `type` options of the OTP Input.
+ *
+ * @default `text`
+ */
+export type OTPInputType = 'text' | 'password' | 'number';

package/otpinput/models/separator-icon.d.ts

@@ -0,0 +1,12 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { SVGIcon } from "@progress/kendo-angular-icons";
+/**
+ * Represents the possible icon separators of the OTP Input.
+ */
+export type OTPSeparatorIcon = {
+    type: 'svgIcon' | 'fontIcon' | 'iconClass';
+    value: string | SVGIcon;
+};

package/otpinput/otpinput-separator.component.d.ts

@@ -0,0 +1,25 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { OTPSeparatorIcon } from "./models/separator-icon";
+import { SVGIcon } from "@progress/kendo-angular-icons";
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export declare class OTPInputSeparatorComponent {
+    set separator(otpSeparator: string | OTPSeparatorIcon);
+    get separator(): string | OTPSeparatorIcon;
+    wrapperClass: boolean;
+    hasText: boolean;
+    hasIconClass: boolean;
+    hasSVGIcon: boolean;
+    hasFontIcon: boolean;
+    separatorIconString: string;
+    separatorSVGIcon: SVGIcon;
+    private _separator;
+    private clearSeparator;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OTPInputSeparatorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OTPInputSeparatorComponent, "kendo-otpinput-separator", ["kendoOTPInputSeparator"], { "separator": { "alias": "separator"; "required": false; }; }, {}, never, never, true, never>;
+}

package/otpinput/otpinput.component.d.ts

@@ -0,0 +1,284 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, Injector, NgZone, OnDestroy, OnInit, QueryList, Renderer2 } from "@angular/core";
+import { TextBoxComponent } from "../textbox/textbox.component";
+import { InputFillMode, InputRounded, InputSize } from "../common/models";
+import { ControlValueAccessor, FormControl } from "@angular/forms";
+import { LocalizationService } from "@progress/kendo-angular-l10n";
+import { OTPInputType } from "./models/otpinput-type";
+import { OTPSeparatorIcon } from "./models/separator-icon";
+import * as i0 from "@angular/core";
+export declare class OTPInputComponent implements ControlValueAccessor, OnInit, AfterViewInit, OnDestroy {
+    hostElement: ElementRef;
+    private cdr;
+    private injector;
+    private renderer;
+    private localizationService;
+    private zone;
+    /**
+     * Configures the total number of input fields.
+     *
+     * @default 4
+     */
+    set length(value: number);
+    get length(): number;
+    /**
+     * Configures the input type.
+     *
+     * * The possible values are:
+     * * `text` (default)
+     * * `number`
+     * * `password`
+     *
+     * @default 'text'
+     */
+    type: OTPInputType;
+    /**
+     * Configures whether the input fields are separate or adjacent to each other.
+     *
+     * @default true
+     */
+    spacing: boolean;
+    /**
+     * Specifies the separator between groups of input fields.
+     *
+     * > The configuration can only be applied when `groupLength` is set.
+     */
+    separator: string | OTPSeparatorIcon;
+    /**
+     * Configures whether the component is enabled or disabled.
+     *
+     * @default false
+     */
+    disabled: boolean;
+    /**
+     * Configures whether the component is readonly.
+     *
+     * @default false
+     */
+    readonly: boolean;
+    /**
+     * Configures the placeholder of the input fields.
+     */
+    placeholder: string;
+    /**
+     * Configures the length of the groups. If `groupLength` is a number, all groups will have the same length. If it's an array, each group can have a different length.
+     */
+    get groupLength(): number | Array<number>;
+    set groupLength(length: number | Array<number>);
+    /**
+     * Configures the value of the component. Unfilled input fields are represented with space.
+     */
+    get value(): string;
+    set value(input: string);
+    /**
+     * The `size` property specifies the padding of the input fields.
+     *
+     * The possible values are:
+     * * `small`
+     * * `medium` (default)
+     * * `large`
+     * * `none`
+     */
+    set size(size: InputSize);
+    get size(): InputSize;
+    /**
+     * The `rounded` property specifies the border radius of the OTP Input.
+     *
+     * The possible values are:
+     * * `small`
+     * * `medium` (default)
+     * * `large`
+     * * `full`
+     * * `none`
+     */
+    set rounded(rounded: InputRounded);
+    get rounded(): InputRounded;
+    /**
+     * The `fillMode` property specifies the background and border styles of the OTP Input.
+     *
+     * The possible values are:
+     * * `flat`
+     * * `solid` (default)
+     * * `outline`
+     * * `none`
+     */
+    set fillMode(fillMode: InputFillMode);
+    get fillMode(): InputFillMode;
+    /**
+     * Sets the HTML attributes of the inner focusable input element. Attributes which are essential for certain component functionalities cannot be changed.
+     */
+    set inputAttributes(attributes: {
+        [key: string]: string;
+    });
+    get inputAttributes(): {
+        [key: string]: string;
+    };
+    /**
+     * Fires each time the value is changed by the user&mdash;
+     * When the value of the component is programmatically changed to `ngModel` or `formControl`
+     * through its API or form binding, the `valueChange` event is not triggered because it
+     * might cause a mix-up with the built-in `valueChange` mechanisms of the `ngModel` or `formControl` bindings.
+     */
+    valueChange: EventEmitter<any>;
+    /**
+     * Fires each time the user focuses the OTP Input.
+     */
+    onFocus: EventEmitter<any>;
+    /**
+     * Fires each time the user blurs the OTP Input.
+     */
+    onBlur: EventEmitter<any>;
+    wrapperClass: boolean;
+    get invalidClass(): boolean;
+    direction: string;
+    role: string;
+    /**
+     * @hidden
+     */
+    inputFields: QueryList<TextBoxComponent>;
+    /**
+     * @hidden
+     */
+    set inputGroups(elements: QueryList<ElementRef>);
+    get inputGroups(): QueryList<ElementRef>;
+    /**
+     * @hidden
+     */
+    groupLengthArray: Array<number>;
+    /**
+     * @hidden
+     */
+    inputsArray: Array<any>;
+    /**
+     * @hidden
+     */
+    inputsValues: Array<any> | null;
+    /**
+     * @hidden
+     */
+    adjacentGroups: Array<number> | null;
+    private _length;
+    private _groupLength;
+    private _inputGroups;
+    private separatorPositions;
+    private _value;
+    private _size;
+    private _rounded;
+    private _fillMode;
+    private _isFocused;
+    private focusChangedProgrammatically;
+    private inputFieldValueChanged;
+    private focusedInput;
+    private _inputAttributes;
+    parsedAttributes: {
+        [key: string]: string;
+    };
+    private get defaultAttributes();
+    private subscriptions;
+    private ngChange;
+    private ngTouched;
+    constructor(hostElement: ElementRef, cdr: ChangeDetectorRef, injector: Injector, renderer: Renderer2, localizationService: LocalizationService, zone: NgZone);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: any): void;
+    ngOnDestroy(): void;
+    /**
+     * @hidden
+     */
+    get formControl(): FormControl;
+    /**
+     * @hidden
+     */
+    writeValue(value: string): void;
+    /**
+     * @hidden
+     */
+    registerOnChange(fn: (value: string) => any): void;
+    /**
+     * @hidden
+     */
+    registerOnTouched(fn: () => any): void;
+    /**
+     * @hidden
+     */
+    setDisabledState(isDisabled: boolean): void;
+    /**
+     * @hidden
+     */
+    get isControlInvalid(): boolean;
+    /**
+     * @hidden
+     */
+    get isFocused(): boolean;
+    /**
+     * @hidden
+     */
+    set isFocused(value: boolean);
+    /**
+     * @hidden
+     */
+    get hasGroups(): boolean;
+    /**
+     * @hidden
+     */
+    showGroupSeparator(index: number): boolean;
+    /**
+     * @hidden
+     */
+    showSeparator(index: number): boolean;
+    /**
+     * @hidden
+     */
+    handleValueChange(index?: number, groupIndex?: number): void;
+    /**
+     * @hidden
+     */
+    handleInputFocus(index: number, groupIndex?: number): void;
+    /**
+     * @hidden
+     */
+    handleInput(event: any, index: number, groupIndex?: number): void;
+    /**
+     * @hidden
+     */
+    fillInputs(text: string, start?: number, replaceLast?: boolean): void;
+    /**
+     * Focuses the OTP Input.
+     */
+    focus(index?: number): void;
+    /**
+     * Blurs the OTP Input.
+     */
+    blur(): void;
+    /**
+     * @hidden
+     */
+    handleFocus(): void;
+    /**
+     * @hidden
+     */
+    handleBlur(): void;
+    private getIndexByGroup;
+    private focusNext;
+    private focusPrevious;
+    private handlePaste;
+    private handleKeydown;
+    private isValidGroupArray;
+    private populateGroupArray;
+    private populateSeparatorPositions;
+    private clearGroups;
+    private clearInputValues;
+    private handleInputChanges;
+    private setGroupFillMode;
+    private setInputAttributes;
+    private setDefaultAttributes;
+    private ariaLabel;
+    private isValidNumber;
+    private showInvalidInput;
+    private containsDigitsOrSpaces;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OTPInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OTPInputComponent, "kendo-otpinput", ["kendoOTPInput"], { "length": { "alias": "length"; "required": false; }; "type": { "alias": "type"; "required": false; }; "spacing": { "alias": "spacing"; "required": false; }; "separator": { "alias": "separator"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "groupLength": { "alias": "groupLength"; "required": false; }; "value": { "alias": "value"; "required": false; }; "size": { "alias": "size"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "fillMode": { "alias": "fillMode"; "required": false; }; "inputAttributes": { "alias": "inputAttributes"; "required": false; }; }, { "valueChange": "valueChange"; "onFocus": "focus"; "onBlur": "blur"; }, never, never, true, never>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-inputs",
-  "version": "18.1.0-develop.2",
+  "version": "18.1.0-develop.21",
   "description": "Kendo UI for Angular Inputs Package - Everything you need to build professional form functionality (Checkbox, ColorGradient, ColorPalette, ColorPicker, FlatColorPicker, FormField, MaskedTextBox, NumericTextBox, RadioButton, RangeSlider, Slider, Switch, TextArea, and TextBox Components)",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -28,7 +28,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1738227142,
+      "publishDate": 1738836651,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -40,18 +40,20 @@
     "@angular/platform-browser": "16 - 19",
     "@progress/kendo-drawing": "^1.21.0",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-buttons": "18.1.0-develop.2",
-    "@progress/kendo-angular-common": "18.1.0-develop.2",
-    "@progress/kendo-angular-dialog": "18.1.0-develop.2",
-    "@progress/kendo-angular-intl": "18.1.0-develop.2",
-    "@progress/kendo-angular-l10n": "18.1.0-develop.2",
-    "@progress/kendo-angular-popup": "18.1.0-develop.2",
-    "@progress/kendo-angular-icons": "18.1.0-develop.2",
+    "@progress/kendo-angular-buttons": "18.1.0-develop.21",
+    "@progress/kendo-angular-common": "18.1.0-develop.21",
+    "@progress/kendo-angular-utils": "18.1.0-develop.21",
+    "@progress/kendo-angular-navigation": "18.1.0-develop.21",
+    "@progress/kendo-angular-dialog": "18.1.0-develop.21",
+    "@progress/kendo-angular-intl": "18.1.0-develop.21",
+    "@progress/kendo-angular-l10n": "18.1.0-develop.21",
+    "@progress/kendo-angular-popup": "18.1.0-develop.21",
+    "@progress/kendo-angular-icons": "18.1.0-develop.21",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "18.1.0-develop.2",
+    "@progress/kendo-angular-schematics": "18.1.0-develop.21",
     "@progress/kendo-common": "^1.0.1",
     "@progress/kendo-draggable": "^3.0.0",
     "@progress/kendo-inputs-common": "^3.1.0"