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

package/radiobutton/interfaces/RadioButtonProps.d.ts

@@ -0,0 +1,120 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { RadioButtonBlurEvent } from './RadioButtonBlurEvent';
+import { RadioButtonChangeEvent } from './RadioButtonChangeEvent';
+import { RadioButtonFocusEvent } from './RadioButtonFocusEvent';
+/**
+ * Represents the props of the [Kendo UI for Vue RadioButton component]({% slug overview_radiobutton %}).
+ * Extends the [native input props](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement).
+ */
+export interface RadioButtonProps {
+    /**
+     * 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;
+    /**
+     * Specifies if the Radio button is checked.
+     */
+    checked?: boolean;
+    /**
+     * Specifies the class applied to the input element.
+     */
+    className?: string;
+    /**
+     * Specifies if the Radio button is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * @hidden
+     * Used in RadioGroup scenarios with a custom template to pass dataItem data to the template
+     */
+    dataItem?: object;
+    /**
+     * Specifies the current index of the Radio button.
+     */
+    index?: number;
+    /**
+     * Sets the `id` of the Radio button.
+     */
+    id?: string;
+    /**
+     * Sets the label of the Radio button ([see example]({% slug labels_radiobutton %})).
+     */
+    label?: string;
+    /**
+     * Sets the label render template of the Radio button component.
+     * Accepts a slot name, a `render` function, or a Vue component.
+     */
+    labelRender?: any;
+    /**
+     * Sets the item content template of the Radio button component.
+     * Accepts a slot name, a `render` function, or a Vue component.
+     */
+    content?: any;
+    /**
+     * Sets the item render template of the Radio button component.
+     * Accepts a slot name, a `render` function, or a Vue component.
+     */
+    item?: any;
+    /**
+     * Sets the label position of the Radio button ([see example]({% slug labels_radiobutton %})).
+     * Accepts two options: `before` or `after`. Defaults to `after`.
+     */
+    labelPlacement?: string;
+    /**
+     * Sets the `name` property of the Radio button.
+     */
+    name?: string;
+    /**
+     * Sets the `tag` property of the Radio button wrapping element.
+     */
+    tag?: string;
+    /**
+     * Configures the `size` of the RadioButton.
+     *
+     * The available options are:
+     * - small
+     * - medium
+     * - large
+     *
+     * @default undefined
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * Sets the `tabIndex` property of the Radio button.
+     * Defaults to `0`.
+     */
+    tabIndex?: number;
+    /**
+     * Overrides the validity state of the component.
+     * If `valid` is set, the `required` property will be ignored.
+     */
+    valid?: boolean;
+    /**
+     * Sets the value to be submitted.
+     */
+    value?: any;
+    /**
+     * Represents the `role` HTML attribute.
+     */
+    role?: string;
+    /**
+     * The event handler that will be fired when the changes the selected value.
+     */
+    onChange?: (event: RadioButtonChangeEvent) => void;
+    /**
+     * The event handler that will be fired when RadioButton is focused.
+     */
+    onFocus?: (event: RadioButtonFocusEvent) => void;
+    /**
+     * The event handler that will be fired when RadioButton is blurred.
+     */
+    onBlur?: (event: RadioButtonBlurEvent) => void;
+}

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

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

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

package/radiobutton/interfaces/RadioGroupProps.d.ts

@@ -0,0 +1,86 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { RadioButtonProps } from './RadioButtonProps';
+import { RadioGroupFocusEvent } from './RadioGroupFocusEvent';
+import { RadioGroupChangeEvent } from './RadioGroupChangeEvent';
+/**
+ * Represents the props of the [Kendo UI for Vue RadioGroup component]({% slug overview_radiobutton %}).
+ */
+export interface RadioGroupProps {
+    /**
+     * Identifies the element(s) which will describe the component, similar to HTML
+     * [aria-describedby](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-describedby_attribute)
+     * attribute. For example these elements could contain error or hint message.
+     */
+    ariaDescribedBy?: string;
+    /**
+     * Identifies the element(s) which will label the component.
+     */
+    ariaLabelledBy?: string;
+    /**
+     * The collection of radio buttons that will
+     *  be rendered in the RadioGroup ([see example]({% slug overview_radiobutton %})).
+     */
+    dataItems?: Array<RadioButtonProps>;
+    /**
+     * Sets the default checked state of a radio button when used in
+     * uncontrolled mode ([see example]({% slug overview_radiobutton %})).
+     * The `checked` property is passed to the underlying `input` element.
+     */
+    defaultValue?: any;
+    /**
+     * Represents the `dir` HTML attribute. This is used to switch from LTR to RTL.
+     */
+    dir?: string;
+    /**
+     * Disable all radio buttons ([see example]({% slug disabled_radiobutton %})).
+     */
+    disabled?: boolean;
+    /**
+     * Overrides the default component responsible for visualizing a single item.
+     *
+     * The default element is `li` with a [RadioButton]({% slug api_inputs_radiobuttonprops %}) as `children`.
+     */
+    item?: any;
+    /**
+     * Sets the label position of the radio buttons.
+     * Accepts two options: `before` or `after`. Defaults to `after`.
+     */
+    labelPlacement?: string;
+    /**
+     * Specifies the radio group layout 'horizontal' or 'vertical'. DEfault is 'horizontal'.
+     */
+    layout?: string;
+    /**
+     * Specifies the `name` property of the `input` DOM elements.
+     */
+    name?: string;
+    /**
+     * The event handler that will be fired when the changes the selected value.
+     */
+    onChange?: (event: RadioGroupChangeEvent) => void;
+    /**
+     * The event handler that will be fired when Radio button is focused.
+     */
+    onFocus?: (event: RadioGroupFocusEvent) => void;
+    /**
+     * @hidden
+     */
+    modelValue?: string | number | null;
+    /**
+     * Sets the default checked state of a radio
+     *  button when used in controlled mode ([see example]({% slug controlled_radiogroup %})).
+     * The `checked` property is passed to the underlying `input` element.
+     */
+    value?: string | number | null;
+    /**
+     * Overrides the validity state of the component.
+     * If `valid` is set, the `required` property will be ignored.
+     */
+    valid?: boolean;
+}

package/range-slider/RangeSlider.d.ts

@@ -0,0 +1,256 @@
+/**
+ * @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, DraggableDragEvent } from '@progress/kendo-vue-common';
+import { Direction } from '../interfaces/Direction';
+/**
+ * The range object representing the value of the RangeSlider.
+ */
+export type Range = {
+    /**
+     * The start of the range.
+     */
+    start: number;
+    /**
+     * The end of the range.
+     */
+    end: number;
+};
+/**
+ * Represents the properties of [RangeSlider](% slug api_inputs_rangeslider %) component.
+ */
+export interface RangeSliderProps extends FormComponentProps {
+    /**
+     * Sets the `id` property of the top div element of the RangeSlider.
+     */
+    id?: string;
+    /**
+     * The flexible values of type Range - `start and `end`.
+     */
+    value?: Range;
+    /**
+     * The default set values of type Range - `start` and `end`.
+     */
+    defaultValue?: Range;
+    /**
+     * Triggered after value change - gets outside access to the element, new values and the event type.
+     */
+    onChange?: (event: RangeSliderChangeEvent) => void;
+    /**
+     * The step by which the value is increment/decrement.
+     */
+    step?: number;
+    /**
+     * The minimum possible value of the RangeSlider.
+     */
+    min: number;
+    /**
+     * The maximum possible value of the RangeSlider.
+     */
+    max: number;
+    /**
+     * The RangeSlider orientation if true - vertical, else - horizontal.
+     */
+    vertical?: boolean;
+    /**
+     * Determines the disabled mode of the RangeSlider, if true - disabled.
+     */
+    disabled?: boolean;
+    /**
+     * The RangeSlider direction `ltr` or `rtl`.
+     */
+    dir?: Direction | string;
+    /**
+     * Sets the `tabIndex` attribute to the `start` drag handle.
+     */
+    startTabIndex?: number;
+    /**
+     * Sets the `tabIndex` attribute to the `end` drag handle.
+     */
+    endTabIndex?: number;
+    /**
+     * 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;
+}
+/**
+ * Represents the target(element and props) of the RangeSliderChangeEvent.
+ */
+export interface RangeSliderHandle {
+    /**
+     * The current element or `null` if there is no one.
+     */
+    element: HTMLDivElement | null;
+    /**
+     * The props values of the RangeSlider.
+     */
+    props: RangeSliderProps;
+    /**
+     * The focus event callback.
+     */
+    focus: () => void;
+}
+/**
+ * Represent the return type of RangeSliderChangeEvent.
+ */
+export interface RangeSliderChangeEvent {
+    /**
+     * The value from type Range - `start` and `end`.
+     */
+    value: Range;
+    /**
+     * The target of the RangeSliderChangeEvent from RangeSliderHandle.
+     */
+    target: RangeSliderHandle;
+    /**
+     * The event of the RangeSliderChangeEvent.
+     */
+    event: any | DraggableDragEvent;
+}
+/**
+ * @hidden
+ */
+export interface RangeSliderComputed {
+    [key: string]: any;
+    computedValue: any;
+    percentStart: number;
+    percentEnd: number;
+    sliderItemsStyle: object;
+    trackStyles: object;
+}
+/**
+ * Represents the [Kendo UI for Vue Native RangeSlider component]({% slug overview_rangeslider %}).
+ * Accepts properties of type [RangeSliderProps]({% slug api_inputs_rangesliderprops %}).
+ * Obtaining the `ref` returns an object of type [RangeSliderHandle]({% slug api_inputs_rangesliderhandle %}).
+ */
+declare const RangeSlider: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    id: StringConstructor;
+    value: {
+        type: ObjectConstructor;
+        validator: (value: any) => boolean;
+    };
+    defaultValue: {
+        type: ObjectConstructor;
+        default: () => {
+            start: number;
+            end: number;
+        };
+        validator: (value: any) => boolean;
+    };
+    step: {
+        type: NumberConstructor;
+        default: number;
+    };
+    min: {
+        type: NumberConstructor;
+        required: true;
+    };
+    max: {
+        type: NumberConstructor;
+        required: true;
+    };
+    vertical: BooleanConstructor;
+    disabled: BooleanConstructor;
+    dir: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: any) => any;
+    };
+    startTabIndex: NumberConstructor;
+    endTabIndex: NumberConstructor;
+}>, {
+    inputRef: import('vue').Ref<any, any>;
+    kendoLocalizationService: {};
+}, {
+    currentValue: Record<string, any>;
+    currentDrag: string;
+    currentDir: string;
+}, {
+    computedValue(): any;
+    percentStart(): number;
+    percentEnd(): number;
+    sliderItemsStyle(): {
+        paddingTop: number;
+        height: string;
+    } | {
+        paddingTop?: undefined;
+        height?: undefined;
+    };
+    trackStyles(): {
+        marginTop: string;
+        marginBottom: string;
+        marginLeft?: undefined;
+        marginRight?: undefined;
+    } | {
+        marginLeft: string;
+        marginRight: string;
+        marginTop?: undefined;
+        marginBottom?: undefined;
+    };
+}, {
+    dispatchStateValue(args: any): void;
+    focus(): void;
+    handleChange(newValue: any, event: any | DraggableDragEvent): void;
+    calcNewDistance(event: any): any;
+    calcKey(payload: any): "start" | "end";
+    handleStartKeyDown(event: any): void;
+    handleEndKeyDown(event: any): void;
+    handleTrackPress(event: any): void;
+    handleTrackDrag(event: any): void;
+    handleTrackRelease(event: any): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    id: StringConstructor;
+    value: {
+        type: ObjectConstructor;
+        validator: (value: any) => boolean;
+    };
+    defaultValue: {
+        type: ObjectConstructor;
+        default: () => {
+            start: number;
+            end: number;
+        };
+        validator: (value: any) => boolean;
+    };
+    step: {
+        type: NumberConstructor;
+        default: number;
+    };
+    min: {
+        type: NumberConstructor;
+        required: true;
+    };
+    max: {
+        type: NumberConstructor;
+        required: true;
+    };
+    vertical: BooleanConstructor;
+    disabled: BooleanConstructor;
+    dir: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: any) => any;
+    };
+    startTabIndex: NumberConstructor;
+    endTabIndex: NumberConstructor;
+}>> & Readonly<{}>, {
+    vertical: boolean;
+    disabled: boolean;
+    defaultValue: Record<string, any>;
+    dir: string;
+    step: number;
+}, {}, {}, {}, string, () => {
+    kendoMin: any;
+    kendoMax: any;
+    kendoVertical: any;
+}, true, {}, any>;
+export { RangeSlider };

package/range-slider/range-raducer.d.ts

@@ -0,0 +1,42 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { Range } from './RangeSlider';
+import { DraggableDragEvent } from '@progress/kendo-vue-common';
+/**
+ * @hidden
+ */
+export declare enum RANGE_ACTION {
+    start = "start",
+    end = "end",
+    min = "min",
+    max = "max",
+    increase = "increase",
+    decrease = "decrease"
+}
+/**
+ * @hidden
+ */
+export type RangeActionDispatch = {
+    type: RANGE_ACTION;
+    payload?: number;
+    key?: string;
+    event?: any | DraggableDragEvent;
+    state?: Range;
+};
+/**
+ * @hidden
+ */
+export interface RangeAction extends RangeActionDispatch {
+    step: number;
+    min: number;
+    max: number;
+}
+/**
+ * @hidden
+ */
+export declare const rangeReducer: (state: any, action: RangeAction) => any;

package/range-slider/range-raducer.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"});let n=function(e){return e.start="start",e.end="end",e.min="min",e.max="max",e.increase="increase",e.decrease="decrease",e}({});const l=(e,r)=>{let d,m;switch(r.type){case n.start:if(r.payload===void 0)return e;d={start:r.payload>e.end?e.end:Math.max(r.payload,r.min),end:e.end};break;case n.end:if(r.payload===void 0)return e;d={start:e.start,end:r.payload<e.start?e.start:Math.min(r.payload,r.max)};break;case n.min:r.key==="start"?d={...e,start:r.min}:d={...e,end:Math.max(r.min,e.start)};break;case n.max:r.key==="start"?d={...e,start:Math.min(r.max,e.end)}:d={...e,end:r.max};break;case n.increase:if(r.step===void 0||r.key===void 0)return e;m=e[r.key]+r.step,r.key==="start"?m<r.min?d={...e,start:r.min}:d={...e,start:Math.min(m,e.end)}:m>r.max?d={...e,end:r.max}:d={...e,end:Math.max(m,e.start)};break;case n.decrease:if(r.step===void 0||r.key===void 0)return e;m=e[r.key]-r.step,r.key==="start"?m<r.min?d={...e,start:r.min}:d={...e,start:Math.min(m,e.end)}:m>r.max?d={...e,end:r.max}:d={...e,end:Math.max(m,e.start)};break;default:d=e;break}return d};exports.RANGE_ACTION=n;exports.rangeReducer=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});let n=(function(e){return e.start="start",e.end="end",e.min="min",e.max="max",e.increase="increase",e.decrease="decrease",e})({});const l=(e,r)=>{let d,m;switch(r.type){case n.start:if(r.payload===void 0)return e;d={start:r.payload>e.end?e.end:Math.max(r.payload,r.min),end:e.end};break;case n.end:if(r.payload===void 0)return e;d={start:e.start,end:r.payload<e.start?e.start:Math.min(r.payload,r.max)};break;case n.min:r.key==="start"?d={...e,start:r.min}:d={...e,end:Math.max(r.min,e.start)};break;case n.max:r.key==="start"?d={...e,start:Math.min(r.max,e.end)}:d={...e,end:r.max};break;case n.increase:if(r.step===void 0||r.key===void 0)return e;m=e[r.key]+r.step,r.key==="start"?m<r.min?d={...e,start:r.min}:d={...e,start:Math.min(m,e.end)}:m>r.max?d={...e,end:r.max}:d={...e,end:Math.max(m,e.start)};break;case n.decrease:if(r.step===void 0||r.key===void 0)return e;m=e[r.key]-r.step,r.key==="start"?m<r.min?d={...e,start:r.min}:d={...e,start:Math.min(m,e.end)}:m>r.max?d={...e,end:r.max}:d={...e,end:Math.max(m,e.start)};break;default:d=e;break}return d};exports.RANGE_ACTION=n;exports.rangeReducer=l;

package/range-slider/range-raducer.mjs

@@ -5,9 +5,9 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-let n = /* @__PURE__ */ function(e) {
+let n = /* @__PURE__ */ (function(e) {
   return e.start = "start", e.end = "end", e.min = "min", e.max = "max", e.increase = "increase", e.decrease = "decrease", e;
-}({});
+})({});
 const f = (e, r) => {
   let d, m;
   switch (r.type) {