@progress/kendo-vue-inputs 3.2.1 → 3.2.3-dev.202204191450

package/dist/es/main.d.ts

@@ -17,6 +17,7 @@ export * from './maskedtextbox/MaskedTextBox';
 export * from './maskedtextbox/MaskedTextBoxProps';
 export * from './slider/Slider';
 export * from './slider/SliderLabel';
+export * from './range-slider/RangeSlider';
 export * from './checkbox/interfaces/CheckboxProps';
 export * from './checkbox/interfaces/CheckboxChangeEvent';
 export * from './checkbox/interfaces/CheckboxFocusEvent';

package/dist/es/main.js

@@ -15,6 +15,7 @@ export * from './maskedtextbox/MaskedTextBox';
 export * from './maskedtextbox/MaskedTextBoxProps';
 export * from './slider/Slider';
 export * from './slider/SliderLabel';
+export * from './range-slider/RangeSlider';
 export * from './checkbox/interfaces/CheckboxProps';
 export * from './checkbox/interfaces/CheckboxChangeEvent';
 export * from './checkbox/interfaces/CheckboxFocusEvent';

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-inputs',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1650007869,
+    publishDate: 1650379263,
     version: '',
     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/dist/es/range-slider/RangeSlider.d.ts

@@ -0,0 +1,168 @@
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
+declare type DefaultData<V> = object | ((this: V) => {});
+declare type DefaultMethods<V> = {
+    [key: string]: (this: V, ...args: any[]) => any;
+};
+import { FormComponentProps, DraggableDragEvent } from '@progress/kendo-vue-common';
+import { Direction } from '../interfaces/Direction';
+/**
+ * The range object representing the value of the RangeSlider.
+ */
+export declare 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 RangeSliderData {
+    currentValue: any;
+    currentDrag: string;
+}
+/**
+ * @hidden
+ */
+export interface RangeSliderState {
+    sliderRef: any;
+    sliderSelectionRef: any;
+    startHandle: any;
+    endHandle: any;
+    sliderTrackRef: any;
+    sliderTrackWrapRef: any;
+}
+/**
+ * @hidden
+ */
+export interface RangeSliderMethods {
+    [key: string]: any;
+    focus: () => void;
+    dispatchStateValue: (args: any) => void;
+    calcNewDistance: (event: any) => object;
+    calcKey: (payload: any) => string;
+    handleStartKeyDown: (event: any) => void;
+    handleEndKeyDown: (event: any) => void;
+    handleTrackPress: (event: any) => void;
+    handleTrackDrag: (event: any) => void;
+    handleTrackRelease: (event: any) => void;
+}
+/**
+ * @hidden
+ */
+export interface RangeSliderComputed {
+    [key: string]: any;
+    computedValue: any;
+    percentStart: number;
+    percentEnd: number;
+    sliderItemsStyle: object;
+    trackStyles: object;
+}
+/**
+ * @hidden
+ */
+export interface RangeSliderAll extends Vue2type, RangeSliderMethods, RangeSliderComputed, RangeSliderState, RangeSliderData {
+}
+declare let RangeSliderVue2: ComponentOptions<RangeSliderAll, DefaultData<RangeSliderData>, DefaultMethods<RangeSliderAll>, RangeSliderComputed, RecordPropsDefinition<RangeSliderProps>>;
+declare const RangeSlider: DefineComponent<RangeSliderProps, any, RangeSliderData, RangeSliderComputed, RangeSliderMethods, {}, {}, {}, string, RangeSliderProps, RangeSliderProps, {}>;
+export { RangeSlider, RangeSliderVue2 };