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

package/numerictextbox/interfaces/NumericTextBoxProps.d.ts

@@ -0,0 +1,188 @@
+/**
+ * @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';
+import { NumberFormatOptions } from '@progress/kendo-vue-intl';
+type NumericTextBoxInputType = 'tel' | 'text';
+/**
+ * Represents the props of the [KendoVue NumericTextBox component]({% slug overview_numerictextbox %}).
+ */
+export interface NumericTextBoxProps extends FormComponentProps {
+    /**
+     * Specifies the value of the NumericTextBox.
+     */
+    value?: number | null;
+    /**
+     * Specifies the initial value. Leaves the subsequent updates uncontrolled.
+     */
+    modelValue?: number | null;
+    /**
+     * Specifies the initial value. Leaves the subsequent updates uncontrolled.
+     */
+    defaultValue?: number | null;
+    /**
+     * Specifies the value that is used to increment or decrement the value of the NumericTextBox ([see example]({% slug predefinedsteps_numerictextbox %})).
+     */
+    step?: number;
+    /**
+     * Specifies the number format which is used for formatting the value ([see example]({% slug formats_numerictextbox %})). If set to `null` or `undefined`, the default format will be used.
+     */
+    format?: string | NumberFormatOptions;
+    /**
+     * Sets the `tabIndex` property of the NumericTextBox.
+     */
+    tabIndex?: number;
+    /**
+     * Configures the `size` of the NumericTextBox.
+     *
+     * The available options are:
+     * - small
+     * - medium
+     * - large
+     *
+     * @default undefined
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * Configures the `roundness` of the NumericTextBox.
+     *
+     * The available options are:
+     * - none
+     * - small
+     * - medium
+     * - large
+     * - full
+     *
+     * @default undefined
+     */
+    rounded?: 'none' | 'small' | 'medium' | 'large' | 'full';
+    /**
+     * Configures the `fillMode` of the NumericTextBox.
+     *
+     * The available options are:
+     * - solid
+     * - outline
+     * - flat
+     *
+     * @default undefined
+     */
+    fillMode?: 'solid' | 'flat' | 'outline';
+    /**
+     * Specifies the `accessKey` of the NumericTextBox.
+     */
+    accessKey?: string;
+    /**
+     * Sets the title of the `input` element of the NumericTextBox.
+     */
+    title?: string;
+    /**
+     * Specifies the input placeholder.
+     */
+    placeholder?: string;
+    /**
+     * Specifies the smallest value that can be entered.
+     */
+    min?: number;
+    /**
+     * Specifies the greatest value that can be entered.
+     */
+    max?: number;
+    /**
+     * Specifies whether the **Up** and **Down** spin buttons will be rendered ([see example]({% slug spinbuttons_numerictextbox %})).
+     */
+    spinners?: boolean;
+    /**
+     * Determines whether the NumericTextBox is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Represents the `dir` HTML attribute.
+     */
+    dir?: string;
+    /**
+     * Specifies the name of the `input` DOM element.
+     */
+    name?: string;
+    /**
+     * Renders a floating label for the NumericTextBox.
+     */
+    label?: string;
+    /**
+     * Sets the `id` of the `input` DOM element.
+     */
+    id?: string;
+    /**
+     * Sets the `aria-label` of the `input` DOM element.
+     */
+    ariaLabel?: string;
+    /**
+     * Sets the `type` of the `input` DOM element.
+     *
+     * The available options are:
+     * - (Default) `tel`
+     * - `text`
+     * - `numeric`
+     */
+    inputType?: NumericTextBoxInputType | string;
+    /**
+     * If set to `false`, no visual representation of the invalid state of the component will be applied.
+     *
+     * @default true
+     */
+    validityStyles?: boolean;
+    /**
+     * 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?: string | Function | object | boolean;
+    /**
+     * Defines if the inputSuffix will be shown. Accepts a slot name, a `render` function, or a Vue component.
+     */
+    inputSuffix?: string | Function | object | boolean;
+    /**
+     * 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 wrapper element.
+     */
+    wrapperClass?: string;
+    /**
+     * Defines additional class to the input element.
+     */
+    inputClass?: 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;
+    /**
+     * The event handler that will be fired when the changes the selected value.
+     */
+    onChange?: (event: any) => void;
+    /**
+     * The event handler that will be fired when TextArea is focused.
+     */
+    onFocus?: (event: any) => void;
+    /**
+     * The event handler that will be fired when TextArea is blurred.
+     */
+    onBlur?: (event: any) => void;
+}
+export {};

package/numerictextbox/utils/main.d.ts

@@ -0,0 +1,126 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { NumberFormatOptions } from '@progress/kendo-vue-intl';
+import { NumericTextBoxData } from '../interfaces/NumericTextBoxData';
+/**
+ * @hidden
+ */
+export declare const getInitialState: () => NumericTextBoxData;
+/**
+ * @hidden
+ */
+export declare const getStateOrPropsValue: (value: number | null | undefined, stateValue: number | null | undefined) => number | null | undefined;
+/**
+ * @hidden
+ */
+export declare const formatValue: (value: string | number | null | undefined, format: string | NumberFormatOptions | undefined, intlService: any) => string;
+/**
+ * @hidden
+ */
+export declare const fractionLength: (value: number) => number;
+/**
+ * @hidden
+ */
+export declare const limitPrecision: (precision: number) => number;
+/**
+ * @hidden
+ */
+export declare const toFixedPrecision: (value: number, precision: number) => number;
+/**
+ * @hidden
+ */
+export declare const increaseValue: (value: any, newState: any, step: any, min: any, max: any, format: any, intlService: any) => void;
+/**
+ * @hidden
+ */
+export declare const decreaseValue: (value: any, newState: any, step: any, min: any, max: any, format: any, intlService: any) => void;
+/**
+ * @hidden
+ */
+export declare const rangeValue: (value: number | null, min: any, max: any) => number | null;
+/**
+ * @hidden
+ */
+export declare const getMaxCursorPosition: (nextValue: string, formatInfo: string[][]) => number;
+/**
+ * @hidden
+ */
+export declare const getMinCursorPosition: (nextValue: string, formatInfo: string[][]) => number;
+/**
+ * @hidden
+ */
+export declare const rangeSelection: (nextLooseValue: string, formatInfo: string[][], newState: NumericTextBoxData) => void;
+/**
+ * @hidden
+ */
+export declare const setSelection: (newState: NumericTextBoxData, newIndex: number, nextLooseValue: string, formatInfo: string[][]) => void;
+/**
+ * @hidden
+ */
+export declare const setInvalid: (newState: NumericTextBoxData, format: string | NumberFormatOptions | undefined, formatInfo: string[][], intlService: any) => void;
+/**
+ * @hidden
+ */
+export declare const isMinusSymbolAdded: (newState: NumericTextBoxData, symbols: any) => boolean;
+/**
+ * @hidden
+ */
+export declare const isMinusSymbolRemoved: (newState: NumericTextBoxData, symbols: any) => boolean;
+/**
+ * @hidden
+ */
+export declare const isDecimalDuplicated: (newState: NumericTextBoxData, symbols: any) => boolean;
+/**
+ * @hidden
+ */
+export declare const getFormatPrefixSufix: (format: string | NumberFormatOptions | undefined, intlService: any) => {
+    positiveInfo: string[];
+    negativeInfo: string[];
+    zeroInfo: string[];
+    oneInfo: string[];
+};
+/**
+ * @hidden
+ */
+export declare const getFormatSymbols: (format: string | NumberFormatOptions | undefined, intlService: any) => string;
+/**
+ * @hidden
+ */
+export declare const getInitialPosition: (nextLooseValue: string, symbols: any) => number;
+/**
+ * @hidden
+ */
+export declare const reverseString: (str: string) => string;
+/**
+ * @hidden
+ */
+export declare const getLastNumberIndex: (currentLooseValue: string, inputRegex: RegExp) => number;
+/**
+ * @hidden
+ */
+export declare const getPrefix: (str: string) => string;
+/**
+ * @hidden
+ */
+export declare const getSuffix: (str: string) => string;
+/**
+ * @hidden
+ */
+export declare const getFirstNumberIndex: (prevLooseValue: string, inputRegex: RegExp) => number;
+/**
+ * @hidden
+ */
+export declare const getDecimalCount: (value: string, decimal: string) => number;
+/**
+ * @hidden
+ */
+export declare const changeBasedSelection: (currentValue: string, nextValue: string, selectionPosition: number, isDelete: boolean, sanitizeRegex: any) => number;
+/**
+ * @hidden
+ */
+export declare const sanitizeNumber: (state: NumericTextBoxData, format: string | NumberFormatOptions | undefined, intlService: any) => NumericTextBoxData;

package/package-metadata.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { PackageMetadata } from '@progress/kendo-licensing';
+/**
+ * @hidden
+ */
+export declare const packageMetadata: PackageMetadata;

package/package-metadata.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-vue-inputs",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate: 1773130033,version:"8.0.3-develop.2",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"};exports.packageMetadata=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-vue-inputs",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate: 1773755862,version:"8.0.3-develop.4",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"};exports.packageMetadata=e;

package/package-metadata.mjs

@@ -10,8 +10,8 @@ const e = {
   productName: "Kendo UI for Vue",
   productCode: "KENDOUIVUE",
   productCodes: ["KENDOUIVUE"],
-  publishDate: 1773130033,
-  version: "8.0.3-develop.2",
+  publishDate: 1773755862,
+  version: "8.0.3-develop.4",
   licensingDocsUrl: "https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"
 };
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-vue-inputs",
-  "version": "8.0.3-develop.2",
+  "version": "8.0.3-develop.4",
   "description": "TODO",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -9,8 +9,14 @@
   "types": "./index.d.ts",
   "exports": {
     ".": {
-      "import": "./index.mjs",
-      "require": "./index.js"
+      "import": {
+        "types": "./index.d.mts",
+        "default": "./index.mjs"
+      },
+      "require": {
+        "types": "./index.d.ts",
+        "default": "./index.js"
+      }
     },
     "./package.json": {
       "default": "./package.json"
@@ -20,13 +26,13 @@
   "peerDependencies": {
     "@progress/kendo-drawing": "^1.21.1",
     "@progress/kendo-licensing": "^1.7.2",
-    "@progress/kendo-vue-animation": "8.0.3-develop.2",
-    "@progress/kendo-vue-buttons": "8.0.3-develop.2",
-    "@progress/kendo-vue-common": "8.0.3-develop.2",
-    "@progress/kendo-vue-dialogs": "8.0.3-develop.2",
-    "@progress/kendo-vue-intl": "8.0.3-develop.2",
-    "@progress/kendo-vue-labels": "8.0.3-develop.2",
-    "@progress/kendo-vue-popup": "8.0.3-develop.2",
+    "@progress/kendo-vue-animation": "8.0.3-develop.4",
+    "@progress/kendo-vue-buttons": "8.0.3-develop.4",
+    "@progress/kendo-vue-common": "8.0.3-develop.4",
+    "@progress/kendo-vue-dialogs": "8.0.3-develop.4",
+    "@progress/kendo-vue-intl": "8.0.3-develop.4",
+    "@progress/kendo-vue-labels": "8.0.3-develop.4",
+    "@progress/kendo-vue-popup": "8.0.3-develop.4",
     "@progress/kendo-svg-icons": "^4.4.0",
     "vue": "^3.0.2"
   },
@@ -49,7 +55,7 @@
     "package": {
       "productName": "Kendo UI for Vue",
       "productCode": "KENDOUIVUE",
-      "publishDate": 1773130033,
+      "publishDate": 1773755862,
       "licensingDocsUrl": "https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"
     }
   },

package/radiobutton/RadioButton.d.ts

@@ -0,0 +1,94 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { RadioButtonChangeEvent } from './interfaces/RadioButtonChangeEvent';
+import { RadioButtonFocusEvent } from './interfaces/RadioButtonFocusEvent';
+import { RadioButtonBlurEvent } from './interfaces/RadioButtonBlurEvent';
+import { PropType } from 'vue';
+/**
+ * @hidden
+ */
+declare const RadioButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    ariaDescribedBy: PropType<string>;
+    checked: PropType<boolean>;
+    disabled: PropType<boolean>;
+    className: PropType<string>;
+    content: PropType<any>;
+    dataItem: PropType<object>;
+    id: PropType<string>;
+    label: PropType<string>;
+    labelRender: PropType<any>;
+    item: PropType<any>;
+    labelPlacement: PropType<string>;
+    name: PropType<string>;
+    index: PropType<number>;
+    tag: {
+        type: PropType<string>;
+        default: string;
+    };
+    size: {
+        type: PropType<"small" | "medium" | "large">;
+        validator: (value: string) => boolean;
+    };
+    tabIndex: PropType<number>;
+    value: PropType<any>;
+    valid: {
+        type: PropType<boolean>;
+        default: any;
+    };
+    role: PropType<string>;
+}>, {
+    inputRef: import('vue').Ref<any, any>;
+}, {}, {
+    inputClassName(): object;
+}, {
+    focusElement(): void;
+    handleChange(event: any): void;
+    handleFocus(event: FocusEvent): void;
+    handleBlur(event: FocusEvent): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (event: RadioButtonChangeEvent) => true;
+    focus: (event: RadioButtonFocusEvent) => true;
+    blur: (event: RadioButtonBlurEvent) => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    ariaDescribedBy: PropType<string>;
+    checked: PropType<boolean>;
+    disabled: PropType<boolean>;
+    className: PropType<string>;
+    content: PropType<any>;
+    dataItem: PropType<object>;
+    id: PropType<string>;
+    label: PropType<string>;
+    labelRender: PropType<any>;
+    item: PropType<any>;
+    labelPlacement: PropType<string>;
+    name: PropType<string>;
+    index: PropType<number>;
+    tag: {
+        type: PropType<string>;
+        default: string;
+    };
+    size: {
+        type: PropType<"small" | "medium" | "large">;
+        validator: (value: string) => boolean;
+    };
+    tabIndex: PropType<number>;
+    value: PropType<any>;
+    valid: {
+        type: PropType<boolean>;
+        default: any;
+    };
+    role: PropType<string>;
+}>> & Readonly<{
+    onBlur?: (event: RadioButtonBlurEvent) => any;
+    onChange?: (event: RadioButtonChangeEvent) => any;
+    onFocus?: (event: RadioButtonFocusEvent) => any;
+}>, {
+    valid: boolean;
+    tag: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { RadioButton };

package/radiobutton/RadioGroup.d.ts

@@ -0,0 +1,97 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { RadioGroupChangeEvent } from './interfaces/RadioGroupChangeEvent';
+import { RadioGroupFocusEvent } from './interfaces/RadioGroupFocusEvent';
+import { RadioButtonChangeEvent } from './interfaces/RadioButtonChangeEvent';
+import { RadioButtonFocusEvent } from './interfaces/RadioButtonFocusEvent';
+import { RadioButtonBlurEvent } from './interfaces/RadioButtonBlurEvent';
+import { RadioGroupBlurEvent } from './interfaces/RadioGroupBlurEvent';
+/**
+ * @hidden
+ */
+declare const RadioGroup: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    ariaLabelledBy: StringConstructor;
+    ariaDescribedBy: StringConstructor;
+    dataItems: ArrayConstructor;
+    defaultValue: (ObjectConstructor | StringConstructor | NumberConstructor)[];
+    dir: StringConstructor;
+    disabled: BooleanConstructor;
+    labelPlacement: StringConstructor;
+    item: {
+        type: StringConstructor;
+        default: any;
+    };
+    layout: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => any;
+    };
+    name: StringConstructor;
+    modelValue: (ObjectConstructor | StringConstructor | NumberConstructor)[];
+    value: (ObjectConstructor | StringConstructor | NumberConstructor)[];
+    valid: {
+        type: BooleanConstructor;
+        default: any;
+    };
+}>, {
+    inputRef: import('vue').Ref<any, any>;
+}, {
+    rtl: boolean;
+    stateChecked: any;
+}, {
+    radioGroupClasses(): any;
+    checkedRadioValue(): any;
+    currentDir(): any;
+}, {
+    focusElement(): void;
+    handleChange(event: RadioButtonChangeEvent): void;
+    handleFocus(event: RadioButtonFocusEvent): void;
+    handleBlur(event: RadioButtonBlurEvent): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    changemodel: (value: any) => true;
+    'update:modelValue': (value: any) => true;
+    change: (event: RadioGroupChangeEvent) => true;
+    focus: (event: RadioGroupFocusEvent) => true;
+    blur: (event: RadioGroupBlurEvent) => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    ariaLabelledBy: StringConstructor;
+    ariaDescribedBy: StringConstructor;
+    dataItems: ArrayConstructor;
+    defaultValue: (ObjectConstructor | StringConstructor | NumberConstructor)[];
+    dir: StringConstructor;
+    disabled: BooleanConstructor;
+    labelPlacement: StringConstructor;
+    item: {
+        type: StringConstructor;
+        default: any;
+    };
+    layout: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => any;
+    };
+    name: StringConstructor;
+    modelValue: (ObjectConstructor | StringConstructor | NumberConstructor)[];
+    value: (ObjectConstructor | StringConstructor | NumberConstructor)[];
+    valid: {
+        type: BooleanConstructor;
+        default: any;
+    };
+}>> & Readonly<{
+    onBlur?: (event: RadioGroupBlurEvent) => any;
+    onChange?: (event: RadioGroupChangeEvent) => any;
+    onFocus?: (event: RadioGroupFocusEvent) => any;
+    onChangemodel?: (value: any) => any;
+    "onUpdate:modelValue"?: (value: any) => any;
+}>, {
+    item: string;
+    disabled: boolean;
+    valid: boolean;
+    layout: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { RadioGroup };

package/radiobutton/interfaces/RadioButtonBlurEvent.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` RadioButton event.
+ */
+export interface RadioButtonBlurEvent {
+    /**
+     * The native browser blur event.
+     */
+    event: FocusEvent;
+}

package/radiobutton/interfaces/RadioButtonChangeEvent.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 `onChange` RadioButton event.
+ */
+export interface RadioButtonChangeEvent {
+    /**
+     * The value of the selected RadioButton.
+     */
+    value: any;
+}

package/radiobutton/interfaces/RadioButtonFocusEvent.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` RadioButton event.
+ */
+export interface RadioButtonFocusEvent {
+    /**
+     * The native browser focus event.
+     */
+    event: FocusEvent;
+}