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

@sellmate/design-system 0.0.36 → 0.0.37

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

package/dist/collection/components/sd-table-backup/sd-table-backup.js CHANGED Viewed

@@ -189,35 +189,37 @@ export class SdTable {
             }, style: this.getStickyStyle(colIdx) }, h("div", { class: `sd-th__content sd-th__content--${col.align || 'left'}` }, h("slot", { name: `header-cell-${col.name}` }, h("div", { class: "sd-th__content--label" }, col.label)), col.usePageMoveIcon && h("sd-icon", { name: "pageMove", size: "12", color: "#006AC1" }), col.tooltip && (h("sd-tooltip", { ...col.tooltipOptions }, h("div", { slot: "content" }, col.tooltip.map(text => (h("p", null, text))))))), this.resizable && typeof window !== 'undefined' && (h("div", { class: "sd-th__resizer", onMouseDown: (evt) => this.handleResize(colIdx, evt) }))))))));
     }
     renderBody() {
-        return (h("tbody", { ...(!this.paginatedRows.length && { part: 'tbody-empty' }) }, this.isLoading && (h("div", { class: "sd-table__loading" }, h("sd-loading-spinner", null))), !this.paginatedRows.length ? (h("tr", { class: "sd-table__no-data-row" }, h("td", { colSpan: this.visibleColumns.length + (this.selectable ? 1 : 0) }, h("slot", { name: "no-data" }, this.noDataLabel)))) : (this.paginatedRows.map((row, rowIdx) => (h("tr", { key: row[this.rowKey], class: "hover:bg-Grey_Lighten-6" }, this.selectable && (h("td", { class: {
-                'sd-td': true,
-                'sd-td--selected': true,
-                'sticky-left': Boolean(this.stickyColumn.left && this.stickyColumn.left > 0),
-            }, style: {
-                '--sticky-left-offset': '0px',
-            } }, h("sd-checkbox", { checked: this.isRowSelected(row), disabled: !this.paginatedRows.length, onSdChange: () => this.updateRowSelect(row) }))), this.visibleColumns.map((column, colIdx) => {
-            const rendered = this.bodyCellRenderer?.(column, row);
-            return (h("td", { key: column.name, part: `td-${column.name}`, class: {
+        return (h("tbody", { ...(!this.paginatedRows.length && { part: 'tbody-empty' }) }, this.isLoading && (h("div", { class: "sd-table__loading" }, h("sd-loading-spinner", null))), this.paginatedRows.length > 0 &&
+            this.paginatedRows.map((row, rowIdx) => (h("tr", { key: row[this.rowKey], class: "hover:bg-Grey_Lighten-6" }, this.selectable && (h("td", { class: {
                     'sd-td': true,
-                    [`sd-td--${column.align || 'left'}`]: true,
-                    'sticky-left': Boolean(this.stickyColumn.left && colIdx < this.stickyColumn.left),
-                    'sticky-right': Boolean(this.stickyColumn.right &&
-                        colIdx >= this.visibleColumns.length - this.stickyColumn.right),
-                    'sticky-left-edge': Boolean(this.stickyColumn.left && colIdx === this.stickyColumn.left - 1),
-                    'sticky-right-edge': Boolean(this.stickyColumn.right &&
-                        colIdx === this.visibleColumns.length - this.stickyColumn.right),
-                    [`${column.tdClass}`]: Boolean(column.tdClass),
-                }, style: this.getStickyStyle(colIdx) }, h("slot", { name: `body-cell-${column.name}-${rowIdx}` }, rendered ? (typeof rendered === 'string' ? (h("span", { innerHTML: rendered })) : (rendered)) : (this.getCellValue(column, row)))));
-        })))))));
+                    'sd-td--selected': true,
+                    'sticky-left': Boolean(this.stickyColumn.left && this.stickyColumn.left > 0),
+                }, style: {
+                    '--sticky-left-offset': '0px',
+                } }, h("sd-checkbox", { checked: this.isRowSelected(row), disabled: !this.paginatedRows.length, onSdChange: () => this.updateRowSelect(row) }))), this.visibleColumns.map((column, colIdx) => {
+                const rendered = this.bodyCellRenderer?.(column, row);
+                return (h("td", { key: column.name, part: `td-${column.name}`, class: {
+                        'sd-td': true,
+                        [`sd-td--${column.align || 'left'}`]: true,
+                        'sticky-left': Boolean(this.stickyColumn.left && colIdx < this.stickyColumn.left),
+                        'sticky-right': Boolean(this.stickyColumn.right &&
+                            colIdx >= this.visibleColumns.length - this.stickyColumn.right),
+                        'sticky-left-edge': Boolean(this.stickyColumn.left && colIdx === this.stickyColumn.left - 1),
+                        'sticky-right-edge': Boolean(this.stickyColumn.right &&
+                            colIdx === this.visibleColumns.length - this.stickyColumn.right),
+                        [`${column.tdClass}`]: Boolean(column.tdClass),
+                    }, style: this.getStickyStyle(colIdx) }, h("slot", { name: `body-cell-${column.name}-${rowIdx}` }, rendered ? (typeof rendered === 'string' ? (h("span", { innerHTML: rendered })) : (rendered)) : (this.getCellValue(column, row)))));
+            }))))));
     }
     render() {
-        return (h(Host, { key: '06f553b40a89351df1054a07191d3fe9d92dd1a4' }, h("div", { key: 'cfd19ef986b2a839791dfc6dbe0998fa4268bcc8', class: "sd-table__wrapper", style: {
+        return (h(Host, { key: 'ee3eb5ad4f65daab37de226dad5dbb9f9a64c82d' }, h("div", { key: '3e05c9484a72cef763c46b1ebcda1832b89f8825', class: "sd-table__wrapper", style: {
                 '--table-width': this.width,
                 '--table-height': this.height,
-            } }, h("div", { key: 'ee2eb7c178fd4df207c096640f12061994340058', class: "sd-table__container" }, h("div", { key: 'fa2ca46bba403928152d9d087b3ec990615507d4', class: {
+            } }, h("div", { key: 'e31f9c354d9c66eb3e4f5881ea0af7b435725977', class: "sd-table__container" }, h("div", { key: '630e1b8503fc9917b9dd19179aa08612ecd77b25', class: {
                 'sd-table__middle': true,
+                'sd-table__middle--scrollable': this.paginatedRows.length > 0,
                 'sd-table__middle--loading': this.isLoading,
-            } }, h("table", { key: 'c5248468da6f986da45233ca86dcf68a53001cd6', part: "table", class: this.sdTableClasses }, this.renderHeader(), this.renderBody())), h("div", { key: 'd959e9785b3eab0a9e9864761c6377d561e6987c', class: "sd-table__bottom" })), this.pagination && this.innerRows.length > 0 && (h("div", { key: 'b592fee0e0747a34b3970e4ff7286afe37e79621', class: "sd-table__pagination" }, h("sd-pagination", { key: '05e7ed73d7beba2c14a4bcf07e8686a4d2cf664e', currentPage: !this.useInternalPagination ? this.pagination.page : this.currentPage, lastPage: !this.useInternalPagination ? this.pagination.lastPage : this.lastPageNumber, onPageChange: (e) => {
+            } }, h("table", { key: 'b80c56b7445ffd197621c5040e27d05b6c97653e', part: "table", class: this.sdTableClasses }, this.renderHeader(), this.renderBody())), h("div", { key: 'f6f5bcf2b67dde98c3bb2b766e834d72a2e0c9bc', class: "sd-table__bottom" }, !this.paginatedRows.length && (h("div", { key: 'a3a85d00cb08cb66af7afbf0a86a2ca9e5666870', class: "sd-table__no-data" }, h("slot", { key: 'c1610ef9b817d35e067d34746286861a24080f90', name: "no-data" }, this.noDataLabel))))), this.pagination && this.innerRows.length > 0 && (h("div", { key: 'd449f2aa604b623c52cbec21dbb5f07c0c06098e', class: "sd-table__pagination" }, h("sd-pagination", { key: 'f051c1760a8742e9c793efd8f6cebacb6b51e1d8', currentPage: !this.useInternalPagination ? this.pagination.page : this.currentPage, lastPage: !this.useInternalPagination ? this.pagination.lastPage : this.lastPageNumber, onPageChange: (e) => {
                 if (!this.useInternalPagination) {
                     this.sdPageChange.emit(e.detail);
                 }
@@ -225,7 +227,7 @@ export class SdTable {
                     this.currentPage = e.detail;
                     this.sdPageChange.emit(this.currentPage);
                 }
-            } }), this.useRowsPerPageSelect && (h("sd-select", { key: 'f0e4ad4e7ec0f857feac4fc669f5a523401120d6', value: this.pagination.rowsPerPage, options: this.rowsPerPageOption, width: "128px", onSdChange: (e) => {
+            } }), this.useRowsPerPageSelect && (h("sd-select", { key: '81542b68c3019afa6e1d85d4d92ebf1ab8893646', value: this.pagination.rowsPerPage, options: this.rowsPerPageOption, width: "128px", onSdChange: (e) => {
                 const changedRowsPerPage = e.detail.value ? Number(e.detail.value) : 0;
                 if (!this.useInternalPagination) {
                     this.sdRowsPerPageChange.emit(changedRowsPerPage);

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

	@@ -1 +1 @@
1	- {"version":3,"file":"sd-table-backup.js","sourceRoot":"","sources":["../../../src/components/sd-table-backup/sd-table-backup.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n Component,\n Element,\n Prop,\n State,\n Event,\n Watch,\n h,\n EventEmitter,\n Host,\n} from '@stencil/core';\nimport { CheckedType } from '../sd-checkbox/sd-checkbox';\nimport { SelectOption } from '../sd-select/sd-select';\nimport { SdSelectCustomEvent } from '../../components';\n\nexport type SdTableSortDir = 'asc' \| 'desc' \| 'none';\n\nexport interface SdTableColumn {\n name: string;\n label: string;\n field: string \| ((row: any) => any);\n align?: 'left' \| 'center' \| 'right';\n width?: string;\n format?: (value: any, row: any) => string;\n visible?: boolean;\n usePageMoveIcon?: boolean;\n tooltip?: string[];\n tooltipOptions?: Record<string, any>;\n tdClass?: string;\n thClass?: string;\n}\n\nexport interface Row {\n [key: string]: any;\n}\n\n@Component({\n tag: 'sd-table-backup',\n styleUrl: 'sd-table-backup.scss',\n})\nexport class SdTable {\n @Element() el!: HTMLElement;\n\n @Prop() columns!: SdTableColumn[];\n @Prop({ mutable: true }) rows!: Row[];\n @Prop({ mutable: true }) selected: Set<Row> = new Set();\n @Prop() rowKey: string = 'id';\n @Prop() selectable: boolean = false;\n @Prop() resizable: boolean = false;\n @Prop() width?: string;\n @Prop() height?: string;\n @Prop() stickyHeader: boolean = false;\n @Prop() stickyColumn: { left?: number; right?: number } = { left: 0, right: 0 };\n @Prop() noDataLabel: string = '데이터가 없습니다.';\n @Prop() isLoading: boolean = false;\n @Prop() pagination?: {\n page: number;\n rowsPerPage: number;\n lastPage?: number;\n };\n @Prop() bodyCellRenderer?: (\n column: SdTableColumn,\n row: Row,\n ) => HTMLElement \| string \| null \| undefined;\n @Prop() useInternalPagination: boolean = false;\n @Prop() useRowsPerPageSelect: boolean = false;\n @Prop() rowsPerPageOption: SelectOption[] = [\n { label: '10개씩 보기', value: 10 },\n { label: '25개씩 보기', value: 25 },\n { label: '50개씩 보기', value: 50 },\n { label: '100개씩 보기', value: 100 },\n ];\n\n @Event() sdSelectChange!: EventEmitter<Row[]>;\n @Event() sdPageChange!: EventEmitter<number>;\n @Event() sdRowsPerPageChange!: EventEmitter<number>;\n\n @State() currentPage: number = this.pagination?.page \|\| 1;\n @State() innerRows: Row[] = [];\n @State() innerSelected: Set<Row> = new Set();\n @State() columnWidths: number[] = [];\n @State() scrolledLeft: boolean = false;\n @State() scrolledRight: boolean = false;\n\n @Watch('columns')\n handleColumnsChange(newCols: SdTableColumn[]) {\n this.columnWidths = newCols.map(c => parseInt(c.width \|\| '120', 10));\n }\n\n @Watch('rows')\n handleRowsChange(newRows: Row[]) {\n this.innerRows = [...newRows];\n }\n\n @Watch('selected')\n handleSelectedChange(newSelected: Set<Row>) {\n this.innerSelected = new Set(newSelected);\n }\n\n @Watch('pagination')\n handlePaginationChange(\n newVal?: { page: number; rowsPerPage: number; lastPage?: number } \| undefined,\n ) {\n if (newVal?.page && newVal.page !== this.currentPage) this.currentPage = newVal.page;\n }\n\n componentWillLoad() {\n this.innerRows = [...(this.rows \|\| [])];\n this.innerSelected = new Set(this.selected);\n this.columnWidths = (this.columns \|\| []).map(c => parseInt(c.width \|\| '120', 10));\n\n if (this.pagination?.page) {\n this.currentPage = this.pagination.page;\n }\n }\n\n componentDidLoad() {\n // SSR 환경 체크\n if (typeof window === 'undefined') return;\n\n const middle = this.el.querySelector('.sd-table__middle');\n if (!middle) return;\n\n const onScroll = () => {\n const { scrollLeft, scrollWidth, clientWidth } = middle as HTMLElement;\n this.scrolledLeft = scrollLeft > 0;\n this.scrolledRight = scrollLeft + clientWidth < scrollWidth;\n };\n middle.addEventListener('scroll', onScroll, { passive: true });\n onScroll();\n }\n\n // ----- Derived getters -----\n private get visibleColumns(): SdTableColumn[] {\n return this.columns.filter(col => col.visible !== false);\n }\n\n private get paginatedRows(): Row[] {\n if (!this.pagination \|\| !this.useInternalPagination) return this.innerRows;\n\n const { rowsPerPage = this.rows.length } = this.pagination \|\| {};\n\n const result = this.innerRows.slice(\n (this.currentPage - 1) * rowsPerPage,\n this.currentPage * rowsPerPage,\n );\n\n return result;\n }\n\n private get lastPageNumber(): number {\n const { lastPage, rowsPerPage = this.rows.length } = this.pagination \|\| {};\n\n return lastPage ?? Math.max(1, Math.ceil(this.rows.length / rowsPerPage));\n }\n\n private get sdTableClasses() {\n return [\n 'sd-table',\n this.stickyHeader && 'sd-table--sticky-header',\n this.selectable && 'sd-table--selectable',\n this.resizable && 'sd-table--resizable',\n !this.innerRows.length && 'sd-table--no-data',\n ((this.stickyColumn?.left ?? 0) > 0 \|\| (this.stickyColumn?.right ?? 0) > 0) &&\n 'sd-table--sticky-column',\n this.scrolledLeft && 'sd-table--scrolled-left',\n this.scrolledRight && 'sd-table--scrolled-right',\n ]\n .filter(Boolean)\n .join(' ');\n }\n\n // ----- Selection -----\n private isRowSelected(row: Row): boolean {\n return Array.from(this.innerSelected).some(r => r[this.rowKey] === row[this.rowKey]);\n }\n\n private updateRowSelect(row: Row) {\n const selectedArray = Array.from(this.innerSelected);\n const exists = this.isRowSelected(row);\n const newSelected = exists\n ? selectedArray.filter(r => r[this.rowKey] !== row[this.rowKey])\n : [...selectedArray, row];\n\n // 동일 상태면 set하지 않음 → 불필요 렌더 방지\n if (newSelected.length === selectedArray.length) return;\n\n this.innerSelected = new Set(newSelected);\n this.sdSelectChange.emit(Array.from(this.innerSelected));\n }\n\n private toggleSelectAll(checked: CheckedType) {\n if (checked) {\n const pageRows = new Set([...this.paginatedRows]);\n this.innerSelected = new Set([...this.innerSelected, ...pageRows]);\n } else {\n const currentPageKeys = this.paginatedRows.map(r => r[this.rowKey]);\n this.innerSelected = new Set(\n [...this.innerSelected].filter(r => !currentPageKeys.includes(r[this.rowKey])),\n );\n }\n\n this.sdSelectChange.emit(Array.from(this.innerSelected));\n }\n\n private get isAllChecked(): boolean \| null {\n const total = this.paginatedRows.length;\n const selectedCount = this.paginatedRows.filter(row =>\n Array.from(this.innerSelected).some(\n selectedRow => selectedRow[this.rowKey] === row[this.rowKey],\n ),\n ).length;\n\n if (selectedCount === 0) return false; // 아무것도 안 선택됨\n if (selectedCount === total) return true; // 전부 선택됨\n return null; // 일부만 선택됨\n }\n\n // ----- Helpers -----\n private getStickyStyle(colIdx: number) {\n const leftOffset =\n this.columnWidths.slice(0, colIdx).reduce((a, b) => a + b, 0) + (this.selectable ? 52 : 0);\n const rightOffset = this.columnWidths\n .filter((_, i) => i >= this.visibleColumns.length - (this.stickyColumn.right \|\| 0) && i > colIdx)\n .reduce((a, b) => a + b, 0);\n return {\n '--sticky-left-offset': `${leftOffset}px`,\n '--sticky-right-offset': `${rightOffset}px`,\n 'width': `${this.columnWidths[colIdx]}px`,\n 'minWidth': `${this.columnWidths[colIdx]}px`,\n 'maxWidth': `${this.columnWidths[colIdx]}px`,\n };\n }\n\n private handleResize(index: number, event: MouseEvent) {\n // SSR 환경 체크\n if (typeof document === 'undefined') return;\n\n const startX = event.clientX;\n const startWidth = this.columnWidths[index];\n\n const handleMouseMove = (moveEvent: MouseEvent) => {\n const newWidth = Math.max(startWidth + moveEvent.clientX - startX, 50);\n\n this.columnWidths = this.columnWidths.map((width, idx) => (idx === index ? newWidth : width));\n };\n\n const handleMouseUp = () => {\n document.removeEventListener('mousemove', handleMouseMove);\n document.removeEventListener('mouseup', handleMouseUp);\n };\n\n document.addEventListener('mousemove', handleMouseMove);\n document.addEventListener('mouseup', handleMouseUp);\n }\n\n private getCellValue(column: SdTableColumn, row: Row) {\n const { field, format, name } = column;\n const value = typeof field === 'function' ? field(row) : field ? row[field] : row[name];\n return format ? format(value, row) : value;\n }\n\n // ----- Render -----\n private renderHeader() {\n return (\n <thead>\n <tr>\n {this.selectable && (\n <th\n class={{\n 'sd-th': true,\n 'sd-th--selected': true,\n 'sticky-left': Boolean(this.stickyColumn.left && this.stickyColumn.left > 0),\n }}\n style={{\n '--sticky-left-offset': '0px',\n }}\n >\n <sd-checkbox\n checked={this.isAllChecked}\n disabled={!this.paginatedRows.length}\n onSdChange={(e: CustomEvent<CheckedType>) => this.toggleSelectAll(e.detail)}\n ></sd-checkbox>\n </th>\n )}\n {this.visibleColumns.map((col, colIdx) => (\n <th\n key={col.name}\n class={{\n 'sd-th': true,\n [`${col.thClass}`]: Boolean(col.thClass),\n 'sticky-left': Boolean(this.stickyColumn.left && colIdx < this.stickyColumn.left),\n 'sticky-right': Boolean(\n this.stickyColumn.right && colIdx >= this.visibleColumns.length - this.stickyColumn.right!,\n ),\n 'sticky-left-edge': Boolean(\n this.stickyColumn.left && colIdx === this.stickyColumn.left - 1,\n ),\n 'sticky-right-edge': Boolean(\n this.stickyColumn.right &&\n colIdx === this.visibleColumns.length - this.stickyColumn.right!,\n ),\n }}\n style={this.getStickyStyle(colIdx)}\n >\n <div class={`sd-th__content sd-th__content--${col.align \|\| 'left'}`}>\n <slot name={`header-cell-${col.name}`}>\n <div class=\"sd-th__content--label\">{col.label}</div>\n </slot>\n\n {col.usePageMoveIcon && <sd-icon name=\"pageMove\" size=\"12\" color=\"#006AC1\" />}\n\n {col.tooltip && (\n <sd-tooltip {...col.tooltipOptions}>\n <div slot=\"content\">\n {col.tooltip.map(text => (\n <p>{text}</p>\n ))}\n </div>\n </sd-tooltip>\n )}\n </div>\n\n {this.resizable && typeof window !== 'undefined' && (\n <div\n class=\"sd-th__resizer\"\n onMouseDown={(evt: MouseEvent) => this.handleResize(colIdx, evt)}\n ></div>\n )}\n </th>\n ))}\n </tr>\n </thead>\n );\n }\n\n private renderBody() {\n return (\n <tbody {...(!this.paginatedRows.length && { part: 'tbody-empty' })}>\n {this.isLoading && (\n <div class=\"sd-table__loading\">\n <sd-loading-spinner />\n </div>\n )}\n\n {!this.paginatedRows.length ? (\n <tr class=\"sd-table__no-data-row\">\n <td colSpan={this.visibleColumns.length + (this.selectable ? 1 : 0)}>\n <slot name=\"no-data\">{this.noDataLabel}</slot>\n </td>\n </tr>\n ) : (\n this.paginatedRows.map((row, rowIdx) => (\n <tr key={row[this.rowKey]} class=\"hover:bg-Grey_Lighten-6\">\n {this.selectable && (\n <td\n class={{\n 'sd-td': true,\n 'sd-td--selected': true,\n 'sticky-left': Boolean(this.stickyColumn.left && this.stickyColumn.left > 0),\n }}\n style={{\n '--sticky-left-offset': '0px',\n }}\n >\n <sd-checkbox\n checked={this.isRowSelected(row)}\n disabled={!this.paginatedRows.length}\n onSdChange={() => this.updateRowSelect(row)}\n ></sd-checkbox>\n </td>\n )}\n {this.visibleColumns.map((column, colIdx) => {\n const rendered = this.bodyCellRenderer?.(column, row);\n\n return (\n <td\n key={column.name}\n part={`td-${column.name}`}\n class={{\n 'sd-td': true,\n [`sd-td--${column.align \|\| 'left'}`]: true,\n 'sticky-left': Boolean(this.stickyColumn.left && colIdx < this.stickyColumn.left),\n 'sticky-right': Boolean(\n this.stickyColumn.right &&\n colIdx >= this.visibleColumns.length - this.stickyColumn.right!,\n ),\n 'sticky-left-edge': Boolean(\n this.stickyColumn.left && colIdx === this.stickyColumn.left - 1,\n ),\n 'sticky-right-edge': Boolean(\n this.stickyColumn.right &&\n colIdx === this.visibleColumns.length - this.stickyColumn.right!,\n ),\n [`${column.tdClass}`]: Boolean(column.tdClass),\n }}\n style={this.getStickyStyle(colIdx)}\n >\n {/* slot을 사용하려는 항목 name과 행 인덱스를 키값으로 사용 */}\n <slot name={`body-cell-${column.name}-${rowIdx}`}>\n {rendered ? (\n typeof rendered === 'string' ? (\n <span innerHTML={rendered}></span>\n ) : (\n rendered\n )\n ) : (\n this.getCellValue(column, row)\n )}\n </slot>\n </td>\n );\n })}\n </tr>\n ))\n )}\n </tbody>\n );\n }\n\n render() {\n return (\n <Host>\n <div\n class=\"sd-table__wrapper\"\n style={{\n '--table-width': this.width,\n '--table-height': this.height,\n }}\n >\n <div class=\"sd-table__container\">\n <div\n class={{\n 'sd-table__middle': true,\n 'sd-table__middle--loading': this.isLoading,\n }}\n >\n <table part=\"table\" class={this.sdTableClasses}>\n {this.renderHeader()}\n\n {this.renderBody()}\n </table>\n </div>\n\n <div class=\"sd-table__bottom\"></div>\n </div>\n {this.pagination && this.innerRows.length > 0 && (\n <div class=\"sd-table__pagination\">\n <sd-pagination\n currentPage={!this.useInternalPagination ? this.pagination.page : this.currentPage}\n lastPage={!this.useInternalPagination ? this.pagination.lastPage : this.lastPageNumber}\n onPageChange={(e: CustomEvent<number>) => {\n if (!this.useInternalPagination) {\n this.sdPageChange.emit(e.detail);\n } else {\n this.currentPage = e.detail;\n this.sdPageChange.emit(this.currentPage);\n }\n }}\n ></sd-pagination>\n\n {this.useRowsPerPageSelect && (\n <sd-select\n value={this.pagination.rowsPerPage}\n options={this.rowsPerPageOption}\n width=\"128px\"\n onSdChange={(e: SdSelectCustomEvent<{ value: string \| number \| null }>) => {\n const changedRowsPerPage = e.detail.value ? Number(e.detail.value) : 0;\n if (!this.useInternalPagination) {\n this.sdRowsPerPageChange.emit(changedRowsPerPage);\n } else {\n const newRowsPerPage = Number(e.detail.value \|\| 0);\n let newLastPage = Math.max(1, Math.ceil(this.innerRows.length / newRowsPerPage));\n let newCurrentPage = this.currentPage;\n\n if (newCurrentPage > newLastPage) {\n newCurrentPage = newLastPage;\n }\n\n this.pagination = {\n page: newCurrentPage,\n rowsPerPage: newRowsPerPage,\n lastPage: newLastPage,\n };\n this.currentPage = newCurrentPage;\n this.sdRowsPerPageChange.emit(changedRowsPerPage);\n }\n }}\n ></sd-select>\n )}\n </div>\n )}\n </div>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"sd-table-backup.js","sourceRoot":"","sources":["../../../src/components/sd-table-backup/sd-table-backup.tsx"],"names":[],"mappings":"AAAA,OAAO,EACN,SAAS,EACT,OAAO,EACP,IAAI,EACJ,KAAK,EACL,KAAK,EACL,KAAK,EACL,CAAC,EAED,IAAI,GACJ,MAAM,eAAe,CAAC;AA8BvB,MAAM,OAAO,OAAO;IACR,EAAE,CAAe;IAEpB,OAAO,CAAmB;IACT,IAAI,CAAS;IACb,QAAQ,GAAa,IAAI,GAAG,EAAE,CAAC;IAChD,MAAM,GAAW,IAAI,CAAC;IACtB,UAAU,GAAY,KAAK,CAAC;IAC5B,SAAS,GAAY,KAAK,CAAC;IAC3B,KAAK,CAAU;IACf,MAAM,CAAU;IAChB,YAAY,GAAY,KAAK,CAAC;IAC9B,YAAY,GAAsC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;IACxE,WAAW,GAAW,YAAY,CAAC;IACnC,SAAS,GAAY,KAAK,CAAC;IAC3B,UAAU,CAIhB;IACM,gBAAgB,CAGqB;IACrC,qBAAqB,GAAY,KAAK,CAAC;IACvC,oBAAoB,GAAY,KAAK,CAAC;IACtC,iBAAiB,GAAmB;QAC3C,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE;QAC/B,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE;QAC/B,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE;QAC/B,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,EAAE;KACjC,CAAC;IAEO,cAAc,CAAuB;IACrC,YAAY,CAAwB;IACpC,mBAAmB,CAAwB;IAE3C,WAAW,GAAW,IAAI,CAAC,UAAU,EAAE,IAAI,IAAI,CAAC,CAAC;IACjD,SAAS,GAAU,EAAE,CAAC;IACtB,aAAa,GAAa,IAAI,GAAG,EAAE,CAAC;IACpC,YAAY,GAAa,EAAE,CAAC;IAC5B,YAAY,GAAY,KAAK,CAAC;IAC9B,aAAa,GAAY,KAAK,CAAC;IAGxC,mBAAmB,CAAC,OAAwB;QAC3C,IAAI,CAAC,YAAY,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,IAAI,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC;IACtE,CAAC;IAGD,gBAAgB,CAAC,OAAc;QAC9B,IAAI,CAAC,SAAS,GAAG,CAAC,GAAG,OAAO,CAAC,CAAC;IAC/B,CAAC;IAGD,oBAAoB,CAAC,WAAqB;QACzC,IAAI,CAAC,aAAa,GAAG,IAAI,GAAG,CAAC,WAAW,CAAC,CAAC;IAC3C,CAAC;IAGD,sBAAsB,CACrB,MAA6E;QAE7E,IAAI,MAAM,EAAE,IAAI,IAAI,MAAM,CAAC,IAAI,KAAK,IAAI,CAAC,WAAW;YAAE,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC;IACtF,CAAC;IAED,iBAAiB;QAChB,IAAI,CAAC,SAAS,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC;QACxC,IAAI,CAAC,aAAa,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC5C,IAAI,CAAC,YAAY,GAAG,CAAC,IAAI,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,IAAI,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC;QAElF,IAAI,IAAI,CAAC,UAAU,EAAE,IAAI,EAAE,CAAC;YAC3B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;QACzC,CAAC;IACF,CAAC;IAED,gBAAgB;QACf,YAAY;QACZ,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE,OAAO;QAE1C,MAAM,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC;QAC1D,IAAI,CAAC,MAAM;YAAE,OAAO;QAEpB,MAAM,QAAQ,GAAG,GAAG,EAAE;YACrB,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,MAAqB,CAAC;YACvE,IAAI,CAAC,YAAY,GAAG,UAAU,GAAG,CAAC,CAAC;YACnC,IAAI,CAAC,aAAa,GAAG,UAAU,GAAG,WAAW,GAAG,WAAW,CAAC;QAC7D,CAAC,CAAC;QACF,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QAC/D,QAAQ,EAAE,CAAC;IACZ,CAAC;IAED,8BAA8B;IAC9B,IAAY,cAAc;QACzB,OAAO,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,OAAO,KAAK,KAAK,CAAC,CAAC;IAC1D,CAAC;IAED,IAAY,aAAa;QACxB,IAAI,CAAC,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,CAAC,qBAAqB;YAAE,OAAO,IAAI,CAAC,SAAS,CAAC;QAE3E,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,UAAU,IAAI,EAAE,CAAC;QAEjE,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAClC,CAAC,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC,GAAG,WAAW,EACpC,IAAI,CAAC,WAAW,GAAG,WAAW,CAC9B,CAAC;QAEF,OAAO,MAAM,CAAC;IACf,CAAC;IAED,IAAY,cAAc;QACzB,MAAM,EAAE,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,UAAU,IAAI,EAAE,CAAC;QAE3E,OAAO,QAAQ,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,WAAW,CAAC,CAAC,CAAC;IAC3E,CAAC;IAED,IAAY,cAAc;QACzB,OAAO;YACN,UAAU;YACV,IAAI,CAAC,YAAY,IAAI,yBAAyB;YAC9C,IAAI,CAAC,UAAU,IAAI,sBAAsB;YACzC,IAAI,CAAC,SAAS,IAAI,qBAAqB;YACvC,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,IAAI,mBAAmB;YAC7C,CAAC,CAAC,IAAI,CAAC,YAAY,EAAE,IAAI,IAAI,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,KAAK,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;gBAC1E,yBAAyB;YAC1B,IAAI,CAAC,YAAY,IAAI,yBAAyB;YAC9C,IAAI,CAAC,aAAa,IAAI,0BAA0B;SAChD;aACC,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,CAAC;IACb,CAAC;IAED,wBAAwB;IAChB,aAAa,CAAC,GAAQ;QAC7B,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;IACtF,CAAC;IAEO,eAAe,CAAC,GAAQ;QAC/B,MAAM,aAAa,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QACrD,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;QACvC,MAAM,WAAW,GAAG,MAAM;YACzB,CAAC,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YAChE,CAAC,CAAC,CAAC,GAAG,aAAa,EAAE,GAAG,CAAC,CAAC;QAE3B,8BAA8B;QAC9B,IAAI,WAAW,CAAC,MAAM,KAAK,aAAa,CAAC,MAAM;YAAE,OAAO;QAExD,IAAI,CAAC,aAAa,GAAG,IAAI,GAAG,CAAC,WAAW,CAAC,CAAC;QAC1C,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC;IAC1D,CAAC;IAEO,eAAe,CAAC,OAAoB;QAC3C,IAAI,OAAO,EAAE,CAAC;YACb,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC;YAClD,IAAI,CAAC,aAAa,GAAG,IAAI,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,aAAa,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAC;QACpE,CAAC;aAAM,CAAC;YACP,MAAM,eAAe,GAAG,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;YACpE,IAAI,CAAC,aAAa,GAAG,IAAI,GAAG,CAC3B,CAAC,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAC9E,CAAC;QACH,CAAC;QAED,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC;IAC1D,CAAC;IAED,IAAY,YAAY;QACvB,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC;QACxC,MAAM,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CACrD,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,IAAI,CAClC,WAAW,CAAC,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAC5D,CACD,CAAC,MAAM,CAAC;QAET,IAAI,aAAa,KAAK,CAAC;YAAE,OAAO,KAAK,CAAC,CAAC,aAAa;QACpD,IAAI,aAAa,KAAK,KAAK;YAAE,OAAO,IAAI,CAAC,CAAC,SAAS;QACnD,OAAO,IAAI,CAAC,CAAC,UAAU;IACxB,CAAC;IAED,sBAAsB;IACd,cAAc,CAAC,MAAc;QACpC,MAAM,UAAU,GACf,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC5F,MAAM,WAAW,GAAG,IAAI,CAAC,YAAY;aACnC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,IAAI,IAAI,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC;aAChG,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;QAC7B,OAAO;YACN,sBAAsB,EAAE,GAAG,UAAU,IAAI;YACzC,uBAAuB,EAAE,GAAG,WAAW,IAAI;YAC3C,OAAO,EAAE,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI;YACzC,UAAU,EAAE,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI;YAC5C,UAAU,EAAE,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI;SAC5C,CAAC;IACH,CAAC;IAEO,YAAY,CAAC,KAAa,EAAE,KAAiB;QACpD,YAAY;QACZ,IAAI,OAAO,QAAQ,KAAK,WAAW;YAAE,OAAO;QAE5C,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC;QAC7B,MAAM,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QAE5C,MAAM,eAAe,GAAG,CAAC,SAAqB,EAAE,EAAE;YACjD,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,GAAG,SAAS,CAAC,OAAO,GAAG,MAAM,EAAE,EAAE,CAAC,CAAC;YAEvE,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;QAC/F,CAAC,CAAC;QAEF,MAAM,aAAa,GAAG,GAAG,EAAE;YAC1B,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;YAC3D,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACxD,CAAC,CAAC;QAEF,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;QACxD,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACrD,CAAC;IAEO,YAAY,CAAC,MAAqB,EAAE,GAAQ;QACnD,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,CAAC;QACvC,MAAM,KAAK,GAAG,OAAO,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QACxF,OAAO,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IAC5C,CAAC;IAED,qBAAqB;IACb,YAAY;QACnB,OAAO,CACN;YACC;gBACE,IAAI,CAAC,UAAU,IAAI,CACnB,UACC,KAAK,EAAE;wBACN,OAAO,EAAE,IAAI;wBACb,iBAAiB,EAAE,IAAI;wBACvB,aAAa,EAAE,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,GAAG,CAAC,CAAC;qBAC5E,EACD,KAAK,EAAE;wBACN,sBAAsB,EAAE,KAAK;qBAC7B;oBAED,mBACC,OAAO,EAAE,IAAI,CAAC,YAAY,EAC1B,QAAQ,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,MAAM,EACpC,UAAU,EAAE,CAAC,CAA2B,EAAE,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,GAC7D,CACX,CACL;gBACA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,CAAC,CACzC,UACC,GAAG,EAAE,GAAG,CAAC,IAAI,EACb,KAAK,EAAE;wBACN,OAAO,EAAE,IAAI;wBACb,CAAC,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC,EAAE,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC;wBACxC,aAAa,EAAE,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;wBACjF,cAAc,EAAE,OAAO,CACtB,IAAI,CAAC,YAAY,CAAC,KAAK,IAAI,MAAM,IAAI,IAAI,CAAC,cAAc,CAAC,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,KAAM,CAC1F;wBACD,kBAAkB,EAAE,OAAO,CAC1B,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,MAAM,KAAK,IAAI,CAAC,YAAY,CAAC,IAAI,GAAG,CAAC,CAC/D;wBACD,mBAAmB,EAAE,OAAO,CAC3B,IAAI,CAAC,YAAY,CAAC,KAAK;4BACtB,MAAM,KAAK,IAAI,CAAC,cAAc,CAAC,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,KAAM,CACjE;qBACD,EACD,KAAK,EAAE,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC;oBAElC,WAAK,KAAK,EAAE,kCAAkC,GAAG,CAAC,KAAK,IAAI,MAAM,EAAE;wBAClE,YAAM,IAAI,EAAE,eAAe,GAAG,CAAC,IAAI,EAAE;4BACpC,WAAK,KAAK,EAAC,uBAAuB,IAAE,GAAG,CAAC,KAAK,CAAO,CAC9C;wBAEN,GAAG,CAAC,eAAe,IAAI,eAAS,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,SAAS,GAAG;wBAE5E,GAAG,CAAC,OAAO,IAAI,CACf,qBAAgB,GAAG,CAAC,cAAc;4BACjC,WAAK,IAAI,EAAC,SAAS,IACjB,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CACxB,aAAI,IAAI,CAAK,CACb,CAAC,CACG,CACM,CACb,CACI;oBAEL,IAAI,CAAC,SAAS,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,CACnD,WACC,KAAK,EAAC,gBAAgB,EACtB,WAAW,EAAE,CAAC,GAAe,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,GAAG,CAAC,GAC1D,CACP,CACG,CACL,CAAC,CACE,CACE,CACR,CAAC;IACH,CAAC;IAEO,UAAU;QACjB,OAAO,CACN,gBAAW,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,MAAM,IAAI,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC;YAChE,IAAI,CAAC,SAAS,IAAI,CAClB,WAAK,KAAK,EAAC,mBAAmB;gBAC7B,6BAAsB,CACjB,CACN;YAEA,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC;gBAC7B,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,CAAC,CACvC,UAAI,GAAG,EAAE,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,KAAK,EAAC,yBAAyB;oBACxD,IAAI,CAAC,UAAU,IAAI,CACnB,UACC,KAAK,EAAE;4BACN,OAAO,EAAE,IAAI;4BACb,iBAAiB,EAAE,IAAI;4BACvB,aAAa,EAAE,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,GAAG,CAAC,CAAC;yBAC5E,EACD,KAAK,EAAE;4BACN,sBAAsB,EAAE,KAAK;yBAC7B;wBAED,mBACC,OAAO,EAAE,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,EAChC,QAAQ,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,MAAM,EACpC,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,GAC7B,CACX,CACL;oBACA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE;wBAC3C,MAAM,QAAQ,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;wBAEtD,OAAO,CACN,UACC,GAAG,EAAE,MAAM,CAAC,IAAI,EAChB,IAAI,EAAE,MAAM,MAAM,CAAC,IAAI,EAAE,EACzB,KAAK,EAAE;gCACN,OAAO,EAAE,IAAI;gCACb,CAAC,UAAU,MAAM,CAAC,KAAK,IAAI,MAAM,EAAE,CAAC,EAAE,IAAI;gCAC1C,aAAa,EAAE,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;gCACjF,cAAc,EAAE,OAAO,CACtB,IAAI,CAAC,YAAY,CAAC,KAAK;oCACtB,MAAM,IAAI,IAAI,CAAC,cAAc,CAAC,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,KAAM,CAChE;gCACD,kBAAkB,EAAE,OAAO,CAC1B,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,MAAM,KAAK,IAAI,CAAC,YAAY,CAAC,IAAI,GAAG,CAAC,CAC/D;gCACD,mBAAmB,EAAE,OAAO,CAC3B,IAAI,CAAC,YAAY,CAAC,KAAK;oCACtB,MAAM,KAAK,IAAI,CAAC,cAAc,CAAC,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,KAAM,CACjE;gCACD,CAAC,GAAG,MAAM,CAAC,OAAO,EAAE,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC;6BAC9C,EACD,KAAK,EAAE,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC;4BAGlC,YAAM,IAAI,EAAE,aAAa,MAAM,CAAC,IAAI,IAAI,MAAM,EAAE,IAC9C,QAAQ,CAAC,CAAC,CAAC,CACX,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC9B,YAAM,SAAS,EAAE,QAAQ,GAAS,CAClC,CAAC,CAAC,CAAC,CACH,QAAQ,CACR,CACD,CAAC,CAAC,CAAC,CACH,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,GAAG,CAAC,CAC9B,CACK,CACH,CACL,CAAC;oBACH,CAAC,CAAC,CACE,CACL,CAAC,CACI,CACR,CAAC;IACH,CAAC;IAED,MAAM;QACL,OAAO,CACN,EAAC,IAAI;YACJ,4DACC,KAAK,EAAC,mBAAmB,EACzB,KAAK,EAAE;oBACN,eAAe,EAAE,IAAI,CAAC,KAAK;oBAC3B,gBAAgB,EAAE,IAAI,CAAC,MAAM;iBAC7B;gBAED,4DAAK,KAAK,EAAC,qBAAqB;oBAC/B,4DACC,KAAK,EAAE;4BACN,kBAAkB,EAAE,IAAI;4BACxB,8BAA8B,EAAE,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC;4BAC7D,2BAA2B,EAAE,IAAI,CAAC,SAAS;yBAC3C;wBAED,8DAAO,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,IAAI,CAAC,cAAc;4BAC5C,IAAI,CAAC,YAAY,EAAE;4BAEnB,IAAI,CAAC,UAAU,EAAE,CACX,CACH;oBAEN,4DAAK,KAAK,EAAC,kBAAkB,IAC3B,CAAC,IAAI,CAAC,aAAa,CAAC,MAAM,IAAI,CAC9B,4DAAK,KAAK,EAAC,mBAAmB;wBAE7B,6DAAM,IAAI,EAAC,SAAS,IAAE,IAAI,CAAC,WAAW,CAAQ,CAEzC,CACN,CACI,CACD;gBAEL,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,IAAI,CAChD,4DAAK,KAAK,EAAC,sBAAsB;oBAChC,sEACC,WAAW,EAAE,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,EAClF,QAAQ,EAAE,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,EACtF,YAAY,EAAE,CAAC,CAAsB,EAAE,EAAE;4BACxC,IAAI,CAAC,IAAI,CAAC,qBAAqB,EAAE,CAAC;gCACjC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;4BAClC,CAAC;iCAAM,CAAC;gCACP,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC,MAAM,CAAC;gCAC5B,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;4BAC1C,CAAC;wBACF,CAAC,GACe;oBAEhB,IAAI,CAAC,oBAAoB,IAAI,CAC7B,kEACC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,WAAW,EAClC,OAAO,EAAE,IAAI,CAAC,iBAAiB,EAC/B,KAAK,EAAC,OAAO,EACb,UAAU,EAAE,CAAC,CAAyD,EAAE,EAAE;4BACzE,MAAM,kBAAkB,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;4BACvE,IAAI,CAAC,IAAI,CAAC,qBAAqB,EAAE,CAAC;gCACjC,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;4BACnD,CAAC;iCAAM,CAAC;gCACP,MAAM,cAAc,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC;gCACnD,IAAI,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,GAAG,cAAc,CAAC,CAAC,CAAC;gCACjF,IAAI,cAAc,GAAG,IAAI,CAAC,WAAW,CAAC;gCAEtC,IAAI,cAAc,GAAG,WAAW,EAAE,CAAC;oCAClC,cAAc,GAAG,WAAW,CAAC;gCAC9B,CAAC;gCAED,IAAI,CAAC,UAAU,GAAG;oCACjB,IAAI,EAAE,cAAc;oCACpB,WAAW,EAAE,cAAc;oCAC3B,QAAQ,EAAE,WAAW;iCACrB,CAAC;gCACF,IAAI,CAAC,WAAW,GAAG,cAAc,CAAC;gCAClC,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;4BACnD,CAAC;wBACF,CAAC,GACW,CACb,CACI,CACN,CACI,CACA,CACP,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import {\n Component,\n Element,\n Prop,\n State,\n Event,\n Watch,\n h,\n EventEmitter,\n Host,\n} from '@stencil/core';\nimport { CheckedType } from '../sd-checkbox/sd-checkbox';\nimport { SelectOption } from '../sd-select/sd-select';\nimport { SdSelectCustomEvent } from '../../components';\n\nexport type SdTableSortDir = 'asc' \| 'desc' \| 'none';\n\nexport interface SdTableColumn {\n name: string;\n label: string;\n field: string \| ((row: any) => any);\n align?: 'left' \| 'center' \| 'right';\n width?: string;\n format?: (value: any, row: any) => string;\n visible?: boolean;\n usePageMoveIcon?: boolean;\n tooltip?: string[];\n tooltipOptions?: Record<string, any>;\n tdClass?: string;\n thClass?: string;\n}\n\nexport interface Row {\n [key: string]: any;\n}\n\n@Component({\n tag: 'sd-table-backup',\n styleUrl: 'sd-table-backup.scss',\n})\nexport class SdTable {\n @Element() el!: HTMLElement;\n\n @Prop() columns!: SdTableColumn[];\n @Prop({ mutable: true }) rows!: Row[];\n @Prop({ mutable: true }) selected: Set<Row> = new Set();\n @Prop() rowKey: string = 'id';\n @Prop() selectable: boolean = false;\n @Prop() resizable: boolean = false;\n @Prop() width?: string;\n @Prop() height?: string;\n @Prop() stickyHeader: boolean = false;\n @Prop() stickyColumn: { left?: number; right?: number } = { left: 0, right: 0 };\n @Prop() noDataLabel: string = '데이터가 없습니다.';\n @Prop() isLoading: boolean = false;\n @Prop() pagination?: {\n page: number;\n rowsPerPage: number;\n lastPage?: number;\n };\n @Prop() bodyCellRenderer?: (\n column: SdTableColumn,\n row: Row,\n ) => HTMLElement \| string \| null \| undefined;\n @Prop() useInternalPagination: boolean = false;\n @Prop() useRowsPerPageSelect: boolean = false;\n @Prop() rowsPerPageOption: SelectOption[] = [\n { label: '10개씩 보기', value: 10 },\n { label: '25개씩 보기', value: 25 },\n { label: '50개씩 보기', value: 50 },\n { label: '100개씩 보기', value: 100 },\n ];\n\n @Event() sdSelectChange!: EventEmitter<Row[]>;\n @Event() sdPageChange!: EventEmitter<number>;\n @Event() sdRowsPerPageChange!: EventEmitter<number>;\n\n @State() currentPage: number = this.pagination?.page \|\| 1;\n @State() innerRows: Row[] = [];\n @State() innerSelected: Set<Row> = new Set();\n @State() columnWidths: number[] = [];\n @State() scrolledLeft: boolean = false;\n @State() scrolledRight: boolean = false;\n\n @Watch('columns')\n handleColumnsChange(newCols: SdTableColumn[]) {\n this.columnWidths = newCols.map(c => parseInt(c.width \|\| '120', 10));\n }\n\n @Watch('rows')\n handleRowsChange(newRows: Row[]) {\n this.innerRows = [...newRows];\n }\n\n @Watch('selected')\n handleSelectedChange(newSelected: Set<Row>) {\n this.innerSelected = new Set(newSelected);\n }\n\n @Watch('pagination')\n handlePaginationChange(\n newVal?: { page: number; rowsPerPage: number; lastPage?: number } \| undefined,\n ) {\n if (newVal?.page && newVal.page !== this.currentPage) this.currentPage = newVal.page;\n }\n\n componentWillLoad() {\n this.innerRows = [...(this.rows \|\| [])];\n this.innerSelected = new Set(this.selected);\n this.columnWidths = (this.columns \|\| []).map(c => parseInt(c.width \|\| '120', 10));\n\n if (this.pagination?.page) {\n this.currentPage = this.pagination.page;\n }\n }\n\n componentDidLoad() {\n // SSR 환경 체크\n if (typeof window === 'undefined') return;\n\n const middle = this.el.querySelector('.sd-table__middle');\n if (!middle) return;\n\n const onScroll = () => {\n const { scrollLeft, scrollWidth, clientWidth } = middle as HTMLElement;\n this.scrolledLeft = scrollLeft > 0;\n this.scrolledRight = scrollLeft + clientWidth < scrollWidth;\n };\n middle.addEventListener('scroll', onScroll, { passive: true });\n onScroll();\n }\n\n // ----- Derived getters -----\n private get visibleColumns(): SdTableColumn[] {\n return this.columns.filter(col => col.visible !== false);\n }\n\n private get paginatedRows(): Row[] {\n if (!this.pagination \|\| !this.useInternalPagination) return this.innerRows;\n\n const { rowsPerPage = this.rows.length } = this.pagination \|\| {};\n\n const result = this.innerRows.slice(\n (this.currentPage - 1) * rowsPerPage,\n this.currentPage * rowsPerPage,\n );\n\n return result;\n }\n\n private get lastPageNumber(): number {\n const { lastPage, rowsPerPage = this.rows.length } = this.pagination \|\| {};\n\n return lastPage ?? Math.max(1, Math.ceil(this.rows.length / rowsPerPage));\n }\n\n private get sdTableClasses() {\n return [\n 'sd-table',\n this.stickyHeader && 'sd-table--sticky-header',\n this.selectable && 'sd-table--selectable',\n this.resizable && 'sd-table--resizable',\n !this.innerRows.length && 'sd-table--no-data',\n ((this.stickyColumn?.left ?? 0) > 0 \|\| (this.stickyColumn?.right ?? 0) > 0) &&\n 'sd-table--sticky-column',\n this.scrolledLeft && 'sd-table--scrolled-left',\n this.scrolledRight && 'sd-table--scrolled-right',\n ]\n .filter(Boolean)\n .join(' ');\n }\n\n // ----- Selection -----\n private isRowSelected(row: Row): boolean {\n return Array.from(this.innerSelected).some(r => r[this.rowKey] === row[this.rowKey]);\n }\n\n private updateRowSelect(row: Row) {\n const selectedArray = Array.from(this.innerSelected);\n const exists = this.isRowSelected(row);\n const newSelected = exists\n ? selectedArray.filter(r => r[this.rowKey] !== row[this.rowKey])\n : [...selectedArray, row];\n\n // 동일 상태면 set하지 않음 → 불필요 렌더 방지\n if (newSelected.length === selectedArray.length) return;\n\n this.innerSelected = new Set(newSelected);\n this.sdSelectChange.emit(Array.from(this.innerSelected));\n }\n\n private toggleSelectAll(checked: CheckedType) {\n if (checked) {\n const pageRows = new Set([...this.paginatedRows]);\n this.innerSelected = new Set([...this.innerSelected, ...pageRows]);\n } else {\n const currentPageKeys = this.paginatedRows.map(r => r[this.rowKey]);\n this.innerSelected = new Set(\n [...this.innerSelected].filter(r => !currentPageKeys.includes(r[this.rowKey])),\n );\n }\n\n this.sdSelectChange.emit(Array.from(this.innerSelected));\n }\n\n private get isAllChecked(): boolean \| null {\n const total = this.paginatedRows.length;\n const selectedCount = this.paginatedRows.filter(row =>\n Array.from(this.innerSelected).some(\n selectedRow => selectedRow[this.rowKey] === row[this.rowKey],\n ),\n ).length;\n\n if (selectedCount === 0) return false; // 아무것도 안 선택됨\n if (selectedCount === total) return true; // 전부 선택됨\n return null; // 일부만 선택됨\n }\n\n // ----- Helpers -----\n private getStickyStyle(colIdx: number) {\n const leftOffset =\n this.columnWidths.slice(0, colIdx).reduce((a, b) => a + b, 0) + (this.selectable ? 52 : 0);\n const rightOffset = this.columnWidths\n .filter((_, i) => i >= this.visibleColumns.length - (this.stickyColumn.right \|\| 0) && i > colIdx)\n .reduce((a, b) => a + b, 0);\n return {\n '--sticky-left-offset': `${leftOffset}px`,\n '--sticky-right-offset': `${rightOffset}px`,\n 'width': `${this.columnWidths[colIdx]}px`,\n 'minWidth': `${this.columnWidths[colIdx]}px`,\n 'maxWidth': `${this.columnWidths[colIdx]}px`,\n };\n }\n\n private handleResize(index: number, event: MouseEvent) {\n // SSR 환경 체크\n if (typeof document === 'undefined') return;\n\n const startX = event.clientX;\n const startWidth = this.columnWidths[index];\n\n const handleMouseMove = (moveEvent: MouseEvent) => {\n const newWidth = Math.max(startWidth + moveEvent.clientX - startX, 50);\n\n this.columnWidths = this.columnWidths.map((width, idx) => (idx === index ? newWidth : width));\n };\n\n const handleMouseUp = () => {\n document.removeEventListener('mousemove', handleMouseMove);\n document.removeEventListener('mouseup', handleMouseUp);\n };\n\n document.addEventListener('mousemove', handleMouseMove);\n document.addEventListener('mouseup', handleMouseUp);\n }\n\n private getCellValue(column: SdTableColumn, row: Row) {\n const { field, format, name } = column;\n const value = typeof field === 'function' ? field(row) : field ? row[field] : row[name];\n return format ? format(value, row) : value;\n }\n\n // ----- Render -----\n private renderHeader() {\n return (\n <thead>\n <tr>\n {this.selectable && (\n <th\n class={{\n 'sd-th': true,\n 'sd-th--selected': true,\n 'sticky-left': Boolean(this.stickyColumn.left && this.stickyColumn.left > 0),\n }}\n style={{\n '--sticky-left-offset': '0px',\n }}\n >\n <sd-checkbox\n checked={this.isAllChecked}\n disabled={!this.paginatedRows.length}\n onSdChange={(e: CustomEvent<CheckedType>) => this.toggleSelectAll(e.detail)}\n ></sd-checkbox>\n </th>\n )}\n {this.visibleColumns.map((col, colIdx) => (\n <th\n key={col.name}\n class={{\n 'sd-th': true,\n [`${col.thClass}`]: Boolean(col.thClass),\n 'sticky-left': Boolean(this.stickyColumn.left && colIdx < this.stickyColumn.left),\n 'sticky-right': Boolean(\n this.stickyColumn.right && colIdx >= this.visibleColumns.length - this.stickyColumn.right!,\n ),\n 'sticky-left-edge': Boolean(\n this.stickyColumn.left && colIdx === this.stickyColumn.left - 1,\n ),\n 'sticky-right-edge': Boolean(\n this.stickyColumn.right &&\n colIdx === this.visibleColumns.length - this.stickyColumn.right!,\n ),\n }}\n style={this.getStickyStyle(colIdx)}\n >\n <div class={`sd-th__content sd-th__content--${col.align \|\| 'left'}`}>\n <slot name={`header-cell-${col.name}`}>\n <div class=\"sd-th__content--label\">{col.label}</div>\n </slot>\n\n {col.usePageMoveIcon && <sd-icon name=\"pageMove\" size=\"12\" color=\"#006AC1\" />}\n\n {col.tooltip && (\n <sd-tooltip {...col.tooltipOptions}>\n <div slot=\"content\">\n {col.tooltip.map(text => (\n <p>{text}</p>\n ))}\n </div>\n </sd-tooltip>\n )}\n </div>\n\n {this.resizable && typeof window !== 'undefined' && (\n <div\n class=\"sd-th__resizer\"\n onMouseDown={(evt: MouseEvent) => this.handleResize(colIdx, evt)}\n ></div>\n )}\n </th>\n ))}\n </tr>\n </thead>\n );\n }\n\n private renderBody() {\n return (\n <tbody {...(!this.paginatedRows.length && { part: 'tbody-empty' })}>\n {this.isLoading && (\n <div class=\"sd-table__loading\">\n <sd-loading-spinner />\n </div>\n )}\n\n {this.paginatedRows.length > 0 &&\n this.paginatedRows.map((row, rowIdx) => (\n <tr key={row[this.rowKey]} class=\"hover:bg-Grey_Lighten-6\">\n {this.selectable && (\n <td\n class={{\n 'sd-td': true,\n 'sd-td--selected': true,\n 'sticky-left': Boolean(this.stickyColumn.left && this.stickyColumn.left > 0),\n }}\n style={{\n '--sticky-left-offset': '0px',\n }}\n >\n <sd-checkbox\n checked={this.isRowSelected(row)}\n disabled={!this.paginatedRows.length}\n onSdChange={() => this.updateRowSelect(row)}\n ></sd-checkbox>\n </td>\n )}\n {this.visibleColumns.map((column, colIdx) => {\n const rendered = this.bodyCellRenderer?.(column, row);\n\n return (\n <td\n key={column.name}\n part={`td-${column.name}`}\n class={{\n 'sd-td': true,\n [`sd-td--${column.align \|\| 'left'}`]: true,\n 'sticky-left': Boolean(this.stickyColumn.left && colIdx < this.stickyColumn.left),\n 'sticky-right': Boolean(\n this.stickyColumn.right &&\n colIdx >= this.visibleColumns.length - this.stickyColumn.right!,\n ),\n 'sticky-left-edge': Boolean(\n this.stickyColumn.left && colIdx === this.stickyColumn.left - 1,\n ),\n 'sticky-right-edge': Boolean(\n this.stickyColumn.right &&\n colIdx === this.visibleColumns.length - this.stickyColumn.right!,\n ),\n [`${column.tdClass}`]: Boolean(column.tdClass),\n }}\n style={this.getStickyStyle(colIdx)}\n >\n {/* slot을 사용하려는 항목 name과 행 인덱스를 키값으로 사용 /}\n <slot name={`body-cell-${column.name}-${rowIdx}`}>\n {rendered ? (\n typeof rendered === 'string' ? (\n <span innerHTML={rendered}></span>\n ) : (\n rendered\n )\n ) : (\n this.getCellValue(column, row)\n )}\n </slot>\n </td>\n );\n })}\n </tr>\n ))}\n </tbody>\n );\n }\n\n render() {\n return (\n <Host>\n <div\n class=\"sd-table__wrapper\"\n style={{\n '--table-width': this.width,\n '--table-height': this.height,\n }}\n >\n <div class=\"sd-table__container\">\n <div\n class={{\n 'sd-table__middle': true,\n 'sd-table__middle--scrollable': this.paginatedRows.length > 0,\n 'sd-table__middle--loading': this.isLoading,\n }}\n >\n <table part=\"table\" class={this.sdTableClasses}>\n {this.renderHeader()}\n\n {this.renderBody()}\n </table>\n </div>\n\n <div class=\"sd-table__bottom\">\n {!this.paginatedRows.length && (\n <div class=\"sd-table__no-data\">\n {/ <td colSpan={this.visibleColumns.length + (this.selectable ? 1 : 0)}> /}\n <slot name=\"no-data\">{this.noDataLabel}</slot>\n {/ </td> */}\n </div>\n )}\n </div>\n </div>\n\n {this.pagination && this.innerRows.length > 0 && (\n <div class=\"sd-table__pagination\">\n <sd-pagination\n currentPage={!this.useInternalPagination ? this.pagination.page : this.currentPage}\n lastPage={!this.useInternalPagination ? this.pagination.lastPage : this.lastPageNumber}\n onPageChange={(e: CustomEvent<number>) => {\n if (!this.useInternalPagination) {\n this.sdPageChange.emit(e.detail);\n } else {\n this.currentPage = e.detail;\n this.sdPageChange.emit(this.currentPage);\n }\n }}\n ></sd-pagination>\n\n {this.useRowsPerPageSelect && (\n <sd-select\n value={this.pagination.rowsPerPage}\n options={this.rowsPerPageOption}\n width=\"128px\"\n onSdChange={(e: SdSelectCustomEvent<{ value: string \| number \| null }>) => {\n const changedRowsPerPage = e.detail.value ? Number(e.detail.value) : 0;\n if (!this.useInternalPagination) {\n this.sdRowsPerPageChange.emit(changedRowsPerPage);\n } else {\n const newRowsPerPage = Number(e.detail.value \|\| 0);\n let newLastPage = Math.max(1, Math.ceil(this.innerRows.length / newRowsPerPage));\n let newCurrentPage = this.currentPage;\n\n if (newCurrentPage > newLastPage) {\n newCurrentPage = newLastPage;\n }\n\n this.pagination = {\n page: newCurrentPage,\n rowsPerPage: newRowsPerPage,\n lastPage: newLastPage,\n };\n this.currentPage = newCurrentPage;\n this.sdRowsPerPageChange.emit(changedRowsPerPage);\n }\n }}\n ></sd-select>\n )}\n </div>\n )}\n </div>\n </Host>\n );\n }\n}\n"]}

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

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

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

@@ -43,20 +43,20 @@ export class SdTooltip {
             : {
                 onClick: () => (this.showTooltip = !this.showTooltip),
             };
-        return (h(Fragment, { key: 'add7afd546c5c7951d8e8ceaa052c53bf1db5956' }, this.label ? (h("sd-button", { ref: el => (this.buttonEl = el), label: this.label, icon: this.icon, size: this.buttonSize, color: this.color, variant: this.buttonVariant, class: "sd-tooltip", ...handleTrigger })) : (h("sd-icon", { ref: el => (this.buttonEl = el), name: this.icon, size: this.iconSize, color: this.color, class: "sd-tooltip", ...handleTrigger })), this.showTooltip && (h("sd-tooltip-portal", { key: '766e22f333ba081920ba4dd33ff27d3a861f9ec9', parentRef: this.buttonEl, onSdClose: () => this.handleClose(), placement: this.placement }, h("div", { key: '5ec3181541acdfbdb535d2bc3edc0a857de4f533', class: {
+        return (h(Fragment, { key: '85dd8962fc0b5a4cbb754985fde2b9aa9bc77047' }, this.label ? (h("sd-button", { ref: el => (this.buttonEl = el), label: this.label, icon: this.icon, size: this.buttonSize, color: this.color, variant: this.buttonVariant, class: "sd-tooltip", ...handleTrigger })) : (h("sd-icon", { ref: el => (this.buttonEl = el), name: this.icon, size: this.iconSize, color: this.color, class: "sd-tooltip", ...handleTrigger })), this.showTooltip && (h("sd-tooltip-portal", { key: 'c6b5b1d5e0237c956e4f1b5bde3c262f7a948b62', parentRef: this.buttonEl, onSdClose: () => this.handleClose(), placement: this.placement }, h("div", { key: '3d0f79b2b672fdf14ea3ee30d86f7a56b1126cda', class: {
                 'sd-tooltip-menu': true,
                 [`sd-tooltip-menu--${this.type}`]: true,
                 [`sd-tooltip-menu--${this.placement}`]: true,
                 'sd-tooltip-menu--with-close': this.useClose,
                 [`bg-${SdTooltip.COLOR_OF_TYPE[this.type].background}`]: true,
                 [`text-${SdTooltip.COLOR_OF_TYPE[this.type].text}`]: true,
-            } }, h("i", { key: '5a82c1af8b3ec6dc8ae2667d26fba58914a21f14', class: `sd-tooltip-menu__arrow sd-tooltip-menu__arrow--${this.placement}` }, h(TooltipArrow, { key: '34821d5f0ff61f95fdc603bfc8680566943b4a60', class: {
+            } }, h("i", { key: '555a64868dad3220839a800f21a5dfbd3fd4f57e', class: `sd-tooltip-menu__arrow sd-tooltip-menu__arrow--${this.placement}` }, h(TooltipArrow, { key: '6287e217109048d401bfa38e02f0ea0c81cac5e5', class: {
                 [`text-${SdTooltip.COLOR_OF_TYPE[this.type].background}`]: true,
-            } })), h("div", { key: '578c29f6258007f35c23f263823c450840ae187a', class: "sd-tooltip-menu__content", ref: el => {
+            } })), h("div", { key: '8b3c58ebffcc97094c1d7e662850b4c7d4c3aea9', class: "sd-tooltip-menu__content", ref: el => {
                 if (el && this.slotContent && !el.hasChildNodes()) {
                     el.appendChild(this.slotContent.cloneNode(true));
                 }
-            } }, !this.slotContent && h("span", { key: '9d7ad665d467d859b9b049ee2a1190865213b1a7' }, this.el.textContent)), this.useClose && (h("div", { key: 'ee5494463906a043c19b8e8cff8ec012ab5cbd27', class: "sd-tooltip-menu__close-button" }, h("button", { key: 'ba7f1aab87247004d6ffd11a3f1b0918db98e21d', type: "button", "aria-label": "Close tooltip", title: "Close tooltip", onClick: () => this.handleClose() }, h("sd-icon", { key: '74bf57c8c0d48d15eb5879c898d6a1e5aae0df5f', name: "close", size: "12", color: "#AAAAAA" })))))))));
+            } }, !this.slotContent && h("span", { key: 'e620e97ef41a0702670ec592df59556ad3e642e8' }, this.el.textContent)), this.useClose && (h("div", { key: 'c1ffa98c25823d58bf943fbd8de4ebdf480a202c', class: "sd-tooltip-menu__close-button" }, h("button", { key: '67f027459dae13451582ddebbcff7ed3f3516627', type: "button", "aria-label": "Close tooltip", title: "Close tooltip", onClick: () => this.handleClose() }, h("sd-icon", { key: '0bc4428f323efccf7bafc55ba83f5a8752a2da86', name: "close", size: "12", color: "#AAAAAA" })))))))));
     }
     static get is() { return "sd-tooltip"; }
     static get originalStyleUrls() {

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

@@ -143,7 +143,7 @@ export class SdTooltipPortal {
         this.sdClose.emit();
     }
     render() {
-        return h("slot", { key: 'ac0fb594aae6f39ac0dc118865beec1e6259ceeb' });
+        return h("slot", { key: '3d36c5606fd19caf5adbed690ce173a1f1bbb4bb' });
     }
     static get is() { return "sd-tooltip-portal"; }
     static get encapsulation() { return "shadow"; }

package/dist/components/{p-DTUSoHK4.js → p-BKIzbxHd.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-CbnL1UUF.js';
-import { d as defineCustomElement$2 } from './p-DpcL5xdv.js';
-import { d as defineCustomElement$1 } from './p-InrZhOLL.js';
+import { d as defineCustomElement$2 } from './p-Biuws3x8.js';
+import { d as defineCustomElement$1 } from './p-nbx4dU8d.js';
 const sdSelectOptionCss = "sd-select-option{display:block;height:fit-content;line-height:0}sd-select-option .sd-select__option{display:flex;padding:4px 12px;font-size:12px;line-height:20px;cursor:pointer}sd-select-option .sd-select__option__checkbox-wrapper{display:flex;width:100%;column-gap:8px;align-items:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}sd-select-option .sd-select__option--focused{background-color:#e6f1ff}sd-select-option .sd-select__option--selected:not(:hover):not(.sd-select__option--use-checkbox),sd-select-option .sd-select__option--focused:not(:hover):not(.sd-select__option--use-checkbox){color:#0075ff;font-weight:700}sd-select-option .sd-select__option--disabled{color:#aaaaaa;cursor:not-allowed}sd-select-option .sd-select__option:hover:not(.sd-select__option--disabled){background-color:#0075ff;color:white}";
@@ -36,7 +36,7 @@ const SdSelectOption = /*@__PURE__*/ proxyCustomElement(class SdSelectOption ext
         }
     };
     render() {
-        return (h(Host, { key: '56d2ed3525521a59eb3f0d8231a53259ebd22424' }, h("div", { key: '200849af32a94d4c9aeb35760ce3d8396da45836', class: {
+        return (h(Host, { key: 'c0d9e91485cd89b58bca238e394feebfc50c76e1' }, h("div", { key: '6a02be748e4ca5a2a64200872cfeeda8065a09b4', class: {
                 'sd-select__option': true,
                 'sd-select__option--selected': this.isSelected,
                 'sd-select__option--disabled': !!this.option.disabled,
@@ -92,6 +92,6 @@ function defineCustomElement() {
 }
 export { SdSelectOption as S, defineCustomElement as d };
-//# sourceMappingURL=p-DTUSoHK4.js.map
+//# sourceMappingURL=p-BKIzbxHd.js.map
-//# sourceMappingURL=p-DTUSoHK4.js.map
+//# sourceMappingURL=p-BKIzbxHd.js.map

package/dist/components/{p-DTUSoHK4.js.map → p-BKIzbxHd.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~DTUSoHK4~~.js","mappings":";;;;AAAA,MAAM,iBAAiB,GAAG,g0BAAg0B;;MCiB70B,cAAc,iBAAAA,kBAAA,CAAA,MAAA,cAAA,SAAAC,CAAA,CAAA;;;;;;;;;AAGlB,IAAA,MAAM;AACN,IAAA,KAAK;IACL,UAAU,GAAY,KAAK;IAC3B,SAAS,GAAY,KAAK;AAC1B,IAAA,WAAW;IACX,QAAQ,GAAY,KAAK;IACzB,WAAW,GAAY,KAAK;IAE3B,SAAS,GAAY,KAAK;AAGnC,IAAA,MAAM,UAAU,GAAA;AACf,QAAA,OAAO,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ;;AAGrB,IAAA,WAAW;AAMZ,IAAA,WAAW,GAAG,CAAC,KAAiB,KAAI;QAC3C,KAAK,CAAC,eAAe,EAAE;AAEvB,QAAA,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;AAC5C,YAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;gBACrB,MAAM,EAAE,IAAI,CAAC,MAAM;gBACnB,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,KAAK;AACL,aAAA,CAAC;;AAEJ,KAAC;IAED,MAAM,GAAA;QACL,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACJ,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAE;AACN,gBAAA,mBAAmB,EAAE,IAAI;gBACzB,6BAA6B,EAAE,IAAI,CAAC,UAAU;AAC9C,gBAAA,6BAA6B,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ;gBACrD,4BAA4B,EAAE,IAAI,CAAC,SAAS;gBAC5C,iCAAiC,EAAE,IAAI,CAAC,WAAW;AACnD,aAAA,EACD,YAAY,EAAE,OAAO,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,EAC3C,YAAY,EAAE,OAAO,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,EAC5C,KAAK,EAAE,IAAI,CAAC,WAAW,EACX,YAAA,EAAA,IAAI,CAAC,KAAK,EACtB,OAAO,EAAE,IAAI,CAAC,WAAW,EAExB,EAAA,IAAI,CAAC,WAAW,IAChB,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,qCAAqC,EAAA,EAC/C,CAAA,CAAA,aAAA,EAAA,EACC,OAAO,EAAE,IAAI,CAAC,UAAU,EACxB,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,QAAQ;;;;;;;;YAQ9B,OAAO,EAAE,CAAC,IAAG;gBACZ,CAAC,CAAC,cAAc,EAAE;AAClB,gBAAA,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;AACpB,aAAC,EACa,CAAA,EACf,CAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAC,yBAAyB,EAAE,EAAA,IAAI,CAAC,MAAM,CAAC,KAAK,CAAQ,CAC3D,KAEN,IAAI,CAAC,MAAM,CAAC,KAAK,CACjB,CACI,CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/sd-select/sd-select-option/sd-select-option.scss?tag=sd-select-option","src/components/sd-select/sd-select-option/sd-select-option.tsx"],"sourcesContent":["@import 'variables';\n\nsd-select-option {\n display: block;\n height: fit-content;\n line-height: 0;\n .sd-select__option {\n display: flex;\n padding: 4px 12px;\n font-size: 12px;\n line-height: 20px;\n cursor: pointer;\n\n &__checkbox-wrapper {\n display: flex;\n width: 100%;\n column-gap: 8px;\n align-items: center;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n &--focused {\n background-color: $brilliantblue_20;\n }\n\n &--selected,\n &--focused {\n &:not(:hover):not(.sd-select__option--use-checkbox) {\n color: $brilliantblue_75;\n font-weight: 700;\n }\n }\n\n &--disabled {\n color: $grey_55;\n cursor: not-allowed;\n }\n\n &:hover {\n &:not(.sd-select__option--disabled) {\n background-color: $brilliantblue_75;\n color: white;\n }\n }\n }\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Method,\n Prop,\n State,\n} from '@stencil/core';\nimport type { SelectOption } from '../../../types/select';\n\n@Component({\n tag: 'sd-select-option',\n styleUrl: 'sd-select-option.scss',\n})\nexport class SdSelectOption {\n @Element() el!: HTMLElement;\n\n @Prop() option!: SelectOption;\n @Prop() index!: number;\n @Prop() isSelected: boolean = false;\n @Prop() isFocused: boolean = false;\n @Prop() optionStyle?: { [key: string]: string };\n @Prop() disabled: boolean = false;\n @Prop() useCheckbox: boolean = false;\n\n @State() isHovered: boolean = false;\n\n @Method()\n async isDisabled(): Promise<boolean> {\n return !!this.option.disabled;\n }\n\n @Event() optionClick!: EventEmitter<{\n option: SelectOption;\n index: number;\n event: MouseEvent;\n }>;\n\n private handleClick = (event: MouseEvent) => {\n event.stopPropagation();\n\n if (!this.option.disabled && !this.disabled) {\n this.optionClick.emit({\n option: this.option,\n index: this.index,\n event,\n });\n }\n };\n\n render() {\n return (\n <Host>\n <div\n class={{\n 'sd-select__option': true,\n 'sd-select__option--selected': this.isSelected,\n 'sd-select__option--disabled': !!this.option.disabled,\n 'sd-select__option--focused': this.isFocused,\n 'sd-select__option--use-checkbox': this.useCheckbox,\n }}\n onMouseEnter={() => (this.isHovered = true)}\n onMouseLeave={() => (this.isHovered = false)}\n style={this.optionStyle}\n data-index={this.index}\n onClick={this.handleClick}\n >\n {this.useCheckbox ? (\n <div class=\"sd-select__option__checkbox-wrapper\">\n <sd-checkbox\n checked={this.isSelected}\n disabled={this.option.disabled}\n // checkboxStyle={\n // !this.isSelected\n // ? { borderColor: '#888' }\n // : this.isHovered\n // ? { borderColor: 'white' }\n // : { borderColor: '#0075ff' }\n // }\n onClick={e => {\n e.preventDefault();\n this.handleClick(e);\n }}\n ></sd-checkbox>\n <span class=\"sd-select__option-label\">{this.option.label}</span>\n </div>\n ) : (\n this.option.label\n )}\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-BKIzbxHd.js","mappings":";;;;AAAA,MAAM,iBAAiB,GAAG,g0BAAg0B;;MCiB70B,cAAc,iBAAAA,kBAAA,CAAA,MAAA,cAAA,SAAAC,CAAA,CAAA;;;;;;;;;AAGlB,IAAA,MAAM;AACN,IAAA,KAAK;IACL,UAAU,GAAY,KAAK;IAC3B,SAAS,GAAY,KAAK;AAC1B,IAAA,WAAW;IACX,QAAQ,GAAY,KAAK;IACzB,WAAW,GAAY,KAAK;IAE3B,SAAS,GAAY,KAAK;AAGnC,IAAA,MAAM,UAAU,GAAA;AACf,QAAA,OAAO,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ;;AAGrB,IAAA,WAAW;AAMZ,IAAA,WAAW,GAAG,CAAC,KAAiB,KAAI;QAC3C,KAAK,CAAC,eAAe,EAAE;AAEvB,QAAA,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;AAC5C,YAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;gBACrB,MAAM,EAAE,IAAI,CAAC,MAAM;gBACnB,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,KAAK;AACL,aAAA,CAAC;;AAEJ,KAAC;IAED,MAAM,GAAA;QACL,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACJ,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAE;AACN,gBAAA,mBAAmB,EAAE,IAAI;gBACzB,6BAA6B,EAAE,IAAI,CAAC,UAAU;AAC9C,gBAAA,6BAA6B,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ;gBACrD,4BAA4B,EAAE,IAAI,CAAC,SAAS;gBAC5C,iCAAiC,EAAE,IAAI,CAAC,WAAW;AACnD,aAAA,EACD,YAAY,EAAE,OAAO,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,EAC3C,YAAY,EAAE,OAAO,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,EAC5C,KAAK,EAAE,IAAI,CAAC,WAAW,EACX,YAAA,EAAA,IAAI,CAAC,KAAK,EACtB,OAAO,EAAE,IAAI,CAAC,WAAW,EAExB,EAAA,IAAI,CAAC,WAAW,IAChB,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,qCAAqC,EAAA,EAC/C,CAAA,CAAA,aAAA,EAAA,EACC,OAAO,EAAE,IAAI,CAAC,UAAU,EACxB,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,QAAQ;;;;;;;;YAQ9B,OAAO,EAAE,CAAC,IAAG;gBACZ,CAAC,CAAC,cAAc,EAAE;AAClB,gBAAA,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;AACpB,aAAC,EACa,CAAA,EACf,CAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAC,yBAAyB,EAAE,EAAA,IAAI,CAAC,MAAM,CAAC,KAAK,CAAQ,CAC3D,KAEN,IAAI,CAAC,MAAM,CAAC,KAAK,CACjB,CACI,CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/sd-select/sd-select-option/sd-select-option.scss?tag=sd-select-option","src/components/sd-select/sd-select-option/sd-select-option.tsx"],"sourcesContent":["@import 'variables';\n\nsd-select-option {\n display: block;\n height: fit-content;\n line-height: 0;\n .sd-select__option {\n display: flex;\n padding: 4px 12px;\n font-size: 12px;\n line-height: 20px;\n cursor: pointer;\n\n &__checkbox-wrapper {\n display: flex;\n width: 100%;\n column-gap: 8px;\n align-items: center;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n &--focused {\n background-color: $brilliantblue_20;\n }\n\n &--selected,\n &--focused {\n &:not(:hover):not(.sd-select__option--use-checkbox) {\n color: $brilliantblue_75;\n font-weight: 700;\n }\n }\n\n &--disabled {\n color: $grey_55;\n cursor: not-allowed;\n }\n\n &:hover {\n &:not(.sd-select__option--disabled) {\n background-color: $brilliantblue_75;\n color: white;\n }\n }\n }\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Method,\n Prop,\n State,\n} from '@stencil/core';\nimport type { SelectOption } from '../../../types/select';\n\n@Component({\n tag: 'sd-select-option',\n styleUrl: 'sd-select-option.scss',\n})\nexport class SdSelectOption {\n @Element() el!: HTMLElement;\n\n @Prop() option!: SelectOption;\n @Prop() index!: number;\n @Prop() isSelected: boolean = false;\n @Prop() isFocused: boolean = false;\n @Prop() optionStyle?: { [key: string]: string };\n @Prop() disabled: boolean = false;\n @Prop() useCheckbox: boolean = false;\n\n @State() isHovered: boolean = false;\n\n @Method()\n async isDisabled(): Promise<boolean> {\n return !!this.option.disabled;\n }\n\n @Event() optionClick!: EventEmitter<{\n option: SelectOption;\n index: number;\n event: MouseEvent;\n }>;\n\n private handleClick = (event: MouseEvent) => {\n event.stopPropagation();\n\n if (!this.option.disabled && !this.disabled) {\n this.optionClick.emit({\n option: this.option,\n index: this.index,\n event,\n });\n }\n };\n\n render() {\n return (\n <Host>\n <div\n class={{\n 'sd-select__option': true,\n 'sd-select__option--selected': this.isSelected,\n 'sd-select__option--disabled': !!this.option.disabled,\n 'sd-select__option--focused': this.isFocused,\n 'sd-select__option--use-checkbox': this.useCheckbox,\n }}\n onMouseEnter={() => (this.isHovered = true)}\n onMouseLeave={() => (this.isHovered = false)}\n style={this.optionStyle}\n data-index={this.index}\n onClick={this.handleClick}\n >\n {this.useCheckbox ? (\n <div class=\"sd-select__option__checkbox-wrapper\">\n <sd-checkbox\n checked={this.isSelected}\n disabled={this.option.disabled}\n // checkboxStyle={\n // !this.isSelected\n // ? { borderColor: '#888' }\n // : this.isHovered\n // ? { borderColor: 'white' }\n // : { borderColor: '#0075ff' }\n // }\n onClick={e => {\n e.preventDefault();\n this.handleClick(e);\n }}\n ></sd-checkbox>\n <span class=\"sd-select__option-label\">{this.option.label}</span>\n </div>\n ) : (\n this.option.label\n )}\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-18thvuHk.js → p-BKt1fz_c.js} RENAMED Viewed

@@ -10,7 +10,7 @@ const SdTh = /*@__PURE__*/ proxyCustomElement(class SdTh extends H {
         }
     }
     render() {
-        return (h(Host, { key: '98d5096b0d03db947da3ea0129b43a5d291d0ddd', role: "columnheader" }, h("slot", { key: '4ccaa018abd5915d2069adc01b802bb9392cc186' })));
+        return (h(Host, { key: 'f906ec4174e7829e25f34c7e62484f8a5a9ad282', role: "columnheader" }, h("slot", { key: '165aac26eeedcdf772e3a751a98ae2c8a84016b6' })));
     }
     static get style() { return sdThCss; }
 }, [260, "sd-th"]);
@@ -29,6 +29,6 @@ function defineCustomElement() {
 }
 export { SdTh as S, defineCustomElement as d };
-//# sourceMappingURL=p-18thvuHk.js.map
+//# sourceMappingURL=p-BKt1fz_c.js.map
-//# sourceMappingURL=p-18thvuHk.js.map
+//# sourceMappingURL=p-BKt1fz_c.js.map

package/dist/components/{p-18thvuHk.js.map → p-BKt1fz_c.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~18thvuHk~~.js","mappings":";;AAAA,MAAM,OAAO,GAAG,+HAA+H;;MCMlI,IAAI,iBAAAA,kBAAA,CAAA,MAAA,IAAA,SAAAC,CAAA,CAAA;;;;;;;IAChB,MAAM,GAAA;QACL,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,cAAc,EAAA,EACxB,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACP;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/sd-table/sd-th/sd-th.scss?tag=sd-th","src/components/sd-table/sd-th/sd-th.tsx"],"sourcesContent":["sd-th {\n display: table-cell;\n padding: 12px;\n font-weight: bold;\n text-align: left;\n border-bottom: 2px solid #ddd;\n background-color: #f1f1f1;\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n tag: 'sd-th',\n styleUrl: 'sd-th.scss',\n})\nexport class SdTh {\n render() {\n return (\n <Host role=\"columnheader\">\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-BKt1fz_c.js","mappings":";;AAAA,MAAM,OAAO,GAAG,+HAA+H;;MCMlI,IAAI,iBAAAA,kBAAA,CAAA,MAAA,IAAA,SAAAC,CAAA,CAAA;;;;;;;IAChB,MAAM,GAAA;QACL,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,cAAc,EAAA,EACxB,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACP;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/sd-table/sd-th/sd-th.scss?tag=sd-th","src/components/sd-table/sd-th/sd-th.tsx"],"sourcesContent":["sd-th {\n display: table-cell;\n padding: 12px;\n font-weight: bold;\n text-align: left;\n border-bottom: 2px solid #ddd;\n background-color: #f1f1f1;\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n tag: 'sd-th',\n styleUrl: 'sd-th.scss',\n})\nexport class SdTh {\n render() {\n return (\n <Host role=\"columnheader\">\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-DpcL5xdv.js → p-Biuws3x8.js} RENAMED Viewed

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, d as createEvent, h } from './p-CbnL1UUF.js';
-import { d as defineCustomElement$1 } from './p-InrZhOLL.js';
+import { d as defineCustomElement$1 } from './p-nbx4dU8d.js';
 const sdCheckboxCss = "sd-checkbox{display:inline-block;height:20px;line-height:0}sd-checkbox .sd-checkbox{cursor:pointer;display:inline-flex;align-items:center;gap:8px;height:20px;max-height:20px}sd-checkbox .sd-checkbox>input{display:none}sd-checkbox .sd-checkbox:hover.sd-checkbox--checked .sd-checkbox__bg,sd-checkbox .sd-checkbox:hover.sd-checkbox--indeterminate .sd-checkbox__bg{border-color:#005cc9;background:#005cc9}sd-checkbox .sd-checkbox:hover.sd-checkbox--unchecked .sd-checkbox__bg{border:1px solid #0075ff;background:#d9eaff}sd-checkbox .sd-checkbox:hover.sd-checkbox--disabled .sd-checkbox__bg{border:1px solid transparent;background:#eeeeee}sd-checkbox .sd-checkbox__bg{width:16px;height:16px;border-radius:2px;border:1px solid #888888;box-sizing:border-box;display:inline-flex;justify-content:center;align-items:center;overflow:hidden;line-height:0}sd-checkbox .sd-checkbox__label{font-size:12px;color:#333333;line-height:20px}sd-checkbox .sd-checkbox--checked.sd-checkbox--disabled .sd-checkbox__bg,sd-checkbox .sd-checkbox--indeterminate.sd-checkbox--disabled .sd-checkbox__bg{background:#eeeeee;border:1px solid #cccccc !important}sd-checkbox .sd-checkbox--checked .sd-checkbox__bg,sd-checkbox .sd-checkbox--indeterminate .sd-checkbox__bg{border:1px solid #0075ff;background:#0075ff}sd-checkbox .sd-checkbox--unchecked .sd-checkbox__bg{background:white}sd-checkbox .sd-checkbox--disabled{cursor:not-allowed}sd-checkbox .sd-checkbox--disabled .sd-checkbox__bg{background:#eeeeee;border:1px solid #cccccc !important}";
@@ -113,6 +113,6 @@ function defineCustomElement() {
 }
 export { SdCheckbox as S, defineCustomElement as d };
-//# sourceMappingURL=p-DpcL5xdv.js.map
+//# sourceMappingURL=p-Biuws3x8.js.map
-//# sourceMappingURL=p-DpcL5xdv.js.map
+//# sourceMappingURL=p-Biuws3x8.js.map

package/dist/components/{p-DpcL5xdv.js.map → p-Biuws3x8.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~DpcL5xdv~~.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/sd-checkbox/sd-checkbox.scss?tag=sd-checkbox","src/components/sd-checkbox/sd-checkbox.tsx"],"sourcesContent":["@import 'variables';\n\nsd-checkbox {\n display: inline-block;\n height: 20px;\n line-height: 0;\n\n .sd-checkbox {\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n height: 20px;\n max-height: 20px;\n\n > input {\n display: none;\n }\n\n &:hover {\n &.sd-checkbox--checked,\n &.sd-checkbox--indeterminate {\n .sd-checkbox__bg {\n border-color: $brilliantblue_80;\n background: $brilliantblue_80;\n }\n }\n\n &.sd-checkbox--unchecked {\n .sd-checkbox__bg {\n border: 1px solid $brilliantblue_75;\n background: $brilliantblue_25;\n }\n }\n\n &.sd-checkbox--disabled {\n .sd-checkbox__bg {\n border: 1px solid transparent;\n background: $grey_20;\n }\n }\n }\n\n &__bg {\n width: 16px;\n height: 16px;\n border-radius: 2px;\n border: 1px solid $grey_65;\n box-sizing: border-box;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n line-height: 0;\n }\n\n &__label {\n font-size: 12px;\n color: $grey_90;\n line-height: 20px;\n }\n\n &--checked,\n &--indeterminate {\n &.sd-checkbox--disabled {\n .sd-checkbox__bg {\n background: $grey_20;\n border: 1px solid $grey_45 !important;\n }\n }\n\n .sd-checkbox__bg {\n border: 1px solid $brilliantblue_75;\n background: $brilliantblue_75;\n }\n }\n\n &--unchecked {\n .sd-checkbox__bg {\n background: white;\n }\n }\n\n &--disabled {\n cursor: not-allowed;\n .sd-checkbox__bg {\n background: $grey_20;\n border: 1px solid $grey_45 !important;\n }\n }\n }\n}\n","import { Component, Prop, h, Element, Event, EventEmitter, State, Watch } from '@stencil/core';\n\nexport type CheckedType = boolean \| any[] \| null;\n\n@Component({\n tag: 'sd-checkbox',\n styleUrl: 'sd-checkbox.scss',\n})\nexport class SdCheckbox {\n @Element() el!: HTMLElement;\n\n /** 현재 선택 상태 또는 배열 형태의 값 /\n @Prop() checked!: CheckedType;\n\n /* 배열 모드에서의 개별 값 /\n @Prop() val?: any;\n\n /* 비활성화 여부 /\n @Prop() disabled: boolean = false;\n\n /* 표시할 라벨 텍스트 /\n @Prop() label: string = '';\n\n /* 내부 체크 상태 /\n @State() private isChecked: boolean \| null = false;\n\n /* 값 변경 이벤트 */\n @Event() sdChange!: EventEmitter<CheckedType>;\n\n componentWillLoad() {\n this.updateCheckedState(this.checked);\n }\n\n componentWillRender() {\n this.updateCheckedState(this.checked);\n }\n\n @Watch('checked')\n watchValueHandler(newValue: CheckedType) {\n this.updateCheckedState(newValue);\n }\n\n private get checkboxClasses(): string {\n const classes = [\n 'sd-checkbox',\n `sd-checkbox--${this.isChecked ? 'checked' : this.isChecked === null ? 'indeterminate' : 'unchecked'}`,\n ];\n\n if (this.disabled) {\n classes.push('sd-checkbox--disabled');\n }\n\n return classes.join(' ');\n }\n\n private updateCheckedState(value: CheckedType) {\n if (value === null) {\n this.isChecked = null;\n } else if (typeof value === 'boolean') {\n this.isChecked = value;\n } else if (Array.isArray(value)) {\n this.isChecked = this.val !== undefined && value.includes(this.val);\n } else {\n this.isChecked = false;\n }\n }\n\n private handleChange = () => {\n if (this.disabled) return;\n\n let newValue: CheckedType;\n\n if (typeof this.checked === 'boolean') {\n newValue = !this.checked;\n } else if (Array.isArray(this.checked)) {\n if (this.val === undefined) {\n console.warn('A \"val\" property is required when using an array for the \"value\" property.');\n }\n\n const valueSet = new Set(this.checked);\n valueSet.has(this.val) ? valueSet.delete(this.val) : valueSet.add(this.val);\n newValue = Array.from(valueSet);\n } else {\n newValue = !this.isChecked;\n }\n\n this.sdChange.emit(newValue);\n };\n\n render() {\n return (\n <label\n aria-checked={this.isChecked === null ? 'mixed' : this.isChecked.toString()}\n aria-disabled={this.disabled.toString()}\n role=\"checkbox\"\n aria-label={this.label \|\| 'checkbox'}\n class={this.checkboxClasses}\n >\n <input\n type=\"checkbox\"\n value={this.val}\n checked={!!this.isChecked}\n disabled={this.disabled}\n onChange={this.handleChange}\n name={this.label \|\| 'checkbox'}\n />\n <div class=\"sd-checkbox__bg\">\n {this.isChecked !== false ? (\n <sd-icon\n name={this.isChecked === true ? 'check' : 'minus'}\n size={12}\n color={this.disabled ? '#888888' : 'white'}\n />\n ) : null}\n </div>\n {this.label && <span class=\"sd-checkbox__label\">{this.label}</span>}\n </label>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-Biuws3x8.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/sd-checkbox/sd-checkbox.scss?tag=sd-checkbox","src/components/sd-checkbox/sd-checkbox.tsx"],"sourcesContent":["@import 'variables';\n\nsd-checkbox {\n display: inline-block;\n height: 20px;\n line-height: 0;\n\n .sd-checkbox {\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n height: 20px;\n max-height: 20px;\n\n > input {\n display: none;\n }\n\n &:hover {\n &.sd-checkbox--checked,\n &.sd-checkbox--indeterminate {\n .sd-checkbox__bg {\n border-color: $brilliantblue_80;\n background: $brilliantblue_80;\n }\n }\n\n &.sd-checkbox--unchecked {\n .sd-checkbox__bg {\n border: 1px solid $brilliantblue_75;\n background: $brilliantblue_25;\n }\n }\n\n &.sd-checkbox--disabled {\n .sd-checkbox__bg {\n border: 1px solid transparent;\n background: $grey_20;\n }\n }\n }\n\n &__bg {\n width: 16px;\n height: 16px;\n border-radius: 2px;\n border: 1px solid $grey_65;\n box-sizing: border-box;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n line-height: 0;\n }\n\n &__label {\n font-size: 12px;\n color: $grey_90;\n line-height: 20px;\n }\n\n &--checked,\n &--indeterminate {\n &.sd-checkbox--disabled {\n .sd-checkbox__bg {\n background: $grey_20;\n border: 1px solid $grey_45 !important;\n }\n }\n\n .sd-checkbox__bg {\n border: 1px solid $brilliantblue_75;\n background: $brilliantblue_75;\n }\n }\n\n &--unchecked {\n .sd-checkbox__bg {\n background: white;\n }\n }\n\n &--disabled {\n cursor: not-allowed;\n .sd-checkbox__bg {\n background: $grey_20;\n border: 1px solid $grey_45 !important;\n }\n }\n }\n}\n","import { Component, Prop, h, Element, Event, EventEmitter, State, Watch } from '@stencil/core';\n\nexport type CheckedType = boolean \| any[] \| null;\n\n@Component({\n tag: 'sd-checkbox',\n styleUrl: 'sd-checkbox.scss',\n})\nexport class SdCheckbox {\n @Element() el!: HTMLElement;\n\n /** 현재 선택 상태 또는 배열 형태의 값 /\n @Prop() checked!: CheckedType;\n\n /* 배열 모드에서의 개별 값 /\n @Prop() val?: any;\n\n /* 비활성화 여부 /\n @Prop() disabled: boolean = false;\n\n /* 표시할 라벨 텍스트 /\n @Prop() label: string = '';\n\n /* 내부 체크 상태 /\n @State() private isChecked: boolean \| null = false;\n\n /* 값 변경 이벤트 */\n @Event() sdChange!: EventEmitter<CheckedType>;\n\n componentWillLoad() {\n this.updateCheckedState(this.checked);\n }\n\n componentWillRender() {\n this.updateCheckedState(this.checked);\n }\n\n @Watch('checked')\n watchValueHandler(newValue: CheckedType) {\n this.updateCheckedState(newValue);\n }\n\n private get checkboxClasses(): string {\n const classes = [\n 'sd-checkbox',\n `sd-checkbox--${this.isChecked ? 'checked' : this.isChecked === null ? 'indeterminate' : 'unchecked'}`,\n ];\n\n if (this.disabled) {\n classes.push('sd-checkbox--disabled');\n }\n\n return classes.join(' ');\n }\n\n private updateCheckedState(value: CheckedType) {\n if (value === null) {\n this.isChecked = null;\n } else if (typeof value === 'boolean') {\n this.isChecked = value;\n } else if (Array.isArray(value)) {\n this.isChecked = this.val !== undefined && value.includes(this.val);\n } else {\n this.isChecked = false;\n }\n }\n\n private handleChange = () => {\n if (this.disabled) return;\n\n let newValue: CheckedType;\n\n if (typeof this.checked === 'boolean') {\n newValue = !this.checked;\n } else if (Array.isArray(this.checked)) {\n if (this.val === undefined) {\n console.warn('A \"val\" property is required when using an array for the \"value\" property.');\n }\n\n const valueSet = new Set(this.checked);\n valueSet.has(this.val) ? valueSet.delete(this.val) : valueSet.add(this.val);\n newValue = Array.from(valueSet);\n } else {\n newValue = !this.isChecked;\n }\n\n this.sdChange.emit(newValue);\n };\n\n render() {\n return (\n <label\n aria-checked={this.isChecked === null ? 'mixed' : this.isChecked.toString()}\n aria-disabled={this.disabled.toString()}\n role=\"checkbox\"\n aria-label={this.label \|\| 'checkbox'}\n class={this.checkboxClasses}\n >\n <input\n type=\"checkbox\"\n value={this.val}\n checked={!!this.isChecked}\n disabled={this.disabled}\n onChange={this.handleChange}\n name={this.label \|\| 'checkbox'}\n />\n <div class=\"sd-checkbox__bg\">\n {this.isChecked !== false ? (\n <sd-icon\n name={this.isChecked === true ? 'check' : 'minus'}\n size={12}\n color={this.disabled ? '#888888' : 'white'}\n />\n ) : null}\n </div>\n {this.label && <span class=\"sd-checkbox__label\">{this.label}</span>}\n </label>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-C79lmNgp.js → p-BoGQEY6a.js} RENAMED Viewed

@@ -10,7 +10,7 @@ const SdTbody = /*@__PURE__*/ proxyCustomElement(class SdTbody extends H {
         }
     }
     render() {
-        return (h(Host, { key: 'fb4f565321e2f5308bdb5c318e385c4704730d16' }, h("slot", { key: '3ba442c1026ebbce4960031ed3113ebd16d949ec' })));
+        return (h(Host, { key: '8c5fd86ada95e5b0e87ba041fc4439596c8db6bf' }, h("slot", { key: 'a1d7800eb8856cb4a0d4c958b9163bf101691bb8' })));
     }
     static get style() { return sdTbodyCss; }
 }, [260, "sd-tbody"]);
@@ -29,6 +29,6 @@ function defineCustomElement() {
 }
 export { SdTbody as S, defineCustomElement as d };
-//# sourceMappingURL=p-C79lmNgp.js.map
+//# sourceMappingURL=p-BoGQEY6a.js.map
-//# sourceMappingURL=p-C79lmNgp.js.map
+//# sourceMappingURL=p-BoGQEY6a.js.map

package/dist/components/{p-C79lmNgp.js.map → p-BoGQEY6a.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~C79lmNgp~~.js","mappings":";;AAAA,MAAM,UAAU,GAAG,mCAAmC;;MCMzC,OAAO,iBAAAA,kBAAA,CAAA,MAAA,OAAA,SAAAC,CAAA,CAAA;;;;;;;IACnB,MAAM,GAAA;QACL,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACJ,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACP;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/sd-table/sd-tbody/sd-tbody.scss?tag=sd-tbody","src/components/sd-table/sd-tbody/sd-tbody.tsx"],"sourcesContent":["sd-tbody {\n display: table-row-group;\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n tag: 'sd-tbody',\n styleUrl: 'sd-tbody.scss',\n})\nexport class SdTbody {\n render() {\n return (\n <Host>\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-BoGQEY6a.js","mappings":";;AAAA,MAAM,UAAU,GAAG,mCAAmC;;MCMzC,OAAO,iBAAAA,kBAAA,CAAA,MAAA,OAAA,SAAAC,CAAA,CAAA;;;;;;;IACnB,MAAM,GAAA;QACL,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACJ,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACP;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/sd-table/sd-tbody/sd-tbody.scss?tag=sd-tbody","src/components/sd-table/sd-tbody/sd-tbody.tsx"],"sourcesContent":["sd-tbody {\n display: table-row-group;\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n tag: 'sd-tbody',\n styleUrl: 'sd-tbody.scss',\n})\nexport class SdTbody {\n render() {\n return (\n <Host>\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-C075_t2h.js → p-C3SqpMHk.js} RENAMED Viewed

@@ -121,7 +121,7 @@ const SdPortal = /*@__PURE__*/ proxyCustomElement(class SdPortal extends H {
         this.sdClose.emit();
     }
     render() {
-        return h("slot", { key: 'f1445e7060928e48032fbed8f3b7604e626850c2' });
+        return h("slot", { key: 'c7f389fa51f356d455aa3b7df24d0b8e1de36bb8' });
     }
 }, [772, "sd-portal", {
         "to": [1],
@@ -145,6 +145,6 @@ function defineCustomElement() {
 }
 export { SdPortal as S, defineCustomElement as d };
-//# sourceMappingURL=p-C075_t2h.js.map
+//# sourceMappingURL=p-C3SqpMHk.js.map
-//# sourceMappingURL=p-C075_t2h.js.map
+//# sourceMappingURL=p-C3SqpMHk.js.map

package/dist/components/{p-C075_t2h.js.map → p-C3SqpMHk.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~C075_t2h~~.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/sd-portal/sd-portal.tsx"],"sourcesContent":["import { Component, Element, Event, EventEmitter, Listen, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'sd-portal',\n shadow: false,\n})\nexport class SdPortal {\n @Element() hostEl!: HTMLElement;\n @Prop() to: HTMLElement \| string = 'body';\n @Prop() parentRef: HTMLElement \| null = null;\n @Prop() offset: [number, number] = [0, 4];\n @Prop() zIndex: number = 9999;\n @Prop() open: boolean = false;\n\n @Event() sdClose!: EventEmitter<void>;\n\n private container?: HTMLElement;\n private wrapper?: HTMLElement;\n private rafId?: number;\n private isInsideClick = false;\n\n private resizeObserver?: ResizeObserver;\n private mutationObserver?: MutationObserver;\n\n componentDidLoad() {\n this.container = this.resolveContainer();\n this.createWrapper();\n this.moveSlotContent();\n this.updatePosition();\n this.observeParent();\n }\n\n componentDidRender() {\n if (!this.wrapper) return;\n this.wrapper.style.display = this.open ? 'block' : 'none';\n if (this.open) this.updatePosition();\n }\n\n disconnectedCallback() {\n this.unobserveParent();\n this.wrapper?.remove();\n }\n\n private resolveContainer(): HTMLElement {\n const el = typeof this.to === 'string' ? document.querySelector(this.to) : this.to;\n return el instanceof HTMLElement ? el : document.body;\n }\n\n private createWrapper() {\n this.wrapper = document.createElement('div');\n Object.assign(this.wrapper.style, {\n position: 'absolute',\n zIndex: this.zIndex.toString(),\n transition: 'opacity 0.4s',\n });\n this.container!.appendChild(this.wrapper);\n }\n\n private moveSlotContent() {\n if (!this.wrapper) return;\n const nodes = Array.from(this.hostEl.childNodes).filter(n => n.nodeType !== Node.COMMENT_NODE);\n nodes.forEach(n => this.wrapper!.appendChild(n));\n }\n\n // 위치 갱신 (scroll / resize)\n @Listen('scroll', { target: 'window' })\n @Listen('resize', { target: 'window' })\n updatePosition() {\n if (this.rafId) cancelAnimationFrame(this.rafId);\n this.rafId = requestAnimationFrame(() => {\n if (!this.parentRef \|\| !this.wrapper) return;\n\n const parentRect = this.parentRef.getBoundingClientRect();\n const wrapperRect = this.wrapper.getBoundingClientRect();\n const viewport = {\n width: window.innerWidth,\n height: window.innerHeight,\n };\n\n let top = parentRect.bottom + window.scrollY + this.offset[1];\n let left = parentRect.left + window.scrollX + this.offset[0];\n\n // 화면 상하단 넘어갈 시 반전\n if (parentRect.bottom + wrapperRect.height + this.offset[1] > viewport.height) {\n top = parentRect.top + window.scrollY - wrapperRect.height - this.offset[1];\n }\n if (top < window.scrollY) {\n top = parentRect.bottom + window.scrollY + this.offset[1];\n }\n\n // 화면 좌우측 넘어갈 시 반전\n if (parentRect.left + wrapperRect.width + this.offset[0] > viewport.width) {\n left = parentRect.right + window.scrollX - wrapperRect.width - this.offset[0];\n }\n if (left < 0) {\n left = this.offset[0];\n }\n\n this.wrapper.style.top = `${top}px`;\n this.wrapper.style.left = `${left}px`;\n });\n }\n\n // parentRef의 이동 / 크기변경 감지\n private observeParent() {\n if (!this.parentRef) return;\n\n this.resizeObserver = new ResizeObserver(() => this.updatePosition());\n this.resizeObserver.observe(this.parentRef);\n\n this.mutationObserver = new MutationObserver(() => this.updatePosition());\n this.mutationObserver.observe(document.body, {\n childList: true,\n subtree: true,\n });\n }\n\n private unobserveParent() {\n this.resizeObserver?.disconnect();\n this.mutationObserver?.disconnect();\n }\n\n // 외부 클릭 감지\n @Listen('mousedown', { target: 'window' })\n handleMouseDown(e: MouseEvent) {\n this.isInsideClick = !!(this.wrapper && this.wrapper.contains(e.target as Node));\n }\n\n @Listen('click', { target: 'window' })\n handleWindowClick(e: MouseEvent) {\n if (this.isInsideClick) {\n this.isInsideClick = false;\n return;\n }\n if (this.wrapper?.contains(e.target as Node)) return;\n this.sdClose.emit();\n }\n\n render() {\n return <slot></slot>;\n }\n}\n"],"version":3}
1	+ {"file":"p-C3SqpMHk.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/sd-portal/sd-portal.tsx"],"sourcesContent":["import { Component, Element, Event, EventEmitter, Listen, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'sd-portal',\n shadow: false,\n})\nexport class SdPortal {\n @Element() hostEl!: HTMLElement;\n @Prop() to: HTMLElement \| string = 'body';\n @Prop() parentRef: HTMLElement \| null = null;\n @Prop() offset: [number, number] = [0, 4];\n @Prop() zIndex: number = 9999;\n @Prop() open: boolean = false;\n\n @Event() sdClose!: EventEmitter<void>;\n\n private container?: HTMLElement;\n private wrapper?: HTMLElement;\n private rafId?: number;\n private isInsideClick = false;\n\n private resizeObserver?: ResizeObserver;\n private mutationObserver?: MutationObserver;\n\n componentDidLoad() {\n this.container = this.resolveContainer();\n this.createWrapper();\n this.moveSlotContent();\n this.updatePosition();\n this.observeParent();\n }\n\n componentDidRender() {\n if (!this.wrapper) return;\n this.wrapper.style.display = this.open ? 'block' : 'none';\n if (this.open) this.updatePosition();\n }\n\n disconnectedCallback() {\n this.unobserveParent();\n this.wrapper?.remove();\n }\n\n private resolveContainer(): HTMLElement {\n const el = typeof this.to === 'string' ? document.querySelector(this.to) : this.to;\n return el instanceof HTMLElement ? el : document.body;\n }\n\n private createWrapper() {\n this.wrapper = document.createElement('div');\n Object.assign(this.wrapper.style, {\n position: 'absolute',\n zIndex: this.zIndex.toString(),\n transition: 'opacity 0.4s',\n });\n this.container!.appendChild(this.wrapper);\n }\n\n private moveSlotContent() {\n if (!this.wrapper) return;\n const nodes = Array.from(this.hostEl.childNodes).filter(n => n.nodeType !== Node.COMMENT_NODE);\n nodes.forEach(n => this.wrapper!.appendChild(n));\n }\n\n // 위치 갱신 (scroll / resize)\n @Listen('scroll', { target: 'window' })\n @Listen('resize', { target: 'window' })\n updatePosition() {\n if (this.rafId) cancelAnimationFrame(this.rafId);\n this.rafId = requestAnimationFrame(() => {\n if (!this.parentRef \|\| !this.wrapper) return;\n\n const parentRect = this.parentRef.getBoundingClientRect();\n const wrapperRect = this.wrapper.getBoundingClientRect();\n const viewport = {\n width: window.innerWidth,\n height: window.innerHeight,\n };\n\n let top = parentRect.bottom + window.scrollY + this.offset[1];\n let left = parentRect.left + window.scrollX + this.offset[0];\n\n // 화면 상하단 넘어갈 시 반전\n if (parentRect.bottom + wrapperRect.height + this.offset[1] > viewport.height) {\n top = parentRect.top + window.scrollY - wrapperRect.height - this.offset[1];\n }\n if (top < window.scrollY) {\n top = parentRect.bottom + window.scrollY + this.offset[1];\n }\n\n // 화면 좌우측 넘어갈 시 반전\n if (parentRect.left + wrapperRect.width + this.offset[0] > viewport.width) {\n left = parentRect.right + window.scrollX - wrapperRect.width - this.offset[0];\n }\n if (left < 0) {\n left = this.offset[0];\n }\n\n this.wrapper.style.top = `${top}px`;\n this.wrapper.style.left = `${left}px`;\n });\n }\n\n // parentRef의 이동 / 크기변경 감지\n private observeParent() {\n if (!this.parentRef) return;\n\n this.resizeObserver = new ResizeObserver(() => this.updatePosition());\n this.resizeObserver.observe(this.parentRef);\n\n this.mutationObserver = new MutationObserver(() => this.updatePosition());\n this.mutationObserver.observe(document.body, {\n childList: true,\n subtree: true,\n });\n }\n\n private unobserveParent() {\n this.resizeObserver?.disconnect();\n this.mutationObserver?.disconnect();\n }\n\n // 외부 클릭 감지\n @Listen('mousedown', { target: 'window' })\n handleMouseDown(e: MouseEvent) {\n this.isInsideClick = !!(this.wrapper && this.wrapper.contains(e.target as Node));\n }\n\n @Listen('click', { target: 'window' })\n handleWindowClick(e: MouseEvent) {\n if (this.isInsideClick) {\n this.isInsideClick = false;\n return;\n }\n if (this.wrapper?.contains(e.target as Node)) return;\n this.sdClose.emit();\n }\n\n render() {\n return <slot></slot>;\n }\n}\n"],"version":3}

package/dist/components/{p-CzYhjjIE.js → p-CEIyDJmm.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, d as createEvent, h } from './p-CbnL1UUF.js';
-import { d as defineCustomElement$2 } from './p-DpcL5xdv.js';
-import { d as defineCustomElement$1 } from './p-InrZhOLL.js';
+import { d as defineCustomElement$2 } from './p-Biuws3x8.js';
+import { d as defineCustomElement$1 } from './p-nbx4dU8d.js';
 const sdSelectOptionGroupCss = "sd-select-option-group{display:block;height:fit-content}sd-select-option-group .sd-select__option-group{display:flex;padding:4px 12px;padding-left:12px;font-size:12px;line-height:20px;cursor:pointer}sd-select-option-group .sd-select__option-group.sd-select__option-group--group:not(.sd-select__option-group--use-checkbox),sd-select-option-group .sd-select__option-group.sd-select__option-group--subgroup:not(.sd-select__option-group--use-checkbox){cursor:default !important}sd-select-option-group .sd-select__option-group.sd-select__option-group--group{background-color:#f5faff !important;color:#333333 !important;font-weight:700}sd-select-option-group .sd-select__option-group.sd-select__option-group--subgroup{padding-left:20px;background-color:#f9f9f9 !important;color:#333333 !important;font-weight:500}sd-select-option-group .sd-select__option-group.sd-select__option-group--item{padding-left:28px}sd-select-option-group .sd-select__option-group sd-checkbox__bg{border-color:#888888}sd-select-option-group .sd-select__option-group__label-wrapper{display:flex;width:100%;column-gap:8px;align-items:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}sd-select-option-group .sd-select__option-group__label-wrapper sd-checkbox{flex-shrink:0}sd-select-option-group .sd-select__option-group__label-wrapper .sd-select__option-group-label{flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}sd-select-option-group .sd-select__option-group__label-wrapper .sd-select__option-group__count-indicator{width:fit-content;flex-shrink:0;font-size:12px;font-weight:500;color:#888888}sd-select-option-group .sd-select__option-group--focused{background-color:#e6f1ff}sd-select-option-group .sd-select__option-group--selected.sd-select__option-group--item:not(:hover):not(.sd-select__option-group--use-checkbox),sd-select-option-group .sd-select__option-group--focused.sd-select__option-group--item:not(:hover):not(.sd-select__option-group--use-checkbox){color:#0075ff;font-weight:700}sd-select-option-group .sd-select__option-group--disabled{color:#aaaaaa;cursor:not-allowed}sd-select-option-group .sd-select__option-group:hover:not(.sd-select__option-group--disabled){background-color:#0075ff;color:white}sd-select-option-group .sd-select__option-group:hover.sd-select__option-group--selected:not(.sd-select__option-group--group):not(.sd-select__option-group--subgroup) sd-checkbox .sd-checkbox__bg{border-color:white !important}";
@@ -51,7 +51,7 @@ const SdSelectOptionGroup = /*@__PURE__*/ proxyCustomElement(class SdSelectOptio
         }
     };
     render() {
-        return (h("div", { key: 'e873486c47436a1cb2e3797dfe06b89874429e18', class: {
+        return (h("div", { key: 'cd1e638e01313eacc2253ef9f341eeeef90190d9', class: {
                 'sd-select__option-group': true,
                 'sd-select__option-group--selected': !!this.isSelected,
                 'sd-select__option-group--disabled': !!this.option.disabled,
@@ -60,10 +60,10 @@ const SdSelectOptionGroup = /*@__PURE__*/ proxyCustomElement(class SdSelectOptio
                 'sd-select__option-group--group': this.option.type === 'group',
                 'sd-select__option-group--subgroup': this.option.type === 'subgroup',
                 'sd-select__option-group--item': this.option.type === 'item',
-            }, onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false), style: this.optionStyle, "data-index": this.index, onClick: event => this.handleClick(this.option, this.isSelected, event) }, h("div", { key: '7a54f43c2f654f26ff44cb039136488b17492336', class: "sd-select__option-group__label-wrapper" }, this.useCheckbox && (h("sd-checkbox", { key: 'ffe73a278e2e4869b3389b15268ab3c6d1117d47', checked: this.isSelected, disabled: this.option.disabled, onClick: e => {
+            }, onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false), style: this.optionStyle, "data-index": this.index, onClick: event => this.handleClick(this.option, this.isSelected, event) }, h("div", { key: '85a5ce3861e43d3cbde9cbf82c1d4c51439199f2', class: "sd-select__option-group__label-wrapper" }, this.useCheckbox && (h("sd-checkbox", { key: '1e4d066daf72f8a1b00927206bda0385bd5a28f0', checked: this.isSelected, disabled: this.option.disabled, onClick: e => {
                 e.preventDefault();
                 this.handleClick(this.option, this.isSelected, e);
-            } })), h("span", { key: '7c05471592fd30b12b94d158b11c76e98f4634ef', class: "sd-select__option-group-label" }, this.option.label), this.useIndicator && this.option.type !== 'item' && (h("span", { key: 'd395b359af93878867f61990741d174bb81cd959', class: "sd-select__option-group__count-indicator" }, `(${this.countInfo?.selectedCount}/${this.countInfo?.totalCount})`)))));
+            } })), h("span", { key: 'df4f05045d0e14310a79ed9c33486dd98887c771', class: "sd-select__option-group-label" }, this.option.label), this.useIndicator && this.option.type !== 'item' && (h("span", { key: 'd8995c3f266b0fb6d686e8713e304b73f1e73f4f', class: "sd-select__option-group__count-indicator" }, `(${this.countInfo?.selectedCount}/${this.countInfo?.totalCount})`)))));
     }
     static get style() { return sdSelectOptionGroupCss; }
 }, [768, "sd-select-option-group", {
@@ -104,6 +104,6 @@ function defineCustomElement() {
 }
 export { SdSelectOptionGroup as S, defineCustomElement as d };
-//# sourceMappingURL=p-CzYhjjIE.js.map
+//# sourceMappingURL=p-CEIyDJmm.js.map
-//# sourceMappingURL=p-CzYhjjIE.js.map
+//# sourceMappingURL=p-CEIyDJmm.js.map