npm - @ninebone/table - Versions diffs - 0.0.103 → 0.0.105 - Mend

@ninebone/table 0.0.103 → 0.0.105

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 +461 -257
package/dist/nine-table.js.map +1 -1
package/dist/nine-table.umd.js +12 -12
package/dist/nine-table.umd.js.map +1 -1
package/package.json +1 -1

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

	@@ -1 +1 @@
1	- {"version":3,"file":"nine-table.js","sources":["../src/external/NoPeer.js","../src/ui/layout/nine-table-hscrollbar.js","../src/ui/layout/nine-table-sheet.js","../src/ui/layout/nine-table-sheets.js","../src/ui/layout/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 let currentLeft = 0;\n const transformStr = table.style.transform;\n if (transformStr && transformStr.includes('translateX')) {\n const match = transformStr.match(/translateX\$([-\\d.]+)px\$/);\n if (match && match[1]) {\n currentLeft = parseFloat(match[1]);\n }\n } else {\n currentLeft = parseInt(table.style.left \|\| 0, 10);\n }\n\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 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 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 table.style.transform = `translateX(${l}px)`;\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 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/layout/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","transformStr","match","maxThumbLeft","_thumbMoveTo","x","trackBound","targetX","w2","w","l","_init","delayScroll","pos","thumbLeft","currentThumbLeft","clearTimer","evt","e","trackRect","onMouseMove","moveEvent","onMouseUp","initWhenReady","NineTableHScrollBar","_NineTableSheet","_tableElement","tableEl","initializeTable","tbl","ensureColgroup","firstRow","colCount","colgroup","defaultWidth","i","col","ensureThead","thead","clonedTable","leftContainer","bodyContainer","rightContainer","filterTableByFixed","sourceTable","targetFixedType","isBody","cols","targetIndices","idx","fixedAttr","tr","cells","bodyTable","leftTable","leftWidth","activeLeftWidth","rightTable","rightWidth","activeRightWidth","rowCount","hScrollbar","scrollLeft","scrollTop","_render","sbSize","NineTableSheet","_NineTableSheets","tabBar","tabItem","isMultiSelect","index","updateSplitters","splitter","splitIndex","leftSheet","rightSheet","tabItems","sheetElements","tab","sheet","clickedTab","activeTabs","targetSheet","activeSheets","initialBasis","activeSheet","rowCountEl","NineTableSheets","_LayoutManager","shadowRoot","_root","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/layout/nine-table-hscrollbar.js","../src/ui/layout/nine-table-sheet.js","../src/ui/layout/nine-table-sheets.js","../src/ui/layout/LayoutManager.js","../src/data/ngData.js","../src/data/ngDataManager.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 let currentLeft = 0;\n const transformStr = table.style.transform;\n if (transformStr && transformStr.includes('translateX')) {\n const match = transformStr.match(/translateX\$([-\\d.]+)px\$/);\n if (match && match[1]) {\n currentLeft = parseFloat(match[1]);\n }\n } else {\n currentLeft = parseInt(table.style.left \|\| 0, 10);\n }\n\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 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 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 table.style.transform = `translateX(${l}px)`;\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 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}","export class ngRow {\r\n\t#parent;\r\n\t#newrow = -1;\r\n\r\n\tconstructor(parent) {\r\n\t\tthis.#parent = parent;\r\n\t}\r\n\r\n\tget at() {\r\n\t\treturn this.#newrow;\r\n\t}\r\n\tset at(v) {\r\n\t\tthis.#newrow = parseInt(v, 10);\r\n\t\tconst body = this.#parent.owner.querySelector?.(\".ng-container-body\") \|\| this.#parent.owner.body;\r\n\t\tif (body && !body.querySelector(`tbody.bindable tr[data-row=\"${this.#newrow}\"]`)) {\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\tthis.#parent.owner.scrollTo_V1?.(this.#newrow);\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\tcount = () => this.#parent.rawRecords.length;\r\n}\r\n\r\nexport class ngData {\r\n\t#owner;\r\n\t#parent;\r\n\t#records = [];\r\n\t#recordsNF = [];\r\n\t#nextId = 0;\r\n\t#defaultHeight = [];\r\n\r\n\tconstructor(owner, parent) {\r\n\t\tthis.#owner = owner;\r\n\t\tthis.#parent = parent;\r\n\t\tthis.#initialize();\r\n\t}\r\n\r\n\t#initialize = () => {\r\n\t\tthis.#defaultHeight = [];\r\n\t\tconst templateElements = this.#owner.template \|\| [];\r\n\t\tArray.from(templateElements).forEach(el => {\r\n\t\t\tthis.#defaultHeight.push(el.getBoundingClientRect?.().height \|\| 24);\r\n\t\t});\r\n\r\n\t\t(this.#parent.rawRecords \|\| []).forEach(v => {\r\n\t\t\tif (!v.__ng) v.__ng = this.#getDefaultMeta();\r\n\t\t\tv.__ng.height = this.#defaultHeight.slice();\r\n\t\t});\r\n\t};\r\n\r\n\tget source() {\r\n\t\treturn this.#conv2(this.#parent.rawRecords);\r\n\t}\r\n\tset source(v) {\r\n\t\tthis.clear();\r\n\t\tthis.add(v, false);\r\n\t}\r\n\r\n\tset = (dataSource) => {\r\n\t\tthis.clear();\r\n\t\tthis.add(dataSource, false);\r\n\t};\r\n\r\n\tget nextId() {\r\n\t\treturn ++this.#nextId;\r\n\t}\r\n\r\n\t#getDefaultMeta = () => {\r\n\t\treturn {\r\n\t\t\trowState: ninegrid.ROW_STATE?.EMPTY \|\| 'EMPTY',\r\n\t\t\tdeleted: false,\r\n\t\t\tfiltered: false,\r\n\t\t\theight: this.#defaultHeight.slice(),\r\n\t\t\to: {},\r\n\t\t\tc: {},\r\n\t\t\t_: [0, 0, 0, 0, 'EMPTY', false, false, true, false, true, true, false, this.#defaultHeight.slice(), -1, {}, {}],\r\n\t\t};\r\n\t}\r\n\r\n\treset = () => {\r\n\t\tthis.#records = [];\r\n\t\tthis.#recordsNF = [];\r\n\t}\r\n\r\n\tclear = () => {\r\n\t\tthis.#parent.rawRecords = [];\r\n\t\tthis.#records = [];\r\n\t\tthis.#recordsNF = [];\r\n\t\tif (this.#parent.viewRecords?.reset) {\r\n\t\t\tthis.#parent.viewRecords.reset();\r\n\t\t}\r\n\t}\r\n\r\n\t#json2Array = (jsonArray) => {\r\n\t\tif (!Array.isArray(jsonArray)) jsonArray = [jsonArray];\r\n\r\n\t\tconst fields = typeof this.#owner.fields?.get === 'function' ? this.#owner.fields.get() : Object.keys(jsonArray[0] \|\| {});\r\n\t\tconst arr = [];\r\n\r\n\t\tjsonArray.forEach(json => {\r\n\t\t\tconst o = { v: [] };\r\n\t\t\tfields.forEach(colnm => {\r\n\t\t\t\to.v.push(json[colnm] !== undefined && json[colnm] !== null ? json[colnm] : \"\");\r\n\t\t\t});\r\n\t\t\tarr.push(o);\r\n\t\t});\r\n\r\n\t\treturn arr;\r\n\t};\r\n\r\n\t#defaultInsert = (arr) => {\r\n\t\tif (!Array.isArray(arr)) arr = [arr];\r\n\t\tarr.forEach(o => {\r\n\t\t\to.__ng = this.#getDefaultMeta();\r\n\t\t\to.__ng.rowid = this.nextId;\r\n\t\t\to.__ng.rowState = ninegrid.ROW_STATE?.INSERT \|\| 'INSERT';\r\n\t\t\to.__ng._[0] = o.__ng.rowid;\r\n\t\t});\r\n\t\treturn arr;\r\n\t}\r\n\r\n\tadd = (dataSource, updateState = true) => {\r\n\t\tif (dataSource === undefined) dataSource = {};\r\n\t\tconst arr = this.#json2Array(dataSource);\r\n\r\n\t\tthis.#parent.rawRecords = this.#parent.rawRecords.concat(this.#defaultInsert(arr));\r\n\t\tthis.resetRecords();\r\n\r\n\t\tconst row = this.count() - 1;\r\n\t\tif (!updateState) {\r\n\t\t\tarr.forEach((_, idx) => {\r\n\t\t\t\tconst target = this.#parent.rawRecords[row - idx];\r\n\t\t\t\tif (target) target.__ng.rowState = ninegrid.ROW_STATE?.EMPTY \|\| 'EMPTY';\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\tif (this.#parent.viewRecords?.reset) this.#parent.viewRecords.reset();\r\n\t\treturn row;\r\n\t}\r\n\r\n\tdelete = (at) => {\r\n\t\tlet arr = [];\r\n\t\tif (Array.isArray(at)) {\r\n\t\t\tarr = at;\r\n\t\t} else if (typeof at === \"undefined\") {\r\n\t\t\tarr = [this.#parent.owner.row.at];\r\n\t\t} else {\r\n\t\t\tarr = [parseInt(at, 10)];\r\n\t\t}\r\n\r\n\t\tarr.sort((a, b) => b - a).forEach(rowidx => {\r\n\t\t\tif (this.#records[rowidx]) {\r\n\t\t\t\tconst targetId = this.#records[rowidx].__ng.rowid;\r\n\t\t\t\tif (this.#records[rowidx].__ng.rowState === 'INSERT') {\r\n\t\t\t\t\tthis.#parent.rawRecords = this.#parent.rawRecords.filter(item => item.__ng.rowid !== targetId);\r\n\t\t\t\t} else {\r\n\t\t\t\t\tthis.#parent.rawRecords.forEach(item => {\r\n\t\t\t\t\t\tif (item.__ng.rowid === targetId) {\r\n\t\t\t\t\t\t\titem.__ng.deleted = true;\r\n\t\t\t\t\t\t\titem.__ng.rowState = ninegrid.ROW_STATE?.DELETE \|\| 'DELETE';\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tthis.resetRecords();\r\n\t\tif (this.#parent.viewRecords?.reset) this.#parent.viewRecords.reset();\r\n\t}\r\n\r\n\tsetValue = (rowIndex, colnm, value) => {\r\n\t\trowIndex = parseInt(rowIndex, 10);\r\n\t\tconst fields = typeof this.#owner.fields?.get === 'function' ? this.#owner.fields.get() : [];\r\n\t\tconst COL_IDX = fields.indexOf(colnm);\r\n\t\tif (COL_IDX < 0) return;\r\n\r\n\t\tconst rowData = this.getValidData()[rowIndex];\r\n\t\tif (!rowData) return;\r\n\r\n\t\tconst oldValue = rowData.v[COL_IDX];\r\n\t\tif (oldValue !== value && rowData.__ng.rowState !== 'INSERT') {\r\n\t\t\tif (!rowData.__ng.o.hasOwnProperty(colnm)) rowData.__ng.o[colnm] = oldValue;\r\n\t\t\trowData.__ng.rowState = ninegrid.ROW_STATE?.UPDATE \|\| 'UPDATE';\r\n\t\t}\r\n\r\n\t\trowData.v[COL_IDX] = value;\r\n\t\tif (this.#parent.owner.refreshData) this.#parent.owner.refreshData(rowIndex);\r\n\t}\r\n\r\n\tresetRecords = () => {\r\n\t\tthis.#recordsNF = this.#parent.rawRecords.filter(m => !m.__ng.deleted);\r\n\t\tthis.#records = this.#parent.rawRecords.filter(m => !m.__ng.deleted && !m.__ng.filtered);\r\n\r\n\t\tthis.#parent.rawRecords.forEach((o, i) => { o.__ng.rowidx = i; });\r\n\t\tthis.#records.forEach((o, i) => { o.__ng.i = i; });\r\n\t};\r\n\r\n\tgetValidData = () => {\r\n\t\tif (this.#records.length === 0 && this.#parent.rawRecords.length > 0) {\r\n\t\t\tthis.resetRecords();\r\n\t\t}\r\n\t\treturn this.#records;\r\n\t}\r\n\r\n\t#conv2 = (arr) => {\r\n\t\tif (!arr) return arr;\r\n\t\tconst fields = typeof this.#owner.fields?.get === 'function' ? this.#owner.fields.get() : [];\r\n\r\n\t\tif (Array.isArray(arr)) {\r\n\t\t\treturn arr.filter(o => !o.__ng.deleted).map(o => {\r\n\t\t\t\tconst t = {};\r\n\t\t\t\tfields.forEach((colnm, i) => {\r\n\t\t\t\t\tt[colnm] = o.v ? o.v[i] : o[colnm];\r\n\t\t\t\t});\r\n\t\t\t\tt.__ng = o.__ng;\r\n\t\t\t\treturn t;\r\n\t\t\t});\r\n\t\t}\r\n\t\treturn arr;\r\n\t}\r\n\r\n\tcount = () => this.getValidData().length;\r\n\r\n\tget = (at, colnm) => {\r\n\t\tconst records = this.getValidData();\r\n\t\tif (!records \|\| records.length <= 0) return;\r\n\t\tif (at === undefined \|\| at === null) return this.#conv2(records);\r\n\t\tif (at < 0 \|\| at >= records.length) return null;\r\n\r\n\t\tconst fields = typeof this.#owner.fields?.get === 'function' ? this.#owner.fields.get() : [];\r\n\t\tif (colnm != null) {\r\n\t\t\tconst idx = fields.indexOf(colnm);\r\n\t\t\treturn (idx >= 0) ? records[at].v[idx] : null;\r\n\t\t}\r\n\t\treturn this.#conv2(records[at]);\r\n\t}\r\n}","import { ngRow, ngData } from \"./ngData.js\";\r\n\r\nexport class ngDataManager {\r\n\tconstructor(owner) {\r\n\t\tthis.owner = owner;\r\n\r\n\t\tthis.row = new ngRow(this);\r\n\t\tthis.data = new ngData(owner, this);\r\n\r\n\t\tthis.rawRecords = [];\r\n\t\tthis.viewRecords = [];\r\n\t\tthis.delRecords = [];\r\n\t\tthis.pageCnt = 25;\r\n\r\n\t\tthis.viewRecords.reset = () => {\r\n\t\t\tif (this.owner.view?.redraw) this.owner.view.redraw();\r\n\t\t};\r\n\r\n\t\tthis.setDataSource = (ds) => {\r\n\t\t\tif (this.data) this.data.reset();\r\n\r\n\t\t\tthis.rawRecords = [];\r\n\t\t\tthis.viewRecords = [];\r\n\t\t\tthis.delRecords = [];\r\n\r\n\t\t\tthis.data.set(ds \|\| []);\r\n\t\t};\r\n\r\n\t\tthis.getRowState = (nRow) => {\r\n\t\t\tconst rowIdx = parseInt(nRow, 10);\r\n\t\t\tif (rowIdx >= this.data.count()) return;\r\n\t\t\treturn this.data.getValidData()[rowIdx]?.__ng?.rowState;\r\n\t\t};\r\n\r\n\t\tthis.getRowPosition = () => this.row.at;\r\n\t\tthis.setRowPosition = (nRow) => { this.row.at = nRow; };\r\n\r\n\t\tthis.scrollTo_V1 = (nRow) => {\r\n\t\t\tif (nRow < 0) nRow = 0;\r\n\t\t\tif (nRow >= this.rawRecords.length) nRow = this.rawRecords.length - 1;\r\n\r\n\t\t\tthis.viewRecords.rawIndex = nRow;\r\n\t\t\tif (this.viewRecords.reset) this.viewRecords.reset();\r\n\r\n\t\t\treturn (nRow <= 0 \|\| nRow >= this.rawRecords.length - 1) ? false : true;\r\n\t\t};\r\n\r\n\t\tthis.getColumn = (rowidx, colnm) => this.data.get(rowidx, colnm);\r\n\r\n\t\tthis.setColumn = (rowidx, colnm, v) => {\r\n\t\t\trowidx = parseInt(rowidx, 10);\r\n\t\t\tthis.data.setValue(rowidx, colnm, v);\r\n\t\t};\r\n\r\n\t\t// 초기 빈 데이터 바인딩\r\n\t\tthis.setDataSource([]);\r\n\t}\r\n}","import { trace } from \"@nopeer\";\nimport { LayoutManager } from '@/ui/layout/LayoutManager.js';\nimport { ngDataManager } from '@/data/ngDataManager.js'; // 데이터 매니저 경로에 맞게 수정\n\nexport default class NineTable extends HTMLElement {\n //#created = false;\n #dataManager;\n #layoutManager;\n\n constructor() {\n super();\n this.attachShadow({ mode: 'open' });\n\n // 🎯 데이터 매니저 인스턴스 생성 (this를 owner로 전달)\n this.#dataManager = new ngDataManager(this);\n }\n\n connectedCallback() {\n //if (this.#created) return;\n\n this.#layoutManager = new LayoutManager(this.shadowRoot);\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 // 🎯 외부에서 grid.data.set(...) 형태로 접근할 수 있도록 데이터 매니저 오픈\n get data() {\n return this.#dataManager.data;\n }\n\n // 🎯 행(row) 관련 제어 접근자 오픈\n get row() {\n return this.#dataManager.row;\n }\n\n // 🎯 전체 데이터 매니저 접근 필요할 경우\n get dataManager() {\n return this.#dataManager;\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","transformStr","match","l","maxThumbLeft","_thumbMoveTo","x","trackBound","targetX","w2","w","_init","delayScroll","pos","thumbLeft","currentThumbLeft","clearTimer","evt","e","trackRect","onMouseMove","moveEvent","onMouseUp","initWhenReady","NineTableHScrollBar","_NineTableSheet","_tableElement","tableEl","initializeTable","tbl","ensureColgroup","firstRow","colCount","colgroup","defaultWidth","i","col","ensureThead","thead","clonedTable","leftContainer","bodyContainer","rightContainer","filterTableByFixed","sourceTable","targetFixedType","isBody","cols","targetIndices","idx","fixedAttr","tr","cells","bodyTable","leftTable","leftWidth","activeLeftWidth","rightTable","rightWidth","activeRightWidth","rowCount","hScrollbar","scrollLeft","scrollTop","_render","sbSize","NineTableSheet","_NineTableSheets","tabBar","tabItem","isMultiSelect","index","updateSplitters","splitter","splitIndex","leftSheet","rightSheet","tabItems","sheetElements","tab","sheet","clickedTab","activeTabs","targetSheet","activeSheets","initialBasis","activeSheet","rowCountEl","NineTableSheets","_LayoutManager","shadowRoot","_root","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","_ngRow","parent","_parent","_newrow","v","ngRow","_ngData","owner","_records","_recordsNF","_nextId","_defaultHeight","_initialize","templateElements","_getDefaultMeta","dataSource","_json2Array","jsonArray","fields","arr","json","o","colnm","_defaultInsert","updateState","row","target","at","a","b","rowidx","targetId","item","rowIndex","value","COL_IDX","rowData","oldValue","m","_conv2","t","records","__privateWrapper","ngData","_ngDataManager","ds","nRow","rowIdx","ngDataManager","_NineTable","_dataManager","_layoutManager","NineTable"],"mappings":";;;;;;;;;;;;;;;;;AAEO,MAAMA,KAAN,MAAMA,WAAcC,GAAY,YAAY;AAAA,EAC/C,cAAc;AACV,UAAK,GACL,KAAK,KAAK,cAAc,OAAO;AAAA,EACnC;AACJ;AALmDC,EAAAF,IAAA;AAA5C,IAAMG,KAANH;AAOA,MAAMI,IAAQ,IAAID,GAAK;;ACP9B,MAAME,KAAN,MAAMA,WAA4B,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,UAAIC,IAAc;AAClB,YAAMC,IAAeT,EAAM,MAAM;AACjC,UAAIS,KAAgBA,EAAa,SAAS,YAAY,GAAG;AACrD,cAAMC,IAAQD,EAAa,MAAM,2BAA2B;AAC5D,QAAIC,KAASA,EAAM,CAAC,MAChBF,IAAc,WAAWE,EAAM,CAAC,CAAC;AAAA,MAEzC;AACI,QAAAF,IAAc,SAASR,EAAM,MAAM,QAAQ,GAAG,EAAE;AAGpD,UAAIW,IAAI,SAAS,KAAK,IAAIH,CAAW,IAAIF,IAAaD,GAAY,EAAE;AACpE,MAAIM,IAAI,MAAGA,IAAI;AAEf,YAAMC,IAAeN,IAAaC;AAClC,MAAII,IAAIC,MAAcD,IAAIC,IAE1BV,EAAM,MAAM,OAAO,GAAGS,CAAC,MAEvBf,EAAA,MAAKL,GAAU,KAAK,WAAYoB,MAAM,GACtCf,EAAA,MAAKL,GAAU,MAAM,WAAYoB,KAAKC,IAAe;AAAA,IACzD,GAhDU;AAkDV,IAAAxB,EAAA,MAAAyB,GAAe,gBAAA7B,EAAA,CAAC8B,MAAM;AAClB,UAAI,CAAClB,EAAA,MAAKL,GAAW,QAAO;AAE5B,YAAMM,IAAOD,EAAA,MAAKL,GAAU,WACtBS,IAAQH,EAAK,cAAc,OAAO;AACxC,UAAI,CAACG,EAAO,QAAO;AAEnB,YAAMe,IAAanB,EAAA,MAAKL,GAAU,MAAM,sBAAqB,GACvDgB,IAAaX,EAAA,MAAKL,GAAU,MAAM;AAExC,UAAIyB,IAAUF;AACd,MAAIE,IAAU,MAAGA,IAAU;AAC3B,YAAMJ,IAAeG,EAAW,QAAQR;AACxC,MAAIS,IAAUJ,MAAcI,IAAUJ,IACtCI,IAAU,SAASA,GAAS,EAAE,GAE9BpB,EAAA,MAAKL,GAAU,MAAM,MAAM,OAAO,GAAGyB,CAAO,MAE5CpB,EAAA,MAAKL,GAAU,KAAK,WAAYyB,MAAY,GAC5CpB,EAAA,MAAKL,GAAU,MAAM,WAAYyB,KAAWJ,IAAe;AAE3D,YAAMK,IAAKpB,EAAK,aACVqB,IAAIlB,EAAM;AAEhB,UAAIW,IAAKC,IAAe,IAAM,CAACI,KAAWE,IAAID,KAAML,IAAgB;AACpE,aAAI,CAACD,IAAIO,IAAID,MAAIN,IAAI,EAAEO,IAAID,KACvB,CAACN,IAAI,IAAIO,IAAID,MAAIN,IAAI,EAAEO,IAAID,KAC3BA,KAAMC,MAAGP,IAAI,IAEjBX,EAAM,MAAM,YAAY,cAAcW,CAAC,OAE/BK,IAAU,KAAKA,IAAUJ,IAAe;AAAA,IACpD,GAhCe;AAkCf,IAAAxB,EAAA,MAAA+B,GAAQ,gBAAAnC,EAAA,MAAM;AACV,YAAMoC,IAAc,gBAAApC,EAAA,CAACqC,MAAQ;AACzB,sBAAczB,EAAA,MAAKJ,EAAU,GAC7B,cAAcI,EAAA,MAAKH,EAAU;AAE7B,cAAM6B,IAAY,SAAS1B,EAAA,MAAKL,GAAU,MAAM,MAAM,QAAQ,GAAG,EAAE;AACnE,QAAAK,EAAA,MAAKiB,GAAL,WAAkBS,IAAYD,IAE9BvB,EAAA,MAAKN,GAAa,YAAY,MAAM;AAChC,wBAAcI,EAAA,MAAKJ,EAAU,GAE7BM,EAAA,MAAKL,GAAa,YAAY,MAAM;AAChC,kBAAM8B,IAAmB,SAAS3B,EAAA,MAAKL,GAAU,MAAM,MAAM,QAAQ,GAAG,EAAE;AAC1E,YAAKK,EAAA,MAAKiB,GAAL,WAAkBU,IAAmBF,MACtC,cAAczB,EAAA,MAAKH,EAAU;AAAA,UAErC,GAAG,EAAE;AAAA,QACT,GAAG,GAAG;AAAA,MACV,GAjBoB,gBAmBd+B,IAAa,gBAAAxC,EAAA,MAAM;AACrB,sBAAcY,EAAA,MAAKJ,EAAU,GAC7B,cAAcI,EAAA,MAAKH,EAAU;AAAA,MACjC,GAHmB;AAKnB,OAAC,WAAW,cAAc,UAAU,EAAE,QAAQ,CAAAgC,MAAO;AACjD,QAAA7B,EAAA,MAAKL,GAAU,KAAK,iBAAiBkC,GAAKD,CAAU,GACpD5B,EAAA,MAAKL,GAAU,MAAM,iBAAiBkC,GAAKD,CAAU,GACrD5B,EAAA,MAAKL,GAAU,MAAM,iBAAiBkC,GAAKD,CAAU;AAAA,MACzD,CAAC,GAED5B,EAAA,MAAKL,GAAU,KAAK,iBAAiB,aAAa,CAAAmC,MAAK;AAAE,QAAIA,EAAE,WAAW,KAAWN,EAAY,GAAG;AAAA,MAAG,CAAC,GACxGxB,EAAA,MAAKL,GAAU,MAAM,iBAAiB,aAAa,CAAAmC,MAAK;AAAE,QAAIA,EAAE,WAAW,KAAWN,EAAY,EAAE;AAAA,MAAG,CAAC,GACxGxB,EAAA,MAAKL,GAAU,KAAK,iBAAiB,cAAc,MAAM6B,EAAY,GAAG,CAAC,GACzExB,EAAA,MAAKL,GAAU,MAAM,iBAAiB,cAAc,MAAM6B,EAAY,EAAE,CAAC,GAEzExB,EAAA,MAAKL,GAAU,MAAM,iBAAiB,aAAa,CAAAmC,MAAK;AACpD,YAAIA,EAAE,WAAW,EAAG;AACpB,QAAAA,EAAE,eAAc;AAChB,cAAMC,IAAY/B,EAAA,MAAKL,GAAU,MAAM,sBAAqB,GACtDgB,IAAaX,EAAA,MAAKL,GAAU,MAAM;AACxC,QAAAK,EAAA,MAAKiB,GAAL,WAAkBa,EAAE,UAAUC,EAAU,OAAQpB,IAAa;AAAA,MACjE,CAAC,GAEDX,EAAA,MAAKL,GAAU,MAAM,iBAAiB,aAAa,CAAAmC,MAAK;AACpD,YAAIA,EAAE,WAAW,EAAG;AACpB,QAAAA,EAAE,gBAAe,GACjBA,EAAE,eAAc,GAChB5B,EAAA,MAAKR,GAAY,KACjB,KAAK,SAASoC,EAAE,UAAU9B,EAAA,MAAKL,GAAU,MAAM,sBAAqB,EAAG;AAEvE,cAAMqC,IAAc,gBAAA5C,EAAA,CAAC6C,MAAc;AAC/B,cAAI,CAACjC,EAAA,MAAKN,GAAW;AACrB,gBAAMqC,IAAY/B,EAAA,MAAKL,GAAU,MAAM,sBAAqB;AAC5D,UAAAK,EAAA,MAAKiB,GAAL,WAAkBgB,EAAU,UAAUF,EAAU,OAAO,KAAK;AAAA,QAChE,GAJoB,gBAMdG,IAAY,gBAAA9C,EAAA,MAAM;AACpB,UAAAc,EAAA,MAAKR,GAAY,KACjBkC,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,GApEQ;AAAA,EAlMR;AAAA,EAEA,oBAAoB;AAEhB,QADAhC,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,UAAM0C,IAAgB,gBAAA/C,EAAA,MAAM;AACxB,YAAMa,IAAOD,EAAA,MAAKP,GAAO,cAAc,oBAAoB;AAC3D,UAAI,CAACQ,GAAM;AACP,mBAAWkC,GAAe,EAAE;AAC5B;AAAA,MACJ;AAEA,MAAAjC,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,MAAKuB,GAAL,YACAvB,EAAA,MAAKD,GAAL,YACA,KAAK,QAAO;AAAA,IAChB,GAlBsB;AAoBtB,IAAAoC,EAAa;AAAA,EACjB;AAAA,EAEA,uBAAuB;AACnB,IAAInC,EAAA,MAAKF,MACLE,EAAA,MAAKF,GAAgB,WAAU;AAAA,EAEvC;AAsKJ;AAhRIL,IAAA,eACAC,IAAA,eACAC,IAAA,eACAC,IAAA,eACAC,IAAA,eACAC,IAAA,eAuGAC,IAAA,eA6DAkB,IAAA,eAkCAM,IAAA,eA5M0CnC,EAAAG,IAAA;AAA9C,IAAM6C,KAAN7C;AAmRK,eAAe,IAAI,uBAAuB,KAC3C,eAAe,OAAO,yBAAyB6C,EAAmB;;ACnR/D,MAAMC,IAAN,MAAMA,UAAuB,YAAY;AAAA,EAI5C,cAAc;AACV,UAAK;AAJT,IAAA7C,EAAA,MAAA8C,GAAgB;AAWhB,IAAAnC,EAAA,cAAO,gBAAAf,EAAA,CAACmD,MAAY;AAChB,UAAI,CAACA,EAAS;AAEd,YAAMC,IAAkB,gBAAApD,EAAA,CAACqD,MAAQ;AAE7B,cAAMC,IAAiB,gBAAAtD,EAAA,CAACqD,MAAQ;AAC5B,cAAIA,EAAI,cAAc,UAAU,EAAG;AAEnC,gBAAME,IAAWF,EAAI,cAAc,UAAU,KAAKA,EAAI,cAAc,IAAI,GAClEG,IAAWD,IAAWA,EAAS,iBAAiB,QAAQ,EAAE,SAAS,GAEnEE,IAAW,SAAS,cAAc,UAAU,GAC5CC,IAAe,KAAK,IAAI,KAAK,OAAOL,EAAI,eAAe,OAAOG,CAAQ,GAAG,GAAG;AAElF,mBAASG,IAAI,GAAGA,IAAIH,GAAUG,KAAK;AAC/B,kBAAMC,KAAM,SAAS,cAAc,KAAK;AACxC,YAAAA,GAAI,aAAa,SAASF,CAAY,GACtCD,EAAS,YAAYG,EAAG;AAAA,UAC5B;AACA,UAAAP,EAAI,QAAQI,CAAQ;AAAA,QACxB,GAfuB,mBAiBjBI,IAAc,gBAAA7D,EAAA,CAACqD,MAAQ;AACzB,cAAIA,EAAI,cAAc,OAAO,EAAG;AAEhC,gBAAMS,IAAQ,SAAS,cAAc,OAAO,GACtCL,IAAWJ,EAAI,cAAc,UAAU;AAE7C,UAAII,IACAA,EAAS,MAAMK,CAAK,IAEpBT,EAAI,QAAQS,CAAK;AAAA,QAEzB,GAXoB;AAapB,eAAAR,EAAeD,CAAG,GAClBQ,EAAYR,CAAG,GAEfA,EAAI,UAAU,IAAI,oBAAoB,GAC/BA;AAAA,MACX,GArCwB,oBAuClBU,IAAcZ,EAAQ,UAAU,EAAI;AAC1C,MAAArC,EAAA,MAAKoC,GAAgBE,EAAgBW,CAAW,IAChDnD,EAAA,MAAKsC,GAAc,MAAM,UAAU;AAEnC,YAAMc,IAAgB,KAAK,cAAc,oBAAoB,GACvDC,IAAgB,KAAK,cAAc,oBAAoB,GACvDC,IAAiB,KAAK,cAAc,qBAAqB,GAEzDC,IAAqB,gBAAAnE,EAAA,CAACoE,GAAaC,GAAiBC,IAAS,OAAU;AACzE,cAAMjB,IAAMe,EAAY,UAAU,EAAI,GAChCG,IAAO,MAAM,KAAKlB,EAAI,iBAAiB,cAAc,CAAC,GACtDmB,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/BpB,EAAI,iBAAiB,IAAI,EAAE,QAAQ,CAAAsB,MAAM;AACrC,kBAAMC,IAAQD,EAAG,iBAAiB,QAAQ;AAC1C,YAAIC,EAAMH,CAAG,KAAGG,EAAMH,CAAG,EAAE,OAAM;AAAA,UACrC,CAAC;AAAA,QACL,CAAC,GAEMpB;AAAA,MACX,GAtB2B;AAyB3B,UAAIY,GAAe;AACf,cAAMY,IAAYV,EAAmBvD,EAAA,MAAKsC,IAAe,MAAM,EAAI;AACnE,QAAAe,EAAc,YAAY,IAC1BA,EAAc,YAAYY,CAAS;AAAA,MACvC;AAGA,UAAIb,GAAe;AACf,cAAMc,IAAYX,EAAmBvD,EAAA,MAAKsC,IAAe,QAAQ,EAAK;AAEtE,YAAI6B,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,EAAmBvD,EAAA,MAAKsC,IAAe,SAAS,EAAK;AAExE,YAAIgC,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,GAEJnF,EAAM,IAAI,iDAAiD,KAAK,YAAW,CAAE,EAAE;AAAA,IACnF,GA5IO;AA8IP,IAAAa,EAAA,qBAAc,gBAAAf,EAAA,MACLY,EAAA,MAAKsC,KACHtC,EAAA,MAAKsC,GAAc,iBAAiB,UAAU,EAAE,SADvB,GADtB;AAKd,IAAAnC,EAAA,mBAAY,gBAAAf,EAAA,CAACsF,MAAe;AACxB,YAAMrB,IAAgB,KAAK,cAAc,oBAAoB;AAC7D,MAAIA,MAAeA,EAAc,aAAaqB;AAAA,IAClD,GAHY;AAKZ,IAAAvE,EAAA,mBAAY,gBAAAf,EAAA,CAACuF,MAAc;AACvB,YAAMtB,IAAgB,KAAK,cAAc,oBAAoB;AAC7D,MAAIA,MAAeA,EAAc,YAAYsB;AAAA,IACjD,GAHY;AAKZ,IAAAnF,EAAA,MAAAoF,GAAU,gBAAAxF,EAAA,MAAM;AACZ,YAAMyF,IAASxC,EAAe;AAE9B,WAAK,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0CAkBiBwC,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,IAAA7E,EAAA,MAAK4E,GAAL;AAAA,EACJ;AAAA,EAsRA,uBAAuB;AACnB,SAAK,YAAY,IACjBtF,EAAM,IAAI,2BAA2B;AAAA,EACzC;AACJ;AAnSIgD,IAAA,eAwKAsC,IAAA,eAzK4CxF,EAAAiD,GAAA,mBAE5ClC,EAFSkC,GAEF,kBAAiB;AAFrB,IAAMyC,KAANzC;AAsSF,eAAe,IAAI,kBAAkB,KACtC,eAAe,OAAO,oBAAoByC,EAAc;;ACxSrD,MAAMC,KAAN,MAAMA,WAAwB,YAAY;AAAA,EAC7C,cAAc;AACV,UAAK;AAOT,IAAAvF,EAAA,MAAA+B,GAAQ,gBAAAnC,EAAA,MAAM;AACV,YAAM4F,IAAS,KAAK,cAAc,eAAe;AACjD,MAAKA,MAELA,EAAO,iBAAiB,SAAS,CAAClD,MAAM;AACpC,cAAMmD,IAAUnD,EAAE,OAAO,QAAQ,gBAAgB;AACjD,YAAI,CAACmD,EAAS;AAEd,cAAMC,IAAgBpD,EAAE,WAAWA,EAAE,WAAWA,EAAE,UAC5CqD,IAAQ,SAASF,EAAQ,QAAQ,OAAO,EAAE;AAChD,aAAK,YAAYE,GAAOD,CAAa;AAAA,MACzC,CAAC,GAED,KAAK,YAAY,GAAG,EAAK;AAAA,IAC7B,GAdQ;AAgBR,IAAA/E,EAAA,qBAAc,gBAAAf,EAAA,CAAC+F,GAAOD,IAAgB,OAAU;AAE5C,YAAME,IAAkB,gBAAAhG,EAAA,MAAM;AAC1B,cAAMa,IAAO,KAAK,cAAc,wBAAwB;AAExD,QADkBA,EAAK,iBAAiB,eAAe,EAC7C,QAAQ,CAAAoF,MAAY;AAC1B,gBAAMC,IAAa,SAASD,EAAS,QAAQ,YAAY,EAAE,GACrDE,IAAYtF,EAAK,cAAc,gCAAgCqF,IAAa,CAAC,IAAI,GACjFE,IAAavF,EAAK,cAAc,gCAAgCqF,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,GAC3C/E,IAAO,KAAK,cAAc,wBAAwB,GAClDwF,IAAWT,EAAO,iBAAiB,gBAAgB,GACnDU,IAAgBzF,EAAK,iBAAiB,kBAAkB;AAE9D,UAAI,CAACwF,EAASN,CAAK,EAAG;AAEtB,UAAI,CAACD;AACD,QAAAO,EAAS,QAAQ,CAACE,GAAK9B,MAAQ;AAC3B,UAAA8B,EAAI,UAAU,OAAO,UAAU9B,MAAQsB,CAAK;AAC5C,gBAAMS,IAAQ3F,EAAK,cAAc,gCAAgC4D,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,IAAc9F,EAAK,cAAc,gCAAgCkF,CAAK,IAAI;AAChF,QAAIY,MACAA,EAAY,UAAU,OAAO,QAAQ,GAChCA,EAAY,UAAU,SAAS,QAAQ,MACxCA,EAAY,MAAM,OAAO;AAAA,MAGrC;AAEA,YAAMC,IAAe,MAAM,KAAK/F,EAAK,iBAAiB,yBAAyB,CAAC;AAChF,UAAI+F,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,IAAcjG,EAAK,cAAc,yBAAyB;AAChE,UAAIiG,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,IAAAlG,EAAA,MAAKuB,GAAL;AAAA,EACJ;AAgGJ;AA9FIA,IAAA,eAT6CnC,EAAA2F,IAAA;AAA1C,IAAMqB,KAANrB;AAyGF,eAAe,IAAI,mBAAmB,KACvC,eAAe,OAAO,qBAAqBqB,EAAe;;AC1FvD,MAAMC,KAAN,MAAMA,GAAc;AAAA,EAIvB,YAAYC,GAAY;AAHxB,IAAA9G,EAAA,MAAA+G;AACA,IAAA/G,EAAA,MAAAM,GAAkB;AAQlB,IAAAN,EAAA,MAAAO,GAAiB,gBAAAX,EAAA,MAAM;AACnB,YAAMoH,IAASxG,EAAA,MAAKuG,GAAM;AAC1B,MAAKC,MAELtG,EAAA,MAAKJ,GAAkB,IAAI,eAAe,CAAC2G,MAAY;AACnD,iBAASC,KAASD;AAEd,UADqBD,EAAO,aAAa,aAAa,MAAM,UAExDxG,EAAA,MAAK2G,GAAL,WAAsBH;AAAA,MAGlC,CAAC,IAEDxG,EAAA,MAAKF,GAAgB,QAAQ0G,CAAM;AAAA,IACvC,GAdiB;AAgBjB,IAAAhH,EAAA,MAAAmH,GAAmB,gBAAAvH,EAAA,CAACoH,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,IAAWlH,EAAA,MAAKuG,GAAM,cAAc,mBAAmB,GACvDY,IAAWnH,EAAA,MAAKuG,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,IAAaxH,EAAA,MAAKuG,GAAM,cAAc,wBAAwB;AACpE,MAAIiB,MACAA,EAAW,MAAM,YAAYhD,IAAWsC,IAAU,SAAS;AAAA,IAEnE,GA/BmB;AAiCnB,IAAAtH,EAAA,MAAAoF,GAAU,gBAAAxF,EAAA,MAAM;AACZ,YAAMoH,IAASxG,EAAA,MAAKuG,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,MAAA7D,EAAA,MAAKuG,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,IAAiB/H,EAAA,MAAKuG,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,KACA3H,EAAA,MAAK2G,GAAL,WAAsBH;AAAA,QAE9B,CAAC;AAAA,MAET;AAAA,IACJ,GA/HU;AAtDN,IAAAtG,EAAA,MAAKqG,GAAQD,IACbtG,EAAA,MAAK4E,GAAL,YACA5E,EAAA,MAAKD,GAAL;AAAA,EACJ;AAmLJ;AA1LIwG,IAAA,eACAzG,IAAA,eAQAC,IAAA,eAgBA4G,IAAA,eAiCA/B,IAAA,eA3DuBxF,EAAAiH,IAAA;AAApB,IAAM4B,KAAN5B;;AClBA,MAAM6B,KAAN,MAAMA,GAAM;AAAA,EAIlB,YAAYC,GAAQ;AAHpB,IAAA3I,EAAA,MAAA4I;AACA,IAAA5I,EAAA,MAAA6I,GAAU;AAmBV,IAAAlI,EAAA,eAAQ,gBAAAf,EAAA,MAAMY,EAAA,MAAKoI,GAAQ,WAAW,QAA9B;AAhBP,IAAAlI,EAAA,MAAKkI,GAAUD;AAAA,EAChB;AAAA,EAEA,IAAI,KAAK;AACR,WAAOnI,EAAA,MAAKqI;AAAA,EACb;AAAA,EACA,IAAI,GAAGC,GAAG;;AACT,IAAApI,EAAA,MAAKmI,GAAU,SAASC,GAAG,EAAE;AAC7B,UAAMrI,MAAO4G,KAAAD,IAAA5G,EAAA,MAAKoI,GAAQ,OAAM,kBAAnB,gBAAAvB,EAAA,KAAAD,GAAmC,0BAAyB5G,EAAA,MAAKoI,GAAQ,MAAM;AAC5F,IAAInI,KAAQ,CAACA,EAAK,cAAc,+BAA+BD,EAAA,MAAKqI,EAAO,IAAI,KAC9E,WAAW,MAAM;;AAChB,OAAAxB,KAAAD,IAAA5G,EAAA,MAAKoI,GAAQ,OAAM,gBAAnB,QAAAvB,EAAA,KAAAD,GAAiC5G,EAAA,MAAKqI;AAAA,IACvC,CAAC;AAAA,EAEH;AAGD;AArBCD,IAAA,eACAC,IAAA,eAFkBjJ,EAAA8I,IAAA;AAAZ,IAAMK,KAANL;;AAwBA,MAAMM,KAAN,MAAMA,GAAO;AAAA,EAQnB,YAAYC,GAAON,GAAQ;AAP3B,IAAA3I,EAAA,MAAAC;AACA,IAAAD,EAAA,MAAA4I;AACA,IAAA5I,EAAA,MAAAkJ,GAAW,CAAA;AACX,IAAAlJ,EAAA,MAAAmJ,GAAa,CAAA;AACb,IAAAnJ,EAAA,MAAAoJ,GAAU;AACV,IAAApJ,EAAA,MAAAqJ,GAAiB,CAAA;AAQjB,IAAArJ,EAAA,MAAAsJ,GAAc,gBAAA1J,EAAA,MAAM;AACnB,MAAAc,EAAA,MAAK2I,GAAiB;AACtB,YAAME,IAAmB/I,EAAA,MAAKP,GAAO,YAAY,CAAA;AACjD,YAAM,KAAKsJ,CAAgB,EAAE,QAAQ,CAAArB,MAAM;;AAC1C,QAAA1H,EAAA,MAAK6I,GAAe,OAAKjC,IAAAc,EAAG,0BAAH,gBAAAd,EAAA,KAAAc,GAA6B,WAAU,EAAE;AAAA,MACnE,CAAC,IAEA1H,EAAA,MAAKoI,GAAQ,cAAc,CAAA,GAAI,QAAQ,CAAAE,MAAK;AAC5C,QAAKA,EAAE,SAAMA,EAAE,OAAOtI,EAAA,MAAKgJ,GAAL,aACtBV,EAAE,KAAK,SAAStI,EAAA,MAAK6I,GAAe,MAAK;AAAA,MAC1C,CAAC;AAAA,IACF,GAXc;AAqBd,IAAA1I,EAAA,aAAM,gBAAAf,EAAA,CAAC6J,MAAe;AACrB,WAAK,MAAK,GACV,KAAK,IAAIA,GAAY,EAAK;AAAA,IAC3B,GAHM;AASN,IAAAzJ,EAAA,MAAAwJ,GAAkB,gBAAA5J,EAAA,MAAM;;AACvB,aAAO;AAAA,QACN,YAAUwH,IAAA,SAAS,cAAT,gBAAAA,EAAoB,UAAS;AAAA,QACvC,SAAS;AAAA,QACT,UAAU;AAAA,QACV,QAAQ5G,EAAA,MAAK6I,GAAe,MAAK;AAAA,QACjC,GAAG,CAAA;AAAA,QACH,GAAG,CAAA;AAAA,QACH,GAAG,CAAC,GAAG,GAAG,GAAG,GAAG,SAAS,IAAO,IAAO,IAAM,IAAO,IAAM,IAAM,IAAO7I,EAAA,MAAK6I,GAAe,SAAS,IAAI,CAAA,GAAI,EAAE;AAAA,MACjH;AAAA,IACC,GAVkB;AAYlB,IAAA1I,EAAA,eAAQ,gBAAAf,EAAA,MAAM;AACb,MAAAc,EAAA,MAAKwI,GAAW,KAChBxI,EAAA,MAAKyI,GAAa;IACnB,GAHQ;AAKR,IAAAxI,EAAA,eAAQ,gBAAAf,EAAA,MAAM;;AACb,MAAAY,EAAA,MAAKoI,GAAQ,aAAa,IAC1BlI,EAAA,MAAKwI,GAAW,KAChBxI,EAAA,MAAKyI,GAAa,MACd/B,IAAA5G,EAAA,MAAKoI,GAAQ,gBAAb,QAAAxB,EAA0B,SAC7B5G,EAAA,MAAKoI,GAAQ,YAAY;IAE3B,GAPQ;AASR,IAAA5I,EAAA,MAAA0J,IAAc,gBAAA9J,EAAA,CAAC+J,MAAc;;AAC5B,MAAK,MAAM,QAAQA,CAAS,MAAGA,IAAY,CAACA,CAAS;AAErD,YAAMC,IAAS,SAAOxC,IAAA5G,EAAA,MAAKP,GAAO,WAAZ,gBAAAmH,EAAoB,QAAQ,aAAa5G,EAAA,MAAKP,GAAO,OAAO,IAAG,IAAK,OAAO,KAAK0J,EAAU,CAAC,KAAK,CAAA,CAAE,GAClHE,IAAM,CAAA;AAEZ,aAAAF,EAAU,QAAQ,CAAAG,MAAQ;AACzB,cAAMC,IAAI,EAAE,GAAG,CAAA;AACf,QAAAH,EAAO,QAAQ,CAAAI,MAAS;AACvB,UAAAD,EAAE,EAAE,KAAKD,EAAKE,CAAK,MAAM,UAAaF,EAAKE,CAAK,MAAM,OAAOF,EAAKE,CAAK,IAAI,EAAE;AAAA,QAC9E,CAAC,GACDH,EAAI,KAAKE,CAAC;AAAA,MACX,CAAC,GAEMF;AAAA,IACR,GAfc;AAiBd,IAAA7J,EAAA,MAAAiK,IAAiB,gBAAArK,EAAA,CAACiK,OACZ,MAAM,QAAQA,CAAG,MAAGA,IAAM,CAACA,CAAG,IACnCA,EAAI,QAAQ,CAAAE,MAAK;;AAChB,MAAAA,EAAE,OAAOvJ,EAAA,MAAKgJ,GAAL,YACTO,EAAE,KAAK,QAAQ,KAAK,QACpBA,EAAE,KAAK,aAAW3C,IAAA,SAAS,cAAT,gBAAAA,EAAoB,WAAU,UAChD2C,EAAE,KAAK,EAAE,CAAC,IAAIA,EAAE,KAAK;AAAA,IACtB,CAAC,GACMF,IARS;AAWjB,IAAAlJ,EAAA,aAAM,gBAAAf,EAAA,CAAC6J,GAAYS,IAAc,OAAS;;AACzC,MAAIT,MAAe,WAAWA,IAAa;AAC3C,YAAMI,IAAMrJ,EAAA,MAAKkJ,IAAL,WAAiBD;AAE7B,MAAAjJ,EAAA,MAAKoI,GAAQ,aAAapI,EAAA,MAAKoI,GAAQ,WAAW,OAAOpI,EAAA,MAAKyJ,IAAL,WAAoBJ,EAAI,GACjF,KAAK,aAAY;AAEjB,YAAMM,IAAM,KAAK,MAAK,IAAK;AAC3B,aAAKD,KACJL,EAAI,QAAQ,CAACxB,GAAGhE,MAAQ;;AACvB,cAAM+F,IAAS5J,EAAA,MAAKoI,GAAQ,WAAWuB,IAAM9F,CAAG;AAChD,QAAI+F,MAAQA,EAAO,KAAK,aAAWhD,IAAA,SAAS,cAAT,gBAAAA,EAAoB,UAAS;AAAA,MACjE,CAAC,IAGEA,IAAA5G,EAAA,MAAKoI,GAAQ,gBAAb,QAAAxB,EAA0B,SAAO5G,EAAA,MAAKoI,GAAQ,YAAY,SACvDuB;AAAA,IACR,GAjBM;AAmBN,IAAAxJ,EAAA,gBAAS,gBAAAf,EAAA,CAACyK,MAAO;;AAChB,UAAIR,IAAM,CAAA;AACV,MAAI,MAAM,QAAQQ,CAAE,IACnBR,IAAMQ,IACI,OAAOA,IAAO,MACxBR,IAAM,CAACrJ,EAAA,MAAKoI,GAAQ,MAAM,IAAI,EAAE,IAEhCiB,IAAM,CAAC,SAASQ,GAAI,EAAE,CAAC,GAGxBR,EAAI,KAAK,CAACS,GAAGC,MAAMA,IAAID,CAAC,EAAE,QAAQ,CAAAE,MAAU;AAC3C,YAAIhK,EAAA,MAAK0I,GAASsB,CAAM,GAAG;AAC1B,gBAAMC,IAAWjK,EAAA,MAAK0I,GAASsB,CAAM,EAAE,KAAK;AAC5C,UAAIhK,EAAA,MAAK0I,GAASsB,CAAM,EAAE,KAAK,aAAa,WAC3ChK,EAAA,MAAKoI,GAAQ,aAAapI,EAAA,MAAKoI,GAAQ,WAAW,OAAO,CAAA8B,MAAQA,EAAK,KAAK,UAAUD,CAAQ,IAE7FjK,EAAA,MAAKoI,GAAQ,WAAW,QAAQ,CAAA8B,MAAQ;;AACvC,YAAIA,EAAK,KAAK,UAAUD,MACvBC,EAAK,KAAK,UAAU,IACpBA,EAAK,KAAK,aAAWtD,IAAA,SAAS,cAAT,gBAAAA,EAAoB,WAAU;AAAA,UAErD,CAAC;AAAA,QAEH;AAAA,MACD,CAAC,GAED,KAAK,aAAY,IACbA,IAAA5G,EAAA,MAAKoI,GAAQ,gBAAb,QAAAxB,EAA0B,SAAO5G,EAAA,MAAKoI,GAAQ,YAAY;IAC/D,GA5BS;AA8BT,IAAAjI,EAAA,kBAAW,gBAAAf,EAAA,CAAC+K,GAAUX,GAAOY,MAAU;;AACtC,MAAAD,IAAW,SAASA,GAAU,EAAE;AAEhC,YAAME,KADS,SAAOzD,IAAA5G,EAAA,MAAKP,GAAO,WAAZ,gBAAAmH,EAAoB,QAAQ,aAAa5G,EAAA,MAAKP,GAAO,OAAO,IAAG,IAAK,CAAA,GACnE,QAAQ+J,CAAK;AACpC,UAAIa,IAAU,EAAG;AAEjB,YAAMC,IAAU,KAAK,aAAY,EAAGH,CAAQ;AAC5C,UAAI,CAACG,EAAS;AAEd,YAAMC,IAAWD,EAAQ,EAAED,CAAO;AAClC,MAAIE,MAAaH,KAASE,EAAQ,KAAK,aAAa,aAC9CA,EAAQ,KAAK,EAAE,eAAed,CAAK,MAAGc,EAAQ,KAAK,EAAEd,CAAK,IAAIe,IACnED,EAAQ,KAAK,aAAWzD,IAAA,SAAS,cAAT,gBAAAA,EAAoB,WAAU,WAGvDyD,EAAQ,EAAED,CAAO,IAAID,GACjBpK,EAAA,MAAKoI,GAAQ,MAAM,eAAapI,EAAA,MAAKoI,GAAQ,MAAM,YAAY+B,CAAQ;AAAA,IAC5E,GAjBW;AAmBX,IAAAhK,EAAA,sBAAe,gBAAAf,EAAA,MAAM;AACpB,MAAAc,EAAA,MAAKyI,GAAa3I,EAAA,MAAKoI,GAAQ,WAAW,OAAO,CAAAoC,MAAK,CAACA,EAAE,KAAK,OAAO,IACrEtK,EAAA,MAAKwI,GAAW1I,EAAA,MAAKoI,GAAQ,WAAW,OAAO,CAAAoC,MAAK,CAACA,EAAE,KAAK,WAAW,CAACA,EAAE,KAAK,QAAQ,IAEvFxK,EAAA,MAAKoI,GAAQ,WAAW,QAAQ,CAACmB,GAAGxG,MAAM;AAAE,QAAAwG,EAAE,KAAK,SAASxG;AAAA,MAAG,CAAC,GAChE/C,EAAA,MAAK0I,GAAS,QAAQ,CAACa,GAAGxG,MAAM;AAAE,QAAAwG,EAAE,KAAK,IAAIxG;AAAA,MAAG,CAAC;AAAA,IAClD,GANe;AAQf,IAAA5C,EAAA,sBAAe,gBAAAf,EAAA,OACVY,EAAA,MAAK0I,GAAS,WAAW,KAAK1I,EAAA,MAAKoI,GAAQ,WAAW,SAAS,KAClE,KAAK,aAAY,GAEXpI,EAAA,MAAK0I,KAJE;AAOf,IAAAlJ,EAAA,MAAAiL,GAAS,gBAAArL,EAAA,CAACiK,MAAQ;;AACjB,UAAI,CAACA,EAAK,QAAOA;AACjB,YAAMD,IAAS,SAAOxC,IAAA5G,EAAA,MAAKP,GAAO,WAAZ,gBAAAmH,EAAoB,QAAQ,aAAa5G,EAAA,MAAKP,GAAO,OAAO,IAAG,IAAK,CAAA;AAE1F,aAAI,MAAM,QAAQ4J,CAAG,IACbA,EAAI,OAAO,CAAAE,MAAK,CAACA,EAAE,KAAK,OAAO,EAAE,IAAI,CAAAA,MAAK;AAChD,cAAMmB,IAAI,CAAA;AACV,eAAAtB,EAAO,QAAQ,CAACI,GAAOzG,MAAM;AAC5B,UAAA2H,EAAElB,CAAK,IAAID,EAAE,IAAIA,EAAE,EAAExG,CAAC,IAAIwG,EAAEC,CAAK;AAAA,QAClC,CAAC,GACDkB,EAAE,OAAOnB,EAAE,MACJmB;AAAA,MACR,CAAC,IAEKrB;AAAA,IACR,GAfS;AAiBT,IAAAlJ,EAAA,eAAQ,gBAAAf,EAAA,MAAM,KAAK,aAAY,EAAG,QAA1B;AAER,IAAAe,EAAA,aAAM,gBAAAf,EAAA,CAACyK,GAAIL,MAAU;;AACpB,YAAMmB,IAAU,KAAK;AACrB,UAAI,CAACA,KAAWA,EAAQ,UAAU,EAAG;AACrC,UAAwBd,KAAO,KAAM,QAAO7J,EAAA,MAAKyK,GAAL,WAAYE;AACxD,UAAId,IAAK,KAAKA,KAAMc,EAAQ,OAAQ,QAAO;AAE3C,YAAMvB,IAAS,SAAOxC,IAAA5G,EAAA,MAAKP,GAAO,WAAZ,gBAAAmH,EAAoB,QAAQ,aAAa5G,EAAA,MAAKP,GAAO,OAAO,IAAG,IAAK,CAAA;AAC1F,UAAI+J,KAAS,MAAM;AAClB,cAAM3F,IAAMuF,EAAO,QAAQI,CAAK;AAChC,eAAQ3F,KAAO,IAAK8G,EAAQd,CAAE,EAAE,EAAEhG,CAAG,IAAI;AAAA,MAC1C;AACA,aAAO7D,EAAA,MAAKyK,GAAL,WAAYE,EAAQd,CAAE;AAAA,IAC9B,GAZM;AA/LL,IAAA3J,EAAA,MAAKT,GAASgJ,IACdvI,EAAA,MAAKkI,GAAUD,IACfnI,EAAA,MAAK8I,GAAL;AAAA,EACD;AAAA,EAeA,IAAI,SAAS;AACZ,WAAO9I,EAAA,MAAKyK,GAAL,WAAYzK,EAAA,MAAKoI,GAAQ;AAAA,EACjC;AAAA,EACA,IAAI,OAAOE,GAAG;AACb,SAAK,MAAK,GACV,KAAK,IAAIA,GAAG,EAAK;AAAA,EAClB;AAAA,EAOA,IAAI,SAAS;AACZ,WAAc,EAALsC,GAAA,MAAKhC,GAAL;AAAA,EACV;AA2KD;AApNCnJ,IAAA,eACA2I,IAAA,eACAM,IAAA,eACAC,IAAA,eACAC,IAAA,eACAC,IAAA,eAQAC,IAAA,eA8BAE,IAAA,eA0BAE,KAAA,eAiBAO,KAAA,eA8FAgB,IAAA,eArLmBrL,EAAAoJ,IAAA;AAAb,IAAMqC,KAANrC;ACtBA,MAAMsC,KAAN,MAAMA,GAAc;AAAA,EAC1B,YAAYrC,GAAO;AAClB,SAAK,QAAQA,GAEb,KAAK,MAAM,IAAIF,GAAM,IAAI,GACzB,KAAK,OAAO,IAAIsC,GAAOpC,GAAO,IAAI,GAElC,KAAK,aAAa,IAClB,KAAK,cAAc,IACnB,KAAK,aAAa,IAClB,KAAK,UAAU,IAEf,KAAK,YAAY,QAAQ,MAAM;;AAC9B,OAAI7B,IAAA,KAAK,MAAM,SAAX,QAAAA,EAAiB,UAAQ,KAAK,MAAM,KAAK;IAC9C,GAEA,KAAK,gBAAgB,CAACmE,MAAO;AAC5B,MAAI,KAAK,QAAM,KAAK,KAAK,MAAK,GAE9B,KAAK,aAAa,IAClB,KAAK,cAAc,IACnB,KAAK,aAAa,IAElB,KAAK,KAAK,IAAIA,KAAM,CAAA,CAAE;AAAA,IACvB,GAEA,KAAK,cAAc,CAACC,MAAS;;AAC5B,YAAMC,IAAS,SAASD,GAAM,EAAE;AAChC,UAAI,EAAAC,KAAU,KAAK,KAAK,MAAK;AAC7B,gBAAOpE,KAAAD,IAAA,KAAK,KAAK,aAAY,EAAGqE,CAAM,MAA/B,gBAAArE,EAAkC,SAAlC,gBAAAC,EAAwC;AAAA,IAChD,GAEA,KAAK,iBAAiB,MAAM,KAAK,IAAI,IACrC,KAAK,iBAAiB,CAACmE,MAAS;AAAE,WAAK,IAAI,KAAKA;AAAA,IAAM,GAEtD,KAAK,cAAc,CAACA,OACfA,IAAO,MAAGA,IAAO,IACjBA,KAAQ,KAAK,WAAW,WAAQA,IAAO,KAAK,WAAW,SAAS,IAEpE,KAAK,YAAY,WAAWA,GACxB,KAAK,YAAY,SAAO,KAAK,YAAY,SAErC,EAAAA,KAAQ,KAAKA,KAAQ,KAAK,WAAW,SAAS,KAGvD,KAAK,YAAY,CAAChB,GAAQR,MAAU,KAAK,KAAK,IAAIQ,GAAQR,CAAK,GAE/D,KAAK,YAAY,CAACQ,GAAQR,GAAOlB,MAAM;AACtC,MAAA0B,IAAS,SAASA,GAAQ,EAAE,GAC5B,KAAK,KAAK,SAASA,GAAQR,GAAOlB,CAAC;AAAA,IACpC,GAGA,KAAK,cAAc,CAAA,CAAE;AAAA,EACtB;AACD;AAvD2BlJ,EAAA0L,IAAA;AAApB,IAAMI,KAANJ;;ACEQ,MAAMK,KAAN,MAAMA,WAAkB,YAAY;AAAA,EAK/C,cAAc;AACV,UAAK;AAJT;AAAA,IAAA3L,EAAA,MAAA4L;AACA,IAAA5L,EAAA,MAAA6L;AAII,SAAK,aAAa,EAAE,MAAM,OAAM,CAAE,GAGlCnL,EAAA,MAAKkL,GAAe,IAAIF,GAAc,IAAI;AAAA,EAC9C;AAAA,EAEA,oBAAoB;AAGhB,IAAAhL,EAAA,MAAKmL,IAAiB,IAAIpD,GAAc,KAAK,UAAU,IAGvD3I,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;AAAA;AAAA,EAGA,IAAI,OAAO;AACP,WAAOU,EAAA,MAAKoL,GAAa;AAAA,EAC7B;AAAA;AAAA,EAGA,IAAI,MAAM;AACN,WAAOpL,EAAA,MAAKoL,GAAa;AAAA,EAC7B;AAAA;AAAA,EAGA,IAAI,cAAc;AACd,WAAOpL,EAAA,MAAKoL;AAAA,EAChB;AACJ;AAxCIA,IAAA,eACAC,KAAA,eAH+CjM,EAAA+L,IAAA;AAApC,IAAMG,KAANH;AA4CV,eAAe,IAAI,YAAY,KAChC,eAAe,OAAO,cAAcG,EAAS;"}

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

@@ -1,4 +1,4 @@
-(function(u,b){typeof exports=="object"&&typeof module<"u"?b(require("@ninebone/util")):typeof define=="function"&&define.amd?define(["@ninebone/util"],b):(u=typeof globalThis<"u"?globalThis:u||self,b(u.NineboneUtil))})(this,function(u){"use strict";var te=Object.defineProperty;var ne=u=>{throw TypeError(u)};var se=(u,b,y)=>b in u?te(u,b,{enumerable:!0,configurable:!0,writable:!0,value:y}):u[b]=y;var f=(u,b)=>te(u,"name",{value:b,configurable:!0});var R=(u,b,y)=>se(u,typeof b!="symbol"?b+"":b,y),ie=(u,b,y)=>b.has(u)||ne("Cannot "+y);var e=(u,b,y)=>(ie(u,b,"read from private field"),y?y.call(u):b.get(u)),v=(u,b,y)=>b.has(u)?ne("Cannot add the same private member more than once"):b instanceof WeakSet?b.add(u):b.set(u,y),k=(u,b,y,H)=>(ie(u,b,"write to private field"),H?H.call(u,y):b.set(u,y),y);var L,A,d,T,$,I,N,M,O,C,j,F,q,z,K,B,P,X;const G=class G extends u.trace.constructor{constructor(){super(),this.init("nine-table","green")}};f(G,"Trace");let b=G;const y=new b,J=class J extends HTMLElement{constructor(){super();v(this,L);v(this,A,!1);v(this,d);v(this,T);v(this,$);v(this,I);v(this,N,f(()=>{if(!e(this,L))return;const n=e(this,L).querySelector(".ng-container-body");n&&(k(this,I,new ResizeObserver(()=>{this.refresh()})),e(this,I).observe(n))},"#observeResize"));R(this,"refresh",f(()=>{if(!e(this,L)||!e(this,d)||e(this,A))return;const n=e(this,d).container,o=n.querySelector("table");if(!o)return;const s=e(this,d).track,p=e(this,d).thumb,c=e(this,L).querySelector(".ng-container-bottom"),r=n.clientWidth,g=o.scrollWidth;if(r!==0&&g>r)c&&(c.style.display="flex");else{c&&(c.style.display="none");return}const t=s.clientWidth;if(t<=0)return;const h=Math.max(Math.min(t*(r/g),t),20);p.style.width=`${h}px`;let i=0;const a=o.style.transform;if(a&&a.includes("translateX")){const x=a.match(/translateX\(([-\d.]+)px\)/);x&&x[1]&&(i=parseFloat(x[1]))}else i=parseInt(o.style.left||0,10);let l=parseInt(Math.abs(i)*t/g,10);l<0&&(l=0);const w=t-h;l>w&&(l=w),p.style.left=`${l}px`,e(this,d).left.disabled=l===0,e(this,d).right.disabled=l>=w-1},"refresh"));v(this,M,f(n=>{if(!e(this,d))return!1;const o=e(this,d).container,s=o.querySelector("table");if(!s)return!1;const p=e(this,d).track.getBoundingClientRect(),c=e(this,d).thumb.clientWidth;let r=n;r<0&&(r=0);const g=p.width-c;r>g&&(r=g),r=parseInt(r,10),e(this,d).thumb.style.left=`${r}px`,e(this,d).left.disabled=r===0,e(this,d).right.disabled=r>=g-1;const t=o.clientWidth,h=s.scrollWidth;let i=g>0?-r*(h-t)/g:0;return-i>h-t&&(i=-(h-t)),-i+5>h-t&&(i=-(h-t)),t>=h&&(i=0),s.style.transform=`translateX(${i}px)`,r>0&&r<g-1},"#thumbMoveTo"));v(this,O,f(()=>{const n=f(s=>{clearInterval(e(this,T)),clearInterval(e(this,$));const p=parseInt(e(this,d).thumb.style.left||0,10);e(this,M).call(this,p+s),k(this,T,setInterval(()=>{clearInterval(e(this,T)),k(this,$,setInterval(()=>{const c=parseInt(e(this,d).thumb.style.left||0,10);e(this,M).call(this,c+s)||clearInterval(e(this,$))},50))},500))},"delayScroll"),o=f(()=>{clearInterval(e(this,T)),clearInterval(e(this,$))},"clearTimer");["mouseup","mouseleave","touchend"].forEach(s=>{e(this,d).left.addEventListener(s,o),e(this,d).right.addEventListener(s,o),e(this,d).track.addEventListener(s,o)}),e(this,d).left.addEventListener("mousedown",s=>{s.button===0&&n(-20)}),e(this,d).right.addEventListener("mousedown",s=>{s.button===0&&n(20)}),e(this,d).left.addEventListener("touchstart",()=>n(-20)),e(this,d).right.addEventListener("touchstart",()=>n(20)),e(this,d).track.addEventListener("mousedown",s=>{if(s.button!==0)return;s.preventDefault();const p=e(this,d).track.getBoundingClientRect(),c=e(this,d).thumb.clientWidth;e(this,M).call(this,s.clientX-p.left-c/2)}),e(this,d).thumb.addEventListener("mousedown",s=>{if(s.button!==0)return;s.stopPropagation(),s.preventDefault(),k(this,A,!0),this.shiftX=s.clientX-e(this,d).thumb.getBoundingClientRect().left;const p=f(r=>{if(!e(this,A))return;const g=e(this,d).track.getBoundingClientRect();e(this,M).call(this,r.clientX-g.left-this.shiftX)},"onMouseMove"),c=f(()=>{k(this,A,!1),o(),document.removeEventListener("mousemove",p),document.removeEventListener("mouseup",c),this.refresh()},"onMouseUp");document.addEventListener("mousemove",p),document.addEventListener("mouseup",c)})},"#init"))}connectedCallback(){if(k(this,L,this.closest("nine-table-sheet")||this.getRootNode().host),!e(this,L))return;this.innerHTML=`
+(function(y,u){typeof exports=="object"&&typeof module<"u"?u(require("@ninebone/util")):typeof define=="function"&&define.amd?define(["@ninebone/util"],u):(y=typeof globalThis<"u"?globalThis:y||self,u(y.NineboneUtil))})(this,function(y){"use strict";var xe=Object.defineProperty;var Se=y=>{throw TypeError(y)};var _e=(y,u,x)=>u in y?xe(y,u,{enumerable:!0,configurable:!0,writable:!0,value:x}):y[u]=x;var a=(y,u)=>xe(y,"name",{value:u,configurable:!0});var E=(y,u,x)=>_e(y,typeof u!="symbol"?u+"":u,x),Ee=(y,u,x)=>u.has(y)||Se("Cannot "+x);var e=(y,u,x)=>(Ee(y,u,"read from private field"),x?x.call(y):u.get(y)),p=(y,u,x)=>u.has(y)?Se("Cannot add the same private member more than once"):u instanceof WeakSet?u.add(y):u.set(y,x),v=(y,u,x,I)=>(Ee(y,u,"write to private field"),I?I.call(y,x):u.set(y,x),x);var Re=(y,u,x,I)=>({set _(V){v(y,u,V,x)},get _(){return e(y,u,I)}});var A,W,w,H,z,O,Z,B,j,C,G,J,q,F,Q,U,ee,$,D,_,m,k,P,te,M,ie,K,se,ne,X,N,re;const fe=class fe extends y.trace.constructor{constructor(){super(),this.init("nine-table","green")}};a(fe,"Trace");let u=fe;const x=new u,ue=class ue extends HTMLElement{constructor(){super();p(this,A);p(this,W,!1);p(this,w);p(this,H);p(this,z);p(this,O);p(this,Z,a(()=>{if(!e(this,A))return;const t=e(this,A).querySelector(".ng-container-body");t&&(v(this,O,new ResizeObserver(()=>{this.refresh()})),e(this,O).observe(t))},"#observeResize"));E(this,"refresh",a(()=>{if(!e(this,A)||!e(this,w)||e(this,W))return;const t=e(this,w).container,s=t.querySelector("table");if(!s)return;const n=e(this,w).track,l=e(this,w).thumb,r=e(this,A).querySelector(".ng-container-bottom"),c=t.clientWidth,b=s.scrollWidth;if(c!==0&&b>c)r&&(r.style.display="flex");else{r&&(r.style.display="none");return}const o=n.clientWidth;if(o<=0)return;const g=Math.max(Math.min(o*(c/b),o),20);l.style.width=`${g}px`;let h=0;const f=s.style.transform;if(f&&f.includes("translateX")){const S=f.match(/translateX\(([-\d.]+)px\)/);S&&S[1]&&(h=parseFloat(S[1]))}else h=parseInt(s.style.left||0,10);let d=parseInt(Math.abs(h)*o/b,10);d<0&&(d=0);const R=o-g;d>R&&(d=R),l.style.left=`${d}px`,e(this,w).left.disabled=d===0,e(this,w).right.disabled=d>=R-1},"refresh"));p(this,B,a(t=>{if(!e(this,w))return!1;const s=e(this,w).container,n=s.querySelector("table");if(!n)return!1;const l=e(this,w).track.getBoundingClientRect(),r=e(this,w).thumb.clientWidth;let c=t;c<0&&(c=0);const b=l.width-r;c>b&&(c=b),c=parseInt(c,10),e(this,w).thumb.style.left=`${c}px`,e(this,w).left.disabled=c===0,e(this,w).right.disabled=c>=b-1;const o=s.clientWidth,g=n.scrollWidth;let h=b>0?-c*(g-o)/b:0;return-h>g-o&&(h=-(g-o)),-h+5>g-o&&(h=-(g-o)),o>=g&&(h=0),n.style.transform=`translateX(${h}px)`,c>0&&c<b-1},"#thumbMoveTo"));p(this,j,a(()=>{const t=a(n=>{clearInterval(e(this,H)),clearInterval(e(this,z));const l=parseInt(e(this,w).thumb.style.left||0,10);e(this,B).call(this,l+n),v(this,H,setInterval(()=>{clearInterval(e(this,H)),v(this,z,setInterval(()=>{const r=parseInt(e(this,w).thumb.style.left||0,10);e(this,B).call(this,r+n)||clearInterval(e(this,z))},50))},500))},"delayScroll"),s=a(()=>{clearInterval(e(this,H)),clearInterval(e(this,z))},"clearTimer");["mouseup","mouseleave","touchend"].forEach(n=>{e(this,w).left.addEventListener(n,s),e(this,w).right.addEventListener(n,s),e(this,w).track.addEventListener(n,s)}),e(this,w).left.addEventListener("mousedown",n=>{n.button===0&&t(-20)}),e(this,w).right.addEventListener("mousedown",n=>{n.button===0&&t(20)}),e(this,w).left.addEventListener("touchstart",()=>t(-20)),e(this,w).right.addEventListener("touchstart",()=>t(20)),e(this,w).track.addEventListener("mousedown",n=>{if(n.button!==0)return;n.preventDefault();const l=e(this,w).track.getBoundingClientRect(),r=e(this,w).thumb.clientWidth;e(this,B).call(this,n.clientX-l.left-r/2)}),e(this,w).thumb.addEventListener("mousedown",n=>{if(n.button!==0)return;n.stopPropagation(),n.preventDefault(),v(this,W,!0),this.shiftX=n.clientX-e(this,w).thumb.getBoundingClientRect().left;const l=a(c=>{if(!e(this,W))return;const b=e(this,w).track.getBoundingClientRect();e(this,B).call(this,c.clientX-b.left-this.shiftX)},"onMouseMove"),r=a(()=>{v(this,W,!1),s(),document.removeEventListener("mousemove",l),document.removeEventListener("mouseup",r),this.refresh()},"onMouseUp");document.addEventListener("mousemove",l),document.addEventListener("mouseup",r)})},"#init"))}connectedCallback(){if(v(this,A,this.closest("nine-table-sheet")||this.getRootNode().host),!e(this,A))return;this.innerHTML=`
             <style>
                 nine-table-hscrollbar {
                     display: flex;
@@ -60,7 +60,7 @@
             <button class='ng-scroll-left' disabled><div class='ng-scroll-icon'></div></button>
             <div class='ng-scroll-track'><div class='ng-scroll-thumb'></div></div>
             <button class='ng-scroll-right' disabled><div class='ng-scroll-icon'></div></button>
-        `;const n=f(()=>{const o=e(this,L).querySelector(".ng-container-body");if(!o){setTimeout(n,10);return}k(this,d,{container:o,track:this.querySelector(".ng-scroll-track"),thumb:this.querySelector(".ng-scroll-thumb"),left:this.querySelector(".ng-scroll-left"),right:this.querySelector(".ng-scroll-right")}),e(this,O).call(this),e(this,N).call(this),this.refresh()},"initWhenReady");n()}disconnectedCallback(){e(this,I)&&e(this,I).disconnect()}};L=new WeakMap,A=new WeakMap,d=new WeakMap,T=new WeakMap,$=new WeakMap,I=new WeakMap,N=new WeakMap,M=new WeakMap,O=new WeakMap,f(J,"NineTableHScrollBar");let H=J;customElements.get("nine-table-hscrollbar")||customElements.define("nine-table-hscrollbar",H);const W=class W extends HTMLElement{constructor(){super();v(this,C,null);R(this,"init",f(n=>{if(!n)return;const o=f(t=>{const h=f(a=>{if(a.querySelector("colgroup"))return;const l=a.querySelector("tbody tr")||a.querySelector("tr"),w=l?l.querySelectorAll("th, td").length:1,x=document.createElement("colgroup"),E=Math.max(Math.floor((a.clientWidth||600)/w),100);for(let S=0;S<w;S++){const ee=document.createElement("col");ee.setAttribute("width",E),x.appendChild(ee)}a.prepend(x)},"ensureColgroup"),i=f(a=>{if(a.querySelector("thead"))return;const l=document.createElement("thead"),w=a.querySelector("colgroup");w?w.after(l):a.prepend(l)},"ensureThead");return h(t),i(t),t.classList.add("nine-table-element"),t},"initializeTable"),s=n.cloneNode(!0);k(this,C,o(s)),e(this,C).style.display="table";const p=this.querySelector(".ng-container-left"),c=this.querySelector(".ng-container-body"),r=this.querySelector(".ng-container-right"),g=f((t,h,i=!1)=>{const a=t.cloneNode(!0),l=Array.from(a.querySelectorAll("colgroup col")),w=[];return l.forEach((x,E)=>{const S=x.getAttribute("fixed");(i?!S||S==="":S===h)||w.push(E)}),w.reverse().forEach(x=>{l[x]&&l[x].remove(),a.querySelectorAll("tr").forEach(E=>{const S=E.querySelectorAll("th, td");S[x]&&S[x].remove()})}),a},"filterTableByFixed");if(c){const t=g(e(this,C),null,!0);c.innerHTML="",c.appendChild(t)}if(p){const t=g(e(this,C),"left",!1);let h=0;t.querySelectorAll("col").forEach(a=>{const l=parseInt(a.getAttribute("width"),10);isNaN(l)||(h+=l)}),p.innerHTML="",p.appendChild(t);const i=h>0?h:0;p.style.flex=`0 0 ${i}px`,p.style.width=`${i}px`}if(r){const t=g(e(this,C),"right",!1);let h=0;t.querySelectorAll("col").forEach(a=>{const l=parseInt(a.getAttribute("width"),10);isNaN(l)||(h+=l)}),r.innerHTML="",r.appendChild(t);const i=h>0?h:0;r.style.flex=`0 0 ${i}px`,r.style.width=`${i}px`}if(c){const t=this.getRowCount();c.style.overflowY=t>10?"auto":"hidden",c.addEventListener("scroll",()=>{const h=this.querySelector("nine-table-hscrollbar");h&&typeof h.refresh=="function"&&h.refresh()})}setTimeout(()=>{const t=this.querySelector("nine-table-hscrollbar");t&&typeof t.refresh=="function"&&t.refresh()},0),y.log(`NineTableSheet 3-split initialized with rows: ${this.getRowCount()}`)},"init"));R(this,"getRowCount",f(()=>e(this,C)?e(this,C).querySelectorAll("tbody tr").length:0,"getRowCount"));R(this,"scrollToX",f(n=>{const o=this.querySelector(".ng-container-body");o&&(o.scrollLeft=n)},"scrollToX"));R(this,"scrollToY",f(n=>{const o=this.querySelector(".ng-container-body");o&&(o.scrollTop=n)},"scrollToY"));v(this,j,f(()=>{const n=W.SCROLLBAR_SIZE;this.innerHTML=`
+        `;const t=a(()=>{const s=e(this,A).querySelector(".ng-container-body");if(!s){setTimeout(t,10);return}v(this,w,{container:s,track:this.querySelector(".ng-scroll-track"),thumb:this.querySelector(".ng-scroll-thumb"),left:this.querySelector(".ng-scroll-left"),right:this.querySelector(".ng-scroll-right")}),e(this,j).call(this),e(this,Z).call(this),this.refresh()},"initWhenReady");t()}disconnectedCallback(){e(this,O)&&e(this,O).disconnect()}};A=new WeakMap,W=new WeakMap,w=new WeakMap,H=new WeakMap,z=new WeakMap,O=new WeakMap,Z=new WeakMap,B=new WeakMap,j=new WeakMap,a(ue,"NineTableHScrollBar");let I=ue;customElements.get("nine-table-hscrollbar")||customElements.define("nine-table-hscrollbar",I);const Y=class Y extends HTMLElement{constructor(){super();p(this,C,null);E(this,"init",a(t=>{if(!t)return;const s=a(o=>{const g=a(f=>{if(f.querySelector("colgroup"))return;const d=f.querySelector("tbody tr")||f.querySelector("tr"),R=d?d.querySelectorAll("th, td").length:1,S=document.createElement("colgroup"),L=Math.max(Math.floor((f.clientWidth||600)/R),100);for(let T=0;T<R;T++){const ve=document.createElement("col");ve.setAttribute("width",L),S.appendChild(ve)}f.prepend(S)},"ensureColgroup"),h=a(f=>{if(f.querySelector("thead"))return;const d=document.createElement("thead"),R=f.querySelector("colgroup");R?R.after(d):f.prepend(d)},"ensureThead");return g(o),h(o),o.classList.add("nine-table-element"),o},"initializeTable"),n=t.cloneNode(!0);v(this,C,s(n)),e(this,C).style.display="table";const l=this.querySelector(".ng-container-left"),r=this.querySelector(".ng-container-body"),c=this.querySelector(".ng-container-right"),b=a((o,g,h=!1)=>{const f=o.cloneNode(!0),d=Array.from(f.querySelectorAll("colgroup col")),R=[];return d.forEach((S,L)=>{const T=S.getAttribute("fixed");(h?!T||T==="":T===g)||R.push(L)}),R.reverse().forEach(S=>{d[S]&&d[S].remove(),f.querySelectorAll("tr").forEach(L=>{const T=L.querySelectorAll("th, td");T[S]&&T[S].remove()})}),f},"filterTableByFixed");if(r){const o=b(e(this,C),null,!0);r.innerHTML="",r.appendChild(o)}if(l){const o=b(e(this,C),"left",!1);let g=0;o.querySelectorAll("col").forEach(f=>{const d=parseInt(f.getAttribute("width"),10);isNaN(d)||(g+=d)}),l.innerHTML="",l.appendChild(o);const h=g>0?g:0;l.style.flex=`0 0 ${h}px`,l.style.width=`${h}px`}if(c){const o=b(e(this,C),"right",!1);let g=0;o.querySelectorAll("col").forEach(f=>{const d=parseInt(f.getAttribute("width"),10);isNaN(d)||(g+=d)}),c.innerHTML="",c.appendChild(o);const h=g>0?g:0;c.style.flex=`0 0 ${h}px`,c.style.width=`${h}px`}if(r){const o=this.getRowCount();r.style.overflowY=o>10?"auto":"hidden",r.addEventListener("scroll",()=>{const g=this.querySelector("nine-table-hscrollbar");g&&typeof g.refresh=="function"&&g.refresh()})}setTimeout(()=>{const o=this.querySelector("nine-table-hscrollbar");o&&typeof o.refresh=="function"&&o.refresh()},0),x.log(`NineTableSheet 3-split initialized with rows: ${this.getRowCount()}`)},"init"));E(this,"getRowCount",a(()=>e(this,C)?e(this,C).querySelectorAll("tbody tr").length:0,"getRowCount"));E(this,"scrollToX",a(t=>{const s=this.querySelector(".ng-container-body");s&&(s.scrollLeft=t)},"scrollToX"));E(this,"scrollToY",a(t=>{const s=this.querySelector(".ng-container-body");s&&(s.scrollTop=t)},"scrollToY"));p(this,G,a(()=>{const t=Y.SCROLLBAR_SIZE;this.innerHTML=`
             <style>
                 nine-table-sheet {
                     display: flex;
@@ -78,7 +78,7 @@
                     flex-direction: row;
                     flex: 1 1 auto;
                     width: 100%;
-                    height: calc(100% - ${n}px);
+                    height: calc(100% - ${t}px);
                     overflow: hidden;
                     position: relative;
                 }
@@ -115,8 +115,8 @@
                 nine-table-sheet .ng-container-bottom {
                     display: flex;
                     flex-direction: row;
-                    height: ${n}px;
-                    min-height: ${n}px;
+                    height: ${t}px;
+                    min-height: ${t}px;
                     flex-shrink: 0;
                     background: #f9fafb;
                     border-top: 1px solid #e5e7eb;
@@ -131,8 +131,8 @@
                 } */
                 nine-table-sheet .ng-scroll-edge {
-                    width: ${n}px;
-                    min-width: ${n}px;
+                    width: ${t}px;
+                    min-width: ${t}px;
                     height: 100%;
                     flex-shrink: 0;
                     background: #f3f4f6;
@@ -173,14 +173,14 @@
                 <nine-table-hscrollbar></nine-table-hscrollbar>
                 <div class='ng-scroll-edge'></div>
             </div>
-        `},"#render"))}connectedCallback(){e(this,j).call(this)}disconnectedCallback(){this.innerHTML="",y.log("NineTableSheet destroyed.")}};C=new WeakMap,j=new WeakMap,f(W,"NineTableSheet"),R(W,"SCROLLBAR_SIZE",16);let Y=W;customElements.get("nine-table-sheet")||customElements.define("nine-table-sheet",Y);const Q=class Q extends HTMLElement{constructor(){super();v(this,F,f(()=>{const n=this.querySelector(".nine-tab-bar");n&&(n.addEventListener("click",o=>{const s=o.target.closest(".nine-tab-item");if(!s)return;const p=o.ctrlKey||o.metaKey||o.shiftKey,c=parseInt(s.dataset.index,10);this.switchSheet(c,p)}),this.switchSheet(0,!1))},"#init"));R(this,"switchSheet",f((n,o=!1)=>{const s=f(()=>{const i=this.querySelector("nine-table-sheets-body");i.querySelectorAll("nine-splitter").forEach(l=>{const w=parseInt(l.dataset.splitIndex,10),x=i.querySelector(`nine-table-sheet[data-index="${w-1}"]`),E=i.querySelector(`nine-table-sheet[data-index="${w}"]`);x&&E&&x.classList.contains("active")&&E.classList.contains("active")?l.classList.add("active"):l.classList.remove("active")})},"updateSplitters"),p=this.querySelector(".nine-tab-bar"),c=this.querySelector("nine-table-sheets-body"),r=p.querySelectorAll(".nine-tab-item"),g=c.querySelectorAll("nine-table-sheet");if(!r[n])return;if(!o)r.forEach((i,a)=>{i.classList.toggle("active",a===n);const l=c.querySelector(`nine-table-sheet[data-index="${a}"]`);l&&(l.style.flex="")}),g.forEach((i,a)=>{i.classList.toggle("active",a===n)});else{const i=r[n],a=p.querySelectorAll(".nine-tab-item.active");if(i.classList.contains("active")&&a.length<=1)return;i.classList.toggle("active");const l=c.querySelector(`nine-table-sheet[data-index="${n}"]`);l&&(l.classList.toggle("active"),l.classList.contains("active")||(l.style.flex=""))}const t=Array.from(c.querySelectorAll("nine-table-sheet.active"));if(t.length>1){const i=1/t.length;t.forEach(a=>{(!a.style.flex||a.style.flex==="1 1 100%")&&(a.style.flex=`${i} ${i} 0px`)})}else t.forEach(i=>{i.style.flex="1 1 100%"});s();const h=c.querySelector("nine-table-sheet.active");if(h&&typeof h.getRowCount=="function"){const i=this.querySelector("#row-count");i&&(i.textContent=h.getRowCount().toLocaleString())}},"switchSheet"))}connectedCallback(){e(this,F).call(this)}};F=new WeakMap,f(Q,"NineTableSheets");let D=Q;customElements.get("nine-table-sheets")||customElements.define("nine-table-sheets",D);const V=class V{constructor(m){v(this,q);v(this,z,null);v(this,K,f(()=>{const m=e(this,q).host;m&&(k(this,z,new ResizeObserver(n=>{for(let o of n)m.getAttribute("auto-height")==="true"&&e(this,B).call(this,m)})),e(this,z).observe(m))},"#observeResize"));v(this,B,f(m=>{var E,S;const n=(E=m.shadowRoot)==null?void 0:E.querySelector("nine-table-sheet.active");if(!n)return;const o=((S=n.getRowCount)==null?void 0:S.call(n))||0,s=parseInt(m.getAttribute("max-display-row"),10)||10,p=Math.min(o,s),c=n.querySelector("tbody tr")||n.querySelector("tr"),r=c?c.getBoundingClientRect().height:32,g=e(this,q).querySelector("nine-table-header"),t=e(this,q).querySelector("nine-table-sheets-footer"),h=g?g.getBoundingClientRect().height:40,i=t?t.getBoundingClientRect().height:32,l=h+i+16,w=p*r+l;m.style.height=`${w}px`,m.style.maxHeight=`${s*r+l}px`;const x=e(this,q).querySelector("nine-table-sheets-body");x&&(x.style.overflowY=o>s?"auto":"hidden")},"#applyAutoHeight"));v(this,P,f(()=>{const m=e(this,q).host,o=Array.from(m.children).filter(g=>g.tagName==="TABLE"),s=m.getAttribute("auto-height")==="true",p=o.map((g,t)=>`<nine-table-sheet class="${t===0?"active":""}" data-index="${t}"></nine-table-sheet>`).join(""),c=o.map((g,t)=>`<div class="nine-tab-item ${t===0?"active":""}" data-index="${t}">Sheet ${t+1}</div>`).join("");e(this,q).innerHTML=`
+        `},"#render"))}connectedCallback(){e(this,G).call(this)}disconnectedCallback(){this.innerHTML="",x.log("NineTableSheet destroyed.")}};C=new WeakMap,G=new WeakMap,a(Y,"NineTableSheet"),E(Y,"SCROLLBAR_SIZE",16);let V=Y;customElements.get("nine-table-sheet")||customElements.define("nine-table-sheet",V);const be=class be extends HTMLElement{constructor(){super();p(this,J,a(()=>{const t=this.querySelector(".nine-tab-bar");t&&(t.addEventListener("click",s=>{const n=s.target.closest(".nine-tab-item");if(!n)return;const l=s.ctrlKey||s.metaKey||s.shiftKey,r=parseInt(n.dataset.index,10);this.switchSheet(r,l)}),this.switchSheet(0,!1))},"#init"));E(this,"switchSheet",a((t,s=!1)=>{const n=a(()=>{const h=this.querySelector("nine-table-sheets-body");h.querySelectorAll("nine-splitter").forEach(d=>{const R=parseInt(d.dataset.splitIndex,10),S=h.querySelector(`nine-table-sheet[data-index="${R-1}"]`),L=h.querySelector(`nine-table-sheet[data-index="${R}"]`);S&&L&&S.classList.contains("active")&&L.classList.contains("active")?d.classList.add("active"):d.classList.remove("active")})},"updateSplitters"),l=this.querySelector(".nine-tab-bar"),r=this.querySelector("nine-table-sheets-body"),c=l.querySelectorAll(".nine-tab-item"),b=r.querySelectorAll("nine-table-sheet");if(!c[t])return;if(!s)c.forEach((h,f)=>{h.classList.toggle("active",f===t);const d=r.querySelector(`nine-table-sheet[data-index="${f}"]`);d&&(d.style.flex="")}),b.forEach((h,f)=>{h.classList.toggle("active",f===t)});else{const h=c[t],f=l.querySelectorAll(".nine-tab-item.active");if(h.classList.contains("active")&&f.length<=1)return;h.classList.toggle("active");const d=r.querySelector(`nine-table-sheet[data-index="${t}"]`);d&&(d.classList.toggle("active"),d.classList.contains("active")||(d.style.flex=""))}const o=Array.from(r.querySelectorAll("nine-table-sheet.active"));if(o.length>1){const h=1/o.length;o.forEach(f=>{(!f.style.flex||f.style.flex==="1 1 100%")&&(f.style.flex=`${h} ${h} 0px`)})}else o.forEach(h=>{h.style.flex="1 1 100%"});n();const g=r.querySelector("nine-table-sheet.active");if(g&&typeof g.getRowCount=="function"){const h=this.querySelector("#row-count");h&&(h.textContent=g.getRowCount().toLocaleString())}},"switchSheet"))}connectedCallback(){e(this,J).call(this)}};J=new WeakMap,a(be,"NineTableSheets");let oe=be;customElements.get("nine-table-sheets")||customElements.define("nine-table-sheets",oe);const ge=class ge{constructor(i){p(this,q);p(this,F,null);p(this,Q,a(()=>{const i=e(this,q).host;i&&(v(this,F,new ResizeObserver(t=>{for(let s of t)i.getAttribute("auto-height")==="true"&&e(this,U).call(this,i)})),e(this,F).observe(i))},"#observeResize"));p(this,U,a(i=>{var L,T;const t=(L=i.shadowRoot)==null?void 0:L.querySelector("nine-table-sheet.active");if(!t)return;const s=((T=t.getRowCount)==null?void 0:T.call(t))||0,n=parseInt(i.getAttribute("max-display-row"),10)||10,l=Math.min(s,n),r=t.querySelector("tbody tr")||t.querySelector("tr"),c=r?r.getBoundingClientRect().height:32,b=e(this,q).querySelector("nine-table-header"),o=e(this,q).querySelector("nine-table-sheets-footer"),g=b?b.getBoundingClientRect().height:40,h=o?o.getBoundingClientRect().height:32,d=g+h+16,R=l*c+d;i.style.height=`${R}px`,i.style.maxHeight=`${n*c+d}px`;const S=e(this,q).querySelector("nine-table-sheets-body");S&&(S.style.overflowY=s>n?"auto":"hidden")},"#applyAutoHeight"));p(this,ee,a(()=>{const i=e(this,q).host,s=Array.from(i.children).filter(b=>b.tagName==="TABLE"),n=i.getAttribute("auto-height")==="true",l=s.map((b,o)=>`<nine-table-sheet class="${o===0?"active":""}" data-index="${o}"></nine-table-sheet>`).join(""),r=s.map((b,o)=>`<div class="nine-tab-item ${o===0?"active":""}" data-index="${o}">Sheet ${o+1}</div>`).join("");e(this,q).innerHTML=`
             <style>
                 :host {
                     display: flex;
                     flex-direction: column;
                     position: relative;
                     overflow: hidden;
-                    height: ${s?"auto":"100%"};
+                    height: ${n?"auto":"100%"};
                     background: #fff;
                 }
                 nine-table-header { height: 40px; display: block; flex-shrink: 0; border-bottom: 1px solid #e5e7eb; background: #fff; }
@@ -261,14 +261,14 @@
             <nine-table-body>
                 <nine-table-summary></nine-table-summary>
                 <nine-table-sheets>
-                    <nine-table-sheets-body>${p}</nine-table-sheets-body>
+                    <nine-table-sheets-body>${l}</nine-table-sheets-body>
                     <nine-table-sheets-footer>
-                        <div class="nine-tab-bar">${c}</div>
+                        <div class="nine-tab-bar">${r}</div>
                         <div class="sheets-counter">Total : <span id="row-count">0</span></div>
                     </nine-table-sheets-footer>
                 </nine-table-sheets>
                 <nine-table-analysis></nine-table-analysis>
             </nine-table-body>
             <nine-table-footer></nine-table-footer>
-        `;const r=e(this,q).querySelectorAll("nine-table-sheet");r==null||r.forEach((g,t)=>{o[t]&&setTimeout(()=>{g.init(o[t]),s&&e(this,B).call(this,m)})})},"#render"));k(this,q,m),e(this,P).call(this),e(this,K).call(this)}};q=new WeakMap,z=new WeakMap,K=new WeakMap,B=new WeakMap,P=new WeakMap,f(V,"LayoutManager");let U=V;const _=class _ extends HTMLElement{constructor(){super();v(this,X,!1);this.attachShadow({mode:"open"})}connectedCallback(){e(this,X)||(this.layoutManager=new U(this.shadowRoot),k(this,X,!0),y.log("NineTable connected."),this.dispatchEvent(new CustomEvent("load",{bubbles:!0,detail:{target:this}})))}disconnectedCallback(){y.log("NineTable disconnected.")}};X=new WeakMap,f(_,"NineTable");let Z=_;customElements.get("nine-table")||customElements.define("nine-table",Z)});
+        `;const c=e(this,q).querySelectorAll("nine-table-sheet");c==null||c.forEach((b,o)=>{s[o]&&setTimeout(()=>{b.init(s[o]),n&&e(this,U).call(this,i)})})},"#render"));v(this,q,i),e(this,ee).call(this),e(this,Q).call(this)}};q=new WeakMap,F=new WeakMap,Q=new WeakMap,U=new WeakMap,ee=new WeakMap,a(ge,"LayoutManager");let le=ge;const pe=class pe{constructor(i){p(this,$);p(this,D,-1);E(this,"count",a(()=>e(this,$).rawRecords.length,"count"));v(this,$,i)}get at(){return e(this,D)}set at(i){var s,n;v(this,D,parseInt(i,10));const t=((n=(s=e(this,$).owner).querySelector)==null?void 0:n.call(s,".ng-container-body"))||e(this,$).owner.body;t&&!t.querySelector(`tbody.bindable tr[data-row="${e(this,D)}"]`)&&setTimeout(()=>{var l,r;(r=(l=e(this,$).owner).scrollTo_V1)==null||r.call(l,e(this,D))})}};$=new WeakMap,D=new WeakMap,a(pe,"ngRow");let ae=pe;const ye=class ye{constructor(i,t){p(this,_);p(this,m);p(this,k,[]);p(this,P,[]);p(this,te,0);p(this,M,[]);p(this,ie,a(()=>{v(this,M,[]);const i=e(this,_).template||[];Array.from(i).forEach(t=>{var s;e(this,M).push(((s=t.getBoundingClientRect)==null?void 0:s.call(t).height)||24)}),(e(this,m).rawRecords||[]).forEach(t=>{t.__ng||(t.__ng=e(this,K).call(this)),t.__ng.height=e(this,M).slice()})},"#initialize"));E(this,"set",a(i=>{this.clear(),this.add(i,!1)},"set"));p(this,K,a(()=>{var i;return{rowState:((i=ninegrid.ROW_STATE)==null?void 0:i.EMPTY)||"EMPTY",deleted:!1,filtered:!1,height:e(this,M).slice(),o:{},c:{},_:[0,0,0,0,"EMPTY",!1,!1,!0,!1,!0,!0,!1,e(this,M).slice(),-1,{},{}]}},"#getDefaultMeta"));E(this,"reset",a(()=>{v(this,k,[]),v(this,P,[])},"reset"));E(this,"clear",a(()=>{var i;e(this,m).rawRecords=[],v(this,k,[]),v(this,P,[]),(i=e(this,m).viewRecords)!=null&&i.reset&&e(this,m).viewRecords.reset()},"clear"));p(this,se,a(i=>{var n;Array.isArray(i)||(i=[i]);const t=typeof((n=e(this,_).fields)==null?void 0:n.get)=="function"?e(this,_).fields.get():Object.keys(i[0]||{}),s=[];return i.forEach(l=>{const r={v:[]};t.forEach(c=>{r.v.push(l[c]!==void 0&&l[c]!==null?l[c]:"")}),s.push(r)}),s},"#json2Array"));p(this,ne,a(i=>(Array.isArray(i)||(i=[i]),i.forEach(t=>{var s;t.__ng=e(this,K).call(this),t.__ng.rowid=this.nextId,t.__ng.rowState=((s=ninegrid.ROW_STATE)==null?void 0:s.INSERT)||"INSERT",t.__ng._[0]=t.__ng.rowid}),i),"#defaultInsert"));E(this,"add",a((i,t=!0)=>{var l;i===void 0&&(i={});const s=e(this,se).call(this,i);e(this,m).rawRecords=e(this,m).rawRecords.concat(e(this,ne).call(this,s)),this.resetRecords();const n=this.count()-1;return t||s.forEach((r,c)=>{var o;const b=e(this,m).rawRecords[n-c];b&&(b.__ng.rowState=((o=ninegrid.ROW_STATE)==null?void 0:o.EMPTY)||"EMPTY")}),(l=e(this,m).viewRecords)!=null&&l.reset&&e(this,m).viewRecords.reset(),n},"add"));E(this,"delete",a(i=>{var s;let t=[];Array.isArray(i)?t=i:typeof i>"u"?t=[e(this,m).owner.row.at]:t=[parseInt(i,10)],t.sort((n,l)=>l-n).forEach(n=>{if(e(this,k)[n]){const l=e(this,k)[n].__ng.rowid;e(this,k)[n].__ng.rowState==="INSERT"?e(this,m).rawRecords=e(this,m).rawRecords.filter(r=>r.__ng.rowid!==l):e(this,m).rawRecords.forEach(r=>{var c;r.__ng.rowid===l&&(r.__ng.deleted=!0,r.__ng.rowState=((c=ninegrid.ROW_STATE)==null?void 0:c.DELETE)||"DELETE")})}}),this.resetRecords(),(s=e(this,m).viewRecords)!=null&&s.reset&&e(this,m).viewRecords.reset()},"delete"));E(this,"setValue",a((i,t,s)=>{var b,o;i=parseInt(i,10);const l=(typeof((b=e(this,_).fields)==null?void 0:b.get)=="function"?e(this,_).fields.get():[]).indexOf(t);if(l<0)return;const r=this.getValidData()[i];if(!r)return;const c=r.v[l];c!==s&&r.__ng.rowState!=="INSERT"&&(r.__ng.o.hasOwnProperty(t)||(r.__ng.o[t]=c),r.__ng.rowState=((o=ninegrid.ROW_STATE)==null?void 0:o.UPDATE)||"UPDATE"),r.v[l]=s,e(this,m).owner.refreshData&&e(this,m).owner.refreshData(i)},"setValue"));E(this,"resetRecords",a(()=>{v(this,P,e(this,m).rawRecords.filter(i=>!i.__ng.deleted)),v(this,k,e(this,m).rawRecords.filter(i=>!i.__ng.deleted&&!i.__ng.filtered)),e(this,m).rawRecords.forEach((i,t)=>{i.__ng.rowidx=t}),e(this,k).forEach((i,t)=>{i.__ng.i=t})},"resetRecords"));E(this,"getValidData",a(()=>(e(this,k).length===0&&e(this,m).rawRecords.length>0&&this.resetRecords(),e(this,k)),"getValidData"));p(this,X,a(i=>{var s;if(!i)return i;const t=typeof((s=e(this,_).fields)==null?void 0:s.get)=="function"?e(this,_).fields.get():[];return Array.isArray(i)?i.filter(n=>!n.__ng.deleted).map(n=>{const l={};return t.forEach((r,c)=>{l[r]=n.v?n.v[c]:n[r]}),l.__ng=n.__ng,l}):i},"#conv2"));E(this,"count",a(()=>this.getValidData().length,"count"));E(this,"get",a((i,t)=>{var l;const s=this.getValidData();if(!s||s.length<=0)return;if(i==null)return e(this,X).call(this,s);if(i<0||i>=s.length)return null;const n=typeof((l=e(this,_).fields)==null?void 0:l.get)=="function"?e(this,_).fields.get():[];if(t!=null){const r=n.indexOf(t);return r>=0?s[i].v[r]:null}return e(this,X).call(this,s[i])},"get"));v(this,_,i),v(this,m,t),e(this,ie).call(this)}get source(){return e(this,X).call(this,e(this,m).rawRecords)}set source(i){this.clear(),this.add(i,!1)}get nextId(){return++Re(this,te)._}};_=new WeakMap,m=new WeakMap,k=new WeakMap,P=new WeakMap,te=new WeakMap,M=new WeakMap,ie=new WeakMap,K=new WeakMap,se=new WeakMap,ne=new WeakMap,X=new WeakMap,a(ye,"ngData");let ce=ye;const we=class we{constructor(i){this.owner=i,this.row=new ae(this),this.data=new ce(i,this),this.rawRecords=[],this.viewRecords=[],this.delRecords=[],this.pageCnt=25,this.viewRecords.reset=()=>{var t;(t=this.owner.view)!=null&&t.redraw&&this.owner.view.redraw()},this.setDataSource=t=>{this.data&&this.data.reset(),this.rawRecords=[],this.viewRecords=[],this.delRecords=[],this.data.set(t||[])},this.getRowState=t=>{var n,l;const s=parseInt(t,10);if(!(s>=this.data.count()))return(l=(n=this.data.getValidData()[s])==null?void 0:n.__ng)==null?void 0:l.rowState},this.getRowPosition=()=>this.row.at,this.setRowPosition=t=>{this.row.at=t},this.scrollTo_V1=t=>(t<0&&(t=0),t>=this.rawRecords.length&&(t=this.rawRecords.length-1),this.viewRecords.rawIndex=t,this.viewRecords.reset&&this.viewRecords.reset(),!(t<=0||t>=this.rawRecords.length-1)),this.getColumn=(t,s)=>this.data.get(t,s),this.setColumn=(t,s,n)=>{t=parseInt(t,10),this.data.setValue(t,s,n)},this.setDataSource([])}};a(we,"ngDataManager");let he=we;const me=class me extends HTMLElement{constructor(){super();p(this,N);p(this,re);this.attachShadow({mode:"open"}),v(this,N,new he(this))}connectedCallback(){v(this,re,new le(this.shadowRoot)),x.log("NineTable connected."),this.dispatchEvent(new CustomEvent("load",{bubbles:!0,detail:{target:this}}))}disconnectedCallback(){x.log("NineTable disconnected.")}get data(){return e(this,N).data}get row(){return e(this,N).row}get dataManager(){return e(this,N)}};N=new WeakMap,re=new WeakMap,a(me,"NineTable");let de=me;customElements.get("nine-table")||customElements.define("nine-table",de)});
 //# sourceMappingURL=nine-table.umd.js.map