@sellmate/design-system 1.0.25 → 1.0.27

package/dist/components/p-wt_xdZCl.js

@@ -0,0 +1 @@
+import{p as t,H as e,h as o,F as s,t as i}from"./p-B1vJXa29.js";import{T as n}from"./p-D-ian_bu.js";import{d as a}from"./p-BDPJKxrr.js";import{d as l}from"./p-BZt0PSLv.js";import{d as r}from"./p-kyuN077y.js";var c={bg:"#07284A",content:"#FFFFFF"},d={bg:"#FCEFEF",content:"#FB4444"},b={bg:"#FEF1EA",content:"#FF6B00"},h={bg:"#E6F1FF",content:"#0075FF"};const p={default:{bg:c.bg,content:c.content},danger:{bg:d.bg,content:d.content},warning:{bg:b.bg,content:b.content},accent:{bg:h.bg,content:h.content}},u=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost()}get el(){return this}trigger="hover";placement="top";color="#01BB4B";tooltipType="default";icon="helpOutline";iconSize=12;label="";buttonSize="sm";buttonVariant="primary";noHover=!0;showTooltip=!1;slotContentHTML="";buttonEl;handleClose=()=>{this.showTooltip=!1};componentWillLoad(){this.slotContentHTML=this.el.innerHTML,this.el.replaceChildren(),this.el.classList.toggle("visible",!0)}render(){const t=p[this.tooltipType]??p.default,e="hover"===this.trigger?{onMouseEnter:()=>this.showTooltip=!0,onMouseLeave:()=>this.showTooltip=!1}:{onClick:()=>this.showTooltip=!this.showTooltip};return o(s,{key:"59034499ad4215be8135ec8da7a86d09b2d6b295"},this.label?o("sd-button",{ref:t=>this.buttonEl=t,label:this.label,icon:this.icon,size:this.buttonSize,color:this.color,variant:this.buttonVariant,class:"sd-tooltip",..."hover"===this.trigger?{onMouseEnter:()=>this.showTooltip=!0,onMouseLeave:()=>this.showTooltip=!1}:{onSdClick:()=>this.showTooltip=!this.showTooltip}}):o("sd-icon",{ref:t=>this.buttonEl=t,name:this.icon,size:this.iconSize,color:this.color,class:"sd-tooltip",...e}),this.showTooltip&&o("sd-floating-portal",{key:"53bae57a86e523feeba3d96246375dd62fa13b80",parentRef:this.buttonEl,onSdClose:this.handleClose.bind(this),placement:this.placement},o("div",{key:"6d084515f879936e04f7210ae59e008bbe7e8dd6",class:{"sd-floating-menu":!0,[`sd-floating-menu--${this.tooltipType}`]:!0,[`sd-floating-menu--${this.placement}`]:!0},style:{"--sd-floating-bg":t.bg,"--sd-floating-content":t.content}},o("i",{key:"38a80cb95be6bbd79dca41c36a9e48764bc8d3e7",class:`sd-floating-menu__arrow sd-floating-menu__arrow--${this.placement}`},o(n,{key:"e501bc5eab4cbe38a7f6c37202e2f10dc7f480c1"})),o("div",{key:"99346441a1cffa893312c98132dd819047500b69",class:"sd-floating-menu__content",innerHTML:this.slotContentHTML}))))}static get style(){return"sd-tooltip{visibility:hidden !important;display:inline-flex}sd-tooltip.visible{visibility:visible !important}sd-tooltip .sd-tooltip{position:relative;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}"}},[512,"sd-tooltip",{trigger:[1],placement:[1],color:[1],tooltipType:[1,"tooltip-type"],icon:[1],iconSize:[2,"icon-size"],label:[1],buttonSize:[1,"button-size"],buttonVariant:[1,"button-variant"],noHover:[4,"no-hover"],showTooltip:[32],slotContentHTML:[32]}]);function m(){"undefined"!=typeof customElements&&["sd-tooltip","sd-button","sd-floating-portal","sd-icon"].forEach((t=>{switch(t){case"sd-tooltip":customElements.get(i(t))||customElements.define(i(t),u);break;case"sd-button":customElements.get(i(t))||a();break;case"sd-floating-portal":customElements.get(i(t))||l();break;case"sd-icon":customElements.get(i(t))||r()}}))}export{u as S,m as d}

package/dist/components/sd-badge.js

@@ -1 +1 @@
-import{p as d,t as e,H as s,h as t}from"./p-B1vJXa29.js";import{r as a}from"./p-DUqcOPNn.js";const b=d(class extends s{constructor(d){super(),!1!==d&&this.__registerHost()}size="md";color="brilliantblue_75";label="";render(){const d=a(this.color);return t("div",{key:"a83ffeb7171c32bafc3312d95c9fed576d676a0d",class:"sd-badge sd-badge--"+this.size,style:{"--sd-badge-color":d}},t("div",{key:"b6d84b2391d0e03edcab957b4edf73c765c04c35",class:"sd-badge__dot"}),t("div",{key:"f06b5639135d87d7346b46c90a28ddeb40b05c9f",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{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}sd-badge .sd-badge--sm .sd-badge__dot{width:4px;height:4px;min-width:4px;min-height:4px;border-radius:2px}sd-badge .sd-badge--md .sd-badge__dot{width:8px;height:8px;min-width:8px;min-height:8px;border-radius:4px}"}},[512,"sd-badge",{size:[1],color:[1],label:[1]}]),i=b,g=function(){"undefined"!=typeof customElements&&["sd-badge"].forEach((d=>{"sd-badge"===d&&(customElements.get(e(d))||customElements.define(e(d),b))}))};export{i as SdBadge,g as defineCustomElement}
+import{p as e,t as d,H as s,h as a}from"./p-B1vJXa29.js";const t={red:"#FB4444",orange:"#FF6B00",yellow:"#FFC700",green:"#00973C",blue:"#0075FF",darkblue:"#006AC1",indigo:"#004290",grey:"#737373"},b=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost()}color="blue";label="";render(){return a("div",{key:"2326b8dc9bf6da9ab601dced34113bc62e99c4de",class:"sd-badge",style:{"--sd-badge-color":t[this.color]??t.blue}},a("div",{key:"40366f078c74d07515a456ae3dcd9bdb02fe5f7b",class:"sd-badge__dot"}),a("div",{key:"b2e03701635521a46d5a0dda4b489800f6f92cf9",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(d(e))||customElements.define(d(e),b))}))};export{l as SdBadge,i as defineCustomElement}

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

@@ -1 +1 @@
-import{p as t,H as n,c as o,h as s,t as d}from"./p-B1vJXa29.js";import{i,g as a,B as e,D as b,P as r,a as u,b as v,c as h,d as l}from"./p-VKF2AWs1.js";import{d as c}from"./p-BKTfQGcR.js";const g=t(class extends n{constructor(t){super(),!1!==t&&this.__registerHost(),this.click=o(this,"sdClick")}name="primary_sm";label="";icon;ariaLabel="";disabled=!1;type="button";click;hasWarnedMissingAriaLabel=!1;handleClick=t=>{this.disabled?t.preventDefault():this.click.emit(t)};get resolvedConfig(){if(!i(this.name))throw Error("Invalid sd-button-v2 name: "+this.name);return{config:e[this.name],preset:a(this.name)}}getButtonClasses(t,n,o,s){const d=["sd-button-v2","sd-button-v2--"+t,"sd-button-v2--"+n];return this.disabled&&d.push("sd-button-v2--disabled"),s&&d.push("sd-button-v2--icon-only"),o&&d.push("sd-button-v2--has-label"),d.join(" ")}componentWillRender(){this.warnIfMissingAriaLabel()}warnIfMissingAriaLabel(){this.label||!this.icon||this.ariaLabel.trim()?this.hasWarnedMissingAriaLabel=!1:this.hasWarnedMissingAriaLabel||(console.warn(`[sd-button-v2] icon-only buttons require \`ariaLabel\`. Received name="${this.name}" icon="${this.icon}".`),this.hasWarnedMissingAriaLabel=!0)}render(){const{config:t,preset:n}=this.resolvedConfig,o=!!this.label,d=!this.label&&!!this.icon,i=d&&this.ariaLabel.trim()?this.ariaLabel:void 0,a=this.disabled?b:r[n];return s("button",{key:"9adec3868e5337822463a5a37a741ef146a081be",class:this.getButtonClasses(n,t.size,o,d),type:this.type,disabled:this.disabled,"aria-label":i,style:{"--sd-button-v2-bg":"primary"===t.variant?t.color:"#FFFFFF","--sd-button-v2-bg-hover":l[n],"--sd-button-v2-border":h[n],"--sd-button-v2-content":r[n],"--sd-button-v2-accent":v},onClick:this.handleClick},s("span",{key:"849c90886e77e792e4e34ef064352361a29664f0",class:"sd-button-v2__content"},this.icon&&s("sd-icon",{key:"5c5bc61ab43aa17124337a7107a3e6ab82f566ae",class:"sd-button-v2__icon",name:this.icon,size:u[t.size],color:a}),this.label&&s("span",{key:"e2d1a5ce465f07310a4d03966609baaf7e968b0e",class:"sd-button-v2__label"},this.label)))}static get style(){return"sd-button-v2{display:inline-flex;width:fit-content;height:fit-content}.sd-button-v2{--sd-button-v2-height:34px;--sd-button-v2-padding-x:20px;--sd-button-v2-gap:8px;--sd-button-v2-font-family:inherit;--sd-button-v2-font-size:16px;--sd-button-v2-font-weight:500;--sd-button-v2-text-decoration:none;--sd-button-v2-label-min-width:auto;--sd-button-v2-icon-only-size:var(--sd-button-v2-height);--sd-button-v2-bg:#025497;--sd-button-v2-bg-hover:#004177;--sd-button-v2-border:transparent;--sd-button-v2-content:#ffffff;display:inline-flex;align-items:center;justify-content:center;min-height:var(--sd-button-v2-height);min-width:var(--sd-button-v2-min-width, auto);padding:0 var(--sd-button-v2-padding-x);border:var(--sd-button-border-width-default, 1px) solid var(--sd-button-v2-border);border-radius:var(--sd-button-radius-default, 4px);background:var(--sd-button-v2-bg);color:var(--sd-button-v2-content);cursor:pointer;box-sizing:border-box;font-family:var(--sd-button-v2-font-family);font-size:var(--sd-button-v2-font-size);font-weight:var(--sd-button-v2-font-weight);line-height:1;text-decoration:var(--sd-button-v2-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;-webkit-user-select:none;user-select:none}.sd-button-v2:hover:not(.sd-button-v2--disabled){background:var(--sd-button-v2-bg-hover)}.sd-button-v2:focus-visible{outline:0;box-shadow:0 0 0 2px var(--sd-button-v2-accent)}.sd-button-v2--xs{--sd-button-v2-height:var(--sd-button-xs-height, 24px);--sd-button-v2-padding-x:var(--sd-button-xs-padding-x, 8px);--sd-button-v2-gap:var(--sd-button-xs-gap, 4px);--sd-button-v2-font-family:var(--sd-button-xs-typography-font-family, inherit);--sd-button-v2-font-size:var(--sd-button-xs-typography-font-size, 12px);--sd-button-v2-font-weight:var(--sd-button-xs-typography-font-weight, 500);--sd-button-v2-text-decoration:var(--sd-button-xs-typography-text-decoration, none);--sd-button-v2-label-min-width:var(--sd-button-label-xs-min-width, auto);--sd-button-v2-icon-only-size:var(--sd-button-icon-only-xs-width, var(--sd-button-v2-height))}.sd-button-v2--sm{--sd-button-v2-height:var(--sd-button-sm-height, 28px);--sd-button-v2-padding-x:var(--sd-button-sm-padding-x, 12px);--sd-button-v2-gap:var(--sd-button-sm-gap, 6px);--sd-button-v2-font-family:var(--sd-button-sm-typography-font-family, inherit);--sd-button-v2-font-size:var(--sd-button-sm-typography-font-size, 12px);--sd-button-v2-font-weight:var(--sd-button-sm-typography-font-weight, 500);--sd-button-v2-text-decoration:var(--sd-button-sm-typography-text-decoration, none);--sd-button-v2-label-min-width:var(--sd-button-label-sm-min-width, auto);--sd-button-v2-icon-only-size:var(--sd-button-icon-only-sm-width, var(--sd-button-v2-height))}.sd-button-v2--md{--sd-button-v2-height:var(--sd-button-md-height, 34px);--sd-button-v2-padding-x:var(--sd-button-md-padding-x, 20px);--sd-button-v2-gap:var(--sd-button-md-gap, 8px);--sd-button-v2-font-family:var(--sd-button-md-typography-font-family, inherit);--sd-button-v2-font-size:var(--sd-button-md-typography-font-size, 16px);--sd-button-v2-font-weight:var(--sd-button-md-typography-font-weight, 500);--sd-button-v2-text-decoration:var(--sd-button-md-typography-text-decoration, none);--sd-button-v2-label-min-width:var(--sd-button-label-md-min-width, auto);--sd-button-v2-icon-only-size:var(--sd-button-icon-only-md-width, var(--sd-button-v2-height))}.sd-button-v2--lg{--sd-button-v2-height:var(--sd-button-lg-height, 62px);--sd-button-v2-padding-x:var(--sd-button-lg-padding-x, 28px);--sd-button-v2-gap:var(--sd-button-lg-gap, 12px);--sd-button-v2-font-family:var(--sd-button-lg-typography-font-family, inherit);--sd-button-v2-font-size:var(--sd-button-lg-typography-font-size, 18px);--sd-button-v2-font-weight:var(--sd-button-lg-typography-font-weight, 500);--sd-button-v2-text-decoration:var(--sd-button-lg-typography-text-decoration, none);--sd-button-v2-label-min-width:var(--sd-button-label-lg-min-width, auto);--sd-button-v2-icon-only-size:var(--sd-button-icon-only-lg-width, var(--sd-button-v2-height))}.sd-button-v2--has-label{--sd-button-v2-min-width:var(--sd-button-v2-label-min-width, auto)}.sd-button-v2--icon-only{width:var(--sd-button-v2-icon-only-size, var(--sd-button-v2-height));min-width:var(--sd-button-v2-icon-only-size, var(--sd-button-v2-height));height:var(--sd-button-v2-icon-only-size, var(--sd-button-v2-height));padding:0}.sd-button-v2--icon-only .sd-button-v2__content{gap:0}.sd-button-v2--disabled{border-color:var(--sd-button-border-disabled, #CCCCCC);background:var(--sd-button-bg-disabled, #E1E1E1);color:var(--sd-button-content-disabled, #888888);cursor:not-allowed}.sd-button-v2 .sd-button-v2__content{display:inline-flex;align-items:center;justify-content:center;gap:var(--sd-button-v2-gap)}.sd-button-v2 .sd-button-v2__label{font:inherit}"}},[512,"sd-button-v2",{name:[1],label:[1],icon:[1],ariaLabel:[1,"aria-label"],disabled:[4],type:[1]}]),p=g,f=function(){"undefined"!=typeof customElements&&["sd-button-v2","sd-icon"].forEach((t=>{switch(t){case"sd-button-v2":customElements.get(d(t))||customElements.define(d(t),g);break;case"sd-icon":customElements.get(d(t))||c()}}))};export{p as SdButtonV2,f as defineCustomElement}
+import{p as t,H as n,c as o,h as s,t as d}from"./p-B1vJXa29.js";import{i as e,g as i,B as a,a as b,b as r,P as u,c as v,d as h}from"./p-DuzMehmA.js";import{d as l}from"./p-kyuN077y.js";const c=t(class extends n{constructor(t){super(),!1!==t&&this.__registerHost(),this.click=o(this,"sdClick")}name="primary_sm";label="";icon;ariaLabel="";disabled=!1;type="button";click;hasWarnedMissingAriaLabel=!1;handleClick=t=>{this.disabled?t.preventDefault():this.click.emit(t)};get resolvedConfig(){if(!e(this.name))throw Error("Invalid sd-button-v2 name: "+this.name);return{config:a[this.name],preset:i(this.name)}}getButtonClasses(t,n,o,s){const d=["sd-button-v2","sd-button-v2--"+t,"sd-button-v2--"+n];return this.disabled&&d.push("sd-button-v2--disabled"),s&&d.push("sd-button-v2--icon-only"),o&&d.push("sd-button-v2--has-label"),d.join(" ")}componentWillRender(){this.warnIfMissingAriaLabel()}warnIfMissingAriaLabel(){this.label||!this.icon||this.ariaLabel.trim()?this.hasWarnedMissingAriaLabel=!1:this.hasWarnedMissingAriaLabel||(console.warn(`[sd-button-v2] icon-only buttons require \`ariaLabel\`. Received name="${this.name}" icon="${this.icon}".`),this.hasWarnedMissingAriaLabel=!0)}render(){const{config:t,preset:n}=this.resolvedConfig,o=!!this.label,d=!this.label&&!!this.icon,e=d&&this.ariaLabel.trim()?this.ariaLabel:void 0;return s("button",{key:"248e85751b7f7f1cdb770e4f4c1466fa8736f024",class:this.getButtonClasses(n,t.size,o,d),type:this.type,disabled:this.disabled,"aria-label":e,style:{"--sd-button-v2-bg":"primary"===t.variant?t.color:"#FFFFFF","--sd-button-v2-bg-hover":h[n],"--sd-button-v2-border":v[n],"--sd-button-v2-content":u[n],"--sd-button-v2-accent":r},onClick:this.handleClick},s("span",{key:"0b68fdf9711cd26d6f143fec848d3e16e32c81e2",class:"sd-button-v2__content"},this.icon&&s("sd-icon",{key:"26bffa7135658f790e65a8b0aa32af055ea269f2",class:"sd-button-v2__icon",name:this.icon,size:b[t.size],color:"var(--sd-button-v2-current-content)"}),this.label&&s("span",{key:"5016092b05b4f068f823ae8dbd6a47ea23763086",class:"sd-button-v2__label"},this.label)))}static get style(){return"sd-button-v2{display:inline-flex;width:fit-content;height:fit-content}.sd-button-v2{--sd-button-v2-height:34px;--sd-button-v2-padding-x:20px;--sd-button-v2-gap:8px;--sd-button-v2-font-family:inherit;--sd-button-v2-font-size:16px;--sd-button-v2-font-weight:500;--sd-button-v2-text-decoration:none;--sd-button-v2-label-min-width:auto;--sd-button-v2-icon-only-size:var(--sd-button-v2-height);--sd-button-v2-bg:$oceanblue_75;--sd-button-v2-bg-hover:$oceanblue_80;--sd-button-v2-border:transparent;--sd-button-v2-content:$white;--sd-button-v2-current-content:var(--sd-button-v2-content);display:inline-flex;align-items:center;justify-content:center;min-height:var(--sd-button-v2-height);min-width:var(--sd-button-v2-min-width, auto);padding:0 var(--sd-button-v2-padding-x);border:var(--sd-button-border-width-default, 1px) solid var(--sd-button-v2-border);border-radius:var(--sd-button-radius-default, 4px);background:var(--sd-button-v2-bg);color:var(--sd-button-v2-current-content);cursor:pointer;box-sizing:border-box;font-family:var(--sd-button-v2-font-family);font-size:var(--sd-button-v2-font-size);font-weight:var(--sd-button-v2-font-weight);line-height:1;text-decoration:var(--sd-button-v2-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;-webkit-user-select:none;user-select:none}.sd-button-v2:hover:not(.sd-button-v2--disabled){background:var(--sd-button-v2-bg-hover)}.sd-button-v2:focus-visible{outline:0;box-shadow:0 0 0 2px var(--sd-button-v2-accent)}.sd-button-v2--xs{--sd-button-v2-height:var(--sd-button-xs-height, 24px);--sd-button-v2-padding-x:var(--sd-button-xs-padding-x, 8px);--sd-button-v2-gap:var(--sd-button-xs-gap, 4px);--sd-button-v2-font-family:var(--sd-button-xs-typography-font-family, inherit);--sd-button-v2-font-size:var(--sd-button-xs-typography-font-size, 12px);--sd-button-v2-font-weight:var(--sd-button-xs-typography-font-weight, 500);--sd-button-v2-text-decoration:var(--sd-button-xs-typography-text-decoration, none);--sd-button-v2-label-min-width:var(--sd-button-label-xs-min-width, auto);--sd-button-v2-icon-only-size:var(--sd-button-icon-only-xs-width, var(--sd-button-v2-height))}.sd-button-v2--sm{--sd-button-v2-height:var(--sd-button-sm-height, 28px);--sd-button-v2-padding-x:var(--sd-button-sm-padding-x, 12px);--sd-button-v2-gap:var(--sd-button-sm-gap, 6px);--sd-button-v2-font-family:var(--sd-button-sm-typography-font-family, inherit);--sd-button-v2-font-size:var(--sd-button-sm-typography-font-size, 12px);--sd-button-v2-font-weight:var(--sd-button-sm-typography-font-weight, 500);--sd-button-v2-text-decoration:var(--sd-button-sm-typography-text-decoration, none);--sd-button-v2-label-min-width:var(--sd-button-label-sm-min-width, auto);--sd-button-v2-icon-only-size:var(--sd-button-icon-only-sm-width, var(--sd-button-v2-height))}.sd-button-v2--md{--sd-button-v2-height:var(--sd-button-md-height, 34px);--sd-button-v2-padding-x:var(--sd-button-md-padding-x, 20px);--sd-button-v2-gap:var(--sd-button-md-gap, 8px);--sd-button-v2-font-family:var(--sd-button-md-typography-font-family, inherit);--sd-button-v2-font-size:var(--sd-button-md-typography-font-size, 16px);--sd-button-v2-font-weight:var(--sd-button-md-typography-font-weight, 500);--sd-button-v2-text-decoration:var(--sd-button-md-typography-text-decoration, none);--sd-button-v2-label-min-width:var(--sd-button-label-md-min-width, auto);--sd-button-v2-icon-only-size:var(--sd-button-icon-only-md-width, var(--sd-button-v2-height))}.sd-button-v2--lg{--sd-button-v2-height:var(--sd-button-lg-height, 62px);--sd-button-v2-padding-x:var(--sd-button-lg-padding-x, 28px);--sd-button-v2-gap:var(--sd-button-lg-gap, 12px);--sd-button-v2-font-family:var(--sd-button-lg-typography-font-family, inherit);--sd-button-v2-font-size:var(--sd-button-lg-typography-font-size, 18px);--sd-button-v2-font-weight:var(--sd-button-lg-typography-font-weight, 500);--sd-button-v2-text-decoration:var(--sd-button-lg-typography-text-decoration, none);--sd-button-v2-label-min-width:var(--sd-button-label-lg-min-width, auto);--sd-button-v2-icon-only-size:var(--sd-button-icon-only-lg-width, var(--sd-button-v2-height))}.sd-button-v2--has-label{--sd-button-v2-min-width:var(--sd-button-v2-label-min-width, auto)}.sd-button-v2--icon-only{width:var(--sd-button-v2-icon-only-size, var(--sd-button-v2-height));min-width:var(--sd-button-v2-icon-only-size, var(--sd-button-v2-height));height:var(--sd-button-v2-icon-only-size, var(--sd-button-v2-height));padding:0}.sd-button-v2--icon-only .sd-button-v2__content{gap:0}.sd-button-v2--disabled{border-color:var(--sd-button-border-disabled, #CCCCCC);background:var(--sd-button-bg-disabled, #E1E1E1);--sd-button-v2-current-content:var(--sd-button-content-disabled, $grey_65);cursor:not-allowed}.sd-button-v2 .sd-button-v2__content{display:inline-flex;align-items:center;justify-content:center;gap:var(--sd-button-v2-gap)}.sd-button-v2 .sd-button-v2__label{font:inherit}"}},[512,"sd-button-v2",{name:[1],label:[1],icon:[1],ariaLabel:[1,"aria-label"],disabled:[4],type:[1]}]),g=c,p=function(){"undefined"!=typeof customElements&&["sd-button-v2","sd-icon"].forEach((t=>{switch(t){case"sd-button-v2":customElements.get(d(t))||customElements.define(d(t),c);break;case"sd-icon":customElements.get(d(t))||l()}}))};export{g as SdButtonV2,p as defineCustomElement}

package/dist/components/sd-button.js

@@ -1 +1 @@
-import{S as o,d as s}from"./p-CAZeEBeS.js";const e=o,p=s;export{e as SdButton,p as defineCustomElement}
+import{S as r,d as o}from"./p-BDPJKxrr.js";const s=r,p=o;export{s as SdButton,p 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-B1vJXa29.js";const c=d(class extends s{constructor(d){super(),!1!==d&&this.__registerHost()}bordered=!1;sdClass="";render(){return e(r,{key:"3999f64f54054b3a1662fac4aacf9f6898acb957"},e("div",{key:"666b8e849b92a5e75d259ff079237911fd591cdd",class:`sd-card ${this.bordered?"sd-card--bordered":""} ${this.sdClass}`},e("slot",{key:"dc8f4ae80e9aca7a0aecaed81f45d40e7df2c067"})))}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"]}]),t=c,o=function(){"undefined"!=typeof customElements&&["sd-card"].forEach((d=>{"sd-card"===d&&(customElements.get(a(d))||customElements.define(a(d),c))}))};export{t as SdCard,o as defineCustomElement}
+import{p as d,H as s,h as e,F as r,t as c}from"./p-B1vJXa29.js";const t=d(class extends s{constructor(d){super(),!1!==d&&this.__registerHost()}bordered=!1;sdClass="";render(){return e(r,{key:"01df653d1718aab046ee74275f13c926fbf05573"},e("div",{key:"82dcf247f0f718328fa4f1c3548becff1c1d6fd3",class:`sd-card ${this.bordered?"sd-card--bordered":""} ${this.sdClass}`},e("slot",{key:"33b518500426f3abd40ee4a5719c8f784bfeb65a"})))}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"]}]),a=t,o=function(){"undefined"!=typeof customElements&&["sd-card"].forEach((d=>{"sd-card"===d&&(customElements.get(c(d))||customElements.define(c(d),t))}))};export{a as SdCard,o as defineCustomElement}

package/dist/components/sd-checkbox.js

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

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

@@ -1 +1 @@
-import{p as e,H as t,c as s,h as d,t as a}from"./p-B1vJXa29.js";import{u as i,t as c}from"./p-DTrMR0rx.js";import{d as r}from"./p-CAZeEBeS.js";import{d as n}from"./p-hfbNb5UF.js";import{d as p}from"./p-B1o7vc2v.js";import{d as o}from"./p-CVvYLd5J.js";import{d as l}from"./p-BKTfQGcR.js";import{d as k}from"./p-CzHa12Ax.js";import{d as h}from"./p-Dun2lZmi.js";import{d as b}from"./p-CDzGasXW.js";const m=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.update=s(this,"sdUpdate")}get el(){return this}value=null;label;selectable;disabled=!1;placeholder="";isOpen=!1;currentDate=null;currentYear;currentMonth;update;componentWillLoad(){this.setCalendar()}dateUtil=i();inputEl;setCalendar(){const e=this.value||c,[t,s]=e.split("-").map(Number);this.currentYear=t,this.currentMonth=s,this.currentDate=this.value}openMenu(){this.disabled||(this.setCalendar(),this.isOpen=!0)}get calendar(){return this.dateUtil.createCalendar(this.currentYear,this.currentMonth)}setCurrentYear(e){this.currentYear=e}setCurrentMonth(e){this.currentMonth=e}setCurrentDate(e){this.currentDate=e}handleUpdateMonth(e){const{newYear:t,newMonth:s}=this.dateUtil.calculateYearMonth(this.currentYear,this.currentMonth,e);this.setCurrentYear(t),this.setCurrentMonth(s)}handleDateClick(e){if(!e)return;const t=this.dateUtil.formatDate(this.currentYear,this.currentMonth,e);this.setCurrentDate(t),this.isOpen=!1,this.value=t,this.update.emit?.(t)}isDisabledDate(e){if(!this.selectable)return!1;const[t,s]=this.selectable;return t&&s?e<t||e>s:t?e<t:!!s&&e>s}handleClose=()=>{this.isOpen=!1};render(){return d("div",{key:"cd2f9c240e1e67806d1d9334937a905330d29a1f",class:{"sd-date-picker":!0,"sd-date-picker--disabled":this.disabled}},d("sd-input",{key:"1d77404494bd1fadf15d82dfabecbf61b73e5da8",ref:e=>this.inputEl=e,value:this.value,label:this.label,"inside-label":!0,readonly:!0,disabled:this.disabled,placeholder:this.placeholder,inputClass:"sd-date-picker__input",onClick:()=>this.openMenu()},d("sd-icon",{key:"627b76b7d276cff34224a130bb2596ca6f2ff49e",slot:"prefix",name:"date",size:"16",color:this.disabled?"grey_65":"grey_70",class:"date-icon",onClick:()=>this.openMenu()})),this.isOpen&&d("sd-portal",{key:"9dd006a9051c22dd8084ae9cb72e82c9c0b9be2b",open:this.isOpen,parentRef:this.inputEl,onSdClose:this.handleClose},d("div",{key:"5090eb945c7241f3224b3d2c7a5a96221cc46c04",class:"sd-date-picker__menu"},d("div",{key:"fa127745062937dfe4f04773b7d6afa74d13bd7a",class:"sd-date-picker__header"},d("div",{key:"7c59917872614d1351a3dfe3783017bd6bc6b75c",class:"year-nav"},d("button",{key:"9e27d2d76ca72820d57c2d9ebc40fa842129da22",type:"button",name:"prev-year",title:"Previous Year",onClick:()=>this.setCurrentYear(this.currentYear-1)},d("sd-icon",{key:"17c8f872b7cfb2825d4c9528b5838487b97529f0",name:"arrowLeft",size:"12",color:"#CCCCCC"})),d("span",{key:"41999c78367c90bc4d1d9bfdeb6e3d29d44df2c2",class:"year-nav__current"},this.currentYear),d("button",{key:"52953ec66118afd480e7ce6207a551f18b61ac6d",type:"button",name:"next-year",title:"Next Year",onClick:()=>this.setCurrentYear(this.currentYear+1)},d("sd-icon",{key:"e740bcc2a23f4df850b4e2579ce0cae14419313c",name:"arrowRight",size:"12",color:"#CCCCCC"}))),d("div",{key:"7fac86c6405a3936a1f0bdb51e5ca61463ef463a",class:"month-nav"},d("button",{key:"62e22a2063c7ea972bf74ea08af0d519a5250b3f",type:"button",name:"prev-month",title:"Previous       ",onClick:()=>this.handleUpdateMonth("prev")},d("sd-icon",{key:"fa53cbb5f2e61a3b1f0807639ce2c81516a1ca57",name:"arrowLeft",size:"12",color:"#CCCCCC"})),d("span",{key:"57eb7eaf1e3a11ba69cf4ef4af9852541abd7902",class:"month-nav__current"},this.currentMonth,"월"),d("button",{key:"08a783b73efd7a5df2638df7c8bcac5411b2e642",type:"button",name:"next-month",title:"Next Month",onClick:()=>this.handleUpdateMonth("next")},d("sd-icon",{key:"4a5bb4f4e6f3105fc9fda008eb51a47efe606b81",name:"arrowRight",size:"12",color:"#CCCCCC"})))),d("div",{key:"8dd540a7188716446b2e9bcda707d7458a2ea817",class:"sd-date-picker__days"},["일","월","화","수","목","금","토"].map((e=>d("div",{key:e,class:"day"},e)))),d("div",{key:"f2da8d2325cb2fb9cb89d9c93d850cefc62235bf",class:"sd-date-picker__body"},[...this.calendar.prevMonthDays,...this.calendar.days,...this.calendar.afterMonthDays].map(((e,t)=>{const s=this.dateUtil.formatDate(this.currentYear,this.currentMonth,Number(e));return d("sd-date-box",{key:`${e}_${t}`,date:e?Number(e):"",selected:this.currentDate===s,isToday:c===s,disabled:!e||this.isDisabledDate(s),onClick:!this.isDisabledDate(s)&&e?()=>this.handleDateClick(Number(e)):void 0})}))))))}static get style(){return".sd-date-picker.sc-sd-date-picker{width:100%;display:inline-block}.sd-date-picker.sc-sd-date-picker .sd-date-picker--disabled.sc-sd-date-picker .date-icon.sc-sd-date-picker{cursor:not-allowed !important;color:#888888 !important}.sd-date-picker.sc-sd-date-picker .sd-date-picker__input.sc-sd-date-picker{text-align:center !important}.sd-date-picker__menu.sc-sd-date-picker{width:304px;box-sizing:border-box;border-radius:8px;padding:24px 19px;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.2);background:white}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker{display:flex;flex-flow:row nowrap;align-items:center;gap:20px;font-size:14px;padding:0 5px;height:24px;line-height:24px}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .year-nav.sc-sd-date-picker,.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .month-nav.sc-sd-date-picker{display:flex;flex-flow:row nowrap;align-items:center;gap:12px}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .year-nav.sc-sd-date-picker button.sc-sd-date-picker,.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .month-nav.sc-sd-date-picker button.sc-sd-date-picker{background:none;border:none;cursor:pointer;margin:0;padding:0}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .year-nav__current.sc-sd-date-picker{width:40px;text-align:center}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .month-nav__current.sc-sd-date-picker{width:100px;text-align:center}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__days.sc-sd-date-picker{margin-top:8px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr));column-gap:10px;padding:0 5px}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__days.sc-sd-date-picker .day.sc-sd-date-picker{width:28px;height:20px;font-size:12px;line-height:20px;text-align:center;color:#888888}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__body.sc-sd-date-picker{margin-top:12px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr))}"}},[514,"sd-date-picker",{value:[1537],label:[1],selectable:[16],disabled:[4],placeholder:[1],isOpen:[32],currentDate:[32],currentYear:[32],currentMonth:[32]}]),u=m,f=function(){"undefined"!=typeof customElements&&["sd-date-picker","sd-button","sd-date-box","sd-field","sd-floating-portal","sd-icon","sd-input","sd-portal","sd-tooltip"].forEach((e=>{switch(e){case"sd-date-picker":customElements.get(a(e))||customElements.define(a(e),m);break;case"sd-button":customElements.get(a(e))||r();break;case"sd-date-box":customElements.get(a(e))||n();break;case"sd-field":customElements.get(a(e))||p();break;case"sd-floating-portal":customElements.get(a(e))||o();break;case"sd-icon":customElements.get(a(e))||l();break;case"sd-input":customElements.get(a(e))||k();break;case"sd-portal":customElements.get(a(e))||h();break;case"sd-tooltip":customElements.get(a(e))||b()}}))};export{u as SdDatePicker,f as defineCustomElement}
+import{p as e,H as t,c as s,h as d,t as a}from"./p-B1vJXa29.js";import{u as i,t as r}from"./p-DTrMR0rx.js";import{d as c}from"./p-BDPJKxrr.js";import{d as n}from"./p-hfbNb5UF.js";import{d as p}from"./p-CgilbV-B.js";import{d as o}from"./p-BZt0PSLv.js";import{d as l}from"./p-kyuN077y.js";import{d as k}from"./p-D4eRE9J1.js";import{d as h}from"./p-fvvA-prd.js";import{d as b}from"./p-wt_xdZCl.js";const m=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.update=s(this,"sdUpdate")}get el(){return this}value=null;label;selectable;disabled=!1;placeholder="";isOpen=!1;currentDate=null;currentYear;currentMonth;update;componentWillLoad(){this.setCalendar()}dateUtil=i();inputEl;setCalendar(){const e=this.value||r,[t,s]=e.split("-").map(Number);this.currentYear=t,this.currentMonth=s,this.currentDate=this.value}openMenu(){this.disabled||(this.setCalendar(),this.isOpen=!0)}get calendar(){return this.dateUtil.createCalendar(this.currentYear,this.currentMonth)}setCurrentYear(e){this.currentYear=e}setCurrentMonth(e){this.currentMonth=e}setCurrentDate(e){this.currentDate=e}handleUpdateMonth(e){const{newYear:t,newMonth:s}=this.dateUtil.calculateYearMonth(this.currentYear,this.currentMonth,e);this.setCurrentYear(t),this.setCurrentMonth(s)}handleDateClick(e){if(!e)return;const t=this.dateUtil.formatDate(this.currentYear,this.currentMonth,e);this.setCurrentDate(t),this.isOpen=!1,this.value=t,this.update.emit?.(t)}isDisabledDate(e){if(!this.selectable)return!1;const[t,s]=this.selectable;return t&&s?e<t||e>s:t?e<t:!!s&&e>s}handleClose=()=>{this.isOpen=!1};render(){return d("div",{key:"3cef7a7c9eeb6008003a70c863817330f1f9327d",class:{"sd-date-picker":!0,"sd-date-picker--disabled":this.disabled}},d("sd-input",{key:"410d7911e51728fa60553f3fc3c50c144b55714c",ref:e=>this.inputEl=e,value:this.value,label:this.label,"inside-label":!0,readonly:!0,disabled:this.disabled,placeholder:this.placeholder,inputClass:"sd-date-picker__input",onClick:()=>this.openMenu()},d("sd-icon",{key:"8f8911ccb8ce048d14550db0d693248d697dbd21",slot:"prefix",name:"date",size:"16",color:this.disabled?"grey_65":"grey_70",class:"date-icon",onClick:()=>this.openMenu()})),this.isOpen&&d("sd-portal",{key:"41cbcd7a67305abf795e49f2faad0cfb01dd0e92",open:this.isOpen,parentRef:this.inputEl,onSdClose:this.handleClose},d("div",{key:"b307cd035a8c99eeb2c0a5353f5131c218d800f9",class:"sd-date-picker__menu"},d("div",{key:"7448c069921dad201e0b6701a260eb1fd4bfb217",class:"sd-date-picker__header"},d("div",{key:"ed1f0a9f59d528dd743f71c72106b8d7c0be07a4",class:"year-nav"},d("button",{key:"364346026bfd1650b9ccb38fd9d996eea7486989",type:"button",name:"prev-year",title:"Previous Year",onClick:()=>this.setCurrentYear(this.currentYear-1)},d("sd-icon",{key:"a256a1adc87cdb5f7876cb76183825d82d87de19",name:"arrowLeft",size:"12",color:"#CCCCCC"})),d("span",{key:"60110caede0ed656cfa58ae1200b08de7631abca",class:"year-nav__current"},this.currentYear),d("button",{key:"07f8040d822605f4461fd80dd3910ebd973060b7",type:"button",name:"next-year",title:"Next Year",onClick:()=>this.setCurrentYear(this.currentYear+1)},d("sd-icon",{key:"820cd76287e851cb2a25db93183a0d90e71dfd9d",name:"arrowRight",size:"12",color:"#CCCCCC"}))),d("div",{key:"979262f63bb16e954a661b80e6cef155f329b651",class:"month-nav"},d("button",{key:"f9e93031b0b8e07067d1ff562bbb2f3d41a2a761",type:"button",name:"prev-month",title:"Previous       ",onClick:()=>this.handleUpdateMonth("prev")},d("sd-icon",{key:"1202cfb15fb886fc31c495c1f6fd37eb990ba3a3",name:"arrowLeft",size:"12",color:"#CCCCCC"})),d("span",{key:"b29c00421943e45fed684e63dfebf895686f6d45",class:"month-nav__current"},this.currentMonth,"월"),d("button",{key:"13eda140f8dbe92cb75ae288942f1e2fda3b2891",type:"button",name:"next-month",title:"Next Month",onClick:()=>this.handleUpdateMonth("next")},d("sd-icon",{key:"4ee850a4c9ae4a92e42df78d214ae5380c572dc4",name:"arrowRight",size:"12",color:"#CCCCCC"})))),d("div",{key:"13887a76bdea27522798fde506ad04851bb701aa",class:"sd-date-picker__days"},["일","월","화","수","목","금","토"].map((e=>d("div",{key:e,class:"day"},e)))),d("div",{key:"a887e352065fe18797104b2271920f98a8392775",class:"sd-date-picker__body"},[...this.calendar.prevMonthDays,...this.calendar.days,...this.calendar.afterMonthDays].map(((e,t)=>{const s=this.dateUtil.formatDate(this.currentYear,this.currentMonth,Number(e));return d("sd-date-box",{key:`${e}_${t}`,date:e?Number(e):"",selected:this.currentDate===s,isToday:r===s,disabled:!e||this.isDisabledDate(s),onClick:!this.isDisabledDate(s)&&e?()=>this.handleDateClick(Number(e)):void 0})}))))))}static get style(){return".sd-date-picker.sc-sd-date-picker{width:100%;display:inline-block}.sd-date-picker.sc-sd-date-picker .sd-date-picker--disabled.sc-sd-date-picker .date-icon.sc-sd-date-picker{cursor:not-allowed !important;color:#888888 !important}.sd-date-picker.sc-sd-date-picker .sd-date-picker__input.sc-sd-date-picker{text-align:center !important}.sd-date-picker__menu.sc-sd-date-picker{width:304px;box-sizing:border-box;border-radius:8px;padding:24px 19px;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.2);background:white}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker{display:flex;flex-flow:row nowrap;align-items:center;gap:20px;font-size:14px;padding:0 5px;height:24px;line-height:24px}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .year-nav.sc-sd-date-picker,.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .month-nav.sc-sd-date-picker{display:flex;flex-flow:row nowrap;align-items:center;gap:12px}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .year-nav.sc-sd-date-picker button.sc-sd-date-picker,.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .month-nav.sc-sd-date-picker button.sc-sd-date-picker{background:none;border:none;cursor:pointer;margin:0;padding:0}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .year-nav__current.sc-sd-date-picker{width:40px;text-align:center}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .month-nav__current.sc-sd-date-picker{width:100px;text-align:center}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__days.sc-sd-date-picker{margin-top:8px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr));column-gap:10px;padding:0 5px}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__days.sc-sd-date-picker .day.sc-sd-date-picker{width:28px;height:20px;font-size:12px;line-height:20px;text-align:center;color:#888888}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__body.sc-sd-date-picker{margin-top:12px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr))}"}},[514,"sd-date-picker",{value:[1537],label:[1],selectable:[16],disabled:[4],placeholder:[1],isOpen:[32],currentDate:[32],currentYear:[32],currentMonth:[32]}]),u=m,f=function(){"undefined"!=typeof customElements&&["sd-date-picker","sd-button","sd-date-box","sd-field","sd-floating-portal","sd-icon","sd-input","sd-portal","sd-tooltip"].forEach((e=>{switch(e){case"sd-date-picker":customElements.get(a(e))||customElements.define(a(e),m);break;case"sd-button":customElements.get(a(e))||c();break;case"sd-date-box":customElements.get(a(e))||n();break;case"sd-field":customElements.get(a(e))||p();break;case"sd-floating-portal":customElements.get(a(e))||o();break;case"sd-icon":customElements.get(a(e))||l();break;case"sd-input":customElements.get(a(e))||k();break;case"sd-portal":customElements.get(a(e))||h();break;case"sd-tooltip":customElements.get(a(e))||b()}}))};export{u as SdDatePicker,f as defineCustomElement}

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

@@ -1 +1 @@
-import{p as e,H as t,c as a,h as s,F as r,t as d}from"./p-B1vJXa29.js";import{u as i,t as n}from"./p-DTrMR0rx.js";import{d as c}from"./p-CAZeEBeS.js";import{d as p}from"./p-hfbNb5UF.js";import{d as o}from"./p-B1o7vc2v.js";import{d as h}from"./p-CVvYLd5J.js";import{d as l}from"./p-BKTfQGcR.js";import{d as g}from"./p-CzHa12Ax.js";import{d as k}from"./p-Dun2lZmi.js";import{d as m}from"./p-CDzGasXW.js";const u=(e,t)=>{const[a,s,r]=e.split("-").map(Number),d=new Date(a,s-1,r);return d.setDate(d.getDate()+t),`${d.getFullYear()}-${(d.getMonth()+1+"").padStart(2,"0")}-${(d.getDate()+"").padStart(2,"0")}`},b=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.update=a(this,"sdUpdate")}get el(){return this}value=["",""];label;selectable;maxRange;disabled=!1;placeholder="";isOpen=!1;dateRange=this.value;hoverDate="";prevYear=Number(this.dateRange[0].split("-")[0]);prevMonth=Number(this.dateRange[0].split("-")[1]);update;inputEl;dateUtil=i();tempDateRange=["",""];componentWillLoad(){this.syncFromValue(this.value)}onValueChange(e){this.dateRange=[...e]}syncFromValue(e){this.dateRange=[...e],this.resetCalendarByDateRange(e)}resetCalendarByDateRange(e){const t=e[0]||n,a=e[1]||t,[s,r]=t.split("-").map(Number),[d,i]=n.split("-").map(Number);a<=n?(this.prevYear=s,this.prevMonth=r):t<n&&a>n?(this.prevYear=d,this.prevMonth=i):(this.prevYear=s,this.prevMonth=r)}get nextYear(){return 12===this.prevMonth?this.prevYear+1:this.prevYear}get nextMonth(){return 12===this.prevMonth?1:this.prevMonth+1}get prevCalendar(){return this.dateUtil.createCalendar(this.prevYear,this.prevMonth)}get nextCalendar(){return this.dateUtil.createCalendar(this.nextYear,this.nextMonth)}setPrevYear(e){this.prevYear=e}setPrevMonth(e){this.prevMonth=e}updateYearMonth(e){const{newYear:t,newMonth:a}=this.dateUtil.calculateYearMonth(this.prevYear,this.prevMonth,e);this.setPrevYear(t),this.setPrevMonth(a)}setHoverDate(e){this.hoverDate=e}setDateRange(e){this.dateRange=e}formatDate(e,t){return this.dateUtil.formatDate(0===e?this.prevYear:this.nextYear,0===e?this.prevMonth:this.nextMonth,t)}getDateBoxType(e){const[t,a]=this.dateRange;return e===t?a?"start":this.hoverDate<this.dateRange[0]?"end":"start":e===a?"end":""}isDateInRange(e){const[t,a]=this.dateRange;if(t&&a)return e>=t&&e<=a;if(!this.hoverDate||!t||a)return!1;const[s,r]=t<=this.hoverDate?[t,this.hoverDate]:[this.hoverDate,t];return e>=s&&e<=r}isDisabledDate(e){const[t,a]=this.dateRange;if(this.maxRange&&t&&!a){const a=u(t,-this.maxRange),s=u(t,this.maxRange);return!(a<=e&&e<=s)}return!(!(this.selectable&&this.selectable[0]&&this.selectable[1])||e>=this.selectable[0]&&e<=this.selectable[1])}openMenu(){this.disabled||(this.tempDateRange=[...this.dateRange],this.resetCalendarByDateRange(this.dateRange),this.isOpen=!0)}closeMenu=()=>{this.dateRange[0]&&this.dateRange[1]||(this.dateRange=[...this.tempDateRange]),this.isOpen=!1};handleDateClick(e,t){this.setHoverDate("");const a=this.formatDate(e,t);if(!this.dateRange[0]||this.dateRange[1]||a<this.dateRange[0])return void this.setDateRange([a,""]);const s=[this.dateRange[0],a];this.setDateRange(s),this.value=s,this.update.emit?.(s)}handleDateHover(e,t){const a=this.formatDate(e,t);this.setHoverDate(a)}render(){return s("div",{key:"1862958ea2e972700ea83ed61f0285f09cf52c02",class:{"sd-date-range-picker":!0,"sd-date-range-picker--disabled":this.disabled}},s("sd-input",{key:"808670f22b59401c0125dd1191a6180cc6f72799",ref:e=>this.inputEl=e,value:this.dateRange[0]?`${this.dateRange[0]} ~ ${this.dateRange[1]}`:"",label:this.label,"inside-label":!0,readonly:!0,disabled:this.disabled,placeholder:this.placeholder,inputClass:"sd-date-range-picker__input",onClick:()=>this.openMenu()},s("sd-icon",{key:"123e8beb77c3fceaaa3a8d994f8a8539fe35d317",slot:"prefix",name:"date",size:"16",color:this.disabled?"grey_65":"grey_70",class:"date-icon",onClick:()=>this.openMenu()})),this.isOpen&&s("sd-portal",{key:"448c174030598565f910df316002d78bdfec3f89",open:this.isOpen,parentRef:this.inputEl,onSdClose:this.closeMenu},s("div",{key:"b5cf493587c7831e59a6156df87cb56be6bd585b",class:"sd-date-range-picker__menu"},s("div",{key:"c044d5377d0d88affecaa61eec2a2239b87158d8",class:"sd-date-range-picker__header mb-16pxr flex flex-nowrap items-center justify-center"},s("button",{key:"c497891fe1d06b8f6c1a79000edc0e4f4fd79735",type:"button",name:"prev",title:"Previous",onClick:()=>this.setPrevYear(this.prevYear-1)},s("sd-icon",{key:"ad899e9daec0752b744bc73e9cbd99c6a731b7db",name:"arrowLeft",size:"12",color:"#CCCCCC"})),s("div",{key:"595ac699adc90e8b15775ce47a2cda8bbc2f5c25",class:"header-label"},this.prevYear),s("button",{key:"684ce75f14b08cd57ce6f019a1dfb3ab384b0c11",type:"button",name:"next",title:"Next",onClick:()=>this.setPrevYear(this.prevYear+1)},s("sd-icon",{key:"31dde7526d0ee3e7abf965eea6f825d557e7c745",name:"arrowRight",size:"12",color:"#CCCCCC"}))),s("div",{key:"3e70334c95d29f302f2dc6d1cb7fbb3603c74a48",class:"sd-date-range-picker__body"},[this.prevCalendar,this.nextCalendar].map(((e,t)=>s(r,null,1===t&&s("div",{class:"separator"}),s("div",{key:t,class:"calendar-container"},s("div",{class:"calendar-header"},s("button",{type:"button",name:"month",title:"Month",class:0===t?"header-button-prev":"header-button-next",onClick:()=>this.updateYearMonth(0===t?"prev":"next")},s("sd-icon",{name:0===t?"arrowLeft":"arrowRight",size:"12",color:"#CCCCCC"})),0===t?`${this.prevYear}.${(this.prevMonth+"").padStart(2,"0")}`:`${this.nextYear}.${(this.nextMonth+"").padStart(2,"0")}`),s("div",{class:"calendar-days"},["일","월","화","수","목","금","토"].map((e=>s("sd-date-box",{key:e,date:e,disabled:!0,class:"day"})))),s("div",{class:"calendar-body mt-12pxr grid grid-cols-7 gap-y-8pxr"},[...e.prevMonthDays,...e.days,...e.afterMonthDays].map(((e,a)=>s("sd-date-box",{key:`prev${e}_${a}`,date:e?Number(e):"",selected:this.dateRange.some((a=>a===this.formatDate(t,Number(e)))),type:this.getDateBoxType(this.formatDate(t,Number(e))),isToday:n===this.formatDate(t,Number(e)),disabled:!e||this.isDisabledDate(this.formatDate(t,Number(e))),inRange:this.isDateInRange(this.formatDate(t,Number(e))),isStartDate:this.dateRange[0]===this.formatDate(t,Number(e)),isEndDate:this.dateRange[1]===this.formatDate(t,Number(e)),onSdClick:()=>this.handleDateClick(t,Number(e)),onSdMouseOver:()=>this.handleDateHover(t,Number(e))}))))))))))))}static get watchers(){return{value:[{onValueChange:0}]}}static get style(){return"sd-date-range-picker.sc-sd-date-range-picker{width:fit-content;display:inline-flex}sd-date-range-picker.sc-sd-date-range-picker .sd-date-range-picker--disabled.sc-sd-date-range-picker .date-icon.sc-sd-date-range-picker{cursor:not-allowed !important;color:#888888 !important}sd-date-range-picker.sc-sd-date-range-picker .sd-date-range-picker--disabled.sc-sd-date-range-picker .sd-input__native.sc-sd-date-range-picker{color:#888888 !important}sd-date-range-picker.sc-sd-date-range-picker .sd-field.sc-sd-date-range-picker .sd-field__control.sc-sd-date-range-picker{min-width:210px}sd-date-range-picker.sc-sd-date-range-picker .sd-field.sc-sd-date-range-picker .sd-input__native.sc-sd-date-range-picker{margin-left:17px !important}.sd-date-range-picker__menu.sc-sd-date-range-picker{width:609px;box-sizing:border-box;border-radius:8px;padding:24px 19px;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.2);background:white}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__header.sc-sd-date-range-picker{margin-bottom:16px;display:flex;flex-flow:row nowrap;align-items:center;justify-content:center}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__header.sc-sd-date-range-picker .header-label.sc-sd-date-range-picker{margin:0 12px;width:40px;text-align:center;font-size:14px;line-height:24px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker{display:flex;flex-flow:row nowrap;align-items:stretch;gap:19px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker{width:266px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-header.sc-sd-date-range-picker{width:100%;height:24px;line-height:24px;font-size:14px;text-align:center;position:relative;padding:0 5px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-header.sc-sd-date-range-picker button.sc-sd-date-range-picker{position:absolute;top:50%;transform:translateY(-50%)}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-header.sc-sd-date-range-picker button.header-button-prev.sc-sd-date-range-picker{left:5px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-header.sc-sd-date-range-picker button.header-button-next.sc-sd-date-range-picker{right:5px;left:auto}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-days.sc-sd-date-range-picker{padding:0 5px;margin-top:8px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr));column-gap:10px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-days.sc-sd-date-range-picker .day.sc-sd-date-range-picker{width:28px;height:20px;font-size:12px;line-height:20px;text-align:center;color:#888888}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-body.sc-sd-date-range-picker{margin-top:12px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr))}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .separator.sc-sd-date-range-picker{width:1px;background-color:#D8D8D8}"}},[514,"sd-date-range-picker",{value:[1040],label:[1],selectable:[16],maxRange:[2,"max-range"],disabled:[4],placeholder:[1],isOpen:[32],dateRange:[32],hoverDate:[32],prevYear:[32],prevMonth:[32]},void 0,{value:[{onValueChange:0}]}]),f=b,x=function(){"undefined"!=typeof customElements&&["sd-date-range-picker","sd-button","sd-date-box","sd-field","sd-floating-portal","sd-icon","sd-input","sd-portal","sd-tooltip"].forEach((e=>{switch(e){case"sd-date-range-picker":customElements.get(d(e))||customElements.define(d(e),b);break;case"sd-button":customElements.get(d(e))||c();break;case"sd-date-box":customElements.get(d(e))||p();break;case"sd-field":customElements.get(d(e))||o();break;case"sd-floating-portal":customElements.get(d(e))||h();break;case"sd-icon":customElements.get(d(e))||l();break;case"sd-input":customElements.get(d(e))||g();break;case"sd-portal":customElements.get(d(e))||k();break;case"sd-tooltip":customElements.get(d(e))||m()}}))};export{f as SdDateRangePicker,x as defineCustomElement}
+import{p as e,H as t,c as a,h as s,F as r,t as d}from"./p-B1vJXa29.js";import{u as i,t as n}from"./p-DTrMR0rx.js";import{d as c}from"./p-BDPJKxrr.js";import{d as p}from"./p-hfbNb5UF.js";import{d as o}from"./p-CgilbV-B.js";import{d as h}from"./p-BZt0PSLv.js";import{d as l}from"./p-kyuN077y.js";import{d as g}from"./p-D4eRE9J1.js";import{d as k}from"./p-fvvA-prd.js";import{d as b}from"./p-wt_xdZCl.js";const u=(e,t)=>{const[a,s,r]=e.split("-").map(Number),d=new Date(a,s-1,r);return d.setDate(d.getDate()+t),`${d.getFullYear()}-${(d.getMonth()+1+"").padStart(2,"0")}-${(d.getDate()+"").padStart(2,"0")}`},m=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.update=a(this,"sdUpdate")}get el(){return this}value=["",""];label;selectable;maxRange;disabled=!1;placeholder="";isOpen=!1;dateRange=this.value;hoverDate="";prevYear=Number(this.dateRange[0].split("-")[0]);prevMonth=Number(this.dateRange[0].split("-")[1]);update;inputEl;dateUtil=i();tempDateRange=["",""];componentWillLoad(){this.syncFromValue(this.value)}onValueChange(e){this.dateRange=[...e]}syncFromValue(e){this.dateRange=[...e],this.resetCalendarByDateRange(e)}resetCalendarByDateRange(e){const t=e[0]||n,a=e[1]||t,[s,r]=t.split("-").map(Number),[d,i]=n.split("-").map(Number);a<=n?(this.prevYear=s,this.prevMonth=r):t<n&&a>n?(this.prevYear=d,this.prevMonth=i):(this.prevYear=s,this.prevMonth=r)}get nextYear(){return 12===this.prevMonth?this.prevYear+1:this.prevYear}get nextMonth(){return 12===this.prevMonth?1:this.prevMonth+1}get prevCalendar(){return this.dateUtil.createCalendar(this.prevYear,this.prevMonth)}get nextCalendar(){return this.dateUtil.createCalendar(this.nextYear,this.nextMonth)}setPrevYear(e){this.prevYear=e}setPrevMonth(e){this.prevMonth=e}updateYearMonth(e){const{newYear:t,newMonth:a}=this.dateUtil.calculateYearMonth(this.prevYear,this.prevMonth,e);this.setPrevYear(t),this.setPrevMonth(a)}setHoverDate(e){this.hoverDate=e}setDateRange(e){this.dateRange=e}formatDate(e,t){return this.dateUtil.formatDate(0===e?this.prevYear:this.nextYear,0===e?this.prevMonth:this.nextMonth,t)}getDateBoxType(e){const[t,a]=this.dateRange;return e===t?a?"start":this.hoverDate<this.dateRange[0]?"end":"start":e===a?"end":""}isDateInRange(e){const[t,a]=this.dateRange;if(t&&a)return e>=t&&e<=a;if(!this.hoverDate||!t||a)return!1;const[s,r]=t<=this.hoverDate?[t,this.hoverDate]:[this.hoverDate,t];return e>=s&&e<=r}isDisabledDate(e){const[t,a]=this.dateRange;if(this.maxRange&&t&&!a){const a=u(t,-this.maxRange),s=u(t,this.maxRange);return!(a<=e&&e<=s)}return!(!(this.selectable&&this.selectable[0]&&this.selectable[1])||e>=this.selectable[0]&&e<=this.selectable[1])}openMenu(){this.disabled||(this.tempDateRange=[...this.dateRange],this.resetCalendarByDateRange(this.dateRange),this.isOpen=!0)}closeMenu=()=>{this.dateRange[0]&&this.dateRange[1]||(this.dateRange=[...this.tempDateRange]),this.isOpen=!1};handleDateClick(e,t){this.setHoverDate("");const a=this.formatDate(e,t);if(!this.dateRange[0]||this.dateRange[1]||a<this.dateRange[0])return void this.setDateRange([a,""]);const s=[this.dateRange[0],a];this.setDateRange(s),this.value=s,this.update.emit?.(s)}handleDateHover(e,t){const a=this.formatDate(e,t);this.setHoverDate(a)}render(){return s("div",{key:"80ba555e36642dabe58a34a344ec751684307eb6",class:{"sd-date-range-picker":!0,"sd-date-range-picker--disabled":this.disabled}},s("sd-input",{key:"12c5dca1cfad0dafee1531c62be818d4cd8f12c2",ref:e=>this.inputEl=e,value:this.dateRange[0]?`${this.dateRange[0]} ~ ${this.dateRange[1]}`:"",label:this.label,"inside-label":!0,readonly:!0,disabled:this.disabled,placeholder:this.placeholder,inputClass:"sd-date-range-picker__input",onClick:()=>this.openMenu()},s("sd-icon",{key:"a62fa8ce117ff983062d5d39b927692c8088781d",slot:"prefix",name:"date",size:"16",color:this.disabled?"grey_65":"grey_70",class:"date-icon",onClick:()=>this.openMenu()})),this.isOpen&&s("sd-portal",{key:"e79962823af4c29121c18236d886199268a03eb3",open:this.isOpen,parentRef:this.inputEl,onSdClose:this.closeMenu},s("div",{key:"7c5fe668dabda4cf5219bcfd062997a8f5337cfa",class:"sd-date-range-picker__menu"},s("div",{key:"33b5d471d9db5f703b6f846442e27dd5425775bb",class:"sd-date-range-picker__header mb-16pxr flex flex-nowrap items-center justify-center"},s("button",{key:"d54d8f953be79447ee708404329178d9e1ad3a23",type:"button",name:"prev",title:"Previous",onClick:()=>this.setPrevYear(this.prevYear-1)},s("sd-icon",{key:"64444f120884efa30f9b58944cd9bc8918648aaf",name:"arrowLeft",size:"12",color:"#CCCCCC"})),s("div",{key:"0ae2129755ba9a30bb41522893bd1d27905e6666",class:"header-label"},this.prevYear),s("button",{key:"7d8f3627e72869fd35e964e0c555680d47744f5c",type:"button",name:"next",title:"Next",onClick:()=>this.setPrevYear(this.prevYear+1)},s("sd-icon",{key:"caeb87d6cac5b5c89bc65c97d60f5b45b55becb1",name:"arrowRight",size:"12",color:"#CCCCCC"}))),s("div",{key:"958cd5ed27b2f1a72214c4e2426dc60349e65c50",class:"sd-date-range-picker__body"},[this.prevCalendar,this.nextCalendar].map(((e,t)=>s(r,null,1===t&&s("div",{class:"separator"}),s("div",{key:t,class:"calendar-container"},s("div",{class:"calendar-header"},s("button",{type:"button",name:"month",title:"Month",class:0===t?"header-button-prev":"header-button-next",onClick:()=>this.updateYearMonth(0===t?"prev":"next")},s("sd-icon",{name:0===t?"arrowLeft":"arrowRight",size:"12",color:"#CCCCCC"})),0===t?`${this.prevYear}.${(this.prevMonth+"").padStart(2,"0")}`:`${this.nextYear}.${(this.nextMonth+"").padStart(2,"0")}`),s("div",{class:"calendar-days"},["일","월","화","수","목","금","토"].map((e=>s("sd-date-box",{key:e,date:e,disabled:!0,class:"day"})))),s("div",{class:"calendar-body mt-12pxr grid grid-cols-7 gap-y-8pxr"},[...e.prevMonthDays,...e.days,...e.afterMonthDays].map(((e,a)=>s("sd-date-box",{key:`prev${e}_${a}`,date:e?Number(e):"",selected:this.dateRange.some((a=>a===this.formatDate(t,Number(e)))),type:this.getDateBoxType(this.formatDate(t,Number(e))),isToday:n===this.formatDate(t,Number(e)),disabled:!e||this.isDisabledDate(this.formatDate(t,Number(e))),inRange:this.isDateInRange(this.formatDate(t,Number(e))),isStartDate:this.dateRange[0]===this.formatDate(t,Number(e)),isEndDate:this.dateRange[1]===this.formatDate(t,Number(e)),onSdClick:()=>this.handleDateClick(t,Number(e)),onSdMouseOver:()=>this.handleDateHover(t,Number(e))}))))))))))))}static get watchers(){return{value:[{onValueChange:0}]}}static get style(){return"sd-date-range-picker.sc-sd-date-range-picker{width:fit-content;display:inline-flex}sd-date-range-picker.sc-sd-date-range-picker .sd-date-range-picker--disabled.sc-sd-date-range-picker .date-icon.sc-sd-date-range-picker{cursor:not-allowed !important;color:#888888 !important}sd-date-range-picker.sc-sd-date-range-picker .sd-date-range-picker--disabled.sc-sd-date-range-picker .sd-input__native.sc-sd-date-range-picker{color:#888888 !important}sd-date-range-picker.sc-sd-date-range-picker .sd-field.sc-sd-date-range-picker .sd-field__control.sc-sd-date-range-picker{min-width:210px}sd-date-range-picker.sc-sd-date-range-picker .sd-field.sc-sd-date-range-picker .sd-input__native.sc-sd-date-range-picker{margin-left:17px !important}.sd-date-range-picker__menu.sc-sd-date-range-picker{width:609px;box-sizing:border-box;border-radius:8px;padding:24px 19px;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.2);background:white}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__header.sc-sd-date-range-picker{margin-bottom:16px;display:flex;flex-flow:row nowrap;align-items:center;justify-content:center}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__header.sc-sd-date-range-picker .header-label.sc-sd-date-range-picker{margin:0 12px;width:40px;text-align:center;font-size:14px;line-height:24px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker{display:flex;flex-flow:row nowrap;align-items:stretch;gap:19px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker{width:266px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-header.sc-sd-date-range-picker{width:100%;height:24px;line-height:24px;font-size:14px;text-align:center;position:relative;padding:0 5px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-header.sc-sd-date-range-picker button.sc-sd-date-range-picker{position:absolute;top:50%;transform:translateY(-50%)}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-header.sc-sd-date-range-picker button.header-button-prev.sc-sd-date-range-picker{left:5px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-header.sc-sd-date-range-picker button.header-button-next.sc-sd-date-range-picker{right:5px;left:auto}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-days.sc-sd-date-range-picker{padding:0 5px;margin-top:8px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr));column-gap:10px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-days.sc-sd-date-range-picker .day.sc-sd-date-range-picker{width:28px;height:20px;font-size:12px;line-height:20px;text-align:center;color:#888888}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-body.sc-sd-date-range-picker{margin-top:12px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr))}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .separator.sc-sd-date-range-picker{width:1px;background-color:#D8D8D8}"}},[514,"sd-date-range-picker",{value:[1040],label:[1],selectable:[16],maxRange:[2,"max-range"],disabled:[4],placeholder:[1],isOpen:[32],dateRange:[32],hoverDate:[32],prevYear:[32],prevMonth:[32]},void 0,{value:[{onValueChange:0}]}]),f=m,x=function(){"undefined"!=typeof customElements&&["sd-date-range-picker","sd-button","sd-date-box","sd-field","sd-floating-portal","sd-icon","sd-input","sd-portal","sd-tooltip"].forEach((e=>{switch(e){case"sd-date-range-picker":customElements.get(d(e))||customElements.define(d(e),m);break;case"sd-button":customElements.get(d(e))||c();break;case"sd-date-box":customElements.get(d(e))||p();break;case"sd-field":customElements.get(d(e))||o();break;case"sd-floating-portal":customElements.get(d(e))||h();break;case"sd-icon":customElements.get(d(e))||l();break;case"sd-input":customElements.get(d(e))||g();break;case"sd-portal":customElements.get(d(e))||k();break;case"sd-tooltip":customElements.get(d(e))||b()}}))};export{f as SdDateRangePicker,x as defineCustomElement}

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

@@ -1 +1 @@
-import{p as t,c as o,h as d,t as n}from"./p-B1vJXa29.js";import{B as r}from"./p-BNuWMSR_.js";import{B as e,g as s,c as i,P as a,d as p,b}from"./p-VKF2AWs1.js";import{b as u}from"./p-Dc4UTGgQ.js";import{d as l}from"./p-BKTfQGcR.js";import{d as w}from"./p-Dun2lZmi.js";var c={accent:{default:"#0075FF"}},g={secondary:"#333333",inverse:"#FFFFFF"};const h=new Set(["neutral_xs","neutral_sm","neutral_md"]),m=Object.keys(e).filter((t=>!t.endsWith("_lg")&&!h.has(t))),f=Object.fromEntries(m.map((t=>[t,e[t]]))),x={xs:u.dropdown.xs.minWidth,sm:u.dropdown.sm.minWidth,md:u.dropdown.md.minWidth},_=p,v=a,y=i,k={primary:u.brand.strong.dropdown.divider,secondary:u.brand.subtle.dropdown.divider,primary_outline:y.primary_outline,neutral:u.neutral.outline.border,neutral_outline:y.neutral_outline,danger:u.danger.strong.dropdown.divider,danger_outline:y.danger_outline},z=g.secondary,F=c.accent.default,C=g.inverse,D={primary:z,secondary:z,primary_outline:z,neutral:z,neutral_outline:z,danger:z,danger_outline:z},E={primary:F,secondary:F,primary_outline:F,neutral:F,neutral_outline:F,danger:F,danger_outline:F},O={primary:C,secondary:C,primary_outline:C,neutral:C,neutral_outline:C,danger:C,danger_outline:C},j=u.bg.disabled,I=u.content.disabled,A=u.border.disabled,B=t(class extends r{constructor(t){super(!1),!1!==t&&this.__registerHost(),this.click=o(this,"sdClick"),this.dropDownShow=o(this,"sdDropDownShow")}get el(){return this}name="primary_sm";label="";items=[];disabled=!1;isOpen=!1;itemIndex=-1;triggerRef;menuRef;click;dropDownShow;handleOpenChange(t){this.onDropdownToggle(t),this.dropDownShow.emit({isOpen:t}),t||(this.itemIndex=-1)}componentWillLoad(){this.initializeEvent()}disconnectedCallback(){this.cleanupEvent()}async sdOpen(){this.disabled||0===this.items.length||(this.isOpen=!0)}async sdClose(){this.closeDropdown()}closeDropdown=()=>{this.isOpen=!1};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 f)())throw Error("Invalid sd-dropdown-button name: "+this.name);return{config:f[this.name],preset:(()=>s(this.name))()}}getNextEnabledIndex(t){const o=this.items.reduce(((t,o,d)=>(o.disabled||t.push(d),t)),[]);if(0===o.length)return-1;const d=o.indexOf(this.itemIndex);return-1===d?1===t?o[0]:o[o.length-1]:o[(d+t+o.length)%o.length]}toggleDropdown=t=>{t.stopPropagation(),this.disabled||0===this.items.length||(this.isOpen=!this.isOpen)};selectItem(t,o){o?.stopPropagation(),t&&!t.disabled&&(this.click.emit(t.value),this.closeDropdown())}getTriggerClasses(t,o,d,n){const r=["sd-dropdown-button__trigger","sd-dropdown-button__trigger--"+t,"sd-dropdown-button__trigger--"+o];return d&&r.push("sd-dropdown-button__trigger--disabled"),n&&r.push("sd-dropdown-button__trigger--open"),r.join(" ")}getMenuItemClasses(t,o){const d=["sd-dropdown-button__menu-item"];return t&&d.push("sd-dropdown-button__menu-item--active"),o&&d.push("sd-dropdown-button__menu-item--disabled"),d.join(" ")}renderDropdown(t){return this.isOpen&&this.triggerRef?d("sd-portal",{open:this.isOpen,parentRef:this.triggerRef,onSdClose:this.closeDropdown},d("div",{style:{position:"absolute",width:"0px",height:"0px"}},d("div",{class:"sd-dropdown-button__menu",role:"menu",ref:t=>this.menuRef=t,style:{"--sd-dropdown-button-menu-min-width":this.triggerRef.offsetWidth+"px","--sd-dropdown-button-menu-item-color":D[t],"--sd-dropdown-button-menu-item-active-bg":E[t],"--sd-dropdown-button-menu-item-active-color":O[t],"--sd-dropdown-button-menu-border":"transparent"===y[t]?k[t]:y[t]}},this.items.map(((o,n)=>{const r=this.itemIndex===n&&!o.disabled,e=o.disabled?I:r?O[t]:D[t];return d("button",{type:"button",role:"menuitem",class:this.getMenuItemClasses(r,!!o.disabled),disabled:o.disabled,onClick:t=>this.selectItem(o,t),onMouseEnter:()=>{o.disabled||(this.itemIndex=n)}},o.icon&&d("sd-icon",{class:"sd-dropdown-button__menu-item-icon",name:o.icon,size:12,color:e}),d("span",{class:"sd-dropdown-button__menu-item-label",innerHTML:o.label}))}))))):null}render(){const{config:t,preset:o}=this.resolvedConfig,n=this.disabled?I:v[o];return d("div",{key:"23f01551d932b3840efc4554d9bf2520a4bd8f81",class:"sd-dropdown-button"},d("button",{key:"d8d736e5b6abe0e8870c01e05c55b03beb333be5",type:"button",class:this.getTriggerClasses(o,t.size,this.disabled,this.isOpen),disabled:this.disabled,"aria-haspopup":"menu","aria-expanded":this.isOpen+"",onClick:this.toggleDropdown,ref:t=>this.triggerRef=t,style:{"--sd-dropdown-button-min-width":x[t.size]+"px","--sd-dropdown-button-bg":t.color,"--sd-dropdown-button-bg-hover":_[o],"--sd-dropdown-button-border":y[o],"--sd-dropdown-button-content":v[o],"--sd-dropdown-button-divider":k[o],"--sd-dropdown-button-accent":b,"--sd-dropdown-button-disabled-bg":j,"--sd-dropdown-button-disabled-content":I,"--sd-dropdown-button-disabled-border":A}},d("span",{key:"7c453f8d427a35553c60372dcef10b7b8561bad5",class:"sd-dropdown-button__trigger-label"},this.label),d("span",{key:"689127d4360e17cecdd8b6233d09113ac22a5e7d",class:"sd-dropdown-button__trigger-divider","aria-hidden":"true"}),d("span",{key:"9a61c4e2d8622462d065fd61002a503965eaec6b",class:"sd-dropdown-button__trigger-icon","aria-hidden":"true"},d("sd-icon",{key:"df084b6ed0b0824fb62e9cfe5e8cf07e74509205",name:this.isOpen?"arrowUp":"arrowDown",size:12,color:n}))),this.renderDropdown(o))}static get watchers(){return{isOpen:[{handleOpenChange:0}]}}static get style(){return"sd-dropdown-button{display:inline-flex;width:fit-content;height:fit-content}.sd-dropdown-button{display:inline-flex;position:relative}.sd-dropdown-button__trigger{--sd-dropdown-button-height:var(--sd-button-md-height, 34px);--sd-dropdown-button-padding-x:var(--sd-button-md-padding-x, 20px);--sd-dropdown-button-gap:var(--sd-button-md-gap, 8px);--sd-dropdown-button-font-family:var(--sd-button-md-typography-font-family, inherit);--sd-dropdown-button-font-size:var(--sd-button-md-typography-font-size, 12px);--sd-dropdown-button-font-weight:var(--sd-button-md-typography-font-weight, 500);--sd-dropdown-button-text-decoration:var(--sd-button-md-typography-text-decoration, none);--sd-dropdown-button-bg:#025497;--sd-dropdown-button-bg-hover:#004177;--sd-dropdown-button-border:transparent;--sd-dropdown-button-content:#ffffff;--sd-dropdown-button-divider:#006ac1;--sd-dropdown-button-accent:#006ac1;--sd-dropdown-button-min-width:106px;--sd-dropdown-button-disabled-bg:var(--sd-button-bg-disabled, $grey_30);--sd-dropdown-button-disabled-content:var(--sd-button-content-disabled, $grey_65);--sd-dropdown-button-disabled-border:var(--sd-button-border-disabled, $grey_45);display:inline-flex;align-items:stretch;justify-content:space-between;min-width:var(--sd-dropdown-button-min-width);min-height:var(--sd-dropdown-button-height);padding:0;border:var(--sd-button-border-width-default, 1px) solid var(--sd-dropdown-button-border);border-radius:var(--sd-button-radius-default, 4px);background:var(--sd-dropdown-button-bg);color:var(--sd-dropdown-button-content);cursor:pointer;box-sizing:border-box;font-family:var(--sd-dropdown-button-font-family);font-size:var(--sd-dropdown-button-font-size);font-weight:var(--sd-dropdown-button-font-weight);line-height:1;text-decoration:var(--sd-dropdown-button-text-decoration);transition:background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;white-space:nowrap}.sd-dropdown-button__trigger:hover:not(.sd-dropdown-button__trigger--disabled){background:var(--sd-dropdown-button-bg-hover)}.sd-dropdown-button__trigger:focus-visible{outline:0;box-shadow:0 0 0 2px var(--sd-dropdown-button-accent)}.sd-dropdown-button__trigger--xs{--sd-dropdown-button-height:var(--sd-button-xs-height, 24px);--sd-dropdown-button-padding-x:var(--sd-button-xs-padding-x, 8px);--sd-dropdown-button-gap:var(--sd-button-xs-gap, 4px);--sd-dropdown-button-font-family:var(--sd-button-xs-typography-font-family, inherit);--sd-dropdown-button-font-size:var(--sd-button-xs-typography-font-size, 12px);--sd-dropdown-button-font-weight:var(--sd-button-xs-typography-font-weight, 500);--sd-dropdown-button-text-decoration:var(--sd-button-xs-typography-text-decoration, none)}.sd-dropdown-button__trigger--sm{--sd-dropdown-button-height:var(--sd-button-sm-height, 28px);--sd-dropdown-button-padding-x:var(--sd-button-sm-padding-x, 12px);--sd-dropdown-button-gap:var(--sd-button-sm-gap, 6px);--sd-dropdown-button-font-family:var(--sd-button-sm-typography-font-family, inherit);--sd-dropdown-button-font-size:var(--sd-button-sm-typography-font-size, 12px);--sd-dropdown-button-font-weight:var(--sd-button-sm-typography-font-weight, 500);--sd-dropdown-button-text-decoration:var(--sd-button-sm-typography-text-decoration, none)}.sd-dropdown-button__trigger--md{--sd-dropdown-button-height:var(--sd-button-md-height, 34px);--sd-dropdown-button-padding-x:var(--sd-button-md-padding-x, 20px);--sd-dropdown-button-gap:var(--sd-button-md-gap, 8px);--sd-dropdown-button-font-family:var(--sd-button-md-typography-font-family, inherit);--sd-dropdown-button-font-size:var(--sd-button-md-typography-font-size, 16px);--sd-dropdown-button-font-weight:var(--sd-button-md-typography-font-weight, 500);--sd-dropdown-button-text-decoration:var(--sd-button-md-typography-text-decoration, none)}.sd-dropdown-button__trigger--disabled{border-color:var(--sd-dropdown-button-disabled-border);background:var(--sd-dropdown-button-disabled-bg);color: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)}.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{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-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);color:var(--sd-dropdown-button-menu-item-active-color)}.sd-dropdown-button__menu-item--disabled{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],itemIndex:[32],sdOpen:[64],sdClose:[64]},void 0,{isOpen:[{handleOpenChange:0}]}]),R=B,S=function(){"undefined"!=typeof customElements&&["sd-dropdown-button","sd-icon","sd-portal"].forEach((t=>{switch(t){case"sd-dropdown-button":customElements.get(n(t))||customElements.define(n(t),B);break;case"sd-icon":customElements.get(n(t))||l();break;case"sd-portal":customElements.get(n(t))||w()}}))};export{R as SdDropdownButton,S as defineCustomElement}
+import{p as t,c as o,h as d,t as n}from"./p-B1vJXa29.js";import{B as r}from"./p-BNuWMSR_.js";import{B as e,g as s,c as i,P as a,d as p,b}from"./p-DuzMehmA.js";import{b as u}from"./p-2CurSZ9q.js";import{d as c}from"./p-kyuN077y.js";import{d as w}from"./p-fvvA-prd.js";var l={accent:{default:"#0075FF"}},g={secondary:"#333333",inverse:"#FFFFFF"};const h=Object.keys(e).filter((t=>!t.endsWith("_lg"))),m=Object.fromEntries(h.map((t=>[t,e[t]]))),f={xs:u.dropdown.xs.minWidth,sm:u.dropdown.sm.minWidth,md:u.dropdown.md.minWidth},x=p,v=a,_=i,y={primary:u.brand.strong.dropdown.divider,secondary:u.brand.subtle.dropdown.divider,primary_outline:_.primary_outline,neutral_outline:_.neutral_outline,danger:u.danger.strong.dropdown.divider,danger_outline:_.danger_outline},k=g.secondary,z=l.accent.default,C=g.inverse,F={primary:k,secondary:k,primary_outline:k,neutral_outline:k,danger:k,danger_outline:k},D={primary:z,secondary:z,primary_outline:z,neutral_outline:z,danger:z,danger_outline:z},E={primary:C,secondary:C,primary_outline:C,neutral_outline:C,danger:C,danger_outline:C},O=u.bg.disabled,j=u.content.disabled,A=u.border.disabled,I=t(class extends r{constructor(t){super(!1),!1!==t&&this.__registerHost(),this.click=o(this,"sdClick"),this.dropDownShow=o(this,"sdDropDownShow")}get el(){return this}name="primary_sm";label="";items=[];disabled=!1;isOpen=!1;itemIndex=-1;triggerRef;menuRef;click;dropDownShow;handleOpenChange(t){this.onDropdownToggle(t),this.dropDownShow.emit({isOpen:t}),t||(this.itemIndex=-1)}componentWillLoad(){this.initializeEvent()}disconnectedCallback(){this.cleanupEvent()}async sdOpen(){this.disabled||0===this.items.length||(this.isOpen=!0)}async sdClose(){this.closeDropdown()}closeDropdown=()=>{this.isOpen=!1};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,d)=>(o.disabled||t.push(d),t)),[]);if(0===o.length)return-1;const d=o.indexOf(this.itemIndex);return-1===d?1===t?o[0]:o[o.length-1]:o[(d+t+o.length)%o.length]}toggleDropdown=t=>{t.stopPropagation(),this.disabled||0===this.items.length||(this.isOpen=!this.isOpen)};selectItem(t,o){o?.stopPropagation(),t&&!t.disabled&&(this.click.emit(t.value),this.closeDropdown())}getTriggerClasses(t,o,d,n){const r=["sd-dropdown-button__trigger","sd-dropdown-button__trigger--"+t,"sd-dropdown-button__trigger--"+o];return d&&r.push("sd-dropdown-button__trigger--disabled"),n&&r.push("sd-dropdown-button__trigger--open"),r.join(" ")}getMenuItemClasses(t,o){const d=["sd-dropdown-button__menu-item"];return t&&d.push("sd-dropdown-button__menu-item--active"),o&&d.push("sd-dropdown-button__menu-item--disabled"),d.join(" ")}renderDropdown(t){return this.isOpen&&this.triggerRef?d("sd-portal",{open:this.isOpen,parentRef:this.triggerRef,onSdClose:this.closeDropdown},d("div",{style:{position:"absolute",width:"0px",height:"0px"}},d("div",{class:"sd-dropdown-button__menu",role:"menu",ref:t=>this.menuRef=t,style:{"--sd-dropdown-button-menu-min-width":this.triggerRef.offsetWidth+"px","--sd-dropdown-button-menu-item-color":F[t],"--sd-dropdown-button-menu-item-active-bg":D[t],"--sd-dropdown-button-menu-item-active-color":E[t],"--sd-dropdown-button-menu-border":"transparent"===_[t]?y[t]:_[t]}},this.items.map(((t,o)=>d("button",{type:"button",role:"menuitem",class:this.getMenuItemClasses(this.itemIndex===o&&!t.disabled,!!t.disabled),disabled:t.disabled,onClick:o=>this.selectItem(t,o),onMouseEnter:()=>{t.disabled||(this.itemIndex=o)}},t.icon&&d("sd-icon",{class:"sd-dropdown-button__menu-item-icon",name:t.icon,size:12,color:"var(--sd-dropdown-button-menu-item-current-color)"}),d("span",{class:"sd-dropdown-button__menu-item-label",innerHTML:t.label}))))))):null}render(){const{config:t,preset:o}=this.resolvedConfig;return d("div",{key:"091dab31c2e64a5f8e715da99fca713b6a7efa5e",class:"sd-dropdown-button"},d("button",{key:"1dd24c6691144a71937a5a3cfbed5705debbebb1",type:"button",class:this.getTriggerClasses(o,t.size,this.disabled,this.isOpen),disabled:this.disabled,"aria-haspopup":"menu","aria-expanded":this.isOpen+"",onClick:this.toggleDropdown,ref:t=>this.triggerRef=t,style:{"--sd-dropdown-button-min-width":f[t.size]+"px","--sd-dropdown-button-bg":t.color,"--sd-dropdown-button-bg-hover":x[o],"--sd-dropdown-button-border":_[o],"--sd-dropdown-button-content":v[o],"--sd-dropdown-button-divider":y[o],"--sd-dropdown-button-accent":b,"--sd-dropdown-button-disabled-bg":O,"--sd-dropdown-button-disabled-content":j,"--sd-dropdown-button-disabled-border":A}},d("span",{key:"6d9354f962f0960bb6cbb25e73daf8d40db3d66f",class:"sd-dropdown-button__trigger-label"},this.label),d("span",{key:"9499523b4316d6be8b33c69cf4a4087cd3bb0744",class:"sd-dropdown-button__trigger-divider","aria-hidden":"true"}),d("span",{key:"40bb145b42616178c79f1749b45e8d2d707db856",class:"sd-dropdown-button__trigger-icon","aria-hidden":"true"},d("sd-icon",{key:"2d6a4663aadcae9d051125207fb42914ae3cc362",name:this.isOpen?"arrowUp":"arrowDown",size:12,color:"var(--sd-dropdown-button-current-content)"}))),this.renderDropdown(o))}static get watchers(){return{isOpen:[{handleOpenChange:0}]}}static get style(){return"sd-dropdown-button{display:inline-flex;width:fit-content;height:fit-content}.sd-dropdown-button{display:inline-flex;position:relative}.sd-dropdown-button__trigger{--sd-dropdown-button-height:var(--sd-button-md-height, 34px);--sd-dropdown-button-padding-x:var(--sd-button-md-padding-x, 20px);--sd-dropdown-button-gap:var(--sd-button-md-gap, 8px);--sd-dropdown-button-font-family:var(--sd-button-md-typography-font-family, inherit);--sd-dropdown-button-font-size:var(--sd-button-md-typography-font-size, 12px);--sd-dropdown-button-font-weight:var(--sd-button-md-typography-font-weight, 500);--sd-dropdown-button-text-decoration:var(--sd-button-md-typography-text-decoration, none);--sd-dropdown-button-bg:#025497;--sd-dropdown-button-bg-hover:#004177;--sd-dropdown-button-border:transparent;--sd-dropdown-button-content:#ffffff;--sd-dropdown-button-current-content:var(--sd-dropdown-button-content);--sd-dropdown-button-divider:#006ac1;--sd-dropdown-button-accent:#006ac1;--sd-dropdown-button-min-width:106px;--sd-dropdown-button-disabled-bg:var(--sd-button-bg-disabled, $grey_30);--sd-dropdown-button-disabled-content:var(--sd-button-content-disabled, $grey_65);--sd-dropdown-button-disabled-border:var(--sd-button-border-disabled, $grey_45);display:inline-flex;align-items:stretch;justify-content:space-between;min-width:var(--sd-dropdown-button-min-width);min-height:var(--sd-dropdown-button-height);padding:0;border:var(--sd-button-border-width-default, 1px) solid var(--sd-dropdown-button-border);border-radius:var(--sd-button-radius-default, 4px);background:var(--sd-dropdown-button-bg);color:var(--sd-dropdown-button-current-content);cursor:pointer;box-sizing:border-box;font-family:var(--sd-dropdown-button-font-family);font-size:var(--sd-dropdown-button-font-size);font-weight:var(--sd-dropdown-button-font-weight);line-height:1;text-decoration:var(--sd-dropdown-button-text-decoration);transition:background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;white-space:nowrap}.sd-dropdown-button__trigger:hover:not(.sd-dropdown-button__trigger--disabled){background:var(--sd-dropdown-button-bg-hover)}.sd-dropdown-button__trigger:focus-visible{outline:0;box-shadow:0 0 0 2px var(--sd-dropdown-button-accent)}.sd-dropdown-button__trigger--xs{--sd-dropdown-button-height:var(--sd-button-xs-height, 24px);--sd-dropdown-button-padding-x:var(--sd-button-xs-padding-x, 8px);--sd-dropdown-button-gap:var(--sd-button-xs-gap, 4px);--sd-dropdown-button-font-family:var(--sd-button-xs-typography-font-family, inherit);--sd-dropdown-button-font-size:var(--sd-button-xs-typography-font-size, 12px);--sd-dropdown-button-font-weight:var(--sd-button-xs-typography-font-weight, 500);--sd-dropdown-button-text-decoration:var(--sd-button-xs-typography-text-decoration, none)}.sd-dropdown-button__trigger--sm{--sd-dropdown-button-height:var(--sd-button-sm-height, 28px);--sd-dropdown-button-padding-x:var(--sd-button-sm-padding-x, 12px);--sd-dropdown-button-gap:var(--sd-button-sm-gap, 6px);--sd-dropdown-button-font-family:var(--sd-button-sm-typography-font-family, inherit);--sd-dropdown-button-font-size:var(--sd-button-sm-typography-font-size, 12px);--sd-dropdown-button-font-weight:var(--sd-button-sm-typography-font-weight, 500);--sd-dropdown-button-text-decoration:var(--sd-button-sm-typography-text-decoration, none)}.sd-dropdown-button__trigger--md{--sd-dropdown-button-height:var(--sd-button-md-height, 34px);--sd-dropdown-button-padding-x:var(--sd-button-md-padding-x, 20px);--sd-dropdown-button-gap:var(--sd-button-md-gap, 8px);--sd-dropdown-button-font-family:var(--sd-button-md-typography-font-family, inherit);--sd-dropdown-button-font-size:var(--sd-button-md-typography-font-size, 16px);--sd-dropdown-button-font-weight:var(--sd-button-md-typography-font-weight, 500);--sd-dropdown-button-text-decoration:var(--sd-button-md-typography-text-decoration, none)}.sd-dropdown-button__trigger--disabled{border-color:var(--sd-dropdown-button-disabled-border);background:var(--sd-dropdown-button-disabled-bg);--sd-dropdown-button-current-content:var(--sd-dropdown-button-disabled-content);cursor:not-allowed}.sd-dropdown-button__trigger--disabled .sd-dropdown-button__trigger-divider{background:var(--sd-dropdown-button-disabled-border)}.sd-dropdown-button__trigger-label,.sd-dropdown-button__trigger-icon{display:inline-flex;align-items:center;justify-content:center}.sd-dropdown-button__trigger-label{flex:1 1 auto;min-width:0;padding:0 var(--sd-dropdown-button-padding-x)}.sd-dropdown-button__trigger-divider{align-self:stretch;width:1px;height:auto;background:var(--sd-dropdown-button-divider);opacity:0.9}.sd-dropdown-button__trigger-icon{flex:0 0 auto;min-width:calc(var(--sd-dropdown-button-height) - 2px);padding:0 calc(var(--sd-dropdown-button-gap) + 2px)}.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],itemIndex:[32],sdOpen:[64],sdClose:[64]},void 0,{isOpen:[{handleOpenChange:0}]}]),M=I,S=function(){"undefined"!=typeof customElements&&["sd-dropdown-button","sd-icon","sd-portal"].forEach((t=>{switch(t){case"sd-dropdown-button":customElements.get(n(t))||customElements.define(n(t),I);break;case"sd-icon":customElements.get(n(t))||c();break;case"sd-portal":customElements.get(n(t))||w()}}))};export{M as SdDropdownButton,S as defineCustomElement}

package/dist/components/sd-field.js

@@ -1 +1 @@
-import{S as o,d as s}from"./p-B1o7vc2v.js";const p=o,r=s;export{p as SdField,r as defineCustomElement}
+import{S as o,d as s}from"./p-CgilbV-B.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-B1vJXa29.js";import{d as r}from"./p-BKTfQGcR.js";const c=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.update=t(this,"sdUpdate")}get el(){return this}value=null;placeholder="Click to upload";disabled=!1;inline=!1;multiple=!1;accept;internalValue=null;hovered=!1;showTooltip=!1;fileInputRef;fileNamesRef;update;valueChanged(e){this.internalValue=e}componentDidLoad(){this.checkOverflow()}componentDidUpdate(){this.checkOverflow()}handleFileChange=e=>{const i=e.target.files;if(!i||0===i.length)return;const t=Array.from(i);this.internalValue=this.multiple?t:t[0],this.value=this.internalValue,this.update?.emit(this.value)};handleClear=e=>{e.stopPropagation();const i=this.multiple?[]:null;this.value=i,this.internalValue=i,this.update?.emit(i),this.fileInputRef&&(this.fileInputRef.value="")};handleClick=()=>{this.disabled||this.fileInputRef?.click()};getStatusClass(){return this.disabled?"sd-file-picker--disabled":this.hasFiles()?"sd-file-picker--active":""}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?this.inline?"grey_45":"grey_55":"grey_70"}render(){const e=this.hasFiles(),i=this.getDisplayText();return s("div",{key:"8d0b3002090064a062df3bc21e54fb8011a520ed",class:{"sd-file-picker":!0,[this.getStatusClass()]:!0,"sd-file-picker--inline":this.inline},onClick:this.handleClick,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1},s("input",{key:"e58b89fa203a86286d088a7ec7b1be0f740b948a",ref:e=>this.fileInputRef=e,type:"file",class:"sd-file-picker__input",disabled:this.disabled,multiple:this.multiple,accept:this.accept,onInput:this.handleFileChange,"aria-label":this.placeholder}),s("sd-icon",{key:"42440a854a85aeed63f887b25fa13d9609202974",name:"attachFile",size:16,color:this.getIconColor(),class:"sd-file-picker__icon"}),s("div",{key:"25bd48b058fcff917aa1ee13c9cd991c49ef4aa1",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-icon",{key:"9d82107ff69909519d1a3051054c42370e6b181c",name:"close",size:12,color:"#888888",class:"sd-file-picker__clear-icon",onClick:this.handleClear}),this.showTooltip&&e&&this.hovered&&s("div",{key:"8c8dfeb9a82c4ca69e6ae88aa8f129c72d884b14",class:"sd-file-picker__tooltip"},i))}static get watchers(){return{value:[{valueChanged:0}]}}static get style(){return"sd-file-picker{display:inline-flex;width:100%}.sd-file-picker{display:inline-flex;width:100%;align-items:center;max-width:var(--picker-width, 100%);height:28px;gap:8px;padding:4px 8px;border:1px solid #AAAAAA;border-radius:4px;background-color:#FFFFFF;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;vertical-align:middle}.sd-file-picker__text{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400;font-size:12px;line-height:20px;color:#AAAAAA}.sd-file-picker__text--active{color:#222222}.sd-file-picker__text--placeholder{color:#AAAAAA}.sd-file-picker__icon{flex-shrink:0}.sd-file-picker__clear-icon{flex-shrink:0;cursor:pointer;transition:opacity 0.2s ease}.sd-file-picker__clear-icon:hover{opacity:0.7}.sd-file-picker__input{display:none}.sd-file-picker__tooltip{position:absolute;top:calc(100% - 4px);left:50%;transform:translate(-50%);z-index:1000;white-space:nowrap;padding:8px 12px;background:rgba(0, 0, 0, 0.8);color:white;font-size:12px;line-height:18px;border-radius:4px;pointer-events:none}.sd-file-picker:hover:not(.sd-file-picker--inline):not(.sd-file-picker--disabled){background-color:#F6F6F6}.sd-file-picker--active:not(.sd-file-picker--inline):not(.sd-file-picker--disabled){background-color:#FFFFFF}.sd-file-picker--active:not(.sd-file-picker--inline):not(.sd-file-picker--disabled) .sd-file-picker__text{color:#222222}.sd-file-picker--disabled:not(.sd-file-picker--inline){background-color:#EEEEEE;border-color:#CCCCCC;cursor:not-allowed !important}.sd-file-picker--disabled:not(.sd-file-picker--inline) .sd-file-picker__text{color:#888888}.sd-file-picker--inline{border:none;background-color:transparent;padding:0;height:auto}.sd-file-picker--inline .sd-file-picker__text{color:#AAAAAA}.sd-file-picker--inline:hover:not(.sd-file-picker--disabled) .sd-file-picker__text{color:#737373}.sd-file-picker--inline.sd-file-picker--active:not(.sd-file-picker--disabled) .sd-file-picker__text--active{color:#222222}.sd-file-picker--inline.sd-file-picker--disabled .sd-file-picker__text{color:#CCCCCC}"}},[512,"sd-file-picker",{value:[1040],placeholder:[1],disabled:[4],inline:[4],multiple:[4],accept:[1],internalValue:[32],hovered:[32],showTooltip:[32]},void 0,{value:[{valueChanged:0}]}]),o=c,d=function(){"undefined"!=typeof customElements&&["sd-file-picker","sd-icon"].forEach((e=>{switch(e){case"sd-file-picker":customElements.get(l(e))||customElements.define(l(e),c);break;case"sd-icon":customElements.get(l(e))||r()}}))};export{o as SdFilePicker,d as defineCustomElement}
+import{p as e,H as i,c as t,h as s,t as l}from"./p-B1vJXa29.js";import{d as r}from"./p-kyuN077y.js";const c=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.update=t(this,"sdUpdate")}get el(){return this}value=null;placeholder="Click to upload";disabled=!1;inline=!1;multiple=!1;accept;internalValue=null;hovered=!1;showTooltip=!1;fileInputRef;fileNamesRef;update;valueChanged(e){this.internalValue=e}componentDidLoad(){this.checkOverflow()}componentDidUpdate(){this.checkOverflow()}handleFileChange=e=>{const i=e.target.files;if(!i||0===i.length)return;const t=Array.from(i);this.internalValue=this.multiple?t:t[0],this.value=this.internalValue,this.update?.emit(this.value)};handleClear=e=>{e.stopPropagation();const i=this.multiple?[]:null;this.value=i,this.internalValue=i,this.update?.emit(i),this.fileInputRef&&(this.fileInputRef.value="")};handleClick=()=>{this.disabled||this.fileInputRef?.click()};getStatusClass(){return this.disabled?"sd-file-picker--disabled":this.hasFiles()?"sd-file-picker--active":""}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?this.inline?"grey_45":"grey_55":"grey_70"}render(){const e=this.hasFiles(),i=this.getDisplayText();return s("div",{key:"a41d17071dc1c54af38a25c143f7df3a2f8d8f83",class:{"sd-file-picker":!0,[this.getStatusClass()]:!0,"sd-file-picker--inline":this.inline},onClick:this.handleClick,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1},s("input",{key:"31bd3ccd4fc132037b67d189478af6dcb5bf9c4a",ref:e=>this.fileInputRef=e,type:"file",class:"sd-file-picker__input",disabled:this.disabled,multiple:this.multiple,accept:this.accept,onInput:this.handleFileChange,"aria-label":this.placeholder}),s("sd-icon",{key:"a422d6902ec05313365d2832f1f77e7100dcf9c7",name:"attachFile",size:16,color:this.getIconColor(),class:"sd-file-picker__icon"}),s("div",{key:"c0ef65e1d2f5e2eea86d4047b990932d711e68bb",ref:e=>this.fileNamesRef=e,class:{"sd-file-picker__text":!0,"sd-file-picker__text--placeholder":!e,"sd-file-picker__text--active":e}},i),!this.disabled&&e&&s("sd-icon",{key:"b57318271a1282655a6c7f90247f6e6a1813bceb",name:"close",size:12,color:"#888888",class:"sd-file-picker__clear-icon",onClick:this.handleClear}),this.showTooltip&&e&&this.hovered&&s("div",{key:"cc913b203d72fb0240ea22d7d266953c5ef31476",class:"sd-file-picker__tooltip"},i))}static get watchers(){return{value:[{valueChanged:0}]}}static get style(){return"sd-file-picker{display:inline-flex;width:100%}.sd-file-picker{display:inline-flex;width:100%;align-items:center;max-width:var(--picker-width, 100%);height:28px;gap:8px;padding:4px 8px;border:1px solid #AAAAAA;border-radius:4px;background-color:#FFFFFF;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;vertical-align:middle}.sd-file-picker__text{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400;font-size:12px;line-height:20px;color:#AAAAAA}.sd-file-picker__text--active{color:#222222}.sd-file-picker__text--placeholder{color:#AAAAAA}.sd-file-picker__icon{flex-shrink:0}.sd-file-picker__clear-icon{flex-shrink:0;cursor:pointer;transition:opacity 0.2s ease}.sd-file-picker__clear-icon:hover{opacity:0.7}.sd-file-picker__input{display:none}.sd-file-picker__tooltip{position:absolute;top:calc(100% - 4px);left:50%;transform:translate(-50%);z-index:1000;white-space:nowrap;padding:8px 12px;background:rgba(0, 0, 0, 0.8);color:white;font-size:12px;line-height:18px;border-radius:4px;pointer-events:none}.sd-file-picker:hover:not(.sd-file-picker--inline):not(.sd-file-picker--disabled){background-color:#F6F6F6}.sd-file-picker--active:not(.sd-file-picker--inline):not(.sd-file-picker--disabled){background-color:#FFFFFF}.sd-file-picker--active:not(.sd-file-picker--inline):not(.sd-file-picker--disabled) .sd-file-picker__text{color:#222222}.sd-file-picker--disabled:not(.sd-file-picker--inline){background-color:#EEEEEE;border-color:#CCCCCC;cursor:not-allowed !important}.sd-file-picker--disabled:not(.sd-file-picker--inline) .sd-file-picker__text{color:#888888}.sd-file-picker--inline{border:none;background-color:transparent;padding:0;height:auto}.sd-file-picker--inline .sd-file-picker__text{color:#AAAAAA}.sd-file-picker--inline:hover:not(.sd-file-picker--disabled) .sd-file-picker__text{color:#737373}.sd-file-picker--inline.sd-file-picker--active:not(.sd-file-picker--disabled) .sd-file-picker__text--active{color:#222222}.sd-file-picker--inline.sd-file-picker--disabled .sd-file-picker__text{color:#CCCCCC}"}},[512,"sd-file-picker",{value:[1040],placeholder:[1],disabled:[4],inline:[4],multiple:[4],accept:[1],internalValue:[32],hovered:[32],showTooltip:[32]},void 0,{value:[{valueChanged:0}]}]),d=c,o=function(){"undefined"!=typeof customElements&&["sd-file-picker","sd-icon"].forEach((e=>{switch(e){case"sd-file-picker":customElements.get(l(e))||customElements.define(l(e),c);break;case"sd-icon":customElements.get(l(e))||r()}}))};export{d as SdFilePicker,o as defineCustomElement}

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

@@ -1 +1 @@
-import{S as o,d as s}from"./p-CVvYLd5J.js";const p=o,r=s;export{p as SdFloatingPortal,r as defineCustomElement}
+import{S as o,d as s}from"./p-BZt0PSLv.js";const t=o,p=s;export{t as SdFloatingPortal,p 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-B1vJXa29.js";const a=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.submitSuccess=e(this,"sdSubmit"),this.submitFail=e(this,"sdValidationError")}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:"3349166129fd2acb388221b61e1bd347a2dad6e0",onSubmit:s=>this.onSubmit(s),class:this.formClass},i("slot",{key:"5866b2d6764578dbf07a31c5d3dc6fa6a249f023"}))}},[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-B1vJXa29.js";const a=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.submitSuccess=e(this,"sdSubmit"),this.submitFail=e(this,"sdValidationError")}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:"e25fc019fc77ec3cbd3968d1fbf0a8fdd3f47d68",onSubmit:s=>this.onSubmit(s),class:this.formClass},i("slot",{key:"ffbba01d9883b0c4582ab62c6669a20fa093cb8c"}))}},[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-guide.js

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

package/dist/components/sd-icon.js

@@ -1 +1 @@
-import{S as o,d as s}from"./p-BKTfQGcR.js";const p=o,r=s;export{p as SdIcon,r as defineCustomElement}
+import{S as o,d as s}from"./p-kyuN077y.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 s}from"./p-CzHa12Ax.js";const a=o,p=s;export{a as SdInput,p as defineCustomElement}
+import{S as o,d as s}from"./p-D4eRE9J1.js";const p=o,r=s;export{p as SdInput,r as defineCustomElement}

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

@@ -1 +1 @@
-import{S as m,d as o}from"./p-D9mJxIjm.js";const s=m,p=o;export{s as SdLoadingSpinner,p as defineCustomElement}
+import{S as o,d as s}from"./p-BFVe-fGw.js";const p=o,r=s;export{p as SdLoadingSpinner,r as defineCustomElement}

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

@@ -1 +1 @@
-import{p as t,H as s,c as o,h as a,t as e}from"./p-B1vJXa29.js";import{r as d}from"./p-DUqcOPNn.js";import{d as i}from"./p-CAZeEBeS.js";import{d as c}from"./p-BKTfQGcR.js";const l=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.close=o(this,"sdClose"),this.confirm=o(this,"sdConfirm")}type="info";system="normal";useCloseButton=!0;modalTitle="normal";buttonFlexDirection="row";buttonProps;message=[];sdClass="";close;confirm;get pointColor(){if("normal"!==this.type)return"grey_95";switch(this.system){case"positive":return d("brilliantblue_75");case"negative":return d("red_75");default:return d("grey_95")}}get getModalClass(){let t="sd-modal-card "+this.sdClass;return t+=" sd-modal-card-"+this.system,t}render(){return a("div",{key:"0390932a29db512f09a47fbb030b1140410b6a73",class:this.getModalClass,style:{"--point-color":this.pointColor}},this.useCloseButton&&a("sd-icon",{key:"338844b48a075507352a72a6f8784d912e1f51a0",class:"sd-modal-card__close-button",name:"close",size:"20",color:"grey_65",onClick:()=>this.close.emit()}),"normal"!==this.type&&a("sd-icon",{key:"5209a86ad65c6f255a37691897940d50b15d59e8",class:"sd-modal-card__icon",name:"info"===this.type?"notificationOutline":"warningOutline",size:"32",color:"info"===this.type?"brilliantblue_75":"red_75"}),a("h2",{key:"5586e88dd9882f89ccd3aff047435c7dc821cebc",class:"sd-modal-card__title"},this.modalTitle),a("slot",{key:"0f12630ca6434885e4efc0810ae552dc0f0433b5"},a("div",{key:"04af07e88d2b65274a3ca28b3975d496917f1139",class:"sd-modal-card__message-container"},this.message.map((t=>a("p",{class:"sd-modal-card__message"},t))))),a("div",{key:"b81e9fae8781fe8e57c54c0b51adc141c13c7ba8",class:"sd-modal-card__button-container flex-"+this.buttonFlexDirection},this.buttonProps?.map((t=>a("sd-button",{sdClass:"sd-modal-card__button "+(t.class||""),variant:t.variant?t.variant:"outline",label:t.label,color:t.color,size:t.size,onSdClick:()=>t.type&&"confirm"!==t.type?this.close.emit():this.confirm.emit()})))))}static get style(){return"sd-modal-card{display:block}sd-modal-card .sd-modal-card{position:relative;padding:40px 32px;border-radius:8px;box-shadow:4px 4px 24px 4px rgba(0, 0, 0, 0.2);background:white}sd-modal-card .sd-modal-card__close-button{position:absolute;top:16px;right:16px;cursor:pointer}sd-modal-card .sd-modal-card sd-icon.sd-modal-card__icon{display:block;width:32px;height:32px;margin:0 auto 12px auto}sd-modal-card .sd-modal-card__title{color:var(--point-color);font-size:18px;font-weight:700;line-height:30px;text-align:center;margin:0 0 20px 0}sd-modal-card .sd-modal-card__message{color:#222222;font-weight:400;font-size:12px;line-height:22px;text-align:center;margin:0}sd-modal-card .sd-modal-card__button-container{display:flex;margin:32px auto 0 auto;justify-content:center;align-items:center;gap:8px}sd-modal-card .sd-modal-card__button-container.flex-column{flex-direction:column}sd-modal-card .sd-modal-card__button-container button.sd-modal-card__button{width:89px}"}},[772,"sd-modal-card",{type:[1],system:[1],useCloseButton:[4,"use-close-button"],modalTitle:[1,"modal-title"],buttonFlexDirection:[1,"button-flex-direction"],buttonProps:[16],message:[16],sdClass:[1,"sd-class"]}]),r=l,n=function(){"undefined"!=typeof customElements&&["sd-modal-card","sd-button","sd-icon"].forEach((t=>{switch(t){case"sd-modal-card":customElements.get(e(t))||customElements.define(e(t),l);break;case"sd-button":customElements.get(e(t))||i();break;case"sd-icon":customElements.get(e(t))||c()}}))};export{r as SdModalCard,n as defineCustomElement}
+import{p as t,H as s,c as o,h as a,t as d}from"./p-B1vJXa29.js";import{r as e}from"./p-CquSJNHV.js";import{d as i}from"./p-BDPJKxrr.js";import{d as c}from"./p-kyuN077y.js";const r=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.close=o(this,"sdClose"),this.confirm=o(this,"sdConfirm")}type="info";system="normal";useCloseButton=!0;modalTitle="normal";buttonFlexDirection="row";buttonProps;message=[];sdClass="";close;confirm;get pointColor(){if("normal"!==this.type)return"grey_95";switch(this.system){case"positive":return e("brilliantblue_75");case"negative":return e("red_75");default:return e("grey_95")}}get getModalClass(){let t="sd-modal-card "+this.sdClass;return t+=" sd-modal-card-"+this.system,t}render(){return a("div",{key:"f0adc3cc3df163622ebfb4ecf24f871c89f4b676",class:this.getModalClass,style:{"--point-color":this.pointColor}},this.useCloseButton&&a("sd-icon",{key:"e281e73d5a31e3f3c688f7fa67cc6dab49e9105b",class:"sd-modal-card__close-button",name:"close",size:"20",color:"grey_65",onClick:()=>this.close.emit()}),"normal"!==this.type&&a("sd-icon",{key:"a8d93fa991ad43d4f602662de048f2677e6f15f6",class:"sd-modal-card__icon",name:"info"===this.type?"notificationOutline":"warningOutline",size:"32",color:"info"===this.type?"brilliantblue_75":"red_75"}),a("h2",{key:"1462056d43620a2f7db1f3e6b26a9a10576cceb8",class:"sd-modal-card__title"},this.modalTitle),a("slot",{key:"9c3b4860e7c4940356aa17353c437e711163434b"},a("div",{key:"db17a4b60ddaab999b0ed8fca546c336b6f4b597",class:"sd-modal-card__message-container"},this.message.map((t=>a("p",{class:"sd-modal-card__message"},t))))),a("div",{key:"ada9c87b3cec0de87e795ed5de34d9b37acddd59",class:"sd-modal-card__button-container flex-"+this.buttonFlexDirection},this.buttonProps?.map((t=>a("sd-button",{sdClass:"sd-modal-card__button "+(t.class||""),variant:t.variant?t.variant:"outline",label:t.label,color:t.color,size:t.size,onSdClick:()=>t.type&&"confirm"!==t.type?this.close.emit():this.confirm.emit()})))))}static get style(){return"sd-modal-card{display:block}sd-modal-card .sd-modal-card{position:relative;padding:40px 32px;border-radius:8px;box-shadow:4px 4px 24px 4px rgba(0, 0, 0, 0.2);background:white}sd-modal-card .sd-modal-card__close-button{position:absolute;top:16px;right:16px;cursor:pointer}sd-modal-card .sd-modal-card sd-icon.sd-modal-card__icon{display:block;width:32px;height:32px;margin:0 auto 12px auto}sd-modal-card .sd-modal-card__title{color:var(--point-color);font-size:18px;font-weight:700;line-height:30px;text-align:center;margin:0 0 20px 0}sd-modal-card .sd-modal-card__message{color:#222222;font-weight:400;font-size:12px;line-height:22px;text-align:center;margin:0}sd-modal-card .sd-modal-card__button-container{display:flex;margin:32px auto 0 auto;justify-content:center;align-items:center;gap:8px}sd-modal-card .sd-modal-card__button-container.flex-column{flex-direction:column}sd-modal-card .sd-modal-card__button-container button.sd-modal-card__button{width:89px}"}},[772,"sd-modal-card",{type:[1],system:[1],useCloseButton:[4,"use-close-button"],modalTitle:[1,"modal-title"],buttonFlexDirection:[1,"button-flex-direction"],buttonProps:[16],message:[16],sdClass:[1,"sd-class"]}]),l=r,n=function(){"undefined"!=typeof customElements&&["sd-modal-card","sd-button","sd-icon"].forEach((t=>{switch(t){case"sd-modal-card":customElements.get(d(t))||customElements.define(d(t),r);break;case"sd-button":customElements.get(d(t))||i();break;case"sd-icon":customElements.get(d(t))||c()}}))};export{l as SdModalCard,n as defineCustomElement}

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

@@ -1 +1 @@
-import{p as t,H as e,c as s,h as i,t as n}from"./p-B1vJXa29.js";import{n as r}from"./p-CCwNgVmC.js";import{d as u}from"./p-CAZeEBeS.js";import{d}from"./p-B1o7vc2v.js";import{d as o}from"./p-CVvYLd5J.js";import{d as a}from"./p-BKTfQGcR.js";import{d as l}from"./p-CDzGasXW.js";const h=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.update=s(this,"sdUpdate"),this.focus=s(this,"sdFocus"),this.blur=s(this,"sdBlur")}get el(){return this}min=-1/0;max=1/0;step=1;useButton=!1;useDecimal=!1;value=null;label;insideLabel=!1;placeholder="입력해 주세요.";disabled=!1;width;rules=[];autoFocus=!1;status;inputClass="";readonly=!1;inputStyle={};error=!1;focused=!1;hovered=!1;internalValue=null;displayValue="";nativeEl=void 0;formField;name=r();update;focus;blur;formatWithCommas(t){if(null==t)return"";const e=t<0,s=Math.abs(t),[i,n]=(""+s).split("."),r=(+i).toLocaleString(),u=e?"-"+r:r;return n?u+"."+n:u+""}parseInput(t){if(!t||""===t.trim())return null;const e=t.replace(/,/g,"").trim();if(!/^-?(\d+\.?\d*|\d*\.\d+)$/.test(e))return null;const s=parseFloat(e);return isNaN(s)||!this.useDecimal&&e.includes(".")?null:s}clampMinMax(t){return Math.min(Math.max(t,this.min),this.max)}updateDisplay(){this.displayValue=this.formatWithCommas(this.internalValue)}isIncrementDisabled(){return!(!this.disabled&&!this.readonly)||null!==this.internalValue&&this.internalValue>=this.max}isDecrementDisabled(){return!(!this.disabled&&!this.readonly)||null!==this.internalValue&&this.internalValue<=this.min}valueChanged(t){if(null===t||""===t)this.internalValue=null;else{const e="string"==typeof t?this.parseInput(t):t;null!==e&&(this.internalValue=this.clampMinMax(e))}this.updateDisplay()}internalValueChanged(t){this.updateDisplay(),t!==this.value&&(this.value=t,this.update?.emit(t))}async sdValidate(){this.formField?.sdValidate()}async sdReset(){this.formField?.sdReset()}async sdResetValidate(){this.formField?.sdResetValidation()}async sdFocus(){this.formField?.sdFocus()}componentWillLoad(){if(null!=this.value){const t="string"==typeof this.value?this.parseInput(this.value):this.value;null!==t&&(this.internalValue=this.clampMinMax(t))}this.updateDisplay()}handleInput=t=>{const e=t.target,s=e.value;if(""===s)return this.internalValue=null,void(this.displayValue="");const i=s.replace(/,/g,""),n=(i.match(/\./g)||[]).length;if(n>1)return void(e.value=this.displayValue);if("-"===i||"."===i||"-."===i)return void(e.value=i);if(i.endsWith(".")&&1===n){const t=i.slice(0,-1),s=this.parseInput(t);if(null!==s){const t=this.formatWithCommas(s);return void(e.value=t+".")}}const r=this.parseInput(i);if(null!==r){if(r<this.min)return void(e.value=this.displayValue);if(r>this.max)return void(e.value=this.displayValue);this.internalValue=r,this.displayValue=this.formatWithCommas(r),e.value=this.displayValue}else e.value=this.displayValue};handleFocus=t=>{this.focused=!0,this.focus?.emit(t)};handleBlur=async t=>{this.updateDisplay(),this.nativeEl&&(this.nativeEl.value=this.displayValue),this.rules&&this.rules.length>0&&await(this.formField?.sdValidate()),this.focused=!1,this.blur?.emit(t)};handleKeyDown=t=>{"ArrowUp"===t.key?(t.preventDefault(),this.handleIncrement()):"ArrowDown"===t.key&&(t.preventDefault(),this.handleDecrement())};handleIncrement=()=>{if(this.isIncrementDisabled())return;const t=this.internalValue??this.min??0;let e=t+this.step;e>this.max&&(e=this.max),e!==t&&(this.internalValue=e)};handleDecrement=()=>{if(this.isDecrementDisabled())return;const t=this.internalValue??this.min??0;let e=t-this.step;e<this.min&&(e=this.min),e!==t&&(this.internalValue=e)};async sdGetNativeElement(){return this.nativeEl||null}getInputStatus(){return this.disabled?"sd-number-input--disabled":this.hovered?"sd-number-input--hovered":this.status?"sd-number-input--"+this.status:this.error?"sd-number-input--error":""}render(){const t={textAlign:this.useButton?"center":"right"};return i("sd-field",{key:"e72a01e264aa4d680aa740f5098e3be9bb7ac8ac",name:this.name,label:this.label,insideLabel:this.insideLabel,rules:this.rules,error:this.error,disabled:this.disabled,focused:this.focused,hovered:this.hovered,status:this.status,ref:t=>this.formField=t,style:this.width?{"--input-width":"number"==typeof this.width?this.width+"px":this.width}:{}},i("label",{key:"3006df4eaf22ecf7e9ad330270623ba7cbbf9c9a",class:{"sd-number-input":!0,[this.getInputStatus()]:!0,"sd-number-input--with-buttons":this.useButton},onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1,style:this.inputStyle},i("input",{key:"e52177d9c7266a1630d9287fdc155f12a5dc7cca",name:this.name,ref:t=>this.nativeEl=t,class:"sd-number-input__input "+this.inputClass,type:"text",inputMode:"numeric",value:this.displayValue,placeholder:this.placeholder,disabled:this.disabled,readonly:this.readonly,autofocus:this.autoFocus,onInput:this.handleInput,onKeyDown:this.handleKeyDown,style:t,onFocus:this.handleFocus,onBlur:this.handleBlur}),this.useButton&&i("div",{key:"18f45963c22ee6a1cdd52e45b41191c3726328ce",class:"sd-number-input__buttons"},i("button",{key:"73658fecb2300094b1880cae4595975b777b802a",type:"button",class:{"sd-number-input__button":!0,"sd-number-input__button--decrement":!0},disabled:this.isDecrementDisabled(),onClick:this.handleDecrement,tabindex:-1},i("sd-icon",{key:"d2b4d8eb6b7f5dd30ba704c7d7b35051a5b0df7b",name:"minus",size:12,color:this.isDecrementDisabled()?"grey_45":"brilliantblue_70"})),i("button",{key:"ddcd2255b7870657afbb6549cdc185a804aa3dbf",type:"button",class:{"sd-number-input__button":!0,"sd-number-input__button--increment":!0},disabled:this.isIncrementDisabled(),onClick:this.handleIncrement,tabindex:-1},i("sd-icon",{key:"971098976698154e8e644a93265dc746177c2ce0",name:"add",size:12,color:this.isIncrementDisabled()?"grey_45":"brilliantblue_70"})))))}static get watchers(){return{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}}static get style(){return"sd-icon{display:inline-block;line-height:0}sd-icon .sd-icon--rotate-90{transform:rotate(90deg)}sd-icon .sd-icon--rotate-180{transform:rotate(180deg)}sd-icon .sd-icon--rotate-270{transform:rotate(270deg)}sd-number-input .sd-number-input{box-sizing:border-box;display:flex;width:var(--input-width, 100%);align-items:center;height:28px;padding:4px 8px;border-radius:4px;color:#333333;font-size:12px;line-height:20px;position:relative}sd-number-input .sd-number-input .sd-number-input__input{display:block;width:100%;height:20px;line-height:20px;border:none;outline:none;background:transparent;font-size:inherit;color:#333333;margin-left:4px;margin-right:4px;padding-block:0;padding-inline:0;text-align:right}sd-number-input .sd-number-input .sd-number-input__input[disabled]{cursor:not-allowed;color:#888888}sd-number-input .sd-number-input .sd-number-input__input::placeholder{font-size:12px;height:20px;line-height:20px;color:#AAAAAA}sd-number-input .sd-number-input .sd-number-input__clear-icon{cursor:pointer;margin-left:8px}sd-number-input .sd-number-input .sd-number-input__buttons{padding:4px;display:flex;justify-content:space-between;align-items:center;position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity 0.2s ease}sd-number-input .sd-number-input .sd-number-input__button{width:20px;height:20px;border:none;border-radius:2px;background-color:#EFF6FF;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;margin:0;transition:background-color 0.2s ease}sd-number-input .sd-number-input .sd-number-input__button:hover:not(:disabled){background-color:#E6F1FF}sd-number-input .sd-number-input .sd-number-input__button:disabled{background-color:#EEEEEE;cursor:not-allowed}sd-number-input .sd-number-input .sd-number-input__button--decrement{border-bottom-left-radius:0;border-bottom-right-radius:0}sd-number-input .sd-number-input .sd-number-input__button--increment{border-top-left-radius:0;border-top-right-radius:0}sd-number-input .sd-number-input .sd-number-input__label{margin-bottom:8px;font-weight:500;color:#333333}sd-number-input:focus-within .sd-number-input__buttons{opacity:1;pointer-events:auto}sd-number-input:focus-within .sd-number-input{border-color:#0075FF;box-shadow:0 0 4px 0 rgba(0, 113, 255, 0.4)}"}},[512,"sd-number-input",{min:[2],max:[2],step:[2],useButton:[4,"use-button"],useDecimal:[4,"use-decimal"],value:[1032],label:[1],insideLabel:[4,"inside-label"],placeholder:[1],disabled:[4],width:[8],rules:[16],autoFocus:[4,"auto-focus"],status:[1],inputClass:[1,"input-class"],readonly:[4],inputStyle:[16],error:[1028],focused:[1028],hovered:[1028],internalValue:[32],displayValue:[32],sdValidate:[64],sdReset:[64],sdResetValidate:[64],sdFocus:[64],sdGetNativeElement:[64]},void 0,{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}]),p=h,b=function(){"undefined"!=typeof customElements&&["sd-number-input","sd-button","sd-field","sd-floating-portal","sd-icon","sd-tooltip"].forEach((t=>{switch(t){case"sd-number-input":customElements.get(n(t))||customElements.define(n(t),h);break;case"sd-button":customElements.get(n(t))||u();break;case"sd-field":customElements.get(n(t))||d();break;case"sd-floating-portal":customElements.get(n(t))||o();break;case"sd-icon":customElements.get(n(t))||a();break;case"sd-tooltip":customElements.get(n(t))||l()}}))};export{p as SdNumberInput,b as defineCustomElement}
+import{p as t,H as e,c as s,h as i,t as n}from"./p-B1vJXa29.js";import{n as r}from"./p-CCwNgVmC.js";import{d as u}from"./p-BDPJKxrr.js";import{d}from"./p-CgilbV-B.js";import{d as o}from"./p-BZt0PSLv.js";import{d as a}from"./p-kyuN077y.js";import{d as l}from"./p-wt_xdZCl.js";const h=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.update=s(this,"sdUpdate"),this.focus=s(this,"sdFocus"),this.blur=s(this,"sdBlur")}get el(){return this}min=-1/0;max=1/0;step=1;useButton=!1;useDecimal=!1;value=null;label;insideLabel=!1;placeholder="입력해 주세요.";disabled=!1;width;rules=[];autoFocus=!1;status;inputClass="";readonly=!1;inputStyle={};error=!1;focused=!1;hovered=!1;internalValue=null;displayValue="";nativeEl=void 0;formField;name=r();update;focus;blur;formatWithCommas(t){if(null==t)return"";const e=t<0,s=Math.abs(t),[i,n]=(""+s).split("."),r=(+i).toLocaleString(),u=e?"-"+r:r;return n?u+"."+n:u+""}parseInput(t){if(!t||""===t.trim())return null;const e=t.replace(/,/g,"").trim();if(!/^-?(\d+\.?\d*|\d*\.\d+)$/.test(e))return null;const s=parseFloat(e);return isNaN(s)||!this.useDecimal&&e.includes(".")?null:s}clampMinMax(t){return Math.min(Math.max(t,this.min),this.max)}updateDisplay(){this.displayValue=this.formatWithCommas(this.internalValue)}isIncrementDisabled(){return!(!this.disabled&&!this.readonly)||null!==this.internalValue&&this.internalValue>=this.max}isDecrementDisabled(){return!(!this.disabled&&!this.readonly)||null!==this.internalValue&&this.internalValue<=this.min}valueChanged(t){if(null===t||""===t)this.internalValue=null;else{const e="string"==typeof t?this.parseInput(t):t;null!==e&&(this.internalValue=this.clampMinMax(e))}this.updateDisplay()}internalValueChanged(t){this.updateDisplay(),t!==this.value&&(this.value=t,this.update?.emit(t))}async sdValidate(){this.formField?.sdValidate()}async sdReset(){this.formField?.sdReset()}async sdResetValidate(){this.formField?.sdResetValidation()}async sdFocus(){this.formField?.sdFocus()}componentWillLoad(){if(null!=this.value){const t="string"==typeof this.value?this.parseInput(this.value):this.value;null!==t&&(this.internalValue=this.clampMinMax(t))}this.updateDisplay()}handleInput=t=>{const e=t.target,s=e.value;if(""===s)return this.internalValue=null,void(this.displayValue="");const i=s.replace(/,/g,""),n=(i.match(/\./g)||[]).length;if(n>1)return void(e.value=this.displayValue);if("-"===i||"."===i||"-."===i)return void(e.value=i);if(i.endsWith(".")&&1===n){const t=i.slice(0,-1),s=this.parseInput(t);if(null!==s){const t=this.formatWithCommas(s);return void(e.value=t+".")}}const r=this.parseInput(i);if(null!==r){if(r<this.min)return void(e.value=this.displayValue);if(r>this.max)return void(e.value=this.displayValue);this.internalValue=r,this.displayValue=this.formatWithCommas(r),e.value=this.displayValue}else e.value=this.displayValue};handleFocus=t=>{this.focused=!0,this.focus?.emit(t)};handleBlur=async t=>{this.updateDisplay(),this.nativeEl&&(this.nativeEl.value=this.displayValue),this.rules&&this.rules.length>0&&await(this.formField?.sdValidate()),this.focused=!1,this.blur?.emit(t)};handleKeyDown=t=>{"ArrowUp"===t.key?(t.preventDefault(),this.handleIncrement()):"ArrowDown"===t.key&&(t.preventDefault(),this.handleDecrement())};handleIncrement=()=>{if(this.isIncrementDisabled())return;const t=this.internalValue??this.min??0;let e=t+this.step;e>this.max&&(e=this.max),e!==t&&(this.internalValue=e)};handleDecrement=()=>{if(this.isDecrementDisabled())return;const t=this.internalValue??this.min??0;let e=t-this.step;e<this.min&&(e=this.min),e!==t&&(this.internalValue=e)};async sdGetNativeElement(){return this.nativeEl||null}getInputStatus(){return this.disabled?"sd-number-input--disabled":this.hovered?"sd-number-input--hovered":this.status?"sd-number-input--"+this.status:this.error?"sd-number-input--error":""}render(){const t={textAlign:this.useButton?"center":"right"};return i("sd-field",{key:"0e9e4da15a63aa6a3375b43757d607fcd087d55b",name:this.name,label:this.label,insideLabel:this.insideLabel,rules:this.rules,error:this.error,disabled:this.disabled,focused:this.focused,hovered:this.hovered,status:this.status,ref:t=>this.formField=t,style:this.width?{"--input-width":"number"==typeof this.width?this.width+"px":this.width}:{}},i("label",{key:"ed02f94f0d5f14161dbe951f72b66e7dc1603c47",class:{"sd-number-input":!0,[this.getInputStatus()]:!0,"sd-number-input--with-buttons":this.useButton},onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1,style:this.inputStyle},i("input",{key:"5e80258cf2146431deecf23919de347eb5c29fb2",name:this.name,ref:t=>this.nativeEl=t,class:"sd-number-input__input "+this.inputClass,type:"text",inputMode:"numeric",value:this.displayValue,placeholder:this.placeholder,disabled:this.disabled,readonly:this.readonly,autofocus:this.autoFocus,onInput:this.handleInput,onKeyDown:this.handleKeyDown,style:t,onFocus:this.handleFocus,onBlur:this.handleBlur}),this.useButton&&i("div",{key:"d8293f93d5bb0f9bc88e9702df590526238820ac",class:"sd-number-input__buttons"},i("button",{key:"8c945155ccc8faaf3737fd8fc1bdeb7e3e5694ec",type:"button",class:{"sd-number-input__button":!0,"sd-number-input__button--decrement":!0},disabled:this.isDecrementDisabled(),onClick:this.handleDecrement,tabindex:-1},i("sd-icon",{key:"91d31a14ff787c6dbe35f40ff5eb9eff3d7b4e02",name:"minus",size:12,color:this.isDecrementDisabled()?"grey_45":"brilliantblue_70"})),i("button",{key:"0d54618d34e3fd06b7b89496e8f825137f9dd7a2",type:"button",class:{"sd-number-input__button":!0,"sd-number-input__button--increment":!0},disabled:this.isIncrementDisabled(),onClick:this.handleIncrement,tabindex:-1},i("sd-icon",{key:"44c1021a4f5588ff473f9dc7cc696ec4526d4abd",name:"add",size:12,color:this.isIncrementDisabled()?"grey_45":"brilliantblue_70"})))))}static get watchers(){return{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}}static get style(){return"sd-icon{display:inline-block;line-height:0}sd-icon .sd-icon--rotate-90{transform:rotate(90deg)}sd-icon .sd-icon--rotate-180{transform:rotate(180deg)}sd-icon .sd-icon--rotate-270{transform:rotate(270deg)}sd-number-input .sd-number-input{box-sizing:border-box;display:flex;width:var(--input-width, 100%);align-items:center;height:28px;padding:4px 8px;border-radius:4px;color:#333333;font-size:12px;line-height:20px;position:relative}sd-number-input .sd-number-input .sd-number-input__input{display:block;width:100%;height:20px;line-height:20px;border:none;outline:none;background:transparent;font-size:inherit;color:#333333;margin-left:4px;margin-right:4px;padding-block:0;padding-inline:0;text-align:right}sd-number-input .sd-number-input .sd-number-input__input[disabled]{cursor:not-allowed;color:#888888}sd-number-input .sd-number-input .sd-number-input__input::placeholder{font-size:12px;height:20px;line-height:20px;color:#AAAAAA}sd-number-input .sd-number-input .sd-number-input__clear-icon{cursor:pointer;margin-left:8px}sd-number-input .sd-number-input .sd-number-input__buttons{padding:4px;display:flex;justify-content:space-between;align-items:center;position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity 0.2s ease}sd-number-input .sd-number-input .sd-number-input__button{width:20px;height:20px;border:none;border-radius:2px;background-color:#EFF6FF;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;margin:0;transition:background-color 0.2s ease}sd-number-input .sd-number-input .sd-number-input__button:hover:not(:disabled){background-color:#E6F1FF}sd-number-input .sd-number-input .sd-number-input__button:disabled{background-color:#EEEEEE;cursor:not-allowed}sd-number-input .sd-number-input .sd-number-input__button--decrement{border-bottom-left-radius:0;border-bottom-right-radius:0}sd-number-input .sd-number-input .sd-number-input__button--increment{border-top-left-radius:0;border-top-right-radius:0}sd-number-input .sd-number-input .sd-number-input__label{margin-bottom:8px;font-weight:500;color:#333333}sd-number-input:focus-within .sd-number-input__buttons{opacity:1;pointer-events:auto}sd-number-input:focus-within .sd-number-input{border-color:#0075FF;box-shadow:0 0 4px 0 rgba(0, 113, 255, 0.4)}"}},[512,"sd-number-input",{min:[2],max:[2],step:[2],useButton:[4,"use-button"],useDecimal:[4,"use-decimal"],value:[1032],label:[1],insideLabel:[4,"inside-label"],placeholder:[1],disabled:[4],width:[8],rules:[16],autoFocus:[4,"auto-focus"],status:[1],inputClass:[1,"input-class"],readonly:[4],inputStyle:[16],error:[1028],focused:[1028],hovered:[1028],internalValue:[32],displayValue:[32],sdValidate:[64],sdReset:[64],sdResetValidate:[64],sdFocus:[64],sdGetNativeElement:[64]},void 0,{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}]),p=h,b=function(){"undefined"!=typeof customElements&&["sd-number-input","sd-button","sd-field","sd-floating-portal","sd-icon","sd-tooltip"].forEach((t=>{switch(t){case"sd-number-input":customElements.get(n(t))||customElements.define(n(t),h);break;case"sd-button":customElements.get(n(t))||u();break;case"sd-field":customElements.get(n(t))||d();break;case"sd-floating-portal":customElements.get(n(t))||o();break;case"sd-icon":customElements.get(n(t))||a();break;case"sd-tooltip":customElements.get(n(t))||l()}}))};export{p as SdNumberInput,b as defineCustomElement}

package/dist/components/sd-pagination.js

@@ -1 +1 @@
-import{S as s,d as o}from"./p-2FdkYfts.js";const t=s,p=o;export{t as SdPagination,p as defineCustomElement}
+import{S as o,d as r}from"./p-CGgmrFwF.js";const s=o,m=r;export{s as SdPagination,m as defineCustomElement}

package/dist/components/sd-popover.js

@@ -1 +1 @@
-import{p as s,H as t,h as e,F as o,t as i}from"./p-B1vJXa29.js";import{T as n}from"./p-D-ian_bu.js";import{d as a}from"./p-CAZeEBeS.js";import{d as c}from"./p-CVvYLd5J.js";import{d}from"./p-BKTfQGcR.js";const l=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost()}get el(){return this}show=!1;placement="bottom";color="#01BB4B";icon="helpOutline";iconSize=12;label="";buttonSize="sm";buttonVariant="primary";menuTitle;messages=[];buttons=[];menuClass="";noHover=!0;useClose=!1;showPopover=!1;slotContent="";watchShowHandler(s){this.showPopover=s}componentWillLoad(){this.showPopover=this.show,this.slotContent=this.el.innerHTML}buttonEl;handleClose=()=>{this.showPopover=!1};render(){return e(o,{key:"fae8880113285544053957bb096c6618dfddc7ec"},this.label?e("sd-button",{ref:s=>this.buttonEl=s,label:this.label,icon:this.icon,size:this.buttonSize,color:this.color,variant:this.buttonVariant,class:"sd-popover",onSdClick:()=>this.showPopover=!this.showPopover}):e("sd-icon",{ref:s=>this.buttonEl=s,name:this.icon,size:this.iconSize,color:this.color,class:"sd-popover",onClick:()=>this.showPopover=!this.showPopover}),this.showPopover&&e("sd-floating-portal",{key:"45323134dcbce4014492dde03c1416deda339ee1",parentRef:this.buttonEl,onSdClose:this.handleClose,placement:this.placement},e("div",{key:"c662820224d2c90bb806d2ac010cc95a53308b3a",class:{"sd-floating-menu":!0,["sd-floating-menu--"+this.placement]:!0,[this.menuClass]:!!this.menuClass}},e("i",{key:"55bc21085df77a027d252d5c3ef6d665207c71f6",class:"sd-floating-menu__arrow sd-floating-menu__arrow--"+this.placement},e(n,{key:"a9bb570b87481c0fe897e65ada655537dd4b8724"})),e("div",{key:"5f28d241157a9f5481fc7fa4e48fd00fac1def5a",class:"sd-floating-menu__content"},this.menuTitle&&e("div",{key:"cc1dcbe2703dca70004159aa9fe8b18b122d8dbc",class:"sd-floating-menu__title"},this.menuTitle),this.messages.length>0&&e("div",{key:"f7b72df569c2dce9e6c85bcd9509e38ac9cbbb80",class:"sd-floating-menu__messages"},this.messages.map((s=>e("div",null,s)))),this.buttons.length>0&&e("div",{key:"d01d2bc92e79454d747b2fd976bfeb431d4d90fe",class:"sd-floating-menu__buttons sd-floating-menu__buttons--"+this.buttons.length},this.buttons.map((s=>e("sd-button",{...s}))))),this.useClose&&e("button",{key:"9cf8cbd72d5bec64636b778ea0642d56c3229590",title:"close",class:"sd-floating-menu__close-button",onClick:()=>this.handleClose()},e("sd-icon",{key:"6df940385a9472e73b408cc51c647c98c95a9af7",name:"close",size:"12",color:"gery_55"})))))}static get watchers(){return{show:[{watchShowHandler:0}]}}static get style(){return"sd-popover{position:relative;cursor:pointer;display:inline-flex}"}},[512,"sd-popover",{show:[1028],placement:[513],color:[513],icon:[513],iconSize:[514,"icon-size"],label:[1],buttonSize:[513,"button-size"],buttonVariant:[513,"button-variant"],menuTitle:[513,"title"],messages:[16],buttons:[16],menuClass:[1,"menu-class"],noHover:[4,"no-hover"],useClose:[4,"use-close"],showPopover:[32],slotContent:[32]},void 0,{show:[{watchShowHandler:0}]}]),r=l,h=function(){"undefined"!=typeof customElements&&["sd-popover","sd-button","sd-floating-portal","sd-icon"].forEach((s=>{switch(s){case"sd-popover":customElements.get(i(s))||customElements.define(i(s),l);break;case"sd-button":customElements.get(i(s))||a();break;case"sd-floating-portal":customElements.get(i(s))||c();break;case"sd-icon":customElements.get(i(s))||d()}}))};export{r as SdPopover,h as defineCustomElement}
+import{p as s,H as e,h as t,F as o,t as i}from"./p-B1vJXa29.js";import{T as n}from"./p-D-ian_bu.js";import{d as a}from"./p-BDPJKxrr.js";import{d as c}from"./p-BZt0PSLv.js";import{d as l}from"./p-kyuN077y.js";var d={icon:"12",color:"#888888"},r="#07284A";const h=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost()}get el(){return this}show=!1;placement="bottom";color="#01BB4B";icon="helpOutline";iconSize=12;label="";buttonSize="sm";buttonVariant="primary";menuTitle;messages=[];buttons=[];menuClass="";noHover=!0;useClose=!1;showPopover=!1;slotContent="";watchShowHandler(s){this.showPopover=s}componentWillLoad(){this.showPopover=this.show,this.slotContent=this.el.innerHTML}buttonEl;handleClose=()=>{this.showPopover=!1};render(){return t(o,{key:"4a9b669a48afd220b6f7cca0512704ffca7c853a"},this.label?t("sd-button",{ref:s=>this.buttonEl=s,label:this.label,icon:this.icon,size:this.buttonSize,color:this.color,variant:this.buttonVariant,class:"sd-popover",onSdClick:()=>this.showPopover=!this.showPopover}):t("sd-icon",{ref:s=>this.buttonEl=s,name:this.icon,size:this.iconSize,color:this.color,class:"sd-popover",onClick:()=>this.showPopover=!this.showPopover}),this.showPopover&&t("sd-floating-portal",{key:"3a3a95c0ced8d5cc03c1c00a71455804b4ee2337",parentRef:this.buttonEl,onSdClose:this.handleClose,placement:this.placement},t("div",{key:"45b78e84b9d6716b16c02868aadc0e03268d0d17",class:{"sd-floating-menu":!0,"sd-floating-menu--popover":!0,["sd-floating-menu--"+this.placement]:!0,[this.menuClass]:!!this.menuClass},style:{"--sd-floating-bg":r}},t("i",{key:"dc459621c518762345e42fe201e25c18b00f71db",class:"sd-floating-menu__arrow sd-floating-menu__arrow--"+this.placement},t(n,{key:"77b20a4f795453eba89230433204e43696d1572e"})),t("div",{key:"645010d9749bf039a15a3edb6ca8bac72b53a152",class:"sd-floating-menu__content"},this.menuTitle&&t("div",{key:"9c84f5ccf7353dca3c6e6978647c845832003361",class:"sd-floating-menu__title"},this.menuTitle),this.messages.length>0&&t("div",{key:"d081317a32b5e5304d03deef7b3bcb441e4839c9",class:"sd-floating-menu__messages"},this.messages.map((s=>t("div",null,s)))),this.buttons.length>0&&t("div",{key:"cf09426459cabbe4443608c9e5edda9e45c394f9",class:"sd-floating-menu__buttons sd-floating-menu__buttons--"+this.buttons.length},this.buttons.map((s=>t("sd-button",{...s}))))),this.useClose&&t("button",{key:"0677f61f7faa27e10b39b5cce2e22a3eda15dc87",title:"close",class:"sd-floating-menu__close-button",onClick:()=>this.handleClose()},t("sd-icon",{key:"71e254dbc9b34f98e0bc41c378d33c733ce6b582",name:"close",size:d.icon,color:d.color})))))}static get watchers(){return{show:[{watchShowHandler:0}]}}static get style(){return"sd-popover{position:relative;cursor:pointer;display:inline-flex}"}},[512,"sd-popover",{show:[1028],placement:[513],color:[513],icon:[513],iconSize:[514,"icon-size"],label:[1],buttonSize:[513,"button-size"],buttonVariant:[513,"button-variant"],menuTitle:[513,"title"],messages:[16],buttons:[16],menuClass:[1,"menu-class"],noHover:[4,"no-hover"],useClose:[4,"use-close"],showPopover:[32],slotContent:[32]},void 0,{show:[{watchShowHandler:0}]}]),u=h,b=function(){"undefined"!=typeof customElements&&["sd-popover","sd-button","sd-floating-portal","sd-icon"].forEach((s=>{switch(s){case"sd-popover":customElements.get(i(s))||customElements.define(i(s),h);break;case"sd-button":customElements.get(i(s))||a();break;case"sd-floating-portal":customElements.get(i(s))||c();break;case"sd-icon":customElements.get(i(s))||l()}}))};export{u as SdPopover,b as defineCustomElement}

package/dist/components/sd-portal.js

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

package/dist/components/sd-progress.js

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

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

@@ -1 +1 @@
-import{p as o,H as t,c as r,h as d,t as i}from"./p-B1vJXa29.js";const n=o(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.change=r(this,"sdUpdate")}value;radioOptions=[];size="md";disabled=!1;name;change;handleRadioChange=(o,t)=>{this.disabled||t||(this.value=o,this.change.emit(o))};isOptionSelected(o){return this.value===o.value}isOptionDisabled(o){return this.disabled||!!o.disabled}getButtonClasses(o){const t=["sd-radio-button-group__option",this.isOptionSelected(o)?"sd-radio-button-group__option--selected":"sd-radio-button-group__option--unselected"];return this.isOptionDisabled(o)&&t.push("sd-radio-button-group__option--disabled"),t.join(" ")}getGroupClasses(){return["sd-radio-button-group","sd-radio-button-group--"+this.size].join(" ")}groupName=this.name||"sd-radio-button-group-"+crypto.randomUUID();render(){return d("div",{key:"97d7659b99c889fc9b6788f4cb9558e4c6305365",class:this.getGroupClasses(),role:"radiogroup","aria-disabled":""+this.disabled},this.radioOptions.map((o=>{const t=this.isOptionSelected(o),r=this.isOptionDisabled(o);return d("label",{key:"radio-"+o.value,class:this.getButtonClasses(o),"aria-label":o.label||"radio option","data-label":o.label},d("input",{type:"radio",name:this.groupName,value:""+o.value,checked:t,disabled:r,onInput:()=>this.handleRadioChange(o.value,o.disabled)}),o.label&&d("span",{class:"sd-radio-button-group__label"},o.label))})))}static get style(){return"sd-radio-button-group{display:inline-flex;width:fit-content;height:fit-content}sd-radio-button-group .sd-radio-button-group{display:inline-flex;flex-flow:row nowrap;gap:0}sd-radio-button-group .sd-radio-button-group .sd-radio-button-group__option{display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid #CCCCCC;background-color:white;color:#333333;font-weight:400;transition:all 0.2s ease;position:relative;-webkit-user-select:none;user-select:none}sd-radio-button-group .sd-radio-button-group .sd-radio-button-group__option input{display:none}sd-radio-button-group .sd-radio-button-group .sd-radio-button-group__option:not(:first-child){margin-left:-1px}sd-radio-button-group .sd-radio-button-group .sd-radio-button-group__option:first-child{border-radius:4px 0 0 4px}sd-radio-button-group .sd-radio-button-group .sd-radio-button-group__option:last-child{border-radius:0 4px 4px 0}sd-radio-button-group .sd-radio-button-group .sd-radio-button-group__option:only-child{border-radius:4px}sd-radio-button-group .sd-radio-button-group .sd-radio-button-group__option::after{content:attr(data-label);position:absolute;font-weight:400;transition:font-weight 0.2s ease}sd-radio-button-group .sd-radio-button-group .sd-radio-button-group__option:not(sd-radio-button-group .sd-radio-button-group .sd-radio-button-group__option--disabled):not(sd-radio-button-group .sd-radio-button-group .sd-radio-button-group__option--selected):hover{background-color:#0075FF;color:white;border-color:#0075FF;z-index:2}sd-radio-button-group .sd-radio-button-group .sd-radio-button-group__option:not(sd-radio-button-group .sd-radio-button-group .sd-radio-button-group__option--disabled):not(sd-radio-button-group .sd-radio-button-group .sd-radio-button-group__option--selected):hover::after{font-weight:500}sd-radio-button-group .sd-radio-button-group .sd-radio-button-group__option--selected{border-color:#0075FF;color:#0075FF;background-color:white;z-index:1}sd-radio-button-group .sd-radio-button-group .sd-radio-button-group__option--disabled{background-color:#E1E1E1;border-color:#CCCCCC;color:#888888;cursor:not-allowed}sd-radio-button-group .sd-radio-button-group .sd-radio-button-group__option:has(input:disabled){cursor:not-allowed}sd-radio-button-group .sd-radio-button-group__label{-webkit-user-select:none;user-select:none;font-weight:500;visibility:hidden}sd-radio-button-group .sd-radio-button-group--sm .sd-radio-button-group__option{padding:4px 12px;font-size:12px;line-height:20px}sd-radio-button-group .sd-radio-button-group--md .sd-radio-button-group__option{padding:4px 20px;font-size:16px;line-height:26px}"}},[512,"sd-radio-button-group",{value:[1032],radioOptions:[1040],size:[1],disabled:[4],name:[1]}]),s=n,u=function(){"undefined"!=typeof customElements&&["sd-radio-button-group"].forEach((o=>{"sd-radio-button-group"===o&&(customElements.get(i(o))||customElements.define(i(o),n))}))};export{s as SdRadioButtonGroup,u as defineCustomElement}
+import{p as o,H as t,c as r,h as d,t as i}from"./p-B1vJXa29.js";const n=o(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.change=r(this,"sdUpdate")}value;radioOptions=[];size="md";disabled=!1;name;change;handleRadioChange=(o,t)=>{this.disabled||t||(this.value=o,this.change.emit(o))};isOptionSelected(o){return this.value===o.value}isOptionDisabled(o){return this.disabled||!!o.disabled}getButtonClasses(o){const t=["sd-radio-button-group__option",this.isOptionSelected(o)?"sd-radio-button-group__option--selected":"sd-radio-button-group__option--unselected"];return this.isOptionDisabled(o)&&t.push("sd-radio-button-group__option--disabled"),t.join(" ")}getGroupClasses(){return["sd-radio-button-group","sd-radio-button-group--"+this.size].join(" ")}groupName=this.name||"sd-radio-button-group-"+crypto.randomUUID();render(){return d("div",{key:"b29629556f8d8922e601feede89bd77bd783ded6",class:this.getGroupClasses(),role:"radiogroup","aria-disabled":""+this.disabled},this.radioOptions.map((o=>{const t=this.isOptionSelected(o),r=this.isOptionDisabled(o);return d("label",{key:"radio-"+o.value,class:this.getButtonClasses(o),"aria-label":o.label||"radio option","data-label":o.label},d("input",{type:"radio",name:this.groupName,value:""+o.value,checked:t,disabled:r,onInput:()=>this.handleRadioChange(o.value,o.disabled)}),o.label&&d("span",{class:"sd-radio-button-group__label"},o.label))})))}static get style(){return"sd-radio-button-group{display:inline-flex;width:fit-content;height:fit-content}sd-radio-button-group .sd-radio-button-group{display:inline-flex;flex-flow:row nowrap;gap:0}sd-radio-button-group .sd-radio-button-group .sd-radio-button-group__option{display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid #CCCCCC;background-color:white;color:#333333;font-weight:400;transition:all 0.2s ease;position:relative;-webkit-user-select:none;user-select:none}sd-radio-button-group .sd-radio-button-group .sd-radio-button-group__option input{display:none}sd-radio-button-group .sd-radio-button-group .sd-radio-button-group__option:not(:first-child){margin-left:-1px}sd-radio-button-group .sd-radio-button-group .sd-radio-button-group__option:first-child{border-radius:4px 0 0 4px}sd-radio-button-group .sd-radio-button-group .sd-radio-button-group__option:last-child{border-radius:0 4px 4px 0}sd-radio-button-group .sd-radio-button-group .sd-radio-button-group__option:only-child{border-radius:4px}sd-radio-button-group .sd-radio-button-group .sd-radio-button-group__option::after{content:attr(data-label);position:absolute;font-weight:400;transition:font-weight 0.2s ease}sd-radio-button-group .sd-radio-button-group .sd-radio-button-group__option:not(sd-radio-button-group .sd-radio-button-group .sd-radio-button-group__option--disabled):not(sd-radio-button-group .sd-radio-button-group .sd-radio-button-group__option--selected):hover{background-color:#0075FF;color:white;border-color:#0075FF;z-index:2}sd-radio-button-group .sd-radio-button-group .sd-radio-button-group__option:not(sd-radio-button-group .sd-radio-button-group .sd-radio-button-group__option--disabled):not(sd-radio-button-group .sd-radio-button-group .sd-radio-button-group__option--selected):hover::after{font-weight:500}sd-radio-button-group .sd-radio-button-group .sd-radio-button-group__option--selected{border-color:#0075FF;color:#0075FF;background-color:white;z-index:1}sd-radio-button-group .sd-radio-button-group .sd-radio-button-group__option--disabled{background-color:#E1E1E1;border-color:#CCCCCC;color:#888888;cursor:not-allowed}sd-radio-button-group .sd-radio-button-group .sd-radio-button-group__option:has(input:disabled){cursor:not-allowed}sd-radio-button-group .sd-radio-button-group__label{-webkit-user-select:none;user-select:none;font-weight:500;visibility:hidden}sd-radio-button-group .sd-radio-button-group--sm .sd-radio-button-group__option{padding:4px 12px;font-size:12px;line-height:20px}sd-radio-button-group .sd-radio-button-group--md .sd-radio-button-group__option{padding:4px 20px;font-size:16px;line-height:26px}"}},[512,"sd-radio-button-group",{value:[1032],radioOptions:[1040],size:[1],disabled:[4],name:[1]}]),s=n,u=function(){"undefined"!=typeof customElements&&["sd-radio-button-group"].forEach((o=>{"sd-radio-button-group"===o&&(customElements.get(i(o))||customElements.define(i(o),n))}))};export{s as SdRadioButtonGroup,u as defineCustomElement}

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

@@ -1 +1 @@
-import{p as o,H as d,c as r,h as a,t as i}from"./p-B1vJXa29.js";import{d as e}from"./p-BxXKe48B.js";const s=o(class extends d{constructor(o){super(),!1!==o&&this.__registerHost(),this.change=r(this,"sdUpdate")}value;radioOptions=[];direction="vertical";disabled=!1;groupName;change;valueChanged(o){this.value=o}handleRadioChange=o=>{this.disabled||(this.value=o,this.change?.emit(o))};getGroupClasses(){return["sd-radio-group","sd-radio-group--"+this.direction].join(" ")}render(){return a("div",{key:"80b1a8d67acac65ffc753ababa5e48e80cacdfc2",class:this.getGroupClasses(),role:"radiogroup"},this.radioOptions.map((o=>a("sd-radio",{key:"radio-"+o.value,val:o.value+"",value:this.value,label:o.label,disabled:this.disabled||!!o.disabled,onSdUpdate:({detail:o})=>this.handleRadioChange(o)}))))}static get watchers(){return{value:[{valueChanged:0}]}}static get style(){return'sd-radio{display:inline-flex;width:fit-content;height:fit-content}sd-radio .sd-radio{cursor:pointer}sd-radio .sd-radio label{display:inline-flex;width:fit-content;align-items:center;gap:8px;cursor:pointer}sd-radio .sd-radio label input{display:inline-block;position:relative;appearance:none;margin:0;width:16px;height:16px;border:1px solid #888888;border-radius:50%;accent-color:#0075FF;background-color:white;cursor:pointer}sd-radio .sd-radio label input:checked{border-color:#0075FF;background-color:white}sd-radio .sd-radio label input:checked::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:10px;height:10px;border-radius:50%;background-color:#0075FF}sd-radio .sd-radio label input:disabled{border-color:#CCCCCC;background-color:#EEEEEE}sd-radio .sd-radio label input:disabled:checked::before{background-color:#CCCCCC}sd-radio .sd-radio label input:not(:disabled):hover{border-color:#0075FF;background-color:#D9EAFF}sd-radio .sd-radio--disabled{cursor:not-allowed !important}sd-radio .sd-radio--disabled label{cursor:not-allowed !important}sd-radio .sd-radio--disabled label input{cursor:not-allowed !important}sd-radio-group{display:inline-block}sd-radio-group .sd-radio-group{display:flex}sd-radio-group .sd-radio-group--vertical{flex-direction:column;gap:8px}sd-radio-group .sd-radio-group--horizontal{flex-direction:row;align-items:center;gap:20px}'}},[512,"sd-radio-group",{value:[1544],radioOptions:[1040],direction:[1],disabled:[4],groupName:[1,"group-name"]},void 0,{value:[{valueChanged:0}]}]),t=s,l=function(){"undefined"!=typeof customElements&&["sd-radio-group","sd-radio"].forEach((o=>{switch(o){case"sd-radio-group":customElements.get(i(o))||customElements.define(i(o),s);break;case"sd-radio":customElements.get(i(o))||e()}}))};export{t as SdRadioGroup,l as defineCustomElement}
+import{p as o,H as d,c as r,h as a,t as i}from"./p-B1vJXa29.js";import{d as e}from"./p-DNQE5SAA.js";const s=o(class extends d{constructor(o){super(),!1!==o&&this.__registerHost(),this.change=r(this,"sdUpdate")}value;radioOptions=[];direction="vertical";disabled=!1;groupName;change;valueChanged(o){this.value=o}handleRadioChange=o=>{this.disabled||(this.value=o,this.change?.emit(o))};getGroupClasses(){return["sd-radio-group","sd-radio-group--"+this.direction].join(" ")}render(){return a("div",{key:"4f24a03003b9e21a7e7da81d70ab95a04551b694",class:this.getGroupClasses(),role:"radiogroup"},this.radioOptions.map((o=>a("sd-radio",{key:"radio-"+o.value,val:o.value+"",value:this.value,label:o.label,disabled:this.disabled||!!o.disabled,onSdUpdate:({detail:o})=>this.handleRadioChange(o)}))))}static get watchers(){return{value:[{valueChanged:0}]}}static get style(){return'sd-radio{display:inline-flex;width:fit-content;height:fit-content}sd-radio .sd-radio{cursor:pointer}sd-radio .sd-radio label{display:inline-flex;width:fit-content;align-items:center;gap:8px;cursor:pointer}sd-radio .sd-radio label input{display:inline-block;position:relative;appearance:none;margin:0;width:16px;height:16px;border:1px solid #888888;border-radius:50%;accent-color:#0075FF;background-color:white;cursor:pointer}sd-radio .sd-radio label input:checked{border-color:#0075FF;background-color:white}sd-radio .sd-radio label input:checked::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:10px;height:10px;border-radius:50%;background-color:#0075FF}sd-radio .sd-radio label input:disabled{border-color:#CCCCCC;background-color:#EEEEEE}sd-radio .sd-radio label input:disabled:checked::before{background-color:#CCCCCC}sd-radio .sd-radio label input:not(:disabled):hover{border-color:#0075FF;background-color:#D9EAFF}sd-radio .sd-radio--disabled{cursor:not-allowed !important}sd-radio .sd-radio--disabled label{cursor:not-allowed !important}sd-radio .sd-radio--disabled label input{cursor:not-allowed !important}sd-radio-group{display:inline-block}sd-radio-group .sd-radio-group{display:flex}sd-radio-group .sd-radio-group--vertical{flex-direction:column;gap:8px}sd-radio-group .sd-radio-group--horizontal{flex-direction:row;align-items:center;gap:20px}'}},[512,"sd-radio-group",{value:[1544],radioOptions:[1040],direction:[1],disabled:[4],groupName:[1,"group-name"]},void 0,{value:[{valueChanged:0}]}]),t=s,l=function(){"undefined"!=typeof customElements&&["sd-radio-group","sd-radio"].forEach((o=>{switch(o){case"sd-radio-group":customElements.get(i(o))||customElements.define(i(o),s);break;case"sd-radio":customElements.get(i(o))||e()}}))};export{t as SdRadioGroup,l as defineCustomElement}

package/dist/components/sd-radio.js

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

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

@@ -1 +1 @@
-import{S as o,d as s}from"./p-G4t0nGLP.js";const t=o,p=s;export{t as SdSelectDropdown,p as defineCustomElement}
+import{S as s,d as o}from"./p-DfhTm5zs.js";const m=s,p=o;export{m as SdSelectDropdown,p as defineCustomElement}