@progress/kendo-react-orgchart 7.4.0 → 7.5.0-develop.2

package/server/ServerGroupedOrgChart.mjs

@@ -6,16 +6,16 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as O from "react";
-import { classNames as Z, kendoThemeMaps as q } from "@progress/kendo-react-common";
-import { ServerOrgChartNode as J } from "./ServerOrgChartNode.mjs";
-import { ServerOrgChartGroup as Q } from "./ServerOrgChartGroup.mjs";
-import { groupBy as X } from "@progress/kendo-data-query";
-import { HORIZONTAL_GAP as x, VERTICAL_LINE as b, NODE_WIDTH as Y, NODE_HEIGHT as R, GROUP_PADDINGS as A, GROUP_TITLE_HEIGHT as z, GROUP_SUBTITLE_HEIGHT as D } from "../utils/consts.mjs";
-const N = ({
-  dataByGroups: r,
+import * as R from "react";
+import { classNames as q, kendoThemeMaps as J } from "@progress/kendo-react-common";
+import { ServerOrgChartNode as Q } from "./ServerOrgChartNode.mjs";
+import { ServerOrgChartGroup as X } from "./ServerOrgChartGroup.mjs";
+import { groupBy as Y } from "@progress/kendo-data-query";
+import { HORIZONTAL_GAP as v, VERTICAL_LINE as b, NODE_WIDTH as tt, NODE_HEIGHT as k, GROUP_PADDINGS as D, GROUP_TITLE_HEIGHT as z, GROUP_SUBTITLE_HEIGHT as A } from "../utils/consts.mjs";
+const P = ({
+  dataByGroups: m,
   data: u = [],
-  cardWidth: c,
+  cardWidth: r,
   childrenField: e,
   idField: t,
   expandField: s,
@@ -27,25 +27,25 @@ const N = ({
   u.forEach((n) => {
     const h = n[e];
     if (n[s] && h && h.length) {
-      const g = h.some((I) => I[e] && I[e].length || i && I[i]), L = g ? "horizontal" : "vertical", E = g ? null : c + 2 * x, w = r.find((I) => I.parentId === a), G = r.find((I) => I.ids.includes(a));
+      const I = h.some((p) => p[e] && p[e].length || i && p[i]), x = I ? "horizontal" : "vertical", E = I ? null : r + 2 * v, L = m.find((p) => p.parentId === a), C = m.find((p) => p.ids.includes(a));
       let T = !1;
-      if (w) {
-        const I = w.ids[0], y = G.items.find((W) => W[t] === I), S = G.items.find((W) => W[t] === n[t]);
-        T = y[d] === S[d];
+      if (L) {
+        const p = L.ids[0], S = C.items.find((W) => W[t] === p), _ = C.items.find((W) => W[t] === n[t]);
+        T = S[d] === _[d];
       }
-      w && T ? (w.ids.push(n[t]), w.items = w.items.concat(h)) : r.push({
+      L && T ? (L.ids.push(n[t]), L.items = L.items.concat(h)) : m.push({
         ids: [n[t]],
         items: h,
         level: o,
         parentId: a,
-        hasChildren: g,
-        orientation: L,
+        hasChildren: I,
+        orientation: x,
         width: E
-      }), N({
-        dataByGroups: r,
+      }), P({
+        dataByGroups: m,
         data: n[e],
         childrenField: e,
-        cardWidth: c,
+        cardWidth: r,
         idField: t,
         expandField: s,
         hasChildrenField: i,
@@ -55,58 +55,58 @@ const N = ({
       });
     }
   });
-}, tt = (r, u) => {
-  const c = u || Y, e = r.sort((t, s) => s.level - t.level);
+}, et = (m, u) => {
+  const r = u || tt, e = m.sort((t, s) => s.level - t.level);
   e.forEach((t) => {
     if (!t.width) {
       const s = e.filter((i) => t.ids.includes(i.parentId));
       if (s.length) {
         const i = Math.max(...s.map((n) => n.width || 0)), d = Math.max(...s.map((n) => n.groupedItems.length || 0)), o = Math.max(...t.groupedItems.map((n) => {
           const h = t.orientation === "horizontal" ? n.items.length : 1;
-          return h * (c + 2 * x) + x * (h - 1);
-        })), a = i * d + x * (d - 1);
+          return h * (r + 2 * v) + v * (h - 1);
+        })), a = i * d + v * (d - 1);
         t.width = Math.max(a, o);
       } else {
         const i = Math.max(...t.groupedItems.map((d) => {
           const o = t.orientation === "horizontal" ? d.items.length : 1;
-          return o * (c + 2 * x) + x * (o - 1);
+          return o * (r + 2 * v) + v * (o - 1);
         }));
         t.width = i;
       }
     }
   });
-}, et = (r, u) => {
-  const c = r.sort((e, t) => e.level - t.level);
-  c.forEach((e) => {
+}, it = (m, u) => {
+  const r = m.sort((e, t) => e.level - t.level);
+  r.forEach((e) => {
     var h;
     if (e.level === 0)
       return;
-    const t = c.find((l) => l.ids.includes(e.parentId)), s = (t == null ? void 0 : t.groupedItems.findIndex((l) => l.items.some((g) => e.ids.includes(g[u])))) || 0, i = (t == null ? void 0 : t.groupedItems) || [], d = t.width ? (t.width - (i.length - 1) * x) / i.length : 0;
+    const t = r.find((l) => l.ids.includes(e.parentId)), s = (t == null ? void 0 : t.groupedItems.findIndex((l) => l.items.some((I) => e.ids.includes(I[u])))) || 0, i = (t == null ? void 0 : t.groupedItems) || [], d = t.width ? (t.width - (i.length - 1) * v) / i.length : 0;
     if (!e.left) {
       let l = (t == null ? void 0 : t.left) || 0;
-      i.forEach((g, L) => {
-        L < s && (l += d + x);
+      i.forEach((I, x) => {
+        x < s && (l += d + v);
       }), e.left = l;
     }
-    const o = (t == null ? void 0 : t.width) || 0, a = (t == null ? void 0 : t.groupedItems.length) || 1, n = (o - (a - 1) * x) / a;
+    const o = (t == null ? void 0 : t.width) || 0, a = (t == null ? void 0 : t.groupedItems.length) || 1, n = (o - (a - 1) * v) / a;
     if (e.width = n, t) {
-      const l = e.width - (e.width - (e.groupedItems.length - 1) * x) / e.groupedItems.length;
+      const l = e.width - (e.width - (e.groupedItems.length - 1) * v) / e.groupedItems.length;
       t.childLineWidths ? (h = t.childLineWidths) == null || h.push(l) : t.childLineWidths = [l];
     }
   });
-}, it = (r, u, c, e, t) => {
-  const s = u || R, i = t || b, d = c + e + A;
-  r.forEach((o) => {
+}, nt = (m, u, r, e, t) => {
+  const s = u || k, i = t || b, d = r + e + D;
+  m.forEach((o) => {
     const a = o.level, n = (s + i + d) * a + b * (a ? a - 1 : 0) - (i - b) * (a ? 1 : 0);
     o.top = n;
   });
-}, nt = (r, u, c, e, t) => {
-  const s = u || R, i = c || b, o = (e || z) + (t || D) + A;
-  return Math.max(...r.map((n) => {
-    const h = n.top || 0, l = Math.max(...n.groupedItems.map((E) => E.items.length)), g = n.hasChildren ? b : 0, L = n.orientation === "horizontal" ? s + i + o + i + g : l * (s + i) + o + i;
-    return h + L;
+}, st = (m, u, r, e, t) => {
+  const s = u || k, i = r || b, o = (e || z) + (t || A) + D;
+  return Math.max(...m.map((n) => {
+    const h = n.top || 0, l = Math.max(...n.groupedItems.map((E) => E.items.length)), I = n.hasChildren ? b : 0, x = n.orientation === "horizontal" ? s + i + o + i + I : l * (s + i) + o + i;
+    return h + x;
   }));
-}, st = (r) => {
+}, ot = (m) => {
   const u = {
     width: "100%",
     data: [],
@@ -117,9 +117,10 @@ const N = ({
     titleField: "title",
     subtitleField: "subtitle",
     expandField: "expanded",
-    orientation: "horizontal"
+    orientation: "horizontal",
+    showAvatar: !0
   }, {
-    id: c,
+    id: r,
     width: e,
     data: t,
     groupField: s,
@@ -130,18 +131,20 @@ const N = ({
     verticalLine: n,
     idField: h,
     childrenField: l,
-    expandField: g,
-    hasChildrenField: L,
+    expandField: I,
+    hasChildrenField: x,
     avatarField: E,
-    titleField: w,
-    subtitleField: G,
+    titleField: L,
+    subtitleField: C,
     cardsColors: T,
-    ariaLabel: I,
-    itemRender: y,
-    groupTitleRender: S,
+    ariaLabel: p,
+    itemRender: S,
+    groupTitleRender: _,
     groupSubtitleRender: W,
-    height: U
-  } = { ...u, ...r }, H = [{
+    height: N,
+    avatarType: U,
+    showAvatar: B
+  } = { ...u, ...m }, H = [{
     items: t,
     level: 0,
     hasChildren: !0,
@@ -150,111 +153,111 @@ const N = ({
     parentId: null,
     width: null
   }];
-  N({
+  P({
     dataByGroups: H,
     data: t,
     cardWidth: i,
-    expandField: g,
-    hasChildrenField: L,
+    expandField: I,
+    hasChildrenField: x,
     childrenField: l,
     idField: h,
     groupField: s
-  }), H.map((m) => {
-    m.groupedItems = X(m.items, [{ field: s }]);
-  }), tt(H, i), et(H, h), it(
+  }), H.map((c) => {
+    c.groupedItems = Y(c.items, [{ field: s }]);
+  }), et(H, i), it(H, h), nt(
     H,
-    d || R,
+    d || k,
     o || z,
-    a || D,
+    a || A,
     n
   );
-  const $ = nt(
+  const $ = st(
     H,
-    d || R,
+    d || k,
     o || z,
-    a || D
+    a || A
   );
-  return /* @__PURE__ */ O.createElement("div", { className: "k-orgchart-container", style: { width: e, height: U || $ } }, H.map((m) => {
-    const p = m.level, k = m.groupedItems.map((f) => {
-      const M = f.items.some((C) => C[g]);
+  return /* @__PURE__ */ R.createElement("div", { className: "k-orgchart-container", style: { width: e, height: N || $ } }, H.map((c) => {
+    const w = c.level, O = c.groupedItems.map((f) => {
+      const M = f.items.some((G) => G[I]);
       return {
         ...f,
         expanded: M
       };
-    }), j = k.filter((f) => f.expanded), P = p === 0 ? "center" : "around", _ = "horizontal", B = T && T[p] || "green";
-    return /* @__PURE__ */ O.createElement(
+    }), F = O.filter((f) => f.expanded), y = "horizontal", K = T && T[w] || "green";
+    return /* @__PURE__ */ R.createElement(
       "div",
       {
-        role: p === 0 ? "tree" : "group",
-        id: c + "-" + p + "-" + m.ids[0],
-        "aria-label": p === 0 ? I : void 0,
-        "aria-orientation": p === 0 ? _ : void 0,
-        key: m.ids[0] + "_" + p,
-        className: Z(
+        role: w === 0 ? "tree" : "group",
+        id: r + "-" + w + "-" + c.ids[0],
+        "aria-label": w === 0 ? p : void 0,
+        "aria-orientation": w === 0 ? y : void 0,
+        key: c.ids[0] + "_" + w,
+        className: q(
           "k-orgchart-group",
-          `k-orgchart-level-${p}`,
+          `k-orgchart-level-${w}`,
           "k-pos-absolute",
           {
-            [`k-${q.orientationMap[_]}`]: _,
-            [`k-justify-content-${P}`]: P,
-            "k-orgchart-group-h": r.groupField
+            [`k-${J.orientationMap[y]}`]: y
           }
         ),
         style: {
-          width: m.width || "100%",
-          left: m.left,
-          top: m.top
+          width: c.width || "100%",
+          left: c.left,
+          top: c.top
         }
       },
-      t.length > 0 && k.map((f, M) => {
-        const C = f.items.some((v) => v[l] && v[l].length || L && v[L]), F = m.width ? (m.width - (k.length - 1) * x) / k.length : void 0, K = j.findIndex((v) => v === f);
-        return /* @__PURE__ */ O.createElement(
-          Q,
+      t.length > 0 && O.map((f, M) => {
+        const G = f.items.some((g) => g[l] && g[l].length || x && g[x]), V = c.width ? (c.width - (O.length - 1) * v) / O.length : void 0, Z = F.findIndex((g) => g === f);
+        return /* @__PURE__ */ R.createElement(
+          X,
           {
-            id: c + "-" + (p + 1) + "-" + f.items[0][h],
-            style: { width: F },
+            id: r + "-" + (w + 1) + "-" + f.items[0][h],
+            style: { width: V },
             groupTitleHeight: o,
             groupSubtitleHeight: a,
-            groupTitleRender: S,
+            groupTitleRender: _,
             groupSubtitleRender: W,
             key: M,
-            level: p,
+            level: w,
             verticalLine: n || b,
-            title: f.items[0][s || w],
+            title: f.items[0][s || L],
             subtitle: s,
-            orientation: m.orientation,
-            childLineWidth: C && f.expanded && m.orientation === "horizontal" ? m.childLineWidths[K] : 0,
-            line: C,
+            orientation: c.orientation,
+            childLineWidth: G && f.expanded && c.orientation === "horizontal" ? c.childLineWidths[Z] : 0,
+            line: G,
             nodes: f.items,
             expanded: f.expanded,
-            plus: C
+            plus: G
           },
-          f.items.map((v, V) => /* @__PURE__ */ O.createElement(
-            J,
+          f.items.map((g, j) => /* @__PURE__ */ R.createElement(
+            Q,
             {
               cardHeight: d,
               cardWidth: i,
-              itemRender: y,
-              color: B,
-              key: V,
-              level: p,
-              avatar: v[E],
-              title: v[w],
-              subtitle: v[G],
+              itemRender: S,
+              color: K,
+              key: j,
+              level: w,
+              avatar: g[E],
+              avatarType: U,
+              showAvatar: B,
+              title: g[L],
+              subtitle: g[C],
               verticalLine: 0,
               line: !1,
-              node: v,
+              node: g,
               childLineWidth: 0,
               plus: !1
             },
-            v.text
+            g.text
           ))
         );
       })
     );
   }));
 };
-st.displayName = "KendoServerGroupedOrgChart";
+ot.displayName = "KendoServerGroupedOrgChart";
 export {
-  st as ServerGroupedOrgChart
+  ot as ServerGroupedOrgChart
 };

package/server/ServerOrgChart.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const j=require("react"),T=require("@progress/kendo-react-common"),D=require("./ServerOrgChartNode.js"),m=require("../utils/consts.js");function z(o){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const s in o)if(s!=="default"){const n=Object.getOwnPropertyDescriptor(o,s);Object.defineProperty(c,s,n.get?n:{enumerable:!0,get:()=>o[s]})}}return c.default=o,Object.freeze(c)}const H=z(j),W=({dataByGroups:o,data:c=[],cardWidth:s,childrenField:n,idField:e,expandField:t,hasChildrenField:i,groupField:l,level:v=1,parentId:d=0})=>{c.forEach(h=>{const L=h[n];if(h[t]&&L&&L.length){const a=L.some(O=>O[n]&&O[n].length||i&&O[i]),I=a?"horizontal":"vertical",f=a?null:s;o.push({ids:[h[e]],items:L,level:v,parentId:d,hasChildren:a,orientation:I,width:f}),W({dataByGroups:o,data:h[n],childrenField:n,cardWidth:s,idField:e,expandField:t,hasChildrenField:i,groupField:l,level:v+1,parentId:h[e]})}})},G=(o,c)=>{const s=c||m.NODE_WIDTH,n=o.sort((e,t)=>t.level-e.level);n.forEach(e=>{if(!e.width){const t=n.filter(d=>e.ids.includes(d.parentId)),i=t.length?Math.max(...t.map(d=>d.width||0)):s,l=e.orientation==="horizontal"?e.items.length:1,v=i*l+m.HORIZONTAL_GAP*(l-1);e.width=v}})},V=(o,c,s)=>{const n=o.sort((e,t)=>e.level-t.level);n.forEach(e=>{if(e.level===0)return;const t=n.find(a=>a.ids.includes(e.parentId)),i=(t==null?void 0:t.items.findIndex(a=>e.ids.includes(a[s])))||0,l=(t==null?void 0:t.items)||[],v=t.width?(t.width-(l.length-1)*m.HORIZONTAL_GAP)/l.length:0;if(!e.left){let a=(t==null?void 0:t.left)||0;l.forEach((I,f)=>{f<i&&(a+=v+m.HORIZONTAL_GAP)}),e.left=a}const d=(t==null?void 0:t.width)||0,h=(t==null?void 0:t.items.length)||1,L=(d-(h-1)*m.HORIZONTAL_GAP)/h;e.width=L;const E=t==null?void 0:t.items.map(a=>{const I=a[c]?a[c].length:0,f=n.find(_=>_.ids.includes(a[s])),O=(f==null?void 0:f.width)||0;return(f==null?void 0:f.orientation)==="vertical"||I===0||!a.expanded?0:O-(O-(I-1)*m.HORIZONTAL_GAP)/I});t&&(t.childLineWidths=E)})},F=(o,c,s)=>{const n=c||m.NODE_HEIGHT,e=s||m.VERTICAL_LINE;o.forEach(t=>{const i=t.level,l=(n+e)*i+m.VERTICAL_LINE*(i?i-1:0)-(e-m.VERTICAL_LINE)*(i?1:0);t.top=l})},Z=(o,c,s)=>{const n=c||m.NODE_HEIGHT,e=s||m.VERTICAL_LINE;return Math.max(...o.map(i=>{const l=i.top||0,v=i.items.length,d=i.orientation==="horizontal"?n+e+e:v*(n+e);return l+d}))},A=o=>{const c={width:"100%",data:[],ariaLabel:"Org Chart",idField:"id",childrenField:"items",avatarField:"avatar",titleField:"title",subtitleField:"subtitle",expandField:"expanded"},{id:s,width:n,data:e,groupField:t,cardWidth:i,cardHeight:l,verticalLine:v,idField:d,childrenField:h,hasChildrenField:L,expandField:E,avatarField:a,titleField:I,subtitleField:f,ariaLabel:O,itemRender:_,height:x}={...c,...o},w=[{items:e,level:0,hasChildren:!0,orientation:"horizontal",ids:[0],parentId:null,width:null}];W({dataByGroups:w,data:e,cardWidth:i,expandField:E,hasChildrenField:L,childrenField:h,idField:d,groupField:t}),G(w,i),V(w,h,d),F(w,l,v);const p=Z(w,l,v);return H.createElement("div",{className:"k-orgchart-container",style:{width:n,height:x||p}},w.map(r=>{const g=r.level,k=r.items,y=g===0?"center":"around",C=r.orientation;return H.createElement("div",{role:g===0?"tree":"group",id:s+"-"+g+"-"+r.ids[0],"aria-label":g===0?O:void 0,"aria-orientation":g===0?C:void 0,key:r.ids[0]+"_"+g,className:T.classNames("k-orgchart-group",`k-orgchart-level-${g}`,"k-pos-absolute",{[`k-${T.kendoThemeMaps.orientationMap[C]}`]:C,[`k-justify-content-${y}`]:y}),style:{width:r.width||"100%",left:r.left,top:r.top}},k.length>0&&H.createElement("div",{role:"group",style:{width:"100%"},className:T.classNames("k-orgchart-node-container","k-justify-content-around",{[`k-${T.kendoThemeMaps.orientationMap[r.orientation]}`]:r.orientation})},k.map((u,N)=>{const b=u[h]&&u[h].length||L&&u[L],S=b||r.orientation==="vertical"&&N!==k.length-1,M=r.orientation==="vertical"&&N!==0?0:v||m.VERTICAL_LINE,P=r.childLineWidths?Math.max(...r.childLineWidths):void 0,R=u[E];return H.createElement(D.ServerOrgChartNode,{id:s+"-"+(g+1)+"-"+u[d],style:{width:P},itemRender:_,cardHeight:l,cardWidth:i,verticalLine:M,key:N,level:g,avatar:u[a],title:u[I],subtitle:u[f],line:S,expanded:R,node:u,childLineWidth:b&&R&&r.orientation==="horizontal"?r.childLineWidths[N]:0,plus:b},u.text)})))}))};A.displayName="KendoServerOrgChart";exports.ServerOrgChart=A;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const j=require("react"),T=require("@progress/kendo-react-common"),z=require("./ServerOrgChartNode.js"),v=require("../utils/consts.js");function G(a){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const s in a)if(s!=="default"){const i=Object.getOwnPropertyDescriptor(a,s);Object.defineProperty(l,s,i.get?i:{enumerable:!0,get:()=>a[s]})}}return l.default=a,Object.freeze(l)}const H=G(j),C=({dataByGroups:a,data:l=[],cardWidth:s,childrenField:i,idField:e,expandField:t,hasChildrenField:n,groupField:c,level:m=1,parentId:d=0})=>{l.forEach(h=>{const f=h[i];if(h[t]&&f&&f.length){const o=f.some(w=>w[i]&&w[i].length||n&&w[n]),u=o?"horizontal":"vertical",L=o?null:s;a.push({ids:[h[e]],items:f,level:m,parentId:d,hasChildren:o,orientation:u,width:L}),C({dataByGroups:a,data:h[i],childrenField:i,cardWidth:s,idField:e,expandField:t,hasChildrenField:n,groupField:c,level:m+1,parentId:h[e]})}})},V=(a,l)=>{const s=l||v.NODE_WIDTH,i=a.sort((e,t)=>t.level-e.level);i.forEach(e=>{if(!e.width){const t=i.filter(d=>e.ids.includes(d.parentId)),n=t.length?Math.max(...t.map(d=>d.width||0)):s,c=e.orientation==="horizontal"?e.items.length:1,m=n*c+v.HORIZONTAL_GAP*(c-1);e.width=m}})},F=(a,l,s)=>{const i=a.sort((e,t)=>e.level-t.level);i.forEach(e=>{if(e.level===0)return;const t=i.find(o=>o.ids.includes(e.parentId)),n=(t==null?void 0:t.items.findIndex(o=>e.ids.includes(o[s])))||0,c=(t==null?void 0:t.items)||[],m=t.width?(t.width-(c.length-1)*v.HORIZONTAL_GAP)/c.length:0;if(!e.left){let o=(t==null?void 0:t.left)||0;c.forEach((u,L)=>{L<n&&(o+=m+v.HORIZONTAL_GAP)}),e.left=o}const d=(t==null?void 0:t.width)||0,h=(t==null?void 0:t.items.length)||1,f=(d-(h-1)*v.HORIZONTAL_GAP)/h;e.width=f;const E=t==null?void 0:t.items.map(o=>{const u=o[l]?o[l].length:0,L=i.find(_=>_.ids.includes(o[s])),w=(L==null?void 0:L.width)||0;return(L==null?void 0:L.orientation)==="vertical"||u===0||!o.expanded?0:w-(w-(u-1)*v.HORIZONTAL_GAP)/u});t&&(t.childLineWidths=E)})},Z=(a,l,s)=>{const i=l||v.NODE_HEIGHT,e=s||v.VERTICAL_LINE;a.forEach(t=>{const n=t.level,c=(i+e)*n+v.VERTICAL_LINE*(n?n-1:0)-(e-v.VERTICAL_LINE)*(n?1:0);t.top=c})},q=(a,l,s)=>{const i=l||v.NODE_HEIGHT,e=s||v.VERTICAL_LINE;return Math.max(...a.map(n=>{const c=n.top||0,m=n.items.length,d=n.orientation==="horizontal"?i+e+e:m*(i+e);return c+d}))},R=a=>{const l={width:"100%",data:[],ariaLabel:"Org Chart",idField:"id",childrenField:"items",avatarField:"avatar",titleField:"title",subtitleField:"subtitle",expandField:"expanded",avatarType:"image",showAvatar:!0},{id:s,width:i,data:e,groupField:t,cardWidth:n,cardHeight:c,verticalLine:m,idField:d,childrenField:h,hasChildrenField:f,expandField:E,avatarField:o,titleField:u,subtitleField:L,ariaLabel:w,itemRender:_,height:W,avatarType:p,showAvatar:x}={...l,...a},O=[{items:e,level:0,hasChildren:!0,orientation:"horizontal",ids:[0],parentId:null,width:null}];C({dataByGroups:O,data:e,cardWidth:n,expandField:E,hasChildrenField:f,childrenField:h,idField:d,groupField:t}),V(O,n),F(O,h,d),Z(O,c,m);const S=q(O,c,m);return H.createElement("div",{className:"k-orgchart-container",style:{width:i,height:W||S}},O.map(r=>{const I=r.level,A=r.items,b=r.orientation;return H.createElement("div",{role:I===0?"tree":"group",id:s+"-"+I+"-"+r.ids[0],"aria-label":I===0?w:void 0,"aria-orientation":I===0?b:void 0,key:r.ids[0]+"_"+I,className:T.classNames("k-orgchart-group",`k-orgchart-level-${I}`,"k-pos-absolute",{[`k-${T.kendoThemeMaps.orientationMap[b]}`]:b}),style:{width:r.width||"100%",left:r.left,top:r.top}},A.length>0&&H.createElement("div",{role:"group",style:{width:"100%"},className:T.classNames("k-orgchart-node-container","k-justify-content-around",{[`k-${T.kendoThemeMaps.orientationMap[r.orientation]}`]:r.orientation})},A.map((g,N)=>{const k=g[h]&&g[h].length||f&&g[f],M=k||r.orientation==="vertical"&&N!==A.length-1,P=r.orientation==="vertical"&&N!==0?0:m||v.VERTICAL_LINE,D=r.childLineWidths?Math.max(...r.childLineWidths):void 0,y=g[E];return H.createElement(z.ServerOrgChartNode,{id:s+"-"+(I+1)+"-"+g[d],style:{width:D},itemRender:_,cardHeight:c,cardWidth:n,verticalLine:P,key:N,level:I,avatar:g[o],avatarType:p,showAvatar:x,title:g[u],subtitle:g[L],line:M,expanded:y,node:g,childLineWidth:k&&y&&r.orientation==="horizontal"?r.childLineWidths[N]:0,plus:k},g.text)})))}))};R.displayName="KendoServerOrgChart";exports.ServerOrgChart=R;