@sellmate/design-system 1.32.0 → 1.33.0

package/dist/collection/components/sd-select/sd-select-trigger/sd-select-trigger.js

@@ -51,7 +51,7 @@ export class SdSelectTrigger {
                 ? SELECT_COLORS.icon.disabled
                 : SELECT_COLORS.icon.default,
         };
-        return (h("div", { key: 'afda44bd2f8dcf0ab75d75b0178b067f96e61707', ref: el => {
+        return (h("div", { key: 'e69f1033d563735330a3ca334bed2cdadbff8b64', ref: el => {
                 this.triggerEl = el;
             }, role: "button", "aria-haspopup": "listbox", "aria-expanded": this.isOpen ? 'true' : 'false', tabindex: this.disabled ? -1 : 0, class: {
                 'sd-select-trigger': true,
@@ -62,7 +62,7 @@ export class SdSelectTrigger {
                     e.preventDefault();
                     this.handleClick();
                 }
-            }, onFocus: this.handleFocus, onBlur: this.handleBlur }, h("div", { key: '061acc7d557d222b2616538346d415a6f37a198e', class: "sd-select-trigger__content" }, hasValue && isHtmlLabel(this.displayText) ? (h("span", { class: "sd-select-trigger__text", ref: el => el && (el.innerHTML = sanitizeInlineHtml(this.displayText)) })) : (h("span", { class: "sd-select-trigger__text" }, hasValue ? this.displayText : (this.placeholder ?? '선택'))), h("sd-icon", { key: '6444177838d54360776bbbfa7f08da7a6f556a16', name: "chevronDown", size: 12, color: "var(--trigger-icon-color)", class: {
+            }, onFocus: this.handleFocus, onBlur: this.handleBlur }, h("div", { key: 'e64c73dbafbbcf4b4f487669cc7fc2513e68b371', class: "sd-select-trigger__content" }, hasValue && isHtmlLabel(this.displayText) ? (h("span", { class: "sd-select-trigger__text", ref: el => el && (el.innerHTML = sanitizeInlineHtml(this.displayText)) })) : (h("span", { class: "sd-select-trigger__text" }, hasValue ? this.displayText : (this.placeholder ?? '선택'))), h("sd-icon", { key: '7607b8286ac5b9ee0d04c3b89153372d225093d9', name: "chevronDown", size: 12, color: "var(--trigger-icon-color)", class: {
                 'sd-select-trigger__icon': true,
                 'sd-select-trigger__icon--open': this.isOpen,
             } }))));

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

@@ -283,15 +283,15 @@ export class SdSelect {
                 this.closeDropdown();
             },
         };
-        return (h("sd-field", { key: '5a224160fc18dff8deb4c3a2a9d1bc024c3ebd5b', 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, focused: this.focused, hovered: this.hovered, icon: this.icon, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, onMouseEnter: () => {
+        return (h("sd-field", { key: 'a0c87e52733b30d61b3d5d5c62448afd42430458', 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, focused: this.focused, hovered: this.hovered, icon: this.icon, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, onMouseEnter: () => {
                 this.hovered = true;
             }, onMouseLeave: () => {
                 this.hovered = false;
-            } }, h("div", { key: '575ece02e659c99154598ad4ab416e26a7217e52', class: "sd-select", ref: el => {
+            } }, h("div", { key: '0ae8920ff073dec69d26224b6f3c9d393014b276', class: "sd-select", ref: el => {
                 this.triggerRef = el;
-            } }, h("sd-select-trigger", { key: '39f1dc9bbb7e2e94e0ccf3a3b2f339b48f5e0b84', ref: el => {
+            } }, h("sd-select-trigger", { key: '196b9e1fdfede2c24f8d1f963bfbb14062a7a819', ref: el => {
                 this.triggerComponentRef = el;
-            }, displayText: this.displayText, placeholder: this.placeholder ?? '선택', disabled: this.disabled, isOpen: this.isOpen, onSdTriggerClick: this.handleTriggerClick, onSdTriggerFocus: this.handleTriggerFocus, onSdTriggerBlur: this.handleTriggerBlur })), (this.isOpen || this.isAnimatingOut) && (h("sd-portal", { key: 'c1ec4d1f8f5aebeff2427e8323a3eb74f7c02ebb', ...portalProps }, h("sd-select-listbox", { key: 'd74641151357b007a7293d5a2a0dabb625a5e55b', type: this.type, options: this.options, value: this.value, emitValue: this.emitValue, useSearch: this.useSearch, useSelectAll: this.useSelectAll, triggerWidth: this.dropdownWidth || this.triggerWidth, maxWidth: this.resolvedMaxDropdownWidth, maxHeight: this.resolvedDropdownHeight, onSdOptionSelect: event => this.handleOptionSelect(event.detail) })))));
+            }, displayText: this.displayText, placeholder: this.placeholder ?? '선택', disabled: this.disabled, isOpen: this.isOpen, onSdTriggerClick: this.handleTriggerClick, onSdTriggerFocus: this.handleTriggerFocus, onSdTriggerBlur: this.handleTriggerBlur })), (this.isOpen || this.isAnimatingOut) && (h("sd-portal", { key: '1c0ddae84bbe0b02e7a726eccff2ecbdc0214d72', ...portalProps }, h("sd-select-listbox", { key: '90372a0eb3db042ed1c23fd789356a3e1d90cc80', type: this.type, options: this.options, value: this.value, emitValue: this.emitValue, useSearch: this.useSearch, useSelectAll: this.useSelectAll, triggerWidth: this.dropdownWidth || this.triggerWidth, maxWidth: this.resolvedMaxDropdownWidth, maxHeight: this.resolvedDropdownHeight, onSdOptionSelect: event => this.handleOptionSelect(event.detail) })))));
     }
     static get is() { return "sd-select"; }
     static get originalStyleUrls() {

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

@@ -56,7 +56,7 @@ export class SdStepper {
         };
     }
     render() {
-        return (h("div", { key: '0255899ce447c38d44a618acc72692d2c746ebc3', class: "sd-stepper", role: "list", "aria-label": this.ariaLabel, style: this.buildCssVars() }, this.items.map((item, index) => {
+        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',

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: '3ff528a7fe1a39cae2475d31af98036dd5f0c7d8', "aria-label": accessibleName, class: this.switchClasses, style: cssVars }, h("input", { key: '02e54ab9b626be19ff1efd330069e3f9477367c6', type: "checkbox", checked: this.value, disabled: this.disabled, onInput: this.handleChange }), this.leftLabel && h("span", { key: '2eed006c7de45f1cda9d009fa4228c8cb1f56755', class: "sd-switch__label" }, this.leftLabel), h("div", { key: '031c7c3121c54a45b7de0187c31e2e298a0f9701', class: "sd-switch__track" }, h("div", { key: '15a3225b7dd4deab98feb4f6581d89f9cf480edd', class: "sd-switch__knob" })), right && h("span", { key: '04b2185de5b5d2c05f24b3818c6dbc1300680d13', 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: 'c88c2d10181fd02076ac9c0ecdb6d3e95bd727c3', 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: '007bdda5f38f94997c65f3542b4075a62c11a391', 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: '536185bb53815baae7807a5d4708d9f0100c07c1', class: "sd-textarea__content" }, h("textarea", { key: '144ae3ca78f8c3953bfef9951cb79952186b856c', 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: '9bf6683c63cf784bba552872b00b53a19e7bd77d', class: "sd-time-picker-selector", style: cssVars }, this.useMeridiem && (h("div", { key: '096e30217c77ab8faf305965528f97026eefee85', class: "sd-time-picker-selector__meridiem" }, h("div", { key: '4931f8e17bfb1cb356e1d713dfdf1635ced0429a', class: "sd-time-picker-selector__meridiem-group" }, this.renderMeridiemButton('오전', 'AM', 'first'), this.renderMeridiemButton('오후', 'PM', 'end')))), this.useMeridiem && h("div", { key: 'a69fcd7379092069faaa556e7dc6649c46072314', class: "sd-time-picker-selector__divider" }), h("div", { key: '620e20c888b254533c34d626eac5012456b76052', class: "sd-time-picker-selector__time" }, this.renderColumn('hour'), h("span", { key: '483fc0afbbaf8faae65012bcead48a04bce6b446', 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: '4cd9086e21a7e7fedb6601c163dcf9c5c8f374d1', 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: 'c38c13b3dc8c072430bb5b40765b96582696e04c', name: "clockOutline", size: Number(sizeTokens.iconSize), color: "var(--trigger-icon-color)", class: "sd-time-picker-trigger__icon" }), h("span", { key: '245e636a0645d97c825a44607516d8821cc533f9', class: "sd-time-picker-trigger__text" }, hasValue ? this.displayText : this.placeholder), this.clearable && hasValue && !this.disabled && (h("sd-ghost-button", { key: 'fa740470bf8b798fcf0863ba9e7822e496e8e841', 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: '77b2d4c36e19481ccb6a3d0cef288fe9eb902330', 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: '2d25872f4d1253faf85384030de21ef283e0696d', 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: 'fe4a4611216642bcee5632c2202dec0058cc6898', 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: 'd2f921b2eee8d3cc33c52c6eb06f24188f18a78a', open: this.isOpen, parentRef: this.triggerRef, onSdClose: () => this.closeDropdown() }, h("sd-time-picker-selector", { key: 'd53c348ef16a1ddac731a49d0aafe64931007d32', 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: 'd62a959d611bd9379c0f07cd29cea18cda66b1f6', class: "sd-time-range-picker-selector", style: cssVars }, this.renderPanel('start', '시작 시간'), h("div", { key: '23e668d0bae4a16fdc8af3be4a2c40bec2d7f1cd', 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: 'b709c0fe129ab899b60aa75e41bc949cb82184d7', 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: '7fffb9bb91a0fa8a8fdce7704c47aea2de0b509a', 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: 'b1f42c77070fc46da93aa66e681ee9504c999d11', 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: 'ad91d531c8326a7e977f8c576e1026c4d6d0115c', open: this.isOpen, parentRef: this.triggerRef, onSdClose: () => this.closeDropdown() }, h("sd-time-range-picker-selector", { key: '0df138447c01169ea3e0462d012c4917ac7f904b', 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: '5d7511c3fe5a5ef828986ff624af7c52ff087cfa', 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: 'c35b42d7ece2030ed0e27abb0059f9b09c4edb9e', class: "sd-toast", role: "status", "aria-live": "polite", "aria-atomic": "true" }, this.icon && (h("div", { key: '015223ab3e9d4296d3782afc0c6cfd60e54289c7', class: "sd-toast__icon" }, h("sd-icon", { key: '6d8e5d73fc026df0d8f75439b926bd027ca6a008', name: this.icon, size: iconSize, color: iconColor }))), h("div", { key: 'b601081818d66910d9d2f9984bfb9a473237b065', class: "sd-toast__content" }, h("span", { key: '6a17766f5a337cbc85179dc310fb400186f35ac6', class: "sd-toast__message" }, this.message)), this.link && (h("a", { key: '80abceec8d37905073c9a8e43fcdd1a78978b5f6', href: this.link, class: "sd-toast__link", target: "_blank", rel: "noopener noreferrer" }, this.linkLabel || this.link)), this.buttonLabel && (h("sd-button", { key: '212516f32c46938d405e68dbb156cf139b39ffd8', class: "sd-toast__button", name: buttonName, label: this.buttonLabel, onSdClick: (event) => this.buttonClick.emit(event.detail) })), this.useClose && (h("sd-ghost-button", { key: '9fd34f93f46d9a5a25ec52e0d164bbcaf4297e2e', 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: '166ac21503b08853631fddaed047ab108a99570a', 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: 'f78d58c01b943a5f22ace9cb14e50b0098cc8206', class: this.toggleClasses, style: cssVars, "aria-label": this.label || 'toggle' }, this.label, h("input", { key: '8b8d8e09b322a5093c57129f94c49f6951d78df7', 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: 'd5854a26d23173e2c3493d301b0befefccd25cac' }, h("div", { key: '996d9ca989e7032f86ea3744b878b596e5947d15', 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: '5583e344bac78edbd353c759f187c387823a4304', parentRef: this.triggerEl, onSdClose: this.handleClose, placement: placement, offset: this.tooltipOffset }, h("div", { key: '446e2fbf5e0e26901e635081a1e1100c7bfb8106', 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: '0ccae56e8e88cf2ca33eeb4780fbfabd9fa33a99', class: `sd-floating-menu__arrow sd-floating-menu__arrow--${placement}` }, h(TooltipArrow, { key: 'e10701628f3cb708f89fad5f910475edc30e0e50' })), h("div", { key: '3cbedf1225e4cc5bf3fad45754b7ab663e9ab5f2', class: "sd-floating-menu__content", innerHTML: bodyHTML }), this.useClose && (h("sd-ghost-button", { key: '90198241c12483bb8db4d13d5ba73ea6d3765574', 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-C8x8VEb8.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-DvlLDBO7.js → p-1ZYElZaM.js}

@@ -1 +1 @@
-import{p as e,H as t,c as i,h as r,t as s}from"./p-C8x8VEb8.js";import{a as g,D as d}from"./p-bXzpfkfN.js";import{d as a}from"./p-BpTKv3vN.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-DtadjLky.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-C8x8VEb8.js";import{d as n}from"./p-BpTKv3vN.js";import{d as a}from"./p-irA7XFIS.js";import{d as r}from"./p-CNNjhHTA.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)},N=p.opacity,z={default:m.content,danger:f.content,action:v.content,inverse:x.content},k={default:m.hover.bg,danger:f.hover.bg,action:v.hover.bg,inverse:x.hover.bg},E=g.disabled,w={default:E,danger:E,action:E,inverse:x.disabled},B=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]:z[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":k[e],"--sd-ghost-button-hover-opacity":N,"--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 L(){"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),B);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{B as S,L 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-C1KeTx0Z.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-C8x8VEb8.js";import{n as d}from"./p-CCwNgVmC.js";import{D as o,a as r}from"./p-bXzpfkfN.js";import{d as l}from"./p-D0IDp-M3.js";import{d as h}from"./p-DvlLDBO7.js";import{d as n}from"./p-vj3gimgB.js";import{d as c}from"./p-BBAwMOGx.js";import{d as p}from"./p-DtadjLky.js";import{d as m}from"./p-BpTKv3vN.js";import{d as b}from"./p-irA7XFIS.js";import{d as u}from"./p-CNNjhHTA.js";import{d as f}from"./p-22hyxPno.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=r[this.size]??r.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":o.border.default,"--sd-system-color-field-border-focus":o.border.focus,"--sd-system-color-field-bg-default":o.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))||h();break;case"sd-field":customElements.get(a(e))||n();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))||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}
+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-22hyxPno.js → p-B7fiz4d8.js}

@@ -1 +1 @@
-import{p as t,H as s,h as e,F as i,t as o}from"./p-C8x8VEb8.js";import{T as a}from"./p-DdYWQ4Z5.js";import{d as n}from"./p-BBAwMOGx.js";import{d as l}from"./p-DtadjLky.js";import{d as c}from"./p-BpTKv3vN.js";import{d as r}from"./p-irA7XFIS.js";import{d}from"./p-CNNjhHTA.js";var h={bg:"#07284A",content:"#FFFFFF"},m={bg:"#FCEFEF",content:"#FB4444"},p={bg:"#FEF1EA",content:"#FF6B00"},f={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:f.bg,content:f.content}},b=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=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:"d5854a26d23173e2c3493d301b0befefccd25cac"},e("div",{key:"996d9ca989e7032f86ea3744b878b596e5947d15",ref:t=>this.triggerEl=t,class:r,...c},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:"5583e344bac78edbd353c759f187c387823a4304",parentRef:this.triggerEl,onSdClose:this.handleClose,placement:t,offset:this.tooltipOffset},e("div",{key:"446e2fbf5e0e26901e635081a1e1100c7bfb8106",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:"0ccae56e8e88cf2ca33eeb4780fbfabd9fa33a99",class:`sd-floating-menu__arrow sd-floating-menu__arrow--${t}`},e(a,{key:"e10701628f3cb708f89fad5f910475edc30e0e50"})),e("div",{key:"3cbedf1225e4cc5bf3fad45754b7ab663e9ab5f2",class:"sd-floating-menu__content",innerHTML:d}),this.useClose&&e("sd-ghost-button",{key:"90198241c12483bb8db4d13d5ba73ea6d3765574",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),b);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))||c();break;case"sd-portal":customElements.get(o(t))||r();break;case"sd-tag":customElements.get(o(t))||d()}}))}export{b as S,u 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}

package/dist/components/{p-BhLF3gGb.js → p-B7yWar7A.js}

@@ -1 +1 @@
-import{p as s,H as a,c as o,h as e,d,t}from"./p-C8x8VEb8.js";import{m as i}from"./p-Cw8yDfQh.js";import{d as l}from"./p-B6BgOB_-.js";import{d as n}from"./p-CBx8KWmu.js";import{d as r}from"./p-DtadjLky.js";import{d as m}from"./p-BpTKv3vN.js";import{d as g}from"./p-irA7XFIS.js";import{d as c}from"./p-CNNjhHTA.js";const h={minWidth:Number(i.modal.loading.width),minHeight:Number(i.modal.loading.height),gap:Number(i.modal.loading.gap),contentSize:Number(i.modal.loading.content),radius:Number(i.modal.radius)},u={bg:i.modal.bg,messageColor:i.modal.loading.message.color,errorIcon:i.modal.confirm.negative.icon},p=i.modal.loading.message.typography.fontFamily,b=Number(i.modal.loading.message.typography.fontSize),f=Number(i.modal.loading.message.typography.fontWeight),v=Number(i.modal.loading.message.typography.lineHeight),x={loading:"작업 진행중...",error:"작업에 실패하였습니다. 다시 시도해 주세요."},_={loading:"작업 취소",error:"다시 시도"},y=s(class extends a{constructor(s){super(),!1!==s&&this.__registerHost(),this.click=o(this,"sdClick",7),this.close=o(this,"sdClose",7)}state="loading";message="";useButton=!1;buttonLabel="";width;height;progress;click;close;get resolvedState(){return this.state??"loading"}get resolvedMessage(){return this.message||x[this.resolvedState]}get resolvedButtonLabel(){return this.buttonLabel||_[this.resolvedState]}get showButton(){return this.useButton||"error"===this.resolvedState}handleClick=()=>{this.click.emit()};toCssSize(s){if(null!=s&&""!==s)return"number"==typeof s?`${s}px`:s}render(){const s={"--sd-loading-modal-min-width":`${h.minWidth}px`,"--sd-loading-modal-min-height":`${h.minHeight}px`,"--sd-loading-modal-gap":`${h.gap}px`,"--sd-loading-modal-content-size":`${h.contentSize}px`,"--sd-loading-modal-radius":`${h.radius}px`,"--sd-loading-modal-bg":u.bg,"--sd-loading-modal-message-color":u.messageColor,"--sd-loading-modal-message-font-family":p,"--sd-loading-modal-message-font-size":`${b}px`,"--sd-loading-modal-message-font-weight":`${f}`,"--sd-loading-modal-message-line-height":`${v}px`,"--sd-loading-modal-error-color":u.errorIcon,"--sd-loading-modal-width":this.toCssSize(this.width)??`${h.minWidth}px`,"--sd-loading-modal-height":this.toCssSize(this.height)??`${h.minHeight}px`};return e(d,{key:"c6b6406cc751cfc007f6fbff72580a22b2975c03",style:s},e("div",{key:"139b7397598768e526275dc8b508a333ba1e6058",class:"sd-loading-modal"},"error"===this.resolvedState&&e("sd-ghost-button",{key:"098c693d5da0c333fb06309be5371a5e8a6c3016",class:"sd-loading-modal__close",icon:"close",ariaLabel:"close",onClick:()=>this.close.emit()}),e("div",{key:"f072a17c4c8e47e296cbf52d34414a32efa6aaa1",class:"sd-loading-modal__content"},"loading"===this.resolvedState?e("sd-circle-progress",void 0!==this.progress?{value:this.progress}:{indeterminate:!0}):e("sd-icon",{class:"sd-loading-modal__icon",name:"warningOutline",size:h.contentSize,color:u.errorIcon})),e("div",{key:"a2c501cfee2181b2a7dda2544e03bf1a709baaf3",class:"sd-loading-modal__message-wrapper"},Array.isArray(this.resolvedMessage)?this.resolvedMessage.map((s=>e("p",{class:"sd-loading-modal__message"},s))):e("p",{class:"sd-loading-modal__message"},this.resolvedMessage)),this.showButton&&e("div",{key:"e9d1beef80bf8fa4a0647802ce4a6e023e74bc12",class:"sd-loading-modal__button"},e("sd-button",{key:"63a64f356fc09cbaf56ff715d04c97b208f63945",name:"neutral_outline_sm",label:this.resolvedButtonLabel,onSdClick:this.handleClick}))))}static get style(){return"sd-loading-modal{display:inline-block}sd-loading-modal .sd-loading-modal{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sd-loading-modal-gap);min-width:var(--sd-loading-modal-min-width);min-height:var(--sd-loading-modal-min-height);width:var(--sd-loading-modal-width, auto);height:var(--sd-loading-modal-height, auto);border-radius:var(--sd-loading-modal-radius);background:var(--sd-loading-modal-bg);box-shadow:4px 4px 24px 4px rgba(0, 0, 0, 0.2)}sd-loading-modal .sd-loading-modal__close{position:absolute;top:16px;right:16px;cursor:pointer}sd-loading-modal .sd-loading-modal__content{display:flex;align-items:center;justify-content:center;width:var(--sd-loading-modal-content-size);height:var(--sd-loading-modal-content-size)}sd-loading-modal .sd-loading-modal__message{margin:0;color:var(--sd-loading-modal-message-color);font-family:var(--sd-loading-modal-message-font-family);font-size:var(--sd-loading-modal-message-font-size);font-weight:var(--sd-loading-modal-message-font-weight);line-height:var(--sd-loading-modal-message-line-height);text-align:center}sd-loading-modal .sd-loading-modal__button{display:flex;justify-content:center}"}},[512,"sd-loading-modal",{state:[513],message:[1],useButton:[516,"use-button"],buttonLabel:[1,"button-label"],width:[8],height:[8],progress:[2]}]);function k(){"undefined"!=typeof customElements&&["sd-loading-modal","sd-button","sd-circle-progress","sd-ghost-button","sd-icon","sd-portal","sd-tag"].forEach((s=>{switch(s){case"sd-loading-modal":customElements.get(t(s))||customElements.define(t(s),y);break;case"sd-button":customElements.get(t(s))||l();break;case"sd-circle-progress":customElements.get(t(s))||n();break;case"sd-ghost-button":customElements.get(t(s))||r();break;case"sd-icon":customElements.get(t(s))||m();break;case"sd-portal":customElements.get(t(s))||g();break;case"sd-tag":customElements.get(t(s))||c()}}))}export{y as S,k as d}
+import{p as s,H as a,c as o,h as e,d,t}from"./p-Br8E2gpA.js";import{m as i}from"./p-Cw8yDfQh.js";import{d as l}from"./p-CWXl1y4p.js";import{d as n}from"./p-GBy_9AmI.js";import{d as r}from"./p-B-DK72cc.js";import{d as m}from"./p-jbqIrDHw.js";import{d as g}from"./p-Hh0L_XZ6.js";import{d as c}from"./p-CZym_85X.js";const h={minWidth:Number(i.modal.loading.width),minHeight:Number(i.modal.loading.height),gap:Number(i.modal.loading.gap),contentSize:Number(i.modal.loading.content),radius:Number(i.modal.radius)},u={bg:i.modal.bg,messageColor:i.modal.loading.message.color,errorIcon:i.modal.confirm.negative.icon},p=i.modal.loading.message.typography.fontFamily,b=Number(i.modal.loading.message.typography.fontSize),f=Number(i.modal.loading.message.typography.fontWeight),_=Number(i.modal.loading.message.typography.lineHeight),y={loading:"작업 진행중...",error:"작업에 실패하였습니다. 다시 시도해 주세요."},v={loading:"작업 취소",error:"다시 시도"},x=s(class extends a{constructor(s){super(),!1!==s&&this.__registerHost(),this.click=o(this,"sdClick",7),this.close=o(this,"sdClose",7)}state="loading";message="";useButton=!1;buttonLabel="";width;height;progress;click;close;get resolvedState(){return this.state??"loading"}get resolvedMessage(){return this.message||y[this.resolvedState]}get resolvedButtonLabel(){return this.buttonLabel||v[this.resolvedState]}get showButton(){return this.useButton||"error"===this.resolvedState}handleClick=()=>{this.click.emit()};toCssSize(s){if(null!=s&&""!==s)return"number"==typeof s?`${s}px`:s}render(){const s={"--sd-loading-modal-min-width":`${h.minWidth}px`,"--sd-loading-modal-min-height":`${h.minHeight}px`,"--sd-loading-modal-gap":`${h.gap}px`,"--sd-loading-modal-content-size":`${h.contentSize}px`,"--sd-loading-modal-radius":`${h.radius}px`,"--sd-loading-modal-bg":u.bg,"--sd-loading-modal-message-color":u.messageColor,"--sd-loading-modal-message-font-family":p,"--sd-loading-modal-message-font-size":`${b}px`,"--sd-loading-modal-message-font-weight":`${f}`,"--sd-loading-modal-message-line-height":`${_}px`,"--sd-loading-modal-error-color":u.errorIcon,"--sd-loading-modal-width":this.toCssSize(this.width)??`${h.minWidth}px`,"--sd-loading-modal-height":this.toCssSize(this.height)??`${h.minHeight}px`};return e(d,{key:"3345eafdbadbeafbded749980fc430a562641186",style:s},e("div",{key:"f2e176fef188efddf8da7c1eb7ec1b81c297103a",class:"sd-loading-modal"},"error"===this.resolvedState&&e("sd-ghost-button",{key:"10467944830b01596eaf0d2b71bed674965a4c49",class:"sd-loading-modal__close",icon:"close",ariaLabel:"close",onClick:()=>this.close.emit()}),e("div",{key:"93f086d4e84705eebd44ad08eaca0a99f9d604a0",class:"sd-loading-modal__content"},"loading"===this.resolvedState?e("sd-circle-progress",void 0!==this.progress?{value:this.progress}:{indeterminate:!0}):e("sd-icon",{class:"sd-loading-modal__icon",name:"warningOutline",size:h.contentSize,color:u.errorIcon})),e("div",{key:"c18752743b70f933746d8057c78c126b2f02520e",class:"sd-loading-modal__message-wrapper"},Array.isArray(this.resolvedMessage)?this.resolvedMessage.map((s=>e("p",{class:"sd-loading-modal__message"},s))):e("p",{class:"sd-loading-modal__message"},this.resolvedMessage)),this.showButton&&e("div",{key:"260f9247f8a7e66ea16ddf7866b560f15c824be8",class:"sd-loading-modal__button"},e("sd-button",{key:"ab5ca5a2bc6adb63b15f7a8cc22fa9c091f627bd",name:"neutral_outline_sm",label:this.resolvedButtonLabel,onSdClick:this.handleClick}))))}static get style(){return"sd-loading-modal{display:inline-block}sd-loading-modal .sd-loading-modal{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sd-loading-modal-gap);min-width:var(--sd-loading-modal-min-width);min-height:var(--sd-loading-modal-min-height);width:var(--sd-loading-modal-width, auto);height:var(--sd-loading-modal-height, auto);border-radius:var(--sd-loading-modal-radius);background:var(--sd-loading-modal-bg);box-shadow:4px 4px 24px 4px rgba(0, 0, 0, 0.2)}sd-loading-modal .sd-loading-modal__close{position:absolute;top:16px;right:16px;cursor:pointer}sd-loading-modal .sd-loading-modal__content{display:flex;align-items:center;justify-content:center;width:var(--sd-loading-modal-content-size);height:var(--sd-loading-modal-content-size)}sd-loading-modal .sd-loading-modal__message{margin:0;color:var(--sd-loading-modal-message-color);font-family:var(--sd-loading-modal-message-font-family);font-size:var(--sd-loading-modal-message-font-size);font-weight:var(--sd-loading-modal-message-font-weight);line-height:var(--sd-loading-modal-message-line-height);text-align:center}sd-loading-modal .sd-loading-modal__button{display:flex;justify-content:center}"}},[512,"sd-loading-modal",{state:[513],message:[1],useButton:[516,"use-button"],buttonLabel:[1,"button-label"],width:[8],height:[8],progress:[2]}]);function k(){"undefined"!=typeof customElements&&["sd-loading-modal","sd-button","sd-circle-progress","sd-ghost-button","sd-icon","sd-portal","sd-tag"].forEach((s=>{switch(s){case"sd-loading-modal":customElements.get(t(s))||customElements.define(t(s),x);break;case"sd-button":customElements.get(t(s))||l();break;case"sd-circle-progress":customElements.get(t(s))||n();break;case"sd-ghost-button":customElements.get(t(s))||r();break;case"sd-icon":customElements.get(t(s))||m();break;case"sd-portal":customElements.get(t(s))||g();break;case"sd-tag":customElements.get(t(s))||c()}}))}export{x as S,k as d}

package/dist/components/{p-DjKOoQuF.js → p-B9hmJn6D.js}

@@ -1 +1 @@
-var e={field:{label:{sm:{height:"28",gap:"6",icon:"16",typography:{fontWeight:"700",fontSize:"12",lineHeight:"20"}},md:{height:"36",gap:"8",icon:"16",typography:{fontWeight:"700",fontSize:"14",lineHeight:"24"}}},addonLabel:{gap:"6",paddingX:"12",typography:{fontWeight:"500",fontSize:"12",lineHeight:"20"},bg:"#F6F6F6",border:{default:"#AAAAAA",disabled:"#CCCCCC",width:"1"}},hint:{typography:{fontSize:"12",lineHeight:"20"},color:"#555555"},errorMessage:{typography:{fontSize:"12",lineHeight:"20"},color:"#E30000"},contents:{gap:"4"}}};export{e as f}
+var e={field:{label:{sm:{height:"28",gap:"6",icon:"16",typography:{fontSize:"12",lineHeight:"20",fontWeight:"700"}},md:{height:"36",gap:"8",icon:"16",typography:{fontWeight:"700",fontSize:"14",lineHeight:"24"}}},addonLabel:{gap:"6",paddingX:"12",typography:{fontSize:"12",lineHeight:"20",fontWeight:"500"},bg:"#F6F6F6",border:{default:"#AAAAAA",disabled:"#CCCCCC",width:"1"}},hint:{typography:{fontSize:"12",lineHeight:"20"},color:"#555555"},errorMessage:{typography:{fontSize:"12",lineHeight:"20"},color:"#E30000"},contents:{gap:"4"}}};export{e as f}

package/dist/components/{p-CikPzSw-.js → p-BD30POlo.js}

@@ -1 +1 @@
-import{p as t,H as e,c as i,h as s,t as n}from"./p-C8x8VEb8.js";import{n as r}from"./p-CCwNgVmC.js";import{f as d}from"./p-DjKOoQuF.js";import{d as u}from"./p-vj3gimgB.js";import{d as a}from"./p-BBAwMOGx.js";import{d as o}from"./p-DtadjLky.js";import{d as l}from"./p-BpTKv3vN.js";import{d as p}from"./p-irA7XFIS.js";import{d as h}from"./p-CNNjhHTA.js";import{d as c}from"./p-22hyxPno.js";var m={numberInput:{sm:{height:"28",paddingX:"6",radius:"4",typography:{fontWeight:"400",fontSize:"12",lineHeight:"20"}},md:{height:"36",paddingX:"8",radius:"6",typography:{fontWeight:"400",fontSize:"14",lineHeight:"24"}},border:{default:"#AAAAAA",focus:"#0075FF",danger:"#FB4444"},bg:{default:"#FFFFFF"},text:{default:"#222222",placeholder:"#AAAAAA",disabled:"#888888"},stepper:{sm:{size:"20"},md:{size:"24"},radius:"4",bg:{default:"#EFF6FF",disabled:"#EEEEEE"},icon:{default:"#0075FF",disabled:"#BBBBBB"}}}};const b=m.numberInput.sm,f=m.numberInput.md,g={sm:{height:b.height,paddingX:b.paddingX,radius:b.radius,fontSize:b.typography.fontSize,lineHeight:b.typography.lineHeight,fontWeight:b.typography.fontWeight},md:{height:f.height,paddingX:f.paddingX,radius:f.radius,fontSize:f.typography.fontSize,lineHeight:f.typography.lineHeight,fontWeight:f.typography.fontWeight}},y={border:m.numberInput.border,bg:m.numberInput.bg,text:m.numberInput.text},x={sm:{size:m.numberInput.stepper.sm.size},md:{size:m.numberInput.stepper.md.size},radius:m.numberInput.stepper.radius,bg:m.numberInput.stepper.bg,icon:m.numberInput.stepper.icon},_=d.field.hint,v=d.field.errorMessage,w=d.field.contents.gap,F=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.update=i(this,"sdUpdate",7),this.focus=i(this,"sdFocus",7),this.blur=i(this,"sdBlur",7)}get el(){return this}size="sm";min=Number.NEGATIVE_INFINITY;max=Number.POSITIVE_INFINITY;step=1;useButton=!1;useDecimal=!1;maxDecimalLength;value=null;label;labelWidth="";icon=void 0;labelTooltip="";labelTooltipProps=null;addonLabel="";addonAlign="start";placeholder="입력해 주세요.";disabled=!1;width;rules=[];autoFocus=!1;status;hint="";errorMessage="";inputPrefix="";inputSuffix="";inputClass="";readonly=!1;inputStyle={};error=!1;focused=!1;hovered=!1;internalValue=null;displayValue="";nativeEl=void 0;formField;name=r();update;focus;blur;toNumber(t){if(null==t||""===t)return null;if("number"==typeof t)return isNaN(t)?null:t;if("string"==typeof t)return this.parseInput(t);const e=Number(t);return isNaN(e)?null:e}formatWithCommas(t){if(null==t||isNaN(t))return"";const e=t<0,i=Math.abs(t),[s,n]=i.toString().split("."),r=(+s).toLocaleString(),d=e?"-"+r:r;return void 0!==n&&""!==n?d+"."+n:String(d)}getDecimalLimit(){if(this.useDecimal&&void 0!==this.maxDecimalLength&&Number.isFinite(this.maxDecimalLength))return Math.max(0,Math.floor(this.maxDecimalLength))}truncateToDecimalLimit(t,e){if(!t.includes("."))return t;const[i,s=""]=t.split("."),n=s.slice(0,e);return""===n?i:`${i}.${n}`}applyDecimalLimit(t){const e=this.getDecimalLimit();if(void 0===e)return t;const i=parseFloat(this.truncateToDecimalLimit(t.toString(),e));return isNaN(i)?t:i}parseInput(t){if(""===t.trim())return null;const e=t.replace(/,/g,"").trim();if(!/^-?(\d+\.?\d*|\d*\.\d+)$/.test(e))return null;if(!this.useDecimal&&e.includes("."))return null;const i=this.getDecimalLimit(),s=void 0!==i?this.truncateToDecimalLimit(e,i):e,n=parseFloat(s);return isNaN(n)?null:n}clampMinMax(t){return isNaN(t)?0:Math.min(Math.max(t,this.min),this.max)}updateDisplay(){this.displayValue=this.formatWithCommas(this.internalValue)}isIncrementDisabled(){return!(!this.disabled&&!this.readonly)||null!==this.internalValue&&this.internalValue>=this.max}isDecrementDisabled(){return!(!this.disabled&&!this.readonly)||null!==this.internalValue&&this.internalValue<=this.min}valueChanged(t){const e=this.toNumber(t);this.internalValue=null!==e?this.clampMinMax(e):null,this.updateDisplay()}internalValueChanged(t){this.updateDisplay(),t!==this.value&&(this.value=t,this.update?.emit(t))}async sdValidate(){this.formField?.sdValidate()}async sdReset(){this.formField?.sdReset()}async sdResetValidate(){this.formField?.sdResetValidation()}async sdFocus(){this.formField?.sdFocus()}async sdGetNativeElement(){return this.nativeEl||null}componentWillLoad(){const t=this.toNumber(this.value);null!==t&&(this.internalValue=this.clampMinMax(t)),this.updateDisplay()}componentDidLoad(){this.autoFocus&&this.nativeEl?.focus()}handleInput=t=>{const e=t.target,i=e.value;if(""===i)return this.internalValue=null,void(this.displayValue="");const s=i.replace(/,/g,""),n=(s.match(/\./g)||[]).length;if(n>1)return void(e.value=this.displayValue);if("-"===s||"."===s||"-."===s)return void(e.value=s);if(s.endsWith(".")&&1===n){const t=s.slice(0,-1),i=this.parseInput(t);if(null!==i){const t=this.formatWithCommas(i);return void(e.value=t+".")}}const r=this.parseInput(s);if(null!==r){if(r<this.min)return void(e.value=this.displayValue);if(r>this.max)return void(e.value=this.displayValue);this.internalValue=r,this.displayValue=this.formatWithCommas(r),e.value=this.displayValue}else e.value=this.displayValue};handleFocus=t=>{this.focused=!0,this.focus?.emit(t)};handleBlur=async t=>{this.updateDisplay(),this.nativeEl&&(this.nativeEl.value=this.displayValue),this.rules&&this.rules.length>0&&await(this.formField?.sdValidate()),this.focused=!1,this.blur?.emit(t)};handleKeyDown=t=>{"ArrowUp"===t.key?(t.preventDefault(),this.handleIncrement()):"ArrowDown"===t.key&&(t.preventDefault(),this.handleDecrement())};handleIncrement=()=>{if(this.isIncrementDisabled())return;const t=this.internalValue??this.min??0;let e=t+this.step;e>this.max&&(e=this.max),e=this.applyDecimalLimit(e),e!==t&&(this.internalValue=e)};handleDecrement=()=>{if(this.isDecrementDisabled())return;const t=this.internalValue??this.min??0;let e=t-this.step;e<this.min&&(e=this.min),e=this.applyDecimalLimit(e),e!==t&&(this.internalValue=e)};render(){const t=g[this.size]??g.sm,e="md"===this.size?14:12;return s("sd-field",{key:"ffa6befb9565a33e762fce231c29d7a2f663eb08",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,size:this.size,icon:this.icon,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:t=>this.formField=t,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1,style:{"--sd-number-input-font-size":`${t.fontSize}px`,"--sd-number-input-line-height":`${t.lineHeight}px`,"--sd-number-input-font-weight":t.fontWeight,"--sd-number-input-padding-x":`${t.paddingX}px`,"--sd-number-input-text-color":y.text.default,"--sd-number-input-placeholder-color":y.text.placeholder,"--sd-number-input-disabled-color":y.text.disabled,"--sd-number-input-stepper-size":`${x[this.size]?.size??x.sm.size}px`,"--sd-number-input-stepper-radius":`${x.radius}px`,"--sd-number-input-stepper-bg":x.bg.default,"--sd-number-input-stepper-bg-disabled":x.bg.disabled,"--sd-number-input-stepper-icon-color":x.icon.default,"--sd-number-input-stepper-icon-disabled":x.icon.disabled,"--sd-system-size-field-sm-height":`${t.height}px`,"--sd-system-radius-field-sm":`${t.radius}px`,"--sd-system-color-field-border-default":y.border.default,"--sd-system-color-field-border-focus":y.border.focus,"--sd-system-color-field-border-danger":y.border.danger,"--sd-system-color-field-bg-default":y.bg.default,"--sd-textinput-input-text-error-message":v.color,"--sd-textinput-input-error-message-typography-font-size":`${v.typography.fontSize}px`,"--sd-textinput-input-error-message-typography-line-height":`${v.typography.lineHeight}px`,"--sd-textinput-input-text-hint":_.color,"--sd-textinput-input-hint-typography-font-size":`${_.typography.fontSize}px`,"--sd-textinput-input-hint-typography-line-height":`${_.typography.lineHeight}px`,"--sd-textinput-input-contents-gap":`${w}px`}},s("div",{key:"2fb1686b071fd69c65fc0c908807c029edc3b253",class:{"sd-number-input__content":!0,"sd-number-input__content--no-stepper":!this.useButton}},this.useButton&&s("button",{key:"6b2464867bb0224f4fbcb50ea4e4bfc5386474ba",type:"button",class:"sd-number-input__stepper sd-number-input__stepper--decrement",disabled:this.isDecrementDisabled(),onClick:this.handleDecrement,tabindex:-1},s("sd-icon",{key:"f65e9144ad93f4ba8d293b5af1bf9fd1286e7520",name:"minus",size:e,color:this.isDecrementDisabled()?x.icon.disabled:x.icon.default})),this.inputPrefix&&s("span",{key:"3d89b3557f961f36b429e3cf4ae247098a412b30",class:"sd-number-input__prefix"},this.inputPrefix),s("input",{key:"c5c503b634aee3b0c8d81f855b5de1d0abe35eac",name:this.name,ref:t=>this.nativeEl=t,class:`sd-number-input__native ${this.inputClass}`,type:"text",inputMode:"numeric",value:this.displayValue,placeholder:this.placeholder??"입력해 주세요.",disabled:this.disabled,readonly:this.readonly,autofocus:this.autoFocus,onInput:this.handleInput,onKeyDown:this.handleKeyDown,onFocus:this.handleFocus,onBlur:this.handleBlur,style:{textAlign:this.useButton?"center":"right",...this.inputStyle}}),this.inputSuffix&&s("span",{key:"15177064a4daab2ede3af4f8758912da266f1c29",class:"sd-number-input__suffix"},this.inputSuffix),this.useButton&&s("button",{key:"dcc1fbfe7c4e7eaa6db95fe7dc9a34f4b82ade8b",type:"button",class:"sd-number-input__stepper sd-number-input__stepper--increment",disabled:this.isIncrementDisabled(),onClick:this.handleIncrement,tabindex:-1},s("sd-icon",{key:"58eee48f37c0e942a3734a9275a9d459bc9bc420",name:"add",size:e,color:this.isIncrementDisabled()?x.icon.disabled:x.icon.default}))))}static get watchers(){return{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}}static get style(){return"sd-number-input{display:inline-flex}sd-number-input .sd-number-input__content{width:100%;height:100%;display:flex;flex-flow:row nowrap;align-items:center;gap:var(--sd-number-input-padding-x);color:var(--sd-number-input-text-color);font-size:var(--sd-number-input-font-size);line-height:var(--sd-number-input-line-height);font-weight:var(--sd-number-input-font-weight);padding:0 var(--sd-number-input-padding-x)}sd-number-input .sd-number-input__content--no-stepper{padding:0 calc(var(--sd-number-input-padding-x) * 2)}sd-number-input .sd-number-input__content .sd-number-input__native{width:100%;height:100%;min-width:0;border:none;outline:none;background:transparent;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;padding-block:0;padding-inline:0}sd-number-input .sd-number-input__content .sd-number-input__native[disabled]{cursor:not-allowed;color:var(--sd-number-input-disabled-color)}sd-number-input .sd-number-input__content .sd-number-input__native[readonly]{color:var(--sd-system-color-field-text-read-only)}sd-number-input .sd-number-input__content .sd-number-input__native::placeholder{color:var(--sd-number-input-placeholder-color)}sd-number-input .sd-number-input__content .sd-number-input__prefix,sd-number-input .sd-number-input__content .sd-number-input__suffix{flex-shrink:0;white-space:nowrap;color:var(--sd-number-input-placeholder-color);font-size:inherit;line-height:inherit}sd-number-input .sd-number-input__content .sd-number-input__stepper{flex-shrink:0;width:var(--sd-number-input-stepper-size);height:var(--sd-number-input-stepper-size);border:none;border-radius:var(--sd-number-input-stepper-radius);background-color:var(--sd-number-input-stepper-bg);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;margin:0;transition:background-color 0.15s ease}sd-number-input .sd-number-input__content .sd-number-input__stepper:hover:not(:disabled){filter:brightness(0.95)}sd-number-input .sd-number-input__content .sd-number-input__stepper:disabled{background-color:var(--sd-number-input-stepper-bg-disabled);cursor:not-allowed}"}},[512,"sd-number-input",{size:[1],min:[2],max:[2],step:[2],useButton:[4,"use-button"],useDecimal:[4,"use-decimal"],maxDecimalLength:[2,"max-decimal-length"],value:[1032],label:[1],labelWidth:[8,"label-width"],icon:[16],labelTooltip:[1,"label-tooltip"],labelTooltipProps:[16],addonLabel:[1,"addon-label"],addonAlign:[1,"addon-align"],placeholder:[1],disabled:[4],width:[8],rules:[16],autoFocus:[4,"auto-focus"],status:[1],hint:[1],errorMessage:[1,"error-message"],inputPrefix:[1,"input-prefix"],inputSuffix:[1,"input-suffix"],inputClass:[1,"input-class"],readonly:[4],inputStyle:[16],error:[1028],focused:[1028],hovered:[1028],name:[1],internalValue:[32],displayValue:[32],sdValidate:[64],sdReset:[64],sdResetValidate:[64],sdFocus:[64],sdGetNativeElement:[64]},void 0,{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}]);function k(){"undefined"!=typeof customElements&&["sd-number-input","sd-field","sd-floating-portal","sd-ghost-button","sd-icon","sd-portal","sd-tag","sd-tooltip"].forEach((t=>{switch(t){case"sd-number-input":customElements.get(n(t))||customElements.define(n(t),F);break;case"sd-field":customElements.get(n(t))||u();break;case"sd-floating-portal":customElements.get(n(t))||a();break;case"sd-ghost-button":customElements.get(n(t))||o();break;case"sd-icon":customElements.get(n(t))||l();break;case"sd-portal":customElements.get(n(t))||p();break;case"sd-tag":customElements.get(n(t))||h();break;case"sd-tooltip":customElements.get(n(t))||c()}}))}export{F as S,k as d}
+import{p as t,H as e,c as i,h as s,t as n}from"./p-Br8E2gpA.js";import{n as r}from"./p-CCwNgVmC.js";import{f as d}from"./p-B9hmJn6D.js";import{d as u}from"./p-7VzVE0oV.js";import{d as a}from"./p-BFBKrBpn.js";import{d as o}from"./p-B-DK72cc.js";import{d as l}from"./p-jbqIrDHw.js";import{d as p}from"./p-Hh0L_XZ6.js";import{d as h}from"./p-CZym_85X.js";import{d as c}from"./p-B7fiz4d8.js";var m={numberInput:{sm:{height:"28",paddingX:"6",radius:"4",typography:{fontWeight:"400",fontSize:"12",lineHeight:"20"}},md:{height:"36",paddingX:"8",radius:"6",typography:{fontWeight:"400",fontSize:"14",lineHeight:"24"}},border:{default:"#AAAAAA",focus:"#0075FF",danger:"#FB4444"},bg:{default:"#FFFFFF"},text:{default:"#222222",placeholder:"#AAAAAA",disabled:"#888888"},stepper:{sm:{size:"20"},md:{size:"24"},radius:"4",bg:{default:"#EFF6FF",disabled:"#EEEEEE"},icon:{default:"#0075FF",disabled:"#BBBBBB"}}}};const b=m.numberInput.sm,f=m.numberInput.md,g={sm:{height:b.height,paddingX:b.paddingX,radius:b.radius,fontSize:b.typography.fontSize,lineHeight:b.typography.lineHeight,fontWeight:b.typography.fontWeight},md:{height:f.height,paddingX:f.paddingX,radius:f.radius,fontSize:f.typography.fontSize,lineHeight:f.typography.lineHeight,fontWeight:f.typography.fontWeight}},y={border:m.numberInput.border,bg:m.numberInput.bg,text:m.numberInput.text},_={sm:{size:m.numberInput.stepper.sm.size},md:{size:m.numberInput.stepper.md.size},radius:m.numberInput.stepper.radius,bg:m.numberInput.stepper.bg,icon:m.numberInput.stepper.icon},x=d.field.hint,v=d.field.errorMessage,w=d.field.contents.gap,z=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.update=i(this,"sdUpdate",7),this.focus=i(this,"sdFocus",7),this.blur=i(this,"sdBlur",7)}get el(){return this}size="sm";min=Number.NEGATIVE_INFINITY;max=Number.POSITIVE_INFINITY;step=1;useButton=!1;useDecimal=!1;maxDecimalLength;value=null;label;labelWidth="";icon=void 0;labelTooltip="";labelTooltipProps=null;addonLabel="";addonAlign="start";placeholder="입력해 주세요.";disabled=!1;width;rules=[];autoFocus=!1;status;hint="";errorMessage="";inputPrefix="";inputSuffix="";inputClass="";readonly=!1;inputStyle={};error=!1;focused=!1;hovered=!1;internalValue=null;displayValue="";nativeEl=void 0;formField;name=r();update;focus;blur;toNumber(t){if(null==t||""===t)return null;if("number"==typeof t)return isNaN(t)?null:t;if("string"==typeof t)return this.parseInput(t);const e=Number(t);return isNaN(e)?null:e}formatWithCommas(t){if(null==t||isNaN(t))return"";const e=t<0,i=Math.abs(t),[s,n]=i.toString().split("."),r=(+s).toLocaleString(),d=e?"-"+r:r;return void 0!==n&&""!==n?d+"."+n:String(d)}getDecimalLimit(){if(this.useDecimal&&void 0!==this.maxDecimalLength&&Number.isFinite(this.maxDecimalLength))return Math.max(0,Math.floor(this.maxDecimalLength))}truncateToDecimalLimit(t,e){if(!t.includes("."))return t;const[i,s=""]=t.split("."),n=s.slice(0,e);return""===n?i:`${i}.${n}`}applyDecimalLimit(t){const e=this.getDecimalLimit();if(void 0===e)return t;const i=parseFloat(this.truncateToDecimalLimit(t.toString(),e));return isNaN(i)?t:i}parseInput(t){if(""===t.trim())return null;const e=t.replace(/,/g,"").trim();if(!/^-?(\d+\.?\d*|\d*\.\d+)$/.test(e))return null;if(!this.useDecimal&&e.includes("."))return null;const i=this.getDecimalLimit(),s=void 0!==i?this.truncateToDecimalLimit(e,i):e,n=parseFloat(s);return isNaN(n)?null:n}clampMinMax(t){return isNaN(t)?0:Math.min(Math.max(t,this.min),this.max)}updateDisplay(){this.displayValue=this.formatWithCommas(this.internalValue)}isIncrementDisabled(){return!(!this.disabled&&!this.readonly)||null!==this.internalValue&&this.internalValue>=this.max}isDecrementDisabled(){return!(!this.disabled&&!this.readonly)||null!==this.internalValue&&this.internalValue<=this.min}valueChanged(t){const e=this.toNumber(t);this.internalValue=null!==e?this.clampMinMax(e):null,this.updateDisplay()}internalValueChanged(t){this.updateDisplay(),t!==this.value&&(this.value=t,this.update?.emit(t))}async sdValidate(){this.formField?.sdValidate()}async sdReset(){this.formField?.sdReset()}async sdResetValidate(){this.formField?.sdResetValidation()}async sdFocus(){this.formField?.sdFocus()}async sdGetNativeElement(){return this.nativeEl||null}componentWillLoad(){const t=this.toNumber(this.value);null!==t&&(this.internalValue=this.clampMinMax(t)),this.updateDisplay()}componentDidLoad(){this.autoFocus&&this.nativeEl?.focus()}handleInput=t=>{const e=t.target,i=e.value;if(""===i)return this.internalValue=null,void(this.displayValue="");const s=i.replace(/,/g,""),n=(s.match(/\./g)||[]).length;if(n>1)return void(e.value=this.displayValue);if("-"===s||"."===s||"-."===s)return void(e.value=s);if(s.endsWith(".")&&1===n){const t=s.slice(0,-1),i=this.parseInput(t);if(null!==i){const t=this.formatWithCommas(i);return void(e.value=t+".")}}const r=this.parseInput(s);if(null!==r){if(r<this.min)return void(e.value=this.displayValue);if(r>this.max)return void(e.value=this.displayValue);this.internalValue=r,this.displayValue=this.formatWithCommas(r),e.value=this.displayValue}else e.value=this.displayValue};handleFocus=t=>{this.focused=!0,this.focus?.emit(t)};handleBlur=async t=>{this.updateDisplay(),this.nativeEl&&(this.nativeEl.value=this.displayValue),this.rules&&this.rules.length>0&&await(this.formField?.sdValidate()),this.focused=!1,this.blur?.emit(t)};handleKeyDown=t=>{"ArrowUp"===t.key?(t.preventDefault(),this.handleIncrement()):"ArrowDown"===t.key&&(t.preventDefault(),this.handleDecrement())};handleIncrement=()=>{if(this.isIncrementDisabled())return;const t=this.internalValue??this.min??0;let e=t+this.step;e>this.max&&(e=this.max),e=this.applyDecimalLimit(e),e!==t&&(this.internalValue=e)};handleDecrement=()=>{if(this.isDecrementDisabled())return;const t=this.internalValue??this.min??0;let e=t-this.step;e<this.min&&(e=this.min),e=this.applyDecimalLimit(e),e!==t&&(this.internalValue=e)};render(){const t=g[this.size]??g.sm,e="md"===this.size?14:12;return s("sd-field",{key:"4a54c567270f657086819fc6e3856d84c60315d5",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,size:this.size,icon:this.icon,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:t=>this.formField=t,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1,style:{"--sd-number-input-font-size":`${t.fontSize}px`,"--sd-number-input-line-height":`${t.lineHeight}px`,"--sd-number-input-font-weight":t.fontWeight,"--sd-number-input-padding-x":`${t.paddingX}px`,"--sd-number-input-text-color":y.text.default,"--sd-number-input-placeholder-color":y.text.placeholder,"--sd-number-input-disabled-color":y.text.disabled,"--sd-number-input-stepper-size":`${_[this.size]?.size??_.sm.size}px`,"--sd-number-input-stepper-radius":`${_.radius}px`,"--sd-number-input-stepper-bg":_.bg.default,"--sd-number-input-stepper-bg-disabled":_.bg.disabled,"--sd-number-input-stepper-icon-color":_.icon.default,"--sd-number-input-stepper-icon-disabled":_.icon.disabled,"--sd-system-size-field-sm-height":`${t.height}px`,"--sd-system-radius-field-sm":`${t.radius}px`,"--sd-system-color-field-border-default":y.border.default,"--sd-system-color-field-border-focus":y.border.focus,"--sd-system-color-field-border-danger":y.border.danger,"--sd-system-color-field-bg-default":y.bg.default,"--sd-textinput-input-text-error-message":v.color,"--sd-textinput-input-error-message-typography-font-size":`${v.typography.fontSize}px`,"--sd-textinput-input-error-message-typography-line-height":`${v.typography.lineHeight}px`,"--sd-textinput-input-text-hint":x.color,"--sd-textinput-input-hint-typography-font-size":`${x.typography.fontSize}px`,"--sd-textinput-input-hint-typography-line-height":`${x.typography.lineHeight}px`,"--sd-textinput-input-contents-gap":`${w}px`}},s("div",{key:"ce88be1aa4f4b684e3a4036495b39a3b0fc88289",class:{"sd-number-input__content":!0,"sd-number-input__content--no-stepper":!this.useButton}},this.useButton&&s("button",{key:"fb7b50a15c6925fb39ab0ccc0b6df2ad14d07aa6",type:"button",class:"sd-number-input__stepper sd-number-input__stepper--decrement",disabled:this.isDecrementDisabled(),onClick:this.handleDecrement,tabindex:-1},s("sd-icon",{key:"6e53dc6237c049c0a766f5c141abe872abc17e32",name:"minus",size:e,color:this.isDecrementDisabled()?_.icon.disabled:_.icon.default})),this.inputPrefix&&s("span",{key:"c378b1efe0df186b2a6137fd7738467b53892d12",class:"sd-number-input__prefix"},this.inputPrefix),s("input",{key:"f264c7af10764a0d4b49bd5696b5f84985b9df2d",name:this.name,ref:t=>this.nativeEl=t,class:`sd-number-input__native ${this.inputClass}`,type:"text",inputMode:"numeric",value:this.displayValue,placeholder:this.placeholder??"입력해 주세요.",disabled:this.disabled,readonly:this.readonly,autofocus:this.autoFocus,onInput:this.handleInput,onKeyDown:this.handleKeyDown,onFocus:this.handleFocus,onBlur:this.handleBlur,style:{textAlign:this.useButton?"center":"right",...this.inputStyle}}),this.inputSuffix&&s("span",{key:"100aeecc5de810c6f67679bf214ec9d612decf26",class:"sd-number-input__suffix"},this.inputSuffix),this.useButton&&s("button",{key:"2fa415cdfa3e0b2bb8f4bdd992ff69457d496913",type:"button",class:"sd-number-input__stepper sd-number-input__stepper--increment",disabled:this.isIncrementDisabled(),onClick:this.handleIncrement,tabindex:-1},s("sd-icon",{key:"ec2e9109753f67d28d3b819e4902d4c00ce7e4e6",name:"add",size:e,color:this.isIncrementDisabled()?_.icon.disabled:_.icon.default}))))}static get watchers(){return{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}}static get style(){return"sd-number-input{display:inline-flex}sd-number-input .sd-number-input__content{width:100%;height:100%;display:flex;flex-flow:row nowrap;align-items:center;gap:var(--sd-number-input-padding-x);color:var(--sd-number-input-text-color);font-size:var(--sd-number-input-font-size);line-height:var(--sd-number-input-line-height);font-weight:var(--sd-number-input-font-weight);padding:0 var(--sd-number-input-padding-x)}sd-number-input .sd-number-input__content--no-stepper{padding:0 calc(var(--sd-number-input-padding-x) * 2)}sd-number-input .sd-number-input__content .sd-number-input__native{width:100%;height:100%;min-width:0;border:none;outline:none;background:transparent;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;padding-block:0;padding-inline:0}sd-number-input .sd-number-input__content .sd-number-input__native[disabled]{cursor:not-allowed;color:var(--sd-number-input-disabled-color)}sd-number-input .sd-number-input__content .sd-number-input__native[readonly]{color:var(--sd-system-color-field-text-read-only)}sd-number-input .sd-number-input__content .sd-number-input__native::placeholder{color:var(--sd-number-input-placeholder-color)}sd-number-input .sd-number-input__content .sd-number-input__prefix,sd-number-input .sd-number-input__content .sd-number-input__suffix{flex-shrink:0;white-space:nowrap;color:var(--sd-number-input-placeholder-color);font-size:inherit;line-height:inherit}sd-number-input .sd-number-input__content .sd-number-input__stepper{flex-shrink:0;width:var(--sd-number-input-stepper-size);height:var(--sd-number-input-stepper-size);border:none;border-radius:var(--sd-number-input-stepper-radius);background-color:var(--sd-number-input-stepper-bg);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;margin:0;transition:background-color 0.15s ease}sd-number-input .sd-number-input__content .sd-number-input__stepper:hover:not(:disabled){filter:brightness(0.95)}sd-number-input .sd-number-input__content .sd-number-input__stepper:disabled{background-color:var(--sd-number-input-stepper-bg-disabled);cursor:not-allowed}"}},[512,"sd-number-input",{size:[1],min:[2],max:[2],step:[2],useButton:[4,"use-button"],useDecimal:[4,"use-decimal"],maxDecimalLength:[2,"max-decimal-length"],value:[1032],label:[1],labelWidth:[8,"label-width"],icon:[16],labelTooltip:[1,"label-tooltip"],labelTooltipProps:[16],addonLabel:[1,"addon-label"],addonAlign:[1,"addon-align"],placeholder:[1],disabled:[4],width:[8],rules:[16],autoFocus:[4,"auto-focus"],status:[1],hint:[1],errorMessage:[1,"error-message"],inputPrefix:[1,"input-prefix"],inputSuffix:[1,"input-suffix"],inputClass:[1,"input-class"],readonly:[4],inputStyle:[16],error:[1028],focused:[1028],hovered:[1028],name:[1],internalValue:[32],displayValue:[32],sdValidate:[64],sdReset:[64],sdResetValidate:[64],sdFocus:[64],sdGetNativeElement:[64]},void 0,{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}]);function F(){"undefined"!=typeof customElements&&["sd-number-input","sd-field","sd-floating-portal","sd-ghost-button","sd-icon","sd-portal","sd-tag","sd-tooltip"].forEach((t=>{switch(t){case"sd-number-input":customElements.get(n(t))||customElements.define(n(t),z);break;case"sd-field":customElements.get(n(t))||u();break;case"sd-floating-portal":customElements.get(n(t))||a();break;case"sd-ghost-button":customElements.get(n(t))||o();break;case"sd-icon":customElements.get(n(t))||l();break;case"sd-portal":customElements.get(n(t))||p();break;case"sd-tag":customElements.get(n(t))||h();break;case"sd-tooltip":customElements.get(n(t))||c()}}))}export{z as S,F as d}