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

package/dist/es/colors/HexInput.js

@@ -1,106 +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 { parseColor } from './utils/color-parser';
-import { isPresent } from './utils/misc';
-import { TextBox as KInput } from '../textbox/TextBox';
-/**
- * @hidden
- */
-var HexInputVue2 = {
-  name: 'KendoHexInput',
-  // @ts-ignore
-  emits: {
-    'hexchange': null,
-    'blur': null,
-    'focus': null
-  },
-  props: {
-    tabIndex: Number,
-    hex: String,
-    disabled: Boolean
-  },
-  computed: {
-    isHexValid: function isHexValid() {
-      return !!parseColor(this.currentHex, 'rgba');
-    }
-  },
-  data: function data() {
-    return {
-      currentHex: this.$props.hex,
-      originalHex: this.$props.hex
-    };
-  },
-  mounted: function mounted() {
-    this._input = this.$refs.input._input;
-  },
-  // @ts-ignore
-  setup: !isV3 ? undefined : function () {
-    var v3 = !!isV3;
-    return {
-      v3: v3
-    };
-  },
-  watch: {
-    hex: function hex(newValue) {
-      this.currentHex = newValue;
-    }
-  },
-  // @ts-ignore
-  render: function render(createElement) {
-    var h = gh || createElement;
-    return h(KInput, {
-      value: this.currentHex,
-      attrs: this.v3 ? undefined : {
-        value: this.currentHex,
-        valid: this.isHexValid,
-        disabled: this.$props.disabled,
-        tabIndex: this.tabIndex
-      },
-      onInput: this.onChange,
-      on: this.v3 ? undefined : {
-        "input": this.onChange,
-        "change": this.onChange,
-        "focus": this.onFocus,
-        "blur": this.onBlur
-      },
-      onChange: this.onChange,
-      onFocus: this.onFocus,
-      onBlur: this.onBlur,
-      valid: this.isHexValid,
-      disabled: this.$props.disabled,
-      tabIndex: this.tabIndex,
-      ref: 'input'
-    });
-  },
-  methods: {
-    onChange: function onChange(event) {
-      var hex = event.target.value;
-      var value = parseColor(hex, 'rgba');
-      this.currentHex = hex;
-      if (isPresent(value)) {
-        this.$emit('hexchange', {
-          hex: hex,
-          value: value,
-          event: event
-        });
-      }
-    },
-    onBlur: function onBlur(event) {
-      if (!isPresent(parseColor(this.hex, 'rgba'))) {
-        this.currentHex = this.originalHex;
-      }
-      this.$emit('blur', event);
-    },
-    onFocus: function onFocus(event) {
-      this.$emit('focus', event);
-    }
-  }
-};
-/**
- * @hidden
- */
-var HexInput = HexInputVue2;
-export { HexInput, HexInputVue2 };

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

@@ -1,46 +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 { PickerProps } from './interfaces/PickerProps';
-/**
- * @hidden
- */
-export interface PickerState {
-}
-/**
- * @hidden
- */
-export interface PickerComputed {
-    [key: string]: any;
-}
-/**
- * @hidden
- */
-export interface PickerMethods {
-    [key: string]: any;
-    focus: (e: any) => void;
-    toggleIfApplicable: () => void;
-    handleClick: (event: any) => void;
-}
-/**
- * @hidden
- */
-export interface PickerData {
-    currentActive: boolean;
-}
-/**
- * @hidden
- */
-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

@@ -1,107 +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 { Popup } from '@progress/kendo-vue-popup';
-import { classNames, getDefaultSlots } from '@progress/kendo-vue-common';
-/**
- * @hidden
- */
-var ANCHOR_VERTICAL_ALIGN = 'bottom';
-/**
- * @hidden
- */
-var POPUP_VERTICAL_ALIGN = 'top';
-/**
- * @hidden
- */
-var PickerVue2 = {
-  name: 'KendoPicker',
-  props: {
-    popupSettings: Object,
-    dir: String,
-    open: Boolean,
-    popupAnchor: String,
-    id: String
-  },
-  computed: {
-    horizontalAlign: function horizontalAlign() {
-      return this.$props.dir === 'rtl' ? 'right' : 'left';
-    },
-    anchorAlign: function anchorAlign() {
-      return {
-        horizontal: this.horizontalAlign,
-        vertical: ANCHOR_VERTICAL_ALIGN
-      };
-    },
-    popupAlign: function popupAlign() {
-      return {
-        horizontal: this.horizontalAlign,
-        vertical: POPUP_VERTICAL_ALIGN
-      };
-    }
-  },
-  // @ts-ignore
-  setup: !isV3 ? undefined : function () {
-    var v3 = !!isV3;
-    return {
-      v3: v3
-    };
-  },
-  // @ts-ignore
-  render: function render(createElement) {
-    var h = gh || createElement;
-    var defaultSlot = getDefaultSlots(this);
-    var _a = this.$props.popupSettings,
-      popupClass = _a.popupClass,
-      appendTo = _a.appendTo,
-      animate = _a.animate,
-      className = _a.className;
-    return (
-      // @ts-ignore function children
-      h(Popup, {
-        id: this.id,
-        attrs: this.v3 ? undefined : {
-          id: this.id,
-          anchor: this.$props.popupAnchor,
-          anchorAlign: this.anchorAlign,
-          popupAlign: this.popupAlign,
-          show: this.$props.open,
-          appendTo: appendTo,
-          animate: animate,
-          popupClass: popupClass
-        },
-        anchor: this.$props.popupAnchor,
-        anchorAlign: this.anchorAlign,
-        popupAlign: this.popupAlign,
-        show: this.$props.open,
-        onOpen: this.onOpen,
-        on: this.v3 ? undefined : {
-          "open": this.onOpen,
-          "close": this.onClose
-        },
-        onClose: this.onClose,
-        appendTo: appendTo,
-        animate: animate,
-        popupClass: popupClass,
-        "class": classNames('k-reset', className)
-      }, this.v3 ? function () {
-        return [defaultSlot];
-      } : [defaultSlot])
-    );
-  },
-  methods: {
-    onOpen: function onOpen() {
-      this.$emit('open');
-    },
-    onClose: function onClose() {
-      this.$emit('close');
-    }
-  }
-};
-/**
- * @hidden
- */
-var Picker = PickerVue2;
-export { Picker, PickerVue2 };

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

@@ -1,13 +0,0 @@
-/**
- * The arguments for the `onChange` ColorGradient event.
- */
-export interface ColorGradientChangeEvent {
-    /**
-     * The current value of the ColorGradient.
-     */
-    value: string;
-    /**
-     * The current value of the ColorGradient in RGBA format.
-     */
-    rgbaValue: string;
-}

package/dist/es/colors/interfaces/ColorGradientChangeEvent.js

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

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

@@ -1,68 +0,0 @@
-import { ColorGradientChangeEvent } from './ColorGradientChangeEvent';
-/**
- * Represents the props of the [Kendo UI for Vue ColorGradient component]({% slug overview_colorgradient %}).
- */
-export interface ColorGradientProps {
-    /**
-     * The model value of the ColorGradient.
-     */
-    modelValue?: string;
-    /**
-     * The model rgba value of the ColorGradient.
-     */
-    modelRgbaValue?: string;
-    /**
-     * The default value of the ColorGradient.
-     */
-    defaultValue?: string;
-    /**
-     * The value of the ColorGradient.
-     */
-    value?: string;
-    /**
-     * Determines the event handler that will be fired when the user edits the value.
-     */
-    onChange?: (event: ColorGradientChangeEvent) => void;
-    /**
-     * Represents the focus event.
-     */
-    onFocus?: (event: any) => void;
-    /**
-     * Determines whether the alpha slider and the alpha input will be displayed. Defaults to `true`.
-     */
-    opacity?: boolean;
-    /**
-     * Enables the color contrast tool.
-     * Sets the background color that will be compared to the selected value.
-     * The tool will calculate the contrast ratio between two colors.
-     * Currently, only the RGBA format is supported.
-     */
-    backgroundColor?: string;
-    /**
-     * Determines whether the ColorGradient is disabled
-     * ([more information and example]({% slug disabled_colorgradient %})).
-     *
-     */
-    disabled?: boolean;
-    /**
-     * Sets the `tabIndex` property of the ColorGradient.
-     */
-    tabIndex?: number;
-    /**
-     * Sets tabindex of the inner components of the ColorGradient.
-     */
-    innerTabIndex?: number;
-    /**
-     * Specifies the id of the component.
-     */
-    id?: 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;
-}

package/dist/es/colors/interfaces/ColorGradientProps.js

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

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

@@ -1,13 +0,0 @@
-/**
- * The arguments for the `onChange` ColorPalette event.
- */
-export interface ColorPaletteChangeEvent {
-    /**
-     * The current value of the ColorPalette.
-     */
-    value: string;
-    /**
-     * The current value of the ColorPalette in RGBA format.
-     */
-    rgbaValue: string;
-}

package/dist/es/colors/interfaces/ColorPaletteChangeEvent.js

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

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

@@ -1,71 +0,0 @@
-import { TileSize } from '../models/tile-size';
-import { ColorPaletteChangeEvent } from './ColorPaletteChangeEvent';
-/**
- * Represents the props of the [KendoVue ColorPalette component]({% slug overview_colorpalette %}).
- */
-export interface ColorPaletteProps {
-    /**
-     * The color palette that will be displayed.
-     *
-     * The supported values are:
-     * * The name of the predefined palette preset (for example, `office`, `basic`, and `apex`).
-     * * A string array.
-     */
-    palette?: string[] | string;
-    /**
-     * Specifies the number of columns that will be displayed.
-     * Defaults to `10`.
-     */
-    columns?: number;
-    /**
-     * Specifies the size of a color cell in px.
-     * Defaults to `24`.
-     */
-    tileSize?: number | TileSize;
-    /**
-     * The default value of the ColorPalette.
-     */
-    defaultValue?: string;
-    /**
-     * The value of the ColorPalette.
-     */
-    value?: string;
-    /**
-     * The model value of the ColorPalette.
-     */
-    modelValue?: string;
-    /**
-     * The model rgba value of the ColorPalette.
-     */
-    modelRgbaValue?: string;
-    /**
-     * Determines whether the ColorPalette is disabled
-     * ([more information and example]({% slug disabled_colorpalette %})).
-     */
-    disabled?: boolean;
-    /**
-     * Sets the `tabIndex` property of the ColorPalette.
-     */
-    tabIndex?: number;
-    /**
-     * Specifies the id of the component.
-     */
-    id?: 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;
-    /**
-     * Determines the event handler that will be fired when the user edits the value.
-     */
-    onChange?: (event: ColorPaletteChangeEvent) => void;
-    /**
-     * Represent the focus event of the ColorPalette.
-     */
-    onFocus?: (event: FocusEvent) => void;
-}

package/dist/es/colors/interfaces/ColorPaletteProps.js

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

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

@@ -1,13 +0,0 @@
-/**
- * The arguments for the `onActiveColorClick` ColorPicker event.
- */
-export interface ColorPickerActiveColorClick {
-    /**
-     * The current value of the ColorPicker.
-     */
-    value: string;
-    /**
-     * A native DOM event.
-     */
-    event: any;
-}

package/dist/es/colors/interfaces/ColorPickerActiveColorClick.js

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

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

@@ -1,9 +0,0 @@
-/**
- * The arguments for the `onBlur` ColorPicker event.
- */
-export interface ColorPickerBlurEvent {
-    /**
-     * A native DOM event.
-     */
-    event: any;
-}

package/dist/es/colors/interfaces/ColorPickerBlurEvent.js

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

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

@@ -1,17 +0,0 @@
-/**
- * The arguments for the `onChange` ColorPicker event.
- */
-export interface ColorPickerChangeEvent {
-    /**
-     * The current value of the ColorPicker.
-     */
-    value: string;
-    /**
-     * The current value of the ColorPicker in RGBA format.
-     */
-    rgbaValue: string;
-    /**
-     * A native DOM event.
-     */
-    event: any;
-}

package/dist/es/colors/interfaces/ColorPickerChangeEvent.js

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

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

@@ -1,9 +0,0 @@
-/**
- * The arguments for the `onFocus` ColorPicker event.
- */
-export interface ColorPickerFocusEvent {
-    /**
-     * A native DOM event.
-     */
-    event: any;
-}

package/dist/es/colors/interfaces/ColorPickerFocusEvent.js

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

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

@@ -1,32 +0,0 @@
-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)).
- */
-export interface ColorPickerPaletteSettings {
-    /**
-     * Specifies the set of colors.
-     * Provides a set of predefined palette presets (for example, `office`, `basic`, and `apex`)
-     * and enables you to implement a custom color palette.
-     * Defaults to the `office` preset.
-     *
-     * The supported values are:
-     * * The name of the predefined palette preset (for example, `office`, `basic`, and `apex`).
-     * * A string with comma-separated colors.
-     * * A string array.
-     */
-    palette?: string | Array<string>;
-    /**
-     * Specifies the number of columns that will be displayed.
-     * Defaults to `10`.
-     */
-    columns?: number;
-    /**
-     * Specifies the size of a color cell.
-     *
-     * The possible values are:
-     * * (Default) `24`
-     * * `{ width: number, height: number }`
-     */
-    tileSize?: number | TileSize;
-}

package/dist/es/colors/interfaces/ColorPickerPaletteSettings.js

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

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

@@ -1,14 +0,0 @@
-import { PopupAnimation } from '@progress/kendo-vue-popup';
-/**
- * The settings of the popup container of the ColorPicker.
- */
-export interface ColorPickerPopupSettings {
-    /**
-     * Controls the popup animation. By default, the open and close animations are enabled.
-     */
-    animate?: boolean | PopupAnimation;
-    /**
-     * Specifies a list of CSS classes that will be added to the Popup element.
-     */
-    className?: string | Array<string>;
-}

package/dist/es/colors/interfaces/ColorPickerPopupSettings.js

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