@sellmate/design-system 1.0.38 → 1.0.40

package/dist/components/p-BzUx5X3N.js

@@ -1 +0,0 @@
-import{p as e,H as s,h as d,t as l}from"./p-B1vJXa29.js";import{d as i}from"./p-BAghib4O.js";import{d as t}from"./p-CKi7RueC.js";import{d as r}from"./p-BcrOYmsG.js";import{d as o}from"./p-DNyoL0F-.js";const a=["sd-select","sd-select-multiple","sd-select-multiple-group","sd-input","sd-textarea","sd-number-input","sd-select-v2"],f=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost()}get el(){return this}name="";rules=[];error=!1;disabled=!1;hovered=!1;focused=!1;status;label="";insideLabel=!1;icon=void 0;labelTooltip="";labelTooltipProps=null;errorMsg="";hostElement=null;get value(){return this.hostElement?.value??null}get fieldStatus(){let e="";return this.disabled?(e="disabled",`sd-field--${e}`):this.focused?(e="focus",`sd-field--${e}`):(this.hovered&&(e="hover"),this.status&&(e=this.status),this.error&&(e="error"),e?`sd-field--${e}`:"")}componentDidLoad(){this.hostElement=this.findHostElement(),this.registerToForm()}disconnectedCallback(){this.unregisterFromForm()}findHostElement(){for(const e of a){const s=this.el.closest(e);if(s&&"value"in s)return s}return null}registerToForm(){const e=this.el.closest("sd-form");e&&"function"==typeof e.componentOnReady&&e.componentOnReady().then((e=>{e.sdRegisterField(this)}))}unregisterFromForm(){if(!this.name)return;const e=this.el.closest("sd-form");e?.componentOnReady().then((e=>{e.sdUnregisterField(this.name)}))}async sdValidate(){if(!this.rules||0===this.rules.length)return!0;for(const e of this.rules){const s=e(this.value??"");if(!0!==s)return this.setError(!0,s),!1}return this.setError(!1,""),!0}async sdReset(){this.hostElement&&(this.hostElement.value=null),this.setError(!1,"")}async sdResetValidation(){this.setError(!1,"")}async sdFocus(){this.hostElement?.focus?.(),this.hostElement?.scrollIntoView({behavior:"smooth",block:"center"})}setError(e,s){this.errorMsg=s,this.hostElement&&(this.hostElement.error=e)}render(){return d("div",{key:"a6b7771294f15396f8c59c5f39a461c43a69d0af",class:{"sd-field":!0,"sd-field--has-label":!!this.label,"sd-field--has-label-inside":!!this.label&&this.insideLabel,[this.fieldStatus]:!!this.fieldStatus}},d("div",{key:"e8da3299b3797130544b03c2ec835f0ae609b262",class:"sd-field__wrapper"},this.renderLabel(this.label),d("div",{key:"03bdbb8604468fde4c643418a67951fca6d73c70",class:{"sd-field__control":!0,"sd-field__control--label-inside ":!!this.label&&this.insideLabel}},d("slot",{key:"1e3e62eb9184422a867730568397eebd1e777a41"}))),this.errorMsg&&d("div",{key:"cace55bf9fec37d973068b40a681f6167dc03ebd",class:"sd-field__error-message"},this.errorMsg))}renderLabel(e){return e?d("label",{class:{"sd-field__label":!0,"sd-field__label-inside":this.insideLabel}},this.icon&&d("sd-icon",{name:this.icon.name,size:this.icon.size??10,color:this.icon.color,rotate:this.icon.rotate,class:"sd-field__label__icon"}),d("div",{class:"sd-field__label__text"},e),this.labelTooltip&&d("sd-tooltip",{class:"sd-field__label__tooltip",...this.labelTooltipProps},d("div",{slot:"content"},this.labelTooltip))):null}static get style(){return"sd-field{display:inline-flex;flex-flow:column nowrap;height:fit-content;width:100%}sd-field .sd-field *:focus,sd-field .sd-field *:focus-visible,sd-field .sd-field *:focus-within{outline:none !important}sd-field .sd-field:not(.sd-field--disabled):hover .sd-field__control{border:1px solid var(--sd-system-color-field-border-hover) !important;box-shadow:0px 0px 4px 0px rgba(0, 113, 255, 0.4)}sd-field .sd-field.sd-field--disabled{cursor:not-allowed}sd-field .sd-field.sd-field--disabled .sd-field__wrapper{cursor:not-allowed !important}sd-field .sd-field.sd-field--disabled .sd-field__wrapper .sd-field__label-inside{border-color:#CCCCCC;color:#888888;cursor:not-allowed !important}sd-field .sd-field.sd-field--disabled .sd-field__wrapper .sd-field__control{background-color:#E1E1E1;border-color:#CCCCCC;color:#888888;cursor:not-allowed !important}sd-field .sd-field--has-label .sd-field__wrapper .sd-field__label{display:flex;align-items:center;margin-right:var(--sd-system-space-field-gap)}sd-field .sd-field--has-label .sd-field__wrapper .sd-field__label__icon{margin-right:6px}sd-field .sd-field--has-label .sd-field__wrapper .sd-field__label__text{font-size:12px;line-height:20px;color:var(--sd-system-color-field-text-default);white-space:nowrap}sd-field .sd-field--has-label .sd-field__wrapper .sd-field__label__tooltip{margin-left:2px}sd-field .sd-field--has-label-inside .sd-field__wrapper .sd-field__label{margin-right:0;display:flex;align-items:center;justify-content:center;padding:3px var(--sd-system-space-field-sm-padding-x);border:1px solid var(--sd-system-color-field-border-default);border-right:none;border-radius:var(--sd-system-radius-field-default) 0 0 var(--sd-system-radius-field-default);background-color:#F6F6F6}sd-field .sd-field__wrapper{width:100%;height:var(--sd-system-size-field-height);display:flex;align-items:center;flex-flow:row nowrap;position:relative;color:var(--sd-system-color-field-text-default);cursor:pointer;-webkit-user-select:none;user-select:none}sd-field .sd-field__wrapper .sd-field__control{position:relative;width:100%;height:100%;display:flex;flex:1;border:1px solid var(--sd-system-color-field-border-default);border-radius:var(--sd-system-radius-field-default);background:var(--sd-system-color-field-bg-default)}sd-field .sd-field__wrapper .sd-field__control--label-inside{border-top-left-radius:0px;border-bottom-left-radius:0px}sd-field .sd-field--error:not(:hover) .sd-field__wrapper .sd-field__control{border:1px solid var(--sd-system-color-field-border-danger) !important}sd-field .sd-field.sd-field--focus .sd-field__wrapper .sd-field__control,sd-field .sd-field.sd-field--hover .sd-field__wrapper .sd-field__control{border:1px solid var(--sd-system-color-field-border-focus) !important;box-shadow:0px 0px 4px 0px rgba(0, 113, 255, 0.4)}sd-field .sd-field.sd-field--pass .sd-field__wrapper .sd-field__control{border:1px solid #2BCE6C !important}sd-field .sd-field .sd-field__error-message{color:var(--sd-system-color-field-border-danger);font-size:12px;line-height:20px;margin-top:4px}"}},[772,"sd-field",{name:[1],rules:[16],error:[1028],disabled:[1028],hovered:[1028],focused:[1028],status:[1],label:[1],insideLabel:[4,"inside-label"],icon:[16],labelTooltip:[1,"label-tooltip"],labelTooltipProps:[16],errorMsg:[32],sdValidate:[64],sdReset:[64],sdResetValidation:[64],sdFocus:[64]}]);function n(){"undefined"!=typeof customElements&&["sd-field","sd-button","sd-floating-portal","sd-icon","sd-tooltip"].forEach((e=>{switch(e){case"sd-field":customElements.get(l(e))||customElements.define(l(e),f);break;case"sd-button":customElements.get(l(e))||i();break;case"sd-floating-portal":customElements.get(l(e))||t();break;case"sd-icon":customElements.get(l(e))||r();break;case"sd-tooltip":customElements.get(l(e))||o()}}))}export{f as S,n as d}

package/dist/components/p-CC6lx8di.js

@@ -1 +0,0 @@
-var e={default:"#888888",disabled:"#BBBBBB"},d={fontWeight:"400",fontSize:"12",lineHeight:"20"},t={default:"#222222",disabled:"#888888"},a={bg:"#F6F6F6",border:{default:"#AAAAAA",disabled:"#CCCCCC"}},i={depth1:"12",depth2:"20",depth3:"28"},n={fontWeight:"400",fontSize:"12",lineHeight:"20"},o={default:"#FFFFFF",hover:"#0075FF"},l={default:"#222222",hover:"#FFFFFF",disabled:"#888888"},h={bg:{default:"#EFF6FF"},border:{color:"#E1E1E1",width:"1"}};const r={paddingX:"12",gap:"8"},f={fontSize:d.fontSize,lineHeight:d.lineHeight,fontWeight:d.fontWeight},s={icon:{default:e.default,disabled:e.disabled},text:{default:t.default,disabled:t.disabled},addonLabel:{bg:a.bg,border:{default:a.border.default,disabled:a.border.disabled}}},g={paddingY:"4",paddingRight:"12",paddingLeft:{depth1:i.depth1,depth2:i.depth2,depth3:i.depth3},gap:"8"},F={fontSize:n.fontSize,lineHeight:n.lineHeight,fontWeight:n.fontWeight},b={bg:{default:o.default,hover:o.hover},content:{default:l.default,hover:l.hover,disabled:l.disabled},depth1:{bg:h.bg.default,border:h.border.color,borderWidth:h.border.width},depth2:{bg:{middle:{bg:"#F6F6F6"}}.middle.bg}},u={radius:"4",paddingBottom:"4"},p=11,c=1e3,B="표시할 항목이 없습니다.";function v(e){return e.reduce(((e,d)=>d.children?e+v(d.children):e+1),0)}function A(e,d){const t=d.toLowerCase();return e.reduce(((e,a)=>{if(a.label.toLowerCase().includes(t))e.push({...a,children:a.children?[]:void 0});else if(a.children){const t=A(a.children,d);t.length>0&&e.push({...a,children:t})}return e}),[])}export{B as E,g as L,c as S,b as a,F as b,v as c,p as d,u as e,A as f,s as g,f as h,r as i}

package/dist/components/p-CXKpL2GZ.js

@@ -1 +0,0 @@
-import{p as t,H as o,c as s,h as a,t as e}from"./p-B1vJXa29.js";import{C as d,S as i,a as l,T as n,b as m,c,d as r}from"./p-C_L-UaCP.js";import{d as f}from"./p-D23gFKrT.js";import{d as h}from"./p-BcrOYmsG.js";import{d as b}from"./p-DjOSobI6.js";const p=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.close=s(this,"sdClose"),this.confirm=s(this,"sdConfirm")}get el(){return this}hasSlottedContent=!1;customContentRef;slotObserver;type="positive";modalTitle="";titleClass="";topMessage=[];bottomMessage=[];mainButtonName;mainButtonLabel="확인";subButtonLabel="";tagPreset;tagLabel="";slotLabel="";tagContents;close;confirm;componentWillLoad(){this.syncHasSlottedContent()}componentDidLoad(){"undefined"!=typeof MutationObserver&&(this.slotObserver=new MutationObserver((()=>this.syncHasSlottedContent())),this.slotObserver.observe(this.el,{childList:!0,characterData:!0}))}componentDidRender(){this.customContentRef&&this.tagContents instanceof o&&("function"==typeof this.customContentRef.replaceChildren?this.customContentRef.replaceChildren(this.tagContents):(this.customContentRef.innerHTML="",this.customContentRef.appendChild(this.tagContents)))}disconnectedCallback(){this.slotObserver?.disconnect()}get resolvedMainButton(){return this.mainButtonName??d[this.type]}get hasTagContent(){return!(!this.tagLabel||!this.tagPreset)}get showContentBox(){return!!this.tagContents||this.hasTagContent||this.hasSlottedContent}syncHasSlottedContent(){const t=Array.from(this.el.childNodes).some((t=>!(t.nodeType===Node.ELEMENT_NODE&&t.classList.contains("sd-confirm-modal"))&&(t.nodeType===Node.ELEMENT_NODE||t.nodeType===Node.TEXT_NODE&&t.textContent?.trim())));t!==this.hasSlottedContent&&(this.hasSlottedContent=t)}render(){const t=m[this.type],o=l[this.type];return a("div",{key:"79b2bc6c82470f18097f709af199379b7f9c33e9",class:"sd-confirm-modal"},a("sd-icon",{key:"20d09afc087d1f1d293295dfda2b7c0b65fca032",class:"sd-confirm-modal__close-button",name:"close",size:r,color:c,onClick:()=>this.close.emit()}),a("sd-icon",{key:"7ef48200946dceef27e32bf51e2e57ee7db9e5c8",class:"sd-confirm-modal__icon",name:t,size:n,color:o}),a("h2",{key:"7937da9ba581a59b6d33cef5c63ccaf01714cc71",class:`sd-confirm-modal__title ${this.titleClass}`},this.modalTitle),a("div",{key:"ded09b7f81f990fd5b4ce7bb78eebf4578012b41",class:"sd-confirm-modal__body"},(this.topMessage??[]).length>0&&a("div",{key:"25b0ad2313003f0fa5a119d63e80d1a96e1af5f5",class:"sd-confirm-modal__message"},(this.topMessage??[]).map((t=>a("p",{class:"sd-confirm-modal__message-text",innerHTML:t})))),this.showContentBox&&a("div",{key:"51d76d5923a384ac82d1e4a463981ab25655037d",class:"sd-confirm-modal__content-box"},this.tagContents?a("div",{class:"sd-confirm-modal__custom-content",ref:t=>{this.customContentRef=t}}):a("slot",{onSlotchange:()=>this.syncHasSlottedContent()},this.hasTagContent&&a("sd-tag",{name:this.tagPreset,label:this.tagLabel}),this.slotLabel&&a("span",{class:"sd-confirm-modal__slot-label"},this.slotLabel))),(this.bottomMessage??[]).length>0&&a("div",{key:"8ef574ff752ccee7ba28cb4824fc7968bb86b344",class:"sd-confirm-modal__message"},(this.bottomMessage??[]).map((t=>a("p",{class:"sd-confirm-modal__message-text",innerHTML:t}))))),a("div",{key:"bd5e3dc0bd36c33a7b47ce328121427d44d53a86",class:"sd-confirm-modal__button"},this.subButtonLabel&&a("sd-button-v2",{key:"ff8c7487883f2a4c740baa8966e641975bc4ba14",name:i,label:this.subButtonLabel,onSdClick:()=>this.close.emit()}),a("sd-button-v2",{key:"176cfe2404deb3d57e4a87206a339f797536b51c",name:this.resolvedMainButton,label:this.mainButtonLabel,onSdClick:()=>this.confirm.emit()})))}static get style(){return"sd-confirm-modal{display:block;width:fit-content;min-width:520px}sd-confirm-modal .sd-confirm-modal{position:relative;padding:var(--sd-modal-modal-padding-y) var(--sd-modal-modal-padding-x);border-radius:var(--sd-modal-modal-radius);box-shadow:4px 4px 24px 4px rgba(0, 0, 0, 0.2);background:var(--sd-modal-modal-bg)}sd-confirm-modal .sd-confirm-modal__close-button{position:absolute;top:16px;right:16px;cursor:pointer}sd-confirm-modal .sd-confirm-modal__icon{display:block;width:var(--sd-modal-modal-title-icon);height:var(--sd-modal-modal-title-icon);margin:0 auto var(--sd-modal-modal-title-gap) auto}sd-confirm-modal .sd-confirm-modal__title{color:var(--sd-modal-modal-title-color);font-size:var(--sd-modal-modal-title-typography-font-size);font-weight:var(--sd-modal-modal-title-typography-font-weight);line-height:var(--sd-modal-modal-title-typography-line-height);text-align:center;margin:0 0 var(--sd-modal-modal-body-gap) 0}sd-confirm-modal .sd-confirm-modal__body{display:flex;flex-direction:column;gap:var(--sd-modal-modal-body-gap)}sd-confirm-modal .sd-confirm-modal__message-text{color:var(--sd-modal-modal-message-color);font-size:var(--sd-modal-modal-message-typography-font-size);font-weight:var(--sd-modal-modal-message-typography-font-weight);line-height:var(--sd-modal-modal-message-typography-line-height);text-align:center;margin:0}sd-confirm-modal .sd-confirm-modal__content-box{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:1px solid #e1e1e1;border-radius:8px;background:white}sd-confirm-modal .sd-confirm-modal__slot-label{font-size:14px;font-weight:700;line-height:var(--sd-modal-modal-message-typography-line-height);color:var(--sd-modal-modal-message-color)}sd-confirm-modal .sd-confirm-modal__button{display:flex;justify-content:center;gap:var(--sd-modal-modal-button-gap);margin-top:32px}"}},[772,"sd-confirm-modal",{type:[1],modalTitle:[1,"modal-title"],titleClass:[1,"title-class"],topMessage:[16],bottomMessage:[16],mainButtonName:[1,"main-button-name"],mainButtonLabel:[1,"main-button-label"],subButtonLabel:[1,"sub-button-label"],tagPreset:[1,"tag-preset"],tagLabel:[1,"tag-label"],slotLabel:[1,"slot-label"],tagContents:[16],hasSlottedContent:[32]}]);function g(){"undefined"!=typeof customElements&&["sd-confirm-modal","sd-button-v2","sd-icon","sd-tag"].forEach((t=>{switch(t){case"sd-confirm-modal":customElements.get(e(t))||customElements.define(e(t),p);break;case"sd-button-v2":customElements.get(e(t))||f();break;case"sd-icon":customElements.get(e(t))||h();break;case"sd-tag":customElements.get(e(t))||b()}}))}export{p as S,g as d}

package/dist/components/p-CyJZik9T.js

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

package/dist/components/p-DASdfaPf.js

@@ -1 +0,0 @@
-import{p as e,H as r,c as t,h as i,t as s}from"./p-B1vJXa29.js";import{g,h as d,i as o}from"./p-CC6lx8di.js";import{d as c}from"./p-BcrOYmsG.js";const a=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.triggerClick=t(this,"sdTriggerClick")}displayText="";placeholder="선택";disabled=!1;isOpen=!1;addonLabel="";triggerClick;handleClick=()=>{this.disabled||this.triggerClick.emit()};render(){const e=!!this.displayText;return i("div",{key:"00f76c08c517d52499f1c75315ba1d9b0f7f6a06",class:{"sd-select-v2-trigger":!0,"sd-select-v2-trigger--open":this.isOpen,"sd-select-v2-trigger--disabled":this.disabled},style:{"--trigger-padding-x":`${o.paddingX}px`,"--trigger-gap":`${o.gap}px`,"--trigger-font-size":`${d.fontSize}px`,"--trigger-line-height":`${d.lineHeight}px`,"--trigger-font-weight":d.fontWeight,"--trigger-color":this.disabled?g.text.disabled:e?g.text.default:g.icon.default,"--trigger-icon-color":this.disabled?g.icon.disabled:g.icon.default,"--trigger-addon-bg":g.addonLabel.bg,"--trigger-addon-border-color":this.disabled?g.addonLabel.border.disabled:g.addonLabel.border.default},onClick:this.handleClick},this.addonLabel&&i("div",{key:"bca73972b68ae98abc92cb882f65ef5622fc6d49",class:"sd-select-v2-trigger__addon"},this.addonLabel),i("div",{key:"ae66f445590c28064b8cdf0d4048c1c009759291",class:"sd-select-v2-trigger__content"},i("span",{key:"e08841d7f17a24142f652d3929017786c37ad486",class:"sd-select-v2-trigger__text"},e?this.displayText:this.placeholder),i("sd-icon",{key:"5e4ea15d1ec3e066daff92ecf012087789ba7b87",name:"arrowDown",size:12,color:"var(--trigger-icon-color)",class:{"sd-select-v2-trigger__icon":!0,"sd-select-v2-trigger__icon--open":this.isOpen}})))}static get style(){return"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__addon{display:flex;align-items:center;padding:0 var(--trigger-padding-x);background:var(--trigger-addon-bg);border-right:1px solid var(--trigger-addon-border-color);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}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)}"}},[512,"sd-select-v2-trigger",{displayText:[1,"display-text"],placeholder:[1],disabled:[4],isOpen:[4,"is-open"],addonLabel:[1,"addon-label"]}]);function l(){"undefined"!=typeof customElements&&["sd-select-v2-trigger","sd-icon"].forEach((e=>{switch(e){case"sd-select-v2-trigger":customElements.get(s(e))||customElements.define(s(e),a);break;case"sd-icon":customElements.get(s(e))||c()}}))}export{a as S,l as d}

package/dist/components/p-DjOSobI6.js

@@ -1 +0,0 @@
-import{p as t,H as e,h as n,t as i}from"./p-B1vJXa29.js";import{d as a}from"./p-BcrOYmsG.js";var s={height:"20",paddingX:"6",gap:"4",icon:"12",typography:{fontSize:"11",fontWeight:"500",lineHeight:"18"}},o={height:"24",paddingX:"8",gap:"4",icon:"16",typography:{fontSize:"12",fontWeight:"700",lineHeight:"20"}},g={height:"28",paddingX:"12",gap:"6",icon:"16",typography:{fontSize:"14",fontWeight:"700",lineHeight:"24"}},d={bg:"#FB4444",content:"#FCEFEF"},r={bg:"#FF6B00",content:"#FEF1EA"},c={bg:"#916C0D",content:"#FFF7DD"},p={bg:"#00973C",content:"#E8F9EF"},l={bg:"#0075FF",content:"#E6F1FF"},h={bg:"#006AC1",content:"#EAF5FE"},u={bg:"#004290",content:"#EFF6FF"},f={bg:"#737373",content:"#EEEEEE"};const b=["xs","sm","md"],x=["grey","red","orange","yellow","green","blue","darkblue","indigo"],m={grey:{background:f.content,content:f.bg,icon:f.bg},red:{background:d.content,content:d.bg,icon:d.bg},orange:{background:r.content,content:r.bg,icon:r.bg},yellow:{background:c.content,content:c.bg,icon:c.bg},green:{background:p.content,content:p.bg,icon:p.bg},blue:{background:l.content,content:l.bg,icon:l.bg},darkblue:{background:h.content,content:h.bg,icon:h.bg},indigo:{background:u.content,content:u.bg,icon:u.bg}},F={xs:{height:`${s.height}px`,paddingX:`${s.paddingX}px`,gap:`${s.gap}px`,fontSize:`${s.typography.fontSize}px`,fontWeight:s.typography.fontWeight,lineHeight:`${s.typography.lineHeight}px`,iconSize:Number(s.icon),radius:"4px"},sm:{height:`${o.height}px`,paddingX:`${o.paddingX}px`,gap:`${o.gap}px`,fontSize:`${o.typography.fontSize}px`,fontWeight:o.typography.fontWeight,lineHeight:`${o.typography.lineHeight}px`,iconSize:Number(o.icon),radius:"4px"},md:{height:`${g.height}px`,paddingX:`${g.paddingX}px`,gap:`${g.gap}px`,fontSize:`${g.typography.fontSize}px`,fontWeight:g.typography.fontWeight,lineHeight:`${g.typography.lineHeight}px`,iconSize:Number(g.icon),radius:"5px"}},y={xs:{...F.xs,radius:"999px"},sm:{...F.sm,radius:"999px"},md:{...F.md,radius:"999px"}},E=Object.fromEntries(["square","pill"].flatMap((t=>b.flatMap((e=>x.map((n=>[`${t}_${e}_${n}`,{shape:t,size:e,color:n,..."square"===t?F[e]:y[e],...m[n]}]))))))),$=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost()}name="square_sm_grey";label="";icon;isLeft=!0;get resolvedConfig(){if(!Object.prototype.hasOwnProperty.call(E,this.name))throw new Error(`Invalid sd-tag name: ${this.name}`);return E[this.name]}renderIcon(t,e){return this.icon?n("sd-icon",{class:"sd-tag__icon",name:this.icon,size:e,color:t}):null}render(){const t=this.resolvedConfig,e=this.renderIcon(t.icon,t.iconSize);return n("span",{key:"563110f36ada988889d09f1dd40084c3099d00de",class:"sd-tag",style:{"--sd-tag-background":t.background,"--sd-tag-content":t.content,"--sd-tag-height":t.height,"--sd-tag-padding-x":t.paddingX,"--sd-tag-gap":t.gap,"--sd-tag-font-size":t.fontSize,"--sd-tag-font-weight":t.fontWeight,"--sd-tag-line-height":t.lineHeight,"--sd-tag-radius":t.radius},"aria-label":this.label||"tag"},this.icon&&this.isLeft&&e,n("span",{key:"b03cc00015123a62af310f5b8c833e04f43538b6",class:"sd-tag__label"},this.label),this.icon&&!this.isLeft&&e)}static get style(){return"sd-tag{display:inline-flex;width:fit-content;height:fit-content}.sd-tag{display:inline-flex;align-items:center;justify-content:center;gap:var(--sd-tag-gap, 5px);min-height:var(--sd-tag-height, 24px);padding:0 var(--sd-tag-padding-x, 8px);border-radius:var(--sd-tag-radius, 4px);background:var(--sd-tag-background, #f3f3f3);color:var(--sd-tag-content, #7a7a7a);box-sizing:border-box;white-space:nowrap;-webkit-user-select:none;user-select:none}.sd-tag__icon{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center}.sd-tag__label{display:inline-flex;align-items:center;justify-content:center;min-width:0;font-size:var(--sd-tag-font-size, 12px);font-weight:var(--sd-tag-font-weight, 700);line-height:var(--sd-tag-line-height, 20px)}"}},[512,"sd-tag",{name:[1],label:[1],icon:[1],isLeft:[4,"is-left"]}]);function k(){"undefined"!=typeof customElements&&["sd-tag","sd-icon"].forEach((t=>{switch(t){case"sd-tag":customElements.get(i(t))||customElements.define(i(t),$);break;case"sd-icon":customElements.get(i(t))||a()}}))}export{$ as S,k as d}

package/dist/components/p-DyFykTJN.js

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

package/dist/design-system/p-26fc1fc0.entry.js

@@ -1 +0,0 @@
-import{r as e,c as d,g as s,h as t}from"./p-B8tGP77V.js";const i=class{constructor(s){e(this,s),this.update=d(this,"sdUpdate"),this.viewChange=d(this,"sdViewChange")}get el(){return s(this)}value=null;label;selectable;disabled=!1;placeholder="";isOpen=!1;update;viewChange;inputEl;openMenu(){this.disabled||(this.isOpen=!0)}handleSelect=e=>{this.value=e.detail,this.isOpen=!1,this.update.emit(e.detail)};handleClose=()=>{this.isOpen=!1};handleViewChange=e=>{this.viewChange.emit(e.detail)};render(){return t("div",{key:"9f1e5b391dec4623e6f628449a459ab1a6f6ec7d",class:{"sd-date-picker":!0,"sd-date-picker--disabled":this.disabled}},t("sd-input",{key:"5448efd4117535e96d1273395571e12bdf3063ea",ref:e=>this.inputEl=e,value:this.value,label:this.label,"inside-label":!0,readonly:!0,disabled:this.disabled,placeholder:this.placeholder,inputClass:"sd-date-picker__input",onClick:()=>this.openMenu()},t("sd-icon",{key:"97191fcbf8d9b1af8553ad867b38a189c480c6d8",slot:"prefix",name:"date",size:"16",color:this.disabled?"grey_65":"grey_70",class:"date-icon",onClick:()=>this.openMenu()})),this.isOpen&&t("sd-portal",{key:"945477bd6ef69263a9cefae982474d6889dd8d58",open:this.isOpen,parentRef:this.inputEl,onSdClose:this.handleClose},t("div",{key:"270188ccf5d174be496d31abcf9d8570e37a5ff0",class:"sd-date-picker__menu"},t("sd-calendar",{key:"f9d50e345744d0ce127028edba60ba4c17dba372",value:this.value,selectable:this.selectable,onSdSelect:this.handleSelect,onSdViewChange:this.handleViewChange}))))}};i.style=".sd-date-picker.sc-sd-date-picker{width:100%;display:inline-block}.sd-date-picker.sc-sd-date-picker .sd-date-picker--disabled.sc-sd-date-picker .date-icon.sc-sd-date-picker{cursor:not-allowed !important;color:#888888 !important}.sd-date-picker.sc-sd-date-picker .sd-date-picker__input.sc-sd-date-picker{text-align:center !important}.sd-date-picker__menu.sc-sd-date-picker{border-radius:8px;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.2)}";export{i as sd_date_picker}

package/dist/design-system/p-87a783a7.entry.js

@@ -1 +0,0 @@
-import{r as s,g as e,h as t,F as i}from"./p-B8tGP77V.js";import{T as o}from"./p-BeCHKP_I.js";var a={icon:"12",color:"#888888"},n="#07284A";const l=class{constructor(e){s(this,e)}get el(){return e(this)}show=!1;placement="bottom";color="#01BB4B";icon="helpOutline";iconSize=12;label="";buttonSize="sm";buttonVariant="primary";menuTitle;messages=[];buttons=[];menuClass="";noHover=!0;useClose=!1;showPopover=!1;slotContent="";watchShowHandler(s){this.showPopover=s}componentWillLoad(){this.showPopover=this.show,this.slotContent=this.el.innerHTML}buttonEl;handleClose=()=>{this.showPopover=!1};render(){return t(i,{key:"583cb5e2f7cb123dc1a11edeff0e6f6075e95950"},this.label?t("sd-button",{ref:s=>this.buttonEl=s,label:this.label,icon:this.icon,size:this.buttonSize,color:this.color,variant:this.buttonVariant,class:"sd-popover",onSdClick:()=>this.showPopover=!this.showPopover}):t("sd-icon",{ref:s=>this.buttonEl=s,name:this.icon,size:this.iconSize,color:this.color,class:"sd-popover",onClick:()=>this.showPopover=!this.showPopover}),this.showPopover&&t("sd-floating-portal",{key:"a0a4242a6cd1925a29b2e7be27f50b20377120de",parentRef:this.buttonEl,onSdClose:this.handleClose,placement:this.placement},t("div",{key:"251ddf3c159ae0f79c32643da7e1bef3d25caeeb",class:{"sd-floating-menu":!0,"sd-floating-menu--popover":!0,[`sd-floating-menu--${this.placement}`]:!0,[this.menuClass]:!!this.menuClass},style:{"--sd-floating-bg":n}},t("i",{key:"4ce84717389086099d17ac8c69519d4dfd707d64",class:`sd-floating-menu__arrow sd-floating-menu__arrow--${this.placement}`},t(o,{key:"da5b99c7236bd9e6199971121cafc2537b5d96ee"})),t("div",{key:"cc5dc4fc0abb24b4e515eae7031c812bf1178633",class:"sd-floating-menu__content"},this.menuTitle&&t("div",{key:"818f93a2a9820422652df595e0fd027873f6a93d",class:"sd-floating-menu__title"},this.menuTitle),this.messages.length>0&&t("div",{key:"4f9cd0152c8f3697f419b63e73170a95def35a7b",class:"sd-floating-menu__messages"},this.messages.map((s=>t("div",null,s)))),this.buttons.length>0&&t("div",{key:"d1fe902b212315eab787b73ac3f38b0bf67f7955",class:`sd-floating-menu__buttons sd-floating-menu__buttons--${this.buttons.length}`},this.buttons.map((s=>t("sd-button",{...s}))))),this.useClose&&t("button",{key:"b043c92f872ef490715ee9735a413835d9350e32",title:"close",class:"sd-floating-menu__close-button",onClick:()=>this.handleClose()},t("sd-icon",{key:"19b5e26bec245315ff2d1187b7559bcf592a2490",name:"close",size:a.icon,color:a.color})))))}static get watchers(){return{show:[{watchShowHandler:0}]}}};l.style="sd-popover{position:relative;cursor:pointer;display:inline-flex}";export{l as sd_popover}

package/dist/design-system/p-BXY0UBNx.js

@@ -1 +0,0 @@
-var e={default:"#888888",disabled:"#BBBBBB"},d={fontWeight:"400",fontSize:"12",lineHeight:"20"},t={default:"#222222",disabled:"#888888"},a={bg:"#F6F6F6",border:{default:"#AAAAAA",disabled:"#CCCCCC"}},i={depth1:"12",depth2:"20",depth3:"28"},n={fontWeight:"400",fontSize:"12",lineHeight:"20"},o={default:"#FFFFFF",hover:"#0075FF"},l={default:"#222222",hover:"#FFFFFF",disabled:"#888888"},h={bg:{default:"#EFF6FF"},border:{color:"#E1E1E1",width:"1"}};const r={paddingX:"12",gap:"8"},f={fontSize:d.fontSize,lineHeight:d.lineHeight,fontWeight:d.fontWeight},s={icon:{default:e.default,disabled:e.disabled},text:{default:t.default,disabled:t.disabled},addonLabel:{bg:a.bg,border:{default:a.border.default,disabled:a.border.disabled}}},g={paddingY:"4",paddingRight:"12",paddingLeft:{depth1:i.depth1,depth2:i.depth2,depth3:i.depth3},gap:"8"},F={fontSize:n.fontSize,lineHeight:n.lineHeight,fontWeight:n.fontWeight},b={bg:{default:o.default,hover:o.hover},content:{default:l.default,hover:l.hover,disabled:l.disabled},depth1:{bg:h.bg.default,border:h.border.color,borderWidth:h.border.width},depth2:{bg:{middle:{bg:"#F6F6F6"}}.middle.bg}},u={radius:"4",paddingBottom:"4"},p=11,c=1e3,B="표시할 항목이 없습니다.";function v(e){return e.reduce(((e,d)=>d.children?e+v(d.children):e+1),0)}function A(e,d){const t=d.toLowerCase();return e.reduce(((e,a)=>{if(a.label.toLowerCase().includes(t))e.push({...a,children:a.children?[]:void 0});else if(a.children){const t=A(a.children,d);t.length>0&&e.push({...a,children:t})}return e}),[])}export{B as E,u as L,p as S,s as a,f as b,v as c,r as d,g as e,A as f,b as g,F as h,c as i}

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

@@ -1 +0,0 @@
-import{r as t,c as o,g as e,h as a}from"./p-B8tGP77V.js";var s={size:"20",color:"#888888"},d={positive:{icon:"#0075FF"},negative:{icon:"#E30000"}};const i={positive:"primary_md",negative:"danger_md"},l={positive:"notificationOutline",negative:"warningOutline"},n={positive:d.positive.icon,negative:d.negative.icon},c=Number({icon:"32"}.icon),m=Number(s.size),r=s.color,h=class{constructor(e){t(this,e),this.close=o(this,"sdClose"),this.confirm=o(this,"sdConfirm")}get el(){return e(this)}hasSlottedContent=!1;customContentRef;slotObserver;type="positive";modalTitle="";titleClass="";topMessage=[];bottomMessage=[];mainButtonName;mainButtonLabel="확인";subButtonLabel="";tagPreset;tagLabel="";slotLabel="";tagContents;close;confirm;componentWillLoad(){this.syncHasSlottedContent()}componentDidLoad(){"undefined"!=typeof MutationObserver&&(this.slotObserver=new MutationObserver((()=>this.syncHasSlottedContent())),this.slotObserver.observe(this.el,{childList:!0,characterData:!0}))}componentDidRender(){this.customContentRef&&this.tagContents instanceof HTMLElement&&("function"==typeof this.customContentRef.replaceChildren?this.customContentRef.replaceChildren(this.tagContents):(this.customContentRef.innerHTML="",this.customContentRef.appendChild(this.tagContents)))}disconnectedCallback(){this.slotObserver?.disconnect()}get resolvedMainButton(){return this.mainButtonName??i[this.type]}get hasTagContent(){return!(!this.tagLabel||!this.tagPreset)}get showContentBox(){return!!this.tagContents||this.hasTagContent||this.hasSlottedContent}syncHasSlottedContent(){const t=Array.from(this.el.childNodes).some((t=>!(t.nodeType===Node.ELEMENT_NODE&&t.classList.contains("sd-confirm-modal"))&&(t.nodeType===Node.ELEMENT_NODE||t.nodeType===Node.TEXT_NODE&&t.textContent?.trim())));t!==this.hasSlottedContent&&(this.hasSlottedContent=t)}render(){const t=l[this.type],o=n[this.type];return a("div",{key:"79b2bc6c82470f18097f709af199379b7f9c33e9",class:"sd-confirm-modal"},a("sd-icon",{key:"20d09afc087d1f1d293295dfda2b7c0b65fca032",class:"sd-confirm-modal__close-button",name:"close",size:m,color:r,onClick:()=>this.close.emit()}),a("sd-icon",{key:"7ef48200946dceef27e32bf51e2e57ee7db9e5c8",class:"sd-confirm-modal__icon",name:t,size:c,color:o}),a("h2",{key:"7937da9ba581a59b6d33cef5c63ccaf01714cc71",class:`sd-confirm-modal__title ${this.titleClass}`},this.modalTitle),a("div",{key:"ded09b7f81f990fd5b4ce7bb78eebf4578012b41",class:"sd-confirm-modal__body"},(this.topMessage??[]).length>0&&a("div",{key:"25b0ad2313003f0fa5a119d63e80d1a96e1af5f5",class:"sd-confirm-modal__message"},(this.topMessage??[]).map((t=>a("p",{class:"sd-confirm-modal__message-text",innerHTML:t})))),this.showContentBox&&a("div",{key:"51d76d5923a384ac82d1e4a463981ab25655037d",class:"sd-confirm-modal__content-box"},this.tagContents?a("div",{class:"sd-confirm-modal__custom-content",ref:t=>{this.customContentRef=t}}):a("slot",{onSlotchange:()=>this.syncHasSlottedContent()},this.hasTagContent&&a("sd-tag",{name:this.tagPreset,label:this.tagLabel}),this.slotLabel&&a("span",{class:"sd-confirm-modal__slot-label"},this.slotLabel))),(this.bottomMessage??[]).length>0&&a("div",{key:"8ef574ff752ccee7ba28cb4824fc7968bb86b344",class:"sd-confirm-modal__message"},(this.bottomMessage??[]).map((t=>a("p",{class:"sd-confirm-modal__message-text",innerHTML:t}))))),a("div",{key:"bd5e3dc0bd36c33a7b47ce328121427d44d53a86",class:"sd-confirm-modal__button"},this.subButtonLabel&&a("sd-button-v2",{key:"ff8c7487883f2a4c740baa8966e641975bc4ba14",name:"neutral_outline_md",label:this.subButtonLabel,onSdClick:()=>this.close.emit()}),a("sd-button-v2",{key:"176cfe2404deb3d57e4a87206a339f797536b51c",name:this.resolvedMainButton,label:this.mainButtonLabel,onSdClick:()=>this.confirm.emit()})))}};h.style="sd-confirm-modal{display:block;width:fit-content;min-width:520px}sd-confirm-modal .sd-confirm-modal{position:relative;padding:var(--sd-modal-modal-padding-y) var(--sd-modal-modal-padding-x);border-radius:var(--sd-modal-modal-radius);box-shadow:4px 4px 24px 4px rgba(0, 0, 0, 0.2);background:var(--sd-modal-modal-bg)}sd-confirm-modal .sd-confirm-modal__close-button{position:absolute;top:16px;right:16px;cursor:pointer}sd-confirm-modal .sd-confirm-modal__icon{display:block;width:var(--sd-modal-modal-title-icon);height:var(--sd-modal-modal-title-icon);margin:0 auto var(--sd-modal-modal-title-gap) auto}sd-confirm-modal .sd-confirm-modal__title{color:var(--sd-modal-modal-title-color);font-size:var(--sd-modal-modal-title-typography-font-size);font-weight:var(--sd-modal-modal-title-typography-font-weight);line-height:var(--sd-modal-modal-title-typography-line-height);text-align:center;margin:0 0 var(--sd-modal-modal-body-gap) 0}sd-confirm-modal .sd-confirm-modal__body{display:flex;flex-direction:column;gap:var(--sd-modal-modal-body-gap)}sd-confirm-modal .sd-confirm-modal__message-text{color:var(--sd-modal-modal-message-color);font-size:var(--sd-modal-modal-message-typography-font-size);font-weight:var(--sd-modal-modal-message-typography-font-weight);line-height:var(--sd-modal-modal-message-typography-line-height);text-align:center;margin:0}sd-confirm-modal .sd-confirm-modal__content-box{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:1px solid #e1e1e1;border-radius:8px;background:white}sd-confirm-modal .sd-confirm-modal__slot-label{font-size:14px;font-weight:700;line-height:var(--sd-modal-modal-message-typography-line-height);color:var(--sd-modal-modal-message-color)}sd-confirm-modal .sd-confirm-modal__button{display:flex;justify-content:center;gap:var(--sd-modal-modal-button-gap);margin-top:32px}";const f="neutral_outline_md",g=class{constructor(e){t(this,e),this.close=o(this,"sdClose"),this.confirm=o(this,"sdConfirm")}get el(){return e(this)}hasSlottedContent=!1;customContentRef;slotObserver;modalTitle="";titleClass="";topMessage=[];bottomMessage=[];mainButtonLabel="확인";subButtonLabel="";tagPreset;tagLabel="";slotLabel="";tagContents;close;confirm;componentWillLoad(){this.syncHasSlottedContent()}componentDidLoad(){"undefined"!=typeof MutationObserver&&(this.slotObserver=new MutationObserver((()=>this.syncHasSlottedContent())),this.slotObserver.observe(this.el,{childList:!0,characterData:!0}))}componentDidRender(){this.customContentRef&&this.tagContents instanceof HTMLElement&&("function"==typeof this.customContentRef.replaceChildren?this.customContentRef.replaceChildren(this.tagContents):(this.customContentRef.innerHTML="",this.customContentRef.appendChild(this.tagContents)))}disconnectedCallback(){this.slotObserver?.disconnect()}get hasTagContent(){return!(!this.tagLabel||!this.tagPreset)}get showContentBox(){return!!this.tagContents||this.hasTagContent||this.hasSlottedContent}syncHasSlottedContent(){const t=Array.from(this.el.childNodes).some((t=>!(t.nodeType===Node.ELEMENT_NODE&&t.classList.contains("sd-notice-modal"))&&(t.nodeType===Node.ELEMENT_NODE||t.nodeType===Node.TEXT_NODE&&t.textContent?.trim())));t!==this.hasSlottedContent&&(this.hasSlottedContent=t)}render(){return a("div",{key:"522489e0b0c0706b25f5e99215d8bb75e94f1596",class:"sd-notice-modal"},a("sd-icon",{key:"e6ca52391427d0f1a429feeb97337e716aae5920",class:"sd-notice-modal__close-button",name:"close",size:m,color:r,onClick:()=>this.close.emit()}),a("h2",{key:"7c7f4c3ad01d421a7f75f14d93cc0ba58526bfd6",class:`sd-notice-modal__title ${this.titleClass}`},this.modalTitle),a("div",{key:"afc982ef15da5884f181e189f78a9986a467ff40",class:"sd-notice-modal__body"},(this.topMessage??[]).length>0&&a("div",{key:"028b03030a7a1b29ec54910807878da39f8ea156",class:"sd-notice-modal__message"},(this.topMessage??[]).map((t=>a("p",{class:"sd-notice-modal__message-text",innerHTML:t})))),this.showContentBox&&a("div",{key:"fa12a72c4ac271d6e57ec85415f6144f1b38b146",class:"sd-notice-modal__content-box"},this.tagContents?a("div",{class:"sd-notice-modal__custom-content",ref:t=>{this.customContentRef=t}}):a("slot",{onSlotchange:()=>this.syncHasSlottedContent()},this.hasTagContent&&a("sd-tag",{name:this.tagPreset,label:this.tagLabel}),this.slotLabel&&a("span",{class:"sd-notice-modal__slot-label"},this.slotLabel))),(this.bottomMessage??[]).length>0&&a("div",{key:"39008c0c41e84a92b02aa310e32dacf7b1b3ea83",class:"sd-notice-modal__message"},(this.bottomMessage??[]).map((t=>a("p",{class:"sd-notice-modal__message-text",innerHTML:t}))))),a("div",{key:"54062ddaf99170af5bcf8caa1f6d80ce3f24b4b2",class:"sd-notice-modal__button"},this.subButtonLabel&&a("sd-button-v2",{key:"c0365120540bf5e7f9e43955a8099e019837e4d6",name:f,label:this.subButtonLabel,onSdClick:()=>this.close.emit()}),a("sd-button-v2",{key:"c51c93f72ebbe91e87aa0d0d561227f6b66b5e74",name:f,label:this.mainButtonLabel,onSdClick:()=>this.confirm.emit()})))}};g.style="sd-notice-modal{display:block;width:fit-content;min-width:520px}sd-notice-modal .sd-notice-modal{position:relative;padding:var(--sd-modal-modal-padding-y) var(--sd-modal-modal-padding-x);border-radius:var(--sd-modal-modal-radius);box-shadow:4px 4px 24px 4px rgba(0, 0, 0, 0.2);background:var(--sd-modal-modal-bg)}sd-notice-modal .sd-notice-modal__close-button{position:absolute;top:16px;right:16px;cursor:pointer}sd-notice-modal .sd-notice-modal__title{color:var(--sd-modal-modal-title-color);font-size:var(--sd-modal-modal-title-typography-font-size);font-weight:var(--sd-modal-modal-title-typography-font-weight);line-height:var(--sd-modal-modal-title-typography-line-height);text-align:center;margin:0 0 var(--sd-modal-modal-body-gap) 0}sd-notice-modal .sd-notice-modal__body{display:flex;flex-direction:column;gap:var(--sd-modal-modal-body-gap)}sd-notice-modal .sd-notice-modal__message-text{color:var(--sd-modal-modal-message-color);font-size:var(--sd-modal-modal-message-typography-font-size);font-weight:var(--sd-modal-modal-message-typography-font-weight);line-height:var(--sd-modal-modal-message-typography-line-height);text-align:center;margin:0}sd-notice-modal .sd-notice-modal__content-box{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:1px solid #e1e1e1;border-radius:8px;background:white}sd-notice-modal .sd-notice-modal__slot-label{font-size:14px;font-weight:700;line-height:var(--sd-modal-modal-message-typography-line-height);color:var(--sd-modal-modal-message-color)}sd-notice-modal .sd-notice-modal__button{display:flex;justify-content:center;gap:var(--sd-modal-modal-button-gap);margin-top:32px}";export{h as sd_confirm_modal,g as sd_notice_modal}

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

@@ -1 +0,0 @@
-import{r as t,c as e,g as s,h as i,F as o}from"./p-B8tGP77V.js";import{n as r}from"./p-CCwNgVmC.js";import{B as n}from"./p-CRdYeSBK.js";import{S as l}from"./p-Cy6HMEsK.js";const h=class extends n{constructor(s){super(),t(this,s),this.update=e(this,"sdUpdate"),this.dropDownShow=e(this,"sdDropDownShow")}get el(){return s(this)}value=null;options=[];placeholder="선택";optionPlaceholder="선택지가 없습니다.";width="200px";dropdownHeight="260px";autoFocus=!1;disabled=!1;clearable=!1;searchable=!1;label="";insideLabel=!1;icon=void 0;labelTooltip="";labelTooltipProps=null;rules=[];error=!1;containerStyle={};triggerStyle={};dropdownStyle={};optionStyle={};labelStyle={};optionRenderer;filteredOptions=[];isOpen=!1;searchText=null;itemIndex=-1;isScrolled=!1;isDropdownReady=!1;update;dropDownShow;selectRef;searchRef;triggerRef;optionRef;dropdownRef;formField;dropDownWidth="200px";name=r();async sdOpen(){await new Promise((t=>setTimeout(t,0))),this.isOpen=!0}async sdValidate(){this.formField?.sdValidate()}async sdReset(){this.formField?.sdReset()}async sdResetValidate(){this.formField?.sdResetValidation()}async sdFocus(){this.formField?.sdFocus()}optionsChanged(){this.filteredOptions=this.options,this.filterOptions()}searchTextChanged(){this.filterOptions()}async itemIndexChanged(t,e){if(this.searchable){const t=await this.getNativeInputElement();if(-1===this.itemIndex)return void t?.focus({preventScroll:!0});t?.matches(":focus")&&t?.blur()}const s=Array.from(this.dropdownRef?.querySelectorAll("sd-select-option-group")||[]),i=s?.[this.itemIndex];i&&this.isOpen&&(this.optionRef=i,await this.optionRef.isDisabled()?t>e?this.itemIndex++:this.itemIndex--:this.scrollToOption(i))}async isOpenChanged(){this.onDropdownToggle(this.isOpen),this.dropDownShow?.emit({isOpen:this.isOpen}),this.isDropdownReady=!1,!1!==this.isOpen?requestAnimationFrame((()=>{requestAnimationFrame((async()=>{const t=this.getSelectedOption();if(t){const e=this.filteredOptions.indexOf(t),s=Array.from(this.dropdownRef?.querySelectorAll("sd-select-option-group")||[]),i=Math.min(e+4,s.length-1),o=s?.[i];o&&this.scrollToOption(o)}if(this.isDropdownReady=!0,this.searchable){const t=await this.getNativeInputElement();t&&requestAnimationFrame((()=>{t.focus({preventScroll:!0})}))}}))})):await(this.formField?.sdValidate())}componentWillLoad(){this.filteredOptions=this.options,this.dropDownWidth=this.width,this.initializeEvent()}componentDidLoad(){this.autoFocus&&this.selectRef?.focus()}componentDidRender(){const t=this.triggerRef,e=t?.getBoundingClientRect();this.dropDownWidth=e?.width?`${e.width}px`:this.width}disconnectedCallback(){this.cleanupEvent()}handleDocumentClick(t){this.selectRef?.contains(t.target)||(this.isOpen=!1)}handleDocumentKeydown(t){if(t.stopPropagation(),["ArrowDown","ArrowUp","Enter","Escape"].includes(t.key))switch(t.preventDefault(),t.key){case"ArrowDown":case"ArrowUp":const e=new l(this.searchable,this.filteredOptions).getNextIndex(this.itemIndex,t.key);this.itemIndex=e;break;case"Enter":const s=this.filteredOptions[this.itemIndex];s&&!s.disabled&&"item"===s.type&&this.handleOptionSelection(s);break;case"Escape":this.isOpen=!1}}handleTriggerClick=t=>{t.stopPropagation(),this.disabled||(this.isOpen=!this.isOpen,this.dropDownShow?.emit({isOpen:this.isOpen}))};handleOptionClick=t=>{const{option:e,event:s}=t;s.stopPropagation(),"item"===e.type&&this.handleOptionSelection(e)};filterOptions(){if(!this.searchText||""===this.searchText.trim())return void(this.filteredOptions=this.options);const t=this.searchText.toLowerCase(),e=new Set;this.options.forEach((s=>{s.label.toLowerCase().includes(t)&&(e.add(s),this.addParentGroups(s,e))})),this.filteredOptions=this.options.filter((t=>e.has(t)))}addParentGroups(t,e){if(!t.parent)return;const s=this.options.find((e=>e.value===t.parent));s&&!e.has(s)&&(e.add(s),this.addParentGroups(s,e))}getSelectedOption(){return this.options.find((t=>t.value===this.value))}handleDropdownScroll=t=>{this.isScrolled=t.target.scrollTop>0};async getNativeInputElement(){return this.searchRef?this.searchRef.sdGetNativeElement():null}handleOptionSelection=t=>{if(!t||t.disabled)return;this.value=t.value,this.isOpen=!1;const e=this.getSelectedOption();this.update?.emit({value:e?.value||null,option:e||null})};closeDropdown(){this.isOpen=!1}async scrollToOption(t){this.dropdownRef&&t&&requestAnimationFrame((()=>{const e=this.dropdownRef,s=t.offsetTop,i=t.offsetHeight,o=e.scrollTop,r=e.clientHeight,n=e.querySelector(".sd-select-group__search-container"),l=n?n.offsetHeight:0,h=r-l,a=o+r;s<o+l?e.scrollTo({top:s-l,behavior:"instant"}):s+i>a&&e.scrollTo({top:s+i-h-l,behavior:"instant"})}))}render(){return i("sd-field",{key:"343870c96352644f1f32570296473d2f06a65750",label:this.label,name:this.name,rules:this.rules,error:this.error,disabled:this.disabled,icon:this.icon,insideLabel:this.insideLabel,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:t=>this.formField=t,style:{"--field-width":this.width||"200px"}},i("div",{key:"05d7ced4e332e5ab2f66b44b517f4e59b12ecf64",class:{"sd-select-group":!0,"sd-select-group--open":this.isOpen,"sd-select-group--disabled":this.disabled,"sd-select-group--label":!!this.label},ref:t=>this.selectRef=t},this.renderTrigger(),this.renderDropdown()))}renderTrigger(){const t=this.getSelectedOption();return i("div",{class:"sd-select-group__trigger",tabindex:this.disabled?-1:0,onClick:this.handleTriggerClick,style:this.triggerStyle,ref:t=>this.triggerRef=t},i("span",{class:"sd-select-group__value"},t?t.label:this.placeholder),this.clearable&&t&&!this.disabled&&i("sd-icon",{key:"close-icon",name:"close",size:10,color:"grey_65",class:"sd-select-group__clear",onClick:async t=>{t.stopPropagation(),this.value=null,this.update?.emit({value:null,option:null}),await(this.formField?.sdValidate())}}),i("sd-icon",{key:"arrow-icon",name:"arrowDown",color:"grey_65",class:{"sd-select-group__arrow":!0,"sd-select-group__arrow--open":this.isOpen}}))}renderDropdown(){return!1===this.isOpen?null:i("sd-portal",{open:this.isOpen,parentRef:this.selectRef,onSdClose:this.closeDropdown},i("div",{style:{width:"0",height:"0",overflow:"visible"}},i("div",{class:{"sd-select-group__dropdown":!0,"sd-select-group__dropdown--ready":this.isDropdownReady},style:{"--select-width":this.dropDownWidth||"200px","--select-dropdown-height":this.dropdownHeight||"260px",...this.dropdownStyle},onScroll:this.handleDropdownScroll,ref:t=>this.dropdownRef=t},this.searchable&&i("sd-select-search-input",{ref:t=>this.searchRef=t,isScrolled:this.isScrolled,searchText:this.searchText,onSdSearchInput:t=>this.searchText=t.detail||"",onSdSearchFocus:()=>this.itemIndex=-1}),this.filteredOptions.length>0?i(o,null,this.filteredOptions.map(((t,e)=>i("slot",{name:`option-${t.value}`},i("sd-select-option-group",{option:t,index:e,isSelected:"item"===t.type&&t.value===this.value,isFocused:e===this.itemIndex,optionStyle:this.optionStyle,onOptionClick:({detail:e})=>{"item"===t.type&&this.handleOptionClick(e)},useCheckbox:!1,useIndicator:!1}))))):i("slot",{name:"option-placeholder"},i("div",{class:"sd-select-group__option-placeholder",style:this.optionStyle},this.optionPlaceholder)))))}static get watchers(){return{options:[{optionsChanged:0}],searchText:[{searchTextChanged:0}],itemIndex:[{itemIndexChanged:0}],isOpen:[{isOpenChanged:0}]}}};h.style=".sd-select-group__dropdown .sd-select-group__option-placeholder{height:48px;display:flex;align-items:center;padding:8px 16px;font-size:12px;line-height:0;text-align:left;color:#888888}sd-select-group{display:inline-flex;flex-flow:column nowrap;width:fit-content;height:fit-content}sd-select-group:focus,sd-select-group:focus-visible,sd-select-group:focus-within{outline:none !important}sd-select-group .sd-select-group{width:100%}sd-select-group .sd-select-group .sd-select-group__trigger{padding:4px 28px 4px 12px;display:flex;width:100%;height:100%;align-items:center}sd-select-group .sd-select-group .sd-select-group__trigger .sd-select-group__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px;font-size:12px;font-weight:400;text-align:left}sd-select-group .sd-select-group .sd-select-group__trigger .sd-select-group__clear{margin:0 4px;width:8px;height:8px;background-color:transparent;outline:none;border:none}sd-select-group .sd-select-group .sd-select-group__arrow{position:absolute;top:8px;right:8px;width:12px;height:12px;color:#888888;transition:transform 0.3s ease}sd-select-group .sd-select-group .sd-select-group__arrow--open{transform:rotate(180deg)}.sd-select-group__dropdown{overflow:auto;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;opacity:0.5;transition:opacity 0.15s ease-in}.sd-select-group__dropdown--ready{opacity:1}";export{h as sd_select_group}