npm - @sellmate/design-system - Versions diffs - 0.0.26 → 0.0.27 - Mend

@sellmate/design-system 0.0.26 → 0.0.27

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 (87) hide show

package/dist/components/sd-table.js.map CHANGED Viewed

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

package/dist/components/sd-tooltip-portal.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { S as SdTooltipPortal$1, d as defineCustomElement$1 } from './p-Cs1Kf3Tx.js';
+import { S as SdTooltipPortal$1, d as defineCustomElement$1 } from './p-qJp_DZU2.js';
 const SdTooltipPortal = SdTooltipPortal$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/sd-tooltip.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { S as SdTooltip$1, d as defineCustomElement$1 } from './p-BhRUodRD.js';
+import { S as SdTooltip$1, d as defineCustomElement$1 } from './p-B3EQCsY9.js';
 const SdTooltip = SdTooltip$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/design-system/design-system.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{p as e,g as o,b as t}from"./p-B2T3tS5r.js";export{s as setNonce}from"./p-B2T3tS5r.js";var a=()=>{const o=import.meta.url;const t={};if(o!==""){t.resourcesUrl=new URL(".",o).href}return e(t)};a().then((async e=>{await o();return t([["p-e061c4f8",[[772,"sd-select-multiple",{value:[1040],label:[1],options:[1040],placeholder:[1],optionPlaceholder:[1,"option-placeholder"],width:[1],dropdownHeight:[1,"dropdown-height"],disabled:[4],clearable:[4],searchable:[4],useCheckbox:[4,"use-checkbox"],optionRenderer:[16],filteredOptions:[32],isOpen:[32],searchText:[32],itemIndex:[32],isScrolled:[32]},null,{value:["valueChanged"],options:["optionsChanged"],searchText:["searchTextChanged"],itemIndex:["itemIndexChanged"],isOpen:["isOpenChanged"]}]]],["p-054ae376",[[772,"sd-select-multiple-group",{value:[1040],label:[1],options:[1040],placeholder:[1],optionPlaceholder:[1,"option-placeholder"],width:[1],dropdownHeight:[1,"dropdown-height"],disabled:[4],clearable:[4],searchable:[4],useCheckbox:[4,"use-checkbox"],containerStyle:[16],triggerStyle:[16],dropdownStyle:[16],optionStyle:[16],labelStyle:[16],optionRenderer:[16],filteredOptions:[32],isOpen:[32],searchText:[32],itemIndex:[32],isScrolled:[32]},null,{value:["valueChanged"],options:["optionsChanged"],searchText:["searchTextChanged"],itemIndex:["itemIndexChanged"],isOpen:["isOpenChanged"]}]]],["p-a7ab1b43",[[770,"sd-date-picker",{date:[1],label:[1],selectable:[16],disabled:[4],isOpen:[32],currentDate:[32],currentYear:[32],currentMonth:[32]}]]],["p-e25d96e4",[[770,"sd-date-range-picker",{date:[16],label:[1],selectable:[16],maxRange:[2,"max-range"],disabled:[4],isOpen:[32],dateRange:[32],hoverDate:[32],prevYear:[32],prevMonth:[32]}]]],["p-af3a1dbb",[[769,"sd-popover",{show:[1028],placement:[513],color:[513],icon:[513],iconSize:[514,"icon-size"],label:[1],buttonSize:[513,"button-size"],buttonVariant:[513,"button-variant"],menuTitle:[513,"title"],messages:[16],buttons:[16],menuClass:[1,"menu-class"],noHover:[4,"no-hover"],useClose:[4,"use-close"],showPopover:[32],slotContent:[32]},null,{show:["watchShowHandler"]}]]],["p-3d9fccae",[[770,"sd-badge",{size:[1],color:[1],label:[1]}]]],["p-d1aa75e7",[[772,"sd-card",{bordered:[4],class:[1]}]]],["p-12134716",[[769,"sd-tag",{size:[1],color:[1],rounded:[4],label:[1],bgColor:[1,"bg-color"],textColor:[1,"text-color"]}]]],["p-871c8d66",[[770,"sd-date-box",{date:[8],disabled:[4],selected:[4],isStartDate:[4,"is-start-date"],isEndDate:[4,"is-end-date"],isToday:[4,"is-today"],inRange:[4,"in-range"],type:[1]}]]],["p-9975f6f3",[[772,"sd-table",{columns:[16],rows:[1040],selected:[1040],rowKey:[1,"row-key"],selectable:[4],resizable:[4],width:[1],height:[1],stickyHeader:[4,"sticky-header"],stickyColumn:[16],noDataLabel:[1,"no-data-label"],pagination:[16],bodyCellRenderer:[16],useInternalPagination:[4,"use-internal-pagination"],useRowsPerPageSelect:[4,"use-rows-per-page-select"],rowsPerPageOption:[16],currentPage:[32],innerRows:[32],innerSelected:[32],columnWidths:[32],scrolledLeft:[32],scrolledRight:[32]},null,{columns:["handleColumnsChange"],rows:["handleRowsChange"],selected:["handleSelectedChange"],pagination:["handlePaginationChange"]}],[768,"sd-guide",{type:[1],label:[1],message:[1],guideUrl:[1,"guide-url"],popupWidth:[2,"popup-width"],popupShow:[32]}],[772,"sd-select",{value:[1032],label:[1],options:[1040],placeholder:[1],optionPlaceholder:[1,"option-placeholder"],width:[1],dropdownHeight:[1,"dropdown-height"],disabled:[4],clearable:[4],searchable:[4],optionRenderer:[16],filteredOptions:[32],isOpen:[32],searchText:[32],itemIndex:[32],isScrolled:[32]},null,{value:["valueChanged"],options:["optionsChanged"],searchText:["searchTextChanged"],itemIndex:["itemIndexChanged"],isOpen:["isOpenChanged"]}],[768,"sd-tooltip",{trigger:[1],placement:[1],color:[1],type:[1],icon:[1],iconSize:[2,"icon-size"],label:[1],buttonSize:[1,"button-size"],buttonVariant:[1,"button-variant"],noHover:[4,"no-hover"],useClose:[4,"use-close"],showTooltip:[32],slotContent:[32]}],[768,"sd-pagination",{currentPage:[2,"current-page"],lastPage:[2,"last-page"],simple:[4]},null,{currentPage:["onPropChange"],lastPage:["onPropChange"]}],[768,"sd-select-option",{option:[16],index:[2],isSelected:[4,"is-selected"],isFocused:[4,"is-focused"],optionStyle:[16],disabled:[4],useCheckbox:[4,"use-checkbox"],isHovered:[32],isDisabled:[64]}],[769,"sd-tooltip-portal",{to:[1],parentRef:[16],offset:[16],zIndex:[2,"z-index"],placement:[1],open:[4]},[[9,"scroll","updatePosition"],[9,"resize","updatePosition"],[9,"mousedown","handleMouseDown"],[8,"click","handleWindowClick"]]],[768,"sd-button",{variant:[1],size:[1],color:[1],label:[1],disabled:[4],type:[1],icon:[1],iconColor:[1,"icon-color"],iconSize:[2,"icon-size"],iconRight:[1,"icon-right"],noHover:[4,"no-hover"],class:[1]}],[768,"sd-checkbox",{checked:[4],val:[8],disabled:[4],label:[1],isChecked:[32]},null,{checked:["watchValueHandler"]}],[772,"sd-input",{value:[1032],label:[1],placeholder:[1],disabled:[4],clearable:[4],width:[8],barcode:[4],rules:[16],autoFocus:[4,"auto-focus"],status:[1],inputClass:[1,"input-class"],readonly:[4],inputStyle:[16],internalValue:[32],error:[32],focused:[32],hovered:[32],getNativeElement:[64]},null,{value:["valueChanged"],internalValue:["internalValueChanged"]}],[772,"sd-portal",{to:[1],parentRef:[16],offset:[16],zIndex:[2,"z-index"],open:[4]},[[9,"scroll","updatePosition"],[9,"resize","updatePosition"],[9,"mousedown","handleMouseDown"],[8,"click","handleWindowClick"]]],[768,"sd-icon",{name:[1],size:[8],color:[1],rotate:[2],label:[1],iconStyle:[16]}]]],["p-12b6c1a5",[[768,"sd-select-option-group",{option:[16],index:[2],isSelected:[4,"is-selected"],isFocused:[4,"is-focused"],optionStyle:[16],disabled:[4],useCheckbox:[4,"use-checkbox"],useIndicator:[4,"use-indicator"],countInfo:[16],isHovered:[32],isDisabled:[64]}]]]],e)}));
+import{p as e,g as o,b as n}from"./p-B2T3tS5r.js";export{s as setNonce}from"./p-B2T3tS5r.js";var t=()=>{const o=import.meta.url;const n={};if(o!==""){n.resourcesUrl=new URL(".",o).href}return e(n)};t().then((async e=>{await o();return n([["p-8fbdec47",[[772,"sd-select-multiple",{value:[1040],label:[1],options:[1040],placeholder:[1],optionPlaceholder:[1,"option-placeholder"],width:[1],dropdownHeight:[1,"dropdown-height"],disabled:[4],clearable:[4],searchable:[4],useCheckbox:[4,"use-checkbox"],optionRenderer:[16],filteredOptions:[32],isOpen:[32],searchText:[32],itemIndex:[32],isScrolled:[32]},null,{value:["valueChanged"],options:["optionsChanged"],searchText:["searchTextChanged"],itemIndex:["itemIndexChanged"],isOpen:["isOpenChanged"]}]]],["p-054ae376",[[772,"sd-select-multiple-group",{value:[1040],label:[1],options:[1040],placeholder:[1],optionPlaceholder:[1,"option-placeholder"],width:[1],dropdownHeight:[1,"dropdown-height"],disabled:[4],clearable:[4],searchable:[4],useCheckbox:[4,"use-checkbox"],containerStyle:[16],triggerStyle:[16],dropdownStyle:[16],optionStyle:[16],labelStyle:[16],optionRenderer:[16],filteredOptions:[32],isOpen:[32],searchText:[32],itemIndex:[32],isScrolled:[32]},null,{value:["valueChanged"],options:["optionsChanged"],searchText:["searchTextChanged"],itemIndex:["itemIndexChanged"],isOpen:["isOpenChanged"]}]]],["p-a7ab1b43",[[770,"sd-date-picker",{date:[1],label:[1],selectable:[16],disabled:[4],isOpen:[32],currentDate:[32],currentYear:[32],currentMonth:[32]}]]],["p-e25d96e4",[[770,"sd-date-range-picker",{date:[16],label:[1],selectable:[16],maxRange:[2,"max-range"],disabled:[4],isOpen:[32],dateRange:[32],hoverDate:[32],prevYear:[32],prevMonth:[32]}]]],["p-4cad47c5",[[769,"sd-popover",{show:[1028],placement:[513],color:[513],icon:[513],iconSize:[514,"icon-size"],label:[1],buttonSize:[513,"button-size"],buttonVariant:[513,"button-variant"],menuTitle:[513,"title"],messages:[16],buttons:[16],menuClass:[1,"menu-class"],noHover:[4,"no-hover"],useClose:[4,"use-close"],showPopover:[32],slotContent:[32]},null,{show:["watchShowHandler"]}]]],["p-3d9fccae",[[770,"sd-badge",{size:[1],color:[1],label:[1]}]]],["p-d1aa75e7",[[772,"sd-card",{bordered:[4],class:[1]}]]],["p-12134716",[[769,"sd-tag",{size:[1],color:[1],rounded:[4],label:[1],bgColor:[1,"bg-color"],textColor:[1,"text-color"]}]]],["p-871c8d66",[[770,"sd-date-box",{date:[8],disabled:[4],selected:[4],isStartDate:[4,"is-start-date"],isEndDate:[4,"is-end-date"],isToday:[4,"is-today"],inRange:[4,"in-range"],type:[1]}]]],["p-38c4f9b1",[[772,"sd-table",{columns:[16],rows:[1040],selected:[1040],rowKey:[1,"row-key"],selectable:[4],resizable:[4],width:[1],height:[1],stickyHeader:[4,"sticky-header"],stickyColumn:[16],noDataLabel:[1,"no-data-label"],isLoading:[4,"is-loading"],pagination:[16],bodyCellRenderer:[16],useInternalPagination:[4,"use-internal-pagination"],useRowsPerPageSelect:[4,"use-rows-per-page-select"],rowsPerPageOption:[16],currentPage:[32],innerRows:[32],innerSelected:[32],columnWidths:[32],scrolledLeft:[32],scrolledRight:[32]},null,{columns:["handleColumnsChange"],rows:["handleRowsChange"],selected:["handleSelectedChange"],pagination:["handlePaginationChange"]}],[768,"sd-guide",{type:[1],label:[1],message:[1],guideUrl:[1,"guide-url"],popupWidth:[2,"popup-width"],popupShow:[32]}],[772,"sd-select",{value:[1032],label:[1],options:[1040],placeholder:[1],optionPlaceholder:[1,"option-placeholder"],width:[1],dropdownHeight:[1,"dropdown-height"],disabled:[4],clearable:[4],searchable:[4],optionRenderer:[16],filteredOptions:[32],isOpen:[32],searchText:[32],itemIndex:[32],isScrolled:[32]},null,{value:["valueChanged"],options:["optionsChanged"],searchText:["searchTextChanged"],itemIndex:["itemIndexChanged"],isOpen:["isOpenChanged"]}],[768,"sd-tooltip",{trigger:[1],placement:[1],color:[1],type:[1],icon:[1],iconSize:[2,"icon-size"],label:[1],buttonSize:[1,"button-size"],buttonVariant:[1,"button-variant"],noHover:[4,"no-hover"],useClose:[4,"use-close"],showTooltip:[32],slotContent:[32]}],[768,"sd-pagination",{currentPage:[2,"current-page"],lastPage:[2,"last-page"],simple:[4]},null,{currentPage:["onPropChange"],lastPage:["onPropChange"]}],[256,"sd-loading-spinner"],[768,"sd-select-option",{option:[16],index:[2],isSelected:[4,"is-selected"],isFocused:[4,"is-focused"],optionStyle:[16],disabled:[4],useCheckbox:[4,"use-checkbox"],isHovered:[32],isDisabled:[64]}],[769,"sd-tooltip-portal",{to:[1],parentRef:[16],offset:[16],zIndex:[2,"z-index"],placement:[1],open:[4]},[[9,"scroll","updatePosition"],[9,"resize","updatePosition"],[9,"mousedown","handleMouseDown"],[8,"click","handleWindowClick"]]],[768,"sd-button",{variant:[1],size:[1],color:[1],label:[1],disabled:[4],type:[1],icon:[1],iconColor:[1,"icon-color"],iconSize:[2,"icon-size"],iconRight:[1,"icon-right"],noHover:[4,"no-hover"],class:[1]}],[768,"sd-checkbox",{checked:[4],val:[8],disabled:[4],label:[1],isChecked:[32]},null,{checked:["watchValueHandler"]}],[772,"sd-input",{value:[1032],label:[1],placeholder:[1],disabled:[4],clearable:[4],width:[8],barcode:[4],rules:[16],autoFocus:[4,"auto-focus"],status:[1],inputClass:[1,"input-class"],readonly:[4],inputStyle:[16],internalValue:[32],error:[32],focused:[32],hovered:[32],getNativeElement:[64]},null,{value:["valueChanged"],internalValue:["internalValueChanged"]}],[772,"sd-portal",{to:[1],parentRef:[16],offset:[16],zIndex:[2,"z-index"],open:[4]},[[9,"scroll","updatePosition"],[9,"resize","updatePosition"],[9,"mousedown","handleMouseDown"],[8,"click","handleWindowClick"]]],[768,"sd-icon",{name:[1],size:[8],color:[1],rotate:[2],label:[1],iconStyle:[16]}]]],["p-e2e1c401",[[768,"sd-select-option-group",{option:[16],index:[2],isSelected:[4,"is-selected"],isFocused:[4,"is-focused"],optionStyle:[16],disabled:[4],useCheckbox:[4,"use-checkbox"],useIndicator:[4,"use-indicator"],countInfo:[16],isHovered:[32],isDisabled:[64]}]]]],e)}));
 //# sourceMappingURL=design-system.esm.js.map