@ninebone/table 0.0.104 → 0.0.106
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.
- package/dist/nine-table.js +247 -246
- package/dist/nine-table.js.map +1 -1
- package/dist/nine-table.umd.js +5 -5
- package/dist/nine-table.umd.js.map +1 -1
- package/package.json +1 -1
package/dist/nine-table.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nine-table.js","sources":["../src/external/NoPeer.js","../src/ui/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":"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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\t// 🎯 행 상태 정의 상수를 클래스 내부로 내재화\r\n\tstatic ROW_STATE = {\r\n\t\tEMPTY: 'EMPTY',\r\n\t\tNORMAL: 'NORMAL',\r\n\t\tINSERT: 'INSERT',\r\n\t\tUPDATE: 'UPDATE',\r\n\t\tDELETE: 'DELETE'\r\n\t};\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: ngData.ROW_STATE.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, ngData.ROW_STATE.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 = ngData.ROW_STATE.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 = ngData.ROW_STATE.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 === ngData.ROW_STATE.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 = ngData.ROW_STATE.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 !== ngData.ROW_STATE.INSERT) {\r\n\t\t\tif (!rowData.__ng.o.hasOwnProperty(colnm)) rowData.__ng.o[colnm] = oldValue;\r\n\t\t\trowData.__ng.rowState = ngData.ROW_STATE.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":"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"}
|
package/dist/nine-table.umd.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(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
|
|
1
|
+
(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 Ee=y=>{throw TypeError(y)};var Te=(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)=>Te(y,typeof u!="symbol"?u+"":u,x),Se=(y,u,x)=>u.has(y)||Ee("Cannot "+x);var e=(y,u,x)=>(Se(y,u,"read from private field"),x?x.call(y):u.get(y)),p=(y,u,x)=>u.has(y)?Ee("Cannot add the same private member more than once"):u instanceof WeakSet?u.add(y):u.set(y,x),v=(y,u,x,M)=>(Se(y,u,"write to private field"),M?M.call(y,x):u.set(y,x),x);var Re=(y,u,x,M)=>({set _(Y){v(y,u,Y,x)},get _(){return e(y,u,M)}});var C,H,w,O,z,N,j,B,G,I,J,Q,q,F,ee,K,te,$,D,T,m,k,X,se,W,ie,Z,ne,re,V,P,oe;const ue=class ue extends y.trace.constructor{constructor(){super(),this.init("nine-table","green")}};a(ue,"Trace");let u=ue;const x=new u,be=class be extends HTMLElement{constructor(){super();p(this,C);p(this,H,!1);p(this,w);p(this,O);p(this,z);p(this,N);p(this,j,a(()=>{if(!e(this,C))return;const t=e(this,C).querySelector(".ng-container-body");t&&(v(this,N,new ResizeObserver(()=>{this.refresh()})),e(this,N).observe(t))},"#observeResize"));E(this,"refresh",a(()=>{if(!e(this,C)||!e(this,w)||e(this,H))return;const t=e(this,w).container,i=t.querySelector("table");if(!i)return;const n=e(this,w).track,o=e(this,w).thumb,r=e(this,C).querySelector(".ng-container-bottom"),c=t.clientWidth,b=i.scrollWidth;if(c!==0&&b>c)r&&(r.style.display="flex");else{r&&(r.style.display="none");return}const l=n.clientWidth;if(l<=0)return;const g=Math.max(Math.min(l*(c/b),l),20);o.style.width=`${g}px`;let h=0;const f=i.style.transform;if(f&&f.includes("translateX")){const S=f.match(/translateX\(([-\d.]+)px\)/);S&&S[1]&&(h=parseFloat(S[1]))}else h=parseInt(i.style.left||0,10);let d=parseInt(Math.abs(h)*l/b,10);d<0&&(d=0);const R=l-g;d>R&&(d=R),o.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 i=e(this,w).container,n=i.querySelector("table");if(!n)return!1;const o=e(this,w).track.getBoundingClientRect(),r=e(this,w).thumb.clientWidth;let c=t;c<0&&(c=0);const b=o.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 l=i.clientWidth,g=n.scrollWidth;let h=b>0?-c*(g-l)/b:0;return-h>g-l&&(h=-(g-l)),-h+5>g-l&&(h=-(g-l)),l>=g&&(h=0),n.style.transform=`translateX(${h}px)`,c>0&&c<b-1},"#thumbMoveTo"));p(this,G,a(()=>{const t=a(n=>{clearInterval(e(this,O)),clearInterval(e(this,z));const o=parseInt(e(this,w).thumb.style.left||0,10);e(this,B).call(this,o+n),v(this,O,setInterval(()=>{clearInterval(e(this,O)),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"),i=a(()=>{clearInterval(e(this,O)),clearInterval(e(this,z))},"clearTimer");["mouseup","mouseleave","touchend"].forEach(n=>{e(this,w).left.addEventListener(n,i),e(this,w).right.addEventListener(n,i),e(this,w).track.addEventListener(n,i)}),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 o=e(this,w).track.getBoundingClientRect(),r=e(this,w).thumb.clientWidth;e(this,B).call(this,n.clientX-o.left-r/2)}),e(this,w).thumb.addEventListener("mousedown",n=>{if(n.button!==0)return;n.stopPropagation(),n.preventDefault(),v(this,H,!0),this.shiftX=n.clientX-e(this,w).thumb.getBoundingClientRect().left;const o=a(c=>{if(!e(this,H))return;const b=e(this,w).track.getBoundingClientRect();e(this,B).call(this,c.clientX-b.left-this.shiftX)},"onMouseMove"),r=a(()=>{v(this,H,!1),i(),document.removeEventListener("mousemove",o),document.removeEventListener("mouseup",r),this.refresh()},"onMouseUp");document.addEventListener("mousemove",o),document.addEventListener("mouseup",r)})},"#init"))}connectedCallback(){if(v(this,C,this.closest("nine-table-sheet")||this.getRootNode().host),!e(this,C))return;this.innerHTML=`
|
|
2
2
|
<style>
|
|
3
3
|
nine-table-hscrollbar {
|
|
4
4
|
display: flex;
|
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
<button class='ng-scroll-left' disabled><div class='ng-scroll-icon'></div></button>
|
|
61
61
|
<div class='ng-scroll-track'><div class='ng-scroll-thumb'></div></div>
|
|
62
62
|
<button class='ng-scroll-right' disabled><div class='ng-scroll-icon'></div></button>
|
|
63
|
-
`;const t=a(()=>{const
|
|
63
|
+
`;const t=a(()=>{const i=e(this,C).querySelector(".ng-container-body");if(!i){setTimeout(t,10);return}v(this,w,{container:i,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,G).call(this),e(this,j).call(this),this.refresh()},"initWhenReady");t()}disconnectedCallback(){e(this,N)&&e(this,N).disconnect()}};C=new WeakMap,H=new WeakMap,w=new WeakMap,O=new WeakMap,z=new WeakMap,N=new WeakMap,j=new WeakMap,B=new WeakMap,G=new WeakMap,a(be,"NineTableHScrollBar");let M=be;customElements.get("nine-table-hscrollbar")||customElements.define("nine-table-hscrollbar",M);const U=class U extends HTMLElement{constructor(){super();p(this,I,null);E(this,"init",a(t=>{if(!t)return;const i=a(l=>{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"),A=Math.max(Math.floor((f.clientWidth||600)/R),100);for(let L=0;L<R;L++){const ve=document.createElement("col");ve.setAttribute("width",A),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(l),h(l),l.classList.add("nine-table-element"),l},"initializeTable"),n=t.cloneNode(!0);v(this,I,i(n)),e(this,I).style.display="table";const o=this.querySelector(".ng-container-left"),r=this.querySelector(".ng-container-body"),c=this.querySelector(".ng-container-right"),b=a((l,g,h=!1)=>{const f=l.cloneNode(!0),d=Array.from(f.querySelectorAll("colgroup col")),R=[];return d.forEach((S,A)=>{const L=S.getAttribute("fixed");(h?!L||L==="":L===g)||R.push(A)}),R.reverse().forEach(S=>{d[S]&&d[S].remove(),f.querySelectorAll("tr").forEach(A=>{const L=A.querySelectorAll("th, td");L[S]&&L[S].remove()})}),f},"filterTableByFixed");if(r){const l=b(e(this,I),null,!0);r.innerHTML="",r.appendChild(l)}if(o){const l=b(e(this,I),"left",!1);let g=0;l.querySelectorAll("col").forEach(f=>{const d=parseInt(f.getAttribute("width"),10);isNaN(d)||(g+=d)}),o.innerHTML="",o.appendChild(l);const h=g>0?g:0;o.style.flex=`0 0 ${h}px`,o.style.width=`${h}px`}if(c){const l=b(e(this,I),"right",!1);let g=0;l.querySelectorAll("col").forEach(f=>{const d=parseInt(f.getAttribute("width"),10);isNaN(d)||(g+=d)}),c.innerHTML="",c.appendChild(l);const h=g>0?g:0;c.style.flex=`0 0 ${h}px`,c.style.width=`${h}px`}if(r){const l=this.getRowCount();r.style.overflowY=l>10?"auto":"hidden",r.addEventListener("scroll",()=>{const g=this.querySelector("nine-table-hscrollbar");g&&typeof g.refresh=="function"&&g.refresh()})}setTimeout(()=>{const l=this.querySelector("nine-table-hscrollbar");l&&typeof l.refresh=="function"&&l.refresh()},0),x.log(`NineTableSheet 3-split initialized with rows: ${this.getRowCount()}`)},"init"));E(this,"getRowCount",a(()=>e(this,I)?e(this,I).querySelectorAll("tbody tr").length:0,"getRowCount"));E(this,"scrollToX",a(t=>{const i=this.querySelector(".ng-container-body");i&&(i.scrollLeft=t)},"scrollToX"));E(this,"scrollToY",a(t=>{const i=this.querySelector(".ng-container-body");i&&(i.scrollTop=t)},"scrollToY"));p(this,J,a(()=>{const t=U.SCROLLBAR_SIZE;this.innerHTML=`
|
|
64
64
|
<style>
|
|
65
65
|
nine-table-sheet {
|
|
66
66
|
display: flex;
|
|
@@ -173,7 +173,7 @@
|
|
|
173
173
|
<nine-table-hscrollbar></nine-table-hscrollbar>
|
|
174
174
|
<div class='ng-scroll-edge'></div>
|
|
175
175
|
</div>
|
|
176
|
-
`},"#render"))}connectedCallback(){e(this,
|
|
176
|
+
`},"#render"))}connectedCallback(){e(this,J).call(this)}disconnectedCallback(){this.innerHTML="",x.log("NineTableSheet destroyed.")}};I=new WeakMap,J=new WeakMap,a(U,"NineTableSheet"),E(U,"SCROLLBAR_SIZE",16);let Y=U;customElements.get("nine-table-sheet")||customElements.define("nine-table-sheet",Y);const ge=class ge extends HTMLElement{constructor(){super();p(this,Q,a(()=>{const t=this.querySelector(".nine-tab-bar");t&&(t.addEventListener("click",i=>{const n=i.target.closest(".nine-tab-item");if(!n)return;const o=i.ctrlKey||i.metaKey||i.shiftKey,r=parseInt(n.dataset.index,10);this.switchSheet(r,o)}),this.switchSheet(0,!1))},"#init"));E(this,"switchSheet",a((t,i=!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}"]`),A=h.querySelector(`nine-table-sheet[data-index="${R}"]`);S&&A&&S.classList.contains("active")&&A.classList.contains("active")?d.classList.add("active"):d.classList.remove("active")})},"updateSplitters"),o=this.querySelector(".nine-tab-bar"),r=this.querySelector("nine-table-sheets-body"),c=o.querySelectorAll(".nine-tab-item"),b=r.querySelectorAll("nine-table-sheet");if(!c[t])return;if(!i)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=o.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 l=Array.from(r.querySelectorAll("nine-table-sheet.active"));if(l.length>1){const h=1/l.length;l.forEach(f=>{(!f.style.flex||f.style.flex==="1 1 100%")&&(f.style.flex=`${h} ${h} 0px`)})}else l.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,Q).call(this)}};Q=new WeakMap,a(ge,"NineTableSheets");let le=ge;customElements.get("nine-table-sheets")||customElements.define("nine-table-sheets",le);const pe=class pe{constructor(s){p(this,q);p(this,F,null);p(this,ee,a(()=>{const s=e(this,q).host;s&&(v(this,F,new ResizeObserver(t=>{for(let i of t)s.getAttribute("auto-height")==="true"&&e(this,K).call(this,s)})),e(this,F).observe(s))},"#observeResize"));p(this,K,a(s=>{var A,L;const t=(A=s.shadowRoot)==null?void 0:A.querySelector("nine-table-sheet.active");if(!t)return;const i=((L=t.getRowCount)==null?void 0:L.call(t))||0,n=parseInt(s.getAttribute("max-display-row"),10)||10,o=Math.min(i,n),r=t.querySelector("tbody tr")||t.querySelector("tr"),c=r?r.getBoundingClientRect().height:32,b=e(this,q).querySelector("nine-table-header"),l=e(this,q).querySelector("nine-table-sheets-footer"),g=b?b.getBoundingClientRect().height:40,h=l?l.getBoundingClientRect().height:32,d=g+h+16,R=o*c+d;s.style.height=`${R}px`,s.style.maxHeight=`${n*c+d}px`;const S=e(this,q).querySelector("nine-table-sheets-body");S&&(S.style.overflowY=i>n?"auto":"hidden")},"#applyAutoHeight"));p(this,te,a(()=>{const s=e(this,q).host,i=Array.from(s.children).filter(b=>b.tagName==="TABLE"),n=s.getAttribute("auto-height")==="true",o=i.map((b,l)=>`<nine-table-sheet class="${l===0?"active":""}" data-index="${l}"></nine-table-sheet>`).join(""),r=i.map((b,l)=>`<div class="nine-tab-item ${l===0?"active":""}" data-index="${l}">Sheet ${l+1}</div>`).join("");e(this,q).innerHTML=`
|
|
177
177
|
<style>
|
|
178
178
|
:host {
|
|
179
179
|
display: flex;
|
|
@@ -261,7 +261,7 @@
|
|
|
261
261
|
<nine-table-body>
|
|
262
262
|
<nine-table-summary></nine-table-summary>
|
|
263
263
|
<nine-table-sheets>
|
|
264
|
-
<nine-table-sheets-body>${
|
|
264
|
+
<nine-table-sheets-body>${o}</nine-table-sheets-body>
|
|
265
265
|
<nine-table-sheets-footer>
|
|
266
266
|
<div class="nine-tab-bar">${r}</div>
|
|
267
267
|
<div class="sheets-counter">Total : <span id="row-count">0</span></div>
|
|
@@ -270,5 +270,5 @@
|
|
|
270
270
|
<nine-table-analysis></nine-table-analysis>
|
|
271
271
|
</nine-table-body>
|
|
272
272
|
<nine-table-footer></nine-table-footer>
|
|
273
|
-
`;const c=e(this,q).querySelectorAll("nine-table-sheet");c==null||c.forEach((b,
|
|
273
|
+
`;const c=e(this,q).querySelectorAll("nine-table-sheet");c==null||c.forEach((b,l)=>{i[l]&&setTimeout(()=>{b.init(i[l]),n&&e(this,K).call(this,s)})})},"#render"));v(this,q,s),e(this,te).call(this),e(this,ee).call(this)}};q=new WeakMap,F=new WeakMap,ee=new WeakMap,K=new WeakMap,te=new WeakMap,a(pe,"LayoutManager");let ae=pe;const ye=class ye{constructor(s){p(this,$);p(this,D,-1);E(this,"count",a(()=>e(this,$).rawRecords.length,"count"));v(this,$,s)}get at(){return e(this,D)}set at(s){var i,n;v(this,D,parseInt(s,10));const t=((n=(i=e(this,$).owner).querySelector)==null?void 0:n.call(i,".ng-container-body"))||e(this,$).owner.body;t&&!t.querySelector(`tbody.bindable tr[data-row="${e(this,D)}"]`)&&setTimeout(()=>{var o,r;(r=(o=e(this,$).owner).scrollTo_V1)==null||r.call(o,e(this,D))})}};$=new WeakMap,D=new WeakMap,a(ye,"ngRow");let ce=ye;const _=class _{constructor(s,t){p(this,T);p(this,m);p(this,k,[]);p(this,X,[]);p(this,se,0);p(this,W,[]);p(this,ie,a(()=>{v(this,W,[]);const s=e(this,T).template||[];Array.from(s).forEach(t=>{var i;e(this,W).push(((i=t.getBoundingClientRect)==null?void 0:i.call(t).height)||24)}),(e(this,m).rawRecords||[]).forEach(t=>{t.__ng||(t.__ng=e(this,Z).call(this)),t.__ng.height=e(this,W).slice()})},"#initialize"));E(this,"set",a(s=>{this.clear(),this.add(s,!1)},"set"));p(this,Z,a(()=>({rowState:_.ROW_STATE.EMPTY,deleted:!1,filtered:!1,height:e(this,W).slice(),o:{},c:{},_:[0,0,0,0,_.ROW_STATE.EMPTY,!1,!1,!0,!1,!0,!0,!1,e(this,W).slice(),-1,{},{}]}),"#getDefaultMeta"));E(this,"reset",a(()=>{v(this,k,[]),v(this,X,[])},"reset"));E(this,"clear",a(()=>{var s;e(this,m).rawRecords=[],v(this,k,[]),v(this,X,[]),(s=e(this,m).viewRecords)!=null&&s.reset&&e(this,m).viewRecords.reset()},"clear"));p(this,ne,a(s=>{var n;Array.isArray(s)||(s=[s]);const t=typeof((n=e(this,T).fields)==null?void 0:n.get)=="function"?e(this,T).fields.get():Object.keys(s[0]||{}),i=[];return s.forEach(o=>{const r={v:[]};t.forEach(c=>{r.v.push(o[c]!==void 0&&o[c]!==null?o[c]:"")}),i.push(r)}),i},"#json2Array"));p(this,re,a(s=>(Array.isArray(s)||(s=[s]),s.forEach(t=>{t.__ng=e(this,Z).call(this),t.__ng.rowid=this.nextId,t.__ng.rowState=_.ROW_STATE.INSERT,t.__ng._[0]=t.__ng.rowid}),s),"#defaultInsert"));E(this,"add",a((s,t=!0)=>{var o;s===void 0&&(s={});const i=e(this,ne).call(this,s);e(this,m).rawRecords=e(this,m).rawRecords.concat(e(this,re).call(this,i)),this.resetRecords();const n=this.count()-1;return t||i.forEach((r,c)=>{const b=e(this,m).rawRecords[n-c];b&&(b.__ng.rowState=_.ROW_STATE.EMPTY)}),(o=e(this,m).viewRecords)!=null&&o.reset&&e(this,m).viewRecords.reset(),n},"add"));E(this,"delete",a(s=>{var i;let t=[];Array.isArray(s)?t=s:typeof s>"u"?t=[e(this,m).owner.row.at]:t=[parseInt(s,10)],t.sort((n,o)=>o-n).forEach(n=>{if(e(this,k)[n]){const o=e(this,k)[n].__ng.rowid;e(this,k)[n].__ng.rowState===_.ROW_STATE.INSERT?e(this,m).rawRecords=e(this,m).rawRecords.filter(r=>r.__ng.rowid!==o):e(this,m).rawRecords.forEach(r=>{r.__ng.rowid===o&&(r.__ng.deleted=!0,r.__ng.rowState=_.ROW_STATE.DELETE)})}}),this.resetRecords(),(i=e(this,m).viewRecords)!=null&&i.reset&&e(this,m).viewRecords.reset()},"delete"));E(this,"setValue",a((s,t,i)=>{var b;s=parseInt(s,10);const o=(typeof((b=e(this,T).fields)==null?void 0:b.get)=="function"?e(this,T).fields.get():[]).indexOf(t);if(o<0)return;const r=this.getValidData()[s];if(!r)return;const c=r.v[o];c!==i&&r.__ng.rowState!==_.ROW_STATE.INSERT&&(r.__ng.o.hasOwnProperty(t)||(r.__ng.o[t]=c),r.__ng.rowState=_.ROW_STATE.UPDATE),r.v[o]=i,e(this,m).owner.refreshData&&e(this,m).owner.refreshData(s)},"setValue"));E(this,"resetRecords",a(()=>{v(this,X,e(this,m).rawRecords.filter(s=>!s.__ng.deleted)),v(this,k,e(this,m).rawRecords.filter(s=>!s.__ng.deleted&&!s.__ng.filtered)),e(this,m).rawRecords.forEach((s,t)=>{s.__ng.rowidx=t}),e(this,k).forEach((s,t)=>{s.__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,V,a(s=>{var i;if(!s)return s;const t=typeof((i=e(this,T).fields)==null?void 0:i.get)=="function"?e(this,T).fields.get():[];return Array.isArray(s)?s.filter(n=>!n.__ng.deleted).map(n=>{const o={};return t.forEach((r,c)=>{o[r]=n.v?n.v[c]:n[r]}),o.__ng=n.__ng,o}):s},"#conv2"));E(this,"count",a(()=>this.getValidData().length,"count"));E(this,"get",a((s,t)=>{var o;const i=this.getValidData();if(!i||i.length<=0)return;if(s==null)return e(this,V).call(this,i);if(s<0||s>=i.length)return null;const n=typeof((o=e(this,T).fields)==null?void 0:o.get)=="function"?e(this,T).fields.get():[];if(t!=null){const r=n.indexOf(t);return r>=0?i[s].v[r]:null}return e(this,V).call(this,i[s])},"get"));v(this,T,s),v(this,m,t),e(this,ie).call(this)}get source(){return e(this,V).call(this,e(this,m).rawRecords)}set source(s){this.clear(),this.add(s,!1)}get nextId(){return++Re(this,se)._}};T=new WeakMap,m=new WeakMap,k=new WeakMap,X=new WeakMap,se=new WeakMap,W=new WeakMap,ie=new WeakMap,Z=new WeakMap,ne=new WeakMap,re=new WeakMap,V=new WeakMap,a(_,"ngData"),E(_,"ROW_STATE",{EMPTY:"EMPTY",NORMAL:"NORMAL",INSERT:"INSERT",UPDATE:"UPDATE",DELETE:"DELETE"});let he=_;const we=class we{constructor(s){this.owner=s,this.row=new ce(this),this.data=new he(s,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,o;const i=parseInt(t,10);if(!(i>=this.data.count()))return(o=(n=this.data.getValidData()[i])==null?void 0:n.__ng)==null?void 0:o.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,i)=>this.data.get(t,i),this.setColumn=(t,i,n)=>{t=parseInt(t,10),this.data.setValue(t,i,n)},this.setDataSource([])}};a(we,"ngDataManager");let de=we;const me=class me extends HTMLElement{constructor(){super();p(this,P);p(this,oe);this.attachShadow({mode:"open"}),v(this,P,new de(this))}connectedCallback(){v(this,oe,new ae(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,P).data}get row(){return e(this,P).row}get dataManager(){return e(this,P)}};P=new WeakMap,oe=new WeakMap,a(me,"NineTable");let fe=me;customElements.get("nine-table")||customElements.define("nine-table",fe)});
|
|
274
274
|
//# sourceMappingURL=nine-table.umd.js.map
|