@progress/kendo-vue-inputs 3.3.3 → 3.3.5-dev.202206141337

package/dist/es/additionalTypes.ts

@@ -2,9 +2,20 @@
 import { DefineComponent } from 'vue';
 // @ts-ignore
 import * as Vue from 'vue';
+
+/**
+ * @hidden
+ */
 // @ts-ignore
 type Vue2type = Vue.default;
+
+/**
+ * @hidden
+ */
 // @ts-ignore
 import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+/**
+ * @hidden
+ */
 // @ts-ignore
 export { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type };

package/dist/es/checkbox/Checkbox.d.ts

@@ -6,7 +6,7 @@ declare type DefaultMethods<V> = {
 import { LocalizationService } from '@progress/kendo-vue-intl';
 import { CheckboxProps } from './interfaces/CheckboxProps';
 /**
- * The Checkbox ref.
+ * @hidden
  */
 export interface CheckboxHandle {
     element: any;
@@ -68,6 +68,12 @@ export interface CheckboxComputed {
  */
 export interface CheckboxAll extends Vue2type, CheckboxMethods, CheckboxState, CheckboxData, CheckboxComputed {
 }
+/**
+ * @hidden
+ */
 declare let CheckboxVue2: ComponentOptions<CheckboxAll, DefaultData<CheckboxData>, DefaultMethods<CheckboxAll>, CheckboxComputed, RecordPropsDefinition<CheckboxProps>>;
+/**
+ * @hidden
+ */
 declare const Checkbox: DefineComponent<CheckboxProps, any, CheckboxData, CheckboxComputed, CheckboxMethods, {}, {}, {}, string, CheckboxProps, CheckboxProps, {}>;
 export { Checkbox, CheckboxVue2 };

package/dist/es/checkbox/Checkbox.js

@@ -8,6 +8,10 @@ import { Keys, classNames, guid, getTabIndex, getDefaultSlots, validatePackage,
 import { packageMetadata } from '../package-metadata';
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
 import { messages, checkboxValidation, checkboxOptionalText } from './../messages';
+/**
+ * @hidden
+ */
+
 var CheckboxVue2 = {
   name: 'KendoCheckbox',
   // @ts-ignore
@@ -364,5 +368,9 @@ var CheckboxVue2 = {
     }
   }
 };
+/**
+ * @hidden
+ */
+
 var Checkbox = CheckboxVue2;
 export { Checkbox, CheckboxVue2 };

package/dist/es/colors/ColorPalette.d.ts

@@ -50,6 +50,12 @@ export interface ColorPaletteData {
  */
 export interface ColorPaletteAll extends Vue2type, ColorPaletteMethods, ColorPaletteData, ColorPaletteComputed, ColorPaletteState {
 }
+/**
+ * @hidden
+ */
 declare let ColorPaletteVue2: ComponentOptions<ColorPaletteAll, DefaultData<ColorPaletteData>, DefaultMethods<ColorPaletteAll>, ColorPaletteComputed, RecordPropsDefinition<ColorPaletteProps>>;
+/**
+ * @hidden
+ */
 declare const ColorPalette: DefineComponent<ColorPaletteProps, any, ColorPaletteData, ColorPaletteComputed, ColorPaletteMethods, {}, {}, {}, string, ColorPaletteProps, ColorPaletteProps, {}>;
 export { ColorPalette, ColorPaletteVue2 };

package/dist/es/colors/ColorPalette.js

@@ -22,7 +22,10 @@ export var DEFAULT_COLUMNS_COUNT = 10;
  * @hidden
  */
 
-export var DEFAULT_PRESET = 'office'; // tslint:enable:max-line-length
+export var DEFAULT_PRESET = 'office';
+/**
+ * @hidden
+ */
 
 var ColorPaletteVue2 = {
   name: 'KendoColorPalette',
@@ -344,5 +347,9 @@ var ColorPaletteVue2 = {
     }
   }
 };
+/**
+ * @hidden
+ */
+
 var ColorPalette = ColorPaletteVue2;
 export { ColorPalette, ColorPaletteVue2 };

package/dist/es/colors/ColorPicker.d.ts

@@ -46,6 +46,12 @@ export interface ColorPickerData {
  */
 export interface ColorPickerAll extends Vue2type, ColorPickerMethods, ColorPickerData, ColorPickerComputed, ColorPickerState {
 }
+/**
+ * @hidden
+ */
 declare let ColorPickerVue2: ComponentOptions<ColorPickerAll, DefaultData<ColorPickerData>, DefaultMethods<ColorPickerAll>, ColorPickerComputed, RecordPropsDefinition<ColorPickerProps>>;
+/**
+ * @hidden
+ */
 declare const ColorPicker: DefineComponent<ColorPickerProps, any, ColorPickerData, ColorPickerComputed, ColorPickerMethods, {}, {}, {}, string, ColorPickerProps, ColorPickerProps, {}>;
 export { ColorPicker, ColorPickerVue2 };

package/dist/es/colors/ColorPicker.js

@@ -29,7 +29,10 @@ var DEFAULT_PALETTE_SETTINGS = {
 
 var isControlled = function isControlled(prop) {
   return prop !== undefined;
-}; // tslint:enable:max-line-length
+};
+/**
+ * @hidden
+ */
 
 
 var ColorPickerVue2 = {
@@ -388,5 +391,9 @@ var ColorPickerVue2 = {
     }
   }
 };
+/**
+ * @hidden
+ */
+
 var ColorPicker = ColorPickerVue2;
 export { ColorPicker, ColorPickerVue2 };

package/dist/es/colors/Picker.d.ts

@@ -35,6 +35,12 @@ export interface PickerData {
  */
 export interface PickerAll extends Vue2type, PickerMethods, PickerData, PickerComputed, PickerState {
 }
+/**
+ * @hidden
+ */
 declare let PickerVue2: ComponentOptions<PickerAll, DefaultData<PickerData>, DefaultMethods<PickerAll>, PickerComputed, RecordPropsDefinition<PickerProps>>;
+/**
+ * @hidden
+ */
 declare const Picker: DefineComponent<PickerProps, any, PickerData, PickerComputed, PickerMethods, {}, {}, {}, string, PickerProps, PickerProps, {}>;
 export { Picker, PickerVue2 };

package/dist/es/colors/Picker.js

@@ -13,7 +13,10 @@ var ANCHOR_VERTICAL_ALIGN = 'bottom';
  * @hidden
  */
 
-var POPUP_VERTICAL_ALIGN = 'top'; // tslint:enable:max-line-length
+var POPUP_VERTICAL_ALIGN = 'top';
+/**
+ * @hidden
+ */
 
 var PickerVue2 = {
   name: 'KendoPicker',
@@ -90,5 +93,9 @@ var PickerVue2 = {
     }
   }
 };
+/**
+ * @hidden
+ */
+
 var Picker = PickerVue2;
 export { Picker, PickerVue2 };

package/dist/es/colors/interfaces/ColorPaletteChangeEvent.d.ts

@@ -1,6 +1,9 @@
 /**
  * The arguments for the `onChange` ColorPalette event.
  */
+/**
+ * @hidden
+ */
 export interface ColorPaletteChangeEvent {
     /**
      * The current value of the ColorPalette.

package/dist/es/colors/interfaces/ColorPaletteProps.d.ts

@@ -1,7 +1,10 @@
 import { TileSize } from '../models/tile-size';
 import { ColorPaletteChangeEvent } from './ColorPaletteChangeEvent';
 /**
- * Represents the props of the [KendoReact ColorPalette component]({% slug overview_colorpalette %}).
+ * Represents the props of the [KendoVue ColorPalette component]({% slug overview_colorpalette %}).
+ */
+/**
+ * @hidden
  */
 export interface ColorPaletteProps {
     /**
@@ -33,18 +36,6 @@ export interface ColorPaletteProps {
     /**
      * Determines whether the ColorPalette is disabled
      * ([more information and example]({% slug disabled_colorpalette %})).
-     *
-     * @example
-     * ```jsx
-     * class App extends React.Component {
-     *    render() {
-     *       return (
-     *           <ColorPalette disabled={true} />
-     *       );
-     *    }
-     * }
-     * ReactDOM.render(<App />, document.querySelector('my-app'));
-     * ```
      */
     disabled?: boolean;
     /**

package/dist/es/colors/interfaces/ColorPickerActiveColorClick.d.ts

@@ -1,6 +1,9 @@
 /**
  * The arguments for the `onActiveColorClick` ColorPicker event.
  */
+/**
+ * @hidden
+ */
 export interface ColorPickerActiveColorClick {
     /**
      * The current value of the ColorPicker.

package/dist/es/colors/interfaces/ColorPickerBlurEvent.d.ts

@@ -1,6 +1,9 @@
 /**
  * The arguments for the `onBlur` ColorPicker event.
  */
+/**
+ * @hidden
+ */
 export interface ColorPickerBlurEvent {
     /**
      * A native DOM event.

package/dist/es/colors/interfaces/ColorPickerChangeEvent.d.ts

@@ -1,6 +1,9 @@
 /**
  * The arguments for the `onChange` ColorPicker event.
  */
+/**
+ * @hidden
+ */
 export interface ColorPickerChangeEvent {
     /**
      * The current value of the ColorPicker.

package/dist/es/colors/interfaces/ColorPickerFocusEvent.d.ts

@@ -1,6 +1,9 @@
 /**
  * The arguments for the `onFocus` ColorPicker event.
  */
+/**
+ * @hidden
+ */
 export interface ColorPickerFocusEvent {
     /**
      * A native DOM event.

package/dist/es/colors/interfaces/ColorPickerPaletteSettings.d.ts

@@ -3,6 +3,9 @@ import { TileSize } from '../models/tile-size';
  * The settings of the ColorPalette that is nested inside the popup of the ColorPicker
  * ([see example]({% slug customizecolorpicker_colorpicker %}#toc-customizing-the-palette-popup)).
  */
+/**
+ * @hidden
+ */
 export interface ColorPickerPaletteSettings {
     /**
      * Specifies the set of colors.

package/dist/es/colors/interfaces/ColorPickerPopupSettings.d.ts

@@ -2,6 +2,9 @@ import { PopupAnimation } from '@progress/kendo-vue-popup';
 /**
  * The settings of the popup container of the ColorPicker.
  */
+/**
+ * @hidden
+ */
 export interface ColorPickerPopupSettings {
     /**
      * Controls the popup animation. By default, the open and close animations are enabled.

package/dist/es/colors/interfaces/ColorPickerProps.d.ts

@@ -6,7 +6,10 @@ import { ColorPickerPopupSettings } from './ColorPickerPopupSettings';
 import { ColorPickerPaletteSettings } from './ColorPickerPaletteSettings';
 import { ColorPickerView } from './ColorPickerView';
 /**
- * Represents the props of the [KendoReact ColorPicker component]({% slug overview_colorpicker %}).
+ * Represents the props of the [Kendo UI for Vue ColorPicker component]({% slug overview_colorpicker %}).
+ */
+/**
+ * @hidden
  */
 export interface ColorPickerProps {
     /**
@@ -49,7 +52,7 @@ export interface ColorPickerProps {
      */
     dir?: string;
     /**
-     * Defines the name of an [existing icon in the KendoReact theme]({% slug icons %}).
+     * Defines the name of an [existing icon in the Kendo UI for Vue theme]({% slug icons %}).
      * You have to provide only the name of the icon without the `k-icon` or the `k-i-` prefixes.
      * For example, `edit-tools` will be parsed to `k-icon k-i-edit-tools`
      * ([see example]({% slug customizecolorpicker_colorpicker %}#toc-displaying-kendo-ui-icons)).

package/dist/es/colors/interfaces/ColorPickerView.d.ts

@@ -7,4 +7,7 @@
  * * `gradient`
  * * `combo`
  */
+/**
+ * @hidden
+ */
 export declare type ColorPickerView = 'gradient' | 'palette' | 'combo';

package/dist/es/input/Input.d.ts

@@ -5,7 +5,7 @@ declare type DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
 };
 /**
- * Represents the props of the [KendoVue Input component]({% slug overview_textbox_native %}).
+ * Represents the props of the [KendoVue Input component]({% slug overview_textbox %}).
  * Extends the [native input props](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement).
  */
 export interface InputProps extends FormComponentProps {
@@ -92,31 +92,35 @@ export interface InputProps extends FormComponentProps {
     /**
      * Defines a string prop that controls the input icon.
      */
-    iconName: String;
+    iconName?: String;
     /**
      * Defines if the inputPrefix will be shown. Accepts a slot name, a `render` function, or a Vue component.
      */
-    inputPrefix: Boolean | String | Object | Function;
+    inputPrefix?: Boolean | String | Object | Function;
     /**
      * Defines if the inputSuffix will be shown. Accepts a slot name, a `render` function, or a Vue component.
      */
-    inputSuffix: Boolean | String | Object | Function;
+    inputSuffix?: Boolean | String | Object | Function;
     /**
      * Defines a boolean prop that controls whether to show the validation icon. Defaults to 'false'.
      */
-    showValidationIcon: Boolean;
+    showValidationIcon?: Boolean;
     /**
      * Defines a boolean prop that controls whether to show the loading icon. Defaults to 'false'.
      */
-    showLoadingIcon: Boolean;
+    showLoadingIcon?: Boolean;
     /**
      * Defines a boolean prop that controls whether to show the clear icon. Defaults to 'false'.
      */
-    showClearButton: Boolean;
+    showClearButton?: Boolean;
     /**
-     * Defines additional class to the inner input element.
+     * Defines additional class to the wrapper element.
      */
-    inputClass: String;
+    wrapperClass?: String;
+    /**
+     * Defines additional class to the input element.
+     */
+    inputClass?: String;
 }
 /**
  * @hidden
@@ -170,6 +174,12 @@ export interface InputComputed {
  */
 export interface InputAllMethods extends Vue2type, InputMethods, InputComputed, InputState {
 }
+/**
+ * @hidden
+ */
 declare let InputVue2: ComponentOptions<InputAllMethods, DefaultData<InputData>, DefaultMethods<InputAllMethods>, InputComputed, RecordPropsDefinition<InputProps>>;
+/**
+ * @hidden
+ */
 declare const Input: DefineComponent<InputProps, any, InputData, InputComputed, InputMethods, {}, {}, {}, string, InputProps, InputProps, {}>;
 export { Input, InputVue2 };

package/dist/es/input/Input.js

@@ -22,6 +22,10 @@ var ref = allVue.ref;
 import { guid, templateDefinition, validatePackage, kendoThemeMaps, templateRendering, getListeners, getTemplate } from '@progress/kendo-vue-common';
 import { packageMetadata } from '../package-metadata';
 import { FloatingLabel } from '@progress/kendo-vue-labels';
+/**
+ * @hidden
+ */
+
 var InputVue2 = {
   model: {
     event: 'changemodel'
@@ -106,7 +110,8 @@ var InputVue2 = {
     showValidationIcon: Boolean,
     showLoadingIcon: Boolean,
     showClearButton: Boolean,
-    inputClass: String
+    inputClass: String,
+    wrapperClass: String
   },
   data: function data() {
     return {
@@ -168,7 +173,7 @@ var InputVue2 = {
       id: inputId,
       required: required,
       value: this.computedValue,
-      class: 'k-input-inner',
+      class: this.inputInnerClass,
       ref: this.v3 ? function (el) {
         _this.inputRef = el;
       } : 'input',
@@ -376,7 +381,7 @@ var InputVue2 = {
       return _a = {
         'k-textbox': true,
         'k-input': true
-      }, _a["k-input-" + (kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-input-" + fillMode] = fillMode, _a["k-rounded-" + (kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a['k-invalid'] = !isValid, _a['k-required'] = this.required, _a['k-disabled'] = this.$props.disabled, _a[this.inputClass] = this.inputClass, _a;
+      }, _a["k-input-" + (kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-input-" + fillMode] = fillMode, _a["k-rounded-" + (kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a['k-invalid'] = !isValid, _a['k-required'] = this.required, _a['k-disabled'] = this.$props.disabled, _a[this.wrapperClass] = this.wrapperClass, _a;
     }
   },
   computed: {
@@ -393,6 +398,13 @@ var InputVue2 = {
         };
       }
     },
+    inputInnerClass: function inputInnerClass() {
+      var _a;
+
+      return _a = {
+        'k-input-inner': true
+      }, _a[this.inputClass] = this.inputClass, _a;
+    },
     computedValue: {
       get: function get() {
         return this.$data.valueDuringOnChange !== undefined ? this.$data.valueDuringOnChange : this.$props.value !== undefined ? this.$props.value : this.$props.modelValue !== undefined ? this.$props.modelValue : this.$data.currentValue;
@@ -400,5 +412,9 @@ var InputVue2 = {
     }
   }
 };
+/**
+ * @hidden
+ */
+
 var Input = InputVue2;
 export { Input, InputVue2 };

package/dist/es/input-separator/InputSeparator.d.ts

@@ -0,0 +1,19 @@
+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;
+};
+/**
+ * @hidden
+ */
+export interface InputSeparatorAllMethods extends Vue2type {
+}
+/**
+ * @hidden
+ */
+declare let InputSeparatorVue2: ComponentOptions<InputSeparatorAllMethods, DefaultData<{}>, DefaultMethods<InputSeparatorAllMethods>, {}, RecordPropsDefinition<{}>>;
+/**
+ * @hidden
+ */
+declare const InputSeparator: DefineComponent<{}, any, {}, {}, {}, {}, {}, {}, string, {}, {}, {}>;
+export { InputSeparator, InputSeparatorVue2 };

package/dist/es/input-separator/InputSeparator.js

@@ -0,0 +1,35 @@
+// @ts-ignore
+import { validatePackage } from '@progress/kendo-licensing';
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var ref = allVue.ref;
+import { packageMetadata } from '../package-metadata';
+/**
+ * @hidden
+ */
+
+var InputSeparatorVue2 = {
+  created: function created() {
+    validatePackage(packageMetadata);
+  },
+  // @ts-ignore
+  setup: !gh ? undefined : function () {
+    var v3 = !!gh;
+    return {
+      v3: v3
+    };
+  },
+  render: function render(createElement) {
+    var h = gh || createElement;
+    return h("span", {
+      "class": 'k-input-separator'
+    });
+  }
+};
+/**
+ * @hidden
+ */
+
+var InputSeparator = InputSeparatorVue2;
+export { InputSeparator, InputSeparatorVue2 };

package/dist/es/main.d.ts

@@ -11,6 +11,7 @@ export * from './colors/interfaces/ColorPickerPaletteSettings';
 export * from './colors/interfaces/ColorPickerPopupSettings';
 export * from './colors/interfaces/ColorPickerProps';
 export { Switch, SwitchVue2, SwitchProps, SwitchState, SwitchChangeEvent } from './switch/Switch';
+export * from './input-separator/InputSeparator';
 export * from './input/Input';
 export * from './numerictextbox/NumericTextBox';
 export * from './maskedtextbox/MaskedTextBox';

package/dist/es/main.js

@@ -9,6 +9,7 @@ export * from './colors/interfaces/ColorPickerPaletteSettings';
 export * from './colors/interfaces/ColorPickerPopupSettings';
 export * from './colors/interfaces/ColorPickerProps';
 export { Switch, SwitchVue2 } from './switch/Switch';
+export * from './input-separator/InputSeparator';
 export * from './input/Input';
 export * from './numerictextbox/NumericTextBox';
 export * from './maskedtextbox/MaskedTextBox';

package/dist/es/maskedtextbox/MaskedTextBox.d.ts

@@ -66,8 +66,11 @@ export interface MaskedTextBoxComputed {
 export interface MaskedTextBoxAll extends MaskedTextBoxMethods, MaskedTextBoxState, MaskedTextBoxData, MaskedTextBoxComputed {
 }
 /**
- * Represents the default `MaskedTextBox` component.
+ * @hidden
  */
 declare let MaskedTextBoxVue2: ComponentOptions<Vue2type, DefaultData<MaskedTextBoxData>, DefaultMethods<MaskedTextBoxAll>, MaskedTextBoxComputed, RecordPropsDefinition<MaskedTextBoxProps>>;
+/**
+ * @hidden
+ */
 declare const MaskedTextBox: DefineComponent<MaskedTextBoxProps, any, MaskedTextBoxData, MaskedTextBoxComputed, MaskedTextBoxMethods, {}, {}, {}, string, MaskedTextBoxProps, MaskedTextBoxProps, {}>;
 export { MaskedTextBox, MaskedTextBoxVue2 };