@progress/kendo-vue-inputs 8.0.3-develop.2 → 8.0.3-develop.4

package/maskedtextbox/MaskedTextBox.d.ts

@@ -0,0 +1,269 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { MaskedTextBoxFocusEvent } from './MaskedTextBoxFocusEvent';
+import { MaskedTextBoxBlurEvent } from './MaskedTextBoxBlurEvent';
+import { FormComponentValidity } from '@progress/kendo-vue-common';
+import { PropType } from 'vue';
+/**
+ * @hidden
+ */
+declare const MaskedTextBox: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    type: {
+        type: PropType<string>;
+        default: string;
+    };
+    modelValue: PropType<string>;
+    modelRawValue: PropType<string>;
+    value: PropType<string>;
+    defaultValue: PropType<string>;
+    placeholder: PropType<string>;
+    title: PropType<string>;
+    dir: PropType<string>;
+    id: PropType<string>;
+    ariaLabelledBy: PropType<string>;
+    ariaDescribedBy: PropType<string>;
+    tabIndex: PropType<number>;
+    accessKey: PropType<string>;
+    disabled: PropType<boolean>;
+    readonly: PropType<boolean>;
+    size: {
+        type: PropType<"small" | "medium" | "large">;
+        validator: (value: string) => boolean;
+    };
+    rounded: {
+        type: PropType<"small" | "medium" | "large" | "full" | "none">;
+        validator: (value: string) => boolean;
+    };
+    fillMode: {
+        type: PropType<"flat" | "solid" | "outline">;
+        validator: (value: string) => boolean;
+    };
+    prompt: {
+        type: PropType<string>;
+        default: string;
+    };
+    promptPlaceholder: {
+        type: PropType<string>;
+        default: string;
+    };
+    includeLiterals: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    maskValidation: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    mask: PropType<string>;
+    rules: {
+        type: PropType<{
+            [key: string]: RegExp;
+        }>;
+        default: () => {
+            [key: string]: RegExp;
+        };
+    };
+    selection: PropType<{
+        start: number;
+        end: number;
+    }>;
+    name: PropType<string>;
+    label: PropType<string>;
+    validationMessage: PropType<string>;
+    required: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    valid: {
+        type: PropType<boolean>;
+        default: any;
+    };
+    validityStyles: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    iconName: PropType<String>;
+    inputPrefix: {
+        type: (ObjectConstructor | BooleanConstructor | StringConstructor | FunctionConstructor)[];
+        default: () => any;
+    };
+    inputSuffix: {
+        type: (ObjectConstructor | BooleanConstructor | StringConstructor | FunctionConstructor)[];
+        default: () => any;
+    };
+    showValidationIcon: PropType<Boolean>;
+    showLoadingIcon: PropType<Boolean>;
+    showClearButton: PropType<Boolean>;
+    inputClass: PropType<String>;
+    wrapperClass: PropType<String>;
+    inputAttributes: PropType<Object>;
+}>, {
+    inputRef: import('vue').Ref<any, any>;
+}, {
+    currentValue: any;
+    currentFocused: boolean;
+    inputValue: any;
+    currentSelection: any[];
+}, {
+    computedRules(): any;
+    spanClassNames(): {
+        [x: number]: any;
+        'k-floating-label-container': boolean;
+        'k-focus': any;
+        'k-empty': boolean;
+        'k-invalid': boolean;
+        'k-rtl': boolean;
+        'k-loading': any;
+    };
+    wrapperSpanClass(): {
+        [x: string]: any;
+        [x: number]: any;
+        'k-maskedtextbox': boolean;
+        'k-input': boolean;
+        'k-invalid': boolean;
+        'k-required': any;
+        'k-disabled': any;
+        'k-loading': any;
+    };
+    inputInnerClass(): {
+        [x: number]: any;
+        'k-input-inner': boolean;
+    };
+}, {
+    focus(): void;
+    computedValue(): any;
+    rawValue(): string;
+    validity(): FormComponentValidity;
+    pasteHandler(event: any): void;
+    clearClick(event: any): void;
+    onChangeHandler(event: any): void;
+    focusHandler(event: FocusEvent): void;
+    blurHandler(event: FocusEvent): void;
+    triggerOnChange(maskedValue: string, event: any): void;
+    updateService(extra?: any): void;
+    setValidity(): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (event: any) => true;
+    focus: (event: MaskedTextBoxFocusEvent) => true;
+    blur: (event: MaskedTextBoxBlurEvent) => true;
+    'update:modelValue': (value: string) => true;
+    'update:modelRawValue': (value: string) => true;
+    changemodel: (value: string) => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    type: {
+        type: PropType<string>;
+        default: string;
+    };
+    modelValue: PropType<string>;
+    modelRawValue: PropType<string>;
+    value: PropType<string>;
+    defaultValue: PropType<string>;
+    placeholder: PropType<string>;
+    title: PropType<string>;
+    dir: PropType<string>;
+    id: PropType<string>;
+    ariaLabelledBy: PropType<string>;
+    ariaDescribedBy: PropType<string>;
+    tabIndex: PropType<number>;
+    accessKey: PropType<string>;
+    disabled: PropType<boolean>;
+    readonly: PropType<boolean>;
+    size: {
+        type: PropType<"small" | "medium" | "large">;
+        validator: (value: string) => boolean;
+    };
+    rounded: {
+        type: PropType<"small" | "medium" | "large" | "full" | "none">;
+        validator: (value: string) => boolean;
+    };
+    fillMode: {
+        type: PropType<"flat" | "solid" | "outline">;
+        validator: (value: string) => boolean;
+    };
+    prompt: {
+        type: PropType<string>;
+        default: string;
+    };
+    promptPlaceholder: {
+        type: PropType<string>;
+        default: string;
+    };
+    includeLiterals: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    maskValidation: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    mask: PropType<string>;
+    rules: {
+        type: PropType<{
+            [key: string]: RegExp;
+        }>;
+        default: () => {
+            [key: string]: RegExp;
+        };
+    };
+    selection: PropType<{
+        start: number;
+        end: number;
+    }>;
+    name: PropType<string>;
+    label: PropType<string>;
+    validationMessage: PropType<string>;
+    required: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    valid: {
+        type: PropType<boolean>;
+        default: any;
+    };
+    validityStyles: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    iconName: PropType<String>;
+    inputPrefix: {
+        type: (ObjectConstructor | BooleanConstructor | StringConstructor | FunctionConstructor)[];
+        default: () => any;
+    };
+    inputSuffix: {
+        type: (ObjectConstructor | BooleanConstructor | StringConstructor | FunctionConstructor)[];
+        default: () => any;
+    };
+    showValidationIcon: PropType<Boolean>;
+    showLoadingIcon: PropType<Boolean>;
+    showClearButton: PropType<Boolean>;
+    inputClass: PropType<String>;
+    wrapperClass: PropType<String>;
+    inputAttributes: PropType<Object>;
+}>> & Readonly<{
+    onBlur?: (event: MaskedTextBoxBlurEvent) => any;
+    onChange?: (event: any) => any;
+    onFocus?: (event: MaskedTextBoxFocusEvent) => any;
+    onChangemodel?: (value: string) => any;
+    "onUpdate:modelValue"?: (value: string) => any;
+    "onUpdate:modelRawValue"?: (value: string) => any;
+}>, {
+    type: string;
+    required: boolean;
+    valid: boolean;
+    validityStyles: boolean;
+    inputPrefix: string | boolean | Function | Record<string, any>;
+    inputSuffix: string | boolean | Function | Record<string, any>;
+    prompt: string;
+    promptPlaceholder: string;
+    rules: {
+        [key: string]: RegExp;
+    };
+    includeLiterals: boolean;
+    maskValidation: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { MaskedTextBox };

package/maskedtextbox/MaskedTextBoxBlurEvent.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * The arguments for the `onBlur` event of the MaskedTextBox.
+ */
+export interface MaskedTextBoxBlurEvent {
+    /**
+     * The native browser blur event.
+     */
+    event: FocusEvent;
+}

package/maskedtextbox/MaskedTextBoxFocusEvent.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * The arguments for the `onFocus` event of the MaskedTextBox.
+ */
+export interface MaskedTextBoxFocusEvent {
+    /**
+     * The native browser focus event.
+     */
+    event: FocusEvent;
+}

package/maskedtextbox/MaskedTextBoxProps.d.ts

@@ -0,0 +1,230 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { FormComponentProps } from '@progress/kendo-vue-common';
+/**
+ * The arguments for a MaskedTextBox event.
+ */
+export interface MaskedTextBoxEvent {
+    /**
+     * A native DOM event.
+     */
+    event: Event;
+    /**
+     * An event target.
+     */
+    target: any;
+}
+/**
+ * The arguments for the `change` event of the MaskedTextBox.
+ */
+export interface MaskedTextBoxChangeEvent extends MaskedTextBoxEvent {
+    /**
+     * Specifies the start of the selection which will be set to the MaskedTextBox when it is updated.
+     */
+    selectionStart: number;
+    /**
+     * Specifies the end of the selection which will be set to the MaskedTextBox when it is updated.
+     */
+    selectionEnd: number;
+    /**
+     * The current value of the component.
+     */
+    value: any;
+}
+/**
+ * Represents the props of the [Kendo UI for Vue MaskedTextBox component]({% slug overview_maskedtextbox %}).
+ */
+export interface MaskedTextBoxProps extends FormComponentProps {
+    /**
+     * Specifies the value of the MaskedTextBox.
+     */
+    value?: string;
+    /**
+     * Specifies the initial value. Leaves the subsequent updates uncontrolled.
+     */
+    defaultValue?: string;
+    /**
+     * Specifies the input placeholder.
+     */
+    placeholder?: string;
+    /**
+     * Sets the title of the `input` element of the MaskedTextBox.
+     */
+    title?: string;
+    /**
+     * Represents the `dir` HTML attribute.
+     */
+    dir?: string;
+    /**
+     * Configures the `size` of the MaskedTextBox.
+     *
+     * The available options are:
+     * - small
+     * - medium
+     * - large
+     *
+     * @default undefined
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * Configures the `roundness` of the MaskedTextBox.
+     *
+     * The available options are:
+     * - none
+     * - small
+     * - medium
+     * - large
+     * - full
+     *
+     * @default undefined
+     */
+    rounded?: 'none' | 'small' | 'medium' | 'large' | 'full';
+    /**
+     * Configures the `fillMode` of the MaskedTextBox.
+     *
+     * The available options are:
+     * - solid
+     * - outline
+     * - flat
+     *
+     * @default undefined
+     */
+    fillMode?: 'solid' | 'flat' | 'outline';
+    /**
+     * Sets the `tabIndex` property of the MaskedTextBox.
+     */
+    tabIndex?: number;
+    /**
+     * Specifies the `accessKey` of the MaskedTextBox.
+     */
+    accessKey?: string;
+    /**
+     * Specifies the width of the MaskedTextBox.
+     */
+    width?: number | string;
+    /**
+     * Determines whether the MaskedTextBox is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Renders a floating label for the MaskedTextBox.
+     */
+    label?: string;
+    /**
+     * Sets the `id` of the `input` DOM element.
+     */
+    id?: string;
+    /**
+     * Identifies the element(s) which will describe the component, similar to [HTML aria-describedby attribute](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-describedby_attribute).
+     * For example these elements could contain error or hint message.
+     */
+    ariaDescribedBy?: string;
+    /**
+     * Identifies the element(s) which will label the component.
+     */
+    ariaLabelledBy?: string;
+    /**
+     * Determines whether the MaskedTextBox is in its read-only state.
+     */
+    readonly?: boolean;
+    /**
+     * Represents a prompt character for the masked value. Defaults to `_`.
+     */
+    prompt?: string;
+    /**
+     * Indicates a character which represents an empty position in the raw value. Defaults to ` `.
+     */
+    promptPlaceholder?: string;
+    /**
+     * Indicates whether to include literals in the raw value. Defaults to `false`.
+     */
+    includeLiterals?: boolean;
+    /**
+     * Determines whether the built-in mask validator is enforced when a form is validated. Defaults to `true`.
+     */
+    maskValidation?: boolean;
+    /**
+     * Represents the current mask. If no mask is set, the component behaves as a standard `type="text"` input.
+     */
+    mask?: string;
+    /**
+     * Represents the RegExp-based mask validation array.
+     */
+    rules?: {
+        [key: string]: RegExp;
+    };
+    /**
+     * Represents the beginning and ending of the selected portion of the input content that will be applied the next time when the MaskedTextBox is rendered.
+     */
+    selection?: {
+        start: number;
+        end: number;
+    };
+    /**
+     * Determines the event handler that will be fired when the user edits the value.
+     */
+    onChange?: (event: MaskedTextBoxChangeEvent) => void;
+    /**
+     * Fires each time the user focuses the MaskedTextBox.
+     */
+    onFocus?: (event: MaskedTextBoxEvent) => void;
+    /**
+     * Fires each time the MaskedTextBox gets blurred.
+     */
+    onBlur?: (event: MaskedTextBoxEvent) => void;
+    /**
+     * v-model raw value
+     */
+    modelRawValue?: string;
+    /**
+     * v-model value
+     */
+    modelValue?: string;
+    /**
+     * The type of the input - 'text' by default
+     */
+    type?: string;
+    /**
+     * Defines a string prop that controls the input icon. This property works only with the Kendo UI for Vue FontIcons.
+     * Check the [Icons]({% slug icons %}) article for more information about how the Font Icon can be loaded to your project.
+     */
+    iconName?: String;
+    /**
+     * Defines if the inputPrefix will be shown. Accepts a slot name, a `render` function, or a Vue component.
+     */
+    inputPrefix?: Boolean | String | Object | Function;
+    /**
+     * Defines if the inputSuffix will be shown. Accepts a slot name, a `render` function, or a Vue component.
+     */
+    inputSuffix?: Boolean | String | Object | Function;
+    /**
+     * Defines a boolean prop that controls whether to show the validation icon. Defaults to 'false'.
+     */
+    showValidationIcon?: Boolean;
+    /**
+     * Defines a boolean prop that controls whether to show the loading icon. Defaults to 'false'.
+     */
+    showLoadingIcon?: Boolean;
+    /**
+     * Defines a boolean prop that controls whether to show the clear icon. Defaults to 'false'.
+     */
+    showClearButton?: Boolean;
+    /**
+     * Defines additional class to the inner input element.
+     */
+    inputClass?: String;
+    /**
+     * Defines additional class to the wrapper element.
+     */
+    wrapperClass?: String;
+    /**
+     * Sets the built-in HTML attributes of the inner focusable input element.
+     * Attributes which are essential for certain component functionalities cannot be changed.
+     */
+    inputAttributes?: Object;
+}

package/maskedtextbox/masking.service.d.ts

@@ -0,0 +1,48 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * @hidden
+ */
+export declare class MaskingService {
+    rules: {
+        [key: string]: RegExp;
+    };
+    prompt: string;
+    mask: string;
+    promptPlaceholder: string;
+    includeLiterals: boolean;
+    maskTokens: any[];
+    unmaskTokens: any[];
+    rawTokens: any[];
+    validationTokens: any[];
+    update({ mask, prompt, promptPlaceholder, rules, includeLiterals }: any): void;
+    validationValue(maskedValue?: string): string;
+    rawValue(maskedValue?: string): string;
+    /**
+     * @hidden
+     */
+    maskRaw(rawValue?: string): string;
+    maskInput(input: string, control: string, splitPoint: number): any;
+    maskInRange(pasted: string, oldValue: string, start: number, end: number): any;
+    private maskRemoved;
+    private adjustPosition;
+    private maskInserted;
+    protected get maskTokenCreator(): {
+        [key: string]: Function;
+    };
+    protected get unmaskTokenCreator(): {
+        [key: string]: Function;
+    };
+    protected get rawTokenCreator(): {
+        [key: string]: Function;
+    };
+    protected get validationTokenCreator(): {
+        [key: string]: Function;
+    };
+    private tokenize;
+}

package/maskedtextbox/parsing/combinators.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { Parser } from './parsers';
+/**
+ * @hidden
+ */
+export declare const sequence: (list: any) => any;
+/**
+ * @hidden
+ */
+export declare const greedy: (parser: any) => Parser;

package/maskedtextbox/parsing/parsers.d.ts

@@ -0,0 +1,54 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { Result } from './result';
+import { Stream } from './stream';
+/**
+ * @hidden
+ */
+export declare class Parser {
+    private parse;
+    constructor(parse: Function);
+    run(input: Stream | string, control?: string): Result;
+    map(f: Function): Parser;
+    chain(f: Function): Parser;
+    isLiteral(c: string): boolean;
+}
+/**
+ * @hidden
+ */
+export declare const mask: ({ prompt, promptPlaceholder }: {
+    prompt: any;
+    promptPlaceholder: any;
+}) => (rule: any) => Parser;
+/**
+ * @hidden
+ */
+export declare const literal: (_token: any) => Parser;
+/**
+ * @hidden
+ */
+export declare const unmask: (prompt: any) => (rule: any) => Parser;
+/**
+ * @hidden
+ */
+export declare const unliteral: (_token: any) => Parser;
+/**
+ * @hidden
+ */
+export declare const token: (rules: any, creator: any) => Parser;
+/**
+ * @hidden
+ */
+export declare const rawMask: ({ prompt, promptPlaceholder }: {
+    prompt: any;
+    promptPlaceholder: any;
+}) => Parser;
+/**
+ * @hidden
+ */
+export declare const rawLiteral: (includeLiterals: any) => Parser;

package/maskedtextbox/parsing/result.d.ts

@@ -0,0 +1,30 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { Stream } from './stream';
+/**
+ * @hidden
+ */
+export declare enum ResultType {
+    Literal = 0,
+    Mask = 1,
+    Undefined = 2
+}
+/**
+ * @hidden
+ */
+export declare class Result {
+    private value;
+    private rest;
+    type: ResultType;
+    constructor(value: any, rest: Stream, type?: ResultType);
+    map(fn: Function): Result;
+    chain(fn: Function): Result;
+    fold(s: Function): Result;
+    concat(r: Result): Result;
+    toString(): string;
+}