@progress/kendo-vue-inputs 5.3.0-dev.202409130647 → 5.3.0-develop.1

package/dist/esm/switch/Switch.d.ts

@@ -1,181 +0,0 @@
-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 } from '@progress/kendo-vue-common';
-import { ToggleBaseProps } from '../interfaces/ToggleBaseProps';
-import { LocalizationService } from '@progress/kendo-vue-intl';
-/**
- * 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
-     * - null&mdash;Does not set a size `className`.
-     *
-     * @default `medium`
-     */
-    size?: null | 'small' | 'medium' | 'large' | string;
-    /**
-     * Configures the `trackRounded` of the Switch.
-     *
-     * The available options are:
-     * - small
-     * - medium
-     * - large
-     * - full
-     * - circle
-     * - null&mdash;Does not set a trackRounded `className`.
-     *
-     * @default `full`
-     */
-    trackRounded?: null | 'small' | 'medium' | 'large' | 'full' | string;
-    /**
-     * Configures the `thumbRounded` of the Switch.
-     *
-     * The available options are:
-     * - small
-     * - medium
-     * - large
-     * - full
-     * - circle
-     * - null&mdash;Does not set a thumbRounded `className`.
-     *
-     * @default `circle`
-     */
-    thumbRounded?: null | 'small' | 'medium' | 'large' | 'full' | 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;
-    /**
-     * 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;
-}
-/**
- * @hidden
- */
-export interface SwitchState {
-    _element: HTMLSpanElement | null;
-    _input: HTMLInputElement | null;
-    _id: string;
-    dir?: string;
-    defaultValidationMessage: LocalizationService;
-    eventTimeStamp?: number;
-}
-/**
- * @hidden
- */
-export interface SwitchComputed {
-}
-/**
- * @hidden
- */
-export interface SwitchMethods {
-    [key: string]: any;
-}
-/**
- * @hidden
- */
-export interface SwitchData {
-    valueDuringOnChange?: boolean;
-    currentChecked: boolean;
-    focused: boolean;
-}
-/**
- * @hidden
- */
-export interface SwitchAll extends Vue2type, SwitchMethods, SwitchData, SwitchComputed, SwitchState {
-}
-/**
- * @hidden
- */
-declare let SwitchVue2: ComponentOptions<SwitchAll, DefaultData<SwitchData>, DefaultMethods<SwitchAll>, SwitchComputed, RecordPropsDefinition<SwitchProps>>;
-/**
- * Represents the [Kendo UI for Vue Native Switch component]({% slug overview_switch %}).
- * Accepts properties of type [SwitchProps]({% slug api_inputs_switchprops %}).
- */
-declare const Switch: DefineComponent<SwitchProps, any, SwitchData, SwitchComputed, SwitchMethods, {}, {}, {}, string, SwitchProps, SwitchProps, {}>;
-export { Switch, SwitchVue2 };

package/dist/esm/switch/Switch.js

@@ -1,327 +0,0 @@
-// @ts-ignore
-import * as Vue from 'vue';
-var allVue = Vue;
-var gh = allVue.h;
-var isV3 = allVue.version && allVue.version[0] === '3';
-import { guid, noop, Keys, getTabIndex, validatePackage, isRtl, kendoThemeMaps, setRef, getRef } from '@progress/kendo-vue-common';
-import { provideLocalizationService } from '@progress/kendo-vue-intl';
-import { messages, switchValidation } from '../messages/main.js';
-import { packageMetadata } from '../package-metadata.js';
-/**
- * @hidden
- */
-var SwitchVue2 = {
-  name: 'KendoSwitch',
-  model: {
-    event: 'changemodel'
-  },
-  // @ts-ignore
-  emits: {
-    'change': null,
-    'changemodel': null,
-    'update:modelValue': null,
-    'focus': null,
-    'blur': null
-  },
-  props: {
-    name: String,
-    accessKey: String,
-    checked: {
-      type: Boolean,
-      default: undefined
-    },
-    className: String,
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    defaultChecked: {
-      type: Boolean,
-      default: false
-    },
-    size: {
-      type: String,
-      default: 'medium',
-      validator: function validator(value) {
-        return [null, 'small', 'medium', 'large'].includes(value);
-      }
-    },
-    trackRounded: {
-      type: String,
-      default: 'full',
-      validator: function validator(value) {
-        return [null, 'small', 'medium', 'large', 'full'].includes(value);
-      }
-    },
-    thumbRounded: {
-      type: String,
-      default: 'full',
-      validator: function validator(value) {
-        return [null, 'small', 'medium', 'large', 'full'].includes(value);
-      }
-    },
-    dir: String,
-    id: String,
-    ariaLabelledBy: String,
-    ariaDescribedBy: String,
-    offLabel: {
-      type: String,
-      default: 'OFF'
-    },
-    onLabel: {
-      type: String,
-      default: 'ON'
-    },
-    required: {
-      type: Boolean,
-      default: false
-    },
-    tabIndex: Number,
-    valid: Boolean,
-    validityStyles: {
-      type: Boolean,
-      default: false
-    },
-    validationMessage: String,
-    value: {
-      type: [String, Number, Boolean],
-      default: undefined
-    },
-    modelValue: {
-      type: Boolean,
-      default: undefined
-    }
-  },
-  created: function created() {
-    validatePackage(packageMetadata);
-    this._id = guid();
-    this.defaultValidationMessage = provideLocalizationService(this);
-  },
-  data: function data() {
-    return {
-      currentChecked: this.$props.defaultChecked,
-      valueDuringOnChange: undefined,
-      focused: false,
-      currentDir: undefined
-    };
-  },
-  computed: {
-    computedValue: function computedValue() {
-      return this.valueDuringOnChange !== undefined ? this.valueDuringOnChange : this.$props.checked !== undefined ? this.$props.checked : this.$props.value !== undefined ? this.$props.value : this.$props.modelValue !== undefined ? this.$props.modelValue : this.currentChecked;
-    },
-    switchClassName: function switchClassName() {
-      var _a;
-      var isValid = !this.validityStyles || this.validity().valid;
-      var rounded = this.$props.trackRounded;
-      return _a = {
-        'k-switch': true
-      }, _a["k-switch-".concat(kendoThemeMaps.sizeMap[this.$props.size])] = this.$props.size, _a["k-rounded-".concat(kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a['k-switch-on'] = this.computedValue, _a['k-switch-off'] = !this.computedValue, _a['k-focus'] = this.focused, _a['k-disabled'] = this.$props.disabled, _a['k-invalid'] = !isValid, _a;
-    },
-    switchTrackClass: function switchTrackClass() {
-      var _a;
-      var rounded = this.$props.trackRounded;
-      return _a = {
-        'k-switch-track': true
-      }, _a["k-rounded-".concat(kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a;
-    },
-    switchThumbClass: function switchThumbClass() {
-      var _a;
-      var rounded = this.$props.thumbRounded;
-      return _a = {
-        'k-switch-thumb': true
-      }, _a["k-rounded-".concat(kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a;
-    }
-  },
-  mounted: function mounted() {
-    this._element = getRef(this, 'element');
-    this.input = getRef(this, 'input');
-    this.currentDir = this.$props.dir !== undefined ? this.$props.dir : isRtl(this.$el) ? 'rtl' : 'ltr';
-    this.setValidity();
-  },
-  updated: function updated() {
-    this.setValidity();
-  },
-  // @ts-ignore
-  setup: !isV3 ? undefined : function () {
-    var v3 = !!isV3;
-    return {
-      v3: v3
-    };
-  },
-  // @ts-ignore
-  render: function render(createElement) {
-    var h = gh || createElement;
-    var _a = this.$props,
-      disabled = _a.disabled,
-      id = _a.id,
-      offLabel = _a.offLabel,
-      onLabel = _a.onLabel,
-      tabIndex = _a.tabIndex,
-      required = _a.required;
-    return h("span", {
-      "class": this.switchClassName,
-      role: 'switch',
-      attrs: this.v3 ? undefined : {
-        role: 'switch',
-        "aria-labelledby": this.$props.ariaLabelledBy,
-        "aria-describedby": this.$props.ariaDescribedBy,
-        "aria-checked": this.computedValue,
-        "aria-disabled": disabled || undefined,
-        dir: this.currentDir,
-        tabindex: getTabIndex(tabIndex, disabled, undefined),
-        accesskey: this.$props.accessKey
-      },
-      "aria-labelledby": this.$props.ariaLabelledBy,
-      "aria-describedby": this.$props.ariaDescribedBy,
-      "aria-checked": this.computedValue,
-      "aria-disabled": disabled || undefined,
-      dir: this.currentDir,
-      onKeydown: this.handleKeyDown,
-      on: this.v3 ? undefined : {
-        "keydown": this.handleKeyDown,
-        "click": this.handleClick,
-        "focusout": this.handleWrapperBlur,
-        "focusin": this.handleWrapperFocus
-      },
-      onClick: this.handleClick,
-      onFocusout: this.handleWrapperBlur,
-      onFocusin: this.handleWrapperFocus,
-      tabindex: getTabIndex(tabIndex, disabled, undefined),
-      accesskey: this.$props.accessKey
-    }, [h("span", {
-      "class": this.switchTrackClass,
-      ref: setRef(this, 'element')
-    }, [h("input", {
-      type: "checkbox",
-      attrs: this.v3 ? undefined : {
-        type: "checkbox",
-        id: id || this._id,
-        tabindex: -1,
-        name: this.$props.name,
-        required: required !== undefined ? required : false,
-        "aria-hidden": true
-      },
-      id: id || this._id,
-      checked: this.v3 ? this.$props.checked : null,
-      domProps: this.v3 ? undefined : {
-        "checked": this.$props.checked,
-        "value": this.computedValue
-      },
-      ref: setRef(this, 'input'),
-      tabindex: -1,
-      name: this.$props.name,
-      required: required !== undefined ? required : false,
-      "aria-hidden": true,
-      value: this.v3 ? this.computedValue : null,
-      style: {
-        opacity: 0,
-        width: 1,
-        border: 0,
-        zIndex: -1,
-        position: 'absolute',
-        left: '50%'
-      },
-      onChange: noop,
-      on: this.v3 ? undefined : {
-        "change": noop
-      }
-    }), h("span", {
-      "class": 'k-switch-label-on'
-    }, [onLabel]), h("span", {
-      "class": 'k-switch-label-off'
-    }, [offLabel])]), h("span", {
-      "class": 'k-switch-thumb-wrap'
-    }, [h("span", {
-      "class": this.switchThumbClass
-    })])]);
-  },
-  methods: {
-    focus: function focus() {
-      if (this._element) {
-        this._element.focus();
-      }
-    },
-    element: function element() {
-      return this._element;
-    },
-    validity: function validity() {
-      var customError = this.$props.validationMessage !== undefined;
-      var isValid = this.$props.valid !== undefined ? this.$props.valid : !this.$props.required ? true : this.computedValue ? true : false;
-      var valid = this.$props.valid !== undefined ? this.$props.valid : isValid;
-      return {
-        customError: customError,
-        valid: valid,
-        valueMissing: this.computedValue === null
-      };
-    },
-    setValidity: function setValidity() {
-      if (this.input && this.input.setCustomValidity) {
-        this.input.setCustomValidity(this.validity().valid ? '' : this.$props.validationMessage || this.defaultValidationMessage.toLanguageString(switchValidation, messages[switchValidation]));
-      }
-    },
-    limit: function limit(offset, drag, wrapper) {
-      var wrapperWidth = wrapper.offsetWidth;
-      var margin = drag.offsetWidth;
-      if (offset < 0) {
-        return 0;
-      } else if (offset > wrapperWidth - margin) {
-        return wrapperWidth - margin;
-      }
-      return offset;
-    },
-    toggle: function toggle(value, event) {
-      this.currentChecked = value;
-      this.valueDuringOnChange = value;
-      this.$emit('changemodel', value);
-      this.$emit('update:modelValue', value);
-      this.$emit('change', {
-        event: event,
-        component: this,
-        target: {
-          value: value
-        },
-        name: this.$props.name,
-        value: value,
-        validity: this.validity()
-      });
-      this.valueDuringOnChange = undefined;
-    },
-    handleClick: function handleClick(event) {
-      if (this.eventTimeStamp === event.timeStamp) {
-        // This is guard against the case when wrapped in label, click event is emmited twice
-        return;
-      }
-      this.eventTimeStamp = event.timeStamp;
-      this.toggle(!this.computedValue, event);
-    },
-    handleKeyDown: function handleKeyDown(event) {
-      if (this.$props.disabled) {
-        return;
-      }
-      var keyCode = event.keyCode;
-      if (keyCode === Keys.space || keyCode === Keys.enter) {
-        this.toggle(!this.computedValue, event);
-      }
-    },
-    handleWrapperFocus: function handleWrapperFocus(event) {
-      if (this.$props.disabled) {
-        return;
-      }
-      this.focused = true;
-      this.$emit('focus', event);
-    },
-    handleWrapperBlur: function handleWrapperBlur(event) {
-      if (this.$props.disabled) {
-        return;
-      }
-      this.focused = false;
-      this.$emit('blur', event);
-    }
-  }
-};
-/**
- * Represents the [Kendo UI for Vue Native Switch component]({% slug overview_switch %}).
- * Accepts properties of type [SwitchProps]({% slug api_inputs_switchprops %}).
- */
-var Switch = SwitchVue2;
-export { Switch, SwitchVue2 };

package/dist/esm/switch/util.d.ts

@@ -1,8 +0,0 @@
-/**
- * @hidden
- */
-export declare const FRAME_DURATION: number;
-/**
- * @hidden
- */
-export declare const throttle: (func: Function, wait: number, options?: any) => (this: any) => any;

package/dist/esm/switch/util.js

@@ -1,46 +0,0 @@
-/**
- * @hidden
- */
-export var FRAME_DURATION = 1000 / 60; // 1000ms divided by 60fps
-/**
- * @hidden
- */
-export var throttle = function (func, wait, options) {
-    if (options === void 0) { options = {}; }
-    var timeout, context, args, result;
-    var previous = 0;
-    options = options || {};
-    var later = function () {
-        previous = options.leading === false ? 0 : new Date().getTime();
-        timeout = null;
-        result = func.apply(context, args);
-        if (!timeout) {
-            context = args = null;
-        }
-    };
-    var throttled = function () {
-        var now = new Date().getTime();
-        if (!previous && options.leading === false) {
-            previous = now;
-        }
-        var remaining = wait - (now - previous);
-        context = this;
-        args = arguments;
-        if (remaining <= 0 || remaining > wait) {
-            if (timeout) {
-                clearTimeout(timeout);
-                timeout = null;
-            }
-            previous = now;
-            result = func.apply(context, args);
-            if (!timeout) {
-                context = args = null;
-            }
-        }
-        else if (!timeout && options.trailing !== false) {
-            timeout = window.setTimeout(later, remaining);
-        }
-        return result;
-    };
-    return throttled;
-};

package/dist/esm/textarea/TextArea.d.ts

@@ -1,80 +0,0 @@
-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 { TextAreaProps } from './interfaces/TextAreaProps';
-/**
- * @hidden
- */
-export interface TextAreaHandle {
-    element: HTMLTextAreaElement | null;
-    focus: any;
-    name?: string | null;
-}
-/**
- * @hidden
- */
-export interface TextAreaState {
-}
-/**
- * @hidden
- */
-export interface TextAreaComputed {
-    [key: string]: any;
-}
-/**
- * @hidden
- */
-export interface TextAreaMethods {
-    [key: string]: any;
-}
-/**
- * @hidden
- */
-export interface TextAreaData {
-    currentActive: boolean;
-}
-/**
- * @hidden
- */
-export interface TextAreaAll extends Vue2type, TextAreaMethods, TextAreaData, TextAreaComputed, TextAreaState {
-}
-/**
- * @hidden
- */
-declare let TextAreaVue2: ComponentOptions<TextAreaAll, DefaultData<TextAreaData>, DefaultMethods<TextAreaAll>, TextAreaComputed, RecordPropsDefinition<TextAreaProps>>;
-/**
- * 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: DefineComponent<TextAreaProps, any, TextAreaData, TextAreaComputed, TextAreaMethods, {}, {}, {}, string, TextAreaProps, TextAreaProps, {}>;
-export { TextArea, TextAreaVue2 };