@sellmate/design-system 1.0.0 → 1.0.2

package/dist/design-system/p-694c9cc9.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["registerInstance","getElement","h","Host","createEvent","sdFieldCss","FORM_PARENT_TAGS","SdField","constructor","hostRef","this","el","name","rules","error","disabled","hovered","focused","status","label","insideLabel","useLabelRequired","labelTooltip","labelTooltipProps","errorMsg","hostElement","value","fieldStatus","componentDidLoad","findHostElement","registerToForm","disconnectedCallback","unregisterFromForm","tag","parent","closest","formEl","componentOnReady","then","form","sdRegisterField","sdUnregisterField","sdValidate","length","rule","result","setError","sdReset","sdResetValidation","sdFocus","focus","scrollIntoView","behavior","block","render","key","class","renderLabel","size","color","slot","style","nonSecure","hasRequiredNonSecure","requireNonSecure","urlAlphabet","customAlphabet","alphabet","defaultSize","id","i","Math","random","nanoid","nonSecureExports","sdInputCss","SdInput","input","blur","host","type","placeholder","clearable","width","barcode","autoFocus","inputClass","readonly","inputStyle","internalValue","nativeEl","undefined","formField","valueChanged","newValue","internalValueChanged","emit","sdGetNativeElement","sdResetValidate","componentWillLoad","handleInput","event","target","handleFocus","async","inputWidth","ref","onMouseEnter","onMouseLeave","autofocus","onInput","onFocus","onBlur","onClick","watchers","SdPortal","close","hostEl","to","parentRef","offset","zIndex","open","container","wrapper","rafId","isInsideClick","resizeObserver","mutationObserver","resolveContainer","createWrapper","moveSlotContent","updatePosition","observeParent","componentDidRender","display","unobserveParent","remove","document","querySelector","HTMLElement","body","createElement","Object","assign","position","toString","transition","appendChild","nodes","Array","from","childNodes","filter","n","nodeType","Node","COMMENT_NODE","forEach","cancelAnimationFrame","requestAnimationFrame","parentRect","getBoundingClientRect","wrapperRect","viewport","window","innerWidth","height","innerHeight","top","bottom","scrollY","left","scrollX","right","ResizeObserver","observe","MutationObserver","childList","subtree","disconnect","handleMouseDown","e","contains","handleWindowClick"],"sources":["0"],"mappings":"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","ignoreList":[]}

package/dist/design-system/p-7a18002e.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as i,a as t,h as s}from"./p-C3qNZ7Qh.js";const r=()=>`sd-file-picker{display:inline-flex;width:100%}.sd-file-picker{display:inline-flex;width:100%;align-items:center;max-width:var(--picker-width, 100%);height:28px;gap:8px;padding:4px 8px;border:1px solid #aaaaaa;border-radius:4px;background-color:#ffffff;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;vertical-align:middle}.sd-file-picker__text{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400;font-size:12px;line-height:20px;color:#aaaaaa}.sd-file-picker__text--active{color:#222222}.sd-file-picker__text--placeholder{color:#aaaaaa}.sd-file-picker__icon{flex-shrink:0}.sd-file-picker__clear-icon{flex-shrink:0;cursor:pointer;transition:opacity 0.2s ease}.sd-file-picker__clear-icon:hover{opacity:0.7}.sd-file-picker__input{display:none}.sd-file-picker__tooltip{position:absolute;top:calc(100% - 4px);left:50%;transform:translate(-50%);z-index:1000;white-space:nowrap;padding:8px 12px;background:rgba(0, 0, 0, 0.8);color:white;font-size:12px;line-height:18px;border-radius:4px;pointer-events:none}.sd-file-picker:hover:not(.sd-file-picker--inline):not(.sd-file-picker--disabled){background-color:#f6f6f6}.sd-file-picker--active:not(.sd-file-picker--inline):not(.sd-file-picker--disabled){background-color:#ffffff}.sd-file-picker--active:not(.sd-file-picker--inline):not(.sd-file-picker--disabled) .sd-file-picker__text{color:#222222}.sd-file-picker--disabled:not(.sd-file-picker--inline){background-color:#eeeeee;border-color:#cccccc;cursor:not-allowed !important}.sd-file-picker--disabled:not(.sd-file-picker--inline) .sd-file-picker__text{color:#888888}.sd-file-picker--inline{border:none;background-color:transparent;padding:0;height:auto}.sd-file-picker--inline .sd-file-picker__text{color:#aaaaaa}.sd-file-picker--inline:hover:not(.sd-file-picker--disabled) .sd-file-picker__text{color:#737373}.sd-file-picker--inline.sd-file-picker--active:not(.sd-file-picker--disabled) .sd-file-picker__text--active{color:#222222}.sd-file-picker--inline.sd-file-picker--disabled .sd-file-picker__text{color:#cccccc}`;const l=class{constructor(t){e(this,t);this.update=i(this,"sdUpdate")}get el(){return t(this)}value=null;placeholder="Click to upload";disabled=false;inline=false;multiple=false;accept;internalValue=null;hovered=false;showTooltip=false;fileInputRef;fileNamesRef;update;valueChanged(e){this.internalValue=e}componentDidLoad(){this.checkOverflow()}componentDidUpdate(){this.checkOverflow()}handleFileChange=e=>{const i=e.target;const t=i.files;if(!t||t.length===0){return}const s=Array.from(t);if(this.multiple){this.internalValue=s}else{this.internalValue=s[0]}this.value=this.internalValue;this.update?.emit(this.value)};handleClear=e=>{e.stopPropagation();const i=this.multiple?[]:null;this.value=i;this.internalValue=i;this.update?.emit(i);if(this.fileInputRef){this.fileInputRef.value=""}};handleClick=()=>{if(this.disabled)return;this.fileInputRef?.click()};getStatusClass(){if(this.disabled)return"sd-file-picker--disabled";if(this.hasFiles())return"sd-file-picker--active";return""}hasFiles(){if(!this.internalValue)return false;if(Array.isArray(this.internalValue)){return this.internalValue.length>0}return true}getDisplayText(){if(!this.hasFiles())return this.placeholder;if(Array.isArray(this.internalValue)){return this.internalValue.map((e=>e.name)).join(", ")}return this.internalValue?.name||this.placeholder}checkOverflow(){if(!this.fileNamesRef)return;const e=this.fileNamesRef.scrollWidth>this.fileNamesRef.clientWidth;this.showTooltip=e}getIconColor(){if(this.disabled){return this.inline?"grey_45":"grey_55"}return"grey_70"}render(){const e=this.hasFiles();const i=this.getDisplayText();return s("div",{key:"a41d17071dc1c54af38a25c143f7df3a2f8d8f83",class:{"sd-file-picker":true,[this.getStatusClass()]:true,"sd-file-picker--inline":this.inline},onClick:this.handleClick,onMouseEnter:()=>this.hovered=true,onMouseLeave:()=>this.hovered=false},s("input",{key:"31bd3ccd4fc132037b67d189478af6dcb5bf9c4a",ref:e=>this.fileInputRef=e,type:"file",class:"sd-file-picker__input",disabled:this.disabled,multiple:this.multiple,accept:this.accept,onInput:this.handleFileChange,"aria-label":this.placeholder}),s("sd-icon",{key:"a422d6902ec05313365d2832f1f77e7100dcf9c7",name:"attachFile",size:16,color:this.getIconColor(),class:"sd-file-picker__icon"}),s("div",{key:"c0ef65e1d2f5e2eea86d4047b990932d711e68bb",ref:e=>this.fileNamesRef=e,class:{"sd-file-picker__text":true,"sd-file-picker__text--placeholder":!e,"sd-file-picker__text--active":e}},i),!this.disabled&&e&&s("sd-icon",{key:"b57318271a1282655a6c7f90247f6e6a1813bceb",name:"close",size:12,color:"#888888",class:"sd-file-picker__clear-icon",onClick:this.handleClear}),this.showTooltip&&e&&this.hovered&&s("div",{key:"cc913b203d72fb0240ea22d7d266953c5ef31476",class:"sd-file-picker__tooltip"},i))}static get watchers(){return{value:["valueChanged"]}}};l.style=r();export{l as sd_file_picker};
+//# sourceMappingURL=p-7a18002e.entry.js.map

package/dist/design-system/p-7a18002e.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["registerInstance","createEvent","getElement","h","sdFilePickerCss","SdFilePicker","constructor","hostRef","this","update","el","value","placeholder","disabled","inline","multiple","accept","internalValue","hovered","showTooltip","fileInputRef","fileNamesRef","valueChanged","newValue","componentDidLoad","checkOverflow","componentDidUpdate","handleFileChange","event","input","target","files","length","fileArray","Array","from","emit","handleClear","stopPropagation","clearedValue","handleClick","click","getStatusClass","hasFiles","isArray","getDisplayText","map","f","name","join","isOverflowing","scrollWidth","clientWidth","getIconColor","render","displayText","key","class","onClick","onMouseEnter","onMouseLeave","ref","type","onInput","size","color","watchers","style"],"sources":["0"],"mappings":"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","ignoreList":[]}

package/dist/design-system/{p-0a2f733d.entry.js → p-82356c0a.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,a as n,h as i,H as s}from"./p-C3qNZ7Qh.js";const r=()=>`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-number-input{box-sizing:border-box;display:flex;width:var(--input-width, 100%);align-items:center;height:28px;padding:4px 8px;border:1px solid #aaaaaa;border-radius:4px;color:#333333;font-size:12px;line-height:20px;background:white;position:relative}.sd-number-input--hovered{border-color:#0075ff;box-shadow:0 0 4px 0 rgba(0, 113, 255, 0.4)}.sd-number-input.sd-number-input--error{border-color:#fb4444}.sd-number-input.sd-number-input--pass{border-color:#2bce6c}.sd-number-input.sd-number-input--disabled{background-color:#eeeeee !important;border-color:#cccccc !important;cursor:not-allowed !important;box-shadow:none !important}.sd-number-input.sd-number-input--disabled .sd-number-input__input{color:#888888 !important;cursor:not-allowed !important}.sd-number-input .sd-number-input__input{display:block;width:100%;height:20px;line-height:20px;border:none;outline:none;background:transparent;font-size:inherit;color:#333333;margin-left:4px;margin-right:4px;padding-block:0;padding-inline:0;text-align:right}.sd-number-input .sd-number-input__input::placeholder{font-size:12px;height:20px;line-height:20px;color:#aaaaaa}.sd-number-input .sd-number-input__clear-icon{cursor:pointer;margin-left:8px}.sd-number-input .sd-number-input__buttons{padding:4px;display:flex;justify-content:space-between;align-items:center;position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity 0.2s ease}.sd-number-input .sd-number-input__button{width:20px;height:20px;border:none;border-radius:2px;background-color:#eff6ff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;margin:0;transition:background-color 0.2s ease}.sd-number-input .sd-number-input__button:hover:not(:disabled){background-color:#e6f1ff}.sd-number-input .sd-number-input__button:disabled{background-color:#eeeeee;cursor:not-allowed}.sd-number-input .sd-number-input__button--decrement{border-bottom-left-radius:0;border-bottom-right-radius:0}.sd-number-input .sd-number-input__button--increment{border-top-left-radius:0;border-top-right-radius:0}.sd-number-input .sd-number-input__label{margin-bottom:8px;font-weight:500;color:#333333}sd-number-input:focus-within .sd-number-input__buttons{opacity:1;pointer-events:auto}sd-number-input:focus-within .sd-number-input{border-color:#0075ff;box-shadow:0 0 4px 0 rgba(0, 113, 255, 0.4)}`;const u=class{constructor(n){t(this,n);this.update=e(this,"sdUpdate");this.focus=e(this,"sdFocus");this.blur=e(this,"sdBlur")}get el(){return n(this)}min=Number.NEGATIVE_INFINITY;max=Number.POSITIVE_INFINITY;step=1;useButton=false;useDecimal=false;value=null;label;placeholder="입력해 주세요.";disabled=false;width;rules;autoFocus=false;status;inputClass="";readonly=false;inputStyle={};internalValue=null;displayValue="";hovered=false;error=false;nativeEl=undefined;update;focus;blur;formatWithCommas(t){if(t===null||t===undefined)return"";const e=t<0;const n=Math.abs(t);const[i,s]=n.toString().split(".");const r=(+i).toLocaleString();const u=e?"-"+r:r;return s?u+"."+s:String(u)}parseInput(t){if(!t||t.trim()==="")return null;const e=t.replace(/,/g,"").trim();if(!/^-?(\d+\.?\d*|\d*\.\d+)$/.test(e)){return null}const n=parseFloat(e);if(isNaN(n))return null;if(!this.useDecimal&&e.includes(".")){return null}return n}clampMinMax(t){return Math.min(Math.max(t,this.min),this.max)}updateDisplay(){this.displayValue=this.formatWithCommas(this.internalValue)}isIncrementDisabled(){if(this.disabled||this.readonly)return true;if(this.internalValue!==null){return this.internalValue>=this.max}return false}isDecrementDisabled(){if(this.disabled||this.readonly)return true;if(this.internalValue!==null){return this.internalValue<=this.min}return false}valueChanged(t){if(t===null||t===""){this.internalValue=null}else{const e=typeof t==="string"?this.parseInput(t):t;if(e!==null){this.internalValue=this.clampMinMax(e)}}this.updateDisplay()}internalValueChanged(t){this.updateDisplay();if(t!==this.value){this.value=t;this.update?.emit(t)}if(!this.rules||this.rules.length===0)return;this.error=false;for(const e of this.rules){const n=e(t);if(n!==true){this.error=true;break}}}componentWillLoad(){if(this.value!==null&&this.value!==undefined){const t=typeof this.value==="string"?this.parseInput(this.value):this.value;if(t!==null){this.internalValue=this.clampMinMax(t)}}this.updateDisplay()}handleInput=t=>{const e=t.target;const n=e.value;if(n===""){this.internalValue=null;this.displayValue="";return}const i=n.replace(/,/g,"");const s=(i.match(/\./g)||[]).length;if(s>1){e.value=this.displayValue;return}if(i==="-"||i==="."||i==="-."){e.value=i;return}if(i.endsWith(".")&&s===1){const t=i.slice(0,-1);const n=this.parseInput(t);if(n!==null){const t=this.formatWithCommas(n);e.value=t+".";return}}const r=this.parseInput(i);if(r!==null){if(r<this.min){e.value=this.displayValue;return}if(r>this.max){e.value=this.displayValue;return}this.internalValue=r;this.displayValue=this.formatWithCommas(r);e.value=this.displayValue}else{e.value=this.displayValue}};handleFocus=t=>{this.focus?.emit(t)};handleBlur=t=>{this.updateDisplay();if(this.nativeEl){this.nativeEl.value=this.displayValue}this.blur?.emit(t)};handleKeyDown=t=>{if(t.key==="ArrowUp"){t.preventDefault();this.handleIncrement()}else if(t.key==="ArrowDown"){t.preventDefault();this.handleDecrement()}};handleIncrement=()=>{if(this.isIncrementDisabled())return;const t=this.internalValue??this.min??0;let e=t+this.step;if(e>this.max){e=this.max}if(e===t)return;this.internalValue=e};handleDecrement=()=>{if(this.isDecrementDisabled())return;const t=this.internalValue??this.min??0;let e=t-this.step;if(e<this.min){e=this.min}if(e===t)return;this.internalValue=e};async sdGetNativeElement(){return this.nativeEl||null}getInputStatus(){if(this.disabled)return"sd-number-input--disabled";if(this.hovered)return"sd-number-input--hovered";if(this.status)return`sd-number-input--${this.status}`;if(this.error)return"sd-number-input--error";return""}render(){const t=this.width?{"--input-width":typeof this.width==="number"?`${this.width}px`:this.width}:{};const e={textAlign:this.useButton?"center":"right"};return i(s,{key:"cc0a8b33a183c708f4caab8b085647666f3f6a98",style:t,onFocus:this.handleFocus,onBlur:this.handleBlur},this.useButton?"use buttons":"dont use buttons",this.label&&i("div",{key:"65a9e62f1ae8d4c4f8712a93a86e5c179953d398",class:"sd-number-input__label"},this.label),i("label",{key:"25a1617e500b5c002b540215fa59c9d419468462",class:{"sd-number-input":true,[this.getInputStatus()]:true,"sd-number-input--with-buttons":this.useButton},onMouseEnter:()=>this.hovered=true,onMouseLeave:()=>this.hovered=false,style:this.inputStyle},i("input",{key:"3cdbc6d5f59a6eaa3766e38768c718ca69a2b111",ref:t=>this.nativeEl=t,class:`sd-number-input__input ${this.inputClass}`,type:"text",inputMode:"numeric",value:this.displayValue,placeholder:this.placeholder,disabled:this.disabled,readonly:this.readonly,autofocus:this.autoFocus,onInput:this.handleInput,onKeyDown:this.handleKeyDown,style:e}),this.useButton&&i("div",{key:"8929f899d9c3f06510fc7d7d9c9a33fbaf0786ac",class:"sd-number-input__buttons"},i("button",{key:"d3673187beb0c5941b38b78016596519bf802935",type:"button",class:{"sd-number-input__button":true,"sd-number-input__button--decrement":true},disabled:this.isDecrementDisabled(),onClick:this.handleDecrement,tabindex:-1},i("sd-icon",{key:"bd0b93c426d1dbc6ca5be932f999e0fa09538571",name:"minus",size:12,color:this.isDecrementDisabled()?"#CCCCCC":"#2D8DFF"})),i("button",{key:"b763da67109584b0c55dcfeaf3b2779c31c7caa4",type:"button",class:{"sd-number-input__button":true,"sd-number-input__button--increment":true},disabled:this.isIncrementDisabled(),onClick:this.handleIncrement,tabindex:-1},i("sd-icon",{key:"48c6fc62f19db50be1c23d65706b345a6d543d87",name:"add",size:12,color:this.isIncrementDisabled()?"#CCCCCC":"#2D8DFF"})))))}static get watchers(){return{value:["valueChanged"],internalValue:["internalValueChanged"]}}};u.style=r();export{u as sd_number_input};
-//# sourceMappingURL=p-0a2f733d.entry.js.map
+import{r as t,c as e,a as n,h as i,H as s}from"./p-C3qNZ7Qh.js";const r=()=>`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-number-input{box-sizing:border-box;display:flex;width:var(--input-width, 100%);align-items:center;height:28px;padding:4px 8px;border:1px solid #aaaaaa;border-radius:4px;color:#333333;font-size:12px;line-height:20px;background:white;position:relative}.sd-number-input--hovered{border-color:#0075ff;box-shadow:0 0 4px 0 rgba(0, 113, 255, 0.4)}.sd-number-input.sd-number-input--error{border-color:#fb4444}.sd-number-input.sd-number-input--pass{border-color:#2bce6c}.sd-number-input.sd-number-input--disabled{background-color:#eeeeee !important;border-color:#cccccc !important;cursor:not-allowed !important;box-shadow:none !important}.sd-number-input.sd-number-input--disabled .sd-number-input__input{color:#888888 !important;cursor:not-allowed !important}.sd-number-input .sd-number-input__input{display:block;width:100%;height:20px;line-height:20px;border:none;outline:none;background:transparent;font-size:inherit;color:#333333;margin-left:4px;margin-right:4px;padding-block:0;padding-inline:0;text-align:right}.sd-number-input .sd-number-input__input::placeholder{font-size:12px;height:20px;line-height:20px;color:#aaaaaa}.sd-number-input .sd-number-input__clear-icon{cursor:pointer;margin-left:8px}.sd-number-input .sd-number-input__buttons{padding:4px;display:flex;justify-content:space-between;align-items:center;position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity 0.2s ease}.sd-number-input .sd-number-input__button{width:20px;height:20px;border:none;border-radius:2px;background-color:#eff6ff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;margin:0;transition:background-color 0.2s ease}.sd-number-input .sd-number-input__button:hover:not(:disabled){background-color:#e6f1ff}.sd-number-input .sd-number-input__button:disabled{background-color:#eeeeee;cursor:not-allowed}.sd-number-input .sd-number-input__button--decrement{border-bottom-left-radius:0;border-bottom-right-radius:0}.sd-number-input .sd-number-input__button--increment{border-top-left-radius:0;border-top-right-radius:0}.sd-number-input .sd-number-input__label{margin-bottom:8px;font-weight:500;color:#333333}sd-number-input:focus-within .sd-number-input__buttons{opacity:1;pointer-events:auto}sd-number-input:focus-within .sd-number-input{border-color:#0075ff;box-shadow:0 0 4px 0 rgba(0, 113, 255, 0.4)}`;const u=class{constructor(n){t(this,n);this.update=e(this,"sdUpdate");this.focus=e(this,"sdFocus");this.blur=e(this,"sdBlur")}get el(){return n(this)}min=Number.NEGATIVE_INFINITY;max=Number.POSITIVE_INFINITY;step=1;useButton=false;useDecimal=false;value=null;label;placeholder="입력해 주세요.";disabled=false;width;rules;autoFocus=false;status;inputClass="";readonly=false;inputStyle={};internalValue=null;displayValue="";hovered=false;error=false;nativeEl=undefined;update;focus;blur;formatWithCommas(t){if(t===null||t===undefined)return"";const e=t<0;const n=Math.abs(t);const[i,s]=n.toString().split(".");const r=(+i).toLocaleString();const u=e?"-"+r:r;return s?u+"."+s:String(u)}parseInput(t){if(!t||t.trim()==="")return null;const e=t.replace(/,/g,"").trim();if(!/^-?(\d+\.?\d*|\d*\.\d+)$/.test(e)){return null}const n=parseFloat(e);if(isNaN(n))return null;if(!this.useDecimal&&e.includes(".")){return null}return n}clampMinMax(t){return Math.min(Math.max(t,this.min),this.max)}updateDisplay(){this.displayValue=this.formatWithCommas(this.internalValue)}isIncrementDisabled(){if(this.disabled||this.readonly)return true;if(this.internalValue!==null){return this.internalValue>=this.max}return false}isDecrementDisabled(){if(this.disabled||this.readonly)return true;if(this.internalValue!==null){return this.internalValue<=this.min}return false}valueChanged(t){if(t===null||t===""){this.internalValue=null}else{const e=typeof t==="string"?this.parseInput(t):t;if(e!==null){this.internalValue=this.clampMinMax(e)}}this.updateDisplay()}internalValueChanged(t){this.updateDisplay();if(t!==this.value){this.value=t;this.update?.emit(t)}if(!this.rules||this.rules.length===0)return;this.error=false;for(const e of this.rules){const n=e(t);if(n!==true){this.error=true;break}}}componentWillLoad(){if(this.value!==null&&this.value!==undefined){const t=typeof this.value==="string"?this.parseInput(this.value):this.value;if(t!==null){this.internalValue=this.clampMinMax(t)}}this.updateDisplay()}handleInput=t=>{const e=t.target;const n=e.value;if(n===""){this.internalValue=null;this.displayValue="";return}const i=n.replace(/,/g,"");const s=(i.match(/\./g)||[]).length;if(s>1){e.value=this.displayValue;return}if(i==="-"||i==="."||i==="-."){e.value=i;return}if(i.endsWith(".")&&s===1){const t=i.slice(0,-1);const n=this.parseInput(t);if(n!==null){const t=this.formatWithCommas(n);e.value=t+".";return}}const r=this.parseInput(i);if(r!==null){if(r<this.min){e.value=this.displayValue;return}if(r>this.max){e.value=this.displayValue;return}this.internalValue=r;this.displayValue=this.formatWithCommas(r);e.value=this.displayValue}else{e.value=this.displayValue}};handleFocus=t=>{this.focus?.emit(t)};handleBlur=t=>{this.updateDisplay();if(this.nativeEl){this.nativeEl.value=this.displayValue}this.blur?.emit(t)};handleKeyDown=t=>{if(t.key==="ArrowUp"){t.preventDefault();this.handleIncrement()}else if(t.key==="ArrowDown"){t.preventDefault();this.handleDecrement()}};handleIncrement=()=>{if(this.isIncrementDisabled())return;const t=this.internalValue??this.min??0;let e=t+this.step;if(e>this.max){e=this.max}if(e===t)return;this.internalValue=e};handleDecrement=()=>{if(this.isDecrementDisabled())return;const t=this.internalValue??this.min??0;let e=t-this.step;if(e<this.min){e=this.min}if(e===t)return;this.internalValue=e};async sdGetNativeElement(){return this.nativeEl||null}getInputStatus(){if(this.disabled)return"sd-number-input--disabled";if(this.hovered)return"sd-number-input--hovered";if(this.status)return`sd-number-input--${this.status}`;if(this.error)return"sd-number-input--error";return""}render(){const t=this.width?{"--input-width":typeof this.width==="number"?`${this.width}px`:this.width}:{};const e={textAlign:this.useButton?"center":"right"};return i(s,{key:"808776f5dac544141ffd67482d23a9e04c410900",style:t,onFocus:this.handleFocus,onBlur:this.handleBlur},this.useButton?"use buttons":"dont use buttons",this.label&&i("div",{key:"0c4ebbbfbe31d9d01f1652e7a2135e56c7d8bbb1",class:"sd-number-input__label"},this.label),i("label",{key:"c25ba6871d48f13a082f04a42e0d412e806031fc",class:{"sd-number-input":true,[this.getInputStatus()]:true,"sd-number-input--with-buttons":this.useButton},onMouseEnter:()=>this.hovered=true,onMouseLeave:()=>this.hovered=false,style:this.inputStyle},i("input",{key:"f2c88d5209f1886de1c7f89af8e7b1778bdc2ac1",ref:t=>this.nativeEl=t,class:`sd-number-input__input ${this.inputClass}`,type:"text",inputMode:"numeric",value:this.displayValue,placeholder:this.placeholder,disabled:this.disabled,readonly:this.readonly,autofocus:this.autoFocus,onInput:this.handleInput,onKeyDown:this.handleKeyDown,style:e}),this.useButton&&i("div",{key:"4c66e1a5b8880fed901aa6656e2e49ce817ae991",class:"sd-number-input__buttons"},i("button",{key:"39e2935eae836c7f209deebaa2c5ad79d8643920",type:"button",class:{"sd-number-input__button":true,"sd-number-input__button--decrement":true},disabled:this.isDecrementDisabled(),onClick:this.handleDecrement,tabindex:-1},i("sd-icon",{key:"a81ba14b5ebc2a46a2349fbb2de1015a2e1894a1",name:"minus",size:12,color:this.isDecrementDisabled()?"#CCCCCC":"#2D8DFF"})),i("button",{key:"2f2e8948470c699124b99e6862bf112bb79d7721",type:"button",class:{"sd-number-input__button":true,"sd-number-input__button--increment":true},disabled:this.isIncrementDisabled(),onClick:this.handleIncrement,tabindex:-1},i("sd-icon",{key:"c269060a857285fa060d4c4971235cc9fb4e991a",name:"add",size:12,color:this.isIncrementDisabled()?"#CCCCCC":"#2D8DFF"})))))}static get watchers(){return{value:["valueChanged"],internalValue:["internalValueChanged"]}}};u.style=r();export{u as sd_number_input};
+//# sourceMappingURL=p-82356c0a.entry.js.map

package/dist/design-system/{p-811c5aa4.entry.js → p-86830071.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as s,H as o,a as i}from"./p-C3qNZ7Qh.js";const c=()=>`.sd-select-dropdown{overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.sd-select-dropdown::-webkit-scrollbar{opacity:0;background:#e5e5e5}.sd-select-dropdown::-webkit-scrollbar:horizontal{height:8px}.sd-select-dropdown::-webkit-scrollbar:vertical{width:8px}.sd-select-dropdown::-webkit-scrollbar-thumb{height:80px;background-color:#cccccc;border-radius:4px}.sd-select-dropdown::-webkit-scrollbar-track{background-color:transparent}.sd-select-dropdown .sd-select-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-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;display:flex;flex-direction:column;opacity:0.5;transition:opacity 0.15s ease-in}.sd-select-dropdown--ready{opacity:1}`;const n=class{constructor(s){e(this,s);this.optionClick=t(this,"sdOptionClick");this.optionFiltered=t(this,"sdOptionFiltered");this.scroll=t(this,"sdScroll")}itemIndex;value=null;options;width;dropdownHeight;searchable;optionPlaceholder;useCheckbox=false;useAll=false;filteredOptions=this.options;searchText=null;isScrolled=false;isDropdownReady=false;optionClick;optionFiltered;scroll;filteredOptionsChanged(e){this.optionFiltered.emit(e)}searchTextChanged(){this.filterOptions()}async itemIndexChanged(e,t){if(this.searchable){const e=await this.getNativeInputElement();if(this.itemIndex===-1){e?.focus({preventScroll:true});return}else if(e?.matches(":focus")){e?.blur()}}const s=this.dropdownRef?.querySelectorAll(".sd-select-dropdown sd-select-option")||[];const o=s?.[this.itemIndex];if(!o)return;this.optionRef=o;const i=await this.optionRef.sdIsDisabled();if(i){e>t?this.itemIndex++:this.itemIndex--;return}this.scrollToOption(o)}componentWillLoad(){this.filteredOptions=this.options;requestAnimationFrame((()=>{requestAnimationFrame((async()=>{const e=this.getSelectedOption();if(e){const t=Array.isArray(e)?this.options.indexOf(e[0]):this.options.indexOf(e);const s=Array.from(this.dropdownRef?.querySelectorAll("sd-select-option")||[]);const o=this.useAll?t+1:t;const i=Math.min(o+4,s.length-1);const c=s?.[i];if(c){this.scrollToOption(c,"instant")}}this.isDropdownReady=true;if(this.searchable){const e=await this.getNativeInputElement();if(e){requestAnimationFrame((()=>{e.focus({preventScroll:true})}))}}}))}))}dropdownRef;searchRef;optionRef;get dropdownSize(){return{"--select-dropdown-width":this.width||"200px","--select-dropdown-height":this.dropdownHeight||"260px"}}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(){if(typeof this.value!=="object"){return this.options.find((e=>e.value===this.value))}return this.options.filter((e=>this.value?.includes(e)))}isOptionSelected(e){if(Array.isArray(this.value)){return this.value.some((t=>t.value===e))}return e===this.value}async getNativeInputElement(){if(this.searchRef){return this.searchRef.sdGetNativeElement()}return null}scrollToOption(e,t="smooth"){if(!this.dropdownRef||!e)return;const s=this.dropdownRef;const o=e.offsetTop;const i=e.offsetHeight;const c=s.scrollTop;const n=s.clientHeight;const d=s.querySelector(".sd-select-search-input");const l=d?d.offsetHeight:0;const r=c+l;const a=c+n;if(o<r){s.scrollTo({top:o-l,behavior:t})}else if(o+i>a){s.scrollTo({top:o+i-n+l,behavior:t})}}handleDropdownScroll=e=>{const t=e.target;const s=t.scrollTop;this.isScrolled=s>0};render(){return s(o,{key:"de06f67bf93dce6db12fee6bce3c6b11b7ee375f",style:this.dropdownSize},s("div",{key:"42510dd6a21f1aa224f5141555c02729d09a6baf",class:{"sd-select-dropdown":true,"sd-select-dropdown--ready":this.isDropdownReady},onScroll:this.handleDropdownScroll,ref:e=>this.dropdownRef=e},this.searchable&&s("sd-select-search-input",{key:"2177a7ad0dc3ea5ded63103a55e03b9b0d4d3913",ref:e=>this.searchRef=e,isScrolled:this.isScrolled,searchText:this.searchText,onSdSearchInput:e=>this.searchText=e.detail||"",onSdSearchFocus:()=>this.itemIndex=-1}),this.filteredOptions.length>0?this.filteredOptions.map(((e,t)=>s("slot",{name:`option-${e.value}`},s("sd-select-option",{option:e,index:t,isSelected:this.isOptionSelected(e.value),isFocused:t===this.itemIndex,onOptionClick:({detail:e})=>this.optionClick.emit(e),useCheckbox:this.useCheckbox})))):s("slot",{name:"option-placeholder"},s("div",{class:"sd-select-option-placeholder"},this.optionPlaceholder))))}static get watchers(){return{filteredOptions:["filteredOptionsChanged"],searchText:["searchTextChanged"],itemIndex:["itemIndexChanged"]}}};n.style=c();const d=()=>`sd-select-option{display:block;height:fit-content;line-height:0}sd-select-option .sd-select__option{display:flex;padding:4px 12px;font-size:12px;line-height:20px;cursor:pointer}sd-select-option .sd-select__option__checkbox-wrapper{display:flex;width:100%;column-gap:8px;align-items:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}sd-select-option .sd-select__option--focused{background-color:#e6f1ff}sd-select-option .sd-select__option--selected:not(:hover):not(.sd-select__option--use-checkbox),sd-select-option .sd-select__option--focused:not(:hover):not(.sd-select__option--use-checkbox){color:#0075ff;font-weight:700}sd-select-option .sd-select__option--disabled{color:#aaaaaa;cursor:not-allowed}sd-select-option .sd-select__option:hover:not(.sd-select__option--disabled){background-color:#0075ff;color:white}`;const l=class{constructor(s){e(this,s);this.optionClick=t(this,"optionClick")}get el(){return i(this)}option;index;isSelected=false;isFocused=false;optionStyle;disabled=false;useCheckbox=false;isHovered=false;async sdIsDisabled(){return!!this.option.disabled}optionClick;handleClick=e=>{e.stopPropagation();if(!this.option.disabled&&!this.disabled){this.optionClick.emit({option:this.option,index:this.index,event:e})}};render(){return s(o,{key:"33542be792e3345ee693a6064f9398ecd1fceda1"},s("div",{key:"408d402f5e4a845ebb896f78a557ac93ca414eaa",class:{"sd-select__option":true,"sd-select__option--selected":this.isSelected,"sd-select__option--disabled":!!this.option.disabled,"sd-select__option--focused":this.isFocused,"sd-select__option--use-checkbox":this.useCheckbox},onMouseEnter:()=>this.isHovered=true,onMouseLeave:()=>this.isHovered=false,style:this.optionStyle,"data-index":this.index,onClick:this.handleClick},this.useCheckbox?s("div",{class:"sd-select__option__checkbox-wrapper"},s("sd-checkbox",{value:this.isSelected,disabled:this.option.disabled,onClick:e=>{e.preventDefault();this.handleClick(e)}}),s("span",{class:"sd-select__option-label"},this.option.label)):this.option.label))}};l.style=d();const r=()=>`sd-select-search-input{position:sticky;top:0;display:flex;width:100%;background-color:white;align-items:center}sd-select-search-input .sd-select-search-input{position:sticky;top:0;display:flex;width:100%;background-color:white;align-items:center;padding:4px 8px}sd-select-search-input .sd-select-search-input sd-input{width:100%}sd-select-search-input .sd-select-search-input--scrolled{box-shadow:2px 2px 8px 2px rgba(0, 0, 0, 0.2)}`;const a=class{constructor(s){e(this,s);this.searchInput=t(this,"sdSearchInput");this.searchFocus=t(this,"sdSearchFocus")}isScrolled=false;searchText="";searchInput;searchFocus;searchRef;async sdGetNativeElement(){if(this.searchRef){return this.searchRef.sdGetNativeElement()}return null}async sdSearchInputFocus(){const e=await this.sdGetNativeElement();e?.focus({preventScroll:true})}render(){return s("div",{key:"199b6bdb1da143241f5e2cf797cc0f484b38aac0",class:{"sd-select-search-input":true,"sd-select-search-input--scrolled":!!this.isScrolled},onClick:e=>e.stopPropagation()},s("sd-input",{key:"c768d0a2324f3ea40cff3eb049ddfad3cddcb882",ref:e=>this.searchRef=e,value:this.searchText,placeholder:"검색",clearable:true,inputStyle:{"padding-left":"8px"},autofocus:true,onSdUpdate:e=>{this.searchInput.emit(String(e?.detail))},onSdFocus:()=>{this.searchFocus.emit()},onKeyDown:e=>{if(e.code==="Enter")e.stopPropagation()}},s("sd-icon",{key:"21062cf3032b5488487b61a08753de01a5de7b98",name:"search",size:16,color:"#737373",style:{marginRight:"4px"},slot:"prefix"})))}};a.style=r();export{n as sd_select_dropdown,l as sd_select_option,a as sd_select_search_input};
-//# sourceMappingURL=p-811c5aa4.entry.js.map
+import{r as e,c as t,h as s,H as o,a as i}from"./p-C3qNZ7Qh.js";const c=()=>`.sd-select-dropdown{overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.sd-select-dropdown::-webkit-scrollbar{opacity:0;background:#e5e5e5}.sd-select-dropdown::-webkit-scrollbar:horizontal{height:8px}.sd-select-dropdown::-webkit-scrollbar:vertical{width:8px}.sd-select-dropdown::-webkit-scrollbar-thumb{height:80px;background-color:#cccccc;border-radius:4px}.sd-select-dropdown::-webkit-scrollbar-track{background-color:transparent}.sd-select-dropdown .sd-select-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-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;display:flex;flex-direction:column;opacity:0.5;transition:opacity 0.15s ease-in}.sd-select-dropdown--ready{opacity:1}`;const n=class{constructor(s){e(this,s);this.optionClick=t(this,"sdOptionClick");this.optionFiltered=t(this,"sdOptionFiltered");this.scroll=t(this,"sdScroll")}itemIndex;value=null;options;width;dropdownHeight;searchable;optionPlaceholder;useCheckbox=false;useAll=false;filteredOptions=this.options;searchText=null;isScrolled=false;isDropdownReady=false;optionClick;optionFiltered;scroll;filteredOptionsChanged(e){this.optionFiltered.emit(e)}searchTextChanged(){this.filterOptions()}async itemIndexChanged(e,t){if(this.searchable){const e=await this.getNativeInputElement();if(this.itemIndex===-1){e?.focus({preventScroll:true});return}else if(e?.matches(":focus")){e?.blur()}}const s=this.dropdownRef?.querySelectorAll(".sd-select-dropdown sd-select-option")||[];const o=s?.[this.itemIndex];if(!o)return;this.optionRef=o;const i=await this.optionRef.sdIsDisabled();if(i){e>t?this.itemIndex++:this.itemIndex--;return}this.scrollToOption(o)}componentWillLoad(){this.filteredOptions=this.options;requestAnimationFrame((()=>{requestAnimationFrame((async()=>{const e=this.getSelectedOption();if(e){const t=Array.isArray(e)?this.options.indexOf(e[0]):this.options.indexOf(e);const s=Array.from(this.dropdownRef?.querySelectorAll("sd-select-option")||[]);const o=this.useAll?t+1:t;const i=Math.min(o+4,s.length-1);const c=s?.[i];if(c){this.scrollToOption(c,"instant")}}this.isDropdownReady=true;if(this.searchable){const e=await this.getNativeInputElement();if(e){requestAnimationFrame((()=>{e.focus({preventScroll:true})}))}}}))}))}dropdownRef;searchRef;optionRef;get dropdownSize(){return{"--select-dropdown-width":this.width||"200px","--select-dropdown-height":this.dropdownHeight||"260px"}}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(){if(typeof this.value!=="object"){return this.options.find((e=>e.value===this.value))}return this.options.filter((e=>this.value?.includes(e)))}isOptionSelected(e){if(Array.isArray(this.value)){return this.value.some((t=>t.value===e))}return e===this.value}async getNativeInputElement(){if(this.searchRef){return this.searchRef.sdGetNativeElement()}return null}scrollToOption(e,t="smooth"){if(!this.dropdownRef||!e)return;const s=this.dropdownRef;const o=e.offsetTop;const i=e.offsetHeight;const c=s.scrollTop;const n=s.clientHeight;const d=s.querySelector(".sd-select-search-input");const l=d?d.offsetHeight:0;const r=c+l;const h=c+n;if(o<r){s.scrollTo({top:o-l,behavior:t})}else if(o+i>h){s.scrollTo({top:o+i-n+l,behavior:t})}}handleDropdownScroll=e=>{const t=e.target;const s=t.scrollTop;this.isScrolled=s>0};render(){return s(o,{key:"bfb74ca8fece27f39c48185cd087ee1efaf52cd9",style:this.dropdownSize},s("div",{key:"c1c9f7cf52432c48e080969d2324676310d7e7f9",class:{"sd-select-dropdown":true,"sd-select-dropdown--ready":this.isDropdownReady},onScroll:this.handleDropdownScroll,ref:e=>this.dropdownRef=e},this.searchable&&s("sd-select-search-input",{key:"c5d42ef925fba369b5b0361b7327fa3a1954d602",ref:e=>this.searchRef=e,isScrolled:this.isScrolled,searchText:this.searchText,onSdSearchInput:e=>this.searchText=e.detail||"",onSdSearchFocus:()=>this.itemIndex=-1}),this.filteredOptions.length>0?this.filteredOptions.map(((e,t)=>s("slot",{name:`option-${e.value}`},s("sd-select-option",{option:e,index:t,isSelected:this.isOptionSelected(e.value),isFocused:t===this.itemIndex,onOptionClick:({detail:e})=>this.optionClick.emit(e),useCheckbox:this.useCheckbox})))):s("slot",{name:"option-placeholder"},s("div",{class:"sd-select-option-placeholder"},this.optionPlaceholder))))}static get watchers(){return{filteredOptions:["filteredOptionsChanged"],searchText:["searchTextChanged"],itemIndex:["itemIndexChanged"]}}};n.style=c();const d=()=>`sd-select-option{display:block;height:fit-content;line-height:0}sd-select-option .sd-select__option{display:flex;padding:4px 12px;font-size:12px;line-height:20px;cursor:pointer}sd-select-option .sd-select__option__checkbox-wrapper{display:flex;width:100%;column-gap:8px;align-items:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}sd-select-option .sd-select__option--focused{background-color:#e6f1ff}sd-select-option .sd-select__option--selected:not(:hover):not(.sd-select__option--use-checkbox),sd-select-option .sd-select__option--focused:not(:hover):not(.sd-select__option--use-checkbox){color:#0075ff;font-weight:700}sd-select-option .sd-select__option--disabled{color:#aaaaaa;cursor:not-allowed}sd-select-option .sd-select__option:hover:not(.sd-select__option--disabled){background-color:#0075ff;color:white}`;const l=class{constructor(s){e(this,s);this.optionClick=t(this,"optionClick")}get el(){return i(this)}option;index;isSelected=false;isFocused=false;optionStyle;disabled=false;useCheckbox=false;isHovered=false;async sdIsDisabled(){return!!this.option.disabled}optionClick;handleClick=e=>{e.stopPropagation();if(!this.option.disabled&&!this.disabled){this.optionClick.emit({option:this.option,index:this.index,event:e})}};render(){return s(o,{key:"8324a5b292d922c4ba1104fe245863321fd222d4"},s("div",{key:"ead9b6abf8193019d3f97dd5a1ea67ea9a735c01",class:{"sd-select__option":true,"sd-select__option--selected":this.isSelected,"sd-select__option--disabled":!!this.option.disabled,"sd-select__option--focused":this.isFocused,"sd-select__option--use-checkbox":this.useCheckbox},onMouseEnter:()=>this.isHovered=true,onMouseLeave:()=>this.isHovered=false,style:this.optionStyle,"data-index":this.index,onClick:this.handleClick},this.useCheckbox?s("div",{class:"sd-select__option__checkbox-wrapper"},s("sd-checkbox",{value:this.isSelected,disabled:this.option.disabled,onClick:e=>{e.preventDefault();this.handleClick(e)}}),s("span",{class:"sd-select__option-label"},this.option.label)):this.option.label))}};l.style=d();const r=()=>`sd-select-search-input{position:sticky;top:0;display:flex;width:100%;background-color:white;align-items:center}sd-select-search-input .sd-select-search-input{position:sticky;top:0;display:flex;width:100%;background-color:white;align-items:center;padding:4px 8px}sd-select-search-input .sd-select-search-input sd-input{width:100%}sd-select-search-input .sd-select-search-input--scrolled{box-shadow:2px 2px 8px 2px rgba(0, 0, 0, 0.2)}`;const h=class{constructor(s){e(this,s);this.searchInput=t(this,"sdSearchInput");this.searchFocus=t(this,"sdSearchFocus")}isScrolled=false;searchText="";searchInput;searchFocus;searchRef;async sdGetNativeElement(){if(this.searchRef){return this.searchRef.sdGetNativeElement()}return null}async sdSearchInputFocus(){const e=await this.sdGetNativeElement();e?.focus({preventScroll:true})}render(){return s("div",{key:"82fd2b838c46c47b51b93a23e5a837708fb944b1",class:{"sd-select-search-input":true,"sd-select-search-input--scrolled":!!this.isScrolled},onClick:e=>e.stopPropagation()},s("sd-input",{key:"fc0821ce63f445bed3dfce51668ece1831914f86",ref:e=>this.searchRef=e,value:this.searchText,placeholder:"검색",clearable:true,inputStyle:{"padding-left":"8px"},autofocus:true,onSdUpdate:e=>{this.searchInput.emit(String(e?.detail))},onSdFocus:()=>{this.searchFocus.emit()},onKeyDown:e=>{if(e.code==="Enter")e.stopPropagation()}},s("sd-icon",{key:"6a9b19f5910132be045e3a2cc33546307e3d5cb9",name:"search",size:16,color:"#737373",style:{marginRight:"4px"},slot:"prefix"})))}};h.style=r();export{n as sd_select_dropdown,l as sd_select_option,h as sd_select_search_input};
+//# sourceMappingURL=p-86830071.entry.js.map

package/dist/design-system/{p-6277b220.entry.js → p-97d0ce6e.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as s}from"./p-C3qNZ7Qh.js";const g=()=>`sd-toggle{display:inline-block;height:20px;line-height:0}sd-toggle .sd-toggle{cursor:pointer;display:inline-flex;align-items:center;gap:8px;height:20px}sd-toggle .sd-toggle>input{display:none}sd-toggle .sd-toggle__label{font-size:12px;color:#333333;line-height:20px}sd-toggle .sd-toggle__track{width:36px;height:20px;border-radius:12px;background:#cccccc;position:relative;transition:background-color 0.2s ease}sd-toggle .sd-toggle__thumb{width:16px;height:16px;border-radius:50%;background:white;position:absolute;top:2px;left:2px;transition:transform 0.2s ease}sd-toggle .sd-toggle--checked .sd-toggle__track{background:#0075ff}sd-toggle .sd-toggle--checked .sd-toggle__thumb{transform:translateX(16px)}sd-toggle .sd-toggle--disabled{cursor:not-allowed}sd-toggle .sd-toggle--disabled.sd-toggle--checked .sd-toggle__track{background:#bbdaff}sd-toggle .sd-toggle--disabled.sd-toggle--unchecked .sd-toggle__track{background:#eeeeee}sd-toggle .sd-toggle:hover:not(.sd-toggle--disabled).sd-toggle--checked .sd-toggle__track{background:#005cc9}sd-toggle .sd-toggle:hover:not(.sd-toggle--disabled).sd-toggle--unchecked .sd-toggle__track{background:#bbbbbb}`;const d=class{constructor(s){e(this,s);this.change=t(this,"sdUpdate")}value=false;label="";disabled=false;change;componentWillLoad(){this.updateCheckedState(this.value)}componentWillRender(){this.updateCheckedState(this.value)}updateCheckedState(e){this.value=e}get toggleClasses(){const e=["sd-toggle",this.value?"sd-toggle--checked":"sd-toggle--unchecked"];if(this.disabled){e.push("sd-toggle--disabled")}return e.join(" ")}handleChange=()=>{if(this.disabled)return;const e=!this.value;this.value=e;this.change.emit(e)};render(){return s("label",{key:"ca85bc0493aff9ff17108696ddb8af29734b00f5","aria-label":this.label||"toggle",class:this.toggleClasses},s("input",{key:"b99a4fa0d557968e50b302332778faaf1b46f8cc",type:"checkbox",checked:this.value,disabled:this.disabled,onInput:this.handleChange}),this.label&&s("span",{key:"e62ca806b95463c7807f82ace61b4aa0affec962",class:"sd-toggle__label"},this.label),s("div",{key:"6923da9a043df0d0d7fc0ecf2fe175857279e9b3",class:"sd-toggle__track"},s("div",{key:"090dfbcf308f26b8e200d0e2cd69d44b0f5cb8bf",class:"sd-toggle__thumb"})))}};d.style=g();export{d as sd_toggle};
-//# sourceMappingURL=p-6277b220.entry.js.map
+import{r as e,c as t,h as s}from"./p-C3qNZ7Qh.js";const d=()=>`sd-toggle{display:inline-block;height:20px;line-height:0}sd-toggle .sd-toggle{cursor:pointer;display:inline-flex;align-items:center;gap:8px;height:20px}sd-toggle .sd-toggle>input{display:none}sd-toggle .sd-toggle__label{font-size:12px;color:#333333;line-height:20px}sd-toggle .sd-toggle__track{width:36px;height:20px;border-radius:12px;background:#cccccc;position:relative;transition:background-color 0.2s ease}sd-toggle .sd-toggle__thumb{width:16px;height:16px;border-radius:50%;background:white;position:absolute;top:2px;left:2px;transition:transform 0.2s ease}sd-toggle .sd-toggle--checked .sd-toggle__track{background:#0075ff}sd-toggle .sd-toggle--checked .sd-toggle__thumb{transform:translateX(16px)}sd-toggle .sd-toggle--disabled{cursor:not-allowed}sd-toggle .sd-toggle--disabled.sd-toggle--checked .sd-toggle__track{background:#bbdaff}sd-toggle .sd-toggle--disabled.sd-toggle--unchecked .sd-toggle__track{background:#eeeeee}sd-toggle .sd-toggle:hover:not(.sd-toggle--disabled).sd-toggle--checked .sd-toggle__track{background:#005cc9}sd-toggle .sd-toggle:hover:not(.sd-toggle--disabled).sd-toggle--unchecked .sd-toggle__track{background:#bbbbbb}`;const g=class{constructor(s){e(this,s);this.change=t(this,"sdUpdate")}value=false;label="";disabled=false;change;componentWillLoad(){this.updateCheckedState(this.value)}componentWillRender(){this.updateCheckedState(this.value)}updateCheckedState(e){this.value=e}get toggleClasses(){const e=["sd-toggle",this.value?"sd-toggle--checked":"sd-toggle--unchecked"];if(this.disabled){e.push("sd-toggle--disabled")}return e.join(" ")}handleChange=()=>{if(this.disabled)return;const e=!this.value;this.value=e;this.change.emit(e)};render(){return s("label",{key:"c874dbaa2a3f3743b7f3c93a6af4efd63660f3b2","aria-label":this.label||"toggle",class:this.toggleClasses},s("input",{key:"da204ac9048128501f68b3dac55c9b30bbc0cd83",type:"checkbox",checked:this.value,disabled:this.disabled,onInput:this.handleChange}),this.label&&s("span",{key:"5eeb06d12bf94610a10e6000a7d0f3c750bb918f",class:"sd-toggle__label"},this.label),s("div",{key:"bf0dd0fab7ced78f4a5728d4d1b9c8995ad1130a",class:"sd-toggle__track"},s("div",{key:"92c08a823a1b9d28814e812b7660d33ea7238a32",class:"sd-toggle__thumb"})))}};g.style=d();export{g as sd_toggle};
+//# sourceMappingURL=p-97d0ce6e.entry.js.map

package/dist/design-system/p-9a68ab88.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as s,H as t,c as i,a}from"./p-C3qNZ7Qh.js";import{r as o}from"./p-DcGvp3RM.js";import{B as n,S as r}from"./p-BShXSO5x.js";const l=()=>`sd-loading-spinner{display:block}sd-loading-spinner .sd-loading-spinner{animation:sd-loading-spin 2s linear infinite;transform-origin:center center}sd-loading-spinner .sd-loading-spinner .path{animation:sd-loading-spin-path 1.5s ease-in-out infinite}@keyframes sd-loading-spin{0%{transform:rotate3d(0, 0, 1, 0deg)}25%{transform:rotate3d(0, 0, 1, 90deg)}50%{transform:rotate3d(0, 0, 1, 180deg)}75%{transform:rotate3d(0, 0, 1, 270deg)}100%{transform:rotate3d(0, 0, 1, 359deg)}}@keyframes sd-loading-spin-path{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35px}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124px}}`;const d=class{constructor(s){e(this,s)}color="#0075ff";get resolvedColor(){return o(this.color)}render(){return s(t,{key:"90e8d5b70e299835006b59d8240e0e0a526c14f7"},s("svg",{key:"22c2e6c4a638440fd97abc82ebcba99a26a6e13c",class:"sd-loading-spinner",width:"72px",height:"72px",viewBox:"25 25 50 50",style:{color:this.resolvedColor}},s("circle",{key:"41470486ab808e13a8d9fa0815b1a26436d6ca79",class:"path",cx:"50",cy:"50",r:"20",fill:"none",stroke:"currentColor","stroke-width":"5","stroke-miterlimit":"10"})))}};d.style=l();const h=()=>`sd-select{display:inline-flex;flex-flow:column nowrap;width:fit-content;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)}`;const c=class extends n{constructor(s){super();e(this,s);this.update=i(this,"sdUpdate");this.dropDownShow=i(this,"sdDropDownShow")}get el(){return a(this)}value=null;options=[];placeholder="선택";optionPlaceholder="옵션이 없습니다.";width="200px";dropdownHeight="260px";autoFocus=false;disabled=false;clearable=false;searchable=false;label="";insideLabel=false;useLabelRequired=false;labelTooltip="";labelTooltipProps=null;name;rules=[];error=false;optionRenderer;isOpen=false;itemIndex=-1;isScrolled=false;update;dropDownShow;selectRef;triggerRef;formField;filteredOptions=this.options;dropDownWidth=this.width;async sdOpen(){this.isOpen=true}async sdValidate(){this.formField?.sdValidate()}async sdReset(){this.formField?.sdReset()}async sdResetValidate(){this.formField?.sdResetValidation()}async sdFocus(){this.formField?.sdFocus()}async valueChanged(){const e=this.getSelectedOption();this.update?.emit({value:e?.value||null,option:e||null})}async isOpenChanged(){this.onDropdownToggle(this.isOpen);this.dropDownShow?.emit({isOpen:this.isOpen});if(this.isOpen===false){await(this.formField?.sdValidate())}}componentWillLoad(){this.initializeEvent()}componentDidLoad(){if(this.autoFocus){this.selectRef?.focus()}}componentDidRender(){const e=this.triggerRef;const s=e?.getBoundingClientRect();this.dropDownWidth=s?.width?`${s.width}px`:this.width}disconnectedCallback(){this.cleanupEvent()}handleDocumentClick(e){if(!this.selectRef?.contains(e.target)){this.isOpen=false}}handleDocumentKeydown(e){e.stopPropagation();const s=["ArrowDown","ArrowUp","Enter","Escape"];if(!s.includes(e.key))return;e.preventDefault();switch(e.key){case"ArrowDown":case"ArrowUp":const s=new r(this.searchable,this.filteredOptions);const t=s.getNextIndex(this.itemIndex,e.key);this.itemIndex=t;break;case"Enter":const i=this.filteredOptions[this.itemIndex];if(i&&!i.disabled){this.value=i.value;this.isOpen=false}break;case"Escape":this.isOpen=false;break}}getSelectedOption(){return this.options.find((e=>e.value===this.value))}closeDropdown(){this.isOpen=false}handleTriggerClick=e=>{e.stopPropagation();if(!this.disabled){this.isOpen=!this.isOpen;this.dropDownShow?.emit({isOpen:this.isOpen})}};handleOptionClick=e=>{const{option:s,event:t}=e;t.stopPropagation();if(!s.disabled){this.value=s.value;this.isOpen=false}};render(){return s("sd-field",{key:"5c638efb68498690a30a855e3a337fac0e6e7810",label:this.label,name:this.name,rules:this.rules,error:this.error,disabled:this.disabled,useLabelRequired:this.useLabelRequired,insideLabel:this.insideLabel,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:e=>this.formField=e,style:{"--field-width":this.width||"200px"}},s("div",{key:"e14a4f235235fdafa94f645eac0c18091080c8e9",class:{"sd-select":true,"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 s("div",{class:"sd-select__trigger",tabindex:this.disabled?-1:0,onClick:this.handleTriggerClick,ref:e=>this.triggerRef=e},s("span",{class:"sd-select__value"},e?e.label:this.placeholder),this.clearable&&e&&!this.disabled&&s("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())}}),s("sd-icon",{key:"arrow-icon",name:"arrowDown",color:"#888",class:{"sd-select__arrow":true,"sd-select__arrow--open":this.isOpen}}))}renderDropdown(){if(this.isOpen===false)return null;const e=this.selectRef?.querySelector(".sd-select__trigger")||this.selectRef;return s("sd-portal",{open:this.isOpen,parentRef:e,onSdClose:this.closeDropdown},s("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{value:["valueChanged"],isOpen:["isOpenChanged"]}}};c.style=h();export{d as sd_loading_spinner,c as sd_select};
+//# sourceMappingURL=p-9a68ab88.entry.js.map

package/dist/design-system/{p-c3061828.entry.js.map → p-9a68ab88.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["registerInstance","h","Host","createEvent","getElement","resolveColor","BaseDropdownEvent","SelectKeyboardNavigation","sdLoadingSpinnerCss","SdLoadingSpinner","constructor","hostRef","this","color","resolvedColor","render","key","class","width","height","viewBox","style","cx","cy","r","fill","stroke","sdSelectCss","SdSelect","super","update","dropDownShow","el","value","options","placeholder","optionPlaceholder","dropdownHeight","autoFocus","disabled","clearable","searchable","label","insideLabel","useLabelRequired","labelTooltip","labelTooltipProps","name","rules","error","optionRenderer","isOpen","itemIndex","isScrolled","selectRef","triggerRef","formField","filteredOptions","dropDownWidth","sdOpen","sdValidate","sdReset","sdResetValidate","sdResetValidation","sdFocus","valueChanged","selectedOption","getSelectedOption","emit","option","isOpenChanged","onDropdownToggle","componentWillLoad","initializeEvent","componentDidLoad","focus","componentDidRender","trigger","rect","getBoundingClientRect","disconnectedCallback","cleanupEvent","handleDocumentClick","event","contains","target","handleDocumentKeydown","keyboardEvent","stopPropagation","targetKey","includes","preventDefault","keyboardNavigation","nextIndex","getNextIndex","find","closeDropdown","handleTriggerClick","handleOptionClick","detail","ref","renderTrigger","renderDropdown","tabindex","onClick","size","async","parentRef","querySelector","open","onSdClose","onSdOptionClick","onSdOptionFiltered","watchers"],"sources":["0"],"mappings":"YAAcA,OAAkBC,OAAQC,OAAWC,OAAkBC,MAAkB,8BACzEC,MAAoB,8BACpBC,OAAwBC,MAAgC,kBAEtE,MAAMC,EAAsB,IAAM,0pBAElC,MAAMC,EAAmB,MACrB,WAAAC,CAAYC,GACRX,EAAiBY,KAAMD,EAC3B,CACAE,MAAQ,UACR,iBAAIC,GACA,OAAOT,EAAaO,KAAKC,MAC7B,CACA,MAAAE,GACI,OAAQd,EAAEC,EAAM,CAAEc,IAAK,4CAA8Cf,EAAE,MAAO,CAAEe,IAAK,2CAA4CC,MAAO,qBAAsBC,MAAO,OAAQC,OAAQ,OAAQC,QAAS,cAAeC,MAAO,CAAER,MAAOD,KAAKE,gBAAmBb,EAAE,SAAU,CAAEe,IAAK,2CAA4CC,MAAO,OAAQK,GAAI,KAAMC,GAAI,KAAMC,EAAG,KAAMC,KAAM,OAAQC,OAAQ,eAAgB,eAAgB,IAAK,oBAAqB,QAC5b,GAEJjB,EAAiBY,MAAQb,IAEzB,MAAMmB,EAAc,IAAM,y4BAE1B,MAAMC,EAAW,cAActB,EAC3B,WAAAI,CAAYC,GACRkB,QACA7B,EAAiBY,KAAMD,GACvBC,KAAKkB,OAAS3B,EAAYS,KAAM,YAChCA,KAAKmB,aAAe5B,EAAYS,KAAM,iBAC1C,CACA,MAAIoB,GAAO,OAAO5B,EAAWQ,KAAO,CAEpCqB,MAAQ,KACRC,QAAU,GACVC,YAAc,KACdC,kBAAoB,YACpBlB,MAAQ,QACRmB,eAAiB,QACjBC,UAAY,MACZC,SAAW,MACXC,UAAY,MACZC,WAAa,MAEbC,MAAQ,GACRC,YAAc,MACdC,iBAAmB,MACnBC,aAAe,GACfC,kBAAoB,KAEpBC,KACAC,MAAQ,GACRC,MAAQ,MAERC,eAEAC,OAAS,MACTC,WAAa,EACbC,WAAa,MAEbvB,OACAC,aACAuB,UACAC,WACAC,UACAC,gBAAkB7C,KAAKsB,QACvBwB,cAAgB9C,KAAKM,MACrB,YAAMyC,GACF/C,KAAKuC,OAAS,IAClB,CACA,gBAAMS,GACFhD,KAAK4C,WAAWI,YACpB,CACA,aAAMC,GACFjD,KAAK4C,WAAWK,SACpB,CACA,qBAAMC,GACFlD,KAAK4C,WAAWO,mBACpB,CACA,aAAMC,GACFpD,KAAK4C,WAAWQ,SACpB,CACA,kBAAMC,GACF,MAAMC,EAAiBtD,KAAKuD,oBAC5BvD,KAAKkB,QAAQsC,KAAK,CAAEnC,MAAOiC,GAAgBjC,OAAS,KAAMoC,OAAQH,GAAkB,MACxF,CACA,mBAAMI,GAEF1D,KAAK2D,iBAAiB3D,KAAKuC,QAC3BvC,KAAKmB,cAAcqC,KAAK,CAAEjB,OAAQvC,KAAKuC,SACvC,GAAIvC,KAAKuC,SAAW,MAAO,OACjBvC,KAAK4C,WAAWI,aAC1B,CACJ,CACA,iBAAAY,GACI5D,KAAK6D,iBACT,CACA,gBAAAC,GACI,GAAI9D,KAAK0B,UAAW,CAChB1B,KAAK0C,WAAWqB,OACpB,CACJ,CAEA,kBAAAC,GACI,MAAMC,EAAUjE,KAAK2C,WACrB,MAAMuB,EAAOD,GAASE,wBACtBnE,KAAK8C,cAAgBoB,GAAM5D,MAAQ,GAAG4D,EAAK5D,UAAYN,KAAKM,KAChE,CACA,oBAAA8D,GACIpE,KAAKqE,cACT,CACA,mBAAAC,CAAoBC,GAChB,IAAKvE,KAAK0C,WAAW8B,SAASD,EAAME,QAAS,CACzCzE,KAAKuC,OAAS,KAClB,CACJ,CACA,qBAAAmC,CAAsBC,GAClBA,EAAcC,kBACd,MAAMC,EAAY,CAAC,YAAa,UAAW,QAAS,UACpD,IAAKA,EAAUC,SAASH,EAAcvE,KAClC,OACJuE,EAAcI,iBACd,OAAQJ,EAAcvE,KAClB,IAAK,YACL,IAAK,UACD,MAAM4E,EAAqB,IAAIrF,EAAyBK,KAAK6B,WAAY7B,KAAK6C,iBAC9E,MAAMoC,EAAYD,EAAmBE,aAAalF,KAAKwC,UAAWmC,EAAcvE,KAChFJ,KAAKwC,UAAYyC,EACjB,MACJ,IAAK,QACD,MAAM3B,EAAiBtD,KAAK6C,gBAAgB7C,KAAKwC,WACjD,GAAIc,IAAmBA,EAAe3B,SAAU,CAC5C3B,KAAKqB,MAAQiC,EAAejC,MAC5BrB,KAAKuC,OAAS,KAClB,CACA,MACJ,IAAK,SACDvC,KAAKuC,OAAS,MACd,MAEZ,CACA,iBAAAgB,GACI,OAAOvD,KAAKsB,QAAQ6D,MAAK1B,GAAUA,EAAOpC,QAAUrB,KAAKqB,OAC7D,CACA,aAAA+D,GACIpF,KAAKuC,OAAS,KAClB,CACA8C,mBAAsBd,IAClBA,EAAMK,kBACN,IAAK5E,KAAK2B,SAAU,CAChB3B,KAAKuC,QAAUvC,KAAKuC,OACpBvC,KAAKmB,cAAcqC,KAAK,CAAEjB,OAAQvC,KAAKuC,QAC3C,GAEJ+C,kBAAqBC,IACjB,MAAM9B,OAAEA,EAAMc,MAAEA,GAAUgB,EAC1BhB,EAAMK,kBACN,IAAKnB,EAAO9B,SAAU,CAClB3B,KAAKqB,MAAQoC,EAAOpC,MACpBrB,KAAKuC,OAAS,KAClB,GAEJ,MAAApC,GACI,OAAQd,EAAE,WAAY,CAAEe,IAAK,2CAA4C0B,MAAO9B,KAAK8B,MAAOK,KAAMnC,KAAKmC,KAAMC,MAAOpC,KAAKoC,MAAOC,MAAOrC,KAAKqC,MAAOV,SAAU3B,KAAK2B,SAAUK,iBAAkBhC,KAAKgC,iBAAkBD,YAAa/B,KAAK+B,YAAaE,aAAcjC,KAAKiC,aAAcC,kBAAmBlC,KAAKkC,kBAAmBsD,IAAKpE,GAAOpB,KAAK4C,UAAYxB,EAAKX,MAAO,CAAE,gBAAiBT,KAAKM,OAAS,UAAajB,EAAE,MAAO,CAAEe,IAAK,2CAA4CC,MAAO,CACld,YAAa,KACb,sBAAuBL,KAAK2B,SAC5B,qBAAsB3B,KAAKqC,MAC3B,qBAAsBrC,KAAK8B,OAC5B0D,IAAKpE,GAAOpB,KAAK0C,UAAYtB,GAAOpB,KAAKyF,gBAAiBzF,KAAK0F,kBAC1E,CACA,aAAAD,GACI,MAAMnC,EAAiBtD,KAAKuD,oBAC5B,OAAQlE,EAAE,MAAO,CAAEgB,MAAO,qBAAsBsF,SAAU3F,KAAK2B,UAAY,EAAI,EAAGiE,QAAS5F,KAAKqF,mBAAoBG,IAAKpE,GAAOpB,KAAK2C,WAAavB,GAAO/B,EAAE,OAAQ,CAAEgB,MAAO,oBAAsBiD,EAAiBA,EAAexB,MAAQ9B,KAAKuB,aAAcvB,KAAK4B,WAAa0B,IAAmBtD,KAAK2B,UAAatC,EAAE,UAAW,CAAEe,IAAK,aAAc+B,KAAM,QAAS0D,KAAM,GAAI5F,MAAO,OAAQI,MAAO,mBAAoBuF,QAASE,MAAOvB,IACjaA,EAAMK,kBACN5E,KAAKqB,MAAQ,WACPrB,KAAK4C,WAAWI,aAAY,IAC/B3D,EAAE,UAAW,CAAEe,IAAK,aAAc+B,KAAM,YAAalC,MAAO,OAAQI,MAAO,CAAE,mBAAoB,KAAM,yBAA0BL,KAAKuC,UACrJ,CACA,cAAAmD,GACI,GAAI1F,KAAKuC,SAAW,MAChB,OAAO,KACX,MAAMwD,EAAa/F,KAAK0C,WAAWsD,cAAc,wBAC7ChG,KAAK0C,UACT,OAAQrD,EAAE,YAAa,CAAE4G,KAAMjG,KAAKuC,OAAQwD,UAAWA,EAAWG,UAAWlG,KAAKoF,eAAiB/F,EAAE,qBAAsB,CAAEgC,MAAOrB,KAAKqB,MAAOC,QAAStB,KAAKsB,QAASkB,UAAWxC,KAAKwC,UAAWlC,MAAON,KAAK8C,cAAerB,eAAgBzB,KAAKyB,eAAgBI,WAAY7B,KAAK6B,WAAYL,kBAAmBxB,KAAKwB,kBAAmB2E,gBAAiB,EAAGZ,YAAavF,KAAKsF,kBAAkBC,GAASa,mBAAoB,EAAGb,YAAcvF,KAAK6C,gBAAkB0C,IAC3c,CACA,mBAAWc,GAAa,MAAO,CAC3BhF,MAAS,CAAC,gBACVkB,OAAU,CAAC,iBACZ,GAEPvB,EAASP,MAAQM,WAERlB,wBAAwCmB","ignoreList":[]}
+{"version":3,"names":["registerInstance","h","Host","createEvent","getElement","resolveColor","BaseDropdownEvent","SelectKeyboardNavigation","sdLoadingSpinnerCss","SdLoadingSpinner","constructor","hostRef","this","color","resolvedColor","render","key","class","width","height","viewBox","style","cx","cy","r","fill","stroke","sdSelectCss","SdSelect","super","update","dropDownShow","el","value","options","placeholder","optionPlaceholder","dropdownHeight","autoFocus","disabled","clearable","searchable","label","insideLabel","useLabelRequired","labelTooltip","labelTooltipProps","name","rules","error","optionRenderer","isOpen","itemIndex","isScrolled","selectRef","triggerRef","formField","filteredOptions","dropDownWidth","sdOpen","sdValidate","sdReset","sdResetValidate","sdResetValidation","sdFocus","valueChanged","selectedOption","getSelectedOption","emit","option","isOpenChanged","onDropdownToggle","componentWillLoad","initializeEvent","componentDidLoad","focus","componentDidRender","trigger","rect","getBoundingClientRect","disconnectedCallback","cleanupEvent","handleDocumentClick","event","contains","target","handleDocumentKeydown","keyboardEvent","stopPropagation","targetKey","includes","preventDefault","keyboardNavigation","nextIndex","getNextIndex","find","closeDropdown","handleTriggerClick","handleOptionClick","detail","ref","renderTrigger","renderDropdown","tabindex","onClick","size","async","parentRef","querySelector","open","onSdClose","onSdOptionClick","onSdOptionFiltered","watchers"],"sources":["0"],"mappings":"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","ignoreList":[]}

package/dist/design-system/{p-686958c5.entry.js → p-9fdf431c.entry.js}

@@ -1,2 +1,2 @@
-import{r as o,c as e,a as t,h as s}from"./p-C3qNZ7Qh.js";const p=()=>`sd-select-option-group{display:block;height:fit-content}sd-select-option-group .sd-select__option-group{display:flex;padding:4px 12px;padding-left:12px;font-size:12px;line-height:20px;cursor:pointer}sd-select-option-group .sd-select__option-group.sd-select__option-group--group:not(.sd-select__option-group--use-checkbox),sd-select-option-group .sd-select__option-group.sd-select__option-group--subgroup:not(.sd-select__option-group--use-checkbox){cursor:default !important}sd-select-option-group .sd-select__option-group.sd-select__option-group--group{background-color:#f5faff !important;color:#333333 !important;font-weight:700}sd-select-option-group .sd-select__option-group.sd-select__option-group--subgroup{padding-left:20px;background-color:#f9f9f9 !important;color:#333333 !important;font-weight:500}sd-select-option-group .sd-select__option-group.sd-select__option-group--item{padding-left:28px}sd-select-option-group .sd-select__option-group sd-checkbox__bg{border-color:#888888}sd-select-option-group .sd-select__option-group__label-wrapper{display:flex;width:100%;column-gap:8px;align-items:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}sd-select-option-group .sd-select__option-group__label-wrapper sd-checkbox{flex-shrink:0}sd-select-option-group .sd-select__option-group__label-wrapper .sd-select__option-group-label{flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}sd-select-option-group .sd-select__option-group__label-wrapper .sd-select__option-group__count-indicator{width:fit-content;flex-shrink:0;font-size:12px;font-weight:500;color:#888888}sd-select-option-group .sd-select__option-group--focused{background-color:#e6f1ff}sd-select-option-group .sd-select__option-group--selected.sd-select__option-group--item:not(:hover):not(.sd-select__option-group--use-checkbox),sd-select-option-group .sd-select__option-group--focused.sd-select__option-group--item:not(:hover):not(.sd-select__option-group--use-checkbox){color:#0075ff;font-weight:700}sd-select-option-group .sd-select__option-group--disabled{color:#aaaaaa;cursor:not-allowed}sd-select-option-group .sd-select__option-group:hover:not(.sd-select__option-group--disabled){background-color:#0075ff;color:white}sd-select-option-group .sd-select__option-group:hover.sd-select__option-group--selected:not(.sd-select__option-group--group):not(.sd-select__option-group--subgroup) sd-checkbox .sd-checkbox__bg{border-color:white !important}`;const i=class{constructor(t){o(this,t);this.optionClick=e(this,"optionClick")}get el(){return t(this)}option;index;isSelected=false;isFocused=false;optionStyle;disabled=false;useCheckbox=false;useIndicator=true;countInfo={selectedCount:0,totalCount:0};isHovered=false;async isDisabled(){return!!this.option.disabled||this.option.type==="group"||this.option.type==="subgroup"}optionClick;handleClick=(o,e,t)=>{t.stopPropagation();if(o.type==="group"||o.type==="subgroup"){this.optionClick.emit({option:this.option,isSelected:e,index:this.index,event:t});return}if(!this.option.disabled&&!this.disabled){this.optionClick.emit({option:this.option,isSelected:e,index:this.index,event:t})}};render(){return s("div",{key:"9ba2c1d9963ae5b20d8823ed4e1054f4b1ea1164",class:{"sd-select__option-group":true,"sd-select__option-group--selected":!!this.isSelected,"sd-select__option-group--disabled":!!this.option.disabled,"sd-select__option-group--focused":this.isFocused,"sd-select__option-group--use-checkbox":this.useCheckbox,"sd-select__option-group--group":this.option.type==="group","sd-select__option-group--subgroup":this.option.type==="subgroup","sd-select__option-group--item":this.option.type==="item"},onMouseEnter:()=>this.isHovered=true,onMouseLeave:()=>this.isHovered=false,style:this.optionStyle,"data-index":this.index,onClick:o=>this.handleClick(this.option,this.isSelected,o)},s("div",{key:"6576ff206863a28062566b816cd81955f1890ec2",class:"sd-select__option-group__label-wrapper"},this.useCheckbox&&s("sd-checkbox",{key:"ad1367ec16aff35a09bc1ca62d4981a29ad0c20e",value:this.isSelected,disabled:this.option.disabled,onClick:o=>{o.preventDefault();this.handleClick(this.option,this.isSelected,o)}}),s("span",{key:"a51e3950353966056edd756259d3224bd588c78b",class:"sd-select__option-group-label"},this.option.label),this.useIndicator&&this.option.type!=="item"&&s("span",{key:"ed003ff2d7616096a4759b253718e5fc5a09c007",class:"sd-select__option-group__count-indicator"},`(${this.countInfo?.selectedCount}/${this.countInfo?.totalCount})`)))}};i.style=p();export{i as sd_select_option_group};
-//# sourceMappingURL=p-686958c5.entry.js.map
+import{r as o,c as e,a as t,h as s}from"./p-C3qNZ7Qh.js";const p=()=>`sd-select-option-group{display:block;height:fit-content}sd-select-option-group .sd-select__option-group{display:flex;padding:4px 12px;padding-left:12px;font-size:12px;line-height:20px;cursor:pointer}sd-select-option-group .sd-select__option-group.sd-select__option-group--group:not(.sd-select__option-group--use-checkbox),sd-select-option-group .sd-select__option-group.sd-select__option-group--subgroup:not(.sd-select__option-group--use-checkbox){cursor:default !important}sd-select-option-group .sd-select__option-group.sd-select__option-group--group{background-color:#f5faff !important;color:#333333 !important;font-weight:700}sd-select-option-group .sd-select__option-group.sd-select__option-group--subgroup{padding-left:20px;background-color:#f9f9f9 !important;color:#333333 !important;font-weight:500}sd-select-option-group .sd-select__option-group.sd-select__option-group--item{padding-left:28px}sd-select-option-group .sd-select__option-group sd-checkbox__bg{border-color:#888888}sd-select-option-group .sd-select__option-group__label-wrapper{display:flex;width:100%;column-gap:8px;align-items:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}sd-select-option-group .sd-select__option-group__label-wrapper sd-checkbox{flex-shrink:0}sd-select-option-group .sd-select__option-group__label-wrapper .sd-select__option-group-label{flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}sd-select-option-group .sd-select__option-group__label-wrapper .sd-select__option-group__count-indicator{width:fit-content;flex-shrink:0;font-size:12px;font-weight:500;color:#888888}sd-select-option-group .sd-select__option-group--focused{background-color:#e6f1ff}sd-select-option-group .sd-select__option-group--selected.sd-select__option-group--item:not(:hover):not(.sd-select__option-group--use-checkbox),sd-select-option-group .sd-select__option-group--focused.sd-select__option-group--item:not(:hover):not(.sd-select__option-group--use-checkbox){color:#0075ff;font-weight:700}sd-select-option-group .sd-select__option-group--disabled{color:#aaaaaa;cursor:not-allowed}sd-select-option-group .sd-select__option-group:hover:not(.sd-select__option-group--disabled){background-color:#0075ff;color:white}sd-select-option-group .sd-select__option-group:hover.sd-select__option-group--selected:not(.sd-select__option-group--group):not(.sd-select__option-group--subgroup) sd-checkbox .sd-checkbox__bg{border-color:white !important}`;const i=class{constructor(t){o(this,t);this.optionClick=e(this,"optionClick")}get el(){return t(this)}option;index;isSelected=false;isFocused=false;optionStyle;disabled=false;useCheckbox=false;useIndicator=true;countInfo={selectedCount:0,totalCount:0};isHovered=false;async isDisabled(){return!!this.option.disabled||this.option.type==="group"||this.option.type==="subgroup"}optionClick;handleClick=(o,e,t)=>{t.stopPropagation();if(o.type==="group"||o.type==="subgroup"){this.optionClick.emit({option:this.option,isSelected:e,index:this.index,event:t});return}if(!this.option.disabled&&!this.disabled){this.optionClick.emit({option:this.option,isSelected:e,index:this.index,event:t})}};render(){return s("div",{key:"d9b8a7728bd175b90cf39a8d293ab86010e39302",class:{"sd-select__option-group":true,"sd-select__option-group--selected":!!this.isSelected,"sd-select__option-group--disabled":!!this.option.disabled,"sd-select__option-group--focused":this.isFocused,"sd-select__option-group--use-checkbox":this.useCheckbox,"sd-select__option-group--group":this.option.type==="group","sd-select__option-group--subgroup":this.option.type==="subgroup","sd-select__option-group--item":this.option.type==="item"},onMouseEnter:()=>this.isHovered=true,onMouseLeave:()=>this.isHovered=false,style:this.optionStyle,"data-index":this.index,onClick:o=>this.handleClick(this.option,this.isSelected,o)},s("div",{key:"9c4d02a88c42f2cd7c84bf9a44bc871bb021a26b",class:"sd-select__option-group__label-wrapper"},this.useCheckbox&&s("sd-checkbox",{key:"7a40633ffff063a0a75359127a1ccd4d86b4a163",value:this.isSelected,disabled:this.option.disabled,onClick:o=>{o.preventDefault();this.handleClick(this.option,this.isSelected,o)}}),s("span",{key:"825638fd80e7cc41b7c0ba7af39b34df453ef729",class:"sd-select__option-group-label"},this.option.label),this.useIndicator&&this.option.type!=="item"&&s("span",{key:"fe7149a3e3a8bc94bf434b065133ba26a1698778",class:"sd-select__option-group__count-indicator"},`(${this.countInfo?.selectedCount}/${this.countInfo?.totalCount})`)))}};i.style=p();export{i as sd_select_option_group};
+//# sourceMappingURL=p-9fdf431c.entry.js.map

package/dist/design-system/{p-c25c4bd6.entry.js → p-b521ce06.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,a as s,h as i}from"./p-C3qNZ7Qh.js";import{B as l,S as o}from"./p-BShXSO5x.js";const n=()=>`sd-select-multiple{display:inline-flex;flex-flow:column nowrap;width:fit-content;height:fit-content}sd-select-multiple *:focus,sd-select-multiple *:focus-visible,sd-select-multiple *:focus-within{outline:none !important}sd-select-multiple .sd-select-multiple{width:100%}sd-select-multiple .sd-select-multiple .sd-select-multiple__trigger{padding:4px 28px 4px 12px;display:flex;width:100%;align-items:center}sd-select-multiple .sd-select-multiple .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;text-align:left}sd-select-multiple .sd-select-multiple .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 .sd-select-multiple__arrow{position:absolute;top:8px;right:8px;width:12px;height:12px;color:#888888;transition:transform 0.3s ease;margin-left:8px}sd-select-multiple .sd-select-multiple__arrow--open{transform:rotate(180deg)}`;const r=class extends l{constructor(s){super();e(this,s);this.update=t(this,"sdUpdate");this.dropDownShow=t(this,"sdDropDownShow")}get el(){return s(this)}value=null;options=[];placeholder="선택";optionPlaceholder="옵션이 없습니다.";width="200px";dropdownHeight="260px";autoFocus=false;disabled=false;clearable=false;searchable=false;useAll=false;useCheckbox=false;label="";useLabelRequired=false;labelTooltip="";labelTooltipProps=null;name;rules=[];error=false;optionRenderer;isOpen=false;itemIndex=-1;isScrolled=false;update;dropDownShow;selectRef;triggerRef;formField;filteredOptions=this.options;dropDownWidth=this.width;async sdOpen(){this.isOpen=true}async sdValidate(){this.formField?.sdValidate()}async sdReset(){this.formField?.sdReset()}async sdResetValidate(){this.formField?.sdResetValidation()}async sdFocus(){this.formField?.sdFocus()}valueChanged(){this.update?.emit(this.value)}async isOpenChanged(){this.onDropdownToggle(this.isOpen);this.dropDownShow?.emit({isOpen:this.isOpen});if(this.isOpen===false){await(this.formField?.sdValidate())}}componentWillLoad(){this.initializeEvent()}componentDidLoad(){if(this.autoFocus){this.selectRef?.focus()}}componentDidRender(){const e=this.triggerRef;const t=e?.getBoundingClientRect();this.dropDownWidth=t?.width?`${t.width}px`:this.width}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 o(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}}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]}};getSelectedOption(){return this.options.filter((e=>this.value?.includes(e)))}closeDropdown(){this.isOpen=false}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)};render(){return i("sd-field",{key:"cc40c09b8c1ea2aa049d12857c6cc80cd5a5966b",label:this.label,name:this.name,rules:this.rules,error:this.error,disabled:this.disabled,useLabelRequired:this.useLabelRequired,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:e=>this.formField=e,style:{"--field-width":this.width||"200px"}},i("div",{key:"0d90b8368287d7e67a384234a976da5d387b065b",class:{"sd-select-multiple":true,"sd-select-multiple--open":this.isOpen,"sd-select-multiple--disabled":this.disabled,"sd-select-multiple--error":!!this.error},style:{"--select-width":this.width||"200px"},ref:e=>this.selectRef=e},this.renderTrigger(),this.renderDropdown()))}renderTrigger(){const e=this.getSelectedOption();return i("div",{class:"sd-select-multiple__trigger",tabindex:this.disabled?-1:0,onClick:this.handleTriggerClick,ref:e=>this.triggerRef=e},i("span",{class:"sd-select-multiple__value"},!e||e.length===0?this.placeholder:e.map((e=>e.label)).join(", ")),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:async e=>{e.stopPropagation();this.value=null;await(this.formField?.sdValidate())}}),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;const e=this.selectRef?.querySelector(".sd-select-multiple__trigger")||this.selectRef;return i("sd-portal",{open:this.isOpen,parentRef:e,onSdClose:this.closeDropdown},i("sd-select-dropdown",{value:this.value,options:this.options,itemIndex:this.itemIndex,width:this.dropDownWidth,dropdownHeight:this.dropdownHeight,searchable:this.searchable,optionPlaceholder:this.optionPlaceholder,useCheckbox:this.useCheckbox,useAll:this.useAll,onSdOptionClick:({detail:e})=>this.handleOptionClick(e),onSdOptionFiltered:({detail:e})=>this.filteredOptions=e}))}static get watchers(){return{value:["valueChanged"],isOpen:["isOpenChanged"]}}};r.style=n();export{r as sd_select_multiple};
-//# sourceMappingURL=p-c25c4bd6.entry.js.map
+import{r as e,c as t,a as s,h as i}from"./p-C3qNZ7Qh.js";import{B as l,S as o}from"./p-BShXSO5x.js";const n=()=>`sd-select-multiple{display:inline-flex;flex-flow:column nowrap;width:fit-content;height:fit-content}sd-select-multiple *:focus,sd-select-multiple *:focus-visible,sd-select-multiple *:focus-within{outline:none !important}sd-select-multiple .sd-select-multiple{width:100%}sd-select-multiple .sd-select-multiple .sd-select-multiple__trigger{padding:4px 28px 4px 12px;display:flex;width:100%;align-items:center}sd-select-multiple .sd-select-multiple .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;text-align:left}sd-select-multiple .sd-select-multiple .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 .sd-select-multiple__arrow{position:absolute;top:8px;right:8px;width:12px;height:12px;color:#888888;transition:transform 0.3s ease;margin-left:8px}sd-select-multiple .sd-select-multiple__arrow--open{transform:rotate(180deg)}`;const r=class extends l{constructor(s){super();e(this,s);this.update=t(this,"sdUpdate");this.dropDownShow=t(this,"sdDropDownShow")}get el(){return s(this)}value=null;options=[];placeholder="선택";optionPlaceholder="옵션이 없습니다.";width="200px";dropdownHeight="260px";autoFocus=false;disabled=false;clearable=false;searchable=false;useAll=false;useCheckbox=false;label="";useLabelRequired=false;labelTooltip="";labelTooltipProps=null;name;rules=[];error=false;optionRenderer;isOpen=false;itemIndex=-1;isScrolled=false;update;dropDownShow;selectRef;triggerRef;formField;filteredOptions=this.options;dropDownWidth=this.width;async sdOpen(){this.isOpen=true}async sdValidate(){this.formField?.sdValidate()}async sdReset(){this.formField?.sdReset()}async sdResetValidate(){this.formField?.sdResetValidation()}async sdFocus(){this.formField?.sdFocus()}valueChanged(){this.update?.emit(this.value)}async isOpenChanged(){this.onDropdownToggle(this.isOpen);this.dropDownShow?.emit({isOpen:this.isOpen});if(this.isOpen===false){await(this.formField?.sdValidate())}}componentWillLoad(){this.initializeEvent()}componentDidLoad(){if(this.autoFocus){this.selectRef?.focus()}}componentDidRender(){const e=this.triggerRef;const t=e?.getBoundingClientRect();this.dropDownWidth=t?.width?`${t.width}px`:this.width}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 o(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}}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]}};getSelectedOption(){return this.options.filter((e=>this.value?.includes(e)))}closeDropdown(){this.isOpen=false}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)};render(){return i("sd-field",{key:"67a0bebbd4ad8ae405db1c9c1d0b9701a9b904f8",label:this.label,name:this.name,rules:this.rules,error:this.error,disabled:this.disabled,useLabelRequired:this.useLabelRequired,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:e=>this.formField=e,style:{"--field-width":this.width||"200px"}},i("div",{key:"aa86839508c103bbe70287877020ec3eb82b7190",class:{"sd-select-multiple":true,"sd-select-multiple--open":this.isOpen,"sd-select-multiple--disabled":this.disabled,"sd-select-multiple--error":!!this.error},style:{"--select-width":this.width||"200px"},ref:e=>this.selectRef=e},this.renderTrigger(),this.renderDropdown()))}renderTrigger(){const e=this.getSelectedOption();return i("div",{class:"sd-select-multiple__trigger",tabindex:this.disabled?-1:0,onClick:this.handleTriggerClick,ref:e=>this.triggerRef=e},i("span",{class:"sd-select-multiple__value"},!e||e.length===0?this.placeholder:e.map((e=>e.label)).join(", ")),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:async e=>{e.stopPropagation();this.value=null;await(this.formField?.sdValidate())}}),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;const e=this.selectRef?.querySelector(".sd-select-multiple__trigger")||this.selectRef;return i("sd-portal",{open:this.isOpen,parentRef:e,onSdClose:this.closeDropdown},i("sd-select-dropdown",{value:this.value,options:this.options,itemIndex:this.itemIndex,width:this.dropDownWidth,dropdownHeight:this.dropdownHeight,searchable:this.searchable,optionPlaceholder:this.optionPlaceholder,useCheckbox:this.useCheckbox,useAll:this.useAll,onSdOptionClick:({detail:e})=>this.handleOptionClick(e),onSdOptionFiltered:({detail:e})=>this.filteredOptions=e}))}static get watchers(){return{value:["valueChanged"],isOpen:["isOpenChanged"]}}};r.style=n();export{r as sd_select_multiple};
+//# sourceMappingURL=p-b521ce06.entry.js.map

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

@@ -0,0 +1,2 @@
+import{r as s,a as e,h as t,F as a}from"./p-C3qNZ7Qh.js";import{T as i}from"./p-DPxE68eG.js";const o=()=>`sd-popover{position:relative;cursor:pointer;display:inline-flex}`;const n=class{constructor(e){s(this,e)}get el(){return e(this)}show=false;placement="bottom";color="#01BB4B";icon="helpOutline";iconSize=12;label="";buttonSize="sm";buttonVariant="primary";menuTitle;messages=[];buttons=[];menuClass="";noHover=true;useClose=false;showPopover=false;slotContent="";watchShowHandler(s){this.showPopover=s}componentWillLoad(){this.showPopover=this.show;this.slotContent=this.el.innerHTML}buttonEl;handleClose=()=>{this.showPopover=false};render(){return t(a,{key:"56f328cfb09847d3f5968c4ed73f805f5666e258"},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",onClick:()=>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:"8b6a8ce42c1464780fb089098fdda82600eefc86",parentRef:this.buttonEl,onSdClose:this.handleClose,placement:this.placement},t("div",{key:"0cbeee5bb4a514bc2e1009d5d97c27fd8a309fd2",class:{"sd-floating-menu":true,[`sd-floating-menu--${this.placement}`]:true,[this.menuClass]:!!this.menuClass}},t("i",{key:"d8f244e430aaacaaa4b124d4ae613546ca3cb04a",class:`sd-floating-menu__arrow sd-floating-menu__arrow--${this.placement}`},t(i,{key:"b5a9d9878144eb0a6093a05e0c5287d2721304d8"})),t("div",{key:"919c8ea1a1421f9db1b8f002704cb443e69b27dd",class:"sd-floating-menu__content"},this.menuTitle&&t("div",{key:"3a1bd157db78b03e894dd9234b15a1e0a42a20ad",class:"sd-floating-menu__title"},this.menuTitle),this.messages.length>0&&t("div",{key:"775a8c45c194fce139b78bdea6cf3ea7e1d6aebd",class:"sd-floating-menu__messages"},this.messages.map((s=>t("div",null,s)))),this.buttons.length>0&&t("div",{key:"1da478df75490f7ba81a8463cbbeea26c6cff64d",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:"ce75525effbcc448900cbea452a9787f66447444",title:"close",class:"sd-floating-menu__close-button",onClick:()=>this.handleClose()},t("sd-icon",{key:"2dc6e721412c49ff91ea60e2355be1f0143fc7fb",name:"close",size:"12",color:"gery_55"})))))}static get watchers(){return{show:["watchShowHandler"]}}};n.style=o();export{n as sd_popover};
+//# sourceMappingURL=p-cdd7880f.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["registerInstance","getElement","h","Fragment","TooltipArrow","sdPopoverCss","SdPopover","constructor","hostRef","this","el","show","placement","color","icon","iconSize","label","buttonSize","buttonVariant","menuTitle","messages","buttons","menuClass","noHover","useClose","showPopover","slotContent","watchShowHandler","newValue","componentWillLoad","innerHTML","buttonEl","handleClose","render","key","ref","size","variant","class","onClick","name","parentRef","onSdClose","length","map","message","button","title","watchers","style"],"sources":["0"],"mappings":"YAAcA,OAAuBC,OAAYC,OAAQC,MAAgB,8BAC3DC,MAAoB,kBAElC,MAAMC,EAAe,IAAM,mEAE3B,MAAMC,EAAY,MACd,WAAAC,CAAYC,GACRR,EAAiBS,KAAMD,EAC3B,CACA,MAAIE,GAAO,OAAOT,EAAWQ,KAAO,CACpCE,KAAO,MACPC,UAAY,SACZC,MAAQ,UACRC,KAAO,cACPC,SAAW,GACXC,MAAQ,GACRC,WAAa,KACbC,cAAgB,UAChBC,UACAC,SAAW,GACXC,QAAU,GACVC,UAAY,GACZC,QAAU,KACVC,SAAW,MACXC,YAAc,MACdC,YAAc,GACd,gBAAAC,CAAiBC,GACbnB,KAAKgB,YAAcG,CACvB,CACA,iBAAAC,GACIpB,KAAKgB,YAAchB,KAAKE,KACxBF,KAAKiB,YAAcjB,KAAKC,GAAGoB,SAC/B,CACAC,SACAC,YAAc,KACVvB,KAAKgB,YAAc,KAAK,EAE5B,MAAAQ,GACI,OAAQ/B,EAAEC,EAAU,CAAE+B,IAAK,4CAA8CzB,KAAKO,MAASd,EAAE,YAAa,CAAEiC,IAAKzB,GAAOD,KAAKsB,SAAWrB,EAAKM,MAAOP,KAAKO,MAAOF,KAAML,KAAKK,KAAMsB,KAAM3B,KAAKQ,WAAYJ,MAAOJ,KAAKI,MAAOwB,QAAS5B,KAAKS,cAAeoB,MAAO,aAAcC,QAAS,IAAO9B,KAAKgB,aAAehB,KAAKgB,cAAoBvB,EAAE,UAAW,CAAEiC,IAAKzB,GAAOD,KAAKsB,SAAWrB,EAAK8B,KAAM/B,KAAKK,KAAMsB,KAAM3B,KAAKM,SAAUF,MAAOJ,KAAKI,MAAOyB,MAAO,aAAcC,QAAS,IAAO9B,KAAKgB,aAAehB,KAAKgB,cAAkBhB,KAAKgB,aAAgBvB,EAAE,qBAAsB,CAAEgC,IAAK,2CAA4CO,UAAWhC,KAAKsB,SAAUW,UAAWjC,KAAKuB,YAAapB,UAAWH,KAAKG,WAAaV,EAAE,MAAO,CAAEgC,IAAK,2CAA4CI,MAAO,CAC9uB,mBAAoB,KACpB,CAAC,qBAAqB7B,KAAKG,aAAc,KACzC,CAACH,KAAKa,aAAcb,KAAKa,YACxBpB,EAAE,IAAK,CAAEgC,IAAK,2CAA4CI,MAAO,oDAAoD7B,KAAKG,aAAeV,EAAEE,EAAc,CAAE8B,IAAK,8CAAgDhC,EAAE,MAAO,CAAEgC,IAAK,2CAA4CI,MAAO,6BAA+B7B,KAAKU,WAAajB,EAAE,MAAO,CAAEgC,IAAK,2CAA4CI,MAAO,2BAA6B7B,KAAKU,WAAYV,KAAKW,SAASuB,OAAS,GAAMzC,EAAE,MAAO,CAAEgC,IAAK,2CAA4CI,MAAO,8BAAgC7B,KAAKW,SAASwB,KAAIC,GAAY3C,EAAE,MAAO,KAAM2C,MAAcpC,KAAKY,QAAQsB,OAAS,GAAMzC,EAAE,MAAO,CAAEgC,IAAK,2CAA4CI,MAAO,wDAAwD7B,KAAKY,QAAQsB,UAAYlC,KAAKY,QAAQuB,KAAIE,GAAW5C,EAAE,YAAa,IAAK4C,QAAgBrC,KAAKe,UAAatB,EAAE,SAAU,CAAEgC,IAAK,2CAA4Ca,MAAO,QAAST,MAAO,iCAAkCC,QAAS,IAAM9B,KAAKuB,eAAiB9B,EAAE,UAAW,CAAEgC,IAAK,2CAA4CM,KAAM,QAASJ,KAAM,KAAMvB,MAAO,eAC9nC,CACA,mBAAWmC,GAAa,MAAO,CAC3BrC,KAAQ,CAAC,oBACV,GAEPL,EAAU2C,MAAQ5C,WAETC","ignoreList":[]}

package/dist/design-system/{p-2400d67b.entry.js → p-dc2f4b2f.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,a as e,h as s}from"./p-C3qNZ7Qh.js";const r=()=>`:host{display:inline-block}:host([full-width]){display:block}.sd-tag{display:inline-flex;width:100%;align-items:center;justify-content:center;gap:8px;text-decoration:none;border:1px solid transparent;border-radius:4px;transition:all 0.2s ease-in-out;position:relative;overflow:hidden;white-space:nowrap;-webkit-user-select:none;user-select:none;box-sizing:border-box}.sd-tag__content{display:inline-block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sd-tag--custom-color{background:var(--tag-bg-color);color:var(--tag-text-color)}.sd-tag--sm{padding:0 6px;font-size:11px;line-height:18px;height:20px;border-radius:4px}.sd-tag--md{padding:0 8px;font-size:12px;font-weight:700;line-height:20px;height:24px;border-radius:4px}.sd-tag--lg{padding:0 10px;font-size:14px;font-weight:700;line-height:24px;min-height:28px;border-radius:5px}.sd-tag--rounded.sd-tag--sm{border-radius:20px}.sd-tag--rounded.sd-tag--md{border-radius:20px}.sd-tag--rounded.sd-tag--lg{border-radius:15px}`;const o={grey:"bg-grey_20 text-grey_70",red:"bg-red_15 text-red_70",orange:"bg-orange_10 text-orange_65",yellow:"bg-yellow_10 text-yellow_70",green:"bg-green_15 text-green_75",blue:"bg-brilliantblue_20 text-brilliantblue_75",darkblue:"bg-oceanblue_15 text-oceanblue_70",indigo:"bg-brilliantblue_10 text-brilliantblue_85"};const i=class{constructor(e){t(this,e)}get el(){return e(this)}size="md";color="grey";rounded=false;label="";bgColor;textColor;getTagClasses(){const t=["sd-tag",`sd-tag--${this.size}`];if(this.rounded){t.push("sd-tag--rounded")}if(this.color&&!this.bgColor&&!this.textColor){t.push(o[this.color])}if(this.bgColor||this.textColor){t.push("sd-tag--custom-color")}return t.join(" ")}renderContent(){return[s("span",{class:"sd-tag__content"},s("slot",null,this.label))]}render(){const t=this.getTagClasses();return s("span",{key:"2a25443d15ad9d0c9205455e80cf236d02cec6d9",class:t,style:{"--tag-bg-color":this.bgColor,"--tag-text-color":this.textColor},"aria-label":this.label||"tag"},this.renderContent())}};i.style=r();export{i as sd_tag};
-//# sourceMappingURL=p-2400d67b.entry.js.map
+import{r as e,a as t,h as s}from"./p-C3qNZ7Qh.js";const r=()=>`:host{display:inline-block}:host([full-width]){display:block}.sd-tag{display:inline-flex;width:100%;align-items:center;justify-content:center;gap:8px;text-decoration:none;border:1px solid transparent;border-radius:4px;transition:all 0.2s ease-in-out;position:relative;overflow:hidden;white-space:nowrap;-webkit-user-select:none;user-select:none;box-sizing:border-box}.sd-tag__content{display:inline-block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sd-tag--custom-color{background:var(--tag-bg-color);color:var(--tag-text-color)}.sd-tag--sm{padding:0 6px;font-size:11px;line-height:18px;height:20px;border-radius:4px}.sd-tag--md{padding:0 8px;font-size:12px;font-weight:700;line-height:20px;height:24px;border-radius:4px}.sd-tag--lg{padding:0 10px;font-size:14px;font-weight:700;line-height:24px;min-height:28px;border-radius:5px}.sd-tag--rounded.sd-tag--sm{border-radius:20px}.sd-tag--rounded.sd-tag--md{border-radius:20px}.sd-tag--rounded.sd-tag--lg{border-radius:15px}`;const o={grey:"bg-grey_20 text-grey_70",red:"bg-red_15 text-red_70",orange:"bg-orange_10 text-orange_65",yellow:"bg-yellow_10 text-yellow_70",green:"bg-green_15 text-green_75",blue:"bg-brilliantblue_20 text-brilliantblue_75",darkblue:"bg-oceanblue_15 text-oceanblue_70",indigo:"bg-brilliantblue_10 text-brilliantblue_85"};const i=class{constructor(t){e(this,t)}get el(){return t(this)}size="md";color="grey";rounded=false;label="";bgColor;textColor;getTagClasses(){const e=["sd-tag",`sd-tag--${this.size}`];if(this.rounded){e.push("sd-tag--rounded")}if(this.color&&!this.bgColor&&!this.textColor){e.push(o[this.color])}if(this.bgColor||this.textColor){e.push("sd-tag--custom-color")}return e.join(" ")}renderContent(){return[s("span",{class:"sd-tag__content"},s("slot",null,this.label))]}render(){const e=this.getTagClasses();return s("span",{key:"44457ea67e6c6bc78f134df71beb8d16cc069f41",class:e,style:{"--tag-bg-color":this.bgColor,"--tag-text-color":this.textColor},"aria-label":this.label||"tag"},this.renderContent())}};i.style=r();export{i as sd_tag};
+//# sourceMappingURL=p-dc2f4b2f.entry.js.map

package/dist/design-system/{p-388d5b9f.entry.js → p-f43b8c46.entry.js}

@@ -1,2 +1,2 @@
-import{r,h as s,H as e}from"./p-C3qNZ7Qh.js";const t=()=>`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;font-size:12px;font-weight:700;line-height:20px;z-index:1}sd-progress .sd-progress__bar__indicator--left{color:var(--progress-color, #0075ff);clip-path:inset(0 0 0 var(--progress-percentage))}sd-progress .sd-progress__bar__indicator--right{color:white;background-color:var(--progress-color, #0075ff);clip-path:inset(0 calc(100% - var(--progress-percentage)) 0 0)}sd-progress .sd-progress__spinner{display:flex;flex-direction:column;align-items:center;justify-content:center}sd-progress .sd-progress__spinner svg{transform:rotate(-90deg)}sd-progress .sd-progress__spinner__label{margin-top:8px;font-size:16px;color:var(--progress-color, #0075ff)}sd-progress .sd-progress__label{margin-top:4px;font-size:12px;color:#222222;text-align:center}`;const o=class{constructor(s){r(this,s)}type="bar";error=false;percentage=0;size=80;strokeWidth=12;label;statusColor={default:"#aaaaaa",progress:"#0075ff",complete:"#12B553",error:"#FB4444"};get progressPercentage(){if(this.error)return 100;return this.percentage}get progressStatus(){if(this.error)return"error";switch(this.percentage){case 100:return"complete";case 0:return"default";default:return"progress"}}get progressColor(){return this.statusColor[this.progressStatus]}render(){return s(e,{key:"fe3875178b9b621f5cb21dc030f736df71ee8f91",style:{"--progress-color":this.progressColor,"--progress-percentage":`${this.progressPercentage}%`}},this.type==="bar"?this.renderBarProgress():this.renderSpinnerProgress(),this.label&&s("div",{key:"bd4693197e530e6a836b076772bfd02a3c91ce3a",class:"sd-progress__label"},this.label))}renderBarProgress(){return s("div",{class:`sd-progress__bar sd-progress__bar--${this.progressStatus}`},s("div",{class:["sd-progress__bar__percent",this.progressPercentage<100?"proceed":""].join(" ")}),s("div",{class:"sd-progress__bar__indicator sd-progress__bar__indicator--left"},this.progressPercentage,"%"),s("div",{class:"sd-progress__bar__indicator sd-progress__bar__indicator--right"},this.progressPercentage,"%"))}renderSpinnerProgress(){const r=(this.size-this.strokeWidth)/2;const e=2*Math.PI*r;const t=e-this.progressPercentage/100*e;const o=`${this.size}px`;const i=`${this.size/2}px`;return s("div",{class:`sd-progress__spinner sd-progress__spinner--${this.progressStatus}`},s("svg",{width:o,height:o},s("circle",{cx:i,cy:i,r,stroke:"#EEEEEE","stroke-width":this.strokeWidth,fill:"transparent"}),s("circle",{cx:i,cy:i,r,stroke:this.progressColor,"stroke-width":this.strokeWidth,fill:"transparent","stroke-dasharray":e,"stroke-dashoffset":t,"stroke-linecap":"round",class:"transition-all duration-500"})),s("strong",{class:"sd-progress__spinner__label"},this.progressPercentage," %"))}};o.style=t();export{o as sd_progress};
-//# sourceMappingURL=p-388d5b9f.entry.js.map
+import{r,h as s,H as e}from"./p-C3qNZ7Qh.js";const t=()=>`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;font-size:12px;font-weight:700;line-height:20px;z-index:1}sd-progress .sd-progress__bar__indicator--left{color:var(--progress-color, #0075ff);clip-path:inset(0 0 0 var(--progress-percentage))}sd-progress .sd-progress__bar__indicator--right{color:white;background-color:var(--progress-color, #0075ff);clip-path:inset(0 calc(100% - var(--progress-percentage)) 0 0)}sd-progress .sd-progress__spinner{display:flex;flex-direction:column;align-items:center;justify-content:center}sd-progress .sd-progress__spinner svg{transform:rotate(-90deg)}sd-progress .sd-progress__spinner__label{margin-top:8px;font-size:16px;color:var(--progress-color, #0075ff)}sd-progress .sd-progress__label{margin-top:4px;font-size:12px;color:#222222;text-align:center}`;const o=class{constructor(s){r(this,s)}type="bar";error=false;percentage=0;size=80;strokeWidth=12;label;statusColor={default:"#aaaaaa",progress:"#0075ff",complete:"#12B553",error:"#FB4444"};get progressPercentage(){if(this.error)return 100;return this.percentage}get progressStatus(){if(this.error)return"error";switch(this.percentage){case 100:return"complete";case 0:return"default";default:return"progress"}}get progressColor(){return this.statusColor[this.progressStatus]}render(){return s(e,{key:"8990c8a3fb4c8bf0cb32dd4310e1e99519fca550",style:{"--progress-color":this.progressColor,"--progress-percentage":`${this.progressPercentage}%`}},this.type==="bar"?this.renderBarProgress():this.renderSpinnerProgress(),this.label&&s("div",{key:"50a4d45d8658eec2b0d949b201fbf55b0d3615a4",class:"sd-progress__label"},this.label))}renderBarProgress(){return s("div",{class:`sd-progress__bar sd-progress__bar--${this.progressStatus}`},s("div",{class:["sd-progress__bar__percent",this.progressPercentage<100?"proceed":""].join(" ")}),s("div",{class:"sd-progress__bar__indicator sd-progress__bar__indicator--left"},this.progressPercentage,"%"),s("div",{class:"sd-progress__bar__indicator sd-progress__bar__indicator--right"},this.progressPercentage,"%"))}renderSpinnerProgress(){const r=(this.size-this.strokeWidth)/2;const e=2*Math.PI*r;const t=e-this.progressPercentage/100*e;const o=`${this.size}px`;const i=`${this.size/2}px`;return s("div",{class:`sd-progress__spinner sd-progress__spinner--${this.progressStatus}`},s("svg",{width:o,height:o},s("circle",{cx:i,cy:i,r,stroke:"#EEEEEE","stroke-width":this.strokeWidth,fill:"transparent"}),s("circle",{cx:i,cy:i,r,stroke:this.progressColor,"stroke-width":this.strokeWidth,fill:"transparent","stroke-dasharray":e,"stroke-dashoffset":t,"stroke-linecap":"round",class:"transition-all duration-500"})),s("strong",{class:"sd-progress__spinner__label"},this.progressPercentage," %"))}};o.style=t();export{o as sd_progress};
+//# sourceMappingURL=p-f43b8c46.entry.js.map

package/dist/design-system/{p-652c4d37.entry.js → p-f8e3d576.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,a as s,h as i,F as o}from"./p-C3qNZ7Qh.js";import{B as l,S as r}from"./p-BShXSO5x.js";const n=()=>`.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__dropdown .sd-select-multiple-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-multiple-group{display:inline-flex;flex-flow:column nowrap;width:fit-content;height:fit-content}sd-select-multiple-group:focus,sd-select-multiple-group:focus-visible,sd-select-multiple-group:focus-within{outline:none !important}sd-select-multiple-group .sd-select-multiple-group{width:100%}sd-select-multiple-group .sd-select-multiple-group .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 .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 .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 .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 .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;opacity:0.5;transition:opacity 0.15s ease-in}.sd-select-multiple-group__dropdown--ready{opacity:1}`;const h=class extends l{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";disabled=false;clearable=false;searchable=false;useCheckbox=false;useAll=false;allCheckedLabel="전체";allCheckOptionLabel="전체";label="";useLabelRequired=false;labelTooltip="";labelTooltipProps=null;name;rules=[];error=false;containerStyle={};triggerStyle={};dropdownStyle={};optionStyle={};labelStyle={};optionRenderer;filteredOptions=this.options;isOpen=false;searchText=null;itemIndex=-1;isScrolled=false;isDropdownReady=false;update;dropDownShow;selectRef;searchRef;triggerRef;optionRef;dropdownRef;formField;dropDownWidth=this.width;async sdOpen(){await new Promise((t=>setTimeout(t,0)));this.isOpen=true}async sdValidate(){this.formField?.sdValidate()}async sdReset(){this.formField?.sdReset()}async sdResetValidate(){this.formField?.sdResetValidation()}async sdFocus(){this.formField?.sdFocus()}valueChanged(){this.update?.emit(this.value)}optionsChanged(){this.filteredOptions=this.options;this.filterOptions()}searchTextChanged(){this.filterOptions()}async itemIndexChanged(t,e){if(this.searchable){const t=await this.getNativeInputElement();if(this.itemIndex===-1){t?.focus({preventScroll:true});return}else if(t?.matches(":focus")){t?.blur()}}const s=Array.from(this.dropdownRef?.querySelectorAll("sd-select-option-group")||[]);const i=this.useAll?this.itemIndex+1:this.itemIndex;const o=s?.[i];if(!o||!this.isOpen)return;this.optionRef=o;const l=await this.optionRef.isDisabled();if(l){t>e?this.itemIndex++:this.itemIndex--;return}this.scrollToOption(o)}async isOpenChanged(){this.onDropdownToggle(this.isOpen);this.dropDownShow?.emit({isOpen:this.isOpen});this.isDropdownReady=false;if(this.isOpen===false){await(this.formField?.sdValidate());return}requestAnimationFrame((()=>{requestAnimationFrame((async()=>{const t=this.getSelectedOption();if(t&&t.length>0){const e=this.options.indexOf(t[0]);const s=Array.from(this.dropdownRef?.querySelectorAll("sd-select-option-group")||[]);const i=this.useAll?e+1:e;const o=Math.min(i+4,s.length-1);const l=s?.[o];if(l){this.scrollToOption(l)}}this.isDropdownReady=true;if(this.searchable){const t=await this.getNativeInputElement();if(t){requestAnimationFrame((()=>{t.focus({preventScroll:true})}))}}}))}))}componentWillLoad(){this.filteredOptions=this.options;this.initializeEvent()}componentDidRender(){const t=this.triggerRef;const e=t?.getBoundingClientRect();this.dropDownWidth=e?.width?`${e.width}px`:this.width}disconnectedCallback(){this.cleanupEvent()}handleDocumentClick(t){if(!this.selectRef?.contains(t.target)){this.isOpen=false}}handleDocumentKeydown(t){t.stopPropagation();const e=["ArrowDown","ArrowUp","Enter","Escape"];if(!e.includes(t.key))return;t.preventDefault();switch(t.key){case"ArrowDown":case"ArrowUp":const e=new r(this.searchable,this.filteredOptions);const s=e.getNextIndex(this.itemIndex,t.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=t=>{t.stopPropagation();if(!this.disabled){this.isOpen=!this.isOpen;this.dropDownShow?.emit({isOpen:this.isOpen})}};handleAllOptionClick=t=>{if(t.isSelected){const t=this.filteredOptions.filter((t=>t.type==="item"&&!t.disabled));this.value=this.value?.filter((e=>!t.some((t=>t.value===e.value))))||this.value}else{const t=new Set([...this.value||[],...this.filteredOptions.filter((t=>t.type==="item"&&!t.disabled))]);this.value=Array.from(t)}};handleOptionClick=t=>{const{option:e,event:s}=t;s.stopPropagation();if(e.type==="group")this.handleGroupOptionClick(t);if(e.type==="subgroup")this.handleSubGroupOptionClick(t);if(e.type==="item")this.handleOptionSelection(e)};handleGroupOptionClick=t=>{const{option:e,isSelected:s}=t;const i=this.filteredOptions.filter((t=>t.parent===e.value&&!t.disabled));i.forEach((t=>{this.handleSubGroupOptionClick({option:t,isSelected:s||s===null})}))};handleSubGroupOptionClick=t=>{const{option:e,isSelected:s}=t;const i=this.filteredOptions.filter((t=>t.parent===e.value&&!t.disabled));if(s||s===null){this.value=this.value?.filter((t=>!i.some((e=>e.value===t.value))))||null}else{const t=i.filter((t=>!this.value?.some((e=>e.value===t.value))));this.value=[...this.value||[],...t]}};filterOptions(){if(!this.searchText||this.searchText.trim()===""){this.filteredOptions=this.options;return}const t=this.searchText.toLowerCase();const e=new Set;this.options.forEach((s=>{if(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));if(s&&!e.has(s)){e.add(s);this.addParentGroups(s,e)}}getSelectedOption(){return this.options.filter((t=>this.value?.includes(t)))}handleDropdownScroll=t=>{const e=t.target;const s=e.scrollTop;this.isScrolled=s>0};async getNativeInputElement(){if(this.searchRef){return this.searchRef.sdGetNativeElement()}return null}handleOptionSelection=t=>{if(!t||t.disabled)return;const e=this.value?.some((e=>e.value===t.value));if(e){this.value=this.value?.filter((e=>e.value!==t.value))||null}else{this.value=[...this.value||[],t]}};getAllItemsUnderOption(t,e=false){const s=s=>s.parent===t.value&&(e||!s.disabled);if(t.type==="subgroup"){return this.filteredOptions.filter((t=>s(t)&&t.type==="item"))}const i=[];const o=this.filteredOptions.filter(s);const l=o.filter((t=>t.type==="subgroup"));l.forEach((t=>{const s=this.filteredOptions.filter((s=>s.parent===t.value&&s.type==="item"&&(e?true:!s.disabled)));i.push(...s)}));const r=o.filter((t=>t.type==="item"));i.push(...r);return i}isAllChildrenSelected(t){const e=this.getAllItemsUnderOption(t);if(e.length===0)return false;const s=e.filter((t=>this.value?.some((e=>e.value===t.value))));if(s.length===e.length)return true;if(s.length>0)return null;return false}getChildrenOptions(t){const e=this.getAllItemsUnderOption(t,true);const s=e.filter((t=>this.value?.some((e=>e.value===t.value)))).length;return{selectedCount:s,totalCount:e.length}}isAllOptionsSelected(){if(!this.value||this.value.length===0)return false;const t=this.options.filter((t=>t.type==="item"&&!t.disabled));if(t.length===0)return false;const e=new Set(this.value.map((t=>t.value)));return t.every((t=>e.has(t.value)))}getTriggerLabel(){const t=this.getSelectedOption();if(!t)return"선택";if(t.length===0)return this.placeholder;const e=this.isAllOptionsSelected();return e?this.allCheckedLabel:t.map((t=>t.label)).join(", ")}closeDropdown(){this.isOpen=false}async scrollToOption(t){if(!this.dropdownRef||!t)return;requestAnimationFrame((()=>{const e=this.dropdownRef;const s=t.offsetTop;const i=t.offsetHeight;const o=e.scrollTop;const l=e.clientHeight;const r=e.querySelector(".sd-select-multiple-group__search-container");const n=r?r.offsetHeight:0;const h=l-n;const c=o+n;const p=o+l;if(s<c){e.scrollTo({top:s-n,behavior:"instant"})}else if(s+i>p){e.scrollTo({top:s+i-h-n,behavior:"instant"})}}))}render(){return i("sd-field",{key:"7ec71405f801265b0abf2d381491a65454c540cd",label:this.label,name:this.name,rules:this.rules,error:this.error,disabled:this.disabled,useLabelRequired:this.useLabelRequired,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:t=>this.formField=t,style:{"--field-width":this.width||"200px"}},i("div",{key:"80c1db9cd2c47e4acfece06a9b23896cc0acef88",class:{"sd-select-multiple-group":true,"sd-select-multiple-group--open":this.isOpen,"sd-select-multiple-group--disabled":this.disabled,"sd-select-multiple-group--label":!!this.label},ref:t=>this.selectRef=t},this.renderTrigger(),this.renderDropdown()))}renderTrigger(){const t=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&&t?.length>0&&!this.disabled&&i("sd-icon",{key:"close-icon",name:"close",size:10,color:"#888",class:"sd-select-multiple-group__clear",onClick:async t=>{t.stopPropagation();this.value=null;await(this.formField?.sdValidate())}}),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 t={"--select-width":this.dropDownWidth||"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",{style:{width:"0",height:"0",overflow:"visible"}},i("div",{class:{"sd-select-multiple-group__dropdown":true,"sd-select-multiple-group__dropdown--ready":this.isDropdownReady},style:{...t,...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.useAll&&i("sd-select-option-group",{option:{label:this.allCheckOptionLabel,value:"",type:"all"},index:0,isSelected:this.isAllOptionsSelected(),isFocused:this.itemIndex===0,optionStyle:this.optionStyle,onOptionClick:({detail:t})=>this.handleAllOptionClick(t),useCheckbox:this.useCheckbox,useIndicator:false}),this.filteredOptions.map(((t,e)=>i("slot",{name:`option-${t.value}`},i("sd-select-option-group",{option:t,index:e,isSelected:t.type==="item"?this.value?.some((e=>e.value===t.value)):this.isAllChildrenSelected(t),isFocused:e===this.itemIndex,optionStyle:this.optionStyle,onOptionClick:({detail:e})=>{if(t.type!=="item"&&!this.useCheckbox){return}this.handleOptionClick(e)},useCheckbox:this.useCheckbox,...t.type!=="item"&&{countInfo:this.getChildrenOptions(t)}}))))):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"]}}};h.style=n();export{h as sd_select_multiple_group};
-//# sourceMappingURL=p-652c4d37.entry.js.map
+import{r as t,c as e,a as s,h as i,F as o}from"./p-C3qNZ7Qh.js";import{B as l,S as r}from"./p-BShXSO5x.js";const n=()=>`.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__dropdown .sd-select-multiple-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-multiple-group{display:inline-flex;flex-flow:column nowrap;width:fit-content;height:fit-content}sd-select-multiple-group:focus,sd-select-multiple-group:focus-visible,sd-select-multiple-group:focus-within{outline:none !important}sd-select-multiple-group .sd-select-multiple-group{width:100%}sd-select-multiple-group .sd-select-multiple-group .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 .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 .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 .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 .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;opacity:0.5;transition:opacity 0.15s ease-in}.sd-select-multiple-group__dropdown--ready{opacity:1}`;const h=class extends l{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";disabled=false;clearable=false;searchable=false;useCheckbox=false;useAll=false;allCheckedLabel="전체";allCheckOptionLabel="전체";label="";useLabelRequired=false;labelTooltip="";labelTooltipProps=null;name;rules=[];error=false;containerStyle={};triggerStyle={};dropdownStyle={};optionStyle={};labelStyle={};optionRenderer;filteredOptions=this.options;isOpen=false;searchText=null;itemIndex=-1;isScrolled=false;isDropdownReady=false;update;dropDownShow;selectRef;searchRef;triggerRef;optionRef;dropdownRef;formField;dropDownWidth=this.width;async sdOpen(){await new Promise((t=>setTimeout(t,0)));this.isOpen=true}async sdValidate(){this.formField?.sdValidate()}async sdReset(){this.formField?.sdReset()}async sdResetValidate(){this.formField?.sdResetValidation()}async sdFocus(){this.formField?.sdFocus()}valueChanged(){this.update?.emit(this.value)}optionsChanged(){this.filteredOptions=this.options;this.filterOptions()}searchTextChanged(){this.filterOptions()}async itemIndexChanged(t,e){if(this.searchable){const t=await this.getNativeInputElement();if(this.itemIndex===-1){t?.focus({preventScroll:true});return}else if(t?.matches(":focus")){t?.blur()}}const s=Array.from(this.dropdownRef?.querySelectorAll("sd-select-option-group")||[]);const i=this.useAll?this.itemIndex+1:this.itemIndex;const o=s?.[i];if(!o||!this.isOpen)return;this.optionRef=o;const l=await this.optionRef.isDisabled();if(l){t>e?this.itemIndex++:this.itemIndex--;return}this.scrollToOption(o)}async isOpenChanged(){this.onDropdownToggle(this.isOpen);this.dropDownShow?.emit({isOpen:this.isOpen});this.isDropdownReady=false;if(this.isOpen===false){await(this.formField?.sdValidate());return}requestAnimationFrame((()=>{requestAnimationFrame((async()=>{const t=this.getSelectedOption();if(t&&t.length>0){const e=this.options.indexOf(t[0]);const s=Array.from(this.dropdownRef?.querySelectorAll("sd-select-option-group")||[]);const i=this.useAll?e+1:e;const o=Math.min(i+4,s.length-1);const l=s?.[o];if(l){this.scrollToOption(l)}}this.isDropdownReady=true;if(this.searchable){const t=await this.getNativeInputElement();if(t){requestAnimationFrame((()=>{t.focus({preventScroll:true})}))}}}))}))}componentWillLoad(){this.filteredOptions=this.options;this.initializeEvent()}componentDidRender(){const t=this.triggerRef;const e=t?.getBoundingClientRect();this.dropDownWidth=e?.width?`${e.width}px`:this.width}disconnectedCallback(){this.cleanupEvent()}handleDocumentClick(t){if(!this.selectRef?.contains(t.target)){this.isOpen=false}}handleDocumentKeydown(t){t.stopPropagation();const e=["ArrowDown","ArrowUp","Enter","Escape"];if(!e.includes(t.key))return;t.preventDefault();switch(t.key){case"ArrowDown":case"ArrowUp":const e=new r(this.searchable,this.filteredOptions);const s=e.getNextIndex(this.itemIndex,t.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=t=>{t.stopPropagation();if(!this.disabled){this.isOpen=!this.isOpen;this.dropDownShow?.emit({isOpen:this.isOpen})}};handleAllOptionClick=t=>{if(t.isSelected){const t=this.filteredOptions.filter((t=>t.type==="item"&&!t.disabled));this.value=this.value?.filter((e=>!t.some((t=>t.value===e.value))))||this.value}else{const t=new Set([...this.value||[],...this.filteredOptions.filter((t=>t.type==="item"&&!t.disabled))]);this.value=Array.from(t)}};handleOptionClick=t=>{const{option:e,event:s}=t;s.stopPropagation();if(e.type==="group")this.handleGroupOptionClick(t);if(e.type==="subgroup")this.handleSubGroupOptionClick(t);if(e.type==="item")this.handleOptionSelection(e)};handleGroupOptionClick=t=>{const{option:e,isSelected:s}=t;const i=this.filteredOptions.filter((t=>t.parent===e.value&&!t.disabled));i.forEach((t=>{this.handleSubGroupOptionClick({option:t,isSelected:s||s===null})}))};handleSubGroupOptionClick=t=>{const{option:e,isSelected:s}=t;const i=this.filteredOptions.filter((t=>t.parent===e.value&&!t.disabled));if(s||s===null){this.value=this.value?.filter((t=>!i.some((e=>e.value===t.value))))||null}else{const t=i.filter((t=>!this.value?.some((e=>e.value===t.value))));this.value=[...this.value||[],...t]}};filterOptions(){if(!this.searchText||this.searchText.trim()===""){this.filteredOptions=this.options;return}const t=this.searchText.toLowerCase();const e=new Set;this.options.forEach((s=>{if(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));if(s&&!e.has(s)){e.add(s);this.addParentGroups(s,e)}}getSelectedOption(){return this.options.filter((t=>this.value?.includes(t)))}handleDropdownScroll=t=>{const e=t.target;const s=e.scrollTop;this.isScrolled=s>0};async getNativeInputElement(){if(this.searchRef){return this.searchRef.sdGetNativeElement()}return null}handleOptionSelection=t=>{if(!t||t.disabled)return;const e=this.value?.some((e=>e.value===t.value));if(e){this.value=this.value?.filter((e=>e.value!==t.value))||null}else{this.value=[...this.value||[],t]}};getAllItemsUnderOption(t,e=false){const s=s=>s.parent===t.value&&(e||!s.disabled);if(t.type==="subgroup"){return this.filteredOptions.filter((t=>s(t)&&t.type==="item"))}const i=[];const o=this.filteredOptions.filter(s);const l=o.filter((t=>t.type==="subgroup"));l.forEach((t=>{const s=this.filteredOptions.filter((s=>s.parent===t.value&&s.type==="item"&&(e?true:!s.disabled)));i.push(...s)}));const r=o.filter((t=>t.type==="item"));i.push(...r);return i}isAllChildrenSelected(t){const e=this.getAllItemsUnderOption(t);if(e.length===0)return false;const s=e.filter((t=>this.value?.some((e=>e.value===t.value))));if(s.length===e.length)return true;if(s.length>0)return null;return false}getChildrenOptions(t){const e=this.getAllItemsUnderOption(t,true);const s=e.filter((t=>this.value?.some((e=>e.value===t.value)))).length;return{selectedCount:s,totalCount:e.length}}isAllOptionsSelected(){if(!this.value||this.value.length===0)return false;const t=this.options.filter((t=>t.type==="item"&&!t.disabled));if(t.length===0)return false;const e=new Set(this.value.map((t=>t.value)));return t.every((t=>e.has(t.value)))}getTriggerLabel(){const t=this.getSelectedOption();if(!t)return"선택";if(t.length===0)return this.placeholder;const e=this.isAllOptionsSelected();return e?this.allCheckedLabel:t.map((t=>t.label)).join(", ")}closeDropdown(){this.isOpen=false}async scrollToOption(t){if(!this.dropdownRef||!t)return;requestAnimationFrame((()=>{const e=this.dropdownRef;const s=t.offsetTop;const i=t.offsetHeight;const o=e.scrollTop;const l=e.clientHeight;const r=e.querySelector(".sd-select-multiple-group__search-container");const n=r?r.offsetHeight:0;const h=l-n;const c=o+n;const p=o+l;if(s<c){e.scrollTo({top:s-n,behavior:"instant"})}else if(s+i>p){e.scrollTo({top:s+i-h-n,behavior:"instant"})}}))}render(){return i("sd-field",{key:"d809854ea5ad2aeebe2c6ffbedba19d6b62bb7be",label:this.label,name:this.name,rules:this.rules,error:this.error,disabled:this.disabled,useLabelRequired:this.useLabelRequired,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:t=>this.formField=t,style:{"--field-width":this.width||"200px"}},i("div",{key:"9db18413433f62c0530c6189cbcd6e11e12fc8ae",class:{"sd-select-multiple-group":true,"sd-select-multiple-group--open":this.isOpen,"sd-select-multiple-group--disabled":this.disabled,"sd-select-multiple-group--label":!!this.label},ref:t=>this.selectRef=t},this.renderTrigger(),this.renderDropdown()))}renderTrigger(){const t=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&&t?.length>0&&!this.disabled&&i("sd-icon",{key:"close-icon",name:"close",size:10,color:"#888",class:"sd-select-multiple-group__clear",onClick:async t=>{t.stopPropagation();this.value=null;await(this.formField?.sdValidate())}}),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 t={"--select-width":this.dropDownWidth||"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",{style:{width:"0",height:"0",overflow:"visible"}},i("div",{class:{"sd-select-multiple-group__dropdown":true,"sd-select-multiple-group__dropdown--ready":this.isDropdownReady},style:{...t,...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.useAll&&i("sd-select-option-group",{option:{label:this.allCheckOptionLabel,value:"",type:"all"},index:0,isSelected:this.isAllOptionsSelected(),isFocused:this.itemIndex===0,optionStyle:this.optionStyle,onOptionClick:({detail:t})=>this.handleAllOptionClick(t),useCheckbox:this.useCheckbox,useIndicator:false}),this.filteredOptions.map(((t,e)=>i("slot",{name:`option-${t.value}`},i("sd-select-option-group",{option:t,index:e,isSelected:t.type==="item"?this.value?.some((e=>e.value===t.value)):this.isAllChildrenSelected(t),isFocused:e===this.itemIndex,optionStyle:this.optionStyle,onOptionClick:({detail:e})=>{if(t.type!=="item"&&!this.useCheckbox){return}this.handleOptionClick(e)},useCheckbox:this.useCheckbox,...t.type!=="item"&&{countInfo:this.getChildrenOptions(t)}}))))):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"]}}};h.style=n();export{h as sd_select_multiple_group};
+//# sourceMappingURL=p-f8e3d576.entry.js.map

package/dist/design-system/{p-a7d4c6bd.entry.js → p-f9bc026f.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as s,h as e}from"./p-C3qNZ7Qh.js";const a=()=>`sd-tabs{display:inline-block}sd-tabs .sd-tabs{display:flex;flex-direction:row;gap:4px;border-bottom:1px solid #0075ff}sd-tabs .sd-tabs__tab{display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;border:1px solid #cccccc;border-bottom:none;border-radius:4px 4px 0 0;background-color:#f6f6f6;color:#888888;font-weight:400;transition:all 0.2s ease;position:relative;user-select:none}sd-tabs .sd-tabs__tab::before{content:"";position:absolute;inset:0;opacity:0;transition:all 0.3s}sd-tabs .sd-tabs__tab--selected{border-color:#0075ff;color:#0075ff;background-color:white}sd-tabs .sd-tabs__tab--selected .sd-tabs__label::before{font-weight:700}sd-tabs .sd-tabs__tab--selected:hover::before{background-color:#0075ff;opacity:0.15}sd-tabs .sd-tabs__tab--unselected:hover::before{background-color:#888888;opacity:0.15}sd-tabs .sd-tabs__label{user-select:none;font-weight:700;visibility:hidden;position:relative}sd-tabs .sd-tabs__label::before{content:attr(data-label);visibility:visible;position:absolute;inset:0;font-weight:400;transition:font-weight 0.2s ease}sd-tabs .sd-tabs--md .sd-tabs__tab{padding:12px 32px;font-size:12px;line-height:20px}sd-tabs .sd-tabs--sm .sd-tabs__tab{padding:8px 20px;font-size:12px;line-height:16px}sd-tabs .sd-tabs--sub{gap:32px;border-bottom:none}sd-tabs .sd-tabs--sub .sd-tabs__tab{border:none;border-radius:0;background-color:transparent;color:#222222;font-weight:400;padding:0 0 2px 0;position:relative}sd-tabs .sd-tabs--sub .sd-tabs__tab::before{content:"";position:absolute;top:100%;left:0;right:0;height:1px;width:100%;background-color:#0075ff;opacity:0;transition:opacity 0.2s ease}sd-tabs .sd-tabs--sub .sd-tabs__tab::after{font-weight:400}sd-tabs .sd-tabs--sub .sd-tabs__tab--selected{color:#0075ff;background-color:transparent}sd-tabs .sd-tabs--sub .sd-tabs__tab--selected::before{opacity:1}sd-tabs .sd-tabs--sub .sd-tabs__tab--selected::after{font-weight:700}`;const o=class{constructor(e){t(this,e);this.update=s(this,"sdUpdate")}value;tabs=[];size="md";isSub=false;update;componentWillLoad(){if(this.value!==undefined&&this.value!==null){this.value=this.value}}valueChanged(t){this.value=t}handleTabClick=t=>{this.value=t;this.value=t;this.update.emit(t)};isTabSelected(t){return this.value===t.value}getTabClasses(t){const s=["sd-tabs__tab",this.isTabSelected(t)?"sd-tabs__tab--selected":"sd-tabs__tab--unselected"];return s.join(" ")}getContainerClasses(){const t=["sd-tabs",`sd-tabs--${this.size}`];if(this.isSub){t.push("sd-tabs--sub")}return t.join(" ")}getBadgeColors(t){if(this.isTabSelected(t)){return{bgColor:"#E6F1FF",textColor:"#0075FF"}}return{bgColor:"#E5E5E5",textColor:"#737373"}}render(){return e("div",{key:"1f9b39d82a7a98bb9dffd522d9f703b41682ae71",class:this.getContainerClasses()},this.tabs.map(((t,s)=>{const a=this.getBadgeColors(t);return e("div",{key:`tab-${s}`,class:this.getTabClasses(t),"aria-label":t.label||"tab",onClick:()=>this.handleTabClick(t.value)},e("span",{"data-label":t.label,class:"sd-tabs__label"},t.label),t.badge&&e("sd-tag",{size:this.size,label:t.badge.toString(),bgColor:a.bgColor,textColor:a.textColor,rounded:false}))})))}static get watchers(){return{value:["valueChanged"]}}};o.style=a();export{o as sd_tabs};
-//# sourceMappingURL=p-a7d4c6bd.entry.js.map
+import{r as t,c as s,h as e}from"./p-C3qNZ7Qh.js";const a=()=>`sd-tabs{display:inline-block}sd-tabs .sd-tabs{display:flex;flex-direction:row;gap:4px;border-bottom:1px solid #0075ff}sd-tabs .sd-tabs__tab{display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;border:1px solid #cccccc;border-bottom:none;border-radius:4px 4px 0 0;background-color:#f6f6f6;color:#888888;font-weight:400;transition:all 0.2s ease;position:relative;user-select:none}sd-tabs .sd-tabs__tab::before{content:"";position:absolute;inset:0;opacity:0;transition:all 0.3s}sd-tabs .sd-tabs__tab--selected{border-color:#0075ff;color:#0075ff;background-color:white}sd-tabs .sd-tabs__tab--selected .sd-tabs__label::before{font-weight:700}sd-tabs .sd-tabs__tab--selected:hover::before{background-color:#0075ff;opacity:0.15}sd-tabs .sd-tabs__tab--unselected:hover::before{background-color:#888888;opacity:0.15}sd-tabs .sd-tabs__label{user-select:none;font-weight:700;visibility:hidden;position:relative}sd-tabs .sd-tabs__label::before{content:attr(data-label);visibility:visible;position:absolute;inset:0;font-weight:400;transition:font-weight 0.2s ease}sd-tabs .sd-tabs--md .sd-tabs__tab{padding:12px 32px;font-size:12px;line-height:20px}sd-tabs .sd-tabs--sm .sd-tabs__tab{padding:8px 20px;font-size:12px;line-height:16px}sd-tabs .sd-tabs--sub{gap:32px;border-bottom:none}sd-tabs .sd-tabs--sub .sd-tabs__tab{border:none;border-radius:0;background-color:transparent;color:#222222;font-weight:400;padding:0 0 2px 0;position:relative}sd-tabs .sd-tabs--sub .sd-tabs__tab::before{content:"";position:absolute;top:100%;left:0;right:0;height:1px;width:100%;background-color:#0075ff;opacity:0;transition:opacity 0.2s ease}sd-tabs .sd-tabs--sub .sd-tabs__tab::after{font-weight:400}sd-tabs .sd-tabs--sub .sd-tabs__tab--selected{color:#0075ff;background-color:transparent}sd-tabs .sd-tabs--sub .sd-tabs__tab--selected::before{opacity:1}sd-tabs .sd-tabs--sub .sd-tabs__tab--selected::after{font-weight:700}`;const o=class{constructor(e){t(this,e);this.update=s(this,"sdUpdate")}value;tabs=[];size="md";isSub=false;update;componentWillLoad(){if(this.value!==undefined&&this.value!==null){this.value=this.value}}valueChanged(t){this.value=t}handleTabClick=t=>{this.value=t;this.value=t;this.update.emit(t)};isTabSelected(t){return this.value===t.value}getTabClasses(t){const s=["sd-tabs__tab",this.isTabSelected(t)?"sd-tabs__tab--selected":"sd-tabs__tab--unselected"];return s.join(" ")}getContainerClasses(){const t=["sd-tabs",`sd-tabs--${this.size}`];if(this.isSub){t.push("sd-tabs--sub")}return t.join(" ")}getBadgeColors(t){if(this.isTabSelected(t)){return{bgColor:"#E6F1FF",textColor:"#0075FF"}}return{bgColor:"#E5E5E5",textColor:"#737373"}}render(){return e("div",{key:"94f5cca8addf2b30907ba17a1b729c4904fd42cf",class:this.getContainerClasses()},this.tabs.map(((t,s)=>{const a=this.getBadgeColors(t);return e("div",{key:`tab-${s}`,class:this.getTabClasses(t),"aria-label":t.label||"tab",onClick:()=>this.handleTabClick(t.value)},e("span",{"data-label":t.label,class:"sd-tabs__label"},t.label),t.badge&&e("sd-tag",{size:this.size,label:t.badge.toString(),bgColor:a.bgColor,textColor:a.textColor,rounded:false}))})))}static get watchers(){return{value:["valueChanged"]}}};o.style=a();export{o as sd_tabs};
+//# sourceMappingURL=p-f9bc026f.entry.js.map