@sellmate/design-system 1.0.38 → 1.0.40

package/dist/design-system/{p-f186c0f4.entry.js → p-7ce76a05.entry.js}

@@ -1 +1 @@
-import{r as t,c as n,h as o}from"./p-B8tGP77V.js";import{i as s,g as e,B as i,d,c as a,a as r,P as b,b as u}from"./p-BdjLD8BG.js";import"./p-KOzU1j2w.js";const g=class{constructor(o){t(this,o),this.click=n(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(!s(this.name))throw new Error(`Invalid sd-button-v2 name: ${this.name}`);return{config:i[this.name],preset:e(this.name)}}getButtonClasses(t,n,o,s){const e=["sd-button-v2",`sd-button-v2--${t}`,`sd-button-v2--${n}`];return this.disabled&&e.push("sd-button-v2--disabled"),s&&e.push("sd-button-v2--icon-only"),o&&e.push("sd-button-v2--has-label"),e.join(" ")}componentWillRender(){this.warnIfMissingAriaLabel()}warnIfMissingAriaLabel(){this.label||!Boolean(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,s=Boolean(this.label),e=!this.label&&Boolean(this.icon),i=e&&this.ariaLabel.trim()?this.ariaLabel:void 0;return o("button",{key:"248e85751b7f7f1cdb770e4f4c1466fa8736f024",class:this.getButtonClasses(n,t.size,s,e),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":u[n],"--sd-button-v2-border":b[n],"--sd-button-v2-content":r[n],"--sd-button-v2-accent":a},onClick:this.handleClick},o("span",{key:"0b68fdf9711cd26d6f143fec848d3e16e32c81e2",class:"sd-button-v2__content"},this.icon&&o("sd-icon",{key:"26bffa7135658f790e65a8b0aa32af055ea269f2",class:"sd-button-v2__icon",name:this.icon,size:d[t.size],color:"var(--sd-button-v2-current-content)"}),this.label&&o("span",{key:"5016092b05b4f068f823ae8dbd6a47ea23763086",class:"sd-button-v2__label"},this.label)))}};g.style="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}";var h={height:"20",paddingX:"6",gap:"4",icon:"12",typography:{fontSize:"11",fontWeight:"500",lineHeight:"18"}},v={height:"24",paddingX:"8",gap:"4",icon:"16",typography:{fontSize:"12",fontWeight:"700",lineHeight:"20"}},l={height:"28",paddingX:"12",gap:"6",icon:"16",typography:{fontSize:"14",fontWeight:"700",lineHeight:"24"}},c={bg:"#FB4444",content:"#FCEFEF"},p={bg:"#FF6B00",content:"#FEF1EA"},f={bg:"#916C0D",content:"#FFF7DD"},x={bg:"#00973C",content:"#E8F9EF"},y={bg:"#0075FF",content:"#E6F1FF"},m={bg:"#006AC1",content:"#EAF5FE"},w={bg:"#004290",content:"#EFF6FF"},z={bg:"#737373",content:"#EEEEEE"};const _=["xs","sm","md"],F=["grey","red","orange","yellow","green","blue","darkblue","indigo"],k={grey:{background:z.content,content:z.bg,icon:z.bg},red:{background:c.content,content:c.bg,icon:c.bg},orange:{background:p.content,content:p.bg,icon:p.bg},yellow:{background:f.content,content:f.bg,icon:f.bg},green:{background:x.content,content:x.bg,icon:x.bg},blue:{background:y.content,content:y.bg,icon:y.bg},darkblue:{background:m.content,content:m.bg,icon:m.bg},indigo:{background:w.content,content:w.bg,icon:w.bg}},$={xs:{height:`${h.height}px`,paddingX:`${h.paddingX}px`,gap:`${h.gap}px`,fontSize:`${h.typography.fontSize}px`,fontWeight:h.typography.fontWeight,lineHeight:`${h.typography.lineHeight}px`,iconSize:Number(h.icon),radius:"4px"},sm:{height:`${v.height}px`,paddingX:`${v.paddingX}px`,gap:`${v.gap}px`,fontSize:`${v.typography.fontSize}px`,fontWeight:v.typography.fontWeight,lineHeight:`${v.typography.lineHeight}px`,iconSize:Number(v.icon),radius:"4px"},md:{height:`${l.height}px`,paddingX:`${l.paddingX}px`,gap:`${l.gap}px`,fontSize:`${l.typography.fontSize}px`,fontWeight:l.typography.fontWeight,lineHeight:`${l.typography.lineHeight}px`,iconSize:Number(l.icon),radius:"5px"}},E={xs:{...$.xs,radius:"999px"},sm:{...$.sm,radius:"999px"},md:{...$.md,radius:"999px"}},C=Object.fromEntries(["square","pill"].flatMap((t=>_.flatMap((n=>F.map((o=>[`${t}_${n}_${o}`,{shape:t,size:n,color:o,..."square"===t?$[n]:E[n],...k[o]}]))))))),j=class{constructor(n){t(this,n)}name="square_sm_grey";label="";icon;isLeft=!0;get resolvedConfig(){if(!Object.prototype.hasOwnProperty.call(C,this.name))throw new Error(`Invalid sd-tag name: ${this.name}`);return C[this.name]}renderIcon(t,n){return this.icon?o("sd-icon",{class:"sd-tag__icon",name:this.icon,size:n,color:t}):null}render(){const t=this.resolvedConfig,n=this.renderIcon(t.icon,t.iconSize);return o("span",{key:"563110f36ada988889d09f1dd40084c3099d00de",class:"sd-tag",style:{"--sd-tag-background":t.background,"--sd-tag-content":t.content,"--sd-tag-height":t.height,"--sd-tag-padding-x":t.paddingX,"--sd-tag-gap":t.gap,"--sd-tag-font-size":t.fontSize,"--sd-tag-font-weight":t.fontWeight,"--sd-tag-line-height":t.lineHeight,"--sd-tag-radius":t.radius},"aria-label":this.label||"tag"},this.icon&&this.isLeft&&n,o("span",{key:"b03cc00015123a62af310f5b8c833e04f43538b6",class:"sd-tag__label"},this.label),this.icon&&!this.isLeft&&n)}};j.style="sd-tag{display:inline-flex;width:fit-content;height:fit-content}.sd-tag{display:inline-flex;align-items:center;justify-content:center;gap:var(--sd-tag-gap, 5px);min-height:var(--sd-tag-height, 24px);padding:0 var(--sd-tag-padding-x, 8px);border-radius:var(--sd-tag-radius, 4px);background:var(--sd-tag-background, #f3f3f3);color:var(--sd-tag-content, #7a7a7a);box-sizing:border-box;white-space:nowrap;-webkit-user-select:none;user-select:none}.sd-tag__icon{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center}.sd-tag__label{display:inline-flex;align-items:center;justify-content:center;min-width:0;font-size:var(--sd-tag-font-size, 12px);font-weight:var(--sd-tag-font-weight, 700);line-height:var(--sd-tag-line-height, 20px)}";export{g as sd_button_v2,j as sd_tag}
+import{r as t,c as n,h as o}from"./p-B8tGP77V.js";import{i as s,g as e,B as i,d,c as a,a as r,P as b,b as u}from"./p-BdjLD8BG.js";import"./p-KOzU1j2w.js";const g=class{constructor(o){t(this,o),this.click=n(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(!s(this.name))throw new Error(`Invalid sd-button-v2 name: ${this.name}`);return{config:i[this.name],preset:e(this.name)}}getButtonClasses(t,n,o,s){const e=["sd-button-v2",`sd-button-v2--${t}`,`sd-button-v2--${n}`];return this.disabled&&e.push("sd-button-v2--disabled"),s&&e.push("sd-button-v2--icon-only"),o&&e.push("sd-button-v2--has-label"),e.join(" ")}componentWillRender(){this.warnIfMissingAriaLabel()}warnIfMissingAriaLabel(){this.label||!Boolean(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,s=Boolean(this.label),e=!this.label&&Boolean(this.icon),i=e&&this.ariaLabel.trim()?this.ariaLabel:void 0;return o("button",{key:"248e85751b7f7f1cdb770e4f4c1466fa8736f024",class:this.getButtonClasses(n,t.size,s,e),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":u[n],"--sd-button-v2-border":b[n],"--sd-button-v2-content":r[n],"--sd-button-v2-accent":a},onClick:this.handleClick},o("span",{key:"0b68fdf9711cd26d6f143fec848d3e16e32c81e2",class:"sd-button-v2__content"},this.icon&&o("sd-icon",{key:"26bffa7135658f790e65a8b0aa32af055ea269f2",class:"sd-button-v2__icon",name:this.icon,size:d[t.size],color:"var(--sd-button-v2-current-content)"}),this.label&&o("span",{key:"5016092b05b4f068f823ae8dbd6a47ea23763086",class:"sd-button-v2__label"},this.label)))}};g.style="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}";var h={height:"20",paddingX:"6",gap:"4",icon:"12",typography:{fontSize:"11",fontWeight:"500",lineHeight:"18"},radius:"6"},v={height:"24",paddingX:"8",gap:"4",icon:"16",typography:{fontSize:"12",fontWeight:"700",lineHeight:"20"},radius:"6"},l={height:"28",paddingX:"12",gap:"6",icon:"16",typography:{fontSize:"14",fontWeight:"700",lineHeight:"24"},radius:"8"},c={bg:"#FB4444",content:"#FCEFEF"},p={bg:"#FF6B00",content:"#FEF1EA"},f={bg:"#916C0D",content:"#FFF7DD"},x={bg:"#00973C",content:"#E8F9EF"},y={bg:"#0075FF",content:"#E6F1FF"},m={bg:"#006AC1",content:"#EAF5FE"},w={bg:"#004290",content:"#EFF6FF"},z={bg:"#737373",content:"#EEEEEE"};const $=["xs","sm","md"],_=["grey","red","orange","yellow","green","blue","darkblue","indigo"],F={grey:{background:z.content,content:z.bg,icon:z.bg},red:{background:c.content,content:c.bg,icon:c.bg},orange:{background:p.content,content:p.bg,icon:p.bg},yellow:{background:f.content,content:f.bg,icon:f.bg},green:{background:x.content,content:x.bg,icon:x.bg},blue:{background:y.content,content:y.bg,icon:y.bg},darkblue:{background:m.content,content:m.bg,icon:m.bg},indigo:{background:w.content,content:w.bg,icon:w.bg}},k={xs:{height:`${h.height}px`,paddingX:`${h.paddingX}px`,gap:`${h.gap}px`,fontSize:`${h.typography.fontSize}px`,fontWeight:h.typography.fontWeight,lineHeight:`${h.typography.lineHeight}px`,iconSize:Number(h.icon),radius:`${h.radius}px`},sm:{height:`${v.height}px`,paddingX:`${v.paddingX}px`,gap:`${v.gap}px`,fontSize:`${v.typography.fontSize}px`,fontWeight:v.typography.fontWeight,lineHeight:`${v.typography.lineHeight}px`,iconSize:Number(v.icon),radius:`${v.radius}px`},md:{height:`${l.height}px`,paddingX:`${l.paddingX}px`,gap:`${l.gap}px`,fontSize:`${l.typography.fontSize}px`,fontWeight:l.typography.fontWeight,lineHeight:`${l.typography.lineHeight}px`,iconSize:Number(l.icon),radius:`${l.radius}px`}},E={xs:{...k.xs,radius:"999px"},sm:{...k.sm,radius:"999px"},md:{...k.md,radius:"999px"}},C=Object.fromEntries(["square","pill"].flatMap((t=>$.flatMap((n=>_.map((o=>[`${t}_${n}_${o}`,{shape:t,size:n,color:o,..."square"===t?k[n]:E[n],...F[o]}]))))))),j=class{constructor(n){t(this,n)}name="square_sm_grey";label="";icon;isLeft=!0;get resolvedConfig(){if(!Object.prototype.hasOwnProperty.call(C,this.name))throw new Error(`Invalid sd-tag name: ${this.name}`);return C[this.name]}renderIcon(t,n){return this.icon?o("sd-icon",{class:"sd-tag__icon",name:this.icon,size:n,color:t}):null}render(){const t=this.resolvedConfig,n=this.renderIcon(t.icon,t.iconSize);return o("span",{key:"563110f36ada988889d09f1dd40084c3099d00de",class:"sd-tag",style:{"--sd-tag-background":t.background,"--sd-tag-content":t.content,"--sd-tag-height":t.height,"--sd-tag-padding-x":t.paddingX,"--sd-tag-gap":t.gap,"--sd-tag-font-size":t.fontSize,"--sd-tag-font-weight":t.fontWeight,"--sd-tag-line-height":t.lineHeight,"--sd-tag-radius":t.radius},"aria-label":this.label||"tag"},this.icon&&this.isLeft&&n,o("span",{key:"b03cc00015123a62af310f5b8c833e04f43538b6",class:"sd-tag__label"},this.label),this.icon&&!this.isLeft&&n)}};j.style="sd-tag{display:inline-flex;width:fit-content;height:fit-content}.sd-tag{display:inline-flex;align-items:center;justify-content:center;gap:var(--sd-tag-gap, 5px);min-height:var(--sd-tag-height, 24px);padding:0 var(--sd-tag-padding-x, 8px);border-radius:var(--sd-tag-radius, 4px);background:var(--sd-tag-background, #f3f3f3);color:var(--sd-tag-content, #7a7a7a);box-sizing:border-box;white-space:nowrap;-webkit-user-select:none;user-select:none}.sd-tag__icon{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center}.sd-tag__label{display:inline-flex;align-items:center;justify-content:center;min-width:0;font-size:var(--sd-tag-font-size, 12px);font-weight:var(--sd-tag-font-weight, 700);line-height:var(--sd-tag-line-height, 20px)}";export{g as sd_button_v2,j as sd_tag}

package/dist/design-system/{p-0cca5deb.entry.js → p-8e0cc9be.entry.js}

@@ -1 +1 @@
-import{r as e,c as t,h as s}from"./p-B8tGP77V.js";const g=class{constructor(s){e(this,s),this.change=t(this,"sdUpdate")}value=!1;label="";disabled=!1;change;componentWillLoad(){this.updateCheckedState(this.value)}componentWillRender(){this.updateCheckedState(this.value)}updateCheckedState(e){this.value=e}get toggleClasses(){const e=["sd-toggle",this.value?"sd-toggle--checked":"sd-toggle--unchecked"];return this.disabled&&e.push("sd-toggle--disabled"),e.join(" ")}handleChange=()=>{if(this.disabled)return;const e=!this.value;this.value=e,this.change.emit(e)};render(){return s("label",{key:"f6501486607b113d7ca127193eb7fdbcbac00260","aria-label":this.label||"toggle",class:this.toggleClasses},s("input",{key:"e63d90a710779cd3d6b90c865716c9efc43c81d2",type:"checkbox",checked:this.value,disabled:this.disabled,onInput:this.handleChange}),this.label&&s("span",{key:"10675257acc33a71f7ed76ea9474879f04acc0e0",class:"sd-toggle__label"},this.label),s("div",{key:"ec67a74eb272b24739867b50b5fe89f62995719a",class:"sd-toggle__track"},s("div",{key:"57c785afe9cecc62a17ca3fa7eb6663d302d9c56",class:"sd-toggle__thumb"})))}};g.style="sd-toggle{display:inline-block;height:20px;line-height:0}sd-toggle .sd-toggle{cursor:pointer;display:inline-flex;align-items:center;gap:8px;height:20px}sd-toggle .sd-toggle>input{display:none}sd-toggle .sd-toggle__label{font-size:12px;color:#333333;line-height:20px}sd-toggle .sd-toggle__track{width:36px;height:20px;border-radius:12px;background:#CCCCCC;position:relative;transition:background-color 0.2s ease}sd-toggle .sd-toggle__thumb{width:16px;height:16px;border-radius:50%;background:white;position:absolute;top:2px;left:2px;transition:transform 0.2s ease}sd-toggle .sd-toggle--checked .sd-toggle__track{background:#0075FF}sd-toggle .sd-toggle--checked .sd-toggle__thumb{transform:translateX(16px)}sd-toggle .sd-toggle--disabled{cursor:not-allowed}sd-toggle .sd-toggle--disabled.sd-toggle--checked .sd-toggle__track{background:#BBDAFF}sd-toggle .sd-toggle--disabled.sd-toggle--unchecked .sd-toggle__track{background:#EEEEEE}sd-toggle .sd-toggle:hover:not(.sd-toggle--disabled).sd-toggle--checked .sd-toggle__track{background:#005CC9}sd-toggle .sd-toggle:hover:not(.sd-toggle--disabled).sd-toggle--unchecked .sd-toggle__track{background:#BBBBBB}";export{g as sd_toggle}
+import{r as e,c as t,h as s}from"./p-B8tGP77V.js";const g=class{constructor(s){e(this,s),this.change=t(this,"sdUpdate")}value=!1;label="";disabled=!1;change;componentWillLoad(){this.updateCheckedState(this.value)}componentWillRender(){this.updateCheckedState(this.value)}updateCheckedState(e){this.value=e}get toggleClasses(){const e=["sd-toggle",this.value?"sd-toggle--checked":"sd-toggle--unchecked"];return this.disabled&&e.push("sd-toggle--disabled"),e.join(" ")}handleChange=()=>{if(this.disabled)return;const e=!this.value;this.value=e,this.change.emit(e)};render(){return s("label",{key:"820b6e47f94d777c0540871ea1ea0b400bbd26de","aria-label":this.label||"toggle",class:this.toggleClasses},s("input",{key:"880fd48071d635ca229c073ee3f3b60212c00a68",type:"checkbox",checked:this.value,disabled:this.disabled,onInput:this.handleChange}),this.label&&s("span",{key:"c3b8652c7347b2703d4725f543c9faa7e4143d6b",class:"sd-toggle__label"},this.label),s("div",{key:"90ea67512ab0b1e6d44f02a4d12d0f4fb44b850b",class:"sd-toggle__track"},s("div",{key:"ffc0074e1f3e683cc324537957235f0bf4b80c40",class:"sd-toggle__thumb"})))}};g.style="sd-toggle{display:inline-block;height:20px;line-height:0}sd-toggle .sd-toggle{cursor:pointer;display:inline-flex;align-items:center;gap:8px;height:20px}sd-toggle .sd-toggle>input{display:none}sd-toggle .sd-toggle__label{font-size:12px;color:#333333;line-height:20px}sd-toggle .sd-toggle__track{width:36px;height:20px;border-radius:12px;background:#CCCCCC;position:relative;transition:background-color 0.2s ease}sd-toggle .sd-toggle__thumb{width:16px;height:16px;border-radius:50%;background:white;position:absolute;top:2px;left:2px;transition:transform 0.2s ease}sd-toggle .sd-toggle--checked .sd-toggle__track{background:#0075FF}sd-toggle .sd-toggle--checked .sd-toggle__thumb{transform:translateX(16px)}sd-toggle .sd-toggle--disabled{cursor:not-allowed}sd-toggle .sd-toggle--disabled.sd-toggle--checked .sd-toggle__track{background:#BBDAFF}sd-toggle .sd-toggle--disabled.sd-toggle--unchecked .sd-toggle__track{background:#EEEEEE}sd-toggle .sd-toggle:hover:not(.sd-toggle--disabled).sd-toggle--checked .sd-toggle__track{background:#005CC9}sd-toggle .sd-toggle:hover:not(.sd-toggle--disabled).sd-toggle--unchecked .sd-toggle__track{background:#BBBBBB}";export{g as sd_toggle}

package/dist/design-system/p-951e5615.entry.js

@@ -0,0 +1 @@
+import{r as t,c as i,g as s,h as e}from"./p-B8tGP77V.js";import{n as h}from"./p-CCwNgVmC.js";const r=class{constructor(s){t(this,s),this.update=i(this,"sdUpdate"),this.dropDownShow=i(this,"sdDropDownShow")}static VIEWPORT_PADDING=20;static PORTAL_OFFSET_Y=4;static CLOSE_ANIMATION_DURATION=150;get el(){return s(this)}name="default";value=null;options=[];placeholder="선택";maxDropdownWidth="640px";dropdownHeight="260px";disabled=!1;label="";addonLabel="";error=!1;hint="";errorMessage="";fieldName="";rules=[];icon=void 0;labelTooltip="";labelTooltipProps=null;emitValue=!1;width="";isOpen=!1;isAnimatingOut=!1;triggerWidth="200px";resolvedDropdownHeight="260px";resolvedMaxDropdownWidth="640px";focused=!1;hovered=!1;update;dropDownShow;triggerRef;closeAnimationTimer;internalName=h();watchIsOpen(t){this.focused=t,this.dropDownShow.emit({isOpen:t})}get isMulti(){return"multi"===this.name||"multi_depth"===this.name}get displayText(){if(this.isMulti){if(!this.value||!Array.isArray(this.value))return"";if(this.emitValue){const t=this.flattenOptions(this.options);return this.value.map((i=>t.find((t=>t.value===i))?.label??"")).filter(Boolean).join(", ")}const t=this.value;return 0===t.length?"":t.map((t=>t.label)).join(", ")}if(null==this.value)return"";if(!this.emitValue&&"object"==typeof this.value&&!Array.isArray(this.value))return this.value.label??"";const t=this.flattenOptions(this.options).find((t=>t.value===this.value));return t?.label??""}flattenOptions(t){return t.flatMap((t=>t.children?this.flattenOptions(t.children):[t]))}collectLeaves(t){return t.children?t.children.flatMap((t=>this.collectLeaves(t))):[t]}getSelectedOptions(){const t=this.value;return t&&Array.isArray(t)?this.emitValue?t.map((t=>this.findOriginalOption(t,this.options))).filter((t=>!!t)):t:[]}toMultiValue(t){return this.emitValue?t.map((t=>t.value)):t}parsePixelValue(t,i){const s=Number.parseFloat(t);return Number.isFinite(s)?s:i}updateDropdownViewportConstraints(){if(!this.triggerRef)return;const t=this.triggerRef.getBoundingClientRect(),i=r.VIEWPORT_PADDING,s=r.PORTAL_OFFSET_Y,e=this.parsePixelValue(this.dropdownHeight,260),h=this.parsePixelValue(this.maxDropdownWidth,640),o=Math.max(window.innerHeight-t.bottom-i-s,0),n=Math.max(t.top-i-s,0),a=Math.max(o,n),l=Math.max(window.innerWidth-2*i,0);this.resolvedDropdownHeight=`${Math.min(e,a)}px`,this.resolvedMaxDropdownWidth=`${Math.min(h,l)}px`}handleViewportResize=()=>{this.isOpen&&this.updateDropdownViewportConstraints()};findOriginalOption(t,i){for(const s of i){if(s.value===t)return s;if(s.children){const i=this.findOriginalOption(t,s.children);if(i)return i}}}closeDropdown(){this.isOpen&&(this.isOpen=!1,this.isAnimatingOut=!0,this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.closeAnimationTimer=setTimeout((()=>{this.isAnimatingOut=!1}),r.CLOSE_ANIMATION_DURATION))}handleTriggerClick=()=>{this.triggerRef&&(this.triggerWidth=`${this.triggerRef.offsetWidth}px`),this.updateDropdownViewportConstraints(),this.isOpen?this.closeDropdown():(this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.isAnimatingOut=!1,this.isOpen=!0)};emitUpdate(t){this.update.emit(t)}handleOptionSelect=t=>{if(this.isMulti)this.handleMultiSelect(t);else{this.closeDropdown(),this.value=this.emitValue?t.value:t;const i=this.value;requestAnimationFrame((()=>{this.emitUpdate(i)}))}};handleMultiSelect(t){const i=this.getSelectedOptions();if(t.children){const s=this.findOriginalOption(t.value,this.options),e=this.collectLeaves(s??t);let h;if(e.every((t=>i.some((i=>i.value===t.value))))){const t=new Set(e.map((t=>t.value)));h=i.filter((i=>!t.has(i.value)))}else{const t=new Set(i.map((t=>t.value))),s=e.filter((i=>!t.has(i.value)));h=[...i,...s]}this.value=this.toMultiValue(h),this.emitUpdate(this.value)}else{const s=i.some((i=>i.value===t.value))?i.filter((i=>i.value!==t.value)):[...i,t];this.value=this.toMultiValue(s),this.emitUpdate(this.value)}}connectedCallback(){window.addEventListener("resize",this.handleViewportResize)}disconnectedCallback(){window.removeEventListener("resize",this.handleViewportResize),this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer)}render(){const t={open:this.isOpen,parentRef:this.triggerRef,viewportPadding:r.VIEWPORT_PADDING,onSdClose:()=>{this.closeDropdown()}};return e("sd-field",{key:"9a3a1bd2836d61ffadbe6b256907e060bc2552a6",name:this.fieldName||this.internalName,label:this.label,addonLabel:this.addonLabel,hint:this.hint,errorMessage:this.errorMessage,width:this.width,rules:this.rules,error:this.error,disabled:this.disabled,focused:this.focused,hovered:this.hovered,icon:this.icon,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,onMouseEnter:()=>{this.hovered=!0},onMouseLeave:()=>{this.hovered=!1}},e("div",{key:"70fcf772f6c38b8f310ccbb20004c80cab4481a9",class:"sd-select-v2",ref:t=>{this.triggerRef=t}},e("sd-select-v2-trigger",{key:"aef3433f65f6dae8205f8913ac2236aebb8a8013",displayText:this.displayText,placeholder:this.placeholder,disabled:this.disabled,isOpen:this.isOpen,onSdTriggerClick:this.handleTriggerClick})),(this.isOpen||this.isAnimatingOut)&&e("sd-portal",{key:"58e8050281036e4aef645271cc2384f6ba4e50be",...t},e("sd-select-v2-listbox",{key:"ae2d57b4118aae66bd1d0d6090aebb25f773cd58",name:this.name,options:this.options,value:this.value,emitValue:this.emitValue,triggerWidth:this.triggerWidth,maxWidth:this.resolvedMaxDropdownWidth,maxHeight:this.resolvedDropdownHeight,onSdOptionSelect:t=>this.handleOptionSelect(t.detail)})))}static get watchers(){return{isOpen:[{watchIsOpen:0}]}}};r.style="sd-select-v2{display:inline-flex}sd-select-v2 sd-portal{display:none}sd-select-v2 .sd-select-v2{position:relative;width:100%;height:100%}";export{r as sd_select_v2}

package/dist/design-system/p-9c6fea35.entry.js

@@ -0,0 +1 @@
+import{r as e,g as s,h as t,F as i}from"./p-B8tGP77V.js";import{T as a}from"./p-BeCHKP_I.js";var o={icon:"12",color:"#888888"},n="#07284A";const c=class{constructor(s){e(this,s)}get el(){return s(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(e){this.showPopover=e}componentWillLoad(){this.showPopover=this.show,this.slotContent=this.el.innerHTML}buttonEl;handleClose=()=>{this.showPopover=!1};render(){return t(i,{key:"205b8f574ce69afcb2abef1b0d0d6ec769230783"},this.label?t("sd-button",{ref:e=>this.buttonEl=e,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:e=>this.buttonEl=e,name:this.icon,size:this.iconSize,color:this.color,class:"sd-popover",onClick:()=>this.showPopover=!this.showPopover}),this.showPopover&&t("sd-floating-portal",{key:"af82589e6ed773709c83a6855c37b1ac7092b9ec",parentRef:this.buttonEl,onSdClose:this.handleClose,placement:this.placement},t("div",{key:"dfee40fa54b436a43583ebdc71830e6d590e1793",class:{"sd-floating-menu":!0,"sd-floating-menu--popover":!0,[`sd-floating-menu--${this.placement}`]:!0,[this.menuClass]:!!this.menuClass},style:{"--sd-floating-bg":n}},t("i",{key:"388ac52f514ddd9247e79d20309a1de029fcd601",class:`sd-floating-menu__arrow sd-floating-menu__arrow--${this.placement}`},t(a,{key:"2502e1a63e3dca7e9c6d66805a9ec04e3106dd99"})),t("div",{key:"e12b0df1dbdfe4b34de81ed231e1578bb5361afa",class:"sd-floating-menu__content"},this.menuTitle&&t("div",{key:"91f068beee3338f547157db06a0eee4f5e88355d",class:"sd-floating-menu__title"},this.menuTitle),this.messages.length>0&&t("div",{key:"1283a6209c1c062d925ae1c32ba2a4f2aa98c8fa",class:"sd-floating-menu__messages"},this.messages.map((e=>t("div",null,e)))),this.buttons.length>0&&t("div",{key:"130f5468eb8ac34bb02dce9a5a55c1fad17c8dcf",class:`sd-floating-menu__buttons sd-floating-menu__buttons--${this.buttons.length}`},this.buttons.map((e=>t("sd-button",{...e}))))),this.useClose&&t("button",{key:"330fb79d032bac9da45afec3ccf0f2ec6e3dafba",title:"close",class:"sd-floating-menu__close-button",onClick:()=>this.handleClose()},t("sd-icon",{key:"7ba5d1e112ac776bb29253ac2cee510d36147ced",name:"close",size:o.icon,color:o.color})))))}static get watchers(){return{show:[{watchShowHandler:0}]}}};c.style="sd-popover{position:relative;cursor:pointer;display:inline-flex}";export{c as sd_popover}

package/dist/design-system/{p-812d7c00.entry.js → p-9d431ea6.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as i}from"./p-B8tGP77V.js";import{c as s,S as r,f as l,E as o,L as d,a as c,b as h,d as g}from"./p-BXY0UBNx.js";const n=class{constructor(i){t(this,i),this.optionSelect=e(this,"sdOptionSelect")}name="default";options=[];value=null;emitValue=!1;triggerWidth="200px";maxWidth="640px";maxHeight="260px";searchKeyword="";isScrolled=!1;optionSelect;get isDepth(){return"default_depth"===this.name||"multi_depth"===this.name}get isMulti(){return"multi"===this.name||"multi_depth"===this.name}get showSearch(){return(this.isDepth?s(this.options):this.options.length)>=r}get filteredOptions(){if(!this.searchKeyword)return this.options;if(this.isDepth)return l(this.options,this.searchKeyword);const t=this.searchKeyword.toLowerCase();return this.options.filter((e=>e.label.toLowerCase().includes(t)))}get isEmpty(){return this.isDepth?0===s(this.filteredOptions)&&0===this.filteredOptions.length:0===this.filteredOptions.length}getSelectedValues(){return this.value&&Array.isArray(this.value)?this.emitValue?new Set(this.value):new Set(this.value.map((t=>t.value))):new Set}isOptionSelected(t){return this.isMulti?this.getSelectedValues().has(t.value):this.emitValue||null==this.value||"object"!=typeof this.value||Array.isArray(this.value)?this.value===t.value:this.value.value===t.value}getGroupSelectionState(t){if(!this.isMulti||!t.children)return!1;const e=this.getSelectedValues();if(0===e.size)return!1;const i=this.findOriginalOption(t.value,this.options),s=this.collectLeaves(i??t),r=s.filter((t=>e.has(t.value))).length;return 0!==r&&(r===s.length||null)}getCountInfo(t){if(!this.isMulti||!t.children)return;const e=this.getSelectedValues(),i=this.findOriginalOption(t.value,this.options),s=this.collectLeaves(i||t);return{selected:s.filter((t=>e.has(t.value))).length,total:s.length}}findOriginalOption(t,e){for(const i of e){if(i.value===t)return i;if(i.children){const e=this.findOriginalOption(t,i.children);if(e)return e}}}collectLeaves(t){return t.children?t.children.flatMap((t=>this.collectLeaves(t))):[t]}handleSearchFilter=t=>{this.searchKeyword=t.detail};handleScroll=t=>{this.isScrolled=t.target.scrollTop>0};handleOptionClick=t=>{t.stopPropagation(),this.optionSelect.emit(t.detail)};renderOptions(t,e=1){return t.map((t=>{const s=!!t.children;return[i("sd-select-v2-list-item",{option:t,depth:e,isSelected:s?this.getGroupSelectionState(t):this.isOptionSelected(t),useCheckbox:this.isMulti,countInfo:this.getCountInfo(t),onSdListItemClick:this.handleOptionClick}),s&&t.children?this.renderOptions(t.children,e+1):null]}))}render(){return i("div",{key:"0f92a96e763d00ee241cdca62b3b7ccad90c811a",class:"sd-select-v2-listbox",style:{"--listbox-trigger-width":this.triggerWidth,"--listbox-max-width":this.maxWidth,"--listbox-max-height":this.maxHeight,"--listbox-radius":`${d.radius}px`,"--listbox-padding-bottom":`${d.paddingBottom}px`}},this.showSearch&&i("sd-select-v2-list-item-search",{key:"7c85122be46cc77db8c28c8b3cf072bfd445d56d",isScrolled:this.isScrolled,onSdSearchFilter:this.handleSearchFilter}),i("div",{key:"08a4a00208e70bc77cddec12f6ad71ed8cad0071",class:"sd-select-v2-listbox__list",onScroll:this.handleScroll},this.isEmpty?i("div",{class:"sd-select-v2-listbox__empty"},o):this.isDepth?this.renderOptions(this.filteredOptions):this.filteredOptions.map((t=>i("sd-select-v2-list-item",{option:t,depth:1,isSelected:this.isOptionSelected(t),useCheckbox:this.isMulti,onSdListItemClick:this.handleOptionClick})))))}};n.style="sd-select-v2-listbox{display:block}sd-select-v2-listbox .sd-select-v2-listbox{display:flex;flex-direction:column;min-width:var(--listbox-trigger-width);max-width:var(--listbox-max-width);max-height:var(--listbox-max-height);width:fit-content;border-radius:var(--listbox-radius);background:white;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.1);overflow:hidden}sd-select-v2-listbox .sd-select-v2-listbox__list{flex:1;min-height:0;overflow-y:auto;padding-bottom:var(--listbox-padding-bottom)}sd-select-v2-listbox .sd-select-v2-listbox__empty{padding:12px;text-align:center;font-size:12px;line-height:20px;color:#888888}";const a=class{constructor(i){t(this,i),this.triggerClick=e(this,"sdTriggerClick")}displayText="";placeholder="선택";disabled=!1;isOpen=!1;addonLabel="";triggerClick;handleClick=()=>{this.disabled||this.triggerClick.emit()};render(){const t=!!this.displayText;return i("div",{key:"00f76c08c517d52499f1c75315ba1d9b0f7f6a06",class:{"sd-select-v2-trigger":!0,"sd-select-v2-trigger--open":this.isOpen,"sd-select-v2-trigger--disabled":this.disabled},style:{"--trigger-padding-x":`${g.paddingX}px`,"--trigger-gap":`${g.gap}px`,"--trigger-font-size":`${h.fontSize}px`,"--trigger-line-height":`${h.lineHeight}px`,"--trigger-font-weight":h.fontWeight,"--trigger-color":this.disabled?c.text.disabled:t?c.text.default:c.icon.default,"--trigger-icon-color":this.disabled?c.icon.disabled:c.icon.default,"--trigger-addon-bg":c.addonLabel.bg,"--trigger-addon-border-color":this.disabled?c.addonLabel.border.disabled:c.addonLabel.border.default},onClick:this.handleClick},this.addonLabel&&i("div",{key:"bca73972b68ae98abc92cb882f65ef5622fc6d49",class:"sd-select-v2-trigger__addon"},this.addonLabel),i("div",{key:"ae66f445590c28064b8cdf0d4048c1c009759291",class:"sd-select-v2-trigger__content"},i("span",{key:"e08841d7f17a24142f652d3929017786c37ad486",class:"sd-select-v2-trigger__text"},t?this.displayText:this.placeholder),i("sd-icon",{key:"5e4ea15d1ec3e066daff92ecf012087789ba7b87",name:"arrowDown",size:12,color:"var(--trigger-icon-color)",class:{"sd-select-v2-trigger__icon":!0,"sd-select-v2-trigger__icon--open":this.isOpen}})))}};a.style="sd-select-v2-trigger{display:block;width:100%;height:100%}sd-select-v2-trigger .sd-select-v2-trigger{display:flex;width:100%;height:100%;cursor:pointer;user-select:none;overflow:hidden;border-radius:3px}sd-select-v2-trigger .sd-select-v2-trigger--disabled{cursor:not-allowed}sd-select-v2-trigger .sd-select-v2-trigger__addon{display:flex;align-items:center;padding:0 var(--trigger-padding-x);background:var(--trigger-addon-bg);border-right:1px solid var(--trigger-addon-border-color);font-size:var(--trigger-font-size);line-height:var(--trigger-line-height);font-weight:var(--trigger-font-weight);color:var(--trigger-color);white-space:nowrap}sd-select-v2-trigger .sd-select-v2-trigger__content{display:flex;align-items:center;gap:var(--trigger-gap);flex:1;padding:0 var(--trigger-padding-x);min-width:0}sd-select-v2-trigger .sd-select-v2-trigger__text{flex:1;font-size:var(--trigger-font-size);line-height:var(--trigger-line-height);font-weight:var(--trigger-font-weight);color:var(--trigger-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}sd-select-v2-trigger .sd-select-v2-trigger__icon{flex-shrink:0;transition:transform 0.2s ease}sd-select-v2-trigger .sd-select-v2-trigger__icon--open{transform:rotate(180deg)}";export{n as sd_select_v2_listbox,a as sd_select_v2_trigger}
+import{r as t,c as e,h as i}from"./p-B8tGP77V.js";import{c as s,S as r,f as l,E as o,L as d,a as h,b as c,d as n}from"./p-BOmBg3kj.js";const a=class{constructor(i){t(this,i),this.optionSelect=e(this,"sdOptionSelect")}name="default";options=[];value=null;emitValue=!1;triggerWidth="200px";maxWidth="640px";maxHeight="260px";searchKeyword="";isScrolled=!1;optionSelect;get isDepth(){return"default_depth"===this.name||"multi_depth"===this.name}get isMulti(){return"multi"===this.name||"multi_depth"===this.name}get showSearch(){return(this.isDepth?s(this.options):this.options.length)>=r}get filteredOptions(){if(!this.searchKeyword)return this.options;if(this.isDepth)return l(this.options,this.searchKeyword);const t=this.searchKeyword.toLowerCase();return this.options.filter((e=>e.label.toLowerCase().includes(t)))}get isEmpty(){return this.isDepth?0===s(this.filteredOptions)&&0===this.filteredOptions.length:0===this.filteredOptions.length}getSelectedValues(){return this.value&&Array.isArray(this.value)?this.emitValue?new Set(this.value):new Set(this.value.map((t=>t.value))):new Set}isOptionSelected(t){return this.isMulti?this.getSelectedValues().has(t.value):this.emitValue||null==this.value||"object"!=typeof this.value||Array.isArray(this.value)?this.value===t.value:this.value.value===t.value}getGroupSelectionState(t){if(!this.isMulti||!t.children)return!1;const e=this.getSelectedValues();if(0===e.size)return!1;const i=this.findOriginalOption(t.value,this.options),s=this.collectLeaves(i??t),r=s.filter((t=>e.has(t.value))).length;return 0!==r&&(r===s.length||null)}getCountInfo(t){if(!this.isMulti||!t.children)return;const e=this.getSelectedValues(),i=this.findOriginalOption(t.value,this.options),s=this.collectLeaves(i||t);return{selected:s.filter((t=>e.has(t.value))).length,total:s.length}}findOriginalOption(t,e){for(const i of e){if(i.value===t)return i;if(i.children){const e=this.findOriginalOption(t,i.children);if(e)return e}}}collectLeaves(t){return t.children?t.children.flatMap((t=>this.collectLeaves(t))):[t]}handleSearchFilter=t=>{this.searchKeyword=t.detail};handleScroll=t=>{this.isScrolled=t.target.scrollTop>0};handleOptionClick=t=>{t.stopPropagation(),this.optionSelect.emit(t.detail)};renderOptions(t,e=1){return t.map((t=>{const s=!!t.children;return[i("sd-select-v2-list-item",{option:t,depth:e,isSelected:s?this.getGroupSelectionState(t):this.isOptionSelected(t),useCheckbox:this.isMulti,countInfo:this.getCountInfo(t),onSdListItemClick:this.handleOptionClick}),s&&t.children?this.renderOptions(t.children,e+1):null]}))}render(){return i("div",{key:"b64bc66e7f9a356e3f0cf752cba3a3c9de1928c5",class:"sd-select-v2-listbox",style:{"--listbox-trigger-width":this.triggerWidth,"--listbox-max-width":this.maxWidth,"--listbox-max-height":this.maxHeight,"--listbox-radius":`${d.radius}px`,"--listbox-padding-bottom":`${d.paddingBottom}px`}},this.showSearch&&i("sd-select-v2-list-item-search",{key:"2444bdda4e2a83008d175ba9867ecad01da5ed25",isScrolled:this.isScrolled,onSdSearchFilter:this.handleSearchFilter}),i("div",{key:"6307a0fd5480c006248dee44c4e1b54dd5749895",class:"sd-select-v2-listbox__list",onScroll:this.handleScroll},this.isEmpty?i("div",{class:"sd-select-v2-listbox__empty"},o):this.isDepth?this.renderOptions(this.filteredOptions):this.filteredOptions.map((t=>i("sd-select-v2-list-item",{option:t,depth:1,isSelected:this.isOptionSelected(t),useCheckbox:this.isMulti,onSdListItemClick:this.handleOptionClick})))))}};a.style="sd-select-v2-listbox{display:block}sd-select-v2-listbox .sd-select-v2-listbox{display:flex;flex-direction:column;min-width:var(--listbox-trigger-width);max-width:var(--listbox-max-width);max-height:var(--listbox-max-height);width:fit-content;border-radius:var(--listbox-radius);background:white;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.1);overflow:hidden}sd-select-v2-listbox .sd-select-v2-listbox__list{flex:1;min-height:0;overflow-y:auto;padding-bottom:var(--listbox-padding-bottom)}sd-select-v2-listbox .sd-select-v2-listbox__empty{padding:12px;text-align:center;font-size:12px;line-height:20px;color:#888888}";const g=class{constructor(i){t(this,i),this.triggerClick=e(this,"sdTriggerClick")}displayText="";placeholder="선택";disabled=!1;isOpen=!1;triggerClick;handleClick=()=>{this.disabled||this.triggerClick.emit()};render(){const t=!!this.displayText;return i("div",{key:"4fe2634aee7071ed48348b19dc367b1af88fd6d9",class:{"sd-select-v2-trigger":!0,"sd-select-v2-trigger--open":this.isOpen,"sd-select-v2-trigger--disabled":this.disabled},style:{"--trigger-padding-x":`${n.paddingX}px`,"--trigger-gap":`${n.gap}px`,"--trigger-font-size":`${c.fontSize}px`,"--trigger-line-height":`${c.lineHeight}px`,"--trigger-font-weight":c.fontWeight,"--trigger-color":this.disabled?h.text.disabled:t?h.text.default:h.icon.default,"--trigger-icon-color":this.disabled?h.icon.disabled:h.icon.default},onClick:this.handleClick},i("div",{key:"e0f71cdd91c6e04ebe5543fb2bc87d7331735da6",class:"sd-select-v2-trigger__content"},i("span",{key:"3abfbc0541569c68870addc16a7d3439d7189ab5",class:"sd-select-v2-trigger__text"},t?this.displayText:this.placeholder),i("sd-icon",{key:"8fcb187f67be75cf03c0f0bde42121cba0b16a47",name:"arrowDown",size:12,color:"var(--trigger-icon-color)",class:{"sd-select-v2-trigger__icon":!0,"sd-select-v2-trigger__icon--open":this.isOpen}})))}};g.style="sd-select-v2-trigger{display:block;width:100%;height:100%}sd-select-v2-trigger .sd-select-v2-trigger{display:flex;width:100%;height:100%;cursor:pointer;user-select:none;overflow:hidden;border-radius:3px}sd-select-v2-trigger .sd-select-v2-trigger--disabled{cursor:not-allowed}sd-select-v2-trigger .sd-select-v2-trigger__content{display:flex;align-items:center;gap:var(--trigger-gap);flex:1;padding:0 var(--trigger-padding-x);min-width:0}sd-select-v2-trigger .sd-select-v2-trigger__text{flex:1;font-size:var(--trigger-font-size);line-height:var(--trigger-line-height);font-weight:var(--trigger-font-weight);color:var(--trigger-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}sd-select-v2-trigger .sd-select-v2-trigger__icon{flex-shrink:0;transition:transform 0.2s ease}sd-select-v2-trigger .sd-select-v2-trigger__icon--open{transform:rotate(180deg)}";export{a as sd_select_v2_listbox,g as sd_select_v2_trigger}

package/dist/design-system/p-BOmBg3kj.js

@@ -0,0 +1 @@
+var e={default:"#888888",disabled:"#BBBBBB"},t={fontWeight:"400",fontSize:"12",lineHeight:"20"},d={default:"#222222",disabled:"#888888"},i={depth1:"12",depth2:"20",depth3:"28"},a={fontWeight:"400",fontSize:"12",lineHeight:"20"},n={default:"#FFFFFF",hover:"#0075FF"},o={default:"#222222",hover:"#FFFFFF",disabled:"#888888"},h={bg:{default:"#EFF6FF"},border:{color:"#E1E1E1",width:"1"}};const l={paddingX:"12",gap:"8"},f={fontSize:t.fontSize,lineHeight:t.lineHeight,fontWeight:t.fontWeight},s={icon:{default:e.default,disabled:e.disabled},text:{default:d.default,disabled:d.disabled}},g={paddingY:"4",paddingRight:"12",paddingLeft:{depth1:i.depth1,depth2:i.depth2,depth3:i.depth3},gap:"8"},r={fontSize:a.fontSize,lineHeight:a.lineHeight,fontWeight:a.fontWeight},F={bg:{default:n.default,hover:n.hover},content:{default:o.default,hover:o.hover,disabled:o.disabled},depth1:{bg:h.bg.default,border:h.border.color,borderWidth:h.border.width},depth2:{bg:{middle:{bg:"#F6F6F6"}}.middle.bg}},p={radius:"4",paddingBottom:"4"},b=11,u=1e3,c="표시할 항목이 없습니다.";function B(e){return e.reduce(((e,t)=>t.children?e+B(t.children):e+1),0)}function v(e,t){const d=t.toLowerCase();return e.reduce(((e,i)=>{if(i.label.toLowerCase().includes(d))e.push({...i,children:i.children?[]:void 0});else if(i.children){const d=v(i.children,t);d.length>0&&e.push({...i,children:d})}return e}),[])}export{c as E,p as L,b as S,s as a,f as b,B as c,l as d,g as e,v as f,F as g,r as h,u as i}

package/dist/design-system/p-CS6ohqwt.js

@@ -0,0 +1 @@
+var e={size:{field:{icon:"12"}},color:{bg:{accent:{default:"#0075FF"}},content:{secondary:"#555555",inverse:"#FFFFFF"}}};export{e as s}

package/dist/design-system/{p-f7203145.entry.js → p-b71d0858.entry.js}

@@ -1 +1 @@
-import{r as e,c as t,g as s,h as i}from"./p-B8tGP77V.js";import{S as l}from"./p-Cy6HMEsK.js";import{B as o}from"./p-CRdYeSBK.js";import{n}from"./p-CCwNgVmC.js";const r=class extends o{constructor(s){super(),e(this,s),this.update=t(this,"sdUpdate"),this.dropDownShow=t(this,"sdDropDownShow")}get el(){return s(this)}value=null;options=[];placeholder="선택";optionPlaceholder="선택지가 없습니다.";width="200px";dropdownHeight="260px";autoFocus=!1;disabled=!1;clearable=!1;searchable=!1;useAll=!1;useCheckbox=!1;label="";icon=void 0;labelTooltip="";labelTooltipProps=null;rules=[];error=!1;optionRenderer;isOpen=!1;itemIndex=-1;isScrolled=!1;update;dropDownShow;selectRef;triggerRef;formField;filteredOptions=[];dropDownWidth="200px";name=n();async sdOpen(){this.isOpen=!0}async sdValidate(){this.formField?.sdValidate()}async sdReset(){this.formField?.sdReset()}async sdResetValidate(){this.formField?.sdResetValidation()}async sdFocus(){this.formField?.sdFocus()}async isOpenChanged(){this.onDropdownToggle(this.isOpen),this.dropDownShow?.emit({isOpen:this.isOpen}),!1===this.isOpen&&await(this.formField?.sdValidate())}componentWillLoad(){this.filteredOptions=this.options,this.dropDownWidth=this.width,this.initializeEvent()}componentDidLoad(){this.autoFocus&&this.selectRef?.focus()}componentDidRender(){const e=this.triggerRef,t=e?.getBoundingClientRect();this.dropDownWidth=t?.width?`${t.width}px`:this.width}disconnectedCallback(){this.cleanupEvent()}handleDocumentClick(e){this.selectRef?.contains(e.target)||(this.isOpen=!1)}handleDocumentKeydown(e){if(e.stopPropagation(),["ArrowDown","ArrowUp","Enter","Escape"].includes(e.key))switch(e.preventDefault(),e.key){case"ArrowDown":case"ArrowUp":const t=new l(this.searchable,this.filteredOptions).getNextIndex(this.itemIndex,e.key);this.itemIndex=t;break;case"Enter":const s=this.filteredOptions[this.itemIndex];s&&!s.disabled&&this.handleOptionSelection(s);break;case"Escape":this.isOpen=!1}}handleOptionSelection=e=>{if(!e||e.disabled)return;const t=this.value?.some((t=>t.value===e.value));this.value=t?this.value?.filter((t=>t.value!==e.value))||null:[...this.value||[],e],this.update?.emit(this.value)};getSelectedOption(){return this.options.filter((e=>this.value?.includes(e)))}closeDropdown(){this.isOpen=!1}handleTriggerClick=e=>{e.stopPropagation(),this.disabled||(this.isOpen=!this.isOpen,this.dropDownShow?.emit({isOpen:this.isOpen}))};handleOptionClick=e=>{const{option:t,event:s}=e;s.stopPropagation(),this.handleOptionSelection(t)};render(){return i("sd-field",{key:"8de4ef57a8dd1c6f2fd6ab9ae22fe4df3e99ed16",label:this.label,name:this.name,rules:this.rules,error:this.error,disabled:this.disabled,icon:this.icon,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:e=>this.formField=e},i("div",{key:"8b57b5500a152853db07de205ab006f7a92f30a8",class:{"sd-select-multiple":!0,"sd-select-multiple--open":this.isOpen,"sd-select-multiple--disabled":this.disabled,"sd-select-multiple--error":!!this.error},ref:e=>this.selectRef=e},this.renderTrigger(),this.renderDropdown()))}renderTrigger(){const e=this.getSelectedOption();return i("div",{class:"sd-select-multiple__trigger",tabindex:this.disabled?-1:0,onClick:this.handleTriggerClick,ref:e=>this.triggerRef=e},i("span",{class:"sd-select-multiple__value"},e&&0!==e.length?e.map((e=>e.label)).join(", "):this.placeholder),this.clearable&&e?.length>0&&!this.disabled&&i("sd-icon",{key:"close-icon",name:"close",size:10,color:"#888",class:"sd-select-multiple__clear",onClick:async e=>{e.stopPropagation(),this.value=null,await(this.formField?.sdValidate())}}),i("sd-icon",{key:"arrow-icon",name:"arrowDown",color:"#888",class:{"sd-select-multiple__arrow":!0,"sd-select-multiple__arrow--open":this.isOpen}}))}renderDropdown(){if(!1===this.isOpen)return null;const e=this.selectRef?.querySelector(".sd-select-multiple__trigger")||this.selectRef;return i("sd-portal",{open:this.isOpen,parentRef:e,onSdClose:this.closeDropdown},i("sd-select-dropdown",{value:this.value,options:this.options,itemIndex:this.itemIndex,width:this.dropDownWidth,dropdownHeight:this.dropdownHeight,searchable:this.searchable,optionPlaceholder:this.optionPlaceholder,useCheckbox:this.useCheckbox,useAll:this.useAll,onSdOptionClick:({detail:e})=>this.handleOptionClick(e),onSdOptionFiltered:({detail:e})=>this.filteredOptions=e}))}static get watchers(){return{isOpen:[{isOpenChanged:0}]}}};r.style="sd-select-multiple{display:inline-flex;flex-flow:column nowrap;height:fit-content}sd-select-multiple *:focus,sd-select-multiple *:focus-visible,sd-select-multiple *:focus-within{outline:none !important}sd-select-multiple .sd-select-multiple{width:100%}sd-select-multiple .sd-select-multiple .sd-select-multiple__trigger{padding:4px 28px 4px 12px;display:flex;width:100%;align-items:center}sd-select-multiple .sd-select-multiple .sd-select-multiple__trigger .sd-select-multiple__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px;font-size:12px;font-weight:400;text-align:left}sd-select-multiple .sd-select-multiple .sd-select-multiple__trigger .sd-select-multiple__clear{margin:0 4px;width:8px;height:8px;background-color:transparent;outline:none;border:none}sd-select-multiple .sd-select-multiple__arrow{position:absolute;top:8px;right:8px;width:12px;height:12px;color:#888888;transition:transform 0.3s ease;margin-left:8px}sd-select-multiple .sd-select-multiple__arrow--open{transform:rotate(180deg)}";export{r as sd_select_multiple}
+import{r as e,c as t,g as s,h as i}from"./p-B8tGP77V.js";import{S as l}from"./p-Cy6HMEsK.js";import{B as o}from"./p-CRdYeSBK.js";import{n}from"./p-CCwNgVmC.js";const r=class extends o{constructor(s){super(),e(this,s),this.update=t(this,"sdUpdate"),this.dropDownShow=t(this,"sdDropDownShow")}get el(){return s(this)}value=null;options=[];placeholder="선택";optionPlaceholder="선택지가 없습니다.";width="200px";dropdownHeight="260px";autoFocus=!1;disabled=!1;clearable=!1;searchable=!1;useAll=!1;useCheckbox=!1;label="";icon=void 0;labelTooltip="";labelTooltipProps=null;rules=[];error=!1;optionRenderer;isOpen=!1;itemIndex=-1;isScrolled=!1;update;dropDownShow;selectRef;triggerRef;formField;filteredOptions=[];dropDownWidth="200px";name=n();async sdOpen(){this.isOpen=!0}async sdValidate(){this.formField?.sdValidate()}async sdReset(){this.formField?.sdReset()}async sdResetValidate(){this.formField?.sdResetValidation()}async sdFocus(){this.formField?.sdFocus()}async isOpenChanged(){this.onDropdownToggle(this.isOpen),this.dropDownShow?.emit({isOpen:this.isOpen}),!1===this.isOpen&&await(this.formField?.sdValidate())}componentWillLoad(){this.filteredOptions=this.options,this.dropDownWidth=this.width,this.initializeEvent()}componentDidLoad(){this.autoFocus&&this.selectRef?.focus()}componentDidRender(){const e=this.triggerRef,t=e?.getBoundingClientRect();this.dropDownWidth=t?.width?`${t.width}px`:this.width}disconnectedCallback(){this.cleanupEvent()}handleDocumentClick(e){this.selectRef?.contains(e.target)||(this.isOpen=!1)}handleDocumentKeydown(e){if(e.stopPropagation(),["ArrowDown","ArrowUp","Enter","Escape"].includes(e.key))switch(e.preventDefault(),e.key){case"ArrowDown":case"ArrowUp":const t=new l(this.searchable,this.filteredOptions).getNextIndex(this.itemIndex,e.key);this.itemIndex=t;break;case"Enter":const s=this.filteredOptions[this.itemIndex];s&&!s.disabled&&this.handleOptionSelection(s);break;case"Escape":this.isOpen=!1}}handleOptionSelection=e=>{if(!e||e.disabled)return;const t=this.value?.some((t=>t.value===e.value));this.value=t?this.value?.filter((t=>t.value!==e.value))||null:[...this.value||[],e],this.update?.emit(this.value)};getSelectedOption(){return this.options.filter((e=>this.value?.includes(e)))}closeDropdown(){this.isOpen=!1}handleTriggerClick=e=>{e.stopPropagation(),this.disabled||(this.isOpen=!this.isOpen,this.dropDownShow?.emit({isOpen:this.isOpen}))};handleOptionClick=e=>{const{option:t,event:s}=e;s.stopPropagation(),this.handleOptionSelection(t)};render(){return i("sd-field",{key:"022f39a42986c29f8cab7f6801a7d2e4bbd5aaa5",label:this.label,name:this.name,rules:this.rules,error:this.error,disabled:this.disabled,icon:this.icon,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:e=>this.formField=e},i("div",{key:"93e4dd74f1b0ad76429f37c5fe6a9cffb98697d5",class:{"sd-select-multiple":!0,"sd-select-multiple--open":this.isOpen,"sd-select-multiple--disabled":this.disabled,"sd-select-multiple--error":!!this.error},ref:e=>this.selectRef=e},this.renderTrigger(),this.renderDropdown()))}renderTrigger(){const e=this.getSelectedOption();return i("div",{class:"sd-select-multiple__trigger",tabindex:this.disabled?-1:0,onClick:this.handleTriggerClick,ref:e=>this.triggerRef=e},i("span",{class:"sd-select-multiple__value"},e&&0!==e.length?e.map((e=>e.label)).join(", "):this.placeholder),this.clearable&&e?.length>0&&!this.disabled&&i("sd-icon",{key:"close-icon",name:"close",size:10,color:"#888",class:"sd-select-multiple__clear",onClick:async e=>{e.stopPropagation(),this.value=null,await(this.formField?.sdValidate())}}),i("sd-icon",{key:"arrow-icon",name:"arrowDown",color:"#888",class:{"sd-select-multiple__arrow":!0,"sd-select-multiple__arrow--open":this.isOpen}}))}renderDropdown(){if(!1===this.isOpen)return null;const e=this.selectRef?.querySelector(".sd-select-multiple__trigger")||this.selectRef;return i("sd-portal",{open:this.isOpen,parentRef:e,onSdClose:this.closeDropdown},i("sd-select-dropdown",{value:this.value,options:this.options,itemIndex:this.itemIndex,width:this.dropDownWidth,dropdownHeight:this.dropdownHeight,searchable:this.searchable,optionPlaceholder:this.optionPlaceholder,useCheckbox:this.useCheckbox,useAll:this.useAll,onSdOptionClick:({detail:e})=>this.handleOptionClick(e),onSdOptionFiltered:({detail:e})=>this.filteredOptions=e}))}static get watchers(){return{isOpen:[{isOpenChanged:0}]}}};r.style="sd-select-multiple{display:inline-flex;flex-flow:column nowrap;height:fit-content}sd-select-multiple *:focus,sd-select-multiple *:focus-visible,sd-select-multiple *:focus-within{outline:none !important}sd-select-multiple .sd-select-multiple{width:100%}sd-select-multiple .sd-select-multiple .sd-select-multiple__trigger{padding:4px 28px 4px 12px;display:flex;width:100%;align-items:center}sd-select-multiple .sd-select-multiple .sd-select-multiple__trigger .sd-select-multiple__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px;font-size:12px;font-weight:400;text-align:left}sd-select-multiple .sd-select-multiple .sd-select-multiple__trigger .sd-select-multiple__clear{margin:0 4px;width:8px;height:8px;background-color:transparent;outline:none;border:none}sd-select-multiple .sd-select-multiple__arrow{position:absolute;top:8px;right:8px;width:12px;height:12px;color:#888888;transition:transform 0.3s ease;margin-left:8px}sd-select-multiple .sd-select-multiple__arrow--open{transform:rotate(180deg)}";export{r as sd_select_multiple}

package/dist/design-system/{p-acb529cb.entry.js → p-b79756cc.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,g as s,h as i}from"./p-B8tGP77V.js";const n=4e3;let o=0;const r=class{constructor(s){t(this,s),this.toastShow=e(this,"sdToastShow"),this.toastDismiss=e(this,"sdToastDismiss")}get el(){return s(this)}position="bottom-center";maxVisible=3;defaultDuration=n;zIndex=1e4;toasts=[];expanded=!1;toastRefs=new Map;toastShow;toastDismiss;async create(t){const e="toast-"+ ++o,s={id:e,options:t,state:"entering"},i=t.duration??this.defaultDuration??n;i>0&&(s.timerId=setTimeout((()=>this.startDismiss(e)),i));let r=[...this.toasts||[],s];const a=r.filter((t=>"exiting"!==t.state));if(a.length>(this.maxVisible??3)){const t=new Set(a.slice(0,a.length-(this.maxVisible??3)).map((t=>t.id)));r=r.map((e=>t.has(e.id)&&"exiting"!==e.state?(e.timerId&&clearTimeout(e.timerId),this.scheduleRemoval(e.id),{...e,state:"exiting",timerId:void 0}):e))}return this.toasts=r,this.toastShow.emit({id:e}),e}async dismiss(t){this.startDismiss(t)}async dismissAll(){(this.toasts||[]).forEach((t=>this.startDismiss(t.id)))}startDismiss(t){const e=(this.toasts||[]).find((e=>e.id===t));e&&"exiting"!==e.state&&(e.timerId&&clearTimeout(e.timerId),this.toasts=(this.toasts||[]).map((e=>e.id===t?{...e,state:"exiting",timerId:void 0}:e)),this.scheduleRemoval(t))}scheduleRemoval(t){setTimeout((()=>this.removeToast(t)),500)}removeToast(t){(this.toasts||[]).find((e=>e.id===t))&&(this.toasts=(this.toasts||[]).filter((e=>e.id!==t)),this.toastRefs.delete(t),this.toastDismiss.emit({id:t}))}handleTransitionEnd(t){const e=(this.toasts||[]).find((e=>e.id===t));"exiting"===e?.state&&this.removeToast(t)}measureHeights(){let t=!1;const e=(this.toasts||[]).map((e=>{const s=this.toastRefs.get(e.id);if(s){const i=s.offsetHeight;if(i>0&&i!==e.height)return t=!0,{...e,height:i}}return e}));t&&(this.toasts=e)}componentDidRender(){this.toasts?.length&&(this.toasts.some((t=>"entering"===t.state))&&requestAnimationFrame((()=>{this.toasts=(this.toasts||[]).map((t=>"entering"===t.state?{...t,state:"visible"}:t))})),this.measureHeights())}disconnectedCallback(){this.toasts?.forEach((t=>{t.timerId&&clearTimeout(t.timerId)})),this.toastRefs.clear()}pauseTimers(){this.toasts=(this.toasts||[]).map((t=>t.timerId?(clearTimeout(t.timerId),{...t,timerId:void 0}):t))}resumeTimers(){const t=this.defaultDuration??n;t<=0||(this.toasts=(this.toasts||[]).map((e=>{if("visible"===e.state&&!e.timerId&&(e.options.duration??t)>0){const s=setTimeout((()=>this.startDismiss(e.id)),e.options.duration??t);return{...e,timerId:s}}return e})))}getContainerStyles(){const t=this.position||"bottom-center";return{position:"fixed",zIndex:(this.zIndex??1e4).toString(),pointerEvents:"none",...{"top-left":{top:"20px",left:"20px"},"top-center":{top:"20px",left:"50%",transform:"translateX(-50%)"},"top-right":{top:"20px",right:"20px"},"bottom-left":{bottom:"20px",left:"20px"},"bottom-center":{bottom:"20px",left:"50%",transform:"translateX(-50%)"},"bottom-right":{bottom:"20px",right:"20px"}}[t]}}getToastItemStyle(t,e,s){const i=this.position||"bottom-center",n=i.startsWith("bottom"),o=i.split("-")[1],r=n?"bottom":"top",a=[];"center"===o&&a.push("translateX(-50%)");const h={position:"absolute",[r]:"0",..."center"===o?{left:"50%"}:"right"===o?{right:"0"}:{left:"0"}};if("entering"===t.state)return a.push(`translateY(${n?20:-20}px)`),{...h,opacity:"0",transform:a.join(" "),transition:"none"};if("exiting"===t.state)return a.push(`translateY(${n?20:-20}px)`),{...h,opacity:"0",transform:a.join(" "),pointerEvents:"none"};if(this.expanded){let t=0;for(let i=0;i<e;i++)t+=(s[i].height||0)+8;return a.push("translateY(0) scale(1)"),{...h,[r]:`${t}px`,opacity:"1",transform:a.join(" "),zIndex:""+(s.length-e)}}const c=8*e,m=[1,.8,.6],l=e<m.length?m[e]:0;return a.push(`translateY(${n?-c:c}px) scale(${1-.05*e})`),{...h,opacity:l.toString(),transform:a.join(" "),transformOrigin:n?"bottom center":"top center",zIndex:""+(s.length-e)}}render(){const t=this.toasts||[],e=t.filter((t=>"exiting"!==t.state)).reverse(),s=new Map;return e.forEach(((t,e)=>s.set(t.id,e))),i("div",{key:"ae174f148eb5191be7d4ad6704c77568f4b5abb2",class:"sd-toast-container",style:this.getContainerStyles(),onMouseEnter:()=>{this.expanded=!0,this.pauseTimers()},onMouseLeave:()=>{this.expanded=!1,this.resumeTimers()}},t.map((t=>{const n=s.get(t.id)??0;return i("div",{key:t.id,class:{"sd-toast-container__item":!0,"sd-toast-container__item--entering":"entering"===t.state,"sd-toast-container__item--visible":"visible"===t.state,"sd-toast-container__item--exiting":"exiting"===t.state},style:this.getToastItemStyle(t,n,e),ref:e=>{e&&this.toastRefs.set(t.id,e)},onTransitionEnd:()=>this.handleTransitionEnd(t.id)},i("sd-toast",{message:t.options.message,type:t.options.type||"default",icon:t.options.icon,link:t.options.link,linkLabel:t.options.linkLabel,useClose:t.options.useClose,onSdClose:()=>this.startDismiss(t.id)}))})))}};r.style='sd-toast-container{display:block}sd-toast-container .sd-toast-container__item{pointer-events:auto;transition:transform 0.4s ease, opacity 0.4s ease, bottom 0.4s ease, top 0.4s ease}sd-toast-container .sd-toast-container__item::before{content:"";position:absolute;left:0;right:0;top:-8px;bottom:-8px}sd-toast-container .sd-toast-container__item--entering{transition:none}sd-toast-container .sd-toast-container__item--exiting{pointer-events:none}';export{r as sd_toast_container}
+import{r as t,c as e,g as s,h as i}from"./p-B8tGP77V.js";const n=4e3;let o=0;const r=class{constructor(s){t(this,s),this.toastShow=e(this,"sdToastShow"),this.toastDismiss=e(this,"sdToastDismiss")}get el(){return s(this)}position="bottom-center";maxVisible=3;defaultDuration=n;zIndex=1e4;toasts=[];expanded=!1;toastRefs=new Map;toastShow;toastDismiss;async create(t){const e="toast-"+ ++o,s={id:e,options:t,state:"entering"},i=t.duration??this.defaultDuration??n;i>0&&(s.timerId=setTimeout((()=>this.startDismiss(e)),i));let r=[...this.toasts||[],s];const a=r.filter((t=>"exiting"!==t.state));if(a.length>(this.maxVisible??3)){const t=new Set(a.slice(0,a.length-(this.maxVisible??3)).map((t=>t.id)));r=r.map((e=>t.has(e.id)&&"exiting"!==e.state?(e.timerId&&clearTimeout(e.timerId),this.scheduleRemoval(e.id),{...e,state:"exiting",timerId:void 0}):e))}return this.toasts=r,this.toastShow.emit({id:e}),e}async dismiss(t){this.startDismiss(t)}async dismissAll(){(this.toasts||[]).forEach((t=>this.startDismiss(t.id)))}startDismiss(t){const e=(this.toasts||[]).find((e=>e.id===t));e&&"exiting"!==e.state&&(e.timerId&&clearTimeout(e.timerId),this.toasts=(this.toasts||[]).map((e=>e.id===t?{...e,state:"exiting",timerId:void 0}:e)),this.scheduleRemoval(t))}scheduleRemoval(t){setTimeout((()=>this.removeToast(t)),500)}removeToast(t){(this.toasts||[]).find((e=>e.id===t))&&(this.toasts=(this.toasts||[]).filter((e=>e.id!==t)),this.toastRefs.delete(t),this.toastDismiss.emit({id:t}))}handleTransitionEnd(t){const e=(this.toasts||[]).find((e=>e.id===t));"exiting"===e?.state&&this.removeToast(t)}measureHeights(){let t=!1;const e=(this.toasts||[]).map((e=>{const s=this.toastRefs.get(e.id);if(s){const i=s.offsetHeight;if(i>0&&i!==e.height)return t=!0,{...e,height:i}}return e}));t&&(this.toasts=e)}componentDidRender(){this.toasts?.length&&(this.toasts.some((t=>"entering"===t.state))&&requestAnimationFrame((()=>{this.toasts=(this.toasts||[]).map((t=>"entering"===t.state?{...t,state:"visible"}:t))})),this.measureHeights())}disconnectedCallback(){this.toasts?.forEach((t=>{t.timerId&&clearTimeout(t.timerId)})),this.toastRefs.clear()}pauseTimers(){this.toasts=(this.toasts||[]).map((t=>t.timerId?(clearTimeout(t.timerId),{...t,timerId:void 0}):t))}resumeTimers(){const t=this.defaultDuration??n;t<=0||(this.toasts=(this.toasts||[]).map((e=>{if("visible"===e.state&&!e.timerId&&(e.options.duration??t)>0){const s=setTimeout((()=>this.startDismiss(e.id)),e.options.duration??t);return{...e,timerId:s}}return e})))}getContainerStyles(){const t=this.position||"bottom-center";return{position:"fixed",zIndex:(this.zIndex??1e4).toString(),pointerEvents:"none",...{"top-left":{top:"20px",left:"20px"},"top-center":{top:"20px",left:"50%",transform:"translateX(-50%)"},"top-right":{top:"20px",right:"20px"},"bottom-left":{bottom:"20px",left:"20px"},"bottom-center":{bottom:"20px",left:"50%",transform:"translateX(-50%)"},"bottom-right":{bottom:"20px",right:"20px"}}[t]}}getToastItemStyle(t,e,s){const i=this.position||"bottom-center",n=i.startsWith("bottom"),o=i.split("-")[1],r=n?"bottom":"top",a=[];"center"===o&&a.push("translateX(-50%)");const c={position:"absolute",[r]:"0",..."center"===o?{left:"50%"}:"right"===o?{right:"0"}:{left:"0"}};if("entering"===t.state)return a.push(`translateY(${n?20:-20}px)`),{...c,opacity:"0",transform:a.join(" "),transition:"none"};if("exiting"===t.state)return a.push(`translateY(${n?20:-20}px)`),{...c,opacity:"0",transform:a.join(" "),pointerEvents:"none"};if(this.expanded){let t=0;for(let i=0;i<e;i++)t+=(s[i].height||0)+8;return a.push("translateY(0) scale(1)"),{...c,[r]:`${t}px`,opacity:"1",transform:a.join(" "),zIndex:""+(s.length-e)}}const h=8*e,m=[1,.8,.6],l=e<m.length?m[e]:0;return a.push(`translateY(${n?-h:h}px) scale(${1-.05*e})`),{...c,opacity:l.toString(),transform:a.join(" "),transformOrigin:n?"bottom center":"top center",zIndex:""+(s.length-e)}}render(){const t=this.toasts||[],e=t.filter((t=>"exiting"!==t.state)).reverse(),s=new Map;return e.forEach(((t,e)=>s.set(t.id,e))),i("div",{key:"d4bb037ee2e46d4f32e45a7d0cdde98a61634a5c",class:"sd-toast-container",style:this.getContainerStyles(),onMouseEnter:()=>{this.expanded=!0,this.pauseTimers()},onMouseLeave:()=>{this.expanded=!1,this.resumeTimers()}},t.map((t=>{const n=s.get(t.id)??0;return i("div",{key:t.id,class:{"sd-toast-container__item":!0,"sd-toast-container__item--entering":"entering"===t.state,"sd-toast-container__item--visible":"visible"===t.state,"sd-toast-container__item--exiting":"exiting"===t.state},style:this.getToastItemStyle(t,n,e),ref:e=>{e&&this.toastRefs.set(t.id,e)},onTransitionEnd:()=>this.handleTransitionEnd(t.id)},i("sd-toast",{message:t.options.message,type:t.options.type||"default",icon:t.options.icon,link:t.options.link,linkLabel:t.options.linkLabel,useClose:t.options.useClose,onSdClose:()=>this.startDismiss(t.id)}))})))}};r.style='sd-toast-container{display:block}sd-toast-container .sd-toast-container__item{pointer-events:auto;transition:transform 0.4s ease, opacity 0.4s ease, bottom 0.4s ease, top 0.4s ease}sd-toast-container .sd-toast-container__item::before{content:"";position:absolute;left:0;right:0;top:-8px;bottom:-8px}sd-toast-container .sd-toast-container__item--entering{transition:none}sd-toast-container .sd-toast-container__item--exiting{pointer-events:none}';export{r as sd_toast_container}