@sellmate/design-system 0.0.34 → 0.0.35

package/dist/cjs/sd-table-backup.cjs.entry.js

@@ -0,0 +1,265 @@
+'use strict';
+
+var index = require('./index-DXo1Fhkn.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:auto;border:1px solid #e1e1e1;border-radius:8px;font-size:12px;overflow:hidden}.sd-table__wrapper .sd-table__container .sd-table__middle{overflow:auto;will-change:scroll-position;height:var(--table-height, auto)}.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;position:relative}.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{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--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 sd-tr{width:100%}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead sd-tr sd-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 sd-tr sd-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 sd-tr sd-th.sd-th .sd-th__content--left{justify-content:flex-start}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead sd-tr sd-th.sd-th .sd-th__content--center{justify-content:center}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead sd-tr sd-th.sd-th .sd-th__content--right{justify-content:flex-end}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead sd-tr sd-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 sd-tbody .sd-table__loading{position:absolute;top:0;left:0;width:100%;height:calc(var(--table-height, auto) - 36px);min-height:calc(100% - 36px);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 sd-tbody sd-tr:last-of-type sd-td{border-bottom:none}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table sd-tbody sd-tr sd-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 sd-tbody sd-tr sd-td.sd-td--left{text-align:left}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table sd-tbody sd-tr sd-td.sd-td--center{text-align:center}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table sd-tbody sd-tr sd-td.sd-td--right{text-align:right}.sd-table__wrapper .sd-table__container .sd-table__bottom{background:white;text-align:center}.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%)}";
+
+const SdTable = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.sdSelectChange = index.createEvent(this, "sdSelectChange");
+        this.sdPageChange = index.createEvent(this, "sdPageChange");
+        this.sdRowsPerPageChange = index.createEvent(this, "sdRowsPerPageChange");
+    }
+    get el() { return index.getElement(this); }
+    columns;
+    rows;
+    selected = new Set();
+    rowKey = 'id';
+    selectable = false;
+    resizable = false;
+    width;
+    height;
+    stickyHeader = false;
+    stickyColumn = { left: 0, right: 0 };
+    noDataLabel = '데이터가 없습니다.';
+    isLoading = false;
+    pagination;
+    bodyCellRenderer;
+    useInternalPagination = false;
+    useRowsPerPageSelect = false;
+    rowsPerPageOption = [
+        { label: '10개씩 보기', value: 10 },
+        { label: '25개씩 보기', value: 25 },
+        { label: '50개씩 보기', value: 50 },
+        { label: '100개씩 보기', value: 100 },
+    ];
+    sdSelectChange;
+    sdPageChange;
+    sdRowsPerPageChange;
+    currentPage = this.pagination?.page || 1;
+    innerRows = [];
+    innerSelected = new Set();
+    columnWidths = [];
+    scrolledLeft = false;
+    scrolledRight = false;
+    handleColumnsChange(newCols) {
+        this.columnWidths = newCols.map(c => parseInt(c.width || '120', 10));
+    }
+    handleRowsChange(newRows) {
+        this.innerRows = [...newRows];
+    }
+    handleSelectedChange(newSelected) {
+        this.innerSelected = new Set(newSelected);
+    }
+    handlePaginationChange(newVal) {
+        if (newVal?.page && newVal.page !== this.currentPage)
+            this.currentPage = newVal.page;
+    }
+    componentWillLoad() {
+        this.innerRows = [...(this.rows || [])];
+        this.innerSelected = new Set(this.selected);
+        this.columnWidths = (this.columns || []).map(c => parseInt(c.width || '120', 10));
+    }
+    componentDidLoad() {
+        // SSR 환경 체크
+        if (typeof window === 'undefined')
+            return;
+        const middle = this.el.querySelector('.sd-table__middle');
+        if (!middle)
+            return;
+        const onScroll = () => {
+            const { scrollLeft, scrollWidth, clientWidth } = middle;
+            this.scrolledLeft = scrollLeft > 0;
+            this.scrolledRight = scrollLeft + clientWidth < scrollWidth;
+        };
+        middle.addEventListener('scroll', onScroll, { passive: true });
+        onScroll();
+    }
+    // ----- Derived getters -----
+    get visibleColumns() {
+        return this.columns.filter(col => col.visible !== false);
+    }
+    get paginatedRows() {
+        if (!this.pagination || !this.useInternalPagination)
+            return this.innerRows;
+        const { rowsPerPage = this.rows.length } = this.pagination || {};
+        const result = this.innerRows.slice((this.currentPage - 1) * rowsPerPage, this.currentPage * rowsPerPage);
+        return result;
+    }
+    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.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.sdSelectChange.emit(Array.from(this.innerSelected));
+    }
+    get isAllChecked() {
+        const total = this.paginatedRows.length;
+        const selectedCount = this.paginatedRows.filter(row => Array.from(this.innerSelected).some(selectedRow => selectedRow[this.rowKey] === row[this.rowKey])).length;
+        if (selectedCount === 0)
+            return false; // 아무것도 안 선택됨
+        if (selectedCount === total)
+            return true; // 전부 선택됨
+        return null; // 일부만 선택됨
+    }
+    // ----- Helpers -----
+    getStickyStyle(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);
+        return {
+            '--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`,
+        };
+    }
+    handleResize(index, event) {
+        // SSR 환경 체크
+        if (typeof document === 'undefined')
+            return;
+        const startX = event.clientX;
+        const startWidth = this.columnWidths[index];
+        const handleMouseMove = (moveEvent) => {
+            const newWidth = Math.max(startWidth + moveEvent.clientX - startX, 50);
+            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;
+    }
+    // ----- Render -----
+    renderHeader() {
+        return (index.h("thead", null, index.h("tr", null, this.selectable && (index.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',
+            } }, index.h("sd-checkbox", { checked: this.isAllChecked, disabled: !this.paginatedRows.length, onSdChange: (e) => this.toggleSelectAll(e.detail) }))), this.visibleColumns.map((col, colIdx) => (index.h("th", { key: col.name, class: {
+                'sd-th': true,
+                [`${col.thClass}`]: Boolean(col.thClass),
+                'sticky-left': Boolean(this.stickyColumn.left && colIdx < this.stickyColumn.left),
+                'sticky-right': Boolean(this.stickyColumn.right && colIdx >= this.visibleColumns.length - this.stickyColumn.right),
+                'sticky-left-edge': Boolean(this.stickyColumn.left && colIdx === this.stickyColumn.left - 1),
+                'sticky-right-edge': Boolean(this.stickyColumn.right &&
+                    colIdx === this.visibleColumns.length - this.stickyColumn.right),
+            }, style: this.getStickyStyle(colIdx) }, index.h("div", { class: `sd-th__content sd-th__content--${col.align || 'left'}` }, index.h("slot", { name: `header-cell-${col.name}` }, index.h("div", { class: "sd-th__content--label" }, col.label)), col.usePageMoveIcon && index.h("sd-icon", { name: "pageMove", size: "12", color: "#006AC1" }), col.tooltip && (index.h("sd-tooltip", { ...col.tooltipOptions }, index.h("div", { slot: "content" }, col.tooltip.map(text => (index.h("p", null, text))))))), this.resizable && typeof window !== 'undefined' && (index.h("div", { class: "sd-th__resizer", onMouseDown: (evt) => this.handleResize(colIdx, evt) }))))))));
+    }
+    renderBody() {
+        return (index.h("tbody", { ...(!this.paginatedRows.length && { part: 'tbody-empty' }) }, this.isLoading && (index.h("div", { class: "sd-table__loading" }, index.h("sd-loading-spinner", null))), !this.paginatedRows.length ? (index.h("tr", null, index.h("td", { colSpan: this.visibleColumns.length + (this.selectable ? 1 : 0) }, index.h("slot", { name: "no-data" }, this.noDataLabel)))) : (this.paginatedRows.map((row, rowIdx) => (index.h("tr", { key: row[this.rowKey], class: "hover:bg-Grey_Lighten-6" }, this.selectable && (index.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',
+            } }, index.h("sd-checkbox", { checked: this.isRowSelected(row), disabled: !this.paginatedRows.length, onSdChange: () => this.updateRowSelect(row) }))), this.visibleColumns.map((column, colIdx) => {
+            const rendered = this.bodyCellRenderer?.(column, row);
+            return (index.h("td", { key: column.name, part: `td-${column.name}`, class: {
+                    'sd-td': true,
+                    [`sd-td--${column.align || 'left'}`]: true,
+                    'sticky-left': Boolean(this.stickyColumn.left && colIdx < this.stickyColumn.left),
+                    'sticky-right': Boolean(this.stickyColumn.right &&
+                        colIdx >= this.visibleColumns.length - this.stickyColumn.right),
+                    'sticky-left-edge': Boolean(this.stickyColumn.left && colIdx === this.stickyColumn.left - 1),
+                    'sticky-right-edge': Boolean(this.stickyColumn.right &&
+                        colIdx === this.visibleColumns.length - this.stickyColumn.right),
+                    [`${column.tdClass}`]: Boolean(column.tdClass),
+                }, style: this.getStickyStyle(colIdx) }, index.h("slot", { name: `body-cell-${column.name}-${rowIdx}` }, rendered ? (typeof rendered === 'string' ? (index.h("span", { innerHTML: rendered })) : (rendered)) : (this.getCellValue(column, row)))));
+        })))))));
+    }
+    render() {
+        return (index.h(index.Host, { key: '0ac0006dea3c0e4cde082f8b396513234ac60749' }, index.h("div", { key: '36aa811fed020945b72ab21c9318a03c3595d0d2', class: "sd-table__wrapper", style: {
+                '--table-width': this.width,
+                '--table-height': this.height,
+            } }, index.h("div", { key: 'd785153b7c08bbe1250dcb389b66c624382bdfd2', class: "sd-table__container" }, index.h("div", { key: '034db5c0eb677a87d6fa3a84d824c6e5078676ea', class: "sd-table__middle" }, index.h("table", { key: '43841e0ed748a887156b3ba80038602ddb8fd207', part: "table", class: this.sdTableClasses }, this.renderHeader(), this.renderBody())), index.h("div", { key: '391f134001037c03a39f1c428681053aa8004a11', class: "sd-table__bottom" })), this.pagination && this.innerRows.length > 0 && (index.h("div", { key: '73e38e427afc2ff69fd5adea0057d30351ade0fc', class: "sd-table__pagination" }, index.h("sd-pagination", { key: '61e9c37239109c493d03d731bd0643670325cf97', currentPage: !this.useInternalPagination ? this.pagination.page : this.currentPage, lastPage: !this.useInternalPagination ? this.pagination.lastPage : this.lastPageNumber, onPageChange: (e) => {
+                if (!this.useInternalPagination) {
+                    this.sdPageChange.emit(e.detail);
+                }
+                else {
+                    this.currentPage = e.detail;
+                    this.sdPageChange.emit(this.currentPage);
+                }
+            } }), this.useRowsPerPageSelect && (index.h("sd-select", { key: 'ce5ea8221b621ab7f67558a2be228f473c22cca6', value: this.pagination.rowsPerPage, options: this.rowsPerPageOption, width: "128px", onSdChange: (e) => {
+                const changedRowsPerPage = e.detail.value ? Number(e.detail.value) : 0;
+                if (!this.useInternalPagination) {
+                    this.sdRowsPerPageChange.emit(changedRowsPerPage);
+                }
+                else {
+                    const newRowsPerPage = Number(e.detail.value || 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);
+                }
+            } })))))));
+    }
+    static get watchers() { return {
+        "columns": ["handleColumnsChange"],
+        "rows": ["handleRowsChange"],
+        "selected": ["handleSelectedChange"],
+        "pagination": ["handlePaginationChange"]
+    }; }
+};
+SdTable.style = sdTableCss;
+
+exports.sd_table_backup = SdTable;
+//# sourceMappingURL=sd-table-backup.entry.cjs.js.map

package/dist/cjs/sd-table-backup.entry.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-table-backup.entry.cjs.js","sources":["src/components/sd-table/sd-table.scss?tag=sd-table-backup","src/components/sd-table/sd-table-backup.tsx"],"sourcesContent":["@import 'variables.scss';\n@import 'extend.scss';\n\n.sd-table__wrapper {\n height: var(--table-height, auto);\n width: var(--table-width, 100%);\n color: $grey_95;\n\n .sd-table__container {\n  width: 100%;\n  height: auto;\n  border: 1px solid $grey_30;\n  border-radius: 8px;\n  font-size: 12px;\n  overflow: hidden;\n\n  .sd-table__middle {\n   overflow: auto;\n   will-change: scroll-position;\n   height: var(--table-height, auto);\n   @extend %scrollBar;\n\n   .sd-table {\n    background-color: white;\n    display: table;\n    width: 100%;\n    border-collapse: separate;\n    border-spacing: 0;\n    table-layout: fixed;\n    position: relative;\n\n    &--selectable {\n     td.sd-td--selected,\n     th.sd-th--selected {\n      width: 52px !important;\n      max-width: 52px !important;\n      min-width: 52px !important;\n      padding: 0 10px 0 24px;\n      text-align: left;\n     }\n    }\n\n    &--sticky-header {\n     thead {\n      position: sticky;\n      top: 0;\n      z-index: 120;\n     }\n    }\n\n    &--sticky-column {\n     th.sticky-left,\n     th.sticky-right {\n      position: sticky;\n      background-color: $th-bg;\n      z-index: 110 !important;\n     }\n     td.sticky-left,\n     td.sticky-right {\n      position: sticky;\n      background-color: white;\n      z-index: 100 !important;\n     }\n\n     .sticky-left {\n      left: var(--sticky-left-offset, 0);\n     }\n     .sticky-right {\n      right: var(--sticky-right-offset, 0);\n     }\n\n     th.sticky-cell {\n      position: sticky;\n      z-index: 102;\n      background-color: $th-bg;\n     }\n     td.sticky-cell {\n      position: sticky;\n      z-index: 101;\n      background-color: white;\n     }\n    }\n\n    &--scrolled-left {\n     th.sticky-left-edge,\n     td.sticky-left-edge {\n      overflow: visible;\n      &:after {\n       content: '';\n       position: absolute;\n       top: 0;\n       left: 100%;\n       right: -20px;\n       width: 20px;\n       height: 100%;\n       z-index: 101 !important;\n       box-shadow: inset 12px 0 20px -25px;\n       opacity: 1;\n       pointer-events: none;\n      }\n     }\n    }\n\n    &--scrolled-right {\n     th.sticky-right-edge,\n     td.sticky-right-edge {\n      overflow: visible;\n\n      &:after {\n       content: '';\n       position: absolute;\n       top: 0;\n       left: -20px;\n       width: 20px;\n       height: 100%;\n       z-index: 101 !important;\n       box-shadow: inset -12px 0 20px -25px;\n       opacity: 1;\n       pointer-events: none;\n      }\n     }\n    }\n\n    &--no-data {\n     thead {\n      opacity: 0.4;\n      tr {\n       th {\n        &.sd-th {\n         border-bottom: 1px solid rgba(225, 225, 225, 0.4) !important;\n        }\n       }\n      }\n     }\n    }\n\n    sd-td,\n    sd-th,\n    .sd-th__content--label {\n     overflow: hidden;\n     white-space: nowrap;\n     text-overflow: ellipsis;\n     word-break: keep-all;\n    }\n\n    thead {\n     height: 36px;\n\n     sd-tr {\n      width: 100%;\n\n      sd-th {\n       background: $th-bg;\n       height: 36px;\n       padding: 0 16px;\n       font-weight: 500;\n       vertical-align: middle;\n       border-bottom: 1px solid $grey_30;\n       -webkit-user-select: none;\n       user-select: none;\n       position: relative;\n\n       &.sd-th {\n        .sd-th__content {\n         display: flex;\n         flex-flow: row nowrap;\n         align-items: center;\n         gap: 4px;\n\n         &--left {\n          justify-content: flex-start;\n         }\n         &--center {\n          justify-content: center;\n         }\n         &--right {\n          justify-content: flex-end;\n         }\n        }\n\n        .sd-th__resizer {\n         position: absolute;\n         top: 50%;\n         right: 0;\n         transform: translateY(-50%);\n         width: 4px;\n         height: 16px;\n         cursor: col-resize;\n         z-index: 3;\n         border-left: 1px solid $grey_45;\n         border-right: 1px solid $grey_45;\n        }\n       }\n      }\n     }\n    }\n\n    sd-tbody {\n     .sd-table__loading {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: calc(var(--table-height, auto) - 36px);\n      min-height: calc(100% - 36px);\n      background: rgba(255, 255, 255, 0.6);\n      z-index: 200;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n     }\n\n     sd-tr {\n      &:last-of-type {\n       sd-td {\n        border-bottom: none;\n       }\n      }\n      sd-td {\n       height: 44px;\n       padding: 0 16px;\n       border-bottom: 1px solid $grey_30;\n       background: white;\n       vertical-align: middle;\n\n       &.sd-td {\n        &--left {\n         text-align: left;\n        }\n        &--center {\n         text-align: center;\n        }\n        &--right {\n         text-align: right;\n        }\n       }\n      }\n     }\n    }\n   }\n  }\n\n  .sd-table__bottom {\n   background: white;\n   text-align: center;\n  }\n }\n\n .sd-table__pagination {\n  position: relative;\n  background: $grey_05;\n  height: 48px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid $grey_30;\n  border-top: none;\n  border-radius: 8px;\n\n  sd-select {\n   position: absolute;\n   right: 10px;\n   top: 50%;\n   transform: translateY(-50%);\n\n   .sd-select {\n   }\n  }\n }\n}\n","import {\n Component,\n Element,\n Prop,\n State,\n Event,\n Watch,\n h,\n EventEmitter,\n Host,\n} from '@stencil/core';\nimport { CheckedType } from '../sd-checkbox/sd-checkbox';\nimport { SelectOption } from '../sd-select/sd-select';\nimport { SdSelectCustomEvent } from '../../components';\n\nexport type SdTableSortDir = 'asc' | 'desc' | 'none';\n\nexport interface SdTableColumn {\n name: string;\n label: string;\n field: string | ((row: any) => any);\n align?: 'left' | 'center' | 'right';\n width?: string;\n format?: (value: any, row: any) => string;\n visible?: boolean;\n usePageMoveIcon?: boolean;\n tooltip?: string[];\n tooltipOptions?: Record<string, any>;\n tdClass?: string;\n thClass?: string;\n}\n\nexport interface Row {\n [key: string]: any;\n}\n\n@Component({\n tag: 'sd-table-backup',\n styleUrl: 'sd-table.scss',\n})\nexport class SdTable {\n @Element() el!: HTMLElement;\n\n @Prop() columns!: SdTableColumn[];\n @Prop({ mutable: true }) rows!: Row[];\n @Prop({ mutable: true }) selected: Set<Row> = new Set();\n @Prop() rowKey: string = 'id';\n @Prop() selectable: boolean = false;\n @Prop() resizable: boolean = false;\n @Prop() width?: string;\n @Prop() height?: string;\n @Prop() stickyHeader: boolean = false;\n @Prop() stickyColumn: { left?: number; right?: number } = { left: 0, right: 0 };\n @Prop() noDataLabel: string = '데이터가 없습니다.';\n @Prop() isLoading: boolean = false;\n @Prop() pagination?: {\n  page: number;\n  rowsPerPage: number;\n  lastPage?: number;\n };\n @Prop() bodyCellRenderer?: (\n  column: SdTableColumn,\n  row: Row,\n ) => HTMLElement | string | null | undefined;\n @Prop() useInternalPagination: boolean = false;\n @Prop() useRowsPerPageSelect: boolean = false;\n @Prop() rowsPerPageOption: SelectOption[] = [\n  { label: '10개씩 보기', value: 10 },\n  { label: '25개씩 보기', value: 25 },\n  { label: '50개씩 보기', value: 50 },\n  { label: '100개씩 보기', value: 100 },\n ];\n\n @Event() sdSelectChange!: EventEmitter<Row[]>;\n @Event() sdPageChange!: EventEmitter<number>;\n @Event() sdRowsPerPageChange!: EventEmitter<number>;\n\n @State() currentPage: number = this.pagination?.page || 1;\n @State() innerRows: Row[] = [];\n @State() innerSelected: Set<Row> = new Set();\n @State() columnWidths: number[] = [];\n @State() scrolledLeft: boolean = false;\n @State() scrolledRight: boolean = false;\n\n @Watch('columns')\n handleColumnsChange(newCols: SdTableColumn[]) {\n  this.columnWidths = newCols.map(c => parseInt(c.width || '120', 10));\n }\n\n @Watch('rows')\n handleRowsChange(newRows: Row[]) {\n  this.innerRows = [...newRows];\n }\n\n @Watch('selected')\n handleSelectedChange(newSelected: Set<Row>) {\n  this.innerSelected = new Set(newSelected);\n }\n\n @Watch('pagination')\n handlePaginationChange(\n  newVal?: { page: number; rowsPerPage: number; lastPage?: number } | undefined,\n ) {\n  if (newVal?.page && newVal.page !== this.currentPage) this.currentPage = newVal.page;\n }\n\n componentWillLoad() {\n  this.innerRows = [...(this.rows || [])];\n  this.innerSelected = new Set(this.selected);\n  this.columnWidths = (this.columns || []).map(c => parseInt(c.width || '120', 10));\n }\n\n componentDidLoad() {\n  // SSR 환경 체크\n  if (typeof window === 'undefined') return;\n\n  const middle = this.el.querySelector('.sd-table__middle');\n  if (!middle) return;\n\n  const onScroll = () => {\n   const { scrollLeft, scrollWidth, clientWidth } = middle as HTMLElement;\n   this.scrolledLeft = scrollLeft > 0;\n   this.scrolledRight = scrollLeft + clientWidth < scrollWidth;\n  };\n  middle.addEventListener('scroll', onScroll, { passive: true });\n  onScroll();\n }\n\n // ----- Derived getters -----\n private get visibleColumns(): SdTableColumn[] {\n  return this.columns.filter(col => col.visible !== false);\n }\n\n private get paginatedRows(): Row[] {\n  if (!this.pagination || !this.useInternalPagination) return this.innerRows;\n\n  const { rowsPerPage = this.rows.length } = this.pagination || {};\n\n  const result = this.innerRows.slice(\n   (this.currentPage - 1) * rowsPerPage,\n   this.currentPage * rowsPerPage,\n  );\n\n  return result;\n }\n\n private get lastPageNumber(): number {\n  const { lastPage, rowsPerPage = this.rows.length } = this.pagination || {};\n\n  return lastPage ?? Math.max(1, Math.ceil(this.rows.length / rowsPerPage));\n }\n\n private get sdTableClasses() {\n  return [\n   'sd-table',\n   this.stickyHeader && 'sd-table--sticky-header',\n   this.selectable && 'sd-table--selectable',\n   this.resizable && 'sd-table--resizable',\n   !this.innerRows.length && 'sd-table--no-data',\n   ((this.stickyColumn?.left ?? 0) > 0 || (this.stickyColumn?.right ?? 0) > 0) &&\n    'sd-table--sticky-column',\n   this.scrolledLeft && 'sd-table--scrolled-left',\n   this.scrolledRight && 'sd-table--scrolled-right',\n  ]\n   .filter(Boolean)\n   .join(' ');\n }\n\n // ----- Selection -----\n private isRowSelected(row: Row): boolean {\n  return Array.from(this.innerSelected).some(r => r[this.rowKey] === row[this.rowKey]);\n }\n\n private updateRowSelect(row: Row) {\n  const selectedArray = Array.from(this.innerSelected);\n  const exists = this.isRowSelected(row);\n  const newSelected = exists\n   ? selectedArray.filter(r => r[this.rowKey] !== row[this.rowKey])\n   : [...selectedArray, row];\n\n  // 동일 상태면 set하지 않음 → 불필요 렌더 방지\n  if (newSelected.length === selectedArray.length) return;\n\n  this.innerSelected = new Set(newSelected);\n  this.sdSelectChange.emit(Array.from(this.innerSelected));\n }\n\n private toggleSelectAll(checked: CheckedType) {\n  if (checked) {\n   const pageRows = new Set([...this.paginatedRows]);\n   this.innerSelected = new Set([...this.innerSelected, ...pageRows]);\n  } else {\n   const currentPageKeys = this.paginatedRows.map(r => r[this.rowKey]);\n   this.innerSelected = new Set(\n    [...this.innerSelected].filter(r => !currentPageKeys.includes(r[this.rowKey])),\n   );\n  }\n\n  this.sdSelectChange.emit(Array.from(this.innerSelected));\n }\n\n private get isAllChecked(): boolean | null {\n  const total = this.paginatedRows.length;\n  const selectedCount = this.paginatedRows.filter(row =>\n   Array.from(this.innerSelected).some(\n    selectedRow => selectedRow[this.rowKey] === row[this.rowKey],\n   ),\n  ).length;\n\n  if (selectedCount === 0) return false; // 아무것도 안 선택됨\n  if (selectedCount === total) return true; // 전부 선택됨\n  return null; // 일부만 선택됨\n }\n\n // ----- Helpers -----\n private getStickyStyle(colIdx: number) {\n  const leftOffset =\n   this.columnWidths.slice(0, colIdx).reduce((a, b) => a + b, 0) + (this.selectable ? 52 : 0);\n  const rightOffset = this.columnWidths\n   .filter((_, i) => i >= this.visibleColumns.length - (this.stickyColumn.right || 0) && i > colIdx)\n   .reduce((a, b) => a + b, 0);\n  return {\n   '--sticky-left-offset': `${leftOffset}px`,\n   '--sticky-right-offset': `${rightOffset}px`,\n   'width': `${this.columnWidths[colIdx]}px`,\n   'minWidth': `${this.columnWidths[colIdx]}px`,\n   'maxWidth': `${this.columnWidths[colIdx]}px`,\n  };\n }\n\n private handleResize(index: number, event: MouseEvent) {\n  // SSR 환경 체크\n  if (typeof document === 'undefined') return;\n\n  const startX = event.clientX;\n  const startWidth = this.columnWidths[index];\n\n  const handleMouseMove = (moveEvent: MouseEvent) => {\n   const newWidth = Math.max(startWidth + moveEvent.clientX - startX, 50);\n\n   this.columnWidths = this.columnWidths.map((width, idx) => (idx === index ? newWidth : width));\n  };\n\n  const handleMouseUp = () => {\n   document.removeEventListener('mousemove', handleMouseMove);\n   document.removeEventListener('mouseup', handleMouseUp);\n  };\n\n  document.addEventListener('mousemove', handleMouseMove);\n  document.addEventListener('mouseup', handleMouseUp);\n }\n\n private getCellValue(column: SdTableColumn, row: Row) {\n  const { field, format, name } = column;\n  const value = typeof field === 'function' ? field(row) : field ? row[field] : row[name];\n  return format ? format(value, row) : value;\n }\n\n // ----- Render -----\n private renderHeader() {\n  return (\n   <thead>\n    <tr>\n     {this.selectable && (\n      <th\n       class={{\n        'sd-th': true,\n        'sd-th--selected': true,\n        'sticky-left': Boolean(this.stickyColumn.left && this.stickyColumn.left > 0),\n       }}\n       style={{\n        '--sticky-left-offset': '0px',\n       }}\n      >\n       <sd-checkbox\n        checked={this.isAllChecked}\n        disabled={!this.paginatedRows.length}\n        onSdChange={(e: CustomEvent<CheckedType>) => this.toggleSelectAll(e.detail)}\n       ></sd-checkbox>\n      </th>\n     )}\n     {this.visibleColumns.map((col, colIdx) => (\n      <th\n       key={col.name}\n       class={{\n        'sd-th': true,\n        [`${col.thClass}`]: Boolean(col.thClass),\n        'sticky-left': Boolean(this.stickyColumn.left && colIdx < this.stickyColumn.left),\n        'sticky-right': Boolean(\n         this.stickyColumn.right && colIdx >= this.visibleColumns.length - this.stickyColumn.right!,\n        ),\n        'sticky-left-edge': Boolean(\n         this.stickyColumn.left && colIdx === this.stickyColumn.left - 1,\n        ),\n        'sticky-right-edge': Boolean(\n         this.stickyColumn.right &&\n          colIdx === this.visibleColumns.length - this.stickyColumn.right!,\n        ),\n       }}\n       style={this.getStickyStyle(colIdx)}\n      >\n       <div class={`sd-th__content sd-th__content--${col.align || 'left'}`}>\n        <slot name={`header-cell-${col.name}`}>\n         <div class=\"sd-th__content--label\">{col.label}</div>\n        </slot>\n\n        {col.usePageMoveIcon && <sd-icon name=\"pageMove\" size=\"12\" color=\"#006AC1\" />}\n\n        {col.tooltip && (\n         <sd-tooltip {...col.tooltipOptions}>\n          <div slot=\"content\">\n           {col.tooltip.map(text => (\n            <p>{text}</p>\n           ))}\n          </div>\n         </sd-tooltip>\n        )}\n       </div>\n\n       {this.resizable && typeof window !== 'undefined' && (\n        <div\n         class=\"sd-th__resizer\"\n         onMouseDown={(evt: MouseEvent) => this.handleResize(colIdx, evt)}\n        ></div>\n       )}\n      </th>\n     ))}\n    </tr>\n   </thead>\n  );\n }\n\n private renderBody() {\n  return (\n   <tbody {...(!this.paginatedRows.length && { part: 'tbody-empty' })}>\n    {this.isLoading && (\n     <div class=\"sd-table__loading\">\n      <sd-loading-spinner></sd-loading-spinner>\n     </div>\n    )}\n    {!this.paginatedRows.length ? (\n     <tr>\n      <td colSpan={this.visibleColumns.length + (this.selectable ? 1 : 0)}>\n       <slot name=\"no-data\">{this.noDataLabel}</slot>\n      </td>\n     </tr>\n    ) : (\n     this.paginatedRows.map((row, rowIdx) => (\n      <tr key={row[this.rowKey]} class=\"hover:bg-Grey_Lighten-6\">\n       {this.selectable && (\n        <td\n         class={{\n          'sd-td': true,\n          'sd-td--selected': true,\n          'sticky-left': Boolean(this.stickyColumn.left && this.stickyColumn.left > 0),\n         }}\n         style={{\n          '--sticky-left-offset': '0px',\n         }}\n        >\n         <sd-checkbox\n          checked={this.isRowSelected(row)}\n          disabled={!this.paginatedRows.length}\n          onSdChange={() => this.updateRowSelect(row)}\n         ></sd-checkbox>\n        </td>\n       )}\n       {this.visibleColumns.map((column, colIdx) => {\n        const rendered = this.bodyCellRenderer?.(column, row);\n\n        return (\n         <td\n          key={column.name}\n          part={`td-${column.name}`}\n          class={{\n           'sd-td': true,\n           [`sd-td--${column.align || 'left'}`]: true,\n           'sticky-left': Boolean(this.stickyColumn.left && colIdx < this.stickyColumn.left),\n           'sticky-right': Boolean(\n            this.stickyColumn.right &&\n             colIdx >= this.visibleColumns.length - this.stickyColumn.right!,\n           ),\n           'sticky-left-edge': Boolean(\n            this.stickyColumn.left && colIdx === this.stickyColumn.left - 1,\n           ),\n           'sticky-right-edge': Boolean(\n            this.stickyColumn.right &&\n             colIdx === this.visibleColumns.length - this.stickyColumn.right!,\n           ),\n           [`${column.tdClass}`]: Boolean(column.tdClass),\n          }}\n          style={this.getStickyStyle(colIdx)}\n         >\n          {/* slot을 사용하려는 항목 name과 행 인덱스를 키값으로 사용  */}\n          <slot name={`body-cell-${column.name}-${rowIdx}`}>\n           {rendered ? (\n            typeof rendered === 'string' ? (\n             <span innerHTML={rendered}></span>\n            ) : (\n             rendered\n            )\n           ) : (\n            this.getCellValue(column, row)\n           )}\n          </slot>\n         </td>\n        );\n       })}\n      </tr>\n     ))\n    )}\n   </tbody>\n  );\n }\n\n render() {\n  return (\n   <Host>\n    <div\n     class=\"sd-table__wrapper\"\n     style={{\n      '--table-width': this.width,\n      '--table-height': this.height,\n     }}\n    >\n     <div class=\"sd-table__container\">\n      <div class=\"sd-table__middle\">\n       <table part=\"table\" class={this.sdTableClasses}>\n        {this.renderHeader()}\n\n        {this.renderBody()}\n       </table>\n      </div>\n\n      <div class=\"sd-table__bottom\"></div>\n     </div>\n     {this.pagination && this.innerRows.length > 0 && (\n      <div class=\"sd-table__pagination\">\n       <sd-pagination\n        currentPage={!this.useInternalPagination ? this.pagination.page : this.currentPage}\n        lastPage={!this.useInternalPagination ? this.pagination.lastPage : this.lastPageNumber}\n        onPageChange={(e: CustomEvent<number>) => {\n         if (!this.useInternalPagination) {\n          this.sdPageChange.emit(e.detail);\n         } else {\n          this.currentPage = e.detail;\n          this.sdPageChange.emit(this.currentPage);\n         }\n        }}\n       ></sd-pagination>\n\n       {this.useRowsPerPageSelect && (\n        <sd-select\n         value={this.pagination.rowsPerPage}\n         options={this.rowsPerPageOption}\n         width=\"128px\"\n         onSdChange={(e: SdSelectCustomEvent<{ value: string | number | null }>) => {\n          const changedRowsPerPage = e.detail.value ? Number(e.detail.value) : 0;\n          if (!this.useInternalPagination) {\n           this.sdRowsPerPageChange.emit(changedRowsPerPage);\n          } else {\n           const newRowsPerPage = Number(e.detail.value || 0);\n           let newLastPage = Math.max(1, Math.ceil(this.innerRows.length / newRowsPerPage));\n           let newCurrentPage = this.currentPage;\n\n           if (newCurrentPage > newLastPage) {\n            newCurrentPage = newLastPage;\n           }\n\n           this.pagination = {\n            page: newCurrentPage,\n            rowsPerPage: newRowsPerPage,\n            lastPage: newLastPage,\n           };\n           this.currentPage = newCurrentPage;\n           this.sdRowsPerPageChange.emit(changedRowsPerPage);\n          }\n         }}\n        ></sd-select>\n       )}\n      </div>\n     )}\n    </div>\n   </Host>\n  );\n }\n}\n\n// <div\n//  style=\"\n//   width: 100%;\n//   height: 600px;\n//   display: flex;\n//   justify-content: center;\n//   align-items: center;\n//   gap: 40px;\n//   margin-top: 100px;\n//  \"\n// >\n//  <sd-table id=\"sd-table-1\" use-rows-per-page-select></sd-table>\n//  <button id=\"test\">시작</button>\n// </div>\n// document.addEventListener('DOMContentLoaded', event => {\n//     const table = document.getElementById('sd-table-1');\n//     const test = document.getElementById('test');\n//     table.pagination = {\n//      page: 1,\n//      rowsPerPage: 50,\n//      totalItems: 0,\n//      lastPage: 1,\n//     };\n//     table.rows = [];\n//     const ROWS = [\n//      {\n//       'id': 1,\n//       'productInfo': {\n//        name: 'Oversized Wool Autumn Jacket',\n//        property: '블랙, OS',\n//        barcode: [{ code: '123456789013456789' }],\n//        code: 'OUTJK002BLKM',\n//        category: '의류 > 아우터 > 자켓',\n//        season: '2025 (S/S)',\n//       },\n//       'avgCost': 150000,\n//       'totalStock': 5200,\n//       'movingStock': 250,\n//       'unshippedStock': 100,\n//       '본사 창고': {\n//        total: 100000,\n//        scheduled: 5000,\n//       },\n//       '롯데 백화점 잠실점': {\n//        total: 100000,\n//        scheduled: 5000,\n//       },\n//      },\n//      {\n//       'id': 2,\n//       'productInfo': {\n//        name: 'Cotton Basic T-Shirt',\n//        property: '화이트, L',\n//        barcode: [{ code: '123456789013456780' }],\n//        code: 'TSHRT001WHTL',\n//        category: '의류 > 상의 > 티셔츠',\n//        season: '2025 (S/S)',\n//       },\n//       'avgCost': 25000,\n//       'totalStock': 8500,\n//       'movingStock': 400,\n//       'unshippedStock': 150,\n//       '본사 창고': {\n//        total: 100000,\n//        scheduled: 5000,\n//       },\n//       '롯데 백화점 잠실점': {\n//        total: 100000,\n//        scheduled: 5000,\n//       },\n//      },\n//      {\n//       'id': 3,\n//       'productInfo': {\n//        name: 'Denim Straight Jeans',\n//        property: '네이비, 30',\n//        barcode: [{ code: '123456789013456781' }],\n//        code: 'JEANS001NAVY30',\n//        category: '의류 > 하의 > 청바지',\n//        season: '2025 (F/W)',\n//        isDeleted: true,\n//       },\n//       'avgCost': 89000,\n//       'totalStock': 3200,\n//       'movingStock': 180,\n//       'unshippedStock': 80,\n//       '본사 창고': {\n//        total: 100000,\n//        scheduled: 5000,\n//       },\n//       'ABC 창고 (한솔 로지스틱스)': {\n//        total: 2000,\n//        scheduled: 100,\n//       },\n//       '롯데 백화점 잠실점': {\n//        total: 100000,\n//        scheduled: 5000,\n//       },\n//      },\n//      {\n//       'id': 4,\n//       'productInfo': {\n//        name: 'Leather Ankle Boots',\n//        property: '브라운, 250',\n//        barcode: [{ code: '123456789013456782' }],\n//        code: 'BOOTS001BRN250',\n//        category: '신발 > 부츠 > 앵클부츠',\n//        season: '2025 (F/W)',\n//       },\n//       'avgCost': 180000,\n//       'totalStock': 1800,\n//       'movingStock': 120,\n//       'unshippedStock': 60,\n//       '본사 창고': {\n//        total: 100000,\n//        scheduled: 5000,\n//       },\n//       '롯데 백화점 잠실점': {\n//        total: 100000,\n//        scheduled: 5000,\n//       },\n//      },\n//      {\n//       'id': 5,\n//       'productInfo': {\n//        name: 'Cashmere Wool Scarf',\n//        property: '그레이, OS',\n//        barcode: [{ code: '123456789013456783' }],\n//        code: 'SCARF001GRAY',\n//        category: '액세서리 > 머플러 > 캐시미어',\n//        season: '2025 (F/W)',\n//       },\n//       'avgCost': 75000,\n//       'totalStock': 2400,\n//       'movingStock': 140,\n//       'unshippedStock': 70,\n//       '본사 창고': {\n//        total: 100000,\n//        scheduled: 5000,\n//       },\n//       '롯데 백화점 잠실점': {\n//        total: 100000,\n//        scheduled: 5000,\n//       },\n//      },\n//      {\n//       'id': 6,\n//       'productInfo': {\n//        name: 'Minimalist Watch',\n//        property: '실버, OS',\n//        barcode: [{ code: '123456789013456784' }],\n//        code: 'WATCH001SLV',\n//        category: '액세서리 > 시계 > 손목시계',\n//        season: '2025 (S/S)',\n//       },\n//       'avgCost': 120000,\n//       'totalStock': 950,\n//       'movingStock': 85,\n//       'unshippedStock': 40,\n//       '본사 창고': {\n//        total: 65000,\n//        scheduled: 2200,\n//       },\n//      },\n//      {\n//       'id': 7,\n//       'productInfo': {\n//        name: 'Sports Running Shoes',\n//        property: '블랙, 270',\n//        barcode: [{ code: '123456789013456785' }],\n//        code: 'SHOES001BLK270',\n//        category: '신발 > 운동화 > 러닝화',\n//        season: '2025 (S/S)',\n//       },\n//       'avgCost': 95000,\n//       'totalStock': 4200,\n//       'movingStock': 320,\n//       'unshippedStock': 160,\n//       '본사 창고': {\n//        total: 110000,\n//        scheduled: 5500,\n//       },\n//      },\n//      {\n//       'id': 8,\n//       'productInfo': {\n//        name: 'Silk Blouse',\n//        property: '크림, M',\n//        barcode: [{ code: '123456789013456786' }],\n//        code: 'BLOUSE001CRM',\n//        category: '의류 > 상의 > 블라우스',\n//        season: '2025 (S/S)',\n//       },\n//       'avgCost': 135000,\n//       'totalStock': 1600,\n//       'movingStock': 95,\n//       'unshippedStock': 45,\n//       '본사 창고': {\n//        total: 72000,\n//        scheduled: 3100,\n//       },\n//      },\n//      {\n//       'id': 9,\n//       'productInfo': {\n//        name: 'Canvas Tote Bag',\n//        property: '베이지, L',\n//        barcode: [{ code: '123456789013456787' }],\n//        code: 'BAG001BGEL',\n//        category: '가방 > 토트백 > 캔버스',\n//        season: '2025 (S/S)',\n//       },\n//       'avgCost': 45000,\n//       'totalStock': 3800,\n//       'movingStock': 280,\n//       'unshippedStock': 140,\n//       '본사 창고': {\n//        total: 88000,\n//        scheduled: 4800,\n//       },\n//      },\n//      {\n//       'id': 10,\n//       'productInfo': {\n//        name: 'Wool Knit Sweater',\n//        property: '차콜, XL',\n//        barcode: [{ code: '123456789013456788' }],\n//        code: 'KNIT001CHRXL',\n//        category: '의류 > 상의 > 니트',\n//        season: '2025 (F/W)',\n//       },\n//       'avgCost': 98000,\n//       'totalStock': 2800,\n//       'movingStock': 190,\n//       'unshippedStock': 95,\n//       '본사 창고': {\n//        total: 76000,\n//        scheduled: 3800,\n//       },\n//      },\n//      {\n//       'id': 11,\n//       'productInfo': {\n//        name: 'Baseball Cap',\n//        property: '네이비, OS',\n//        barcode: [{ code: '123456789013456789' }],\n//        code: 'CAP001NAVY',\n//        category: '액세서리 > 모자 > 야구모자',\n//        season: '2025 (S/S)',\n//       },\n//       'avgCost': 35000,\n//       'totalStock': 5400,\n//       'movingStock': 380,\n//       'unshippedStock': 190,\n//       '본사 창고': {\n//        total: 125000,\n//        scheduled: 6200,\n//       },\n//      },\n//      {\n//       'id': 12,\n//       'productInfo': {\n//        name: 'Pleated Mini Skirt',\n//        property: '체크, S',\n//        barcode: [{ code: '123456789013456790' }],\n//        code: 'SKIRT001CHKS',\n//        category: '의류 > 하의 > 스커트',\n//        season: '2025 (S/S)',\n//       },\n//       'avgCost': 68000,\n//       'totalStock': 2200,\n//       'movingStock': 165,\n//       'unshippedStock': 82,\n//       '본사 창고': {\n//        total: 69000,\n//        scheduled: 3400,\n//       },\n//      },\n//      {\n//       'id': 13,\n//       'productInfo': {\n//        name: 'Leather Belt',\n//        property: '블랙, 95',\n//        barcode: [{ code: '123456789013456791' }],\n//        code: 'BELT001BLK95',\n//        category: '액세서리 > 벨트 > 가죽벨트',\n//        season: '2025 (F/W)',\n//       },\n//       'avgCost': 55000,\n//       'totalStock': 1400,\n//       'movingStock': 85,\n//       'unshippedStock': 42,\n//       '본사 창고': {\n//        total: 58000,\n//        scheduled: 2100,\n//       },\n//      },\n//      {\n//       'id': 14,\n//       'productInfo': {\n//        name: 'Hooded Sweatshirt',\n//        property: '그레이, L',\n//        barcode: [{ code: '123456789013456792' }],\n//        code: 'HOOD001GRAYL',\n//        category: '의류 > 상의 > 후디',\n//        season: '2025 (F/W)',\n//       },\n//       'avgCost': 78000,\n//       'totalStock': 3600,\n//       'movingStock': 245,\n//       'unshippedStock': 122,\n//       '본사 창고': {\n//        total: 92000,\n//        scheduled: 4500,\n//       },\n//      },\n//      {\n//       'id': 15,\n//       'productInfo': {\n//        name: 'Chain Necklace',\n//        property: '골드, OS',\n//        barcode: [{ code: '123456789013456793' }],\n//        code: 'NECK001GOLD',\n//        category: '액세서리 > 목걸이 > 체인',\n//        season: '2025 (S/S)',\n//       },\n//       'avgCost': 85000,\n//       'totalStock': 880,\n//       'movingStock': 55,\n//       'unshippedStock': 28,\n//       '본사 창고': {\n//        total: 42000,\n//        scheduled: 1800,\n//       },\n//      },\n//      {\n//       'id': 16,\n//       'productInfo': {\n//        name: 'Chino Pants',\n//        property: '베이지, 32',\n//        barcode: [{ code: '123456789013456794' }],\n//        code: 'CHINO001BGE32',\n//        category: '의류 > 하의 > 치노팬츠',\n//        season: '2025 (S/S)',\n//       },\n//       'avgCost': 72000,\n//       'totalStock': 2600,\n//       'movingStock': 185,\n//       'unshippedStock': 92,\n//       '본사 창고': {\n//        total: 78000,\n//        scheduled: 3200,\n//       },\n//      },\n//      {\n//       'id': 17,\n//       'productInfo': {\n//        name: 'Crossbody Bag',\n//        property: '블랙, M',\n//        barcode: [{ code: '123456789013456795' }],\n//        code: 'XBAG001BLKM',\n//        category: '가방 > 크로스백 > 미니',\n//        season: '2025 (F/W)',\n//       },\n//       'avgCost': 125000,\n//       'totalStock': 1200,\n//       'movingStock': 75,\n//       'unshippedStock': 38,\n//       '본사 창고': {\n//        total: 55000,\n//        scheduled: 2400,\n//       },\n//      },\n//      {\n//       'id': 18,\n//       'productInfo': {\n//        name: 'Flannel Shirt',\n//        property: '레드체크, L',\n//        barcode: [{ code: '123456789013456796' }],\n//        code: 'SHIRT001REDL',\n//        category: '의류 > 상의 > 셔츠',\n//        season: '2025 (F/W)',\n//       },\n//       'avgCost': 65000,\n//       'totalStock': 2100,\n//       'movingStock': 155,\n//       'unshippedStock': 78,\n//       '본사 창고': {\n//        total: 67000,\n//        scheduled: 2900,\n//       },\n//      },\n//      {\n//       'id': 19,\n//       'productInfo': {\n//        name: 'Statement Earrings',\n//        property: '실버, OS',\n//        barcode: [{ code: '123456789013456797' }],\n//        code: 'EAR001SLV',\n//        category: '액세서리 > 귀걸이 > 드롭형',\n//        season: '2025 (S/S)',\n//       },\n//       'avgCost': 42000,\n//       'totalStock': 650,\n//       'movingStock': 45,\n//       'unshippedStock': 22,\n//       '본사 창고': {\n//        total: 35000,\n//        scheduled: 1500,\n//       },\n//      },\n//      {\n//       'id': 20,\n//       'productInfo': {\n//        name: 'Cargo Shorts',\n//        property: '카키, XL',\n//        barcode: [{ code: '123456789013456798' }],\n//        code: 'SHORT001KHIXL',\n//        category: '의류 > 하의 > 반바지',\n//        season: '2025 (S/S)',\n//       },\n//       'avgCost': 58000,\n//       'totalStock': 1800,\n//       'movingStock': 125,\n//       'unshippedStock': 62,\n//       '본사 창고': {\n//        total: 62000,\n//        scheduled: 2600,\n//       },\n//      },\n//      {\n//       'id': 21,\n//       'productInfo': {\n//        name: 'Bomber Jacket',\n//        property: '올리브, M',\n//        barcode: [{ code: '123456789013456799' }],\n//        code: 'BOMB001OLVM',\n//        category: '의류 > 아우터 > 봄버재킷',\n//        season: '2025 (F/W)',\n//       },\n//       'avgCost': 165000,\n//       'totalStock': 950,\n//       'movingStock': 68,\n//       'unshippedStock': 34,\n//       '본사 창고': {\n//        total: 48000,\n//        scheduled: 2100,\n//       },\n//      },\n//      {\n//       'id': 22,\n//       'productInfo': {\n//        name: 'Sunglasses',\n//        property: '블랙, OS',\n//        barcode: [{ code: '123456789013456800' }],\n//        code: 'SUN001BLK',\n//        category: '액세서리 > 선글라스 > 웨이파러',\n//        season: '2025 (S/S)',\n//       },\n//       'avgCost': 88000,\n//       'totalStock': 720,\n//       'movingStock': 52,\n//       'unshippedStock': 26,\n//       '본사 창고': {\n//        total: 38000,\n//        scheduled: 1700,\n//       },\n//      },\n//      {\n//       'id': 23,\n//       'productInfo': {\n//        name: 'Midi Dress',\n//        property: '플로럴, S',\n//        barcode: [{ code: '123456789013456801' }],\n//        code: 'DRESS001FLRS',\n//        category: '의류 > 원피스 > 미디원피스',\n//        season: '2025 (S/S)',\n//       },\n//       'avgCost': 145000,\n//       'totalStock': 1400,\n//       'movingStock': 95,\n//       'unshippedStock': 48,\n//       '본사 창고': {\n//        total: 58000,\n//        scheduled: 2300,\n//       },\n//      },\n//      {\n//       'id': 24,\n//       'productInfo': {\n//        name: 'Sneakers High-top',\n//        property: '화이트, 265',\n//        barcode: [{ code: '123456789013456802' }],\n//        code: 'SNEAK001WHT265',\n//        category: '신발 > 운동화 > 하이탑',\n//        season: '2025 (S/S)',\n//       },\n//       'avgCost': 112000,\n//       'totalStock': 2200,\n//       'movingStock': 165,\n//       'unshippedStock': 82,\n//       '본사 창고': {\n//        total: 72000,\n//        scheduled: 3100,\n//       },\n//      },\n//      {\n//       'id': 25,\n//       'productInfo': {\n//        name: 'Cardigan',\n//        property: '베이지, M',\n//        barcode: [{ code: '123456789013456803' }],\n//        code: 'CARD001BGEM',\n//        category: '의류 > 상의 > 가디건',\n//        season: '2025 (F/W)',\n//       },\n//       'avgCost': 92000,\n//       'totalStock': 1600,\n//       'movingStock': 115,\n//       'unshippedStock': 58,\n//       '본사 창고': {\n//        total: 62000,\n//        scheduled: 2500,\n//       },\n//      },\n//      {\n//       'id': 26,\n//       'productInfo': {\n//        name: 'Bucket Hat',\n//        property: '데님, OS',\n//        barcode: [{ code: '123456789013456804' }],\n//        code: 'BUCK001DENIM',\n//        category: '액세서리 > 모자 > 버킷햇',\n//        season: '2025 (S/S)',\n//       },\n//       'avgCost': 38000,\n//       'totalStock': 3200,\n//       'movingStock': 245,\n//       'unshippedStock': 122,\n//       '본사 창고': {\n//        total: 85000,\n//        scheduled: 4200,\n//       },\n//      },\n//      {\n//       'id': 27,\n//       'productInfo': {\n//        name: 'Track Pants',\n//        property: '블랙, L',\n//        barcode: [{ code: '123456789013456805' }],\n//        code: 'TRACK001BLKL',\n//        category: '의류 > 하의 > 트랙팬츠',\n//        season: '2025 (F/W)',\n//       },\n//       'avgCost': 65000,\n//       'totalStock': 2800,\n//       'movingStock': 195,\n//       'unshippedStock': 98,\n//       '본사 창고': {\n//        total: 78000,\n//        scheduled: 3600,\n//       },\n//      },\n//      {\n//       'id': 28,\n//       'productInfo': {\n//        name: 'Leather Gloves',\n//        property: '브라운, M',\n//        barcode: [{ code: '123456789013456806' }],\n//        code: 'GLOVE001BRNM',\n//        category: '액세서리 > 장갑 > 가죽장갑',\n//        season: '2025 (F/W)',\n//       },\n//       'avgCost': 78000,\n//       'totalStock': 850,\n//       'movingStock': 58,\n//       'unshippedStock': 29,\n//       '본사 창고': {\n//        total: 42000,\n//        scheduled: 1800,\n//       },\n//      },\n//      {\n//       'id': 29,\n//       'productInfo': {\n//        name: 'Polo Shirt',\n//        property: '네이비, L',\n//        barcode: [{ code: '123456789013456807' }],\n//        code: 'POLO001NAVL',\n//        category: '의류 > 상의 > 폴로셔츠',\n//        season: '2025 (S/S)',\n//       },\n//       'avgCost': 52000,\n//       'totalStock': 3400,\n//       'movingStock': 255,\n//       'unshippedStock': 128,\n//       '본사 창고': {\n//        total: 88000,\n//        scheduled: 4500,\n//       },\n//      },\n//      {\n//       'id': 30,\n//       'productInfo': {\n//        name: 'Ankle Socks',\n//        property: '화이트, OS',\n//        barcode: [{ code: '123456789013456808' }],\n//        code: 'SOCK001WHT',\n//        category: '의류 > 양말 > 발목양말',\n//        season: '2025 (S/S)',\n//       },\n//       'avgCost': 8000,\n//       'totalStock': 8500,\n//       'movingStock': 650,\n//       'unshippedStock': 325,\n//       '본사 창고': {\n//        total: 180000,\n//        scheduled: 9500,\n//       },\n//      },\n//      {\n//       'id': 31,\n//       'productInfo': {\n//        name: 'Puffer Vest',\n//        property: '블랙, XL',\n//        barcode: [{ code: '123456789013456809' }],\n//        code: 'VEST001BLKXL',\n//        category: '의류 > 아우터 > 패딩조끼',\n//        season: '2025 (F/W)',\n//       },\n//       'avgCost': 135000,\n//       'totalStock': 1200,\n//       'movingStock': 85,\n//       'unshippedStock': 42,\n//       '본사 창고': {\n//        total: 52000,\n//        scheduled: 2200,\n//       },\n//      },\n//      {\n//       'id': 32,\n//       'productInfo': {\n//        name: 'Ring Set',\n//        property: '골드, OS',\n//        barcode: [{ code: '123456789013456810' }],\n//        code: 'RING001GOLD',\n//        category: '액세서리 > 반지 > 세트',\n//        season: '2025 (S/S)',\n//       },\n//       'avgCost': 65000,\n//       'totalStock': 480,\n//       'movingStock': 35,\n//       'unshippedStock': 18,\n//       '본사 창고': {\n//        total: 28000,\n//        scheduled: 1200,\n//       },\n//      },\n//      {\n//       'id': 33,\n//       'productInfo': {\n//        name: 'Maxi Coat',\n//        property: '캐멀, M',\n//        barcode: [{ code: '123456789013456811' }],\n//        code: 'COAT001CAMLM',\n//        category: '의류 > 아우터 > 롱코트',\n//        season: '2025 (F/W)',\n//       },\n//       'avgCost': 285000,\n//       'totalStock': 650,\n//       'movingStock': 42,\n//       'unshippedStock': 21,\n//       '본사 창고': {\n//        total: 32000,\n//        scheduled: 1400,\n//       },\n//      },\n//      {\n//       'id': 34,\n//       'productInfo': {\n//        name: 'Oxford Shoes',\n//        property: '브라운, 270',\n//        barcode: [{ code: '123456789013456812' }],\n//        code: 'OX001BRN270',\n//        category: '신발 > 드레스화 > 옥스퍼드',\n//        season: '2025 (F/W)',\n//       },\n//       'avgCost': 195000,\n//       'totalStock': 850,\n//       'movingStock': 58,\n//       'unshippedStock': 29,\n//       '본사 창고': {\n//        total: 42000,\n//        scheduled: 1700,\n//       },\n//      },\n//      {\n//       'id': 35,\n//       'productInfo': {\n//        name: 'Wrap Skirt',\n//        property: '올리브, S',\n//        barcode: [{ code: '123456789013456813' }],\n//        code: 'WRAP001OLVS',\n//        category: '의류 > 하의 > 랩스커트',\n//        season: '2025 (S/S)',\n//       },\n//       'avgCost': 78000,\n//       'totalStock': 1400,\n//       'movingStock': 95,\n//       'unshippedStock': 48,\n//       '본사 창고': {\n//        total: 58000,\n//        scheduled: 2300,\n//       },\n//      },\n//      {\n//       'id': 36,\n//       'productInfo': {\n//        name: 'Baseball Jacket',\n//        property: '네이비/화이트, L',\n//        barcode: [{ code: '123456789013456814' }],\n//        code: 'BASE001NWHL',\n//        category: '의류 > 아우터 > 야구점퍼',\n//        season: '2025 (S/S)',\n//       },\n//       'avgCost': 125000,\n//       'totalStock': 950,\n//       'movingStock': 68,\n//       'unshippedStock': 34,\n//       '본사 창고': {\n//        total: 48000,\n//        scheduled: 2100,\n//       },\n//      },\n//      {\n//       'id': 37,\n//       'productInfo': {\n//        name: 'Messenger Bag',\n//        property: '블랙, L',\n//        barcode: [{ code: '123456789013456815' }],\n//        code: 'MSG001BLKL',\n//        category: '가방 > 메신저백 > 대형',\n//        season: '2025 (F/W)',\n//       },\n//       'avgCost': 158000,\n//       'totalStock': 720,\n//       'movingStock': 52,\n//       'unshippedStock': 26,\n//       '본사 창고': {\n//        total: 38000,\n//        scheduled: 1600,\n//       },\n//      },\n//      {\n//       'id': 38,\n//       'productInfo': {\n//        name: 'Tank Top',\n//        property: '그레이, M',\n//        barcode: [{ code: '123456789013456816' }],\n//        code: 'TANK001GRAM',\n//        category: '의류 > 상의 > 나시',\n//        season: '2025 (S/S)',\n//       },\n//       'avgCost': 28000,\n//       'totalStock': 4200,\n//       'movingStock': 315,\n//       'unshippedStock': 158,\n//       '본사 창고': {\n//        total: 105000,\n//        scheduled: 5500,\n//       },\n//      },\n//      {\n//       'id': 39,\n//       'productInfo': {\n//        name: 'Beanie',\n//        property: '차콜, OS',\n//        barcode: [{ code: '123456789013456817' }],\n//        code: 'BEAN001CHR',\n//        category: '액세서리 > 모자 > 비니',\n//        season: '2025 (F/W)',\n//       },\n//       'avgCost': 32000,\n//       'totalStock': 2800,\n//       'movingStock': 205,\n//       'unshippedStock': 102,\n//       '본사 창고': {\n//        total: 78000,\n//        scheduled: 3800,\n//       },\n//      },\n//      {\n//       'id': 40,\n//       'productInfo': {\n//        name: 'Wide Leg Pants',\n//        property: '블랙, L',\n//        barcode: [{ code: '123456789013456818' }],\n//        code: 'WIDE001BLKL',\n//        category: '의류 > 하의 > 와이드팬츠',\n//        season: '2025 (S/S)',\n//       },\n//       'avgCost': 85000,\n//       'totalStock': 1800,\n//       'movingStock': 125,\n//       'unshippedStock': 62,\n//       '본사 창고': {\n//        total: 62000,\n//        scheduled: 2600,\n//       },\n//      },\n//      {\n//       'id': 41,\n//       'productInfo': {\n//        name: 'Clutch Bag',\n//        property: '골드, M',\n//        barcode: [{ code: '123456789013456819' }],\n//        code: 'CLUTCH001GLDM',\n//        category: '가방 > 클러치백 > 이브닝',\n//        season: '2025 (S/S)',\n//       },\n//       'avgCost': 118000,\n//       'totalStock': 450,\n//       'movingStock': 32,\n//       'unshippedStock': 16,\n//       '본사 창고': {\n//        total: 25000,\n//        scheduled: 1100,\n//       },\n//      },\n//      {\n//       'id': 42,\n//       'productInfo': {\n//        name: 'Thermal Underwear',\n//        property: '화이트, L',\n//        barcode: [{ code: '123456789013456820' }],\n//        code: 'THERM001WHTL',\n//        category: '의류 > 언더웨어 > 보온속옷',\n//        season: '2025 (F/W)',\n//       },\n//       'avgCost': 45000,\n//       'totalStock': 3200,\n//       'movingStock': 245,\n//       'unshippedStock': 122,\n//       '본사 창고': {\n//        total: 85000,\n//        scheduled: 4200,\n//       },\n//      },\n//      {\n//       'id': 43,\n//       'productInfo': {\n//        name: 'Pocket Watch',\n//        property: '실버, OS',\n//        barcode: [{ code: '123456789013456821' }],\n//        code: 'PWATCH001SLV',\n//        category: '액세서리 > 시계 > 포켓워치',\n//        season: '2025 (F/W)',\n//       },\n//       'avgCost': 165000,\n//       'totalStock': 280,\n//       'movingStock': 18,\n//       'unshippedStock': 9,\n//       '본사 창고': {\n//        total: 15000,\n//        scheduled: 650,\n//       },\n//      },\n//      {\n//       'id': 44,\n//       'productInfo': {\n//        name: 'Cropped Blazer',\n//        property: '핑크, S',\n//        barcode: [{ code: '123456789013456822' }],\n//        code: 'BLAZ001PNKS',\n//        category: '의류 > 아우터 > 블레이저',\n//        season: '2025 (S/S)',\n//       },\n//       'avgCost': 185000,\n//       'totalStock': 850,\n//       'movingStock': 58,\n//       'unshippedStock': 29,\n//       '본사 창고': {\n//        total: 42000,\n//        scheduled: 1700,\n//       },\n//      },\n//      {\n//       'id': 45,\n//       'productInfo': {\n//        name: 'Loafers',\n//        property: '블랙, 255',\n//        barcode: [{ code: '123456789013456823' }],\n//        code: 'LOAF001BLK255',\n//        category: '신발 > 로퍼 > 클래식',\n//        season: '2025 (F/W)',\n//       },\n//       'avgCost': 145000,\n//       'totalStock': 1200,\n//       'movingStock': 85,\n//       'unshippedStock': 42,\n//       '본사 창고': {\n//        total: 52000,\n//        scheduled: 2200,\n//       },\n//      },\n//      {\n//       'id': 46,\n//       'productInfo': {\n//        name: 'Gym Shorts',\n//        property: '블랙, L',\n//        barcode: [{ code: '123456789013456824' }],\n//        code: 'GYM001BLKL',\n//        category: '의류 > 스포츠웨어 > 반바지',\n//        season: '2025 (S/S)',\n//       },\n//       'avgCost': 38000,\n//       'totalStock': 2800,\n//       'movingStock': 205,\n//       'unshippedStock': 102,\n//       '본사 창고': {\n//        total: 78000,\n//        scheduled: 3800,\n//       },\n//      },\n//      {\n//       'id': 47,\n//       'productInfo': {\n//        name: 'Hair Accessory Set',\n//        property: '골드, OS',\n//        barcode: [{ code: '123456789013456825' }],\n//        code: 'HAIR001GLD',\n//        category: '액세서리 > 헤어액세서리 > 세트',\n//        season: '2025 (S/S)',\n//       },\n//       'avgCost': 25000,\n//       'totalStock': 1400,\n//       'movingStock': 105,\n//       'unshippedStock': 52,\n//       '본사 창고': {\n//        total: 48000,\n//        scheduled: 2400,\n//       },\n//      },\n//      {\n//       'id': 48,\n//       'productInfo': {\n//        name: 'Pea Coat',\n//        property: '네이비, M',\n//        barcode: [{ code: '123456789013456826' }],\n//        code: 'PEA001NAVM',\n//        category: '의류 > 아우터 > 피코트',\n//        season: '2025 (F/W)',\n//       },\n//       'avgCost': 225000,\n//       'totalStock': 650,\n//       'movingStock': 42,\n//       'unshippedStock': 21,\n//       '본사 창고': {\n//        total: 32000,\n//        scheduled: 1400,\n//       },\n//      },\n//      {\n//       'id': 49,\n//       'productInfo': {\n//        name: 'Canvas Sneakers',\n//        property: '화이트, 260',\n//        barcode: [{ code: '123456789013456827' }],\n//        code: 'CANV001WHT260',\n//        category: '신발 > 캔버스화 > 로우탑',\n//        season: '2025 (S/S)',\n//       },\n//       'avgCost': 65000,\n//       'totalStock': 3200,\n//       'movingStock': 245,\n//       'unshippedStock': 122,\n//       '본사 창고': {\n//        total: 85000,\n//        scheduled: 4200,\n//       },\n//      },\n//      {\n//       'id': 50,\n//       'productInfo': {\n//        name: 'Yoga Leggings',\n//        property: '블랙, M',\n//        barcode: [{ code: '123456789013456828' }],\n//        code: 'YOGA001BLKM',\n//        category: '의류 > 스포츠웨어 > 레깅스',\n//        season: '2025 (S/S)',\n//       },\n//       'avgCost': 55000,\n//       'totalStock': 2400,\n//       'movingStock': 175,\n//       'unshippedStock': 88,\n//       '본사 창고': {\n//        total: 68000,\n//        scheduled: 3200,\n//       },\n//      },\n//      {\n//       'id': 51,\n//       'productInfo': {\n//        name: 'Bracelet',\n//        property: '실버, OS',\n//        barcode: [{ code: '123456789013456829' }],\n//        code: 'BRAC001SLV',\n//        category: '액세서리 > 팔찌 > 체인',\n//        season: '2025 (S/S)',\n//       },\n//       'avgCost': 48000,\n//       'totalStock': 950,\n//       'movingStock': 68,\n//       'unshippedStock': 34,\n//       '본사 창고': {\n//        total: 42000,\n//        scheduled: 1800,\n//       },\n//      },\n//      {\n//       'id': 52,\n//       'productInfo': {\n//        name: 'Tweed Jacket',\n//        property: '그레이, L',\n//        barcode: [{ code: '123456789013456830' }],\n//        code: 'TWEED001GRAYL',\n//        category: '의류 > 아우터 > 트위드재킷',\n//        season: '2025 (F/W)',\n//       },\n//       'avgCost': 195000,\n//       'totalStock': 750,\n//       'movingStock': 52,\n//       'unshippedStock': 26,\n//       '본사 창고': {\n//        total: 38000,\n//        scheduled: 1600,\n//       },\n//      },\n//      {\n//       'id': 53,\n//       'productInfo': {\n//        name: 'Platform Sandals',\n//        property: '베이지, 240',\n//        barcode: [{ code: '123456789013456831' }],\n//        code: 'PLAT001BGE240',\n//        category: '신발 > 샌들 > 플랫폼',\n//        season: '2025 (S/S)',\n//       },\n//       'avgCost': 88000,\n//       'totalStock': 1400,\n//       'movingStock': 95,\n//       'unshippedStock': 48,\n//       '본사 창고': {\n//        total: 58000,\n//        scheduled: 2300,\n//       },\n//      },\n//      {\n//       'id': 54,\n//       'productInfo': {\n//        name: 'Compression Shirt',\n//        property: '네이비, L',\n//        barcode: [{ code: '123456789013456832' }],\n//        code: 'COMP001NAVL',\n//        category: '의류 > 스포츠웨어 > 압박셔츠',\n//        season: '2025 (S/S)',\n//       },\n//       'avgCost': 42000,\n//       'totalStock': 1800,\n//       'movingStock': 125,\n//       'unshippedStock': 62,\n//       '본사 창고': {\n//        total: 62000,\n//        scheduled: 2600,\n//       },\n//      },\n//      {\n//       'id': 55,\n//       'productInfo': {\n//        name: 'Fedora Hat',\n//        property: '브라운, OS',\n//        barcode: [{ code: '123456789013456833' }],\n//        code: 'FED001BRN',\n//        category: '액세서리 > 모자 > 페도라',\n//        season: '2025 (F/W)',\n//       },\n//       'avgCost': 85000,\n//       'totalStock': 480,\n//       'movingStock': 35,\n//       'unshippedStock': 18,\n//       '본사 창고': {\n//        total: 28000,\n//        scheduled: 1200,\n//       },\n//      },\n//      {\n//       'id': 56,\n//       'productInfo': {\n//        name: 'Bodycon Dress',\n//        property: '블랙, S',\n//        barcode: [{ code: '123456789013456834' }],\n//        code: 'BODY001BLKS',\n//        category: '의류 > 원피스 > 바디콘',\n//        season: '2025 (S/S)',\n//       },\n//       'avgCost': 92000,\n//       'totalStock': 1200,\n//       'movingStock': 85,\n//       'unshippedStock': 42,\n//       '본사 창고': {\n//        total: 52000,\n//        scheduled: 2200,\n//       },\n//      },\n//      {\n//       'id': 57,\n//       'productInfo': {\n//        name: 'Hiking Boots',\n//        property: '브라운, 275',\n//        barcode: [{ code: '123456789013456835' }],\n//        code: 'HIKE001BRN275',\n//        category: '신발 > 등산화 > 하이킹',\n//        season: '2025 (F/W)',\n//       },\n//       'avgCost': 165000,\n//       'totalStock': 850,\n//       'movingStock': 58,\n//       'unshippedStock': 29,\n//       '본사 창고': {\n//        total: 42000,\n//        scheduled: 1700,\n//       },\n//      },\n//      {\n//       'id': 58,\n//       'productInfo': {\n//        name: 'Sweatpants',\n//        property: '그레이, XL',\n//        barcode: [{ code: '123456789013456836' }],\n//        code: 'SWEAT001GRAXL',\n//        category: '의류 > 하의 > 스웻팬츠',\n//        season: '2025 (F/W)',\n//       },\n//       'avgCost': 52000,\n//       'totalStock': 2400,\n//       'movingStock': 175,\n//       'unshippedStock': 88,\n//       '본사 창고': {\n//        total: 68000,\n//        scheduled: 3200,\n//       },\n//      },\n//      {\n//       'id': 59,\n//       'productInfo': {\n//        name: 'Brooch',\n//        property: '골드, OS',\n//        barcode: [{ code: '123456789013456837' }],\n//        code: 'BRO001GLD',\n//        category: '액세서리 > 브로치 > 클래식',\n//        season: '2025 (F/W)',\n//       },\n//       'avgCost': 68000,\n//       'totalStock': 320,\n//       'movingStock': 22,\n//       'unshippedStock': 11,\n//       '본사 창고': {\n//        total: 18000,\n//        scheduled: 850,\n//       },\n//      },\n//      {\n//       'id': 60,\n//       'productInfo': {\n//        name: 'Windbreaker',\n//        property: '네이비, L',\n//        barcode: [{ code: '123456789013456838' }],\n//        code: 'WIND001NAVL',\n//        category: '의류 > 아우터 > 윈드브레이커',\n//        season: '2025 (S/S)',\n//       },\n//       'avgCost': 78000,\n//       'totalStock': 1600,\n//       'movingStock': 115,\n//       'unshippedStock': 58,\n//       '본사 창고': {\n//        total: 62000,\n//        scheduled: 2500,\n//       },\n//      },\n//      {\n//       'id': 61,\n//       'productInfo': {\n//        name: 'Ballet Flats',\n//        property: '베이지, 245',\n//        barcode: [{ code: '123456789013456839' }],\n//        code: 'BALL001BGE245',\n//        category: '신발 > 플랫슈즈 > 발레플랫',\n//        season: '2025 (S/S)',\n//       },\n//       'avgCost': 75000,\n//       'totalStock': 1800,\n//       'movingStock': 125,\n//       'unshippedStock': 62,\n//       '본사 창고': {\n//        total: 62000,\n//        scheduled: 2600,\n//       },\n//      },\n//      {\n//       'id': 62,\n//       'productInfo': {\n//        name: 'Vest Top',\n//        property: '화이트, M',\n//        barcode: [{ code: '123456789013456840' }],\n//        code: 'VEST001WHTM',\n//        category: '의류 > 상의 > 베스트탑',\n//        season: '2025 (S/S)',\n//       },\n//       'avgCost': 32000,\n//       'totalStock': 3200,\n//       'movingStock': 245,\n//       'unshippedStock': 122,\n//       '본사 창고': {\n//        total: 85000,\n//        scheduled: 4200,\n//       },\n//      },\n//      {\n//       'id': 63,\n//       'productInfo': {\n//        name: 'Tie Clip',\n//        property: '실버, OS',\n//        barcode: [{ code: '123456789013456841' }],\n//        code: 'TIE001SLV',\n//        category: '액세서리 > 넥타이핀 > 클립형',\n//        season: '2025 (F/W)',\n//       },\n//       'avgCost': 45000,\n//       'totalStock': 280,\n//       'movingStock': 18,\n//       'unshippedStock': 9,\n//       '본사 창고': {\n//        total: 15000,\n//        scheduled: 650,\n//       },\n//      },\n//      {\n//       'id': 64,\n//       'productInfo': {\n//        name: 'Quilted Jacket',\n//        property: '올리브, L',\n//        barcode: [{ code: '123456789013456842' }],\n//        code: 'QUILT001OLVL',\n//        category: '의류 > 아우터 > 퀼팅재킷',\n//        season: '2025 (F/W)',\n//       },\n//       'avgCost': 145000,\n//       'totalStock': 950,\n//       'movingStock': 68,\n//       'unshippedStock': 34,\n//       '본사 창고': {\n//        total: 48000,\n//        scheduled: 2100,\n//       },\n//      },\n//      {\n//       'id': 65,\n//       'productInfo': {\n//        name: 'Wedge Heels',\n//        property: '블랙, 250',\n//        barcode: [{ code: '123456789013456843' }],\n//        code: 'WEDGE001BLK250',\n//        category: '신발 > 하이힐 > 웨지힐',\n//        season: '2025 (S/S)',\n//       },\n//       'avgCost': 98000,\n//       'totalStock': 1200,\n//       'movingStock': 85,\n//       'unshippedStock': 42,\n//       '본사 창고': {\n//        total: 52000,\n//        scheduled: 2200,\n//       },\n//      },\n//      {\n//       'id': 66,\n//       'productInfo': {\n//        name: 'Sweat Shorts',\n//        property: '그레이, L',\n//        barcode: [{ code: '123456789013456844' }],\n//        code: 'SWSHORT001GRAL',\n//        category: '의류 > 스포츠웨어 > 스웻반바지',\n//        season: '2025 (S/S)',\n//       },\n//       'avgCost': 35000,\n//       'totalStock': 2800,\n//       'movingStock': 205,\n//       'unshippedStock': 102,\n//       '본사 창고': {\n//        total: 78000,\n//        scheduled: 3800,\n//       },\n//      },\n//      {\n//       'id': 67,\n//       'productInfo': {\n//        name: 'Cufflinks',\n//        property: '골드, OS',\n//        barcode: [{ code: '123456789013456845' }],\n//        code: 'CUFF001GLD',\n//        category: '액세서리 > 커프스 > 골드',\n//        season: '2025 (F/W)',\n//       },\n//       'avgCost': 125000,\n//       'totalStock': 180,\n//       'movingStock': 12,\n//       'unshippedStock': 6,\n//       '본사 창고': {\n//        total: 10000,\n//        scheduled: 450,\n//       },\n//      },\n//      {\n//       'id': 68,\n//       'productInfo': {\n//        name: 'Trench Coat',\n//        property: '베이지, M',\n//        barcode: [{ code: '123456789013456846' }],\n//        code: 'TRENCH001BGEM',\n//        category: '의류 > 아우터 > 트렌치코트',\n//        season: '2025 (F/W)',\n//       },\n//       'avgCost': 245000,\n//       'totalStock': 480,\n//       'movingStock': 32,\n//       'unshippedStock': 16,\n//       '본사 창고': {\n//        total: 25000,\n//        scheduled: 1100,\n//       },\n//      },\n//      {\n//       'id': 69,\n//       'productInfo': {\n//        name: 'Slip-on Shoes',\n//        property: '화이트, 265',\n//        barcode: [{ code: '123456789013456847' }],\n//        code: 'SLIP001WHT265',\n//        category: '신발 > 슬립온 > 캐주얼',\n//        season: '2025 (S/S)',\n//       },\n//       'avgCost': 68000,\n//       'totalStock': 1600,\n//       'movingStock': 115,\n//       'unshippedStock': 58,\n//       '본사 창고': {\n//        total: 62000,\n//        scheduled: 2500,\n//       },\n//      },\n//      {\n//       'id': 70,\n//       'productInfo': {\n//        name: 'Crop Top',\n//        property: '핑크, S',\n//        barcode: [{ code: '123456789013456848' }],\n//        code: 'CROP001PNKS',\n//        category: '의류 > 상의 > 크롭탑',\n//        season: '2025 (S/S)',\n//       },\n//       'avgCost': 38000,\n//       'totalStock': 2400,\n//       'movingStock': 175,\n//       'unshippedStock': 88,\n//       '본사 창고': {\n//        total: 68000,\n//        scheduled: 3200,\n//       },\n//      },\n//      {\n//       'id': 71,\n//       'productInfo': {\n//        name: 'Wallet',\n//        property: '블랙, OS',\n//        barcode: [{ code: '123456789013456849' }],\n//        code: 'WALL001BLK',\n//        category: '액세서리 > 지갑 > 장지갑',\n//        season: '2025 (F/W)',\n//       },\n//       'avgCost': 85000,\n//       'totalStock': 950,\n//       'movingStock': 68,\n//       'unshippedStock': 34,\n//       '본사 창고': {\n//        total: 42000,\n//        scheduled: 1800,\n//       },\n//      },\n//      {\n//       'id': 72,\n//       'productInfo': {\n//        name: 'Parka',\n//        property: '카키, XL',\n//        barcode: [{ code: '123456789013456850' }],\n//        code: 'PARK001KHIXL',\n//        category: '의류 > 아우터 > 파카',\n//        season: '2025 (F/W)',\n//       },\n//       'avgCost': 185000,\n//       'totalStock': 720,\n//       'movingStock': 52,\n//       'unshippedStock': 26,\n//       '본사 창고': {\n//        total: 38000,\n//        scheduled: 1600,\n//       },\n//      },\n//      {\n//       'id': 73,\n//       'productInfo': {\n//        name: 'Moccasins',\n//        property: '브라운, 270',\n//        barcode: [{ code: '123456789013456851' }],\n//        code: 'MOC001BRN270',\n//        category: '신발 > 모카신 > 가죽',\n//        season: '2025 (S/S)',\n//       },\n//       'avgCost': 125000,\n//       'totalStock': 850,\n//       'movingStock': 58,\n//       'unshippedStock': 29,\n//       '본사 창고': {\n//        total: 42000,\n//        scheduled: 1700,\n//       },\n//      },\n//      {\n//       'id': 74,\n//       'productInfo': {\n//        name: 'Sports Bra',\n//        property: '블랙, M',\n//        barcode: [{ code: '123456789013456852' }],\n//        code: 'SBRA001BLKM',\n//        category: '의류 > 스포츠웨어 > 스포츠브라',\n//        season: '2025 (S/S)',\n//       },\n//       'avgCost': 45000,\n//       'totalStock': 1800,\n//       'movingStock': 125,\n//       'unshippedStock': 62,\n//       '본사 창고': {\n//        total: 62000,\n//        scheduled: 2600,\n//       },\n//      },\n//      {\n//       'id': 75,\n//       'productInfo': {\n//        name: 'Keychain',\n//        property: '실버, OS',\n//        barcode: [{ code: '123456789013456853' }],\n//        code: 'KEY001SLV',\n//        category: '액세서리 > 키체인 > 메탈',\n//        season: '2025 (S/S)',\n//       },\n//       'avgCost': 18000,\n//       'totalStock': 2800,\n//       'movingStock': 205,\n//       'unshippedStock': 102,\n//       '본사 창고': {\n//        total: 78000,\n//        scheduled: 3800,\n//       },\n//      },\n//      {\n//       'id': 76,\n//       'productInfo': {\n//        name: 'Duffle Coat',\n//        property: '네이비, L',\n//        barcode: [{ code: '123456789013456854' }],\n//        code: 'DUFF001NAVL',\n//        category: '의류 > 아우터 > 더플코트',\n//        season: '2025 (F/W)',\n//       },\n//       'avgCost': 225000,\n//       'totalStock': 480,\n//       'movingStock': 32,\n//       'unshippedStock': 16,\n//       '본사 창고': {\n//        total: 25000,\n//        scheduled: 1100,\n//       },\n//      },\n//      {\n//       'id': 77,\n//       'productInfo': {\n//        name: 'High-top Sneakers',\n//        property: '레드, 260',\n//        barcode: [{ code: '123456789013456855' }],\n//        code: 'HSNEAK001RED260',\n//        category: '신발 > 운동화 > 하이탑스니커즈',\n//        season: '2025 (S/S)',\n//       },\n//       'avgCost': 95000,\n//       'totalStock': 1400,\n//       'movingStock': 95,\n//       'unshippedStock': 48,\n//       '본사 창고': {\n//        total: 58000,\n//        scheduled: 2300,\n//       },\n//      },\n//      {\n//       'id': 78,\n//       'productInfo': {\n//        name: 'Tube Top',\n//        property: '화이트, S',\n//        barcode: [{ code: '123456789013456856' }],\n//        code: 'TUBE001WHTS',\n//        category: '의류 > 상의 > 튜브톱',\n//        season: '2025 (S/S)',\n//       },\n//       'avgCost': 28000,\n//       'totalStock': 2200,\n//       'movingStock': 165,\n//       'unshippedStock': 82,\n//       '본사 창고': {\n//        total: 69000,\n//        scheduled: 3400,\n//       },\n//      },\n//      {\n//       'id': 79,\n//       'productInfo': {\n//        name: 'Phone Case',\n//        property: '블랙, OS',\n//        barcode: [{ code: '123456789013456857' }],\n//        code: 'PHONE001BLK',\n//        category: '액세서리 > 폰케이스 > 실리콘',\n//        season: '2025 (S/S)',\n//       },\n//       'avgCost': 15000,\n//       'totalStock': 4200,\n//       'movingStock': 315,\n//       'unshippedStock': 158,\n//       '본사 창고': {\n//        total: 105000,\n//        scheduled: 5500,\n//       },\n//      },\n//      {\n//       'id': 80,\n//       'productInfo': {\n//        name: 'Overcoat',\n//        property: '차콜, L',\n//        barcode: [{ code: '123456789013456858' }],\n//        code: 'OVER001CHRL',\n//        category: '의류 > 아우터 > 오버코트',\n//        season: '2025 (F/W)',\n//       },\n//       'avgCost': 285000,\n//       'totalStock': 350,\n//       'movingStock': 22,\n//       'unshippedStock': 11,\n//       '본사 창고': {\n//        total: 18000,\n//        scheduled: 850,\n//       },\n//      },\n//      {\n//       'id': 81,\n//       'productInfo': {\n//        name: 'Espadrilles',\n//        property: '베이지, 240',\n//        barcode: [{ code: '123456789013456859' }],\n//        code: 'ESP001BGE240',\n//        category: '신발 > 에스파드리유 > 캔버스',\n//        season: '2025 (S/S)',\n//       },\n//       'avgCost': 58000,\n//       'totalStock': 1200,\n//       'movingStock': 85,\n//       'unshippedStock': 42,\n//       '본사 창고': {\n//        total: 52000,\n//        scheduled: 2200,\n//       },\n//      },\n//      {\n//       'id': 82,\n//       'productInfo': {\n//        name: 'Tracksuit Set',\n//        property: '그레이, L',\n//        barcode: [{ code: '123456789013456860' }],\n//        code: 'TRACK001GRAL',\n//        category: '의류 > 스포츠웨어 > 트랙수트',\n//        season: '2025 (F/W)',\n//       },\n//       'avgCost': 125000,\n//       'totalStock': 950,\n//       'movingStock': 68,\n//       'unshippedStock': 34,\n//       '본사 창고': {\n//        total: 48000,\n//        scheduled: 2100,\n//       },\n//      },\n//      {\n//       'id': 83,\n//       'productInfo': {\n//        name: 'Hair Band',\n//        property: '블랙, OS',\n//        barcode: [{ code: '123456789013456861' }],\n//        code: 'HBAND001BLK',\n//        category: '액세서리 > 헤어밴드 > 패브릭',\n//        season: '2025 (S/S)',\n//       },\n//       'avgCost': 12000,\n//       'totalStock': 3600,\n//       'movingStock': 275,\n//       'unshippedStock': 138,\n//       '본사 창고': {\n//        total: 95000,\n//        scheduled: 4800,\n//       },\n//      },\n//      {\n//       'id': 84,\n//       'productInfo': {\n//        name: 'Cape Coat',\n//        property: '와인, M',\n//        barcode: [{ code: '123456789013456862' }],\n//        code: 'CAPE001WINM',\n//        category: '의류 > 아우터 > 케이프코트',\n//        season: '2025 (F/W)',\n//       },\n//       'avgCost': 195000,\n//       'totalStock': 420,\n//       'movingStock': 28,\n//       'unshippedStock': 14,\n//       '본사 창고': {\n//        total: 22000,\n//        scheduled: 950,\n//       },\n//      },\n//      {\n//       'id': 85,\n//       'productInfo': {\n//        name: 'Boat Shoes',\n//        property: '브라운, 265',\n//        barcode: [{ code: '123456789013456863' }],\n//        code: 'BOAT001BRN265',\n//        category: '신발 > 보트슈즈 > 가죽',\n//        season: '2025 (S/S)',\n//       },\n//       'avgCost': 115000,\n//       'totalStock': 850,\n//       'movingStock': 58,\n//       'unshippedStock': 29,\n//       '본사 창고': {\n//        total: 42000,\n//        scheduled: 1700,\n//       },\n//      },\n//      {\n//       'id': 86,\n//       'productInfo': {\n//        name: 'Joggers',\n//        property: '블랙, XL',\n//        barcode: [{ code: '123456789013456864' }],\n//        code: 'JOG001BLKXL',\n//        category: '의류 > 하의 > 조거팬츠',\n//        season: '2025 (F/W)',\n//       },\n//       'avgCost': 65000,\n//       'totalStock': 1800,\n//       'movingStock': 125,\n//       'unshippedStock': 62,\n//       '본사 창고': {\n//        total: 62000,\n//        scheduled: 2600,\n//       },\n//      },\n//      {\n//       'id': 87,\n//       'productInfo': {\n//        name: 'Anklet',\n//        property: '실버, OS',\n//        barcode: [{ code: '123456789013456865' }],\n//        code: 'ANKL001SLV',\n//        category: '액세서리 > 발찌 > 체인',\n//        season: '2025 (S/S)',\n//       },\n//       'avgCost': 35000,\n//       'totalStock': 720,\n//       'movingStock': 52,\n//       'unshippedStock': 26,\n//       '본사 창고': {\n//        total: 38000,\n//        scheduled: 1600,\n//       },\n//      },\n//      {\n//       'id': 88,\n//       'productInfo': {\n//        name: 'Field Jacket',\n//        property: '올리브, L',\n//        barcode: [{ code: '123456789013456866' }],\n//        code: 'FIELD001OLVL',\n//        category: '의류 > 아우터 > 필드재킷',\n//        season: '2025 (F/W)',\n//       },\n//       'avgCost': 155000,\n//       'totalStock': 680,\n//       'movingStock': 45,\n//       'unshippedStock': 22,\n//       '본사 창고': {\n//        total: 35000,\n//        scheduled: 1400,\n//       },\n//      },\n//      {\n//       'id': 89,\n//       'productInfo': {\n//        name: 'Mary Jane Shoes',\n//        property: '블랙, 245',\n//        barcode: [{ code: '123456789013456867' }],\n//        code: 'MARY001BLK245',\n//        category: '신발 > 메리제인 > 가죽',\n//        season: '2025 (S/S)',\n//       },\n//       'avgCost': 95000,\n//       'totalStock': 1200,\n//       'movingStock': 85,\n//       'unshippedStock': 42,\n//       '본사 창고': {\n//        total: 52000,\n//        scheduled: 2200,\n//       },\n//      },\n//      {\n//       'id': 90,\n//       'productInfo': {\n//        name: 'Skater Dress',\n//        property: '블랙, M',\n//        barcode: [{ code: '123456789013456868' }],\n//        code: 'DRESS001BLKM',\n//        category: '의류 > 원피스 > 스케이터드레스',\n//        season: '2025 (S/S)',\n//       },\n//       'avgCost': 95000,\n//       'totalStock': 900,\n//       'movingStock': 60,\n//       'unshippedStock': 30,\n//       '본사 창고': {\n//        total: 45000,\n//        scheduled: 2000,\n//       },\n//      },\n//      {\n//       'id': 91,\n//       'productInfo': {\n//        name: 'Pencil Skirt',\n//        property: '네이비, S',\n//        barcode: [{ code: '123456789013456869' }],\n//        code: 'SKIRT001NAVS',\n//        category: '의류 > 하의 > 펜슬스커트',\n//        season: '2025 (F/W)',\n//       },\n//       'avgCost': 78000,\n//       'totalStock': 1100,\n//       'movingStock': 75,\n//       'unshippedStock': 37,\n//       '본사 창고': {\n//        total: 50000,\n//        scheduled: 2500,\n//       },\n//      },\n//      {\n//       'id': 92,\n//       'productInfo': {\n//        name: 'Harem Pants',\n//        property: '블랙, L',\n//        barcode: [{ code: '123456789013456870' }],\n//        code: 'PANTS001BLKL',\n//        category: '의류 > 하의 > 해리팬츠',\n//        season: '2025 (S/S)',\n//       },\n//       'avgCost': 68000,\n//       'totalStock': 1300,\n//       'movingStock': 90,\n//       'unshippedStock': 45,\n//       '본사 창고': {\n//        total: 55000,\n//        scheduled: 3000,\n//       },\n//      },\n//      {\n//       'id': 93,\n//       'productInfo': {\n//        name: 'Kimono Jacket',\n//        property: '플로럴, M',\n//        barcode: [{ code: '123456789013456871' }],\n//        code: 'JACKET001FLRM',\n//        category: '의류 > 아우터 > 기모노재킷',\n//        season: '2025 (F/W)',\n//       },\n//       'avgCost': 135000,\n//       'totalStock': 700,\n//       'movingStock': 50,\n//       'unshippedStock': 25,\n//       '본사 창고': {\n//        total: 40000,\n//        scheduled: 1800,\n//       },\n//      },\n//      {\n//       'id': 94,\n//       'productInfo': {\n//        name: 'Puffer Jacket',\n//        property: '레드, L',\n//        barcode: [{ code: '123456789013456872' }],\n//        code: 'PUFFER001REDL',\n//        category: '의류 > 아우터 > 패딩자켓',\n//        season: '2025 (F/W)',\n//       },\n//       'avgCost': 198000,\n//       'totalStock': 600,\n//       'movingStock': 40,\n//       'unshippedStock': 20,\n//       '본사 창고': {\n//        total: 35000,\n//        scheduled: 1500,\n//       },\n//      },\n//      {\n//       'id': 95,\n//       'productInfo': {\n//        name: 'Turtleneck Sweater',\n//        property: '아이보리, M',\n//        barcode: [{ code: '123456789013456873' }],\n//        code: 'KNIT002IVRM',\n//        category: '의류 > 상의 > 터틀넥니트',\n//        season: '2025 (F/W)',\n//       },\n//       'avgCost': 85000,\n//       'totalStock': 800,\n//       'movingStock': 55,\n//       'unshippedStock': 28,\n//       '본사 창고': {\n//        total: 45000,\n//        scheduled: 2000,\n//       },\n//      },\n//      {\n//       'id': 96,\n//       'productInfo': {\n//        name: 'Cargo Pants',\n//        property: '카키, XL',\n//        barcode: [{ code: '123456789013456874' }],\n//        code: 'PANTS002KHIXL',\n//        category: '의류 > 하의 > 카고팬츠',\n//        season: '2025 (S/S)',\n//       },\n//       'avgCost': 78000,\n//       'totalStock': 900,\n//       'movingStock': 60,\n//       'unshippedStock': 30,\n//       '본사 창고': {\n//        total: 50000,\n//        scheduled: 2500,\n//       },\n//      },\n//      {\n//       'id': 97,\n//       'productInfo': {\n//        name: 'Belted Coat',\n//        property: '브라운, M',\n//        barcode: [{ code: '123456789013456875' }],\n//        code: 'COAT002BRNM',\n//        category: '의류 > 아우터 > 벨트코트',\n//        season: '2025 (F/W)',\n//       },\n//       'avgCost': 198000,\n//       'totalStock': 550,\n//       'movingStock': 37,\n//       'unshippedStock': 18,\n//       '본사 창고': {\n//        total: 38000,\n//        scheduled: 1600,\n//       },\n//      },\n//      {\n//       'id': 98,\n//       'productInfo': {\n//        name: 'Double-breasted Blazer',\n//        property: '네이비, L',\n//        barcode: [{ code: '123456789013456876' }],\n//        code: 'BLAZ002NAVL',\n//        category: '의류 > 아우터 > 더블재킷',\n//        season: '2025 (F/W)',\n//       },\n//       'avgCost': 185000,\n//       'totalStock': 700,\n//       'movingStock': 45,\n//       'unshippedStock': 22,\n//       '본사 창고': {\n//        total: 40000,\n//        scheduled: 1800,\n//       },\n//      },\n//      {\n//       'id': 99,\n//       'productInfo': {\n//        name: 'Peacoat',\n//        property: '블랙, M',\n//        barcode: [{ code: '123456789013456877' }],\n//        code: 'PEA002BLKM',\n//        category: '의류 > 아우터 > 피코트',\n//        season: '2025 (F/W)',\n//       },\n//       'avgCost': 225000,\n//       'totalStock': 600,\n//       'movingStock': 40,\n//       'unshippedStock': 20,\n//       '본사 창고': {\n//        total: 35000,\n//        scheduled: 1500,\n//       },\n//      },\n//      {\n//       'id': 100,\n//       'productInfo': {\n//        name: 'Trench Coat',\n//        property: '베이지, L',\n//        barcode: [{ code: '123456789013456878' }],\n//        code: 'TRENCH002BGEL',\n//        category: '의류 > 아우터 > 트렌치코트',\n//        season: '2025 (F/W)',\n//       },\n//       'avgCost': 245000,\n//       'totalStock': 480,\n//       'movingStock': 32,\n//       'unshippedStock': 16,\n//       '본사 창고': {\n//        total: 25000,\n//        scheduled: 1100,\n//       },\n//      },\n//     ];\n\n//     table.columns = [\n//      {\n//       name: 'productInfo',\n//       label: '품목명 / 품목 속성',\n//       field: 'productInfo',\n//       align: 'left',\n//       width: '220',\n//      },\n//      {\n//       name: 'productCode',\n//       label: '품목 코드 / 품목 분류',\n//       field: 'email',\n//       align: 'center',\n//       width: '160',\n//      },\n//      {\n//       name: 'avgCost',\n//       label: '평균 원가',\n//       field: 'avgCost',\n//       align: 'center',\n//       width: '100',\n//       format: value => `${value.toLocaleString()} 원`,\n//      },\n//      {\n//       name: 'totalStock',\n//       label: '총 재고',\n//       field: 'totalStock',\n//       align: 'center',\n//       width: '100',\n//       format: value => `${value.toLocaleString()} 개`,\n//      },\n//      {\n//       name: 'movingStock',\n//       label: '이동 중',\n//       field: 'movingStock',\n//       align: 'center',\n//       width: '100',\n//       format: value => `${value.toLocaleString()} 개`,\n//       tooltip: [\n//        '이동 중 재고는 출발지에서 출고 되었으나,',\n//        '도착지로 아직 입고되지 않은 수량입니다.',\n//       ],\n//       tooltipOptions: { placement: 'bottom' },\n//      },\n//      {\n//       name: 'unshippedStock',\n//       label: '미발송',\n//       field: 'unshippedStock',\n//       align: 'center',\n//       width: '100',\n//       format: value => `${value.toLocaleString()} 개`,\n//      },\n//     ];\n//     table.height = '600px';\n//     function handlePagination(page) {\n//      const pagination = table.pagination || { page: 1, rowsPerPage: 10 };\n//      const res = getMockStockData(page, pagination.rowsPerPage);\n//      console.log(res);\n//      table.pagination = res.pagination;\n//      table.rows = res.data;\n//     }\n\n//     table.addEventListener('sdPageChange', event => {\n//      handlePagination(event.detail);\n//     });\n\n//     function getMockStockData(page = 1, rowsPerPage = 10) {\n//      const startIndex = (page - 1) * rowsPerPage;\n//      const endIndex = startIndex + rowsPerPage;\n//      const paginatedData = ROWS.slice(startIndex, endIndex);\n\n//      return {\n//       data: paginatedData,\n//       pagination: {\n//        page,\n//        rowsPerPage,\n//        totalItems: ROWS.length,\n//        lastPage: Math.ceil(ROWS.length / rowsPerPage),\n//       },\n//      };\n//     }\n\n//     function fetchData() {\n//      const pagination = table.pagination || { page: 1, rowsPerPage: 10 };\n//      const res = getMockStockData(pagination.page, pagination.rowsPerPage);\n//      console.log(res);\n\n//      table.pagination = res.pagination;\n//      table.rows = res.data;\n//     }\n\n//     test.addEventListener('click', () => {\n//      fetchData();\n//     });\n//    });\n"],"names":["h","Host"],"mappings":"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"}

package/dist/cjs/sd-tag.cjs.entry.js

@@ -45,7 +45,7 @@ const SdTag = class {
     }
     render() {
         const tagClasses = this.getTagClasses();
-        return (index.h("span", { key: 'e1118210230f43da857503608cd97d6ab3cca656', class: tagClasses, style: {
+        return (index.h("span", { key: 'e9dc4b2694668a80289e94ecd9971e8e2a2fb590', class: tagClasses, style: {
                 '--tag-bg-color': this.bgColor,
                 '--tag-text-color': this.textColor,
             }, "aria-label": this.label || 'tag' }, this.renderContent()));

package/dist/cjs/sd-td.cjs.entry.js

@@ -0,0 +1,26 @@
+'use strict';
+
+var index = require('./index-DXo1Fhkn.js');
+
+const sdTdCss = "sd-td{display:table-cell;padding:12px 16px;vertical-align:middle;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all}";
+
+const SdTd = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    name = '';
+    align = 'left';
+    tdStyle;
+    tdClass;
+    render() {
+        return (index.h(index.Host, { key: '7c60c5073b921e3fc62d5738196f9b89710da055', role: "cell", class: {
+                'sd-td': true,
+                [`sd-td--${this.align}`]: true,
+                [this.tdClass || '']: Boolean(this.tdClass),
+            }, style: this.tdStyle }, index.h("slot", { key: 'af4093382842e7fafdd1d061e61e3a889237fab5' })));
+    }
+};
+SdTd.style = sdTdCss;
+
+exports.sd_td = SdTd;
+//# sourceMappingURL=sd-td.entry.cjs.js.map

package/dist/cjs/sd-td.entry.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-td.entry.cjs.js","sources":["src/components/sd-table/sd-td/sd-td.scss?tag=sd-td","src/components/sd-table/sd-td/sd-td.tsx"],"sourcesContent":["sd-td {\n display: table-cell;\n padding: 12px 16px;\n vertical-align: middle;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n word-break: keep-all;\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'sd-td',\n styleUrl: 'sd-td.scss',\n})\nexport class SdTd {\n @Prop() name: string = '';\n @Prop() align: 'left' | 'center' | 'right' = 'left';\n @Prop() tdStyle?: Record<string, string>;\n @Prop() tdClass?: string;\n\n render() {\n  return (\n   <Host\n    role=\"cell\"\n    class={{\n     'sd-td': true,\n     [`sd-td--${this.align}`]: true,\n     [this.tdClass || '']: Boolean(this.tdClass),\n    }}\n    style={this.tdStyle}\n   >\n    <slot></slot>\n   </Host>\n  );\n }\n}\n"],"names":["h","Host"],"mappings":";;;;AAAA,MAAM,OAAO,GAAG,iJAAiJ;;MCMpJ,IAAI,GAAA,MAAA;;;;IACR,IAAI,GAAW,EAAE;IACjB,KAAK,GAAgC,MAAM;AAC3C,IAAA,OAAO;AACP,IAAA,OAAO;IAEf,MAAM,GAAA;AACL,QAAA,QACCA,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EACJ,IAAI,EAAC,MAAM,EACX,KAAK,EAAE;AACN,gBAAA,OAAO,EAAE,IAAI;AACb,gBAAA,CAAC,UAAU,IAAI,CAAC,KAAK,CAAE,CAAA,GAAG,IAAI;AAC9B,gBAAA,CAAC,IAAI,CAAC,OAAO,IAAI,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC;AAC3C,aAAA,EACD,KAAK,EAAE,IAAI,CAAC,OAAO,EAAA,EAEnBD,OAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACP;;;;;;;"}