@sellmate/design-system 1.0.16 → 1.0.17

package/dist/components/sd-table.js

@@ -1,816 +1 @@
-import { p as proxyCustomElement, H, c as createEvent, d as readTask, h, F as Fragment, t as transformTag } from './p-CR2Jbl0B.js';
-import { d as defineCustomElement$f } from './p-lbT0o9hE.js';
-import { d as defineCustomElement$e } from './p-Cd145I-2.js';
-import { d as defineCustomElement$d } from './p-C2pN-_wD.js';
-import { d as defineCustomElement$c } from './p-BdgLMKjb.js';
-import { d as defineCustomElement$b } from './p-zvhzq4Sw.js';
-import { d as defineCustomElement$a } from './p-xfqZA_70.js';
-import { d as defineCustomElement$9 } from './p-GS-rEltm.js';
-import { d as defineCustomElement$8 } from './p-DUh9r-hn.js';
-import { d as defineCustomElement$7 } from './p-D16-dM6f.js';
-import { d as defineCustomElement$6 } from './p-DjZ8vXCq.js';
-import { d as defineCustomElement$5 } from './p-CkzAorp3.js';
-import { d as defineCustomElement$4 } from './p-Dv4dN3Y5.js';
-import { d as defineCustomElement$3 } from './p-CFHNnfIq.js';
-import { d as defineCustomElement$2 } from './p-CiNjpVRK.js';
-
-const sdTableCss = () => `.sd-table__wrapper .sd-table__container .sd-table__middle{overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar{opacity:0;background:#e5e5e5}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar:horizontal{height:8px}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar:vertical{width:8px}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar-thumb{height:80px;background-color:#cccccc;border-radius:4px}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar-track{background-color:transparent}.sd-table__wrapper{height:var(--table-height, auto);width:var(--table-width, 100%);color:#222222}.sd-table__wrapper .sd-table__container{width:100%;height:var(--table-container-height, auto);display:flex;flex-direction:column;position:relative;border:1px solid #e1e1e1;border-radius:8px;font-size:12px;overflow:hidden;background:#ffffff}.sd-table__wrapper .sd-table__container .sd-table__middle{overflow:auto;will-change:scroll-position;min-height:var(--table-container-height, auto)}.sd-table__wrapper .sd-table__container .sd-table__middle--scrollable{height:var(--table-container-height, auto)}.sd-table__wrapper .sd-table__container .sd-table__middle--loading{overflow:hidden !important;pointer-events:none}.sd-table__wrapper .sd-table__container .sd-table__middle--loading__spinner{position:absolute;top:0;left:0;width:100%;height:var(--table-container-height, 100%);min-height:var(--table-container-height, 100%);background:rgba(255, 255, 255, 0.6);z-index:200;display:flex;align-items:center;justify-content:center}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table{background-color:white;display:table;width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody.sd-table-tbody--virtual-scroll{position:relative;height:var(--total-virtual-height, --table-container-height, auto)}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody.sd-table-tbody--virtual-scroll tr:not([aria-hidden=true]){width:100%}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody.sd-table-tbody--virtual-scroll tr[aria-hidden=true]{padding:0;border:none}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody.sd-table-tbody--virtual-scroll tr[aria-hidden=true]:not(.sd-table__virtual-row-spacer) td{display:none}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--selectable td.sd-td--selected,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--selectable th.sd-th--selected{position:relative;width:52px !important;max-width:52px !important;min-width:52px !important;padding:0 10px 0 24px;text-align:left}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--selectable td.sd-td--selected sd-checkbox label,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--selectable th.sd-th--selected sd-checkbox label{position:relative}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--selectable td.sd-td--selected sd-checkbox label:before,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--selectable th.sd-th--selected sd-checkbox label:before{content:"";position:absolute;inset:-6px}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-header thead{position:sticky;top:0;z-index:120}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column th.sticky-left,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column th.sticky-right{position:sticky;background-color:#f5faff;z-index:110 !important}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column td.sticky-left,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column td.sticky-right{position:sticky;background-color:white;z-index:100 !important}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column .sticky-left{left:var(--sticky-left-offset, 0)}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column .sticky-right{right:var(--sticky-right-offset, 0)}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column th.sticky-cell{position:sticky;z-index:102;background-color:#f5faff}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column td.sticky-cell{position:sticky;z-index:101;background-color:white}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left th.sticky-left-edge,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left td.sticky-left-edge{overflow:visible}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left th.sticky-left-edge:after,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left td.sticky-left-edge:after{content:"";position:absolute;top:0;left:100%;right:-20px;width:20px;height:100%;z-index:101 !important;box-shadow:inset 12px 0 20px -25px;opacity:1;pointer-events:none}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right th.sticky-right-edge,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right td.sticky-right-edge{overflow:visible}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right th.sticky-right-edge:after,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right td.sticky-right-edge:after{content:"";position:absolute;top:0;left:-20px;width:20px;height:100%;z-index:101 !important;box-shadow:inset -12px 0 20px -25px;opacity:1;pointer-events:none}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--no-data thead{opacity:0.4}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--no-data thead tr th.sd-th{border-bottom:1px solid rgba(225, 225, 225, 0.4) !important}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table sd-td,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table sd-th,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table .sd-th__content--label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead{height:36px}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr{width:100%}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th{background:#f5faff;height:36px;padding:0 16px;font-weight:500;vertical-align:middle;border-bottom:1px solid #e1e1e1;-webkit-user-select:none;user-select:none;position:relative}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content{display:flex;flex-flow:row nowrap;align-items:center;gap:4px}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content--left{justify-content:flex-start}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content--center{justify-content:center}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content--right{justify-content:flex-end}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__resizer{position:absolute;top:50%;right:0;transform:translateY(-50%);width:4px;height:16px;cursor:col-resize;z-index:3;border-left:1px solid #cccccc;border-right:1px solid #cccccc}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr td{height:44px;padding:0 16px;border-bottom:1px solid #e1e1e1;background:white;vertical-align:middle}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr td.sd-td--left{text-align:left}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr td.sd-td--center{text-align:center}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr td.sd-td--right{text-align:right}.sd-table__wrapper .sd-table__container .sd-table__bottom{background:transparent;text-align:center;display:flex;align-items:center;justify-content:center;flex:1;min-height:240px;translate:0 -10%;pointer-events:none}.sd-table__wrapper .sd-table__container .sd-table__bottom .sd-table__no-data{font-size:12px;color:#888888}.sd-table__wrapper .sd-table__pagination{position:relative;background:#f9f9f9;height:48px;display:flex;align-items:center;justify-content:center;border:1px solid #e1e1e1;border-top:none;border-radius:8px}.sd-table__wrapper .sd-table__pagination sd-select{position:absolute;right:10px;top:50%;transform:translateY(-50%)}.sd-table__wrapper .sd-table__virtual-spacer,.sd-table__wrapper .sd-table__virtual-row-spacer{padding:0 !important}.sd-table__wrapper .sd-table__virtual-spacer td,.sd-table__wrapper .sd-table__virtual-row-spacer td{padding:0 !important;border:none}.sd-table__wrapper .sd-table__virtual-spacer .sd-table__skeleton,.sd-table__wrapper .sd-table__virtual-row-spacer .sd-table__skeleton{width:100%;height:100%;background-image:repeating-linear-gradient(0deg, rgba(246, 246, 246, 0.3) 0px, rgba(225, 225, 225, 0.5) calc(var(--row-height, 44px) / 2), rgba(246, 246, 246, 0.3) var(--row-height, 44px));background-size:100% 200%;animation:skeleton-loading 1.5s ease-in-out infinite;position:relative}.sd-table__wrapper .sd-table__virtual-spacer .sd-table__skeleton::before,.sd-table__wrapper .sd-table__virtual-row-spacer .sd-table__skeleton::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(to bottom, transparent 0, transparent calc(var(--row-height, 44px) - 1px), #e1e1e1 calc(var(--row-height, 44px) - 1px), #e1e1e1 var(--row-height, 44px));pointer-events:none}.sd-table__wrapper .sd-table__skeleton-cell{width:100%;height:20px;background:linear-gradient(90deg, rgba(246, 246, 246, 0.3) 0%, rgba(225, 225, 225, 0.5) 50%, rgba(246, 246, 246, 0.3) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:4px}@keyframes skeleton-loading{0%{background-position:0% 0%}50%{background-position:100% 100%}100%{background-position:0% 0%}}`;
-
-const SdTable$1 = /*@__PURE__*/ proxyCustomElement(class SdTable extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.sdSelectChange = createEvent(this, "sdSelectChange");
-        this.sdPageChange = createEvent(this, "sdPageChange");
-        this.sdRowsPerPageChange = createEvent(this, "sdRowsPerPageChange");
-    }
-    get el() { return this; }
-    columns;
-    rows;
-    selected = [];
-    rowKey = 'id';
-    selectable = false;
-    resizable = false;
-    width;
-    height;
-    stickyHeader = false;
-    stickyColumn = { left: 0, right: 0 };
-    noDataLabel = '데이터가 없습니다.';
-    isLoading = false;
-    pagination;
-    headerCellRenderer;
-    bodyCellRenderer;
-    useInternalPagination = false;
-    useRowsPerPageSelect = false;
-    rowsPerPageOption = [
-        { label: '10개씩 보기', value: 10 },
-        { label: '25개씩 보기', value: 25 },
-        { label: '50개씩 보기', value: 50 },
-        { label: '100개씩 보기', value: 100 },
-    ];
-    useVirtualScroll = {}; // 가상 스크롤 사용 여부
-    virtualRowHeight = 44; // 가상 스크롤 사용시 각 행의 높이 - 세로 가상 스크롤 사용시 필수값
-    // 가상 스크롤 사용시 각 열의 너비 - 가로 가상 스크롤 사용시 필수값
-    // 가상화하려는 컬럼의 넓이는 무조건 고정(resizable의 경우 넓이가 변동되는데 이때에는 고려 x)
-    virtualColumnWidth = 120;
-    virtualBufferSize = {
-        vertical: 5,
-        horizontal: 5,
-    }; // 가상 스크롤 위아래 버퍼 크기
-    sdSelectChange;
-    sdPageChange;
-    sdRowsPerPageChange;
-    currentPage = this.pagination?.page || 1;
-    innerRows = [];
-    innerSelected = new Set();
-    columnWidths = [];
-    scrolledLeft = false;
-    scrolledRight = false;
-    // 세로 가상 스크롤 상태값
-    virtualStartIndex = 0;
-    virtualEndIndex = 0;
-    scrollTopPosition = 0;
-    // 가로 가상 스크롤 상태값
-    virtualStartColIdx = 0;
-    virtualEndColIdx = 0;
-    scrollLeftPosition = 0;
-    // 가상 스크롤 Raf(Request Animation Frame) 관리
-    scrollRequestAnimationFrame = null;
-    scrollContainer = null;
-    rafScheduled = false;
-    pendingUpdates = {
-        vertical: false,
-        horizontal: false,
-    };
-    // 상태 캐시값
-    cachedVisibleColumns = null;
-    lastColumnsRef = null;
-    cachedVirtualRows = null;
-    cachedVirtualIndexKey = '';
-    cachedColumnOrder = null;
-    lastColumnOrderKey = '';
-    // DOM 측정 캐시값
-    cachedContainerHeight = 0;
-    cachedContainerWidth = 0;
-    // 스타일 캐시
-    stickyStyleCache = new Map();
-    // isAllChecked 캐시
-    cachedIsAllChecked;
-    lastSelectionKey = '';
-    onScroll;
-    handleColumnsChange(newCols) {
-        this.columnWidths = newCols.map(c => parseInt(c.width || '120', 10));
-        this.cleanUpVirtualCache();
-        this.stickyStyleCache.clear();
-        if (this.useVirtualScroll.horizontal) {
-            this.scheduleUpdate('horizontal');
-        }
-    }
-    handleColumnWidthsChange() {
-        this.stickyStyleCache.clear();
-        if (this.useVirtualScroll.horizontal) {
-            this.scheduleUpdate('horizontal');
-        }
-    }
-    handleRowsChange(newRows) {
-        this.innerRows = [...newRows];
-        this.cleanUpVirtualCache();
-        if (this.useVirtualScroll.vertical) {
-            this.scheduleUpdate('vertical');
-        }
-    }
-    handleSelectedChange(newSelected) {
-        this.innerSelected = new Set(newSelected);
-    }
-    cleanUpVirtualCache() {
-        this.cachedVisibleColumns = null;
-        this.lastColumnsRef = null;
-        this.cachedVirtualRows = null;
-        this.cachedVirtualIndexKey = '';
-        this.cachedColumnOrder = null;
-        this.lastColumnOrderKey = '';
-    }
-    handlePaginationChange(newVal) {
-        if (newVal?.page && newVal.page !== this.currentPage) {
-            this.currentPage = newVal.page;
-            if (this.useVirtualScroll.vertical && this.scrollContainer) {
-                this.scrollContainer.scrollTo({ top: 0, behavior: 'instant' });
-                this.scrollTopPosition = 0;
-                this.calculateVisibleRange();
-            }
-        }
-    }
-    componentWillLoad() {
-        this.innerRows = [...(this.rows || [])];
-        this.innerSelected = new Set(this.selected || []);
-        this.columnWidths = (this.columns || []).map(c => parseInt(c.width || '120', 10));
-        if (this.pagination?.page) {
-            this.currentPage = this.pagination.page;
-        }
-    }
-    componentDidLoad() {
-        readTask(() => {
-            const middle = this.el.querySelector('.sd-table__middle');
-            if (!middle)
-                return;
-            this.onScroll = () => {
-                const scrollLeft = middle.scrollLeft;
-                const scrollWidth = middle.scrollWidth;
-                const clientWidth = middle.clientWidth;
-                const scrollTop = middle.scrollTop;
-                const verticalChanged = this.useVirtualScroll.vertical && this.scrollTopPosition !== scrollTop;
-                const horizontalChanged = this.useVirtualScroll.horizontal && this.scrollLeftPosition !== scrollLeft;
-                const newScrolledLeft = scrollLeft > 0;
-                const newScrolledRight = scrollLeft + clientWidth < scrollWidth;
-                if (this.scrolledLeft !== newScrolledLeft || this.scrolledRight !== newScrolledRight) {
-                    this.scrolledLeft = newScrolledLeft;
-                    this.scrolledRight = newScrolledRight;
-                }
-                if (verticalChanged || horizontalChanged) {
-                    if (this.scrollRequestAnimationFrame !== null) {
-                        cancelAnimationFrame(this.scrollRequestAnimationFrame);
-                    }
-                    this.scrollRequestAnimationFrame = requestAnimationFrame(() => {
-                        if (verticalChanged) {
-                            this.scrollTopPosition = scrollTop;
-                            this.calculateVisibleRange();
-                        }
-                        if (horizontalChanged) {
-                            this.scrollLeftPosition = scrollLeft;
-                            this.calculateVisibleColumnRange();
-                        }
-                        this.scrollRequestAnimationFrame = null;
-                    });
-                }
-            };
-            this.scrollContainer = middle;
-            requestAnimationFrame(() => {
-                if (this.scrollContainer && this.onScroll) {
-                    this.cachedContainerHeight = this.scrollContainer.clientHeight;
-                    this.cachedContainerWidth = this.scrollContainer.clientWidth;
-                    middle.addEventListener('scroll', this.onScroll, { passive: true });
-                    if (this.useVirtualScroll.vertical) {
-                        this.calculateVisibleRange();
-                    }
-                    if (this.useVirtualScroll.horizontal) {
-                        this.calculateVisibleColumnRange();
-                    }
-                    this.onScroll();
-                }
-            });
-        });
-    }
-    changePage(page) {
-        if (!this.useInternalPagination) {
-            this.sdPageChange.emit(page);
-            return;
-        }
-        this.currentPage = page;
-        this.sdPageChange.emit(this.currentPage);
-    }
-    changeRowsPerPage(perPage) {
-        const changedRowsPerPage = perPage ? Number(perPage) : 0;
-        if (!this.useInternalPagination) {
-            this.sdRowsPerPageChange.emit(changedRowsPerPage);
-            return;
-        }
-        const newRowsPerPage = Number(perPage || 0);
-        let newLastPage = Math.max(1, Math.ceil(this.innerRows.length / newRowsPerPage));
-        let newCurrentPage = this.currentPage;
-        if (newCurrentPage > newLastPage) {
-            newCurrentPage = newLastPage;
-        }
-        this.pagination = {
-            page: newCurrentPage,
-            rowsPerPage: newRowsPerPage,
-            lastPage: newLastPage,
-        };
-        this.currentPage = newCurrentPage;
-        this.sdRowsPerPageChange.emit(changedRowsPerPage);
-    }
-    disconnectedCallback() {
-        if (this.scrollContainer && this.onScroll) {
-            this.scrollContainer.removeEventListener('scroll', this.onScroll);
-        }
-        if (this.scrollRequestAnimationFrame !== null) {
-            cancelAnimationFrame(this.scrollRequestAnimationFrame);
-        }
-    }
-    // ----- Derived getters -----
-    get visibleColumns() {
-        if (this.cachedVisibleColumns && this.lastColumnsRef === this.columns) {
-            return this.cachedVisibleColumns;
-        }
-        this.lastColumnsRef = this.columns;
-        this.cachedVisibleColumns = this.columns.filter(col => col.visible !== false);
-        return this.cachedVisibleColumns;
-    }
-    get paginatedRows() {
-        if (!this.pagination || !this.useInternalPagination)
-            return this.innerRows;
-        const { rowsPerPage = this.rows.length } = this.pagination || {};
-        return this.innerRows.slice((this.currentPage - 1) * rowsPerPage, this.currentPage * rowsPerPage);
-    }
-    get virtualRows() {
-        const newVirtualIndexKey = `${this.virtualStartIndex}-${this.virtualEndIndex}`;
-        if (this.cachedVirtualRows && this.cachedVirtualIndexKey === newVirtualIndexKey) {
-            return this.cachedVirtualRows;
-        }
-        this.cachedVirtualIndexKey = newVirtualIndexKey;
-        if (!this.useVirtualScroll.vertical) {
-            this.cachedVirtualRows = this.paginatedRows.map((row, idx) => ({ row, actualIndex: idx }));
-        }
-        else {
-            this.cachedVirtualRows = this.paginatedRows
-                .slice(this.virtualStartIndex, this.virtualEndIndex + 1)
-                .map((row, relativeIdx) => ({
-                row,
-                actualIndex: this.virtualStartIndex + relativeIdx,
-            }));
-        }
-        return this.cachedVirtualRows;
-    }
-    get topSpacerHeight() {
-        if (!this.useVirtualScroll.vertical || this.virtualStartIndex === 0)
-            return 0;
-        return this.virtualStartIndex * this.virtualRowHeight;
-    }
-    get bottomSpacerHeight() {
-        if (!this.useVirtualScroll.vertical)
-            return 0;
-        const remainingRows = this.paginatedRows.length - this.virtualEndIndex - 1;
-        return remainingRows > 0 ? remainingRows * this.virtualRowHeight : 0;
-    }
-    getHorizontalSpacerWidth(position) {
-        const stickyLeftCount = this.stickyColumn.left || 0;
-        const stickyRightCount = this.stickyColumn.right || 0;
-        const virtualColumnWidths = this.columnWidths.slice(stickyLeftCount, this.visibleColumns.length - stickyRightCount);
-        const remainingCols = virtualColumnWidths.length - this.virtualEndColIdx - 1;
-        if (position === 'right' && remainingCols <= 0)
-            return 0;
-        const targetIndex = position === 'left' ? [0, this.virtualStartColIdx] : [this.virtualEndColIdx + 1];
-        return virtualColumnWidths.slice(...targetIndex).reduce((sum, width) => sum + width, 0);
-    }
-    get leftSpacerWidth() {
-        if (!this.useVirtualScroll.horizontal || this.virtualStartColIdx === 0) {
-            return 0;
-        }
-        return this.getHorizontalSpacerWidth('left');
-    }
-    get rightSpacerWidth() {
-        if (!this.useVirtualScroll.horizontal) {
-            return 0;
-        }
-        return this.getHorizontalSpacerWidth('right');
-    }
-    get totalVirtualHeight() {
-        if (!this.useVirtualScroll.vertical)
-            return 0;
-        return this.paginatedRows.length * this.virtualRowHeight;
-    }
-    get lastPageNumber() {
-        const { lastPage, rowsPerPage = this.rows.length } = this.pagination || {};
-        return lastPage ?? Math.max(1, Math.ceil(this.rows.length / rowsPerPage));
-    }
-    get sdTableClasses() {
-        return [
-            'sd-table',
-            this.stickyHeader && 'sd-table--sticky-header',
-            this.selectable && 'sd-table--selectable',
-            this.resizable && 'sd-table--resizable',
-            !this.innerRows.length && 'sd-table--no-data',
-            ((this.stickyColumn?.left ?? 0) > 0 || (this.stickyColumn?.right ?? 0) > 0) &&
-                'sd-table--sticky-column',
-            this.scrolledLeft && 'sd-table--scrolled-left',
-            this.scrolledRight && 'sd-table--scrolled-right',
-        ]
-            .filter(Boolean)
-            .join(' ');
-    }
-    // ----- Selection -----
-    isRowSelected(row) {
-        return Array.from(this.innerSelected).some(r => r[this.rowKey] === row[this.rowKey]);
-    }
-    updateRowSelect(row) {
-        const selectedArray = Array.from(this.innerSelected);
-        const exists = this.isRowSelected(row);
-        const newSelected = exists
-            ? selectedArray.filter(r => r[this.rowKey] !== row[this.rowKey])
-            : [...selectedArray, row];
-        // 동일 상태면 set하지 않음 → 불필요 렌더 방지
-        if (newSelected.length === selectedArray.length)
-            return;
-        this.innerSelected = new Set(newSelected);
-        this.cachedIsAllChecked = undefined;
-        this.selected = Array.from(this.innerSelected);
-        this.sdSelectChange.emit(Array.from(this.innerSelected));
-    }
-    toggleSelectAll(checked) {
-        if (checked) {
-            const pageRows = new Set([...this.paginatedRows]);
-            this.innerSelected = new Set([...this.innerSelected, ...pageRows]);
-        }
-        else {
-            const currentPageKeys = this.paginatedRows.map(r => r[this.rowKey]);
-            this.innerSelected = new Set([...this.innerSelected].filter(r => !currentPageKeys.includes(r[this.rowKey])));
-        }
-        this.cachedIsAllChecked = undefined;
-        this.selected = Array.from(this.innerSelected);
-        this.sdSelectChange.emit(Array.from(this.innerSelected));
-    }
-    get isAllChecked() {
-        const selectionKey = `${this.paginatedRows.length}-${this.innerSelected.size}`;
-        if (this.cachedIsAllChecked !== undefined && this.lastSelectionKey === selectionKey) {
-            return this.cachedIsAllChecked;
-        }
-        const total = this.paginatedRows.length;
-        const selectedCount = this.paginatedRows.filter(row => Array.from(this.innerSelected).some(selectedRow => selectedRow[this.rowKey] === row[this.rowKey])).length;
-        let result;
-        if (selectedCount === 0) {
-            result = false; // 아무것도 안 선택됨
-        }
-        else if (selectedCount === total) {
-            result = true; // 전부 선택됨
-        }
-        else {
-            result = null; // 일부만 선택됨
-        }
-        this.cachedIsAllChecked = result;
-        this.lastSelectionKey = selectionKey;
-        return result;
-    }
-    // RAF 통합 관리
-    scheduleUpdate(type) {
-        this.pendingUpdates[type] = true;
-        if (!this.rafScheduled) {
-            this.rafScheduled = true;
-            this.scrollRequestAnimationFrame = requestAnimationFrame(() => {
-                if (this.pendingUpdates.vertical)
-                    this.calculateVisibleRange();
-                if (this.pendingUpdates.horizontal)
-                    this.calculateVisibleColumnRange();
-                this.pendingUpdates = { vertical: false, horizontal: false };
-                this.rafScheduled = false;
-                this.scrollRequestAnimationFrame = null;
-            });
-        }
-    }
-    // 세로 가상 스크롤 렌더링 계산
-    calculateVisibleRange() {
-        if (!this.useVirtualScroll.vertical) {
-            this.virtualStartIndex = 0;
-            this.virtualEndIndex = this.paginatedRows.length - 1;
-            return;
-        }
-        const scrollTop = this.scrollTopPosition;
-        let containerHeight = this.cachedContainerHeight;
-        if (containerHeight === 0 && this.scrollContainer) {
-            containerHeight = this.scrollContainer.clientHeight;
-            this.cachedContainerHeight = containerHeight;
-        }
-        const bufferSize = this.virtualBufferSize.vertical || 5;
-        const startIndex = Math.floor(scrollTop / this.virtualRowHeight);
-        const visibleCount = Math.ceil(containerHeight / this.virtualRowHeight);
-        const endIndex = startIndex + visibleCount - 1;
-        const newStartIndex = Math.max(0, startIndex - bufferSize);
-        const newEndIndex = Math.min(this.paginatedRows.length - 1, endIndex + bufferSize);
-        // 실제로 변경된 경우에만 상태 업데이트
-        if (this.virtualStartIndex !== newStartIndex || this.virtualEndIndex !== newEndIndex) {
-            this.virtualStartIndex = newStartIndex;
-            this.virtualEndIndex = newEndIndex;
-        }
-    }
-    // 가로 가상 스크롤 렌더링 계산
-    calculateVisibleColumnRange() {
-        if (!this.useVirtualScroll.horizontal) {
-            this.virtualStartColIdx = 0;
-            this.virtualEndColIdx = this.visibleColumns.length - 1;
-            return;
-        }
-        const scrollLeft = this.scrollLeftPosition;
-        // 캐시된 값 사용, 없으면 측정 후 캐시
-        let containerWidth = this.cachedContainerWidth;
-        if (containerWidth === 0 && this.scrollContainer) {
-            containerWidth = this.scrollContainer.clientWidth;
-            this.cachedContainerWidth = containerWidth;
-        }
-        const stickyLeftCount = this.stickyColumn.left || 0;
-        const stickyRightCount = this.stickyColumn.right || 0;
-        // 가상 스크롤 컬럼 - sticky column 제외
-        const virtualColumns = this.visibleColumns.slice(stickyLeftCount, this.visibleColumns.length - stickyRightCount);
-        if (virtualColumns.length === 0) {
-            this.virtualStartColIdx = 0;
-            this.virtualEndColIdx = 0;
-            return;
-        }
-        const stickyLeftWidth = this.columnWidths.slice(0, stickyLeftCount).reduce((sum, width) => sum + width, 0) +
-            (this.selectable ? 52 : 0);
-        const stickyRightWidth = this.columnWidths
-            .slice(this.visibleColumns.length - stickyRightCount)
-            .reduce((sum, width) => sum + width, 0);
-        // 가상 스크롤 영역의 너비 계산
-        const virtualScrollableWidth = containerWidth - stickyLeftWidth - stickyRightWidth;
-        const virtualColumnWidths = this.columnWidths.slice(stickyLeftCount, this.visibleColumns.length - stickyRightCount);
-        const virtualScrollLeft = Math.max(0, scrollLeft - stickyLeftWidth);
-        const reducedVirtualWidth = virtualColumnWidths.reduce((acc, width, idx) => {
-            acc.push((acc[idx - 1] || 0) + width);
-            return acc;
-        }, []);
-        let startIdx = 0; // 가상 스크롤 시작 인덱스
-        let endIdx = virtualColumns.length - 1; // 가상 스크롤 종료 인덱스
-        // sticky left 영역 제외한 스크롤 위치
-        for (let i = 0; i < reducedVirtualWidth.length; i++) {
-            if (reducedVirtualWidth[i] > virtualScrollLeft) {
-                startIdx = Math.max(0, i);
-                break;
-            }
-        }
-        const scrollRight = virtualScrollLeft + virtualScrollableWidth;
-        for (let i = startIdx; i < reducedVirtualWidth.length; i++) {
-            if (reducedVirtualWidth[i] >= scrollRight) {
-                endIdx = Math.min(virtualColumns.length - 1, i);
-                break;
-            }
-        }
-        const bufferSize = this.virtualBufferSize.horizontal || 5;
-        const newStartColIdx = Math.max(0, startIdx - bufferSize);
-        const newEndColIdx = Math.min(virtualColumns.length - 1, endIdx + bufferSize);
-        // 실제로 변경된 경우에만 상태 업데이트
-        if (this.virtualStartColIdx !== newStartColIdx || this.virtualEndColIdx !== newEndColIdx) {
-            this.virtualStartColIdx = newStartColIdx;
-            this.virtualEndColIdx = newEndColIdx;
-        }
-    }
-    // ----- Helpers -----
-    getStickyStyle(colIdx) {
-        // 캐시된 스타일이 있으면 반환
-        if (this.stickyStyleCache.has(colIdx)) {
-            return this.stickyStyleCache.get(colIdx);
-        }
-        const leftOffset = this.columnWidths.slice(0, colIdx).reduce((a, b) => a + b, 0) + (this.selectable ? 52 : 0);
-        const rightOffset = this.columnWidths
-            .filter((_, i) => i >= this.visibleColumns.length - (this.stickyColumn.right || 0) && i > colIdx)
-            .reduce((a, b) => a + b, 0);
-        const style = {
-            '--sticky-left-offset': `${leftOffset}px`,
-            '--sticky-right-offset': `${rightOffset}px`,
-            'width': `${this.columnWidths[colIdx]}px`,
-            'minWidth': `${this.columnWidths[colIdx]}px`,
-            'maxWidth': `${this.columnWidths[colIdx]}px`,
-        };
-        // 스타일 캐시에 저장
-        this.stickyStyleCache.set(colIdx, style);
-        return style;
-    }
-    handleResize(index, event) {
-        // SSR 환경 체크
-        if (typeof document === 'undefined')
-            return;
-        const startX = event.clientX;
-        const startWidth = this.columnWidths[index];
-        const handleMouseMove = (moveEvent) => {
-            const targetColumn = this.columnWidths[index];
-            if (!targetColumn)
-                return;
-            const minWidth = this.columns[index]?.minWidth || 50;
-            const maxWidth = this.columns[index]?.maxWidth || 9999;
-            const newWidth = Math.min(Math.max(startWidth + moveEvent.clientX - startX, minWidth), maxWidth);
-            this.columnWidths = this.columnWidths.map((width, idx) => (idx === index ? newWidth : width));
-        };
-        const handleMouseUp = () => {
-            document.removeEventListener('mousemove', handleMouseMove);
-            document.removeEventListener('mouseup', handleMouseUp);
-        };
-        document.addEventListener('mousemove', handleMouseMove);
-        document.addEventListener('mouseup', handleMouseUp);
-    }
-    getCellValue(column, row) {
-        const { field, format, name } = column;
-        const value = typeof field === 'function' ? field(row) : field ? row[field] : row[name];
-        return format ? format(value, row) : value;
-    }
-    getColumnRenderedInOrder() {
-        const orderKey = `${this.visibleColumns.length}-${this.virtualStartColIdx}-${this.virtualEndColIdx}`;
-        if (this.cachedColumnOrder && this.lastColumnOrderKey === orderKey) {
-            return this.cachedColumnOrder;
-        }
-        const stickyLeftCount = this.stickyColumn.left || 0;
-        const stickyRightCount = this.stickyColumn.right || 0;
-        // Sticky left 컬럼들
-        const stickyLeftCols = this.visibleColumns.slice(0, stickyLeftCount);
-        const stickyRightCols = this.visibleColumns.slice(this.visibleColumns.length - stickyRightCount);
-        const middleCols = this.useVirtualScroll.horizontal
-            ? this.visibleColumns
-                .slice(stickyLeftCount, this.visibleColumns.length - stickyRightCount)
-                .slice(this.virtualStartColIdx, this.virtualEndColIdx + 1)
-            : this.visibleColumns.slice(stickyLeftCount, this.visibleColumns.length - stickyRightCount);
-        this.cachedColumnOrder = {
-            stickyLeftCount,
-            stickyRightCount,
-            stickyLeftCols,
-            middleCols,
-            stickyRightCols,
-        };
-        this.lastColumnOrderKey = orderKey;
-        return this.cachedColumnOrder;
-    }
-    // ----- Render -----
-    renderHead() {
-        const { stickyLeftCount, stickyRightCount, stickyLeftCols, middleCols, stickyRightCols } = this.getColumnRenderedInOrder();
-        return (h("thead", null, h("tr", null, this.selectable && (h("th", { class: {
-                'sd-th': true,
-                'sd-th--selected': true,
-                'sticky-left': Boolean(this.stickyColumn.left && this.stickyColumn.left > 0),
-            }, style: {
-                '--sticky-left-offset': '0px',
-            } }, h("sd-checkbox", { value: this.isAllChecked, disabled: !this.paginatedRows.length, onSdUpdate: (e) => this.toggleSelectAll(e.detail) }))), stickyLeftCols.map((col, idx) => {
-            const rendered = this.headerCellRenderer?.(col);
-            return (h("th", { key: col.name, class: {
-                    'sd-th': true,
-                    [`${col.thClass}`]: Boolean(col.thClass),
-                    'sticky-left': true,
-                    'sticky-left-edge': idx === stickyLeftCount - 1,
-                }, style: { ...col.thStyle, ...this.getStickyStyle(idx) } }, h("div", { class: `sd-th__content sd-th__content--${col.align || 'left'}` }, h("slot", { name: `header-cell-${col.name}` }, h("div", { class: "sd-th__content--label" }, rendered ? (typeof rendered === 'string' ? (h("span", { innerHTML: rendered })) : (rendered)) : (col.label))), col.usePageMoveIcon && h("sd-icon", { name: "pageMove", size: "12", color: "#006AC1" }), col.tooltip && (h("sd-tooltip", { ...col.tooltipOptions }, h("div", { slot: "content" }, col.tooltip.map(text => (h("p", null, text))))))), this.resizable && typeof window !== 'undefined' && (h("div", { class: "sd-th__resizer", onMouseDown: (evt) => this.handleResize(idx, evt) }))));
-        }), this.renderSpacerTd('left', -1), middleCols.map((col, relativeIdx) => {
-            const actualColIdx = stickyLeftCount + this.virtualStartColIdx + relativeIdx;
-            const rendered = this.headerCellRenderer?.(col);
-            return (h("th", { key: col.name, class: {
-                    'sd-th': true,
-                    [`${col.thClass}`]: Boolean(col.thClass),
-                }, style: { ...col.thStyle, ...this.getStickyStyle(actualColIdx) } }, h("div", { class: `sd-th__content sd-th__content--${col.align || 'left'}` }, h("slot", { name: `header-cell-${col.name}` }, h("div", { class: "sd-th__content--label" }, rendered ? (typeof rendered === 'string' ? (h("span", { innerHTML: rendered })) : (rendered)) : (col.label))), col.usePageMoveIcon && h("sd-icon", { name: "pageMove", size: "12", color: "#006AC1" }), col.tooltip && (h("sd-tooltip", { ...col.tooltipOptions }, h("div", { slot: "content" }, col.tooltip.map(text => (h("p", null, text))))))), this.resizable && typeof window !== 'undefined' && (h("div", { class: "sd-th__resizer", onMouseDown: (evt) => this.handleResize(actualColIdx, evt) }))));
-        }), this.renderSpacerTd('right', -1), stickyRightCols.map((col, relativeIdx) => {
-            const actualColIdx = this.visibleColumns.length - stickyRightCount + relativeIdx;
-            const rendered = this.headerCellRenderer?.(col);
-            return (h("th", { key: col.name, class: {
-                    'sd-th': true,
-                    [`${col.thClass}`]: Boolean(col.thClass),
-                    'sticky-right': true,
-                    'sticky-right-edge': relativeIdx === 0,
-                }, style: { ...col.thStyle, ...this.getStickyStyle(actualColIdx) } }, h("div", { class: `sd-th__content sd-th__content--${col.align || 'left'}` }, h("slot", { name: `header-cell-${col.name}` }, h("div", { class: "sd-th__content--label" }, rendered ? (typeof rendered === 'string' ? (h("span", { innerHTML: rendered })) : (rendered)) : (col.label))), col.usePageMoveIcon && h("sd-icon", { name: "pageMove", size: "12", color: "#006AC1" }), col.tooltip && (h("sd-tooltip", { ...col.tooltipOptions }, h("div", { slot: "content" }, col.tooltip.map(text => (h("p", null, text))))))), this.resizable && typeof window !== 'undefined' && (h("div", { class: "sd-th__resizer", onMouseDown: (evt) => this.handleResize(actualColIdx, evt) }))));
-        }))));
-    }
-    renderBody() {
-        return (h("tbody", { ...(!this.paginatedRows.length && { part: 'tbody-empty' }), class: `sd-table-tbody ${this.useVirtualScroll.vertical ? 'sd-table-tbody--virtual-scroll' : ''}`, style: { '--total-virtual-height': `${this.totalVirtualHeight}px` } }, this.useVirtualScroll.vertical && this.topSpacerHeight > 0 && this.renderSpacerRow('top'), this.paginatedRows.length > 0 &&
-            this.virtualRows.map(({ row, actualIndex }) => this.renderRow(row, actualIndex)), this.useVirtualScroll.vertical &&
-            this.bottomSpacerHeight > 0 &&
-            this.renderSpacerRow('bottom')));
-    }
-    renderRow(row, rowIdx) {
-        const { stickyLeftCount, stickyRightCount, stickyLeftCols, middleCols, stickyRightCols } = this.getColumnRenderedInOrder();
-        return (h("tr", { key: row[this.rowKey], class: "hover:bg-Grey_Lighten-6", style: this.useVirtualScroll.vertical
-                ? {
-                    height: `${this.virtualRowHeight}px`,
-                }
-                : {} }, this.selectable && (h("td", { class: {
-                'sd-td': true,
-                'sd-td--selected': true,
-                'sticky-left': Boolean(this.stickyColumn.left && this.stickyColumn.left > 0),
-            }, style: {
-                '--sticky-left-offset': '0px',
-            } }, h("sd-checkbox", { value: this.isRowSelected(row), disabled: !this.paginatedRows.length, onSdUpdate: () => this.updateRowSelect(row) }))), stickyLeftCols.map((column, idx) => {
-            const rendered = this.bodyCellRenderer?.(column, row);
-            return (h("td", { key: column.name, part: `td-${column.name}`, class: {
-                    'sd-td': true,
-                    [`sd-td--${column.align || 'left'}`]: true,
-                    'sticky-left': true,
-                    'sticky-left-edge': idx === stickyLeftCount - 1,
-                    [`${column.tdClass}`]: Boolean(column.tdClass),
-                }, style: this.getStickyStyle(idx) }, h("slot", { name: `body-cell-${column.name}-${rowIdx}` }, rendered ? (typeof rendered === 'string' ? (h("span", { innerHTML: rendered })) : (rendered)) : (this.getCellValue(column, row)))));
-        }), this.renderSpacerTd('left', rowIdx), middleCols.map((column, relativeIdx) => {
-            const actualColIdx = stickyLeftCount + this.virtualStartColIdx + relativeIdx;
-            const rendered = this.bodyCellRenderer?.(column, row);
-            return (h("td", { key: column.name, part: `td-${column.name}`, class: {
-                    'sd-td': true,
-                    [`sd-td--${column.align || 'left'}`]: true,
-                    [`${column.tdClass}`]: Boolean(column.tdClass),
-                }, style: this.getStickyStyle(actualColIdx) }, h("slot", { name: `body-cell-${column.name}-${rowIdx}` }, rendered ? (typeof rendered === 'string' ? (h("span", { innerHTML: rendered })) : (rendered)) : (this.getCellValue(column, row)))));
-        }), this.renderSpacerTd('right', rowIdx), stickyRightCols.map((column, relativeIdx) => {
-            const actualColIdx = this.visibleColumns.length - stickyRightCount + relativeIdx;
-            const rendered = this.bodyCellRenderer?.(column, row);
-            return (h("td", { key: column.name, part: `td-${column.name}`, class: {
-                    'sd-td': true,
-                    [`sd-td--${column.align || 'left'}`]: true,
-                    'sticky-right': true,
-                    'sticky-right-edge': relativeIdx === 0,
-                    [`${column.tdClass}`]: Boolean(column.tdClass),
-                }, style: this.getStickyStyle(actualColIdx) }, h("slot", { name: `body-cell-${column.name}-${rowIdx}` }, rendered ? (typeof rendered === 'string' ? (h("span", { innerHTML: rendered })) : (rendered)) : (this.getCellValue(column, row)))));
-        })));
-    }
-    renderSpacerRow(position) {
-        const spacerHeight = position === 'top' ? this.topSpacerHeight : this.bottomSpacerHeight;
-        return (h("tr", { key: `virtual-${position}-spacer`, class: "sd-table__virtual-row-spacer", style: {
-                height: `${spacerHeight}px`,
-            }, "aria-hidden": "true" }, h("td", { colSpan: this.visibleColumns.length + (this.selectable ? 1 : 0) }, h("div", { class: "sd-table__skeleton", style: {
-                '--row-height': `${this.virtualRowHeight}px`,
-            } }))));
-    }
-    renderSpacerTd(position, rowIdx) {
-        const spacerWidth = position === 'left' ? this.leftSpacerWidth : this.rightSpacerWidth;
-        const showSpacer = position === 'left'
-            ? this.useVirtualScroll.horizontal && this.leftSpacerWidth > 0
-            : this.useVirtualScroll.horizontal && this.rightSpacerWidth > 0;
-        if (!showSpacer)
-            return null;
-        return (h("td", { key: `virtual-${position}-spacer-${rowIdx}`, class: "sd-table__virtual-spacer", style: {
-                width: `${spacerWidth}px`,
-                minWidth: `${spacerWidth}px`,
-                maxWidth: `${spacerWidth}px`,
-                padding: '0',
-                border: 'none',
-            }, "aria-hidden": "true" }, h("div", { class: "sd-table__skeleton-cell" })));
-    }
-    render() {
-        return (h(Fragment, { key: '7aea9a9b5854e18ba13760e12b801a355ea52add' }, h("div", { key: '5f2ae57e4ba8babba34bca163f7afa625a4a8c5d', class: "sd-table__wrapper", style: {
-                '--table-width': this.width,
-                '--table-height': this.height,
-            } }, h("div", { key: '964adaf80c1ecabb83effc9f42a468434d0e8774', class: "sd-table__container", style: {
-                '--table-container-height': `calc(${this.height} - ${this.pagination && this.innerRows.length > 0 ? 48 : 0}px)`,
-            } }, h("div", { key: '081ad3b8df8796cc71d81f6e77d8c8459ad75ffa', class: {
-                'sd-table__middle': true,
-                'sd-table__middle--scrollable': this.paginatedRows.length > 0,
-                'sd-table__middle--loading': this.isLoading,
-            } }, this.isLoading && (h("div", { key: '2c6c7a9f8f978118b5c9bf90eb3eff1d4ab918af', class: "sd-table__middle--loading__spinner" }, h("sd-loading-spinner", { key: '09ba19e6ad135e7bc5cfc2ced11e584eb4ce5dd5' }))), h("table", { key: 'f06d35afbbaf2c0a9787836d1adac3b3ddd9b562', part: "table", class: this.sdTableClasses }, this.renderHead(), this.renderBody())), !this.paginatedRows.length && (h("div", { key: 'eb594ff940a0c005b67369b433b1d53fb60660f2', class: "sd-table__bottom" }, h("div", { key: 'f9191f0643b4a50a37d7c2916ee7e52b1c2957e4', class: "sd-table__no-data" }, h("slot", { key: 'dabb530c384a0e8bffac1b9bdb8f68ea01c55c1c', name: "no-data" }, this.noDataLabel))))), this.pagination && this.innerRows.length > 0 && (h("div", { key: '48df8203d88221faa836b364c4cfb2728439c695', class: "sd-table__pagination" }, h("sd-pagination", { key: '6e3655ecc990a295fda78d05458dfce27ac66af5', currentPage: !this.useInternalPagination ? this.pagination.page : this.currentPage, lastPage: !this.useInternalPagination ? this.pagination.lastPage : this.lastPageNumber, onSdPageChange: (e) => this.changePage(e.detail) }), this.useRowsPerPageSelect && (h("sd-select", { key: 'bfbb5f6f11e379ec4395ca9c3741bf7eb921a2e4', value: this.pagination.rowsPerPage, options: this.rowsPerPageOption, width: "128px", onSdUpdate: (e) => this.changeRowsPerPage(e.detail.value) })))))));
-    }
-    static get watchers() { return {
-        "columns": ["handleColumnsChange"],
-        "columnWidths": ["handleColumnWidthsChange"],
-        "rows": ["handleRowsChange"],
-        "selected": ["handleSelectedChange"],
-        "pagination": ["handlePaginationChange"]
-    }; }
-    static get style() { return sdTableCss(); }
-}, [772, "sd-table", {
-        "columns": [16],
-        "rows": [1040],
-        "selected": [1040],
-        "rowKey": [1, "row-key"],
-        "selectable": [4],
-        "resizable": [4],
-        "width": [1],
-        "height": [1],
-        "stickyHeader": [4, "sticky-header"],
-        "stickyColumn": [16],
-        "noDataLabel": [1, "no-data-label"],
-        "isLoading": [4, "is-loading"],
-        "pagination": [16],
-        "headerCellRenderer": [16],
-        "bodyCellRenderer": [16],
-        "useInternalPagination": [4, "use-internal-pagination"],
-        "useRowsPerPageSelect": [4, "use-rows-per-page-select"],
-        "rowsPerPageOption": [16],
-        "useVirtualScroll": [16],
-        "virtualRowHeight": [2, "virtual-row-height"],
-        "virtualColumnWidth": [2, "virtual-column-width"],
-        "virtualBufferSize": [16],
-        "currentPage": [32],
-        "innerRows": [32],
-        "innerSelected": [32],
-        "columnWidths": [32],
-        "scrolledLeft": [32],
-        "scrolledRight": [32],
-        "virtualStartIndex": [32],
-        "virtualEndIndex": [32],
-        "scrollTopPosition": [32],
-        "virtualStartColIdx": [32],
-        "virtualEndColIdx": [32],
-        "scrollLeftPosition": [32]
-    }, undefined, {
-        "columns": ["handleColumnsChange"],
-        "columnWidths": ["handleColumnWidthsChange"],
-        "rows": ["handleRowsChange"],
-        "selected": ["handleSelectedChange"],
-        "pagination": ["handlePaginationChange"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["sd-table", "sd-button", "sd-checkbox", "sd-field", "sd-floating-portal", "sd-icon", "sd-input", "sd-loading-spinner", "sd-pagination", "sd-portal", "sd-select", "sd-select-dropdown", "sd-select-option", "sd-select-search-input", "sd-tooltip"];
-    components.forEach(tagName => { switch (tagName) {
-        case "sd-table":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), SdTable$1);
-            }
-            break;
-        case "sd-button":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$f();
-            }
-            break;
-        case "sd-checkbox":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$e();
-            }
-            break;
-        case "sd-field":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$d();
-            }
-            break;
-        case "sd-floating-portal":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$c();
-            }
-            break;
-        case "sd-icon":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$b();
-            }
-            break;
-        case "sd-input":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$a();
-            }
-            break;
-        case "sd-loading-spinner":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$9();
-            }
-            break;
-        case "sd-pagination":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$8();
-            }
-            break;
-        case "sd-portal":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$7();
-            }
-            break;
-        case "sd-select":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$6();
-            }
-            break;
-        case "sd-select-dropdown":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$5();
-            }
-            break;
-        case "sd-select-option":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$4();
-            }
-            break;
-        case "sd-select-search-input":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$3();
-            }
-            break;
-        case "sd-tooltip":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const SdTable = SdTable$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SdTable, defineCustomElement };
-//# sourceMappingURL=sd-table.js.map
-
-//# sourceMappingURL=sd-table.js.map
+import{p as t,H as e,c as s,d as i,h as a,F as l,t as d}from"./p-4iQAU7kM.js";import{d as r}from"./p-BJ1sZUZE.js";import{d as n}from"./p-BhfNRQpq.js";import{d as h}from"./p-B1d3IESD.js";import{d as o}from"./p-BRSMWd2J.js";import{d as c}from"./p-IlOHs7VA.js";import{d as b}from"./p-BumvzURf.js";import{d as _}from"./p-D9QyXmjs.js";import{d as p}from"./p-BSPYsa_p.js";import{d as u}from"./p-zP9SItz2.js";import{d as g}from"./p-D8iZcruV.js";import{d as m}from"./p-BUiP8HLx.js";import{d as f}from"./p--wNfOAvE.js";import{d as y}from"./p-Ca2v-uuC.js";import{d as w}from"./p-DGXSqFYF.js";const k=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.sdSelectChange=s(this,"sdSelectChange"),this.sdPageChange=s(this,"sdPageChange"),this.sdRowsPerPageChange=s(this,"sdRowsPerPageChange")}get el(){return this}columns;rows;selected=[];rowKey="id";selectable=!1;resizable=!1;width;height;stickyHeader=!1;stickyColumn={left:0,right:0};noDataLabel="데이터가 없습니다.";isLoading=!1;pagination;useInternalPagination=!1;useRowsPerPageSelect=!1;rowsPerPageOption=[{label:"10개씩 보기",value:10},{label:"25개씩 보기",value:25},{label:"50개씩 보기",value:50},{label:"100개씩 보기",value:100}];useVirtualScroll={};virtualRowHeight=44;virtualColumnWidth=120;virtualBufferSize={vertical:5,horizontal:5};sdSelectChange;sdPageChange;sdRowsPerPageChange;currentPage=this.pagination?.page||1;innerRows=[];innerSelected=new Set;columnWidths=[];scrolledLeft=!1;scrolledRight=!1;virtualStartIndex=0;virtualEndIndex=0;scrollTopPosition=0;virtualStartColIdx=0;virtualEndColIdx=0;scrollLeftPosition=0;scrollRequestAnimationFrame=null;scrollContainer=null;resizeObserver=null;rafScheduled=!1;pendingUpdates={vertical:!1,horizontal:!1};cachedVirtualRows=null;cachedVirtualIndexKey="";cachedColumnOrder=null;lastColumnOrderKey="";cachedContainerHeight=0;cachedContainerWidth=0;stickyStyleCache=new Map;cachedIsAllChecked;lastSelectionKey="";onScroll;handleColumnsChange(t){this.columnWidths=this.getColumnWidths(t),this.refreshColumnLayout()}handleUseVirtualScrollChange(){this.columnWidths=this.getColumnWidths(this.columns||[]),this.refreshColumnLayout(),this.useVirtualScroll.vertical&&this.scheduleUpdate("vertical")}handleVirtualColumnWidthChange(){this.useVirtualScroll.horizontal&&(this.columnWidths=this.getColumnWidths(this.columns||[]),this.refreshColumnLayout())}handleSelectableChange(){this.refreshColumnLayout()}handleStickyColumnChange(){this.refreshColumnLayout()}handleColumnWidthsChange(){this.stickyStyleCache.clear(),this.useVirtualScroll.horizontal&&this.scheduleUpdate("horizontal")}handleRowsChange(t){this.innerRows=[...t],this.clearRowDerivedCache(),this.useVirtualScroll.vertical&&this.scheduleUpdate("vertical")}handleSelectedChange(t){this.innerSelected=new Set(this.dedupeRowsByKey(t||[])),this.clearSelectionCache()}cleanUpVirtualCache(){this.cachedVirtualRows=null,this.cachedVirtualIndexKey="",this.cachedColumnOrder=null,this.lastColumnOrderKey=""}refreshColumnLayout(){this.cleanUpVirtualCache(),this.stickyStyleCache.clear(),this.useVirtualScroll.horizontal&&this.scheduleUpdate("horizontal")}clearSelectionCache(){this.cachedIsAllChecked=void 0,this.lastSelectionKey=""}clearRowDerivedCache(){this.cleanUpVirtualCache(),this.clearSelectionCache()}handlePaginationChange(t){this.clearRowDerivedCache(),t?.page&&t.page!==this.currentPage&&(this.currentPage=t.page,this.useVirtualScroll.vertical&&this.scrollContainer&&(this.scrollContainer.scrollTo({top:0,behavior:"instant"}),this.scrollTopPosition=0,this.calculateVisibleRange()))}componentWillLoad(){this.innerRows=[...this.rows||[]],this.innerSelected=new Set(this.dedupeRowsByKey(this.selected||[])),this.columnWidths=this.getColumnWidths(this.columns||[]),this.pagination?.page&&(this.currentPage=this.pagination.page)}componentDidLoad(){i((()=>{const t=this.el.querySelector(".sd-table__middle");t&&(this.onScroll=()=>{const e=t.scrollLeft,s=t.scrollTop,i=this.useVirtualScroll.vertical&&this.scrollTopPosition!==s,a=this.useVirtualScroll.horizontal&&this.scrollLeftPosition!==e,l=e>0,d=e+t.clientWidth<t.scrollWidth;this.scrolledLeft===l&&this.scrolledRight===d||(this.scrolledLeft=l,this.scrolledRight=d),(i||a)&&(null!==this.scrollRequestAnimationFrame&&cancelAnimationFrame(this.scrollRequestAnimationFrame),this.scrollRequestAnimationFrame=requestAnimationFrame((()=>{i&&(this.scrollTopPosition=s,this.calculateVisibleRange()),a&&(this.scrollLeftPosition=e,this.calculateVisibleColumnRange()),this.scrollRequestAnimationFrame=null})))},this.scrollContainer=t,requestAnimationFrame((()=>{this.scrollContainer&&this.onScroll&&(this.cachedContainerHeight=this.scrollContainer.clientHeight,this.cachedContainerWidth=this.scrollContainer.clientWidth,t.addEventListener("scroll",this.onScroll,{passive:!0}),this.startResizeObserver(),this.useVirtualScroll.vertical&&this.calculateVisibleRange(),this.useVirtualScroll.horizontal&&this.calculateVisibleColumnRange(),this.onScroll())})))}))}changePage(t){this.useInternalPagination?(this.currentPage=t,this.clearRowDerivedCache(),this.useVirtualScroll.vertical&&this.scrollContainer&&(this.scrollContainer.scrollTo({top:0,behavior:"instant"}),this.scrollTopPosition=0,this.calculateVisibleRange()),this.sdPageChange.emit(this.currentPage)):this.sdPageChange.emit(t)}changeRowsPerPage(t){const e=t?Number(t):0;if(!this.useInternalPagination)return void this.sdRowsPerPageChange.emit(e);const s=Number(t||0);let i=Math.max(1,Math.ceil(this.innerRows.length/s)),a=this.currentPage;a>i&&(a=i),this.pagination={page:a,rowsPerPage:s,lastPage:i},this.currentPage=a,this.clearRowDerivedCache(),this.useVirtualScroll.vertical&&this.scrollContainer&&(this.scrollContainer.scrollTo({top:0,behavior:"instant"}),this.scrollTopPosition=0,this.calculateVisibleRange()),this.sdRowsPerPageChange.emit(e)}disconnectedCallback(){this.scrollContainer&&this.onScroll&&this.scrollContainer.removeEventListener("scroll",this.onScroll),this.resizeObserver?.disconnect(),null!==this.scrollRequestAnimationFrame&&cancelAnimationFrame(this.scrollRequestAnimationFrame)}get tableColumns(){return this.columns||[]}get paginatedRows(){if(!this.pagination||!this.useInternalPagination)return this.innerRows;const{rowsPerPage:t=this.rows.length}=this.pagination||{};return this.innerRows.slice((this.currentPage-1)*t,this.currentPage*t)}get virtualRows(){const t=`${this.useInternalPagination?`${this.currentPage}-${this.pagination?.rowsPerPage??"all"}`:"all"}-${this.innerRows.length}-${this.virtualStartIndex}-${this.virtualEndIndex}`;return this.cachedVirtualRows&&this.cachedVirtualIndexKey===t||(this.cachedVirtualIndexKey=t,this.cachedVirtualRows=this.useVirtualScroll.vertical?this.paginatedRows.slice(this.virtualStartIndex,this.virtualEndIndex+1).map(((t,e)=>({row:t,actualIndex:this.virtualStartIndex+e}))):this.paginatedRows.map(((t,e)=>({row:t,actualIndex:e})))),this.cachedVirtualRows}get topSpacerHeight(){return this.useVirtualScroll.vertical&&0!==this.virtualStartIndex?this.virtualStartIndex*this.virtualRowHeight:0}get bottomSpacerHeight(){if(!this.useVirtualScroll.vertical)return 0;const t=this.paginatedRows.length-this.virtualEndIndex-1;return t>0?t*this.virtualRowHeight:0}getHorizontalSpacerWidth(t){const{stickyLeftCount:e,stickyRightCount:s}=this.getNormalizedStickyCounts(),i=this.columnWidths.slice(e,this.tableColumns.length-s);return"right"===t&&i.length-this.virtualEndColIdx-1<=0?0:i.slice(..."left"===t?[0,this.virtualStartColIdx]:[this.virtualEndColIdx+1]).reduce(((t,e)=>t+e),0)}get leftSpacerWidth(){return this.useVirtualScroll.horizontal&&0!==this.virtualStartColIdx?this.getHorizontalSpacerWidth("left"):0}get rightSpacerWidth(){return this.useVirtualScroll.horizontal?this.getHorizontalSpacerWidth("right"):0}get totalVirtualHeight(){return this.useVirtualScroll.vertical?this.paginatedRows.length*this.virtualRowHeight:0}get lastPageNumber(){const{lastPage:t,rowsPerPage:e=this.rows.length}=this.pagination||{};return t??Math.max(1,Math.ceil(this.rows.length/e))}get sdTableClasses(){return["sd-table",this.stickyHeader&&"sd-table--sticky-header",this.selectable&&"sd-table--selectable",this.resizable&&"sd-table--resizable",!this.innerRows.length&&"sd-table--no-data",this.hasStickyColumn&&"sd-table--sticky-column",this.scrolledLeft&&"sd-table--scrolled-left",this.scrolledRight&&"sd-table--scrolled-right"].filter(Boolean).join(" ")}get hasStickyColumn(){const{stickyLeftCount:t,stickyRightCount:e}=this.getNormalizedStickyCounts();return this.selectable||t>0||e>0}get hasStickyLeftDataColumn(){return this.getNormalizedStickyCounts().stickyLeftCount>0}isRowSelected(t){return Array.from(this.innerSelected).some((e=>this.getRowKeyValue(e)===this.getRowKeyValue(t)))}updateRowSelect(t){const e=Array.from(this.innerSelected),s=this.isRowSelected(t)?e.filter((e=>this.getRowKeyValue(e)!==this.getRowKeyValue(t))):[...e,t];s.length!==e.length&&(this.innerSelected=new Set(this.dedupeRowsByKey(s)),this.clearSelectionCache(),this.selected=Array.from(this.innerSelected),this.sdSelectChange.emit(Array.from(this.innerSelected)))}toggleSelectAll(t){const e=Array.from(this.innerSelected);if(t)this.innerSelected=new Set(this.dedupeRowsByKey([...e,...this.paginatedRows]));else{const t=new Set(this.paginatedRows.map((t=>this.getRowKeyValue(t))));this.innerSelected=new Set(e.filter((e=>!t.has(this.getRowKeyValue(e)))))}this.clearSelectionCache(),this.selected=Array.from(this.innerSelected),this.sdSelectChange.emit(Array.from(this.innerSelected))}get isAllChecked(){const t=`${this.paginatedRows.map((t=>this.getRowKeyValue(t)+"")).join("|")}::${Array.from(this.innerSelected).map((t=>this.getRowKeyValue(t)+"")).sort().join("|")}`;if(void 0!==this.cachedIsAllChecked&&this.lastSelectionKey===t)return this.cachedIsAllChecked;const e=this.paginatedRows.length,s=this.paginatedRows.filter((t=>Array.from(this.innerSelected).some((e=>this.getRowKeyValue(e)===this.getRowKeyValue(t))))).length;let i;return i=0!==s&&(s===e||null),this.cachedIsAllChecked=i,this.lastSelectionKey=t,i}scheduleUpdate(t){this.pendingUpdates[t]=!0,this.rafScheduled||(this.rafScheduled=!0,this.scrollRequestAnimationFrame=requestAnimationFrame((()=>{this.pendingUpdates.vertical&&this.calculateVisibleRange(),this.pendingUpdates.horizontal&&this.calculateVisibleColumnRange(),this.pendingUpdates={vertical:!1,horizontal:!1},this.rafScheduled=!1,this.scrollRequestAnimationFrame=null})))}calculateVisibleRange(){if(!this.useVirtualScroll.vertical)return this.virtualStartIndex=0,void(this.virtualEndIndex=this.paginatedRows.length-1);const t=this.scrollTopPosition;let e=this.cachedContainerHeight;0===e&&this.scrollContainer&&(e=this.scrollContainer.clientHeight,this.cachedContainerHeight=e);const s=this.virtualBufferSize.vertical||5,i=Math.floor(t/this.virtualRowHeight),a=i+Math.ceil(e/this.virtualRowHeight)-1,l=Math.max(0,i-s),d=Math.min(this.paginatedRows.length-1,a+s);this.virtualStartIndex===l&&this.virtualEndIndex===d||(this.virtualStartIndex=l,this.virtualEndIndex=d)}calculateVisibleColumnRange(){if(!this.useVirtualScroll.horizontal)return this.virtualStartColIdx=0,void(this.virtualEndColIdx=this.tableColumns.length-1);const t=this.scrollLeftPosition;let e=this.cachedContainerWidth;0===e&&this.scrollContainer&&(e=this.scrollContainer.clientWidth,this.cachedContainerWidth=e);const{stickyLeftCount:s,stickyRightCount:i}=this.getNormalizedStickyCounts(),a=this.tableColumns.slice(s,this.tableColumns.length-i);if(0===a.length)return this.virtualStartColIdx=0,void(this.virtualEndColIdx=0);const l=this.columnWidths.slice(0,s).reduce(((t,e)=>t+e),0)+(this.selectable?52:0),d=e-l-this.columnWidths.slice(this.tableColumns.length-i).reduce(((t,e)=>t+e),0),r=this.columnWidths.slice(s,this.tableColumns.length-i),n=Math.max(0,t-l),h=r.reduce(((t,e,s)=>(t.push((t[s-1]||0)+e),t)),[]);let o=0,c=a.length-1;for(let t=0;t<h.length;t++)if(h[t]>n){o=Math.max(0,t);break}const b=n+d;for(let t=o;t<h.length;t++)if(h[t]>=b){c=Math.min(a.length-1,t);break}const _=this.virtualBufferSize.horizontal||5,p=Math.max(0,o-_),u=Math.min(a.length-1,c+_);this.virtualStartColIdx===p&&this.virtualEndColIdx===u||(this.virtualStartColIdx=p,this.virtualEndColIdx=u)}getStickyStyle(t){if(this.stickyStyleCache.has(t))return this.stickyStyleCache.get(t);const e=this.columnWidths.slice(0,t).reduce(((t,e)=>t+e),0)+(this.selectable?52:0),{stickyRightCount:s}=this.getNormalizedStickyCounts(),i={"--sticky-left-offset":e+"px","--sticky-right-offset":this.columnWidths.filter(((e,i)=>i>=this.tableColumns.length-s&&i>t)).reduce(((t,e)=>t+e),0)+"px",width:this.columnWidths[t]+"px",minWidth:this.columnWidths[t]+"px",maxWidth:this.columnWidths[t]+"px"};return this.stickyStyleCache.set(t,i),i}startResizeObserver(){this.scrollContainer&&"undefined"!=typeof ResizeObserver&&(this.resizeObserver?.disconnect(),this.resizeObserver=new ResizeObserver((()=>{if(!this.scrollContainer)return;const t=this.scrollContainer.clientHeight,e=this.scrollContainer.clientWidth,s=this.cachedContainerHeight!==t,i=this.cachedContainerWidth!==e;(s||i)&&(this.cachedContainerHeight=t,this.cachedContainerWidth=e,s&&this.useVirtualScroll.vertical&&this.scheduleUpdate("vertical"),i&&this.useVirtualScroll.horizontal&&this.scheduleUpdate("horizontal"))})),this.resizeObserver.observe(this.scrollContainer))}parseColumnWidth(t,e){if("number"==typeof t)return Number.isFinite(t)?t:e;if("string"!=typeof t)return e;const s=t.trim();return s&&(/^\d+(\.\d+)?px$/.test(s)||/^\d+(\.\d+)?$/.test(s))?Number.parseFloat(s):e}getColumnWidths(t=[]){const e=this.useVirtualScroll.horizontal?this.virtualColumnWidth:120;return t.map((t=>this.parseColumnWidth(t.width,e)))}getNormalizedStickyCounts(){const t=this.tableColumns.length,e=Number(this.stickyColumn?.left??0)||0,s=Number(this.stickyColumn?.right??0)||0,i=Math.min(t,Math.max(0,e));return{stickyLeftCount:i,stickyRightCount:Math.min(Math.max(0,t-i),Math.max(0,s))}}getRowKeyValue(t){return t?.[this.rowKey]}dedupeRowsByKey(t){const e=new Map;return t.forEach((t=>{e.set(this.getRowKeyValue(t),t)})),Array.from(e.values())}handleResize(t,e){if("undefined"==typeof document)return;const s=e.clientX,i=this.columnWidths[t],a=e=>{if(!this.columnWidths[t])return;const a=this.tableColumns[t],l=a?.minWidth||50,d=a?.maxWidth||9999,r=Math.min(Math.max(i+e.clientX-s,l),d);this.columnWidths=this.columnWidths.map(((e,s)=>s===t?r:e))},l=()=>{document.removeEventListener("mousemove",a),document.removeEventListener("mouseup",l)};document.addEventListener("mousemove",a),document.addEventListener("mouseup",l)}getCellValue(t,e){const{field:s,format:i,name:a}=t,l="function"==typeof s?s(e):s?e[s]:e[a];return i?i(l,e):l}getColumnRenderedInOrder(){const{stickyLeftCount:t,stickyRightCount:e}=this.getNormalizedStickyCounts(),s=`${this.tableColumns.map((t=>t.name)).join("|")}-${t}-${e}-${this.useVirtualScroll.horizontal?`${this.virtualStartColIdx}-${this.virtualEndColIdx}`:"all"}`;if(this.cachedColumnOrder&&this.lastColumnOrderKey===s)return this.cachedColumnOrder;const i=this.tableColumns.slice(0,t),a=this.tableColumns.slice(this.tableColumns.length-e),l=this.useVirtualScroll.horizontal?this.tableColumns.slice(t,this.tableColumns.length-e).slice(this.virtualStartColIdx,this.virtualEndColIdx+1):this.tableColumns.slice(t,this.tableColumns.length-e);return this.cachedColumnOrder={stickyLeftCount:t,stickyRightCount:e,stickyLeftCols:i,middleCols:l,stickyRightCols:a},this.lastColumnOrderKey=s,this.cachedColumnOrder}renderHead(){const{stickyLeftCount:t,stickyRightCount:e,stickyLeftCols:s,middleCols:i,stickyRightCols:l}=this.getColumnRenderedInOrder();return a("thead",null,a("tr",null,this.selectable&&a("th",{class:{"sd-th":!0,"sd-th--selected":!0,"sticky-left":!0,"sticky-left-edge":!this.hasStickyLeftDataColumn},style:{"--sticky-left-offset":"0px"}},a("sd-checkbox",{value:this.isAllChecked,disabled:!this.paginatedRows.length,onSdUpdate:t=>this.toggleSelectAll(t.detail)})),s.map(((e,s)=>a("th",{key:e.name,class:{"sd-th":!0,[""+e.thClass]:!!e.thClass,"sticky-left":!0,"sticky-left-edge":s===t-1},style:{...e.thStyle,...this.getStickyStyle(s)}},a("div",{class:"sd-th__content sd-th__content--"+(e.align||"left")},a("slot",{name:"header-cell-"+e.name},a("div",{class:"sd-th__content--label"},e.label)),e.usePageMoveIcon&&a("sd-icon",{name:"pageMove",size:"12",color:"#006AC1"}),e.tooltip&&a("sd-tooltip",{...e.tooltipOptions},a("div",{slot:"content"},e.tooltip.map((t=>a("p",null,t)))))),this.resizable&&"undefined"!=typeof window&&a("div",{class:"sd-th__resizer",onMouseDown:t=>this.handleResize(s,t)})))),this.renderSpacerTh("left"),i.map(((e,s)=>{const i=t+this.virtualStartColIdx+s;return a("th",{key:e.name,class:{"sd-th":!0,[""+e.thClass]:!!e.thClass},style:{...e.thStyle,...this.getStickyStyle(i)}},a("div",{class:"sd-th__content sd-th__content--"+(e.align||"left")},a("slot",{name:"header-cell-"+e.name},a("div",{class:"sd-th__content--label"},e.label)),e.usePageMoveIcon&&a("sd-icon",{name:"pageMove",size:"12",color:"#006AC1"}),e.tooltip&&a("sd-tooltip",{...e.tooltipOptions},a("div",{slot:"content"},e.tooltip.map((t=>a("p",null,t)))))),this.resizable&&"undefined"!=typeof window&&a("div",{class:"sd-th__resizer",onMouseDown:t=>this.handleResize(i,t)}))})),this.renderSpacerTh("right"),l.map(((t,s)=>{const i=this.tableColumns.length-e+s;return a("th",{key:t.name,class:{"sd-th":!0,[""+t.thClass]:!!t.thClass,"sticky-right":!0,"sticky-right-edge":0===s},style:{...t.thStyle,...this.getStickyStyle(i)}},a("div",{class:"sd-th__content sd-th__content--"+(t.align||"left")},a("slot",{name:"header-cell-"+t.name},a("div",{class:"sd-th__content--label"},t.label)),t.usePageMoveIcon&&a("sd-icon",{name:"pageMove",size:"12",color:"#006AC1"}),t.tooltip&&a("sd-tooltip",{...t.tooltipOptions},a("div",{slot:"content"},t.tooltip.map((t=>a("p",null,t)))))),this.resizable&&"undefined"!=typeof window&&a("div",{class:"sd-th__resizer",onMouseDown:t=>this.handleResize(i,t)}))}))))}renderBody(){return a("tbody",{...!this.paginatedRows.length&&{part:"tbody-empty"},class:"sd-table-tbody "+(this.useVirtualScroll.vertical?"sd-table-tbody--virtual-scroll":""),style:{"--total-virtual-height":this.totalVirtualHeight+"px"}},this.useVirtualScroll.vertical&&this.topSpacerHeight>0&&this.renderSpacerRow("top"),this.paginatedRows.length>0&&this.virtualRows.map((({row:t,actualIndex:e})=>this.renderRow(t,e))),this.useVirtualScroll.vertical&&this.bottomSpacerHeight>0&&this.renderSpacerRow("bottom"))}renderRow(t,e){const{stickyLeftCount:s,stickyRightCount:i,stickyLeftCols:l,middleCols:d,stickyRightCols:r}=this.getColumnRenderedInOrder();return a("tr",{key:t[this.rowKey],class:"hover:bg-Grey_Lighten-6",style:this.useVirtualScroll.vertical?{height:this.virtualRowHeight+"px"}:{}},this.selectable&&a("td",{class:{"sd-td":!0,"sd-td--selected":!0,"sticky-left":!0,"sticky-left-edge":!this.hasStickyLeftDataColumn},style:{"--sticky-left-offset":"0px"}},a("sd-checkbox",{value:this.isRowSelected(t),disabled:!this.paginatedRows.length,onSdUpdate:()=>this.updateRowSelect(t)})),l.map(((i,l)=>a("td",{key:i.name,part:"td-"+i.name,class:{"sd-td":!0,["sd-td--"+(i.align||"left")]:!0,"sticky-left":!0,"sticky-left-edge":l===s-1,[""+i.tdClass]:!!i.tdClass},style:this.getStickyStyle(l)},a("slot",{name:`body-cell-${i.name}-${e}`},this.getCellValue(i,t))))),this.renderSpacerTd("left",e),d.map(((i,l)=>{const d=s+this.virtualStartColIdx+l;return a("td",{key:i.name,part:"td-"+i.name,class:{"sd-td":!0,["sd-td--"+(i.align||"left")]:!0,[""+i.tdClass]:!!i.tdClass},style:this.getStickyStyle(d)},a("slot",{name:`body-cell-${i.name}-${e}`},this.getCellValue(i,t)))})),this.renderSpacerTd("right",e),r.map(((s,l)=>{const d=this.tableColumns.length-i+l;return a("td",{key:s.name,part:"td-"+s.name,class:{"sd-td":!0,["sd-td--"+(s.align||"left")]:!0,"sticky-right":!0,"sticky-right-edge":0===l,[""+s.tdClass]:!!s.tdClass},style:this.getStickyStyle(d)},a("slot",{name:`body-cell-${s.name}-${e}`},this.getCellValue(s,t)))})))}renderSpacerRow(t){return a("tr",{key:`virtual-${t}-spacer`,class:"sd-table__virtual-row-spacer",style:{height:("top"===t?this.topSpacerHeight:this.bottomSpacerHeight)+"px"},"aria-hidden":"true"},a("td",{colSpan:this.tableColumns.length+(this.selectable?1:0)},a("div",{class:"sd-table__skeleton",style:{"--row-height":this.virtualRowHeight+"px"}})))}getSpacerCellStyle(t){return{width:t+"px",minWidth:t+"px",maxWidth:t+"px",padding:"0",border:"none"}}renderSpacerTh(t){return("left"===t?this.useVirtualScroll.horizontal&&this.leftSpacerWidth>0:this.useVirtualScroll.horizontal&&this.rightSpacerWidth>0)?a("th",{key:`virtual-${t}-spacer-header`,class:"sd-table__virtual-spacer",style:this.getSpacerCellStyle("left"===t?this.leftSpacerWidth:this.rightSpacerWidth),"aria-hidden":"true"},a("div",{class:"sd-table__skeleton-cell"})):null}renderSpacerTd(t,e){return("left"===t?this.useVirtualScroll.horizontal&&this.leftSpacerWidth>0:this.useVirtualScroll.horizontal&&this.rightSpacerWidth>0)?a("td",{key:`virtual-${t}-spacer-${e}`,class:"sd-table__virtual-spacer",style:this.getSpacerCellStyle("left"===t?this.leftSpacerWidth:this.rightSpacerWidth),"aria-hidden":"true"},a("div",{class:"sd-table__skeleton-cell"})):null}render(){return a(l,{key:"d5568bc96a6ec0e973eda494deacceef6ec4bce9"},a("div",{key:"8ec11dd8a4e0cd9f32a9dccd345711e64d10043a",class:"sd-table__wrapper",style:{"--table-width":this.width,"--table-height":this.height}},a("div",{key:"f96bbc29c77f6aaa46467d375a8a457938a27e13",class:"sd-table__container",style:{"--table-container-height":`calc(${this.height} - ${this.pagination&&this.innerRows.length>0?48:0}px)`}},a("div",{key:"fe66db102a053e90ffe02d26a28ac225e90f1ea3",class:{"sd-table__middle":!0,"sd-table__middle--scrollable":this.paginatedRows.length>0,"sd-table__middle--loading":this.isLoading}},this.isLoading&&a("div",{key:"0851750dd88030f05e413bbdb6a7911bbc259d00",class:"sd-table__middle--loading__spinner"},a("sd-loading-spinner",{key:"557674426413df32198427509c8f50921b268212"})),a("table",{key:"f04e1c387e34523c3a77137b82457ace6aeeb74b",part:"table",class:this.sdTableClasses},this.renderHead(),this.renderBody())),!this.paginatedRows.length&&a("div",{key:"aca217244defe434eb44cea583e1b2d7b17431ef",class:"sd-table__bottom"},a("div",{key:"19a1049a467f9aec618324b0268803ddfa52e0d5",class:"sd-table__no-data"},a("slot",{key:"a2170c15879dc9124eb41985e902c0119b5e45c1",name:"no-data"},this.noDataLabel)))),this.pagination&&this.innerRows.length>0&&a("div",{key:"6a12ce1409f35ff6ec9dd737829b4678b2ce2920",class:"sd-table__pagination"},a("sd-pagination",{key:"cec76c2c6f7dc276565e17f25ed42ea2f1578b02",currentPage:this.useInternalPagination?this.currentPage:this.pagination.page,lastPage:this.useInternalPagination?this.lastPageNumber:this.pagination.lastPage,onSdPageChange:t=>this.changePage(t.detail)}),this.useRowsPerPageSelect&&a("sd-select",{key:"f868e4f6fc8f67e00d25914b189a82d342cc767a",value:this.pagination.rowsPerPage,options:this.rowsPerPageOption,width:"128px",onSdUpdate:t=>this.changeRowsPerPage(t.detail.value)}))))}static get watchers(){return{columns:[{handleColumnsChange:0}],useVirtualScroll:[{handleUseVirtualScrollChange:0}],virtualColumnWidth:[{handleVirtualColumnWidthChange:0}],selectable:[{handleSelectableChange:0}],stickyColumn:[{handleStickyColumnChange:0}],columnWidths:[{handleColumnWidthsChange:0}],rows:[{handleRowsChange:0}],selected:[{handleSelectedChange:0}],pagination:[{handlePaginationChange:0}]}}static get style(){return'.sd-table__wrapper .sd-table__container .sd-table__middle{overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar{opacity:0;background:#e5e5e5}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar:horizontal{height:8px}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar:vertical{width:8px}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar-thumb{height:80px;background-color:#cccccc;border-radius:4px}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar-track{background-color:transparent}.sd-table__wrapper{height:var(--table-height, auto);width:var(--table-width, 100%);color:#222222}.sd-table__wrapper .sd-table__container{width:100%;height:var(--table-container-height, auto);display:flex;flex-direction:column;position:relative;border:1px solid #e1e1e1;border-radius:8px;font-size:12px;overflow:hidden;background:#ffffff}.sd-table__wrapper .sd-table__container .sd-table__middle{overflow:auto;will-change:scroll-position;min-height:var(--table-container-height, auto)}.sd-table__wrapper .sd-table__container .sd-table__middle--scrollable{height:var(--table-container-height, auto)}.sd-table__wrapper .sd-table__container .sd-table__middle--loading{overflow:hidden !important;pointer-events:none}.sd-table__wrapper .sd-table__container .sd-table__middle--loading__spinner{position:absolute;top:0;left:0;width:100%;height:var(--table-container-height, 100%);min-height:var(--table-container-height, 100%);background:rgba(255, 255, 255, 0.6);z-index:200;display:flex;align-items:center;justify-content:center}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table{background-color:white;display:table;width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody.sd-table-tbody--virtual-scroll{position:relative;height:var(--total-virtual-height, --table-container-height, auto)}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody.sd-table-tbody--virtual-scroll tr:not([aria-hidden=true]){width:100%}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody.sd-table-tbody--virtual-scroll tr[aria-hidden=true]{padding:0;border:none}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody.sd-table-tbody--virtual-scroll tr[aria-hidden=true]:not(.sd-table__virtual-row-spacer) td{display:none}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--selectable td.sd-td--selected,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--selectable th.sd-th--selected{position:relative;width:52px !important;max-width:52px !important;min-width:52px !important;padding:0 10px 0 24px;text-align:left}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--selectable td.sd-td--selected sd-checkbox label,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--selectable th.sd-th--selected sd-checkbox label{position:relative}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--selectable td.sd-td--selected sd-checkbox label:before,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--selectable th.sd-th--selected sd-checkbox label:before{content:"";position:absolute;inset:-6px}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-header thead{position:sticky;top:0;z-index:120}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column th.sticky-left,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column th.sticky-right{position:sticky;background-color:#f5faff;z-index:110 !important}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column td.sticky-left,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column td.sticky-right{position:sticky;background-color:white;z-index:100 !important}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column .sticky-left{left:var(--sticky-left-offset, 0)}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column .sticky-right{right:var(--sticky-right-offset, 0)}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column th.sticky-cell{position:sticky;z-index:102;background-color:#f5faff}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column td.sticky-cell{position:sticky;z-index:101;background-color:white}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left th.sticky-left-edge,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left td.sticky-left-edge{overflow:visible}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left th.sticky-left-edge:after,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left td.sticky-left-edge:after{content:"";position:absolute;top:0;left:100%;right:-20px;width:20px;height:100%;z-index:101 !important;box-shadow:inset 12px 0 20px -25px;opacity:1;pointer-events:none}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right th.sticky-right-edge,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right td.sticky-right-edge{overflow:visible}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right th.sticky-right-edge:after,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right td.sticky-right-edge:after{content:"";position:absolute;top:0;left:-20px;width:20px;height:100%;z-index:101 !important;box-shadow:inset -12px 0 20px -25px;opacity:1;pointer-events:none}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--no-data thead{opacity:0.4}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--no-data thead tr th.sd-th{border-bottom:1px solid rgba(225, 225, 225, 0.4) !important}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table sd-td,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table sd-th,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table .sd-th__content--label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead{height:36px}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr{width:100%}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th{background:#f5faff;height:36px;padding:0 16px;font-weight:500;vertical-align:middle;border-bottom:1px solid #e1e1e1;-webkit-user-select:none;user-select:none;position:relative}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content{display:flex;flex-flow:row nowrap;align-items:center;gap:4px}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content--left{justify-content:flex-start}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content--center{justify-content:center}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content--right{justify-content:flex-end}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__resizer{position:absolute;top:50%;right:0;transform:translateY(-50%);width:4px;height:16px;cursor:col-resize;z-index:3;border-left:1px solid #cccccc;border-right:1px solid #cccccc}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr td{height:44px;padding:0 16px;border-bottom:1px solid #e1e1e1;background:white;vertical-align:middle}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr td.sd-td--left{text-align:left}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr td.sd-td--center{text-align:center}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr td.sd-td--right{text-align:right}.sd-table__wrapper .sd-table__container .sd-table__bottom{background:transparent;text-align:center;display:flex;align-items:center;justify-content:center;flex:1;min-height:240px;translate:0 -10%;pointer-events:none}.sd-table__wrapper .sd-table__container .sd-table__bottom .sd-table__no-data{font-size:12px;color:#888888}.sd-table__wrapper .sd-table__pagination{position:relative;background:#f9f9f9;height:48px;display:flex;align-items:center;justify-content:center;border:1px solid #e1e1e1;border-top:none;border-radius:8px}.sd-table__wrapper .sd-table__pagination sd-select{position:absolute;right:10px;top:50%;transform:translateY(-50%)}.sd-table__wrapper .sd-table__virtual-spacer,.sd-table__wrapper .sd-table__virtual-row-spacer{padding:0 !important}.sd-table__wrapper .sd-table__virtual-spacer td,.sd-table__wrapper .sd-table__virtual-row-spacer td{padding:0 !important;border:none}.sd-table__wrapper .sd-table__virtual-spacer .sd-table__skeleton,.sd-table__wrapper .sd-table__virtual-row-spacer .sd-table__skeleton{width:100%;height:100%;background-image:repeating-linear-gradient(0deg, rgba(246, 246, 246, 0.3) 0px, rgba(225, 225, 225, 0.5) calc(var(--row-height, 44px) / 2), rgba(246, 246, 246, 0.3) var(--row-height, 44px));background-size:100% 200%;animation:skeleton-loading 1.5s ease-in-out infinite;position:relative}.sd-table__wrapper .sd-table__virtual-spacer .sd-table__skeleton::before,.sd-table__wrapper .sd-table__virtual-row-spacer .sd-table__skeleton::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(to bottom, transparent 0, transparent calc(var(--row-height, 44px) - 1px), #e1e1e1 calc(var(--row-height, 44px) - 1px), #e1e1e1 var(--row-height, 44px));pointer-events:none}.sd-table__wrapper .sd-table__skeleton-cell{width:100%;height:20px;background:linear-gradient(90deg, rgba(246, 246, 246, 0.3) 0%, rgba(225, 225, 225, 0.5) 50%, rgba(246, 246, 246, 0.3) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:4px}@keyframes skeleton-loading{0%{background-position:0% 0%}50%{background-position:100% 100%}100%{background-position:0% 0%}}'}},[772,"sd-table",{columns:[16],rows:[1040],selected:[1040],rowKey:[1,"row-key"],selectable:[4],resizable:[4],width:[1],height:[1],stickyHeader:[4,"sticky-header"],stickyColumn:[16],noDataLabel:[1,"no-data-label"],isLoading:[4,"is-loading"],pagination:[16],useInternalPagination:[4,"use-internal-pagination"],useRowsPerPageSelect:[4,"use-rows-per-page-select"],rowsPerPageOption:[16],useVirtualScroll:[16],virtualRowHeight:[2,"virtual-row-height"],virtualColumnWidth:[2,"virtual-column-width"],virtualBufferSize:[16],currentPage:[32],innerRows:[32],innerSelected:[32],columnWidths:[32],scrolledLeft:[32],scrolledRight:[32],virtualStartIndex:[32],virtualEndIndex:[32],scrollTopPosition:[32],virtualStartColIdx:[32],virtualEndColIdx:[32],scrollLeftPosition:[32]},void 0,{columns:[{handleColumnsChange:0}],useVirtualScroll:[{handleUseVirtualScrollChange:0}],virtualColumnWidth:[{handleVirtualColumnWidthChange:0}],selectable:[{handleSelectableChange:0}],stickyColumn:[{handleStickyColumnChange:0}],columnWidths:[{handleColumnWidthsChange:0}],rows:[{handleRowsChange:0}],selected:[{handleSelectedChange:0}],pagination:[{handlePaginationChange:0}]}]),v=k,x=function(){"undefined"!=typeof customElements&&["sd-table","sd-button","sd-checkbox","sd-field","sd-floating-portal","sd-icon","sd-input","sd-loading-spinner","sd-pagination","sd-portal","sd-select","sd-select-dropdown","sd-select-option","sd-select-search-input","sd-tooltip"].forEach((t=>{switch(t){case"sd-table":customElements.get(d(t))||customElements.define(d(t),k);break;case"sd-button":customElements.get(d(t))||r();break;case"sd-checkbox":customElements.get(d(t))||n();break;case"sd-field":customElements.get(d(t))||h();break;case"sd-floating-portal":customElements.get(d(t))||o();break;case"sd-icon":customElements.get(d(t))||c();break;case"sd-input":customElements.get(d(t))||b();break;case"sd-loading-spinner":customElements.get(d(t))||_();break;case"sd-pagination":customElements.get(d(t))||p();break;case"sd-portal":customElements.get(d(t))||u();break;case"sd-select":customElements.get(d(t))||g();break;case"sd-select-dropdown":customElements.get(d(t))||m();break;case"sd-select-option":customElements.get(d(t))||f();break;case"sd-select-search-input":customElements.get(d(t))||y();break;case"sd-tooltip":customElements.get(d(t))||w()}}))};export{v as SdTable,x as defineCustomElement}