@ninebone/table 0.0.41 → 0.0.42

package/dist/nine-table.js

@@ -281,7 +281,6 @@ m = new WeakMap(), L = new WeakSet(), U = /* @__PURE__ */ c(function() {
             <nine-table-header></nine-table-header>
             <nine-table-body>
                 <nine-table-summary></nine-table-summary>
-                <nine-splitter></nine-splitter>
                 <nine-table-sheets>
                     <nine-table-sheets-body>${n}</nine-table-sheets-body>
                     <nine-table-sheets-footer>

package/dist/nine-table.js.map

@@ -1 +1 @@
-{"version":3,"file":"nine-table.js","sources":["../src/external/NoPeer.js","../src/ui/TableInitializer.js","../src/ui/nine-table-sheet.js","../src/ui/nine-table-sheets.js","../src/ui/LayoutManager.js","../src/core/nine-table.js"],"sourcesContent":["import { trace as traceOrigin } from '@ninebone/util';\n\nexport class Trace extends traceOrigin.constructor {\n    constructor() {\n        super();\n        this.init(\"nine-table\", \"green\");\n    }\n}\n\nexport const trace = new Trace();","export class TableInitializer {\n    #container;\n\n    constructor(container) {\n        this.#container = container;\n    }\n\n    /**\n     * [Public] 테이블 초기화 진입점\n     * @param {HTMLTableElement} tbl\n     * @returns {HTMLTableElement}\n     */\n    initializeTable(tbl) {\n        this.#ensureColgroup(tbl);\n        this.#ensureThead(tbl);\n\n        tbl.classList.add('nine-table-element');\n        return tbl;\n    }\n\n    /**\n     * [Private] colgroup 및 col 태그 유무 확인 후 보정\n     */\n    #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    /**\n     * [Private] thead 태그 유무 확인 후 보정\n     */\n    #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}","import { trace } from \"@nopeer\";\nimport { TableInitializer } from \"./TableInitializer.js\"; // 경로에 맞게 조정 필요\n\nexport class NineTableSheet extends HTMLElement {\n    #tableElement = null;\n    #initializer;\n\n    constructor() {\n        super();\n        this.#initializer = new TableInitializer(this);\n    }\n\n    connectedCallback() {\n        this.#render();\n    }\n\n    /**\n     * 외부(LayoutManager 등)에서 원본 테이블 엘리먼트를 주입받아 초기화 및 보정 수행\n     * @param {HTMLTableElement} tableEl\n     */\n    init(tableEl) {\n        if (!tableEl) return;\n\n        // 원본 테이블 복제 후 TableInitializer를 통한 구조 보정\n        const clonedTable = tableEl.cloneNode(true);\n        this.#tableElement = this.#initializer.initializeTable(clonedTable);\n        this.#tableElement.style.display = 'table';\n\n        const container = this.querySelector('.sheet-content-container');\n        if (container) {\n            container.innerHTML = '';\n            container.appendChild(this.#tableElement);\n        }\n\n        trace.log(`NineTableSheet initialized with table rows: ${this.getRowCount()}`);\n    }\n\n    getRowCount() {\n        if (!this.#tableElement) return 0;\n        return this.#tableElement.querySelectorAll('tbody tr').length;\n    }\n\n    #render() {\n        this.innerHTML = `\n            <style>\n                nine-table-sheet {\n                    display: block;\n                    width: 100%;\n                    height: 100%;\n                    overflow: auto;\n                    position: relative;\n                    box-sizing: border-box;\n                    background: #ffffff;\n                }\n\n                nine-table-sheet .sheet-content-container {\n                    width: 100%;\n                    min-width: fit-content;\n                }\n\n                nine-table-sheet table {\n                    border-collapse: collapse;\n                    width: 100%;\n                    table-layout: fixed;\n                }\n\n                nine-table-sheet th, nine-table-sheet td {\n                    box-sizing: border-box;\n                    overflow: hidden;\n                    white-space: nowrap;\n                    text-overflow: ellipsis;\n                    padding: 6px 8px;\n                    border: 1px solid #e5e7eb;\n                    font-size: 12px;\n                    color: #111827;\n                }\n\n                nine-table-sheet th {\n                    background-color: #f9fafb;\n                    font-weight: 600;\n                    text-align: left;\n                }\n            </style>\n            \n            <div class=\"sheet-content-container\">\n                <!-- 테이블이 동적으로 주입되는 영역 -->\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}\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        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        this.#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    #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\nif (!customElements.get('nine-table-sheets')) {\n    customElements.define('nine-table-sheets', NineTableSheets);\n}","import './nine-table-sheets.js';\n\nexport class LayoutManager {\n    #root;\n\n    constructor(shadowRoot) {\n        this.#root = shadowRoot;\n        this.#render();\n    }\n\n    #render() {\n        const rawElements = Array.from(this.#root.host.children);\n        const rawTables = rawElements.filter(el => el.tagName === 'TABLE');\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 { display: flex; flex-direction: column; position: relative; overflow: hidden; height: 100%; background: #fff; }\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-splitter></nine-splitter>\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                $el.init(rawTables[idx]);\n            }\n        });\n    }\n}","import {trace} from \"@nopeer\";\nimport { LayoutManager } from '../ui/LayoutManager.js';\n\nexport default class NineTable extends HTMLElement {\n    #created = false;\n\n    constructor() {\n        super();\n        this.attachShadow({ mode: 'open' });\n    }\n\n    connectedCallback() {\n        if (this.#created) return;\n\n        // shadowRoot 하나만 넘겨서 내부에서 레이아웃 및 테이블 수집 처리\n        this.layoutManager = new LayoutManager(this.shadowRoot);\n        //this.layoutManager.render();\n\n        this.#created = true;\n        trace.log('NineTable connected.');\n\n        this.dispatchEvent(new CustomEvent('load', { bubbles: true, detail: { target: this } }));\n    }\n\n    disconnectedCallback() {\n        trace.log('NineTable disconnected.');\n    }\n}\n\nif (!customElements.get('nine-table')) {\n    customElements.define('nine-table', NineTable);\n}"],"names":["_Trace","traceOrigin","__name","Trace","trace","_TableInitializer","container","__privateAdd","_TableInitializer_instances","_container","__privateSet","tbl","__privateMethod","ensureColgroup_fn","ensureThead_fn","firstRow","colCount","colgroup","defaultWidth","i","col","thead","TableInitializer","_NineTableSheet","_NineTableSheet_instances","_tableElement","_initializer","render_fn","tableEl","clonedTable","__privateGet","NineTableSheet","_NineTableSheets","_NineTableSheets_instances","init_fn","tabBar","e","tabItem","isMultiSelect","index","switchSheet_fn","body","tabItems","sheetElements","tab","idx","sheet","clickedTab","activeTabs","targetSheet","activeSheets","initialBasis","updateSplitters_fn","activeSheet","rowCountEl","splitter","splitIndex","leftSheet","rightSheet","NineTableSheets","_LayoutManager","shadowRoot","_LayoutManager_instances","_root","rawTables","el","sheetsHtml","_","tabsHtml","$sheetElements","$el","LayoutManager","_NineTable","_created","NineTable"],"mappings":"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"}
+{"version":3,"file":"nine-table.js","sources":["../src/external/NoPeer.js","../src/ui/TableInitializer.js","../src/ui/nine-table-sheet.js","../src/ui/nine-table-sheets.js","../src/ui/LayoutManager.js","../src/core/nine-table.js"],"sourcesContent":["import { trace as traceOrigin } from '@ninebone/util';\n\nexport class Trace extends traceOrigin.constructor {\n    constructor() {\n        super();\n        this.init(\"nine-table\", \"green\");\n    }\n}\n\nexport const trace = new Trace();","export class TableInitializer {\n    #container;\n\n    constructor(container) {\n        this.#container = container;\n    }\n\n    /**\n     * [Public] 테이블 초기화 진입점\n     * @param {HTMLTableElement} tbl\n     * @returns {HTMLTableElement}\n     */\n    initializeTable(tbl) {\n        this.#ensureColgroup(tbl);\n        this.#ensureThead(tbl);\n\n        tbl.classList.add('nine-table-element');\n        return tbl;\n    }\n\n    /**\n     * [Private] colgroup 및 col 태그 유무 확인 후 보정\n     */\n    #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    /**\n     * [Private] thead 태그 유무 확인 후 보정\n     */\n    #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}","import { trace } from \"@nopeer\";\nimport { TableInitializer } from \"./TableInitializer.js\"; // 경로에 맞게 조정 필요\n\nexport class NineTableSheet extends HTMLElement {\n    #tableElement = null;\n    #initializer;\n\n    constructor() {\n        super();\n        this.#initializer = new TableInitializer(this);\n    }\n\n    connectedCallback() {\n        this.#render();\n    }\n\n    /**\n     * 외부(LayoutManager 등)에서 원본 테이블 엘리먼트를 주입받아 초기화 및 보정 수행\n     * @param {HTMLTableElement} tableEl\n     */\n    init(tableEl) {\n        if (!tableEl) return;\n\n        // 원본 테이블 복제 후 TableInitializer를 통한 구조 보정\n        const clonedTable = tableEl.cloneNode(true);\n        this.#tableElement = this.#initializer.initializeTable(clonedTable);\n        this.#tableElement.style.display = 'table';\n\n        const container = this.querySelector('.sheet-content-container');\n        if (container) {\n            container.innerHTML = '';\n            container.appendChild(this.#tableElement);\n        }\n\n        trace.log(`NineTableSheet initialized with table rows: ${this.getRowCount()}`);\n    }\n\n    getRowCount() {\n        if (!this.#tableElement) return 0;\n        return this.#tableElement.querySelectorAll('tbody tr').length;\n    }\n\n    #render() {\n        this.innerHTML = `\n            <style>\n                nine-table-sheet {\n                    display: block;\n                    width: 100%;\n                    height: 100%;\n                    overflow: auto;\n                    position: relative;\n                    box-sizing: border-box;\n                    background: #ffffff;\n                }\n\n                nine-table-sheet .sheet-content-container {\n                    width: 100%;\n                    min-width: fit-content;\n                }\n\n                nine-table-sheet table {\n                    border-collapse: collapse;\n                    width: 100%;\n                    table-layout: fixed;\n                }\n\n                nine-table-sheet th, nine-table-sheet td {\n                    box-sizing: border-box;\n                    overflow: hidden;\n                    white-space: nowrap;\n                    text-overflow: ellipsis;\n                    padding: 6px 8px;\n                    border: 1px solid #e5e7eb;\n                    font-size: 12px;\n                    color: #111827;\n                }\n\n                nine-table-sheet th {\n                    background-color: #f9fafb;\n                    font-weight: 600;\n                    text-align: left;\n                }\n            </style>\n            \n            <div class=\"sheet-content-container\">\n                <!-- 테이블이 동적으로 주입되는 영역 -->\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}\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        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        this.#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    #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\nif (!customElements.get('nine-table-sheets')) {\n    customElements.define('nine-table-sheets', NineTableSheets);\n}","import './nine-table-sheets.js';\n\nexport class LayoutManager {\n    #root;\n\n    constructor(shadowRoot) {\n        this.#root = shadowRoot;\n        this.#render();\n    }\n\n    #render() {\n        const rawElements = Array.from(this.#root.host.children);\n        const rawTables = rawElements.filter(el => el.tagName === 'TABLE');\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 { display: flex; flex-direction: column; position: relative; overflow: hidden; height: 100%; background: #fff; }\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                $el.init(rawTables[idx]);\n            }\n        });\n    }\n}","import {trace} from \"@nopeer\";\nimport { LayoutManager } from '../ui/LayoutManager.js';\n\nexport default class NineTable extends HTMLElement {\n    #created = false;\n\n    constructor() {\n        super();\n        this.attachShadow({ mode: 'open' });\n    }\n\n    connectedCallback() {\n        if (this.#created) return;\n\n        // shadowRoot 하나만 넘겨서 내부에서 레이아웃 및 테이블 수집 처리\n        this.layoutManager = new LayoutManager(this.shadowRoot);\n        //this.layoutManager.render();\n\n        this.#created = true;\n        trace.log('NineTable connected.');\n\n        this.dispatchEvent(new CustomEvent('load', { bubbles: true, detail: { target: this } }));\n    }\n\n    disconnectedCallback() {\n        trace.log('NineTable disconnected.');\n    }\n}\n\nif (!customElements.get('nine-table')) {\n    customElements.define('nine-table', NineTable);\n}"],"names":["_Trace","traceOrigin","__name","Trace","trace","_TableInitializer","container","__privateAdd","_TableInitializer_instances","_container","__privateSet","tbl","__privateMethod","ensureColgroup_fn","ensureThead_fn","firstRow","colCount","colgroup","defaultWidth","i","col","thead","TableInitializer","_NineTableSheet","_NineTableSheet_instances","_tableElement","_initializer","render_fn","tableEl","clonedTable","__privateGet","NineTableSheet","_NineTableSheets","_NineTableSheets_instances","init_fn","tabBar","e","tabItem","isMultiSelect","index","switchSheet_fn","body","tabItems","sheetElements","tab","idx","sheet","clickedTab","activeTabs","targetSheet","activeSheets","initialBasis","updateSplitters_fn","activeSheet","rowCountEl","splitter","splitIndex","leftSheet","rightSheet","NineTableSheets","_LayoutManager","shadowRoot","_LayoutManager_instances","_root","rawTables","el","sheetsHtml","_","tabsHtml","$sheetElements","$el","LayoutManager","_NineTable","_created","NineTable"],"mappings":"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"}

package/dist/nine-table.umd.js

@@ -122,7 +122,6 @@
             <nine-table-header></nine-table-header>
             <nine-table-body>
                 <nine-table-summary></nine-table-summary>
-                <nine-splitter></nine-splitter>
                 <nine-table-sheets>
                     <nine-table-sheets-body>${l}</nine-table-sheets-body>
                     <nine-table-sheets-footer>

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

@@ -1 +1 @@
-{"version":3,"file":"nine-table.umd.js","sources":["../src/external/NoPeer.js","../src/ui/TableInitializer.js","../src/ui/nine-table-sheet.js","../src/ui/nine-table-sheets.js","../src/ui/LayoutManager.js","../src/core/nine-table.js"],"sourcesContent":["import { trace as traceOrigin } from '@ninebone/util';\n\nexport class Trace extends traceOrigin.constructor {\n    constructor() {\n        super();\n        this.init(\"nine-table\", \"green\");\n    }\n}\n\nexport const trace = new Trace();","export class TableInitializer {\n    #container;\n\n    constructor(container) {\n        this.#container = container;\n    }\n\n    /**\n     * [Public] 테이블 초기화 진입점\n     * @param {HTMLTableElement} tbl\n     * @returns {HTMLTableElement}\n     */\n    initializeTable(tbl) {\n        this.#ensureColgroup(tbl);\n        this.#ensureThead(tbl);\n\n        tbl.classList.add('nine-table-element');\n        return tbl;\n    }\n\n    /**\n     * [Private] colgroup 및 col 태그 유무 확인 후 보정\n     */\n    #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    /**\n     * [Private] thead 태그 유무 확인 후 보정\n     */\n    #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}","import { trace } from \"@nopeer\";\nimport { TableInitializer } from \"./TableInitializer.js\"; // 경로에 맞게 조정 필요\n\nexport class NineTableSheet extends HTMLElement {\n    #tableElement = null;\n    #initializer;\n\n    constructor() {\n        super();\n        this.#initializer = new TableInitializer(this);\n    }\n\n    connectedCallback() {\n        this.#render();\n    }\n\n    /**\n     * 외부(LayoutManager 등)에서 원본 테이블 엘리먼트를 주입받아 초기화 및 보정 수행\n     * @param {HTMLTableElement} tableEl\n     */\n    init(tableEl) {\n        if (!tableEl) return;\n\n        // 원본 테이블 복제 후 TableInitializer를 통한 구조 보정\n        const clonedTable = tableEl.cloneNode(true);\n        this.#tableElement = this.#initializer.initializeTable(clonedTable);\n        this.#tableElement.style.display = 'table';\n\n        const container = this.querySelector('.sheet-content-container');\n        if (container) {\n            container.innerHTML = '';\n            container.appendChild(this.#tableElement);\n        }\n\n        trace.log(`NineTableSheet initialized with table rows: ${this.getRowCount()}`);\n    }\n\n    getRowCount() {\n        if (!this.#tableElement) return 0;\n        return this.#tableElement.querySelectorAll('tbody tr').length;\n    }\n\n    #render() {\n        this.innerHTML = `\n            <style>\n                nine-table-sheet {\n                    display: block;\n                    width: 100%;\n                    height: 100%;\n                    overflow: auto;\n                    position: relative;\n                    box-sizing: border-box;\n                    background: #ffffff;\n                }\n\n                nine-table-sheet .sheet-content-container {\n                    width: 100%;\n                    min-width: fit-content;\n                }\n\n                nine-table-sheet table {\n                    border-collapse: collapse;\n                    width: 100%;\n                    table-layout: fixed;\n                }\n\n                nine-table-sheet th, nine-table-sheet td {\n                    box-sizing: border-box;\n                    overflow: hidden;\n                    white-space: nowrap;\n                    text-overflow: ellipsis;\n                    padding: 6px 8px;\n                    border: 1px solid #e5e7eb;\n                    font-size: 12px;\n                    color: #111827;\n                }\n\n                nine-table-sheet th {\n                    background-color: #f9fafb;\n                    font-weight: 600;\n                    text-align: left;\n                }\n            </style>\n            \n            <div class=\"sheet-content-container\">\n                <!-- 테이블이 동적으로 주입되는 영역 -->\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}\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        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        this.#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    #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\nif (!customElements.get('nine-table-sheets')) {\n    customElements.define('nine-table-sheets', NineTableSheets);\n}","import './nine-table-sheets.js';\n\nexport class LayoutManager {\n    #root;\n\n    constructor(shadowRoot) {\n        this.#root = shadowRoot;\n        this.#render();\n    }\n\n    #render() {\n        const rawElements = Array.from(this.#root.host.children);\n        const rawTables = rawElements.filter(el => el.tagName === 'TABLE');\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 { display: flex; flex-direction: column; position: relative; overflow: hidden; height: 100%; background: #fff; }\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-splitter></nine-splitter>\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                $el.init(rawTables[idx]);\n            }\n        });\n    }\n}","import {trace} from \"@nopeer\";\nimport { LayoutManager } from '../ui/LayoutManager.js';\n\nexport default class NineTable extends HTMLElement {\n    #created = false;\n\n    constructor() {\n        super();\n        this.attachShadow({ mode: 'open' });\n    }\n\n    connectedCallback() {\n        if (this.#created) return;\n\n        // shadowRoot 하나만 넘겨서 내부에서 레이아웃 및 테이블 수집 처리\n        this.layoutManager = new LayoutManager(this.shadowRoot);\n        //this.layoutManager.render();\n\n        this.#created = true;\n        trace.log('NineTable connected.');\n\n        this.dispatchEvent(new CustomEvent('load', { bubbles: true, detail: { target: this } }));\n    }\n\n    disconnectedCallback() {\n        trace.log('NineTable disconnected.');\n    }\n}\n\nif (!customElements.get('nine-table')) {\n    customElements.define('nine-table', NineTable);\n}"],"names":["_Trace","traceOrigin","__name","Trace","trace","_TableInitializer","container","__privateAdd","_TableInitializer_instances","_container","__privateSet","tbl","__privateMethod","ensureColgroup_fn","ensureThead_fn","firstRow","colCount","colgroup","defaultWidth","i","col","thead","TableInitializer","_NineTableSheet","_NineTableSheet_instances","_tableElement","_initializer","render_fn","tableEl","clonedTable","__privateGet","NineTableSheet","_NineTableSheets","_NineTableSheets_instances","init_fn","tabBar","e","tabItem","isMultiSelect","index","switchSheet_fn","body","tabItems","sheetElements","tab","idx","sheet","clickedTab","activeTabs","targetSheet","activeSheets","initialBasis","updateSplitters_fn","activeSheet","rowCountEl","splitter","splitIndex","leftSheet","rightSheet","NineTableSheets","_LayoutManager","shadowRoot","_LayoutManager_instances","_root","rawTables","el","sheetsHtml","_","tabsHtml","$sheetElements","$el","LayoutManager","_NineTable","_created","NineTable"],"mappings":"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"}
+{"version":3,"file":"nine-table.umd.js","sources":["../src/external/NoPeer.js","../src/ui/TableInitializer.js","../src/ui/nine-table-sheet.js","../src/ui/nine-table-sheets.js","../src/ui/LayoutManager.js","../src/core/nine-table.js"],"sourcesContent":["import { trace as traceOrigin } from '@ninebone/util';\n\nexport class Trace extends traceOrigin.constructor {\n    constructor() {\n        super();\n        this.init(\"nine-table\", \"green\");\n    }\n}\n\nexport const trace = new Trace();","export class TableInitializer {\n    #container;\n\n    constructor(container) {\n        this.#container = container;\n    }\n\n    /**\n     * [Public] 테이블 초기화 진입점\n     * @param {HTMLTableElement} tbl\n     * @returns {HTMLTableElement}\n     */\n    initializeTable(tbl) {\n        this.#ensureColgroup(tbl);\n        this.#ensureThead(tbl);\n\n        tbl.classList.add('nine-table-element');\n        return tbl;\n    }\n\n    /**\n     * [Private] colgroup 및 col 태그 유무 확인 후 보정\n     */\n    #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    /**\n     * [Private] thead 태그 유무 확인 후 보정\n     */\n    #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}","import { trace } from \"@nopeer\";\nimport { TableInitializer } from \"./TableInitializer.js\"; // 경로에 맞게 조정 필요\n\nexport class NineTableSheet extends HTMLElement {\n    #tableElement = null;\n    #initializer;\n\n    constructor() {\n        super();\n        this.#initializer = new TableInitializer(this);\n    }\n\n    connectedCallback() {\n        this.#render();\n    }\n\n    /**\n     * 외부(LayoutManager 등)에서 원본 테이블 엘리먼트를 주입받아 초기화 및 보정 수행\n     * @param {HTMLTableElement} tableEl\n     */\n    init(tableEl) {\n        if (!tableEl) return;\n\n        // 원본 테이블 복제 후 TableInitializer를 통한 구조 보정\n        const clonedTable = tableEl.cloneNode(true);\n        this.#tableElement = this.#initializer.initializeTable(clonedTable);\n        this.#tableElement.style.display = 'table';\n\n        const container = this.querySelector('.sheet-content-container');\n        if (container) {\n            container.innerHTML = '';\n            container.appendChild(this.#tableElement);\n        }\n\n        trace.log(`NineTableSheet initialized with table rows: ${this.getRowCount()}`);\n    }\n\n    getRowCount() {\n        if (!this.#tableElement) return 0;\n        return this.#tableElement.querySelectorAll('tbody tr').length;\n    }\n\n    #render() {\n        this.innerHTML = `\n            <style>\n                nine-table-sheet {\n                    display: block;\n                    width: 100%;\n                    height: 100%;\n                    overflow: auto;\n                    position: relative;\n                    box-sizing: border-box;\n                    background: #ffffff;\n                }\n\n                nine-table-sheet .sheet-content-container {\n                    width: 100%;\n                    min-width: fit-content;\n                }\n\n                nine-table-sheet table {\n                    border-collapse: collapse;\n                    width: 100%;\n                    table-layout: fixed;\n                }\n\n                nine-table-sheet th, nine-table-sheet td {\n                    box-sizing: border-box;\n                    overflow: hidden;\n                    white-space: nowrap;\n                    text-overflow: ellipsis;\n                    padding: 6px 8px;\n                    border: 1px solid #e5e7eb;\n                    font-size: 12px;\n                    color: #111827;\n                }\n\n                nine-table-sheet th {\n                    background-color: #f9fafb;\n                    font-weight: 600;\n                    text-align: left;\n                }\n            </style>\n            \n            <div class=\"sheet-content-container\">\n                <!-- 테이블이 동적으로 주입되는 영역 -->\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}\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        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        this.#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    #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\nif (!customElements.get('nine-table-sheets')) {\n    customElements.define('nine-table-sheets', NineTableSheets);\n}","import './nine-table-sheets.js';\n\nexport class LayoutManager {\n    #root;\n\n    constructor(shadowRoot) {\n        this.#root = shadowRoot;\n        this.#render();\n    }\n\n    #render() {\n        const rawElements = Array.from(this.#root.host.children);\n        const rawTables = rawElements.filter(el => el.tagName === 'TABLE');\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 { display: flex; flex-direction: column; position: relative; overflow: hidden; height: 100%; background: #fff; }\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                $el.init(rawTables[idx]);\n            }\n        });\n    }\n}","import {trace} from \"@nopeer\";\nimport { LayoutManager } from '../ui/LayoutManager.js';\n\nexport default class NineTable extends HTMLElement {\n    #created = false;\n\n    constructor() {\n        super();\n        this.attachShadow({ mode: 'open' });\n    }\n\n    connectedCallback() {\n        if (this.#created) return;\n\n        // shadowRoot 하나만 넘겨서 내부에서 레이아웃 및 테이블 수집 처리\n        this.layoutManager = new LayoutManager(this.shadowRoot);\n        //this.layoutManager.render();\n\n        this.#created = true;\n        trace.log('NineTable connected.');\n\n        this.dispatchEvent(new CustomEvent('load', { bubbles: true, detail: { target: this } }));\n    }\n\n    disconnectedCallback() {\n        trace.log('NineTable disconnected.');\n    }\n}\n\nif (!customElements.get('nine-table')) {\n    customElements.define('nine-table', NineTable);\n}"],"names":["_Trace","traceOrigin","__name","Trace","trace","_TableInitializer","container","__privateAdd","_TableInitializer_instances","_container","__privateSet","tbl","__privateMethod","ensureColgroup_fn","ensureThead_fn","firstRow","colCount","colgroup","defaultWidth","i","col","thead","TableInitializer","_NineTableSheet","_NineTableSheet_instances","_tableElement","_initializer","render_fn","tableEl","clonedTable","__privateGet","NineTableSheet","_NineTableSheets","_NineTableSheets_instances","init_fn","tabBar","e","tabItem","isMultiSelect","index","switchSheet_fn","body","tabItems","sheetElements","tab","idx","sheet","clickedTab","activeTabs","targetSheet","activeSheets","initialBasis","updateSplitters_fn","activeSheet","rowCountEl","splitter","splitIndex","leftSheet","rightSheet","NineTableSheets","_LayoutManager","shadowRoot","_LayoutManager_instances","_root","rawTables","el","sheetsHtml","_","tabsHtml","$sheetElements","$el","LayoutManager","_NineTable","_created","NineTable"],"mappings":"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"}

package/package.json

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