@sellmate/design-system 0.0.42 → 0.0.44

package/dist/cjs/sd-loading-spinner.cjs.entry.js

@@ -1,18 +0,0 @@
-'use strict';
-
-var index = require('./index-DXo1Fhkn.js');
-
-const sdLoadingSpinnerCss = "sd-loading-spinner{display:block}sd-loading-spinner .sd-loading-spinner{animation:sd-loading-spin 2s linear infinite;transform-origin:center center}sd-loading-spinner .sd-loading-spinner .path{animation:sd-loading-spin-path 1.5s ease-in-out infinite}@keyframes sd-loading-spin{0%{transform:rotate3d(0, 0, 1, 0deg)}25%{transform:rotate3d(0, 0, 1, 90deg)}50%{transform:rotate3d(0, 0, 1, 180deg)}75%{transform:rotate3d(0, 0, 1, 270deg)}100%{transform:rotate3d(0, 0, 1, 359deg)}}@keyframes sd-loading-spin-path{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35px}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124px}}";
-
-const SdLoadingSpinner = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    render() {
-        return (index.h(index.Host, { key: 'b385493be341259280856202db561334e9473795' }, index.h("svg", { key: '00f946045a4ca0ab1a103d10290c297716908adf', class: "sd-loading-spinner text-positive", width: "72px", height: "72px", viewBox: "25 25 50 50" }, index.h("circle", { key: '9c10f467346e80574d7bab90dcde650a67a12329', class: "path", cx: "50", cy: "50", r: "20", fill: "none", stroke: "currentColor", "stroke-width": "5", "stroke-miterlimit": "10" }))));
-    }
-};
-SdLoadingSpinner.style = sdLoadingSpinnerCss;
-
-exports.sd_loading_spinner = SdLoadingSpinner;
-//# sourceMappingURL=sd-loading-spinner.entry.cjs.js.map

package/dist/cjs/sd-loading-spinner.entry.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sd-loading-spinner.entry.cjs.js","sources":["src/components/sd-loading-spinner/sd-loading-spinner.scss?tag=sd-loading-spinner","src/components/sd-loading-spinner/sd-loading-spinner.tsx"],"sourcesContent":["sd-loading-spinner {\r\n display: block;\r\n\r\n .sd-loading-spinner {\r\n  animation: sd-loading-spin 2s linear infinite;\r\n  transform-origin: center center;\r\n  .path {\r\n   animation: sd-loading-spin-path 1.5s ease-in-out infinite;\r\n  }\r\n\r\n  @keyframes sd-loading-spin {\r\n   0% {\r\n    transform: rotate3d(0, 0, 1, 0deg);\r\n   }\r\n   25% {\r\n    transform: rotate3d(0, 0, 1, 90deg);\r\n   }\r\n   50% {\r\n    transform: rotate3d(0, 0, 1, 180deg);\r\n   }\r\n   75% {\r\n    transform: rotate3d(0, 0, 1, 270deg);\r\n   }\r\n   100% {\r\n    transform: rotate3d(0, 0, 1, 359deg);\r\n   }\r\n  }\r\n\r\n  @keyframes sd-loading-spin-path {\r\n   0% {\r\n    stroke-dasharray: 1, 200;\r\n    stroke-dashoffset: 0;\r\n   }\r\n   50% {\r\n    stroke-dasharray: 89, 200;\r\n    stroke-dashoffset: -35px;\r\n   }\r\n\r\n   100% {\r\n    stroke-dasharray: 89, 200;\r\n    stroke-dashoffset: -124px;\r\n   }\r\n  }\r\n }\r\n}\r\n","import { Component, Host, h } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'sd-loading-spinner',\r\n styleUrl: 'sd-loading-spinner.scss',\r\n})\r\nexport class SdLoadingSpinner {\r\n render() {\r\n  return (\r\n   <Host>\r\n    <svg class=\"sd-loading-spinner text-positive\" width=\"72px\" height=\"72px\" viewBox=\"25 25 50 50\">\r\n     <circle\r\n      class=\"path\"\r\n      cx=\"50\"\r\n      cy=\"50\"\r\n      r=\"20\"\r\n      fill=\"none\"\r\n      stroke=\"currentColor\"\r\n      stroke-width=\"5\"\r\n      stroke-miterlimit=\"10\"\r\n     ></circle>\r\n    </svg>\r\n   </Host>\r\n  );\r\n }\r\n}\r\n"],"names":["h","Host"],"mappings":";;;;AAAA,MAAM,mBAAmB,GAAG,ypBAAypB;;MCMxqB,gBAAgB,GAAA,MAAA;;;;IAC5B,MAAM,GAAA;AACL,QAAA,QACCA,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACJD,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,kCAAkC,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,EAAC,aAAa,EAAA,EAC7FA,OAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAC,MAAM,EACZ,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,IAAI,EACN,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EAAA,cAAA,EACR,GAAG,EAAA,mBAAA,EACE,IAAI,EAAA,CACb,CACL,CACA;;;;;;;"}

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

@@ -1,278 +0,0 @@
-'use strict';
-
-var index = require('./index-DXo1Fhkn.js');
-
-const sdTableBackupCss = ".sd-table__wrapper .sd-table__container .sd-table__middle{overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar{opacity:0;background:#e5e5e5}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar:horizontal{height:8px}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar:vertical{width:8px}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar-thumb{height:80px;background-color:#cccccc;border-radius:4px}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar-track{background-color:transparent}.sd-table__wrapper{height:var(--table-height, auto);width:var(--table-width, 100%);color:#222222}.sd-table__wrapper .sd-table__container{width:100%;height:var(--table-height, auto);position:relative;border:1px solid #e1e1e1;border-radius:8px;font-size:12px;overflow:hidden;background:#ffffff}.sd-table__wrapper .sd-table__container .sd-table__middle{overflow:auto;will-change:scroll-position}.sd-table__wrapper .sd-table__container .sd-table__middle--scrollable{height:var(--table-height, auto)}.sd-table__wrapper .sd-table__container .sd-table__middle--loading{overflow:hidden !important}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table{background-color:white;display:table;width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--selectable td.sd-td--selected,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--selectable th.sd-th--selected{width:52px !important;max-width:52px !important;min-width:52px !important;padding:0 10px 0 24px;text-align:left}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-header thead{position:sticky;top:0;z-index:120}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column th.sticky-left,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column th.sticky-right{position:sticky;background-color:#f5faff;z-index:110 !important}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column td.sticky-left,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column td.sticky-right{position:sticky;background-color:white;z-index:100 !important}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column .sticky-left{left:var(--sticky-left-offset, 0)}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column .sticky-right{right:var(--sticky-right-offset, 0)}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column th.sticky-cell{position:sticky;z-index:102;background-color:#f5faff}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column td.sticky-cell{position:sticky;z-index:101;background-color:white}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left th.sticky-left-edge,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left td.sticky-left-edge{overflow:visible}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left th.sticky-left-edge:after,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left td.sticky-left-edge:after{content:\"\";position:absolute;top:0;left:100%;right:-20px;width:20px;height:100%;z-index:101 !important;box-shadow:inset 12px 0 20px -25px;opacity:1;pointer-events:none}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right th.sticky-right-edge,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right td.sticky-right-edge{overflow:visible}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right th.sticky-right-edge:after,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right td.sticky-right-edge:after{content:\"\";position:absolute;top:0;left:-20px;width:20px;height:100%;z-index:101 !important;box-shadow:inset -12px 0 20px -25px;opacity:1;pointer-events:none}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--no-data thead{opacity:0.4}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--no-data thead tr th.sd-th{border-bottom:1px solid rgba(225, 225, 225, 0.4) !important}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table sd-td,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table sd-th,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table .sd-th__content--label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead{height:36px}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr{width:100%}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th{background:#f5faff;height:36px;padding:0 16px;font-weight:500;vertical-align:middle;border-bottom:1px solid #e1e1e1;-webkit-user-select:none;user-select:none;position:relative}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content{display:flex;flex-flow:row nowrap;align-items:center;gap:4px}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content--left{justify-content:flex-start}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content--center{justify-content:center}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content--right{justify-content:flex-end}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__resizer{position:absolute;top:50%;right:0;transform:translateY(-50%);width:4px;height:16px;cursor:col-resize;z-index:3;border-left:1px solid #cccccc;border-right:1px solid #cccccc}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody .sd-table__loading{position:absolute;top:0;left:0;width:100%;height:100%;min-height:100%;background:rgba(255, 255, 255, 0.6);z-index:200;display:flex;align-items:center;justify-content:center}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr td{height:44px;padding:0 16px;border-bottom:1px solid #e1e1e1;background:white;vertical-align:middle}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr td.sd-td--left{text-align:left}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr td.sd-td--center{text-align:center}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr td.sd-td--right{text-align:right}.sd-table__wrapper .sd-table__container .sd-table__bottom{background:white;text-align:center}.sd-table__wrapper .sd-table__container .sd-table__bottom .sd-table__no-data{padding-top:15%;color:#888888}.sd-table__wrapper .sd-table__pagination{position:relative;background:#f9f9f9;height:48px;display:flex;align-items:center;justify-content:center;border:1px solid #e1e1e1;border-top:none;border-radius:8px}.sd-table__wrapper .sd-table__pagination sd-select{position:absolute;right:10px;top:50%;transform:translateY(-50%)}";
-
-const SdTable = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.sdSelectChange = index.createEvent(this, "sdSelectChange");
-        this.sdPageChange = index.createEvent(this, "sdPageChange");
-        this.sdRowsPerPageChange = index.createEvent(this, "sdRowsPerPageChange");
-    }
-    get el() { return index.getElement(this); }
-    columns;
-    rows;
-    selected = new Set();
-    rowKey = 'id';
-    selectable = false;
-    resizable = false;
-    width;
-    height;
-    stickyHeader = false;
-    stickyColumn = { left: 0, right: 0 };
-    noDataLabel = '데이터가 없습니다.';
-    isLoading = false;
-    pagination;
-    bodyCellRenderer;
-    useInternalPagination = false;
-    useRowsPerPageSelect = false;
-    rowsPerPageOption = [
-        { label: '10개씩 보기', value: 10 },
-        { label: '25개씩 보기', value: 25 },
-        { label: '50개씩 보기', value: 50 },
-        { label: '100개씩 보기', value: 100 },
-    ];
-    sdSelectChange;
-    sdPageChange;
-    sdRowsPerPageChange;
-    currentPage = this.pagination?.page || 1;
-    innerRows = [];
-    innerSelected = new Set();
-    columnWidths = [];
-    scrolledLeft = false;
-    scrolledRight = false;
-    handleColumnsChange(newCols) {
-        this.columnWidths = newCols.map(c => parseInt(c.width || '120', 10));
-    }
-    handleRowsChange(newRows) {
-        this.innerRows = [...newRows];
-    }
-    handleSelectedChange(newSelected) {
-        this.innerSelected = new Set(newSelected);
-    }
-    handlePaginationChange(newVal) {
-        if (newVal?.page && newVal.page !== this.currentPage)
-            this.currentPage = newVal.page;
-    }
-    componentWillLoad() {
-        this.innerRows = [...(this.rows || [])];
-        this.innerSelected = new Set(this.selected);
-        this.columnWidths = (this.columns || []).map(c => parseInt(c.width || '120', 10));
-        if (this.pagination?.page) {
-            this.currentPage = this.pagination.page;
-        }
-    }
-    componentDidLoad() {
-        // SSR 환경 체크
-        if (typeof window === 'undefined')
-            return;
-        const middle = this.el.querySelector('.sd-table__middle');
-        if (!middle)
-            return;
-        const onScroll = () => {
-            const { scrollLeft, scrollWidth, clientWidth } = middle;
-            this.scrolledLeft = scrollLeft > 0;
-            this.scrolledRight = scrollLeft + clientWidth < scrollWidth;
-        };
-        middle.addEventListener('scroll', onScroll, { passive: true });
-        onScroll();
-    }
-    // ----- Derived getters -----
-    get visibleColumns() {
-        return this.columns.filter(col => col.visible !== false);
-    }
-    get paginatedRows() {
-        if (!this.pagination || !this.useInternalPagination)
-            return this.innerRows;
-        const { rowsPerPage = this.rows.length } = this.pagination || {};
-        const result = this.innerRows.slice((this.currentPage - 1) * rowsPerPage, this.currentPage * rowsPerPage);
-        return result;
-    }
-    get lastPageNumber() {
-        const { lastPage, rowsPerPage = this.rows.length } = this.pagination || {};
-        return lastPage ?? Math.max(1, Math.ceil(this.rows.length / rowsPerPage));
-    }
-    get sdTableClasses() {
-        return [
-            'sd-table',
-            this.stickyHeader && 'sd-table--sticky-header',
-            this.selectable && 'sd-table--selectable',
-            this.resizable && 'sd-table--resizable',
-            !this.innerRows.length && 'sd-table--no-data',
-            ((this.stickyColumn?.left ?? 0) > 0 || (this.stickyColumn?.right ?? 0) > 0) &&
-                'sd-table--sticky-column',
-            this.scrolledLeft && 'sd-table--scrolled-left',
-            this.scrolledRight && 'sd-table--scrolled-right',
-        ]
-            .filter(Boolean)
-            .join(' ');
-    }
-    // ----- Selection -----
-    isRowSelected(row) {
-        return Array.from(this.innerSelected).some(r => r[this.rowKey] === row[this.rowKey]);
-    }
-    updateRowSelect(row) {
-        const selectedArray = Array.from(this.innerSelected);
-        const exists = this.isRowSelected(row);
-        const newSelected = exists
-            ? selectedArray.filter(r => r[this.rowKey] !== row[this.rowKey])
-            : [...selectedArray, row];
-        // 동일 상태면 set하지 않음 → 불필요 렌더 방지
-        if (newSelected.length === selectedArray.length)
-            return;
-        this.innerSelected = new Set(newSelected);
-        this.sdSelectChange.emit(Array.from(this.innerSelected));
-    }
-    toggleSelectAll(checked) {
-        if (checked) {
-            const pageRows = new Set([...this.paginatedRows]);
-            this.innerSelected = new Set([...this.innerSelected, ...pageRows]);
-        }
-        else {
-            const currentPageKeys = this.paginatedRows.map(r => r[this.rowKey]);
-            this.innerSelected = new Set([...this.innerSelected].filter(r => !currentPageKeys.includes(r[this.rowKey])));
-        }
-        this.sdSelectChange.emit(Array.from(this.innerSelected));
-    }
-    get isAllChecked() {
-        const total = this.paginatedRows.length;
-        const selectedCount = this.paginatedRows.filter(row => Array.from(this.innerSelected).some(selectedRow => selectedRow[this.rowKey] === row[this.rowKey])).length;
-        if (selectedCount === 0)
-            return false; // 아무것도 안 선택됨
-        if (selectedCount === total)
-            return true; // 전부 선택됨
-        return null; // 일부만 선택됨
-    }
-    // ----- Helpers -----
-    getStickyStyle(colIdx) {
-        const leftOffset = this.columnWidths.slice(0, colIdx).reduce((a, b) => a + b, 0) + (this.selectable ? 52 : 0);
-        const rightOffset = this.columnWidths
-            .filter((_, i) => i >= this.visibleColumns.length - (this.stickyColumn.right || 0) && i > colIdx)
-            .reduce((a, b) => a + b, 0);
-        return {
-            '--sticky-left-offset': `${leftOffset}px`,
-            '--sticky-right-offset': `${rightOffset}px`,
-            'width': `${this.columnWidths[colIdx]}px`,
-            'minWidth': `${this.columnWidths[colIdx]}px`,
-            'maxWidth': `${this.columnWidths[colIdx]}px`,
-        };
-    }
-    handleResize(index, event) {
-        // SSR 환경 체크
-        if (typeof document === 'undefined')
-            return;
-        const startX = event.clientX;
-        const startWidth = this.columnWidths[index];
-        const handleMouseMove = (moveEvent) => {
-            const targetColumn = this.columnWidths[index];
-            if (!targetColumn)
-                return;
-            const minWidth = this.columns[index]?.minWidth || 50;
-            const maxWidth = this.columns[index]?.maxWidth || 9999;
-            const newWidth = Math.min(Math.max(startWidth + moveEvent.clientX - startX, minWidth), maxWidth);
-            this.columnWidths = this.columnWidths.map((width, idx) => (idx === index ? newWidth : width));
-        };
-        const handleMouseUp = () => {
-            document.removeEventListener('mousemove', handleMouseMove);
-            document.removeEventListener('mouseup', handleMouseUp);
-        };
-        document.addEventListener('mousemove', handleMouseMove);
-        document.addEventListener('mouseup', handleMouseUp);
-    }
-    getCellValue(column, row) {
-        const { field, format, name } = column;
-        const value = typeof field === 'function' ? field(row) : field ? row[field] : row[name];
-        return format ? format(value, row) : value;
-    }
-    // ----- Render -----
-    renderHeader() {
-        return (index.h("thead", null, index.h("tr", null, this.selectable && (index.h("th", { class: {
-                'sd-th': true,
-                'sd-th--selected': true,
-                'sticky-left': Boolean(this.stickyColumn.left && this.stickyColumn.left > 0),
-            }, style: {
-                '--sticky-left-offset': '0px',
-            } }, index.h("sd-checkbox", { checked: this.isAllChecked, disabled: !this.paginatedRows.length, onSdChange: (e) => this.toggleSelectAll(e.detail) }))), this.visibleColumns.map((col, colIdx) => (index.h("th", { key: col.name, class: {
-                'sd-th': true,
-                [`${col.thClass}`]: Boolean(col.thClass),
-                'sticky-left': Boolean(this.stickyColumn.left && colIdx < this.stickyColumn.left),
-                'sticky-right': Boolean(this.stickyColumn.right && colIdx >= this.visibleColumns.length - this.stickyColumn.right),
-                'sticky-left-edge': Boolean(this.stickyColumn.left && colIdx === this.stickyColumn.left - 1),
-                'sticky-right-edge': Boolean(this.stickyColumn.right &&
-                    colIdx === this.visibleColumns.length - this.stickyColumn.right),
-            }, style: { ...col.thStyle, ...this.getStickyStyle(colIdx) } }, index.h("div", { class: `sd-th__content sd-th__content--${col.align || 'left'}` }, index.h("slot", { name: `header-cell-${col.name}` }, index.h("div", { class: "sd-th__content--label" }, col.label)), col.usePageMoveIcon && index.h("sd-icon", { name: "pageMove", size: "12", color: "#006AC1" }), col.tooltip && (index.h("sd-tooltip", { ...col.tooltipOptions }, index.h("div", { slot: "content" }, col.tooltip.map(text => (index.h("p", null, text))))))), this.resizable && typeof window !== 'undefined' && (index.h("div", { class: "sd-th__resizer", onMouseDown: (evt) => this.handleResize(colIdx, evt) }))))))));
-    }
-    renderBody() {
-        return (index.h("tbody", { ...(!this.paginatedRows.length && { part: 'tbody-empty' }) }, this.isLoading && (index.h("div", { class: "sd-table__loading" }, index.h("sd-loading-spinner", null))), this.paginatedRows.length > 0 &&
-            this.paginatedRows.map((row, rowIdx) => (index.h("tr", { key: row[this.rowKey], class: "hover:bg-Grey_Lighten-6" }, this.selectable && (index.h("td", { class: {
-                    'sd-td': true,
-                    'sd-td--selected': true,
-                    'sticky-left': Boolean(this.stickyColumn.left && this.stickyColumn.left > 0),
-                }, style: {
-                    '--sticky-left-offset': '0px',
-                } }, index.h("sd-checkbox", { checked: this.isRowSelected(row), disabled: !this.paginatedRows.length, onSdChange: () => this.updateRowSelect(row) }))), this.visibleColumns.map((column, colIdx) => {
-                const rendered = this.bodyCellRenderer?.(column, row);
-                return (index.h("td", { key: column.name, part: `td-${column.name}`, class: {
-                        'sd-td': true,
-                        [`sd-td--${column.align || 'left'}`]: true,
-                        'sticky-left': Boolean(this.stickyColumn.left && colIdx < this.stickyColumn.left),
-                        'sticky-right': Boolean(this.stickyColumn.right &&
-                            colIdx >= this.visibleColumns.length - this.stickyColumn.right),
-                        'sticky-left-edge': Boolean(this.stickyColumn.left && colIdx === this.stickyColumn.left - 1),
-                        'sticky-right-edge': Boolean(this.stickyColumn.right &&
-                            colIdx === this.visibleColumns.length - this.stickyColumn.right),
-                        [`${column.tdClass}`]: Boolean(column.tdClass),
-                    }, style: this.getStickyStyle(colIdx) }, index.h("slot", { name: `body-cell-${column.name}-${rowIdx}` }, rendered ? (typeof rendered === 'string' ? (index.h("span", { innerHTML: rendered })) : (rendered)) : (this.getCellValue(column, row)))));
-            }))))));
-    }
-    render() {
-        return (index.h(index.Host, { key: 'aeee4ce21accb3f3d8aceb832483f579eea1e02a' }, index.h("div", { key: '88e617de6e9db905d930c8f3dc313809305b39d7', class: "sd-table__wrapper", style: {
-                '--table-width': this.width,
-                '--table-height': this.height,
-            } }, index.h("div", { key: '1eaa7ae773587f3d83cef82689de583fc8e971ec', class: "sd-table__container" }, index.h("div", { key: '391f50ec78bdfd063f32966a98be5b907833f166', class: {
-                'sd-table__middle': true,
-                'sd-table__middle--scrollable': this.paginatedRows.length > 0,
-                'sd-table__middle--loading': this.isLoading,
-            } }, index.h("table", { key: 'e6f0d9296fe865ae666f8506b4ed753e60fef64e', part: "table", class: this.sdTableClasses }, this.renderHeader(), this.renderBody())), index.h("div", { key: 'c2cc49ef0a7c62cd744466c718f2a4a2fe536efd', class: "sd-table__bottom" }, !this.paginatedRows.length && (index.h("div", { key: '9ac5ed21fb902584de9d8fb390ba9bb4493dd46d', class: "sd-table__no-data" }, index.h("slot", { key: 'ae9a048dbe43f8006d682d5baf1c2851b0947e5a', name: "no-data" }, this.noDataLabel))))), this.pagination && this.innerRows.length > 0 && (index.h("div", { key: '365d564b85fd2fe03180e4afed98fa36a7883f60', class: "sd-table__pagination" }, index.h("sd-pagination", { key: '3d9f8d9a85134903daed271baf661f07cd05872f', currentPage: !this.useInternalPagination ? this.pagination.page : this.currentPage, lastPage: !this.useInternalPagination ? this.pagination.lastPage : this.lastPageNumber, onPageChange: (e) => {
-                if (!this.useInternalPagination) {
-                    this.sdPageChange.emit(e.detail);
-                }
-                else {
-                    this.currentPage = e.detail;
-                    this.sdPageChange.emit(this.currentPage);
-                }
-            } }), this.useRowsPerPageSelect && (index.h("sd-select", { key: 'c419907c500ea77c1a357edc7953806d640fdd92', value: this.pagination.rowsPerPage, options: this.rowsPerPageOption, width: "128px", onSdChange: (e) => {
-                const changedRowsPerPage = e.detail.value ? Number(e.detail.value) : 0;
-                if (!this.useInternalPagination) {
-                    this.sdRowsPerPageChange.emit(changedRowsPerPage);
-                }
-                else {
-                    const newRowsPerPage = Number(e.detail.value || 0);
-                    let newLastPage = Math.max(1, Math.ceil(this.innerRows.length / newRowsPerPage));
-                    let newCurrentPage = this.currentPage;
-                    if (newCurrentPage > newLastPage) {
-                        newCurrentPage = newLastPage;
-                    }
-                    this.pagination = {
-                        page: newCurrentPage,
-                        rowsPerPage: newRowsPerPage,
-                        lastPage: newLastPage,
-                    };
-                    this.currentPage = newCurrentPage;
-                    this.sdRowsPerPageChange.emit(changedRowsPerPage);
-                }
-            } })))))));
-    }
-    static get watchers() { return {
-        "columns": ["handleColumnsChange"],
-        "rows": ["handleRowsChange"],
-        "selected": ["handleSelectedChange"],
-        "pagination": ["handlePaginationChange"]
-    }; }
-};
-SdTable.style = sdTableBackupCss;
-
-exports.sd_table_backup = SdTable;
-//# sourceMappingURL=sd-table-backup.entry.cjs.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"sd-table-backup.entry.cjs.js","sources":["src/components/sd-table-backup/sd-table-backup.scss?tag=sd-table-backup","src/components/sd-table-backup/sd-table-backup.tsx"],"sourcesContent":["@import 'variables.scss';\r\n@import 'extend.scss';\r\n\r\n.sd-table__wrapper {\r\n height: var(--table-height, auto);\r\n width: var(--table-width, 100%);\r\n color: $grey_95;\r\n\r\n .sd-table__container {\r\n  width: 100%;\r\n  height: var(--table-height, auto);\r\n\r\n  position: relative;\r\n  border: 1px solid $grey_30;\r\n  border-radius: 8px;\r\n  font-size: 12px;\r\n  overflow: hidden;\r\n  background: $white;\r\n\r\n  .sd-table__middle {\r\n   overflow: auto;\r\n   will-change: scroll-position;\r\n   @extend %scrollBar;\r\n\r\n   &--scrollable {\r\n    height: var(--table-height, auto);\r\n   }\r\n\r\n   &--loading {\r\n    overflow: hidden !important;\r\n   }\r\n\r\n   .sd-table {\r\n    background-color: white;\r\n    display: table;\r\n    width: 100%;\r\n    border-collapse: separate;\r\n    border-spacing: 0;\r\n    table-layout: fixed;\r\n\r\n    &--selectable {\r\n     td.sd-td--selected,\r\n     th.sd-th--selected {\r\n      width: 52px !important;\r\n      max-width: 52px !important;\r\n      min-width: 52px !important;\r\n      padding: 0 10px 0 24px;\r\n      text-align: left;\r\n     }\r\n    }\r\n\r\n    &--sticky-header {\r\n     thead {\r\n      position: sticky;\r\n      top: 0;\r\n      z-index: 120;\r\n     }\r\n    }\r\n\r\n    &--sticky-column {\r\n     th.sticky-left,\r\n     th.sticky-right {\r\n      position: sticky;\r\n      background-color: $th-bg;\r\n      z-index: 110 !important;\r\n     }\r\n     td.sticky-left,\r\n     td.sticky-right {\r\n      position: sticky;\r\n      background-color: white;\r\n      z-index: 100 !important;\r\n     }\r\n\r\n     .sticky-left {\r\n      left: var(--sticky-left-offset, 0);\r\n     }\r\n     .sticky-right {\r\n      right: var(--sticky-right-offset, 0);\r\n     }\r\n\r\n     th.sticky-cell {\r\n      position: sticky;\r\n      z-index: 102;\r\n      background-color: $th-bg;\r\n     }\r\n     td.sticky-cell {\r\n      position: sticky;\r\n      z-index: 101;\r\n      background-color: white;\r\n     }\r\n    }\r\n\r\n    &--scrolled-left {\r\n     th.sticky-left-edge,\r\n     td.sticky-left-edge {\r\n      overflow: visible;\r\n      &:after {\r\n       content: '';\r\n       position: absolute;\r\n       top: 0;\r\n       left: 100%;\r\n       right: -20px;\r\n       width: 20px;\r\n       height: 100%;\r\n       z-index: 101 !important;\r\n       box-shadow: inset 12px 0 20px -25px;\r\n       opacity: 1;\r\n       pointer-events: none;\r\n      }\r\n     }\r\n    }\r\n\r\n    &--scrolled-right {\r\n     th.sticky-right-edge,\r\n     td.sticky-right-edge {\r\n      overflow: visible;\r\n\r\n      &:after {\r\n       content: '';\r\n       position: absolute;\r\n       top: 0;\r\n       left: -20px;\r\n       width: 20px;\r\n       height: 100%;\r\n       z-index: 101 !important;\r\n       box-shadow: inset -12px 0 20px -25px;\r\n       opacity: 1;\r\n       pointer-events: none;\r\n      }\r\n     }\r\n    }\r\n\r\n    &--no-data {\r\n     thead {\r\n      opacity: 0.4;\r\n      tr {\r\n       th {\r\n        &.sd-th {\r\n         border-bottom: 1px solid rgba(225, 225, 225, 0.4) !important;\r\n        }\r\n       }\r\n      }\r\n     }\r\n    }\r\n\r\n    sd-td,\r\n    sd-th,\r\n    .sd-th__content--label {\r\n     overflow: hidden;\r\n     white-space: nowrap;\r\n     text-overflow: ellipsis;\r\n     word-break: keep-all;\r\n    }\r\n\r\n    thead {\r\n     height: 36px;\r\n\r\n     tr {\r\n      width: 100%;\r\n\r\n      th {\r\n       background: $th-bg;\r\n       height: 36px;\r\n       padding: 0 16px;\r\n       font-weight: 500;\r\n       vertical-align: middle;\r\n       border-bottom: 1px solid $grey_30;\r\n       -webkit-user-select: none;\r\n       user-select: none;\r\n       position: relative;\r\n\r\n       &.sd-th {\r\n        .sd-th__content {\r\n         display: flex;\r\n         flex-flow: row nowrap;\r\n         align-items: center;\r\n         gap: 4px;\r\n\r\n         &--left {\r\n          justify-content: flex-start;\r\n         }\r\n         &--center {\r\n          justify-content: center;\r\n         }\r\n         &--right {\r\n          justify-content: flex-end;\r\n         }\r\n        }\r\n\r\n        .sd-th__resizer {\r\n         position: absolute;\r\n         top: 50%;\r\n         right: 0;\r\n         transform: translateY(-50%);\r\n         width: 4px;\r\n         height: 16px;\r\n         cursor: col-resize;\r\n         z-index: 3;\r\n         border-left: 1px solid $grey_45;\r\n         border-right: 1px solid $grey_45;\r\n        }\r\n       }\r\n      }\r\n     }\r\n    }\r\n\r\n    tbody {\r\n     .sd-table__loading {\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      min-height: 100%;\r\n      background: rgba(255, 255, 255, 0.6);\r\n      z-index: 200;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n     }\r\n\r\n     tr {\r\n      // &:last-of-type {\r\n      //  td {\r\n      //   border-bottom: none;\r\n      //  }\r\n      // }\r\n      td {\r\n       height: 44px;\r\n       padding: 0 16px;\r\n       border-bottom: 1px solid $grey_30;\r\n       background: white;\r\n       vertical-align: middle;\r\n\r\n       &.sd-td {\r\n        &--left {\r\n         text-align: left;\r\n        }\r\n        &--center {\r\n         text-align: center;\r\n        }\r\n        &--right {\r\n         text-align: right;\r\n        }\r\n       }\r\n      }\r\n     }\r\n    }\r\n   }\r\n  }\r\n\r\n  .sd-table__bottom {\r\n   background: white;\r\n   text-align: center;\r\n\r\n   .sd-table__no-data {\r\n    padding-top: 15%;\r\n    color: $grey_65;\r\n   }\r\n  }\r\n }\r\n\r\n .sd-table__pagination {\r\n  position: relative;\r\n  background: $grey_05;\r\n  height: 48px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border: 1px solid $grey_30;\r\n  border-top: none;\r\n  border-radius: 8px;\r\n\r\n  sd-select {\r\n   position: absolute;\r\n   right: 10px;\r\n   top: 50%;\r\n   transform: translateY(-50%);\r\n\r\n   .sd-select {\r\n   }\r\n  }\r\n }\r\n}\r\n","import {\r\n Component,\r\n Element,\r\n Prop,\r\n State,\r\n Event,\r\n Watch,\r\n h,\r\n EventEmitter,\r\n Host,\r\n} from '@stencil/core';\r\nimport { CheckedType } from '../sd-checkbox/sd-checkbox';\r\nimport { SelectOption } from '../sd-select/sd-select';\r\nimport { SdSelectCustomEvent } from '../../components';\r\n\r\nexport type SdTableSortDir = 'asc' | 'desc' | 'none';\r\n\r\nexport interface SdTableColumn {\r\n name: string;\r\n label: string;\r\n field: string | ((row: any) => any);\r\n align?: 'left' | 'center' | 'right';\r\n width?: string;\r\n format?: (value: any, row: any) => string;\r\n visible?: boolean;\r\n usePageMoveIcon?: boolean;\r\n tooltip?: string[];\r\n tooltipOptions?: Record<string, any>;\r\n tdClass?: string;\r\n minWidth?: number;\r\n maxWidth?: number;\r\n thStyle?: Record<string, any>;\r\n thClass?: string;\r\n}\r\n\r\nexport interface Row {\r\n [key: string]: any;\r\n}\r\n\r\n@Component({\r\n tag: 'sd-table-backup',\r\n styleUrl: 'sd-table-backup.scss',\r\n})\r\nexport class SdTable {\r\n @Element() el!: HTMLElement;\r\n\r\n @Prop() columns!: SdTableColumn[];\r\n @Prop({ mutable: true }) rows!: Row[];\r\n @Prop({ mutable: true }) selected: Set<Row> = new Set();\r\n @Prop() rowKey: string = 'id';\r\n @Prop() selectable: boolean = false;\r\n @Prop() resizable: boolean = false;\r\n @Prop() width?: string;\r\n @Prop() height?: string;\r\n @Prop() stickyHeader: boolean = false;\r\n @Prop() stickyColumn: { left?: number; right?: number } = { left: 0, right: 0 };\r\n @Prop() noDataLabel: string = '데이터가 없습니다.';\r\n @Prop() isLoading: boolean = false;\r\n @Prop() pagination?: {\r\n  page: number;\r\n  rowsPerPage: number;\r\n  lastPage?: number;\r\n };\r\n @Prop() bodyCellRenderer?: (\r\n  column: SdTableColumn,\r\n  row: Row,\r\n ) => HTMLElement | string | null | undefined;\r\n @Prop() useInternalPagination: boolean = false;\r\n @Prop() useRowsPerPageSelect: boolean = false;\r\n @Prop() rowsPerPageOption: SelectOption[] = [\r\n  { label: '10개씩 보기', value: 10 },\r\n  { label: '25개씩 보기', value: 25 },\r\n  { label: '50개씩 보기', value: 50 },\r\n  { label: '100개씩 보기', value: 100 },\r\n ];\r\n\r\n @Event() sdSelectChange!: EventEmitter<Row[]>;\r\n @Event() sdPageChange!: EventEmitter<number>;\r\n @Event() sdRowsPerPageChange!: EventEmitter<number>;\r\n\r\n @State() currentPage: number = this.pagination?.page || 1;\r\n @State() innerRows: Row[] = [];\r\n @State() innerSelected: Set<Row> = new Set();\r\n @State() columnWidths: number[] = [];\r\n @State() scrolledLeft: boolean = false;\r\n @State() scrolledRight: boolean = false;\r\n\r\n @Watch('columns')\r\n handleColumnsChange(newCols: SdTableColumn[]) {\r\n  this.columnWidths = newCols.map(c => parseInt(c.width || '120', 10));\r\n }\r\n\r\n @Watch('rows')\r\n handleRowsChange(newRows: Row[]) {\r\n  this.innerRows = [...newRows];\r\n }\r\n\r\n @Watch('selected')\r\n handleSelectedChange(newSelected: Set<Row>) {\r\n  this.innerSelected = new Set(newSelected);\r\n }\r\n\r\n @Watch('pagination')\r\n handlePaginationChange(\r\n  newVal?: { page: number; rowsPerPage: number; lastPage?: number } | undefined,\r\n ) {\r\n  if (newVal?.page && newVal.page !== this.currentPage) this.currentPage = newVal.page;\r\n }\r\n\r\n componentWillLoad() {\r\n  this.innerRows = [...(this.rows || [])];\r\n  this.innerSelected = new Set(this.selected);\r\n  this.columnWidths = (this.columns || []).map(c => parseInt(c.width || '120', 10));\r\n\r\n  if (this.pagination?.page) {\r\n   this.currentPage = this.pagination.page;\r\n  }\r\n }\r\n\r\n componentDidLoad() {\r\n  // SSR 환경 체크\r\n  if (typeof window === 'undefined') return;\r\n\r\n  const middle = this.el.querySelector('.sd-table__middle');\r\n  if (!middle) return;\r\n\r\n  const onScroll = () => {\r\n   const { scrollLeft, scrollWidth, clientWidth } = middle as HTMLElement;\r\n   this.scrolledLeft = scrollLeft > 0;\r\n   this.scrolledRight = scrollLeft + clientWidth < scrollWidth;\r\n  };\r\n  middle.addEventListener('scroll', onScroll, { passive: true });\r\n  onScroll();\r\n }\r\n\r\n // ----- Derived getters -----\r\n private get visibleColumns(): SdTableColumn[] {\r\n  return this.columns.filter(col => col.visible !== false);\r\n }\r\n\r\n private get paginatedRows(): Row[] {\r\n  if (!this.pagination || !this.useInternalPagination) return this.innerRows;\r\n\r\n  const { rowsPerPage = this.rows.length } = this.pagination || {};\r\n\r\n  const result = this.innerRows.slice(\r\n   (this.currentPage - 1) * rowsPerPage,\r\n   this.currentPage * rowsPerPage,\r\n  );\r\n\r\n  return result;\r\n }\r\n\r\n private get lastPageNumber(): number {\r\n  const { lastPage, rowsPerPage = this.rows.length } = this.pagination || {};\r\n\r\n  return lastPage ?? Math.max(1, Math.ceil(this.rows.length / rowsPerPage));\r\n }\r\n\r\n private get sdTableClasses() {\r\n  return [\r\n   'sd-table',\r\n   this.stickyHeader && 'sd-table--sticky-header',\r\n   this.selectable && 'sd-table--selectable',\r\n   this.resizable && 'sd-table--resizable',\r\n   !this.innerRows.length && 'sd-table--no-data',\r\n   ((this.stickyColumn?.left ?? 0) > 0 || (this.stickyColumn?.right ?? 0) > 0) &&\r\n    'sd-table--sticky-column',\r\n   this.scrolledLeft && 'sd-table--scrolled-left',\r\n   this.scrolledRight && 'sd-table--scrolled-right',\r\n  ]\r\n   .filter(Boolean)\r\n   .join(' ');\r\n }\r\n\r\n // ----- Selection -----\r\n private isRowSelected(row: Row): boolean {\r\n  return Array.from(this.innerSelected).some(r => r[this.rowKey] === row[this.rowKey]);\r\n }\r\n\r\n private updateRowSelect(row: Row) {\r\n  const selectedArray = Array.from(this.innerSelected);\r\n  const exists = this.isRowSelected(row);\r\n  const newSelected = exists\r\n   ? selectedArray.filter(r => r[this.rowKey] !== row[this.rowKey])\r\n   : [...selectedArray, row];\r\n\r\n  // 동일 상태면 set하지 않음 → 불필요 렌더 방지\r\n  if (newSelected.length === selectedArray.length) return;\r\n\r\n  this.innerSelected = new Set(newSelected);\r\n  this.sdSelectChange.emit(Array.from(this.innerSelected));\r\n }\r\n\r\n private toggleSelectAll(checked: CheckedType) {\r\n  if (checked) {\r\n   const pageRows = new Set([...this.paginatedRows]);\r\n   this.innerSelected = new Set([...this.innerSelected, ...pageRows]);\r\n  } else {\r\n   const currentPageKeys = this.paginatedRows.map(r => r[this.rowKey]);\r\n   this.innerSelected = new Set(\r\n    [...this.innerSelected].filter(r => !currentPageKeys.includes(r[this.rowKey])),\r\n   );\r\n  }\r\n\r\n  this.sdSelectChange.emit(Array.from(this.innerSelected));\r\n }\r\n\r\n private get isAllChecked(): boolean | null {\r\n  const total = this.paginatedRows.length;\r\n  const selectedCount = this.paginatedRows.filter(row =>\r\n   Array.from(this.innerSelected).some(\r\n    selectedRow => selectedRow[this.rowKey] === row[this.rowKey],\r\n   ),\r\n  ).length;\r\n\r\n  if (selectedCount === 0) return false; // 아무것도 안 선택됨\r\n  if (selectedCount === total) return true; // 전부 선택됨\r\n  return null; // 일부만 선택됨\r\n }\r\n\r\n // ----- Helpers -----\r\n private getStickyStyle(colIdx: number) {\r\n  const leftOffset =\r\n   this.columnWidths.slice(0, colIdx).reduce((a, b) => a + b, 0) + (this.selectable ? 52 : 0);\r\n  const rightOffset = this.columnWidths\r\n   .filter((_, i) => i >= this.visibleColumns.length - (this.stickyColumn.right || 0) && i > colIdx)\r\n   .reduce((a, b) => a + b, 0);\r\n  return {\r\n   '--sticky-left-offset': `${leftOffset}px`,\r\n   '--sticky-right-offset': `${rightOffset}px`,\r\n   'width': `${this.columnWidths[colIdx]}px`,\r\n   'minWidth': `${this.columnWidths[colIdx]}px`,\r\n   'maxWidth': `${this.columnWidths[colIdx]}px`,\r\n  };\r\n }\r\n\r\n private handleResize(index: number, event: MouseEvent) {\r\n  // SSR 환경 체크\r\n  if (typeof document === 'undefined') return;\r\n\r\n  const startX = event.clientX;\r\n  const startWidth = this.columnWidths[index];\r\n\r\n  const handleMouseMove = (moveEvent: MouseEvent) => {\r\n   const targetColumn = this.columnWidths[index];\r\n   if (!targetColumn) return;\r\n   const minWidth = this.columns[index]?.minWidth || 50;\r\n   const maxWidth = this.columns[index]?.maxWidth || 9999;\r\n   const newWidth = Math.min(Math.max(startWidth + moveEvent.clientX - startX, minWidth), maxWidth);\r\n\r\n   this.columnWidths = this.columnWidths.map((width, idx) => (idx === index ? newWidth : width));\r\n  };\r\n\r\n  const handleMouseUp = () => {\r\n   document.removeEventListener('mousemove', handleMouseMove);\r\n   document.removeEventListener('mouseup', handleMouseUp);\r\n  };\r\n\r\n  document.addEventListener('mousemove', handleMouseMove);\r\n  document.addEventListener('mouseup', handleMouseUp);\r\n }\r\n\r\n private getCellValue(column: SdTableColumn, row: Row) {\r\n  const { field, format, name } = column;\r\n  const value = typeof field === 'function' ? field(row) : field ? row[field] : row[name];\r\n  return format ? format(value, row) : value;\r\n }\r\n\r\n // ----- Render -----\r\n private renderHeader() {\r\n  return (\r\n   <thead>\r\n    <tr>\r\n     {this.selectable && (\r\n      <th\r\n       class={{\r\n        'sd-th': true,\r\n        'sd-th--selected': true,\r\n        'sticky-left': Boolean(this.stickyColumn.left && this.stickyColumn.left > 0),\r\n       }}\r\n       style={{\r\n        '--sticky-left-offset': '0px',\r\n       }}\r\n      >\r\n       <sd-checkbox\r\n        checked={this.isAllChecked}\r\n        disabled={!this.paginatedRows.length}\r\n        onSdChange={(e: CustomEvent<CheckedType>) => this.toggleSelectAll(e.detail)}\r\n       ></sd-checkbox>\r\n      </th>\r\n     )}\r\n     {this.visibleColumns.map((col, colIdx) => (\r\n      <th\r\n       key={col.name}\r\n       class={{\r\n        'sd-th': true,\r\n        [`${col.thClass}`]: Boolean(col.thClass),\r\n        'sticky-left': Boolean(this.stickyColumn.left && colIdx < this.stickyColumn.left),\r\n        'sticky-right': Boolean(\r\n         this.stickyColumn.right && colIdx >= this.visibleColumns.length - this.stickyColumn.right!,\r\n        ),\r\n        'sticky-left-edge': Boolean(\r\n         this.stickyColumn.left && colIdx === this.stickyColumn.left - 1,\r\n        ),\r\n        'sticky-right-edge': Boolean(\r\n         this.stickyColumn.right &&\r\n          colIdx === this.visibleColumns.length - this.stickyColumn.right!,\r\n        ),\r\n       }}\r\n       style={{ ...col.thStyle, ...this.getStickyStyle(colIdx) }}\r\n      >\r\n       <div class={`sd-th__content sd-th__content--${col.align || 'left'}`}>\r\n        <slot name={`header-cell-${col.name}`}>\r\n         <div class=\"sd-th__content--label\">{col.label}</div>\r\n        </slot>\r\n\r\n        {col.usePageMoveIcon && <sd-icon name=\"pageMove\" size=\"12\" color=\"#006AC1\" />}\r\n\r\n        {col.tooltip && (\r\n         <sd-tooltip {...col.tooltipOptions}>\r\n          <div slot=\"content\">\r\n           {col.tooltip.map(text => (\r\n            <p>{text}</p>\r\n           ))}\r\n          </div>\r\n         </sd-tooltip>\r\n        )}\r\n       </div>\r\n\r\n       {this.resizable && typeof window !== 'undefined' && (\r\n        <div\r\n         class=\"sd-th__resizer\"\r\n         onMouseDown={(evt: MouseEvent) => this.handleResize(colIdx, evt)}\r\n        ></div>\r\n       )}\r\n      </th>\r\n     ))}\r\n    </tr>\r\n   </thead>\r\n  );\r\n }\r\n\r\n private renderBody() {\r\n  return (\r\n   <tbody {...(!this.paginatedRows.length && { part: 'tbody-empty' })}>\r\n    {this.isLoading && (\r\n     <div class=\"sd-table__loading\">\r\n      <sd-loading-spinner />\r\n     </div>\r\n    )}\r\n\r\n    {this.paginatedRows.length > 0 &&\r\n     this.paginatedRows.map((row, rowIdx) => (\r\n      <tr key={row[this.rowKey]} class=\"hover:bg-Grey_Lighten-6\">\r\n       {this.selectable && (\r\n        <td\r\n         class={{\r\n          'sd-td': true,\r\n          'sd-td--selected': true,\r\n          'sticky-left': Boolean(this.stickyColumn.left && this.stickyColumn.left > 0),\r\n         }}\r\n         style={{\r\n          '--sticky-left-offset': '0px',\r\n         }}\r\n        >\r\n         <sd-checkbox\r\n          checked={this.isRowSelected(row)}\r\n          disabled={!this.paginatedRows.length}\r\n          onSdChange={() => this.updateRowSelect(row)}\r\n         ></sd-checkbox>\r\n        </td>\r\n       )}\r\n       {this.visibleColumns.map((column, colIdx) => {\r\n        const rendered = this.bodyCellRenderer?.(column, row);\r\n\r\n        return (\r\n         <td\r\n          key={column.name}\r\n          part={`td-${column.name}`}\r\n          class={{\r\n           'sd-td': true,\r\n           [`sd-td--${column.align || 'left'}`]: true,\r\n           'sticky-left': Boolean(this.stickyColumn.left && colIdx < this.stickyColumn.left),\r\n           'sticky-right': Boolean(\r\n            this.stickyColumn.right &&\r\n             colIdx >= this.visibleColumns.length - this.stickyColumn.right!,\r\n           ),\r\n           'sticky-left-edge': Boolean(\r\n            this.stickyColumn.left && colIdx === this.stickyColumn.left - 1,\r\n           ),\r\n           'sticky-right-edge': Boolean(\r\n            this.stickyColumn.right &&\r\n             colIdx === this.visibleColumns.length - this.stickyColumn.right!,\r\n           ),\r\n           [`${column.tdClass}`]: Boolean(column.tdClass),\r\n          }}\r\n          style={this.getStickyStyle(colIdx)}\r\n         >\r\n          {/* slot을 사용하려는 항목 name과 행 인덱스를 키값으로 사용  */}\r\n          <slot name={`body-cell-${column.name}-${rowIdx}`}>\r\n           {rendered ? (\r\n            typeof rendered === 'string' ? (\r\n             <span innerHTML={rendered}></span>\r\n            ) : (\r\n             rendered\r\n            )\r\n           ) : (\r\n            this.getCellValue(column, row)\r\n           )}\r\n          </slot>\r\n         </td>\r\n        );\r\n       })}\r\n      </tr>\r\n     ))}\r\n   </tbody>\r\n  );\r\n }\r\n\r\n render() {\r\n  return (\r\n   <Host>\r\n    <div\r\n     class=\"sd-table__wrapper\"\r\n     style={{\r\n      '--table-width': this.width,\r\n      '--table-height': this.height,\r\n     }}\r\n    >\r\n     <div class=\"sd-table__container\">\r\n      <div\r\n       class={{\r\n        'sd-table__middle': true,\r\n        'sd-table__middle--scrollable': this.paginatedRows.length > 0,\r\n        'sd-table__middle--loading': this.isLoading,\r\n       }}\r\n      >\r\n       <table part=\"table\" class={this.sdTableClasses}>\r\n        {this.renderHeader()}\r\n\r\n        {this.renderBody()}\r\n       </table>\r\n      </div>\r\n\r\n      <div class=\"sd-table__bottom\">\r\n       {!this.paginatedRows.length && (\r\n        <div class=\"sd-table__no-data\">\r\n         {/* <td colSpan={this.visibleColumns.length + (this.selectable ? 1 : 0)}> */}\r\n         <slot name=\"no-data\">{this.noDataLabel}</slot>\r\n         {/* </td> */}\r\n        </div>\r\n       )}\r\n      </div>\r\n     </div>\r\n\r\n     {this.pagination && this.innerRows.length > 0 && (\r\n      <div class=\"sd-table__pagination\">\r\n       <sd-pagination\r\n        currentPage={!this.useInternalPagination ? this.pagination.page : this.currentPage}\r\n        lastPage={!this.useInternalPagination ? this.pagination.lastPage : this.lastPageNumber}\r\n        onPageChange={(e: CustomEvent<number>) => {\r\n         if (!this.useInternalPagination) {\r\n          this.sdPageChange.emit(e.detail);\r\n         } else {\r\n          this.currentPage = e.detail;\r\n          this.sdPageChange.emit(this.currentPage);\r\n         }\r\n        }}\r\n       ></sd-pagination>\r\n\r\n       {this.useRowsPerPageSelect && (\r\n        <sd-select\r\n         value={this.pagination.rowsPerPage}\r\n         options={this.rowsPerPageOption}\r\n         width=\"128px\"\r\n         onSdChange={(e: SdSelectCustomEvent<{ value: string | number | null }>) => {\r\n          const changedRowsPerPage = e.detail.value ? Number(e.detail.value) : 0;\r\n          if (!this.useInternalPagination) {\r\n           this.sdRowsPerPageChange.emit(changedRowsPerPage);\r\n          } else {\r\n           const newRowsPerPage = Number(e.detail.value || 0);\r\n           let newLastPage = Math.max(1, Math.ceil(this.innerRows.length / newRowsPerPage));\r\n           let newCurrentPage = this.currentPage;\r\n\r\n           if (newCurrentPage > newLastPage) {\r\n            newCurrentPage = newLastPage;\r\n           }\r\n\r\n           this.pagination = {\r\n            page: newCurrentPage,\r\n            rowsPerPage: newRowsPerPage,\r\n            lastPage: newLastPage,\r\n           };\r\n           this.currentPage = newCurrentPage;\r\n           this.sdRowsPerPageChange.emit(changedRowsPerPage);\r\n          }\r\n         }}\r\n        ></sd-select>\r\n       )}\r\n      </div>\r\n     )}\r\n    </div>\r\n   </Host>\r\n  );\r\n }\r\n}\r\n"],"names":["h","Host"],"mappings":"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"}

package/dist/components/p-CXuU0Q0J.js.map

@@ -1 +0,0 @@
-{"file":"p-CXuU0Q0J.js","mappings":";;;;AAAA,MAAM,WAAW,GAAG,moEAAmoE;;ACMvpE,MAAM,UAAU,GAAoC;AACnD,IAAA,EAAE,EAAE,EAAE;AACN,IAAA,EAAE,EAAE,EAAE;AACN,IAAA,EAAE,EAAE,EAAE;AACN,IAAA,EAAE,EAAE,EAAE;CACN;MAMY,QAAQ,iBAAAA,kBAAA,CAAA,MAAA,QAAA,SAAAC,CAAA,CAAA;;;;;;;;;IAGZ,OAAO,GAAmB,SAAS;IACnC,IAAI,GAAe,IAAI;IACvB,KAAK,GAAW,SAAS;IACzB,KAAK,GAAW,EAAE;IAClB,QAAQ,GAAY,KAAK;IACzB,IAAI,GAAkC,QAAQ;AAC9C,IAAA,IAAI;AACJ,IAAA,SAAS;AACT,IAAA,QAAQ;AACR,IAAA,SAAS;IACT,OAAO,GAAY,KAAK;IACxB,KAAK,GAAW,EAAE;AACjB,IAAA,OAAO;AAER,IAAA,WAAW,GAAG,CAAC,KAAiB,KAAI;AAC3C,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;YAClB,KAAK,CAAC,cAAc,EAAE;YACtB,KAAK,CAAC,eAAe,EAAE;YACvB;;AAED,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC;AACzB,KAAC;IAEO,gBAAgB,GAAA;AACvB,QAAA,MAAM,OAAO,GAAG,CAAC,WAAW,CAAC;QAE7B,OAAO,CAAC,IAAI,CAAC,CAAA,WAAA,EAAc,IAAI,CAAC,OAAO,CAAE,CAAA,CAAC;QAC1C,OAAO,CAAC,IAAI,CAAC,CAAA,WAAA,EAAc,IAAI,CAAC,IAAI,CAAE,CAAA,CAAC;QACvC,OAAO,CAAC,IAAI,CAAC,CAAA,iBAAA,EAAoB,IAAI,CAAC,KAAK,CAAE,CAAA,CAAC;AAE9C,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AAClB,YAAA,OAAO,CAAC,IAAI,CAAC,qBAAqB,CAAC;;AAGpC,QAAA,IAAI,CAAC,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,SAAS,CAAC,EAAE;AACjD,YAAA,OAAO,CAAC,IAAI,CAAC,sBAAsB,CAAC;;AAGrC,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;AACjB,YAAA,OAAO,CAAC,IAAI,CAAC,qBAAqB,CAAC;;AAGpC,QAAA,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;;IAGzB,MAAM,GAAA;AACL,QAAA,MAAM,aAAa,GAAG,IAAI,CAAC,gBAAgB,EAAE;;QAE7C,MAAM,aAAa,GAAG,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC;QAE9C,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,EAAE,gBAAgB,EAAE,aAAa,EAAE,EAAA,EAC/C,CACC,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,CAAA,EAAG,aAAa,CAAA,CAAA,EAAI,IAAI,CAAC,KAAK,CAAE,CAAA,EACvC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,IAAI,CAAC,WAAW,EAAA,EAEzB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,oBAAoB,EAAA,EAC7B,IAAI,CAAC,IAAI,KACT,CACC,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,uCAAuC,EAC7C,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,GAAG,UAAU,CAAC,IAAI,CAAC,IAAK,CAAC,EAC5D,KAAK,EACJ,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,OAAO,KAAK,SAAS,GAAG,MAAM,GAAG,aAAa,GAE5E,CACX,EAEA,IAAI,CAAC,KAAK,IAAI,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAE,EAAA,IAAI,CAAC,KAAK,CAAO,EAE9D,IAAI,CAAC,SAAS,KACd,gEACC,KAAK,EAAC,wCAAwC,EAC9C,IAAI,EAAE,IAAI,CAAC,SAAS,EACpB,IAAI,EAAE,UAAU,CAAC,IAAI,CAAC,IAAK,CAAC,EAC5B,KAAK,EAAE,IAAI,CAAC,OAAO,KAAK,SAAS,GAAG,MAAM,GAAG,aAAa,EAAA,CAChD,CACX,CACI,CACE,CACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/sd-button/sd-button.scss?tag=sd-button","src/components/sd-button/sd-button.tsx"],"sourcesContent":["@import 'variables';\r\n\r\n.sd-button {\r\n text-decoration: none;\r\n cursor: pointer;\r\n border-radius: 4px;\r\n transition: all 0.2s ease-in-out;\r\n position: relative;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n -webkit-user-select: none;\r\n user-select: none;\r\n box-sizing: border-box;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n &--xs {\r\n  padding: 0 8px;\r\n  font-size: 12px;\r\n  font-weight: 500;\r\n  line-height: 20px;\r\n  min-height: 24px;\r\n }\r\n &--sm {\r\n  padding: 0 12px;\r\n  font-size: 12px;\r\n  font-weight: 500;\r\n  line-height: 20px;\r\n  min-height: 28px;\r\n }\r\n &--md {\r\n  padding: 0 20px;\r\n  font-size: 16px;\r\n  font-weight: 500;\r\n  line-height: 26px;\r\n  min-height: 34px;\r\n }\r\n &--lg {\r\n  padding: 0 28px;\r\n  font-size: 18px;\r\n  font-weight: 500;\r\n  line-height: 30px;\r\n  min-height: 62px;\r\n }\r\n &--primary {\r\n  background-color: var(--button-color);\r\n  color: white;\r\n  transition: filter 0.2s ease;\r\n\r\n  &::before {\r\n   content: '';\r\n   position: absolute;\r\n   inset: 0;\r\n   background: #000000;\r\n   opacity: 0;\r\n   transition: opacity 0.2s ease;\r\n   z-index: 0;\r\n  }\r\n\r\n  &:hover:not(.sd-button--disabled):not(.sd-button--loading)::before {\r\n   opacity: 0.25;\r\n  }\r\n }\r\n\r\n &--outline {\r\n  background: white;\r\n  border: 1px solid var(--button-color);\r\n  color: var(--button-color);\r\n\r\n  &::before {\r\n   content: '';\r\n   position: absolute;\r\n   inset: 0;\r\n   background: var(--button-color);\r\n   opacity: 0;\r\n   transition: opacity 0.2s ease;\r\n   z-index: 0;\r\n  }\r\n\r\n  &:hover:not(.sd-button--disabled):not(.sd-button--loading)::before {\r\n   opacity: 0.15;\r\n  }\r\n\r\n  .sd-button__content {\r\n   position: relative;\r\n   z-index: 1;\r\n  }\r\n }\r\n &--ghost {\r\n  background-color: transparent;\r\n  color: var(--button-color);\r\n  border-color: transparent;\r\n\r\n  &::before {\r\n   content: '';\r\n   position: absolute;\r\n   inset: 0;\r\n   background: var(--button-color);\r\n   opacity: 0;\r\n   transition: opacity 0.2s ease;\r\n   z-index: 0;\r\n  }\r\n\r\n  &:hover:not(.sd-button--disabled):not(.sd-button--loading)::before {\r\n   opacity: 0.15;\r\n  }\r\n\r\n  .sd-button__content {\r\n   position: relative;\r\n   z-index: 1;\r\n  }\r\n }\r\n &--disabled {\r\n  border: 1px solid $grey_45;\r\n  background: $grey_30;\r\n  color: $grey_65;\r\n  cursor: not-allowed !important;\r\n }\r\n &--icon-only {\r\n  padding: 0;\r\n  width: fit-content;\r\n  height: fit-content;\r\n  aspect-ratio: 1 / 1;\r\n }\r\n &--no-hover {\r\n  &:hover::before {\r\n   opacity: 0 !important;\r\n  }\r\n }\r\n\r\n .sd-button__content {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 4px;\r\n\r\n  z-index: 1;\r\n  font-weight: 500;\r\n }\r\n}\r\n\r\n// /* Focus styles */\r\n// .sd-button:focus-visible {\r\n//  outline: 2px solid $primary;\r\n//  outline-offset: 2px;\r\n// }\r\n\r\n// /* High contrast mode support */\r\n// @media (prefers-contrast: high) {\r\n//  .sd-button {\r\n//   border-width: 2px;\r\n//  }\r\n// }\r\n","import { Component, Prop, h, Element, Event, EventEmitter, Host } from '@stencil/core';\r\nimport { resolveColor } from '../../utils/color';\r\n\r\nexport type ButtonVariant = 'primary' | 'outline' | 'ghost';\r\nexport type ButtonSize = 'xs' | 'sm' | 'md' | 'lg';\r\n\r\nconst ICON_SIZES: { [key in ButtonSize]: number } = {\r\n xs: 12,\r\n sm: 16,\r\n md: 20,\r\n lg: 24,\r\n};\r\n\r\n@Component({\r\n tag: 'sd-button',\r\n styleUrl: 'sd-button.scss',\r\n})\r\nexport class SdButton {\r\n @Element() el!: HTMLElement;\r\n\r\n @Prop() variant?: ButtonVariant = 'primary';\r\n @Prop() size: ButtonSize = 'sm';\r\n @Prop() color: string = '#025497';\r\n @Prop() label: string = '';\r\n @Prop() disabled: boolean = false;\r\n @Prop() type: 'button' | 'submit' | 'reset' = 'button';\r\n @Prop() icon?: IconName;\r\n @Prop() iconColor?: string;\r\n @Prop() iconSize?: number;\r\n @Prop() iconRight?: IconName;\r\n @Prop() noHover: boolean = false;\r\n @Prop() class: string = '';\r\n @Event() sdClick!: EventEmitter<MouseEvent>;\r\n\r\n private handleClick = (event: MouseEvent) => {\r\n  if (this.disabled) {\r\n   event.preventDefault();\r\n   event.stopPropagation();\r\n   return;\r\n  }\r\n  this.sdClick.emit(event);\r\n };\r\n\r\n private getButtonClasses(): string {\r\n  const classes = ['sd-button'];\r\n\r\n  classes.push(`sd-button--${this.variant}`);\r\n  classes.push(`sd-button--${this.size}`);\r\n  classes.push(`sd-button--color-${this.color}`);\r\n\r\n  if (this.disabled) {\r\n   classes.push('sd-button--disabled');\r\n  }\r\n\r\n  if (!this.label && (this.icon || this.iconRight)) {\r\n   classes.push('sd-button--icon-only');\r\n  }\r\n\r\n  if (this.noHover) {\r\n   classes.push('sd-button--no-hover');\r\n  }\r\n\r\n  return classes.join(' ');\r\n }\r\n\r\n render() {\r\n  const buttonClasses = this.getButtonClasses();\r\n  // 유틸로 색상 키 -> HEX 매핑 (없으면 원본 그대로)\r\n  const resolvedColor = resolveColor(this.color);\r\n\r\n  return (\r\n   <Host style={{ '--button-color': resolvedColor }}>\r\n    <button\r\n     class={`${buttonClasses} ${this.class}`}\r\n     type={this.type}\r\n     disabled={this.disabled}\r\n     onClick={this.handleClick}\r\n    >\r\n     <div class=\"sd-button__content\">\r\n      {this.icon && (\r\n       <sd-icon\r\n        class=\"sd-button__icon sd-button__icon--left\"\r\n        name={this.icon}\r\n        size={this.iconSize ? this.iconSize : ICON_SIZES[this.size!]}\r\n        color={\r\n         this.iconColor ? this.iconColor : this.variant === 'primary' ? '#fff' : resolvedColor\r\n        }\r\n       ></sd-icon>\r\n      )}\r\n\r\n      {this.label && <div class=\"sd-button__label\">{this.label}</div>}\r\n\r\n      {this.iconRight && (\r\n       <sd-icon\r\n        class=\"sd-button__icon sd-button__icon--right\"\r\n        name={this.iconRight}\r\n        size={ICON_SIZES[this.size!]}\r\n        color={this.variant === 'primary' ? '#fff' : resolvedColor}\r\n       ></sd-icon>\r\n      )}\r\n     </div>\r\n    </button>\r\n   </Host>\r\n  );\r\n }\r\n}\r\n"],"version":3}

package/dist/components/p-DEpODYm6.js.map

@@ -1 +0,0 @@
-{"file":"p-DEpODYm6.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/sd-pagination/sd-pagination.scss?tag=sd-pagination","src/components/sd-pagination/sd-pagination.tsx"],"sourcesContent":["@import 'variables';\r\n\r\n.sd-pagination {\r\n display: flex;\r\n flex-flow: row nowrap;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n color: $grey_80;\r\n width: 100%;\r\n font-size: 12px;\r\n\r\n .prepend-btns {\r\n  display: flex;\r\n  flex-flow: row nowrap;\r\n  align-items: center;\r\n  gap: 8px;\r\n  width: 60px;\r\n\r\n  button {\r\n   width: 26px;\r\n   height: 26px;\r\n   border: 0;\r\n   background: none;\r\n\r\n   &:hover {\r\n    border: 1px solid $oceanblue_70;\r\n    border-radius: 14px;\r\n   }\r\n  }\r\n }\r\n\r\n .append-btns {\r\n  display: flex;\r\n  flex-flow: row nowrap;\r\n  align-items: center;\r\n  gap: 8px;\r\n  width: 60px;\r\n\r\n  button {\r\n   width: 26px;\r\n   height: 26px;\r\n   border: 0;\r\n   background: none;\r\n\r\n   &:hover {\r\n    border: 1px solid $oceanblue_70;\r\n    border-radius: 14px;\r\n   }\r\n  }\r\n }\r\n\r\n .pagination-btn {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border-radius: 14px;\r\n  outline: none;\r\n  border: none;\r\n  cursor: pointer;\r\n  height: 26px;\r\n  color: $grey_80;\r\n  width: var(--pagination-btn-width, 26px);\r\n\r\n  &--selected {\r\n   background-color: $oceanblue_70;\r\n   color: white;\r\n  }\r\n\r\n  &:hover {\r\n   border: 1px solid $oceanblue_70;\r\n  }\r\n }\r\n\r\n &--simple {\r\n  .pagination-info {\r\n   line-height: 26px;\r\n   display: flex;\r\n   flex-flow: row nowrap;\r\n   align-items: center;\r\n   gap: 8px;\r\n   .current-page,\r\n   .last-page {\r\n    padding: 0 2px;\r\n   }\r\n  }\r\n }\r\n}\r\n","import { Component, Prop, Event, EventEmitter, h, Watch, Fragment } from '@stencil/core';\r\n\r\nconst BUTTON_WIDTH: Record<number, number> = {\r\n 1: 26,\r\n 2: 36,\r\n 3: 42,\r\n 4: 50,\r\n 5: 58,\r\n};\r\n\r\nconst PER_PAGE = 10;\r\n\r\n@Component({\r\n tag: 'sd-pagination',\r\n styleUrl: 'sd-pagination.scss',\r\n})\r\nexport class SdPagination {\r\n @Prop() currentPage: number = 1;\r\n @Prop() lastPage: number = 1;\r\n @Prop() simple: boolean = false;\r\n\r\n @Event() pageChange!: EventEmitter<number>;\r\n\r\n @Watch('currentPage')\r\n @Watch('lastPage')\r\n onPropChange() {\r\n  console.log('Pagination props changed', {\r\n   currentPage: this.currentPage,\r\n   lastPage: this.lastPage,\r\n  });\r\n }\r\n\r\n private get paginationClasses() {\r\n  const classes = ['sd-pagination'];\r\n\r\n  if (this.simple) {\r\n   classes.push('sd-pagination--simple');\r\n  }\r\n  return classes.join(' ');\r\n }\r\n\r\n private get pageNumbers() {\r\n  const start = Math.floor((this.currentPage - 1) / PER_PAGE) * PER_PAGE + 1;\r\n  const end = Math.min(start + PER_PAGE - 1, this.lastPage);\r\n  return Array.from({ length: end - start + 1 }, (_, i) => start + i);\r\n }\r\n\r\n private get buttonWidth() {\r\n  const lastPageNum = this.pageNumbers.at(-1) ?? 1;\r\n  const maxPageLength: number = lastPageNum.toString().length;\r\n  return BUTTON_WIDTH[maxPageLength] || BUTTON_WIDTH[1];\r\n }\r\n\r\n private handlePageChange(page: number) {\r\n  if (page < 1 || page > this.lastPage) return;\r\n  this.pageChange.emit(page);\r\n }\r\n\r\n private handleGroupChange(direction: 'forward' | 'backward') {\r\n  const delta = direction === 'forward' ? PER_PAGE : -PER_PAGE;\r\n  const newPage = Math.min(Math.max(this.currentPage + delta, 1), this.lastPage);\r\n  this.handlePageChange(newPage);\r\n }\r\n\r\n private get isFirstGroup() {\r\n  return this.currentPage <= PER_PAGE;\r\n }\r\n\r\n private get isLastGroup() {\r\n  const startPageGroup = Math.floor((this.currentPage - 1) / PER_PAGE) * PER_PAGE + 1;\r\n  return startPageGroup + PER_PAGE - 1 >= this.lastPage;\r\n }\r\n\r\n private renderPrevButtons() {\r\n  if (this.simple) {\r\n   if (this.currentPage <= 1) return null;\r\n\r\n   return (\r\n    <Fragment>\r\n     <button aria-label=\"Go to first page\" onClick={() => this.handlePageChange(1)}>\r\n      <sd-icon name=\"arrowLeftEnd\" size=\"12\" color=\"#222222\" />\r\n     </button>\r\n     <button\r\n      aria-label=\"Go to previous page\"\r\n      onClick={() => this.handlePageChange(this.currentPage - 1)}\r\n     >\r\n      <sd-icon name=\"arrowLeft\" size=\"12\" color=\"#222222\" />\r\n     </button>\r\n    </Fragment>\r\n   );\r\n  }\r\n\r\n  if (!this.isFirstGroup) {\r\n   return (\r\n    <Fragment>\r\n     <button aria-label=\"Go to first page\" onClick={() => this.handlePageChange(1)}>\r\n      <sd-icon name=\"arrowLeftEnd\" size=\"12\" color=\"#222222\" />\r\n     </button>\r\n     <button\r\n      aria-label=\"Go to previous page group\"\r\n      onClick={() => this.handleGroupChange('backward')}\r\n     >\r\n      <sd-icon name=\"arrowLeft\" size=\"12\" color=\"#222222\" />\r\n     </button>\r\n    </Fragment>\r\n   );\r\n  }\r\n }\r\n\r\n private renderNextButtons() {\r\n  if (this.simple) {\r\n   if (this.currentPage >= this.lastPage) return null;\r\n\r\n   return (\r\n    <Fragment>\r\n     <button\r\n      aria-label=\"Go to next page\"\r\n      onClick={() => this.handlePageChange(this.currentPage + 1)}\r\n     >\r\n      <sd-icon name=\"arrowRight\" size=\"12\" color=\"#222222\" />\r\n     </button>\r\n     <button aria-label=\"Go to last page\" onClick={() => this.handlePageChange(this.lastPage)}>\r\n      <sd-icon name=\"arrowRightEnd\" size=\"12\" color=\"#222222\" />\r\n     </button>\r\n    </Fragment>\r\n   );\r\n  }\r\n\r\n  if (!this.isLastGroup) {\r\n   return (\r\n    <Fragment>\r\n     <button aria-label=\"Go to next page group\" onClick={() => this.handleGroupChange('forward')}>\r\n      <sd-icon name=\"arrowRight\" size=\"12\" color=\"#222222\" />\r\n     </button>\r\n     <button aria-label=\"Go to last page\" onClick={() => this.handlePageChange(this.lastPage)}>\r\n      <sd-icon name=\"arrowRightEnd\" size=\"12\" color=\"#222222\" />\r\n     </button>\r\n    </Fragment>\r\n   );\r\n  }\r\n }\r\n\r\n render() {\r\n  return (\r\n   <div class={this.paginationClasses}>\r\n    <div class=\"prepend-btns\">{this.renderPrevButtons()}</div>\r\n\r\n    {this.simple ? (\r\n     <div class=\"pagination-info\">\r\n      <span class=\"current-page\">{this.currentPage}</span>\r\n      <span>/</span>\r\n      <span class=\"last-page\">{this.lastPage}</span>\r\n     </div>\r\n    ) : (\r\n     this.pageNumbers.map(n => (\r\n      <button\r\n       type=\"button\"\r\n       aria-current={this.currentPage === n ? 'page' : undefined}\r\n       class={{\r\n        'pagination-btn': true,\r\n        'pagination-btn--selected': this.currentPage === n,\r\n       }}\r\n       disabled={this.currentPage === n}\r\n       style={{\r\n        '--pagination-btn-width': `${this.buttonWidth}px`,\r\n       }}\r\n       onClick={() => this.handlePageChange(n)}\r\n      >\r\n       {n}\r\n      </button>\r\n     ))\r\n    )}\r\n\r\n    <div class=\"append-btns\">{this.renderNextButtons()}</div>\r\n   </div>\r\n  );\r\n }\r\n}\r\n"],"version":3}

package/dist/design-system/p-34d84584.entry.js

@@ -1,2 +0,0 @@
-import{r as e,a as s,h as o,F as t}from"./p-B2T3tS5r.js";import{T as i}from"./p-BE6EMCXm.js";const a=".sd-popover{position:relative;cursor:pointer;display:inline-block}";const c=class{constructor(s){e(this,s)}get el(){return s(this)}show=false;placement="bottom";color="#01BB4B";icon="helpOutline";iconSize=12;label="";buttonSize="sm";buttonVariant="primary";menuTitle;messages=[];buttons=[];menuClass="";noHover=true;useClose=false;showPopover=false;slotContent="";watchShowHandler(e){this.showPopover=e}componentWillLoad(){this.showPopover=this.show;this.slotContent=this.el.innerHTML;console.log(this.el)}buttonEl;handleClose=()=>{this.showPopover=false};render(){return o(t,{key:"933a0e45b636c25278bda7f3ec231aeeadcbbf0b"},this.label?o("sd-button",{ref:e=>this.buttonEl=e,label:this.label,icon:this.icon,size:this.buttonSize,color:this.color,variant:this.buttonVariant,class:"sd-popover",onClick:()=>(console.log("click popover"),this.showPopover=!this.showPopover)}):o("sd-icon",{ref:e=>this.buttonEl=e,name:this.icon,size:this.iconSize,color:this.color,class:"sd-popover",onClick:()=>(console.log("click popover"),this.showPopover=!this.showPopover)}),this.showPopover&&o("sd-tooltip-portal",{key:"070852610c2740a2397f63114e0f098bb58425f2",parentRef:this.buttonEl,onSdClose:this.handleClose,placement:this.placement},o("div",{key:"4b8e62bb99d39272c0c40224895ddc36fde01cc9",class:{"sd-popover-menu":true,[`sd-popover-menu--${this.placement}`]:true,[this.menuClass]:!!this.menuClass}},o("i",{key:"2c5deb2e3eb7627eaefc2b66b1a0e9884fbf5591",class:`sd-popover-menu__arrow sd-popover-menu__arrow--${this.placement}`},o(i,{key:"f0707847886ad91eb973d559dd6f7be9f69a74fb"})),o("div",{key:"210e85e37075e3d00d388ae0bdbdb67589e2acaa",class:"sd-popover-menu__content"},this.menuTitle&&o("div",{key:"177c935306265772e14c751fbc4b10a33c904f02",class:"sd-popover-menu__title"},this.menuTitle),this.messages.length>0&&o("div",{key:"1debeda00bee4fa53f3bee230ecb54cf07239e7a",class:"sd-popover-menu__messages"},this.messages.map((e=>o("div",null,e)))),this.buttons.length>0&&o("div",{key:"261614e9e4cb9a2dd19edd66c758a692b6941aa0",class:`sd-popover-menu__buttons sd-popover-menu__buttons--${this.buttons.length}`},this.buttons.map((e=>o("sd-button",{...e}))))),this.useClose&&o("button",{key:"ca9d1548006958fbac52bf223a933fba1010ce02",class:"sd-popover-menu__close-button",onClick:()=>this.handleClose()},o("sd-icon",{key:"9a9fff28deb4fb2af65aa84944b2c59b9f374cff",name:"close",size:"12",color:"#AAAAAA"})))))}static get watchers(){return{show:["watchShowHandler"]}}};c.style=a;export{c as sd_popover};
-//# sourceMappingURL=p-34d84584.entry.js.map

package/dist/design-system/p-34d84584.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["registerInstance","getElement","h","Fragment","TooltipArrow","sdPopoverCss","SdPopover","constructor","hostRef","this","el","show","placement","color","icon","iconSize","label","buttonSize","buttonVariant","menuTitle","messages","buttons","menuClass","noHover","useClose","showPopover","slotContent","watchShowHandler","newValue","componentWillLoad","innerHTML","console","log","buttonEl","handleClose","render","key","ref","size","variant","class","onClick","name","parentRef","onSdClose","length","map","message","button","watchers","style"],"sources":["0"],"mappings":"YAAcA,OAAuBC,OAAYC,OAAQC,MAAgB,8BAC3DC,MAAoB,kBAElC,MAAMC,EAAe,qEAErB,MAAMC,EAAY,MACd,WAAAC,CAAYC,GACRR,EAAiBS,KAAMD,EAC3B,CACA,MAAIE,GAAO,OAAOT,EAAWQ,KAAO,CACpCE,KAAO,MACPC,UAAY,SACZC,MAAQ,UACRC,KAAO,cACPC,SAAW,GACXC,MAAQ,GACRC,WAAa,KACbC,cAAgB,UAChBC,UACAC,SAAW,GACXC,QAAU,GACVC,UAAY,GACZC,QAAU,KACVC,SAAW,MACXC,YAAc,MACdC,YAAc,GACd,gBAAAC,CAAiBC,GACbnB,KAAKgB,YAAcG,CACvB,CACA,iBAAAC,GACIpB,KAAKgB,YAAchB,KAAKE,KACxBF,KAAKiB,YAAcjB,KAAKC,GAAGoB,UAC3BC,QAAQC,IAAIvB,KAAKC,GACrB,CACAuB,SACAC,YAAc,KACVzB,KAAKgB,YAAc,KAAK,EAE5B,MAAAU,GACI,OAAQjC,EAAEC,EAAU,CAAEiC,IAAK,4CAA8C3B,KAAKO,MAASd,EAAE,YAAa,CAAEmC,IAAK3B,GAAOD,KAAKwB,SAAWvB,EAAKM,MAAOP,KAAKO,MAAOF,KAAML,KAAKK,KAAMwB,KAAM7B,KAAKQ,WAAYJ,MAAOJ,KAAKI,MAAO0B,QAAS9B,KAAKS,cAAesB,MAAO,aAAcC,QAAS,KAAOV,QAAQC,IAAI,iBAAmBvB,KAAKgB,aAAehB,KAAKgB,eAAqBvB,EAAE,UAAW,CAAEmC,IAAK3B,GAAOD,KAAKwB,SAAWvB,EAAKgC,KAAMjC,KAAKK,KAAMwB,KAAM7B,KAAKM,SAAUF,MAAOJ,KAAKI,MAAO2B,MAAO,aAAcC,QAAS,KAAOV,QAAQC,IAAI,iBAAmBvB,KAAKgB,aAAehB,KAAKgB,eAAmBhB,KAAKgB,aAAgBvB,EAAE,oBAAqB,CAAEkC,IAAK,2CAA4CO,UAAWlC,KAAKwB,SAAUW,UAAWnC,KAAKyB,YAAatB,UAAWH,KAAKG,WAAaV,EAAE,MAAO,CAAEkC,IAAK,2CAA4CI,MAAO,CAC7yB,kBAAmB,KACnB,CAAC,oBAAoB/B,KAAKG,aAAc,KACxC,CAACH,KAAKa,aAAcb,KAAKa,YACxBpB,EAAE,IAAK,CAAEkC,IAAK,2CAA4CI,MAAO,kDAAkD/B,KAAKG,aAAeV,EAAEE,EAAc,CAAEgC,IAAK,8CAAgDlC,EAAE,MAAO,CAAEkC,IAAK,2CAA4CI,MAAO,4BAA8B/B,KAAKU,WAAajB,EAAE,MAAO,CAAEkC,IAAK,2CAA4CI,MAAO,0BAA4B/B,KAAKU,WAAYV,KAAKW,SAASyB,OAAS,GAAM3C,EAAE,MAAO,CAAEkC,IAAK,2CAA4CI,MAAO,6BAA+B/B,KAAKW,SAAS0B,KAAIC,GAAY7C,EAAE,MAAO,KAAM6C,MAActC,KAAKY,QAAQwB,OAAS,GAAM3C,EAAE,MAAO,CAAEkC,IAAK,2CAA4CI,MAAO,sDAAsD/B,KAAKY,QAAQwB,UAAYpC,KAAKY,QAAQyB,KAAIE,GAAW9C,EAAE,YAAa,IAAK8C,QAAgBvC,KAAKe,UAAatB,EAAE,SAAU,CAAEkC,IAAK,2CAA4CI,MAAO,gCAAiCC,QAAS,IAAMhC,KAAKyB,eAAiBhC,EAAE,UAAW,CAAEkC,IAAK,2CAA4CM,KAAM,QAASJ,KAAM,KAAMzB,MAAO,eACtmC,CACA,mBAAWoC,GAAa,MAAO,CAC3BtC,KAAQ,CAAC,oBACV,GAEPL,EAAU4C,MAAQ7C,SAETC","ignoreList":[]}

package/dist/design-system/p-424caa3a.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,a,h as s,H as d}from"./p-B2T3tS5r.js";import{u as i,t as c}from"./p-QZbqqKSO.js";const r=".sd-date-picker.sc-sd-date-picker-h{width:160px;display:inline-block}.sd-date-picker__menu.sc-sd-date-picker{width:304px;box-sizing:border-box;border-radius:8px;padding:24px 19px;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.2);background:white}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker{display:flex;flex-flow:row nowrap;align-items:center;gap:20px;font-size:14px;padding:0 5px;height:24px;line-height:24px}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .year-nav.sc-sd-date-picker,.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .month-nav.sc-sd-date-picker{display:flex;flex-flow:row nowrap;align-items:center;gap:12px}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .year-nav.sc-sd-date-picker button.sc-sd-date-picker,.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .month-nav.sc-sd-date-picker button.sc-sd-date-picker{background:none;border:none;cursor:pointer;margin:0;padding:0}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .year-nav__current.sc-sd-date-picker{width:40px;text-align:center}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .month-nav__current.sc-sd-date-picker{width:100px;text-align:center}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__days.sc-sd-date-picker{margin-top:8px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr));column-gap:10px;padding:0 5px}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__days.sc-sd-date-picker .day.sc-sd-date-picker{width:28px;height:20px;font-size:12px;line-height:20px;text-align:center;color:#888888}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__body.sc-sd-date-picker{margin-top:12px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr))}";const n=class{constructor(a){e(this,a);this.sdChange=t(this,"sdChange")}get el(){return a(this)}date=null;label;selectable;disabled=false;isOpen=false;currentDate=null;currentYear;currentMonth;sdChange;componentWillLoad(){this.setCalendar()}dateUtil=i();inputEl;setCalendar(){const e=this.date||c;const[t,a]=e.split("-").map(Number);this.currentYear=t;this.currentMonth=a;this.currentDate=this.date}openMenu(){if(this.disabled)return;this.setCalendar();this.isOpen=true}get calendar(){return this.dateUtil.createCalendar(this.currentYear,this.currentMonth)}setCurrentYear(e){this.currentYear=e}setCurrentMonth(e){this.currentMonth=e}setCurrentDate(e){this.currentDate=e}handleUpdateMonth(e){const{newYear:t,newMonth:a}=this.dateUtil.calculateYearMonth(this.currentYear,this.currentMonth,e);this.setCurrentYear(t);this.setCurrentMonth(a)}handleDateClick(e){if(!e)return;const t=this.dateUtil.formatDate(this.currentYear,this.currentMonth,e);this.setCurrentDate(t);this.isOpen=false;this.sdChange.emit?.(t)}isDisabledDate(e){if(!this.selectable)return false;const[t,a]=this.selectable;if(t&&a){return e<t||e>a}if(t){return e<t}if(a){return e>a}return false}handleClose=()=>{this.isOpen=false};render(){return s(d,{key:"ceaa6b5321f565e0560feb4218205925210d0967",class:"sd-date-picker"},s("sd-input",{key:"199da34a78585e13d7ffc0bbf1513c93651acf74",ref:e=>this.inputEl=e,value:this.date,label:this.label,"inside-label":true,readonly:true,disabled:this.disabled,inputClass:"text-center",inputStyle:{margin:"0 0 0 8px"},onClick:()=>this.openMenu()},s("sd-icon",{key:"739e14ea2d9b2ef07d6bee9dabc5418c62cbcac9",slot:"prefix",name:"date",size:"16",color:"#737373",class:"date-icon",onClick:()=>this.openMenu()})),this.isOpen&&s("sd-portal",{key:"e9c650f8587e3b8e3b45a37beaf798175cf083c9",open:this.isOpen,parentRef:this.inputEl,onSdClose:this.handleClose},s("div",{key:"c92dc3a6577ef1f1104fba608da9b24c27334589",class:"sd-date-picker__menu"},s("div",{key:"f18df2f6ae3321dc01f357de000f85bc56a10df5",class:"sd-date-picker__header"},s("div",{key:"df670b08cbd4906f8c27d0d56670a0b3244bab3c",class:"year-nav"},s("button",{key:"3afa36ad5454a9a6eda9cba37046c3cc9bdff03b",type:"button",name:"prev-year",title:"Previous Year",onClick:()=>this.setCurrentYear(this.currentYear-1)},s("sd-icon",{key:"6ed5623aa69d2e1b7e3718315b1f225d6a22937e",name:"arrowLeft",size:"12",color:"#CCCCCC"})),s("span",{key:"366930f143f1f4e3fa76f7af9d1d97f7630cee49",class:"year-nav__current"},this.currentYear),s("button",{key:"926fe9e7ae702c5f05818cf38d8ed40a05408fb4",type:"button",name:"next-year",title:"Next Year",onClick:()=>this.setCurrentYear(this.currentYear+1)},s("sd-icon",{key:"ef62197919a3e54a8e225724f5f7a96544185298",name:"arrowRight",size:"12",color:"#CCCCCC"}))),s("div",{key:"bb0919c817685da0e2351474455dbce7f3d5d7f9",class:"month-nav"},s("button",{key:"44c0fa106782d0cb108fb3baaaa80b1fb420107e",type:"button",name:"prev-month",title:"Previous       ",onClick:()=>this.handleUpdateMonth("prev")},s("sd-icon",{key:"09d58c3bbfdf8e81612b1ff0e6c51cbae5c126a6",name:"arrowLeft",size:"12",color:"#CCCCCC"})),s("span",{key:"584aa3b2c28d1fc86b72dc8ebe1d078daee097dd",class:"month-nav__current"},this.currentMonth,"월"),s("button",{key:"70985e1842a4a28f47a9cc9b02cace868997ec3d",type:"button",name:"next-month",title:"Next Month",onClick:()=>this.handleUpdateMonth("next")},s("sd-icon",{key:"ab80855e8828808d81a299ace7003b876454bd97",name:"arrowRight",size:"12",color:"#CCCCCC"})))),s("div",{key:"23f41a8b2a86e6564e301e835d16f07807c3bb70",class:"sd-date-picker__days"},["일","월","화","수","목","금","토"].map((e=>s("div",{key:e,class:"day"},e)))),s("div",{key:"b85483286fba4b1ebb3b7333162f6729fb8e058d",class:"sd-date-picker__body"},[...this.calendar.prevMonthDays,...this.calendar.days,...this.calendar.afterMonthDays].map(((e,t)=>{const a=this.dateUtil.formatDate(this.currentYear,this.currentMonth,Number(e));return s("sd-date-box",{key:`${e}_${t}`,date:!e?"":Number(e),selected:this.currentDate===a,isToday:c===a,disabled:!e?true:this.isDisabledDate(a),onClick:!this.isDisabledDate(a)&&e?()=>this.handleDateClick(Number(e)):undefined})}))))))}};n.style=r;export{n as sd_date_picker};
-//# sourceMappingURL=p-424caa3a.entry.js.map

package/dist/design-system/p-424caa3a.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["registerInstance","createEvent","getElement","h","Host","useDatePicker","today","sdDatePickerCss","SdDatePicker","constructor","hostRef","this","sdChange","el","date","label","selectable","disabled","isOpen","currentDate","currentYear","currentMonth","componentWillLoad","setCalendar","dateUtil","inputEl","base","year","month","split","map","Number","openMenu","calendar","createCalendar","setCurrentYear","setCurrentMonth","setCurrentDate","handleUpdateMonth","type","newYear","newMonth","calculateYearMonth","handleDateClick","day","formatDate","emit","isDisabledDate","startSelectable","endSelectable","handleClose","render","key","class","ref","value","readonly","inputClass","inputStyle","margin","onClick","slot","name","size","color","open","parentRef","onSdClose","title","prevMonthDays","days","afterMonthDays","idx","formattedDate","selected","isToday","undefined","style"],"sources":["0"],"mappings":"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","ignoreList":[]}

package/dist/design-system/p-5eb63212.entry.js

@@ -1,2 +0,0 @@
-import{r as d,h as r,H as a}from"./p-B2T3tS5r.js";const s="sd-card{display:block;height:fit-content}sd-card .sd-card{border-radius:8px;background:white}sd-card .sd-card.sd-card--bordered{border:1px solid #e1e1e1}";const c=class{constructor(r){d(this,r)}bordered=true;class="";render(){return r(a,{key:"8bc5c53ae7a166de72a89e407f55c19bc49d8429"},r("div",{key:"891fc0291a35c110d63aeda09bdaf64e6fa45d42",class:`sd-card ${this.bordered?"sd-card--bordered":""} ${this.class}`},r("slot",{key:"0bac0a6b5d7b1284008ba24d69a6d06dc0659bdf"})))}};c.style=s;export{c as sd_card};
-//# sourceMappingURL=p-5eb63212.entry.js.map