open-grid 0.3.2 → 1.0.0-rc.1

package/dist/open-grid.js

@@ -1,7 +1,57 @@
-import { b as E } from "./OpenGrid-Dult64jp.js";
-import { O as w } from "./OpenGrid-Dult64jp.js";
+import { b as E } from "./OpenGrid-D7EJOVi1.js";
+import { O as L } from "./OpenGrid-D7EJOVi1.js";
+class C {
+  constructor(t, e, r, i = {}) {
+    this._left = t, this._right = e;
+    const o = document.createElement("div");
+    o.className = "og-shuttle", o.style.cssText = `display:flex;gap:6px;align-items:center;justify-content:center;flex-direction:${i.layout === "horizontal" ? "row" : "column"};`;
+    const c = (m, g, u) => {
+      const a = document.createElement("button");
+      return a.type = "button", a.className = "og-shuttle-btn", a.textContent = m, a.title = g, a.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);", a.addEventListener("mouseover", () => {
+        a.style.background = "#f0f6ff", a.style.borderColor = "#1976d2";
+      }), a.addEventListener("mouseout", () => {
+        a.style.background = "#fff", a.style.borderColor = "#bbb";
+      }), a.addEventListener("click", u), a;
+    }, _ = i.labels ?? {};
+    o.appendChild(c(
+      _.toRight ?? "▶",
+      "체크한 행을 오른쪽 그리드로 이동",
+      () => {
+        this._left.moveCheckedTo(this._right);
+      }
+    )), o.appendChild(c(
+      _.toLeft ?? "◀",
+      "체크한 행을 왼쪽 그리드로 이동",
+      () => {
+        this._right.moveCheckedTo(this._left);
+      }
+    )), i.includeAll && (o.appendChild(c(
+      _.allRight ?? "⏩",
+      "왼쪽 전체를 오른쪽으로 이동",
+      () => {
+        this._moveAll(this._left, this._right);
+      }
+    )), o.appendChild(c(
+      _.allLeft ?? "⏪",
+      "오른쪽 전체를 왼쪽으로 이동",
+      () => {
+        this._moveAll(this._right, this._left);
+      }
+    ))), r.appendChild(o), this._el = o;
+  }
+  _moveAll(t, e) {
+    const r = t.getData().length;
+    r > 0 && t.moveRowsTo(e, Array.from({ length: r }, (i, o) => o));
+  }
+  destroy() {
+    this._el.remove();
+  }
+}
+function v(b, t, e, r) {
+  return new C(b, t, e, r);
+}
 class N {
-  constructor(t, s) {
+  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,
@@ -10,21 +60,21 @@ class N {
       expandOnLoad: !0,
       onNodeClick: () => {
       },
-      ...s
+      ...e
     }, this._container.classList.add("og-orgchart");
   }
   setData(t) {
     this._data = t;
-    const { idField: s, parentIdField: c, expandOnLoad: o } = this._opts;
-    o && this._expandedKeys.size === 0 && t.forEach((a) => this._expandedKeys.add(a[s])), this._roots = E(t, { idField: s, parentIdField: c }, this._expandedKeys), this._render();
+    const { idField: e, parentIdField: r, expandOnLoad: i } = this._opts;
+    i && this._expandedKeys.size === 0 && t.forEach((o) => this._expandedKeys.add(o[e])), this._roots = E(t, { idField: e, parentIdField: r }, this._expandedKeys), this._render();
   }
   setTheme(t) {
     this._container.setAttribute("data-og-theme", t);
   }
   expandAll() {
-    const t = (s) => {
-      for (const c of s)
-        this._expandedKeys.add(c._treeId), c.children.length && t(c.children);
+    const t = (e) => {
+      for (const r of e)
+        this._expandedKeys.add(r._treeId), r.children.length && t(r.children);
     };
     t(this._roots), this._rebuild();
   }
@@ -35,100 +85,100 @@ class N {
     this._expandedKeys.has(t) ? this._expandedKeys.delete(t) : this._expandedKeys.add(t), this._rebuild();
   }
   _rebuild() {
-    const { idField: t, parentIdField: s } = this._opts;
-    this._roots = E(this._data, { idField: t, parentIdField: s }, this._expandedKeys), this._render();
+    const { idField: t, parentIdField: e } = this._opts;
+    this._roots = E(this._data, { idField: t, parentIdField: e }, this._expandedKeys), this._render();
   }
   // ── 레이아웃 계산 (post-order: 리프부터 배치, 부모는 자식 중앙) ──
   _calcLayout() {
-    const { nodeWidth: t, nodeHeight: s, levelGap: c, siblingGap: o } = this._opts, a = /* @__PURE__ */ new Map();
-    let l = 0;
-    const x = (f) => {
-      const m = f._depth * (s + c), h = f._expanded ? f.children : [];
-      if (!h.length) {
-        const p = l;
-        return l += t + o, a.set(f._treeId, { x: p, y: m }), { minX: p, maxX: p };
+    const { nodeWidth: t, nodeHeight: e, levelGap: r, siblingGap: i } = this._opts, o = /* @__PURE__ */ new Map();
+    let c = 0;
+    const _ = (u) => {
+      const a = u._depth * (e + r), p = u._expanded ? u.children : [];
+      if (!p.length) {
+        const f = c;
+        return c += t + i, o.set(u._treeId, { x: f, y: a }), { minX: f, maxX: f };
       }
-      let n = 1 / 0, r = -1 / 0;
-      for (const p of h) {
-        const { minX: e, maxX: d } = x(p);
-        e < n && (n = e), d > r && (r = d);
+      let n = 1 / 0, l = -1 / 0;
+      for (const f of p) {
+        const { minX: s, maxX: h } = _(f);
+        s < n && (n = s), h > l && (l = h);
       }
-      const i = n + (r - n + t) / 2 - t / 2;
-      return a.set(f._treeId, { x: i, y: m }), { minX: n, maxX: r };
+      const d = n + (l - n + t) / 2 - t / 2;
+      return o.set(u._treeId, { x: d, y: a }), { minX: n, maxX: l };
     };
-    for (const f of this._roots) x(f);
-    let _ = 0, g = 0;
-    for (const { x: f, y: m } of a.values())
-      f + t > _ && (_ = f + t), m + s > g && (g = m + s);
-    return { layout: a, totalW: _ + o, totalH: g + c + 16 };
+    for (const u of this._roots) _(u);
+    let m = 0, g = 0;
+    for (const { x: u, y: a } of o.values())
+      u + t > m && (m = u + t), a + e > g && (g = a + e);
+    return { layout: o, totalW: m + i, totalH: g + r + 16 };
   }
   // ── SVG 직선 헬퍼 ──
-  _line(t, s, c, o, a) {
-    const l = document.createElementNS("http://www.w3.org/2000/svg", "line");
-    l.setAttribute("x1", String(s)), l.setAttribute("y1", String(c)), l.setAttribute("x2", String(o)), l.setAttribute("y2", String(a)), l.setAttribute("class", "og-orgchart-line"), t.appendChild(l);
+  _line(t, e, r, i, o) {
+    const c = document.createElementNS("http://www.w3.org/2000/svg", "line");
+    c.setAttribute("x1", String(e)), c.setAttribute("y1", String(r)), c.setAttribute("x2", String(i)), c.setAttribute("y2", String(o)), c.setAttribute("class", "og-orgchart-line"), t.appendChild(c);
   }
   // ── 렌더 ──
   _render() {
-    const { nodeWidth: t, nodeHeight: s, levelGap: c, columns: o } = this._opts, { layout: a, totalW: l, totalH: x } = this._calcLayout();
+    const { nodeWidth: t, nodeHeight: e, levelGap: r, columns: i } = this._opts, { layout: o, totalW: c, totalH: _ } = this._calcLayout();
     this._container.innerHTML = "";
-    const _ = document.createElement("div");
-    _.className = "og-orgchart-wrap", _.style.cssText = `width:${l}px;height:${x}px;`;
+    const m = document.createElement("div");
+    m.className = "og-orgchart-wrap", m.style.cssText = `width:${c}px;height:${_}px;`;
     const g = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-    g.setAttribute("width", String(l)), g.setAttribute("height", String(x)), g.style.cssText = "position:absolute;top:0;left:0;pointer-events:none;overflow:visible;";
-    const f = (h) => {
-      for (const n of h) {
+    g.setAttribute("width", String(c)), g.setAttribute("height", String(_)), g.style.cssText = "position:absolute;top:0;left:0;pointer-events:none;overflow:visible;";
+    const u = (p) => {
+      for (const n of p) {
         if (!n._expanded || !n.children.length) continue;
-        const r = a.get(n._treeId), i = r.x + t / 2, p = r.y + s, e = p + c / 2, d = n.children;
-        if (this._line(g, i, p, i, e), d.length > 1) {
-          const u = a.get(d[0]._treeId), y = a.get(d[d.length - 1]._treeId);
-          this._line(g, u.x + t / 2, e, y.x + t / 2, e);
+        const l = o.get(n._treeId), d = l.x + t / 2, f = l.y + e, s = f + r / 2, h = n.children;
+        if (this._line(g, d, f, d, s), h.length > 1) {
+          const x = o.get(h[0]._treeId), y = o.get(h[h.length - 1]._treeId);
+          this._line(g, x.x + t / 2, s, y.x + t / 2, s);
         }
-        for (const u of d) {
-          const y = a.get(u._treeId), A = y.x + t / 2;
-          this._line(g, A, e, A, y.y);
+        for (const x of h) {
+          const y = o.get(x._treeId), A = y.x + t / 2;
+          this._line(g, A, s, A, y.y);
         }
-        f(d);
+        u(h);
       }
     };
-    f(this._roots), _.appendChild(g);
-    const m = (h) => {
-      for (const n of h) {
-        const r = a.get(n._treeId);
-        if (!r) continue;
-        const i = document.createElement("div");
-        i.className = "og-orgchart-node", n._hasChildren && i.classList.add("og-orgchart-node--branch"), n._expanded && i.classList.add("og-orgchart-node--expanded"), this._selectedId === n._treeId && i.classList.add("og-orgchart-node--selected"), i.style.cssText = `left:${r.x}px;top:${r.y}px;width:${t}px;height:${s}px;`;
-        const p = document.createElement("div");
-        p.className = "og-orgchart-node-content";
-        for (const e of o) {
-          const d = n.data[e.field], u = document.createElement("div");
-          if (u.className = "og-orgchart-col" + (e.className ? " " + e.className : ""), e.style) {
-            const y = typeof e.style == "function" ? e.style(d, n.data) : e.style;
-            u.setAttribute("style", y);
+    u(this._roots), m.appendChild(g);
+    const a = (p) => {
+      for (const n of p) {
+        const l = o.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 f = document.createElement("div");
+        f.className = "og-orgchart-node-content";
+        for (const s of i) {
+          const h = n.data[s.field], x = document.createElement("div");
+          if (x.className = "og-orgchart-col" + (s.className ? " " + s.className : ""), s.style) {
+            const y = typeof s.style == "function" ? s.style(h, n.data) : s.style;
+            x.setAttribute("style", y);
           }
-          if (e.renderer) {
-            const y = e.renderer(d, n.data);
-            typeof y == "string" ? u.innerHTML = y : u.appendChild(y);
+          if (s.renderer) {
+            const y = s.renderer(h, n.data);
+            typeof y == "string" ? x.innerHTML = y : x.appendChild(y);
           } else
-            u.textContent = d ?? "";
-          p.appendChild(u);
+            x.textContent = h ?? "";
+          f.appendChild(x);
         }
-        if (i.appendChild(p), n._hasChildren) {
-          const e = document.createElement("button");
-          e.type = "button", e.className = "og-orgchart-toggle", e.setAttribute("aria-expanded", n._expanded ? "true" : "false"), e.setAttribute("aria-label", n._expanded ? "접기" : "펼치기");
-          const d = document.createElement("i");
-          d.setAttribute("aria-hidden", "true"), d.className = n._expanded ? "bi bi-dash-circle" : "bi bi-plus-circle", e.appendChild(d), e.addEventListener("click", (u) => {
-            u.stopPropagation(), this._toggle(n._treeId);
-          }), i.appendChild(e);
+        if (d.appendChild(f), 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", n._expanded ? "접기" : "펼치기");
+          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);
         }
-        i.addEventListener("click", () => {
-          this._selectedId = n._treeId, this._opts.onNodeClick(n._treeId, n.data), this._container.querySelectorAll(".og-orgchart-node--selected").forEach((e) => e.classList.remove("og-orgchart-node--selected")), i.classList.add("og-orgchart-node--selected");
-        }), _.appendChild(i), n._expanded && n.children.length && m(n.children);
+        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 && a(n.children);
       }
     };
-    m(this._roots), this._container.appendChild(_);
+    a(this._roots), this._container.appendChild(m);
   }
 }
-class b {
+class w {
   // ── 1. XML → 데이터 배열 ────────────────────────────────────
   /**
    * XML 문자열을 파싱하여 그리드 데이터 배열로 변환.
@@ -136,65 +186,65 @@ class b {
    *
    * @throws XML 파싱 오류 시 Error 발생
    */
-  static parse(t, s = {}) {
-    var h, n;
-    const { fieldMap: c = {}, trim: o = !0 } = s, l = new DOMParser().parseFromString(t.trim(), "text/xml"), x = l.querySelector("parsererror");
-    if (x) throw new Error(`XML 파싱 오류: ${(h = x.textContent) == null ? void 0 : h.trim()}`);
-    const _ = l.documentElement;
-    let g = s.rowTag;
+  static parse(t, e = {}) {
+    var p, n;
+    const { fieldMap: r = {}, trim: i = !0 } = e, c = new DOMParser().parseFromString(t.trim(), "text/xml"), _ = c.querySelector("parsererror");
+    if (_) throw new Error(`XML 파싱 오류: ${(p = _.textContent) == null ? void 0 : p.trim()}`);
+    const m = c.documentElement;
+    let g = e.rowTag;
     if (!g) {
-      const r = s.rootTag ? l.querySelector(s.rootTag) : _;
-      g = ((n = r == null ? void 0 : r.children[0]) == null ? void 0 : n.tagName) ?? "row";
+      const l = e.rootTag ? c.querySelector(e.rootTag) : m;
+      g = ((n = l == null ? void 0 : l.children[0]) == null ? void 0 : n.tagName) ?? "row";
     }
-    const f = l.getElementsByTagName(g), m = [];
-    for (let r = 0; r < f.length; r++) {
-      const i = f[r], p = {};
-      for (const e of Array.from(i.attributes)) {
-        const d = c[e.name] ?? e.name;
-        p[d] = o ? e.value.trim() : e.value;
+    const u = c.getElementsByTagName(g), a = [];
+    for (let l = 0; l < u.length; l++) {
+      const d = u[l], f = {};
+      for (const s of Array.from(d.attributes)) {
+        const h = r[s.name] ?? s.name;
+        f[h] = i ? s.value.trim() : s.value;
       }
-      for (const e of Array.from(i.children)) {
-        const d = c[e.tagName] ?? e.tagName, u = e.textContent ?? "";
-        p[d] = o ? u.trim() : u;
+      for (const s of Array.from(d.children)) {
+        const h = r[s.tagName] ?? s.tagName, x = s.textContent ?? "";
+        f[h] = i ? x.trim() : x;
       }
-      m.push(p);
+      a.push(f);
     }
-    return m;
+    return a;
   }
   // ── 2. 데이터 배열 → XML ─────────────────────────────────────
   /**
    * 그리드 데이터 배열을 XML 문자열로 직렬화.
    */
-  static stringify(t, s = {}) {
+  static stringify(t, e = {}) {
     const {
-      rootTag: c = "rows",
-      rowTag: o = "row",
-      mode: a = "element",
-      fieldMap: l = {},
-      declaration: x = !0,
-      indent: _ = 2,
+      rootTag: r = "rows",
+      rowTag: i = "row",
+      mode: o = "element",
+      fieldMap: c = {},
+      declaration: _ = !0,
+      indent: m = 2,
       nullAs: g = "",
-      excludeFields: f = []
-    } = s, m = " ".repeat(_), h = [];
-    x && h.push('<?xml version="1.0" encoding="UTF-8"?>'), h.push(`<${c}>`);
+      excludeFields: u = []
+    } = e, a = " ".repeat(m), p = [];
+    _ && p.push('<?xml version="1.0" encoding="UTF-8"?>'), p.push(`<${r}>`);
     for (const n of t) {
-      const r = Object.entries(n).filter(([i]) => !f.includes(i));
-      if (a === "attribute") {
-        const i = r.map(([p, e]) => {
-          const d = l[p] ?? p, u = e == null ? g : String(e);
-          return `${d}="${this._escAttr(u)}"`;
+      const l = Object.entries(n).filter(([d]) => !u.includes(d));
+      if (o === "attribute") {
+        const d = l.map(([f, s]) => {
+          const h = c[f] ?? f, x = s == null ? g : String(s);
+          return `${h}="${this._escAttr(x)}"`;
         }).join(" ");
-        h.push(`${m}<${o}${i ? " " + i : ""} />`);
+        p.push(`${a}<${i}${d ? " " + d : ""} />`);
       } else {
-        h.push(`${m}<${o}>`);
-        for (const [i, p] of r) {
-          const e = l[i] ?? i, d = p == null ? g : String(p);
-          h.push(`${m}${m}<${e}>${this._escText(d)}</${e}>`);
+        p.push(`${a}<${i}>`);
+        for (const [d, f] of l) {
+          const s = c[d] ?? d, h = f == null ? g : String(f);
+          p.push(`${a}${a}<${s}>${this._escText(h)}</${s}>`);
         }
-        h.push(`${m}</${o}>`);
+        p.push(`${a}</${i}>`);
       }
     }
-    return h.push(`</${c}>`), h.join(`
+    return p.push(`</${r}>`), p.join(`
 `);
   }
   // ── 3. SAP BAPI XML 응답 파싱 ────────────────────────────────
@@ -207,42 +257,42 @@ class b {
    *   <RETURN><TYPE>S</TYPE><MESSAGE>...</MESSAGE></RETURN>
    */
   static parseSap(t) {
-    var _, g, f, m;
-    const c = new DOMParser().parseFromString(t.trim(), "text/xml"), o = { header: {}, items: [], returns: [], raw: c }, a = c.getElementsByTagName("DOCUMENTHEADER")[0];
-    if (a)
-      for (const h of Array.from(a.children))
-        o.header[h.tagName] = ((_ = h.textContent) == null ? void 0 : _.trim()) ?? "";
-    const l = c.getElementsByTagName("RETURN");
-    for (const h of Array.from(l)) {
+    var m, g, u, a;
+    const r = new DOMParser().parseFromString(t.trim(), "text/xml"), i = { header: {}, items: [], returns: [], raw: r }, o = r.getElementsByTagName("DOCUMENTHEADER")[0];
+    if (o)
+      for (const p of Array.from(o.children))
+        i.header[p.tagName] = ((m = p.textContent) == null ? void 0 : m.trim()) ?? "";
+    const c = r.getElementsByTagName("RETURN");
+    for (const p of Array.from(c)) {
       const n = {};
-      for (const r of Array.from(h.children))
-        n[r.tagName] = ((g = r.textContent) == null ? void 0 : g.trim()) ?? "";
-      o.returns.push(n);
+      for (const l of Array.from(p.children))
+        n[l.tagName] = ((g = l.textContent) == null ? void 0 : g.trim()) ?? "";
+      i.returns.push(n);
     }
-    const x = ["ACCOUNTGL", "ACCOUNTRECEIVABLE", "ACCOUNTPAYABLE", "ITEMS"];
-    for (const h of x) {
-      const n = c.getElementsByTagName(h)[0];
+    const _ = ["ACCOUNTGL", "ACCOUNTRECEIVABLE", "ACCOUNTPAYABLE", "ITEMS"];
+    for (const p of _) {
+      const n = r.getElementsByTagName(p)[0];
       if (!n) continue;
-      const r = n.getElementsByTagName("ITEM"), i = r.length > 0 ? Array.from(r) : [n];
-      for (const p of i) {
-        const e = {};
-        for (const d of Array.from(p.children))
-          e[d.tagName] = ((f = d.textContent) == null ? void 0 : f.trim()) ?? "";
-        o.items.push(e);
+      const l = n.getElementsByTagName("ITEM"), d = l.length > 0 ? Array.from(l) : [n];
+      for (const f of d) {
+        const s = {};
+        for (const h of Array.from(f.children))
+          s[h.tagName] = ((u = h.textContent) == null ? void 0 : u.trim()) ?? "";
+        i.items.push(s);
       }
       break;
     }
-    if (o.items.length === 0) {
-      const h = c.documentElement, n = Array.from(h.children).filter((r) => r.hasAttribute("SEGMENT"));
-      for (const r of n) {
-        if (r.tagName === "EDI_DC40") continue;
-        const i = {};
-        for (const p of Array.from(r.children))
-          i[p.tagName] = ((m = p.textContent) == null ? void 0 : m.trim()) ?? "";
-        Object.keys(i).length > 0 && o.items.push(i);
+    if (i.items.length === 0) {
+      const p = r.documentElement, n = Array.from(p.children).filter((l) => l.hasAttribute("SEGMENT"));
+      for (const l of n) {
+        if (l.tagName === "EDI_DC40") continue;
+        const d = {};
+        for (const f of Array.from(l.children))
+          d[f.tagName] = ((a = f.textContent) == null ? void 0 : a.trim()) ?? "";
+        Object.keys(d).length > 0 && i.items.push(d);
       }
     }
-    return o;
+    return i;
   }
   // ── 4. SAP BAPI 페이로드 → XML 직렬화 ───────────────────────
   /**
@@ -250,30 +300,30 @@ class b {
    * sapGenPayload()의 결과 또는 단일 document 객체를 받음.
    */
   static stringifySap(t) {
-    const s = [
+    const e = [
       '<?xml version="1.0" encoding="UTF-8"?>',
       "<BAPI_CALL>"
     ];
-    if (t.BAPI_FUNCTION && s.push(`  <FUNCTION>${this._escText(t.BAPI_FUNCTION)}</FUNCTION>`), t.DOCUMENTHEADER && typeof t.DOCUMENTHEADER == "object") {
-      s.push("  <DOCUMENTHEADER>");
-      for (const [o, a] of Object.entries(t.DOCUMENTHEADER))
-        a != null && a !== "" && s.push(`    <${o}>${this._escText(String(a))}</${o}>`);
-      s.push("  </DOCUMENTHEADER>");
+    if (t.BAPI_FUNCTION && e.push(`  <FUNCTION>${this._escText(t.BAPI_FUNCTION)}</FUNCTION>`), t.DOCUMENTHEADER && typeof t.DOCUMENTHEADER == "object") {
+      e.push("  <DOCUMENTHEADER>");
+      for (const [i, o] of Object.entries(t.DOCUMENTHEADER))
+        o != null && o !== "" && e.push(`    <${i}>${this._escText(String(o))}</${i}>`);
+      e.push("  </DOCUMENTHEADER>");
     }
-    const c = Object.keys(t).find(
-      (o) => Array.isArray(t[o]) && !o.startsWith("_")
+    const r = Object.keys(t).find(
+      (i) => Array.isArray(t[i]) && !i.startsWith("_")
     );
-    if (c) {
-      s.push(`  <${c}>`);
-      for (const o of t[c]) {
-        s.push("    <ITEM>");
-        for (const [a, l] of Object.entries(o))
-          l != null && l !== "" && !a.startsWith("_") && s.push(`      <${a}>${this._escText(String(l))}</${a}>`);
-        s.push("    </ITEM>");
+    if (r) {
+      e.push(`  <${r}>`);
+      for (const i of t[r]) {
+        e.push("    <ITEM>");
+        for (const [o, c] of Object.entries(i))
+          c != null && c !== "" && !o.startsWith("_") && e.push(`      <${o}>${this._escText(String(c))}</${o}>`);
+        e.push("    </ITEM>");
       }
-      s.push(`  </${c}>`);
+      e.push(`  </${r}>`);
     }
-    return s.push("</BAPI_CALL>"), s.join(`
+    return e.push("</BAPI_CALL>"), e.join(`
 `);
   }
   // ── 5. 다건 documents 배열 → XML (sapGenPayload 결과 전체) ───
@@ -282,17 +332,17 @@ class b {
    * 다건 BAPI XML로 직렬화.
    */
   static stringifySapBatch(t) {
-    const s = [
+    const e = [
       '<?xml version="1.0" encoding="UTF-8"?>',
       `<BAPI_BATCH total="${t.documents.length}">`
     ];
-    return t.documents.forEach((c, o) => {
-      s.push(`  <BAPI_CALL seq="${o + 1}">`);
-      const a = this.stringifySap(c).split(`
-`).filter((l) => !l.startsWith("<?xml")).map((l) => "    " + l).join(`
+    return t.documents.forEach((r, i) => {
+      e.push(`  <BAPI_CALL seq="${i + 1}">`);
+      const o = this.stringifySap(r).split(`
+`).filter((c) => !c.startsWith("<?xml")).map((c) => "    " + c).join(`
 `);
-      s.push(a), s.push("  </BAPI_CALL>");
-    }), s.push("</BAPI_BATCH>"), s.join(`
+      e.push(o), e.push("  </BAPI_CALL>");
+    }), e.push("</BAPI_BATCH>"), e.join(`
 `);
   }
   // ── 내부 이스케이프 헬퍼 ─────────────────────────────────────
@@ -304,8 +354,10 @@ class b {
   }
 }
 export {
-  w as OpenGrid,
+  C as GridShuttle,
+  L as OpenGrid,
   N as OrgChart,
-  b as XmlConverter
+  w as XmlConverter,
+  v as createGridShuttle
 };
 //# sourceMappingURL=open-grid.js.map