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

package/checkbox/Checkbox.d.ts

@@ -0,0 +1,193 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { CheckboxChangeEvent } from './interfaces/CheckboxChangeEvent';
+import { CheckboxFocusEvent } from './interfaces/CheckboxFocusEvent';
+import { CheckboxBlurEvent } from './interfaces/CheckboxBlurEvent';
+import { PropType } from 'vue';
+/**
+ * @hidden
+ */
+export interface CheckboxComputed {
+    [key: string]: any;
+    valueIsBooleanOrNull: boolean;
+    isCheckedControlled: boolean;
+    isValueControlled: boolean;
+    computedValue: any;
+    computedChecked?: boolean;
+    useValueAsChecked: boolean;
+    checkedProp?: any;
+    valueProp: any;
+    indeterminateProp: any;
+    isValid: boolean;
+}
+/**
+ * @hidden
+ */
+export interface CheckboxHandle {
+    element: any;
+    focus: any;
+}
+/**
+ * @hidden
+ */
+declare const Checkbox: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    checked: {
+        type: PropType<boolean>;
+        default: any;
+    };
+    defaultChecked: {
+        type: PropType<boolean>;
+        default: any;
+    };
+    defaultValue: {
+        type: PropType<any>;
+        default: any;
+    };
+    modelValue: {
+        type: PropType<string | number | boolean | string[]>;
+        default: any;
+    };
+    dir: PropType<string>;
+    disabled: PropType<boolean>;
+    id: PropType<string>;
+    ariaLabelledBy: PropType<string>;
+    ariaDescribedBy: PropType<string>;
+    label: PropType<string | HTMLElement>;
+    labelRender: PropType<any>;
+    labelPlacement: PropType<string>;
+    labelOptional: PropType<boolean>;
+    labelClass: PropType<string>;
+    name: PropType<string>;
+    size: {
+        type: PropType<"small" | "medium" | "large">;
+        validator: (value: string) => boolean;
+    };
+    rounded: {
+        type: PropType<"small" | "medium" | "large" | "none">;
+        validator: (value: string) => boolean;
+    };
+    tabIndex: PropType<number>;
+    value: {
+        type: PropType<string | number | boolean | string[]>;
+        default: any;
+    };
+    validationMessage: PropType<string>;
+    required: PropType<boolean>;
+    valid: {
+        type: PropType<boolean>;
+        default: any;
+    };
+    validityStyles: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}>, {
+    inputRef: import('vue').Ref<any, any>;
+    kendoLocalizationService: {};
+}, {
+    valueDuringOnChange: any;
+    currentDir: string;
+    currentChecked: any;
+    currentValue: any;
+}, {
+    valueIsBooleanOrNull(): boolean;
+    isCheckedControlled(): boolean;
+    isValueControlled(): any;
+    computedValue(): any;
+    computedChecked(): any;
+    useValueAsChecked(): any;
+    checkedProp(): any;
+    valueProp(): any;
+    indeterminateProp(): boolean;
+    isValid(): any;
+    labelComputedClass(): {
+        [x: number]: any;
+        'k-checkbox-label': boolean;
+    };
+}, {
+    setValidity(): void;
+    localizeMessage(message: string): string;
+    focusElement(): void;
+    setValue(e: any, val: boolean): void;
+    onChangeHandler(e: any): void;
+    onKeyDownHandler(e: any): void;
+    onBlurHandler(e: any): void;
+    onFocusHandler(e: any): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    changemodel: (value: boolean | null) => true;
+    'update:modelValue': (value: boolean | null) => true;
+    change: (event: CheckboxChangeEvent) => true;
+    focus: (event: CheckboxFocusEvent) => true;
+    blur: (event: CheckboxBlurEvent) => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    checked: {
+        type: PropType<boolean>;
+        default: any;
+    };
+    defaultChecked: {
+        type: PropType<boolean>;
+        default: any;
+    };
+    defaultValue: {
+        type: PropType<any>;
+        default: any;
+    };
+    modelValue: {
+        type: PropType<string | number | boolean | string[]>;
+        default: any;
+    };
+    dir: PropType<string>;
+    disabled: PropType<boolean>;
+    id: PropType<string>;
+    ariaLabelledBy: PropType<string>;
+    ariaDescribedBy: PropType<string>;
+    label: PropType<string | HTMLElement>;
+    labelRender: PropType<any>;
+    labelPlacement: PropType<string>;
+    labelOptional: PropType<boolean>;
+    labelClass: PropType<string>;
+    name: PropType<string>;
+    size: {
+        type: PropType<"small" | "medium" | "large">;
+        validator: (value: string) => boolean;
+    };
+    rounded: {
+        type: PropType<"small" | "medium" | "large" | "none">;
+        validator: (value: string) => boolean;
+    };
+    tabIndex: PropType<number>;
+    value: {
+        type: PropType<string | number | boolean | string[]>;
+        default: any;
+    };
+    validationMessage: PropType<string>;
+    required: PropType<boolean>;
+    valid: {
+        type: PropType<boolean>;
+        default: any;
+    };
+    validityStyles: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onBlur?: (event: CheckboxBlurEvent) => any;
+    onChange?: (event: CheckboxChangeEvent) => any;
+    onFocus?: (event: CheckboxFocusEvent) => any;
+    onChangemodel?: (value: boolean) => any;
+    "onUpdate:modelValue"?: (value: boolean) => any;
+}>, {
+    value: string | number | boolean | string[];
+    checked: boolean;
+    modelValue: string | number | boolean | string[];
+    defaultValue: any;
+    valid: boolean;
+    validityStyles: boolean;
+    defaultChecked: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { Checkbox };

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

package/checkbox/interfaces/CheckboxChangeEvent.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` Checkbox event.
+ */
+export interface CheckboxChangeEvent {
+    /**
+     * The new value of the Checkbox.
+     */
+    value: boolean;
+}

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

package/checkbox/interfaces/CheckboxProps.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 { ToggleBaseProps } from '../../interfaces/ToggleBaseProps';
+import { FormComponentProps } from '@progress/kendo-vue-common';
+import { CheckboxChangeEvent } from './CheckboxChangeEvent';
+import { CheckboxFocusEvent } from './CheckboxFocusEvent';
+/**
+ * Represents the props of the [Kendo UI for Vue Checkbox component]({% slug overview_checkbox %}).
+ */
+export interface CheckboxProps extends ToggleBaseProps, FormComponentProps {
+    /**
+     * Sets the checked state of the Checkbox.
+     * Set to null to enable the indeterminate state of the Checkbox ([see example]({% slug overview_checkbox %})).
+     */
+    checked?: boolean | null;
+    /**
+     * @hidden
+     */
+    modelValue?: string | number | string[] | boolean | null;
+    /**
+     * If the type is different than boolean and the `checked` property is provided it's
+     *  passed to the underlying `input` element.
+     * If set to boolean and the `checked` property is omitted sets the checked state of the Checkbox.
+     * Set null to enable the indeterminate state of the Checkbox ([see example]({% slug overview_checkbox %})).
+     */
+    value?: string | number | string[] | boolean | null;
+    /**
+     * Sets the default value of checked attribute when used in
+     *  uncontrolled mode ([see example]({% slug default_state %})).
+     */
+    defaultChecked?: boolean;
+    /**
+     * The default value of the Checkbox.
+     */
+    defaultValue?: any;
+    /**
+     * Represents the `dir` HTML attribute. This is used to switch from LTR to RTL.
+     */
+    dir?: string;
+    /**
+     * Sets the disabled state of the Checkbox
+     * ([see example]({% slug disabled_checkbox %})).
+     */
+    disabled?: boolean;
+    /**
+     * Sets the `id` of the Checkbox.
+     */
+    id?: string;
+    /**
+     * Configures the `size` of the Checkbox.
+     *
+     * The available options are:
+     * - small
+     * - medium
+     * - large
+     *
+     * @default undefined
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * Configures the `rounded` style of the Checkbox.
+     *
+     * The available options are:
+     * - none
+     * - small
+     * - medium
+     * - large
+     *
+     * @default undefined
+     */
+    rounded?: 'none' | 'small' | 'medium' | 'large';
+    /**
+     * 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;
+    /**
+     * Sets the label of the Checkbox component ([see example]({% slug labels_checkbox %})).
+     */
+    label?: string | HTMLElement;
+    /**
+     * Sets the label render template of the Checkbox component.
+     *  Accepts a slot name, a `render` function, or a Vue component.
+     */
+    labelRender?: any;
+    /**
+     * Sets the label position of the Checkbox component 'before' | 'after' ([see example]({% slug labels_checkbox %})).
+     */
+    labelPlacement?: string;
+    /**
+     * Sets the optional text after the label of the Checkbox component.
+     */
+    labelOptional?: boolean;
+    /**
+     * Sets the `class` of the label element of the Checkbox.
+     */
+    labelClass?: string;
+    /**
+     * The event handler that will be fired when the user edits the value.
+     */
+    onChange?: (event: CheckboxChangeEvent) => void;
+    /**
+     * The event handler that will be fired when Checkbox is focused.
+     */
+    onFocus?: (event: CheckboxFocusEvent) => void;
+    /**
+     * Sets the `tabIndex` property of the Checkbox.
+     * Defaults to `0`.
+     */
+    tabIndex?: number;
+}

package/colors/ColorContrastLabels.d.ts

@@ -0,0 +1,27 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { RGBA } from './models/rgba';
+import { PropType } from 'vue';
+/**
+ * @hidden
+ */
+export interface ColorContrastLabelsProps {
+    bgColor: RGBA;
+    rgba: RGBA;
+}
+/**
+ * @hidden
+ */
+declare const ColorContrastLabels: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    bgColor: PropType<RGBA>;
+    rgba: PropType<RGBA>;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    bgColor: PropType<RGBA>;
+    rgba: PropType<RGBA>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { ColorContrastLabels };

package/colors/ColorContrastSvg.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 { HSVA } from './models/hsva';
+import { PropType } from 'vue';
+/**
+ * @hidden
+ */
+export interface ColorContrastSvgProps {
+    metrics: any;
+    backgroundColor: string;
+    hsva: HSVA;
+}
+/**
+ * @hidden
+ */
+declare const ColorContrastSvg: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    metrics: PropType<any>;
+    backgroundColor: PropType<string>;
+    hsva: PropType<HSVA>;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    metrics: PropType<any>;
+    backgroundColor: PropType<string>;
+    hsva: PropType<HSVA>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { ColorContrastSvg };

package/colors/ColorGradient.d.ts

@@ -0,0 +1,128 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { DraggableDragEvent } from '@progress/kendo-vue-common';
+import { HSVA } from './models/hsva';
+import { RGBA } from './models/rgba';
+import { ColorGradientChangeEvent } from './interfaces/ColorGradientChangeEvent';
+import { ColorGradientFocusEvent } from './interfaces/ColorGradientFocusEvent';
+import { ColorGradientBlurEvent } from './interfaces/ColorGradientBlurEvent';
+import { PropType } from 'vue';
+import { SliderChangeEvent } from '../slider/Slider';
+import { NumericTextBoxChangeEvent } from '../numerictextbox/NumericTextBox';
+/**
+ * @hidden
+ */
+declare const ColorGradient: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: PropType<string>;
+    modelRgbaValue: PropType<string>;
+    defaultValue: PropType<string>;
+    value: PropType<string>;
+    opacity: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    backgroundColor: PropType<string>;
+    disabled: PropType<boolean>;
+    id: PropType<string>;
+    ariaLabelledBy: PropType<string>;
+    ariaDescribedBy: PropType<string>;
+    tabIndex: PropType<number>;
+    innerTabIndex: {
+        type: PropType<number>;
+        default: any;
+    };
+    size: PropType<"small" | "medium" | "large">;
+    class: PropType<string>;
+    adaptive: PropType<boolean>;
+}>, {}, {
+    currentValue: any;
+    currentBgColor: any;
+    isFirstRender: boolean;
+    currentHsva: any;
+    currentRgba: any;
+    currentHex: any;
+    focused: boolean;
+}, {
+    valueSet(): any;
+    computedValue(): any;
+    hsva(): any;
+    rgba(): any;
+    hex(): any;
+    computedBgColor(): any;
+    computedTabIndex(): any;
+}, {
+    onKeyDownHandler(e: any): void;
+    onHexChange(hex: string, value: string, event: any): void;
+    onRgbaChange(rgba: RGBA, event: NumericTextBoxChangeEvent): void;
+    onAlphaSliderChange(event: SliderChangeEvent): void;
+    onHueSliderChange(event: SliderChangeEvent): void;
+    onDrag(e: DraggableDragEvent): void;
+    onRelease(): void;
+    onGradientWrapperClick(event: any): void;
+    move(e: any, prop: any, d: any): void;
+    dragKeyDown(e: any): void;
+    changePosition(event: any): void;
+    handleHsvaChange(hsva: HSVA, event: any): void;
+    dispatchChangeEvent(value: string, event: any, hex: string, rgbaValue: string): void;
+    onFocus(event: any): void;
+    onBlur(event: any): void;
+    setAlphaSliderBackground(backgroundColor: string): void;
+    getGradientRectMetrics(): {
+        top: any;
+        right: any;
+        bottom: any;
+        left: any;
+        width: any;
+        height: any;
+        x: any;
+        y: any;
+    };
+    focus(): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (event: ColorGradientChangeEvent) => true;
+    focus: (event: ColorGradientFocusEvent) => true;
+    blur: (event: ColorGradientBlurEvent) => true;
+    changemodel: (value: string) => true;
+    'update:modelValue': (value: string) => true;
+    'update:modelRgbaValue': (value: string) => true;
+    keydown: (event: KeyboardEvent) => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: PropType<string>;
+    modelRgbaValue: PropType<string>;
+    defaultValue: PropType<string>;
+    value: PropType<string>;
+    opacity: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    backgroundColor: PropType<string>;
+    disabled: PropType<boolean>;
+    id: PropType<string>;
+    ariaLabelledBy: PropType<string>;
+    ariaDescribedBy: PropType<string>;
+    tabIndex: PropType<number>;
+    innerTabIndex: {
+        type: PropType<number>;
+        default: any;
+    };
+    size: PropType<"small" | "medium" | "large">;
+    class: PropType<string>;
+    adaptive: PropType<boolean>;
+}>> & Readonly<{
+    onBlur?: (event: ColorGradientBlurEvent) => any;
+    onChange?: (event: ColorGradientChangeEvent) => any;
+    onFocus?: (event: ColorGradientFocusEvent) => any;
+    onKeydown?: (event: KeyboardEvent) => any;
+    onChangemodel?: (value: string) => any;
+    "onUpdate:modelValue"?: (value: string) => any;
+    "onUpdate:modelRgbaValue"?: (value: string) => any;
+}>, {
+    opacity: boolean;
+    innerTabIndex: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { ColorGradient };

package/colors/ColorInput.d.ts

@@ -0,0 +1,67 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { RGBA } from './models/rgba';
+import { PropType } from 'vue';
+import { NumericTextBoxChangeEvent } from '../numerictextbox/NumericTextBox';
+/**
+ * @hidden
+ */
+export interface ColorInputProps {
+    tabIndex?: number;
+    rgba: RGBA;
+    onRgbaChange?: (rgba: RGBA, event: NumericTextBoxChangeEvent) => void;
+    hex: string;
+    onHexChange?: any;
+    opacity: boolean;
+    disabled?: boolean;
+    size?: 'small' | 'medium' | 'large' | null;
+}
+/**
+ * @hidden
+ */
+declare const ColorInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    tabIndex: PropType<number>;
+    rgba: {
+        type: PropType<RGBA>;
+        default: () => {};
+    };
+    hex: PropType<string>;
+    opacity: PropType<boolean>;
+    disabled: PropType<boolean>;
+    size: PropType<"small" | "medium" | "large">;
+}>, {}, {
+    inputMode: string;
+}, {}, {
+    onHexChange(event: any): void;
+    onRgbaRChange(event: NumericTextBoxChangeEvent): void;
+    onRgbaGChange(event: NumericTextBoxChangeEvent): void;
+    onRgbaBChange(event: NumericTextBoxChangeEvent): void;
+    onRgbaAChange(event: NumericTextBoxChangeEvent): void;
+    dispatchRgbaChange(newValue: RGBA, event: NumericTextBoxChangeEvent): void;
+    onToggleModeChange(): void;
+    onKeyDown(e: any): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    hexchange: any;
+    rgbachange: any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    tabIndex: PropType<number>;
+    rgba: {
+        type: PropType<RGBA>;
+        default: () => {};
+    };
+    hex: PropType<string>;
+    opacity: PropType<boolean>;
+    disabled: PropType<boolean>;
+    size: PropType<"small" | "medium" | "large">;
+}>> & Readonly<{
+    onHexchange?: (...args: any[] | unknown[]) => any;
+    onRgbachange?: (...args: any[] | unknown[]) => any;
+}>, {
+    rgba: RGBA;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { ColorInput };