@sellmate/design-system 1.0.66 → 1.0.67

package/dist/components/{p-BLC3AWW8.js → p-tvysh3yO.js}

@@ -1 +1 @@
-import{p as t,H as o,c as n,h as s,t as i}from"./p-DuYi4aqj.js";import{b as d}from"./p-B1XBwjCW.js";import{r as e,d as b}from"./p-CGssy8eb.js";const a={xs:Number(d.button.xs.icon),sm:Number(d.button.sm.icon),md:Number(d.button.md.icon),lg:Number(d.button.lg.icon)},u=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.click=n(this,"sdClick",7)}get el(){return this}variant="primary";size="sm";color="#025497";label="";disabled=!1;type="button";icon;iconColor;iconSize;iconRight;noHover=!1;sdClass="";click;handleClick=t=>{this.disabled||this.click.emit(t)};getButtonClasses(){const t=["sd-button"];return t.push(`sd-button--${this.variant}`),t.push(`sd-button--${this.size}`),t.push(`sd-button--color-${this.color}`),this.disabled&&t.push("sd-button--disabled"),this.label&&t.push("sd-button--has-label"),this.label||!this.icon&&!this.iconRight||t.push("sd-button--icon-only"),this.noHover&&t.push("sd-button--no-hover"),t.join(" ")}render(){const t=this.getButtonClasses(),o=e(this.color);return s("button",{key:"b18b0e46ec5a26e35fd0c782c975c1e3f94c7bea",class:`${t} ${this.sdClass}`,type:this.type,disabled:this.disabled,style:{"--button-color":o},onClick:this.handleClick},s("div",{key:"3364b81ca9323e88b56ccde7783417416ecec4a0",class:"sd-button__content"},this.icon&&s("sd-icon",{key:"dbe12d21483f50cab4e7284fc340e5b02ec6578d",class:"sd-button__icon sd-button__icon--left",name:this.icon,size:this.iconSize??a[this.size],color:this.iconColor??("primary"===this.variant?"#fff":o)}),this.label&&s("div",{key:"793b3ef70ff8fbe7a043baf3b00097ab0c3bb59b",class:"sd-button__label"},this.label),this.iconRight&&s("sd-icon",{key:"9b35739d4c18c38f9487c806d4becc312146bed4",class:"sd-button__icon sd-button__icon--right",name:this.iconRight,size:a[this.size],color:"primary"===this.variant?"#fff":o})))}static get style(){return'sd-button{display:inline-flex;width:fit-content;height:fit-content}.sd-button{--sd-button-height:34px;--sd-button-padding-x:20px;--sd-button-gap:8px;--sd-button-font-family:inherit;--sd-button-font-size:16px;--sd-button-font-weight:500;--sd-button-text-decoration:none;--sd-button-label-min-width:auto;--sd-button-icon-only-size:var(--sd-button-height);text-decoration:none;cursor:pointer;border-radius:var(--sd-button-button-radius-sm, 4px);transition:all 0.2s ease-in-out;position:relative;overflow:hidden;white-space:nowrap;-webkit-user-select:none;user-select:none;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;border:none;padding:0 var(--sd-button-padding-x);min-width:var(--sd-button-min-width, auto);min-height:var(--sd-button-height);font-family:var(--sd-button-font-family);font-size:var(--sd-button-font-size);font-weight:var(--sd-button-font-weight);text-decoration:var(--sd-button-text-decoration)}.sd-button--xs{--sd-button-height:var(--sd-button-button-xs-height, 24px);--sd-button-padding-x:var(--sd-button-button-xs-padding-x, 8px);--sd-button-gap:var(--sd-button-button-xs-gap, 4px);--sd-button-font-family:var(--sd-button-button-xs-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-button-xs-typography-font-size, 12px);--sd-button-font-weight:var(--sd-button-button-xs-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-button-xs-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-xs-min-width, auto);--sd-button-icon-only-size:var(--sd-button-button-icon-only-xs-width, var(--sd-button-height));line-height:20px}.sd-button--sm{--sd-button-height:var(--sd-button-button-sm-height, 28px);--sd-button-padding-x:var(--sd-button-button-sm-padding-x, 12px);--sd-button-gap:var(--sd-button-button-sm-gap, 6px);--sd-button-font-family:var(--sd-button-button-sm-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-button-sm-typography-font-size, 12px);--sd-button-font-weight:var(--sd-button-button-sm-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-button-sm-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-sm-min-width, auto);--sd-button-icon-only-size:var(--sd-button-button-icon-only-sm-width, var(--sd-button-height));line-height:20px}.sd-button--md{--sd-button-height:var(--sd-button-button-md-height, 34px);--sd-button-padding-x:var(--sd-button-button-md-padding-x, 20px);--sd-button-gap:var(--sd-button-button-md-gap, 8px);--sd-button-font-family:var(--sd-button-button-md-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-button-md-typography-font-size, 16px);--sd-button-font-weight:var(--sd-button-button-md-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-button-md-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-md-min-width, auto);--sd-button-icon-only-size:var(--sd-button-button-icon-only-md-width, var(--sd-button-height));line-height:26px}.sd-button--lg{--sd-button-height:var(--sd-button-button-lg-height, 62px);--sd-button-padding-x:var(--sd-button-button-lg-padding-x, 28px);--sd-button-gap:var(--sd-button-button-lg-gap, 12px);--sd-button-font-family:var(--sd-button-button-lg-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-button-lg-typography-font-size, 18px);--sd-button-font-weight:var(--sd-button-button-lg-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-button-lg-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-lg-min-width, auto);--sd-button-icon-only-size:var(--sd-button-button-icon-only-lg-width, var(--sd-button-height));line-height:30px}.sd-button--has-label{--sd-button-min-width:var(--sd-button-label-min-width, auto)}.sd-button--primary{background-color:var(--button-color);color:white;transition:filter 0.2s ease}.sd-button--primary::before{content:"";position:absolute;inset:0;background:#000000;opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--primary:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.25}.sd-button--outline{background:white;border:var(--sd-button-button-border-width-default, 1px) solid var(--button-color);color:var(--button-color)}.sd-button--outline::before{content:"";position:absolute;inset:0;background:var(--button-color);opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--outline:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.15}.sd-button--outline .sd-button__content{position:relative;z-index:1}.sd-button--ghost{background-color:transparent;color:var(--button-color);border-color:transparent}.sd-button--ghost::before{content:"";position:absolute;inset:0;background:var(--button-color);opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--ghost:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.15}.sd-button--ghost .sd-button__content{position:relative;z-index:1}.sd-button--disabled{border:var(--sd-button-button-border-width-default, 1px) solid var(--sd-button-button-border-disabled, #CCCCCC);background:var(--sd-button-button-bg-disabled, #E1E1E1);color:var(--sd-button-button-text-disabled, #888888);cursor:not-allowed !important}.sd-button--icon-only{padding:0;width:var(--sd-button-icon-only-size, var(--sd-button-height));min-width:var(--sd-button-icon-only-size, var(--sd-button-height));height:var(--sd-button-icon-only-size, var(--sd-button-height))}.sd-button--no-hover:hover::before{opacity:0 !important}.sd-button .sd-button__content{display:inline-flex;align-items:center;justify-content:center;gap:var(--sd-button-gap);z-index:1;font-weight:inherit}'}},[512,"sd-button",{variant:[1],size:[1],color:[1],label:[1],disabled:[4],type:[1],icon:[1],iconColor:[1,"icon-color"],iconSize:[2,"icon-size"],iconRight:[1,"icon-right"],noHover:[4,"no-hover"],sdClass:[1,"sd-class"]}]);function r(){"undefined"!=typeof customElements&&["sd-button","sd-icon"].forEach((t=>{switch(t){case"sd-button":customElements.get(i(t))||customElements.define(i(t),u);break;case"sd-icon":customElements.get(i(t))||b()}}))}export{u as S,r as d}
+import{p as t,H as o,c as n,h as s,t as i}from"./p-CCHce_Dt.js";import{b as d}from"./p-B1XBwjCW.js";import{r as e,d as b}from"./p-BF4hokOY.js";const a={xs:Number(d.button.xs.icon),sm:Number(d.button.sm.icon),md:Number(d.button.md.icon),lg:Number(d.button.lg.icon)},u=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.click=n(this,"sdClick",7)}get el(){return this}variant="primary";size="sm";color="#025497";label="";disabled=!1;type="button";icon;iconColor;iconSize;iconRight;noHover=!1;sdClass="";click;handleClick=t=>{this.disabled||this.click.emit(t)};getButtonClasses(){const t=["sd-button"];return t.push(`sd-button--${this.variant}`),t.push(`sd-button--${this.size}`),t.push(`sd-button--color-${this.color}`),this.disabled&&t.push("sd-button--disabled"),this.label&&t.push("sd-button--has-label"),this.label||!this.icon&&!this.iconRight||t.push("sd-button--icon-only"),this.noHover&&t.push("sd-button--no-hover"),t.join(" ")}render(){const t=this.getButtonClasses(),o=e(this.color);return s("button",{key:"b18b0e46ec5a26e35fd0c782c975c1e3f94c7bea",class:`${t} ${this.sdClass}`,type:this.type,disabled:this.disabled,style:{"--button-color":o},onClick:this.handleClick},s("div",{key:"3364b81ca9323e88b56ccde7783417416ecec4a0",class:"sd-button__content"},this.icon&&s("sd-icon",{key:"dbe12d21483f50cab4e7284fc340e5b02ec6578d",class:"sd-button__icon sd-button__icon--left",name:this.icon,size:this.iconSize??a[this.size],color:this.iconColor??("primary"===this.variant?"#fff":o)}),this.label&&s("div",{key:"793b3ef70ff8fbe7a043baf3b00097ab0c3bb59b",class:"sd-button__label"},this.label),this.iconRight&&s("sd-icon",{key:"9b35739d4c18c38f9487c806d4becc312146bed4",class:"sd-button__icon sd-button__icon--right",name:this.iconRight,size:a[this.size],color:"primary"===this.variant?"#fff":o})))}static get style(){return'sd-button{display:inline-flex;width:fit-content;height:fit-content}.sd-button{--sd-button-height:34px;--sd-button-padding-x:20px;--sd-button-gap:8px;--sd-button-font-family:inherit;--sd-button-font-size:16px;--sd-button-font-weight:500;--sd-button-text-decoration:none;--sd-button-label-min-width:auto;--sd-button-icon-only-size:var(--sd-button-height);text-decoration:none;cursor:pointer;border-radius:var(--sd-button-button-radius-sm, 4px);transition:all 0.2s ease-in-out;position:relative;overflow:hidden;white-space:nowrap;-webkit-user-select:none;user-select:none;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;border:none;padding:0 var(--sd-button-padding-x);min-width:var(--sd-button-min-width, auto);min-height:var(--sd-button-height);font-family:var(--sd-button-font-family);font-size:var(--sd-button-font-size);font-weight:var(--sd-button-font-weight);text-decoration:var(--sd-button-text-decoration)}.sd-button--xs{--sd-button-height:var(--sd-button-button-xs-height, 24px);--sd-button-padding-x:var(--sd-button-button-xs-padding-x, 8px);--sd-button-gap:var(--sd-button-button-xs-gap, 4px);--sd-button-font-family:var(--sd-button-button-xs-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-button-xs-typography-font-size, 12px);--sd-button-font-weight:var(--sd-button-button-xs-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-button-xs-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-xs-min-width, auto);--sd-button-icon-only-size:var(--sd-button-button-icon-only-xs-width, var(--sd-button-height));line-height:20px}.sd-button--sm{--sd-button-height:var(--sd-button-button-sm-height, 28px);--sd-button-padding-x:var(--sd-button-button-sm-padding-x, 12px);--sd-button-gap:var(--sd-button-button-sm-gap, 6px);--sd-button-font-family:var(--sd-button-button-sm-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-button-sm-typography-font-size, 12px);--sd-button-font-weight:var(--sd-button-button-sm-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-button-sm-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-sm-min-width, auto);--sd-button-icon-only-size:var(--sd-button-button-icon-only-sm-width, var(--sd-button-height));line-height:20px}.sd-button--md{--sd-button-height:var(--sd-button-button-md-height, 34px);--sd-button-padding-x:var(--sd-button-button-md-padding-x, 20px);--sd-button-gap:var(--sd-button-button-md-gap, 8px);--sd-button-font-family:var(--sd-button-button-md-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-button-md-typography-font-size, 16px);--sd-button-font-weight:var(--sd-button-button-md-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-button-md-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-md-min-width, auto);--sd-button-icon-only-size:var(--sd-button-button-icon-only-md-width, var(--sd-button-height));line-height:26px}.sd-button--lg{--sd-button-height:var(--sd-button-button-lg-height, 62px);--sd-button-padding-x:var(--sd-button-button-lg-padding-x, 28px);--sd-button-gap:var(--sd-button-button-lg-gap, 12px);--sd-button-font-family:var(--sd-button-button-lg-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-button-lg-typography-font-size, 18px);--sd-button-font-weight:var(--sd-button-button-lg-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-button-lg-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-lg-min-width, auto);--sd-button-icon-only-size:var(--sd-button-button-icon-only-lg-width, var(--sd-button-height));line-height:30px}.sd-button--has-label{--sd-button-min-width:var(--sd-button-label-min-width, auto)}.sd-button--primary{background-color:var(--button-color);color:white;transition:filter 0.2s ease}.sd-button--primary::before{content:"";position:absolute;inset:0;background:#000000;opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--primary:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.25}.sd-button--outline{background:white;border:var(--sd-button-button-border-width-default, 1px) solid var(--button-color);color:var(--button-color)}.sd-button--outline::before{content:"";position:absolute;inset:0;background:var(--button-color);opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--outline:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.15}.sd-button--outline .sd-button__content{position:relative;z-index:1}.sd-button--ghost{background-color:transparent;color:var(--button-color);border-color:transparent}.sd-button--ghost::before{content:"";position:absolute;inset:0;background:var(--button-color);opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--ghost:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.15}.sd-button--ghost .sd-button__content{position:relative;z-index:1}.sd-button--disabled{border:var(--sd-button-button-border-width-default, 1px) solid var(--sd-button-button-border-disabled, #CCCCCC);background:var(--sd-button-button-bg-disabled, #E1E1E1);color:var(--sd-button-button-text-disabled, #888888);cursor:not-allowed !important}.sd-button--icon-only{padding:0;width:var(--sd-button-icon-only-size, var(--sd-button-height));min-width:var(--sd-button-icon-only-size, var(--sd-button-height));height:var(--sd-button-icon-only-size, var(--sd-button-height))}.sd-button--no-hover:hover::before{opacity:0 !important}.sd-button .sd-button__content{display:inline-flex;align-items:center;justify-content:center;gap:var(--sd-button-gap);z-index:1;font-weight:inherit}'}},[512,"sd-button",{variant:[1],size:[1],color:[1],label:[1],disabled:[4],type:[1],icon:[1],iconColor:[1,"icon-color"],iconSize:[2,"icon-size"],iconRight:[1,"icon-right"],noHover:[4,"no-hover"],sdClass:[1,"sd-class"]}]);function r(){"undefined"!=typeof customElements&&["sd-button","sd-icon"].forEach((t=>{switch(t){case"sd-button":customElements.get(i(t))||customElements.define(i(t),u);break;case"sd-icon":customElements.get(i(t))||b()}}))}export{u as S,r as 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-DuYi4aqj.js";import{m as i}from"./p-DOXMJi-V.js";import{d as s}from"./p-C2r48NLP.js";import{d as n}from"./p-B1S4ybd6.js";import{d as l}from"./p-CGssy8eb.js";const{modal:c}=i,r=c.action,m={radius:Number(c.radius),bg:c.bg,headerPaddingX:Number(r.header.paddingX),headerPaddingY:Number(r.header.paddingY),headerGap:Number(r.header.gap),bodyPaddingX:Number(r.body.paddingX),bodyPaddingBottom:Number(r.body.paddingBottom),footerPaddingX:Number(r.footer.paddingX),footerPaddingY:Number(r.footer.paddingY),footerGap:Number(r.footer.gap),footerBg:r.footer.bg,footerBorder:r.footer.border},b={color:r.title.color,fontFamily:r.title.typography.fontFamily,fontWeight:r.title.typography.fontWeight,fontSize:Number(r.title.typography.fontSize),lineHeight:Number(r.title.typography.lineHeight)},f={name:"primary_md",label:"확인"},p=a(class extends d{constructor(a){super(),!1!==a&&this.__registerHost(),this.close=t(this,"sdClose",7),this.ok=t(this,"sdOk",7)}modalTitle="";buttonProps;width;height;close;ok;render(){const a={"--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":b.color,"--sd-action-modal-title-font-family":b.fontFamily,"--sd-action-modal-title-font-weight":b.fontWeight,"--sd-action-modal-title-font-size":b.fontSize+"px","--sd-action-modal-title-line-height":b.lineHeight+"px"},o={};return null!=this.width&&""!==this.width&&(o.width="number"==typeof this.width?this.width+"px":this.width,o.minWidth="0"),null!=this.height&&""!==this.height&&(o.height="number"==typeof this.height?this.height+"px":this.height),e("div",{key:"e741d601fd1c079ebee5b0c527bdf9ec62c43e65",class:"sd-action-modal",style:{...a,...o}},e("header",{key:"9a083fe0d0f8d2b9509cb80af2e8091f4cb23c26",class:"sd-action-modal__header"},e("h2",{key:"1c91eecc04e5c70267ab571a5a7e8dab8fc97fa4",class:"sd-action-modal__title"},this.modalTitle),e("div",{key:"67eba3fbada5580c5741387248d803d0299612e2",class:"sd-action-modal__header-sub"},e("slot",{key:"769583cdfdb8c5d1e2eb2bd1c240c9956f1530e3",name:"header-sub-title"})),e("sd-ghost-button",{key:"05cb596931da687dd2fbf961bdbe116b0a83ee87",class:"sd-action-modal__close",icon:"close",ariaLabel:"close",onClick:()=>this.close.emit()})),e("div",{key:"ecf3346b28bdf29d13fedb1d58f2119af73932a2",class:"sd-action-modal__body"},e("slot",{key:"276aa6ced63b887cda3b8a9790b4d5064763f556",name:"body"})),(null!=this.buttonProps||null!=this.buttonProps)&&e("footer",{key:"fcf62d04efe0cfa46c3ceadda2314606a1e3588c",class:"sd-action-modal__footer"},e("div",{key:"61948bdf02737aed99420533f5fb9ab4e28be676",class:"sd-action-modal__footer-sub"},e("slot",{key:"761a6a38ba2a86f932564a7d1e03e3277f9f917b",name:"bottom-sub-content"})),e("sd-button-v2",{key:"242531f04700bea06c93c25a7eaf3e0b03dd628d",...f,...this.buttonProps,onSdClick:()=>this.ok.emit()})))}static get style(){return"sd-action-modal{display:block}sd-action-modal .sd-action-modal{position:relative;display:flex;flex-direction:column;width:fit-content;min-width:520px;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;flex-shrink:0;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;flex-shrink:0;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"],buttonProps:[16],width:[8],height:[8]}]),h=p,g=function(){"undefined"!=typeof customElements&&["sd-action-modal","sd-button-v2","sd-ghost-button","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-ghost-button":customElements.get(o(a))||n();break;case"sd-icon":customElements.get(o(a))||l()}}))};export{h as SdActionModal,g as defineCustomElement}
+import{p as o,t as a,H as d,c as t,h as e}from"./p-CCHce_Dt.js";import{m as i}from"./p-DOXMJi-V.js";import{d as s}from"./p-DlsWuYWL.js";import{d as n}from"./p-UR2Cf2Sm.js";import{d as l}from"./p-BF4hokOY.js";const{modal:c}=i,m=c.action,r={radius:Number(c.radius),bg:c.bg,headerPaddingX:Number(m.header.paddingX),headerPaddingY:Number(m.header.paddingY),headerGap:Number(m.header.gap),bodyPaddingX:Number(m.body.paddingX),bodyPaddingBottom:Number(m.body.paddingBottom),footerPaddingX:Number(m.footer.paddingX),footerPaddingY:Number(m.footer.paddingY),footerGap:Number(m.footer.gap),footerBg:m.footer.bg,footerBorder:m.footer.border},b={color:m.title.color,fontFamily:m.title.typography.fontFamily,fontWeight:m.title.typography.fontWeight,fontSize:Number(m.title.typography.fontSize),lineHeight:Number(m.title.typography.lineHeight)},f={name:"primary_md",label:"확인"},p=o(class extends d{constructor(o){super(),!1!==o&&this.__registerHost(),this.close=t(this,"sdClose",7),this.ok=t(this,"sdOk",7)}modalTitle="";buttonProps;width;height;close;ok;render(){const o={"--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":b.color,"--sd-action-modal-title-font-family":b.fontFamily,"--sd-action-modal-title-font-weight":b.fontWeight,"--sd-action-modal-title-font-size":b.fontSize+"px","--sd-action-modal-title-line-height":b.lineHeight+"px"},a={};return null!=this.width&&""!==this.width&&(a.width="number"==typeof this.width?this.width+"px":this.width,a.minWidth="0"),null!=this.height&&""!==this.height&&(a.height="number"==typeof this.height?this.height+"px":this.height),e("div",{key:"e741d601fd1c079ebee5b0c527bdf9ec62c43e65",class:"sd-action-modal",style:{...o,...a}},e("header",{key:"9a083fe0d0f8d2b9509cb80af2e8091f4cb23c26",class:"sd-action-modal__header"},e("h2",{key:"1c91eecc04e5c70267ab571a5a7e8dab8fc97fa4",class:"sd-action-modal__title"},this.modalTitle),e("div",{key:"67eba3fbada5580c5741387248d803d0299612e2",class:"sd-action-modal__header-sub"},e("slot",{key:"769583cdfdb8c5d1e2eb2bd1c240c9956f1530e3",name:"header-sub-title"})),e("sd-ghost-button",{key:"05cb596931da687dd2fbf961bdbe116b0a83ee87",class:"sd-action-modal__close",icon:"close",ariaLabel:"close",onClick:()=>this.close.emit()})),e("div",{key:"ecf3346b28bdf29d13fedb1d58f2119af73932a2",class:"sd-action-modal__body"},e("slot",{key:"276aa6ced63b887cda3b8a9790b4d5064763f556",name:"body"})),(null!=this.buttonProps||null!=this.buttonProps)&&e("footer",{key:"fcf62d04efe0cfa46c3ceadda2314606a1e3588c",class:"sd-action-modal__footer"},e("div",{key:"61948bdf02737aed99420533f5fb9ab4e28be676",class:"sd-action-modal__footer-sub"},e("slot",{key:"761a6a38ba2a86f932564a7d1e03e3277f9f917b",name:"bottom-sub-content"})),e("sd-button-v2",{key:"242531f04700bea06c93c25a7eaf3e0b03dd628d",...f,...this.buttonProps,onSdClick:()=>this.ok.emit()})))}static get style(){return"sd-action-modal{display:block}sd-action-modal .sd-action-modal{position:relative;display:flex;flex-direction:column;width:fit-content;min-width:520px;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;flex-shrink:0;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;flex-shrink:0;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"],buttonProps:[16],width:[8],height:[8]}]),h=p,g=function(){"undefined"!=typeof customElements&&["sd-action-modal","sd-button-v2","sd-ghost-button","sd-icon"].forEach((o=>{switch(o){case"sd-action-modal":customElements.get(a(o))||customElements.define(a(o),p);break;case"sd-button-v2":customElements.get(a(o))||s();break;case"sd-ghost-button":customElements.get(a(o))||n();break;case"sd-icon":customElements.get(a(o))||l()}}))};export{h as SdActionModal,g as defineCustomElement}

package/dist/components/sd-badge.js

@@ -1 +1 @@
-import{p as e,H as d,h as s,t as a}from"./p-DuYi4aqj.js";const t={red:"#FB4444",orange:"#FF6B00",yellow:"#FFC700",green:"#00973C",blue:"#0075FF",darkblue:"#006AC1",indigo:"#004290",grey:"#737373"},b=e(class extends d{constructor(e){super(),!1!==e&&this.__registerHost()}color="blue";label="";render(){return s("div",{key:"7535760a065f5b0afa35d58c6f3017cacb31f507",class:"sd-badge",style:{"--sd-badge-color":t[this.color]??t.blue}},s("div",{key:"1a42bf60039e469b0676b0266f9cbde168e8c27e",class:"sd-badge__dot"}),s("div",{key:"2296c4187b5222849dbe0472d19669376b53350f",class:"sd-badge__label"},this.label))}static get style(){return"sd-badge{display:inline-flex}sd-badge .sd-badge{display:flex;align-items:center;justify-content:center}sd-badge .sd-badge .sd-badge__dot{width:6px;height:6px;min-width:6px;min-height:6px;border-radius:9999px;background:var(--sd-badge-color, #0075FF)}sd-badge .sd-badge .sd-badge__label{margin-left:8px;font-size:12px;font-weight:500;line-height:20px;color:#333333}"}},[512,"sd-badge",{color:[1],label:[1]}]),l=b,i=function(){"undefined"!=typeof customElements&&["sd-badge"].forEach((e=>{"sd-badge"===e&&(customElements.get(a(e))||customElements.define(a(e),b))}))};export{l as SdBadge,i as defineCustomElement}
+import{p as e,H as d,h as s,t}from"./p-CCHce_Dt.js";const a={red:"#FB4444",orange:"#FF6B00",yellow:"#FFC700",green:"#00973C",blue:"#0075FF",darkblue:"#006AC1",indigo:"#004290",grey:"#737373"},b=e(class extends d{constructor(e){super(),!1!==e&&this.__registerHost()}color="blue";label="";render(){return s("div",{key:"7535760a065f5b0afa35d58c6f3017cacb31f507",class:"sd-badge",style:{"--sd-badge-color":a[this.color]??a.blue}},s("div",{key:"1a42bf60039e469b0676b0266f9cbde168e8c27e",class:"sd-badge__dot"}),s("div",{key:"2296c4187b5222849dbe0472d19669376b53350f",class:"sd-badge__label"},this.label))}static get style(){return"sd-badge{display:inline-flex}sd-badge .sd-badge{display:flex;align-items:center;justify-content:center}sd-badge .sd-badge .sd-badge__dot{width:6px;height:6px;min-width:6px;min-height:6px;border-radius:9999px;background:var(--sd-badge-color, #0075FF)}sd-badge .sd-badge .sd-badge__label{margin-left:8px;font-size:12px;font-weight:500;line-height:20px;color:#333333}"}},[512,"sd-badge",{color:[1],label:[1]}]),l=b,i=function(){"undefined"!=typeof customElements&&["sd-badge"].forEach((e=>{"sd-badge"===e&&(customElements.get(t(e))||customElements.define(t(e),b))}))};export{l as SdBadge,i as defineCustomElement}

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

@@ -1 +1 @@
-import{p as t,H as e,c as s,h as i,t as a}from"./p-DuYi4aqj.js";import{n as o}from"./p-CCwNgVmC.js";import{i as d}from"./p-CJwbBrt5.js";import{d as n}from"./p-BLC3AWW8.js";import{d as l}from"./p-HsTw_qYU.js";import{d as r}from"./p-DXtyg5eK.js";import{d as c}from"./p-B1S4ybd6.js";import{d as u}from"./p-CGssy8eb.js";import{d as h}from"./p-Cc7ZBscb.js";const p=d.textinput.sm,b=d.textinput.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:d.textinput.bg,text:d.textinput.text,icon:d.textinput.icon},g=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.input=s(this,"sdUpdate",7),this.focus=s(this,"sdFocus",7),this.blur=s(this,"sdBlur",7)}get host(){return this}value=null;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="";labelWidth="";icon=void 0;labelTooltip="";labelTooltipProps=null;inputStyle={};internalValue=null;nativeEl=void 0;formField;name=o();input;focus;blur;valueChanged(t){this.internalValue=t}internalValueChanged(t){t!==this.value&&(this.value=t,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=t=>{this.internalValue=t.target.value};handleFocus=async(t,e)=>{this.focused="focus"===t,"blur"===t?(this.rules&&this.rules.length>0&&await(this.formField?.sdValidate()),this.blur?.emit(e)):this.focus?.emit(e)};render(){const t=f[this.size]??f.sm;return i("sd-field",{key:"bba439856e0cbaedc7b54411dac904f9c845b50c",name:this.name,label:this.label,labelWidth:this.labelWidth,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,size:this.size,icon:this.icon,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:t=>this.formField=t,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1,style:{"--sd-barcode-input-font-size":t.fontSize+"px","--sd-barcode-input-line-height":t.lineHeight+"px","--sd-barcode-input-font-weight":t.fontWeight,"--sd-barcode-input-padding-x":t.paddingX+"px","--sd-barcode-input-gap":t.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":t.height+"px","--sd-system-radius-field-sm":t.radius+"px","--sd-system-color-field-bg-default":m.bg.barcode}},i("label",{key:"8553cfb4b5ef9535608abc1f2987ce08970c318a",class:"sd-barcode-input__content"},i("slot",{key:"93db2b38e8d674230f48e3b9496a7221d8477da6",name:"prefix"}),i("input",{key:"30997bea593052322a2d29fc1e517b00cf19b1fb",name:this.name,ref:t=>this.nativeEl=t,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:t=>this.handleFocus("focus",t),onBlur:t=>this.handleFocus("blur",t),style:this.inputStyle}),i("slot",{key:"690daa6c1daa6058713ee09b0efe976557cde3ab",name:"suffix"}),this.clearable&&this.internalValue&&i("sd-ghost-button",{key:"8ab4e45a23d1b06dc415d969e25ed5ea59540643",icon:"close",ariaLabel:"close",size:"xxs",disabled:this.disabled,class:"sd-barcode-input__clear-icon",onClick:async()=>{this.disabled||(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[readonly]{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}sd-barcode-input .sd-barcode-input__content .sd-barcode-input__native[disabled]~.sd-barcode-input__clear-icon{cursor:not-allowed;pointer-events:none}"}},[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],labelWidth:[8,"label-width"],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=g,x=function(){"undefined"!=typeof customElements&&["sd-barcode-input","sd-button","sd-field","sd-floating-portal","sd-ghost-button","sd-icon","sd-tooltip"].forEach((t=>{switch(t){case"sd-barcode-input":customElements.get(a(t))||customElements.define(a(t),g);break;case"sd-button":customElements.get(a(t))||n();break;case"sd-field":customElements.get(a(t))||l();break;case"sd-floating-portal":customElements.get(a(t))||r();break;case"sd-ghost-button":customElements.get(a(t))||c();break;case"sd-icon":customElements.get(a(t))||u();break;case"sd-tooltip":customElements.get(a(t))||h()}}))};export{v as SdBarcodeInput,x as defineCustomElement}
+import{p as t,H as e,c as s,h as i,t as a}from"./p-CCHce_Dt.js";import{n as o}from"./p-CCwNgVmC.js";import{i as d}from"./p-CJwbBrt5.js";import{d as n}from"./p-tvysh3yO.js";import{d as l}from"./p-C02KLCcO.js";import{d as r}from"./p-DL69hClF.js";import{d as c}from"./p-UR2Cf2Sm.js";import{d as u}from"./p-BF4hokOY.js";import{d as h}from"./p-CX2EDIQM.js";const p=d.textinput.sm,b=d.textinput.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:d.textinput.bg,text:d.textinput.text,icon:d.textinput.icon},g=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.input=s(this,"sdUpdate",7),this.focus=s(this,"sdFocus",7),this.blur=s(this,"sdBlur",7)}get host(){return this}value=null;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="";labelWidth="";icon=void 0;labelTooltip="";labelTooltipProps=null;inputStyle={};internalValue=null;nativeEl=void 0;formField;name=o();input;focus;blur;valueChanged(t){this.internalValue=t}internalValueChanged(t){t!==this.value&&(this.value=t,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=t=>{this.internalValue=t.target.value};handleFocus=async(t,e)=>{this.focused="focus"===t,"blur"===t?(this.rules&&this.rules.length>0&&await(this.formField?.sdValidate()),this.blur?.emit(e)):this.focus?.emit(e)};render(){const t=f[this.size]??f.sm;return i("sd-field",{key:"bba439856e0cbaedc7b54411dac904f9c845b50c",name:this.name,label:this.label,labelWidth:this.labelWidth,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,size:this.size,icon:this.icon,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:t=>this.formField=t,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1,style:{"--sd-barcode-input-font-size":t.fontSize+"px","--sd-barcode-input-line-height":t.lineHeight+"px","--sd-barcode-input-font-weight":t.fontWeight,"--sd-barcode-input-padding-x":t.paddingX+"px","--sd-barcode-input-gap":t.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":t.height+"px","--sd-system-radius-field-sm":t.radius+"px","--sd-system-color-field-bg-default":m.bg.barcode}},i("label",{key:"8553cfb4b5ef9535608abc1f2987ce08970c318a",class:"sd-barcode-input__content"},i("slot",{key:"93db2b38e8d674230f48e3b9496a7221d8477da6",name:"prefix"}),i("input",{key:"30997bea593052322a2d29fc1e517b00cf19b1fb",name:this.name,ref:t=>this.nativeEl=t,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:t=>this.handleFocus("focus",t),onBlur:t=>this.handleFocus("blur",t),style:this.inputStyle}),i("slot",{key:"690daa6c1daa6058713ee09b0efe976557cde3ab",name:"suffix"}),this.clearable&&this.internalValue&&i("sd-ghost-button",{key:"8ab4e45a23d1b06dc415d969e25ed5ea59540643",icon:"close",ariaLabel:"close",size:"xxs",disabled:this.disabled,class:"sd-barcode-input__clear-icon",onClick:async()=>{this.disabled||(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[readonly]{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}sd-barcode-input .sd-barcode-input__content .sd-barcode-input__native[disabled]~.sd-barcode-input__clear-icon{cursor:not-allowed;pointer-events:none}"}},[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],labelWidth:[8,"label-width"],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=g,x=function(){"undefined"!=typeof customElements&&["sd-barcode-input","sd-button","sd-field","sd-floating-portal","sd-ghost-button","sd-icon","sd-tooltip"].forEach((t=>{switch(t){case"sd-barcode-input":customElements.get(a(t))||customElements.define(a(t),g);break;case"sd-button":customElements.get(a(t))||n();break;case"sd-field":customElements.get(a(t))||l();break;case"sd-floating-portal":customElements.get(a(t))||r();break;case"sd-ghost-button":customElements.get(a(t))||c();break;case"sd-icon":customElements.get(a(t))||u();break;case"sd-tooltip":customElements.get(a(t))||h()}}))};export{v as SdBarcodeInput,x as defineCustomElement}

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

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

package/dist/components/sd-button.js

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

package/dist/components/sd-calendar.js

@@ -1 +1 @@
-import{p as e,H as a,c as s,h as d,t as n}from"./p-DuYi4aqj.js";import{u as t,t as c}from"./p-DTrMR0rx.js";import{r,d as l}from"./p-CGssy8eb.js";import{d as i}from"./p-puZ1xlrr.js";const o=["brilliantblue_75","red_60","green_65","orange_60","steelblue_65","yellow_45","oceanblue_65","olive_55"],h=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.select=s(this,"sdSelect",7),this.viewChange=s(this,"sdViewChange",7)}value=null;selectable;events;eventColors;currentYear;currentMonth;eventsRevision=0;select;viewChange;dateUtil=t();componentWillLoad(){this.initCalendar()}handleValueChange(){this.initCalendar()}handleEventsChange(){this.eventsRevision=this.eventsRevision+1}initCalendar(){const e=this.value||c,[a,s]=e.split("-").map(Number);this.currentYear=a,this.currentMonth=s}get calendar(){return this.dateUtil.createCalendar(this.currentYear,this.currentMonth)}handleUpdateMonth(e){const{newYear:a,newMonth:s}=this.dateUtil.calculateYearMonth(this.currentYear,this.currentMonth,e);this.currentYear=a,this.currentMonth=s,this.viewChange.emit({year:a,month:s})}handleDateClick(e){if(!e)return;const a=this.dateUtil.formatDate(this.currentYear,this.currentMonth,e);this.value=a,this.select.emit(a)}isDisabledDate(e){if(!this.selectable)return!1;const[a,s]=this.selectable;return a&&s?e<a||e>s:a?e<a:!!s&&e>s}getEventColor(e){if(this.eventColors?.[e])return r(this.eventColors[e]);const a=this.getAllEventNames().indexOf(e);return r(o[a%o.length])}getAllEventNames(){const e=new Set;if(this.eventColors)for(const a of Object.keys(this.eventColors))e.add(a);if(this.events)for(const a of Object.values(this.events))for(const s of a)e.add(s);return Array.from(e)}getEventsForDate(e){return this.events?.[e]??[]}render(){const e=this.getAllEventNames();return d("div",{key:"149ca9ae588a7bd2d70ecf1bf13cc639c99f7da9",class:"sd-calendar"},d("div",{key:"65f58d53fbaf35cee16007bad0b5e56dd208393e",class:"sd-calendar__header"},d("div",{key:"76709fd094edaece5ede720a983d1103801ba76d",class:"year-nav"},d("button",{key:"6d46cfa4cb1d12507ba7570cb6c0bb88bcba3402",type:"button",name:"prev-year",title:"Previous Year",onClick:()=>{this.currentYear=this.currentYear-1,this.viewChange.emit({year:this.currentYear,month:this.currentMonth})}},d("sd-icon",{key:"1319ec1fa0f2533a5d02853cb7638b1f1c10e050",name:"arrowLeft",size:"12",color:"grey_45"})),d("span",{key:"678b705cd95dc499975e071f1607f26bdd50c36d",class:"year-nav__current"},this.currentYear),d("button",{key:"1f5c3a0cd6108da5ed1beb10bd6af4ea5f22cf4c",type:"button",name:"next-year",title:"Next Year",onClick:()=>{this.currentYear=this.currentYear+1,this.viewChange.emit({year:this.currentYear,month:this.currentMonth})}},d("sd-icon",{key:"9dff93aef0996c3679a6a8c93c0fce1ea390f4aa",name:"arrowRight",size:"12",color:"grey_45"}))),d("div",{key:"9a6840420da580096fbf24d2c4df656114e23e6e",class:"month-nav"},d("button",{key:"94bf7598e5b80d6deb407f607034ed6e9f88151f",type:"button",name:"prev-month",title:"Previous Month",onClick:()=>this.handleUpdateMonth("prev")},d("sd-icon",{key:"4ab19da5f6a12bf37b3c4d9aac4e2283762799e8",name:"arrowLeft",size:"12",color:"grey_45"})),d("span",{key:"c207959595c107cae05a7cbe1d169357b063a29d",class:"month-nav__current"},this.currentMonth,"월"),d("button",{key:"fe319c8b26d9259bcba2b1f251bb827977e6afdc",type:"button",name:"next-month",title:"Next Month",onClick:()=>this.handleUpdateMonth("next")},d("sd-icon",{key:"af5bb1c06058b6ce22c8d7ffacace2f558bdb013",name:"arrowRight",size:"12",color:"grey_45"})))),d("div",{key:"ca66c0d7744970364f7d5e11e61014471df3325b",class:"sd-calendar__days"},["일","월","화","수","목","금","토"].map((e=>d("div",{key:e,class:"day"},e)))),d("div",{key:"9d42c252b8b42754aedc64156ec1dbe45200cef0",class:{"sd-calendar__body":!0,"sd-calendar__body--has-events":!!this.events}},[...this.calendar.prevMonthDays,...this.calendar.days,...this.calendar.afterMonthDays].map(((e,a)=>{const s=this.dateUtil.formatDate(this.currentYear,this.currentMonth,Number(e)),n=e?this.getEventsForDate(s):[],t=[...new Set(n)];return d("div",{class:"sd-calendar__cell",key:`${e}_${a}`},d("sd-date-box",{date:e?Number(e):"",selected:this.value===s,isToday:c===s,disabled:!e||this.isDisabledDate(s),onClick:!this.isDisabledDate(s)&&e?()=>this.handleDateClick(Number(e)):void 0}),this.events&&d("div",{class:"sd-calendar__dots"},t.map((e=>d("span",{key:e,class:"sd-calendar__dot",style:{backgroundColor:this.getEventColor(e)}})))))}))),e.length>0&&d("div",{key:"dac97204484b1def1fd3d73939ef64ef6969bce2",class:"sd-calendar__legend"},e.map((e=>d("div",{key:e,class:"sd-calendar__legend-item"},d("span",{class:"sd-calendar__legend-dot",style:{backgroundColor:this.getEventColor(e)}}),d("span",{class:"sd-calendar__legend-label"},e))))))}static get watchers(){return{value:[{handleValueChange:0}],events:[{handleEventsChange:0}],eventColors:[{handleEventsChange:0}]}}static get style(){return".sd-calendar.sc-sd-calendar{width:304px;box-sizing:border-box;border-radius:8px;padding:24px 19px;background:white}.sd-calendar.sc-sd-calendar .sd-calendar__header.sc-sd-calendar{display:flex;flex-flow:row nowrap;align-items:center;gap:20px;font-size:14px;padding:0 5px;height:24px;line-height:24px}.sd-calendar.sc-sd-calendar .sd-calendar__header.sc-sd-calendar .year-nav.sc-sd-calendar,.sd-calendar.sc-sd-calendar .sd-calendar__header.sc-sd-calendar .month-nav.sc-sd-calendar{display:flex;flex-flow:row nowrap;align-items:center;gap:12px}.sd-calendar.sc-sd-calendar .sd-calendar__header.sc-sd-calendar .year-nav.sc-sd-calendar button.sc-sd-calendar,.sd-calendar.sc-sd-calendar .sd-calendar__header.sc-sd-calendar .month-nav.sc-sd-calendar button.sc-sd-calendar{background:none;border:none;cursor:pointer;margin:0;padding:0}.sd-calendar.sc-sd-calendar .sd-calendar__header.sc-sd-calendar .year-nav__current.sc-sd-calendar{width:40px;text-align:center}.sd-calendar.sc-sd-calendar .sd-calendar__header.sc-sd-calendar .month-nav__current.sc-sd-calendar{width:100px;text-align:center}.sd-calendar.sc-sd-calendar .sd-calendar__days.sc-sd-calendar{margin-top:8px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr));column-gap:10px;padding:0 5px}.sd-calendar.sc-sd-calendar .sd-calendar__days.sc-sd-calendar .day.sc-sd-calendar{width:28px;height:20px;font-size:12px;line-height:20px;text-align:center;color:#888888}.sd-calendar.sc-sd-calendar .sd-calendar__body.sc-sd-calendar{margin-top:12px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr));grid-auto-rows:min-content}.sd-calendar.sc-sd-calendar .sd-calendar__cell.sc-sd-calendar{display:flex;flex-direction:column;align-items:center}.sd-calendar.sc-sd-calendar .sd-calendar__dots.sc-sd-calendar{display:flex;flex-wrap:wrap;gap:2px;justify-content:center;align-items:center;min-height:8px;max-width:28px}.sd-calendar.sc-sd-calendar .sd-calendar__dot.sc-sd-calendar{width:5px;height:5px;border-radius:50%;display:inline-block}.sd-calendar.sc-sd-calendar .sd-calendar__legend.sc-sd-calendar{display:flex;flex-wrap:wrap;gap:8px 12px;margin-top:16px;padding:12px 5px 0;border-top:1px solid #E5E5E5}.sd-calendar.sc-sd-calendar .sd-calendar__legend-item.sc-sd-calendar{display:flex;align-items:center;gap:4px}.sd-calendar.sc-sd-calendar .sd-calendar__legend-dot.sc-sd-calendar{width:6px;height:6px;border-radius:50%;display:inline-block;flex-shrink:0}.sd-calendar.sc-sd-calendar .sd-calendar__legend-label.sc-sd-calendar{font-size:11px;color:#888888;line-height:1}"}},[514,"sd-calendar",{value:[1537],selectable:[16],events:[16],eventColors:[16],currentYear:[32],currentMonth:[32],eventsRevision:[32]},void 0,{value:[{handleValueChange:0}],events:[{handleEventsChange:0}],eventColors:[{handleEventsChange:0}]}]),p=h,b=function(){"undefined"!=typeof customElements&&["sd-calendar","sd-date-box","sd-icon"].forEach((e=>{switch(e){case"sd-calendar":customElements.get(n(e))||customElements.define(n(e),h);break;case"sd-date-box":customElements.get(n(e))||i();break;case"sd-icon":customElements.get(n(e))||l()}}))};export{p as SdCalendar,b as defineCustomElement}
+import{p as e,H as a,c as s,h as d,t as n}from"./p-CCHce_Dt.js";import{u as t,t as c}from"./p-DTrMR0rx.js";import{r,d as l}from"./p-BF4hokOY.js";import{d as i}from"./p-ByYIyCZY.js";const o=["brilliantblue_75","red_60","green_65","orange_60","steelblue_65","yellow_45","oceanblue_65","olive_55"],h=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.select=s(this,"sdSelect",7),this.viewChange=s(this,"sdViewChange",7)}value=null;selectable;events;eventColors;currentYear;currentMonth;eventsRevision=0;select;viewChange;dateUtil=t();componentWillLoad(){this.initCalendar()}handleValueChange(){this.initCalendar()}handleEventsChange(){this.eventsRevision=this.eventsRevision+1}initCalendar(){const e=this.value||c,[a,s]=e.split("-").map(Number);this.currentYear=a,this.currentMonth=s}get calendar(){return this.dateUtil.createCalendar(this.currentYear,this.currentMonth)}handleUpdateMonth(e){const{newYear:a,newMonth:s}=this.dateUtil.calculateYearMonth(this.currentYear,this.currentMonth,e);this.currentYear=a,this.currentMonth=s,this.viewChange.emit({year:a,month:s})}handleDateClick(e){if(!e)return;const a=this.dateUtil.formatDate(this.currentYear,this.currentMonth,e);this.value=a,this.select.emit(a)}isDisabledDate(e){if(!this.selectable)return!1;const[a,s]=this.selectable;return a&&s?e<a||e>s:a?e<a:!!s&&e>s}getEventColor(e){if(this.eventColors?.[e])return r(this.eventColors[e]);const a=this.getAllEventNames().indexOf(e);return r(o[a%o.length])}getAllEventNames(){const e=new Set;if(this.eventColors)for(const a of Object.keys(this.eventColors))e.add(a);if(this.events)for(const a of Object.values(this.events))for(const s of a)e.add(s);return Array.from(e)}getEventsForDate(e){return this.events?.[e]??[]}render(){const e=this.getAllEventNames();return d("div",{key:"149ca9ae588a7bd2d70ecf1bf13cc639c99f7da9",class:"sd-calendar"},d("div",{key:"65f58d53fbaf35cee16007bad0b5e56dd208393e",class:"sd-calendar__header"},d("div",{key:"76709fd094edaece5ede720a983d1103801ba76d",class:"year-nav"},d("button",{key:"6d46cfa4cb1d12507ba7570cb6c0bb88bcba3402",type:"button",name:"prev-year",title:"Previous Year",onClick:()=>{this.currentYear=this.currentYear-1,this.viewChange.emit({year:this.currentYear,month:this.currentMonth})}},d("sd-icon",{key:"1319ec1fa0f2533a5d02853cb7638b1f1c10e050",name:"arrowLeft",size:"12",color:"grey_45"})),d("span",{key:"678b705cd95dc499975e071f1607f26bdd50c36d",class:"year-nav__current"},this.currentYear),d("button",{key:"1f5c3a0cd6108da5ed1beb10bd6af4ea5f22cf4c",type:"button",name:"next-year",title:"Next Year",onClick:()=>{this.currentYear=this.currentYear+1,this.viewChange.emit({year:this.currentYear,month:this.currentMonth})}},d("sd-icon",{key:"9dff93aef0996c3679a6a8c93c0fce1ea390f4aa",name:"arrowRight",size:"12",color:"grey_45"}))),d("div",{key:"9a6840420da580096fbf24d2c4df656114e23e6e",class:"month-nav"},d("button",{key:"94bf7598e5b80d6deb407f607034ed6e9f88151f",type:"button",name:"prev-month",title:"Previous Month",onClick:()=>this.handleUpdateMonth("prev")},d("sd-icon",{key:"4ab19da5f6a12bf37b3c4d9aac4e2283762799e8",name:"arrowLeft",size:"12",color:"grey_45"})),d("span",{key:"c207959595c107cae05a7cbe1d169357b063a29d",class:"month-nav__current"},this.currentMonth,"월"),d("button",{key:"fe319c8b26d9259bcba2b1f251bb827977e6afdc",type:"button",name:"next-month",title:"Next Month",onClick:()=>this.handleUpdateMonth("next")},d("sd-icon",{key:"af5bb1c06058b6ce22c8d7ffacace2f558bdb013",name:"arrowRight",size:"12",color:"grey_45"})))),d("div",{key:"ca66c0d7744970364f7d5e11e61014471df3325b",class:"sd-calendar__days"},["일","월","화","수","목","금","토"].map((e=>d("div",{key:e,class:"day"},e)))),d("div",{key:"9d42c252b8b42754aedc64156ec1dbe45200cef0",class:{"sd-calendar__body":!0,"sd-calendar__body--has-events":!!this.events}},[...this.calendar.prevMonthDays,...this.calendar.days,...this.calendar.afterMonthDays].map(((e,a)=>{const s=this.dateUtil.formatDate(this.currentYear,this.currentMonth,Number(e)),n=e?this.getEventsForDate(s):[],t=[...new Set(n)];return d("div",{class:"sd-calendar__cell",key:`${e}_${a}`},d("sd-date-box",{date:e?Number(e):"",selected:this.value===s,isToday:c===s,disabled:!e||this.isDisabledDate(s),onClick:!this.isDisabledDate(s)&&e?()=>this.handleDateClick(Number(e)):void 0}),this.events&&d("div",{class:"sd-calendar__dots"},t.map((e=>d("span",{key:e,class:"sd-calendar__dot",style:{backgroundColor:this.getEventColor(e)}})))))}))),e.length>0&&d("div",{key:"dac97204484b1def1fd3d73939ef64ef6969bce2",class:"sd-calendar__legend"},e.map((e=>d("div",{key:e,class:"sd-calendar__legend-item"},d("span",{class:"sd-calendar__legend-dot",style:{backgroundColor:this.getEventColor(e)}}),d("span",{class:"sd-calendar__legend-label"},e))))))}static get watchers(){return{value:[{handleValueChange:0}],events:[{handleEventsChange:0}],eventColors:[{handleEventsChange:0}]}}static get style(){return".sd-calendar.sc-sd-calendar{width:304px;box-sizing:border-box;border-radius:8px;padding:24px 19px;background:white}.sd-calendar.sc-sd-calendar .sd-calendar__header.sc-sd-calendar{display:flex;flex-flow:row nowrap;align-items:center;gap:20px;font-size:14px;padding:0 5px;height:24px;line-height:24px}.sd-calendar.sc-sd-calendar .sd-calendar__header.sc-sd-calendar .year-nav.sc-sd-calendar,.sd-calendar.sc-sd-calendar .sd-calendar__header.sc-sd-calendar .month-nav.sc-sd-calendar{display:flex;flex-flow:row nowrap;align-items:center;gap:12px}.sd-calendar.sc-sd-calendar .sd-calendar__header.sc-sd-calendar .year-nav.sc-sd-calendar button.sc-sd-calendar,.sd-calendar.sc-sd-calendar .sd-calendar__header.sc-sd-calendar .month-nav.sc-sd-calendar button.sc-sd-calendar{background:none;border:none;cursor:pointer;margin:0;padding:0}.sd-calendar.sc-sd-calendar .sd-calendar__header.sc-sd-calendar .year-nav__current.sc-sd-calendar{width:40px;text-align:center}.sd-calendar.sc-sd-calendar .sd-calendar__header.sc-sd-calendar .month-nav__current.sc-sd-calendar{width:100px;text-align:center}.sd-calendar.sc-sd-calendar .sd-calendar__days.sc-sd-calendar{margin-top:8px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr));column-gap:10px;padding:0 5px}.sd-calendar.sc-sd-calendar .sd-calendar__days.sc-sd-calendar .day.sc-sd-calendar{width:28px;height:20px;font-size:12px;line-height:20px;text-align:center;color:#888888}.sd-calendar.sc-sd-calendar .sd-calendar__body.sc-sd-calendar{margin-top:12px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr));grid-auto-rows:min-content}.sd-calendar.sc-sd-calendar .sd-calendar__cell.sc-sd-calendar{display:flex;flex-direction:column;align-items:center}.sd-calendar.sc-sd-calendar .sd-calendar__dots.sc-sd-calendar{display:flex;flex-wrap:wrap;gap:2px;justify-content:center;align-items:center;min-height:8px;max-width:28px}.sd-calendar.sc-sd-calendar .sd-calendar__dot.sc-sd-calendar{width:5px;height:5px;border-radius:50%;display:inline-block}.sd-calendar.sc-sd-calendar .sd-calendar__legend.sc-sd-calendar{display:flex;flex-wrap:wrap;gap:8px 12px;margin-top:16px;padding:12px 5px 0;border-top:1px solid #E5E5E5}.sd-calendar.sc-sd-calendar .sd-calendar__legend-item.sc-sd-calendar{display:flex;align-items:center;gap:4px}.sd-calendar.sc-sd-calendar .sd-calendar__legend-dot.sc-sd-calendar{width:6px;height:6px;border-radius:50%;display:inline-block;flex-shrink:0}.sd-calendar.sc-sd-calendar .sd-calendar__legend-label.sc-sd-calendar{font-size:11px;color:#888888;line-height:1}"}},[514,"sd-calendar",{value:[1537],selectable:[16],events:[16],eventColors:[16],currentYear:[32],currentMonth:[32],eventsRevision:[32]},void 0,{value:[{handleValueChange:0}],events:[{handleEventsChange:0}],eventColors:[{handleEventsChange:0}]}]),p=h,b=function(){"undefined"!=typeof customElements&&["sd-calendar","sd-date-box","sd-icon"].forEach((e=>{switch(e){case"sd-calendar":customElements.get(n(e))||customElements.define(n(e),h);break;case"sd-date-box":customElements.get(n(e))||i();break;case"sd-icon":customElements.get(n(e))||l()}}))};export{p as SdCalendar,b as defineCustomElement}

package/dist/components/sd-card.js

@@ -1 +1 @@
-import{p as d,H as s,h as e,F as r,t as a}from"./p-DuYi4aqj.js";const t=d(class extends s{constructor(d){super(),!1!==d&&this.__registerHost()}bordered=!1;sdClass="";render(){return e(r,{key:"dd37653555ffeab3b249575c8a1cbe9aa70498b1"},e("div",{key:"eb0cea509b62fe1942d8ddfb955fee920b5c51a5",class:`sd-card ${this.bordered?"sd-card--bordered":""} ${this.sdClass}`},e("slot",{key:"a792a49e58b1b1756f11d0bb6e7441674c63455e"})))}static get style(){return"sd-card{display:block;height:fit-content}sd-card .sd-card{border-radius:8px;background:white}sd-card .sd-card--bordered{border:1px solid #E1E1E1}"}},[772,"sd-card",{bordered:[4],sdClass:[1,"sd-class"]}]),c=t,o=function(){"undefined"!=typeof customElements&&["sd-card"].forEach((d=>{"sd-card"===d&&(customElements.get(a(d))||customElements.define(a(d),t))}))};export{c as SdCard,o as defineCustomElement}
+import{p as d,H as e,h as s,F as r,t}from"./p-CCHce_Dt.js";const a=d(class extends e{constructor(d){super(),!1!==d&&this.__registerHost()}bordered=!1;sdClass="";render(){return s(r,{key:"dd37653555ffeab3b249575c8a1cbe9aa70498b1"},s("div",{key:"eb0cea509b62fe1942d8ddfb955fee920b5c51a5",class:`sd-card ${this.bordered?"sd-card--bordered":""} ${this.sdClass}`},s("slot",{key:"a792a49e58b1b1756f11d0bb6e7441674c63455e"})))}static get style(){return"sd-card{display:block;height:fit-content}sd-card .sd-card{border-radius:8px;background:white}sd-card .sd-card--bordered{border:1px solid #E1E1E1}"}},[772,"sd-card",{bordered:[4],sdClass:[1,"sd-class"]}]),c=a,o=function(){"undefined"!=typeof customElements&&["sd-card"].forEach((d=>{"sd-card"===d&&(customElements.get(t(d))||customElements.define(t(d),a))}))};export{c as SdCard,o as defineCustomElement}

package/dist/components/sd-checkbox.js

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-import{p as e,H as s,c as t,h as i,t as a}from"./p-DuYi4aqj.js";import{n as d}from"./p-CCwNgVmC.js";import{D as r,a as l}from"./p-bYCOh35g.js";import{d as o}from"./p-BLC3AWW8.js";import{d as c}from"./p-BdsI1E5l.js";import{d as h}from"./p-AKpbKrkW.js";import{d as n}from"./p-HsTw_qYU.js";import{d as p}from"./p-DXtyg5eK.js";import{d as m}from"./p-B1S4ybd6.js";import{d as f}from"./p-CGssy8eb.js";import{d as b}from"./p-h6zSUtA2.js";import{d as u}from"./p-Cc7ZBscb.js";const g=e(class e extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.update=t(this,"sdUpdate",7),this.viewChange=t(this,"sdViewChange",7)}static CLOSE_ANIMATION_DURATION=150;get el(){return this}value=null;size="sm";placeholder="YYYY-MM-DD";selectable;disabled=!1;width="";label="";labelWidth="";addonLabel="";hint="";errorMessage="";fieldName="";rules=[];error=!1;icon=void 0;labelTooltip="";labelTooltipProps=null;isOpen=!1;isAnimatingOut=!1;focused=!1;hovered=!1;update;viewChange;triggerRef;formField;closeAnimationTimer;internalName=d();watchIsOpen(e){this.focused=e}async sdValidate(){return this.formField?.sdValidate()}async sdReset(){return this.formField?.sdReset()}async sdResetValidate(){return this.formField?.sdResetValidation()}closeDropdown(){this.isOpen&&(this.isOpen=!1,this.isAnimatingOut=!0,this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.closeAnimationTimer=setTimeout((()=>{this.isAnimatingOut=!1}),e.CLOSE_ANIMATION_DURATION))}handleTriggerClick=()=>{this.disabled||(this.isOpen?this.closeDropdown():(this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.isAnimatingOut=!1,this.isOpen=!0))};handleSelect=e=>{this.closeDropdown(),this.value=e.detail;const s=this.value;requestAnimationFrame((()=>{this.update.emit(s)}))};handleViewChange=e=>{this.viewChange.emit(e.detail)};disconnectedCallback(){this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer)}render(){const e=l[this.size]??l.md;return i("sd-field",{key:"693c0c75e6b0a9ee8323f4be7ec101592e586372",name:this.fieldName||this.internalName,label:this.label,labelWidth:this.labelWidth,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,size:this.size,icon:this.icon,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:e=>this.formField=e,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1,style:{"--sd-system-size-field-sm-height":e.height+"px","--sd-system-radius-field-sm":e.radius+"px","--sd-system-color-field-border-default":r.border.default,"--sd-system-color-field-border-focus":r.border.focus,"--sd-system-color-field-bg-default":r.bg.default}},i("div",{key:"ea7f506f0163119fac0c660ef1bef5781780a118",class:"sd-date-picker",ref:e=>{this.triggerRef=e}},i("sd-date-picker-trigger",{key:"0109eb0326655018bc02cc373e766ffdada85ff0",displayText:this.value??"",placeholder:this.placeholder,disabled:this.disabled,size:this.size,onSdTriggerClick:this.handleTriggerClick})),(this.isOpen||this.isAnimatingOut)&&i("sd-portal",{key:"65a628af43ae036a752f3511341fd8c9c82303a1",open:this.isOpen,parentRef:this.triggerRef,onSdClose:()=>this.closeDropdown()},i("sd-date-picker-calendar",{key:"21f574fc9551f9aaccfcb5d49a81952dbba72d7a",value:this.value,selectable:this.selectable,onSdSelect:this.handleSelect,onSdViewChange:this.handleViewChange})))}static get watchers(){return{isOpen:[{watchIsOpen:0}]}}static get style(){return"sd-date-picker{display:inline-flex}sd-date-picker sd-portal{display:none}sd-date-picker .sd-date-picker{position:relative;width:100%;height:100%}"}},[512,"sd-date-picker",{value:[1025],size:[513],placeholder:[513],selectable:[16],disabled:[516],width:[8],label:[1],labelWidth:[8,"label-width"],addonLabel:[1,"addon-label"],hint:[1],errorMessage:[1,"error-message"],fieldName:[1,"field-name"],rules:[16],error:[1028],icon:[16],labelTooltip:[1,"label-tooltip"],labelTooltipProps:[16],isOpen:[32],isAnimatingOut:[32],focused:[32],hovered:[32],sdValidate:[64],sdReset:[64],sdResetValidate:[64]},void 0,{isOpen:[{watchIsOpen:0}]}]),k=g,y=function(){"undefined"!=typeof customElements&&["sd-date-picker","sd-button","sd-date-picker-calendar","sd-date-picker-trigger","sd-field","sd-floating-portal","sd-ghost-button","sd-icon","sd-portal","sd-tooltip"].forEach((e=>{switch(e){case"sd-date-picker":customElements.get(a(e))||customElements.define(a(e),g);break;case"sd-button":customElements.get(a(e))||o();break;case"sd-date-picker-calendar":customElements.get(a(e))||c();break;case"sd-date-picker-trigger":customElements.get(a(e))||h();break;case"sd-field":customElements.get(a(e))||n();break;case"sd-floating-portal":customElements.get(a(e))||p();break;case"sd-ghost-button":customElements.get(a(e))||m();break;case"sd-icon":customElements.get(a(e))||f();break;case"sd-portal":customElements.get(a(e))||b();break;case"sd-tooltip":customElements.get(a(e))||u()}}))};export{k as SdDatePicker,y as defineCustomElement}
+import{p as e,H as s,c as t,h as i,t as a}from"./p-CCHce_Dt.js";import{n as d}from"./p-CCwNgVmC.js";import{D as r,a as o}from"./p-bYCOh35g.js";import{d as l}from"./p-tvysh3yO.js";import{d as h}from"./p-BRRvU4ZQ.js";import{d as c}from"./p-BstWg2vS.js";import{d as n}from"./p-C02KLCcO.js";import{d as p}from"./p-DL69hClF.js";import{d as m}from"./p-UR2Cf2Sm.js";import{d as f}from"./p-BF4hokOY.js";import{d as u}from"./p-CymMpTU-.js";import{d as b}from"./p-CX2EDIQM.js";const g=e(class e extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.update=t(this,"sdUpdate",7),this.viewChange=t(this,"sdViewChange",7)}static CLOSE_ANIMATION_DURATION=150;get el(){return this}value=null;size="sm";placeholder="YYYY-MM-DD";selectable;disabled=!1;width="";label="";labelWidth="";addonLabel="";hint="";errorMessage="";fieldName="";rules=[];error=!1;icon=void 0;labelTooltip="";labelTooltipProps=null;isOpen=!1;isAnimatingOut=!1;focused=!1;hovered=!1;update;viewChange;triggerRef;formField;closeAnimationTimer;internalName=d();watchIsOpen(e){this.focused=e}async sdValidate(){return this.formField?.sdValidate()}async sdReset(){return this.formField?.sdReset()}async sdResetValidate(){return this.formField?.sdResetValidation()}closeDropdown(){this.isOpen&&(this.isOpen=!1,this.isAnimatingOut=!0,this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.closeAnimationTimer=setTimeout((()=>{this.isAnimatingOut=!1}),e.CLOSE_ANIMATION_DURATION))}handleTriggerClick=()=>{this.disabled||(this.isOpen?this.closeDropdown():(this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.isAnimatingOut=!1,this.isOpen=!0))};handleSelect=e=>{this.closeDropdown(),this.value=e.detail;const s=this.value;requestAnimationFrame((()=>{this.update.emit(s)}))};handleViewChange=e=>{this.viewChange.emit(e.detail)};disconnectedCallback(){this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer)}render(){const e=o[this.size]??o.md;return i("sd-field",{key:"693c0c75e6b0a9ee8323f4be7ec101592e586372",name:this.fieldName||this.internalName,label:this.label,labelWidth:this.labelWidth,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,size:this.size,icon:this.icon,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:e=>this.formField=e,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1,style:{"--sd-system-size-field-sm-height":e.height+"px","--sd-system-radius-field-sm":e.radius+"px","--sd-system-color-field-border-default":r.border.default,"--sd-system-color-field-border-focus":r.border.focus,"--sd-system-color-field-bg-default":r.bg.default}},i("div",{key:"ea7f506f0163119fac0c660ef1bef5781780a118",class:"sd-date-picker",ref:e=>{this.triggerRef=e}},i("sd-date-picker-trigger",{key:"0109eb0326655018bc02cc373e766ffdada85ff0",displayText:this.value??"",placeholder:this.placeholder,disabled:this.disabled,size:this.size,onSdTriggerClick:this.handleTriggerClick})),(this.isOpen||this.isAnimatingOut)&&i("sd-portal",{key:"65a628af43ae036a752f3511341fd8c9c82303a1",open:this.isOpen,parentRef:this.triggerRef,onSdClose:()=>this.closeDropdown()},i("sd-date-picker-calendar",{key:"21f574fc9551f9aaccfcb5d49a81952dbba72d7a",value:this.value,selectable:this.selectable,onSdSelect:this.handleSelect,onSdViewChange:this.handleViewChange})))}static get watchers(){return{isOpen:[{watchIsOpen:0}]}}static get style(){return"sd-date-picker{display:inline-flex}sd-date-picker sd-portal{display:none}sd-date-picker .sd-date-picker{position:relative;width:100%;height:100%}"}},[512,"sd-date-picker",{value:[1025],size:[513],placeholder:[513],selectable:[16],disabled:[516],width:[8],label:[1],labelWidth:[8,"label-width"],addonLabel:[1,"addon-label"],hint:[1],errorMessage:[1,"error-message"],fieldName:[1,"field-name"],rules:[16],error:[1028],icon:[16],labelTooltip:[1,"label-tooltip"],labelTooltipProps:[16],isOpen:[32],isAnimatingOut:[32],focused:[32],hovered:[32],sdValidate:[64],sdReset:[64],sdResetValidate:[64]},void 0,{isOpen:[{watchIsOpen:0}]}]),k=g,y=function(){"undefined"!=typeof customElements&&["sd-date-picker","sd-button","sd-date-picker-calendar","sd-date-picker-trigger","sd-field","sd-floating-portal","sd-ghost-button","sd-icon","sd-portal","sd-tooltip"].forEach((e=>{switch(e){case"sd-date-picker":customElements.get(a(e))||customElements.define(a(e),g);break;case"sd-button":customElements.get(a(e))||l();break;case"sd-date-picker-calendar":customElements.get(a(e))||h();break;case"sd-date-picker-trigger":customElements.get(a(e))||c();break;case"sd-field":customElements.get(a(e))||n();break;case"sd-floating-portal":customElements.get(a(e))||p();break;case"sd-ghost-button":customElements.get(a(e))||m();break;case"sd-icon":customElements.get(a(e))||f();break;case"sd-portal":customElements.get(a(e))||u();break;case"sd-tooltip":customElements.get(a(e))||b()}}))};export{k as SdDatePicker,y as defineCustomElement}

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

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

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

@@ -1 +1 @@
-import{p as e,H as s,c as t,h as i,t as a}from"./p-DuYi4aqj.js";import{n as d}from"./p-CCwNgVmC.js";import{D as r,a as l}from"./p-bYCOh35g.js";import{d as o}from"./p-BLC3AWW8.js";import{d as n}from"./p-AKpbKrkW.js";import{d as h}from"./p-CRl8Anfr.js";import{d as c}from"./p-HsTw_qYU.js";import{d as p}from"./p-DXtyg5eK.js";import{d as m}from"./p-B1S4ybd6.js";import{d as b}from"./p-CGssy8eb.js";import{d as u}from"./p-h6zSUtA2.js";import{d as g}from"./p-Cc7ZBscb.js";const f=e(class e extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.update=t(this,"sdUpdate",7),this.viewChange=t(this,"sdViewChange",7)}static CLOSE_ANIMATION_DURATION=150;get el(){return this}value=null;size="sm";placeholder="YYYY-MM-DD ~ YYYY-MM-DD";selectable;maxRange;disabled=!1;width="";label="";labelWidth="";addonLabel="";hint="";errorMessage="";fieldName="";rules=[];error=!1;icon=void 0;labelTooltip="";labelTooltipProps=null;isOpen=!1;isAnimatingOut=!1;focused=!1;hovered=!1;update;viewChange;triggerRef;formField;closeAnimationTimer;internalName=d();watchIsOpen(e){this.focused=e}async sdValidate(){return this.formField?.sdValidate()}async sdReset(){return this.formField?.sdReset()}async sdResetValidate(){return this.formField?.sdResetValidation()}closeDropdown(){this.isOpen&&(this.isOpen=!1,this.isAnimatingOut=!0,this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.closeAnimationTimer=setTimeout((()=>{this.isAnimatingOut=!1}),e.CLOSE_ANIMATION_DURATION))}handleTriggerClick=()=>{this.disabled||(this.isOpen?this.closeDropdown():(this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.isAnimatingOut=!1,this.isOpen=!0))};handleSelect=e=>{this.closeDropdown(),this.value=e.detail;const s=this.value;requestAnimationFrame((()=>{this.update.emit(s)}))};handleViewChange=e=>{this.viewChange.emit(e.detail)};get displayText(){return this.value&&this.value[0]&&this.value[1]?`${this.value[0]} ~ ${this.value[1]}`:""}disconnectedCallback(){this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer)}render(){const e=l[this.size]??l.md;return i("sd-field",{key:"95ec666c91635d6b6b749d660b4495b7ebe48e6a",name:this.fieldName||this.internalName,label:this.label,labelWidth:this.labelWidth,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,size:this.size,icon:this.icon,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:e=>this.formField=e,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1,style:{"--sd-system-size-field-sm-height":e.height+"px","--sd-system-radius-field-sm":e.radius+"px","--sd-system-color-field-border-default":r.border.default,"--sd-system-color-field-border-focus":r.border.focus,"--sd-system-color-field-bg-default":r.bg.default}},i("div",{key:"3051fda66e94d51208347ae2053173570d5f1ca9",class:"sd-date-range-picker",ref:e=>{this.triggerRef=e}},i("sd-date-picker-trigger",{key:"71693b5a4cec562169d9427a4e19aed4d8b19a45",displayText:this.displayText,placeholder:this.placeholder,disabled:this.disabled,size:this.size,onSdTriggerClick:this.handleTriggerClick})),(this.isOpen||this.isAnimatingOut)&&i("sd-portal",{key:"75b9f1c1ebdabcd1c1a33cad51189ba132274bb1",open:this.isOpen,parentRef:this.triggerRef,onSdClose:()=>this.closeDropdown()},i("sd-date-range-picker-calendar",{key:"f158eead4f44bc452bf102b3324721df84fc3b0c",value:this.value,selectable:this.selectable,maxRange:this.maxRange,onSdSelect:this.handleSelect,onSdViewChange:this.handleViewChange})))}static get watchers(){return{isOpen:[{watchIsOpen:0}]}}static get style(){return"sd-date-range-picker{display:inline-flex}sd-date-range-picker sd-portal{display:none}sd-date-range-picker .sd-date-range-picker{position:relative;width:100%;height:100%}"}},[512,"sd-date-range-picker",{value:[1040],size:[513],placeholder:[513],selectable:[16],maxRange:[2,"max-range"],disabled:[516],width:[8],label:[1],labelWidth:[8,"label-width"],addonLabel:[1,"addon-label"],hint:[1],errorMessage:[1,"error-message"],fieldName:[1,"field-name"],rules:[16],error:[1028],icon:[16],labelTooltip:[1,"label-tooltip"],labelTooltipProps:[16],isOpen:[32],isAnimatingOut:[32],focused:[32],hovered:[32],sdValidate:[64],sdReset:[64],sdResetValidate:[64]},void 0,{isOpen:[{watchIsOpen:0}]}]),k=f,y=function(){"undefined"!=typeof customElements&&["sd-date-range-picker","sd-button","sd-date-picker-trigger","sd-date-range-picker-calendar","sd-field","sd-floating-portal","sd-ghost-button","sd-icon","sd-portal","sd-tooltip"].forEach((e=>{switch(e){case"sd-date-range-picker":customElements.get(a(e))||customElements.define(a(e),f);break;case"sd-button":customElements.get(a(e))||o();break;case"sd-date-picker-trigger":customElements.get(a(e))||n();break;case"sd-date-range-picker-calendar":customElements.get(a(e))||h();break;case"sd-field":customElements.get(a(e))||c();break;case"sd-floating-portal":customElements.get(a(e))||p();break;case"sd-ghost-button":customElements.get(a(e))||m();break;case"sd-icon":customElements.get(a(e))||b();break;case"sd-portal":customElements.get(a(e))||u();break;case"sd-tooltip":customElements.get(a(e))||g()}}))};export{k as SdDateRangePicker,y as defineCustomElement}
+import{p as e,H as s,c as t,h as i,t as a}from"./p-CCHce_Dt.js";import{n as d}from"./p-CCwNgVmC.js";import{D as r,a as l}from"./p-bYCOh35g.js";import{d as o}from"./p-tvysh3yO.js";import{d as n}from"./p-BstWg2vS.js";import{d as h}from"./p-DqYRbHxW.js";import{d as c}from"./p-C02KLCcO.js";import{d as p}from"./p-DL69hClF.js";import{d as m}from"./p-UR2Cf2Sm.js";import{d as b}from"./p-BF4hokOY.js";import{d as u}from"./p-CymMpTU-.js";import{d as g}from"./p-CX2EDIQM.js";const f=e(class e extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.update=t(this,"sdUpdate",7),this.viewChange=t(this,"sdViewChange",7)}static CLOSE_ANIMATION_DURATION=150;get el(){return this}value=null;size="sm";placeholder="YYYY-MM-DD ~ YYYY-MM-DD";selectable;maxRange;disabled=!1;width="";label="";labelWidth="";addonLabel="";hint="";errorMessage="";fieldName="";rules=[];error=!1;icon=void 0;labelTooltip="";labelTooltipProps=null;isOpen=!1;isAnimatingOut=!1;focused=!1;hovered=!1;update;viewChange;triggerRef;formField;closeAnimationTimer;internalName=d();watchIsOpen(e){this.focused=e}async sdValidate(){return this.formField?.sdValidate()}async sdReset(){return this.formField?.sdReset()}async sdResetValidate(){return this.formField?.sdResetValidation()}closeDropdown(){this.isOpen&&(this.isOpen=!1,this.isAnimatingOut=!0,this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.closeAnimationTimer=setTimeout((()=>{this.isAnimatingOut=!1}),e.CLOSE_ANIMATION_DURATION))}handleTriggerClick=()=>{this.disabled||(this.isOpen?this.closeDropdown():(this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.isAnimatingOut=!1,this.isOpen=!0))};handleSelect=e=>{this.closeDropdown(),this.value=e.detail;const s=this.value;requestAnimationFrame((()=>{this.update.emit(s)}))};handleViewChange=e=>{this.viewChange.emit(e.detail)};get displayText(){return this.value&&this.value[0]&&this.value[1]?`${this.value[0]} ~ ${this.value[1]}`:""}disconnectedCallback(){this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer)}render(){const e=l[this.size]??l.md;return i("sd-field",{key:"95ec666c91635d6b6b749d660b4495b7ebe48e6a",name:this.fieldName||this.internalName,label:this.label,labelWidth:this.labelWidth,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,size:this.size,icon:this.icon,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:e=>this.formField=e,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1,style:{"--sd-system-size-field-sm-height":e.height+"px","--sd-system-radius-field-sm":e.radius+"px","--sd-system-color-field-border-default":r.border.default,"--sd-system-color-field-border-focus":r.border.focus,"--sd-system-color-field-bg-default":r.bg.default}},i("div",{key:"3051fda66e94d51208347ae2053173570d5f1ca9",class:"sd-date-range-picker",ref:e=>{this.triggerRef=e}},i("sd-date-picker-trigger",{key:"71693b5a4cec562169d9427a4e19aed4d8b19a45",displayText:this.displayText,placeholder:this.placeholder,disabled:this.disabled,size:this.size,onSdTriggerClick:this.handleTriggerClick})),(this.isOpen||this.isAnimatingOut)&&i("sd-portal",{key:"75b9f1c1ebdabcd1c1a33cad51189ba132274bb1",open:this.isOpen,parentRef:this.triggerRef,onSdClose:()=>this.closeDropdown()},i("sd-date-range-picker-calendar",{key:"f158eead4f44bc452bf102b3324721df84fc3b0c",value:this.value,selectable:this.selectable,maxRange:this.maxRange,onSdSelect:this.handleSelect,onSdViewChange:this.handleViewChange})))}static get watchers(){return{isOpen:[{watchIsOpen:0}]}}static get style(){return"sd-date-range-picker{display:inline-flex}sd-date-range-picker sd-portal{display:none}sd-date-range-picker .sd-date-range-picker{position:relative;width:100%;height:100%}"}},[512,"sd-date-range-picker",{value:[1040],size:[513],placeholder:[513],selectable:[16],maxRange:[2,"max-range"],disabled:[516],width:[8],label:[1],labelWidth:[8,"label-width"],addonLabel:[1,"addon-label"],hint:[1],errorMessage:[1,"error-message"],fieldName:[1,"field-name"],rules:[16],error:[1028],icon:[16],labelTooltip:[1,"label-tooltip"],labelTooltipProps:[16],isOpen:[32],isAnimatingOut:[32],focused:[32],hovered:[32],sdValidate:[64],sdReset:[64],sdResetValidate:[64]},void 0,{isOpen:[{watchIsOpen:0}]}]),k=f,y=function(){"undefined"!=typeof customElements&&["sd-date-range-picker","sd-button","sd-date-picker-trigger","sd-date-range-picker-calendar","sd-field","sd-floating-portal","sd-ghost-button","sd-icon","sd-portal","sd-tooltip"].forEach((e=>{switch(e){case"sd-date-range-picker":customElements.get(a(e))||customElements.define(a(e),f);break;case"sd-button":customElements.get(a(e))||o();break;case"sd-date-picker-trigger":customElements.get(a(e))||n();break;case"sd-date-range-picker-calendar":customElements.get(a(e))||h();break;case"sd-field":customElements.get(a(e))||c();break;case"sd-floating-portal":customElements.get(a(e))||p();break;case"sd-ghost-button":customElements.get(a(e))||m();break;case"sd-icon":customElements.get(a(e))||b();break;case"sd-portal":customElements.get(a(e))||u();break;case"sd-tooltip":customElements.get(a(e))||g()}}))};export{k as SdDateRangePicker,y as defineCustomElement}

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

@@ -1 +1 @@
-import{p as t,c as o,h as n,t as d}from"./p-DuYi4aqj.js";import{B as r}from"./p-B6RvTdqt.js";import{B as e,g as s,P as i,a,b as u,c as b}from"./p-C-kw2p2a.js";import{b as p}from"./p-B1XBwjCW.js";import{d as c}from"./p-CGssy8eb.js";import{d as l}from"./p-h6zSUtA2.js";var h={accent:{default:"#0075FF"}},w={secondary:"#555555",inverse:"#FFFFFF"};const g=Object.keys(e).filter((t=>!t.endsWith("_lg"))),m=Object.fromEntries(g.map((t=>[t,e[t]]))),x=u,f=a,v=i,_={primary:p.button.brand.strong.dropdown.divider,secondary:p.button.brand.subtle.dropdown.divider,primary_outline:v.primary_outline,neutral_outline:v.neutral_outline,danger:p.button.danger.strong.dropdown.divider,danger_outline:v.danger_outline},y=w.secondary,k=h.accent.default,C=w.inverse,F={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},O={primary:C,secondary:C,primary_outline:C,neutral_outline:C,danger:C,danger_outline:C},E={xs:12,sm:12,md:16},D=p.button.bg.disabled,j=p.button.text.disabled,A=p.button.border.disabled,T=t(class t extends r{constructor(t){super(!1),!1!==t&&this.__registerHost(),this.click=o(this,"sdClick",7),this.dropDownShow=o(this,"sdDropDownShow",7)}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 m)())throw Error("Invalid sd-dropdown-button name: "+this.name);return{config:m[this.name],preset:(()=>s(this.name))()}}getNextEnabledIndex(t){const o=this.items.reduce(((t,o,n)=>(o.disabled||t.push(n),t)),[]);if(0===o.length)return-1;const n=o.indexOf(this.itemIndex);return-1===n?1===t?o[0]:o[o.length-1]:o[(n+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,n,d){const r=["sd-dropdown-button__trigger","sd-dropdown-button__trigger--"+t,"sd-dropdown-button__trigger--"+o];return n&&r.push("sd-dropdown-button__trigger--disabled"),d&&r.push("sd-dropdown-button__trigger--open"),r.join(" ")}getMenuItemClasses(t,o){const n=["sd-dropdown-button__menu-item"];return t&&n.push("sd-dropdown-button__menu-item--active"),o&&n.push("sd-dropdown-button__menu-item--disabled"),n.join(" ")}renderDropdown(t){return(this.isOpen||this.isAnimatingOut)&&this.triggerRef?n("sd-portal",{open:this.isOpen,parentRef:this.triggerRef,onSdClose:this.closeDropdown},n("div",{style:{position:"absolute",width:"0px",height:"0px"}},n("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":F[t],"--sd-dropdown-button-menu-item-active-bg":z[t],"--sd-dropdown-button-menu-item-active-color":O[t],"--sd-dropdown-button-menu-border":"transparent"===v[t]?_[t]:v[t]}},this.items.map(((t,o)=>n("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&&n("sd-icon",{class:"sd-dropdown-button__menu-item-icon",name:t.icon,size:12,color:"var(--sd-dropdown-button-menu-item-current-color)"}),n("span",{class:"sd-dropdown-button__menu-item-label",innerHTML:t.label}))))))):null}render(){const{config:t,preset:o}=this.resolvedConfig;return n("div",{key:"1a6fa00329392de05526a50de55dcd620a43a2db",class:"sd-dropdown-button"},n("button",{key:"d73139863c8decca29079a8111e26ea5a2d21614",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-bg":t.color,"--sd-dropdown-button-bg-hover":x[o],"--sd-dropdown-button-border":v[o],"--sd-dropdown-button-content":f[o],"--sd-dropdown-button-divider":_[o],"--sd-dropdown-button-accent":b,"--sd-dropdown-button-disabled-bg":D,"--sd-dropdown-button-disabled-content":j,"--sd-dropdown-button-disabled-border":A}},n("span",{key:"52e30c7d5f55b2ed974944b23880a42fdf941e31",class:"sd-dropdown-button__trigger-label"},this.label),n("span",{key:"8d693a472783e552613b0c0503b85dc9b5ce0343",class:"sd-dropdown-button__trigger-divider","aria-hidden":"true"}),n("span",{key:"e9f0fc3980400150c8808e569904bee6c4629dc7",class:{"sd-dropdown-button__trigger-icon":!0,"sd-dropdown-button__trigger-icon--open":this.isOpen},"aria-hidden":"true"},n("sd-icon",{key:"13fda88989885a9096ed6ecf211b3aadad3f128a",name:"chevronDown",size:E[t.size],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-button-md-height, 36px);--sd-dropdown-button-padding-x:var(--sd-button-button-md-padding-x, 20px);--sd-dropdown-button-gap:var(--sd-button-button-md-gap, 8px);--sd-dropdown-button-font-family:var(--sd-button-button-md-typography-font-family, inherit);--sd-dropdown-button-font-size:var(--sd-button-button-md-typography-font-size, 12px);--sd-dropdown-button-font-weight:var(--sd-button-button-md-typography-font-weight, 500);--sd-dropdown-button-text-decoration:var(--sd-button-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:#0075FF;--sd-dropdown-button-disabled-bg:var(--sd-button-button-bg-disabled, #E1E1E1);--sd-dropdown-button-disabled-content:var(--sd-button-button-text-disabled, #888888);--sd-dropdown-button-disabled-border:var(--sd-button-button-border-disabled, #CCCCCC);display:inline-flex;align-items:stretch;justify-content:space-between;min-height:var(--sd-dropdown-button-height);padding:0;border:var(--sd-button-button-border-width-default, 1px) solid var(--sd-dropdown-button-border);border-radius:var(--sd-button-button-radius-sm, 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-button-xs-height, 24px);--sd-dropdown-button-padding-x:var(--sd-button-button-xs-padding-x, 8px);--sd-dropdown-button-gap:var(--sd-button-button-xs-gap, 4px);--sd-dropdown-button-font-family:var(--sd-button-button-xs-typography-font-family, inherit);--sd-dropdown-button-font-size:var(--sd-button-button-xs-typography-font-size, 12px);--sd-dropdown-button-font-weight:var(--sd-button-button-xs-typography-font-weight, 500);--sd-dropdown-button-text-decoration:var(     --sd-button-button-xs-typography-text-decoration,     none   )}.sd-dropdown-button__trigger--sm{--sd-dropdown-button-height:var(--sd-button-button-sm-height, 28px);--sd-dropdown-button-padding-x:var(--sd-button-button-sm-padding-x, 12px);--sd-dropdown-button-gap:var(--sd-button-button-sm-gap, 6px);--sd-dropdown-button-font-family:var(--sd-button-button-sm-typography-font-family, inherit);--sd-dropdown-button-font-size:var(--sd-button-button-sm-typography-font-size, 12px);--sd-dropdown-button-font-weight:var(--sd-button-button-sm-typography-font-weight, 500);--sd-dropdown-button-text-decoration:var(     --sd-button-button-sm-typography-text-decoration,     none   )}.sd-dropdown-button__trigger--md{--sd-dropdown-button-height:var(--sd-button-button-md-height, 36px);--sd-dropdown-button-padding-x:var(--sd-button-button-md-padding-x, 20px);--sd-dropdown-button-gap:var(--sd-button-button-md-gap, 8px);--sd-dropdown-button-font-family:var(--sd-button-button-md-typography-font-family, inherit);--sd-dropdown-button-font-size:var(--sd-button-button-md-typography-font-size, 16px);--sd-dropdown-button-font-weight:var(--sd-button-button-md-typography-font-weight, 500);--sd-dropdown-button-text-decoration:var(     --sd-button-button-md-typography-text-decoration,     none   );border-radius:var(--sd-button-button-radius-md, 6px)}.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}]}]),I=T,B=function(){"undefined"!=typeof customElements&&["sd-dropdown-button","sd-icon","sd-portal"].forEach((t=>{switch(t){case"sd-dropdown-button":customElements.get(d(t))||customElements.define(d(t),T);break;case"sd-icon":customElements.get(d(t))||c();break;case"sd-portal":customElements.get(d(t))||l()}}))};export{I as SdDropdownButton,B as defineCustomElement}
+import{p as t,c as o,h as n,t as d}from"./p-CCHce_Dt.js";import{B as r}from"./p-DZJZLfsh.js";import{B as e,g as s,P as i,a,b as u,c as p}from"./p-C-kw2p2a.js";import{b}from"./p-B1XBwjCW.js";import{d as c}from"./p-BF4hokOY.js";import{d as l}from"./p-CymMpTU-.js";var h={accent:{default:"#0075FF"}},w={secondary:"#555555",inverse:"#FFFFFF"};const g=Object.keys(e).filter((t=>!t.endsWith("_lg"))),m=Object.fromEntries(g.map((t=>[t,e[t]]))),x=u,f=a,v=i,_={primary:b.button.brand.strong.dropdown.divider,secondary:b.button.brand.subtle.dropdown.divider,primary_outline:v.primary_outline,neutral_outline:v.neutral_outline,danger:b.button.danger.strong.dropdown.divider,danger_outline:v.danger_outline},y=w.secondary,k=h.accent.default,C=w.inverse,F={primary:y,secondary:y,primary_outline:y,neutral_outline:y,danger:y,danger_outline:y},O={primary:k,secondary:k,primary_outline:k,neutral_outline:k,danger:k,danger_outline:k},z={primary:C,secondary:C,primary_outline:C,neutral_outline:C,danger:C,danger_outline:C},E={xs:12,sm:12,md:16},D=b.button.bg.disabled,j=b.button.text.disabled,A=b.button.border.disabled,T=t(class t extends r{constructor(t){super(!1),!1!==t&&this.__registerHost(),this.click=o(this,"sdClick",7),this.dropDownShow=o(this,"sdDropDownShow",7)}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 m)())throw Error("Invalid sd-dropdown-button name: "+this.name);return{config:m[this.name],preset:(()=>s(this.name))()}}getNextEnabledIndex(t){const o=this.items.reduce(((t,o,n)=>(o.disabled||t.push(n),t)),[]);if(0===o.length)return-1;const n=o.indexOf(this.itemIndex);return-1===n?1===t?o[0]:o[o.length-1]:o[(n+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,n,d){const r=["sd-dropdown-button__trigger","sd-dropdown-button__trigger--"+t,"sd-dropdown-button__trigger--"+o];return n&&r.push("sd-dropdown-button__trigger--disabled"),d&&r.push("sd-dropdown-button__trigger--open"),r.join(" ")}getMenuItemClasses(t,o){const n=["sd-dropdown-button__menu-item"];return t&&n.push("sd-dropdown-button__menu-item--active"),o&&n.push("sd-dropdown-button__menu-item--disabled"),n.join(" ")}renderDropdown(t){return(this.isOpen||this.isAnimatingOut)&&this.triggerRef?n("sd-portal",{open:this.isOpen,parentRef:this.triggerRef,onSdClose:this.closeDropdown},n("div",{style:{position:"absolute",width:"0px",height:"0px"}},n("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":F[t],"--sd-dropdown-button-menu-item-active-bg":O[t],"--sd-dropdown-button-menu-item-active-color":z[t],"--sd-dropdown-button-menu-border":"transparent"===v[t]?_[t]:v[t]}},this.items.map(((t,o)=>n("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&&n("sd-icon",{class:"sd-dropdown-button__menu-item-icon",name:t.icon,size:12,color:"var(--sd-dropdown-button-menu-item-current-color)"}),n("span",{class:"sd-dropdown-button__menu-item-label",innerHTML:t.label}))))))):null}render(){const{config:t,preset:o}=this.resolvedConfig;return n("div",{key:"1a6fa00329392de05526a50de55dcd620a43a2db",class:"sd-dropdown-button"},n("button",{key:"d73139863c8decca29079a8111e26ea5a2d21614",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-bg":t.color,"--sd-dropdown-button-bg-hover":x[o],"--sd-dropdown-button-border":v[o],"--sd-dropdown-button-content":f[o],"--sd-dropdown-button-divider":_[o],"--sd-dropdown-button-accent":p,"--sd-dropdown-button-disabled-bg":D,"--sd-dropdown-button-disabled-content":j,"--sd-dropdown-button-disabled-border":A}},n("span",{key:"52e30c7d5f55b2ed974944b23880a42fdf941e31",class:"sd-dropdown-button__trigger-label"},this.label),n("span",{key:"8d693a472783e552613b0c0503b85dc9b5ce0343",class:"sd-dropdown-button__trigger-divider","aria-hidden":"true"}),n("span",{key:"e9f0fc3980400150c8808e569904bee6c4629dc7",class:{"sd-dropdown-button__trigger-icon":!0,"sd-dropdown-button__trigger-icon--open":this.isOpen},"aria-hidden":"true"},n("sd-icon",{key:"13fda88989885a9096ed6ecf211b3aadad3f128a",name:"chevronDown",size:E[t.size],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-button-md-height, 36px);--sd-dropdown-button-padding-x:var(--sd-button-button-md-padding-x, 20px);--sd-dropdown-button-gap:var(--sd-button-button-md-gap, 8px);--sd-dropdown-button-font-family:var(--sd-button-button-md-typography-font-family, inherit);--sd-dropdown-button-font-size:var(--sd-button-button-md-typography-font-size, 12px);--sd-dropdown-button-font-weight:var(--sd-button-button-md-typography-font-weight, 500);--sd-dropdown-button-text-decoration:var(--sd-button-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:#0075FF;--sd-dropdown-button-disabled-bg:var(--sd-button-button-bg-disabled, #E1E1E1);--sd-dropdown-button-disabled-content:var(--sd-button-button-text-disabled, #888888);--sd-dropdown-button-disabled-border:var(--sd-button-button-border-disabled, #CCCCCC);display:inline-flex;align-items:stretch;justify-content:space-between;min-height:var(--sd-dropdown-button-height);padding:0;border:var(--sd-button-button-border-width-default, 1px) solid var(--sd-dropdown-button-border);border-radius:var(--sd-button-button-radius-sm, 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-button-xs-height, 24px);--sd-dropdown-button-padding-x:var(--sd-button-button-xs-padding-x, 8px);--sd-dropdown-button-gap:var(--sd-button-button-xs-gap, 4px);--sd-dropdown-button-font-family:var(--sd-button-button-xs-typography-font-family, inherit);--sd-dropdown-button-font-size:var(--sd-button-button-xs-typography-font-size, 12px);--sd-dropdown-button-font-weight:var(--sd-button-button-xs-typography-font-weight, 500);--sd-dropdown-button-text-decoration:var(     --sd-button-button-xs-typography-text-decoration,     none   )}.sd-dropdown-button__trigger--sm{--sd-dropdown-button-height:var(--sd-button-button-sm-height, 28px);--sd-dropdown-button-padding-x:var(--sd-button-button-sm-padding-x, 12px);--sd-dropdown-button-gap:var(--sd-button-button-sm-gap, 6px);--sd-dropdown-button-font-family:var(--sd-button-button-sm-typography-font-family, inherit);--sd-dropdown-button-font-size:var(--sd-button-button-sm-typography-font-size, 12px);--sd-dropdown-button-font-weight:var(--sd-button-button-sm-typography-font-weight, 500);--sd-dropdown-button-text-decoration:var(     --sd-button-button-sm-typography-text-decoration,     none   )}.sd-dropdown-button__trigger--md{--sd-dropdown-button-height:var(--sd-button-button-md-height, 36px);--sd-dropdown-button-padding-x:var(--sd-button-button-md-padding-x, 20px);--sd-dropdown-button-gap:var(--sd-button-button-md-gap, 8px);--sd-dropdown-button-font-family:var(--sd-button-button-md-typography-font-family, inherit);--sd-dropdown-button-font-size:var(--sd-button-button-md-typography-font-size, 16px);--sd-dropdown-button-font-weight:var(--sd-button-button-md-typography-font-weight, 500);--sd-dropdown-button-text-decoration:var(     --sd-button-button-md-typography-text-decoration,     none   );border-radius:var(--sd-button-button-radius-md, 6px)}.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}]}]),I=T,B=function(){"undefined"!=typeof customElements&&["sd-dropdown-button","sd-icon","sd-portal"].forEach((t=>{switch(t){case"sd-dropdown-button":customElements.get(d(t))||customElements.define(d(t),T);break;case"sd-icon":customElements.get(d(t))||c();break;case"sd-portal":customElements.get(d(t))||l()}}))};export{I as SdDropdownButton,B as defineCustomElement}

package/dist/components/sd-field.js

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

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

@@ -1 +1 @@
-import{p as e,H as i,c as t,h as s,t as l}from"./p-DuYi4aqj.js";import{d as r}from"./p-BLC3AWW8.js";import{d as o}from"./p-HsTw_qYU.js";import{d as a}from"./p-DXtyg5eK.js";import{d}from"./p-B1S4ybd6.js";import{d as n}from"./p-CGssy8eb.js";import{d as c}from"./p-Cc7ZBscb.js";var p={height:"28",paddingX:"12",gap:"8",radius:"4",typography:{fontWeight:"400",fontSize:"12",lineHeight:"20"},size:{icon:"16"},text:{default:"#222222",placeholder:"#AAAAAA",disabled:"#888888"},icon:{disabled:"#BBBBBB"}};const h={height:p.height,paddingX:p.paddingX,gap:p.gap,radius:p.radius,fontSize:p.typography.fontSize,lineHeight:p.typography.lineHeight,fontWeight:p.typography.fontWeight,iconSize:p.size.icon},f={text:p.text,icon:{default:"#888888",disabled:p.icon.disabled}},u=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.update=t(this,"sdUpdate",7),this.reject=t(this,"sdReject",7)}get el(){return this}value=null;placeholder="Click to upload";disabled=!1;inline=!1;multiple=!1;accept;maxFileSize;maxTotalSize;maxFiles;name="";label="";labelWidth="";addonLabel="";hint="";errorMessage="";width="";rules;error=!1;status;icon=void 0;labelTooltip="";labelTooltipProps=null;focused=!1;hovered=!1;internalValue=null;showTooltip=!1;fileInputRef;fileNamesRef;formField;update;reject;valueChanged(e){this.internalValue=e}componentDidLoad(){this.checkOverflow()}componentDidUpdate(){this.checkOverflow()}async sdValidate(){return this.formField?.sdValidate()??Promise.resolve(!0)}async sdReset(){const e=this.multiple?[]:null;this.value=e,this.internalValue=e,this.fileInputRef&&(this.fileInputRef.value=""),await(this.formField?.sdReset())}async sdResetValidate(){await(this.formField?.sdResetValidation())}toBytes(e){if(null!=e)return"string"==typeof e?Number(e):e}validateFiles(e){const i=this.toBytes(this.maxFileSize),t=this.toBytes(this.maxTotalSize),s=null!=this.maxFiles?Number(this.maxFiles):void 0;if(null!=s&&e.length>s)return{accepted:[],rejected:e,reason:"max-files"};if(null!=i){const t=e.filter((e=>e.size>i));if(t.length>0)return{accepted:[],rejected:t,reason:"max-file-size"}}return null!=t&&e.reduce(((e,i)=>e+i.size),0)>t?{accepted:[],rejected:e,reason:"max-total-size"}:{accepted:e,rejected:[]}}handleFileChange=e=>{const i=e.target.files;if(!i||0===i.length)return;const t=Array.from(i),{accepted:s,rejected:l,reason:r}=this.validateFiles(t);if(r)return this.reject?.emit({files:l,reason:r}),void(this.fileInputRef&&(this.fileInputRef.value=""));this.internalValue=this.multiple?s:s[0],this.value=this.internalValue,this.update?.emit(this.value)};handleClear=e=>{if(this.disabled)return;e.stopPropagation();const i=this.multiple?[]:null;this.value=i,this.internalValue=i,this.update?.emit(i),this.fileInputRef&&(this.fileInputRef.value="")};handleClick=()=>{this.disabled||this.fileInputRef?.click()};hasFiles(){return!!this.internalValue&&(!Array.isArray(this.internalValue)||this.internalValue.length>0)}getDisplayText(){return this.hasFiles()?Array.isArray(this.internalValue)?this.internalValue.map((e=>e.name)).join(", "):this.internalValue?.name||this.placeholder:this.placeholder}checkOverflow(){this.fileNamesRef&&(this.showTooltip=this.fileNamesRef.scrollWidth>this.fileNamesRef.clientWidth)}getIconColor(){return this.disabled?f.icon.disabled:f.icon.default}render(){const e=this.hasFiles(),i=this.getDisplayText(),t={"--sd-file-picker-font-size":h.fontSize+"px","--sd-file-picker-line-height":h.lineHeight+"px","--sd-file-picker-font-weight":h.fontWeight,"--sd-file-picker-padding-x":h.paddingX+"px","--sd-file-picker-gap":h.gap+"px","--sd-file-picker-text-color":f.text.default,"--sd-file-picker-placeholder-color":f.text.placeholder,"--sd-file-picker-disabled-color":f.text.disabled,"--sd-system-size-field-sm-height":h.height+"px","--sd-system-radius-field-sm":h.radius+"px"},l=s("div",{class:"sd-file-picker__content",onClick:this.handleClick},s("input",{ref:e=>this.fileInputRef=e,type:"file",class:"sd-file-picker__input",disabled:this.disabled,multiple:this.multiple,accept:this.accept,onInput:this.handleFileChange,"aria-label":this.placeholder}),s("sd-icon",{name:"attachFile",size:Number(h.iconSize),color:this.getIconColor(),class:"sd-file-picker__icon"}),s("div",{ref:e=>this.fileNamesRef=e,class:{"sd-file-picker__text":!0,"sd-file-picker__text--placeholder":!e,"sd-file-picker__text--active":e}},i),!this.disabled&&e&&s("sd-ghost-button",{icon:"close",size:"xxs",disabled:this.disabled,class:"sd-file-picker__clear-icon",onClick:this.handleClear}),this.showTooltip&&e&&this.hovered&&s("div",{class:"sd-file-picker__tooltip"},i));return this.inline?s("div",{class:{"sd-file-picker--inline":!0,"sd-file-picker--inline-disabled":this.disabled},style:t,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1},l):s("sd-field",{name:this.name,label:this.label,labelWidth:this.labelWidth,addonLabel:this.addonLabel,hint:this.hint,errorMessage:this.errorMessage,width:this.width,rules:this.rules,error:this.error,disabled:this.disabled,focused:this.focused,hovered:this.hovered,status:this.status,icon:this.icon,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:e=>this.formField=e,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1,style:t},l)}static get watchers(){return{value:[{valueChanged:0}]}}static get style(){return"sd-file-picker{display:inline-flex;width:100%}.sd-file-picker__content{width:100%;height:100%;display:flex;align-items:center;padding:0 var(--sd-file-picker-padding-x);gap:var(--sd-file-picker-gap);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;vertical-align:middle}.sd-file-picker__text{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:var(--sd-file-picker-font-weight);font-size:var(--sd-file-picker-font-size);line-height:var(--sd-file-picker-line-height);color:var(--sd-file-picker-placeholder-color)}.sd-file-picker__text--active{color:var(--sd-file-picker-text-color)}.sd-file-picker__text--placeholder{color:var(--sd-file-picker-placeholder-color)}.sd-file-picker__icon{flex-shrink:0}.sd-file-picker__clear-icon{flex-shrink:0;cursor:pointer;transition:opacity 0.2s ease}.sd-file-picker__clear-icon:hover{opacity:0.7}.sd-file-picker__input{display:none}.sd-file-picker__tooltip{position:absolute;top:calc(100% - 4px);left:50%;transform:translate(-50%);z-index:1000;white-space:nowrap;padding:8px 12px;background:rgba(0, 0, 0, 0.8);color:white;font-size:12px;line-height:18px;border-radius:4px;pointer-events:none}.sd-field--disabled .sd-file-picker__content{cursor:not-allowed}.sd-field--disabled .sd-file-picker__text{color:var(--sd-file-picker-disabled-color)}.sd-file-picker--inline .sd-file-picker__content{border:none;background-color:transparent;padding:0;height:auto}.sd-file-picker--inline .sd-file-picker__text{color:var(--sd-file-picker-placeholder-color)}.sd-file-picker--inline:hover:not(.sd-file-picker--inline-disabled) .sd-file-picker__text{color:var(--sd-file-picker-text-color)}.sd-file-picker--inline .sd-file-picker__text--active{color:var(--sd-file-picker-text-color)}.sd-file-picker--inline.sd-file-picker--inline-disabled .sd-file-picker__content{cursor:not-allowed}.sd-file-picker--inline.sd-file-picker--inline-disabled .sd-file-picker__text{color:var(--sd-file-picker-disabled-color)}"}},[512,"sd-file-picker",{value:[1040],placeholder:[513],disabled:[516],inline:[516],multiple:[516],accept:[1],maxFileSize:[8,"max-file-size"],maxTotalSize:[8,"max-total-size"],maxFiles:[8,"max-files"],name:[1],label:[1],labelWidth:[8,"label-width"],addonLabel:[1,"addon-label"],hint:[1],errorMessage:[1,"error-message"],width:[8],rules:[16],error:[1028],status:[1],icon:[16],labelTooltip:[1,"label-tooltip"],labelTooltipProps:[16],focused:[1028],hovered:[1028],internalValue:[32],showTooltip:[32],sdValidate:[64],sdReset:[64],sdResetValidate:[64]},void 0,{value:[{valueChanged:0}]}]),k=u,m=function(){"undefined"!=typeof customElements&&["sd-file-picker","sd-button","sd-field","sd-floating-portal","sd-ghost-button","sd-icon","sd-tooltip"].forEach((e=>{switch(e){case"sd-file-picker":customElements.get(l(e))||customElements.define(l(e),u);break;case"sd-button":customElements.get(l(e))||r();break;case"sd-field":customElements.get(l(e))||o();break;case"sd-floating-portal":customElements.get(l(e))||a();break;case"sd-ghost-button":customElements.get(l(e))||d();break;case"sd-icon":customElements.get(l(e))||n();break;case"sd-tooltip":customElements.get(l(e))||c()}}))};export{k as SdFilePicker,m as defineCustomElement}
+import{p as e,H as i,c as t,h as s,t as l}from"./p-CCHce_Dt.js";import{d as r}from"./p-tvysh3yO.js";import{d as o}from"./p-C02KLCcO.js";import{d as a}from"./p-DL69hClF.js";import{d}from"./p-UR2Cf2Sm.js";import{d as n}from"./p-BF4hokOY.js";import{d as c}from"./p-CX2EDIQM.js";var h={height:"28",paddingX:"12",gap:"8",radius:"4",typography:{fontWeight:"400",fontSize:"12",lineHeight:"20"},size:{icon:"16"},text:{default:"#222222",placeholder:"#AAAAAA",disabled:"#888888"},icon:{disabled:"#BBBBBB"}};const p={height:h.height,paddingX:h.paddingX,gap:h.gap,radius:h.radius,fontSize:h.typography.fontSize,lineHeight:h.typography.lineHeight,fontWeight:h.typography.fontWeight,iconSize:h.size.icon},f={text:h.text,icon:{default:"#888888",disabled:h.icon.disabled}},u=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.update=t(this,"sdUpdate",7),this.reject=t(this,"sdReject",7)}get el(){return this}value=null;placeholder="Click to upload";disabled=!1;inline=!1;multiple=!1;accept;maxFileSize;maxTotalSize;maxFiles;name="";label="";labelWidth="";addonLabel="";hint="";errorMessage="";width="";rules;error=!1;status;icon=void 0;labelTooltip="";labelTooltipProps=null;focused=!1;hovered=!1;internalValue=null;showTooltip=!1;fileInputRef;fileNamesRef;formField;update;reject;valueChanged(e){this.internalValue=e}componentDidLoad(){this.checkOverflow()}componentDidUpdate(){this.checkOverflow()}async sdValidate(){return this.formField?.sdValidate()??Promise.resolve(!0)}async sdReset(){const e=this.multiple?[]:null;this.value=e,this.internalValue=e,this.fileInputRef&&(this.fileInputRef.value=""),await(this.formField?.sdReset())}async sdResetValidate(){await(this.formField?.sdResetValidation())}toBytes(e){if(null!=e)return"string"==typeof e?Number(e):e}validateFiles(e){const i=this.toBytes(this.maxFileSize),t=this.toBytes(this.maxTotalSize),s=null!=this.maxFiles?Number(this.maxFiles):void 0;if(null!=s&&e.length>s)return{accepted:[],rejected:e,reason:"max-files"};if(null!=i){const t=e.filter((e=>e.size>i));if(t.length>0)return{accepted:[],rejected:t,reason:"max-file-size"}}return null!=t&&e.reduce(((e,i)=>e+i.size),0)>t?{accepted:[],rejected:e,reason:"max-total-size"}:{accepted:e,rejected:[]}}handleFileChange=e=>{const i=e.target.files;if(!i||0===i.length)return;const t=Array.from(i),{accepted:s,rejected:l,reason:r}=this.validateFiles(t);if(r)return this.reject?.emit({files:l,reason:r}),void(this.fileInputRef&&(this.fileInputRef.value=""));this.internalValue=this.multiple?s:s[0],this.value=this.internalValue,this.update?.emit(this.value)};handleClear=e=>{if(this.disabled)return;e.stopPropagation();const i=this.multiple?[]:null;this.value=i,this.internalValue=i,this.update?.emit(i),this.fileInputRef&&(this.fileInputRef.value="")};handleClick=()=>{this.disabled||this.fileInputRef?.click()};hasFiles(){return!!this.internalValue&&(!Array.isArray(this.internalValue)||this.internalValue.length>0)}getDisplayText(){return this.hasFiles()?Array.isArray(this.internalValue)?this.internalValue.map((e=>e.name)).join(", "):this.internalValue?.name||this.placeholder:this.placeholder}checkOverflow(){this.fileNamesRef&&(this.showTooltip=this.fileNamesRef.scrollWidth>this.fileNamesRef.clientWidth)}getIconColor(){return this.disabled?f.icon.disabled:f.icon.default}render(){const e=this.hasFiles(),i=this.getDisplayText(),t={"--sd-file-picker-font-size":p.fontSize+"px","--sd-file-picker-line-height":p.lineHeight+"px","--sd-file-picker-font-weight":p.fontWeight,"--sd-file-picker-padding-x":p.paddingX+"px","--sd-file-picker-gap":p.gap+"px","--sd-file-picker-text-color":f.text.default,"--sd-file-picker-placeholder-color":f.text.placeholder,"--sd-file-picker-disabled-color":f.text.disabled,"--sd-system-size-field-sm-height":p.height+"px","--sd-system-radius-field-sm":p.radius+"px"},l=s("div",{class:"sd-file-picker__content",onClick:this.handleClick},s("input",{ref:e=>this.fileInputRef=e,type:"file",class:"sd-file-picker__input",disabled:this.disabled,multiple:this.multiple,accept:this.accept,onInput:this.handleFileChange,"aria-label":this.placeholder}),s("sd-icon",{name:"attachFile",size:Number(p.iconSize),color:this.getIconColor(),class:"sd-file-picker__icon"}),s("div",{ref:e=>this.fileNamesRef=e,class:{"sd-file-picker__text":!0,"sd-file-picker__text--placeholder":!e,"sd-file-picker__text--active":e}},i),!this.disabled&&e&&s("sd-ghost-button",{icon:"close",size:"xxs",disabled:this.disabled,class:"sd-file-picker__clear-icon",onClick:this.handleClear}),this.showTooltip&&e&&this.hovered&&s("div",{class:"sd-file-picker__tooltip"},i));return this.inline?s("div",{class:{"sd-file-picker--inline":!0,"sd-file-picker--inline-disabled":this.disabled},style:t,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1},l):s("sd-field",{name:this.name,label:this.label,labelWidth:this.labelWidth,addonLabel:this.addonLabel,hint:this.hint,errorMessage:this.errorMessage,width:this.width,rules:this.rules,error:this.error,disabled:this.disabled,focused:this.focused,hovered:this.hovered,status:this.status,icon:this.icon,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:e=>this.formField=e,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1,style:t},l)}static get watchers(){return{value:[{valueChanged:0}]}}static get style(){return"sd-file-picker{display:inline-flex;width:100%}.sd-file-picker__content{width:100%;height:100%;display:flex;align-items:center;padding:0 var(--sd-file-picker-padding-x);gap:var(--sd-file-picker-gap);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;vertical-align:middle}.sd-file-picker__text{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:var(--sd-file-picker-font-weight);font-size:var(--sd-file-picker-font-size);line-height:var(--sd-file-picker-line-height);color:var(--sd-file-picker-placeholder-color)}.sd-file-picker__text--active{color:var(--sd-file-picker-text-color)}.sd-file-picker__text--placeholder{color:var(--sd-file-picker-placeholder-color)}.sd-file-picker__icon{flex-shrink:0}.sd-file-picker__clear-icon{flex-shrink:0;cursor:pointer;transition:opacity 0.2s ease}.sd-file-picker__clear-icon:hover{opacity:0.7}.sd-file-picker__input{display:none}.sd-file-picker__tooltip{position:absolute;top:calc(100% - 4px);left:50%;transform:translate(-50%);z-index:1000;white-space:nowrap;padding:8px 12px;background:rgba(0, 0, 0, 0.8);color:white;font-size:12px;line-height:18px;border-radius:4px;pointer-events:none}.sd-field--disabled .sd-file-picker__content{cursor:not-allowed}.sd-field--disabled .sd-file-picker__text{color:var(--sd-file-picker-disabled-color)}.sd-file-picker--inline .sd-file-picker__content{border:none;background-color:transparent;padding:0;height:auto}.sd-file-picker--inline .sd-file-picker__text{color:var(--sd-file-picker-placeholder-color)}.sd-file-picker--inline:hover:not(.sd-file-picker--inline-disabled) .sd-file-picker__text{color:var(--sd-file-picker-text-color)}.sd-file-picker--inline .sd-file-picker__text--active{color:var(--sd-file-picker-text-color)}.sd-file-picker--inline.sd-file-picker--inline-disabled .sd-file-picker__content{cursor:not-allowed}.sd-file-picker--inline.sd-file-picker--inline-disabled .sd-file-picker__text{color:var(--sd-file-picker-disabled-color)}"}},[512,"sd-file-picker",{value:[1040],placeholder:[513],disabled:[516],inline:[516],multiple:[516],accept:[1],maxFileSize:[8,"max-file-size"],maxTotalSize:[8,"max-total-size"],maxFiles:[8,"max-files"],name:[1],label:[1],labelWidth:[8,"label-width"],addonLabel:[1,"addon-label"],hint:[1],errorMessage:[1,"error-message"],width:[8],rules:[16],error:[1028],status:[1],icon:[16],labelTooltip:[1,"label-tooltip"],labelTooltipProps:[16],focused:[1028],hovered:[1028],internalValue:[32],showTooltip:[32],sdValidate:[64],sdReset:[64],sdResetValidate:[64]},void 0,{value:[{valueChanged:0}]}]),k=u,m=function(){"undefined"!=typeof customElements&&["sd-file-picker","sd-button","sd-field","sd-floating-portal","sd-ghost-button","sd-icon","sd-tooltip"].forEach((e=>{switch(e){case"sd-file-picker":customElements.get(l(e))||customElements.define(l(e),u);break;case"sd-button":customElements.get(l(e))||r();break;case"sd-field":customElements.get(l(e))||o();break;case"sd-floating-portal":customElements.get(l(e))||a();break;case"sd-ghost-button":customElements.get(l(e))||d();break;case"sd-icon":customElements.get(l(e))||n();break;case"sd-tooltip":customElements.get(l(e))||c()}}))};export{k as SdFilePicker,m as defineCustomElement}

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

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

package/dist/components/sd-form.js

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

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

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

package/dist/components/sd-guide.js

@@ -1 +1 @@
-import{p as t,H as o,h as n,t as e}from"./p-DuYi4aqj.js";import{d as i}from"./p-BLC3AWW8.js";import{d}from"./p-CGssy8eb.js";import{d as s}from"./p-h6zSUtA2.js";const a={help:"활용 TIP",pdf:"PDF Guide",youtube:"Video Guide",notion:"사용법 안내",event:"Event Button"},u={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"}},r=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:e}=u[this.type];return n("div",{key:"0f70d3686c37c029635c93a8ad8f937fb2ca73c2",class:"sd-guide",style:{"--sd-guide-color":u[this.type].color}},n("sd-button",{key:"f07235cc53a908237af2f13a98f325340c83fd0e",ref:t=>this.guideRef=t,class:this.guideClass,variant:this.popupShow?"primary":"outline",label:this.label||a[this.type],size:"sm",color:this.popupShow?u[this.type].color:"grey_45",icon:t,iconColor:this.popupShow?"white":e,iconSize:o,noHover:this.popupShow,onSdClick:this.handleClickGuide}),"help"===this.type&&this.popupShow&&n("sd-portal",{key:"9c5ade0db41a02a343bb77bc1dcb44d12dba6c04",open:this.popupShow,parentRef:this.guideRef,onSdClose:this.closeDropdown,offset:[0,4]},n("div",{key:"d59caf4107b678ce132accfe9f392c3cfa6b35f4",style:{position:"absolute",width:"0px",height:"0px"}},n("div",{key:"22aa97a939e27454dec067effc6911aea6ace2a4",class:"sd-guide__popup",style:{width:this.popupWidth?this.popupWidth+"px":"426px"}},n("sd-button",{key:"6bf404b6718bbd036acff51101538d967a2cd642",class:"sd-guide__popup__close",icon:"close",color:"grey_65",size:"md",variant:"ghost",noHover:!0,onSdClick:this.closeDropdown}),n("div",{key:"a63aa9263715f57f2e8bf977c4849f868803a704",class:"sd-guide__popup__header"},n("sd-icon",{key:"8ba1969ada651d3226058bb9095ae8b794be1759",name:"helpOutline",size:24,color:"green_65"}),n("h3",{key:"41dd2533e146eae12ee7367a243e819362597761",class:"sd-guide__popup__title"},this.popupTitle||a[this.type])),n("ul",{key:"b45bfd9ff793f0c0860789d16c1c17fef2ad01d5",class:"sd-guide__popup__list"},this.renderListItem(this.message))))))}renderListItem(t,o=0){const n=[];if(Array.isArray(t)){const e=t.map((t=>this.renderListItem(t,o+1)));n.push(...e.flat())}else n.push(this.renderLi(t,o));return n}renderLi=(t,o)=>n("li",{class:"sd-guide__popup__list__item sd-guide__popup__list__item--depth-"+o},n("p",{innerHTML:t}));static get style(){return'@charset "UTF-8";sd-button{display:inline-flex;width:fit-content;height:fit-content}.sd-button{--sd-button-height:34px;--sd-button-padding-x:20px;--sd-button-gap:8px;--sd-button-font-family:inherit;--sd-button-font-size:16px;--sd-button-font-weight:500;--sd-button-text-decoration:none;--sd-button-label-min-width:auto;--sd-button-icon-only-size:var(--sd-button-height);text-decoration:none;cursor:pointer;border-radius:var(--sd-button-button-radius-sm, 4px);transition:all 0.2s ease-in-out;position:relative;overflow:hidden;white-space:nowrap;-webkit-user-select:none;user-select:none;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;border:none;padding:0 var(--sd-button-padding-x);min-width:var(--sd-button-min-width, auto);min-height:var(--sd-button-height);font-family:var(--sd-button-font-family);font-size:var(--sd-button-font-size);font-weight:var(--sd-button-font-weight);text-decoration:var(--sd-button-text-decoration)}.sd-button--xs{--sd-button-height:var(--sd-button-button-xs-height, 24px);--sd-button-padding-x:var(--sd-button-button-xs-padding-x, 8px);--sd-button-gap:var(--sd-button-button-xs-gap, 4px);--sd-button-font-family:var(--sd-button-button-xs-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-button-xs-typography-font-size, 12px);--sd-button-font-weight:var(--sd-button-button-xs-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-button-xs-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-xs-min-width, auto);--sd-button-icon-only-size:var(--sd-button-button-icon-only-xs-width, var(--sd-button-height));line-height:20px}.sd-button--sm{--sd-button-height:var(--sd-button-button-sm-height, 28px);--sd-button-padding-x:var(--sd-button-button-sm-padding-x, 12px);--sd-button-gap:var(--sd-button-button-sm-gap, 6px);--sd-button-font-family:var(--sd-button-button-sm-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-button-sm-typography-font-size, 12px);--sd-button-font-weight:var(--sd-button-button-sm-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-button-sm-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-sm-min-width, auto);--sd-button-icon-only-size:var(--sd-button-button-icon-only-sm-width, var(--sd-button-height));line-height:20px}.sd-button--md{--sd-button-height:var(--sd-button-button-md-height, 34px);--sd-button-padding-x:var(--sd-button-button-md-padding-x, 20px);--sd-button-gap:var(--sd-button-button-md-gap, 8px);--sd-button-font-family:var(--sd-button-button-md-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-button-md-typography-font-size, 16px);--sd-button-font-weight:var(--sd-button-button-md-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-button-md-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-md-min-width, auto);--sd-button-icon-only-size:var(--sd-button-button-icon-only-md-width, var(--sd-button-height));line-height:26px}.sd-button--lg{--sd-button-height:var(--sd-button-button-lg-height, 62px);--sd-button-padding-x:var(--sd-button-button-lg-padding-x, 28px);--sd-button-gap:var(--sd-button-button-lg-gap, 12px);--sd-button-font-family:var(--sd-button-button-lg-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-button-lg-typography-font-size, 18px);--sd-button-font-weight:var(--sd-button-button-lg-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-button-lg-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-lg-min-width, auto);--sd-button-icon-only-size:var(--sd-button-button-icon-only-lg-width, var(--sd-button-height));line-height:30px}.sd-button--has-label{--sd-button-min-width:var(--sd-button-label-min-width, auto)}.sd-button--primary{background-color:var(--button-color);color:white;transition:filter 0.2s ease}.sd-button--primary::before{content:"";position:absolute;inset:0;background:#000000;opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--primary:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.25}.sd-button--outline{background:white;border:var(--sd-button-button-border-width-default, 1px) solid var(--button-color);color:var(--button-color)}.sd-button--outline::before{content:"";position:absolute;inset:0;background:var(--button-color);opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--outline:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.15}.sd-button--outline .sd-button__content{position:relative;z-index:1}.sd-button--ghost{background-color:transparent;color:var(--button-color);border-color:transparent}.sd-button--ghost::before{content:"";position:absolute;inset:0;background:var(--button-color);opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--ghost:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.15}.sd-button--ghost .sd-button__content{position:relative;z-index:1}.sd-button--disabled{border:var(--sd-button-button-border-width-default, 1px) solid var(--sd-button-button-border-disabled, #CCCCCC);background:var(--sd-button-button-bg-disabled, #E1E1E1);color:var(--sd-button-button-text-disabled, #888888);cursor:not-allowed !important}.sd-button--icon-only{padding:0;width:var(--sd-button-icon-only-size, var(--sd-button-height));min-width:var(--sd-button-icon-only-size, var(--sd-button-height));height:var(--sd-button-icon-only-size, var(--sd-button-height))}.sd-button--no-hover:hover::before{opacity:0 !important}.sd-button .sd-button__content{display:inline-flex;align-items:center;justify-content:center;gap:var(--sd-button-gap);z-index:1;font-weight:inherit}sd-guide{display:inline-flex;align-items:center;height:fit-content;width:fit-content}sd-guide .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]}]),b=r,p=function(){"undefined"!=typeof customElements&&["sd-guide","sd-button","sd-icon","sd-portal"].forEach((t=>{switch(t){case"sd-guide":customElements.get(e(t))||customElements.define(e(t),r);break;case"sd-button":customElements.get(e(t))||i();break;case"sd-icon":customElements.get(e(t))||d();break;case"sd-portal":customElements.get(e(t))||s()}}))};export{b as SdGuide,p as defineCustomElement}
+import{p as t,H as o,h as n,t as e}from"./p-CCHce_Dt.js";import{d as i}from"./p-tvysh3yO.js";import{d}from"./p-BF4hokOY.js";import{d as s}from"./p-CymMpTU-.js";const a={help:"활용 TIP",pdf:"PDF Guide",youtube:"Video Guide",notion:"사용법 안내",event:"Event Button"},u={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"}},r=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:e}=u[this.type];return n("div",{key:"0f70d3686c37c029635c93a8ad8f937fb2ca73c2",class:"sd-guide",style:{"--sd-guide-color":u[this.type].color}},n("sd-button",{key:"f07235cc53a908237af2f13a98f325340c83fd0e",ref:t=>this.guideRef=t,class:this.guideClass,variant:this.popupShow?"primary":"outline",label:this.label||a[this.type],size:"sm",color:this.popupShow?u[this.type].color:"grey_45",icon:t,iconColor:this.popupShow?"white":e,iconSize:o,noHover:this.popupShow,onSdClick:this.handleClickGuide}),"help"===this.type&&this.popupShow&&n("sd-portal",{key:"9c5ade0db41a02a343bb77bc1dcb44d12dba6c04",open:this.popupShow,parentRef:this.guideRef,onSdClose:this.closeDropdown,offset:[0,4]},n("div",{key:"d59caf4107b678ce132accfe9f392c3cfa6b35f4",style:{position:"absolute",width:"0px",height:"0px"}},n("div",{key:"22aa97a939e27454dec067effc6911aea6ace2a4",class:"sd-guide__popup",style:{width:this.popupWidth?this.popupWidth+"px":"426px"}},n("sd-button",{key:"6bf404b6718bbd036acff51101538d967a2cd642",class:"sd-guide__popup__close",icon:"close",color:"grey_65",size:"md",variant:"ghost",noHover:!0,onSdClick:this.closeDropdown}),n("div",{key:"a63aa9263715f57f2e8bf977c4849f868803a704",class:"sd-guide__popup__header"},n("sd-icon",{key:"8ba1969ada651d3226058bb9095ae8b794be1759",name:"helpOutline",size:24,color:"green_65"}),n("h3",{key:"41dd2533e146eae12ee7367a243e819362597761",class:"sd-guide__popup__title"},this.popupTitle||a[this.type])),n("ul",{key:"b45bfd9ff793f0c0860789d16c1c17fef2ad01d5",class:"sd-guide__popup__list"},this.renderListItem(this.message))))))}renderListItem(t,o=0){const n=[];if(Array.isArray(t)){const e=t.map((t=>this.renderListItem(t,o+1)));n.push(...e.flat())}else n.push(this.renderLi(t,o));return n}renderLi=(t,o)=>n("li",{class:"sd-guide__popup__list__item sd-guide__popup__list__item--depth-"+o},n("p",{innerHTML:t}));static get style(){return'@charset "UTF-8";sd-button{display:inline-flex;width:fit-content;height:fit-content}.sd-button{--sd-button-height:34px;--sd-button-padding-x:20px;--sd-button-gap:8px;--sd-button-font-family:inherit;--sd-button-font-size:16px;--sd-button-font-weight:500;--sd-button-text-decoration:none;--sd-button-label-min-width:auto;--sd-button-icon-only-size:var(--sd-button-height);text-decoration:none;cursor:pointer;border-radius:var(--sd-button-button-radius-sm, 4px);transition:all 0.2s ease-in-out;position:relative;overflow:hidden;white-space:nowrap;-webkit-user-select:none;user-select:none;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;border:none;padding:0 var(--sd-button-padding-x);min-width:var(--sd-button-min-width, auto);min-height:var(--sd-button-height);font-family:var(--sd-button-font-family);font-size:var(--sd-button-font-size);font-weight:var(--sd-button-font-weight);text-decoration:var(--sd-button-text-decoration)}.sd-button--xs{--sd-button-height:var(--sd-button-button-xs-height, 24px);--sd-button-padding-x:var(--sd-button-button-xs-padding-x, 8px);--sd-button-gap:var(--sd-button-button-xs-gap, 4px);--sd-button-font-family:var(--sd-button-button-xs-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-button-xs-typography-font-size, 12px);--sd-button-font-weight:var(--sd-button-button-xs-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-button-xs-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-xs-min-width, auto);--sd-button-icon-only-size:var(--sd-button-button-icon-only-xs-width, var(--sd-button-height));line-height:20px}.sd-button--sm{--sd-button-height:var(--sd-button-button-sm-height, 28px);--sd-button-padding-x:var(--sd-button-button-sm-padding-x, 12px);--sd-button-gap:var(--sd-button-button-sm-gap, 6px);--sd-button-font-family:var(--sd-button-button-sm-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-button-sm-typography-font-size, 12px);--sd-button-font-weight:var(--sd-button-button-sm-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-button-sm-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-sm-min-width, auto);--sd-button-icon-only-size:var(--sd-button-button-icon-only-sm-width, var(--sd-button-height));line-height:20px}.sd-button--md{--sd-button-height:var(--sd-button-button-md-height, 34px);--sd-button-padding-x:var(--sd-button-button-md-padding-x, 20px);--sd-button-gap:var(--sd-button-button-md-gap, 8px);--sd-button-font-family:var(--sd-button-button-md-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-button-md-typography-font-size, 16px);--sd-button-font-weight:var(--sd-button-button-md-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-button-md-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-md-min-width, auto);--sd-button-icon-only-size:var(--sd-button-button-icon-only-md-width, var(--sd-button-height));line-height:26px}.sd-button--lg{--sd-button-height:var(--sd-button-button-lg-height, 62px);--sd-button-padding-x:var(--sd-button-button-lg-padding-x, 28px);--sd-button-gap:var(--sd-button-button-lg-gap, 12px);--sd-button-font-family:var(--sd-button-button-lg-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-button-lg-typography-font-size, 18px);--sd-button-font-weight:var(--sd-button-button-lg-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-button-lg-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-lg-min-width, auto);--sd-button-icon-only-size:var(--sd-button-button-icon-only-lg-width, var(--sd-button-height));line-height:30px}.sd-button--has-label{--sd-button-min-width:var(--sd-button-label-min-width, auto)}.sd-button--primary{background-color:var(--button-color);color:white;transition:filter 0.2s ease}.sd-button--primary::before{content:"";position:absolute;inset:0;background:#000000;opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--primary:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.25}.sd-button--outline{background:white;border:var(--sd-button-button-border-width-default, 1px) solid var(--button-color);color:var(--button-color)}.sd-button--outline::before{content:"";position:absolute;inset:0;background:var(--button-color);opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--outline:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.15}.sd-button--outline .sd-button__content{position:relative;z-index:1}.sd-button--ghost{background-color:transparent;color:var(--button-color);border-color:transparent}.sd-button--ghost::before{content:"";position:absolute;inset:0;background:var(--button-color);opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--ghost:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.15}.sd-button--ghost .sd-button__content{position:relative;z-index:1}.sd-button--disabled{border:var(--sd-button-button-border-width-default, 1px) solid var(--sd-button-button-border-disabled, #CCCCCC);background:var(--sd-button-button-bg-disabled, #E1E1E1);color:var(--sd-button-button-text-disabled, #888888);cursor:not-allowed !important}.sd-button--icon-only{padding:0;width:var(--sd-button-icon-only-size, var(--sd-button-height));min-width:var(--sd-button-icon-only-size, var(--sd-button-height));height:var(--sd-button-icon-only-size, var(--sd-button-height))}.sd-button--no-hover:hover::before{opacity:0 !important}.sd-button .sd-button__content{display:inline-flex;align-items:center;justify-content:center;gap:var(--sd-button-gap);z-index:1;font-weight:inherit}sd-guide{display:inline-flex;align-items:center;height:fit-content;width:fit-content}sd-guide .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]}]),b=r,p=function(){"undefined"!=typeof customElements&&["sd-guide","sd-button","sd-icon","sd-portal"].forEach((t=>{switch(t){case"sd-guide":customElements.get(e(t))||customElements.define(e(t),r);break;case"sd-button":customElements.get(e(t))||i();break;case"sd-icon":customElements.get(e(t))||d();break;case"sd-portal":customElements.get(e(t))||s()}}))};export{b as SdGuide,p as defineCustomElement}

package/dist/components/sd-icon.js

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

package/dist/components/sd-input.js

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

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

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

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

@@ -1 +1 @@
-import{S as o,d as s}from"./p-6LkBUj0w.js";const p=o,r=s;export{p as SdLoadingModal,r as defineCustomElement}
+import{S as o,d as s}from"./p-DHh_uT9m.js";const m=o,p=s;export{m as SdLoadingModal,p 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-DuYi4aqj.js";import{d as o}from"./p-C2r48NLP.js";import{d as a}from"./p-CpclstHV.js";import{d as n}from"./p-Cr_74QR7.js";import{d}from"./p-B1S4ybd6.js";import{d as r}from"./p-CGssy8eb.js";import{d as l}from"./p-6LkBUj0w.js";import{d as c}from"./p-CGXwtYAv.js";let m=0;const h=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost()}get el(){return this}entries=[];isVisible=!1;isBackdropVisible=!1;contentRef;containerDismissTimerId;previousBodyOverflow=null;bodyScrollLocked=!1;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-"+ ++m,e=this.createConfirmModal(i,t);return this.attachModalEventListeners(i,e),this.registerEntry(i,e,s,{persistent:!!t.persistent}),i}async openLoading(t,s){const i="modal-"+ ++m,e=this.createLoadingModal(i,t);return this.attachLoadingModalEventListeners(i,e),this.registerEntry(i,e,s,{persistent:!!t.persistent}),i}async createCustom(t,s,i){const e="modal-"+ ++m;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")))}attachLoadingModalEventListeners(t,s){s.addEventListener("sdClick",(()=>{const s=(this.entries??[]).find((s=>s.id===t));s?.modalRef._triggerClick?.()}))}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,modalRef:i,persistent:e.persistent,closing:!1}],this.isVisible=!0,this.setBodyScrollLock(!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 dismissById(t,s){this.requestDismiss(t,s)}async update(t,s){const i=(this.entries??[]).find((s=>s.id===t));i&&!i.closing&&("sd-loading-modal"===i.modalEl.tagName.toLowerCase()?this.applyLoadingProps(i.modalEl,s):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}createLoadingModal(t,s){const i=document.createElement("sd-loading-modal");return i.setAttribute("data-modal-id",t),i.classList.add("sd-modal-container__modal"),this.applyLoadingProps(i,s),i}applyLoadingProps(t,s){this.hasOwnProp(s,"state")&&this.setAttr(t,"state",s.state),this.hasOwnProp(s,"message")&&this.setAttr(t,"message",s.message),this.hasOwnProp(s,"buttonLabel")&&this.setAttr(t,"button-label",s.buttonLabel),this.hasOwnProp(s,"width")&&this.setAttr(t,"width",null!=s.width?s.width+"":void 0),this.hasOwnProp(s,"height")&&this.setAttr(t,"height",null!=s.height?s.height+"":void 0)}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),this.setBodyScrollLock(!1)}setBodyScrollLock(t){"undefined"!=typeof document&&t!==this.bodyScrollLocked&&(t?(this.previousBodyOverflow=document.body.style.overflow||"",document.body.style.overflow="hidden"):(document.body.style.overflow=this.previousBodyOverflow??"",this.previousBodyOverflow=null),this.bodyScrollLocked=t)}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.modalRef._triggerOk():"cancel"===s?i.modalRef._triggerCancel():"close"===s&&i.modalRef._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.setBodyScrollLock(!1),this.containerDismissTimerId=setTimeout((()=>{0===(this.entries??[]).length&&(this.isVisible=!1),this.containerDismissTimerId=void 0}),350)),s.modalRef._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, 9999);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],openLoading:[64],createCustom:[64],dismissById:[64],update:[64]},[[8,"keydown","handleKeydown"]]]),u=h,p=function(){"undefined"!=typeof customElements&&["sd-modal-container","sd-button-v2","sd-circle-progress","sd-confirm-modal","sd-ghost-button","sd-icon","sd-loading-modal","sd-tag"].forEach((t=>{switch(t){case"sd-modal-container":customElements.get(e(t))||customElements.define(e(t),h);break;case"sd-button-v2":customElements.get(e(t))||o();break;case"sd-circle-progress":customElements.get(e(t))||a();break;case"sd-confirm-modal":customElements.get(e(t))||n();break;case"sd-ghost-button":customElements.get(e(t))||d();break;case"sd-icon":customElements.get(e(t))||r();break;case"sd-loading-modal":customElements.get(e(t))||l();break;case"sd-tag":customElements.get(e(t))||c()}}))};export{u as SdModalContainer,p as defineCustomElement}
+import{p as t,H as s,h as i,t as e}from"./p-CCHce_Dt.js";import{d as o}from"./p-DlsWuYWL.js";import{d as a}from"./p-hN9rpxkR.js";import{d as n}from"./p-V6yl4lMM.js";import{d}from"./p-UR2Cf2Sm.js";import{d as r}from"./p-BF4hokOY.js";import{d as l}from"./p-DHh_uT9m.js";import{d as c}from"./p-iWu6aGXE.js";let m=0;const h=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost()}get el(){return this}entries=[];isVisible=!1;isBackdropVisible=!1;contentRef;containerDismissTimerId;previousBodyOverflow=null;bodyScrollLocked=!1;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-"+ ++m,e=this.createConfirmModal(i,t);return this.attachModalEventListeners(i,e),this.registerEntry(i,e,s,{persistent:!!t.persistent}),i}async openLoading(t,s){const i="modal-"+ ++m,e=this.createLoadingModal(i,t);return this.attachLoadingModalEventListeners(i,e),this.registerEntry(i,e,s,{persistent:!!t.persistent}),i}async createCustom(t,s,i){const e="modal-"+ ++m;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")))}attachLoadingModalEventListeners(t,s){s.addEventListener("sdClick",(()=>{const s=(this.entries??[]).find((s=>s.id===t));s?.modalRef._triggerClick?.()}))}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,modalRef:i,persistent:e.persistent,closing:!1}],this.isVisible=!0,this.setBodyScrollLock(!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 dismissById(t,s){this.requestDismiss(t,s)}async update(t,s){const i=(this.entries??[]).find((s=>s.id===t));i&&!i.closing&&("sd-loading-modal"===i.modalEl.tagName.toLowerCase()?this.applyLoadingProps(i.modalEl,s):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}createLoadingModal(t,s){const i=document.createElement("sd-loading-modal");return i.setAttribute("data-modal-id",t),i.classList.add("sd-modal-container__modal"),this.applyLoadingProps(i,s),i}applyLoadingProps(t,s){this.hasOwnProp(s,"state")&&this.setAttr(t,"state",s.state),this.hasOwnProp(s,"message")&&this.setAttr(t,"message",s.message),this.hasOwnProp(s,"useButton")&&(s.useButton?t.setAttribute("use-button",""):t.removeAttribute("use-button")),this.hasOwnProp(s,"buttonLabel")&&this.setAttr(t,"button-label",s.buttonLabel),this.hasOwnProp(s,"width")&&this.setAttr(t,"width",null!=s.width?s.width+"":void 0),this.hasOwnProp(s,"height")&&this.setAttr(t,"height",null!=s.height?s.height+"":void 0)}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),this.setBodyScrollLock(!1)}setBodyScrollLock(t){"undefined"!=typeof document&&t!==this.bodyScrollLocked&&(t?(this.previousBodyOverflow=document.body.style.overflow||"",document.body.style.overflow="hidden"):(document.body.style.overflow=this.previousBodyOverflow??"",this.previousBodyOverflow=null),this.bodyScrollLocked=t)}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.modalRef._triggerOk():"cancel"===s?i.modalRef._triggerCancel():"close"===s&&i.modalRef._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.setBodyScrollLock(!1),this.containerDismissTimerId=setTimeout((()=>{0===(this.entries??[]).length&&(this.isVisible=!1),this.containerDismissTimerId=void 0}),350)),s.modalRef._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, 9999);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],openLoading:[64],createCustom:[64],dismissById:[64],update:[64]},[[8,"keydown","handleKeydown"]]]),u=h,p=function(){"undefined"!=typeof customElements&&["sd-modal-container","sd-button-v2","sd-circle-progress","sd-confirm-modal","sd-ghost-button","sd-icon","sd-loading-modal","sd-tag"].forEach((t=>{switch(t){case"sd-modal-container":customElements.get(e(t))||customElements.define(e(t),h);break;case"sd-button-v2":customElements.get(e(t))||o();break;case"sd-circle-progress":customElements.get(e(t))||a();break;case"sd-confirm-modal":customElements.get(e(t))||n();break;case"sd-ghost-button":customElements.get(e(t))||d();break;case"sd-icon":customElements.get(e(t))||r();break;case"sd-loading-modal":customElements.get(e(t))||l();break;case"sd-tag":customElements.get(e(t))||c()}}))};export{u as SdModalContainer,p as defineCustomElement}