@sellmate/design-system 1.27.1 → 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,528 +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 = this._dense && isUseFrameRow ? TABLE_BODY_LAYOUT.paddingX : 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-BHNytAtJ.js

@@ -1 +0,0 @@
-import{p as t,H as o,c as s,h as e,t as a}from"./p-jwusYvH0.js";import{s as i}from"./p-BE4tnQ2Z.js";import{m as d}from"./p-Cw8yDfQh.js";import{d as n}from"./p-CJcs7kNH.js";import{d as l}from"./p-NeXvaRu7.js";import{d as m}from"./p-BU1H7ElF.js";import{d as r}from"./p-Du_Yc-lW.js";import{d as c}from"./p-DkaajrxX.js";const f={positive:"primary_md",negative:"danger_md",default:"neutral_outline_md"},h={positive:"notificationOutline",negative:"warningOutline",default:null},b={positive:d.modal.confirm.positive.icon,negative:d.modal.confirm.negative.icon,default:""},p=Number(d.modal.confirm.title.icon),u=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.close=s(this,"sdClose",7),this.cancel=s(this,"sdCancel",7),this.ok=s(this,"sdOk",7)}get el(){return this}hasSlottedContent=!1;customContentRef;slotObserver;type="positive";modalTitle="";titleClass="";topMessage=[];bottomMessage=[];mainButtonName;mainButtonLabel="확인";subButtonLabel="";tagPreset="square_sm_grey";tagLabel="";slotLabel="";tagContents;close;cancel;ok;componentWillLoad(){this.syncHasSlottedContent()}componentDidLoad(){"undefined"!=typeof MutationObserver&&(this.slotObserver=new MutationObserver((()=>this.syncHasSlottedContent())),this.slotObserver.observe(this.el,{childList:!0,characterData:!0}))}componentDidRender(){this.customContentRef&&this.tagContents instanceof o&&("function"==typeof this.customContentRef.replaceChildren?this.customContentRef.replaceChildren(this.tagContents):(this.customContentRef.innerHTML="",this.customContentRef.appendChild(this.tagContents)))}disconnectedCallback(){this.slotObserver?.disconnect()}get resolvedType(){return this.type??"positive"}get resolvedMainButton(){return this.mainButtonName??f[this.resolvedType]}get hasTagContent(){return void 0!==this.tagLabel&&""!==this.tagLabel||void 0!==this.slotLabel&&""!==this.slotLabel}get showContentBox(){return null!=this.tagContents||this.hasTagContent||this.hasSlottedContent}syncHasSlottedContent(){const t=Array.from(this.el.childNodes).some((t=>!(t.nodeType===Node.ELEMENT_NODE&&t.classList.contains("sd-confirm-modal"))&&(t.nodeType===Node.ELEMENT_NODE||t.nodeType===Node.TEXT_NODE&&t.textContent?.trim())));t!==this.hasSlottedContent&&(this.hasSlottedContent=t)}render(){const t=this.resolvedType,o=h[t],s=b[t];return e("div",{key:"396bef971efaab6638586fa1a067eae54c1897f4",class:"sd-confirm-modal"},e("sd-ghost-button",{key:"4716168808371f4515bf763e77198386fc9fe7cf",class:"sd-confirm-modal__close-button",icon:"close",ariaLabel:"close",onClick:()=>this.close.emit()}),o&&e("sd-icon",{key:"1ab7ca2c5262374a0823a8e5c501758433c25051",class:"sd-confirm-modal__icon",name:o,size:p,color:s}),e("h2",{key:"a190f975d27153e4d928c95395f13ecd8ba0667a",class:`sd-confirm-modal__title ${this.titleClass??""}`},this.modalTitle),e("div",{key:"da7821097377b7a9781df87ae40b2439a103ff9b",class:"sd-confirm-modal__body"},(this.topMessage??[]).length>0&&e("div",{key:"ced23315888ad43b3d91b8bb5388b77e517dd52a",class:"sd-confirm-modal__message"},(this.topMessage??[]).map((t=>e("p",{class:"sd-confirm-modal__message-text",innerHTML:i(t)})))),this.showContentBox&&e("div",{key:"5bdbe145bdb6639ebe582e7295f413a4b1990c15",class:"sd-confirm-modal__content-box"},this.tagContents?e("div",{class:"sd-confirm-modal__custom-content",ref:t=>{this.customContentRef=t}}):e("slot",{onSlotchange:()=>this.syncHasSlottedContent()},this.tagLabel&&e("sd-tag",{name:this.tagPreset??"square_sm_grey",label:this.tagLabel}),this.slotLabel&&e("span",{class:"sd-confirm-modal__slot-label"},this.slotLabel))),(this.bottomMessage??[]).length>0&&e("div",{key:"e99adc95c95be16945407d54833164908aad0b50",class:"sd-confirm-modal__message"},(this.bottomMessage??[]).map((t=>e("p",{class:"sd-confirm-modal__message-text",innerHTML:i(t)}))))),e("div",{key:"20a6660323e1d9f4ee096f0c07bf0596f5a2445a",class:"sd-confirm-modal__button"},this.subButtonLabel&&e("sd-button",{key:"73141dd6fc6f703bff11e71ca9820cf3e1045466",name:"neutral_outline_md",label:this.subButtonLabel,onSdClick:()=>this.cancel.emit()}),e("sd-button",{key:"bed2d910b4b35d59897e14222f86f20a7e8c3bde",name:this.resolvedMainButton,label:this.mainButtonLabel??"확인",onSdClick:()=>this.ok.emit()})))}static get style(){return"sd-confirm-modal{display:block;width:fit-content;min-width:520px}sd-confirm-modal .sd-confirm-modal{position:relative;padding:var(--sd-modal-modal-confirm-padding-y) var(--sd-modal-modal-confirm-padding-x);border-radius:var(--sd-modal-modal-radius);box-shadow:4px 4px 24px 4px rgba(0, 0, 0, 0.2);background:var(--sd-modal-modal-bg)}sd-confirm-modal .sd-confirm-modal__close-button{position:absolute;top:12px;right:12px}sd-confirm-modal .sd-confirm-modal__icon{display:block;width:var(--sd-modal-modal-confirm-title-icon);height:var(--sd-modal-modal-confirm-title-icon);margin:0 auto var(--sd-modal-modal-confirm-title-gap) auto}sd-confirm-modal .sd-confirm-modal__title{color:var(--sd-modal-modal-confirm-title-color);font-size:var(--sd-modal-modal-confirm-title-typography-font-size);font-weight:var(--sd-modal-modal-confirm-title-typography-font-weight);line-height:var(--sd-modal-modal-confirm-title-typography-line-height);text-align:center;margin:0 0 var(--sd-modal-modal-confirm-body-gap) 0}sd-confirm-modal .sd-confirm-modal__body{display:flex;flex-direction:column;gap:var(--sd-modal-modal-confirm-body-gap)}sd-confirm-modal .sd-confirm-modal__message-text{color:var(--sd-modal-modal-confirm-message-color);font-size:12px;font-weight:400;line-height:20px;text-align:center;margin:0}sd-confirm-modal .sd-confirm-modal__content-box{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:1px solid #e1e1e1;border-radius:8px;background:white}sd-confirm-modal .sd-confirm-modal__slot-label{font-size:14px;font-weight:700;line-height:22px;color:var(--sd-modal-modal-confirm-message-color)}sd-confirm-modal .sd-confirm-modal__button{display:flex;justify-content:center;gap:var(--sd-modal-modal-confirm-button-gap);margin-top:40px}"}},[772,"sd-confirm-modal",{type:[1],modalTitle:[1,"modal-title"],titleClass:[1,"title-class"],topMessage:[16],bottomMessage:[16],mainButtonName:[1,"main-button-name"],mainButtonLabel:[1,"main-button-label"],subButtonLabel:[1,"sub-button-label"],tagPreset:[1,"tag-preset"],tagLabel:[1,"tag-label"],slotLabel:[1,"slot-label"],tagContents:[16],hasSlottedContent:[32]}]);function g(){"undefined"!=typeof customElements&&["sd-confirm-modal","sd-button","sd-ghost-button","sd-icon","sd-portal","sd-tag"].forEach((t=>{switch(t){case"sd-confirm-modal":customElements.get(a(t))||customElements.define(a(t),u);break;case"sd-button":customElements.get(a(t))||n();break;case"sd-ghost-button":customElements.get(a(t))||l();break;case"sd-icon":customElements.get(a(t))||m();break;case"sd-portal":customElements.get(a(t))||r();break;case"sd-tag":customElements.get(a(t))||c()}}))}export{u as S,g as d}