@progress/kendo-vue-inputs 3.5.0 → 3.5.1-dev.202208150613

package/dist/esm/radiobutton/interfaces/RadioGroupProps.d.ts

@@ -0,0 +1,81 @@
+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_radiobutton %}) 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.
+     *
+     * This property is part of the [FormComponentProps]({% slug api_common_formcomponentprops %}) interface.
+     */
+    valid?: boolean;
+}

package/dist/esm/radiobutton/interfaces/RadioGroupProps.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/range-slider/RangeSlider.d.ts

@@ -0,0 +1,176 @@
+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 {
+}
+/**
+ * @hidden
+ */
+declare let RangeSliderVue2: ComponentOptions<RangeSliderAll, DefaultData<RangeSliderData>, DefaultMethods<RangeSliderAll>, RangeSliderComputed, RecordPropsDefinition<RangeSliderProps>>;
+/**
+ * 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: DefineComponent<RangeSliderProps, any, RangeSliderData, RangeSliderComputed, RangeSliderMethods, {}, {}, {}, string, RangeSliderProps, RangeSliderProps, {}>;
+export { RangeSlider, RangeSliderVue2 };