@sellmate/design-system 0.0.30 → 0.0.32

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

@@ -0,0 +1,2 @@
+import{r as e,c as t,a as s,h as i,H as l,F as o}from"./p-B2T3tS5r.js";import{B as r,S as n}from"./p-C2JaR3A6.js";const p=".sd-select-multiple-group__dropdown{overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.sd-select-multiple-group__dropdown::-webkit-scrollbar{opacity:0;background:#e5e5e5}.sd-select-multiple-group__dropdown::-webkit-scrollbar:horizontal{height:8px}.sd-select-multiple-group__dropdown::-webkit-scrollbar:vertical{width:8px}.sd-select-multiple-group__dropdown::-webkit-scrollbar-thumb{height:80px;background-color:#cccccc;border-radius:4px}.sd-select-multiple-group__dropdown::-webkit-scrollbar-track{background-color:transparent}sd-select-multiple-group{display:inline-block;height:fit-content}sd-select-multiple-group .sd-select-multiple-group{display:flex;flex-wrap:nowrap;width:var(--select-width, 200px);cursor:pointer;user-select:none;border:1px solid #aaaaaa;border-radius:4px;background-color:white;color:#333333}sd-select-multiple-group .sd-select-multiple-group:hover:not(.sd-select-multiple-group--disabled){background:#f6f6f6}sd-select-multiple-group .sd-select-multiple-group.sd-select-multiple-group--disabled{cursor:not-allowed;background-color:#eeeeee;border-color:#cccccc}sd-select-multiple-group .sd-select-multiple-group.sd-select-multiple-group--disabled .sd-select-multiple-group__label{border-right:1px solid #cccccc}sd-select-multiple-group .sd-select-multiple-group.sd-select-multiple-group--disabled .sd-select-multiple-group__trigger{color:#888888}sd-select-multiple-group .sd-select-multiple-group.sd-select-multiple-group--disabled .sd-select-multiple-group__trigger:focus,sd-select-multiple-group .sd-select-multiple-group.sd-select-multiple-group--disabled .sd-select-multiple-group__trigger:focus-visible,sd-select-multiple-group .sd-select-multiple-group.sd-select-multiple-group--disabled .sd-select-multiple-group__trigger:focus-within{outline:none !important}sd-select-multiple-group .sd-select-multiple-group__label{font-size:12px;font-weight:500;color:#333333;padding:4px 12px;border-right:1px solid #cccccc;border-radius:4px 0 0 4px;background-color:#f6f6f6}sd-select-multiple-group .sd-select-multiple-group__container{position:relative;width:100%;display:flex}sd-select-multiple-group .sd-select-multiple-group__container .sd-select-multiple-group__trigger{padding:4px 20px 4px 12px;display:flex;width:100%;align-items:center}sd-select-multiple-group .sd-select-multiple-group__container .sd-select-multiple-group__trigger .sd-select-multiple-group__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px;font-size:12px;font-weight:400}sd-select-multiple-group .sd-select-multiple-group__container .sd-select-multiple-group__trigger .sd-select-multiple-group__clear{margin:0 4px;width:8px;height:8px;background-color:transparent;outline:none;border:none}sd-select-multiple-group .sd-select-multiple-group__container .sd-select-multiple-group__arrow{position:absolute;top:8px;right:8px;width:12px;height:12px;color:#888888;transition:transform 0.3s ease}sd-select-multiple-group .sd-select-multiple-group__container .sd-select-multiple-group__arrow--open{transform:rotate(180deg)}.sd-select-multiple-group__dropdown{width:var(--select-width, 200px);max-height:var(--select-dropdown-height, 260px);padding-bottom:2px;background-color:white;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.1);border-radius:4px;overflow-y:auto;color:#333333}.sd-select-multiple-group__dropdown .sd-select-multiple-group__search-container{position:sticky;top:0;display:flex;width:100%;background-color:white;align-items:center;padding:4px 8px}.sd-select-multiple-group__dropdown .sd-select-multiple-group__search-container sd-input{width:100%}.sd-select-multiple-group__dropdown .sd-select-multiple-group__search-container--scrolled{box-shadow:2px 2px 8px 2px rgba(0, 0, 0, 0.2)}.sd-select-multiple-group__dropdown .sd-select-multiple-group__option-placeholder{padding:4px 12px;font-size:12px;line-height:20px}";const c=class extends r{constructor(s){super();e(this,s);this.sdChange=t(this,"sdChange");this.dropDownShow=t(this,"dropDownShow")}get el(){return s(this)}value=null;label="";options=[];placeholder="선택";optionPlaceholder="옵션이 없습니다.";width="200px";dropdownHeight="260px";disabled=false;clearable=false;searchable=false;useCheckbox=false;useAll=false;containerStyle={};triggerStyle={};dropdownStyle={};optionStyle={};labelStyle={};optionRenderer;filteredOptions=this.options;isOpen=false;searchText=null;itemIndex=-1;isScrolled=false;sdChange;dropDownShow;selectRef;searchRef;optionRef;dropdownRef;valueChanged(){this.sdChange?.emit(this.value)}optionsChanged(){this.filteredOptions=this.options;this.filterOptions()}searchTextChanged(){this.filterOptions()}async itemIndexChanged(e,t){if(this.searchable){const e=await this.getNativeInputElement();if(this.itemIndex===-1){e?.focus();return}else if(e?.matches(":focus")){e?.blur()}}const s=Array.from(this.dropdownRef?.querySelectorAll(".sd-select-multiple-group__dropdown sd-select-option-group")||[]);const i=s?.[this.itemIndex];if(!i||!this.isOpen)return;this.optionRef=i;const l=await this.optionRef.isDisabled();if(l){e>t?this.itemIndex++:this.itemIndex--;return}this.scrollToOption(i)}async isOpenChanged(){this.onDropdownToggle(this.isOpen);const e=this.getSelectedOption();if(!e){this.itemIndex=-1}else{this.itemIndex=this.options.indexOf(e[0])}this.dropDownShow?.emit({isOpen:this.isOpen});if(this.isOpen===false)return;await new Promise((e=>setTimeout(e,10)));const t=Array.from(this.dropdownRef?.querySelectorAll(".sd-select-multiple__dropdown sd-select-item")||[]);const s=t?.[this.itemIndex];if(this.searchable){const e=await this.getNativeInputElement();e?.focus()}if(!s)return;await new Promise((e=>setTimeout(e,10)));this.scrollToOption(s)}componentWillLoad(){this.filteredOptions=this.options;this.initializeEvent()}disconnectedCallback(){this.cleanupEvent()}handleDocumentClick(e){if(!this.selectRef?.contains(e.target)){this.isOpen=false}}handleDocumentKeydown(e){e.stopPropagation();const t=["ArrowDown","ArrowUp","Enter","Escape"];if(!t.includes(e.key))return;e.preventDefault();switch(e.key){case"ArrowDown":case"ArrowUp":const t=new n(this.searchable,this.filteredOptions);const s=t.getNextIndex(this.itemIndex,e.key);this.itemIndex=s;break;case"Enter":const i=this.filteredOptions[this.itemIndex];if(i&&!i.disabled){this.handleOptionSelection(i)}break;case"Escape":this.isOpen=false;break}}handleTriggerClick=e=>{e.stopPropagation();if(!this.disabled){this.isOpen=!this.isOpen;this.dropDownShow?.emit({isOpen:this.isOpen})}};handleAllOptionClick=e=>{if(e.isSelected){this.value=[]}else{this.value=[...this.filteredOptions.filter((e=>e.type==="item"&&!e.disabled))]}};handleOptionClick=e=>{const{option:t,event:s}=e;s.stopPropagation();if(t.type==="group")this.handleGroupOptionClick(e);if(t.type==="subgroup")this.handleSubGroupOptionClick(e);if(t.type==="item")this.handleOptionSelection(t)};handleGroupOptionClick=e=>{const{option:t,isSelected:s}=e;const i=this.filteredOptions.filter((e=>e.parent===t.value&&!e.disabled));i.forEach((e=>{this.handleSubGroupOptionClick({option:e,isSelected:s||s===null})}))};handleSubGroupOptionClick=e=>{const{option:t,isSelected:s}=e;const i=this.filteredOptions.filter((e=>e.parent===t.value&&!e.disabled));if(s||s===null){this.value=this.value?.filter((e=>!i.some((t=>t.value===e.value))))||null}else{const e=i.filter((e=>!this.value?.some((t=>t.value===e.value))));this.value=[...this.value||[],...e]}};filterOptions(){if(!this.searchText||this.searchText.trim()===""){this.filteredOptions=this.options;return}const e=this.searchText.toLowerCase();const t=new Set;this.options.forEach((s=>{if(s.label.toLowerCase().includes(e)){t.add(s);this.addParentGroups(s,t)}}));this.filteredOptions=this.options.filter((e=>t.has(e)))}addParentGroups(e,t){if(!e.parent)return;const s=this.options.find((t=>t.value===e.parent));if(s&&!t.has(s)){t.add(s);this.addParentGroups(s,t)}}getSelectedOption(){return this.options.filter((e=>this.value?.includes(e)))}handleDropdownScroll=e=>{const t=e.target;const s=t.scrollTop;this.isScrolled=s>0};async getNativeInputElement(){if(this.searchRef){return this.searchRef.getNativeElement()}return null}handleOptionSelection=e=>{if(!e||e.disabled)return;const t=this.value?.some((t=>t.value===e.value));if(t){this.value=this.value?.filter((t=>t.value!==e.value))||null}else{this.value=[...this.value||[],e]}};getAllItemsUnderOption(e){const t=this.filteredOptions.filter((t=>t.parent===e.value&&!t.disabled));if(e.type==="group"){const e=t.filter((e=>e.type==="subgroup"));const s=[];e.forEach((e=>{const t=this.filteredOptions.filter((t=>t.parent===e.value&&t.type==="item"&&!t.disabled));s.push(...t)}));const i=t.filter((e=>e.type==="item"));s.push(...i);return s}return t.filter((e=>e.type==="item"))}isAllChildrenSelected(e){const t=this.getAllItemsUnderOption(e);if(t.length===0)return false;const s=t.filter((e=>this.value?.some((t=>t.value===e.value))));if(s.length===t.length)return true;if(s.length>0)return null;return false}getChildrenOptions(e){if(e.type==="group"){const t=this.getAllItemsUnderOption(e);const s=t.filter((e=>this.value?.some((t=>t.value===e.value))));return{selectedCount:s.length,totalCount:t.length}}const t=this.filteredOptions.filter((t=>t.parent===e.value));return{selectedCount:t.filter((e=>this.value?.some((t=>t.value===e.value)))).length,totalCount:t.length}}isAllOptionsSelected(){const e=this.getSelectedOption();return e.length===this.options.filter((e=>!e.disabled&&e.type==="item")).length}getTriggerLabel(){const e=this.getSelectedOption();if(!e)return"선택";if(e.length===0)return this.placeholder;const t=this.isAllOptionsSelected();return t?"전체":e.map((e=>e.label)).join(", ")}closeDropdown(){this.isOpen=false}scrollToOption(e){if(!this.dropdownRef||!e)return;const t=this.dropdownRef;const s=e.offsetTop;const i=e.offsetHeight;const l=t.scrollTop;const o=t.clientHeight;const r=t.querySelector(".sd-select__search-container");const n=r?r.offsetHeight:0;const p=l+n;const c=l+o;if(s<p){t.scrollTop=s-n}else if(s+i>c){t.scrollTop=s+i-o+n}}render(){const e={"--select-width":this.width||"200px","--select-dropdown-height":this.dropdownHeight||"260px"};return i(l,{key:"825a5e69af88a908c41c0c82bfb5fed4afeb9f5f",style:e},i("div",{key:"81827e04db3de7194162594db4d918b37e7bd3a2",class:{"sd-select-multiple-group":true,"sd-select-multiple-group--open":this.isOpen,"sd-select-multiple-group--disabled":this.disabled},style:this.containerStyle,ref:e=>this.selectRef=e},this.renderLabel(this.label,this.labelStyle),i("div",{key:"23be24a0f971270b3e449cad4f56699f65716fb0",class:"sd-select-multiple-group__container"},this.renderTrigger(),this.renderDropdown())))}renderLabel(e,t){if(!e)return null;return i("label",{class:"sd-select-multiple-group__label",style:t},e)}renderTrigger(){const e=this.getSelectedOption();return i("div",{class:"sd-select-multiple-group__trigger",tabindex:this.disabled?-1:0,onClick:this.handleTriggerClick,style:this.triggerStyle},i("span",{class:"sd-select-multiple-group__value"},this.getTriggerLabel()),this.clearable&&e?.length>0&&!this.disabled&&i("sd-icon",{key:"close-icon",name:"close",size:10,color:"#888",class:"sd-select-multiple-group__clear",onClick:e=>{e.stopPropagation();this.value=null}}),i("sd-icon",{key:"arrow-icon",name:"arrowDown",color:"#888",class:{"sd-select-multiple-group__arrow":true,"sd-select-multiple-group__arrow--open":this.isOpen}}))}renderDropdown(){const e={"--select-width":this.width||"200px","--select-dropdown-height":this.dropdownHeight||"260px"};if(this.isOpen===false)return null;return i("sd-portal",{open:this.isOpen,parentRef:this.selectRef,onSdClose:this.closeDropdown},i("div",{class:"sd-select-multiple-group__dropdown",style:{...e,...this.dropdownStyle},onScroll:this.handleDropdownScroll,ref:e=>this.dropdownRef=e},this.searchable&&i("div",{class:{"sd-select-multiple-group__search-container":true,"sd-select-multiple-group__search-container--scrolled":this.isScrolled},onClick:e=>e.stopPropagation()},i("sd-input",{ref:e=>this.searchRef=e,value:this.searchText,placeholder:"검색",clearable:true,inputStyle:{"padding-left":"8px"},autofocus:true,onSdInput:e=>{this.searchText=String(e?.detail)},onSdFocus:()=>{this.itemIndex=-1},onKeyDown:e=>{if(e.code==="Enter")e.stopPropagation()}},i("sd-icon",{name:"search",size:16,color:"#737373",slot:"prefix"}))),this.filteredOptions.length>0?i(o,null,this.useAll&&i("sd-select-option-group",{option:{label:"전체 선택",value:"all",type:"all"},index:0,isSelected:this.value?.length===this.options.filter((e=>!e.disabled&&e.type==="item")).length,isFocused:this.itemIndex===0,optionStyle:this.optionStyle,onOptionClick:({detail:e})=>this.handleAllOptionClick(e),useCheckbox:this.useCheckbox,useIndicator:false}),this.filteredOptions.map(((e,t)=>i("slot",{name:`option-${e.value}`},i("sd-select-option-group",{option:e,index:t,isSelected:e.type==="item"?this.value?.some((t=>t.value===e.value)):this.isAllChildrenSelected(e),isFocused:t===this.itemIndex,optionStyle:this.optionStyle,onOptionClick:({detail:t})=>{if(e.type!=="item"&&!this.useCheckbox){return}this.handleOptionClick(t)},useCheckbox:this.useCheckbox,...e.type!=="item"&&{countInfo:this.getChildrenOptions(e)}}))))):i("slot",{name:"option-placeholder"},i("div",{class:"sd-select-multiple-group__option-placeholder",style:this.optionStyle},this.optionPlaceholder))))}static get watchers(){return{value:["valueChanged"],options:["optionsChanged"],searchText:["searchTextChanged"],itemIndex:["itemIndexChanged"],isOpen:["isOpenChanged"]}}};c.style=p;export{c as sd_select_multiple_group};
+//# sourceMappingURL=p-93569289.entry.js.map

package/dist/design-system/p-93569289.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["registerInstance","createEvent","getElement","h","Host","Fragment","BaseDropdownEvent","SelectKeyboardNavigation","sdSelectMultipleGroupCss","SdSelectMultipleGroup","constructor","hostRef","super","this","sdChange","dropDownShow","el","value","label","options","placeholder","optionPlaceholder","width","dropdownHeight","disabled","clearable","searchable","useCheckbox","useAll","containerStyle","triggerStyle","dropdownStyle","optionStyle","labelStyle","optionRenderer","filteredOptions","isOpen","searchText","itemIndex","isScrolled","selectRef","searchRef","optionRef","dropdownRef","valueChanged","emit","optionsChanged","filterOptions","searchTextChanged","itemIndexChanged","newIndex","oldIndex","searchInput","getNativeInputElement","focus","matches","blur","optionElements","Array","from","querySelectorAll","currentItem","isOptionDisabled","isDisabled","scrollToOption","isOpenChanged","onDropdownToggle","selectedOption","getSelectedOption","indexOf","Promise","resolve","setTimeout","componentWillLoad","initializeEvent","disconnectedCallback","cleanupEvent","handleDocumentClick","event","contains","target","handleDocumentKeydown","keyboardEvent","stopPropagation","targetKey","includes","key","preventDefault","keyboardNavigation","nextIndex","getNextIndex","handleOptionSelection","handleTriggerClick","handleAllOptionClick","detail","isSelected","filter","opt","type","handleOptionClick","option","handleGroupOptionClick","handleSubGroupOptionClick","childOptions","parent","forEach","subgroup","selected","some","child","newSelections","trim","searchTerm","toLowerCase","matchedOptions","Set","add","addParentGroups","has","matchedSet","parentOption","find","handleDropdownScroll","scrollTop","getNativeElement","isAlreadySelected","getAllItemsUnderOption","subgroupOptions","allItemsUnderGroup","itemsUnderSubgroup","push","directItems","isAllChildrenSelected","groupOption","allItems","length","selectedItems","item","getChildrenOptions","selectedCount","totalCount","children","val","isAllOptionsSelected","getTriggerLabel","isAllChecked","map","join","closeDropdown","optionElement","dropdown","optionTop","offsetTop","optionHeight","offsetHeight","dropdownScrollTop","clientHeight","searchContainer","querySelector","searchOffset","visibleTop","visibleBottom","render","style","class","ref","renderLabel","renderTrigger","renderDropdown","tabindex","onClick","name","size","color","open","parentRef","onSdClose","onScroll","inputStyle","autofocus","onSdInput","String","onSdFocus","onKeyDown","e","code","slot","index","isFocused","onOptionClick","useIndicator","countInfo","watchers"],"sources":["0"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r,h as s,H as e}from"./p-B2T3tS5r.js";const o="sd-progress{display:block}sd-progress .sd-progress__bar{position:relative;width:360px;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;line-height:21px;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 t=class{constructor(s){r(this,s)}type="bar";status="default";percentage=0;size=80;strokeWidth=12;label;statusColor={default:"#aaaaaa",progress:"#0075ff",complete:"#12B553",error:"#FB4444"};render(){return s(e,{key:"2e2f7cf77bbc63dfb15910a3bc50ac45601020cd",style:{"--progress-color":this.statusColor[this.status],"--progress-percentage":`${this.percentage}%`}},this.type==="bar"?this.renderBarProgress():this.renderSpinnerProgress(),this.label&&s("div",{key:"3e72a490e148886c59345e5ac3161f760e0f4e85",class:"sd-progress__label"},this.label))}renderBarProgress(){return s("div",{class:`sd-progress__bar sd-progress__bar--${this.status}`},s("div",{class:["sd-progress__bar__percent",this.percentage<100?"proceed":""].join(" ")}),s("div",{class:"sd-progress__bar__indicator sd-progress__bar__indicator--left"},this.percentage,"%"),s("div",{class:"sd-progress__bar__indicator sd-progress__bar__indicator--right"},this.percentage,"%"))}renderSpinnerProgress(){const r=(this.size-this.strokeWidth)/2;const e=2*Math.PI*r;const o=e-this.percentage/100*e;const t=`${this.size}px`;const i=`${this.size/2}px`;return s("div",{class:`sd-progress__spinner sd-progress__spinner--${this.status}`},s("svg",{width:t,height:t},s("circle",{cx:i,cy:i,r,stroke:"#EEEEEE","stroke-width":this.strokeWidth,fill:"transparent"}),s("circle",{cx:i,cy:i,r,stroke:this.statusColor[this.status],"stroke-width":this.strokeWidth,fill:"transparent","stroke-dasharray":e,"stroke-dashoffset":o,"stroke-linecap":"round",class:"transition-all duration-500"})),s("strong",{class:"sd-progress__spinner__label"},this.percentage," %"))}};t.style=o;export{t as sd_progress};
+//# sourceMappingURL=p-ac7dbf3c.entry.js.map

package/dist/design-system/p-ac7dbf3c.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["registerInstance","h","Host","sdProgressCss","SdProgress","constructor","hostRef","this","type","status","percentage","size","strokeWidth","label","statusColor","default","progress","complete","error","render","key","style","renderBarProgress","renderSpinnerProgress","class","join","radius","circumference","Math","PI","offset","progressBgSize","progressSize","width","height","cx","cy","r","stroke","fill"],"sources":["0"],"mappings":"OAAcA,OAAkBC,OAAQC,MAAY,kBAEpD,MAAMC,EAAgB,muCAEtB,MAAMC,EAAa,MACf,WAAAC,CAAYC,GACRN,EAAiBO,KAAMD,EAC3B,CACAE,KAAO,MACPC,OAAS,UACTC,WAAa,EACbC,KAAO,GACPC,YAAc,GACdC,MACAC,YAAc,CACVC,QAAS,UACTC,SAAU,UACVC,SAAU,UACVC,MAAO,WAEX,MAAAC,GACI,OAAQlB,EAAEC,EAAM,CAAEkB,IAAK,2CAA4CC,MAAO,CAClE,mBAAoBd,KAAKO,YAAYP,KAAKE,QAC1C,wBAAyB,GAAGF,KAAKG,gBAChCH,KAAKC,OAAS,MAAQD,KAAKe,oBAAsBf,KAAKgB,wBAAyBhB,KAAKM,OAASZ,EAAE,MAAO,CAAEmB,IAAK,2CAA4CI,MAAO,sBAAwBjB,KAAKM,OAC1M,CACA,iBAAAS,GACI,OAAQrB,EAAE,MAAO,CAAEuB,MAAO,sCAAsCjB,KAAKE,UAAYR,EAAE,MAAO,CAAEuB,MAAO,CAAC,4BAA6BjB,KAAKG,WAAa,IAAM,UAAY,IAAIe,KAAK,OAASxB,EAAE,MAAO,CAAEuB,MAAO,iEAAmEjB,KAAKG,WAAY,KAAMT,EAAE,MAAO,CAAEuB,MAAO,kEAAoEjB,KAAKG,WAAY,KAC9Y,CACA,qBAAAa,GACI,MAAMG,GAAUnB,KAAKI,KAAOJ,KAAKK,aAAe,EAChD,MAAMe,EAAgB,EAAIC,KAAKC,GAAKH,EACpC,MAAMI,EAASH,EAAiBpB,KAAKG,WAAa,IAAOiB,EACzD,MAAMI,EAAiB,GAAGxB,KAAKI,SAC/B,MAAMqB,EAAe,GAAGzB,KAAKI,KAAO,MACpC,OAAQV,EAAE,MAAO,CAAEuB,MAAO,8CAA8CjB,KAAKE,UAAYR,EAAE,MAAO,CAAEgC,MAAOF,EAAgBG,OAAQH,GAAkB9B,EAAE,SAAU,CAAEkC,GAAIH,EAAcI,GAAIJ,EAAcK,EAAWC,OAAQ,UAAW,eAAgB/B,KAAKK,YAAa2B,KAAM,gBAAkBtC,EAAE,SAAU,CAAEkC,GAAIH,EAAcI,GAAIJ,EAAcK,EAAWC,OAAQ/B,KAAKO,YAAYP,KAAKE,QAAS,eAAgBF,KAAKK,YAAa2B,KAAM,cAAe,mBAAoBZ,EAAe,oBAAqBG,EAAQ,iBAAkB,QAASN,MAAO,iCAAmCvB,EAAE,SAAU,CAAEuB,MAAO,+BAAiCjB,KAAKG,WAAY,MAC1oB,GAEJN,EAAWiB,MAAQlB,SAEVC","ignoreList":[]}

package/dist/design-system/{p-e2a11135.entry.js → p-e9800353.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,a as s,h as i,H as l}from"./p-B2T3tS5r.js";import{B as o,S as r}from"./p-C2JaR3A6.js";const c=".sd-select-multiple__dropdown{overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.sd-select-multiple__dropdown::-webkit-scrollbar{opacity:0;background:#e5e5e5}.sd-select-multiple__dropdown::-webkit-scrollbar:horizontal{height:8px}.sd-select-multiple__dropdown::-webkit-scrollbar:vertical{width:8px}.sd-select-multiple__dropdown::-webkit-scrollbar-thumb{height:80px;background-color:#cccccc;border-radius:4px}.sd-select-multiple__dropdown::-webkit-scrollbar-track{background-color:transparent}:host{display:inline-block;height:fit-content;position:relative}.sd-select-multiple{display:flex;flex-wrap:nowrap;width:var(--select-width, 200px);height:28px;cursor:pointer;user-select:none;border:1px solid #aaaaaa;border-radius:4px;background-color:white}.sd-select-multiple:hover:not(.sd-select-multiple--disabled){background:#f6f6f6}.sd-select-multiple.sd-select-multiple--disabled{cursor:not-allowed;background-color:#eeeeee;border-color:#cccccc}.sd-select-multiple.sd-select-multiple--disabled .sd-select-multiple__label{border-right:1px solid #cccccc}.sd-select-multiple.sd-select-multiple--disabled .sd-select-multiple__trigger{color:#888888}.sd-select-multiple.sd-select-multiple--disabled .sd-select-multiple__trigger:focus,.sd-select-multiple.sd-select-multiple--disabled .sd-select-multiple__trigger:focus-visible,.sd-select-multiple.sd-select-multiple--disabled .sd-select-multiple__trigger:focus-within{outline:none !important}.sd-select-multiple__label{font-size:12px;font-weight:500;color:#333333;padding:4px 12px;border-right:1px solid #cccccc;border-radius:4px 0 0 4px;background-color:#f6f6f6}.sd-select-multiple__container{position:relative;width:100%;display:flex}.sd-select-multiple__container .sd-select-multiple__trigger{padding:4px 20px 4px 12px;display:flex;width:100%;align-items:center}.sd-select-multiple__container .sd-select-multiple__trigger .sd-select-multiple__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px;font-size:12px;font-weight:400}.sd-select-multiple__container .sd-select-multiple__trigger .sd-select-multiple__clear{margin:0 4px;width:8px;height:8px;background-color:transparent;outline:none;border:none}.sd-select-multiple__container .sd-select-multiple__arrow{position:absolute;top:8px;right:8px;width:12px;height:12px;color:#888888;transition:transform 0.3s ease}.sd-select-multiple__container .sd-select-multiple__arrow--open{transform:rotate(180deg)}.sd-select-multiple__dropdown{width:var(--select-dropdown-width, 200px);max-height:var(--select-dropdown-height, 260px);padding-bottom:2px;background-color:white;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.1);border-radius:4px;overflow-y:auto;color:#333333}.sd-select-multiple__dropdown .sd-select-multiple__search-container{position:sticky;top:0;display:flex;width:100%;background-color:white;align-items:center;padding:4px 8px;z-index:1}.sd-select-multiple__dropdown .sd-select-multiple__search-container--scrolled{box-shadow:2px 2px 8px 2px rgba(0, 0, 0, 0.2)}.sd-select-multiple__dropdown .sd-select-multiple__option-placeholder{padding:4px 12px;font-size:12px;line-height:20px;text-align:left}";const n=class extends o{constructor(s){super();e(this,s);this.sdChange=t(this,"sdChange");this.dropDownShow=t(this,"dropDownShow")}get el(){return s(this)}value=null;label="";options=[];placeholder="선택";optionPlaceholder="옵션이 없습니다.";width="200px";dropdownHeight="260px";disabled=false;clearable=false;searchable=false;useCheckbox=false;optionRenderer;filteredOptions=this.options;isOpen=false;searchText=null;itemIndex=-1;isScrolled=false;sdChange;dropDownShow;selectRef;searchRef;optionRef;dropdownRef;valueChanged(){this.sdChange?.emit(this.value)}optionsChanged(){this.filteredOptions=this.options;this.filterOptions()}searchTextChanged(){this.filterOptions()}async itemIndexChanged(e,t){if(this.searchable){const e=await this.getNativeInputElement();if(this.itemIndex===-1){e?.focus();return}else if(e?.matches(":focus")){e?.blur()}}const s=Array.from(this.dropdownRef?.querySelectorAll(".sd-select-multiple__dropdown sd-select-option")||[]);const i=s?.[this.itemIndex];if(!i||!this.isOpen)return;this.optionRef=i;const l=await this.optionRef.isDisabled();if(l){e>t?this.itemIndex++:this.itemIndex--;return}this.scrollToOption(i)}async isOpenChanged(){this.onDropdownToggle(this.isOpen);const e=this.getSelectedOption();if(!e){this.itemIndex=-1}else{this.itemIndex=this.options.indexOf(e[0])}this.dropDownShow?.emit({isOpen:this.isOpen});if(this.isOpen===false)return;await new Promise((e=>setTimeout(e,10)));const t=Array.from(this.dropdownRef?.querySelectorAll(".sd-select-multiple__dropdown sd-select-item")||[]);const s=t?.[this.itemIndex];if(this.searchable){const e=await this.getNativeInputElement();e?.focus()}if(!s)return;await new Promise((e=>setTimeout(e,10)));this.scrollToOption(s)}connectedCallback(){this.filteredOptions=this.options;this.initializeEvent()}disconnectedCallback(){this.cleanupEvent()}handleDocumentClick(e){if(!this.selectRef?.contains(e.target)){this.isOpen=false}}handleDocumentKeydown(e){e.stopPropagation();const t=["ArrowDown","ArrowUp","Enter","Escape"];if(!t.includes(e.key))return;e.preventDefault();switch(e.key){case"ArrowDown":case"ArrowUp":const t=new r(this.searchable,this.filteredOptions);const s=t.getNextIndex(this.itemIndex,e.key);this.itemIndex=s;break;case"Enter":const i=this.filteredOptions[this.itemIndex];if(i&&!i.disabled){this.handleOptionSelection(i)}break;case"Escape":this.isOpen=false;break}}handleTriggerClick=e=>{e.stopPropagation();if(!this.disabled){this.isOpen=!this.isOpen;this.dropDownShow?.emit({isOpen:this.isOpen})}};handleOptionClick=e=>{const{option:t,event:s}=e;s.stopPropagation();this.handleOptionSelection(t)};filterOptions(){if(!this.searchText||this.searchText.trim()===""){this.filteredOptions=this.options}else{this.filteredOptions=this.options.filter((e=>e.label.toLowerCase().includes(this.searchText.toLowerCase())))}}getSelectedOption(){return this.options.filter((e=>this.value?.includes(e)))}handleDropdownScroll=e=>{const t=e.target;const s=t.scrollTop;this.isScrolled=s>0};async getNativeInputElement(){if(this.searchRef){return this.searchRef.getNativeElement()}return null}handleOptionSelection=e=>{if(!e||e.disabled)return;const t=this.value?.some((t=>t.value===e.value));if(t){this.value=this.value?.filter((t=>t.value!==e.value))||null}else{this.value=[...this.value||[],e]}};closeDropdown(){this.isOpen=false}scrollToOption(e){if(!this.dropdownRef||!e)return;const t=this.dropdownRef;const s=e.offsetTop;const i=e.offsetHeight;const l=t.scrollTop;const o=t.clientHeight;const r=t.querySelector(".sd-select__search-container");const c=r?r.offsetHeight:0;const n=l+c;const d=l+o;if(s<n){t.scrollTop=s-c}else if(s+i>d){t.scrollTop=s+i-o+c}}render(){const e={"--select-width":this.width||"200px","--select-dropdown-height":this.dropdownHeight||"260px"};return i(l,{key:"8f2df6c0a3b6e8d2300a77bd84b993101824cae1",style:e},i("div",{key:"9587ca5bb88d7767b5f48344063deef220964027",class:{"sd-select-multiple":true,"sd-select-multiple--open":this.isOpen,"sd-select-multiple--disabled":this.disabled},ref:e=>this.selectRef=e},this.renderLabel(this.label),i("div",{key:"f00fa7d7c2cbc6f751cc89411b1d77037a950e3e",class:"sd-select-multiple__container"},this.renderTrigger(),this.renderDropdown())))}renderLabel(e){if(!e)return null;return i("label",{class:"sd-select-multiple__label"},e)}renderTrigger(){const e=this.getSelectedOption();return i("div",{class:"sd-select-multiple__trigger",tabindex:this.disabled?-1:0,onClick:this.handleTriggerClick},i("span",{class:"sd-select-multiple__value"},!e?"선택":e.length?e.map((e=>e.label)).join(", "):this.placeholder),this.clearable&&e?.length>0&&!this.disabled&&i("sd-icon",{key:"close-icon",name:"close",size:10,color:"#888",class:"sd-select-multiple__clear",onClick:e=>{e.stopPropagation();this.value=null}}),i("sd-icon",{key:"arrow-icon",name:"arrowDown",color:"#888",class:{"sd-select-multiple__arrow":true,"sd-select-multiple__arrow--open":this.isOpen}}))}renderDropdown(){if(this.isOpen===false)return null;return i("sd-portal",{open:this.isOpen,parentRef:this.selectRef,onSdClose:this.closeDropdown},i("div",{class:"sd-select-multiple__dropdown",onScroll:this.handleDropdownScroll,ref:e=>this.dropdownRef=e},this.searchable&&i("div",{class:{"sd-select-multiple__search-container":true,"sd-select-multiple__search-container--scrolled":this.isScrolled},onClick:e=>e.stopPropagation()},i("sd-input",{ref:e=>this.searchRef=e,value:this.searchText,placeholder:"검색",clearable:true,inputStyle:{"padding-left":"8px"},autofocus:true,onSdInput:e=>{this.searchText=String(e?.detail)},onSdFocus:()=>{this.itemIndex=-1}},i("sd-icon",{name:"search",size:16,color:"#737373",style:{marginRight:"4px"},slot:"prefix"}))),this.filteredOptions.length>0?this.filteredOptions.map(((e,t)=>i("slot",{name:`option-${e.value}`},i("sd-select-option",{option:e,index:t,isSelected:this.value?.some((t=>t.value===e.value)),isFocused:t===this.itemIndex,onOptionClick:({detail:e})=>this.handleOptionClick(e),useCheckbox:this.useCheckbox})))):i("slot",{name:"option-placeholder"},i("div",{class:"sd-select-multiple__option-placeholder"},this.optionPlaceholder))))}static get watchers(){return{value:["valueChanged"],options:["optionsChanged"],searchText:["searchTextChanged"],itemIndex:["itemIndexChanged"],isOpen:["isOpenChanged"]}}};n.style=c;export{n as sd_select_multiple};
-//# sourceMappingURL=p-e2a11135.entry.js.map
+import{r as e,c as t,a as s,h as i,H as l}from"./p-B2T3tS5r.js";import{B as o,S as r}from"./p-C2JaR3A6.js";const c=".sd-select-multiple__dropdown{overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.sd-select-multiple__dropdown::-webkit-scrollbar{opacity:0;background:#e5e5e5}.sd-select-multiple__dropdown::-webkit-scrollbar:horizontal{height:8px}.sd-select-multiple__dropdown::-webkit-scrollbar:vertical{width:8px}.sd-select-multiple__dropdown::-webkit-scrollbar-thumb{height:80px;background-color:#cccccc;border-radius:4px}.sd-select-multiple__dropdown::-webkit-scrollbar-track{background-color:transparent}:host{display:inline-block;height:fit-content;position:relative}.sd-select-multiple{display:flex;flex-wrap:nowrap;width:var(--select-width, 200px);height:28px;cursor:pointer;user-select:none;border:1px solid #aaaaaa;border-radius:4px;background-color:white}.sd-select-multiple:hover:not(.sd-select-multiple--disabled){background:#f6f6f6}.sd-select-multiple.sd-select-multiple--disabled{cursor:not-allowed;background-color:#eeeeee;border-color:#cccccc}.sd-select-multiple.sd-select-multiple--disabled .sd-select-multiple__label{border-right:1px solid #cccccc}.sd-select-multiple.sd-select-multiple--disabled .sd-select-multiple__trigger{color:#888888}.sd-select-multiple.sd-select-multiple--disabled .sd-select-multiple__trigger:focus,.sd-select-multiple.sd-select-multiple--disabled .sd-select-multiple__trigger:focus-visible,.sd-select-multiple.sd-select-multiple--disabled .sd-select-multiple__trigger:focus-within{outline:none !important}.sd-select-multiple__label{font-size:12px;font-weight:500;color:#333333;padding:4px 12px;border-right:1px solid #cccccc;border-radius:4px 0 0 4px;background-color:#f6f6f6}.sd-select-multiple__container{position:relative;width:100%;display:flex}.sd-select-multiple__container .sd-select-multiple__trigger{padding:4px 20px 4px 12px;display:flex;width:100%;align-items:center}.sd-select-multiple__container .sd-select-multiple__trigger .sd-select-multiple__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px;font-size:12px;font-weight:400}.sd-select-multiple__container .sd-select-multiple__trigger .sd-select-multiple__clear{margin:0 4px;width:8px;height:8px;background-color:transparent;outline:none;border:none}.sd-select-multiple__container .sd-select-multiple__arrow{position:absolute;top:8px;right:8px;width:12px;height:12px;color:#888888;transition:transform 0.3s ease}.sd-select-multiple__container .sd-select-multiple__arrow--open{transform:rotate(180deg)}.sd-select-multiple__dropdown{width:var(--select-dropdown-width, 200px);max-height:var(--select-dropdown-height, 260px);padding-bottom:2px;background-color:white;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.1);border-radius:4px;overflow-y:auto;color:#333333}.sd-select-multiple__dropdown .sd-select-multiple__search-container{position:sticky;top:0;display:flex;width:100%;background-color:white;align-items:center;padding:4px 8px;z-index:1}.sd-select-multiple__dropdown .sd-select-multiple__search-container--scrolled{box-shadow:2px 2px 8px 2px rgba(0, 0, 0, 0.2)}.sd-select-multiple__dropdown .sd-select-multiple__option-placeholder{padding:4px 12px;font-size:12px;line-height:20px;text-align:left}";const n=class extends o{constructor(s){super();e(this,s);this.sdChange=t(this,"sdChange");this.dropDownShow=t(this,"dropDownShow")}get el(){return s(this)}value=null;label="";options=[];placeholder="선택";optionPlaceholder="옵션이 없습니다.";width="200px";dropdownHeight="260px";disabled=false;clearable=false;searchable=false;useCheckbox=false;optionRenderer;filteredOptions=this.options;isOpen=false;searchText=null;itemIndex=-1;isScrolled=false;sdChange;dropDownShow;selectRef;searchRef;optionRef;dropdownRef;valueChanged(){this.sdChange?.emit(this.value)}optionsChanged(){this.filteredOptions=this.options;this.filterOptions()}searchTextChanged(){this.filterOptions()}async itemIndexChanged(e,t){if(this.searchable){const e=await this.getNativeInputElement();if(this.itemIndex===-1){e?.focus();return}else if(e?.matches(":focus")){e?.blur()}}const s=Array.from(this.dropdownRef?.querySelectorAll(".sd-select-multiple__dropdown sd-select-option")||[]);const i=s?.[this.itemIndex];if(!i||!this.isOpen)return;this.optionRef=i;const l=await this.optionRef.isDisabled();if(l){e>t?this.itemIndex++:this.itemIndex--;return}this.scrollToOption(i)}async isOpenChanged(){this.onDropdownToggle(this.isOpen);const e=this.getSelectedOption();if(!e){this.itemIndex=-1}else{this.itemIndex=this.options.indexOf(e[0])}this.dropDownShow?.emit({isOpen:this.isOpen});if(this.isOpen===false)return;await new Promise((e=>setTimeout(e,10)));const t=Array.from(this.dropdownRef?.querySelectorAll(".sd-select-multiple__dropdown sd-select-item")||[]);const s=t?.[this.itemIndex];if(this.searchable){const e=await this.getNativeInputElement();e?.focus()}if(!s)return;await new Promise((e=>setTimeout(e,10)));this.scrollToOption(s)}connectedCallback(){this.filteredOptions=this.options;this.initializeEvent()}disconnectedCallback(){this.cleanupEvent()}handleDocumentClick(e){if(!this.selectRef?.contains(e.target)){this.isOpen=false}}handleDocumentKeydown(e){e.stopPropagation();const t=["ArrowDown","ArrowUp","Enter","Escape"];if(!t.includes(e.key))return;e.preventDefault();switch(e.key){case"ArrowDown":case"ArrowUp":const t=new r(this.searchable,this.filteredOptions);const s=t.getNextIndex(this.itemIndex,e.key);this.itemIndex=s;break;case"Enter":const i=this.filteredOptions[this.itemIndex];if(i&&!i.disabled){this.handleOptionSelection(i)}break;case"Escape":this.isOpen=false;break}}handleTriggerClick=e=>{e.stopPropagation();if(!this.disabled){this.isOpen=!this.isOpen;this.dropDownShow?.emit({isOpen:this.isOpen})}};handleOptionClick=e=>{const{option:t,event:s}=e;s.stopPropagation();this.handleOptionSelection(t)};filterOptions(){if(!this.searchText||this.searchText.trim()===""){this.filteredOptions=this.options}else{this.filteredOptions=this.options.filter((e=>e.label.toLowerCase().includes(this.searchText.toLowerCase())))}}getSelectedOption(){return this.options.filter((e=>this.value?.includes(e)))}handleDropdownScroll=e=>{const t=e.target;const s=t.scrollTop;this.isScrolled=s>0};async getNativeInputElement(){if(this.searchRef){return this.searchRef.getNativeElement()}return null}handleOptionSelection=e=>{if(!e||e.disabled)return;const t=this.value?.some((t=>t.value===e.value));if(t){this.value=this.value?.filter((t=>t.value!==e.value))||null}else{this.value=[...this.value||[],e]}};closeDropdown(){this.isOpen=false}scrollToOption(e){if(!this.dropdownRef||!e)return;const t=this.dropdownRef;const s=e.offsetTop;const i=e.offsetHeight;const l=t.scrollTop;const o=t.clientHeight;const r=t.querySelector(".sd-select__search-container");const c=r?r.offsetHeight:0;const n=l+c;const d=l+o;if(s<n){t.scrollTop=s-c}else if(s+i>d){t.scrollTop=s+i-o+c}}render(){const e={"--select-width":this.width||"200px","--select-dropdown-height":this.dropdownHeight||"260px"};return i(l,{key:"c569bb885003048b6ec22bfb0688c671a70a27d5",style:e},i("div",{key:"94b43199502f44f7d663981c320696c6e8cf968f",class:{"sd-select-multiple":true,"sd-select-multiple--open":this.isOpen,"sd-select-multiple--disabled":this.disabled},ref:e=>this.selectRef=e},this.renderLabel(this.label),i("div",{key:"d4fd6929b78add118c01d7b52c1c1e0be9867924",class:"sd-select-multiple__container"},this.renderTrigger(),this.renderDropdown())))}renderLabel(e){if(!e)return null;return i("label",{class:"sd-select-multiple__label"},e)}renderTrigger(){const e=this.getSelectedOption();return i("div",{class:"sd-select-multiple__trigger",tabindex:this.disabled?-1:0,onClick:this.handleTriggerClick},i("span",{class:"sd-select-multiple__value"},!e?"선택":e.length?e.map((e=>e.label)).join(", "):this.placeholder),this.clearable&&e?.length>0&&!this.disabled&&i("sd-icon",{key:"close-icon",name:"close",size:10,color:"#888",class:"sd-select-multiple__clear",onClick:e=>{e.stopPropagation();this.value=null}}),i("sd-icon",{key:"arrow-icon",name:"arrowDown",color:"#888",class:{"sd-select-multiple__arrow":true,"sd-select-multiple__arrow--open":this.isOpen}}))}renderDropdown(){if(this.isOpen===false)return null;return i("sd-portal",{open:this.isOpen,parentRef:this.selectRef,onSdClose:this.closeDropdown},i("div",{class:"sd-select-multiple__dropdown",onScroll:this.handleDropdownScroll,ref:e=>this.dropdownRef=e},this.searchable&&i("div",{class:{"sd-select-multiple__search-container":true,"sd-select-multiple__search-container--scrolled":this.isScrolled},onClick:e=>e.stopPropagation()},i("sd-input",{ref:e=>this.searchRef=e,value:this.searchText,placeholder:"검색",clearable:true,inputStyle:{"padding-left":"8px"},autofocus:true,onSdInput:e=>{this.searchText=String(e?.detail)},onSdFocus:()=>{this.itemIndex=-1}},i("sd-icon",{name:"search",size:16,color:"#737373",style:{marginRight:"4px"},slot:"prefix"}))),this.filteredOptions.length>0?this.filteredOptions.map(((e,t)=>i("slot",{name:`option-${e.value}`},i("sd-select-option",{option:e,index:t,isSelected:this.value?.some((t=>t.value===e.value)),isFocused:t===this.itemIndex,onOptionClick:({detail:e})=>this.handleOptionClick(e),useCheckbox:this.useCheckbox})))):i("slot",{name:"option-placeholder"},i("div",{class:"sd-select-multiple__option-placeholder"},this.optionPlaceholder))))}static get watchers(){return{value:["valueChanged"],options:["optionsChanged"],searchText:["searchTextChanged"],itemIndex:["itemIndexChanged"],isOpen:["isOpenChanged"]}}};n.style=c;export{n as sd_select_multiple};
+//# sourceMappingURL=p-e9800353.entry.js.map