@sellmate/design-system 1.28.0 → 1.29.0

package/dist/collection/components/sd-table/sd-tr/sd-tr.css

@@ -1,145 +0,0 @@
-sd-tr {
-  display: contents;
-}
-sd-tr * {
-  box-sizing: border-box;
-}
-
-.tr {
-  display: table-row;
-}
-.tr:hover .td {
-  background-color: #F9F9F9;
-}
-.tr--no-hover:hover .td {
-  background-color: white;
-}
-.tr--separator:hover .td {
-  background-color: var(--table-separator-color, #eeeeee);
-}
-
-.td {
-  display: table-cell;
-  height: var(--table-body-height, 44px);
-  padding: var(--table-body-padding-y, 0) var(--table-body-padding-x, 16px);
-  border-bottom: var(--table-border-width, 1px) solid var(--table-border-color, #E1E1E1);
-  background: white;
-  vertical-align: middle;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  word-break: keep-all;
-}
-.td--left {
-  text-align: left;
-}
-.td--center {
-  text-align: center;
-}
-.td--right {
-  text-align: right;
-}
-.td--selected {
-  position: relative;
-  width: var(--table-selectable-width, 48px) !important;
-  max-width: var(--table-selectable-width, 48px) !important;
-  min-width: var(--table-selectable-width, 48px) !important;
-  text-align: center;
-}
-.td--selected sd-checkbox label {
-  position: relative;
-}
-.td--selected sd-checkbox label:before {
-  content: "";
-  position: absolute;
-  inset: -6px;
-}
-.td.sticky-left {
-  position: sticky;
-  background-color: white;
-  z-index: 100 !important;
-  left: var(--sticky-left-offset, 0);
-}
-.td.sticky-right {
-  position: sticky;
-  background-color: white;
-  z-index: 100 !important;
-  right: var(--sticky-right-offset, 0);
-}
-.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: 0;
-  pointer-events: none;
-  transition: opacity 0.2s;
-}
-.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: 0;
-  pointer-events: none;
-  transition: opacity 0.2s;
-}
-
-.td.sticky-left-edge.is-scrolled-left {
-  overflow: visible;
-}
-
-.td.sticky-left-edge.is-scrolled-left:after {
-  opacity: 1;
-}
-
-.td.sticky-right-edge.is-scrolled-right {
-  overflow: visible;
-}
-
-.td.sticky-right-edge.is-scrolled-right:after {
-  opacity: 1;
-}
-
-.tr:hover .td.sticky-left,
-.tr:hover .td.sticky-right {
-  background-color: #F9F9F9;
-}
-
-.tr--no-hover:hover .td.sticky-left,
-.tr--no-hover:hover .td.sticky-right {
-  background-color: white;
-}
-
-.tr--separator:hover .td.sticky-left,
-.tr--separator:hover .td.sticky-right {
-  background-color: var(--table-separator-color, #eeeeee);
-}
-
-.tr--separator .td--separator {
-  height: var(--table-separator-width, 6px);
-  padding: 0;
-  background-color: var(--table-separator-color, #eeeeee);
-  border-bottom: none;
-}
-
-.tr--separator--dense .td--separator {
-  height: var(--table-separator-dense-width, 4px);
-}
-
-.td--divider-left {
-  border-left: var(--table-border-width, 1px) solid var(--table-border-color, #E1E1E1);
-}
-
-.td--divider-right {
-  border-right: var(--table-border-width, 1px) solid var(--table-border-color, #E1E1E1);
-}

package/dist/collection/components/sd-table/sd-tr/sd-tr.js

@@ -1,530 +0,0 @@
-import { h, Host } from "@stencil/core";
-import { TABLE_ID_ATTR, } from "../constants";
-import { TABLE_BODY_LAYOUT, TABLE_BODY_TYPOGRAPHY, TABLE_BORDER, TABLE_SEPARATOR, } from "../sd-table.config";
-export class SdTr {
-    el;
-    /** 테이블 컬럼 목록 */
-    columns;
-    /** 행 선택 기능 사용 여부 */
-    selectable;
-    /** 고정 컬럼 설정 */
-    stickyColumn;
-    /** 행 식별 키 */
-    rowKey = '';
-    /** 행 데이터 객체 */
-    row = {};
-    /** 구분선 높이 (4 또는 6px, null이면 일반 행) */
-    separator = null;
-    tableId = '';
-    columnWidths = [];
-    isVisible = true;
-    spansVersion = 0;
-    _columns = [];
-    _selectable = false;
-    _stickyColumn = { left: 0, right: 0 };
-    _scrolledLeft = false;
-    _scrolledRight = false;
-    _dense = false;
-    tableEl = null;
-    componentWillLoad() {
-        this.row = this.row ?? {};
-        this.syncTableContext();
-        this.columnWidths = this.columnWidths ?? [];
-        this.resolveConfig();
-        this.columnWidths = this._columns.map(c => (c.autoWidth ? 0 : parseInt(c.width || '120', 10)));
-        this.updateVisibilitySync();
-    }
-    componentDidLoad() {
-        this.syncTableContext();
-    }
-    syncTableContext() {
-        // sd-table이 shadow:true이므로 fallback content로 렌더되면 closest가 경계를 못 넘는다.
-        // 그 경우 getRootNode().host(=sd-table)로 폴백한다.
-        const closest = this.el.closest('sd-table');
-        const root = this.el.getRootNode();
-        const fromShadow = root instanceof ShadowRoot ? root.host : null;
-        const table = closest ?? fromShadow;
-        this.tableEl = table;
-        const fromMethod = table?.getTableIdSync?.();
-        const fromAttr = table?.getAttribute(TABLE_ID_ATTR);
-        const resolvedTableId = (fromMethod != null && fromMethod !== '' && fromMethod !== 'undefined' ? fromMethod : null) ??
-            (fromAttr != null && fromAttr !== '' && fromAttr !== 'undefined' ? fromAttr : null) ??
-            '';
-        if (resolvedTableId !== '' && resolvedTableId !== this.tableId) {
-            this.tableId = resolvedTableId;
-        }
-    }
-    resolveConfig() {
-        const config = this.tableEl?.getConfigSync?.();
-        this._columns = this.columns ?? config?.columns ?? [];
-        this._selectable = this.selectable ?? config?.selectable ?? false;
-        this._stickyColumn = this.stickyColumn ?? config?.stickyColumn ?? { left: 0, right: 0 };
-        this._scrolledLeft = config?.scrolledLeft ?? false;
-        this._scrolledRight = config?.scrolledRight ?? false;
-        this._dense = config?.dense ?? false;
-        if (config?.columnWidths && (this.columnWidths ?? []).length === 0) {
-            this.columnWidths = [...config.columnWidths];
-        }
-    }
-    /** 테이블 설정을 다시 불러옵니다. */
-    async refreshConfig() {
-        this.resolveConfig();
-    }
-    /** 셀 병합 버전을 갱신해 td를 재렌더링합니다. */
-    async bumpSpansVersion() {
-        this.spansVersion = this.spansVersion + 1;
-    }
-    /** 페이지네이션에 따른 행 표시 여부를 갱신합니다. */
-    async updateVisibility() {
-        this.updateVisibilitySync();
-    }
-    updateVisibilitySync() {
-        const rowIndex = parseInt(this.rowKey, 10);
-        const pageInfo = this.tableEl?.getPaginationInfoSync?.();
-        if (!pageInfo) {
-            this.isVisible = true;
-            return;
-        }
-        this.isVisible = rowIndex >= pageInfo.startIndex && rowIndex < pageInfo.endIndex;
-    }
-    /** 컬럼 너비를 업데이트합니다. */
-    async setColumnWidths(widths) {
-        this.columnWidths = widths;
-    }
-    /** 체크박스 선택 상태를 갱신합니다. */
-    async refreshSelection() {
-        const checkbox = this.el.querySelector('sd-checkbox');
-        if (checkbox) {
-            checkbox.value = this.isSelected();
-        }
-    }
-    get visibleColumns() {
-        return this._columns.filter(col => col.visible !== false);
-    }
-    formatValue(value) {
-        if (value === null || value === undefined) {
-            return '';
-        }
-        if (typeof value === 'number') {
-            return value.toLocaleString();
-        }
-        return String(value);
-    }
-    getCellValue(column) {
-        const { field, format, name } = column;
-        const value = typeof field === 'function'
-            ? field(this.row)
-            : field !== ''
-                ? this.row[field]
-                : this.row[name];
-        return format ? format(value, this.row) : this.formatValue(value);
-    }
-    getStickyStyle(colIdx) {
-        if (this.tableEl?.getStickyStyleSync) {
-            return this.tableEl.getStickyStyleSync(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);
-        const col = this.visibleColumns[colIdx];
-        const base = {
-            '--sticky-left-offset': `${leftOffset}px`,
-            '--sticky-right-offset': `${rightOffset}px`,
-        };
-        if (!col?.autoWidth) {
-            base['width'] = `${this.columnWidths[colIdx]}px`;
-            base['minWidth'] = `${this.columnWidths[colIdx]}px`;
-            base['maxWidth'] = `${this.columnWidths[colIdx]}px`;
-        }
-        return base;
-    }
-    isSelected() {
-        if (this.tableEl?.isRowSelectedSync) {
-            return this.tableEl.isRowSelectedSync(this.row);
-        }
-        return false;
-    }
-    handleSelect() {
-        if (this.tableEl?.updateRowSelectSync) {
-            this.tableEl.updateRowSelectSync(this.row);
-        }
-    }
-    getSpanFor(col) {
-        if (!this.tableEl?.getSpanSync)
-            return undefined;
-        const fieldName = typeof col.field === 'string' ? col.field : col.name;
-        return this.tableEl.getSpanSync(this.rowKey, fieldName);
-    }
-    isCovered(colIdx) {
-        if (!this.tableEl?.isCoveredSync)
-            return false;
-        return this.tableEl.isCoveredSync(this.rowKey, colIdx, this._columns);
-    }
-    getCellClassFor(col) {
-        if (!this.tableEl?.getCellClassSync)
-            return undefined;
-        const fieldName = typeof col.field === 'string' ? col.field : col.name;
-        return this.tableEl.getCellClassSync(this.rowKey, fieldName);
-    }
-    getFramePaddingStyle(field) {
-        if (!(this.tableEl?.isCellUseFrameSync?.(this.rowKey, field) ?? false))
-            return undefined;
-        return { padding: `${TABLE_BODY_LAYOUT.framePadding}px` };
-    }
-    expandCellClass(classStr) {
-        if (classStr == null || classStr === '')
-            return {};
-        return Object.fromEntries(classStr
-            .split(/\s+/)
-            .filter(Boolean)
-            .map(c => [c, true]));
-    }
-    render() {
-        const stickyLeftCount = this._stickyColumn.left || 0;
-        const stickyRightCount = this._stickyColumn.right || 0;
-        const stickyLeftCols = this.visibleColumns.slice(0, stickyLeftCount);
-        const middleCols = this.visibleColumns.slice(stickyLeftCount, this.visibleColumns.length - stickyRightCount);
-        const stickyRightCols = this.visibleColumns.slice(this.visibleColumns.length - stickyRightCount);
-        const hasRowspan = this.tableEl?.hasRowspanSync?.() ?? false;
-        const isUseFrameRow = this.tableEl?.hasUseFrameInRowSync?.(this.rowKey) ?? false;
-        const effectiveDense = this._dense && !isUseFrameRow;
-        const rowLayoutY = effectiveDense ? TABLE_BODY_LAYOUT.dense : TABLE_BODY_LAYOUT.default;
-        const rowPaddingX = effectiveDense
-            ? TABLE_BODY_LAYOUT.densePaddingX
-            : TABLE_BODY_LAYOUT.paddingX;
-        const rowStyle = {
-            'display': this.isVisible ? '' : 'none',
-            '--table-body-height': `${rowLayoutY.height}px`,
-            '--table-body-padding-y': `${rowLayoutY.paddingY}px`,
-            '--table-body-padding-x': `${rowPaddingX}px`,
-            '--table-body-font-family': TABLE_BODY_TYPOGRAPHY.fontFamily,
-            '--table-body-font-weight': TABLE_BODY_TYPOGRAPHY.fontWeight,
-            '--table-body-font-size': `${TABLE_BODY_TYPOGRAPHY.fontSize}px`,
-            '--table-body-line-height': `${TABLE_BODY_TYPOGRAPHY.lineHeight}px`,
-            '--table-body-text-decoration': TABLE_BODY_TYPOGRAPHY.textDecoration,
-            '--table-border-color': TABLE_BORDER.color,
-            '--table-border-width': `${TABLE_BORDER.width}px`,
-            '--table-separator-color': TABLE_SEPARATOR.color,
-            '--table-separator-width': `${TABLE_SEPARATOR.width}px`,
-            '--table-separator-dense-width': `${TABLE_SEPARATOR.denseWidth}px`,
-        };
-        if (this.separator != null) {
-            const totalCols = this.visibleColumns.length + (this._selectable ? 1 : 0);
-            const isDense = this.separator === 4;
-            return (h(Host, { style: rowStyle }, h("tr", { class: { 'tr': true, 'tr--separator': true, 'tr--separator--dense': isDense } }, h("td", { colSpan: totalCols, class: "td td--separator" }))));
-        }
-        return (h(Host, { style: rowStyle }, h("tr", { class: { 'tr': true, 'tr--no-hover': hasRowspan } }, this._selectable && (h("td", { class: {
-                'td': true,
-                'td--selected': true,
-                'sticky-left': true,
-                'sticky-left-edge': stickyLeftCount === 0,
-                'is-scrolled-left': stickyLeftCount === 0 && this._scrolledLeft,
-            }, style: { '--sticky-left-offset': '0px' } }, h("sd-checkbox", { value: this.isSelected(), onSdUpdate: () => this.handleSelect() }))), stickyLeftCols.map((col, idx) => {
-            if (this.isCovered(idx))
-                return null;
-            const fieldName = typeof col.field === 'string' ? col.field : col.name;
-            const span = this.getSpanFor(col);
-            const sdCellClass = this.getCellClassFor(col);
-            return (h("td", { key: col.name, rowSpan: span?.rowspan, colSpan: span?.colspan, class: {
-                    'td': true,
-                    [`td--${col.align || 'left'}`]: true,
-                    'sticky-left': true,
-                    'sticky-left-edge': idx === stickyLeftCount - 1,
-                    'is-scrolled-left': idx === stickyLeftCount - 1 && this._scrolledLeft,
-                    [`${col.tdClass}`]: Boolean(col.tdClass),
-                    ...this.expandCellClass(sdCellClass),
-                }, style: { ...this.getStickyStyle(idx), ...this.getFramePaddingStyle(fieldName) } }, h("slot", { name: `${this.tableId}-${fieldName}-${this.rowKey}` }, h("span", null, this.getCellValue(col)))));
-        }), middleCols.map((col, relativeIdx) => {
-            const actualColIdx = stickyLeftCount + relativeIdx;
-            if (this.isCovered(actualColIdx))
-                return null;
-            const fieldName = typeof col.field === 'string' ? col.field : col.name;
-            const span = this.getSpanFor(col);
-            const sdCellClass = this.getCellClassFor(col);
-            return (h("td", { key: col.name, rowSpan: span?.rowspan, colSpan: span?.colspan, class: {
-                    td: true,
-                    [`td--${col.align || 'left'}`]: true,
-                    [`${col.tdClass}`]: Boolean(col.tdClass),
-                    ...this.expandCellClass(sdCellClass),
-                }, style: {
-                    ...this.getStickyStyle(actualColIdx),
-                    ...this.getFramePaddingStyle(fieldName),
-                } }, h("slot", { name: `${this.tableId}-${fieldName}-${this.rowKey}` }, h("span", null, this.getCellValue(col)))));
-        }), stickyRightCols.map((col, relativeIdx) => {
-            const actualColIdx = this.visibleColumns.length - stickyRightCount + relativeIdx;
-            if (this.isCovered(actualColIdx))
-                return null;
-            const fieldName = typeof col.field === 'string' ? col.field : col.name;
-            const span = this.getSpanFor(col);
-            const sdCellClass = this.getCellClassFor(col);
-            return (h("td", { key: col.name, rowSpan: span?.rowspan, colSpan: span?.colspan, class: {
-                    'td': true,
-                    [`td--${col.align || 'left'}`]: true,
-                    'sticky-right': true,
-                    'sticky-right-edge': relativeIdx === 0,
-                    'is-scrolled-right': relativeIdx === 0 && this._scrolledRight,
-                    [`${col.tdClass}`]: Boolean(col.tdClass),
-                    ...this.expandCellClass(sdCellClass),
-                }, style: {
-                    ...this.getStickyStyle(actualColIdx),
-                    ...this.getFramePaddingStyle(fieldName),
-                } }, h("slot", { name: `${this.tableId}-${fieldName}-${this.rowKey}` }, h("span", null, this.getCellValue(col)))));
-        }))));
-    }
-    static get is() { return "sd-tr"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["sd-tr.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["sd-tr.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "columns": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "SdTableColumn[]",
-                    "resolved": "SdTableColumn[] | undefined",
-                    "references": {
-                        "SdTableColumn": {
-                            "location": "import",
-                            "path": "../constants",
-                            "id": "src/components/sd-table/constants.ts::SdTableColumn",
-                            "referenceLocation": "SdTableColumn"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "\uD14C\uC774\uBE14 \uCEEC\uB7FC \uBAA9\uB85D"
-                },
-                "getter": false,
-                "setter": false
-            },
-            "selectable": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "\uD589 \uC120\uD0DD \uAE30\uB2A5 \uC0AC\uC6A9 \uC5EC\uBD80"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "selectable"
-            },
-            "stickyColumn": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "SdTableStickyColumn",
-                    "resolved": "SdTableStickyColumn | undefined",
-                    "references": {
-                        "SdTableStickyColumn": {
-                            "location": "import",
-                            "path": "../constants",
-                            "id": "src/components/sd-table/constants.ts::SdTableStickyColumn",
-                            "referenceLocation": "SdTableStickyColumn"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "\uACE0\uC815 \uCEEC\uB7FC \uC124\uC815"
-                },
-                "getter": false,
-                "setter": false
-            },
-            "rowKey": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "\uD589 \uC2DD\uBCC4 \uD0A4"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "row-key",
-                "defaultValue": "''"
-            },
-            "row": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "Row",
-                    "resolved": "Row",
-                    "references": {
-                        "Row": {
-                            "location": "import",
-                            "path": "../constants",
-                            "id": "src/components/sd-table/constants.ts::Row",
-                            "referenceLocation": "Row"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "\uD589 \uB370\uC774\uD130 \uAC1D\uCCB4"
-                },
-                "getter": false,
-                "setter": false,
-                "defaultValue": "{}"
-            },
-            "separator": {
-                "type": "any",
-                "mutable": false,
-                "complexType": {
-                    "original": "'4' | '6' | 4 | 6 | null",
-                    "resolved": "\"4\" | \"6\" | 4 | 6 | null | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "\uAD6C\uBD84\uC120 \uB192\uC774 (4 \uB610\uB294 6px, null\uC774\uBA74 \uC77C\uBC18 \uD589)"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "separator",
-                "defaultValue": "null"
-            }
-        };
-    }
-    static get states() {
-        return {
-            "tableId": {},
-            "columnWidths": {},
-            "isVisible": {},
-            "spansVersion": {},
-            "_columns": {},
-            "_selectable": {},
-            "_stickyColumn": {},
-            "_scrolledLeft": {},
-            "_scrolledRight": {},
-            "_dense": {}
-        };
-    }
-    static get methods() {
-        return {
-            "refreshConfig": {
-                "complexType": {
-                    "signature": "() => Promise<void>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "\uD14C\uC774\uBE14 \uC124\uC815\uC744 \uB2E4\uC2DC \uBD88\uB7EC\uC635\uB2C8\uB2E4.",
-                    "tags": []
-                }
-            },
-            "bumpSpansVersion": {
-                "complexType": {
-                    "signature": "() => Promise<void>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "\uC140 \uBCD1\uD569 \uBC84\uC804\uC744 \uAC31\uC2E0\uD574 td\uB97C \uC7AC\uB80C\uB354\uB9C1\uD569\uB2C8\uB2E4.",
-                    "tags": []
-                }
-            },
-            "updateVisibility": {
-                "complexType": {
-                    "signature": "() => Promise<void>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "\uD398\uC774\uC9C0\uB124\uC774\uC158\uC5D0 \uB530\uB978 \uD589 \uD45C\uC2DC \uC5EC\uBD80\uB97C \uAC31\uC2E0\uD569\uB2C8\uB2E4.",
-                    "tags": []
-                }
-            },
-            "setColumnWidths": {
-                "complexType": {
-                    "signature": "(widths: number[]) => Promise<void>",
-                    "parameters": [{
-                            "name": "widths",
-                            "type": "number[]",
-                            "docs": ""
-                        }],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "\uCEEC\uB7FC \uB108\uBE44\uB97C \uC5C5\uB370\uC774\uD2B8\uD569\uB2C8\uB2E4.",
-                    "tags": []
-                }
-            },
-            "refreshSelection": {
-                "complexType": {
-                    "signature": "() => Promise<void>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "\uCCB4\uD06C\uBC15\uC2A4 \uC120\uD0DD \uC0C1\uD0DC\uB97C \uAC31\uC2E0\uD569\uB2C8\uB2E4.",
-                    "tags": []
-                }
-            }
-        };
-    }
-    static get elementRef() { return "el"; }
-}

package/dist/components/p-5pkzwl5N.js

@@ -1 +0,0 @@
-var e={table:{header:{height:"36",paddingX:"16",gap:"4",bg:"#F5FAFF",typography:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontWeight:"500",fontSize:"12",lineHeight:"20",textDecoration:"none"},resizingBar:{color:"#CCCCCC",height:"16"}},body:{default:{height:"44",paddingY:"8"},dense:{height:"32"},paddingY:{dense:"6"},paddingX:{default:"8",wide:"16"},typography:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontWeight:"400",fontSize:"12",lineHeight:"20",textDecoration:"none"}},border:{color:"#E1E1E1",width:"1"},content:{gap:"8"},radius:"8",keyValue:{body:{paddingY:"8"},height:"44",search:{paddingX:"32",bg:"#F9F9F9"}},separator:{color:"#EEEEEE",width:{default:"6",dense:"4"}}}};export{e as t}