@ninebone/table 0.0.77 โ†’ 0.0.79

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.
@@ -37,23 +37,23 @@ const U = class U extends HTMLElement {
37
37
  $(a).hide();
38
38
  return;
39
39
  }
40
- const l = g.width();
41
- if (l <= 0) return;
42
- const p = Math.max(Math.min(l * (t.clientWidth / o.scrollWidth), l), 20);
40
+ const s = g.width();
41
+ if (s <= 0) return;
42
+ const p = Math.max(Math.min(s * (t.clientWidth / o.scrollWidth), s), 20);
43
43
  c.width(p);
44
- const n = o.scrollWidth - t.clientWidth, u = l - p;
45
- let s = 0;
46
- n > 0 && (s = parseInt(t.scrollLeft / n * u, 10)), s < 0 && (s = 0), s > u && (s = u), c.css({ left: s }), e(this, r).left.disabled = t.scrollLeft <= 0, e(this, r).right.disabled = t.scrollLeft >= n;
44
+ const n = o.scrollWidth - t.clientWidth, u = s - p;
45
+ let l = 0;
46
+ n > 0 && (l = parseInt(t.scrollLeft / n * u, 10)), l < 0 && (l = 0), l > u && (l = u), c.css({ left: l }), e(this, r).left.disabled = t.scrollLeft <= 0, e(this, r).right.disabled = t.scrollLeft >= n;
47
47
  }, "refresh"));
48
48
  y(this, A, /* @__PURE__ */ f((t) => {
49
49
  if (!e(this, r)) return;
50
50
  const o = e(this, k).querySelector(".ng-container-body"), g = o.querySelector("table");
51
51
  if (!g) return;
52
52
  const c = e(this, r).track.getBoundingClientRect(), a = e(this, r).thumb.getBoundingClientRect();
53
- let l = t;
54
- l < 0 && (l = 0), l + a.width > c.width && (l = c.width - a.width), l = parseInt(l, 10), e(this, r).thumb.style.left = l + "px";
53
+ let s = t;
54
+ s < 0 && (s = 0), s + a.width > c.width && (s = c.width - a.width), s = parseInt(s, 10), e(this, r).thumb.style.left = s + "px";
55
55
  const p = g.scrollWidth - o.clientWidth, n = c.width - a.width;
56
- return n > 0 && p > 0 && (o.scrollLeft = l / n * p), e(this, r).left.disabled = l <= 0, e(this, r).right.disabled = l >= n, l > 0 && l < n;
56
+ return n > 0 && p > 0 && (o.scrollLeft = s / n * p), e(this, r).left.disabled = s <= 0, e(this, r).right.disabled = s >= n, s > 0 && s < n;
57
57
  }, "#thumbMoveTo"));
58
58
  y(this, N, /* @__PURE__ */ f(() => {
59
59
  const t = e(this, k).querySelector(".ng-container-body");
@@ -62,8 +62,8 @@ const U = class U extends HTMLElement {
62
62
  });
63
63
  const o = /* @__PURE__ */ f((c) => {
64
64
  clearInterval(e(this, E)), clearInterval(e(this, R));
65
- const a = e(this, r).track.getBoundingClientRect(), l = e(this, r).thumb.getBoundingClientRect();
66
- e(this, A).call(this, l.x - a.x + c), S(this, E, setInterval(() => {
65
+ const a = e(this, r).track.getBoundingClientRect(), s = e(this, r).thumb.getBoundingClientRect();
66
+ e(this, A).call(this, s.x - a.x + c), S(this, E, setInterval(() => {
67
67
  clearInterval(e(this, E)), S(this, R, setInterval(() => {
68
68
  const p = e(this, r).track.getBoundingClientRect(), n = e(this, r).thumb.getBoundingClientRect();
69
69
  e(this, A).call(this, n.x - p.x + c) || clearInterval(e(this, R));
@@ -83,8 +83,8 @@ const U = class U extends HTMLElement {
83
83
  }), $(e(this, r).track).on("mousedown", (c) => {
84
84
  if (c.buttons != 1) return;
85
85
  c.preventDefault();
86
- const a = e(this, r).track.getBoundingClientRect(), l = e(this, r).thumb.getBoundingClientRect().width;
87
- e(this, A).call(this, c.clientX - a.left - l / 2);
86
+ const a = e(this, r).track.getBoundingClientRect(), s = e(this, r).thumb.getBoundingClientRect().width;
87
+ e(this, A).call(this, c.clientX - a.left - s / 2);
88
88
  }), $(e(this, r).thumb).on("mousedown", (c) => {
89
89
  S(this, T, !0), this.shiftX = c.clientX - e(this, r).thumb.getBoundingClientRect().left, document.addEventListener("mousemove", e(this, I));
90
90
  }), document.addEventListener("mouseup", () => {
@@ -182,19 +182,19 @@ const B = class B extends HTMLElement {
182
182
  Y.setAttribute("width", w), m.appendChild(Y);
183
183
  }
184
184
  h.prepend(m);
185
- }, "ensureColgroup"), s = /* @__PURE__ */ f((h) => {
185
+ }, "ensureColgroup"), l = /* @__PURE__ */ f((h) => {
186
186
  if (h.querySelector("thead")) return;
187
187
  const d = document.createElement("thead"), x = h.querySelector("colgroup");
188
188
  x ? x.after(d) : h.prepend(d);
189
189
  }, "ensureThead");
190
- return u(n), s(n), n.classList.add("nine-table-element"), n;
190
+ return u(n), l(n), n.classList.add("nine-table-element"), n;
191
191
  }, "initializeTable"), g = t.cloneNode(!0);
192
192
  S(this, C, o(g)), e(this, C).style.display = "table";
193
- const c = this.querySelector(".ng-container-left"), a = this.querySelector(".ng-container-body"), l = this.querySelector(".ng-container-right"), p = /* @__PURE__ */ f((n, u, s = !1) => {
193
+ const c = this.querySelector(".ng-container-left"), a = this.querySelector(".ng-container-body"), s = this.querySelector(".ng-container-right"), p = /* @__PURE__ */ f((n, u, l = !1) => {
194
194
  const h = n.cloneNode(!0), d = Array.from(h.querySelectorAll("colgroup col")), x = [];
195
195
  return d.forEach((m, w) => {
196
196
  const v = m.getAttribute("fixed");
197
- (s ? !v || v === "" : v === u) || x.push(w);
197
+ (l ? !v || v === "" : v === u) || x.push(w);
198
198
  }), x.reverse().forEach((m) => {
199
199
  d[m] && d[m].remove(), h.querySelectorAll("tr").forEach((w) => {
200
200
  const v = w.querySelectorAll("th, td");
@@ -213,30 +213,32 @@ const B = class B extends HTMLElement {
213
213
  const d = parseInt(h.getAttribute("width"), 10);
214
214
  isNaN(d) || (u += d);
215
215
  }), c.innerHTML = "", c.appendChild(n);
216
- const s = u > 0 ? u : 0;
217
- c.style.flex = `0 0 ${s}px`, c.style.width = `${s}px`;
216
+ const l = u > 0 ? u : 0;
217
+ c.style.flex = `0 0 ${l}px`, c.style.width = `${l}px`;
218
218
  }
219
- if (l) {
219
+ if (s) {
220
220
  const n = p(e(this, C), "right", !1);
221
221
  let u = 0;
222
222
  n.querySelectorAll("col").forEach((h) => {
223
223
  const d = parseInt(h.getAttribute("width"), 10);
224
224
  isNaN(d) || (u += d);
225
- }), l.innerHTML = "", l.appendChild(n);
226
- const s = u > 0 ? u : 0;
227
- l.style.flex = `0 0 ${s}px`, l.style.width = `${s}px`;
225
+ }), s.innerHTML = "", s.appendChild(n);
226
+ const l = u > 0 ? u : 0;
227
+ s.style.flex = `0 0 ${l}px`, s.style.width = `${l}px`;
228
228
  }
229
229
  if (a) {
230
230
  const n = this.getRowCount();
231
231
  a.style.overflowY = n > 10 ? "auto" : "hidden", a.addEventListener("scroll", () => {
232
- const u = a.scrollLeft, s = this.querySelector("nine-table-hscrollbar");
233
- s && typeof s.syncThumb == "function" && s.syncThumb(u);
232
+ const u = this.querySelector("nine-table-hscrollbar");
233
+ u && typeof u.refresh == "function" && u.refresh();
234
234
  });
235
235
  }
236
- z.log(`NineTableSheet 3-split initialized with rows: ${this.getRowCount()}`);
236
+ setTimeout(() => {
237
+ const n = this.querySelector("nine-table-hscrollbar");
238
+ n && typeof n.refresh == "function" && n.refresh();
239
+ }, 0), z.log(`NineTableSheet 3-split initialized with rows: ${this.getRowCount()}`);
237
240
  }, "init"));
238
241
  L(this, "getRowCount", /* @__PURE__ */ f(() => e(this, C) ? e(this, C).querySelectorAll("tbody tr").length : 0, "getRowCount"));
239
- // ๐ŸŽฏ ์™ธ๋ถ€ ์Šคํฌ๋กค๋ฐ” ๋ฐ ์ปจํŠธ๋กค๋Ÿฌ ์—ฐ๋™์šฉ ๋ฉ”์„œ๋“œ
240
242
  L(this, "scrollToX", /* @__PURE__ */ f((t) => {
241
243
  const o = this.querySelector(".ng-container-body");
242
244
  o && (o.scrollLeft = t);
@@ -279,11 +281,12 @@ const B = class B extends HTMLElement {
279
281
  flex-shrink: 0;
280
282
  }
281
283
 
284
+ /* ๐ŸŽฏ ์ปจํ…Œ์ด๋„ˆ ์ž์ฒด ์Šคํฌ๋กค๋ฐ” ์ƒ์„ฑ์„ ๋ง‰๊ณ  ์™ธ๋ถ€ ์ปค์Šคํ…€ ์Šคํฌ๋กค๋ฐ” ์ œ์–ด์— ์˜์กด */
282
285
  nine-table-sheet .ng-container-body {
283
286
  display: flex;
284
287
  flex-direction: column;
285
288
  flex: 1;
286
- overflow-x: auto;
289
+ overflow-x: hidden;
287
290
  overflow-y: auto;
288
291
  background: #ffffff;
289
292
  position: relative;
@@ -308,12 +311,13 @@ const B = class B extends HTMLElement {
308
311
  border-top: 1px solid #e5e7eb;
309
312
  }
310
313
 
314
+ /**
311
315
  nine-table-sheet nine-table-hscrollbar {
312
316
  flex: 1;
313
317
  height: 100%;
314
318
  overflow: hidden;
315
- display: block;
316
- }
319
+ --display: block;
320
+ } */
317
321
 
318
322
  nine-table-sheet .ng-scroll-edge {
319
323
  width: ${t}px;
@@ -385,44 +389,44 @@ const V = class V extends HTMLElement {
385
389
  }, "#init"));
386
390
  L(this, "switchSheet", /* @__PURE__ */ f((t, o = !1) => {
387
391
  const g = /* @__PURE__ */ f(() => {
388
- const s = this.querySelector("nine-table-sheets-body");
389
- s.querySelectorAll("nine-splitter").forEach((d) => {
390
- const x = parseInt(d.dataset.splitIndex, 10), m = s.querySelector(`nine-table-sheet[data-index="${x - 1}"]`), w = s.querySelector(`nine-table-sheet[data-index="${x}"]`);
392
+ const l = this.querySelector("nine-table-sheets-body");
393
+ l.querySelectorAll("nine-splitter").forEach((d) => {
394
+ const x = parseInt(d.dataset.splitIndex, 10), m = l.querySelector(`nine-table-sheet[data-index="${x - 1}"]`), w = l.querySelector(`nine-table-sheet[data-index="${x}"]`);
391
395
  m && w && m.classList.contains("active") && w.classList.contains("active") ? d.classList.add("active") : d.classList.remove("active");
392
396
  });
393
- }, "updateSplitters"), c = this.querySelector(".nine-tab-bar"), a = this.querySelector("nine-table-sheets-body"), l = c.querySelectorAll(".nine-tab-item"), p = a.querySelectorAll("nine-table-sheet");
394
- if (!l[t]) return;
397
+ }, "updateSplitters"), c = this.querySelector(".nine-tab-bar"), a = this.querySelector("nine-table-sheets-body"), s = c.querySelectorAll(".nine-tab-item"), p = a.querySelectorAll("nine-table-sheet");
398
+ if (!s[t]) return;
395
399
  if (!o)
396
- l.forEach((s, h) => {
397
- s.classList.toggle("active", h === t);
400
+ s.forEach((l, h) => {
401
+ l.classList.toggle("active", h === t);
398
402
  const d = a.querySelector(`nine-table-sheet[data-index="${h}"]`);
399
403
  d && (d.style.flex = "");
400
- }), p.forEach((s, h) => {
401
- s.classList.toggle("active", h === t);
404
+ }), p.forEach((l, h) => {
405
+ l.classList.toggle("active", h === t);
402
406
  });
403
407
  else {
404
- const s = l[t], h = c.querySelectorAll(".nine-tab-item.active");
405
- if (s.classList.contains("active") && h.length <= 1)
408
+ const l = s[t], h = c.querySelectorAll(".nine-tab-item.active");
409
+ if (l.classList.contains("active") && h.length <= 1)
406
410
  return;
407
- s.classList.toggle("active");
411
+ l.classList.toggle("active");
408
412
  const d = a.querySelector(`nine-table-sheet[data-index="${t}"]`);
409
413
  d && (d.classList.toggle("active"), d.classList.contains("active") || (d.style.flex = ""));
410
414
  }
411
415
  const n = Array.from(a.querySelectorAll("nine-table-sheet.active"));
412
416
  if (n.length > 1) {
413
- const s = 1 / n.length;
417
+ const l = 1 / n.length;
414
418
  n.forEach((h) => {
415
- (!h.style.flex || h.style.flex === "1 1 100%") && (h.style.flex = `${s} ${s} 0px`);
419
+ (!h.style.flex || h.style.flex === "1 1 100%") && (h.style.flex = `${l} ${l} 0px`);
416
420
  });
417
421
  } else
418
- n.forEach((s) => {
419
- s.style.flex = "1 1 100%";
422
+ n.forEach((l) => {
423
+ l.style.flex = "1 1 100%";
420
424
  });
421
425
  g();
422
426
  const u = a.querySelector("nine-table-sheet.active");
423
427
  if (u && typeof u.getRowCount == "function") {
424
- const s = this.querySelector("#row-count");
425
- s && (s.textContent = u.getRowCount().toLocaleString());
428
+ const l = this.querySelector("#row-count");
429
+ l && (l.textContent = u.getRowCount().toLocaleString());
426
430
  }
427
431
  }, "switchSheet"));
428
432
  }
@@ -449,8 +453,8 @@ const _ = class _ {
449
453
  var w, v;
450
454
  const t = (w = i.shadowRoot) == null ? void 0 : w.querySelector("nine-table-sheet.active");
451
455
  if (!t) return;
452
- const o = ((v = t.getRowCount) == null ? void 0 : v.call(t)) || 0, g = parseInt(i.getAttribute("max-display-row"), 10) || 10, c = Math.min(o, g), a = t.querySelector("tbody tr") || t.querySelector("tr"), l = a ? a.getBoundingClientRect().height : 32, p = e(this, q).querySelector("nine-table-header"), n = e(this, q).querySelector("nine-table-sheets-footer"), u = p ? p.getBoundingClientRect().height : 40, s = n ? n.getBoundingClientRect().height : 32, d = u + s + 16, x = c * l + d;
453
- i.style.height = `${x}px`, i.style.maxHeight = `${g * l + d}px`;
456
+ const o = ((v = t.getRowCount) == null ? void 0 : v.call(t)) || 0, g = parseInt(i.getAttribute("max-display-row"), 10) || 10, c = Math.min(o, g), a = t.querySelector("tbody tr") || t.querySelector("tr"), s = a ? a.getBoundingClientRect().height : 32, p = e(this, q).querySelector("nine-table-header"), n = e(this, q).querySelector("nine-table-sheets-footer"), u = p ? p.getBoundingClientRect().height : 40, l = n ? n.getBoundingClientRect().height : 32, d = u + l + 16, x = c * s + d;
457
+ i.style.height = `${x}px`, i.style.maxHeight = `${g * s + d}px`;
454
458
  const m = e(this, q).querySelector("nine-table-sheets-body");
455
459
  m && (m.style.overflowY = o > g ? "auto" : "hidden");
456
460
  }, "#applyAutoHeight"));
@@ -554,8 +558,8 @@ const _ = class _ {
554
558
  </nine-table-body>
555
559
  <nine-table-footer></nine-table-footer>
556
560
  `;
557
- const l = e(this, q).querySelectorAll("nine-table-sheet");
558
- l == null || l.forEach((p, n) => {
561
+ const s = e(this, q).querySelectorAll("nine-table-sheet");
562
+ s == null || s.forEach((p, n) => {
559
563
  o[n] && setTimeout(() => {
560
564
  p.init(o[n]), g && e(this, M).call(this, i);
561
565
  });
@@ -1 +1 @@
1
- {"version":3,"file":"nine-table.js","sources":["../src/external/NoPeer.js","../src/ui/nine-table-hscrollbar.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\nclass NineTableHScrollBar extends HTMLElement {\n #owner;\n #dragging;\n #elements;\n #interval1;\n #interval2;\n\n constructor() {\n super();\n }\n\n connectedCallback() {\n this.#owner = this.getRootNode().host;\n if (!this.#owner) return;\n\n this.innerHTML = `\n <style>\n nine-table-hscrollbar {\n display: flex;\n flex-direction: row;\n width: 100%;\n height: 100%;\n background: #f9fafb;\n box-sizing: border-box;\n user-select: none;\n }\n nine-table-hscrollbar button {\n width: 16px;\n height: 100%;\n background: #f3f4f6;\n border: none;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0;\n }\n nine-table-hscrollbar button:disabled {\n opacity: 0.4;\n cursor: default;\n }\n nine-table-hscrollbar .ng-scroll-icon {\n width: 6px;\n height: 6px;\n border-top: 2px solid #6b7280;\n border-right: 2px solid #6b7280;\n }\n nine-table-hscrollbar .ng-scroll-left .ng-scroll-icon { transform: rotate(-135deg); }\n nine-table-hscrollbar .ng-scroll-right .ng-scroll-icon { transform: rotate(45deg); }\n nine-table-hscrollbar .ng-scroll-track {\n flex: 1;\n height: 100%;\n position: relative;\n background: #f3f4f6;\n overflow: hidden;\n }\n nine-table-hscrollbar .ng-scroll-thumb {\n position: absolute;\n top: 2px;\n bottom: 2px;\n background: #d1d5db;\n border-radius: 4px;\n cursor: pointer;\n }\n nine-table-hscrollbar .ng-scroll-thumb:hover {\n background: #9ca3af;\n }\n </style>\n <button class='ng-scroll-left' disabled><div class='ng-scroll-icon'></div></button>\n <div class='ng-scroll-track'><div class='ng-scroll-thumb'></div></div>\n <button class='ng-scroll-right'><div class='ng-scroll-icon'></div></button>\n `;\n\n this.#elements = {\n container : this.#owner.querySelector(\".ng-container-body\"),\n track : this.querySelector(\".ng-scroll-track\"),\n thumb : this.querySelector(\".ng-scroll-thumb\"),\n left : this.querySelector(\".ng-scroll-left\"),\n right : this.querySelector(\".ng-scroll-right\"),\n };\n\n this.#init();\n setTimeout(() => this.refresh(), 0);\n }\n\n refresh = () => {\n if (!this.#owner) return;\n\n const body = this.#owner.querySelector(\".ng-container-body\");\n if (!body) return;\n\n const table = body.querySelector(\"table\");\n if (!table) return;\n\n const track = $(this.#elements.track, this);\n const thumb = $(this.#elements.thumb, this);\n\n const bottomContainer = this.#owner.querySelector(\".ng-container-bottom\");\n if (body.clientWidth !== 0 && table.scrollWidth > body.clientWidth) {\n $(bottomContainer).show();\n } else {\n $(bottomContainer).hide();\n return;\n }\n\n const trackWidth = track.width();\n if (trackWidth <= 0) return;\n\n const thumbWidth = Math.max(Math.min(trackWidth * (body.clientWidth / table.scrollWidth), trackWidth), 20);\n thumb.width(thumbWidth);\n\n const maxScrollLeft = table.scrollWidth - body.clientWidth;\n const maxThumbLeft = trackWidth - thumbWidth;\n\n let l = 0;\n if (maxScrollLeft > 0) {\n l = parseInt((body.scrollLeft / maxScrollLeft) * maxThumbLeft, 10);\n }\n if (l < 0) l = 0;\n if (l > maxThumbLeft) l = maxThumbLeft;\n\n thumb.css({ left: l });\n\n this.#elements.left.disabled = (body.scrollLeft <= 0);\n this.#elements.right.disabled = (body.scrollLeft >= maxScrollLeft);\n };\n\n #thumbMoveTo = (x) => {\n if (!this.#elements) return;\n\n const body = this.#owner.querySelector(\".ng-container-body\");\n const table = body.querySelector(\"table\");\n if (!table) return;\n\n const trackBound = this.#elements.track.getBoundingClientRect();\n const thumbBound = this.#elements.thumb.getBoundingClientRect();\n\n let targetX = x;\n if (targetX < 0) targetX = 0;\n if (targetX + thumbBound.width > trackBound.width) targetX = trackBound.width - thumbBound.width;\n targetX = parseInt(targetX, 10);\n\n this.#elements.thumb.style.left = targetX + 'px';\n\n const maxScrollLeft = table.scrollWidth - body.clientWidth;\n const maxThumbLeft = trackBound.width - thumbBound.width;\n\n if (maxThumbLeft > 0 && maxScrollLeft > 0) {\n body.scrollLeft = (targetX / maxThumbLeft) * maxScrollLeft;\n }\n\n this.#elements.left.disabled = targetX <= 0;\n this.#elements.right.disabled = targetX >= maxThumbLeft;\n\n return (targetX > 0 && targetX < maxThumbLeft);\n };\n\n #init = () => {\n const body = this.#owner.querySelector(\".ng-container-body\");\n\n if (body) {\n body.addEventListener('scroll', () => {\n this.refresh();\n });\n }\n\n const delayScroll = (pos) => {\n clearInterval(this.#interval1);\n clearInterval(this.#interval2);\n\n const trackBound = this.#elements.track.getBoundingClientRect();\n const thumbBound = this.#elements.thumb.getBoundingClientRect();\n\n this.#thumbMoveTo((thumbBound.x - trackBound.x) + pos);\n\n this.#interval1 = setInterval(() => {\n clearInterval(this.#interval1);\n\n this.#interval2 = setInterval(() => {\n const tBound = this.#elements.track.getBoundingClientRect();\n const thBound = this.#elements.thumb.getBoundingClientRect();\n if (!this.#thumbMoveTo((thBound.x - tBound.x) + pos)) {\n clearInterval(this.#interval2);\n }\n }, 10);\n }, 500);\n };\n\n const clearTimer = () => {\n clearInterval(this.#interval1);\n clearInterval(this.#interval2);\n };\n\n this.#elements.left.ontouchend =\n this.#elements.right.ontouchend =\n this.#elements.track.ontouchend =\n this.#elements.left.onmouseup =\n this.#elements.left.onmouseleave =\n this.#elements.right.onmouseup =\n this.#elements.right.onmouseleave =\n this.#elements.track.onmouseup =\n this.#elements.track.onmouseleave = clearTimer;\n\n $(this.#elements.left).on(\"mousedown\", e => { if (e.buttons != 1) return; delayScroll(-10); });\n $(this.#elements.right).on(\"mousedown\", e => { if (e.buttons != 1) return; delayScroll(10); });\n\n $(this.#elements.left).on(\"touchstart\", e => { delayScroll(-10); });\n $(this.#elements.right).on(\"touchstart\", e => { delayScroll(10); });\n\n $(this.#elements.track).on(\"mousedown\", e => {\n if (e.buttons != 1) return;\n e.preventDefault();\n const trackRect = this.#elements.track.getBoundingClientRect();\n const thumbWidth = this.#elements.thumb.getBoundingClientRect().width;\n this.#thumbMoveTo(e.clientX - trackRect.left - (thumbWidth / 2));\n });\n\n $(this.#elements.thumb).on(\"mousedown\", e => {\n this.#dragging = true;\n this.shiftX = e.clientX - this.#elements.thumb.getBoundingClientRect().left;\n document.addEventListener('mousemove', this.#thumb_onMouseMove);\n });\n\n document.addEventListener('mouseup', () => {\n this.#dragging = false;\n clearTimer();\n document.removeEventListener('mousemove', this.#thumb_onMouseMove);\n });\n };\n\n #thumb_onMouseMove = e => {\n if (!this.#dragging) return;\n const trackRect = this.#elements.track.getBoundingClientRect();\n this.#thumbMoveTo(e.clientX - trackRect.left - this.shiftX);\n };\n}\n\nif (!customElements.get('nine-table-hscrollbar')) {\n customElements.define(\"nine-table-hscrollbar\", NineTableHScrollBar);\n}","import { trace } from \"@nopeer\";\n//import './nine-table-vscrollbar.js';\nimport './nine-table-hscrollbar.js';\n\nexport class NineTableSheet extends HTMLElement {\n #tableElement = null;\n static SCROLLBAR_SIZE = 16;\n\n constructor() {\n super();\n }\n\n connectedCallback() {\n this.#render();\n };\n\n init = (tableEl) => {\n if (!tableEl) return;\n\n const initializeTable = (tbl) => {\n\n const 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 const 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 ensureColgroup(tbl);\n ensureThead(tbl);\n\n tbl.classList.add('nine-table-element');\n return tbl;\n };\n\n const clonedTable = tableEl.cloneNode(true);\n this.#tableElement = 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 const filterTableByFixed = (sourceTable, targetFixedType, isBody = false) => {\n const tbl = sourceTable.cloneNode(true);\n const cols = Array.from(tbl.querySelectorAll('colgroup col'));\n const targetIndices = [];\n\n cols.forEach((col, idx) => {\n const fixedAttr = col.getAttribute('fixed');\n const isMatch = isBody ? (!fixedAttr || fixedAttr === '') : (fixedAttr === targetFixedType);\n if (!isMatch) {\n targetIndices.push(idx);\n }\n });\n\n targetIndices.reverse().forEach(idx => {\n if (cols[idx]) cols[idx].remove();\n tbl.querySelectorAll('tr').forEach(tr => {\n const cells = tr.querySelectorAll('th, td');\n if (cells[idx]) cells[idx].remove();\n });\n });\n\n return tbl;\n };\n\n // 1. ๋ฉ”์ธ ๋ฐ”๋”” ์˜์—ญ\n if (bodyContainer) {\n const bodyTable = filterTableByFixed(this.#tableElement, null, true);\n bodyContainer.innerHTML = '';\n bodyContainer.appendChild(bodyTable);\n }\n\n // 2. ์ขŒ์ธก ๊ณ ์ • ์˜์—ญ\n if (leftContainer) {\n const leftTable = filterTableByFixed(this.#tableElement, 'left', false);\n\n let leftWidth = 0;\n leftTable.querySelectorAll('col').forEach(col => {\n const w = parseInt(col.getAttribute('width'), 10);\n if (!isNaN(w)) leftWidth += w;\n });\n\n leftContainer.innerHTML = '';\n leftContainer.appendChild(leftTable);\n\n const activeLeftWidth = leftWidth > 0 ? leftWidth : 0;\n leftContainer.style.flex = `0 0 ${activeLeftWidth}px`;\n leftContainer.style.width = `${activeLeftWidth}px`;\n }\n\n // 3. ์šฐ์ธก ๊ณ ์ • ์˜์—ญ\n if (rightContainer) {\n const rightTable = filterTableByFixed(this.#tableElement, 'right', false);\n\n let rightWidth = 0;\n rightTable.querySelectorAll('col').forEach(col => {\n const w = parseInt(col.getAttribute('width'), 10);\n if (!isNaN(w)) rightWidth += w;\n });\n\n rightContainer.innerHTML = '';\n rightContainer.appendChild(rightTable);\n\n const activeRightWidth = rightWidth > 0 ? rightWidth : 0;\n rightContainer.style.flex = `0 0 ${activeRightWidth}px`;\n rightContainer.style.width = `${activeRightWidth}px`;\n }\n\n // ๋ฐ์ดํ„ฐ ๊ฑด์ˆ˜ ๊ธฐ๋ฐ˜ ์„ธ๋กœ ์Šคํฌ๋กค ์ œ์–ด ์ •์ฑ… ๋ฐ˜์˜\n if (bodyContainer) {\n const rowCount = this.getRowCount();\n bodyContainer.style.overflowY = rowCount > 10 ? 'auto' : 'hidden';\n\n bodyContainer.addEventListener('scroll', () => {\n const scrollLeft = bodyContainer.scrollLeft;\n\n // ์ขŒ์šฐ ๊ณ ์ • ์˜์—ญ์€ ๊ฐ€๋กœ ์Šคํฌ๋กค ์‹œ ๋ฐ€๋ ค๋‚˜์ง€ ์•Š๋„๋ก ์œ„์น˜ ๋ณด์ • ๋˜๋Š”\n // ํ•˜๋‹จ ์Šคํฌ๋กค๋ฐ” ์ธ(Thumb) ์œ„์น˜ ๋™๊ธฐํ™” ํ˜ธ์ถœ\n const hScrollbar = this.querySelector('nine-table-hscrollbar');\n if (hScrollbar && typeof hScrollbar.syncThumb === 'function') {\n hScrollbar.syncThumb(scrollLeft);\n }\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 // ๐ŸŽฏ ์™ธ๋ถ€ ์Šคํฌ๋กค๋ฐ” ๋ฐ ์ปจํŠธ๋กค๋Ÿฌ ์—ฐ๋™์šฉ ๋ฉ”์„œ๋“œ\n scrollToX = (scrollLeft) => {\n const bodyContainer = this.querySelector('.ng-container-body');\n if (bodyContainer) bodyContainer.scrollLeft = scrollLeft;\n };\n\n scrollToY = (scrollTop) => {\n const bodyContainer = this.querySelector('.ng-container-body');\n if (bodyContainer) bodyContainer.scrollTop = scrollTop;\n };\n\n #render = () => {\n const sbSize = NineTableSheet.SCROLLBAR_SIZE;\n\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 1 auto;\n width: 100%;\n height: calc(100% - ${sbSize}px);\n overflow: hidden;\n position: relative;\n }\n \n nine-table-sheet .ng-container-left {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n background: #ffffff;\n border-right: 1px solid #e5e7eb;\n flex-shrink: 0;\n }\n \n nine-table-sheet .ng-container-body {\n display: flex;\n flex-direction: column;\n flex: 1;\n overflow-x: auto;\n overflow-y: auto;\n background: #ffffff;\n position: relative;\n }\n \n nine-table-sheet .ng-container-right {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n background: #ffffff;\n border-left: 1px solid #e5e7eb;\n flex-shrink: 0;\n }\n \n nine-table-sheet .ng-container-bottom {\n display: flex;\n flex-direction: row;\n height: ${sbSize}px;\n min-height: ${sbSize}px;\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 height: 100%;\n overflow: hidden;\n display: block;\n }\n \n nine-table-sheet .ng-scroll-edge {\n width: ${sbSize}px;\n min-width: ${sbSize}px;\n height: 100%;\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\n const 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 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 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\n}\n\nif (!customElements.get('nine-table-sheets')) {\n customElements.define('nine-table-sheets', NineTableSheets);\n}","/**\n * [LayoutManager ๋†’์ด ์„ค์ •(Height Configuration) ์‚ฌ์šฉ ์˜ˆ์ œ]\n *\n * 1. ๋ถ€๋ชจ ์˜์—ญ ์ฑ„์šฐ๊ธฐ (Fluid / 100% Fill) - ๊ธฐ๋ณธ๊ฐ’\n * - ์ปดํฌ๋„ŒํŠธ๊ฐ€ ๋ถ€๋ชจ ์ปจํ…Œ์ด๋„ˆ์˜ ๋‚จ์€ ๊ณต๊ฐ„์„ ๊ฐ€๋“ ์ฑ„์šฐ๊ณ  ๋‚ด๋ถ€ ์˜์—ญ์—์„œ ์Šคํฌ๋กค์„ ์ฒ˜๋ฆฌํ•ฉ๋‹ˆ๋‹ค.\n * - ์‚ฌ์šฉ๋ฒ•: <nine-table> ๋˜๋Š” ํ˜ธ์ŠคํŠธ ์—˜๋ฆฌ๋จผํŠธ์— ๋ณ„๋„ ์†์„ฑ์„ ์ฃผ์ง€ ์•Š์œผ๋ฉด ์ ์šฉ๋ฉ๋‹ˆ๋‹ค.\n *\n * 2. ์ฝ˜ํ…์ธ  ๋ฐ€์ฐฉํ˜• / ๋ฐ์ดํ„ฐ ๊ฑด์ˆ˜ ๊ธฐ๋ฐ˜ ๋™์  ๋†’์ด (Auto-Height)\n * - ๋ฐ์ดํ„ฐ ํ–‰ ๊ฐœ์ˆ˜์— ๋งž์ถฐ ์ปดํฌ๋„ŒํŠธ ์ „์ฒด ๋†’์ด๊ฐ€ ์œ ์—ฐํ•˜๊ฒŒ ๋Š˜์–ด๋‚ฉ๋‹ˆ๋‹ค.\n * - ์‚ฌ์šฉ๋ฒ•: <nine-table auto-height=\"true\"> ๋˜๋Š” ํ˜ธ์ŠคํŠธ ์—˜๋ฆฌ๋จผํŠธ์— auto-height=\"true\" ์†์„ฑ์„ ์ง€์ •ํ•ฉ๋‹ˆ๋‹ค.\n *\n * 3. ํ”ฝ์…€ ๊ณ ์ • ๋†’์ด (Fixed Pixel)\n * - ๋ถ€๋ชจ ํฌ๊ธฐ์— ์ƒ๊ด€์—†์ด ๊ฐœ๋ฐœ์ž๊ฐ€ ์ง€์ •ํ•œ ๊ณ ์ • ํฌ๊ธฐ๋ฅผ ์—„๊ฒฉํ•˜๊ฒŒ ์œ ์ง€ํ•ฉ๋‹ˆ๋‹ค.\n * - ์‚ฌ์šฉ๋ฒ•: <nine-table style=\"height: 400px;\"> ์ฒ˜๋Ÿผ ์ธ๋ผ์ธ ์Šคํƒ€์ผ๋กœ ๋†’์ด๋ฅผ ์ง์ ‘ ์ œ์–ดํ•ฉ๋‹ˆ๋‹ค.\n */\n\nimport './nine-table-sheets.js';\n\nexport class LayoutManager {\n #root;\n #resizeObserver = null;\n\n constructor(shadowRoot) {\n this.#root = shadowRoot;\n this.#render();\n this.#observeResize();\n }\n\n #observeResize = () => {\n const hostEl = this.#root.host;\n if (!hostEl) return;\n\n this.#resizeObserver = new ResizeObserver((entries) => {\n for (let entry of entries) {\n const isAutoHeight = hostEl.getAttribute('auto-height') === 'true';\n if (isAutoHeight) {\n this.#applyAutoHeight(hostEl);\n }\n }\n });\n\n this.#resizeObserver.observe(hostEl);\n };\n\n #applyAutoHeight = (hostEl) => {\n const activeSheet = hostEl.shadowRoot?.querySelector('nine-table-sheet.active');\n if (!activeSheet) return;\n\n const rowCount = activeSheet.getRowCount?.() || 0;\n\n // 1. ์†์„ฑ์œผ๋กœ maxRows๋ฅผ ๋ฐ›๋˜, ์—†์œผ๋ฉด ๊ธฐ๋ณธ๊ฐ’ 10 ์„ค์ •\n const maxRows = parseInt(hostEl.getAttribute('max-display-row'), 10) || 10;\n const targetRows = Math.min(rowCount, maxRows);\n\n // 2. ์‹ค์ œ ๋ Œ๋”๋ง๋œ ํ–‰(tr) ๋†’์ด๋ฅผ ๋™์ ์œผ๋กœ ์ธก์ • (์—†์œผ๋ฉด ๊ธฐ๋ณธ 32px ํด๋ฐฑ)\n const sampleRow = activeSheet.querySelector('tbody tr') || activeSheet.querySelector('tr');\n const rowHeight = sampleRow ? sampleRow.getBoundingClientRect().height : 32;\n\n // 3. ํ—ค๋” ๋ฐ ํ‘ธํ„ฐ/ํƒญ ์˜์—ญ์˜ ์‹ค์ œ ๋†’์ด๋ฅผ DOM์—์„œ ๋™์  ์ธก์ •\n const headerEl = this.#root.querySelector('nine-table-header');\n const footerEl = this.#root.querySelector('nine-table-sheets-footer');\n const headerHeight = headerEl ? headerEl.getBoundingClientRect().height : 40;\n const footerHeight = footerEl ? footerEl.getBoundingClientRect().height : 32;\n const extraPadding = 16; // ๋ฏธ์„ธ ์—ฌ๋ฐฑ\n\n const headerFooterHeight = headerHeight + footerHeight + extraPadding;\n const calculatedHeight = (targetRows * rowHeight) + headerFooterHeight;\n\n hostEl.style.height = `${calculatedHeight}px`;\n hostEl.style.maxHeight = `${(maxRows * rowHeight) + headerFooterHeight}px`;\n\n const sheetsBody = this.#root.querySelector('nine-table-sheets-body');\n if (sheetsBody) {\n sheetsBody.style.overflowY = rowCount > maxRows ? 'auto' : 'hidden';\n }\n };\n\n #render = () => {\n const hostEl = this.#root.host;\n const rawElements = Array.from(hostEl.children);\n const rawTables = rawElements.filter(el => el.tagName === 'TABLE');\n const isAutoHeight = hostEl.getAttribute('auto-height') === 'true';\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 { \n display: flex; \n flex-direction: column; \n position: relative; \n overflow: hidden; \n height: ${isAutoHeight ? 'auto' : '100%'}; \n background: #fff; \n }\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 setTimeout(() => {\n $el.init(rawTables[idx]);\n if (isAutoHeight) {\n this.#applyAutoHeight(hostEl);\n }\n });\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","_NineTableHScrollBar","__privateAdd","_owner","_dragging","_elements","_interval1","_interval2","__publicField","__privateGet","body","table","track","thumb","bottomContainer","trackWidth","thumbWidth","maxScrollLeft","maxThumbLeft","l","_thumbMoveTo","x","trackBound","thumbBound","targetX","_init","delayScroll","pos","__privateSet","tBound","thBound","clearTimer","e","trackRect","_thumb_onMouseMove","NineTableHScrollBar","_NineTableSheet","_tableElement","tableEl","initializeTable","tbl","ensureColgroup","firstRow","colCount","colgroup","defaultWidth","i","col","ensureThead","thead","clonedTable","leftContainer","bodyContainer","rightContainer","filterTableByFixed","sourceTable","targetFixedType","isBody","cols","targetIndices","idx","fixedAttr","tr","cells","bodyTable","leftTable","leftWidth","w","activeLeftWidth","rightTable","rightWidth","activeRightWidth","rowCount","scrollLeft","hScrollbar","scrollTop","_render","sbSize","NineTableSheet","_NineTableSheets","tabBar","tabItem","isMultiSelect","index","updateSplitters","splitter","splitIndex","leftSheet","rightSheet","tabItems","sheetElements","tab","sheet","clickedTab","activeTabs","targetSheet","activeSheets","initialBasis","activeSheet","rowCountEl","NineTableSheets","_LayoutManager","shadowRoot","_root","_resizeObserver","_observeResize","hostEl","entries","entry","_applyAutoHeight","_a","_b","maxRows","targetRows","sampleRow","rowHeight","headerEl","footerEl","headerHeight","footerHeight","headerFooterHeight","calculatedHeight","sheetsBody","rawTables","el","isAutoHeight","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-hscrollbar.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\nclass NineTableHScrollBar extends HTMLElement {\n #owner;\n #dragging;\n #elements;\n #interval1;\n #interval2;\n\n constructor() {\n super();\n }\n\n connectedCallback() {\n this.#owner = this.getRootNode().host;\n if (!this.#owner) return;\n\n this.innerHTML = `\n <style>\n nine-table-hscrollbar {\n display: flex;\n flex-direction: row;\n width: 100%;\n height: 100%;\n background: #f9fafb;\n box-sizing: border-box;\n user-select: none;\n }\n nine-table-hscrollbar button {\n width: 16px;\n height: 100%;\n background: #f3f4f6;\n border: none;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0;\n }\n nine-table-hscrollbar button:disabled {\n opacity: 0.4;\n cursor: default;\n }\n nine-table-hscrollbar .ng-scroll-icon {\n width: 6px;\n height: 6px;\n border-top: 2px solid #6b7280;\n border-right: 2px solid #6b7280;\n }\n nine-table-hscrollbar .ng-scroll-left .ng-scroll-icon { transform: rotate(-135deg); }\n nine-table-hscrollbar .ng-scroll-right .ng-scroll-icon { transform: rotate(45deg); }\n nine-table-hscrollbar .ng-scroll-track {\n flex: 1;\n height: 100%;\n position: relative;\n background: #f3f4f6;\n overflow: hidden;\n }\n nine-table-hscrollbar .ng-scroll-thumb {\n position: absolute;\n top: 2px;\n bottom: 2px;\n background: #d1d5db;\n border-radius: 4px;\n cursor: pointer;\n }\n nine-table-hscrollbar .ng-scroll-thumb:hover {\n background: #9ca3af;\n }\n </style>\n <button class='ng-scroll-left' disabled><div class='ng-scroll-icon'></div></button>\n <div class='ng-scroll-track'><div class='ng-scroll-thumb'></div></div>\n <button class='ng-scroll-right'><div class='ng-scroll-icon'></div></button>\n `;\n\n this.#elements = {\n container : this.#owner.querySelector(\".ng-container-body\"),\n track : this.querySelector(\".ng-scroll-track\"),\n thumb : this.querySelector(\".ng-scroll-thumb\"),\n left : this.querySelector(\".ng-scroll-left\"),\n right : this.querySelector(\".ng-scroll-right\"),\n };\n\n this.#init();\n setTimeout(() => this.refresh(), 0);\n }\n\n refresh = () => {\n if (!this.#owner) return;\n\n const body = this.#owner.querySelector(\".ng-container-body\");\n if (!body) return;\n\n const table = body.querySelector(\"table\");\n if (!table) return;\n\n const track = $(this.#elements.track, this);\n const thumb = $(this.#elements.thumb, this);\n\n const bottomContainer = this.#owner.querySelector(\".ng-container-bottom\");\n if (body.clientWidth !== 0 && table.scrollWidth > body.clientWidth) {\n $(bottomContainer).show();\n } else {\n $(bottomContainer).hide();\n return;\n }\n\n const trackWidth = track.width();\n if (trackWidth <= 0) return;\n\n const thumbWidth = Math.max(Math.min(trackWidth * (body.clientWidth / table.scrollWidth), trackWidth), 20);\n thumb.width(thumbWidth);\n\n const maxScrollLeft = table.scrollWidth - body.clientWidth;\n const maxThumbLeft = trackWidth - thumbWidth;\n\n let l = 0;\n if (maxScrollLeft > 0) {\n l = parseInt((body.scrollLeft / maxScrollLeft) * maxThumbLeft, 10);\n }\n if (l < 0) l = 0;\n if (l > maxThumbLeft) l = maxThumbLeft;\n\n thumb.css({ left: l });\n\n this.#elements.left.disabled = (body.scrollLeft <= 0);\n this.#elements.right.disabled = (body.scrollLeft >= maxScrollLeft);\n };\n\n #thumbMoveTo = (x) => {\n if (!this.#elements) return;\n\n const body = this.#owner.querySelector(\".ng-container-body\");\n const table = body.querySelector(\"table\");\n if (!table) return;\n\n const trackBound = this.#elements.track.getBoundingClientRect();\n const thumbBound = this.#elements.thumb.getBoundingClientRect();\n\n let targetX = x;\n if (targetX < 0) targetX = 0;\n if (targetX + thumbBound.width > trackBound.width) targetX = trackBound.width - thumbBound.width;\n targetX = parseInt(targetX, 10);\n\n this.#elements.thumb.style.left = targetX + 'px';\n\n const maxScrollLeft = table.scrollWidth - body.clientWidth;\n const maxThumbLeft = trackBound.width - thumbBound.width;\n\n if (maxThumbLeft > 0 && maxScrollLeft > 0) {\n body.scrollLeft = (targetX / maxThumbLeft) * maxScrollLeft;\n }\n\n this.#elements.left.disabled = targetX <= 0;\n this.#elements.right.disabled = targetX >= maxThumbLeft;\n\n return (targetX > 0 && targetX < maxThumbLeft);\n };\n\n #init = () => {\n const body = this.#owner.querySelector(\".ng-container-body\");\n\n if (body) {\n body.addEventListener('scroll', () => {\n this.refresh();\n });\n }\n\n const delayScroll = (pos) => {\n clearInterval(this.#interval1);\n clearInterval(this.#interval2);\n\n const trackBound = this.#elements.track.getBoundingClientRect();\n const thumbBound = this.#elements.thumb.getBoundingClientRect();\n\n this.#thumbMoveTo((thumbBound.x - trackBound.x) + pos);\n\n this.#interval1 = setInterval(() => {\n clearInterval(this.#interval1);\n\n this.#interval2 = setInterval(() => {\n const tBound = this.#elements.track.getBoundingClientRect();\n const thBound = this.#elements.thumb.getBoundingClientRect();\n if (!this.#thumbMoveTo((thBound.x - tBound.x) + pos)) {\n clearInterval(this.#interval2);\n }\n }, 10);\n }, 500);\n };\n\n const clearTimer = () => {\n clearInterval(this.#interval1);\n clearInterval(this.#interval2);\n };\n\n this.#elements.left.ontouchend =\n this.#elements.right.ontouchend =\n this.#elements.track.ontouchend =\n this.#elements.left.onmouseup =\n this.#elements.left.onmouseleave =\n this.#elements.right.onmouseup =\n this.#elements.right.onmouseleave =\n this.#elements.track.onmouseup =\n this.#elements.track.onmouseleave = clearTimer;\n\n $(this.#elements.left).on(\"mousedown\", e => { if (e.buttons != 1) return; delayScroll(-10); });\n $(this.#elements.right).on(\"mousedown\", e => { if (e.buttons != 1) return; delayScroll(10); });\n\n $(this.#elements.left).on(\"touchstart\", e => { delayScroll(-10); });\n $(this.#elements.right).on(\"touchstart\", e => { delayScroll(10); });\n\n $(this.#elements.track).on(\"mousedown\", e => {\n if (e.buttons != 1) return;\n e.preventDefault();\n const trackRect = this.#elements.track.getBoundingClientRect();\n const thumbWidth = this.#elements.thumb.getBoundingClientRect().width;\n this.#thumbMoveTo(e.clientX - trackRect.left - (thumbWidth / 2));\n });\n\n $(this.#elements.thumb).on(\"mousedown\", e => {\n this.#dragging = true;\n this.shiftX = e.clientX - this.#elements.thumb.getBoundingClientRect().left;\n document.addEventListener('mousemove', this.#thumb_onMouseMove);\n });\n\n document.addEventListener('mouseup', () => {\n this.#dragging = false;\n clearTimer();\n document.removeEventListener('mousemove', this.#thumb_onMouseMove);\n });\n };\n\n #thumb_onMouseMove = e => {\n if (!this.#dragging) return;\n const trackRect = this.#elements.track.getBoundingClientRect();\n this.#thumbMoveTo(e.clientX - trackRect.left - this.shiftX);\n };\n}\n\nif (!customElements.get('nine-table-hscrollbar')) {\n customElements.define(\"nine-table-hscrollbar\", NineTableHScrollBar);\n}","import { trace } from \"@nopeer\";\nimport './nine-table-hscrollbar.js';\n\nexport class NineTableSheet extends HTMLElement {\n #tableElement = null;\n static SCROLLBAR_SIZE = 16;\n\n constructor() {\n super();\n }\n\n connectedCallback() {\n this.#render();\n };\n\n init = (tableEl) => {\n if (!tableEl) return;\n\n const initializeTable = (tbl) => {\n\n const 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 const 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 ensureColgroup(tbl);\n ensureThead(tbl);\n\n tbl.classList.add('nine-table-element');\n return tbl;\n };\n\n const clonedTable = tableEl.cloneNode(true);\n this.#tableElement = 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 const filterTableByFixed = (sourceTable, targetFixedType, isBody = false) => {\n const tbl = sourceTable.cloneNode(true);\n const cols = Array.from(tbl.querySelectorAll('colgroup col'));\n const targetIndices = [];\n\n cols.forEach((col, idx) => {\n const fixedAttr = col.getAttribute('fixed');\n const isMatch = isBody ? (!fixedAttr || fixedAttr === '') : (fixedAttr === targetFixedType);\n if (!isMatch) {\n targetIndices.push(idx);\n }\n });\n\n targetIndices.reverse().forEach(idx => {\n if (cols[idx]) cols[idx].remove();\n tbl.querySelectorAll('tr').forEach(tr => {\n const cells = tr.querySelectorAll('th, td');\n if (cells[idx]) cells[idx].remove();\n });\n });\n\n return tbl;\n };\n\n // 1. ๋ฉ”์ธ ๋ฐ”๋”” ์˜์—ญ\n if (bodyContainer) {\n const bodyTable = filterTableByFixed(this.#tableElement, null, true);\n bodyContainer.innerHTML = '';\n bodyContainer.appendChild(bodyTable);\n }\n\n // 2. ์ขŒ์ธก ๊ณ ์ • ์˜์—ญ\n if (leftContainer) {\n const leftTable = filterTableByFixed(this.#tableElement, 'left', false);\n\n let leftWidth = 0;\n leftTable.querySelectorAll('col').forEach(col => {\n const w = parseInt(col.getAttribute('width'), 10);\n if (!isNaN(w)) leftWidth += w;\n });\n\n leftContainer.innerHTML = '';\n leftContainer.appendChild(leftTable);\n\n const activeLeftWidth = leftWidth > 0 ? leftWidth : 0;\n leftContainer.style.flex = `0 0 ${activeLeftWidth}px`;\n leftContainer.style.width = `${activeLeftWidth}px`;\n }\n\n // 3. ์šฐ์ธก ๊ณ ์ • ์˜์—ญ\n if (rightContainer) {\n const rightTable = filterTableByFixed(this.#tableElement, 'right', false);\n\n let rightWidth = 0;\n rightTable.querySelectorAll('col').forEach(col => {\n const w = parseInt(col.getAttribute('width'), 10);\n if (!isNaN(w)) rightWidth += w;\n });\n\n rightContainer.innerHTML = '';\n rightContainer.appendChild(rightTable);\n\n const activeRightWidth = rightWidth > 0 ? rightWidth : 0;\n rightContainer.style.flex = `0 0 ${activeRightWidth}px`;\n rightContainer.style.width = `${activeRightWidth}px`;\n }\n\n // ๋ฐ์ดํ„ฐ ๊ฑด์ˆ˜ ๊ธฐ๋ฐ˜ ์„ธ๋กœ ์Šคํฌ๋กค ๋ฐ ๊ฐ€๋กœ ์Šคํฌ๋กค ๋™๊ธฐํ™” ์—ฐ๋™\n if (bodyContainer) {\n const rowCount = this.getRowCount();\n bodyContainer.style.overflowY = rowCount > 10 ? 'auto' : 'hidden';\n\n // ๐ŸŽฏ ๊ฐ€๋กœ ์Šคํฌ๋กค ๋ฐœ์ƒ ์‹œ ํ•˜๋‹จ hscrollbar ์ƒˆ๋กœ๊ณ ์นจ ํŠธ๋ฆฌ๊ฑฐ\n bodyContainer.addEventListener('scroll', () => {\n const hScrollbar = this.querySelector('nine-table-hscrollbar');\n if (hScrollbar && typeof hScrollbar.refresh === 'function') {\n hScrollbar.refresh();\n }\n });\n }\n\n // ์ดˆ๊ธฐ ๋ Œ๋”๋ง ์™„๋ฃŒ ํ›„ ํ•˜๋‹จ ๊ฐ€๋กœ ์Šคํฌ๋กค๋ฐ” ์ƒํƒœ ๊ฐฑ์‹ \n setTimeout(() => {\n const hScrollbar = this.querySelector('nine-table-hscrollbar');\n if (hScrollbar && typeof hScrollbar.refresh === 'function') {\n hScrollbar.refresh();\n }\n }, 0);\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 scrollToX = (scrollLeft) => {\n const bodyContainer = this.querySelector('.ng-container-body');\n if (bodyContainer) bodyContainer.scrollLeft = scrollLeft;\n };\n\n scrollToY = (scrollTop) => {\n const bodyContainer = this.querySelector('.ng-container-body');\n if (bodyContainer) bodyContainer.scrollTop = scrollTop;\n };\n\n #render = () => {\n const sbSize = NineTableSheet.SCROLLBAR_SIZE;\n\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 1 auto;\n width: 100%;\n height: calc(100% - ${sbSize}px);\n overflow: hidden;\n position: relative;\n }\n \n nine-table-sheet .ng-container-left {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n background: #ffffff;\n border-right: 1px solid #e5e7eb;\n flex-shrink: 0;\n }\n \n /* ๐ŸŽฏ ์ปจํ…Œ์ด๋„ˆ ์ž์ฒด ์Šคํฌ๋กค๋ฐ” ์ƒ์„ฑ์„ ๋ง‰๊ณ  ์™ธ๋ถ€ ์ปค์Šคํ…€ ์Šคํฌ๋กค๋ฐ” ์ œ์–ด์— ์˜์กด */\n nine-table-sheet .ng-container-body {\n display: flex;\n flex-direction: column;\n flex: 1;\n overflow-x: hidden;\n overflow-y: auto;\n background: #ffffff;\n position: relative;\n }\n \n nine-table-sheet .ng-container-right {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n background: #ffffff;\n border-left: 1px solid #e5e7eb;\n flex-shrink: 0;\n }\n \n nine-table-sheet .ng-container-bottom {\n display: flex;\n flex-direction: row;\n height: ${sbSize}px;\n min-height: ${sbSize}px;\n flex-shrink: 0;\n background: #f9fafb;\n border-top: 1px solid #e5e7eb;\n }\n \n /**\n nine-table-sheet nine-table-hscrollbar {\n flex: 1;\n height: 100%;\n overflow: hidden;\n --display: block;\n } */\n \n nine-table-sheet .ng-scroll-edge {\n width: ${sbSize}px;\n min-width: ${sbSize}px;\n height: 100%;\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\n const 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 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 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\n}\n\nif (!customElements.get('nine-table-sheets')) {\n customElements.define('nine-table-sheets', NineTableSheets);\n}","/**\n * [LayoutManager ๋†’์ด ์„ค์ •(Height Configuration) ์‚ฌ์šฉ ์˜ˆ์ œ]\n *\n * 1. ๋ถ€๋ชจ ์˜์—ญ ์ฑ„์šฐ๊ธฐ (Fluid / 100% Fill) - ๊ธฐ๋ณธ๊ฐ’\n * - ์ปดํฌ๋„ŒํŠธ๊ฐ€ ๋ถ€๋ชจ ์ปจํ…Œ์ด๋„ˆ์˜ ๋‚จ์€ ๊ณต๊ฐ„์„ ๊ฐ€๋“ ์ฑ„์šฐ๊ณ  ๋‚ด๋ถ€ ์˜์—ญ์—์„œ ์Šคํฌ๋กค์„ ์ฒ˜๋ฆฌํ•ฉ๋‹ˆ๋‹ค.\n * - ์‚ฌ์šฉ๋ฒ•: <nine-table> ๋˜๋Š” ํ˜ธ์ŠคํŠธ ์—˜๋ฆฌ๋จผํŠธ์— ๋ณ„๋„ ์†์„ฑ์„ ์ฃผ์ง€ ์•Š์œผ๋ฉด ์ ์šฉ๋ฉ๋‹ˆ๋‹ค.\n *\n * 2. ์ฝ˜ํ…์ธ  ๋ฐ€์ฐฉํ˜• / ๋ฐ์ดํ„ฐ ๊ฑด์ˆ˜ ๊ธฐ๋ฐ˜ ๋™์  ๋†’์ด (Auto-Height)\n * - ๋ฐ์ดํ„ฐ ํ–‰ ๊ฐœ์ˆ˜์— ๋งž์ถฐ ์ปดํฌ๋„ŒํŠธ ์ „์ฒด ๋†’์ด๊ฐ€ ์œ ์—ฐํ•˜๊ฒŒ ๋Š˜์–ด๋‚ฉ๋‹ˆ๋‹ค.\n * - ์‚ฌ์šฉ๋ฒ•: <nine-table auto-height=\"true\"> ๋˜๋Š” ํ˜ธ์ŠคํŠธ ์—˜๋ฆฌ๋จผํŠธ์— auto-height=\"true\" ์†์„ฑ์„ ์ง€์ •ํ•ฉ๋‹ˆ๋‹ค.\n *\n * 3. ํ”ฝ์…€ ๊ณ ์ • ๋†’์ด (Fixed Pixel)\n * - ๋ถ€๋ชจ ํฌ๊ธฐ์— ์ƒ๊ด€์—†์ด ๊ฐœ๋ฐœ์ž๊ฐ€ ์ง€์ •ํ•œ ๊ณ ์ • ํฌ๊ธฐ๋ฅผ ์—„๊ฒฉํ•˜๊ฒŒ ์œ ์ง€ํ•ฉ๋‹ˆ๋‹ค.\n * - ์‚ฌ์šฉ๋ฒ•: <nine-table style=\"height: 400px;\"> ์ฒ˜๋Ÿผ ์ธ๋ผ์ธ ์Šคํƒ€์ผ๋กœ ๋†’์ด๋ฅผ ์ง์ ‘ ์ œ์–ดํ•ฉ๋‹ˆ๋‹ค.\n */\n\nimport './nine-table-sheets.js';\n\nexport class LayoutManager {\n #root;\n #resizeObserver = null;\n\n constructor(shadowRoot) {\n this.#root = shadowRoot;\n this.#render();\n this.#observeResize();\n }\n\n #observeResize = () => {\n const hostEl = this.#root.host;\n if (!hostEl) return;\n\n this.#resizeObserver = new ResizeObserver((entries) => {\n for (let entry of entries) {\n const isAutoHeight = hostEl.getAttribute('auto-height') === 'true';\n if (isAutoHeight) {\n this.#applyAutoHeight(hostEl);\n }\n }\n });\n\n this.#resizeObserver.observe(hostEl);\n };\n\n #applyAutoHeight = (hostEl) => {\n const activeSheet = hostEl.shadowRoot?.querySelector('nine-table-sheet.active');\n if (!activeSheet) return;\n\n const rowCount = activeSheet.getRowCount?.() || 0;\n\n // 1. ์†์„ฑ์œผ๋กœ maxRows๋ฅผ ๋ฐ›๋˜, ์—†์œผ๋ฉด ๊ธฐ๋ณธ๊ฐ’ 10 ์„ค์ •\n const maxRows = parseInt(hostEl.getAttribute('max-display-row'), 10) || 10;\n const targetRows = Math.min(rowCount, maxRows);\n\n // 2. ์‹ค์ œ ๋ Œ๋”๋ง๋œ ํ–‰(tr) ๋†’์ด๋ฅผ ๋™์ ์œผ๋กœ ์ธก์ • (์—†์œผ๋ฉด ๊ธฐ๋ณธ 32px ํด๋ฐฑ)\n const sampleRow = activeSheet.querySelector('tbody tr') || activeSheet.querySelector('tr');\n const rowHeight = sampleRow ? sampleRow.getBoundingClientRect().height : 32;\n\n // 3. ํ—ค๋” ๋ฐ ํ‘ธํ„ฐ/ํƒญ ์˜์—ญ์˜ ์‹ค์ œ ๋†’์ด๋ฅผ DOM์—์„œ ๋™์  ์ธก์ •\n const headerEl = this.#root.querySelector('nine-table-header');\n const footerEl = this.#root.querySelector('nine-table-sheets-footer');\n const headerHeight = headerEl ? headerEl.getBoundingClientRect().height : 40;\n const footerHeight = footerEl ? footerEl.getBoundingClientRect().height : 32;\n const extraPadding = 16; // ๋ฏธ์„ธ ์—ฌ๋ฐฑ\n\n const headerFooterHeight = headerHeight + footerHeight + extraPadding;\n const calculatedHeight = (targetRows * rowHeight) + headerFooterHeight;\n\n hostEl.style.height = `${calculatedHeight}px`;\n hostEl.style.maxHeight = `${(maxRows * rowHeight) + headerFooterHeight}px`;\n\n const sheetsBody = this.#root.querySelector('nine-table-sheets-body');\n if (sheetsBody) {\n sheetsBody.style.overflowY = rowCount > maxRows ? 'auto' : 'hidden';\n }\n };\n\n #render = () => {\n const hostEl = this.#root.host;\n const rawElements = Array.from(hostEl.children);\n const rawTables = rawElements.filter(el => el.tagName === 'TABLE');\n const isAutoHeight = hostEl.getAttribute('auto-height') === 'true';\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 { \n display: flex; \n flex-direction: column; \n position: relative; \n overflow: hidden; \n height: ${isAutoHeight ? 'auto' : '100%'}; \n background: #fff; \n }\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 setTimeout(() => {\n $el.init(rawTables[idx]);\n if (isAutoHeight) {\n this.#applyAutoHeight(hostEl);\n }\n });\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","_NineTableHScrollBar","__privateAdd","_owner","_dragging","_elements","_interval1","_interval2","__publicField","__privateGet","body","table","track","thumb","bottomContainer","trackWidth","thumbWidth","maxScrollLeft","maxThumbLeft","_thumbMoveTo","x","trackBound","thumbBound","targetX","_init","delayScroll","pos","__privateSet","tBound","thBound","clearTimer","e","trackRect","_thumb_onMouseMove","NineTableHScrollBar","_NineTableSheet","_tableElement","tableEl","initializeTable","tbl","ensureColgroup","firstRow","colCount","colgroup","defaultWidth","i","col","ensureThead","thead","clonedTable","leftContainer","bodyContainer","rightContainer","filterTableByFixed","sourceTable","targetFixedType","isBody","cols","targetIndices","idx","fixedAttr","tr","cells","bodyTable","leftTable","leftWidth","w","activeLeftWidth","rightTable","rightWidth","activeRightWidth","rowCount","hScrollbar","scrollLeft","scrollTop","_render","sbSize","NineTableSheet","_NineTableSheets","tabBar","tabItem","isMultiSelect","index","updateSplitters","splitter","splitIndex","leftSheet","rightSheet","tabItems","sheetElements","tab","sheet","clickedTab","activeTabs","targetSheet","activeSheets","initialBasis","activeSheet","rowCountEl","NineTableSheets","_LayoutManager","shadowRoot","_root","_resizeObserver","_observeResize","hostEl","entries","entry","_applyAutoHeight","_a","_b","maxRows","targetRows","sampleRow","rowHeight","headerEl","footerEl","headerHeight","footerHeight","headerFooterHeight","calculatedHeight","sheetsBody","rawTables","el","isAutoHeight","sheetsHtml","_","tabsHtml","$sheetElements","$el","LayoutManager","_NineTable","_created","NineTable"],"mappings":"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"}
@@ -1,4 +1,4 @@
1
- (function(f,a){typeof exports=="object"&&typeof module<"u"?a(require("@ninebone/util")):typeof define=="function"&&define.amd?define(["@ninebone/util"],a):(f=typeof globalThis<"u"?globalThis:f||self,a(f.NineboneUtil))})(this,function(f){"use strict";var te=Object.defineProperty;var ne=f=>{throw TypeError(f)};var oe=(f,a,y)=>a in f?te(f,a,{enumerable:!0,configurable:!0,writable:!0,value:y}):f[a]=y;var u=(f,a)=>te(f,"name",{value:a,configurable:!0});var R=(f,a,y)=>oe(f,typeof a!="symbol"?a+"":a,y),ie=(f,a,y)=>a.has(f)||ne("Cannot "+y);var e=(f,a,y)=>(ie(f,a,"read from private field"),y?y.call(f):a.get(f)),x=(f,a,y)=>a.has(f)?ne("Cannot add the same private member more than once"):a instanceof WeakSet?a.add(f):a.set(f,y),L=(f,a,y,I)=>(ie(f,a,"write to private field"),I?I.call(f,y):a.set(f,y),y);var k,H,l,A,T,B,j,M,E,O,K,q,z,Y,N,F,X;const G=class G extends f.trace.constructor{constructor(){super(),this.init("nine-table","green")}};u(G,"Trace");let a=G;const y=new a,J=class J extends HTMLElement{constructor(){super();x(this,k);x(this,H);x(this,l);x(this,A);x(this,T);R(this,"refresh",u(()=>{if(!e(this,k))return;const t=e(this,k).querySelector(".ng-container-body");if(!t)return;const o=t.querySelector("table");if(!o)return;const g=$(e(this,l).track,this),r=$(e(this,l).thumb,this),c=e(this,k).querySelector(".ng-container-bottom");if(t.clientWidth!==0&&o.scrollWidth>t.clientWidth)$(c).show();else{$(c).hide();return}const s=g.width();if(s<=0)return;const p=Math.max(Math.min(s*(t.clientWidth/o.scrollWidth),s),20);r.width(p);const n=o.scrollWidth-t.clientWidth,b=s-p;let i=0;n>0&&(i=parseInt(t.scrollLeft/n*b,10)),i<0&&(i=0),i>b&&(i=b),r.css({left:i}),e(this,l).left.disabled=t.scrollLeft<=0,e(this,l).right.disabled=t.scrollLeft>=n},"refresh"));x(this,B,u(t=>{if(!e(this,l))return;const o=e(this,k).querySelector(".ng-container-body"),g=o.querySelector("table");if(!g)return;const r=e(this,l).track.getBoundingClientRect(),c=e(this,l).thumb.getBoundingClientRect();let s=t;s<0&&(s=0),s+c.width>r.width&&(s=r.width-c.width),s=parseInt(s,10),e(this,l).thumb.style.left=s+"px";const p=g.scrollWidth-o.clientWidth,n=r.width-c.width;return n>0&&p>0&&(o.scrollLeft=s/n*p),e(this,l).left.disabled=s<=0,e(this,l).right.disabled=s>=n,s>0&&s<n},"#thumbMoveTo"));x(this,j,u(()=>{const t=e(this,k).querySelector(".ng-container-body");t&&t.addEventListener("scroll",()=>{this.refresh()});const o=u(r=>{clearInterval(e(this,A)),clearInterval(e(this,T));const c=e(this,l).track.getBoundingClientRect(),s=e(this,l).thumb.getBoundingClientRect();e(this,B).call(this,s.x-c.x+r),L(this,A,setInterval(()=>{clearInterval(e(this,A)),L(this,T,setInterval(()=>{const p=e(this,l).track.getBoundingClientRect(),n=e(this,l).thumb.getBoundingClientRect();e(this,B).call(this,n.x-p.x+r)||clearInterval(e(this,T))},10))},500))},"delayScroll"),g=u(()=>{clearInterval(e(this,A)),clearInterval(e(this,T))},"clearTimer");e(this,l).left.ontouchend=e(this,l).right.ontouchend=e(this,l).track.ontouchend=e(this,l).left.onmouseup=e(this,l).left.onmouseleave=e(this,l).right.onmouseup=e(this,l).right.onmouseleave=e(this,l).track.onmouseup=e(this,l).track.onmouseleave=g,$(e(this,l).left).on("mousedown",r=>{r.buttons==1&&o(-10)}),$(e(this,l).right).on("mousedown",r=>{r.buttons==1&&o(10)}),$(e(this,l).left).on("touchstart",r=>{o(-10)}),$(e(this,l).right).on("touchstart",r=>{o(10)}),$(e(this,l).track).on("mousedown",r=>{if(r.buttons!=1)return;r.preventDefault();const c=e(this,l).track.getBoundingClientRect(),s=e(this,l).thumb.getBoundingClientRect().width;e(this,B).call(this,r.clientX-c.left-s/2)}),$(e(this,l).thumb).on("mousedown",r=>{L(this,H,!0),this.shiftX=r.clientX-e(this,l).thumb.getBoundingClientRect().left,document.addEventListener("mousemove",e(this,M))}),document.addEventListener("mouseup",()=>{L(this,H,!1),g(),document.removeEventListener("mousemove",e(this,M))})},"#init"));x(this,M,u(t=>{if(!e(this,H))return;const o=e(this,l).track.getBoundingClientRect();e(this,B).call(this,t.clientX-o.left-this.shiftX)},"#thumb_onMouseMove"))}connectedCallback(){L(this,k,this.getRootNode().host),e(this,k)&&(this.innerHTML=`
1
+ (function(f,c){typeof exports=="object"&&typeof module<"u"?c(require("@ninebone/util")):typeof define=="function"&&define.amd?define(["@ninebone/util"],c):(f=typeof globalThis<"u"?globalThis:f||self,c(f.NineboneUtil))})(this,function(f){"use strict";var te=Object.defineProperty;var ne=f=>{throw TypeError(f)};var oe=(f,c,y)=>c in f?te(f,c,{enumerable:!0,configurable:!0,writable:!0,value:y}):f[c]=y;var u=(f,c)=>te(f,"name",{value:c,configurable:!0});var R=(f,c,y)=>oe(f,typeof c!="symbol"?c+"":c,y),ie=(f,c,y)=>c.has(f)||ne("Cannot "+y);var e=(f,c,y)=>(ie(f,c,"read from private field"),y?y.call(f):c.get(f)),x=(f,c,y)=>c.has(f)?ne("Cannot add the same private member more than once"):c instanceof WeakSet?c.add(f):c.set(f,y),L=(f,c,y,I)=>(ie(f,c,"write to private field"),I?I.call(f,y):c.set(f,y),y);var k,H,s,A,T,B,j,M,E,O,K,q,z,Y,N,F,X;const G=class G extends f.trace.constructor{constructor(){super(),this.init("nine-table","green")}};u(G,"Trace");let c=G;const y=new c,J=class J extends HTMLElement{constructor(){super();x(this,k);x(this,H);x(this,s);x(this,A);x(this,T);R(this,"refresh",u(()=>{if(!e(this,k))return;const n=e(this,k).querySelector(".ng-container-body");if(!n)return;const i=n.querySelector("table");if(!i)return;const g=$(e(this,s).track,this),r=$(e(this,s).thumb,this),a=e(this,k).querySelector(".ng-container-bottom");if(n.clientWidth!==0&&i.scrollWidth>n.clientWidth)$(a).show();else{$(a).hide();return}const o=g.width();if(o<=0)return;const p=Math.max(Math.min(o*(n.clientWidth/i.scrollWidth),o),20);r.width(p);const t=i.scrollWidth-n.clientWidth,b=o-p;let l=0;t>0&&(l=parseInt(n.scrollLeft/t*b,10)),l<0&&(l=0),l>b&&(l=b),r.css({left:l}),e(this,s).left.disabled=n.scrollLeft<=0,e(this,s).right.disabled=n.scrollLeft>=t},"refresh"));x(this,B,u(n=>{if(!e(this,s))return;const i=e(this,k).querySelector(".ng-container-body"),g=i.querySelector("table");if(!g)return;const r=e(this,s).track.getBoundingClientRect(),a=e(this,s).thumb.getBoundingClientRect();let o=n;o<0&&(o=0),o+a.width>r.width&&(o=r.width-a.width),o=parseInt(o,10),e(this,s).thumb.style.left=o+"px";const p=g.scrollWidth-i.clientWidth,t=r.width-a.width;return t>0&&p>0&&(i.scrollLeft=o/t*p),e(this,s).left.disabled=o<=0,e(this,s).right.disabled=o>=t,o>0&&o<t},"#thumbMoveTo"));x(this,j,u(()=>{const n=e(this,k).querySelector(".ng-container-body");n&&n.addEventListener("scroll",()=>{this.refresh()});const i=u(r=>{clearInterval(e(this,A)),clearInterval(e(this,T));const a=e(this,s).track.getBoundingClientRect(),o=e(this,s).thumb.getBoundingClientRect();e(this,B).call(this,o.x-a.x+r),L(this,A,setInterval(()=>{clearInterval(e(this,A)),L(this,T,setInterval(()=>{const p=e(this,s).track.getBoundingClientRect(),t=e(this,s).thumb.getBoundingClientRect();e(this,B).call(this,t.x-p.x+r)||clearInterval(e(this,T))},10))},500))},"delayScroll"),g=u(()=>{clearInterval(e(this,A)),clearInterval(e(this,T))},"clearTimer");e(this,s).left.ontouchend=e(this,s).right.ontouchend=e(this,s).track.ontouchend=e(this,s).left.onmouseup=e(this,s).left.onmouseleave=e(this,s).right.onmouseup=e(this,s).right.onmouseleave=e(this,s).track.onmouseup=e(this,s).track.onmouseleave=g,$(e(this,s).left).on("mousedown",r=>{r.buttons==1&&i(-10)}),$(e(this,s).right).on("mousedown",r=>{r.buttons==1&&i(10)}),$(e(this,s).left).on("touchstart",r=>{i(-10)}),$(e(this,s).right).on("touchstart",r=>{i(10)}),$(e(this,s).track).on("mousedown",r=>{if(r.buttons!=1)return;r.preventDefault();const a=e(this,s).track.getBoundingClientRect(),o=e(this,s).thumb.getBoundingClientRect().width;e(this,B).call(this,r.clientX-a.left-o/2)}),$(e(this,s).thumb).on("mousedown",r=>{L(this,H,!0),this.shiftX=r.clientX-e(this,s).thumb.getBoundingClientRect().left,document.addEventListener("mousemove",e(this,M))}),document.addEventListener("mouseup",()=>{L(this,H,!1),g(),document.removeEventListener("mousemove",e(this,M))})},"#init"));x(this,M,u(n=>{if(!e(this,H))return;const i=e(this,s).track.getBoundingClientRect();e(this,B).call(this,n.clientX-i.left-this.shiftX)},"#thumb_onMouseMove"))}connectedCallback(){L(this,k,this.getRootNode().host),e(this,k)&&(this.innerHTML=`
2
2
  <style>
3
3
  nine-table-hscrollbar {
4
4
  display: flex;
@@ -54,7 +54,7 @@
54
54
  <button class='ng-scroll-left' disabled><div class='ng-scroll-icon'></div></button>
55
55
  <div class='ng-scroll-track'><div class='ng-scroll-thumb'></div></div>
56
56
  <button class='ng-scroll-right'><div class='ng-scroll-icon'></div></button>
57
- `,L(this,l,{container:e(this,k).querySelector(".ng-container-body"),track:this.querySelector(".ng-scroll-track"),thumb:this.querySelector(".ng-scroll-thumb"),left:this.querySelector(".ng-scroll-left"),right:this.querySelector(".ng-scroll-right")}),e(this,j).call(this),setTimeout(()=>this.refresh(),0))}};k=new WeakMap,H=new WeakMap,l=new WeakMap,A=new WeakMap,T=new WeakMap,B=new WeakMap,j=new WeakMap,M=new WeakMap,u(J,"NineTableHScrollBar");let I=J;customElements.get("nine-table-hscrollbar")||customElements.define("nine-table-hscrollbar",I);const W=class W extends HTMLElement{constructor(){super();x(this,E,null);R(this,"init",u(t=>{if(!t)return;const o=u(n=>{const b=u(h=>{if(h.querySelector("colgroup"))return;const d=h.querySelector("tbody tr")||h.querySelector("tr"),w=d?d.querySelectorAll("th, td").length:1,v=document.createElement("colgroup"),C=Math.max(Math.floor((h.clientWidth||600)/w),100);for(let S=0;S<w;S++){const ee=document.createElement("col");ee.setAttribute("width",C),v.appendChild(ee)}h.prepend(v)},"ensureColgroup"),i=u(h=>{if(h.querySelector("thead"))return;const d=document.createElement("thead"),w=h.querySelector("colgroup");w?w.after(d):h.prepend(d)},"ensureThead");return b(n),i(n),n.classList.add("nine-table-element"),n},"initializeTable"),g=t.cloneNode(!0);L(this,E,o(g)),e(this,E).style.display="table";const r=this.querySelector(".ng-container-left"),c=this.querySelector(".ng-container-body"),s=this.querySelector(".ng-container-right"),p=u((n,b,i=!1)=>{const h=n.cloneNode(!0),d=Array.from(h.querySelectorAll("colgroup col")),w=[];return d.forEach((v,C)=>{const S=v.getAttribute("fixed");(i?!S||S==="":S===b)||w.push(C)}),w.reverse().forEach(v=>{d[v]&&d[v].remove(),h.querySelectorAll("tr").forEach(C=>{const S=C.querySelectorAll("th, td");S[v]&&S[v].remove()})}),h},"filterTableByFixed");if(c){const n=p(e(this,E),null,!0);c.innerHTML="",c.appendChild(n)}if(r){const n=p(e(this,E),"left",!1);let b=0;n.querySelectorAll("col").forEach(h=>{const d=parseInt(h.getAttribute("width"),10);isNaN(d)||(b+=d)}),r.innerHTML="",r.appendChild(n);const i=b>0?b:0;r.style.flex=`0 0 ${i}px`,r.style.width=`${i}px`}if(s){const n=p(e(this,E),"right",!1);let b=0;n.querySelectorAll("col").forEach(h=>{const d=parseInt(h.getAttribute("width"),10);isNaN(d)||(b+=d)}),s.innerHTML="",s.appendChild(n);const i=b>0?b:0;s.style.flex=`0 0 ${i}px`,s.style.width=`${i}px`}if(c){const n=this.getRowCount();c.style.overflowY=n>10?"auto":"hidden",c.addEventListener("scroll",()=>{const b=c.scrollLeft,i=this.querySelector("nine-table-hscrollbar");i&&typeof i.syncThumb=="function"&&i.syncThumb(b)})}y.log(`NineTableSheet 3-split initialized with rows: ${this.getRowCount()}`)},"init"));R(this,"getRowCount",u(()=>e(this,E)?e(this,E).querySelectorAll("tbody tr").length:0,"getRowCount"));R(this,"scrollToX",u(t=>{const o=this.querySelector(".ng-container-body");o&&(o.scrollLeft=t)},"scrollToX"));R(this,"scrollToY",u(t=>{const o=this.querySelector(".ng-container-body");o&&(o.scrollTop=t)},"scrollToY"));x(this,O,u(()=>{const t=W.SCROLLBAR_SIZE;this.innerHTML=`
57
+ `,L(this,s,{container:e(this,k).querySelector(".ng-container-body"),track:this.querySelector(".ng-scroll-track"),thumb:this.querySelector(".ng-scroll-thumb"),left:this.querySelector(".ng-scroll-left"),right:this.querySelector(".ng-scroll-right")}),e(this,j).call(this),setTimeout(()=>this.refresh(),0))}};k=new WeakMap,H=new WeakMap,s=new WeakMap,A=new WeakMap,T=new WeakMap,B=new WeakMap,j=new WeakMap,M=new WeakMap,u(J,"NineTableHScrollBar");let I=J;customElements.get("nine-table-hscrollbar")||customElements.define("nine-table-hscrollbar",I);const W=class W extends HTMLElement{constructor(){super();x(this,E,null);R(this,"init",u(n=>{if(!n)return;const i=u(t=>{const b=u(h=>{if(h.querySelector("colgroup"))return;const d=h.querySelector("tbody tr")||h.querySelector("tr"),w=d?d.querySelectorAll("th, td").length:1,v=document.createElement("colgroup"),C=Math.max(Math.floor((h.clientWidth||600)/w),100);for(let S=0;S<w;S++){const ee=document.createElement("col");ee.setAttribute("width",C),v.appendChild(ee)}h.prepend(v)},"ensureColgroup"),l=u(h=>{if(h.querySelector("thead"))return;const d=document.createElement("thead"),w=h.querySelector("colgroup");w?w.after(d):h.prepend(d)},"ensureThead");return b(t),l(t),t.classList.add("nine-table-element"),t},"initializeTable"),g=n.cloneNode(!0);L(this,E,i(g)),e(this,E).style.display="table";const r=this.querySelector(".ng-container-left"),a=this.querySelector(".ng-container-body"),o=this.querySelector(".ng-container-right"),p=u((t,b,l=!1)=>{const h=t.cloneNode(!0),d=Array.from(h.querySelectorAll("colgroup col")),w=[];return d.forEach((v,C)=>{const S=v.getAttribute("fixed");(l?!S||S==="":S===b)||w.push(C)}),w.reverse().forEach(v=>{d[v]&&d[v].remove(),h.querySelectorAll("tr").forEach(C=>{const S=C.querySelectorAll("th, td");S[v]&&S[v].remove()})}),h},"filterTableByFixed");if(a){const t=p(e(this,E),null,!0);a.innerHTML="",a.appendChild(t)}if(r){const t=p(e(this,E),"left",!1);let b=0;t.querySelectorAll("col").forEach(h=>{const d=parseInt(h.getAttribute("width"),10);isNaN(d)||(b+=d)}),r.innerHTML="",r.appendChild(t);const l=b>0?b:0;r.style.flex=`0 0 ${l}px`,r.style.width=`${l}px`}if(o){const t=p(e(this,E),"right",!1);let b=0;t.querySelectorAll("col").forEach(h=>{const d=parseInt(h.getAttribute("width"),10);isNaN(d)||(b+=d)}),o.innerHTML="",o.appendChild(t);const l=b>0?b:0;o.style.flex=`0 0 ${l}px`,o.style.width=`${l}px`}if(a){const t=this.getRowCount();a.style.overflowY=t>10?"auto":"hidden",a.addEventListener("scroll",()=>{const b=this.querySelector("nine-table-hscrollbar");b&&typeof b.refresh=="function"&&b.refresh()})}setTimeout(()=>{const t=this.querySelector("nine-table-hscrollbar");t&&typeof t.refresh=="function"&&t.refresh()},0),y.log(`NineTableSheet 3-split initialized with rows: ${this.getRowCount()}`)},"init"));R(this,"getRowCount",u(()=>e(this,E)?e(this,E).querySelectorAll("tbody tr").length:0,"getRowCount"));R(this,"scrollToX",u(n=>{const i=this.querySelector(".ng-container-body");i&&(i.scrollLeft=n)},"scrollToX"));R(this,"scrollToY",u(n=>{const i=this.querySelector(".ng-container-body");i&&(i.scrollTop=n)},"scrollToY"));x(this,O,u(()=>{const n=W.SCROLLBAR_SIZE;this.innerHTML=`
58
58
  <style>
59
59
  nine-table-sheet {
60
60
  display: flex;
@@ -72,7 +72,7 @@
72
72
  flex-direction: row;
73
73
  flex: 1 1 auto;
74
74
  width: 100%;
75
- height: calc(100% - ${t}px);
75
+ height: calc(100% - ${n}px);
76
76
  overflow: hidden;
77
77
  position: relative;
78
78
  }
@@ -86,11 +86,12 @@
86
86
  flex-shrink: 0;
87
87
  }
88
88
 
89
+ /* ๐ŸŽฏ ์ปจํ…Œ์ด๋„ˆ ์ž์ฒด ์Šคํฌ๋กค๋ฐ” ์ƒ์„ฑ์„ ๋ง‰๊ณ  ์™ธ๋ถ€ ์ปค์Šคํ…€ ์Šคํฌ๋กค๋ฐ” ์ œ์–ด์— ์˜์กด */
89
90
  nine-table-sheet .ng-container-body {
90
91
  display: flex;
91
92
  flex-direction: column;
92
93
  flex: 1;
93
- overflow-x: auto;
94
+ overflow-x: hidden;
94
95
  overflow-y: auto;
95
96
  background: #ffffff;
96
97
  position: relative;
@@ -108,23 +109,24 @@
108
109
  nine-table-sheet .ng-container-bottom {
109
110
  display: flex;
110
111
  flex-direction: row;
111
- height: ${t}px;
112
- min-height: ${t}px;
112
+ height: ${n}px;
113
+ min-height: ${n}px;
113
114
  flex-shrink: 0;
114
115
  background: #f9fafb;
115
116
  border-top: 1px solid #e5e7eb;
116
117
  }
117
118
 
119
+ /**
118
120
  nine-table-sheet nine-table-hscrollbar {
119
121
  flex: 1;
120
122
  height: 100%;
121
123
  overflow: hidden;
122
- display: block;
123
- }
124
+ --display: block;
125
+ } */
124
126
 
125
127
  nine-table-sheet .ng-scroll-edge {
126
- width: ${t}px;
127
- min-width: ${t}px;
128
+ width: ${n}px;
129
+ min-width: ${n}px;
128
130
  height: 100%;
129
131
  flex-shrink: 0;
130
132
  background: #f3f4f6;
@@ -164,7 +166,7 @@
164
166
  <nine-table-hscrollbar></nine-table-hscrollbar>
165
167
  <div class='ng-scroll-edge'></div>
166
168
  </div>
167
- `},"#render"))}connectedCallback(){e(this,O).call(this)}disconnectedCallback(){this.innerHTML="",y.log("NineTableSheet destroyed.")}};E=new WeakMap,O=new WeakMap,u(W,"NineTableSheet"),R(W,"SCROLLBAR_SIZE",16);let P=W;customElements.get("nine-table-sheet")||customElements.define("nine-table-sheet",P);const Q=class Q extends HTMLElement{constructor(){super();x(this,K,u(()=>{const t=this.querySelector(".nine-tab-bar");t&&(t.addEventListener("click",o=>{const g=o.target.closest(".nine-tab-item");if(!g)return;const r=o.ctrlKey||o.metaKey||o.shiftKey,c=parseInt(g.dataset.index,10);this.switchSheet(c,r)}),this.switchSheet(0,!1))},"#init"));R(this,"switchSheet",u((t,o=!1)=>{const g=u(()=>{const i=this.querySelector("nine-table-sheets-body");i.querySelectorAll("nine-splitter").forEach(d=>{const w=parseInt(d.dataset.splitIndex,10),v=i.querySelector(`nine-table-sheet[data-index="${w-1}"]`),C=i.querySelector(`nine-table-sheet[data-index="${w}"]`);v&&C&&v.classList.contains("active")&&C.classList.contains("active")?d.classList.add("active"):d.classList.remove("active")})},"updateSplitters"),r=this.querySelector(".nine-tab-bar"),c=this.querySelector("nine-table-sheets-body"),s=r.querySelectorAll(".nine-tab-item"),p=c.querySelectorAll("nine-table-sheet");if(!s[t])return;if(!o)s.forEach((i,h)=>{i.classList.toggle("active",h===t);const d=c.querySelector(`nine-table-sheet[data-index="${h}"]`);d&&(d.style.flex="")}),p.forEach((i,h)=>{i.classList.toggle("active",h===t)});else{const i=s[t],h=r.querySelectorAll(".nine-tab-item.active");if(i.classList.contains("active")&&h.length<=1)return;i.classList.toggle("active");const d=c.querySelector(`nine-table-sheet[data-index="${t}"]`);d&&(d.classList.toggle("active"),d.classList.contains("active")||(d.style.flex=""))}const n=Array.from(c.querySelectorAll("nine-table-sheet.active"));if(n.length>1){const i=1/n.length;n.forEach(h=>{(!h.style.flex||h.style.flex==="1 1 100%")&&(h.style.flex=`${i} ${i} 0px`)})}else n.forEach(i=>{i.style.flex="1 1 100%"});g();const b=c.querySelector("nine-table-sheet.active");if(b&&typeof b.getRowCount=="function"){const i=this.querySelector("#row-count");i&&(i.textContent=b.getRowCount().toLocaleString())}},"switchSheet"))}connectedCallback(){e(this,K).call(this)}};K=new WeakMap,u(Q,"NineTableSheets");let Z=Q;customElements.get("nine-table-sheets")||customElements.define("nine-table-sheets",Z);const V=class V{constructor(m){x(this,q);x(this,z,null);x(this,Y,u(()=>{const m=e(this,q).host;m&&(L(this,z,new ResizeObserver(t=>{for(let o of t)m.getAttribute("auto-height")==="true"&&e(this,N).call(this,m)})),e(this,z).observe(m))},"#observeResize"));x(this,N,u(m=>{var C,S;const t=(C=m.shadowRoot)==null?void 0:C.querySelector("nine-table-sheet.active");if(!t)return;const o=((S=t.getRowCount)==null?void 0:S.call(t))||0,g=parseInt(m.getAttribute("max-display-row"),10)||10,r=Math.min(o,g),c=t.querySelector("tbody tr")||t.querySelector("tr"),s=c?c.getBoundingClientRect().height:32,p=e(this,q).querySelector("nine-table-header"),n=e(this,q).querySelector("nine-table-sheets-footer"),b=p?p.getBoundingClientRect().height:40,i=n?n.getBoundingClientRect().height:32,d=b+i+16,w=r*s+d;m.style.height=`${w}px`,m.style.maxHeight=`${g*s+d}px`;const v=e(this,q).querySelector("nine-table-sheets-body");v&&(v.style.overflowY=o>g?"auto":"hidden")},"#applyAutoHeight"));x(this,F,u(()=>{const m=e(this,q).host,o=Array.from(m.children).filter(p=>p.tagName==="TABLE"),g=m.getAttribute("auto-height")==="true",r=o.map((p,n)=>`<nine-table-sheet class="${n===0?"active":""}" data-index="${n}"></nine-table-sheet>`).join(""),c=o.map((p,n)=>`<div class="nine-tab-item ${n===0?"active":""}" data-index="${n}">Sheet ${n+1}</div>`).join("");e(this,q).innerHTML=`
169
+ `},"#render"))}connectedCallback(){e(this,O).call(this)}disconnectedCallback(){this.innerHTML="",y.log("NineTableSheet destroyed.")}};E=new WeakMap,O=new WeakMap,u(W,"NineTableSheet"),R(W,"SCROLLBAR_SIZE",16);let P=W;customElements.get("nine-table-sheet")||customElements.define("nine-table-sheet",P);const Q=class Q extends HTMLElement{constructor(){super();x(this,K,u(()=>{const n=this.querySelector(".nine-tab-bar");n&&(n.addEventListener("click",i=>{const g=i.target.closest(".nine-tab-item");if(!g)return;const r=i.ctrlKey||i.metaKey||i.shiftKey,a=parseInt(g.dataset.index,10);this.switchSheet(a,r)}),this.switchSheet(0,!1))},"#init"));R(this,"switchSheet",u((n,i=!1)=>{const g=u(()=>{const l=this.querySelector("nine-table-sheets-body");l.querySelectorAll("nine-splitter").forEach(d=>{const w=parseInt(d.dataset.splitIndex,10),v=l.querySelector(`nine-table-sheet[data-index="${w-1}"]`),C=l.querySelector(`nine-table-sheet[data-index="${w}"]`);v&&C&&v.classList.contains("active")&&C.classList.contains("active")?d.classList.add("active"):d.classList.remove("active")})},"updateSplitters"),r=this.querySelector(".nine-tab-bar"),a=this.querySelector("nine-table-sheets-body"),o=r.querySelectorAll(".nine-tab-item"),p=a.querySelectorAll("nine-table-sheet");if(!o[n])return;if(!i)o.forEach((l,h)=>{l.classList.toggle("active",h===n);const d=a.querySelector(`nine-table-sheet[data-index="${h}"]`);d&&(d.style.flex="")}),p.forEach((l,h)=>{l.classList.toggle("active",h===n)});else{const l=o[n],h=r.querySelectorAll(".nine-tab-item.active");if(l.classList.contains("active")&&h.length<=1)return;l.classList.toggle("active");const d=a.querySelector(`nine-table-sheet[data-index="${n}"]`);d&&(d.classList.toggle("active"),d.classList.contains("active")||(d.style.flex=""))}const t=Array.from(a.querySelectorAll("nine-table-sheet.active"));if(t.length>1){const l=1/t.length;t.forEach(h=>{(!h.style.flex||h.style.flex==="1 1 100%")&&(h.style.flex=`${l} ${l} 0px`)})}else t.forEach(l=>{l.style.flex="1 1 100%"});g();const b=a.querySelector("nine-table-sheet.active");if(b&&typeof b.getRowCount=="function"){const l=this.querySelector("#row-count");l&&(l.textContent=b.getRowCount().toLocaleString())}},"switchSheet"))}connectedCallback(){e(this,K).call(this)}};K=new WeakMap,u(Q,"NineTableSheets");let Z=Q;customElements.get("nine-table-sheets")||customElements.define("nine-table-sheets",Z);const V=class V{constructor(m){x(this,q);x(this,z,null);x(this,Y,u(()=>{const m=e(this,q).host;m&&(L(this,z,new ResizeObserver(n=>{for(let i of n)m.getAttribute("auto-height")==="true"&&e(this,N).call(this,m)})),e(this,z).observe(m))},"#observeResize"));x(this,N,u(m=>{var C,S;const n=(C=m.shadowRoot)==null?void 0:C.querySelector("nine-table-sheet.active");if(!n)return;const i=((S=n.getRowCount)==null?void 0:S.call(n))||0,g=parseInt(m.getAttribute("max-display-row"),10)||10,r=Math.min(i,g),a=n.querySelector("tbody tr")||n.querySelector("tr"),o=a?a.getBoundingClientRect().height:32,p=e(this,q).querySelector("nine-table-header"),t=e(this,q).querySelector("nine-table-sheets-footer"),b=p?p.getBoundingClientRect().height:40,l=t?t.getBoundingClientRect().height:32,d=b+l+16,w=r*o+d;m.style.height=`${w}px`,m.style.maxHeight=`${g*o+d}px`;const v=e(this,q).querySelector("nine-table-sheets-body");v&&(v.style.overflowY=i>g?"auto":"hidden")},"#applyAutoHeight"));x(this,F,u(()=>{const m=e(this,q).host,i=Array.from(m.children).filter(p=>p.tagName==="TABLE"),g=m.getAttribute("auto-height")==="true",r=i.map((p,t)=>`<nine-table-sheet class="${t===0?"active":""}" data-index="${t}"></nine-table-sheet>`).join(""),a=i.map((p,t)=>`<div class="nine-tab-item ${t===0?"active":""}" data-index="${t}">Sheet ${t+1}</div>`).join("");e(this,q).innerHTML=`
168
170
  <style>
169
171
  :host {
170
172
  display: flex;
@@ -254,12 +256,12 @@
254
256
  <nine-table-sheets>
255
257
  <nine-table-sheets-body>${r}</nine-table-sheets-body>
256
258
  <nine-table-sheets-footer>
257
- <div class="nine-tab-bar">${c}</div>
259
+ <div class="nine-tab-bar">${a}</div>
258
260
  <div class="sheets-counter">Total : <span id="row-count">0</span></div>
259
261
  </nine-table-sheets-footer>
260
262
  </nine-table-sheets>
261
263
  <nine-table-analysis></nine-table-analysis>
262
264
  </nine-table-body>
263
265
  <nine-table-footer></nine-table-footer>
264
- `;const s=e(this,q).querySelectorAll("nine-table-sheet");s==null||s.forEach((p,n)=>{o[n]&&setTimeout(()=>{p.init(o[n]),g&&e(this,N).call(this,m)})})},"#render"));L(this,q,m),e(this,F).call(this),e(this,Y).call(this)}};q=new WeakMap,z=new WeakMap,Y=new WeakMap,N=new WeakMap,F=new WeakMap,u(V,"LayoutManager");let D=V;const _=class _ extends HTMLElement{constructor(){super();x(this,X,!1);this.attachShadow({mode:"open"})}connectedCallback(){e(this,X)||(this.layoutManager=new D(this.shadowRoot),L(this,X,!0),y.log("NineTable connected."),this.dispatchEvent(new CustomEvent("load",{bubbles:!0,detail:{target:this}})))}disconnectedCallback(){y.log("NineTable disconnected.")}};X=new WeakMap,u(_,"NineTable");let U=_;customElements.get("nine-table")||customElements.define("nine-table",U)});
266
+ `;const o=e(this,q).querySelectorAll("nine-table-sheet");o==null||o.forEach((p,t)=>{i[t]&&setTimeout(()=>{p.init(i[t]),g&&e(this,N).call(this,m)})})},"#render"));L(this,q,m),e(this,F).call(this),e(this,Y).call(this)}};q=new WeakMap,z=new WeakMap,Y=new WeakMap,N=new WeakMap,F=new WeakMap,u(V,"LayoutManager");let D=V;const _=class _ extends HTMLElement{constructor(){super();x(this,X,!1);this.attachShadow({mode:"open"})}connectedCallback(){e(this,X)||(this.layoutManager=new D(this.shadowRoot),L(this,X,!0),y.log("NineTable connected."),this.dispatchEvent(new CustomEvent("load",{bubbles:!0,detail:{target:this}})))}disconnectedCallback(){y.log("NineTable disconnected.")}};X=new WeakMap,u(_,"NineTable");let U=_;customElements.get("nine-table")||customElements.define("nine-table",U)});
265
267
  //# sourceMappingURL=nine-table.umd.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"nine-table.umd.js","sources":["../src/external/NoPeer.js","../src/ui/nine-table-hscrollbar.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\nclass NineTableHScrollBar extends HTMLElement {\n #owner;\n #dragging;\n #elements;\n #interval1;\n #interval2;\n\n constructor() {\n super();\n }\n\n connectedCallback() {\n this.#owner = this.getRootNode().host;\n if (!this.#owner) return;\n\n this.innerHTML = `\n <style>\n nine-table-hscrollbar {\n display: flex;\n flex-direction: row;\n width: 100%;\n height: 100%;\n background: #f9fafb;\n box-sizing: border-box;\n user-select: none;\n }\n nine-table-hscrollbar button {\n width: 16px;\n height: 100%;\n background: #f3f4f6;\n border: none;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0;\n }\n nine-table-hscrollbar button:disabled {\n opacity: 0.4;\n cursor: default;\n }\n nine-table-hscrollbar .ng-scroll-icon {\n width: 6px;\n height: 6px;\n border-top: 2px solid #6b7280;\n border-right: 2px solid #6b7280;\n }\n nine-table-hscrollbar .ng-scroll-left .ng-scroll-icon { transform: rotate(-135deg); }\n nine-table-hscrollbar .ng-scroll-right .ng-scroll-icon { transform: rotate(45deg); }\n nine-table-hscrollbar .ng-scroll-track {\n flex: 1;\n height: 100%;\n position: relative;\n background: #f3f4f6;\n overflow: hidden;\n }\n nine-table-hscrollbar .ng-scroll-thumb {\n position: absolute;\n top: 2px;\n bottom: 2px;\n background: #d1d5db;\n border-radius: 4px;\n cursor: pointer;\n }\n nine-table-hscrollbar .ng-scroll-thumb:hover {\n background: #9ca3af;\n }\n </style>\n <button class='ng-scroll-left' disabled><div class='ng-scroll-icon'></div></button>\n <div class='ng-scroll-track'><div class='ng-scroll-thumb'></div></div>\n <button class='ng-scroll-right'><div class='ng-scroll-icon'></div></button>\n `;\n\n this.#elements = {\n container : this.#owner.querySelector(\".ng-container-body\"),\n track : this.querySelector(\".ng-scroll-track\"),\n thumb : this.querySelector(\".ng-scroll-thumb\"),\n left : this.querySelector(\".ng-scroll-left\"),\n right : this.querySelector(\".ng-scroll-right\"),\n };\n\n this.#init();\n setTimeout(() => this.refresh(), 0);\n }\n\n refresh = () => {\n if (!this.#owner) return;\n\n const body = this.#owner.querySelector(\".ng-container-body\");\n if (!body) return;\n\n const table = body.querySelector(\"table\");\n if (!table) return;\n\n const track = $(this.#elements.track, this);\n const thumb = $(this.#elements.thumb, this);\n\n const bottomContainer = this.#owner.querySelector(\".ng-container-bottom\");\n if (body.clientWidth !== 0 && table.scrollWidth > body.clientWidth) {\n $(bottomContainer).show();\n } else {\n $(bottomContainer).hide();\n return;\n }\n\n const trackWidth = track.width();\n if (trackWidth <= 0) return;\n\n const thumbWidth = Math.max(Math.min(trackWidth * (body.clientWidth / table.scrollWidth), trackWidth), 20);\n thumb.width(thumbWidth);\n\n const maxScrollLeft = table.scrollWidth - body.clientWidth;\n const maxThumbLeft = trackWidth - thumbWidth;\n\n let l = 0;\n if (maxScrollLeft > 0) {\n l = parseInt((body.scrollLeft / maxScrollLeft) * maxThumbLeft, 10);\n }\n if (l < 0) l = 0;\n if (l > maxThumbLeft) l = maxThumbLeft;\n\n thumb.css({ left: l });\n\n this.#elements.left.disabled = (body.scrollLeft <= 0);\n this.#elements.right.disabled = (body.scrollLeft >= maxScrollLeft);\n };\n\n #thumbMoveTo = (x) => {\n if (!this.#elements) return;\n\n const body = this.#owner.querySelector(\".ng-container-body\");\n const table = body.querySelector(\"table\");\n if (!table) return;\n\n const trackBound = this.#elements.track.getBoundingClientRect();\n const thumbBound = this.#elements.thumb.getBoundingClientRect();\n\n let targetX = x;\n if (targetX < 0) targetX = 0;\n if (targetX + thumbBound.width > trackBound.width) targetX = trackBound.width - thumbBound.width;\n targetX = parseInt(targetX, 10);\n\n this.#elements.thumb.style.left = targetX + 'px';\n\n const maxScrollLeft = table.scrollWidth - body.clientWidth;\n const maxThumbLeft = trackBound.width - thumbBound.width;\n\n if (maxThumbLeft > 0 && maxScrollLeft > 0) {\n body.scrollLeft = (targetX / maxThumbLeft) * maxScrollLeft;\n }\n\n this.#elements.left.disabled = targetX <= 0;\n this.#elements.right.disabled = targetX >= maxThumbLeft;\n\n return (targetX > 0 && targetX < maxThumbLeft);\n };\n\n #init = () => {\n const body = this.#owner.querySelector(\".ng-container-body\");\n\n if (body) {\n body.addEventListener('scroll', () => {\n this.refresh();\n });\n }\n\n const delayScroll = (pos) => {\n clearInterval(this.#interval1);\n clearInterval(this.#interval2);\n\n const trackBound = this.#elements.track.getBoundingClientRect();\n const thumbBound = this.#elements.thumb.getBoundingClientRect();\n\n this.#thumbMoveTo((thumbBound.x - trackBound.x) + pos);\n\n this.#interval1 = setInterval(() => {\n clearInterval(this.#interval1);\n\n this.#interval2 = setInterval(() => {\n const tBound = this.#elements.track.getBoundingClientRect();\n const thBound = this.#elements.thumb.getBoundingClientRect();\n if (!this.#thumbMoveTo((thBound.x - tBound.x) + pos)) {\n clearInterval(this.#interval2);\n }\n }, 10);\n }, 500);\n };\n\n const clearTimer = () => {\n clearInterval(this.#interval1);\n clearInterval(this.#interval2);\n };\n\n this.#elements.left.ontouchend =\n this.#elements.right.ontouchend =\n this.#elements.track.ontouchend =\n this.#elements.left.onmouseup =\n this.#elements.left.onmouseleave =\n this.#elements.right.onmouseup =\n this.#elements.right.onmouseleave =\n this.#elements.track.onmouseup =\n this.#elements.track.onmouseleave = clearTimer;\n\n $(this.#elements.left).on(\"mousedown\", e => { if (e.buttons != 1) return; delayScroll(-10); });\n $(this.#elements.right).on(\"mousedown\", e => { if (e.buttons != 1) return; delayScroll(10); });\n\n $(this.#elements.left).on(\"touchstart\", e => { delayScroll(-10); });\n $(this.#elements.right).on(\"touchstart\", e => { delayScroll(10); });\n\n $(this.#elements.track).on(\"mousedown\", e => {\n if (e.buttons != 1) return;\n e.preventDefault();\n const trackRect = this.#elements.track.getBoundingClientRect();\n const thumbWidth = this.#elements.thumb.getBoundingClientRect().width;\n this.#thumbMoveTo(e.clientX - trackRect.left - (thumbWidth / 2));\n });\n\n $(this.#elements.thumb).on(\"mousedown\", e => {\n this.#dragging = true;\n this.shiftX = e.clientX - this.#elements.thumb.getBoundingClientRect().left;\n document.addEventListener('mousemove', this.#thumb_onMouseMove);\n });\n\n document.addEventListener('mouseup', () => {\n this.#dragging = false;\n clearTimer();\n document.removeEventListener('mousemove', this.#thumb_onMouseMove);\n });\n };\n\n #thumb_onMouseMove = e => {\n if (!this.#dragging) return;\n const trackRect = this.#elements.track.getBoundingClientRect();\n this.#thumbMoveTo(e.clientX - trackRect.left - this.shiftX);\n };\n}\n\nif (!customElements.get('nine-table-hscrollbar')) {\n customElements.define(\"nine-table-hscrollbar\", NineTableHScrollBar);\n}","import { trace } from \"@nopeer\";\n//import './nine-table-vscrollbar.js';\nimport './nine-table-hscrollbar.js';\n\nexport class NineTableSheet extends HTMLElement {\n #tableElement = null;\n static SCROLLBAR_SIZE = 16;\n\n constructor() {\n super();\n }\n\n connectedCallback() {\n this.#render();\n };\n\n init = (tableEl) => {\n if (!tableEl) return;\n\n const initializeTable = (tbl) => {\n\n const 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 const 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 ensureColgroup(tbl);\n ensureThead(tbl);\n\n tbl.classList.add('nine-table-element');\n return tbl;\n };\n\n const clonedTable = tableEl.cloneNode(true);\n this.#tableElement = 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 const filterTableByFixed = (sourceTable, targetFixedType, isBody = false) => {\n const tbl = sourceTable.cloneNode(true);\n const cols = Array.from(tbl.querySelectorAll('colgroup col'));\n const targetIndices = [];\n\n cols.forEach((col, idx) => {\n const fixedAttr = col.getAttribute('fixed');\n const isMatch = isBody ? (!fixedAttr || fixedAttr === '') : (fixedAttr === targetFixedType);\n if (!isMatch) {\n targetIndices.push(idx);\n }\n });\n\n targetIndices.reverse().forEach(idx => {\n if (cols[idx]) cols[idx].remove();\n tbl.querySelectorAll('tr').forEach(tr => {\n const cells = tr.querySelectorAll('th, td');\n if (cells[idx]) cells[idx].remove();\n });\n });\n\n return tbl;\n };\n\n // 1. ๋ฉ”์ธ ๋ฐ”๋”” ์˜์—ญ\n if (bodyContainer) {\n const bodyTable = filterTableByFixed(this.#tableElement, null, true);\n bodyContainer.innerHTML = '';\n bodyContainer.appendChild(bodyTable);\n }\n\n // 2. ์ขŒ์ธก ๊ณ ์ • ์˜์—ญ\n if (leftContainer) {\n const leftTable = filterTableByFixed(this.#tableElement, 'left', false);\n\n let leftWidth = 0;\n leftTable.querySelectorAll('col').forEach(col => {\n const w = parseInt(col.getAttribute('width'), 10);\n if (!isNaN(w)) leftWidth += w;\n });\n\n leftContainer.innerHTML = '';\n leftContainer.appendChild(leftTable);\n\n const activeLeftWidth = leftWidth > 0 ? leftWidth : 0;\n leftContainer.style.flex = `0 0 ${activeLeftWidth}px`;\n leftContainer.style.width = `${activeLeftWidth}px`;\n }\n\n // 3. ์šฐ์ธก ๊ณ ์ • ์˜์—ญ\n if (rightContainer) {\n const rightTable = filterTableByFixed(this.#tableElement, 'right', false);\n\n let rightWidth = 0;\n rightTable.querySelectorAll('col').forEach(col => {\n const w = parseInt(col.getAttribute('width'), 10);\n if (!isNaN(w)) rightWidth += w;\n });\n\n rightContainer.innerHTML = '';\n rightContainer.appendChild(rightTable);\n\n const activeRightWidth = rightWidth > 0 ? rightWidth : 0;\n rightContainer.style.flex = `0 0 ${activeRightWidth}px`;\n rightContainer.style.width = `${activeRightWidth}px`;\n }\n\n // ๋ฐ์ดํ„ฐ ๊ฑด์ˆ˜ ๊ธฐ๋ฐ˜ ์„ธ๋กœ ์Šคํฌ๋กค ์ œ์–ด ์ •์ฑ… ๋ฐ˜์˜\n if (bodyContainer) {\n const rowCount = this.getRowCount();\n bodyContainer.style.overflowY = rowCount > 10 ? 'auto' : 'hidden';\n\n bodyContainer.addEventListener('scroll', () => {\n const scrollLeft = bodyContainer.scrollLeft;\n\n // ์ขŒ์šฐ ๊ณ ์ • ์˜์—ญ์€ ๊ฐ€๋กœ ์Šคํฌ๋กค ์‹œ ๋ฐ€๋ ค๋‚˜์ง€ ์•Š๋„๋ก ์œ„์น˜ ๋ณด์ • ๋˜๋Š”\n // ํ•˜๋‹จ ์Šคํฌ๋กค๋ฐ” ์ธ(Thumb) ์œ„์น˜ ๋™๊ธฐํ™” ํ˜ธ์ถœ\n const hScrollbar = this.querySelector('nine-table-hscrollbar');\n if (hScrollbar && typeof hScrollbar.syncThumb === 'function') {\n hScrollbar.syncThumb(scrollLeft);\n }\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 // ๐ŸŽฏ ์™ธ๋ถ€ ์Šคํฌ๋กค๋ฐ” ๋ฐ ์ปจํŠธ๋กค๋Ÿฌ ์—ฐ๋™์šฉ ๋ฉ”์„œ๋“œ\n scrollToX = (scrollLeft) => {\n const bodyContainer = this.querySelector('.ng-container-body');\n if (bodyContainer) bodyContainer.scrollLeft = scrollLeft;\n };\n\n scrollToY = (scrollTop) => {\n const bodyContainer = this.querySelector('.ng-container-body');\n if (bodyContainer) bodyContainer.scrollTop = scrollTop;\n };\n\n #render = () => {\n const sbSize = NineTableSheet.SCROLLBAR_SIZE;\n\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 1 auto;\n width: 100%;\n height: calc(100% - ${sbSize}px);\n overflow: hidden;\n position: relative;\n }\n \n nine-table-sheet .ng-container-left {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n background: #ffffff;\n border-right: 1px solid #e5e7eb;\n flex-shrink: 0;\n }\n \n nine-table-sheet .ng-container-body {\n display: flex;\n flex-direction: column;\n flex: 1;\n overflow-x: auto;\n overflow-y: auto;\n background: #ffffff;\n position: relative;\n }\n \n nine-table-sheet .ng-container-right {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n background: #ffffff;\n border-left: 1px solid #e5e7eb;\n flex-shrink: 0;\n }\n \n nine-table-sheet .ng-container-bottom {\n display: flex;\n flex-direction: row;\n height: ${sbSize}px;\n min-height: ${sbSize}px;\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 height: 100%;\n overflow: hidden;\n display: block;\n }\n \n nine-table-sheet .ng-scroll-edge {\n width: ${sbSize}px;\n min-width: ${sbSize}px;\n height: 100%;\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\n const 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 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 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\n}\n\nif (!customElements.get('nine-table-sheets')) {\n customElements.define('nine-table-sheets', NineTableSheets);\n}","/**\n * [LayoutManager ๋†’์ด ์„ค์ •(Height Configuration) ์‚ฌ์šฉ ์˜ˆ์ œ]\n *\n * 1. ๋ถ€๋ชจ ์˜์—ญ ์ฑ„์šฐ๊ธฐ (Fluid / 100% Fill) - ๊ธฐ๋ณธ๊ฐ’\n * - ์ปดํฌ๋„ŒํŠธ๊ฐ€ ๋ถ€๋ชจ ์ปจํ…Œ์ด๋„ˆ์˜ ๋‚จ์€ ๊ณต๊ฐ„์„ ๊ฐ€๋“ ์ฑ„์šฐ๊ณ  ๋‚ด๋ถ€ ์˜์—ญ์—์„œ ์Šคํฌ๋กค์„ ์ฒ˜๋ฆฌํ•ฉ๋‹ˆ๋‹ค.\n * - ์‚ฌ์šฉ๋ฒ•: <nine-table> ๋˜๋Š” ํ˜ธ์ŠคํŠธ ์—˜๋ฆฌ๋จผํŠธ์— ๋ณ„๋„ ์†์„ฑ์„ ์ฃผ์ง€ ์•Š์œผ๋ฉด ์ ์šฉ๋ฉ๋‹ˆ๋‹ค.\n *\n * 2. ์ฝ˜ํ…์ธ  ๋ฐ€์ฐฉํ˜• / ๋ฐ์ดํ„ฐ ๊ฑด์ˆ˜ ๊ธฐ๋ฐ˜ ๋™์  ๋†’์ด (Auto-Height)\n * - ๋ฐ์ดํ„ฐ ํ–‰ ๊ฐœ์ˆ˜์— ๋งž์ถฐ ์ปดํฌ๋„ŒํŠธ ์ „์ฒด ๋†’์ด๊ฐ€ ์œ ์—ฐํ•˜๊ฒŒ ๋Š˜์–ด๋‚ฉ๋‹ˆ๋‹ค.\n * - ์‚ฌ์šฉ๋ฒ•: <nine-table auto-height=\"true\"> ๋˜๋Š” ํ˜ธ์ŠคํŠธ ์—˜๋ฆฌ๋จผํŠธ์— auto-height=\"true\" ์†์„ฑ์„ ์ง€์ •ํ•ฉ๋‹ˆ๋‹ค.\n *\n * 3. ํ”ฝ์…€ ๊ณ ์ • ๋†’์ด (Fixed Pixel)\n * - ๋ถ€๋ชจ ํฌ๊ธฐ์— ์ƒ๊ด€์—†์ด ๊ฐœ๋ฐœ์ž๊ฐ€ ์ง€์ •ํ•œ ๊ณ ์ • ํฌ๊ธฐ๋ฅผ ์—„๊ฒฉํ•˜๊ฒŒ ์œ ์ง€ํ•ฉ๋‹ˆ๋‹ค.\n * - ์‚ฌ์šฉ๋ฒ•: <nine-table style=\"height: 400px;\"> ์ฒ˜๋Ÿผ ์ธ๋ผ์ธ ์Šคํƒ€์ผ๋กœ ๋†’์ด๋ฅผ ์ง์ ‘ ์ œ์–ดํ•ฉ๋‹ˆ๋‹ค.\n */\n\nimport './nine-table-sheets.js';\n\nexport class LayoutManager {\n #root;\n #resizeObserver = null;\n\n constructor(shadowRoot) {\n this.#root = shadowRoot;\n this.#render();\n this.#observeResize();\n }\n\n #observeResize = () => {\n const hostEl = this.#root.host;\n if (!hostEl) return;\n\n this.#resizeObserver = new ResizeObserver((entries) => {\n for (let entry of entries) {\n const isAutoHeight = hostEl.getAttribute('auto-height') === 'true';\n if (isAutoHeight) {\n this.#applyAutoHeight(hostEl);\n }\n }\n });\n\n this.#resizeObserver.observe(hostEl);\n };\n\n #applyAutoHeight = (hostEl) => {\n const activeSheet = hostEl.shadowRoot?.querySelector('nine-table-sheet.active');\n if (!activeSheet) return;\n\n const rowCount = activeSheet.getRowCount?.() || 0;\n\n // 1. ์†์„ฑ์œผ๋กœ maxRows๋ฅผ ๋ฐ›๋˜, ์—†์œผ๋ฉด ๊ธฐ๋ณธ๊ฐ’ 10 ์„ค์ •\n const maxRows = parseInt(hostEl.getAttribute('max-display-row'), 10) || 10;\n const targetRows = Math.min(rowCount, maxRows);\n\n // 2. ์‹ค์ œ ๋ Œ๋”๋ง๋œ ํ–‰(tr) ๋†’์ด๋ฅผ ๋™์ ์œผ๋กœ ์ธก์ • (์—†์œผ๋ฉด ๊ธฐ๋ณธ 32px ํด๋ฐฑ)\n const sampleRow = activeSheet.querySelector('tbody tr') || activeSheet.querySelector('tr');\n const rowHeight = sampleRow ? sampleRow.getBoundingClientRect().height : 32;\n\n // 3. ํ—ค๋” ๋ฐ ํ‘ธํ„ฐ/ํƒญ ์˜์—ญ์˜ ์‹ค์ œ ๋†’์ด๋ฅผ DOM์—์„œ ๋™์  ์ธก์ •\n const headerEl = this.#root.querySelector('nine-table-header');\n const footerEl = this.#root.querySelector('nine-table-sheets-footer');\n const headerHeight = headerEl ? headerEl.getBoundingClientRect().height : 40;\n const footerHeight = footerEl ? footerEl.getBoundingClientRect().height : 32;\n const extraPadding = 16; // ๋ฏธ์„ธ ์—ฌ๋ฐฑ\n\n const headerFooterHeight = headerHeight + footerHeight + extraPadding;\n const calculatedHeight = (targetRows * rowHeight) + headerFooterHeight;\n\n hostEl.style.height = `${calculatedHeight}px`;\n hostEl.style.maxHeight = `${(maxRows * rowHeight) + headerFooterHeight}px`;\n\n const sheetsBody = this.#root.querySelector('nine-table-sheets-body');\n if (sheetsBody) {\n sheetsBody.style.overflowY = rowCount > maxRows ? 'auto' : 'hidden';\n }\n };\n\n #render = () => {\n const hostEl = this.#root.host;\n const rawElements = Array.from(hostEl.children);\n const rawTables = rawElements.filter(el => el.tagName === 'TABLE');\n const isAutoHeight = hostEl.getAttribute('auto-height') === 'true';\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 { \n display: flex; \n flex-direction: column; \n position: relative; \n overflow: hidden; \n height: ${isAutoHeight ? 'auto' : '100%'}; \n background: #fff; \n }\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 setTimeout(() => {\n $el.init(rawTables[idx]);\n if (isAutoHeight) {\n this.#applyAutoHeight(hostEl);\n }\n });\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","_NineTableHScrollBar","__privateAdd","_owner","_dragging","_elements","_interval1","_interval2","__publicField","__privateGet","body","table","track","thumb","bottomContainer","trackWidth","thumbWidth","maxScrollLeft","maxThumbLeft","l","_thumbMoveTo","x","trackBound","thumbBound","targetX","_init","delayScroll","pos","__privateSet","tBound","thBound","clearTimer","e","trackRect","_thumb_onMouseMove","NineTableHScrollBar","_NineTableSheet","_tableElement","tableEl","initializeTable","tbl","ensureColgroup","firstRow","colCount","colgroup","defaultWidth","i","col","ensureThead","thead","clonedTable","leftContainer","bodyContainer","rightContainer","filterTableByFixed","sourceTable","targetFixedType","isBody","cols","targetIndices","idx","fixedAttr","tr","cells","bodyTable","leftTable","leftWidth","w","activeLeftWidth","rightTable","rightWidth","activeRightWidth","rowCount","scrollLeft","hScrollbar","scrollTop","_render","sbSize","NineTableSheet","_NineTableSheets","tabBar","tabItem","isMultiSelect","index","updateSplitters","splitter","splitIndex","leftSheet","rightSheet","tabItems","sheetElements","tab","sheet","clickedTab","activeTabs","targetSheet","activeSheets","initialBasis","activeSheet","rowCountEl","NineTableSheets","_LayoutManager","shadowRoot","_root","_resizeObserver","_observeResize","hostEl","entries","entry","_applyAutoHeight","_a","_b","maxRows","targetRows","sampleRow","rowHeight","headerEl","footerEl","headerHeight","footerHeight","headerFooterHeight","calculatedHeight","sheetsBody","rawTables","el","isAutoHeight","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-hscrollbar.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\nclass NineTableHScrollBar extends HTMLElement {\n #owner;\n #dragging;\n #elements;\n #interval1;\n #interval2;\n\n constructor() {\n super();\n }\n\n connectedCallback() {\n this.#owner = this.getRootNode().host;\n if (!this.#owner) return;\n\n this.innerHTML = `\n <style>\n nine-table-hscrollbar {\n display: flex;\n flex-direction: row;\n width: 100%;\n height: 100%;\n background: #f9fafb;\n box-sizing: border-box;\n user-select: none;\n }\n nine-table-hscrollbar button {\n width: 16px;\n height: 100%;\n background: #f3f4f6;\n border: none;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0;\n }\n nine-table-hscrollbar button:disabled {\n opacity: 0.4;\n cursor: default;\n }\n nine-table-hscrollbar .ng-scroll-icon {\n width: 6px;\n height: 6px;\n border-top: 2px solid #6b7280;\n border-right: 2px solid #6b7280;\n }\n nine-table-hscrollbar .ng-scroll-left .ng-scroll-icon { transform: rotate(-135deg); }\n nine-table-hscrollbar .ng-scroll-right .ng-scroll-icon { transform: rotate(45deg); }\n nine-table-hscrollbar .ng-scroll-track {\n flex: 1;\n height: 100%;\n position: relative;\n background: #f3f4f6;\n overflow: hidden;\n }\n nine-table-hscrollbar .ng-scroll-thumb {\n position: absolute;\n top: 2px;\n bottom: 2px;\n background: #d1d5db;\n border-radius: 4px;\n cursor: pointer;\n }\n nine-table-hscrollbar .ng-scroll-thumb:hover {\n background: #9ca3af;\n }\n </style>\n <button class='ng-scroll-left' disabled><div class='ng-scroll-icon'></div></button>\n <div class='ng-scroll-track'><div class='ng-scroll-thumb'></div></div>\n <button class='ng-scroll-right'><div class='ng-scroll-icon'></div></button>\n `;\n\n this.#elements = {\n container : this.#owner.querySelector(\".ng-container-body\"),\n track : this.querySelector(\".ng-scroll-track\"),\n thumb : this.querySelector(\".ng-scroll-thumb\"),\n left : this.querySelector(\".ng-scroll-left\"),\n right : this.querySelector(\".ng-scroll-right\"),\n };\n\n this.#init();\n setTimeout(() => this.refresh(), 0);\n }\n\n refresh = () => {\n if (!this.#owner) return;\n\n const body = this.#owner.querySelector(\".ng-container-body\");\n if (!body) return;\n\n const table = body.querySelector(\"table\");\n if (!table) return;\n\n const track = $(this.#elements.track, this);\n const thumb = $(this.#elements.thumb, this);\n\n const bottomContainer = this.#owner.querySelector(\".ng-container-bottom\");\n if (body.clientWidth !== 0 && table.scrollWidth > body.clientWidth) {\n $(bottomContainer).show();\n } else {\n $(bottomContainer).hide();\n return;\n }\n\n const trackWidth = track.width();\n if (trackWidth <= 0) return;\n\n const thumbWidth = Math.max(Math.min(trackWidth * (body.clientWidth / table.scrollWidth), trackWidth), 20);\n thumb.width(thumbWidth);\n\n const maxScrollLeft = table.scrollWidth - body.clientWidth;\n const maxThumbLeft = trackWidth - thumbWidth;\n\n let l = 0;\n if (maxScrollLeft > 0) {\n l = parseInt((body.scrollLeft / maxScrollLeft) * maxThumbLeft, 10);\n }\n if (l < 0) l = 0;\n if (l > maxThumbLeft) l = maxThumbLeft;\n\n thumb.css({ left: l });\n\n this.#elements.left.disabled = (body.scrollLeft <= 0);\n this.#elements.right.disabled = (body.scrollLeft >= maxScrollLeft);\n };\n\n #thumbMoveTo = (x) => {\n if (!this.#elements) return;\n\n const body = this.#owner.querySelector(\".ng-container-body\");\n const table = body.querySelector(\"table\");\n if (!table) return;\n\n const trackBound = this.#elements.track.getBoundingClientRect();\n const thumbBound = this.#elements.thumb.getBoundingClientRect();\n\n let targetX = x;\n if (targetX < 0) targetX = 0;\n if (targetX + thumbBound.width > trackBound.width) targetX = trackBound.width - thumbBound.width;\n targetX = parseInt(targetX, 10);\n\n this.#elements.thumb.style.left = targetX + 'px';\n\n const maxScrollLeft = table.scrollWidth - body.clientWidth;\n const maxThumbLeft = trackBound.width - thumbBound.width;\n\n if (maxThumbLeft > 0 && maxScrollLeft > 0) {\n body.scrollLeft = (targetX / maxThumbLeft) * maxScrollLeft;\n }\n\n this.#elements.left.disabled = targetX <= 0;\n this.#elements.right.disabled = targetX >= maxThumbLeft;\n\n return (targetX > 0 && targetX < maxThumbLeft);\n };\n\n #init = () => {\n const body = this.#owner.querySelector(\".ng-container-body\");\n\n if (body) {\n body.addEventListener('scroll', () => {\n this.refresh();\n });\n }\n\n const delayScroll = (pos) => {\n clearInterval(this.#interval1);\n clearInterval(this.#interval2);\n\n const trackBound = this.#elements.track.getBoundingClientRect();\n const thumbBound = this.#elements.thumb.getBoundingClientRect();\n\n this.#thumbMoveTo((thumbBound.x - trackBound.x) + pos);\n\n this.#interval1 = setInterval(() => {\n clearInterval(this.#interval1);\n\n this.#interval2 = setInterval(() => {\n const tBound = this.#elements.track.getBoundingClientRect();\n const thBound = this.#elements.thumb.getBoundingClientRect();\n if (!this.#thumbMoveTo((thBound.x - tBound.x) + pos)) {\n clearInterval(this.#interval2);\n }\n }, 10);\n }, 500);\n };\n\n const clearTimer = () => {\n clearInterval(this.#interval1);\n clearInterval(this.#interval2);\n };\n\n this.#elements.left.ontouchend =\n this.#elements.right.ontouchend =\n this.#elements.track.ontouchend =\n this.#elements.left.onmouseup =\n this.#elements.left.onmouseleave =\n this.#elements.right.onmouseup =\n this.#elements.right.onmouseleave =\n this.#elements.track.onmouseup =\n this.#elements.track.onmouseleave = clearTimer;\n\n $(this.#elements.left).on(\"mousedown\", e => { if (e.buttons != 1) return; delayScroll(-10); });\n $(this.#elements.right).on(\"mousedown\", e => { if (e.buttons != 1) return; delayScroll(10); });\n\n $(this.#elements.left).on(\"touchstart\", e => { delayScroll(-10); });\n $(this.#elements.right).on(\"touchstart\", e => { delayScroll(10); });\n\n $(this.#elements.track).on(\"mousedown\", e => {\n if (e.buttons != 1) return;\n e.preventDefault();\n const trackRect = this.#elements.track.getBoundingClientRect();\n const thumbWidth = this.#elements.thumb.getBoundingClientRect().width;\n this.#thumbMoveTo(e.clientX - trackRect.left - (thumbWidth / 2));\n });\n\n $(this.#elements.thumb).on(\"mousedown\", e => {\n this.#dragging = true;\n this.shiftX = e.clientX - this.#elements.thumb.getBoundingClientRect().left;\n document.addEventListener('mousemove', this.#thumb_onMouseMove);\n });\n\n document.addEventListener('mouseup', () => {\n this.#dragging = false;\n clearTimer();\n document.removeEventListener('mousemove', this.#thumb_onMouseMove);\n });\n };\n\n #thumb_onMouseMove = e => {\n if (!this.#dragging) return;\n const trackRect = this.#elements.track.getBoundingClientRect();\n this.#thumbMoveTo(e.clientX - trackRect.left - this.shiftX);\n };\n}\n\nif (!customElements.get('nine-table-hscrollbar')) {\n customElements.define(\"nine-table-hscrollbar\", NineTableHScrollBar);\n}","import { trace } from \"@nopeer\";\nimport './nine-table-hscrollbar.js';\n\nexport class NineTableSheet extends HTMLElement {\n #tableElement = null;\n static SCROLLBAR_SIZE = 16;\n\n constructor() {\n super();\n }\n\n connectedCallback() {\n this.#render();\n };\n\n init = (tableEl) => {\n if (!tableEl) return;\n\n const initializeTable = (tbl) => {\n\n const 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 const 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 ensureColgroup(tbl);\n ensureThead(tbl);\n\n tbl.classList.add('nine-table-element');\n return tbl;\n };\n\n const clonedTable = tableEl.cloneNode(true);\n this.#tableElement = 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 const filterTableByFixed = (sourceTable, targetFixedType, isBody = false) => {\n const tbl = sourceTable.cloneNode(true);\n const cols = Array.from(tbl.querySelectorAll('colgroup col'));\n const targetIndices = [];\n\n cols.forEach((col, idx) => {\n const fixedAttr = col.getAttribute('fixed');\n const isMatch = isBody ? (!fixedAttr || fixedAttr === '') : (fixedAttr === targetFixedType);\n if (!isMatch) {\n targetIndices.push(idx);\n }\n });\n\n targetIndices.reverse().forEach(idx => {\n if (cols[idx]) cols[idx].remove();\n tbl.querySelectorAll('tr').forEach(tr => {\n const cells = tr.querySelectorAll('th, td');\n if (cells[idx]) cells[idx].remove();\n });\n });\n\n return tbl;\n };\n\n // 1. ๋ฉ”์ธ ๋ฐ”๋”” ์˜์—ญ\n if (bodyContainer) {\n const bodyTable = filterTableByFixed(this.#tableElement, null, true);\n bodyContainer.innerHTML = '';\n bodyContainer.appendChild(bodyTable);\n }\n\n // 2. ์ขŒ์ธก ๊ณ ์ • ์˜์—ญ\n if (leftContainer) {\n const leftTable = filterTableByFixed(this.#tableElement, 'left', false);\n\n let leftWidth = 0;\n leftTable.querySelectorAll('col').forEach(col => {\n const w = parseInt(col.getAttribute('width'), 10);\n if (!isNaN(w)) leftWidth += w;\n });\n\n leftContainer.innerHTML = '';\n leftContainer.appendChild(leftTable);\n\n const activeLeftWidth = leftWidth > 0 ? leftWidth : 0;\n leftContainer.style.flex = `0 0 ${activeLeftWidth}px`;\n leftContainer.style.width = `${activeLeftWidth}px`;\n }\n\n // 3. ์šฐ์ธก ๊ณ ์ • ์˜์—ญ\n if (rightContainer) {\n const rightTable = filterTableByFixed(this.#tableElement, 'right', false);\n\n let rightWidth = 0;\n rightTable.querySelectorAll('col').forEach(col => {\n const w = parseInt(col.getAttribute('width'), 10);\n if (!isNaN(w)) rightWidth += w;\n });\n\n rightContainer.innerHTML = '';\n rightContainer.appendChild(rightTable);\n\n const activeRightWidth = rightWidth > 0 ? rightWidth : 0;\n rightContainer.style.flex = `0 0 ${activeRightWidth}px`;\n rightContainer.style.width = `${activeRightWidth}px`;\n }\n\n // ๋ฐ์ดํ„ฐ ๊ฑด์ˆ˜ ๊ธฐ๋ฐ˜ ์„ธ๋กœ ์Šคํฌ๋กค ๋ฐ ๊ฐ€๋กœ ์Šคํฌ๋กค ๋™๊ธฐํ™” ์—ฐ๋™\n if (bodyContainer) {\n const rowCount = this.getRowCount();\n bodyContainer.style.overflowY = rowCount > 10 ? 'auto' : 'hidden';\n\n // ๐ŸŽฏ ๊ฐ€๋กœ ์Šคํฌ๋กค ๋ฐœ์ƒ ์‹œ ํ•˜๋‹จ hscrollbar ์ƒˆ๋กœ๊ณ ์นจ ํŠธ๋ฆฌ๊ฑฐ\n bodyContainer.addEventListener('scroll', () => {\n const hScrollbar = this.querySelector('nine-table-hscrollbar');\n if (hScrollbar && typeof hScrollbar.refresh === 'function') {\n hScrollbar.refresh();\n }\n });\n }\n\n // ์ดˆ๊ธฐ ๋ Œ๋”๋ง ์™„๋ฃŒ ํ›„ ํ•˜๋‹จ ๊ฐ€๋กœ ์Šคํฌ๋กค๋ฐ” ์ƒํƒœ ๊ฐฑ์‹ \n setTimeout(() => {\n const hScrollbar = this.querySelector('nine-table-hscrollbar');\n if (hScrollbar && typeof hScrollbar.refresh === 'function') {\n hScrollbar.refresh();\n }\n }, 0);\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 scrollToX = (scrollLeft) => {\n const bodyContainer = this.querySelector('.ng-container-body');\n if (bodyContainer) bodyContainer.scrollLeft = scrollLeft;\n };\n\n scrollToY = (scrollTop) => {\n const bodyContainer = this.querySelector('.ng-container-body');\n if (bodyContainer) bodyContainer.scrollTop = scrollTop;\n };\n\n #render = () => {\n const sbSize = NineTableSheet.SCROLLBAR_SIZE;\n\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 1 auto;\n width: 100%;\n height: calc(100% - ${sbSize}px);\n overflow: hidden;\n position: relative;\n }\n \n nine-table-sheet .ng-container-left {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n background: #ffffff;\n border-right: 1px solid #e5e7eb;\n flex-shrink: 0;\n }\n \n /* ๐ŸŽฏ ์ปจํ…Œ์ด๋„ˆ ์ž์ฒด ์Šคํฌ๋กค๋ฐ” ์ƒ์„ฑ์„ ๋ง‰๊ณ  ์™ธ๋ถ€ ์ปค์Šคํ…€ ์Šคํฌ๋กค๋ฐ” ์ œ์–ด์— ์˜์กด */\n nine-table-sheet .ng-container-body {\n display: flex;\n flex-direction: column;\n flex: 1;\n overflow-x: hidden;\n overflow-y: auto;\n background: #ffffff;\n position: relative;\n }\n \n nine-table-sheet .ng-container-right {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n background: #ffffff;\n border-left: 1px solid #e5e7eb;\n flex-shrink: 0;\n }\n \n nine-table-sheet .ng-container-bottom {\n display: flex;\n flex-direction: row;\n height: ${sbSize}px;\n min-height: ${sbSize}px;\n flex-shrink: 0;\n background: #f9fafb;\n border-top: 1px solid #e5e7eb;\n }\n \n /**\n nine-table-sheet nine-table-hscrollbar {\n flex: 1;\n height: 100%;\n overflow: hidden;\n --display: block;\n } */\n \n nine-table-sheet .ng-scroll-edge {\n width: ${sbSize}px;\n min-width: ${sbSize}px;\n height: 100%;\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\n const 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 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 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\n}\n\nif (!customElements.get('nine-table-sheets')) {\n customElements.define('nine-table-sheets', NineTableSheets);\n}","/**\n * [LayoutManager ๋†’์ด ์„ค์ •(Height Configuration) ์‚ฌ์šฉ ์˜ˆ์ œ]\n *\n * 1. ๋ถ€๋ชจ ์˜์—ญ ์ฑ„์šฐ๊ธฐ (Fluid / 100% Fill) - ๊ธฐ๋ณธ๊ฐ’\n * - ์ปดํฌ๋„ŒํŠธ๊ฐ€ ๋ถ€๋ชจ ์ปจํ…Œ์ด๋„ˆ์˜ ๋‚จ์€ ๊ณต๊ฐ„์„ ๊ฐ€๋“ ์ฑ„์šฐ๊ณ  ๋‚ด๋ถ€ ์˜์—ญ์—์„œ ์Šคํฌ๋กค์„ ์ฒ˜๋ฆฌํ•ฉ๋‹ˆ๋‹ค.\n * - ์‚ฌ์šฉ๋ฒ•: <nine-table> ๋˜๋Š” ํ˜ธ์ŠคํŠธ ์—˜๋ฆฌ๋จผํŠธ์— ๋ณ„๋„ ์†์„ฑ์„ ์ฃผ์ง€ ์•Š์œผ๋ฉด ์ ์šฉ๋ฉ๋‹ˆ๋‹ค.\n *\n * 2. ์ฝ˜ํ…์ธ  ๋ฐ€์ฐฉํ˜• / ๋ฐ์ดํ„ฐ ๊ฑด์ˆ˜ ๊ธฐ๋ฐ˜ ๋™์  ๋†’์ด (Auto-Height)\n * - ๋ฐ์ดํ„ฐ ํ–‰ ๊ฐœ์ˆ˜์— ๋งž์ถฐ ์ปดํฌ๋„ŒํŠธ ์ „์ฒด ๋†’์ด๊ฐ€ ์œ ์—ฐํ•˜๊ฒŒ ๋Š˜์–ด๋‚ฉ๋‹ˆ๋‹ค.\n * - ์‚ฌ์šฉ๋ฒ•: <nine-table auto-height=\"true\"> ๋˜๋Š” ํ˜ธ์ŠคํŠธ ์—˜๋ฆฌ๋จผํŠธ์— auto-height=\"true\" ์†์„ฑ์„ ์ง€์ •ํ•ฉ๋‹ˆ๋‹ค.\n *\n * 3. ํ”ฝ์…€ ๊ณ ์ • ๋†’์ด (Fixed Pixel)\n * - ๋ถ€๋ชจ ํฌ๊ธฐ์— ์ƒ๊ด€์—†์ด ๊ฐœ๋ฐœ์ž๊ฐ€ ์ง€์ •ํ•œ ๊ณ ์ • ํฌ๊ธฐ๋ฅผ ์—„๊ฒฉํ•˜๊ฒŒ ์œ ์ง€ํ•ฉ๋‹ˆ๋‹ค.\n * - ์‚ฌ์šฉ๋ฒ•: <nine-table style=\"height: 400px;\"> ์ฒ˜๋Ÿผ ์ธ๋ผ์ธ ์Šคํƒ€์ผ๋กœ ๋†’์ด๋ฅผ ์ง์ ‘ ์ œ์–ดํ•ฉ๋‹ˆ๋‹ค.\n */\n\nimport './nine-table-sheets.js';\n\nexport class LayoutManager {\n #root;\n #resizeObserver = null;\n\n constructor(shadowRoot) {\n this.#root = shadowRoot;\n this.#render();\n this.#observeResize();\n }\n\n #observeResize = () => {\n const hostEl = this.#root.host;\n if (!hostEl) return;\n\n this.#resizeObserver = new ResizeObserver((entries) => {\n for (let entry of entries) {\n const isAutoHeight = hostEl.getAttribute('auto-height') === 'true';\n if (isAutoHeight) {\n this.#applyAutoHeight(hostEl);\n }\n }\n });\n\n this.#resizeObserver.observe(hostEl);\n };\n\n #applyAutoHeight = (hostEl) => {\n const activeSheet = hostEl.shadowRoot?.querySelector('nine-table-sheet.active');\n if (!activeSheet) return;\n\n const rowCount = activeSheet.getRowCount?.() || 0;\n\n // 1. ์†์„ฑ์œผ๋กœ maxRows๋ฅผ ๋ฐ›๋˜, ์—†์œผ๋ฉด ๊ธฐ๋ณธ๊ฐ’ 10 ์„ค์ •\n const maxRows = parseInt(hostEl.getAttribute('max-display-row'), 10) || 10;\n const targetRows = Math.min(rowCount, maxRows);\n\n // 2. ์‹ค์ œ ๋ Œ๋”๋ง๋œ ํ–‰(tr) ๋†’์ด๋ฅผ ๋™์ ์œผ๋กœ ์ธก์ • (์—†์œผ๋ฉด ๊ธฐ๋ณธ 32px ํด๋ฐฑ)\n const sampleRow = activeSheet.querySelector('tbody tr') || activeSheet.querySelector('tr');\n const rowHeight = sampleRow ? sampleRow.getBoundingClientRect().height : 32;\n\n // 3. ํ—ค๋” ๋ฐ ํ‘ธํ„ฐ/ํƒญ ์˜์—ญ์˜ ์‹ค์ œ ๋†’์ด๋ฅผ DOM์—์„œ ๋™์  ์ธก์ •\n const headerEl = this.#root.querySelector('nine-table-header');\n const footerEl = this.#root.querySelector('nine-table-sheets-footer');\n const headerHeight = headerEl ? headerEl.getBoundingClientRect().height : 40;\n const footerHeight = footerEl ? footerEl.getBoundingClientRect().height : 32;\n const extraPadding = 16; // ๋ฏธ์„ธ ์—ฌ๋ฐฑ\n\n const headerFooterHeight = headerHeight + footerHeight + extraPadding;\n const calculatedHeight = (targetRows * rowHeight) + headerFooterHeight;\n\n hostEl.style.height = `${calculatedHeight}px`;\n hostEl.style.maxHeight = `${(maxRows * rowHeight) + headerFooterHeight}px`;\n\n const sheetsBody = this.#root.querySelector('nine-table-sheets-body');\n if (sheetsBody) {\n sheetsBody.style.overflowY = rowCount > maxRows ? 'auto' : 'hidden';\n }\n };\n\n #render = () => {\n const hostEl = this.#root.host;\n const rawElements = Array.from(hostEl.children);\n const rawTables = rawElements.filter(el => el.tagName === 'TABLE');\n const isAutoHeight = hostEl.getAttribute('auto-height') === 'true';\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 { \n display: flex; \n flex-direction: column; \n position: relative; \n overflow: hidden; \n height: ${isAutoHeight ? 'auto' : '100%'}; \n background: #fff; \n }\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 setTimeout(() => {\n $el.init(rawTables[idx]);\n if (isAutoHeight) {\n this.#applyAutoHeight(hostEl);\n }\n });\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","_NineTableHScrollBar","__privateAdd","_owner","_dragging","_elements","_interval1","_interval2","__publicField","__privateGet","body","table","track","thumb","bottomContainer","trackWidth","thumbWidth","maxScrollLeft","maxThumbLeft","_thumbMoveTo","x","trackBound","thumbBound","targetX","_init","delayScroll","pos","__privateSet","tBound","thBound","clearTimer","e","trackRect","_thumb_onMouseMove","NineTableHScrollBar","_NineTableSheet","_tableElement","tableEl","initializeTable","tbl","ensureColgroup","firstRow","colCount","colgroup","defaultWidth","i","col","ensureThead","thead","clonedTable","leftContainer","bodyContainer","rightContainer","filterTableByFixed","sourceTable","targetFixedType","isBody","cols","targetIndices","idx","fixedAttr","tr","cells","bodyTable","leftTable","leftWidth","w","activeLeftWidth","rightTable","rightWidth","activeRightWidth","rowCount","hScrollbar","scrollLeft","scrollTop","_render","sbSize","NineTableSheet","_NineTableSheets","tabBar","tabItem","isMultiSelect","index","updateSplitters","splitter","splitIndex","leftSheet","rightSheet","tabItems","sheetElements","tab","sheet","clickedTab","activeTabs","targetSheet","activeSheets","initialBasis","activeSheet","rowCountEl","NineTableSheets","_LayoutManager","shadowRoot","_root","_resizeObserver","_observeResize","hostEl","entries","entry","_applyAutoHeight","_a","_b","maxRows","targetRows","sampleRow","rowHeight","headerEl","footerEl","headerHeight","footerHeight","headerFooterHeight","calculatedHeight","sheetsBody","rawTables","el","isAutoHeight","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.77",
3
+ "version": "0.0.79",
4
4
  "description": "Grid component for real-time collaboration (Vanilla JS based)",
5
5
  "type": "module",
6
6
  "main": "./dist/nine-table.umd.js",