@progress/kendo-vue-treeview 5.3.0-dev.202410141143 → 5.3.0-develop.2

package/dist/npm/TreeViewDragClue.d.ts

@@ -1,78 +0,0 @@
-import { DefineComponent } from './additionalTypes';
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
-declare type DefaultData<V> = object | ((this: V) => {});
-declare type DefaultMethods<V> = {
-    [key: string]: (this: V, ...args: any[]) => any;
-};
-/**
- * Represents the props of the Kendo UI for Vue TreeViewDragClue component.
- */
-export interface TreeViewDragClueProps {
-}
-/**
- * @hidden
- */
-export interface TreeViewDragClueState {
-}
-/**
- * @hidden
- */
-export interface TreeViewDragClueComputed {
-    [key: string]: any;
-}
-/**
- * @hidden
- */
-export interface TreeViewDragClueMethods {
-    [key: string]: any;
-}
-/**
- * @hidden
- */
-export interface TreeViewDragClueData {
-    visible?: boolean;
-    top?: number;
-    left?: number;
-    text?: string;
-    operationClassName?: string;
-}
-/**
- * @hidden
- */
-export interface TreeViewDragClueAll extends Vue, TreeViewDragClueMethods, TreeViewDragClueData, TreeViewDragClueComputed, TreeViewDragClueState {
-}
-/**
- * @hidden
- */
-declare let TreeViewDragClueVue2: ComponentOptions<TreeViewDragClueAll, DefaultData<TreeViewDragClueData>, DefaultMethods<TreeViewDragClueAll>, TreeViewDragClueComputed, RecordPropsDefinition<TreeViewDragClueProps>>;
-/**
- * Represents the Kendo UI for Vue Native TreeViewDragClue component which renders a clue when an item is dragged.
- *
- * {% meta height:400 %}
- * {% embed_file drag/single/main.vue preview %}
- * {% embed_file drag/single/main.js %}
- * {% endmeta %}
- *
- *  ## Methods
- *
- *  ### hide
- *  Hides the TreeViewDragClue component.
- *
- *  ### show
- *  Displays the TreeViewDragClue component.
- *
- *  #### Parameters
- *  ##### top <span class='code'>number</span>
- *  The `top` CSS position of the component.
- *
- *  ##### left <span class='code'>number</span>
- *  The `left` CSS position of the component.
- *
- *  ##### text <span class='code'>string</span>
- *  The text of the component.
- *
- *  ##### operationClassName <span class='code'>string</span>
- *  The CSS class name which is related to the specific drop operation.
- */
-declare const TreeViewDragClue: DefineComponent<TreeViewDragClueProps, any, TreeViewDragClueData, TreeViewDragClueComputed, TreeViewDragClueMethods, {}, {}, {}, string, TreeViewDragClueProps, TreeViewDragClueProps, {}>;
-export { TreeViewDragClue, TreeViewDragClueVue2 };

package/dist/npm/TreeViewDragClue.js

@@ -1,123 +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.TreeViewDragClueVue2 = exports.TreeViewDragClue = 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 kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
-/**
- * @hidden
- */
-var TreeViewDragClueVue2 = {
-  name: 'KendoTreeViewDragClue',
-  props: {},
-  data: function data() {
-    return {
-      visible: false,
-      top: 0,
-      left: 0,
-      text: '',
-      operationIconName: 'cancel',
-      operationSvg: kendo_svg_icons_1.cancelIcon
-    };
-  },
-  // @ts-ignore
-  setup: !isV3 ? undefined : function () {
-    var v3 = !!isV3;
-    return {
-      v3: v3
-    };
-  },
-  // @ts-ignore
-  render: function render(createElement) {
-    var h = gh || createElement;
-    var defaultStyle = {
-      display: 'block',
-      position: 'absolute',
-      zIndex: 20000,
-      padding: '4px 6px'
-    };
-    var dynamicStyle = {
-      top: this.top + 'px',
-      left: this.left + 'px'
-    };
-    return this.visible && h("div", {
-      "class": "k-header k-drag-clue",
-      style: __assign(__assign({}, defaultStyle), dynamicStyle)
-    }, [h(kendo_vue_common_1.Icon, {
-      name: (0, kendo_vue_common_1.getIconName)(this.operationIconName),
-      attrs: this.v3 ? undefined : {
-        name: (0, kendo_vue_common_1.getIconName)(this.operationIconName),
-        icon: this.operationSvg
-      },
-      icon: this.operationSvg,
-      "class": 'k-drag-status'
-    }), this.text]);
-  },
-  methods: {
-    show: function show(top, left, text, operationIconName) {
-      this.visible = true;
-      this.top = top;
-      this.left = left;
-      this.text = text;
-      if (typeof operationIconName === 'string') {
-        this.operationIconName = operationIconName;
-      } else {
-        this.operationSvg = operationIconName;
-      }
-    },
-    hide: function hide() {
-      this.visible = false;
-    }
-  }
-};
-exports.TreeViewDragClueVue2 = TreeViewDragClueVue2;
-/**
- * Represents the Kendo UI for Vue Native TreeViewDragClue component which renders a clue when an item is dragged.
- *
- * {% meta height:400 %}
- * {% embed_file drag/single/main.vue preview %}
- * {% embed_file drag/single/main.js %}
- * {% endmeta %}
- *
- *  ## Methods
- *
- *  ### hide
- *  Hides the TreeViewDragClue component.
- *
- *  ### show
- *  Displays the TreeViewDragClue component.
- *
- *  #### Parameters
- *  ##### top <span class='code'>number</span>
- *  The `top` CSS position of the component.
- *
- *  ##### left <span class='code'>number</span>
- *  The `left` CSS position of the component.
- *
- *  ##### text <span class='code'>string</span>
- *  The text of the component.
- *
- *  ##### operationClassName <span class='code'>string</span>
- *  The CSS class name which is related to the specific drop operation.
- */
-var TreeViewDragClue = TreeViewDragClueVue2;
-exports.TreeViewDragClue = TreeViewDragClue;

package/dist/npm/TreeViewItem.d.ts

@@ -1,85 +0,0 @@
-import { DefineComponent } from './additionalTypes';
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
-declare type DefaultData<V> = object | ((this: V) => {});
-declare type DefaultMethods<V> = {
-    [key: string]: (this: V, ...args: any[]) => any;
-};
-import FieldsService from './utils/FieldsService';
-/**
- * @hidden
- */
-export interface TreeViewItemProps {
-    item: any;
-    itemId: string;
-    treeGuid: string;
-    animate: boolean;
-    focusedItemId?: string;
-    tabbableItemId: string;
-    fieldsService: FieldsService;
-    itemUI?: any;
-    ariaMultiSelectable: boolean;
-    onItemClick?: any;
-    expandIcons?: boolean;
-    onExpandChange?: any;
-    onCheckChange?: any;
-    checkboxes?: boolean;
-    onFocusDomElNeeded?: any;
-    draggable?: boolean;
-    onPress?: any;
-    onDrag?: any;
-    onRelease?: any;
-    size?: null | 'small' | 'medium' | 'large' | string;
-    /**
-     * Currently for internal usage only! Replicates the current behavior which disables all children
-     * if the parent is disabled, which was previously achieved only though the kendo-themes,
-     * but due to rendering changes had to be replicated programmatically!
-     *
-     * @hidden
-     */
-    disabled?: boolean;
-    ariaLevel: number;
-    isRtl?: boolean;
-}
-/**
- * @hidden
- */
-export interface TreeViewItemState {
-    checkboxElement: any;
-    itemGuid: any;
-}
-/**
- * @hidden
- */
-export interface TreeViewItemComputed {
-    [key: string]: any;
-    fieldsSvc: any;
-    currentTabIndex: number;
-    ariaExpanded?: boolean;
-    ariaChecked?: string | boolean;
-    ariaSelected?: boolean;
-}
-/**
- * @hidden
- */
-export interface TreeViewItemMethods {
-    [key: string]: any;
-}
-/**
- * @hidden
- */
-export interface TreeViewItemData {
-}
-/**
- * @hidden
- */
-export interface TreeViewItemAll extends Vue, TreeViewItemMethods, TreeViewItemData, TreeViewItemComputed, TreeViewItemState {
-}
-/**
- * @hidden
- */
-declare let TreeViewItemVue2: ComponentOptions<TreeViewItemAll, DefaultData<TreeViewItemData>, DefaultMethods<TreeViewItemAll>, TreeViewItemComputed, RecordPropsDefinition<TreeViewItemProps>>;
-/**
- * @hidden
- */
-declare const TreeViewItem: DefineComponent<TreeViewItemProps, any, TreeViewItemData, TreeViewItemComputed, TreeViewItemMethods, {}, {}, {}, string, TreeViewItemProps, TreeViewItemProps, {}>;
-export { TreeViewItem, TreeViewItemVue2 };

package/dist/npm/TreeViewItem.js

@@ -1,422 +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.TreeViewItemVue2 = exports.TreeViewItem = 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 itemIdUtils_1 = require("./utils/itemIdUtils");
-var itemUtils_1 = require("./utils/itemUtils");
-var kendo_vue_animation_1 = require("@progress/kendo-vue-animation");
-var consts_1 = require("./utils/consts");
-var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
-var sizeMap = kendo_vue_common_1.kendoThemeMaps.sizeMap;
-/**
- * @hidden
- */
-var TreeViewItemVue2 = {
-  name: 'KendoTreeViewItem',
-  props: {
-    item: Object,
-    itemId: String,
-    treeGuid: String,
-    animate: Boolean,
-    focusedItemId: String,
-    tabbableItemId: String,
-    fieldsService: Object,
-    itemUI: Object,
-    ariaMultiSelectable: Boolean,
-    expandIcons: Boolean,
-    checkboxes: Boolean,
-    onFocusDomElNeeded: Object,
-    draggable: Boolean,
-    isRtl: Boolean,
-    size: {
-      type: String,
-      default: 'medium',
-      validator: function validator(value) {
-        return [null, 'small', 'medium', 'large'].includes(value);
-      }
-    },
-    disabled: Boolean,
-    ariaLevel: Number
-  },
-  computed: {
-    fieldsSvc: function fieldsSvc() {
-      return this.$props.fieldsService;
-    },
-    currentTabIndex: function currentTabIndex() {
-      return (this.$props.focusedItemId || this.$props.tabbableItemId) === this.itemId ? 0 : -1;
-    },
-    ariaExpanded: function ariaExpanded() {
-      return this.fieldsSvc.hasChildren(this.item) || (0, itemUtils_1.hasChildren)(this.item, this.fieldsSvc.getChildrenField()) ? Boolean(this.fieldsSvc.expanded(this.item)) : undefined;
-    },
-    ariaChecked: function ariaChecked() {
-      if (this.$props.checkboxes) {
-        if (this.fieldsSvc.checked(this.item)) {
-          return 'true';
-        } else {
-          return this.fieldsSvc.checkIndeterminate(this.item) ? 'mixed' : 'false';
-        }
-      } else {
-        return undefined;
-      }
-    },
-    ariaSelected: function ariaSelected() {
-      if (this.fieldsSvc.selected(this.item)) {
-        return true;
-      } else if (this.$props.ariaMultiSelectable) {
-        return this.computedDisabled ? undefined : false;
-      } else {
-        return undefined;
-      }
-    },
-    computedDisabled: function computedDisabled() {
-      var itemDisabled = this.fieldsSvc.disabled(this.item);
-      return itemDisabled !== undefined ? itemDisabled : this.disabled;
-    }
-  },
-  created: function created() {
-    this.itemGuid = (0, kendo_vue_common_1.guid)();
-    this.prevFocusedItemId = this.focusedItemId;
-    this.prevFieldsService = this.fieldsService;
-    this.prevItem = this.item;
-  },
-  data: function data() {
-    return {
-      isMounted: false
-    };
-  },
-  watch: {
-    focusedItemId: function focusedItemId(_, oldValue) {
-      this.prevFocusedItemId = oldValue;
-    },
-    fieldsService: function fieldsService(_, oldValue) {
-      this.prevFieldsService = oldValue;
-    },
-    item: function item(_, oldValue) {
-      this.prevItem = oldValue;
-    }
-  },
-  mounted: function mounted() {
-    var focusedItemId = this.$props.focusedItemId;
-    var currentItemId = this.itemId;
-    if (focusedItemId && focusedItemId === currentItemId) {
-      this.$emit('focusdomelneeded', this.$el);
-    }
-    this.checkboxElement = (0, kendo_vue_common_1.getRef)(this, 'checkboxElement');
-    if (this.checkboxElement) {
-      this.checkboxElement.indeterminate = this.fieldsSvc.checkIndeterminate(this.item);
-    }
-    this.assignDraggableMeta(this.$refs.treemid);
-    this.isMounted = true;
-  },
-  updated: function updated() {
-    var focusedItemId = this.$props.focusedItemId;
-    if (focusedItemId && focusedItemId !== this.prevFocusedItemId && focusedItemId === this.itemId) {
-      this.$emit('focusdomelneeded', this.$el);
-    }
-    this.checkboxElement = (0, kendo_vue_common_1.getRef)(this, 'checkboxElement');
-    if (this.checkboxElement) {
-      var indeterminate = this.fieldsSvc.checkIndeterminate(this.item);
-      if (indeterminate !== this.prevFieldsService.checkIndeterminate(this.prevItem)) {
-        this.checkboxElement.indeterminate = indeterminate;
-      }
-    }
-    this.assignDraggableMeta(this.$refs.treemid);
-  },
-  // @ts-ignore
-  setup: !isV3 ? undefined : function () {
-    var v3 = !!isV3;
-    return {
-      v3: v3
-    };
-  },
-  // @ts-ignore
-  render: function render(createElement) {
-    var _this2 = this;
-    var _this = this;
-    var h = gh || createElement;
-    var subitems = function subitems() {
-      return (0, itemUtils_1.isItemExpandedAndWithChildren)(this.item, this.fieldsSvc) ? h("ul", {
-        "class": "k-treeview-group",
-        role: "group",
-        attrs: this.v3 ? undefined : {
-          role: "group"
-        }
-      }, [this.fieldsSvc.children(this.item).map(function (item, index) {
-        return h(TreeViewItem, {
-          item: item,
-          attrs: this.v3 ? undefined : {
-            item: item,
-            itemId: (0, itemIdUtils_1.createId)(index, this.itemId),
-            treeGuid: this.$props.treeGuid,
-            animate: this.$props.animate,
-            focusedItemId: this.$props.focusedItemId,
-            tabbableItemId: this.$props.tabbableItemId,
-            fieldsService: this.$props.fieldsService,
-            itemUI: this.$props.itemUI,
-            checkboxes: this.$props.checkboxes,
-            ariaMultiSelectable: this.$props.ariaMultiSelectable,
-            ariaLevel: this.$props.ariaLevel + 1,
-            draggable: this.$props.draggable,
-            expandIcons: this.$props.expandIcons,
-            size: this.$props.size,
-            disabled: this.computedDisabled,
-            isRtl: this.$props.isRtl
-          },
-          itemId: (0, itemIdUtils_1.createId)(index, this.itemId),
-          treeGuid: this.$props.treeGuid,
-          animate: this.$props.animate,
-          focusedItemId: this.$props.focusedItemId,
-          tabbableItemId: this.$props.tabbableItemId,
-          fieldsService: this.$props.fieldsService,
-          itemUI: this.$props.itemUI,
-          checkboxes: this.$props.checkboxes,
-          ariaMultiSelectable: this.$props.ariaMultiSelectable,
-          ariaLevel: this.$props.ariaLevel + 1,
-          onItemclick: this.handleItemClick,
-          on: this.v3 ? undefined : {
-            "itemclick": this.handleItemClick,
-            "focusdomelneeded": this.handleFocusDomElNeeded,
-            "press": this.handlePress,
-            "drag": this.handleDrag,
-            "release": this.handleRelease,
-            "expandchange": this.handleExpandChange,
-            "checkchange": this.handleCheckChange
-          },
-          onFocusdomelneeded: this.handleFocusDomElNeeded,
-          draggable: this.$props.draggable,
-          onPress: this.handlePress,
-          onDrag: this.handleDrag,
-          onRelease: this.handleRelease,
-          expandIcons: this.$props.expandIcons,
-          onExpandchange: this.handleExpandChange,
-          onCheckchange: this.handleCheckChange,
-          key: index,
-          size: this.$props.size,
-          disabled: this.computedDisabled,
-          isRtl: this.$props.isRtl
-        });
-      }, this)]) : undefined;
-    };
-    var renderExpandIcon = function renderExpandIcon() {
-      var renderExpand = this.$props.expandIcons && (
-      // If it is explicitly said that the item has children (even not loaded yet)
-      // or if the item actually has children, then render the icon.
-      this.fieldsSvc.hasChildren(this.item) || (0, itemUtils_1.hasChildren)(this.item, this.fieldsSvc.getChildrenField()));
-      return renderExpand && h("span", {
-        "class": (0, kendo_vue_common_1.classNames)('k-treeview-toggle', {
-          'k-disabled': this.computedDisabled
-        })
-      }, [h(kendo_vue_common_1.Icon, {
-        name: this.getIconClassName(),
-        attrs: this.v3 ? undefined : {
-          name: this.getIconClassName(),
-          icon: this.getIconSVG()
-        },
-        icon: this.getIconSVG(),
-        onClick: this.handleExpandChange,
-        on: this.v3 ? undefined : {
-          "click": this.handleExpandChange
-        }
-      })]);
-    };
-    var renderCheckbox = function renderCheckbox() {
-      var _a;
-      if (this.$props.checkboxes) {
-        var size = this.$props.size;
-        return h("div", {
-          "class": "k-checkbox-wrap",
-          role: "presentation",
-          attrs: this.v3 ? undefined : {
-            role: "presentation"
-          }
-        }, [h("input", {
-          type: "checkbox",
-          attrs: this.v3 ? undefined : {
-            type: "checkbox",
-            "aria-label": this.item.text,
-            id: this.itemGuid,
-            tabindex: -1
-          },
-          "class": (0, kendo_vue_common_1.classNames)('k-checkbox k-rounded-md', (_a = {}, _a["k-checkbox-".concat(sizeMap[size] || size)] = size, _a['k-disabled'] = this.computedDisabled, _a)),
-          "aria-label": this.item.text,
-          checked: this.v3 ? Boolean(this.fieldsSvc.checked(this.item)) : null,
-          domProps: this.v3 ? undefined : {
-            "checked": Boolean(this.fieldsSvc.checked(this.item))
-          },
-          id: this.itemGuid,
-          tabindex: -1,
-          onChange: this.handleCheckChange,
-          on: this.v3 ? undefined : {
-            "change": this.handleCheckChange
-          },
-          ref: (0, kendo_vue_common_1.setRef)(this, 'checkboxElement')
-        }), h("label", {
-          "class": "k-checkbox-label",
-          "for": this.itemGuid,
-          attrs: this.v3 ? undefined : {
-            "for": this.itemGuid
-          }
-        })]);
-      } else {
-        return undefined;
-      }
-    };
-    var itemRender = kendo_vue_common_1.getTemplate.call(this, {
-      h: h,
-      template: this.$props.itemUI,
-      defaultRendering: this.fieldsSvc.text(this.item),
-      additionalProps: {
-        item: this.item,
-        itemHierarchicalIndex: this.itemId
-      }
-    });
-    var itemInPart = function itemInPart() {
-      return h("span", {
-        "class": this.getContentClassName(),
-        style: {
-          touchAction: 'none'
-        },
-        onClick: this.handleItemClick,
-        on: this.v3 ? undefined : {
-          "click": this.handleItemClick
-        }
-      }, [h("span", {
-        "class": "k-treeview-leaf-text"
-      }, [itemRender])]);
-    };
-    return h("li", {
-      "class": (0, kendo_vue_common_1.classNames)('k-treeview-item'),
-      tabindex: this.currentTabIndex,
-      attrs: this.v3 ? undefined : {
-        tabindex: this.currentTabIndex,
-        role: "treeitem",
-        "aria-level": this.$props.ariaLevel,
-        "aria-expanded": this.ariaExpanded,
-        "aria-selected": this.ariaSelected,
-        "aria-checked": this.ariaChecked,
-        "aria-disabled": this.computedDisabled ? true : undefined
-      },
-      role: "treeitem",
-      "aria-level": this.$props.ariaLevel,
-      "aria-expanded": this.ariaExpanded,
-      "aria-selected": this.ariaSelected,
-      "aria-checked": this.ariaChecked,
-      "aria-disabled": this.computedDisabled ? true : undefined
-    }, [h("div", {
-      "class": "k-treeview-mid",
-      ref: 'treemid'
-    }, [renderExpandIcon.call(this), renderCheckbox.call(this), this.$props.draggable ?
-    // @ts-ignore  function children
-    h(kendo_vue_common_1.Draggable, {
-      onPress: function onPress(e) {
-        return _this.handlePress(e);
-      },
-      on: this.v3 ? undefined : {
-        "press": function onPress(e) {
-          return _this.handlePress(e);
-        },
-        "drag": function drag(e) {
-          return _this.handleDrag(e);
-        },
-        "release": function release(e) {
-          return _this.handleRelease(e);
-        }
-      },
-      onDrag: function drag(e) {
-        return _this.handleDrag(e);
-      },
-      onRelease: function release(e) {
-        return _this.handleRelease(e);
-      }
-    }, this.v3 ? function () {
-      return [itemInPart.call(_this2)];
-    } : [itemInPart.call(_this2)]) : itemInPart.call(this)]), this.$props.animate && this.isMounted ?
-    // @ts-ignore  function children
-    h(kendo_vue_animation_1.Reveal, {
-      appear: this.ariaExpanded,
-      attrs: this.v3 ? undefined : {
-        appear: this.ariaExpanded,
-        transitionEnterDuration: 200,
-        transitionExitDuration: 200
-      },
-      transitionEnterDuration: 200,
-      transitionExitDuration: 200,
-      key: this.itemGuid + '_animation',
-      style: {
-        display: 'block'
-      }
-    }, this.v3 ? function () {
-      return [subitems.call(_this2)];
-    } : [subitems.call(_this2)]) : subitems.call(this)]);
-  },
-  methods: {
-    handleCheckChange: function handleCheckChange(e, subItem, subItemId) {
-      this.$emit('checkchange', e, subItem || this.item, subItemId || this.itemId);
-    },
-    handleExpandChange: function handleExpandChange(e, subItem, subItemId) {
-      this.$emit('expandchange', e, subItem || this.item, subItemId || this.itemId);
-    },
-    handleItemClick: function handleItemClick(e, subItem, subItemId) {
-      this.$emit('itemclick', e, subItem || this.item, subItemId || this.itemId);
-    },
-    handlePress: function handlePress(e, subItem, subItemId) {
-      this.$emit('press', e, subItem || __assign({}, this.item), subItemId || this.itemId);
-    },
-    handleDrag: function handleDrag(e, subItem, subItemId) {
-      this.$emit('drag', e, subItem || this.item, subItemId || this.itemId);
-    },
-    handleRelease: function handleRelease(e, subItem, subItemId) {
-      this.$emit('release', e, subItem || this.item, subItemId || this.itemId);
-    },
-    handleFocusDomElNeeded: function handleFocusDomElNeeded(e) {
-      this.$emit('focusdomelneeded', e);
-    },
-    getIconClassName: function getIconClassName() {
-      var expanded = this.fieldsSvc.expanded(this.item);
-      return expanded && !(0, itemUtils_1.hasChildren)(this.item, this.fieldsSvc.getChildrenField()) ? 'loading' : expanded ? 'caret-alt-down' : this.$props.isRtl ? 'caret-alt-left' : 'caret-alt-right';
-    },
-    getIconSVG: function getIconSVG() {
-      var expanded = this.fieldsSvc.expanded(this.item);
-      return expanded ? kendo_svg_icons_1.caretAltDownIcon : this.$props.isRtl ? kendo_svg_icons_1.caretAltLeftIcon : kendo_svg_icons_1.caretAltRightIcon;
-    },
-    getContentClassName: function getContentClassName() {
-      return (0, kendo_vue_common_1.classNames)('k-treeview-leaf', {
-        'k-focus': this.$props.focusedItemId === this.itemId,
-        'k-selected': this.fieldsSvc.selected(this.item),
-        'k-disabled': this.computedDisabled
-      });
-    },
-    assignDraggableMeta: function assignDraggableMeta(element) {
-      if (element && !element[consts_1.DOM_KENDO_ITEM_ID_FIELD]) {
-        element[consts_1.DOM_KENDO_ITEM_ID_FIELD] = this.$props.itemId;
-        element[consts_1.DOM_KENDO_TREEVIEW_GUID_FIELD] = this.$props.treeGuid;
-      }
-    }
-  }
-};
-exports.TreeViewItemVue2 = TreeViewItemVue2;
-/**
- * @hidden
- */
-var TreeViewItem = TreeViewItemVue2;
-exports.TreeViewItem = TreeViewItem;