npm - @ninebone/table - Versions diffs - 0.0.98 → 0.0.99 - Mend

@ninebone/table 0.0.98 → 0.0.99

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

package/dist/nine-table.js +1 -0
package/dist/nine-table.js.map +1 -1
package/dist/nine-table.umd.js +1 -0
package/dist/nine-table.umd.js.map +1 -1
package/package.json +1 -1

package/dist/nine-table.js CHANGED Viewed

@@ -359,6 +359,7 @@ const I = class I extends HTMLElement {
                     border-collapse: collapse;
                     width: 100%;
                     table-layout: fixed;
+                    position: relative;
                 }
                 nine-table-sheet th, nine-table-sheet td {

package/dist/nine-table.js.map CHANGED Viewed

	@@ -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 = false;\n #elements;\n #interval1;\n #interval2;\n #resizeObserver;\n\n constructor() {\n super();\n }\n\n connectedCallback() {\n this.#owner = this.closest(\"nine-table-sheet\") \|\| 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 const initWhenReady = () => {\n const body = this.#owner.querySelector(\".ng-container-body\");\n if (!body) {\n setTimeout(initWhenReady, 10);\n return;\n }\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.#observeResize();\n this.refresh();\n };\n\n initWhenReady();\n }\n\n disconnectedCallback() {\n if (this.#resizeObserver) {\n this.#resizeObserver.disconnect();\n }\n }\n\n #observeResize = () => {\n if (!this.#owner) return;\n const body = this.#owner.querySelector(\".ng-container-body\");\n if (!body) return;\n\n this.#resizeObserver = new ResizeObserver(() => {\n this.refresh();\n });\n this.#resizeObserver.observe(body);\n };\n\n refresh = () => {\n if (!this.#owner \|\| !this.#elements \|\| this.#dragging) 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 - 1);\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 const maxThumbLeft = trackBound.width - thumbWidth;\n if (targetX > maxThumbLeft) targetX = maxThumbLeft;\n targetX = parseInt(targetX, 10);\n\n // 1. 썸 위치 갱신\n this.#elements.thumb.style.left = `${targetX}px`;\n\n this.#elements.left.disabled = (targetX === 0);\n this.#elements.right.disabled = (targetX >= maxThumbLeft - 1);\n\n const w2 = body.clientWidth;\n const w = table.scrollWidth;\n\n // 2. 테이블 이동 거리 산출\n let l = (maxThumbLeft > 0) ? (-targetX * (w - w2) / maxThumbLeft) : 0;\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분할 전체 테이블(좌측, 메인, 우측)의 left 좌표 일괄 동기화\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 - 1);\n };\n\n #init = () => {\n const delayScroll = (pos) => {\n clearInterval(this.#interval1);\n clearInterval(this.#interval2);\n\n const thumbLeft = parseInt(this.#elements.thumb.style.left \|\| 0, 10);\n this.#thumbMoveTo(thumbLeft + pos);\n\n this.#interval1 = setInterval(() => {\n clearInterval(this.#interval1);\n\n this.#interval2 = setInterval(() => {\n const currentThumbLeft = parseInt(this.#elements.thumb.style.left \|\| 0, 10);\n if (!this.#thumbMoveTo(currentThumbLeft + pos)) {\n clearInterval(this.#interval2);\n }\n }, 50);\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 // 🎯 화살표 클릭 및 연속 스크롤 이동량 부여 (좌측: -20px, 우측: +20px)\n this.#elements.left.addEventListener(\"mousedown\", e => { if (e.button !== 0) return; delayScroll(-20); });\n this.#elements.right.addEventListener(\"mousedown\", e => { if (e.button !== 0) return; delayScroll(20); });\n this.#elements.left.addEventListener(\"touchstart\", () => delayScroll(-20));\n this.#elements.right.addEventListener(\"touchstart\", () => delayScroll(20));\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","_resizeObserver","_observeResize","__privateGet","body","__privateSet","__publicField","table","track","thumb","bottomContainer","bodyWidth","tableWidth","trackWidth","thumbWidth","currentLeft","l","maxThumbLeft","_thumbMoveTo","x","trackBound","targetX","w2","w","tbl","_init","delayScroll","pos","thumbLeft","currentThumbLeft","clearTimer","evt","e","trackRect","onMouseMove","moveEvent","onMouseUp","initWhenReady","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","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 #resizeObserver;\n\n constructor() {\n super();\n }\n\n connectedCallback() {\n this.#owner = this.closest(\"nine-table-sheet\") \|\| 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 const initWhenReady = () => {\n const body = this.#owner.querySelector(\".ng-container-body\");\n if (!body) {\n setTimeout(initWhenReady, 10);\n return;\n }\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.#observeResize();\n this.refresh();\n };\n\n initWhenReady();\n }\n\n disconnectedCallback() {\n if (this.#resizeObserver) {\n this.#resizeObserver.disconnect();\n }\n }\n\n #observeResize = () => {\n if (!this.#owner) return;\n const body = this.#owner.querySelector(\".ng-container-body\");\n if (!body) return;\n\n this.#resizeObserver = new ResizeObserver(() => {\n this.refresh();\n });\n this.#resizeObserver.observe(body);\n };\n\n refresh = () => {\n if (!this.#owner \|\| !this.#elements \|\| this.#dragging) 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 - 1);\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 const maxThumbLeft = trackBound.width - thumbWidth;\n if (targetX > maxThumbLeft) targetX = maxThumbLeft;\n targetX = parseInt(targetX, 10);\n\n // 1. 썸 위치 갱신\n this.#elements.thumb.style.left = `${targetX}px`;\n\n this.#elements.left.disabled = (targetX === 0);\n this.#elements.right.disabled = (targetX >= maxThumbLeft - 1);\n\n const w2 = body.clientWidth;\n const w = table.scrollWidth;\n\n // 2. 테이블 이동 거리 산출\n let l = (maxThumbLeft > 0) ? (-targetX * (w - w2) / maxThumbLeft) : 0;\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분할 전체 테이블(좌측, 메인, 우측)의 left 좌표 일괄 동기화\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 - 1);\n };\n\n #init = () => {\n const delayScroll = (pos) => {\n clearInterval(this.#interval1);\n clearInterval(this.#interval2);\n\n const thumbLeft = parseInt(this.#elements.thumb.style.left \|\| 0, 10);\n this.#thumbMoveTo(thumbLeft + pos);\n\n this.#interval1 = setInterval(() => {\n clearInterval(this.#interval1);\n\n this.#interval2 = setInterval(() => {\n const currentThumbLeft = parseInt(this.#elements.thumb.style.left \|\| 0, 10);\n if (!this.#thumbMoveTo(currentThumbLeft + pos)) {\n clearInterval(this.#interval2);\n }\n }, 50);\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 // 🎯 화살표 클릭 및 연속 스크롤 이동량 부여 (좌측: -20px, 우측: +20px)\n this.#elements.left.addEventListener(\"mousedown\", e => { if (e.button !== 0) return; delayScroll(-20); });\n this.#elements.right.addEventListener(\"mousedown\", e => { if (e.button !== 0) return; delayScroll(20); });\n this.#elements.left.addEventListener(\"touchstart\", () => delayScroll(-20));\n this.#elements.right.addEventListener(\"touchstart\", () => delayScroll(20));\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 position: relative;\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","_resizeObserver","_observeResize","__privateGet","body","__privateSet","__publicField","table","track","thumb","bottomContainer","bodyWidth","tableWidth","trackWidth","thumbWidth","currentLeft","l","maxThumbLeft","_thumbMoveTo","x","trackBound","targetX","w2","w","tbl","_init","delayScroll","pos","thumbLeft","currentThumbLeft","clearTimer","evt","e","trackRect","onMouseMove","moveEvent","onMouseUp","initWhenReady","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","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":";;;;;;;;;AAEO,MAAMA,IAAN,MAAMA,UAAcC,GAAY,YAAY;AAAA,EAC/C,cAAc;AACV,UAAK,GACL,KAAK,KAAK,cAAc,OAAO;AAAA,EACnC;AACJ;AALmDC,EAAAF,GAAA;AAA5C,IAAMG,IAANH;AAOA,MAAMI,IAAQ,IAAID,EAAK;;ACP9B,MAAME,IAAN,MAAMA,UAA4B,YAAY;AAAA,EAQ1C,cAAc;AACV,UAAK;AART,IAAAC,EAAA,MAAAC;AACA,IAAAD,EAAA,MAAAE,GAAY;AACZ,IAAAF,EAAA,MAAAG;AACA,IAAAH,EAAA,MAAAI;AACA,IAAAJ,EAAA,MAAAK;AACA,IAAAL,EAAA,MAAAM;AAuGA,IAAAN,EAAA,MAAAO,GAAiB,gBAAAX,EAAA,MAAM;AACnB,UAAI,CAACY,EAAA,MAAKP,GAAQ;AAClB,YAAMQ,IAAOD,EAAA,MAAKP,GAAO,cAAc,oBAAoB;AAC3D,MAAKQ,MAELC,EAAA,MAAKJ,GAAkB,IAAI,eAAe,MAAM;AAC5C,aAAK,QAAO;AAAA,MAChB,CAAC,IACDE,EAAA,MAAKF,GAAgB,QAAQG,CAAI;AAAA,IACrC,GATiB;AAWjB,IAAAE,EAAA,iBAAU,gBAAAf,EAAA,MAAM;AACZ,UAAI,CAACY,EAAA,MAAKP,MAAU,CAACO,EAAA,MAAKL,MAAaK,EAAA,MAAKN,GAAW;AAEvD,YAAMO,IAAOD,EAAA,MAAKL,GAAU,WACtBS,IAAQH,EAAK,cAAc,OAAO;AACxC,UAAI,CAACG,EAAO;AAEZ,YAAMC,IAAQL,EAAA,MAAKL,GAAU,OACvBW,IAAQN,EAAA,MAAKL,GAAU,OACvBY,IAAkBP,EAAA,MAAKP,GAAO,cAAc,sBAAsB,GAElEe,IAAYP,EAAK,aACjBQ,IAAaL,EAAM;AAEzB,UAAII,MAAc,KAAKC,IAAaD;AAChC,QAAID,MAAiBA,EAAgB,MAAM,UAAU;AAAA,WAClD;AACH,QAAIA,MAAiBA,EAAgB,MAAM,UAAU;AACrD;AAAA,MACJ;AAEA,YAAMG,IAAaL,EAAM;AACzB,UAAIK,KAAc,EAAG;AAErB,YAAMC,IAAa,KAAK,IAAI,KAAK,IAAID,KAAcF,IAAYC,IAAaC,CAAU,GAAG,EAAE;AAC3F,MAAAJ,EAAM,MAAM,QAAQ,GAAGK,CAAU;AAEjC,YAAMC,IAAc,SAASR,EAAM,MAAM,QAAQ,GAAG,EAAE;AACtD,UAAIS,IAAI,SAAS,KAAK,IAAID,CAAW,IAAIF,IAAaD,GAAY,EAAE;AACpE,MAAII,IAAI,MAAGA,IAAI;AAEf,YAAMC,IAAeJ,IAAaC;AAClC,MAAIE,IAAIC,MAAcD,IAAIC,IAE1BR,EAAM,MAAM,OAAO,GAAGO,CAAC,MAEvBb,EAAA,MAAKL,GAAU,KAAK,WAAYkB,MAAM,GACtCb,EAAA,MAAKL,GAAU,MAAM,WAAYkB,KAAKC,IAAe;AAAA,IACzD,GAtCU;AAwCV,IAAAtB,EAAA,MAAAuB,GAAe,gBAAA3B,EAAA,CAAC4B,MAAM;AAClB,UAAI,CAAChB,EAAA,MAAKL,GAAW,QAAO;AAE5B,YAAMM,IAAOD,EAAA,MAAKL,GAAU,WACtBS,IAAQH,EAAK,cAAc,OAAO;AACxC,UAAI,CAACG,EAAO,QAAO;AAEnB,YAAMa,IAAajB,EAAA,MAAKL,GAAU,MAAM,sBAAqB,GACvDgB,IAAaX,EAAA,MAAKL,GAAU,MAAM;AAExC,UAAIuB,IAAUF;AACd,MAAIE,IAAU,MAAGA,IAAU;AAC3B,YAAMJ,IAAeG,EAAW,QAAQN;AACxC,MAAIO,IAAUJ,MAAcI,IAAUJ,IACtCI,IAAU,SAASA,GAAS,EAAE,GAG9BlB,EAAA,MAAKL,GAAU,MAAM,MAAM,OAAO,GAAGuB,CAAO,MAE5ClB,EAAA,MAAKL,GAAU,KAAK,WAAYuB,MAAY,GAC5ClB,EAAA,MAAKL,GAAU,MAAM,WAAYuB,KAAWJ,IAAe;AAE3D,YAAMK,IAAKlB,EAAK,aACVmB,IAAIhB,EAAM;AAGhB,UAAI,IAAKU,IAAe,IAAM,CAACI,KAAWE,IAAID,KAAML,IAAgB;AACpE,aAAI,CAAC,IAAIM,IAAID,MAAI,IAAI,EAAEC,IAAID,KACvB,CAAC,IAAI,IAAIC,IAAID,MAAI,IAAI,EAAEC,IAAID,KAC3BA,KAAMC,MAAG,IAAI,IAGCpB,EAAA,MAAKP,GAAO,iBAAiB,+EAA+E,EACpH,QAAQ,CAAA4B,MAAO;AACrB,QAAAA,EAAI,MAAM,OAAO,GAAG,CAAC;AAAA,MACzB,CAAC,GAEOH,IAAU,KAAKA,IAAUJ,IAAe;AAAA,IACpD,GAtCe;AAwCf,IAAAtB,EAAA,MAAA8B,GAAQ,gBAAAlC,EAAA,MAAM;AACV,YAAMmC,IAAc,gBAAAnC,EAAA,CAACoC,MAAQ;AACzB,sBAAcxB,EAAA,MAAKJ,EAAU,GAC7B,cAAcI,EAAA,MAAKH,EAAU;AAE7B,cAAM4B,IAAY,SAASzB,EAAA,MAAKL,GAAU,MAAM,MAAM,QAAQ,GAAG,EAAE;AACnE,QAAAK,EAAA,MAAKe,GAAL,WAAkBU,IAAYD,IAE9BtB,EAAA,MAAKN,GAAa,YAAY,MAAM;AAChC,wBAAcI,EAAA,MAAKJ,EAAU,GAE7BM,EAAA,MAAKL,GAAa,YAAY,MAAM;AAChC,kBAAM6B,IAAmB,SAAS1B,EAAA,MAAKL,GAAU,MAAM,MAAM,QAAQ,GAAG,EAAE;AAC1E,YAAKK,EAAA,MAAKe,GAAL,WAAkBW,IAAmBF,MACtC,cAAcxB,EAAA,MAAKH,EAAU;AAAA,UAErC,GAAG,EAAE;AAAA,QACT,GAAG,GAAG;AAAA,MACV,GAjBoB,gBAmBd8B,IAAa,gBAAAvC,EAAA,MAAM;AACrB,sBAAcY,EAAA,MAAKJ,EAAU,GAC7B,cAAcI,EAAA,MAAKH,EAAU;AAAA,MACjC,GAHmB;AAKnB,OAAC,WAAW,cAAc,UAAU,EAAE,QAAQ,CAAA+B,MAAO;AACjD,QAAA5B,EAAA,MAAKL,GAAU,KAAK,iBAAiBiC,GAAKD,CAAU,GACpD3B,EAAA,MAAKL,GAAU,MAAM,iBAAiBiC,GAAKD,CAAU,GACrD3B,EAAA,MAAKL,GAAU,MAAM,iBAAiBiC,GAAKD,CAAU;AAAA,MACzD,CAAC,GAGD3B,EAAA,MAAKL,GAAU,KAAK,iBAAiB,aAAa,CAAAkC,MAAK;AAAE,QAAIA,EAAE,WAAW,KAAWN,EAAY,GAAG;AAAA,MAAG,CAAC,GACxGvB,EAAA,MAAKL,GAAU,MAAM,iBAAiB,aAAa,CAAAkC,MAAK;AAAE,QAAIA,EAAE,WAAW,KAAWN,EAAY,EAAE;AAAA,MAAG,CAAC,GACxGvB,EAAA,MAAKL,GAAU,KAAK,iBAAiB,cAAc,MAAM4B,EAAY,GAAG,CAAC,GACzEvB,EAAA,MAAKL,GAAU,MAAM,iBAAiB,cAAc,MAAM4B,EAAY,EAAE,CAAC,GAEzEvB,EAAA,MAAKL,GAAU,MAAM,iBAAiB,aAAa,CAAAkC,MAAK;AACpD,YAAIA,EAAE,WAAW,EAAG;AACpB,QAAAA,EAAE,eAAc;AAChB,cAAMC,IAAY9B,EAAA,MAAKL,GAAU,MAAM,sBAAqB,GACtDgB,IAAaX,EAAA,MAAKL,GAAU,MAAM;AACxC,QAAAK,EAAA,MAAKe,GAAL,WAAkBc,EAAE,UAAUC,EAAU,OAAQnB,IAAa;AAAA,MACjE,CAAC,GAEDX,EAAA,MAAKL,GAAU,MAAM,iBAAiB,aAAa,CAAAkC,MAAK;AACpD,YAAIA,EAAE,WAAW,EAAG;AACpB,QAAAA,EAAE,gBAAe,GACjBA,EAAE,eAAc,GAChB3B,EAAA,MAAKR,GAAY,KACjB,KAAK,SAASmC,EAAE,UAAU7B,EAAA,MAAKL,GAAU,MAAM,sBAAqB,EAAG;AAEvE,cAAMoC,IAAc,gBAAA3C,EAAA,CAAC4C,MAAc;AAC/B,cAAI,CAAChC,EAAA,MAAKN,GAAW;AACrB,gBAAMoC,IAAY9B,EAAA,MAAKL,GAAU,MAAM,sBAAqB;AAC5D,UAAAK,EAAA,MAAKe,GAAL,WAAkBiB,EAAU,UAAUF,EAAU,OAAO,KAAK;AAAA,QAChE,GAJoB,gBAMdG,IAAY,gBAAA7C,EAAA,MAAM;AACpB,UAAAc,EAAA,MAAKR,GAAY,KACjBiC,EAAU,GACV,SAAS,oBAAoB,aAAaI,CAAW,GACrD,SAAS,oBAAoB,WAAWE,CAAS,GACjD,KAAK,QAAO;AAAA,QAChB,GANkB;AAQlB,iBAAS,iBAAiB,aAAaF,CAAW,GAClD,SAAS,iBAAiB,WAAWE,CAAS;AAAA,MAClD,CAAC;AAAA,IACL,GArEQ;AAAA,EA9LR;AAAA,EAEA,oBAAoB;AAEhB,QADA/B,EAAA,MAAKT,GAAS,KAAK,QAAQ,kBAAkB,KAAK,KAAK,YAAW,EAAG,OACjE,CAACO,EAAA,MAAKP,GAAQ;AAElB,SAAK,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgEjB,UAAMyC,IAAgB,gBAAA9C,EAAA,MAAM;AACxB,YAAMa,IAAOD,EAAA,MAAKP,GAAO,cAAc,oBAAoB;AAC3D,UAAI,CAACQ,GAAM;AACP,mBAAWiC,GAAe,EAAE;AAC5B;AAAA,MACJ;AAEA,MAAAhC,EAAA,MAAKP,GAAY;AAAA,QACb,WAAYM;AAAA,QACZ,OAAY,KAAK,cAAc,kBAAkB;AAAA,QACjD,OAAY,KAAK,cAAc,kBAAkB;AAAA,QACjD,MAAY,KAAK,cAAc,iBAAiB;AAAA,QAChD,OAAY,KAAK,cAAc,kBAAkB;AAAA,MACjE,IAEYD,EAAA,MAAKsB,GAAL,YACAtB,EAAA,MAAKD,GAAL,YACA,KAAK,QAAO;AAAA,IAChB,GAlBsB;AAoBtB,IAAAmC,EAAa;AAAA,EACjB;AAAA,EAEA,uBAAuB;AACnB,IAAIlC,EAAA,MAAKF,MACLE,EAAA,MAAKF,GAAgB,WAAU;AAAA,EAEvC;AAmKJ;AA7QIL,IAAA,eACAC,IAAA,eACAC,IAAA,eACAC,IAAA,eACAC,IAAA,eACAC,IAAA,eAuGAC,IAAA,eAmDAgB,IAAA,eAwCAO,IAAA,eAxM0ClC,EAAAG,GAAA;AAA9C,IAAM4C,IAAN5C;AAgRK,eAAe,IAAI,uBAAuB,KAC3C,eAAe,OAAO,yBAAyB4C,CAAmB;;AChR/D,MAAMC,IAAN,MAAMA,UAAuB,YAAY;AAAA,EAI5C,cAAc;AACV,UAAK;AAJT,IAAA5C,EAAA,MAAA6C,GAAgB;AAWhB,IAAAlC,EAAA,cAAO,gBAAAf,EAAA,CAACkD,MAAY;AAChB,UAAI,CAACA,EAAS;AAEd,YAAMC,IAAkB,gBAAAnD,EAAA,CAACiC,MAAQ;AAE7B,cAAMmB,IAAiB,gBAAApD,EAAA,CAACiC,MAAQ;AAC5B,cAAIA,EAAI,cAAc,UAAU,EAAG;AAEnC,gBAAMoB,IAAWpB,EAAI,cAAc,UAAU,KAAKA,EAAI,cAAc,IAAI,GAClEqB,IAAWD,IAAWA,EAAS,iBAAiB,QAAQ,EAAE,SAAS,GAEnEE,IAAW,SAAS,cAAc,UAAU,GAC5CC,IAAe,KAAK,IAAI,KAAK,OAAOvB,EAAI,eAAe,OAAOqB,CAAQ,GAAG,GAAG;AAElF,mBAASG,IAAI,GAAGA,IAAIH,GAAUG,KAAK;AAC/B,kBAAMC,IAAM,SAAS,cAAc,KAAK;AACxC,YAAAA,EAAI,aAAa,SAASF,CAAY,GACtCD,EAAS,YAAYG,CAAG;AAAA,UAC5B;AACA,UAAAzB,EAAI,QAAQsB,CAAQ;AAAA,QACxB,GAfuB,mBAiBjBI,IAAc,gBAAA3D,EAAA,CAACiC,MAAQ;AACzB,cAAIA,EAAI,cAAc,OAAO,EAAG;AAEhC,gBAAM2B,IAAQ,SAAS,cAAc,OAAO,GACtCL,IAAWtB,EAAI,cAAc,UAAU;AAE7C,UAAIsB,IACAA,EAAS,MAAMK,CAAK,IAEpB3B,EAAI,QAAQ2B,CAAK;AAAA,QAEzB,GAXoB;AAapB,eAAAR,EAAenB,CAAG,GAClB0B,EAAY1B,CAAG,GAEfA,EAAI,UAAU,IAAI,oBAAoB,GAC/BA;AAAA,MACX,GArCwB,oBAuClB4B,IAAcX,EAAQ,UAAU,EAAI;AAC1C,MAAApC,EAAA,MAAKmC,GAAgBE,EAAgBU,CAAW,IAChDjD,EAAA,MAAKqC,GAAc,MAAM,UAAU;AAEnC,YAAMa,IAAgB,KAAK,cAAc,oBAAoB,GACvDC,IAAgB,KAAK,cAAc,oBAAoB,GACvDC,IAAiB,KAAK,cAAc,qBAAqB,GAEzDC,IAAqB,gBAAAjE,EAAA,CAACkE,GAAaC,GAAiBC,IAAS,OAAU;AACzE,cAAMnC,IAAMiC,EAAY,UAAU,EAAI,GAChCG,IAAO,MAAM,KAAKpC,EAAI,iBAAiB,cAAc,CAAC,GACtDqC,IAAgB,CAAA;AAEtB,eAAAD,EAAK,QAAQ,CAACX,GAAKa,MAAQ;AACvB,gBAAMC,IAAYd,EAAI,aAAa,OAAO;AAE1C,WADgBU,IAAU,CAACI,KAAaA,MAAc,KAAOA,MAAcL,MAEvEG,EAAc,KAAKC,CAAG;AAAA,QAE9B,CAAC,GAEDD,EAAc,QAAO,EAAG,QAAQ,CAAAC,MAAO;AACnC,UAAIF,EAAKE,CAAG,KAAGF,EAAKE,CAAG,EAAE,OAAM,GAC/BtC,EAAI,iBAAiB,IAAI,EAAE,QAAQ,CAAAwC,MAAM;AACrC,kBAAMC,IAAQD,EAAG,iBAAiB,QAAQ;AAC1C,YAAIC,EAAMH,CAAG,KAAGG,EAAMH,CAAG,EAAE,OAAM;AAAA,UACrC,CAAC;AAAA,QACL,CAAC,GAEMtC;AAAA,MACX,GAtB2B;AAyB3B,UAAI8B,GAAe;AACf,cAAMY,IAAYV,EAAmBrD,EAAA,MAAKqC,IAAe,MAAM,EAAI;AACnE,QAAAc,EAAc,YAAY,IAC1BA,EAAc,YAAYY,CAAS;AAAA,MACvC;AAGA,UAAIb,GAAe;AACf,cAAMc,IAAYX,EAAmBrD,EAAA,MAAKqC,IAAe,QAAQ,EAAK;AAEtE,YAAI4B,IAAY;AAChB,QAAAD,EAAU,iBAAiB,KAAK,EAAE,QAAQ,CAAAlB,MAAO;AAC7C,gBAAM1B,IAAI,SAAS0B,EAAI,aAAa,OAAO,GAAG,EAAE;AAChD,UAAK,MAAM1B,CAAC,MAAG6C,KAAa7C;AAAA,QAChC,CAAC,GAED8B,EAAc,YAAY,IAC1BA,EAAc,YAAYc,CAAS;AAEnC,cAAME,IAAkBD,IAAY,IAAIA,IAAY;AACpD,QAAAf,EAAc,MAAM,OAAO,OAAOgB,CAAe,MACjDhB,EAAc,MAAM,QAAQ,GAAGgB,CAAe;AAAA,MAClD;AAGA,UAAId,GAAgB;AAChB,cAAMe,IAAad,EAAmBrD,EAAA,MAAKqC,IAAe,SAAS,EAAK;AAExE,YAAI+B,IAAa;AACjB,QAAAD,EAAW,iBAAiB,KAAK,EAAE,QAAQ,CAAArB,MAAO;AAC9C,gBAAM1B,IAAI,SAAS0B,EAAI,aAAa,OAAO,GAAG,EAAE;AAChD,UAAK,MAAM1B,CAAC,MAAGgD,KAAchD;AAAA,QACjC,CAAC,GAEDgC,EAAe,YAAY,IAC3BA,EAAe,YAAYe,CAAU;AAErC,cAAME,IAAmBD,IAAa,IAAIA,IAAa;AACvD,QAAAhB,EAAe,MAAM,OAAO,OAAOiB,CAAgB,MACnDjB,EAAe,MAAM,QAAQ,GAAGiB,CAAgB;AAAA,MACpD;AAGA,UAAIlB,GAAe;AACf,cAAMmB,IAAW,KAAK,YAAW;AACjC,QAAAnB,EAAc,MAAM,YAAYmB,IAAW,KAAK,SAAS,UAGzDnB,EAAc,iBAAiB,UAAU,MAAM;AAC3C,gBAAMoB,IAAa,KAAK,cAAc,uBAAuB;AAC7D,UAAIA,KAAc,OAAOA,EAAW,WAAY,cAC5CA,EAAW,QAAO;AAAA,QAE1B,CAAC;AAAA,MACL;AAGA,iBAAW,MAAM;AACb,cAAMA,IAAa,KAAK,cAAc,uBAAuB;AAC7D,QAAIA,KAAc,OAAOA,EAAW,WAAY,cAC5CA,EAAW,QAAO;AAAA,MAE1B,GAAG,CAAC,GAEJjF,EAAM,IAAI,iDAAiD,KAAK,YAAW,CAAE,EAAE;AAAA,IACnF,GA5IO;AA8IP,IAAAa,EAAA,qBAAc,gBAAAf,EAAA,MACLY,EAAA,MAAKqC,KACHrC,EAAA,MAAKqC,GAAc,iBAAiB,UAAU,EAAE,SADvB,GADtB;AAKd,IAAAlC,EAAA,mBAAY,gBAAAf,EAAA,CAACoF,MAAe;AACxB,YAAMrB,IAAgB,KAAK,cAAc,oBAAoB;AAC7D,MAAIA,MAAeA,EAAc,aAAaqB;AAAA,IAClD,GAHY;AAKZ,IAAArE,EAAA,mBAAY,gBAAAf,EAAA,CAACqF,MAAc;AACvB,YAAMtB,IAAgB,KAAK,cAAc,oBAAoB;AAC7D,MAAIA,MAAeA,EAAc,YAAYsB;AAAA,IACjD,GAHY;AAKZ,IAAAjF,EAAA,MAAAkF,GAAU,gBAAAtF,EAAA,MAAM;AACZ,YAAMuF,IAASvC,EAAe;AAE9B,WAAK,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0CAkBiBuC,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAqClBA,CAAM;AAAA,kCACFA,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6BAeXA,CAAM;AAAA,iCACFA,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IA0CnC,GArHU;AAAA,EAnKV;AAAA,EAEA,oBAAoB;AAChB,IAAA3E,EAAA,MAAK0E,GAAL;AAAA,EACJ;AAAA,EAsRA,uBAAuB;AACnB,SAAK,YAAY,IACjBpF,EAAM,IAAI,2BAA2B;AAAA,EACzC;AACJ;AAnSI+C,IAAA,eAwKAqC,IAAA,eAzK4CtF,EAAAgD,GAAA,mBAE5CjC,EAFSiC,GAEF,kBAAiB;AAFrB,IAAMwC,IAANxC;AAsSF,eAAe,IAAI,kBAAkB,KACtC,eAAe,OAAO,oBAAoBwC,CAAc;;ACxSrD,MAAMC,IAAN,MAAMA,UAAwB,YAAY;AAAA,EAC7C,cAAc;AACV,UAAK;AAOT,IAAArF,EAAA,MAAA8B,GAAQ,gBAAAlC,EAAA,MAAM;AACV,YAAM0F,IAAS,KAAK,cAAc,eAAe;AACjD,MAAKA,MAELA,EAAO,iBAAiB,SAAS,CAACjD,MAAM;AACpC,cAAMkD,IAAUlD,EAAE,OAAO,QAAQ,gBAAgB;AACjD,YAAI,CAACkD,EAAS;AAEd,cAAMC,IAAgBnD,EAAE,WAAWA,EAAE,WAAWA,EAAE,UAC5CoD,IAAQ,SAASF,EAAQ,QAAQ,OAAO,EAAE;AAChD,aAAK,YAAYE,GAAOD,CAAa;AAAA,MACzC,CAAC,GAED,KAAK,YAAY,GAAG,EAAK;AAAA,IAC7B,GAdQ;AAgBR,IAAA7E,EAAA,qBAAc,gBAAAf,EAAA,CAAC6F,GAAOD,IAAgB,OAAU;AAE5C,YAAME,IAAkB,gBAAA9F,EAAA,MAAM;AAC1B,cAAMa,IAAO,KAAK,cAAc,wBAAwB;AAExD,QADkBA,EAAK,iBAAiB,eAAe,EAC7C,QAAQ,CAAAkF,MAAY;AAC1B,gBAAMC,IAAa,SAASD,EAAS,QAAQ,YAAY,EAAE,GACrDE,IAAYpF,EAAK,cAAc,gCAAgCmF,IAAa,CAAC,IAAI,GACjFE,IAAarF,EAAK,cAAc,gCAAgCmF,CAAU,IAAI;AAEpF,UAAIC,KAAaC,KAAcD,EAAU,UAAU,SAAS,QAAQ,KAAKC,EAAW,UAAU,SAAS,QAAQ,IAC3GH,EAAS,UAAU,IAAI,QAAQ,IAE/BA,EAAS,UAAU,OAAO,QAAQ;AAAA,QAE1C,CAAC;AAAA,MACL,GAdwB,oBAgBlBL,IAAS,KAAK,cAAc,eAAe,GAC3C7E,IAAO,KAAK,cAAc,wBAAwB,GAClDsF,IAAWT,EAAO,iBAAiB,gBAAgB,GACnDU,IAAgBvF,EAAK,iBAAiB,kBAAkB;AAE9D,UAAI,CAACsF,EAASN,CAAK,EAAG;AAEtB,UAAI,CAACD;AACD,QAAAO,EAAS,QAAQ,CAACE,GAAK9B,MAAQ;AAC3B,UAAA8B,EAAI,UAAU,OAAO,UAAU9B,MAAQsB,CAAK;AAC5C,gBAAMS,IAAQzF,EAAK,cAAc,gCAAgC0D,CAAG,IAAI;AACxE,UAAI+B,MAAOA,EAAM,MAAM,OAAO;AAAA,QAClC,CAAC,GACDF,EAAc,QAAQ,CAACE,GAAO/B,MAAQ;AAClC,UAAA+B,EAAM,UAAU,OAAO,UAAU/B,MAAQsB,CAAK;AAAA,QAClD,CAAC;AAAA,WACE;AACH,cAAMU,IAAaJ,EAASN,CAAK,GAC3BW,IAAad,EAAO,iBAAiB,uBAAuB;AAElE,YAAIa,EAAW,UAAU,SAAS,QAAQ,KAAKC,EAAW,UAAU;AAChE;AAGJ,QAAAD,EAAW,UAAU,OAAO,QAAQ;AACpC,cAAME,IAAc5F,EAAK,cAAc,gCAAgCgF,CAAK,IAAI;AAChF,QAAIY,MACAA,EAAY,UAAU,OAAO,QAAQ,GAChCA,EAAY,UAAU,SAAS,QAAQ,MACxCA,EAAY,MAAM,OAAO;AAAA,MAGrC;AAEA,YAAMC,IAAe,MAAM,KAAK7F,EAAK,iBAAiB,yBAAyB,CAAC;AAChF,UAAI6F,EAAa,SAAS,GAAG;AACzB,cAAMC,IAAgB,IAAID,EAAa;AACvC,QAAAA,EAAa,QAAQ,CAAAJ,MAAS;AAC1B,WAAI,CAACA,EAAM,MAAM,QAAQA,EAAM,MAAM,SAAS,gBAC1CA,EAAM,MAAM,OAAO,GAAGK,CAAY,IAAIA,CAAY;AAAA,QAE1D,CAAC;AAAA,MACL;AACI,QAAAD,EAAa,QAAQ,CAAAJ,MAAS;AAC1B,UAAAA,EAAM,MAAM,OAAO;AAAA,QACvB,CAAC;AAGL,MAAAR,EAAe;AAEf,YAAMc,IAAc/F,EAAK,cAAc,yBAAyB;AAChE,UAAI+F,KAAe,OAAOA,EAAY,eAAgB,YAAY;AAC9D,cAAMC,IAAa,KAAK,cAAc,YAAY;AAClD,QAAIA,MACAA,EAAW,cAAcD,EAAY,YAAW,EAAG,eAAc;AAAA,MAEzE;AAAA,IACJ,GA3Ec;AAAA,EAtBd;AAAA,EAEA,oBAAoB;AAChB,IAAAhG,EAAA,MAAKsB,GAAL;AAAA,EACJ;AAgGJ;AA9FIA,IAAA,eAT6ClC,EAAAyF,GAAA;AAA1C,IAAMqB,IAANrB;AAyGF,eAAe,IAAI,mBAAmB,KACvC,eAAe,OAAO,qBAAqBqB,CAAe;;AC1FvD,MAAMC,IAAN,MAAMA,EAAc;AAAA,EAIvB,YAAYC,GAAY;AAHxB,IAAA5G,EAAA,MAAA6G;AACA,IAAA7G,EAAA,MAAAM,GAAkB;AAQlB,IAAAN,EAAA,MAAAO,GAAiB,gBAAAX,EAAA,MAAM;AACnB,YAAMkH,IAAStG,EAAA,MAAKqG,GAAM;AAC1B,MAAKC,MAELpG,EAAA,MAAKJ,GAAkB,IAAI,eAAe,CAACyG,MAAY;AACnD,iBAASC,KAASD;AAEd,UADqBD,EAAO,aAAa,aAAa,MAAM,UAExDtG,EAAA,MAAKyG,GAAL,WAAsBH;AAAA,MAGlC,CAAC,IAEDtG,EAAA,MAAKF,GAAgB,QAAQwG,CAAM;AAAA,IACvC,GAdiB;AAgBjB,IAAA9G,EAAA,MAAAiH,GAAmB,gBAAArH,EAAA,CAACkH,MAAW;;AAC3B,YAAMN,KAAcU,IAAAJ,EAAO,eAAP,gBAAAI,EAAmB,cAAc;AACrD,UAAI,CAACV,EAAa;AAElB,YAAM1B,MAAWqC,IAAAX,EAAY,gBAAZ,gBAAAW,EAAA,KAAAX,OAA+B,GAG1CY,IAAU,SAASN,EAAO,aAAa,iBAAiB,GAAG,EAAE,KAAK,IAClEO,IAAa,KAAK,IAAIvC,GAAUsC,CAAO,GAGvCE,IAAYd,EAAY,cAAc,UAAU,KAAKA,EAAY,cAAc,IAAI,GACnFe,IAAYD,IAAYA,EAAU,sBAAqB,EAAG,SAAS,IAGnEE,IAAWhH,EAAA,MAAKqG,GAAM,cAAc,mBAAmB,GACvDY,IAAWjH,EAAA,MAAKqG,GAAM,cAAc,0BAA0B,GAC9Da,IAAeF,IAAWA,EAAS,sBAAqB,EAAG,SAAS,IACpEG,IAAeF,IAAWA,EAAS,sBAAqB,EAAG,SAAS,IAGpEG,IAAqBF,IAAeC,IAFrB,IAGfE,IAAoBR,IAAaE,IAAaK;AAEpD,MAAAd,EAAO,MAAM,SAAS,GAAGe,CAAgB,MACzCf,EAAO,MAAM,YAAY,GAAIM,IAAUG,IAAaK,CAAkB;AAEtE,YAAME,IAAatH,EAAA,MAAKqG,GAAM,cAAc,wBAAwB;AACpE,MAAIiB,MACAA,EAAW,MAAM,YAAYhD,IAAWsC,IAAU,SAAS;AAAA,IAEnE,GA/BmB;AAiCnB,IAAApH,EAAA,MAAAkF,GAAU,gBAAAtF,EAAA,MAAM;AACZ,YAAMkH,IAAStG,EAAA,MAAKqG,GAAM,MAEpBkB,IADc,MAAM,KAAKjB,EAAO,QAAQ,EAChB,OAAO,CAAAkB,MAAMA,EAAG,YAAY,OAAO,GAC3DC,IAAenB,EAAO,aAAa,aAAa,MAAM,QAEtDoB,IAAaH,EAAU,IAAI,CAACI,GAAGhE,MAE1B,4BADWA,MAAQ,IAAI,WAAW,EACG,iBAAiBA,CAAG,uBACnE,EAAE,KAAK,EAAE,GAEJiE,IAAWL,EAAU,IAAI,CAACI,GAAGhE,MAExB,6BADWA,MAAQ,IAAI,WAAW,EACI,iBAAiBA,CAAG,WAAWA,IAAM,CAAC,QACtF,EAAE,KAAK,EAAE;AAEV,MAAA3D,EAAA,MAAKqG,GAAM,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAODoB,IAAe,SAAS,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8CAiFdC,CAAU;AAAA;AAAA,oDAEJE,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASpD,YAAMC,IAAiB7H,EAAA,MAAKqG,GAAM,iBAAiB,kBAAkB;AAErE,MAAAwB,KAAA,QAAAA,EAAgB,QAAQ,CAACC,GAAKnE,MAAQ;AAClC,QAAI4D,EAAU5D,CAAG,KACb,WAAW,MAAM;AACb,UAAAmE,EAAI,KAAKP,EAAU5D,CAAG,CAAC,GACnB8D,KACAzH,EAAA,MAAKyG,GAAL,WAAsBH;AAAA,QAE9B,CAAC;AAAA,MAET;AAAA,IACJ,GA/HU;AAtDN,IAAApG,EAAA,MAAKmG,GAAQD,IACbpG,EAAA,MAAK0E,GAAL,YACA1E,EAAA,MAAKD,GAAL;AAAA,EACJ;AAmLJ;AA1LIsG,IAAA,eACAvG,IAAA,eAQAC,IAAA,eAgBA0G,IAAA,eAiCA/B,IAAA,eA3DuBtF,EAAA+G,GAAA;AAApB,IAAM4B,IAAN5B;;ACfQ,MAAM6B,KAAN,MAAMA,WAAkB,YAAY;AAAA,EAG/C,cAAc;AACV,UAAK;AAHT,IAAAxI,EAAA,MAAAyI,GAAW;AAIP,SAAK,aAAa,EAAE,MAAM,OAAM,CAAE;AAAA,EACtC;AAAA,EAEA,oBAAoB;AAChB,IAAIjI,EAAA,MAAKiI,OAGT,KAAK,gBAAgB,IAAIF,EAAc,KAAK,UAAU,GAGtD7H,EAAA,MAAK+H,GAAW,KAChB3I,EAAM,IAAI,sBAAsB,GAEhC,KAAK,cAAc,IAAI,YAAY,QAAQ,EAAE,SAAS,IAAM,QAAQ,EAAE,QAAQ,KAAI,EAAE,CAAE,CAAC;AAAA,EAC3F;AAAA,EAEA,uBAAuB;AACnB,IAAAA,EAAM,IAAI,yBAAyB;AAAA,EACvC;AACJ;AAvBI2I,IAAA,eAD+C7I,EAAA4I,IAAA;AAApC,IAAME,IAANF;AA0BV,eAAe,IAAI,YAAY,KAChC,eAAe,OAAO,cAAcE,CAAS;"}

package/dist/nine-table.umd.js CHANGED Viewed

@@ -142,6 +142,7 @@
                     border-collapse: collapse;
                     width: 100%;
                     table-layout: fixed;
+                    position: relative;
                 }
                 nine-table-sheet th, nine-table-sheet td {

package/dist/nine-table.umd.js.map CHANGED Viewed

	@@ -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 = false;\n #elements;\n #interval1;\n #interval2;\n #resizeObserver;\n\n constructor() {\n super();\n }\n\n connectedCallback() {\n this.#owner = this.closest(\"nine-table-sheet\") \|\| 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 const initWhenReady = () => {\n const body = this.#owner.querySelector(\".ng-container-body\");\n if (!body) {\n setTimeout(initWhenReady, 10);\n return;\n }\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.#observeResize();\n this.refresh();\n };\n\n initWhenReady();\n }\n\n disconnectedCallback() {\n if (this.#resizeObserver) {\n this.#resizeObserver.disconnect();\n }\n }\n\n #observeResize = () => {\n if (!this.#owner) return;\n const body = this.#owner.querySelector(\".ng-container-body\");\n if (!body) return;\n\n this.#resizeObserver = new ResizeObserver(() => {\n this.refresh();\n });\n this.#resizeObserver.observe(body);\n };\n\n refresh = () => {\n if (!this.#owner \|\| !this.#elements \|\| this.#dragging) 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 - 1);\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 const maxThumbLeft = trackBound.width - thumbWidth;\n if (targetX > maxThumbLeft) targetX = maxThumbLeft;\n targetX = parseInt(targetX, 10);\n\n // 1. 썸 위치 갱신\n this.#elements.thumb.style.left = `${targetX}px`;\n\n this.#elements.left.disabled = (targetX === 0);\n this.#elements.right.disabled = (targetX >= maxThumbLeft - 1);\n\n const w2 = body.clientWidth;\n const w = table.scrollWidth;\n\n // 2. 테이블 이동 거리 산출\n let l = (maxThumbLeft > 0) ? (-targetX * (w - w2) / maxThumbLeft) : 0;\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분할 전체 테이블(좌측, 메인, 우측)의 left 좌표 일괄 동기화\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 - 1);\n };\n\n #init = () => {\n const delayScroll = (pos) => {\n clearInterval(this.#interval1);\n clearInterval(this.#interval2);\n\n const thumbLeft = parseInt(this.#elements.thumb.style.left \|\| 0, 10);\n this.#thumbMoveTo(thumbLeft + pos);\n\n this.#interval1 = setInterval(() => {\n clearInterval(this.#interval1);\n\n this.#interval2 = setInterval(() => {\n const currentThumbLeft = parseInt(this.#elements.thumb.style.left \|\| 0, 10);\n if (!this.#thumbMoveTo(currentThumbLeft + pos)) {\n clearInterval(this.#interval2);\n }\n }, 50);\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 // 🎯 화살표 클릭 및 연속 스크롤 이동량 부여 (좌측: -20px, 우측: +20px)\n this.#elements.left.addEventListener(\"mousedown\", e => { if (e.button !== 0) return; delayScroll(-20); });\n this.#elements.right.addEventListener(\"mousedown\", e => { if (e.button !== 0) return; delayScroll(20); });\n this.#elements.left.addEventListener(\"touchstart\", () => delayScroll(-20));\n this.#elements.right.addEventListener(\"touchstart\", () => delayScroll(20));\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","_resizeObserver","_observeResize","__privateGet","body","__privateSet","__publicField","table","track","thumb","bottomContainer","bodyWidth","tableWidth","trackWidth","thumbWidth","currentLeft","l","maxThumbLeft","_thumbMoveTo","x","trackBound","targetX","w2","w","tbl","_init","delayScroll","pos","thumbLeft","currentThumbLeft","clearTimer","evt","e","trackRect","onMouseMove","moveEvent","onMouseUp","initWhenReady","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","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":"20BAEO,MAAMA,EAAN,MAAMA,UAAcC,EAAAA,MAAY,WAAY,CAC/C,aAAc,CACV,MAAK,EACL,KAAK,KAAK,aAAc,OAAO,CACnC,CACJ,EALmDC,EAAAF,EAAA,SAA5C,IAAMG,EAANH,EAOA,MAAMI,EAAQ,IAAID,ECPnBE,EAAN,MAAMA,UAA4B,WAAY,CAQ1C,aAAc,CACV,MAAK,EARTC,EAAA,KAAAC,GACAD,EAAA,KAAAE,EAAY,IACZF,EAAA,KAAAG,GACAH,EAAA,KAAAI,GACAJ,EAAA,KAAAK,GACAL,EAAA,KAAAM,GAuGAN,EAAA,KAAAO,EAAiBX,EAAA,IAAM,CACnB,GAAI,CAACY,EAAA,KAAKP,GAAQ,OAClB,MAAMQ,EAAOD,EAAA,KAAKP,GAAO,cAAc,oBAAoB,EACtDQ,IAELC,EAAA,KAAKJ,EAAkB,IAAI,eAAe,IAAM,CAC5C,KAAK,QAAO,CAChB,CAAC,GACDE,EAAA,KAAKF,GAAgB,QAAQG,CAAI,EACrC,EATiB,mBAWjBE,EAAA,eAAUf,EAAA,IAAM,CACZ,GAAI,CAACY,EAAA,KAAKP,IAAU,CAACO,EAAA,KAAKL,IAAaK,EAAA,KAAKN,GAAW,OAEvD,MAAMO,EAAOD,EAAA,KAAKL,GAAU,UACtBS,EAAQH,EAAK,cAAc,OAAO,EACxC,GAAI,CAACG,EAAO,OAEZ,MAAMC,EAAQL,EAAA,KAAKL,GAAU,MACvBW,EAAQN,EAAA,KAAKL,GAAU,MACvBY,EAAkBP,EAAA,KAAKP,GAAO,cAAc,sBAAsB,EAElEe,EAAYP,EAAK,YACjBQ,EAAaL,EAAM,YAEzB,GAAII,IAAc,GAAKC,EAAaD,EAC5BD,IAAiBA,EAAgB,MAAM,QAAU,YAClD,CACCA,IAAiBA,EAAgB,MAAM,QAAU,QACrD,MACJ,CAEA,MAAMG,EAAaL,EAAM,YACzB,GAAIK,GAAc,EAAG,OAErB,MAAMC,EAAa,KAAK,IAAI,KAAK,IAAID,GAAcF,EAAYC,GAAaC,CAAU,EAAG,EAAE,EAC3FJ,EAAM,MAAM,MAAQ,GAAGK,CAAU,KAEjC,MAAMC,EAAc,SAASR,EAAM,MAAM,MAAQ,EAAG,EAAE,EACtD,IAAIS,EAAI,SAAS,KAAK,IAAID,CAAW,EAAIF,EAAaD,EAAY,EAAE,EAChEI,EAAI,IAAGA,EAAI,GAEf,MAAMC,EAAeJ,EAAaC,EAC9BE,EAAIC,IAAcD,EAAIC,GAE1BR,EAAM,MAAM,KAAO,GAAGO,CAAC,KAEvBb,EAAA,KAAKL,GAAU,KAAK,SAAYkB,IAAM,EACtCb,EAAA,KAAKL,GAAU,MAAM,SAAYkB,GAAKC,EAAe,CACzD,EAtCU,YAwCVtB,EAAA,KAAAuB,EAAe3B,EAAC4B,GAAM,CAClB,GAAI,CAAChB,EAAA,KAAKL,GAAW,MAAO,GAE5B,MAAMM,EAAOD,EAAA,KAAKL,GAAU,UACtBS,EAAQH,EAAK,cAAc,OAAO,EACxC,GAAI,CAACG,EAAO,MAAO,GAEnB,MAAMa,EAAajB,EAAA,KAAKL,GAAU,MAAM,sBAAqB,EACvDgB,EAAaX,EAAA,KAAKL,GAAU,MAAM,YAExC,IAAIuB,EAAUF,EACVE,EAAU,IAAGA,EAAU,GAC3B,MAAMJ,EAAeG,EAAW,MAAQN,EACpCO,EAAUJ,IAAcI,EAAUJ,GACtCI,EAAU,SAASA,EAAS,EAAE,EAG9BlB,EAAA,KAAKL,GAAU,MAAM,MAAM,KAAO,GAAGuB,CAAO,KAE5ClB,EAAA,KAAKL,GAAU,KAAK,SAAYuB,IAAY,EAC5ClB,EAAA,KAAKL,GAAU,MAAM,SAAYuB,GAAWJ,EAAe,EAE3D,MAAMK,EAAKlB,EAAK,YACVmB,EAAIhB,EAAM,YAGhB,IAAIS,EAAKC,EAAe,EAAM,CAACI,GAAWE,EAAID,GAAML,EAAgB,EACpE,MAAI,CAACD,EAAIO,EAAID,IAAIN,EAAI,EAAEO,EAAID,IACvB,CAACN,EAAI,EAAIO,EAAID,IAAIN,EAAI,EAAEO,EAAID,IAC3BA,GAAMC,IAAGP,EAAI,GAGCb,EAAA,KAAKP,GAAO,iBAAiB,+EAA+E,EACpH,QAAQ4B,GAAO,CACrBA,EAAI,MAAM,KAAO,GAAGR,CAAC,IACzB,CAAC,EAEOK,EAAU,GAAKA,EAAUJ,EAAe,CACpD,EAtCe,iBAwCftB,EAAA,KAAA8B,EAAQlC,EAAA,IAAM,CACV,MAAMmC,EAAcnC,EAACoC,GAAQ,CACzB,cAAcxB,EAAA,KAAKJ,EAAU,EAC7B,cAAcI,EAAA,KAAKH,EAAU,EAE7B,MAAM4B,EAAY,SAASzB,EAAA,KAAKL,GAAU,MAAM,MAAM,MAAQ,EAAG,EAAE,EACnEK,EAAA,KAAKe,GAAL,UAAkBU,EAAYD,GAE9BtB,EAAA,KAAKN,EAAa,YAAY,IAAM,CAChC,cAAcI,EAAA,KAAKJ,EAAU,EAE7BM,EAAA,KAAKL,EAAa,YAAY,IAAM,CAChC,MAAM6B,EAAmB,SAAS1B,EAAA,KAAKL,GAAU,MAAM,MAAM,MAAQ,EAAG,EAAE,EACrEK,EAAA,KAAKe,GAAL,UAAkBW,EAAmBF,IACtC,cAAcxB,EAAA,KAAKH,EAAU,CAErC,EAAG,EAAE,EACT,EAAG,GAAG,EACV,EAjBoB,eAmBd8B,EAAavC,EAAA,IAAM,CACrB,cAAcY,EAAA,KAAKJ,EAAU,EAC7B,cAAcI,EAAA,KAAKH,EAAU,CACjC,EAHmB,cAKnB,CAAC,UAAW,aAAc,UAAU,EAAE,QAAQ+B,GAAO,CACjD5B,EAAA,KAAKL,GAAU,KAAK,iBAAiBiC,EAAKD,CAAU,EACpD3B,EAAA,KAAKL,GAAU,MAAM,iBAAiBiC,EAAKD,CAAU,EACrD3B,EAAA,KAAKL,GAAU,MAAM,iBAAiBiC,EAAKD,CAAU,CACzD,CAAC,EAGD3B,EAAA,KAAKL,GAAU,KAAK,iBAAiB,YAAakC,GAAK,CAAMA,EAAE,SAAW,GAAWN,EAAY,GAAG,CAAG,CAAC,EACxGvB,EAAA,KAAKL,GAAU,MAAM,iBAAiB,YAAakC,GAAK,CAAMA,EAAE,SAAW,GAAWN,EAAY,EAAE,CAAG,CAAC,EACxGvB,EAAA,KAAKL,GAAU,KAAK,iBAAiB,aAAc,IAAM4B,EAAY,GAAG,CAAC,EACzEvB,EAAA,KAAKL,GAAU,MAAM,iBAAiB,aAAc,IAAM4B,EAAY,EAAE,CAAC,EAEzEvB,EAAA,KAAKL,GAAU,MAAM,iBAAiB,YAAakC,GAAK,CACpD,GAAIA,EAAE,SAAW,EAAG,OACpBA,EAAE,eAAc,EAChB,MAAMC,EAAY9B,EAAA,KAAKL,GAAU,MAAM,sBAAqB,EACtDgB,EAAaX,EAAA,KAAKL,GAAU,MAAM,YACxCK,EAAA,KAAKe,GAAL,UAAkBc,EAAE,QAAUC,EAAU,KAAQnB,EAAa,EACjE,CAAC,EAEDX,EAAA,KAAKL,GAAU,MAAM,iBAAiB,YAAakC,GAAK,CACpD,GAAIA,EAAE,SAAW,EAAG,OACpBA,EAAE,gBAAe,EACjBA,EAAE,eAAc,EAChB3B,EAAA,KAAKR,EAAY,IACjB,KAAK,OAASmC,EAAE,QAAU7B,EAAA,KAAKL,GAAU,MAAM,sBAAqB,EAAG,KAEvE,MAAMoC,EAAc3C,EAAC4C,GAAc,CAC/B,GAAI,CAAChC,EAAA,KAAKN,GAAW,OACrB,MAAMoC,EAAY9B,EAAA,KAAKL,GAAU,MAAM,sBAAqB,EAC5DK,EAAA,KAAKe,GAAL,UAAkBiB,EAAU,QAAUF,EAAU,KAAO,KAAK,OAChE,EAJoB,eAMdG,EAAY7C,EAAA,IAAM,CACpBc,EAAA,KAAKR,EAAY,IACjBiC,EAAU,EACV,SAAS,oBAAoB,YAAaI,CAAW,EACrD,SAAS,oBAAoB,UAAWE,CAAS,EACjD,KAAK,QAAO,CAChB,EANkB,aAQlB,SAAS,iBAAiB,YAAaF,CAAW,EAClD,SAAS,iBAAiB,UAAWE,CAAS,CAClD,CAAC,CACL,EArEQ,SA9LR,CAEA,mBAAoB,CAEhB,GADA/B,EAAA,KAAKT,EAAS,KAAK,QAAQ,kBAAkB,GAAK,KAAK,YAAW,EAAG,MACjE,CAACO,EAAA,KAAKP,GAAQ,OAElB,KAAK,UAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAgEjB,MAAMyC,EAAgB9C,EAAA,IAAM,CACxB,MAAMa,EAAOD,EAAA,KAAKP,GAAO,cAAc,oBAAoB,EAC3D,GAAI,CAACQ,EAAM,CACP,WAAWiC,EAAe,EAAE,EAC5B,MACJ,CAEAhC,EAAA,KAAKP,EAAY,CACb,UAAYM,EACZ,MAAY,KAAK,cAAc,kBAAkB,EACjD,MAAY,KAAK,cAAc,kBAAkB,EACjD,KAAY,KAAK,cAAc,iBAAiB,EAChD,MAAY,KAAK,cAAc,kBAAkB,CACjE,GAEYD,EAAA,KAAKsB,GAAL,WACAtB,EAAA,KAAKD,GAAL,WACA,KAAK,QAAO,CAChB,EAlBsB,iBAoBtBmC,EAAa,CACjB,CAEA,sBAAuB,CACflC,EAAA,KAAKF,IACLE,EAAA,KAAKF,GAAgB,WAAU,CAEvC,CAmKJ,EA7QIL,EAAA,YACAC,EAAA,YACAC,EAAA,YACAC,EAAA,YACAC,EAAA,YACAC,EAAA,YAuGAC,EAAA,YAmDAgB,EAAA,YAwCAO,EAAA,YAxM0ClC,EAAAG,EAAA,uBAA9C,IAAM4C,EAAN5C,EAgRK,eAAe,IAAI,uBAAuB,GAC3C,eAAe,OAAO,wBAAyB4C,CAAmB,EChR/D,MAAMC,EAAN,MAAMA,UAAuB,WAAY,CAI5C,aAAc,CACV,MAAK,EAJT5C,EAAA,KAAA6C,EAAgB,MAWhBlC,EAAA,YAAOf,EAACkD,GAAY,CAChB,GAAI,CAACA,EAAS,OAEd,MAAMC,EAAkBnD,EAACiC,GAAQ,CAE7B,MAAMmB,EAAiBpD,EAACiC,GAAQ,CAC5B,GAAIA,EAAI,cAAc,UAAU,EAAG,OAEnC,MAAMoB,EAAWpB,EAAI,cAAc,UAAU,GAAKA,EAAI,cAAc,IAAI,EAClEqB,EAAWD,EAAWA,EAAS,iBAAiB,QAAQ,EAAE,OAAS,EAEnEE,EAAW,SAAS,cAAc,UAAU,EAC5CC,EAAe,KAAK,IAAI,KAAK,OAAOvB,EAAI,aAAe,KAAOqB,CAAQ,EAAG,GAAG,EAElF,QAASG,EAAI,EAAGA,EAAIH,EAAUG,IAAK,CAC/B,MAAMC,GAAM,SAAS,cAAc,KAAK,EACxCA,GAAI,aAAa,QAASF,CAAY,EACtCD,EAAS,YAAYG,EAAG,CAC5B,CACAzB,EAAI,QAAQsB,CAAQ,CACxB,EAfuB,kBAiBjBI,EAAc3D,EAACiC,GAAQ,CACzB,GAAIA,EAAI,cAAc,OAAO,EAAG,OAEhC,MAAM2B,EAAQ,SAAS,cAAc,OAAO,EACtCL,EAAWtB,EAAI,cAAc,UAAU,EAEzCsB,EACAA,EAAS,MAAMK,CAAK,EAEpB3B,EAAI,QAAQ2B,CAAK,CAEzB,EAXoB,eAapB,OAAAR,EAAenB,CAAG,EAClB0B,EAAY1B,CAAG,EAEfA,EAAI,UAAU,IAAI,oBAAoB,EAC/BA,CACX,EArCwB,mBAuClB4B,EAAcX,EAAQ,UAAU,EAAI,EAC1CpC,EAAA,KAAKmC,EAAgBE,EAAgBU,CAAW,GAChDjD,EAAA,KAAKqC,GAAc,MAAM,QAAU,QAEnC,MAAMa,EAAgB,KAAK,cAAc,oBAAoB,EACvDC,EAAgB,KAAK,cAAc,oBAAoB,EACvDC,EAAiB,KAAK,cAAc,qBAAqB,EAEzDC,EAAqBjE,EAAA,CAACkE,EAAaC,EAAiBC,EAAS,KAAU,CACzE,MAAMnC,EAAMiC,EAAY,UAAU,EAAI,EAChCG,EAAO,MAAM,KAAKpC,EAAI,iBAAiB,cAAc,CAAC,EACtDqC,EAAgB,CAAA,EAEtB,OAAAD,EAAK,QAAQ,CAACX,EAAKa,IAAQ,CACvB,MAAMC,EAAYd,EAAI,aAAa,OAAO,GAC1BU,EAAU,CAACI,GAAaA,IAAc,GAAOA,IAAcL,IAEvEG,EAAc,KAAKC,CAAG,CAE9B,CAAC,EAEDD,EAAc,QAAO,EAAG,QAAQC,GAAO,CAC/BF,EAAKE,CAAG,GAAGF,EAAKE,CAAG,EAAE,OAAM,EAC/BtC,EAAI,iBAAiB,IAAI,EAAE,QAAQwC,GAAM,CACrC,MAAMC,EAAQD,EAAG,iBAAiB,QAAQ,EACtCC,EAAMH,CAAG,GAAGG,EAAMH,CAAG,EAAE,OAAM,CACrC,CAAC,CACL,CAAC,EAEMtC,CACX,EAtB2B,sBAyB3B,GAAI8B,EAAe,CACf,MAAMY,EAAYV,EAAmBrD,EAAA,KAAKqC,GAAe,KAAM,EAAI,EACnEc,EAAc,UAAY,GAC1BA,EAAc,YAAYY,CAAS,CACvC,CAGA,GAAIb,EAAe,CACf,MAAMc,EAAYX,EAAmBrD,EAAA,KAAKqC,GAAe,OAAQ,EAAK,EAEtE,IAAI4B,EAAY,EAChBD,EAAU,iBAAiB,KAAK,EAAE,QAAQlB,GAAO,CAC7C,MAAM1B,EAAI,SAAS0B,EAAI,aAAa,OAAO,EAAG,EAAE,EAC3C,MAAM1B,CAAC,IAAG6C,GAAa7C,EAChC,CAAC,EAED8B,EAAc,UAAY,GAC1BA,EAAc,YAAYc,CAAS,EAEnC,MAAME,EAAkBD,EAAY,EAAIA,EAAY,EACpDf,EAAc,MAAM,KAAO,OAAOgB,CAAe,KACjDhB,EAAc,MAAM,MAAQ,GAAGgB,CAAe,IAClD,CAGA,GAAId,EAAgB,CAChB,MAAMe,EAAad,EAAmBrD,EAAA,KAAKqC,GAAe,QAAS,EAAK,EAExE,IAAI+B,EAAa,EACjBD,EAAW,iBAAiB,KAAK,EAAE,QAAQrB,GAAO,CAC9C,MAAM1B,EAAI,SAAS0B,EAAI,aAAa,OAAO,EAAG,EAAE,EAC3C,MAAM1B,CAAC,IAAGgD,GAAchD,EACjC,CAAC,EAEDgC,EAAe,UAAY,GAC3BA,EAAe,YAAYe,CAAU,EAErC,MAAME,EAAmBD,EAAa,EAAIA,EAAa,EACvDhB,EAAe,MAAM,KAAO,OAAOiB,CAAgB,KACnDjB,EAAe,MAAM,MAAQ,GAAGiB,CAAgB,IACpD,CAGA,GAAIlB,EAAe,CACf,MAAMmB,EAAW,KAAK,YAAW,EACjCnB,EAAc,MAAM,UAAYmB,EAAW,GAAK,OAAS,SAGzDnB,EAAc,iBAAiB,SAAU,IAAM,CAC3C,MAAMoB,EAAa,KAAK,cAAc,uBAAuB,EACzDA,GAAc,OAAOA,EAAW,SAAY,YAC5CA,EAAW,QAAO,CAE1B,CAAC,CACL,CAGA,WAAW,IAAM,CACb,MAAMA,EAAa,KAAK,cAAc,uBAAuB,EACzDA,GAAc,OAAOA,EAAW,SAAY,YAC5CA,EAAW,QAAO,CAE1B,EAAG,CAAC,EAEJjF,EAAM,IAAI,iDAAiD,KAAK,YAAW,CAAE,EAAE,CACnF,EA5IO,SA8IPa,EAAA,mBAAcf,EAAA,IACLY,EAAA,KAAKqC,GACHrC,EAAA,KAAKqC,GAAc,iBAAiB,UAAU,EAAE,OADvB,EADtB,gBAKdlC,EAAA,iBAAYf,EAACoF,GAAe,CACxB,MAAMrB,EAAgB,KAAK,cAAc,oBAAoB,EACzDA,IAAeA,EAAc,WAAaqB,EAClD,EAHY,cAKZrE,EAAA,iBAAYf,EAACqF,GAAc,CACvB,MAAMtB,EAAgB,KAAK,cAAc,oBAAoB,EACzDA,IAAeA,EAAc,UAAYsB,EACjD,EAHY,cAKZjF,EAAA,KAAAkF,EAAUtF,EAAA,IAAM,CACZ,MAAMuF,EAASvC,EAAe,eAE9B,KAAK,UAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0CAkBiBuC,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAqClBA,CAAM;AAAA,kCACFA,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6BAeXA,CAAM;AAAA,iCACFA,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAyCnC,EApHU,WAnKV,CAEA,mBAAoB,CAChB3E,EAAA,KAAK0E,GAAL,UACJ,CAqRA,sBAAuB,CACnB,KAAK,UAAY,GACjBpF,EAAM,IAAI,2BAA2B,CACzC,CACJ,EAlSI+C,EAAA,YAwKAqC,EAAA,YAzK4CtF,EAAAgD,EAAA,kBAE5CjC,EAFSiC,EAEF,iBAAiB,IAFrB,IAAMwC,EAANxC,EAqSF,eAAe,IAAI,kBAAkB,GACtC,eAAe,OAAO,mBAAoBwC,CAAc,ECvSrD,MAAMC,EAAN,MAAMA,UAAwB,WAAY,CAC7C,aAAc,CACV,MAAK,EAOTrF,EAAA,KAAA8B,EAAQlC,EAAA,IAAM,CACV,MAAM0F,EAAS,KAAK,cAAc,eAAe,EAC5CA,IAELA,EAAO,iBAAiB,QAAUjD,GAAM,CACpC,MAAMkD,EAAUlD,EAAE,OAAO,QAAQ,gBAAgB,EACjD,GAAI,CAACkD,EAAS,OAEd,MAAMC,EAAgBnD,EAAE,SAAWA,EAAE,SAAWA,EAAE,SAC5CoD,EAAQ,SAASF,EAAQ,QAAQ,MAAO,EAAE,EAChD,KAAK,YAAYE,EAAOD,CAAa,CACzC,CAAC,EAED,KAAK,YAAY,EAAG,EAAK,EAC7B,EAdQ,UAgBR7E,EAAA,mBAAcf,EAAA,CAAC6F,EAAOD,EAAgB,KAAU,CAE5C,MAAME,EAAkB9F,EAAA,IAAM,CAC1B,MAAMa,EAAO,KAAK,cAAc,wBAAwB,EACtCA,EAAK,iBAAiB,eAAe,EAC7C,QAAQkF,GAAY,CAC1B,MAAMC,EAAa,SAASD,EAAS,QAAQ,WAAY,EAAE,EACrDE,EAAYpF,EAAK,cAAc,gCAAgCmF,EAAa,CAAC,IAAI,EACjFE,EAAarF,EAAK,cAAc,gCAAgCmF,CAAU,IAAI,EAEhFC,GAAaC,GAAcD,EAAU,UAAU,SAAS,QAAQ,GAAKC,EAAW,UAAU,SAAS,QAAQ,EAC3GH,EAAS,UAAU,IAAI,QAAQ,EAE/BA,EAAS,UAAU,OAAO,QAAQ,CAE1C,CAAC,CACL,EAdwB,mBAgBlBL,EAAS,KAAK,cAAc,eAAe,EAC3C7E,EAAO,KAAK,cAAc,wBAAwB,EAClDsF,EAAWT,EAAO,iBAAiB,gBAAgB,EACnDU,EAAgBvF,EAAK,iBAAiB,kBAAkB,EAE9D,GAAI,CAACsF,EAASN,CAAK,EAAG,OAEtB,GAAI,CAACD,EACDO,EAAS,QAAQ,CAACE,EAAK9B,IAAQ,CAC3B8B,EAAI,UAAU,OAAO,SAAU9B,IAAQsB,CAAK,EAC5C,MAAMS,EAAQzF,EAAK,cAAc,gCAAgC0D,CAAG,IAAI,EACpE+B,IAAOA,EAAM,MAAM,KAAO,GAClC,CAAC,EACDF,EAAc,QAAQ,CAACE,EAAO/B,IAAQ,CAClC+B,EAAM,UAAU,OAAO,SAAU/B,IAAQsB,CAAK,CAClD,CAAC,MACE,CACH,MAAMU,EAAaJ,EAASN,CAAK,EAC3BW,EAAad,EAAO,iBAAiB,uBAAuB,EAElE,GAAIa,EAAW,UAAU,SAAS,QAAQ,GAAKC,EAAW,QAAU,EAChE,OAGJD,EAAW,UAAU,OAAO,QAAQ,EACpC,MAAME,EAAc5F,EAAK,cAAc,gCAAgCgF,CAAK,IAAI,EAC5EY,IACAA,EAAY,UAAU,OAAO,QAAQ,EAChCA,EAAY,UAAU,SAAS,QAAQ,IACxCA,EAAY,MAAM,KAAO,IAGrC,CAEA,MAAMC,EAAe,MAAM,KAAK7F,EAAK,iBAAiB,yBAAyB,CAAC,EAChF,GAAI6F,EAAa,OAAS,EAAG,CACzB,MAAMC,EAAgB,EAAID,EAAa,OACvCA,EAAa,QAAQJ,GAAS,EACtB,CAACA,EAAM,MAAM,MAAQA,EAAM,MAAM,OAAS,cAC1CA,EAAM,MAAM,KAAO,GAAGK,CAAY,IAAIA,CAAY,OAE1D,CAAC,CACL,MACID,EAAa,QAAQJ,GAAS,CAC1BA,EAAM,MAAM,KAAO,UACvB,CAAC,EAGLR,EAAe,EAEf,MAAMc,EAAc/F,EAAK,cAAc,yBAAyB,EAChE,GAAI+F,GAAe,OAAOA,EAAY,aAAgB,WAAY,CAC9D,MAAMC,EAAa,KAAK,cAAc,YAAY,EAC9CA,IACAA,EAAW,YAAcD,EAAY,YAAW,EAAG,eAAc,EAEzE,CACJ,EA3Ec,eAtBd,CAEA,mBAAoB,CAChBhG,EAAA,KAAKsB,GAAL,UACJ,CAgGJ,EA9FIA,EAAA,YAT6ClC,EAAAyF,EAAA,mBAA1C,IAAMqB,EAANrB,EAyGF,eAAe,IAAI,mBAAmB,GACvC,eAAe,OAAO,oBAAqBqB,CAAe,EC1FvD,MAAMC,EAAN,MAAMA,CAAc,CAIvB,YAAYC,EAAY,CAHxB5G,EAAA,KAAA6G,GACA7G,EAAA,KAAAM,EAAkB,MAQlBN,EAAA,KAAAO,EAAiBX,EAAA,IAAM,CACnB,MAAMkH,EAAStG,EAAA,KAAKqG,GAAM,KACrBC,IAELpG,EAAA,KAAKJ,EAAkB,IAAI,eAAgByG,GAAY,CACnD,QAASC,KAASD,EACOD,EAAO,aAAa,aAAa,IAAM,QAExDtG,EAAA,KAAKyG,GAAL,UAAsBH,EAGlC,CAAC,GAEDtG,EAAA,KAAKF,GAAgB,QAAQwG,CAAM,EACvC,EAdiB,mBAgBjB9G,EAAA,KAAAiH,EAAmBrH,EAACkH,GAAW,SAC3B,MAAMN,GAAcU,EAAAJ,EAAO,aAAP,YAAAI,EAAmB,cAAc,2BACrD,GAAI,CAACV,EAAa,OAElB,MAAM1B,IAAWqC,EAAAX,EAAY,cAAZ,YAAAW,EAAA,KAAAX,KAA+B,EAG1CY,EAAU,SAASN,EAAO,aAAa,iBAAiB,EAAG,EAAE,GAAK,GAClEO,EAAa,KAAK,IAAIvC,EAAUsC,CAAO,EAGvCE,EAAYd,EAAY,cAAc,UAAU,GAAKA,EAAY,cAAc,IAAI,EACnFe,EAAYD,EAAYA,EAAU,sBAAqB,EAAG,OAAS,GAGnEE,EAAWhH,EAAA,KAAKqG,GAAM,cAAc,mBAAmB,EACvDY,EAAWjH,EAAA,KAAKqG,GAAM,cAAc,0BAA0B,EAC9Da,EAAeF,EAAWA,EAAS,sBAAqB,EAAG,OAAS,GACpEG,EAAeF,EAAWA,EAAS,sBAAqB,EAAG,OAAS,GAGpEG,EAAqBF,EAAeC,EAFrB,GAGfE,EAAoBR,EAAaE,EAAaK,EAEpDd,EAAO,MAAM,OAAS,GAAGe,CAAgB,KACzCf,EAAO,MAAM,UAAY,GAAIM,EAAUG,EAAaK,CAAkB,KAEtE,MAAME,EAAatH,EAAA,KAAKqG,GAAM,cAAc,wBAAwB,EAChEiB,IACAA,EAAW,MAAM,UAAYhD,EAAWsC,EAAU,OAAS,SAEnE,EA/BmB,qBAiCnBpH,EAAA,KAAAkF,EAAUtF,EAAA,IAAM,CACZ,MAAMkH,EAAStG,EAAA,KAAKqG,GAAM,KAEpBkB,EADc,MAAM,KAAKjB,EAAO,QAAQ,EAChB,OAAOkB,GAAMA,EAAG,UAAY,OAAO,EAC3DC,EAAenB,EAAO,aAAa,aAAa,IAAM,OAEtDoB,EAAaH,EAAU,IAAI,CAACI,EAAGhE,IAE1B,4BADWA,IAAQ,EAAI,SAAW,EACG,iBAAiBA,CAAG,uBACnE,EAAE,KAAK,EAAE,EAEJiE,EAAWL,EAAU,IAAI,CAACI,EAAGhE,IAExB,6BADWA,IAAQ,EAAI,SAAW,EACI,iBAAiBA,CAAG,WAAWA,EAAM,CAAC,QACtF,EAAE,KAAK,EAAE,EAEV3D,EAAA,KAAKqG,GAAM,UAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAODoB,EAAe,OAAS,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8CAiFdC,CAAU;AAAA;AAAA,oDAEJE,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UASpD,MAAMC,EAAiB7H,EAAA,KAAKqG,GAAM,iBAAiB,kBAAkB,EAErEwB,GAAA,MAAAA,EAAgB,QAAQ,CAACC,EAAKnE,IAAQ,CAC9B4D,EAAU5D,CAAG,GACb,WAAW,IAAM,CACbmE,EAAI,KAAKP,EAAU5D,CAAG,CAAC,EACnB8D,GACAzH,EAAA,KAAKyG,GAAL,UAAsBH,EAE9B,CAAC,CAET,EACJ,EA/HU,YAtDNpG,EAAA,KAAKmG,EAAQD,GACbpG,EAAA,KAAK0E,GAAL,WACA1E,EAAA,KAAKD,GAAL,UACJ,CAmLJ,EA1LIsG,EAAA,YACAvG,EAAA,YAQAC,EAAA,YAgBA0G,EAAA,YAiCA/B,EAAA,YA3DuBtF,EAAA+G,EAAA,iBAApB,IAAM4B,EAAN5B,ECfQ,MAAM6B,EAAN,MAAMA,UAAkB,WAAY,CAG/C,aAAc,CACV,MAAK,EAHTxI,EAAA,KAAAyI,EAAW,IAIP,KAAK,aAAa,CAAE,KAAM,MAAM,CAAE,CACtC,CAEA,mBAAoB,CACZjI,EAAA,KAAKiI,KAGT,KAAK,cAAgB,IAAIF,EAAc,KAAK,UAAU,EAGtD7H,EAAA,KAAK+H,EAAW,IAChB3I,EAAM,IAAI,sBAAsB,EAEhC,KAAK,cAAc,IAAI,YAAY,OAAQ,CAAE,QAAS,GAAM,OAAQ,CAAE,OAAQ,IAAI,CAAE,CAAE,CAAC,EAC3F,CAEA,sBAAuB,CACnBA,EAAM,IAAI,yBAAyB,CACvC,CACJ,EAvBI2I,EAAA,YAD+C7I,EAAA4I,EAAA,aAApC,IAAME,EAANF,EA0BV,eAAe,IAAI,YAAY,GAChC,eAAe,OAAO,aAAcE,CAAS"}
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 = false;\n #elements;\n #interval1;\n #interval2;\n #resizeObserver;\n\n constructor() {\n super();\n }\n\n connectedCallback() {\n this.#owner = this.closest(\"nine-table-sheet\") \|\| 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 const initWhenReady = () => {\n const body = this.#owner.querySelector(\".ng-container-body\");\n if (!body) {\n setTimeout(initWhenReady, 10);\n return;\n }\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.#observeResize();\n this.refresh();\n };\n\n initWhenReady();\n }\n\n disconnectedCallback() {\n if (this.#resizeObserver) {\n this.#resizeObserver.disconnect();\n }\n }\n\n #observeResize = () => {\n if (!this.#owner) return;\n const body = this.#owner.querySelector(\".ng-container-body\");\n if (!body) return;\n\n this.#resizeObserver = new ResizeObserver(() => {\n this.refresh();\n });\n this.#resizeObserver.observe(body);\n };\n\n refresh = () => {\n if (!this.#owner \|\| !this.#elements \|\| this.#dragging) 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 - 1);\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 const maxThumbLeft = trackBound.width - thumbWidth;\n if (targetX > maxThumbLeft) targetX = maxThumbLeft;\n targetX = parseInt(targetX, 10);\n\n // 1. 썸 위치 갱신\n this.#elements.thumb.style.left = `${targetX}px`;\n\n this.#elements.left.disabled = (targetX === 0);\n this.#elements.right.disabled = (targetX >= maxThumbLeft - 1);\n\n const w2 = body.clientWidth;\n const w = table.scrollWidth;\n\n // 2. 테이블 이동 거리 산출\n let l = (maxThumbLeft > 0) ? (-targetX * (w - w2) / maxThumbLeft) : 0;\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분할 전체 테이블(좌측, 메인, 우측)의 left 좌표 일괄 동기화\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 - 1);\n };\n\n #init = () => {\n const delayScroll = (pos) => {\n clearInterval(this.#interval1);\n clearInterval(this.#interval2);\n\n const thumbLeft = parseInt(this.#elements.thumb.style.left \|\| 0, 10);\n this.#thumbMoveTo(thumbLeft + pos);\n\n this.#interval1 = setInterval(() => {\n clearInterval(this.#interval1);\n\n this.#interval2 = setInterval(() => {\n const currentThumbLeft = parseInt(this.#elements.thumb.style.left \|\| 0, 10);\n if (!this.#thumbMoveTo(currentThumbLeft + pos)) {\n clearInterval(this.#interval2);\n }\n }, 50);\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 // 🎯 화살표 클릭 및 연속 스크롤 이동량 부여 (좌측: -20px, 우측: +20px)\n this.#elements.left.addEventListener(\"mousedown\", e => { if (e.button !== 0) return; delayScroll(-20); });\n this.#elements.right.addEventListener(\"mousedown\", e => { if (e.button !== 0) return; delayScroll(20); });\n this.#elements.left.addEventListener(\"touchstart\", () => delayScroll(-20));\n this.#elements.right.addEventListener(\"touchstart\", () => delayScroll(20));\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 position: relative;\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","_resizeObserver","_observeResize","__privateGet","body","__privateSet","__publicField","table","track","thumb","bottomContainer","bodyWidth","tableWidth","trackWidth","thumbWidth","currentLeft","l","maxThumbLeft","_thumbMoveTo","x","trackBound","targetX","w2","w","tbl","_init","delayScroll","pos","thumbLeft","currentThumbLeft","clearTimer","evt","e","trackRect","onMouseMove","moveEvent","onMouseUp","initWhenReady","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","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":"20BAEO,MAAMA,EAAN,MAAMA,UAAcC,EAAAA,MAAY,WAAY,CAC/C,aAAc,CACV,MAAK,EACL,KAAK,KAAK,aAAc,OAAO,CACnC,CACJ,EALmDC,EAAAF,EAAA,SAA5C,IAAMG,EAANH,EAOA,MAAMI,EAAQ,IAAID,ECPnBE,EAAN,MAAMA,UAA4B,WAAY,CAQ1C,aAAc,CACV,MAAK,EARTC,EAAA,KAAAC,GACAD,EAAA,KAAAE,EAAY,IACZF,EAAA,KAAAG,GACAH,EAAA,KAAAI,GACAJ,EAAA,KAAAK,GACAL,EAAA,KAAAM,GAuGAN,EAAA,KAAAO,EAAiBX,EAAA,IAAM,CACnB,GAAI,CAACY,EAAA,KAAKP,GAAQ,OAClB,MAAMQ,EAAOD,EAAA,KAAKP,GAAO,cAAc,oBAAoB,EACtDQ,IAELC,EAAA,KAAKJ,EAAkB,IAAI,eAAe,IAAM,CAC5C,KAAK,QAAO,CAChB,CAAC,GACDE,EAAA,KAAKF,GAAgB,QAAQG,CAAI,EACrC,EATiB,mBAWjBE,EAAA,eAAUf,EAAA,IAAM,CACZ,GAAI,CAACY,EAAA,KAAKP,IAAU,CAACO,EAAA,KAAKL,IAAaK,EAAA,KAAKN,GAAW,OAEvD,MAAMO,EAAOD,EAAA,KAAKL,GAAU,UACtBS,EAAQH,EAAK,cAAc,OAAO,EACxC,GAAI,CAACG,EAAO,OAEZ,MAAMC,EAAQL,EAAA,KAAKL,GAAU,MACvBW,EAAQN,EAAA,KAAKL,GAAU,MACvBY,EAAkBP,EAAA,KAAKP,GAAO,cAAc,sBAAsB,EAElEe,EAAYP,EAAK,YACjBQ,EAAaL,EAAM,YAEzB,GAAII,IAAc,GAAKC,EAAaD,EAC5BD,IAAiBA,EAAgB,MAAM,QAAU,YAClD,CACCA,IAAiBA,EAAgB,MAAM,QAAU,QACrD,MACJ,CAEA,MAAMG,EAAaL,EAAM,YACzB,GAAIK,GAAc,EAAG,OAErB,MAAMC,EAAa,KAAK,IAAI,KAAK,IAAID,GAAcF,EAAYC,GAAaC,CAAU,EAAG,EAAE,EAC3FJ,EAAM,MAAM,MAAQ,GAAGK,CAAU,KAEjC,MAAMC,EAAc,SAASR,EAAM,MAAM,MAAQ,EAAG,EAAE,EACtD,IAAIS,EAAI,SAAS,KAAK,IAAID,CAAW,EAAIF,EAAaD,EAAY,EAAE,EAChEI,EAAI,IAAGA,EAAI,GAEf,MAAMC,EAAeJ,EAAaC,EAC9BE,EAAIC,IAAcD,EAAIC,GAE1BR,EAAM,MAAM,KAAO,GAAGO,CAAC,KAEvBb,EAAA,KAAKL,GAAU,KAAK,SAAYkB,IAAM,EACtCb,EAAA,KAAKL,GAAU,MAAM,SAAYkB,GAAKC,EAAe,CACzD,EAtCU,YAwCVtB,EAAA,KAAAuB,EAAe3B,EAAC4B,GAAM,CAClB,GAAI,CAAChB,EAAA,KAAKL,GAAW,MAAO,GAE5B,MAAMM,EAAOD,EAAA,KAAKL,GAAU,UACtBS,EAAQH,EAAK,cAAc,OAAO,EACxC,GAAI,CAACG,EAAO,MAAO,GAEnB,MAAMa,EAAajB,EAAA,KAAKL,GAAU,MAAM,sBAAqB,EACvDgB,EAAaX,EAAA,KAAKL,GAAU,MAAM,YAExC,IAAIuB,EAAUF,EACVE,EAAU,IAAGA,EAAU,GAC3B,MAAMJ,EAAeG,EAAW,MAAQN,EACpCO,EAAUJ,IAAcI,EAAUJ,GACtCI,EAAU,SAASA,EAAS,EAAE,EAG9BlB,EAAA,KAAKL,GAAU,MAAM,MAAM,KAAO,GAAGuB,CAAO,KAE5ClB,EAAA,KAAKL,GAAU,KAAK,SAAYuB,IAAY,EAC5ClB,EAAA,KAAKL,GAAU,MAAM,SAAYuB,GAAWJ,EAAe,EAE3D,MAAMK,EAAKlB,EAAK,YACVmB,EAAIhB,EAAM,YAGhB,IAAIS,EAAKC,EAAe,EAAM,CAACI,GAAWE,EAAID,GAAML,EAAgB,EACpE,MAAI,CAACD,EAAIO,EAAID,IAAIN,EAAI,EAAEO,EAAID,IACvB,CAACN,EAAI,EAAIO,EAAID,IAAIN,EAAI,EAAEO,EAAID,IAC3BA,GAAMC,IAAGP,EAAI,GAGCb,EAAA,KAAKP,GAAO,iBAAiB,+EAA+E,EACpH,QAAQ4B,GAAO,CACrBA,EAAI,MAAM,KAAO,GAAGR,CAAC,IACzB,CAAC,EAEOK,EAAU,GAAKA,EAAUJ,EAAe,CACpD,EAtCe,iBAwCftB,EAAA,KAAA8B,EAAQlC,EAAA,IAAM,CACV,MAAMmC,EAAcnC,EAACoC,GAAQ,CACzB,cAAcxB,EAAA,KAAKJ,EAAU,EAC7B,cAAcI,EAAA,KAAKH,EAAU,EAE7B,MAAM4B,EAAY,SAASzB,EAAA,KAAKL,GAAU,MAAM,MAAM,MAAQ,EAAG,EAAE,EACnEK,EAAA,KAAKe,GAAL,UAAkBU,EAAYD,GAE9BtB,EAAA,KAAKN,EAAa,YAAY,IAAM,CAChC,cAAcI,EAAA,KAAKJ,EAAU,EAE7BM,EAAA,KAAKL,EAAa,YAAY,IAAM,CAChC,MAAM6B,EAAmB,SAAS1B,EAAA,KAAKL,GAAU,MAAM,MAAM,MAAQ,EAAG,EAAE,EACrEK,EAAA,KAAKe,GAAL,UAAkBW,EAAmBF,IACtC,cAAcxB,EAAA,KAAKH,EAAU,CAErC,EAAG,EAAE,EACT,EAAG,GAAG,EACV,EAjBoB,eAmBd8B,EAAavC,EAAA,IAAM,CACrB,cAAcY,EAAA,KAAKJ,EAAU,EAC7B,cAAcI,EAAA,KAAKH,EAAU,CACjC,EAHmB,cAKnB,CAAC,UAAW,aAAc,UAAU,EAAE,QAAQ+B,GAAO,CACjD5B,EAAA,KAAKL,GAAU,KAAK,iBAAiBiC,EAAKD,CAAU,EACpD3B,EAAA,KAAKL,GAAU,MAAM,iBAAiBiC,EAAKD,CAAU,EACrD3B,EAAA,KAAKL,GAAU,MAAM,iBAAiBiC,EAAKD,CAAU,CACzD,CAAC,EAGD3B,EAAA,KAAKL,GAAU,KAAK,iBAAiB,YAAakC,GAAK,CAAMA,EAAE,SAAW,GAAWN,EAAY,GAAG,CAAG,CAAC,EACxGvB,EAAA,KAAKL,GAAU,MAAM,iBAAiB,YAAakC,GAAK,CAAMA,EAAE,SAAW,GAAWN,EAAY,EAAE,CAAG,CAAC,EACxGvB,EAAA,KAAKL,GAAU,KAAK,iBAAiB,aAAc,IAAM4B,EAAY,GAAG,CAAC,EACzEvB,EAAA,KAAKL,GAAU,MAAM,iBAAiB,aAAc,IAAM4B,EAAY,EAAE,CAAC,EAEzEvB,EAAA,KAAKL,GAAU,MAAM,iBAAiB,YAAakC,GAAK,CACpD,GAAIA,EAAE,SAAW,EAAG,OACpBA,EAAE,eAAc,EAChB,MAAMC,EAAY9B,EAAA,KAAKL,GAAU,MAAM,sBAAqB,EACtDgB,EAAaX,EAAA,KAAKL,GAAU,MAAM,YACxCK,EAAA,KAAKe,GAAL,UAAkBc,EAAE,QAAUC,EAAU,KAAQnB,EAAa,EACjE,CAAC,EAEDX,EAAA,KAAKL,GAAU,MAAM,iBAAiB,YAAakC,GAAK,CACpD,GAAIA,EAAE,SAAW,EAAG,OACpBA,EAAE,gBAAe,EACjBA,EAAE,eAAc,EAChB3B,EAAA,KAAKR,EAAY,IACjB,KAAK,OAASmC,EAAE,QAAU7B,EAAA,KAAKL,GAAU,MAAM,sBAAqB,EAAG,KAEvE,MAAMoC,EAAc3C,EAAC4C,GAAc,CAC/B,GAAI,CAAChC,EAAA,KAAKN,GAAW,OACrB,MAAMoC,EAAY9B,EAAA,KAAKL,GAAU,MAAM,sBAAqB,EAC5DK,EAAA,KAAKe,GAAL,UAAkBiB,EAAU,QAAUF,EAAU,KAAO,KAAK,OAChE,EAJoB,eAMdG,EAAY7C,EAAA,IAAM,CACpBc,EAAA,KAAKR,EAAY,IACjBiC,EAAU,EACV,SAAS,oBAAoB,YAAaI,CAAW,EACrD,SAAS,oBAAoB,UAAWE,CAAS,EACjD,KAAK,QAAO,CAChB,EANkB,aAQlB,SAAS,iBAAiB,YAAaF,CAAW,EAClD,SAAS,iBAAiB,UAAWE,CAAS,CAClD,CAAC,CACL,EArEQ,SA9LR,CAEA,mBAAoB,CAEhB,GADA/B,EAAA,KAAKT,EAAS,KAAK,QAAQ,kBAAkB,GAAK,KAAK,YAAW,EAAG,MACjE,CAACO,EAAA,KAAKP,GAAQ,OAElB,KAAK,UAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAgEjB,MAAMyC,EAAgB9C,EAAA,IAAM,CACxB,MAAMa,EAAOD,EAAA,KAAKP,GAAO,cAAc,oBAAoB,EAC3D,GAAI,CAACQ,EAAM,CACP,WAAWiC,EAAe,EAAE,EAC5B,MACJ,CAEAhC,EAAA,KAAKP,EAAY,CACb,UAAYM,EACZ,MAAY,KAAK,cAAc,kBAAkB,EACjD,MAAY,KAAK,cAAc,kBAAkB,EACjD,KAAY,KAAK,cAAc,iBAAiB,EAChD,MAAY,KAAK,cAAc,kBAAkB,CACjE,GAEYD,EAAA,KAAKsB,GAAL,WACAtB,EAAA,KAAKD,GAAL,WACA,KAAK,QAAO,CAChB,EAlBsB,iBAoBtBmC,EAAa,CACjB,CAEA,sBAAuB,CACflC,EAAA,KAAKF,IACLE,EAAA,KAAKF,GAAgB,WAAU,CAEvC,CAmKJ,EA7QIL,EAAA,YACAC,EAAA,YACAC,EAAA,YACAC,EAAA,YACAC,EAAA,YACAC,EAAA,YAuGAC,EAAA,YAmDAgB,EAAA,YAwCAO,EAAA,YAxM0ClC,EAAAG,EAAA,uBAA9C,IAAM4C,EAAN5C,EAgRK,eAAe,IAAI,uBAAuB,GAC3C,eAAe,OAAO,wBAAyB4C,CAAmB,EChR/D,MAAMC,EAAN,MAAMA,UAAuB,WAAY,CAI5C,aAAc,CACV,MAAK,EAJT5C,EAAA,KAAA6C,EAAgB,MAWhBlC,EAAA,YAAOf,EAACkD,GAAY,CAChB,GAAI,CAACA,EAAS,OAEd,MAAMC,EAAkBnD,EAACiC,GAAQ,CAE7B,MAAMmB,EAAiBpD,EAACiC,GAAQ,CAC5B,GAAIA,EAAI,cAAc,UAAU,EAAG,OAEnC,MAAMoB,EAAWpB,EAAI,cAAc,UAAU,GAAKA,EAAI,cAAc,IAAI,EAClEqB,EAAWD,EAAWA,EAAS,iBAAiB,QAAQ,EAAE,OAAS,EAEnEE,EAAW,SAAS,cAAc,UAAU,EAC5CC,EAAe,KAAK,IAAI,KAAK,OAAOvB,EAAI,aAAe,KAAOqB,CAAQ,EAAG,GAAG,EAElF,QAASG,EAAI,EAAGA,EAAIH,EAAUG,IAAK,CAC/B,MAAMC,GAAM,SAAS,cAAc,KAAK,EACxCA,GAAI,aAAa,QAASF,CAAY,EACtCD,EAAS,YAAYG,EAAG,CAC5B,CACAzB,EAAI,QAAQsB,CAAQ,CACxB,EAfuB,kBAiBjBI,EAAc3D,EAACiC,GAAQ,CACzB,GAAIA,EAAI,cAAc,OAAO,EAAG,OAEhC,MAAM2B,EAAQ,SAAS,cAAc,OAAO,EACtCL,EAAWtB,EAAI,cAAc,UAAU,EAEzCsB,EACAA,EAAS,MAAMK,CAAK,EAEpB3B,EAAI,QAAQ2B,CAAK,CAEzB,EAXoB,eAapB,OAAAR,EAAenB,CAAG,EAClB0B,EAAY1B,CAAG,EAEfA,EAAI,UAAU,IAAI,oBAAoB,EAC/BA,CACX,EArCwB,mBAuClB4B,EAAcX,EAAQ,UAAU,EAAI,EAC1CpC,EAAA,KAAKmC,EAAgBE,EAAgBU,CAAW,GAChDjD,EAAA,KAAKqC,GAAc,MAAM,QAAU,QAEnC,MAAMa,EAAgB,KAAK,cAAc,oBAAoB,EACvDC,EAAgB,KAAK,cAAc,oBAAoB,EACvDC,EAAiB,KAAK,cAAc,qBAAqB,EAEzDC,EAAqBjE,EAAA,CAACkE,EAAaC,EAAiBC,EAAS,KAAU,CACzE,MAAMnC,EAAMiC,EAAY,UAAU,EAAI,EAChCG,EAAO,MAAM,KAAKpC,EAAI,iBAAiB,cAAc,CAAC,EACtDqC,EAAgB,CAAA,EAEtB,OAAAD,EAAK,QAAQ,CAACX,EAAKa,IAAQ,CACvB,MAAMC,EAAYd,EAAI,aAAa,OAAO,GAC1BU,EAAU,CAACI,GAAaA,IAAc,GAAOA,IAAcL,IAEvEG,EAAc,KAAKC,CAAG,CAE9B,CAAC,EAEDD,EAAc,QAAO,EAAG,QAAQC,GAAO,CAC/BF,EAAKE,CAAG,GAAGF,EAAKE,CAAG,EAAE,OAAM,EAC/BtC,EAAI,iBAAiB,IAAI,EAAE,QAAQwC,GAAM,CACrC,MAAMC,EAAQD,EAAG,iBAAiB,QAAQ,EACtCC,EAAMH,CAAG,GAAGG,EAAMH,CAAG,EAAE,OAAM,CACrC,CAAC,CACL,CAAC,EAEMtC,CACX,EAtB2B,sBAyB3B,GAAI8B,EAAe,CACf,MAAMY,EAAYV,EAAmBrD,EAAA,KAAKqC,GAAe,KAAM,EAAI,EACnEc,EAAc,UAAY,GAC1BA,EAAc,YAAYY,CAAS,CACvC,CAGA,GAAIb,EAAe,CACf,MAAMc,EAAYX,EAAmBrD,EAAA,KAAKqC,GAAe,OAAQ,EAAK,EAEtE,IAAI4B,EAAY,EAChBD,EAAU,iBAAiB,KAAK,EAAE,QAAQlB,GAAO,CAC7C,MAAM1B,EAAI,SAAS0B,EAAI,aAAa,OAAO,EAAG,EAAE,EAC3C,MAAM1B,CAAC,IAAG6C,GAAa7C,EAChC,CAAC,EAED8B,EAAc,UAAY,GAC1BA,EAAc,YAAYc,CAAS,EAEnC,MAAME,EAAkBD,EAAY,EAAIA,EAAY,EACpDf,EAAc,MAAM,KAAO,OAAOgB,CAAe,KACjDhB,EAAc,MAAM,MAAQ,GAAGgB,CAAe,IAClD,CAGA,GAAId,EAAgB,CAChB,MAAMe,EAAad,EAAmBrD,EAAA,KAAKqC,GAAe,QAAS,EAAK,EAExE,IAAI+B,EAAa,EACjBD,EAAW,iBAAiB,KAAK,EAAE,QAAQrB,GAAO,CAC9C,MAAM1B,EAAI,SAAS0B,EAAI,aAAa,OAAO,EAAG,EAAE,EAC3C,MAAM1B,CAAC,IAAGgD,GAAchD,EACjC,CAAC,EAEDgC,EAAe,UAAY,GAC3BA,EAAe,YAAYe,CAAU,EAErC,MAAME,EAAmBD,EAAa,EAAIA,EAAa,EACvDhB,EAAe,MAAM,KAAO,OAAOiB,CAAgB,KACnDjB,EAAe,MAAM,MAAQ,GAAGiB,CAAgB,IACpD,CAGA,GAAIlB,EAAe,CACf,MAAMmB,EAAW,KAAK,YAAW,EACjCnB,EAAc,MAAM,UAAYmB,EAAW,GAAK,OAAS,SAGzDnB,EAAc,iBAAiB,SAAU,IAAM,CAC3C,MAAMoB,EAAa,KAAK,cAAc,uBAAuB,EACzDA,GAAc,OAAOA,EAAW,SAAY,YAC5CA,EAAW,QAAO,CAE1B,CAAC,CACL,CAGA,WAAW,IAAM,CACb,MAAMA,EAAa,KAAK,cAAc,uBAAuB,EACzDA,GAAc,OAAOA,EAAW,SAAY,YAC5CA,EAAW,QAAO,CAE1B,EAAG,CAAC,EAEJjF,EAAM,IAAI,iDAAiD,KAAK,YAAW,CAAE,EAAE,CACnF,EA5IO,SA8IPa,EAAA,mBAAcf,EAAA,IACLY,EAAA,KAAKqC,GACHrC,EAAA,KAAKqC,GAAc,iBAAiB,UAAU,EAAE,OADvB,EADtB,gBAKdlC,EAAA,iBAAYf,EAACoF,GAAe,CACxB,MAAMrB,EAAgB,KAAK,cAAc,oBAAoB,EACzDA,IAAeA,EAAc,WAAaqB,EAClD,EAHY,cAKZrE,EAAA,iBAAYf,EAACqF,GAAc,CACvB,MAAMtB,EAAgB,KAAK,cAAc,oBAAoB,EACzDA,IAAeA,EAAc,UAAYsB,EACjD,EAHY,cAKZjF,EAAA,KAAAkF,EAAUtF,EAAA,IAAM,CACZ,MAAMuF,EAASvC,EAAe,eAE9B,KAAK,UAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0CAkBiBuC,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAqClBA,CAAM;AAAA,kCACFA,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6BAeXA,CAAM;AAAA,iCACFA,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SA0CnC,EArHU,WAnKV,CAEA,mBAAoB,CAChB3E,EAAA,KAAK0E,GAAL,UACJ,CAsRA,sBAAuB,CACnB,KAAK,UAAY,GACjBpF,EAAM,IAAI,2BAA2B,CACzC,CACJ,EAnSI+C,EAAA,YAwKAqC,EAAA,YAzK4CtF,EAAAgD,EAAA,kBAE5CjC,EAFSiC,EAEF,iBAAiB,IAFrB,IAAMwC,EAANxC,EAsSF,eAAe,IAAI,kBAAkB,GACtC,eAAe,OAAO,mBAAoBwC,CAAc,ECxSrD,MAAMC,EAAN,MAAMA,UAAwB,WAAY,CAC7C,aAAc,CACV,MAAK,EAOTrF,EAAA,KAAA8B,EAAQlC,EAAA,IAAM,CACV,MAAM0F,EAAS,KAAK,cAAc,eAAe,EAC5CA,IAELA,EAAO,iBAAiB,QAAUjD,GAAM,CACpC,MAAMkD,EAAUlD,EAAE,OAAO,QAAQ,gBAAgB,EACjD,GAAI,CAACkD,EAAS,OAEd,MAAMC,EAAgBnD,EAAE,SAAWA,EAAE,SAAWA,EAAE,SAC5CoD,EAAQ,SAASF,EAAQ,QAAQ,MAAO,EAAE,EAChD,KAAK,YAAYE,EAAOD,CAAa,CACzC,CAAC,EAED,KAAK,YAAY,EAAG,EAAK,EAC7B,EAdQ,UAgBR7E,EAAA,mBAAcf,EAAA,CAAC6F,EAAOD,EAAgB,KAAU,CAE5C,MAAME,EAAkB9F,EAAA,IAAM,CAC1B,MAAMa,EAAO,KAAK,cAAc,wBAAwB,EACtCA,EAAK,iBAAiB,eAAe,EAC7C,QAAQkF,GAAY,CAC1B,MAAMC,EAAa,SAASD,EAAS,QAAQ,WAAY,EAAE,EACrDE,EAAYpF,EAAK,cAAc,gCAAgCmF,EAAa,CAAC,IAAI,EACjFE,EAAarF,EAAK,cAAc,gCAAgCmF,CAAU,IAAI,EAEhFC,GAAaC,GAAcD,EAAU,UAAU,SAAS,QAAQ,GAAKC,EAAW,UAAU,SAAS,QAAQ,EAC3GH,EAAS,UAAU,IAAI,QAAQ,EAE/BA,EAAS,UAAU,OAAO,QAAQ,CAE1C,CAAC,CACL,EAdwB,mBAgBlBL,EAAS,KAAK,cAAc,eAAe,EAC3C7E,EAAO,KAAK,cAAc,wBAAwB,EAClDsF,EAAWT,EAAO,iBAAiB,gBAAgB,EACnDU,EAAgBvF,EAAK,iBAAiB,kBAAkB,EAE9D,GAAI,CAACsF,EAASN,CAAK,EAAG,OAEtB,GAAI,CAACD,EACDO,EAAS,QAAQ,CAACE,EAAK9B,IAAQ,CAC3B8B,EAAI,UAAU,OAAO,SAAU9B,IAAQsB,CAAK,EAC5C,MAAMS,EAAQzF,EAAK,cAAc,gCAAgC0D,CAAG,IAAI,EACpE+B,IAAOA,EAAM,MAAM,KAAO,GAClC,CAAC,EACDF,EAAc,QAAQ,CAACE,EAAO/B,IAAQ,CAClC+B,EAAM,UAAU,OAAO,SAAU/B,IAAQsB,CAAK,CAClD,CAAC,MACE,CACH,MAAMU,EAAaJ,EAASN,CAAK,EAC3BW,EAAad,EAAO,iBAAiB,uBAAuB,EAElE,GAAIa,EAAW,UAAU,SAAS,QAAQ,GAAKC,EAAW,QAAU,EAChE,OAGJD,EAAW,UAAU,OAAO,QAAQ,EACpC,MAAME,EAAc5F,EAAK,cAAc,gCAAgCgF,CAAK,IAAI,EAC5EY,IACAA,EAAY,UAAU,OAAO,QAAQ,EAChCA,EAAY,UAAU,SAAS,QAAQ,IACxCA,EAAY,MAAM,KAAO,IAGrC,CAEA,MAAMC,EAAe,MAAM,KAAK7F,EAAK,iBAAiB,yBAAyB,CAAC,EAChF,GAAI6F,EAAa,OAAS,EAAG,CACzB,MAAMC,EAAgB,EAAID,EAAa,OACvCA,EAAa,QAAQJ,GAAS,EACtB,CAACA,EAAM,MAAM,MAAQA,EAAM,MAAM,OAAS,cAC1CA,EAAM,MAAM,KAAO,GAAGK,CAAY,IAAIA,CAAY,OAE1D,CAAC,CACL,MACID,EAAa,QAAQJ,GAAS,CAC1BA,EAAM,MAAM,KAAO,UACvB,CAAC,EAGLR,EAAe,EAEf,MAAMc,EAAc/F,EAAK,cAAc,yBAAyB,EAChE,GAAI+F,GAAe,OAAOA,EAAY,aAAgB,WAAY,CAC9D,MAAMC,EAAa,KAAK,cAAc,YAAY,EAC9CA,IACAA,EAAW,YAAcD,EAAY,YAAW,EAAG,eAAc,EAEzE,CACJ,EA3Ec,eAtBd,CAEA,mBAAoB,CAChBhG,EAAA,KAAKsB,GAAL,UACJ,CAgGJ,EA9FIA,EAAA,YAT6ClC,EAAAyF,EAAA,mBAA1C,IAAMqB,EAANrB,EAyGF,eAAe,IAAI,mBAAmB,GACvC,eAAe,OAAO,oBAAqBqB,CAAe,EC1FvD,MAAMC,EAAN,MAAMA,CAAc,CAIvB,YAAYC,EAAY,CAHxB5G,EAAA,KAAA6G,GACA7G,EAAA,KAAAM,EAAkB,MAQlBN,EAAA,KAAAO,EAAiBX,EAAA,IAAM,CACnB,MAAMkH,EAAStG,EAAA,KAAKqG,GAAM,KACrBC,IAELpG,EAAA,KAAKJ,EAAkB,IAAI,eAAgByG,GAAY,CACnD,QAASC,KAASD,EACOD,EAAO,aAAa,aAAa,IAAM,QAExDtG,EAAA,KAAKyG,GAAL,UAAsBH,EAGlC,CAAC,GAEDtG,EAAA,KAAKF,GAAgB,QAAQwG,CAAM,EACvC,EAdiB,mBAgBjB9G,EAAA,KAAAiH,EAAmBrH,EAACkH,GAAW,SAC3B,MAAMN,GAAcU,EAAAJ,EAAO,aAAP,YAAAI,EAAmB,cAAc,2BACrD,GAAI,CAACV,EAAa,OAElB,MAAM1B,IAAWqC,EAAAX,EAAY,cAAZ,YAAAW,EAAA,KAAAX,KAA+B,EAG1CY,EAAU,SAASN,EAAO,aAAa,iBAAiB,EAAG,EAAE,GAAK,GAClEO,EAAa,KAAK,IAAIvC,EAAUsC,CAAO,EAGvCE,EAAYd,EAAY,cAAc,UAAU,GAAKA,EAAY,cAAc,IAAI,EACnFe,EAAYD,EAAYA,EAAU,sBAAqB,EAAG,OAAS,GAGnEE,EAAWhH,EAAA,KAAKqG,GAAM,cAAc,mBAAmB,EACvDY,EAAWjH,EAAA,KAAKqG,GAAM,cAAc,0BAA0B,EAC9Da,EAAeF,EAAWA,EAAS,sBAAqB,EAAG,OAAS,GACpEG,EAAeF,EAAWA,EAAS,sBAAqB,EAAG,OAAS,GAGpEG,EAAqBF,EAAeC,EAFrB,GAGfE,EAAoBR,EAAaE,EAAaK,EAEpDd,EAAO,MAAM,OAAS,GAAGe,CAAgB,KACzCf,EAAO,MAAM,UAAY,GAAIM,EAAUG,EAAaK,CAAkB,KAEtE,MAAME,EAAatH,EAAA,KAAKqG,GAAM,cAAc,wBAAwB,EAChEiB,IACAA,EAAW,MAAM,UAAYhD,EAAWsC,EAAU,OAAS,SAEnE,EA/BmB,qBAiCnBpH,EAAA,KAAAkF,EAAUtF,EAAA,IAAM,CACZ,MAAMkH,EAAStG,EAAA,KAAKqG,GAAM,KAEpBkB,EADc,MAAM,KAAKjB,EAAO,QAAQ,EAChB,OAAOkB,GAAMA,EAAG,UAAY,OAAO,EAC3DC,EAAenB,EAAO,aAAa,aAAa,IAAM,OAEtDoB,EAAaH,EAAU,IAAI,CAACI,EAAGhE,IAE1B,4BADWA,IAAQ,EAAI,SAAW,EACG,iBAAiBA,CAAG,uBACnE,EAAE,KAAK,EAAE,EAEJiE,EAAWL,EAAU,IAAI,CAACI,EAAGhE,IAExB,6BADWA,IAAQ,EAAI,SAAW,EACI,iBAAiBA,CAAG,WAAWA,EAAM,CAAC,QACtF,EAAE,KAAK,EAAE,EAEV3D,EAAA,KAAKqG,GAAM,UAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAODoB,EAAe,OAAS,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8CAiFdC,CAAU;AAAA;AAAA,oDAEJE,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UASpD,MAAMC,EAAiB7H,EAAA,KAAKqG,GAAM,iBAAiB,kBAAkB,EAErEwB,GAAA,MAAAA,EAAgB,QAAQ,CAACC,EAAKnE,IAAQ,CAC9B4D,EAAU5D,CAAG,GACb,WAAW,IAAM,CACbmE,EAAI,KAAKP,EAAU5D,CAAG,CAAC,EACnB8D,GACAzH,EAAA,KAAKyG,GAAL,UAAsBH,EAE9B,CAAC,CAET,EACJ,EA/HU,YAtDNpG,EAAA,KAAKmG,EAAQD,GACbpG,EAAA,KAAK0E,GAAL,WACA1E,EAAA,KAAKD,GAAL,UACJ,CAmLJ,EA1LIsG,EAAA,YACAvG,EAAA,YAQAC,EAAA,YAgBA0G,EAAA,YAiCA/B,EAAA,YA3DuBtF,EAAA+G,EAAA,iBAApB,IAAM4B,EAAN5B,ECfQ,MAAM6B,EAAN,MAAMA,UAAkB,WAAY,CAG/C,aAAc,CACV,MAAK,EAHTxI,EAAA,KAAAyI,EAAW,IAIP,KAAK,aAAa,CAAE,KAAM,MAAM,CAAE,CACtC,CAEA,mBAAoB,CACZjI,EAAA,KAAKiI,KAGT,KAAK,cAAgB,IAAIF,EAAc,KAAK,UAAU,EAGtD7H,EAAA,KAAK+H,EAAW,IAChB3I,EAAM,IAAI,sBAAsB,EAEhC,KAAK,cAAc,IAAI,YAAY,OAAQ,CAAE,QAAS,GAAM,OAAQ,CAAE,OAAQ,IAAI,CAAE,CAAE,CAAC,EAC3F,CAEA,sBAAuB,CACnBA,EAAM,IAAI,yBAAyB,CACvC,CACJ,EAvBI2I,EAAA,YAD+C7I,EAAA4I,EAAA,aAApC,IAAME,EAANF,EA0BV,eAAe,IAAI,YAAY,GAChC,eAAe,OAAO,aAAcE,CAAS"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@ninebone/table",
-  "version": "0.0.98",
+  "version": "0.0.99",
   "description": "Grid component for real-time collaboration (Vanilla JS based)",
   "type": "module",
   "main": "./dist/nine-table.umd.js",