@sellmate/design-system 1.0.47 → 1.0.49

package/dist/components/{p-vFrxPNO8.js → p-ZoQO0p2E.js}

@@ -1 +1 @@
-import{p as t,H as e,c as s,h as i,t as l}from"./p-B1vJXa29.js";import{L as c,a as d,b as o}from"./p-BXuZFSsU.js";import{d as m}from"./p-Cnu8Ol-v.js";import{d as r}from"./p-BBYig1zV.js";const a=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.listItemClick=s(this,"sdListItemClick")}option;depth=1;isSelected=!1;isFocused=!1;useCheckbox=!1;countInfo;listItemClick;get isGroup(){return!!this.option.children}get isSelectable(){return!this.isGroup||this.useCheckbox}get depthKey(){return this.depth<=1?"depth1":2===this.depth?"depth2":"depth3"}get paddingLeft(){return`${c.paddingLeft[this.depthKey]}px`}handleClick=t=>{t.stopPropagation(),!this.option.disabled&&this.isSelectable&&this.listItemClick.emit(this.option)};handleCheckboxClick=t=>{t.stopPropagation()};handleCheckboxUpdate=t=>{t.stopPropagation(),!this.option.disabled&&this.isSelectable&&this.listItemClick.emit(this.option)};render(){const t=this.isGroup,e=t&&1===this.depth,s=t&&2===this.depth,l={"--list-item-padding-y":`${c.paddingY}px`,"--list-item-padding-left":this.paddingLeft,"--list-item-padding-right":`${c.paddingRight}px`,"--list-item-gap":`${c.gap}px`,"--list-item-font-size":`${o.fontSize}px`,"--list-item-line-height":`${o.lineHeight}px`,"--list-item-font-weight":o.fontWeight,"--list-item-bg":e?d.depth1.bg:s?d.depth2.bg:d.bg.default,"--list-item-bg-hover":d.bg.hover,"--list-item-color":d.content.default,"--list-item-color-hover":d.content.hover,"--list-item-color-disabled":d.content.disabled};return e&&(l["--list-item-border-top"]=`${d.depth1.borderWidth}px solid ${d.depth1.border}`),i("div",{key:"f0d65a9105fa1c67d3221c4f74e3d09ef2f8e04f",class:{"sd-select-v2-list-item":!0,"sd-select-v2-list-item--group":t,"sd-select-v2-list-item--depth1-group":e,"sd-select-v2-list-item--depth2-group":s,"sd-select-v2-list-item--selected":!0===this.isSelected,"sd-select-v2-list-item--indeterminate":null===this.isSelected,"sd-select-v2-list-item--focused":this.isFocused,"sd-select-v2-list-item--selectable":this.isSelectable&&!this.option.disabled,"sd-select-v2-list-item--disabled":!!this.option.disabled},style:l,onClick:this.handleClick},this.useCheckbox&&i("sd-checkbox",{key:"03a603a7df7cc2cff1053a892063914ea8779d1e",value:null===this.isSelected?null:!!this.isSelected,disabled:this.option.disabled,class:"sd-select-v2-list-item__checkbox",onClick:this.handleCheckboxClick,onSdUpdate:this.handleCheckboxUpdate}),i("span",{key:"bf97b1fe93f9473563bbf5545bc094240e3c52ac",class:"sd-select-v2-list-item__label"},this.option.label),this.countInfo&&i("span",{key:"3dfa34cb1d40eb253adcf468e5191c8dd6542c12",class:"sd-select-v2-list-item__count"},"(",this.countInfo.selected,"/",this.countInfo.total,")"))}static get style(){return"sd-select-v2-list-item{display:block}sd-select-v2-list-item .sd-select-v2-list-item{display:flex;align-items:center;gap:var(--list-item-gap);padding:var(--list-item-padding-y) var(--list-item-padding-right) var(--list-item-padding-y) var(--list-item-padding-left);font-size:var(--list-item-font-size);line-height:var(--list-item-line-height);font-weight:var(--list-item-font-weight);background:var(--list-item-bg);color:var(--list-item-color);cursor:default;user-select:none}sd-select-v2-list-item .sd-select-v2-list-item--selectable{cursor:pointer}sd-select-v2-list-item .sd-select-v2-list-item--depth1-group{border-top:var(--list-item-border-top);font-weight:700}sd-select-v2-list-item .sd-select-v2-list-item--depth2-group{font-weight:500}sd-select-v2-list-item .sd-select-v2-list-item--focused.sd-select-v2-list-item--selectable:not(.sd-select-v2-list-item--disabled){background:var(--list-item-bg-hover);color:var(--list-item-color-hover)}sd-select-v2-list-item .sd-select-v2-list-item--selected:not(.sd-select-v2-list-item--group){font-weight:700;color:var(--list-item-bg-hover)}sd-select-v2-list-item .sd-select-v2-list-item--selected.sd-select-v2-list-item--focused{color:var(--list-item-color-hover)}sd-select-v2-list-item .sd-select-v2-list-item--disabled{color:var(--list-item-color-disabled);cursor:not-allowed}sd-select-v2-list-item .sd-select-v2-list-item__label{flex:0 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}sd-select-v2-list-item .sd-select-v2-list-item__count{flex-shrink:0;font-weight:500;color:var(--list-item-color-disabled)}sd-select-v2-list-item .sd-select-v2-list-item--group.sd-select-v2-list-item--focused .sd-select-v2-list-item__count{color:#ffffff}sd-select-v2-list-item .sd-select-v2-list-item__checkbox{flex-shrink:0}"}},[512,"sd-select-v2-list-item",{option:[16],depth:[2],isSelected:[4,"is-selected"],isFocused:[4,"is-focused"],useCheckbox:[4,"use-checkbox"],countInfo:[16]}]);function h(){"undefined"!=typeof customElements&&["sd-select-v2-list-item","sd-checkbox","sd-icon"].forEach((t=>{switch(t){case"sd-select-v2-list-item":customElements.get(l(t))||customElements.define(l(t),a);break;case"sd-checkbox":customElements.get(l(t))||m();break;case"sd-icon":customElements.get(l(t))||r()}}))}export{a as S,h as d}
+import{p as e,H as t,c as s,h as i,t as l}from"./p-B1vJXa29.js";import{L as c,a as d,b as o}from"./p-BXuZFSsU.js";import{d as m}from"./p-Dl7yIIDW.js";import{d as r}from"./p-BBYig1zV.js";const a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.listItemClick=s(this,"sdListItemClick")}option;depth=1;isSelected=!1;isFocused=!1;useCheckbox=!1;countInfo;listItemClick;get isGroup(){return!!this.option.children}get isSelectable(){return!this.isGroup||this.useCheckbox}get depthKey(){return this.depth<=1?"depth1":2===this.depth?"depth2":"depth3"}get paddingLeft(){return`${c.paddingLeft[this.depthKey]}px`}handleClick=e=>{e.stopPropagation(),!this.option.disabled&&this.isSelectable&&this.listItemClick.emit(this.option)};handleCheckboxClick=e=>{e.stopPropagation()};handleCheckboxUpdate=e=>{e.stopPropagation(),!this.option.disabled&&this.isSelectable&&this.listItemClick.emit(this.option)};render(){const e=this.isGroup,t=e&&1===this.depth,s=e&&2===this.depth,l={"--list-item-padding-y":`${c.paddingY}px`,"--list-item-padding-left":this.paddingLeft,"--list-item-padding-right":`${c.paddingRight}px`,"--list-item-gap":`${c.gap}px`,"--list-item-font-size":`${o.fontSize}px`,"--list-item-line-height":`${o.lineHeight}px`,"--list-item-font-weight":o.fontWeight,"--list-item-bg":t?d.depth1.bg:s?d.depth2.bg:d.bg.default,"--list-item-bg-hover":d.bg.hover,"--list-item-color":d.content.default,"--list-item-color-hover":d.content.hover,"--list-item-color-disabled":d.content.disabled};return t&&(l["--list-item-border-top"]=`${d.depth1.borderWidth}px solid ${d.depth1.border}`),i("div",{key:"c84ff08d801e2775edfb55e30e11b3ec37c3e0e1",class:{"sd-select-v2-list-item":!0,"sd-select-v2-list-item--group":e,"sd-select-v2-list-item--depth1-group":t,"sd-select-v2-list-item--depth2-group":s,"sd-select-v2-list-item--selected":!0===this.isSelected,"sd-select-v2-list-item--indeterminate":null===this.isSelected,"sd-select-v2-list-item--focused":this.isFocused,"sd-select-v2-list-item--selectable":this.isSelectable&&!this.option.disabled,"sd-select-v2-list-item--disabled":!!this.option.disabled},style:l,onClick:this.handleClick},this.useCheckbox&&i("sd-checkbox",{key:"96423d573fd7cbd158196d114ae6c81a371c2fd7",value:null===this.isSelected?null:!!this.isSelected,disabled:this.option.disabled,class:"sd-select-v2-list-item__checkbox",onClick:this.handleCheckboxClick,onSdUpdate:this.handleCheckboxUpdate}),i("span",{key:"4745f1f61994b31b2b84fb651eb47974e9cb5f0e",class:"sd-select-v2-list-item__label"},this.option.label),this.countInfo&&i("span",{key:"311244150b27e9aa50d4ab790bacca3552af43ae",class:"sd-select-v2-list-item__count"},"(",this.countInfo.selected,"/",this.countInfo.total,")"))}static get style(){return"sd-select-v2-list-item{display:block}sd-select-v2-list-item .sd-select-v2-list-item{display:flex;align-items:center;gap:var(--list-item-gap);padding:var(--list-item-padding-y) var(--list-item-padding-right) var(--list-item-padding-y) var(--list-item-padding-left);font-size:var(--list-item-font-size);line-height:var(--list-item-line-height);font-weight:var(--list-item-font-weight);background:var(--list-item-bg);color:var(--list-item-color);cursor:default;user-select:none}sd-select-v2-list-item .sd-select-v2-list-item--selectable{cursor:pointer}sd-select-v2-list-item .sd-select-v2-list-item--depth1-group{border-top:var(--list-item-border-top);font-weight:700}sd-select-v2-list-item .sd-select-v2-list-item--depth2-group{font-weight:500}sd-select-v2-list-item .sd-select-v2-list-item--focused.sd-select-v2-list-item--selectable:not(.sd-select-v2-list-item--disabled){background:var(--list-item-bg-hover);color:var(--list-item-color-hover)}sd-select-v2-list-item .sd-select-v2-list-item--selected:not(.sd-select-v2-list-item--group){font-weight:700;color:var(--list-item-bg-hover)}sd-select-v2-list-item .sd-select-v2-list-item--selected.sd-select-v2-list-item--focused{color:var(--list-item-color-hover)}sd-select-v2-list-item .sd-select-v2-list-item--disabled{color:var(--list-item-color-disabled);cursor:not-allowed}sd-select-v2-list-item .sd-select-v2-list-item__label{flex:0 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}sd-select-v2-list-item .sd-select-v2-list-item__count{flex-shrink:0;font-weight:500;color:var(--list-item-color-disabled)}sd-select-v2-list-item .sd-select-v2-list-item--group.sd-select-v2-list-item--focused .sd-select-v2-list-item__count{color:#ffffff}sd-select-v2-list-item .sd-select-v2-list-item__checkbox{flex-shrink:0}"}},[512,"sd-select-v2-list-item",{option:[16],depth:[2],isSelected:[4,"is-selected"],isFocused:[4,"is-focused"],useCheckbox:[4,"use-checkbox"],countInfo:[16]}]);function h(){"undefined"!=typeof customElements&&["sd-select-v2-list-item","sd-checkbox","sd-icon"].forEach((e=>{switch(e){case"sd-select-v2-list-item":customElements.get(l(e))||customElements.define(l(e),a);break;case"sd-checkbox":customElements.get(l(e))||m();break;case"sd-icon":customElements.get(l(e))||r()}}))}export{a as S,h as d}

package/dist/components/{p-pByyQ_xa.js → p-poQ9yAeD.js}

@@ -1 +1 @@
-import{p as t,H as o,c as s,h as e,t as a}from"./p-B1vJXa29.js";import{m as i}from"./p-rGbM8XR_.js";import{d}from"./p-DM5hNBSY.js";import{d as n}from"./p-BBYig1zV.js";import{d as l}from"./p-BGW3nie7.js";const m={positive:"primary_md",negative:"danger_md",default:"neutral_outline_md"},c={positive:"notificationOutline",negative:"warningOutline",default:null},r={positive:i.modal.confirm.positive.icon,negative:i.modal.confirm.negative.icon,default:""},f=Number(i.modal.confirm.title.icon),b=Number(i.modal.close.size),h=i.modal.close.color,p=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.close=s(this,"sdClose"),this.cancel=s(this,"sdCancel"),this.ok=s(this,"sdOk")}get el(){return this}hasSlottedContent=!1;customContentRef;slotObserver;type="positive";modalTitle="";titleClass="";topMessage=[];bottomMessage=[];mainButtonName;mainButtonLabel="확인";subButtonLabel="";tagPreset="square_sm_grey";tagLabel="";slotLabel="";tagContents;close;cancel;ok;componentWillLoad(){this.syncHasSlottedContent()}componentDidLoad(){"undefined"!=typeof MutationObserver&&(this.slotObserver=new MutationObserver((()=>this.syncHasSlottedContent())),this.slotObserver.observe(this.el,{childList:!0,characterData:!0}))}componentDidRender(){this.customContentRef&&this.tagContents instanceof o&&("function"==typeof this.customContentRef.replaceChildren?this.customContentRef.replaceChildren(this.tagContents):(this.customContentRef.innerHTML="",this.customContentRef.appendChild(this.tagContents)))}disconnectedCallback(){this.slotObserver?.disconnect()}get resolvedMainButton(){return this.mainButtonName??m[this.type]}get hasTagContent(){return!(!this.tagLabel&&!this.slotLabel)}get showContentBox(){return!!this.tagContents||this.hasTagContent||this.hasSlottedContent}syncHasSlottedContent(){const t=Array.from(this.el.childNodes).some((t=>!(t.nodeType===Node.ELEMENT_NODE&&t.classList.contains("sd-confirm-modal"))&&(t.nodeType===Node.ELEMENT_NODE||t.nodeType===Node.TEXT_NODE&&t.textContent?.trim())));t!==this.hasSlottedContent&&(this.hasSlottedContent=t)}render(){const t=c[this.type],o=r[this.type];return e("div",{key:"7f4965b642b3963fd3d0614b3e8b3fae8e8ae179",class:"sd-confirm-modal"},e("sd-icon",{key:"4c2479d3afbc4c900dc4d329a8aaa04b6f520bb3",class:"sd-confirm-modal__close-button",name:"close",size:b,color:h,onClick:()=>this.close.emit()}),t&&e("sd-icon",{key:"ec3f165135429b8a409e304bedff32897bd6566a",class:"sd-confirm-modal__icon",name:t,size:f,color:o}),e("h2",{key:"d2aae4878396d9bd714db26847ecad677e7a4cfb",class:`sd-confirm-modal__title ${this.titleClass}`},this.modalTitle),e("div",{key:"76b9c1fcfaae36edbd56c4d494013829456def98",class:"sd-confirm-modal__body"},(this.topMessage??[]).length>0&&e("div",{key:"636b0c6ce6bcba2722fae64ed582d90ce4f25367",class:"sd-confirm-modal__message"},(this.topMessage??[]).map((t=>e("p",{class:"sd-confirm-modal__message-text",innerHTML:t})))),this.showContentBox&&e("div",{key:"1000f4f7e2674025ce3d220461828ab95e28eea8",class:"sd-confirm-modal__content-box"},this.tagContents?e("div",{class:"sd-confirm-modal__custom-content",ref:t=>{this.customContentRef=t}}):e("slot",{onSlotchange:()=>this.syncHasSlottedContent()},this.tagLabel&&e("sd-tag",{name:this.tagPreset,label:this.tagLabel}),this.slotLabel&&e("span",{class:"sd-confirm-modal__slot-label"},this.slotLabel))),(this.bottomMessage??[]).length>0&&e("div",{key:"3c6c0141dc0807725b92e824ccdedf3609d46484",class:"sd-confirm-modal__message"},(this.bottomMessage??[]).map((t=>e("p",{class:"sd-confirm-modal__message-text",innerHTML:t}))))),e("div",{key:"fc73a08c85231570f72a9899ffee5cbd0c8882ba",class:"sd-confirm-modal__button"},this.subButtonLabel&&e("sd-button-v2",{key:"dcbf92525246d05e57896340c3ef5761a574a08f",name:"neutral_outline_md",label:this.subButtonLabel,onSdClick:()=>this.cancel.emit()}),e("sd-button-v2",{key:"146c0b3c0183773ba03c2bde150add46618f181b",name:this.resolvedMainButton,label:this.mainButtonLabel,onSdClick:()=>this.ok.emit()})))}static get style(){return"sd-confirm-modal{display:block;width:fit-content;min-width:520px}sd-confirm-modal .sd-confirm-modal{position:relative;padding:var(--sd-modal-modal-confirm-padding-y) var(--sd-modal-modal-confirm-padding-x);border-radius:var(--sd-modal-modal-radius);box-shadow:4px 4px 24px 4px rgba(0, 0, 0, 0.2);background:var(--sd-modal-modal-bg)}sd-confirm-modal .sd-confirm-modal__close-button{position:absolute;top:16px;right:16px;cursor:pointer}sd-confirm-modal .sd-confirm-modal__icon{display:block;width:var(--sd-modal-modal-confirm-title-icon);height:var(--sd-modal-modal-confirm-title-icon);margin:0 auto var(--sd-modal-modal-confirm-title-gap) auto}sd-confirm-modal .sd-confirm-modal__title{color:var(--sd-modal-modal-confirm-title-color);font-size:var(--sd-modal-modal-confirm-title-typography-font-size);font-weight:var(--sd-modal-modal-confirm-title-typography-font-weight);line-height:var(--sd-modal-modal-confirm-title-typography-line-height);text-align:center;margin:0 0 var(--sd-modal-modal-confirm-body-gap) 0}sd-confirm-modal .sd-confirm-modal__body{display:flex;flex-direction:column;gap:var(--sd-modal-modal-confirm-body-gap)}sd-confirm-modal .sd-confirm-modal__message-text{color:var(--sd-modal-modal-confirm-message-color);font-size:12px;font-weight:400;line-height:22px;text-align:center;margin:0}sd-confirm-modal .sd-confirm-modal__content-box{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:1px solid #e1e1e1;border-radius:8px;background:white}sd-confirm-modal .sd-confirm-modal__slot-label{font-size:14px;font-weight:700;line-height:22px;color:var(--sd-modal-modal-confirm-message-color)}sd-confirm-modal .sd-confirm-modal__button{display:flex;justify-content:center;gap:var(--sd-modal-modal-confirm-button-gap);margin-top:32px}"}},[772,"sd-confirm-modal",{type:[1],modalTitle:[1,"modal-title"],titleClass:[1,"title-class"],topMessage:[16],bottomMessage:[16],mainButtonName:[1,"main-button-name"],mainButtonLabel:[1,"main-button-label"],subButtonLabel:[1,"sub-button-label"],tagPreset:[1,"tag-preset"],tagLabel:[1,"tag-label"],slotLabel:[1,"slot-label"],tagContents:[16],hasSlottedContent:[32]}]);function g(){"undefined"!=typeof customElements&&["sd-confirm-modal","sd-button-v2","sd-icon","sd-tag"].forEach((t=>{switch(t){case"sd-confirm-modal":customElements.get(a(t))||customElements.define(a(t),p);break;case"sd-button-v2":customElements.get(a(t))||d();break;case"sd-icon":customElements.get(a(t))||n();break;case"sd-tag":customElements.get(a(t))||l()}}))}export{p as S,g as d}
+import{p as t,H as o,c as s,h as e,t as a}from"./p-B1vJXa29.js";import{m as i}from"./p-rGbM8XR_.js";import{d}from"./p-By4ufaS3.js";import{d as n}from"./p-BBYig1zV.js";import{d as l}from"./p-DdjivpAF.js";const m={positive:"primary_md",negative:"danger_md",default:"neutral_outline_md"},c={positive:"notificationOutline",negative:"warningOutline",default:null},r={positive:i.modal.confirm.positive.icon,negative:i.modal.confirm.negative.icon,default:""},f=Number(i.modal.confirm.title.icon),b=Number(i.modal.close.size),h=i.modal.close.color,p=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.close=s(this,"sdClose"),this.cancel=s(this,"sdCancel"),this.ok=s(this,"sdOk")}get el(){return this}hasSlottedContent=!1;customContentRef;slotObserver;type="positive";modalTitle="";titleClass="";topMessage=[];bottomMessage=[];mainButtonName;mainButtonLabel="확인";subButtonLabel="";tagPreset="square_sm_grey";tagLabel="";slotLabel="";tagContents;close;cancel;ok;componentWillLoad(){this.syncHasSlottedContent()}componentDidLoad(){"undefined"!=typeof MutationObserver&&(this.slotObserver=new MutationObserver((()=>this.syncHasSlottedContent())),this.slotObserver.observe(this.el,{childList:!0,characterData:!0}))}componentDidRender(){this.customContentRef&&this.tagContents instanceof o&&("function"==typeof this.customContentRef.replaceChildren?this.customContentRef.replaceChildren(this.tagContents):(this.customContentRef.innerHTML="",this.customContentRef.appendChild(this.tagContents)))}disconnectedCallback(){this.slotObserver?.disconnect()}get resolvedMainButton(){return this.mainButtonName??m[this.type]}get hasTagContent(){return!(!this.tagLabel&&!this.slotLabel)}get showContentBox(){return!!this.tagContents||this.hasTagContent||this.hasSlottedContent}syncHasSlottedContent(){const t=Array.from(this.el.childNodes).some((t=>!(t.nodeType===Node.ELEMENT_NODE&&t.classList.contains("sd-confirm-modal"))&&(t.nodeType===Node.ELEMENT_NODE||t.nodeType===Node.TEXT_NODE&&t.textContent?.trim())));t!==this.hasSlottedContent&&(this.hasSlottedContent=t)}render(){const t=c[this.type],o=r[this.type];return e("div",{key:"7f4965b642b3963fd3d0614b3e8b3fae8e8ae179",class:"sd-confirm-modal"},e("sd-icon",{key:"4c2479d3afbc4c900dc4d329a8aaa04b6f520bb3",class:"sd-confirm-modal__close-button",name:"close",size:b,color:h,onClick:()=>this.close.emit()}),t&&e("sd-icon",{key:"ec3f165135429b8a409e304bedff32897bd6566a",class:"sd-confirm-modal__icon",name:t,size:f,color:o}),e("h2",{key:"d2aae4878396d9bd714db26847ecad677e7a4cfb",class:`sd-confirm-modal__title ${this.titleClass}`},this.modalTitle),e("div",{key:"76b9c1fcfaae36edbd56c4d494013829456def98",class:"sd-confirm-modal__body"},(this.topMessage??[]).length>0&&e("div",{key:"636b0c6ce6bcba2722fae64ed582d90ce4f25367",class:"sd-confirm-modal__message"},(this.topMessage??[]).map((t=>e("p",{class:"sd-confirm-modal__message-text",innerHTML:t})))),this.showContentBox&&e("div",{key:"1000f4f7e2674025ce3d220461828ab95e28eea8",class:"sd-confirm-modal__content-box"},this.tagContents?e("div",{class:"sd-confirm-modal__custom-content",ref:t=>{this.customContentRef=t}}):e("slot",{onSlotchange:()=>this.syncHasSlottedContent()},this.tagLabel&&e("sd-tag",{name:this.tagPreset,label:this.tagLabel}),this.slotLabel&&e("span",{class:"sd-confirm-modal__slot-label"},this.slotLabel))),(this.bottomMessage??[]).length>0&&e("div",{key:"3c6c0141dc0807725b92e824ccdedf3609d46484",class:"sd-confirm-modal__message"},(this.bottomMessage??[]).map((t=>e("p",{class:"sd-confirm-modal__message-text",innerHTML:t}))))),e("div",{key:"fc73a08c85231570f72a9899ffee5cbd0c8882ba",class:"sd-confirm-modal__button"},this.subButtonLabel&&e("sd-button-v2",{key:"dcbf92525246d05e57896340c3ef5761a574a08f",name:"neutral_outline_md",label:this.subButtonLabel,onSdClick:()=>this.cancel.emit()}),e("sd-button-v2",{key:"146c0b3c0183773ba03c2bde150add46618f181b",name:this.resolvedMainButton,label:this.mainButtonLabel,onSdClick:()=>this.ok.emit()})))}static get style(){return"sd-confirm-modal{display:block;width:fit-content;min-width:520px}sd-confirm-modal .sd-confirm-modal{position:relative;padding:var(--sd-modal-modal-confirm-padding-y) var(--sd-modal-modal-confirm-padding-x);border-radius:var(--sd-modal-modal-radius);box-shadow:4px 4px 24px 4px rgba(0, 0, 0, 0.2);background:var(--sd-modal-modal-bg)}sd-confirm-modal .sd-confirm-modal__close-button{position:absolute;top:16px;right:16px;cursor:pointer}sd-confirm-modal .sd-confirm-modal__icon{display:block;width:var(--sd-modal-modal-confirm-title-icon);height:var(--sd-modal-modal-confirm-title-icon);margin:0 auto var(--sd-modal-modal-confirm-title-gap) auto}sd-confirm-modal .sd-confirm-modal__title{color:var(--sd-modal-modal-confirm-title-color);font-size:var(--sd-modal-modal-confirm-title-typography-font-size);font-weight:var(--sd-modal-modal-confirm-title-typography-font-weight);line-height:var(--sd-modal-modal-confirm-title-typography-line-height);text-align:center;margin:0 0 var(--sd-modal-modal-confirm-body-gap) 0}sd-confirm-modal .sd-confirm-modal__body{display:flex;flex-direction:column;gap:var(--sd-modal-modal-confirm-body-gap)}sd-confirm-modal .sd-confirm-modal__message-text{color:var(--sd-modal-modal-confirm-message-color);font-size:12px;font-weight:400;line-height:22px;text-align:center;margin:0}sd-confirm-modal .sd-confirm-modal__content-box{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:1px solid #e1e1e1;border-radius:8px;background:white}sd-confirm-modal .sd-confirm-modal__slot-label{font-size:14px;font-weight:700;line-height:22px;color:var(--sd-modal-modal-confirm-message-color)}sd-confirm-modal .sd-confirm-modal__button{display:flex;justify-content:center;gap:var(--sd-modal-modal-confirm-button-gap);margin-top:32px}"}},[772,"sd-confirm-modal",{type:[1],modalTitle:[1,"modal-title"],titleClass:[1,"title-class"],topMessage:[16],bottomMessage:[16],mainButtonName:[1,"main-button-name"],mainButtonLabel:[1,"main-button-label"],subButtonLabel:[1,"sub-button-label"],tagPreset:[1,"tag-preset"],tagLabel:[1,"tag-label"],slotLabel:[1,"slot-label"],tagContents:[16],hasSlottedContent:[32]}]);function g(){"undefined"!=typeof customElements&&["sd-confirm-modal","sd-button-v2","sd-icon","sd-tag"].forEach((t=>{switch(t){case"sd-confirm-modal":customElements.get(a(t))||customElements.define(a(t),p);break;case"sd-button-v2":customElements.get(a(t))||d();break;case"sd-icon":customElements.get(a(t))||n();break;case"sd-tag":customElements.get(a(t))||l()}}))}export{p as S,g as d}

package/dist/components/{p-BUl_ruQ7.js → p-uWsY9w9i.js}

@@ -1 +1 @@
-import{p as e,H as s,c as t,h as i,t as c}from"./p-B1vJXa29.js";import{S as l}from"./p-BXuZFSsU.js";import{d as r}from"./p-BBYig1zV.js";const a=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.searchFilter=t(this,"sdSearchFilter"),this.searchFocus=t(this,"sdSearchFocus")}isScrolled=!1;searchText="";searchFilter;searchFocus;inputEl;debounceTimer;focusRafId;componentDidLoad(){requestAnimationFrame((()=>{this.focusRafId=requestAnimationFrame((()=>{this.inputEl?.focus()}))}))}async sdFocus(){this.inputEl?.focus()}handleInput=e=>{this.searchText=e.target.value,this.debounceTimer&&clearTimeout(this.debounceTimer),this.debounceTimer=setTimeout((()=>{this.searchFilter.emit(this.searchText)}),l)};handleClear=e=>{e.stopPropagation(),this.searchText="",this.debounceTimer&&clearTimeout(this.debounceTimer),this.searchFilter.emit(""),this.inputEl?.focus()};disconnectedCallback(){this.focusRafId&&cancelAnimationFrame(this.focusRafId),this.debounceTimer&&clearTimeout(this.debounceTimer)}render(){return i("div",{key:"b8b4a1d9ad17e6e69f7dde67fdd33efd63037b93",class:{"sd-select-v2-list-item-search":!0,"sd-select-v2-list-item-search--scrolled":this.isScrolled}},i("div",{key:"adc75b18cc7fa1d5342a27b0c280dc30fe8a3096",class:"sd-select-v2-list-item-search__inner"},i("sd-icon",{key:"4d5836bbc46dc3812643c6de3b6d9d8c5f464115",name:"search",size:16,color:"grey_70",class:"sd-select-v2-list-item-search__icon"}),i("input",{key:"8578c547e402cba605e754923cbf5be3e70d0990",ref:e=>{this.inputEl=e},type:"text",class:"sd-select-v2-list-item-search__input",placeholder:"검색어 입력",value:this.searchText,onInput:this.handleInput,onFocus:()=>this.searchFocus.emit()}),this.searchText&&i("button",{key:"ca47bf60370a7789902b5a4b0f88d05d367ea203",type:"button",class:"sd-select-v2-list-item-search__clear",onClick:this.handleClear},i("sd-icon",{key:"2a54de3c1def6ae013ed71556132aaf62244d515",name:"close",size:12,color:"#888888"}))))}static get style(){return"sd-select-v2-list-item-search{display:block}sd-select-v2-list-item-search .sd-select-v2-list-item-search{padding:4px 8px;position:sticky;top:0;z-index:1;background:white}sd-select-v2-list-item-search .sd-select-v2-list-item-search--scrolled{box-shadow:0 2px 4px rgba(0, 0, 0, 0.08)}sd-select-v2-list-item-search .sd-select-v2-list-item-search__inner{display:flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid #CCCCCC;border-radius:4px;background:white}sd-select-v2-list-item-search .sd-select-v2-list-item-search__inner:focus-within{border-color:#0075FF}sd-select-v2-list-item-search .sd-select-v2-list-item-search__icon{flex-shrink:0}sd-select-v2-list-item-search .sd-select-v2-list-item-search__input{flex:1;border:none;outline:none;font-size:12px;line-height:20px;color:#222222;background:transparent;min-width:0}sd-select-v2-list-item-search .sd-select-v2-list-item-search__input::placeholder{color:#AAAAAA}sd-select-v2-list-item-search .sd-select-v2-list-item-search__clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:2px;border:none;background:transparent;cursor:pointer;border-radius:2px}sd-select-v2-list-item-search .sd-select-v2-list-item-search__clear:hover{background:#F0F0F0}"}},[512,"sd-select-v2-list-item-search",{isScrolled:[4,"is-scrolled"],searchText:[32],sdFocus:[64]}]);function d(){"undefined"!=typeof customElements&&["sd-select-v2-list-item-search","sd-icon"].forEach((e=>{switch(e){case"sd-select-v2-list-item-search":customElements.get(c(e))||customElements.define(c(e),a);break;case"sd-icon":customElements.get(c(e))||r()}}))}export{a as S,d}
+import{p as e,H as s,c as t,h as i,t as c}from"./p-B1vJXa29.js";import{S as l}from"./p-BXuZFSsU.js";import{d as r}from"./p-BBYig1zV.js";const a=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.searchFilter=t(this,"sdSearchFilter"),this.searchFocus=t(this,"sdSearchFocus")}isScrolled=!1;searchText="";searchFilter;searchFocus;inputEl;debounceTimer;focusRafId;componentDidLoad(){requestAnimationFrame((()=>{this.focusRafId=requestAnimationFrame((()=>{this.inputEl?.focus()}))}))}async sdFocus(){this.inputEl?.focus()}handleInput=e=>{this.searchText=e.target.value,this.debounceTimer&&clearTimeout(this.debounceTimer),this.debounceTimer=setTimeout((()=>{this.searchFilter.emit(this.searchText)}),l)};handleClear=e=>{e.stopPropagation(),this.searchText="",this.debounceTimer&&clearTimeout(this.debounceTimer),this.searchFilter.emit(""),this.inputEl?.focus()};disconnectedCallback(){this.focusRafId&&cancelAnimationFrame(this.focusRafId),this.debounceTimer&&clearTimeout(this.debounceTimer)}render(){return i("div",{key:"c09115eed7c6fc796f80aa965b64dec18caf6c49",class:{"sd-select-v2-list-item-search":!0,"sd-select-v2-list-item-search--scrolled":this.isScrolled}},i("div",{key:"d5d4132740768db4b1e9df4f7e4e7085f5fbe408",class:"sd-select-v2-list-item-search__inner"},i("sd-icon",{key:"428d646550ed6d3488a493f1614ba4211611c945",name:"search",size:16,color:"grey_70",class:"sd-select-v2-list-item-search__icon"}),i("input",{key:"5fb8aea3be8de6cf81cee48667d552b8a3bd47dd",ref:e=>{this.inputEl=e},type:"text",class:"sd-select-v2-list-item-search__input",placeholder:"검색어 입력",value:this.searchText,onInput:this.handleInput,onFocus:()=>this.searchFocus.emit()}),this.searchText&&i("button",{key:"64178df4690ea5736c554f13d7613f172fb7ff9a",type:"button",class:"sd-select-v2-list-item-search__clear",onClick:this.handleClear},i("sd-icon",{key:"4143f22fbfd890a39ee7149dfbc4c46e07ba259b",name:"close",size:12,color:"#888888"}))))}static get style(){return"sd-select-v2-list-item-search{display:block}sd-select-v2-list-item-search .sd-select-v2-list-item-search{padding:4px 8px;position:sticky;top:0;z-index:1;background:white}sd-select-v2-list-item-search .sd-select-v2-list-item-search--scrolled{box-shadow:0 2px 4px rgba(0, 0, 0, 0.08)}sd-select-v2-list-item-search .sd-select-v2-list-item-search__inner{display:flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid #CCCCCC;border-radius:4px;background:white}sd-select-v2-list-item-search .sd-select-v2-list-item-search__inner:focus-within{border-color:#0075FF}sd-select-v2-list-item-search .sd-select-v2-list-item-search__icon{flex-shrink:0}sd-select-v2-list-item-search .sd-select-v2-list-item-search__input{flex:1;border:none;outline:none;font-size:12px;line-height:20px;color:#222222;background:transparent;min-width:0}sd-select-v2-list-item-search .sd-select-v2-list-item-search__input::placeholder{color:#AAAAAA}sd-select-v2-list-item-search .sd-select-v2-list-item-search__clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:2px;border:none;background:transparent;cursor:pointer;border-radius:2px}sd-select-v2-list-item-search .sd-select-v2-list-item-search__clear:hover{background:#F0F0F0}"}},[512,"sd-select-v2-list-item-search",{isScrolled:[4,"is-scrolled"],searchText:[32],sdFocus:[64]}]);function d(){"undefined"!=typeof customElements&&["sd-select-v2-list-item-search","sd-icon"].forEach((e=>{switch(e){case"sd-select-v2-list-item-search":customElements.get(c(e))||customElements.define(c(e),a);break;case"sd-icon":customElements.get(c(e))||r()}}))}export{a as S,d}

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

@@ -1 +1 @@
-import{p as a,t as o,H as d,c as t,h as e}from"./p-B1vJXa29.js";import{m as i}from"./p-rGbM8XR_.js";import{d as s}from"./p-DM5hNBSY.js";import{d as n}from"./p-BBYig1zV.js";const{modal:l}=i,c=l.action,r={radius:Number(l.radius),bg:l.bg,headerPaddingX:Number(c.header.paddingX),headerPaddingY:Number(c.header.paddingY),headerGap:Number(c.header.gap),bodyPaddingX:Number(c.body.paddingX),bodyPaddingBottom:Number(c.body.paddingBottom),footerPaddingX:Number(c.footer.paddingX),footerPaddingY:Number(c.footer.paddingY),footerGap:Number(c.footer.gap),footerBg:c.footer.bg,footerBorder:c.footer.border},m={color:c.title.color,fontFamily:c.title.typography.fontFamily,fontWeight:c.title.typography.fontWeight,fontSize:Number(c.title.typography.fontSize),lineHeight:Number(c.title.typography.lineHeight)},b=Number(l.close.size),f=l.close.color,p=a(class extends d{constructor(a){super(),!1!==a&&this.__registerHost(),this.close=t(this,"sdClose"),this.ok=t(this,"sdOk")}title="";buttonLabel="확인";close;ok;render(){return e("div",{key:"cc0c490c9b3e37b9a18288a14b785b7f64ef1919",class:"sd-action-modal",style:{"--sd-action-modal-radius":r.radius+"px","--sd-action-modal-bg":r.bg,"--sd-action-modal-header-padding-x":r.headerPaddingX+"px","--sd-action-modal-header-padding-y":r.headerPaddingY+"px","--sd-action-modal-header-gap":r.headerGap+"px","--sd-action-modal-body-padding-x":r.bodyPaddingX+"px","--sd-action-modal-body-padding-bottom":r.bodyPaddingBottom+"px","--sd-action-modal-footer-padding-x":r.footerPaddingX+"px","--sd-action-modal-footer-padding-y":r.footerPaddingY+"px","--sd-action-modal-footer-gap":r.footerGap+"px","--sd-action-modal-footer-bg":r.footerBg,"--sd-action-modal-footer-border":r.footerBorder,"--sd-action-modal-title-color":m.color,"--sd-action-modal-title-font-family":m.fontFamily,"--sd-action-modal-title-font-weight":m.fontWeight,"--sd-action-modal-title-font-size":m.fontSize+"px","--sd-action-modal-title-line-height":m.lineHeight+"px"}},e("header",{key:"4e524f80f672fadc8e77d04ee7dfed9b0721f6b5",class:"sd-action-modal__header"},e("h2",{key:"60397117390570e7ec8a108f596cabda93ab44f8",class:"sd-action-modal__title"},this.title),e("div",{key:"da05416e56022bd18cb29c97bf1d55ff7be07d77",class:"sd-action-modal__header-sub"},e("slot",{key:"33670524b174de4993c44e2db514e8ffd25467bc",name:"header-sub-title"})),e("sd-icon",{key:"c3ef1195d48074da7c0212e5c73c90cc9c3474b7",class:"sd-action-modal__close",name:"close",size:b,color:f,onClick:()=>this.close.emit()})),e("div",{key:"8f8b1ac7802beb1729c5c8a778b1c3cd214d07ce",class:"sd-action-modal__body"},e("slot",{key:"b6b4c8d4afbb28473a7ad4239a0ee3943a86003b",name:"body"})),e("footer",{key:"d6a9bf66aa0c811ad4b05d1d2f1304d63a5ec1d7",class:"sd-action-modal__footer"},e("div",{key:"155d6ac6a480599d0e0392e1bf9a3653e2ded01f",class:"sd-action-modal__footer-sub"},e("slot",{key:"1908ad293c7f3e519520311d0d9365b101370ba8",name:"bottom-sub-content"})),e("sd-button-v2",{key:"aef780d6118c0ceb202b46a7d776625a6b54606d",name:"primary_md",label:this.buttonLabel,onSdClick:()=>this.ok.emit()})))}static get style(){return"sd-action-modal{display:block;width:fit-content;min-width:520px}sd-action-modal .sd-action-modal{position:relative;display:flex;flex-direction:column;border-radius:var(--sd-action-modal-radius);background:var(--sd-action-modal-bg);box-shadow:4px 4px 24px 4px rgba(0, 0, 0, 0.2);overflow:hidden}sd-action-modal .sd-action-modal__header{display:flex;align-items:center;gap:var(--sd-action-modal-header-gap);padding:var(--sd-action-modal-header-padding-y) calc(var(--sd-action-modal-header-padding-x) + 20px) var(--sd-action-modal-header-padding-y) var(--sd-action-modal-header-padding-x)}sd-action-modal .sd-action-modal__title{margin:0;color:var(--sd-action-modal-title-color);font-family:var(--sd-action-modal-title-font-family);font-weight:var(--sd-action-modal-title-font-weight);font-size:var(--sd-action-modal-title-font-size);line-height:var(--sd-action-modal-title-line-height);white-space:nowrap}sd-action-modal .sd-action-modal__header-sub{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:8px}sd-action-modal .sd-action-modal__header-sub:empty{display:none}sd-action-modal .sd-action-modal__close{position:absolute;top:16px;right:16px;cursor:pointer}sd-action-modal .sd-action-modal__body{flex:1 1 auto;min-height:0;padding:0 var(--sd-action-modal-body-padding-x) var(--sd-action-modal-body-padding-bottom);overflow:auto}sd-action-modal .sd-action-modal__footer{display:flex;align-items:center;gap:var(--sd-action-modal-footer-gap);padding:var(--sd-action-modal-footer-padding-y) var(--sd-action-modal-footer-padding-x);background:var(--sd-action-modal-footer-bg);border-top:1px solid var(--sd-action-modal-footer-border)}sd-action-modal .sd-action-modal__footer>sd-button-v2{margin-left:auto}sd-action-modal .sd-action-modal__footer-sub{display:flex;align-items:center;gap:8px;min-width:0}sd-action-modal .sd-action-modal__footer-sub:empty{display:none}"}},[772,"sd-action-modal",{title:[1],buttonLabel:[1,"button-label"]}]),g=p,h=function(){"undefined"!=typeof customElements&&["sd-action-modal","sd-button-v2","sd-icon"].forEach((a=>{switch(a){case"sd-action-modal":customElements.get(o(a))||customElements.define(o(a),p);break;case"sd-button-v2":customElements.get(o(a))||s();break;case"sd-icon":customElements.get(o(a))||n()}}))};export{g as SdActionModal,h as defineCustomElement}
+import{p as a,t as o,H as d,c as t,h as e}from"./p-B1vJXa29.js";import{m as i}from"./p-rGbM8XR_.js";import{d as s}from"./p-By4ufaS3.js";import{d as n}from"./p-BBYig1zV.js";const{modal:l}=i,c=l.action,m={radius:Number(l.radius),bg:l.bg,headerPaddingX:Number(c.header.paddingX),headerPaddingY:Number(c.header.paddingY),headerGap:Number(c.header.gap),bodyPaddingX:Number(c.body.paddingX),bodyPaddingBottom:Number(c.body.paddingBottom),footerPaddingX:Number(c.footer.paddingX),footerPaddingY:Number(c.footer.paddingY),footerGap:Number(c.footer.gap),footerBg:c.footer.bg,footerBorder:c.footer.border},r={color:c.title.color,fontFamily:c.title.typography.fontFamily,fontWeight:c.title.typography.fontWeight,fontSize:Number(c.title.typography.fontSize),lineHeight:Number(c.title.typography.lineHeight)},f=Number(l.close.size),b=l.close.color,p=a(class extends d{constructor(a){super(),!1!==a&&this.__registerHost(),this.close=t(this,"sdClose"),this.ok=t(this,"sdOk")}modalTitle="";buttonLabel="확인";close;ok;render(){return e("div",{key:"15fc49f34b906f21a0939a1fab37270132392f24",class:"sd-action-modal",style:{"--sd-action-modal-radius":m.radius+"px","--sd-action-modal-bg":m.bg,"--sd-action-modal-header-padding-x":m.headerPaddingX+"px","--sd-action-modal-header-padding-y":m.headerPaddingY+"px","--sd-action-modal-header-gap":m.headerGap+"px","--sd-action-modal-body-padding-x":m.bodyPaddingX+"px","--sd-action-modal-body-padding-bottom":m.bodyPaddingBottom+"px","--sd-action-modal-footer-padding-x":m.footerPaddingX+"px","--sd-action-modal-footer-padding-y":m.footerPaddingY+"px","--sd-action-modal-footer-gap":m.footerGap+"px","--sd-action-modal-footer-bg":m.footerBg,"--sd-action-modal-footer-border":m.footerBorder,"--sd-action-modal-title-color":r.color,"--sd-action-modal-title-font-family":r.fontFamily,"--sd-action-modal-title-font-weight":r.fontWeight,"--sd-action-modal-title-font-size":r.fontSize+"px","--sd-action-modal-title-line-height":r.lineHeight+"px"}},e("header",{key:"7c9f30b1a021cee5ec72b8aa034baa2c84dd43e0",class:"sd-action-modal__header"},e("h2",{key:"413fc21c9b3ff23ecb90a7b4f7897a1fc80656bc",class:"sd-action-modal__title"},this.modalTitle),e("div",{key:"4a1edc0dffd575bb6e9e438174c492b5d86ec94e",class:"sd-action-modal__header-sub"},e("slot",{key:"633669925cf29bf0e3a189e5afb321e19310a2b1",name:"header-sub-title"})),e("sd-icon",{key:"c4a59612d10ee42adb62148935ebdfb7fa6ac9cd",class:"sd-action-modal__close",name:"close",size:f,color:b,onClick:()=>this.close.emit()})),e("div",{key:"ddeaf5f1945f3aff28a3a0e2c9d26daf019dc60e",class:"sd-action-modal__body"},e("slot",{key:"2ea7b49a2368744372ab92ff6539920eb4894654",name:"body"})),e("footer",{key:"4804e5b8137fe99abb4aaae06a427d1aaed0e50f",class:"sd-action-modal__footer"},e("div",{key:"affd8bd4bf14e9b50ea59fd632d07b494c7888c4",class:"sd-action-modal__footer-sub"},e("slot",{key:"59458e4be9131e3e4fb200e4688fe2a46f8874c8",name:"bottom-sub-content"})),e("sd-button-v2",{key:"fde6ccdeef52199d4b657ec9dea3fa193315961c",name:"primary_md",label:this.buttonLabel,onSdClick:()=>this.ok.emit()})))}static get style(){return"sd-action-modal{display:block;width:fit-content;min-width:520px}sd-action-modal .sd-action-modal{position:relative;display:flex;flex-direction:column;border-radius:var(--sd-action-modal-radius);background:var(--sd-action-modal-bg);box-shadow:4px 4px 24px 4px rgba(0, 0, 0, 0.2);overflow:hidden}sd-action-modal .sd-action-modal__header{display:flex;align-items:center;gap:var(--sd-action-modal-header-gap);padding:var(--sd-action-modal-header-padding-y) calc(var(--sd-action-modal-header-padding-x) + 20px) var(--sd-action-modal-header-padding-y) var(--sd-action-modal-header-padding-x)}sd-action-modal .sd-action-modal__title{margin:0;color:var(--sd-action-modal-title-color);font-family:var(--sd-action-modal-title-font-family);font-weight:var(--sd-action-modal-title-font-weight);font-size:var(--sd-action-modal-title-font-size);line-height:var(--sd-action-modal-title-line-height);white-space:nowrap}sd-action-modal .sd-action-modal__header-sub{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:8px}sd-action-modal .sd-action-modal__header-sub:empty{display:none}sd-action-modal .sd-action-modal__close{position:absolute;top:16px;right:16px;cursor:pointer}sd-action-modal .sd-action-modal__body{flex:1 1 auto;min-height:0;padding:0 var(--sd-action-modal-body-padding-x) var(--sd-action-modal-body-padding-bottom);overflow:auto}sd-action-modal .sd-action-modal__footer{display:flex;align-items:center;gap:var(--sd-action-modal-footer-gap);padding:var(--sd-action-modal-footer-padding-y) var(--sd-action-modal-footer-padding-x);background:var(--sd-action-modal-footer-bg);border-top:1px solid var(--sd-action-modal-footer-border)}sd-action-modal .sd-action-modal__footer>sd-button-v2{margin-left:auto}sd-action-modal .sd-action-modal__footer-sub{display:flex;align-items:center;gap:8px;min-width:0}sd-action-modal .sd-action-modal__footer-sub:empty{display:none}"}},[772,"sd-action-modal",{modalTitle:[1,"modal-title"],buttonLabel:[1,"button-label"]}]),g=p,u=function(){"undefined"!=typeof customElements&&["sd-action-modal","sd-button-v2","sd-icon"].forEach((a=>{switch(a){case"sd-action-modal":customElements.get(o(a))||customElements.define(o(a),p);break;case"sd-button-v2":customElements.get(o(a))||s();break;case"sd-icon":customElements.get(o(a))||n()}}))};export{g as SdActionModal,u as defineCustomElement}

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

@@ -1 +1 @@
-import{p as e,H as t,c as s,h as i,t as o}from"./p-B1vJXa29.js";import{n as a}from"./p-CCwNgVmC.js";import{i as n}from"./p-CbjDAdZ_.js";import{s as d}from"./p-CS6ohqwt.js";import{d as l}from"./p-Dn-uC69K.js";import{d as r}from"./p-CCACqlGH.js";import{d as c}from"./p-BYaBx4Ar.js";import{d as u}from"./p-BBYig1zV.js";import{d as h}from"./p-D1g7VL0r.js";const p=n.input.sm,b=n.input.md,f={sm:{height:p.height,paddingX:p.paddingX,gap:p.gap,radius:p.radius,fontSize:p.typography.fontSize,lineHeight:p.typography.lineHeight,fontWeight:p.typography.fontWeight},md:{height:b.height,paddingX:b.paddingX,gap:b.gap,radius:b.radius,fontSize:b.typography.fontSize,lineHeight:b.typography.lineHeight,fontWeight:b.typography.fontWeight}},m={bg:n.input.bg,text:n.input.text,icon:n.input.icon},g={iconSize:Number(d.size.field.icon)},v=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.input=s(this,"sdUpdate"),this.focus=s(this,"sdFocus"),this.blur=s(this,"sdBlur")}get host(){return this}value=null;size="sm";addonLabel="";placeholder="입력해 주세요.";disabled=!1;clearable=!1;width="";rules=[];autoFocus=!1;status;hint="";errorMessage="";inputClass="";readonly=!1;error=!1;focused=!1;hovered=!1;label="";icon=void 0;labelTooltip="";labelTooltipProps=null;inputStyle={};internalValue=null;nativeEl=void 0;formField;name=a();input;focus;blur;valueChanged(e){this.internalValue=e}internalValueChanged(e){e!==this.value&&(this.value=e,this.input?.emit(this.value))}async sdGetNativeElement(){return this.nativeEl||null}async sdValidate(){this.formField?.sdValidate()}async sdReset(){this.formField?.sdReset()}async sdResetValidate(){this.formField?.sdResetValidation()}async sdFocus(){this.formField?.sdFocus()}componentWillLoad(){this.value&&(this.internalValue=this.value)}componentDidLoad(){this.autoFocus&&this.nativeEl?.focus()}handleInput=e=>{this.internalValue=e.target.value};handleFocus=async(e,t)=>{this.focused="focus"===e,"blur"===e?(this.rules&&this.rules.length>0&&await(this.formField?.sdValidate()),this.blur?.emit(t)):this.focus?.emit(t)};render(){const e=f[this.size]??f.sm;return i("sd-field",{key:"bf8a16c74a275b660b36fd7959ed77c08c067fe6",name:this.name,label:this.label,addonLabel:this.addonLabel,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-barcode-input-font-size":e.fontSize+"px","--sd-barcode-input-line-height":e.lineHeight+"px","--sd-barcode-input-font-weight":e.fontWeight,"--sd-barcode-input-padding-x":e.paddingX+"px","--sd-barcode-input-gap":e.gap+"px","--sd-barcode-input-text-color":m.text.default,"--sd-barcode-input-placeholder-color":m.text.placeholder,"--sd-barcode-input-disabled-color":m.text.disabled,"--sd-barcode-input-icon-color":m.icon.default,"--sd-system-size-field-sm-height":e.height+"px","--sd-system-radius-field-sm":e.radius+"px","--sd-system-color-field-bg-default":m.bg.barcode}},i("label",{key:"473ec98ef476f19a2d027682ccb36fd7904d8f1e",class:"sd-barcode-input__content"},i("slot",{key:"45eb8852eb187d485af88b8f5a8552d37cb1159c",name:"prefix"}),i("input",{key:"f521c19dbd8bab3bab44cca8dc71b04b3dcf2798",name:this.name,ref:e=>this.nativeEl=e,class:"sd-barcode-input__native "+this.inputClass,type:"text",value:this.internalValue||"",placeholder:this.placeholder,disabled:this.disabled,readonly:this.readonly,autofocus:this.autoFocus,onInput:this.handleInput,onFocus:e=>this.handleFocus("focus",e),onBlur:e=>this.handleFocus("blur",e),style:this.inputStyle}),i("slot",{key:"b97b9fe1448b4bae027df77b2507e63680b9aef8",name:"suffix"}),this.clearable&&this.internalValue&&i("sd-icon",{key:"232f35a0a749b640027bace2b614e45b81bd8ea3",name:"close",color:m.icon.default,size:g.iconSize,class:"sd-barcode-input__clear-icon",onClick:async()=>{this.internalValue="",await(this.formField?.sdValidate())}})))}static get watchers(){return{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}}static get style(){return"sd-icon{display:inline-block;line-height:0}sd-icon .sd-icon--rotate-90{transform:rotate(90deg)}sd-icon .sd-icon--rotate-180{transform:rotate(180deg)}sd-icon .sd-icon--rotate-270{transform:rotate(270deg)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-text-fill-color:#000;-webkit-box-shadow:0 0 0px 1000px #FAFAA1 inset;box-shadow:0 0 0px 1000px #FAFAA1 inset;transition:background-color 5000s ease-in-out 0s}input:autofill,input:autofill:hover,input:autofill:focus,input:autofill:active{-webkit-text-fill-color:#000;-webkit-box-shadow:0 0 0px 1000px #FAFAA1 inset;box-shadow:0 0 0px 1000px #FAFAA1 inset;transition:background-color 5000s ease-in-out 0s}sd-barcode-input{display:inline-flex}sd-barcode-input .sd-barcode-input__content{width:100%;height:100%;display:flex;flex-flow:row nowrap;align-items:center;color:var(--sd-barcode-input-text-color);font-size:var(--sd-barcode-input-font-size);line-height:var(--sd-barcode-input-line-height);font-weight:var(--sd-barcode-input-font-weight);padding:0 var(--sd-barcode-input-padding-x);gap:var(--sd-barcode-input-gap)}sd-barcode-input .sd-barcode-input__content .sd-barcode-input__native{width:100%;height:100%;border:none;outline:none;background:transparent;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit}sd-barcode-input .sd-barcode-input__content .sd-barcode-input__native[disabled]{cursor:not-allowed;color:var(--sd-barcode-input-disabled-color)}sd-barcode-input .sd-barcode-input__content .sd-barcode-input__native::placeholder{color:var(--sd-barcode-input-placeholder-color)}sd-barcode-input .sd-barcode-input__content .sd-barcode-input__clear-icon{flex-shrink:0;cursor:pointer}"}},[772,"sd-barcode-input",{value:[1032],size:[1],addonLabel:[1,"addon-label"],placeholder:[1],disabled:[4],clearable:[4],width:[8],rules:[16],autoFocus:[4,"auto-focus"],status:[1],hint:[1],errorMessage:[1,"error-message"],inputClass:[1,"input-class"],readonly:[4],error:[1028],focused:[1028],hovered:[1028],label:[1],icon:[16],labelTooltip:[1,"label-tooltip"],labelTooltipProps:[16],inputStyle:[16],internalValue:[32],sdGetNativeElement:[64],sdValidate:[64],sdReset:[64],sdResetValidate:[64],sdFocus:[64]},void 0,{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}]),x=v,w=function(){"undefined"!=typeof customElements&&["sd-barcode-input","sd-button","sd-field","sd-floating-portal","sd-icon","sd-tooltip"].forEach((e=>{switch(e){case"sd-barcode-input":customElements.get(o(e))||customElements.define(o(e),v);break;case"sd-button":customElements.get(o(e))||l();break;case"sd-field":customElements.get(o(e))||r();break;case"sd-floating-portal":customElements.get(o(e))||c();break;case"sd-icon":customElements.get(o(e))||u();break;case"sd-tooltip":customElements.get(o(e))||h()}}))};export{x as SdBarcodeInput,w as defineCustomElement}
+import{p as e,H as t,c as s,h as i,t as o}from"./p-B1vJXa29.js";import{n as a}from"./p-CCwNgVmC.js";import{i as n}from"./p-CbjDAdZ_.js";import{s as d}from"./p-CS6ohqwt.js";import{d as l}from"./p-DeTDTmN7.js";import{d as r}from"./p-CdoxVzYC.js";import{d as c}from"./p-BYaBx4Ar.js";import{d as u}from"./p-BBYig1zV.js";import{d as h}from"./p-CUy8ulXZ.js";const p=n.input.sm,b=n.input.md,f={sm:{height:p.height,paddingX:p.paddingX,gap:p.gap,radius:p.radius,fontSize:p.typography.fontSize,lineHeight:p.typography.lineHeight,fontWeight:p.typography.fontWeight},md:{height:b.height,paddingX:b.paddingX,gap:b.gap,radius:b.radius,fontSize:b.typography.fontSize,lineHeight:b.typography.lineHeight,fontWeight:b.typography.fontWeight}},m={bg:n.input.bg,text:n.input.text,icon:n.input.icon},g={iconSize:Number(d.size.field.icon)},x=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.input=s(this,"sdUpdate"),this.focus=s(this,"sdFocus"),this.blur=s(this,"sdBlur")}get host(){return this}value=null;size="sm";addonLabel="";placeholder="입력해 주세요.";disabled=!1;clearable=!1;width="";rules=[];autoFocus=!1;status;hint="";errorMessage="";inputClass="";readonly=!1;error=!1;focused=!1;hovered=!1;label="";icon=void 0;labelTooltip="";labelTooltipProps=null;inputStyle={};internalValue=null;nativeEl=void 0;formField;name=a();input;focus;blur;valueChanged(e){this.internalValue=e}internalValueChanged(e){e!==this.value&&(this.value=e,this.input?.emit(this.value))}async sdGetNativeElement(){return this.nativeEl||null}async sdValidate(){this.formField?.sdValidate()}async sdReset(){this.formField?.sdReset()}async sdResetValidate(){this.formField?.sdResetValidation()}async sdFocus(){this.formField?.sdFocus()}componentWillLoad(){this.value&&(this.internalValue=this.value)}componentDidLoad(){this.autoFocus&&this.nativeEl?.focus()}handleInput=e=>{this.internalValue=e.target.value};handleFocus=async(e,t)=>{this.focused="focus"===e,"blur"===e?(this.rules&&this.rules.length>0&&await(this.formField?.sdValidate()),this.blur?.emit(t)):this.focus?.emit(t)};render(){const e=f[this.size]??f.sm;return i("sd-field",{key:"bf8a16c74a275b660b36fd7959ed77c08c067fe6",name:this.name,label:this.label,addonLabel:this.addonLabel,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-barcode-input-font-size":e.fontSize+"px","--sd-barcode-input-line-height":e.lineHeight+"px","--sd-barcode-input-font-weight":e.fontWeight,"--sd-barcode-input-padding-x":e.paddingX+"px","--sd-barcode-input-gap":e.gap+"px","--sd-barcode-input-text-color":m.text.default,"--sd-barcode-input-placeholder-color":m.text.placeholder,"--sd-barcode-input-disabled-color":m.text.disabled,"--sd-barcode-input-icon-color":m.icon.default,"--sd-system-size-field-sm-height":e.height+"px","--sd-system-radius-field-sm":e.radius+"px","--sd-system-color-field-bg-default":m.bg.barcode}},i("label",{key:"473ec98ef476f19a2d027682ccb36fd7904d8f1e",class:"sd-barcode-input__content"},i("slot",{key:"45eb8852eb187d485af88b8f5a8552d37cb1159c",name:"prefix"}),i("input",{key:"f521c19dbd8bab3bab44cca8dc71b04b3dcf2798",name:this.name,ref:e=>this.nativeEl=e,class:"sd-barcode-input__native "+this.inputClass,type:"text",value:this.internalValue||"",placeholder:this.placeholder,disabled:this.disabled,readonly:this.readonly,autofocus:this.autoFocus,onInput:this.handleInput,onFocus:e=>this.handleFocus("focus",e),onBlur:e=>this.handleFocus("blur",e),style:this.inputStyle}),i("slot",{key:"b97b9fe1448b4bae027df77b2507e63680b9aef8",name:"suffix"}),this.clearable&&this.internalValue&&i("sd-icon",{key:"232f35a0a749b640027bace2b614e45b81bd8ea3",name:"close",color:m.icon.default,size:g.iconSize,class:"sd-barcode-input__clear-icon",onClick:async()=>{this.internalValue="",await(this.formField?.sdValidate())}})))}static get watchers(){return{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}}static get style(){return"sd-icon{display:inline-block;line-height:0}sd-icon .sd-icon--rotate-90{transform:rotate(90deg)}sd-icon .sd-icon--rotate-180{transform:rotate(180deg)}sd-icon .sd-icon--rotate-270{transform:rotate(270deg)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-text-fill-color:#000;-webkit-box-shadow:0 0 0px 1000px #FAFAA1 inset;box-shadow:0 0 0px 1000px #FAFAA1 inset;transition:background-color 5000s ease-in-out 0s}input:autofill,input:autofill:hover,input:autofill:focus,input:autofill:active{-webkit-text-fill-color:#000;-webkit-box-shadow:0 0 0px 1000px #FAFAA1 inset;box-shadow:0 0 0px 1000px #FAFAA1 inset;transition:background-color 5000s ease-in-out 0s}sd-barcode-input{display:inline-flex}sd-barcode-input .sd-barcode-input__content{width:100%;height:100%;display:flex;flex-flow:row nowrap;align-items:center;color:var(--sd-barcode-input-text-color);font-size:var(--sd-barcode-input-font-size);line-height:var(--sd-barcode-input-line-height);font-weight:var(--sd-barcode-input-font-weight);padding:0 var(--sd-barcode-input-padding-x);gap:var(--sd-barcode-input-gap)}sd-barcode-input .sd-barcode-input__content .sd-barcode-input__native{width:100%;height:100%;border:none;outline:none;background:transparent;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit}sd-barcode-input .sd-barcode-input__content .sd-barcode-input__native[disabled]{cursor:not-allowed;color:var(--sd-barcode-input-disabled-color)}sd-barcode-input .sd-barcode-input__content .sd-barcode-input__native::placeholder{color:var(--sd-barcode-input-placeholder-color)}sd-barcode-input .sd-barcode-input__content .sd-barcode-input__clear-icon{flex-shrink:0;cursor:pointer}"}},[772,"sd-barcode-input",{value:[1032],size:[1],addonLabel:[1,"addon-label"],placeholder:[1],disabled:[4],clearable:[4],width:[8],rules:[16],autoFocus:[4,"auto-focus"],status:[1],hint:[1],errorMessage:[1,"error-message"],inputClass:[1,"input-class"],readonly:[4],error:[1028],focused:[1028],hovered:[1028],label:[1],icon:[16],labelTooltip:[1,"label-tooltip"],labelTooltipProps:[16],inputStyle:[16],internalValue:[32],sdGetNativeElement:[64],sdValidate:[64],sdReset:[64],sdResetValidate:[64],sdFocus:[64]},void 0,{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}]),v=x,w=function(){"undefined"!=typeof customElements&&["sd-barcode-input","sd-button","sd-field","sd-floating-portal","sd-icon","sd-tooltip"].forEach((e=>{switch(e){case"sd-barcode-input":customElements.get(o(e))||customElements.define(o(e),x);break;case"sd-button":customElements.get(o(e))||l();break;case"sd-field":customElements.get(o(e))||r();break;case"sd-floating-portal":customElements.get(o(e))||c();break;case"sd-icon":customElements.get(o(e))||u();break;case"sd-tooltip":customElements.get(o(e))||h()}}))};export{v as SdBarcodeInput,w as defineCustomElement}

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

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

package/dist/components/sd-button.js

@@ -1 +1 @@
-import{S as o,d as s}from"./p-Dn-uC69K.js";const p=o,r=s;export{p as SdButton,r as defineCustomElement}
+import{S as o,d as s}from"./p-DeTDTmN7.js";const m=o,p=s;export{m as SdButton,p as defineCustomElement}

package/dist/components/sd-checkbox.js

@@ -1 +1 @@
-import{S as o,d as s}from"./p-Cnu8Ol-v.js";const p=o,r=s;export{p as SdCheckbox,r as defineCustomElement}
+import{S as o,d as s}from"./p-Dl7yIIDW.js";const p=o,r=s;export{p as SdCheckbox,r as defineCustomElement}

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

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

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

@@ -1 +1 @@
-import{p as e,H as s,c as t,h as d,t as a}from"./p-B1vJXa29.js";import{d as i}from"./p-Dn-uC69K.js";import{d as c}from"./p-C0ptbo29.js";import{d as r}from"./p-CxJY5DLb.js";import{d as o}from"./p-CCACqlGH.js";import{d as l}from"./p-BYaBx4Ar.js";import{d as p}from"./p-BBYig1zV.js";import{d as n}from"./p-B0DS3FC2.js";import{d as m}from"./p-Chqlvi5E.js";import{d as b}from"./p-D1g7VL0r.js";const h=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.update=t(this,"sdUpdate"),this.viewChange=t(this,"sdViewChange")}get el(){return this}value=null;label;selectable;disabled=!1;placeholder="";isOpen=!1;update;viewChange;inputEl;openMenu(){this.disabled||(this.isOpen=!0)}handleSelect=e=>{this.value=e.detail,this.isOpen=!1,this.update.emit(e.detail)};handleClose=()=>{this.isOpen=!1};handleViewChange=e=>{this.viewChange.emit(e.detail)};render(){return d("div",{key:"160bd9b2bbd9d223d4df341ed2fbba79c1701c13",class:{"sd-date-picker":!0,"sd-date-picker--disabled":this.disabled}},d("sd-input",{key:"cf7c72c144f1222308eb936a14d1786863019126",ref:e=>this.inputEl=e,value:this.value,addonLabel:this.label,readonly:!0,disabled:this.disabled,placeholder:this.placeholder,inputClass:"sd-date-picker__input",onClick:()=>this.openMenu()},d("sd-icon",{key:"8651ba1d36749667f53e9f064b973cb336389ab3",slot:"prefix",name:"date",size:"16",color:this.disabled?"grey_65":"grey_70",class:"date-icon",onClick:()=>this.openMenu()})),this.isOpen&&d("sd-portal",{key:"6ee759cf5cbb0afc4cd8adf704a489ef6cffc8f9",open:this.isOpen,parentRef:this.inputEl,onSdClose:this.handleClose},d("div",{key:"96c038fea5102ffd780fd296534cc294bd1c6912",class:"sd-date-picker__menu"},d("sd-calendar",{key:"bc8d14f98d5d56e6775f083e4096d1113c28a658",value:this.value,selectable:this.selectable,onSdSelect:this.handleSelect,onSdViewChange:this.handleViewChange}))))}static get style(){return".sd-date-picker.sc-sd-date-picker{width:100%;display:inline-block}.sd-date-picker.sc-sd-date-picker .sd-date-picker--disabled.sc-sd-date-picker .date-icon.sc-sd-date-picker{cursor:not-allowed !important;color:#888888 !important}.sd-date-picker.sc-sd-date-picker .sd-date-picker__input.sc-sd-date-picker{text-align:center !important}.sd-date-picker__menu.sc-sd-date-picker{border-radius:8px;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.2)}"}},[514,"sd-date-picker",{value:[1537],label:[1],selectable:[16],disabled:[4],placeholder:[1],isOpen:[32]}]),u=h,f=function(){"undefined"!=typeof customElements&&["sd-date-picker","sd-button","sd-calendar","sd-date-box","sd-field","sd-floating-portal","sd-icon","sd-input","sd-portal","sd-tooltip"].forEach((e=>{switch(e){case"sd-date-picker":customElements.get(a(e))||customElements.define(a(e),h);break;case"sd-button":customElements.get(a(e))||i();break;case"sd-calendar":customElements.get(a(e))||c();break;case"sd-date-box":customElements.get(a(e))||r();break;case"sd-field":customElements.get(a(e))||o();break;case"sd-floating-portal":customElements.get(a(e))||l();break;case"sd-icon":customElements.get(a(e))||p();break;case"sd-input":customElements.get(a(e))||n();break;case"sd-portal":customElements.get(a(e))||m();break;case"sd-tooltip":customElements.get(a(e))||b()}}))};export{u as SdDatePicker,f as defineCustomElement}
+import{p as e,H as s,c as t,h as d,t as a}from"./p-B1vJXa29.js";import{d as i}from"./p-DeTDTmN7.js";import{d as c}from"./p-C0ptbo29.js";import{d as r}from"./p-CxJY5DLb.js";import{d as o}from"./p-CdoxVzYC.js";import{d as l}from"./p-BYaBx4Ar.js";import{d as p}from"./p-BBYig1zV.js";import{d as n}from"./p-Du3VqeNP.js";import{d as m}from"./p-Chqlvi5E.js";import{d as b}from"./p-CUy8ulXZ.js";const h=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.update=t(this,"sdUpdate"),this.viewChange=t(this,"sdViewChange")}get el(){return this}value=null;label;selectable;disabled=!1;placeholder="";isOpen=!1;update;viewChange;inputEl;openMenu(){this.disabled||(this.isOpen=!0)}handleSelect=e=>{this.value=e.detail,this.isOpen=!1,this.update.emit(e.detail)};handleClose=()=>{this.isOpen=!1};handleViewChange=e=>{this.viewChange.emit(e.detail)};render(){return d("div",{key:"160bd9b2bbd9d223d4df341ed2fbba79c1701c13",class:{"sd-date-picker":!0,"sd-date-picker--disabled":this.disabled}},d("sd-input",{key:"cf7c72c144f1222308eb936a14d1786863019126",ref:e=>this.inputEl=e,value:this.value,addonLabel:this.label,readonly:!0,disabled:this.disabled,placeholder:this.placeholder,inputClass:"sd-date-picker__input",onClick:()=>this.openMenu()},d("sd-icon",{key:"8651ba1d36749667f53e9f064b973cb336389ab3",slot:"prefix",name:"date",size:"16",color:this.disabled?"grey_65":"grey_70",class:"date-icon",onClick:()=>this.openMenu()})),this.isOpen&&d("sd-portal",{key:"6ee759cf5cbb0afc4cd8adf704a489ef6cffc8f9",open:this.isOpen,parentRef:this.inputEl,onSdClose:this.handleClose},d("div",{key:"96c038fea5102ffd780fd296534cc294bd1c6912",class:"sd-date-picker__menu"},d("sd-calendar",{key:"bc8d14f98d5d56e6775f083e4096d1113c28a658",value:this.value,selectable:this.selectable,onSdSelect:this.handleSelect,onSdViewChange:this.handleViewChange}))))}static get style(){return".sd-date-picker.sc-sd-date-picker{width:100%;display:inline-block}.sd-date-picker.sc-sd-date-picker .sd-date-picker--disabled.sc-sd-date-picker .date-icon.sc-sd-date-picker{cursor:not-allowed !important;color:#888888 !important}.sd-date-picker.sc-sd-date-picker .sd-date-picker__input.sc-sd-date-picker{text-align:center !important}.sd-date-picker__menu.sc-sd-date-picker{border-radius:8px;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.2)}"}},[514,"sd-date-picker",{value:[1537],label:[1],selectable:[16],disabled:[4],placeholder:[1],isOpen:[32]}]),u=h,f=function(){"undefined"!=typeof customElements&&["sd-date-picker","sd-button","sd-calendar","sd-date-box","sd-field","sd-floating-portal","sd-icon","sd-input","sd-portal","sd-tooltip"].forEach((e=>{switch(e){case"sd-date-picker":customElements.get(a(e))||customElements.define(a(e),h);break;case"sd-button":customElements.get(a(e))||i();break;case"sd-calendar":customElements.get(a(e))||c();break;case"sd-date-box":customElements.get(a(e))||r();break;case"sd-field":customElements.get(a(e))||o();break;case"sd-floating-portal":customElements.get(a(e))||l();break;case"sd-icon":customElements.get(a(e))||p();break;case"sd-input":customElements.get(a(e))||n();break;case"sd-portal":customElements.get(a(e))||m();break;case"sd-tooltip":customElements.get(a(e))||b()}}))};export{u as SdDatePicker,f as defineCustomElement}

package/dist/components/sd-date-range-picker.js

@@ -1 +1 @@
-import{p as e,H as t,c as a,h as s,F as r,t as d}from"./p-B1vJXa29.js";import{u as i,t as n}from"./p-DTrMR0rx.js";import{d as c}from"./p-Dn-uC69K.js";import{d as p}from"./p-CxJY5DLb.js";import{d as o}from"./p-CCACqlGH.js";import{d as h}from"./p-BYaBx4Ar.js";import{d as l}from"./p-BBYig1zV.js";import{d as g}from"./p-B0DS3FC2.js";import{d as k}from"./p-Chqlvi5E.js";import{d as b}from"./p-D1g7VL0r.js";const m=(e,t)=>{const[a,s,r]=e.split("-").map(Number),d=new Date(a,s-1,r);return d.setDate(d.getDate()+t),`${d.getFullYear()}-${(d.getMonth()+1+"").padStart(2,"0")}-${(d.getDate()+"").padStart(2,"0")}`},u=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.update=a(this,"sdUpdate"),this.viewChange=a(this,"sdViewChange")}get el(){return this}value=["",""];label;selectable;maxRange;disabled=!1;placeholder="";isOpen=!1;dateRange=this.value;hoverDate="";prevYear=Number(this.dateRange[0].split("-")[0]);prevMonth=Number(this.dateRange[0].split("-")[1]);update;viewChange;inputEl;dateUtil=i();tempDateRange=["",""];componentWillLoad(){this.syncFromValue(this.value)}onValueChange(e){this.dateRange=[...e]}syncFromValue(e){this.dateRange=[...e],this.resetCalendarByDateRange(e)}resetCalendarByDateRange(e){const t=e[0]||n,a=e[1]||t,[s,r]=t.split("-").map(Number),[d,i]=n.split("-").map(Number);a<=n?(this.prevYear=s,this.prevMonth=r):t<n&&a>n?(this.prevYear=d,this.prevMonth=i):(this.prevYear=s,this.prevMonth=r)}get nextYear(){return 12===this.prevMonth?this.prevYear+1:this.prevYear}get nextMonth(){return 12===this.prevMonth?1:this.prevMonth+1}get prevCalendar(){return this.dateUtil.createCalendar(this.prevYear,this.prevMonth)}get nextCalendar(){return this.dateUtil.createCalendar(this.nextYear,this.nextMonth)}setPrevYear(e){this.prevYear=e}setPrevMonth(e){this.prevMonth=e}updateYearMonth(e){const{newYear:t,newMonth:a}=this.dateUtil.calculateYearMonth(this.prevYear,this.prevMonth,e);this.setPrevYear(t),this.setPrevMonth(a),this.viewChange.emit({year:t,month:a})}setHoverDate(e){this.hoverDate=e}setDateRange(e){this.dateRange=e}formatDate(e,t){return this.dateUtil.formatDate(0===e?this.prevYear:this.nextYear,0===e?this.prevMonth:this.nextMonth,t)}getDateBoxType(e){const[t,a]=this.dateRange;return e===t?a?"start":this.hoverDate<this.dateRange[0]?"end":"start":e===a?"end":""}isDateInRange(e){const[t,a]=this.dateRange;if(t&&a)return e>=t&&e<=a;if(!this.hoverDate||!t||a)return!1;const[s,r]=t<=this.hoverDate?[t,this.hoverDate]:[this.hoverDate,t];return e>=s&&e<=r}isDisabledDate(e){const[t,a]=this.dateRange;if(this.maxRange&&t&&!a){const a=m(t,-this.maxRange),s=m(t,this.maxRange);return!(a<=e&&e<=s)}return!(!(this.selectable&&this.selectable[0]&&this.selectable[1])||e>=this.selectable[0]&&e<=this.selectable[1])}openMenu(){this.disabled||(this.tempDateRange=[...this.dateRange],this.resetCalendarByDateRange(this.dateRange),this.isOpen=!0)}closeMenu=()=>{this.dateRange[0]&&this.dateRange[1]||(this.dateRange=[...this.tempDateRange]),this.isOpen=!1};handleDateClick(e,t){this.setHoverDate("");const a=this.formatDate(e,t);if(!this.dateRange[0]||this.dateRange[1]||a<this.dateRange[0])return void this.setDateRange([a,""]);const s=[this.dateRange[0],a];this.setDateRange(s),this.value=s,this.update.emit?.(s),this.isOpen=!1}handleDateHover(e,t){const a=this.formatDate(e,t);this.setHoverDate(a)}render(){return s("div",{key:"ed71379abf9d60bfa21c9888ba0f84f543bc0fe2",class:{"sd-date-range-picker":!0,"sd-date-range-picker--disabled":this.disabled}},s("sd-input",{key:"d9b4269ee29ddf23dd80b5bcad2ded0d5edae8a6",ref:e=>this.inputEl=e,value:this.dateRange[0]?`${this.dateRange[0]} ~ ${this.dateRange[1]}`:"",addonLabel:this.label,readonly:!0,disabled:this.disabled,placeholder:this.placeholder,inputClass:"sd-date-range-picker__input",onClick:()=>this.openMenu()},s("sd-icon",{key:"a30448daa738ee75925974735f7a9948a47761e1",slot:"prefix",name:"date",size:"16",color:this.disabled?"grey_65":"grey_70",class:"date-icon",onClick:()=>this.openMenu()})),this.isOpen&&s("sd-portal",{key:"553abd0af76848be54788518507fbf0cc20db111",open:this.isOpen,parentRef:this.inputEl,onSdClose:this.closeMenu},s("div",{key:"152fb19e5c8dbd5e5f978b11868cc71b382255d8",class:"sd-date-range-picker__menu"},s("div",{key:"5d290d39d6aa8cc0d3a4394ac2f1d4bc93428bb3",class:"sd-date-range-picker__header mb-16pxr flex flex-nowrap items-center justify-center"},s("button",{key:"b20caad91457bda87690629aa3fc34d4d2c5a673",type:"button",name:"prev",title:"Previous",onClick:()=>{this.setPrevYear(this.prevYear-1),this.viewChange.emit({year:this.prevYear,month:this.prevMonth})}},s("sd-icon",{key:"5f0e8014992b7269aed7d97a4a56263349c90afa",name:"arrowLeft",size:"12",color:"#CCCCCC"})),s("div",{key:"f324d84e338aa2779e471a123fc7b5220900389d",class:"header-label"},this.prevYear),s("button",{key:"18e331eb0c8fe3cc1eba2b718433ca7f7ec17b3e",type:"button",name:"next",title:"Next",onClick:()=>{this.setPrevYear(this.prevYear+1),this.viewChange.emit({year:this.prevYear,month:this.prevMonth})}},s("sd-icon",{key:"1ec935fbbb3ecbafb42df34905f62753dfd49da2",name:"arrowRight",size:"12",color:"#CCCCCC"}))),s("div",{key:"47af9712b96158741a3fed052f4b1eb7bca08eef",class:"sd-date-range-picker__body"},[this.prevCalendar,this.nextCalendar].map(((e,t)=>s(r,null,1===t&&s("div",{class:"separator"}),s("div",{key:t,class:"calendar-container"},s("div",{class:"calendar-header"},s("button",{type:"button",name:"month",title:"Month",class:0===t?"header-button-prev":"header-button-next",onClick:()=>this.updateYearMonth(0===t?"prev":"next")},s("sd-icon",{name:0===t?"arrowLeft":"arrowRight",size:"12",color:"#CCCCCC"})),0===t?`${this.prevYear}.${(this.prevMonth+"").padStart(2,"0")}`:`${this.nextYear}.${(this.nextMonth+"").padStart(2,"0")}`),s("div",{class:"calendar-days"},["일","월","화","수","목","금","토"].map((e=>s("sd-date-box",{key:e,date:e,disabled:!0,class:"day"})))),s("div",{class:"calendar-body mt-12pxr grid grid-cols-7 gap-y-8pxr"},[...e.prevMonthDays,...e.days,...e.afterMonthDays].map(((e,a)=>s("sd-date-box",{key:`prev${e}_${a}`,date:e?Number(e):"",selected:this.dateRange.some((a=>a===this.formatDate(t,Number(e)))),type:this.getDateBoxType(this.formatDate(t,Number(e))),isToday:n===this.formatDate(t,Number(e)),disabled:!e||this.isDisabledDate(this.formatDate(t,Number(e))),inRange:this.isDateInRange(this.formatDate(t,Number(e))),isStartDate:this.dateRange[0]===this.formatDate(t,Number(e)),isEndDate:this.dateRange[1]===this.formatDate(t,Number(e)),onSdClick:()=>this.handleDateClick(t,Number(e)),onSdMouseOver:()=>this.handleDateHover(t,Number(e))}))))))))))))}static get watchers(){return{value:[{onValueChange:0}]}}static get style(){return"sd-date-range-picker.sc-sd-date-range-picker{width:fit-content;display:inline-flex}sd-date-range-picker.sc-sd-date-range-picker .sd-date-range-picker--disabled.sc-sd-date-range-picker .date-icon.sc-sd-date-range-picker{cursor:not-allowed !important;color:#888888 !important}sd-date-range-picker.sc-sd-date-range-picker .sd-date-range-picker--disabled.sc-sd-date-range-picker .sd-input__native.sc-sd-date-range-picker{color:#888888 !important}sd-date-range-picker.sc-sd-date-range-picker .sd-field.sc-sd-date-range-picker .sd-field__control.sc-sd-date-range-picker{min-width:210px}sd-date-range-picker.sc-sd-date-range-picker .sd-field.sc-sd-date-range-picker .sd-input__native.sc-sd-date-range-picker{margin-left:17px !important}.sd-date-range-picker__menu.sc-sd-date-range-picker{width:609px;box-sizing:border-box;border-radius:8px;padding:24px 19px;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.2);background:white}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__header.sc-sd-date-range-picker{margin-bottom:16px;display:flex;flex-flow:row nowrap;align-items:center;justify-content:center}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__header.sc-sd-date-range-picker .header-label.sc-sd-date-range-picker{margin:0 12px;width:40px;text-align:center;font-size:14px;line-height:24px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker{display:flex;flex-flow:row nowrap;align-items:stretch;gap:19px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker{width:266px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-header.sc-sd-date-range-picker{width:100%;height:24px;line-height:24px;font-size:14px;text-align:center;position:relative;padding:0 5px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-header.sc-sd-date-range-picker button.sc-sd-date-range-picker{position:absolute;top:50%;transform:translateY(-50%)}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-header.sc-sd-date-range-picker button.header-button-prev.sc-sd-date-range-picker{left:5px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-header.sc-sd-date-range-picker button.header-button-next.sc-sd-date-range-picker{right:5px;left:auto}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-days.sc-sd-date-range-picker{padding:0 5px;margin-top:8px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr));column-gap:10px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-days.sc-sd-date-range-picker .day.sc-sd-date-range-picker{width:28px;height:20px;font-size:12px;line-height:20px;text-align:center;color:#888888}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-body.sc-sd-date-range-picker{margin-top:12px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr))}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .separator.sc-sd-date-range-picker{width:1px;background-color:#D8D8D8}"}},[514,"sd-date-range-picker",{value:[1040],label:[1],selectable:[16],maxRange:[2,"max-range"],disabled:[4],placeholder:[1],isOpen:[32],dateRange:[32],hoverDate:[32],prevYear:[32],prevMonth:[32]},void 0,{value:[{onValueChange:0}]}]),f=u,x=function(){"undefined"!=typeof customElements&&["sd-date-range-picker","sd-button","sd-date-box","sd-field","sd-floating-portal","sd-icon","sd-input","sd-portal","sd-tooltip"].forEach((e=>{switch(e){case"sd-date-range-picker":customElements.get(d(e))||customElements.define(d(e),u);break;case"sd-button":customElements.get(d(e))||c();break;case"sd-date-box":customElements.get(d(e))||p();break;case"sd-field":customElements.get(d(e))||o();break;case"sd-floating-portal":customElements.get(d(e))||h();break;case"sd-icon":customElements.get(d(e))||l();break;case"sd-input":customElements.get(d(e))||g();break;case"sd-portal":customElements.get(d(e))||k();break;case"sd-tooltip":customElements.get(d(e))||b()}}))};export{f as SdDateRangePicker,x as defineCustomElement}
+import{p as e,H as t,c as a,h as s,F as r,t as d}from"./p-B1vJXa29.js";import{u as i,t as n}from"./p-DTrMR0rx.js";import{d as c}from"./p-DeTDTmN7.js";import{d as p}from"./p-CxJY5DLb.js";import{d as o}from"./p-CdoxVzYC.js";import{d as h}from"./p-BYaBx4Ar.js";import{d as l}from"./p-BBYig1zV.js";import{d as g}from"./p-Du3VqeNP.js";import{d as k}from"./p-Chqlvi5E.js";import{d as b}from"./p-CUy8ulXZ.js";const m=(e,t)=>{const[a,s,r]=e.split("-").map(Number),d=new Date(a,s-1,r);return d.setDate(d.getDate()+t),`${d.getFullYear()}-${(d.getMonth()+1+"").padStart(2,"0")}-${(d.getDate()+"").padStart(2,"0")}`},u=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.update=a(this,"sdUpdate"),this.viewChange=a(this,"sdViewChange")}get el(){return this}value=["",""];label;selectable;maxRange;disabled=!1;placeholder="";isOpen=!1;dateRange=this.value;hoverDate="";prevYear=Number(this.dateRange[0].split("-")[0]);prevMonth=Number(this.dateRange[0].split("-")[1]);update;viewChange;inputEl;dateUtil=i();tempDateRange=["",""];componentWillLoad(){this.syncFromValue(this.value)}onValueChange(e){this.dateRange=[...e]}syncFromValue(e){this.dateRange=[...e],this.resetCalendarByDateRange(e)}resetCalendarByDateRange(e){const t=e[0]||n,a=e[1]||t,[s,r]=t.split("-").map(Number),[d,i]=n.split("-").map(Number);a<=n?(this.prevYear=s,this.prevMonth=r):t<n&&a>n?(this.prevYear=d,this.prevMonth=i):(this.prevYear=s,this.prevMonth=r)}get nextYear(){return 12===this.prevMonth?this.prevYear+1:this.prevYear}get nextMonth(){return 12===this.prevMonth?1:this.prevMonth+1}get prevCalendar(){return this.dateUtil.createCalendar(this.prevYear,this.prevMonth)}get nextCalendar(){return this.dateUtil.createCalendar(this.nextYear,this.nextMonth)}setPrevYear(e){this.prevYear=e}setPrevMonth(e){this.prevMonth=e}updateYearMonth(e){const{newYear:t,newMonth:a}=this.dateUtil.calculateYearMonth(this.prevYear,this.prevMonth,e);this.setPrevYear(t),this.setPrevMonth(a),this.viewChange.emit({year:t,month:a})}setHoverDate(e){this.hoverDate=e}setDateRange(e){this.dateRange=e}formatDate(e,t){return this.dateUtil.formatDate(0===e?this.prevYear:this.nextYear,0===e?this.prevMonth:this.nextMonth,t)}getDateBoxType(e){const[t,a]=this.dateRange;return e===t?a?"start":this.hoverDate<this.dateRange[0]?"end":"start":e===a?"end":""}isDateInRange(e){const[t,a]=this.dateRange;if(t&&a)return e>=t&&e<=a;if(!this.hoverDate||!t||a)return!1;const[s,r]=t<=this.hoverDate?[t,this.hoverDate]:[this.hoverDate,t];return e>=s&&e<=r}isDisabledDate(e){const[t,a]=this.dateRange;if(this.maxRange&&t&&!a){const a=m(t,-this.maxRange),s=m(t,this.maxRange);return!(a<=e&&e<=s)}return!(!(this.selectable&&this.selectable[0]&&this.selectable[1])||e>=this.selectable[0]&&e<=this.selectable[1])}openMenu(){this.disabled||(this.tempDateRange=[...this.dateRange],this.resetCalendarByDateRange(this.dateRange),this.isOpen=!0)}closeMenu=()=>{this.dateRange[0]&&this.dateRange[1]||(this.dateRange=[...this.tempDateRange]),this.isOpen=!1};handleDateClick(e,t){this.setHoverDate("");const a=this.formatDate(e,t);if(!this.dateRange[0]||this.dateRange[1]||a<this.dateRange[0])return void this.setDateRange([a,""]);const s=[this.dateRange[0],a];this.setDateRange(s),this.value=s,this.update.emit?.(s),this.isOpen=!1}handleDateHover(e,t){const a=this.formatDate(e,t);this.setHoverDate(a)}render(){return s("div",{key:"ed71379abf9d60bfa21c9888ba0f84f543bc0fe2",class:{"sd-date-range-picker":!0,"sd-date-range-picker--disabled":this.disabled}},s("sd-input",{key:"d9b4269ee29ddf23dd80b5bcad2ded0d5edae8a6",ref:e=>this.inputEl=e,value:this.dateRange[0]?`${this.dateRange[0]} ~ ${this.dateRange[1]}`:"",addonLabel:this.label,readonly:!0,disabled:this.disabled,placeholder:this.placeholder,inputClass:"sd-date-range-picker__input",onClick:()=>this.openMenu()},s("sd-icon",{key:"a30448daa738ee75925974735f7a9948a47761e1",slot:"prefix",name:"date",size:"16",color:this.disabled?"grey_65":"grey_70",class:"date-icon",onClick:()=>this.openMenu()})),this.isOpen&&s("sd-portal",{key:"553abd0af76848be54788518507fbf0cc20db111",open:this.isOpen,parentRef:this.inputEl,onSdClose:this.closeMenu},s("div",{key:"152fb19e5c8dbd5e5f978b11868cc71b382255d8",class:"sd-date-range-picker__menu"},s("div",{key:"5d290d39d6aa8cc0d3a4394ac2f1d4bc93428bb3",class:"sd-date-range-picker__header mb-16pxr flex flex-nowrap items-center justify-center"},s("button",{key:"b20caad91457bda87690629aa3fc34d4d2c5a673",type:"button",name:"prev",title:"Previous",onClick:()=>{this.setPrevYear(this.prevYear-1),this.viewChange.emit({year:this.prevYear,month:this.prevMonth})}},s("sd-icon",{key:"5f0e8014992b7269aed7d97a4a56263349c90afa",name:"arrowLeft",size:"12",color:"#CCCCCC"})),s("div",{key:"f324d84e338aa2779e471a123fc7b5220900389d",class:"header-label"},this.prevYear),s("button",{key:"18e331eb0c8fe3cc1eba2b718433ca7f7ec17b3e",type:"button",name:"next",title:"Next",onClick:()=>{this.setPrevYear(this.prevYear+1),this.viewChange.emit({year:this.prevYear,month:this.prevMonth})}},s("sd-icon",{key:"1ec935fbbb3ecbafb42df34905f62753dfd49da2",name:"arrowRight",size:"12",color:"#CCCCCC"}))),s("div",{key:"47af9712b96158741a3fed052f4b1eb7bca08eef",class:"sd-date-range-picker__body"},[this.prevCalendar,this.nextCalendar].map(((e,t)=>s(r,null,1===t&&s("div",{class:"separator"}),s("div",{key:t,class:"calendar-container"},s("div",{class:"calendar-header"},s("button",{type:"button",name:"month",title:"Month",class:0===t?"header-button-prev":"header-button-next",onClick:()=>this.updateYearMonth(0===t?"prev":"next")},s("sd-icon",{name:0===t?"arrowLeft":"arrowRight",size:"12",color:"#CCCCCC"})),0===t?`${this.prevYear}.${(this.prevMonth+"").padStart(2,"0")}`:`${this.nextYear}.${(this.nextMonth+"").padStart(2,"0")}`),s("div",{class:"calendar-days"},["일","월","화","수","목","금","토"].map((e=>s("sd-date-box",{key:e,date:e,disabled:!0,class:"day"})))),s("div",{class:"calendar-body mt-12pxr grid grid-cols-7 gap-y-8pxr"},[...e.prevMonthDays,...e.days,...e.afterMonthDays].map(((e,a)=>s("sd-date-box",{key:`prev${e}_${a}`,date:e?Number(e):"",selected:this.dateRange.some((a=>a===this.formatDate(t,Number(e)))),type:this.getDateBoxType(this.formatDate(t,Number(e))),isToday:n===this.formatDate(t,Number(e)),disabled:!e||this.isDisabledDate(this.formatDate(t,Number(e))),inRange:this.isDateInRange(this.formatDate(t,Number(e))),isStartDate:this.dateRange[0]===this.formatDate(t,Number(e)),isEndDate:this.dateRange[1]===this.formatDate(t,Number(e)),onSdClick:()=>this.handleDateClick(t,Number(e)),onSdMouseOver:()=>this.handleDateHover(t,Number(e))}))))))))))))}static get watchers(){return{value:[{onValueChange:0}]}}static get style(){return"sd-date-range-picker.sc-sd-date-range-picker{width:fit-content;display:inline-flex}sd-date-range-picker.sc-sd-date-range-picker .sd-date-range-picker--disabled.sc-sd-date-range-picker .date-icon.sc-sd-date-range-picker{cursor:not-allowed !important;color:#888888 !important}sd-date-range-picker.sc-sd-date-range-picker .sd-date-range-picker--disabled.sc-sd-date-range-picker .sd-input__native.sc-sd-date-range-picker{color:#888888 !important}sd-date-range-picker.sc-sd-date-range-picker .sd-field.sc-sd-date-range-picker .sd-field__control.sc-sd-date-range-picker{min-width:210px}sd-date-range-picker.sc-sd-date-range-picker .sd-field.sc-sd-date-range-picker .sd-input__native.sc-sd-date-range-picker{margin-left:17px !important}.sd-date-range-picker__menu.sc-sd-date-range-picker{width:609px;box-sizing:border-box;border-radius:8px;padding:24px 19px;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.2);background:white}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__header.sc-sd-date-range-picker{margin-bottom:16px;display:flex;flex-flow:row nowrap;align-items:center;justify-content:center}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__header.sc-sd-date-range-picker .header-label.sc-sd-date-range-picker{margin:0 12px;width:40px;text-align:center;font-size:14px;line-height:24px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker{display:flex;flex-flow:row nowrap;align-items:stretch;gap:19px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker{width:266px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-header.sc-sd-date-range-picker{width:100%;height:24px;line-height:24px;font-size:14px;text-align:center;position:relative;padding:0 5px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-header.sc-sd-date-range-picker button.sc-sd-date-range-picker{position:absolute;top:50%;transform:translateY(-50%)}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-header.sc-sd-date-range-picker button.header-button-prev.sc-sd-date-range-picker{left:5px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-header.sc-sd-date-range-picker button.header-button-next.sc-sd-date-range-picker{right:5px;left:auto}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-days.sc-sd-date-range-picker{padding:0 5px;margin-top:8px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr));column-gap:10px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-days.sc-sd-date-range-picker .day.sc-sd-date-range-picker{width:28px;height:20px;font-size:12px;line-height:20px;text-align:center;color:#888888}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-body.sc-sd-date-range-picker{margin-top:12px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr))}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .separator.sc-sd-date-range-picker{width:1px;background-color:#D8D8D8}"}},[514,"sd-date-range-picker",{value:[1040],label:[1],selectable:[16],maxRange:[2,"max-range"],disabled:[4],placeholder:[1],isOpen:[32],dateRange:[32],hoverDate:[32],prevYear:[32],prevMonth:[32]},void 0,{value:[{onValueChange:0}]}]),f=u,x=function(){"undefined"!=typeof customElements&&["sd-date-range-picker","sd-button","sd-date-box","sd-field","sd-floating-portal","sd-icon","sd-input","sd-portal","sd-tooltip"].forEach((e=>{switch(e){case"sd-date-range-picker":customElements.get(d(e))||customElements.define(d(e),u);break;case"sd-button":customElements.get(d(e))||c();break;case"sd-date-box":customElements.get(d(e))||p();break;case"sd-field":customElements.get(d(e))||o();break;case"sd-floating-portal":customElements.get(d(e))||h();break;case"sd-icon":customElements.get(d(e))||l();break;case"sd-input":customElements.get(d(e))||g();break;case"sd-portal":customElements.get(d(e))||k();break;case"sd-tooltip":customElements.get(d(e))||b()}}))};export{f as SdDateRangePicker,x as defineCustomElement}

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

@@ -1 +1 @@
-import{p as t,c as o,h as d,t as n}from"./p-B1vJXa29.js";import{B as r}from"./p-BNuWMSR_.js";import{B as e,g as s,P as i,a,b as p,c as u}from"./p-BdjLD8BG.js";import{b}from"./p-KOzU1j2w.js";import{s as c}from"./p-CS6ohqwt.js";import{d as w}from"./p-BBYig1zV.js";import{d as h}from"./p-Chqlvi5E.js";const l=Object.keys(e).filter((t=>!t.endsWith("_lg"))),g=Object.fromEntries(l.map((t=>[t,e[t]]))),m={xs:b.dropdown.xs.minWidth,sm:b.dropdown.sm.minWidth,md:b.dropdown.md.minWidth},f=p,x=a,_=i,v={primary:b.brand.strong.dropdown.divider,secondary:b.brand.subtle.dropdown.divider,primary_outline:_.primary_outline,neutral_outline:_.neutral_outline,danger:b.danger.strong.dropdown.divider,danger_outline:_.danger_outline},y=c.color.content.secondary,k=c.color.bg.accent.default,z=c.color.content.inverse,O={primary:y,secondary:y,primary_outline:y,neutral_outline:y,danger:y,danger_outline:y},C={primary:k,secondary:k,primary_outline:k,neutral_outline:k,danger:k,danger_outline:k},E={primary:z,secondary:z,primary_outline:z,neutral_outline:z,danger:z,danger_outline:z},j=b.bg.disabled,D=b.content.disabled,A=b.border.disabled,I=t(class t extends r{constructor(t){super(!1),!1!==t&&this.__registerHost(),this.click=o(this,"sdClick"),this.dropDownShow=o(this,"sdDropDownShow")}get el(){return this}name="primary_sm";label="";items=[];disabled=!1;static CLOSE_ANIMATION_DURATION=150;isOpen=!1;isAnimatingOut=!1;itemIndex=-1;triggerRef;menuRef;closeAnimationTimer;click;dropDownShow;handleOpenChange(t){this.onDropdownToggle(t),this.dropDownShow.emit({isOpen:t}),t||(this.itemIndex=-1)}componentWillLoad(){this.initializeEvent()}disconnectedCallback(){this.cleanupEvent(),this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer)}async sdOpen(){this.disabled||0===this.items.length||(this.isOpen=!0)}async sdClose(){this.closeDropdown()}closeDropdown=()=>{this.isOpen&&(this.isOpen=!1,this.isAnimatingOut=!0,this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.closeAnimationTimer=setTimeout((()=>{this.isAnimatingOut=!1}),t.CLOSE_ANIMATION_DURATION))};handleDocumentClick(t){const o=t.target;o&&(this.el.contains(o)||this.menuRef?.contains(o)||this.closeDropdown())}handleDocumentKeydown(t){if(this.isOpen&&["ArrowDown","ArrowUp","Enter","Escape"].includes(t.key))switch(t.preventDefault(),t.stopPropagation(),t.key){case"ArrowDown":this.itemIndex=this.getNextEnabledIndex(1);break;case"ArrowUp":this.itemIndex=this.getNextEnabledIndex(-1);break;case"Enter":if(this.itemIndex<0)return;this.selectItem(this.items[this.itemIndex]);break;case"Escape":this.closeDropdown()}}get resolvedConfig(){if(!(()=>this.name in g)())throw Error("Invalid sd-dropdown-button name: "+this.name);return{config:g[this.name],preset:(()=>s(this.name))()}}getNextEnabledIndex(t){const o=this.items.reduce(((t,o,d)=>(o.disabled||t.push(d),t)),[]);if(0===o.length)return-1;const d=o.indexOf(this.itemIndex);return-1===d?1===t?o[0]:o[o.length-1]:o[(d+t+o.length)%o.length]}toggleDropdown=t=>{t.stopPropagation(),this.disabled||0===this.items.length||(this.isOpen?this.closeDropdown():(this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.isAnimatingOut=!1,this.isOpen=!0))};selectItem(t,o){o?.stopPropagation(),t&&!t.disabled&&(this.click.emit(t.value),this.closeDropdown())}getTriggerClasses(t,o,d,n){const r=["sd-dropdown-button__trigger","sd-dropdown-button__trigger--"+t,"sd-dropdown-button__trigger--"+o];return d&&r.push("sd-dropdown-button__trigger--disabled"),n&&r.push("sd-dropdown-button__trigger--open"),r.join(" ")}getMenuItemClasses(t,o){const d=["sd-dropdown-button__menu-item"];return t&&d.push("sd-dropdown-button__menu-item--active"),o&&d.push("sd-dropdown-button__menu-item--disabled"),d.join(" ")}renderDropdown(t){return(this.isOpen||this.isAnimatingOut)&&this.triggerRef?d("sd-portal",{open:this.isOpen,parentRef:this.triggerRef,onSdClose:this.closeDropdown},d("div",{style:{position:"absolute",width:"0px",height:"0px"}},d("div",{class:"sd-dropdown-button__menu",role:"menu",ref:t=>this.menuRef=t,style:{"--sd-dropdown-button-menu-min-width":this.triggerRef.offsetWidth+"px","--sd-dropdown-button-menu-item-color":O[t],"--sd-dropdown-button-menu-item-active-bg":C[t],"--sd-dropdown-button-menu-item-active-color":E[t],"--sd-dropdown-button-menu-border":"transparent"===_[t]?v[t]:_[t]}},this.items.map(((t,o)=>d("button",{type:"button",role:"menuitem",class:this.getMenuItemClasses(this.itemIndex===o&&!t.disabled,!!t.disabled),disabled:t.disabled,onClick:o=>this.selectItem(t,o),onMouseEnter:()=>{t.disabled||(this.itemIndex=o)}},t.icon&&d("sd-icon",{class:"sd-dropdown-button__menu-item-icon",name:t.icon,size:12,color:"var(--sd-dropdown-button-menu-item-current-color)"}),d("span",{class:"sd-dropdown-button__menu-item-label",innerHTML:t.label}))))))):null}render(){const{config:t,preset:o}=this.resolvedConfig;return d("div",{key:"7398f76731b0d11fffe9b4f5353630e59c183b66",class:"sd-dropdown-button"},d("button",{key:"811a86ae4fcf25b76025f6e0168d5915a893edd9",type:"button",class:this.getTriggerClasses(o,t.size,this.disabled,this.isOpen),disabled:this.disabled,"aria-haspopup":"menu","aria-expanded":this.isOpen+"",onClick:this.toggleDropdown,ref:t=>this.triggerRef=t,style:{"--sd-dropdown-button-min-width":m[t.size]+"px","--sd-dropdown-button-bg":t.color,"--sd-dropdown-button-bg-hover":f[o],"--sd-dropdown-button-border":_[o],"--sd-dropdown-button-content":x[o],"--sd-dropdown-button-divider":v[o],"--sd-dropdown-button-accent":u,"--sd-dropdown-button-disabled-bg":j,"--sd-dropdown-button-disabled-content":D,"--sd-dropdown-button-disabled-border":A}},d("span",{key:"adcf634bd7c325ec746635c153edf4b9e3d7b677",class:"sd-dropdown-button__trigger-label"},this.label),d("span",{key:"533dfeaf615784543c802b825e8640cd2c873de2",class:"sd-dropdown-button__trigger-divider","aria-hidden":"true"}),d("span",{key:"200c1133e33e8c2cae4f20ff442ca247fef2764b",class:{"sd-dropdown-button__trigger-icon":!0,"sd-dropdown-button__trigger-icon--open":this.isOpen},"aria-hidden":"true"},d("sd-icon",{key:"e8ebd083b1d3c1375eb51cf5e2757df3bbb759a5",name:"chevronDown",size:12,color:"var(--sd-dropdown-button-current-content)"}))),this.renderDropdown(o))}static get watchers(){return{isOpen:[{handleOpenChange:0}]}}static get style(){return"sd-dropdown-button{display:inline-flex;width:fit-content;height:fit-content}.sd-dropdown-button{display:inline-flex;position:relative}.sd-dropdown-button__trigger{--sd-dropdown-button-height:var(--sd-button-md-height, 34px);--sd-dropdown-button-padding-x:var(--sd-button-md-padding-x, 20px);--sd-dropdown-button-gap:var(--sd-button-md-gap, 8px);--sd-dropdown-button-font-family:var(--sd-button-md-typography-font-family, inherit);--sd-dropdown-button-font-size:var(--sd-button-md-typography-font-size, 12px);--sd-dropdown-button-font-weight:var(--sd-button-md-typography-font-weight, 500);--sd-dropdown-button-text-decoration:var(--sd-button-md-typography-text-decoration, none);--sd-dropdown-button-bg:#025497;--sd-dropdown-button-bg-hover:#004177;--sd-dropdown-button-border:transparent;--sd-dropdown-button-content:#ffffff;--sd-dropdown-button-current-content:var(--sd-dropdown-button-content);--sd-dropdown-button-divider:#006ac1;--sd-dropdown-button-accent:#006ac1;--sd-dropdown-button-min-width:106px;--sd-dropdown-button-disabled-bg:var(--sd-button-bg-disabled, $grey_30);--sd-dropdown-button-disabled-content:var(--sd-button-content-disabled, $grey_65);--sd-dropdown-button-disabled-border:var(--sd-button-border-disabled, $grey_45);display:inline-flex;align-items:stretch;justify-content:space-between;min-width:var(--sd-dropdown-button-min-width);min-height:var(--sd-dropdown-button-height);padding:0;border:var(--sd-button-border-width-default, 1px) solid var(--sd-dropdown-button-border);border-radius:var(--sd-button-radius-default, 4px);background:var(--sd-dropdown-button-bg);color:var(--sd-dropdown-button-current-content);cursor:pointer;box-sizing:border-box;font-family:var(--sd-dropdown-button-font-family);font-size:var(--sd-dropdown-button-font-size);font-weight:var(--sd-dropdown-button-font-weight);line-height:1;text-decoration:var(--sd-dropdown-button-text-decoration);transition:background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;white-space:nowrap}.sd-dropdown-button__trigger:hover:not(.sd-dropdown-button__trigger--disabled){background:var(--sd-dropdown-button-bg-hover)}.sd-dropdown-button__trigger:focus-visible{outline:0;box-shadow:0 0 0 2px var(--sd-dropdown-button-accent)}.sd-dropdown-button__trigger--xs{--sd-dropdown-button-height:var(--sd-button-xs-height, 24px);--sd-dropdown-button-padding-x:var(--sd-button-xs-padding-x, 8px);--sd-dropdown-button-gap:var(--sd-button-xs-gap, 4px);--sd-dropdown-button-font-family:var(--sd-button-xs-typography-font-family, inherit);--sd-dropdown-button-font-size:var(--sd-button-xs-typography-font-size, 12px);--sd-dropdown-button-font-weight:var(--sd-button-xs-typography-font-weight, 500);--sd-dropdown-button-text-decoration:var(--sd-button-xs-typography-text-decoration, none)}.sd-dropdown-button__trigger--sm{--sd-dropdown-button-height:var(--sd-button-sm-height, 28px);--sd-dropdown-button-padding-x:var(--sd-button-sm-padding-x, 12px);--sd-dropdown-button-gap:var(--sd-button-sm-gap, 6px);--sd-dropdown-button-font-family:var(--sd-button-sm-typography-font-family, inherit);--sd-dropdown-button-font-size:var(--sd-button-sm-typography-font-size, 12px);--sd-dropdown-button-font-weight:var(--sd-button-sm-typography-font-weight, 500);--sd-dropdown-button-text-decoration:var(--sd-button-sm-typography-text-decoration, none)}.sd-dropdown-button__trigger--md{--sd-dropdown-button-height:var(--sd-button-md-height, 34px);--sd-dropdown-button-padding-x:var(--sd-button-md-padding-x, 20px);--sd-dropdown-button-gap:var(--sd-button-md-gap, 8px);--sd-dropdown-button-font-family:var(--sd-button-md-typography-font-family, inherit);--sd-dropdown-button-font-size:var(--sd-button-md-typography-font-size, 16px);--sd-dropdown-button-font-weight:var(--sd-button-md-typography-font-weight, 500);--sd-dropdown-button-text-decoration:var(--sd-button-md-typography-text-decoration, none)}.sd-dropdown-button__trigger--disabled{border-color:var(--sd-dropdown-button-disabled-border);background:var(--sd-dropdown-button-disabled-bg);--sd-dropdown-button-current-content:var(--sd-dropdown-button-disabled-content);cursor:not-allowed}.sd-dropdown-button__trigger--disabled .sd-dropdown-button__trigger-divider{background:var(--sd-dropdown-button-disabled-border)}.sd-dropdown-button__trigger-label,.sd-dropdown-button__trigger-icon{display:inline-flex;align-items:center;justify-content:center}.sd-dropdown-button__trigger-label{flex:1 1 auto;min-width:0;padding:0 var(--sd-dropdown-button-padding-x)}.sd-dropdown-button__trigger-divider{align-self:stretch;width:1px;height:auto;background:var(--sd-dropdown-button-divider);opacity:0.9}.sd-dropdown-button__trigger-icon{flex:0 0 auto;min-width:calc(var(--sd-dropdown-button-height) - 2px);padding:0 calc(var(--sd-dropdown-button-gap) + 2px);transition:transform 0.2s ease}.sd-dropdown-button__trigger-icon--open{transform:rotate(180deg)}.sd-dropdown-button__menu{position:relative;display:grid;width:max-content;min-width:var(--sd-dropdown-button-menu-min-width, max-content);max-width:calc(100vw - 24px);padding:4px 0;border:0;border-radius:4px;background:#FFFFFF;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.1019607843);box-sizing:border-box;overflow:hidden}.sd-dropdown-button__menu-item{--sd-dropdown-button-menu-item-current-color:var(--sd-dropdown-button-menu-item-color);display:inline-flex;align-items:center;gap:8px;min-height:28px;width:100%;padding:0 12px;border:0;border-radius:0;background:transparent;color:var(--sd-dropdown-button-menu-item-current-color);cursor:pointer;box-sizing:border-box;font:inherit;text-align:left;transition:background-color 0.15s ease, color 0.15s ease}.sd-dropdown-button__menu-item--active{background:var(--sd-dropdown-button-menu-item-active-bg);--sd-dropdown-button-menu-item-current-color:var(    --sd-dropdown-button-menu-item-active-color   )}.sd-dropdown-button__menu-item--disabled{--sd-dropdown-button-menu-item-current-color:var(--sd-dropdown-button-disabled-content);cursor:not-allowed}.sd-dropdown-button__menu-item-icon{flex:0 0 auto}.sd-dropdown-button__menu-item-label{display:inline-flex;align-items:center;min-width:0;white-space:nowrap;font-size:12px}"}},[512,"sd-dropdown-button",{name:[1],label:[1],items:[16],disabled:[4],isOpen:[32],isAnimatingOut:[32],itemIndex:[32],sdOpen:[64],sdClose:[64]},void 0,{isOpen:[{handleOpenChange:0}]}]),T=I,B=function(){"undefined"!=typeof customElements&&["sd-dropdown-button","sd-icon","sd-portal"].forEach((t=>{switch(t){case"sd-dropdown-button":customElements.get(n(t))||customElements.define(n(t),I);break;case"sd-icon":customElements.get(n(t))||w();break;case"sd-portal":customElements.get(n(t))||h()}}))};export{T as SdDropdownButton,B as defineCustomElement}
+import{p as t,c as o,h as d,t as n}from"./p-B1vJXa29.js";import{B as r}from"./p-BNuWMSR_.js";import{B as e,g as s,P as i,a,b as p,c as u}from"./p-B6NYLHOZ.js";import{b}from"./p-DwYSoCyW.js";import{s as c}from"./p-CS6ohqwt.js";import{d as w}from"./p-BBYig1zV.js";import{d as h}from"./p-Chqlvi5E.js";const l=Object.keys(e).filter((t=>!t.endsWith("_lg"))),g=Object.fromEntries(l.map((t=>[t,e[t]]))),m={xs:b.dropdown.xs.minWidth,sm:b.dropdown.sm.minWidth,md:b.dropdown.md.minWidth},f=p,x=a,_=i,v={primary:b.brand.strong.dropdown.divider,secondary:b.brand.subtle.dropdown.divider,primary_outline:_.primary_outline,neutral_outline:_.neutral_outline,danger:b.danger.strong.dropdown.divider,danger_outline:_.danger_outline},y=c.color.content.secondary,k=c.color.bg.accent.default,C=c.color.content.inverse,O={primary:y,secondary:y,primary_outline:y,neutral_outline:y,danger:y,danger_outline:y},z={primary:k,secondary:k,primary_outline:k,neutral_outline:k,danger:k,danger_outline:k},E={primary:C,secondary:C,primary_outline:C,neutral_outline:C,danger:C,danger_outline:C},D=b.bg.disabled,j=b.text.disabled,A=b.border.disabled,I=t(class t extends r{constructor(t){super(!1),!1!==t&&this.__registerHost(),this.click=o(this,"sdClick"),this.dropDownShow=o(this,"sdDropDownShow")}get el(){return this}name="primary_sm";label="";items=[];disabled=!1;static CLOSE_ANIMATION_DURATION=150;isOpen=!1;isAnimatingOut=!1;itemIndex=-1;triggerRef;menuRef;closeAnimationTimer;click;dropDownShow;handleOpenChange(t){this.onDropdownToggle(t),this.dropDownShow.emit({isOpen:t}),t||(this.itemIndex=-1)}componentWillLoad(){this.initializeEvent()}disconnectedCallback(){this.cleanupEvent(),this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer)}async sdOpen(){this.disabled||0===this.items.length||(this.isOpen=!0)}async sdClose(){this.closeDropdown()}closeDropdown=()=>{this.isOpen&&(this.isOpen=!1,this.isAnimatingOut=!0,this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.closeAnimationTimer=setTimeout((()=>{this.isAnimatingOut=!1}),t.CLOSE_ANIMATION_DURATION))};handleDocumentClick(t){const o=t.target;o&&(this.el.contains(o)||this.menuRef?.contains(o)||this.closeDropdown())}handleDocumentKeydown(t){if(this.isOpen&&["ArrowDown","ArrowUp","Enter","Escape"].includes(t.key))switch(t.preventDefault(),t.stopPropagation(),t.key){case"ArrowDown":this.itemIndex=this.getNextEnabledIndex(1);break;case"ArrowUp":this.itemIndex=this.getNextEnabledIndex(-1);break;case"Enter":if(this.itemIndex<0)return;this.selectItem(this.items[this.itemIndex]);break;case"Escape":this.closeDropdown()}}get resolvedConfig(){if(!(()=>this.name in g)())throw Error("Invalid sd-dropdown-button name: "+this.name);return{config:g[this.name],preset:(()=>s(this.name))()}}getNextEnabledIndex(t){const o=this.items.reduce(((t,o,d)=>(o.disabled||t.push(d),t)),[]);if(0===o.length)return-1;const d=o.indexOf(this.itemIndex);return-1===d?1===t?o[0]:o[o.length-1]:o[(d+t+o.length)%o.length]}toggleDropdown=t=>{t.stopPropagation(),this.disabled||0===this.items.length||(this.isOpen?this.closeDropdown():(this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.isAnimatingOut=!1,this.isOpen=!0))};selectItem(t,o){o?.stopPropagation(),t&&!t.disabled&&(this.click.emit(t.value),this.closeDropdown())}getTriggerClasses(t,o,d,n){const r=["sd-dropdown-button__trigger","sd-dropdown-button__trigger--"+t,"sd-dropdown-button__trigger--"+o];return d&&r.push("sd-dropdown-button__trigger--disabled"),n&&r.push("sd-dropdown-button__trigger--open"),r.join(" ")}getMenuItemClasses(t,o){const d=["sd-dropdown-button__menu-item"];return t&&d.push("sd-dropdown-button__menu-item--active"),o&&d.push("sd-dropdown-button__menu-item--disabled"),d.join(" ")}renderDropdown(t){return(this.isOpen||this.isAnimatingOut)&&this.triggerRef?d("sd-portal",{open:this.isOpen,parentRef:this.triggerRef,onSdClose:this.closeDropdown},d("div",{style:{position:"absolute",width:"0px",height:"0px"}},d("div",{class:"sd-dropdown-button__menu",role:"menu",ref:t=>this.menuRef=t,style:{"--sd-dropdown-button-menu-min-width":this.triggerRef.offsetWidth+"px","--sd-dropdown-button-menu-item-color":O[t],"--sd-dropdown-button-menu-item-active-bg":z[t],"--sd-dropdown-button-menu-item-active-color":E[t],"--sd-dropdown-button-menu-border":"transparent"===_[t]?v[t]:_[t]}},this.items.map(((t,o)=>d("button",{type:"button",role:"menuitem",class:this.getMenuItemClasses(this.itemIndex===o&&!t.disabled,!!t.disabled),disabled:t.disabled,onClick:o=>this.selectItem(t,o),onMouseEnter:()=>{t.disabled||(this.itemIndex=o)}},t.icon&&d("sd-icon",{class:"sd-dropdown-button__menu-item-icon",name:t.icon,size:12,color:"var(--sd-dropdown-button-menu-item-current-color)"}),d("span",{class:"sd-dropdown-button__menu-item-label",innerHTML:t.label}))))))):null}render(){const{config:t,preset:o}=this.resolvedConfig;return d("div",{key:"ec3cf7d184cbf49cc60a633b4a5de719a5903098",class:"sd-dropdown-button"},d("button",{key:"02a7208bc16fbd89af72d4dbc885951949507e11",type:"button",class:this.getTriggerClasses(o,t.size,this.disabled,this.isOpen),disabled:this.disabled,"aria-haspopup":"menu","aria-expanded":this.isOpen+"",onClick:this.toggleDropdown,ref:t=>this.triggerRef=t,style:{"--sd-dropdown-button-min-width":m[t.size]+"px","--sd-dropdown-button-bg":t.color,"--sd-dropdown-button-bg-hover":f[o],"--sd-dropdown-button-border":_[o],"--sd-dropdown-button-content":x[o],"--sd-dropdown-button-divider":v[o],"--sd-dropdown-button-accent":u,"--sd-dropdown-button-disabled-bg":D,"--sd-dropdown-button-disabled-content":j,"--sd-dropdown-button-disabled-border":A}},d("span",{key:"04f3d92100e85b3aad59541a19002dc395c783fc",class:"sd-dropdown-button__trigger-label"},this.label),d("span",{key:"72a49942403856fecfc2415d7318ef549f80905c",class:"sd-dropdown-button__trigger-divider","aria-hidden":"true"}),d("span",{key:"cc7926fb8b3eec86dfcbb3c0aec5d193fd202cca",class:{"sd-dropdown-button__trigger-icon":!0,"sd-dropdown-button__trigger-icon--open":this.isOpen},"aria-hidden":"true"},d("sd-icon",{key:"4540ee571613668bae9157221ff8550a07cd35fa",name:"chevronDown",size:12,color:"var(--sd-dropdown-button-current-content)"}))),this.renderDropdown(o))}static get watchers(){return{isOpen:[{handleOpenChange:0}]}}static get style(){return"sd-dropdown-button{display:inline-flex;width:fit-content;height:fit-content}.sd-dropdown-button{display:inline-flex;position:relative}.sd-dropdown-button__trigger{--sd-dropdown-button-height:var(--sd-button-md-height, 34px);--sd-dropdown-button-padding-x:var(--sd-button-md-padding-x, 20px);--sd-dropdown-button-gap:var(--sd-button-md-gap, 8px);--sd-dropdown-button-font-family:var(--sd-button-md-typography-font-family, inherit);--sd-dropdown-button-font-size:var(--sd-button-md-typography-font-size, 12px);--sd-dropdown-button-font-weight:var(--sd-button-md-typography-font-weight, 500);--sd-dropdown-button-text-decoration:var(--sd-button-md-typography-text-decoration, none);--sd-dropdown-button-bg:#025497;--sd-dropdown-button-bg-hover:#004177;--sd-dropdown-button-border:transparent;--sd-dropdown-button-content:#ffffff;--sd-dropdown-button-current-content:var(--sd-dropdown-button-content);--sd-dropdown-button-divider:#006ac1;--sd-dropdown-button-accent:#006ac1;--sd-dropdown-button-min-width:106px;--sd-dropdown-button-disabled-bg:var(--sd-button-bg-disabled, $grey_30);--sd-dropdown-button-disabled-content:var(--sd-button-text-disabled, $grey_65);--sd-dropdown-button-disabled-border:var(--sd-button-border-disabled, $grey_45);display:inline-flex;align-items:stretch;justify-content:space-between;min-width:var(--sd-dropdown-button-min-width);min-height:var(--sd-dropdown-button-height);padding:0;border:var(--sd-button-border-width-default, 1px) solid var(--sd-dropdown-button-border);border-radius:var(--sd-button-radius-default, 4px);background:var(--sd-dropdown-button-bg);color:var(--sd-dropdown-button-current-content);cursor:pointer;box-sizing:border-box;font-family:var(--sd-dropdown-button-font-family);font-size:var(--sd-dropdown-button-font-size);font-weight:var(--sd-dropdown-button-font-weight);line-height:1;text-decoration:var(--sd-dropdown-button-text-decoration);transition:background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;white-space:nowrap}.sd-dropdown-button__trigger:hover:not(.sd-dropdown-button__trigger--disabled){background:var(--sd-dropdown-button-bg-hover)}.sd-dropdown-button__trigger:focus-visible{outline:0;box-shadow:0 0 0 2px var(--sd-dropdown-button-accent)}.sd-dropdown-button__trigger--xs{--sd-dropdown-button-height:var(--sd-button-xs-height, 24px);--sd-dropdown-button-padding-x:var(--sd-button-xs-padding-x, 8px);--sd-dropdown-button-gap:var(--sd-button-xs-gap, 4px);--sd-dropdown-button-font-family:var(--sd-button-xs-typography-font-family, inherit);--sd-dropdown-button-font-size:var(--sd-button-xs-typography-font-size, 12px);--sd-dropdown-button-font-weight:var(--sd-button-xs-typography-font-weight, 500);--sd-dropdown-button-text-decoration:var(--sd-button-xs-typography-text-decoration, none)}.sd-dropdown-button__trigger--sm{--sd-dropdown-button-height:var(--sd-button-sm-height, 28px);--sd-dropdown-button-padding-x:var(--sd-button-sm-padding-x, 12px);--sd-dropdown-button-gap:var(--sd-button-sm-gap, 6px);--sd-dropdown-button-font-family:var(--sd-button-sm-typography-font-family, inherit);--sd-dropdown-button-font-size:var(--sd-button-sm-typography-font-size, 12px);--sd-dropdown-button-font-weight:var(--sd-button-sm-typography-font-weight, 500);--sd-dropdown-button-text-decoration:var(--sd-button-sm-typography-text-decoration, none)}.sd-dropdown-button__trigger--md{--sd-dropdown-button-height:var(--sd-button-md-height, 34px);--sd-dropdown-button-padding-x:var(--sd-button-md-padding-x, 20px);--sd-dropdown-button-gap:var(--sd-button-md-gap, 8px);--sd-dropdown-button-font-family:var(--sd-button-md-typography-font-family, inherit);--sd-dropdown-button-font-size:var(--sd-button-md-typography-font-size, 16px);--sd-dropdown-button-font-weight:var(--sd-button-md-typography-font-weight, 500);--sd-dropdown-button-text-decoration:var(--sd-button-md-typography-text-decoration, none)}.sd-dropdown-button__trigger--disabled{border-color:var(--sd-dropdown-button-disabled-border);background:var(--sd-dropdown-button-disabled-bg);--sd-dropdown-button-current-content:var(--sd-dropdown-button-disabled-content);cursor:not-allowed}.sd-dropdown-button__trigger--disabled .sd-dropdown-button__trigger-divider{background:var(--sd-dropdown-button-disabled-border)}.sd-dropdown-button__trigger-label,.sd-dropdown-button__trigger-icon{display:inline-flex;align-items:center;justify-content:center}.sd-dropdown-button__trigger-label{flex:1 1 auto;min-width:0;padding:0 var(--sd-dropdown-button-padding-x)}.sd-dropdown-button__trigger-divider{align-self:stretch;width:1px;height:auto;background:var(--sd-dropdown-button-divider);opacity:0.9}.sd-dropdown-button__trigger-icon{flex:0 0 auto;min-width:calc(var(--sd-dropdown-button-height) - 2px);padding:0 calc(var(--sd-dropdown-button-gap) + 2px);transition:transform 0.2s ease}.sd-dropdown-button__trigger-icon--open{transform:rotate(180deg)}.sd-dropdown-button__menu{position:relative;display:grid;width:max-content;min-width:var(--sd-dropdown-button-menu-min-width, max-content);max-width:calc(100vw - 24px);padding:4px 0;border:0;border-radius:4px;background:#FFFFFF;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.1019607843);box-sizing:border-box;overflow:hidden}.sd-dropdown-button__menu-item{--sd-dropdown-button-menu-item-current-color:var(--sd-dropdown-button-menu-item-color);display:inline-flex;align-items:center;gap:8px;min-height:28px;width:100%;padding:0 12px;border:0;border-radius:0;background:transparent;color:var(--sd-dropdown-button-menu-item-current-color);cursor:pointer;box-sizing:border-box;font:inherit;text-align:left;transition:background-color 0.15s ease, color 0.15s ease}.sd-dropdown-button__menu-item--active{background:var(--sd-dropdown-button-menu-item-active-bg);--sd-dropdown-button-menu-item-current-color:var(    --sd-dropdown-button-menu-item-active-color   )}.sd-dropdown-button__menu-item--disabled{--sd-dropdown-button-menu-item-current-color:var(--sd-dropdown-button-disabled-content);cursor:not-allowed}.sd-dropdown-button__menu-item-icon{flex:0 0 auto}.sd-dropdown-button__menu-item-label{display:inline-flex;align-items:center;min-width:0;white-space:nowrap;font-size:12px}"}},[512,"sd-dropdown-button",{name:[1],label:[1],items:[16],disabled:[4],isOpen:[32],isAnimatingOut:[32],itemIndex:[32],sdOpen:[64],sdClose:[64]},void 0,{isOpen:[{handleOpenChange:0}]}]),T=I,B=function(){"undefined"!=typeof customElements&&["sd-dropdown-button","sd-icon","sd-portal"].forEach((t=>{switch(t){case"sd-dropdown-button":customElements.get(n(t))||customElements.define(n(t),I);break;case"sd-icon":customElements.get(n(t))||w();break;case"sd-portal":customElements.get(n(t))||h()}}))};export{T as SdDropdownButton,B as defineCustomElement}

package/dist/components/sd-field.js

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

package/dist/components/sd-guide.js

@@ -1 +1 @@
-import{p as t,H as o,h as e,t as n}from"./p-B1vJXa29.js";import{d as i}from"./p-Dn-uC69K.js";import{d}from"./p-BBYig1zV.js";import{d as s}from"./p-Chqlvi5E.js";const a={help:"활용 TIP",pdf:"PDF Guide",youtube:"Video Guide",notion:"사용법 안내",event:"Event Button"},r={help:{name:"helpOutline",size:20,color:"green_75"},pdf:{name:"pdf",size:20,color:"red_75"},youtube:{name:"youtube",size:20,color:"red_75"},notion:{name:"notion",size:16,color:"black"},event:{name:"event",size:16,color:"brilliantblue_70"}},u=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost()}get el(){return this}type="help";label="";message="";guideUrl="";popupTitle="";popupWidth;popupShow=!1;guideRef;handleClickGuide=()=>{"help"!==this.type?this.guideUrl&&window.open(this.guideUrl,"_blank"):this.popupShow=!this.popupShow};get guideClass(){const t=["sd-guide","sd-guide--"+this.type];return this.popupShow&&t.push("sd-guide--active"),t.join(" ")}closeDropdown=()=>{this.popupShow=!1};render(){const{name:t,size:o,color:n}=r[this.type];return e("div",{key:"89499e72eef00e3ec8a18f3cdafa4a204653c22f",class:"sd-guide",style:{"--sd-guide-color":r[this.type].color}},e("sd-button",{key:"20b7c0b5ec7ac13075db533c63c99ff8140a8a80",ref:t=>this.guideRef=t,class:this.guideClass,variant:this.popupShow?"primary":"outline",label:this.label||a[this.type],size:"sm",color:this.popupShow?r[this.type].color:"grey_45",icon:t,iconColor:this.popupShow?"white":n,iconSize:o,noHover:this.popupShow,onSdClick:this.handleClickGuide}),"help"===this.type&&this.popupShow&&e("sd-portal",{key:"db9fcfe211fc1b35f1111d09fa3c6d105b08bb62",open:this.popupShow,parentRef:this.guideRef,onSdClose:this.closeDropdown,offset:[0,4]},e("div",{key:"8bd28388e0492bd909e440c0ddf8850aeb2abc92",style:{position:"absolute",width:"0px",height:"0px"}},e("div",{key:"3ac75e22a37abaf94422acb66be7056a4ecad289",class:"sd-guide__popup",style:{width:this.popupWidth?this.popupWidth+"px":"426px"}},e("sd-button",{key:"2bef90a771e50f1f31823b6eca7f890645b329a8",class:"sd-guide__popup__close",icon:"close",color:"grey_65",size:"md",variant:"ghost",noHover:!0,onSdClick:this.closeDropdown}),e("div",{key:"603e334f19b7ce0afaddfdbe9890f58071bd6638",class:"sd-guide__popup__header"},e("sd-icon",{key:"219dd58caf462d77b814828e1ba61a6f958acba3",name:"helpOutline",size:24,color:"green_65"}),e("h3",{key:"f225bdf560d43079c87c9345e09f134ef27cf1d4",class:"sd-guide__popup__title"},this.popupTitle||a[this.type])),e("ul",{key:"2fb791f2392f0d38554f5a688660eae90ff34f9f",class:"sd-guide__popup__list"},this.renderListItem(this.message))))))}renderListItem(t,o=0){const e=[];if(Array.isArray(t)){const n=t.map((t=>this.renderListItem(t,o+1)));e.push(...n.flat())}else e.push(this.renderLi(t,o));return e}renderLi=(t,o)=>e("li",{class:"sd-guide__popup__list__item sd-guide__popup__list__item--depth-"+o},e("p",{innerHTML:t}));static get style(){return'@charset "UTF-8";sd-button{display:inline-flex;width:fit-content;height:fit-content}.sd-button{--sd-button-height:34px;--sd-button-padding-x:20px;--sd-button-gap:8px;--sd-button-font-family:inherit;--sd-button-font-size:16px;--sd-button-font-weight:500;--sd-button-text-decoration:none;--sd-button-label-min-width:auto;--sd-button-icon-only-size:var(--sd-button-height);text-decoration:none;cursor:pointer;border-radius:var(--sd-button-radius-default, 4px);transition:all 0.2s ease-in-out;position:relative;overflow:hidden;white-space:nowrap;-webkit-user-select:none;user-select:none;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;border:none;padding:0 var(--sd-button-padding-x);min-width:var(--sd-button-min-width, auto);min-height:var(--sd-button-height);font-family:var(--sd-button-font-family);font-size:var(--sd-button-font-size);font-weight:var(--sd-button-font-weight);text-decoration:var(--sd-button-text-decoration)}.sd-button--xs{--sd-button-height:var(--sd-button-xs-height, 24px);--sd-button-padding-x:var(--sd-button-xs-padding-x, 8px);--sd-button-gap:var(--sd-button-xs-gap, 4px);--sd-button-font-family:var(--sd-button-xs-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-xs-typography-font-size, 12px);--sd-button-font-weight:var(--sd-button-xs-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-xs-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-xs-min-width, auto);--sd-button-icon-only-size:var(--sd-button-icon-only-xs-width, var(--sd-button-height));line-height:20px}.sd-button--sm{--sd-button-height:var(--sd-button-sm-height, 28px);--sd-button-padding-x:var(--sd-button-sm-padding-x, 12px);--sd-button-gap:var(--sd-button-sm-gap, 6px);--sd-button-font-family:var(--sd-button-sm-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-sm-typography-font-size, 12px);--sd-button-font-weight:var(--sd-button-sm-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-sm-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-sm-min-width, auto);--sd-button-icon-only-size:var(--sd-button-icon-only-sm-width, var(--sd-button-height));line-height:20px}.sd-button--md{--sd-button-height:var(--sd-button-md-height, 34px);--sd-button-padding-x:var(--sd-button-md-padding-x, 20px);--sd-button-gap:var(--sd-button-md-gap, 8px);--sd-button-font-family:var(--sd-button-md-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-md-typography-font-size, 16px);--sd-button-font-weight:var(--sd-button-md-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-md-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-md-min-width, auto);--sd-button-icon-only-size:var(--sd-button-icon-only-md-width, var(--sd-button-height));line-height:26px}.sd-button--lg{--sd-button-height:var(--sd-button-lg-height, 62px);--sd-button-padding-x:var(--sd-button-lg-padding-x, 28px);--sd-button-gap:var(--sd-button-lg-gap, 12px);--sd-button-font-family:var(--sd-button-lg-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-lg-typography-font-size, 18px);--sd-button-font-weight:var(--sd-button-lg-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-lg-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-lg-min-width, auto);--sd-button-icon-only-size:var(--sd-button-icon-only-lg-width, var(--sd-button-height));line-height:30px}.sd-button--has-label{--sd-button-min-width:var(--sd-button-label-min-width, auto)}.sd-button--primary{background-color:var(--button-color);color:white;transition:filter 0.2s ease}.sd-button--primary::before{content:"";position:absolute;inset:0;background:#000000;opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--primary:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.25}.sd-button--outline{background:white;border:var(--sd-button-border-width-default, 1px) solid var(--button-color);color:var(--button-color)}.sd-button--outline::before{content:"";position:absolute;inset:0;background:var(--button-color);opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--outline:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.15}.sd-button--outline .sd-button__content{position:relative;z-index:1}.sd-button--ghost{background-color:transparent;color:var(--button-color);border-color:transparent}.sd-button--ghost::before{content:"";position:absolute;inset:0;background:var(--button-color);opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--ghost:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.15}.sd-button--ghost .sd-button__content{position:relative;z-index:1}.sd-button--disabled{border:var(--sd-button-border-width-default, 1px) solid var(--sd-button-border-disabled, #CCCCCC);background:var(--sd-button-bg-disabled, #E1E1E1);color:var(--sd-button-content-disabled, #888888);cursor:not-allowed !important}.sd-button--icon-only{padding:0;width:var(--sd-button-icon-only-size, var(--sd-button-height));min-width:var(--sd-button-icon-only-size, var(--sd-button-height));height:var(--sd-button-icon-only-size, var(--sd-button-height))}.sd-button--no-hover:hover::before{opacity:0 !important}.sd-button .sd-button__content{display:inline-flex;align-items:center;justify-content:center;gap:var(--sd-button-gap);z-index:1;font-weight:inherit}sd-guide{display:inline-flex;align-items:center;height:fit-content;width:fit-content}sd-guide .sd-guide{display:inline-flex;align-items:center;height:fit-content;width:fit-content}sd-guide .sd-guide .sd-button{padding:0 16px 0 12px;border-radius:16px;color:#333333 !important;display:flex;align-items:center;transition:none}sd-guide .sd-guide .sd-button .sd-button__content{color:#333333 !important}sd-guide .sd-guide .sd-button .sd-button__content .sd-button__label{color:#333333 !important;margin-left:4px}sd-guide .sd-guide--active .sd-button{border:1px solid #00973C}sd-guide .sd-guide--active .sd-button .sd-button__content .sd-button__label{color:white !important}.sd-guide__popup{position:relative;padding:20px 32px;border-radius:8px;box-shadow:4px 4px 24px 4px rgba(0, 0, 0, 0.1);background:white}.sd-guide__popup>.sd-guide__popup__close{position:absolute;top:12px;right:12px}.sd-guide__popup__header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.sd-guide__popup__header .sd-guide__popup__title{margin-top:0;font-size:16px;font-weight:700;line-height:26px;color:#333333}.sd-guide__popup__list{width:100%;padding:0;margin:0}.sd-guide__popup__list__item{display:flex;width:100%;align-items:start;list-style:none;color:#333333;font-size:12px;font-weight:400}.sd-guide__popup__list__item p{width:100%;padding:0;margin:0;word-wrap:break-word;word-break:break-word;white-space:normal;overflow-wrap:break-word;min-width:0}.sd-guide__popup__list__item::before{display:block;content:"-";width:6px;color:#333333;font-size:12px;font-weight:400;margin-left:10px;margin-right:12px;flex-shrink:0}.sd-guide__popup__list__item--depth-2::before{content:"•"}.sd-guide__popup__list__item--depth-2{padding-left:26px}'}},[512,"sd-guide",{type:[1],label:[1],message:[1],guideUrl:[1,"guide-url"],popupTitle:[1,"popup-title"],popupWidth:[2,"popup-width"],popupShow:[32]}]),p=u,b=function(){"undefined"!=typeof customElements&&["sd-guide","sd-button","sd-icon","sd-portal"].forEach((t=>{switch(t){case"sd-guide":customElements.get(n(t))||customElements.define(n(t),u);break;case"sd-button":customElements.get(n(t))||i();break;case"sd-icon":customElements.get(n(t))||d();break;case"sd-portal":customElements.get(n(t))||s()}}))};export{p as SdGuide,b as defineCustomElement}
+import{p as t,H as o,h as e,t as n}from"./p-B1vJXa29.js";import{d as i}from"./p-DeTDTmN7.js";import{d}from"./p-BBYig1zV.js";import{d as s}from"./p-Chqlvi5E.js";const a={help:"활용 TIP",pdf:"PDF Guide",youtube:"Video Guide",notion:"사용법 안내",event:"Event Button"},r={help:{name:"helpOutline",size:20,color:"green_75"},pdf:{name:"pdf",size:20,color:"red_75"},youtube:{name:"youtube",size:20,color:"red_75"},notion:{name:"notion",size:16,color:"black"},event:{name:"event",size:16,color:"brilliantblue_70"}},u=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost()}get el(){return this}type="help";label="";message="";guideUrl="";popupTitle="";popupWidth;popupShow=!1;guideRef;handleClickGuide=()=>{"help"!==this.type?this.guideUrl&&window.open(this.guideUrl,"_blank"):this.popupShow=!this.popupShow};get guideClass(){const t=["sd-guide","sd-guide--"+this.type];return this.popupShow&&t.push("sd-guide--active"),t.join(" ")}closeDropdown=()=>{this.popupShow=!1};render(){const{name:t,size:o,color:n}=r[this.type];return e("div",{key:"89499e72eef00e3ec8a18f3cdafa4a204653c22f",class:"sd-guide",style:{"--sd-guide-color":r[this.type].color}},e("sd-button",{key:"20b7c0b5ec7ac13075db533c63c99ff8140a8a80",ref:t=>this.guideRef=t,class:this.guideClass,variant:this.popupShow?"primary":"outline",label:this.label||a[this.type],size:"sm",color:this.popupShow?r[this.type].color:"grey_45",icon:t,iconColor:this.popupShow?"white":n,iconSize:o,noHover:this.popupShow,onSdClick:this.handleClickGuide}),"help"===this.type&&this.popupShow&&e("sd-portal",{key:"db9fcfe211fc1b35f1111d09fa3c6d105b08bb62",open:this.popupShow,parentRef:this.guideRef,onSdClose:this.closeDropdown,offset:[0,4]},e("div",{key:"8bd28388e0492bd909e440c0ddf8850aeb2abc92",style:{position:"absolute",width:"0px",height:"0px"}},e("div",{key:"3ac75e22a37abaf94422acb66be7056a4ecad289",class:"sd-guide__popup",style:{width:this.popupWidth?this.popupWidth+"px":"426px"}},e("sd-button",{key:"2bef90a771e50f1f31823b6eca7f890645b329a8",class:"sd-guide__popup__close",icon:"close",color:"grey_65",size:"md",variant:"ghost",noHover:!0,onSdClick:this.closeDropdown}),e("div",{key:"603e334f19b7ce0afaddfdbe9890f58071bd6638",class:"sd-guide__popup__header"},e("sd-icon",{key:"219dd58caf462d77b814828e1ba61a6f958acba3",name:"helpOutline",size:24,color:"green_65"}),e("h3",{key:"f225bdf560d43079c87c9345e09f134ef27cf1d4",class:"sd-guide__popup__title"},this.popupTitle||a[this.type])),e("ul",{key:"2fb791f2392f0d38554f5a688660eae90ff34f9f",class:"sd-guide__popup__list"},this.renderListItem(this.message))))))}renderListItem(t,o=0){const e=[];if(Array.isArray(t)){const n=t.map((t=>this.renderListItem(t,o+1)));e.push(...n.flat())}else e.push(this.renderLi(t,o));return e}renderLi=(t,o)=>e("li",{class:"sd-guide__popup__list__item sd-guide__popup__list__item--depth-"+o},e("p",{innerHTML:t}));static get style(){return'@charset "UTF-8";sd-button{display:inline-flex;width:fit-content;height:fit-content}.sd-button{--sd-button-height:34px;--sd-button-padding-x:20px;--sd-button-gap:8px;--sd-button-font-family:inherit;--sd-button-font-size:16px;--sd-button-font-weight:500;--sd-button-text-decoration:none;--sd-button-label-min-width:auto;--sd-button-icon-only-size:var(--sd-button-height);text-decoration:none;cursor:pointer;border-radius:var(--sd-button-radius-default, 4px);transition:all 0.2s ease-in-out;position:relative;overflow:hidden;white-space:nowrap;-webkit-user-select:none;user-select:none;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;border:none;padding:0 var(--sd-button-padding-x);min-width:var(--sd-button-min-width, auto);min-height:var(--sd-button-height);font-family:var(--sd-button-font-family);font-size:var(--sd-button-font-size);font-weight:var(--sd-button-font-weight);text-decoration:var(--sd-button-text-decoration)}.sd-button--xs{--sd-button-height:var(--sd-button-xs-height, 24px);--sd-button-padding-x:var(--sd-button-xs-padding-x, 8px);--sd-button-gap:var(--sd-button-xs-gap, 4px);--sd-button-font-family:var(--sd-button-xs-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-xs-typography-font-size, 12px);--sd-button-font-weight:var(--sd-button-xs-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-xs-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-xs-min-width, auto);--sd-button-icon-only-size:var(--sd-button-icon-only-xs-width, var(--sd-button-height));line-height:20px}.sd-button--sm{--sd-button-height:var(--sd-button-sm-height, 28px);--sd-button-padding-x:var(--sd-button-sm-padding-x, 12px);--sd-button-gap:var(--sd-button-sm-gap, 6px);--sd-button-font-family:var(--sd-button-sm-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-sm-typography-font-size, 12px);--sd-button-font-weight:var(--sd-button-sm-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-sm-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-sm-min-width, auto);--sd-button-icon-only-size:var(--sd-button-icon-only-sm-width, var(--sd-button-height));line-height:20px}.sd-button--md{--sd-button-height:var(--sd-button-md-height, 34px);--sd-button-padding-x:var(--sd-button-md-padding-x, 20px);--sd-button-gap:var(--sd-button-md-gap, 8px);--sd-button-font-family:var(--sd-button-md-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-md-typography-font-size, 16px);--sd-button-font-weight:var(--sd-button-md-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-md-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-md-min-width, auto);--sd-button-icon-only-size:var(--sd-button-icon-only-md-width, var(--sd-button-height));line-height:26px}.sd-button--lg{--sd-button-height:var(--sd-button-lg-height, 62px);--sd-button-padding-x:var(--sd-button-lg-padding-x, 28px);--sd-button-gap:var(--sd-button-lg-gap, 12px);--sd-button-font-family:var(--sd-button-lg-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-lg-typography-font-size, 18px);--sd-button-font-weight:var(--sd-button-lg-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-lg-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-lg-min-width, auto);--sd-button-icon-only-size:var(--sd-button-icon-only-lg-width, var(--sd-button-height));line-height:30px}.sd-button--has-label{--sd-button-min-width:var(--sd-button-label-min-width, auto)}.sd-button--primary{background-color:var(--button-color);color:white;transition:filter 0.2s ease}.sd-button--primary::before{content:"";position:absolute;inset:0;background:#000000;opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--primary:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.25}.sd-button--outline{background:white;border:var(--sd-button-border-width-default, 1px) solid var(--button-color);color:var(--button-color)}.sd-button--outline::before{content:"";position:absolute;inset:0;background:var(--button-color);opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--outline:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.15}.sd-button--outline .sd-button__content{position:relative;z-index:1}.sd-button--ghost{background-color:transparent;color:var(--button-color);border-color:transparent}.sd-button--ghost::before{content:"";position:absolute;inset:0;background:var(--button-color);opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--ghost:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.15}.sd-button--ghost .sd-button__content{position:relative;z-index:1}.sd-button--disabled{border:var(--sd-button-border-width-default, 1px) solid var(--sd-button-border-disabled, #CCCCCC);background:var(--sd-button-bg-disabled, #E1E1E1);color:var(--sd-button-content-disabled, #888888);cursor:not-allowed !important}.sd-button--icon-only{padding:0;width:var(--sd-button-icon-only-size, var(--sd-button-height));min-width:var(--sd-button-icon-only-size, var(--sd-button-height));height:var(--sd-button-icon-only-size, var(--sd-button-height))}.sd-button--no-hover:hover::before{opacity:0 !important}.sd-button .sd-button__content{display:inline-flex;align-items:center;justify-content:center;gap:var(--sd-button-gap);z-index:1;font-weight:inherit}sd-guide{display:inline-flex;align-items:center;height:fit-content;width:fit-content}sd-guide .sd-guide{display:inline-flex;align-items:center;height:fit-content;width:fit-content}sd-guide .sd-guide .sd-button{padding:0 16px 0 12px;border-radius:16px;color:#333333 !important;display:flex;align-items:center;transition:none}sd-guide .sd-guide .sd-button .sd-button__content{color:#333333 !important}sd-guide .sd-guide .sd-button .sd-button__content .sd-button__label{color:#333333 !important;margin-left:4px}sd-guide .sd-guide--active .sd-button{border:1px solid #00973C}sd-guide .sd-guide--active .sd-button .sd-button__content .sd-button__label{color:white !important}.sd-guide__popup{position:relative;padding:20px 32px;border-radius:8px;box-shadow:4px 4px 24px 4px rgba(0, 0, 0, 0.1);background:white}.sd-guide__popup>.sd-guide__popup__close{position:absolute;top:12px;right:12px}.sd-guide__popup__header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.sd-guide__popup__header .sd-guide__popup__title{margin-top:0;font-size:16px;font-weight:700;line-height:26px;color:#333333}.sd-guide__popup__list{width:100%;padding:0;margin:0}.sd-guide__popup__list__item{display:flex;width:100%;align-items:start;list-style:none;color:#333333;font-size:12px;font-weight:400}.sd-guide__popup__list__item p{width:100%;padding:0;margin:0;word-wrap:break-word;word-break:break-word;white-space:normal;overflow-wrap:break-word;min-width:0}.sd-guide__popup__list__item::before{display:block;content:"-";width:6px;color:#333333;font-size:12px;font-weight:400;margin-left:10px;margin-right:12px;flex-shrink:0}.sd-guide__popup__list__item--depth-2::before{content:"•"}.sd-guide__popup__list__item--depth-2{padding-left:26px}'}},[512,"sd-guide",{type:[1],label:[1],message:[1],guideUrl:[1,"guide-url"],popupTitle:[1,"popup-title"],popupWidth:[2,"popup-width"],popupShow:[32]}]),p=u,b=function(){"undefined"!=typeof customElements&&["sd-guide","sd-button","sd-icon","sd-portal"].forEach((t=>{switch(t){case"sd-guide":customElements.get(n(t))||customElements.define(n(t),u);break;case"sd-button":customElements.get(n(t))||i();break;case"sd-icon":customElements.get(n(t))||d();break;case"sd-portal":customElements.get(n(t))||s()}}))};export{p as SdGuide,b as defineCustomElement}

package/dist/components/sd-input.js

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

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

@@ -1 +1 @@
-import{p as t,H as s,h as i,t as e}from"./p-B1vJXa29.js";import{d as a}from"./p-DM5hNBSY.js";import{d as o}from"./p-pByyQ_xa.js";import{d as n}from"./p-BBYig1zV.js";import{d as r}from"./p-BGW3nie7.js";let d=0;const l=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost()}get el(){return this}entries=[];isVisible=!1;isBackdropVisible=!1;contentRef;containerDismissTimerId;handleKeydown(t){if("Escape"===t.key){const t=this.getTopEntry();if(!t)return;if(t.persistent)return void this.shakeModal(t.modalEl);this.dispatchClose(t.modalEl)}}async open(t,s){const i="modal-"+ ++d,e=this.createConfirmModal(i,t);return this.attachModalEventListeners(i,e),this.registerEntry(i,e,s,{persistent:!!t.persistent}),i}async createCustom(t,s,i){const e="modal-"+ ++d;return t.setAttribute("data-modal-id",e),t.classList.add("sd-modal-container__modal"),this.attachModalEventListeners(e,t),this.registerEntry(e,t,i,{persistent:!!s.persistent}),e}attachModalEventListeners(t,s){s.addEventListener("sdOk",(()=>this.requestDismiss(t,"confirm"))),s.addEventListener("sdCancel",(()=>this.requestDismiss(t,"cancel"))),s.addEventListener("sdClose",(()=>this.requestDismiss(t,"close")))}dispatchClose(t){t.dispatchEvent(new CustomEvent("sdClose"))}registerEntry(t,s,i,e){this.containerDismissTimerId&&(clearTimeout(this.containerDismissTimerId),this.containerDismissTimerId=void 0),this.entries=[...this.entries??[],{id:t,modalEl:s,chain:i,persistent:e.persistent,closing:!1}],this.isVisible=!0,requestAnimationFrame((()=>{this.contentRef&&(this.contentRef.appendChild(s),this.waitForModalReady(s).then((()=>{requestAnimationFrame((()=>{const i=(this.entries??[]).find((s=>s.id===t));i&&!i.closing&&s.isConnected&&(this.isBackdropVisible=!0,s.classList.add("sd-modal-container__modal--visible"))}))})))}))}async update(t,s){const i=(this.entries??[]).find((s=>s.id===t));i&&!i.closing&&this.applyProps(i.modalEl,s)}createConfirmModal(t,s){const i=document.createElement("sd-confirm-modal");return i.setAttribute("data-modal-id",t),i.classList.add("sd-modal-container__modal"),this.applyProps(i,s),i}applyProps(t,s){this.hasOwnProp(s,"type")&&this.setAttr(t,"type",s.type),this.hasOwnProp(s,"title")&&this.setAttr(t,"modal-title",s.title),this.hasOwnProp(s,"titleClass")&&this.setAttr(t,"title-class",s.titleClass),this.hasOwnProp(s,"mainButtonLabel")&&this.setAttr(t,"main-button-label",s.mainButtonLabel),this.hasOwnProp(s,"mainButtonName")&&this.setAttr(t,"main-button-name",s.mainButtonName),this.hasOwnProp(s,"subButtonLabel")&&this.setAttr(t,"sub-button-label",s.subButtonLabel),this.hasOwnProp(s,"tagPreset")&&this.setAttr(t,"tag-preset",s.tagPreset),this.hasOwnProp(s,"tagLabel")&&this.setAttr(t,"tag-label",s.tagLabel),this.hasOwnProp(s,"slotLabel")&&this.setAttr(t,"slot-label",s.slotLabel),this.hasOwnProp(s,"topMessage")&&(t.topMessage=s.topMessage??[]),this.hasOwnProp(s,"bottomMessage")&&(t.bottomMessage=s.bottomMessage??[]),this.hasOwnProp(s,"tagContents")&&(t.tagContents=s.tagContents)}handleBackdropClick=()=>{const t=this.getTopEntry();t&&(t.persistent?this.shakeModal(t.modalEl):this.dispatchClose(t.modalEl))};shakeModal(t){const s="sd-modal-container__modal--shake";t.classList.remove(s),t.addEventListener("animationend",(()=>t.classList.remove(s)),{once:!0}),requestAnimationFrame((()=>{t.classList.add(s)}))}disconnectedCallback(){(this.entries??[]).forEach((t=>{t.dismissTimerId&&clearTimeout(t.dismissTimerId)})),this.containerDismissTimerId&&clearTimeout(this.containerDismissTimerId)}getTopEntry(){return[...this.entries??[]].reverse().find((t=>!t.closing))}requestDismiss(t,s){const i=(this.entries??[]).find((s=>s.id===t));if(!i||i.closing)return;i.modalEl.classList.remove("sd-modal-container__modal--visible"),0===(this.entries??[]).filter((s=>s.id!==t&&!s.closing)).length&&(this.isBackdropVisible=!1);const e=setTimeout((()=>{this.finalizeDismiss(t)}),350);this.entries=(this.entries??[]).map((s=>s.id===t?{...s,closing:!0,dismissTimerId:e}:s)),"confirm"===s?i.chain._triggerOk():"cancel"===s?i.chain._triggerCancel():"close"===s&&i.chain._triggerClose()}finalizeDismiss(t){const s=(this.entries??[]).find((s=>s.id===t));if(!s)return;s.dismissTimerId&&clearTimeout(s.dismissTimerId),s.modalEl.remove();const i=(this.entries??[]).filter((s=>s.id!==t));this.entries=i,0===i.length&&(this.containerDismissTimerId=setTimeout((()=>{0===(this.entries??[]).length&&(this.isVisible=!1),this.containerDismissTimerId=void 0}),350)),s.chain._triggerDismissed()}waitForModalReady(t){const s=t.componentOnReady;return"function"==typeof s?s.call(t).then((()=>{})):new Promise((t=>{requestAnimationFrame((()=>{requestAnimationFrame((()=>t()))}))}))}hasOwnProp(t,s){return Object.prototype.hasOwnProperty.call(t,s)}setAttr(t,s,i){null!=i&&t.setAttribute(s,i)}render(){return this.isVisible?i("div",{class:"sd-modal-container"},i("div",{class:{"sd-modal-container__backdrop":!0,"sd-modal-container__backdrop--visible":this.isBackdropVisible},onClick:this.handleBackdropClick}),i("div",{class:"sd-modal-container__content",ref:t=>{this.contentRef=t}})):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, 10000);display:flex;align-items:center;justify-content:center}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}sd-modal-container .sd-modal-container__backdrop--visible{opacity:1}sd-modal-container .sd-modal-container__content{position:relative;z-index:1;display:grid;place-items:center}sd-modal-container .sd-modal-container__content>*{grid-row:1;grid-column:1}sd-modal-container .sd-modal-container__modal{opacity:0;transform:scale(0);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",{entries:[32],isVisible:[32],isBackdropVisible:[32],open:[64],createCustom:[64],update:[64]},[[8,"keydown","handleKeydown"]]]),c=l,m=function(){"undefined"!=typeof customElements&&["sd-modal-container","sd-button-v2","sd-confirm-modal","sd-icon","sd-tag"].forEach((t=>{switch(t){case"sd-modal-container":customElements.get(e(t))||customElements.define(e(t),l);break;case"sd-button-v2":customElements.get(e(t))||a();break;case"sd-confirm-modal":customElements.get(e(t))||o();break;case"sd-icon":customElements.get(e(t))||n();break;case"sd-tag":customElements.get(e(t))||r()}}))};export{c as SdModalContainer,m as defineCustomElement}
+import{p as t,H as s,h as i,t as e}from"./p-B1vJXa29.js";import{d as a}from"./p-By4ufaS3.js";import{d as o}from"./p-poQ9yAeD.js";import{d as n}from"./p-BBYig1zV.js";import{d as r}from"./p-DdjivpAF.js";let d=0;const l=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost()}get el(){return this}entries=[];isVisible=!1;isBackdropVisible=!1;contentRef;containerDismissTimerId;handleKeydown(t){if("Escape"===t.key){const t=this.getTopEntry();if(!t)return;if(t.persistent)return void this.shakeModal(t.modalEl);this.dispatchClose(t.modalEl)}}async open(t,s){const i="modal-"+ ++d,e=this.createConfirmModal(i,t);return this.attachModalEventListeners(i,e),this.registerEntry(i,e,s,{persistent:!!t.persistent}),i}async createCustom(t,s,i){const e="modal-"+ ++d;return t.setAttribute("data-modal-id",e),t.classList.add("sd-modal-container__modal"),this.attachModalEventListeners(e,t),this.registerEntry(e,t,i,{persistent:!!s.persistent}),e}attachModalEventListeners(t,s){s.addEventListener("sdOk",(()=>this.requestDismiss(t,"confirm"))),s.addEventListener("sdCancel",(()=>this.requestDismiss(t,"cancel"))),s.addEventListener("sdClose",(()=>this.requestDismiss(t,"close")))}dispatchClose(t){t.dispatchEvent(new CustomEvent("sdClose"))}registerEntry(t,s,i,e){this.containerDismissTimerId&&(clearTimeout(this.containerDismissTimerId),this.containerDismissTimerId=void 0),this.entries=[...this.entries??[],{id:t,modalEl:s,chain:i,persistent:e.persistent,closing:!1}],this.isVisible=!0,requestAnimationFrame((()=>{this.contentRef&&(this.contentRef.appendChild(s),this.waitForModalReady(s).then((()=>{requestAnimationFrame((()=>{const i=(this.entries??[]).find((s=>s.id===t));i&&!i.closing&&s.isConnected&&(this.isBackdropVisible=!0,s.classList.add("sd-modal-container__modal--visible"))}))})))}))}async update(t,s){const i=(this.entries??[]).find((s=>s.id===t));i&&!i.closing&&this.applyProps(i.modalEl,s)}createConfirmModal(t,s){const i=document.createElement("sd-confirm-modal");return i.setAttribute("data-modal-id",t),i.classList.add("sd-modal-container__modal"),this.applyProps(i,s),i}applyProps(t,s){this.hasOwnProp(s,"type")&&this.setAttr(t,"type",s.type),this.hasOwnProp(s,"title")&&this.setAttr(t,"modal-title",s.title),this.hasOwnProp(s,"titleClass")&&this.setAttr(t,"title-class",s.titleClass),this.hasOwnProp(s,"mainButtonLabel")&&this.setAttr(t,"main-button-label",s.mainButtonLabel),this.hasOwnProp(s,"mainButtonName")&&this.setAttr(t,"main-button-name",s.mainButtonName),this.hasOwnProp(s,"subButtonLabel")&&this.setAttr(t,"sub-button-label",s.subButtonLabel),this.hasOwnProp(s,"tagPreset")&&this.setAttr(t,"tag-preset",s.tagPreset),this.hasOwnProp(s,"tagLabel")&&this.setAttr(t,"tag-label",s.tagLabel),this.hasOwnProp(s,"slotLabel")&&this.setAttr(t,"slot-label",s.slotLabel),this.hasOwnProp(s,"topMessage")&&(t.topMessage=s.topMessage??[]),this.hasOwnProp(s,"bottomMessage")&&(t.bottomMessage=s.bottomMessage??[]),this.hasOwnProp(s,"tagContents")&&(t.tagContents=s.tagContents)}handleBackdropClick=()=>{const t=this.getTopEntry();t&&(t.persistent?this.shakeModal(t.modalEl):this.dispatchClose(t.modalEl))};shakeModal(t){const s="sd-modal-container__modal--shake";t.classList.remove(s),t.addEventListener("animationend",(()=>t.classList.remove(s)),{once:!0}),requestAnimationFrame((()=>{t.classList.add(s)}))}disconnectedCallback(){(this.entries??[]).forEach((t=>{t.dismissTimerId&&clearTimeout(t.dismissTimerId)})),this.containerDismissTimerId&&clearTimeout(this.containerDismissTimerId)}getTopEntry(){return[...this.entries??[]].reverse().find((t=>!t.closing))}requestDismiss(t,s){const i=(this.entries??[]).find((s=>s.id===t));if(!i||i.closing)return;i.modalEl.classList.remove("sd-modal-container__modal--visible"),0===(this.entries??[]).filter((s=>s.id!==t&&!s.closing)).length&&(this.isBackdropVisible=!1);const e=setTimeout((()=>{this.finalizeDismiss(t)}),350);this.entries=(this.entries??[]).map((s=>s.id===t?{...s,closing:!0,dismissTimerId:e}:s)),"confirm"===s?i.chain._triggerOk():"cancel"===s?i.chain._triggerCancel():"close"===s&&i.chain._triggerClose()}finalizeDismiss(t){const s=(this.entries??[]).find((s=>s.id===t));if(!s)return;s.dismissTimerId&&clearTimeout(s.dismissTimerId),s.modalEl.remove();const i=(this.entries??[]).filter((s=>s.id!==t));this.entries=i,0===i.length&&(this.containerDismissTimerId=setTimeout((()=>{0===(this.entries??[]).length&&(this.isVisible=!1),this.containerDismissTimerId=void 0}),350)),s.chain._triggerDismissed()}waitForModalReady(t){const s=t.componentOnReady;return"function"==typeof s?s.call(t).then((()=>{})):new Promise((t=>{requestAnimationFrame((()=>{requestAnimationFrame((()=>t()))}))}))}hasOwnProp(t,s){return Object.prototype.hasOwnProperty.call(t,s)}setAttr(t,s,i){null!=i&&t.setAttribute(s,i)}render(){return this.isVisible?i("div",{class:"sd-modal-container"},i("div",{class:{"sd-modal-container__backdrop":!0,"sd-modal-container__backdrop--visible":this.isBackdropVisible},onClick:this.handleBackdropClick}),i("div",{class:"sd-modal-container__content",ref:t=>{this.contentRef=t}})):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, 10000);display:flex;align-items:center;justify-content:center}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}sd-modal-container .sd-modal-container__backdrop--visible{opacity:1}sd-modal-container .sd-modal-container__content{position:relative;z-index:1;display:grid;place-items:center}sd-modal-container .sd-modal-container__content>*{grid-row:1;grid-column:1}sd-modal-container .sd-modal-container__modal{opacity:0;transform:scale(0);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",{entries:[32],isVisible:[32],isBackdropVisible:[32],open:[64],createCustom:[64],update:[64]},[[8,"keydown","handleKeydown"]]]),c=l,m=function(){"undefined"!=typeof customElements&&["sd-modal-container","sd-button-v2","sd-confirm-modal","sd-icon","sd-tag"].forEach((t=>{switch(t){case"sd-modal-container":customElements.get(e(t))||customElements.define(e(t),l);break;case"sd-button-v2":customElements.get(e(t))||a();break;case"sd-confirm-modal":customElements.get(e(t))||o();break;case"sd-icon":customElements.get(e(t))||n();break;case"sd-tag":customElements.get(e(t))||r()}}))};export{c as SdModalContainer,m 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-B1vJXa29.js";import{n as r}from"./p-CCwNgVmC.js";import{d as u}from"./p-Dn-uC69K.js";import{d}from"./p-CCACqlGH.js";import{d as o}from"./p-BYaBx4Ar.js";import{d as a}from"./p-BBYig1zV.js";import{d as l}from"./p-D1g7VL0r.js";const h=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.update=s(this,"sdUpdate"),this.focus=s(this,"sdFocus"),this.blur=s(this,"sdBlur")}get el(){return this}min=-1/0;max=1/0;step=1;useButton=!1;useDecimal=!1;value=null;label;addonLabel="";placeholder="입력해 주세요.";disabled=!1;width;rules=[];autoFocus=!1;status;hint="";errorMessage="";inputClass="";readonly=!1;inputStyle={};error=!1;focused=!1;hovered=!1;internalValue=null;displayValue="";nativeEl=void 0;formField;name=r();update;focus;blur;formatWithCommas(t){if(null==t)return"";const e=t<0,s=Math.abs(t),[i,n]=(""+s).split("."),r=(+i).toLocaleString(),u=e?"-"+r:r;return n?u+"."+n:u+""}parseInput(t){if(!t||""===t.trim())return null;const e=t.replace(/,/g,"").trim();if(!/^-?(\d+\.?\d*|\d*\.\d+)$/.test(e))return null;const s=parseFloat(e);return isNaN(s)||!this.useDecimal&&e.includes(".")?null:s}clampMinMax(t){return 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){if(null===t||""===t)this.internalValue=null;else{const e="string"==typeof t?this.parseInput(t):t;null!==e&&(this.internalValue=this.clampMinMax(e))}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()}componentWillLoad(){if(null!=this.value){const t="string"==typeof this.value?this.parseInput(this.value):this.value;null!==t&&(this.internalValue=this.clampMinMax(t))}this.updateDisplay()}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)};async sdGetNativeElement(){return this.nativeEl||null}getInputStatus(){return this.disabled?"sd-number-input--disabled":this.hovered?"sd-number-input--hovered":this.status?"sd-number-input--"+this.status:this.error?"sd-number-input--error":""}render(){const t={textAlign:this.useButton?"center":"right"};return i("sd-field",{key:"6951d11c493d35757c7fae5f9b22314798aa049f",name:this.name,label:this.label,addonLabel:this.addonLabel,hint:this.hint,errorMessage:this.errorMessage,rules:this.rules,error:this.error,disabled:this.disabled,focused:this.focused,hovered:this.hovered,status:this.status,ref:t=>this.formField=t,style:this.width?{"--input-width":"number"==typeof this.width?this.width+"px":this.width}:{}},i("label",{key:"adae8f831085b29df56a22fbe1d8420f5b6f3a68",class:{"sd-number-input":!0,[this.getInputStatus()]:!0,"sd-number-input--with-buttons":this.useButton},onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1,style:this.inputStyle},i("input",{key:"ab50a454f491b3c15161ea7a78a275bd840a3510",name:this.name,ref:t=>this.nativeEl=t,class:"sd-number-input__input "+this.inputClass,type:"text",inputMode:"numeric",value:this.displayValue,placeholder:this.placeholder,disabled:this.disabled,readonly:this.readonly,autofocus:this.autoFocus,onInput:this.handleInput,onKeyDown:this.handleKeyDown,style:t,onFocus:this.handleFocus,onBlur:this.handleBlur}),this.useButton&&i("div",{key:"5f750d199e684fb077f6de49a07c6040eb3b7d44",class:"sd-number-input__buttons"},i("button",{key:"a07229ded6d8d7a08b2c0689b49e571b83d54324",type:"button",class:{"sd-number-input__button":!0,"sd-number-input__button--decrement":!0},disabled:this.isDecrementDisabled(),onClick:this.handleDecrement,tabindex:-1},i("sd-icon",{key:"7dc6cbe609c39deecbdbf639d820679f4a635acc",name:"minus",size:12,color:this.isDecrementDisabled()?"grey_45":"brilliantblue_70"})),i("button",{key:"200e7811481d2cdbb598622626b0777cdb2d471a",type:"button",class:{"sd-number-input__button":!0,"sd-number-input__button--increment":!0},disabled:this.isIncrementDisabled(),onClick:this.handleIncrement,tabindex:-1},i("sd-icon",{key:"3b94c87f4596e18b77cc31f54e779160b422562f",name:"add",size:12,color:this.isIncrementDisabled()?"grey_45":"brilliantblue_70"})))))}static get watchers(){return{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}}static get style(){return"sd-icon{display:inline-block;line-height:0}sd-icon .sd-icon--rotate-90{transform:rotate(90deg)}sd-icon .sd-icon--rotate-180{transform:rotate(180deg)}sd-icon .sd-icon--rotate-270{transform:rotate(270deg)}sd-number-input .sd-number-input{box-sizing:border-box;display:flex;width:var(--input-width, 100%);align-items:center;height:28px;padding:4px 8px;border-radius:4px;color:#333333;font-size:12px;line-height:20px;position:relative}sd-number-input .sd-number-input .sd-number-input__input{display:block;width:100%;height:20px;line-height:20px;border:none;outline:none;background:transparent;font-size:inherit;color:#333333;margin-left:4px;margin-right:4px;padding-block:0;padding-inline:0;text-align:right}sd-number-input .sd-number-input .sd-number-input__input[disabled]{cursor:not-allowed;color:#888888}sd-number-input .sd-number-input .sd-number-input__input::placeholder{font-size:12px;height:20px;line-height:20px;color:#AAAAAA}sd-number-input .sd-number-input .sd-number-input__clear-icon{cursor:pointer;margin-left:8px}sd-number-input .sd-number-input .sd-number-input__buttons{padding:4px;display:flex;justify-content:space-between;align-items:center;position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity 0.2s ease}sd-number-input .sd-number-input .sd-number-input__button{width:20px;height:20px;border:none;border-radius:2px;background-color:#EFF6FF;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;margin:0;transition:background-color 0.2s ease}sd-number-input .sd-number-input .sd-number-input__button:hover:not(:disabled){background-color:#E6F1FF}sd-number-input .sd-number-input .sd-number-input__button:disabled{background-color:#EEEEEE;cursor:not-allowed}sd-number-input .sd-number-input .sd-number-input__button--decrement{border-bottom-left-radius:0;border-bottom-right-radius:0}sd-number-input .sd-number-input .sd-number-input__button--increment{border-top-left-radius:0;border-top-right-radius:0}sd-number-input .sd-number-input .sd-number-input__label{margin-bottom:8px;font-weight:500;color:#333333}sd-number-input:focus-within .sd-number-input__buttons{opacity:1;pointer-events:auto}sd-number-input:focus-within .sd-number-input{border-color:#0075FF;box-shadow:0 0 4px 0 rgba(0, 113, 255, 0.4)}"}},[512,"sd-number-input",{min:[2],max:[2],step:[2],useButton:[4,"use-button"],useDecimal:[4,"use-decimal"],value:[1032],label:[1],addonLabel:[1,"addon-label"],placeholder:[1],disabled:[4],width:[8],rules:[16],autoFocus:[4,"auto-focus"],status:[1],hint:[1],errorMessage:[1,"error-message"],inputClass:[1,"input-class"],readonly:[4],inputStyle:[16],error:[1028],focused:[1028],hovered:[1028],internalValue:[32],displayValue:[32],sdValidate:[64],sdReset:[64],sdResetValidate:[64],sdFocus:[64],sdGetNativeElement:[64]},void 0,{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}]),p=h,b=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),h);break;case"sd-button":customElements.get(n(t))||u();break;case"sd-field":customElements.get(n(t))||d();break;case"sd-floating-portal":customElements.get(n(t))||o();break;case"sd-icon":customElements.get(n(t))||a();break;case"sd-tooltip":customElements.get(n(t))||l()}}))};export{p as SdNumberInput,b as defineCustomElement}
+import{p as t,H as e,c as s,h as i,t as n}from"./p-B1vJXa29.js";import{n as r}from"./p-CCwNgVmC.js";import{d}from"./p-DeTDTmN7.js";import{d as u}from"./p-CdoxVzYC.js";import{d as a}from"./p-BYaBx4Ar.js";import{d as o}from"./p-BBYig1zV.js";import{d as l}from"./p-CUy8ulXZ.js";var p={numberInput:{sm:{height:"28",paddingX:"6",gap:"8",radius:"4",typography:{fontWeight:"400",fontSize:"12",lineHeight:"20"}},md:{height:"36",paddingX:"8",gap:"12",radius:"6",typography:{fontWeight:"400",fontSize:"16",lineHeight:"26"}},contents:{gap:"4"},border:{default:"#AAAAAA",focus:"#0075FF",danger:"#FB4444"},bg:{default:"#FFFFFF"},text:{default:"#222222",placeholder:"#AAAAAA",disabled:"#888888"},hint:{color:"#555555",typography:{fontSize:"12",lineHeight:"20"}},errorMessage:{color:"#E30000",typography:{fontSize:"12",lineHeight:"20"}},stepper:{sm:{size:"20"},md:{size:"24"},radius:"4",bg:{default:"#EFF6FF",disabled:"#EEEEEE"},icon:{default:"#0075FF",disabled:"#BBBBBB"}}}};const h=p.numberInput.sm,c=p.numberInput.md,m={sm:{height:h.height,paddingX:h.paddingX,gap:h.gap,radius:h.radius,fontSize:h.typography.fontSize,lineHeight:h.typography.lineHeight,fontWeight:h.typography.fontWeight},md:{height:c.height,paddingX:c.paddingX,gap:c.gap,radius:c.radius,fontSize:c.typography.fontSize,lineHeight:c.typography.lineHeight,fontWeight:c.typography.fontWeight}},b={border:p.numberInput.border,bg:p.numberInput.bg,text:p.numberInput.text},f={sm:{size:p.numberInput.stepper.sm.size},md:{size:p.numberInput.stepper.md.size},radius:p.numberInput.stepper.radius,bg:p.numberInput.stepper.bg,icon:p.numberInput.stepper.icon},g=p.numberInput.hint,y=p.numberInput.errorMessage,x=p.numberInput.contents.gap,_=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.update=s(this,"sdUpdate"),this.focus=s(this,"sdFocus"),this.blur=s(this,"sdBlur")}get el(){return this}size="sm";min=-1/0;max=1/0;step=1;useButton=!1;useDecimal=!1;value=null;label;addonLabel="";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=m[this.size]??m.sm,e="md"===this.size?14:12;return i("sd-field",{key:"3c0c340cb1078a7f3763ee9f7339ef0cec63b020",name:this.name,label:this.label,addonLabel:this.addonLabel,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,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-gap":t.gap+"px","--sd-number-input-text-color":b.text.default,"--sd-number-input-placeholder-color":b.text.placeholder,"--sd-number-input-disabled-color":b.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":b.border.default,"--sd-system-color-field-border-focus":b.border.focus,"--sd-system-color-field-border-danger":b.border.danger,"--sd-system-color-field-bg-default":b.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:"d2be35e6a7e1201436ad625f4d9678b023187666",class:"sd-number-input__content"},this.useButton&&i("button",{key:"d048a5c576601ff6ac61eda9613d5981b415cd53",type:"button",class:"sd-number-input__stepper sd-number-input__stepper--decrement",disabled:this.isDecrementDisabled(),onClick:this.handleDecrement,tabindex:-1},i("sd-icon",{key:"e618f41dda4f8afcb52ec4dc20828adf0ddc77c3",name:"minus",size:e,color:this.isDecrementDisabled()?f.icon.disabled:f.icon.default})),this.inputPrefix&&i("span",{key:"d293f7530b94c340af5495feaa3323f5f6d7e6bc",class:"sd-number-input__prefix"},this.inputPrefix),i("input",{key:"21d97799b6222f8c5f2145660d4cf25bf5fdeabe",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:"2008a9aa47389bcac4df03de3e357df6f684f379",class:"sd-number-input__suffix"},this.inputSuffix),this.useButton&&i("button",{key:"5841af412ad228796debe31f7578fd332bf8883a",type:"button",class:"sd-number-input__stepper sd-number-input__stepper--increment",disabled:this.isIncrementDisabled(),onClick:this.handleIncrement,tabindex:-1},i("sd-icon",{key:"ebc2f66dbb12664a976b36eb5b333ff7597d6d52",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);gap:var(--sd-number-input-gap)}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],addonLabel:[1,"addon-label"],placeholder:[1],disabled:[4],width:[8],rules:[16],autoFocus:[4,"auto-focus"],status:[1],hint:[1],errorMessage:[1,"error-message"],inputPrefix:[1,"input-prefix"],inputSuffix:[1,"input-suffix"],inputClass:[1,"input-class"],readonly:[4],inputStyle:[16],error:[1028],focused:[1028],hovered:[1028],internalValue:[32],displayValue:[32],sdValidate:[64],sdReset:[64],sdResetValidate:[64],sdFocus:[64],sdGetNativeElement:[64]},void 0,{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}]),v=_,w=function(){"undefined"!=typeof customElements&&["sd-number-input","sd-button","sd-field","sd-floating-portal","sd-icon","sd-tooltip"].forEach((t=>{switch(t){case"sd-number-input":customElements.get(n(t))||customElements.define(n(t),_);break;case"sd-button":customElements.get(n(t))||d();break;case"sd-field":customElements.get(n(t))||u();break;case"sd-floating-portal":customElements.get(n(t))||a();break;case"sd-icon":customElements.get(n(t))||o();break;case"sd-tooltip":customElements.get(n(t))||l()}}))};export{v as SdNumberInput,w as defineCustomElement}

package/dist/components/sd-pagination.js

@@ -1 +1 @@
-import{S as o,d as s}from"./p-D9MEHQTt.js";const t=o,p=s;export{t as SdPagination,p as defineCustomElement}
+import{S as o,d as s}from"./p-DAWMGK_A.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 e,h as t,F as o,t as i}from"./p-B1vJXa29.js";import{T as a}from"./p-D-ian_bu.js";import{d as n}from"./p-Dn-uC69K.js";import{d as c}from"./p-BYaBx4Ar.js";import{d as l}from"./p-BBYig1zV.js";var r={icon:"12",color:"#888888"},d="#07284A";const f=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost()}get el(){return this}show=!1;placement="bottom";color="#01BB4B";icon="helpOutline";iconSize=12;label="";buttonSize="sm";buttonVariant="primary";menuTitle;messages=[];buttons=[];menuClass="";noHover=!0;useClose=!1;showPopover=!1;slotContent="";watchShowHandler(s){this.showPopover=s}componentWillLoad(){this.showPopover=this.show,this.slotContent=this.el.innerHTML}buttonEl;get popoverOffset(){switch(this.placement){case"top":return[0,-4];case"bottom":return[0,4];case"left":case"right":return[4,0]}}handleClose=()=>{this.showPopover=!1};render(){return t(o,{key:"fff237ce8170b96e2df5ee6a0ca41788faaf7a8d"},this.label?t("sd-button",{ref:s=>this.buttonEl=s,label:this.label,icon:this.icon,size:this.buttonSize,color:this.color,variant:this.buttonVariant,class:"sd-popover",onSdClick:()=>this.showPopover=!this.showPopover}):t("sd-icon",{ref:s=>this.buttonEl=s,name:this.icon,size:this.iconSize,color:this.color,class:"sd-popover",onClick:()=>this.showPopover=!this.showPopover}),this.showPopover&&t("sd-floating-portal",{key:"ebe20947b2b40bbc1f52830f4cd87a8c5caf560d",parentRef:this.buttonEl,onSdClose:this.handleClose,placement:this.placement,offset:this.popoverOffset},t("div",{key:"c4d3b775caf8f3894f9dfb01940415efee240a6f",class:{"sd-floating-menu":!0,"sd-floating-menu--popover":!0,["sd-floating-menu--"+this.placement]:!0,[this.menuClass]:!!this.menuClass},style:{"--sd-floating-bg":d}},t("i",{key:"eec87654cb0106ae923d3066bebb7c8f2b45fc9d",class:"sd-floating-menu__arrow sd-floating-menu__arrow--"+this.placement},t(a,{key:"65e6ec07ad22a9af4cf8a55364dd150367e6014f"})),t("div",{key:"622d4cb7f8da1156282d7f4cfdbaedf252ad5ce5",class:"sd-floating-menu__content"},this.menuTitle&&t("div",{key:"57a0b7f7a59b33301f4f98a94bee93cf3417b1ca",class:"sd-floating-menu__title"},this.menuTitle),this.messages.length>0&&t("div",{key:"51687eca637e52d3a3a0bc1b3ff3a8bc3ff4cedc",class:"sd-floating-menu__messages"},this.messages.map((s=>t("div",null,s)))),this.buttons.length>0&&t("div",{key:"b523cb228acaff8f09169bffcaac48e6bd722336",class:"sd-floating-menu__buttons sd-floating-menu__buttons--"+this.buttons.length},this.buttons.map((s=>t("sd-button",{...s}))))),this.useClose&&t("button",{key:"e40870c25bf20cd4f6e9d94fd3eb8bc1966a301f",title:"close",class:"sd-floating-menu__close-button",onClick:()=>this.handleClose()},t("sd-icon",{key:"149b7ef2e71c2dbb3d20e72c69db0131e657d811",name:"close",size:r.icon,color:r.color})))))}static get watchers(){return{show:[{watchShowHandler:0}]}}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:[513,"title"],messages:[16],buttons:[16],menuClass:[1,"menu-class"],noHover:[4,"no-hover"],useClose:[4,"use-close"],showPopover:[32],slotContent:[32]},void 0,{show:[{watchShowHandler:0}]}]),h=f,b=function(){"undefined"!=typeof customElements&&["sd-popover","sd-button","sd-floating-portal","sd-icon"].forEach((s=>{switch(s){case"sd-popover":customElements.get(i(s))||customElements.define(i(s),f);break;case"sd-button":customElements.get(i(s))||n();break;case"sd-floating-portal":customElements.get(i(s))||c();break;case"sd-icon":customElements.get(i(s))||l()}}))};export{h as SdPopover,b as defineCustomElement}
+import{p as s,H as t,h as e,F as o,t as i}from"./p-B1vJXa29.js";import{T as a}from"./p-D-ian_bu.js";import{d as n}from"./p-DeTDTmN7.js";import{d as c}from"./p-BYaBx4Ar.js";import{d as l}from"./p-BBYig1zV.js";var r={icon:"12",color:"#888888"},d="#07284A";const h=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost()}get el(){return this}show=!1;placement="bottom";color="#01BB4B";icon="helpOutline";iconSize=12;label="";buttonSize="sm";buttonVariant="primary";menuTitle;messages=[];buttons=[];menuClass="";noHover=!0;useClose=!1;showPopover=!1;slotContent="";watchShowHandler(s){this.showPopover=s}componentWillLoad(){this.showPopover=this.show,this.slotContent=this.el.innerHTML}buttonEl;get popoverOffset(){switch(this.placement){case"top":return[0,-4];case"bottom":return[0,4];case"left":case"right":return[4,0]}}handleClose=()=>{this.showPopover=!1};render(){return e(o,{key:"32543028f51799b838817a81d82c8fc4e16d34d9"},this.label?e("sd-button",{ref:s=>this.buttonEl=s,label:this.label,icon:this.icon,size:this.buttonSize,color:this.color,variant:this.buttonVariant,class:"sd-popover",onSdClick:()=>this.showPopover=!this.showPopover}):e("sd-icon",{ref:s=>this.buttonEl=s,name:this.icon,size:this.iconSize,color:this.color,class:"sd-popover",onClick:()=>this.showPopover=!this.showPopover}),this.showPopover&&e("sd-floating-portal",{key:"146f7b10c48d0e43d9daad84f2b0d73a53c1f083",parentRef:this.buttonEl,onSdClose:this.handleClose,placement:this.placement,offset:this.popoverOffset},e("div",{key:"020b1bc52cb001ef761aac5e88fdfe4a3cc1dbfc",class:{"sd-floating-menu":!0,"sd-floating-menu--popover":!0,["sd-floating-menu--"+this.placement]:!0,[this.menuClass]:!!this.menuClass},style:{"--sd-floating-bg":d}},e("i",{key:"819af7776ce65a25c996262105b05e37d4d04652",class:"sd-floating-menu__arrow sd-floating-menu__arrow--"+this.placement},e(a,{key:"053b299c5a41acb16042adfa2aba7c35eedb0602"})),e("div",{key:"109f2b1044827112922e40b04671785209b9d816",class:"sd-floating-menu__content"},this.menuTitle&&e("div",{key:"99f49b0165ce502ba30ecac3369ba6086cbabb6f",class:"sd-floating-menu__title"},this.menuTitle),this.messages.length>0&&e("div",{key:"5ecd1eea5a83c3fcf71719b308b75734ba42f96d",class:"sd-floating-menu__messages"},this.messages.map((s=>e("div",null,s)))),this.buttons.length>0&&e("div",{key:"9a3a3a38dd3fac46e370f45e65dd22dbcf49bce7",class:"sd-floating-menu__buttons sd-floating-menu__buttons--"+this.buttons.length},this.buttons.map((s=>e("sd-button",{...s}))))),this.useClose&&e("button",{key:"6f231ddb997a45f23c258a092b45f3d6a5e49e60",title:"close",class:"sd-floating-menu__close-button",onClick:()=>this.handleClose()},e("sd-icon",{key:"738c152ec2435992ae21394bf2c164515cef7ed9",name:"close",size:r.icon,color:r.color})))))}static get watchers(){return{show:[{watchShowHandler:0}]}}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:[513,"title"],messages:[16],buttons:[16],menuClass:[1,"menu-class"],noHover:[4,"no-hover"],useClose:[4,"use-close"],showPopover:[32],slotContent:[32]},void 0,{show:[{watchShowHandler:0}]}]),f=h,u=function(){"undefined"!=typeof customElements&&["sd-popover","sd-button","sd-floating-portal","sd-icon"].forEach((s=>{switch(s){case"sd-popover":customElements.get(i(s))||customElements.define(i(s),h);break;case"sd-button":customElements.get(i(s))||n();break;case"sd-floating-portal":customElements.get(i(s))||c();break;case"sd-icon":customElements.get(i(s))||l()}}))};export{f as SdPopover,u as defineCustomElement}

package/dist/components/sd-progress.js

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

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

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