@sellmate/design-system 1.0.75 → 1.0.77

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

@@ -1 +0,0 @@
-import{r as e,c as t,h as s}from"./p-Bp7ytJz5.js";var i={default:"#888888",disabled:"#BBBBBB"},l={fontWeight:"400",fontSize:"12",lineHeight:"20"},r={default:"#222222",disabled:"#888888"},c={depth1:"12",depth2:"20",depth3:"28"},d={default:{fontWeight:"400",fontSize:"12",lineHeight:"20"},selected:{fontWeight:"700"}},o={default:"#FFFFFF",hover:"#0075FF"},h={default:"#222222",hover:"#FFFFFF",disabled:"#888888",selected:"#0075FF"},n={bg:{default:"#EFF6FF"},border:{color:"#E1E1E1",width:"1"}};const a="12",g="8",u={fontSize:l.fontSize,lineHeight:l.lineHeight,fontWeight:l.fontWeight},v={icon:{default:i.default,disabled:i.disabled},text:{default:r.default,disabled:r.disabled}},m="4",p="12",f={depth1:c.depth1,depth2:c.depth2,depth3:c.depth3},b="8",x={fontSize:d.default.fontSize,lineHeight:d.default.lineHeight,fontWeight:d.default.fontWeight,selectedFontWeight:d.selected.fontWeight},_={bg:{default:o.default,hover:o.hover},content:{default:h.default,hover:h.hover,disabled:h.disabled,selected:h.selected},depth1:{bg:n.bg.default,border:n.border.color,borderWidth:n.border.width},depth2:{bg:{middle:{bg:"#F6F6F6"}}.middle.bg}};function k(e){return e.reduce(((e,t)=>t.children?e+k(t.children):e+1),0)}function w(e,t){const s=t.toLowerCase();return e.reduce(((e,i)=>{const l=i.label.toLowerCase().includes(s);if(i.children){const s=w(i.children,t);s.length>0?e.push({...i,children:s}):l&&e.push({...i,children:[]})}else l&&e.push({...i});return e}),[])}const y=class{constructor(s){e(this,s),this.listItemClick=t(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`${f[this.depthKey]}px`}handleClick=e=>{e.stopPropagation(),!this.option.disabled&&this.isSelectable&&this.listItemClick.emit(this.option)};handleCheckboxClick=e=>{e.stopPropagation()};handleCheckboxUpdate=e=>{e.stopPropagation(),!this.option.disabled&&this.isSelectable&&this.listItemClick.emit(this.option)};render(){const e=this.isGroup,t=e&&1===this.depth,i=e&&2===this.depth,l={"--list-item-padding-y":`${m}px`,"--list-item-padding-left":this.paddingLeft,"--list-item-padding-right":`${p}px`,"--list-item-gap":`${b}px`,"--list-item-font-size":`${x.fontSize}px`,"--list-item-line-height":`${x.lineHeight}px`,"--list-item-font-weight":x.fontWeight,"--list-item-bg":t?_.depth1.bg:i?_.depth2.bg:_.bg.default,"--list-item-bg-hover":_.bg.hover,"--list-item-color":_.content.default,"--list-item-color-hover":_.content.hover,"--list-item-color-disabled":_.content.disabled,"--list-item-color-selected":_.content.selected,"--list-item-font-weight-selected":x.selectedFontWeight};return t&&(l["--list-item-border-top"]=`${_.depth1.borderWidth}px solid ${_.depth1.border}`),s("div",{key:"62974a8d1442730ca752b3fc11f151c4a5be4ad1",class:{"sd-select-v2-list-item":!0,"sd-select-v2-list-item--group":e,"sd-select-v2-list-item--depth1-group":t,"sd-select-v2-list-item--depth2-group":i,"sd-select-v2-list-item--selected":!0===this.isSelected,"sd-select-v2-list-item--indeterminate":null===this.isSelected,"sd-select-v2-list-item--focused":this.isFocused,"sd-select-v2-list-item--selectable":this.isSelectable&&!this.option.disabled,"sd-select-v2-list-item--disabled":!!this.option.disabled},style:l,onClick:this.handleClick},this.useCheckbox&&s("sd-checkbox",{key:"cf29df3617e45f3b9415b8da1beed7ba5918b8cd",value:null===this.isSelected?null:!!this.isSelected,disabled:this.option.disabled,inverse:this.isFocused&&!1!==this.isSelected,class:"sd-select-v2-list-item__checkbox",onClick:this.handleCheckboxClick,onSdUpdate:this.handleCheckboxUpdate}),s("span",{key:"478e566c74c0078ef72b90d836f67156e905bbac",class:"sd-select-v2-list-item__label"},this.option.label),this.countInfo&&s("span",{key:"0cde990cb1fff4898581c8c7d321c8669dfac226",class:"sd-select-v2-list-item__count"},"(",this.countInfo.selected,"/",this.countInfo.total,")"))}};y.style="sd-select-v2-list-item{display:block}sd-select-v2-list-item .sd-select-v2-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-v2-list-item .sd-select-v2-list-item--selectable{cursor:pointer}sd-select-v2-list-item .sd-select-v2-list-item--depth1-group{border-top:var(--list-item-border-top);font-weight:700}sd-select-v2-list-item .sd-select-v2-list-item--depth2-group{font-weight:500}sd-select-v2-list-item .sd-select-v2-list-item--focused.sd-select-v2-list-item--selectable:not(.sd-select-v2-list-item--disabled){background:var(--list-item-bg-hover);color:var(--list-item-color-hover)}sd-select-v2-list-item .sd-select-v2-list-item--selected:not(.sd-select-v2-list-item--group){font-weight:var(--list-item-font-weight-selected);color:var(--list-item-color-selected)}sd-select-v2-list-item .sd-select-v2-list-item--selected.sd-select-v2-list-item--focused{color:var(--list-item-color-hover)}sd-select-v2-list-item .sd-select-v2-list-item--disabled{color:var(--list-item-color-disabled);cursor:not-allowed}sd-select-v2-list-item .sd-select-v2-list-item__label{flex:0 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}sd-select-v2-list-item .sd-select-v2-list-item__count{flex-shrink:0;font-weight:500;color:var(--list-item-color-disabled)}sd-select-v2-list-item .sd-select-v2-list-item--group.sd-select-v2-list-item--focused .sd-select-v2-list-item__count{color:#ffffff}sd-select-v2-list-item .sd-select-v2-list-item__checkbox{flex-shrink:0}";const F=class{constructor(s){e(this,s),this.searchFilter=t(this,"sdSearchFilter",7),this.searchFocus=t(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=e=>{this.searchText=e.target.value,this.debounceTimer&&clearTimeout(this.debounceTimer),this.debounceTimer=setTimeout((()=>{this.searchFilter.emit(this.searchText)}),1e3)};handleClear=e=>{e.stopPropagation(),this.searchText="",this.debounceTimer&&clearTimeout(this.debounceTimer),this.searchFilter.emit(""),this.inputEl?.focus()};disconnectedCallback(){this.focusRafId&&cancelAnimationFrame(this.focusRafId),this.debounceTimer&&clearTimeout(this.debounceTimer)}render(){return s("div",{key:"75c6b01fbe256bca732553a27711fa7197535688",class:{"sd-select-v2-list-item-search":!0,"sd-select-v2-list-item-search--scrolled":this.isScrolled}},s("div",{key:"b66cd053b89942f3de55feecdd0eee79b863eb0d",class:"sd-select-v2-list-item-search__inner"},s("sd-icon",{key:"bed6f00452187d1087b6bb4653c04e8babeaa277",name:"search",size:16,color:"grey_70",class:"sd-select-v2-list-item-search__icon"}),s("input",{key:"4c29192547fcf9ec2563b7d843b8e77a3eb900b1",ref:e=>{this.inputEl=e},type:"text",class:"sd-select-v2-list-item-search__input",placeholder:"검색어 입력",value:this.searchText,onInput:this.handleInput,onFocus:()=>this.searchFocus.emit()}),s("button",{key:"55f94ce6eb29cec10897259b894c3460d766268e",type:"button",class:{"sd-select-v2-list-item-search__clear":!0,"sd-select-v2-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:"a7332ec5ecebf522797bb6db1fdc385c0dfa1abe",name:"close",size:12,color:"#888888"}))))}};F.style="sd-select-v2-list-item-search{display:block}sd-select-v2-list-item-search .sd-select-v2-list-item-search{padding:4px 8px;position:sticky;top:0;z-index:1;background:white}sd-select-v2-list-item-search .sd-select-v2-list-item-search--scrolled{box-shadow:0 2px 4px rgba(0, 0, 0, 0.08)}sd-select-v2-list-item-search .sd-select-v2-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-v2-list-item-search .sd-select-v2-list-item-search__inner:focus-within{border-color:#0075FF}sd-select-v2-list-item-search .sd-select-v2-list-item-search__icon{flex-shrink:0}sd-select-v2-list-item-search .sd-select-v2-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-v2-list-item-search .sd-select-v2-list-item-search__input::placeholder{color:#AAAAAA}sd-select-v2-list-item-search .sd-select-v2-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-v2-list-item-search .sd-select-v2-list-item-search__clear:hover{background:#F0F0F0}sd-select-v2-list-item-search .sd-select-v2-list-item-search__clear--hidden{visibility:hidden;pointer-events:none}";const S=class{constructor(s){e(this,s),this.optionSelect=t(this,"sdOptionSelect",7)}type="default";options=[];value=null;emitValue=!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}get showSearch(){return(this.isDepth?k(this.options):this.options.length)>=11}get filteredOptions(){if(!this.searchKeyword)return this.options;if(this.isDepth)return w(this.options,this.searchKeyword);const e=this.searchKeyword.toLowerCase();return this.options.filter((t=>t.label.toLowerCase().includes(e)))}get isEmpty(){return this.isDepth?0===k(this.filteredOptions)&&0===this.filteredOptions.length:0===this.filteredOptions.length}getSelectedValues(){return this.value&&Array.isArray(this.value)?this.emitValue?new Set(this.value):new Set(this.value.map((e=>e.value))):new Set}isOptionSelected(e){return this.isMulti?this.getSelectedValues().has(e.value):this.emitValue||null==this.value||"object"!=typeof this.value||Array.isArray(this.value)?this.value===e.value:this.value.value===e.value}getGroupSelectionState(e){if(!this.isMulti||!e.children)return!1;const t=this.getSelectedValues();if(0===t.size)return!1;const s=this.collectVisibleLeaves(e);if(0===s.length)return!1;const i=s.filter((e=>t.has(e.value))).length;return 0!==i&&(i===s.length||null)}getCountInfo(e){if(!this.isMulti||!e.children)return;const t=this.getSelectedValues(),s=this.collectVisibleLeaves(e);return{selected:s.filter((e=>t.has(e.value))).length,total:s.length}}findOriginalOption(e,t){for(const s of t){if(s.value===e)return s;if(s.children){const t=this.findOriginalOption(e,s.children);if(t)return t}}}collectLeaves(e){return e.children?e.children.flatMap((e=>this.collectLeaves(e))):[e]}collectVisibleLeaves(e){if(e.disabled)return[];if(!e.children)return[e];if(0===e.children.length){const t=this.findOriginalOption(e.value,this.options);return t?this.collectLeaves(t).filter((e=>!e.disabled)):[]}return e.children.flatMap((e=>this.collectVisibleLeaves(e)))}get navigableOptions(){const e=[],t=s=>{for(const i of s){const s=!!i.children;(!s||this.isMulti)&&!i.disabled&&e.push(i),s&&i.children&&i.children.length>0&&t(i.children)}};return t(this.filteredOptions),e}isOptionFocused(e){if(this.focusedIndex<0)return!1;const t=this.navigableOptions[this.focusedIndex];return!!t&&t.value===e.value}resetFocusOnFilter(){this.focusedIndex=this.navigableOptions.length>0?0:-1,this.suppressHover&&(document.removeEventListener("mousemove",this.releaseHoverSuppress,!0),this.suppressHover=!1)}handleSearchFilter=e=>{this.searchKeyword=e.detail};handleScroll=e=>{this.isScrolled=e.target.scrollTop>0};emitOptionSelect(e){this.optionSelect.emit({option:e,leaves:this.collectVisibleLeaves(e)})}handleOptionClick=e=>{e.stopPropagation(),this.emitOptionSelect(e.detail)};handleOptionHover=e=>{if(this.suppressHover)return;const t=this.navigableOptions.findIndex((t=>t.value===e.value));t>=0&&(this.focusedIndex=t)};releaseHoverSuppress=()=>{this.suppressHover=!1,document.removeEventListener("mousemove",this.releaseHoverSuppress,!0)};handleKeyDown=e=>{const t=this.navigableOptions;if("ArrowDown"===e.key){if(0===t.length)return;e.preventDefault(),e.stopPropagation(),this.focusedIndex=this.focusedIndex<0?0:(this.focusedIndex+1)%t.length,this.beginHoverSuppression()}else if("ArrowUp"===e.key){if(0===t.length)return;e.preventDefault(),e.stopPropagation(),this.focusedIndex=this.focusedIndex<=0?t.length-1:this.focusedIndex-1,this.beginHoverSuppression()}else if("Enter"===e.key){if(this.focusedIndex<0||this.focusedIndex>=t.length)return;e.preventDefault(),e.stopPropagation(),this.emitOptionSelect(t[this.focusedIndex])}};beginHoverSuppression(){this.suppressHover||(this.suppressHover=!0,document.addEventListener("mousemove",this.releaseHoverSuppress,!0))}scrollFocusedIntoView(){const e=this.listEl,t=e?.querySelector(".sd-select-v2-list-item--focused");if(!e||!t)return;const s=e.getBoundingClientRect(),i=t.getBoundingClientRect();i.top<s.top?e.scrollTop+=i.top-s.top:i.bottom>s.bottom&&(e.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(e,t=1){return e.map((e=>{const i=!!e.children;return[s("sd-select-v2-list-item",{option:e,depth:t,isSelected:i?this.getGroupSelectionState(e):this.isOptionSelected(e),isFocused:this.isOptionFocused(e),useCheckbox:this.isMulti,countInfo:this.getCountInfo(e),onSdListItemClick:this.handleOptionClick,onMouseEnter:()=>this.handleOptionHover(e)}),i&&e.children?this.renderOptions(e.children,t+1):null]}))}render(){return s("div",{key:"d4d80ebd565436cd929961a2f9ce50adf92c124b",class:"sd-select-v2-listbox",style:{"--listbox-trigger-width":this.triggerWidth,"--listbox-max-width":this.maxWidth,"--listbox-max-height":this.maxHeight,"--listbox-radius":"4px"}},this.showSearch&&s("sd-select-v2-list-item-search",{key:"bd549975fe6187aa7e77e718c8d2ba4a6d6e33de",isScrolled:this.isScrolled,onSdSearchFilter:this.handleSearchFilter}),s("div",{key:"4ac6a1512781942fef3e42d6ca32762962df1836",class:"sd-select-v2-listbox__list",onScroll:this.handleScroll,ref:e=>{this.listEl=e}},this.isEmpty?s("div",{class:"sd-select-v2-listbox__empty"},"표시할 항목이 없습니다."):this.isDepth?this.renderOptions(this.filteredOptions):this.filteredOptions.map((e=>s("sd-select-v2-list-item",{option:e,depth:1,isSelected:this.isOptionSelected(e),isFocused:this.isOptionFocused(e),useCheckbox:this.isMulti,onSdListItemClick:this.handleOptionClick,onMouseEnter:()=>this.handleOptionHover(e)})))))}static get watchers(){return{searchKeyword:[{resetFocusOnFilter:0}]}}};S.style=":host{display:block}:host .sd-select-v2-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-v2-listbox__list{flex:1;min-height:0;overflow-y:auto;padding-bottom:0}:host .sd-select-v2-listbox__empty{padding:12px;text-align:center;font-size:12px;line-height:20px;color:#888888}";const C=class{constructor(s){e(this,s),this.triggerClick=t(this,"sdTriggerClick",7),this.triggerFocus=t(this,"sdTriggerFocus",7),this.triggerBlur=t(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 e=!!this.displayText;return s("div",{key:"7c4f60c972c17b5954cbf0d0cc7ee38c8e6c16a3",ref:e=>{this.triggerEl=e},tabindex:this.disabled?-1:0,class:{"sd-select-v2-trigger":!0,"sd-select-v2-trigger--open":this.isOpen,"sd-select-v2-trigger--disabled":this.disabled},style:{"--trigger-padding-x":`${a}px`,"--trigger-gap":`${g}px`,"--trigger-font-size":`${u.fontSize}px`,"--trigger-line-height":`${u.lineHeight}px`,"--trigger-font-weight":u.fontWeight,"--trigger-color":this.disabled?v.text.disabled:e?v.text.default:v.icon.default,"--trigger-icon-color":this.disabled?v.icon.disabled:v.icon.default},onClick:this.handleClick,onFocus:this.handleFocus,onBlur:this.handleBlur},s("div",{key:"de5f5a44626fce29c5a83cf0a14dd03352d40b57",class:"sd-select-v2-trigger__content"},s("span",{key:"a36a013e9ef359160c2b9d24b42ee6f228aca302",class:"sd-select-v2-trigger__text"},e?this.displayText:this.placeholder),s("sd-icon",{key:"4bfcfce96fbe2008517ee26d7802d4492292faa5",name:"chevronDown",size:12,color:"var(--trigger-icon-color)",class:{"sd-select-v2-trigger__icon":!0,"sd-select-v2-trigger__icon--open":this.isOpen}})))}};C.style="sd-select-v2-trigger{display:block;width:100%;height:100%}sd-select-v2-trigger .sd-select-v2-trigger{display:flex;width:100%;height:100%;cursor:pointer;user-select:none;overflow:hidden;border-radius:3px}sd-select-v2-trigger .sd-select-v2-trigger--disabled{cursor:not-allowed}sd-select-v2-trigger .sd-select-v2-trigger__content{display:flex;align-items:center;gap:var(--trigger-gap);flex:1;padding:0 var(--trigger-padding-x);min-width:0}sd-select-v2-trigger .sd-select-v2-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-v2-trigger .sd-select-v2-trigger__icon{flex-shrink:0;transition:transform 0.2s ease}sd-select-v2-trigger .sd-select-v2-trigger__icon--open{transform:rotate(180deg)}";export{y as sd_select_v2_list_item,F as sd_select_v2_list_item_search,S as sd_select_v2_listbox,C as sd_select_v2_trigger}

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

@@ -1 +0,0 @@
-import{r as t,a as s,h as i}from"./p-Bp7ytJz5.js";import{u as a,r as e,s as o,i as n,a as d}from"./p-DRVnqiWc.js";let l=0;const r=class{constructor(s){t(this,s)}get el(){return s(this)}autoRemove=!1;entry;isVisible=!1;backdropVisible=!1;layerRef;async open(t,s){const i="modal-"+ ++l,a=this.createConfirmModal(i,t);return this.attachModalEventListeners(i,a),this.mountEntry({id:i,modalEl:a,modalRef:s,persistent:!!t.persistent,closing:!1}),i}async openLoading(t,s){const i="modal-"+ ++l,a=this.createLoadingModal(i,t);return this.attachLoadingModalEventListeners(i,a),this.mountEntry({id:i,modalEl:a,modalRef:s,persistent:!!t.persistent,closing:!1}),i}async createCustom(t,s,i){const a="modal-"+ ++l;return t.setAttribute("data-modal-id",a),t.classList.add("sd-modal-container__modal"),this.attachModalEventListeners(a,t),this.mountEntry({id:a,modalEl:t,modalRef:i,persistent:!!s.persistent,closing:!1}),a}componentDidRender(){if(!this.entry||this.entry.closing||!this.layerRef)return;if(this.entry.modalEl.isConnected)return;const{id:t,modalEl:s}=this.entry;this.layerRef.appendChild(s),this.waitForModalReady(s).then((()=>{requestAnimationFrame((()=>{this.entry&&this.entry.id===t&&!this.entry.closing&&s.isConnected&&(this.backdropVisible=!0,s.classList.add("sd-modal-container__modal--visible"))}))}))}disconnectedCallback(){this.entry?.dismissTimerId&&clearTimeout(this.entry.dismissTimerId),this.entry&&a(this.entry.id)}async dismissById(t,s){this.entry?.id===t&&this.requestDismiss(s)}async update(t,s){this.entry&&this.entry.id===t&&!this.entry.closing&&("sd-loading-modal"!==this.entry.modalEl.tagName.toLowerCase()?this.applyProps(this.entry.modalEl,s):this.applyLoadingProps(this.entry.modalEl,s))}mountEntry(t){if(this.entry)throw new Error("[sd-modal-container] This instance already manages an active modal.");this.entry=t,this.backdropVisible=!1,this.isVisible=!0,e({id:t.id,persistent:t.persistent,requestClose:()=>this.dispatchClose(),shake:()=>this.shakeModal(t.modalEl),setZIndex:t=>{this.el.style.setProperty("--sd-modal-container-z-index",String(t))}})}attachModalEventListeners(t,s){s.addEventListener("sdOk",(()=>this.requestDismiss("confirm"))),s.addEventListener("sdCancel",(()=>this.requestDismiss("cancel"))),s.addEventListener("sdClose",(()=>this.requestDismiss("close")))}attachLoadingModalEventListeners(t,s){s.addEventListener("sdClick",(()=>{this.entry?.modalRef._triggerClick?.()}))}dispatchClose(){this.entry?.modalEl.dispatchEvent(new CustomEvent("sdClose"))}requestDismiss(t){const s=this.entry;if(!s||s.closing)return;s.modalEl.classList.remove("sd-modal-container__modal--visible");const i=setTimeout((()=>{this.finalizeDismiss(s.id)}),350);o(s.id,!1),this.entry={...s,closing:!0,dismissTimerId:i},this.backdropVisible=!1,"confirm"===t?s.modalRef._triggerOk():"cancel"===t?s.modalRef._triggerCancel():"close"===t&&s.modalRef._triggerClose()}finalizeDismiss(t){const s=this.entry;s&&s.id===t&&(s.dismissTimerId&&clearTimeout(s.dismissTimerId),s.modalEl.remove(),a(t),s.modalRef._triggerDismissed(),this.entry=void 0,this.backdropVisible=!1,this.isVisible=!1,this.autoRemove&&this.el.remove())}createConfirmModal(t,s){const i=document.createElement("sd-confirm-modal");return i.setAttribute("data-modal-id",t),i.classList.add("sd-modal-container__modal"),this.applyProps(i,s),i}createLoadingModal(t,s){const i=document.createElement("sd-loading-modal");return i.setAttribute("data-modal-id",t),i.classList.add("sd-modal-container__modal"),this.applyLoadingProps(i,s),i}applyLoadingProps(t,s){this.hasOwnProp(s,"state")&&this.setAttr(t,"state",s.state),this.hasOwnProp(s,"message")&&this.setAttr(t,"message",s.message),this.hasOwnProp(s,"useButton")&&(s.useButton?t.setAttribute("use-button",""):t.removeAttribute("use-button")),this.hasOwnProp(s,"buttonLabel")&&this.setAttr(t,"button-label",s.buttonLabel),this.hasOwnProp(s,"width")&&this.setAttr(t,"width",null!=s.width?String(s.width):void 0),this.hasOwnProp(s,"height")&&this.setAttr(t,"height",null!=s.height?String(s.height):void 0)}applyProps(t,s){this.hasOwnProp(s,"type")&&this.setAttr(t,"type",s.type),this.hasOwnProp(s,"title")&&this.setAttr(t,"modal-title",s.title),this.hasOwnProp(s,"titleClass")&&this.setAttr(t,"title-class",s.titleClass),this.hasOwnProp(s,"mainButtonLabel")&&this.setAttr(t,"main-button-label",s.mainButtonLabel),this.hasOwnProp(s,"mainButtonName")&&this.setAttr(t,"main-button-name",s.mainButtonName),this.hasOwnProp(s,"subButtonLabel")&&this.setAttr(t,"sub-button-label",s.subButtonLabel),this.hasOwnProp(s,"tagPreset")&&this.setAttr(t,"tag-preset",s.tagPreset),this.hasOwnProp(s,"tagLabel")&&this.setAttr(t,"tag-label",s.tagLabel),this.hasOwnProp(s,"slotLabel")&&this.setAttr(t,"slot-label",s.slotLabel),this.hasOwnProp(s,"topMessage")&&(t.topMessage=s.topMessage??[]),this.hasOwnProp(s,"bottomMessage")&&(t.bottomMessage=s.bottomMessage??[]),this.hasOwnProp(s,"tagContents")&&(t.tagContents=s.tagContents)}handleBackdropClick=()=>{this.entry&&n(this.entry.id)&&d(this.entry.id)};shakeModal(t){const s="sd-modal-container__modal--shake";t.classList.remove(s),t.addEventListener("animationend",(()=>t.classList.remove(s)),{once:!0}),requestAnimationFrame((()=>{t.classList.add(s)}))}waitForModalReady(t){const s=t.componentOnReady;return"function"==typeof s?s.call(t).then((()=>{})):new Promise((t=>{requestAnimationFrame((()=>{requestAnimationFrame((()=>t()))}))}))}hasOwnProp(t,s){return Object.prototype.hasOwnProperty.call(t,s)}setAttr(t,s,i){null!=i&&t.setAttribute(s,i)}render(){return this.isVisible&&this.entry?i("div",{class:"sd-modal-container"},i("div",{class:"sd-modal-container__layer","data-modal-id":this.entry.id,ref:t=>{this.layerRef=t}},i("div",{class:{"sd-modal-container__backdrop":!0,"sd-modal-container__backdrop--visible":this.backdropVisible},onClick:this.handleBackdropClick}))):null}};r.style="sd-modal-container{display:block}sd-modal-container .sd-modal-container{position:fixed;inset:0;z-index:var(--sd-modal-container-z-index, 997);pointer-events:none}sd-modal-container .sd-modal-container__layer{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}sd-modal-container .sd-modal-container__backdrop{position:absolute;inset:0;background:rgba(0, 0, 0, 0.4);opacity:0;transition:opacity 0.3s ease-out;pointer-events:none}sd-modal-container .sd-modal-container__backdrop--visible{opacity:1;pointer-events:auto}sd-modal-container .sd-modal-container__modal{position:relative;z-index:1;opacity:0;transform:scale(0);pointer-events:auto;transition:opacity 0.3s ease-out, transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1)}sd-modal-container .sd-modal-container__modal--visible{opacity:1;transform:scale(1)}sd-modal-container .sd-modal-container__modal--shake{animation:modal-shake 0.3s ease-out}@keyframes modal-shake{0%,100%{transform:scale(1)}25%{transform:scale(1.03)}50%{transform:scale(0.97)}75%{transform:scale(1.01)}}";export{r as sd_modal_container}

package/dist/esm/base-dropdown-event-CRdYeSBK.js

@@ -1,89 +0,0 @@
-class DropdownManager {
-    static instance;
-    activeDropdowns = new Set();
-    static getInstance() {
-        if (!DropdownManager.instance) {
-            DropdownManager.instance = new DropdownManager();
-        }
-        return DropdownManager.instance;
-    }
-    register(component) {
-        this.activeDropdowns.add(component);
-    }
-    unregister(component) {
-        this.activeDropdowns.delete(component);
-    }
-    openDropdown(targetComponent) {
-        // 다른 모든 드롭다운 닫기
-        this.activeDropdowns.forEach(component => {
-            if (component !== targetComponent && component.isOpen) {
-                component.closeDropdown();
-            }
-        });
-    }
-    closeAllDropdowns() {
-        this.activeDropdowns.forEach(component => {
-            if (component.isOpen) {
-                component.closeDropdown();
-            }
-        });
-    }
-}
-const dropdownManager = DropdownManager.getInstance();
-
-// 여러 select를 동시에 사용할때에 이벤트 리스너의 등록이 충돌나는 문제를 해결하기 위한 Base class
-// 각 드롭다운 컴포넌트는 이 클래스를 상속 및 구현 필요
-// 기본적으로 click, keydown 추상 이벤트를 구현해야하고
-// isOpen가 true일때에만 이벤트 등록 그외에는 이벤트 클리닝을 수행
-// 추후 필요한 이벤트는 이곳에 추가하여 추가 구현 후 사용
-// 별도로 드롭다운 전용의 Base class가 아닌 공통적으로 사용할 수 있는 Base class가 필요할지 검토 필요
-class BaseDropdownEvent {
-    documentClickHandler;
-    documentKeydownHandler;
-    // 컴포넌트 생명주기에서 호출할 메서드들
-    initializeEvent() {
-        dropdownManager.register(this);
-        this.initializeEventHandlers();
-    }
-    cleanupEvent() {
-        dropdownManager.unregister(this);
-        this.cleanup();
-    }
-    initializeEventHandlers() {
-        this.documentClickHandler = (event) => this.handleDocumentClick(event);
-        this.documentKeydownHandler = (event) => this.handleDocumentKeydown(event);
-    }
-    addGlobalEventListeners() {
-        if (this.documentClickHandler) {
-            document.addEventListener('click', this.documentClickHandler);
-        }
-        if (this.documentKeydownHandler) {
-            document.addEventListener('keydown', this.documentKeydownHandler);
-        }
-    }
-    removeGlobalEventListeners() {
-        if (this.documentClickHandler) {
-            document.removeEventListener('click', this.documentClickHandler);
-        }
-        if (this.documentKeydownHandler) {
-            document.removeEventListener('keydown', this.documentKeydownHandler);
-        }
-    }
-    onDropdownToggle(isOpen) {
-        if (isOpen && !this.disabled) {
-            dropdownManager.openDropdown(this);
-            this.addGlobalEventListeners();
-        }
-        else {
-            this.removeGlobalEventListeners();
-        }
-    }
-    cleanup() {
-        this.removeGlobalEventListeners();
-    }
-    closeDropdown() {
-        this.isOpen = false;
-    }
-}
-
-export { BaseDropdownEvent as B };

package/dist/esm/sd-pagination_2.entry.js

@@ -1,424 +0,0 @@
-import { r as registerInstance, c as createEvent, h, F as Fragment, a as getElement } from './index-Bp7ytJz5.js';
-import { n as nanoid } from './index-CCwNgVmC.js';
-
-const pagination = {
-	height: "24",
-	paddingX: "6",
-	radius: "6",
-	gap: "12",
-	move: {
-		gap: "4"
-	},
-	icon: "12",
-	typography: {
-		"default": {
-			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: "500",
-			lineHeight: "20"},
-		selected: {
-			fontWeight: "700"}
-	},
-	item: {
-		bg: {
-			hover: "#EEEEEE",
-			selected: "#E6F1FF"
-		},
-		content: {
-			"default": "#555555",
-			hover: "#004290",
-			selected: "#004290"
-		}
-	}
-};
-var paginationTokens = {
-	pagination: pagination
-};
-
-const PAGINATION_LAYOUT = {
-    height: `${paginationTokens.pagination.height}px`,
-    paddingX: `${paginationTokens.pagination.paddingX}px`,
-    radius: `${paginationTokens.pagination.radius}px`,
-    gap: `${paginationTokens.pagination.gap}px`,
-    moveGap: `${paginationTokens.pagination.move.gap}px`,
-    iconSize: Number(paginationTokens.pagination.icon),
-};
-const PAGINATION_TYPOGRAPHY = {
-    fontFamily: paginationTokens.pagination.typography.default.fontFamily,
-    fontSize: `${paginationTokens.pagination.typography.default.fontSize}px`,
-    lineHeight: `${paginationTokens.pagination.typography.default.lineHeight}px`,
-    fontWeightDefault: paginationTokens.pagination.typography.default.fontWeight,
-    fontWeightSelected: paginationTokens.pagination.typography.selected.fontWeight,
-};
-const PAGINATION_COLORS = {
-    contentDefault: paginationTokens.pagination.item.content.default,
-    contentHover: paginationTokens.pagination.item.content.hover,
-    contentSelected: paginationTokens.pagination.item.content.selected,
-    bgHover: paginationTokens.pagination.item.bg.hover,
-    bgSelected: paginationTokens.pagination.item.bg.selected,
-    // TODO: 토큰 반영 후 교체 — nav 화살표 색상은 현재 토큰에 없음
-    iconDefault: '#888888',
-};
-
-const sdPaginationCss = () => `sd-pagination{display:inline-flex}.sd-pagination{display:inline-flex;align-items:center;gap:var(--sd-pagination-gap);font-family:var(--sd-pagination-font-family)}.sd-pagination__group{display:inline-flex;align-items:center;gap:var(--sd-pagination-move-gap);min-width:calc(var(--sd-pagination-height) * 2 + var(--sd-pagination-move-gap))}.sd-pagination__group--prev{justify-content:flex-end}.sd-pagination__group--next{justify-content:flex-start}.sd-pagination__numbers{display:inline-flex;align-items:center;gap:var(--sd-pagination-move-gap)}.sd-pagination__nav{display:inline-flex;align-items:center;justify-content:center;width:var(--sd-pagination-height);height:var(--sd-pagination-height);padding:0;background:transparent;border:0;border-radius:var(--sd-pagination-radius);cursor:pointer;outline:none}.sd-pagination__nav:hover{background-color:var(--sd-pagination-bg-hover)}.sd-pagination__item{display:inline-flex;align-items:center;justify-content:center;width:var(--sd-pagination-item-width);height:var(--sd-pagination-height);padding:0 var(--sd-pagination-padding-x);background:transparent;border:0;border-radius:var(--sd-pagination-radius);color:var(--sd-pagination-content);font-size:var(--sd-pagination-font-size);font-weight:var(--sd-pagination-font-weight-default);line-height:var(--sd-pagination-line-height);cursor:pointer;outline:none;box-sizing:border-box}.sd-pagination__item:hover{background-color:var(--sd-pagination-bg-hover);color:var(--sd-pagination-content-hover)}.sd-pagination__item--selected{background-color:var(--sd-pagination-bg-selected);color:var(--sd-pagination-content-selected);font-weight:var(--sd-pagination-font-weight-selected)}.sd-pagination__item--selected:hover{background-color:var(--sd-pagination-bg-selected);color:var(--sd-pagination-content-selected)}.sd-pagination__info{display:inline-flex;align-items:center;gap:var(--sd-pagination-move-gap);height:var(--sd-pagination-height);padding:0 var(--sd-pagination-padding-x);color:var(--sd-pagination-content);font-size:var(--sd-pagination-font-size);font-weight:var(--sd-pagination-font-weight-default);line-height:var(--sd-pagination-line-height)}.sd-pagination__current{color:var(--sd-pagination-content-selected);font-weight:var(--sd-pagination-font-weight-selected)}`;
-
-const PER_PAGE = 10;
-const BUTTON_WIDTH = {
-    1: 24,
-    2: 34,
-    3: 40,
-    4: 48,
-    5: 56,
-};
-const SdPagination = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.pageChange = createEvent(this, "sdPageChange", 7);
-    }
-    currentPage = 1;
-    lastPage = 1;
-    simple = false;
-    pageChange;
-    get pageNumbers() {
-        const start = Math.floor((this.currentPage - 1) / PER_PAGE) * PER_PAGE + 1;
-        const end = Math.min(start + PER_PAGE - 1, this.lastPage);
-        return Array.from({ length: end - start + 1 }, (_, i) => start + i);
-    }
-    get buttonWidth() {
-        const lastPageNum = this.pageNumbers.at(-1) ?? 1;
-        const maxPageLength = lastPageNum.toString().length;
-        return BUTTON_WIDTH[maxPageLength] || BUTTON_WIDTH[1];
-    }
-    get isFirstGroup() {
-        return this.currentPage <= PER_PAGE;
-    }
-    get isLastGroup() {
-        const startPageGroup = Math.floor((this.currentPage - 1) / PER_PAGE) * PER_PAGE + 1;
-        return startPageGroup + PER_PAGE - 1 >= this.lastPage;
-    }
-    handlePageChange = (page) => {
-        if (page < 1 || page > this.lastPage)
-            return;
-        this.currentPage = page;
-        this.pageChange.emit(page);
-    };
-    handleGroupChange = (direction) => {
-        const delta = direction === 'forward' ? PER_PAGE : -PER_PAGE;
-        const newPage = Math.min(Math.max(this.currentPage + delta, 1), this.lastPage);
-        this.handlePageChange(newPage);
-    };
-    renderNavButton(iconName, ariaLabel, onClick) {
-        return (h("button", { type: "button", class: "sd-pagination__nav", "aria-label": ariaLabel, onClick: onClick }, h("sd-icon", { name: iconName, size: PAGINATION_LAYOUT.iconSize, color: PAGINATION_COLORS.iconDefault })));
-    }
-    renderPrevButtons() {
-        if (this.simple) {
-            if (this.currentPage <= 1)
-                return null;
-            return (h(Fragment, null, this.renderNavButton('chevronLeftEnd', 'Go to first page', () => this.handlePageChange(1)), this.renderNavButton('chevronLeft', 'Go to previous page', () => this.handlePageChange(this.currentPage - 1))));
-        }
-        if (this.isFirstGroup)
-            return null;
-        return (h(Fragment, null, this.renderNavButton('chevronLeftEnd', 'Go to first page', () => this.handlePageChange(1)), this.renderNavButton('chevronLeft', 'Go to previous page group', () => this.handleGroupChange('backward'))));
-    }
-    renderNextButtons() {
-        if (this.simple) {
-            if (this.currentPage >= this.lastPage)
-                return null;
-            return (h(Fragment, null, this.renderNavButton('chevronRight', 'Go to next page', () => this.handlePageChange(this.currentPage + 1)), this.renderNavButton('chevronRightEnd', 'Go to last page', () => this.handlePageChange(this.lastPage))));
-        }
-        if (this.isLastGroup)
-            return null;
-        return (h(Fragment, null, this.renderNavButton('chevronRight', 'Go to next page group', () => this.handleGroupChange('forward')), this.renderNavButton('chevronRightEnd', 'Go to last page', () => this.handlePageChange(this.lastPage))));
-    }
-    render() {
-        const cssVars = {
-            '--sd-pagination-height': PAGINATION_LAYOUT.height,
-            '--sd-pagination-padding-x': PAGINATION_LAYOUT.paddingX,
-            '--sd-pagination-radius': PAGINATION_LAYOUT.radius,
-            '--sd-pagination-gap': PAGINATION_LAYOUT.gap,
-            '--sd-pagination-move-gap': PAGINATION_LAYOUT.moveGap,
-            '--sd-pagination-font-family': PAGINATION_TYPOGRAPHY.fontFamily,
-            '--sd-pagination-font-size': PAGINATION_TYPOGRAPHY.fontSize,
-            '--sd-pagination-line-height': PAGINATION_TYPOGRAPHY.lineHeight,
-            '--sd-pagination-font-weight-default': PAGINATION_TYPOGRAPHY.fontWeightDefault,
-            '--sd-pagination-font-weight-selected': PAGINATION_TYPOGRAPHY.fontWeightSelected,
-            '--sd-pagination-content': PAGINATION_COLORS.contentDefault,
-            '--sd-pagination-content-hover': PAGINATION_COLORS.contentHover,
-            '--sd-pagination-content-selected': PAGINATION_COLORS.contentSelected,
-            '--sd-pagination-bg-hover': PAGINATION_COLORS.bgHover,
-            '--sd-pagination-bg-selected': PAGINATION_COLORS.bgSelected,
-            '--sd-pagination-item-width': `${this.buttonWidth}px`,
-        };
-        return (h("div", { key: '386fdd2d1c0b5a7284c299201f19fd3384670ab1', class: {
-                'sd-pagination': true,
-                'sd-pagination--simple': this.simple,
-            }, style: cssVars }, h("div", { key: 'cd73997ae59f87b70c31e88fd5b4246bd6044bd0', class: "sd-pagination__group sd-pagination__group--prev" }, this.renderPrevButtons()), this.simple ? (h("div", { class: "sd-pagination__info" }, h("span", { class: "sd-pagination__current" }, this.currentPage), h("span", { class: "sd-pagination__divider" }, "/"), h("span", { class: "sd-pagination__last" }, this.lastPage))) : (h("div", { class: "sd-pagination__numbers" }, this.pageNumbers.map(n => (h("button", { type: "button", "aria-current": this.currentPage === n ? 'page' : undefined, class: {
-                'sd-pagination__item': true,
-                'sd-pagination__item--selected': this.currentPage === n,
-            }, onClick: () => this.handlePageChange(n) }, n))))), h("div", { key: '86389ea83d2965efdd938d2f9b2e2c3469f05fe8', class: "sd-pagination__group sd-pagination__group--next" }, this.renderNextButtons())));
-    }
-};
-SdPagination.style = sdPaginationCss();
-
-const sdSelectV2Css = () => `sd-select-v2{display:inline-flex}sd-select-v2 sd-portal{display:none}sd-select-v2 .sd-select-v2{position:relative;width:100%;height:100%}`;
-
-const SdSelectV2 = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.update = createEvent(this, "sdUpdate", 7);
-        this.dropDownShow = createEvent(this, "sdDropDownShow", 7);
-    }
-    static VIEWPORT_PADDING = 20;
-    static PORTAL_OFFSET_Y = 4;
-    static CLOSE_ANIMATION_DURATION = 150;
-    get el() { return getElement(this); }
-    type = 'default';
-    value = null;
-    options = [];
-    placeholder = '선택';
-    maxDropdownWidth = '640px';
-    dropdownHeight = '260px';
-    disabled = false;
-    label = '';
-    labelWidth = '';
-    addonLabel = '';
-    addonAlign = 'start';
-    error = false;
-    hint = '';
-    errorMessage = '';
-    rules = [];
-    icon = undefined;
-    labelTooltip = '';
-    labelTooltipProps = null;
-    emitValue = false;
-    width = '';
-    isOpen = false;
-    isAnimatingOut = false;
-    triggerWidth = '200px';
-    resolvedDropdownHeight = '260px';
-    resolvedMaxDropdownWidth = '640px';
-    focused = false;
-    hovered = false;
-    update;
-    dropDownShow;
-    async sdFocus() {
-        if (this.disabled)
-            return;
-        await this.triggerComponentRef?.sdFocus();
-    }
-    async sdOpen() {
-        // sdFocus 직후 호출 시 트리거 ref/레이아웃이 안정될 때까지 한 틱 대기
-        await new Promise(resolve => setTimeout(resolve, 0));
-        if (this.disabled || this.isOpen)
-            return;
-        this.prepareDropdownGeometry();
-        if (this.closeAnimationTimer)
-            clearTimeout(this.closeAnimationTimer);
-        this.isAnimatingOut = false;
-        this.isOpen = true;
-    }
-    triggerRef;
-    triggerComponentRef;
-    closeAnimationTimer;
-    name = nanoid();
-    triggerHasFocus = false;
-    watchIsOpen(newValue) {
-        this.syncFocusedState(newValue);
-        this.dropDownShow.emit({ isOpen: newValue });
-    }
-    get isMulti() {
-        return this.type === 'multi' || this.type === 'multi_depth';
-    }
-    get displayText() {
-        if (this.isMulti) {
-            if (!Array.isArray(this.value) || this.value.length === 0)
-                return '';
-            const flat = this.flattenOptions(this.options);
-            return this.value
-                .map(item => {
-                if (item != null && typeof item === 'object') {
-                    const opt = item;
-                    return opt.label ?? flat.find(o => o.value === opt.value)?.label ?? '';
-                }
-                return flat.find(o => o.value === item)?.label ?? '';
-            })
-                .filter(Boolean)
-                .join(', ');
-        }
-        if (this.value == null)
-            return '';
-        if (!this.emitValue && typeof this.value === 'object' && !Array.isArray(this.value)) {
-            return this.value.label ?? '';
-        }
-        const flat = this.flattenOptions(this.options);
-        const found = flat.find(o => o.value === this.value);
-        return found?.label ?? '';
-    }
-    flattenOptions(options) {
-        return options.flatMap(o => (o.children ? this.flattenOptions(o.children) : [o]));
-    }
-    getSelectedOptions() {
-        const val = this.value;
-        if (!val || !Array.isArray(val))
-            return [];
-        if (this.emitValue) {
-            return val
-                .map(v => this.findOriginalOption(v, this.options))
-                .filter((o) => !!o);
-        }
-        return val;
-    }
-    toMultiValue(options) {
-        return this.emitValue ? options.map(o => o.value) : options;
-    }
-    parsePixelValue(value, fallback) {
-        const parsed = Number.parseFloat(value);
-        return Number.isFinite(parsed) ? parsed : fallback;
-    }
-    updateDropdownViewportConstraints() {
-        if (!this.triggerRef)
-            return;
-        const triggerRect = this.triggerRef.getBoundingClientRect();
-        const viewportPadding = SdSelectV2.VIEWPORT_PADDING;
-        const offsetY = SdSelectV2.PORTAL_OFFSET_Y;
-        const preferredHeight = this.parsePixelValue(this.dropdownHeight, 260);
-        const preferredWidth = this.parsePixelValue(this.maxDropdownWidth, 640);
-        const availableBelow = Math.max(window.innerHeight - triggerRect.bottom - viewportPadding - offsetY, 0);
-        const availableAbove = Math.max(triggerRect.top - viewportPadding - offsetY, 0);
-        const availableHeight = Math.max(availableBelow, availableAbove);
-        const availableWidth = Math.max(window.innerWidth - viewportPadding * 2, 0);
-        this.resolvedDropdownHeight = `${Math.min(preferredHeight, availableHeight)}px`;
-        this.resolvedMaxDropdownWidth = `${Math.min(preferredWidth, availableWidth)}px`;
-    }
-    handleViewportResize = () => {
-        if (!this.isOpen)
-            return;
-        this.updateDropdownViewportConstraints();
-    };
-    findOriginalOption(value, options) {
-        for (const opt of options) {
-            if (opt.value === value)
-                return opt;
-            if (opt.children) {
-                const found = this.findOriginalOption(value, opt.children);
-                if (found)
-                    return found;
-            }
-        }
-        return undefined;
-    }
-    closeDropdown() {
-        if (!this.isOpen)
-            return;
-        this.isOpen = false;
-        this.isAnimatingOut = true;
-        if (this.closeAnimationTimer)
-            clearTimeout(this.closeAnimationTimer);
-        this.closeAnimationTimer = setTimeout(() => {
-            this.isAnimatingOut = false;
-        }, SdSelectV2.CLOSE_ANIMATION_DURATION);
-    }
-    prepareDropdownGeometry() {
-        if (this.triggerRef) {
-            this.triggerWidth = `${this.triggerRef.offsetWidth}px`;
-        }
-        this.updateDropdownViewportConstraints();
-    }
-    syncFocusedState(isOpen = this.isOpen) {
-        this.focused = isOpen || this.triggerHasFocus;
-    }
-    handleTriggerFocus = () => {
-        this.triggerHasFocus = true;
-        this.syncFocusedState();
-    };
-    handleTriggerBlur = () => {
-        this.triggerHasFocus = false;
-        this.syncFocusedState();
-    };
-    handleTriggerClick = () => {
-        if (this.isOpen) {
-            this.closeDropdown();
-            return;
-        }
-        this.prepareDropdownGeometry();
-        if (this.closeAnimationTimer)
-            clearTimeout(this.closeAnimationTimer);
-        this.isAnimatingOut = false;
-        this.isOpen = true;
-    };
-    emitUpdate(value) {
-        this.update.emit(value);
-    }
-    handleOptionSelect = (detail) => {
-        const { option, leaves } = detail;
-        if (this.isMulti) {
-            this.handleMultiSelect(option, leaves);
-        }
-        else {
-            this.closeDropdown();
-            this.value = this.emitValue ? option.value : option;
-            const nextValue = this.value;
-            requestAnimationFrame(() => {
-                this.emitUpdate(nextValue);
-            });
-        }
-    };
-    handleMultiSelect(option, leaves) {
-        const selected = this.getSelectedOptions();
-        const isGroup = !!option.children;
-        let newSelected;
-        if (isGroup) {
-            const allSelected = leaves.every(l => selected.some(s => s.value === l.value));
-            if (allSelected) {
-                const leafValues = new Set(leaves.map(l => l.value));
-                newSelected = selected.filter(s => !leafValues.has(s.value));
-            }
-            else {
-                const existing = new Set(selected.map(s => s.value));
-                const toAdd = leaves.filter(l => !existing.has(l.value));
-                newSelected = [...selected, ...toAdd];
-            }
-        }
-        else {
-            const exists = selected.some(s => s.value === option.value);
-            newSelected = exists ? selected.filter(s => s.value !== option.value) : [...selected, option];
-        }
-        this.value = this.toMultiValue(newSelected);
-        this.emitUpdate(this.value);
-    }
-    connectedCallback() {
-        window.addEventListener('resize', this.handleViewportResize);
-    }
-    disconnectedCallback() {
-        window.removeEventListener('resize', this.handleViewportResize);
-        if (this.closeAnimationTimer)
-            clearTimeout(this.closeAnimationTimer);
-    }
-    render() {
-        const portalProps = {
-            open: this.isOpen,
-            parentRef: this.triggerRef,
-            viewportPadding: SdSelectV2.VIEWPORT_PADDING,
-            onSdClose: () => {
-                this.closeDropdown();
-            },
-        };
-        return (h("sd-field", { key: '76b432c04fa0f9fca70e63e9c7d16ed768fc9dd1', name: this.name, label: this.label, labelWidth: this.labelWidth, addonLabel: this.addonLabel, addonAlign: this.addonAlign, hint: this.hint, errorMessage: this.errorMessage, width: this.width, rules: this.rules, error: this.error, disabled: this.disabled, focused: this.focused, hovered: this.hovered, icon: this.icon, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, onMouseEnter: () => {
-                this.hovered = true;
-            }, onMouseLeave: () => {
-                this.hovered = false;
-            } }, h("div", { key: 'dba3a313b7e0171a441540877aacdc7d5c2e7f04', class: "sd-select-v2", ref: el => {
-                this.triggerRef = el;
-            } }, h("sd-select-v2-trigger", { key: '7790357558f174eb70b15ed72574f738b062c479', ref: el => {
-                this.triggerComponentRef = el;
-            }, displayText: this.displayText, placeholder: this.placeholder, disabled: this.disabled, isOpen: this.isOpen, onSdTriggerClick: this.handleTriggerClick, onSdTriggerFocus: this.handleTriggerFocus, onSdTriggerBlur: this.handleTriggerBlur })), (this.isOpen || this.isAnimatingOut) && (h("sd-portal", { key: '672f3583b24e363b74d184d13866ee19a78b04d9', ...portalProps }, h("sd-select-v2-listbox", { key: 'f71d95ad06c74356e4d5ce94da7e720c002390b6', type: this.type, options: this.options, value: this.value, emitValue: this.emitValue, triggerWidth: this.triggerWidth, maxWidth: this.resolvedMaxDropdownWidth, maxHeight: this.resolvedDropdownHeight, onSdOptionSelect: event => this.handleOptionSelect(event.detail) })))));
-    }
-    static get watchers() { return {
-        "isOpen": [{
-                "watchIsOpen": 0
-            }]
-    }; }
-};
-SdSelectV2.style = sdSelectV2Css();
-
-export { SdPagination as sd_pagination, SdSelectV2 as sd_select_v2 };

package/dist/esm/sd-progress.entry.js

@@ -1,61 +0,0 @@
-import { r as registerInstance, h } from './index-Bp7ytJz5.js';
-
-const sdProgressCss = () => `sd-progress{display:block}sd-progress .sd-progress__bar{position:relative;width:100%;height:20px;overflow:hidden;border-radius:4px;background-color:#EEEEEE;text-align:center}sd-progress .sd-progress__bar__percent{width:var(--progress-percentage);height:100%;border-radius:4px;background-color:var(--progress-color, #0075FF);transition:all 0.5s}sd-progress .sd-progress__bar__percent.proceed{border-top-right-radius:50%}sd-progress .sd-progress__bar__indicator{position:absolute;left:0;top:0;height:20px;width:100%;background-color:#EEEEEE;font-size:12px;font-weight:700;line-height:20px;z-index:1}sd-progress .sd-progress__bar__indicator--left{color:var(--progress-color, #0075FF);clip-path:inset(0 0 0 var(--progress-percentage))}sd-progress .sd-progress__bar__indicator--right{color:white;background-color:var(--progress-color, #0075FF);clip-path:inset(0 calc(100% - var(--progress-percentage)) 0 0)}sd-progress .sd-progress__spinner{display:flex;flex-direction:column;align-items:center;justify-content:center}sd-progress .sd-progress__spinner svg{transform:rotate(-90deg)}sd-progress .sd-progress__spinner__label{margin-top:8px;font-size:16px;color:var(--progress-color, #0075FF)}sd-progress .sd-progress__label{margin-top:4px;font-size:12px;color:#222222;text-align:center}`;
-
-const SdProgress = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    type = 'bar';
-    error = false;
-    percentage = 0;
-    size = 80;
-    strokeWidth = 12;
-    label;
-    statusColor = {
-        default: '#aaaaaa',
-        progress: '#0075ff',
-        complete: '#12B553',
-        error: '#FB4444',
-    };
-    get progressPercentage() {
-        if (this.error)
-            return 100;
-        return this.percentage;
-    }
-    get progressStatus() {
-        if (this.error)
-            return 'error';
-        switch (this.percentage) {
-            case 100:
-                return 'complete';
-            case 0:
-                return 'default';
-            default:
-                return 'progress';
-        }
-    }
-    get progressColor() {
-        return this.statusColor[this.progressStatus];
-    }
-    render() {
-        return (h("div", { key: '34c1ecf23c120f53595529004ed3d6818896e816', style: {
-                '--progress-color': this.progressColor,
-                '--progress-percentage': `${this.progressPercentage}%`,
-            } }, this.type === 'bar' ? this.renderBarProgress() : this.renderSpinnerProgress(), this.label && h("div", { key: '29461b9428416262c10b1917eaee4e0091d290dc', class: "sd-progress__label" }, this.label)));
-    }
-    renderBarProgress() {
-        return (h("div", { class: `sd-progress__bar sd-progress__bar--${this.progressStatus}` }, h("div", { class: ['sd-progress__bar__percent', this.progressPercentage < 100 ? 'proceed' : ''].join(' ') }), h("div", { class: "sd-progress__bar__indicator sd-progress__bar__indicator--left" }, this.progressPercentage, "%"), h("div", { class: "sd-progress__bar__indicator sd-progress__bar__indicator--right" }, this.progressPercentage, "%")));
-    }
-    renderSpinnerProgress() {
-        const radius = (this.size - this.strokeWidth) / 2; // 원의 반지름
-        const circumference = 2 * Math.PI * radius; // 원의 둘레
-        const offset = circumference - (this.progressPercentage / 100) * circumference; // 진행률에 따른 offset
-        const progressBgSize = `${this.size}px`;
-        const progressSize = `${this.size / 2}px`;
-        return (h("div", { class: `sd-progress__spinner sd-progress__spinner--${this.progressStatus}` }, h("svg", { width: progressBgSize, height: progressBgSize }, h("circle", { cx: progressSize, cy: progressSize, r: radius, stroke: "#EEEEEE", "stroke-width": this.strokeWidth, fill: "transparent" }), h("circle", { cx: progressSize, cy: progressSize, r: radius, stroke: this.progressColor, "stroke-width": this.strokeWidth, fill: "transparent", "stroke-dasharray": circumference, "stroke-dashoffset": offset, "stroke-linecap": "round", class: "transition-all duration-500" })), h("strong", { class: "sd-progress__spinner__label" }, this.progressPercentage, " %")));
-    }
-};
-SdProgress.style = sdProgressCss();
-
-export { SdProgress as sd_progress };