@sellmate/design-system 1.0.71 → 1.0.73

package/dist/components/sd-file-picker.js

@@ -1 +1 @@
-import{p as e,H as i,c as t,h as s,t as l}from"./p-C0VkfKIA.js";import{d as r}from"./p-Csfk-CtX.js";import{d as o}from"./p-CscUxW9p.js";import{d as a}from"./p-CU7IOtCw.js";import{d}from"./p-CoOl8zeX.js";import{d as n}from"./p-YgnF5oje.js";import{d as c}from"./p-9HhG23Vy.js";var p={height:"28",paddingX:"12",gap:"8",radius:"4",typography:{fontWeight:"400",fontSize:"12",lineHeight:"20"},size:{icon:"16"},text:{default:"#222222",placeholder:"#AAAAAA",disabled:"#888888"},icon:{disabled:"#BBBBBB"}};const h={height:p.height,paddingX:p.paddingX,gap:p.gap,radius:p.radius,fontSize:p.typography.fontSize,lineHeight:p.typography.lineHeight,fontWeight:p.typography.fontWeight,iconSize:p.size.icon},f={text:p.text,icon:{default:"#888888",disabled:p.icon.disabled}},u=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.update=t(this,"sdUpdate",7),this.reject=t(this,"sdReject",7)}get el(){return this}value=null;placeholder="Click to upload";disabled=!1;inline=!1;multiple=!1;accept;maxFileSize;maxTotalSize;maxFiles;name="";label="";labelWidth="";addonLabel="";addonAlign="start";hint="";errorMessage="";width="";rules;error=!1;status;icon=void 0;labelTooltip="";labelTooltipProps=null;focused=!1;hovered=!1;internalValue=null;showTooltip=!1;fileInputRef;fileNamesRef;formField;update;reject;valueChanged(e){this.internalValue=e}componentDidLoad(){this.checkOverflow()}componentDidUpdate(){this.checkOverflow()}async sdValidate(){return this.formField?.sdValidate()??Promise.resolve(!0)}async sdReset(){const e=this.multiple?[]:null;this.value=e,this.internalValue=e,this.fileInputRef&&(this.fileInputRef.value=""),await(this.formField?.sdReset())}async sdResetValidate(){await(this.formField?.sdResetValidation())}toBytes(e){if(null!=e)return"string"==typeof e?Number(e):e}validateFiles(e){const i=this.toBytes(this.maxFileSize),t=this.toBytes(this.maxTotalSize),s=null!=this.maxFiles?Number(this.maxFiles):void 0;if(null!=s&&e.length>s)return{accepted:[],rejected:e,reason:"max-files"};if(null!=i){const t=e.filter((e=>e.size>i));if(t.length>0)return{accepted:[],rejected:t,reason:"max-file-size"}}return null!=t&&e.reduce(((e,i)=>e+i.size),0)>t?{accepted:[],rejected:e,reason:"max-total-size"}:{accepted:e,rejected:[]}}handleFileChange=e=>{const i=e.target.files;if(!i||0===i.length)return;const t=Array.from(i),{accepted:s,rejected:l,reason:r}=this.validateFiles(t);if(r)return this.reject?.emit({files:l,reason:r}),void(this.fileInputRef&&(this.fileInputRef.value=""));this.internalValue=this.multiple?s:s[0],this.value=this.internalValue,this.update?.emit(this.value)};handleClear=e=>{if(this.disabled)return;e.stopPropagation();const i=this.multiple?[]:null;this.value=i,this.internalValue=i,this.update?.emit(i),this.fileInputRef&&(this.fileInputRef.value="")};handleClick=()=>{this.disabled||this.fileInputRef?.click()};hasFiles(){return!!this.internalValue&&(!Array.isArray(this.internalValue)||this.internalValue.length>0)}getDisplayText(){return this.hasFiles()?Array.isArray(this.internalValue)?this.internalValue.map((e=>e.name)).join(", "):this.internalValue?.name||this.placeholder:this.placeholder}checkOverflow(){this.fileNamesRef&&(this.showTooltip=this.fileNamesRef.scrollWidth>this.fileNamesRef.clientWidth)}getIconColor(){return this.disabled?f.icon.disabled:f.icon.default}render(){const e=this.hasFiles(),i=this.getDisplayText(),t={"--sd-file-picker-font-size":h.fontSize+"px","--sd-file-picker-line-height":h.lineHeight+"px","--sd-file-picker-font-weight":h.fontWeight,"--sd-file-picker-padding-x":h.paddingX+"px","--sd-file-picker-gap":h.gap+"px","--sd-file-picker-text-color":f.text.default,"--sd-file-picker-placeholder-color":f.text.placeholder,"--sd-file-picker-disabled-color":f.text.disabled,"--sd-system-size-field-sm-height":h.height+"px","--sd-system-radius-field-sm":h.radius+"px"},l=s("div",{class:"sd-file-picker__content",onClick:this.handleClick},s("input",{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",{name:"attachFile",size:Number(h.iconSize),color:this.getIconColor(),class:"sd-file-picker__icon"}),s("div",{ref:e=>this.fileNamesRef=e,class:{"sd-file-picker__text":!0,"sd-file-picker__text--placeholder":!e,"sd-file-picker__text--active":e}},i),!this.disabled&&e&&s("sd-ghost-button",{icon:"close",size:"xxs",ariaLabel:"clear",disabled:this.disabled,class:"sd-file-picker__clear-icon",onClick:this.handleClear}),this.showTooltip&&e&&this.hovered&&s("div",{class:"sd-file-picker__tooltip"},i));return this.inline?s("div",{class:{"sd-file-picker--inline":!0,"sd-file-picker--inline-disabled":this.disabled},style:t,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1},l):s("sd-field",{name:this.name,label:this.label,labelWidth:this.labelWidth,addonLabel:this.addonLabel,addonAlign:this.addonAlign,hint:this.hint,errorMessage:this.errorMessage,width:this.width,rules:this.rules,error:this.error,disabled:this.disabled,focused:this.focused,hovered:this.hovered,status:this.status,icon:this.icon,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:e=>this.formField=e,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1,style:t},l)}static get watchers(){return{value:[{valueChanged:0}]}}static get style(){return"sd-file-picker{display:inline-flex;width:100%}.sd-file-picker__content{width:100%;height:100%;display:flex;align-items:center;padding:0 var(--sd-file-picker-padding-x);gap:var(--sd-file-picker-gap);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:var(--sd-file-picker-font-weight);font-size:var(--sd-file-picker-font-size);line-height:var(--sd-file-picker-line-height);color:var(--sd-file-picker-placeholder-color)}.sd-file-picker__text--active{color:var(--sd-file-picker-text-color)}.sd-file-picker__text--placeholder{color:var(--sd-file-picker-placeholder-color)}.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:998;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-field--disabled .sd-file-picker__content{cursor:not-allowed}.sd-field--disabled .sd-file-picker__text{color:var(--sd-file-picker-disabled-color)}.sd-file-picker--inline .sd-file-picker__content{border:none;background-color:transparent;padding:0;height:auto}.sd-file-picker--inline .sd-file-picker__text{color:var(--sd-file-picker-placeholder-color)}.sd-file-picker--inline:hover:not(.sd-file-picker--inline-disabled) .sd-file-picker__text{color:var(--sd-file-picker-text-color)}.sd-file-picker--inline .sd-file-picker__text--active{color:var(--sd-file-picker-text-color)}.sd-file-picker--inline.sd-file-picker--inline-disabled .sd-file-picker__content{cursor:not-allowed}.sd-file-picker--inline.sd-file-picker--inline-disabled .sd-file-picker__text{color:var(--sd-file-picker-disabled-color)}"}},[512,"sd-file-picker",{value:[1040],placeholder:[513],disabled:[516],inline:[516],multiple:[516],accept:[1],maxFileSize:[8,"max-file-size"],maxTotalSize:[8,"max-total-size"],maxFiles:[8,"max-files"],name:[1],label:[1],labelWidth:[8,"label-width"],addonLabel:[1,"addon-label"],addonAlign:[1,"addon-align"],hint:[1],errorMessage:[1,"error-message"],width:[8],rules:[16],error:[1028],status:[1],icon:[16],labelTooltip:[1,"label-tooltip"],labelTooltipProps:[16],focused:[1028],hovered:[1028],internalValue:[32],showTooltip:[32],sdValidate:[64],sdReset:[64],sdResetValidate:[64]},void 0,{value:[{valueChanged:0}]}]),k=u,m=function(){"undefined"!=typeof customElements&&["sd-file-picker","sd-button","sd-field","sd-floating-portal","sd-ghost-button","sd-icon","sd-tooltip"].forEach((e=>{switch(e){case"sd-file-picker":customElements.get(l(e))||customElements.define(l(e),u);break;case"sd-button":customElements.get(l(e))||r();break;case"sd-field":customElements.get(l(e))||o();break;case"sd-floating-portal":customElements.get(l(e))||a();break;case"sd-ghost-button":customElements.get(l(e))||d();break;case"sd-icon":customElements.get(l(e))||n();break;case"sd-tooltip":customElements.get(l(e))||c()}}))};export{k as SdFilePicker,m as defineCustomElement}
+import{p as e,H as i,c as t,h as s,t as l}from"./p-CNAzAL53.js";import{d as r}from"./p-BZm6KN1s.js";import{d as o}from"./p-Bp0B8tcl.js";import{d as a}from"./p-BM0sVq5Z.js";import{d}from"./p-Bbs5Ws0k.js";import{d as n}from"./p-DaAhgdib.js";import{d as c}from"./p-CTwEbxRN.js";var p={height:"28",paddingX:"12",gap:"8",radius:"4",typography:{fontWeight:"400",fontSize:"12",lineHeight:"20"},size:{icon:"16"},text:{default:"#222222",placeholder:"#AAAAAA",disabled:"#888888"},icon:{disabled:"#BBBBBB"}};const h={height:p.height,paddingX:p.paddingX,gap:p.gap,radius:p.radius,fontSize:p.typography.fontSize,lineHeight:p.typography.lineHeight,fontWeight:p.typography.fontWeight,iconSize:p.size.icon},f={text:p.text,icon:{default:"#888888",disabled:p.icon.disabled}},u=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.update=t(this,"sdUpdate",7),this.reject=t(this,"sdReject",7)}get el(){return this}value=null;placeholder="Click to upload";disabled=!1;inline=!1;multiple=!1;accept;maxFileSize;maxTotalSize;maxFiles;name="";label="";labelWidth="";addonLabel="";addonAlign="start";hint="";errorMessage="";width="";rules;error=!1;status;icon=void 0;labelTooltip="";labelTooltipProps=null;focused=!1;hovered=!1;internalValue=null;showTooltip=!1;fileInputRef;fileNamesRef;formField;update;reject;valueChanged(e){this.internalValue=e}componentDidLoad(){this.checkOverflow()}componentDidUpdate(){this.checkOverflow()}async sdValidate(){return this.formField?.sdValidate()??Promise.resolve(!0)}async sdReset(){const e=this.multiple?[]:null;this.value=e,this.internalValue=e,this.fileInputRef&&(this.fileInputRef.value=""),await(this.formField?.sdReset())}async sdResetValidate(){await(this.formField?.sdResetValidation())}toBytes(e){if(null!=e)return"string"==typeof e?Number(e):e}validateFiles(e){const i=this.toBytes(this.maxFileSize),t=this.toBytes(this.maxTotalSize),s=null!=this.maxFiles?Number(this.maxFiles):void 0;if(null!=s&&e.length>s)return{accepted:[],rejected:e,reason:"max-files"};if(null!=i){const t=e.filter((e=>e.size>i));if(t.length>0)return{accepted:[],rejected:t,reason:"max-file-size"}}return null!=t&&e.reduce(((e,i)=>e+i.size),0)>t?{accepted:[],rejected:e,reason:"max-total-size"}:{accepted:e,rejected:[]}}handleFileChange=e=>{const i=e.target.files;if(!i||0===i.length)return;const t=Array.from(i),{accepted:s,rejected:l,reason:r}=this.validateFiles(t);if(r)return this.reject?.emit({files:l,reason:r}),void(this.fileInputRef&&(this.fileInputRef.value=""));this.internalValue=this.multiple?s:s[0],this.value=this.internalValue,this.update?.emit(this.value)};handleClear=e=>{if(this.disabled)return;e.stopPropagation();const i=this.multiple?[]:null;this.value=i,this.internalValue=i,this.update?.emit(i),this.fileInputRef&&(this.fileInputRef.value="")};handleClick=()=>{this.disabled||this.fileInputRef?.click()};hasFiles(){return!!this.internalValue&&(!Array.isArray(this.internalValue)||this.internalValue.length>0)}getDisplayText(){return this.hasFiles()?Array.isArray(this.internalValue)?this.internalValue.map((e=>e.name)).join(", "):this.internalValue?.name||this.placeholder:this.placeholder}checkOverflow(){this.fileNamesRef&&(this.showTooltip=this.fileNamesRef.scrollWidth>this.fileNamesRef.clientWidth)}getIconColor(){return this.disabled?f.icon.disabled:f.icon.default}render(){const e=this.hasFiles(),i=this.getDisplayText(),t={"--sd-file-picker-font-size":h.fontSize+"px","--sd-file-picker-line-height":h.lineHeight+"px","--sd-file-picker-font-weight":h.fontWeight,"--sd-file-picker-padding-x":h.paddingX+"px","--sd-file-picker-gap":h.gap+"px","--sd-file-picker-text-color":f.text.default,"--sd-file-picker-placeholder-color":f.text.placeholder,"--sd-file-picker-disabled-color":f.text.disabled,"--sd-system-size-field-sm-height":h.height+"px","--sd-system-radius-field-sm":h.radius+"px"},l=s("div",{class:"sd-file-picker__content",onClick:this.handleClick},s("input",{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",{name:"attachFile",size:Number(h.iconSize),color:this.getIconColor(),class:"sd-file-picker__icon"}),s("div",{ref:e=>this.fileNamesRef=e,class:{"sd-file-picker__text":!0,"sd-file-picker__text--placeholder":!e,"sd-file-picker__text--active":e}},i),!this.disabled&&e&&s("sd-ghost-button",{icon:"close",size:"xxs",ariaLabel:"clear",disabled:this.disabled,class:"sd-file-picker__clear-icon",onClick:this.handleClear}),this.showTooltip&&e&&this.hovered&&s("div",{class:"sd-file-picker__tooltip"},i));return this.inline?s("div",{class:{"sd-file-picker--inline":!0,"sd-file-picker--inline-disabled":this.disabled},style:t,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1},l):s("sd-field",{name:this.name,label:this.label,labelWidth:this.labelWidth,addonLabel:this.addonLabel,addonAlign:this.addonAlign,hint:this.hint,errorMessage:this.errorMessage,width:this.width,rules:this.rules,error:this.error,disabled:this.disabled,focused:this.focused,hovered:this.hovered,status:this.status,icon:this.icon,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:e=>this.formField=e,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1,style:t},l)}static get watchers(){return{value:[{valueChanged:0}]}}static get style(){return"sd-file-picker{display:inline-flex;width:100%}.sd-file-picker__content{width:100%;height:100%;display:flex;align-items:center;padding:0 var(--sd-file-picker-padding-x);gap:var(--sd-file-picker-gap);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:var(--sd-file-picker-font-weight);font-size:var(--sd-file-picker-font-size);line-height:var(--sd-file-picker-line-height);color:var(--sd-file-picker-placeholder-color)}.sd-file-picker__text--active{color:var(--sd-file-picker-text-color)}.sd-file-picker__text--placeholder{color:var(--sd-file-picker-placeholder-color)}.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:998;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-field--disabled .sd-file-picker__content{cursor:not-allowed}.sd-field--disabled .sd-file-picker__text{color:var(--sd-file-picker-disabled-color)}.sd-file-picker--inline .sd-file-picker__content{border:none;background-color:transparent;padding:0;height:auto}.sd-file-picker--inline .sd-file-picker__text{color:var(--sd-file-picker-placeholder-color)}.sd-file-picker--inline:hover:not(.sd-file-picker--inline-disabled) .sd-file-picker__text{color:var(--sd-file-picker-text-color)}.sd-file-picker--inline .sd-file-picker__text--active{color:var(--sd-file-picker-text-color)}.sd-file-picker--inline.sd-file-picker--inline-disabled .sd-file-picker__content{cursor:not-allowed}.sd-file-picker--inline.sd-file-picker--inline-disabled .sd-file-picker__text{color:var(--sd-file-picker-disabled-color)}"}},[512,"sd-file-picker",{value:[1040],placeholder:[513],disabled:[516],inline:[516],multiple:[516],accept:[1],maxFileSize:[8,"max-file-size"],maxTotalSize:[8,"max-total-size"],maxFiles:[8,"max-files"],name:[1],label:[1],labelWidth:[8,"label-width"],addonLabel:[1,"addon-label"],addonAlign:[1,"addon-align"],hint:[1],errorMessage:[1,"error-message"],width:[8],rules:[16],error:[1028],status:[1],icon:[16],labelTooltip:[1,"label-tooltip"],labelTooltipProps:[16],focused:[1028],hovered:[1028],internalValue:[32],showTooltip:[32],sdValidate:[64],sdReset:[64],sdResetValidate:[64]},void 0,{value:[{valueChanged:0}]}]),k=u,m=function(){"undefined"!=typeof customElements&&["sd-file-picker","sd-button","sd-field","sd-floating-portal","sd-ghost-button","sd-icon","sd-tooltip"].forEach((e=>{switch(e){case"sd-file-picker":customElements.get(l(e))||customElements.define(l(e),u);break;case"sd-button":customElements.get(l(e))||r();break;case"sd-field":customElements.get(l(e))||o();break;case"sd-floating-portal":customElements.get(l(e))||a();break;case"sd-ghost-button":customElements.get(l(e))||d();break;case"sd-icon":customElements.get(l(e))||n();break;case"sd-tooltip":customElements.get(l(e))||c()}}))};export{k as SdFilePicker,m as defineCustomElement}

package/dist/components/sd-floating-portal.js

@@ -1 +1 @@
-import{S as o,d as s}from"./p-CU7IOtCw.js";const t=o,p=s;export{t as SdFloatingPortal,p as defineCustomElement}
+import{S as s,d as o}from"./p-BM0sVq5Z.js";const p=s,r=o;export{p as SdFloatingPortal,r as defineCustomElement}

package/dist/components/sd-form.js

@@ -1 +1 @@
-import{p as s,H as t,c as e,h as i,t as d}from"./p-C0VkfKIA.js";const a=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.submitSuccess=e(this,"sdSubmit",7),this.submitFail=e(this,"sdValidationError",7)}formClass="";fields=[];submitSuccess;submitFail;sortFieldsByDomOrder(){this.fields.sort(((s,t)=>{const e=s.el,i=t.el;return e&&i?e.compareDocumentPosition(i)&Node.DOCUMENT_POSITION_FOLLOWING?-1:1:0}))}async sdRegisterField(s){s.name?this.fields.find((t=>t.name===s.name))||(this.fields.push(s),this.sortFieldsByDomOrder()):console.warn("[sd-form] field.name is required")}async sdUnregisterField(s){this.fields=this.fields.filter((t=>t.name!==s))}async sdValidate(){const s=(await Promise.all(this.fields.map((async s=>{const t=await s.sdValidate();return{field:s,valid:t}})))).find((s=>!s.valid));return s&&(s.field.sdFocus(),s.field.sdScrollIntoView?.()),!s}async sdReset(){this.fields.forEach((s=>s.sdReset()))}async sdResetValidation(){this.fields.forEach((s=>s.sdResetValidation()))}async onSubmit(s){s.preventDefault(),await this.sdValidate()?this.submitSuccess.emit():this.submitFail.emit()}render(){return i("form",{key:"d37e7f5291b9f340ed020aadbc7e111c6ac9d375",onSubmit:s=>this.onSubmit(s),class:this.formClass},i("slot",{key:"be3d12eb60e10a5b77dc9bd150ac2be23e08f3f0"}))}},[772,"sd-form",{formClass:[1,"form-class"],sdRegisterField:[64],sdUnregisterField:[64],sdValidate:[64],sdReset:[64],sdResetValidation:[64]}]),r=a,o=function(){"undefined"!=typeof customElements&&["sd-form"].forEach((s=>{"sd-form"===s&&(customElements.get(d(s))||customElements.define(d(s),a))}))};export{r as SdForm,o as defineCustomElement}
+import{p as s,H as t,c as i,h as e,t as d}from"./p-CNAzAL53.js";const a=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.sdSubmit=i(this,"sdSubmit",7),this.sdValidationError=i(this,"sdValidationError",7)}formClass="";fields=[];sdSubmit;sdValidationError;sortFieldsByDomOrder(){this.fields.sort(((s,t)=>{const i=s.el,e=t.el;if(!i||!e)return 0;if(i===e)return 0;const d=i.compareDocumentPosition(e);return d&Node.DOCUMENT_POSITION_FOLLOWING?-1:d&Node.DOCUMENT_POSITION_PRECEDING?1:0}))}async sdRegisterField(s){s.name?this.fields.includes(s)||(this.fields.push(s),this.sortFieldsByDomOrder()):console.warn("[sd-form] field.name is required")}async sdUnregisterField(s){if("string"!=typeof s)this.fields=this.fields.filter((t=>t!==s));else{const t=this.fields.findIndex((t=>t.name===s));-1!==t&&this.fields.splice(t,1)}}async runValidation(){const s=(await Promise.all(this.fields.map((async s=>({field:s,valid:await s.sdValidate()}))))).filter((s=>!s.valid)).map((s=>s.field));if(s.length>0){const t=s[0];t.sdFocus(),t.sdScrollIntoView?.()}return{valid:0===s.length,invalidFields:s}}async sdValidate(){const{valid:s}=await this.runValidation();return s}async sdReset(){this.fields.forEach((s=>s.sdReset()))}async sdResetValidation(){this.fields.forEach((s=>s.sdResetValidation()))}async onSubmit(s){s.preventDefault();const{valid:t,invalidFields:i}=await this.runValidation();t?this.sdSubmit.emit():this.sdValidationError.emit({names:i.map((s=>s.name))})}render(){return e("form",{key:"c3fafb4169bddbd6911914ebc694a977fa11b511",onSubmit:s=>this.onSubmit(s),class:this.formClass},e("slot",{key:"5be1d23c35c052fdf5d8fb961fa931074eb59ee6"}))}},[772,"sd-form",{formClass:[1,"form-class"],sdRegisterField:[64],sdUnregisterField:[64],sdValidate:[64],sdReset:[64],sdResetValidation:[64]}]),n=a,r=function(){"undefined"!=typeof customElements&&["sd-form"].forEach((s=>{"sd-form"===s&&(customElements.get(d(s))||customElements.define(d(s),a))}))};export{n as SdForm,r as defineCustomElement}

package/dist/components/sd-ghost-button.js

@@ -1 +1 @@
-import{S as o,d as s}from"./p-CoOl8zeX.js";const p=o,r=s;export{p as SdGhostButton,r as defineCustomElement}
+import{S as s,d as o}from"./p-Bbs5Ws0k.js";const p=s,r=o;export{p as SdGhostButton,r as defineCustomElement}

package/dist/components/sd-guide.js

@@ -1 +1 @@
-import{p as t,H as o,h as n,t as e}from"./p-C0VkfKIA.js";import{s as i}from"./p-C-txBx-h.js";import{d}from"./p-Csfk-CtX.js";import{d as s}from"./p-CoOl8zeX.js";import{d as u}from"./p-YgnF5oje.js";import{d as a}from"./p-Dmk-f7qn.js";const{button:r,contents:b}={button:{height:"28",paddingX:"12",radius:"9999",gap:"6",typography:{fontSize:"12",fontWeight:"500",lineHeight:"20"},icon:{size:"16",default:"#00973C",active:"#FFFFFF"},border:{width:"1",default:"#E1E1E1"},bg:{default:"#FFFFFF",tip:"#00973C",notion:"#1F8AE1"},text:{default:"#222222",active:"#FFFFFF"}},contents:{paddingX:"24",paddingY:"20",gap:"12",title:{gap:"8"},row:{gap:"8"},body:{gap:"2"},typography:{title:{fontWeight:"700",fontSize:"16",lineHeight:"26"},body:{fontWeight:"400",fontSize:"12",lineHeight:"20"},color:"#222222"},icon:"#00973C",radius:"8"}},g=i.color.content.primary,p={button:{height:r.height+"px",paddingX:r.paddingX+"px",radius:r.radius+"px",gap:r.gap+"px",fontSize:r.typography.fontSize+"px",fontWeight:r.typography.fontWeight,lineHeight:r.typography.lineHeight+"px",iconSize:Number(r.icon.size),iconColorDefault:r.icon.default,iconColorActive:r.icon.active,iconColorNotion:g,borderWidth:r.border.width+"px",borderColor:r.border.default,bgDefault:r.bg.default,bgTip:r.bg.tip,bgNotion:r.bg.notion,textDefault:r.text.default,textActive:r.text.active},contents:{paddingX:b.paddingX+"px",paddingY:b.paddingY+"px",gap:b.gap+"px",rowGap:b.row.gap+"px",bodyGap:b.body.gap+"px",titleGap:b.title.gap+"px",radius:b.radius+"px",iconColor:b.icon,iconColorNotion:g,titleFontSize:b.typography.title.fontSize+"px",titleFontWeight:b.typography.title.fontWeight,titleLineHeight:b.typography.title.lineHeight+"px",bodyFontSize:b.typography.body.fontSize+"px",bodyFontWeight:b.typography.body.fontWeight,bodyLineHeight:b.typography.body.lineHeight+"px",textColor:b.typography.color}},l={tip:"활용 TIP",notion:"사용법 안내"},h={tip:"helpOutline",notion:"notion"},c=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost()}get el(){return this}type="tip";label="";message="";url="";popupTitle="";popupWidth;popupShow=!1;guideRef;handleClickGuide=()=>{"notion"!==this.type?this.popupShow=!this.popupShow:this.url&&window.open(this.url,"_blank","noopener,noreferrer")};closeDropdown=()=>{this.popupShow=!1};get guideStyle(){const{button:t,contents:o}=p;return{"--sd-guide-button-height":t.height,"--sd-guide-button-padding-x":t.paddingX,"--sd-guide-button-radius":t.radius,"--sd-guide-button-gap":t.gap,"--sd-guide-button-font-size":t.fontSize,"--sd-guide-button-font-weight":t.fontWeight,"--sd-guide-button-line-height":t.lineHeight,"--sd-guide-button-border-width":t.borderWidth,"--sd-guide-button-border-color":t.borderColor,"--sd-guide-button-bg-default":t.bgDefault,"--sd-guide-button-bg-tip":t.bgTip,"--sd-guide-button-bg-notion":t.bgNotion,"--sd-guide-button-text-default":t.textDefault,"--sd-guide-button-text-active":t.textActive,"--sd-guide-contents-padding-x":o.paddingX,"--sd-guide-contents-padding-y":o.paddingY,"--sd-guide-contents-gap":o.gap,"--sd-guide-contents-row-gap":o.rowGap,"--sd-guide-contents-body-gap":o.bodyGap,"--sd-guide-contents-title-gap":o.titleGap,"--sd-guide-contents-radius":o.radius,"--sd-guide-contents-title-font-size":o.titleFontSize,"--sd-guide-contents-title-font-weight":o.titleFontWeight,"--sd-guide-contents-title-line-height":o.titleLineHeight,"--sd-guide-contents-body-font-size":o.bodyFontSize,"--sd-guide-contents-body-font-weight":o.bodyFontWeight,"--sd-guide-contents-body-line-height":o.bodyLineHeight,"--sd-guide-contents-text-color":o.textColor}}render(){const{button:t,contents:o}=p,e=this.popupShow,i="notion"===(this.type??"tip"),d=l[this.type??"tip"],s=h[this.type??"tip"],u=i?t.iconColorNotion:t.iconColorDefault,a=i?o.iconColorNotion:o.iconColor,r=["sd-guide__button","sd-guide__button--type-"+(this.type??"tip")];return e&&r.push("sd-guide__button--active"),n("div",{key:"4b9aa8bafd13828a4ec29d726f7276fab3042f2d",class:"sd-guide",style:this.guideStyle},n("sd-button",{key:"e3a17c594d111e95d0cb42dd8315174ccf4dd908",ref:t=>this.guideRef=t,class:r.join(" "),variant:e?"primary":"outline",label:this.label||d,size:"sm",icon:s,iconColor:e?t.iconColorActive:u,iconSize:t.iconSize,noHover:e,onSdClick:this.handleClickGuide}),this.popupShow&&n("sd-portal",{key:"b57b09779ec23220eb466f710d55e678c913fe24",open:this.popupShow,parentRef:this.guideRef,onSdClose:this.closeDropdown,offset:[0,4]},n("div",{key:"e62ca3a49a4976861a3e485166c8376a71286aba",style:{position:"absolute",width:"0px",height:"0px"}},n("div",{key:"837625b5ab61bd9383cf5329bea66ceb97ef3bac",class:"sd-guide__popup",style:{...this.guideStyle,width:this.popupWidth?this.popupWidth+"px":"426px"}},n("sd-ghost-button",{key:"0e3057af64b47e20234269c0e2bf07664b8b3b13",class:"sd-guide__popup__close",icon:"close",ariaLabel:"close",size:"sm",onSdClick:this.closeDropdown}),n("div",{key:"544e3508d232229b4d1edd82fdefa58457cc595a",class:"sd-guide__popup__header"},n("sd-icon",{key:"234fb04df972a50fa8deb1cacc6e34fab678d27b",name:s,size:24,color:a}),n("h3",{key:"454d5ee4cdfc2a343d64e79dc642a2aee07ed448",class:"sd-guide__popup__title"},this.popupTitle||d)),n("ul",{key:"875d5f5587808e5189e77ca02e55e8d7be1125da",class:"sd-guide__popup__list"},this.renderListItem(this.message))))))}renderListItem(t,o=0){const n=[];if(Array.isArray(t)){const e=t.map((t=>this.renderListItem(t,o+1)));n.push(...e.flat())}else n.push(this.renderLi(t,o));return n}renderLi=(t,o)=>n("li",{class:"sd-guide__popup__list__item sd-guide__popup__list__item--depth-"+o},n("p",{innerHTML:t}));static get style(){return'@charset "UTF-8";sd-button{display:inline-flex;width:fit-content;height:fit-content}.sd-button{--sd-button-height:34px;--sd-button-padding-x:20px;--sd-button-gap:8px;--sd-button-font-family:inherit;--sd-button-font-size:16px;--sd-button-font-weight:500;--sd-button-text-decoration:none;--sd-button-label-min-width:auto;--sd-button-icon-only-size:var(--sd-button-height);text-decoration:none;cursor:pointer;border-radius:var(--sd-button-button-radius-sm, 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;display:inline-flex;align-items:center;justify-content:center;border:none;padding:0 var(--sd-button-padding-x);min-width:var(--sd-button-min-width, auto);min-height:var(--sd-button-height);font-family:var(--sd-button-font-family);font-size:var(--sd-button-font-size);font-weight:var(--sd-button-font-weight);text-decoration:var(--sd-button-text-decoration)}.sd-button--xs{--sd-button-height:var(--sd-button-button-xs-height, 24px);--sd-button-padding-x:var(--sd-button-button-xs-padding-x, 8px);--sd-button-gap:var(--sd-button-button-xs-gap, 4px);--sd-button-font-family:var(--sd-button-button-xs-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-button-xs-typography-font-size, 12px);--sd-button-font-weight:var(--sd-button-button-xs-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-button-xs-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-xs-min-width, auto);--sd-button-icon-only-size:var(--sd-button-button-icon-only-xs-width, var(--sd-button-height));line-height:20px}.sd-button--sm{--sd-button-height:var(--sd-button-button-sm-height, 28px);--sd-button-padding-x:var(--sd-button-button-sm-padding-x, 12px);--sd-button-gap:var(--sd-button-button-sm-gap, 6px);--sd-button-font-family:var(--sd-button-button-sm-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-button-sm-typography-font-size, 12px);--sd-button-font-weight:var(--sd-button-button-sm-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-button-sm-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-sm-min-width, auto);--sd-button-icon-only-size:var(--sd-button-button-icon-only-sm-width, var(--sd-button-height));line-height:20px}.sd-button--md{--sd-button-height:var(--sd-button-button-md-height, 34px);--sd-button-padding-x:var(--sd-button-button-md-padding-x, 20px);--sd-button-gap:var(--sd-button-button-md-gap, 8px);--sd-button-font-family:var(--sd-button-button-md-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-button-md-typography-font-size, 16px);--sd-button-font-weight:var(--sd-button-button-md-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-button-md-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-md-min-width, auto);--sd-button-icon-only-size:var(--sd-button-button-icon-only-md-width, var(--sd-button-height));line-height:26px}.sd-button--lg{--sd-button-height:var(--sd-button-button-lg-height, 62px);--sd-button-padding-x:var(--sd-button-button-lg-padding-x, 28px);--sd-button-gap:var(--sd-button-button-lg-gap, 12px);--sd-button-font-family:var(--sd-button-button-lg-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-button-lg-typography-font-size, 18px);--sd-button-font-weight:var(--sd-button-button-lg-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-button-lg-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-lg-min-width, auto);--sd-button-icon-only-size:var(--sd-button-button-icon-only-lg-width, var(--sd-button-height));line-height:30px}.sd-button--has-label{--sd-button-min-width:var(--sd-button-label-min-width, auto)}.sd-button--primary{background-color:var(--button-color);color:white;transition:filter 0.2s ease}.sd-button--primary::before{content:"";position:absolute;inset:0;background:#000000;opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--primary:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.25}.sd-button--outline{background:white;border:var(--sd-button-button-border-width-default, 1px) solid var(--button-color);color:var(--button-color)}.sd-button--outline::before{content:"";position:absolute;inset:0;background:var(--button-color);opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--outline:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.15}.sd-button--outline .sd-button__content{position:relative;z-index:1}.sd-button--ghost{background-color:transparent;color:var(--button-color);border-color:transparent}.sd-button--ghost::before{content:"";position:absolute;inset:0;background:var(--button-color);opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--ghost:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.15}.sd-button--ghost .sd-button__content{position:relative;z-index:1}.sd-button--disabled{border:var(--sd-button-button-border-width-default, 1px) solid var(--sd-button-button-border-disabled, #CCCCCC);background:var(--sd-button-button-bg-disabled, #E1E1E1);color:var(--sd-button-button-text-disabled, #888888);cursor:not-allowed !important}.sd-button--icon-only{padding:0;width:var(--sd-button-icon-only-size, var(--sd-button-height));min-width:var(--sd-button-icon-only-size, var(--sd-button-height));height:var(--sd-button-icon-only-size, var(--sd-button-height))}.sd-button--no-hover:hover::before{opacity:0 !important}.sd-button .sd-button__content{display:inline-flex;align-items:center;justify-content:center;gap:var(--sd-button-gap);z-index:1;font-weight:inherit}sd-guide{display:inline-flex;align-items:center;height:fit-content;width:fit-content}.sd-guide{display:inline-flex;align-items:center;height:fit-content;width:fit-content}.sd-guide .sd-guide__button .sd-button{min-height:var(--sd-guide-button-height);padding:0 var(--sd-guide-button-padding-x);border-radius:var(--sd-guide-button-radius);border:var(--sd-guide-button-border-width) solid var(--sd-guide-button-border-color);background:var(--sd-guide-button-bg-default);color:var(--sd-guide-button-text-default) !important;transition:none;display:flex;align-items:center;gap:var(--sd-guide-button-gap)}.sd-guide .sd-guide__button .sd-button .sd-button__content{color:var(--sd-guide-button-text-default) !important;gap:var(--sd-guide-button-gap)}.sd-guide .sd-guide__button .sd-button .sd-button__content .sd-button__label{margin-left:0;color:var(--sd-guide-button-text-default) !important;font-size:var(--sd-guide-button-font-size);font-weight:var(--sd-guide-button-font-weight);line-height:var(--sd-guide-button-line-height)}.sd-guide .sd-guide__button--active .sd-button{color:var(--sd-guide-button-text-active) !important}.sd-guide .sd-guide__button--active .sd-button .sd-button__content{color:var(--sd-guide-button-text-active) !important}.sd-guide .sd-guide__button--active .sd-button .sd-button__content .sd-button__label{color:var(--sd-guide-button-text-active) !important}.sd-guide .sd-guide__button--type-tip.sd-guide__button--active .sd-button{background:var(--sd-guide-button-bg-tip);border-color:var(--sd-guide-button-bg-tip)}.sd-guide .sd-guide__button--type-notion.sd-guide__button--active .sd-button{background:var(--sd-guide-button-bg-notion);border-color:var(--sd-guide-button-bg-notion)}.sd-guide__popup{position:relative;padding:var(--sd-guide-contents-padding-y) var(--sd-guide-contents-padding-x);border-radius:var(--sd-guide-contents-radius);box-shadow:4px 4px 24px 4px rgba(0, 0, 0, 0.1);background:white}.sd-guide__popup>.sd-guide__popup__close{position:absolute;top:12px;right:12px}.sd-guide__popup__header{display:flex;align-items:center;gap:var(--sd-guide-contents-title-gap);margin-bottom:var(--sd-guide-contents-gap)}.sd-guide__popup__header .sd-guide__popup__title{margin-top:0;margin-bottom:0;font-size:var(--sd-guide-contents-title-font-size);font-weight:var(--sd-guide-contents-title-font-weight);line-height:var(--sd-guide-contents-title-line-height);color:var(--sd-guide-contents-text-color)}.sd-guide__popup__list{width:100%;padding:0;margin:0}.sd-guide__popup__list__item{display:flex;width:100%;align-items:start;list-style:none;color:var(--sd-guide-contents-text-color);font-size:var(--sd-guide-contents-body-font-size);font-weight:var(--sd-guide-contents-body-font-weight);line-height:var(--sd-guide-contents-body-line-height)}.sd-guide__popup__list__item p{width:100%;padding:0;margin:0;word-wrap:break-word;word-break:break-word;white-space:normal;overflow-wrap:break-word;min-width:0}.sd-guide__popup__list__item::before{display:block;content:"-";width:6px;color:var(--sd-guide-contents-text-color);font-size:var(--sd-guide-contents-body-font-size);font-weight:var(--sd-guide-contents-body-font-weight);line-height:var(--sd-guide-contents-body-line-height);margin-left:10px;margin-right:12px;flex-shrink:0}.sd-guide__popup__list__item--depth-1:not(:first-child){margin-top:var(--sd-guide-contents-row-gap)}.sd-guide__popup__list__item--depth-2{margin-top:var(--sd-guide-contents-body-gap)}.sd-guide__popup__list__item--depth-2::before{content:"•"}.sd-guide__popup__list__item--depth-2{padding-left:26px}'}},[512,"sd-guide",{type:[513],label:[513],message:[1],url:[1],popupTitle:[1,"popup-title"],popupWidth:[2,"popup-width"],popupShow:[32]}]),f=c,_=function(){"undefined"!=typeof customElements&&["sd-guide","sd-button","sd-ghost-button","sd-icon","sd-portal"].forEach((t=>{switch(t){case"sd-guide":customElements.get(e(t))||customElements.define(e(t),c);break;case"sd-button":customElements.get(e(t))||d();break;case"sd-ghost-button":customElements.get(e(t))||s();break;case"sd-icon":customElements.get(e(t))||u();break;case"sd-portal":customElements.get(e(t))||a()}}))};export{f as SdGuide,_ as defineCustomElement}
+import{p as t,H as o,h as n,t as e}from"./p-CNAzAL53.js";import{s as i}from"./p-BgFLSKqC.js";import{d}from"./p-BZm6KN1s.js";import{d as s}from"./p-Bbs5Ws0k.js";import{d as u}from"./p-DaAhgdib.js";import{d as a}from"./p-iAWNMLXh.js";const{button:r,contents:b}={button:{height:"28",paddingX:"12",radius:"9999",gap:"6",typography:{fontSize:"12",fontWeight:"500",lineHeight:"20"},icon:{size:"16",default:"#00973C",active:"#FFFFFF"},border:{width:"1",default:"#E1E1E1"},bg:{default:"#FFFFFF",tip:"#00973C",notion:"#1F8AE1"},text:{default:"#222222",active:"#FFFFFF"}},contents:{paddingX:"24",paddingY:"20",gap:"12",title:{gap:"8"},row:{gap:"8"},body:{gap:"2"},typography:{title:{fontWeight:"700",fontSize:"16",lineHeight:"26"},body:{fontWeight:"400",fontSize:"12",lineHeight:"20"},color:"#222222"},icon:"#00973C",radius:"8"}},g=i.color.content.primary,p={button:{height:r.height+"px",paddingX:r.paddingX+"px",radius:r.radius+"px",gap:r.gap+"px",fontSize:r.typography.fontSize+"px",fontWeight:r.typography.fontWeight,lineHeight:r.typography.lineHeight+"px",iconSize:Number(r.icon.size),iconColorDefault:r.icon.default,iconColorActive:r.icon.active,iconColorNotion:g,borderWidth:r.border.width+"px",borderColor:r.border.default,bgDefault:r.bg.default,bgTip:r.bg.tip,bgNotion:r.bg.notion,textDefault:r.text.default,textActive:r.text.active},contents:{paddingX:b.paddingX+"px",paddingY:b.paddingY+"px",gap:b.gap+"px",rowGap:b.row.gap+"px",bodyGap:b.body.gap+"px",titleGap:b.title.gap+"px",radius:b.radius+"px",iconColor:b.icon,iconColorNotion:g,titleFontSize:b.typography.title.fontSize+"px",titleFontWeight:b.typography.title.fontWeight,titleLineHeight:b.typography.title.lineHeight+"px",bodyFontSize:b.typography.body.fontSize+"px",bodyFontWeight:b.typography.body.fontWeight,bodyLineHeight:b.typography.body.lineHeight+"px",textColor:b.typography.color}},l={tip:"활용 TIP",notion:"사용법 안내"},h={tip:"helpOutline",notion:"notion"},c=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost()}get el(){return this}type="tip";label="";message="";url="";popupTitle="";popupWidth;popupShow=!1;guideRef;handleClickGuide=()=>{"notion"!==this.type?this.popupShow=!this.popupShow:this.url&&window.open(this.url,"_blank","noopener,noreferrer")};closeDropdown=()=>{this.popupShow=!1};get guideStyle(){const{button:t,contents:o}=p;return{"--sd-guide-button-height":t.height,"--sd-guide-button-padding-x":t.paddingX,"--sd-guide-button-radius":t.radius,"--sd-guide-button-gap":t.gap,"--sd-guide-button-font-size":t.fontSize,"--sd-guide-button-font-weight":t.fontWeight,"--sd-guide-button-line-height":t.lineHeight,"--sd-guide-button-border-width":t.borderWidth,"--sd-guide-button-border-color":t.borderColor,"--sd-guide-button-bg-default":t.bgDefault,"--sd-guide-button-bg-tip":t.bgTip,"--sd-guide-button-bg-notion":t.bgNotion,"--sd-guide-button-text-default":t.textDefault,"--sd-guide-button-text-active":t.textActive,"--sd-guide-contents-padding-x":o.paddingX,"--sd-guide-contents-padding-y":o.paddingY,"--sd-guide-contents-gap":o.gap,"--sd-guide-contents-row-gap":o.rowGap,"--sd-guide-contents-body-gap":o.bodyGap,"--sd-guide-contents-title-gap":o.titleGap,"--sd-guide-contents-radius":o.radius,"--sd-guide-contents-title-font-size":o.titleFontSize,"--sd-guide-contents-title-font-weight":o.titleFontWeight,"--sd-guide-contents-title-line-height":o.titleLineHeight,"--sd-guide-contents-body-font-size":o.bodyFontSize,"--sd-guide-contents-body-font-weight":o.bodyFontWeight,"--sd-guide-contents-body-line-height":o.bodyLineHeight,"--sd-guide-contents-text-color":o.textColor}}render(){const{button:t,contents:o}=p,e=this.popupShow,i="notion"===(this.type??"tip"),d=l[this.type??"tip"],s=h[this.type??"tip"],u=i?t.iconColorNotion:t.iconColorDefault,a=i?o.iconColorNotion:o.iconColor,r=["sd-guide__button","sd-guide__button--type-"+(this.type??"tip")];return e&&r.push("sd-guide__button--active"),n("div",{key:"4b9aa8bafd13828a4ec29d726f7276fab3042f2d",class:"sd-guide",style:this.guideStyle},n("sd-button",{key:"e3a17c594d111e95d0cb42dd8315174ccf4dd908",ref:t=>this.guideRef=t,class:r.join(" "),variant:e?"primary":"outline",label:this.label||d,size:"sm",icon:s,iconColor:e?t.iconColorActive:u,iconSize:t.iconSize,noHover:e,onSdClick:this.handleClickGuide}),this.popupShow&&n("sd-portal",{key:"b57b09779ec23220eb466f710d55e678c913fe24",open:this.popupShow,parentRef:this.guideRef,onSdClose:this.closeDropdown,offset:[0,4]},n("div",{key:"e62ca3a49a4976861a3e485166c8376a71286aba",style:{position:"absolute",width:"0px",height:"0px"}},n("div",{key:"837625b5ab61bd9383cf5329bea66ceb97ef3bac",class:"sd-guide__popup",style:{...this.guideStyle,width:this.popupWidth?this.popupWidth+"px":"426px"}},n("sd-ghost-button",{key:"0e3057af64b47e20234269c0e2bf07664b8b3b13",class:"sd-guide__popup__close",icon:"close",ariaLabel:"close",size:"sm",onSdClick:this.closeDropdown}),n("div",{key:"544e3508d232229b4d1edd82fdefa58457cc595a",class:"sd-guide__popup__header"},n("sd-icon",{key:"234fb04df972a50fa8deb1cacc6e34fab678d27b",name:s,size:24,color:a}),n("h3",{key:"454d5ee4cdfc2a343d64e79dc642a2aee07ed448",class:"sd-guide__popup__title"},this.popupTitle||d)),n("ul",{key:"875d5f5587808e5189e77ca02e55e8d7be1125da",class:"sd-guide__popup__list"},this.renderListItem(this.message))))))}renderListItem(t,o=0){const n=[];if(Array.isArray(t)){const e=t.map((t=>this.renderListItem(t,o+1)));n.push(...e.flat())}else n.push(this.renderLi(t,o));return n}renderLi=(t,o)=>n("li",{class:"sd-guide__popup__list__item sd-guide__popup__list__item--depth-"+o},n("p",{innerHTML:t}));static get style(){return'@charset "UTF-8";sd-button{display:inline-flex;width:fit-content;height:fit-content}.sd-button{--sd-button-height:34px;--sd-button-padding-x:20px;--sd-button-gap:8px;--sd-button-font-family:inherit;--sd-button-font-size:16px;--sd-button-font-weight:500;--sd-button-text-decoration:none;--sd-button-label-min-width:auto;--sd-button-icon-only-size:var(--sd-button-height);text-decoration:none;cursor:pointer;border-radius:var(--sd-button-button-radius-sm, 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;display:inline-flex;align-items:center;justify-content:center;border:none;padding:0 var(--sd-button-padding-x);min-width:var(--sd-button-min-width, auto);min-height:var(--sd-button-height);font-family:var(--sd-button-font-family);font-size:var(--sd-button-font-size);font-weight:var(--sd-button-font-weight);text-decoration:var(--sd-button-text-decoration)}.sd-button--xs{--sd-button-height:var(--sd-button-button-xs-height, 24px);--sd-button-padding-x:var(--sd-button-button-xs-padding-x, 8px);--sd-button-gap:var(--sd-button-button-xs-gap, 4px);--sd-button-font-family:var(--sd-button-button-xs-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-button-xs-typography-font-size, 12px);--sd-button-font-weight:var(--sd-button-button-xs-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-button-xs-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-xs-min-width, auto);--sd-button-icon-only-size:var(--sd-button-button-icon-only-xs-width, var(--sd-button-height));line-height:20px}.sd-button--sm{--sd-button-height:var(--sd-button-button-sm-height, 28px);--sd-button-padding-x:var(--sd-button-button-sm-padding-x, 12px);--sd-button-gap:var(--sd-button-button-sm-gap, 6px);--sd-button-font-family:var(--sd-button-button-sm-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-button-sm-typography-font-size, 12px);--sd-button-font-weight:var(--sd-button-button-sm-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-button-sm-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-sm-min-width, auto);--sd-button-icon-only-size:var(--sd-button-button-icon-only-sm-width, var(--sd-button-height));line-height:20px}.sd-button--md{--sd-button-height:var(--sd-button-button-md-height, 34px);--sd-button-padding-x:var(--sd-button-button-md-padding-x, 20px);--sd-button-gap:var(--sd-button-button-md-gap, 8px);--sd-button-font-family:var(--sd-button-button-md-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-button-md-typography-font-size, 16px);--sd-button-font-weight:var(--sd-button-button-md-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-button-md-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-md-min-width, auto);--sd-button-icon-only-size:var(--sd-button-button-icon-only-md-width, var(--sd-button-height));line-height:26px}.sd-button--lg{--sd-button-height:var(--sd-button-button-lg-height, 62px);--sd-button-padding-x:var(--sd-button-button-lg-padding-x, 28px);--sd-button-gap:var(--sd-button-button-lg-gap, 12px);--sd-button-font-family:var(--sd-button-button-lg-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-button-lg-typography-font-size, 18px);--sd-button-font-weight:var(--sd-button-button-lg-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-button-lg-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-lg-min-width, auto);--sd-button-icon-only-size:var(--sd-button-button-icon-only-lg-width, var(--sd-button-height));line-height:30px}.sd-button--has-label{--sd-button-min-width:var(--sd-button-label-min-width, auto)}.sd-button--primary{background-color:var(--button-color);color:white;transition:filter 0.2s ease}.sd-button--primary::before{content:"";position:absolute;inset:0;background:#000000;opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--primary:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.25}.sd-button--outline{background:white;border:var(--sd-button-button-border-width-default, 1px) solid var(--button-color);color:var(--button-color)}.sd-button--outline::before{content:"";position:absolute;inset:0;background:var(--button-color);opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--outline:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.15}.sd-button--outline .sd-button__content{position:relative;z-index:1}.sd-button--ghost{background-color:transparent;color:var(--button-color);border-color:transparent}.sd-button--ghost::before{content:"";position:absolute;inset:0;background:var(--button-color);opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--ghost:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.15}.sd-button--ghost .sd-button__content{position:relative;z-index:1}.sd-button--disabled{border:var(--sd-button-button-border-width-default, 1px) solid var(--sd-button-button-border-disabled, #CCCCCC);background:var(--sd-button-button-bg-disabled, #E1E1E1);color:var(--sd-button-button-text-disabled, #888888);cursor:not-allowed !important}.sd-button--icon-only{padding:0;width:var(--sd-button-icon-only-size, var(--sd-button-height));min-width:var(--sd-button-icon-only-size, var(--sd-button-height));height:var(--sd-button-icon-only-size, var(--sd-button-height))}.sd-button--no-hover:hover::before{opacity:0 !important}.sd-button .sd-button__content{display:inline-flex;align-items:center;justify-content:center;gap:var(--sd-button-gap);z-index:1;font-weight:inherit}sd-guide{display:inline-flex;align-items:center;height:fit-content;width:fit-content}.sd-guide{display:inline-flex;align-items:center;height:fit-content;width:fit-content}.sd-guide .sd-guide__button .sd-button{min-height:var(--sd-guide-button-height);padding:0 var(--sd-guide-button-padding-x);border-radius:var(--sd-guide-button-radius);border:var(--sd-guide-button-border-width) solid var(--sd-guide-button-border-color);background:var(--sd-guide-button-bg-default);color:var(--sd-guide-button-text-default) !important;transition:none;display:flex;align-items:center;gap:var(--sd-guide-button-gap)}.sd-guide .sd-guide__button .sd-button .sd-button__content{color:var(--sd-guide-button-text-default) !important;gap:var(--sd-guide-button-gap)}.sd-guide .sd-guide__button .sd-button .sd-button__content .sd-button__label{margin-left:0;color:var(--sd-guide-button-text-default) !important;font-size:var(--sd-guide-button-font-size);font-weight:var(--sd-guide-button-font-weight);line-height:var(--sd-guide-button-line-height)}.sd-guide .sd-guide__button--active .sd-button{color:var(--sd-guide-button-text-active) !important}.sd-guide .sd-guide__button--active .sd-button .sd-button__content{color:var(--sd-guide-button-text-active) !important}.sd-guide .sd-guide__button--active .sd-button .sd-button__content .sd-button__label{color:var(--sd-guide-button-text-active) !important}.sd-guide .sd-guide__button--type-tip.sd-guide__button--active .sd-button{background:var(--sd-guide-button-bg-tip);border-color:var(--sd-guide-button-bg-tip)}.sd-guide .sd-guide__button--type-notion.sd-guide__button--active .sd-button{background:var(--sd-guide-button-bg-notion);border-color:var(--sd-guide-button-bg-notion)}.sd-guide__popup{position:relative;padding:var(--sd-guide-contents-padding-y) var(--sd-guide-contents-padding-x);border-radius:var(--sd-guide-contents-radius);box-shadow:4px 4px 24px 4px rgba(0, 0, 0, 0.1);background:white}.sd-guide__popup>.sd-guide__popup__close{position:absolute;top:12px;right:12px}.sd-guide__popup__header{display:flex;align-items:center;gap:var(--sd-guide-contents-title-gap);margin-bottom:var(--sd-guide-contents-gap)}.sd-guide__popup__header .sd-guide__popup__title{margin-top:0;margin-bottom:0;font-size:var(--sd-guide-contents-title-font-size);font-weight:var(--sd-guide-contents-title-font-weight);line-height:var(--sd-guide-contents-title-line-height);color:var(--sd-guide-contents-text-color)}.sd-guide__popup__list{width:100%;padding:0;margin:0}.sd-guide__popup__list__item{display:flex;width:100%;align-items:start;list-style:none;color:var(--sd-guide-contents-text-color);font-size:var(--sd-guide-contents-body-font-size);font-weight:var(--sd-guide-contents-body-font-weight);line-height:var(--sd-guide-contents-body-line-height)}.sd-guide__popup__list__item p{width:100%;padding:0;margin:0;word-wrap:break-word;word-break:break-word;white-space:normal;overflow-wrap:break-word;min-width:0}.sd-guide__popup__list__item::before{display:block;content:"-";width:6px;color:var(--sd-guide-contents-text-color);font-size:var(--sd-guide-contents-body-font-size);font-weight:var(--sd-guide-contents-body-font-weight);line-height:var(--sd-guide-contents-body-line-height);margin-left:10px;margin-right:12px;flex-shrink:0}.sd-guide__popup__list__item--depth-1:not(:first-child){margin-top:var(--sd-guide-contents-row-gap)}.sd-guide__popup__list__item--depth-2{margin-top:var(--sd-guide-contents-body-gap)}.sd-guide__popup__list__item--depth-2::before{content:"•"}.sd-guide__popup__list__item--depth-2{padding-left:26px}'}},[512,"sd-guide",{type:[513],label:[513],message:[1],url:[1],popupTitle:[1,"popup-title"],popupWidth:[2,"popup-width"],popupShow:[32]}]),f=c,_=function(){"undefined"!=typeof customElements&&["sd-guide","sd-button","sd-ghost-button","sd-icon","sd-portal"].forEach((t=>{switch(t){case"sd-guide":customElements.get(e(t))||customElements.define(e(t),c);break;case"sd-button":customElements.get(e(t))||d();break;case"sd-ghost-button":customElements.get(e(t))||s();break;case"sd-icon":customElements.get(e(t))||u();break;case"sd-portal":customElements.get(e(t))||a()}}))};export{f as SdGuide,_ as defineCustomElement}

package/dist/components/sd-icon.js

@@ -1 +1 @@
-import{S as o,d as s}from"./p-YgnF5oje.js";const p=o,r=s;export{p as SdIcon,r as defineCustomElement}
+import{S as o,d as s}from"./p-DaAhgdib.js";const a=o,p=s;export{a as SdIcon,p as defineCustomElement}

package/dist/components/sd-input.js

@@ -1 +1 @@
-import{S as o,d as s}from"./p-B8XV0vD8.js";const p=o,r=s;export{p as SdInput,r as defineCustomElement}
+import{S as o,d as r}from"./p-BC1rdUkh.js";const s=o,p=r;export{s as SdInput,p as defineCustomElement}

package/dist/components/sd-linear-progress.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SdLinearProgress extends Components.SdLinearProgress, HTMLElement {}
+export const SdLinearProgress: {
+    prototype: SdLinearProgress;
+    new (): SdLinearProgress;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/sd-linear-progress.js

@@ -0,0 +1 @@
+import{p as e,H as r,h as s,d as a,t as l}from"./p-CNAzAL53.js";import{p as i}from"./p-D1vaasIp.js";import{s as o}from"./p-BgFLSKqC.js";const t={track:i.progress.color.track,label:i.progress.color.label,valueOnFill:i.progress.bar.text,valueZero:o.color.content.tertiary},n={primary:i.progress.active.color,error:i.progress.error.color,complete:i.progress.success.color},p=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost()}indeterminate=!1;value=0;type="primary";label;get clampedValue(){return Number.isFinite(this.value)?Math.max(0,Math.min(100,this.value)):0}render(){const e=n[this.type]??n.primary,r={"--sd-linear-progress-track-color":t.track,"--sd-linear-progress-fill-color":e,"--sd-linear-progress-value-color":0===this.clampedValue?t.valueZero:e,"--sd-linear-progress-value-on-fill":t.valueOnFill,"--sd-linear-progress-label-color":t.label},l=this.indeterminate?{}:{width:this.clampedValue+"%"},i={clipPath:`inset(0 ${100-this.clampedValue}% 0 0)`},o=Math.round(this.clampedValue)+"%";return s(a,{key:"7a639f88907718e71692f08beaa4ff32a913990c",style:r},s("div",{key:"0e9dc34a18d5497c67ce890e9976d98ff46a7cae",class:"sd-linear-progress__track"},s("div",{key:"b06985fa70196b47046907bbf72f73518e731614",class:"sd-linear-progress__fill",style:l}),!this.indeterminate&&s("span",{key:"b7ca66daa73439d52243f21991131dd40704c018",class:"sd-linear-progress__value sd-linear-progress__value--on-track"},o),!this.indeterminate&&s("span",{key:"c2a8886d6e8402c29607287ae3a1c489138b38ce",class:"sd-linear-progress__value sd-linear-progress__value--on-fill",style:i},o)),this.label&&s("span",{key:"36024d7cfbe5c932821744fa30f6366bf7a75302",class:"sd-linear-progress__label"},this.label))}static get style(){return'sd-linear-progress{display:inline-flex;flex-direction:column;gap:12px;width:100%}sd-linear-progress .sd-linear-progress__track{position:relative;width:100%;height:20px;border-radius:9999px;background-color:var(--sd-linear-progress-track-color);overflow:hidden}sd-linear-progress .sd-linear-progress__fill{position:absolute;inset:0 auto 0 0;height:100%;background-color:var(--sd-linear-progress-fill-color);border-radius:inherit;transition:width 0.4s linear}sd-linear-progress .sd-linear-progress__value{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);text-align:center;font-family:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", sans-serif;font-size:12px;font-weight:700;line-height:20px;pointer-events:none;user-select:none}sd-linear-progress .sd-linear-progress__value--on-track{color:var(--sd-linear-progress-value-color)}sd-linear-progress .sd-linear-progress__value--on-fill{color:var(--sd-linear-progress-value-on-fill)}sd-linear-progress .sd-linear-progress__label{text-align:center;color:var(--sd-linear-progress-label-color);font-family:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", sans-serif;font-size:12px;font-weight:400;line-height:20px}sd-linear-progress[indeterminate] .sd-linear-progress__fill{inset:0;width:auto;transform-origin:left center;transition:none;animation:sd-linear-progress-indeterminate 1.2s linear infinite}@keyframes sd-linear-progress-indeterminate{0%{transform:translateX(-100%) scaleX(0.2)}50%{transform:translateX(20%) scaleX(0.6)}100%{transform:translateX(120%) scaleX(0.2)}}'}},[512,"sd-linear-progress",{indeterminate:[516],value:[2],type:[513],label:[1]}]),d=p,c=function(){"undefined"!=typeof customElements&&["sd-linear-progress"].forEach((e=>{"sd-linear-progress"===e&&(customElements.get(l(e))||customElements.define(l(e),p))}))};export{d as SdLinearProgress,c as defineCustomElement}

package/dist/components/sd-loading-container.js

@@ -1 +1 @@
-import{p as e,H as i,h as n,t as s}from"./p-C0VkfKIA.js";import{d as a}from"./p-DWJ3CIKO.js";const t=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost()}visible=!1;message="";async show(e={}){this.message=e.message??"",this.visible=!0}async hide(){this.visible=!1}render(){return n("div",{key:"7887102a2b03f911fad57784b3b45b12d2265ae2",class:{"sd-loading-container":!0,"sd-loading-container--visible":this.visible},"aria-hidden":this.visible?"false":"true"},n("div",{key:"0f815029574907643be52b50a6c8be8e66ced072",class:"sd-loading-container__backdrop"}),n("div",{key:"9ea0faf8ed4094b3fd93a6e29c55130d58b245fe",class:"sd-loading-container__content"},n("sd-circle-progress",{key:"6e89faad35f282d91098c213879c0ecf8d05a5ed",indeterminate:!0,type:"inverse"}),this.message&&n("p",{key:"05d3128ecf91a372a426a2508535c7789aff9bc1",class:"sd-loading-container__message"},this.message)))}static get style(){return"sd-loading-container .sd-loading-container{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:var(--sd-loading-container-z-index, 999);opacity:0;visibility:hidden;transition:opacity 0.2s ease, visibility 0s linear 0.2s;pointer-events:none}sd-loading-container .sd-loading-container--visible{opacity:1;visibility:visible;transition:opacity 0.2s ease, visibility 0s linear 0s;pointer-events:auto}sd-loading-container .sd-loading-container__backdrop{position:absolute;inset:0;background:rgba(0, 0, 0, 0.4)}sd-loading-container .sd-loading-container__content{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px}sd-loading-container .sd-loading-container__message{margin:0;color:#ffffff;font-size:14px;font-weight:500;line-height:22px;text-align:center;max-width:400px;word-break:keep-all}"}},[512,"sd-loading-container",{visible:[32],message:[32],show:[64],hide:[64]}]),o=t,d=function(){"undefined"!=typeof customElements&&["sd-loading-container","sd-circle-progress"].forEach((e=>{switch(e){case"sd-loading-container":customElements.get(s(e))||customElements.define(s(e),t);break;case"sd-circle-progress":customElements.get(s(e))||a()}}))};export{o as SdLoadingContainer,d as defineCustomElement}
+import{p as e,H as i,h as n,t as s}from"./p-CNAzAL53.js";import{d as a}from"./p-BXdEjuI_.js";const t=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost()}visible=!1;message="";async show(e={}){this.message=e.message??"",this.visible=!0}async hide(){this.visible=!1}render(){return n("div",{key:"14ae9c222f613129ac2819ee46b7dd0a248b93da",class:{"sd-loading-container":!0,"sd-loading-container--visible":this.visible},"aria-hidden":this.visible?"false":"true"},n("div",{key:"a84dca0f4d3582c041ee97965db92a1fff778bd4",class:"sd-loading-container__backdrop"}),n("div",{key:"9793e443e8371a30572ca9b185e0bcfb09d2d1e1",class:"sd-loading-container__content"},n("sd-circle-progress",{key:"1ea2e88043ece1b7c6ff9fe210d7d765d738bbfa",indeterminate:!0,type:"inverse"}),this.message&&n("p",{key:"20e8a1cd1205186ec419b164b9e4873eb37045ea",class:"sd-loading-container__message"},this.message)))}static get style(){return"sd-loading-container .sd-loading-container{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:var(--sd-loading-container-z-index, 999);opacity:0;visibility:hidden;transition:opacity 0.2s ease, visibility 0s linear 0.2s;pointer-events:none}sd-loading-container .sd-loading-container--visible{opacity:1;visibility:visible;transition:opacity 0.2s ease, visibility 0s linear 0s;pointer-events:auto}sd-loading-container .sd-loading-container__backdrop{position:absolute;inset:0;background:rgba(0, 0, 0, 0.4)}sd-loading-container .sd-loading-container__content{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px}sd-loading-container .sd-loading-container__message{margin:0;color:#ffffff;font-size:14px;font-weight:500;line-height:22px;text-align:center;max-width:400px;word-break:keep-all}"}},[512,"sd-loading-container",{visible:[32],message:[32],show:[64],hide:[64]}]),o=t,d=function(){"undefined"!=typeof customElements&&["sd-loading-container","sd-circle-progress"].forEach((e=>{switch(e){case"sd-loading-container":customElements.get(s(e))||customElements.define(s(e),t);break;case"sd-circle-progress":customElements.get(s(e))||a()}}))};export{o as SdLoadingContainer,d as defineCustomElement}

package/dist/components/sd-loading-modal.js

@@ -1 +1 @@
-import{S as o,d as r}from"./p-BM9Fr6OX.js";const s=o,p=r;export{s as SdLoadingModal,p as defineCustomElement}
+import{S as o,d as p}from"./p-Biplmgfa.js";const s=o,a=p;export{s as SdLoadingModal,a as defineCustomElement}

package/dist/components/sd-modal-container.js

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

package/dist/components/sd-number-input.js

@@ -1 +1 @@
-import{p as t,H as e,c as s,h as i,t as n}from"./p-C0VkfKIA.js";import{n as r}from"./p-CCwNgVmC.js";import{d}from"./p-Csfk-CtX.js";import{d as u}from"./p-CscUxW9p.js";import{d as a}from"./p-CU7IOtCw.js";import{d as o}from"./p-YgnF5oje.js";import{d as l}from"./p-9HhG23Vy.js";var h={numberInput:{sm:{height:"28",paddingX:"6",radius:"4",typography:{fontWeight:"400",fontSize:"12",lineHeight:"20"}},md:{height:"36",paddingX:"8",radius:"6",typography:{fontWeight:"400",fontSize:"16",lineHeight:"26"}},contents:{gap:"4"},border:{default:"#AAAAAA",focus:"#0075FF",danger:"#FB4444"},bg:{default:"#FFFFFF"},text:{default:"#222222",placeholder:"#AAAAAA",disabled:"#888888"},hint:{color:"#555555",typography:{fontSize:"12",lineHeight:"20"}},errorMessage:{color:"#E30000",typography:{fontSize:"12",lineHeight:"20"}},stepper:{sm:{size:"20"},md:{size:"24"},radius:"4",bg:{default:"#EFF6FF",disabled:"#EEEEEE"},icon:{default:"#0075FF",disabled:"#BBBBBB"}}}};const p=h.numberInput.sm,b=h.numberInput.md,c={sm:{height:p.height,paddingX:p.paddingX,radius:p.radius,fontSize:p.typography.fontSize,lineHeight:p.typography.lineHeight,fontWeight:p.typography.fontWeight},md:{height:b.height,paddingX:b.paddingX,radius:b.radius,fontSize:b.typography.fontSize,lineHeight:b.typography.lineHeight,fontWeight:b.typography.fontWeight}},m={border:h.numberInput.border,bg:h.numberInput.bg,text:h.numberInput.text},f={sm:{size:h.numberInput.stepper.sm.size},md:{size:h.numberInput.stepper.md.size},radius:h.numberInput.stepper.radius,bg:h.numberInput.stepper.bg,icon:h.numberInput.stepper.icon},g=h.numberInput.hint,y=h.numberInput.errorMessage,x=h.numberInput.contents.gap,_=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.update=s(this,"sdUpdate",7),this.focus=s(this,"sdFocus",7),this.blur=s(this,"sdBlur",7)}get el(){return this}size="sm";min=-1/0;max=1/0;step=1;useButton=!1;useDecimal=!1;value=null;label;labelWidth="";addonLabel="";addonAlign="start";placeholder="입력해 주세요.";disabled=!1;width;rules=[];autoFocus=!1;status;hint="";errorMessage="";inputPrefix="";inputSuffix="";inputClass="";readonly=!1;inputStyle={};error=!1;focused=!1;hovered=!1;internalValue=null;displayValue="";nativeEl=void 0;formField;name=r();update;focus;blur;toNumber(t){if(null==t||""===t)return null;if("number"==typeof t)return isNaN(t)?null:t;if("string"==typeof t)return this.parseInput(t);const e=Number(t);return isNaN(e)?null:e}formatWithCommas(t){if(null==t||isNaN(t))return"";const e=t<0,s=Math.abs(t),[i,n]=(""+s).split("."),r=(+i).toLocaleString(),d=e?"-"+r:r;return n?d+"."+n:d+""}parseInput(t){if(!t||""===t.trim())return null;const e=t.replace(/,/g,"").trim();if(!/^-?(\d+\.?\d*|\d*\.\d+)$/.test(e))return null;const s=parseFloat(e);return isNaN(s)||!this.useDecimal&&e.includes(".")?null:s}clampMinMax(t){return isNaN(t)?0:Math.min(Math.max(t,this.min),this.max)}updateDisplay(){this.displayValue=this.formatWithCommas(this.internalValue)}isIncrementDisabled(){return!(!this.disabled&&!this.readonly)||null!==this.internalValue&&this.internalValue>=this.max}isDecrementDisabled(){return!(!this.disabled&&!this.readonly)||null!==this.internalValue&&this.internalValue<=this.min}valueChanged(t){const e=this.toNumber(t);this.internalValue=null!==e?this.clampMinMax(e):null,this.updateDisplay()}internalValueChanged(t){this.updateDisplay(),t!==this.value&&(this.value=t,this.update?.emit(t))}async sdValidate(){this.formField?.sdValidate()}async sdReset(){this.formField?.sdReset()}async sdResetValidate(){this.formField?.sdResetValidation()}async sdFocus(){this.formField?.sdFocus()}async sdGetNativeElement(){return this.nativeEl||null}componentWillLoad(){const t=this.toNumber(this.value);null!==t&&(this.internalValue=this.clampMinMax(t)),this.updateDisplay()}componentDidLoad(){this.autoFocus&&this.nativeEl?.focus()}handleInput=t=>{const e=t.target,s=e.value;if(""===s)return this.internalValue=null,void(this.displayValue="");const i=s.replace(/,/g,""),n=(i.match(/\./g)||[]).length;if(n>1)return void(e.value=this.displayValue);if("-"===i||"."===i||"-."===i)return void(e.value=i);if(i.endsWith(".")&&1===n){const t=i.slice(0,-1),s=this.parseInput(t);if(null!==s){const t=this.formatWithCommas(s);return void(e.value=t+".")}}const r=this.parseInput(i);if(null!==r){if(r<this.min)return void(e.value=this.displayValue);if(r>this.max)return void(e.value=this.displayValue);this.internalValue=r,this.displayValue=this.formatWithCommas(r),e.value=this.displayValue}else e.value=this.displayValue};handleFocus=t=>{this.focused=!0,this.focus?.emit(t)};handleBlur=async t=>{this.updateDisplay(),this.nativeEl&&(this.nativeEl.value=this.displayValue),this.rules&&this.rules.length>0&&await(this.formField?.sdValidate()),this.focused=!1,this.blur?.emit(t)};handleKeyDown=t=>{"ArrowUp"===t.key?(t.preventDefault(),this.handleIncrement()):"ArrowDown"===t.key&&(t.preventDefault(),this.handleDecrement())};handleIncrement=()=>{if(this.isIncrementDisabled())return;const t=this.internalValue??this.min??0;let e=t+this.step;e>this.max&&(e=this.max),e!==t&&(this.internalValue=e)};handleDecrement=()=>{if(this.isDecrementDisabled())return;const t=this.internalValue??this.min??0;let e=t-this.step;e<this.min&&(e=this.min),e!==t&&(this.internalValue=e)};render(){const t=c[this.size]??c.sm,e="md"===this.size?14:12;return i("sd-field",{key:"85941d001afd73a10defb7f0728579ce0b8457b1",name:this.name,label:this.label,labelWidth:this.labelWidth,addonLabel:this.addonLabel,addonAlign:this.addonAlign,hint:this.hint,errorMessage:this.errorMessage,width:this.width,rules:this.rules,error:this.error,disabled:this.disabled,focused:this.focused,hovered:this.hovered,status:this.status,size:this.size,ref:t=>this.formField=t,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1,style:{"--sd-number-input-font-size":t.fontSize+"px","--sd-number-input-line-height":t.lineHeight+"px","--sd-number-input-font-weight":t.fontWeight,"--sd-number-input-padding-x":t.paddingX+"px","--sd-number-input-text-color":m.text.default,"--sd-number-input-placeholder-color":m.text.placeholder,"--sd-number-input-disabled-color":m.text.disabled,"--sd-number-input-stepper-size":(f[this.size]?.size??f.sm.size)+"px","--sd-number-input-stepper-radius":f.radius+"px","--sd-number-input-stepper-bg":f.bg.default,"--sd-number-input-stepper-bg-disabled":f.bg.disabled,"--sd-number-input-stepper-icon-color":f.icon.default,"--sd-number-input-stepper-icon-disabled":f.icon.disabled,"--sd-system-size-field-sm-height":t.height+"px","--sd-system-radius-field-sm":t.radius+"px","--sd-system-color-field-border-default":m.border.default,"--sd-system-color-field-border-focus":m.border.focus,"--sd-system-color-field-border-danger":m.border.danger,"--sd-system-color-field-bg-default":m.bg.default,"--sd-textinput-input-text-error-message":y.color,"--sd-textinput-input-error-message-typography-font-size":y.typography.fontSize+"px","--sd-textinput-input-error-message-typography-line-height":y.typography.lineHeight+"px","--sd-textinput-input-text-hint":g.color,"--sd-textinput-input-hint-typography-font-size":g.typography.fontSize+"px","--sd-textinput-input-hint-typography-line-height":g.typography.lineHeight+"px","--sd-textinput-input-contents-gap":x+"px"}},i("div",{key:"565de4d4a79219bc8d6e9c8f4528ec93a655c376",class:"sd-number-input__content"},this.useButton&&i("button",{key:"fa27f209b09a03121eb89959164a4a349d525d9a",type:"button",class:"sd-number-input__stepper sd-number-input__stepper--decrement",disabled:this.isDecrementDisabled(),onClick:this.handleDecrement,tabindex:-1},i("sd-icon",{key:"7f4fe23f4b0eba4a06e0153338228710365ce57f",name:"minus",size:e,color:this.isDecrementDisabled()?f.icon.disabled:f.icon.default})),this.inputPrefix&&i("span",{key:"55a96b32e383cdf8d5b253336130460275373f41",class:"sd-number-input__prefix"},this.inputPrefix),i("input",{key:"e25faa5af70d89ae0266bd9dbf35c72276885a9b",name:this.name,ref:t=>this.nativeEl=t,class:"sd-number-input__native "+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,onFocus:this.handleFocus,onBlur:this.handleBlur,style:{textAlign:this.useButton?"center":"right",...this.inputStyle}}),this.inputSuffix&&i("span",{key:"777730846e62dd03a9193cf582908a059789b329",class:"sd-number-input__suffix"},this.inputSuffix),this.useButton&&i("button",{key:"ef8b471cb1d2cbd3a5b350ddbbf856e3bd104567",type:"button",class:"sd-number-input__stepper sd-number-input__stepper--increment",disabled:this.isIncrementDisabled(),onClick:this.handleIncrement,tabindex:-1},i("sd-icon",{key:"e2440c5a4571b69dc0e91ab0b10dffdd8242b1d8",name:"add",size:e,color:this.isIncrementDisabled()?f.icon.disabled:f.icon.default}))))}static get watchers(){return{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}}static get style(){return"sd-number-input{display:inline-flex}sd-number-input .sd-number-input__content{width:100%;height:100%;display:flex;flex-flow:row nowrap;align-items:center;color:var(--sd-number-input-text-color);font-size:var(--sd-number-input-font-size);line-height:var(--sd-number-input-line-height);font-weight:var(--sd-number-input-font-weight);padding:0 var(--sd-number-input-padding-x)}sd-number-input .sd-number-input__content .sd-number-input__native{width:100%;height:100%;min-width:0;border:none;outline:none;background:transparent;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;padding-block:0;padding-inline:0}sd-number-input .sd-number-input__content .sd-number-input__native[disabled]{cursor:not-allowed;color:var(--sd-number-input-disabled-color)}sd-number-input .sd-number-input__content .sd-number-input__native::placeholder{color:var(--sd-number-input-placeholder-color)}sd-number-input .sd-number-input__content .sd-number-input__prefix,sd-number-input .sd-number-input__content .sd-number-input__suffix{flex-shrink:0;white-space:nowrap;color:var(--sd-number-input-placeholder-color);font-size:inherit;line-height:inherit}sd-number-input .sd-number-input__content .sd-number-input__stepper{flex-shrink:0;width:var(--sd-number-input-stepper-size);height:var(--sd-number-input-stepper-size);border:none;border-radius:var(--sd-number-input-stepper-radius);background-color:var(--sd-number-input-stepper-bg);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;margin:0;transition:background-color 0.15s ease}sd-number-input .sd-number-input__content .sd-number-input__stepper:hover:not(:disabled){filter:brightness(0.95)}sd-number-input .sd-number-input__content .sd-number-input__stepper:disabled{background-color:var(--sd-number-input-stepper-bg-disabled);cursor:not-allowed}"}},[512,"sd-number-input",{size:[1],min:[2],max:[2],step:[2],useButton:[4,"use-button"],useDecimal:[4,"use-decimal"],value:[1032],label:[1],labelWidth:[8,"label-width"],addonLabel:[1,"addon-label"],addonAlign:[1,"addon-align"],placeholder:[1],disabled:[4],width:[8],rules:[16],autoFocus:[4,"auto-focus"],status:[1],hint:[1],errorMessage:[1,"error-message"],inputPrefix:[1,"input-prefix"],inputSuffix:[1,"input-suffix"],inputClass:[1,"input-class"],readonly:[4],inputStyle:[16],error:[1028],focused:[1028],hovered:[1028],internalValue:[32],displayValue:[32],sdValidate:[64],sdReset:[64],sdResetValidate:[64],sdFocus:[64],sdGetNativeElement:[64]},void 0,{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}]),v=_,w=function(){"undefined"!=typeof customElements&&["sd-number-input","sd-button","sd-field","sd-floating-portal","sd-icon","sd-tooltip"].forEach((t=>{switch(t){case"sd-number-input":customElements.get(n(t))||customElements.define(n(t),_);break;case"sd-button":customElements.get(n(t))||d();break;case"sd-field":customElements.get(n(t))||u();break;case"sd-floating-portal":customElements.get(n(t))||a();break;case"sd-icon":customElements.get(n(t))||o();break;case"sd-tooltip":customElements.get(n(t))||l()}}))};export{v as SdNumberInput,w as defineCustomElement}
+import{p as t,H as e,c as s,h as i,t as n}from"./p-CNAzAL53.js";import{n as r}from"./p-CCwNgVmC.js";import{d}from"./p-BZm6KN1s.js";import{d as u}from"./p-Bp0B8tcl.js";import{d as a}from"./p-BM0sVq5Z.js";import{d as o}from"./p-DaAhgdib.js";import{d as l}from"./p-CTwEbxRN.js";var h={numberInput:{sm:{height:"28",paddingX:"6",radius:"4",typography:{fontWeight:"400",fontSize:"12",lineHeight:"20"}},md:{height:"36",paddingX:"8",radius:"6",typography:{fontWeight:"400",fontSize:"14",lineHeight:"24"}},contents:{gap:"4"},border:{default:"#AAAAAA",focus:"#0075FF",danger:"#FB4444"},bg:{default:"#FFFFFF"},text:{default:"#222222",placeholder:"#AAAAAA",disabled:"#888888"},hint:{color:"#555555",typography:{fontSize:"12",lineHeight:"20"}},errorMessage:{color:"#E30000",typography:{fontSize:"12",lineHeight:"20"}},stepper:{sm:{size:"20"},md:{size:"24"},radius:"4",bg:{default:"#EFF6FF",disabled:"#EEEEEE"},icon:{default:"#0075FF",disabled:"#BBBBBB"}}}};const p=h.numberInput.sm,c=h.numberInput.md,b={sm:{height:p.height,paddingX:p.paddingX,radius:p.radius,fontSize:p.typography.fontSize,lineHeight:p.typography.lineHeight,fontWeight:p.typography.fontWeight},md:{height:c.height,paddingX:c.paddingX,radius:c.radius,fontSize:c.typography.fontSize,lineHeight:c.typography.lineHeight,fontWeight:c.typography.fontWeight}},m={border:h.numberInput.border,bg:h.numberInput.bg,text:h.numberInput.text},f={sm:{size:h.numberInput.stepper.sm.size},md:{size:h.numberInput.stepper.md.size},radius:h.numberInput.stepper.radius,bg:h.numberInput.stepper.bg,icon:h.numberInput.stepper.icon},g=h.numberInput.hint,y=h.numberInput.errorMessage,x=h.numberInput.contents.gap,_=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.update=s(this,"sdUpdate",7),this.focus=s(this,"sdFocus",7),this.blur=s(this,"sdBlur",7)}get el(){return this}size="sm";min=-1/0;max=1/0;step=1;useButton=!1;useDecimal=!1;value=null;label;labelWidth="";addonLabel="";addonAlign="start";placeholder="입력해 주세요.";disabled=!1;width;rules=[];autoFocus=!1;status;hint="";errorMessage="";inputPrefix="";inputSuffix="";inputClass="";readonly=!1;inputStyle={};error=!1;focused=!1;hovered=!1;internalValue=null;displayValue="";nativeEl=void 0;formField;name=r();update;focus;blur;toNumber(t){if(null==t||""===t)return null;if("number"==typeof t)return isNaN(t)?null:t;if("string"==typeof t)return this.parseInput(t);const e=Number(t);return isNaN(e)?null:e}formatWithCommas(t){if(null==t||isNaN(t))return"";const e=t<0,s=Math.abs(t),[i,n]=(""+s).split("."),r=(+i).toLocaleString(),d=e?"-"+r:r;return n?d+"."+n:d+""}parseInput(t){if(!t||""===t.trim())return null;const e=t.replace(/,/g,"").trim();if(!/^-?(\d+\.?\d*|\d*\.\d+)$/.test(e))return null;const s=parseFloat(e);return isNaN(s)||!this.useDecimal&&e.includes(".")?null:s}clampMinMax(t){return isNaN(t)?0:Math.min(Math.max(t,this.min),this.max)}updateDisplay(){this.displayValue=this.formatWithCommas(this.internalValue)}isIncrementDisabled(){return!(!this.disabled&&!this.readonly)||null!==this.internalValue&&this.internalValue>=this.max}isDecrementDisabled(){return!(!this.disabled&&!this.readonly)||null!==this.internalValue&&this.internalValue<=this.min}valueChanged(t){const e=this.toNumber(t);this.internalValue=null!==e?this.clampMinMax(e):null,this.updateDisplay()}internalValueChanged(t){this.updateDisplay(),t!==this.value&&(this.value=t,this.update?.emit(t))}async sdValidate(){this.formField?.sdValidate()}async sdReset(){this.formField?.sdReset()}async sdResetValidate(){this.formField?.sdResetValidation()}async sdFocus(){this.formField?.sdFocus()}async sdGetNativeElement(){return this.nativeEl||null}componentWillLoad(){const t=this.toNumber(this.value);null!==t&&(this.internalValue=this.clampMinMax(t)),this.updateDisplay()}componentDidLoad(){this.autoFocus&&this.nativeEl?.focus()}handleInput=t=>{const e=t.target,s=e.value;if(""===s)return this.internalValue=null,void(this.displayValue="");const i=s.replace(/,/g,""),n=(i.match(/\./g)||[]).length;if(n>1)return void(e.value=this.displayValue);if("-"===i||"."===i||"-."===i)return void(e.value=i);if(i.endsWith(".")&&1===n){const t=i.slice(0,-1),s=this.parseInput(t);if(null!==s){const t=this.formatWithCommas(s);return void(e.value=t+".")}}const r=this.parseInput(i);if(null!==r){if(r<this.min)return void(e.value=this.displayValue);if(r>this.max)return void(e.value=this.displayValue);this.internalValue=r,this.displayValue=this.formatWithCommas(r),e.value=this.displayValue}else e.value=this.displayValue};handleFocus=t=>{this.focused=!0,this.focus?.emit(t)};handleBlur=async t=>{this.updateDisplay(),this.nativeEl&&(this.nativeEl.value=this.displayValue),this.rules&&this.rules.length>0&&await(this.formField?.sdValidate()),this.focused=!1,this.blur?.emit(t)};handleKeyDown=t=>{"ArrowUp"===t.key?(t.preventDefault(),this.handleIncrement()):"ArrowDown"===t.key&&(t.preventDefault(),this.handleDecrement())};handleIncrement=()=>{if(this.isIncrementDisabled())return;const t=this.internalValue??this.min??0;let e=t+this.step;e>this.max&&(e=this.max),e!==t&&(this.internalValue=e)};handleDecrement=()=>{if(this.isDecrementDisabled())return;const t=this.internalValue??this.min??0;let e=t-this.step;e<this.min&&(e=this.min),e!==t&&(this.internalValue=e)};render(){const t=b[this.size]??b.sm,e="md"===this.size?14:12;return i("sd-field",{key:"04aea42c0e7ae2c81a50d0fbb106d5834d42f7c3",name:this.name,label:this.label,labelWidth:this.labelWidth,addonLabel:this.addonLabel,addonAlign:this.addonAlign,hint:this.hint,errorMessage:this.errorMessage,width:this.width,rules:this.rules,error:this.error,disabled:this.disabled,focused:this.focused,hovered:this.hovered,status:this.status,size:this.size,ref:t=>this.formField=t,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1,style:{"--sd-number-input-font-size":t.fontSize+"px","--sd-number-input-line-height":t.lineHeight+"px","--sd-number-input-font-weight":t.fontWeight,"--sd-number-input-padding-x":t.paddingX+"px","--sd-number-input-text-color":m.text.default,"--sd-number-input-placeholder-color":m.text.placeholder,"--sd-number-input-disabled-color":m.text.disabled,"--sd-number-input-stepper-size":(f[this.size]?.size??f.sm.size)+"px","--sd-number-input-stepper-radius":f.radius+"px","--sd-number-input-stepper-bg":f.bg.default,"--sd-number-input-stepper-bg-disabled":f.bg.disabled,"--sd-number-input-stepper-icon-color":f.icon.default,"--sd-number-input-stepper-icon-disabled":f.icon.disabled,"--sd-system-size-field-sm-height":t.height+"px","--sd-system-radius-field-sm":t.radius+"px","--sd-system-color-field-border-default":m.border.default,"--sd-system-color-field-border-focus":m.border.focus,"--sd-system-color-field-border-danger":m.border.danger,"--sd-system-color-field-bg-default":m.bg.default,"--sd-textinput-input-text-error-message":y.color,"--sd-textinput-input-error-message-typography-font-size":y.typography.fontSize+"px","--sd-textinput-input-error-message-typography-line-height":y.typography.lineHeight+"px","--sd-textinput-input-text-hint":g.color,"--sd-textinput-input-hint-typography-font-size":g.typography.fontSize+"px","--sd-textinput-input-hint-typography-line-height":g.typography.lineHeight+"px","--sd-textinput-input-contents-gap":x+"px"}},i("div",{key:"8089ebd24ce12922d73c5f7909d3ef1d944e99d3",class:"sd-number-input__content"},this.useButton&&i("button",{key:"27b630b4e12ba8f107b8c1053ab89f39b5df966f",type:"button",class:"sd-number-input__stepper sd-number-input__stepper--decrement",disabled:this.isDecrementDisabled(),onClick:this.handleDecrement,tabindex:-1},i("sd-icon",{key:"b916a9f5f4c2579b9d3c3365790b29eb98f55c84",name:"minus",size:e,color:this.isDecrementDisabled()?f.icon.disabled:f.icon.default})),this.inputPrefix&&i("span",{key:"6e669bfdd4cf68d9ca6182748cd9e60db9ae36f2",class:"sd-number-input__prefix"},this.inputPrefix),i("input",{key:"0fe251f87da94d35d50986ec8381b8e9df85d70e",name:this.name,ref:t=>this.nativeEl=t,class:"sd-number-input__native "+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,onFocus:this.handleFocus,onBlur:this.handleBlur,style:{textAlign:this.useButton?"center":"right",...this.inputStyle}}),this.inputSuffix&&i("span",{key:"0842beeb5d5834909909b5120af69cdbe3fac299",class:"sd-number-input__suffix"},this.inputSuffix),this.useButton&&i("button",{key:"dd2706a9882164812d65fe35e05e5865bb4fc4c8",type:"button",class:"sd-number-input__stepper sd-number-input__stepper--increment",disabled:this.isIncrementDisabled(),onClick:this.handleIncrement,tabindex:-1},i("sd-icon",{key:"578b0030421db07da89717039ae9773d537db5e6",name:"add",size:e,color:this.isIncrementDisabled()?f.icon.disabled:f.icon.default}))))}static get watchers(){return{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}}static get style(){return"sd-number-input{display:inline-flex}sd-number-input .sd-number-input__content{width:100%;height:100%;display:flex;flex-flow:row nowrap;align-items:center;color:var(--sd-number-input-text-color);font-size:var(--sd-number-input-font-size);line-height:var(--sd-number-input-line-height);font-weight:var(--sd-number-input-font-weight);padding:0 var(--sd-number-input-padding-x)}sd-number-input .sd-number-input__content .sd-number-input__native{width:100%;height:100%;min-width:0;border:none;outline:none;background:transparent;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;padding-block:0;padding-inline:0}sd-number-input .sd-number-input__content .sd-number-input__native[disabled]{cursor:not-allowed;color:var(--sd-number-input-disabled-color)}sd-number-input .sd-number-input__content .sd-number-input__native::placeholder{color:var(--sd-number-input-placeholder-color)}sd-number-input .sd-number-input__content .sd-number-input__prefix,sd-number-input .sd-number-input__content .sd-number-input__suffix{flex-shrink:0;white-space:nowrap;color:var(--sd-number-input-placeholder-color);font-size:inherit;line-height:inherit}sd-number-input .sd-number-input__content .sd-number-input__stepper{flex-shrink:0;width:var(--sd-number-input-stepper-size);height:var(--sd-number-input-stepper-size);border:none;border-radius:var(--sd-number-input-stepper-radius);background-color:var(--sd-number-input-stepper-bg);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;margin:0;transition:background-color 0.15s ease}sd-number-input .sd-number-input__content .sd-number-input__stepper:hover:not(:disabled){filter:brightness(0.95)}sd-number-input .sd-number-input__content .sd-number-input__stepper:disabled{background-color:var(--sd-number-input-stepper-bg-disabled);cursor:not-allowed}"}},[512,"sd-number-input",{size:[1],min:[2],max:[2],step:[2],useButton:[4,"use-button"],useDecimal:[4,"use-decimal"],value:[1032],label:[1],labelWidth:[8,"label-width"],addonLabel:[1,"addon-label"],addonAlign:[1,"addon-align"],placeholder:[1],disabled:[4],width:[8],rules:[16],autoFocus:[4,"auto-focus"],status:[1],hint:[1],errorMessage:[1,"error-message"],inputPrefix:[1,"input-prefix"],inputSuffix:[1,"input-suffix"],inputClass:[1,"input-class"],readonly:[4],inputStyle:[16],error:[1028],focused:[1028],hovered:[1028],internalValue:[32],displayValue:[32],sdValidate:[64],sdReset:[64],sdResetValidate:[64],sdFocus:[64],sdGetNativeElement:[64]},void 0,{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}]),v=_,w=function(){"undefined"!=typeof customElements&&["sd-number-input","sd-button","sd-field","sd-floating-portal","sd-icon","sd-tooltip"].forEach((t=>{switch(t){case"sd-number-input":customElements.get(n(t))||customElements.define(n(t),_);break;case"sd-button":customElements.get(n(t))||d();break;case"sd-field":customElements.get(n(t))||u();break;case"sd-floating-portal":customElements.get(n(t))||a();break;case"sd-icon":customElements.get(n(t))||o();break;case"sd-tooltip":customElements.get(n(t))||l()}}))};export{v as SdNumberInput,w as defineCustomElement}

package/dist/components/sd-pagination.js

@@ -1 +1 @@
-import{S as o,d as s}from"./p-W6QlwGnP.js";const p=o,r=s;export{p as SdPagination,r as defineCustomElement}
+import{S as o,d as s}from"./p-BLwIhCdO.js";const p=o,r=s;export{p as SdPagination,r as defineCustomElement}

package/dist/components/sd-popover.js

@@ -1 +1 @@
-import{p as s,H as t,c as e,h as o,F as a,t as i}from"./p-C0VkfKIA.js";import{T as n}from"./p-Cj4NAUzE.js";import{d as c}from"./p-Csfk-CtX.js";import{d as l}from"./p-CU7IOtCw.js";import{d}from"./p-CoOl8zeX.js";import{d as r}from"./p-YgnF5oje.js";var b="#07284A";const m=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.showChange=e(this,"sdShowChange",7)}get el(){return this}show=!1;placement="bottom";color="#01BB4B";icon="helpOutline";iconSize=12;label="";buttonSize="sm";buttonVariant="primary";menuTitle;messages=[];buttons=[];menuClass="";useClose=!1;showChange;buttonEl;setShow=s=>{this.show!==s&&(this.show=s,this.showChange.emit(s))};get popoverOffset(){switch(this.placement??"bottom"){case"top":return[0,-4];case"bottom":return[0,4];case"left":case"right":return[4,0]}}handleClose=()=>this.setShow(!1);render(){const s=this.placement??"bottom",t=this.color??"#01BB4B",e=this.icon??"helpOutline",i=this.iconSize??12,c=this.buttonSize??"sm",l=this.buttonVariant??"primary",d=this.menuClass??"",r=Array.isArray(this.messages)?this.messages:[],m=Array.isArray(this.buttons)?this.buttons:[];return o(a,{key:"e576deaacba9395c5aeb76fd13baa0dc1e908d38"},this.label?o("sd-button",{ref:s=>this.buttonEl=s,label:this.label,icon:e,size:c,color:t,variant:l,class:"sd-popover",onSdClick:()=>this.setShow(!this.show)}):o("sd-icon",{ref:s=>this.buttonEl=s,name:e,size:i,color:t,class:"sd-popover",onClick:()=>this.setShow(!this.show)}),this.show&&o("sd-floating-portal",{key:"7520067b46527c22108292a659dd7e8fba85397c",parentRef:this.buttonEl,onSdClose:this.handleClose,placement:s,offset:this.popoverOffset},o("div",{key:"ba48632dd93359851bd87f4d55f2341653b0caab",class:{"sd-floating-menu":!0,"sd-floating-menu--popover":!0,["sd-floating-menu--"+s]:!0,[d]:!!d},style:{"--sd-floating-bg":b}},o("i",{key:"fce80e5bc6f49f5dbc1772f910eae0fb9bc09a6b",class:"sd-floating-menu__arrow sd-floating-menu__arrow--"+s},o(n,{key:"32aaa3b00f7ac77d47fd2bc3c968a7a4c20102c6"})),o("div",{key:"29b3240126412070466acee7ee1d061d235ba51e",class:"sd-floating-menu__content"},this.menuTitle&&o("div",{key:"6cb5cf4531f573e93146a552b34831dc04851661",class:"sd-floating-menu__title"},this.menuTitle),r.length>0&&o("div",{key:"ba15bb4efc4af37dd89b0da61539f516cc31a2f3",class:"sd-floating-menu__messages"},r.map(((s,t)=>o("div",{key:"msg-"+t},s)))),m.length>0&&o("div",{key:"2656545909634d8c54e9d34155e699041b5512f5",class:"sd-floating-menu__buttons sd-floating-menu__buttons--"+m.length},m.map(((s,t)=>o("sd-button",{key:"btn-"+t,...s}))))),this.useClose&&o("sd-ghost-button",{key:"315bf10dde1b7cde5727beb101a1a1ad07966138",class:"sd-floating-menu__close-button",icon:"close",ariaLabel:"close",size:"xs",onClick:this.handleClose}))))}static get style(){return"sd-popover{position:relative;cursor:pointer;display:inline-flex}"}},[512,"sd-popover",{show:[1028],placement:[513],color:[513],icon:[513],iconSize:[514,"icon-size"],label:[1],buttonSize:[513,"button-size"],buttonVariant:[513,"button-variant"],menuTitle:[1,"menu-title"],messages:[16],buttons:[16],menuClass:[1,"menu-class"],useClose:[4,"use-close"]}]),u=m,f=function(){"undefined"!=typeof customElements&&["sd-popover","sd-button","sd-floating-portal","sd-ghost-button","sd-icon"].forEach((s=>{switch(s){case"sd-popover":customElements.get(i(s))||customElements.define(i(s),m);break;case"sd-button":customElements.get(i(s))||c();break;case"sd-floating-portal":customElements.get(i(s))||l();break;case"sd-ghost-button":customElements.get(i(s))||d();break;case"sd-icon":customElements.get(i(s))||r()}}))};export{u as SdPopover,f as defineCustomElement}
+import{p as s,H as t,c as e,h as o,F as a,t as i}from"./p-CNAzAL53.js";import{T as n}from"./p-DdJyzIYe.js";import{d as c}from"./p-BZm6KN1s.js";import{d as l}from"./p-BM0sVq5Z.js";import{d}from"./p-Bbs5Ws0k.js";import{d as r}from"./p-DaAhgdib.js";var b="#07284A";const m=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.showChange=e(this,"sdShowChange",7)}get el(){return this}show=!1;placement="bottom";color="#01BB4B";icon="helpOutline";iconSize=12;label="";buttonSize="sm";buttonVariant="primary";menuTitle;messages=[];buttons=[];menuClass="";useClose=!1;showChange;buttonEl;setShow=s=>{this.show!==s&&(this.show=s,this.showChange.emit(s))};get popoverOffset(){switch(this.placement??"bottom"){case"top":return[0,-4];case"bottom":return[0,4];case"left":case"right":return[4,0]}}handleClose=()=>this.setShow(!1);render(){const s=this.placement??"bottom",t=this.color??"#01BB4B",e=this.icon??"helpOutline",i=this.iconSize??12,c=this.buttonSize??"sm",l=this.buttonVariant??"primary",d=this.menuClass??"",r=Array.isArray(this.messages)?this.messages:[],m=Array.isArray(this.buttons)?this.buttons:[];return o(a,{key:"e576deaacba9395c5aeb76fd13baa0dc1e908d38"},this.label?o("sd-button",{ref:s=>this.buttonEl=s,label:this.label,icon:e,size:c,color:t,variant:l,class:"sd-popover",onSdClick:()=>this.setShow(!this.show)}):o("sd-icon",{ref:s=>this.buttonEl=s,name:e,size:i,color:t,class:"sd-popover",onClick:()=>this.setShow(!this.show)}),this.show&&o("sd-floating-portal",{key:"7520067b46527c22108292a659dd7e8fba85397c",parentRef:this.buttonEl,onSdClose:this.handleClose,placement:s,offset:this.popoverOffset},o("div",{key:"ba48632dd93359851bd87f4d55f2341653b0caab",class:{"sd-floating-menu":!0,"sd-floating-menu--popover":!0,["sd-floating-menu--"+s]:!0,[d]:!!d},style:{"--sd-floating-bg":b}},o("i",{key:"fce80e5bc6f49f5dbc1772f910eae0fb9bc09a6b",class:"sd-floating-menu__arrow sd-floating-menu__arrow--"+s},o(n,{key:"32aaa3b00f7ac77d47fd2bc3c968a7a4c20102c6"})),o("div",{key:"29b3240126412070466acee7ee1d061d235ba51e",class:"sd-floating-menu__content"},this.menuTitle&&o("div",{key:"6cb5cf4531f573e93146a552b34831dc04851661",class:"sd-floating-menu__title"},this.menuTitle),r.length>0&&o("div",{key:"ba15bb4efc4af37dd89b0da61539f516cc31a2f3",class:"sd-floating-menu__messages"},r.map(((s,t)=>o("div",{key:"msg-"+t},s)))),m.length>0&&o("div",{key:"2656545909634d8c54e9d34155e699041b5512f5",class:"sd-floating-menu__buttons sd-floating-menu__buttons--"+m.length},m.map(((s,t)=>o("sd-button",{key:"btn-"+t,...s}))))),this.useClose&&o("sd-ghost-button",{key:"315bf10dde1b7cde5727beb101a1a1ad07966138",class:"sd-floating-menu__close-button",icon:"close",ariaLabel:"close",size:"xs",onClick:this.handleClose}))))}static get style(){return"sd-popover{position:relative;cursor:pointer;display:inline-flex}"}},[512,"sd-popover",{show:[1028],placement:[513],color:[513],icon:[513],iconSize:[514,"icon-size"],label:[1],buttonSize:[513,"button-size"],buttonVariant:[513,"button-variant"],menuTitle:[1,"menu-title"],messages:[16],buttons:[16],menuClass:[1,"menu-class"],useClose:[4,"use-close"]}]),u=m,h=function(){"undefined"!=typeof customElements&&["sd-popover","sd-button","sd-floating-portal","sd-ghost-button","sd-icon"].forEach((s=>{switch(s){case"sd-popover":customElements.get(i(s))||customElements.define(i(s),m);break;case"sd-button":customElements.get(i(s))||c();break;case"sd-floating-portal":customElements.get(i(s))||l();break;case"sd-ghost-button":customElements.get(i(s))||d();break;case"sd-icon":customElements.get(i(s))||r()}}))};export{u as SdPopover,h as defineCustomElement}

package/dist/components/sd-portal.js

@@ -1 +1 @@
-import{S as o,d as s}from"./p-Dmk-f7qn.js";const m=o,p=s;export{m as SdPortal,p as defineCustomElement}
+import{S as o,d as s}from"./p-iAWNMLXh.js";const p=o,r=s;export{p as SdPortal,r as defineCustomElement}

package/dist/components/sd-progress.js

@@ -1 +1 @@
-import{p as r,H as s,h as e,t}from"./p-C0VkfKIA.js";const o=r(class extends s{constructor(r){super(),!1!==r&&this.__registerHost()}type="bar";error=!1;percentage=0;size=80;strokeWidth=12;label;statusColor={default:"#aaaaaa",progress:"#0075ff",complete:"#12B553",error:"#FB4444"};get progressPercentage(){return this.error?100: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 e("div",{key:"b1c93dc549893b5a3ccef1ab9cea54ca8c9d8d44",style:{"--progress-color":this.progressColor,"--progress-percentage":this.progressPercentage+"%"}},"bar"===this.type?this.renderBarProgress():this.renderSpinnerProgress(),this.label&&e("div",{key:"843cb8d0994831da375d26f0421d98dddb068128",class:"sd-progress__label"},this.label))}renderBarProgress(){return e("div",{class:"sd-progress__bar sd-progress__bar--"+this.progressStatus},e("div",{class:["sd-progress__bar__percent",this.progressPercentage<100?"proceed":""].join(" ")}),e("div",{class:"sd-progress__bar__indicator sd-progress__bar__indicator--left"},this.progressPercentage,"%"),e("div",{class:"sd-progress__bar__indicator sd-progress__bar__indicator--right"},this.progressPercentage,"%"))}renderSpinnerProgress(){const r=(this.size-this.strokeWidth)/2,s=2*Math.PI*r,t=s-this.progressPercentage/100*s,o=this.size+"px",i=this.size/2+"px";return e("div",{class:"sd-progress__spinner sd-progress__spinner--"+this.progressStatus},e("svg",{width:o,height:o},e("circle",{cx:i,cy:i,r,stroke:"#EEEEEE","stroke-width":this.strokeWidth,fill:"transparent"}),e("circle",{cx:i,cy:i,r,stroke:this.progressColor,"stroke-width":this.strokeWidth,fill:"transparent","stroke-dasharray":s,"stroke-dashoffset":t,"stroke-linecap":"round",class:"transition-all duration-500"})),e("strong",{class:"sd-progress__spinner__label"},this.progressPercentage," %"))}static get style(){return"sd-progress{display:block}sd-progress .sd-progress__bar{position:relative;width:100%;height:20px;overflow:hidden;border-radius:4px;background-color:#EEEEEE;text-align:center}sd-progress .sd-progress__bar__percent{width:var(--progress-percentage);height:100%;border-radius:4px;background-color:var(--progress-color, #0075FF);transition:all 0.5s}sd-progress .sd-progress__bar__percent.proceed{border-top-right-radius:50%}sd-progress .sd-progress__bar__indicator{position:absolute;left:0;top:0;height:20px;width:100%;background-color:#EEEEEE;font-size:12px;font-weight:700;line-height:20px;z-index:1}sd-progress .sd-progress__bar__indicator--left{color:var(--progress-color, #0075FF);clip-path:inset(0 0 0 var(--progress-percentage))}sd-progress .sd-progress__bar__indicator--right{color:white;background-color:var(--progress-color, #0075FF);clip-path:inset(0 calc(100% - var(--progress-percentage)) 0 0)}sd-progress .sd-progress__spinner{display:flex;flex-direction:column;align-items:center;justify-content:center}sd-progress .sd-progress__spinner svg{transform:rotate(-90deg)}sd-progress .sd-progress__spinner__label{margin-top:8px;font-size:16px;color:var(--progress-color, #0075FF)}sd-progress .sd-progress__label{margin-top:4px;font-size:12px;color:#222222;text-align:center}"}},[512,"sd-progress",{type:[1],error:[4],percentage:[2],size:[2],strokeWidth:[2,"stroke-width"],label:[1]}]),i=o,a=function(){"undefined"!=typeof customElements&&["sd-progress"].forEach((r=>{"sd-progress"===r&&(customElements.get(t(r))||customElements.define(t(r),o))}))};export{i as SdProgress,a as defineCustomElement}
+import{p as r,H as s,h as e,t}from"./p-CNAzAL53.js";const o=r(class extends s{constructor(r){super(),!1!==r&&this.__registerHost()}type="bar";error=!1;percentage=0;size=80;strokeWidth=12;label;statusColor={default:"#aaaaaa",progress:"#0075ff",complete:"#12B553",error:"#FB4444"};get progressPercentage(){return this.error?100: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 e("div",{key:"34c1ecf23c120f53595529004ed3d6818896e816",style:{"--progress-color":this.progressColor,"--progress-percentage":this.progressPercentage+"%"}},"bar"===this.type?this.renderBarProgress():this.renderSpinnerProgress(),this.label&&e("div",{key:"29461b9428416262c10b1917eaee4e0091d290dc",class:"sd-progress__label"},this.label))}renderBarProgress(){return e("div",{class:"sd-progress__bar sd-progress__bar--"+this.progressStatus},e("div",{class:["sd-progress__bar__percent",this.progressPercentage<100?"proceed":""].join(" ")}),e("div",{class:"sd-progress__bar__indicator sd-progress__bar__indicator--left"},this.progressPercentage,"%"),e("div",{class:"sd-progress__bar__indicator sd-progress__bar__indicator--right"},this.progressPercentage,"%"))}renderSpinnerProgress(){const r=(this.size-this.strokeWidth)/2,s=2*Math.PI*r,t=s-this.progressPercentage/100*s,o=this.size+"px",i=this.size/2+"px";return e("div",{class:"sd-progress__spinner sd-progress__spinner--"+this.progressStatus},e("svg",{width:o,height:o},e("circle",{cx:i,cy:i,r,stroke:"#EEEEEE","stroke-width":this.strokeWidth,fill:"transparent"}),e("circle",{cx:i,cy:i,r,stroke:this.progressColor,"stroke-width":this.strokeWidth,fill:"transparent","stroke-dasharray":s,"stroke-dashoffset":t,"stroke-linecap":"round",class:"transition-all duration-500"})),e("strong",{class:"sd-progress__spinner__label"},this.progressPercentage," %"))}static get style(){return"sd-progress{display:block}sd-progress .sd-progress__bar{position:relative;width:100%;height:20px;overflow:hidden;border-radius:4px;background-color:#EEEEEE;text-align:center}sd-progress .sd-progress__bar__percent{width:var(--progress-percentage);height:100%;border-radius:4px;background-color:var(--progress-color, #0075FF);transition:all 0.5s}sd-progress .sd-progress__bar__percent.proceed{border-top-right-radius:50%}sd-progress .sd-progress__bar__indicator{position:absolute;left:0;top:0;height:20px;width:100%;background-color:#EEEEEE;font-size:12px;font-weight:700;line-height:20px;z-index:1}sd-progress .sd-progress__bar__indicator--left{color:var(--progress-color, #0075FF);clip-path:inset(0 0 0 var(--progress-percentage))}sd-progress .sd-progress__bar__indicator--right{color:white;background-color:var(--progress-color, #0075FF);clip-path:inset(0 calc(100% - var(--progress-percentage)) 0 0)}sd-progress .sd-progress__spinner{display:flex;flex-direction:column;align-items:center;justify-content:center}sd-progress .sd-progress__spinner svg{transform:rotate(-90deg)}sd-progress .sd-progress__spinner__label{margin-top:8px;font-size:16px;color:var(--progress-color, #0075FF)}sd-progress .sd-progress__label{margin-top:4px;font-size:12px;color:#222222;text-align:center}"}},[512,"sd-progress",{type:[1],error:[4],percentage:[2],size:[2],strokeWidth:[2,"stroke-width"],label:[1]}]),i=o,a=function(){"undefined"!=typeof customElements&&["sd-progress"].forEach((r=>{"sd-progress"===r&&(customElements.get(t(r))||customElements.define(t(r),o))}))};export{i as SdProgress,a as defineCustomElement}

package/dist/components/sd-radio-button.js

@@ -1 +1 @@
-import{p as t,H as o,c as e,h as d,t as i}from"./p-C0VkfKIA.js";var r={height:"24",paddingX:"8",typography:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontSize:"12",fontWeight:"500",textDecoration:"none",lineHeight:"20"}},a={height:"28",paddingX:"12",typography:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontSize:"12",fontWeight:"500",textDecoration:"none",lineHeight:"20"}},n="4",s={width:"1",default:"#CCCCCC",select:"#0075FF",disabled:"#CCCCCC"},b={default:"#FFFFFF",hover:"#0075FF",select:"#FFFFFF",disabled:"#E1E1E1"},u={default:"#555555",hover:"#FFFFFF",select:"#0075FF",disabled:"#888888"},l={gap:"-1"};const c={xs:{height:Number(r.height),paddingX:Number(r.paddingX),fontSize:Number(r.typography.fontSize),lineHeight:Number(r.typography.lineHeight),fontWeight:r.typography.fontWeight,fontFamily:r.typography.fontFamily,textDecoration:r.typography.textDecoration},sm:{height:Number(a.height),paddingX:Number(a.paddingX),fontSize:Number(a.typography.fontSize),lineHeight:Number(a.typography.lineHeight),fontWeight:a.typography.fontWeight,fontFamily:a.typography.fontFamily,textDecoration:a.typography.textDecoration}},h=Number(n),p=Number(s.width),g=Number(l.gap),f={border:{default:s.default,select:s.select,disabled:s.disabled},bg:{default:b.default,hover:b.hover,select:b.select,disabled:b.disabled},content:{default:u.default,hover:u.hover,select:u.select,disabled:u.disabled}},m=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.change=e(this,"sdUpdate",7)}value;options=[];size="sm";disabled=!1;name;change;handleRadioChange=(t,o)=>{this.disabled||o||(this.value=t,this.change.emit(t))};isOptionSelected(t){return this.value===t.value}isOptionDisabled(t){return this.disabled||!!t.disabled}getButtonClasses(t){const o=["sd-radio-button__option",this.isOptionSelected(t)?"sd-radio-button__option--selected":"sd-radio-button__option--unselected"];return this.isOptionDisabled(t)&&o.push("sd-radio-button__option--disabled"),o.join(" ")}getGroupClasses(){return["sd-radio-button","sd-radio-button--"+this.size].join(" ")}_groupName;get groupName(){return this._groupName||(this._groupName=this.name||"sd-radio-button-"+crypto.randomUUID()),this._groupName}render(){const t=c[this.size],o={"--sd-radio-button-height":t.height+"px","--sd-radio-button-padding-x":t.paddingX+"px","--sd-radio-button-font-family":t.fontFamily,"--sd-radio-button-font-weight":t.fontWeight,"--sd-radio-button-font-size":t.fontSize+"px","--sd-radio-button-line-height":t.lineHeight+"px","--sd-radio-button-text-decoration":t.textDecoration,"--sd-radio-button-radius":h+"px","--sd-radio-button-border-width":p+"px","--sd-radio-button-group-gap":g+"px","--sd-radio-button-border-default":f.border.default,"--sd-radio-button-border-select":f.border.select,"--sd-radio-button-border-disabled":f.border.disabled,"--sd-radio-button-bg-default":f.bg.default,"--sd-radio-button-bg-hover":f.bg.hover,"--sd-radio-button-bg-select":f.bg.select,"--sd-radio-button-bg-disabled":f.bg.disabled,"--sd-radio-button-content-default":f.content.default,"--sd-radio-button-content-hover":f.content.hover,"--sd-radio-button-content-select":f.content.select,"--sd-radio-button-content-disabled":f.content.disabled};return d("div",{key:"67c8e7ad03fb6ee4cabd06591e3e11e5d38914f0",class:this.getGroupClasses(),style:o,role:"radiogroup","aria-disabled":""+this.disabled},this.options.map((t=>{const o=this.isOptionSelected(t),e=this.isOptionDisabled(t);return d("label",{key:"radio-"+t.value,class:this.getButtonClasses(t),"aria-label":t.label||"radio option","data-label":t.label},d("input",{type:"radio",name:this.groupName,value:""+t.value,checked:o,disabled:e,onInput:()=>this.handleRadioChange(t.value,t.disabled)}),t.label&&d("span",{class:"sd-radio-button__label"},t.label))})))}static get style(){return"sd-radio-button{display:inline-flex;width:fit-content;height:fit-content}.sd-radio-button{display:inline-flex;flex-flow:row nowrap;gap:0}.sd-radio-button__option{display:flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box;height:var(--sd-radio-button-height);padding:0 var(--sd-radio-button-padding-x);border:var(--sd-radio-button-border-width) solid var(--sd-radio-button-border-default);background-color:var(--sd-radio-button-bg-default);color:var(--sd-radio-button-content-default);font-family:var(--sd-radio-button-font-family);font-weight:var(--sd-radio-button-font-weight);font-size:var(--sd-radio-button-font-size);line-height:var(--sd-radio-button-line-height);text-decoration:var(--sd-radio-button-text-decoration);cursor:pointer;user-select:none;-webkit-user-select:none;transition:background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease}.sd-radio-button__option input{display:none}.sd-radio-button__option:not(:first-child){margin-left:var(--sd-radio-button-group-gap)}.sd-radio-button__option:first-child{border-top-left-radius:var(--sd-radio-button-radius);border-bottom-left-radius:var(--sd-radio-button-radius)}.sd-radio-button__option:last-child{border-top-right-radius:var(--sd-radio-button-radius);border-bottom-right-radius:var(--sd-radio-button-radius)}.sd-radio-button__option:only-child{border-radius:var(--sd-radio-button-radius)}.sd-radio-button__option--selected{background-color:var(--sd-radio-button-bg-select);border-color:var(--sd-radio-button-border-select);color:var(--sd-radio-button-content-select);z-index:1}.sd-radio-button__option:hover:not(.sd-radio-button__option--disabled){background-color:var(--sd-radio-button-bg-hover);border-color:var(--sd-radio-button-border-select);color:var(--sd-radio-button-content-hover);z-index:2}.sd-radio-button__option--disabled{background-color:var(--sd-radio-button-bg-disabled);border-color:var(--sd-radio-button-border-disabled);color:var(--sd-radio-button-content-disabled);cursor:not-allowed}.sd-radio-button__label{user-select:none;-webkit-user-select:none}"}},[512,"sd-radio-button",{value:[1032],options:[1040],size:[1],disabled:[4],name:[1]}]),v=m,_=function(){"undefined"!=typeof customElements&&["sd-radio-button"].forEach((t=>{"sd-radio-button"===t&&(customElements.get(i(t))||customElements.define(i(t),m))}))};export{v as SdRadioButton,_ as defineCustomElement}
+import{p as t,H as o,c as e,h as d,t as i}from"./p-CNAzAL53.js";var r={height:"24",paddingX:"8",typography:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontSize:"12",fontWeight:"500",textDecoration:"none",lineHeight:"20"}},a={height:"28",paddingX:"12",typography:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontSize:"12",fontWeight:"500",textDecoration:"none",lineHeight:"20"}},n="4",s={width:"1",default:"#CCCCCC",select:"#0075FF",disabled:"#CCCCCC"},b={default:"#FFFFFF",hover:"#0075FF",select:"#FFFFFF",disabled:"#E1E1E1"},u={default:"#555555",hover:"#FFFFFF",select:"#0075FF",disabled:"#888888"},l={gap:"-1"};const c={xs:{height:Number(r.height),paddingX:Number(r.paddingX),fontSize:Number(r.typography.fontSize),lineHeight:Number(r.typography.lineHeight),fontWeight:r.typography.fontWeight,fontFamily:r.typography.fontFamily,textDecoration:r.typography.textDecoration},sm:{height:Number(a.height),paddingX:Number(a.paddingX),fontSize:Number(a.typography.fontSize),lineHeight:Number(a.typography.lineHeight),fontWeight:a.typography.fontWeight,fontFamily:a.typography.fontFamily,textDecoration:a.typography.textDecoration}},h=Number(n),p=Number(s.width),g=Number(l.gap),f={border:{default:s.default,select:s.select,disabled:s.disabled},bg:{default:b.default,hover:b.hover,select:b.select,disabled:b.disabled},content:{default:u.default,hover:u.hover,select:u.select,disabled:u.disabled}},m=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.change=e(this,"sdUpdate",7)}value;options=[];size="sm";disabled=!1;name;change;handleRadioChange=(t,o)=>{this.disabled||o||(this.value=t,this.change.emit(t))};isOptionSelected(t){return this.value===t.value}isOptionDisabled(t){return this.disabled||!!t.disabled}getButtonClasses(t){const o=["sd-radio-button__option",this.isOptionSelected(t)?"sd-radio-button__option--selected":"sd-radio-button__option--unselected"];return this.isOptionDisabled(t)&&o.push("sd-radio-button__option--disabled"),o.join(" ")}getGroupClasses(){return["sd-radio-button","sd-radio-button--"+this.size].join(" ")}_groupName;get groupName(){return this._groupName||(this._groupName=this.name||"sd-radio-button-"+crypto.randomUUID()),this._groupName}render(){const t=c[this.size],o={"--sd-radio-button-height":t.height+"px","--sd-radio-button-padding-x":t.paddingX+"px","--sd-radio-button-font-family":t.fontFamily,"--sd-radio-button-font-weight":t.fontWeight,"--sd-radio-button-font-size":t.fontSize+"px","--sd-radio-button-line-height":t.lineHeight+"px","--sd-radio-button-text-decoration":t.textDecoration,"--sd-radio-button-radius":h+"px","--sd-radio-button-border-width":p+"px","--sd-radio-button-group-gap":g+"px","--sd-radio-button-border-default":f.border.default,"--sd-radio-button-border-select":f.border.select,"--sd-radio-button-border-disabled":f.border.disabled,"--sd-radio-button-bg-default":f.bg.default,"--sd-radio-button-bg-hover":f.bg.hover,"--sd-radio-button-bg-select":f.bg.select,"--sd-radio-button-bg-disabled":f.bg.disabled,"--sd-radio-button-content-default":f.content.default,"--sd-radio-button-content-hover":f.content.hover,"--sd-radio-button-content-select":f.content.select,"--sd-radio-button-content-disabled":f.content.disabled};return d("div",{key:"67c8e7ad03fb6ee4cabd06591e3e11e5d38914f0",class:this.getGroupClasses(),style:o,role:"radiogroup","aria-disabled":""+this.disabled},this.options.map((t=>{const o=this.isOptionSelected(t),e=this.isOptionDisabled(t);return d("label",{key:"radio-"+t.value,class:this.getButtonClasses(t),"aria-label":t.label||"radio option","data-label":t.label},d("input",{type:"radio",name:this.groupName,value:""+t.value,checked:o,disabled:e,onInput:()=>this.handleRadioChange(t.value,t.disabled)}),t.label&&d("span",{class:"sd-radio-button__label"},t.label))})))}static get style(){return"sd-radio-button{display:inline-flex;width:fit-content;height:fit-content}.sd-radio-button{display:inline-flex;flex-flow:row nowrap;gap:0}.sd-radio-button__option{display:flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box;height:var(--sd-radio-button-height);padding:0 var(--sd-radio-button-padding-x);border:var(--sd-radio-button-border-width) solid var(--sd-radio-button-border-default);background-color:var(--sd-radio-button-bg-default);color:var(--sd-radio-button-content-default);font-family:var(--sd-radio-button-font-family);font-weight:var(--sd-radio-button-font-weight);font-size:var(--sd-radio-button-font-size);line-height:var(--sd-radio-button-line-height);text-decoration:var(--sd-radio-button-text-decoration);cursor:pointer;user-select:none;-webkit-user-select:none;transition:background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease}.sd-radio-button__option input{display:none}.sd-radio-button__option:not(:first-child){margin-left:var(--sd-radio-button-group-gap)}.sd-radio-button__option:first-child{border-top-left-radius:var(--sd-radio-button-radius);border-bottom-left-radius:var(--sd-radio-button-radius)}.sd-radio-button__option:last-child{border-top-right-radius:var(--sd-radio-button-radius);border-bottom-right-radius:var(--sd-radio-button-radius)}.sd-radio-button__option:only-child{border-radius:var(--sd-radio-button-radius)}.sd-radio-button__option--selected{background-color:var(--sd-radio-button-bg-select);border-color:var(--sd-radio-button-border-select);color:var(--sd-radio-button-content-select);z-index:1}.sd-radio-button__option:hover:not(.sd-radio-button__option--disabled){background-color:var(--sd-radio-button-bg-hover);border-color:var(--sd-radio-button-border-select);color:var(--sd-radio-button-content-hover);z-index:2}.sd-radio-button__option--disabled{background-color:var(--sd-radio-button-bg-disabled);border-color:var(--sd-radio-button-border-disabled);color:var(--sd-radio-button-content-disabled);cursor:not-allowed}.sd-radio-button__label{user-select:none;-webkit-user-select:none}"}},[512,"sd-radio-button",{value:[1032],options:[1040],size:[1],disabled:[4],name:[1]}]),v=m,_=function(){"undefined"!=typeof customElements&&["sd-radio-button"].forEach((t=>{"sd-radio-button"===t&&(customElements.get(i(t))||customElements.define(i(t),m))}))};export{v as SdRadioButton,_ as defineCustomElement}

package/dist/components/sd-radio-group.js

@@ -1 +1 @@
-import{p as d,H as r,c as i,h as o,t as e}from"./p-C0VkfKIA.js";import{d as a}from"./p-CeHRQb7A.js";const s=d(class extends r{constructor(d){super(),!1!==d&&this.__registerHost(),this.change=i(this,"sdUpdate",7)}value;options=[];direction="vertical";disabled=!1;groupName;change;valueChanged(d){this.value=d}handleRadioChange=d=>{if(this.disabled)return;const r=this.options.find((r=>r.value+""==d+"")),i=r?r.value:d;this.value=i,this.change?.emit(i)};getGroupClasses(){return["sd-radio-group","sd-radio-group--"+this.direction].join(" ")}render(){return o("div",{key:"5f6559df018e48958103d0a84a0f074f81bd255a",class:this.getGroupClasses(),role:"radiogroup"},this.options.map((d=>o("sd-radio",{key:"radio-"+d.value,val:d.value+"",value:this.value+"",label:d.label,disabled:this.disabled||!!d.disabled,onSdUpdate:({detail:d})=>this.handleRadioChange(d)}))))}static get watchers(){return{value:[{valueChanged:0}]}}static get style(){return'sd-radio{display:inline-flex;width:fit-content;height:var(--sd-radio-line-height);line-height:0}sd-radio .sd-radio{cursor:pointer;display:inline-flex;align-items:center;gap:var(--sd-radio-gap);height:var(--sd-radio-line-height);max-height:var(--sd-radio-line-height)}sd-radio .sd-radio>input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}sd-radio .sd-radio>input:focus-visible+.sd-radio__circle{box-shadow:0 0 0 2px white, 0 0 0 4px var(--sd-radio-checked-border);outline:none}sd-radio .sd-radio__circle{position:relative;width:var(--sd-radio-size);height:var(--sd-radio-size);border-radius:50%;border:var(--sd-radio-border-width) solid var(--sd-radio-unchecked-border);box-sizing:border-box;background:var(--sd-radio-unchecked-bg);display:inline-flex;flex-shrink:0}sd-radio .sd-radio__label{font-size:var(--sd-radio-font-size);font-weight:var(--sd-radio-font-weight);color:var(--sd-radio-label-color);line-height:var(--sd-radio-line-height)}sd-radio .sd-radio:hover:not(.sd-radio--disabled) .sd-radio__circle{background:var(--sd-radio-unchecked-bg-hover);border-color:var(--sd-radio-unchecked-border-hover)}sd-radio .sd-radio--checked .sd-radio__circle{border-color:var(--sd-radio-checked-border)}sd-radio .sd-radio--checked .sd-radio__circle::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:var(--sd-radio-dot-size);height:var(--sd-radio-dot-size);border-radius:50%;background:var(--sd-radio-checked-dot)}sd-radio .sd-radio--disabled{cursor:not-allowed}sd-radio .sd-radio--disabled .sd-radio__circle{background:var(--sd-radio-disabled-bg);border-color:var(--sd-radio-disabled-border)}sd-radio .sd-radio--disabled.sd-radio--checked .sd-radio__circle::after{background:var(--sd-radio-disabled-dot)}sd-radio-group{display:inline-block}sd-radio-group .sd-radio-group{display:flex}sd-radio-group .sd-radio-group--vertical{flex-direction:column;gap:8px}sd-radio-group .sd-radio-group--horizontal{flex-direction:row;align-items:center;gap:20px}'}},[512,"sd-radio-group",{value:[1032],options:[1040],direction:[1],disabled:[4],groupName:[1,"group-name"]},void 0,{value:[{valueChanged:0}]}]),t=s,n=function(){"undefined"!=typeof customElements&&["sd-radio-group","sd-radio"].forEach((d=>{switch(d){case"sd-radio-group":customElements.get(e(d))||customElements.define(e(d),s);break;case"sd-radio":customElements.get(e(d))||a()}}))};export{t as SdRadioGroup,n as defineCustomElement}
+import{p as d,H as r,c as i,h as o,t as e}from"./p-CNAzAL53.js";import{d as a}from"./p-B3xZdEDI.js";const s=d(class extends r{constructor(d){super(),!1!==d&&this.__registerHost(),this.change=i(this,"sdUpdate",7)}value;options=[];direction="vertical";disabled=!1;groupName;change;valueChanged(d){this.value=d}handleRadioChange=d=>{if(this.disabled)return;const r=this.options.find((r=>r.value+""==d+"")),i=r?r.value:d;this.value=i,this.change?.emit(i)};getGroupClasses(){return["sd-radio-group","sd-radio-group--"+this.direction].join(" ")}render(){return o("div",{key:"5f6559df018e48958103d0a84a0f074f81bd255a",class:this.getGroupClasses(),role:"radiogroup"},this.options.map((d=>o("sd-radio",{key:"radio-"+d.value,val:d.value+"",value:this.value+"",label:d.label,disabled:this.disabled||!!d.disabled,onSdUpdate:({detail:d})=>this.handleRadioChange(d)}))))}static get watchers(){return{value:[{valueChanged:0}]}}static get style(){return'sd-radio{display:inline-flex;width:fit-content;height:var(--sd-radio-line-height);line-height:0}sd-radio .sd-radio{cursor:pointer;display:inline-flex;align-items:center;gap:var(--sd-radio-gap);height:var(--sd-radio-line-height);max-height:var(--sd-radio-line-height)}sd-radio .sd-radio>input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}sd-radio .sd-radio>input:focus-visible+.sd-radio__circle{box-shadow:0 0 0 2px white, 0 0 0 4px var(--sd-radio-checked-border);outline:none}sd-radio .sd-radio__circle{position:relative;width:var(--sd-radio-size);height:var(--sd-radio-size);border-radius:50%;border:var(--sd-radio-border-width) solid var(--sd-radio-unchecked-border);box-sizing:border-box;background:var(--sd-radio-unchecked-bg);display:inline-flex;flex-shrink:0}sd-radio .sd-radio__label{font-size:var(--sd-radio-font-size);font-weight:var(--sd-radio-font-weight);color:var(--sd-radio-label-color);line-height:var(--sd-radio-line-height)}sd-radio .sd-radio:hover:not(.sd-radio--disabled) .sd-radio__circle{background:var(--sd-radio-unchecked-bg-hover);border-color:var(--sd-radio-unchecked-border-hover)}sd-radio .sd-radio--checked .sd-radio__circle{border-color:var(--sd-radio-checked-border)}sd-radio .sd-radio--checked .sd-radio__circle::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:var(--sd-radio-dot-size);height:var(--sd-radio-dot-size);border-radius:50%;background:var(--sd-radio-checked-dot)}sd-radio .sd-radio--disabled{cursor:not-allowed}sd-radio .sd-radio--disabled .sd-radio__circle{background:var(--sd-radio-disabled-bg);border-color:var(--sd-radio-disabled-border)}sd-radio .sd-radio--disabled.sd-radio--checked .sd-radio__circle::after{background:var(--sd-radio-disabled-dot)}sd-radio-group{display:inline-block}sd-radio-group .sd-radio-group{display:flex}sd-radio-group .sd-radio-group--vertical{flex-direction:column;gap:8px}sd-radio-group .sd-radio-group--horizontal{flex-direction:row;align-items:center;gap:20px}'}},[512,"sd-radio-group",{value:[1032],options:[1040],direction:[1],disabled:[4],groupName:[1,"group-name"]},void 0,{value:[{valueChanged:0}]}]),t=s,n=function(){"undefined"!=typeof customElements&&["sd-radio-group","sd-radio"].forEach((d=>{switch(d){case"sd-radio-group":customElements.get(e(d))||customElements.define(e(d),s);break;case"sd-radio":customElements.get(e(d))||a()}}))};export{t as SdRadioGroup,n as defineCustomElement}

package/dist/components/sd-radio.js

@@ -1 +1 @@
-import{S as o,d as s}from"./p-CeHRQb7A.js";const p=o,r=s;export{p as SdRadio,r as defineCustomElement}
+import{S as o,d as s}from"./p-B3xZdEDI.js";const p=o,r=s;export{p as SdRadio,r as defineCustomElement}

package/dist/components/sd-select-dropdown.js

@@ -1 +1 @@
-import{S as o,d as s}from"./p-DM5vbfxB.js";const p=o,r=s;export{p as SdSelectDropdown,r as defineCustomElement}
+import{S as o,d as s}from"./p-DdPLfQ4q.js";const p=o,r=s;export{p as SdSelectDropdown,r as defineCustomElement}

package/dist/components/sd-select-group.js

@@ -1 +1 @@
-import{p as e,c as t,h as s,F as o,t as i}from"./p-C0VkfKIA.js";import{n as r}from"./p-CCwNgVmC.js";import{B as n}from"./p-BlqLear7.js";import{S as l}from"./p-Cy6HMEsK.js";import{d}from"./p-Csfk-CtX.js";import{d as a}from"./p-D6C4-apu.js";import{d as p}from"./p-CscUxW9p.js";import{d as h}from"./p-CU7IOtCw.js";import{d as c}from"./p-CoOl8zeX.js";import{d as u}from"./p-YgnF5oje.js";import{d as g}from"./p-B8XV0vD8.js";import{d as m}from"./p-Dmk-f7qn.js";import{d as f}from"./p-CLZ8NObl.js";import{d as w}from"./p-BfG60atH.js";import{d as b}from"./p-9HhG23Vy.js";const x=e(class extends n{constructor(e){super(!1),!1!==e&&this.__registerHost(),this.update=t(this,"sdUpdate",7),this.dropDownShow=t(this,"sdDropDownShow",7)}get el(){return this}value=null;options=[];placeholder="선택";optionPlaceholder="선택지가 없습니다.";width="200px";dropdownHeight="260px";autoFocus=!1;disabled=!1;clearable=!1;searchable=!1;label="";labelWidth="";addonLabel="";addonAlign="start";icon=void 0;labelTooltip="";labelTooltipProps=null;rules=[];error=!1;containerStyle={};triggerStyle={};dropdownStyle={};optionStyle={};labelStyle={};optionRenderer;filteredOptions=[];isOpen=!1;searchText=null;itemIndex=-1;isScrolled=!1;isDropdownReady=!1;update;dropDownShow;selectRef;searchRef;triggerRef;optionRef;dropdownRef;formField;dropDownWidth="200px";name=r();async sdOpen(){await new Promise((e=>setTimeout(e,0))),this.isOpen=!0}async sdValidate(){this.formField?.sdValidate()}async sdReset(){this.formField?.sdReset()}async sdResetValidate(){this.formField?.sdResetValidation()}async sdFocus(){this.formField?.sdFocus()}optionsChanged(){this.filteredOptions=this.options,this.filterOptions()}searchTextChanged(){this.filterOptions()}async itemIndexChanged(e,t){if(this.searchable){const e=await this.getNativeInputElement();if(-1===this.itemIndex)return void e?.focus({preventScroll:!0});e?.matches(":focus")&&e?.blur()}const s=Array.from(this.dropdownRef?.querySelectorAll("sd-select-option-group")||[]),o=s?.[this.itemIndex];o&&this.isOpen&&(this.optionRef=o,await this.optionRef.isDisabled()?e>t?this.itemIndex++:this.itemIndex--:this.scrollToOption(o))}async isOpenChanged(){this.onDropdownToggle(this.isOpen),this.dropDownShow?.emit({isOpen:this.isOpen}),this.isDropdownReady=!1,!1!==this.isOpen?requestAnimationFrame((()=>{requestAnimationFrame((async()=>{const e=this.getSelectedOption();if(e){const t=this.filteredOptions.indexOf(e),s=Array.from(this.dropdownRef?.querySelectorAll("sd-select-option-group")||[]),o=Math.min(t+4,s.length-1),i=s?.[o];i&&this.scrollToOption(i)}if(this.isDropdownReady=!0,this.searchable){const e=await this.getNativeInputElement();e&&requestAnimationFrame((()=>{e.focus({preventScroll:!0})}))}}))})):await(this.formField?.sdValidate())}componentWillLoad(){this.filteredOptions=this.options,this.dropDownWidth=this.width,this.initializeEvent()}componentDidLoad(){this.autoFocus&&this.selectRef?.focus()}componentDidRender(){const e=this.triggerRef,t=e?.getBoundingClientRect();this.dropDownWidth=t?.width?t.width+"px":this.width}disconnectedCallback(){this.cleanupEvent()}handleDocumentClick(e){this.selectRef?.contains(e.target)||(this.isOpen=!1)}handleDocumentKeydown(e){if(e.stopPropagation(),["ArrowDown","ArrowUp","Enter","Escape"].includes(e.key))switch(e.preventDefault(),e.key){case"ArrowDown":case"ArrowUp":const t=new l(this.searchable,this.filteredOptions).getNextIndex(this.itemIndex,e.key);this.itemIndex=t;break;case"Enter":const s=this.filteredOptions[this.itemIndex];s&&!s.disabled&&"item"===s.type&&this.handleOptionSelection(s);break;case"Escape":this.isOpen=!1}}handleTriggerClick=e=>{e.stopPropagation(),this.disabled||(this.isOpen=!this.isOpen,this.dropDownShow?.emit({isOpen:this.isOpen}))};handleOptionClick=e=>{const{option:t,event:s}=e;s.stopPropagation(),"item"===t.type&&this.handleOptionSelection(t)};filterOptions(){if(!this.searchText||""===this.searchText.trim())return void(this.filteredOptions=this.options);const e=this.searchText.toLowerCase(),t=new Set;this.options.forEach((s=>{s.label.toLowerCase().includes(e)&&(t.add(s),this.addParentGroups(s,t))})),this.filteredOptions=this.options.filter((e=>t.has(e)))}addParentGroups(e,t){if(!e.parent)return;const s=this.options.find((t=>t.value===e.parent));s&&!t.has(s)&&(t.add(s),this.addParentGroups(s,t))}getSelectedOption(){return this.options.find((e=>e.value===this.value))}handleDropdownScroll=e=>{this.isScrolled=e.target.scrollTop>0};async getNativeInputElement(){return this.searchRef?this.searchRef.sdGetNativeElement():null}handleOptionSelection=e=>{if(!e||e.disabled)return;this.value=e.value,this.isOpen=!1;const t=this.getSelectedOption();this.update?.emit({value:t?.value||null,option:t||null})};closeDropdown(){this.isOpen=!1}async scrollToOption(e){this.dropdownRef&&e&&requestAnimationFrame((()=>{const t=this.dropdownRef,s=e.offsetTop,o=e.offsetHeight,i=t.scrollTop,r=t.clientHeight,n=t.querySelector(".sd-select-group__search-container"),l=n?n.offsetHeight:0,d=r-l,a=i+r;s<i+l?t.scrollTo({top:s-l,behavior:"instant"}):s+o>a&&t.scrollTo({top:s+o-d-l,behavior:"instant"})}))}render(){return s("sd-field",{key:"698b76ed0785f475a099fac99e3564b20c252c01",label:this.label,labelWidth:this.labelWidth,name:this.name,rules:this.rules,error:this.error,disabled:this.disabled,icon:this.icon,addonLabel:this.addonLabel,addonAlign:this.addonAlign,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:e=>this.formField=e,style:{"--field-width":this.width||"200px"}},s("div",{key:"aa449fda5e32d0519792dc2e713d3c59658c86fa",class:{"sd-select-group":!0,"sd-select-group--open":this.isOpen,"sd-select-group--disabled":this.disabled,"sd-select-group--label":!!this.label},ref:e=>this.selectRef=e},this.renderTrigger(),this.renderDropdown()))}renderTrigger(){const e=this.getSelectedOption();return s("div",{class:"sd-select-group__trigger",tabindex:this.disabled?-1:0,onClick:this.handleTriggerClick,style:this.triggerStyle,ref:e=>this.triggerRef=e},s("span",{class:"sd-select-group__value"},e?e.label:this.placeholder),this.clearable&&e&&!this.disabled&&s("sd-icon",{key:"close-icon",name:"close",size:10,color:"grey_65",class:"sd-select-group__clear",onClick:async e=>{e.stopPropagation(),this.value=null,this.update?.emit({value:null,option:null}),await(this.formField?.sdValidate())}}),s("sd-icon",{key:"arrow-icon",name:"arrowDown",color:"grey_65",class:{"sd-select-group__arrow":!0,"sd-select-group__arrow--open":this.isOpen}}))}renderDropdown(){return!1===this.isOpen?null:s("sd-portal",{open:this.isOpen,parentRef:this.selectRef,onSdClose:this.closeDropdown},s("div",{style:{width:"0",height:"0",overflow:"visible"}},s("div",{class:{"sd-select-group__dropdown":!0,"sd-select-group__dropdown--ready":this.isDropdownReady},style:{"--select-width":this.dropDownWidth||"200px","--select-dropdown-height":this.dropdownHeight||"260px",...this.dropdownStyle},onScroll:this.handleDropdownScroll,ref:e=>this.dropdownRef=e},this.searchable&&s("sd-select-search-input",{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?s(o,null,this.filteredOptions.map(((e,t)=>s("slot",{name:"option-"+e.value},s("sd-select-option-group",{option:e,index:t,isSelected:"item"===e.type&&e.value===this.value,isFocused:t===this.itemIndex,optionStyle:this.optionStyle,onOptionClick:({detail:t})=>{"item"===e.type&&this.handleOptionClick(t)},useCheckbox:!1,useIndicator:!1}))))):s("slot",{name:"option-placeholder"},s("div",{class:"sd-select-group__option-placeholder",style:this.optionStyle},this.optionPlaceholder)))))}static get watchers(){return{options:[{optionsChanged:0}],searchText:[{searchTextChanged:0}],itemIndex:[{itemIndexChanged:0}],isOpen:[{isOpenChanged:0}]}}static get style(){return".sd-select-group__dropdown .sd-select-group__option-placeholder{height:48px;display:flex;align-items:center;padding:8px 16px;font-size:12px;line-height:0;text-align:left;color:#888888}sd-select-group{display:inline-flex;flex-flow:column nowrap;width:fit-content;height:fit-content}sd-select-group:focus,sd-select-group:focus-visible,sd-select-group:focus-within{outline:none !important}sd-select-group .sd-select-group{width:100%}sd-select-group .sd-select-group .sd-select-group__trigger{padding:4px 28px 4px 12px;display:flex;width:100%;height:100%;align-items:center;cursor:pointer}.sd-field--disabled sd-select-group .sd-select-group .sd-select-group__trigger{cursor:not-allowed}sd-select-group .sd-select-group .sd-select-group__trigger .sd-select-group__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px;font-size:12px;font-weight:400;text-align:left}sd-select-group .sd-select-group .sd-select-group__trigger .sd-select-group__clear{margin:0 4px;width:8px;height:8px;background-color:transparent;outline:none;border:none}sd-select-group .sd-select-group .sd-select-group__arrow{position:absolute;top:8px;right:8px;width:12px;height:12px;color:#888888;transition:transform 0.3s ease}sd-select-group .sd-select-group .sd-select-group__arrow--open{transform:rotate(180deg)}.sd-select-group__dropdown{overflow:auto;width:var(--select-width, 200px);max-height:var(--select-dropdown-height, 260px);padding-bottom:2px;background-color:white;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.1);border-radius:4px;overflow-y:auto;color:#333333;opacity:0.5;transition:opacity 0.15s ease-in}.sd-select-group__dropdown--ready{opacity:1}"}},[772,"sd-select-group",{value:[1032],options:[1040],placeholder:[1],optionPlaceholder:[1,"option-placeholder"],width:[1],dropdownHeight:[1,"dropdown-height"],autoFocus:[4,"auto-focus"],disabled:[4],clearable:[4],searchable:[4],label:[1],labelWidth:[8,"label-width"],addonLabel:[1,"addon-label"],addonAlign:[1,"addon-align"],icon:[16],labelTooltip:[1,"label-tooltip"],labelTooltipProps:[16],rules:[16],error:[4],containerStyle:[16],triggerStyle:[16],dropdownStyle:[16],optionStyle:[16],labelStyle:[16],optionRenderer:[16],filteredOptions:[32],isOpen:[32],searchText:[32],itemIndex:[32],isScrolled:[32],isDropdownReady:[32],sdOpen:[64],sdValidate:[64],sdReset:[64],sdResetValidate:[64],sdFocus:[64]},void 0,{options:[{optionsChanged:0}],searchText:[{searchTextChanged:0}],itemIndex:[{itemIndexChanged:0}],isOpen:[{isOpenChanged:0}]}]),y=x,_=function(){"undefined"!=typeof customElements&&["sd-select-group","sd-button","sd-checkbox","sd-field","sd-floating-portal","sd-ghost-button","sd-icon","sd-input","sd-portal","sd-select-option-group","sd-select-search-input","sd-tooltip"].forEach((e=>{switch(e){case"sd-select-group":customElements.get(i(e))||customElements.define(i(e),x);break;case"sd-button":customElements.get(i(e))||d();break;case"sd-checkbox":customElements.get(i(e))||a();break;case"sd-field":customElements.get(i(e))||p();break;case"sd-floating-portal":customElements.get(i(e))||h();break;case"sd-ghost-button":customElements.get(i(e))||c();break;case"sd-icon":customElements.get(i(e))||u();break;case"sd-input":customElements.get(i(e))||g();break;case"sd-portal":customElements.get(i(e))||m();break;case"sd-select-option-group":customElements.get(i(e))||f();break;case"sd-select-search-input":customElements.get(i(e))||w();break;case"sd-tooltip":customElements.get(i(e))||b()}}))};export{y as SdSelectGroup,_ as defineCustomElement}
+import{p as e,c as t,h as s,F as o,t as i}from"./p-CNAzAL53.js";import{n as r}from"./p-CCwNgVmC.js";import{B as n}from"./p-Btx5sC7s.js";import{S as l}from"./p-Cy6HMEsK.js";import{d}from"./p-BZm6KN1s.js";import{d as a}from"./p-BZc6lwGD.js";import{d as p}from"./p-Bp0B8tcl.js";import{d as h}from"./p-BM0sVq5Z.js";import{d as c}from"./p-Bbs5Ws0k.js";import{d as u}from"./p-DaAhgdib.js";import{d as g}from"./p-BC1rdUkh.js";import{d as m}from"./p-iAWNMLXh.js";import{d as w}from"./p-DBex-RJU.js";import{d as f}from"./p-BH5mLw-t.js";import{d as b}from"./p-CTwEbxRN.js";const x=e(class extends n{constructor(e){super(!1),!1!==e&&this.__registerHost(),this.update=t(this,"sdUpdate",7),this.dropDownShow=t(this,"sdDropDownShow",7)}get el(){return this}value=null;options=[];placeholder="선택";optionPlaceholder="선택지가 없습니다.";width="200px";dropdownHeight="260px";autoFocus=!1;disabled=!1;clearable=!1;searchable=!1;label="";labelWidth="";addonLabel="";addonAlign="start";icon=void 0;labelTooltip="";labelTooltipProps=null;rules=[];error=!1;containerStyle={};triggerStyle={};dropdownStyle={};optionStyle={};labelStyle={};optionRenderer;filteredOptions=[];isOpen=!1;searchText=null;itemIndex=-1;isScrolled=!1;isDropdownReady=!1;update;dropDownShow;selectRef;searchRef;triggerRef;optionRef;dropdownRef;formField;dropDownWidth="200px";name=r();async sdOpen(){await new Promise((e=>setTimeout(e,0))),this.isOpen=!0}async sdValidate(){this.formField?.sdValidate()}async sdReset(){this.formField?.sdReset()}async sdResetValidate(){this.formField?.sdResetValidation()}async sdFocus(){this.formField?.sdFocus()}optionsChanged(){this.filteredOptions=this.options,this.filterOptions()}searchTextChanged(){this.filterOptions()}async itemIndexChanged(e,t){if(this.searchable){const e=await this.getNativeInputElement();if(-1===this.itemIndex)return void e?.focus({preventScroll:!0});e?.matches(":focus")&&e?.blur()}const s=Array.from(this.dropdownRef?.querySelectorAll("sd-select-option-group")||[]),o=s?.[this.itemIndex];o&&this.isOpen&&(this.optionRef=o,await this.optionRef.isDisabled()?e>t?this.itemIndex++:this.itemIndex--:this.scrollToOption(o))}async isOpenChanged(){this.onDropdownToggle(this.isOpen),this.dropDownShow?.emit({isOpen:this.isOpen}),this.isDropdownReady=!1,!1!==this.isOpen?requestAnimationFrame((()=>{requestAnimationFrame((async()=>{const e=this.getSelectedOption();if(e){const t=this.filteredOptions.indexOf(e),s=Array.from(this.dropdownRef?.querySelectorAll("sd-select-option-group")||[]),o=Math.min(t+4,s.length-1),i=s?.[o];i&&this.scrollToOption(i)}if(this.isDropdownReady=!0,this.searchable){const e=await this.getNativeInputElement();e&&requestAnimationFrame((()=>{e.focus({preventScroll:!0})}))}}))})):await(this.formField?.sdValidate())}componentWillLoad(){this.filteredOptions=this.options,this.dropDownWidth=this.width,this.initializeEvent()}componentDidLoad(){this.autoFocus&&this.selectRef?.focus()}componentDidRender(){const e=this.triggerRef,t=e?.getBoundingClientRect();this.dropDownWidth=t?.width?t.width+"px":this.width}disconnectedCallback(){this.cleanupEvent()}handleDocumentClick(e){this.selectRef?.contains(e.target)||(this.isOpen=!1)}handleDocumentKeydown(e){if(e.stopPropagation(),["ArrowDown","ArrowUp","Enter","Escape"].includes(e.key))switch(e.preventDefault(),e.key){case"ArrowDown":case"ArrowUp":const t=new l(this.searchable,this.filteredOptions).getNextIndex(this.itemIndex,e.key);this.itemIndex=t;break;case"Enter":const s=this.filteredOptions[this.itemIndex];s&&!s.disabled&&"item"===s.type&&this.handleOptionSelection(s);break;case"Escape":this.isOpen=!1}}handleTriggerClick=e=>{e.stopPropagation(),this.disabled||(this.isOpen=!this.isOpen,this.dropDownShow?.emit({isOpen:this.isOpen}))};handleOptionClick=e=>{const{option:t,event:s}=e;s.stopPropagation(),"item"===t.type&&this.handleOptionSelection(t)};filterOptions(){if(!this.searchText||""===this.searchText.trim())return void(this.filteredOptions=this.options);const e=this.searchText.toLowerCase(),t=new Set;this.options.forEach((s=>{s.label.toLowerCase().includes(e)&&(t.add(s),this.addParentGroups(s,t))})),this.filteredOptions=this.options.filter((e=>t.has(e)))}addParentGroups(e,t){if(!e.parent)return;const s=this.options.find((t=>t.value===e.parent));s&&!t.has(s)&&(t.add(s),this.addParentGroups(s,t))}getSelectedOption(){return this.options.find((e=>e.value===this.value))}handleDropdownScroll=e=>{this.isScrolled=e.target.scrollTop>0};async getNativeInputElement(){return this.searchRef?this.searchRef.sdGetNativeElement():null}handleOptionSelection=e=>{if(!e||e.disabled)return;this.value=e.value,this.isOpen=!1;const t=this.getSelectedOption();this.update?.emit({value:t?.value||null,option:t||null})};closeDropdown(){this.isOpen=!1}async scrollToOption(e){this.dropdownRef&&e&&requestAnimationFrame((()=>{const t=this.dropdownRef,s=e.offsetTop,o=e.offsetHeight,i=t.scrollTop,r=t.clientHeight,n=t.querySelector(".sd-select-group__search-container"),l=n?n.offsetHeight:0,d=r-l,a=i+r;s<i+l?t.scrollTo({top:s-l,behavior:"instant"}):s+o>a&&t.scrollTo({top:s+o-d-l,behavior:"instant"})}))}render(){return s("sd-field",{key:"d4d80ad428cc1eb5a1d6878354c213bd25ea944a",label:this.label,labelWidth:this.labelWidth,name:this.name,rules:this.rules,error:this.error,disabled:this.disabled,icon:this.icon,addonLabel:this.addonLabel,addonAlign:this.addonAlign,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:e=>this.formField=e,style:{"--field-width":this.width||"200px"}},s("div",{key:"1f9a8c1c9e34635ce7c1f91fc8d456b84a668c63",class:{"sd-select-group":!0,"sd-select-group--open":this.isOpen,"sd-select-group--disabled":this.disabled,"sd-select-group--label":!!this.label},ref:e=>this.selectRef=e},this.renderTrigger(),this.renderDropdown()))}renderTrigger(){const e=this.getSelectedOption();return s("div",{class:"sd-select-group__trigger",tabindex:this.disabled?-1:0,onClick:this.handleTriggerClick,style:this.triggerStyle,ref:e=>this.triggerRef=e},s("span",{class:"sd-select-group__value"},e?e.label:this.placeholder),this.clearable&&e&&!this.disabled&&s("sd-icon",{key:"close-icon",name:"close",size:10,color:"grey_65",class:"sd-select-group__clear",onClick:async e=>{e.stopPropagation(),this.value=null,this.update?.emit({value:null,option:null}),await(this.formField?.sdValidate())}}),s("sd-icon",{key:"arrow-icon",name:"arrowDown",color:"grey_65",class:{"sd-select-group__arrow":!0,"sd-select-group__arrow--open":this.isOpen}}))}renderDropdown(){return!1===this.isOpen?null:s("sd-portal",{open:this.isOpen,parentRef:this.selectRef,onSdClose:this.closeDropdown},s("div",{style:{width:"0",height:"0",overflow:"visible"}},s("div",{class:{"sd-select-group__dropdown":!0,"sd-select-group__dropdown--ready":this.isDropdownReady},style:{"--select-width":this.dropDownWidth||"200px","--select-dropdown-height":this.dropdownHeight||"260px",...this.dropdownStyle},onScroll:this.handleDropdownScroll,ref:e=>this.dropdownRef=e},this.searchable&&s("sd-select-search-input",{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?s(o,null,this.filteredOptions.map(((e,t)=>s("slot",{name:"option-"+e.value},s("sd-select-option-group",{option:e,index:t,isSelected:"item"===e.type&&e.value===this.value,isFocused:t===this.itemIndex,optionStyle:this.optionStyle,onOptionClick:({detail:t})=>{"item"===e.type&&this.handleOptionClick(t)},useCheckbox:!1,useIndicator:!1}))))):s("slot",{name:"option-placeholder"},s("div",{class:"sd-select-group__option-placeholder",style:this.optionStyle},this.optionPlaceholder)))))}static get watchers(){return{options:[{optionsChanged:0}],searchText:[{searchTextChanged:0}],itemIndex:[{itemIndexChanged:0}],isOpen:[{isOpenChanged:0}]}}static get style(){return".sd-select-group__dropdown .sd-select-group__option-placeholder{height:48px;display:flex;align-items:center;padding:8px 16px;font-size:12px;line-height:0;text-align:left;color:#888888}sd-select-group{display:inline-flex;flex-flow:column nowrap;width:fit-content;height:fit-content}sd-select-group:focus,sd-select-group:focus-visible,sd-select-group:focus-within{outline:none !important}sd-select-group .sd-select-group{width:100%}sd-select-group .sd-select-group .sd-select-group__trigger{padding:4px 28px 4px 12px;display:flex;width:100%;height:100%;align-items:center;cursor:pointer}.sd-field--disabled sd-select-group .sd-select-group .sd-select-group__trigger{cursor:not-allowed}sd-select-group .sd-select-group .sd-select-group__trigger .sd-select-group__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px;font-size:12px;font-weight:400;text-align:left}sd-select-group .sd-select-group .sd-select-group__trigger .sd-select-group__clear{margin:0 4px;width:8px;height:8px;background-color:transparent;outline:none;border:none}sd-select-group .sd-select-group .sd-select-group__arrow{position:absolute;top:8px;right:8px;width:12px;height:12px;color:#888888;transition:transform 0.3s ease}sd-select-group .sd-select-group .sd-select-group__arrow--open{transform:rotate(180deg)}.sd-select-group__dropdown{overflow:auto;width:var(--select-width, 200px);max-height:var(--select-dropdown-height, 260px);padding-bottom:2px;background-color:white;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.1);border-radius:4px;overflow-y:auto;color:#333333;opacity:0.5;transition:opacity 0.15s ease-in}.sd-select-group__dropdown--ready{opacity:1}"}},[772,"sd-select-group",{value:[1032],options:[1040],placeholder:[1],optionPlaceholder:[1,"option-placeholder"],width:[1],dropdownHeight:[1,"dropdown-height"],autoFocus:[4,"auto-focus"],disabled:[4],clearable:[4],searchable:[4],label:[1],labelWidth:[8,"label-width"],addonLabel:[1,"addon-label"],addonAlign:[1,"addon-align"],icon:[16],labelTooltip:[1,"label-tooltip"],labelTooltipProps:[16],rules:[16],error:[4],containerStyle:[16],triggerStyle:[16],dropdownStyle:[16],optionStyle:[16],labelStyle:[16],optionRenderer:[16],filteredOptions:[32],isOpen:[32],searchText:[32],itemIndex:[32],isScrolled:[32],isDropdownReady:[32],sdOpen:[64],sdValidate:[64],sdReset:[64],sdResetValidate:[64],sdFocus:[64]},void 0,{options:[{optionsChanged:0}],searchText:[{searchTextChanged:0}],itemIndex:[{itemIndexChanged:0}],isOpen:[{isOpenChanged:0}]}]),y=x,_=function(){"undefined"!=typeof customElements&&["sd-select-group","sd-button","sd-checkbox","sd-field","sd-floating-portal","sd-ghost-button","sd-icon","sd-input","sd-portal","sd-select-option-group","sd-select-search-input","sd-tooltip"].forEach((e=>{switch(e){case"sd-select-group":customElements.get(i(e))||customElements.define(i(e),x);break;case"sd-button":customElements.get(i(e))||d();break;case"sd-checkbox":customElements.get(i(e))||a();break;case"sd-field":customElements.get(i(e))||p();break;case"sd-floating-portal":customElements.get(i(e))||h();break;case"sd-ghost-button":customElements.get(i(e))||c();break;case"sd-icon":customElements.get(i(e))||u();break;case"sd-input":customElements.get(i(e))||g();break;case"sd-portal":customElements.get(i(e))||m();break;case"sd-select-option-group":customElements.get(i(e))||w();break;case"sd-select-search-input":customElements.get(i(e))||f();break;case"sd-tooltip":customElements.get(i(e))||b()}}))};export{y as SdSelectGroup,_ as defineCustomElement}