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

package/switch/Switch.d.ts

@@ -0,0 +1,318 @@
+/**
+ * @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, FormComponentValidity } from '@progress/kendo-vue-common';
+import { ToggleBaseProps } from '../interfaces/ToggleBaseProps';
+import { SwitchFocusEvent } from './interfaces/SwitchFocusEvent';
+import { SwitchBlurEvent } from './interfaces/SwitchBlurEvent';
+/**
+ * The arguments for the `onChange` Switch event.
+ */
+export interface SwitchChangeEvent {
+    /**
+     * The new value of the Switch.
+     */
+    value: boolean;
+}
+/**
+ * Represents the props of the [Kendo UI for Vue Switch component]({% slug overview_switch %}).
+ */
+export interface SwitchProps extends ToggleBaseProps, FormComponentProps {
+    /**
+     * Specifies the `name` of the Switch.
+     */
+    name?: string;
+    /**
+     * Specifies the `accessKey` of the Switch.
+     */
+    accessKey?: string;
+    /**
+     * Sets the current value of the Switch ([see example]({% slug controlled_switch %})).
+     */
+    checked?: boolean;
+    /**
+     * Sets the `className` of the wrapping element of the Switch.
+     */
+    className?: string;
+    /**
+     * Sets the value of the Switch when it is initially displayed ([see example]({% slug default_state %})).
+     */
+    defaultChecked?: boolean;
+    /**
+     * Sets the default value of the Switch.
+     */
+    defaultValue?: any;
+    /**
+     * Disables the Switch when set to `true` ([see example]({% slug disabled_switch %})).
+     */
+    disabled?: boolean;
+    /**
+     * Sets the `dir` property of the wrapping element of the Switch.
+     */
+    dir?: string;
+    /**
+     * Sets the `id` of the Switch.
+     */
+    id?: string;
+    /**
+     * Configures the `size` of the Switch.
+     *
+     * The available options are:
+     * - small
+     * - medium
+     * - large
+     *
+     * @default undefined
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * Configures the `trackRounded` of the Switch.
+     *
+     * The available options are:
+     * - none
+     * - small
+     * - medium
+     * - large
+     * - full
+     *
+     * @default undefined
+     */
+    trackRounded?: 'none' | 'small' | 'medium' | 'large' | 'full';
+    /**
+     * Configures the `thumbRounded` of the Switch.
+     *
+     * The available options are:
+     * - none
+     * - small
+     * - medium
+     * - large
+     * - full
+     *
+     * @default undefined
+     */
+    thumbRounded?: 'none' | 'small' | 'medium' | 'large' | 'full';
+    /**
+     * 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;
+    /**
+     * Changes the **Off** label([see example]({% slug labels_switch %})).
+     */
+    offLabel?: string;
+    /**
+     * Fires each time the Switch gets blurred.
+     */
+    onBlur?: (event: any) => void;
+    /**
+     * Fires each time the user selects a new value ([see example]({% slug controlled_switch %})).
+     */
+    onChange?: (event: SwitchChangeEvent) => void;
+    /**
+     * Fires each time the Switch component gets focused.
+     */
+    onFocus?: (event: any) => void;
+    /**
+     * Changes the **On** label ([see example]({% slug labels_switch %})).
+     */
+    onLabel?: string;
+    /**
+     * Specifies the [`tabIndex`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of the component.
+     */
+    tabIndex?: number;
+    /**
+     * Sets the value of the Switch. It can either be of the primitive (string, number, boolean) or of the complex (array) type.
+     */
+    value?: string | number | string[] | boolean | null;
+    modelValue?: string | number | string[] | boolean | null;
+}
+/**
+ * Represents the [Kendo UI for Vue Native Switch component]({% slug overview_switch %}).
+ * Accepts properties of type [SwitchProps]({% slug api_inputs_switchprops %}).
+ */
+declare const Switch: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    name: StringConstructor;
+    accessKey: StringConstructor;
+    checked: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    className: StringConstructor;
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    defaultChecked: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+    trackRounded: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+    thumbRounded: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+    dir: StringConstructor;
+    id: StringConstructor;
+    ariaLabelledBy: StringConstructor;
+    ariaDescribedBy: StringConstructor;
+    offLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    onLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tabIndex: NumberConstructor;
+    valid: BooleanConstructor;
+    validityStyles: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    validationMessage: StringConstructor;
+    value: {
+        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        default: any;
+    };
+    modelValue: {
+        type: BooleanConstructor;
+        default: any;
+    };
+}>, {}, {
+    currentChecked: boolean;
+    valueDuringOnChange: any;
+    focused: boolean;
+    currentDir: any;
+}, {
+    computedValue(): any;
+    switchClassName(): {
+        [x: string]: any;
+        'k-switch': boolean;
+        'k-switch-on': any;
+        'k-switch-off': boolean;
+        'k-focus': any;
+        'k-disabled': any;
+        'k-invalid': boolean;
+    };
+    switchTrackClass(): {
+        [x: string]: any;
+        'k-switch-track': boolean;
+    };
+    switchThumbClass(): {
+        [x: string]: any;
+        'k-switch-thumb': boolean;
+    };
+}, {
+    focus(): void;
+    element(): HTMLSpanElement | null;
+    validity(): FormComponentValidity;
+    setValidity(): void;
+    limit(offset: number, drag: HTMLSpanElement, wrapper: HTMLSpanElement): number;
+    toggle(value: boolean, event: any): void;
+    handleClick(event: any): void;
+    handleKeyDown(event: any): void;
+    handleWrapperFocus(event: any): void;
+    handleWrapperBlur(event: any): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (event: SwitchChangeEvent) => true;
+    changemodel: (value: boolean) => true;
+    'update:modelValue': (value: boolean) => true;
+    focus: (event: SwitchFocusEvent) => true;
+    blur: (event: SwitchBlurEvent) => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    name: StringConstructor;
+    accessKey: StringConstructor;
+    checked: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    className: StringConstructor;
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    defaultChecked: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+    trackRounded: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+    thumbRounded: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+    dir: StringConstructor;
+    id: StringConstructor;
+    ariaLabelledBy: StringConstructor;
+    ariaDescribedBy: StringConstructor;
+    offLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    onLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tabIndex: NumberConstructor;
+    valid: BooleanConstructor;
+    validityStyles: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    validationMessage: StringConstructor;
+    value: {
+        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        default: any;
+    };
+    modelValue: {
+        type: BooleanConstructor;
+        default: any;
+    };
+}>> & Readonly<{
+    onBlur?: (event: SwitchBlurEvent) => any;
+    onChange?: (event: SwitchChangeEvent) => any;
+    onFocus?: (event: SwitchFocusEvent) => any;
+    onChangemodel?: (value: boolean) => any;
+    "onUpdate:modelValue"?: (value: boolean) => any;
+}>, {
+    required: boolean;
+    value: string | number | boolean;
+    disabled: boolean;
+    checked: boolean;
+    modelValue: boolean;
+    valid: boolean;
+    validityStyles: boolean;
+    defaultChecked: boolean;
+    offLabel: string;
+    onLabel: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { Switch };

package/switch/interfaces/SwitchBlurEvent.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` Switch event.
+ */
+export interface SwitchBlurEvent {
+    /**
+     * The native FocusEvent from the DOM.
+     */
+    event: FocusEvent;
+}

package/switch/interfaces/SwitchFocusEvent.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` Switch event.
+ */
+export interface SwitchFocusEvent {
+    /**
+     * The native FocusEvent from the DOM.
+     */
+    event: FocusEvent;
+}

package/switch/util.d.ts

@@ -0,0 +1,15 @@
+/**
+ * @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 const FRAME_DURATION: number;
+/**
+ * @hidden
+ */
+export declare const throttle: (func: Function, wait: number, options?: any) => (this: any) => any;

package/textarea/TextArea.d.ts

@@ -0,0 +1,237 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { TextAreaBlurEvent } from './interfaces/TextAreaBlurEvent';
+import { TextAreaChangeEvent } from './interfaces/TextAreaChangeEvent';
+import { TextAreaFocusEvent } from './interfaces/TextAreaFocusEvent';
+import { PropType } from 'vue';
+/**
+ * Represents the [Kendo UI for Vue Native TextArea component]({% slug overview_textarea %}).
+ *
+ * Accepts properties of type [TextAreaProps]({% slug api_inputs_textareaprops %}).
+ *
+ *
+ * ```jsx
+ * <template>
+ *     <k-form
+ *       @submit="handleSubmit">
+ *       <formcontent />
+ *    </k-form>
+ * </template>
+ * <script>
+ * import { Form } from "@progress/kendo-vue-form";
+ * import FormContent from './FormContent.vue';
+ *
+ * export default {
+ *     components: {
+ *       'k-form': Form,
+ *       'formcontent': FormContent
+ *     },
+ *     methods: {
+ *       handleSubmit (dataItem) {
+ *          alert(JSON.stringify(dataItem, null, 2));
+ *       }
+ *     }
+ * };
+ *
+ * </script>
+ * ```
+ */
+declare const TextArea: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    title: PropType<string>;
+    ariaDescribedBy: PropType<string>;
+    ariaLabelledBy: PropType<string>;
+    autoSize: PropType<boolean>;
+    modelValue: {
+        type: PropType<string | number | string[]>;
+        default: any;
+    };
+    defaultValue: PropType<string | number | string[]>;
+    dir: PropType<string>;
+    disabled: PropType<boolean>;
+    readOnly: PropType<boolean>;
+    rows: PropType<number>;
+    id: PropType<string>;
+    name: PropType<string>;
+    validationMessage: PropType<string>;
+    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;
+    };
+    required: PropType<boolean>;
+    placeholder: PropType<string>;
+    tabIndex: PropType<number>;
+    valid: {
+        type: PropType<boolean>;
+        default: any;
+    };
+    value: PropType<string | number | string[]>;
+    validityStyles: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    iconName: PropType<string>;
+    inputPrefix: PropType<string | boolean | Object | Function>;
+    inputSuffix: PropType<string | boolean | Object | Function>;
+    showValidationIcon: PropType<boolean>;
+    showLoadingIcon: PropType<boolean>;
+    showClearButton: PropType<boolean>;
+    inputClass: PropType<string>;
+    wrapperClass: PropType<string>;
+    flow: {
+        type: PropType<string>;
+        default: string;
+        validator: (value: any) => any;
+    };
+    resizable: {
+        type: PropType<string>;
+        default: string;
+        validator: (value: any) => any;
+    };
+    inputAttributes: PropType<Object>;
+}>, {}, {
+    currentValue: string | number | string[];
+    textAreaHeight: string;
+    currentDir: string;
+}, {
+    resizableClass(): "k-resize-none" | "k-resize-y" | "k-resize-x" | "k-resize";
+    rootClassName(): {
+        [x: string]: any;
+        [x: number]: any;
+        'k-input': boolean;
+        'k-textarea': boolean;
+        'k-disabled': any;
+        'k-invalid': boolean;
+        'k-required': any;
+        'k-loading': any;
+        '!k-flex-col': boolean;
+        '!k-flex-row': boolean;
+    };
+    inputInnerClass(): {
+        [x: number]: any;
+        'k-input-inner': boolean;
+        '!k-resize-none': boolean;
+        '!k-overflow-auto': boolean;
+        'k-flex': boolean;
+    };
+    prefixRenderClass(): {
+        'k-input-prefix': boolean;
+        '!k-align-items-start': boolean;
+        'k-input-prefix-horizontal': boolean;
+        'k-input-prefix-vertical': boolean;
+    };
+    suffixRenderClass(): {
+        'k-input-suffix': boolean;
+        '!k-align-items-start': boolean;
+        'k-input-suffix-horizontal': boolean;
+        'k-input-suffix-vertical': boolean;
+    };
+    suffixIconWrapClass(): {
+        'k-flex-wrap': boolean;
+        '!k-align-items-start': boolean;
+    };
+    computedValue(): any;
+    isValid(): any;
+}, {
+    setValidity(): void;
+    clearClick(event: any): void;
+    focus(): void;
+    emitUpdate(event: any, eventName: string, value: any): void;
+    handleChange(event: any): void;
+    handleInput(event: any): void;
+    handleFocus(event: any): void;
+    handleBlur(event: any): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    input: (event: Event) => true;
+    change: (event: TextAreaChangeEvent) => true;
+    changemodel: (value: string | string[] | number) => true;
+    'update:modelValue': (value: string | string[] | number) => true;
+    focus: (event: TextAreaFocusEvent) => true;
+    blur: (event: TextAreaBlurEvent) => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    title: PropType<string>;
+    ariaDescribedBy: PropType<string>;
+    ariaLabelledBy: PropType<string>;
+    autoSize: PropType<boolean>;
+    modelValue: {
+        type: PropType<string | number | string[]>;
+        default: any;
+    };
+    defaultValue: PropType<string | number | string[]>;
+    dir: PropType<string>;
+    disabled: PropType<boolean>;
+    readOnly: PropType<boolean>;
+    rows: PropType<number>;
+    id: PropType<string>;
+    name: PropType<string>;
+    validationMessage: PropType<string>;
+    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;
+    };
+    required: PropType<boolean>;
+    placeholder: PropType<string>;
+    tabIndex: PropType<number>;
+    valid: {
+        type: PropType<boolean>;
+        default: any;
+    };
+    value: PropType<string | number | string[]>;
+    validityStyles: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    iconName: PropType<string>;
+    inputPrefix: PropType<string | boolean | Object | Function>;
+    inputSuffix: PropType<string | boolean | Object | Function>;
+    showValidationIcon: PropType<boolean>;
+    showLoadingIcon: PropType<boolean>;
+    showClearButton: PropType<boolean>;
+    inputClass: PropType<string>;
+    wrapperClass: PropType<string>;
+    flow: {
+        type: PropType<string>;
+        default: string;
+        validator: (value: any) => any;
+    };
+    resizable: {
+        type: PropType<string>;
+        default: string;
+        validator: (value: any) => any;
+    };
+    inputAttributes: PropType<Object>;
+}>> & Readonly<{
+    onInput?: (event: Event) => any;
+    onBlur?: (event: TextAreaBlurEvent) => any;
+    onChange?: (event: TextAreaChangeEvent) => any;
+    onFocus?: (event: TextAreaFocusEvent) => any;
+    onChangemodel?: (value: string | number | string[]) => any;
+    "onUpdate:modelValue"?: (value: string | number | string[]) => any;
+}>, {
+    flow: string;
+    modelValue: string | number | string[];
+    valid: boolean;
+    validityStyles: boolean;
+    resizable: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { TextArea };

package/textarea/interfaces/TextAreaBlurEvent.d.ts

@@ -0,0 +1,24 @@
+/**
+ * @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` TextArea event.
+ */
+export interface TextAreaBlurEvent {
+    /**
+     * The native FocusEvent from the DOM.
+     */
+    event: FocusEvent;
+    /**
+     * The TextArea component instance.
+     */
+    component?: any;
+    /**
+     * The name attribute of the textarea element.
+     */
+    name?: string;
+}

package/textarea/interfaces/TextAreaChangeEvent.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` TextArea event.
+ */
+export interface TextAreaChangeEvent {
+    /**
+     * The new value of the TextArea.
+     */
+    value: string;
+}

package/textarea/interfaces/TextAreaFlow.d.ts

@@ -0,0 +1,15 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * Specifies the flow direction of the TextArea sections.
+ *
+ * The possible values are:
+ * * `vertical`(Default) —TextArea sections are placed from top to bottom.
+ * * `horizontal`—TextArea sections are placed from left to right in `ltr`, and from right to left in `rtl` mode.
+ */
+export type TextAreaFlow = 'horizontal' | 'vertical';

package/textarea/interfaces/TextAreaFocusEvent.d.ts

@@ -0,0 +1,24 @@
+/**
+ * @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` TextArea event.
+ */
+export interface TextAreaFocusEvent {
+    /**
+     * The native FocusEvent from the DOM.
+     */
+    event: FocusEvent;
+    /**
+     * The TextArea component instance.
+     */
+    component?: any;
+    /**
+     * The name attribute of the textarea element.
+     */
+    name?: string;
+}