open-grid 1.1.0 → 1.2.0

package/dist/open-grid-base.css

@@ -139,7 +139,7 @@
 .og-header {
   flex-shrink: 0;
   overflow:    hidden;
-  border-bottom: 1px solid var(--og-border-color);
+  border-bottom: 1px var(--og-divider-style, solid) var(--og-border-color);
   scrollbar-width: none;
 }
 .og-header::-webkit-scrollbar { display: none; }
@@ -164,8 +164,8 @@
   white-space:     nowrap;
   overflow:        hidden;
   text-overflow:   ellipsis;
-  border-right:    1px solid var(--og-border-color);
-  border-bottom:   1px solid var(--og-border-color);
+  border-right:    1px var(--og-border-style, solid) var(--og-border-color);
+  border-bottom:   1px var(--og-divider-style, solid) var(--og-border-color);
   user-select:     none;
   box-sizing:      border-box;
   position:        relative;
@@ -232,7 +232,7 @@
   right:       0;
   display:     flex;
   align-items: center;
-  border-bottom: 1px solid var(--og-border-color);
+  border-bottom: 1px var(--og-divider-style, solid) var(--og-border-color);
   background:  var(--og-row-bg);
   color:       var(--og-row-color);
   box-sizing:  border-box;
@@ -287,7 +287,7 @@
   display:         flex;
   align-items:     center;
   justify-content: flex-start;
-  border-right:    1px solid var(--og-border-color);
+  border-right:    1px var(--og-border-style, solid) var(--og-border-color);
   overflow:        hidden;
   white-space:     nowrap;
   text-overflow:   ellipsis;

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-DahxRY7C.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-5flQwc3W.js";
+import { O as L } from "./OpenGrid-B0Spm0rU.js";
 function M({
   data: r,
   columns: e,

package/dist/open-grid-skins.css

@@ -0,0 +1,111 @@
+/* ============================================================
+   OPEN_GRID — 스킨(FORM 축) 정의  [R12b]
+   사용법: <div data-og-skin="sharp"> 또는 grid.setSkin('sharp')
+   ------------------------------------------------------------
+   색⊥형태 직교성(item3 §1): 이 파일은 **형태(FORM) 토큰만** 담는다 — 색(hex/rgb/hsl) 0.
+   themes.css 는 COLOR 전용, skins.css 는 FORM 전용. 두 축은 disjoint name set 이라
+   어떤 테마 × 어떤 스킨도 자유롭게 결합한다(15 색 × 6 스킨 = 90 외형, 21 블록).
+
+   ⚠ DEFAULT(스킨 미지정 / data-og-skin="default")는 **오늘과 byte-identical**:
+      이 파일은 named 스킨에만 토큰을 선언하고 default 는 선언하지 않는다 →
+      토큰 미정의 → AppearanceResolver/base.css 의 기존 폴백이 그대로 적용된다.
+
+   셀렉터 주의: OpenGrid 는 data-og-skin 을 .og-container 자기 자신에 붙이고,
+   분리 UI(컨텍스트 메뉴·org 노드)는 자기 자신에 속성을 복사한다. 따라서 커스텀 프로퍼티는
+   **속성 셀렉터 `[data-og-skin="X"]`** (컴파운드 아님)로 선언해 컨테이너 자신과 분리 UI 모두에
+   토큰이 걸리게 한다. base.css 는 이 FORM 토큰들을 정의하지 않으므로 특정성 경쟁이 없다
+   (var 값만 갈아끼우는 방식이라 !important 불필요 — stitch !important 전쟁 은퇴).
+
+   HANMS 91_hanms_verdict.md 판정 반영:
+     Sharp/Rounded/Stitch/Flat/High-Contrast/Material 6종.
+     Neumorph 는 기본 카탈로그에서 컷(§1.3) — OpenGrid.defineSkin 레시피로만 제공.
+   density-* 행은 **권장 밀도 힌트**(실제 relayout 은 data-og-density 축 소유, item4 C1).
+   ============================================================ */
+
+/* ── Sharp/Gothic — 엔터프라이즈 고밀도·각짐 (§3.1, APPROVE-WITH-GUARDRAIL) ── */
+[data-og-skin="sharp"] {
+  --og-radius-sm: 0; --og-radius-md: 0; --og-radius-lg: 0;
+  --og-radius-pill: 0; --og-radius-container: 0; --og-container-radius: 0;
+  --og-border-width: 1px; --og-border-style: solid; --og-divider-style: solid;
+  --og-elevation-sm: none; --og-elevation-md: none; --og-elevation-lg: 0 1px 2px;
+  --og-cell-padding-x: 6px;
+  --og-density-row-height: 28; --og-density-header-height: 28; /* G-S1: 26→28 클램프 */
+  --og-focus-width: 2px; --og-focus-style: solid; --og-focus-radius: 0;
+  --og-icon-fill: 0; --og-icon-corner: miter;
+}
+.og-container[data-og-skin="sharp"] { box-shadow: none; }
+
+/* ── Rounded — 소비자 SaaS 소프트 (§3.2, APPROVE) ── */
+[data-og-skin="rounded"] {
+  --og-radius-sm: 4px; --og-radius-md: 8px; --og-radius-lg: 12px;
+  --og-radius-pill: 999px; --og-radius-container: 12px; --og-container-radius: 12px;
+  --og-radius-control: 8px; --og-radius-widget: 6px;
+  --og-border-width: 1px; --og-border-style: solid;
+  --og-elevation-sm: 0 1px 3px; --og-elevation-md: 0 4px 12px; --og-elevation-lg: 0 12px 32px;
+  --og-elevation-alpha-sm: 0.06; --og-elevation-alpha-md: 0.10; --og-elevation-alpha-lg: 0.16;
+  --og-cell-padding-x: 12px; --og-cell-padding-y: 2px;
+  --og-density-row-height: 40; --og-density-header-height: 42;
+  --og-focus-width: 2px; --og-focus-offset: 2px; --og-focus-radius: 8px;
+  --og-icon-fill: 0; --og-icon-corner: round;
+}
+
+/* ── Stitch — 핸드크래프트 (§3.3, APPROVE-WITH-GUARDRAIL). 색(리넨/자수)은 theme 축. ── */
+[data-og-skin="stitch"] {
+  --og-radius-sm: 2px; --og-radius-md: 3px; --og-radius-lg: 4px; --og-container-radius: 3px;
+  --og-border-width: 1px; --og-border-style: dashed; --og-divider-style: dashed;
+  --og-divider-repeat: 2;
+  --og-texture-bg: repeating-linear-gradient(45deg, rgba(var(--og-texture-ink),0.04) 0 2px, transparent 2px 6px);
+  --og-texture-size: 6px 6px; --og-texture-opacity: 1;
+  --og-elevation-sm: 0 1px 2px; --og-elevation-md: 0 2px 4px; --og-elevation-lg: 0 4px 10px;
+  --og-cell-padding-x: 10px;
+  --og-density-row-height: 36;
+  --og-focus-style: dashed;
+  --og-icon-fill: 0; --og-icon-corner: round;
+}
+
+/* ── Flat/Minimal — 플랫 2.0 (§3.5, APPROVE-WITH-GUARDRAIL: G-F1) ── */
+[data-og-skin="flat"] {
+  --og-radius-sm: 2px; --og-radius-md: 3px; --og-radius-lg: 4px; --og-container-radius: 4px;
+  --og-border-width: 1px; --og-border-style: solid; --og-divider-style: solid;
+  --og-elevation-sm: none; --og-elevation-md: none; --og-elevation-lg: none;
+  --og-elevation-inset: none;
+  --og-cell-padding-x: 10px;
+  --og-density-row-height: 34;
+  --og-focus-width: 2px; --og-focus-style: solid;
+  --og-icon-fill: 0; --og-icon-corner: round;
+}
+/* 컨테이너 그림자 제거(플랫). G-F1: 플로팅 표면(메뉴/필터/org 노드)은 그림자 대신 1px 보더로
+   깊이를 유지 — 표면이 그리드와 시각적으로 융합되지 않게 한다. */
+.og-container[data-og-skin="flat"] { box-shadow: none; }
+.og-context-menu[data-og-skin="flat"],
+.og-filter-layer[data-og-skin="flat"],
+.og-orgchart-node[data-og-skin="flat"] {
+  box-shadow: none;
+  border: 1px solid var(--og-border-color);
+}
+
+/* ── High-Contrast — 접근성 우선·레퍼런스 (§3.6, APPROVE) ── */
+[data-og-skin="high-contrast"] {
+  --og-radius-sm: 0; --og-radius-md: 2px; --og-radius-lg: 2px; --og-container-radius: 2px;
+  --og-border-width: 2px; --og-border-width-strong: 3px;
+  --og-border-style: solid; --og-divider-style: solid;
+  --og-elevation-sm: none; --og-elevation-md: 0 2px 4px; --og-elevation-lg: 0 4px 8px;
+  --og-elevation-alpha-md: 0.30; --og-elevation-alpha-lg: 0.40;
+  --og-cell-padding-x: 10px;
+  --og-density-row-height: 40;
+  --og-focus-width: 3px; --og-focus-style: solid; --og-focus-offset: 2px; --og-focus-radius: 0;
+  --og-icon-size: 18px; --og-icon-fill: 1; --og-icon-stroke-width: 2; --og-icon-corner: miter;
+}
+
+/* ── Material/Elevated — Neumorph 대체 (HANMS §3, APPROVE): 정직한 그림자 엘리베이션 ── */
+[data-og-skin="material"] {
+  --og-radius-sm: 2px; --og-radius-md: 4px; --og-radius-lg: 8px; --og-container-radius: 8px;
+  --og-radius-control: 4px; --og-radius-widget: 4px;
+  --og-border-width: 1px; --og-border-style: solid; --og-divider-style: solid;
+  --og-elevation-sm: 0 1px 2px; --og-elevation-md: 0 2px 6px; --og-elevation-lg: 0 8px 24px;
+  --og-elevation-alpha-sm: 0.12; --og-elevation-alpha-md: 0.16; --og-elevation-alpha-lg: 0.20;
+  --og-cell-padding-x: 8px;
+  --og-density-row-height: 36;
+  --og-focus-width: 2px; --og-focus-style: solid; --og-focus-offset: 1px;
+  --og-icon-fill: 0; --og-icon-corner: round;
+}

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-DahxRY7C.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-5flQwc3W.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 A=require("./OpenGrid-DahxRY7C.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(b,t,e,o){return new C(b,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=A.buildTree(t,{idField:e,parentIdField:o},this._expandedKeys),this._render()}setTheme(t){this._container.setAttribute("data-og-theme",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=A.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),p=u._expanded?u.children:[];if(!p.length){const g=c;return c+=t+i,r.set(u._treeId,{x:g,y:a}),{minX:g,maxX:g}}let n=1/0,l=-1/0;for(const g of p){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(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=p=>{for(const n of p){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 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=p=>{for(const n of p){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 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??"";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",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 p,n;const{fieldMap:o={},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 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],g={};for(const s of Array.from(d.attributes)){const h=o[s.name]??s.name;g[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??"";g[h]=i?x.trim():x}a.push(g)}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),p=[];_&&p.push('<?xml version="1.0" encoding="UTF-8"?>'),p.push(`<${o}>`);for(const n of t){const l=Object.entries(n).filter(([d])=>!u.includes(d));if(r==="attribute"){const d=l.map(([g,s])=>{const h=c[g]??g,x=s==null?f:String(s);return`${h}="${this._escAttr(x)}"`}).join(" ");p.push(`${a}<${i}${d?" "+d:""} />`)}else{p.push(`${a}<${i}>`);for(const[d,g]of l){const s=c[d]??d,h=g==null?f:String(g);p.push(`${a}${a}<${s}>${this._escText(h)}</${s}>`)}p.push(`${a}</${i}>`)}}return p.push(`</${o}>`),p.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 p of Array.from(r.children))i.header[p.tagName]=((m=p.textContent)==null?void 0:m.trim())??"";const c=o.getElementsByTagName("RETURN");for(const p 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)}const _=["ACCOUNTGL","ACCOUNTRECEIVABLE","ACCOUNTPAYABLE","ITEMS"];for(const p of _){const n=o.getElementsByTagName(p)[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]=((u=h.textContent)==null?void 0:u.trim())??"";i.items.push(s)}break}if(i.items.length===0){const p=o.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 g of Array.from(l.children))d[g.tagName]=((a=g.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.OpenGrid=A.OpenGrid;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