@sellmate/design-system 1.0.18 → 1.0.20

package/dist/collection/components/sd-select/sd-select-option/sd-select-option.css

@@ -20,17 +20,17 @@ sd-select-option .sd-select__option__checkbox-wrapper {
   text-overflow: ellipsis;
 }
 sd-select-option .sd-select__option--focused {
-  background-color: #e6f1ff;
+  background-color: #E6F1FF;
 }
 sd-select-option .sd-select__option--selected:not(:hover):not(.sd-select__option--use-checkbox), sd-select-option .sd-select__option--focused:not(:hover):not(.sd-select__option--use-checkbox) {
-  color: #0075ff;
+  color: #0075FF;
   font-weight: 700;
 }
 sd-select-option .sd-select__option--disabled {
-  color: #aaaaaa;
+  color: #AAAAAA;
   cursor: not-allowed;
 }
 sd-select-option .sd-select__option:hover:not(.sd-select__option--disabled) {
-  background-color: #0075ff;
+  background-color: #0075FF;
   color: white;
 }

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

@@ -24,7 +24,7 @@ export class SdSelectOption {
         }
     };
     render() {
-        return (h("div", { key: '4b16081b491eefdff34e5c328a22d3e4f98bcd0a', class: {
+        return (h("div", { key: 'a4fcca24b0bdde4f4665585c6cede84bd3b64d59', class: {
                 'sd-select__option': true,
                 'sd-select__option--selected': this.isSelected,
                 'sd-select__option--disabled': !!this.option.disabled,

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

@@ -16,17 +16,17 @@ export class SdSelectSearchInput {
         input?.focus({ preventScroll: true });
     }
     render() {
-        return (h("div", { key: 'abfb2e22bf259b2a8441984eb602188fcc471a07', class: {
+        return (h("div", { key: 'b19a029ef82d876c984c1f827d7a0f29bb823f5d', class: {
                 'sd-select-search-input': true,
                 'sd-select-search-input--scrolled': !!this.isScrolled,
-            }, onClick: event => event.stopPropagation() }, h("sd-input", { key: '68d1d795b38973b48062fff42560289c6e6f1813', ref: el => (this.searchRef = el), value: this.searchText, placeholder: "\uAC80\uC0C9", clearable: true, inputStyle: { 'padding-left': '8px' }, autofocus: true, onSdUpdate: event => {
+            }, onClick: event => event.stopPropagation() }, h("sd-input", { key: '8e27f40e1b507f0c5cb2d4bde48750cd0089a9da', ref: el => (this.searchRef = el), value: this.searchText, placeholder: "\uAC80\uC0C9", clearable: true, inputStyle: { 'padding-left': '8px' }, autofocus: true, onSdUpdate: event => {
                 this.searchInput.emit(String(event?.detail));
             }, onSdFocus: () => {
                 this.searchFocus.emit();
             }, onKeyDown: event => {
                 if (event.code === 'Enter')
                     event.stopPropagation();
-            } }, h("sd-icon", { key: '6cd7f5c70e656c066d8aa0312a895a9cb30321a4', name: "search", size: 16, color: "#737373", style: { marginRight: '4px' }, slot: "prefix" }))));
+            } }, h("sd-icon", { key: '2b38a07cbc0bb0d7dd020ece45f18bdff4c262e5', name: "search", size: 16, color: "#737373", style: { marginRight: '4px' }, slot: "prefix" }))));
     }
     static get is() { return "sd-select-search-input"; }
     static get originalStyleUrls() {

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

@@ -145,7 +145,7 @@ export class SdSelectMultiple extends BaseDropdownEvent {
         this.handleOptionSelection(option);
     };
     render() {
-        return (h("sd-field", { key: 'f870320a5e124564c3f1666efb8a8e98d0fcaa4d', label: this.label, name: this.name, rules: this.rules, error: this.error, disabled: this.disabled, useLabelRequired: this.useLabelRequired, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, ref: el => (this.formField = el) }, h("div", { key: 'f6ba635376c512745488c7bd5ba29a8dd54552fa', class: {
+        return (h("sd-field", { key: 'e445d2c3f80d78be0e74b1f54371eb27d9c316e8', label: this.label, name: this.name, rules: this.rules, error: this.error, disabled: this.disabled, useLabelRequired: this.useLabelRequired, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, ref: el => (this.formField = el) }, h("div", { key: '9fad0ed744cafb9e1e5f16ee413f36edd8f2c1f3', class: {
                 'sd-select-multiple': true,
                 'sd-select-multiple--open': this.isOpen,
                 'sd-select-multiple--disabled': this.disabled,

package/dist/collection/components/sd-select-multiple-group/sd-select-multiple-group.css

@@ -5,7 +5,7 @@
 }
 .sd-select-multiple-group__dropdown::-webkit-scrollbar {
   opacity: 0;
-  background: #e5e5e5;
+  background: #E5E5E5;
 }
 .sd-select-multiple-group__dropdown::-webkit-scrollbar:horizontal {
   height: 8px;
@@ -15,7 +15,7 @@
 }
 .sd-select-multiple-group__dropdown::-webkit-scrollbar-thumb {
   height: 80px;
-  background-color: #cccccc;
+  background-color: #CCCCCC;
   border-radius: 4px;
 }
 .sd-select-multiple-group__dropdown::-webkit-scrollbar-track {

package/dist/collection/components/sd-select-multiple-group/sd-select-option-group/sd-select-option-group.css

@@ -14,13 +14,13 @@ sd-select-option-group .sd-select__option-group.sd-select__option-group--group:n
   cursor: default !important;
 }
 sd-select-option-group .sd-select__option-group.sd-select__option-group--group {
-  background-color: #f5faff !important;
+  background-color: #F5FAFF !important;
   color: #333333 !important;
   font-weight: 700;
 }
 sd-select-option-group .sd-select__option-group.sd-select__option-group--subgroup {
   padding-left: 20px;
-  background-color: #f9f9f9 !important;
+  background-color: #F9F9F9 !important;
   color: #333333 !important;
   font-weight: 500;
 }
@@ -56,18 +56,18 @@ sd-select-option-group .sd-select__option-group__label-wrapper .sd-select__optio
   color: #888888;
 }
 sd-select-option-group .sd-select__option-group--focused {
-  background-color: #e6f1ff;
+  background-color: #E6F1FF;
 }
 sd-select-option-group .sd-select__option-group--selected.sd-select__option-group--item:not(:hover):not(.sd-select__option-group--use-checkbox), sd-select-option-group .sd-select__option-group--focused.sd-select__option-group--item:not(:hover):not(.sd-select__option-group--use-checkbox) {
-  color: #0075ff;
+  color: #0075FF;
   font-weight: 700;
 }
 sd-select-option-group .sd-select__option-group--disabled {
-  color: #aaaaaa;
+  color: #AAAAAA;
   cursor: not-allowed;
 }
 sd-select-option-group .sd-select__option-group:hover:not(.sd-select__option-group--disabled) {
-  background-color: #0075ff;
+  background-color: #0075FF;
   color: white;
 }
 sd-select-option-group .sd-select__option-group:hover.sd-select__option-group--selected:not(.sd-select__option-group--group):not(.sd-select__option-group--subgroup) sd-checkbox .sd-checkbox__bg {

package/dist/collection/components/sd-select-multiple-group/sd-select-option-group/sd-select-option-group.js

@@ -39,7 +39,7 @@ export class SdSelectOptionGroup {
         }
     };
     render() {
-        return (h("div", { key: '63fd6dc8fff45849440d58d0b7e650a6de050b75', class: {
+        return (h("div", { key: '8e88aacd2c3122a563fcf78bcbe9731b6a29d8c5', class: {
                 'sd-select__option-group': true,
                 'sd-select__option-group--selected': !!this.isSelected,
                 'sd-select__option-group--disabled': !!this.option.disabled,
@@ -48,10 +48,10 @@ export class SdSelectOptionGroup {
                 'sd-select__option-group--group': this.option.type === 'group',
                 'sd-select__option-group--subgroup': this.option.type === 'subgroup',
                 'sd-select__option-group--item': this.option.type === 'item',
-            }, onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false), style: this.optionStyle, "data-index": this.index, onClick: event => this.handleClick(this.option, this.isSelected, event) }, h("div", { key: 'fc7f591e86c9aaf185112d54cdb267ada82c23aa', class: "sd-select__option-group__label-wrapper" }, this.useCheckbox && (h("sd-checkbox", { key: 'bd197505694f0286fa4824baa56c4d5620d455b5', value: this.isSelected, disabled: this.option.disabled, onClick: e => {
+            }, onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false), style: this.optionStyle, "data-index": this.index, onClick: event => this.handleClick(this.option, this.isSelected, event) }, h("div", { key: 'be4bc7f2867ea5c86505bc9284ac3de46f7077f9', class: "sd-select__option-group__label-wrapper" }, this.useCheckbox && (h("sd-checkbox", { key: '00063ab3a6f1d4f44671ac82dd05524968bec668', value: this.isSelected, disabled: this.option.disabled, onClick: e => {
                 e.preventDefault();
                 this.handleClick(this.option, this.isSelected, e);
-            } })), h("span", { key: '7ba3c181aa07d5e55116aa238c34fc2eb87ef469', class: "sd-select__option-group-label" }, this.option.label), this.useIndicator && this.option.type !== 'item' && (h("span", { key: 'f83d48bf3e7534c8cae987799a2b4c41bcadea87', class: "sd-select__option-group__count-indicator" }, `(${this.countInfo?.selectedCount}/${this.countInfo?.totalCount})`)))));
+            } })), h("span", { key: '802c908d44bf1c0db5d64bf4c8d4bab4ebe2b87c', class: "sd-select__option-group-label" }, this.option.label), this.useIndicator && this.option.type !== 'item' && (h("span", { key: 'efd26a2d6e4e2662410de3755b70a2a2585ad0c4', class: "sd-select__option-group__count-indicator" }, `(${this.countInfo?.selectedCount}/${this.countInfo?.totalCount})`)))));
     }
     static get is() { return "sd-select-option-group"; }
     static get originalStyleUrls() {

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

@@ -5,7 +5,7 @@
 }
 .sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar {
   opacity: 0;
-  background: #e5e5e5;
+  background: #E5E5E5;
 }
 .sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar:horizontal {
   height: 8px;
@@ -15,7 +15,7 @@
 }
 .sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar-thumb {
   height: 80px;
-  background-color: #cccccc;
+  background-color: #CCCCCC;
   border-radius: 4px;
 }
 .sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar-track {
@@ -33,11 +33,11 @@
   display: flex;
   flex-direction: column;
   position: relative;
-  border: 1px solid #e1e1e1;
+  border: 1px solid #E1E1E1;
   border-radius: 8px;
   font-size: 12px;
   overflow: hidden;
-  background: #ffffff;
+  background: #FFFFFF;
 }
 .sd-table__wrapper .sd-table__container .sd-table__middle {
   overflow: auto;
@@ -113,7 +113,7 @@
 .sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column th.sticky-left,
 .sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column th.sticky-right {
   position: sticky;
-  background-color: #f5faff;
+  background-color: #F5FAFF;
   z-index: 110 !important;
 }
 .sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column td.sticky-left,
@@ -131,7 +131,7 @@
 .sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column th.sticky-cell {
   position: sticky;
   z-index: 102;
-  background-color: #f5faff;
+  background-color: #F5FAFF;
 }
 .sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column td.sticky-cell {
   position: sticky;
@@ -194,12 +194,12 @@
   width: 100%;
 }
 .sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th {
-  background: #f5faff;
+  background: #F5FAFF;
   height: 36px;
   padding: 0 16px;
   font-weight: 500;
   vertical-align: middle;
-  border-bottom: 1px solid #e1e1e1;
+  border-bottom: 1px solid #E1E1E1;
   -webkit-user-select: none;
   user-select: none;
   position: relative;
@@ -228,13 +228,13 @@
   height: 16px;
   cursor: col-resize;
   z-index: 3;
-  border-left: 1px solid #cccccc;
-  border-right: 1px solid #cccccc;
+  border-left: 1px solid #CCCCCC;
+  border-right: 1px solid #CCCCCC;
 }
 .sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr td {
   height: 44px;
   padding: 0 16px;
-  border-bottom: 1px solid #e1e1e1;
+  border-bottom: 1px solid #E1E1E1;
   background: white;
   vertical-align: middle;
 }
@@ -264,12 +264,12 @@
 }
 .sd-table__wrapper .sd-table__pagination {
   position: relative;
-  background: #f9f9f9;
+  background: #F9F9F9;
   height: 48px;
   display: flex;
   align-items: center;
   justify-content: center;
-  border: 1px solid #e1e1e1;
+  border: 1px solid #E1E1E1;
   border-top: none;
   border-radius: 8px;
 }
@@ -305,7 +305,7 @@
   left: 0;
   right: 0;
   bottom: 0;
-  background-image: repeating-linear-gradient(to bottom, transparent 0, transparent calc(var(--row-height, 44px) - 1px), #e1e1e1 calc(var(--row-height, 44px) - 1px), #e1e1e1 var(--row-height, 44px));
+  background-image: repeating-linear-gradient(to bottom, transparent 0, transparent calc(var(--row-height, 44px) - 1px), #E1E1E1 calc(var(--row-height, 44px) - 1px), #E1E1E1 var(--row-height, 44px));
   pointer-events: none;
 }
 .sd-table__wrapper .sd-table__skeleton-cell {

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

@@ -5,7 +5,7 @@ sd-tabs .sd-tabs {
   display: flex;
   flex-direction: row;
   gap: 4px;
-  border-bottom: 1px solid #0075ff;
+  border-bottom: 1px solid #0075FF;
 }
 sd-tabs .sd-tabs__tab {
   display: flex;
@@ -13,10 +13,10 @@ sd-tabs .sd-tabs__tab {
   justify-content: center;
   gap: 8px;
   cursor: pointer;
-  border: 1px solid #cccccc;
+  border: 1px solid #CCCCCC;
   border-bottom: none;
   border-radius: 4px 4px 0 0;
-  background-color: #f6f6f6;
+  background-color: #F6F6F6;
   color: #888888;
   font-weight: 400;
   transition: all 0.2s ease;
@@ -31,15 +31,15 @@ sd-tabs .sd-tabs__tab::before {
   transition: all 0.3s;
 }
 sd-tabs .sd-tabs__tab--selected {
-  border-color: #0075ff;
-  color: #0075ff;
+  border-color: #0075FF;
+  color: #0075FF;
   background-color: white;
 }
 sd-tabs .sd-tabs__tab--selected .sd-tabs__label::before {
   font-weight: 700;
 }
 sd-tabs .sd-tabs__tab--selected:hover::before {
-  background-color: #0075ff;
+  background-color: #0075FF;
   opacity: 0.15;
 }
 sd-tabs .sd-tabs__tab--unselected:hover::before {
@@ -91,7 +91,7 @@ sd-tabs .sd-tabs--sub .sd-tabs__tab::before {
   right: 0;
   height: 1px;
   width: 100%;
-  background-color: #0075ff;
+  background-color: #0075FF;
   opacity: 0;
   transition: opacity 0.2s ease;
 }
@@ -99,7 +99,7 @@ sd-tabs .sd-tabs--sub .sd-tabs__tab::after {
   font-weight: 400;
 }
 sd-tabs .sd-tabs--sub .sd-tabs__tab--selected {
-  color: #0075ff;
+  color: #0075FF;
   background-color: transparent;
 }
 sd-tabs .sd-tabs--sub .sd-tabs__tab--selected::before {

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

@@ -11,7 +11,7 @@ sd-textarea .sd-textarea {
 sd-textarea .sd-textarea .sd-textarea__content {
   width: 100%;
   display: flex;
-  border: 1px solid #aaaaaa;
+  border: 1px solid #AAAAAA;
   border-radius: 4px;
   background: white;
 }
@@ -29,10 +29,10 @@ sd-textarea .sd-textarea .sd-textarea__content .sd-textarea__native {
   resize: vertical;
 }
 sd-textarea .sd-textarea .sd-textarea__content .sd-textarea__native::placeholder {
-  color: #aaaaaa;
+  color: #AAAAAA;
 }
 sd-textarea .sd-textarea--hovered .sd-textarea__content, sd-textarea .sd-textarea--focused .sd-textarea__content {
-  border-color: #0075ff;
+  border-color: #0075FF;
   box-shadow: 0 0 4px 0 rgba(0, 113, 255, 0.4);
 }
 sd-textarea .sd-textarea--disabled {
@@ -40,8 +40,8 @@ sd-textarea .sd-textarea--disabled {
   box-shadow: none !important;
 }
 sd-textarea .sd-textarea--disabled .sd-textarea__content {
-  background: #eeeeee !important;
-  border: 1px solid #cccccc !important;
+  background: #EEEEEE !important;
+  border: 1px solid #CCCCCC !important;
   color: #888888 !important;
 }
 sd-textarea .sd-textarea--disabled .sd-textarea__content .sd-textarea__native {
@@ -63,6 +63,6 @@ sd-textarea .sd-textarea .sd-textarea__help-text {
   color: #222222;
 }
 sd-textarea .sd-textarea .sd-textarea__counter {
-  color: #cccccc;
+  color: #CCCCCC;
   margin-left: auto;
 }

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

@@ -75,10 +75,10 @@ export class SdTextarea {
     }
     render() {
         const maxLengthCounter = this.getMaxLengthCounter();
-        return (h("div", { key: '7583a322dfe260e0ce5ecde07bc72520cb1693f7', class: {
+        return (h("div", { key: '888d11be57629e83e1215daddab63351a323672f', class: {
                 'sd-textarea': true,
                 [this.getTextareaStatus()]: true,
-            }, onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false) }, h("div", { key: '5f25a11f26a9b27c22f16c1513dea194d1e8b263', class: "sd-textarea__content" }, h("textarea", { key: '8ed2397730c979694f24fe15e9735a245cad437c', name: this.name, ref: el => (this.nativeEl = el), class: `sd-textarea__native ${this.textareaClass}`, value: this.internalValue || '', placeholder: this.placeholder, disabled: this.disabled, autofocus: this.autoFocus, maxLength: this.maxLength, onInput: this.handleInput.bind(this), onFocus: event => this.handleFocus('focus', event), onBlur: event => this.handleFocus('blur', event) })), this.hasFooter() && (h("div", { key: 'da85b650264d10d1fee3fd39eecd6f05af0197e5', class: "sd-textarea__footer" }, this.helpText !== undefined && h("span", { key: '0510a4d3888c30a29e584b535e4745cedb3b1e80', class: "sd-textarea__help-text" }, this.helpText), maxLengthCounter !== null && h("span", { key: '310a9cdc3c2c8ad836677cf83b870ea69d25fa27', class: "sd-textarea__counter" }, maxLengthCounter)))));
+            }, onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false) }, h("div", { key: '1f91a1e435b2dba1817ce181f91bdf3829142682', class: "sd-textarea__content" }, h("textarea", { key: 'd883f4cdfd56220cf4382893f94a469f7afd7ff2', name: this.name, ref: el => (this.nativeEl = el), class: `sd-textarea__native ${this.textareaClass}`, value: this.internalValue || '', placeholder: this.placeholder, disabled: this.disabled, autofocus: this.autoFocus, maxLength: this.maxLength, onInput: this.handleInput.bind(this), onFocus: event => this.handleFocus('focus', event), onBlur: event => this.handleFocus('blur', event) })), this.hasFooter() && (h("div", { key: 'e9350d8e49eb87b2caddfc24079ece0d59c79739', class: "sd-textarea__footer" }, this.helpText !== undefined && h("span", { key: 'cda9e2b8b0c15fbc7356597d4363d438688c8e4e', class: "sd-textarea__help-text" }, this.helpText), maxLengthCounter !== null && h("span", { key: '491e990142e07837169e84a3fcc3e80c00bc7153', class: "sd-textarea__counter" }, maxLengthCounter)))));
     }
     static get is() { return "sd-textarea"; }
     static get originalStyleUrls() {

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

@@ -39,10 +39,10 @@ export class SdToast {
             background: resolveColor(colorTokens.background),
             text: resolveColor(colorTokens.text),
         };
-        return (h("div", { key: 'c7e1ba9fbe5a72c40f9e07320f03b120b2d5e1b5', style: {
+        return (h("div", { key: '8118f67a55a3080ea91ffdfbd929bbe3464ab044', style: {
                 '--sd-toast-bg': colors.background,
                 '--sd-toast-text': colors.text,
-            } }, h("div", { key: '7670d3e2dfa498769339e46d112f912c202a4f65', class: this.getContainerClasses(), role: "status", "aria-live": "polite", "aria-atomic": "true" }, this.icon && (h("div", { key: 'ce80acefc1e158e1d5a115b0d87c133b4029641f', class: "sd-toast__icon" }, h("sd-icon", { key: '4aff360b1552fff624a15432cdec8db2197e57e1', name: this.icon, size: 16, color: colors.text }))), h("div", { key: '2b8a6e16db7d0cc15118c542563d264ce42817a2', class: "sd-toast__content" }, h("span", { key: 'af3eac296d5b0c61bbd60e644aa0058b3acc50b5', class: "sd-toast__message" }, this.message)), this.link && (h("a", { key: 'd4fa4ba71e023632b29d81fc119e8dee8c66fbc7', href: this.link, class: "sd-toast__link", target: "_blank", rel: "noopener noreferrer" }, this.linkLabel || this.link)), this.buttonLabel && (h("sd-button", { key: '71788fd881e06fe4ce8970ec02e041a31c12403b', class: `sd-toast__button ${this.type === 'basicLight' ? 'text-white' : ''}`, label: this.buttonLabel, variant: "primary", color: this.type === 'basicLight' ? 'oceanblue_75' : 'white', size: "sm", onSdClick: this.handleButtonClick, style: this.type !== 'basicLight' ? { '--button-text-color': resolveColor('grey_95') } : {} })), this.useClose && (h("button", { key: 'a2d1b78f9b25db8c2de9a949c34ffbd9db3d1ab8', type: "button", class: "sd-toast__close", onClick: this.handleClose, "aria-label": "Close", title: "Close" }, h("sd-icon", { key: '6cb82a239b71c8303ec544cfa41fd91a940054d4', name: "close", size: 12, color: colors.text }))))));
+            } }, h("div", { key: 'f05c16b0c8ef6de2d62161f80591cb3a82c24434', class: this.getContainerClasses(), role: "status", "aria-live": "polite", "aria-atomic": "true" }, this.icon && (h("div", { key: 'b16fee2031c4093c263229d2ef07ad8f6e69778b', class: "sd-toast__icon" }, h("sd-icon", { key: 'cd8b4c4d9cbc329fdfc99236ca56a49658c0ca8c', name: this.icon, size: 16, color: colors.text }))), h("div", { key: '888748872d886745ace2ef8491d7098528df8a46', class: "sd-toast__content" }, h("span", { key: '31b285a6b6a03b833577b4a9fb860fd76e066cb6', class: "sd-toast__message" }, this.message)), this.link && (h("a", { key: '61d1aacf70e7062abbedd2364474e7da990f485f', href: this.link, class: "sd-toast__link", target: "_blank", rel: "noopener noreferrer" }, this.linkLabel || this.link)), this.buttonLabel && (h("sd-button", { key: '94aa75ef25ee18f0577d5539337152d654dab5c1', class: `sd-toast__button ${this.type === 'basicLight' ? 'text-white' : ''}`, label: this.buttonLabel, variant: "primary", color: this.type === 'basicLight' ? 'oceanblue_75' : 'white', size: "sm", onSdClick: this.handleButtonClick, style: this.type !== 'basicLight' ? { '--button-text-color': resolveColor('grey_95') } : {} })), this.useClose && (h("button", { key: 'db0b83f7030feb5459597156c2d25f3437b91904', type: "button", class: "sd-toast__close", onClick: this.handleClose, "aria-label": "Close", title: "Close" }, h("sd-icon", { key: 'a3aab6c19c32043182f2d05d2583271520458493', name: "close", size: 12, color: colors.text }))))));
     }
     static get is() { return "sd-toast"; }
     static get originalStyleUrls() {
@@ -62,7 +62,7 @@ export class SdToast {
                 "mutable": false,
                 "complexType": {
                     "original": "IconName",
-                    "resolved": "\"CheckFilled\" | \"CheckOutline\" | \"add\" | \"alert\" | \"alignKorean\" | \"archive\" | \"arrow2Down\" | \"arrow2Left\" | \"arrow2Right\" | \"arrow2Up\" | \"arrow2UpDown\" | \"arrowDown\" | \"arrowLeft\" | \"arrowLeftEnd\" | \"arrowRight\" | \"arrowRightEnd\" | \"arrowUp\" | \"attachFile\" | \"badgeNew\" | \"barcode\" | \"bell\" | \"board\" | \"box\" | \"cancelFilled\" | \"cancelOutline\" | \"caretDown\" | \"caretLeft\" | \"caretRight\" | \"caretUp\" | \"check\" | \"clockFilled\" | \"clockOutline\" | \"close\" | \"copy\" | \"dashboard\" | \"date\" | \"download\" | \"drag\" | \"etc\" | \"event\" | \"global\" | \"helpFilled\" | \"helpOutline\" | \"history\" | \"imageFill\" | \"imageLine\" | \"inline\" | \"line\" | \"location\" | \"logout\" | \"minus\" | \"notificationFilled\" | \"notificationOutline\" | \"notion\" | \"outLine\" | \"pageEdit\" | \"pageMove\" | \"pdf\" | \"remove\" | \"reset\" | \"robot\" | \"row\" | \"search\" | \"setting\" | \"star\" | \"synchronize\" | \"user\" | \"visibilityOff\" | \"visibilityOn\" | \"warehouseLine\" | \"warehouseSolid\" | \"warningFilled\" | \"warningOutline\" | \"youtube\" | undefined",
+                    "resolved": "\"add\" | \"alert\" | \"alignKorean\" | \"archive\" | \"arrow2Down\" | \"arrow2Left\" | \"arrow2Right\" | \"arrow2Up\" | \"arrow2UpDown\" | \"arrowDown\" | \"arrowLeft\" | \"arrowLeftEnd\" | \"arrowRight\" | \"arrowRightEnd\" | \"arrowUp\" | \"attachFile\" | \"badgeNew\" | \"barcode\" | \"bell\" | \"board\" | \"box\" | \"cancelFilled\" | \"cancelOutline\" | \"caretDown\" | \"caretLeft\" | \"caretRight\" | \"caretUp\" | \"check\" | \"checkFilled\" | \"checkOutline\" | \"clockFilled\" | \"clockOutline\" | \"close\" | \"copy\" | \"dashboard\" | \"date\" | \"download\" | \"drag\" | \"etc\" | \"event\" | \"global\" | \"helpFilled\" | \"helpOutline\" | \"history\" | \"imageFill\" | \"imageLine\" | \"inline\" | \"line\" | \"location\" | \"logout\" | \"minus\" | \"notificationFilled\" | \"notificationOutline\" | \"notion\" | \"outLine\" | \"pageEdit\" | \"pageMove\" | \"pdf\" | \"remove\" | \"reset\" | \"robot\" | \"row\" | \"search\" | \"setting\" | \"star\" | \"synchronize\" | \"user\" | \"visibilityOff\" | \"visibilityOn\" | \"warehouseLine\" | \"warehouseSolid\" | \"warningFilled\" | \"warningOutline\" | \"youtube\" | undefined",
                     "references": {
                         "IconName": {
                             "location": "global",

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

@@ -22,7 +22,7 @@ sd-toggle .sd-toggle__track {
   width: 36px;
   height: 20px;
   border-radius: 12px;
-  background: #cccccc;
+  background: #CCCCCC;
   position: relative;
   transition: background-color 0.2s ease;
 }
@@ -37,7 +37,7 @@ sd-toggle .sd-toggle__thumb {
   transition: transform 0.2s ease;
 }
 sd-toggle .sd-toggle--checked .sd-toggle__track {
-  background: #0075ff;
+  background: #0075FF;
 }
 sd-toggle .sd-toggle--checked .sd-toggle__thumb {
   transform: translateX(16px);
@@ -46,14 +46,14 @@ sd-toggle .sd-toggle--disabled {
   cursor: not-allowed;
 }
 sd-toggle .sd-toggle--disabled.sd-toggle--checked .sd-toggle__track {
-  background: #bbdaff;
+  background: #BBDAFF;
 }
 sd-toggle .sd-toggle--disabled.sd-toggle--unchecked .sd-toggle__track {
-  background: #eeeeee;
+  background: #EEEEEE;
 }
 sd-toggle .sd-toggle:hover:not(.sd-toggle--disabled).sd-toggle--checked .sd-toggle__track {
-  background: #005cc9;
+  background: #005CC9;
 }
 sd-toggle .sd-toggle:hover:not(.sd-toggle--disabled).sd-toggle--unchecked .sd-toggle__track {
-  background: #bbbbbb;
+  background: #BBBBBB;
 }

package/dist/collection/components/sd-toggle-button/sd-toggle-button.css

@@ -12,7 +12,7 @@ sd-toggle-button {
   gap: 6px;
   border-radius: 14px;
   border: 1px solid #888888;
-  background-color: #ffffff;
+  background-color: #FFFFFF;
   color: #737373;
   font-size: 12px;
   line-height: 20px;
@@ -24,24 +24,24 @@ sd-toggle-button {
   box-sizing: border-box;
 }
 .sd-toggle-button--active {
-  border-color: #0075ff;
-  color: #0075ff;
+  border-color: #0075FF;
+  color: #0075FF;
 }
 .sd-toggle-button--disabled {
-  background-color: #eeeeee;
-  border-color: #cccccc;
+  background-color: #EEEEEE;
+  border-color: #CCCCCC;
   color: #888888;
   cursor: not-allowed;
 }
 .sd-toggle-button--disabled.sd-toggle-button--active {
-  background-color: #eeeeee;
-  border-color: #cccccc;
+  background-color: #EEEEEE;
+  border-color: #CCCCCC;
   color: #888888;
 }
 .sd-toggle-button:hover:not(.sd-toggle-button--disabled):not(.sd-toggle-button--active) {
   border-color: #737373;
 }
 .sd-toggle-button:hover:not(.sd-toggle-button--disabled).sd-toggle-button--active {
-  border-color: #005cc9;
-  color: #005cc9;
+  border-color: #005CC9;
+  color: #005CC9;
 }

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

@@ -147,7 +147,7 @@ export class SdTooltip {
                 "mutable": false,
                 "complexType": {
                     "original": "IconName",
-                    "resolved": "\"CheckFilled\" | \"CheckOutline\" | \"add\" | \"alert\" | \"alignKorean\" | \"archive\" | \"arrow2Down\" | \"arrow2Left\" | \"arrow2Right\" | \"arrow2Up\" | \"arrow2UpDown\" | \"arrowDown\" | \"arrowLeft\" | \"arrowLeftEnd\" | \"arrowRight\" | \"arrowRightEnd\" | \"arrowUp\" | \"attachFile\" | \"badgeNew\" | \"barcode\" | \"bell\" | \"board\" | \"box\" | \"cancelFilled\" | \"cancelOutline\" | \"caretDown\" | \"caretLeft\" | \"caretRight\" | \"caretUp\" | \"check\" | \"clockFilled\" | \"clockOutline\" | \"close\" | \"copy\" | \"dashboard\" | \"date\" | \"download\" | \"drag\" | \"etc\" | \"event\" | \"global\" | \"helpFilled\" | \"helpOutline\" | \"history\" | \"imageFill\" | \"imageLine\" | \"inline\" | \"line\" | \"location\" | \"logout\" | \"minus\" | \"notificationFilled\" | \"notificationOutline\" | \"notion\" | \"outLine\" | \"pageEdit\" | \"pageMove\" | \"pdf\" | \"remove\" | \"reset\" | \"robot\" | \"row\" | \"search\" | \"setting\" | \"star\" | \"synchronize\" | \"user\" | \"visibilityOff\" | \"visibilityOn\" | \"warehouseLine\" | \"warehouseSolid\" | \"warningFilled\" | \"warningOutline\" | \"youtube\"",
+                    "resolved": "\"add\" | \"alert\" | \"alignKorean\" | \"archive\" | \"arrow2Down\" | \"arrow2Left\" | \"arrow2Right\" | \"arrow2Up\" | \"arrow2UpDown\" | \"arrowDown\" | \"arrowLeft\" | \"arrowLeftEnd\" | \"arrowRight\" | \"arrowRightEnd\" | \"arrowUp\" | \"attachFile\" | \"badgeNew\" | \"barcode\" | \"bell\" | \"board\" | \"box\" | \"cancelFilled\" | \"cancelOutline\" | \"caretDown\" | \"caretLeft\" | \"caretRight\" | \"caretUp\" | \"check\" | \"checkFilled\" | \"checkOutline\" | \"clockFilled\" | \"clockOutline\" | \"close\" | \"copy\" | \"dashboard\" | \"date\" | \"download\" | \"drag\" | \"etc\" | \"event\" | \"global\" | \"helpFilled\" | \"helpOutline\" | \"history\" | \"imageFill\" | \"imageLine\" | \"inline\" | \"line\" | \"location\" | \"logout\" | \"minus\" | \"notificationFilled\" | \"notificationOutline\" | \"notion\" | \"outLine\" | \"pageEdit\" | \"pageMove\" | \"pdf\" | \"remove\" | \"reset\" | \"robot\" | \"row\" | \"search\" | \"setting\" | \"star\" | \"synchronize\" | \"user\" | \"visibilityOff\" | \"visibilityOn\" | \"warehouseLine\" | \"warehouseSolid\" | \"warningFilled\" | \"warningOutline\" | \"youtube\"",
                     "references": {
                         "IconName": {
                             "location": "global",

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-4iQAU7kM.js";function t(s,t,e){return(s||"")+(t?" "+t:"")+(e?" "+e:"")}export{t as format}
+export{g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-CDehvEQ5.js";function t(s,t,e){return(s||"")+(t?" "+t:"")+(e?" "+e:"")}export{t as format}

package/dist/components/{p-D4TaDVPI.js → p-B-UC5tW2.js}

@@ -1 +1 @@
-import{p as d,H as e,c as i,h as a,t as o}from"./p-4iQAU7kM.js";const s=d(class extends e{constructor(d){super(),!1!==d&&this.__registerHost(),this.update=i(this,"sdUpdate")}value;disabled=!1;val;label;update;getRadioClasses(){const d=["sd-radio",String(this.val)===String(this.value)?"sd-radio--selected":"sd-radio--unselected"];return this.disabled&&d.push("sd-radio--disabled"),d.join(" ")}handleRadioChange(d){this.disabled||(console.log("detail",d),this.value=this.val,this.update.emit(this.value))}render(){return a("div",{key:"e741533dcd0e3b51ed3ee5db0524f7a53fcb38fb","aria-label":this.val||"radio option","aria-checked":String(this.val)===String(this.value)?"true":"false","aria-disabled":this.disabled?"true":"false",class:this.getRadioClasses()},a("label",{key:`radio-${this.val}`},a("input",{key:"52156b763ae108d34dea926987aae73c5996f980",type:"radio",name:this.val,value:String(this.val),checked:String(this.val)===String(this.value),disabled:this.disabled,onInput:({detail:d})=>this.handleRadioChange(d)}),this.val&&a("span",{key:"148a63e8861da5639f5655afd6cbf63637348fc5",class:"sd-radio-group__label"},this.label||this.val)))}static get style(){return'sd-radio{display:inline-flex;width:fit-content;height:fit-content}sd-radio .sd-radio{cursor:pointer}sd-radio .sd-radio label{display:inline-flex;width:fit-content;align-items:center;gap:8px;cursor:pointer}sd-radio .sd-radio label input{display:inline-block;position:relative;appearance:none;margin:0;width:16px;height:16px;border:1px solid #888888;border-radius:50%;accent-color:#0075ff;background-color:white;cursor:pointer}sd-radio .sd-radio label input:checked{border-color:#0075ff;background-color:white}sd-radio .sd-radio label input:checked::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:10px;height:10px;border-radius:50%;background-color:#0075ff}sd-radio .sd-radio label input:disabled{border-color:#cccccc;background-color:#eeeeee}sd-radio .sd-radio label input:disabled:checked::before{background-color:#cccccc}sd-radio .sd-radio label input:not(:disabled):hover{border-color:#0075ff;background-color:#d9eaff}sd-radio .sd-radio--disabled{cursor:not-allowed !important}sd-radio .sd-radio--disabled label{cursor:not-allowed !important}sd-radio .sd-radio--disabled label input{cursor:not-allowed !important}'}},[512,"sd-radio",{value:[1544],disabled:[4],val:[1],label:[1]}]);function t(){"undefined"!=typeof customElements&&["sd-radio"].forEach((d=>{"sd-radio"===d&&(customElements.get(o(d))||customElements.define(o(d),s))}))}export{s as S,t as d}
+import{p as d,H as i,c as e,h as a,t as o}from"./p-CDehvEQ5.js";const s=d(class extends i{constructor(d){super(),!1!==d&&this.__registerHost(),this.update=e(this,"sdUpdate")}value;disabled=!1;val;label;update;getRadioClasses(){const d=["sd-radio",String(this.val)===String(this.value)?"sd-radio--selected":"sd-radio--unselected"];return this.disabled&&d.push("sd-radio--disabled"),d.join(" ")}handleRadioChange(d){this.disabled||(console.log("detail",d),this.value=this.val,this.update.emit(this.value))}render(){return a("div",{key:"e741533dcd0e3b51ed3ee5db0524f7a53fcb38fb","aria-label":this.val||"radio option","aria-checked":String(this.val)===String(this.value)?"true":"false","aria-disabled":this.disabled?"true":"false",class:this.getRadioClasses()},a("label",{key:`radio-${this.val}`},a("input",{key:"52156b763ae108d34dea926987aae73c5996f980",type:"radio",name:this.val,value:String(this.val),checked:String(this.val)===String(this.value),disabled:this.disabled,onInput:({detail:d})=>this.handleRadioChange(d)}),this.val&&a("span",{key:"148a63e8861da5639f5655afd6cbf63637348fc5",class:"sd-radio-group__label"},this.label||this.val)))}static get style(){return'sd-radio{display:inline-flex;width:fit-content;height:fit-content}sd-radio .sd-radio{cursor:pointer}sd-radio .sd-radio label{display:inline-flex;width:fit-content;align-items:center;gap:8px;cursor:pointer}sd-radio .sd-radio label input{display:inline-block;position:relative;appearance:none;margin:0;width:16px;height:16px;border:1px solid #888888;border-radius:50%;accent-color:#0075FF;background-color:white;cursor:pointer}sd-radio .sd-radio label input:checked{border-color:#0075FF;background-color:white}sd-radio .sd-radio label input:checked::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:10px;height:10px;border-radius:50%;background-color:#0075FF}sd-radio .sd-radio label input:disabled{border-color:#CCCCCC;background-color:#EEEEEE}sd-radio .sd-radio label input:disabled:checked::before{background-color:#CCCCCC}sd-radio .sd-radio label input:not(:disabled):hover{border-color:#0075FF;background-color:#D9EAFF}sd-radio .sd-radio--disabled{cursor:not-allowed !important}sd-radio .sd-radio--disabled label{cursor:not-allowed !important}sd-radio .sd-radio--disabled label input{cursor:not-allowed !important}'}},[512,"sd-radio",{value:[1544],disabled:[4],val:[1],label:[1]}]);function t(){"undefined"!=typeof customElements&&["sd-radio"].forEach((d=>{"sd-radio"===d&&(customElements.get(o(d))||customElements.define(o(d),s))}))}export{s as S,t as d}

package/dist/components/p-B82gJZ4z.js

@@ -0,0 +1 @@
+import{p as e,c as s,h as t,t as i}from"./p-CDehvEQ5.js";import{B as o,S as l}from"./p-D0U1cMbs.js";import{n as d}from"./p-CCwNgVmC.js";import{d as r}from"./p-CHAh-_qx.js";import{d as a}from"./p-J-Yn0oS3.js";import{d as n}from"./p-CWg2auF3.js";import{d as c}from"./p-MmKik3mL.js";import{d as h}from"./p-CbQobmaB.js";import{d as p}from"./p-BVFlD1Lp.js";import{d as m}from"./p-C6J-ZZxF.js";import{d as u}from"./p-C1XPuuO-.js";import{d as f}from"./p-Cef06v8S.js";import{d as b}from"./p-CU5TiEeI.js";import{d as w}from"./p-D35gOcGh.js";const g=e(class extends o{constructor(e){super(!1),!1!==e&&this.__registerHost(),this.update=s(this,"sdUpdate"),this.dropDownShow=s(this,"sdDropDownShow")}get el(){return this}value=null;options=[];placeholder="선택";optionPlaceholder="선택지가 없습니다.";width="200px";dropdownHeight="260px";autoFocus=!1;disabled=!1;clearable=!1;searchable=!1;label="";insideLabel=!1;useLabelRequired=!1;labelTooltip="";labelTooltipProps=null;rules=[];error=!1;optionRenderer;isOpen=!1;itemIndex=-1;isScrolled=!1;update;dropDownShow;selectRef;triggerRef;formField;filteredOptions=this.options;dropDownWidth=this.width;name=d();async sdOpen(){this.isOpen=!0}async sdValidate(){this.formField?.sdValidate()}async sdReset(){this.formField?.sdReset()}async sdResetValidate(){this.formField?.sdResetValidation()}async sdFocus(){this.formField?.sdFocus()}async isOpenChanged(){this.onDropdownToggle(this.isOpen),this.dropDownShow?.emit({isOpen:this.isOpen}),!1===this.isOpen&&await(this.formField?.sdValidate())}componentWillLoad(){this.initializeEvent()}componentDidLoad(){this.autoFocus&&this.selectRef?.focus()}componentDidRender(){const e=this.triggerRef,s=e?.getBoundingClientRect();this.dropDownWidth=s?.width?`${s.width}px`:this.width}disconnectedCallback(){this.cleanupEvent()}handleDocumentClick(e){this.selectRef?.contains(e.target)||(this.isOpen=!1)}handleDocumentKeydown(e){if(e.stopPropagation(),["ArrowDown","ArrowUp","Enter","Escape"].includes(e.key))switch(e.preventDefault(),e.key){case"ArrowDown":case"ArrowUp":const s=new l(this.searchable,this.filteredOptions).getNextIndex(this.itemIndex,e.key);this.itemIndex=s;break;case"Enter":const t=this.filteredOptions[this.itemIndex];t&&!t.disabled&&(this.value=t.value,this.isOpen=!1);break;case"Escape":this.isOpen=!1}}getSelectedOption(){return this.options.find((e=>e.value===this.value))}closeDropdown(){this.isOpen=!1}handleTriggerClick=e=>{e.stopPropagation(),this.disabled||(this.isOpen=!this.isOpen,this.dropDownShow?.emit({isOpen:this.isOpen}))};handleOptionClick=e=>{const{option:s,event:t}=e;if(t.stopPropagation(),!s.disabled){this.value=s.value,this.isOpen=!1;const e=this.getSelectedOption();this.update?.emit({value:e?.value||null,option:e||null})}};render(){return t("sd-field",{key:"ad737ef5facfd4f2c8dfdbfc2c97010aa82ba39e",label:this.label,name:this.name,rules:this.rules,error:this.error,disabled:this.disabled,useLabelRequired:this.useLabelRequired,insideLabel:this.insideLabel,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:e=>this.formField=e},t("div",{key:"ecff910f0d0d6b02f29c2f21a4264b1a573a9170",class:{"sd-select":!0,"sd-select--disabled":this.disabled,"sd-select--error":!!this.error,"sd-select--label":!!this.label},ref:e=>this.selectRef=e},this.renderTrigger(),this.renderDropdown()))}renderTrigger(){const e=this.getSelectedOption();return t("div",{class:"sd-select__trigger",tabindex:this.disabled?-1:0,onClick:this.handleTriggerClick,ref:e=>this.triggerRef=e},t("span",{class:"sd-select__value"},e?e.label:this.placeholder),this.clearable&&e&&!this.disabled&&t("sd-icon",{key:"clear-icon",name:"close",size:10,color:"#888",class:"sd-select__clear",onClick:async e=>{e.stopPropagation(),this.value=null,await(this.formField?.sdValidate())}}),t("sd-icon",{key:"arrow-icon",name:"arrowDown",color:"#888",class:{"sd-select__arrow":!0,"sd-select__arrow--open":this.isOpen}}))}renderDropdown(){if(!1===this.isOpen)return null;const e=this.selectRef?.querySelector(".sd-select__trigger")||this.selectRef;return t("sd-portal",{open:this.isOpen,parentRef:e,onSdClose:this.closeDropdown},t("sd-select-dropdown",{value:this.value,options:this.options,itemIndex:this.itemIndex,width:this.dropDownWidth,dropdownHeight:this.dropdownHeight,searchable:this.searchable,optionPlaceholder:this.optionPlaceholder,onSdOptionClick:({detail:e})=>this.handleOptionClick(e),onSdOptionFiltered:({detail:e})=>this.filteredOptions=e}))}static get watchers(){return{isOpen:[{isOpenChanged:0}]}}static get style(){return"sd-select{display:inline-flex;flex-flow:column nowrap;height:fit-content}sd-select *:focus,sd-select *:focus-visible,sd-select *:focus-within{outline:none !important}sd-select .sd-select{width:100%}sd-select .sd-select .sd-select__trigger{padding:4px 28px 4px 12px;display:flex;width:100%;height:100%;align-items:center}sd-select .sd-select .sd-select__trigger .sd-select__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px;font-size:12px;font-weight:400;text-align:left}sd-select .sd-select .sd-select__trigger .sd-select__clear{margin:0 4px;width:8px;height:8px;background-color:transparent;outline:none;border:none}sd-select .sd-select .sd-select__arrow{position:absolute;top:8px;right:8px;width:12px;height:12px;color:#888888;transition:transform 0.3s ease;margin-left:8px}sd-select .sd-select .sd-select__arrow--open{transform:rotate(180deg)}"}},[512,"sd-select",{value:[1032],options:[1040],placeholder:[1],optionPlaceholder:[1,"option-placeholder"],width:[1],dropdownHeight:[1,"dropdown-height"],autoFocus:[4,"auto-focus"],disabled:[4],clearable:[4],searchable:[4],label:[1],insideLabel:[4,"inside-label"],useLabelRequired:[4,"use-label-required"],labelTooltip:[1,"label-tooltip"],labelTooltipProps:[16],rules:[16],error:[4],optionRenderer:[16],isOpen:[32],itemIndex:[32],isScrolled:[32],sdOpen:[64],sdValidate:[64],sdReset:[64],sdResetValidate:[64],sdFocus:[64]},void 0,{isOpen:[{isOpenChanged:0}]}]);function x(){"undefined"!=typeof customElements&&["sd-select","sd-button","sd-checkbox","sd-field","sd-floating-portal","sd-icon","sd-input","sd-portal","sd-select-dropdown","sd-select-option","sd-select-search-input","sd-tooltip"].forEach((e=>{switch(e){case"sd-select":customElements.get(i(e))||customElements.define(i(e),g);break;case"sd-button":customElements.get(i(e))||r();break;case"sd-checkbox":customElements.get(i(e))||a();break;case"sd-field":customElements.get(i(e))||n();break;case"sd-floating-portal":customElements.get(i(e))||c();break;case"sd-icon":customElements.get(i(e))||h();break;case"sd-input":customElements.get(i(e))||p();break;case"sd-portal":customElements.get(i(e))||m();break;case"sd-select-dropdown":customElements.get(i(e))||u();break;case"sd-select-option":customElements.get(i(e))||f();break;case"sd-select-search-input":customElements.get(i(e))||b();break;case"sd-tooltip":customElements.get(i(e))||w()}}))}export{g as S,x as d}

package/dist/components/{p-CIDMF6fj.js → p-BVFlD1Lp.js}

@@ -1 +1 @@
-import{p as e,H as t,c as a,h as i,t as d}from"./p-4iQAU7kM.js";import{n}from"./p-CCwNgVmC.js";import{d as s}from"./p-B45-wHcP.js";import{d as r}from"./p-DOdjsjwr.js";import{d as o}from"./p-BkU8yMUR.js";import{d as l}from"./p-Bxs0Hp4o.js";import{d as p}from"./p-Ay5V-5Fu.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.input=a(this,"sdUpdate"),this.focus=a(this,"sdFocus"),this.blur=a(this,"sdBlur")}get host(){return this}value=null;type="text";insideLabel=!1;placeholder="입력해 주세요.";disabled=!1;clearable=!1;width;barcode=!1;rules=[];autoFocus=!1;status;inputClass="";readonly=!1;error=!1;focused=!1;hovered=!1;label="";useLabelRequired=!1;labelTooltip="";labelTooltipProps=null;inputStyle={};internalValue=null;nativeEl=void 0;formField;name=n();input;focus;blur;valueChanged(e){this.internalValue=e}internalValueChanged(e){e!==this.value&&(this.value=e,this.input?.emit(this.value))}async sdGetNativeElement(){return this.nativeEl||null}async sdValidate(){this.formField?.sdValidate()}async sdReset(){this.formField?.sdReset()}async sdResetValidate(){this.formField?.sdResetValidation()}async sdFocus(){this.formField?.sdFocus()}componentWillLoad(){this.value&&(this.internalValue=this.value)}componentDidLoad(){this.autoFocus&&this.nativeEl?.focus()}handleInput=e=>{this.internalValue=e.target.value};handleFocus=async(e,t)=>{this.focused="focus"===e,"blur"===e?(this.rules&&this.rules.length>0&&await(this.formField?.sdValidate()),this.blur?.emit(t)):this.focus?.emit(t)};render(){return i("sd-field",{key:"e3a668f4065ad4d7d4075607d20cf5e678c0a1eb",name:this.name,label:this.label,insideLabel:this.insideLabel,rules:this.rules,error:this.error,disabled:this.disabled,focused:this.focused,hovered:this.hovered,status:this.status,useLabelRequired:this.useLabelRequired,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:e=>this.formField=e,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1},i("label",{key:"4d0a91447a6b0c162a4dfdee5603fc107182a205",class:"sd-input__content",style:{width:"100%"}},i("slot",{key:"c92e0603eee0f86ca0b1ed0ba48585ee75409475",name:"prefix"}),i("input",{key:"823608a07cca038c0360ada0f918c3b20dfb4028",name:this.name,ref:e=>this.nativeEl=e,class:`sd-input__native ${this.inputClass}`,type:this.type,value:this.internalValue||"",placeholder:this.placeholder,disabled:this.disabled,readonly:this.readonly,autofocus:this.autoFocus,onInput:this.handleInput,onFocus:e=>this.handleFocus("focus",e),onBlur:e=>this.handleFocus("blur",e),style:this.inputStyle}),i("slot",{key:"17214d9e18cb25c4938fd184b9506ccee0b34f56",name:"suffix"}),this.clearable&&this.internalValue&&i("sd-icon",{key:"8cfdf4086544261be758df0ceaa822c6b313ec2e",name:"close",color:"grey_65",size:"16",class:"sd-input__clear-icon",onClick:async()=>{this.internalValue="",await(this.formField?.sdValidate())}})))}static get watchers(){return{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}}static get style(){return"sd-icon{display:inline-block;line-height:0}sd-icon .sd-icon--rotate-90{transform:rotate(90deg)}sd-icon .sd-icon--rotate-180{transform:rotate(180deg)}sd-icon .sd-icon--rotate-270{transform:rotate(270deg)}.sd-date-picker{width:100%;display:inline-block}.sd-date-picker .sd-date-picker--disabled .date-icon{cursor:not-allowed !important;color:#888888 !important}.sd-date-picker .sd-date-picker__input{text-align:center !important}.sd-date-picker__menu{width:304px;box-sizing:border-box;border-radius:8px;padding:24px 19px;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.2);background:white}.sd-date-picker__menu .sd-date-picker__header{display:flex;flex-flow:row nowrap;align-items:center;gap:20px;font-size:14px;padding:0 5px;height:24px;line-height:24px}.sd-date-picker__menu .sd-date-picker__header .year-nav,.sd-date-picker__menu .sd-date-picker__header .month-nav{display:flex;flex-flow:row nowrap;align-items:center;gap:12px}.sd-date-picker__menu .sd-date-picker__header .year-nav button,.sd-date-picker__menu .sd-date-picker__header .month-nav button{background:none;border:none;cursor:pointer;margin:0;padding:0}.sd-date-picker__menu .sd-date-picker__header .year-nav__current{width:40px;text-align:center}.sd-date-picker__menu .sd-date-picker__header .month-nav__current{width:100px;text-align:center}.sd-date-picker__menu .sd-date-picker__days{margin-top:8px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr));column-gap:10px;padding:0 5px}.sd-date-picker__menu .sd-date-picker__days .day{width:28px;height:20px;font-size:12px;line-height:20px;text-align:center;color:#888888}.sd-date-picker__menu .sd-date-picker__body{margin-top:12px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr))}sd-date-range-picker{width:fit-content;display:inline-flex}sd-date-range-picker .sd-date-range-picker--disabled .date-icon{cursor:not-allowed !important;color:#888888 !important}sd-date-range-picker .sd-date-range-picker--disabled .sd-input__native{color:#888888 !important}sd-date-range-picker .sd-field .sd-field__control{min-width:210px}sd-date-range-picker .sd-field .sd-input__native{margin-left:17px !important}.sd-date-range-picker__menu{width:609px;box-sizing:border-box;border-radius:8px;padding:24px 19px;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.2);background:white}.sd-date-range-picker__menu .sd-date-range-picker__header{margin-bottom:16px;display:flex;flex-flow:row nowrap;align-items:center;justify-content:center}.sd-date-range-picker__menu .sd-date-range-picker__header .header-label{margin:0 12px;width:40px;text-align:center;font-size:14px;line-height:24px}.sd-date-range-picker__menu .sd-date-range-picker__body{display:flex;flex-flow:row nowrap;align-items:stretch;gap:19px}.sd-date-range-picker__menu .sd-date-range-picker__body .calendar-container{width:266px}.sd-date-range-picker__menu .sd-date-range-picker__body .calendar-container .calendar-header{width:100%;height:24px;line-height:24px;font-size:14px;text-align:center;position:relative;padding:0 5px}.sd-date-range-picker__menu .sd-date-range-picker__body .calendar-container .calendar-header button{position:absolute;top:50%;transform:translateY(-50%)}.sd-date-range-picker__menu .sd-date-range-picker__body .calendar-container .calendar-header button.header-button-prev{left:5px}.sd-date-range-picker__menu .sd-date-range-picker__body .calendar-container .calendar-header button.header-button-next{right:5px;left:auto}.sd-date-range-picker__menu .sd-date-range-picker__body .calendar-container .calendar-days{padding:0 5px;margin-top:8px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr));column-gap:10px}.sd-date-range-picker__menu .sd-date-range-picker__body .calendar-container .calendar-days .day{width:28px;height:20px;font-size:12px;line-height:20px;text-align:center;color:#888888}.sd-date-range-picker__menu .sd-date-range-picker__body .calendar-container .calendar-body{margin-top:12px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr))}.sd-date-range-picker__menu .sd-date-range-picker__body .separator{width:1px;background-color:#d8d8d8}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-text-fill-color:#000;-webkit-box-shadow:0 0 0px 1000px #fff inset;box-shadow:0 0 0px 1000px #fff inset;transition:background-color 5000s ease-in-out 0s}input:autofill,input:autofill:hover,input:autofill:focus,input:autofill:active{-webkit-text-fill-color:#000;-webkit-box-shadow:0 0 0px 1000px #fff inset;box-shadow:0 0 0px 1000px #fff inset;transition:background-color 5000s ease-in-out 0s}sd-input{display:inline-flex}sd-input .sd-input__content{width:100%;height:100%;display:flex;flex-flow:row nowrap;align-items:center;color:#333333;font-size:12px;line-height:20px;padding:0 8px}sd-input .sd-input__content .sd-input__native{width:100%;height:100%;border:none;outline:none;background:transparent}sd-input .sd-input__content .sd-input__native[disabled]{cursor:not-allowed;color:#888888}sd-input .sd-input__content .sd-input__native::placeholder{color:#aaaaaa}"}},[772,"sd-input",{value:[1032],type:[1],insideLabel:[4,"inside-label"],placeholder:[1],disabled:[4],clearable:[4],width:[8],barcode:[4],rules:[16],autoFocus:[4,"auto-focus"],status:[1],inputClass:[1,"input-class"],readonly:[4],error:[1028],focused:[1028],hovered:[1028],label:[1],useLabelRequired:[4,"use-label-required"],labelTooltip:[1,"label-tooltip"],labelTooltipProps:[16],inputStyle:[16],internalValue:[32],sdGetNativeElement:[64],sdValidate:[64],sdReset:[64],sdResetValidate:[64],sdFocus:[64]},void 0,{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}]);function u(){"undefined"!=typeof customElements&&["sd-input","sd-button","sd-field","sd-floating-portal","sd-icon","sd-tooltip"].forEach((e=>{switch(e){case"sd-input":customElements.get(d(e))||customElements.define(d(e),c);break;case"sd-button":customElements.get(d(e))||s();break;case"sd-field":customElements.get(d(e))||r();break;case"sd-floating-portal":customElements.get(d(e))||o();break;case"sd-icon":customElements.get(d(e))||l();break;case"sd-tooltip":customElements.get(d(e))||p()}}))}export{c as S,u as d}
+import{p as e,H as t,c as a,h as i,t as d}from"./p-CDehvEQ5.js";import{n}from"./p-CCwNgVmC.js";import{d as s}from"./p-CHAh-_qx.js";import{d as r}from"./p-CWg2auF3.js";import{d as o}from"./p-MmKik3mL.js";import{d as l}from"./p-CbQobmaB.js";import{d as p}from"./p-D35gOcGh.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.input=a(this,"sdUpdate"),this.focus=a(this,"sdFocus"),this.blur=a(this,"sdBlur")}get host(){return this}value=null;type="text";insideLabel=!1;placeholder="입력해 주세요.";disabled=!1;clearable=!1;width;barcode=!1;rules=[];autoFocus=!1;status;inputClass="";readonly=!1;error=!1;focused=!1;hovered=!1;label="";useLabelRequired=!1;labelTooltip="";labelTooltipProps=null;inputStyle={};internalValue=null;nativeEl=void 0;formField;name=n();input;focus;blur;valueChanged(e){this.internalValue=e}internalValueChanged(e){e!==this.value&&(this.value=e,this.input?.emit(this.value))}async sdGetNativeElement(){return this.nativeEl||null}async sdValidate(){this.formField?.sdValidate()}async sdReset(){this.formField?.sdReset()}async sdResetValidate(){this.formField?.sdResetValidation()}async sdFocus(){this.formField?.sdFocus()}componentWillLoad(){this.value&&(this.internalValue=this.value)}componentDidLoad(){this.autoFocus&&this.nativeEl?.focus()}handleInput=e=>{this.internalValue=e.target.value};handleFocus=async(e,t)=>{this.focused="focus"===e,"blur"===e?(this.rules&&this.rules.length>0&&await(this.formField?.sdValidate()),this.blur?.emit(t)):this.focus?.emit(t)};render(){return i("sd-field",{key:"87f02ba890fd952f89eb86d200318038137ba1a4",name:this.name,label:this.label,insideLabel:this.insideLabel,rules:this.rules,error:this.error,disabled:this.disabled,focused:this.focused,hovered:this.hovered,status:this.status,useLabelRequired:this.useLabelRequired,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:e=>this.formField=e,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1},i("label",{key:"0bb5824067b33c178b1f60ececdccfe0a3d5f294",class:"sd-input__content",style:{width:"100%"}},i("slot",{key:"6f67712b4ca708ba511c57379a6b5118732f146a",name:"prefix"}),i("input",{key:"b337a1161dedb41ed29a690fa963c0ac60dd0c79",name:this.name,ref:e=>this.nativeEl=e,class:`sd-input__native ${this.inputClass}`,type:this.type,value:this.internalValue||"",placeholder:this.placeholder,disabled:this.disabled,readonly:this.readonly,autofocus:this.autoFocus,onInput:this.handleInput,onFocus:e=>this.handleFocus("focus",e),onBlur:e=>this.handleFocus("blur",e),style:this.inputStyle}),i("slot",{key:"bf45d9fd71551dc6a3bb96cdc44512796beee923",name:"suffix"}),this.clearable&&this.internalValue&&i("sd-icon",{key:"aed0a5d9115ba8b7601dc62423349bee1a9978c7",name:"close",color:"grey_65",size:"16",class:"sd-input__clear-icon",onClick:async()=>{this.internalValue="",await(this.formField?.sdValidate())}})))}static get watchers(){return{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}}static get style(){return"sd-icon{display:inline-block;line-height:0}sd-icon .sd-icon--rotate-90{transform:rotate(90deg)}sd-icon .sd-icon--rotate-180{transform:rotate(180deg)}sd-icon .sd-icon--rotate-270{transform:rotate(270deg)}.sd-date-picker{width:100%;display:inline-block}.sd-date-picker .sd-date-picker--disabled .date-icon{cursor:not-allowed !important;color:#888888 !important}.sd-date-picker .sd-date-picker__input{text-align:center !important}.sd-date-picker__menu{width:304px;box-sizing:border-box;border-radius:8px;padding:24px 19px;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.2);background:white}.sd-date-picker__menu .sd-date-picker__header{display:flex;flex-flow:row nowrap;align-items:center;gap:20px;font-size:14px;padding:0 5px;height:24px;line-height:24px}.sd-date-picker__menu .sd-date-picker__header .year-nav,.sd-date-picker__menu .sd-date-picker__header .month-nav{display:flex;flex-flow:row nowrap;align-items:center;gap:12px}.sd-date-picker__menu .sd-date-picker__header .year-nav button,.sd-date-picker__menu .sd-date-picker__header .month-nav button{background:none;border:none;cursor:pointer;margin:0;padding:0}.sd-date-picker__menu .sd-date-picker__header .year-nav__current{width:40px;text-align:center}.sd-date-picker__menu .sd-date-picker__header .month-nav__current{width:100px;text-align:center}.sd-date-picker__menu .sd-date-picker__days{margin-top:8px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr));column-gap:10px;padding:0 5px}.sd-date-picker__menu .sd-date-picker__days .day{width:28px;height:20px;font-size:12px;line-height:20px;text-align:center;color:#888888}.sd-date-picker__menu .sd-date-picker__body{margin-top:12px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr))}sd-date-range-picker{width:fit-content;display:inline-flex}sd-date-range-picker .sd-date-range-picker--disabled .date-icon{cursor:not-allowed !important;color:#888888 !important}sd-date-range-picker .sd-date-range-picker--disabled .sd-input__native{color:#888888 !important}sd-date-range-picker .sd-field .sd-field__control{min-width:210px}sd-date-range-picker .sd-field .sd-input__native{margin-left:17px !important}.sd-date-range-picker__menu{width:609px;box-sizing:border-box;border-radius:8px;padding:24px 19px;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.2);background:white}.sd-date-range-picker__menu .sd-date-range-picker__header{margin-bottom:16px;display:flex;flex-flow:row nowrap;align-items:center;justify-content:center}.sd-date-range-picker__menu .sd-date-range-picker__header .header-label{margin:0 12px;width:40px;text-align:center;font-size:14px;line-height:24px}.sd-date-range-picker__menu .sd-date-range-picker__body{display:flex;flex-flow:row nowrap;align-items:stretch;gap:19px}.sd-date-range-picker__menu .sd-date-range-picker__body .calendar-container{width:266px}.sd-date-range-picker__menu .sd-date-range-picker__body .calendar-container .calendar-header{width:100%;height:24px;line-height:24px;font-size:14px;text-align:center;position:relative;padding:0 5px}.sd-date-range-picker__menu .sd-date-range-picker__body .calendar-container .calendar-header button{position:absolute;top:50%;transform:translateY(-50%)}.sd-date-range-picker__menu .sd-date-range-picker__body .calendar-container .calendar-header button.header-button-prev{left:5px}.sd-date-range-picker__menu .sd-date-range-picker__body .calendar-container .calendar-header button.header-button-next{right:5px;left:auto}.sd-date-range-picker__menu .sd-date-range-picker__body .calendar-container .calendar-days{padding:0 5px;margin-top:8px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr));column-gap:10px}.sd-date-range-picker__menu .sd-date-range-picker__body .calendar-container .calendar-days .day{width:28px;height:20px;font-size:12px;line-height:20px;text-align:center;color:#888888}.sd-date-range-picker__menu .sd-date-range-picker__body .calendar-container .calendar-body{margin-top:12px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr))}.sd-date-range-picker__menu .sd-date-range-picker__body .separator{width:1px;background-color:#D8D8D8}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-text-fill-color:#000;-webkit-box-shadow:0 0 0px 1000px #fff inset;box-shadow:0 0 0px 1000px #fff inset;transition:background-color 5000s ease-in-out 0s}input:autofill,input:autofill:hover,input:autofill:focus,input:autofill:active{-webkit-text-fill-color:#000;-webkit-box-shadow:0 0 0px 1000px #fff inset;box-shadow:0 0 0px 1000px #fff inset;transition:background-color 5000s ease-in-out 0s}sd-input{display:inline-flex}sd-input .sd-input__content{width:100%;height:100%;display:flex;flex-flow:row nowrap;align-items:center;color:#333333;font-size:12px;line-height:20px;padding:0 8px}sd-input .sd-input__content .sd-input__native{width:100%;height:100%;border:none;outline:none;background:transparent}sd-input .sd-input__content .sd-input__native[disabled]{cursor:not-allowed;color:#888888}sd-input .sd-input__content .sd-input__native::placeholder{color:#AAAAAA}"}},[772,"sd-input",{value:[1032],type:[1],insideLabel:[4,"inside-label"],placeholder:[1],disabled:[4],clearable:[4],width:[8],barcode:[4],rules:[16],autoFocus:[4,"auto-focus"],status:[1],inputClass:[1,"input-class"],readonly:[4],error:[1028],focused:[1028],hovered:[1028],label:[1],useLabelRequired:[4,"use-label-required"],labelTooltip:[1,"label-tooltip"],labelTooltipProps:[16],inputStyle:[16],internalValue:[32],sdGetNativeElement:[64],sdValidate:[64],sdReset:[64],sdResetValidate:[64],sdFocus:[64]},void 0,{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}]);function u(){"undefined"!=typeof customElements&&["sd-input","sd-button","sd-field","sd-floating-portal","sd-icon","sd-tooltip"].forEach((e=>{switch(e){case"sd-input":customElements.get(d(e))||customElements.define(d(e),c);break;case"sd-button":customElements.get(d(e))||s();break;case"sd-field":customElements.get(d(e))||r();break;case"sd-floating-portal":customElements.get(d(e))||o();break;case"sd-icon":customElements.get(d(e))||l();break;case"sd-tooltip":customElements.get(d(e))||p()}}))}export{c as S,u as d}

package/dist/components/{p-DAj1C6hg.js → p-C0yQ73oI.js}

@@ -1 +1 @@
-import{p as t,H as e,c as d,h as s,t as o}from"./p-4iQAU7kM.js";const a=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.click=d(this,"sdClick"),this.mouseOver=d(this,"sdMouseOver")}date=null;disabled=!1;selected=!1;isStartDate=!1;isEndDate=!1;isToday=!1;inRange=!1;type="";click;mouseOver;handleClickDate(){!this.disabled&&this.date&&"string"!=typeof this.date&&this.click?.emit(this.date)}handleHoverDate(){"string"!=typeof this.date&&this.mouseOver?.emit(this.date)}render(){return s("div",{key:"8b5d369f26776aadd97b40aa52b96ec143b0689e",role:"button",tabindex:this.disabled?-1:0,class:{"sd-date-box":!0,"sd-hoverable":!this.disabled||!this.selected||""===this.type,"sd-date-box--disabled":this.disabled,"sd-date-box--selected":this.selected,"sd-date-box--today":this.isToday,"sd-date-box--start-date":this.isStartDate,"sd-date-box--end-date":this.isEndDate,"sd-date-box--in-range":this.inRange,"sd-date-box--type-start":"start"===this.type,"sd-date-box--type-end":"end"===this.type},onClick:()=>this.handleClickDate(),onMouseOver:()=>this.handleHoverDate()},s("div",{key:"566df713adddf344588ce8f156a07e9e96ac6ae5",class:"sd-date-box__content"},s("div",{key:"16ac9ecfdb4cea3c8573cfc5a5c7940123660dd5",class:"sd-date-box__label"},this.date)))}static get style(){return'.sd-date-box.sc-sd-date-box{display:flex;align-items:center;justify-content:center;width:38px;height:36px;font-size:14px;position:relative;box-sizing:border-box;text-align:center;transition:background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);border-radius:14px}.sd-date-box.sc-sd-date-box .sd-date-box__content.sc-sd-date-box{width:28px;height:28px;border-radius:14px;position:relative}.sd-date-box.sc-sd-date-box .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box{position:relative;z-index:2;-webkit-user-select:none;user-select:none;line-height:28px}.sd-date-box.sd-date-box--disabled.sc-sd-date-box{color:#cccccc;cursor:default !important;pointer-events:none}.sd-date-box.sc-sd-date-box:not(.sd-date-box--disabled){color:#333333;cursor:pointer}.sd-date-box.sd-hoverable.sc-sd-date-box:hover .sd-date-box__content.sc-sd-date-box{background:#d9eaff}.sd-date-box.sd-date-box--in-range.sc-sd-date-box:not(.sd-date-box--disabled) .sd-date-box__content.sc-sd-date-box::before{content:"";position:absolute;top:0;left:-5px;width:calc(100% + 10px);height:100%;background:#d9eaff}.sd-date-box.sd-date-box--in-range.sd-date-box--type-start.sc-sd-date-box .sd-date-box__content.sc-sd-date-box::before{left:auto !important;width:19px !important;right:-5px}.sd-date-box.sd-date-box--in-range.sd-date-box--type-end.sc-sd-date-box .sd-date-box__content.sc-sd-date-box::before{width:19px !important}.sd-date-box.sd-date-box--in-range.sc-sd-date-box .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box{font-weight:500}.sd-date-box.sd-date-box--selected.sc-sd-date-box .sd-date-box__content.sc-sd-date-box::after,.sd-date-box.sd-date-box--type-start.sc-sd-date-box .sd-date-box__content.sc-sd-date-box::after,.sd-date-box.sd-date-box--type-end.sc-sd-date-box .sd-date-box__content.sc-sd-date-box::after{content:"";position:absolute;inset:0;background:#0075ff;border-radius:14px;z-index:1}.sd-date-box.sd-date-box--selected.sc-sd-date-box .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box,.sd-date-box.sd-date-box--type-start.sc-sd-date-box .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box,.sd-date-box.sd-date-box--type-end.sc-sd-date-box .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box{color:white;font-weight:700}.sd-date-box.sd-date-box--start-date.sd-date-box--end-date.sc-sd-date-box .sd-date-box__content.sc-sd-date-box::before{display:none !important}.sd-date-box.sd-date-box--today.sc-sd-date-box:not(.sd-date-box--selected) .sd-date-box__content.sc-sd-date-box::after{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:28px;height:28px;border:1px solid #e1e1e1 !important;border-radius:14px}'}},[514,"sd-date-box",{date:[8],disabled:[4],selected:[4],isStartDate:[4,"is-start-date"],isEndDate:[4,"is-end-date"],isToday:[4,"is-today"],inRange:[4,"in-range"],type:[1]}]);function b(){"undefined"!=typeof customElements&&["sd-date-box"].forEach((t=>{"sd-date-box"===t&&(customElements.get(o(t))||customElements.define(o(t),a))}))}export{a as S,b as d}
+import{p as t,H as e,c as d,h as s,t as o}from"./p-CDehvEQ5.js";const a=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.click=d(this,"sdClick"),this.mouseOver=d(this,"sdMouseOver")}date=null;disabled=!1;selected=!1;isStartDate=!1;isEndDate=!1;isToday=!1;inRange=!1;type="";click;mouseOver;handleClickDate(){!this.disabled&&this.date&&"string"!=typeof this.date&&this.click?.emit(this.date)}handleHoverDate(){"string"!=typeof this.date&&this.mouseOver?.emit(this.date)}render(){return s("div",{key:"8b5d369f26776aadd97b40aa52b96ec143b0689e",role:"button",tabindex:this.disabled?-1:0,class:{"sd-date-box":!0,"sd-hoverable":!this.disabled||!this.selected||""===this.type,"sd-date-box--disabled":this.disabled,"sd-date-box--selected":this.selected,"sd-date-box--today":this.isToday,"sd-date-box--start-date":this.isStartDate,"sd-date-box--end-date":this.isEndDate,"sd-date-box--in-range":this.inRange,"sd-date-box--type-start":"start"===this.type,"sd-date-box--type-end":"end"===this.type},onClick:()=>this.handleClickDate(),onMouseOver:()=>this.handleHoverDate()},s("div",{key:"566df713adddf344588ce8f156a07e9e96ac6ae5",class:"sd-date-box__content"},s("div",{key:"16ac9ecfdb4cea3c8573cfc5a5c7940123660dd5",class:"sd-date-box__label"},this.date)))}static get style(){return'.sd-date-box.sc-sd-date-box{display:flex;align-items:center;justify-content:center;width:38px;height:36px;font-size:14px;position:relative;box-sizing:border-box;text-align:center;transition:background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);border-radius:14px}.sd-date-box.sc-sd-date-box .sd-date-box__content.sc-sd-date-box{width:28px;height:28px;border-radius:14px;position:relative}.sd-date-box.sc-sd-date-box .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box{position:relative;z-index:2;-webkit-user-select:none;user-select:none;line-height:28px}.sd-date-box.sd-date-box--disabled.sc-sd-date-box{color:#CCCCCC;cursor:default !important;pointer-events:none}.sd-date-box.sc-sd-date-box:not(.sd-date-box--disabled){color:#333333;cursor:pointer}.sd-date-box.sd-hoverable.sc-sd-date-box:hover .sd-date-box__content.sc-sd-date-box{background:#D9EAFF}.sd-date-box.sd-date-box--in-range.sc-sd-date-box:not(.sd-date-box--disabled) .sd-date-box__content.sc-sd-date-box::before{content:"";position:absolute;top:0;left:-5px;width:calc(100% + 10px);height:100%;background:#D9EAFF}.sd-date-box.sd-date-box--in-range.sd-date-box--type-start.sc-sd-date-box .sd-date-box__content.sc-sd-date-box::before{left:auto !important;width:19px !important;right:-5px}.sd-date-box.sd-date-box--in-range.sd-date-box--type-end.sc-sd-date-box .sd-date-box__content.sc-sd-date-box::before{width:19px !important}.sd-date-box.sd-date-box--in-range.sc-sd-date-box .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box{font-weight:500}.sd-date-box.sd-date-box--selected.sc-sd-date-box .sd-date-box__content.sc-sd-date-box::after,.sd-date-box.sd-date-box--type-start.sc-sd-date-box .sd-date-box__content.sc-sd-date-box::after,.sd-date-box.sd-date-box--type-end.sc-sd-date-box .sd-date-box__content.sc-sd-date-box::after{content:"";position:absolute;inset:0;background:#0075FF;border-radius:14px;z-index:1}.sd-date-box.sd-date-box--selected.sc-sd-date-box .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box,.sd-date-box.sd-date-box--type-start.sc-sd-date-box .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box,.sd-date-box.sd-date-box--type-end.sc-sd-date-box .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box{color:white;font-weight:700}.sd-date-box.sd-date-box--start-date.sd-date-box--end-date.sc-sd-date-box .sd-date-box__content.sc-sd-date-box::before{display:none !important}.sd-date-box.sd-date-box--today.sc-sd-date-box:not(.sd-date-box--selected) .sd-date-box__content.sc-sd-date-box::after{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:28px;height:28px;border:1px solid #E1E1E1 !important;border-radius:14px}'}},[514,"sd-date-box",{date:[8],disabled:[4],selected:[4],isStartDate:[4,"is-start-date"],isEndDate:[4,"is-end-date"],isToday:[4,"is-today"],inRange:[4,"in-range"],type:[1]}]);function b(){"undefined"!=typeof customElements&&["sd-date-box"].forEach((t=>{"sd-date-box"===t&&(customElements.get(o(t))||customElements.define(o(t),a))}))}export{a as S,b as d}