@sellmate/design-system 1.31.0 → 1.33.0

package/dist/design-system/{p-3859316f.entry.js → p-a8dc243c.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as s}from"./p-C599jhDs.js";import{l as i}from"./p-4S0_Ykmo.js";import{l}from"./p-DlJaYVWf.js";import{s as r}from"./p-BE4tnQ2Z.js";var c={paddingX:"12",gap:"8",typography:{fontWeight:"400",fontSize:"12",lineHeight:"20"}},o={default:"#888888",disabled:"#BBBBBB"},h={default:"#222222",disabled:"#888888"};const d=c.paddingX,n=c.gap,a={fontSize:c.typography.fontSize,lineHeight:c.typography.lineHeight,fontWeight:c.typography.fontWeight},u={icon:{default:o.default,disabled:o.disabled},text:{default:h.default,disabled:h.disabled}},g=i.listItem.paddingY,p=i.listItem.paddingRight,m={depth1:i.listItem.paddingLeft.depth1,depth2:i.listItem.paddingLeft.depth2,depth3:i.listItem.paddingLeft.depth3},f=i.listItem.gap,b={fontSize:i.listItem.typography.default.fontSize,lineHeight:i.listItem.typography.default.lineHeight,fontWeight:i.listItem.typography.default.fontWeight,selectedFontWeight:i.listItem.typography.selected.fontWeight},x={bg:{default:i.listItem.bg.default,hover:i.listItem.bg.hover},content:{default:i.listItem.content.default,hover:i.listItem.content.hover,disabled:i.listItem.content.disabled,selected:i.listItem.content.selected},depth1:{bg:i.listItem.depth1.bg.default,border:i.listItem.depth1.border.color,borderWidth:i.listItem.depth1.border.width},depth2:{bg:i.listItem.depth2.middle.bg}},_=l.listBox.radius;function v(t){return/<[a-z][\s\S]*>/i.test(t)}function k(t){return t.replace(/<[^>]*>/g,"")}function w(t){return t.reduce(((t,e)=>e.children?t+w(e.children):t+1),0)}function y(t,e){const s=(e??"").toLowerCase();return t.reduce(((t,i)=>{const l=v(i.label)?k(i.label):i.label,r=null!=l&&l.toLowerCase().includes(s);if(i.children){const s=y(i.children,e);s.length>0?t.push({...i,children:s}):r&&t.push({...i,children:[]})}else r&&t.push({...i});return t}),[])}const S=class{constructor(s){t(this,s),this.listItemClick=e(this,"sdListItemClick",7)}option;depth=1;isSelected=!1;isFocused=!1;useCheckbox=!1;countInfo;listItemClick;get isGroup(){return!!this.option.children}get isSelectable(){return!this.isGroup||this.useCheckbox}get depthKey(){return this.depth<=1?"depth1":2===this.depth?"depth2":"depth3"}get paddingLeft(){return`${m[this.depthKey]}px`}handleClick=t=>{t.stopPropagation(),!this.option.disabled&&this.isSelectable&&this.listItemClick.emit(this.option)};handleCheckboxClick=t=>{t.stopPropagation()};handleCheckboxUpdate=t=>{t.stopPropagation(),!this.option.disabled&&this.isSelectable&&this.listItemClick.emit(this.option)};render(){const t=this.isGroup,e=t&&1===this.depth,i=t&&2===this.depth,l={"--list-item-padding-y":`${g}px`,"--list-item-padding-left":this.paddingLeft,"--list-item-padding-right":`${p}px`,"--list-item-gap":`${f}px`,"--list-item-font-size":`${b.fontSize}px`,"--list-item-line-height":`${b.lineHeight}px`,"--list-item-font-weight":b.fontWeight,"--list-item-bg":e?x.depth1.bg:i?x.depth2.bg:x.bg.default,"--list-item-bg-hover":x.bg.hover,"--list-item-color":x.content.default,"--list-item-color-hover":x.content.hover,"--list-item-color-disabled":x.content.disabled,"--list-item-color-selected":x.content.selected,"--list-item-font-weight-selected":b.selectedFontWeight};return e&&(l["--list-item-border-top"]=`${x.depth1.borderWidth}px solid ${x.depth1.border}`),s("div",{key:"4fff470052d5d02cddf204f33df24247e087a55d",role:"option",tabindex:-1,"aria-selected":!0===this.isSelected?"true":"false",class:{"sd-select-list-item":!0,"sd-select-list-item--group":t,"sd-select-list-item--depth1-group":e,"sd-select-list-item--depth2-group":i,"sd-select-list-item--selected":!0===this.isSelected,"sd-select-list-item--indeterminate":null===this.isSelected,"sd-select-list-item--focused":this.isFocused,"sd-select-list-item--selectable":this.isSelectable&&!this.option.disabled,"sd-select-list-item--disabled":!!this.option.disabled},style:l,onClick:this.handleClick},this.useCheckbox&&s("sd-checkbox",{key:"45649f31743eac574560399b07c9ba94d7185013",value:null===this.isSelected?null:!!this.isSelected,disabled:this.option.disabled,inverse:this.isFocused&&!1!==this.isSelected,class:"sd-select-list-item__checkbox",onClick:this.handleCheckboxClick,onSdUpdate:this.handleCheckboxUpdate}),v(this.option.label)?s("span",{class:"sd-select-list-item__label",ref:t=>t&&(t.innerHTML=r(this.option.label))}):s("span",{class:"sd-select-list-item__label"},this.option.label),this.countInfo&&s("span",{key:"2e2c1dca85ed4be38cf8435df86f8ea4b7273673",class:"sd-select-list-item__count"},"(",this.countInfo.selected,"/",this.countInfo.total,")"))}};S.style="sd-select-list-item{display:block}sd-select-list-item .sd-select-list-item{display:flex;align-items:center;gap:var(--list-item-gap);padding:var(--list-item-padding-y) var(--list-item-padding-right) var(--list-item-padding-y) var(--list-item-padding-left);font-size:var(--list-item-font-size);line-height:var(--list-item-line-height);font-weight:var(--list-item-font-weight);background:var(--list-item-bg);color:var(--list-item-color);cursor:default;user-select:none}sd-select-list-item .sd-select-list-item--selectable{cursor:pointer}sd-select-list-item .sd-select-list-item--depth1-group{border-top:var(--list-item-border-top);font-weight:700}sd-select-list-item .sd-select-list-item--depth2-group{font-weight:500}sd-select-list-item .sd-select-list-item--focused.sd-select-list-item--selectable:not(.sd-select-list-item--disabled){background:var(--list-item-bg-hover);color:var(--list-item-color-hover)}sd-select-list-item .sd-select-list-item--selected:not(.sd-select-list-item--group){font-weight:var(--list-item-font-weight-selected);color:var(--list-item-color-selected)}sd-select-list-item .sd-select-list-item--selected.sd-select-list-item--focused{color:var(--list-item-color-hover)}sd-select-list-item .sd-select-list-item--disabled{color:var(--list-item-color-disabled);cursor:not-allowed}sd-select-list-item .sd-select-list-item__label{flex:0 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}sd-select-list-item .sd-select-list-item__count{flex-shrink:0;font-weight:500;color:var(--list-item-color-disabled)}sd-select-list-item .sd-select-list-item--group.sd-select-list-item--focused .sd-select-list-item__count{color:#ffffff}sd-select-list-item .sd-select-list-item__checkbox{flex-shrink:0}";const C=class{constructor(s){t(this,s),this.searchFilter=e(this,"sdSearchFilter",7),this.searchFocus=e(this,"sdSearchFocus",7)}isScrolled=!1;searchText="";searchFilter;searchFocus;inputEl;debounceTimer;focusRafId;componentDidLoad(){requestAnimationFrame((()=>{this.focusRafId=requestAnimationFrame((()=>{this.inputEl?.focus()}))}))}async sdFocus(){this.inputEl?.focus()}handleInput=t=>{this.searchText=t.target.value,this.debounceTimer&&clearTimeout(this.debounceTimer),this.debounceTimer=setTimeout((()=>{this.searchFilter.emit(this.searchText)}),1e3)};handleClear=t=>{t.stopPropagation(),this.searchText="",this.debounceTimer&&clearTimeout(this.debounceTimer),this.searchFilter.emit(""),this.inputEl?.focus()};disconnectedCallback(){void 0!==this.focusRafId&&cancelAnimationFrame(this.focusRafId),void 0!==this.debounceTimer&&clearTimeout(this.debounceTimer)}render(){return s("div",{key:"3231c0ea91e678a71cac6a1c5805fa255a96deb2",class:{"sd-select-list-item-search":!0,"sd-select-list-item-search--scrolled":this.isScrolled}},s("div",{key:"f25df864ea6bbe2db7c0ca8e1abc0645f11b12f3",class:"sd-select-list-item-search__inner"},s("sd-icon",{key:"494d5b964543e3a595629c02ef7b61b492d26eed",name:"search",size:16,color:"grey_70",class:"sd-select-list-item-search__icon"}),s("input",{key:"475b925b7987d98fb0a46d6b63a0a9edd2db00ae",ref:t=>{this.inputEl=t},type:"text",class:"sd-select-list-item-search__input",placeholder:"검색어 입력",value:this.searchText,onInput:this.handleInput,onFocus:()=>this.searchFocus.emit()}),s("button",{key:"26fa161589df77bea51e4568bfd2d501008a0846",type:"button",class:{"sd-select-list-item-search__clear":!0,"sd-select-list-item-search__clear--hidden":""===this.searchText},onClick:this.handleClear,tabindex:""!==this.searchText?0:-1,"aria-hidden":""!==this.searchText?"false":"true"},s("sd-icon",{key:"aca5037c9dbc171f201cc02e7a2d00f49e6e6397",name:"close",size:12,color:"#888888"}))))}};C.style="sd-select-list-item-search{display:block}sd-select-list-item-search .sd-select-list-item-search{padding:4px 8px;position:sticky;top:0;z-index:1;background:white}sd-select-list-item-search .sd-select-list-item-search--scrolled{box-shadow:0 2px 4px rgba(0, 0, 0, 0.08)}sd-select-list-item-search .sd-select-list-item-search__inner{display:flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid #cccccc;border-radius:4px;background:white}sd-select-list-item-search .sd-select-list-item-search__inner:focus-within{border-color:#0075ff}sd-select-list-item-search .sd-select-list-item-search__icon{flex-shrink:0}sd-select-list-item-search .sd-select-list-item-search__input{flex:1;border:none;outline:none;font-size:12px;line-height:20px;color:#222222;background:transparent;min-width:0}sd-select-list-item-search .sd-select-list-item-search__input::placeholder{color:#aaaaaa}sd-select-list-item-search .sd-select-list-item-search__clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:2px;border:none;background:transparent;cursor:pointer;border-radius:2px}sd-select-list-item-search .sd-select-list-item-search__clear:hover{background:#f0f0f0}sd-select-list-item-search .sd-select-list-item-search__clear--hidden{visibility:hidden;pointer-events:none}";const F=class{constructor(s){t(this,s),this.optionSelect=e(this,"sdOptionSelect",7)}type="default";options=[];value=null;emitValue=!1;useSearch=!1;useSelectAll=!1;triggerWidth="200px";maxWidth="640px";maxHeight="260px";searchKeyword="";isScrolled=!1;focusedIndex=-1;optionSelect;listEl;lastScrolledIndex=-1;keydownAttached=!1;suppressHover=!1;get isDepth(){return"default_depth"===this.type||"multi_depth"===this.type}get isMulti(){return"multi"===this.type||"multi_depth"===this.type}static SELECT_ALL_OPTION={value:"__select_all__",label:"전체"};get showSelectAll(){return this.useSelectAll&&this.isMulti&&this.getAllNonDisabledLeaves().length>0}getAllNonDisabledLeaves(){const t=e=>e.flatMap((e=>e.disabled?[]:e.children?t(e.children):[e]));return t(this.options)}get selectAllState(){if(!this.showSelectAll)return!1;const t=this.getAllNonDisabledLeaves();if(0===t.length)return!1;const e=this.getSelectedValues(),s=t.filter((t=>e.has(t.value))).length;return 0!==s&&(s===t.length||null)}get showSearch(){return!!this.useSearch&&(this.isDepth?w(this.options):this.options.length)>=11}get filteredOptions(){if(null==this.searchKeyword||""===this.searchKeyword)return this.options;if(this.isDepth)return y(this.options,this.searchKeyword);const t=this.searchKeyword.toLowerCase();return this.options.filter((e=>{const s=v(e.label)?k(e.label):e.label;return null!=s&&s.toLowerCase().includes(t)}))}get isEmpty(){return this.isDepth?0===w(this.filteredOptions)&&0===this.filteredOptions.length:0===this.filteredOptions.length}getSelectedValues(){return null!=this.value&&Array.isArray(this.value)?this.emitValue?new Set(this.value):new Set(this.value.map((t=>t.value))):new Set}isOptionSelected(t){return this.isMulti?this.getSelectedValues().has(t.value):this.emitValue||null==this.value||"object"!=typeof this.value||Array.isArray(this.value)?this.value===t.value:this.value.value===t.value}getGroupSelectionState(t){if(!this.isMulti||!t.children)return!1;const e=this.getSelectedValues();if(0===e.size)return!1;const s=this.collectVisibleLeaves(t);if(0===s.length)return!1;const i=s.filter((t=>e.has(t.value))).length;return 0!==i&&(i===s.length||null)}getCountInfo(t){if(!this.isMulti||!t.children)return;const e=this.getSelectedValues(),s=this.collectVisibleLeaves(t);return{selected:s.filter((t=>e.has(t.value))).length,total:s.length}}findOriginalOption(t,e){for(const s of e){if(s.value===t)return s;if(s.children){const e=this.findOriginalOption(t,s.children);if(e)return e}}}collectLeaves(t){return t.children?t.children.flatMap((t=>this.collectLeaves(t))):[t]}collectVisibleLeaves(t){if(t.disabled)return[];if(!t.children)return[t];if(0===t.children.length){const e=this.findOriginalOption(t.value,this.options);return e?this.collectLeaves(e).filter((t=>!t.disabled)):[]}return t.children.flatMap((t=>this.collectVisibleLeaves(t)))}get navigableOptions(){const t=[];this.showSelectAll&&t.push(F.SELECT_ALL_OPTION);const e=s=>{for(const i of s){const s=!!i.children;(!s||this.isMulti)&&!i.disabled&&t.push(i),s&&i.children&&i.children.length>0&&e(i.children)}};return e(this.filteredOptions),t}isSelectAllOption(t){return this.showSelectAll&&t.value===F.SELECT_ALL_OPTION.value}emitSelectAll(){if(!this.showSelectAll)return;const t=this.getAllNonDisabledLeaves();this.optionSelect.emit({option:{...F.SELECT_ALL_OPTION,children:t},leaves:t})}handleSelectAllClick=t=>{t.stopPropagation(),this.emitSelectAll()};isOptionFocused(t){if(this.focusedIndex<0)return!1;const e=this.navigableOptions[this.focusedIndex];return null!=e&&e.value===t.value}resetFocusOnFilter(){this.focusedIndex=this.navigableOptions.length>0?0:-1,this.suppressHover&&(document.removeEventListener("mousemove",this.releaseHoverSuppress,!0),this.suppressHover=!1)}handleSearchFilter=t=>{this.searchKeyword=t.detail};handleScroll=t=>{this.isScrolled=t.target.scrollTop>0};emitOptionSelect(t){this.optionSelect.emit({option:t,leaves:this.collectVisibleLeaves(t)})}handleOptionClick=t=>{t.stopPropagation(),this.emitOptionSelect(t.detail)};handleOptionHover=t=>{if(this.suppressHover)return;const e=this.navigableOptions.findIndex((e=>e.value===t.value));e>=0&&(this.focusedIndex=e)};releaseHoverSuppress=()=>{this.suppressHover=!1,document.removeEventListener("mousemove",this.releaseHoverSuppress,!0)};handleKeyDown=t=>{const e=this.navigableOptions;if("ArrowDown"===t.key){if(0===e.length)return;t.preventDefault(),t.stopPropagation(),this.focusedIndex=this.focusedIndex<0?0:(this.focusedIndex+1)%e.length,this.beginHoverSuppression()}else if("ArrowUp"===t.key){if(0===e.length)return;t.preventDefault(),t.stopPropagation(),this.focusedIndex=this.focusedIndex<=0?e.length-1:this.focusedIndex-1,this.beginHoverSuppression()}else if("Enter"===t.key){if(this.focusedIndex<0||this.focusedIndex>=e.length)return;t.preventDefault(),t.stopPropagation();const s=e[this.focusedIndex];this.isSelectAllOption(s)?this.emitSelectAll():this.emitOptionSelect(s)}};beginHoverSuppression(){this.suppressHover||(this.suppressHover=!0,document.addEventListener("mousemove",this.releaseHoverSuppress,!0))}scrollFocusedIntoView(){const t=this.listEl,e=t?.querySelector(".sd-select-list-item--focused");if(!t||!e)return;const s=t.getBoundingClientRect(),i=e.getBoundingClientRect();i.top<s.top?t.scrollTop+=i.top-s.top:i.bottom>s.bottom&&(t.scrollTop+=i.bottom-s.bottom)}connectedCallback(){this.keydownAttached||(document.addEventListener("keydown",this.handleKeyDown,!0),this.keydownAttached=!0)}disconnectedCallback(){this.keydownAttached&&(document.removeEventListener("keydown",this.handleKeyDown,!0),this.keydownAttached=!1),this.suppressHover&&(document.removeEventListener("mousemove",this.releaseHoverSuppress,!0),this.suppressHover=!1)}componentDidRender(){this.focusedIndex!==this.lastScrolledIndex&&(this.lastScrolledIndex=this.focusedIndex,this.focusedIndex>=0&&this.scrollFocusedIntoView())}renderOptions(t,e=1){return t.map((t=>{const i=!!t.children;return[s("sd-select-list-item",{option:t,depth:e,isSelected:i?this.getGroupSelectionState(t):this.isOptionSelected(t),isFocused:this.isOptionFocused(t),useCheckbox:this.isMulti,countInfo:this.getCountInfo(t),onSdListItemClick:this.handleOptionClick,onMouseEnter:()=>this.handleOptionHover(t)}),i&&t.children?this.renderOptions(t.children,e+1):null]}))}render(){return s("div",{key:"1686c9749284be82edcf4eaf9c4741e1be3920d4",class:"sd-select-listbox",style:{"--listbox-trigger-width":this.triggerWidth??"200px","--listbox-max-width":this.maxWidth??"640px","--listbox-max-height":this.maxHeight??"260px","--listbox-radius":`${_}px`}},this.showSearch&&s("sd-select-list-item-search",{key:"934e1bf38324bda71e0c4c956fd8ad82eb9c4f46",isScrolled:this.isScrolled,onSdSearchFilter:this.handleSearchFilter}),s("div",{key:"33ec8b142a0f60b329fcd58bc8952d3577c92f83",class:"sd-select-listbox__list",onScroll:this.handleScroll,ref:t=>{this.listEl=t}},this.showSelectAll&&s("sd-select-list-item",{key:"46d1f11884ed2fa9a55144fbf0633cb78f2f8ec3",option:F.SELECT_ALL_OPTION,depth:1,isSelected:this.selectAllState,isFocused:this.isOptionFocused(F.SELECT_ALL_OPTION),useCheckbox:!0,onSdListItemClick:this.handleSelectAllClick,onMouseEnter:()=>this.handleOptionHover(F.SELECT_ALL_OPTION)}),this.isEmpty?s("div",{class:"sd-select-listbox__empty"},"표시할 항목이 없습니다."):this.isDepth?this.renderOptions(this.filteredOptions):this.filteredOptions.map((t=>s("sd-select-list-item",{option:t,depth:1,isSelected:this.isOptionSelected(t),isFocused:this.isOptionFocused(t),useCheckbox:this.isMulti,onSdListItemClick:this.handleOptionClick,onMouseEnter:()=>this.handleOptionHover(t)})))))}static get watchers(){return{searchKeyword:[{resetFocusOnFilter:0}]}}};F.style=":host{display:block}:host .sd-select-listbox{display:flex;flex-direction:column;width:var(--listbox-trigger-width);max-width:var(--listbox-max-width);max-height:var(--listbox-max-height);border-radius:var(--listbox-radius);background:white;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.1);overflow:hidden;outline:none}:host .sd-select-listbox__list{flex:1;min-height:0;overflow-y:auto;padding-bottom:0}:host .sd-select-listbox__list::-webkit-scrollbar{opacity:0;width:8px;background:#E5E5E5}:host .sd-select-listbox__list::-webkit-scrollbar:horizontal{height:8px}:host .sd-select-listbox__list::-webkit-scrollbar-thumb{height:80px;background-color:#CCCCCC;border-radius:4px}:host .sd-select-listbox__list::-webkit-scrollbar-track{background-color:#E5E5E5}:host .sd-select-listbox__empty{padding:12px;text-align:center;font-size:12px;line-height:20px;color:#888888}";const E=class{constructor(s){t(this,s),this.triggerClick=e(this,"sdTriggerClick",7),this.triggerFocus=e(this,"sdTriggerFocus",7),this.triggerBlur=e(this,"sdTriggerBlur",7)}displayText="";placeholder="선택";disabled=!1;isOpen=!1;triggerClick;triggerFocus;triggerBlur;triggerEl;async sdFocus(){this.disabled||this.triggerEl?.focus()}handleClick=()=>{this.disabled||this.triggerClick.emit()};handleFocus=()=>{this.triggerFocus.emit()};handleBlur=()=>{this.triggerBlur.emit()};render(){const t=""!==this.displayText;return s("div",{key:"3e5b42da3a391f52f597594ccf9ebf9e9b236ccc",ref:t=>{this.triggerEl=t},role:"button","aria-haspopup":"listbox","aria-expanded":this.isOpen?"true":"false",tabindex:this.disabled?-1:0,class:{"sd-select-trigger":!0,"sd-select-trigger--open":this.isOpen,"sd-select-trigger--disabled":this.disabled},style:{"--trigger-padding-x":`${d}px`,"--trigger-gap":`${n}px`,"--trigger-font-size":`${a.fontSize}px`,"--trigger-line-height":`${a.lineHeight}px`,"--trigger-font-weight":a.fontWeight,"--trigger-color":this.disabled?u.text.disabled:t?u.text.default:u.icon.default,"--trigger-icon-color":this.disabled?u.icon.disabled:u.icon.default},onClick:this.handleClick,onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.handleClick())},onFocus:this.handleFocus,onBlur:this.handleBlur},s("div",{key:"56938d493425d54b2c69840014b0354674fcf9d6",class:"sd-select-trigger__content"},t&&v(this.displayText)?s("span",{class:"sd-select-trigger__text",ref:t=>t&&(t.innerHTML=r(this.displayText))}):s("span",{class:"sd-select-trigger__text"},t?this.displayText:this.placeholder??"선택"),s("sd-icon",{key:"90e7df2f8bd416ccd1545c78c79f02746c119db3",name:"chevronDown",size:12,color:"var(--trigger-icon-color)",class:{"sd-select-trigger__icon":!0,"sd-select-trigger__icon--open":this.isOpen}})))}};E.style="sd-select-trigger{display:block;width:100%;height:100%}sd-select-trigger .sd-select-trigger{display:flex;width:100%;height:100%;cursor:pointer;user-select:none;overflow:hidden;border-radius:3px}sd-select-trigger .sd-select-trigger--disabled{cursor:not-allowed}sd-select-trigger .sd-select-trigger__content{display:flex;align-items:center;gap:var(--trigger-gap);flex:1;padding:0 var(--trigger-padding-x);min-width:0}sd-select-trigger .sd-select-trigger__text{flex:1;font-size:var(--trigger-font-size);line-height:var(--trigger-line-height);font-weight:var(--trigger-font-weight);color:var(--trigger-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}sd-select-trigger .sd-select-trigger__icon{flex-shrink:0;transition:transform 0.2s ease}sd-select-trigger .sd-select-trigger__icon--open{transform:rotate(180deg)}";export{S as sd_select_list_item,C as sd_select_list_item_search,F as sd_select_listbox,E as sd_select_trigger}
+import{r as t,c as e,h as s}from"./p-YU6oWX32.js";import{l as i}from"./p-DgXp5DEl.js";import{l}from"./p-DlJaYVWf.js";import{s as r}from"./p-BE4tnQ2Z.js";var o={paddingX:"12",gap:"8",typography:{fontWeight:"400",fontSize:"12",lineHeight:"20"}},c={default:"#888888",disabled:"#BBBBBB"},d={default:"#222222",disabled:"#888888"};const h=o.paddingX,n=o.gap,a={fontSize:o.typography.fontSize,lineHeight:o.typography.lineHeight,fontWeight:o.typography.fontWeight},u={icon:{default:c.default,disabled:c.disabled},text:{default:d.default,disabled:d.disabled}},g=i.listItem.paddingY,p=i.listItem.paddingRight,b={depth1:i.listItem.paddingLeft.depth1,depth2:i.listItem.paddingLeft.depth2,depth3:i.listItem.paddingLeft.depth3},m=i.listItem.gap,f={fontSize:i.listItem.typography.default.fontSize,lineHeight:i.listItem.typography.default.lineHeight,fontWeight:i.listItem.typography.default.fontWeight,selectedFontWeight:i.listItem.typography.selected.fontWeight},x={bg:{default:i.listItem.bg.default,hover:i.listItem.bg.hover},content:{default:i.listItem.content.default,hover:i.listItem.content.hover,disabled:i.listItem.content.disabled,selected:i.listItem.content.selected},depth1:{bg:i.listItem.depth1.bg.default,border:i.listItem.depth1.border.color,borderWidth:i.listItem.depth1.border.width},depth2:{bg:i.listItem.depth2.middle.bg}},_=l.listBox.radius;function k(t){return/<[a-z][\s\S]*>/i.test(t)}function v(t){return t.replace(/<[^>]*>/g,"")}function w(t){return t.reduce(((t,e)=>e.children?t+w(e.children):t+1),0)}function y(t,e){const s=(e??"").toLowerCase();return t.reduce(((t,i)=>{const l=k(i.label)?v(i.label):i.label,r=null!=l&&l.toLowerCase().includes(s);if(i.children){const s=y(i.children,e);s.length>0?t.push({...i,children:s}):r&&t.push({...i,children:[]})}else r&&t.push({...i});return t}),[])}const C=class{constructor(s){t(this,s),this.listItemClick=e(this,"sdListItemClick",7)}option;depth=1;isSelected=!1;isFocused=!1;useCheckbox=!1;countInfo;listItemClick;get isGroup(){return!!this.option.children}get isSelectable(){return!this.isGroup||this.useCheckbox}get depthKey(){return this.depth<=1?"depth1":2===this.depth?"depth2":"depth3"}get paddingLeft(){return`${b[this.depthKey]}px`}handleClick=t=>{t.stopPropagation(),!this.option.disabled&&this.isSelectable&&this.listItemClick.emit(this.option)};handleCheckboxClick=t=>{t.stopPropagation()};handleCheckboxUpdate=t=>{t.stopPropagation(),!this.option.disabled&&this.isSelectable&&this.listItemClick.emit(this.option)};render(){const t=this.isGroup,e=t&&1===this.depth,i=t&&2===this.depth,l={"--list-item-padding-y":`${g}px`,"--list-item-padding-left":this.paddingLeft,"--list-item-padding-right":`${p}px`,"--list-item-gap":`${m}px`,"--list-item-font-size":`${f.fontSize}px`,"--list-item-line-height":`${f.lineHeight}px`,"--list-item-font-weight":f.fontWeight,"--list-item-bg":e?x.depth1.bg:i?x.depth2.bg:x.bg.default,"--list-item-bg-hover":x.bg.hover,"--list-item-color":x.content.default,"--list-item-color-hover":x.content.hover,"--list-item-color-disabled":x.content.disabled,"--list-item-color-selected":x.content.selected,"--list-item-font-weight-selected":f.selectedFontWeight};return e&&(l["--list-item-border-top"]=`${x.depth1.borderWidth}px solid ${x.depth1.border}`),s("div",{key:"20492e7ba882ac768bee279fe1506e69186ec958",role:"option",tabindex:-1,"aria-selected":!0===this.isSelected?"true":"false",class:{"sd-select-list-item":!0,"sd-select-list-item--group":t,"sd-select-list-item--depth1-group":e,"sd-select-list-item--depth2-group":i,"sd-select-list-item--selected":!0===this.isSelected,"sd-select-list-item--indeterminate":null===this.isSelected,"sd-select-list-item--focused":this.isFocused,"sd-select-list-item--selectable":this.isSelectable&&!this.option.disabled,"sd-select-list-item--disabled":!!this.option.disabled},style:l,onClick:this.handleClick},this.useCheckbox&&s("sd-checkbox",{key:"1b413ea873fb41380928bbc1de435242966e8649",value:null===this.isSelected?null:!!this.isSelected,disabled:this.option.disabled,inverse:this.isFocused&&!1!==this.isSelected,class:"sd-select-list-item__checkbox",onClick:this.handleCheckboxClick,onSdUpdate:this.handleCheckboxUpdate}),k(this.option.label)?s("span",{class:"sd-select-list-item__label",ref:t=>t&&(t.innerHTML=r(this.option.label))}):s("span",{class:"sd-select-list-item__label"},this.option.label),this.countInfo&&s("span",{key:"b6b97fcfc49794b61ec27e48680a0168ce895a6b",class:"sd-select-list-item__count"},"(",this.countInfo.selected,"/",this.countInfo.total,")"))}};C.style="sd-select-list-item{display:block}sd-select-list-item .sd-select-list-item{display:flex;align-items:center;gap:var(--list-item-gap);padding:var(--list-item-padding-y) var(--list-item-padding-right) var(--list-item-padding-y) var(--list-item-padding-left);font-size:var(--list-item-font-size);line-height:var(--list-item-line-height);font-weight:var(--list-item-font-weight);background:var(--list-item-bg);color:var(--list-item-color);cursor:default;user-select:none}sd-select-list-item .sd-select-list-item--selectable{cursor:pointer}sd-select-list-item .sd-select-list-item--depth1-group{border-top:var(--list-item-border-top);font-weight:700}sd-select-list-item .sd-select-list-item--depth2-group{font-weight:500}sd-select-list-item .sd-select-list-item--focused.sd-select-list-item--selectable:not(.sd-select-list-item--disabled){background:var(--list-item-bg-hover);color:var(--list-item-color-hover)}sd-select-list-item .sd-select-list-item--selected:not(.sd-select-list-item--group){font-weight:var(--list-item-font-weight-selected);color:var(--list-item-color-selected)}sd-select-list-item .sd-select-list-item--selected.sd-select-list-item--focused{color:var(--list-item-color-hover)}sd-select-list-item .sd-select-list-item--disabled{color:var(--list-item-color-disabled);cursor:not-allowed}sd-select-list-item .sd-select-list-item__label{flex:0 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}sd-select-list-item .sd-select-list-item__count{flex-shrink:0;font-weight:500;color:var(--list-item-color-disabled)}sd-select-list-item .sd-select-list-item--group.sd-select-list-item--focused .sd-select-list-item__count{color:#ffffff}sd-select-list-item .sd-select-list-item__checkbox{flex-shrink:0}";const S=class{constructor(s){t(this,s),this.searchFilter=e(this,"sdSearchFilter",7),this.searchFocus=e(this,"sdSearchFocus",7)}isScrolled=!1;searchText="";searchFilter;searchFocus;inputEl;debounceTimer;focusRafId;componentDidLoad(){requestAnimationFrame((()=>{this.focusRafId=requestAnimationFrame((()=>{this.inputEl?.focus()}))}))}async sdFocus(){this.inputEl?.focus()}handleInput=t=>{this.searchText=t.target.value,this.debounceTimer&&clearTimeout(this.debounceTimer),this.debounceTimer=setTimeout((()=>{this.searchFilter.emit(this.searchText)}),1e3)};handleClear=t=>{t.stopPropagation(),this.searchText="",this.debounceTimer&&clearTimeout(this.debounceTimer),this.searchFilter.emit(""),this.inputEl?.focus()};disconnectedCallback(){void 0!==this.focusRafId&&cancelAnimationFrame(this.focusRafId),void 0!==this.debounceTimer&&clearTimeout(this.debounceTimer)}render(){return s("div",{key:"e461ae14d90896bf0abfbe357b0d8068c25b439b",class:{"sd-select-list-item-search":!0,"sd-select-list-item-search--scrolled":this.isScrolled}},s("div",{key:"870b68748e166f56fbf921ab6431e165c397278c",class:"sd-select-list-item-search__inner"},s("sd-icon",{key:"0252b5648c10042ce7b7db6af880f00a0f81f50a",name:"search",size:16,color:"grey_70",class:"sd-select-list-item-search__icon"}),s("input",{key:"5154a2d317f66d4722dfcd4f9ae8a87a3e9d651f",ref:t=>{this.inputEl=t},type:"text",class:"sd-select-list-item-search__input",placeholder:"검색어 입력",value:this.searchText,onInput:this.handleInput,onFocus:()=>this.searchFocus.emit()}),s("button",{key:"a6d7e8ee24139325d66ff0e987d6b1140ea88ea7",type:"button",class:{"sd-select-list-item-search__clear":!0,"sd-select-list-item-search__clear--hidden":""===this.searchText},onClick:this.handleClear,tabindex:""!==this.searchText?0:-1,"aria-hidden":""!==this.searchText?"false":"true"},s("sd-icon",{key:"03a33242101dbe710cb3c3327b6f2c695d76baab",name:"close",size:12,color:"#888888"}))))}};S.style="sd-select-list-item-search{display:block}sd-select-list-item-search .sd-select-list-item-search{padding:4px 8px;position:sticky;top:0;z-index:1;background:white}sd-select-list-item-search .sd-select-list-item-search--scrolled{box-shadow:0 2px 4px rgba(0, 0, 0, 0.08)}sd-select-list-item-search .sd-select-list-item-search__inner{display:flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid #cccccc;border-radius:4px;background:white}sd-select-list-item-search .sd-select-list-item-search__inner:focus-within{border-color:#0075ff}sd-select-list-item-search .sd-select-list-item-search__icon{flex-shrink:0}sd-select-list-item-search .sd-select-list-item-search__input{flex:1;border:none;outline:none;font-size:12px;line-height:20px;color:#222222;background:transparent;min-width:0}sd-select-list-item-search .sd-select-list-item-search__input::placeholder{color:#aaaaaa}sd-select-list-item-search .sd-select-list-item-search__clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:2px;border:none;background:transparent;cursor:pointer;border-radius:2px}sd-select-list-item-search .sd-select-list-item-search__clear:hover{background:#f0f0f0}sd-select-list-item-search .sd-select-list-item-search__clear--hidden{visibility:hidden;pointer-events:none}";const F=class{constructor(s){t(this,s),this.optionSelect=e(this,"sdOptionSelect",7)}type="default";options=[];value=null;emitValue=!1;useSearch=!1;useSelectAll=!1;triggerWidth="200px";maxWidth="640px";maxHeight="260px";searchKeyword="";isScrolled=!1;focusedIndex=-1;optionSelect;listEl;lastScrolledIndex=-1;keydownAttached=!1;suppressHover=!1;get isDepth(){return"default_depth"===this.type||"multi_depth"===this.type}get isMulti(){return"multi"===this.type||"multi_depth"===this.type}static SELECT_ALL_OPTION={value:"__select_all__",label:"전체"};get showSelectAll(){return this.useSelectAll&&this.isMulti&&this.getAllNonDisabledLeaves().length>0}getAllNonDisabledLeaves(){const t=e=>e.flatMap((e=>e.disabled?[]:e.children?t(e.children):[e]));return t(this.options)}get selectAllState(){if(!this.showSelectAll)return!1;const t=this.getAllNonDisabledLeaves();if(0===t.length)return!1;const e=this.getSelectedValues(),s=t.filter((t=>e.has(t.value))).length;return 0!==s&&(s===t.length||null)}get showSearch(){return!!this.useSearch&&(this.isDepth?w(this.options):this.options.length)>=11}get filteredOptions(){if(null==this.searchKeyword||""===this.searchKeyword)return this.options;if(this.isDepth)return y(this.options,this.searchKeyword);const t=this.searchKeyword.toLowerCase();return this.options.filter((e=>{const s=k(e.label)?v(e.label):e.label;return null!=s&&s.toLowerCase().includes(t)}))}get isEmpty(){return this.isDepth?0===w(this.filteredOptions)&&0===this.filteredOptions.length:0===this.filteredOptions.length}getSelectedValues(){return null!=this.value&&Array.isArray(this.value)?this.emitValue?new Set(this.value):new Set(this.value.map((t=>t.value))):new Set}isOptionSelected(t){return this.isMulti?this.getSelectedValues().has(t.value):this.emitValue||null==this.value||"object"!=typeof this.value||Array.isArray(this.value)?this.value===t.value:this.value.value===t.value}getGroupSelectionState(t){if(!this.isMulti||!t.children)return!1;const e=this.getSelectedValues();if(0===e.size)return!1;const s=this.collectVisibleLeaves(t);if(0===s.length)return!1;const i=s.filter((t=>e.has(t.value))).length;return 0!==i&&(i===s.length||null)}getCountInfo(t){if(!this.isMulti||!t.children)return;const e=this.getSelectedValues(),s=this.collectVisibleLeaves(t);return{selected:s.filter((t=>e.has(t.value))).length,total:s.length}}findOriginalOption(t,e){for(const s of e){if(s.value===t)return s;if(s.children){const e=this.findOriginalOption(t,s.children);if(e)return e}}}collectLeaves(t){return t.children?t.children.flatMap((t=>this.collectLeaves(t))):[t]}collectVisibleLeaves(t){if(t.disabled)return[];if(!t.children)return[t];if(0===t.children.length){const e=this.findOriginalOption(t.value,this.options);return e?this.collectLeaves(e).filter((t=>!t.disabled)):[]}return t.children.flatMap((t=>this.collectVisibleLeaves(t)))}get navigableOptions(){const t=[];this.showSelectAll&&t.push(F.SELECT_ALL_OPTION);const e=s=>{for(const i of s){const s=!!i.children;(!s||this.isMulti)&&!i.disabled&&t.push(i),s&&i.children&&i.children.length>0&&e(i.children)}};return e(this.filteredOptions),t}isSelectAllOption(t){return this.showSelectAll&&t.value===F.SELECT_ALL_OPTION.value}emitSelectAll(){if(!this.showSelectAll)return;const t=this.getAllNonDisabledLeaves();this.optionSelect.emit({option:{...F.SELECT_ALL_OPTION,children:t},leaves:t})}handleSelectAllClick=t=>{t.stopPropagation(),this.emitSelectAll()};isOptionFocused(t){if(this.focusedIndex<0)return!1;const e=this.navigableOptions[this.focusedIndex];return null!=e&&e.value===t.value}resetFocusOnFilter(){this.focusedIndex=this.navigableOptions.length>0?0:-1,this.suppressHover&&(document.removeEventListener("mousemove",this.releaseHoverSuppress,!0),this.suppressHover=!1)}handleSearchFilter=t=>{this.searchKeyword=t.detail};handleScroll=t=>{this.isScrolled=t.target.scrollTop>0};emitOptionSelect(t){this.optionSelect.emit({option:t,leaves:this.collectVisibleLeaves(t)})}handleOptionClick=t=>{t.stopPropagation(),this.emitOptionSelect(t.detail)};handleOptionHover=t=>{if(this.suppressHover)return;const e=this.navigableOptions.findIndex((e=>e.value===t.value));e>=0&&(this.focusedIndex=e)};releaseHoverSuppress=()=>{this.suppressHover=!1,document.removeEventListener("mousemove",this.releaseHoverSuppress,!0)};handleKeyDown=t=>{const e=this.navigableOptions;if("ArrowDown"===t.key){if(0===e.length)return;t.preventDefault(),t.stopPropagation(),this.focusedIndex=this.focusedIndex<0?0:(this.focusedIndex+1)%e.length,this.beginHoverSuppression()}else if("ArrowUp"===t.key){if(0===e.length)return;t.preventDefault(),t.stopPropagation(),this.focusedIndex=this.focusedIndex<=0?e.length-1:this.focusedIndex-1,this.beginHoverSuppression()}else if("Enter"===t.key){if(this.focusedIndex<0||this.focusedIndex>=e.length)return;t.preventDefault(),t.stopPropagation();const s=e[this.focusedIndex];this.isSelectAllOption(s)?this.emitSelectAll():this.emitOptionSelect(s)}};beginHoverSuppression(){this.suppressHover||(this.suppressHover=!0,document.addEventListener("mousemove",this.releaseHoverSuppress,!0))}scrollFocusedIntoView(){const t=this.listEl,e=t?.querySelector(".sd-select-list-item--focused");if(!t||!e)return;const s=t.getBoundingClientRect(),i=e.getBoundingClientRect();i.top<s.top?t.scrollTop+=i.top-s.top:i.bottom>s.bottom&&(t.scrollTop+=i.bottom-s.bottom)}connectedCallback(){this.keydownAttached||(document.addEventListener("keydown",this.handleKeyDown,!0),this.keydownAttached=!0)}disconnectedCallback(){this.keydownAttached&&(document.removeEventListener("keydown",this.handleKeyDown,!0),this.keydownAttached=!1),this.suppressHover&&(document.removeEventListener("mousemove",this.releaseHoverSuppress,!0),this.suppressHover=!1)}componentDidRender(){this.focusedIndex!==this.lastScrolledIndex&&(this.lastScrolledIndex=this.focusedIndex,this.focusedIndex>=0&&this.scrollFocusedIntoView())}renderOptions(t,e=1){return t.map((t=>{const i=!!t.children;return[s("sd-select-list-item",{option:t,depth:e,isSelected:i?this.getGroupSelectionState(t):this.isOptionSelected(t),isFocused:this.isOptionFocused(t),useCheckbox:this.isMulti,countInfo:this.getCountInfo(t),onSdListItemClick:this.handleOptionClick,onMouseEnter:()=>this.handleOptionHover(t)}),i&&t.children?this.renderOptions(t.children,e+1):null]}))}render(){return s("div",{key:"c336ef386ead6881694925cc3e1fb1cd99e92037",class:"sd-select-listbox",style:{"--listbox-trigger-width":this.triggerWidth??"200px","--listbox-max-width":this.maxWidth??"640px","--listbox-max-height":this.maxHeight??"260px","--listbox-radius":`${_}px`}},this.showSearch&&s("sd-select-list-item-search",{key:"9b8db37fbd34b71e2206e6919c122fa2666a68f9",isScrolled:this.isScrolled,onSdSearchFilter:this.handleSearchFilter}),s("div",{key:"5e02d3d337dd337c2029c50a7582abd0dbaafd33",class:"sd-select-listbox__list",onScroll:this.handleScroll,ref:t=>{this.listEl=t}},this.showSelectAll&&s("sd-select-list-item",{key:"955b332da48d42a76637827e966568af3b495b39",option:F.SELECT_ALL_OPTION,depth:1,isSelected:this.selectAllState,isFocused:this.isOptionFocused(F.SELECT_ALL_OPTION),useCheckbox:!0,onSdListItemClick:this.handleSelectAllClick,onMouseEnter:()=>this.handleOptionHover(F.SELECT_ALL_OPTION)}),this.isEmpty?s("div",{class:"sd-select-listbox__empty"},"표시할 항목이 없습니다."):this.isDepth?this.renderOptions(this.filteredOptions):this.filteredOptions.map((t=>s("sd-select-list-item",{option:t,depth:1,isSelected:this.isOptionSelected(t),isFocused:this.isOptionFocused(t),useCheckbox:this.isMulti,onSdListItemClick:this.handleOptionClick,onMouseEnter:()=>this.handleOptionHover(t)})))))}static get watchers(){return{searchKeyword:[{resetFocusOnFilter:0}]}}};F.style=":host{display:block}:host .sd-select-listbox{display:flex;flex-direction:column;width:var(--listbox-trigger-width);max-width:var(--listbox-max-width);max-height:var(--listbox-max-height);border-radius:var(--listbox-radius);background:white;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.1);overflow:hidden;outline:none}:host .sd-select-listbox__list{flex:1;min-height:0;overflow-y:auto;padding-bottom:0}:host .sd-select-listbox__list::-webkit-scrollbar{width:12px;height:12px;background:transparent}:host .sd-select-listbox__list::-webkit-scrollbar-track{background:transparent}:host .sd-select-listbox__list::-webkit-scrollbar-thumb{background-color:#CCCCCC;border:2px solid transparent;border-radius:8px;background-clip:padding-box}@supports not selector(::-webkit-scrollbar){:host .sd-select-listbox__list{scrollbar-width:thin;scrollbar-color:#CCCCCC transparent}}:host .sd-select-listbox__list::-webkit-scrollbar,:host .sd-select-listbox__list::-webkit-scrollbar-track{background:#F6F6F6}@supports not selector(::-webkit-scrollbar){:host .sd-select-listbox__list{scrollbar-color:#CCCCCC #F6F6F6}}:host .sd-select-listbox__list::-webkit-scrollbar-track:vertical{border-left:1px solid #E1E1E1}:host .sd-select-listbox__list::-webkit-scrollbar-track:horizontal{border-top:1px solid #E1E1E1}:host .sd-select-listbox__list::-webkit-scrollbar-thumb:vertical{border-left-width:3px}:host .sd-select-listbox__list::-webkit-scrollbar-thumb:horizontal{border-top-width:3px}:host .sd-select-listbox__empty{padding:12px;text-align:center;font-size:12px;line-height:20px;color:#888888}";const E=class{constructor(s){t(this,s),this.triggerClick=e(this,"sdTriggerClick",7),this.triggerFocus=e(this,"sdTriggerFocus",7),this.triggerBlur=e(this,"sdTriggerBlur",7)}displayText="";placeholder="선택";disabled=!1;isOpen=!1;triggerClick;triggerFocus;triggerBlur;triggerEl;async sdFocus(){this.disabled||this.triggerEl?.focus()}handleClick=()=>{this.disabled||this.triggerClick.emit()};handleFocus=()=>{this.triggerFocus.emit()};handleBlur=()=>{this.triggerBlur.emit()};render(){const t=""!==this.displayText;return s("div",{key:"e69f1033d563735330a3ca334bed2cdadbff8b64",ref:t=>{this.triggerEl=t},role:"button","aria-haspopup":"listbox","aria-expanded":this.isOpen?"true":"false",tabindex:this.disabled?-1:0,class:{"sd-select-trigger":!0,"sd-select-trigger--open":this.isOpen,"sd-select-trigger--disabled":this.disabled},style:{"--trigger-padding-x":`${h}px`,"--trigger-gap":`${n}px`,"--trigger-font-size":`${a.fontSize}px`,"--trigger-line-height":`${a.lineHeight}px`,"--trigger-font-weight":a.fontWeight,"--trigger-color":this.disabled?u.text.disabled:t?u.text.default:u.icon.default,"--trigger-icon-color":this.disabled?u.icon.disabled:u.icon.default},onClick:this.handleClick,onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.handleClick())},onFocus:this.handleFocus,onBlur:this.handleBlur},s("div",{key:"e64c73dbafbbcf4b4f487669cc7fc2513e68b371",class:"sd-select-trigger__content"},t&&k(this.displayText)?s("span",{class:"sd-select-trigger__text",ref:t=>t&&(t.innerHTML=r(this.displayText))}):s("span",{class:"sd-select-trigger__text"},t?this.displayText:this.placeholder??"선택"),s("sd-icon",{key:"7607b8286ac5b9ee0d04c3b89153372d225093d9",name:"chevronDown",size:12,color:"var(--trigger-icon-color)",class:{"sd-select-trigger__icon":!0,"sd-select-trigger__icon--open":this.isOpen}})))}};E.style="sd-select-trigger{display:block;width:100%;height:100%}sd-select-trigger .sd-select-trigger{display:flex;width:100%;height:100%;cursor:pointer;user-select:none;overflow:hidden;border-radius:3px}sd-select-trigger .sd-select-trigger--disabled{cursor:not-allowed}sd-select-trigger .sd-select-trigger__content{display:flex;align-items:center;gap:var(--trigger-gap);flex:1;padding:0 var(--trigger-padding-x);min-width:0}sd-select-trigger .sd-select-trigger__text{flex:1;font-size:var(--trigger-font-size);line-height:var(--trigger-line-height);font-weight:var(--trigger-font-weight);color:var(--trigger-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}sd-select-trigger .sd-select-trigger__icon{flex-shrink:0;transition:transform 0.2s ease}sd-select-trigger .sd-select-trigger__icon--open{transform:rotate(180deg)}";export{C as sd_select_list_item,S as sd_select_list_item_search,F as sd_select_listbox,E as sd_select_trigger}

package/dist/design-system/{p-a6c292d1.entry.js → p-c0b77a96.entry.js}

@@ -1 +1 @@
-import{r as e,c as s,a as t,h as i}from"./p-C599jhDs.js";import{n as r}from"./p-CCwNgVmC.js";import{f as a,a as d,p as h,T as l,b as n}from"./p-DMm_GeZC.js";import"./p-DjKOoQuF.js";function o(e){const{hour:s,minute:t}=h(e);return 60*s+t}const c=class{constructor(t){e(this,t),this.update=s(this,"sdUpdate",7),this.dropDownShow=s(this,"sdDropDownShow",7)}static CLOSE_ANIMATION_DURATION=150;get el(){return t(this)}value=null;size="sm";type="default";placeholder="00:00 ~ 23:59";disabled=!1;clearable=!1;useMeridiem;minuteStep=1;rangeOrder="strict";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;dropDownShow;triggerRef;formField;closeAnimationTimer;name=r();watchIsOpen(e){this.focused=e,this.dropDownShow.emit({isOpen:e})}valueChanged(e){const s=function(e,s="strict"){if(null==e)return null;const t=e.map((e=>{const s=h(e);return a(s.hour,s.minute)}));return"strict"===s&&o(t[0])>o(t[1])?[t[0],t[0]]:t}(e,this.rangeOrder);null!=s&&JSON.stringify(s)!==JSON.stringify(e)&&(this.value=s)}rangeOrderChanged(){this.valueChanged(this.value)}async sdValidate(){return this.formField?.sdValidate()}async sdReset(){return this.formField?.sdReset()}async sdResetValidate(){return this.formField?.sdResetValidation()}async sdFocus(){return this.formField?.sdFocus()}componentWillLoad(){this.valueChanged(this.value)}disconnectedCallback(){this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer)}closeDropdown(){this.isOpen&&(this.isOpen=!1,this.isAnimatingOut=!0,this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.closeAnimationTimer=setTimeout((()=>{this.isAnimatingOut=!1}),c.CLOSE_ANIMATION_DURATION))}handleTriggerClick=()=>{this.disabled||(this.isOpen?this.closeDropdown():(this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.isAnimatingOut=!1,this.isOpen=!0))};handleClear=e=>{e.stopPropagation(),this.value=null,this.update.emit(null)};handleSelect=e=>{e.stopPropagation(),this.value=e.detail,this.update.emit(this.value)};get effectiveUseMeridiem(){return this.useMeridiem??"midday"===this.type}get displayText(){return s=this.effectiveUseMeridiem?"midday":"default",null==(e=this.value)||""===e[0]||""===e[1]?"":`${d(e[0],s)} ~ ${d(e[1],s)}`;var e,s}render(){const e=n[this.size]??n.sm;return i("sd-field",{key:"41f3bdb3d08a72f590a25486975962d02cb7bbb8",name:this.name,label:this.label,labelWidth:this.labelWidth,addonLabel:this.addonLabel,addonAlign:this.addonAlign,hint:this.hint,errorMessage:this.errorMessage,width:this.width,rules:this.rules,error:this.error,status:this.status,disabled:this.disabled,focused:this.focused,hovered:this.hovered,size:this.size,icon:this.icon,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:e=>this.formField=e,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1,style:{"--sd-system-size-field-sm-height":`${e.height}px`,"--sd-system-size-field-md-height":`${e.height}px`,"--sd-system-radius-field-sm":`${e.radius}px`,"--sd-system-radius-field-md":`${e.radius}px`,"--sd-time-range-picker-min-width":`${e.minWidth}px`,"--sd-system-color-field-border-default":l.border.default,"--sd-system-color-field-border-focus":l.border.focus,"--sd-system-color-field-bg-default":l.bg.default}},i("div",{key:"b3b8e08bd44e3f96a733c7341b8ca66c343aaa9d",class:"sd-time-range-picker",ref:e=>{this.triggerRef=e}},i("sd-time-picker-trigger",{key:"39c927a8a3eee331bf253d2faabe9711c2516987",displayText:this.displayText,placeholder:this.placeholder,disabled:this.disabled,clearable:this.clearable,size:this.size,onSdTriggerClick:this.handleTriggerClick,onSdClear:this.handleClear})),(this.isOpen||this.isAnimatingOut)&&i("sd-portal",{key:"33fd2740d81d4dea5af75ed21888e4de213de1e3",open:this.isOpen,parentRef:this.triggerRef,onSdClose:()=>this.closeDropdown()},i("sd-time-range-picker-selector",{key:"554057e0b4a0fd27d570bf9ea955c947cfc5cc50",value:this.value,useMeridiem:this.effectiveUseMeridiem,minuteStep:this.minuteStep,"range-order":this.rangeOrder,onSdUpdate:this.handleSelect})))}static get watchers(){return{isOpen:[{watchIsOpen:0}],value:[{valueChanged:0}],rangeOrder:[{rangeOrderChanged:0}]}}};c.style="sd-time-range-picker{display:inline-flex}sd-time-range-picker sd-portal{display:none}sd-time-range-picker .sd-time-range-picker{position:relative;min-width:var(--sd-time-range-picker-min-width);width:100%;height:100%}";export{c as sd_time_range_picker}
+import{r as e,c as s,a as t,h as i}from"./p-YU6oWX32.js";import{n as r}from"./p-CCwNgVmC.js";import{f as a,a as d,p as h,T as l,b as n}from"./p-tH_3uKAX.js";import"./p-B9hmJn6D.js";function o(e){const{hour:s,minute:t}=h(e);return 60*s+t}const c=class{constructor(t){e(this,t),this.update=s(this,"sdUpdate",7),this.dropDownShow=s(this,"sdDropDownShow",7)}static CLOSE_ANIMATION_DURATION=150;get el(){return t(this)}value=null;size="sm";type="default";placeholder="00:00 ~ 23:59";disabled=!1;clearable=!1;useMeridiem;minuteStep=1;rangeOrder="strict";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;dropDownShow;triggerRef;formField;closeAnimationTimer;name=r();watchIsOpen(e){this.focused=e,this.dropDownShow.emit({isOpen:e})}valueChanged(e){const s=function(e,s="strict"){if(null==e)return null;const t=e.map((e=>{const s=h(e);return a(s.hour,s.minute)}));return"strict"===s&&o(t[0])>o(t[1])?[t[0],t[0]]:t}(e,this.rangeOrder);null!=s&&JSON.stringify(s)!==JSON.stringify(e)&&(this.value=s)}rangeOrderChanged(){this.valueChanged(this.value)}async sdValidate(){return this.formField?.sdValidate()}async sdReset(){return this.formField?.sdReset()}async sdResetValidate(){return this.formField?.sdResetValidation()}async sdFocus(){return this.formField?.sdFocus()}componentWillLoad(){this.valueChanged(this.value)}disconnectedCallback(){this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer)}closeDropdown(){this.isOpen&&(this.isOpen=!1,this.isAnimatingOut=!0,this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.closeAnimationTimer=setTimeout((()=>{this.isAnimatingOut=!1}),c.CLOSE_ANIMATION_DURATION))}handleTriggerClick=()=>{this.disabled||(this.isOpen?this.closeDropdown():(this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.isAnimatingOut=!1,this.isOpen=!0))};handleClear=e=>{e.stopPropagation(),this.value=null,this.update.emit(null)};handleSelect=e=>{e.stopPropagation(),this.value=e.detail,this.update.emit(this.value)};get effectiveUseMeridiem(){return this.useMeridiem??"midday"===this.type}get displayText(){return s=this.effectiveUseMeridiem?"midday":"default",null==(e=this.value)||""===e[0]||""===e[1]?"":`${d(e[0],s)} ~ ${d(e[1],s)}`;var e,s}render(){const e=n[this.size]??n.sm;return i("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:e=>this.formField=e,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1,style:{"--sd-system-size-field-sm-height":`${e.height}px`,"--sd-system-size-field-md-height":`${e.height}px`,"--sd-system-radius-field-sm":`${e.radius}px`,"--sd-system-radius-field-md":`${e.radius}px`,"--sd-time-range-picker-min-width":`${e.minWidth}px`,"--sd-system-color-field-border-default":l.border.default,"--sd-system-color-field-border-focus":l.border.focus,"--sd-system-color-field-bg-default":l.bg.default}},i("div",{key:"e1412d82e5eae70bbdb140f6bf06c0867f75c35c",class:"sd-time-range-picker",ref:e=>{this.triggerRef=e}},i("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)&&i("sd-portal",{key:"13ddc4c3a22661bdc170d47a533e36ada9c431c6",open:this.isOpen,parentRef:this.triggerRef,onSdClose:()=>this.closeDropdown()},i("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 watchers(){return{isOpen:[{watchIsOpen:0}],value:[{valueChanged:0}],rangeOrder:[{rangeOrderChanged:0}]}}};c.style="sd-time-range-picker{display:inline-flex}sd-time-range-picker sd-portal{display:none}sd-time-range-picker .sd-time-range-picker{position:relative;min-width:var(--sd-time-range-picker-min-width);width:100%;height:100%}";export{c as sd_time_range_picker}

package/dist/design-system/{p-219288ef.entry.js → p-d2fd5d5a.entry.js}

@@ -1 +1 @@
-import{r as t,a as e,h as i}from"./p-C599jhDs.js";import{s as d}from"./p-Bth2l1cy.js";import{s as o}from"./p-BE4tnQ2Z.js";const{button:n,contents:s}={button:{height:"28",paddingX:"12",radius:"9999",gap:"6",typography:{fontSize:"12",fontWeight:"500",lineHeight:"20"},icon:{default:"#00973C",active:"#FFFFFF"},border:{width:"1",default:"#E1E1E1"},bg:{default:"#FFFFFF",tip:"#00973C",notion:"#1F8AE1"},text:{default:"#222222",active:"#FFFFFF"}},contents:{paddingX:"24",paddingY:"20",gap:"12",title:{gap:"8"},body:{gap:"2"},typography:{title:{fontWeight:"700",fontSize:"16",lineHeight:"26"},body:{fontWeight:"400",fontSize:"12",lineHeight:"20"},color:"#222222"},icon:"#00973C",radius:"8"}},u=d.color.fg.primary,g={button:{height:`${n.height}px`,paddingX:`${n.paddingX}px`,radius:`${n.radius}px`,gap:`${n.gap}px`,fontSize:`${n.typography.fontSize}px`,fontWeight:n.typography.fontWeight,lineHeight:`${n.typography.lineHeight}px`,iconColorDefault:n.icon.default,iconColorActive:n.icon.active,iconColorNotion:u,borderWidth:`${n.border.width}px`,borderColor:n.border.default,bgDefault:n.bg.default,bgTip:n.bg.tip,bgNotion:n.bg.notion,textDefault:n.text.default,textActive:n.text.active},contents:{paddingX:`${s.paddingX}px`,paddingY:`${s.paddingY}px`,gap:`${s.gap}px`,bodyGap:`${s.body.gap}px`,titleGap:`${s.title.gap}px`,radius:`${s.radius}px`,iconColor:s.icon,iconColorNotion:u,titleFontSize:`${s.typography.title.fontSize}px`,titleFontWeight:s.typography.title.fontWeight,titleLineHeight:`${s.typography.title.lineHeight}px`,bodyFontSize:`${s.typography.body.fontSize}px`,bodyFontWeight:s.typography.body.fontWeight,bodyLineHeight:`${s.typography.body.lineHeight}px`,textColor:s.typography.color}},a={tip:"활용 TIP",notion:"사용법 안내"},r={tip:"helpOutline",notion:"notion"},p=class{constructor(e){t(this,e)}get el(){return e(this)}type="tip";label="";message="";url="";popupTitle="";popupWidth;popupShow=!1;guideRef;handleClickGuide=()=>{"notion"!==this.type?this.popupShow=!this.popupShow:""!==this.url&&window.open(this.url,"_blank","noopener,noreferrer")};closeDropdown=()=>{this.popupShow=!1};get guideStyle(){const{button:t,contents:e}=g;return{"--sd-guide-button-height":t.height,"--sd-guide-button-padding-x":t.paddingX,"--sd-guide-button-radius":t.radius,"--sd-guide-button-gap":t.gap,"--sd-guide-button-font-size":t.fontSize,"--sd-guide-button-font-weight":t.fontWeight,"--sd-guide-button-line-height":t.lineHeight,"--sd-guide-button-border-width":t.borderWidth,"--sd-guide-button-border-color":t.borderColor,"--sd-guide-button-bg-default":t.bgDefault,"--sd-guide-button-bg-tip":t.bgTip,"--sd-guide-button-bg-notion":t.bgNotion,"--sd-guide-button-text-default":t.textDefault,"--sd-guide-button-text-active":t.textActive,"--sd-guide-button-icon-color-default":t.iconColorDefault,"--sd-guide-button-icon-color-active":t.iconColorActive,"--sd-guide-button-icon-color-notion":t.iconColorNotion,"--sd-guide-contents-padding-x":e.paddingX,"--sd-guide-contents-padding-y":e.paddingY,"--sd-guide-contents-gap":e.gap,"--sd-guide-contents-body-gap":e.bodyGap,"--sd-guide-contents-title-gap":e.titleGap,"--sd-guide-contents-radius":e.radius,"--sd-guide-contents-title-font-size":e.titleFontSize,"--sd-guide-contents-title-font-weight":e.titleFontWeight,"--sd-guide-contents-title-line-height":e.titleLineHeight,"--sd-guide-contents-body-font-size":e.bodyFontSize,"--sd-guide-contents-body-font-weight":e.bodyFontWeight,"--sd-guide-contents-body-line-height":e.bodyLineHeight,"--sd-guide-contents-text-color":e.textColor}}render(){const{contents:t}=g,e=this.popupShow,d=a[this.type??"tip"],o=r[this.type??"tip"],n="notion"===(this.type??"tip")?t.iconColorNotion:t.iconColor,s=["sd-guide__button",`sd-guide__button--type-${this.type??"tip"}`];return e&&s.push("sd-guide__button--active"),i("div",{key:"7d85d4650de1bef19699cdacaceeeab69a7f221c",class:"sd-guide",style:this.guideStyle},i("sd-button",{key:"b4cd191ba9593ce83343097e9b24fb56d86c6859",ref:t=>this.guideRef=t,class:s.join(" "),name:e?"primary_sm":"neutral_outline_sm",label:this.label||d,icon:o,onSdClick:this.handleClickGuide}),this.popupShow&&i("sd-portal",{key:"2523de8af47987b2f0761c999817bf1ca595b4e6",open:this.popupShow,parentRef:this.guideRef,onSdClose:this.closeDropdown,offset:[0,4]},i("div",{key:"2fcc5a768d626d5ba97427ad99dc1c6155b5c36b",class:"sd-guide__popup",style:{...this.guideStyle,width:null!=this.popupWidth?this.popupWidth+"px":"426px"}},i("sd-ghost-button",{key:"de6b053ff6373bf2690d0874d01692e456a38991",class:"sd-guide__popup__close",icon:"close",ariaLabel:"close",size:"sm",onSdClick:this.closeDropdown}),i("div",{key:"10f2de0819a6a97571719ca2e04101833c78f1d3",class:"sd-guide__popup__header"},i("sd-icon",{key:"b11478e02574f5e211cd9d2478080d2c9895cb5d",name:o,size:24,color:n}),i("h3",{key:"ef361769bc0363ebb7215b6fbd1fdb38b2864434",class:"sd-guide__popup__title"},this.popupTitle||d)),i("ul",{key:"914ae5fa0fa7ae52954df58e17beb187ddc2a966",class:"sd-guide__popup__list"},this.renderListItem(this.message)))))}renderListItem(t,e=0){const i=[];if(Array.isArray(t)){const d=t.map((t=>this.renderListItem(t,e+1)));i.push(...d.flat())}else i.push(this.renderLi(t,e));return i}renderLi=(t,e)=>i("li",{class:`sd-guide__popup__list__item sd-guide__popup__list__item--depth-${e}`},i("p",{innerHTML:o(t)}))};p.style='@charset "UTF-8";sd-guide{display:inline-flex;align-items:center;height:fit-content;width:fit-content}.sd-guide{display:inline-flex;align-items:center;height:fit-content;width:fit-content}.sd-guide .sd-guide__button .sd-button{min-height:var(--sd-guide-button-height);padding:0 var(--sd-guide-button-padding-x);border-radius:var(--sd-guide-button-radius);border:var(--sd-guide-button-border-width) solid var(--sd-guide-button-border-color);background:var(--sd-guide-button-bg-default);color:var(--sd-guide-button-text-default) !important;transition:none;display:flex;align-items:center;gap:var(--sd-guide-button-gap);--sd-button-bg-hover:var(--sd-guide-button-bg-default);--sd-button-current-icon:var(--sd-guide-button-icon-color-default)}.sd-guide .sd-guide__button .sd-button .sd-button__content{color:var(--sd-guide-button-text-default) !important;gap:var(--sd-guide-button-gap)}.sd-guide .sd-guide__button .sd-button .sd-button__content .sd-button__label{margin-left:0;color:var(--sd-guide-button-text-default) !important;font-size:var(--sd-guide-button-font-size);font-weight:var(--sd-guide-button-font-weight);line-height:var(--sd-guide-button-line-height)}.sd-guide .sd-guide__button--type-notion .sd-button{--sd-button-current-icon:var(--sd-guide-button-icon-color-notion)}.sd-guide .sd-guide__button--active .sd-button{color:var(--sd-guide-button-text-active) !important;--sd-button-current-icon:var(--sd-guide-button-icon-color-active)}.sd-guide .sd-guide__button--active .sd-button .sd-button__content{color:var(--sd-guide-button-text-active) !important}.sd-guide .sd-guide__button--active .sd-button .sd-button__content .sd-button__label{color:var(--sd-guide-button-text-active) !important}.sd-guide .sd-guide__button--type-tip.sd-guide__button--active .sd-button{background:var(--sd-guide-button-bg-tip);border-color:var(--sd-guide-button-bg-tip);--sd-button-bg-hover:var(--sd-guide-button-bg-tip)}.sd-guide .sd-guide__button--type-notion.sd-guide__button--active .sd-button{background:var(--sd-guide-button-bg-notion);border-color:var(--sd-guide-button-bg-notion);--sd-button-bg-hover:var(--sd-guide-button-bg-notion)}.sd-guide__popup{position:relative;padding:var(--sd-guide-contents-padding-y) var(--sd-guide-contents-padding-x);border-radius:var(--sd-guide-contents-radius);box-shadow:4px 4px 24px 4px rgba(0, 0, 0, 0.1);background:white}.sd-guide__popup>.sd-guide__popup__close{position:absolute;top:12px;right:12px}.sd-guide__popup__header{display:flex;align-items:center;gap:var(--sd-guide-contents-title-gap);margin-bottom:var(--sd-guide-contents-gap)}.sd-guide__popup__header .sd-guide__popup__title{margin-top:0;margin-bottom:0;font-size:var(--sd-guide-contents-title-font-size);font-weight:var(--sd-guide-contents-title-font-weight);line-height:var(--sd-guide-contents-title-line-height);color:var(--sd-guide-contents-text-color)}.sd-guide__popup__list{width:100%;padding:0;margin:0}.sd-guide__popup__list__item{display:flex;width:100%;align-items:start;list-style:none;color:var(--sd-guide-contents-text-color);font-size:var(--sd-guide-contents-body-font-size);font-weight:var(--sd-guide-contents-body-font-weight);line-height:var(--sd-guide-contents-body-line-height)}.sd-guide__popup__list__item p{width:100%;padding:0;margin:0;word-wrap:break-word;word-break:break-word;white-space:normal;overflow-wrap:break-word;min-width:0}.sd-guide__popup__list__item::before{display:block;content:"-";width:6px;color:var(--sd-guide-contents-text-color);font-size:var(--sd-guide-contents-body-font-size);font-weight:var(--sd-guide-contents-body-font-weight);line-height:var(--sd-guide-contents-body-line-height);margin-left:10px;margin-right:12px;flex-shrink:0}.sd-guide__popup__list__item--depth-2{margin-top:var(--sd-guide-contents-body-gap)}.sd-guide__popup__list__item--depth-2::before{content:"•"}.sd-guide__popup__list__item--depth-2{padding-left:26px}';export{p as sd_guide}
+import{r as t,a as e,h as i}from"./p-YU6oWX32.js";import{s as d}from"./p-rayWyWtG.js";import{s as o}from"./p-BE4tnQ2Z.js";const{button:n,contents:s}={button:{height:"28",paddingX:"12",radius:"9999",gap:"6",typography:{fontSize:"12",fontWeight:"500",lineHeight:"20"},icon:{default:"#00973C",active:"#FFFFFF"},border:{width:"1",default:"#E1E1E1"},bg:{default:"#FFFFFF",tip:"#00973C",notion:"#1F8AE1"},text:{default:"#222222",active:"#FFFFFF"}},contents:{paddingX:"24",paddingY:"20",gap:"12",title:{gap:"8"},body:{gap:"2"},typography:{title:{fontWeight:"700",fontSize:"16",lineHeight:"26"},body:{fontWeight:"400",fontSize:"12",lineHeight:"20"},color:"#222222"},icon:"#00973C",radius:"8"}},u=d.color.fg.primary,g={button:{height:`${n.height}px`,paddingX:`${n.paddingX}px`,radius:`${n.radius}px`,gap:`${n.gap}px`,fontSize:`${n.typography.fontSize}px`,fontWeight:n.typography.fontWeight,lineHeight:`${n.typography.lineHeight}px`,iconColorDefault:n.icon.default,iconColorActive:n.icon.active,iconColorNotion:u,borderWidth:`${n.border.width}px`,borderColor:n.border.default,bgDefault:n.bg.default,bgTip:n.bg.tip,bgNotion:n.bg.notion,textDefault:n.text.default,textActive:n.text.active},contents:{paddingX:`${s.paddingX}px`,paddingY:`${s.paddingY}px`,gap:`${s.gap}px`,bodyGap:`${s.body.gap}px`,titleGap:`${s.title.gap}px`,radius:`${s.radius}px`,iconColor:s.icon,iconColorNotion:u,titleFontSize:`${s.typography.title.fontSize}px`,titleFontWeight:s.typography.title.fontWeight,titleLineHeight:`${s.typography.title.lineHeight}px`,bodyFontSize:`${s.typography.body.fontSize}px`,bodyFontWeight:s.typography.body.fontWeight,bodyLineHeight:`${s.typography.body.lineHeight}px`,textColor:s.typography.color}},a={tip:"활용 TIP",notion:"사용법 안내"},r={tip:"helpOutline",notion:"notion"},p=class{constructor(e){t(this,e)}get el(){return e(this)}type="tip";label="";message="";url="";popupTitle="";popupWidth;popupShow=!1;guideRef;handleClickGuide=()=>{"notion"!==this.type?this.popupShow=!this.popupShow:""!==this.url&&window.open(this.url,"_blank","noopener,noreferrer")};closeDropdown=()=>{this.popupShow=!1};get guideStyle(){const{button:t,contents:e}=g;return{"--sd-guide-button-height":t.height,"--sd-guide-button-padding-x":t.paddingX,"--sd-guide-button-radius":t.radius,"--sd-guide-button-gap":t.gap,"--sd-guide-button-font-size":t.fontSize,"--sd-guide-button-font-weight":t.fontWeight,"--sd-guide-button-line-height":t.lineHeight,"--sd-guide-button-border-width":t.borderWidth,"--sd-guide-button-border-color":t.borderColor,"--sd-guide-button-bg-default":t.bgDefault,"--sd-guide-button-bg-tip":t.bgTip,"--sd-guide-button-bg-notion":t.bgNotion,"--sd-guide-button-text-default":t.textDefault,"--sd-guide-button-text-active":t.textActive,"--sd-guide-button-icon-color-default":t.iconColorDefault,"--sd-guide-button-icon-color-active":t.iconColorActive,"--sd-guide-button-icon-color-notion":t.iconColorNotion,"--sd-guide-contents-padding-x":e.paddingX,"--sd-guide-contents-padding-y":e.paddingY,"--sd-guide-contents-gap":e.gap,"--sd-guide-contents-body-gap":e.bodyGap,"--sd-guide-contents-title-gap":e.titleGap,"--sd-guide-contents-radius":e.radius,"--sd-guide-contents-title-font-size":e.titleFontSize,"--sd-guide-contents-title-font-weight":e.titleFontWeight,"--sd-guide-contents-title-line-height":e.titleLineHeight,"--sd-guide-contents-body-font-size":e.bodyFontSize,"--sd-guide-contents-body-font-weight":e.bodyFontWeight,"--sd-guide-contents-body-line-height":e.bodyLineHeight,"--sd-guide-contents-text-color":e.textColor}}render(){const{contents:t}=g,e=this.popupShow,d=a[this.type??"tip"],o=r[this.type??"tip"],n="notion"===(this.type??"tip")?t.iconColorNotion:t.iconColor,s=["sd-guide__button",`sd-guide__button--type-${this.type??"tip"}`];return e&&s.push("sd-guide__button--active"),i("div",{key:"7d85d4650de1bef19699cdacaceeeab69a7f221c",class:"sd-guide",style:this.guideStyle},i("sd-button",{key:"b4cd191ba9593ce83343097e9b24fb56d86c6859",ref:t=>this.guideRef=t,class:s.join(" "),name:e?"primary_sm":"neutral_outline_sm",label:this.label||d,icon:o,onSdClick:this.handleClickGuide}),this.popupShow&&i("sd-portal",{key:"2523de8af47987b2f0761c999817bf1ca595b4e6",open:this.popupShow,parentRef:this.guideRef,onSdClose:this.closeDropdown,offset:[0,4]},i("div",{key:"2fcc5a768d626d5ba97427ad99dc1c6155b5c36b",class:"sd-guide__popup",style:{...this.guideStyle,width:null!=this.popupWidth?this.popupWidth+"px":"426px"}},i("sd-ghost-button",{key:"de6b053ff6373bf2690d0874d01692e456a38991",class:"sd-guide__popup__close",icon:"close",ariaLabel:"close",size:"sm",onSdClick:this.closeDropdown}),i("div",{key:"10f2de0819a6a97571719ca2e04101833c78f1d3",class:"sd-guide__popup__header"},i("sd-icon",{key:"b11478e02574f5e211cd9d2478080d2c9895cb5d",name:o,size:24,color:n}),i("h3",{key:"ef361769bc0363ebb7215b6fbd1fdb38b2864434",class:"sd-guide__popup__title"},this.popupTitle||d)),i("ul",{key:"914ae5fa0fa7ae52954df58e17beb187ddc2a966",class:"sd-guide__popup__list"},this.renderListItem(this.message)))))}renderListItem(t,e=0){const i=[];if(Array.isArray(t)){const d=t.map((t=>this.renderListItem(t,e+1)));i.push(...d.flat())}else i.push(this.renderLi(t,e));return i}renderLi=(t,e)=>i("li",{class:`sd-guide__popup__list__item sd-guide__popup__list__item--depth-${e}`},i("p",{innerHTML:o(t)}))};p.style='@charset "UTF-8";sd-guide{display:inline-flex;align-items:center;height:fit-content;width:fit-content}.sd-guide{display:inline-flex;align-items:center;height:fit-content;width:fit-content}.sd-guide .sd-guide__button .sd-button{min-height:var(--sd-guide-button-height);padding:0 var(--sd-guide-button-padding-x);border-radius:var(--sd-guide-button-radius);border:var(--sd-guide-button-border-width) solid var(--sd-guide-button-border-color);background:var(--sd-guide-button-bg-default);color:var(--sd-guide-button-text-default) !important;transition:none;display:flex;align-items:center;gap:var(--sd-guide-button-gap);--sd-button-bg-hover:var(--sd-guide-button-bg-default);--sd-button-current-icon:var(--sd-guide-button-icon-color-default)}.sd-guide .sd-guide__button .sd-button .sd-button__content{color:var(--sd-guide-button-text-default) !important;gap:var(--sd-guide-button-gap)}.sd-guide .sd-guide__button .sd-button .sd-button__content .sd-button__label{margin-left:0;color:var(--sd-guide-button-text-default) !important;font-size:var(--sd-guide-button-font-size);font-weight:var(--sd-guide-button-font-weight);line-height:var(--sd-guide-button-line-height)}.sd-guide .sd-guide__button--type-notion .sd-button{--sd-button-current-icon:var(--sd-guide-button-icon-color-notion)}.sd-guide .sd-guide__button--active .sd-button{color:var(--sd-guide-button-text-active) !important;--sd-button-current-icon:var(--sd-guide-button-icon-color-active)}.sd-guide .sd-guide__button--active .sd-button .sd-button__content{color:var(--sd-guide-button-text-active) !important}.sd-guide .sd-guide__button--active .sd-button .sd-button__content .sd-button__label{color:var(--sd-guide-button-text-active) !important}.sd-guide .sd-guide__button--type-tip.sd-guide__button--active .sd-button{background:var(--sd-guide-button-bg-tip);border-color:var(--sd-guide-button-bg-tip);--sd-button-bg-hover:var(--sd-guide-button-bg-tip)}.sd-guide .sd-guide__button--type-notion.sd-guide__button--active .sd-button{background:var(--sd-guide-button-bg-notion);border-color:var(--sd-guide-button-bg-notion);--sd-button-bg-hover:var(--sd-guide-button-bg-notion)}.sd-guide__popup{position:relative;padding:var(--sd-guide-contents-padding-y) var(--sd-guide-contents-padding-x);border-radius:var(--sd-guide-contents-radius);box-shadow:4px 4px 24px 4px rgba(0, 0, 0, 0.1);background:white}.sd-guide__popup>.sd-guide__popup__close{position:absolute;top:12px;right:12px}.sd-guide__popup__header{display:flex;align-items:center;gap:var(--sd-guide-contents-title-gap);margin-bottom:var(--sd-guide-contents-gap)}.sd-guide__popup__header .sd-guide__popup__title{margin-top:0;margin-bottom:0;font-size:var(--sd-guide-contents-title-font-size);font-weight:var(--sd-guide-contents-title-font-weight);line-height:var(--sd-guide-contents-title-line-height);color:var(--sd-guide-contents-text-color)}.sd-guide__popup__list{width:100%;padding:0;margin:0}.sd-guide__popup__list__item{display:flex;width:100%;align-items:start;list-style:none;color:var(--sd-guide-contents-text-color);font-size:var(--sd-guide-contents-body-font-size);font-weight:var(--sd-guide-contents-body-font-weight);line-height:var(--sd-guide-contents-body-line-height)}.sd-guide__popup__list__item p{width:100%;padding:0;margin:0;word-wrap:break-word;word-break:break-word;white-space:normal;overflow-wrap:break-word;min-width:0}.sd-guide__popup__list__item::before{display:block;content:"-";width:6px;color:var(--sd-guide-contents-text-color);font-size:var(--sd-guide-contents-body-font-size);font-weight:var(--sd-guide-contents-body-font-weight);line-height:var(--sd-guide-contents-body-line-height);margin-left:10px;margin-right:12px;flex-shrink:0}.sd-guide__popup__list__item--depth-2{margin-top:var(--sd-guide-contents-body-gap)}.sd-guide__popup__list__item--depth-2::before{content:"•"}.sd-guide__popup__list__item--depth-2{padding-left:26px}';export{p as sd_guide}

package/dist/design-system/{p-5a113197.entry.js → p-d346f5bf.entry.js}

@@ -1 +1 @@
-import{r as e,c as t,a as i,h as s}from"./p-C599jhDs.js";import{n as d}from"./p-CCwNgVmC.js";import{D as a,a as r}from"./p-Dz23PPdF.js";import{f as n}from"./p-DjKOoQuF.js";import{l as o}from"./p-DlJaYVWf.js";import{i as l}from"./p-e0ABNkP6.js";const h=class{constructor(i){e(this,i),this.update=t(this,"sdUpdate",7),this.viewChange=t(this,"sdViewChange",7)}static CLOSE_ANIMATION_DURATION=150;get el(){return i(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}),h.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 t=this.value;requestAnimationFrame((()=>{this.update.emit(t)}))};handleViewChange=e=>{this.viewChange.emit(e.detail)};disconnectedCallback(){this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer)}render(){const e=r[this.size]??r.sm;return s("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":a.border.default,"--sd-system-color-field-border-focus":a.border.focus,"--sd-system-color-field-bg-default":a.bg.default}},s("div",{key:"aac9b498321c4506a6979a17de4896c4521887a1",class:"sd-date-picker",ref:e=>{this.triggerRef=e}},s("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)&&s("sd-portal",{key:"142098d59d8a5df4054e7a39f4d93b0ddc06109b",open:this.isOpen,parentRef:this.triggerRef,onSdClose:()=>this.closeDropdown()},s("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}]}}};h.style="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%}";const c=class{constructor(i){e(this,i),this.update=t(this,"sdUpdate",7),this.viewChange=t(this,"sdViewChange",7)}static CLOSE_ANIMATION_DURATION=150;get el(){return i(this)}value=null;size="sm";placeholder="YYYY-MM-DD ~ YYYY-MM-DD";selectable;maxRange;useTimePicker=!1;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}),c.CLOSE_ANIMATION_DURATION))}handleTriggerClick=()=>{this.disabled||(this.isOpen?this.closeDropdown():(this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.isAnimatingOut=!1,this.isOpen=!0))};handleSelect=e=>{this.useTimePicker||this.closeDropdown(),this.value=e.detail;const t=this.value;requestAnimationFrame((()=>{this.update.emit(t)}))};handleViewChange=e=>{this.viewChange.emit(e.detail)};get displayText(){return null==this.value||""===this.value[0]||""===this.value[1]?"":`${this.value[0]} ~ ${this.value[1]}`}static DEFAULT_PLACEHOLDER="YYYY-MM-DD ~ YYYY-MM-DD";get resolvedPlaceholder(){return this.useTimePicker&&this.placeholder===c.DEFAULT_PLACEHOLDER?"YYYY-MM-DD HH:mm ~ YYYY-MM-DD HH:mm":this.placeholder}disconnectedCallback(){this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer)}render(){const e=r[this.size]??r.sm;return s("sd-field",{key:"01098a74a5066d2328409dcdf21bb38691adf455",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":a.border.default,"--sd-system-color-field-border-focus":a.border.focus,"--sd-system-color-field-bg-default":a.bg.default}},s("div",{key:"dab4a666f5c144bbcbf3848528ce246c752ab906",class:"sd-date-range-picker",ref:e=>{this.triggerRef=e}},s("sd-date-picker-trigger",{key:"5aa378df1b53a2b8cc29e159e7bda0544210a81e",displayText:this.displayText,placeholder:this.resolvedPlaceholder,disabled:this.disabled,size:this.size,onSdTriggerClick:this.handleTriggerClick})),(this.isOpen||this.isAnimatingOut)&&s("sd-portal",{key:"8d18658004dc009d869804bdabd31155117edde3",open:this.isOpen,parentRef:this.triggerRef,onSdClose:()=>this.closeDropdown()},s("sd-date-range-picker-calendar",{key:"0bf96efeed4c567052e690a83a70f27df85ccc64",value:this.value,selectable:this.selectable,maxRange:this.maxRange,useTimePicker:this.useTimePicker,onSdSelect:this.handleSelect,onSdViewChange:this.handleViewChange})))}static get watchers(){return{isOpen:[{watchIsOpen:0}]}}};c.style="sd-date-range-picker{display:inline-flex}sd-date-range-picker sd-portal{display:none}sd-date-range-picker .sd-date-range-picker{position:relative;width:100%;height:100%}";const p={sm:{height:"28",paddingX:"12",gap:"8",radius:"4",borderWidth:"1",typography:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontWeight:"400",fontSize:"12",lineHeight:"20",textDecoration:"none"},icon:"16"},md:{height:"36",paddingX:"16",gap:"12",radius:"6",borderWidth:"1",typography:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontWeight:"400",fontSize:"14",textDecoration:"none",lineHeight:"24"},icon:"20"},border:{default:"#AAAAAA",disabled:"#CCCCCC"},bg:{default:"#FFFFFF",disabled:"#E1E1E1"},text:{default:"#222222",placeholder:"#AAAAAA",disabled:"#888888"},icon:{disabled:"#BBBBBB"}},u=e=>({height:p[e].height,paddingX:p[e].paddingX,gap:p[e].gap,radius:p[e].radius,borderWidth:p[e].borderWidth,fontSize:p[e].typography.fontSize,lineHeight:p[e].typography.lineHeight,fontWeight:p[e].typography.fontWeight,iconSize:p[e].icon,contentsGap:n.field.contents.gap}),f=u("sm"),b={sm:f,md:u("md")},g={text:p.text,icon:{default:"#888888",disabled:p.icon.disabled}},m={radius:o.listBox.radius,bg:o.listBox.bg,chipPadding:o.listBox.chip.paddingXY,chipGap:o.listBox.chip.gap},x=class{constructor(i){e(this,i),this.update=t(this,"sdUpdate",7),this.reject=t(this,"sdReject",7)}get el(){return i(this)}value=null;placeholder="Click to upload";disabled=!1;inline=!1;multiple=!1;useMultipleListBox=!1;accept;maxFileSize;maxTotalSize;maxFiles;size="sm";name=d();label="";labelWidth="";addonLabel="";addonAlign="start";hint="";errorMessage="";width="";rules;error=!1;status;icon=void 0;labelTooltip="";labelTooltipProps=null;focused=!1;hovered=!1;internalValue=null;showTooltip=!1;isListboxOpen=!1;listboxWidth="";fileInputRef;fileNamesRef;contentRef;formField;static VIEWPORT_PADDING=20;update;reject;valueChanged(e){this.internalValue=e}componentDidLoad(){this.checkOverflow()}componentDidUpdate(){this.checkOverflow()}async sdValidate(){return this.formField?.sdValidate()??Promise.resolve(!0)}async sdReset(){const e=this.multiple?[]:null;this.value=e,this.internalValue=e,this.fileInputRef&&(this.fileInputRef.value=""),await(this.formField?.sdResetValidation())}async sdResetValidate(){await(this.formField?.sdResetValidation())}toBytes(e){if(null!=e)return"string"==typeof e?Number(e):e}validateFiles(e,t=0){const i=this.toBytes(this.maxFileSize),s=this.toBytes(this.maxTotalSize),d=null!=this.maxFiles?Number(this.maxFiles):void 0;if(null!=d&&t+e.length>d)return{accepted:[],rejected:e,reason:"max-files"};if(null!=i){const t=e.filter((e=>e.size>i));if(t.length>0)return{accepted:[],rejected:t,reason:"max-file-size"}}return null!=s&&e.reduce(((e,t)=>e+t.size),0)>s?{accepted:[],rejected:e,reason:"max-total-size"}:{accepted:e,rejected:[]}}handleFileChange=e=>{const t=e.target.files;if(!t||0===t.length)return;const i=Array.from(t);if(this.multiple){const e=Array.isArray(this.internalValue)?this.internalValue:[],{accepted:t,rejected:s,reason:d}=this.validateFiles(i,e.length);if(this.fileInputRef&&(this.fileInputRef.value=""),null!=d)return void this.reject?.emit({files:s,reason:d});const a=[...e,...t];this.internalValue=a,this.value=a,this.update?.emit(this.value)}else{const{accepted:e,rejected:t,reason:s}=this.validateFiles(i);if(null!=s)return this.reject?.emit({files:t,reason:s}),void(this.fileInputRef&&(this.fileInputRef.value=""));this.internalValue=e[0],this.value=this.internalValue,this.update?.emit(this.value)}};handleClear=e=>{if(this.disabled)return;e.stopPropagation();const t=this.multiple?[]:null;this.value=t,this.internalValue=t,this.update?.emit(t),this.isListboxOpen=!1,this.fileInputRef&&(this.fileInputRef.value="")};handleClick=()=>{this.disabled||this.fileInputRef?.click()};handleListboxToggle=e=>{e.stopPropagation(),this.disabled||(this.isListboxOpen?this.isListboxOpen=!1:(this.contentRef&&(this.listboxWidth=`${this.contentRef.offsetWidth}px`),this.isListboxOpen=!0))};closeListbox=()=>{this.isListboxOpen=!1};hasFiles(){return Array.isArray(this.internalValue)?this.internalValue.length>0:!!this.internalValue}hasChips(){return Array.isArray(this.internalValue)&&this.internalValue.length>0}getDisplayText(){return this.hasFiles()?this.multiple&&Array.isArray(this.internalValue)?this.internalValue.map((e=>e.name)).join(", "):this.internalValue?.name||(this.placeholder??"Click to upload"):this.placeholder??"Click to upload"}handleChipRemove=e=>{if(!Array.isArray(this.internalValue))return;const t=[...this.internalValue];t.splice(e,1),this.internalValue=t,this.value=t,this.update?.emit(this.value),0===t.length&&(this.isListboxOpen=!1)};renderChipList(){return this.hasChips()?s("div",{class:"sd-file-picker__chip-list"},this.internalValue.map(((e,t)=>s("sd-chip",{value:e.name,editable:!1,onSdRemove:()=>this.handleChipRemove(t)})))):null}renderListbox(){return this.hasChips()&&this.isListboxOpen?s("sd-portal",{open:this.isListboxOpen,parentRef:this.contentRef,viewportPadding:x.VIEWPORT_PADDING,onSdClose:this.closeListbox},s("div",{class:"sd-file-picker__listbox",style:{width:this.listboxWidth,padding:`${m.chipPadding}px`,gap:`${m.chipGap}px`,borderRadius:`${m.radius}px`,background:m.bg}},this.internalValue.map(((e,t)=>s("sd-chip",{value:e.name,editable:!1,onSdRemove:()=>this.handleChipRemove(t)}))))):null}checkOverflow(){this.fileNamesRef&&(this.showTooltip=this.fileNamesRef.scrollWidth>this.fileNamesRef.clientWidth)}getIconColor(){return this.disabled?g.icon.disabled:g.icon.default}render(){const e=this.hasFiles(),t=this.getDisplayText(),i=b[this.size]??f,d={"--sd-file-picker-font-size":`${i.fontSize}px`,"--sd-file-picker-line-height":`${i.lineHeight}px`,"--sd-file-picker-font-weight":i.fontWeight,"--sd-file-picker-padding-x":`${i.paddingX}px`,"--sd-file-picker-gap":`${i.gap}px`,"--sd-file-picker-text-color":g.text.default,"--sd-file-picker-placeholder-color":g.text.placeholder,"--sd-file-picker-disabled-color":g.text.disabled,[`--sd-system-size-field-${this.size}-height`]:`${i.height}px`,[`--sd-system-radius-field-${this.size}`]:`${i.radius}px`},a=this.multiple&&this.useMultipleListBox,r=s("div",{key:"d1c3af9860038ddb11d540af8312ad59d051524f",role:"button",tabindex:this.disabled?-1:0,class:"sd-file-picker__content",ref:e=>this.contentRef=e,onClick:this.handleClick,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.handleClick())}},s("input",{key:"760c38cd73d0a2a3d0832c5597c0e22bf737bb06",ref:e=>this.fileInputRef=e,type:"file",class:"sd-file-picker__input",disabled:this.disabled,multiple:this.multiple,accept:this.accept,onInput:this.handleFileChange,"aria-label":this.placeholder??"Click to upload"}),s("sd-icon",{key:"96ff0bf43eb3f17df92bd8834cd38a1ae36ad475",name:"attachFile",size:Number(i.iconSize),color:this.getIconColor(),class:"sd-file-picker__icon"}),s("div",{key:"0757b8b734e21fcf7bed04d7306ee3a9d202f950",ref:e=>this.fileNamesRef=e,class:{"sd-file-picker__text":!0,"sd-file-picker__text--placeholder":!e,"sd-file-picker__text--active":e}},t),a&&e&&!this.disabled&&s("sd-ghost-button",{key:"8e42d38452d00256147ee65e614bdeb7040917d7",icon:"caretDown",size:"xxs",ariaLabel:"toggle file list",disabled:this.disabled,class:{"sd-file-picker__caret":!0,"sd-file-picker__caret--open":this.isListboxOpen},onClick:this.handleListboxToggle}),!this.disabled&&e&&s("sd-ghost-button",{key:"6f65042ce5e4efa1b6ab126653d434ca77cdd790",icon:"close",size:"xxs",ariaLabel:"clear",disabled:this.disabled,class:"sd-file-picker__clear-icon",onClick:this.handleClear}),this.showTooltip&&e&&this.hovered&&s("div",{key:"b41146f39c384a5954dca22f2d3da767a63ef0c0",class:"sd-file-picker__tooltip"},t));return s("div",{key:"858fea100a9317ac6806ae40699e9f5608394e10",class:{"sd-file-picker__wrapper":!0,"sd-file-picker--inline":this.inline,"sd-file-picker--inline-disabled":this.inline&&this.disabled},style:d},s("sd-field",{key:"1b7a6a57e4e46c253bd9f77c500dabf92edc2ae0",borderless:this.inline,size:this.size,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,status:this.status,icon:this.icon,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:e=>this.formField=e,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1},r),this.useMultipleListBox?this.renderListbox():this.renderChipList())}static get watchers(){return{value:[{valueChanged:0}]}}};x.style="sd-file-picker{display:flex;flex-direction:column;width:100%}.sd-file-picker__wrapper{display:flex;flex-direction:column;width:100%}.sd-file-picker__chip-list{display:flex;flex-flow:row wrap;gap:8px;margin-top:8px}.sd-file-picker__content{width:100%;height:100%;display:flex;align-items:center;padding:0 var(--sd-file-picker-padding-x);gap:var(--sd-file-picker-gap);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;vertical-align:middle}.sd-file-picker__text{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:var(--sd-file-picker-font-weight);font-size:var(--sd-file-picker-font-size);line-height:var(--sd-file-picker-line-height);color:var(--sd-file-picker-placeholder-color)}.sd-file-picker__text--active{color:var(--sd-file-picker-text-color)}.sd-file-picker__text--placeholder{color:var(--sd-file-picker-placeholder-color)}.sd-file-picker__icon{flex-shrink:0}.sd-file-picker__clear-icon{flex-shrink:0;cursor:pointer;transition:opacity 0.2s ease}.sd-file-picker__clear-icon:hover{opacity:0.7}.sd-file-picker__caret{flex-shrink:0;cursor:pointer;transition:transform 0.15s ease}.sd-file-picker__caret--open{transform:rotate(180deg)}.sd-file-picker__listbox{display:flex;flex-direction:column;align-items:stretch;box-sizing:border-box;max-width:100%;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.1)}.sd-file-picker__input{display:none}.sd-file-picker__tooltip{position:absolute;top:calc(100% - 4px);left:50%;transform:translate(-50%);z-index:998;white-space:nowrap;padding:8px 12px;background:rgba(0, 0, 0, 0.8);color:white;font-size:12px;line-height:18px;border-radius:4px;pointer-events:none}.sd-field--disabled .sd-file-picker__content{cursor:not-allowed}.sd-field--disabled .sd-file-picker__text{color:var(--sd-file-picker-disabled-color)}.sd-file-picker--inline .sd-file-picker__content{padding:0}.sd-file-picker--inline .sd-file-picker__text{color:var(--sd-file-picker-placeholder-color)}.sd-file-picker--inline:not(.sd-file-picker--inline-disabled) .sd-file-picker__content:hover .sd-file-picker__text{color:var(--sd-file-picker-text-color)}.sd-file-picker--inline .sd-file-picker__text--active{color:var(--sd-file-picker-text-color)}.sd-file-picker--inline.sd-file-picker--inline-disabled .sd-file-picker__content{cursor:not-allowed}.sd-file-picker--inline.sd-file-picker--inline-disabled .sd-file-picker__text{color:var(--sd-file-picker-disabled-color)}";const _=l.textinput.sm,v=l.textinput.md,y={sm:{height:_.height,paddingX:_.paddingX,gap:_.gap,radius:_.radius,fontSize:_.typography.fontSize,lineHeight:_.typography.lineHeight,fontWeight:_.typography.fontWeight},md:{height:v.height,paddingX:v.paddingX,gap:v.gap,radius:v.radius,fontSize:v.typography.fontSize,lineHeight:v.typography.lineHeight,fontWeight:v.typography.fontWeight}},k={text:l.textinput.text,icon:l.textinput.icon},w=class{constructor(i){e(this,i),this.input=t(this,"sdUpdate",7),this.focus=t(this,"sdFocus",7),this.blur=t(this,"sdBlur",7)}get host(){return i(this)}value=null;type="text";size="sm";addonLabel="";addonAlign="start";placeholder="입력해 주세요.";disabled=!1;clearable=!1;width="";rules=[];autoFocus=!1;autocomplete="";maxlength;minlength;inputmode;enterkeyhint;spellcheck=!1;status;hint="";errorMessage="";inputClass="";readonly=!1;error=!1;focused=!1;hovered=!1;label="";labelWidth="";icon=void 0;labelTooltip="";labelTooltipProps=null;inputStyle={};internalValue=null;passwordVisible=!1;nativeEl=void 0;formField;name=d();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(){null!=this.value&&""!==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(){const e=y[this.size]??y.sm;return s("sd-field",{key:"66c7d6a9292bf8129fea6a33d2288733c264a39f",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:e=>this.formField=e,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1,style:{"--sd-input-font-size":`${e.fontSize}px`,"--sd-input-line-height":`${e.lineHeight}px`,"--sd-input-font-weight":e.fontWeight,"--sd-input-padding-x":`${e.paddingX}px`,"--sd-input-gap":`${e.gap}px`,"--sd-input-text-color":k.text.default,"--sd-input-placeholder-color":k.text.placeholder,"--sd-input-disabled-color":k.text.disabled,"--sd-input-icon-color":k.icon.default,"--sd-system-size-field-sm-height":`${e.height}px`,"--sd-system-radius-field-sm":`${e.radius}px`}},s("label",{key:"b429ae6e521440eb917b17b10525ff3d3767a50d",class:"sd-input__content"},s("slot",{key:"dc1cd825ff1bea6484eada71d5aff621f82522c2",name:"prefix"}),s("input",{key:"93bd923644ac7660c2c9be28e4c64d39d93365c3",name:this.name,ref:e=>this.nativeEl=e,class:`sd-input__native ${this.inputClass}`,type:"password"===this.type&&this.passwordVisible?"text":this.type??"text",value:this.internalValue||"",placeholder:this.placeholder??"입력해 주세요.",disabled:this.disabled,readonly:this.readonly,autofocus:this.autoFocus,autocomplete:this.autocomplete||void 0,maxlength:this.maxlength,minlength:this.minlength,inputmode:this.inputmode,enterkeyhint:this.enterkeyhint,spellcheck:this.spellcheck,onInput:this.handleInput,onFocus:e=>this.handleFocus("focus",e),onBlur:e=>this.handleFocus("blur",e),style:this.inputStyle}),s("slot",{key:"ec2f67a7ae01ebbaaa1f48f1e231f6fe2cfb413c",name:"suffix"}),this.clearable&&this.internalValue&&!this.disabled&&!this.readonly&&s("sd-ghost-button",{key:"de33f6902ab5560e151ef13e01ef84eea14da17d",icon:"close",ariaLabel:"clear",size:"xxs",disabled:this.disabled,class:"sd-input__clear-icon",onClick:async()=>{this.disabled||this.readonly||(this.internalValue="",await(this.formField?.sdValidate()))}}),"password"===this.type&&s("sd-ghost-button",{key:"db07c28cede67dbec93454b5ea90e94f72c5f313",icon:this.passwordVisible?"visibilityOn":"visibilityOff",ariaLabel:"visibility",size:"xxs",disabled:this.disabled||this.readonly,class:"sd-input__password-icon",onClick:()=>{this.disabled||this.readonly||(this.passwordVisible=!this.passwordVisible)}})))}static get watchers(){return{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}}};w.style="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)}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:var(--sd-input-text-color);font-size:var(--sd-input-font-size);line-height:var(--sd-input-line-height);font-weight:var(--sd-input-font-weight);padding:0 var(--sd-input-padding-x);gap:var(--sd-input-gap)}sd-input .sd-input__content .sd-input__native{width:100%;height:100%;border:none;outline:none;background:transparent;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit}sd-input .sd-input__content .sd-input__native[disabled]{cursor:not-allowed;color:var(--sd-input-disabled-color)}sd-input .sd-input__content .sd-input__native[readonly]{color:var(--sd-system-color-field-text-read-only)}sd-input .sd-input__content .sd-input__native::placeholder{color:var(--sd-input-placeholder-color)}sd-input .sd-input__content .sd-input__clear-icon,sd-input .sd-input__content .sd-input__password-icon{flex-shrink:0}sd-input .sd-input__content .sd-input__native[disabled]~.sd-input__clear-icon,sd-input .sd-input__content .sd-input__native[disabled]~.sd-input__password-icon,sd-input .sd-input__content .sd-input__native[readonly]~.sd-input__clear-icon,sd-input .sd-input__content .sd-input__native[readonly]~.sd-input__password-icon{cursor:not-allowed;pointer-events:none}";var z={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 A=z.numberInput.sm,C=z.numberInput.md,T={sm:{height:A.height,paddingX:A.paddingX,radius:A.radius,fontSize:A.typography.fontSize,lineHeight:A.typography.lineHeight,fontWeight:A.typography.fontWeight},md:{height:C.height,paddingX:C.paddingX,radius:C.radius,fontSize:C.typography.fontSize,lineHeight:C.typography.lineHeight,fontWeight:C.typography.fontWeight}},S={border:z.numberInput.border,bg:z.numberInput.bg,text:z.numberInput.text},M={sm:{size:z.numberInput.stepper.sm.size},md:{size:z.numberInput.stepper.md.size},radius:z.numberInput.stepper.radius,bg:z.numberInput.stepper.bg,icon:z.numberInput.stepper.icon},F=n.field.hint,D=n.field.errorMessage,L=n.field.contents.gap,$=class{constructor(i){e(this,i),this.update=t(this,"sdUpdate",7),this.focus=t(this,"sdFocus",7),this.blur=t(this,"sdBlur",7)}get el(){return i(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=d();update;focus;blur;toNumber(e){if(null==e||""===e)return null;if("number"==typeof e)return isNaN(e)?null:e;if("string"==typeof e)return this.parseInput(e);const t=Number(e);return isNaN(t)?null:t}formatWithCommas(e){if(null==e||isNaN(e))return"";const t=e<0,i=Math.abs(e),[s,d]=i.toString().split("."),a=(+s).toLocaleString(),r=t?"-"+a:a;return void 0!==d&&""!==d?r+"."+d:String(r)}getDecimalLimit(){if(this.useDecimal&&void 0!==this.maxDecimalLength&&Number.isFinite(this.maxDecimalLength))return Math.max(0,Math.floor(this.maxDecimalLength))}truncateToDecimalLimit(e,t){if(!e.includes("."))return e;const[i,s=""]=e.split("."),d=s.slice(0,t);return""===d?i:`${i}.${d}`}applyDecimalLimit(e){const t=this.getDecimalLimit();if(void 0===t)return e;const i=parseFloat(this.truncateToDecimalLimit(e.toString(),t));return isNaN(i)?e:i}parseInput(e){if(""===e.trim())return null;const t=e.replace(/,/g,"").trim();if(!/^-?(\d+\.?\d*|\d*\.\d+)$/.test(t))return null;if(!this.useDecimal&&t.includes("."))return null;const i=this.getDecimalLimit(),s=void 0!==i?this.truncateToDecimalLimit(t,i):t,d=parseFloat(s);return isNaN(d)?null:d}clampMinMax(e){return isNaN(e)?0:Math.min(Math.max(e,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(e){const t=this.toNumber(e);this.internalValue=null!==t?this.clampMinMax(t):null,this.updateDisplay()}internalValueChanged(e){this.updateDisplay(),e!==this.value&&(this.value=e,this.update?.emit(e))}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 e=this.toNumber(this.value);null!==e&&(this.internalValue=this.clampMinMax(e)),this.updateDisplay()}componentDidLoad(){this.autoFocus&&this.nativeEl?.focus()}handleInput=e=>{const t=e.target,i=t.value;if(""===i)return this.internalValue=null,void(this.displayValue="");const s=i.replace(/,/g,""),d=(s.match(/\./g)||[]).length;if(d>1)return void(t.value=this.displayValue);if("-"===s||"."===s||"-."===s)return void(t.value=s);if(s.endsWith(".")&&1===d){const e=s.slice(0,-1),i=this.parseInput(e);if(null!==i){const e=this.formatWithCommas(i);return void(t.value=e+".")}}const a=this.parseInput(s);if(null!==a){if(a<this.min)return void(t.value=this.displayValue);if(a>this.max)return void(t.value=this.displayValue);this.internalValue=a,this.displayValue=this.formatWithCommas(a),t.value=this.displayValue}else t.value=this.displayValue};handleFocus=e=>{this.focused=!0,this.focus?.emit(e)};handleBlur=async e=>{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(e)};handleKeyDown=e=>{"ArrowUp"===e.key?(e.preventDefault(),this.handleIncrement()):"ArrowDown"===e.key&&(e.preventDefault(),this.handleDecrement())};handleIncrement=()=>{if(this.isIncrementDisabled())return;const e=this.internalValue??this.min??0;let t=e+this.step;t>this.max&&(t=this.max),t=this.applyDecimalLimit(t),t!==e&&(this.internalValue=t)};handleDecrement=()=>{if(this.isDecrementDisabled())return;const e=this.internalValue??this.min??0;let t=e-this.step;t<this.min&&(t=this.min),t=this.applyDecimalLimit(t),t!==e&&(this.internalValue=t)};render(){const e=T[this.size]??T.sm,t="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:e=>this.formField=e,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1,style:{"--sd-number-input-font-size":`${e.fontSize}px`,"--sd-number-input-line-height":`${e.lineHeight}px`,"--sd-number-input-font-weight":e.fontWeight,"--sd-number-input-padding-x":`${e.paddingX}px`,"--sd-number-input-text-color":S.text.default,"--sd-number-input-placeholder-color":S.text.placeholder,"--sd-number-input-disabled-color":S.text.disabled,"--sd-number-input-stepper-size":`${M[this.size]?.size??M.sm.size}px`,"--sd-number-input-stepper-radius":`${M.radius}px`,"--sd-number-input-stepper-bg":M.bg.default,"--sd-number-input-stepper-bg-disabled":M.bg.disabled,"--sd-number-input-stepper-icon-color":M.icon.default,"--sd-number-input-stepper-icon-disabled":M.icon.disabled,"--sd-system-size-field-sm-height":`${e.height}px`,"--sd-system-radius-field-sm":`${e.radius}px`,"--sd-system-color-field-border-default":S.border.default,"--sd-system-color-field-border-focus":S.border.focus,"--sd-system-color-field-border-danger":S.border.danger,"--sd-system-color-field-bg-default":S.bg.default,"--sd-textinput-input-text-error-message":D.color,"--sd-textinput-input-error-message-typography-font-size":`${D.typography.fontSize}px`,"--sd-textinput-input-error-message-typography-line-height":`${D.typography.lineHeight}px`,"--sd-textinput-input-text-hint":F.color,"--sd-textinput-input-hint-typography-font-size":`${F.typography.fontSize}px`,"--sd-textinput-input-hint-typography-line-height":`${F.typography.lineHeight}px`,"--sd-textinput-input-contents-gap":`${L}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:t,color:this.isDecrementDisabled()?M.icon.disabled:M.icon.default})),this.inputPrefix&&s("span",{key:"3d89b3557f961f36b429e3cf4ae247098a412b30",class:"sd-number-input__prefix"},this.inputPrefix),s("input",{key:"c5c503b634aee3b0c8d81f855b5de1d0abe35eac",name:this.name,ref:e=>this.nativeEl=e,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:t,color:this.isIncrementDisabled()?M.icon.disabled:M.icon.default}))))}static get watchers(){return{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}}};$.style="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}";const N=class{constructor(i){e(this,i),this.change=t(this,"sdUpdate",7)}value;options=[];direction="vertical";disabled=!1;groupName;change;valueChanged(e){this.value=e}handleRadioChange=e=>{if(this.disabled)return;const t=this.options.find((t=>String(t.value)===String(e))),i=t?t.value:e;this.value=i,this.change?.emit(i)};getGroupClasses(){return["sd-radio-group",`sd-radio-group--${this.direction??"vertical"}`].join(" ")}render(){return s("div",{key:"7ee8aaf1872ac215e7d4c27e71d4a0a41c6f5e4e",class:this.getGroupClasses(),role:"radiogroup"},this.options.map((e=>s("sd-radio",{key:`radio-${e.value}`,val:String(e.value),value:String(this.value??""),label:e.label,disabled:this.disabled||!!e.disabled,onSdUpdate:({detail:e})=>this.handleRadioChange(e)}))))}static get watchers(){return{value:[{valueChanged:0}]}}};N.style='sd-radio{display:inline-flex;width:fit-content;height:var(--sd-radio-line-height);line-height:0}sd-radio .sd-radio{cursor:pointer;display:inline-flex;align-items:center;gap:var(--sd-radio-gap);height:var(--sd-radio-line-height);max-height:var(--sd-radio-line-height)}sd-radio .sd-radio>input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}sd-radio .sd-radio>input:focus-visible+.sd-radio__circle{box-shadow:0 0 0 2px white, 0 0 0 4px var(--sd-radio-checked-border);outline:none}sd-radio .sd-radio__circle{position:relative;width:var(--sd-radio-size);height:var(--sd-radio-size);border-radius:50%;border:var(--sd-radio-border-width) solid var(--sd-radio-unchecked-border);box-sizing:border-box;background:var(--sd-radio-unchecked-bg);display:inline-flex;flex-shrink:0}sd-radio .sd-radio__label{font-size:var(--sd-radio-font-size);font-weight:var(--sd-radio-font-weight);color:var(--sd-radio-label-color);line-height:var(--sd-radio-line-height);display:inline-flex;flex-direction:column}sd-radio .sd-radio__label::before{content:attr(data-label);height:0;font-weight:var(--sd-radio-selected-font-weight);visibility:hidden;overflow:hidden;user-select:none;pointer-events:none}sd-radio .sd-radio:hover:not(.sd-radio--disabled) .sd-radio__circle{background:var(--sd-radio-unchecked-bg-hover);border-color:var(--sd-radio-unchecked-border-hover)}sd-radio .sd-radio--checked .sd-radio__label{font-weight:var(--sd-radio-selected-font-weight)}sd-radio .sd-radio--checked .sd-radio__circle{border-color:var(--sd-radio-checked-border)}sd-radio .sd-radio--checked .sd-radio__circle::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:var(--sd-radio-dot-size);height:var(--sd-radio-dot-size);border-radius:50%;background:var(--sd-radio-checked-dot)}sd-radio .sd-radio--disabled{cursor:not-allowed}sd-radio .sd-radio--disabled .sd-radio__label{color:var(--sd-radio-label-disabled-color)}sd-radio .sd-radio--disabled .sd-radio__circle{background:var(--sd-radio-disabled-bg);border-color:var(--sd-radio-disabled-border)}sd-radio .sd-radio--disabled.sd-radio--checked .sd-radio__circle::after{background:var(--sd-radio-disabled-dot)}sd-radio-group{display:inline-block}sd-radio-group .sd-radio-group{display:flex}sd-radio-group .sd-radio-group--vertical{flex-direction:column;gap:var(--sd-radio-radio-group-gap-vertical)}sd-radio-group .sd-radio-group--horizontal{flex-direction:row;align-items:center;gap:var(--sd-radio-radio-group-gap-horizontal)}';const V=class{constructor(i){e(this,i),this.update=t(this,"sdUpdate",7),this.dropDownShow=t(this,"sdDropDownShow",7)}static VIEWPORT_PADDING=20;static PORTAL_OFFSET_Y=4;static CLOSE_ANIMATION_DURATION=150;get el(){return i(this)}type="default";value=null;options=[];placeholder="선택";dropdownWidth="";maxDropdownWidth="640px";dropdownHeight="260px";disabled=!1;label="";labelWidth="";addonLabel="";addonAlign="start";error=!1;hint="";errorMessage="";rules=[];icon=void 0;labelTooltip="";labelTooltipProps=null;emitValue=!1;width="";useSearch=!1;allSelectedLabel="전체";useSelectAll=!1;isOpen=!1;isAnimatingOut=!1;triggerWidth="200px";resolvedDropdownHeight="260px";resolvedMaxDropdownWidth="640px";focused=!1;hovered=!1;update;dropDownShow;async sdFocus(){this.disabled||await(this.triggerComponentRef?.sdFocus())}async sdOpen(){await new Promise((e=>setTimeout(e,0))),this.disabled||this.isOpen||(this.prepareDropdownGeometry(),this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.isAnimatingOut=!1,this.isOpen=!0)}triggerRef;triggerComponentRef;closeAnimationTimer;name=d();triggerHasFocus=!1;watchIsOpen(e){this.syncFocusedState(e),this.dropDownShow.emit({isOpen:e})}get isMulti(){return"multi"===this.type||"multi_depth"===this.type}get displayText(){if(this.isMulti){if(!Array.isArray(this.value)||0===this.value.length)return"";const e=this.getNonDisabledLeaves(this.options),t=this.getSelectedOptions();if(e.length>0&&e.every((e=>t.some((t=>t.value===e.value)))))return this.allSelectedLabel??"전체";const i=this.flattenOptions(this.options);return this.value.map((e=>{if(null!=e&&"object"==typeof e){const t=e;return t.label??i.find((e=>e.value===t.value))?.label??""}return i.find((t=>t.value===e))?.label??""})).filter(Boolean).join(", ")}if(null==this.value)return"";if(!this.emitValue&&"object"==typeof this.value&&!Array.isArray(this.value))return this.value.label??"";const e=this.flattenOptions(this.options);return e.find((e=>e.value===this.value))?.label??""}flattenOptions(e){return e.flatMap((e=>e.children?this.flattenOptions(e.children):[e]))}getNonDisabledLeaves(e){return e.flatMap((e=>e.disabled?[]:e.children?this.getNonDisabledLeaves(e.children):[e]))}getSelectedOptions(){const e=this.value;return null!=e&&Array.isArray(e)?this.emitValue?e.map((e=>this.findOriginalOption(e,this.options))).filter((e=>!!e)):e:[]}toMultiValue(e){return this.emitValue?e.map((e=>e.value)):e}parsePixelValue(e,t){const i=Number.parseFloat(e);return Number.isFinite(i)?i:t}updateDropdownViewportConstraints(){if(!this.triggerRef)return;const e=this.triggerRef.getBoundingClientRect(),t=V.VIEWPORT_PADDING,i=V.PORTAL_OFFSET_Y,s=this.parsePixelValue(this.dropdownHeight,260),d=this.parsePixelValue(this.maxDropdownWidth,640),a=Math.max(window.innerHeight-e.bottom-t-i,0),r=Math.max(e.top-t-i,0),n=Math.max(a,r),o=Math.max(window.innerWidth-2*t,0);this.resolvedDropdownHeight=`${Math.min(s,n)}px`,this.resolvedMaxDropdownWidth=`${Math.min(d,o)}px`}handleViewportResize=()=>{this.isOpen&&this.updateDropdownViewportConstraints()};findOriginalOption(e,t){for(const i of t){if(i.value===e)return i;if(i.children){const t=this.findOriginalOption(e,i.children);if(t)return t}}}closeDropdown(){this.isOpen&&(this.isOpen=!1,this.isAnimatingOut=!0,this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.closeAnimationTimer=setTimeout((()=>{this.isAnimatingOut=!1}),V.CLOSE_ANIMATION_DURATION))}prepareDropdownGeometry(){this.triggerRef&&(this.triggerWidth=`${this.triggerRef.offsetWidth}px`),this.updateDropdownViewportConstraints()}syncFocusedState(e=this.isOpen){this.focused=e||this.triggerHasFocus}handleTriggerFocus=()=>{this.triggerHasFocus=!0,this.syncFocusedState()};handleTriggerBlur=()=>{this.triggerHasFocus=!1,this.syncFocusedState()};handleTriggerClick=()=>{this.isOpen?this.closeDropdown():(this.prepareDropdownGeometry(),this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.isAnimatingOut=!1,this.isOpen=!0)};emitUpdate(e){this.update.emit(e)}handleOptionSelect=e=>{const{option:t,leaves:i}=e;if(this.isMulti)this.handleMultiSelect(t,i);else{this.closeDropdown(),this.value=this.emitValue?t.value:t;const e=this.value;requestAnimationFrame((()=>{this.emitUpdate(e)}))}};handleMultiSelect(e,t){const i=this.getSelectedOptions();let s;if(e.children)if(t.every((e=>i.some((t=>t.value===e.value))))){const e=new Set(t.map((e=>e.value)));s=i.filter((t=>!e.has(t.value)))}else{const e=new Set(i.map((e=>e.value))),d=t.filter((t=>!e.has(t.value)));s=[...i,...d]}else s=i.some((t=>t.value===e.value))?i.filter((t=>t.value!==e.value)):[...i,e];this.value=this.toMultiValue(s),this.emitUpdate(this.value)}connectedCallback(){window.addEventListener("resize",this.handleViewportResize)}disconnectedCallback(){window.removeEventListener("resize",this.handleViewportResize),this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer)}render(){const e={open:this.isOpen,parentRef:this.triggerRef,viewportPadding:V.VIEWPORT_PADDING,onSdClose:()=>{this.closeDropdown()}};return s("sd-field",{key:"a8107af7c63f38eee519b44e33021f3d650c97a4",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=!0},onMouseLeave:()=>{this.hovered=!1}},s("div",{key:"d1b3c4d6f1da7ca9eeb31a19db7dd7b28a94103d",class:"sd-select",ref:e=>{this.triggerRef=e}},s("sd-select-trigger",{key:"c2ce229c398cf35aa1cdc58a12eb7ed81f316d0d",ref:e=>{this.triggerComponentRef=e},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)&&s("sd-portal",{key:"1f67ba5abb693d49b2e332edb991bf89edbc2456",...e},s("sd-select-listbox",{key:"108acb8763dc0cf4bd7e807643140a9f41381248",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:e=>this.handleOptionSelect(e.detail)})))}static get watchers(){return{isOpen:[{watchIsOpen:0}]}}};V.style="sd-select{display:inline-flex}sd-select sd-portal{display:none}sd-select .sd-select{position:relative;width:100%;height:100%}";const O={paddingX:l.textinput.sm.paddingX,paddingY:l.textinput.sm.paddingY,radius:l.textinput.sm.radius,fontSize:l.textinput.sm.typography.fontSize,lineHeight:l.textinput.sm.typography.lineHeight,fontWeight:l.textinput.sm.typography.fontWeight},R={text:l.textinput.text,bg:l.textinput.bg,border:l.textinput.border,resizer:l.textinput.resizer},W=class{constructor(i){e(this,i),this.input=t(this,"sdUpdate",7),this.focus=t(this,"sdFocus",7),this.blur=t(this,"sdBlur",7)}get host(){return i(this)}value=null;placeholder="입력해 주세요.";disabled=!1;readonly=!1;autoFocus=!1;textareaClass="";textareaStyle={};maxLength;rows;spellcheck=!1;width="";label="";labelWidth="";addonLabel="";addonAlign="start";hint="";errorMessage="";icon=void 0;labelTooltip="";labelTooltipProps=null;rules=[];error=!1;status;focused=!1;hovered=!1;internalValue=null;nativeEl=void 0;formField;name=d();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(){null!=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 s("sd-field",{key:"f8fd8949824938bb79f101de2e5eca7980224b09",name:this.name,label:this.label,labelWidth:this.labelWidth,addonLabel:this.addonLabel,addonAlign:this.addonAlign,hint:this.hint,errorMessage:this.errorMessage,width:this.width,rules:this.rules,error:this.error,disabled:this.disabled,readonly:this.readonly,focused:this.focused,hovered:this.hovered,status:this.status,icon:this.icon,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:e=>this.formField=e,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1,style:{"--sd-textarea-font-size":`${O.fontSize}px`,"--sd-textarea-line-height":`${O.lineHeight}px`,"--sd-textarea-font-weight":O.fontWeight,"--sd-textarea-padding-x":`${O.paddingX}px`,"--sd-textarea-padding-y":`${O.paddingY}px`,"--sd-textarea-radius":`${O.radius}px`,"--sd-textarea-text-color":R.text.default,"--sd-textarea-placeholder-color":R.text.placeholder,"--sd-textarea-disabled-color":R.text.disabled,"--sd-textarea-bg-color":R.bg.default,"--sd-textarea-disabled-bg-color":R.bg.disabled,"--sd-textarea-border-color":R.border.default,"--sd-textarea-resizer-color":R.resizer.color,"--sd-system-size-field-sm-height":"auto","--sd-system-radius-field-sm":`${O.radius}px`}},s("div",{key:"382441be15dd047888cf876006f1966256a503b7",class:"sd-textarea__content"},s("textarea",{key:"5f5985ccdcc401f4aff2f47fe40003abeb76e8b3",name:this.name,ref:e=>this.nativeEl=e,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:e=>this.handleFocus("focus",e),onBlur:e=>this.handleFocus("blur",e),style:this.textareaStyle})))}static get watchers(){return{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}}};W.style="sd-textarea{display:inline-flex}sd-textarea .sd-textarea__content{width:100%;display:flex}sd-textarea .sd-textarea__content .sd-textarea__native{width:100%;min-height:100px;border:none;outline:none;background:transparent;padding:var(--sd-textarea-padding-y) var(--sd-textarea-padding-x);font-family:inherit;font-size:var(--sd-textarea-font-size);line-height:var(--sd-textarea-line-height);font-weight:var(--sd-textarea-font-weight);color:var(--sd-textarea-text-color);resize:vertical}sd-textarea .sd-textarea__content .sd-textarea__native::placeholder{color:var(--sd-textarea-placeholder-color)}sd-textarea .sd-textarea__content .sd-textarea__native:disabled{cursor:not-allowed;color:var(--sd-textarea-disabled-color)}sd-textarea .sd-textarea__content .sd-textarea__native[readonly]{color:var(--sd-system-color-field-text-read-only)}";export{h as sd_date_picker,c as sd_date_range_picker,x as sd_file_picker,w as sd_input,$ as sd_number_input,N as sd_radio_group,V as sd_select,W as sd_textarea}
+import{r as e,c as t,a as i,h as s}from"./p-YU6oWX32.js";import{n as d}from"./p-CCwNgVmC.js";import{D as a,a as r}from"./p-Bc1bqF3P.js";import{f as n}from"./p-B9hmJn6D.js";import{l as o}from"./p-DlJaYVWf.js";import{i as l}from"./p-BqZ8dpm7.js";const h=class{constructor(i){e(this,i),this.update=t(this,"sdUpdate",7),this.viewChange=t(this,"sdViewChange",7)}static CLOSE_ANIMATION_DURATION=150;get el(){return i(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}),h.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 t=this.value;requestAnimationFrame((()=>{this.update.emit(t)}))};handleViewChange=e=>{this.viewChange.emit(e.detail)};disconnectedCallback(){this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer)}render(){const e=r[this.size]??r.sm;return s("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":a.border.default,"--sd-system-color-field-border-focus":a.border.focus,"--sd-system-color-field-bg-default":a.bg.default}},s("div",{key:"aac9b498321c4506a6979a17de4896c4521887a1",class:"sd-date-picker",ref:e=>{this.triggerRef=e}},s("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)&&s("sd-portal",{key:"142098d59d8a5df4054e7a39f4d93b0ddc06109b",open:this.isOpen,parentRef:this.triggerRef,onSdClose:()=>this.closeDropdown()},s("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}]}}};h.style="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%}";const c=class{constructor(i){e(this,i),this.update=t(this,"sdUpdate",7),this.viewChange=t(this,"sdViewChange",7)}static CLOSE_ANIMATION_DURATION=150;get el(){return i(this)}value=null;size="sm";placeholder="YYYY-MM-DD ~ YYYY-MM-DD";selectable;maxRange;useTimePicker=!1;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}),c.CLOSE_ANIMATION_DURATION))}handleTriggerClick=()=>{this.disabled||(this.isOpen?this.closeDropdown():(this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.isAnimatingOut=!1,this.isOpen=!0))};handleSelect=e=>{this.useTimePicker||this.closeDropdown(),this.value=e.detail;const t=this.value;requestAnimationFrame((()=>{this.update.emit(t)}))};handleViewChange=e=>{this.viewChange.emit(e.detail)};get displayText(){return null==this.value||""===this.value[0]||""===this.value[1]?"":`${this.value[0]} ~ ${this.value[1]}`}static DEFAULT_PLACEHOLDER="YYYY-MM-DD ~ YYYY-MM-DD";get resolvedPlaceholder(){return this.useTimePicker&&this.placeholder===c.DEFAULT_PLACEHOLDER?"YYYY-MM-DD HH:mm ~ YYYY-MM-DD HH:mm":this.placeholder}disconnectedCallback(){this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer)}render(){const e=r[this.size]??r.sm;return s("sd-field",{key:"01098a74a5066d2328409dcdf21bb38691adf455",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":a.border.default,"--sd-system-color-field-border-focus":a.border.focus,"--sd-system-color-field-bg-default":a.bg.default}},s("div",{key:"dab4a666f5c144bbcbf3848528ce246c752ab906",class:"sd-date-range-picker",ref:e=>{this.triggerRef=e}},s("sd-date-picker-trigger",{key:"5aa378df1b53a2b8cc29e159e7bda0544210a81e",displayText:this.displayText,placeholder:this.resolvedPlaceholder,disabled:this.disabled,size:this.size,onSdTriggerClick:this.handleTriggerClick})),(this.isOpen||this.isAnimatingOut)&&s("sd-portal",{key:"8d18658004dc009d869804bdabd31155117edde3",open:this.isOpen,parentRef:this.triggerRef,onSdClose:()=>this.closeDropdown()},s("sd-date-range-picker-calendar",{key:"0bf96efeed4c567052e690a83a70f27df85ccc64",value:this.value,selectable:this.selectable,maxRange:this.maxRange,useTimePicker:this.useTimePicker,onSdSelect:this.handleSelect,onSdViewChange:this.handleViewChange})))}static get watchers(){return{isOpen:[{watchIsOpen:0}]}}};c.style="sd-date-range-picker{display:inline-flex}sd-date-range-picker sd-portal{display:none}sd-date-range-picker .sd-date-range-picker{position:relative;width:100%;height:100%}";const p={sm:{height:"28",paddingX:"12",gap:"8",radius:"4",borderWidth:"1",typography:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontWeight:"400",fontSize:"12",textDecoration:"none",lineHeight:"20"},icon:"16"},md:{height:"36",paddingX:"16",gap:"12",radius:"6",borderWidth:"1",typography:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontWeight:"400",fontSize:"14",textDecoration:"none",lineHeight:"24"},icon:"20"},border:{default:"#AAAAAA",disabled:"#CCCCCC"},bg:{default:"#FFFFFF",disabled:"#E1E1E1"},text:{default:"#222222",placeholder:"#AAAAAA",disabled:"#888888"},icon:{disabled:"#BBBBBB"}},u=e=>({height:p[e].height,paddingX:p[e].paddingX,gap:p[e].gap,radius:p[e].radius,borderWidth:p[e].borderWidth,fontSize:p[e].typography.fontSize,lineHeight:p[e].typography.lineHeight,fontWeight:p[e].typography.fontWeight,iconSize:p[e].icon,contentsGap:n.field.contents.gap}),f=u("sm"),b={sm:f,md:u("md")},g={text:p.text,icon:{default:"#888888",disabled:p.icon.disabled}},m={radius:o.listBox.radius,bg:o.listBox.bg,chipPadding:o.listBox.chip.paddingXY,chipGap:o.listBox.chip.gap},x=class{constructor(i){e(this,i),this.update=t(this,"sdUpdate",7),this.reject=t(this,"sdReject",7)}get el(){return i(this)}value=null;placeholder="Click to upload";disabled=!1;inline=!1;multiple=!1;useMultipleListBox=!1;accept;maxFileSize;maxTotalSize;maxFiles;size="sm";name=d();label="";labelWidth="";addonLabel="";addonAlign="start";hint="";errorMessage="";width="";rules;error=!1;status;icon=void 0;labelTooltip="";labelTooltipProps=null;focused=!1;hovered=!1;internalValue=null;showTooltip=!1;isListboxOpen=!1;listboxWidth="";fileInputRef;fileNamesRef;contentRef;formField;static VIEWPORT_PADDING=20;update;reject;valueChanged(e){this.internalValue=e}componentDidLoad(){this.checkOverflow()}componentDidUpdate(){this.checkOverflow()}async sdValidate(){return this.formField?.sdValidate()??Promise.resolve(!0)}async sdReset(){const e=this.multiple?[]:null;this.value=e,this.internalValue=e,this.fileInputRef&&(this.fileInputRef.value=""),await(this.formField?.sdResetValidation())}async sdResetValidate(){await(this.formField?.sdResetValidation())}toBytes(e){if(null!=e)return"string"==typeof e?Number(e):e}validateFiles(e,t=0){const i=this.toBytes(this.maxFileSize),s=this.toBytes(this.maxTotalSize),d=null!=this.maxFiles?Number(this.maxFiles):void 0;if(null!=d&&t+e.length>d)return{accepted:[],rejected:e,reason:"max-files"};if(null!=i){const t=e.filter((e=>e.size>i));if(t.length>0)return{accepted:[],rejected:t,reason:"max-file-size"}}return null!=s&&e.reduce(((e,t)=>e+t.size),0)>s?{accepted:[],rejected:e,reason:"max-total-size"}:{accepted:e,rejected:[]}}handleFileChange=e=>{const t=e.target.files;if(!t||0===t.length)return;const i=Array.from(t);if(this.multiple){const e=Array.isArray(this.internalValue)?this.internalValue:[],{accepted:t,rejected:s,reason:d}=this.validateFiles(i,e.length);if(this.fileInputRef&&(this.fileInputRef.value=""),null!=d)return void this.reject?.emit({files:s,reason:d});const a=[...e,...t];this.internalValue=a,this.value=a,this.update?.emit(this.value)}else{const{accepted:e,rejected:t,reason:s}=this.validateFiles(i);if(null!=s)return this.reject?.emit({files:t,reason:s}),void(this.fileInputRef&&(this.fileInputRef.value=""));this.internalValue=e[0],this.value=this.internalValue,this.update?.emit(this.value)}};handleClear=e=>{if(this.disabled)return;e.stopPropagation();const t=this.multiple?[]:null;this.value=t,this.internalValue=t,this.update?.emit(t),this.isListboxOpen=!1,this.fileInputRef&&(this.fileInputRef.value="")};handleClick=()=>{this.disabled||this.fileInputRef?.click()};handleListboxToggle=e=>{e.stopPropagation(),this.disabled||(this.isListboxOpen?this.isListboxOpen=!1:(this.contentRef&&(this.listboxWidth=`${this.contentRef.offsetWidth}px`),this.isListboxOpen=!0))};closeListbox=()=>{this.isListboxOpen=!1};hasFiles(){return Array.isArray(this.internalValue)?this.internalValue.length>0:!!this.internalValue}hasChips(){return Array.isArray(this.internalValue)&&this.internalValue.length>0}getDisplayText(){return this.hasFiles()?this.multiple&&Array.isArray(this.internalValue)?this.internalValue.map((e=>e.name)).join(", "):this.internalValue?.name||(this.placeholder??"Click to upload"):this.placeholder??"Click to upload"}handleChipRemove=e=>{if(!Array.isArray(this.internalValue))return;const t=[...this.internalValue];t.splice(e,1),this.internalValue=t,this.value=t,this.update?.emit(this.value),0===t.length&&(this.isListboxOpen=!1)};renderChipList(){return this.hasChips()?s("div",{class:"sd-file-picker__chip-list"},this.internalValue.map(((e,t)=>s("sd-chip",{value:e.name,editable:!1,onSdRemove:()=>this.handleChipRemove(t)})))):null}renderListbox(){return this.hasChips()&&this.isListboxOpen?s("sd-portal",{open:this.isListboxOpen,parentRef:this.contentRef,viewportPadding:x.VIEWPORT_PADDING,onSdClose:this.closeListbox},s("div",{class:"sd-file-picker__listbox",style:{width:this.listboxWidth,padding:`${m.chipPadding}px`,gap:`${m.chipGap}px`,borderRadius:`${m.radius}px`,background:m.bg}},this.internalValue.map(((e,t)=>s("sd-chip",{value:e.name,editable:!1,onSdRemove:()=>this.handleChipRemove(t)}))))):null}checkOverflow(){this.fileNamesRef&&(this.showTooltip=this.fileNamesRef.scrollWidth>this.fileNamesRef.clientWidth)}getIconColor(){return this.disabled?g.icon.disabled:g.icon.default}render(){const e=this.hasFiles(),t=this.getDisplayText(),i=b[this.size]??f,d={"--sd-file-picker-font-size":`${i.fontSize}px`,"--sd-file-picker-line-height":`${i.lineHeight}px`,"--sd-file-picker-font-weight":i.fontWeight,"--sd-file-picker-padding-x":`${i.paddingX}px`,"--sd-file-picker-gap":`${i.gap}px`,"--sd-file-picker-text-color":g.text.default,"--sd-file-picker-placeholder-color":g.text.placeholder,"--sd-file-picker-disabled-color":g.text.disabled,[`--sd-system-size-field-${this.size}-height`]:`${i.height}px`,[`--sd-system-radius-field-${this.size}`]:`${i.radius}px`},a=this.multiple&&this.useMultipleListBox,r=s("div",{key:"89b5383f3aaf2f230fd16b64e5587b4d7c37e82e",role:"button",tabindex:this.disabled?-1:0,class:"sd-file-picker__content",ref:e=>this.contentRef=e,onClick:this.handleClick,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.handleClick())}},s("input",{key:"58ca8f7af6b7760eefb3a37a0b076ea3eccd7d07",ref:e=>this.fileInputRef=e,type:"file",class:"sd-file-picker__input",disabled:this.disabled,multiple:this.multiple,accept:this.accept,onInput:this.handleFileChange,"aria-label":this.placeholder??"Click to upload"}),s("sd-icon",{key:"3ed78b87ebd74fe12184f76d52ed6dc03fad5730",name:"attachFile",size:Number(i.iconSize),color:this.getIconColor(),class:"sd-file-picker__icon"}),s("div",{key:"035e18f041ad7ed5da3890f80c2fe33990496efa",ref:e=>this.fileNamesRef=e,class:{"sd-file-picker__text":!0,"sd-file-picker__text--placeholder":!e,"sd-file-picker__text--active":e}},t),a&&e&&!this.disabled&&s("sd-ghost-button",{key:"da396b601196f3bd9c23f8a1113b4aa5401e3725",icon:"caretDown",size:"xxs",ariaLabel:"toggle file list",disabled:this.disabled,class:{"sd-file-picker__caret":!0,"sd-file-picker__caret--open":this.isListboxOpen},onClick:this.handleListboxToggle}),!this.disabled&&e&&s("sd-ghost-button",{key:"1b73bb7ef8c9a8e4367a7d1983a75a85f96c35fa",icon:"close",size:"xxs",ariaLabel:"clear",disabled:this.disabled,class:"sd-file-picker__clear-icon",onClick:this.handleClear}),this.showTooltip&&e&&this.hovered&&s("div",{key:"a1f532e4a680592d8cff62926405846f7ae386e0",class:"sd-file-picker__tooltip"},t));return s("div",{key:"1f235bfb586260961d00b4058009bbdd4a4eb8e7",class:{"sd-file-picker__wrapper":!0,"sd-file-picker--inline":this.inline,"sd-file-picker--inline-disabled":this.inline&&this.disabled},style:d},s("sd-field",{key:"7354bb733c65d30947fc35f6e67083eb255c07f9",borderless:this.inline,size:this.size,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,status:this.status,icon:this.icon,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:e=>this.formField=e,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1},r),this.useMultipleListBox?this.renderListbox():this.renderChipList())}static get watchers(){return{value:[{valueChanged:0}]}}};x.style="sd-file-picker{display:flex;flex-direction:column;width:100%}.sd-file-picker__wrapper{display:flex;flex-direction:column;width:100%}.sd-file-picker__chip-list{display:flex;flex-flow:row wrap;gap:8px;margin-top:8px}.sd-file-picker__content{width:100%;height:100%;display:flex;align-items:center;padding:0 var(--sd-file-picker-padding-x);gap:var(--sd-file-picker-gap);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;vertical-align:middle}.sd-file-picker__text{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:var(--sd-file-picker-font-weight);font-size:var(--sd-file-picker-font-size);line-height:var(--sd-file-picker-line-height);color:var(--sd-file-picker-placeholder-color)}.sd-file-picker__text--active{color:var(--sd-file-picker-text-color)}.sd-file-picker__text--placeholder{color:var(--sd-file-picker-placeholder-color)}.sd-file-picker__icon{flex-shrink:0}.sd-file-picker__clear-icon{flex-shrink:0;cursor:pointer;transition:opacity 0.2s ease}.sd-file-picker__clear-icon:hover{opacity:0.7}.sd-file-picker__caret{flex-shrink:0;cursor:pointer;transition:transform 0.15s ease}.sd-file-picker__caret--open{transform:rotate(180deg)}.sd-file-picker__listbox{display:flex;flex-direction:column;align-items:stretch;box-sizing:border-box;max-width:100%;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.1)}.sd-file-picker__input{display:none}.sd-file-picker__tooltip{position:absolute;top:calc(100% - 4px);left:50%;transform:translate(-50%);z-index:998;white-space:nowrap;padding:8px 12px;background:rgba(0, 0, 0, 0.8);color:white;font-size:12px;line-height:18px;border-radius:4px;pointer-events:none}.sd-field--disabled .sd-file-picker__content{cursor:not-allowed}.sd-field--disabled .sd-file-picker__text{color:var(--sd-file-picker-disabled-color)}.sd-file-picker--inline .sd-file-picker__content{padding:0}.sd-file-picker--inline .sd-file-picker__text{color:var(--sd-file-picker-placeholder-color)}.sd-file-picker--inline:not(.sd-file-picker--inline-disabled) .sd-file-picker__content:hover .sd-file-picker__text{color:var(--sd-file-picker-text-color)}.sd-file-picker--inline .sd-file-picker__text--active{color:var(--sd-file-picker-text-color)}.sd-file-picker--inline.sd-file-picker--inline-disabled .sd-file-picker__content{cursor:not-allowed}.sd-file-picker--inline.sd-file-picker--inline-disabled .sd-file-picker__text{color:var(--sd-file-picker-disabled-color)}";const _=l.textinput.sm,v=l.textinput.md,y={sm:{height:_.height,paddingX:_.paddingX,gap:_.gap,radius:_.radius,fontSize:_.typography.fontSize,lineHeight:_.typography.lineHeight,fontWeight:_.typography.fontWeight},md:{height:v.height,paddingX:v.paddingX,gap:v.gap,radius:v.radius,fontSize:v.typography.fontSize,lineHeight:v.typography.lineHeight,fontWeight:v.typography.fontWeight}},k={text:l.textinput.text,icon:l.textinput.icon},w=class{constructor(i){e(this,i),this.input=t(this,"sdUpdate",7),this.focus=t(this,"sdFocus",7),this.blur=t(this,"sdBlur",7)}get host(){return i(this)}value=null;type="text";size="sm";addonLabel="";addonAlign="start";placeholder="입력해 주세요.";disabled=!1;clearable=!1;width="";rules=[];autoFocus=!1;autocomplete="";maxlength;minlength;inputmode;enterkeyhint;spellcheck=!1;status;hint="";errorMessage="";inputClass="";readonly=!1;error=!1;focused=!1;hovered=!1;label="";labelWidth="";icon=void 0;labelTooltip="";labelTooltipProps=null;inputStyle={};internalValue=null;passwordVisible=!1;nativeEl=void 0;formField;name=d();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(){null!=this.value&&""!==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(){const e=y[this.size]??y.sm;return s("sd-field",{key:"3ae7b521de6759b8def5ff40f439628f18c7a91c",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:e=>this.formField=e,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1,style:{"--sd-input-font-size":`${e.fontSize}px`,"--sd-input-line-height":`${e.lineHeight}px`,"--sd-input-font-weight":e.fontWeight,"--sd-input-padding-x":`${e.paddingX}px`,"--sd-input-gap":`${e.gap}px`,"--sd-input-text-color":k.text.default,"--sd-input-placeholder-color":k.text.placeholder,"--sd-input-disabled-color":k.text.disabled,"--sd-input-icon-color":k.icon.default,"--sd-system-size-field-sm-height":`${e.height}px`,"--sd-system-radius-field-sm":`${e.radius}px`}},s("label",{key:"2a36f4af08b6fd5263491aeae7ada7a3038dbe8c",class:"sd-input__content"},s("slot",{key:"c13be01f5aedba1076401aa3ba41a8503d9f14ce",name:"prefix"}),s("input",{key:"7cd2bfd289b9f0e87e6de45772c3fdb9d74d1c21",name:this.name,ref:e=>this.nativeEl=e,class:`sd-input__native ${this.inputClass}`,type:"password"===this.type&&this.passwordVisible?"text":this.type??"text",value:this.internalValue||"",placeholder:this.placeholder??"입력해 주세요.",disabled:this.disabled,readonly:this.readonly,autofocus:this.autoFocus,autocomplete:this.autocomplete||void 0,maxlength:this.maxlength,minlength:this.minlength,inputmode:this.inputmode,enterkeyhint:this.enterkeyhint,spellcheck:this.spellcheck,onInput:this.handleInput,onFocus:e=>this.handleFocus("focus",e),onBlur:e=>this.handleFocus("blur",e),style:this.inputStyle}),s("slot",{key:"036abcab351dd45705e1a4abf87cf6b6181171ac",name:"suffix"}),this.clearable&&this.internalValue&&!this.disabled&&!this.readonly&&s("sd-ghost-button",{key:"a6ad01e9586019b30189cd8facf45eef4ddb80f5",icon:"close",ariaLabel:"clear",size:"xxs",disabled:this.disabled,class:"sd-input__clear-icon",onClick:async()=>{this.disabled||this.readonly||(this.internalValue="",await(this.formField?.sdValidate()))}}),"password"===this.type&&s("sd-ghost-button",{key:"abd32a3b71cda45e67b62d57c10c3fa59840ad75",icon:this.passwordVisible?"visibilityOn":"visibilityOff",ariaLabel:"visibility",size:"xxs",disabled:this.disabled||this.readonly,class:"sd-input__password-icon",onClick:()=>{this.disabled||this.readonly||(this.passwordVisible=!this.passwordVisible)}})))}static get watchers(){return{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}}};w.style="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)}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:var(--sd-input-text-color);font-size:var(--sd-input-font-size);line-height:var(--sd-input-line-height);font-weight:var(--sd-input-font-weight);padding:0 var(--sd-input-padding-x);gap:var(--sd-input-gap)}sd-input .sd-input__content .sd-input__native{width:100%;height:100%;border:none;outline:none;background:transparent;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit}sd-input .sd-input__content .sd-input__native[disabled]{cursor:not-allowed;color:var(--sd-input-disabled-color)}sd-input .sd-input__content .sd-input__native[readonly]{color:var(--sd-system-color-field-text-read-only)}sd-input .sd-input__content .sd-input__native::placeholder{color:var(--sd-input-placeholder-color)}sd-input .sd-input__content .sd-input__clear-icon,sd-input .sd-input__content .sd-input__password-icon{flex-shrink:0}sd-input .sd-input__content .sd-input__native[disabled]~.sd-input__clear-icon,sd-input .sd-input__content .sd-input__native[disabled]~.sd-input__password-icon,sd-input .sd-input__content .sd-input__native[readonly]~.sd-input__clear-icon,sd-input .sd-input__content .sd-input__native[readonly]~.sd-input__password-icon{cursor:not-allowed;pointer-events:none}";var z={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 A=z.numberInput.sm,C=z.numberInput.md,T={sm:{height:A.height,paddingX:A.paddingX,radius:A.radius,fontSize:A.typography.fontSize,lineHeight:A.typography.lineHeight,fontWeight:A.typography.fontWeight},md:{height:C.height,paddingX:C.paddingX,radius:C.radius,fontSize:C.typography.fontSize,lineHeight:C.typography.lineHeight,fontWeight:C.typography.fontWeight}},S={border:z.numberInput.border,bg:z.numberInput.bg,text:z.numberInput.text},M={sm:{size:z.numberInput.stepper.sm.size},md:{size:z.numberInput.stepper.md.size},radius:z.numberInput.stepper.radius,bg:z.numberInput.stepper.bg,icon:z.numberInput.stepper.icon},F=n.field.hint,D=n.field.errorMessage,L=n.field.contents.gap,$=class{constructor(i){e(this,i),this.update=t(this,"sdUpdate",7),this.focus=t(this,"sdFocus",7),this.blur=t(this,"sdBlur",7)}get el(){return i(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=d();update;focus;blur;toNumber(e){if(null==e||""===e)return null;if("number"==typeof e)return isNaN(e)?null:e;if("string"==typeof e)return this.parseInput(e);const t=Number(e);return isNaN(t)?null:t}formatWithCommas(e){if(null==e||isNaN(e))return"";const t=e<0,i=Math.abs(e),[s,d]=i.toString().split("."),a=(+s).toLocaleString(),r=t?"-"+a:a;return void 0!==d&&""!==d?r+"."+d:String(r)}getDecimalLimit(){if(this.useDecimal&&void 0!==this.maxDecimalLength&&Number.isFinite(this.maxDecimalLength))return Math.max(0,Math.floor(this.maxDecimalLength))}truncateToDecimalLimit(e,t){if(!e.includes("."))return e;const[i,s=""]=e.split("."),d=s.slice(0,t);return""===d?i:`${i}.${d}`}applyDecimalLimit(e){const t=this.getDecimalLimit();if(void 0===t)return e;const i=parseFloat(this.truncateToDecimalLimit(e.toString(),t));return isNaN(i)?e:i}parseInput(e){if(""===e.trim())return null;const t=e.replace(/,/g,"").trim();if(!/^-?(\d+\.?\d*|\d*\.\d+)$/.test(t))return null;if(!this.useDecimal&&t.includes("."))return null;const i=this.getDecimalLimit(),s=void 0!==i?this.truncateToDecimalLimit(t,i):t,d=parseFloat(s);return isNaN(d)?null:d}clampMinMax(e){return isNaN(e)?0:Math.min(Math.max(e,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(e){const t=this.toNumber(e);this.internalValue=null!==t?this.clampMinMax(t):null,this.updateDisplay()}internalValueChanged(e){this.updateDisplay(),e!==this.value&&(this.value=e,this.update?.emit(e))}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 e=this.toNumber(this.value);null!==e&&(this.internalValue=this.clampMinMax(e)),this.updateDisplay()}componentDidLoad(){this.autoFocus&&this.nativeEl?.focus()}handleInput=e=>{const t=e.target,i=t.value;if(""===i)return this.internalValue=null,void(this.displayValue="");const s=i.replace(/,/g,""),d=(s.match(/\./g)||[]).length;if(d>1)return void(t.value=this.displayValue);if("-"===s||"."===s||"-."===s)return void(t.value=s);if(s.endsWith(".")&&1===d){const e=s.slice(0,-1),i=this.parseInput(e);if(null!==i){const e=this.formatWithCommas(i);return void(t.value=e+".")}}const a=this.parseInput(s);if(null!==a){if(a<this.min)return void(t.value=this.displayValue);if(a>this.max)return void(t.value=this.displayValue);this.internalValue=a,this.displayValue=this.formatWithCommas(a),t.value=this.displayValue}else t.value=this.displayValue};handleFocus=e=>{this.focused=!0,this.focus?.emit(e)};handleBlur=async e=>{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(e)};handleKeyDown=e=>{"ArrowUp"===e.key?(e.preventDefault(),this.handleIncrement()):"ArrowDown"===e.key&&(e.preventDefault(),this.handleDecrement())};handleIncrement=()=>{if(this.isIncrementDisabled())return;const e=this.internalValue??this.min??0;let t=e+this.step;t>this.max&&(t=this.max),t=this.applyDecimalLimit(t),t!==e&&(this.internalValue=t)};handleDecrement=()=>{if(this.isDecrementDisabled())return;const e=this.internalValue??this.min??0;let t=e-this.step;t<this.min&&(t=this.min),t=this.applyDecimalLimit(t),t!==e&&(this.internalValue=t)};render(){const e=T[this.size]??T.sm,t="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:e=>this.formField=e,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1,style:{"--sd-number-input-font-size":`${e.fontSize}px`,"--sd-number-input-line-height":`${e.lineHeight}px`,"--sd-number-input-font-weight":e.fontWeight,"--sd-number-input-padding-x":`${e.paddingX}px`,"--sd-number-input-text-color":S.text.default,"--sd-number-input-placeholder-color":S.text.placeholder,"--sd-number-input-disabled-color":S.text.disabled,"--sd-number-input-stepper-size":`${M[this.size]?.size??M.sm.size}px`,"--sd-number-input-stepper-radius":`${M.radius}px`,"--sd-number-input-stepper-bg":M.bg.default,"--sd-number-input-stepper-bg-disabled":M.bg.disabled,"--sd-number-input-stepper-icon-color":M.icon.default,"--sd-number-input-stepper-icon-disabled":M.icon.disabled,"--sd-system-size-field-sm-height":`${e.height}px`,"--sd-system-radius-field-sm":`${e.radius}px`,"--sd-system-color-field-border-default":S.border.default,"--sd-system-color-field-border-focus":S.border.focus,"--sd-system-color-field-border-danger":S.border.danger,"--sd-system-color-field-bg-default":S.bg.default,"--sd-textinput-input-text-error-message":D.color,"--sd-textinput-input-error-message-typography-font-size":`${D.typography.fontSize}px`,"--sd-textinput-input-error-message-typography-line-height":`${D.typography.lineHeight}px`,"--sd-textinput-input-text-hint":F.color,"--sd-textinput-input-hint-typography-font-size":`${F.typography.fontSize}px`,"--sd-textinput-input-hint-typography-line-height":`${F.typography.lineHeight}px`,"--sd-textinput-input-contents-gap":`${L}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:t,color:this.isDecrementDisabled()?M.icon.disabled:M.icon.default})),this.inputPrefix&&s("span",{key:"c378b1efe0df186b2a6137fd7738467b53892d12",class:"sd-number-input__prefix"},this.inputPrefix),s("input",{key:"f264c7af10764a0d4b49bd5696b5f84985b9df2d",name:this.name,ref:e=>this.nativeEl=e,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:t,color:this.isIncrementDisabled()?M.icon.disabled:M.icon.default}))))}static get watchers(){return{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}}};$.style="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}";const V=class{constructor(i){e(this,i),this.change=t(this,"sdUpdate",7)}value;options=[];direction="vertical";disabled=!1;groupName;change;valueChanged(e){this.value=e}handleRadioChange=e=>{if(this.disabled)return;const t=this.options.find((t=>String(t.value)===String(e))),i=t?t.value:e;this.value=i,this.change?.emit(i)};getGroupClasses(){return["sd-radio-group",`sd-radio-group--${this.direction??"vertical"}`].join(" ")}render(){return s("div",{key:"7ee8aaf1872ac215e7d4c27e71d4a0a41c6f5e4e",class:this.getGroupClasses(),role:"radiogroup"},this.options.map((e=>s("sd-radio",{key:`radio-${e.value}`,val:String(e.value),value:String(this.value??""),label:e.label,disabled:this.disabled||!!e.disabled,onSdUpdate:({detail:e})=>this.handleRadioChange(e)}))))}static get watchers(){return{value:[{valueChanged:0}]}}};V.style='sd-radio{display:inline-flex;width:fit-content;height:var(--sd-radio-line-height);line-height:0}sd-radio .sd-radio{cursor:pointer;display:inline-flex;align-items:center;gap:var(--sd-radio-gap);height:var(--sd-radio-line-height);max-height:var(--sd-radio-line-height)}sd-radio .sd-radio>input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}sd-radio .sd-radio>input:focus-visible+.sd-radio__circle{box-shadow:0 0 0 2px white, 0 0 0 4px var(--sd-radio-checked-border);outline:none}sd-radio .sd-radio__circle{position:relative;width:var(--sd-radio-size);height:var(--sd-radio-size);border-radius:50%;border:var(--sd-radio-border-width) solid var(--sd-radio-unchecked-border);box-sizing:border-box;background:var(--sd-radio-unchecked-bg);display:inline-flex;flex-shrink:0}sd-radio .sd-radio__label{font-size:var(--sd-radio-font-size);font-weight:var(--sd-radio-font-weight);color:var(--sd-radio-label-color);line-height:var(--sd-radio-line-height);display:inline-flex;flex-direction:column}sd-radio .sd-radio__label::before{content:attr(data-label);height:0;font-weight:var(--sd-radio-selected-font-weight);visibility:hidden;overflow:hidden;user-select:none;pointer-events:none}sd-radio .sd-radio:hover:not(.sd-radio--disabled) .sd-radio__circle{background:var(--sd-radio-unchecked-bg-hover);border-color:var(--sd-radio-unchecked-border-hover)}sd-radio .sd-radio--checked .sd-radio__label{font-weight:var(--sd-radio-selected-font-weight)}sd-radio .sd-radio--checked .sd-radio__circle{border-color:var(--sd-radio-checked-border)}sd-radio .sd-radio--checked .sd-radio__circle::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:var(--sd-radio-dot-size);height:var(--sd-radio-dot-size);border-radius:50%;background:var(--sd-radio-checked-dot)}sd-radio .sd-radio--disabled{cursor:not-allowed}sd-radio .sd-radio--disabled .sd-radio__label{color:var(--sd-radio-label-disabled-color)}sd-radio .sd-radio--disabled .sd-radio__circle{background:var(--sd-radio-disabled-bg);border-color:var(--sd-radio-disabled-border)}sd-radio .sd-radio--disabled.sd-radio--checked .sd-radio__circle::after{background:var(--sd-radio-disabled-dot)}sd-radio-group{display:inline-block}sd-radio-group .sd-radio-group{display:flex}sd-radio-group .sd-radio-group--vertical{flex-direction:column;gap:var(--sd-radio-radio-group-gap-vertical)}sd-radio-group .sd-radio-group--horizontal{flex-direction:row;align-items:center;gap:var(--sd-radio-radio-group-gap-horizontal)}';const N=class{constructor(i){e(this,i),this.update=t(this,"sdUpdate",7),this.dropDownShow=t(this,"sdDropDownShow",7)}static VIEWPORT_PADDING=20;static PORTAL_OFFSET_Y=4;static CLOSE_ANIMATION_DURATION=150;get el(){return i(this)}type="default";value=null;options=[];placeholder="선택";dropdownWidth="";maxDropdownWidth="640px";dropdownHeight="260px";disabled=!1;label="";labelWidth="";addonLabel="";addonAlign="start";error=!1;hint="";errorMessage="";rules=[];icon=void 0;labelTooltip="";labelTooltipProps=null;emitValue=!1;width="";useSearch=!1;allSelectedLabel="전체";useSelectAll=!1;isOpen=!1;isAnimatingOut=!1;triggerWidth="200px";resolvedDropdownHeight="260px";resolvedMaxDropdownWidth="640px";focused=!1;hovered=!1;update;dropDownShow;async sdFocus(){this.disabled||await(this.triggerComponentRef?.sdFocus())}async sdOpen(){await new Promise((e=>setTimeout(e,0))),this.disabled||this.isOpen||(this.prepareDropdownGeometry(),this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.isAnimatingOut=!1,this.isOpen=!0)}triggerRef;triggerComponentRef;closeAnimationTimer;name=d();triggerHasFocus=!1;watchIsOpen(e){this.syncFocusedState(e),this.dropDownShow.emit({isOpen:e})}get isMulti(){return"multi"===this.type||"multi_depth"===this.type}get displayText(){if(this.isMulti){if(!Array.isArray(this.value)||0===this.value.length)return"";const e=this.getNonDisabledLeaves(this.options),t=this.getSelectedOptions();if(e.length>0&&e.every((e=>t.some((t=>t.value===e.value)))))return this.allSelectedLabel??"전체";const i=this.flattenOptions(this.options);return this.value.map((e=>{if(null!=e&&"object"==typeof e){const t=e;return t.label??i.find((e=>e.value===t.value))?.label??""}return i.find((t=>t.value===e))?.label??""})).filter(Boolean).join(", ")}if(null==this.value)return"";if(!this.emitValue&&"object"==typeof this.value&&!Array.isArray(this.value))return this.value.label??"";const e=this.flattenOptions(this.options);return e.find((e=>e.value===this.value))?.label??""}flattenOptions(e){return e.flatMap((e=>e.children?this.flattenOptions(e.children):[e]))}getNonDisabledLeaves(e){return e.flatMap((e=>e.disabled?[]:e.children?this.getNonDisabledLeaves(e.children):[e]))}getSelectedOptions(){const e=this.value;return null!=e&&Array.isArray(e)?this.emitValue?e.map((e=>this.findOriginalOption(e,this.options))).filter((e=>!!e)):e:[]}toMultiValue(e){return this.emitValue?e.map((e=>e.value)):e}parsePixelValue(e,t){const i=Number.parseFloat(e);return Number.isFinite(i)?i:t}updateDropdownViewportConstraints(){if(!this.triggerRef)return;const e=this.triggerRef.getBoundingClientRect(),t=N.VIEWPORT_PADDING,i=N.PORTAL_OFFSET_Y,s=this.parsePixelValue(this.dropdownHeight,260),d=this.parsePixelValue(this.maxDropdownWidth,640),a=Math.max(window.innerHeight-e.bottom-t-i,0),r=Math.max(e.top-t-i,0),n=Math.max(a,r),o=Math.max(window.innerWidth-2*t,0);this.resolvedDropdownHeight=`${Math.min(s,n)}px`,this.resolvedMaxDropdownWidth=`${Math.min(d,o)}px`}handleViewportResize=()=>{this.isOpen&&this.updateDropdownViewportConstraints()};findOriginalOption(e,t){for(const i of t){if(i.value===e)return i;if(i.children){const t=this.findOriginalOption(e,i.children);if(t)return t}}}closeDropdown(){this.isOpen&&(this.isOpen=!1,this.isAnimatingOut=!0,this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.closeAnimationTimer=setTimeout((()=>{this.isAnimatingOut=!1}),N.CLOSE_ANIMATION_DURATION))}prepareDropdownGeometry(){this.triggerRef&&(this.triggerWidth=`${this.triggerRef.offsetWidth}px`),this.updateDropdownViewportConstraints()}syncFocusedState(e=this.isOpen){this.focused=e||this.triggerHasFocus}handleTriggerFocus=()=>{this.triggerHasFocus=!0,this.syncFocusedState()};handleTriggerBlur=()=>{this.triggerHasFocus=!1,this.syncFocusedState()};handleTriggerClick=()=>{this.isOpen?this.closeDropdown():(this.prepareDropdownGeometry(),this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.isAnimatingOut=!1,this.isOpen=!0)};emitUpdate(e){this.update.emit(e)}handleOptionSelect=e=>{const{option:t,leaves:i}=e;if(this.isMulti)this.handleMultiSelect(t,i);else{this.closeDropdown(),this.value=this.emitValue?t.value:t;const e=this.value;requestAnimationFrame((()=>{this.emitUpdate(e)}))}};handleMultiSelect(e,t){const i=this.getSelectedOptions();let s;if(e.children)if(t.every((e=>i.some((t=>t.value===e.value))))){const e=new Set(t.map((e=>e.value)));s=i.filter((t=>!e.has(t.value)))}else{const e=new Set(i.map((e=>e.value))),d=t.filter((t=>!e.has(t.value)));s=[...i,...d]}else s=i.some((t=>t.value===e.value))?i.filter((t=>t.value!==e.value)):[...i,e];this.value=this.toMultiValue(s),this.emitUpdate(this.value)}connectedCallback(){window.addEventListener("resize",this.handleViewportResize)}disconnectedCallback(){window.removeEventListener("resize",this.handleViewportResize),this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer)}render(){const e={open:this.isOpen,parentRef:this.triggerRef,viewportPadding:N.VIEWPORT_PADDING,onSdClose:()=>{this.closeDropdown()}};return s("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=!0},onMouseLeave:()=>{this.hovered=!1}},s("div",{key:"0ae8920ff073dec69d26224b6f3c9d393014b276",class:"sd-select",ref:e=>{this.triggerRef=e}},s("sd-select-trigger",{key:"196b9e1fdfede2c24f8d1f963bfbb14062a7a819",ref:e=>{this.triggerComponentRef=e},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)&&s("sd-portal",{key:"1c0ddae84bbe0b02e7a726eccff2ecbdc0214d72",...e},s("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:e=>this.handleOptionSelect(e.detail)})))}static get watchers(){return{isOpen:[{watchIsOpen:0}]}}};N.style="sd-select{display:inline-flex}sd-select sd-portal{display:none}sd-select .sd-select{position:relative;width:100%;height:100%}";const O={paddingX:l.textinput.sm.paddingX,paddingY:l.textinput.sm.paddingY,radius:l.textinput.sm.radius,fontSize:l.textinput.sm.typography.fontSize,lineHeight:l.textinput.sm.typography.lineHeight,fontWeight:l.textinput.sm.typography.fontWeight},W={text:l.textinput.text,bg:l.textinput.bg,border:l.textinput.border,resizer:l.textinput.resizer},R=class{constructor(i){e(this,i),this.input=t(this,"sdUpdate",7),this.focus=t(this,"sdFocus",7),this.blur=t(this,"sdBlur",7)}get host(){return i(this)}value=null;placeholder="입력해 주세요.";disabled=!1;readonly=!1;autoFocus=!1;textareaClass="";textareaStyle={};maxLength;rows;spellcheck=!1;width="";label="";labelWidth="";addonLabel="";addonAlign="start";hint="";errorMessage="";icon=void 0;labelTooltip="";labelTooltipProps=null;rules=[];error=!1;status;focused=!1;hovered=!1;internalValue=null;nativeEl=void 0;formField;name=d();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(){null!=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 s("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:e=>this.formField=e,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1,style:{"--sd-textarea-font-size":`${O.fontSize}px`,"--sd-textarea-line-height":`${O.lineHeight}px`,"--sd-textarea-font-weight":O.fontWeight,"--sd-textarea-padding-x":`${O.paddingX}px`,"--sd-textarea-padding-y":`${O.paddingY}px`,"--sd-textarea-radius":`${O.radius}px`,"--sd-textarea-text-color":W.text.default,"--sd-textarea-placeholder-color":W.text.placeholder,"--sd-textarea-disabled-color":W.text.disabled,"--sd-textarea-bg-color":W.bg.default,"--sd-textarea-disabled-bg-color":W.bg.disabled,"--sd-textarea-border-color":W.border.default,"--sd-textarea-resizer-color":W.resizer.color,"--sd-system-size-field-sm-height":"auto","--sd-system-radius-field-sm":`${O.radius}px`}},s("div",{key:"009d0fb7c7d098da800d7d3072e2011c3af79f75",class:"sd-textarea__content"},s("textarea",{key:"ccac986809b92089842aee333a0abd5b3c2d6821",name:this.name,ref:e=>this.nativeEl=e,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:e=>this.handleFocus("focus",e),onBlur:e=>this.handleFocus("blur",e),style:this.textareaStyle})))}static get watchers(){return{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}}};R.style="sd-textarea{display:inline-flex}sd-textarea .sd-textarea__content{width:100%;display:flex}sd-textarea .sd-textarea__content .sd-textarea__native{width:100%;min-height:100px;border:none;outline:none;background:transparent;padding:var(--sd-textarea-padding-y) var(--sd-textarea-padding-x);font-family:inherit;font-size:var(--sd-textarea-font-size);line-height:var(--sd-textarea-line-height);font-weight:var(--sd-textarea-font-weight);color:var(--sd-textarea-text-color);resize:vertical}sd-textarea .sd-textarea__content .sd-textarea__native::placeholder{color:var(--sd-textarea-placeholder-color)}sd-textarea .sd-textarea__content .sd-textarea__native:disabled{cursor:not-allowed;color:var(--sd-textarea-disabled-color)}sd-textarea .sd-textarea__content .sd-textarea__native[readonly]{color:var(--sd-system-color-field-text-read-only)}";export{h as sd_date_picker,c as sd_date_range_picker,x as sd_file_picker,w as sd_input,$ as sd_number_input,V as sd_radio_group,N as sd_select,R as sd_textarea}

package/dist/design-system/{p-21672bb8.entry.js → p-d3f6262e.entry.js}

@@ -1 +1 @@
-import{r as t,c as d,h as e}from"./p-C599jhDs.js";const s=class{constructor(e){t(this,e),this.click=d(this,"sdClick",7),this.mouseOver=d(this,"sdMouseOver",7)}date=null;disabled=!1;selected=!1;isStartDate=!1;isEndDate=!1;isToday=!1;inRange=!1;type="";click;mouseOver;handleClickDate(){this.disabled||void 0===this.date||""===this.date||0===this.date||"string"!=typeof this.date&&this.click?.emit(this.date)}handleHoverDate(){"string"!=typeof this.date&&this.mouseOver?.emit(this.date)}render(){return e("div",{key:"8b8bc2facd0f4614a6022c48bbd026390d8599e4",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(),onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.handleClickDate())},onMouseOver:()=>this.handleHoverDate(),onFocus:()=>this.handleHoverDate()},e("div",{key:"acbd57ac0300ca143f1e75780b59b5fc107d537f",class:"sd-date-box__content"},e("div",{key:"aeff50640c285cfd75d5592e67c97e5ec55eb00c",class:"sd-date-box__label"},this.date)))}};s.style='.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}';export{s as sd_date_box}
+import{r as t,c as d,h as e}from"./p-YU6oWX32.js";const s=class{constructor(e){t(this,e),this.click=d(this,"sdClick",7),this.mouseOver=d(this,"sdMouseOver",7)}date=null;disabled=!1;selected=!1;isStartDate=!1;isEndDate=!1;isToday=!1;inRange=!1;type="";click;mouseOver;handleClickDate(){this.disabled||void 0===this.date||""===this.date||0===this.date||"string"!=typeof this.date&&this.click?.emit(this.date)}handleHoverDate(){"string"!=typeof this.date&&this.mouseOver?.emit(this.date)}render(){return e("div",{key:"8b8bc2facd0f4614a6022c48bbd026390d8599e4",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(),onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.handleClickDate())},onMouseOver:()=>this.handleHoverDate(),onFocus:()=>this.handleHoverDate()},e("div",{key:"acbd57ac0300ca143f1e75780b59b5fc107d537f",class:"sd-date-box__content"},e("div",{key:"aeff50640c285cfd75d5592e67c97e5ec55eb00c",class:"sd-date-box__label"},this.date)))}};s.style='.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}';export{s as sd_date_box}

package/dist/design-system/{p-62ff77e4.entry.js → p-d52ed5b8.entry.js}

@@ -1 +1 @@
-import{r as e,c as i,h as r}from"./p-C599jhDs.js";import{b as t,T as s}from"./p-DMm_GeZC.js";import"./p-DjKOoQuF.js";const g=class{constructor(r){e(this,r),this.triggerClick=i(this,"sdTriggerClick",7),this.clear=i(this,"sdClear",7)}displayText="";placeholder="00:00";disabled=!1;clearable=!1;size="sm";triggerClick;clear;handleClick=()=>{this.disabled||this.triggerClick.emit()};handleClear=e=>{e.stopPropagation(),this.disabled||this.clear.emit()};render(){const e=t[this.size]??t.sm,i=""!==this.displayText;return r("div",{key:"6b6bff8d9928ace4cda84a7bdb2ac6f73f0d2329",role:"button",tabindex:this.disabled?-1:0,class:{"sd-time-picker-trigger":!0,"sd-time-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?96:80)+"px","--trigger-text-color":this.disabled?s.text.disabled:i?s.text.default:s.text.hint,"--trigger-icon-color":this.disabled?s.icon.disabled:s.icon.default},onClick:this.handleClick,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.handleClick())}},r("sd-icon",{key:"d371bf5acec8592a44c0d18e738b5ac71b556f32",name:"clockOutline",size:Number(e.iconSize),color:"var(--trigger-icon-color)",class:"sd-time-picker-trigger__icon"}),r("span",{key:"2bc0ddfef47a1e929ceafb723345e1ae9e62095b",class:"sd-time-picker-trigger__text"},i?this.displayText:this.placeholder),this.clearable&&i&&!this.disabled&&r("sd-ghost-button",{key:"76763c65dd6ee64c8f1abc0c871d8c50cfaf3852",class:"sd-time-picker-trigger__clear",icon:"close",size:"xs",ariaLabel:"시간 지우기",onSdClick:this.handleClear}))}};g.style="sd-time-picker-trigger{display:block;width:100%;height:100%}sd-time-picker-trigger .sd-time-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-time-picker-trigger .sd-time-picker-trigger--disabled{cursor:not-allowed}sd-time-picker-trigger .sd-time-picker-trigger__icon,sd-time-picker-trigger .sd-time-picker-trigger__clear{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}sd-time-picker-trigger .sd-time-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}";export{g as sd_time_picker_trigger}
+import{r as e,c as i,h as r}from"./p-YU6oWX32.js";import{b as t,T as s}from"./p-tH_3uKAX.js";import"./p-B9hmJn6D.js";const g=class{constructor(r){e(this,r),this.triggerClick=i(this,"sdTriggerClick",7),this.clear=i(this,"sdClear",7)}displayText="";placeholder="00:00";disabled=!1;clearable=!1;size="sm";triggerClick;clear;handleClick=()=>{this.disabled||this.triggerClick.emit()};handleClear=e=>{e.stopPropagation(),this.disabled||this.clear.emit()};render(){const e=t[this.size]??t.sm,i=""!==this.displayText;return r("div",{key:"3671871d1abb524d7e76eaf0e902a1081d340ebb",role:"button",tabindex:this.disabled?-1:0,class:{"sd-time-picker-trigger":!0,"sd-time-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?96:80)+"px","--trigger-text-color":this.disabled?s.text.disabled:i?s.text.default:s.text.hint,"--trigger-icon-color":this.disabled?s.icon.disabled:s.icon.default},onClick:this.handleClick,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.handleClick())}},r("sd-icon",{key:"a522d81a6af432b758a16f785ca8b96110589ae6",name:"clockOutline",size:Number(e.iconSize),color:"var(--trigger-icon-color)",class:"sd-time-picker-trigger__icon"}),r("span",{key:"3c4f96441cb01e9e94ae4e5294fb032e160bcde9",class:"sd-time-picker-trigger__text"},i?this.displayText:this.placeholder),this.clearable&&i&&!this.disabled&&r("sd-ghost-button",{key:"7133f68a7c73e12e4aaa1f49652c06836ed2d465",class:"sd-time-picker-trigger__clear",icon:"close",size:"xs",ariaLabel:"시간 지우기",onSdClick:this.handleClear}))}};g.style="sd-time-picker-trigger{display:block;width:100%;height:100%}sd-time-picker-trigger .sd-time-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-time-picker-trigger .sd-time-picker-trigger--disabled{cursor:not-allowed}sd-time-picker-trigger .sd-time-picker-trigger__icon,sd-time-picker-trigger .sd-time-picker-trigger__clear{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}sd-time-picker-trigger .sd-time-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}";export{g as sd_time_picker_trigger}

package/dist/design-system/{p-809a0a71.entry.js → p-e722acec.entry.js}

@@ -1 +1 @@
-import{r as t,h as l}from"./p-C599jhDs.js";import{s as o}from"./p-BE4tnQ2Z.js";const{callout:e}={callout:{radius:"8",border:{width:"1"},body:{gap:"2",typography:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontSize:"12",fontWeight:"400",lineHeight:"20"},paddingX:"12",paddingY:"8"},default:{bg:"#F9F9F9",border:"#E1E1E1",content:"#555555"},danger:{bg:"#FCEFEF",border:"#FFB5B5",content:"#222222",title:{bg:"#FB4444",paddingX:"24",gap:"2",typography:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontWeight:"700",fontSize:"16",lineHeight:"26"},color:"#FFFFFF",icon:"24"}}}},a={radius:`${e.radius}px`,borderWidth:`${e.border.width}px`,bodyPaddingX:`${e.body.paddingX}px`,bodyPaddingY:`${e.body.paddingY}px`,bodyGap:`${e.body.gap}px`,titlePaddingX:`${e.danger.title.paddingX}px`,titleGap:`${e.danger.title.gap}px`,titleIconSize:Number(e.danger.title.icon)},i={body:{fontFamily:e.body.typography.fontFamily,fontSize:`${e.body.typography.fontSize}px`,fontWeight:e.body.typography.fontWeight,lineHeight:`${e.body.typography.lineHeight}px`},title:{fontFamily:e.danger.title.typography.fontFamily,fontSize:`${e.danger.title.typography.fontSize}px`,fontWeight:e.danger.title.typography.fontWeight,lineHeight:`${e.danger.title.typography.lineHeight}px`}},d={default:{bg:e.default.bg,border:e.default.border,content:e.default.content},danger:{bg:e.danger.bg,border:e.danger.border,content:e.danger.content,titleBg:e.danger.title.bg,titleColor:e.danger.title.color}},s={default:void 0,danger:"warningFill"},n=class{constructor(l){t(this,l)}type="default";message=[];get calloutStyle(){const t=d[this.type]??d.default;return{"--sd-callout-bg":t.bg,"--sd-callout-border":t.border,"--sd-callout-border-width":a.borderWidth,"--sd-callout-content":t.content,"--sd-callout-radius":a.radius,"--sd-callout-body-padding-x":a.bodyPaddingX,"--sd-callout-body-padding-y":a.bodyPaddingY,"--sd-callout-body-gap":a.bodyGap,"--sd-callout-body-font-family":i.body.fontFamily,"--sd-callout-body-font-size":i.body.fontSize,"--sd-callout-body-font-weight":i.body.fontWeight,"--sd-callout-body-line-height":i.body.lineHeight,"--sd-callout-title-bg":t.titleBg??"transparent","--sd-callout-title-color":t.titleColor??"inherit","--sd-callout-title-padding-x":a.titlePaddingX,"--sd-callout-title-gap":a.titleGap,"--sd-callout-title-font-family":i.title.fontFamily,"--sd-callout-title-font-size":i.title.fontSize,"--sd-callout-title-font-weight":i.title.fontWeight,"--sd-callout-title-line-height":i.title.lineHeight}}renderListItem(t,l=0){return Array.isArray(t)?t.flatMap((t=>this.renderListItem(t,l+1))):[this.renderLi(t,l)]}renderLi=(t,e)=>{const a=Math.min(Math.max(e,1),2);return l("li",{class:`sd-callout__list__item sd-callout__list__item--depth-${a}`},l("p",{innerHTML:o(t)}))};renderBody(){return l("ul",{class:"sd-callout__list"},this.renderListItem(this.message))}renderTitle(){const t=s[this.type];return l("div",{class:"sd-callout__title"},t&&l("sd-icon",{name:t,size:a.titleIconSize,color:d[this.type].titleColor}),l("span",{class:"sd-callout__title-text"},"주의사항"))}render(){return l("div",{key:"dc97a963717ac7f0eb3c18e7f56e46278775ce6b",class:"sd-callout",style:this.calloutStyle,role:"note"},"danger"===this.type&&this.renderTitle(),l("div",{key:"6f03a18f95672b95c3e24b3d113b281d40d97f35",class:"sd-callout__body"},this.renderBody()))}};n.style='@charset "UTF-8";sd-callout{display:block;width:100%}sd-callout .sd-callout{display:inline-flex;align-items:stretch;width:inherit;border:var(--sd-callout-border-width) solid var(--sd-callout-border);border-radius:var(--sd-callout-radius);background-color:var(--sd-callout-bg);color:var(--sd-callout-content);overflow:hidden}sd-callout .sd-callout__title{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;gap:var(--sd-callout-title-gap);padding:8px var(--sd-callout-title-padding-x);background-color:var(--sd-callout-title-bg);color:var(--sd-callout-title-color);font-family:var(--sd-callout-title-font-family);font-size:var(--sd-callout-title-font-size);font-weight:var(--sd-callout-title-font-weight);line-height:var(--sd-callout-title-line-height);flex-shrink:0}sd-callout .sd-callout__title-text{white-space:nowrap}sd-callout .sd-callout__body{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:var(--sd-callout-body-gap);padding:var(--sd-callout-body-padding-y) var(--sd-callout-body-padding-x);font-family:var(--sd-callout-body-font-family);font-size:var(--sd-callout-body-font-size);font-weight:var(--sd-callout-body-font-weight);line-height:var(--sd-callout-body-line-height)}sd-callout .sd-callout__list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;justify-content:center;gap:var(--sd-callout-body-gap)}sd-callout .sd-callout__list__item{display:flex;align-items:flex-start;color:var(--sd-callout-content)}sd-callout .sd-callout__list__item p{margin:0;padding:0;flex:1;min-width:0;word-break:break-word}sd-callout .sd-callout__list__item::before{display:block;flex-shrink:0;text-align:center;color:var(--sd-callout-content);font-size:var(--sd-callout-body-font-size);font-weight:var(--sd-callout-body-font-weight);line-height:var(--sd-callout-body-line-height)}sd-callout .sd-callout__list__item--depth-1::before{content:"-";width:24px}sd-callout .sd-callout__list__item--depth-2{padding-left:32px}sd-callout .sd-callout__list__item--depth-2::before{content:"•";width:24px}';export{n as sd_callout}
+import{r as t,h as l}from"./p-YU6oWX32.js";import{s as o}from"./p-BE4tnQ2Z.js";const{callout:e}={callout:{radius:"8",border:{width:"1"},body:{gap:"2",typography:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontSize:"12",fontWeight:"400",lineHeight:"20"},paddingX:"12",paddingY:"8"},default:{bg:"#F9F9F9",border:"#E1E1E1",content:"#555555"},danger:{bg:"#FCEFEF",border:"#FFB5B5",content:"#222222",title:{bg:"#FB4444",paddingX:"24",gap:"2",typography:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontWeight:"700",fontSize:"16",lineHeight:"26"},color:"#FFFFFF",icon:"24"}}}},a={radius:`${e.radius}px`,borderWidth:`${e.border.width}px`,bodyPaddingX:`${e.body.paddingX}px`,bodyPaddingY:`${e.body.paddingY}px`,bodyGap:`${e.body.gap}px`,titlePaddingX:`${e.danger.title.paddingX}px`,titleGap:`${e.danger.title.gap}px`,titleIconSize:Number(e.danger.title.icon)},i={body:{fontFamily:e.body.typography.fontFamily,fontSize:`${e.body.typography.fontSize}px`,fontWeight:e.body.typography.fontWeight,lineHeight:`${e.body.typography.lineHeight}px`},title:{fontFamily:e.danger.title.typography.fontFamily,fontSize:`${e.danger.title.typography.fontSize}px`,fontWeight:e.danger.title.typography.fontWeight,lineHeight:`${e.danger.title.typography.lineHeight}px`}},d={default:{bg:e.default.bg,border:e.default.border,content:e.default.content},danger:{bg:e.danger.bg,border:e.danger.border,content:e.danger.content,titleBg:e.danger.title.bg,titleColor:e.danger.title.color}},s={default:void 0,danger:"warningFill"},n=class{constructor(l){t(this,l)}type="default";message=[];get calloutStyle(){const t=d[this.type]??d.default;return{"--sd-callout-bg":t.bg,"--sd-callout-border":t.border,"--sd-callout-border-width":a.borderWidth,"--sd-callout-content":t.content,"--sd-callout-radius":a.radius,"--sd-callout-body-padding-x":a.bodyPaddingX,"--sd-callout-body-padding-y":a.bodyPaddingY,"--sd-callout-body-gap":a.bodyGap,"--sd-callout-body-font-family":i.body.fontFamily,"--sd-callout-body-font-size":i.body.fontSize,"--sd-callout-body-font-weight":i.body.fontWeight,"--sd-callout-body-line-height":i.body.lineHeight,"--sd-callout-title-bg":t.titleBg??"transparent","--sd-callout-title-color":t.titleColor??"inherit","--sd-callout-title-padding-x":a.titlePaddingX,"--sd-callout-title-gap":a.titleGap,"--sd-callout-title-font-family":i.title.fontFamily,"--sd-callout-title-font-size":i.title.fontSize,"--sd-callout-title-font-weight":i.title.fontWeight,"--sd-callout-title-line-height":i.title.lineHeight}}renderListItem(t,l=0){return Array.isArray(t)?t.flatMap((t=>this.renderListItem(t,l+1))):[this.renderLi(t,l)]}renderLi=(t,e)=>{const a=Math.min(Math.max(e,1),2);return l("li",{class:`sd-callout__list__item sd-callout__list__item--depth-${a}`},l("p",{innerHTML:o(t)}))};renderBody(){return l("ul",{class:"sd-callout__list"},this.renderListItem(this.message))}renderTitle(){const t=s[this.type];return l("div",{class:"sd-callout__title"},t&&l("sd-icon",{name:t,size:a.titleIconSize,color:d[this.type].titleColor}),l("span",{class:"sd-callout__title-text"},"주의사항"))}render(){return l("div",{key:"dc97a963717ac7f0eb3c18e7f56e46278775ce6b",class:"sd-callout",style:this.calloutStyle,role:"note"},"danger"===this.type&&this.renderTitle(),l("div",{key:"6f03a18f95672b95c3e24b3d113b281d40d97f35",class:"sd-callout__body"},this.renderBody()))}};n.style='@charset "UTF-8";sd-callout{display:block;width:100%}sd-callout .sd-callout{display:inline-flex;align-items:stretch;width:inherit;border:var(--sd-callout-border-width) solid var(--sd-callout-border);border-radius:var(--sd-callout-radius);background-color:var(--sd-callout-bg);color:var(--sd-callout-content);overflow:hidden}sd-callout .sd-callout__title{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;gap:var(--sd-callout-title-gap);padding:8px var(--sd-callout-title-padding-x);background-color:var(--sd-callout-title-bg);color:var(--sd-callout-title-color);font-family:var(--sd-callout-title-font-family);font-size:var(--sd-callout-title-font-size);font-weight:var(--sd-callout-title-font-weight);line-height:var(--sd-callout-title-line-height);flex-shrink:0}sd-callout .sd-callout__title-text{white-space:nowrap}sd-callout .sd-callout__body{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:var(--sd-callout-body-gap);padding:var(--sd-callout-body-padding-y) var(--sd-callout-body-padding-x);font-family:var(--sd-callout-body-font-family);font-size:var(--sd-callout-body-font-size);font-weight:var(--sd-callout-body-font-weight);line-height:var(--sd-callout-body-line-height)}sd-callout .sd-callout__list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;justify-content:center;gap:var(--sd-callout-body-gap)}sd-callout .sd-callout__list__item{display:flex;align-items:flex-start;color:var(--sd-callout-content)}sd-callout .sd-callout__list__item p{margin:0;padding:0;flex:1;min-width:0;word-break:break-word}sd-callout .sd-callout__list__item::before{display:block;flex-shrink:0;text-align:center;color:var(--sd-callout-content);font-size:var(--sd-callout-body-font-size);font-weight:var(--sd-callout-body-font-weight);line-height:var(--sd-callout-body-line-height)}sd-callout .sd-callout__list__item--depth-1::before{content:"-";width:24px}sd-callout .sd-callout__list__item--depth-2{padding-left:32px}sd-callout .sd-callout__list__item--depth-2::before{content:"•";width:24px}';export{n as sd_callout}

package/dist/design-system/p-f3b1e6d4.entry.js

@@ -0,0 +1 @@
+import{r as e,c as s,a as i,h as t}from"./p-YU6oWX32.js";import{n as d}from"./p-CCwNgVmC.js";import{f as h,a,T as r,b as l,p as o}from"./p-tH_3uKAX.js";import"./p-B9hmJn6D.js";const n=class{constructor(i){e(this,i),this.update=s(this,"sdUpdate",7),this.dropDownShow=s(this,"sdDropDownShow",7)}static CLOSE_ANIMATION_DURATION=150;get el(){return i(this)}value=null;size="sm";type="default";placeholder="00:00";disabled=!1;clearable=!1;useMeridiem;minuteStep=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;dropDownShow;triggerRef;formField;closeAnimationTimer;name=d();watchIsOpen(e){this.focused=e,this.dropDownShow.emit({isOpen:e})}valueChanged(e){if(null==e||""===e)return;const s=o(e),i=h(s.hour,s.minute);i!==e&&(this.value=i)}async sdValidate(){return this.formField?.sdValidate()}async sdReset(){return this.formField?.sdReset()}async sdResetValidate(){return this.formField?.sdResetValidation()}async sdFocus(){return this.formField?.sdFocus()}componentWillLoad(){this.valueChanged(this.value)}disconnectedCallback(){this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer)}closeDropdown(){this.isOpen&&(this.isOpen=!1,this.isAnimatingOut=!0,this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.closeAnimationTimer=setTimeout((()=>{this.isAnimatingOut=!1}),n.CLOSE_ANIMATION_DURATION))}handleTriggerClick=()=>{this.disabled||(this.isOpen?this.closeDropdown():(this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.isAnimatingOut=!1,this.isOpen=!0))};handleClear=e=>{e.stopPropagation(),this.value=null,this.update.emit(null)};handleSelect=e=>{e.stopPropagation(),this.value=e.detail,this.update.emit(this.value)};get effectiveUseMeridiem(){return this.useMeridiem??"midday"===this.type}render(){const e=l[this.size]??l.sm;return t("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:e=>this.formField=e,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1,style:{"--sd-system-size-field-sm-height":`${e.height}px`,"--sd-system-size-field-md-height":`${e.height}px`,"--sd-system-radius-field-sm":`${e.radius}px`,"--sd-system-radius-field-md":`${e.radius}px`,"--sd-time-picker-min-width":`${e.minWidth}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}},t("div",{key:"86f2c4975ffb9ce8e9644e0e70fc9386266d6d71",class:"sd-time-picker",ref:e=>{this.triggerRef=e}},t("sd-time-picker-trigger",{key:"6df1aa71c8f94ca5191e61c79125c90ff56124d9",displayText:a(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)&&t("sd-portal",{key:"ffe406dc3b6e076fea9890ae1433bf11e2a9ca3e",open:this.isOpen,parentRef:this.triggerRef,onSdClose:()=>this.closeDropdown()},t("sd-time-picker-selector",{key:"523d6e6bb0fb8abf830d29086c7b2e48cbb5bdc9",value:this.value,useMeridiem:this.effectiveUseMeridiem,minuteStep:this.minuteStep,onSdUpdate:this.handleSelect})))}static get watchers(){return{isOpen:[{watchIsOpen:0}],value:[{valueChanged:0}]}}};n.style="sd-time-picker{display:inline-flex}sd-time-picker sd-portal{display:none}sd-time-picker .sd-time-picker{position:relative;min-width:var(--sd-time-picker-min-width);width:100%;height:100%}";export{n as sd_time_picker}