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

package/signature/interfaces/SignatureProps.d.ts

@@ -0,0 +1,197 @@
+/**
+ * @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 { SignatureChangeEvent } from './SignatureChangeEvent';
+import { SignatureFocusEvent } from './SignatureFocusEvent';
+import { SignatureBlurEvent } from './SignatureBlurEvent';
+import { SignatureOpenEvent } from './SignatureOpenEvent';
+import { SignatureCloseEvent } from './SignatureCloseEvent';
+/**
+ * Represents the props of the [Kendo UI for Vue Signature component]({% slug overview_signature %}).
+ */
+export interface SignatureProps extends FormComponentProps {
+    /**
+     * Specifies the value of the Signature.
+     *
+     * The value is an image encoded as a [Data URL](https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/Data_URLs).
+     */
+    value?: string;
+    /**
+     * Specifies the v-model.
+     */
+    modelValue?: string;
+    /**
+     * Sets the `tabIndex` property of the Signature.
+     */
+    tabIndex?: number;
+    /**
+     * Sets the `id` of the Signature DOM element.
+     */
+    id?: string;
+    /**
+     * Represents the `dir` HTML attribute.
+     */
+    dir?: string;
+    /**
+     * Specifies the name of the Signature input.
+     */
+    name?: 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;
+    /**
+     * The accessible label of the component.
+     */
+    ariaLabel?: string;
+    /**
+     * Determines whether the Signature is in its read-only state.
+     */
+    readOnly?: boolean;
+    /**
+     * Determines whether the Signature is in its disabled state.
+     */
+    disabled?: boolean;
+    /**
+     * Configures the `size` of the Signature.
+     *
+     * The available options are:
+     * - small
+     * - medium
+     * - large
+     *
+     * @default undefined
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * Configures the `roundness` of the Signature.
+     *
+     * The available options are:
+     * - none
+     * - small
+     * - medium
+     * - large
+     *
+     * @default undefined
+     */
+    rounded?: 'none' | 'small' | 'medium' | 'large' | 'full';
+    /**
+     * Configures the `fillMode` of the Signature.
+     *
+     * The available options are:
+     * - solid
+     * - outline
+     * - flat
+     *
+     * @default undefined
+     */
+    fillMode?: 'solid' | 'flat' | 'outline';
+    /**
+     * The stroke color of the signature.
+     *
+     * Accepts CSS color names and hex values.
+     *
+     * The default value is determined by the theme `$kendo-input-text` variable.
+     */
+    color?: string;
+    /**
+     * The background color of the signature.
+     *
+     * Accepts CSS color names and hex values.
+     *
+     * The default value is determined by the theme `$kendo-input-bg` variable.
+     */
+    backgroundColor?: string;
+    /**
+     * The stroke width of the signature.
+     *
+     * @default 1
+     */
+    strokeWidth?: number;
+    /**
+     * A flag indicating whether to smooth out signature lines.
+     *
+     * @default false
+     */
+    smooth?: boolean;
+    /**
+     * A flag indicating if the signature can be maximized.
+     *
+     * @default true
+     */
+    maximizable?: boolean;
+    /**
+     * Sets the open and close state of the Signature.
+     */
+    open?: boolean;
+    /**
+     * The scale factor for the popup.
+     *
+     * The Signature width and height will be multiplied by the scale when showing the popup.
+     *
+     * @default 3
+     */
+    popupScale?: number;
+    /**
+     * The scale factor for the exported image.
+     *
+     * The Signature width and height will be multiplied by the scale when converting the signature to an image.
+     *
+     * @default 2
+     */
+    exportScale?: number;
+    /**
+     * A flag indicating whether the dotted line should be displayed in the background.
+     *
+     * @default false
+     */
+    hideLine?: boolean;
+    /**
+     * Represents the input element `style` HTML attribute.
+     */
+    inputStyle?: object;
+    /**
+     * Determines the event handler that will be fired when the user edits the value.
+     */
+    onChange?: (event: SignatureChangeEvent) => void;
+    /**
+     * The event handler that will be fired when Signature is focused.
+     */
+    onFocus?: (event: SignatureFocusEvent) => void;
+    /**
+     * The event handler that will be fired when Signature is blurred.
+     */
+    onBlur?: (event: SignatureBlurEvent) => void;
+    /**
+     * The event handler that will be fired when Signature popup is open.
+     */
+    onOpen?: (event: SignatureOpenEvent) => void;
+    /**
+     * The event handler that will be fired when Signature popup is closed.
+     */
+    onClose?: (event: SignatureCloseEvent) => void;
+    /** @hidden */
+    maximized?: boolean;
+    /**
+     * The validation message of the component.
+     */
+    validationMessage?: string;
+    /**
+     * The validity styles. Defaults to 'true'.
+     */
+    validityStyles?: boolean;
+    /**
+     * The required state of the component.
+     */
+    required?: boolean;
+}

package/signature/interfaces/main.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+export type { SignatureBlurEvent } from './SignatureBlurEvent';
+export type { SignatureChangeEvent } from './SignatureChangeEvent';
+export type { SignatureCloseEvent } from './SignatureCloseEvent';
+export type { SignatureFocusEvent } from './SignatureFocusEvent';
+export type { SignatureHandle } from './SignatureHandle';
+export type { SignatureOpenEvent } from './SignatureOpenEvent';
+export type { SignatureProps } from './SignatureProps';

package/signature/utils/main.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @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 function hasParent(element: any, parent: any): boolean;

package/slider/Slider.d.ts

@@ -0,0 +1,201 @@
+/**
+ * @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 { PropType } from 'vue';
+import { SliderFocusEvent } from './interfaces/SliderFocusEvent';
+import { SliderBlurEvent } from './interfaces/SliderBlurEvent';
+/**
+ * The arguments for the `change` Slider event.
+ */
+export interface SliderChangeEvent {
+    /**
+     * The current value of the Slider.
+     */
+    value: number;
+    /**
+     * The native event.
+     */
+    event: any;
+}
+/**
+ * Represents the props of the [Kendo UI for Vue Slider component]({% slug overview_slider %}).
+ */
+export interface SliderProps extends FormComponentProps {
+    /**
+     * The value of the Slider.
+     */
+    value?: number;
+    /**
+     * @hidden
+     */
+    modelValue?: number;
+    /**
+     * The default value of the Slider.
+     */
+    defaultValue?: number;
+    /**
+     * The minimum value of the Slider.
+     */
+    min: number;
+    /**
+     * The maximum value of the Slider.
+     */
+    max: number;
+    /**
+     * Specifies the step of the value increase and decrease.
+     */
+    step?: number;
+    /**
+     * Determines the event handler that will be fired when the user edits the value.
+     */
+    onChange?: (event: SliderChangeEvent) => void;
+    /**
+     * Renders the arrow side buttons of the Slider if set to true.
+     */
+    buttons?: boolean;
+    /**
+     * Specifies the [tabindex](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)
+     * of the Slider.
+     */
+    tabIndex?: number;
+    /**
+     * Determines whether the Slider is disabled.
+     *
+     */
+    disabled?: boolean;
+    /**
+     * If `vertical` is set to `true`, the orientation of the Slider changes from horizontal to vertical
+     * ([see example]({% slug orientation_slider %})).
+     */
+    vertical?: boolean;
+    /**
+     * Specifies the id of the component.
+     */
+    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;
+    /**
+     * Represents the `dir` HTML attribute.
+     */
+    dir?: string;
+    /**
+     * Specifies the aria-label attribute of the Slider.
+     */
+    ariaLabel?: string;
+}
+/**
+ * @hidden
+ */
+declare const Slider: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: PropType<number>;
+        default: any;
+    };
+    defaultValue: {
+        type: PropType<number>;
+        default: any;
+    };
+    name: PropType<string>;
+    buttons: PropType<boolean>;
+    tabIndex: PropType<number>;
+    disabled: PropType<boolean>;
+    dir: PropType<string>;
+    step: PropType<number>;
+    min: {
+        type: PropType<number>;
+        required: true;
+    };
+    max: {
+        type: PropType<number>;
+        required: true;
+    };
+    value: PropType<number>;
+    vertical: PropType<boolean>;
+    id: PropType<string>;
+    ariaLabelledBy: PropType<string>;
+    ariaDescribedBy: PropType<string>;
+    ariaLabel: PropType<string>;
+}>, {
+    inputRef: import('vue').Ref<any, any>;
+    kendoLocalizationService: {};
+}, {
+    currentValue: any;
+    currentFocused: boolean;
+    currentDir: string;
+}, {
+    computedValue(): number;
+    sliderTrack(): any;
+}, {
+    focus(): void;
+    isLabel(target: any): boolean;
+    onFocus(event: any): void;
+    onBlur(event: any): void;
+    onKeyDown(e: any): void;
+    decrement(e: any): void;
+    increment(e: any): void;
+    dragStart(e: any): void;
+    dragOver(e: any): void;
+    drag(e: any): void;
+    change(e: any, value: number): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    changemodel: (value: number) => true;
+    'update:modelValue': (value: number) => true;
+    change: (event: SliderChangeEvent) => true;
+    blur: (event: SliderBlurEvent) => true;
+    focus: (event: SliderFocusEvent) => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: PropType<number>;
+        default: any;
+    };
+    defaultValue: {
+        type: PropType<number>;
+        default: any;
+    };
+    name: PropType<string>;
+    buttons: PropType<boolean>;
+    tabIndex: PropType<number>;
+    disabled: PropType<boolean>;
+    dir: PropType<string>;
+    step: PropType<number>;
+    min: {
+        type: PropType<number>;
+        required: true;
+    };
+    max: {
+        type: PropType<number>;
+        required: true;
+    };
+    value: PropType<number>;
+    vertical: PropType<boolean>;
+    id: PropType<string>;
+    ariaLabelledBy: PropType<string>;
+    ariaDescribedBy: PropType<string>;
+    ariaLabel: PropType<string>;
+}>> & Readonly<{
+    onBlur?: (event: SliderBlurEvent) => any;
+    onChange?: (event: SliderChangeEvent) => any;
+    onFocus?: (event: SliderFocusEvent) => any;
+    onChangemodel?: (value: number) => any;
+    "onUpdate:modelValue"?: (value: number) => any;
+}>, {
+    modelValue: number;
+    defaultValue: number;
+}, {}, {}, {}, string, () => {
+    kendoMin: any;
+    kendoMax: any;
+    kendoVertical: any;
+}, true, {}, any>;
+export { Slider };

package/slider/SliderLabel.d.ts

@@ -0,0 +1,57 @@
+/**
+ * @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 SLIDER_LABEL_ATTRIBUTE = "data-slider-label";
+/**
+ * Represents the props of the Kendo UI for Vue SliderLabel component.
+ */
+export interface SliderLabelProps {
+    /**
+     * The position in relative to the start of the SliderLabel component.
+     */
+    position: number;
+    /**
+     * The onClick event of the SliderLabel component.
+     */
+    onClick?: (event: any) => void;
+    /**
+     * The title of the SliderLabel component.
+     */
+    title?: string;
+    /**
+     * @hidden
+     */
+    vertical?: boolean;
+}
+/**
+ * Represents the Kendo UI for Vue Native SliderLabel component.
+ * ### props <span class='code'>[SliderLabelProps]({% slug api_inputs_sliderlabelprops %})</span>
+ * The props of the SliderLabel component.
+ */
+declare const SliderLabel: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    position: NumberConstructor;
+    title: StringConstructor;
+    vertical: BooleanConstructor;
+}>, {}, {
+    currentDir: string;
+}, {}, {
+    onClick(event: any): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    position: NumberConstructor;
+    title: StringConstructor;
+    vertical: BooleanConstructor;
+}>> & Readonly<{
+    onClick?: (...args: any[] | unknown[]) => any;
+}>, {
+    vertical: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { SliderLabel };

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

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