npm - @sellmate/design-system - Versions diffs - 0.0.35 → 0.0.36 - Mend

@sellmate/design-system 0.0.35 → 0.0.36

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (149) hide show

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

	@@ -1 +1 @@
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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"}
1	+ {"version":3,"file":"sd-table-backup.entry.cjs.js","sources":["src/components/sd-table-backup/sd-table-backup.scss?tag=sd-table-backup","src/components/sd-table-backup/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 position: relative;\n will-change: scroll-position;\n height: var(--table-height, auto);\n @extend %scrollBar;\n\n &--loading {\n overflow: hidden !important;\n }\n\n .sd-table {\n background-color: white;\n display: table;\n width: 100%;\n height: 100%;\n border-collapse: separate;\n border-spacing: 0;\n table-layout: fixed;\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 tr {\n width: 100%;\n\n 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 tbody {\n flex-grow: 1;\n .sd-table__loading {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n min-height: 100%;\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-table__no-data-row {\n td {\n text-align: center;\n color: $grey_65;\n }\n }\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 tr {\n &:last-of-type {\n td {\n border-bottom: none;\n }\n }\n 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-backup.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 if (this.pagination?.page) {\n this.currentPage = this.pagination.page;\n }\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 />\n </div>\n )}\n\n {!this.paginatedRows.length ? (\n <tr class=\"sd-table__no-data-row\">\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\n class={{\n 'sd-table__middle': true,\n 'sd-table__middle--loading': this.isLoading,\n }}\n >\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"],"names":["h","Host"],"mappings":";;;;AAAA,MAAM,gBAAgB,GAAG,gwOAAgwO;;MCwC5wO,OAAO,GAAA,MAAA;;;;;;;;AAGX,IAAA,OAAO;AACU,IAAA,IAAI;AACJ,IAAA,QAAQ,GAAa,IAAI,GAAG,EAAE;IAC/C,MAAM,GAAW,IAAI;IACrB,UAAU,GAAY,KAAK;IAC3B,SAAS,GAAY,KAAK;AAC1B,IAAA,KAAK;AACL,IAAA,MAAM;IACN,YAAY,GAAY,KAAK;IAC7B,YAAY,GAAsC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE;IACvE,WAAW,GAAW,YAAY;IAClC,SAAS,GAAY,KAAK;AAC1B,IAAA,UAAU;AAKV,IAAA,gBAAgB;IAIhB,qBAAqB,GAAY,KAAK;IACtC,oBAAoB,GAAY,KAAK;AACrC,IAAA,iBAAiB,GAAmB;AAC3C,QAAA,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE;AAC/B,QAAA,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE;AAC/B,QAAA,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE;AAC/B,QAAA,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,EAAE;KACjC;AAEQ,IAAA,cAAc;AACd,IAAA,YAAY;AACZ,IAAA,mBAAmB;IAEnB,WAAW,GAAW,IAAI,CAAC,UAAU,EAAE,IAAI,IAAI,CAAC;IAChD,SAAS,GAAU,EAAE;AACrB,IAAA,aAAa,GAAa,IAAI,GAAG,EAAE;IACnC,YAAY,GAAa,EAAE;IAC3B,YAAY,GAAY,KAAK;IAC7B,aAAa,GAAY,KAAK;AAGvC,IAAA,mBAAmB,CAAC,OAAwB,EAAA;QAC3C,IAAI,CAAC,YAAY,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,KAAK,IAAI,KAAK,EAAE,EAAE,CAAC,CAAC;;AAIrE,IAAA,gBAAgB,CAAC,OAAc,EAAA;AAC9B,QAAA,IAAI,CAAC,SAAS,GAAG,CAAC,GAAG,OAAO,CAAC;;AAI9B,IAAA,oBAAoB,CAAC,WAAqB,EAAA;QACzC,IAAI,CAAC,aAAa,GAAG,IAAI,GAAG,CAAC,WAAW,CAAC;;AAI1C,IAAA,sBAAsB,CACrB,MAA6E,EAAA;QAE7E,IAAI,MAAM,EAAE,IAAI,IAAI,MAAM,CAAC,IAAI,KAAK,IAAI,CAAC,WAAW;AAAE,YAAA,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,IAAI;;IAGrF,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;QACvC,IAAI,CAAC,aAAa,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;AAC3C,QAAA,IAAI,CAAC,YAAY,GAAG,CAAC,IAAI,CAAC,OAAO,IAAI,EAAE,EAAE,GAAG,CAAC,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,KAAK,IAAI,KAAK,EAAE,EAAE,CAAC,CAAC;AAEjF,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE,IAAI,EAAE;YAC1B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI;;;IAIzC,gBAAgB,GAAA;;QAEf,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE;QAEnC,MAAM,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,mBAAmB,CAAC;AACzD,QAAA,IAAI,CAAC,MAAM;YAAE;QAEb,MAAM,QAAQ,GAAG,MAAK;YACrB,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,MAAqB;AACtE,YAAA,IAAI,CAAC,YAAY,GAAG,UAAU,GAAG,CAAC;YAClC,IAAI,CAAC,aAAa,GAAG,UAAU,GAAG,WAAW,GAAG,WAAW;AAC5D,SAAC;AACD,QAAA,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAC9D,QAAA,QAAQ,EAAE;;;AAIX,IAAA,IAAY,cAAc,GAAA;AACzB,QAAA,OAAO,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,IAAI,GAAG,CAAC,OAAO,KAAK,KAAK,CAAC;;AAGzD,IAAA,IAAY,aAAa,GAAA;QACxB,IAAI,CAAC,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,CAAC,qBAAqB;YAAE,OAAO,IAAI,CAAC,SAAS;AAE1E,QAAA,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,UAAU,IAAI,EAAE;QAEhE,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAClC,CAAC,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,WAAW,EACpC,IAAI,CAAC,WAAW,GAAG,WAAW,CAC9B;AAED,QAAA,OAAO,MAAM;;AAGd,IAAA,IAAY,cAAc,GAAA;AACzB,QAAA,MAAM,EAAE,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,UAAU,IAAI,EAAE;QAE1E,OAAO,QAAQ,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,WAAW,CAAC,CAAC;;AAG1E,IAAA,IAAY,cAAc,GAAA;QACzB,OAAO;YACN,UAAU;YACV,IAAI,CAAC,YAAY,IAAI,yBAAyB;YAC9C,IAAI,CAAC,UAAU,IAAI,sBAAsB;YACzC,IAAI,CAAC,SAAS,IAAI,qBAAqB;AACvC,YAAA,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,IAAI,mBAAmB;YAC7C,CAAC,CAAC,IAAI,CAAC,YAAY,EAAE,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,KAAK,IAAI,CAAC,IAAI,CAAC;gBACzE,yBAAyB;YAC1B,IAAI,CAAC,YAAY,IAAI,yBAAyB;YAC9C,IAAI,CAAC,aAAa,IAAI,0BAA0B;AAChD;aACC,MAAM,CAAC,OAAO;aACd,IAAI,CAAC,GAAG,CAAC;;;AAIJ,IAAA,aAAa,CAAC,GAAQ,EAAA;AAC7B,QAAA,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;;AAG7E,IAAA,eAAe,CAAC,GAAQ,EAAA;QAC/B,MAAM,aAAa,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC;QACpD,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC;QACtC,MAAM,WAAW,GAAG;cACjB,aAAa,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC;AAC/D,cAAE,CAAC,GAAG,aAAa,EAAE,GAAG,CAAC;;AAG1B,QAAA,IAAI,WAAW,CAAC,MAAM,KAAK,aAAa,CAAC,MAAM;YAAE;QAEjD,IAAI,CAAC,aAAa,GAAG,IAAI,GAAG,CAAC,WAAW,CAAC;AACzC,QAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;;AAGjD,IAAA,eAAe,CAAC,OAAoB,EAAA;QAC3C,IAAI,OAAO,EAAE;AACZ,YAAA,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC;AACjD,YAAA,IAAI,CAAC,aAAa,GAAG,IAAI,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,aAAa,EAAE,GAAG,QAAQ,CAAC,CAAC;;aAC5D;AACN,YAAA,MAAM,eAAe,GAAG,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;AACnE,YAAA,IAAI,CAAC,aAAa,GAAG,IAAI,GAAG,CAC3B,CAAC,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAC9E;;AAGF,QAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;;AAGzD,IAAA,IAAY,YAAY,GAAA;AACvB,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM;QACvC,MAAM,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,GAAG,IAClD,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,IAAI,CAClC,WAAW,IAAI,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAC5D,CACD,CAAC,MAAM;QAER,IAAI,aAAa,KAAK,CAAC;YAAE,OAAO,KAAK,CAAC;QACtC,IAAI,aAAa,KAAK,KAAK;YAAE,OAAO,IAAI,CAAC;QACzC,OAAO,IAAI,CAAC;;;AAIL,IAAA,cAAc,CAAC,MAAc,EAAA;AACpC,QAAA,MAAM,UAAU,GACf,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,IAAI,IAAI,CAAC,UAAU,GAAG,EAAE,GAAG,CAAC,CAAC;AAC3F,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC;AACvB,aAAA,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,cAAc,CAAC,MAAM,IAAI,IAAI,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,MAAM;AAC/F,aAAA,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QAC5B,OAAO;YACN,sBAAsB,EAAE,CAAG,EAAA,UAAU,CAAI,EAAA,CAAA;YACzC,uBAAuB,EAAE,CAAG,EAAA,WAAW,CAAI,EAAA,CAAA;YAC3C,OAAO,EAAE,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAI,EAAA,CAAA;YACzC,UAAU,EAAE,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAI,EAAA,CAAA;YAC5C,UAAU,EAAE,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAI,EAAA,CAAA;SAC5C;;IAGM,YAAY,CAAC,KAAa,EAAE,KAAiB,EAAA;;QAEpD,IAAI,OAAO,QAAQ,KAAK,WAAW;YAAE;AAErC,QAAA,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO;QAC5B,MAAM,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC;AAE3C,QAAA,MAAM,eAAe,GAAG,CAAC,SAAqB,KAAI;AACjD,YAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,GAAG,SAAS,CAAC,OAAO,GAAG,MAAM,EAAE,EAAE,CAAC;AAEtE,YAAA,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,GAAG,MAAM,GAAG,KAAK,KAAK,GAAG,QAAQ,GAAG,KAAK,CAAC,CAAC;AAC9F,SAAC;QAED,MAAM,aAAa,GAAG,MAAK;AAC1B,YAAA,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,eAAe,CAAC;AAC1D,YAAA,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC;AACvD,SAAC;AAED,QAAA,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,eAAe,CAAC;AACvD,QAAA,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC;;IAG5C,YAAY,CAAC,MAAqB,EAAE,GAAQ,EAAA;QACnD,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM;AACtC,QAAA,MAAM,KAAK,GAAG,OAAO,KAAK,KAAK,UAAU,GAAG,KAAK,CAAC,GAAG,CAAC,GAAG,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,IAAI,CAAC;AACvF,QAAA,OAAO,MAAM,GAAG,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,KAAK;;;IAInC,YAAY,GAAA;QACnB,QACCA,OAAA,CAAA,OAAA,EAAA,IAAA,EACCA,OAAA,CAAA,IAAA,EAAA,IAAA,EACE,IAAI,CAAC,UAAU,KACfA,OAAA,CAAA,IAAA,EAAA,EACC,KAAK,EAAE;AACN,gBAAA,OAAO,EAAE,IAAI;AACb,gBAAA,iBAAiB,EAAE,IAAI;AACvB,gBAAA,aAAa,EAAE,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,GAAG,CAAC,CAAC;AAC5E,aAAA,EACD,KAAK,EAAE;AACN,gBAAA,sBAAsB,EAAE,KAAK;AAC7B,aAAA,EAAA,EAEDA,OAAA,CAAA,aAAA,EAAA,EACC,OAAO,EAAE,IAAI,CAAC,YAAY,EAC1B,QAAQ,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,MAAM,EACpC,UAAU,EAAE,CAAC,CAA2B,KAAK,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,EAAA,CAC7D,CACX,CACL,EACA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,MAAM,MACpCA,gBACC,GAAG,EAAE,GAAG,CAAC,IAAI,EACb,KAAK,EAAE;AACN,gBAAA,OAAO,EAAE,IAAI;AACb,gBAAA,CAAC,CAAG,EAAA,GAAG,CAAC,OAAO,CAAE,CAAA,GAAG,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC;AACxC,gBAAA,aAAa,EAAE,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;gBACjF,cAAc,EAAE,OAAO,CACtB,IAAI,CAAC,YAAY,CAAC,KAAK,IAAI,MAAM,IAAI,IAAI,CAAC,cAAc,CAAC,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,KAAM,CAC1F;AACD,gBAAA,kBAAkB,EAAE,OAAO,CAC1B,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,MAAM,KAAK,IAAI,CAAC,YAAY,CAAC,IAAI,GAAG,CAAC,CAC/D;AACD,gBAAA,mBAAmB,EAAE,OAAO,CAC3B,IAAI,CAAC,YAAY,CAAC,KAAK;AACtB,oBAAA,MAAM,KAAK,IAAI,CAAC,cAAc,CAAC,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,KAAM,CACjE;AACD,aAAA,EACD,KAAK,EAAE,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAA,EAElCA,OAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,kCAAkC,GAAG,CAAC,KAAK,IAAI,MAAM,CAAE,CAAA,EAAA,EAClEA,OAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAE,eAAe,GAAG,CAAC,IAAI,CAAE,CAAA,EAAA,EACpCA,OAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,uBAAuB,EAAA,EAAE,GAAG,CAAC,KAAK,CAAO,CAC9C,EAEN,GAAG,CAAC,eAAe,IAAIA,OAAA,CAAA,SAAA,EAAA,EAAS,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,SAAS,EAAG,CAAA,EAE5E,GAAG,CAAC,OAAO,KACXA,OAAgB,CAAA,YAAA,EAAA,EAAA,GAAA,GAAG,CAAC,cAAc,EAAA,EACjCA,OAAK,CAAA,KAAA,EAAA,EAAA,IAAI,EAAC,SAAS,EAAA,EACjB,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,KACpBA,OAAA,CAAA,GAAA,EAAA,IAAA,EAAI,IAAI,CAAK,CACb,CAAC,CACG,CACM,CACb,CACI,EAEL,IAAI,CAAC,SAAS,IAAI,OAAO,MAAM,KAAK,WAAW,KAC/CA,OAAA,CAAA,KAAA,EAAA,EACC,KAAK,EAAC,gBAAgB,EACtB,WAAW,EAAE,CAAC,GAAe,KAAK,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,GAAG,CAAC,EAAA,CAC1D,CACP,CACG,CACL,CAAC,CACE,CACE;;IAIF,UAAU,GAAA;AACjB,QAAA,QACCA,OAAA,CAAA,OAAA,EAAA,EAAA,IAAY,CAAC,IAAI,CAAC,aAAa,CAAC,MAAM,IAAI,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC,EAAA,EAChE,IAAI,CAAC,SAAS,KACdA,OAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,mBAAmB,EAAA,EAC7BA,OAAA,CAAA,oBAAA,EAAA,IAAA,CAAsB,CACjB,CACN,EAEA,CAAC,IAAI,CAAC,aAAa,CAAC,MAAM,IAC1BA,OAAA,CAAA,IAAA,EAAA,EAAI,KAAK,EAAC,uBAAuB,EAAA,EAChCA,OAAI,CAAA,IAAA,EAAA,EAAA,OAAO,EAAE,IAAI,CAAC,cAAc,CAAC,MAAM,IAAI,IAAI,CAAC,UAAU,GAAG,CAAC,GAAG,CAAC,CAAC,EAAA,EAClEA,OAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,SAAS,IAAE,IAAI,CAAC,WAAW,CAAQ,CAC1C,CACD,KAEL,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,MAAM,MAClCA,OAAI,CAAA,IAAA,EAAA,EAAA,GAAG,EAAE,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,KAAK,EAAC,yBAAyB,EAAA,EACxD,IAAI,CAAC,UAAU,KACfA,OAAA,CAAA,IAAA,EAAA,EACC,KAAK,EAAE;AACN,gBAAA,OAAO,EAAE,IAAI;AACb,gBAAA,iBAAiB,EAAE,IAAI;AACvB,gBAAA,aAAa,EAAE,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,GAAG,CAAC,CAAC;AAC5E,aAAA,EACD,KAAK,EAAE;AACN,gBAAA,sBAAsB,EAAE,KAAK;aAC7B,EAAA,EAEDA,OAAA,CAAA,aAAA,EAAA,EACC,OAAO,EAAE,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,EAChC,QAAQ,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,MAAM,EACpC,UAAU,EAAE,MAAM,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,EAAA,CAC7B,CACX,CACL,EACA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,MAAM,KAAI;YAC3C,MAAM,QAAQ,GAAG,IAAI,CAAC,gBAAgB,GAAG,MAAM,EAAE,GAAG,CAAC;YAErD,QACCA,OACC,CAAA,IAAA,EAAA,EAAA,GAAG,EAAE,MAAM,CAAC,IAAI,EAChB,IAAI,EAAE,CAAM,GAAA,EAAA,MAAM,CAAC,IAAI,CAAA,CAAE,EACzB,KAAK,EAAE;AACN,oBAAA,OAAO,EAAE,IAAI;oBACb,CAAC,CAAA,OAAA,EAAU,MAAM,CAAC,KAAK,IAAI,MAAM,CAAA,CAAE,GAAG,IAAI;AAC1C,oBAAA,aAAa,EAAE,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;AACjF,oBAAA,cAAc,EAAE,OAAO,CACtB,IAAI,CAAC,YAAY,CAAC,KAAK;AACtB,wBAAA,MAAM,IAAI,IAAI,CAAC,cAAc,CAAC,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,KAAM,CAChE;AACD,oBAAA,kBAAkB,EAAE,OAAO,CAC1B,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,MAAM,KAAK,IAAI,CAAC,YAAY,CAAC,IAAI,GAAG,CAAC,CAC/D;AACD,oBAAA,mBAAmB,EAAE,OAAO,CAC3B,IAAI,CAAC,YAAY,CAAC,KAAK;AACtB,wBAAA,MAAM,KAAK,IAAI,CAAC,cAAc,CAAC,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,KAAM,CACjE;AACD,oBAAA,CAAC,CAAG,EAAA,MAAM,CAAC,OAAO,CAAE,CAAA,GAAG,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC;AAC9C,iBAAA,EACD,KAAK,EAAE,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAA,EAGlCA,OAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAE,CAAa,UAAA,EAAA,MAAM,CAAC,IAAI,CAAI,CAAA,EAAA,MAAM,EAAE,EAAA,EAC9C,QAAQ,IACR,OAAO,QAAQ,KAAK,QAAQ,IAC3BA,OAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,QAAQ,EAAS,CAAA,KAElC,QAAQ,CACR,KAED,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,GAAG,CAAC,CAC9B,CACK,CACH;AAEP,SAAC,CAAC,CACE,CACL,CAAC,CACF,CACM;;IAIV,MAAM,GAAA;QACL,QACCA,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACJD,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAC,mBAAmB,EACzB,KAAK,EAAE;gBACN,eAAe,EAAE,IAAI,CAAC,KAAK;gBAC3B,gBAAgB,EAAE,IAAI,CAAC,MAAM;aAC7B,EAAA,EAEDA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,qBAAqB,EAAA,EAC/BA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAE;AACN,gBAAA,kBAAkB,EAAE,IAAI;gBACxB,2BAA2B,EAAE,IAAI,CAAC,SAAS;AAC3C,aAAA,EAAA,EAEDA,OAAO,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,IAAI,CAAC,cAAc,EAAA,EAC5C,IAAI,CAAC,YAAY,EAAE,EAEnB,IAAI,CAAC,UAAU,EAAE,CACX,CACH,EAENA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,kBAAkB,EAAA,CAAO,CAC/B,EACL,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,KAC5CA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sBAAsB,EAAA,EAChCA,OACC,CAAA,eAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,WAAW,EAAE,CAAC,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,GAAG,IAAI,CAAC,WAAW,EAClF,QAAQ,EAAE,CAAC,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC,UAAU,CAAC,QAAQ,GAAG,IAAI,CAAC,cAAc,EACtF,YAAY,EAAE,CAAC,CAAsB,KAAI;AACxC,gBAAA,IAAI,CAAC,IAAI,CAAC,qBAAqB,EAAE;oBAChC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;;qBAC1B;AACN,oBAAA,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC,MAAM;oBAC3B,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC;;AAE1C,aAAC,EACe,CAAA,EAEhB,IAAI,CAAC,oBAAoB,KACzBA,OACC,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,WAAW,EAClC,OAAO,EAAE,IAAI,CAAC,iBAAiB,EAC/B,KAAK,EAAC,OAAO,EACb,UAAU,EAAE,CAAC,CAAyD,KAAI;gBACzE,MAAM,kBAAkB,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC;AACtE,gBAAA,IAAI,CAAC,IAAI,CAAC,qBAAqB,EAAE;AAChC,oBAAA,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,kBAAkB,CAAC;;qBAC3C;AACN,oBAAA,MAAM,cAAc,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC,CAAC;oBAClD,IAAI,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,GAAG,cAAc,CAAC,CAAC;AAChF,oBAAA,IAAI,cAAc,GAAG,IAAI,CAAC,WAAW;AAErC,oBAAA,IAAI,cAAc,GAAG,WAAW,EAAE;wBACjC,cAAc,GAAG,WAAW;;oBAG7B,IAAI,CAAC,UAAU,GAAG;AACjB,wBAAA,IAAI,EAAE,cAAc;AACpB,wBAAA,WAAW,EAAE,cAAc;AAC3B,wBAAA,QAAQ,EAAE,WAAW;qBACrB;AACD,oBAAA,IAAI,CAAC,WAAW,GAAG,cAAc;AACjC,oBAAA,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,kBAAkB,CAAC;;aAElD,GACW,CACb,CACI,CACN,CACI,CACA;;;;;;;;;;;;;"}

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

@@ -45,7 +45,7 @@ const SdTag = class {
     }
     render() {
         const tagClasses = this.getTagClasses();
-        return (index.h("span", { key: 'e9dc4b2694668a80289e94ecd9971e8e2a2fb590', class: tagClasses, style: {
+        return (index.h("span", { key: 'cd470741451fde311fc3d22d21205ea7bc86295c', 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 CHANGED Viewed

@@ -13,11 +13,11 @@ const SdTd = class {
     tdStyle;
     tdClass;
     render() {
-        return (index.h(index.Host, { key: '7c60c5073b921e3fc62d5738196f9b89710da055', role: "cell", class: {
+        return (index.h(index.Host, { key: 'b0d6911cd0c2da2999b3cc16b5014f95c6616cd2', role: "cell", class: {
                 'sd-td': true,
                 [`sd-td--${this.align}`]: true,
                 [this.tdClass || '']: Boolean(this.tdClass),
-            }, style: this.tdStyle }, index.h("slot", { key: 'af4093382842e7fafdd1d061e61e3a889237fab5' })));
+            }, style: this.tdStyle }, index.h("slot", { key: '93c9acb6c73c6dd4f9b6dcdfbed8bba000328e92' })));
     }
 };
 SdTd.style = sdTdCss;

package/dist/collection/collection-manifest.json CHANGED Viewed

@@ -6,7 +6,6 @@
     "components/sd-select/sd-select.js",
     "components/sd-select-multiple-group/sd-select-multiple-group.js",
     "components/sd-table/sd-table.js",
-    "components/sd-table/sd-table-backup.js",
     "components/sd-tag/sd-tag.js",
     "components/sd-badge/sd-badge.js",
     "components/sd-card/sd-card.js",
@@ -27,6 +26,7 @@
     "components/sd-table/sd-td/sd-td.js",
     "components/sd-table/sd-th/sd-th.js",
     "components/sd-table/sd-tr/sd-tr.js",
+    "components/sd-table-backup/sd-table-backup.js",
     "components/sd-tooltip/sd-tooltip.js",
     "components/sd-tooltip-portal/sd-tooltip-portal.js"
   ],

package/dist/collection/components/sd-badge/sd-badge.js CHANGED Viewed

@@ -6,7 +6,7 @@ export class SdBadge {
     label = '';
     render() {
         const resolvedColor = resolveColor(this.color);
-        return (h(Host, { key: '0eb736c6520c69a3b46d7ace56cd49d33afeec81' }, h("div", { key: 'f321c100d3703be8ea3c60448233bc81c8f5c117', class: `sd-badge sd-badge--${this.size}`, style: { '--sd-badge-color': resolvedColor } }, h("div", { key: 'f7970257ffcf0ad5bd90f7e5d0dbbfb18a35e535', class: "sd-badge__dot" }), h("div", { key: '117d13f51ff77d9d240c297bfd9a3251ad220d92', class: "sd-badge__label" }, this.label))));
+        return (h(Host, { key: '6fc1c113b707f4419fa48c8b4b78be6a7bbf6b83' }, h("div", { key: 'ab3297321ee0e6e742acd408901dce1b5894d200', class: `sd-badge sd-badge--${this.size}`, style: { '--sd-badge-color': resolvedColor } }, h("div", { key: '02f42d0ba064db273d83671e9c271c543787daf8', class: "sd-badge__dot" }), h("div", { key: 'f6a175282ab77e9a8ac2098029ac1aab5cb66190', class: "sd-badge__label" }, this.label))));
     }
     static get is() { return "sd-badge"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/sd-card/sd-card.js CHANGED Viewed

@@ -3,7 +3,7 @@ export class SdCard {
     bordered = true;
     class = '';
     render() {
-        return (h(Host, { key: '42ba538ab9341ea02415932b7d9332571bbb13e7' }, h("div", { key: 'b1f7b23f18b070adb2f42eea1ccdf4bc2a5ab092', class: `sd-card ${this.bordered ? 'sd-card--bordered' : ''} ${this.class}` }, h("slot", { key: 'bcb88ca0c2916e6dce00f7b503e32f522245dc4c' }))));
+        return (h(Host, { key: 'f00cdc166da4589d81d732fb4bc84d0258efaccb' }, h("div", { key: 'c640a9db7ef09eee390ca0c0e8484a5802d17cbd', class: `sd-card ${this.bordered ? 'sd-card--bordered' : ''} ${this.class}` }, h("slot", { key: '07421b4249bf7a94aa1a574011b33f7082fa984a' }))));
     }
     static get is() { return "sd-card"; }
     static get originalStyleUrls() {

package/dist/collection/components/sd-date-picker/sd-date-picker.js CHANGED Viewed

@@ -74,9 +74,9 @@ export class SdDatePicker {
         this.isOpen = false;
     };
     render() {
-        return (h(Host, { key: '9f910fccd26ab417911edb655d63608045d5c41e', class: "sd-date-picker" }, h("sd-input", { key: '45a1a6ad305af7d47fe599baa4d037776db96150', ref: el => (this.inputEl = el), value: this.date, label: this.label, "inside-label": true, readonly: true, disabled: this.disabled, inputClass: "text-center", inputStyle: {
+        return (h(Host, { key: '056414534f658c5e77fedf40d94e578299b437cc', class: "sd-date-picker" }, h("sd-input", { key: 'eb65e6bb246b604287088a3857681f2a18c06464', ref: el => (this.inputEl = el), value: this.date, label: this.label, "inside-label": true, readonly: true, disabled: this.disabled, inputClass: "text-center", inputStyle: {
                 margin: '0 0 0 8px',
-            }, onClick: () => this.openMenu() }, h("sd-icon", { key: '16e1f67a61cd25816347f0bb8d89f402dbc1a203', slot: "prefix", name: "date", size: "16", color: "#737373", class: "date-icon", onClick: () => this.openMenu() })), this.isOpen && (h("sd-portal", { key: 'f5fa53258f895e9c5052e9812e08a1175caddf4d', open: this.isOpen, parentRef: this.inputEl, onSdClose: this.handleClose }, h("div", { key: '072a2ae86e666678581d35f3e357fe5b756646ff', class: "sd-date-picker__menu" }, h("div", { key: 'c81834631a65d4f3b91939748051b3687addaeed', class: "sd-date-picker__header" }, h("div", { key: '817d4e0279ac94ab83f0ca654f0cc57670457f2e', class: "year-nav" }, h("button", { key: '50c420fa3bc7f2959f66ca0f85aefaa404b19a9e', type: "button", name: "prev-year", title: "Previous Year", onClick: () => this.setCurrentYear(this.currentYear - 1) }, h("sd-icon", { key: '33079e3ffd9d5d4152c88b57ce0ba37e6ab8ab41', name: "arrowLeft", size: "12", color: "#CCCCCC" })), h("span", { key: '93a7065db1490dc60585c94ab0bac376bce0180e', class: "year-nav__current" }, this.currentYear), h("button", { key: 'c16a36aa9a036789efb45dd957eec6e96b82d04c', type: "button", name: "next-year", title: "Next Year", onClick: () => this.setCurrentYear(this.currentYear + 1) }, h("sd-icon", { key: '421b6366168d75c9e02eba4f3c7f207bbb42cb4d', name: "arrowRight", size: "12", color: "#CCCCCC" }))), h("div", { key: '3c9cebfb11efcf592f02ff007462ff13d332f7d3', class: "month-nav" }, h("button", { key: 'aa0ec3de458a3f0b0ac5f16c8a74a0caa8c9fb12', type: "button", name: "prev-month", title: "Previous       ", onClick: () => this.handleUpdateMonth('prev') }, h("sd-icon", { key: '7c5b1ddb7c3c0d77c6cc1037429ee1f9f3750854', name: "arrowLeft", size: "12", color: "#CCCCCC" })), h("span", { key: '2560f52cdc0d9200dfca89fac02e8ca8be0c57d5', class: "month-nav__current" }, this.currentMonth, "\uC6D4"), h("button", { key: 'f4245f1dbf538225f30221d2a51cf44bca9457bf', type: "button", name: "next-month", title: "Next Month", onClick: () => this.handleUpdateMonth('next') }, h("sd-icon", { key: 'b2f721184bc7f863bd372e3fe2bdf57903324f8f', name: "arrowRight", size: "12", color: "#CCCCCC" })))), h("div", { key: '0e9b74e1ef69dd639a883b762fa974659f9c544e', class: "sd-date-picker__days" }, ['일', '월', '화', '수', '목', '금', '토'].map(day => (h("div", { key: day, class: "day" }, day)))), h("div", { key: 'dcef9e0f8ee2a31c52c6807882c85a14aa03d1c3', class: "sd-date-picker__body" }, [
+            }, onClick: () => this.openMenu() }, h("sd-icon", { key: 'd71e7a84bef6b956e77fb7f718568e8d1df59562', slot: "prefix", name: "date", size: "16", color: "#737373", class: "date-icon", onClick: () => this.openMenu() })), this.isOpen && (h("sd-portal", { key: '0cb4ff03893ddf4a095760f326104d91bdb6265b', open: this.isOpen, parentRef: this.inputEl, onSdClose: this.handleClose }, h("div", { key: '7a3bbe3f4cd379d94832005653aacc166e6b66cf', class: "sd-date-picker__menu" }, h("div", { key: '6b33cab1222e71e3004425b07afbdffef0ec0a6b', class: "sd-date-picker__header" }, h("div", { key: 'acc16c94cfea8399ce5d210de7286760238c0963', class: "year-nav" }, h("button", { key: '6f577329b27057306e163c0c92ae16eff29a15b4', type: "button", name: "prev-year", title: "Previous Year", onClick: () => this.setCurrentYear(this.currentYear - 1) }, h("sd-icon", { key: 'c8174f406a3ba95d98ae31c6f4004f4178f6ac5f', name: "arrowLeft", size: "12", color: "#CCCCCC" })), h("span", { key: 'cdcb96cd0fbf6abedcaaa7b5cca8a56c90b62284', class: "year-nav__current" }, this.currentYear), h("button", { key: '9aba8e6ebde34b7a29e52525cff8fbe8a243ae6a', type: "button", name: "next-year", title: "Next Year", onClick: () => this.setCurrentYear(this.currentYear + 1) }, h("sd-icon", { key: '423d3b35b56f32006edfd0bdf6f457dd46a591b5', name: "arrowRight", size: "12", color: "#CCCCCC" }))), h("div", { key: 'c5dd3a1b495e48c2c980207591f161486042c361', class: "month-nav" }, h("button", { key: '48265eec87bdb40c3189d07ef1711bf95bb55381', type: "button", name: "prev-month", title: "Previous       ", onClick: () => this.handleUpdateMonth('prev') }, h("sd-icon", { key: '7274e698f9c7a06369c8fe6064ec0acd9fce62c8', name: "arrowLeft", size: "12", color: "#CCCCCC" })), h("span", { key: '54e15aaad9ac9563f66a6bb4dc7b19f7dc01d7c0', class: "month-nav__current" }, this.currentMonth, "\uC6D4"), h("button", { key: '32da2302da74ef7bc8805138ce414b903d247878', type: "button", name: "next-month", title: "Next Month", onClick: () => this.handleUpdateMonth('next') }, h("sd-icon", { key: '041809657b4288519ca476953be773403912c858', name: "arrowRight", size: "12", color: "#CCCCCC" })))), h("div", { key: 'd32cd40e6df89c95f4b2639c6bc98f7156a09bc2', class: "sd-date-picker__days" }, ['일', '월', '화', '수', '목', '금', '토'].map(day => (h("div", { key: day, class: "day" }, day)))), h("div", { key: 'e6fafbf9ec82a8f3abe9d67c61279598498a7396', class: "sd-date-picker__body" }, [
             ...this.calendar.prevMonthDays,
             ...this.calendar.days,
             ...this.calendar.afterMonthDays,

package/dist/collection/components/sd-date-range-picker/sd-date-range-picker.js CHANGED Viewed

@@ -137,9 +137,9 @@ export class SdDateRangePicker {
         this.isOpen = false;
     };
     render() {
-        return (h(Host, { key: '32819a4bb1098493ff7eeeb5c01f3d76e5b1bcbc', class: "sd-date-range-picker" }, h("sd-input", { key: '3ce75d2544e24fb09b6ed853f35295834ad48c0d', ref: el => (this.inputEl = el), value: `${this.dateRange[0]} ~ ${this.dateRange[1]}`, label: this.label, "inside-label": true, readonly: true, disabled: this.disabled, inputClass: "text-center", inputStyle: {
+        return (h(Host, { key: '9c7457b54e433a167193eeaafa8a0e7755ca24db', class: "sd-date-range-picker" }, h("sd-input", { key: '85b4c4fca2e6157ae7f6291593a20329086fe372', ref: el => (this.inputEl = el), value: `${this.dateRange[0]} ~ ${this.dateRange[1]}`, label: this.label, "inside-label": true, readonly: true, disabled: this.disabled, inputClass: "text-center", inputStyle: {
                 margin: '0 0 0 8px',
-            }, onClick: () => this.openMenu() }, h("sd-icon", { key: 'a38e381819ac1c469cfab99e8da3eca641d9dff5', slot: "prefix", name: "date", size: "16", color: "#737373", class: "date-icon", onClick: () => this.openMenu() })), this.isOpen && (h("sd-portal", { key: '05ea74ce59f9bfbe14404eea31a877fc007ab105', open: this.isOpen, parentRef: this.inputEl, onSdClose: this.handleClose }, h("div", { key: 'ec87b0e8dc56d880ad21f8bd233ba04b150bb6f0', class: "sd-date-range-picker__menu" }, h("div", { key: 'e6115593eef709220a1d0cf100b8896741b16553', class: "sd-date-range-picker__header mb-16pxr flex flex-nowrap items-center justify-center" }, h("button", { key: 'a823d93eaf49bd691bf6e851056b5e2a95be3af9', type: "button", name: "prev", title: "Previous", onClick: () => this.setPrevYear(this.prevYear - 1) }, h("sd-icon", { key: 'ebfad0c30a3a6847eb7fc3420a41c421560a83b1', name: "arrowLeft", size: "12", color: "#CCCCCC" })), h("div", { key: '4f65c1f3b510d7c527fcd61369046944186a101b', class: "header-label" }, this.prevYear), h("button", { key: '61d7903a7ee28d864f8d92dc6e79642ea5100660', type: "button", name: "next", title: "Next", onClick: () => this.setPrevYear(this.prevYear + 1) }, h("sd-icon", { key: '3a18bb2fc66635ac7313a533b484a339be121e41', name: "arrowRight", size: "12", color: "#CCCCCC" }))), h("div", { key: '579d6c2ec0866798b19f0bc2f5a3d23d1beea64a', class: "sd-date-range-picker__body" }, [this.prevCalendar, this.nextCalendar].map((calendar, index) => (h(Fragment, null, index === 1 && h("div", { class: "separator" }), h("div", { key: index, class: "calendar-container" }, h("div", { class: "calendar-header" }, h("button", { type: "button", name: "month", title: "Month", class: index === 0 ? 'header-button-prev' : 'header-button-next', onClick: () => this.updateYearMonth(index === 0 ? 'prev' : 'next') }, h("sd-icon", { name: index === 0 ? 'arrowLeft' : 'arrowRight', size: "12", color: "#CCCCCC" })), index === 0
+            }, onClick: () => this.openMenu() }, h("sd-icon", { key: 'e38b9dde8571369ff85bf10baff71437b0cf48f4', slot: "prefix", name: "date", size: "16", color: "#737373", class: "date-icon", onClick: () => this.openMenu() })), this.isOpen && (h("sd-portal", { key: '2f85011e2a47bb0717239da419fcd27c8410db81', open: this.isOpen, parentRef: this.inputEl, onSdClose: this.handleClose }, h("div", { key: '21f147563f6ab7c9a1a2b08cf1951bb11a8a0302', class: "sd-date-range-picker__menu" }, h("div", { key: '2dad8cef33d07db263a73cd3760dbf44e33dd7ab', class: "sd-date-range-picker__header mb-16pxr flex flex-nowrap items-center justify-center" }, h("button", { key: '53ccd475c6ebec5999158b2669878b0426e505d1', type: "button", name: "prev", title: "Previous", onClick: () => this.setPrevYear(this.prevYear - 1) }, h("sd-icon", { key: 'aba2465aae092388568006a7a968c27446476470', name: "arrowLeft", size: "12", color: "#CCCCCC" })), h("div", { key: 'd4384c1901a5e5221d55a18e014c0955af561660', class: "header-label" }, this.prevYear), h("button", { key: '26f2e7f9da0f4571d4ca2cf0a668ceb4784af9c6', type: "button", name: "next", title: "Next", onClick: () => this.setPrevYear(this.prevYear + 1) }, h("sd-icon", { key: 'fc670a78e443dc7de8fbb05fe3233ae5bd6544d4', name: "arrowRight", size: "12", color: "#CCCCCC" }))), h("div", { key: 'fb2157002f772dee6c4ff4b76cd3c942d4bb9965', class: "sd-date-range-picker__body" }, [this.prevCalendar, this.nextCalendar].map((calendar, index) => (h(Fragment, null, index === 1 && h("div", { class: "separator" }), h("div", { key: index, class: "calendar-container" }, h("div", { class: "calendar-header" }, h("button", { type: "button", name: "month", title: "Month", class: index === 0 ? 'header-button-prev' : 'header-button-next', onClick: () => this.updateYearMonth(index === 0 ? 'prev' : 'next') }, h("sd-icon", { name: index === 0 ? 'arrowLeft' : 'arrowRight', size: "12", color: "#CCCCCC" })), index === 0
             ? `${this.prevYear}.${String(this.prevMonth).padStart(2, '0')}`
             : `${this.nextYear}.${String(this.nextMonth).padStart(2, '0')}`), h("div", { class: "calendar-days" }, ['일', '월', '화', '수', '목', '금', '토'].map(day => (h("sd-date-box", { key: day, date: day, disabled: true, class: "day" })))), h("div", { class: "calendar-body mt-12pxr grid grid-cols-7 gap-y-8pxr" }, [...calendar.prevMonthDays, ...calendar.days, ...calendar.afterMonthDays].map((day, idx) => (h("sd-date-box", { key: `prev${day}_${idx}`, date: !day ? '' : Number(day), selected: this.dateRange.some(date => date ===
                 this.dateUtil.formatDate(index === 0 ? this.prevYear : this.nextYear, index === 0 ? this.prevMonth : this.nextMonth, Number(day))), type: this.getDateBoxType(this.dateUtil.formatDate(index === 0 ? this.prevYear : this.nextYear, index === 0 ? this.prevMonth : this.nextMonth, Number(day))), isToday: today ===

package/dist/collection/components/sd-guide/sd-guide.js CHANGED Viewed

@@ -47,11 +47,11 @@ export class SdGuide {
     };
     render() {
         const { name: iconName, size: iconSize, color: iconColor } = GUIDE_ICON[this.type];
-        return (h(Host, { key: '456a4ced90ec49ddf4969c1e9a87d68fc503355c', style: {
+        return (h(Host, { key: 'cc560b500dc857dd2fb9817d5f870e702cfe6420', style: {
                 '--sd-guide-color': GUIDE_ICON[this.type].color,
-            } }, h("sd-button", { key: '64e61ca7e8d475abac27191f6f7e2ee33d7b8bc8', ref: el => (this.guideRef = el), class: this.guideClass, variant: this.popupShow ? 'primary' : 'outline', label: GUIDE_LABEL[this.type], size: "sm", color: this.popupShow ? GUIDE_ICON[this.type].color : 'grey_45', icon: iconName, iconColor: this.popupShow ? 'white' : iconColor, iconSize: iconSize, noHover: this.popupShow, onSdClick: this.handleClickGuide }), this.type === 'help' && this.popupShow && (h("sd-portal", { key: '6139d4b7436c3d90e1b0228e1d105a15be240b60', open: this.popupShow, parentRef: this.guideRef, onSdClose: this.closeDropdown, offset: [0, 4] }, h("div", { key: 'b83b58048bc943f28decd421eca8eca78cfb87fd', class: "sd-guide__popup", style: { width: this.popupWidth ? this.popupWidth + 'px' : '426px' } }, h("sd-button", { key: 'd5a27f011f1ef48f7b02cd1a12684a322b077dbf', class: "sd-guide__popup__close", icon: "close", color: colors.grey_65, size: "md", variant: "ghost", noHover: true,
+            } }, h("sd-button", { key: '4abbeb9eb5a021b790516ad6356ca61a8c81e30d', ref: el => (this.guideRef = el), class: this.guideClass, variant: this.popupShow ? 'primary' : 'outline', label: GUIDE_LABEL[this.type], size: "sm", color: this.popupShow ? GUIDE_ICON[this.type].color : 'grey_45', icon: iconName, iconColor: this.popupShow ? 'white' : iconColor, iconSize: iconSize, noHover: this.popupShow, onSdClick: this.handleClickGuide }), this.type === 'help' && this.popupShow && (h("sd-portal", { key: 'acdee17ca7be22d52bbb7309430d3ce27bab8784', open: this.popupShow, parentRef: this.guideRef, onSdClose: this.closeDropdown, offset: [0, 4] }, h("div", { key: '8e7402bcf9308e9c3890a4ad55a54efe5f440c95', class: "sd-guide__popup", style: { width: this.popupWidth ? this.popupWidth + 'px' : '426px' } }, h("sd-button", { key: '05eb16594e9a2b16974e957988149114ac2bc0f9', class: "sd-guide__popup__close", icon: "close", color: colors.grey_65, size: "md", variant: "ghost", noHover: true,
             // buttonStyle={{ padding: '0px', minHeight: '0px' }}
-            onSdClick: this.closeDropdown }), h("div", { key: '400884e7c9d5bc84a21a45bb6eb8bf83974d65a6', class: "sd-guide__popup__header" }, h("sd-icon", { key: '87c70c74d58100ab13de6daa338760856b20bebe', name: "helpOutline", size: 24, color: colors.green_65 }), h("h3", { key: '1ac10ed9ddc9fad160df651e4f6df90929c75b96', class: "sd-guide__popup__title" }, this.label || GUIDE_LABEL[this.type])), h("ul", { key: '17aebdd0710223e0ddfe6502ebb14c74f3e6cdb2', class: "sd-guide__popup__list" }, this.renderListItem(this.message)))))));
+            onSdClick: this.closeDropdown }), h("div", { key: 'fc36f51b032fd41e63d53024f0714fbf974b37a3', class: "sd-guide__popup__header" }, h("sd-icon", { key: 'bb6a8005b45704029d7c8fdde7908d52c7fb2bd1', name: "helpOutline", size: 24, color: colors.green_65 }), h("h3", { key: 'bafff977e7a4c36515c035fc05074d5445a111bb', class: "sd-guide__popup__title" }, this.label || GUIDE_LABEL[this.type])), h("ul", { key: '1adafdaf539257ba4b61b958ef3a21362d5e44bf', class: "sd-guide__popup__list" }, this.renderListItem(this.message)))))));
     }
     // 현재 2depth까지만 스타일 적용
     renderListItem(message, depth = 0) {

package/dist/collection/components/sd-icon/sd-icon.js CHANGED Viewed

@@ -25,7 +25,7 @@ export class SdIcon {
     }
     render() {
         const IconComponent = Icons[this.name]?.[this.size];
-        return (h("i", { key: '4a6dcce190786e6871983bace12e3b83626cf34f', class: this.getIconClasses(), style: this.iconStyle }, h(IconComponent, { key: '8e8d9e8bdbde174e7fee37d2ac669bb5bdcc2d69', color: this.resolvedColor })));
+        return (h("i", { key: '1b3f72da8307068cb0723bbc66723bfcf15a4644', class: this.getIconClasses(), style: this.iconStyle }, h(IconComponent, { key: 'a2526ffca360d28daf0f265822072e294ed27155', color: this.resolvedColor })));
     }
     static get is() { return "sd-icon"; }
     static get originalStyleUrls() {

package/dist/collection/components/sd-input/sd-input.js CHANGED Viewed

@@ -89,11 +89,11 @@ export class SdInput {
                 '--input-width': typeof this.width === 'number' ? `${this.width}px` : this.width,
             }
             : {};
-        return (h(Host, { key: 'b32d1ffee0333ce2bf7cfc4ea6157bd05e8072c8', style: inputWidth }, this.label && h("div", { key: '886bf269148fdf6539e47840ae769ea21a0c2b32', class: "sd-input__label" }, this.label), h("label", { key: '9879bcdf3f2d70e15470154210f222398fedcb24', class: {
+        return (h(Host, { key: 'bb677f1411303375222c7eadf7738d97de04c4ad', style: inputWidth }, this.label && h("div", { key: '0d05e92148e90645bf8c61d94693eb74d0e37154', class: "sd-input__label" }, this.label), h("label", { key: 'a6a9a4912b4e0e9fb44d9d273f73b88db804bd97', class: {
                 'sd-input': true,
                 [this.getInputStatus()]: true,
                 'sd-input--barcode': !!this.barcode,
-            }, onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false), style: this.inputStyle }, h("slot", { key: '7af6869c5e833133e596a36b6431756e72778eda', name: "prefix" }), h("input", { key: '7e512876904fc73c7dcf7ff67f0d3cca4c9bff6c', ref: el => (this.nativeEl = el), class: `sd-input__native_element ${this.inputClass}`, type: "text", value: this.internalValue || '', placeholder: this.placeholder, disabled: this.disabled, readonly: this.readonly, autofocus: this.autoFocus, onInput: this.handleInput, onChange: this.handleChange, onFocus: event => this.handleFocus('focus', event), onBlur: event => this.handleFocus('blur', event) }), h("slot", { key: '98cf2e1011b873fe0aaa352351a1fe669a6ab095', name: "suffix" }), this.clearable && this.internalValue && (h("sd-icon", { key: '3cf6dbe1ab1bad476a636a634ebed6120902216b', name: "close", color: "#888", class: "sd-input__clear-icon", onClick: () => {
+            }, onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false), style: this.inputStyle }, h("slot", { key: 'df634eb250fc1dff27e1db4372b3c90c14f9cd79', name: "prefix" }), h("input", { key: '0d2e5619efef215cd7c9552a015422bf9c036d35', ref: el => (this.nativeEl = el), class: `sd-input__native_element ${this.inputClass}`, type: "text", value: this.internalValue || '', placeholder: this.placeholder, disabled: this.disabled, readonly: this.readonly, autofocus: this.autoFocus, onInput: this.handleInput, onChange: this.handleChange, onFocus: event => this.handleFocus('focus', event), onBlur: event => this.handleFocus('blur', event) }), h("slot", { key: 'c139e8cb7691263e1f4ab2e1e0eadc8284303a39', name: "suffix" }), this.clearable && this.internalValue && (h("sd-icon", { key: 'b4e2a13aabf0257ff72d982197b8eab99ad6d441', name: "close", color: "#888", class: "sd-input__clear-icon", onClick: () => {
                 this.internalValue = '';
                 this.sdChange?.emit(this.internalValue);
                 this.sdInput?.emit(this.internalValue);

package/dist/collection/components/sd-loading-spinner/sd-loading-spinner.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class SdLoadingSpinner {
     render() {
-        return (h(Host, { key: 'ba76870b7aa2e0f15d17e58bcd61a3650a38065b' }, h("svg", { key: '0e36eec7e7c7a0de28c734502da028f08ab2cdb8', class: "sd-loading-spinner text-positive", width: "72px", height: "72px", viewBox: "25 25 50 50" }, h("circle", { key: 'c74a1e3e6aa6a00bc0cfde588d07fc13e47c1ba3', class: "path", cx: "50", cy: "50", r: "20", fill: "none", stroke: "currentColor", "stroke-width": "5", "stroke-miterlimit": "10" }))));
+        return (h(Host, { key: '8ab87f8cf1e002856b6721de5ca5313ccafb3265' }, h("svg", { key: 'da44064be6ab5c19d8517eb4da37c4849997715b', class: "sd-loading-spinner text-positive", width: "72px", height: "72px", viewBox: "25 25 50 50" }, h("circle", { key: 'f446e24aabaf694e4158ec7e91ad4c39e33b4f91', class: "path", cx: "50", cy: "50", r: "20", fill: "none", stroke: "currentColor", "stroke-width": "5", "stroke-miterlimit": "10" }))));
     }
     static get is() { return "sd-loading-spinner"; }
     static get originalStyleUrls() {

package/dist/collection/components/sd-pagination/sd-pagination.js CHANGED Viewed

@@ -73,12 +73,12 @@ export class SdPagination {
         }
     }
     render() {
-        return (h("div", { key: '32ceb425c836a4051dec25cdb69aa4a3b189acd5', class: this.paginationClasses }, h("div", { key: '19ad8d6a74f2f658efa5a6bdcb6cae1458412a88', class: "prepend-btns" }, this.renderPrevButtons()), this.simple ? (h("div", { class: "pagination-info" }, h("span", { class: "current-page" }, this.currentPage), h("span", null, "/"), h("span", { class: "last-page" }, this.lastPage))) : (this.pageNumbers.map(n => (h("button", { type: "button", "aria-current": this.currentPage === n ? 'page' : undefined, class: {
+        return (h("div", { key: 'ee07e420809eca9641ab325d38c48a054b9e04de', class: this.paginationClasses }, h("div", { key: 'a7b7f129832a465fd4426cf142385f37461a65b7', class: "prepend-btns" }, this.renderPrevButtons()), this.simple ? (h("div", { class: "pagination-info" }, h("span", { class: "current-page" }, this.currentPage), h("span", null, "/"), h("span", { class: "last-page" }, this.lastPage))) : (this.pageNumbers.map(n => (h("button", { type: "button", "aria-current": this.currentPage === n ? 'page' : undefined, class: {
                 'pagination-btn': true,
                 'pagination-btn--selected': this.currentPage === n,
             }, disabled: this.currentPage === n, style: {
                 '--pagination-btn-width': `${this.buttonWidth}px`,
-            }, onClick: () => this.handlePageChange(n) }, n)))), h("div", { key: 'c78801a4c1db43f2fefca6e2684297a5c4ab366f', class: "append-btns" }, this.renderNextButtons())));
+            }, onClick: () => this.handlePageChange(n) }, n)))), h("div", { key: 'c1a8fd3d61d24652a17ec30ed436c90c77a19144', class: "append-btns" }, this.renderNextButtons())));
     }
     static get is() { return "sd-pagination"; }
     static get originalStyleUrls() {