@ninebone/table 0.0.85 → 0.0.87

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/nine-table.js +212 -208
  2. package/dist/nine-table.js.map +1 -1
  3. package/dist/nine-table.umd.js +8 -8
  4. package/dist/nine-table.umd.js.map +1 -1
  5. package/package.json +1 -1
package/dist/nine-table.js.map CHANGED
@@ -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 position: relative;\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 flex-shrink: 0;\n z-index: 2;\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 left: 0px;\n width: 30px;\n background: #9ca3af;\n border-radius: 4px;\n cursor: pointer;\n z-index: 1;\n }\n nine-table-hscrollbar .ng-scroll-thumb:hover {\n background: #6b7280;\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 requestAnimationFrame(() => {\n const body = this.#owner.querySelector(\".ng-container-body\");\n if (!body) return;\n\n this.#elements = {\n 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 this.refresh();\n });\n }\n\n refresh = () => {\n if (!this.#owner || !this.#elements) return;\n\n const body = this.#elements.container;\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 const bottomContainer = this.#owner.querySelector(\".ng-container-bottom\");\n\n // 가로 스크롤 필요 여부 판단\n if (body.clientWidth !== 0 && table.scrollWidth > body.clientWidth) {\n $(bottomContainer).show();\n } else {\n $(bottomContainer).hide();\n return;\n }\n\n // 썸 너비 계산 (원소스 로직 그대로 반영)\n const trackWidth = track.width();\n if (trackWidth <= 0) return;\n\n const thumbWidth = Math.min(trackWidth * body.clientWidth / table.scrollWidth, trackWidth);\n thumb.width(Math.max(thumbWidth, 20));\n\n // 썸 위치(left) 계산\n const currentLeft = parseInt($(table).css('left') || 0, 10);\n let l = parseInt(Math.abs(currentLeft) * trackWidth / table.scrollWidth, 10);\n if (l < 0) l = 0;\n\n const maxLeft = track.width() - thumb.width();\n if (l > maxLeft) l = maxLeft;\n\n thumb.css({ left: l });\n\n // 버튼 활성/비활성 처리\n this.#elements.left.disabled = (l == 0);\n this.#elements.right.disabled = (l >= maxLeft);\n };\n\n #thumbMoveTo = (x) => {\n if (!this.#elements) return false;\n\n const body = this.#elements.container;\n const table = body.querySelector(\"table\");\n if (!table) return false;\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 w2 = body.clientWidth;\n const w = table.scrollWidth;\n\n let l = (-targetX * (w - w2) / (trackBound.width - thumbBound.width));\n if (-l > w - w2) l = -(w - w2);\n if (-l + 5 > w - w2) l = -(w - w2);\n if (w2 >= w) l = 0;\n\n // 🎯 원소스 핵심: table의 left 좌표 직접 제어\n $(table).css({ left: l });\n\n const maxThumbLeft = trackBound.width - thumbBound.width;\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 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.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.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 if (e.buttons != 1) return;\n e.stopPropagation();\n e.preventDefault();\n this.#dragging = true;\n this.shiftX = e.clientX - this.#elements.thumb.getBoundingClientRect().left;\n\n const onMouseMove = (moveEvent) => {\n if (!this.#dragging) return;\n const trackRect = this.#elements.track.getBoundingClientRect();\n this.#thumbMoveTo(moveEvent.clientX - trackRect.left - this.shiftX);\n };\n\n const onMouseUp = () => {\n this.#dragging = false;\n clearTimer();\n document.removeEventListener('mousemove', onMouseMove);\n document.removeEventListener('mouseup', onMouseUp);\n this.refresh();\n };\n\n document.addEventListener('mousemove', onMouseMove);\n document.addEventListener('mouseup', onMouseUp);\n });\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","currentLeft","maxLeft","_thumbMoveTo","x","trackBound","thumbBound","targetX","w2","w","maxThumbLeft","_init","delayScroll","pos","__privateSet","tBound","thBound","clearTimer","e","trackRect","onMouseMove","moveEvent","onMouseUp","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","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
+ {"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 = false;\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 position: relative;\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 flex-shrink: 0;\n z-index: 2;\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 left: 0px;\n width: 30px;\n background: #9ca3af;\n border-radius: 4px;\n cursor: pointer;\n z-index: 1;\n }\n nine-table-hscrollbar .ng-scroll-thumb:hover {\n background: #6b7280;\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' disabled><div class='ng-scroll-icon'></div></button>\n `;\n\n requestAnimationFrame(() => {\n const body = this.#owner.querySelector(\".ng-container-body\");\n if (!body) return;\n\n this.#elements = {\n 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 this.refresh();\n });\n }\n\n refresh = () => {\n if (!this.#owner || !this.#elements) return;\n\n const body = this.#elements.container;\n const table = body.querySelector(\"table\");\n if (!table) return;\n\n const track = this.#elements.track;\n const thumb = this.#elements.thumb;\n const bottomContainer = this.#owner.querySelector(\".ng-container-bottom\");\n\n const bodyWidth = body.clientWidth;\n const tableWidth = table.scrollWidth;\n\n if (bodyWidth !== 0 && tableWidth > bodyWidth) {\n if (bottomContainer) bottomContainer.style.display = 'flex';\n } else {\n if (bottomContainer) bottomContainer.style.display = 'none';\n return;\n }\n\n const trackWidth = track.clientWidth;\n if (trackWidth <= 0) return;\n\n const thumbWidth = Math.max(Math.min(trackWidth * (bodyWidth / tableWidth), trackWidth), 20);\n thumb.style.width = `${thumbWidth}px`;\n\n const currentLeft = parseInt(table.style.left || 0, 10);\n let l = parseInt(Math.abs(currentLeft) * trackWidth / tableWidth, 10);\n if (l < 0) l = 0;\n\n const maxThumbLeft = trackWidth - thumbWidth;\n if (l > maxThumbLeft) l = maxThumbLeft;\n\n thumb.style.left = `${l}px`;\n\n this.#elements.left.disabled = (l === 0);\n this.#elements.right.disabled = (l >= maxThumbLeft);\n };\n\n #thumbMoveTo = (x) => {\n if (!this.#elements) return false;\n\n const body = this.#elements.container;\n const table = body.querySelector(\"table\");\n if (!table) return false;\n\n const trackBound = this.#elements.track.getBoundingClientRect();\n const thumbWidth = this.#elements.thumb.clientWidth;\n\n let targetX = x;\n if (targetX < 0) targetX = 0;\n if (targetX + thumbWidth > trackBound.width) targetX = trackBound.width - thumbWidth;\n targetX = parseInt(targetX, 10);\n\n this.#elements.thumb.style.left = `${targetX}px`;\n\n const maxThumbLeft = trackBound.width - thumbWidth;\n this.#elements.left.disabled = (targetX === 0);\n this.#elements.right.disabled = (targetX >= maxThumbLeft);\n\n const w2 = body.clientWidth;\n const w = table.scrollWidth;\n\n let l = (-targetX * (w - w2) / maxThumbLeft);\n if (-l > w - w2) l = -(w - w2);\n if (-l + 5 > w - w2) l = -(w - w2);\n if (w2 >= w) l = 0;\n\n // 3분할 전체 테이블 동기화\n const allTables = this.#owner.querySelectorAll(\".ng-container-left table, .ng-container-body table, .ng-container-right table\");\n allTables.forEach(tbl => {\n tbl.style.left = `${l}px`;\n });\n\n return (targetX > 0 && targetX < maxThumbLeft);\n };\n\n #init = () => {\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 ['mouseup', 'mouseleave', 'touchend'].forEach(evt => {\n this.#elements.left.addEventListener(evt, clearTimer);\n this.#elements.right.addEventListener(evt, clearTimer);\n this.#elements.track.addEventListener(evt, clearTimer);\n });\n\n this.#elements.left.addEventListener(\"mousedown\", e => { if (e.button !== 0) return; delayScroll(-10); });\n this.#elements.right.addEventListener(\"mousedown\", e => { if (e.button !== 0) return; delayScroll(10); });\n this.#elements.left.addEventListener(\"touchstart\", () => delayScroll(-10));\n this.#elements.right.addEventListener(\"touchstart\", () => delayScroll(10));\n\n this.#elements.track.addEventListener(\"mousedown\", e => {\n if (e.button !== 0) return;\n e.preventDefault();\n const trackRect = this.#elements.track.getBoundingClientRect();\n const thumbWidth = this.#elements.thumb.clientWidth;\n this.#thumbMoveTo(e.clientX - trackRect.left - (thumbWidth / 2));\n });\n\n this.#elements.thumb.addEventListener(\"mousedown\", e => {\n if (e.button !== 0) return;\n e.stopPropagation();\n e.preventDefault();\n this.#dragging = true;\n this.shiftX = e.clientX - this.#elements.thumb.getBoundingClientRect().left;\n\n const onMouseMove = (moveEvent) => {\n if (!this.#dragging) return;\n const trackRect = this.#elements.track.getBoundingClientRect();\n this.#thumbMoveTo(moveEvent.clientX - trackRect.left - this.shiftX);\n };\n\n const onMouseUp = () => {\n this.#dragging = false;\n clearTimer();\n document.removeEventListener('mousemove', onMouseMove);\n document.removeEventListener('mouseup', onMouseUp);\n this.refresh();\n };\n\n document.addEventListener('mousemove', onMouseMove);\n document.addEventListener('mouseup', onMouseUp);\n });\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","bodyWidth","tableWidth","trackWidth","thumbWidth","currentLeft","maxThumbLeft","_thumbMoveTo","x","trackBound","targetX","w2","w","l","tbl","_init","delayScroll","pos","thumbBound","__privateSet","tBound","thBound","clearTimer","evt","e","trackRect","onMouseMove","moveEvent","onMouseUp","NineTableHScrollBar","_NineTableSheet","_tableElement","tableEl","initializeTable","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","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/dist/nine-table.umd.js CHANGED
@@ -1,4 +1,4 @@
1
- (function(b,h){typeof exports=="object"&&typeof module<"u"?h(require("@ninebone/util")):typeof define=="function"&&define.amd?define(["@ninebone/util"],h):(b=typeof globalThis<"u"?globalThis:b||self,h(b.NineboneUtil))})(this,function(b){"use strict";var ee=Object.defineProperty;var te=b=>{throw TypeError(b)};var ie=(b,h,y)=>h in b?ee(b,h,{enumerable:!0,configurable:!0,writable:!0,value:y}):b[h]=y;var g=(b,h)=>ee(b,"name",{value:h,configurable:!0});var R=(b,h,y)=>ie(b,typeof h!="symbol"?h+"":h,y),ne=(b,h,y)=>h.has(b)||te("Cannot "+y);var e=(b,h,y)=>(ne(b,h,"read from private field"),y?y.call(b):h.get(b)),x=(b,h,y)=>h.has(b)?te("Cannot add the same private member more than once"):h instanceof WeakSet?h.add(b):h.set(b,y),C=(b,h,y,I)=>(ne(b,h,"write to private field"),I?I.call(b,y):h.set(b,y),y);var L,M,r,A,T,B,X,E,j,O,k,W,F,z,K,N;const Z=class Z extends b.trace.constructor{constructor(){super(),this.init("nine-table","green")}};g(Z,"Trace");let h=Z;const y=new h,G=class G extends HTMLElement{constructor(){super();x(this,L);x(this,M);x(this,r);x(this,A);x(this,T);R(this,"refresh",g(()=>{if(!e(this,L)||!e(this,r))return;const n=e(this,r).container,c=n.querySelector("table");if(!c)return;const s=$(e(this,r).track,this),d=$(e(this,r).thumb,this),a=e(this,L).querySelector(".ng-container-bottom");if(n.clientWidth!==0&&c.scrollWidth>n.clientWidth)$(a).show();else{$(a).hide();return}const i=s.width();if(i<=0)return;const p=Math.min(i*n.clientWidth/c.scrollWidth,i);d.width(Math.max(p,20));const t=parseInt($(c).css("left")||0,10);let o=parseInt(Math.abs(t)*i/c.scrollWidth,10);o<0&&(o=0);const l=s.width()-d.width();o>l&&(o=l),d.css({left:o}),e(this,r).left.disabled=o==0,e(this,r).right.disabled=o>=l},"refresh"));x(this,B,g(n=>{if(!e(this,r))return!1;const c=e(this,r).container,s=c.querySelector("table");if(!s)return!1;const d=e(this,r).track.getBoundingClientRect(),a=e(this,r).thumb.getBoundingClientRect();let i=n;i<0&&(i=0),i+a.width>d.width&&(i=d.width-a.width),i=parseInt(i,10),e(this,r).thumb.style.left=i+"px";const p=c.clientWidth,t=s.scrollWidth;let o=-i*(t-p)/(d.width-a.width);-o>t-p&&(o=-(t-p)),-o+5>t-p&&(o=-(t-p)),p>=t&&(o=0),$(s).css({left:o});const l=d.width-a.width;return e(this,r).left.disabled=i==0,e(this,r).right.disabled=i>=l,i>0&&i<l},"#thumbMoveTo"));x(this,X,g(()=>{const n=g(s=>{clearInterval(e(this,A)),clearInterval(e(this,T));const d=e(this,r).track.getBoundingClientRect(),a=e(this,r).thumb.getBoundingClientRect();e(this,B).call(this,a.x-d.x+s),C(this,A,setInterval(()=>{clearInterval(e(this,A)),C(this,T,setInterval(()=>{const i=e(this,r).track.getBoundingClientRect(),p=e(this,r).thumb.getBoundingClientRect();e(this,B).call(this,p.x-i.x+s)||clearInterval(e(this,T))},10))},500))},"delayScroll"),c=g(()=>{clearInterval(e(this,A)),clearInterval(e(this,T))},"clearTimer");e(this,r).left.onmouseup=e(this,r).left.onmouseleave=e(this,r).right.onmouseup=e(this,r).right.onmouseleave=e(this,r).track.onmouseup=e(this,r).track.onmouseleave=c,$(e(this,r).left).on("mousedown",s=>{s.buttons==1&&n(-10)}),$(e(this,r).right).on("mousedown",s=>{s.buttons==1&&n(10)}),$(e(this,r).track).on("mousedown",s=>{if(s.buttons!=1)return;s.preventDefault();const d=e(this,r).track.getBoundingClientRect(),a=e(this,r).thumb.getBoundingClientRect().width;e(this,B).call(this,s.clientX-d.left-a/2)}),$(e(this,r).thumb).on("mousedown",s=>{if(s.buttons!=1)return;s.stopPropagation(),s.preventDefault(),C(this,M,!0),this.shiftX=s.clientX-e(this,r).thumb.getBoundingClientRect().left;const d=g(i=>{if(!e(this,M))return;const p=e(this,r).track.getBoundingClientRect();e(this,B).call(this,i.clientX-p.left-this.shiftX)},"onMouseMove"),a=g(()=>{C(this,M,!1),c(),document.removeEventListener("mousemove",d),document.removeEventListener("mouseup",a),this.refresh()},"onMouseUp");document.addEventListener("mousemove",d),document.addEventListener("mouseup",a)})},"#init"))}connectedCallback(){C(this,L,this.getRootNode().host),e(this,L)&&(this.innerHTML=`
1
+ (function(b,f){typeof exports=="object"&&typeof module<"u"?f(require("@ninebone/util")):typeof define=="function"&&define.amd?define(["@ninebone/util"],f):(b=typeof globalThis<"u"?globalThis:b||self,f(b.NineboneUtil))})(this,function(b){"use strict";var _=Object.defineProperty;var ee=b=>{throw TypeError(b)};var ne=(b,f,y)=>f in b?_(b,f,{enumerable:!0,configurable:!0,writable:!0,value:y}):b[f]=y;var u=(b,f)=>_(b,"name",{value:f,configurable:!0});var A=(b,f,y)=>ne(b,typeof f!="symbol"?f+"":f,y),te=(b,f,y)=>f.has(b)||ee("Cannot "+y);var e=(b,f,y)=>(te(b,f,"read from private field"),y?y.call(b):f.get(b)),x=(b,f,y)=>f.has(b)?ee("Cannot add the same private member more than once"):f instanceof WeakSet?f.add(b):f.set(b,y),E=(b,f,y,I)=>(te(b,f,"write to private field"),I?I.call(b,y):f.set(b,y),y);var C,M,h,R,T,$,N,L,X,j,k,H,O,W,F,z;const U=class U extends b.trace.constructor{constructor(){super(),this.init("nine-table","green")}};u(U,"Trace");let f=U;const y=new f,Z=class Z extends HTMLElement{constructor(){super();x(this,C);x(this,M,!1);x(this,h);x(this,R);x(this,T);A(this,"refresh",u(()=>{if(!e(this,C)||!e(this,h))return;const n=e(this,h).container,a=n.querySelector("table");if(!a)return;const i=e(this,h).track,g=e(this,h).thumb,c=e(this,C).querySelector(".ng-container-bottom"),l=n.clientWidth,p=a.scrollWidth;if(l!==0&&p>l)c&&(c.style.display="flex");else{c&&(c.style.display="none");return}const t=i.clientWidth;if(t<=0)return;const d=Math.max(Math.min(t*(l/p),t),20);g.style.width=`${d}px`;const o=parseInt(a.style.left||0,10);let s=parseInt(Math.abs(o)*t/p,10);s<0&&(s=0);const r=t-d;s>r&&(s=r),g.style.left=`${s}px`,e(this,h).left.disabled=s===0,e(this,h).right.disabled=s>=r},"refresh"));x(this,$,u(n=>{if(!e(this,h))return!1;const a=e(this,h).container,i=a.querySelector("table");if(!i)return!1;const g=e(this,h).track.getBoundingClientRect(),c=e(this,h).thumb.clientWidth;let l=n;l<0&&(l=0),l+c>g.width&&(l=g.width-c),l=parseInt(l,10),e(this,h).thumb.style.left=`${l}px`;const p=g.width-c;e(this,h).left.disabled=l===0,e(this,h).right.disabled=l>=p;const t=a.clientWidth,d=i.scrollWidth;let o=-l*(d-t)/p;return-o>d-t&&(o=-(d-t)),-o+5>d-t&&(o=-(d-t)),t>=d&&(o=0),e(this,C).querySelectorAll(".ng-container-left table, .ng-container-body table, .ng-container-right table").forEach(r=>{r.style.left=`${o}px`}),l>0&&l<p},"#thumbMoveTo"));x(this,N,u(()=>{const n=u(i=>{clearInterval(e(this,R)),clearInterval(e(this,T));const g=e(this,h).track.getBoundingClientRect(),c=e(this,h).thumb.getBoundingClientRect();e(this,$).call(this,c.x-g.x+i),E(this,R,setInterval(()=>{clearInterval(e(this,R)),E(this,T,setInterval(()=>{const l=e(this,h).track.getBoundingClientRect(),p=e(this,h).thumb.getBoundingClientRect();e(this,$).call(this,p.x-l.x+i)||clearInterval(e(this,T))},10))},500))},"delayScroll"),a=u(()=>{clearInterval(e(this,R)),clearInterval(e(this,T))},"clearTimer");["mouseup","mouseleave","touchend"].forEach(i=>{e(this,h).left.addEventListener(i,a),e(this,h).right.addEventListener(i,a),e(this,h).track.addEventListener(i,a)}),e(this,h).left.addEventListener("mousedown",i=>{i.button===0&&n(-10)}),e(this,h).right.addEventListener("mousedown",i=>{i.button===0&&n(10)}),e(this,h).left.addEventListener("touchstart",()=>n(-10)),e(this,h).right.addEventListener("touchstart",()=>n(10)),e(this,h).track.addEventListener("mousedown",i=>{if(i.button!==0)return;i.preventDefault();const g=e(this,h).track.getBoundingClientRect(),c=e(this,h).thumb.clientWidth;e(this,$).call(this,i.clientX-g.left-c/2)}),e(this,h).thumb.addEventListener("mousedown",i=>{if(i.button!==0)return;i.stopPropagation(),i.preventDefault(),E(this,M,!0),this.shiftX=i.clientX-e(this,h).thumb.getBoundingClientRect().left;const g=u(l=>{if(!e(this,M))return;const p=e(this,h).track.getBoundingClientRect();e(this,$).call(this,l.clientX-p.left-this.shiftX)},"onMouseMove"),c=u(()=>{E(this,M,!1),a(),document.removeEventListener("mousemove",g),document.removeEventListener("mouseup",c),this.refresh()},"onMouseUp");document.addEventListener("mousemove",g),document.addEventListener("mouseup",c)})},"#init"))}connectedCallback(){E(this,C,this.getRootNode().host),e(this,C)&&(this.innerHTML=`
2
2
  <style>
3
3
  nine-table-hscrollbar {
4
4
  display: flex;
@@ -59,8 +59,8 @@
59
59
  </style>
60
60
  <button class='ng-scroll-left' disabled><div class='ng-scroll-icon'></div></button>
61
61
  <div class='ng-scroll-track'><div class='ng-scroll-thumb'></div></div>
62
- <button class='ng-scroll-right'><div class='ng-scroll-icon'></div></button>
63
- `,requestAnimationFrame(()=>{const n=e(this,L).querySelector(".ng-container-body");n&&(C(this,r,{container:n,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,X).call(this),this.refresh())}))}};L=new WeakMap,M=new WeakMap,r=new WeakMap,A=new WeakMap,T=new WeakMap,B=new WeakMap,X=new WeakMap,g(G,"NineTableHScrollBar");let I=G;customElements.get("nine-table-hscrollbar")||customElements.define("nine-table-hscrollbar",I);const H=class H extends HTMLElement{constructor(){super();x(this,E,null);R(this,"init",g(n=>{if(!n)return;const c=g(t=>{const o=g(f=>{if(f.querySelector("colgroup"))return;const u=f.querySelector("tbody tr")||f.querySelector("tr"),w=u?u.querySelectorAll("th, td").length:1,v=document.createElement("colgroup"),q=Math.max(Math.floor((f.clientWidth||600)/w),100);for(let S=0;S<w;S++){const _=document.createElement("col");_.setAttribute("width",q),v.appendChild(_)}f.prepend(v)},"ensureColgroup"),l=g(f=>{if(f.querySelector("thead"))return;const u=document.createElement("thead"),w=f.querySelector("colgroup");w?w.after(u):f.prepend(u)},"ensureThead");return o(t),l(t),t.classList.add("nine-table-element"),t},"initializeTable"),s=n.cloneNode(!0);C(this,E,c(s)),e(this,E).style.display="table";const d=this.querySelector(".ng-container-left"),a=this.querySelector(".ng-container-body"),i=this.querySelector(".ng-container-right"),p=g((t,o,l=!1)=>{const f=t.cloneNode(!0),u=Array.from(f.querySelectorAll("colgroup col")),w=[];return u.forEach((v,q)=>{const S=v.getAttribute("fixed");(l?!S||S==="":S===o)||w.push(q)}),w.reverse().forEach(v=>{u[v]&&u[v].remove(),f.querySelectorAll("tr").forEach(q=>{const S=q.querySelectorAll("th, td");S[v]&&S[v].remove()})}),f},"filterTableByFixed");if(a){const t=p(e(this,E),null,!0);a.innerHTML="",a.appendChild(t)}if(d){const t=p(e(this,E),"left",!1);let o=0;t.querySelectorAll("col").forEach(f=>{const u=parseInt(f.getAttribute("width"),10);isNaN(u)||(o+=u)}),d.innerHTML="",d.appendChild(t);const l=o>0?o:0;d.style.flex=`0 0 ${l}px`,d.style.width=`${l}px`}if(i){const t=p(e(this,E),"right",!1);let o=0;t.querySelectorAll("col").forEach(f=>{const u=parseInt(f.getAttribute("width"),10);isNaN(u)||(o+=u)}),i.innerHTML="",i.appendChild(t);const l=o>0?o:0;i.style.flex=`0 0 ${l}px`,i.style.width=`${l}px`}if(a){const t=this.getRowCount();a.style.overflowY=t>10?"auto":"hidden",a.addEventListener("scroll",()=>{const o=this.querySelector("nine-table-hscrollbar");o&&typeof o.refresh=="function"&&o.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",g(()=>e(this,E)?e(this,E).querySelectorAll("tbody tr").length:0,"getRowCount"));R(this,"scrollToX",g(n=>{const c=this.querySelector(".ng-container-body");c&&(c.scrollLeft=n)},"scrollToX"));R(this,"scrollToY",g(n=>{const c=this.querySelector(".ng-container-body");c&&(c.scrollTop=n)},"scrollToY"));x(this,j,g(()=>{const n=H.SCROLLBAR_SIZE;this.innerHTML=`
62
+ <button class='ng-scroll-right' disabled><div class='ng-scroll-icon'></div></button>
63
+ `,requestAnimationFrame(()=>{const n=e(this,C).querySelector(".ng-container-body");n&&(E(this,h,{container:n,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,N).call(this),this.refresh())}))}};C=new WeakMap,M=new WeakMap,h=new WeakMap,R=new WeakMap,T=new WeakMap,$=new WeakMap,N=new WeakMap,u(Z,"NineTableHScrollBar");let I=Z;customElements.get("nine-table-hscrollbar")||customElements.define("nine-table-hscrollbar",I);const B=class B extends HTMLElement{constructor(){super();x(this,L,null);A(this,"init",u(n=>{if(!n)return;const a=u(t=>{const d=u(s=>{if(s.querySelector("colgroup"))return;const r=s.querySelector("tbody tr")||s.querySelector("tr"),w=r?r.querySelectorAll("th, td").length:1,v=document.createElement("colgroup"),q=Math.max(Math.floor((s.clientWidth||600)/w),100);for(let S=0;S<w;S++){const V=document.createElement("col");V.setAttribute("width",q),v.appendChild(V)}s.prepend(v)},"ensureColgroup"),o=u(s=>{if(s.querySelector("thead"))return;const r=document.createElement("thead"),w=s.querySelector("colgroup");w?w.after(r):s.prepend(r)},"ensureThead");return d(t),o(t),t.classList.add("nine-table-element"),t},"initializeTable"),i=n.cloneNode(!0);E(this,L,a(i)),e(this,L).style.display="table";const g=this.querySelector(".ng-container-left"),c=this.querySelector(".ng-container-body"),l=this.querySelector(".ng-container-right"),p=u((t,d,o=!1)=>{const s=t.cloneNode(!0),r=Array.from(s.querySelectorAll("colgroup col")),w=[];return r.forEach((v,q)=>{const S=v.getAttribute("fixed");(o?!S||S==="":S===d)||w.push(q)}),w.reverse().forEach(v=>{r[v]&&r[v].remove(),s.querySelectorAll("tr").forEach(q=>{const S=q.querySelectorAll("th, td");S[v]&&S[v].remove()})}),s},"filterTableByFixed");if(c){const t=p(e(this,L),null,!0);c.innerHTML="",c.appendChild(t)}if(g){const t=p(e(this,L),"left",!1);let d=0;t.querySelectorAll("col").forEach(s=>{const r=parseInt(s.getAttribute("width"),10);isNaN(r)||(d+=r)}),g.innerHTML="",g.appendChild(t);const o=d>0?d:0;g.style.flex=`0 0 ${o}px`,g.style.width=`${o}px`}if(l){const t=p(e(this,L),"right",!1);let d=0;t.querySelectorAll("col").forEach(s=>{const r=parseInt(s.getAttribute("width"),10);isNaN(r)||(d+=r)}),l.innerHTML="",l.appendChild(t);const o=d>0?d:0;l.style.flex=`0 0 ${o}px`,l.style.width=`${o}px`}if(c){const t=this.getRowCount();c.style.overflowY=t>10?"auto":"hidden",c.addEventListener("scroll",()=>{const d=this.querySelector("nine-table-hscrollbar");d&&typeof d.refresh=="function"&&d.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"));A(this,"getRowCount",u(()=>e(this,L)?e(this,L).querySelectorAll("tbody tr").length:0,"getRowCount"));A(this,"scrollToX",u(n=>{const a=this.querySelector(".ng-container-body");a&&(a.scrollLeft=n)},"scrollToX"));A(this,"scrollToY",u(n=>{const a=this.querySelector(".ng-container-body");a&&(a.scrollTop=n)},"scrollToY"));x(this,X,u(()=>{const n=B.SCROLLBAR_SIZE;this.innerHTML=`
64
64
  <style>
65
65
  nine-table-sheet {
66
66
  display: flex;
@@ -172,14 +172,14 @@
172
172
  <nine-table-hscrollbar></nine-table-hscrollbar>
173
173
  <div class='ng-scroll-edge'></div>
174
174
  </div>
175
- `},"#render"))}connectedCallback(){e(this,j).call(this)}disconnectedCallback(){this.innerHTML="",y.log("NineTableSheet destroyed.")}};E=new WeakMap,j=new WeakMap,g(H,"NineTableSheet"),R(H,"SCROLLBAR_SIZE",16);let P=H;customElements.get("nine-table-sheet")||customElements.define("nine-table-sheet",P);const J=class J extends HTMLElement{constructor(){super();x(this,O,g(()=>{const n=this.querySelector(".nine-tab-bar");n&&(n.addEventListener("click",c=>{const s=c.target.closest(".nine-tab-item");if(!s)return;const d=c.ctrlKey||c.metaKey||c.shiftKey,a=parseInt(s.dataset.index,10);this.switchSheet(a,d)}),this.switchSheet(0,!1))},"#init"));R(this,"switchSheet",g((n,c=!1)=>{const s=g(()=>{const l=this.querySelector("nine-table-sheets-body");l.querySelectorAll("nine-splitter").forEach(u=>{const w=parseInt(u.dataset.splitIndex,10),v=l.querySelector(`nine-table-sheet[data-index="${w-1}"]`),q=l.querySelector(`nine-table-sheet[data-index="${w}"]`);v&&q&&v.classList.contains("active")&&q.classList.contains("active")?u.classList.add("active"):u.classList.remove("active")})},"updateSplitters"),d=this.querySelector(".nine-tab-bar"),a=this.querySelector("nine-table-sheets-body"),i=d.querySelectorAll(".nine-tab-item"),p=a.querySelectorAll("nine-table-sheet");if(!i[n])return;if(!c)i.forEach((l,f)=>{l.classList.toggle("active",f===n);const u=a.querySelector(`nine-table-sheet[data-index="${f}"]`);u&&(u.style.flex="")}),p.forEach((l,f)=>{l.classList.toggle("active",f===n)});else{const l=i[n],f=d.querySelectorAll(".nine-tab-item.active");if(l.classList.contains("active")&&f.length<=1)return;l.classList.toggle("active");const u=a.querySelector(`nine-table-sheet[data-index="${n}"]`);u&&(u.classList.toggle("active"),u.classList.contains("active")||(u.style.flex=""))}const t=Array.from(a.querySelectorAll("nine-table-sheet.active"));if(t.length>1){const l=1/t.length;t.forEach(f=>{(!f.style.flex||f.style.flex==="1 1 100%")&&(f.style.flex=`${l} ${l} 0px`)})}else t.forEach(l=>{l.style.flex="1 1 100%"});s();const o=a.querySelector("nine-table-sheet.active");if(o&&typeof o.getRowCount=="function"){const l=this.querySelector("#row-count");l&&(l.textContent=o.getRowCount().toLocaleString())}},"switchSheet"))}connectedCallback(){e(this,O).call(this)}};O=new WeakMap,g(J,"NineTableSheets");let Y=J;customElements.get("nine-table-sheets")||customElements.define("nine-table-sheets",Y);const Q=class Q{constructor(m){x(this,k);x(this,W,null);x(this,F,g(()=>{const m=e(this,k).host;m&&(C(this,W,new ResizeObserver(n=>{for(let c of n)m.getAttribute("auto-height")==="true"&&e(this,z).call(this,m)})),e(this,W).observe(m))},"#observeResize"));x(this,z,g(m=>{var q,S;const n=(q=m.shadowRoot)==null?void 0:q.querySelector("nine-table-sheet.active");if(!n)return;const c=((S=n.getRowCount)==null?void 0:S.call(n))||0,s=parseInt(m.getAttribute("max-display-row"),10)||10,d=Math.min(c,s),a=n.querySelector("tbody tr")||n.querySelector("tr"),i=a?a.getBoundingClientRect().height:32,p=e(this,k).querySelector("nine-table-header"),t=e(this,k).querySelector("nine-table-sheets-footer"),o=p?p.getBoundingClientRect().height:40,l=t?t.getBoundingClientRect().height:32,u=o+l+16,w=d*i+u;m.style.height=`${w}px`,m.style.maxHeight=`${s*i+u}px`;const v=e(this,k).querySelector("nine-table-sheets-body");v&&(v.style.overflowY=c>s?"auto":"hidden")},"#applyAutoHeight"));x(this,K,g(()=>{const m=e(this,k).host,c=Array.from(m.children).filter(p=>p.tagName==="TABLE"),s=m.getAttribute("auto-height")==="true",d=c.map((p,t)=>`<nine-table-sheet class="${t===0?"active":""}" data-index="${t}"></nine-table-sheet>`).join(""),a=c.map((p,t)=>`<div class="nine-tab-item ${t===0?"active":""}" data-index="${t}">Sheet ${t+1}</div>`).join("");e(this,k).innerHTML=`
175
+ `},"#render"))}connectedCallback(){e(this,X).call(this)}disconnectedCallback(){this.innerHTML="",y.log("NineTableSheet destroyed.")}};L=new WeakMap,X=new WeakMap,u(B,"NineTableSheet"),A(B,"SCROLLBAR_SIZE",16);let K=B;customElements.get("nine-table-sheet")||customElements.define("nine-table-sheet",K);const G=class G extends HTMLElement{constructor(){super();x(this,j,u(()=>{const n=this.querySelector(".nine-tab-bar");n&&(n.addEventListener("click",a=>{const i=a.target.closest(".nine-tab-item");if(!i)return;const g=a.ctrlKey||a.metaKey||a.shiftKey,c=parseInt(i.dataset.index,10);this.switchSheet(c,g)}),this.switchSheet(0,!1))},"#init"));A(this,"switchSheet",u((n,a=!1)=>{const i=u(()=>{const o=this.querySelector("nine-table-sheets-body");o.querySelectorAll("nine-splitter").forEach(r=>{const w=parseInt(r.dataset.splitIndex,10),v=o.querySelector(`nine-table-sheet[data-index="${w-1}"]`),q=o.querySelector(`nine-table-sheet[data-index="${w}"]`);v&&q&&v.classList.contains("active")&&q.classList.contains("active")?r.classList.add("active"):r.classList.remove("active")})},"updateSplitters"),g=this.querySelector(".nine-tab-bar"),c=this.querySelector("nine-table-sheets-body"),l=g.querySelectorAll(".nine-tab-item"),p=c.querySelectorAll("nine-table-sheet");if(!l[n])return;if(!a)l.forEach((o,s)=>{o.classList.toggle("active",s===n);const r=c.querySelector(`nine-table-sheet[data-index="${s}"]`);r&&(r.style.flex="")}),p.forEach((o,s)=>{o.classList.toggle("active",s===n)});else{const o=l[n],s=g.querySelectorAll(".nine-tab-item.active");if(o.classList.contains("active")&&s.length<=1)return;o.classList.toggle("active");const r=c.querySelector(`nine-table-sheet[data-index="${n}"]`);r&&(r.classList.toggle("active"),r.classList.contains("active")||(r.style.flex=""))}const t=Array.from(c.querySelectorAll("nine-table-sheet.active"));if(t.length>1){const o=1/t.length;t.forEach(s=>{(!s.style.flex||s.style.flex==="1 1 100%")&&(s.style.flex=`${o} ${o} 0px`)})}else t.forEach(o=>{o.style.flex="1 1 100%"});i();const d=c.querySelector("nine-table-sheet.active");if(d&&typeof d.getRowCount=="function"){const o=this.querySelector("#row-count");o&&(o.textContent=d.getRowCount().toLocaleString())}},"switchSheet"))}connectedCallback(){e(this,j).call(this)}};j=new WeakMap,u(G,"NineTableSheets");let P=G;customElements.get("nine-table-sheets")||customElements.define("nine-table-sheets",P);const J=class J{constructor(m){x(this,k);x(this,H,null);x(this,O,u(()=>{const m=e(this,k).host;m&&(E(this,H,new ResizeObserver(n=>{for(let a of n)m.getAttribute("auto-height")==="true"&&e(this,W).call(this,m)})),e(this,H).observe(m))},"#observeResize"));x(this,W,u(m=>{var q,S;const n=(q=m.shadowRoot)==null?void 0:q.querySelector("nine-table-sheet.active");if(!n)return;const a=((S=n.getRowCount)==null?void 0:S.call(n))||0,i=parseInt(m.getAttribute("max-display-row"),10)||10,g=Math.min(a,i),c=n.querySelector("tbody tr")||n.querySelector("tr"),l=c?c.getBoundingClientRect().height:32,p=e(this,k).querySelector("nine-table-header"),t=e(this,k).querySelector("nine-table-sheets-footer"),d=p?p.getBoundingClientRect().height:40,o=t?t.getBoundingClientRect().height:32,r=d+o+16,w=g*l+r;m.style.height=`${w}px`,m.style.maxHeight=`${i*l+r}px`;const v=e(this,k).querySelector("nine-table-sheets-body");v&&(v.style.overflowY=a>i?"auto":"hidden")},"#applyAutoHeight"));x(this,F,u(()=>{const m=e(this,k).host,a=Array.from(m.children).filter(p=>p.tagName==="TABLE"),i=m.getAttribute("auto-height")==="true",g=a.map((p,t)=>`<nine-table-sheet class="${t===0?"active":""}" data-index="${t}"></nine-table-sheet>`).join(""),c=a.map((p,t)=>`<div class="nine-tab-item ${t===0?"active":""}" data-index="${t}">Sheet ${t+1}</div>`).join("");e(this,k).innerHTML=`
176
176
  <style>
177
177
  :host {
178
178
  display: flex;
179
179
  flex-direction: column;
180
180
  position: relative;
181
181
  overflow: hidden;
182
- height: ${s?"auto":"100%"};
182
+ height: ${i?"auto":"100%"};
183
183
  background: #fff;
184
184
  }
185
185
  nine-table-header { height: 40px; display: block; flex-shrink: 0; border-bottom: 1px solid #e5e7eb; background: #fff; }
@@ -260,14 +260,14 @@
260
260
  <nine-table-body>
261
261
  <nine-table-summary></nine-table-summary>
262
262
  <nine-table-sheets>
263
- <nine-table-sheets-body>${d}</nine-table-sheets-body>
263
+ <nine-table-sheets-body>${g}</nine-table-sheets-body>
264
264
  <nine-table-sheets-footer>
265
- <div class="nine-tab-bar">${a}</div>
265
+ <div class="nine-tab-bar">${c}</div>
266
266
  <div class="sheets-counter">Total : <span id="row-count">0</span></div>
267
267
  </nine-table-sheets-footer>
268
268
  </nine-table-sheets>
269
269
  <nine-table-analysis></nine-table-analysis>
270
270
  </nine-table-body>
271
271
  <nine-table-footer></nine-table-footer>
272
- `;const i=e(this,k).querySelectorAll("nine-table-sheet");i==null||i.forEach((p,t)=>{c[t]&&setTimeout(()=>{p.init(c[t]),s&&e(this,z).call(this,m)})})},"#render"));C(this,k,m),e(this,K).call(this),e(this,F).call(this)}};k=new WeakMap,W=new WeakMap,F=new WeakMap,z=new WeakMap,K=new WeakMap,g(Q,"LayoutManager");let D=Q;const V=class V extends HTMLElement{constructor(){super();x(this,N,!1);this.attachShadow({mode:"open"})}connectedCallback(){e(this,N)||(this.layoutManager=new D(this.shadowRoot),C(this,N,!0),y.log("NineTable connected."),this.dispatchEvent(new CustomEvent("load",{bubbles:!0,detail:{target:this}})))}disconnectedCallback(){y.log("NineTable disconnected.")}};N=new WeakMap,g(V,"NineTable");let U=V;customElements.get("nine-table")||customElements.define("nine-table",U)});
272
+ `;const l=e(this,k).querySelectorAll("nine-table-sheet");l==null||l.forEach((p,t)=>{a[t]&&setTimeout(()=>{p.init(a[t]),i&&e(this,W).call(this,m)})})},"#render"));E(this,k,m),e(this,F).call(this),e(this,O).call(this)}};k=new WeakMap,H=new WeakMap,O=new WeakMap,W=new WeakMap,F=new WeakMap,u(J,"LayoutManager");let Y=J;const Q=class Q extends HTMLElement{constructor(){super();x(this,z,!1);this.attachShadow({mode:"open"})}connectedCallback(){e(this,z)||(this.layoutManager=new Y(this.shadowRoot),E(this,z,!0),y.log("NineTable connected."),this.dispatchEvent(new CustomEvent("load",{bubbles:!0,detail:{target:this}})))}disconnectedCallback(){y.log("NineTable disconnected.")}};z=new WeakMap,u(Q,"NineTable");let D=Q;customElements.get("nine-table")||customElements.define("nine-table",D)});
273
273
  //# sourceMappingURL=nine-table.umd.js.map