@sellmate/design-system 1.0.75 → 1.0.77

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

@@ -1 +1 @@
-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-DQfNwvwx.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}
+import{p as s,H as t,h as e,t as o}from"./p-Bm8Fue-a.js";import{u as a,r as i,s as n,i as d,a as r}from"./p-DRVnqiWc.js";import{d as l}from"./p-C52iEAqd.js";import{d as c}from"./p-D2FOkhao.js";import{d as m}from"./p-mqa9-iql.js";import{d as h}from"./p-DK3vj3bG.js";import{d as u}from"./p-BynnUMVZ.js";import{d as p}from"./p-ZLsQA11g.js";import{d as b}from"./p-CkgQbCMR.js";let f=0;const g=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost()}get el(){return this}autoRemove=!1;entries=[];layerRefs=new Map;async open(s,t){const e="modal-"+ ++f,o=this.createConfirmModal(e,s);return this.attachModalEventListeners(e,o),this.mountEntry({id:e,modalEl:o,modalRef:t,persistent:!!s.persistent,closing:!1,backdropVisible:!1}),e}async openLoading(s,t){const e="modal-"+ ++f,o=this.createLoadingModal(e,s);return this.attachLoadingModalEventListeners(e,o),this.mountEntry({id:e,modalEl:o,modalRef:t,persistent:!!s.persistent,closing:!1,backdropVisible:!1}),e}async createCustom(s,t,e){const o="modal-"+ ++f;return s.setAttribute("data-modal-id",o),s.classList.add("sd-modal-container__modal"),this.attachModalEventListeners(o,s),this.mountEntry({id:o,modalEl:s,modalRef:e,persistent:!!t.persistent,closing:!1,backdropVisible:!1}),o}componentDidRender(){if(Array.isArray(this.entries))for(const s of this.entries){if(s.closing||s.modalEl.isConnected)continue;const t=this.layerRefs.get(s.id);if(!t)continue;const{id:e,modalEl:o}=s;t.appendChild(o),this.waitForModalReady(o).then((()=>{requestAnimationFrame((()=>{const s=this.entries.find((s=>s.id===e));s&&!s.closing&&o.isConnected&&(this.entries=this.entries.map((s=>s.id===e?{...s,backdropVisible:!0}:s)),o.classList.add("sd-modal-container__modal--visible"))}))}))}}disconnectedCallback(){for(const s of this.entries??[])s.dismissTimerId&&clearTimeout(s.dismissTimerId),a(s.id)}async dismissById(s,t){this.entries.find((t=>t.id===s))&&this.requestDismiss(s,t)}async update(s,t){const e=this.entries.find((t=>t.id===s&&!t.closing));e&&("sd-loading-modal"!==e.modalEl.tagName.toLowerCase()?this.applyProps(e.modalEl,t):this.applyLoadingProps(e.modalEl,t))}mountEntry(s){this.entries=[...this.entries??[],s],i({id:s.id,persistent:s.persistent,requestClose:()=>this.dispatchClose(s.id),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(s,"confirm"))),t.addEventListener("sdCancel",(()=>this.requestDismiss(s,"cancel"))),t.addEventListener("sdClose",(()=>this.requestDismiss(s,"close")))}attachLoadingModalEventListeners(s,t){t.addEventListener("sdClick",(()=>{const t=this.entries.find((t=>t.id===s));t?.modalRef._triggerClick?.()}))}dispatchClose(s){const t=this.entries.find((t=>t.id===s));t?.modalEl.dispatchEvent(new CustomEvent("sdClose"))}requestDismiss(s,t){const e=this.entries.find((t=>t.id===s));if(!e||e.closing)return;e.modalEl.classList.remove("sd-modal-container__modal--visible");const o=setTimeout((()=>{this.finalizeDismiss(s)}),350);n(s,!1),this.entries=(this.entries??[]).map((t=>t.id===s?{...t,closing:!0,dismissTimerId:o,backdropVisible:!1}:t)),"confirm"===t?e.modalRef._triggerOk():"cancel"===t?e.modalRef._triggerCancel():"close"===t&&e.modalRef._triggerClose()}finalizeDismiss(s){const t=this.entries.find((t=>t.id===s));t&&(t.dismissTimerId&&clearTimeout(t.dismissTimerId),t.modalEl.remove(),a(s),t.modalRef._triggerDismissed(),this.layerRefs.delete(s),this.entries=(this.entries??[]).filter((t=>t.id!==s)),this.autoRemove&&0===this.entries.length&&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")&&(Array.isArray(t.message)?s.message=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(s){d(s)&&r(s)}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.entries?.length?e("div",{class:"sd-modal-container"},this.entries.map(((s,t)=>e("div",{key:s.id,class:"sd-modal-container__layer",style:{zIndex:t+1+""},"data-modal-id":s.id,ref:t=>{t&&this.layerRefs.set(s.id,t)}},e("div",{class:{"sd-modal-container__backdrop":!0,"sd-modal-container__backdrop--visible":s.backdropVisible},onClick:()=>this.handleBackdropClick(s.id)}))))):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"],entries:[32],open:[64],openLoading:[64],createCustom:[64],dismissById:[64],update:[64]}]),k=g,y=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(o(s))||customElements.define(o(s),g);break;case"sd-button-v2":customElements.get(o(s))||l();break;case"sd-circle-progress":customElements.get(o(s))||c();break;case"sd-confirm-modal":customElements.get(o(s))||m();break;case"sd-ghost-button":customElements.get(o(s))||h();break;case"sd-icon":customElements.get(o(s))||u();break;case"sd-loading-modal":customElements.get(o(s))||p();break;case"sd-tag":customElements.get(o(s))||b()}}))};export{k as SdModalContainer,y 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-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:"a62a0abbef4e817173d3e627d61c36523c2db81a",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:"d395366da25ef5ab333e4b314093a89e41519786",class:"sd-number-input__content"},this.useButton&&i("button",{key:"eb97c4c29165e6237064bbce54ea2031c756fe12",type:"button",class:"sd-number-input__stepper sd-number-input__stepper--decrement",disabled:this.isDecrementDisabled(),onClick:this.handleDecrement,tabindex:-1},i("sd-icon",{key:"7cd260e4356d320825a75350982174446b40e15c",name:"minus",size:e,color:this.isDecrementDisabled()?f.icon.disabled:f.icon.default})),this.inputPrefix&&i("span",{key:"a25c707b127f63239dbb92be5e9d569e1be58005",class:"sd-number-input__prefix"},this.inputPrefix),i("input",{key:"0dc0864a4434122a717041028c732aa5d370f65c",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:"d31337cdacceb84ee6347a2c38210ad491667d2c",class:"sd-number-input__suffix"},this.inputSuffix),this.useButton&&i("button",{key:"217fcbc2b75e76adb0ed969a719e632b5eb74b27",type:"button",class:"sd-number-input__stepper sd-number-input__stepper--increment",disabled:this.isIncrementDisabled(),onClick:this.handleIncrement,tabindex:-1},i("sd-icon",{key:"48ff6d0417aadcd975a6863a0003e63ca525cdfd",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],name:[1],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-Bm8Fue-a.js";import{n as r}from"./p-CCwNgVmC.js";import{d}from"./p-RpjjrX78.js";import{d as u}from"./p-BM_PRj8W.js";import{d as a}from"./p-ZH78tQXS.js";import{d as o}from"./p-BynnUMVZ.js";import{d as l}from"./p-BEOrkEV1.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:"7f4012ec048ab69f3c6b241c7fc103fd798572ca",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:"975c0800b1fd6e4ab3502fc966db8917fe60bb3e",class:"sd-number-input__content"},this.useButton&&i("button",{key:"f2a630109b883740362dd2946ceeeaa93bbfeb36",type:"button",class:"sd-number-input__stepper sd-number-input__stepper--decrement",disabled:this.isDecrementDisabled(),onClick:this.handleDecrement,tabindex:-1},i("sd-icon",{key:"dcd539c5035b1363edacadf7ed9c1096ef24714a",name:"minus",size:e,color:this.isDecrementDisabled()?f.icon.disabled:f.icon.default})),this.inputPrefix&&i("span",{key:"5acf113c5e60dd5f77fb1206a60d4b5ce14e2b7f",class:"sd-number-input__prefix"},this.inputPrefix),i("input",{key:"5dd0f9ba9643fce07de811b2a93c8763a3d84b2c",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:"aa7e4dbb29d7e8de4e94f0411f2f4b622411a60a",class:"sd-number-input__suffix"},this.inputSuffix),this.useButton&&i("button",{key:"40deeadfcfe87cb61f09ee2959b6afb5757ff56b",type:"button",class:"sd-number-input__stepper sd-number-input__stepper--increment",disabled:this.isIncrementDisabled(),onClick:this.handleIncrement,tabindex:-1},i("sd-icon",{key:"b8ffcbbf663bacb7249e696d3eabf8b9ac832ddc",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],name:[1],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-BLwIhCdO.js";const p=o,r=s;export{p as SdPagination,r as defineCustomElement}
+import{S as o,d as s}from"./p-BfoLbEZx.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-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}
+import{p as s,H as t,c as e,h as o,F as a,t as i}from"./p-Bm8Fue-a.js";import{T as n}from"./p-eGToaKCt.js";import{d as c}from"./p-RpjjrX78.js";import{d as l}from"./p-ZH78tQXS.js";import{d as r}from"./p-DK3vj3bG.js";import{d}from"./p-BynnUMVZ.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",r=this.menuClass??"",d=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,[r]:!!r},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),d.length>0&&o("div",{key:"ba15bb4efc4af37dd89b0da61539f516cc31a2f3",class:"sd-floating-menu__messages"},d.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))||r();break;case"sd-icon":customElements.get(i(s))||d()}}))};export{u as SdPopover,f as defineCustomElement}

package/dist/components/sd-portal.js

@@ -1 +1 @@
-import{S as o,d as s}from"./p-iAWNMLXh.js";const p=o,r=s;export{p as SdPortal,r as defineCustomElement}
+import{S as o,d as s}from"./p-CJqZcEqD.js";const p=o,r=s;export{p as SdPortal,r 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-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}
+import{p as t,H as o,c as e,h as d,t as i}from"./p-Bm8Fue-a.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;componentWillLoad(){this.size??="sm",this.options??=[],this.disabled??=!1}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:"fbc0246d9cf615956121295e29bf8c702ee73edc",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-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}
+import{p as d,H as r,c as i,h as o,t as e}from"./p-Bm8Fue-a.js";import{d as a}from"./p-CQy5JErK.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-B3xZdEDI.js";const p=o,r=s;export{p as SdRadio,r as defineCustomElement}
+import{S as o,d as r}from"./p-CQy5JErK.js";const s=o,p=r;export{s as SdRadio,p as defineCustomElement}

package/dist/components/sd-select-list-item-search.d.ts

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

package/dist/components/sd-select-list-item-search.js

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

package/dist/components/{sd-select-multiple.d.ts → sd-select-list-item.d.ts}

@@ -1,9 +1,9 @@
 import type { Components, JSX } from "../types/components";
 
-interface SdSelectMultiple extends Components.SdSelectMultiple, HTMLElement {}
-export const SdSelectMultiple: {
-    prototype: SdSelectMultiple;
-    new (): SdSelectMultiple;
+interface SdSelectListItem extends Components.SdSelectListItem, HTMLElement {}
+export const SdSelectListItem: {
+    prototype: SdSelectListItem;
+    new (): SdSelectListItem;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/sd-select-list-item.js

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

package/dist/components/{sd-select-option.d.ts → sd-select-listbox.d.ts}

@@ -1,9 +1,9 @@
 import type { Components, JSX } from "../types/components";
 
-interface SdSelectOption extends Components.SdSelectOption, HTMLElement {}
-export const SdSelectOption: {
-    prototype: SdSelectOption;
-    new (): SdSelectOption;
+interface SdSelectListbox extends Components.SdSelectListbox, HTMLElement {}
+export const SdSelectListbox: {
+    prototype: SdSelectListbox;
+    new (): SdSelectListbox;
 };
 /**
  * Used to define this component and all nested components recursively.

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

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

package/dist/components/{sd-select-group.d.ts → sd-select-trigger.d.ts}

@@ -1,9 +1,9 @@
 import type { Components, JSX } from "../types/components";
 
-interface SdSelectGroup extends Components.SdSelectGroup, HTMLElement {}
-export const SdSelectGroup: {
-    prototype: SdSelectGroup;
-    new (): SdSelectGroup;
+interface SdSelectTrigger extends Components.SdSelectTrigger, HTMLElement {}
+export const SdSelectTrigger: {
+    prototype: SdSelectTrigger;
+    new (): SdSelectTrigger;
 };
 /**
  * Used to define this component and all nested components recursively.

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

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

package/dist/components/sd-select.js

@@ -1 +1 @@
-import{p as s,c as e,h as t,t as i}from"./p-CNAzAL53.js";import{B as o}from"./p-Btx5sC7s.js";import{S as l}from"./p-Cy6HMEsK.js";import{n as d}from"./p-CCwNgVmC.js";import{d as n}from"./p-BZm6KN1s.js";import{d as r}from"./p-BZc6lwGD.js";import{d as a}from"./p-Bp0B8tcl.js";import{d as c}from"./p-BM0sVq5Z.js";import{d as h}from"./p-Bbs5Ws0k.js";import{d as p}from"./p-DaAhgdib.js";import{d as m}from"./p-DEBakAhm.js";import{d as u}from"./p-iAWNMLXh.js";import{d as b}from"./p-CHFGWh0m.js";import{d as f}from"./p-CqghR1aS.js";import{d as g}from"./p-D8fG9Yt7.js";import{d as w}from"./p-CTwEbxRN.js";const x=s(class extends o{constructor(s){super(!1),!1!==s&&this.__registerHost(),this.update=e(this,"sdUpdate",7),this.dropDownShow=e(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;optionRenderer;isOpen=!1;itemIndex=-1;isScrolled=!1;update;dropDownShow;selectRef;triggerRef;formField;filteredOptions=[];dropDownWidth="200px";name=d();async sdOpen(){this.isOpen=!0}async sdValidate(){this.formField?.sdValidate()}async sdReset(){this.formField?.sdReset()}async sdResetValidate(){this.formField?.sdResetValidation()}async sdFocus(){this.formField?.sdFocus()}async isOpenChanged(){this.onDropdownToggle(this.isOpen),this.dropDownShow?.emit({isOpen:this.isOpen}),!1===this.isOpen&&await(this.formField?.sdValidate())}componentWillLoad(){this.filteredOptions=this.options,this.dropDownWidth=this.width,this.initializeEvent()}componentDidLoad(){this.autoFocus&&this.selectRef?.focus()}componentDidRender(){const s=this.triggerRef,e=s?.getBoundingClientRect();this.dropDownWidth=e?.width?e.width+"px":this.width}disconnectedCallback(){this.cleanupEvent()}handleDocumentClick(s){this.selectRef?.contains(s.target)||(this.isOpen=!1)}handleDocumentKeydown(s){if(s.stopPropagation(),["ArrowDown","ArrowUp","Enter","Escape"].includes(s.key))switch(s.preventDefault(),s.key){case"ArrowDown":case"ArrowUp":const e=new l(this.searchable,this.filteredOptions).getNextIndex(this.itemIndex,s.key);this.itemIndex=e;break;case"Enter":const t=this.filteredOptions[this.itemIndex];t&&!t.disabled&&(this.value=t.value,this.isOpen=!1);break;case"Escape":this.isOpen=!1}}getSelectedOption(){return this.options.find((s=>s.value===this.value))}closeDropdown(){this.isOpen=!1}handleTriggerClick=s=>{s.stopPropagation(),this.disabled||(this.isOpen=!this.isOpen,this.dropDownShow?.emit({isOpen:this.isOpen}))};handleOptionClick=s=>{const{option:e,event:t}=s;if(t.stopPropagation(),!e.disabled){this.value=e.value,this.isOpen=!1;const s=this.getSelectedOption();this.update?.emit({value:s?.value||null,option:s||null})}};render(){return t("sd-field",{key:"28b4667a386236c2486af08f636ede3dc6c41f91",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:s=>this.formField=s},t("div",{key:"ccee78ca4a773c521634e4054ce3b3d8e9713362",class:{"sd-select":!0,"sd-select--disabled":this.disabled,"sd-select--error":!!this.error,"sd-select--label":!!this.label},ref:s=>this.selectRef=s},this.renderTrigger(),this.renderDropdown()))}renderTrigger(){const s=this.getSelectedOption();return t("div",{class:"sd-select__trigger",tabindex:this.disabled?-1:0,onClick:this.handleTriggerClick,ref:s=>this.triggerRef=s},t("span",{class:"sd-select__value"},s?s.label:this.placeholder),this.clearable&&s&&!this.disabled&&t("sd-icon",{key:"clear-icon",name:"close",size:10,color:"#888",class:"sd-select__clear",onClick:async s=>{s.stopPropagation(),this.value=null,await(this.formField?.sdValidate())}}),t("sd-icon",{key:"arrow-icon",name:"arrowDown",color:"#888",class:{"sd-select__arrow":!0,"sd-select__arrow--open":this.isOpen}}))}renderDropdown(){if(!1===this.isOpen)return null;const s=this.selectRef?.querySelector(".sd-select__trigger")||this.selectRef;return t("sd-portal",{open:this.isOpen,parentRef:s,onSdClose:this.closeDropdown},t("sd-select-dropdown",{value:this.value,options:this.options,itemIndex:this.itemIndex,width:this.dropDownWidth,dropdownHeight:this.dropdownHeight,searchable:this.searchable,optionPlaceholder:this.optionPlaceholder,onSdOptionClick:({detail:s})=>this.handleOptionClick(s),onSdOptionFiltered:({detail:s})=>this.filteredOptions=s}))}static get watchers(){return{isOpen:[{isOpenChanged:0}]}}static get style(){return"sd-select{display:inline-flex;flex-flow:column nowrap;height:fit-content}sd-select *:focus,sd-select *:focus-visible,sd-select *:focus-within{outline:none !important}sd-select .sd-select{width:100%}sd-select .sd-select .sd-select__trigger{padding:4px 28px 4px 12px;display:flex;width:100%;height:100%;align-items:center;cursor:pointer}.sd-field--disabled sd-select .sd-select .sd-select__trigger{cursor:not-allowed}sd-select .sd-select .sd-select__trigger .sd-select__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px;font-size:12px;font-weight:400;text-align:left}sd-select .sd-select .sd-select__trigger .sd-select__clear{margin:0 4px;width:8px;height:8px;background-color:transparent;outline:none;border:none}sd-select .sd-select .sd-select__arrow{position:absolute;top:8px;right:8px;width:12px;height:12px;color:#888888;transition:transform 0.3s ease;margin-left:8px}sd-select .sd-select .sd-select__arrow--open{transform:rotate(180deg)}"}},[512,"sd-select",{value:[1032],options:[1040],placeholder:[1],optionPlaceholder:[1,"option-placeholder"],width:[1],dropdownHeight:[1,"dropdown-height"],autoFocus:[4,"auto-focus"],disabled:[4],clearable:[4],searchable:[4],label:[1],labelWidth:[8,"label-width"],addonLabel:[1,"addon-label"],addonAlign:[1,"addon-align"],icon:[16],labelTooltip:[1,"label-tooltip"],labelTooltipProps:[16],rules:[16],error:[4],optionRenderer:[16],name:[1],isOpen:[32],itemIndex:[32],isScrolled:[32],sdOpen:[64],sdValidate:[64],sdReset:[64],sdResetValidate:[64],sdFocus:[64]},void 0,{isOpen:[{isOpenChanged:0}]}]),k=x,_=function(){"undefined"!=typeof customElements&&["sd-select","sd-button","sd-checkbox","sd-field","sd-floating-portal","sd-ghost-button","sd-icon","sd-input","sd-portal","sd-select-dropdown","sd-select-option","sd-select-search-input","sd-tooltip"].forEach((s=>{switch(s){case"sd-select":customElements.get(i(s))||customElements.define(i(s),x);break;case"sd-button":customElements.get(i(s))||n();break;case"sd-checkbox":customElements.get(i(s))||r();break;case"sd-field":customElements.get(i(s))||a();break;case"sd-floating-portal":customElements.get(i(s))||c();break;case"sd-ghost-button":customElements.get(i(s))||h();break;case"sd-icon":customElements.get(i(s))||p();break;case"sd-input":customElements.get(i(s))||m();break;case"sd-portal":customElements.get(i(s))||u();break;case"sd-select-dropdown":customElements.get(i(s))||b();break;case"sd-select-option":customElements.get(i(s))||f();break;case"sd-select-search-input":customElements.get(i(s))||g();break;case"sd-tooltip":customElements.get(i(s))||w()}}))};export{k as SdSelect,_ as defineCustomElement}
+import{S as o,d as s}from"./p-BeNJfxnb.js";const p=o,r=s;export{p as SdSelect,r as defineCustomElement}

package/dist/components/sd-switch.js

@@ -1 +1 @@
-import{p as s,H as t,c as i,h as d,t as e}from"./p-CNAzAL53.js";var a="20",c="2",h="9999",o={size:"16",bg:"#FFFFFF"},n={on:"#0075FF",off:"#CCCCCC",disabled:{on:"#BBDAFF",off:"#E1E1E1"}},r={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",fontWeight:"500",fontSize:"12",textDecoration:"none",lineHeight:"20"}},w="6";const b=Number("32"),l=Number(a),f=Number(c),g=Number(h),p=Number(o.size),k=Number(w),u={knobBg:o.bg,bgOn:n.on,bgOff:n.off,bgDisabledOn:n.disabled.on,bgDisabledOff:n.disabled.off},m={fontFamily:r.typography.fontFamily,fontWeight:r.typography.fontWeight,fontSize:Number(r.typography.fontSize),lineHeight:Number(r.typography.lineHeight),textDecoration:r.typography.textDecoration},v=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.change=i(this,"sdUpdate",7)}value=!1;label="";disabled=!1;change;get switchClasses(){const s=["sd-switch",this.value?"sd-switch--on":"sd-switch--off"];return this.disabled&&s.push("sd-switch--disabled"),s.join(" ")}handleChange=()=>{if(this.disabled)return;const s=!this.value;this.value=s,this.change.emit(s)};render(){return d("label",{key:"ac6a35d06ddd04bc94369014ff586766dd745bbb","aria-label":this.label||"switch",class:this.switchClasses,style:{"--sd-switch-track-width":b+"px","--sd-switch-track-height":l+"px","--sd-switch-track-padding":f+"px","--sd-switch-track-radius":g+"px","--sd-switch-knob-size":p+"px","--sd-switch-knob-offset":b-p-2*f+"px","--sd-switch-knob-bg":u.knobBg,"--sd-switch-bg-on":u.bgOn,"--sd-switch-bg-off":u.bgOff,"--sd-switch-bg-disabled-on":u.bgDisabledOn,"--sd-switch-bg-disabled-off":u.bgDisabledOff,"--sd-switch-gap":k+"px","--sd-switch-font-family":m.fontFamily,"--sd-switch-font-weight":m.fontWeight,"--sd-switch-font-size":m.fontSize+"px","--sd-switch-line-height":m.lineHeight+"px","--sd-switch-text-decoration":m.textDecoration}},d("input",{key:"9ebc810e93c9dfa3bf7407f279dadbada579196e",type:"checkbox",checked:this.value,disabled:this.disabled,onInput:this.handleChange}),d("div",{key:"7add76be99645d6434e95305f6318fac7da0de57",class:"sd-switch__track"},d("div",{key:"ed90778aa4dcd6f0853029579c36cfdb8640afcf",class:"sd-switch__knob"})),this.label&&d("span",{key:"70e3ddf819e77da4c693a4853ddb7f392381964e",class:"sd-switch__label"},this.label))}static get style(){return"sd-switch{display:inline-block;line-height:0}sd-switch .sd-switch{cursor:pointer;display:inline-flex;align-items:center;gap:var(--sd-switch-gap)}sd-switch .sd-switch>input{display:none}sd-switch .sd-switch__track{position:relative;width:var(--sd-switch-track-width);height:var(--sd-switch-track-height);border-radius:var(--sd-switch-track-radius);background:var(--sd-switch-bg-off);transition:background-color 0.2s ease}sd-switch .sd-switch__knob{position:absolute;top:var(--sd-switch-track-padding);left:var(--sd-switch-track-padding);width:var(--sd-switch-knob-size);height:var(--sd-switch-knob-size);border-radius:50%;background:var(--sd-switch-knob-bg);box-shadow:0 2px 4px rgba(0, 0, 0, 0.16);transition:transform 0.2s ease}sd-switch .sd-switch__label{font-family:var(--sd-switch-font-family);font-weight:var(--sd-switch-font-weight);font-size:var(--sd-switch-font-size);line-height:var(--sd-switch-line-height);text-decoration:var(--sd-switch-text-decoration)}sd-switch .sd-switch--on .sd-switch__track{background:var(--sd-switch-bg-on)}sd-switch .sd-switch--on .sd-switch__knob{transform:translateX(var(--sd-switch-knob-offset))}sd-switch .sd-switch--disabled{cursor:not-allowed}sd-switch .sd-switch--disabled.sd-switch--on .sd-switch__track{background:var(--sd-switch-bg-disabled-on)}sd-switch .sd-switch--disabled.sd-switch--off .sd-switch__track{background:var(--sd-switch-bg-disabled-off)}"}},[512,"sd-switch",{value:[1028],label:[1],disabled:[4]}]),y=v,x=function(){"undefined"!=typeof customElements&&["sd-switch"].forEach((s=>{"sd-switch"===s&&(customElements.get(e(s))||customElements.define(e(s),v))}))};export{y as SdSwitch,x as defineCustomElement}
+import{p as s,H as t,c as i,h as e,t as d}from"./p-Bm8Fue-a.js";var c="20",a="2",h="9999",o={size:"16",bg:"#FFFFFF"},n={on:"#0075FF",off:"#CCCCCC",disabled:{on:"#BBDAFF",off:"#E1E1E1"}},r={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",fontWeight:"500",fontSize:"12",textDecoration:"none",lineHeight:"20"}},w="6";const b=Number("32"),l=Number(c),f=Number(a),g=Number(h),p=Number(o.size),k=Number(w),u={knobBg:o.bg,bgOn:n.on,bgOff:n.off,bgDisabledOn:n.disabled.on,bgDisabledOff:n.disabled.off},m={fontFamily:r.typography.fontFamily,fontWeight:r.typography.fontWeight,fontSize:Number(r.typography.fontSize),lineHeight:Number(r.typography.lineHeight),textDecoration:r.typography.textDecoration},v=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.change=i(this,"sdUpdate",7)}value=!1;label="";disabled=!1;change;get switchClasses(){const s=["sd-switch",this.value?"sd-switch--on":"sd-switch--off"];return this.disabled&&s.push("sd-switch--disabled"),s.join(" ")}handleChange=()=>{if(this.disabled)return;const s=!this.value;this.value=s,this.change.emit(s)};render(){return e("label",{key:"54ebe92b29a80537e2e4380ffe096a252f883d10","aria-label":this.label||"switch",class:this.switchClasses,style:{"--sd-switch-track-width":b+"px","--sd-switch-track-height":l+"px","--sd-switch-track-padding":f+"px","--sd-switch-track-radius":g+"px","--sd-switch-knob-size":p+"px","--sd-switch-knob-offset":b-p-2*f+"px","--sd-switch-knob-bg":u.knobBg,"--sd-switch-bg-on":u.bgOn,"--sd-switch-bg-off":u.bgOff,"--sd-switch-bg-disabled-on":u.bgDisabledOn,"--sd-switch-bg-disabled-off":u.bgDisabledOff,"--sd-switch-gap":k+"px","--sd-switch-font-family":m.fontFamily,"--sd-switch-font-weight":m.fontWeight,"--sd-switch-font-size":m.fontSize+"px","--sd-switch-line-height":m.lineHeight+"px","--sd-switch-text-decoration":m.textDecoration}},e("input",{key:"d18abbbf293434f07ae7dfa18b983b47cac1b774",type:"checkbox",checked:this.value,disabled:this.disabled,onInput:this.handleChange}),e("div",{key:"76fef910e632b541c0b33c508e6001529df5614f",class:"sd-switch__track"},e("div",{key:"a66f4ecca5787f00febe19216a93ec62916e0541",class:"sd-switch__knob"})),this.label&&e("span",{key:"948d2b7afc6e171ee329752cb85f8e361f6bbed8",class:"sd-switch__label"},this.label))}static get style(){return"sd-switch{display:inline-block;line-height:0}sd-switch .sd-switch{cursor:pointer;display:inline-flex;align-items:center;gap:var(--sd-switch-gap)}sd-switch .sd-switch>input{display:none}sd-switch .sd-switch__track{position:relative;width:var(--sd-switch-track-width);height:var(--sd-switch-track-height);border-radius:var(--sd-switch-track-radius);background:var(--sd-switch-bg-off);transition:background-color 0.2s ease}sd-switch .sd-switch__knob{position:absolute;top:var(--sd-switch-track-padding);left:var(--sd-switch-track-padding);width:var(--sd-switch-knob-size);height:var(--sd-switch-knob-size);border-radius:50%;background:var(--sd-switch-knob-bg);box-shadow:0 2px 4px rgba(0, 0, 0, 0.16);transition:transform 0.2s ease}sd-switch .sd-switch__label{font-family:var(--sd-switch-font-family);font-weight:var(--sd-switch-font-weight);font-size:var(--sd-switch-font-size);line-height:var(--sd-switch-line-height);text-decoration:var(--sd-switch-text-decoration)}sd-switch .sd-switch--on .sd-switch__track{background:var(--sd-switch-bg-on)}sd-switch .sd-switch--on .sd-switch__knob{transform:translateX(var(--sd-switch-knob-offset))}sd-switch .sd-switch--disabled{cursor:not-allowed}sd-switch .sd-switch--disabled.sd-switch--on .sd-switch__track{background:var(--sd-switch-bg-disabled-on)}sd-switch .sd-switch--disabled.sd-switch--off .sd-switch__track{background:var(--sd-switch-bg-disabled-off)}"}},[512,"sd-switch",{value:[1028],label:[1],disabled:[4]}]),y=v,x=function(){"undefined"!=typeof customElements&&["sd-switch"].forEach((s=>{"sd-switch"===s&&(customElements.get(d(s))||customElements.define(d(s),v))}))};export{y as SdSwitch,x as defineCustomElement}

package/dist/components/sd-table.js

@@ -1 +1 @@
-import{p as t,H as e,c as s,e as i,h as a,d as h,t as n}from"./p-CNAzAL53.js";import{T as l}from"./p-sZMi_32I.js";import{d as o}from"./p-BZm6KN1s.js";import{d as r}from"./p-BZc6lwGD.js";import{d}from"./p-BXdEjuI_.js";import{d as c}from"./p-Bp0B8tcl.js";import{d as u}from"./p-BM0sVq5Z.js";import{d as b}from"./p-DaAhgdib.js";import{d as g}from"./p-BLwIhCdO.js";import{d as p}from"./p-iAWNMLXh.js";import{d as m}from"./p-CgL8_FSD.js";import{d as f}from"./p-DWMY9O2B.js";import{d as y}from"./p-9ZtJl4s6.js";import{d as w}from"./p-DuMkBStM.js";import{d as C}from"./p-BALOEavB.js";import{d as k}from"./p-CTwEbxRN.js";let S=(t=21)=>{let e="",s=crypto.getRandomValues(new Uint8Array(t|=0));for(;t--;)e+="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict"[63&s[t]];return e};const v=t(class t extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.sdSelectChange=s(this,"sdSelectChange",7),this.sdPageChange=s(this,"sdPageChange",7),this.sdRowsPerPageChange=s(this,"sdRowsPerPageChange",7),this.sdVirtualUpdate=s(this,"sdVirtualUpdate",7),this.sdVirtualReachEnd=s(this,"sdVirtualReachEnd",7)}static DEFAULT_NO_DATA_LABEL="데이터가 없습니다.";get el(){return this}tableId=S(8);fallbackTableId=S(8);columns=[];rows;selected=[];rowKey="id";selectable=!1;resizable=!1;width;height;stickyHeader=!1;stickyColumn={left:0,right:0};noDataLabel=t.DEFAULT_NO_DATA_LABEL;resolvedNoDataLabel=t.DEFAULT_NO_DATA_LABEL;isLoading=!1;pagination;useInternalPagination=!1;useRowsPerPageSelect=!1;useVirtualScroll=!1;rowHeight=40;virtualBuffer=5;virtualEndThreshold=10;rowsPerPageOption=[{label:"10개씩 보기",value:10},{label:"25개씩 보기",value:25},{label:"50개씩 보기",value:50},{label:"100개씩 보기",value:100}];sdSelectChange;sdPageChange;sdRowsPerPageChange;sdVirtualUpdate;sdVirtualReachEnd;currentPage=1;innerRowsPerPage=10;innerSelected=new Set;columnWidths=[];scrolledLeft=!1;scrolledRight=!1;rowCount=0;loadingScrollTop=0;vsStart=0;vsEnd=0;lastReachEndNotifiedRowCount=-1;scrollContainer=null;onScroll;toFiniteNumber(t,e){const s="number"==typeof t?t:Number(t);return Number.isFinite(s)?s:e}isRowsPerPageValue(t){return null===t||"string"==typeof t||"number"==typeof t}isValidTableId(t){return"string"==typeof t&&t.trim().length>0&&"undefined"!==t&&"null"!==t}getResolvedTableId(){if(this.isValidTableId(this.tableId))return this.tableId;const t=this.el?.getAttribute(l);return this.isValidTableId(t)?t:this.fallbackTableId}syncTableIdAttribute(){const t=this.getResolvedTableId();this.el?.getAttribute(l)!==t&&this.el.setAttribute(l,t)}handleIsLoadingChange(t){t&&(this.loadingScrollTop=this.scrollContainer?.scrollTop??0)}handleUseVirtualScrollChange(t){t&&i((()=>this.propagateVirtualUpdate()))}handleColumnsChange(t){this.columnWidths=t.map((t=>parseInt(t.width||"120",10))),this.refreshChildrenConfig()}handleRowsChange(t){Array.isArray(t)&&(this.rowCount=t.length,this.useVirtualScroll&&this.propagateVirtualUpdate(!0),this.pushRowsToChildren(t))}handleTableIdChange(){this.syncTableIdAttribute()}handleNoDataLabelChange(e){this.resolvedNoDataLabel="string"==typeof e&&e.trim().length>0&&"undefined"!==e&&"null"!==e?e:t.DEFAULT_NO_DATA_LABEL}handleConfigChange(){this.refreshChildrenConfig()}handleSelectedChange(t){this.innerSelected=new Set(t)}handlePaginationChange(t){t?.page&&t.page!==this.currentPage&&(this.currentPage=t.page),t?.rowsPerPage&&t.rowsPerPage!==this.innerRowsPerPage&&(this.innerRowsPerPage=t.rowsPerPage)}componentWillLoad(){this.syncTableIdAttribute(),this.handleNoDataLabelChange(this.noDataLabel),this.innerSelected=new Set(this.selected||[]),this.columnWidths=(this.columns||[]).map((t=>parseInt(t.width||"120",10))),this.pagination?.page&&(this.currentPage=this.pagination.page),this.pagination?.rowsPerPage&&(this.innerRowsPerPage=this.pagination.rowsPerPage);const t=this.el;t.isRowSelectedSync=this.isRowSelectedSync.bind(this),t.updateRowSelectSync=this.updateRowSelectSync.bind(this),t.toggleSelectAllSync=this.toggleSelectAllSync.bind(this),t.getIsAllCheckedSync=this.getIsAllCheckedSync.bind(this),t.getStickyStyleSync=this.getStickyStyleSync.bind(this),t.setRowCountSync=this.setRowCountSync.bind(this),t.handleResize=this.handleResize.bind(this),t.getPaginationInfoSync=this.getPaginationInfoSync.bind(this),t.getVirtualScrollRangeSync=this.getVirtualScrollRangeSync.bind(this),t.getConfigSync=this.getConfigSync.bind(this),t.getTableIdSync=()=>this.getResolvedTableId(),t.getVirtualScrollConfigSync=this.getVirtualScrollConfigSync.bind(this),t.calculateVisibleRange=this.calculateVisibleRange.bind(this),Array.isArray(this.rows)&&(this.rowCount=this.rows.length,this.pushRowsToChildren(this.rows))}componentDidLoad(){Array.isArray(this.rows)&&this.pushRowsToChildren(this.rows),i((()=>{const t=this.el.shadowRoot?.querySelector(".sd-table__wrapper");if(!t)return;let e=!1;this.onScroll=()=>{const s=t.scrollLeft,i=s>0,a=s+t.clientWidth<t.scrollWidth;this.scrolledLeft===i&&this.scrolledRight===a||(this.scrolledLeft=i,this.scrolledRight=a,this.refreshChildrenConfig()),this.useVirtualScroll&&!e&&(e=!0,requestAnimationFrame((()=>{e=!1,this.propagateVirtualUpdate()})))},this.scrollContainer=t,t.addEventListener("scroll",this.onScroll,{passive:!0}),this.onScroll(),this.useVirtualScroll&&this.propagateVirtualUpdate()}))}disconnectedCallback(){this.scrollContainer&&this.onScroll&&this.scrollContainer.removeEventListener("scroll",this.onScroll)}pushRowsToChildren(t){const e=this.el.querySelector("sd-tbody");e&&(e.rows=t);const s=this.el.querySelector("sd-thead");s&&(s.rows=t)}handleStructureSlotChange=()=>{Array.isArray(this.rows)&&this.pushRowsToChildren(this.rows),this.refreshChildrenConfig()};refreshChildrenSelection(){const t=this.el.querySelector("sd-thead"),e=this.el.querySelectorAll("sd-tr");t?.refreshSelection?.(),e.forEach((t=>t?.refreshSelection?.()))}refreshChildrenConfig(){const t=this.el.querySelector("sd-thead"),e=this.el.querySelectorAll("sd-tr");t?.refreshConfig?.(),e.forEach((t=>t?.refreshConfig?.()))}maybeEmitVirtualReachEnd(t,e){const s=Math.max(1,this.virtualEndThreshold);e>=Math.max(0,this.rowCount-s)&&this.lastReachEndNotifiedRowCount!==this.rowCount&&(this.lastReachEndNotifiedRowCount=this.rowCount,this.sdVirtualReachEnd.emit({from:t,to:e,rowCount:this.rowCount,threshold:s}))}propagateVirtualUpdate(t=!1){if(!this.scrollContainer||!this.useVirtualScroll)return;const e=this.toFiniteNumber(this.scrollContainer.scrollTop,0),s=this.toFiniteNumber(this.scrollContainer.clientHeight,0),{start:i,end:a}=this.calculateVisibleRange(e,s);if(!Number.isFinite(i)||!Number.isFinite(a))return;const h=this.vsStart!==i||this.vsEnd!==a;if(!h&&!t)return;this.vsStart=i,this.vsEnd=a;const n=i*this.rowHeight,l=Math.max(0,(this.rowCount-a)*this.rowHeight),o=this.el.querySelector("sd-tbody");o?.setSpacersSync?.(n,l),h&&this.sdVirtualUpdate.emit({from:i,to:a}),this.maybeEmitVirtualReachEnd(i,a)}getVirtualScrollConfigSync(){return{useVirtualScroll:this.useVirtualScroll,rowHeight:this.rowHeight,virtualBuffer:this.virtualBuffer,vsStart:this.vsStart,vsEnd:this.vsEnd,rowCount:this.rowCount}}getConfigSync(){return{columns:this.columns,selectable:this.selectable,resizable:this.resizable,stickyColumn:this.stickyColumn,stickyHeader:this.stickyHeader,scrolledLeft:this.scrolledLeft,scrolledRight:this.scrolledRight,columnWidths:this.columnWidths}}isRowSelectedSync(t){return Array.from(this.innerSelected).some((e=>e[this.rowKey]===t[this.rowKey]))}async isRowSelected(t){return this.isRowSelectedSync(t)}updateRowSelectSync(t){const e=Array.from(this.innerSelected),s=this.isRowSelectedSync(t)?e.filter((e=>e[this.rowKey]!==t[this.rowKey])):[...e,t];s.length!==e.length&&(this.innerSelected=new Set(s),this.selected=Array.from(this.innerSelected),this.sdSelectChange.emit(Array.from(this.innerSelected)),this.refreshChildrenSelection())}async updateRowSelect(t){this.updateRowSelectSync(t)}toggleSelectAllSync(t,e){if(t){const t=new Set([...e]);this.innerSelected=new Set([...this.innerSelected,...t])}else{const t=e.map((t=>t[this.rowKey]));this.innerSelected=new Set([...this.innerSelected].filter((e=>!t.includes(e[this.rowKey]))))}this.selected=Array.from(this.innerSelected),this.sdSelectChange.emit(Array.from(this.innerSelected)),this.refreshChildrenSelection()}async toggleSelectAll(t,e){this.toggleSelectAllSync(t,e)}getIsAllCheckedSync(t){const e=t.length,s=t.filter((t=>Array.from(this.innerSelected).some((e=>e[this.rowKey]===t[this.rowKey])))).length;return 0!==s&&(s===e||null)}async getIsAllChecked(t){return this.getIsAllCheckedSync(t)}changePage(t){this.useInternalPagination?(this.currentPage=t,this.sdPageChange.emit(this.currentPage),this.updateRowsVisibility()):this.sdPageChange.emit(t)}updateRowsVisibility(){this.el.querySelectorAll("sd-tr").forEach((t=>t?.updateVisibility?.()))}changeRowsPerPage(t){const e=t?Number(t):0;if(!this.useInternalPagination)return void this.sdRowsPerPageChange.emit(e);this.innerRowsPerPage=e;const s=Math.max(1,Math.ceil(this.rowCount/e));this.currentPage>s&&(this.currentPage=s),this.sdRowsPerPageChange.emit(e),this.updateRowsVisibility()}get lastPageNumber(){if(this.useInternalPagination)return Math.max(1,Math.ceil(this.rowCount/this.innerRowsPerPage));const{lastPage:t,rowsPerPage:e=10}=this.pagination||{};return t??Math.max(1,Math.ceil(this.rowCount/e))}handleResize(t,e,s=!1){if("undefined"==typeof document)return;const i=e.clientX,a=this.columnWidths[t],h=e=>{const h=this.columns[t];if(!h)return;const n=h.maxWidth||9999,l=e.clientX-i,o=Math.min(Math.max(a+(s?-l:l),h.minWidth||50),n);this.columnWidths=this.columnWidths.map(((e,s)=>s===t?o:e));const r=this.el.querySelector("sd-thead"),d=this.el.querySelectorAll("sd-tr");r?.setColumnWidths?.(this.columnWidths),d.forEach((t=>t?.setColumnWidths?.(this.columnWidths)));const c=this.stickyColumn?.right||0,u=this.columns.filter((t=>!1!==t.visible)).length;c>0&&t===u-c&&requestAnimationFrame((()=>{this.onScroll?.()}))},n=()=>{document.removeEventListener("mousemove",h),document.removeEventListener("mouseup",n)};document.addEventListener("mousemove",h),document.addEventListener("mouseup",n)}getStickyStyleSync(t){return{"--sticky-left-offset":this.columnWidths.slice(0,t).reduce(((t,e)=>t+e),this.selectable?52:0)+"px","--sticky-right-offset":this.columnWidths.filter(((e,s)=>s>=this.columns.filter((t=>!1!==t.visible)).length-(this.stickyColumn?.right||0)&&s>t)).reduce(((t,e)=>t+e),0)+"px",width:this.columnWidths[t]+"px",minWidth:this.columnWidths[t]+"px",maxWidth:this.columnWidths[t]+"px"}}async getStickyStyle(t){return this.getStickyStyleSync(t)}setRowCountSync(t){const e=Math.max(0,Math.floor(this.toFiniteNumber(t,0)));e!==this.rowCount&&(this.lastReachEndNotifiedRowCount=-1),this.rowCount=e,this.useVirtualScroll&&this.propagateVirtualUpdate(!0)}async setRowCount(t){this.setRowCountSync(t)}calculateVisibleRange(t,e){const s=Math.max(1,this.toFiniteNumber(this.rowHeight,40)),i=Math.max(0,Math.floor(this.toFiniteNumber(this.virtualBuffer,5))),a=Math.max(0,this.toFiniteNumber(t,0)),h=Math.max(0,this.toFiniteNumber(e,0)),n=Math.max(0,Math.floor(this.toFiniteNumber(this.rowCount,0))),l=Math.floor(a/s),o=Math.ceil(h/s);return{start:Math.max(0,l-i),end:Math.min(n,l+o+i)}}getPaginationInfoSync(){if(!this.useInternalPagination||!this.pagination)return null;const t=(this.currentPage-1)*this.innerRowsPerPage;return{startIndex:t,endIndex:t+this.innerRowsPerPage,currentPage:this.currentPage,rowsPerPage:this.innerRowsPerPage}}async getPaginationInfo(){return this.getPaginationInfoSync()}getVirtualScrollRangeSync(){return this.useVirtualScroll&&this.vsEnd>0?{from:this.vsStart,to:this.vsEnd}:null}get tableClasses(){return["sd-table",this.stickyHeader&&"sd-table--sticky-header",this.selectable&&"sd-table--selectable",this.resizable&&"sd-table--resizable",(this.selectable||(this.stickyColumn?.left??0)>0||(this.stickyColumn?.right??0)>0)&&"sd-table--sticky-column",this.scrolledLeft&&"sd-table--scrolled-left",this.scrolledRight&&"sd-table--scrolled-right",0===this.rowCount&&!this.isLoading&&"sd-table--no-data"].filter(Boolean).join(" ")}render(){const t=this.getResolvedTableId();return a(h,{key:"0b90643721a90b7bb59a6c31f6edeb313849b973"},a("div",{key:"e55fe4f476dbea4888a168861e7e6d6951d7d489",class:"sd-table__container",style:{"--table-width":this.width,"--table-height":this.height,"--table-container-height":`calc(${this.height||"100%"} - ${this.pagination&&this.rowCount>0&&!this.useVirtualScroll?48:0}px)`}},a("div",{key:"de18a900037a7b2f619dd22981c30ed76f5a8111",class:{"sd-table__clip":!0,"sd-table__clip--has-pagination":!(!(this.pagination&&this.pagination.rowsPerPage>0&&this.rowCount>0)||this.useVirtualScroll)}},a("div",{key:"028e0982d415033adaf420ee6b953241c8f3dbec",class:{"sd-table__wrapper":!0,"sd-table__wrapper--loading":this.isLoading,"sd-table__wrapper--no-data":0===this.rowCount&&!this.isLoading}},this.isLoading&&a("div",{key:"8c9110c9c2c26cddbbed8e1f2782ecfaafd3679c",class:"sd-table__loading",style:{top:this.loadingScrollTop+"px"}},a("sd-circle-progress",{key:"51b61f91b0ecebf63fe3e65b94012963f0375e5c",indeterminate:!0})),0===this.rowCount&&!this.isLoading&&a("div",{key:"0a7a45049014869b8164b081a251218d3c814e87",class:"sd-table__no-data"},a("slot",{key:"d4b6219e5dcaaa22be3360f7f0f05a8b32533890",name:"no-data"},a("span",{key:"c76848aad8a1d3967f3cd239090e97266e46ab3e"},this.resolvedNoDataLabel))),a("table",{key:"2b560d112402549c7043b337d944b0de88c3ba0e",class:this.tableClasses},a("slot",{key:"1c4583148df6a585f389c1bed0426fa4a3cb4899",name:t+"-head",onSlotchange:this.handleStructureSlotChange}),a("slot",{key:"a5d983106de61c829f9cbeb541d1908fee48468c",name:t+"-body",onSlotchange:this.handleStructureSlotChange})))),this.pagination&&this.pagination.rowsPerPage>0&&this.rowCount>0&&!this.useVirtualScroll&&a("div",{key:"004355d84e2cfc2fd38a9d4811f14fd66dc5c21b",class:"sd-table__pagination"},a("sd-pagination",{key:"463586c7e57782a7989962f73cb3d4e8c04f5bce",currentPage:this.useInternalPagination?this.currentPage:this.pagination.page,lastPage:this.useInternalPagination?this.lastPageNumber:this.pagination.lastPage,onSdPageChange:t=>this.changePage(t.detail)}),this.useRowsPerPageSelect&&a("sd-select-v2",{key:"1f26de447da63ef0c4a24ffb49666a0687db9991",value:this.useInternalPagination?this.innerRowsPerPage:this.pagination.rowsPerPage,options:this.rowsPerPageOption,width:"128px",emitValue:!0,onSdUpdate:t=>{this.isRowsPerPageValue(t.detail)&&this.changeRowsPerPage(t.detail)}}))))}static get watchers(){return{isLoading:[{handleIsLoadingChange:0}],useVirtualScroll:[{handleUseVirtualScrollChange:0}],columns:[{handleColumnsChange:0}],rows:[{handleRowsChange:0}],tableId:[{handleTableIdChange:0}],noDataLabel:[{handleNoDataLabelChange:0}],selectable:[{handleConfigChange:0}],resizable:[{handleConfigChange:0}],stickyColumn:[{handleConfigChange:0}],stickyHeader:[{handleConfigChange:0}],selected:[{handleSelectedChange:0}],pagination:[{handlePaginationChange:0}]}}static get style(){return"sd-table,:host{display:block;width:100%;max-width:100%;min-width:0}sd-table *,:host *{box-sizing:border-box}.sd-table__container{height:var(--table-height, auto);width:var(--table-width, 100%);max-width:100%;min-width:0;color:#222222;display:flex;flex-direction:column}.sd-table__clip{width:100%;min-width:0;height:var(--table-container-height, 400px);border:1px solid #E1E1E1;border-radius:8px;overflow:hidden}.sd-table__clip--has-pagination{border-radius:8px 8px 0 0}.sd-table__wrapper{width:100%;height:100%;display:flex;flex-direction:column;position:relative;font-size:12px;overflow:auto;background:#FFFFFF}.sd-table__wrapper--loading{overflow:hidden !important;pointer-events:none}.sd-table__wrapper--no-data{overflow:hidden;pointer-events:none}.sd-table__no-data{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;color:#888888;pointer-events:none;z-index:200;background:rgba(255, 255, 255, 0.6)}.sd-table__loading{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255, 255, 255, 0.6);z-index:200;display:flex;align-items:center;justify-content:center;pointer-events:none}.sd-table{background-color:white;display:table;width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.sd-table--selectable sd-thead,.sd-table--selectable sd-tbody{--selectable:true}.sd-table--sticky-header sd-thead thead{position:sticky;top:0;z-index:120}.sd-table--sticky-column sd-thead,.sd-table--sticky-column sd-tbody{--sticky-column:true}.sd-table--scrolled-left sd-thead,.sd-table--scrolled-left sd-tbody{--scrolled-left:true}.sd-table--scrolled-right sd-thead,.sd-table--scrolled-right sd-tbody{--scrolled-right:true}.sd-table--resizable sd-thead{--resizable:true}.sd-table--no-data sd-thead{opacity:0.4}.sd-table__pagination{position:relative;background:#F9F9F9;height:48px;display:flex;align-items:center;justify-content:center;border:1px solid #E1E1E1;border-top:none;border-radius:0 0 8px 8px}.sd-table__pagination sd-select-v2{position:absolute;right:10px;top:50%;transform:translateY(-50%)}"}},[769,"sd-table",{tableId:[513,"table-id"],columns:[16],rows:[16],selected:[1040],rowKey:[1,"row-key"],selectable:[4],resizable:[4],width:[1],height:[1],stickyHeader:[4,"sticky-header"],stickyColumn:[16],noDataLabel:[1,"no-data-label"],isLoading:[4,"is-loading"],pagination:[16],useInternalPagination:[4,"use-internal-pagination"],useRowsPerPageSelect:[4,"use-rows-per-page-select"],useVirtualScroll:[4,"use-virtual-scroll"],rowHeight:[2,"row-height"],virtualBuffer:[2,"virtual-buffer"],virtualEndThreshold:[2,"virtual-end-threshold"],rowsPerPageOption:[16],resolvedNoDataLabel:[32],currentPage:[32],innerRowsPerPage:[32],innerSelected:[32],columnWidths:[32],scrolledLeft:[32],scrolledRight:[32],rowCount:[32],loadingScrollTop:[32],isRowSelected:[64],updateRowSelect:[64],toggleSelectAll:[64],getIsAllChecked:[64],getStickyStyle:[64],setRowCount:[64],getPaginationInfo:[64]},void 0,{isLoading:[{handleIsLoadingChange:0}],useVirtualScroll:[{handleUseVirtualScrollChange:0}],columns:[{handleColumnsChange:0}],rows:[{handleRowsChange:0}],tableId:[{handleTableIdChange:0}],noDataLabel:[{handleNoDataLabelChange:0}],selectable:[{handleConfigChange:0}],resizable:[{handleConfigChange:0}],stickyColumn:[{handleConfigChange:0}],stickyHeader:[{handleConfigChange:0}],selected:[{handleSelectedChange:0}],pagination:[{handlePaginationChange:0}]}]),_=v,x=function(){"undefined"!=typeof customElements&&["sd-table","sd-button","sd-checkbox","sd-circle-progress","sd-field","sd-floating-portal","sd-icon","sd-pagination","sd-portal","sd-select-v2","sd-select-v2-list-item","sd-select-v2-list-item-search","sd-select-v2-listbox","sd-select-v2-trigger","sd-tooltip"].forEach((t=>{switch(t){case"sd-table":customElements.get(n(t))||customElements.define(n(t),v);break;case"sd-button":customElements.get(n(t))||o();break;case"sd-checkbox":customElements.get(n(t))||r();break;case"sd-circle-progress":customElements.get(n(t))||d();break;case"sd-field":customElements.get(n(t))||c();break;case"sd-floating-portal":customElements.get(n(t))||u();break;case"sd-icon":customElements.get(n(t))||b();break;case"sd-pagination":customElements.get(n(t))||g();break;case"sd-portal":customElements.get(n(t))||p();break;case"sd-select-v2":customElements.get(n(t))||m();break;case"sd-select-v2-list-item":customElements.get(n(t))||f();break;case"sd-select-v2-list-item-search":customElements.get(n(t))||y();break;case"sd-select-v2-listbox":customElements.get(n(t))||w();break;case"sd-select-v2-trigger":customElements.get(n(t))||C();break;case"sd-tooltip":customElements.get(n(t))||k()}}))};export{_ as SdTable,x as defineCustomElement}
+import{p as t,H as e,c as s,e as i,f as a,h,d as n,t as o}from"./p-Bm8Fue-a.js";import{T as r}from"./p-sZMi_32I.js";import{T as l,a as d,b as c}from"./p-DDDZWrWj.js";import{d as u}from"./p-RpjjrX78.js";import{d as b}from"./p-hTUSl23P.js";import{d as g}from"./p-D2FOkhao.js";import{d as p}from"./p-BM_PRj8W.js";import{d as f}from"./p-ZH78tQXS.js";import{d as m}from"./p-BynnUMVZ.js";import{d as y}from"./p-BfoLbEZx.js";import{d as w}from"./p-CJqZcEqD.js";import{d as C}from"./p-BeNJfxnb.js";import{d as S}from"./p-DxXwz3cY.js";import{d as k}from"./p-BJJvCBQs.js";import{d as v}from"./p-C8Dy_x5h.js";import{d as x}from"./p-NlCzTjK4.js";import{d as _}from"./p-B6KZfiQ5.js";import{d as P}from"./p-CvnC61M9.js";import{d as E}from"./p-BEOrkEV1.js";import{d as R}from"./p-BR_ZAr48.js";let M=(t=21)=>{let e="",s=crypto.getRandomValues(new Uint8Array(t|=0));for(;t--;)e+="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict"[63&s[t]];return e};const A=t(class t extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.sdSelectChange=s(this,"sdSelectChange",7),this.sdPageChange=s(this,"sdPageChange",7),this.sdRowsPerPageChange=s(this,"sdRowsPerPageChange",7),this.sdVirtualUpdate=s(this,"sdVirtualUpdate",7),this.sdVirtualReachEnd=s(this,"sdVirtualReachEnd",7)}static DEFAULT_NO_DATA_LABEL="데이터가 없습니다.";get el(){return this}tableId=M(8);fallbackTableId=M(8);columns=[];rows;selected=[];rowKey="id";selectable=!1;resizable=!1;width;height;stickyHeader=!1;stickyColumn={left:0,right:0};noDataLabel=t.DEFAULT_NO_DATA_LABEL;resolvedNoDataLabel=t.DEFAULT_NO_DATA_LABEL;isLoading=!1;pagination;useInternalPagination=!1;useRowsPerPageSelect=!1;useVirtualScroll=!1;rowHeight=40;virtualBuffer=5;virtualEndThreshold=10;rowsPerPageOption=[{label:"10개씩 보기",value:10},{label:"25개씩 보기",value:25},{label:"50개씩 보기",value:50},{label:"100개씩 보기",value:100}];sdSelectChange;sdPageChange;sdRowsPerPageChange;sdVirtualUpdate;sdVirtualReachEnd;currentPage=1;innerRowsPerPage=10;innerSelected=new Set;columnWidths=[];scrolledLeft=!1;scrolledRight=!1;rowCount=0;loadingScrollTop=0;autoThead=!1;autoTbody=!1;vsStart=0;vsEnd=0;lastReachEndNotifiedRowCount=-1;scrollContainer=null;onScroll;spanRegistry=new Map;toFiniteNumber(t,e){const s="number"==typeof t?t:Number(t);return Number.isFinite(s)?s:e}isRowsPerPageValue(t){return null===t||"string"==typeof t||"number"==typeof t}isValidTableId(t){return"string"==typeof t&&t.trim().length>0&&"undefined"!==t&&"null"!==t}getResolvedTableId(){if(this.isValidTableId(this.tableId))return this.tableId;const t=this.el?.getAttribute(r);return this.isValidTableId(t)?t:this.fallbackTableId}syncTableIdAttribute(){const t=this.getResolvedTableId();this.el?.getAttribute(r)!==t&&this.el.setAttribute(r,t)}handleIsLoadingChange(t){t&&(this.loadingScrollTop=this.scrollContainer?.scrollTop??0)}handleUseVirtualScrollChange(t){t&&i((()=>this.propagateVirtualUpdate()))}handleColumnsChange(t){this.columnWidths=t.map((t=>parseInt(t.width||"120",10))),this.refreshChildrenConfig()}handleRowsChange(t){Array.isArray(t)&&(this.rowCount=t.length,this.useVirtualScroll&&this.propagateVirtualUpdate(!0),this.pushRowsToChildren(t))}handleTableIdChange(){this.syncTableIdAttribute()}handleNoDataLabelChange(e){this.resolvedNoDataLabel="string"==typeof e&&e.trim().length>0&&"undefined"!==e&&"null"!==e?e:t.DEFAULT_NO_DATA_LABEL}handleConfigChange(){this.refreshChildrenConfig()}handleSelectedChange(t){this.innerSelected=new Set(t)}handlePaginationChange(t){t?.page&&t.page!==this.currentPage&&(this.currentPage=t.page),t?.rowsPerPage&&t.rowsPerPage!==this.innerRowsPerPage&&(this.innerRowsPerPage=t.rowsPerPage)}detectChildren(){const t=!!this.el.querySelector(":scope > sd-thead"),e=!!this.el.querySelector(":scope > sd-tbody");this.autoThead=!t,this.autoTbody=!e}componentWillLoad(){this.syncTableIdAttribute(),this.handleNoDataLabelChange(this.noDataLabel),this.detectChildren(),this.innerSelected=new Set(this.selected||[]),this.columnWidths=(this.columns||[]).map((t=>parseInt(t.width||"120",10))),this.pagination?.page&&(this.currentPage=this.pagination.page),this.pagination?.rowsPerPage&&(this.innerRowsPerPage=this.pagination.rowsPerPage);const t=this.el;t.isRowSelectedSync=this.isRowSelectedSync.bind(this),t.updateRowSelectSync=this.updateRowSelectSync.bind(this),t.toggleSelectAllSync=this.toggleSelectAllSync.bind(this),t.getIsAllCheckedSync=this.getIsAllCheckedSync.bind(this),t.getStickyStyleSync=this.getStickyStyleSync.bind(this),t.setRowCountSync=this.setRowCountSync.bind(this),t.handleResize=this.handleResize.bind(this),t.getPaginationInfoSync=this.getPaginationInfoSync.bind(this),t.getVirtualScrollRangeSync=this.getVirtualScrollRangeSync.bind(this),t.getConfigSync=this.getConfigSync.bind(this),t.getTableIdSync=()=>this.getResolvedTableId(),t.getVirtualScrollConfigSync=this.getVirtualScrollConfigSync.bind(this),t.calculateVisibleRange=this.calculateVisibleRange.bind(this),t.registerSpanSync=this.registerSpanSync.bind(this),t.unregisterSpanSync=this.unregisterSpanSync.bind(this),t.getSpanSync=this.getSpanSync.bind(this),t.isCoveredSync=this.isCoveredSync.bind(this),t.hasRowspanSync=this.hasRowspanSync.bind(this),Array.isArray(this.rows)&&(this.rowCount=this.rows.length,this.pushRowsToChildren(this.rows))}componentDidLoad(){Array.isArray(this.rows)&&this.pushRowsToChildren(this.rows),i((()=>{const t=this.el.shadowRoot?.querySelector(".sd-table__wrapper");if(!t)return;let e=!1;this.onScroll=()=>{const s=t.scrollLeft,i=s>0,a=s+t.clientWidth<t.scrollWidth;this.scrolledLeft===i&&this.scrolledRight===a||(this.scrolledLeft=i,this.scrolledRight=a,this.refreshChildrenConfig()),this.useVirtualScroll&&!e&&(e=!0,requestAnimationFrame((()=>{e=!1,this.propagateVirtualUpdate()})))},this.scrollContainer=t,t.addEventListener("scroll",this.onScroll,{passive:!0}),this.onScroll(),this.useVirtualScroll&&this.propagateVirtualUpdate()}))}disconnectedCallback(){this.scrollContainer&&this.onScroll&&this.scrollContainer.removeEventListener("scroll",this.onScroll)}queryChildEl(t){return this.el.querySelector(t)??this.el.shadowRoot?.querySelector(t)??null}queryAllTr(){return[...Array.from(this.el.querySelectorAll("sd-tr")),...Array.from(this.el.shadowRoot?.querySelectorAll("sd-tr")??[])]}pushRowsToChildren(t){const e=this.queryChildEl("sd-tbody");e&&(e.rows=t);const s=this.queryChildEl("sd-thead");s&&(s.rows=t)}handleStructureSlotChange=()=>{Array.isArray(this.rows)&&this.pushRowsToChildren(this.rows),this.refreshChildrenConfig()};refreshChildrenSelection(){const t=this.queryChildEl("sd-thead");t?.refreshSelection?.(),this.queryAllTr().forEach((t=>t?.refreshSelection?.()))}refreshChildrenConfig(){const t=this.queryChildEl("sd-thead");t?.refreshConfig?.(),this.queryAllTr().forEach((t=>t?.refreshConfig?.()))}maybeEmitVirtualReachEnd(t,e){const s=Math.max(1,this.virtualEndThreshold);e>=Math.max(0,this.rowCount-s)&&this.lastReachEndNotifiedRowCount!==this.rowCount&&(this.lastReachEndNotifiedRowCount=this.rowCount,this.sdVirtualReachEnd.emit({from:t,to:e,rowCount:this.rowCount,threshold:s}))}propagateVirtualUpdate(t=!1){if(!this.scrollContainer||!this.useVirtualScroll)return;const e=this.toFiniteNumber(this.scrollContainer.scrollTop,0),s=this.toFiniteNumber(this.scrollContainer.clientHeight,0),{start:i,end:a}=this.calculateVisibleRange(e,s);if(!Number.isFinite(i)||!Number.isFinite(a))return;const h=this.vsStart!==i||this.vsEnd!==a;if(!h&&!t)return;this.vsStart=i,this.vsEnd=a;const n=i*this.rowHeight,o=Math.max(0,(this.rowCount-a)*this.rowHeight),r=this.queryChildEl("sd-tbody");r?.setSpacersSync?.(n,o),h&&this.sdVirtualUpdate.emit({from:i,to:a}),this.maybeEmitVirtualReachEnd(i,a)}getVirtualScrollConfigSync(){return{useVirtualScroll:this.useVirtualScroll,rowHeight:this.rowHeight,virtualBuffer:this.virtualBuffer,vsStart:this.vsStart,vsEnd:this.vsEnd,rowCount:this.rowCount}}getConfigSync(){return{columns:this.columns,selectable:this.selectable,resizable:this.resizable,stickyColumn:this.stickyColumn,stickyHeader:this.stickyHeader,scrolledLeft:this.scrolledLeft,scrolledRight:this.scrolledRight,columnWidths:this.columnWidths}}isRowSelectedSync(t){return Array.from(this.innerSelected).some((e=>e[this.rowKey]===t[this.rowKey]))}async isRowSelected(t){return this.isRowSelectedSync(t)}updateRowSelectSync(t){const e=Array.from(this.innerSelected),s=this.isRowSelectedSync(t)?e.filter((e=>e[this.rowKey]!==t[this.rowKey])):[...e,t];s.length!==e.length&&(this.innerSelected=new Set(s),this.selected=Array.from(this.innerSelected),this.sdSelectChange.emit(Array.from(this.innerSelected)),this.refreshChildrenSelection())}async updateRowSelect(t){this.updateRowSelectSync(t)}toggleSelectAllSync(t,e){if(t){const t=new Set([...e]);this.innerSelected=new Set([...this.innerSelected,...t])}else{const t=e.map((t=>t[this.rowKey]));this.innerSelected=new Set([...this.innerSelected].filter((e=>!t.includes(e[this.rowKey]))))}this.selected=Array.from(this.innerSelected),this.sdSelectChange.emit(Array.from(this.innerSelected)),this.refreshChildrenSelection()}async toggleSelectAll(t,e){this.toggleSelectAllSync(t,e)}getIsAllCheckedSync(t){const e=t.length,s=t.filter((t=>Array.from(this.innerSelected).some((e=>e[this.rowKey]===t[this.rowKey])))).length;return 0!==s&&(s===e||null)}async getIsAllChecked(t){return this.getIsAllCheckedSync(t)}changePage(t){this.useInternalPagination?(this.currentPage=t,this.sdPageChange.emit(this.currentPage),this.updateRowsVisibility()):this.sdPageChange.emit(t)}updateRowsVisibility(){this.queryAllTr().forEach((t=>t?.updateVisibility?.()))}changeRowsPerPage(t){const e=t?Number(t):0;if(!this.useInternalPagination)return void this.sdRowsPerPageChange.emit(e);this.innerRowsPerPage=e;const s=Math.max(1,Math.ceil(this.rowCount/e));this.currentPage>s&&(this.currentPage=s),this.sdRowsPerPageChange.emit(e),this.updateRowsVisibility()}get lastPageNumber(){if(this.useInternalPagination)return Math.max(1,Math.ceil(this.rowCount/this.innerRowsPerPage));const{lastPage:t,rowsPerPage:e=10}=this.pagination||{};return t??Math.max(1,Math.ceil(this.rowCount/e))}handleResize(t,e,s=!1){if("undefined"==typeof document)return;const i=e.clientX,a=this.columnWidths[t],h=e=>{const h=this.columns[t];if(!h)return;const n=h.maxWidth||9999,o=e.clientX-i,r=Math.min(Math.max(a+(s?-o:o),h.minWidth||50),n);this.columnWidths=this.columnWidths.map(((e,s)=>s===t?r:e));const l=this.queryChildEl("sd-thead");l?.setColumnWidths?.(this.columnWidths),this.queryAllTr().forEach((t=>t?.setColumnWidths?.(this.columnWidths)));const d=this.stickyColumn?.right||0,c=this.columns.filter((t=>!1!==t.visible)).length;d>0&&t===c-d&&requestAnimationFrame((()=>{this.onScroll?.()}))},n=()=>{document.removeEventListener("mousemove",h),document.removeEventListener("mouseup",n)};document.addEventListener("mousemove",h),document.addEventListener("mouseup",n)}getStickyStyleSync(t){return{"--sticky-left-offset":this.columnWidths.slice(0,t).reduce(((t,e)=>t+e),this.selectable?52:0)+"px","--sticky-right-offset":this.columnWidths.filter(((e,s)=>s>=this.columns.filter((t=>!1!==t.visible)).length-(this.stickyColumn?.right||0)&&s>t)).reduce(((t,e)=>t+e),0)+"px",width:this.columnWidths[t]+"px",minWidth:this.columnWidths[t]+"px",maxWidth:this.columnWidths[t]+"px"}}async getStickyStyle(t){return this.getStickyStyleSync(t)}spanKey(t,e){return`${t}::${e}`}requestAllTrUpdate(){this.queryAllTr().forEach((t=>{"function"==typeof t.bumpSpansVersion?t.bumpSpansVersion():a(t)}))}registerSpanSync(t,e,s,i){if(null==t||!e)return;const a=Math.max(1,Math.floor(s||1)),h=Math.max(1,Math.floor(i||1)),n=this.spanKey(t,e),o=this.spanRegistry.get(n);if(1===a&&1===h){if(!o)return;return this.spanRegistry.delete(n),void this.requestAllTrUpdate()}o&&o.rowspan===a&&o.colspan===h||(this.spanRegistry.set(n,{rowspan:a,colspan:h}),this.requestAllTrUpdate())}unregisterSpanSync(t,e){if(null==t||!e)return;const s=this.spanKey(t,e);this.spanRegistry.has(s)&&(this.spanRegistry.delete(s),this.requestAllTrUpdate())}getSpanSync(t,e){return this.spanRegistry.get(this.spanKey(t,e))}hasRowspanSync(){for(const t of this.spanRegistry.values())if(t.rowspan>1)return!0;return!1}isCoveredSync(t,e,s){if(0===this.spanRegistry.size)return!1;const i=s.filter((t=>!1!==t.visible));for(let s=0;s<e;s++){const a=i[s];if(!a)continue;const h=this.spanRegistry.get(this.spanKey(t,"string"==typeof a.field?a.field:a.name));if(h&&s+h.colspan>e)return!0}const a=Number(t);if(!Number.isFinite(a))return!1;for(const[t,s]of this.spanRegistry){if(s.rowspan<=1)continue;const h=t.indexOf("::");if(h<0)continue;const n=t.slice(0,h),o=t.slice(h+2),r=Number(n);if(!Number.isFinite(r))continue;if(r>=a)continue;if(r+s.rowspan<=a)continue;const l=i.findIndex((t=>("string"==typeof t.field?t.field:t.name)===o));if(!(l<0)&&l<=e&&l+s.colspan>e)return!0}return!1}setRowCountSync(t){const e=Math.max(0,Math.floor(this.toFiniteNumber(t,0)));e!==this.rowCount&&(this.lastReachEndNotifiedRowCount=-1),this.rowCount=e,this.useVirtualScroll&&this.propagateVirtualUpdate(!0)}async setRowCount(t){this.setRowCountSync(t)}calculateVisibleRange(t,e){const s=Math.max(1,this.toFiniteNumber(this.rowHeight,40)),i=Math.max(0,Math.floor(this.toFiniteNumber(this.virtualBuffer,5))),a=Math.max(0,this.toFiniteNumber(t,0)),h=Math.max(0,this.toFiniteNumber(e,0)),n=Math.max(0,Math.floor(this.toFiniteNumber(this.rowCount,0))),o=Math.floor(a/s),r=Math.ceil(h/s);return{start:Math.max(0,o-i),end:Math.min(n,o+r+i)}}getPaginationInfoSync(){if(!this.useInternalPagination||!this.pagination)return null;const t=(this.currentPage-1)*this.innerRowsPerPage;return{startIndex:t,endIndex:t+this.innerRowsPerPage,currentPage:this.currentPage,rowsPerPage:this.innerRowsPerPage}}async getPaginationInfo(){return this.getPaginationInfoSync()}getVirtualScrollRangeSync(){return this.useVirtualScroll&&this.vsEnd>0?{from:this.vsStart,to:this.vsEnd}:null}renderAutoRows(){if(this.useVirtualScroll)return null;const t=this.rows??[],e=this.getPaginationInfoSync(),s=e?.startIndex??0;return(e?t.slice(e.startIndex,e.endIndex):t).map(((t,e)=>{const i=s+e;return h("sd-tr",{key:i,"row-key":i+"",row:t})}))}get tableClasses(){return["sd-table",this.stickyHeader&&"sd-table--sticky-header",this.selectable&&"sd-table--selectable",this.resizable&&"sd-table--resizable",(this.selectable||(this.stickyColumn?.left??0)>0||(this.stickyColumn?.right??0)>0)&&"sd-table--sticky-column",this.scrolledLeft&&"sd-table--scrolled-left",this.scrolledRight&&"sd-table--scrolled-right",0===this.rowCount&&!this.isLoading&&"sd-table--no-data"].filter(Boolean).join(" ")}render(){const t=this.getResolvedTableId();return h(n,{key:"1a80b7c3589a8a2eefaabf24ed895c927543aac4",style:{"--table-radius":c+"px","--table-border-color":d.color,"--table-border-width":d.width+"px","--table-body-font-family":l.fontFamily,"--table-body-font-weight":l.fontWeight,"--table-body-font-size":l.fontSize+"px","--table-body-line-height":l.lineHeight+"px","--table-body-text-decoration":l.textDecoration}},h("div",{key:"d97aa6c04948153671e26066b6df02e206fc35e6",class:"sd-table__container",style:{"--table-width":this.width,"--table-height":this.height,"--table-container-height":`calc(${this.height||"100%"} - ${this.pagination&&this.rowCount>0&&!this.useVirtualScroll?48:0}px)`}},h("div",{key:"0e13dbbe062953c93a0acaaf5c00ca40a5b7e245",class:{"sd-table__clip":!0,"sd-table__clip--has-pagination":!(!(this.pagination&&this.pagination.rowsPerPage>0&&this.rowCount>0)||this.useVirtualScroll)}},h("div",{key:"c800ecac543d1540d9b6c9faf06753c9dc10aaf3",class:{"sd-table__wrapper":!0,"sd-table__wrapper--loading":this.isLoading,"sd-table__wrapper--no-data":0===this.rowCount&&!this.isLoading}},this.isLoading&&h("div",{key:"656bc53538c8513e014f31f1e976fd66ce79c7aa",class:"sd-table__loading",style:{top:this.loadingScrollTop+"px"}},h("sd-circle-progress",{key:"74078add6860fc95e238d89335d57e205e751cd6",indeterminate:!0})),0===this.rowCount&&!this.isLoading&&h("div",{key:"18a33a7247bde3d08472f8082325c76217734e5d",class:"sd-table__no-data"},h("slot",{key:"966cb066f721695013a3e5a1a64543544b09fa77",name:"no-data"},h("span",{key:"d335a9b1b2e847b267cefb9d12f7265c5f67f394"},this.resolvedNoDataLabel))),h("table",{key:"8fd0a2428bfd4dd6a574bbb02139088c31408866",class:this.tableClasses},this.autoThead?h("slot",{name:t+"-head",onSlotchange:this.handleStructureSlotChange},h("sd-thead",{rows:this.rows??[]})):h("slot",{name:t+"-head",onSlotchange:this.handleStructureSlotChange}),this.autoTbody?h("slot",{name:t+"-body",onSlotchange:this.handleStructureSlotChange},h("sd-tbody",{rows:this.rows??[]},this.renderAutoRows())):h("slot",{name:t+"-body",onSlotchange:this.handleStructureSlotChange})))),this.pagination&&this.pagination.rowsPerPage>0&&this.rowCount>0&&!this.useVirtualScroll&&h("div",{key:"6f483b1a23456bbe42ff769a50c9de5638e7754f",class:"sd-table__pagination"},h("sd-pagination",{key:"841c545c23de8b4bba4cce3c9f6608d16f7b4e54",currentPage:this.useInternalPagination?this.currentPage:this.pagination.page,lastPage:this.useInternalPagination?this.lastPageNumber:this.pagination.lastPage,onSdPageChange:t=>this.changePage(t.detail)}),this.useRowsPerPageSelect&&h("sd-select",{key:"a67e17bf3067953169ffa119ee41b1d7f46c2058",value:this.useInternalPagination?this.innerRowsPerPage:this.pagination.rowsPerPage,options:this.rowsPerPageOption,width:"128px",emitValue:!0,onSdUpdate:t=>{this.isRowsPerPageValue(t.detail)&&this.changeRowsPerPage(t.detail)}}))))}static get watchers(){return{isLoading:[{handleIsLoadingChange:0}],useVirtualScroll:[{handleUseVirtualScrollChange:0}],columns:[{handleColumnsChange:0}],rows:[{handleRowsChange:0}],tableId:[{handleTableIdChange:0}],noDataLabel:[{handleNoDataLabelChange:0}],selectable:[{handleConfigChange:0}],resizable:[{handleConfigChange:0}],stickyColumn:[{handleConfigChange:0}],stickyHeader:[{handleConfigChange:0}],selected:[{handleSelectedChange:0}],pagination:[{handlePaginationChange:0}]}}static get style(){return"sd-table,:host{display:block;width:100%;max-width:100%;min-width:0}sd-table *,:host *{box-sizing:border-box}.sd-table__container{height:var(--table-height, 100%);width:var(--table-width, 100%);max-width:100%;min-width:0;color:#222222;display:flex;flex-direction:column}.sd-table__clip{width:100%;min-width:0;height:var(--table-container-height, 400px);border:var(--table-border-width, 1px) solid var(--table-border-color, #E1E1E1);border-radius:var(--table-radius, 8px);overflow:hidden}.sd-table__clip--has-pagination{border-radius:var(--table-radius, 8px) var(--table-radius, 8px) 0 0}.sd-table__wrapper{width:100%;height:100%;display:flex;flex-direction:column;position:relative;font-family:var(--table-body-font-family, inherit);font-weight:var(--table-body-font-weight, 400);font-size:var(--table-body-font-size, 12px);line-height:var(--table-body-line-height, 20px);text-decoration:var(--table-body-text-decoration, none);overflow:auto;background:#FFFFFF}.sd-table__wrapper--loading{overflow:hidden !important;pointer-events:none}.sd-table__wrapper--no-data{overflow:hidden;pointer-events:none}.sd-table__no-data{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:var(--table-body-font-size, 12px);color:#888888;pointer-events:none;z-index:200;background:rgba(255, 255, 255, 0.6)}.sd-table__no-data ::slotted(*),.sd-table__no-data span{pointer-events:auto}.sd-table__loading{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255, 255, 255, 0.6);z-index:200;display:flex;align-items:center;justify-content:center;pointer-events:none}.sd-table{background-color:white;display:table;width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.sd-table--selectable sd-thead,.sd-table--selectable sd-tbody{--selectable:true}.sd-table--sticky-header sd-thead thead{position:sticky;top:0;z-index:120}.sd-table--sticky-column sd-thead,.sd-table--sticky-column sd-tbody{--sticky-column:true}.sd-table--scrolled-left sd-thead,.sd-table--scrolled-left sd-tbody{--scrolled-left:true}.sd-table--scrolled-right sd-thead,.sd-table--scrolled-right sd-tbody{--scrolled-right:true}.sd-table--resizable sd-thead{--resizable:true}.sd-table--no-data sd-thead{opacity:0.4}.sd-table__pagination{position:relative;background:#F9F9F9;height:48px;display:flex;align-items:center;justify-content:center;border:var(--table-border-width, 1px) solid var(--table-border-color, #E1E1E1);border-top:none;border-radius:0 0 var(--table-radius, 8px) var(--table-radius, 8px)}.sd-table__pagination sd-select{position:absolute;right:10px;top:50%;transform:translateY(-50%)}"}},[769,"sd-table",{tableId:[513,"table-id"],columns:[16],rows:[16],selected:[1040],rowKey:[1,"row-key"],selectable:[4],resizable:[4],width:[1],height:[1],stickyHeader:[4,"sticky-header"],stickyColumn:[16],noDataLabel:[1,"no-data-label"],isLoading:[4,"is-loading"],pagination:[16],useInternalPagination:[4,"use-internal-pagination"],useRowsPerPageSelect:[4,"use-rows-per-page-select"],useVirtualScroll:[4,"use-virtual-scroll"],rowHeight:[2,"row-height"],virtualBuffer:[2,"virtual-buffer"],virtualEndThreshold:[2,"virtual-end-threshold"],rowsPerPageOption:[16],resolvedNoDataLabel:[32],currentPage:[32],innerRowsPerPage:[32],innerSelected:[32],columnWidths:[32],scrolledLeft:[32],scrolledRight:[32],rowCount:[32],loadingScrollTop:[32],autoThead:[32],autoTbody:[32],isRowSelected:[64],updateRowSelect:[64],toggleSelectAll:[64],getIsAllChecked:[64],getStickyStyle:[64],setRowCount:[64],getPaginationInfo:[64]},void 0,{isLoading:[{handleIsLoadingChange:0}],useVirtualScroll:[{handleUseVirtualScrollChange:0}],columns:[{handleColumnsChange:0}],rows:[{handleRowsChange:0}],tableId:[{handleTableIdChange:0}],noDataLabel:[{handleNoDataLabelChange:0}],selectable:[{handleConfigChange:0}],resizable:[{handleConfigChange:0}],stickyColumn:[{handleConfigChange:0}],stickyHeader:[{handleConfigChange:0}],selected:[{handleSelectedChange:0}],pagination:[{handlePaginationChange:0}]}]),j=A,I=function(){"undefined"!=typeof customElements&&["sd-table","sd-button","sd-checkbox","sd-circle-progress","sd-field","sd-floating-portal","sd-icon","sd-pagination","sd-portal","sd-select","sd-select-list-item","sd-select-list-item-search","sd-select-listbox","sd-select-trigger","sd-tbody","sd-thead","sd-tooltip","sd-tr"].forEach((t=>{switch(t){case"sd-table":customElements.get(o(t))||customElements.define(o(t),A);break;case"sd-button":customElements.get(o(t))||u();break;case"sd-checkbox":customElements.get(o(t))||b();break;case"sd-circle-progress":customElements.get(o(t))||g();break;case"sd-field":customElements.get(o(t))||p();break;case"sd-floating-portal":customElements.get(o(t))||f();break;case"sd-icon":customElements.get(o(t))||m();break;case"sd-pagination":customElements.get(o(t))||y();break;case"sd-portal":customElements.get(o(t))||w();break;case"sd-select":customElements.get(o(t))||C();break;case"sd-select-list-item":customElements.get(o(t))||S();break;case"sd-select-list-item-search":customElements.get(o(t))||k();break;case"sd-select-listbox":customElements.get(o(t))||v();break;case"sd-select-trigger":customElements.get(o(t))||x();break;case"sd-tbody":customElements.get(o(t))||_();break;case"sd-thead":customElements.get(o(t))||P();break;case"sd-tooltip":customElements.get(o(t))||E();break;case"sd-tr":customElements.get(o(t))||R()}}))};export{j as SdTable,I as defineCustomElement}

package/dist/components/sd-tabs.js

@@ -1 +1 @@
-import{p as t,H as s,c as e,h as a,t as d}from"./p-CNAzAL53.js";import{d as b}from"./p-DaAhgdib.js";import{d as i}from"./p-SDBnyM8D.js";var n={tab:{main:{lg:{height:"44",paddingX:"32"},md:{height:"36",paddingX:"24"},gap:"8",container:{gap:"4"},radius:"6",border:{width:"1"},selected:{bg:"#FFFFFF",text:"#0075FF",border:"#0075FF",typography:{fontWeight:"700"}},default:{bg:"#F6F6F6",text:"#888888",border:"#CCCCCC",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",fontWeight:"400",fontSize:"12",lineHeight:"20"}}},sub:{selected:{text:"#0075FF",line:"#0075FF",typography:{fontWeight:"700"}},default:{text:"#222222",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",fontWeight:"400",fontSize:"12",lineHeight:"20"}},border:{width:"1"},gap:"24",content:{gap:"4"}}}};const o={md:{height:Number(n.tab.main.md.height),paddingX:Number(n.tab.main.md.paddingX)},lg:{height:Number(n.tab.main.lg.height),paddingX:Number(n.tab.main.lg.paddingX)},gap:Number(n.tab.main.gap),containerGap:Number(n.tab.main.container.gap),radius:Number(n.tab.main.radius),borderWidth:Number(n.tab.main.border.width)},r={selected:{bg:n.tab.main.selected.bg,text:n.tab.main.selected.text,border:n.tab.main.selected.border},default:{bg:n.tab.main.default.bg,text:n.tab.main.default.text,border:n.tab.main.default.border}},l={selected:n.tab.main.selected.typography,default:n.tab.main.default.typography},u=Number(n.tab.sub.gap),c=Number(n.tab.sub.content.gap),g=Number(n.tab.sub.border.width),h={selected:{text:n.tab.sub.selected.text,line:n.tab.sub.selected.line},default:{text:n.tab.sub.default.text}},m={selected:n.tab.sub.selected.typography,default:n.tab.sub.default.typography},f=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.update=e(this,"sdUpdate",7)}value;tabs=[];size="md";isSub=!1;update;valueChanged(t){this.value=t}handleTabClick=t=>{this.value=t.value,this.update.emit(t.value)};isTabSelected(t){return this.value===t.value}getTabClasses(t){return["sd-tabs__tab",this.isTabSelected(t)?"sd-tabs__tab--selected":"sd-tabs__tab--unselected"].join(" ")}getContainerClasses(){const t=["sd-tabs","sd-tabs--"+(this.size??"md")];return this.isSub&&t.push("sd-tabs--sub"),t.join(" ")}getBadgeName(t){return"square_xs_"+(this.isTabSelected(t)?"blue":"grey")}buildCssVars(){const t=o[this.size??"md"];return{"--sd-tabs-main-height":t.height+"px","--sd-tabs-main-padding-x":t.paddingX+"px","--sd-tabs-main-gap":o.gap+"px","--sd-tabs-main-container-gap":o.containerGap+"px","--sd-tabs-main-radius":o.radius+"px","--sd-tabs-main-border-width":o.borderWidth+"px","--sd-tabs-main-selected-bg":r.selected.bg,"--sd-tabs-main-selected-text":r.selected.text,"--sd-tabs-main-selected-border":r.selected.border,"--sd-tabs-main-default-bg":r.default.bg,"--sd-tabs-main-default-text":r.default.text,"--sd-tabs-main-default-border":r.default.border,"--sd-tabs-main-font-family":l.default.fontFamily,"--sd-tabs-main-font-size":l.default.fontSize+"px","--sd-tabs-main-line-height":l.default.lineHeight+"px","--sd-tabs-main-font-weight-default":l.default.fontWeight,"--sd-tabs-main-font-weight-selected":l.selected.fontWeight,"--sd-tabs-sub-gap":u+"px","--sd-tabs-sub-content-gap":c+"px","--sd-tabs-sub-border-width":g+"px","--sd-tabs-sub-selected-text":h.selected.text,"--sd-tabs-sub-selected-line":h.selected.line,"--sd-tabs-sub-default-text":h.default.text,"--sd-tabs-sub-font-family":m.default.fontFamily,"--sd-tabs-sub-font-size":m.default.fontSize+"px","--sd-tabs-sub-line-height":m.default.lineHeight+"px","--sd-tabs-sub-font-weight-default":m.default.fontWeight,"--sd-tabs-sub-font-weight-selected":m.selected.fontWeight}}render(){return a("div",{key:"390edfad274caa06df38af9d04580015a1744a44",class:this.getContainerClasses(),style:this.buildCssVars()},this.tabs.map(((t,s)=>{const e=this.getBadgeName(t);return a("div",{key:"tab-"+s,class:this.getTabClasses(t),"aria-label":t.label||"tab",onClick:()=>this.handleTabClick(t)},a("span",{"data-label":t.label,class:"sd-tabs__label"},t.label),null!=t.badge&&""!==t.badge&&a("sd-tag",{name:e,label:""+t.badge}))})))}static get watchers(){return{value:[{valueChanged:0}]}}static get style(){return'sd-tabs{display:inline-block;width:100%}sd-tabs .sd-tabs{display:flex;flex-direction:row;gap:var(--sd-tabs-main-container-gap);border-bottom:var(--sd-tabs-main-border-width) solid var(--sd-tabs-main-selected-border);font-family:var(--sd-tabs-main-font-family)}sd-tabs .sd-tabs__tab{display:flex;align-items:center;justify-content:center;gap:var(--sd-tabs-main-gap);cursor:pointer;box-sizing:border-box;height:var(--sd-tabs-main-height);padding:0 var(--sd-tabs-main-padding-x);border:var(--sd-tabs-main-border-width) solid var(--sd-tabs-main-default-border);border-bottom:none;border-top-left-radius:var(--sd-tabs-main-radius);border-top-right-radius:var(--sd-tabs-main-radius);background-color:var(--sd-tabs-main-default-bg);color:var(--sd-tabs-main-default-text);font-size:var(--sd-tabs-main-font-size);line-height:var(--sd-tabs-main-line-height);font-weight:var(--sd-tabs-main-font-weight-default);transition:all 0.2s ease;position:relative;user-select:none}sd-tabs .sd-tabs__tab::before{content:"";position:absolute;inset:0;opacity:0;transition:all 0.2s;pointer-events:none}sd-tabs .sd-tabs__tab--selected{border-color:var(--sd-tabs-main-selected-border);color:var(--sd-tabs-main-selected-text);background-color:var(--sd-tabs-main-selected-bg)}sd-tabs .sd-tabs__tab--selected .sd-tabs__label::before{font-weight:var(--sd-tabs-main-font-weight-selected)}sd-tabs .sd-tabs__tab--selected:hover::before{background-color:var(--sd-tabs-main-selected-border);opacity:0.15}sd-tabs .sd-tabs__tab--unselected:hover::before{background-color:var(--sd-tabs-main-default-text);opacity:0.15}sd-tabs .sd-tabs__label{user-select:none;font-weight:var(--sd-tabs-main-font-weight-selected);visibility:hidden;position:relative;white-space:nowrap}sd-tabs .sd-tabs__label::before{content:attr(data-label);visibility:visible;position:absolute;inset:0;font-weight:var(--sd-tabs-main-font-weight-default);transition:font-weight 0.2s ease}sd-tabs .sd-tabs--sub{gap:var(--sd-tabs-sub-gap);border-bottom:none;font-family:var(--sd-tabs-sub-font-family)}sd-tabs .sd-tabs--sub .sd-tabs__tab{height:auto;padding:0 0 var(--sd-tabs-sub-content-gap) 0;border:none;border-radius:0;background-color:transparent;color:var(--sd-tabs-sub-default-text);font-size:var(--sd-tabs-sub-font-size);line-height:var(--sd-tabs-sub-line-height);font-weight:var(--sd-tabs-sub-font-weight-default)}sd-tabs .sd-tabs--sub .sd-tabs__tab::before{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--sd-tabs-sub-border-width);width:100%;background-color:var(--sd-tabs-sub-selected-line);opacity:0;transition:opacity 0.2s ease;inset:auto 0 0 0;pointer-events:none}sd-tabs .sd-tabs--sub .sd-tabs__tab--selected{color:var(--sd-tabs-sub-selected-text);background-color:transparent}sd-tabs .sd-tabs--sub .sd-tabs__tab--selected::before{opacity:1}sd-tabs .sd-tabs--sub .sd-tabs__tab--selected .sd-tabs__label::before{font-weight:var(--sd-tabs-sub-font-weight-selected)}sd-tabs .sd-tabs--sub .sd-tabs__label{font-weight:var(--sd-tabs-sub-font-weight-selected)}sd-tabs .sd-tabs--sub .sd-tabs__label::before{font-weight:var(--sd-tabs-sub-font-weight-default)}'}},[512,"sd-tabs",{value:[1537],tabs:[1040],size:[513],isSub:[516,"is-sub"]},void 0,{value:[{valueChanged:0}]}]),p=f,v=function(){"undefined"!=typeof customElements&&["sd-tabs","sd-icon","sd-tag"].forEach((t=>{switch(t){case"sd-tabs":customElements.get(d(t))||customElements.define(d(t),f);break;case"sd-icon":customElements.get(d(t))||b();break;case"sd-tag":customElements.get(d(t))||i()}}))};export{p as SdTabs,v as defineCustomElement}
+import{p as t,H as s,c as e,h as a,t as d}from"./p-Bm8Fue-a.js";import{d as b}from"./p-BynnUMVZ.js";import{d as i}from"./p-CkgQbCMR.js";var n={tab:{main:{lg:{height:"44",paddingX:"32"},md:{height:"36",paddingX:"24"},gap:"8",container:{gap:"4"},radius:"6",border:{width:"1"},selected:{bg:"#FFFFFF",text:"#0075FF",border:"#0075FF",typography:{fontWeight:"700"}},default:{bg:"#F6F6F6",text:"#888888",border:"#CCCCCC",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",fontWeight:"400",fontSize:"12",lineHeight:"20"}}},sub:{selected:{text:"#0075FF",line:"#0075FF",typography:{fontWeight:"700"}},default:{text:"#222222",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",fontWeight:"400",fontSize:"12",lineHeight:"20"}},border:{width:"1"},gap:"24",content:{gap:"4"}}}};const o={md:{height:Number(n.tab.main.md.height),paddingX:Number(n.tab.main.md.paddingX)},lg:{height:Number(n.tab.main.lg.height),paddingX:Number(n.tab.main.lg.paddingX)},gap:Number(n.tab.main.gap),containerGap:Number(n.tab.main.container.gap),radius:Number(n.tab.main.radius),borderWidth:Number(n.tab.main.border.width)},r={selected:{bg:n.tab.main.selected.bg,text:n.tab.main.selected.text,border:n.tab.main.selected.border},default:{bg:n.tab.main.default.bg,text:n.tab.main.default.text,border:n.tab.main.default.border}},l={selected:n.tab.main.selected.typography,default:n.tab.main.default.typography},u=Number(n.tab.sub.gap),c=Number(n.tab.sub.content.gap),g=Number(n.tab.sub.border.width),h={selected:{text:n.tab.sub.selected.text,line:n.tab.sub.selected.line},default:{text:n.tab.sub.default.text}},m={selected:n.tab.sub.selected.typography,default:n.tab.sub.default.typography},f=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.update=e(this,"sdUpdate",7)}value;tabs=[];size="md";isSub=!1;update;valueChanged(t){this.value=t}handleTabClick=t=>{this.value=t.value,this.update.emit(t.value)};isTabSelected(t){return this.value===t.value}getTabClasses(t){return["sd-tabs__tab",this.isTabSelected(t)?"sd-tabs__tab--selected":"sd-tabs__tab--unselected"].join(" ")}getContainerClasses(){const t=["sd-tabs","sd-tabs--"+(this.size??"md")];return this.isSub&&t.push("sd-tabs--sub"),t.join(" ")}getBadgeName(t){return"square_xs_"+(this.isTabSelected(t)?"blue":"grey")}buildCssVars(){const t=o[this.size??"md"];return{"--sd-tabs-main-height":t.height+"px","--sd-tabs-main-padding-x":t.paddingX+"px","--sd-tabs-main-gap":o.gap+"px","--sd-tabs-main-container-gap":o.containerGap+"px","--sd-tabs-main-radius":o.radius+"px","--sd-tabs-main-border-width":o.borderWidth+"px","--sd-tabs-main-selected-bg":r.selected.bg,"--sd-tabs-main-selected-text":r.selected.text,"--sd-tabs-main-selected-border":r.selected.border,"--sd-tabs-main-default-bg":r.default.bg,"--sd-tabs-main-default-text":r.default.text,"--sd-tabs-main-default-border":r.default.border,"--sd-tabs-main-font-family":l.default.fontFamily,"--sd-tabs-main-font-size":l.default.fontSize+"px","--sd-tabs-main-line-height":l.default.lineHeight+"px","--sd-tabs-main-font-weight-default":l.default.fontWeight,"--sd-tabs-main-font-weight-selected":l.selected.fontWeight,"--sd-tabs-sub-gap":u+"px","--sd-tabs-sub-content-gap":c+"px","--sd-tabs-sub-border-width":g+"px","--sd-tabs-sub-selected-text":h.selected.text,"--sd-tabs-sub-selected-line":h.selected.line,"--sd-tabs-sub-default-text":h.default.text,"--sd-tabs-sub-font-family":m.default.fontFamily,"--sd-tabs-sub-font-size":m.default.fontSize+"px","--sd-tabs-sub-line-height":m.default.lineHeight+"px","--sd-tabs-sub-font-weight-default":m.default.fontWeight,"--sd-tabs-sub-font-weight-selected":m.selected.fontWeight}}render(){return a("div",{key:"ff758fbab0a594c28968074a26ad92a28cd4850b",class:this.getContainerClasses(),style:this.buildCssVars()},this.tabs.map(((t,s)=>{const e=this.getBadgeName(t);return a("div",{key:"tab-"+s,class:this.getTabClasses(t),"aria-label":t.label||"tab",onClick:()=>this.handleTabClick(t)},a("span",{"data-label":t.label,class:"sd-tabs__label"},t.label),null!=t.badge&&""!==t.badge&&a("sd-tag",{name:e,label:""+t.badge}))})))}static get watchers(){return{value:[{valueChanged:0}]}}static get style(){return'sd-tabs{display:inline-block;width:100%}sd-tabs .sd-tabs{display:flex;flex-direction:row;gap:var(--sd-tabs-main-container-gap);border-bottom:var(--sd-tabs-main-border-width) solid var(--sd-tabs-main-selected-border);font-family:var(--sd-tabs-main-font-family)}sd-tabs .sd-tabs__tab{display:flex;align-items:center;justify-content:center;gap:var(--sd-tabs-main-gap);cursor:pointer;box-sizing:border-box;height:var(--sd-tabs-main-height);padding:0 var(--sd-tabs-main-padding-x);border:var(--sd-tabs-main-border-width) solid var(--sd-tabs-main-default-border);border-bottom:none;border-top-left-radius:var(--sd-tabs-main-radius);border-top-right-radius:var(--sd-tabs-main-radius);background-color:var(--sd-tabs-main-default-bg);color:var(--sd-tabs-main-default-text);font-size:var(--sd-tabs-main-font-size);line-height:var(--sd-tabs-main-line-height);font-weight:var(--sd-tabs-main-font-weight-default);transition:all 0.2s ease;position:relative;user-select:none}sd-tabs .sd-tabs__tab::before{content:"";position:absolute;inset:0;opacity:0;transition:all 0.2s;pointer-events:none}sd-tabs .sd-tabs__tab--selected{border-color:var(--sd-tabs-main-selected-border);color:var(--sd-tabs-main-selected-text);background-color:var(--sd-tabs-main-selected-bg)}sd-tabs .sd-tabs__tab--selected .sd-tabs__label::before{font-weight:var(--sd-tabs-main-font-weight-selected)}sd-tabs .sd-tabs__tab--selected:hover::before{background-color:var(--sd-tabs-main-selected-border);opacity:0.15}sd-tabs .sd-tabs__tab--unselected:hover::before{background-color:var(--sd-tabs-main-default-text);opacity:0.15}sd-tabs .sd-tabs__label{user-select:none;font-weight:var(--sd-tabs-main-font-weight-selected);visibility:hidden;position:relative;white-space:nowrap}sd-tabs .sd-tabs__label::before{content:attr(data-label);visibility:visible;position:absolute;inset:0;font-weight:var(--sd-tabs-main-font-weight-default);transition:font-weight 0.2s ease}sd-tabs .sd-tabs--sub{gap:var(--sd-tabs-sub-gap);border-bottom:none;font-family:var(--sd-tabs-sub-font-family)}sd-tabs .sd-tabs--sub .sd-tabs__tab{height:auto;padding:0 0 var(--sd-tabs-sub-content-gap) 0;border:none;border-radius:0;background-color:transparent;color:var(--sd-tabs-sub-default-text);font-size:var(--sd-tabs-sub-font-size);line-height:var(--sd-tabs-sub-line-height);font-weight:var(--sd-tabs-sub-font-weight-default)}sd-tabs .sd-tabs--sub .sd-tabs__tab::before{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--sd-tabs-sub-border-width);width:100%;background-color:var(--sd-tabs-sub-selected-line);opacity:0;transition:opacity 0.2s ease;inset:auto 0 0 0;pointer-events:none}sd-tabs .sd-tabs--sub .sd-tabs__tab--selected{color:var(--sd-tabs-sub-selected-text);background-color:transparent}sd-tabs .sd-tabs--sub .sd-tabs__tab--selected::before{opacity:1}sd-tabs .sd-tabs--sub .sd-tabs__tab--selected .sd-tabs__label::before{font-weight:var(--sd-tabs-sub-font-weight-selected)}sd-tabs .sd-tabs--sub .sd-tabs__label{font-weight:var(--sd-tabs-sub-font-weight-selected)}sd-tabs .sd-tabs--sub .sd-tabs__label::before{font-weight:var(--sd-tabs-sub-font-weight-default)}'}},[512,"sd-tabs",{value:[1537],tabs:[1040],size:[513],isSub:[516,"is-sub"]},void 0,{value:[{valueChanged:0}]}]),p=f,v=function(){"undefined"!=typeof customElements&&["sd-tabs","sd-icon","sd-tag"].forEach((t=>{switch(t){case"sd-tabs":customElements.get(d(t))||customElements.define(d(t),f);break;case"sd-icon":customElements.get(d(t))||b();break;case"sd-tag":customElements.get(d(t))||i()}}))};export{p as SdTabs,v as defineCustomElement}

package/dist/components/sd-tag.js

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

package/dist/components/sd-tbody.js

@@ -1 +1 @@
-import{p as t,H as s,h as e,d as o,t as a}from"./p-CNAzAL53.js";import{T as d}from"./p-sZMi_32I.js";const l=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}get el(){return this}rows=[];tableId="";topSpacerHeight=0;bottomSpacerHeight=0;tableEl=null;handleRowsChange(t){const s=t??[];this.tableEl?.setRowCountSync&&this.tableEl.setRowCountSync(s.length)}componentWillLoad(){this.syncTableContext(),this.rows=this.rows??[],this.tableEl?.setRowCountSync&&this.tableEl.setRowCountSync(this.rows.length),this.el.setSpacersSync=(t,s)=>{this.topSpacerHeight=t,this.bottomSpacerHeight=s}}componentDidLoad(){this.syncTableContext()}syncTableContext(){const t=this.el.closest("sd-table");this.tableEl=t;const s=t?.getTableIdSync?.(),e=t?.getAttribute(d),o=(s&&"undefined"!==s?s:null)??(e&&"undefined"!==e?e:null)??"";o&&o!==this.tableId&&(this.tableId=o)}render(){const t=this.rows.length>0;return e(o,{key:"e4c64dbf97185bbc6eaec4b883c65dc8ebd34ece",slot:this.tableId+"-body"},e("tbody",{key:"b2fb886684a5a6055d3af659bba75dd9bc801b73",class:{tbody:!0,"tbody--empty":!t}},t?[this.topSpacerHeight>0&&e("tr",{key:"spacer-top",class:"tbody__spacer",style:{height:this.topSpacerHeight+"px",display:"block"}}),e("slot",null),this.bottomSpacerHeight>0&&e("tr",{key:"spacer-bottom",class:"tbody__spacer",style:{height:this.bottomSpacerHeight+"px",display:"block"}})]:e("tr",{class:"tbody__no-data-row"},e("td",{class:"tbody__no-data-cell",colSpan:100},e("slot",{name:"no-data"})))))}static get watchers(){return{rows:[{handleRowsChange:0}]}}static get style(){return":host{display:contents}:host *{box-sizing:border-box}.tbody{display:table-row-group}.tbody--empty .tbody__no-data-row{display:table-row}.tbody--empty .tbody__no-data-cell{display:table-cell;padding:0;border-bottom:none}"}},[769,"sd-tbody",{rows:[16],tableId:[32],topSpacerHeight:[32],bottomSpacerHeight:[32]},void 0,{rows:[{handleRowsChange:0}]}]),i=l,n=function(){"undefined"!=typeof customElements&&["sd-tbody"].forEach((t=>{"sd-tbody"===t&&(customElements.get(a(t))||customElements.define(a(t),l))}))};export{i as SdTbody,n as defineCustomElement}
+import{S as o,d as s}from"./p-B6KZfiQ5.js";const p=o,r=s;export{p as SdTbody,r as defineCustomElement}

package/dist/components/sd-td.js

@@ -1 +1 @@
-import{p as e,H as t,f as s,h as n,d,t as i}from"./p-CNAzAL53.js";import{T as l}from"./p-sZMi_32I.js";const a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost()}get el(){return this}field;rowKey;align;handleFieldChange(){this.syncSlotName()}handleRowKeyChange(){this.syncSlotName()}componentWillLoad(){this.syncSlotName();const e=this.el.parentElement;"sd-tr"===e?.tagName?.toLowerCase()&&s(e)}componentDidLoad(){this.syncSlotName()}syncSlotName(){const e=this.el.closest("sd-table"),t=e?.getTableIdSync?.(),s=e?.getAttribute(l),n=(t&&"undefined"!==t?t:null)??(s&&"undefined"!==s?s:null)??"";this.field&&void 0!==this.rowKey&&n&&this.el.setAttribute("slot",`${n}-${this.field}-${this.rowKey}`)}render(){return n(d,{key:"672c967273dac405ed4a47fa5939463265075681",class:{["align-"+this.align]:!!this.align}},n("slot",{key:"c15e572fdf4a8c68fff8b69b586dfbf9f01dce1b"}))}static get watchers(){return{field:[{handleFieldChange:0}],rowKey:[{handleRowKeyChange:0}]}}static get style(){return"sd-td *{box-sizing:border-box}sd-td{display:contents}sd-td.align-left{text-align:left}sd-td.align-center{text-align:center}sd-td.align-right{text-align:right}"}},[772,"sd-td",{field:[1],rowKey:[1,"row-key"],align:[1]},void 0,{field:[{handleFieldChange:0}],rowKey:[{handleRowKeyChange:0}]}]),o=a,r=function(){"undefined"!=typeof customElements&&["sd-td"].forEach((e=>{"sd-td"===e&&(customElements.get(i(e))||customElements.define(i(e),a))}))};export{o as SdTd,r as defineCustomElement}
+import{p as t,H as e,f as s,h as n,d as a,t as i}from"./p-Bm8Fue-a.js";import{T as h}from"./p-sZMi_32I.js";const d=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost()}get el(){return this}field;rowKey;align;rowspan;colspan;handleFieldChange(){this.syncSlotName(),this.syncSpanRegistration()}handleRowKeyChange(){this.syncSlotName(),this.syncSpanRegistration()}handleSpanChange(){this.syncSpanRegistration()}componentWillLoad(){this.syncSlotName(),this.syncSpanRegistration();const t=this.el.parentElement;"sd-tr"===t?.tagName?.toLowerCase()&&s(t)}componentDidLoad(){this.syncSlotName(),this.syncSpanRegistration()}connectedCallback(){this.syncSpanRegistration()}disconnectedCallback(){const t=this.findTable();t?.unregisterSpanSync&&this.field&&null!=this.rowKey&&(t.unregisterSpanSync(this.rowKey+"",this.field),this.requestParentTrUpdate())}findTable(){return this.el.closest("sd-table")}requestParentTrUpdate(){const t=this.el.parentElement;"sd-tr"===t?.tagName?.toLowerCase()&&("function"==typeof t.bumpSpansVersion?t.bumpSpansVersion():s(t))}syncSpanRegistration(){const t=this.findTable();t?.registerSpanSync&&this.field&&null!=this.rowKey&&(t.registerSpanSync(this.rowKey+"",this.field,Math.max(1,Math.floor(Number(this.rowspan)||1)),Math.max(1,Math.floor(Number(this.colspan)||1))),this.requestParentTrUpdate())}syncSlotName(){const t=this.el.closest("sd-table"),e=t?.getTableIdSync?.(),s=t?.getAttribute(h),n=(e&&"undefined"!==e?e:null)??(s&&"undefined"!==s?s:null)??"";this.field&&void 0!==this.rowKey&&n&&this.el.setAttribute("slot",`${n}-${this.field}-${this.rowKey}`)}render(){return n(a,{key:"1702396f538453cf26beb81b63926ea73b7baa89",class:{["align-"+this.align]:!!this.align}},n("slot",{key:"bd04afefd83178f48eb93b4e7d189386a817ff72"}))}static get watchers(){return{field:[{handleFieldChange:0}],rowKey:[{handleRowKeyChange:0}],rowspan:[{handleSpanChange:0}],colspan:[{handleSpanChange:0}]}}static get style(){return"sd-td *{box-sizing:border-box}sd-td{display:contents}sd-td.align-left{text-align:left}sd-td.align-center{text-align:center}sd-td.align-right{text-align:right}"}},[772,"sd-td",{field:[1],rowKey:[1,"row-key"],align:[1],rowspan:[2],colspan:[2]},void 0,{field:[{handleFieldChange:0}],rowKey:[{handleRowKeyChange:0}],rowspan:[{handleSpanChange:0}],colspan:[{handleSpanChange:0}]}]),l=d,o=function(){"undefined"!=typeof customElements&&["sd-td"].forEach((t=>{"sd-td"===t&&(customElements.get(i(t))||customElements.define(i(t),d))}))};export{l as SdTd,o as defineCustomElement}

package/dist/components/sd-text-link.js

@@ -1 +1 @@
-import{p as e,H as t,c as s,h as i,t as n}from"./p-CNAzAL53.js";import{d as l}from"./p-DaAhgdib.js";var d={textLink:{gap:"4",size:{icon:"16"},typography:{default:{textDecoration:"none"},underline:{textDecoration:"underline"}},content:{disabled:"#888888"},icon:{default:"#006AC1",disabled:"#BBBBBB"}}};const o={gap:d.textLink.gap,iconSize:Number(d.textLink.size.icon),arrowFrame:16,arrowIconSize:12,arrowColor:"#888888"},c={default:d.textLink.typography.default,underline:d.textLink.typography.underline},a={content:d.textLink.content,icon:d.textLink.icon},r=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.click=s(this,"sdClick",7)}label="";icon="";iconColor="";labelClass="";useArrow=!1;underline=!1;disabled=!1;click;handleClick=()=>{this.disabled||this.click.emit()};render(){const e=this.underline?c.underline:c.default,t=["sd-text-link__label",this.labelClass].filter(Boolean).join(" "),s=this.disabled?a.icon.disabled:o.arrowColor,n={"--sd-text-link-gap":o.gap+"px","--sd-text-link-text-decoration":e.textDecoration,...this.disabled?{"--sd-text-link-color":a.content.disabled}:{}};return i("span",{key:"1128254cddacf5869f320ce2b788b06646f27d7f",class:{"sd-text-link":!0,"sd-text-link--disabled":this.disabled},style:n,onClick:this.handleClick},this.icon&&i("sd-icon",{key:"52c069d637a2ccf9cd4e7bd1ab3a62ea981d2e1e",name:this.icon,size:o.iconSize,color:this.disabled?a.icon.disabled:this.iconColor||a.icon.default,class:"sd-text-link__icon"}),i("span",{key:"99a09359c75c2eb6c2e2ef6b9e3b87d92c3f7810",class:t},this.label),this.useArrow&&i("span",{key:"c7e77454d9d002c0e043dc71a418c65ecd60cff5",class:"sd-text-link__arrow",style:{width:o.arrowFrame+"px",height:o.arrowFrame+"px",display:"inline-flex",alignItems:"center",justifyContent:"center"}},i("sd-icon",{key:"677c88823b02084449cd2dec83cc6bd27dfb8006",name:"chevronRight",size:o.arrowIconSize,color:s})))}static get style(){return"sd-text-link{display:inline-flex}sd-text-link .sd-text-link{display:inline-flex;align-items:center;gap:var(--sd-text-link-gap);cursor:pointer;user-select:none}sd-text-link .sd-text-link__label{text-decoration:var(--sd-text-link-text-decoration);color:var(--sd-text-link-color, inherit)}sd-text-link .sd-text-link:not(.sd-text-link--disabled):hover .sd-text-link__label{text-decoration:underline}sd-text-link .sd-text-link--disabled{cursor:not-allowed}"}},[512,"sd-text-link",{label:[1],icon:[1],iconColor:[1,"icon-color"],labelClass:[1,"label-class"],useArrow:[516,"use-arrow"],underline:[516],disabled:[516]}]),x=r,k=function(){"undefined"!=typeof customElements&&["sd-text-link","sd-icon"].forEach((e=>{switch(e){case"sd-text-link":customElements.get(n(e))||customElements.define(n(e),r);break;case"sd-icon":customElements.get(n(e))||l()}}))};export{x as SdTextLink,k as defineCustomElement}
+import{p as e,H as t,c as s,h as i,t as n}from"./p-Bm8Fue-a.js";import{d as l}from"./p-BynnUMVZ.js";var a={textLink:{gap:"4",size:{icon:"16"},typography:{default:{textDecoration:"none"},underline:{textDecoration:"underline"}},content:{disabled:"#888888"},icon:{default:"#006AC1",disabled:"#BBBBBB"}}};const o={gap:a.textLink.gap,iconSize:Number(a.textLink.size.icon),arrowFrame:16,arrowIconSize:12,arrowColor:"#888888"},d={default:a.textLink.typography.default,underline:a.textLink.typography.underline},c={content:a.textLink.content,icon:a.textLink.icon},r=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.click=s(this,"sdClick",7)}label="";icon="";iconColor="";labelClass="";useArrow=!1;underline=!1;disabled=!1;click;handleClick=()=>{this.disabled||this.click.emit()};render(){const e=this.underline?d.underline:d.default,t=["sd-text-link__label",this.labelClass].filter(Boolean).join(" "),s=this.disabled?c.icon.disabled:o.arrowColor,n={"--sd-text-link-gap":o.gap+"px","--sd-text-link-text-decoration":e.textDecoration,...this.disabled?{"--sd-text-link-color":c.content.disabled}:{}};return i("span",{key:"9bd62ac603764a5938f3c72bac3a8bf893dfb233",class:{"sd-text-link":!0,"sd-text-link--disabled":this.disabled},style:n,onClick:this.handleClick},this.icon&&i("sd-icon",{key:"9d63aea3c45c4962e5766e7059a166a85e7a357f",name:this.icon,size:o.iconSize,color:this.disabled?c.icon.disabled:this.iconColor||c.icon.default,class:"sd-text-link__icon"}),i("span",{key:"dc73d60dd1e593c597a6b5dd977db380c21ff680",class:t},this.label),this.useArrow&&i("span",{key:"2b25dfb6ae2f857b674341427f93ee34e4691893",class:"sd-text-link__arrow",style:{width:o.arrowFrame+"px",height:o.arrowFrame+"px",display:"inline-flex",alignItems:"center",justifyContent:"center"}},i("sd-icon",{key:"a5c8fb48e66f4a6820da1a54cedd7b1a13c5dcec",name:"chevronRight",size:o.arrowIconSize,color:s})))}static get style(){return"sd-text-link{display:inline-flex}sd-text-link .sd-text-link{display:inline-flex;align-items:center;gap:var(--sd-text-link-gap);cursor:pointer;user-select:none}sd-text-link .sd-text-link__label{text-decoration:var(--sd-text-link-text-decoration);color:var(--sd-text-link-color, inherit)}sd-text-link .sd-text-link:not(.sd-text-link--disabled):hover .sd-text-link__label{text-decoration:underline}sd-text-link .sd-text-link--disabled{cursor:not-allowed}"}},[512,"sd-text-link",{label:[1],icon:[1],iconColor:[1,"icon-color"],labelClass:[1,"label-class"],useArrow:[516,"use-arrow"],underline:[516],disabled:[516]}]),x=r,k=function(){"undefined"!=typeof customElements&&["sd-text-link","sd-icon"].forEach((e=>{switch(e){case"sd-text-link":customElements.get(n(e))||customElements.define(n(e),r);break;case"sd-icon":customElements.get(n(e))||l()}}))};export{x as SdTextLink,k as defineCustomElement}

package/dist/components/sd-textarea.js

@@ -1 +1 @@
-import{p as e,H as t,c as s,h as a,t as i}from"./p-CNAzAL53.js";import{n as d}from"./p-CCwNgVmC.js";import{i as r}from"./p-ByhWX2NK.js";import{d as l}from"./p-BZm6KN1s.js";import{d as o}from"./p-Bp0B8tcl.js";import{d as n}from"./p-BM0sVq5Z.js";import{d as h}from"./p-DaAhgdib.js";import{d as c}from"./p-CTwEbxRN.js";const u={paddingX:r.textinput.sm.paddingX,paddingY:r.textinput.sm.paddingY,radius:r.textinput.sm.radius,fontSize:r.textinput.sm.typography.fontSize,lineHeight:r.textinput.sm.typography.lineHeight,fontWeight:r.textinput.sm.typography.fontWeight},p={text:r.textinput.text,bg:r.textinput.bg,border:r.textinput.border,resizer:r.textinput.resizer},x=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.input=s(this,"sdUpdate",7),this.focus=s(this,"sdFocus",7),this.blur=s(this,"sdBlur",7)}get host(){return this}value=null;placeholder="입력해 주세요.";disabled=!1;readonly=!1;autoFocus=!1;textareaClass="";textareaStyle={};maxLength;rows;spellcheck=!1;width="";label="";labelWidth="";addonLabel="";addonAlign="start";hint="";errorMessage="";icon=void 0;labelTooltip="";labelTooltipProps=null;rules=[];error=!1;status;focused=!1;hovered=!1;internalValue=null;nativeEl=void 0;formField;name=d();input;focus;blur;valueChanged(e){this.internalValue=e}internalValueChanged(e){e!==this.value&&(this.value=e,this.input?.emit(this.value))}async sdGetNativeElement(){return this.nativeEl||null}async sdValidate(){this.formField?.sdValidate()}async sdReset(){this.formField?.sdReset()}async sdResetValidate(){this.formField?.sdResetValidation()}async sdFocus(){this.formField?.sdFocus()}componentWillLoad(){null!=this.value&&(this.internalValue=this.value)}componentDidLoad(){this.autoFocus&&this.nativeEl?.focus()}handleInput=e=>{this.internalValue=e.target.value};handleFocus=async(e,t)=>{this.focused="focus"===e,"blur"===e?(this.rules&&this.rules.length>0&&await(this.formField?.sdValidate()),this.blur?.emit(t)):this.focus?.emit(t)};render(){return a("sd-field",{key:"345a70f335ee103a4e45c75e17559359beec01c9",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:{"--sd-textarea-font-size":u.fontSize+"px","--sd-textarea-line-height":u.lineHeight+"px","--sd-textarea-font-weight":u.fontWeight,"--sd-textarea-padding-x":u.paddingX+"px","--sd-textarea-padding-y":u.paddingY+"px","--sd-textarea-radius":u.radius+"px","--sd-textarea-text-color":p.text.default,"--sd-textarea-placeholder-color":p.text.placeholder,"--sd-textarea-disabled-color":p.text.disabled,"--sd-textarea-bg-color":p.bg.default,"--sd-textarea-disabled-bg-color":p.bg.disabled,"--sd-textarea-border-color":p.border.default,"--sd-textarea-resizer-color":p.resizer.color,"--sd-system-size-field-sm-height":"auto","--sd-system-radius-field-sm":u.radius+"px"}},a("div",{key:"dc09d61d06f3cefb15dce980e293a266fdf3d79d",class:"sd-textarea__content"},a("textarea",{key:"085de248d7376e0d19d3588bc836bd5ad17cb335",name:this.name,ref:e=>this.nativeEl=e,class:"sd-textarea__native "+this.textareaClass,value:this.internalValue||"",placeholder:this.placeholder,disabled:this.disabled,readOnly:this.readonly,autofocus:this.autoFocus,maxLength:this.maxLength,rows:this.rows,spellcheck:this.spellcheck,onInput:this.handleInput,onFocus:e=>this.handleFocus("focus",e),onBlur:e=>this.handleFocus("blur",e),style:this.textareaStyle})))}static get watchers(){return{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}}static get style(){return"sd-textarea{display:inline-flex}sd-textarea .sd-textarea__content{width:100%;display:flex}sd-textarea .sd-textarea__content .sd-textarea__native{width:100%;min-height:100px;border:none;outline:none;background:transparent;padding:var(--sd-textarea-padding-y) var(--sd-textarea-padding-x);font-family:inherit;font-size:var(--sd-textarea-font-size);line-height:var(--sd-textarea-line-height);font-weight:var(--sd-textarea-font-weight);color:var(--sd-textarea-text-color);resize:vertical}sd-textarea .sd-textarea__content .sd-textarea__native::placeholder{color:var(--sd-textarea-placeholder-color)}sd-textarea .sd-textarea__content .sd-textarea__native:disabled{cursor:not-allowed;color:var(--sd-textarea-disabled-color)}"}},[512,"sd-textarea",{value:[1025],placeholder:[1],disabled:[4],readonly:[4],autoFocus:[4,"auto-focus"],textareaClass:[1,"textarea-class"],textareaStyle:[16],maxLength:[2,"max-length"],rows:[2],spellcheck:[4],width:[8],label:[1],labelWidth:[8,"label-width"],addonLabel:[1,"addon-label"],addonAlign:[1,"addon-align"],hint:[1],errorMessage:[1,"error-message"],icon:[16],labelTooltip:[1,"label-tooltip"],labelTooltipProps:[16],rules:[16],error:[1028],status:[1],focused:[1028],hovered:[1028],name:[1],internalValue:[32],sdGetNativeElement:[64],sdValidate:[64],sdReset:[64],sdResetValidate:[64],sdFocus:[64]},void 0,{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}]),m=x,b=function(){"undefined"!=typeof customElements&&["sd-textarea","sd-button","sd-field","sd-floating-portal","sd-icon","sd-tooltip"].forEach((e=>{switch(e){case"sd-textarea":customElements.get(i(e))||customElements.define(i(e),x);break;case"sd-button":customElements.get(i(e))||l();break;case"sd-field":customElements.get(i(e))||o();break;case"sd-floating-portal":customElements.get(i(e))||n();break;case"sd-icon":customElements.get(i(e))||h();break;case"sd-tooltip":customElements.get(i(e))||c()}}))};export{m as SdTextarea,b as defineCustomElement}
+import{p as e,H as t,c as a,h as s,t as i}from"./p-Bm8Fue-a.js";import{n as d}from"./p-CCwNgVmC.js";import{i as r}from"./p-ByhWX2NK.js";import{d as l}from"./p-RpjjrX78.js";import{d as o}from"./p-BM_PRj8W.js";import{d as n}from"./p-ZH78tQXS.js";import{d as h}from"./p-BynnUMVZ.js";import{d as c}from"./p-BEOrkEV1.js";const u={paddingX:r.textinput.sm.paddingX,paddingY:r.textinput.sm.paddingY,radius:r.textinput.sm.radius,fontSize:r.textinput.sm.typography.fontSize,lineHeight:r.textinput.sm.typography.lineHeight,fontWeight:r.textinput.sm.typography.fontWeight},p={text:r.textinput.text,bg:r.textinput.bg,border:r.textinput.border,resizer:r.textinput.resizer},x=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.input=a(this,"sdUpdate",7),this.focus=a(this,"sdFocus",7),this.blur=a(this,"sdBlur",7)}get host(){return this}value=null;placeholder="입력해 주세요.";disabled=!1;readonly=!1;autoFocus=!1;textareaClass="";textareaStyle={};maxLength;rows;spellcheck=!1;width="";label="";labelWidth="";addonLabel="";addonAlign="start";hint="";errorMessage="";icon=void 0;labelTooltip="";labelTooltipProps=null;rules=[];error=!1;status;focused=!1;hovered=!1;internalValue=null;nativeEl=void 0;formField;name=d();input;focus;blur;valueChanged(e){this.internalValue=e}internalValueChanged(e){e!==this.value&&(this.value=e,this.input?.emit(this.value))}async sdGetNativeElement(){return this.nativeEl||null}async sdValidate(){this.formField?.sdValidate()}async sdReset(){this.formField?.sdReset()}async sdResetValidate(){this.formField?.sdResetValidation()}async sdFocus(){this.formField?.sdFocus()}componentWillLoad(){null!=this.value&&(this.internalValue=this.value)}componentDidLoad(){this.autoFocus&&this.nativeEl?.focus()}handleInput=e=>{this.internalValue=e.target.value};handleFocus=async(e,t)=>{this.focused="focus"===e,"blur"===e?(this.rules&&this.rules.length>0&&await(this.formField?.sdValidate()),this.blur?.emit(t)):this.focus?.emit(t)};render(){return s("sd-field",{key:"ca7dc6c13d22ba43cd99ee1e976599d7efb1eceb",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:{"--sd-textarea-font-size":u.fontSize+"px","--sd-textarea-line-height":u.lineHeight+"px","--sd-textarea-font-weight":u.fontWeight,"--sd-textarea-padding-x":u.paddingX+"px","--sd-textarea-padding-y":u.paddingY+"px","--sd-textarea-radius":u.radius+"px","--sd-textarea-text-color":p.text.default,"--sd-textarea-placeholder-color":p.text.placeholder,"--sd-textarea-disabled-color":p.text.disabled,"--sd-textarea-bg-color":p.bg.default,"--sd-textarea-disabled-bg-color":p.bg.disabled,"--sd-textarea-border-color":p.border.default,"--sd-textarea-resizer-color":p.resizer.color,"--sd-system-size-field-sm-height":"auto","--sd-system-radius-field-sm":u.radius+"px"}},s("div",{key:"a36ffabff714596bf780f2a63ccfde3e02eadda7",class:"sd-textarea__content"},s("textarea",{key:"b7f8a55b7ee4dfc394c380a97e21c6cc34d12b9b",name:this.name,ref:e=>this.nativeEl=e,class:"sd-textarea__native "+this.textareaClass,value:this.internalValue||"",placeholder:this.placeholder,disabled:this.disabled,readOnly:this.readonly,autofocus:this.autoFocus,maxLength:this.maxLength,rows:this.rows,spellcheck:this.spellcheck,onInput:this.handleInput,onFocus:e=>this.handleFocus("focus",e),onBlur:e=>this.handleFocus("blur",e),style:this.textareaStyle})))}static get watchers(){return{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}}static get style(){return"sd-textarea{display:inline-flex}sd-textarea .sd-textarea__content{width:100%;display:flex}sd-textarea .sd-textarea__content .sd-textarea__native{width:100%;min-height:100px;border:none;outline:none;background:transparent;padding:var(--sd-textarea-padding-y) var(--sd-textarea-padding-x);font-family:inherit;font-size:var(--sd-textarea-font-size);line-height:var(--sd-textarea-line-height);font-weight:var(--sd-textarea-font-weight);color:var(--sd-textarea-text-color);resize:vertical}sd-textarea .sd-textarea__content .sd-textarea__native::placeholder{color:var(--sd-textarea-placeholder-color)}sd-textarea .sd-textarea__content .sd-textarea__native:disabled{cursor:not-allowed;color:var(--sd-textarea-disabled-color)}"}},[512,"sd-textarea",{value:[1025],placeholder:[1],disabled:[4],readonly:[4],autoFocus:[4,"auto-focus"],textareaClass:[1,"textarea-class"],textareaStyle:[16],maxLength:[2,"max-length"],rows:[2],spellcheck:[4],width:[8],label:[1],labelWidth:[8,"label-width"],addonLabel:[1,"addon-label"],addonAlign:[1,"addon-align"],hint:[1],errorMessage:[1,"error-message"],icon:[16],labelTooltip:[1,"label-tooltip"],labelTooltipProps:[16],rules:[16],error:[1028],status:[1],focused:[1028],hovered:[1028],name:[1],internalValue:[32],sdGetNativeElement:[64],sdValidate:[64],sdReset:[64],sdResetValidate:[64],sdFocus:[64]},void 0,{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}]),m=x,b=function(){"undefined"!=typeof customElements&&["sd-textarea","sd-button","sd-field","sd-floating-portal","sd-icon","sd-tooltip"].forEach((e=>{switch(e){case"sd-textarea":customElements.get(i(e))||customElements.define(i(e),x);break;case"sd-button":customElements.get(i(e))||l();break;case"sd-field":customElements.get(i(e))||o();break;case"sd-floating-portal":customElements.get(i(e))||n();break;case"sd-icon":customElements.get(i(e))||h();break;case"sd-tooltip":customElements.get(i(e))||c()}}))};export{m as SdTextarea,b as defineCustomElement}