open-grid 1.1.1 → 1.2.0

package/dist/open-grid-react.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react/jsx-runtime"),r=require("react"),D=require("./OpenGrid-LcZ5iixx.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 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;
 //# sourceMappingURL=open-grid-react.cjs.map

package/dist/open-grid-react.js

@@ -1,6 +1,6 @@
 import { jsx as A } from "react/jsx-runtime";
 import K, { useRef as f, useEffect as u } from "react";
-import { O as L } from "./OpenGrid-yg4mw6Ge.js";
+import { O as L } from "./OpenGrid-B0Spm0rU.js";
 function M({
   data: r,
   columns: e,

package/dist/open-grid-vue.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),p=require("./OpenGrid-LcZ5iixx.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 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;
 //# sourceMappingURL=open-grid-vue.cjs.map

package/dist/open-grid-vue.js

@@ -1,5 +1,5 @@
 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-yg4mw6Ge.js";
+import { O as w } from "./OpenGrid-B0Spm0rU.js";
 const _ = /* @__PURE__ */ p({
   __name: "OpenGrid",
   props: {

package/dist/open-grid.cjs

@@ -1,7 +1,7 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("./OpenGrid-LcZ5iixx.cjs");class C{constructor(t,e,o,i={}){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:${i.layout==="horizontal"?"row":"column"};`;const c=(m,f,u)=>{const a=document.createElement("button");return a.type="button",a.className="og-shuttle-btn",a.textContent=m,a.title=f,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??{};r.appendChild(c(_.toRight??"▶","체크한 행을 오른쪽 그리드로 이동",()=>{this._left.moveCheckedTo(this._right)})),r.appendChild(c(_.toLeft??"◀","체크한 행을 왼쪽 그리드로 이동",()=>{this._right.moveCheckedTo(this._left)})),i.includeAll&&(r.appendChild(c(_.allRight??"⏩","왼쪽 전체를 오른쪽으로 이동",()=>{this._moveAll(this._left,this._right)})),r.appendChild(c(_.allLeft??"⏪","오른쪽 전체를 왼쪽으로 이동",()=>{this._moveAll(this._right,this._left)}))),o.appendChild(r),this._el=r}_moveAll(t,e){const o=t.getData().length;o>0&&t.moveRowsTo(e,Array.from({length:o},(i,r)=>r))}destroy(){this._el.remove()}}function T(A,t,e,o){return new C(A,t,e,o)}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:o,expandOnLoad:i}=this._opts;i&&this._expandedKeys.size===0&&t.forEach(r=>this._expandedKeys.add(r[e])),this._roots=b.buildTree(t,{idField:e,parentIdField:o},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 o of e)this._expandedKeys.add(o._treeId),o.children.length&&t(o.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=b.buildTree(this._data,{idField:t,parentIdField:e},this._expandedKeys),this._render()}_calcLayout(){const{nodeWidth:t,nodeHeight:e,levelGap:o,siblingGap:i}=this._opts,r=new Map;let c=0;const _=u=>{const a=u._depth*(e+o),g=u._expanded?u.children:[];if(!g.length){const p=c;return c+=t+i,r.set(u._treeId,{x:p,y:a}),{minX:p,maxX:p}}let n=1/0,l=-1/0;for(const p of g){const{minX:s,maxX:h}=_(p);s<n&&(n=s),h>l&&(l=h)}const d=n+(l-n+t)/2-t/2;return r.set(u._treeId,{x:d,y:a}),{minX:n,maxX:l}};for(const u of this._roots)_(u);let m=0,f=0;for(const{x:u,y:a}of r.values())u+t>m&&(m=u+t),a+e>f&&(f=a+e);return{layout:r,totalW:m+i,totalH:f+o+16}}_line(t,e,o,i,r){const c=document.createElementNS("http://www.w3.org/2000/svg","line");c.setAttribute("x1",String(e)),c.setAttribute("y1",String(o)),c.setAttribute("x2",String(i)),c.setAttribute("y2",String(r)),c.setAttribute("class","og-orgchart-line"),t.appendChild(c)}_render(){const{nodeWidth:t,nodeHeight:e,levelGap:o,columns:i}=this._opts,{layout:r,totalW:c,totalH:_}=this._calcLayout();this._container.innerHTML="";const m=document.createElement("div");m.className="og-orgchart-wrap",m.style.cssText=`width:${c}px;height:${_}px;`;const f=document.createElementNS("http://www.w3.org/2000/svg","svg");f.setAttribute("width",String(c)),f.setAttribute("height",String(_)),f.style.cssText="position:absolute;top:0;left:0;pointer-events:none;overflow:visible;";const u=g=>{for(const n of g){if(!n._expanded||!n.children.length)continue;const l=r.get(n._treeId),d=l.x+t/2,p=l.y+e,s=p+o/2,h=n.children;if(this._line(f,d,p,d,s),h.length>1){const x=r.get(h[0]._treeId),y=r.get(h[h.length-1]._treeId);this._line(f,x.x+t/2,s,y.x+t/2,s)}for(const x of h){const y=r.get(x._treeId),E=y.x+t/2;this._line(f,E,s,E,y.y)}u(h)}};u(this._roots),m.appendChild(f);const a=g=>{for(const n of g){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 p=document.createElement("div");p.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(s.renderer){const y=s.renderer(h,n.data);typeof y=="string"?x.innerHTML=y:x.appendChild(y)}else x.textContent=h??"";p.appendChild(x)}if(d.appendChild(p),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)}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)}};a(this._roots),this._container.appendChild(m)}}class N{static parse(t,e={}){var g,n;const{fieldMap:o={},trim:i=!0}=e,c=new DOMParser().parseFromString(t.trim(),"text/xml"),_=c.querySelector("parsererror");if(_)throw new Error(`XML 파싱 오류: ${(g=_.textContent)==null?void 0:g.trim()}`);const m=c.documentElement;let f=e.rowTag;if(!f){const l=e.rootTag?c.querySelector(e.rootTag):m;f=((n=l==null?void 0:l.children[0])==null?void 0:n.tagName)??"row"}const u=c.getElementsByTagName(f),a=[];for(let l=0;l<u.length;l++){const d=u[l],p={};for(const s of Array.from(d.attributes)){const h=o[s.name]??s.name;p[h]=i?s.value.trim():s.value}for(const s of Array.from(d.children)){const h=o[s.tagName]??s.tagName,x=s.textContent??"";p[h]=i?x.trim():x}a.push(p)}return a}static stringify(t,e={}){const{rootTag:o="rows",rowTag:i="row",mode:r="element",fieldMap:c={},declaration:_=!0,indent:m=2,nullAs:f="",excludeFields:u=[]}=e,a=" ".repeat(m),g=[];_&&g.push('<?xml version="1.0" encoding="UTF-8"?>'),g.push(`<${o}>`);for(const n of t){const l=Object.entries(n).filter(([d])=>!u.includes(d));if(r==="attribute"){const d=l.map(([p,s])=>{const h=c[p]??p,x=s==null?f:String(s);return`${h}="${this._escAttr(x)}"`}).join(" ");g.push(`${a}<${i}${d?" "+d:""} />`)}else{g.push(`${a}<${i}>`);for(const[d,p]of l){const s=c[d]??d,h=p==null?f:String(p);g.push(`${a}${a}<${s}>${this._escText(h)}</${s}>`)}g.push(`${a}</${i}>`)}}return g.push(`</${o}>`),g.join(`
-`)}static parseSap(t){var m,f,u,a;const o=new DOMParser().parseFromString(t.trim(),"text/xml"),i={header:{},items:[],returns:[],raw:o},r=o.getElementsByTagName("DOCUMENTHEADER")[0];if(r)for(const g of Array.from(r.children))i.header[g.tagName]=((m=g.textContent)==null?void 0:m.trim())??"";const c=o.getElementsByTagName("RETURN");for(const g of Array.from(c)){const n={};for(const l of Array.from(g.children))n[l.tagName]=((f=l.textContent)==null?void 0:f.trim())??"";i.returns.push(n)}const _=["ACCOUNTGL","ACCOUNTRECEIVABLE","ACCOUNTPAYABLE","ITEMS"];for(const g of _){const n=o.getElementsByTagName(g)[0];if(!n)continue;const l=n.getElementsByTagName("ITEM"),d=l.length>0?Array.from(l):[n];for(const p of d){const s={};for(const h of Array.from(p.children))s[h.tagName]=((u=h.textContent)==null?void 0:u.trim())??"";i.items.push(s)}break}if(i.items.length===0){const g=o.documentElement,n=Array.from(g.children).filter(l=>l.hasAttribute("SEGMENT"));for(const l of n){if(l.tagName==="EDI_DC40")continue;const d={};for(const p of Array.from(l.children))d[p.tagName]=((a=p.textContent)==null?void 0:a.trim())??"";Object.keys(d).length>0&&i.items.push(d)}}return i}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[i,r]of Object.entries(t.DOCUMENTHEADER))r!=null&&r!==""&&e.push(`    <${i}>${this._escText(String(r))}</${i}>`);e.push("  </DOCUMENTHEADER>")}const o=Object.keys(t).find(i=>Array.isArray(t[i])&&!i.startsWith("_"));if(o){e.push(`  <${o}>`);for(const i of t[o]){e.push("    <ITEM>");for(const[r,c]of Object.entries(i))c!=null&&c!==""&&!r.startsWith("_")&&e.push(`      <${r}>${this._escText(String(c))}</${r}>`);e.push("    </ITEM>")}e.push(`  </${o}>`)}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((o,i)=>{e.push(`  <BAPI_CALL seq="${i+1}">`);const r=this.stringifySap(o).split(`
-`).filter(c=>!c.startsWith("<?xml")).map(c=>"    "+c).join(`
+"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=b.DEFAULT_ICON_ROLES;exports.IconRegistry=b.IconRegistry;exports.OpenGrid=b.OpenGrid;exports.SkinRegistry=b.SkinRegistry;exports.iconRegistry=b.iconRegistry;exports.renderIcon=b.renderIcon;exports.skinRegistry=b.skinRegistry;exports.GridShuttle=C;exports.OrgChart=v;exports.XmlConverter=N;exports.createGridShuttle=T;
+`)}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;
 //# sourceMappingURL=open-grid.cjs.map

package/dist/open-grid.js

@@ -1,56 +1,56 @@
-import { b as E } from "./OpenGrid-yg4mw6Ge.js";
-import { D as $, I as S, O, S as D, i as k, r as M, s as B } from "./OpenGrid-yg4mw6Ge.js";
-class C {
-  constructor(t, e, o, i = {}) {
+import { b as E, t as C } from "./OpenGrid-B0Spm0rU.js";
+import { D as S, I as O, L as R, O as D, S as k, i as M, l as B, r as U, s as F } from "./OpenGrid-B0Spm0rU.js";
+class T {
+  constructor(t, e, i, a = {}) {
     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:${i.layout === "horizontal" ? "row" : "column"};`;
-    const a = (m, f, u) => {
-      const c = document.createElement("button");
-      return c.type = "button", c.className = "og-shuttle-btn", c.textContent = m, c.title = f, c.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);", c.addEventListener("mouseover", () => {
-        c.style.background = "#f0f6ff", c.style.borderColor = "#1976d2";
-      }), c.addEventListener("mouseout", () => {
-        c.style.background = "#fff", c.style.borderColor = "#bbb";
-      }), c.addEventListener("click", u), c;
-    }, _ = i.labels ?? {};
-    r.appendChild(a(
+    r.className = "og-shuttle", r.style.cssText = `display:flex;gap:6px;align-items:center;justify-content:center;flex-direction:${a.layout === "horizontal" ? "row" : "column"};`;
+    const c = (g, f, u) => {
+      const o = document.createElement("button");
+      return o.type = "button", o.className = "og-shuttle-btn", o.textContent = g, 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;
+    }, _ = a.labels ?? {}, m = (g) => this._left.t(g);
+    r.appendChild(c(
       _.toRight ?? "▶",
-      "체크한 행을 오른쪽 그리드로 이동",
+      m("shuttle.toRight"),
       () => {
         this._left.moveCheckedTo(this._right);
       }
-    )), r.appendChild(a(
+    )), r.appendChild(c(
       _.toLeft ?? "◀",
-      "체크한 행을 왼쪽 그리드로 이동",
+      m("shuttle.toLeft"),
       () => {
         this._right.moveCheckedTo(this._left);
       }
-    )), i.includeAll && (r.appendChild(a(
+    )), a.includeAll && (r.appendChild(c(
       _.allRight ?? "⏩",
-      "왼쪽 전체를 오른쪽으로 이동",
+      m("shuttle.allRight"),
       () => {
         this._moveAll(this._left, this._right);
       }
-    )), r.appendChild(a(
+    )), r.appendChild(c(
       _.allLeft ?? "⏪",
-      "오른쪽 전체를 왼쪽으로 이동",
+      m("shuttle.allLeft"),
       () => {
         this._moveAll(this._right, this._left);
       }
-    ))), o.appendChild(r), this._el = r;
+    ))), i.appendChild(r), this._el = r;
   }
   _moveAll(t, e) {
-    const o = t.getData().length;
-    o > 0 && t.moveRowsTo(e, Array.from({ length: o }, (i, r) => r));
+    const i = t.getData().length;
+    i > 0 && t.moveRowsTo(e, Array.from({ length: i }, (a, r) => r));
   }
   destroy() {
     this._el.remove();
   }
 }
-function v(A, t, e, o) {
-  return new C(A, t, e, o);
+function N(A, t, e, i) {
+  return new T(A, t, e, i);
 }
-class N {
+class I {
   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,
@@ -65,8 +65,8 @@ class N {
   }
   setData(t) {
     this._data = t;
-    const { idField: e, parentIdField: o, expandOnLoad: i } = this._opts;
-    i && this._expandedKeys.size === 0 && t.forEach((r) => this._expandedKeys.add(r[e])), this._roots = E(t, { idField: e, parentIdField: o }, this._expandedKeys), this._render();
+    const { idField: e, parentIdField: i, expandOnLoad: a } = this._opts;
+    a && this._expandedKeys.size === 0 && t.forEach((r) => this._expandedKeys.add(r[e])), this._roots = E(t, { idField: e, parentIdField: i }, this._expandedKeys), this._render();
   }
   setTheme(t) {
     this._container.setAttribute("data-og-theme", t);
@@ -77,8 +77,8 @@ class N {
   }
   expandAll() {
     const t = (e) => {
-      for (const o of e)
-        this._expandedKeys.add(o._treeId), o.children.length && t(o.children);
+      for (const i of e)
+        this._expandedKeys.add(i._treeId), i.children.length && t(i.children);
     };
     t(this._roots), this._rebuild();
   }
@@ -94,66 +94,66 @@ class N {
   }
   // ── 레이아웃 계산 (post-order: 리프부터 배치, 부모는 자식 중앙) ──
   _calcLayout() {
-    const { nodeWidth: t, nodeHeight: e, levelGap: o, siblingGap: i } = this._opts, r = /* @__PURE__ */ new Map();
-    let a = 0;
-    const _ = (u) => {
-      const c = u._depth * (e + o), p = u._expanded ? u.children : [];
-      if (!p.length) {
-        const g = a;
-        return a += t + i, r.set(u._treeId, { x: g, y: c }), { minX: g, maxX: g };
+    const { nodeWidth: t, nodeHeight: e, levelGap: i, siblingGap: a } = this._opts, r = /* @__PURE__ */ new Map();
+    let c = 0;
+    const _ = (f) => {
+      const u = f._depth * (e + i), o = f._expanded ? f.children : [];
+      if (!o.length) {
+        const p = c;
+        return c += t + a, r.set(f._treeId, { x: p, y: u }), { minX: p, maxX: p };
       }
       let n = 1 / 0, l = -1 / 0;
-      for (const g of p) {
-        const { minX: s, maxX: h } = _(g);
+      for (const p of o) {
+        const { minX: s, maxX: h } = _(p);
         s < n && (n = s), h > l && (l = h);
       }
       const d = n + (l - n + t) / 2 - t / 2;
-      return r.set(u._treeId, { x: d, y: c }), { minX: n, maxX: l };
+      return r.set(f._treeId, { x: d, y: u }), { minX: n, maxX: l };
     };
-    for (const u of this._roots) _(u);
-    let m = 0, f = 0;
-    for (const { x: u, y: c } of r.values())
-      u + t > m && (m = u + t), c + e > f && (f = c + e);
-    return { layout: r, totalW: m + i, totalH: f + o + 16 };
+    for (const f of this._roots) _(f);
+    let m = 0, g = 0;
+    for (const { x: f, y: u } of r.values())
+      f + t > m && (m = f + t), u + e > g && (g = u + e);
+    return { layout: r, totalW: m + a, totalH: g + i + 16 };
   }
   // ── SVG 직선 헬퍼 ──
-  _line(t, e, o, i, r) {
-    const a = document.createElementNS("http://www.w3.org/2000/svg", "line");
-    a.setAttribute("x1", String(e)), a.setAttribute("y1", String(o)), a.setAttribute("x2", String(i)), a.setAttribute("y2", String(r)), a.setAttribute("class", "og-orgchart-line"), t.appendChild(a);
+  _line(t, e, i, a, r) {
+    const c = document.createElementNS("http://www.w3.org/2000/svg", "line");
+    c.setAttribute("x1", String(e)), c.setAttribute("y1", String(i)), c.setAttribute("x2", String(a)), c.setAttribute("y2", String(r)), c.setAttribute("class", "og-orgchart-line"), t.appendChild(c);
   }
   // ── 렌더 ──
   _render() {
-    const { nodeWidth: t, nodeHeight: e, levelGap: o, columns: i } = this._opts, { layout: r, totalW: a, totalH: _ } = this._calcLayout();
+    const { nodeWidth: t, nodeHeight: e, levelGap: i, columns: a } = this._opts, { layout: r, totalW: c, 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 f = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-    f.setAttribute("width", String(a)), f.setAttribute("height", String(_)), f.style.cssText = "position:absolute;top:0;left:0;pointer-events:none;overflow:visible;";
-    const u = (p) => {
-      for (const n of p) {
+    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(c)), g.setAttribute("height", String(_)), g.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 + o / 2, h = n.children;
-        if (this._line(f, d, g, d, s), h.length > 1) {
+        const l = r.get(n._treeId), d = l.x + t / 2, p = l.y + e, s = p + i / 2, h = n.children;
+        if (this._line(g, d, p, d, s), h.length > 1) {
           const x = r.get(h[0]._treeId), y = r.get(h[h.length - 1]._treeId);
-          this._line(f, x.x + t / 2, s, y.x + t / 2, s);
+          this._line(g, x.x + t / 2, s, y.x + t / 2, s);
         }
         for (const x of h) {
           const y = r.get(x._treeId), b = y.x + t / 2;
-          this._line(f, b, s, b, y.y);
+          this._line(g, b, s, b, y.y);
         }
-        u(h);
+        f(h);
       }
     };
-    u(this._roots), m.appendChild(f);
-    const c = (p) => {
-      for (const n of p) {
+    f(this._roots), m.appendChild(g);
+    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 i) {
+        const p = document.createElement("div");
+        p.className = "og-orgchart-node-content";
+        for (const s of a) {
           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;
@@ -164,11 +164,11 @@ class N {
             typeof y == "string" ? x.innerHTML = y : x.appendChild(y);
           } else
             x.textContent = h ?? "";
-          g.appendChild(x);
+          p.appendChild(x);
         }
-        if (d.appendChild(g), n._hasChildren) {
+        if (d.appendChild(p), 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 ? "접기" : "펼치기");
+          s.type = "button", s.className = "og-orgchart-toggle", s.setAttribute("aria-expanded", n._expanded ? "true" : "false"), s.setAttribute("aria-label", C(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);
@@ -176,13 +176,13 @@ class N {
         }
         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 && c(n.children);
+        }), m.appendChild(d), n._expanded && n.children.length && u(n.children);
       }
     };
-    c(this._roots), this._container.appendChild(m);
+    u(this._roots), this._container.appendChild(m);
   }
 }
-class I {
+class w {
   // ── 1. XML → 데이터 배열 ────────────────────────────────────
   /**
    * XML 문자열을 파싱하여 그리드 데이터 배열로 변환.
@@ -191,29 +191,29 @@ class I {
    * @throws XML 파싱 오류 시 Error 발생
    */
   static parse(t, e = {}) {
-    var p, n;
-    const { fieldMap: o = {}, trim: i = !0 } = e, a = new DOMParser().parseFromString(t.trim(), "text/xml"), _ = a.querySelector("parsererror");
-    if (_) throw new Error(`XML 파싱 오류: ${(p = _.textContent) == null ? void 0 : p.trim()}`);
-    const m = a.documentElement;
-    let f = e.rowTag;
-    if (!f) {
-      const l = e.rootTag ? a.querySelector(e.rootTag) : m;
-      f = ((n = l == null ? void 0 : l.children[0]) == null ? void 0 : n.tagName) ?? "row";
+    var o, n;
+    const { fieldMap: i = {}, trim: a = !0 } = e, c = new DOMParser().parseFromString(t.trim(), "text/xml"), _ = c.querySelector("parsererror");
+    if (_) throw new Error(`XML 파싱 오류: ${(o = _.textContent) == null ? void 0 : o.trim()}`);
+    const m = c.documentElement;
+    let g = e.rowTag;
+    if (!g) {
+      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 u = a.getElementsByTagName(f), c = [];
-    for (let l = 0; l < u.length; l++) {
-      const d = u[l], g = {};
+    const f = c.getElementsByTagName(g), u = [];
+    for (let l = 0; l < f.length; l++) {
+      const d = f[l], p = {};
       for (const s of Array.from(d.attributes)) {
-        const h = o[s.name] ?? s.name;
-        g[h] = i ? s.value.trim() : s.value;
+        const h = i[s.name] ?? s.name;
+        p[h] = a ? s.value.trim() : s.value;
       }
       for (const s of Array.from(d.children)) {
-        const h = o[s.tagName] ?? s.tagName, x = s.textContent ?? "";
-        g[h] = i ? x.trim() : x;
+        const h = i[s.tagName] ?? s.tagName, x = s.textContent ?? "";
+        p[h] = a ? x.trim() : x;
       }
-      c.push(g);
+      u.push(p);
     }
-    return c;
+    return u;
   }
   // ── 2. 데이터 배열 → XML ─────────────────────────────────────
   /**
@@ -221,34 +221,34 @@ class I {
    */
   static stringify(t, e = {}) {
     const {
-      rootTag: o = "rows",
-      rowTag: i = "row",
+      rootTag: i = "rows",
+      rowTag: a = "row",
       mode: r = "element",
-      fieldMap: a = {},
+      fieldMap: c = {},
       declaration: _ = !0,
       indent: m = 2,
-      nullAs: f = "",
-      excludeFields: u = []
-    } = e, c = " ".repeat(m), p = [];
-    _ && p.push('<?xml version="1.0" encoding="UTF-8"?>'), p.push(`<${o}>`);
+      nullAs: g = "",
+      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]) => !u.includes(d));
+      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 ? f : String(s);
+        const d = l.map(([p, s]) => {
+          const h = c[p] ?? p, x = s == null ? g : String(s);
           return `${h}="${this._escAttr(x)}"`;
         }).join(" ");
-        p.push(`${c}<${i}${d ? " " + d : ""} />`);
+        o.push(`${u}<${a}${d ? " " + d : ""} />`);
       } else {
-        p.push(`${c}<${i}>`);
-        for (const [d, g] of l) {
-          const s = a[d] ?? d, h = g == null ? f : String(g);
-          p.push(`${c}${c}<${s}>${this._escText(h)}</${s}>`);
+        o.push(`${u}<${a}>`);
+        for (const [d, p] of l) {
+          const s = c[d] ?? d, h = p == null ? g : String(p);
+          o.push(`${u}${u}<${s}>${this._escText(h)}</${s}>`);
         }
-        p.push(`${c}</${i}>`);
+        o.push(`${u}</${a}>`);
       }
     }
-    return p.push(`</${o}>`), p.join(`
+    return o.push(`</${i}>`), o.join(`
 `);
   }
   // ── 3. SAP BAPI XML 응답 파싱 ────────────────────────────────
@@ -261,42 +261,42 @@ class I {
    *   <RETURN><TYPE>S</TYPE><MESSAGE>...</MESSAGE></RETURN>
    */
   static parseSap(t) {
-    var m, f, u, c;
-    const o = new DOMParser().parseFromString(t.trim(), "text/xml"), i = { header: {}, items: [], returns: [], raw: o }, r = o.getElementsByTagName("DOCUMENTHEADER")[0];
+    var m, g, f, u;
+    const i = new DOMParser().parseFromString(t.trim(), "text/xml"), a = { header: {}, items: [], returns: [], raw: i }, r = i.getElementsByTagName("DOCUMENTHEADER")[0];
     if (r)
-      for (const p of Array.from(r.children))
-        i.header[p.tagName] = ((m = p.textContent) == null ? void 0 : m.trim()) ?? "";
-    const a = o.getElementsByTagName("RETURN");
-    for (const p of Array.from(a)) {
+      for (const o of Array.from(r.children))
+        a.header[o.tagName] = ((m = o.textContent) == null ? void 0 : m.trim()) ?? "";
+    const c = i.getElementsByTagName("RETURN");
+    for (const o of Array.from(c)) {
       const n = {};
-      for (const l of Array.from(p.children))
-        n[l.tagName] = ((f = l.textContent) == null ? void 0 : f.trim()) ?? "";
-      i.returns.push(n);
+      for (const l of Array.from(o.children))
+        n[l.tagName] = ((g = l.textContent) == null ? void 0 : g.trim()) ?? "";
+      a.returns.push(n);
     }
     const _ = ["ACCOUNTGL", "ACCOUNTRECEIVABLE", "ACCOUNTPAYABLE", "ITEMS"];
-    for (const p of _) {
-      const n = o.getElementsByTagName(p)[0];
+    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) {
+      for (const p of d) {
         const s = {};
-        for (const h of Array.from(g.children))
-          s[h.tagName] = ((u = h.textContent) == null ? void 0 : u.trim()) ?? "";
-        i.items.push(s);
+        for (const h of Array.from(p.children))
+          s[h.tagName] = ((f = h.textContent) == null ? void 0 : f.trim()) ?? "";
+        a.items.push(s);
       }
       break;
     }
-    if (i.items.length === 0) {
-      const p = o.documentElement, n = Array.from(p.children).filter((l) => l.hasAttribute("SEGMENT"));
+    if (a.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] = ((c = g.textContent) == null ? void 0 : c.trim()) ?? "";
-        Object.keys(d).length > 0 && i.items.push(d);
+        for (const p of Array.from(l.children))
+          d[p.tagName] = ((u = p.textContent) == null ? void 0 : u.trim()) ?? "";
+        Object.keys(d).length > 0 && a.items.push(d);
       }
     }
-    return i;
+    return a;
   }
   // ── 4. SAP BAPI 페이로드 → XML 직렬화 ───────────────────────
   /**
@@ -310,22 +310,22 @@ class I {
     ];
     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, r] of Object.entries(t.DOCUMENTHEADER))
-        r != null && r !== "" && e.push(`    <${i}>${this._escText(String(r))}</${i}>`);
+      for (const [a, r] of Object.entries(t.DOCUMENTHEADER))
+        r != null && r !== "" && e.push(`    <${a}>${this._escText(String(r))}</${a}>`);
       e.push("  </DOCUMENTHEADER>");
     }
-    const o = Object.keys(t).find(
-      (i) => Array.isArray(t[i]) && !i.startsWith("_")
+    const i = Object.keys(t).find(
+      (a) => Array.isArray(t[a]) && !a.startsWith("_")
     );
-    if (o) {
-      e.push(`  <${o}>`);
-      for (const i of t[o]) {
+    if (i) {
+      e.push(`  <${i}>`);
+      for (const a of t[i]) {
         e.push("    <ITEM>");
-        for (const [r, a] of Object.entries(i))
-          a != null && a !== "" && !r.startsWith("_") && e.push(`      <${r}>${this._escText(String(a))}</${r}>`);
+        for (const [r, c] of Object.entries(a))
+          c != null && c !== "" && !r.startsWith("_") && e.push(`      <${r}>${this._escText(String(c))}</${r}>`);
         e.push("    </ITEM>");
       }
-      e.push(`  </${o}>`);
+      e.push(`  </${i}>`);
     }
     return e.push("</BAPI_CALL>"), e.join(`
 `);
@@ -340,10 +340,10 @@ class I {
       '<?xml version="1.0" encoding="UTF-8"?>',
       `<BAPI_BATCH total="${t.documents.length}">`
     ];
-    return t.documents.forEach((o, i) => {
-      e.push(`  <BAPI_CALL seq="${i + 1}">`);
-      const r = this.stringifySap(o).split(`
-`).filter((a) => !a.startsWith("<?xml")).map((a) => "    " + a).join(`
+    return t.documents.forEach((i, a) => {
+      e.push(`  <BAPI_CALL seq="${a + 1}">`);
+      const r = this.stringifySap(i).split(`
+`).filter((c) => !c.startsWith("<?xml")).map((c) => "    " + c).join(`
 `);
       e.push(r), e.push("  </BAPI_CALL>");
     }), e.push("</BAPI_BATCH>"), e.join(`
@@ -358,16 +358,19 @@ class I {
   }
 }
 export {
-  $ as DEFAULT_ICON_ROLES,
-  C as GridShuttle,
-  S as IconRegistry,
-  O as OpenGrid,
-  N as OrgChart,
-  D as SkinRegistry,
-  I as XmlConverter,
-  v as createGridShuttle,
-  k as iconRegistry,
-  M as renderIcon,
-  B as skinRegistry
+  S as DEFAULT_ICON_ROLES,
+  T as GridShuttle,
+  O as IconRegistry,
+  R as LocaleRegistry,
+  D as OpenGrid,
+  I as OrgChart,
+  k as SkinRegistry,
+  w as XmlConverter,
+  N as createGridShuttle,
+  M as iconRegistry,
+  B as localeRegistry,
+  U as renderIcon,
+  F as skinRegistry,
+  C as t
 };
 //# sourceMappingURL=open-grid.js.map

package/dist/types/core/CellEditManager.d.ts

@@ -12,6 +12,8 @@ export interface CellEditDeps<T extends Record<string, any>> {
     emit: (event: string, ...args: any[]) => void;
     doRender: () => void;
     announce: (msg: string) => void;
+    /** i18n: 편집 셀 위치 announce 해석 + 에디터 ctx 로케일 주입. / i18n: resolve edit-cell announce + inject locale into editor ctx. */
+    t: (key: string, params?: Record<string, string | number>) => string;
     writeCell: (ri: number, field: string, value: any) => void;
     scrollToRow: (ri: number) => void;
     getVisibleLeaves: () => ColumnDef<T>[];

package/dist/types/core/ChartManager.d.ts

@@ -19,6 +19,8 @@ export interface ChartManagerDeps {
     off(ev: string, cb: (...a: any[]) => void): void;
     emit(ev: string, ...args: any[]): void;
     announce(msg: string): void;
+    /** i18n: 차트 배지·패널 aria·announce 해석. / i18n: resolve chart badges/panel-aria/announce. */
+    t(key: string, params?: Record<string, string | number>): string;
 }
 export type { ChartInstance } from './chart/types.js';
 export declare class ChartManager {