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

package/dist/npm/MultiSelect/MultiSelectProps.d.ts

@@ -1,290 +0,0 @@
-import { FormComponentProps } from '@progress/kendo-vue-common';
-import { FilterChangeEvent, ChangeEvent, OpenEvent, CloseEvent, FocusEvent, BlurEvent, PageChangeEvent } from './../common/events';
-import { VirtualizationSettings, DropDownsPopupSettings } from '../common/settings';
-import { TagData } from './TagList';
-/**
- * Represents the object of the `filterChange` MultiSelect event.
- */
-export interface MultiSelectFilterChangeEvent extends FilterChangeEvent {
-}
-/**
- * Represents the object of the `change` MultiSelect event.
- */
-export interface MultiSelectChangeEvent extends ChangeEvent {
-}
-/**
- * Represents the object of the `open` MultiSelect event.
- */
-export interface MultiSelectOpenEvent extends OpenEvent {
-}
-/**
- * Represents the object of the `close` MultiSelect event.
- */
-export interface MultiSelectCloseEvent extends CloseEvent {
-}
-/**
- * Represents the object of the `focus` MultiSelect event.
- */
-export interface MultiSelectFocusEvent extends FocusEvent {
-}
-/**
- * Represents the object of the `blur` MultiSelect event.
- */
-export interface MultiSelectBlurEvent extends BlurEvent {
-}
-/**
- * Represents the object of the `pageChange` MultiSelect event.
- */
-export interface MultiSelectPageChangeEvent extends PageChangeEvent {
-}
-/**
- * Represents the props of the [Kendo UI for Vue MultiSelect component]({% slug overview_multiselect %}).
- */
-export interface MultiSelectProps extends FormComponentProps {
-    /**
-     * Specifies whether the MultiSelect allows user-defined values that are not present in the dataset ([see example]({% slug custom_values_multiselect %})). Defaults to `false`.
-     */
-    allowCustom?: boolean;
-    /**
-     * Sets the data of the MultiSelect ([see example]({% slug binding_multiselect %})).
-     */
-    dataItems?: any[];
-    /**
-     * Sets the opened and closed state of the MultiSelect.
-     */
-    opened?: boolean;
-    /**
-     * Determines whether to close the options list of the MultiSelect after the item selection is finished.
-     *
-     * @default true
-     */
-    autoClose?: boolean;
-    /**
-     * @hidden
-     */
-    modelValue?: any;
-    /**
-     * Sets the value of the MultiSelect ([see example]({% slug binding_multiselect %})). It can either be of the primitive (string, numbers) or of the complex (objects) type.
-     */
-    value?: Array<any>;
-    /**
-     * Sets the validate of the input.
-     */
-    validate?: boolean;
-    /**
-     * The hint that is displayed when the MultiSelect is empty.
-     */
-    placeholder?: string;
-    /**
-     * Sets the close icon of the tag items.
-     */
-    removeTagIcon?: string;
-    /**
-     * Sets the tags of the MultiSelect ([see example]({% slug customtags_multiselect %})).
-     */
-    tags?: Array<TagData>;
-    /**
-     * Sets the data item field that represents the item value.
-     */
-    valueField?: string;
-    /**
-     * Specifies the type of the selected value. If set to true, the selected value has to be of a primitive value.
-     */
-    valuePrimitive?: boolean;
-    /**
-     * Sets the key for comparing the data items of the MultiSelect ([see example]({% slug binding_multiselect %}#toc-datasets-of-objects)). If `dataItemKey` is not set, the MultiSelect compares the items by reference.
-     */
-    dataItemKey?: string;
-    /**
-     * Sets the default value of the MultiSelect. Similar to the native `select` HTML element.
-     */
-    defaultValue?: Array<any>;
-    /**
-     * Sets the disabled state of the MultiSelect.
-     */
-    disabled?: boolean;
-    /**
-     * Represents the `dir` HTML attribute.
-     */
-    dir?: string;
-    /**
-     * Enables the filtering functionality of the MultiSelect ([more information and examples]({% slug filtering_multiselect %})).
-     */
-    filterable?: boolean;
-    /**
-     * 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;
-    /**
-     * Defines the [aria-label](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label) attribute of the component.
-     */
-    ariaLabel?: string;
-    /**
-     * If set, the MultiSelect will use it to get the focused item index.
-     *
-     * Default functionality returns the first item which starts with the input text.
-     *
-     */
-    focusedItemIndex?: (data: any, inputText: string, textField?: string) => number;
-    /**
-     * Sets the value of filtering input. Useful for making the filtering input a controlled component.
-     */
-    filter?: string;
-    /**
-     * Sets the loading state of the MultiSelect ([see example]({% slug filtering_multiselect %}#toc-basic-configuration)).
-     */
-    loading?: boolean;
-    /**
-     * Specifies the `tabIndex` of the MultiSelect.
-     */
-    tabIndex?: number;
-    /**
-     * Specifies the `accessKey` of the MultiSelect.
-     */
-    accessKey?: string;
-    /**
-     * Sets the data item field that represents the item text ([see example]({% slug binding_multiselect %}#toc-datasets-of-objects)). If the data contains only primitive values, do not define it.
-     */
-    textField?: string;
-    /**
-     * Renders a floating label for the MultiSelect.
-     */
-    label?: string;
-    /**
-     * Configures the popup of the MultiSelect.
-     */
-    popupSettings?: DropDownsPopupSettings;
-    /**
-     * Configures the virtual scrolling of the MultiSelect ([see example]({% slug virtualization_multiselect %})).
-     */
-    virtual?: VirtualizationSettings;
-    /**
-     * Fires each time the popup of the MultiSelect is about to open.
-     */
-    onOpen?: (event: MultiSelectOpenEvent) => void;
-    /**
-     * Fires each time the popup of the MultiSelect is about to close.
-     */
-    onClose?: (event: MultiSelectCloseEvent) => void;
-    /**
-     * Fires each time the user focuses the MultiSelect.
-     */
-    onFocus?: (event: MultiSelectFocusEvent) => void;
-    /**
-     * Fires each time the MultiSelect gets blurred.
-     */
-    onBlur?: (event: MultiSelectBlurEvent) => void;
-    /**
-     * Fires each time the value of the MultiSelect is about to change ([see examples]({% slug binding_multiselect %})).
-     */
-    onChange?: (event: MultiSelectChangeEvent) => void;
-    /**
-     * Fires each time the user types in the filter input ([see example]({% slug filtering_multiselect %}#toc-basic-configuration)). You can filter the source based on the passed filtration value.
-     */
-    onFilterchange?: (event: MultiSelectFilterChangeEvent) => void;
-    /**
-     * Fires when both the virtual scrolling of the MultiSelect is enabled and when the component requires data for another page ([see example]({% slug virtualization_multiselect %})).
-     */
-    onPagechange?: (event: MultiSelectPageChangeEvent) => void;
-    /**
-     * Fires when a MultiSelect item is about to be rendered ([see example]({% slug customrendering_multiselect %}#toc-items)). Used to override the default appearance of the list items.
-     */
-    itemRender?: any;
-    /**
-     * Fires when the element which indicates no data in the popup is about to be rendered ([see example]({% slug customrendering_multiselect %}#toc-no-data)). Used to override the default appearance of the element.
-     */
-    listNoDataRender?: any;
-    /**
-     * Fires when a tag element is about to be rendered ([see example]({% slug customrendering_multiselect %}#toc-tags)). Used to override the default appearance of the element.
-     */
-    tagRender?: any;
-    /**
-     * Sets the header component of the MultiSelect ([see example]({% slug customrendering_multiselect %}#toc-headers-and-footers)).
-     */
-    header?: any;
-    /**
-     * Sets the footer component of the MultiSelect ([see example]({% slug customrendering_multiselect %}#toc-headers-and-footers)).
-     */
-    footer?: any;
-    /**
-     * Configures the `size` of the MultiSelect.
-     *
-     * The available options are:
-     * - small
-     * - medium
-     * - large
-     * - null&mdash;Does not set a size `class`.
-     *
-     * @default `medium`
-     */
-    size?: null | 'small' | 'medium' | 'large' | string;
-    /**
-     * Configures the `roundness` of the MultiSelect.
-     *
-     * The available options are:
-     * - small
-     * - medium
-     * - large
-     * - full
-     * - null&mdash;Does not set a rounded `class`.
-     *
-     * @default `medium`
-     */
-    rounded?: null | 'small' | 'medium' | 'large' | 'full' | string;
-    /**
-     * Configures the `roundness` of the tags in MultiSelect.
-     *
-     * The available options are:
-     * - small
-     * - medium
-     * - large
-     * - circle
-     * - full
-     * - null&mdash;Does not set a rounded `class`.
-     *
-     * @default `medium`
-     */
-    tagsRounded?: null | 'small' | 'medium' | 'large' | 'full' | string;
-    /**
-     * Configures the `fillMode` of the MultiSelect.
-     *
-     * The available options are:
-     * - solid
-     * - outline
-     * - flat
-     * - link
-     * - null&mdash;Does not set a fillMode `class`.
-     *
-     * @default `solid`
-     */
-    fillMode?: null | 'solid' | 'outline' | 'flat' | string;
-    /**
-     * Sets the data item field that represents the start of a group. Applicable to objects data.
-     */
-    groupField?: string;
-    /**
-     * Fires when a MultiSelect group header item is about to be rendered. Used to override the default appearance of the group's headers.
-     */
-    groupHeaderItemRender?: any;
-    /**
-     * Fires when a MultiSelect sticky group header item is about to be rendered. Used to override the default appearance of the sticky group header of the component.
-     */
-    groupStickyHeaderItemRender?: any;
-    /**
-     * Provides different rendering of the popup element based on the screen dimensions.
-     */
-    adaptive?: boolean;
-    /**
-     * Specifies the text that is rendered as title in the adaptive popup.
-     */
-    adaptiveTitle?: string;
-}

package/dist/npm/MultiSelect/MultiSelectProps.js

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-// tslint:enable:max-line-length

package/dist/npm/MultiSelect/TagList.d.ts

@@ -1,54 +0,0 @@
-import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
-declare type DefaultData<V> = object | ((this: V) => TagListAll);
-declare type DefaultMethods<V> = {
-    [key: string]: (this: V, ...args: any[]) => any;
-};
-/**
- * Represents the tag data.
- */
-export interface TagData {
-    /**
-     * Represents the text of the tag.
-     */
-    text: string;
-    /**
-     * Represents the data items which correspond to the tag.
-     */
-    data: Array<any>;
-}
-/**
- * @hidden
- */
-export interface TagListProps {
-    removeTagIcon: string;
-    dataItems: Array<TagData>;
-    guid: string;
-    id?: string;
-    className?: string;
-    focused?: TagData;
-    tagRender?: any;
-    size?: null | 'small' | 'medium' | 'large' | string;
-    fillMode?: null | 'solid' | 'outline' | 'flat' | string;
-    tagsRounded?: null | 'small' | 'medium' | 'large' | 'full' | string;
-}
-/**
- * @hidden
- */
-export interface TagListMethods extends Vue2type {
-    [key: string]: any;
-    onTagDelete: (data: any, e: any) => void;
-}
-/**
- * @hidden
- */
-export interface TagListAll extends TagListMethods {
-}
-/**
- * @hidden
- */
-declare let TagListVue2: ComponentOptions<Vue2type, DefaultData<TagListAll>, DefaultMethods<TagListAll>, {}, RecordPropsDefinition<TagListProps>>;
-/**
- * @hidden
- */
-declare const TagList: DefineComponent<{}, any, {}, {}, TagListMethods, {}, {}, {}, string, {}, {}, {}>;
-export { TagList, TagListVue2 };

package/dist/npm/MultiSelect/TagList.js

@@ -1,183 +0,0 @@
-"use strict";
-
-var __assign = undefined && undefined.__assign || function () {
-  __assign = Object.assign || function (t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-      for (var p in s) {
-        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-      }
-    }
-    return t;
-  };
-  return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TagListVue2 = exports.TagList = void 0;
-// @ts-ignore
-var kendo_vue_common_1 = require("@progress/kendo-vue-common");
-var Vue = require("vue");
-var allVue = Vue;
-var gh = allVue.h;
-var isV3 = allVue.version && allVue.version[0] === '3';
-var ref = allVue.ref;
-var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons");
-var preventDefault = function preventDefault(event) {
-  return event.preventDefault();
-};
-var stopPropagation = function stopPropagation(event) {
-  return event.event.stopPropagation();
-};
-/**
- * @hidden
- */
-var TagListVue2 = {
-  name: 'TagList',
-  inheritAttrs: false,
-  props: {
-    removeTagIcon: String,
-    dataItems: Array,
-    guid: String,
-    focused: Object,
-    tagRender: [String, Function, Object],
-    tagsRounded: {
-      type: String,
-      default: 'medium',
-      validator: function validator(value) {
-        return ['small', 'medium', 'large', 'full'].includes(value);
-      }
-    },
-    fillMode: {
-      type: String,
-      default: 'solid',
-      validator: function validator(value) {
-        return ['solid', 'flat', 'outline'].includes(value);
-      }
-    },
-    id: String,
-    className: String,
-    size: {
-      type: String,
-      default: 'medium',
-      validator: function validator(value) {
-        return ['small', 'medium', 'large'].includes(value);
-      }
-    }
-  },
-  computed: {
-    wrapperClass: function wrapperClass() {
-      var _a;
-      var _b = this.$props,
-        size = _b.size,
-        disabled = _b.disabled;
-      return _a = {
-        'k-chip-list': true
-      }, _a["k-chip-list-".concat(kendo_vue_common_1.kendoThemeMaps.sizeMap[size] || size)] = size, _a['k-disabled'] = disabled, _a;
-    }
-  },
-  // @ts-ignore
-  setup: !isV3 ? undefined : function () {
-    var v3 = !!isV3;
-    return {
-      v3: v3
-    };
-  },
-  methods: {
-    onTagDelete: function onTagDelete(tagData, event) {
-      this.$emit('tagdelete', tagData, event);
-    }
-  },
-  render: function render(createElement) {
-    var h = gh || createElement;
-    var defaultSlot = (0, kendo_vue_common_1.getDefaultSlots)(this);
-    var _a = this.$props,
-      dataItems = _a.dataItems,
-      guid = _a.guid,
-      size = _a.size,
-      disabled = _a.disabled,
-      tagsRounded = _a.tagsRounded,
-      removeTagIcon = _a.removeTagIcon,
-      id = _a.id,
-      className = _a.className;
-    return h("div", {
-      "class": (0, kendo_vue_common_1.classNames)('k-input-values', className),
-      id: id,
-      attrs: this.v3 ? undefined : {
-        id: id
-      },
-      style: this.$attrs.style
-    }, [h("div", {
-      "class": this.wrapperClass,
-      role: "listbox",
-      attrs: this.v3 ? undefined : {
-        role: "listbox",
-        id: 'tagslist-' + guid
-      },
-      id: 'tagslist-' + guid
-    }, [dataItems.map(function (tagData, index) {
-      var _this = this;
-      var uniqueId = "tag-".concat(guid, "-").concat(tagData.text.toString().replace(/\s+/g, '-'));
-      var isFocused = tagData === this.$props.focused;
-      var defaultRendering = h(kendo_vue_buttons_1.Chip, {
-        id: uniqueId,
-        attrs: this.v3 ? undefined : {
-          id: uniqueId,
-          tabindex: -1,
-          "aria-selected": isFocused,
-          role: "option",
-          "aria-setsize": dataItems.length,
-          text: tagData.text,
-          disabled: disabled,
-          removable: true,
-          removeIcon: removeTagIcon,
-          rounded: tagsRounded,
-          size: size
-        },
-        tabindex: -1,
-        "aria-selected": isFocused,
-        role: "option",
-        "aria-setsize": dataItems.length,
-        key: tagData.text + index,
-        text: tagData.text,
-        disabled: disabled,
-        removable: true,
-        onRemove: function onRemove(e) {
-          return _this.onTagDelete(tagData.data, e);
-        },
-        on: this.v3 ? undefined : {
-          "remove": function onRemove(e) {
-            return _this.onTagDelete(tagData.data, e);
-          },
-          "mousedown": preventDefault,
-          "click": stopPropagation
-        },
-        removeIcon: removeTagIcon,
-        onMousedown: preventDefault,
-        onClick: stopPropagation,
-        "class": isFocused ? 'k-focus' : undefined,
-        rounded: tagsRounded,
-        size: size
-      });
-      return kendo_vue_common_1.getTemplate.call(this, {
-        h: h,
-        template: this.$props.tagRender,
-        defaultRendering: defaultRendering,
-        additionalProps: __assign(__assign({}, this.$props), {
-          tagData: tagData,
-          index: index
-        }),
-        additionalListeners: {
-          tagdelete: this.onTagDelete
-        }
-      });
-    }, this), defaultSlot])]);
-  }
-};
-exports.TagListVue2 = TagListVue2;
-/**
- * @hidden
- */
-var TagList = TagListVue2;
-exports.TagList = TagList;

package/dist/npm/MultiSelectTree/MultiSelectTree.d.ts

@@ -1,48 +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 { MultiSelectTreeProps } from './MultiSelectTreeProps';
-import { TagData } from '../MultiSelect/TagList';
-/**
- * @hidden
- */
-export interface MultiSelectTreeState {
-    anchor: string;
-}
-/**
- * @hidden
- */
-export interface MultiSelectTreeComputed {
-    [key: string]: any;
-}
-/**
- * @hidden
- */
-export interface MultiSelectTreeMethods {
-    [key: string]: any;
-}
-/**
- * @hidden
- */
-export interface MultiSelectTreeData {
-    focusedTagState: TagData | undefined;
-    openState: boolean;
-    focusedState: boolean;
-    filterState: string;
-}
-/**
- * @hidden
- */
-export interface MultiSelectTreeAll extends Vue2type, MultiSelectTreeMethods, MultiSelectTreeData, MultiSelectTreeComputed, MultiSelectTreeState {
-}
-/**
- * @hidden
- */
-declare let MultiSelectTreeVue2: ComponentOptions<MultiSelectTreeAll, DefaultData<MultiSelectTreeData>, DefaultMethods<MultiSelectTreeAll>, MultiSelectTreeComputed, RecordPropsDefinition<MultiSelectTreeProps>>;
-/**
- * @hidden
- */
-declare const MultiSelectTree: DefineComponent<MultiSelectTreeProps, any, MultiSelectTreeData, MultiSelectTreeComputed, MultiSelectTreeMethods, {}, {}, {}, string, MultiSelectTreeProps, MultiSelectTreeProps, {}>;
-export { MultiSelectTree, MultiSelectTreeVue2 };