@ninebone/table 0.0.46 → 0.0.49

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/nine-table.js +184 -215
  2. package/dist/nine-table.js.map +1 -1
  3. package/dist/nine-table.umd.js +28 -42
  4. package/dist/nine-table.umd.js.map +1 -1
  5. package/package.json +1 -1
package/dist/nine-table.js CHANGED
@@ -1,102 +1,77 @@
1
- var V = Object.defineProperty;
2
- var F = (l) => {
3
- throw TypeError(l);
1
+ var K = Object.defineProperty;
2
+ var D = (i) => {
3
+ throw TypeError(i);
4
4
  };
5
- var d = (l, e) => V(l, "name", { value: e, configurable: !0 });
6
- var A = (l, e, t) => e.has(l) || F("Cannot " + t);
7
- var h = (l, e, t) => (A(l, e, "read from private field"), t ? t.call(l) : e.get(l)), b = (l, e, t) => e.has(l) ? F("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(l) : e.set(l, t), v = (l, e, t, o) => (A(l, e, "write to private field"), o ? o.call(l, t) : e.set(l, t), t), p = (l, e, t) => (A(l, e, "access private method"), t);
8
- import { trace as X } from "@ninebone/util";
9
- const B = class B extends X.constructor {
5
+ var G = (i, n, e) => n in i ? K(i, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[n] = e;
6
+ var d = (i, n) => K(i, "name", { value: n, configurable: !0 });
7
+ var x = (i, n, e) => G(i, typeof n != "symbol" ? n + "" : n, e), F = (i, n, e) => n.has(i) || D("Cannot " + e);
8
+ var c = (i, n, e) => (F(i, n, "read from private field"), e ? e.call(i) : n.get(i)), b = (i, n, e) => n.has(i) ? D("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(i) : n.set(i, e), w = (i, n, e, a) => (F(i, n, "write to private field"), a ? a.call(i, e) : n.set(i, e), e);
9
+ import { trace as J } from "@ninebone/util";
10
+ const N = class N extends J.constructor {
10
11
  constructor() {
11
12
  super(), this.init("nine-table", "green");
12
13
  }
13
14
  };
14
- d(B, "Trace");
15
- let T = B;
16
- const k = new T();
17
- var q, m, G, J;
18
- const I = class I {
19
- constructor(e) {
20
- b(this, m);
21
- b(this, q);
22
- v(this, q, e);
23
- }
24
- /**
25
- * [Public] 테이블 초기화 진입점
26
- * @param {HTMLTableElement} tbl
27
- * @returns {HTMLTableElement}
28
- */
29
- initializeTable(e) {
30
- return p(this, m, G).call(this, e), p(this, m, J).call(this, e), e.classList.add("nine-table-element"), e;
31
- }
32
- };
33
- q = new WeakMap(), m = new WeakSet(), /**
34
- * [Private] colgroup 및 col 태그 유무 확인 후 보정
35
- */
36
- G = /* @__PURE__ */ d(function(e) {
37
- if (e.querySelector("colgroup")) return;
38
- const t = e.querySelector("tbody tr") || e.querySelector("tr"), o = t ? t.querySelectorAll("th, td").length : 1, r = document.createElement("colgroup"), s = Math.max(Math.floor((e.clientWidth || 600) / o), 100);
39
- for (let i = 0; i < o; i++) {
40
- const n = document.createElement("col");
41
- n.setAttribute("width", s), r.appendChild(n);
42
- }
43
- e.prepend(r);
44
- }, "#ensureColgroup"), /**
45
- * [Private] thead 태그 유무 확인 후 보정
46
- */
47
- J = /* @__PURE__ */ d(function(e) {
48
- if (e.querySelector("thead")) return;
49
- const t = document.createElement("thead"), o = e.querySelector("colgroup");
50
- o ? o.after(t) : e.prepend(t);
51
- }, "#ensureThead"), d(I, "TableInitializer");
52
- let $ = I;
53
- var u, w, E, O;
54
- const j = class j extends HTMLElement {
15
+ d(N, "Trace");
16
+ let T = N;
17
+ const S = new T();
18
+ var p, k, q, E, A;
19
+ const R = class R extends HTMLElement {
55
20
  constructor() {
56
21
  super();
57
- b(this, E);
58
- b(this, u, null);
59
- b(this, w);
60
- v(this, w, new $(this));
61
- }
62
- connectedCallback() {
63
- p(this, E, O).call(this);
64
- }
65
- /**
66
- * @param {HTMLTableElement} tableEl
67
- */
68
- init(t) {
69
- if (!t) return;
70
- const o = t.cloneNode(!0);
71
- v(this, u, h(this, w).initializeTable(o)), h(this, u).style.display = "table";
72
- const r = this.querySelector(".sheet-container-left"), s = this.querySelector(".sheet-container-body"), i = this.querySelector(".sheet-container-right");
73
- if (s) {
74
- const n = h(this, u).cloneNode(!0);
75
- n.querySelectorAll('[fixed="left"], [fixed="right"]').forEach((a) => a.remove()), s.innerHTML = "", s.appendChild(n);
76
- }
77
- if (r) {
78
- const n = h(this, u).cloneNode(!0);
79
- n.querySelectorAll("col, th, td").forEach((a) => {
80
- a.getAttribute("fixed") !== "left" && a.remove();
81
- }), n.querySelectorAll("tbody tr").forEach((a) => a.remove()), r.innerHTML = "", r.appendChild(n);
82
- }
83
- if (i) {
84
- const n = h(this, u).cloneNode(!0);
85
- n.querySelectorAll("col, th, td").forEach((a) => {
86
- a.getAttribute("fixed") !== "right" && a.remove();
87
- }), n.querySelectorAll("tbody tr").forEach((a) => a.remove()), i.innerHTML = "", i.appendChild(n);
88
- }
89
- k.log(`NineTableSheet 3-split initialized with rows: ${this.getRowCount()}`);
90
- }
91
- getRowCount() {
92
- return h(this, u) ? h(this, u).querySelectorAll("tbody tr").length : 0;
93
- }
94
- disconnectedCallback() {
95
- this.innerHTML = "", k.log("NineTableSheet destroyed.");
96
- }
97
- };
98
- u = new WeakMap(), w = new WeakMap(), E = new WeakSet(), O = /* @__PURE__ */ d(function() {
99
- this.innerHTML = `
22
+ b(this, p, null);
23
+ x(this, "connectedCallback", /* @__PURE__ */ d(() => {
24
+ c(this, A).call(this);
25
+ }, "connectedCallback"));
26
+ x(this, "init", /* @__PURE__ */ d((e) => {
27
+ if (!e) return;
28
+ const a = e.cloneNode(!0);
29
+ w(this, p, c(this, k).call(this, a)), c(this, p).style.display = "table";
30
+ const o = this.querySelector(".ng-container-left"), s = this.querySelector(".ng-container-body"), l = this.querySelector(".ng-container-right");
31
+ if (s) {
32
+ const t = c(this, p).cloneNode(!0);
33
+ t.querySelectorAll('[fixed="left"], [fixed="right"]').forEach((r) => r.remove()), s.innerHTML = "", s.appendChild(t);
34
+ }
35
+ if (o) {
36
+ const t = c(this, p).cloneNode(!0);
37
+ t.querySelectorAll("col, th, td").forEach((h) => {
38
+ h.getAttribute("fixed") !== "left" && h.remove();
39
+ }), t.querySelectorAll("tbody tr").forEach((h) => h.remove());
40
+ let r = 0;
41
+ t.querySelectorAll("col").forEach((h) => {
42
+ r += parseInt(h.getAttribute("width") || 0, 10);
43
+ }), o.innerHTML = "", o.appendChild(t), r > 0 && (o.style.width = `${r}px`, o.style.minWidth = `${r}px`);
44
+ }
45
+ if (l) {
46
+ const t = c(this, p).cloneNode(!0);
47
+ t.querySelectorAll("col, th, td").forEach((h) => {
48
+ h.getAttribute("fixed") !== "right" && h.remove();
49
+ }), t.querySelectorAll("tbody tr").forEach((h) => h.remove());
50
+ let r = 0;
51
+ t.querySelectorAll("col").forEach((h) => {
52
+ r += parseInt(h.getAttribute("width") || 0, 10);
53
+ }), l.innerHTML = "", l.appendChild(t), r > 0 && (l.style.width = `${r}px`, l.style.minWidth = `${r}px`);
54
+ }
55
+ S.log(`NineTableSheet 3-split initialized with rows: ${this.getRowCount()}`);
56
+ }, "init"));
57
+ x(this, "getRowCount", /* @__PURE__ */ d(() => c(this, p) ? c(this, p).querySelectorAll("tbody tr").length : 0, "getRowCount"));
58
+ b(this, k, /* @__PURE__ */ d((e) => (c(this, q).call(this, e), c(this, E).call(this, e), e.classList.add("nine-table-element"), e), "#initializeTable"));
59
+ b(this, q, /* @__PURE__ */ d((e) => {
60
+ if (e.querySelector("colgroup")) return;
61
+ const a = e.querySelector("tbody tr") || e.querySelector("tr"), o = a ? a.querySelectorAll("th, td").length : 1, s = document.createElement("colgroup"), l = Math.max(Math.floor((e.clientWidth || 600) / o), 100);
62
+ for (let t = 0; t < o; t++) {
63
+ const r = document.createElement("col");
64
+ r.setAttribute("width", l), s.appendChild(r);
65
+ }
66
+ e.prepend(s);
67
+ }, "#ensureColgroup"));
68
+ b(this, E, /* @__PURE__ */ d((e) => {
69
+ if (e.querySelector("thead")) return;
70
+ const a = document.createElement("thead"), o = e.querySelector("colgroup");
71
+ o ? o.after(a) : e.prepend(a);
72
+ }, "#ensureThead"));
73
+ b(this, A, /* @__PURE__ */ d(() => {
74
+ this.innerHTML = `
100
75
  <style>
101
76
  nine-table-sheet {
102
77
  display: flex;
@@ -109,17 +84,7 @@ u = new WeakMap(), w = new WeakMap(), E = new WeakSet(), O = /* @__PURE__ */ d(f
109
84
  overflow: hidden;
110
85
  }
111
86
 
112
- nine-table-sheet .sheet-layout {
113
- display: flex;
114
- flex-direction: column;
115
- width: 100%;
116
- height: 100%;
117
- flex: 1;
118
- overflow: hidden;
119
- }
120
-
121
- /* 상단 영역 (3분할 테이블 본문 및 좌우 고정 영역) */
122
- nine-table-sheet .sheet-container-top {
87
+ nine-table-sheet .ng-container-top {
123
88
  display: flex;
124
89
  flex-direction: row;
125
90
  flex: 1;
@@ -128,49 +93,46 @@ u = new WeakMap(), w = new WeakMap(), E = new WeakSet(), O = /* @__PURE__ */ d(f
128
93
  position: relative;
129
94
  }
130
95
 
131
- nine-table-sheet .sheet-container-left {
96
+ nine-table-sheet .ng-container-left {
132
97
  flex-shrink: 0;
133
- width: auto;
134
- overflow-x: hidden;
135
- overflow-y: hidden;
98
+ overflow: hidden;
136
99
  background: #ffffff;
137
100
  border-right: 1px solid #e5e7eb;
138
101
  }
139
102
 
140
- nine-table-sheet .sheet-container-body {
103
+ nine-table-sheet .ng-container-body {
141
104
  flex: 1;
142
- overflow: auto; /* 추후 가로/세로 스크롤바와 연동될 메인 바디 뷰포트 */
105
+ overflow: auto;
143
106
  background: #ffffff;
144
107
  position: relative;
145
108
  }
146
109
 
147
- nine-table-sheet .sheet-container-right {
110
+ nine-table-sheet .ng-container-right {
148
111
  flex-shrink: 0;
149
- width: auto;
150
- overflow-x: hidden;
151
- overflow-y: hidden;
112
+ overflow: hidden;
152
113
  background: #ffffff;
153
114
  border-left: 1px solid #e5e7eb;
154
115
  }
155
116
 
156
- /* 하단 영역 (가로 스크롤바 및 코너 엣지 공간) */
157
- nine-table-sheet .sheet-container-bottom {
117
+ nine-table-sheet .ng-container-bottom {
158
118
  display: flex;
159
119
  flex-direction: row;
160
- height: 0px; /* 추후 스크롤바 컴포넌트 장착 시 높이 확보 */
120
+ height: 16px;
161
121
  flex-shrink: 0;
162
122
  background: #f9fafb;
163
123
  border-top: 1px solid #e5e7eb;
164
124
  }
165
125
 
166
- nine-table-sheet .sheet-hscrollbar {
126
+ nine-table-sheet nine-table-hscrollbar {
167
127
  flex: 1;
168
128
  overflow: hidden;
129
+ display: block;
169
130
  }
170
131
 
171
- nine-table-sheet .sheet-scroll-edge {
172
- width: 17px; /* 스크롤바 두께에 맞춘 코너 여백 공간 */
132
+ nine-table-sheet .ng-scroll-edge {
133
+ width: 16px;
173
134
  flex-shrink: 0;
135
+ background: #f3f4f6;
174
136
  }
175
137
 
176
138
  nine-table-sheet table {
@@ -197,94 +159,97 @@ u = new WeakMap(), w = new WeakMap(), E = new WeakSet(), O = /* @__PURE__ */ d(f
197
159
  }
198
160
  </style>
199
161
 
200
- <div class="sheet-layout">
201
- <div class="sheet-container-top">
202
- <div class="sheet-container-left"></div>
203
- <div class="sheet-container-body"></div>
204
- <div class="sheet-container-right"></div>
205
- </div>
206
- <div class="sheet-container-bottom">
207
- <div class="sheet-hscrollbar"></div>
208
- <div class="sheet-scroll-edge"></div>
209
- </div>
162
+ <div class='ng-container-top'>
163
+ <div class='ng-container-left'></div>
164
+ <div class='ng-container-body'></div>
165
+ <div class='ng-container-right'></div>
166
+ <nine-table-vscrollbar></nine-table-vscrollbar>
167
+ </div>
168
+ <div class='ng-container-bottom'>
169
+ <nine-table-hscrollbar></nine-table-hscrollbar>
170
+ <div class='ng-scroll-edge'></div>
210
171
  </div>
211
172
  `;
212
- }, "#render"), d(j, "NineTableSheet");
213
- let H = j;
173
+ }, "#render"));
174
+ x(this, "disconnectedCallback", /* @__PURE__ */ d(() => {
175
+ this.innerHTML = "", S.log("NineTableSheet destroyed.");
176
+ }, "disconnectedCallback"));
177
+ }
178
+ };
179
+ p = new WeakMap(), k = new WeakMap(), q = new WeakMap(), E = new WeakMap(), A = new WeakMap(), d(R, "NineTableSheet");
180
+ let H = R;
214
181
  customElements.get("nine-table-sheet") || customElements.define("nine-table-sheet", H);
215
- var y, P, z, Q;
216
- const K = class K extends HTMLElement {
182
+ var C, m, L;
183
+ const W = class W extends HTMLElement {
217
184
  constructor() {
218
185
  super();
219
- b(this, y);
220
- }
221
- connectedCallback() {
222
- p(this, y, P).call(this);
186
+ x(this, "connectedCallback", /* @__PURE__ */ d(() => {
187
+ c(this, C).call(this);
188
+ }, "connectedCallback"));
189
+ b(this, C, /* @__PURE__ */ d(() => {
190
+ const e = this.querySelector(".nine-tab-bar");
191
+ e && (e.addEventListener("click", (a) => {
192
+ const o = a.target.closest(".nine-tab-item");
193
+ if (!o) return;
194
+ const s = a.ctrlKey || a.metaKey || a.shiftKey, l = parseInt(o.dataset.index, 10);
195
+ c(this, m).call(this, l, s);
196
+ }), c(this, m).call(this, 0, !1));
197
+ }, "#init"));
198
+ b(this, m, /* @__PURE__ */ d((e, a = !1) => {
199
+ const o = this.querySelector(".nine-tab-bar"), s = this.querySelector("nine-table-sheets-body"), l = o.querySelectorAll(".nine-tab-item"), t = s.querySelectorAll("nine-table-sheet");
200
+ if (!l[e]) return;
201
+ if (!a)
202
+ l.forEach((f, u) => {
203
+ f.classList.toggle("active", u === e);
204
+ const g = s.querySelector(`nine-table-sheet[data-index="${u}"]`);
205
+ g && (g.style.flex = "");
206
+ }), t.forEach((f, u) => {
207
+ f.classList.toggle("active", u === e);
208
+ });
209
+ else {
210
+ const f = l[e], u = o.querySelectorAll(".nine-tab-item.active");
211
+ if (f.classList.contains("active") && u.length <= 1)
212
+ return;
213
+ f.classList.toggle("active");
214
+ const g = s.querySelector(`nine-table-sheet[data-index="${e}"]`);
215
+ g && (g.classList.toggle("active"), g.classList.contains("active") || (g.style.flex = ""));
216
+ }
217
+ const r = Array.from(s.querySelectorAll("nine-table-sheet.active"));
218
+ if (r.length > 1) {
219
+ const f = 1 / r.length;
220
+ r.forEach((u) => {
221
+ (!u.style.flex || u.style.flex === "1 1 100%") && (u.style.flex = `${f} ${f} 0px`);
222
+ });
223
+ } else
224
+ r.forEach((f) => {
225
+ f.style.flex = "1 1 100%";
226
+ });
227
+ c(this, L).call(this);
228
+ const h = s.querySelector("nine-table-sheet.active");
229
+ if (h && typeof h.getRowCount == "function") {
230
+ const f = this.querySelector("#row-count");
231
+ f && (f.textContent = h.getRowCount().toLocaleString());
232
+ }
233
+ }, "#switchSheet"));
234
+ b(this, L, /* @__PURE__ */ d(() => {
235
+ const e = this.querySelector("nine-table-sheets-body");
236
+ e.querySelectorAll("nine-splitter").forEach((o) => {
237
+ const s = parseInt(o.dataset.splitIndex, 10), l = e.querySelector(`nine-table-sheet[data-index="${s - 1}"]`), t = e.querySelector(`nine-table-sheet[data-index="${s}"]`);
238
+ l && t && l.classList.contains("active") && t.classList.contains("active") ? o.classList.add("active") : o.classList.remove("active");
239
+ });
240
+ }, "#updateSplitters"));
223
241
  }
224
242
  };
225
- y = new WeakSet(), P = /* @__PURE__ */ d(function() {
226
- const t = this.querySelector(".nine-tab-bar");
227
- t && (t.addEventListener("click", (o) => {
228
- const r = o.target.closest(".nine-tab-item");
229
- if (!r) return;
230
- const s = o.ctrlKey || o.metaKey || o.shiftKey, i = parseInt(r.dataset.index, 10);
231
- p(this, y, z).call(this, i, s);
232
- }), p(this, y, z).call(this, 0, !1));
233
- }, "#init"), z = /* @__PURE__ */ d(function(t, o = !1) {
234
- const r = this.querySelector(".nine-tab-bar"), s = this.querySelector("nine-table-sheets-body"), i = r.querySelectorAll(".nine-tab-item"), n = s.querySelectorAll("nine-table-sheet");
235
- if (!i[t]) return;
236
- if (!o)
237
- i.forEach((c, f) => {
238
- c.classList.toggle("active", f === t);
239
- const x = s.querySelector(`nine-table-sheet[data-index="${f}"]`);
240
- x && (x.style.flex = "");
241
- }), n.forEach((c, f) => {
242
- c.classList.toggle("active", f === t);
243
- });
244
- else {
245
- const c = i[t], f = r.querySelectorAll(".nine-tab-item.active");
246
- if (c.classList.contains("active") && f.length <= 1)
247
- return;
248
- c.classList.toggle("active");
249
- const x = s.querySelector(`nine-table-sheet[data-index="${t}"]`);
250
- x && (x.classList.toggle("active"), x.classList.contains("active") || (x.style.flex = ""));
251
- }
252
- const a = Array.from(s.querySelectorAll("nine-table-sheet.active"));
253
- if (a.length > 1) {
254
- const c = 1 / a.length;
255
- a.forEach((f) => {
256
- (!f.style.flex || f.style.flex === "1 1 100%") && (f.style.flex = `${c} ${c} 0px`);
257
- });
258
- } else
259
- a.forEach((c) => {
260
- c.style.flex = "1 1 100%";
261
- });
262
- p(this, y, Q).call(this);
263
- const L = s.querySelector("nine-table-sheet.active");
264
- if (L && typeof L.getRowCount == "function") {
265
- const c = this.querySelector("#row-count");
266
- c && (c.textContent = L.getRowCount().toLocaleString());
267
- }
268
- }, "#switchSheet"), Q = /* @__PURE__ */ d(function() {
269
- const t = this.querySelector("nine-table-sheets-body");
270
- t.querySelectorAll("nine-splitter").forEach((r) => {
271
- const s = parseInt(r.dataset.splitIndex, 10), i = t.querySelector(`nine-table-sheet[data-index="${s - 1}"]`), n = t.querySelector(`nine-table-sheet[data-index="${s}"]`);
272
- i && n && i.classList.contains("active") && n.classList.contains("active") ? r.classList.add("active") : r.classList.remove("active");
273
- });
274
- }, "#updateSplitters"), d(K, "NineTableSheets");
275
- let M = K;
243
+ C = new WeakMap(), m = new WeakMap(), L = new WeakMap(), d(W, "NineTableSheets");
244
+ let M = W;
276
245
  customElements.get("nine-table-sheets") || customElements.define("nine-table-sheets", M);
277
- var g, C, U;
278
- const W = class W {
279
- constructor(e) {
280
- b(this, C);
281
- b(this, g);
282
- v(this, g, e), p(this, C, U).call(this);
283
- }
284
- };
285
- g = new WeakMap(), C = new WeakSet(), U = /* @__PURE__ */ d(function() {
286
- const t = Array.from(h(this, g).host.children).filter((i) => i.tagName === "TABLE"), o = t.map((i, n) => `<nine-table-sheet class="${n === 0 ? "active" : ""}" data-index="${n}"></nine-table-sheet>`).join(""), r = t.map((i, n) => `<div class="nine-tab-item ${n === 0 ? "active" : ""}" data-index="${n}">Sheet ${n + 1}</div>`).join("");
287
- h(this, g).innerHTML = `
246
+ var y, $;
247
+ const B = class B {
248
+ constructor(n) {
249
+ b(this, y);
250
+ b(this, $, /* @__PURE__ */ d(() => {
251
+ const e = Array.from(c(this, y).host.children).filter((l) => l.tagName === "TABLE"), a = e.map((l, t) => `<nine-table-sheet class="${t === 0 ? "active" : ""}" data-index="${t}"></nine-table-sheet>`).join(""), o = e.map((l, t) => `<div class="nine-tab-item ${t === 0 ? "active" : ""}" data-index="${t}">Sheet ${t + 1}</div>`).join("");
252
+ c(this, y).innerHTML = `
288
253
  <style>
289
254
  :host { display: flex; flex-direction: column; position: relative; overflow: hidden; height: 100%; background: #fff; }
290
255
  nine-table-header { height: 40px; display: block; flex-shrink: 0; border-bottom: 1px solid #e5e7eb; background: #fff; }
@@ -365,9 +330,9 @@ g = new WeakMap(), C = new WeakSet(), U = /* @__PURE__ */ d(function() {
365
330
  <nine-table-body>
366
331
  <nine-table-summary></nine-table-summary>
367
332
  <nine-table-sheets>
368
- <nine-table-sheets-body>${o}</nine-table-sheets-body>
333
+ <nine-table-sheets-body>${a}</nine-table-sheets-body>
369
334
  <nine-table-sheets-footer>
370
- <div class="nine-tab-bar">${r}</div>
335
+ <div class="nine-tab-bar">${o}</div>
371
336
  <div class="sheets-counter">Total : <span id="row-count">0</span></div>
372
337
  </nine-table-sheets-footer>
373
338
  </nine-table-sheets>
@@ -375,27 +340,31 @@ g = new WeakMap(), C = new WeakSet(), U = /* @__PURE__ */ d(function() {
375
340
  </nine-table-body>
376
341
  <nine-table-footer></nine-table-footer>
377
342
  `;
378
- const s = h(this, g).querySelectorAll("nine-table-sheet");
379
- s == null || s.forEach((i, n) => {
380
- t[n] && i.init(t[n]);
381
- });
382
- }, "#render"), d(W, "LayoutManager");
383
- let N = W;
384
- var S;
385
- const D = class D extends HTMLElement {
343
+ const s = c(this, y).querySelectorAll("nine-table-sheet");
344
+ s == null || s.forEach((l, t) => {
345
+ e[t] && l.init(e[t]);
346
+ });
347
+ }, "#render"));
348
+ w(this, y, n), c(this, $).call(this);
349
+ }
350
+ };
351
+ y = new WeakMap(), $ = new WeakMap(), d(B, "LayoutManager");
352
+ let z = B;
353
+ var v;
354
+ const j = class j extends HTMLElement {
386
355
  constructor() {
387
356
  super();
388
- b(this, S, !1);
357
+ b(this, v, !1);
389
358
  this.attachShadow({ mode: "open" });
390
359
  }
391
360
  connectedCallback() {
392
- h(this, S) || (this.layoutManager = new N(this.shadowRoot), v(this, S, !0), k.log("NineTable connected."), this.dispatchEvent(new CustomEvent("load", { bubbles: !0, detail: { target: this } })));
361
+ c(this, v) || (this.layoutManager = new z(this.shadowRoot), w(this, v, !0), S.log("NineTable connected."), this.dispatchEvent(new CustomEvent("load", { bubbles: !0, detail: { target: this } })));
393
362
  }
394
363
  disconnectedCallback() {
395
- k.log("NineTable disconnected.");
364
+ S.log("NineTable disconnected.");
396
365
  }
397
366
  };
398
- S = new WeakMap(), d(D, "NineTable");
399
- let R = D;
400
- customElements.get("nine-table") || customElements.define("nine-table", R);
367
+ v = new WeakMap(), d(j, "NineTable");
368
+ let I = j;
369
+ customElements.get("nine-table") || customElements.define("nine-table", I);
401
370
  //# sourceMappingURL=nine-table.js.map
package/dist/nine-table.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"nine-table.js","sources":["../src/external/NoPeer.js","../src/ui/TableInitializer.js","../src/ui/nine-table-sheet.js","../src/ui/nine-table-sheets.js","../src/ui/LayoutManager.js","../src/core/nine-table.js"],"sourcesContent":["import { trace as traceOrigin } from '@ninebone/util';\n\nexport class Trace extends traceOrigin.constructor {\n constructor() {\n super();\n this.init(\"nine-table\", \"green\");\n }\n}\n\nexport const trace = new Trace();","export class TableInitializer {\n #container;\n\n constructor(container) {\n this.#container = container;\n }\n\n /**\n * [Public] 테이블 초기화 진입점\n * @param {HTMLTableElement} tbl\n * @returns {HTMLTableElement}\n */\n initializeTable(tbl) {\n this.#ensureColgroup(tbl);\n this.#ensureThead(tbl);\n\n tbl.classList.add('nine-table-element');\n return tbl;\n }\n\n /**\n * [Private] colgroup 및 col 태그 유무 확인 후 보정\n */\n #ensureColgroup(tbl) {\n if (tbl.querySelector('colgroup')) return;\n\n const firstRow = tbl.querySelector('tbody tr') || tbl.querySelector('tr');\n const colCount = firstRow ? firstRow.querySelectorAll('th, td').length : 1;\n\n const colgroup = document.createElement('colgroup');\n const defaultWidth = Math.max(Math.floor((tbl.clientWidth || 600) / colCount), 100);\n\n for (let i = 0; i < colCount; i++) {\n const col = document.createElement('col');\n col.setAttribute('width', defaultWidth);\n colgroup.appendChild(col);\n }\n tbl.prepend(colgroup);\n }\n\n /**\n * [Private] thead 태그 유무 확인 후 보정\n */\n #ensureThead(tbl) {\n if (tbl.querySelector('thead')) return;\n\n const thead = document.createElement('thead');\n const colgroup = tbl.querySelector('colgroup');\n\n if (colgroup) {\n colgroup.after(thead);\n } else {\n tbl.prepend(thead);\n }\n }\n}","import { trace } from \"@nopeer\";\nimport { TableInitializer } from \"./TableInitializer.js\";\n\nexport class NineTableSheet extends HTMLElement {\n #tableElement = null;\n #initializer;\n\n constructor() {\n super();\n this.#initializer = new TableInitializer(this);\n }\n\n connectedCallback() {\n this.#render();\n }\n\n /**\n * @param {HTMLTableElement} tableEl\n */\n init(tableEl) {\n if (!tableEl) return;\n\n const clonedTable = tableEl.cloneNode(true);\n this.#tableElement = this.#initializer.initializeTable(clonedTable);\n this.#tableElement.style.display = 'table';\n\n const leftContainer = this.querySelector('.sheet-container-left');\n const bodyContainer = this.querySelector('.sheet-container-body');\n const rightContainer = this.querySelector('.sheet-container-right');\n\n if (bodyContainer) {\n const bodyTable = this.#tableElement.cloneNode(true);\n bodyTable.querySelectorAll('[fixed=\"left\"], [fixed=\"right\"]').forEach(el => el.remove());\n bodyContainer.innerHTML = '';\n bodyContainer.appendChild(bodyTable);\n }\n\n if (leftContainer) {\n const leftTable = this.#tableElement.cloneNode(true);\n leftTable.querySelectorAll('col, th, td').forEach(el => {\n if (el.getAttribute('fixed') !== 'left') el.remove();\n });\n leftTable.querySelectorAll('tbody tr').forEach(tr => tr.remove());\n\n leftContainer.innerHTML = '';\n leftContainer.appendChild(leftTable);\n }\n\n if (rightContainer) {\n const rightTable = this.#tableElement.cloneNode(true);\n rightTable.querySelectorAll('col, th, td').forEach(el => {\n if (el.getAttribute('fixed') !== 'right') el.remove();\n });\n rightTable.querySelectorAll('tbody tr').forEach(tr => tr.remove());\n\n rightContainer.innerHTML = '';\n rightContainer.appendChild(rightTable);\n }\n\n trace.log(`NineTableSheet 3-split initialized with rows: ${this.getRowCount()}`);\n }\n\n getRowCount() {\n if (!this.#tableElement) return 0;\n return this.#tableElement.querySelectorAll('tbody tr').length;\n }\n\n #render() {\n this.innerHTML = `\n <style>\n nine-table-sheet {\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n position: relative;\n box-sizing: border-box;\n background: #ffffff;\n overflow: hidden;\n }\n\n nine-table-sheet .sheet-layout {\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n flex: 1;\n overflow: hidden;\n }\n\n /* 상단 영역 (3분할 테이블 본문 및 좌우 고정 영역) */\n nine-table-sheet .sheet-container-top {\n display: flex;\n flex-direction: row;\n flex: 1;\n width: 100%;\n overflow: hidden;\n position: relative;\n }\n\n nine-table-sheet .sheet-container-left {\n flex-shrink: 0;\n width: auto;\n overflow-x: hidden;\n overflow-y: hidden;\n background: #ffffff;\n border-right: 1px solid #e5e7eb;\n }\n\n nine-table-sheet .sheet-container-body {\n flex: 1;\n overflow: auto; /* 추후 가로/세로 스크롤바와 연동될 메인 바디 뷰포트 */\n background: #ffffff;\n position: relative;\n }\n\n nine-table-sheet .sheet-container-right {\n flex-shrink: 0;\n width: auto;\n overflow-x: hidden;\n overflow-y: hidden;\n background: #ffffff;\n border-left: 1px solid #e5e7eb;\n }\n\n /* 하단 영역 (가로 스크롤바 및 코너 엣지 공간) */\n nine-table-sheet .sheet-container-bottom {\n display: flex;\n flex-direction: row;\n height: 0px; /* 추후 스크롤바 컴포넌트 장착 시 높이 확보 */\n flex-shrink: 0;\n background: #f9fafb;\n border-top: 1px solid #e5e7eb;\n }\n\n nine-table-sheet .sheet-hscrollbar {\n flex: 1;\n overflow: hidden;\n }\n\n nine-table-sheet .sheet-scroll-edge {\n width: 17px; /* 스크롤바 두께에 맞춘 코너 여백 공간 */\n flex-shrink: 0;\n }\n\n nine-table-sheet table {\n border-collapse: collapse;\n width: 100%;\n table-layout: fixed;\n }\n\n nine-table-sheet th, nine-table-sheet td {\n box-sizing: border-box;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n padding: 6px 8px;\n border: 1px solid #e5e7eb;\n font-size: 12px;\n color: #111827;\n }\n\n nine-table-sheet th {\n background-color: #f9fafb;\n font-weight: 600;\n text-align: left;\n }\n </style>\n \n <div class=\"sheet-layout\">\n <div class=\"sheet-container-top\">\n <div class=\"sheet-container-left\"></div>\n <div class=\"sheet-container-body\"></div>\n <div class=\"sheet-container-right\"></div>\n </div>\n <div class=\"sheet-container-bottom\">\n <div class=\"sheet-hscrollbar\"></div>\n <div class=\"sheet-scroll-edge\"></div>\n </div>\n </div>\n `;\n }\n\n disconnectedCallback() {\n this.innerHTML = '';\n trace.log('NineTableSheet destroyed.');\n }\n}\n\nif (!customElements.get('nine-table-sheet')) {\n customElements.define('nine-table-sheet', NineTableSheet);\n}","import './nine-table-sheet.js';\n\nexport class NineTableSheets extends HTMLElement {\n constructor() {\n super();\n }\n\n connectedCallback() {\n this.#init();\n }\n\n #init() {\n const tabBar = this.querySelector('.nine-tab-bar');\n if (!tabBar) return;\n\n tabBar.addEventListener('click', (e) => {\n const tabItem = e.target.closest('.nine-tab-item');\n if (!tabItem) return;\n\n const isMultiSelect = e.ctrlKey || e.metaKey || e.shiftKey;\n const index = parseInt(tabItem.dataset.index, 10);\n this.#switchSheet(index, isMultiSelect);\n });\n\n this.#switchSheet(0, false);\n }\n\n #switchSheet(index, isMultiSelect = false) {\n const tabBar = this.querySelector('.nine-tab-bar');\n const body = this.querySelector('nine-table-sheets-body');\n const tabItems = tabBar.querySelectorAll('.nine-tab-item');\n const sheetElements = body.querySelectorAll('nine-table-sheet');\n\n if (!tabItems[index]) return;\n\n if (!isMultiSelect) {\n tabItems.forEach((tab, idx) => {\n tab.classList.toggle('active', idx === index);\n const sheet = body.querySelector(`nine-table-sheet[data-index=\"${idx}\"]`);\n if (sheet) sheet.style.flex = '';\n });\n sheetElements.forEach((sheet, idx) => {\n sheet.classList.toggle('active', idx === index);\n });\n } else {\n const clickedTab = tabItems[index];\n const activeTabs = tabBar.querySelectorAll('.nine-tab-item.active');\n\n if (clickedTab.classList.contains('active') && activeTabs.length <= 1) {\n return;\n }\n\n clickedTab.classList.toggle('active');\n const targetSheet = body.querySelector(`nine-table-sheet[data-index=\"${index}\"]`);\n if (targetSheet) {\n targetSheet.classList.toggle('active');\n if (!targetSheet.classList.contains('active')) {\n targetSheet.style.flex = '';\n }\n }\n }\n\n const activeSheets = Array.from(body.querySelectorAll('nine-table-sheet.active'));\n if (activeSheets.length > 1) {\n const initialBasis = (1 / activeSheets.length);\n activeSheets.forEach(sheet => {\n if (!sheet.style.flex || sheet.style.flex === '1 1 100%') {\n sheet.style.flex = `${initialBasis} ${initialBasis} 0px`;\n }\n });\n } else {\n activeSheets.forEach(sheet => {\n sheet.style.flex = '1 1 100%';\n });\n }\n\n this.#updateSplitters();\n\n const activeSheet = body.querySelector(`nine-table-sheet.active`);\n if (activeSheet && typeof activeSheet.getRowCount === 'function') {\n const rowCountEl = this.querySelector('#row-count');\n if (rowCountEl) {\n rowCountEl.textContent = activeSheet.getRowCount().toLocaleString();\n }\n }\n }\n\n #updateSplitters() {\n const body = this.querySelector('nine-table-sheets-body');\n const splitters = body.querySelectorAll('nine-splitter');\n splitters.forEach(splitter => {\n const splitIndex = parseInt(splitter.dataset.splitIndex, 10);\n const leftSheet = body.querySelector(`nine-table-sheet[data-index=\"${splitIndex - 1}\"]`);\n const rightSheet = body.querySelector(`nine-table-sheet[data-index=\"${splitIndex}\"]`);\n\n if (leftSheet && rightSheet && leftSheet.classList.contains('active') && rightSheet.classList.contains('active')) {\n splitter.classList.add('active');\n } else {\n splitter.classList.remove('active');\n }\n });\n }\n}\n\nif (!customElements.get('nine-table-sheets')) {\n customElements.define('nine-table-sheets', NineTableSheets);\n}","import './nine-table-sheets.js';\n\nexport class LayoutManager {\n #root;\n\n constructor(shadowRoot) {\n this.#root = shadowRoot;\n this.#render();\n }\n\n #render() {\n const rawElements = Array.from(this.#root.host.children);\n const rawTables = rawElements.filter(el => el.tagName === 'TABLE');\n\n const sheetsHtml = rawTables.map((_, idx) => {\n const className = idx === 0 ? 'active' : '';\n return `<nine-table-sheet class=\"${className}\" data-index=\"${idx}\"></nine-table-sheet>`;\n }).join('');\n\n const tabsHtml = rawTables.map((_, idx) => {\n const className = idx === 0 ? 'active' : '';\n return `<div class=\"nine-tab-item ${className}\" data-index=\"${idx}\">Sheet ${idx + 1}</div>`;\n }).join('');\n\n this.#root.innerHTML = `\n <style>\n :host { display: flex; flex-direction: column; position: relative; overflow: hidden; height: 100%; background: #fff; }\n nine-table-header { height: 40px; display: block; flex-shrink: 0; border-bottom: 1px solid #e5e7eb; background: #fff; }\n nine-table-body { display: flex; flex-direction: row; flex: 1; overflow: hidden; position: relative; }\n nine-table-summary { display: none; width: 250px; flex-shrink: 0; border-right: 1px solid #e5e7eb; }\n nine-splitter:not([data-split-index]) { width: 4px; background: #e5e7eb; cursor: col-resize; flex-shrink: 0; }\n nine-table-analysis { display: none; }\n nine-table-footer { display: none; }\n\n nine-table-sheets {\n flex: 1;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n position: relative;\n background: #fff;\n }\n nine-table-sheets-body {\n flex: 1;\n overflow: auto;\n position: relative;\n display: flex;\n flex-direction: row;\n }\n nine-table-sheet {\n display: none !important;\n height: 100%;\n overflow: auto;\n flex: 1 1 100%;\n }\n nine-table-sheet.active {\n display: block !important;\n }\n nine-table-sheets-footer {\n display: flex;\n height: 32px;\n background: #f3f4f6;\n border-top: 1px solid #e5e7eb;\n align-items: center;\n justify-content: space-between;\n padding: 0 8px;\n flex-shrink: 0;\n }\n nine-table-sheets .nine-tab-bar {\n display: flex;\n align-items: center;\n gap: 2px;\n overflow-x: auto;\n flex: 1;\n height: 100%;\n }\n nine-table-sheets .nine-tab-item {\n padding: 4px 12px;\n cursor: pointer;\n font-size: 12px;\n color: #4b5563;\n background: #e5e7eb;\n border: 1px solid #d1d5db;\n border-top: none;\n border-radius: 0 0 3px 3px;\n user-select: none;\n }\n nine-table-sheets .nine-tab-item.active {\n background: #ffffff;\n color: #111827;\n font-weight: 600;\n border-bottom: 2px solid #2563eb;\n }\n nine-table-sheets .sheets-counter {\n font-size: 12px;\n color: #6b7280;\n padding-left: 12px;\n flex-shrink: 0;\n }\n </style>\n \n <nine-table-header></nine-table-header>\n <nine-table-body>\n <nine-table-summary></nine-table-summary>\n <nine-table-sheets>\n <nine-table-sheets-body>${sheetsHtml}</nine-table-sheets-body>\n <nine-table-sheets-footer>\n <div class=\"nine-tab-bar\">${tabsHtml}</div>\n <div class=\"sheets-counter\">Total : <span id=\"row-count\">0</span></div>\n </nine-table-sheets-footer>\n </nine-table-sheets>\n <nine-table-analysis></nine-table-analysis>\n </nine-table-body>\n <nine-table-footer></nine-table-footer>\n `;\n\n const $sheetElements = this.#root.querySelectorAll('nine-table-sheet');\n\n $sheetElements?.forEach(($el, idx) => {\n if (rawTables[idx]) {\n $el.init(rawTables[idx]);\n }\n });\n }\n}","import {trace} from \"@nopeer\";\nimport { LayoutManager } from '../ui/LayoutManager.js';\n\nexport default class NineTable extends HTMLElement {\n #created = false;\n\n constructor() {\n super();\n this.attachShadow({ mode: 'open' });\n }\n\n connectedCallback() {\n if (this.#created) return;\n\n // shadowRoot 하나만 넘겨서 내부에서 레이아웃 및 테이블 수집 처리\n this.layoutManager = new LayoutManager(this.shadowRoot);\n //this.layoutManager.render();\n\n this.#created = true;\n trace.log('NineTable connected.');\n\n this.dispatchEvent(new CustomEvent('load', { bubbles: true, detail: { target: this } }));\n }\n\n disconnectedCallback() {\n trace.log('NineTable disconnected.');\n }\n}\n\nif (!customElements.get('nine-table')) {\n customElements.define('nine-table', NineTable);\n}"],"names":["_Trace","traceOrigin","__name","Trace","trace","_TableInitializer","container","__privateAdd","_TableInitializer_instances","_container","__privateSet","tbl","__privateMethod","ensureColgroup_fn","ensureThead_fn","firstRow","colCount","colgroup","defaultWidth","col","thead","TableInitializer","_NineTableSheet","_NineTableSheet_instances","_tableElement","_initializer","render_fn","tableEl","clonedTable","__privateGet","leftContainer","bodyContainer","rightContainer","bodyTable","el","leftTable","tr","rightTable","NineTableSheet","_NineTableSheets","_NineTableSheets_instances","init_fn","tabBar","e","tabItem","isMultiSelect","index","switchSheet_fn","body","tabItems","sheetElements","tab","idx","sheet","clickedTab","activeTabs","targetSheet","activeSheets","initialBasis","updateSplitters_fn","activeSheet","rowCountEl","splitter","splitIndex","leftSheet","rightSheet","NineTableSheets","_LayoutManager","shadowRoot","_LayoutManager_instances","_root","rawTables","sheetsHtml","_","tabsHtml","$sheetElements","$el","LayoutManager","_NineTable","_created","NineTable"],"mappings":"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"}
1
+ {"version":3,"file":"nine-table.js","sources":["../src/external/NoPeer.js","../src/ui/nine-table-sheet.js","../src/ui/nine-table-sheets.js","../src/ui/LayoutManager.js","../src/core/nine-table.js"],"sourcesContent":["import { trace as traceOrigin } from '@ninebone/util';\n\nexport class Trace extends traceOrigin.constructor {\n constructor() {\n super();\n this.init(\"nine-table\", \"green\");\n }\n}\n\nexport const trace = new Trace();","import { trace } from \"@nopeer\";\n\nexport class NineTableSheet extends HTMLElement {\n #tableElement = null;\n\n constructor() {\n super();\n }\n\n connectedCallback = () => {\n this.#render();\n };\n\n init = (tableEl) => {\n if (!tableEl) return;\n\n const clonedTable = tableEl.cloneNode(true);\n this.#tableElement = this.#initializeTable(clonedTable);\n this.#tableElement.style.display = 'table';\n\n const leftContainer = this.querySelector('.ng-container-left');\n const bodyContainer = this.querySelector('.ng-container-body');\n const rightContainer = this.querySelector('.ng-container-right');\n\n // 1. 메인 바디 영역 (좌우 고정 컬럼 제외)\n if (bodyContainer) {\n const bodyTable = this.#tableElement.cloneNode(true);\n bodyTable.querySelectorAll('[fixed=\"left\"], [fixed=\"right\"]').forEach(el => el.remove());\n bodyContainer.innerHTML = '';\n bodyContainer.appendChild(bodyTable);\n }\n\n // 2. 좌측 고정 영역 및 너비 계산\n if (leftContainer) {\n const leftTable = this.#tableElement.cloneNode(true);\n leftTable.querySelectorAll('col, th, td').forEach(el => {\n if (el.getAttribute('fixed') !== 'left') el.remove();\n });\n leftTable.querySelectorAll('tbody tr').forEach(tr => tr.remove());\n\n let leftWidth = 0;\n leftTable.querySelectorAll('col').forEach(col => {\n leftWidth += parseInt(col.getAttribute('width') || 0, 10);\n });\n\n leftContainer.innerHTML = '';\n leftContainer.appendChild(leftTable);\n\n if (leftWidth > 0) {\n leftContainer.style.width = `${leftWidth}px`;\n leftContainer.style.minWidth = `${leftWidth}px`;\n }\n }\n\n // 3. 우측 고정 영역 및 너비 계산\n if (rightContainer) {\n const rightTable = this.#tableElement.cloneNode(true);\n rightTable.querySelectorAll('col, th, td').forEach(el => {\n if (el.getAttribute('fixed') !== 'right') el.remove();\n });\n rightTable.querySelectorAll('tbody tr').forEach(tr => tr.remove());\n\n let rightWidth = 0;\n rightTable.querySelectorAll('col').forEach(col => {\n rightWidth += parseInt(col.getAttribute('width') || 0, 10);\n });\n\n rightContainer.innerHTML = '';\n rightContainer.appendChild(rightTable);\n\n if (rightWidth > 0) {\n rightContainer.style.width = `${rightWidth}px`;\n rightContainer.style.minWidth = `${rightWidth}px`;\n }\n }\n\n trace.log(`NineTableSheet 3-split initialized with rows: ${this.getRowCount()}`);\n };\n\n getRowCount = () => {\n if (!this.#tableElement) return 0;\n return this.#tableElement.querySelectorAll('tbody tr').length;\n };\n\n #initializeTable = (tbl) => {\n this.#ensureColgroup(tbl);\n this.#ensureThead(tbl);\n\n tbl.classList.add('nine-table-element');\n return tbl;\n };\n\n #ensureColgroup = (tbl) => {\n if (tbl.querySelector('colgroup')) return;\n\n const firstRow = tbl.querySelector('tbody tr') || tbl.querySelector('tr');\n const colCount = firstRow ? firstRow.querySelectorAll('th, td').length : 1;\n\n const colgroup = document.createElement('colgroup');\n const defaultWidth = Math.max(Math.floor((tbl.clientWidth || 600) / colCount), 100);\n\n for (let i = 0; i < colCount; i++) {\n const col = document.createElement('col');\n col.setAttribute('width', defaultWidth);\n colgroup.appendChild(col);\n }\n tbl.prepend(colgroup);\n };\n\n #ensureThead = (tbl) => {\n if (tbl.querySelector('thead')) return;\n\n const thead = document.createElement('thead');\n const colgroup = tbl.querySelector('colgroup');\n\n if (colgroup) {\n colgroup.after(thead);\n } else {\n tbl.prepend(thead);\n }\n };\n\n #render = () => {\n this.innerHTML = `\n <style>\n nine-table-sheet {\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n position: relative;\n box-sizing: border-box;\n background: #ffffff;\n overflow: hidden;\n }\n\n nine-table-sheet .ng-container-top {\n display: flex;\n flex-direction: row;\n flex: 1;\n width: 100%;\n overflow: hidden;\n position: relative;\n }\n\n nine-table-sheet .ng-container-left {\n flex-shrink: 0;\n overflow: hidden;\n background: #ffffff;\n border-right: 1px solid #e5e7eb;\n }\n\n nine-table-sheet .ng-container-body {\n flex: 1;\n overflow: auto;\n background: #ffffff;\n position: relative;\n }\n\n nine-table-sheet .ng-container-right {\n flex-shrink: 0;\n overflow: hidden;\n background: #ffffff;\n border-left: 1px solid #e5e7eb;\n }\n\n nine-table-sheet .ng-container-bottom {\n display: flex;\n flex-direction: row;\n height: 16px;\n flex-shrink: 0;\n background: #f9fafb;\n border-top: 1px solid #e5e7eb;\n }\n\n nine-table-sheet nine-table-hscrollbar {\n flex: 1;\n overflow: hidden;\n display: block;\n }\n\n nine-table-sheet .ng-scroll-edge {\n width: 16px;\n flex-shrink: 0;\n background: #f3f4f6;\n }\n\n nine-table-sheet table {\n border-collapse: collapse;\n width: 100%;\n table-layout: fixed;\n }\n\n nine-table-sheet th, nine-table-sheet td {\n box-sizing: border-box;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n padding: 6px 8px;\n border: 1px solid #e5e7eb;\n font-size: 12px;\n color: #111827;\n }\n\n nine-table-sheet th {\n background-color: #f9fafb;\n font-weight: 600;\n text-align: left;\n }\n </style>\n \n <div class='ng-container-top'>\n <div class='ng-container-left'></div>\n <div class='ng-container-body'></div>\n <div class='ng-container-right'></div>\n <nine-table-vscrollbar></nine-table-vscrollbar>\n </div>\n <div class='ng-container-bottom'>\n <nine-table-hscrollbar></nine-table-hscrollbar>\n <div class='ng-scroll-edge'></div>\n </div>\n `;\n };\n\n disconnectedCallback = () => {\n this.innerHTML = '';\n trace.log('NineTableSheet destroyed.');\n };\n}\n\nif (!customElements.get('nine-table-sheet')) {\n customElements.define('nine-table-sheet', NineTableSheet);\n}","import './nine-table-sheet.js';\n\nexport class NineTableSheets extends HTMLElement {\n constructor() {\n super();\n }\n\n connectedCallback = () => {\n this.#init();\n };\n\n #init = () => {\n const tabBar = this.querySelector('.nine-tab-bar');\n if (!tabBar) return;\n\n tabBar.addEventListener('click', (e) => {\n const tabItem = e.target.closest('.nine-tab-item');\n if (!tabItem) return;\n\n const isMultiSelect = e.ctrlKey || e.metaKey || e.shiftKey;\n const index = parseInt(tabItem.dataset.index, 10);\n this.#switchSheet(index, isMultiSelect);\n });\n\n this.#switchSheet(0, false);\n };\n\n #switchSheet = (index, isMultiSelect = false) => {\n const tabBar = this.querySelector('.nine-tab-bar');\n const body = this.querySelector('nine-table-sheets-body');\n const tabItems = tabBar.querySelectorAll('.nine-tab-item');\n const sheetElements = body.querySelectorAll('nine-table-sheet');\n\n if (!tabItems[index]) return;\n\n if (!isMultiSelect) {\n tabItems.forEach((tab, idx) => {\n tab.classList.toggle('active', idx === index);\n const sheet = body.querySelector(`nine-table-sheet[data-index=\"${idx}\"]`);\n if (sheet) sheet.style.flex = '';\n });\n sheetElements.forEach((sheet, idx) => {\n sheet.classList.toggle('active', idx === index);\n });\n } else {\n const clickedTab = tabItems[index];\n const activeTabs = tabBar.querySelectorAll('.nine-tab-item.active');\n\n if (clickedTab.classList.contains('active') && activeTabs.length <= 1) {\n return;\n }\n\n clickedTab.classList.toggle('active');\n const targetSheet = body.querySelector(`nine-table-sheet[data-index=\"${index}\"]`);\n if (targetSheet) {\n targetSheet.classList.toggle('active');\n if (!targetSheet.classList.contains('active')) {\n targetSheet.style.flex = '';\n }\n }\n }\n\n const activeSheets = Array.from(body.querySelectorAll('nine-table-sheet.active'));\n if (activeSheets.length > 1) {\n const initialBasis = (1 / activeSheets.length);\n activeSheets.forEach(sheet => {\n if (!sheet.style.flex || sheet.style.flex === '1 1 100%') {\n sheet.style.flex = `${initialBasis} ${initialBasis} 0px`;\n }\n });\n } else {\n activeSheets.forEach(sheet => {\n sheet.style.flex = '1 1 100%';\n });\n }\n\n this.#updateSplitters();\n\n const activeSheet = body.querySelector(`nine-table-sheet.active`);\n if (activeSheet && typeof activeSheet.getRowCount === 'function') {\n const rowCountEl = this.querySelector('#row-count');\n if (rowCountEl) {\n rowCountEl.textContent = activeSheet.getRowCount().toLocaleString();\n }\n }\n };\n\n #updateSplitters = () => {\n const body = this.querySelector('nine-table-sheets-body');\n const splitters = body.querySelectorAll('nine-splitter');\n splitters.forEach(splitter => {\n const splitIndex = parseInt(splitter.dataset.splitIndex, 10);\n const leftSheet = body.querySelector(`nine-table-sheet[data-index=\"${splitIndex - 1}\"]`);\n const rightSheet = body.querySelector(`nine-table-sheet[data-index=\"${splitIndex}\"]`);\n\n if (leftSheet && rightSheet && leftSheet.classList.contains('active') && rightSheet.classList.contains('active')) {\n splitter.classList.add('active');\n } else {\n splitter.classList.remove('active');\n }\n });\n };\n}\n\nif (!customElements.get('nine-table-sheets')) {\n customElements.define('nine-table-sheets', NineTableSheets);\n}","import './nine-table-sheets.js';\n\nexport class LayoutManager {\n #root;\n\n constructor(shadowRoot) {\n this.#root = shadowRoot;\n this.#render();\n }\n\n #render = () => {\n const rawElements = Array.from(this.#root.host.children);\n const rawTables = rawElements.filter(el => el.tagName === 'TABLE');\n\n const sheetsHtml = rawTables.map((_, idx) => {\n const className = idx === 0 ? 'active' : '';\n return `<nine-table-sheet class=\"${className}\" data-index=\"${idx}\"></nine-table-sheet>`;\n }).join('');\n\n const tabsHtml = rawTables.map((_, idx) => {\n const className = idx === 0 ? 'active' : '';\n return `<div class=\"nine-tab-item ${className}\" data-index=\"${idx}\">Sheet ${idx + 1}</div>`;\n }).join('');\n\n this.#root.innerHTML = `\n <style>\n :host { display: flex; flex-direction: column; position: relative; overflow: hidden; height: 100%; background: #fff; }\n nine-table-header { height: 40px; display: block; flex-shrink: 0; border-bottom: 1px solid #e5e7eb; background: #fff; }\n nine-table-body { display: flex; flex-direction: row; flex: 1; overflow: hidden; position: relative; }\n nine-table-summary { display: none; width: 250px; flex-shrink: 0; border-right: 1px solid #e5e7eb; }\n nine-splitter:not([data-split-index]) { width: 4px; background: #e5e7eb; cursor: col-resize; flex-shrink: 0; }\n nine-table-analysis { display: none; }\n nine-table-footer { display: none; }\n\n nine-table-sheets {\n flex: 1;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n position: relative;\n background: #fff;\n }\n nine-table-sheets-body {\n flex: 1;\n overflow: auto;\n position: relative;\n display: flex;\n flex-direction: row;\n }\n nine-table-sheet {\n display: none !important;\n height: 100%;\n overflow: auto;\n flex: 1 1 100%;\n }\n nine-table-sheet.active {\n display: block !important;\n }\n nine-table-sheets-footer {\n display: flex;\n height: 32px;\n background: #f3f4f6;\n border-top: 1px solid #e5e7eb;\n align-items: center;\n justify-content: space-between;\n padding: 0 8px;\n flex-shrink: 0;\n }\n nine-table-sheets .nine-tab-bar {\n display: flex;\n align-items: center;\n gap: 2px;\n overflow-x: auto;\n flex: 1;\n height: 100%;\n }\n nine-table-sheets .nine-tab-item {\n padding: 4px 12px;\n cursor: pointer;\n font-size: 12px;\n color: #4b5563;\n background: #e5e7eb;\n border: 1px solid #d1d5db;\n border-top: none;\n border-radius: 0 0 3px 3px;\n user-select: none;\n }\n nine-table-sheets .nine-tab-item.active {\n background: #ffffff;\n color: #111827;\n font-weight: 600;\n border-bottom: 2px solid #2563eb;\n }\n nine-table-sheets .sheets-counter {\n font-size: 12px;\n color: #6b7280;\n padding-left: 12px;\n flex-shrink: 0;\n }\n </style>\n \n <nine-table-header></nine-table-header>\n <nine-table-body>\n <nine-table-summary></nine-table-summary>\n <nine-table-sheets>\n <nine-table-sheets-body>${sheetsHtml}</nine-table-sheets-body>\n <nine-table-sheets-footer>\n <div class=\"nine-tab-bar\">${tabsHtml}</div>\n <div class=\"sheets-counter\">Total : <span id=\"row-count\">0</span></div>\n </nine-table-sheets-footer>\n </nine-table-sheets>\n <nine-table-analysis></nine-table-analysis>\n </nine-table-body>\n <nine-table-footer></nine-table-footer>\n `;\n\n const $sheetElements = this.#root.querySelectorAll('nine-table-sheet');\n\n $sheetElements?.forEach(($el, idx) => {\n if (rawTables[idx]) {\n $el.init(rawTables[idx]);\n }\n });\n };\n}","import {trace} from \"@nopeer\";\nimport { LayoutManager } from '../ui/LayoutManager.js';\n\nexport default class NineTable extends HTMLElement {\n #created = false;\n\n constructor() {\n super();\n this.attachShadow({ mode: 'open' });\n }\n\n connectedCallback() {\n if (this.#created) return;\n\n // shadowRoot 하나만 넘겨서 내부에서 레이아웃 및 테이블 수집 처리\n this.layoutManager = new LayoutManager(this.shadowRoot);\n //this.layoutManager.render();\n\n this.#created = true;\n trace.log('NineTable connected.');\n\n this.dispatchEvent(new CustomEvent('load', { bubbles: true, detail: { target: this } }));\n }\n\n disconnectedCallback() {\n trace.log('NineTable disconnected.');\n }\n}\n\nif (!customElements.get('nine-table')) {\n customElements.define('nine-table', NineTable);\n}"],"names":["_Trace","traceOrigin","__name","Trace","trace","_NineTableSheet","__privateAdd","_tableElement","__publicField","__privateGet","_render","tableEl","clonedTable","__privateSet","_initializeTable","leftContainer","bodyContainer","rightContainer","bodyTable","el","leftTable","tr","leftWidth","col","rightTable","rightWidth","tbl","_ensureColgroup","_ensureThead","firstRow","colCount","colgroup","defaultWidth","i","thead","NineTableSheet","_NineTableSheets","_init","tabBar","e","tabItem","isMultiSelect","index","_switchSheet","body","tabItems","sheetElements","tab","idx","sheet","clickedTab","activeTabs","targetSheet","activeSheets","initialBasis","_updateSplitters","activeSheet","rowCountEl","splitter","splitIndex","leftSheet","rightSheet","NineTableSheets","_LayoutManager","shadowRoot","_root","rawTables","sheetsHtml","_","tabsHtml","$sheetElements","$el","LayoutManager","_NineTable","_created","NineTable"],"mappings":"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"}
package/dist/nine-table.umd.js CHANGED
@@ -1,4 +1,4 @@
1
- (function(n,i){typeof exports=="object"&&typeof module<"u"?i(require("@ninebone/util")):typeof define=="function"&&define.amd?define(["@ninebone/util"],i):(n=typeof globalThis<"u"?globalThis:n||self,i(n.NineboneUtil))})(this,function(n){"use strict";var V=Object.defineProperty;var D=n=>{throw TypeError(n)};var f=(n,i)=>V(n,"name",{value:i,configurable:!0});var W=(n,i,c)=>i.has(n)||D("Cannot "+c);var b=(n,i,c)=>(W(n,i,"read from private field"),c?c.call(n):i.get(n)),y=(n,i,c)=>i.has(n)?D("Cannot add the same private member more than once"):i instanceof WeakSet?i.add(n):i.set(n,c),q=(n,i,c,w)=>(W(n,i,"write to private field"),w?w.call(n,c):i.set(n,c),c),g=(n,i,c)=>(W(n,i,"access private method"),c);var C,S,F,G,u,k,L,J,x,O,U,P,v,A,Q,E;const z=class z extends n.trace.constructor{constructor(){super(),this.init("nine-table","green")}};f(z,"Trace");let i=z;const c=new i,N=class N{constructor(o){y(this,S);y(this,C);q(this,C,o)}initializeTable(o){return g(this,S,F).call(this,o),g(this,S,G).call(this,o),o.classList.add("nine-table-element"),o}};C=new WeakMap,S=new WeakSet,F=f(function(o){if(o.querySelector("colgroup"))return;const t=o.querySelector("tbody tr")||o.querySelector("tr"),d=t?t.querySelectorAll("th, td").length:1,r=document.createElement("colgroup"),l=Math.max(Math.floor((o.clientWidth||600)/d),100);for(let s=0;s<d;s++){const e=document.createElement("col");e.setAttribute("width",l),r.appendChild(e)}o.prepend(r)},"#ensureColgroup"),G=f(function(o){if(o.querySelector("thead"))return;const t=document.createElement("thead"),d=o.querySelector("colgroup");d?d.after(t):o.prepend(t)},"#ensureThead"),f(N,"TableInitializer");let w=N;const R=class R extends HTMLElement{constructor(){super();y(this,L);y(this,u,null);y(this,k);q(this,k,new w(this))}connectedCallback(){g(this,L,J).call(this)}init(t){if(!t)return;const d=t.cloneNode(!0);q(this,u,b(this,k).initializeTable(d)),b(this,u).style.display="table";const r=this.querySelector(".sheet-container-left"),l=this.querySelector(".sheet-container-body"),s=this.querySelector(".sheet-container-right");if(l){const e=b(this,u).cloneNode(!0);e.querySelectorAll('[fixed="left"], [fixed="right"]').forEach(a=>a.remove()),l.innerHTML="",l.appendChild(e)}if(r){const e=b(this,u).cloneNode(!0);e.querySelectorAll("col, th, td").forEach(a=>{a.getAttribute("fixed")!=="left"&&a.remove()}),e.querySelectorAll("tbody tr").forEach(a=>a.remove()),r.innerHTML="",r.appendChild(e)}if(s){const e=b(this,u).cloneNode(!0);e.querySelectorAll("col, th, td").forEach(a=>{a.getAttribute("fixed")!=="right"&&a.remove()}),e.querySelectorAll("tbody tr").forEach(a=>a.remove()),s.innerHTML="",s.appendChild(e)}c.log(`NineTableSheet 3-split initialized with rows: ${this.getRowCount()}`)}getRowCount(){return b(this,u)?b(this,u).querySelectorAll("tbody tr").length:0}disconnectedCallback(){this.innerHTML="",c.log("NineTableSheet destroyed.")}};u=new WeakMap,k=new WeakMap,L=new WeakSet,J=f(function(){this.innerHTML=`
1
+ (function(i,t){typeof exports=="object"&&typeof module<"u"?t(require("@ninebone/util")):typeof define=="function"&&define.amd?define(["@ninebone/util"],t):(i=typeof globalThis<"u"?globalThis:i||self,t(i.NineboneUtil))})(this,function(i){"use strict";var K=Object.defineProperty;var U=i=>{throw TypeError(i)};var F=(i,t,a)=>t in i?K(i,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):i[t]=a;var d=(i,t)=>K(i,"name",{value:t,configurable:!0});var v=(i,t,a)=>F(i,typeof t!="symbol"?t+"":t,a),D=(i,t,a)=>t.has(i)||U("Cannot "+a);var c=(i,t,a)=>(D(i,t,"read from private field"),a?a.call(i):t.get(i)),u=(i,t,a)=>t.has(i)?U("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(i):t.set(i,a),H=(i,t,a,m)=>(D(i,t,"write to private field"),m?m.call(i,a):t.set(i,a),a);var p,k,E,A,C,L,w,T,y,$,S;const N=class N extends i.trace.constructor{constructor(){super(),this.init("nine-table","green")}};d(N,"Trace");let t=N;const a=new t,R=class R extends HTMLElement{constructor(){super();u(this,p,null);v(this,"connectedCallback",d(()=>{c(this,C).call(this)},"connectedCallback"));v(this,"init",d(e=>{if(!e)return;const f=e.cloneNode(!0);H(this,p,c(this,k).call(this,f)),c(this,p).style.display="table";const o=this.querySelector(".ng-container-left"),s=this.querySelector(".ng-container-body"),l=this.querySelector(".ng-container-right");if(s){const n=c(this,p).cloneNode(!0);n.querySelectorAll('[fixed="left"], [fixed="right"]').forEach(r=>r.remove()),s.innerHTML="",s.appendChild(n)}if(o){const n=c(this,p).cloneNode(!0);n.querySelectorAll("col, th, td").forEach(h=>{h.getAttribute("fixed")!=="left"&&h.remove()}),n.querySelectorAll("tbody tr").forEach(h=>h.remove());let r=0;n.querySelectorAll("col").forEach(h=>{r+=parseInt(h.getAttribute("width")||0,10)}),o.innerHTML="",o.appendChild(n),r>0&&(o.style.width=`${r}px`,o.style.minWidth=`${r}px`)}if(l){const n=c(this,p).cloneNode(!0);n.querySelectorAll("col, th, td").forEach(h=>{h.getAttribute("fixed")!=="right"&&h.remove()}),n.querySelectorAll("tbody tr").forEach(h=>h.remove());let r=0;n.querySelectorAll("col").forEach(h=>{r+=parseInt(h.getAttribute("width")||0,10)}),l.innerHTML="",l.appendChild(n),r>0&&(l.style.width=`${r}px`,l.style.minWidth=`${r}px`)}a.log(`NineTableSheet 3-split initialized with rows: ${this.getRowCount()}`)},"init"));v(this,"getRowCount",d(()=>c(this,p)?c(this,p).querySelectorAll("tbody tr").length:0,"getRowCount"));u(this,k,d(e=>(c(this,E).call(this,e),c(this,A).call(this,e),e.classList.add("nine-table-element"),e),"#initializeTable"));u(this,E,d(e=>{if(e.querySelector("colgroup"))return;const f=e.querySelector("tbody tr")||e.querySelector("tr"),o=f?f.querySelectorAll("th, td").length:1,s=document.createElement("colgroup"),l=Math.max(Math.floor((e.clientWidth||600)/o),100);for(let n=0;n<o;n++){const r=document.createElement("col");r.setAttribute("width",l),s.appendChild(r)}e.prepend(s)},"#ensureColgroup"));u(this,A,d(e=>{if(e.querySelector("thead"))return;const f=document.createElement("thead"),o=e.querySelector("colgroup");o?o.after(f):e.prepend(f)},"#ensureThead"));u(this,C,d(()=>{this.innerHTML=`
2
2
  <style>
3
3
  nine-table-sheet {
4
4
  display: flex;
@@ -11,17 +11,7 @@
11
11
  overflow: hidden;
12
12
  }
13
13
 
14
- nine-table-sheet .sheet-layout {
15
- display: flex;
16
- flex-direction: column;
17
- width: 100%;
18
- height: 100%;
19
- flex: 1;
20
- overflow: hidden;
21
- }
22
-
23
- /* 상단 영역 (3분할 테이블 본문 및 좌우 고정 영역) */
24
- nine-table-sheet .sheet-container-top {
14
+ nine-table-sheet .ng-container-top {
25
15
  display: flex;
26
16
  flex-direction: row;
27
17
  flex: 1;
@@ -30,49 +20,46 @@
30
20
  position: relative;
31
21
  }
32
22
 
33
- nine-table-sheet .sheet-container-left {
23
+ nine-table-sheet .ng-container-left {
34
24
  flex-shrink: 0;
35
- width: auto;
36
- overflow-x: hidden;
37
- overflow-y: hidden;
25
+ overflow: hidden;
38
26
  background: #ffffff;
39
27
  border-right: 1px solid #e5e7eb;
40
28
  }
41
29
 
42
- nine-table-sheet .sheet-container-body {
30
+ nine-table-sheet .ng-container-body {
43
31
  flex: 1;
44
- overflow: auto; /* 추후 가로/세로 스크롤바와 연동될 메인 바디 뷰포트 */
32
+ overflow: auto;
45
33
  background: #ffffff;
46
34
  position: relative;
47
35
  }
48
36
 
49
- nine-table-sheet .sheet-container-right {
37
+ nine-table-sheet .ng-container-right {
50
38
  flex-shrink: 0;
51
- width: auto;
52
- overflow-x: hidden;
53
- overflow-y: hidden;
39
+ overflow: hidden;
54
40
  background: #ffffff;
55
41
  border-left: 1px solid #e5e7eb;
56
42
  }
57
43
 
58
- /* 하단 영역 (가로 스크롤바 및 코너 엣지 공간) */
59
- nine-table-sheet .sheet-container-bottom {
44
+ nine-table-sheet .ng-container-bottom {
60
45
  display: flex;
61
46
  flex-direction: row;
62
- height: 0px; /* 추후 스크롤바 컴포넌트 장착 시 높이 확보 */
47
+ height: 16px;
63
48
  flex-shrink: 0;
64
49
  background: #f9fafb;
65
50
  border-top: 1px solid #e5e7eb;
66
51
  }
67
52
 
68
- nine-table-sheet .sheet-hscrollbar {
53
+ nine-table-sheet nine-table-hscrollbar {
69
54
  flex: 1;
70
55
  overflow: hidden;
56
+ display: block;
71
57
  }
72
58
 
73
- nine-table-sheet .sheet-scroll-edge {
74
- width: 17px; /* 스크롤바 두께에 맞춘 코너 여백 공간 */
59
+ nine-table-sheet .ng-scroll-edge {
60
+ width: 16px;
75
61
  flex-shrink: 0;
62
+ background: #f3f4f6;
76
63
  }
77
64
 
78
65
  nine-table-sheet table {
@@ -99,18 +86,17 @@
99
86
  }
100
87
  </style>
101
88
 
102
- <div class="sheet-layout">
103
- <div class="sheet-container-top">
104
- <div class="sheet-container-left"></div>
105
- <div class="sheet-container-body"></div>
106
- <div class="sheet-container-right"></div>
107
- </div>
108
- <div class="sheet-container-bottom">
109
- <div class="sheet-hscrollbar"></div>
110
- <div class="sheet-scroll-edge"></div>
111
- </div>
89
+ <div class='ng-container-top'>
90
+ <div class='ng-container-left'></div>
91
+ <div class='ng-container-body'></div>
92
+ <div class='ng-container-right'></div>
93
+ <nine-table-vscrollbar></nine-table-vscrollbar>
94
+ </div>
95
+ <div class='ng-container-bottom'>
96
+ <nine-table-hscrollbar></nine-table-hscrollbar>
97
+ <div class='ng-scroll-edge'></div>
112
98
  </div>
113
- `},"#render"),f(R,"NineTableSheet");let T=R;customElements.get("nine-table-sheet")||customElements.define("nine-table-sheet",T);const j=class j extends HTMLElement{constructor(){super();y(this,x)}connectedCallback(){g(this,x,O).call(this)}};x=new WeakSet,O=f(function(){const t=this.querySelector(".nine-tab-bar");t&&(t.addEventListener("click",d=>{const r=d.target.closest(".nine-tab-item");if(!r)return;const l=d.ctrlKey||d.metaKey||d.shiftKey,s=parseInt(r.dataset.index,10);g(this,x,U).call(this,s,l)}),g(this,x,U).call(this,0,!1))},"#init"),U=f(function(t,d=!1){const r=this.querySelector(".nine-tab-bar"),l=this.querySelector("nine-table-sheets-body"),s=r.querySelectorAll(".nine-tab-item"),e=l.querySelectorAll("nine-table-sheet");if(!s[t])return;if(!d)s.forEach((h,p)=>{h.classList.toggle("active",p===t);const m=l.querySelector(`nine-table-sheet[data-index="${p}"]`);m&&(m.style.flex="")}),e.forEach((h,p)=>{h.classList.toggle("active",p===t)});else{const h=s[t],p=r.querySelectorAll(".nine-tab-item.active");if(h.classList.contains("active")&&p.length<=1)return;h.classList.toggle("active");const m=l.querySelector(`nine-table-sheet[data-index="${t}"]`);m&&(m.classList.toggle("active"),m.classList.contains("active")||(m.style.flex=""))}const a=Array.from(l.querySelectorAll("nine-table-sheet.active"));if(a.length>1){const h=1/a.length;a.forEach(p=>{(!p.style.flex||p.style.flex==="1 1 100%")&&(p.style.flex=`${h} ${h} 0px`)})}else a.forEach(h=>{h.style.flex="1 1 100%"});g(this,x,P).call(this);const K=l.querySelector("nine-table-sheet.active");if(K&&typeof K.getRowCount=="function"){const h=this.querySelector("#row-count");h&&(h.textContent=K.getRowCount().toLocaleString())}},"#switchSheet"),P=f(function(){const t=this.querySelector("nine-table-sheets-body");t.querySelectorAll("nine-splitter").forEach(r=>{const l=parseInt(r.dataset.splitIndex,10),s=t.querySelector(`nine-table-sheet[data-index="${l-1}"]`),e=t.querySelector(`nine-table-sheet[data-index="${l}"]`);s&&e&&s.classList.contains("active")&&e.classList.contains("active")?r.classList.add("active"):r.classList.remove("active")})},"#updateSplitters"),f(j,"NineTableSheets");let $=j;customElements.get("nine-table-sheets")||customElements.define("nine-table-sheets",$);const B=class B{constructor(o){y(this,A);y(this,v);q(this,v,o),g(this,A,Q).call(this)}};v=new WeakMap,A=new WeakSet,Q=f(function(){const t=Array.from(b(this,v).host.children).filter(s=>s.tagName==="TABLE"),d=t.map((s,e)=>`<nine-table-sheet class="${e===0?"active":""}" data-index="${e}"></nine-table-sheet>`).join(""),r=t.map((s,e)=>`<div class="nine-tab-item ${e===0?"active":""}" data-index="${e}">Sheet ${e+1}</div>`).join("");b(this,v).innerHTML=`
99
+ `},"#render"));v(this,"disconnectedCallback",d(()=>{this.innerHTML="",a.log("NineTableSheet destroyed.")},"disconnectedCallback"))}};p=new WeakMap,k=new WeakMap,E=new WeakMap,A=new WeakMap,C=new WeakMap,d(R,"NineTableSheet");let m=R;customElements.get("nine-table-sheet")||customElements.define("nine-table-sheet",m);const W=class W extends HTMLElement{constructor(){super();v(this,"connectedCallback",d(()=>{c(this,L).call(this)},"connectedCallback"));u(this,L,d(()=>{const e=this.querySelector(".nine-tab-bar");e&&(e.addEventListener("click",f=>{const o=f.target.closest(".nine-tab-item");if(!o)return;const s=f.ctrlKey||f.metaKey||f.shiftKey,l=parseInt(o.dataset.index,10);c(this,w).call(this,l,s)}),c(this,w).call(this,0,!1))},"#init"));u(this,w,d((e,f=!1)=>{const o=this.querySelector(".nine-tab-bar"),s=this.querySelector("nine-table-sheets-body"),l=o.querySelectorAll(".nine-tab-item"),n=s.querySelectorAll("nine-table-sheet");if(!l[e])return;if(!f)l.forEach((b,g)=>{b.classList.toggle("active",g===e);const x=s.querySelector(`nine-table-sheet[data-index="${g}"]`);x&&(x.style.flex="")}),n.forEach((b,g)=>{b.classList.toggle("active",g===e)});else{const b=l[e],g=o.querySelectorAll(".nine-tab-item.active");if(b.classList.contains("active")&&g.length<=1)return;b.classList.toggle("active");const x=s.querySelector(`nine-table-sheet[data-index="${e}"]`);x&&(x.classList.toggle("active"),x.classList.contains("active")||(x.style.flex=""))}const r=Array.from(s.querySelectorAll("nine-table-sheet.active"));if(r.length>1){const b=1/r.length;r.forEach(g=>{(!g.style.flex||g.style.flex==="1 1 100%")&&(g.style.flex=`${b} ${b} 0px`)})}else r.forEach(b=>{b.style.flex="1 1 100%"});c(this,T).call(this);const h=s.querySelector("nine-table-sheet.active");if(h&&typeof h.getRowCount=="function"){const b=this.querySelector("#row-count");b&&(b.textContent=h.getRowCount().toLocaleString())}},"#switchSheet"));u(this,T,d(()=>{const e=this.querySelector("nine-table-sheets-body");e.querySelectorAll("nine-splitter").forEach(o=>{const s=parseInt(o.dataset.splitIndex,10),l=e.querySelector(`nine-table-sheet[data-index="${s-1}"]`),n=e.querySelector(`nine-table-sheet[data-index="${s}"]`);l&&n&&l.classList.contains("active")&&n.classList.contains("active")?o.classList.add("active"):o.classList.remove("active")})},"#updateSplitters"))}};L=new WeakMap,w=new WeakMap,T=new WeakMap,d(W,"NineTableSheets");let M=W;customElements.get("nine-table-sheets")||customElements.define("nine-table-sheets",M);const j=class j{constructor(q){u(this,y);u(this,$,d(()=>{const e=Array.from(c(this,y).host.children).filter(l=>l.tagName==="TABLE"),f=e.map((l,n)=>`<nine-table-sheet class="${n===0?"active":""}" data-index="${n}"></nine-table-sheet>`).join(""),o=e.map((l,n)=>`<div class="nine-tab-item ${n===0?"active":""}" data-index="${n}">Sheet ${n+1}</div>`).join("");c(this,y).innerHTML=`
114
100
  <style>
115
101
  :host { display: flex; flex-direction: column; position: relative; overflow: hidden; height: 100%; background: #fff; }
116
102
  nine-table-header { height: 40px; display: block; flex-shrink: 0; border-bottom: 1px solid #e5e7eb; background: #fff; }
@@ -191,14 +177,14 @@
191
177
  <nine-table-body>
192
178
  <nine-table-summary></nine-table-summary>
193
179
  <nine-table-sheets>
194
- <nine-table-sheets-body>${d}</nine-table-sheets-body>
180
+ <nine-table-sheets-body>${f}</nine-table-sheets-body>
195
181
  <nine-table-sheets-footer>
196
- <div class="nine-tab-bar">${r}</div>
182
+ <div class="nine-tab-bar">${o}</div>
197
183
  <div class="sheets-counter">Total : <span id="row-count">0</span></div>
198
184
  </nine-table-sheets-footer>
199
185
  </nine-table-sheets>
200
186
  <nine-table-analysis></nine-table-analysis>
201
187
  </nine-table-body>
202
188
  <nine-table-footer></nine-table-footer>
203
- `;const l=b(this,v).querySelectorAll("nine-table-sheet");l==null||l.forEach((s,e)=>{t[e]&&s.init(t[e])})},"#render"),f(B,"LayoutManager");let H=B;const I=class I extends HTMLElement{constructor(){super();y(this,E,!1);this.attachShadow({mode:"open"})}connectedCallback(){b(this,E)||(this.layoutManager=new H(this.shadowRoot),q(this,E,!0),c.log("NineTable connected."),this.dispatchEvent(new CustomEvent("load",{bubbles:!0,detail:{target:this}})))}disconnectedCallback(){c.log("NineTable disconnected.")}};E=new WeakMap,f(I,"NineTable");let M=I;customElements.get("nine-table")||customElements.define("nine-table",M)});
189
+ `;const s=c(this,y).querySelectorAll("nine-table-sheet");s==null||s.forEach((l,n)=>{e[n]&&l.init(e[n])})},"#render"));H(this,y,q),c(this,$).call(this)}};y=new WeakMap,$=new WeakMap,d(j,"LayoutManager");let z=j;const B=class B extends HTMLElement{constructor(){super();u(this,S,!1);this.attachShadow({mode:"open"})}connectedCallback(){c(this,S)||(this.layoutManager=new z(this.shadowRoot),H(this,S,!0),a.log("NineTable connected."),this.dispatchEvent(new CustomEvent("load",{bubbles:!0,detail:{target:this}})))}disconnectedCallback(){a.log("NineTable disconnected.")}};S=new WeakMap,d(B,"NineTable");let I=B;customElements.get("nine-table")||customElements.define("nine-table",I)});
204
190
  //# sourceMappingURL=nine-table.umd.js.map
package/dist/nine-table.umd.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"nine-table.umd.js","sources":["../src/external/NoPeer.js","../src/ui/TableInitializer.js","../src/ui/nine-table-sheet.js","../src/ui/nine-table-sheets.js","../src/ui/LayoutManager.js","../src/core/nine-table.js"],"sourcesContent":["import { trace as traceOrigin } from '@ninebone/util';\n\nexport class Trace extends traceOrigin.constructor {\n constructor() {\n super();\n this.init(\"nine-table\", \"green\");\n }\n}\n\nexport const trace = new Trace();","export class TableInitializer {\n #container;\n\n constructor(container) {\n this.#container = container;\n }\n\n /**\n * [Public] 테이블 초기화 진입점\n * @param {HTMLTableElement} tbl\n * @returns {HTMLTableElement}\n */\n initializeTable(tbl) {\n this.#ensureColgroup(tbl);\n this.#ensureThead(tbl);\n\n tbl.classList.add('nine-table-element');\n return tbl;\n }\n\n /**\n * [Private] colgroup 및 col 태그 유무 확인 후 보정\n */\n #ensureColgroup(tbl) {\n if (tbl.querySelector('colgroup')) return;\n\n const firstRow = tbl.querySelector('tbody tr') || tbl.querySelector('tr');\n const colCount = firstRow ? firstRow.querySelectorAll('th, td').length : 1;\n\n const colgroup = document.createElement('colgroup');\n const defaultWidth = Math.max(Math.floor((tbl.clientWidth || 600) / colCount), 100);\n\n for (let i = 0; i < colCount; i++) {\n const col = document.createElement('col');\n col.setAttribute('width', defaultWidth);\n colgroup.appendChild(col);\n }\n tbl.prepend(colgroup);\n }\n\n /**\n * [Private] thead 태그 유무 확인 후 보정\n */\n #ensureThead(tbl) {\n if (tbl.querySelector('thead')) return;\n\n const thead = document.createElement('thead');\n const colgroup = tbl.querySelector('colgroup');\n\n if (colgroup) {\n colgroup.after(thead);\n } else {\n tbl.prepend(thead);\n }\n }\n}","import { trace } from \"@nopeer\";\nimport { TableInitializer } from \"./TableInitializer.js\";\n\nexport class NineTableSheet extends HTMLElement {\n #tableElement = null;\n #initializer;\n\n constructor() {\n super();\n this.#initializer = new TableInitializer(this);\n }\n\n connectedCallback() {\n this.#render();\n }\n\n /**\n * @param {HTMLTableElement} tableEl\n */\n init(tableEl) {\n if (!tableEl) return;\n\n const clonedTable = tableEl.cloneNode(true);\n this.#tableElement = this.#initializer.initializeTable(clonedTable);\n this.#tableElement.style.display = 'table';\n\n const leftContainer = this.querySelector('.sheet-container-left');\n const bodyContainer = this.querySelector('.sheet-container-body');\n const rightContainer = this.querySelector('.sheet-container-right');\n\n if (bodyContainer) {\n const bodyTable = this.#tableElement.cloneNode(true);\n bodyTable.querySelectorAll('[fixed=\"left\"], [fixed=\"right\"]').forEach(el => el.remove());\n bodyContainer.innerHTML = '';\n bodyContainer.appendChild(bodyTable);\n }\n\n if (leftContainer) {\n const leftTable = this.#tableElement.cloneNode(true);\n leftTable.querySelectorAll('col, th, td').forEach(el => {\n if (el.getAttribute('fixed') !== 'left') el.remove();\n });\n leftTable.querySelectorAll('tbody tr').forEach(tr => tr.remove());\n\n leftContainer.innerHTML = '';\n leftContainer.appendChild(leftTable);\n }\n\n if (rightContainer) {\n const rightTable = this.#tableElement.cloneNode(true);\n rightTable.querySelectorAll('col, th, td').forEach(el => {\n if (el.getAttribute('fixed') !== 'right') el.remove();\n });\n rightTable.querySelectorAll('tbody tr').forEach(tr => tr.remove());\n\n rightContainer.innerHTML = '';\n rightContainer.appendChild(rightTable);\n }\n\n trace.log(`NineTableSheet 3-split initialized with rows: ${this.getRowCount()}`);\n }\n\n getRowCount() {\n if (!this.#tableElement) return 0;\n return this.#tableElement.querySelectorAll('tbody tr').length;\n }\n\n #render() {\n this.innerHTML = `\n <style>\n nine-table-sheet {\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n position: relative;\n box-sizing: border-box;\n background: #ffffff;\n overflow: hidden;\n }\n\n nine-table-sheet .sheet-layout {\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n flex: 1;\n overflow: hidden;\n }\n\n /* 상단 영역 (3분할 테이블 본문 및 좌우 고정 영역) */\n nine-table-sheet .sheet-container-top {\n display: flex;\n flex-direction: row;\n flex: 1;\n width: 100%;\n overflow: hidden;\n position: relative;\n }\n\n nine-table-sheet .sheet-container-left {\n flex-shrink: 0;\n width: auto;\n overflow-x: hidden;\n overflow-y: hidden;\n background: #ffffff;\n border-right: 1px solid #e5e7eb;\n }\n\n nine-table-sheet .sheet-container-body {\n flex: 1;\n overflow: auto; /* 추후 가로/세로 스크롤바와 연동될 메인 바디 뷰포트 */\n background: #ffffff;\n position: relative;\n }\n\n nine-table-sheet .sheet-container-right {\n flex-shrink: 0;\n width: auto;\n overflow-x: hidden;\n overflow-y: hidden;\n background: #ffffff;\n border-left: 1px solid #e5e7eb;\n }\n\n /* 하단 영역 (가로 스크롤바 및 코너 엣지 공간) */\n nine-table-sheet .sheet-container-bottom {\n display: flex;\n flex-direction: row;\n height: 0px; /* 추후 스크롤바 컴포넌트 장착 시 높이 확보 */\n flex-shrink: 0;\n background: #f9fafb;\n border-top: 1px solid #e5e7eb;\n }\n\n nine-table-sheet .sheet-hscrollbar {\n flex: 1;\n overflow: hidden;\n }\n\n nine-table-sheet .sheet-scroll-edge {\n width: 17px; /* 스크롤바 두께에 맞춘 코너 여백 공간 */\n flex-shrink: 0;\n }\n\n nine-table-sheet table {\n border-collapse: collapse;\n width: 100%;\n table-layout: fixed;\n }\n\n nine-table-sheet th, nine-table-sheet td {\n box-sizing: border-box;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n padding: 6px 8px;\n border: 1px solid #e5e7eb;\n font-size: 12px;\n color: #111827;\n }\n\n nine-table-sheet th {\n background-color: #f9fafb;\n font-weight: 600;\n text-align: left;\n }\n </style>\n \n <div class=\"sheet-layout\">\n <div class=\"sheet-container-top\">\n <div class=\"sheet-container-left\"></div>\n <div class=\"sheet-container-body\"></div>\n <div class=\"sheet-container-right\"></div>\n </div>\n <div class=\"sheet-container-bottom\">\n <div class=\"sheet-hscrollbar\"></div>\n <div class=\"sheet-scroll-edge\"></div>\n </div>\n </div>\n `;\n }\n\n disconnectedCallback() {\n this.innerHTML = '';\n trace.log('NineTableSheet destroyed.');\n }\n}\n\nif (!customElements.get('nine-table-sheet')) {\n customElements.define('nine-table-sheet', NineTableSheet);\n}","import './nine-table-sheet.js';\n\nexport class NineTableSheets extends HTMLElement {\n constructor() {\n super();\n }\n\n connectedCallback() {\n this.#init();\n }\n\n #init() {\n const tabBar = this.querySelector('.nine-tab-bar');\n if (!tabBar) return;\n\n tabBar.addEventListener('click', (e) => {\n const tabItem = e.target.closest('.nine-tab-item');\n if (!tabItem) return;\n\n const isMultiSelect = e.ctrlKey || e.metaKey || e.shiftKey;\n const index = parseInt(tabItem.dataset.index, 10);\n this.#switchSheet(index, isMultiSelect);\n });\n\n this.#switchSheet(0, false);\n }\n\n #switchSheet(index, isMultiSelect = false) {\n const tabBar = this.querySelector('.nine-tab-bar');\n const body = this.querySelector('nine-table-sheets-body');\n const tabItems = tabBar.querySelectorAll('.nine-tab-item');\n const sheetElements = body.querySelectorAll('nine-table-sheet');\n\n if (!tabItems[index]) return;\n\n if (!isMultiSelect) {\n tabItems.forEach((tab, idx) => {\n tab.classList.toggle('active', idx === index);\n const sheet = body.querySelector(`nine-table-sheet[data-index=\"${idx}\"]`);\n if (sheet) sheet.style.flex = '';\n });\n sheetElements.forEach((sheet, idx) => {\n sheet.classList.toggle('active', idx === index);\n });\n } else {\n const clickedTab = tabItems[index];\n const activeTabs = tabBar.querySelectorAll('.nine-tab-item.active');\n\n if (clickedTab.classList.contains('active') && activeTabs.length <= 1) {\n return;\n }\n\n clickedTab.classList.toggle('active');\n const targetSheet = body.querySelector(`nine-table-sheet[data-index=\"${index}\"]`);\n if (targetSheet) {\n targetSheet.classList.toggle('active');\n if (!targetSheet.classList.contains('active')) {\n targetSheet.style.flex = '';\n }\n }\n }\n\n const activeSheets = Array.from(body.querySelectorAll('nine-table-sheet.active'));\n if (activeSheets.length > 1) {\n const initialBasis = (1 / activeSheets.length);\n activeSheets.forEach(sheet => {\n if (!sheet.style.flex || sheet.style.flex === '1 1 100%') {\n sheet.style.flex = `${initialBasis} ${initialBasis} 0px`;\n }\n });\n } else {\n activeSheets.forEach(sheet => {\n sheet.style.flex = '1 1 100%';\n });\n }\n\n this.#updateSplitters();\n\n const activeSheet = body.querySelector(`nine-table-sheet.active`);\n if (activeSheet && typeof activeSheet.getRowCount === 'function') {\n const rowCountEl = this.querySelector('#row-count');\n if (rowCountEl) {\n rowCountEl.textContent = activeSheet.getRowCount().toLocaleString();\n }\n }\n }\n\n #updateSplitters() {\n const body = this.querySelector('nine-table-sheets-body');\n const splitters = body.querySelectorAll('nine-splitter');\n splitters.forEach(splitter => {\n const splitIndex = parseInt(splitter.dataset.splitIndex, 10);\n const leftSheet = body.querySelector(`nine-table-sheet[data-index=\"${splitIndex - 1}\"]`);\n const rightSheet = body.querySelector(`nine-table-sheet[data-index=\"${splitIndex}\"]`);\n\n if (leftSheet && rightSheet && leftSheet.classList.contains('active') && rightSheet.classList.contains('active')) {\n splitter.classList.add('active');\n } else {\n splitter.classList.remove('active');\n }\n });\n }\n}\n\nif (!customElements.get('nine-table-sheets')) {\n customElements.define('nine-table-sheets', NineTableSheets);\n}","import './nine-table-sheets.js';\n\nexport class LayoutManager {\n #root;\n\n constructor(shadowRoot) {\n this.#root = shadowRoot;\n this.#render();\n }\n\n #render() {\n const rawElements = Array.from(this.#root.host.children);\n const rawTables = rawElements.filter(el => el.tagName === 'TABLE');\n\n const sheetsHtml = rawTables.map((_, idx) => {\n const className = idx === 0 ? 'active' : '';\n return `<nine-table-sheet class=\"${className}\" data-index=\"${idx}\"></nine-table-sheet>`;\n }).join('');\n\n const tabsHtml = rawTables.map((_, idx) => {\n const className = idx === 0 ? 'active' : '';\n return `<div class=\"nine-tab-item ${className}\" data-index=\"${idx}\">Sheet ${idx + 1}</div>`;\n }).join('');\n\n this.#root.innerHTML = `\n <style>\n :host { display: flex; flex-direction: column; position: relative; overflow: hidden; height: 100%; background: #fff; }\n nine-table-header { height: 40px; display: block; flex-shrink: 0; border-bottom: 1px solid #e5e7eb; background: #fff; }\n nine-table-body { display: flex; flex-direction: row; flex: 1; overflow: hidden; position: relative; }\n nine-table-summary { display: none; width: 250px; flex-shrink: 0; border-right: 1px solid #e5e7eb; }\n nine-splitter:not([data-split-index]) { width: 4px; background: #e5e7eb; cursor: col-resize; flex-shrink: 0; }\n nine-table-analysis { display: none; }\n nine-table-footer { display: none; }\n\n nine-table-sheets {\n flex: 1;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n position: relative;\n background: #fff;\n }\n nine-table-sheets-body {\n flex: 1;\n overflow: auto;\n position: relative;\n display: flex;\n flex-direction: row;\n }\n nine-table-sheet {\n display: none !important;\n height: 100%;\n overflow: auto;\n flex: 1 1 100%;\n }\n nine-table-sheet.active {\n display: block !important;\n }\n nine-table-sheets-footer {\n display: flex;\n height: 32px;\n background: #f3f4f6;\n border-top: 1px solid #e5e7eb;\n align-items: center;\n justify-content: space-between;\n padding: 0 8px;\n flex-shrink: 0;\n }\n nine-table-sheets .nine-tab-bar {\n display: flex;\n align-items: center;\n gap: 2px;\n overflow-x: auto;\n flex: 1;\n height: 100%;\n }\n nine-table-sheets .nine-tab-item {\n padding: 4px 12px;\n cursor: pointer;\n font-size: 12px;\n color: #4b5563;\n background: #e5e7eb;\n border: 1px solid #d1d5db;\n border-top: none;\n border-radius: 0 0 3px 3px;\n user-select: none;\n }\n nine-table-sheets .nine-tab-item.active {\n background: #ffffff;\n color: #111827;\n font-weight: 600;\n border-bottom: 2px solid #2563eb;\n }\n nine-table-sheets .sheets-counter {\n font-size: 12px;\n color: #6b7280;\n padding-left: 12px;\n flex-shrink: 0;\n }\n </style>\n \n <nine-table-header></nine-table-header>\n <nine-table-body>\n <nine-table-summary></nine-table-summary>\n <nine-table-sheets>\n <nine-table-sheets-body>${sheetsHtml}</nine-table-sheets-body>\n <nine-table-sheets-footer>\n <div class=\"nine-tab-bar\">${tabsHtml}</div>\n <div class=\"sheets-counter\">Total : <span id=\"row-count\">0</span></div>\n </nine-table-sheets-footer>\n </nine-table-sheets>\n <nine-table-analysis></nine-table-analysis>\n </nine-table-body>\n <nine-table-footer></nine-table-footer>\n `;\n\n const $sheetElements = this.#root.querySelectorAll('nine-table-sheet');\n\n $sheetElements?.forEach(($el, idx) => {\n if (rawTables[idx]) {\n $el.init(rawTables[idx]);\n }\n });\n }\n}","import {trace} from \"@nopeer\";\nimport { LayoutManager } from '../ui/LayoutManager.js';\n\nexport default class NineTable extends HTMLElement {\n #created = false;\n\n constructor() {\n super();\n this.attachShadow({ mode: 'open' });\n }\n\n connectedCallback() {\n if (this.#created) return;\n\n // shadowRoot 하나만 넘겨서 내부에서 레이아웃 및 테이블 수집 처리\n this.layoutManager = new LayoutManager(this.shadowRoot);\n //this.layoutManager.render();\n\n this.#created = true;\n trace.log('NineTable connected.');\n\n this.dispatchEvent(new CustomEvent('load', { bubbles: true, detail: { target: this } }));\n }\n\n disconnectedCallback() {\n trace.log('NineTable disconnected.');\n }\n}\n\nif (!customElements.get('nine-table')) {\n customElements.define('nine-table', NineTable);\n}"],"names":["_Trace","traceOrigin","__name","Trace","trace","_TableInitializer","container","__privateAdd","_TableInitializer_instances","_container","__privateSet","tbl","__privateMethod","ensureColgroup_fn","ensureThead_fn","firstRow","colCount","colgroup","defaultWidth","i","col","thead","TableInitializer","_NineTableSheet","_NineTableSheet_instances","_tableElement","_initializer","render_fn","tableEl","clonedTable","__privateGet","leftContainer","bodyContainer","rightContainer","bodyTable","el","leftTable","tr","rightTable","NineTableSheet","_NineTableSheets","_NineTableSheets_instances","init_fn","tabBar","e","tabItem","isMultiSelect","index","switchSheet_fn","body","tabItems","sheetElements","tab","idx","sheet","clickedTab","activeTabs","targetSheet","activeSheets","initialBasis","updateSplitters_fn","activeSheet","rowCountEl","splitter","splitIndex","leftSheet","rightSheet","NineTableSheets","_LayoutManager","shadowRoot","_LayoutManager_instances","_root","rawTables","sheetsHtml","_","tabsHtml","$sheetElements","$el","LayoutManager","_NineTable","_created","NineTable"],"mappings":"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"}
1
+ {"version":3,"file":"nine-table.umd.js","sources":["../src/external/NoPeer.js","../src/ui/nine-table-sheet.js","../src/ui/nine-table-sheets.js","../src/ui/LayoutManager.js","../src/core/nine-table.js"],"sourcesContent":["import { trace as traceOrigin } from '@ninebone/util';\n\nexport class Trace extends traceOrigin.constructor {\n constructor() {\n super();\n this.init(\"nine-table\", \"green\");\n }\n}\n\nexport const trace = new Trace();","import { trace } from \"@nopeer\";\n\nexport class NineTableSheet extends HTMLElement {\n #tableElement = null;\n\n constructor() {\n super();\n }\n\n connectedCallback = () => {\n this.#render();\n };\n\n init = (tableEl) => {\n if (!tableEl) return;\n\n const clonedTable = tableEl.cloneNode(true);\n this.#tableElement = this.#initializeTable(clonedTable);\n this.#tableElement.style.display = 'table';\n\n const leftContainer = this.querySelector('.ng-container-left');\n const bodyContainer = this.querySelector('.ng-container-body');\n const rightContainer = this.querySelector('.ng-container-right');\n\n // 1. 메인 바디 영역 (좌우 고정 컬럼 제외)\n if (bodyContainer) {\n const bodyTable = this.#tableElement.cloneNode(true);\n bodyTable.querySelectorAll('[fixed=\"left\"], [fixed=\"right\"]').forEach(el => el.remove());\n bodyContainer.innerHTML = '';\n bodyContainer.appendChild(bodyTable);\n }\n\n // 2. 좌측 고정 영역 및 너비 계산\n if (leftContainer) {\n const leftTable = this.#tableElement.cloneNode(true);\n leftTable.querySelectorAll('col, th, td').forEach(el => {\n if (el.getAttribute('fixed') !== 'left') el.remove();\n });\n leftTable.querySelectorAll('tbody tr').forEach(tr => tr.remove());\n\n let leftWidth = 0;\n leftTable.querySelectorAll('col').forEach(col => {\n leftWidth += parseInt(col.getAttribute('width') || 0, 10);\n });\n\n leftContainer.innerHTML = '';\n leftContainer.appendChild(leftTable);\n\n if (leftWidth > 0) {\n leftContainer.style.width = `${leftWidth}px`;\n leftContainer.style.minWidth = `${leftWidth}px`;\n }\n }\n\n // 3. 우측 고정 영역 및 너비 계산\n if (rightContainer) {\n const rightTable = this.#tableElement.cloneNode(true);\n rightTable.querySelectorAll('col, th, td').forEach(el => {\n if (el.getAttribute('fixed') !== 'right') el.remove();\n });\n rightTable.querySelectorAll('tbody tr').forEach(tr => tr.remove());\n\n let rightWidth = 0;\n rightTable.querySelectorAll('col').forEach(col => {\n rightWidth += parseInt(col.getAttribute('width') || 0, 10);\n });\n\n rightContainer.innerHTML = '';\n rightContainer.appendChild(rightTable);\n\n if (rightWidth > 0) {\n rightContainer.style.width = `${rightWidth}px`;\n rightContainer.style.minWidth = `${rightWidth}px`;\n }\n }\n\n trace.log(`NineTableSheet 3-split initialized with rows: ${this.getRowCount()}`);\n };\n\n getRowCount = () => {\n if (!this.#tableElement) return 0;\n return this.#tableElement.querySelectorAll('tbody tr').length;\n };\n\n #initializeTable = (tbl) => {\n this.#ensureColgroup(tbl);\n this.#ensureThead(tbl);\n\n tbl.classList.add('nine-table-element');\n return tbl;\n };\n\n #ensureColgroup = (tbl) => {\n if (tbl.querySelector('colgroup')) return;\n\n const firstRow = tbl.querySelector('tbody tr') || tbl.querySelector('tr');\n const colCount = firstRow ? firstRow.querySelectorAll('th, td').length : 1;\n\n const colgroup = document.createElement('colgroup');\n const defaultWidth = Math.max(Math.floor((tbl.clientWidth || 600) / colCount), 100);\n\n for (let i = 0; i < colCount; i++) {\n const col = document.createElement('col');\n col.setAttribute('width', defaultWidth);\n colgroup.appendChild(col);\n }\n tbl.prepend(colgroup);\n };\n\n #ensureThead = (tbl) => {\n if (tbl.querySelector('thead')) return;\n\n const thead = document.createElement('thead');\n const colgroup = tbl.querySelector('colgroup');\n\n if (colgroup) {\n colgroup.after(thead);\n } else {\n tbl.prepend(thead);\n }\n };\n\n #render = () => {\n this.innerHTML = `\n <style>\n nine-table-sheet {\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n position: relative;\n box-sizing: border-box;\n background: #ffffff;\n overflow: hidden;\n }\n\n nine-table-sheet .ng-container-top {\n display: flex;\n flex-direction: row;\n flex: 1;\n width: 100%;\n overflow: hidden;\n position: relative;\n }\n\n nine-table-sheet .ng-container-left {\n flex-shrink: 0;\n overflow: hidden;\n background: #ffffff;\n border-right: 1px solid #e5e7eb;\n }\n\n nine-table-sheet .ng-container-body {\n flex: 1;\n overflow: auto;\n background: #ffffff;\n position: relative;\n }\n\n nine-table-sheet .ng-container-right {\n flex-shrink: 0;\n overflow: hidden;\n background: #ffffff;\n border-left: 1px solid #e5e7eb;\n }\n\n nine-table-sheet .ng-container-bottom {\n display: flex;\n flex-direction: row;\n height: 16px;\n flex-shrink: 0;\n background: #f9fafb;\n border-top: 1px solid #e5e7eb;\n }\n\n nine-table-sheet nine-table-hscrollbar {\n flex: 1;\n overflow: hidden;\n display: block;\n }\n\n nine-table-sheet .ng-scroll-edge {\n width: 16px;\n flex-shrink: 0;\n background: #f3f4f6;\n }\n\n nine-table-sheet table {\n border-collapse: collapse;\n width: 100%;\n table-layout: fixed;\n }\n\n nine-table-sheet th, nine-table-sheet td {\n box-sizing: border-box;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n padding: 6px 8px;\n border: 1px solid #e5e7eb;\n font-size: 12px;\n color: #111827;\n }\n\n nine-table-sheet th {\n background-color: #f9fafb;\n font-weight: 600;\n text-align: left;\n }\n </style>\n \n <div class='ng-container-top'>\n <div class='ng-container-left'></div>\n <div class='ng-container-body'></div>\n <div class='ng-container-right'></div>\n <nine-table-vscrollbar></nine-table-vscrollbar>\n </div>\n <div class='ng-container-bottom'>\n <nine-table-hscrollbar></nine-table-hscrollbar>\n <div class='ng-scroll-edge'></div>\n </div>\n `;\n };\n\n disconnectedCallback = () => {\n this.innerHTML = '';\n trace.log('NineTableSheet destroyed.');\n };\n}\n\nif (!customElements.get('nine-table-sheet')) {\n customElements.define('nine-table-sheet', NineTableSheet);\n}","import './nine-table-sheet.js';\n\nexport class NineTableSheets extends HTMLElement {\n constructor() {\n super();\n }\n\n connectedCallback = () => {\n this.#init();\n };\n\n #init = () => {\n const tabBar = this.querySelector('.nine-tab-bar');\n if (!tabBar) return;\n\n tabBar.addEventListener('click', (e) => {\n const tabItem = e.target.closest('.nine-tab-item');\n if (!tabItem) return;\n\n const isMultiSelect = e.ctrlKey || e.metaKey || e.shiftKey;\n const index = parseInt(tabItem.dataset.index, 10);\n this.#switchSheet(index, isMultiSelect);\n });\n\n this.#switchSheet(0, false);\n };\n\n #switchSheet = (index, isMultiSelect = false) => {\n const tabBar = this.querySelector('.nine-tab-bar');\n const body = this.querySelector('nine-table-sheets-body');\n const tabItems = tabBar.querySelectorAll('.nine-tab-item');\n const sheetElements = body.querySelectorAll('nine-table-sheet');\n\n if (!tabItems[index]) return;\n\n if (!isMultiSelect) {\n tabItems.forEach((tab, idx) => {\n tab.classList.toggle('active', idx === index);\n const sheet = body.querySelector(`nine-table-sheet[data-index=\"${idx}\"]`);\n if (sheet) sheet.style.flex = '';\n });\n sheetElements.forEach((sheet, idx) => {\n sheet.classList.toggle('active', idx === index);\n });\n } else {\n const clickedTab = tabItems[index];\n const activeTabs = tabBar.querySelectorAll('.nine-tab-item.active');\n\n if (clickedTab.classList.contains('active') && activeTabs.length <= 1) {\n return;\n }\n\n clickedTab.classList.toggle('active');\n const targetSheet = body.querySelector(`nine-table-sheet[data-index=\"${index}\"]`);\n if (targetSheet) {\n targetSheet.classList.toggle('active');\n if (!targetSheet.classList.contains('active')) {\n targetSheet.style.flex = '';\n }\n }\n }\n\n const activeSheets = Array.from(body.querySelectorAll('nine-table-sheet.active'));\n if (activeSheets.length > 1) {\n const initialBasis = (1 / activeSheets.length);\n activeSheets.forEach(sheet => {\n if (!sheet.style.flex || sheet.style.flex === '1 1 100%') {\n sheet.style.flex = `${initialBasis} ${initialBasis} 0px`;\n }\n });\n } else {\n activeSheets.forEach(sheet => {\n sheet.style.flex = '1 1 100%';\n });\n }\n\n this.#updateSplitters();\n\n const activeSheet = body.querySelector(`nine-table-sheet.active`);\n if (activeSheet && typeof activeSheet.getRowCount === 'function') {\n const rowCountEl = this.querySelector('#row-count');\n if (rowCountEl) {\n rowCountEl.textContent = activeSheet.getRowCount().toLocaleString();\n }\n }\n };\n\n #updateSplitters = () => {\n const body = this.querySelector('nine-table-sheets-body');\n const splitters = body.querySelectorAll('nine-splitter');\n splitters.forEach(splitter => {\n const splitIndex = parseInt(splitter.dataset.splitIndex, 10);\n const leftSheet = body.querySelector(`nine-table-sheet[data-index=\"${splitIndex - 1}\"]`);\n const rightSheet = body.querySelector(`nine-table-sheet[data-index=\"${splitIndex}\"]`);\n\n if (leftSheet && rightSheet && leftSheet.classList.contains('active') && rightSheet.classList.contains('active')) {\n splitter.classList.add('active');\n } else {\n splitter.classList.remove('active');\n }\n });\n };\n}\n\nif (!customElements.get('nine-table-sheets')) {\n customElements.define('nine-table-sheets', NineTableSheets);\n}","import './nine-table-sheets.js';\n\nexport class LayoutManager {\n #root;\n\n constructor(shadowRoot) {\n this.#root = shadowRoot;\n this.#render();\n }\n\n #render = () => {\n const rawElements = Array.from(this.#root.host.children);\n const rawTables = rawElements.filter(el => el.tagName === 'TABLE');\n\n const sheetsHtml = rawTables.map((_, idx) => {\n const className = idx === 0 ? 'active' : '';\n return `<nine-table-sheet class=\"${className}\" data-index=\"${idx}\"></nine-table-sheet>`;\n }).join('');\n\n const tabsHtml = rawTables.map((_, idx) => {\n const className = idx === 0 ? 'active' : '';\n return `<div class=\"nine-tab-item ${className}\" data-index=\"${idx}\">Sheet ${idx + 1}</div>`;\n }).join('');\n\n this.#root.innerHTML = `\n <style>\n :host { display: flex; flex-direction: column; position: relative; overflow: hidden; height: 100%; background: #fff; }\n nine-table-header { height: 40px; display: block; flex-shrink: 0; border-bottom: 1px solid #e5e7eb; background: #fff; }\n nine-table-body { display: flex; flex-direction: row; flex: 1; overflow: hidden; position: relative; }\n nine-table-summary { display: none; width: 250px; flex-shrink: 0; border-right: 1px solid #e5e7eb; }\n nine-splitter:not([data-split-index]) { width: 4px; background: #e5e7eb; cursor: col-resize; flex-shrink: 0; }\n nine-table-analysis { display: none; }\n nine-table-footer { display: none; }\n\n nine-table-sheets {\n flex: 1;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n position: relative;\n background: #fff;\n }\n nine-table-sheets-body {\n flex: 1;\n overflow: auto;\n position: relative;\n display: flex;\n flex-direction: row;\n }\n nine-table-sheet {\n display: none !important;\n height: 100%;\n overflow: auto;\n flex: 1 1 100%;\n }\n nine-table-sheet.active {\n display: block !important;\n }\n nine-table-sheets-footer {\n display: flex;\n height: 32px;\n background: #f3f4f6;\n border-top: 1px solid #e5e7eb;\n align-items: center;\n justify-content: space-between;\n padding: 0 8px;\n flex-shrink: 0;\n }\n nine-table-sheets .nine-tab-bar {\n display: flex;\n align-items: center;\n gap: 2px;\n overflow-x: auto;\n flex: 1;\n height: 100%;\n }\n nine-table-sheets .nine-tab-item {\n padding: 4px 12px;\n cursor: pointer;\n font-size: 12px;\n color: #4b5563;\n background: #e5e7eb;\n border: 1px solid #d1d5db;\n border-top: none;\n border-radius: 0 0 3px 3px;\n user-select: none;\n }\n nine-table-sheets .nine-tab-item.active {\n background: #ffffff;\n color: #111827;\n font-weight: 600;\n border-bottom: 2px solid #2563eb;\n }\n nine-table-sheets .sheets-counter {\n font-size: 12px;\n color: #6b7280;\n padding-left: 12px;\n flex-shrink: 0;\n }\n </style>\n \n <nine-table-header></nine-table-header>\n <nine-table-body>\n <nine-table-summary></nine-table-summary>\n <nine-table-sheets>\n <nine-table-sheets-body>${sheetsHtml}</nine-table-sheets-body>\n <nine-table-sheets-footer>\n <div class=\"nine-tab-bar\">${tabsHtml}</div>\n <div class=\"sheets-counter\">Total : <span id=\"row-count\">0</span></div>\n </nine-table-sheets-footer>\n </nine-table-sheets>\n <nine-table-analysis></nine-table-analysis>\n </nine-table-body>\n <nine-table-footer></nine-table-footer>\n `;\n\n const $sheetElements = this.#root.querySelectorAll('nine-table-sheet');\n\n $sheetElements?.forEach(($el, idx) => {\n if (rawTables[idx]) {\n $el.init(rawTables[idx]);\n }\n });\n };\n}","import {trace} from \"@nopeer\";\nimport { LayoutManager } from '../ui/LayoutManager.js';\n\nexport default class NineTable extends HTMLElement {\n #created = false;\n\n constructor() {\n super();\n this.attachShadow({ mode: 'open' });\n }\n\n connectedCallback() {\n if (this.#created) return;\n\n // shadowRoot 하나만 넘겨서 내부에서 레이아웃 및 테이블 수집 처리\n this.layoutManager = new LayoutManager(this.shadowRoot);\n //this.layoutManager.render();\n\n this.#created = true;\n trace.log('NineTable connected.');\n\n this.dispatchEvent(new CustomEvent('load', { bubbles: true, detail: { target: this } }));\n }\n\n disconnectedCallback() {\n trace.log('NineTable disconnected.');\n }\n}\n\nif (!customElements.get('nine-table')) {\n customElements.define('nine-table', NineTable);\n}"],"names":["_Trace","traceOrigin","__name","Trace","trace","_NineTableSheet","__privateAdd","_tableElement","__publicField","__privateGet","_render","tableEl","clonedTable","__privateSet","_initializeTable","leftContainer","bodyContainer","rightContainer","bodyTable","el","leftTable","tr","leftWidth","col","rightTable","rightWidth","tbl","_ensureColgroup","_ensureThead","firstRow","colCount","colgroup","defaultWidth","i","thead","NineTableSheet","_NineTableSheets","_init","tabBar","e","tabItem","isMultiSelect","index","_switchSheet","body","tabItems","sheetElements","tab","idx","sheet","clickedTab","activeTabs","targetSheet","activeSheets","initialBasis","_updateSplitters","activeSheet","rowCountEl","splitter","splitIndex","leftSheet","rightSheet","NineTableSheets","_LayoutManager","shadowRoot","_root","rawTables","sheetsHtml","_","tabsHtml","$sheetElements","$el","LayoutManager","_NineTable","_created","NineTable"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ninebone/table",
3
- "version": "0.0.46",
3
+ "version": "0.0.49",
4
4
  "description": "Grid component for real-time collaboration (Vanilla JS based)",
5
5
  "type": "module",
6
6
  "main": "./dist/nine-table.umd.js",