@sellmate/design-system 1.0.39 → 1.0.40

package/dist/design-system/p-1e975178.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,g as s,h as e}from"./p-B8tGP77V.js";import{n as h}from"./p-CCwNgVmC.js";const o=class{constructor(s){t(this,s),this.update=i(this,"sdUpdate"),this.dropDownShow=i(this,"sdDropDownShow")}static VIEWPORT_PADDING=20;static PORTAL_OFFSET_Y=4;static CLOSE_ANIMATION_DURATION=150;get el(){return s(this)}name="default";value=null;options=[];placeholder="선택";maxDropdownWidth="640px";dropdownHeight="260px";disabled=!1;label="";addonLabel="";error=!1;fieldName="";rules=[];icon=void 0;labelTooltip="";labelTooltipProps=null;emitValue=!1;width="100%";isOpen=!1;isAnimatingOut=!1;triggerWidth="200px";resolvedDropdownHeight="260px";resolvedMaxDropdownWidth="640px";focused=!1;hovered=!1;update;dropDownShow;triggerRef;closeAnimationTimer;internalName=h();watchIsOpen(t){this.focused=t,this.dropDownShow.emit({isOpen:t})}get isMulti(){return"multi"===this.name||"multi_depth"===this.name}get displayText(){if(this.isMulti){if(!this.value||!Array.isArray(this.value))return"";if(this.emitValue){const t=this.flattenOptions(this.options);return this.value.map((i=>t.find((t=>t.value===i))?.label??"")).filter(Boolean).join(", ")}const t=this.value;return 0===t.length?"":t.map((t=>t.label)).join(", ")}if(null==this.value)return"";if(!this.emitValue&&"object"==typeof this.value&&!Array.isArray(this.value))return this.value.label??"";const t=this.flattenOptions(this.options).find((t=>t.value===this.value));return t?.label??""}flattenOptions(t){return t.flatMap((t=>t.children?this.flattenOptions(t.children):[t]))}collectLeaves(t){return t.children?t.children.flatMap((t=>this.collectLeaves(t))):[t]}getSelectedOptions(){const t=this.value;return t&&Array.isArray(t)?this.emitValue?t.map((t=>this.findOriginalOption(t,this.options))).filter((t=>!!t)):t:[]}toMultiValue(t){return this.emitValue?t.map((t=>t.value)):t}parsePixelValue(t,i){const s=Number.parseFloat(t);return Number.isFinite(s)?s:i}updateDropdownViewportConstraints(){if(!this.triggerRef)return;const t=this.triggerRef.getBoundingClientRect(),i=o.VIEWPORT_PADDING,s=o.PORTAL_OFFSET_Y,e=this.parsePixelValue(this.dropdownHeight,260),h=this.parsePixelValue(this.maxDropdownWidth,640),r=Math.max(window.innerHeight-t.bottom-i-s,0),n=Math.max(t.top-i-s,0),a=Math.max(r,n),l=Math.max(window.innerWidth-2*i,0);this.resolvedDropdownHeight=`${Math.min(e,a)}px`,this.resolvedMaxDropdownWidth=`${Math.min(h,l)}px`}handleViewportResize=()=>{this.isOpen&&this.updateDropdownViewportConstraints()};findOriginalOption(t,i){for(const s of i){if(s.value===t)return s;if(s.children){const i=this.findOriginalOption(t,s.children);if(i)return i}}}closeDropdown(){this.isOpen&&(this.isOpen=!1,this.isAnimatingOut=!0,this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.closeAnimationTimer=setTimeout((()=>{this.isAnimatingOut=!1}),o.CLOSE_ANIMATION_DURATION))}handleTriggerClick=()=>{this.triggerRef&&(this.triggerWidth=`${this.triggerRef.offsetWidth}px`),this.updateDropdownViewportConstraints(),this.isOpen?this.closeDropdown():(this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.isAnimatingOut=!1,this.isOpen=!0)};emitUpdate(t){this.update.emit(t)}handleOptionSelect=t=>{this.isMulti?this.handleMultiSelect(t):(this.value=this.emitValue?t.value:t,this.emitUpdate(this.value),this.closeDropdown())};handleMultiSelect(t){const i=this.getSelectedOptions();if(t.children){const s=this.findOriginalOption(t.value,this.options),e=this.collectLeaves(s??t);let h;if(e.every((t=>i.some((i=>i.value===t.value))))){const t=new Set(e.map((t=>t.value)));h=i.filter((i=>!t.has(i.value)))}else{const t=new Set(i.map((t=>t.value))),s=e.filter((i=>!t.has(i.value)));h=[...i,...s]}this.value=this.toMultiValue(h),this.emitUpdate(this.value)}else{const s=i.some((i=>i.value===t.value))?i.filter((i=>i.value!==t.value)):[...i,t];this.value=this.toMultiValue(s),this.emitUpdate(this.value)}}connectedCallback(){window.addEventListener("resize",this.handleViewportResize)}disconnectedCallback(){window.removeEventListener("resize",this.handleViewportResize),this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer)}render(){const t={open:this.isOpen,parentRef:this.triggerRef,viewportPadding:o.VIEWPORT_PADDING,onSdClose:()=>{this.closeDropdown()}};return e("sd-field",{key:"4e3e1aa95a4e566948bf63526763cf0125fc6564",name:this.fieldName||this.internalName,label:this.label,addonLabel:this.addonLabel,rules:this.rules,error:this.error,disabled:this.disabled,focused:this.focused,hovered:this.hovered,icon:this.icon,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,onMouseEnter:()=>{this.hovered=!0},onMouseLeave:()=>{this.hovered=!1},style:{width:/^\d+$/.test(this.width)?`${this.width}px`:this.width,minWidth:"80px"}},e("div",{key:"661fd9580419ef011386750aa1356b4ab1f19fed",class:"sd-select-v2",ref:t=>{this.triggerRef=t}},e("sd-select-v2-trigger",{key:"5d267da7bc6c0b2cf0031416f541dad3cd1cf861",displayText:this.displayText,placeholder:this.placeholder,disabled:this.disabled,isOpen:this.isOpen,onSdTriggerClick:this.handleTriggerClick})),(this.isOpen||this.isAnimatingOut)&&e("sd-portal",{key:"d5a8edf2cc94d9271bc4369022ffe3801650dbd4",...t},e("sd-select-v2-listbox",{key:"c1051423145b1a9aaea420635b3ae596d5983011",name:this.name,options:this.options,value:this.value,emitValue:this.emitValue,triggerWidth:this.triggerWidth,maxWidth:this.resolvedMaxDropdownWidth,maxHeight:this.resolvedDropdownHeight,onSdOptionSelect:t=>this.handleOptionSelect(t.detail)})))}static get watchers(){return{isOpen:[{watchIsOpen:0}]}}};o.style="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%}";export{o as sd_select_v2}