open-grid 1.2.0 → 1.2.1

package/dist/open-grid-react.cjs

@@ -1,2 +1,28 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react/jsx-runtime"),r=require("react"),D=require("./OpenGrid-CuXj0isp.cjs");function M({data:e,columns:t,height:u=400,width:s="100%",editable:l=!1,sortable:O=!0,filterable:o=!0,rowNumber:x=!1,checkColumn:y=!1,stateColumn:R=!1,draggable:G=!1,frozenColumns:j=0,theme:f="default",options:P,style:W,className:z,onReady:c,onDataChange:b,onCellClick:q,onRowClick:S,onEditEnd:d,onSortChange:v,onFilterChange:E,onRowDrop:T}){const i=r.useRef(null),n=r.useRef(null),A={height:typeof u=="number"?`${u}px`:u,width:typeof s=="number"?`${s}px`:s,display:"block",boxSizing:"border-box",...W};return r.useEffect(()=>{if(!i.current)return;const B={columns:t,height:"100%",width:"100%",editable:l,sortable:O,filterable:o,rowNumber:x,checkColumn:y,stateColumn:R,draggable:G,frozenColumns:j,theme:f,...P,onReady:p=>{n.current=p,e!=null&&e.length&&p.setData(e),c==null||c(p)},...b&&{onDataChange:b},...q&&{onCellClick:q},...S&&{onRowClick:S},...d&&{onEditEnd:d},...v&&{onSortChange:v},...E&&{onFilterChange:E},...T&&{onRowDrop:T}},$=new D.OpenGrid(i.current,B);return n.current=$,()=>{$.destroy(),n.current=null}},[t,l,O,o,x,y,R,G,j]),r.useEffect(()=>{n.current&&e&&n.current.setData(e)},[e]),r.useEffect(()=>{n.current&&n.current.setTheme(f)},[f]),g.jsx("div",{ref:i,style:A,className:z})}const H=r.forwardRef((e,t)=>{r.useRef(null);const u=r.useRef(null);return r.useEffect(()=>{u.current&&t&&(typeof t=="function"?t(u.current):t.current=u.current)}),g.jsx(M,{...e})});H.displayName="OpenGrid";exports.OpenGrid=M;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime"), React = require("react"), OpenGrid = require("./OpenGrid-0r_543Kj.cjs");
+function OpenGridReact({ data: e, columns: r, height: t = 400, width: u = "100%", editable: i = false, sortable: p = true, filterable: o = true, rowNumber: l = false, checkColumn: d = false, stateColumn: y = false, draggable: R = false, frozenColumns: x = 0, theme: s = "default", options: E, style: T, className: $, onReady: g, onDataChange: O, onCellClick: G, onRowClick: j, onEditEnd: a, onSortChange: b, onFilterChange: q, onRowDrop: S }) {
+  const c = React.useRef(null), n = React.useRef(null), M = { height: typeof t == "number" ? `${t}px` : t, width: typeof u == "number" ? `${u}px` : u, display: "block", boxSizing: "border-box", ...T };
+  return React.useEffect(() => {
+    if (!c.current) return;
+    const P = { columns: r, height: "100%", width: "100%", editable: i, sortable: p, filterable: o, rowNumber: l, checkColumn: d, stateColumn: y, draggable: R, frozenColumns: x, theme: s, ...E, onReady: (f) => {
+      n.current = f, (e == null ? void 0 : e.length) && f.setData(e), g == null ? void 0 : g(f);
+    }, ...O && { onDataChange: O }, ...G && { onCellClick: G }, ...j && { onRowClick: j }, ...a && { onEditEnd: a }, ...b && { onSortChange: b }, ...q && { onFilterChange: q }, ...S && { onRowDrop: S } }, v = new OpenGrid.OpenGrid(c.current, P);
+    return n.current = v, () => {
+      v.destroy(), n.current = null;
+    };
+  }, [r, i, p, o, l, d, y, R, x]), React.useEffect(() => {
+    n.current && e && n.current.setData(e);
+  }, [e]), React.useEffect(() => {
+    n.current && n.current.setTheme(s);
+  }, [s]), jsxRuntime.jsx("div", { ref: c, style: M, className: $ });
+}
+const OpenGridWithRef = React.forwardRef((e, r) => {
+  React.useRef(null);
+  const t = React.useRef(null);
+  return React.useEffect(() => {
+    t.current && r && (typeof r == "function" ? r(t.current) : r.current = t.current);
+  }), jsxRuntime.jsx(OpenGridReact, { ...e });
+});
+OpenGridWithRef.displayName = "OpenGrid", exports.OpenGrid = OpenGridReact;
 //# sourceMappingURL=open-grid-react.cjs.map

package/dist/open-grid-react.js

@@ -1,91 +1,31 @@
-import { jsx as A } from "react/jsx-runtime";
-import K, { useRef as f, useEffect as u } from "react";
-import { O as L } from "./OpenGrid-B0Spm0rU.js";
-function M({
-  data: r,
-  columns: e,
-  height: t = 400,
-  width: c = "100%",
-  editable: o = !1,
-  sortable: O = !0,
-  filterable: x = !0,
-  rowNumber: y = !1,
-  checkColumn: G = !1,
-  stateColumn: m = !1,
-  draggable: R = !1,
-  frozenColumns: $ = 0,
-  theme: s = "default",
-  options: B,
-  style: D,
-  className: H,
-  onReady: i,
-  onDataChange: b,
-  onCellClick: j,
-  onRowClick: v,
-  onEditEnd: S,
-  onSortChange: T,
-  onFilterChange: W,
-  onRowDrop: q
-}) {
-  const p = f(null), n = f(null), I = {
-    height: typeof t == "number" ? `${t}px` : t,
-    width: typeof c == "number" ? `${c}px` : c,
-    display: "block",
-    boxSizing: "border-box",
-    ...D
-  };
-  return u(() => {
-    if (!p.current) return;
-    const J = {
-      columns: e,
-      height: "100%",
-      width: "100%",
-      editable: o,
-      sortable: O,
-      filterable: x,
-      rowNumber: y,
-      checkColumn: G,
-      stateColumn: m,
-      draggable: R,
-      frozenColumns: $,
-      theme: s,
-      ...B,
-      onReady: (l) => {
-        n.current = l, r != null && r.length && l.setData(r), i == null || i(l);
-      },
-      ...b && { onDataChange: b },
-      ...j && { onCellClick: j },
-      ...v && { onRowClick: v },
-      ...S && { onEditEnd: S },
-      ...T && { onSortChange: T },
-      ...W && { onFilterChange: W },
-      ...q && { onRowDrop: q }
-    }, z = new L(p.current, J);
-    return n.current = z, () => {
-      z.destroy(), n.current = null;
+import { jsx as W } from "react/jsx-runtime";
+import J, { useRef as u, useEffect as f } from "react";
+import { O as K } from "./OpenGrid-HmhGVC2V.js";
+function q({ data: r, columns: e, height: t = 400, width: c = "100%", editable: o = false, sortable: l = true, filterable: y = true, rowNumber: d = false, checkColumn: O = false, stateColumn: R = false, draggable: x = false, frozenColumns: G = 0, theme: s = "default", options: z, style: A, className: B, onReady: D, onDataChange: m, onCellClick: a, onRowClick: $, onEditEnd: b, onSortChange: j, onFilterChange: v, onRowDrop: S }) {
+  const i = u(null), n = u(null), H = { height: typeof t == "number" ? `${t}px` : t, width: typeof c == "number" ? `${c}px` : c, display: "block", boxSizing: "border-box", ...A };
+  return f(() => {
+    if (!i.current) return;
+    const I = { columns: e, height: "100%", width: "100%", editable: o, sortable: l, filterable: y, rowNumber: d, checkColumn: O, stateColumn: R, draggable: x, frozenColumns: G, theme: s, ...z, onReady: (p) => {
+      n.current = p, (r == null ? void 0 : r.length) && p.setData(r), D == null ? void 0 : D(p);
+    }, ...m && { onDataChange: m }, ...a && { onCellClick: a }, ...$ && { onRowClick: $ }, ...b && { onEditEnd: b }, ...j && { onSortChange: j }, ...v && { onFilterChange: v }, ...S && { onRowDrop: S } }, T = new K(i.current, I);
+    return n.current = T, () => {
+      T.destroy(), n.current = null;
     };
-  }, [e, o, O, x, y, G, m, R, $]), u(() => {
+  }, [e, o, l, y, d, O, R, x, G]), f(() => {
     n.current && r && n.current.setData(r);
-  }, [r]), u(() => {
+  }, [r]), f(() => {
     n.current && n.current.setTheme(s);
-  }, [s]), /* @__PURE__ */ A(
-    "div",
-    {
-      ref: p,
-      style: I,
-      className: H
-    }
-  );
+  }, [s]), W("div", { ref: i, style: H, className: B });
 }
-const N = K.forwardRef((r, e) => {
-  f(null);
-  const t = f(null);
-  return u(() => {
+const L = J.forwardRef((r, e) => {
+  u(null);
+  const t = u(null);
+  return f(() => {
     t.current && e && (typeof e == "function" ? e(t.current) : e.current = t.current);
-  }), /* @__PURE__ */ A(M, { ...r });
+  }), W(q, { ...r });
 });
-N.displayName = "OpenGrid";
+L.displayName = "OpenGrid";
 export {
-  M as OpenGrid
+  q as OpenGrid
 };
 //# sourceMappingURL=open-grid-react.js.map

package/dist/open-grid-vue.cjs

@@ -1,2 +1,32 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),p=require("./OpenGrid-CuXj0isp.cjs"),h=a.defineComponent({__name:"OpenGrid",props:{data:{default:()=>[]},columns:{},height:{default:400},width:{default:"100%"},editable:{type:Boolean,default:!1},sortable:{type:Boolean,default:!0},filterable:{type:Boolean,default:!0},rowNumber:{type:Boolean,default:!1},checkColumn:{type:Boolean,default:!1},stateColumn:{type:Boolean,default:!1},draggable:{type:Boolean,default:!1},frozenColumns:{default:0},theme:{default:"default"},options:{}},emits:["update:data","ready","cell-click","row-click","edit-end","sort-change","filter-change","row-check"],setup(r,{expose:c,emit:u}){const e=r,n=u,d=a.ref(),o=a.shallowRef(null);let i=null;const f=a.computed(()=>({height:typeof e.height=="number"?`${e.height}px`:e.height,width:typeof e.width=="number"?`${e.width}px`:e.width}));return a.onMounted(()=>{if(!d.value)return;const l={columns:e.columns,height:"100%",width:"100%",editable:e.editable,sortable:e.sortable,filterable:e.filterable,rowNumber:e.rowNumber,checkColumn:e.checkColumn,stateColumn:e.stateColumn,draggable:e.draggable,frozenColumns:e.frozenColumns,theme:e.theme,...e.options,onReady:t=>{var s;(s=e.data)!=null&&s.length&&t.setData(e.data),n("ready",t)},onCellClick:t=>n("cell-click",t),onRowClick:t=>n("row-click",t),onEditEnd:t=>n("edit-end",t),onSortChange:t=>n("sort-change",t),onFilterChange:t=>n("filter-change",t),onDataChange:t=>{i=t,n("update:data",t)}};o.value=new p.OpenGrid(d.value,l)}),a.watch(()=>e.data,l=>{!o.value||!l||l!==i&&o.value.setData(l)},{deep:!1}),a.watch(()=>e.theme,l=>{o.value&&l&&o.value.setTheme(l)}),a.watch(()=>e.columns,l=>{o.value&&o.value.applyColumns(l)},{deep:!1}),a.onUnmounted(()=>{var l;(l=o.value)==null||l.destroy(),o.value=null}),c({grid:o}),(l,t)=>(a.openBlock(),a.createElementBlock("div",{ref_key:"containerRef",ref:d,class:"og-vue-wrapper",style:a.normalizeStyle(f.value)},null,4))}}),m=(r,c)=>{const u=r.__vccOpts||r;for(const[e,n]of c)u[e]=n;return u},g=m(h,[["__scopeId","data-v-0a49d4fc"]]);exports.OpenGrid=g;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue"), OpenGrid$1 = require("./OpenGrid-0r_543Kj.cjs"), _sfc_main = vue.defineComponent({ __name: "OpenGrid", props: { data: { default: () => [] }, columns: {}, height: { default: 400 }, width: { default: "100%" }, editable: { type: Boolean, default: false }, sortable: { type: Boolean, default: true }, filterable: { type: Boolean, default: true }, rowNumber: { type: Boolean, default: false }, checkColumn: { type: Boolean, default: false }, stateColumn: { type: Boolean, default: false }, draggable: { type: Boolean, default: false }, frozenColumns: { default: 0 }, theme: { default: "default" }, options: {} }, emits: ["update:data", "ready", "cell-click", "row-click", "edit-end", "sort-change", "filter-change", "row-check"], setup(n, { expose: u, emit: r }) {
+  const e = n, o = r, c = vue.ref(), a = vue.shallowRef(null);
+  let d = null;
+  const i = vue.computed(() => ({ height: typeof e.height == "number" ? `${e.height}px` : e.height, width: typeof e.width == "number" ? `${e.width}px` : e.width }));
+  return vue.onMounted(() => {
+    if (!c.value) return;
+    const l = { columns: e.columns, height: "100%", width: "100%", editable: e.editable, sortable: e.sortable, filterable: e.filterable, rowNumber: e.rowNumber, checkColumn: e.checkColumn, stateColumn: e.stateColumn, draggable: e.draggable, frozenColumns: e.frozenColumns, theme: e.theme, ...e.options, onReady: (t) => {
+      var _a;
+      ((_a = e.data) == null ? void 0 : _a.length) && t.setData(e.data), o("ready", t);
+    }, onCellClick: (t) => o("cell-click", t), onRowClick: (t) => o("row-click", t), onEditEnd: (t) => o("edit-end", t), onSortChange: (t) => o("sort-change", t), onFilterChange: (t) => o("filter-change", t), onDataChange: (t) => {
+      d = t, o("update:data", t);
+    } };
+    a.value = new OpenGrid$1.OpenGrid(c.value, l);
+  }), vue.watch(() => e.data, (l) => {
+    !a.value || !l || l !== d && a.value.setData(l);
+  }, { deep: false }), vue.watch(() => e.theme, (l) => {
+    a.value && l && a.value.setTheme(l);
+  }), vue.watch(() => e.columns, (l) => {
+    a.value && a.value.applyColumns(l);
+  }, { deep: false }), vue.onUnmounted(() => {
+    var _a;
+    (_a = a.value) == null ? void 0 : _a.destroy(), a.value = null;
+  }), u({ grid: a }), (l, t) => (vue.openBlock(), vue.createElementBlock("div", { ref_key: "containerRef", ref: c, class: "og-vue-wrapper", style: vue.normalizeStyle(i.value) }, null, 4));
+} }), _export_sfc = (n, u) => {
+  const r = n.__vccOpts || n;
+  for (const [e, o] of u) r[e] = o;
+  return r;
+}, OpenGrid = _export_sfc(_sfc_main, [["__scopeId", "data-v-0a49d4fc"]]);
+exports.OpenGrid = OpenGrid;
 //# sourceMappingURL=open-grid-vue.cjs.map

package/dist/open-grid-vue.js

@@ -1,84 +1,34 @@
-import { defineComponent as p, ref as m, shallowRef as h, computed as g, onMounted as y, watch as d, onUnmounted as b, openBlock as v, createElementBlock as C, normalizeStyle as k } from "vue";
-import { O as w } from "./OpenGrid-B0Spm0rU.js";
-const _ = /* @__PURE__ */ p({
-  __name: "OpenGrid",
-  props: {
-    data: { default: () => [] },
-    columns: {},
-    height: { default: 400 },
-    width: { default: "100%" },
-    editable: { type: Boolean, default: !1 },
-    sortable: { type: Boolean, default: !0 },
-    filterable: { type: Boolean, default: !0 },
-    rowNumber: { type: Boolean, default: !1 },
-    checkColumn: { type: Boolean, default: !1 },
-    stateColumn: { type: Boolean, default: !1 },
-    draggable: { type: Boolean, default: !1 },
-    frozenColumns: { default: 0 },
-    theme: { default: "default" },
-    options: {}
-  },
-  emits: ["update:data", "ready", "cell-click", "row-click", "edit-end", "sort-change", "filter-change", "row-check"],
-  setup(n, { expose: u, emit: r }) {
-    const e = n, o = r, c = m(), a = h(null);
-    let i = null;
-    const f = g(() => ({
-      height: typeof e.height == "number" ? `${e.height}px` : e.height,
-      width: typeof e.width == "number" ? `${e.width}px` : e.width
-    }));
-    return y(() => {
-      if (!c.value) return;
-      const l = {
-        columns: e.columns,
-        height: "100%",
-        width: "100%",
-        editable: e.editable,
-        sortable: e.sortable,
-        filterable: e.filterable,
-        rowNumber: e.rowNumber,
-        checkColumn: e.checkColumn,
-        stateColumn: e.stateColumn,
-        draggable: e.draggable,
-        frozenColumns: e.frozenColumns,
-        theme: e.theme,
-        ...e.options,
-        onReady: (t) => {
-          var s;
-          (s = e.data) != null && s.length && t.setData(e.data), o("ready", t);
-        },
-        onCellClick: (t) => o("cell-click", t),
-        onRowClick: (t) => o("row-click", t),
-        onEditEnd: (t) => o("edit-end", t),
-        onSortChange: (t) => o("sort-change", t),
-        onFilterChange: (t) => o("filter-change", t),
-        onDataChange: (t) => {
-          i = t, o("update:data", t);
-        }
-      };
-      a.value = new w(c.value, l);
-    }), d(() => e.data, (l) => {
-      !a.value || !l || l !== i && a.value.setData(l);
-    }, { deep: !1 }), d(() => e.theme, (l) => {
-      a.value && l && a.value.setTheme(l);
-    }), d(() => e.columns, (l) => {
-      a.value && a.value.applyColumns(l);
-    }, { deep: !1 }), b(() => {
-      var l;
-      (l = a.value) == null || l.destroy(), a.value = null;
-    }), u({ grid: a }), (l, t) => (v(), C("div", {
-      ref_key: "containerRef",
-      ref: c,
-      class: "og-vue-wrapper",
-      style: k(f.value)
-    }, null, 4));
-  }
-}), B = (n, u) => {
+import { defineComponent as f, ref as p, shallowRef as m, computed as h, onMounted as g, watch as d, onUnmounted as y, openBlock as b, createElementBlock as v, normalizeStyle as C } from "vue";
+import { O as k } from "./OpenGrid-HmhGVC2V.js";
+const w = f({ __name: "OpenGrid", props: { data: { default: () => [] }, columns: {}, height: { default: 400 }, width: { default: "100%" }, editable: { type: Boolean, default: false }, sortable: { type: Boolean, default: true }, filterable: { type: Boolean, default: true }, rowNumber: { type: Boolean, default: false }, checkColumn: { type: Boolean, default: false }, stateColumn: { type: Boolean, default: false }, draggable: { type: Boolean, default: false }, frozenColumns: { default: 0 }, theme: { default: "default" }, options: {} }, emits: ["update:data", "ready", "cell-click", "row-click", "edit-end", "sort-change", "filter-change", "row-check"], setup(n, { expose: u, emit: r }) {
+  const e = n, o = r, c = p(), a = m(null);
+  let i = null;
+  const s = h(() => ({ height: typeof e.height == "number" ? `${e.height}px` : e.height, width: typeof e.width == "number" ? `${e.width}px` : e.width }));
+  return g(() => {
+    if (!c.value) return;
+    const l = { columns: e.columns, height: "100%", width: "100%", editable: e.editable, sortable: e.sortable, filterable: e.filterable, rowNumber: e.rowNumber, checkColumn: e.checkColumn, stateColumn: e.stateColumn, draggable: e.draggable, frozenColumns: e.frozenColumns, theme: e.theme, ...e.options, onReady: (t) => {
+      var _a;
+      ((_a = e.data) == null ? void 0 : _a.length) && t.setData(e.data), o("ready", t);
+    }, onCellClick: (t) => o("cell-click", t), onRowClick: (t) => o("row-click", t), onEditEnd: (t) => o("edit-end", t), onSortChange: (t) => o("sort-change", t), onFilterChange: (t) => o("filter-change", t), onDataChange: (t) => {
+      i = t, o("update:data", t);
+    } };
+    a.value = new k(c.value, l);
+  }), d(() => e.data, (l) => {
+    !a.value || !l || l !== i && a.value.setData(l);
+  }, { deep: false }), d(() => e.theme, (l) => {
+    a.value && l && a.value.setTheme(l);
+  }), d(() => e.columns, (l) => {
+    a.value && a.value.applyColumns(l);
+  }, { deep: false }), y(() => {
+    var _a;
+    (_a = a.value) == null ? void 0 : _a.destroy(), a.value = null;
+  }), u({ grid: a }), (l, t) => (b(), v("div", { ref_key: "containerRef", ref: c, class: "og-vue-wrapper", style: C(s.value) }, null, 4));
+} }), _ = (n, u) => {
   const r = n.__vccOpts || n;
-  for (const [e, o] of u)
-    r[e] = o;
+  for (const [e, o] of u) r[e] = o;
   return r;
-}, R = /* @__PURE__ */ B(_, [["__scopeId", "data-v-0a49d4fc"]]);
+}, B = _(w, [["__scopeId", "data-v-0a49d4fc"]]);
 export {
-  R as OpenGrid
+  B as OpenGrid
 };
 //# sourceMappingURL=open-grid-vue.js.map

package/dist/open-grid.cjs

@@ -1,7 +1,273 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("./OpenGrid-CuXj0isp.cjs");class C{constructor(t,e,i,c={}){this._left=t,this._right=e;const r=document.createElement("div");r.className="og-shuttle",r.style.cssText=`display:flex;gap:6px;align-items:center;justify-content:center;flex-direction:${c.layout==="horizontal"?"row":"column"};`;const a=(p,f,u)=>{const o=document.createElement("button");return o.type="button",o.className="og-shuttle-btn",o.textContent=p,o.title=f,o.style.cssText="min-width:34px;height:30px;padding:0 8px;border:1px solid #bbb;border-radius:7px;background:#fff;cursor:pointer;font-size:14px;color:#444;line-height:1;box-shadow:0 1px 2px rgba(0,0,0,0.06);",o.addEventListener("mouseover",()=>{o.style.background="#f0f6ff",o.style.borderColor="#1976d2"}),o.addEventListener("mouseout",()=>{o.style.background="#fff",o.style.borderColor="#bbb"}),o.addEventListener("click",u),o},_=c.labels??{},m=p=>this._left.t(p);r.appendChild(a(_.toRight??"▶",m("shuttle.toRight"),()=>{this._left.moveCheckedTo(this._right)})),r.appendChild(a(_.toLeft??"◀",m("shuttle.toLeft"),()=>{this._right.moveCheckedTo(this._left)})),c.includeAll&&(r.appendChild(a(_.allRight??"⏩",m("shuttle.allRight"),()=>{this._moveAll(this._left,this._right)})),r.appendChild(a(_.allLeft??"⏪",m("shuttle.allLeft"),()=>{this._moveAll(this._right,this._left)}))),i.appendChild(r),this._el=r}_moveAll(t,e){const i=t.getData().length;i>0&&t.moveRowsTo(e,Array.from({length:i},(c,r)=>r))}destroy(){this._el.remove()}}function T(A,t,e,i){return new C(A,t,e,i)}class v{constructor(t,e){this._data=[],this._roots=[],this._expandedKeys=new Set,this._selectedId=null,this._container=typeof t=="string"?document.querySelector(t):t,this._opts={nodeWidth:160,nodeHeight:72,levelGap:52,siblingGap:20,expandOnLoad:!0,onNodeClick:()=>{},...e},this._container.classList.add("og-orgchart")}setData(t){this._data=t;const{idField:e,parentIdField:i,expandOnLoad:c}=this._opts;c&&this._expandedKeys.size===0&&t.forEach(r=>this._expandedKeys.add(r[e])),this._roots=y.buildTree(t,{idField:e,parentIdField:i},this._expandedKeys),this._render()}setTheme(t){this._container.setAttribute("data-og-theme",t)}setSkin(t){this._container.setAttribute("data-og-skin",t)}expandAll(){const t=e=>{for(const i of e)this._expandedKeys.add(i._treeId),i.children.length&&t(i.children)};t(this._roots),this._rebuild()}collapseAll(){this._expandedKeys.clear(),this._rebuild()}_toggle(t){this._expandedKeys.has(t)?this._expandedKeys.delete(t):this._expandedKeys.add(t),this._rebuild()}_rebuild(){const{idField:t,parentIdField:e}=this._opts;this._roots=y.buildTree(this._data,{idField:t,parentIdField:e},this._expandedKeys),this._render()}_calcLayout(){const{nodeWidth:t,nodeHeight:e,levelGap:i,siblingGap:c}=this._opts,r=new Map;let a=0;const _=f=>{const u=f._depth*(e+i),o=f._expanded?f.children:[];if(!o.length){const g=a;return a+=t+c,r.set(f._treeId,{x:g,y:u}),{minX:g,maxX:g}}let n=1/0,l=-1/0;for(const g of o){const{minX:s,maxX:h}=_(g);s<n&&(n=s),h>l&&(l=h)}const d=n+(l-n+t)/2-t/2;return r.set(f._treeId,{x:d,y:u}),{minX:n,maxX:l}};for(const f of this._roots)_(f);let m=0,p=0;for(const{x:f,y:u}of r.values())f+t>m&&(m=f+t),u+e>p&&(p=u+e);return{layout:r,totalW:m+c,totalH:p+i+16}}_line(t,e,i,c,r){const a=document.createElementNS("http://www.w3.org/2000/svg","line");a.setAttribute("x1",String(e)),a.setAttribute("y1",String(i)),a.setAttribute("x2",String(c)),a.setAttribute("y2",String(r)),a.setAttribute("class","og-orgchart-line"),t.appendChild(a)}_render(){const{nodeWidth:t,nodeHeight:e,levelGap:i,columns:c}=this._opts,{layout:r,totalW:a,totalH:_}=this._calcLayout();this._container.innerHTML="";const m=document.createElement("div");m.className="og-orgchart-wrap",m.style.cssText=`width:${a}px;height:${_}px;`;const p=document.createElementNS("http://www.w3.org/2000/svg","svg");p.setAttribute("width",String(a)),p.setAttribute("height",String(_)),p.style.cssText="position:absolute;top:0;left:0;pointer-events:none;overflow:visible;";const f=o=>{for(const n of o){if(!n._expanded||!n.children.length)continue;const l=r.get(n._treeId),d=l.x+t/2,g=l.y+e,s=g+i/2,h=n.children;if(this._line(p,d,g,d,s),h.length>1){const x=r.get(h[0]._treeId),b=r.get(h[h.length-1]._treeId);this._line(p,x.x+t/2,s,b.x+t/2,s)}for(const x of h){const b=r.get(x._treeId),E=b.x+t/2;this._line(p,E,s,E,b.y)}f(h)}};f(this._roots),m.appendChild(p);const u=o=>{for(const n of o){const l=r.get(n._treeId);if(!l)continue;const d=document.createElement("div");d.className="og-orgchart-node",n._hasChildren&&d.classList.add("og-orgchart-node--branch"),n._expanded&&d.classList.add("og-orgchart-node--expanded"),this._selectedId===n._treeId&&d.classList.add("og-orgchart-node--selected"),d.style.cssText=`left:${l.x}px;top:${l.y}px;width:${t}px;height:${e}px;`;const g=document.createElement("div");g.className="og-orgchart-node-content";for(const s of c){const h=n.data[s.field],x=document.createElement("div");if(x.className="og-orgchart-col"+(s.className?" "+s.className:""),s.style){const b=typeof s.style=="function"?s.style(h,n.data):s.style;x.setAttribute("style",b)}if(s.renderer){const b=s.renderer(h,n.data);typeof b=="string"?x.innerHTML=b:x.appendChild(b)}else x.textContent=h??"";g.appendChild(x)}if(d.appendChild(g),n._hasChildren){const s=document.createElement("button");s.type="button",s.className="og-orgchart-toggle",s.setAttribute("aria-expanded",n._expanded?"true":"false"),s.setAttribute("aria-label",y.t(n._expanded?"tree.collapse":"tree.expand"));const h=document.createElement("i");h.setAttribute("aria-hidden","true"),h.className=n._expanded?"bi bi-dash-circle":"bi bi-plus-circle",s.appendChild(h),s.addEventListener("click",x=>{x.stopPropagation(),this._toggle(n._treeId)}),d.appendChild(s)}d.addEventListener("click",()=>{this._selectedId=n._treeId,this._opts.onNodeClick(n._treeId,n.data),this._container.querySelectorAll(".og-orgchart-node--selected").forEach(s=>s.classList.remove("og-orgchart-node--selected")),d.classList.add("og-orgchart-node--selected")}),m.appendChild(d),n._expanded&&n.children.length&&u(n.children)}};u(this._roots),this._container.appendChild(m)}}class N{static parse(t,e={}){var o,n;const{fieldMap:i={},trim:c=!0}=e,a=new DOMParser().parseFromString(t.trim(),"text/xml"),_=a.querySelector("parsererror");if(_)throw new Error(`XML 파싱 오류: ${(o=_.textContent)==null?void 0:o.trim()}`);const m=a.documentElement;let p=e.rowTag;if(!p){const l=e.rootTag?a.querySelector(e.rootTag):m;p=((n=l==null?void 0:l.children[0])==null?void 0:n.tagName)??"row"}const f=a.getElementsByTagName(p),u=[];for(let l=0;l<f.length;l++){const d=f[l],g={};for(const s of Array.from(d.attributes)){const h=i[s.name]??s.name;g[h]=c?s.value.trim():s.value}for(const s of Array.from(d.children)){const h=i[s.tagName]??s.tagName,x=s.textContent??"";g[h]=c?x.trim():x}u.push(g)}return u}static stringify(t,e={}){const{rootTag:i="rows",rowTag:c="row",mode:r="element",fieldMap:a={},declaration:_=!0,indent:m=2,nullAs:p="",excludeFields:f=[]}=e,u=" ".repeat(m),o=[];_&&o.push('<?xml version="1.0" encoding="UTF-8"?>'),o.push(`<${i}>`);for(const n of t){const l=Object.entries(n).filter(([d])=>!f.includes(d));if(r==="attribute"){const d=l.map(([g,s])=>{const h=a[g]??g,x=s==null?p:String(s);return`${h}="${this._escAttr(x)}"`}).join(" ");o.push(`${u}<${c}${d?" "+d:""} />`)}else{o.push(`${u}<${c}>`);for(const[d,g]of l){const s=a[d]??d,h=g==null?p:String(g);o.push(`${u}${u}<${s}>${this._escText(h)}</${s}>`)}o.push(`${u}</${c}>`)}}return o.push(`</${i}>`),o.join(`
-`)}static parseSap(t){var m,p,f,u;const i=new DOMParser().parseFromString(t.trim(),"text/xml"),c={header:{},items:[],returns:[],raw:i},r=i.getElementsByTagName("DOCUMENTHEADER")[0];if(r)for(const o of Array.from(r.children))c.header[o.tagName]=((m=o.textContent)==null?void 0:m.trim())??"";const a=i.getElementsByTagName("RETURN");for(const o of Array.from(a)){const n={};for(const l of Array.from(o.children))n[l.tagName]=((p=l.textContent)==null?void 0:p.trim())??"";c.returns.push(n)}const _=["ACCOUNTGL","ACCOUNTRECEIVABLE","ACCOUNTPAYABLE","ITEMS"];for(const o of _){const n=i.getElementsByTagName(o)[0];if(!n)continue;const l=n.getElementsByTagName("ITEM"),d=l.length>0?Array.from(l):[n];for(const g of d){const s={};for(const h of Array.from(g.children))s[h.tagName]=((f=h.textContent)==null?void 0:f.trim())??"";c.items.push(s)}break}if(c.items.length===0){const o=i.documentElement,n=Array.from(o.children).filter(l=>l.hasAttribute("SEGMENT"));for(const l of n){if(l.tagName==="EDI_DC40")continue;const d={};for(const g of Array.from(l.children))d[g.tagName]=((u=g.textContent)==null?void 0:u.trim())??"";Object.keys(d).length>0&&c.items.push(d)}}return c}static stringifySap(t){const e=['<?xml version="1.0" encoding="UTF-8"?>',"<BAPI_CALL>"];if(t.BAPI_FUNCTION&&e.push(`  <FUNCTION>${this._escText(t.BAPI_FUNCTION)}</FUNCTION>`),t.DOCUMENTHEADER&&typeof t.DOCUMENTHEADER=="object"){e.push("  <DOCUMENTHEADER>");for(const[c,r]of Object.entries(t.DOCUMENTHEADER))r!=null&&r!==""&&e.push(`    <${c}>${this._escText(String(r))}</${c}>`);e.push("  </DOCUMENTHEADER>")}const i=Object.keys(t).find(c=>Array.isArray(t[c])&&!c.startsWith("_"));if(i){e.push(`  <${i}>`);for(const c of t[i]){e.push("    <ITEM>");for(const[r,a]of Object.entries(c))a!=null&&a!==""&&!r.startsWith("_")&&e.push(`      <${r}>${this._escText(String(a))}</${r}>`);e.push("    </ITEM>")}e.push(`  </${i}>`)}return e.push("</BAPI_CALL>"),e.join(`
-`)}static stringifySapBatch(t){const e=['<?xml version="1.0" encoding="UTF-8"?>',`<BAPI_BATCH total="${t.documents.length}">`];return t.documents.forEach((i,c)=>{e.push(`  <BAPI_CALL seq="${c+1}">`);const r=this.stringifySap(i).split(`
-`).filter(a=>!a.startsWith("<?xml")).map(a=>"    "+a).join(`
-`);e.push(r),e.push("  </BAPI_CALL>")}),e.push("</BAPI_BATCH>"),e.join(`
-`)}static _escText(t){return t.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}static _escAttr(t){return this._escText(t).replace(/"/g,"&quot;").replace(/'/g,"&apos;")}}exports.DEFAULT_ICON_ROLES=y.DEFAULT_ICON_ROLES;exports.IconRegistry=y.IconRegistry;exports.LocaleRegistry=y.LocaleRegistry;exports.OpenGrid=y.OpenGrid;exports.SkinRegistry=y.SkinRegistry;exports.iconRegistry=y.iconRegistry;exports.localeRegistry=y.localeRegistry;exports.renderIcon=y.renderIcon;exports.skinRegistry=y.skinRegistry;exports.t=y.t;exports.GridShuttle=C;exports.OrgChart=v;exports.XmlConverter=N;exports.createGridShuttle=T;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const OpenGrid = require("./OpenGrid-0r_543Kj.cjs");
+class GridShuttle {
+  constructor(t, e, n, o = {}) {
+    this._left = t, this._right = e;
+    const s = document.createElement("div");
+    s.className = "og-shuttle", s.style.cssText = `display:flex;gap:6px;align-items:center;justify-content:center;flex-direction:${o.layout === "horizontal" ? "row" : "column"};`;
+    const a = (d, h, g) => {
+      const r = document.createElement("button");
+      return r.type = "button", r.className = "og-shuttle-btn", r.textContent = d, r.title = h, r.style.cssText = "min-width:34px;height:30px;padding:0 8px;border:1px solid #bbb;border-radius:7px;background:#fff;cursor:pointer;font-size:14px;color:#444;line-height:1;box-shadow:0 1px 2px rgba(0,0,0,0.06);", r.addEventListener("mouseover", () => {
+        r.style.background = "#f0f6ff", r.style.borderColor = "#1976d2";
+      }), r.addEventListener("mouseout", () => {
+        r.style.background = "#fff", r.style.borderColor = "#bbb";
+      }), r.addEventListener("click", g), r;
+    }, _ = o.labels ?? {}, p = (d) => this._left.t(d);
+    s.appendChild(a(_.toRight ?? "▶", p("shuttle.toRight"), () => {
+      this._left.moveCheckedTo(this._right);
+    })), s.appendChild(a(_.toLeft ?? "◀", p("shuttle.toLeft"), () => {
+      this._right.moveCheckedTo(this._left);
+    })), o.includeAll && (s.appendChild(a(_.allRight ?? "⏩", p("shuttle.allRight"), () => {
+      this._moveAll(this._left, this._right);
+    })), s.appendChild(a(_.allLeft ?? "⏪", p("shuttle.allLeft"), () => {
+      this._moveAll(this._right, this._left);
+    }))), n.appendChild(s), this._el = s;
+  }
+  _moveAll(t, e) {
+    const n = t.getData().length;
+    n > 0 && t.moveRowsTo(e, Array.from({ length: n }, (o, s) => s));
+  }
+  destroy() {
+    this._el.remove();
+  }
+}
+function createGridShuttle(E, t, e, n) {
+  return new GridShuttle(E, t, e, n);
+}
+class OrgChart {
+  constructor(t, e) {
+    this._data = [], this._roots = [], this._expandedKeys = /* @__PURE__ */ new Set(), this._selectedId = null, this._container = typeof t == "string" ? document.querySelector(t) : t, this._opts = { nodeWidth: 160, nodeHeight: 72, levelGap: 52, siblingGap: 20, expandOnLoad: true, onNodeClick: () => {
+    }, ...e }, this._container.classList.add("og-orgchart");
+  }
+  setData(t) {
+    this._data = t;
+    const { idField: e, parentIdField: n, expandOnLoad: o } = this._opts;
+    o && this._expandedKeys.size === 0 && t.forEach((s) => this._expandedKeys.add(s[e])), this._roots = OpenGrid.buildTree(t, { idField: e, parentIdField: n }, this._expandedKeys), this._render();
+  }
+  setTheme(t) {
+    this._container.setAttribute("data-og-theme", t);
+  }
+  setSkin(t) {
+    this._container.setAttribute("data-og-skin", t);
+  }
+  expandAll() {
+    const t = (e) => {
+      for (const n of e) this._expandedKeys.add(n._treeId), n.children.length && t(n.children);
+    };
+    t(this._roots), this._rebuild();
+  }
+  collapseAll() {
+    this._expandedKeys.clear(), this._rebuild();
+  }
+  _toggle(t) {
+    this._expandedKeys.has(t) ? this._expandedKeys.delete(t) : this._expandedKeys.add(t), this._rebuild();
+  }
+  _rebuild() {
+    const { idField: t, parentIdField: e } = this._opts;
+    this._roots = OpenGrid.buildTree(this._data, { idField: t, parentIdField: e }, this._expandedKeys), this._render();
+  }
+  _calcLayout() {
+    const { nodeWidth: t, nodeHeight: e, levelGap: n, siblingGap: o } = this._opts, s = /* @__PURE__ */ new Map();
+    let a = 0;
+    const _ = (h) => {
+      const g = h._depth * (e + n), r = h._expanded ? h.children : [];
+      if (!r.length) {
+        const f = a;
+        return a += t + o, s.set(h._treeId, { x: f, y: g }), { minX: f, maxX: f };
+      }
+      let i = 1 / 0, u = -1 / 0;
+      for (const f of r) {
+        const { minX: c, maxX: m } = _(f);
+        c < i && (i = c), m > u && (u = m);
+      }
+      const l = i + (u - i + t) / 2 - t / 2;
+      return s.set(h._treeId, { x: l, y: g }), { minX: i, maxX: u };
+    };
+    for (const h of this._roots) _(h);
+    let p = 0, d = 0;
+    for (const { x: h, y: g } of s.values()) h + t > p && (p = h + t), g + e > d && (d = g + e);
+    return { layout: s, totalW: p + o, totalH: d + n + 16 };
+  }
+  _line(t, e, n, o, s) {
+    const a = document.createElementNS("http://www.w3.org/2000/svg", "line");
+    a.setAttribute("x1", String(e)), a.setAttribute("y1", String(n)), a.setAttribute("x2", String(o)), a.setAttribute("y2", String(s)), a.setAttribute("class", "og-orgchart-line"), t.appendChild(a);
+  }
+  _render() {
+    const { nodeWidth: t, nodeHeight: e, levelGap: n, columns: o } = this._opts, { layout: s, totalW: a, totalH: _ } = this._calcLayout();
+    this._container.innerHTML = "";
+    const p = document.createElement("div");
+    p.className = "og-orgchart-wrap", p.style.cssText = `width:${a}px;height:${_}px;`;
+    const d = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+    d.setAttribute("width", String(a)), d.setAttribute("height", String(_)), d.style.cssText = "position:absolute;top:0;left:0;pointer-events:none;overflow:visible;";
+    const h = (r) => {
+      for (const i of r) {
+        if (!i._expanded || !i.children.length) continue;
+        const u = s.get(i._treeId), l = u.x + t / 2, f = u.y + e, c = f + n / 2, m = i.children;
+        if (this._line(d, l, f, l, c), m.length > 1) {
+          const x = s.get(m[0]._treeId), y = s.get(m[m.length - 1]._treeId);
+          this._line(d, x.x + t / 2, c, y.x + t / 2, c);
+        }
+        for (const x of m) {
+          const y = s.get(x._treeId), b = y.x + t / 2;
+          this._line(d, b, c, b, y.y);
+        }
+        h(m);
+      }
+    };
+    h(this._roots), p.appendChild(d);
+    const g = (r) => {
+      for (const i of r) {
+        const u = s.get(i._treeId);
+        if (!u) continue;
+        const l = document.createElement("div");
+        l.className = "og-orgchart-node", i._hasChildren && l.classList.add("og-orgchart-node--branch"), i._expanded && l.classList.add("og-orgchart-node--expanded"), this._selectedId === i._treeId && l.classList.add("og-orgchart-node--selected"), l.style.cssText = `left:${u.x}px;top:${u.y}px;width:${t}px;height:${e}px;`;
+        const f = document.createElement("div");
+        f.className = "og-orgchart-node-content";
+        for (const c of o) {
+          const m = i.data[c.field], x = document.createElement("div");
+          if (x.className = "og-orgchart-col" + (c.className ? " " + c.className : ""), c.style) {
+            const y = typeof c.style == "function" ? c.style(m, i.data) : c.style;
+            x.setAttribute("style", y);
+          }
+          if (c.renderer) {
+            const y = c.renderer(m, i.data);
+            typeof y == "string" ? x.innerHTML = y : x.appendChild(y);
+          } else x.textContent = m ?? "";
+          f.appendChild(x);
+        }
+        if (l.appendChild(f), i._hasChildren) {
+          const c = document.createElement("button");
+          c.type = "button", c.className = "og-orgchart-toggle", c.setAttribute("aria-expanded", i._expanded ? "true" : "false"), c.setAttribute("aria-label", OpenGrid.t(i._expanded ? "tree.collapse" : "tree.expand"));
+          const m = document.createElement("i");
+          m.setAttribute("aria-hidden", "true"), m.className = i._expanded ? "bi bi-dash-circle" : "bi bi-plus-circle", c.appendChild(m), c.addEventListener("click", (x) => {
+            x.stopPropagation(), this._toggle(i._treeId);
+          }), l.appendChild(c);
+        }
+        l.addEventListener("click", () => {
+          this._selectedId = i._treeId, this._opts.onNodeClick(i._treeId, i.data), this._container.querySelectorAll(".og-orgchart-node--selected").forEach((c) => c.classList.remove("og-orgchart-node--selected")), l.classList.add("og-orgchart-node--selected");
+        }), p.appendChild(l), i._expanded && i.children.length && g(i.children);
+      }
+    };
+    g(this._roots), this._container.appendChild(p);
+  }
+}
+class XmlConverter {
+  static parse(t, e = {}) {
+    var _a, _b, _c;
+    const { fieldMap: n = {}, trim: o = true } = e, a = new DOMParser().parseFromString(t.trim(), "text/xml"), _ = a.querySelector("parsererror");
+    if (_) throw new Error(`XML 파싱 오류: ${(_a = _.textContent) == null ? void 0 : _a.trim()}`);
+    const p = a.documentElement;
+    let d = e.rowTag;
+    d || (d = ((_c = (_b = e.rootTag ? a.querySelector(e.rootTag) : p) == null ? void 0 : _b.children[0]) == null ? void 0 : _c.tagName) ?? "row");
+    const h = a.getElementsByTagName(d), g = [];
+    for (let r = 0; r < h.length; r++) {
+      const i = h[r], u = {};
+      for (const l of Array.from(i.attributes)) {
+        const f = n[l.name] ?? l.name;
+        u[f] = o ? l.value.trim() : l.value;
+      }
+      for (const l of Array.from(i.children)) {
+        const f = n[l.tagName] ?? l.tagName, c = l.textContent ?? "";
+        u[f] = o ? c.trim() : c;
+      }
+      g.push(u);
+    }
+    return g;
+  }
+  static stringify(t, e = {}) {
+    const { rootTag: n = "rows", rowTag: o = "row", mode: s = "element", fieldMap: a = {}, declaration: _ = true, indent: p = 2, nullAs: d = "", excludeFields: h = [] } = e, g = " ".repeat(p), r = [];
+    _ && r.push('<?xml version="1.0" encoding="UTF-8"?>'), r.push(`<${n}>`);
+    for (const i of t) {
+      const u = Object.entries(i).filter(([l]) => !h.includes(l));
+      if (s === "attribute") {
+        const l = u.map(([f, c]) => {
+          const m = a[f] ?? f, x = c == null ? d : String(c);
+          return `${m}="${this._escAttr(x)}"`;
+        }).join(" ");
+        r.push(`${g}<${o}${l ? " " + l : ""} />`);
+      } else {
+        r.push(`${g}<${o}>`);
+        for (const [l, f] of u) {
+          const c = a[l] ?? l, m = f == null ? d : String(f);
+          r.push(`${g}${g}<${c}>${this._escText(m)}</${c}>`);
+        }
+        r.push(`${g}</${o}>`);
+      }
+    }
+    return r.push(`</${n}>`), r.join(`
+`);
+  }
+  static parseSap(t) {
+    var _a, _b, _c, _d;
+    const n = new DOMParser().parseFromString(t.trim(), "text/xml"), o = { header: {}, items: [], returns: [], raw: n }, s = n.getElementsByTagName("DOCUMENTHEADER")[0];
+    if (s) for (const p of Array.from(s.children)) o.header[p.tagName] = ((_a = p.textContent) == null ? void 0 : _a.trim()) ?? "";
+    const a = n.getElementsByTagName("RETURN");
+    for (const p of Array.from(a)) {
+      const d = {};
+      for (const h of Array.from(p.children)) d[h.tagName] = ((_b = h.textContent) == null ? void 0 : _b.trim()) ?? "";
+      o.returns.push(d);
+    }
+    const _ = ["ACCOUNTGL", "ACCOUNTRECEIVABLE", "ACCOUNTPAYABLE", "ITEMS"];
+    for (const p of _) {
+      const d = n.getElementsByTagName(p)[0];
+      if (!d) continue;
+      const h = d.getElementsByTagName("ITEM"), g = h.length > 0 ? Array.from(h) : [d];
+      for (const r of g) {
+        const i = {};
+        for (const u of Array.from(r.children)) i[u.tagName] = ((_c = u.textContent) == null ? void 0 : _c.trim()) ?? "";
+        o.items.push(i);
+      }
+      break;
+    }
+    if (o.items.length === 0) {
+      const p = n.documentElement, d = Array.from(p.children).filter((h) => h.hasAttribute("SEGMENT"));
+      for (const h of d) {
+        if (h.tagName === "EDI_DC40") continue;
+        const g = {};
+        for (const r of Array.from(h.children)) g[r.tagName] = ((_d = r.textContent) == null ? void 0 : _d.trim()) ?? "";
+        Object.keys(g).length > 0 && o.items.push(g);
+      }
+    }
+    return o;
+  }
+  static stringifySap(t) {
+    const e = ['<?xml version="1.0" encoding="UTF-8"?>', "<BAPI_CALL>"];
+    if (t.BAPI_FUNCTION && e.push(`  <FUNCTION>${this._escText(t.BAPI_FUNCTION)}</FUNCTION>`), t.DOCUMENTHEADER && typeof t.DOCUMENTHEADER == "object") {
+      e.push("  <DOCUMENTHEADER>");
+      for (const [o, s] of Object.entries(t.DOCUMENTHEADER)) s != null && s !== "" && e.push(`    <${o}>${this._escText(String(s))}</${o}>`);
+      e.push("  </DOCUMENTHEADER>");
+    }
+    const n = Object.keys(t).find((o) => Array.isArray(t[o]) && !o.startsWith("_"));
+    if (n) {
+      e.push(`  <${n}>`);
+      for (const o of t[n]) {
+        e.push("    <ITEM>");
+        for (const [s, a] of Object.entries(o)) a != null && a !== "" && !s.startsWith("_") && e.push(`      <${s}>${this._escText(String(a))}</${s}>`);
+        e.push("    </ITEM>");
+      }
+      e.push(`  </${n}>`);
+    }
+    return e.push("</BAPI_CALL>"), e.join(`
+`);
+  }
+  static stringifySapBatch(t) {
+    const e = ['<?xml version="1.0" encoding="UTF-8"?>', `<BAPI_BATCH total="${t.documents.length}">`];
+    return t.documents.forEach((n, o) => {
+      e.push(`  <BAPI_CALL seq="${o + 1}">`);
+      const s = this.stringifySap(n).split(`
+`).filter((a) => !a.startsWith("<?xml")).map((a) => "    " + a).join(`
+`);
+      e.push(s), e.push("  </BAPI_CALL>");
+    }), e.push("</BAPI_BATCH>"), e.join(`
+`);
+  }
+  static _escText(t) {
+    return t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+  }
+  static _escAttr(t) {
+    return this._escText(t).replace(/"/g, "&quot;").replace(/'/g, "&apos;");
+  }
+}
+exports.DEFAULT_ICON_ROLES = OpenGrid.DEFAULT_ICON_ROLES, exports.IconRegistry = OpenGrid.IconRegistry, exports.LocaleRegistry = OpenGrid.LocaleRegistry, exports.OpenGrid = OpenGrid.OpenGrid, exports.SkinRegistry = OpenGrid.SkinRegistry, exports.iconRegistry = OpenGrid.iconRegistry, exports.localeRegistry = OpenGrid.localeRegistry, exports.renderIcon = OpenGrid.renderIcon, exports.skinRegistry = OpenGrid.skinRegistry, exports.t = OpenGrid.t, exports.GridShuttle = GridShuttle, exports.OrgChart = OrgChart, exports.XmlConverter = XmlConverter, exports.createGridShuttle = createGridShuttle;
 //# sourceMappingURL=open-grid.cjs.map