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

package/dist/npm/common/ListItem.d.ts

@@ -1,71 +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;
-};
-/**
- * Represents the props of the ListItem component.
- */
-export interface ListItemProps {
-    /**
-     * Specifies the id that will be added to the list item element.
-     */
-    id?: string;
-    /**
-     * Represents the index of the list item element.
-     */
-    index: number;
-    /**
-     * Represents the data item of the list item element.
-     */
-    dataItem: any;
-    /**
-     * Sets the data item field that represents the item text. If the data contains only primitive values, do not define it.
-     */
-    textField?: string;
-    /**
-     * Indicates the focused state of the list item element.
-     */
-    focused: boolean;
-    /**
-     * Indicates the selected state of the list item element.
-     */
-    selected: boolean;
-    /**
-     * Fires when the list item is about to be rendered. Used to override the default appearance of the list item.
-     */
-    render?: any;
-    /**
-     * The `onClick` event handler of the list item element.
-     */
-    onClick?: (index: number, event: any) => void;
-}
-/**
- * @hidden
- */
-export interface ListItemMethods {
-    [key: string]: any;
-    handleClick: (e: any) => void;
-}
-/**
- * @hidden
- */
-export interface ListItemComputed {
-    [key: string]: any;
-    itemClass: object;
-}
-/**
- * @hidden
- */
-export interface ListItemAll extends Vue2type, ListItemMethods, ListItemComputed {
-    itemClass: object;
-}
-/**
- * @hidden
- */
-declare let ListItemVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<ListItemAll>, ListItemComputed, RecordPropsDefinition<ListItemProps>>;
-/**
- * @hidden
- */
-declare const ListItem: DefineComponent<ListItemProps, any, {}, {}, ListItemMethods, {}, {}, {}, string, ListItemProps, ListItemProps, {}>;
-export { ListItem, ListItemVue2 };

package/dist/npm/common/ListItem.js

@@ -1,108 +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.ListItemVue2 = exports.ListItem = void 0;
-// @ts-ignore
-var Vue = require("vue");
-var allVue = Vue;
-var gh = allVue.h;
-var isV3 = allVue.version && allVue.version[0] === '3';
-var kendo_vue_common_1 = require("@progress/kendo-vue-common");
-var utils_1 = require("./utils");
-/**
- * @hidden
- */
-var ListItemVue2 = {
-  name: 'KendoListItem',
-  inheritAttrs: false,
-  props: {
-    id: String,
-    index: Number,
-    dataItem: [Object, String, Number],
-    textField: String,
-    focused: Boolean,
-    selected: Boolean,
-    render: Object
-  },
-  // @ts-ignore
-  setup: !isV3 ? undefined : function () {
-    var v3 = !!isV3;
-    return {
-      v3: v3
-    };
-  },
-  computed: {
-    itemClass: function itemClass() {
-      return {
-        'k-list-item': true,
-        'k-selected': this.$props.selected,
-        'k-focus': this.$props.focused
-      };
-    }
-  },
-  methods: {
-    handleClick: function handleClick(e) {
-      this.$emit('itemclick', this.$props.index, e);
-    }
-  },
-  // @ts-ignore
-  render: function render(createElement) {
-    var _a;
-    var h = gh || createElement;
-    var selected = this.$props.selected;
-    var defaultRendering = h("li", {
-      id: this.$props.id,
-      attrs: this.v3 ? undefined : {
-        id: this.$props.id,
-        role: "option",
-        "aria-selected": selected
-      },
-      role: "option",
-      "aria-selected": selected,
-      "class": (0, kendo_vue_common_1.classNames)('k-list-item', (_a = {
-        'k-selected': selected,
-        'k-focus': this.$props.focused
-      }, _a[this.$attrs.class] = this.$attrs.class, _a)),
-      onClick: this.handleClick,
-      on: this.v3 ? undefined : {
-        "click": this.handleClick
-      },
-      style: this.$attrs.style || {
-        position: 'unset'
-      }
-    }, [h("span", {
-      "class": "k-list-item-text"
-    }, [(0, utils_1.getItemValue)(this.$props.dataItem, this.$props.textField).toString()])]);
-    return kendo_vue_common_1.getTemplate.call(this, {
-      h: h,
-      template: this.$props.render,
-      defaultRendering: defaultRendering,
-      additionalProps: __assign(__assign({}, this.$props), {
-        itemClass: this.itemClass
-      }),
-      additionalListeners: {
-        click: this.handleClick
-      }
-    });
-  }
-};
-exports.ListItemVue2 = ListItemVue2;
-/**
- * @hidden
- */
-var ListItem = ListItemVue2;
-exports.ListItem = ListItem;

package/dist/npm/common/Navigation.d.ts

@@ -1,12 +0,0 @@
-/**
- * @hidden
- */
-export declare class Navigation {
-    navigate(args: {
-        keyCode: number;
-        current: number;
-        max: number;
-        min: number;
-    }): number;
-    private next;
-}

package/dist/npm/common/Navigation.js

@@ -1,37 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Navigation = void 0;
-var utils_1 = require("./utils");
-var kendo_vue_common_1 = require("@progress/kendo-vue-common");
-/**
- * @hidden
- */
-var Navigation = /** @class */ (function () {
-    function Navigation() {
-    }
-    Navigation.prototype.navigate = function (args) {
-        var keyCode = args.keyCode;
-        if (keyCode === kendo_vue_common_1.Keys.up || keyCode === kendo_vue_common_1.Keys.left) {
-            return this.next({ current: args.current, min: args.min, max: args.max, step: -1 });
-        }
-        else if (keyCode === kendo_vue_common_1.Keys.down || keyCode === kendo_vue_common_1.Keys.right) {
-            return this.next({ current: args.current, min: args.min, max: args.max, step: 1 });
-        }
-        else if (keyCode === kendo_vue_common_1.Keys.home) {
-            return 0;
-        }
-        else if (keyCode === kendo_vue_common_1.Keys.end) {
-            return args.max;
-        }
-    };
-    Navigation.prototype.next = function (args) {
-        if (!(0, utils_1.isPresent)(args.current)) {
-            return args.min;
-        }
-        else {
-            return Math.min(args.max, Math.max(args.current + args.step, args.min));
-        }
-    };
-    return Navigation;
-}());
-exports.Navigation = Navigation;

package/dist/npm/common/SearchBar.d.ts

@@ -1,66 +0,0 @@
-import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
-declare type DefaultData<V> = object | ((this: V) => SearchBarData);
-declare type DefaultMethods<V> = {
-    [key: string]: (this: V, ...args: any[]) => any;
-};
-/**
- * @hidden
- */
-export interface SearchBarProps {
-    value: string;
-    id?: string;
-    placeholder?: string;
-    tabIndex?: number;
-    size?: number;
-    suggestedText?: string;
-    focused?: boolean;
-    onKeydown?: any;
-    onFocus?: any;
-    onBlur?: any;
-    disabled?: boolean;
-    readOnly?: boolean;
-    expanded?: boolean;
-    owns?: string;
-    name?: string;
-    activedescendant?: string;
-    describedby?: string;
-    clearButton?: boolean;
-    clearButtonClick?: any;
-    accessKey?: string;
-    ariaLabelledBy?: string;
-    ariaLabel?: string;
-}
-/**
- * @hidden
- */
-export interface SearchBarMethods extends Vue2type {
-    onChange: (e: any) => void;
-    onBlur: (e: any) => void;
-    onFocus: (e: any) => void;
-    onKeyDown: (e: any) => void;
-    clearButtonClick: (e: any) => void;
-}
-/**
- * @hidden
- */
-export interface SearchBarData {
-    input: any;
-    prevValue: string;
-    prevSuggestedText: string;
-    inputRef: any;
-    v3: boolean;
-}
-/**
- * @hidden
- */
-export interface SearchBarAll extends SearchBarMethods, SearchBarData {
-}
-/**
- * @hidden
- */
-declare let SearchBarVue2: ComponentOptions<Vue2type, DefaultData<SearchBarData>, DefaultMethods<SearchBarAll>, {}, RecordPropsDefinition<SearchBarProps>>;
-/**
- * @hidden
- */
-declare const SearchBar: DefineComponent<SearchBarProps, any, SearchBarData, {}, SearchBarMethods, {}, {}, {}, string, SearchBarProps, SearchBarProps, {}>;
-export { SearchBar, SearchBarVue2 };

package/dist/npm/common/SearchBar.js

@@ -1,184 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SearchBarVue2 = exports.SearchBar = void 0;
-// @ts-ignore
-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_common_1 = require("@progress/kendo-vue-common");
-/**
- * @hidden
- */
-var SearchBarVue2 = {
-  name: 'search-bar',
-  // @ts-ignore
-  emits: {
-    'change': null,
-    'keydown': null,
-    'focus': null,
-    'blur': null
-  },
-  props: {
-    value: String,
-    id: String,
-    placeholder: String,
-    tabIndex: Number,
-    size: {
-      type: Number,
-      default: undefined
-    },
-    suggestedText: String,
-    focused: Boolean,
-    disabled: Boolean,
-    readOnly: Boolean,
-    expanded: Boolean,
-    owns: String,
-    name: String,
-    activedescendant: String,
-    describedby: String,
-    clearButton: Boolean,
-    accessKey: String,
-    ariaLabelledBy: String,
-    ariaLabel: {
-      type: String,
-      default: undefined
-    }
-  },
-  data: function data() {
-    return {
-      prevValue: undefined,
-      prevSuggestedText: undefined
-    };
-  },
-  watch: {
-    suggestedText: function suggestedText(_, oldValue) {
-      this.prevSuggestedText = oldValue;
-    },
-    value: function value(_, oldValue) {
-      this.prevValue = oldValue;
-    }
-  },
-  updated: function updated() {
-    var _a = this.$props,
-      value = _a.value,
-      suggestedText = _a.suggestedText,
-      focused = _a.focused;
-    if (!this.input) {
-      this.input = this.$refs.input;
-    }
-    var input = this.input;
-    var valueChanged = this.$data.prevValue !== value || suggestedText !== this.prevSuggestedText;
-    var deleting = valueChanged && this.$data.prevValue && this.$data.prevValue.startsWith(value) && !(this.$data.prevSuggestedText && suggestedText && this.$data.prevSuggestedText.endsWith(suggestedText));
-    if (focused && input && kendo_vue_common_1.canUseDOM && document.activeElement !== input) {
-      input.focus();
-    }
-    if (suggestedText && valueChanged && !deleting && input) {
-      input.setSelectionRange(value.length - suggestedText.length, value.length);
-    }
-  },
-  // @ts-ignore
-  setup: !isV3 ? undefined : function () {
-    var v3 = !!isV3;
-    var inputRef = ref(null);
-    return {
-      v3: v3,
-      inputRef: inputRef
-    };
-  },
-  mounted: function mounted() {
-    this.input = (0, kendo_vue_common_1.getRef)(this, 'input');
-  },
-  methods: {
-    onChange: function onChange(e) {
-      this.$emit('change', e);
-    },
-    onBlur: function onBlur(e) {
-      this.$emit('blur', e);
-    },
-    onFocus: function onFocus(e) {
-      this.$emit('focus', e);
-    },
-    onKeyDown: function onKeyDown(e) {
-      this.$emit('keydown', e);
-    },
-    clearButtonClick: function clearButtonClick(e) {
-      this.$emit('clearbuttonclick', e);
-    }
-  },
-  // @ts-ignore
-  render: function render(createElement) {
-    var h = gh || createElement;
-    return h("input", {
-      autocomplete: "off",
-      attrs: this.v3 ? undefined : {
-        autocomplete: "off",
-        id: this.$props.id,
-        type: "text",
-        placeholder: this.$props.placeholder,
-        tabindex: this.$props.tabIndex,
-        accesskey: this.$props.accessKey,
-        role: "combobox",
-        name: this.$props.name,
-        size: this.$props.size ? this.$props.size : 20,
-        "aria-disabled": this.$props.disabled || undefined,
-        disabled: this.$props.disabled || undefined,
-        readonly: this.$props.readOnly || undefined,
-        "aria-autocomplete": this.$props.suggestedText ? 'both' : 'list',
-        "aria-haspopup": "listbox",
-        "aria-expanded": this.$props.expanded || false,
-        "aria-controls": this.$props.owns,
-        "aria-activedescendant": this.$props.expanded ? this.$props.activedescendant : undefined,
-        "aria-describedby": this.$props.describedby,
-        "aria-labelledby": this.$props.ariaLabelledBy,
-        "aria-label": this.$props.ariaLabel
-      },
-      id: this.$props.id,
-      type: "text",
-      key: "searchbar",
-      placeholder: this.$props.placeholder,
-      "class": "k-input-inner",
-      tabindex: this.$props.tabIndex,
-      accesskey: this.$props.accessKey,
-      role: "combobox",
-      name: this.$props.name,
-      value: this.v3 ? this.$props.value : null,
-      domProps: this.v3 ? undefined : {
-        "value": this.$props.value
-      },
-      size: this.$props.size ? this.$props.size : 20,
-      onInput: this.onChange,
-      on: this.v3 ? undefined : {
-        "input": this.onChange,
-        "keydown": this.onKeyDown,
-        "focusin": this.onFocus,
-        "blur": this.onBlur
-      },
-      ref: (0, kendo_vue_common_1.setRef)(this, 'input'),
-      onKeydown: this.onKeyDown,
-      onFocusin: this.onFocus,
-      onBlur: this.onBlur,
-      "aria-disabled": this.$props.disabled || undefined,
-      disabled: this.$props.disabled || undefined,
-      readonly: this.$props.readOnly || undefined,
-      "aria-autocomplete": this.$props.suggestedText ? 'both' : 'list',
-      "aria-haspopup": "listbox",
-      "aria-expanded": this.$props.expanded || false,
-      "aria-controls": this.$props.owns,
-      "aria-activedescendant": this.$props.expanded ? this.$props.activedescendant : undefined,
-      "aria-describedby": this.$props.describedby,
-      "aria-labelledby": this.$props.ariaLabelledBy,
-      "aria-label": this.$props.ariaLabel
-    });
-  }
-};
-exports.SearchBarVue2 = SearchBarVue2;
-/**
- * @hidden
- */
-var SearchBar = SearchBarVue2;
-exports.SearchBar = SearchBar;

package/dist/npm/common/VirtualScroll.d.ts

@@ -1,42 +0,0 @@
-import { Page } from './settings';
-/**
- * @hidden
- */
-export interface ComponentState {
-    skip?: number;
-    selectedIndex?: number;
-    opened?: boolean;
-    event?: any;
-}
-/**
- * @hidden
- */
-export default class VirtualScroll {
-    container: HTMLDivElement | null;
-    scrollElement: HTMLDivElement | null;
-    list: any;
-    containerHeight: number;
-    skip: number;
-    total: number;
-    enabled: boolean;
-    pageSize: number;
-    itemHeight: number;
-    PageChange: (event: Page, syntheticEvent: any) => void;
-    ScrollChange: (Event: any) => void;
-    private prevScrollPos;
-    private listTranslate;
-    private scrollSyncing;
-    constructor();
-    get translate(): number;
-    scrollerRef: (element: HTMLDivElement | null) => void;
-    calcScrollElementHeight: () => boolean;
-    changePage(skip: number, e: any): void;
-    translateTo(dY: number): void;
-    reset(): void;
-    scrollToEnd(): void;
-    localScrollUp(e: any): void;
-    localScrollDown(e: any): void;
-    scrollNonStrict(e: any): void;
-    scrollHandler(this: any, e: any): void;
-    validateTranslate(translate: number): number;
-}

package/dist/npm/common/VirtualScroll.js

@@ -1,168 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var utils_1 = require("./utils");
-/**
- * @hidden
- */
-var VirtualScroll = /** @class */function () {
-  function VirtualScroll() {
-    var _this = this;
-    this.containerHeight = 0;
-    this.skip = 0;
-    this.total = 0;
-    this.enabled = false;
-    this.pageSize = 0;
-    this.itemHeight = 0;
-    this.prevScrollPos = 0;
-    this.listTranslate = 0;
-    this.scrollSyncing = false;
-    this.scrollerRef = function (element) {
-      var vs = _this;
-      vs.container = element;
-      if (element) {
-        element.setAttribute('unselectable', 'on');
-        setTimeout(vs.calcScrollElementHeight.bind(vs), 0);
-      }
-    };
-    this.calcScrollElementHeight = function () {
-      var _a;
-      _this.scrollSyncing = true;
-      var heightChanged = false;
-      var list = (_a = _this.container) === null || _a === void 0 ? void 0 : _a.children[0];
-      var items = list ? Array.from(list.children) : [];
-      _this.itemHeight = items[0] ? items[0].offsetHeight : _this.itemHeight;
-      var totalHeight = _this.itemHeight * (_this.total - items.length);
-      _this.containerHeight = utils_1.firefox ? Math.min(utils_1.firefoxMaxHeight, totalHeight) : totalHeight;
-      var newHeight = _this.containerHeight;
-      if (_this.scrollElement) {
-        heightChanged = _this.scrollElement.style.height !== newHeight + 'px';
-        if (heightChanged) {
-          _this.scrollElement.style.height = newHeight + 'px';
-        }
-      }
-      _this.scrollSyncing = false;
-      return heightChanged;
-    };
-    this.scrollHandler = this.scrollHandler.bind(this);
-  }
-  Object.defineProperty(VirtualScroll.prototype, "translate", {
-    get: function get() {
-      return this.listTranslate;
-    },
-    enumerable: false,
-    configurable: true
-  });
-  VirtualScroll.prototype.changePage = function (skip, e) {
-    var newSkip = Math.min(Math.max(0, skip), this.total - this.pageSize);
-    if (newSkip !== this.skip) {
-      this.PageChange({
-        skip: newSkip,
-        take: this.pageSize
-      }, e);
-    }
-  };
-  VirtualScroll.prototype.translateTo = function (dY) {
-    this.listTranslate = dY;
-    if (this.list) {
-      this.list.style.transform = 'translateY(' + dY + 'px)';
-    }
-  };
-  VirtualScroll.prototype.reset = function () {
-    if (this.container) {
-      this.calcScrollElementHeight();
-      this.container.scrollTop = 0;
-      this.translateTo(0);
-    }
-  };
-  VirtualScroll.prototype.scrollToEnd = function () {
-    if (this.container && this.list) {
-      this.calcScrollElementHeight();
-      this.container.scrollTop = this.container.scrollHeight - this.container.offsetHeight;
-      this.translateTo(Math.min(this.container.scrollHeight, this.containerHeight)); // - this.list.offsetHeight
-    }
-  };
-
-  VirtualScroll.prototype.localScrollUp = function (e) {
-    var height = this.itemHeight;
-    var scrollTop = this.container.scrollTop;
-    var targetTranslate = this.listTranslate;
-    var items;
-    var additionalOnTop = scrollTop - targetTranslate;
-    if (additionalOnTop > height) {
-      return;
-    }
-    for (items = 0; items < this.skip; items++) {
-      if (targetTranslate + height + additionalOnTop <= scrollTop) {
-        break;
-      }
-      targetTranslate -= height;
-    }
-    targetTranslate = this.validateTranslate(targetTranslate);
-    if (this.skip - items <= 0 && targetTranslate >= scrollTop) {
-      this.translateTo(0);
-      this.changePage(0, e);
-      this.container.scrollTop = 0;
-      return;
-    }
-    if (targetTranslate !== this.listTranslate) {
-      this.translateTo(targetTranslate);
-      this.changePage(this.skip - items, e);
-    }
-  };
-  VirtualScroll.prototype.localScrollDown = function (e) {
-    var height = this.itemHeight;
-    var scrollTop = this.container.scrollTop;
-    var targetTranslate = this.listTranslate;
-    var itemsLength = this.list.children.length;
-    var items;
-    for (items = 0; items < itemsLength; items++) {
-      if (targetTranslate + height >= scrollTop) {
-        break;
-      }
-      targetTranslate += height;
-    }
-    targetTranslate = this.validateTranslate(targetTranslate);
-    if (items >= itemsLength && this.skip + items >= this.total) {
-      this.translateTo(targetTranslate);
-      this.changePage(this.total - 1, e);
-    } else if (targetTranslate !== this.listTranslate) {
-      this.translateTo(targetTranslate);
-      this.changePage(this.skip + items, e);
-    }
-  };
-  VirtualScroll.prototype.scrollNonStrict = function (e) {
-    var floatItemIndex = this.containerHeight ? this.total * this.prevScrollPos / this.containerHeight : 0;
-    var itemIndex = Math.min(Math.floor(floatItemIndex), this.total - 1);
-    var targetTranslate = this.containerHeight * floatItemIndex / this.total;
-    targetTranslate = this.validateTranslate(targetTranslate);
-    this.translateTo(targetTranslate);
-    this.changePage(itemIndex, e);
-  };
-  VirtualScroll.prototype.scrollHandler = function (e) {
-    var scrollTop = this.container ? this.container.scrollTop : 0;
-    var prev = this.prevScrollPos;
-    this.prevScrollPos = scrollTop;
-    this.ScrollChange(e);
-    if (!this.enabled || !this.list || !this.container || this.scrollSyncing) {
-      return;
-    }
-    if (scrollTop - prev <= 0 && scrollTop > this.listTranslate - this.list.scrollHeight / 10) {
-      this.localScrollUp(e);
-    } else if (scrollTop - prev > 0 && scrollTop < this.listTranslate + this.list.scrollHeight * 2 / 3) {
-      this.localScrollDown(e);
-    } else {
-      this.scrollNonStrict(e);
-    }
-  };
-  VirtualScroll.prototype.validateTranslate = function (translate) {
-    translate = Math.max(0, translate);
-    // translate = Math.min(this.containerHeight - this.list!.offsetHeight, translate);
-    translate = Math.min(this.containerHeight, translate);
-    return translate;
-  };
-  return VirtualScroll;
-}();
-exports.default = VirtualScroll;

package/dist/npm/common/constants.d.ts

@@ -1,4 +0,0 @@
-/** @hidden */
-export declare const MOBILE_SMALL_DEVICE: number;
-/** @hidden */
-export declare const MOBILE_MEDIUM_DEVICE: number;