@sellmate/design-system 1.31.0 → 1.33.0

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

@@ -0,0 +1,186 @@
+import { h } from "@stencil/core";
+import { STEPPER_COLORS, STEPPER_LAYOUT, STEPPER_SIZES, } from "./sd-stepper.config";
+export class SdStepper {
+    /** 단계 목록 */
+    items = [];
+    /** 현재 활성 단계 value */
+    value = '';
+    /** 크기 */
+    size = 'sm';
+    /** 접근성 레이블 */
+    ariaLabel = '진행 단계';
+    valueChanged(newValue) {
+        this.value = newValue;
+    }
+    getItemValue(item, index) {
+        return item.value ?? String(index + 1);
+    }
+    getActiveIndex() {
+        const found = this.items.findIndex((item, index) => this.getItemValue(item, index) === this.value);
+        return found >= 0 ? found : 0;
+    }
+    getState(index) {
+        const activeIndex = this.getActiveIndex();
+        if (index < activeIndex)
+            return 'completed';
+        if (index === activeIndex)
+            return 'active';
+        return 'default';
+    }
+    buildCssVars() {
+        const size = STEPPER_SIZES[this.size];
+        return {
+            '--sd-stepper-sequence-size': `${size.sequenceSize}px`,
+            '--sd-stepper-font-family': size.fontFamily,
+            '--sd-stepper-font-size': `${size.fontSize}px`,
+            '--sd-stepper-line-height': `${size.lineHeight}px`,
+            '--sd-stepper-font-weight-active': size.fontWeightActive,
+            '--sd-stepper-font-weight-default': size.fontWeightDefault,
+            '--sd-stepper-container-gap': `${STEPPER_LAYOUT.containerGap}px`,
+            '--sd-stepper-item-gap': `${STEPPER_LAYOUT.itemGap}px`,
+            '--sd-stepper-dash-width': `${STEPPER_LAYOUT.dashWidth}px`,
+            '--sd-stepper-dash-color': STEPPER_COLORS.dash,
+            '--sd-stepper-sequence-radius': `${STEPPER_LAYOUT.radius}px`,
+            '--sd-stepper-sequence-border-width': `${STEPPER_LAYOUT.borderWidth}px`,
+        };
+    }
+    getStateVars(state) {
+        return {
+            '--sd-stepper-sequence-border': STEPPER_COLORS.sequenceBorder[state],
+            '--sd-stepper-sequence-bg': STEPPER_COLORS.sequenceBg[state],
+            '--sd-stepper-sequence-text': state === 'completed'
+                ? STEPPER_COLORS.text.default
+                : STEPPER_COLORS.sequenceText[state],
+            '--sd-stepper-text-active': STEPPER_COLORS.text.active,
+            '--sd-stepper-text-default': STEPPER_COLORS.text.default,
+        };
+    }
+    render() {
+        return (h("div", { key: 'c9edfcc75319e8ad0ec5b135c44df1285397b995', class: "sd-stepper", role: "list", "aria-label": this.ariaLabel, style: this.buildCssVars() }, this.items.map((item, index) => {
+            const state = this.getState(index);
+            const className = [
+                'sd-stepper__item',
+                `sd-stepper__item--${state}`,
+            ]
+                .filter(Boolean)
+                .join(' ');
+            return [
+                h("span", { class: className, role: "listitem", "aria-current": state === 'active' ? 'step' : undefined, style: this.getStateVars(state) }, h("span", { class: "sd-stepper__sequence", "aria-hidden": "true" }, state === 'completed' ? (h("sd-icon", { name: "check", size: STEPPER_LAYOUT.iconSize, color: "currentColor" })) : (index + 1)), h("span", { class: "sd-stepper__label" }, item.label)),
+                index < this.items.length - 1 && (h("span", { class: "sd-stepper__dash", "aria-hidden": "true" }, h("svg", { width: STEPPER_LAYOUT.dashWidth, height: "1", viewBox: `0 0 ${STEPPER_LAYOUT.dashWidth} 1`, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("rect", { width: "1.6", height: "1", fill: "#888888" }), h("rect", { x: "5", width: "3.3", height: "1", fill: "#888888" }), h("rect", { x: "11.7", width: "3.3", height: "1", fill: "#888888" }), h("rect", { x: "18.4", width: "1.6", height: "1", fill: "#888888" })))),
+            ];
+        })));
+    }
+    static get is() { return "sd-stepper"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["sd-stepper.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["sd-stepper.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "items": {
+                "type": "unknown",
+                "mutable": true,
+                "complexType": {
+                    "original": "StepperItem[]",
+                    "resolved": "StepperItem[]",
+                    "references": {
+                        "StepperItem": {
+                            "location": "import",
+                            "path": "./sd-stepper.config",
+                            "id": "src/components/sd-stepper/sd-stepper.config.ts::StepperItem",
+                            "referenceLocation": "StepperItem"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "\uB2E8\uACC4 \uBAA9\uB85D"
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "[]"
+            },
+            "value": {
+                "type": "string",
+                "mutable": true,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "\uD604\uC7AC \uD65C\uC131 \uB2E8\uACC4 value"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "value",
+                "defaultValue": "''"
+            },
+            "size": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "StepperSize",
+                    "resolved": "\"lg\" | \"sm\"",
+                    "references": {
+                        "StepperSize": {
+                            "location": "import",
+                            "path": "./sd-stepper.config",
+                            "id": "src/components/sd-stepper/sd-stepper.config.ts::StepperSize",
+                            "referenceLocation": "StepperSize"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "\uD06C\uAE30"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "size",
+                "defaultValue": "'sm'"
+            },
+            "ariaLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "\uC811\uADFC\uC131 \uB808\uC774\uBE14"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "aria-label",
+                "defaultValue": "'\uC9C4\uD589 \uB2E8\uACC4'"
+            }
+        };
+    }
+    static get watchers() {
+        return [{
+                "propName": "value",
+                "methodName": "valueChanged"
+            }];
+    }
+}

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

@@ -55,7 +55,7 @@ export class SdSwitch {
         // label(deprecated)은 rightLabel 로 흡수 (하위호환)
         const right = this.rightLabel ?? this.label;
         const accessibleName = [this.leftLabel, right].filter(Boolean).join(' ') || 'switch';
-        return (h("label", { key: '617ec652e8878aa41abd2d376479730e4db69025', "aria-label": accessibleName, class: this.switchClasses, style: cssVars }, h("input", { key: 'd765a1b3038d2decec2bf561d96a201cb617b40d', type: "checkbox", checked: this.value, disabled: this.disabled, onInput: this.handleChange }), this.leftLabel && h("span", { key: '2c6e398e7f926d3d9d9049aa1aa3fe459b92f51e', class: "sd-switch__label" }, this.leftLabel), h("div", { key: 'c71fdd196c0d50ce499c4c524005d01b834d066a', class: "sd-switch__track" }, h("div", { key: 'eabac4c3305fabf2e857fc8066a9acb80f90bf31', class: "sd-switch__knob" })), right && h("span", { key: '41a0f8ffd56791138b605379f88545b6e20d8df3', class: "sd-switch__label" }, right)));
+        return (h("label", { key: '8da2080c4831bc39b04cc66c6b2794772524dbe1', "aria-label": accessibleName, class: this.switchClasses, style: cssVars }, h("input", { key: '54d784547ac811f323aa13e69813f41ef313c76d', type: "checkbox", checked: this.value, disabled: this.disabled, onInput: this.handleChange }), this.leftLabel && h("span", { key: 'bf4912d9c441f471a6eb96d277facb82d9ee62a3', class: "sd-switch__label" }, this.leftLabel), h("div", { key: 'c3a80ed0d787eb354812128c4348e6f65d727e4f', class: "sd-switch__track" }, h("div", { key: 'e4e56aa002ea7a010471bdf745f197f1a8486e2b', class: "sd-switch__knob" })), right && h("span", { key: '9e5734ea2767508a6c2172f9c3cb515693288e23', class: "sd-switch__label" }, right)));
     }
     static get is() { return "sd-switch"; }
     static get originalStyleUrls() {

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

@@ -78,7 +78,7 @@ export class SdTabs {
         };
     }
     render() {
-        return (h("div", { key: 'd8d86075bbf5e13444f99e57cf63c2f5b9ef28fc', class: this.getContainerClasses(), style: this.buildCssVars() }, this.tabs.map((tab, index) => {
+        return (h("div", { key: '814a74aa2e17e22e2c8ea8fbd22be4505940e2b0', class: this.getContainerClasses(), style: this.buildCssVars() }, this.tabs.map((tab, index) => {
             const badgeName = this.getBadgeName(tab);
             return (h("div", { key: `tab-${index}`, role: "tab", tabindex: 0, "aria-selected": tab.value === this.value ? 'true' : 'false', class: this.getTabClasses(tab), "aria-label": tab.label || 'tab', onClick: () => this.handleTabClick(tab), onKeyDown: e => {
                     if (e.key === 'Enter' || e.key === ' ') {

package/dist/collection/components/sd-text-link/sd-text-link.js

@@ -57,7 +57,7 @@ export class SdTextLink {
         };
         const tooltipText = (this.tooltipText ?? '').trim();
         const hasTooltip = tooltipText.length > 0;
-        return (h("span", { key: '363829c6d53fc3df03dee7ddd290ca078c255039', role: "button", tabindex: this.disabled ? -1 : 0, class: {
+        return (h("span", { key: '93860b9f84f8234a39b47ce75c9f9a3d4ac0088a', role: "button", tabindex: this.disabled ? -1 : 0, class: {
                 'sd-text-link': true,
                 'sd-text-link--disabled': this.disabled,
             }, style: cssVars, onClick: this.handleClick, onKeyDown: e => {
@@ -65,13 +65,13 @@ export class SdTextLink {
                     e.preventDefault();
                     this.handleClick();
                 }
-            }, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onFocus: this.handleFocus, onBlur: this.handleBlur }, hasTooltip && this.isTooltipOpen && (h("sd-portal", { key: '4dcb8ca39f7b9627b5f77885c0823848d0aa5a5f', parentRef: this.hostEl, open: true, offset: [this.hostEl.offsetWidth / 2, 4], placement: "top" }, h("div", { key: '7bbcabbd9d9bb3594d8c4817dbbb922018bbbd19', class: "sd-text-link__tooltip-inner", "aria-hidden": "true" }, h("sd-tag", { key: '313c23dc9caf81d885ebf288c475ebe01bd24515', name: "square_xs_grey", label: tooltipText })))), this.icon && (h("sd-icon", { key: '2668c579bc22547b542ca2045f9af0fad25a5ee7', name: this.icon, size: sizeConfig.iconSize, color: iconColor, class: "sd-text-link__icon" })), h("span", { key: '28246109bab90175498e841ecb02ac4a53a992b8', class: labelClassName }, this.label), this.rightArrow && this.rightArrow !== 'none' && (h("span", { key: 'c157788957cbba17a1411ebb329897fc6524171d', class: "sd-text-link__arrow", style: {
+            }, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onFocus: this.handleFocus, onBlur: this.handleBlur }, hasTooltip && this.isTooltipOpen && (h("sd-portal", { key: '13fb262c32c6d915ed1e8b18bde36583ab474cf9', parentRef: this.hostEl, open: true, offset: [this.hostEl.offsetWidth / 2, 4], placement: "top" }, h("div", { key: '6b142c5005d96de09c28a85787277e11d9d97166', class: "sd-text-link__tooltip-inner", "aria-hidden": "true" }, h("sd-tag", { key: '488b146e3bb668b8ae0e806f33ec4fbd59015b06', name: "square_xs_grey", label: tooltipText })))), this.icon && (h("sd-icon", { key: '95d09755d74b541b93d76f87889b28a9e1cf06d5', name: this.icon, size: sizeConfig.iconSize, color: iconColor, class: "sd-text-link__icon" })), h("span", { key: 'db7e9655587951dcb9f614dd8e8b49a7a2a9de2c', class: labelClassName }, this.label), this.rightArrow && this.rightArrow !== 'none' && (h("span", { key: '5b97b910f0e5e650712a1b3ee4c1bcdf701049eb', class: "sd-text-link__arrow", style: {
                 width: `${TEXT_LINK_ARROW.arrowFrame}px`,
                 height: `${TEXT_LINK_ARROW.arrowFrame}px`,
                 display: 'inline-flex',
                 alignItems: 'center',
                 justifyContent: 'center',
-            } }, h("sd-icon", { key: 'b74ca3398a1dd74ac5a9f7a16c872d313882fd4d', name: this.rightArrow === 'chevron' ? 'chevronRight' : 'caretRight', size: TEXT_LINK_ARROW.arrowIconSize, color: arrowColor })))));
+            } }, h("sd-icon", { key: 'b4407d744efb69994b18f7eaa61bd69be6773f82', name: this.rightArrow === 'chevron' ? 'chevronRight' : 'caretRight', size: TEXT_LINK_ARROW.arrowIconSize, color: arrowColor })))));
     }
     static get is() { return "sd-text-link"; }
     static get originalStyleUrls() {

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

@@ -139,7 +139,7 @@ export class SdTextarea {
             '--sd-system-size-field-sm-height': 'auto',
             '--sd-system-radius-field-sm': `${TEXTAREA_TOKENS.radius}px`,
         };
-        return (h("sd-field", { key: 'f8fd8949824938bb79f101de2e5eca7980224b09', name: this.name, label: this.label, labelWidth: this.labelWidth, addonLabel: this.addonLabel, addonAlign: this.addonAlign, hint: this.hint, errorMessage: this.errorMessage, width: this.width, rules: this.rules, error: this.error, disabled: this.disabled, readonly: this.readonly, focused: this.focused, hovered: this.hovered, status: this.status, icon: this.icon, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, ref: el => (this.formField = el), onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false), style: cssVars }, h("div", { key: '382441be15dd047888cf876006f1966256a503b7', class: "sd-textarea__content" }, h("textarea", { key: '5f5985ccdcc401f4aff2f47fe40003abeb76e8b3', name: this.name, ref: el => (this.nativeEl = el), class: `sd-textarea__native ${this.textareaClass}`, value: this.internalValue || '', placeholder: this.placeholder ?? '입력해 주세요.', disabled: this.disabled, readOnly: this.readonly, autofocus: this.autoFocus, maxLength: this.maxLength, rows: this.rows, spellcheck: this.spellcheck, onInput: this.handleInput, onFocus: event => this.handleFocus('focus', event), onBlur: event => this.handleFocus('blur', event), style: this.textareaStyle }))));
+        return (h("sd-field", { key: 'cc18aa606f40b249f8de5d48b36470b294aa76e2', name: this.name, label: this.label, labelWidth: this.labelWidth, addonLabel: this.addonLabel, addonAlign: this.addonAlign, hint: this.hint, errorMessage: this.errorMessage, width: this.width, rules: this.rules, error: this.error, disabled: this.disabled, readonly: this.readonly, focused: this.focused, hovered: this.hovered, status: this.status, icon: this.icon, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, ref: el => (this.formField = el), onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false), style: cssVars }, h("div", { key: '009d0fb7c7d098da800d7d3072e2011c3af79f75', class: "sd-textarea__content" }, h("textarea", { key: 'ccac986809b92089842aee333a0abd5b3c2d6821', name: this.name, ref: el => (this.nativeEl = el), class: `sd-textarea__native ${this.textareaClass}`, value: this.internalValue || '', placeholder: this.placeholder ?? '입력해 주세요.', disabled: this.disabled, readOnly: this.readonly, autofocus: this.autoFocus, maxLength: this.maxLength, rows: this.rows, spellcheck: this.spellcheck, onInput: this.handleInput, onFocus: event => this.handleFocus('focus', event), onBlur: event => this.handleFocus('blur', event), style: this.textareaStyle }))));
     }
     static get is() { return "sd-textarea"; }
     static get originalStyleUrls() {

package/dist/collection/components/sd-time-picker/sd-time-picker-selector/sd-time-picker-selector.js

@@ -156,7 +156,7 @@ export class SdTimePickerSelector {
             '--selector-input-width': `${TIMEPICKER_SELECTOR.inputWidth}px`,
             '--selector-colon-size': `${TIMEPICKER_SELECTOR.colonSize}px`,
         };
-        return (h("div", { key: '230eba90099f06b238a49da38bade09d5a1a168a', class: "sd-time-picker-selector", style: cssVars }, this.useMeridiem && (h("div", { key: 'a15baa49aa07b469843f15a1c381c97df6b31600', class: "sd-time-picker-selector__meridiem" }, h("div", { key: 'e1e9576461c4c9059b1d5c9f4a8528af91869316', class: "sd-time-picker-selector__meridiem-group" }, this.renderMeridiemButton('오전', 'AM', 'first'), this.renderMeridiemButton('오후', 'PM', 'end')))), this.useMeridiem && h("div", { key: 'c9c8dfbb3c724bef2d20d22ea839079c8176c1c6', class: "sd-time-picker-selector__divider" }), h("div", { key: 'd7157d6f5a38b09098fea6dc33d9ca69cf9fcd06', class: "sd-time-picker-selector__time" }, this.renderColumn('hour'), h("span", { key: '83b0ce7966cabe292eb454d103507a0504915aa7', class: "sd-time-picker-selector__colon" }, ":"), this.renderColumn('minute'))));
+        return (h("div", { key: '690a2ee3a338498102444cd3ffb2442e84d1e5c5', class: "sd-time-picker-selector", style: cssVars }, this.useMeridiem && (h("div", { key: '29acf35f8b8081f074dd081762e798247da1ca0b', class: "sd-time-picker-selector__meridiem" }, h("div", { key: 'b115a20d0214e1180c17c59f3a8aad3b3d730466', class: "sd-time-picker-selector__meridiem-group" }, this.renderMeridiemButton('오전', 'AM', 'first'), this.renderMeridiemButton('오후', 'PM', 'end')))), this.useMeridiem && h("div", { key: '2a3c9f4b16521af48544fb430a2572b066a20647', class: "sd-time-picker-selector__divider" }), h("div", { key: '46e80292e25405564861cd75fdfc661fba93a5b1', class: "sd-time-picker-selector__time" }, this.renderColumn('hour'), h("span", { key: '48629faacd39b228deb0b29647500d3c5667d941', class: "sd-time-picker-selector__colon" }, ":"), this.renderColumn('minute'))));
     }
     static get is() { return "sd-time-picker-selector"; }
     static get originalStyleUrls() {

package/dist/collection/components/sd-time-picker/sd-time-picker-trigger/sd-time-picker-trigger.js

@@ -48,7 +48,7 @@ export class SdTimePickerTrigger {
                 ? TIMEPICKER_COLORS.icon.disabled
                 : TIMEPICKER_COLORS.icon.default,
         };
-        return (h("div", { key: '6b6bff8d9928ace4cda84a7bdb2ac6f73f0d2329', role: "button", tabindex: this.disabled ? -1 : 0, class: {
+        return (h("div", { key: '3671871d1abb524d7e76eaf0e902a1081d340ebb', role: "button", tabindex: this.disabled ? -1 : 0, class: {
                 'sd-time-picker-trigger': true,
                 'sd-time-picker-trigger--disabled': this.disabled,
             }, style: cssVars, onClick: this.handleClick, onKeyDown: e => {
@@ -56,7 +56,7 @@ export class SdTimePickerTrigger {
                     e.preventDefault();
                     this.handleClick();
                 }
-            } }, h("sd-icon", { key: 'd371bf5acec8592a44c0d18e738b5ac71b556f32', name: "clockOutline", size: Number(sizeTokens.iconSize), color: "var(--trigger-icon-color)", class: "sd-time-picker-trigger__icon" }), h("span", { key: '2bc0ddfef47a1e929ceafb723345e1ae9e62095b', class: "sd-time-picker-trigger__text" }, hasValue ? this.displayText : this.placeholder), this.clearable && hasValue && !this.disabled && (h("sd-ghost-button", { key: '76763c65dd6ee64c8f1abc0c871d8c50cfaf3852', class: "sd-time-picker-trigger__clear", icon: "close", size: "xs", ariaLabel: "\uC2DC\uAC04 \uC9C0\uC6B0\uAE30", onSdClick: this.handleClear }))));
+            } }, h("sd-icon", { key: 'a522d81a6af432b758a16f785ca8b96110589ae6', name: "clockOutline", size: Number(sizeTokens.iconSize), color: "var(--trigger-icon-color)", class: "sd-time-picker-trigger__icon" }), h("span", { key: '3c4f96441cb01e9e94ae4e5294fb032e160bcde9', class: "sd-time-picker-trigger__text" }, hasValue ? this.displayText : this.placeholder), this.clearable && hasValue && !this.disabled && (h("sd-ghost-button", { key: '7133f68a7c73e12e4aaa1f49652c06836ed2d465', class: "sd-time-picker-trigger__clear", icon: "close", size: "xs", ariaLabel: "\uC2DC\uAC04 \uC9C0\uC6B0\uAE30", onSdClick: this.handleClear }))));
     }
     static get is() { return "sd-time-picker-trigger"; }
     static get originalStyleUrls() {

package/dist/collection/components/sd-time-picker/sd-time-picker.js

@@ -144,9 +144,9 @@ export class SdTimePicker {
             '--sd-system-color-field-border-focus': TIMEPICKER_COLORS.border.focus,
             '--sd-system-color-field-bg-default': TIMEPICKER_COLORS.bg.default,
         };
-        return (h("sd-field", { key: 'dc433d8d452ad71bc5ea1b388399df862ca9cd04', name: this.name, label: this.label, labelWidth: this.labelWidth, addonLabel: this.addonLabel, addonAlign: this.addonAlign, hint: this.hint, errorMessage: this.errorMessage, width: this.width, rules: this.rules, error: this.error, status: this.status, disabled: this.disabled, focused: this.focused, hovered: this.hovered, size: this.size, icon: this.icon, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, ref: el => (this.formField = el), onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false), style: cssVars }, h("div", { key: '258c3a0d3232e8edfe5304dd2e0fcea4060f5893', class: "sd-time-picker", ref: el => {
+        return (h("sd-field", { key: '4891d77f0e98a9028fff6fcf720144f6d84e527e', name: this.name, label: this.label, labelWidth: this.labelWidth, addonLabel: this.addonLabel, addonAlign: this.addonAlign, hint: this.hint, errorMessage: this.errorMessage, width: this.width, rules: this.rules, error: this.error, status: this.status, disabled: this.disabled, focused: this.focused, hovered: this.hovered, size: this.size, icon: this.icon, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, ref: el => (this.formField = el), onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false), style: cssVars }, h("div", { key: '86f2c4975ffb9ce8e9644e0e70fc9386266d6d71', class: "sd-time-picker", ref: el => {
                 this.triggerRef = el;
-            } }, h("sd-time-picker-trigger", { key: '22af4e81d925cbdacea4e08b05aaa13cf5eb9ef8', displayText: formatTimeDisplay(this.value, this.effectiveUseMeridiem ? 'midday' : 'default'), placeholder: this.placeholder, disabled: this.disabled, clearable: this.clearable, size: this.size, onSdTriggerClick: this.handleTriggerClick, onSdClear: this.handleClear })), (this.isOpen || this.isAnimatingOut) && (h("sd-portal", { key: '8c7e43950257c8a8bf3b157f69985b3284430107', open: this.isOpen, parentRef: this.triggerRef, onSdClose: () => this.closeDropdown() }, h("sd-time-picker-selector", { key: '27109beda36d1817807f6a8b6af8a7a12b4c31c6', value: this.value, useMeridiem: this.effectiveUseMeridiem, minuteStep: this.minuteStep, onSdUpdate: this.handleSelect })))));
+            } }, h("sd-time-picker-trigger", { key: '6df1aa71c8f94ca5191e61c79125c90ff56124d9', displayText: formatTimeDisplay(this.value, this.effectiveUseMeridiem ? 'midday' : 'default'), placeholder: this.placeholder, disabled: this.disabled, clearable: this.clearable, size: this.size, onSdTriggerClick: this.handleTriggerClick, onSdClear: this.handleClear })), (this.isOpen || this.isAnimatingOut) && (h("sd-portal", { key: 'ffe406dc3b6e076fea9890ae1433bf11e2a9ca3e', open: this.isOpen, parentRef: this.triggerRef, onSdClose: () => this.closeDropdown() }, h("sd-time-picker-selector", { key: '523d6e6bb0fb8abf830d29086c7b2e48cbb5bdc9', value: this.value, useMeridiem: this.effectiveUseMeridiem, minuteStep: this.minuteStep, onSdUpdate: this.handleSelect })))));
     }
     static get is() { return "sd-time-picker"; }
     static get originalStyleUrls() {

package/dist/collection/components/sd-time-range-picker/sd-time-range-picker-selector/sd-time-range-picker-selector.js

@@ -202,7 +202,7 @@ export class SdTimeRangePickerSelector {
             '--selector-bg-disabled': TIME_RANGE_PICKER_COLORS.bg.disabled,
             '--selector-text-default': TIME_RANGE_PICKER_COLORS.text.default,
         };
-        return (h("div", { key: '2cfcf8240579a3526c40c430e1704c8b10556add', class: "sd-time-range-picker-selector", style: cssVars }, this.renderPanel('start', '시작 시간'), h("div", { key: 'c48b1c6af7897a64339ce9c1c1da9d8e4a02c612', class: "sd-time-range-picker-selector__divider" }), this.renderPanel('end', '종료 시간')));
+        return (h("div", { key: 'eceb5c9016499ae57fe40ec65a9c0066ba6509b1', class: "sd-time-range-picker-selector", style: cssVars }, this.renderPanel('start', '시작 시간'), h("div", { key: 'ce5d81d905de10a507fa3dfeda1c98ebbaace906', class: "sd-time-range-picker-selector__divider" }), this.renderPanel('end', '종료 시간')));
     }
     static get is() { return "sd-time-range-picker-selector"; }
     static get originalStyleUrls() {

package/dist/collection/components/sd-time-range-picker/sd-time-range-picker.js

@@ -150,9 +150,9 @@ export class SdTimeRangePicker {
             '--sd-system-color-field-border-focus': TIME_RANGE_PICKER_COLORS.border.focus,
             '--sd-system-color-field-bg-default': TIME_RANGE_PICKER_COLORS.bg.default,
         };
-        return (h("sd-field", { key: '41f3bdb3d08a72f590a25486975962d02cb7bbb8', name: this.name, label: this.label, labelWidth: this.labelWidth, addonLabel: this.addonLabel, addonAlign: this.addonAlign, hint: this.hint, errorMessage: this.errorMessage, width: this.width, rules: this.rules, error: this.error, status: this.status, disabled: this.disabled, focused: this.focused, hovered: this.hovered, size: this.size, icon: this.icon, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, ref: el => (this.formField = el), onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false), style: cssVars }, h("div", { key: 'b3b8e08bd44e3f96a733c7341b8ca66c343aaa9d', class: "sd-time-range-picker", ref: el => {
+        return (h("sd-field", { key: '4259e2257aa9edccd9c567f57ec18837fa831281', name: this.name, label: this.label, labelWidth: this.labelWidth, addonLabel: this.addonLabel, addonAlign: this.addonAlign, hint: this.hint, errorMessage: this.errorMessage, width: this.width, rules: this.rules, error: this.error, status: this.status, disabled: this.disabled, focused: this.focused, hovered: this.hovered, size: this.size, icon: this.icon, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, ref: el => (this.formField = el), onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false), style: cssVars }, h("div", { key: 'e1412d82e5eae70bbdb140f6bf06c0867f75c35c', class: "sd-time-range-picker", ref: el => {
                 this.triggerRef = el;
-            } }, h("sd-time-picker-trigger", { key: '39c927a8a3eee331bf253d2faabe9711c2516987', displayText: this.displayText, placeholder: this.placeholder, disabled: this.disabled, clearable: this.clearable, size: this.size, onSdTriggerClick: this.handleTriggerClick, onSdClear: this.handleClear })), (this.isOpen || this.isAnimatingOut) && (h("sd-portal", { key: '33fd2740d81d4dea5af75ed21888e4de213de1e3', open: this.isOpen, parentRef: this.triggerRef, onSdClose: () => this.closeDropdown() }, h("sd-time-range-picker-selector", { key: '554057e0b4a0fd27d570bf9ea955c947cfc5cc50', value: this.value, useMeridiem: this.effectiveUseMeridiem, minuteStep: this.minuteStep, "range-order": this.rangeOrder, onSdUpdate: this.handleSelect })))));
+            } }, h("sd-time-picker-trigger", { key: '719492ec16aaba4a05cf97348c6c9179238b6b09', displayText: this.displayText, placeholder: this.placeholder, disabled: this.disabled, clearable: this.clearable, size: this.size, onSdTriggerClick: this.handleTriggerClick, onSdClear: this.handleClear })), (this.isOpen || this.isAnimatingOut) && (h("sd-portal", { key: '13ddc4c3a22661bdc170d47a533e36ada9c431c6', open: this.isOpen, parentRef: this.triggerRef, onSdClose: () => this.closeDropdown() }, h("sd-time-range-picker-selector", { key: 'e5423e09b2c7282b8c59cfac2ebd9de9c7a3d091', value: this.value, useMeridiem: this.effectiveUseMeridiem, minuteStep: this.minuteStep, "range-order": this.rangeOrder, onSdUpdate: this.handleSelect })))));
     }
     static get is() { return "sd-time-range-picker"; }
     static get originalStyleUrls() {

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

@@ -26,12 +26,12 @@ export class SdToast {
         const linkColor = typeConfig.linkColor ?? typeConfig.content;
         const useDefaultCloseIntent = ['default', 'caution', 'info'].includes(this.type);
         const buttonName = TOAST_BUTTON_NAME_BY_TYPE[this.type] ?? TOAST_BUTTON_NAME_BY_TYPE.default;
-        return (h("div", { key: 'f452ef18c746e75d0a2139fe14e10e2f6badc09e', style: {
+        return (h("div", { key: 'c9e3741a53f59d37f2b384379aa6adef9cf3bb4b', style: {
                 '--sd-toast-bg': typeConfig.bg,
                 '--sd-toast-text': typeConfig.content,
                 '--sd-toast-icon': iconColor,
                 '--sd-toast-link': linkColor,
-            } }, h("div", { key: '2f72746f674d8eb2ea60ee4d77421a08c55c519d', class: "sd-toast", role: "status", "aria-live": "polite", "aria-atomic": "true" }, this.icon && (h("div", { key: '41b1f311746bfae1cc85d262ab5358b3dc63b336', class: "sd-toast__icon" }, h("sd-icon", { key: 'c683d9d8a4b0712f70895c9168f1db0ed6de64f9', name: this.icon, size: iconSize, color: iconColor }))), h("div", { key: '6656f4d296ea8fb284f8eb6cca961a23a993c811', class: "sd-toast__content" }, h("span", { key: '17a9b19754c725a6b70e56c23f92e518e7ded0a1', class: "sd-toast__message" }, this.message)), this.link && (h("a", { key: '0b6da1f070cc31d136a5e366bd8d6655d8bbc291', href: this.link, class: "sd-toast__link", target: "_blank", rel: "noopener noreferrer" }, this.linkLabel || this.link)), this.buttonLabel && (h("sd-button", { key: '9325d2e1ec659e72858a190077c821475e5ef8f2', class: "sd-toast__button", name: buttonName, label: this.buttonLabel, onSdClick: (event) => this.buttonClick.emit(event.detail) })), this.useClose && (h("sd-ghost-button", { key: 'acbb5e957e6fa989412e9824bf2b4f4314afca8c', class: "sd-toast__close", icon: "close", intent: useDefaultCloseIntent ? 'default' : 'inverse', ariaLabel: "close", size: "xs", onClick: () => this.close.emit() })))));
+            } }, h("div", { key: '6340355a0ffa73765040930cca2e742427d796e2', class: "sd-toast", role: "status", "aria-live": "polite", "aria-atomic": "true" }, this.icon && (h("div", { key: '2b2b03b9e7d46a71f7178b4e45f0fe3b383abc49', class: "sd-toast__icon" }, h("sd-icon", { key: '641a3f15b31009e81d590ca8dc7318c55c773e22', name: this.icon, size: iconSize, color: iconColor }))), h("div", { key: 'ec6396936145b1fb7e1071221de0d67a3415ab77', class: "sd-toast__content" }, h("span", { key: '0cc6791d14db783003c1aaefaa32757f39a7f043', class: "sd-toast__message" }, this.message)), this.link && (h("a", { key: '19989545eb1f2d6f984565314de3da581ef666e4', href: this.link, class: "sd-toast__link", target: "_blank", rel: "noopener noreferrer" }, this.linkLabel || this.link)), this.buttonLabel && (h("sd-button", { key: '3ca5c3b9d77a04c2c4d70a48641c51053794bd33', class: "sd-toast__button", name: buttonName, label: this.buttonLabel, onSdClick: (event) => this.buttonClick.emit(event.detail) })), this.useClose && (h("sd-ghost-button", { key: 'd5daf926f8a23f9d6bbec06cc560afc6c89aa064', class: "sd-toast__close", icon: "close", intent: useDefaultCloseIntent ? 'default' : 'inverse', ariaLabel: "close", size: "xs", onClick: () => this.close.emit() })))));
     }
     static get is() { return "sd-toast"; }
     static get originalStyleUrls() {

package/dist/collection/components/sd-toast-container/sd-toast-container.js

@@ -225,7 +225,7 @@ export class SdToastContainer {
         const activeToasts = toasts.filter(t => t.state !== 'exiting').reverse();
         const indexMap = new Map();
         activeToasts.forEach((t, i) => indexMap.set(t.id, i));
-        return (h("div", { key: '3b7cfb69d072ae23f91b8afcced5d02f553f972b', class: "sd-toast-container", style: this.getContainerStyles(), onMouseEnter: () => {
+        return (h("div", { key: '7a69bd0ea72cfb94e4e78287f6d6a0ea1a1a60a9', class: "sd-toast-container", style: this.getContainerStyles(), onMouseEnter: () => {
                 this.expanded = true;
                 this.pauseTimers();
             }, onMouseLeave: () => {

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

@@ -49,7 +49,7 @@ export class SdToggle {
             '--sd-toggle-content-select': TOGGLE_COLORS.content.select,
             '--sd-toggle-content-disabled': TOGGLE_COLORS.content.disabled,
         };
-        return (h("label", { key: 'af787ccf9ff1c49242a7f5822e8c97c5a65f2b95', class: this.toggleClasses, style: cssVars, "aria-label": this.label || 'toggle' }, this.label, h("input", { key: 'e2584e65a77af911136766358ecdaa730b631394', style: { display: 'none' }, type: "checkbox", onInput: this.handleChange })));
+        return (h("label", { key: 'f1e459f54be93de764c504b9719db5f4754c07d9', class: this.toggleClasses, style: cssVars, "aria-label": this.label || 'toggle' }, this.label, h("input", { key: 'b0ab7d28248db1286eaf4da5d93adc1fc93a155c', style: { display: 'none' }, type: "checkbox", onInput: this.handleChange })));
     }
     static get is() { return "sd-toggle"; }
     static get originalStyleUrls() {

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

@@ -127,7 +127,7 @@ export class SdTooltip {
         const bodyHTML = this.message && this.message.length > 0
             ? this.message.map(line => `<div>${line}</div>`).join('')
             : this.slotContentHTML;
-        return (h(Fragment, { key: 'bdac226a4c4363e4461619b197584742e670f0dc' }, h("div", { key: '3455977839562a69f8ee0a8b008e197b62944eac', ref: el => (this.triggerEl = el), class: triggerClasses, ...divTrigger }, this.isAnchorMode ? (h("slot", { name: "anchor" })) : (h("sd-icon", { name: icon, size: this.iconSize ?? 12, color: color, "aria-label": this.ariaLabel || undefined, class: "sd-tooltip" }))), this.showTooltip && (h("sd-floating-portal", { key: '787d1240ed16df1d56d82449e8130376cc45cfa0', parentRef: this.triggerEl, onSdClose: this.handleClose, placement: placement, offset: this.tooltipOffset }, h("div", { key: 'e8c6139f815f837b5ada7eb4d8d95a7ae47293a6', ref: el => (this.menuEl = el), class: {
+        return (h(Fragment, { key: '8e5afa1bf102cc80a55236285f2078db9e3e6d71' }, h("div", { key: '8b495516f54380b2dc26a38ef079042f84be80f9', ref: el => (this.triggerEl = el), class: triggerClasses, ...divTrigger }, this.isAnchorMode ? (h("slot", { name: "anchor" })) : (h("sd-icon", { name: icon, size: this.iconSize ?? 12, color: color, "aria-label": this.ariaLabel || undefined, class: "sd-tooltip" }))), this.showTooltip && (h("sd-floating-portal", { key: '40361756093a60edb946a0677dde60be0b816629', parentRef: this.triggerEl, onSdClose: this.handleClose, placement: placement, offset: this.tooltipOffset }, h("div", { key: '2d8ee914d5805b63c5490afaffb86537c9aba363', ref: el => (this.menuEl = el), class: {
                 'sd-floating-menu': true,
                 [`sd-floating-menu--${tooltipType}`]: true,
                 [`sd-floating-menu--${placement}`]: true,
@@ -135,7 +135,7 @@ export class SdTooltip {
             }, style: {
                 '--sd-floating-bg': typeConfig.bg,
                 '--sd-floating-content': typeConfig.content,
-            }, onMouseEnter: () => this.openTooltip(), onMouseLeave: () => !this.useClose && this.startHideTimer() }, h("i", { key: 'b845e04d76578972d651bf62e5580571c187367f', class: `sd-floating-menu__arrow sd-floating-menu__arrow--${placement}` }, h(TooltipArrow, { key: '8d4dbba5fb8134ccfa4282e2344142d3427a8d1e' })), h("div", { key: '3d532c9ff232c51bde05543b24ce619c6ab34c9c', class: "sd-floating-menu__content", innerHTML: bodyHTML }), this.useClose && (h("sd-ghost-button", { key: '53eb0fd00f2713451e201bb47f8b211b39287a43', class: "sd-floating-menu__close-button", icon: "close", ariaLabel: "close", size: "xxs", onClick: () => this.closeTooltip() })))))));
+            }, onMouseEnter: () => this.openTooltip(), onMouseLeave: () => !this.useClose && this.startHideTimer() }, h("i", { key: 'b0a78b609bee555faed3ed1ebe231b0df11fe0fd', class: `sd-floating-menu__arrow sd-floating-menu__arrow--${placement}` }, h(TooltipArrow, { key: 'fb490ceb86d93c34d775fff88b0afa4a1f0a93af' })), h("div", { key: '15262700844de3bf7112384f008dca8f02bdf12b', class: "sd-floating-menu__content", innerHTML: bodyHTML }), this.useClose && (h("sd-ghost-button", { key: '611a3b913f281659b4564024d813994b4d7a4c3d', class: "sd-floating-menu__close-button", icon: "close", ariaLabel: "close", size: "xxs", onClick: () => this.closeTooltip() })))))));
     }
     static get is() { return "sd-tooltip"; }
     static get originalStyleUrls() {

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-C6wuKkUq.js";import{c as t}from"./p-DRVnqiWc.js";let n=null;function e(t,n){void 0!==n&&(void 0!==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 i(t){return n&&document.body.contains(n)?(e(n,t),n):(n=document.createElement("sd-toast-container"),e(n,t),document.body.appendChild(n),n)}function o(t){return"function"==typeof t.create?Promise.resolve():new Promise((n=>{const e=()=>{"function"==typeof t.create?n():requestAnimationFrame(e)};requestAnimationFrame(e)}))}const c={async create(t,n,e){const{globalOptions:s,...r}=e??{},c=i(s);return await o(c),c.create({message:t,type:n,...r})},async dismiss(t){if(null!=n)return await o(n),n.dismiss(t)},async dismissAll(){if(null!=n)return await o(n),n.dismissAll()},configure(t){i(t)}},u="sd-modal-container";let d=null;const l={ok:"confirm",cancel:"cancel",close:"close"};class m{modalId;okFn;cancelFn;closeFn;clickFn;submitFn;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}onClick(t){return this.clickFn=t,this}onSubmit(t){return this.submitFn=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=l[t];return this.runOrQueue((()=>{this.containerRef?.dismissById(this.modalId,n)})),this}_hasSubmit(){return null!=this.submitFn}_triggerOk(){this.okFn?.()}_triggerSubmit(){this.submitFn?.()}_triggerCancel(){this.cancelFn?.()}_triggerClose(){this.closeFn?.()}_triggerClick(){this.clickFn?.()}_triggerDismissed(){this.dismissedFn?.()}_setId(t){this.modalId=t;const n=[...this.pendingActions];this.pendingActions=[],n.forEach((t=>t()))}_setContainer(t){this.containerRef=t}runOrQueue(t){""===this.modalId||null==this.containerRef?this.pendingActions.push(t):t()}}function h(){if("undefined"==typeof window||"undefined"==typeof document||"undefined"==typeof customElements)throw Error("[sdModal] Browser APIs are unavailable. Use `sdModal` only on the client.")}function f(){if(h(),function(){if(!customElements.get(u))throw Error("[sdModal] `sd-modal-container` is not registered. Call `defineCustomElements(window)` before using `sdModal`.")}(),d&&d.isConnected)return d;const t=document.createElement(u);return t.setAttribute("auto-remove",""),document.body.appendChild(t),d=t,t}async function w(t){if(await customElements.whenDefined(u),"function"==typeof t.open)return Promise.resolve();throw Error("[sdModal] `sd-modal-container` is registered but not ready to open dialogs.")}function p(){return new m("")}function y(t,n){const{component:e,persistent:s}=n,i=f(),o={persistent:s};t._setContainer(i),w(i).then((async()=>{const n=await i.createCustom(e,o,t);t._setId(n)}))}const E={confirm(t){const n=f(),e=new m("",n);return w(n).then((async()=>{const s=await n.open(t,e);e._setId(s)})),e},loading(t={}){const n=f(),e=new m("",n);return w(n).then((async()=>{const s=await n.openLoading(t,e);e._setId(s)})),e},create(t){const n=p();return y(n,t),n},configure(n){h(),t(n)}},C="sd-loading-container";let k=null;async function _(t){const n=(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(C))throw Error("[sdLoading] `sd-loading-container` is not registered. Call `defineCustomElements(window)` before using `sdLoading`.")}(),k&&document.body.contains(k)||(k=document.createElement(C),document.body.appendChild(k)),k);await customElements.whenDefined(C),t(n)}const A={show(t={}){_((n=>{n.show?.(t)}))},hide(){k&&_((t=>{t.hide?.()}))}};export{y as _attachSdModalWithRef,p as _createSdModalRef,A as sdLoading,E as sdModal,c as sdToast}
+export{g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-Br8E2gpA.js";import{c as t}from"./p-DRVnqiWc.js";let n=null;function e(t,n){void 0!==n&&(void 0!==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 i(t){return n&&document.body.contains(n)?(e(n,t),n):(n=document.createElement("sd-toast-container"),e(n,t),document.body.appendChild(n),n)}function o(t){return"function"==typeof t.create?Promise.resolve():new Promise((n=>{const e=()=>{"function"==typeof t.create?n():requestAnimationFrame(e)};requestAnimationFrame(e)}))}const c={async create(t,n,e){const{globalOptions:s,...r}=e??{},c=i(s);return await o(c),c.create({message:t,type:n,...r})},async dismiss(t){if(null!=n)return await o(n),n.dismiss(t)},async dismissAll(){if(null!=n)return await o(n),n.dismissAll()},configure(t){i(t)}},u="sd-modal-container";let d=null;const l={ok:"confirm",cancel:"cancel",close:"close"};class m{modalId;okFn;cancelFn;closeFn;clickFn;submitFn;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}onClick(t){return this.clickFn=t,this}onSubmit(t){return this.submitFn=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=l[t];return this.runOrQueue((()=>{this.containerRef?.dismissById(this.modalId,n)})),this}_hasSubmit(){return null!=this.submitFn}_triggerOk(){this.okFn?.()}_triggerSubmit(){this.submitFn?.()}_triggerCancel(){this.cancelFn?.()}_triggerClose(){this.closeFn?.()}_triggerClick(){this.clickFn?.()}_triggerDismissed(){this.dismissedFn?.()}_setId(t){this.modalId=t;const n=[...this.pendingActions];this.pendingActions=[],n.forEach((t=>t()))}_setContainer(t){this.containerRef=t}runOrQueue(t){""===this.modalId||null==this.containerRef?this.pendingActions.push(t):t()}}function h(){if("undefined"==typeof window||"undefined"==typeof document||"undefined"==typeof customElements)throw Error("[sdModal] Browser APIs are unavailable. Use `sdModal` only on the client.")}function f(){if(h(),function(){if(!customElements.get(u))throw Error("[sdModal] `sd-modal-container` is not registered. Call `defineCustomElements(window)` before using `sdModal`.")}(),d&&d.isConnected)return d;const t=document.createElement(u);return t.setAttribute("auto-remove",""),document.body.appendChild(t),d=t,t}async function w(t){if(await customElements.whenDefined(u),"function"==typeof t.open)return Promise.resolve();throw Error("[sdModal] `sd-modal-container` is registered but not ready to open dialogs.")}function p(){return new m("")}function y(t,n){const{component:e,persistent:s}=n,i=f(),o={persistent:s};t._setContainer(i),w(i).then((async()=>{const n=await i.createCustom(e,o,t);t._setId(n)}))}const E={confirm(t){const n=f(),e=new m("",n);return w(n).then((async()=>{const s=await n.open(t,e);e._setId(s)})),e},loading(t={}){const n=f(),e=new m("",n);return w(n).then((async()=>{const s=await n.openLoading(t,e);e._setId(s)})),e},create(t){const n=p();return y(n,t),n},configure(n){h(),t(n)}},C="sd-loading-container";let k=null;async function A(t){const n=(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(C))throw Error("[sdLoading] `sd-loading-container` is not registered. Call `defineCustomElements(window)` before using `sdLoading`.")}(),k&&document.body.contains(k)||(k=document.createElement(C),document.body.appendChild(k)),k);await customElements.whenDefined(C),t(n)}const _={show(t={}){A((n=>{n.show?.(t)}))},hide(){k&&A((t=>{t.hide?.()}))}};export{y as _attachSdModalWithRef,p as _createSdModalRef,_ as sdLoading,E as sdModal,c as sdToast}

package/dist/components/{p-D8yhjm54.js → p-1ZYElZaM.js}

@@ -1 +1 @@
-import{p as e,H as t,c as i,h as r,t as s}from"./p-C6wuKkUq.js";import{a as g,D as d}from"./p-bXzpfkfN.js";import{d as a}from"./p-DWnuCSqC.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.triggerClick=i(this,"sdTriggerClick",7)}displayText="";placeholder="YYYY-MM-DD";disabled=!1;size="sm";triggerClick;handleClick=()=>{this.disabled||this.triggerClick.emit()};render(){const e=g[this.size]??g.sm,t=""!==this.displayText;return r("div",{key:"b52c18bc057886ed8d6b1f5d145225a4c31f0035",role:"button",tabindex:this.disabled?-1:0,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-min-width":("md"===this.size?104:80)+"px","--trigger-text-color":this.disabled?d.text.disabled:t?d.text.default:d.text.hint,"--trigger-icon-color":this.disabled?d.icon.disabled:d.icon.default},onClick:this.handleClick,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.handleClick())}},r("sd-icon",{key:"d653fa9a79c41b39e77a6a77afba2233a977ba29",name:"date",size:Number(e.iconSize),color:"var(--trigger-icon-color)",class:"sd-date-picker-trigger__icon"}),r("span",{key:"e37f745bab9ea7ac1864ce0944ffd9d1d62eecd2",class:"sd-date-picker-trigger__text"},t?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:var(--trigger-text-min-width, 80px);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 n(){"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,n as d}
+import{p as e,H as t,c as r,h as i,t as s}from"./p-Br8E2gpA.js";import{a as g,D as d}from"./p-Cj1tlXCY.js";import{d as a}from"./p-jbqIrDHw.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.triggerClick=r(this,"sdTriggerClick",7)}displayText="";placeholder="YYYY-MM-DD";disabled=!1;size="sm";triggerClick;handleClick=()=>{this.disabled||this.triggerClick.emit()};render(){const e=g[this.size]??g.sm,t=""!==this.displayText;return i("div",{key:"b52c18bc057886ed8d6b1f5d145225a4c31f0035",role:"button",tabindex:this.disabled?-1:0,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-min-width":("md"===this.size?104:80)+"px","--trigger-text-color":this.disabled?d.text.disabled:t?d.text.default:d.text.hint,"--trigger-icon-color":this.disabled?d.icon.disabled:d.icon.default},onClick:this.handleClick,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.handleClick())}},i("sd-icon",{key:"d653fa9a79c41b39e77a6a77afba2233a977ba29",name:"date",size:Number(e.iconSize),color:"var(--trigger-icon-color)",class:"sd-date-picker-trigger__icon"}),i("span",{key:"e37f745bab9ea7ac1864ce0944ffd9d1d62eecd2",class:"sd-date-picker-trigger__text"},t?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:var(--trigger-text-min-width, 80px);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 n(){"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,n as d}

package/dist/components/p-7VzVE0oV.js

@@ -0,0 +1 @@
+import{p as d,H as e,h as s,d as i,t as l}from"./p-Br8E2gpA.js";import{f as t}from"./p-B9hmJn6D.js";import{d as r}from"./p-BFBKrBpn.js";import{d as o}from"./p-B-DK72cc.js";import{d as a}from"./p-jbqIrDHw.js";import{d as f}from"./p-Hh0L_XZ6.js";import{d as n}from"./p-CZym_85X.js";import{d as h}from"./p-B7fiz4d8.js";const c={start:"flex-start",center:"center",end:"flex-end"},p=t.field.label.sm,b=t.field.label.md,_={sm:{height:p.height,gap:p.gap,icon:p.icon,fontSize:p.typography.fontSize,lineHeight:p.typography.lineHeight,fontWeight:p.typography.fontWeight},md:{height:b.height,gap:b.gap,icon:b.icon,fontSize:b.typography.fontSize,lineHeight:b.typography.lineHeight,fontWeight:b.typography.fontWeight}},m=["sd-input","sd-barcode-input","sd-textarea","sd-number-input","sd-select","sd-file-picker","sd-date-picker","sd-date-range-picker","sd-time-picker","sd-time-range-picker","sd-chip-input"],g=d(class extends e{constructor(d){super(),!1!==d&&this.__registerHost()}get el(){return this}name="";rules=[];error=!1;disabled=!1;readonly=!1;hovered=!1;focused=!1;status;hint="";errorMessage="";width="";size="sm";borderless=!1;label="";labelWidth="";labelHeight;multiline=!1;addonLabel="";addonAlign="start";icon=void 0;labelTooltip="";labelTooltipProps=null;errorMsg="";hostElement=null;get value(){return this.hostElement?.value??null}get fieldStatus(){let d="";return this.disabled?(d="disabled",`sd-field--${d}`):this.readonly?(d="readonly",`sd-field--${d}`):this.focused?(d="focus",`sd-field--${d}`):(this.hovered&&(d="hover"),void 0!==this.status&&(d=this.status),this.error&&(d="error"),""!==d?`sd-field--${d}`:"")}componentDidLoad(){this.hostElement=this.findHostElement(),this.registerToForm()}disconnectedCallback(){this.unregisterFromForm()}findHostElement(){for(const d of m){const e=this.el.closest(d);if(e&&"value"in e)return e}return null}registerToForm(){const d=this.el.closest("sd-form");d&&"function"==typeof d.componentOnReady&&d.componentOnReady().then((d=>{d.sdRegisterField(this)}))}unregisterFromForm(){if(""===this.name)return;const d=this.el.closest("sd-form");d?.componentOnReady().then((d=>{d.sdUnregisterField(this)}))}async sdValidate(){if(!this.rules||0===this.rules.length)return!0;for(const d of this.rules){const e=d(this.value??"");if(!0!==e)return this.setError(!0,e),!1}return this.setError(!1,""),!0}async sdReset(){this.hostElement&&(this.hostElement.value=null),this.setError(!1,"")}async sdResetValidation(){this.setError(!1,"")}async sdFocus(){this.hostElement?.focus?.(),this.hostElement?.scrollIntoView({behavior:"smooth",block:"center"})}setError(d,e){this.errorMsg=e,this.hostElement&&(this.hostElement.error=d)}render(){const d=this.addonLabel,e=""!==this.width&&0!==this.width&&void 0!==this.width,l=e?{width:"number"==typeof this.width?`${this.width}px`:String(this.width)}:{},r=t.field.addonLabel,o=this.size in _?this.size:"sm",a=_[o],f={"--sd-field-wrapper-height":`var(--sd-system-size-field-${o}-height)`,"--sd-field-control-radius":`var(--sd-system-radius-field-${o})`,"--sd-field-label-margin-right":`var(--sd-system-space-field-${o}-gap)`},n={"--sd-field-error-message-color":t.field.errorMessage.color,"--sd-field-error-message-font-size":`${t.field.errorMessage.typography.fontSize}px`,"--sd-field-error-message-line-height":`${t.field.errorMessage.typography.lineHeight}px`,"--sd-field-hint-color":t.field.hint.color,"--sd-field-hint-font-size":`${t.field.hint.typography.fontSize}px`,"--sd-field-hint-line-height":`${t.field.hint.typography.lineHeight}px`,"--sd-field-message-gap":`${t.field.contents.gap}px`},h=""!==this.label?{"--sd-field-label-height":void 0!==this.labelHeight&&""!==this.labelHeight&&0!==this.labelHeight?"number"==typeof this.labelHeight?`${this.labelHeight}px`:this.labelHeight:`${a.height}px`,"--sd-field-label-gap":`${a.gap}px`,"--sd-field-label-font-size":`${a.fontSize}px`,"--sd-field-label-line-height":`${a.lineHeight}px`,"--sd-field-label-font-weight":a.fontWeight,...""!==this.labelWidth&&0!==this.labelWidth?{"--sd-field-label-width":"number"==typeof this.labelWidth?`${this.labelWidth}px`:this.labelWidth}:{}}:{},p=""!==d?{"--sd-field-addon-padding-x":`${r.paddingX}px`,"--sd-field-addon-font-size":`${r.typography.fontSize}px`,"--sd-field-addon-line-height":`${r.typography.lineHeight}px`,"--sd-field-addon-font-weight":r.typography.fontWeight,"--sd-field-addon-bg":r.bg,"--sd-field-addon-border-color":this.disabled?r.border.disabled:r.border.default,"--sd-field-addon-gap":`${r.gap}px`,"--sd-field-addon-border-width":`${r.border.width}px`,"--sd-field-addon-justify":c[this.addonAlign]??c.start,...""!==this.labelWidth&&0!==this.labelWidth?{"--sd-field-addon-width":"number"==typeof this.labelWidth?`${this.labelWidth}px`:this.labelWidth}:{}}:{};return s(i,{key:"1a9732da019834d223e497e263fc6c5c98b117de",class:{"sd-field-host--hug":e}},s("div",{key:"875872a3a781335c0109f3221f8c6a46c6f0e5f8",class:{"sd-field":!0,"sd-field--has-label":""!==this.label,"sd-field--has-addon":""!==d,"sd-field--multiline":this.multiline,"sd-field--borderless":this.borderless,[this.fieldStatus]:""!==this.fieldStatus},style:{...f,...h,...p,...n}},s("div",{key:"d72d11850cd82c920412b2d8ab8d2eb87b6b1c07",class:"sd-field__wrapper"},this.renderLabel(this.label),s("div",{key:"8182b5023ccd43964b3a2a838088b254f1435a8e",class:{"sd-field__main":!0,"sd-field__main--fixed":e},style:l},s("div",{key:"fd0324d231bdf3877a44cdbff12e29c4fcc95fb5",class:{"sd-field__control":!0,"sd-field__control--has-addon":""!==d}},d&&s("div",{key:"0ed9f83d5d1be42107f0d8d873694c0283c81f71",class:"sd-field__addon"},this.icon&&s("sd-icon",{key:"ee553842c50e4170b835dc7af1d98e02d1f821cb",name:this.icon.name,size:this.icon.size??Number(_[this.size in _?this.size:"sm"].icon),color:this.icon.color,rotate:this.icon.rotate}),d),s("slot",{key:"05952088edba5a354150b9b1cf5238ce5c911f3e"})),""!==this.errorMsg||""!==this.errorMessage?s("div",{class:"sd-field__error-message"},""!==this.errorMsg?this.errorMsg:this.errorMessage):""!==this.hint&&s("div",{class:"sd-field__hint"},this.hint)))))}renderLabel(d){return null==d||""===d?null:s("label",{class:"sd-field__label"},this.icon&&s("sd-icon",{name:this.icon.name,size:this.icon.size??Number(_[this.size in _?this.size:"sm"].icon),color:this.icon.color,rotate:this.icon.rotate,class:"sd-field__label__icon"}),s("div",{class:"sd-field__label__text"},d),this.labelTooltip&&s("sd-tooltip",{class:"sd-field__label__tooltip",...this.labelTooltipProps},this.labelTooltip))}static get style(){return"sd-field{display:inline-flex;flex-flow:column nowrap;height:fit-content;width:100%}sd-field.sd-field-host--hug{display:flex;width:fit-content;max-width:100%}sd-field .sd-field *:focus,sd-field .sd-field *:focus-visible,sd-field .sd-field *:focus-within{outline:none !important}sd-field .sd-field.sd-field--disabled{cursor:not-allowed}sd-field .sd-field.sd-field--disabled .sd-field__wrapper{cursor:not-allowed !important}sd-field .sd-field.sd-field--disabled .sd-field__wrapper .sd-field__label-inside{border-color:#CCCCCC;color:#888888;cursor:not-allowed !important}sd-field .sd-field.sd-field--disabled .sd-field__wrapper .sd-field__control{background-color:#E1E1E1;border-color:#CCCCCC;color:#888888;cursor:not-allowed !important}sd-field .sd-field.sd-field--readonly .sd-field__wrapper .sd-field__control{background-color:var(--sd-system-color-field-bg-read-only);color:var(--sd-system-color-field-text-read-only)}sd-field .sd-field--has-label .sd-field__wrapper .sd-field__label{display:flex;align-items:center;flex-shrink:0;width:var(--sd-field-label-width, auto);height:var(--sd-field-label-height);margin-right:var(--sd-field-label-margin-right)}sd-field .sd-field--has-label .sd-field__wrapper .sd-field__label__icon{margin-right:var(--sd-field-label-gap);flex-shrink:0}sd-field .sd-field--has-label .sd-field__wrapper .sd-field__label__text{font-size:var(--sd-field-label-font-size);line-height:var(--sd-field-label-line-height);font-weight:var(--sd-field-label-font-weight);color:var(--sd-system-color-field-text-default);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}sd-field .sd-field--has-label .sd-field__wrapper .sd-field__label__tooltip{margin-left:var(--sd-field-label-gap);flex-shrink:0}sd-field .sd-field--has-addon .sd-field__control .sd-field__addon{display:flex;gap:var(--sd-field-addon-gap);align-items:center;justify-content:var(--sd-field-addon-justify, flex-start);white-space:nowrap;box-sizing:border-box;flex-shrink:0;width:var(--sd-field-addon-width, auto);padding:0 var(--sd-field-addon-padding-x);font-size:var(--sd-field-addon-font-size);line-height:var(--sd-field-addon-line-height);font-weight:var(--sd-field-addon-font-weight);background:var(--sd-field-addon-bg);border-right:var(--sd-field-addon-border-width) solid var(--sd-field-addon-border-color);border-radius:calc(var(--sd-field-control-radius) - 1px) 0 0 calc(var(--sd-field-control-radius) - 1px)}sd-field .sd-field--multiline .sd-field__wrapper .sd-field__control{height:auto;min-height:var(--sd-field-wrapper-height)}sd-field .sd-field__wrapper{width:100%;display:flex;align-items:flex-start;flex-flow:row nowrap;position:relative;color:var(--sd-system-color-field-text-default);-webkit-user-select:none;user-select:none}sd-field .sd-field__wrapper .sd-field__main{flex:1;min-width:0;display:flex;flex-direction:column}sd-field .sd-field__wrapper .sd-field__main--fixed{flex:0 1 auto}sd-field .sd-field__wrapper .sd-field__control{position:relative;height:var(--sd-field-wrapper-height);display:flex;min-width:0;border:1px solid var(--sd-system-color-field-border-default);border-radius:var(--sd-field-control-radius);background:var(--sd-system-color-field-bg-default)}sd-field .sd-field--error .sd-field__wrapper .sd-field__control:not(:hover){border:1px solid var(--sd-system-color-field-border-danger) !important}sd-field .sd-field.sd-field--pass .sd-field__wrapper .sd-field__control{border:1px solid var(--sd-system-color-field-border-success) !important}sd-field .sd-field:not(.sd-field--disabled):not(.sd-field--readonly) .sd-field__wrapper .sd-field__control:hover{border:1px solid var(--sd-system-color-field-border-focus) !important;box-shadow:0px 0px 4px 0px rgba(0, 113, 255, 0.4)}sd-field .sd-field.sd-field--focus:not(.sd-field--readonly) .sd-field__wrapper .sd-field__control{border:1px solid var(--sd-system-color-field-border-focus) !important;box-shadow:0px 0px 4px 0px rgba(0, 113, 255, 0.4)}sd-field .sd-field.sd-field--borderless .sd-field__wrapper .sd-field__control,sd-field .sd-field.sd-field--borderless.sd-field--error .sd-field__wrapper .sd-field__control:not(:hover),sd-field .sd-field.sd-field--borderless.sd-field--pass .sd-field__wrapper .sd-field__control,sd-field .sd-field.sd-field--borderless:not(.sd-field--disabled):not(.sd-field--readonly) .sd-field__wrapper .sd-field__control:hover,sd-field .sd-field.sd-field--borderless.sd-field--focus:not(.sd-field--readonly) .sd-field__wrapper .sd-field__control{border-color:transparent !important;background:transparent !important;box-shadow:none !important}sd-field .sd-field .sd-field__error-message{color:var(--sd-field-error-message-color);font-size:var(--sd-field-error-message-font-size);line-height:var(--sd-field-error-message-line-height);margin-top:var(--sd-field-message-gap)}sd-field .sd-field .sd-field__hint{color:var(--sd-field-hint-color);font-size:var(--sd-field-hint-font-size);line-height:var(--sd-field-hint-line-height);margin-top:var(--sd-field-message-gap)}"}},[772,"sd-field",{name:[1],rules:[16],error:[1028],disabled:[1028],readonly:[1028],hovered:[1028],focused:[1028],status:[1],hint:[1],errorMessage:[1,"error-message"],width:[8],size:[513],borderless:[4],label:[1],labelWidth:[8,"label-width"],labelHeight:[8,"label-height"],multiline:[4],addonLabel:[1,"addon-label"],addonAlign:[1,"addon-align"],icon:[16],labelTooltip:[1,"label-tooltip"],labelTooltipProps:[16],errorMsg:[32],sdValidate:[64],sdReset:[64],sdResetValidation:[64],sdFocus:[64]}]);function u(){"undefined"!=typeof customElements&&["sd-field","sd-floating-portal","sd-ghost-button","sd-icon","sd-portal","sd-tag","sd-tooltip"].forEach((d=>{switch(d){case"sd-field":customElements.get(l(d))||customElements.define(l(d),g);break;case"sd-floating-portal":customElements.get(l(d))||r();break;case"sd-ghost-button":customElements.get(l(d))||o();break;case"sd-icon":customElements.get(l(d))||a();break;case"sd-portal":customElements.get(l(d))||f();break;case"sd-tag":customElements.get(l(d))||n();break;case"sd-tooltip":customElements.get(l(d))||h()}}))}export{g as S,u as d}

package/dist/components/{p-SYnTIeiO.js → p-B-DK72cc.js}

@@ -1 +1 @@
-import{p as t,H as e,c as s,h as o,t as i}from"./p-C6wuKkUq.js";import{d as n}from"./p-DWnuCSqC.js";import{d as a}from"./p-CH9dgzTr.js";import{d as r}from"./p-CTCt17CE.js";var d={size:"16",icon:"12"},b={size:"24",icon:"16"},c={size:"28",icon:"20"},h={size:"36",icon:"24"},u={size:"62",icon:"32"},l={sm:"4",md:"6"},g={opacity:"5%"},p={disabled:"#BBBBBB"},m={content:"#888888",hover:{bg:"#222222"}},f={content:"#E30000",hover:{bg:"#E30000"}},v={content:"#025497",hover:{bg:"#0075FF"}},x={content:"#FFFFFF",disabled:"#E1E1E1",hover:{bg:"#FFFFFF"}};const y={xxs:{size:Number(d.size),icon:Number(d.icon)},xs:{size:Number(b.size),icon:Number(b.icon)},sm:{size:Number(c.size),icon:Number(c.icon)},md:{size:Number(h.size),icon:Number(h.icon)},lg:{size:Number(u.size),icon:Number(u.icon)}},z={xxs:Number(l.sm),xs:Number(l.sm),sm:Number(l.sm),md:Number(l.md),lg:Number(l.md)},F=g.opacity,k={default:m.content,danger:f.content,action:v.content,inverse:x.content},E={default:m.hover.bg,danger:f.hover.bg,action:v.hover.bg,inverse:x.hover.bg},N=p.disabled,w={default:N,danger:N,action:N,inverse:x.disabled},C=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.click=s(this,"sdClick",7)}icon;size="sm";intent="default";ariaLabel="";pressed;tooltipText;disabled=!1;get hostEl(){return this}isTooltipOpen=!1;click;hasWarnedMissingAriaLabel=!1;componentWillLoad(){this.size??="sm",this.intent??="default",this.ariaLabel??=""}handleClick=t=>{this.disabled?t.preventDefault():this.click.emit(t)};handleMouseEnter=()=>{this.isTooltipOpen=!0};handleMouseLeave=()=>{this.isTooltipOpen=!1};handleFocus=()=>{this.isTooltipOpen=!0};handleBlur=()=>{this.isTooltipOpen=!1};componentWillRender(){this.warnIfMissingAriaLabel()}warnIfMissingAriaLabel(){""===(this.ariaLabel??"").trim()?this.hasWarnedMissingAriaLabel||(console.warn(`[sd-ghost-button] icon-only buttons require \`ariaLabel\`. Received icon="${this.icon}".`),this.hasWarnedMissingAriaLabel=!0):this.hasWarnedMissingAriaLabel=!1}render(){const t=this.size??"sm",e=this.intent??"default",s=y[t]??y.sm,i=this.disabled?w[e]:k[e],n=(this.ariaLabel??"").trim()||void 0,a=(this.tooltipText??"").trim();return o("button",{key:"921a2e6e54aa3cbb0e6c14ad117d6ddcfc753618",class:{"sd-ghost-button":!0,"sd-ghost-button--disabled":this.disabled},type:"button","aria-disabled":this.disabled?"true":void 0,tabIndex:this.disabled?-1:void 0,"aria-label":n,"aria-pressed":this.pressed,style:{"--sd-ghost-button-size":`${s.size}px`,"--sd-ghost-button-radius":`${z[t]}px`,"--sd-ghost-button-hover-bg":E[e],"--sd-ghost-button-hover-opacity":F,"--sd-ghost-button-accent":"#0075FF"},onClick:this.handleClick,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,onFocus:this.handleFocus,onBlur:this.handleBlur},a.length>0&&this.isTooltipOpen&&o("sd-portal",{key:"90817207f1b8b5c1d55ce510dfb5ea90cf614bfd",parentRef:this.hostEl,open:!0,offset:[s.size/2,4],placement:"top"},o("div",{key:"75379a80a230eb197d56df9eb3a79f4536c425d5",class:"sd-ghost-button__tooltip-inner","aria-hidden":"true"},o("sd-tag",{key:"b7cc000adb2aaa3e9f65635d7e9cab7fceff62c3",name:"square_xs_grey",label:a}))),o("sd-icon",{key:"0df3fd325eb7e82b3da6427e22c05819f35d307e",name:this.icon,size:s.icon,color:i}))}static get style(){return'sd-ghost-button{display:inline-flex;width:fit-content;height:fit-content}.sd-ghost-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--sd-ghost-button-size);height:var(--sd-ghost-button-size);padding:0;border:none;border-radius:var(--sd-ghost-button-radius);background:transparent;cursor:pointer;box-sizing:border-box;transition:box-shadow 0.2s ease;-webkit-user-select:none;user-select:none}.sd-ghost-button::before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--sd-ghost-button-hover-bg);opacity:0;transition:opacity 0.2s ease;pointer-events:none}.sd-ghost-button:hover:not(.sd-ghost-button--disabled)::before{opacity:var(--sd-ghost-button-hover-opacity)}.sd-ghost-button:focus-visible{outline:0;box-shadow:0 0 0 2px var(--sd-ghost-button-accent)}.sd-ghost-button--disabled{cursor:not-allowed}.sd-ghost-button__tooltip-inner{display:inline-flex;white-space:nowrap;transform:translateX(-50%)}[data-align=right] .sd-ghost-button__tooltip-inner{transform:none}'}},[512,"sd-ghost-button",{icon:[1],size:[1],intent:[1],ariaLabel:[1,"aria-label"],pressed:[4,"aria-pressed"],tooltipText:[1,"tooltip-text"],disabled:[4],isTooltipOpen:[32]}]);function B(){"undefined"!=typeof customElements&&["sd-ghost-button","sd-icon","sd-portal","sd-tag"].forEach((t=>{switch(t){case"sd-ghost-button":customElements.get(i(t))||customElements.define(i(t),C);break;case"sd-icon":customElements.get(i(t))||n();break;case"sd-portal":customElements.get(i(t))||a();break;case"sd-tag":customElements.get(i(t))||r()}}))}export{C as S,B as d}
+import{p as t,H as e,c as s,h as o,t as i}from"./p-Br8E2gpA.js";import{d as n}from"./p-jbqIrDHw.js";import{d as a}from"./p-Hh0L_XZ6.js";import{d as r}from"./p-CZym_85X.js";var d={size:"16",icon:"12"},b={size:"24",icon:"16"},c={size:"28",icon:"20"},h={size:"36",icon:"24"},u={size:"62",icon:"32"},l={sm:"4",md:"6"},p={opacity:"5%"},g={disabled:"#BBBBBB"},m={content:"#888888",hover:{bg:"#222222"}},f={content:"#E30000",hover:{bg:"#E30000"}},v={content:"#025497",hover:{bg:"#0075FF"}},x={content:"#FFFFFF",disabled:"#E1E1E1",hover:{bg:"#FFFFFF"}};const y={xxs:{size:Number(d.size),icon:Number(d.icon)},xs:{size:Number(b.size),icon:Number(b.icon)},sm:{size:Number(c.size),icon:Number(c.icon)},md:{size:Number(h.size),icon:Number(h.icon)},lg:{size:Number(u.size),icon:Number(u.icon)}},F={xxs:Number(l.sm),xs:Number(l.sm),sm:Number(l.sm),md:Number(l.md),lg:Number(l.md)},z=p.opacity,k={default:m.content,danger:f.content,action:v.content,inverse:x.content},E={default:m.hover.bg,danger:f.hover.bg,action:v.hover.bg,inverse:x.hover.bg},N=g.disabled,w={default:N,danger:N,action:N,inverse:x.disabled},_=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.click=s(this,"sdClick",7)}icon;size="sm";intent="default";ariaLabel="";pressed;tooltipText;disabled=!1;get hostEl(){return this}isTooltipOpen=!1;click;hasWarnedMissingAriaLabel=!1;componentWillLoad(){this.size??="sm",this.intent??="default",this.ariaLabel??=""}handleClick=t=>{this.disabled?t.preventDefault():this.click.emit(t)};handleMouseEnter=()=>{this.isTooltipOpen=!0};handleMouseLeave=()=>{this.isTooltipOpen=!1};handleFocus=()=>{this.isTooltipOpen=!0};handleBlur=()=>{this.isTooltipOpen=!1};componentWillRender(){this.warnIfMissingAriaLabel()}warnIfMissingAriaLabel(){""===(this.ariaLabel??"").trim()?this.hasWarnedMissingAriaLabel||(console.warn(`[sd-ghost-button] icon-only buttons require \`ariaLabel\`. Received icon="${this.icon}".`),this.hasWarnedMissingAriaLabel=!0):this.hasWarnedMissingAriaLabel=!1}render(){const t=this.size??"sm",e=this.intent??"default",s=y[t]??y.sm,i=this.disabled?w[e]:k[e],n=(this.ariaLabel??"").trim()||void 0,a=(this.tooltipText??"").trim();return o("button",{key:"921a2e6e54aa3cbb0e6c14ad117d6ddcfc753618",class:{"sd-ghost-button":!0,"sd-ghost-button--disabled":this.disabled},type:"button","aria-disabled":this.disabled?"true":void 0,tabIndex:this.disabled?-1:void 0,"aria-label":n,"aria-pressed":this.pressed,style:{"--sd-ghost-button-size":`${s.size}px`,"--sd-ghost-button-radius":`${F[t]}px`,"--sd-ghost-button-hover-bg":E[e],"--sd-ghost-button-hover-opacity":z,"--sd-ghost-button-accent":"#0075FF"},onClick:this.handleClick,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,onFocus:this.handleFocus,onBlur:this.handleBlur},a.length>0&&this.isTooltipOpen&&o("sd-portal",{key:"90817207f1b8b5c1d55ce510dfb5ea90cf614bfd",parentRef:this.hostEl,open:!0,offset:[s.size/2,4],placement:"top"},o("div",{key:"75379a80a230eb197d56df9eb3a79f4536c425d5",class:"sd-ghost-button__tooltip-inner","aria-hidden":"true"},o("sd-tag",{key:"b7cc000adb2aaa3e9f65635d7e9cab7fceff62c3",name:"square_xs_grey",label:a}))),o("sd-icon",{key:"0df3fd325eb7e82b3da6427e22c05819f35d307e",name:this.icon,size:s.icon,color:i}))}static get style(){return'sd-ghost-button{display:inline-flex;width:fit-content;height:fit-content}.sd-ghost-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--sd-ghost-button-size);height:var(--sd-ghost-button-size);padding:0;border:none;border-radius:var(--sd-ghost-button-radius);background:transparent;cursor:pointer;box-sizing:border-box;transition:box-shadow 0.2s ease;-webkit-user-select:none;user-select:none}.sd-ghost-button::before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--sd-ghost-button-hover-bg);opacity:0;transition:opacity 0.2s ease;pointer-events:none}.sd-ghost-button:hover:not(.sd-ghost-button--disabled)::before{opacity:var(--sd-ghost-button-hover-opacity)}.sd-ghost-button:focus-visible{outline:0;box-shadow:0 0 0 2px var(--sd-ghost-button-accent)}.sd-ghost-button--disabled{cursor:not-allowed}.sd-ghost-button__tooltip-inner{display:inline-flex;white-space:nowrap;transform:translateX(-50%)}[data-align=right] .sd-ghost-button__tooltip-inner{transform:none}'}},[512,"sd-ghost-button",{icon:[1],size:[1],intent:[1],ariaLabel:[1,"aria-label"],pressed:[4,"aria-pressed"],tooltipText:[1,"tooltip-text"],disabled:[4],isTooltipOpen:[32]}]);function B(){"undefined"!=typeof customElements&&["sd-ghost-button","sd-icon","sd-portal","sd-tag"].forEach((t=>{switch(t){case"sd-ghost-button":customElements.get(i(t))||customElements.define(i(t),_);break;case"sd-icon":customElements.get(i(t))||n();break;case"sd-portal":customElements.get(i(t))||a();break;case"sd-tag":customElements.get(i(t))||r()}}))}export{_ as S,B as d}

package/dist/components/{p-D9qp3o5Y.js → p-B7_BI_-L.js}

@@ -1 +1 @@
-import{p as e,H as s,c as t,h as i,t as a}from"./p-C6wuKkUq.js";import{n as d}from"./p-CCwNgVmC.js";import{D as r,a as o}from"./p-bXzpfkfN.js";import{d as l}from"./p-DasiqnrU.js";import{d as n}from"./p-D8yhjm54.js";import{d as h}from"./p-DsZwiWiU.js";import{d as c}from"./p-DSWD8udu.js";import{d as p}from"./p-SYnTIeiO.js";import{d as m}from"./p-DWnuCSqC.js";import{d as u}from"./p-CH9dgzTr.js";import{d as b}from"./p-CTCt17CE.js";import{d as f}from"./p-qZxAQy4p.js";const g=e(class e extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.update=t(this,"sdUpdate",7),this.viewChange=t(this,"sdViewChange",7)}static CLOSE_ANIMATION_DURATION=150;get el(){return this}value=null;size="sm";placeholder="YYYY-MM-DD";selectable;disabled=!1;width="";label="";labelWidth="";addonLabel="";addonAlign="start";hint="";errorMessage="";rules=[];error=!1;status;icon=void 0;labelTooltip="";labelTooltipProps=null;isOpen=!1;isAnimatingOut=!1;focused=!1;hovered=!1;update;viewChange;triggerRef;formField;closeAnimationTimer;name=d();watchIsOpen(e){this.focused=e}async sdValidate(){return this.formField?.sdValidate()}async sdReset(){return this.formField?.sdReset()}async sdResetValidate(){return this.formField?.sdResetValidation()}closeDropdown(){this.isOpen&&(this.isOpen=!1,this.isAnimatingOut=!0,this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.closeAnimationTimer=setTimeout((()=>{this.isAnimatingOut=!1}),e.CLOSE_ANIMATION_DURATION))}handleTriggerClick=()=>{this.disabled||(this.isOpen?this.closeDropdown():(this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.isAnimatingOut=!1,this.isOpen=!0))};handleSelect=e=>{e.stopPropagation(),this.closeDropdown(),this.value=e.detail;const s=this.value;requestAnimationFrame((()=>{this.update.emit(s)}))};handleViewChange=e=>{this.viewChange.emit(e.detail)};disconnectedCallback(){this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer)}render(){const e=o[this.size]??o.sm;return i("sd-field",{key:"c3adbcb65f372a7c33350a747b29b5a35990c292",name:this.name,label:this.label,labelWidth:this.labelWidth,addonLabel:this.addonLabel,addonAlign:this.addonAlign,hint:this.hint,errorMessage:this.errorMessage,width:this.width,rules:this.rules,error:this.error,status:this.status,disabled:this.disabled,focused:this.focused,hovered:this.hovered,size:this.size,icon:this.icon,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:e=>this.formField=e,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1,style:{"--sd-system-size-field-sm-height":`${e.height}px`,"--sd-system-radius-field-sm":`${e.radius}px`,"--sd-system-color-field-border-default":r.border.default,"--sd-system-color-field-border-focus":r.border.focus,"--sd-system-color-field-bg-default":r.bg.default}},i("div",{key:"aac9b498321c4506a6979a17de4896c4521887a1",class:"sd-date-picker",ref:e=>{this.triggerRef=e}},i("sd-date-picker-trigger",{key:"00a558ac1c9a5af666c62c15e18e240036e1bb34",displayText:this.value??"",placeholder:this.placeholder,disabled:this.disabled,size:this.size,onSdTriggerClick:this.handleTriggerClick})),(this.isOpen||this.isAnimatingOut)&&i("sd-portal",{key:"142098d59d8a5df4054e7a39f4d93b0ddc06109b",open:this.isOpen,parentRef:this.triggerRef,onSdClose:()=>this.closeDropdown()},i("sd-calendar",{key:"319dc85ff9a41e8b04fdaecc1c7e9e01c953014b",elevated:!0,value:this.value,selectable:this.selectable,onSdUpdate:this.handleSelect,onSdViewChange:this.handleViewChange})))}static get watchers(){return{isOpen:[{watchIsOpen:0}]}}static get style(){return"sd-date-picker{display:inline-flex}sd-date-picker sd-portal{display:none}sd-date-picker .sd-date-picker{position:relative;width:100%;height:100%}"}},[512,"sd-date-picker",{value:[1025],size:[513],placeholder:[513],selectable:[16],disabled:[516],width:[8],label:[1],labelWidth:[8,"label-width"],addonLabel:[1,"addon-label"],addonAlign:[1,"addon-align"],hint:[1],errorMessage:[1,"error-message"],rules:[16],error:[1028],status:[1],icon:[16],labelTooltip:[1,"label-tooltip"],labelTooltipProps:[16],name:[1],isOpen:[32],isAnimatingOut:[32],focused:[32],hovered:[32],sdValidate:[64],sdReset:[64],sdResetValidate:[64]},void 0,{isOpen:[{watchIsOpen:0}]}]);function k(){"undefined"!=typeof customElements&&["sd-date-picker","sd-calendar","sd-date-picker-trigger","sd-field","sd-floating-portal","sd-ghost-button","sd-icon","sd-portal","sd-tag","sd-tooltip"].forEach((e=>{switch(e){case"sd-date-picker":customElements.get(a(e))||customElements.define(a(e),g);break;case"sd-calendar":customElements.get(a(e))||l();break;case"sd-date-picker-trigger":customElements.get(a(e))||n();break;case"sd-field":customElements.get(a(e))||h();break;case"sd-floating-portal":customElements.get(a(e))||c();break;case"sd-ghost-button":customElements.get(a(e))||p();break;case"sd-icon":customElements.get(a(e))||m();break;case"sd-portal":customElements.get(a(e))||u();break;case"sd-tag":customElements.get(a(e))||b();break;case"sd-tooltip":customElements.get(a(e))||f()}}))}export{g as S,k as d}
+import{p as e,H as s,c as t,h as i,t as a}from"./p-Br8E2gpA.js";import{n as d}from"./p-CCwNgVmC.js";import{D as r,a as o}from"./p-Cj1tlXCY.js";import{d as l}from"./p-CbffRIae.js";import{d as n}from"./p-1ZYElZaM.js";import{d as c}from"./p-7VzVE0oV.js";import{d as h}from"./p-BFBKrBpn.js";import{d as p}from"./p-B-DK72cc.js";import{d as m}from"./p-jbqIrDHw.js";import{d as b}from"./p-Hh0L_XZ6.js";import{d as u}from"./p-CZym_85X.js";import{d as f}from"./p-B7fiz4d8.js";const g=e(class e extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.update=t(this,"sdUpdate",7),this.viewChange=t(this,"sdViewChange",7)}static CLOSE_ANIMATION_DURATION=150;get el(){return this}value=null;size="sm";placeholder="YYYY-MM-DD";selectable;disabled=!1;width="";label="";labelWidth="";addonLabel="";addonAlign="start";hint="";errorMessage="";rules=[];error=!1;status;icon=void 0;labelTooltip="";labelTooltipProps=null;isOpen=!1;isAnimatingOut=!1;focused=!1;hovered=!1;update;viewChange;triggerRef;formField;closeAnimationTimer;name=d();watchIsOpen(e){this.focused=e}async sdValidate(){return this.formField?.sdValidate()}async sdReset(){return this.formField?.sdReset()}async sdResetValidate(){return this.formField?.sdResetValidation()}closeDropdown(){this.isOpen&&(this.isOpen=!1,this.isAnimatingOut=!0,this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.closeAnimationTimer=setTimeout((()=>{this.isAnimatingOut=!1}),e.CLOSE_ANIMATION_DURATION))}handleTriggerClick=()=>{this.disabled||(this.isOpen?this.closeDropdown():(this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.isAnimatingOut=!1,this.isOpen=!0))};handleSelect=e=>{e.stopPropagation(),this.closeDropdown(),this.value=e.detail;const s=this.value;requestAnimationFrame((()=>{this.update.emit(s)}))};handleViewChange=e=>{this.viewChange.emit(e.detail)};disconnectedCallback(){this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer)}render(){const e=o[this.size]??o.sm;return i("sd-field",{key:"c3adbcb65f372a7c33350a747b29b5a35990c292",name:this.name,label:this.label,labelWidth:this.labelWidth,addonLabel:this.addonLabel,addonAlign:this.addonAlign,hint:this.hint,errorMessage:this.errorMessage,width:this.width,rules:this.rules,error:this.error,status:this.status,disabled:this.disabled,focused:this.focused,hovered:this.hovered,size:this.size,icon:this.icon,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:e=>this.formField=e,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1,style:{"--sd-system-size-field-sm-height":`${e.height}px`,"--sd-system-radius-field-sm":`${e.radius}px`,"--sd-system-color-field-border-default":r.border.default,"--sd-system-color-field-border-focus":r.border.focus,"--sd-system-color-field-bg-default":r.bg.default}},i("div",{key:"aac9b498321c4506a6979a17de4896c4521887a1",class:"sd-date-picker",ref:e=>{this.triggerRef=e}},i("sd-date-picker-trigger",{key:"00a558ac1c9a5af666c62c15e18e240036e1bb34",displayText:this.value??"",placeholder:this.placeholder,disabled:this.disabled,size:this.size,onSdTriggerClick:this.handleTriggerClick})),(this.isOpen||this.isAnimatingOut)&&i("sd-portal",{key:"142098d59d8a5df4054e7a39f4d93b0ddc06109b",open:this.isOpen,parentRef:this.triggerRef,onSdClose:()=>this.closeDropdown()},i("sd-calendar",{key:"319dc85ff9a41e8b04fdaecc1c7e9e01c953014b",elevated:!0,value:this.value,selectable:this.selectable,onSdUpdate:this.handleSelect,onSdViewChange:this.handleViewChange})))}static get watchers(){return{isOpen:[{watchIsOpen:0}]}}static get style(){return"sd-date-picker{display:inline-flex}sd-date-picker sd-portal{display:none}sd-date-picker .sd-date-picker{position:relative;width:100%;height:100%}"}},[512,"sd-date-picker",{value:[1025],size:[513],placeholder:[513],selectable:[16],disabled:[516],width:[8],label:[1],labelWidth:[8,"label-width"],addonLabel:[1,"addon-label"],addonAlign:[1,"addon-align"],hint:[1],errorMessage:[1,"error-message"],rules:[16],error:[1028],status:[1],icon:[16],labelTooltip:[1,"label-tooltip"],labelTooltipProps:[16],name:[1],isOpen:[32],isAnimatingOut:[32],focused:[32],hovered:[32],sdValidate:[64],sdReset:[64],sdResetValidate:[64]},void 0,{isOpen:[{watchIsOpen:0}]}]);function k(){"undefined"!=typeof customElements&&["sd-date-picker","sd-calendar","sd-date-picker-trigger","sd-field","sd-floating-portal","sd-ghost-button","sd-icon","sd-portal","sd-tag","sd-tooltip"].forEach((e=>{switch(e){case"sd-date-picker":customElements.get(a(e))||customElements.define(a(e),g);break;case"sd-calendar":customElements.get(a(e))||l();break;case"sd-date-picker-trigger":customElements.get(a(e))||n();break;case"sd-field":customElements.get(a(e))||c();break;case"sd-floating-portal":customElements.get(a(e))||h();break;case"sd-ghost-button":customElements.get(a(e))||p();break;case"sd-icon":customElements.get(a(e))||m();break;case"sd-portal":customElements.get(a(e))||b();break;case"sd-tag":customElements.get(a(e))||u();break;case"sd-tooltip":customElements.get(a(e))||f()}}))}export{g as S,k as d}

package/dist/components/{p-qZxAQy4p.js → p-B7fiz4d8.js}

@@ -1 +1 @@
-import{p as t,H as s,h as e,F as i,t as o}from"./p-C6wuKkUq.js";import{T as n}from"./p-BvJ14GuJ.js";import{d as a}from"./p-DSWD8udu.js";import{d as l}from"./p-SYnTIeiO.js";import{d as c}from"./p-DWnuCSqC.js";import{d as r}from"./p-CH9dgzTr.js";import{d}from"./p-CTCt17CE.js";var h={bg:"#07284A",content:"#FFFFFF"},m={bg:"#FCEFEF",content:"#FB4444"},p={bg:"#FEF1EA",content:"#FF6B00"},u={bg:"#E6F1FF",content:"#0075FF"};const g={default:{bg:h.bg,content:h.content},danger:{bg:m.bg,content:m.content},warning:{bg:p.bg,content:p.content},accent:{bg:u.bg,content:u.content}},f=t(class t extends s{constructor(t){super(),!1!==t&&this.__registerHost()}get el(){return this}trigger="hover";placement="top";color="#01BB4B";tooltipType="default";icon="helpOutline";iconSize=12;ariaLabel="";disabled=!1;useClose=!1;message=[];triggerClassName="";showTooltip=!1;slotContentHTML="";triggerEl;isAnchorMode=!1;menuEl;hideTimeout;closeTimeout;static CLOSE_ANIM_MS=150;openTooltip=()=>{this.disabled||(this.cancelHideTimer(),this.showTooltip=!0,this.menuEl&&this.menuEl.classList.remove("sd-floating-menu--closing"))};closeTooltip=()=>{this.menuEl&&this.menuEl.classList.add("sd-floating-menu--closing"),this.closeTimeout=setTimeout((()=>{this.showTooltip=!1}),t.CLOSE_ANIM_MS)};startHideTimer=()=>{this.hideTimeout=setTimeout((()=>this.closeTooltip()),100)};cancelHideTimer=()=>{this.hideTimeout&&(clearTimeout(this.hideTimeout),this.hideTimeout=void 0),this.closeTimeout&&(clearTimeout(this.closeTimeout),this.closeTimeout=void 0)};get tooltipOffset(){switch(this.placement??"top"){case"top":return[0,-4];case"bottom":return[0,4];case"left":case"right":return[4,0]}}handleClose=()=>!this.useClose&&this.closeTooltip();async show(){this.openTooltip()}async hide(){this.closeTooltip()}componentWillLoad(){this.isAnchorMode=Array.from(this.el.children).some((t=>"anchor"===t.getAttribute("slot"))),this.isAnchorMode||(this.slotContentHTML=this.el.innerHTML,this.el.replaceChildren()),this.el.classList.toggle("visible",!0)}render(){const t=this.placement??"top",s=this.tooltipType??"default",o=this.icon??"helpOutline",a=this.color??"#01BB4B",l=g[s]??g.default,c="hover"===(this.trigger??"hover")?{onMouseEnter:()=>this.openTooltip(),onMouseLeave:()=>!this.useClose&&this.startHideTimer()}:{onClick:()=>{this.showTooltip?this.showTooltip=!1:this.openTooltip()}},r=["sd-tooltip-trigger",this.triggerClassName].filter((t=>void 0!==t&&""!==t)).join(" "),d=this.message&&this.message.length>0?this.message.map((t=>`<div>${t}</div>`)).join(""):this.slotContentHTML;return e(i,{key:"bdac226a4c4363e4461619b197584742e670f0dc"},e("div",{key:"3455977839562a69f8ee0a8b008e197b62944eac",ref:t=>this.triggerEl=t,class:r,...c},this.isAnchorMode?e("slot",{name:"anchor"}):e("sd-icon",{name:o,size:this.iconSize??12,color:a,"aria-label":this.ariaLabel||void 0,class:"sd-tooltip"})),this.showTooltip&&e("sd-floating-portal",{key:"787d1240ed16df1d56d82449e8130376cc45cfa0",parentRef:this.triggerEl,onSdClose:this.handleClose,placement:t,offset:this.tooltipOffset},e("div",{key:"e8c6139f815f837b5ada7eb4d8d95a7ae47293a6",ref:t=>this.menuEl=t,class:{"sd-floating-menu":!0,[`sd-floating-menu--${s}`]:!0,[`sd-floating-menu--${t}`]:!0,"sd-floating-menu--has-close":this.useClose},style:{"--sd-floating-bg":l.bg,"--sd-floating-content":l.content},onMouseEnter:()=>this.openTooltip(),onMouseLeave:()=>!this.useClose&&this.startHideTimer()},e("i",{key:"b845e04d76578972d651bf62e5580571c187367f",class:`sd-floating-menu__arrow sd-floating-menu__arrow--${t}`},e(n,{key:"8d4dbba5fb8134ccfa4282e2344142d3427a8d1e"})),e("div",{key:"3d532c9ff232c51bde05543b24ce619c6ab34c9c",class:"sd-floating-menu__content",innerHTML:d}),this.useClose&&e("sd-ghost-button",{key:"53eb0fd00f2713451e201bb47f8b211b39287a43",class:"sd-floating-menu__close-button",icon:"close",ariaLabel:"close",size:"xxs",onClick:()=>this.closeTooltip()}))))}static get style(){return"sd-tooltip{visibility:hidden !important;display:inline-flex}sd-tooltip.visible{visibility:visible !important}sd-tooltip .sd-tooltip-trigger{display:inline-flex;position:relative;cursor:pointer;align-items:center;justify-content:center}"}},[772,"sd-tooltip",{trigger:[1],placement:[1],color:[1],tooltipType:[1,"tooltip-type"],icon:[1],iconSize:[2,"icon-size"],ariaLabel:[1,"aria-label"],disabled:[4],useClose:[4,"use-close"],message:[16],triggerClassName:[1,"trigger-class-name"],showTooltip:[32],slotContentHTML:[32],show:[64],hide:[64]}]);function b(){"undefined"!=typeof customElements&&["sd-tooltip","sd-floating-portal","sd-ghost-button","sd-icon","sd-portal","sd-tag"].forEach((t=>{switch(t){case"sd-tooltip":customElements.get(o(t))||customElements.define(o(t),f);break;case"sd-floating-portal":customElements.get(o(t))||a();break;case"sd-ghost-button":customElements.get(o(t))||l();break;case"sd-icon":customElements.get(o(t))||c();break;case"sd-portal":customElements.get(o(t))||r();break;case"sd-tag":customElements.get(o(t))||d()}}))}export{f as S,b as d}
+import{p as t,H as s,h as e,F as i,t as o}from"./p-Br8E2gpA.js";import{T as a}from"./p-Cf3_sXLv.js";import{d as n}from"./p-BFBKrBpn.js";import{d as l}from"./p-B-DK72cc.js";import{d as r}from"./p-jbqIrDHw.js";import{d as c}from"./p-Hh0L_XZ6.js";import{d}from"./p-CZym_85X.js";var h={bg:"#07284A",content:"#FFFFFF"},f={bg:"#FCEFEF",content:"#FB4444"},m={bg:"#FEF1EA",content:"#FF6B00"},p={bg:"#E6F1FF",content:"#0075FF"};const b={default:{bg:h.bg,content:h.content},danger:{bg:f.bg,content:f.content},warning:{bg:m.bg,content:m.content},accent:{bg:p.bg,content:p.content}},g=t(class t extends s{constructor(t){super(),!1!==t&&this.__registerHost()}get el(){return this}trigger="hover";placement="top";color="#01BB4B";tooltipType="default";icon="helpOutline";iconSize=12;ariaLabel="";disabled=!1;useClose=!1;message=[];triggerClassName="";showTooltip=!1;slotContentHTML="";triggerEl;isAnchorMode=!1;menuEl;hideTimeout;closeTimeout;static CLOSE_ANIM_MS=150;openTooltip=()=>{this.disabled||(this.cancelHideTimer(),this.showTooltip=!0,this.menuEl&&this.menuEl.classList.remove("sd-floating-menu--closing"))};closeTooltip=()=>{this.menuEl&&this.menuEl.classList.add("sd-floating-menu--closing"),this.closeTimeout=setTimeout((()=>{this.showTooltip=!1}),t.CLOSE_ANIM_MS)};startHideTimer=()=>{this.hideTimeout=setTimeout((()=>this.closeTooltip()),100)};cancelHideTimer=()=>{this.hideTimeout&&(clearTimeout(this.hideTimeout),this.hideTimeout=void 0),this.closeTimeout&&(clearTimeout(this.closeTimeout),this.closeTimeout=void 0)};get tooltipOffset(){switch(this.placement??"top"){case"top":return[0,-4];case"bottom":return[0,4];case"left":case"right":return[4,0]}}handleClose=()=>!this.useClose&&this.closeTooltip();async show(){this.openTooltip()}async hide(){this.closeTooltip()}componentWillLoad(){this.isAnchorMode=Array.from(this.el.children).some((t=>"anchor"===t.getAttribute("slot"))),this.isAnchorMode||(this.slotContentHTML=this.el.innerHTML,this.el.replaceChildren()),this.el.classList.toggle("visible",!0)}render(){const t=this.placement??"top",s=this.tooltipType??"default",o=this.icon??"helpOutline",n=this.color??"#01BB4B",l=b[s]??b.default,r="hover"===(this.trigger??"hover")?{onMouseEnter:()=>this.openTooltip(),onMouseLeave:()=>!this.useClose&&this.startHideTimer()}:{onClick:()=>{this.showTooltip?this.showTooltip=!1:this.openTooltip()}},c=["sd-tooltip-trigger",this.triggerClassName].filter((t=>void 0!==t&&""!==t)).join(" "),d=this.message&&this.message.length>0?this.message.map((t=>`<div>${t}</div>`)).join(""):this.slotContentHTML;return e(i,{key:"8e5afa1bf102cc80a55236285f2078db9e3e6d71"},e("div",{key:"8b495516f54380b2dc26a38ef079042f84be80f9",ref:t=>this.triggerEl=t,class:c,...r},this.isAnchorMode?e("slot",{name:"anchor"}):e("sd-icon",{name:o,size:this.iconSize??12,color:n,"aria-label":this.ariaLabel||void 0,class:"sd-tooltip"})),this.showTooltip&&e("sd-floating-portal",{key:"40361756093a60edb946a0677dde60be0b816629",parentRef:this.triggerEl,onSdClose:this.handleClose,placement:t,offset:this.tooltipOffset},e("div",{key:"2d8ee914d5805b63c5490afaffb86537c9aba363",ref:t=>this.menuEl=t,class:{"sd-floating-menu":!0,[`sd-floating-menu--${s}`]:!0,[`sd-floating-menu--${t}`]:!0,"sd-floating-menu--has-close":this.useClose},style:{"--sd-floating-bg":l.bg,"--sd-floating-content":l.content},onMouseEnter:()=>this.openTooltip(),onMouseLeave:()=>!this.useClose&&this.startHideTimer()},e("i",{key:"b0a78b609bee555faed3ed1ebe231b0df11fe0fd",class:`sd-floating-menu__arrow sd-floating-menu__arrow--${t}`},e(a,{key:"fb490ceb86d93c34d775fff88b0afa4a1f0a93af"})),e("div",{key:"15262700844de3bf7112384f008dca8f02bdf12b",class:"sd-floating-menu__content",innerHTML:d}),this.useClose&&e("sd-ghost-button",{key:"611a3b913f281659b4564024d813994b4d7a4c3d",class:"sd-floating-menu__close-button",icon:"close",ariaLabel:"close",size:"xxs",onClick:()=>this.closeTooltip()}))))}static get style(){return"sd-tooltip{visibility:hidden !important;display:inline-flex}sd-tooltip.visible{visibility:visible !important}sd-tooltip .sd-tooltip-trigger{display:inline-flex;position:relative;cursor:pointer;align-items:center;justify-content:center}"}},[772,"sd-tooltip",{trigger:[1],placement:[1],color:[1],tooltipType:[1,"tooltip-type"],icon:[1],iconSize:[2,"icon-size"],ariaLabel:[1,"aria-label"],disabled:[4],useClose:[4,"use-close"],message:[16],triggerClassName:[1,"trigger-class-name"],showTooltip:[32],slotContentHTML:[32],show:[64],hide:[64]}]);function u(){"undefined"!=typeof customElements&&["sd-tooltip","sd-floating-portal","sd-ghost-button","sd-icon","sd-portal","sd-tag"].forEach((t=>{switch(t){case"sd-tooltip":customElements.get(o(t))||customElements.define(o(t),g);break;case"sd-floating-portal":customElements.get(o(t))||n();break;case"sd-ghost-button":customElements.get(o(t))||l();break;case"sd-icon":customElements.get(o(t))||r();break;case"sd-portal":customElements.get(o(t))||c();break;case"sd-tag":customElements.get(o(t))||d()}}))}export{g as S,u as d}