@progress/kendo-react-treeview 6.1.1 → 7.0.0-develop.2

package/dist/npm/TreeView.js

@@ -1,337 +0,0 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TreeView = void 0;
-var React = require("react");
-var PropTypes = require("prop-types");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-var getItemIdUponKeyboardNavigation_1 = require("./utils/getItemIdUponKeyboardNavigation");
-var TreeViewItem_1 = require("./TreeViewItem");
-var kendo_react_common_2 = require("@progress/kendo-react-common");
-var package_metadata_1 = require("./package-metadata");
-var consts_1 = require("./utils/consts");
-var sizeMap = kendo_react_common_1.kendoThemeMaps.sizeMap;
-/**
- * Represents the [KendoReact TreeView component]({% slug overview_treeview %}).
- *
- * @example
- * ```jsx
- * const data = [{
- *     text: 'Furniture', expanded: true, items: [
- *         { text: 'Tables & Chairs' }, { text: 'Sofas' }, { text: 'Occasional Furniture' }]
- * }, {
- *     text: 'Decor', expanded: true, items: [
- *         { text: 'Bed Linen' }, { text: 'Curtains & Blinds' }, { text: 'Carpets' }]
- * }];
- * class App extends React.Component {
- *     render() {
- *         return <TreeView data={data} />;
- *     }
- * }
- * ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-var TreeView = /** @class */ (function (_super) {
-    __extends(TreeView, _super);
-    function TreeView(props) {
-        var _this = _super.call(this, props) || this;
-        /**
-         * @hidden
-         */
-        _this.state = { focusedItemId: undefined, focusedItemPublicId: undefined, tabbableItemId: kendo_react_common_1.treeIdUtils.ZERO_LEVEL_ZERO_NODE_ID };
-        _this.fieldsSvc = null;
-        // When there is a change in state.focusedItemId, calling focus() on the dom element of the focused item
-        // is most often not needed, because the browser focuses the element on its own.
-        // https://github.com/telerik/kendo-react/issues/190
-        _this.allowExplicitFocus = false;
-        _this.treeGuid = (0, kendo_react_common_1.guid)();
-        _this._element = null;
-        _this.onFocusDomElNeeded = function (domItem) {
-            if (_this.allowExplicitFocus) {
-                _this.focusDomItem(domItem);
-            }
-        };
-        _this.onCheckChange = function (event, item, itemId) {
-            _this.setFocus(itemId);
-            _this.dispatchCheckChange(event, item, itemId);
-        };
-        _this.onExpandChange = function (event, item, itemId) {
-            _this.setFocus(itemId);
-            _this.dispatchExpandChange(event, item, itemId);
-        };
-        _this.onPress = function (_event, item, itemId) {
-            if (_this.props.onItemDragStart) {
-                _this.props.onItemDragStart.call(undefined, { target: _this, item: item, itemHierarchicalIndex: itemId });
-            }
-        };
-        _this.onDrag = function (event, item, itemId) {
-            var pageX = event.pageX, pageY = event.pageY, clientX = event.clientX, clientY = event.clientY;
-            if (_this.props.onItemDragOver) {
-                _this.props.onItemDragOver.call(undefined, {
-                    target: _this,
-                    item: item,
-                    itemHierarchicalIndex: itemId,
-                    pageX: pageX,
-                    pageY: pageY,
-                    clientX: clientX,
-                    clientY: clientY
-                });
-            }
-        };
-        _this.onRelease = function (event, item, itemId) {
-            var pageX = event.pageX, pageY = event.pageY, clientX = event.clientX, clientY = event.clientY;
-            if (_this.props.onItemDragEnd) {
-                _this.props.onItemDragEnd.call(undefined, {
-                    target: _this,
-                    item: item,
-                    itemHierarchicalIndex: itemId,
-                    pageX: pageX,
-                    pageY: pageY,
-                    clientX: clientX,
-                    clientY: clientY
-                });
-            }
-        };
-        _this.onItemClick = function (event, item, itemId) {
-            _this.setFocus(itemId);
-            _this.dispatchItemClick(event, item, itemId);
-        };
-        _this.onFocus = function () {
-            clearTimeout(_this.blurRequest);
-            if (_this.state.focusedItemId === undefined && _this.data.length) {
-                _this.setFocus(_this.state.tabbableItemId);
-            }
-        };
-        _this.onBlur = function () {
-            clearTimeout(_this.blurRequest);
-            _this.blurRequest = window.setTimeout(function () { return _this.setFocus(undefined); }, 0);
-        };
-        _this.onKeyDown = function (event) {
-            var focusedItem = _this.getFocusedItem();
-            if (focusedItem && _this.fieldsSvc) {
-                var newItemId = (0, getItemIdUponKeyboardNavigation_1.default)(focusedItem, _this.state.focusedItemId, _this.data, event.keyCode, _this.fieldsSvc);
-                if (newItemId !== _this.state.focusedItemId) {
-                    // This disables the auto-scroll. The scroll is achieved via item focusing.
-                    event.preventDefault();
-                    _this.allowExplicitFocus = true;
-                    _this.setFocus(newItemId);
-                }
-                _this.dispatchEventsOnKeyDown(event, focusedItem);
-            }
-        };
-        _this.onContextMenu = function (event, item, itemId) {
-            if (_this.props.onContextMenu) {
-                var ev = {
-                    target: _this,
-                    syntheticEvent: event,
-                    nativeEvent: event.nativeEvent,
-                    item: item,
-                    itemID: itemId
-                };
-                _this.props.onContextMenu.call(undefined, ev);
-            }
-        };
-        (0, kendo_react_common_2.validatePackage)(package_metadata_1.packageMetadata);
-        return _this;
-    }
-    Object.defineProperty(TreeView.prototype, "element", {
-        /**
-         * @hidden
-         */
-        get: function () {
-            return this._element;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    /**
-     * @hidden
-     */
-    TreeView.prototype.render = function () {
-        var _a;
-        var _this = this;
-        this.fieldsSvc = new kendo_react_common_1.TreeFieldsService(this.props);
-        var _b = this.props, size = _b.size, className = _b.className;
-        return (React.createElement("div", { className: (0, kendo_react_common_1.classNames)('k-treeview', (_a = {},
-                _a["k-treeview-".concat(sizeMap[size] || size)] = size,
-                _a['k-user-select-none'] = this.props.draggable,
-                _a['k-rtl'] = this.props.dir === 'rtl',
-                _a), className), onKeyDown: this.onKeyDown, onFocus: this.onFocus, onBlur: this.onBlur, role: "tree", "aria-multiselectable": this.ariaMultiSelectable ? true : undefined, "aria-label": this.props['aria-label'], "aria-labelledby": this.props['aria-labelledby'], ref: function (element) { return _this._element = element; }, tabIndex: this.props.tabIndex },
-            React.createElement("ul", { className: "k-treeview-lines k-treeview-group", role: "group" }, this.data.map(function (item, index) {
-                return (React.createElement(TreeViewItem_1.TreeViewItem, { item: item, position: index === 0 ? 'top' : index === _this.data.length - 1 ? 'bot' : 'mid', itemId: index.toString(), treeGuid: _this.treeGuid, animate: _this.props.animate, focusedItemId: _this.state.focusedItemId, tabbableItemId: _this.state.tabbableItemId, fieldsService: _this.fieldsSvc, itemUI: _this.props.item, checkboxes: _this.props.checkboxes, ariaMultiSelectable: _this.ariaMultiSelectable, onItemClick: _this.onItemClick, onFocusDomElNeeded: _this.onFocusDomElNeeded, draggable: _this.props.draggable, onPress: _this.onPress, onDrag: _this.onDrag, onRelease: _this.onRelease, expandIcons: _this.props.expandIcons, onExpandChange: _this.onExpandChange, onCheckChange: _this.onCheckChange, onContextMenu: _this.onContextMenu, key: index, size: size, isRtl: _this.props.dir === 'rtl' }));
-            }))));
-    };
-    /**
-     * @hidden
-     */
-    TreeView.prototype.componentDidUpdate = function () {
-        this.allowExplicitFocus = false;
-        this.refocusDueToFocusIdField();
-    };
-    TreeView.prototype.dispatchEventsOnKeyDown = function (event, focusedItem) {
-        var _this = this;
-        if (this.fieldsSvc === null) {
-            return;
-        }
-        // isEnabled is the most expensive op and that is why is left last.
-        var isEnabled = function () {
-            return _this.fieldsSvc && (0, kendo_react_common_1.isEnabledAndAllParentsEnabled)(_this.state.focusedItemId, _this.data, _this.fieldsSvc);
-        };
-        if (event.keyCode === kendo_react_common_1.Keys.left && this.fieldsSvc.expanded(focusedItem) && isEnabled()) {
-            this.dispatchExpandChange(event, focusedItem, this.state.focusedItemId);
-        }
-        else if (event.keyCode === kendo_react_common_1.Keys.right && !this.fieldsSvc.expanded(focusedItem) &&
-            (this.fieldsSvc.hasChildren(focusedItem) || (0, kendo_react_common_1.hasChildren)(focusedItem, this.props.childrenField)) && isEnabled()) {
-            this.dispatchExpandChange(event, focusedItem, this.state.focusedItemId);
-        }
-        else if (event.keyCode === kendo_react_common_1.Keys.enter && isEnabled()) {
-            this.dispatchItemClick(event, focusedItem, this.state.focusedItemId);
-        }
-        else if (event.keyCode === kendo_react_common_1.Keys.space && isEnabled()) {
-            // W/o preventDefault() long TreeViews gets incorrectly scrolled.
-            event.preventDefault();
-            this.dispatchCheckChange(event, focusedItem, this.state.focusedItemId);
-        }
-    };
-    TreeView.prototype.setFocus = function (focusedItemId) {
-        if (focusedItemId && this.fieldsSvc) {
-            if (this.fieldsSvc.focusIdField) {
-                var item = this.getItemById(focusedItemId);
-                this.setState({ focusedItemId: focusedItemId, focusedItemPublicId: this.fieldsSvc.focusId(item) });
-            }
-            else {
-                this.setState({ focusedItemId: focusedItemId });
-            }
-        }
-        else {
-            this.setState(function (state) {
-                return {
-                    focusedItemId: undefined,
-                    focusedItemPublicId: undefined,
-                    tabbableItemId: state.focusedItemId
-                };
-            });
-        }
-    };
-    TreeView.prototype.getFocusedItem = function () {
-        return this.state.focusedItemId ? this.getItemById(this.state.focusedItemId) : undefined;
-    };
-    TreeView.prototype.getItemById = function (itemId) {
-        return kendo_react_common_1.treeIdUtils.getItemById(itemId, this.data, this.props.childrenField || consts_1.CHILDREN_FIELD);
-    };
-    TreeView.prototype.dispatchCheckChange = function (dispatchedEvent, item, itemId) {
-        (0, kendo_react_common_1.dispatchEvent)(this.props.onCheckChange, dispatchedEvent, this, { item: item, itemHierarchicalIndex: itemId });
-    };
-    TreeView.prototype.dispatchExpandChange = function (dispatchedEvent, item, itemId) {
-        (0, kendo_react_common_1.dispatchEvent)(this.props.onExpandChange, dispatchedEvent, this, { item: item, itemHierarchicalIndex: itemId });
-    };
-    TreeView.prototype.dispatchItemClick = function (dispatchedEvent, item, itemId) {
-        (0, kendo_react_common_1.dispatchEvent)(this.props.onItemClick, dispatchedEvent, this, { item: item, itemHierarchicalIndex: itemId });
-    };
-    TreeView.prototype.refocusDueToFocusIdField = function () {
-        if (this.fieldsSvc && this.fieldsSvc.focusIdField) {
-            var focusedItemPublicId = this.state.focusedItemPublicId;
-            if (focusedItemPublicId) {
-                var focusedItemId = this.props.getFocusHierarchicalIndex ?
-                    this.props.getFocusHierarchicalIndex(focusedItemPublicId) :
-                    (0, kendo_react_common_1.resolveItemId)(focusedItemPublicId, this.fieldsSvc.focusIdField, this.data, this.props.childrenField);
-                if (focusedItemId !== this.state.focusedItemId) {
-                    this.allowExplicitFocus = true;
-                    this.setState({ focusedItemId: focusedItemId });
-                }
-            }
-        }
-    };
-    Object.defineProperty(TreeView.prototype, "ariaMultiSelectable", {
-        get: function () {
-            return this.props['aria-multiselectable'] === true || this.props['aria-multiselectable'] === 'true';
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(TreeView.prototype, "data", {
-        get: function () {
-            return this.props.data || [];
-        },
-        enumerable: false,
-        configurable: true
-    });
-    TreeView.prototype.focusDomItem = function (domItem) {
-        domItem.focus();
-    };
-    Object.defineProperty(TreeView.prototype, "guid", {
-        /**
-         * Returns the `guid` which is associated with the TreeView.
-         */
-        get: function () {
-            return this.treeGuid;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    /**
-     * @hidden
-     */
-    TreeView.propTypes = {
-        data: PropTypes.arrayOf(PropTypes.any),
-        animate: PropTypes.bool,
-        tabIndex: PropTypes.number,
-        focusIdField: PropTypes.string,
-        getHierarchicalIndexById: PropTypes.func,
-        onExpandChange: PropTypes.func,
-        onItemClick: PropTypes.func,
-        expandField: PropTypes.string,
-        selectField: PropTypes.string,
-        childrenField: PropTypes.string,
-        hasChildrenField: PropTypes.string,
-        textField: PropTypes.string,
-        disableField: PropTypes.string,
-        item: PropTypes.any,
-        'aria-multiselectable': function (props, propName, componentName) {
-            if (props[propName] !== undefined
-                && props[propName] !== true
-                && props[propName] !== false
-                && props[propName] !== 'true'
-                && props[propName] !== 'false') {
-                return new Error('Invalid prop `' + propName + '` supplied to' +
-                    ' `' + componentName + '`. Validation failed.');
-            }
-            return null;
-        },
-        'aria-label': PropTypes.string,
-        'aria-labelledby': PropTypes.string,
-        size: PropTypes.oneOf([null, 'small', 'medium', 'large']),
-        dir: PropTypes.string
-    };
-    /**
-     * @hidden
-     */
-    TreeView.defaultProps = {
-        animate: true,
-        expandField: consts_1.EXPAND_FIELD,
-        selectField: consts_1.SELECT_FIELD,
-        hasChildrenField: consts_1.HAS_CHILDREN_FIELD,
-        childrenField: consts_1.CHILDREN_FIELD,
-        textField: consts_1.TEXT_FIELD,
-        disableField: consts_1.DISABLED_FIELD,
-        checkField: consts_1.CHECK_FIELD,
-        checkIndeterminateField: consts_1.CHECK_INDETERMINATE_FIELD,
-        size: 'medium'
-    };
-    return TreeView;
-}(React.Component));
-exports.TreeView = TreeView;

package/dist/npm/TreeViewDragAnalyzer.d.ts

@@ -1,135 +0,0 @@
-import { TreeViewItemDragOverEvent, TreeViewItemDragEndEvent } from './events';
-/**
- * A class which provides an API for analyzing the `drag` events
- * of the TreeView.
- *
- * @example
- * ```jsx
- * class App extends React.Component {
- *     dragClue;
- *     state = { tree };
- *
- *     render() {
- *         return (
- *             <div>
- *                 <TreeView data={this.state.tree} draggable={true}
- *                     onItemDragOver={this.onItemDragOver} onItemDragEnd={this.onItemDragEnd} />
- *                 <TreeViewDragClue ref={dragClue => this.dragClue = dragClue} />
- *             </div>
- *         );
- *     }
- *
- *     onItemDragOver = (event) => {
- *         this.dragClue.show(event.pageY + 10, event.pageX, event.item.text, this.getClueClassName(event));
- *     }
- *     onItemDragEnd = (event) => {
- *         this.dragClue.hide();
- *         const eventAnalyzer = new TreeViewDragAnalyzer(event).init();
- *
- *         if (eventAnalyzer.isDropAllowed) {
- *             const updatedTree = moveTreeViewItem(
- *                 event.itemHierarchicalIndex,
- *                 this.state.tree,
- *                 eventAnalyzer.getDropOperation(),
- *                 eventAnalyzer.destinationMeta.itemHierarchicalIndex,
- *             );
- *
- *             this.setState({ tree: updatedTree });
- *         }
- *     }
- *     getClueClassName(event) {
- *         const eventAnalyzer = new TreeViewDragAnalyzer(event).init();
- *         const itemIndex = eventAnalyzer.destinationMeta.itemHierarchicalIndex;
- *
- *         if (eventAnalyzer.isDropAllowed) {
- *             switch (eventAnalyzer.getDropOperation()) {
- *                 case 'child':
- *                     return 'k-i-plus';
- *                 case 'before':
- *                     return itemIndex === '0' || itemIndex.endsWith(`${SEPARATOR}0`) ?
- *                         'k-i-insert-up' : 'k-i-insert-middle';
- *                 case 'after':
- *                     const siblings = getSiblings(itemIndex, this.state.tree);
- *                     const lastIndex = Number(itemIndex.split(SEPARATOR).pop());
- *
- *                     return lastIndex < siblings.length - 1 ? 'k-i-insert-middle' : 'k-i-insert-down';
- *                 default:
- *                     break;
- *             }
- *         }
- *
- *         return 'k-i-cancel';
- *     }
- * }
- *
- * function getSiblings(itemIndex, data) {
- *     let result = data;
- *
- *     const indices = itemIndex.split(SEPARATOR).map(index => Number(index));
- *     for (let i = 0; i < indices.length - 1; i++) {
- *         result = result[indices[i]].items;
- *     }
- *
- *     return result;
- * }
- *
- * const SEPARATOR = '_';
- * const tree = [{
- *     text: 'Furniture', expanded: true, items: [
- *         { text: 'Tables & Chairs', expanded: true },
- *         { text: 'Sofas', expanded: true },
- *         { text: 'Occasional Furniture', expanded: true }]
- * }, {
- *     text: 'Decor', expanded: true, items: [
- *         { text: 'Bed Linen', expanded: true },
- *         { text: 'Curtains & Blinds', expanded: true },
- *         { text: 'Carpets', expanded: true }]
- * }];
- *
- * ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-export declare class TreeViewDragAnalyzer {
-    private event;
-    private itemId;
-    private treeViewGuid;
-    private initialized;
-    private destDomNodeWithMeta;
-    private destItemId;
-    private destTreeViewGuid;
-    /**
-     * @param event - The event that will be analyzed.
-     */
-    constructor(event: TreeViewItemDragOverEvent | TreeViewItemDragEndEvent);
-    /**
-     * The method which initializes the analyzer.
-     * Invoke the method before you call any other methods.
-     *
-     * @returns - The analyzer object of the `drag` event.
-     */
-    init(): this;
-    /**
-     * Returns `true` if dropping is allowed. Otherwise, returns `false`.
-     */
-    get isDropAllowed(): boolean;
-    /**
-     * Returns an object which contains:
-     * * The `itemHierarchicalIndex` of the destination item (the item below the dragged item) and
-     * * The `guid` of the destination TreeView (the TreeView which renders the destination item).
-     */
-    get destinationMeta(): {
-        itemHierarchicalIndex: string;
-        treeViewGuid: string;
-    };
-    /**
-     * Returns the specific drop operation.
-     *
-     * @returns - The following values are returned:
-     * * `before`&mdash;Indicates that the dragged item is positioned at the beginning of the destination item.
-     * * `after`&mdash;Indicates that the dragged item is positioned at the end of the destination item.
-     * * `child`&mdash;Indicates that the dragged item is positioned in the middle of the destination item.
-     * * `undefined`&mdash;Indicates that dropping is not allowed.
-     */
-    getDropOperation(): "after" | "child" | "before" | undefined;
-    private setDestimationMeta;
-}

package/dist/npm/TreeViewDragAnalyzer.js

@@ -1,189 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TreeViewDragAnalyzer = void 0;
-var consts_1 = require("./utils/consts");
-var DROPZONE_BOUNDARY_DELTA = 6;
-/**
- * A class which provides an API for analyzing the `drag` events
- * of the TreeView.
- *
- * @example
- * ```jsx
- * class App extends React.Component {
- *     dragClue;
- *     state = { tree };
- *
- *     render() {
- *         return (
- *             <div>
- *                 <TreeView data={this.state.tree} draggable={true}
- *                     onItemDragOver={this.onItemDragOver} onItemDragEnd={this.onItemDragEnd} />
- *                 <TreeViewDragClue ref={dragClue => this.dragClue = dragClue} />
- *             </div>
- *         );
- *     }
- *
- *     onItemDragOver = (event) => {
- *         this.dragClue.show(event.pageY + 10, event.pageX, event.item.text, this.getClueClassName(event));
- *     }
- *     onItemDragEnd = (event) => {
- *         this.dragClue.hide();
- *         const eventAnalyzer = new TreeViewDragAnalyzer(event).init();
- *
- *         if (eventAnalyzer.isDropAllowed) {
- *             const updatedTree = moveTreeViewItem(
- *                 event.itemHierarchicalIndex,
- *                 this.state.tree,
- *                 eventAnalyzer.getDropOperation(),
- *                 eventAnalyzer.destinationMeta.itemHierarchicalIndex,
- *             );
- *
- *             this.setState({ tree: updatedTree });
- *         }
- *     }
- *     getClueClassName(event) {
- *         const eventAnalyzer = new TreeViewDragAnalyzer(event).init();
- *         const itemIndex = eventAnalyzer.destinationMeta.itemHierarchicalIndex;
- *
- *         if (eventAnalyzer.isDropAllowed) {
- *             switch (eventAnalyzer.getDropOperation()) {
- *                 case 'child':
- *                     return 'k-i-plus';
- *                 case 'before':
- *                     return itemIndex === '0' || itemIndex.endsWith(`${SEPARATOR}0`) ?
- *                         'k-i-insert-up' : 'k-i-insert-middle';
- *                 case 'after':
- *                     const siblings = getSiblings(itemIndex, this.state.tree);
- *                     const lastIndex = Number(itemIndex.split(SEPARATOR).pop());
- *
- *                     return lastIndex < siblings.length - 1 ? 'k-i-insert-middle' : 'k-i-insert-down';
- *                 default:
- *                     break;
- *             }
- *         }
- *
- *         return 'k-i-cancel';
- *     }
- * }
- *
- * function getSiblings(itemIndex, data) {
- *     let result = data;
- *
- *     const indices = itemIndex.split(SEPARATOR).map(index => Number(index));
- *     for (let i = 0; i < indices.length - 1; i++) {
- *         result = result[indices[i]].items;
- *     }
- *
- *     return result;
- * }
- *
- * const SEPARATOR = '_';
- * const tree = [{
- *     text: 'Furniture', expanded: true, items: [
- *         { text: 'Tables & Chairs', expanded: true },
- *         { text: 'Sofas', expanded: true },
- *         { text: 'Occasional Furniture', expanded: true }]
- * }, {
- *     text: 'Decor', expanded: true, items: [
- *         { text: 'Bed Linen', expanded: true },
- *         { text: 'Curtains & Blinds', expanded: true },
- *         { text: 'Carpets', expanded: true }]
- * }];
- *
- * ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-var TreeViewDragAnalyzer = /** @class */ (function () {
-    /**
-     * @param event - The event that will be analyzed.
-     */
-    function TreeViewDragAnalyzer(event) {
-        this.event = event;
-        this.initialized = false;
-        this.destItemId = '';
-        this.destTreeViewGuid = '';
-        this.itemId = event.itemHierarchicalIndex;
-        this.treeViewGuid = event.target.guid;
-    }
-    /**
-     * The method which initializes the analyzer.
-     * Invoke the method before you call any other methods.
-     *
-     * @returns - The analyzer object of the `drag` event.
-     */
-    TreeViewDragAnalyzer.prototype.init = function () {
-        if (!this.initialized) {
-            this.setDestimationMeta(document.elementFromPoint(this.event.clientX, this.event.clientY));
-            this.initialized = true;
-        }
-        return this;
-    };
-    Object.defineProperty(TreeViewDragAnalyzer.prototype, "isDropAllowed", {
-        /**
-         * Returns `true` if dropping is allowed. Otherwise, returns `false`.
-         */
-        get: function () {
-            if (this.initialized && this.destItemId && this.destTreeViewGuid) {
-                // Disallow circular references.
-                return !(("".concat(this.destTreeViewGuid, "_").concat(this.destItemId, "_")).
-                    startsWith("".concat(this.treeViewGuid, "_").concat(this.itemId, "_")));
-            }
-            else {
-                return false;
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(TreeViewDragAnalyzer.prototype, "destinationMeta", {
-        /**
-         * Returns an object which contains:
-         * * The `itemHierarchicalIndex` of the destination item (the item below the dragged item) and
-         * * The `guid` of the destination TreeView (the TreeView which renders the destination item).
-         */
-        get: function () {
-            return { itemHierarchicalIndex: this.destItemId, treeViewGuid: this.destTreeViewGuid };
-        },
-        enumerable: false,
-        configurable: true
-    });
-    /**
-     * Returns the specific drop operation.
-     *
-     * @returns - The following values are returned:
-     * * `before`&mdash;Indicates that the dragged item is positioned at the beginning of the destination item.
-     * * `after`&mdash;Indicates that the dragged item is positioned at the end of the destination item.
-     * * `child`&mdash;Indicates that the dragged item is positioned in the middle of the destination item.
-     * * `undefined`&mdash;Indicates that dropping is not allowed.
-     */
-    TreeViewDragAnalyzer.prototype.getDropOperation = function () {
-        if (this.initialized && this.isDropAllowed) {
-            var _a = this.destDomNodeWithMeta.getBoundingClientRect(), top_1 = _a.top, height = _a.height;
-            if (top_1 + height - this.event.clientY < DROPZONE_BOUNDARY_DELTA) {
-                return 'after';
-            }
-            else if (this.event.clientY - top_1 < DROPZONE_BOUNDARY_DELTA) {
-                return 'before';
-            }
-            else {
-                return 'child';
-            }
-        }
-        else {
-            return undefined;
-        }
-    };
-    TreeViewDragAnalyzer.prototype.setDestimationMeta = function (element) {
-        var node = element;
-        while (node && !node[consts_1.DOM_KENDO_ITEM_ID_FIELD]) {
-            node = node.parentNode;
-        }
-        if (node && node[consts_1.DOM_KENDO_ITEM_ID_FIELD]) {
-            this.destDomNodeWithMeta = node;
-            this.destItemId = node[consts_1.DOM_KENDO_ITEM_ID_FIELD];
-            this.destTreeViewGuid = node[consts_1.DOM_KENDO_TREEVIEW_GUID_FIELD];
-        }
-    };
-    return TreeViewDragAnalyzer;
-}());
-exports.TreeViewDragAnalyzer = TreeViewDragAnalyzer;