@progress/kendo-react-orgchart 6.1.1 → 7.0.0-develop.1

package/dist/npm/server/ServerOrgChart.js

@@ -1,196 +0,0 @@
-"use strict";
-var __assign = (this && this.__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.ServerOrgChart = void 0;
-var React = require("react");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-var ServerOrgChartNode_1 = require("./ServerOrgChartNode");
-var consts_1 = require("../utils/consts");
-var setDataByGroups = function (_a) {
-    var dataByGroups = _a.dataByGroups, _b = _a.data, data = _b === void 0 ? [] : _b, cardWidth = _a.cardWidth, childrenField = _a.childrenField, idField = _a.idField, expandField = _a.expandField, hasChildrenField = _a.hasChildrenField, groupField = _a.groupField, _c = _a.level, level = _c === void 0 ? 1 : _c, _d = _a.parentId, parentId = _d === void 0 ? 0 : _d;
-    data.forEach(function (element) {
-        var items = element[childrenField];
-        var expanded = element[expandField];
-        if (expanded && items && items.length) {
-            var hasChildren = items.some(function (it) { return it[childrenField] && it[childrenField].length
-                || (hasChildrenField && it[hasChildrenField]); });
-            var orientation_1 = hasChildren ? 'horizontal' : 'vertical';
-            var width = hasChildren ? null : cardWidth;
-            dataByGroups.push({
-                ids: [element[idField]],
-                items: items,
-                level: level,
-                parentId: parentId,
-                hasChildren: hasChildren,
-                orientation: orientation_1,
-                width: width
-            });
-            setDataByGroups({
-                dataByGroups: dataByGroups,
-                data: element[childrenField],
-                childrenField: childrenField,
-                cardWidth: cardWidth,
-                idField: idField,
-                expandField: expandField,
-                hasChildrenField: hasChildrenField,
-                groupField: groupField,
-                level: level + 1,
-                parentId: element[idField]
-            });
-        }
-    });
-};
-var setGroupsWidths = function (dataByGroups, cardWidth) {
-    var nodeWidth = cardWidth || consts_1.NODE_WIDTH;
-    var groupsFromLeavesToRoot = dataByGroups.sort(function (a, b) { return b.level - a.level; });
-    groupsFromLeavesToRoot.forEach(function (group) {
-        if (!group.width) {
-            var childGroups = groupsFromLeavesToRoot.filter(function (gr) { return group.ids.includes(gr.parentId); });
-            var maxChildGroupWidth = childGroups.length
-                ? Math.max.apply(Math, childGroups.map(function (chg) { return chg.width || 0; })) : nodeWidth;
-            var subItemsLength = group.orientation === 'horizontal' ? group.items.length : 1;
-            var newGroupWidth = maxChildGroupWidth * subItemsLength + consts_1.HORIZONTAL_GAP * (subItemsLength - 1);
-            group.width = newGroupWidth;
-        }
-    });
-};
-var setGroupsLeft = function (dataByGroups, childrenField, idField) {
-    var groupsFromRootToLeaves = dataByGroups.sort(function (a, b) { return a.level - b.level; });
-    groupsFromRootToLeaves.forEach(function (group) {
-        if (group.level === 0) {
-            return;
-        }
-        var parentGroup = groupsFromRootToLeaves.find(function (gr) { return gr.ids.includes(group.parentId); });
-        var groupIndex = (parentGroup === null || parentGroup === void 0 ? void 0 : parentGroup.items.findIndex(function (g) { return group.ids.includes(g[idField]); })) || 0;
-        var subLinks = (parentGroup === null || parentGroup === void 0 ? void 0 : parentGroup.items) || [];
-        var subLinkWidth = parentGroup.width
-            ? (parentGroup.width - ((subLinks.length - 1) * consts_1.HORIZONTAL_GAP)) / subLinks.length
-            : 0;
-        if (!group.left) {
-            var newLeft_1 = (parentGroup === null || parentGroup === void 0 ? void 0 : parentGroup.left) || 0;
-            subLinks.forEach(function (_subG, index) {
-                if (index < groupIndex) {
-                    newLeft_1 += subLinkWidth + consts_1.HORIZONTAL_GAP;
-                }
-            });
-            group.left = newLeft_1;
-        }
-        var parentWidth = (parentGroup === null || parentGroup === void 0 ? void 0 : parentGroup.width) || 0;
-        var parentGroupItems = (parentGroup === null || parentGroup === void 0 ? void 0 : parentGroup.items.length) || 1;
-        var newWidth = ((parentWidth) - ((parentGroupItems - 1) * consts_1.HORIZONTAL_GAP)) / parentGroupItems;
-        group.width = newWidth;
-        var childLineWidths = parentGroup === null || parentGroup === void 0 ? void 0 : parentGroup.items.map(function (subitem) {
-            var groupNodesCount = subitem[childrenField] ? subitem[childrenField].length : 0;
-            var subItem = groupsFromRootToLeaves.find(function (gr) { return gr.ids.includes(subitem[idField]); });
-            var subItemWidth = (subItem === null || subItem === void 0 ? void 0 : subItem.width) || 0;
-            if ((subItem === null || subItem === void 0 ? void 0 : subItem.orientation) === 'vertical' || groupNodesCount === 0 || !subitem.expanded) {
-                return 0;
-            }
-            return subItemWidth - ((subItemWidth - (groupNodesCount - 1) * consts_1.HORIZONTAL_GAP)) / (groupNodesCount);
-        });
-        if (parentGroup) {
-            parentGroup.childLineWidths = childLineWidths;
-        }
-    });
-};
-var setGroupsTop = function (dataByGroups, cardHeight, verticalLine) {
-    var nodeHeight = cardHeight || consts_1.NODE_HEIGHT;
-    var vLineHeight = verticalLine || consts_1.VERTICAL_LINE;
-    dataByGroups.forEach(function (group) {
-        var level = group.level;
-        var newTop = ((nodeHeight + vLineHeight) * level) + (consts_1.VERTICAL_LINE * (level ? level - 1 : 0)) -
-            ((vLineHeight - consts_1.VERTICAL_LINE) * (level ? 1 : 0));
-        group.top = newTop;
-    });
-};
-var getHeight = function (dataByGroups, cardHeight, verticalLine) {
-    var nodeHeight = cardHeight || consts_1.NODE_HEIGHT;
-    var vLineHeight = verticalLine || consts_1.VERTICAL_LINE;
-    var newHeight = Math.max.apply(Math, dataByGroups.map(function (group) {
-        var top = group.top || 0;
-        var itemsLength = group.items.length;
-        var height = group.orientation === 'horizontal'
-            ? nodeHeight + vLineHeight + vLineHeight
-            : itemsLength * (nodeHeight + vLineHeight);
-        return top + height;
-    }));
-    return newHeight;
-};
-/**
- * @hidden
- */
-var ServerOrgChart = function (props) {
-    var defaultProps = {
-        width: '100%',
-        data: [],
-        ariaLabel: 'Org Chart',
-        idField: 'id',
-        childrenField: 'items',
-        avatarField: 'avatar',
-        titleField: 'title',
-        subtitleField: 'subtitle',
-        expandField: 'expanded'
-    };
-    var _a = __assign(__assign({}, defaultProps), props), id = _a.id, width = _a.width, data = _a.data, groupField = _a.groupField, cardWidth = _a.cardWidth, cardHeight = _a.cardHeight, verticalLine = _a.verticalLine, idField = _a.idField, childrenField = _a.childrenField, hasChildrenField = _a.hasChildrenField, expandField = _a.expandField, avatarField = _a.avatarField, titleField = _a.titleField, subtitleField = _a.subtitleField, ariaLabel = _a.ariaLabel, itemRender = _a.itemRender, height = _a.height;
-    var dataByGroups = [{
-            items: data,
-            level: 0,
-            hasChildren: true,
-            orientation: 'horizontal',
-            ids: [0],
-            parentId: null,
-            width: null
-        }];
-    setDataByGroups({
-        dataByGroups: dataByGroups,
-        data: data,
-        cardWidth: cardWidth,
-        expandField: expandField,
-        hasChildrenField: hasChildrenField,
-        childrenField: childrenField,
-        idField: idField,
-        groupField: groupField
-    });
-    setGroupsWidths(dataByGroups, cardWidth);
-    setGroupsLeft(dataByGroups, childrenField, idField);
-    setGroupsTop(dataByGroups, cardHeight, verticalLine);
-    var calculatedHeight = getHeight(dataByGroups, cardHeight, verticalLine);
-    return (React.createElement("div", { className: "k-orgchart-container", style: { width: width, height: height || calculatedHeight } }, dataByGroups.map(function (group) {
-        var _a, _b;
-        var level = group.level;
-        var groupInnerItems = group.items;
-        var justifyContent = level === 0 ? 'center' : 'around';
-        var groupOrientation = group.orientation;
-        return (React.createElement("div", { role: level === 0 ? 'tree' : 'group', id: id + '-' + level + '-' + group.ids[0], "aria-label": level === 0 ? ariaLabel : undefined, "aria-orientation": level === 0 ? groupOrientation : undefined, key: group.ids[0] + '_' + level, className: (0, kendo_react_common_1.classNames)('k-orgchart-group', "k-orgchart-level-".concat(level), 'k-pos-absolute', (_a = {},
-                _a["k-".concat(kendo_react_common_1.kendoThemeMaps.orientationMap[groupOrientation])] = groupOrientation,
-                _a["k-justify-content-".concat(justifyContent)] = justifyContent,
-                _a)), style: {
-                width: group.width || '100%',
-                left: group.left,
-                top: group.top
-            } }, groupInnerItems.length > 0 &&
-            React.createElement("div", { role: "group", style: { width: '100%' }, className: (0, kendo_react_common_1.classNames)('k-orgchart-node-container', 'k-justify-content-around', (_b = {},
-                    _b["k-".concat(kendo_react_common_1.kendoThemeMaps.orientationMap[group.orientation])] = group.orientation,
-                    _b)) }, groupInnerItems.map(function (node, index) {
-                var hasChildren = node[childrenField] && node[childrenField].length
-                    || (hasChildrenField && node[hasChildrenField]);
-                var hasDownLine = hasChildren || (group.orientation === 'vertical' && index !== groupInnerItems.length - 1);
-                var hasVertLine = group.orientation === 'vertical' && index !== 0 ? 0 : verticalLine || consts_1.VERTICAL_LINE;
-                var maxSubGroupWidth = group.childLineWidths ? Math.max.apply(Math, group.childLineWidths) : undefined;
-                var expandedNode = node[expandField];
-                return (React.createElement(ServerOrgChartNode_1.ServerOrgChartNode, { id: id + '-' + (level + 1) + '-' + node[idField], style: { width: maxSubGroupWidth }, itemRender: itemRender, cardHeight: cardHeight, cardWidth: cardWidth, verticalLine: hasVertLine, key: index, level: level, avatar: node[avatarField], title: node[titleField], subtitle: node[subtitleField], line: hasDownLine, expanded: expandedNode, node: node, childLineWidth: (hasChildren && expandedNode && group.orientation === 'horizontal') ? group.childLineWidths[index] : 0, plus: hasChildren }, node.text));
-            }))));
-    })));
-};
-exports.ServerOrgChart = ServerOrgChart;
-exports.ServerOrgChart.displayName = 'KendoServerOrgChart';

package/dist/npm/server/ServerOrgChartGroup.js

@@ -1,63 +0,0 @@
-"use strict";
-var __assign = (this && this.__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);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ServerOrgChartGroup = void 0;
-var React = require("react");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-var ExpandButton_1 = require("../client/ExpandButton");
-var OrgChartGroupContainer_1 = require("../client/OrgChartGroupContainer");
-var consts_1 = require("../utils/consts");
-var ORGCHARTGROUP_CLASSNAME = 'k-orgchart-node-group';
-var ORGCHART_NODE_GROUP_TITLE_CLASSNAME = 'k-orgchart-node-group-title';
-var ORGCHART_NODE_GROUP_SUBTITLE_CLASSNAME = 'k-orgchart-node-group-subtitle';
-/**
- * @hidden
- */
-var ServerOrgChartGroup = function (props) {
-    var _a;
-    var defaultProps = {
-        orientation: 'horizontal'
-    };
-    var _b = __assign(__assign({}, defaultProps), props), id = _b.id, title = _b.title, subtitle = _b.subtitle, line = _b.line, plus = _b.plus, focus = _b.focus, level = _b.level, verticalLine = _b.verticalLine, childLineWidth = _b.childLineWidth, orientation = _b.orientation, expanded = _b.expanded, nodes = _b.nodes, groupTitleHeight = _b.groupTitleHeight, groupSubtitleHeight = _b.groupSubtitleHeight, groupTitleRender = _b.groupTitleRender, groupSubtitleRender = _b.groupSubtitleRender, other = __rest(_b, ["id", "title", "subtitle", "line", "plus", "focus", "level", "verticalLine", "childLineWidth", "orientation", "expanded", "nodes", "groupTitleHeight", "groupSubtitleHeight", "groupTitleRender", "groupSubtitleRender"]);
-    var TitleRender = groupTitleRender;
-    var SubtitleRender = groupSubtitleRender;
-    var titleStyle = { height: groupTitleHeight || consts_1.GROUP_TITLE_HEIGHT };
-    var subtitleStyle = { height: groupSubtitleHeight || consts_1.GROUP_SUBTITLE_HEIGHT };
-    return (React.createElement("div", __assign({}, other, { className: (0, kendo_react_common_1.classNames)(props.className, ORGCHARTGROUP_CLASSNAME, 'k-vstack', 'k-align-items-center') }),
-        level !== 0 && React.createElement("div", { className: "k-orgchart-line k-orgchart-line-v k-orgchart-line-v-top", style: { height: verticalLine } }),
-        React.createElement(OrgChartGroupContainer_1.OrgChartGroupContainer, { nodes: nodes, "aria-expanded": !!expanded, "aria-keyshortcuts": "Enter", "aria-level": level + 1, "aria-owns": id },
-            TitleRender
-                ? React.createElement(TitleRender, { style: titleStyle, className: ORGCHART_NODE_GROUP_TITLE_CLASSNAME, title: title, items: nodes, level: level, expanded: expanded })
-                : React.createElement("div", { className: ORGCHART_NODE_GROUP_TITLE_CLASSNAME, style: titleStyle }, title),
-            SubtitleRender
-                ? React.createElement(SubtitleRender, { style: subtitleStyle, className: ORGCHART_NODE_GROUP_SUBTITLE_CLASSNAME, subtitle: subtitle, items: nodes, level: level, expanded: expanded })
-                : React.createElement("div", { className: ORGCHART_NODE_GROUP_SUBTITLE_CLASSNAME, style: subtitleStyle }, subtitle),
-            React.createElement("div", { role: "group", style: { width: '100%' }, className: (0, kendo_react_common_1.classNames)('k-orgchart-node-container', 'k-justify-content-around', (_a = {},
-                    _a["k-".concat(kendo_react_common_1.kendoThemeMaps.orientationMap[orientation] || orientation)] = orientation,
-                    _a)) }, props.children)),
-        line && React.createElement("div", { className: "k-orgchart-line k-orgchart-line-v" }),
-        plus && React.createElement(ExpandButton_1.ExpandButton, { expanded: expanded, nodes: nodes }),
-        plus && !!childLineWidth && React.createElement("div", { className: "k-orgchart-line k-orgchart-line-h", style: { width: childLineWidth, marginTop: -15 } })));
-};
-exports.ServerOrgChartGroup = ServerOrgChartGroup;

package/dist/npm/server/ServerOrgChartNode.js

@@ -1,61 +0,0 @@
-"use strict";
-var __assign = (this && this.__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);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ServerOrgChartNode = void 0;
-var React = require("react");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-var kendo_react_layout_1 = require("@progress/kendo-react-layout");
-var ExpandButton_1 = require("../client/ExpandButton");
-var OrgChartCard_1 = require("../client/OrgChartCard");
-var OrgChartCardBody_1 = require("../client/OrgChartCardBody");
-var ORGCHARTNODE_CLASSNAME = 'k-orgchart-node';
-;
-/**
- * @hidden
- */
-var ServerOrgChartNode = function (props) {
-    var defaultProps = {
-        avatarType: 'image'
-    };
-    var _a = __assign(__assign({}, props), defaultProps), id = _a.id, title = _a.title, subtitle = _a.subtitle, level = _a.level, childLineWidth = _a.childLineWidth, cardWidth = _a.cardWidth, cardHeight = _a.cardHeight, verticalLine = _a.verticalLine, color = _a.color, line = _a.line, plus = _a.plus, expanded = _a.expanded, node = _a.node, avatar = _a.avatar, avatarType = _a.avatarType, itemRender = _a.itemRender, other = __rest(_a, ["id", "title", "subtitle", "level", "childLineWidth", "cardWidth", "cardHeight", "verticalLine", "color", "line", "plus", "expanded", "node", "avatar", "avatarType", "itemRender"]);
-    var ItemRender = itemRender;
-    return (React.createElement("div", __assign({}, other, { className: (0, kendo_react_common_1.classNames)(props.className, ORGCHARTNODE_CLASSNAME, 'k-vstack', 'k-align-items-center') }),
-        level !== 0 && React.createElement("div", { className: "k-orgchart-line k-orgchart-line-v k-orgchart-line-v-top", style: { height: verticalLine } }),
-        React.createElement(OrgChartCard_1.OrgChartCard, { node: node, style: { width: cardWidth, height: cardHeight }, "aria-level": level + 1, "aria-expanded": !!expanded, "aria-owns": id },
-            React.createElement(OrgChartCardBody_1.OrgChartCardBody, { level: level }, ItemRender
-                ? React.createElement(ItemRender, { item: node, title: title, subtitle: subtitle, level: level, expanded: expanded, color: color })
-                : React.createElement(React.Fragment, null,
-                    React.createElement(kendo_react_layout_1.Avatar, { type: avatarType, themeColor: "secondary" }, avatarType === 'image'
-                        ? React.createElement("img", { src: avatar, alt: "KendoReact Avatar Customer Image" })
-                        : avatar),
-                    React.createElement("div", { className: "k-card-title-wrap k-vstack" },
-                        React.createElement(kendo_react_layout_1.CardTitle, { className: "k-text-ellipsis" }, title),
-                        React.createElement("span", { className: "k-spacer" }),
-                        React.createElement(kendo_react_layout_1.CardSubtitle, { className: "k-text-ellipsis" }, subtitle)),
-                    React.createElement("span", { className: "k-spacer" })))),
-        line && React.createElement("div", { className: "k-orgchart-line k-orgchart-line-v" }),
-        plus && React.createElement(ExpandButton_1.ExpandButton, { expanded: expanded, node: node }),
-        plus && !!childLineWidth && React.createElement("div", { className: "k-orgchart-line k-orgchart-line-h", style: { width: childLineWidth, marginTop: -15 } })));
-};
-exports.ServerOrgChartNode = ServerOrgChartNode;

package/dist/npm/theming/theme-service.d.ts

@@ -1,5 +0,0 @@
-/**
- * @hidden
- */
-declare const loadTheme: (done: any, doc: Document) => void;
-export { loadTheme };

package/dist/npm/theming/theme-service.js

@@ -1,65 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.loadTheme = void 0;
-var computedBackgroundColor = function (element) { return window.getComputedStyle(element).backgroundColor; };
-var letterPos = function (letter) { return letter.toLowerCase().charCodeAt(0) - 'a'.charCodeAt(0); };
-var seriesPos = function (name) {
-    var alpha = name.match(/series-([a-z])$/);
-    if (alpha !== null) {
-        return letterPos(alpha[1]);
-    }
-    var num = name.split('--series-')[1];
-    return parseInt(num, 10) - 1;
-};
-var SERIES_COLORS = 30;
-var seriesTemplate = function () {
-    var result = "\n      <div class=\"k-var--series-a\"></div>\n      <div class=\"k-var--series-b\"></div>\n      <div class=\"k-var--series-c\"></div>\n      <div class=\"k-var--series-d\"></div>\n      <div class=\"k-var--series-e\"></div>\n      <div class=\"k-var--series-f\"></div>\n";
-    for (var i = 0; i < SERIES_COLORS; i++) {
-        result += "\n      <div class=\"k-var--series-".concat(i + 1, "\"></div>");
-    }
-    return result;
-};
-var template = "\n    <div class=\"k-var--series-unset\"></div>\n    <div class=\"k-var--series\">\n      ".concat(seriesTemplate(), "\n    </div>\n");
-/**
- * @hidden
- */
-var ThemeService = /** @class */ (function () {
-    function ThemeService() {
-    }
-    ThemeService.prototype.getSeriesColors = function () {
-        var element = this.element;
-        var series = [].slice.call(element.querySelectorAll('.k-var--series div'));
-        var unsetColor = computedBackgroundColor(element.querySelector('.k-var--series-unset'));
-        var seriesColors = series.reduce(function (arr, el) {
-            var pos = seriesPos(el.className);
-            var color = computedBackgroundColor(el);
-            if (color !== unsetColor) {
-                arr[pos] = color;
-            }
-            return arr;
-        }, [] // Will populate the series colors in this array
-        );
-        return seriesColors;
-    };
-    return ThemeService;
-}());
-/**
- * @hidden
- */
-var loadTheme = function (done, doc) {
-    var service = new ThemeService();
-    var container = service.element = doc.createElement('div');
-    container.style.display = 'none';
-    container.innerHTML = template;
-    doc.body.appendChild(container);
-    var seriesColors;
-    try {
-        seriesColors = service.getSeriesColors();
-    }
-    finally {
-        doc.body.removeChild(service.element);
-        delete service.element;
-        done(seriesColors);
-    }
-};
-exports.loadTheme = loadTheme;

package/dist/npm/utils/consts.d.ts

@@ -1,72 +0,0 @@
-/**
- * @hidden
- */
-export declare const EXPAND_FIELD = "expanded";
-/**
- * @hidden
- */
-export declare const TEXT_FIELD = "text";
-/**
- * @hidden
- */
-export declare const DISABLED_FIELD = "disabled";
-/**
- * @hidden
- */
-export declare const CHILDREN_FIELD = "items";
-/**
- * @hidden
- */
-export declare const HAS_CHILDREN_FIELD = "hasChildren";
-/**
- * @hidden
- */
-export declare const SELECT_FIELD = "selected";
-/**
- * @hidden
- */
-export declare const CHECK_FIELD = "checked";
-/**
- * @hidden
- */
-export declare const CHECK_INDETERMINATE_FIELD = "checkIndeterminate";
-/**
- * @hidden
- */
-export declare const DOM_KENDO_ITEM_ID_FIELD = "_kendoItemId";
-/**
- * @hidden
- */
-export declare const DOM_KENDO_TREEVIEW_GUID_FIELD = "_kendoOrgChartGuid";
-/**
- * @hidden
- */
-export declare const ORGCHART_CLASSNAME = "k-orgchart";
-/**
- * @hidden
- */
-export declare const NODE_HEIGHT = 80;
-/**
- * @hidden
- */
-export declare const NODE_WIDTH = 300;
-/**
- * @hidden
- */
-export declare const HORIZONTAL_GAP = 25;
-/**
- * @hidden
- */
-export declare const VERTICAL_LINE = 40;
-/**
- * @hidden
- */
-export declare const GROUP_TITLE_HEIGHT = 20;
-/**
- * @hidden
- */
-export declare const GROUP_SUBTITLE_HEIGHT = 20;
-/**
- * @hidden
- */
-export declare const GROUP_PADDINGS = 82;

package/dist/npm/utils/consts.js

@@ -1,75 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GROUP_PADDINGS = exports.GROUP_SUBTITLE_HEIGHT = exports.GROUP_TITLE_HEIGHT = exports.VERTICAL_LINE = exports.HORIZONTAL_GAP = exports.NODE_WIDTH = exports.NODE_HEIGHT = exports.ORGCHART_CLASSNAME = exports.DOM_KENDO_TREEVIEW_GUID_FIELD = exports.DOM_KENDO_ITEM_ID_FIELD = exports.CHECK_INDETERMINATE_FIELD = exports.CHECK_FIELD = exports.SELECT_FIELD = exports.HAS_CHILDREN_FIELD = exports.CHILDREN_FIELD = exports.DISABLED_FIELD = exports.TEXT_FIELD = exports.EXPAND_FIELD = void 0;
-/**
- * @hidden
- */
-exports.EXPAND_FIELD = 'expanded';
-/**
- * @hidden
- */
-exports.TEXT_FIELD = 'text';
-/**
- * @hidden
- */
-exports.DISABLED_FIELD = 'disabled';
-/**
- * @hidden
- */
-exports.CHILDREN_FIELD = 'items';
-/**
- * @hidden
- */
-exports.HAS_CHILDREN_FIELD = 'hasChildren';
-/**
- * @hidden
- */
-exports.SELECT_FIELD = 'selected';
-/**
- * @hidden
- */
-exports.CHECK_FIELD = 'checked';
-/**
- * @hidden
- */
-exports.CHECK_INDETERMINATE_FIELD = 'checkIndeterminate';
-/**
- * @hidden
- */
-exports.DOM_KENDO_ITEM_ID_FIELD = '_kendoItemId';
-/**
- * @hidden
- */
-exports.DOM_KENDO_TREEVIEW_GUID_FIELD = '_kendoOrgChartGuid';
-/**
- * @hidden
- */
-exports.ORGCHART_CLASSNAME = 'k-orgchart';
-/**
- * @hidden
- */
-exports.NODE_HEIGHT = 80;
-/**
- * @hidden
- */
-exports.NODE_WIDTH = 300;
-/**
- * @hidden
- */
-exports.HORIZONTAL_GAP = 25;
-/**
- * @hidden
- */
-exports.VERTICAL_LINE = 40;
-/**
- * @hidden
- */
-exports.GROUP_TITLE_HEIGHT = 20;
-/**
- * @hidden
- */
-exports.GROUP_SUBTITLE_HEIGHT = 20;
-/**
- * @hidden
- */
-exports.GROUP_PADDINGS = 82;

package/dist/systemjs/kendo-react-orgchart.js

@@ -1 +0,0 @@
-System.register("@progress/kendo-react-orgchart",["@progress/kendo-data-query","@progress/kendo-react-buttons","@progress/kendo-react-common","@progress/kendo-react-layout","@progress/kendo-svg-icons","prop-types","react"],function(e,t){var r={},o={},a={},l={},d={},c={},s={};return Object.defineProperty(r,"__esModule",{value:!0}),Object.defineProperty(o,"__esModule",{value:!0}),Object.defineProperty(a,"__esModule",{value:!0}),Object.defineProperty(l,"__esModule",{value:!0}),Object.defineProperty(d,"__esModule",{value:!0}),Object.defineProperty(c,"__esModule",{value:!0}),Object.defineProperty(s,"__esModule",{value:!0}),{setters:[function(t){Object.keys(t).forEach(function(e){r[e]=t[e]})},function(t){Object.keys(t).forEach(function(e){o[e]=t[e]})},function(t){Object.keys(t).forEach(function(e){a[e]=t[e]})},function(t){Object.keys(t).forEach(function(e){l[e]=t[e]})},function(t){Object.keys(t).forEach(function(e){d[e]=t[e]})},function(t){Object.keys(t).forEach(function(e){c[e]=t[e]})},function(t){Object.keys(t).forEach(function(e){s[e]=t[e]})}],execute:function(){e((()=>{"use strict";var n={122:function(e,t,r){var o=this&&this.__assign||function(){return(o=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var i in t=arguments[r])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)},a=this&&this.__rest||function(e,t){var r={};for(i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(r[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var n=0,i=Object.getOwnPropertySymbols(e);n<i.length;n++)t.indexOf(i[n])<0&&Object.prototype.propertyIsEnumerable.call(e,i[n])&&(r[i[n]]=e[i[n]]);return r},l=(Object.defineProperty(t,"__esModule",{value:!0}),t.OrgChart=void 0,r(954)),n=r(895),d=r(363),c=r(428),s=r(811),u=r(948),h=r(785);t.OrgChart=function(e){var t=o({tabIndex:0,navigatable:!0,expandField:"expanded",ariaLabel:"Org Chart",idField:"id",childrenField:"items",avatarField:"avatar",titleField:"title",subtitleField:"subtitle"},e),r=(t.cardsColors,t.onExpandChange,t.onKeyDown,t.onItemAction,t.onGroupAction,t.onGroupBlur,t.onGroupFocus,t.id),n=a(t,["cardsColors","onExpandChange","onKeyDown","onItemAction","onGroupAction","onGroupBlur","onGroupFocus","id"]),i=l.useRef((0,s.guid)());return(0,s.validatePackage)(d.packageMetadata),l.createElement(h.ClientOrgChart,o({},t),e.groupField?l.createElement(u.ServerGroupedOrgChart,o({id:r||i.current},n),e.children):l.createElement(c.ServerOrgChart,o({id:r||i.current},n),e.children))},t.OrgChart.propTypes={className:n.string,style:n.object,id:n.string,ariaLabel:n.string,idField:n.string,childrenField:n.string,expandField:n.string,titleField:n.string,hasChildrenField:n.string,subtitleField:n.string,avatarField:n.string,cardsColors:n.array,data:n.array,groupField:n.string,cardHeight:n.number,cardWidth:n.number,groupTitleHeight:n.number,groupSubtitleHeight:n.number,verticalLine:n.number,height:n.oneOfType([n.string,n.number]),onExpandChange:n.func,onItemAction:n.func,onGroupAction:n.func},t.OrgChart.displayName="KendoOrgChart"},785:function(e,h,t){var p=this&&this.__assign||function(){return(p=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var i in t=arguments[r])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)},g=this&&this.__rest||function(e,t){var r={};for(i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(r[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var n=0,i=Object.getOwnPropertySymbols(e);n<i.length;n++)t.indexOf(i[n])<0&&Object.prototype.propertyIsEnumerable.call(e,i[n])&&(r[i[n]]=e[i[n]]);return r},O=(Object.defineProperty(h,"__esModule",{value:!0}),h.ClientOrgChart=h.OrgChartEventsContextContext=void 0,t(954)),r=t(895),y=t(811),C=t(803),I=t(609);h.OrgChartEventsContextContext=O.createContext({cardColors:void 0,onExpandChange:void 0,onKeyDown:void 0,onItemAction:void 0,onItemContextMenu:void 0,onItemDoubleClick:void 0,onGroupAction:void 0,onGroupBlur:void 0,onGroupFocus:void 0}),h.ClientOrgChart=function(v){var f=p({tabIndex:0,navigatable:!0,expandField:"expanded",ariaLabel:"Org Chart",idField:"id",childrenField:"items",avatarField:"avatar",titleField:"title",subtitleField:"subtitle"},v),t=f.navigatable,r=(f.id,f.tabIndex),e=f.className,n=f.style,i=(f.data,f.groupField,f.cardWidth,f.cardHeight,f.groupTitleHeight,f.groupSubtitleHeight,f.verticalLine,f.idField,f.childrenField,f.expandField,f.hasChildrenField,f.avatarField,f.titleField,f.subtitleField,f.onExpandChange,f.onItemAction),o=(f.onItemDoubleClick,f.onItemContextMenu,f.onKeyDown,f.onGroupAction),a=(f.onGroupBlur,f.onGroupFocus,f.cardsColors),l=(f.ariaLabel,f.itemRender,f.groupTitleRender,f.groupSubtitleRender,f.height,f.children,g(f,["navigatable","id","tabIndex","className","style","data","groupField","cardWidth","cardHeight","groupTitleHeight","groupSubtitleHeight","verticalLine","idField","childrenField","expandField","hasChildrenField","avatarField","titleField","subtitleField","onExpandChange","onItemAction","onItemDoubleClick","onItemContextMenu","onKeyDown","onGroupAction","onGroupBlur","onGroupFocus","cardsColors","ariaLabel","itemRender","groupTitleRender","groupSubtitleRender","height","children"])),d=O.useRef(null),m=O.useRef(new y.Navigation({tabIndex:r,root:d,selectors:[f.groupField?".k-orgchart-node-group-container":".k-orgchart-card"],focusOptions:{}})),c=O.useState([]),s=c[0],u=c[1],E=O.useRef(null);return O.useEffect(function(){var e;t&&m.current.first&&m.current.first.setAttribute("tabindex",String(r)),a||(e=d.current.ownerDocument||document,(0,C.loadTheme)(function(e){u(e)},e))},[t,r]),O.createElement("div",{style:n,ref:d,className:(0,y.classNames)(e,I.ORGCHART_CLASSNAME)},O.createElement(h.OrgChartEventsContextContext.Provider,p({value:{cardColors:a||s,onExpandChange:v.onExpandChange,onKeyDown:function(e){if(f.navigatable){var t=e.event,r=" "===t.key?"Space":t.key,n=v.groupField&&-1!==t.target.className.indexOf("k-orgchart-card")&&E.current||m.current,i=t.target.closest(n.selectors.join(","));switch(r){case"ArrowUp":u=i,h=n,p=e,t.preventDefault(),(f.groupField?p.items.some(function(e){return e[f.expandField]}):p.item[f.expandField])&&f.onExpandChange?f.onExpandChange.call(void 0,p):(p=null==(p=u.closest(".k-orgchart-group"))?void 0:p.getAttribute("id"),(p=document.querySelector('[aria-owns="'.concat(p,'"]')))?h.focusElement(p,u):h.focusPrevious(u));break;case"ArrowDown":p=i,h=n,u=e,t.preventDefault(),d=f.groupField?u.items.some(function(e){return e[f.expandField]}):u.item[f.expandField],c=f.groupField?u.items.find(function(e){return e[f.childrenField]}):u.item[f.childrenField],s=f.groupField?u.items.some(function(e){return f.hasChildrenField&&e[f.hasChildrenField]}):f.hasChildrenField&&u.item[f.hasChildrenField],c=f.groupField?c&&c[f.childrenField]&&c[f.childrenField].length:c&&c.length,(s||c)&&!d&&f.onExpandChange?f.onExpandChange.call(void 0,u):(s=f.groupField?".k-orgchart-node-group-container":".k-orgchart-card",c=p.getAttribute("aria-owns"),(u=null==(d=document.getElementById(c))?void 0:d.querySelector(s))?h.focusElement(u,p):h.focusNext(p));break;case"ArrowLeft":c=i,d=n,t.preventDefault(),d.focusPrevious(c);break;case"ArrowRight":s=i,g=n,t.preventDefault(),g.focusNext(s);break;case"End":g=n,t.preventDefault(),g.focusElement(g.last,null);break;case"Home":o=n,t.preventDefault(),o.focusElement(o.first,null);break;case"Enter":var o=i,a=t,l=e;a.stopPropagation(),o=-1!==o.className.indexOf("k-orgchart-node-group-container"),v.groupField&&o?E.current&&E.current.first&&E.current.focusElement(E.current.first,null):f.onItemAction&&f.onItemAction({event:a,item:l.item});break;case"Escape":a=i,v.groupField&&(a=a.closest(".k-orgchart-node-group-container"))&&m.current.focusElement(a,null)}}var o,d,c,s,u,h,p,g},onItemAction:function(e){e.event.stopPropagation(),i&&i.call(void 0,e),f.navigatable&&(e=e.event.target.closest(".k-orgchart-card"))&&m.current.focusElement(e,null)},onItemDoubleClick:function(e){e.event.stopPropagation(),i&&i.call(void 0,e)},onItemContextMenu:function(e){e.event.stopPropagation(),i&&i.call(void 0,e)},onGroupAction:function(e){o&&o.call(void 0,e),f.navigatable&&(e=e.event.target.closest(".k-orgchart-node-group-container"))&&m.current.focusElement(e,null)},onGroupBlur:function(e){E.current=null},onGroupFocus:function(e){E.current=new y.Navigation({tabIndex:0,root:e.containerRef,selectors:[".k-orgchart-card"],focusOptions:{}})}}},l),v.children))},h.ClientOrgChart.propTypes={className:r.string,style:r.object,id:r.string,ariaLabel:r.string,idField:r.string,childrenField:r.string,expandField:r.string,titleField:r.string,hasChildrenField:r.string,subtitleField:r.string,avatarField:r.string,cardsColors:r.array,data:r.array,groupField:r.string,cardHeight:r.number,cardWidth:r.number,groupTitleHeight:r.number,groupSubtitleHeight:r.number,verticalLine:r.number,height:r.oneOfType([r.string,r.number]),onExpandChange:r.func,onItemAction:r.func,onItemDoubleClick:r.func,onItemContextMenu:r.func,onGroupAction:r.func},h.ClientOrgChart.displayName="KendoClientOrgChart"},682:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ExpandButton=void 0;var o=r(954),a=r(536),l=r(233),d=r(785);t.ExpandButton=function(e){var t=e.expanded,r=e.node,n=e.nodes,i=o.useContext(d.OrgChartEventsContextContext);return o.createElement(a.Button,{className:"k-orgchart-button",icon:t?"minus":"plus",tabIndex:-1,svgIcon:t?l.minusIcon:l.plusIcon,"aria-label":t?"collapse":"expand",onClick:function(e){i.onExpandChange&&i.onExpandChange.call(void 0,{event:e,expand:!t,item:r,items:n})}})}},364:function(e,t,r){var d=this&&this.__assign||function(){return(d=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var i in t=arguments[r])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)},c=this&&this.__rest||function(e,t){var r={};for(i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(r[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var n=0,i=Object.getOwnPropertySymbols(e);n<i.length;n++)t.indexOf(i[n])<0&&Object.prototype.propertyIsEnumerable.call(e,i[n])&&(r[i[n]]=e[i[n]]);return r},s=(Object.defineProperty(t,"__esModule",{value:!0}),t.OrgChartCard=void 0,r(954)),u=r(561),h=r(811),p=r(785);t.OrgChartCard=function(e){var t=e.node,r=e.children,n=e.style,e=c(e,["node","children","style"]),i=s.useState(!1),o=i[0],a=i[1],l=s.useContext(p.OrgChartEventsContextContext);return s.createElement(u.Card,d({role:"treeitem",className:(0,h.classNames)("k-orgchart-card",{"k-focus":o}),onClick:function(e){l.onItemAction&&l.onItemAction.call(void 0,{event:e,item:t})},onKeyDown:function(e){l.onKeyDown&&l.onKeyDown.call(void 0,{event:e,item:t})},onContextMenu:function(e){l.onItemContextMenu&&l.onItemContextMenu.call(void 0,{event:e,item:t})},onDoubleClick:function(e){l.onItemDoubleClick&&l.onItemDoubleClick.call(void 0,{event:e,item:t})},style:n,"aria-selected":o,"aria-keyshortcuts":"Enter",onFocus:function(){return a(!0)},onBlur:function(){return a(!1)}},e),r)}},838:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.OrgChartCardBody=void 0;var n=r(954),i=r(785),o=r(561);t.OrgChartCardBody=function(e){var t=e.level,e=e.children,r=n.useContext(i.OrgChartEventsContextContext),r=r.cardColors&&r.cardColors[t]||"green";return n.createElement(o.CardBody,{className:"k-hstack",style:{borderTopColor:r}},e)}},883:function(e,t,r){var c=this&&this.__assign||function(){return(c=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var i in t=arguments[r])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)},s=this&&this.__rest||function(e,t){var r={};for(i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(r[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var n=0,i=Object.getOwnPropertySymbols(e);n<i.length;n++)t.indexOf(i[n])<0&&Object.prototype.propertyIsEnumerable.call(e,i[n])&&(r[i[n]]=e[i[n]]);return r},u=(Object.defineProperty(t,"__esModule",{value:!0}),t.OrgChartGroupContainer=void 0,r(954)),h=r(811),p=r(785);t.OrgChartGroupContainer=function(e){var t=e.nodes,r=e.children,n=e.style,e=s(e,["nodes","children","style"]),i=u.useState(!1),o=i[0],a=i[1],l=u.useContext(p.OrgChartEventsContextContext),d=u.useRef(null);return u.createElement("div",c({role:"treeitem","aria-selected":o,ref:d,className:(0,h.classNames)("k-orgchart-node-group-container","k-vstack",{"k-focus":o}),style:n,onKeyDown:function(e){l.onKeyDown&&l.onKeyDown({event:e,items:t})},onClick:function(e){l.onGroupAction&&l.onGroupAction({event:e,items:t})},onFocus:function(e){a(!0),l.onGroupFocus&&l.onGroupFocus({event:e,items:t,containerRef:d})},onBlur:function(e){a(!1),l.onGroupBlur&&l.onGroupBlur({event:e,items:t})}},e),r)}},468:function(e,t,r){var n=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r);var i=Object.getOwnPropertyDescriptor(t,r);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,i)}:function(e,t,r,n){e[n=void 0===n?r:n]=t[r]}),i=this&&this.__exportStar||function(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||n(t,e,r)},o=(Object.defineProperty(t,"__esModule",{value:!0}),t.ServerOrgChart=void 0,r(428));Object.defineProperty(t,"ServerOrgChart",{enumerable:!0,get:function(){return o.ServerOrgChart}}),i(r(122),t),i(r(981),t)},363:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.packageMetadata=void 0,t.packageMetadata={name:"@progress/kendo-react-orgchart",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:1700065534,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning"}},981:function(e,t,r){var a=this&&this.__assign||function(){return(a=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var i in t=arguments[r])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)},g=(Object.defineProperty(t,"__esModule",{value:!0}),t.processOrgChartItems=void 0,r(811)),v=r(609);function f(e,t,r,n,i){var o,a,l,d,c,s;return r?(o=(t=m(r,t)).ids,t=t.field,a=e,r=!(0,g.isArray)(r)&&r.idField?(0,g.resolveItemsIds)(o,r.idField,e,i):o,l=t,d=n,c=i,s=a,r.forEach(function(e){s=(0,g.updateItem)(s,e,function(e){return E(l,e)},d,c)}),s):e}function m(e,t){var r,e=(0,g.isArray)(e)?(r=e,t):(r=e.ids||[],e.operationField||t);return{ids:r,field:e}}function E(e,t){for(var r=(e||"").split("."),n=t,i=0;i<r.length;i++){var o=r[i];if(i===r.length-1)n[o]=!0;else{if(void 0===n[o])return;n[o]=a({},n[o]),n=n[o]}}}t.processOrgChartItems=function(e,t){if(e&&e.length){var r=t.cloneField||"cloned",n=t.expandField||v.EXPAND_FIELD,i=t.selectField||v.SELECT_FIELD,o=t.checkField||v.CHECK_FIELD,a=t.childrenField||v.CHILDREN_FIELD,e=f(e,n,t.expand,r,a),l=(e=f(e,i,t.select,r,a),e=f(e,o,t.check,r,a)),d=a,n=t.check;if(n&&!(0,g.isArray)(n)&&n.applyCheckIndeterminate)for(var c=m(n,v.CHECK_FIELD).field,s=n.checkIndeterminateField||v.CHECK_INDETERMINATE_FIELD,u=0;u<l.length;u++){var h=l[u],p=h[d];p&&function e(t,r,n,i,o){for(var a=!1,l=0;l<t.length;l++){var d=t[l];if((0,g.getNestedValue)(i,d)){if(!a)for(var c=0;c<r.length;c++)E(o,r[c]);a=!0,d[n]&&e(d[n],[],n,i,o)}else d[n]&&e(d[n],a?[d]:r.concat([d]),n,i,o)}}(p,(0,g.getNestedValue)(c,h)?[]:[h],d,c,s)}return e}return[]}},948:function(e,t,r){var R=this&&this.__assign||function(){return(R=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var i in t=arguments[r])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)},S=(Object.defineProperty(t,"__esModule",{value:!0}),t.ServerGroupedOrgChart=void 0,r(954)),j=r(811),M=r(529),W=r(867),B=r(786),K=r(609),U=function(e){var s=e.dataByGroups,t=e.data,t=void 0===t?[]:t,u=e.cardWidth,h=e.childrenField,p=e.idField,g=e.expandField,v=e.hasChildrenField,f=e.groupField,r=e.level,m=void 0===r?1:r,r=e.parentId,E=void 0===r?0:r;t.forEach(function(t){var e,r,n,i,o,a,l,d,c=t[h];t[g]&&c&&c.length&&(r=(e=c.some(function(e){return e[h]&&e[h].length||v&&e[v]}))?"horizontal":"vertical",n=e?null:u+2*K.HORIZONTAL_GAP,i=s.find(function(e){return e.parentId===E}),l=s.find(function(e){return e.ids.includes(E)}),d=!1,i&&(o=i.ids[0],a=l.items.find(function(e){return e[p]===o}),l=l.items.find(function(e){return e[p]===t[p]}),d=a[f]===l[f]),i&&d?(i.ids.push(t[p]),i.items=i.items.concat(c)):s.push({ids:[t[p]],items:c,level:m,parentId:E,hasChildren:e,orientation:r,width:n}),U({dataByGroups:s,data:t[h],childrenField:h,cardWidth:u,idField:p,expandField:g,hasChildrenField:v,groupField:f,level:m+1,parentId:t[p]}))})};t.ServerGroupedOrgChart=function(n){var r,i,o,l,d,a,c,e,t,s,u,h,p=R(R({},{width:"100%",data:[],ariaLabel:"Org Chart",idField:"id",childrenField:"items",avatarField:"avatar",titleField:"title",subtitleField:"subtitle",expandField:"expanded",orientation:"horizontal"}),n),g=p.id,v=p.width,f=p.data,m=p.groupField,E=p.cardWidth,O=p.cardHeight,y=p.groupTitleHeight,C=p.groupSubtitleHeight,I=p.verticalLine,b=p.idField,_=p.childrenField,F=p.expandField,x=p.hasChildrenField,k=p.avatarField,L=p.titleField,T=p.subtitleField,N=p.cardsColors,A=p.ariaLabel,D=p.itemRender,G=p.groupTitleRender,P=p.groupSubtitleRender,p=p.height,H=[{items:f,level:0,hasChildren:!0,orientation:"horizontal",ids:[0],parentId:null,width:null}],w=(U({dataByGroups:H,data:f,cardWidth:E,expandField:F,hasChildrenField:x,childrenField:_,idField:b,groupField:m}),H.map(function(e){e.groupedItems=(0,B.groupBy)(e.items,[{field:m}])}),a=E||K.NODE_WIDTH,(c=H.sort(function(e,t){return t.level-e.level})).forEach(function(t){var e,r,n;t.width||((e=c.filter(function(e){return t.ids.includes(e.parentId)})).length?(n=Math.max.apply(Math,e.map(function(e){return e.width||0})),e=Math.max.apply(Math,e.map(function(e){return e.groupedItems.length||0})),r=Math.max.apply(Math,t.groupedItems.map(function(e){e="horizontal"===t.orientation?e.items.length:1;return e*(a+2*K.HORIZONTAL_GAP)+K.HORIZONTAL_GAP*(e-1)})),n=n*e+K.HORIZONTAL_GAP*(e-1),t.width=Math.max(n,r)):(r=Math.max.apply(Math,t.groupedItems.map(function(e){e="horizontal"===t.orientation?e.items.length:1;return e*(a+2*K.HORIZONTAL_GAP)+K.HORIZONTAL_GAP*(e-1)})),t.width=r))}),l=b,(d=H.sort(function(e,t){return e.level-t.level})).forEach(function(t){var e,r,n,i,o,a;0!==t.level&&(r=d.find(function(e){return e.ids.includes(t.parentId)}),n=(null==r?void 0:r.groupedItems.findIndex(function(e){return e.items.some(function(e){return t.ids.includes(e[l])})}))||0,a=(null==r?void 0:r.groupedItems)||[],i=r.width?(r.width-(a.length-1)*K.HORIZONTAL_GAP)/a.length:0,t.left||(o=(null==r?void 0:r.left)||0,a.forEach(function(e,t){t<n&&(o+=i+K.HORIZONTAL_GAP)}),t.left=o),a=(((null==r?void 0:r.width)||0)-((a=(null==r?void 0:r.groupedItems.length)||1)-1)*K.HORIZONTAL_GAP)/a,t.width=a,r)&&(a=t.width-(t.width-(t.groupedItems.length-1)*K.HORIZONTAL_GAP)/t.groupedItems.length,r.childLineWidths?null!=(e=r.childLineWidths)&&e.push(a):r.childLineWidths=[a])}),w=O||K.NODE_HEIGHT,e=y||K.GROUP_TITLE_HEIGHT,t=C||K.GROUP_SUBTITLE_HEIGHT,r=w||K.NODE_HEIGHT,i=I||K.VERTICAL_LINE,o=e+t+K.GROUP_PADDINGS,H.forEach(function(e){var t=e.level,t=(r+i+o)*t+K.VERTICAL_LINE*(t?t-1:0)-(i-K.VERTICAL_LINE)*(t?1:0);e.top=t}),w=O||K.NODE_HEIGHT,e=y||K.GROUP_TITLE_HEIGHT,t=C||K.GROUP_SUBTITLE_HEIGHT,s=w||K.NODE_HEIGHT,u=e||K.VERTICAL_LINE,h=(t||K.GROUP_TITLE_HEIGHT)+K.GROUP_SUBTITLE_HEIGHT+K.GROUP_PADDINGS,Math.max.apply(Math,H.map(function(e){var t=e.top||0,r=Math.max.apply(Math,e.groupedItems.map(function(e){return e.items.length})),n=e.hasChildren?K.VERTICAL_LINE:0;return t+("horizontal"===e.orientation?s+u+h+u+n:r*(s+u)+h+u)})));return S.createElement("div",{className:"k-orgchart-container",style:{width:v,height:p||w}},H.map(function(o){var e,a=o.level,l=o.groupedItems.map(function(e){var t=e.items.some(function(e){return e[F]});return R(R({},e),{expanded:t})}),d=l.filter(function(e){return e.expanded}),t=0===a?"center":"around",r="horizontal",c=N&&N[a]||"green";return S.createElement("div",{role:0===a?"tree":"group",id:g+"-"+a+"-"+o.ids[0],"aria-label":0===a?A:void 0,"aria-orientation":0===a?r:void 0,key:o.ids[0]+"_"+a,className:(0,j.classNames)("k-orgchart-group","k-orgchart-level-".concat(a),"k-pos-absolute",((e={})["k-".concat(j.kendoThemeMaps.orientationMap[r])]=r,e["k-justify-content-".concat(t)]=t,e["k-orgchart-group-h"]=n.groupField,e)),style:{width:o.width||"100%",left:o.left,top:o.top}},0<f.length&&l.map(function(t,e){var r=t.items.some(function(e){return e[_]&&e[_].length||x&&e[x]}),n=o.width?(o.width-(l.length-1)*K.HORIZONTAL_GAP)/l.length:void 0,i=d.findIndex(function(e){return e===t});return S.createElement(W.ServerOrgChartGroup,{id:g+"-"+(a+1)+"-"+t.items[0][b],style:{width:n},groupTitleHeight:y,groupSubtitleHeight:C,groupTitleRender:G,groupSubtitleRender:P,key:e,level:a,verticalLine:I||K.VERTICAL_LINE,title:t.items[0][m||L],subtitle:m,orientation:o.orientation,childLineWidth:r&&t.expanded&&"horizontal"===o.orientation?o.childLineWidths[i]:0,line:r,nodes:t.items,expanded:t.expanded,plus:r},t.items.map(function(e,t){return S.createElement(M.ServerOrgChartNode,{cardHeight:O,cardWidth:E,itemRender:D,color:c,key:t,level:a,avatar:e[k],title:e[L],subtitle:e[T],verticalLine:0,line:!1,node:e,childLineWidth:0,plus:!1},e.text)}))}))}))},t.ServerGroupedOrgChart.displayName="KendoServerGroupedOrgChart"},428:function(e,t,r){var k=this&&this.__assign||function(){return(k=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var i in t=arguments[r])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)},L=(Object.defineProperty(t,"__esModule",{value:!0}),t.ServerOrgChart=void 0,r(954)),T=r(811),N=r(529),A=r(609),D=function(e){var n=e.dataByGroups,t=e.data,t=void 0===t?[]:t,i=e.cardWidth,o=e.childrenField,a=e.idField,l=e.expandField,d=e.hasChildrenField,c=e.groupField,r=e.level,s=void 0===r?1:r,r=e.parentId,u=void 0===r?0:r;t.forEach(function(e){var t,r=e[o];e[l]&&r&&r.length&&(t=r.some(function(e){return e[o]&&e[o].length||d&&e[d]}),n.push({ids:[e[a]],items:r,level:s,parentId:u,hasChildren:t,orientation:t?"horizontal":"vertical",width:t?null:i}),D({dataByGroups:n,data:e[o],childrenField:o,cardWidth:i,idField:a,expandField:l,hasChildrenField:d,groupField:c,level:s+1,parentId:e[a]}))})};t.ServerOrgChart=function(e){var r,n,a,l,d,i,o,c,s,e=k(k({},{width:"100%",data:[],ariaLabel:"Org Chart",idField:"id",childrenField:"items",avatarField:"avatar",titleField:"title",subtitleField:"subtitle",expandField:"expanded"}),e),u=e.id,t=e.width,h=e.data,p=e.groupField,g=e.cardWidth,v=e.cardHeight,f=e.verticalLine,m=e.idField,E=e.childrenField,O=e.hasChildrenField,y=e.expandField,C=e.avatarField,I=e.titleField,b=e.subtitleField,_=e.ariaLabel,F=e.itemRender,e=e.height,x=[{items:h,level:0,hasChildren:!0,orientation:"horizontal",ids:[0],parentId:null,width:null}],h=(D({dataByGroups:x,data:h,cardWidth:g,expandField:y,hasChildrenField:O,childrenField:E,idField:m,groupField:p}),i=g||A.NODE_WIDTH,(o=x.sort(function(e,t){return t.level-e.level})).forEach(function(t){var e;t.width||(e=((e=o.filter(function(e){return t.ids.includes(e.parentId)})).length?Math.max.apply(Math,e.map(function(e){return e.width||0})):i)*(e="horizontal"===t.orientation?t.items.length:1)+A.HORIZONTAL_GAP*(e-1),t.width=e)}),a=E,l=m,(d=x.sort(function(e,t){return e.level-t.level})).forEach(function(t){var e,r,n,i,o;0!==t.level&&(e=d.find(function(e){return e.ids.includes(t.parentId)}),r=(null==e?void 0:e.items.findIndex(function(e){return t.ids.includes(e[l])}))||0,o=(null==e?void 0:e.items)||[],n=e.width?(e.width-(o.length-1)*A.HORIZONTAL_GAP)/o.length:0,t.left||(i=(null==e?void 0:e.left)||0,o.forEach(function(e,t){t<r&&(i+=n+A.HORIZONTAL_GAP)}),t.left=i),o=(((null==e?void 0:e.width)||0)-((o=(null==e?void 0:e.items.length)||1)-1)*A.HORIZONTAL_GAP)/o,t.width=o,o=null==e?void 0:e.items.map(function(t){var e=t[a]?t[a].length:0,r=d.find(function(e){return e.ids.includes(t[l])}),n=(null==r?void 0:r.width)||0;return"vertical"!==(null==r?void 0:r.orientation)&&0!==e&&t.expanded?n-(n-(e-1)*A.HORIZONTAL_GAP)/e:0}),e)&&(e.childLineWidths=o)}),r=v||A.NODE_HEIGHT,n=f||A.VERTICAL_LINE,x.forEach(function(e){var t=e.level,t=(r+n)*t+A.VERTICAL_LINE*(t?t-1:0)-(n-A.VERTICAL_LINE)*(t?1:0);e.top=t}),c=v||A.NODE_HEIGHT,s=f||A.VERTICAL_LINE,Math.max.apply(Math,x.map(function(e){var t=e.top||0,r=e.items.length;return t+("horizontal"===e.orientation?c+s+s:r*(c+s))})));return L.createElement("div",{className:"k-orgchart-container",style:{width:t,height:e||h}},x.map(function(l){var e,d=l.level,c=l.items,t=0===d?"center":"around",r=l.orientation;return L.createElement("div",{role:0===d?"tree":"group",id:u+"-"+d+"-"+l.ids[0],"aria-label":0===d?_:void 0,"aria-orientation":0===d?r:void 0,key:l.ids[0]+"_"+d,className:(0,T.classNames)("k-orgchart-group","k-orgchart-level-".concat(d),"k-pos-absolute",((e={})["k-".concat(T.kendoThemeMaps.orientationMap[r])]=r,e["k-justify-content-".concat(t)]=t,e)),style:{width:l.width||"100%",left:l.left,top:l.top}},0<c.length&&L.createElement("div",{role:"group",style:{width:"100%"},className:(0,T.classNames)("k-orgchart-node-container","k-justify-content-around",((r={})["k-".concat(T.kendoThemeMaps.orientationMap[l.orientation])]=l.orientation,r))},c.map(function(e,t){var r=e[E]&&e[E].length||O&&e[O],n=r||"vertical"===l.orientation&&t!==c.length-1,i="vertical"===l.orientation&&0!==t?0:f||A.VERTICAL_LINE,o=l.childLineWidths?Math.max.apply(Math,l.childLineWidths):void 0,a=e[y];return L.createElement(N.ServerOrgChartNode,{id:u+"-"+(d+1)+"-"+e[m],style:{width:o},itemRender:F,cardHeight:v,cardWidth:g,verticalLine:i,key:t,level:d,avatar:e[C],title:e[I],subtitle:e[b],line:n,expanded:a,node:e,childLineWidth:r&&a&&"horizontal"===l.orientation?l.childLineWidths[t]:0,plus:r},e.text)})))}))},t.ServerOrgChart.displayName="KendoServerOrgChart"},867:function(e,t,r){var m=this&&this.__assign||function(){return(m=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var i in t=arguments[r])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)},E=this&&this.__rest||function(e,t){var r={};for(i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(r[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var n=0,i=Object.getOwnPropertySymbols(e);n<i.length;n++)t.indexOf(i[n])<0&&Object.prototype.propertyIsEnumerable.call(e,i[n])&&(r[i[n]]=e[i[n]]);return r},O=(Object.defineProperty(t,"__esModule",{value:!0}),t.ServerOrgChartGroup=void 0,r(954)),y=r(811),C=r(682),I=r(883),b=r(609),_="k-orgchart-node-group-title",F="k-orgchart-node-group-subtitle";t.ServerOrgChartGroup=function(e){var t=m(m({},{orientation:"horizontal"}),e),r=t.id,n=t.title,i=t.subtitle,o=t.line,a=t.plus,l=(t.focus,t.level),d=t.verticalLine,c=t.childLineWidth,s=t.orientation,u=t.expanded,h=t.nodes,p=t.groupTitleHeight,g=t.groupSubtitleHeight,v=t.groupTitleRender,f=t.groupSubtitleRender,t=E(t,["id","title","subtitle","line","plus","focus","level","verticalLine","childLineWidth","orientation","expanded","nodes","groupTitleHeight","groupSubtitleHeight","groupTitleRender","groupSubtitleRender"]),p={height:p||b.GROUP_TITLE_HEIGHT},g={height:g||b.GROUP_SUBTITLE_HEIGHT};return O.createElement("div",m({},t,{className:(0,y.classNames)(e.className,"k-orgchart-node-group","k-vstack","k-align-items-center")}),0!==l&&O.createElement("div",{className:"k-orgchart-line k-orgchart-line-v k-orgchart-line-v-top",style:{height:d}}),O.createElement(I.OrgChartGroupContainer,{nodes:h,"aria-expanded":!!u,"aria-keyshortcuts":"Enter","aria-level":l+1,"aria-owns":r},v?O.createElement(v,{style:p,className:_,title:n,items:h,level:l,expanded:u}):O.createElement("div",{className:_,style:p},n),f?O.createElement(f,{style:g,className:F,subtitle:i,items:h,level:l,expanded:u}):O.createElement("div",{className:F,style:g},i),O.createElement("div",{role:"group",style:{width:"100%"},className:(0,y.classNames)("k-orgchart-node-container","k-justify-content-around",((t={})["k-".concat(y.kendoThemeMaps.orientationMap[s]||s)]=s,t))},e.children)),o&&O.createElement("div",{className:"k-orgchart-line k-orgchart-line-v"}),a&&O.createElement(C.ExpandButton,{expanded:u,nodes:h}),a&&!!c&&O.createElement("div",{className:"k-orgchart-line k-orgchart-line-h",style:{width:c,marginTop:-15}}))}},529:function(e,t,r){var E=this&&this.__assign||function(){return(E=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var i in t=arguments[r])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)},O=this&&this.__rest||function(e,t){var r={};for(i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(r[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var n=0,i=Object.getOwnPropertySymbols(e);n<i.length;n++)t.indexOf(i[n])<0&&Object.prototype.propertyIsEnumerable.call(e,i[n])&&(r[i[n]]=e[i[n]]);return r},y=(Object.defineProperty(t,"__esModule",{value:!0}),t.ServerOrgChartNode=void 0,r(954)),C=r(811),I=r(561),b=r(682),_=r(364),F=r(838);t.ServerOrgChartNode=function(e){var t=E(E({},e),{avatarType:"image"}),r=t.id,n=t.title,i=t.subtitle,o=t.level,a=t.childLineWidth,l=t.cardWidth,d=t.cardHeight,c=t.verticalLine,s=t.color,u=t.line,h=t.plus,p=t.expanded,g=t.node,v=t.avatar,f=t.avatarType,m=t.itemRender,t=O(t,["id","title","subtitle","level","childLineWidth","cardWidth","cardHeight","verticalLine","color","line","plus","expanded","node","avatar","avatarType","itemRender"]);return y.createElement("div",E({},t,{className:(0,C.classNames)(e.className,"k-orgchart-node","k-vstack","k-align-items-center")}),0!==o&&y.createElement("div",{className:"k-orgchart-line k-orgchart-line-v k-orgchart-line-v-top",style:{height:c}}),y.createElement(_.OrgChartCard,{node:g,style:{width:l,height:d},"aria-level":o+1,"aria-expanded":!!p,"aria-owns":r},y.createElement(F.OrgChartCardBody,{level:o},m?y.createElement(m,{item:g,title:n,subtitle:i,level:o,expanded:p,color:s}):y.createElement(y.Fragment,null,y.createElement(I.Avatar,{type:f,themeColor:"secondary"},"image"===f?y.createElement("img",{src:v,alt:"KendoReact Avatar Customer Image"}):v),y.createElement("div",{className:"k-card-title-wrap k-vstack"},y.createElement(I.CardTitle,{className:"k-text-ellipsis"},n),y.createElement("span",{className:"k-spacer"}),y.createElement(I.CardSubtitle,{className:"k-text-ellipsis"},i)),y.createElement("span",{className:"k-spacer"})))),u&&y.createElement("div",{className:"k-orgchart-line k-orgchart-line-v"}),h&&y.createElement(b.ExpandButton,{expanded:p,node:g}),h&&!!a&&y.createElement("div",{className:"k-orgchart-line k-orgchart-line-h",style:{width:a,marginTop:-15}}))}},803:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.loadTheme=void 0;function o(e){return window.getComputedStyle(e).backgroundColor}var a='\n    <div class="k-var--series-unset"></div>\n    <div class="k-var--series">\n      '.concat(function(){for(var e='\n      <div class="k-var--series-a"></div>\n      <div class="k-var--series-b"></div>\n      <div class="k-var--series-c"></div>\n      <div class="k-var--series-d"></div>\n      <div class="k-var--series-e"></div>\n      <div class="k-var--series-f"></div>\n',t=0;t<30;t++)e+='\n      <div class="k-var--series-'.concat(t+1,'"></div>');return e}(),"\n    </div>\n"),l=(r.prototype.getSeriesColors=function(){var e=this.element,t=[].slice.call(e.querySelectorAll(".k-var--series div")),i=o(e.querySelector(".k-var--series-unset"));return t.reduce(function(e,t){r=t.className;var r=null!==(n=r.match(/series-([a-z])$/))?n[1].toLowerCase().charCodeAt(0)-"a".charCodeAt(0):(n=r.split("--series-")[1],parseInt(n,10)-1),n=o(t);return n!==i&&(e[r]=n),e},[])},r);function r(){}t.loadTheme=function(e,t){var r,n=new l,i=n.element=t.createElement("div");i.style.display="none",i.innerHTML=a,t.body.appendChild(i);try{r=n.getSeriesColors()}finally{t.body.removeChild(n.element),delete n.element,e(r)}}},609:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.GROUP_PADDINGS=t.GROUP_SUBTITLE_HEIGHT=t.GROUP_TITLE_HEIGHT=t.VERTICAL_LINE=t.HORIZONTAL_GAP=t.NODE_WIDTH=t.NODE_HEIGHT=t.ORGCHART_CLASSNAME=t.DOM_KENDO_TREEVIEW_GUID_FIELD=t.DOM_KENDO_ITEM_ID_FIELD=t.CHECK_INDETERMINATE_FIELD=t.CHECK_FIELD=t.SELECT_FIELD=t.HAS_CHILDREN_FIELD=t.CHILDREN_FIELD=t.DISABLED_FIELD=t.TEXT_FIELD=t.EXPAND_FIELD=void 0,t.EXPAND_FIELD="expanded",t.TEXT_FIELD="text",t.DISABLED_FIELD="disabled",t.CHILDREN_FIELD="items",t.HAS_CHILDREN_FIELD="hasChildren",t.SELECT_FIELD="selected",t.CHECK_FIELD="checked",t.CHECK_INDETERMINATE_FIELD="checkIndeterminate",t.DOM_KENDO_ITEM_ID_FIELD="_kendoItemId",t.DOM_KENDO_TREEVIEW_GUID_FIELD="_kendoOrgChartGuid",t.ORGCHART_CLASSNAME="k-orgchart",t.NODE_HEIGHT=80,t.NODE_WIDTH=300,t.HORIZONTAL_GAP=25,t.VERTICAL_LINE=40,t.GROUP_TITLE_HEIGHT=20,t.GROUP_SUBTITLE_HEIGHT=20,t.GROUP_PADDINGS=82},786:e=>{e.exports=r},536:e=>{e.exports=o},811:e=>{e.exports=a},561:e=>{e.exports=l},233:e=>{e.exports=d},895:e=>{e.exports=c},954:e=>{e.exports=s}},i={};return function e(t){var r=i[t];return void 0!==r||(r=i[t]={exports:{}},n[t].call(r.exports,r,r.exports,e)),r.exports}(468)})())}}});