@sellmate/design-system 1.0.62 → 1.0.63

package/dist/collection/components/sd-toggle/sd-toggle.js

@@ -1,20 +1,15 @@
 import { h } from "@stencil/core";
+import { TOGGLE_COLORS, TOGGLE_LAYOUT, TOGGLE_TYPOGRAPHY } from "./sd-toggle.config";
 export class SdToggle {
     value = false;
     label = '';
     disabled = false;
     change;
-    componentWillLoad() {
-        this.updateCheckedState(this.value);
-    }
-    componentWillRender() {
-        this.updateCheckedState(this.value);
-    }
-    updateCheckedState(value) {
-        this.value = value;
-    }
     get toggleClasses() {
-        const classes = ['sd-toggle', this.value ? 'sd-toggle--checked' : 'sd-toggle--unchecked'];
+        const classes = ['sd-toggle'];
+        if (this.value) {
+            classes.push('sd-toggle--active');
+        }
         if (this.disabled) {
             classes.push('sd-toggle--disabled');
         }
@@ -28,7 +23,29 @@ export class SdToggle {
         this.change.emit(newValue);
     };
     render() {
-        return (h("label", { key: 'ca08050cdbbb4e5e7e615f72411be5bff93955d8', "aria-label": this.label || 'toggle', class: this.toggleClasses }, h("input", { key: 'abdae5d4dc59fc121ded9cc0800f68d3996d4e50', type: "checkbox", checked: this.value, disabled: this.disabled, onInput: this.handleChange }), this.label && h("span", { key: '37d23f59f877100c53deace3c6c70b441df5748c', class: "sd-toggle__label" }, this.label), h("div", { key: '545f76c3c1e63198f6dc80bdf6bf44f6840082b2', class: "sd-toggle__track" }, h("div", { key: '4142b2e46b93cf1d5f86cb1b5a4490c0e6a03a05', class: "sd-toggle__thumb" }))));
+        const cssVars = {
+            '--sd-toggle-height': `${TOGGLE_LAYOUT.height}px`,
+            '--sd-toggle-padding-x': `${TOGGLE_LAYOUT.paddingX}px`,
+            '--sd-toggle-radius': `${TOGGLE_LAYOUT.radius}px`,
+            '--sd-toggle-border-width': `${TOGGLE_LAYOUT.borderWidth}px`,
+            '--sd-toggle-font-family': TOGGLE_TYPOGRAPHY.fontFamily,
+            '--sd-toggle-font-weight': TOGGLE_TYPOGRAPHY.fontWeight,
+            '--sd-toggle-font-size': `${TOGGLE_TYPOGRAPHY.fontSize}px`,
+            '--sd-toggle-line-height': `${TOGGLE_TYPOGRAPHY.lineHeight}px`,
+            '--sd-toggle-text-decoration': TOGGLE_TYPOGRAPHY.textDecoration,
+            '--sd-toggle-bg-default': TOGGLE_COLORS.bg.default,
+            '--sd-toggle-bg-hover': TOGGLE_COLORS.bg.hover,
+            '--sd-toggle-bg-select': TOGGLE_COLORS.bg.select,
+            '--sd-toggle-bg-disabled': TOGGLE_COLORS.bg.disabled,
+            '--sd-toggle-border-default': TOGGLE_COLORS.border.default,
+            '--sd-toggle-border-select': TOGGLE_COLORS.border.select,
+            '--sd-toggle-border-disabled': TOGGLE_COLORS.border.disabled,
+            '--sd-toggle-content-default': TOGGLE_COLORS.content.default,
+            '--sd-toggle-content-hover': TOGGLE_COLORS.content.hover,
+            '--sd-toggle-content-select': TOGGLE_COLORS.content.select,
+            '--sd-toggle-content-disabled': TOGGLE_COLORS.content.disabled,
+        };
+        return (h("label", { key: 'ec38c0ca834e5208d2cc5eb1fc32f959eacbb46d', class: this.toggleClasses, style: cssVars, "aria-label": this.label || 'toggle' }, this.label, h("input", { key: '2b47036dbd0cb880a7b7973523c985ae13e0cf22', style: { display: 'none' }, type: "checkbox", onInput: this.handleChange })));
     }
     static get is() { return "sd-toggle"; }
     static get originalStyleUrls() {
@@ -59,7 +76,7 @@ export class SdToggle {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "value",
                 "defaultValue": "false"
             },

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

@@ -81,14 +81,14 @@ export class SdTooltip {
         const toggleTooltip = () => (this.showTooltip = !this.showTooltip);
         const divTrigger = trigger === 'hover' ? hoverTrigger : this.label ? {} : { onClick: toggleTooltip };
         const buttonClickTrigger = trigger === 'click' && this.label ? { onSdClick: toggleTooltip } : {};
-        return (h(Fragment, { key: '26a3cf140fdbc66fe79d9258f99082cdf0c79c60' }, h("div", { key: 'a47fb4ca41deecc63db4bc8d8e93419da8867e22', class: `sd-tooltip-trigger ${this.sdClass || ''}`, ...divTrigger }, this.label ? (h("sd-button", { ref: el => (this.buttonEl = el), label: this.label, icon: icon, size: this.buttonSize ?? 'sm', color: color, variant: this.buttonVariant ?? 'primary', class: "sd-tooltip", ...buttonClickTrigger })) : (h("sd-icon", { ref: el => (this.buttonEl = el), name: icon, size: this.iconSize ?? 12, color: color, class: "sd-tooltip" }))), this.showTooltip && (h("sd-floating-portal", { key: 'a728edde03eee82a0b4c72ea77a9cb918b27f709', parentRef: this.buttonEl, onSdClose: this.handleClose.bind(this), placement: placement, offset: this.tooltipOffset }, h("div", { key: '7afcb975b1045126fd19d2f6186a43d744de5922', ref: el => (this.menuEl = el), class: {
+        return (h(Fragment, { key: '097722e57d6a808193e8fc0d48cebc80ee13848a' }, h("div", { key: '92c6fd83098faec1cfa405ace12530d0cb408395', class: `sd-tooltip-trigger ${this.sdClass || ''}`, ...divTrigger }, this.label ? (h("sd-button", { ref: el => (this.buttonEl = el), label: this.label, icon: icon, size: this.buttonSize ?? 'sm', color: color, variant: this.buttonVariant ?? 'primary', class: "sd-tooltip", ...buttonClickTrigger })) : (h("sd-icon", { ref: el => (this.buttonEl = el), name: icon, size: this.iconSize ?? 12, color: color, class: "sd-tooltip" }))), this.showTooltip && (h("sd-floating-portal", { key: 'd05d011181a8c183690607c974208e708ccba184', parentRef: this.buttonEl, onSdClose: this.handleClose.bind(this), placement: placement, offset: this.tooltipOffset }, h("div", { key: '281c3994d52fcd1d6194edd12bd64ac9a42f5e71', ref: el => (this.menuEl = el), class: {
                 'sd-floating-menu': true,
                 [`sd-floating-menu--${tooltipType}`]: true,
                 [`sd-floating-menu--${placement}`]: true,
             }, style: {
                 '--sd-floating-bg': typeConfig.bg,
                 '--sd-floating-content': typeConfig.content,
-            }, onMouseEnter: () => this.show(), onMouseLeave: () => this.startHideTimer() }, h("i", { key: '5c650247061d57b01adf3e53ddaa6d92c35a5e53', class: `sd-floating-menu__arrow sd-floating-menu__arrow--${placement}` }, h(TooltipArrow, { key: '2bd40b24cd9c6015f1a3c5548b619c48b10df758' })), h("div", { key: 'cce2db4ea12874ab11ac0bd04fb4080b2778c9b3', class: "sd-floating-menu__content", innerHTML: this.slotContentHTML }))))));
+            }, onMouseEnter: () => this.show(), onMouseLeave: () => this.startHideTimer() }, h("i", { key: '87374c0a423bc037decdc820e118c65ea7b3f75f', class: `sd-floating-menu__arrow sd-floating-menu__arrow--${placement}` }, h(TooltipArrow, { key: '9cdd8215849973011a2339ed80bfb2863b1e374e' })), h("div", { key: '4f764958e07a8b2ed0ea093609f5a42d86fa3f3c', class: "sd-floating-menu__content", innerHTML: this.slotContentHTML }))))));
     }
     static get is() { return "sd-tooltip"; }
     static get originalStyleUrls() {

package/dist/collection/components/table-test/table-test.css

@@ -0,0 +1,59 @@
+:host {
+  display: block;
+}
+
+.table-wrapper {
+  width: 100%;
+  overflow-x: auto;
+}
+
+.templates-slot {
+  display: none;
+}
+
+.data-table {
+  width: 100%;
+  border-collapse: collapse;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+  font-size: 14px;
+}
+
+.data-table th,
+.data-table td {
+  padding: 12px 16px;
+  text-align: left;
+  vertical-align: middle;
+}
+
+.data-table th {
+  font-weight: 600;
+  background-color: #f8f9fa;
+  color: #333;
+}
+
+.data-table.bordered th,
+.data-table.bordered td {
+  border: 1px solid #dee2e6;
+}
+
+.data-table.striped tbody tr:nth-child(odd) {
+  background-color: #f8f9fa;
+}
+
+.data-table tbody tr:hover {
+  background-color: #e9ecef;
+}
+
+/* Utility classes for custom cell content */
+.data-table .cell-flex {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.data-table .cell-image {
+  width: 24px;
+  height: 16px;
+  object-fit: cover;
+  border-radius: 2px;
+}

package/dist/collection/components/table-test/table-test.js

@@ -0,0 +1,316 @@
+import { h, } from "@stencil/core";
+export class DataTable {
+    el;
+    /** Column definitions array */
+    columns = [];
+    /** Row data array */
+    rows = [];
+    /** Show cell borders */
+    bordered = true;
+    /** Alternate row colors */
+    striped = false;
+    cellRenderers = new Map();
+    headerRenderers = new Map();
+    tableReady;
+    dataChanged() {
+        this.tableReady.emit();
+    }
+    componentDidLoad() {
+        this.tableReady.emit();
+    }
+    async setCellRenderer(field, renderer) {
+        this.cellRenderers = new Map(this.cellRenderers).set(field, renderer);
+    }
+    async setHeaderRenderer(field, renderer) {
+        this.headerRenderers = new Map(this.headerRenderers).set(field, renderer);
+    }
+    async removeCellRenderer(field) {
+        const newMap = new Map(this.cellRenderers);
+        newMap.delete(field);
+        this.cellRenderers = newMap;
+    }
+    async clearAllRenderers() {
+        this.cellRenderers = new Map();
+        this.headerRenderers = new Map();
+    }
+    renderCellContent(column, row, rowIndex) {
+        const value = row[column.field];
+        const renderer = this.cellRenderers.get(column.field);
+        if (renderer) {
+            const html = renderer({ field: column.field, value, row, rowIndex });
+            return h("span", { class: "cell-content", innerHTML: html });
+        }
+        const template = this.el.querySelector(`[slot="cell-${column.field}"]`);
+        if (template) {
+            const html = this.processTemplate(template.innerHTML, { value, row, rowIndex });
+            return h("span", { class: "cell-content", innerHTML: html });
+        }
+        return h("span", { class: "cell-content" }, value);
+    }
+    renderHeaderContent(column) {
+        const renderer = this.headerRenderers.get(column.field);
+        if (renderer) {
+            const html = renderer({ field: column.field, column });
+            return h("span", { innerHTML: html });
+        }
+        const template = this.el.querySelector(`[slot="header-${column.field}"]`);
+        if (template) {
+            return h("span", { innerHTML: template.innerHTML });
+        }
+        return column.header || column.field;
+    }
+    processTemplate(html, data) {
+        return html
+            .replace(/\{\{value\}\}/g, this.escapeHtml(String(data.value ?? '')))
+            .replace(/\{\{rowIndex\}\}/g, String(data.rowIndex))
+            .replace(/\{\{row\.(\w+)\}\}/g, (_, prop) => this.escapeHtml(String(data.row[prop] ?? '')));
+    }
+    escapeHtml(str) {
+        const el = document.createElement('div');
+        el.textContent = str;
+        return el.innerHTML;
+    }
+    render() {
+        return (h("div", { key: '6d2ff3676d082540cc70939363b0f07ff7252e8c', class: "table-wrapper" }, h("table", { key: '3995aead06dfce42ea4e918486b1473c1740b96e', class: { 'data-table': true, 'bordered': this.bordered, 'striped': this.striped } }, h("thead", { key: '9cbe03cbe1f69d7546ba5037489d20d85bd4a534' }, h("tr", { key: '7ab64e3e3ef214a19a010501d3ec9778c5594990' }, this.columns.map(column => (h("th", { key: column.field, style: { width: column.width } }, this.renderHeaderContent(column)))))), h("tbody", { key: '660707fb4d5075b98698718e8cfa8ed903f3d1e2' }, this.rows.map((row, rowIndex) => (h("tr", { key: rowIndex }, this.columns.map(column => (h("td", { key: `${rowIndex}-${column.field}` }, this.renderCellContent(column, row, rowIndex))))))))), h("div", { key: '9aabf030b814c340b2f4a1d66644516ed320f31b', class: "templates-slot", hidden: true }, h("slot", { key: '532e40bf658706a99b57dc89c056d977db3e4d83' }))));
+    }
+    static get is() { return "table-test"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["table-test.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["table-test.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "columns": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "TableColumn[]",
+                    "resolved": "TableColumn[]",
+                    "references": {
+                        "TableColumn": {
+                            "location": "local",
+                            "path": "/Users/meijing/Documents/sellmate/frontend/design-system/packages/stencil/src/components/table-test/table-test.tsx",
+                            "id": "src/components/table-test/table-test.tsx::TableColumn"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Column definitions array"
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "[]"
+            },
+            "rows": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "TableRow[]",
+                    "resolved": "TableRow[]",
+                    "references": {
+                        "TableRow": {
+                            "location": "local",
+                            "path": "/Users/meijing/Documents/sellmate/frontend/design-system/packages/stencil/src/components/table-test/table-test.tsx",
+                            "id": "src/components/table-test/table-test.tsx::TableRow"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Row data array"
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "[]"
+            },
+            "bordered": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Show cell borders"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "bordered",
+                "defaultValue": "true"
+            },
+            "striped": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Alternate row colors"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "striped",
+                "defaultValue": "false"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "cellRenderers": {},
+            "headerRenderers": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "tableReady",
+                "name": "tableReady",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }];
+    }
+    static get methods() {
+        return {
+            "setCellRenderer": {
+                "complexType": {
+                    "signature": "(field: string, renderer: CellRenderer) => Promise<void>",
+                    "parameters": [{
+                            "name": "field",
+                            "type": "string",
+                            "docs": ""
+                        }, {
+                            "name": "renderer",
+                            "type": "(context: CellRenderContext) => string",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "CellRenderer": {
+                            "location": "local",
+                            "path": "/Users/meijing/Documents/sellmate/frontend/design-system/packages/stencil/src/components/table-test/table-test.tsx",
+                            "id": "src/components/table-test/table-test.tsx::CellRenderer"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "setHeaderRenderer": {
+                "complexType": {
+                    "signature": "(field: string, renderer: HeaderRenderer) => Promise<void>",
+                    "parameters": [{
+                            "name": "field",
+                            "type": "string",
+                            "docs": ""
+                        }, {
+                            "name": "renderer",
+                            "type": "(context: HeaderRenderContext) => string",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "HeaderRenderer": {
+                            "location": "local",
+                            "path": "/Users/meijing/Documents/sellmate/frontend/design-system/packages/stencil/src/components/table-test/table-test.tsx",
+                            "id": "src/components/table-test/table-test.tsx::HeaderRenderer"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "removeCellRenderer": {
+                "complexType": {
+                    "signature": "(field: string) => Promise<void>",
+                    "parameters": [{
+                            "name": "field",
+                            "type": "string",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "clearAllRenderers": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            }
+        };
+    }
+    static get elementRef() { return "el"; }
+    static get watchers() {
+        return [{
+                "propName": "columns",
+                "methodName": "dataChanged"
+            }, {
+                "propName": "rows",
+                "methodName": "dataChanged"
+            }];
+    }
+}

package/dist/collection/index.js

@@ -9,3 +9,4 @@
  */
 export { sdToast } from './utils/toast';
 export { sdModal, _createSdModalRef, _attachSdModalWithRef, } from './utils/modal';
+export { sdLoading } from './utils/loading';

package/dist/collection/utils/loading.js

@@ -0,0 +1,43 @@
+const CONTAINER_TAG = 'sd-loading-container';
+let containerEl = null;
+function assertBrowserEnvironment() {
+    if (typeof window === 'undefined' ||
+        typeof document === 'undefined' ||
+        typeof customElements === 'undefined') {
+        throw new Error('[sdLoading] Browser APIs are unavailable. Use `sdLoading` only on the client.');
+    }
+}
+function assertContainerDefined() {
+    if (!customElements.get(CONTAINER_TAG)) {
+        throw new Error('[sdLoading] `sd-loading-container` is not registered. Call `defineCustomElements(window)` before using `sdLoading`.');
+    }
+}
+function getContainer() {
+    assertBrowserEnvironment();
+    assertContainerDefined();
+    if (containerEl && document.body.contains(containerEl)) {
+        return containerEl;
+    }
+    containerEl = document.createElement(CONTAINER_TAG);
+    document.body.appendChild(containerEl);
+    return containerEl;
+}
+async function runOnContainer(fn) {
+    const container = getContainer();
+    await customElements.whenDefined(CONTAINER_TAG);
+    fn(container);
+}
+export const sdLoading = {
+    show(options = {}) {
+        runOnContainer(el => {
+            el.show?.(options);
+        });
+    },
+    hide() {
+        if (!containerEl)
+            return;
+        runOnContainer(el => {
+            el.hide?.();
+        });
+    },
+};

package/dist/collection/utils/modal.js

@@ -9,6 +9,7 @@ class ModalDialogRefImpl {
     okFn;
     cancelFn;
     closeFn;
+    clickFn;
     dismissedFn;
     containerRef;
     pendingActions = [];
@@ -29,6 +30,10 @@ class ModalDialogRefImpl {
         this.closeFn = fn;
         return this;
     }
+    onClick(fn) {
+        this.clickFn = fn;
+        return this;
+    }
     onDismissed(fn) {
         this.dismissedFn = fn;
         return this;
@@ -67,6 +72,9 @@ class ModalDialogRefImpl {
     _triggerClose() {
         this.closeFn?.();
     }
+    _triggerClick() {
+        this.clickFn?.();
+    }
     _triggerDismissed() {
         this.dismissedFn?.();
     }
@@ -150,6 +158,24 @@ export const sdModal = {
         });
         return modalRef;
     },
+    /**
+     * `sd-loading-modal` 을 컨테이너에 띄웁니다.
+     *
+     * - 버튼 클릭 시 자동 dismiss 되지 않습니다. `onClick` 콜백에서 `close()`
+     *   (취소) 또는 `update({ state: 'loading' })` (에러 → 재시도) 등으로
+     *   후속 동작을 결정하세요.
+     * - 비동기 작업이 끝나면 `close()` 로 닫고, 실패 시 `update({ state: 'error' })`
+     *   로 에러 상태로 전환할 수 있습니다.
+     */
+    loading(options = {}) {
+        const container = getContainer();
+        const modalRef = new ModalDialogRefImpl('', container);
+        whenReady(container).then(async () => {
+            const id = await container.openLoading(options, modalRef);
+            modalRef._setId(id);
+        });
+        return modalRef;
+    },
     create(input) {
         const modalRef = _createSdModalRef();
         _attachSdModalWithRef(modalRef, input);

package/dist/components/index.js

@@ -1 +1 @@
-export{g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-D-pFdq6g.js";let t=null;function n(t,n){n&&(n.position&&t.setAttribute("position",n.position),null!=n.maxVisible&&t.setAttribute("max-visible",n.maxVisible+""),null!=n.defaultDuration&&t.setAttribute("default-duration",n.defaultDuration+""),null!=n.zIndex&&t.setAttribute("z-index",n.zIndex+""))}function e(e){return t&&document.body.contains(t)?(n(t,e),t):(t=document.createElement("sd-toast-container"),n(t,e),document.body.appendChild(t),t)}function i(t){return"function"==typeof t.create?Promise.resolve():new Promise((n=>{const e=()=>{"function"==typeof t.create?n():requestAnimationFrame(e)};requestAnimationFrame(e)}))}const o={async create(t,n,s){const{globalOptions:o,...r}=s??{},c=e(o);return await i(c),c.create({message:t,type:n,...r})},async dismiss(n){if(t)return await i(t),t.dismiss(n)},async dismissAll(){if(t)return await i(t),t.dismissAll()},configure(t){e(t)}},c="sd-modal-container",u={ok:"confirm",cancel:"cancel",close:"close"};class d{modalId;okFn;cancelFn;closeFn;dismissedFn;containerRef;pendingActions=[];dismissRequested=!1;constructor(t,n){this.modalId=t,this.containerRef=n}onOk(t){return this.okFn=t,this}onCancel(t){return this.cancelFn=t,this}onClose(t){return this.closeFn=t,this}onDismissed(t){return this.dismissedFn=t,this}update(t){return this.runOrQueue((()=>{this.containerRef.update?.(this.modalId,t)})),this}ok(){return this.dismiss("ok")}cancel(){return this.dismiss("cancel")}close(){return this.dismiss("close")}dismiss(t="close"){if(this.dismissRequested)return this;this.dismissRequested=!0;const n=u[t];return this.runOrQueue((()=>{this.containerRef.dismissById?.(this.modalId,n)})),this}_triggerOk(){this.okFn?.()}_triggerCancel(){this.cancelFn?.()}_triggerClose(){this.closeFn?.()}_triggerDismissed(){this.dismissedFn?.()}_setId(t){this.modalId=t;const n=[...this.pendingActions];this.pendingActions=[],n.forEach((t=>t()))}runOrQueue(t){this.modalId?t():this.pendingActions.push(t)}}let l=null;function m(t,n){n&&null!=n.zIndex&&t.style.setProperty("--sd-modal-container-z-index",n.zIndex+"")}function h(t){return function(){if("undefined"==typeof window||"undefined"==typeof document||"undefined"==typeof customElements)throw Error("[sdModal] Browser APIs are unavailable. Use `sdModal` only on the client.")}(),function(){if(!customElements.get(c))throw Error("[sdModal] `sd-modal-container` is not registered. Call `defineCustomElements(window)` before using `sdModal`.")}(),l&&document.body.contains(l)?(m(l,t),l):(l=document.createElement(c),m(l,t),document.body.appendChild(l),l)}async function f(t){if(await customElements.whenDefined(c),"function"==typeof t.open)return Promise.resolve();throw Error("[sdModal] `sd-modal-container` is registered but not ready to open dialogs.")}function p(){const t=h();return new d("",t)}function w(t,n){const{component:e,persist:s}=n,i=h(),o={persistent:s};f(i).then((async()=>{const n=await i.createCustom(e,o,t);t._setId(n)}))}const y={confirm(t){const n=h(),e=new d("",n);return f(n).then((async()=>{const s=await n.open(t,e);e._setId(s)})),e},create(t){const n=p();return w(n,t),n},configure(t){h(t)}};export{w as _attachSdModalWithRef,p as _createSdModalRef,y as sdModal,o as sdToast}
+export{g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-DuYi4aqj.js";let n=null;function t(n,t){t&&(t.position&&n.setAttribute("position",t.position),null!=t.maxVisible&&n.setAttribute("max-visible",t.maxVisible+""),null!=t.defaultDuration&&n.setAttribute("default-duration",t.defaultDuration+""),null!=t.zIndex&&n.setAttribute("z-index",t.zIndex+""))}function e(e){return n&&document.body.contains(n)?(t(n,e),n):(n=document.createElement("sd-toast-container"),t(n,e),document.body.appendChild(n),n)}function o(n){return"function"==typeof n.create?Promise.resolve():new Promise((t=>{const e=()=>{"function"==typeof n.create?t():requestAnimationFrame(e)};requestAnimationFrame(e)}))}const i={async create(n,t,s){const{globalOptions:i,...r}=s??{},c=e(i);return await o(c),c.create({message:n,type:t,...r})},async dismiss(t){if(n)return await o(n),n.dismiss(t)},async dismissAll(){if(n)return await o(n),n.dismissAll()},configure(n){e(n)}},c="sd-modal-container",u={ok:"confirm",cancel:"cancel",close:"close"};class d{modalId;okFn;cancelFn;closeFn;clickFn;dismissedFn;containerRef;pendingActions=[];dismissRequested=!1;constructor(n,t){this.modalId=n,this.containerRef=t}onOk(n){return this.okFn=n,this}onCancel(n){return this.cancelFn=n,this}onClose(n){return this.closeFn=n,this}onClick(n){return this.clickFn=n,this}onDismissed(n){return this.dismissedFn=n,this}update(n){return this.runOrQueue((()=>{this.containerRef.update?.(this.modalId,n)})),this}ok(){return this.dismiss("ok")}cancel(){return this.dismiss("cancel")}close(){return this.dismiss("close")}dismiss(n="close"){if(this.dismissRequested)return this;this.dismissRequested=!0;const t=u[n];return this.runOrQueue((()=>{this.containerRef.dismissById?.(this.modalId,t)})),this}_triggerOk(){this.okFn?.()}_triggerCancel(){this.cancelFn?.()}_triggerClose(){this.closeFn?.()}_triggerClick(){this.clickFn?.()}_triggerDismissed(){this.dismissedFn?.()}_setId(n){this.modalId=n;const t=[...this.pendingActions];this.pendingActions=[],t.forEach((n=>n()))}runOrQueue(n){this.modalId?n():this.pendingActions.push(n)}}let l=null;function m(n,t){t&&null!=t.zIndex&&n.style.setProperty("--sd-modal-container-z-index",t.zIndex+"")}function f(n){return function(){if("undefined"==typeof window||"undefined"==typeof document||"undefined"==typeof customElements)throw Error("[sdModal] Browser APIs are unavailable. Use `sdModal` only on the client.")}(),function(){if(!customElements.get(c))throw Error("[sdModal] `sd-modal-container` is not registered. Call `defineCustomElements(window)` before using `sdModal`.")}(),l&&document.body.contains(l)?(m(l,n),l):(l=document.createElement(c),m(l,n),document.body.appendChild(l),l)}async function h(n){if(await customElements.whenDefined(c),"function"==typeof n.open)return Promise.resolve();throw Error("[sdModal] `sd-modal-container` is registered but not ready to open dialogs.")}function w(){const n=f();return new d("",n)}function p(n,t){const{component:e,persist:s}=t,o=f(),i={persistent:s};h(o).then((async()=>{const t=await o.createCustom(e,i,n);n._setId(t)}))}const y={confirm(n){const t=f(),e=new d("",t);return h(t).then((async()=>{const s=await t.open(n,e);e._setId(s)})),e},loading(n={}){const t=f(),e=new d("",t);return h(t).then((async()=>{const s=await t.openLoading(n,e);e._setId(s)})),e},create(n){const t=w();return p(t,n),t},configure(n){f(n)}},E="sd-loading-container";let C=null;async function k(n){const t=(function(){if("undefined"==typeof window||"undefined"==typeof document||"undefined"==typeof customElements)throw Error("[sdLoading] Browser APIs are unavailable. Use `sdLoading` only on the client.")}(),function(){if(!customElements.get(E))throw Error("[sdLoading] `sd-loading-container` is not registered. Call `defineCustomElements(window)` before using `sdLoading`.")}(),C&&document.body.contains(C)||(C=document.createElement(E),document.body.appendChild(C)),C);await customElements.whenDefined(E),n(t)}const A={show(n={}){k((t=>{t.show?.(n)}))},hide(){C&&k((n=>{n.hide?.()}))}};export{p as _attachSdModalWithRef,w as _createSdModalRef,A as sdLoading,y as sdModal,i as sdToast}

package/dist/components/p-6LkBUj0w.js

@@ -0,0 +1 @@
+import{p as d,H as a,c as s,h as e,d as o,t as i}from"./p-DuYi4aqj.js";import{m as l}from"./p-DOXMJi-V.js";import{d as t}from"./p-C2r48NLP.js";import{d as n}from"./p-CpclstHV.js";import{d as m}from"./p-CGssy8eb.js";const g={minWidth:Number(l.modal.loading.width),minHeight:Number(l.modal.loading.height),gap:Number(l.modal.loading.gap),contentSize:Number(l.modal.loading.content),radius:Number(l.modal.radius)},r={bg:l.modal.bg,messageColor:l.modal.loading.message.color,errorIcon:l.modal.confirm.negative.icon},c=l.modal.loading.message.typography.fontFamily,h=Number(l.modal.loading.message.typography.fontSize),u=Number(l.modal.loading.message.typography.fontWeight),b=Number(l.modal.loading.message.typography.lineHeight),p={loading:"작업을 진행하고 있습니다. 잠시만 기다려 주세요.",error:"작업에 실패하였습니다. 다시 시도해 주세요."},f={loading:"작업 취소",error:"다시 시도"},v=d(class extends a{constructor(d){super(),!1!==d&&this.__registerHost(),this.click=s(this,"sdClick",7)}state="loading";message="";buttonLabel="";width;height;click;get resolvedMessage(){return this.message||p[this.state]}get resolvedButtonLabel(){return this.buttonLabel||f[this.state]}handleClick=()=>{this.click.emit()};toCssSize(d){if(null!=d&&""!==d)return"number"==typeof d?`${d}px`:d}render(){const d={"--sd-loading-modal-min-width":`${g.minWidth}px`,"--sd-loading-modal-min-height":`${g.minHeight}px`,"--sd-loading-modal-gap":`${g.gap}px`,"--sd-loading-modal-content-size":`${g.contentSize}px`,"--sd-loading-modal-radius":`${g.radius}px`,"--sd-loading-modal-bg":r.bg,"--sd-loading-modal-message-color":r.messageColor,"--sd-loading-modal-message-font-family":c,"--sd-loading-modal-message-font-size":`${h}px`,"--sd-loading-modal-message-font-weight":`${u}`,"--sd-loading-modal-message-line-height":`${b}px`,"--sd-loading-modal-error-color":r.errorIcon,"--sd-loading-modal-width":this.toCssSize(this.width)??`${g.minWidth}px`,"--sd-loading-modal-height":this.toCssSize(this.height)??`${g.minHeight}px`};return e(o,{key:"dcc53b3421a88970ce4ad8258285a896da0e400c",style:d},e("div",{key:"bb2319b861392c8a88587b7654f2c6227b226cc7",class:"sd-loading-modal"},e("div",{key:"f3064846c06d2cd1e9d2474dc16fe80773c4a8f7",class:"sd-loading-modal__content"},"loading"===this.state?e("sd-circle-progress",{indeterminate:!0}):e("sd-icon",{class:"sd-loading-modal__icon",name:"warningOutline",size:g.contentSize,color:r.errorIcon})),e("p",{key:"932c71930b4484d652266f85556e7eb2195a81c9",class:"sd-loading-modal__message"},this.resolvedMessage),e("div",{key:"e06cfa7729b72f881789d573f38116ac5086e062",class:"sd-loading-modal__button"},e("sd-button-v2",{key:"63684aa367e552df0e020ce4766d6c34c1361427",name:"neutral_outline_sm",label:this.resolvedButtonLabel,onSdClick:this.handleClick}))))}static get style(){return"sd-loading-modal{display:inline-block}sd-loading-modal .sd-loading-modal{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sd-loading-modal-gap);min-width:var(--sd-loading-modal-min-width);min-height:var(--sd-loading-modal-min-height);width:var(--sd-loading-modal-width, auto);height:var(--sd-loading-modal-height, auto);border-radius:var(--sd-loading-modal-radius);background:var(--sd-loading-modal-bg);box-shadow:4px 4px 24px 4px rgba(0, 0, 0, 0.2)}sd-loading-modal .sd-loading-modal__content{display:flex;align-items:center;justify-content:center;width:var(--sd-loading-modal-content-size);height:var(--sd-loading-modal-content-size)}sd-loading-modal .sd-loading-modal__message{margin:0;color:var(--sd-loading-modal-message-color);font-family:var(--sd-loading-modal-message-font-family);font-size:var(--sd-loading-modal-message-font-size);font-weight:var(--sd-loading-modal-message-font-weight);line-height:var(--sd-loading-modal-message-line-height);text-align:center}sd-loading-modal .sd-loading-modal__button{display:flex;justify-content:center}"}},[512,"sd-loading-modal",{state:[513],message:[1],buttonLabel:[1,"button-label"],width:[8],height:[8]}]);function x(){"undefined"!=typeof customElements&&["sd-loading-modal","sd-button-v2","sd-circle-progress","sd-icon"].forEach((d=>{switch(d){case"sd-loading-modal":customElements.get(i(d))||customElements.define(i(d),v);break;case"sd-button-v2":customElements.get(i(d))||t();break;case"sd-circle-progress":customElements.get(i(d))||n();break;case"sd-icon":customElements.get(i(d))||m()}}))}export{v as S,x as d}

package/dist/components/{p-DlujHEXS.js → p-6cueWz-l.js}

@@ -1 +1 @@
-import{p as o,H as e,c as t,h as s,t as p}from"./p-D-pFdq6g.js";import{d as i}from"./p-DXAB0k9r.js";import{d as c}from"./p-DSYw-7RA.js";const r=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.optionClick=t(this,"optionClick",7)}get el(){return this}option;index;isSelected=!1;isFocused=!1;optionStyle;disabled=!1;useCheckbox=!1;useIndicator=!0;countInfo={selectedCount:0,totalCount:0};isHovered=!1;async isDisabled(){return!!this.option.disabled||"group"===this.option.type||"subgroup"===this.option.type}optionClick;handleClick=(o,e,t)=>{t.stopPropagation(),"group"!==o.type&&"subgroup"!==o.type&&(this.option.disabled||this.disabled)||this.optionClick.emit({option:this.option,isSelected:e,index:this.index,event:t})};render(){return s("div",{key:"d39aa4744aa498f8b2f7c77502f2c4f56e670296",class:{"sd-select__option-group":!0,"sd-select__option-group--selected":!!this.isSelected,"sd-select__option-group--disabled":!!this.option.disabled,"sd-select__option-group--focused":this.isFocused,"sd-select__option-group--use-checkbox":this.useCheckbox,"sd-select__option-group--group":"group"===this.option.type,"sd-select__option-group--subgroup":"subgroup"===this.option.type,"sd-select__option-group--item":"item"===this.option.type},onMouseEnter:()=>this.isHovered=!0,onMouseLeave:()=>this.isHovered=!1,style:this.optionStyle,"data-index":this.index,onClick:o=>this.handleClick(this.option,this.isSelected,o)},s("div",{key:"c856a933ddfa7084741cbb65d2075f3b59404ae7",class:"sd-select__option-group__label-wrapper"},this.useCheckbox&&s("sd-checkbox",{key:"455dde9674811174fb4b939ca37b5128085cd65d",value:this.isSelected,disabled:this.option.disabled,onClick:o=>{o.preventDefault(),this.handleClick(this.option,this.isSelected,o)}}),s("span",{key:"0255e9f2da18d3da01843ec61c9bc75150efcc4a",class:"sd-select__option-group-label"},this.option.label),this.useIndicator&&"item"!==this.option.type&&s("span",{key:"73c0a138d3e38f4fc8c8e94230aea82c89a7cb84",class:"sd-select__option-group__count-indicator"},`(${this.countInfo?.selectedCount}/${this.countInfo?.totalCount})`)))}static get style(){return"sd-select-option-group{display:block;height:fit-content}sd-select-option-group .sd-select__option-group{display:flex;padding:4px 12px;padding-left:12px;font-size:12px;line-height:20px;cursor:pointer}sd-select-option-group .sd-select__option-group.sd-select__option-group--group:not(.sd-select__option-group--use-checkbox),sd-select-option-group .sd-select__option-group.sd-select__option-group--subgroup:not(.sd-select__option-group--use-checkbox){cursor:default !important}sd-select-option-group .sd-select__option-group.sd-select__option-group--group{background-color:#F5FAFF !important;color:#333333 !important;font-weight:700}sd-select-option-group .sd-select__option-group.sd-select__option-group--subgroup{padding-left:20px;background-color:#F9F9F9 !important;color:#333333 !important;font-weight:500}sd-select-option-group .sd-select__option-group.sd-select__option-group--item{padding-left:28px}sd-select-option-group .sd-select__option-group sd-checkbox__bg{border-color:#888888}sd-select-option-group .sd-select__option-group__label-wrapper{display:flex;width:100%;column-gap:8px;align-items:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}sd-select-option-group .sd-select__option-group__label-wrapper sd-checkbox{flex-shrink:0}sd-select-option-group .sd-select__option-group__label-wrapper .sd-select__option-group-label{flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}sd-select-option-group .sd-select__option-group__label-wrapper .sd-select__option-group__count-indicator{width:fit-content;flex-shrink:0;font-size:12px;font-weight:500;color:#888888}sd-select-option-group .sd-select__option-group--focused{background-color:#E6F1FF}sd-select-option-group .sd-select__option-group--selected.sd-select__option-group--item:not(:hover):not(.sd-select__option-group--use-checkbox),sd-select-option-group .sd-select__option-group--focused.sd-select__option-group--item:not(:hover):not(.sd-select__option-group--use-checkbox){color:#0075FF;font-weight:700}sd-select-option-group .sd-select__option-group--disabled{color:#AAAAAA;cursor:not-allowed}sd-select-option-group .sd-select__option-group:hover:not(.sd-select__option-group--disabled){background-color:#0075FF;color:white}sd-select-option-group .sd-select__option-group:hover.sd-select__option-group--selected:not(.sd-select__option-group--group):not(.sd-select__option-group--subgroup) sd-checkbox .sd-checkbox__bg{border-color:white !important}"}},[512,"sd-select-option-group",{option:[16],index:[2],isSelected:[4,"is-selected"],isFocused:[4,"is-focused"],optionStyle:[16],disabled:[4],useCheckbox:[4,"use-checkbox"],useIndicator:[4,"use-indicator"],countInfo:[16],isHovered:[32],isDisabled:[64]}]);function n(){"undefined"!=typeof customElements&&["sd-select-option-group","sd-checkbox","sd-icon"].forEach((o=>{switch(o){case"sd-select-option-group":customElements.get(p(o))||customElements.define(p(o),r);break;case"sd-checkbox":customElements.get(p(o))||i();break;case"sd-icon":customElements.get(p(o))||c()}}))}export{r as S,n as d}
+import{p as o,H as e,c as t,h as s,t as i}from"./p-DuYi4aqj.js";import{d as p}from"./p-TMuoVuhE.js";import{d as c}from"./p-CGssy8eb.js";const r=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.optionClick=t(this,"optionClick",7)}get el(){return this}option;index;isSelected=!1;isFocused=!1;optionStyle;disabled=!1;useCheckbox=!1;useIndicator=!0;countInfo={selectedCount:0,totalCount:0};isHovered=!1;async isDisabled(){return!!this.option.disabled||"group"===this.option.type||"subgroup"===this.option.type}optionClick;handleClick=(o,e,t)=>{t.stopPropagation(),"group"!==o.type&&"subgroup"!==o.type&&(this.option.disabled||this.disabled)||this.optionClick.emit({option:this.option,isSelected:e,index:this.index,event:t})};render(){return s("div",{key:"c1dd7d0232fff281261792ecb2137a1f09bc364d",class:{"sd-select__option-group":!0,"sd-select__option-group--selected":!!this.isSelected,"sd-select__option-group--disabled":!!this.option.disabled,"sd-select__option-group--focused":this.isFocused,"sd-select__option-group--use-checkbox":this.useCheckbox,"sd-select__option-group--group":"group"===this.option.type,"sd-select__option-group--subgroup":"subgroup"===this.option.type,"sd-select__option-group--item":"item"===this.option.type},onMouseEnter:()=>this.isHovered=!0,onMouseLeave:()=>this.isHovered=!1,style:this.optionStyle,"data-index":this.index,onClick:o=>this.handleClick(this.option,this.isSelected,o)},s("div",{key:"a8ce6f2c13ea558413e61426dfbaa75e616f5687",class:"sd-select__option-group__label-wrapper"},this.useCheckbox&&s("sd-checkbox",{key:"3c53ea6005aa1288a4eae148bd9d6ed4573f0404",value:this.isSelected,disabled:this.option.disabled,onClick:o=>{o.preventDefault(),this.handleClick(this.option,this.isSelected,o)}}),s("span",{key:"c28aea2bf78120a42d6884c322cc2cf77713a6cb",class:"sd-select__option-group-label"},this.option.label),this.useIndicator&&"item"!==this.option.type&&s("span",{key:"6a51641a8c9da9957f1428a721de9ce2a1a2a86b",class:"sd-select__option-group__count-indicator"},`(${this.countInfo?.selectedCount}/${this.countInfo?.totalCount})`)))}static get style(){return"sd-select-option-group{display:block;height:fit-content}sd-select-option-group .sd-select__option-group{display:flex;padding:4px 12px;padding-left:12px;font-size:12px;line-height:20px;cursor:pointer}sd-select-option-group .sd-select__option-group.sd-select__option-group--group:not(.sd-select__option-group--use-checkbox),sd-select-option-group .sd-select__option-group.sd-select__option-group--subgroup:not(.sd-select__option-group--use-checkbox){cursor:default !important}sd-select-option-group .sd-select__option-group.sd-select__option-group--group{background-color:#F5FAFF !important;color:#333333 !important;font-weight:700}sd-select-option-group .sd-select__option-group.sd-select__option-group--subgroup{padding-left:20px;background-color:#F9F9F9 !important;color:#333333 !important;font-weight:500}sd-select-option-group .sd-select__option-group.sd-select__option-group--item{padding-left:28px}sd-select-option-group .sd-select__option-group sd-checkbox__bg{border-color:#888888}sd-select-option-group .sd-select__option-group__label-wrapper{display:flex;width:100%;column-gap:8px;align-items:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}sd-select-option-group .sd-select__option-group__label-wrapper sd-checkbox{flex-shrink:0}sd-select-option-group .sd-select__option-group__label-wrapper .sd-select__option-group-label{flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}sd-select-option-group .sd-select__option-group__label-wrapper .sd-select__option-group__count-indicator{width:fit-content;flex-shrink:0;font-size:12px;font-weight:500;color:#888888}sd-select-option-group .sd-select__option-group--focused{background-color:#E6F1FF}sd-select-option-group .sd-select__option-group--selected.sd-select__option-group--item:not(:hover):not(.sd-select__option-group--use-checkbox),sd-select-option-group .sd-select__option-group--focused.sd-select__option-group--item:not(:hover):not(.sd-select__option-group--use-checkbox){color:#0075FF;font-weight:700}sd-select-option-group .sd-select__option-group--disabled{color:#AAAAAA;cursor:not-allowed}sd-select-option-group .sd-select__option-group:hover:not(.sd-select__option-group--disabled){background-color:#0075FF;color:white}sd-select-option-group .sd-select__option-group:hover.sd-select__option-group--selected:not(.sd-select__option-group--group):not(.sd-select__option-group--subgroup) sd-checkbox .sd-checkbox__bg{border-color:white !important}"}},[512,"sd-select-option-group",{option:[16],index:[2],isSelected:[4,"is-selected"],isFocused:[4,"is-focused"],optionStyle:[16],disabled:[4],useCheckbox:[4,"use-checkbox"],useIndicator:[4,"use-indicator"],countInfo:[16],isHovered:[32],isDisabled:[64]}]);function n(){"undefined"!=typeof customElements&&["sd-select-option-group","sd-checkbox","sd-icon"].forEach((o=>{switch(o){case"sd-select-option-group":customElements.get(i(o))||customElements.define(i(o),r);break;case"sd-checkbox":customElements.get(i(o))||p();break;case"sd-icon":customElements.get(i(o))||c()}}))}export{r as S,n as d}

package/dist/components/{p-D0wZv01W.js → p-AKpbKrkW.js}

@@ -1 +1 @@
-import{p as e,H as r,c as i,h as t,t as s}from"./p-D-pFdq6g.js";import{a as g,D as d}from"./p-C4i826lM.js";import{d as a}from"./p-DSYw-7RA.js";const c=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.triggerClick=i(this,"sdTriggerClick",7)}displayText="";placeholder="YYYY-MM-DD";disabled=!1;size="md";triggerClick;handleClick=()=>{this.disabled||this.triggerClick.emit()};render(){const e=g[this.size]??g.md,r=!!this.displayText;return t("div",{key:"e39df39c0b865be9f08e60787ea122dccaa7bff4",class:{"sd-date-picker-trigger":!0,"sd-date-picker-trigger--disabled":this.disabled},style:{"--trigger-padding-x":`${e.paddingX}px`,"--trigger-gap":`${e.gap}px`,"--trigger-icon-size":`${e.iconSize}px`,"--trigger-font-size":`${e.fontSize}px`,"--trigger-line-height":`${e.lineHeight}px`,"--trigger-font-weight":e.fontWeight,"--trigger-radius":`${e.radius}px`,"--trigger-text-color":this.disabled?d.text.disabled:r?d.text.default:d.text.hint,"--trigger-icon-color":this.disabled?d.icon.disabled:d.icon.default},onClick:this.handleClick},t("sd-icon",{key:"a04c576196fb9695a044485f30d459fd6e945b33",name:"date",size:Number(e.iconSize),color:"var(--trigger-icon-color)",class:"sd-date-picker-trigger__icon"}),t("span",{key:"94b4da3bc41f31519afbb49324548209582be850",class:"sd-date-picker-trigger__text"},r?this.displayText:this.placeholder))}static get style(){return"sd-date-picker-trigger{display:block;width:100%;height:100%}sd-date-picker-trigger .sd-date-picker-trigger{display:flex;align-items:center;gap:var(--trigger-gap);width:100%;height:100%;padding:0 var(--trigger-padding-x);cursor:pointer;user-select:none;overflow:hidden;border-radius:var(--trigger-radius)}sd-date-picker-trigger .sd-date-picker-trigger--disabled{cursor:not-allowed}sd-date-picker-trigger .sd-date-picker-trigger__icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}sd-date-picker-trigger .sd-date-picker-trigger__text{flex:1;min-width:0;font-size:var(--trigger-font-size);line-height:var(--trigger-line-height);font-weight:var(--trigger-font-weight);color:var(--trigger-text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}"}},[512,"sd-date-picker-trigger",{displayText:[1,"display-text"],placeholder:[1],disabled:[4],size:[1]}]);function o(){"undefined"!=typeof customElements&&["sd-date-picker-trigger","sd-icon"].forEach((e=>{switch(e){case"sd-date-picker-trigger":customElements.get(s(e))||customElements.define(s(e),c);break;case"sd-icon":customElements.get(s(e))||a()}}))}export{c as S,o as d}
+import{p as e,H as r,c as i,h as t,t as s}from"./p-DuYi4aqj.js";import{a as g,D as d}from"./p-bYCOh35g.js";import{d as a}from"./p-CGssy8eb.js";const c=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.triggerClick=i(this,"sdTriggerClick",7)}displayText="";placeholder="YYYY-MM-DD";disabled=!1;size="md";triggerClick;handleClick=()=>{this.disabled||this.triggerClick.emit()};render(){const e=g[this.size]??g.md,r=!!this.displayText;return t("div",{key:"5d8508069232bba144bfb9480b0befe420a3392b",class:{"sd-date-picker-trigger":!0,"sd-date-picker-trigger--disabled":this.disabled},style:{"--trigger-padding-x":`${e.paddingX}px`,"--trigger-gap":`${e.gap}px`,"--trigger-icon-size":`${e.iconSize}px`,"--trigger-font-size":`${e.fontSize}px`,"--trigger-line-height":`${e.lineHeight}px`,"--trigger-font-weight":e.fontWeight,"--trigger-radius":`${e.radius}px`,"--trigger-text-color":this.disabled?d.text.disabled:r?d.text.default:d.text.hint,"--trigger-icon-color":this.disabled?d.icon.disabled:d.icon.default},onClick:this.handleClick},t("sd-icon",{key:"71131e34dd1225e9633395041f7a768c020343bd",name:"date",size:Number(e.iconSize),color:"var(--trigger-icon-color)",class:"sd-date-picker-trigger__icon"}),t("span",{key:"192520646e181add5f87f6ce1d3a5caf8556b163",class:"sd-date-picker-trigger__text"},r?this.displayText:this.placeholder))}static get style(){return"sd-date-picker-trigger{display:block;width:100%;height:100%}sd-date-picker-trigger .sd-date-picker-trigger{display:flex;align-items:center;gap:var(--trigger-gap);width:100%;height:100%;padding:0 var(--trigger-padding-x);cursor:pointer;user-select:none;overflow:hidden;border-radius:var(--trigger-radius)}sd-date-picker-trigger .sd-date-picker-trigger--disabled{cursor:not-allowed}sd-date-picker-trigger .sd-date-picker-trigger__icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}sd-date-picker-trigger .sd-date-picker-trigger__text{flex:1;min-width:0;font-size:var(--trigger-font-size);line-height:var(--trigger-line-height);font-weight:var(--trigger-font-weight);color:var(--trigger-text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}"}},[512,"sd-date-picker-trigger",{displayText:[1,"display-text"],placeholder:[1],disabled:[4],size:[1]}]);function o(){"undefined"!=typeof customElements&&["sd-date-picker-trigger","sd-icon"].forEach((e=>{switch(e){case"sd-date-picker-trigger":customElements.get(s(e))||customElements.define(s(e),c);break;case"sd-icon":customElements.get(s(e))||a()}}))}export{c as S,o as d}