@sellmate/design-system 1.0.78 → 1.1.0

package/dist/design-system/{p-f44786a9.entry.js → p-a942dfbe.entry.js}

@@ -1 +1 @@
-import{r as t,c as s,h as e}from"./p-Cnwbjz1F.js";var a={tab:{main:{lg:{height:"44",paddingX:"32"},md:{height:"36",paddingX:"24"},gap:"8",container:{gap:"4"},radius:"6",border:{width:"1"},selected:{bg:"#FFFFFF",text:"#0075FF",border:"#0075FF",typography:{fontWeight:"700"}},default:{bg:"#F6F6F6",text:"#888888",border:"#CCCCCC",typography:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontWeight:"400",fontSize:"12",lineHeight:"20"}}},sub:{selected:{text:"#0075FF",line:"#0075FF",typography:{fontWeight:"700"}},default:{text:"#222222",typography:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontWeight:"400",fontSize:"12",lineHeight:"20"}},border:{width:"1"},gap:"24",content:{gap:"4"}}}};const d={md:{height:Number(a.tab.main.md.height),paddingX:Number(a.tab.main.md.paddingX)},lg:{height:Number(a.tab.main.lg.height),paddingX:Number(a.tab.main.lg.paddingX)},gap:Number(a.tab.main.gap),containerGap:Number(a.tab.main.container.gap),radius:Number(a.tab.main.radius),borderWidth:Number(a.tab.main.border.width)},b={selected:{bg:a.tab.main.selected.bg,text:a.tab.main.selected.text,border:a.tab.main.selected.border},default:{bg:a.tab.main.default.bg,text:a.tab.main.default.text,border:a.tab.main.default.border}},i={selected:a.tab.main.selected.typography,default:a.tab.main.default.typography},n=Number(a.tab.sub.gap),r=Number(a.tab.sub.content.gap),o=Number(a.tab.sub.border.width),l={selected:{text:a.tab.sub.selected.text,line:a.tab.sub.selected.line},default:{text:a.tab.sub.default.text}},u={selected:a.tab.sub.selected.typography,default:a.tab.sub.default.typography},g=class{constructor(e){t(this,e),this.update=s(this,"sdUpdate",7)}value;tabs=[];size="md";isSub=!1;update;valueChanged(t){this.value=t}handleTabClick=t=>{this.value=t.value,this.update.emit(t.value)};isTabSelected(t){return this.value===t.value}getTabClasses(t){return["sd-tabs__tab",this.isTabSelected(t)?"sd-tabs__tab--selected":"sd-tabs__tab--unselected"].join(" ")}getContainerClasses(){const t=["sd-tabs",`sd-tabs--${this.size??"md"}`];return this.isSub&&t.push("sd-tabs--sub"),t.join(" ")}getBadgeName(t){return"square_xs_"+(this.isTabSelected(t)?"blue":"grey")}buildCssVars(){const t=d[this.size??"md"];return{"--sd-tabs-main-height":`${t.height}px`,"--sd-tabs-main-padding-x":`${t.paddingX}px`,"--sd-tabs-main-gap":`${d.gap}px`,"--sd-tabs-main-container-gap":`${d.containerGap}px`,"--sd-tabs-main-radius":`${d.radius}px`,"--sd-tabs-main-border-width":`${d.borderWidth}px`,"--sd-tabs-main-selected-bg":b.selected.bg,"--sd-tabs-main-selected-text":b.selected.text,"--sd-tabs-main-selected-border":b.selected.border,"--sd-tabs-main-default-bg":b.default.bg,"--sd-tabs-main-default-text":b.default.text,"--sd-tabs-main-default-border":b.default.border,"--sd-tabs-main-font-family":i.default.fontFamily,"--sd-tabs-main-font-size":`${i.default.fontSize}px`,"--sd-tabs-main-line-height":`${i.default.lineHeight}px`,"--sd-tabs-main-font-weight-default":i.default.fontWeight,"--sd-tabs-main-font-weight-selected":i.selected.fontWeight,"--sd-tabs-sub-gap":`${n}px`,"--sd-tabs-sub-content-gap":`${r}px`,"--sd-tabs-sub-border-width":`${o}px`,"--sd-tabs-sub-selected-text":l.selected.text,"--sd-tabs-sub-selected-line":l.selected.line,"--sd-tabs-sub-default-text":l.default.text,"--sd-tabs-sub-font-family":u.default.fontFamily,"--sd-tabs-sub-font-size":`${u.default.fontSize}px`,"--sd-tabs-sub-line-height":`${u.default.lineHeight}px`,"--sd-tabs-sub-font-weight-default":u.default.fontWeight,"--sd-tabs-sub-font-weight-selected":u.selected.fontWeight}}render(){return e("div",{key:"ff758fbab0a594c28968074a26ad92a28cd4850b",class:this.getContainerClasses(),style:this.buildCssVars()},this.tabs.map(((t,s)=>{const a=this.getBadgeName(t);return e("div",{key:`tab-${s}`,class:this.getTabClasses(t),"aria-label":t.label||"tab",onClick:()=>this.handleTabClick(t)},e("span",{"data-label":t.label,class:"sd-tabs__label"},t.label),null!=t.badge&&""!==t.badge&&e("sd-tag",{name:a,label:t.badge.toString()}))})))}static get watchers(){return{value:[{valueChanged:0}]}}};g.style='sd-tabs{display:inline-block;width:100%}sd-tabs .sd-tabs{display:flex;flex-direction:row;gap:var(--sd-tabs-main-container-gap);border-bottom:var(--sd-tabs-main-border-width) solid var(--sd-tabs-main-selected-border);font-family:var(--sd-tabs-main-font-family)}sd-tabs .sd-tabs__tab{display:flex;align-items:center;justify-content:center;gap:var(--sd-tabs-main-gap);cursor:pointer;box-sizing:border-box;height:var(--sd-tabs-main-height);padding:0 var(--sd-tabs-main-padding-x);border:var(--sd-tabs-main-border-width) solid var(--sd-tabs-main-default-border);border-bottom:none;border-top-left-radius:var(--sd-tabs-main-radius);border-top-right-radius:var(--sd-tabs-main-radius);background-color:var(--sd-tabs-main-default-bg);color:var(--sd-tabs-main-default-text);font-size:var(--sd-tabs-main-font-size);line-height:var(--sd-tabs-main-line-height);font-weight:var(--sd-tabs-main-font-weight-default);transition:all 0.2s ease;position:relative;user-select:none}sd-tabs .sd-tabs__tab::before{content:"";position:absolute;inset:0;opacity:0;transition:all 0.2s;pointer-events:none}sd-tabs .sd-tabs__tab--selected{border-color:var(--sd-tabs-main-selected-border);color:var(--sd-tabs-main-selected-text);background-color:var(--sd-tabs-main-selected-bg)}sd-tabs .sd-tabs__tab--selected .sd-tabs__label::before{font-weight:var(--sd-tabs-main-font-weight-selected)}sd-tabs .sd-tabs__tab--selected:hover::before{background-color:var(--sd-tabs-main-selected-border);opacity:0.15}sd-tabs .sd-tabs__tab--unselected:hover::before{background-color:var(--sd-tabs-main-default-text);opacity:0.15}sd-tabs .sd-tabs__label{user-select:none;font-weight:var(--sd-tabs-main-font-weight-selected);visibility:hidden;position:relative;white-space:nowrap}sd-tabs .sd-tabs__label::before{content:attr(data-label);visibility:visible;position:absolute;inset:0;font-weight:var(--sd-tabs-main-font-weight-default);transition:font-weight 0.2s ease}sd-tabs .sd-tabs--sub{gap:var(--sd-tabs-sub-gap);border-bottom:none;font-family:var(--sd-tabs-sub-font-family)}sd-tabs .sd-tabs--sub .sd-tabs__tab{height:auto;padding:0 0 var(--sd-tabs-sub-content-gap) 0;border:none;border-radius:0;background-color:transparent;color:var(--sd-tabs-sub-default-text);font-size:var(--sd-tabs-sub-font-size);line-height:var(--sd-tabs-sub-line-height);font-weight:var(--sd-tabs-sub-font-weight-default)}sd-tabs .sd-tabs--sub .sd-tabs__tab::before{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--sd-tabs-sub-border-width);width:100%;background-color:var(--sd-tabs-sub-selected-line);opacity:0;transition:opacity 0.2s ease;inset:auto 0 0 0;pointer-events:none}sd-tabs .sd-tabs--sub .sd-tabs__tab--selected{color:var(--sd-tabs-sub-selected-text);background-color:transparent}sd-tabs .sd-tabs--sub .sd-tabs__tab--selected::before{opacity:1}sd-tabs .sd-tabs--sub .sd-tabs__tab--selected .sd-tabs__label::before{font-weight:var(--sd-tabs-sub-font-weight-selected)}sd-tabs .sd-tabs--sub .sd-tabs__label{font-weight:var(--sd-tabs-sub-font-weight-selected)}sd-tabs .sd-tabs--sub .sd-tabs__label::before{font-weight:var(--sd-tabs-sub-font-weight-default)}';export{g as sd_tabs}
+import{r as t,c as s,h as e}from"./p-CLCoul8o.js";var a={tab:{main:{lg:{height:"44",paddingX:"32"},md:{height:"36",paddingX:"24"},gap:"8",container:{gap:"4"},radius:"6",border:{width:"1"},selected:{bg:"#FFFFFF",text:"#0075FF",border:"#0075FF",typography:{fontWeight:"700"}},default:{bg:"#F6F6F6",text:"#888888",border:"#CCCCCC",typography:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontWeight:"400",fontSize:"12",lineHeight:"20"}}},sub:{selected:{text:"#0075FF",line:"#0075FF",typography:{fontWeight:"700"}},default:{text:"#222222",typography:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontWeight:"400",fontSize:"12",lineHeight:"20"}},border:{width:"1"},gap:"24",content:{gap:"4"}}}};const d={md:{height:Number(a.tab.main.md.height),paddingX:Number(a.tab.main.md.paddingX)},lg:{height:Number(a.tab.main.lg.height),paddingX:Number(a.tab.main.lg.paddingX)},gap:Number(a.tab.main.gap),containerGap:Number(a.tab.main.container.gap),radius:Number(a.tab.main.radius),borderWidth:Number(a.tab.main.border.width)},b={selected:{bg:a.tab.main.selected.bg,text:a.tab.main.selected.text,border:a.tab.main.selected.border},default:{bg:a.tab.main.default.bg,text:a.tab.main.default.text,border:a.tab.main.default.border}},i={selected:a.tab.main.selected.typography,default:a.tab.main.default.typography},r=Number(a.tab.sub.gap),n=Number(a.tab.sub.content.gap),o=Number(a.tab.sub.border.width),l={selected:{text:a.tab.sub.selected.text,line:a.tab.sub.selected.line},default:{text:a.tab.sub.default.text}},u={selected:a.tab.sub.selected.typography,default:a.tab.sub.default.typography},g=class{constructor(e){t(this,e),this.update=s(this,"sdUpdate",7)}value;tabs=[];size="md";isSub=!1;update;valueChanged(t){this.value=t}handleTabClick=t=>{this.value=t.value,this.update.emit(t.value)};isTabSelected(t){return this.value===t.value}getTabClasses(t){return["sd-tabs__tab",this.isTabSelected(t)?"sd-tabs__tab--selected":"sd-tabs__tab--unselected"].join(" ")}getContainerClasses(){const t=["sd-tabs",`sd-tabs--${this.size??"md"}`];return this.isSub&&t.push("sd-tabs--sub"),t.join(" ")}getBadgeName(t){return"square_xs_"+(this.isTabSelected(t)?"blue":"grey")}buildCssVars(){const t=d[this.size??"md"];return{"--sd-tabs-main-height":`${t.height}px`,"--sd-tabs-main-padding-x":`${t.paddingX}px`,"--sd-tabs-main-gap":`${d.gap}px`,"--sd-tabs-main-container-gap":`${d.containerGap}px`,"--sd-tabs-main-radius":`${d.radius}px`,"--sd-tabs-main-border-width":`${d.borderWidth}px`,"--sd-tabs-main-selected-bg":b.selected.bg,"--sd-tabs-main-selected-text":b.selected.text,"--sd-tabs-main-selected-border":b.selected.border,"--sd-tabs-main-default-bg":b.default.bg,"--sd-tabs-main-default-text":b.default.text,"--sd-tabs-main-default-border":b.default.border,"--sd-tabs-main-font-family":i.default.fontFamily,"--sd-tabs-main-font-size":`${i.default.fontSize}px`,"--sd-tabs-main-line-height":`${i.default.lineHeight}px`,"--sd-tabs-main-font-weight-default":i.default.fontWeight,"--sd-tabs-main-font-weight-selected":i.selected.fontWeight,"--sd-tabs-sub-gap":`${r}px`,"--sd-tabs-sub-content-gap":`${n}px`,"--sd-tabs-sub-border-width":`${o}px`,"--sd-tabs-sub-selected-text":l.selected.text,"--sd-tabs-sub-selected-line":l.selected.line,"--sd-tabs-sub-default-text":l.default.text,"--sd-tabs-sub-font-family":u.default.fontFamily,"--sd-tabs-sub-font-size":`${u.default.fontSize}px`,"--sd-tabs-sub-line-height":`${u.default.lineHeight}px`,"--sd-tabs-sub-font-weight-default":u.default.fontWeight,"--sd-tabs-sub-font-weight-selected":u.selected.fontWeight}}render(){return e("div",{key:"9578cc6d422a304312f9ebc78622264d20d1fb45",class:this.getContainerClasses(),style:this.buildCssVars()},this.tabs.map(((t,s)=>{const a=this.getBadgeName(t);return e("div",{key:`tab-${s}`,class:this.getTabClasses(t),"aria-label":t.label||"tab",onClick:()=>this.handleTabClick(t)},e("span",{"data-label":t.label,class:"sd-tabs__label"},t.label),null!=t.badge&&""!==t.badge&&e("sd-tag",{name:a,label:t.badge.toString()}))})))}static get watchers(){return{value:[{valueChanged:0}]}}};g.style='sd-tabs{display:inline-block;width:100%}sd-tabs .sd-tabs{display:flex;flex-direction:row;gap:var(--sd-tabs-main-container-gap);border-bottom:var(--sd-tabs-main-border-width) solid var(--sd-tabs-main-selected-border);font-family:var(--sd-tabs-main-font-family)}sd-tabs .sd-tabs__tab{display:flex;align-items:center;justify-content:center;gap:var(--sd-tabs-main-gap);cursor:pointer;box-sizing:border-box;height:var(--sd-tabs-main-height);padding:0 var(--sd-tabs-main-padding-x);border:var(--sd-tabs-main-border-width) solid var(--sd-tabs-main-default-border);border-bottom:none;border-top-left-radius:var(--sd-tabs-main-radius);border-top-right-radius:var(--sd-tabs-main-radius);background-color:var(--sd-tabs-main-default-bg);color:var(--sd-tabs-main-default-text);font-size:var(--sd-tabs-main-font-size);line-height:var(--sd-tabs-main-line-height);font-weight:var(--sd-tabs-main-font-weight-default);transition:all 0.2s ease;position:relative;user-select:none}sd-tabs .sd-tabs__tab::before{content:"";position:absolute;inset:0;opacity:0;transition:all 0.2s;pointer-events:none}sd-tabs .sd-tabs__tab--selected{border-color:var(--sd-tabs-main-selected-border);color:var(--sd-tabs-main-selected-text);background-color:var(--sd-tabs-main-selected-bg)}sd-tabs .sd-tabs__tab--selected .sd-tabs__label::before{font-weight:var(--sd-tabs-main-font-weight-selected)}sd-tabs .sd-tabs__tab--selected:hover::before{background-color:var(--sd-tabs-main-selected-border);opacity:0.15}sd-tabs .sd-tabs__tab--unselected:hover::before{background-color:var(--sd-tabs-main-default-text);opacity:0.15}sd-tabs .sd-tabs__label{user-select:none;font-weight:var(--sd-tabs-main-font-weight-selected);visibility:hidden;position:relative;white-space:nowrap}sd-tabs .sd-tabs__label::before{content:attr(data-label);visibility:visible;position:absolute;inset:0;font-weight:var(--sd-tabs-main-font-weight-default);transition:font-weight 0.2s ease}sd-tabs .sd-tabs--sub{gap:var(--sd-tabs-sub-gap);border-bottom:none;font-family:var(--sd-tabs-sub-font-family)}sd-tabs .sd-tabs--sub .sd-tabs__tab{height:auto;padding:0 0 var(--sd-tabs-sub-content-gap) 0;border:none;border-radius:0;background-color:transparent;color:var(--sd-tabs-sub-default-text);font-size:var(--sd-tabs-sub-font-size);line-height:var(--sd-tabs-sub-line-height);font-weight:var(--sd-tabs-sub-font-weight-default)}sd-tabs .sd-tabs--sub .sd-tabs__tab::before{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--sd-tabs-sub-border-width);width:100%;background-color:var(--sd-tabs-sub-selected-line);opacity:0;transition:opacity 0.2s ease;inset:auto 0 0 0;pointer-events:none}sd-tabs .sd-tabs--sub .sd-tabs__tab--selected{color:var(--sd-tabs-sub-selected-text);background-color:transparent}sd-tabs .sd-tabs--sub .sd-tabs__tab--selected::before{opacity:1}sd-tabs .sd-tabs--sub .sd-tabs__tab--selected .sd-tabs__label::before{font-weight:var(--sd-tabs-sub-font-weight-selected)}sd-tabs .sd-tabs--sub .sd-tabs__label{font-weight:var(--sd-tabs-sub-font-weight-selected)}sd-tabs .sd-tabs--sub .sd-tabs__label::before{font-weight:var(--sd-tabs-sub-font-weight-default)}';export{g as sd_tabs}

package/dist/design-system/p-b04b22c6.entry.js

@@ -0,0 +1 @@
+import{r as e,c as a,h as d}from"./p-CLCoul8o.js";import{u as s,t as n}from"./p-DTrMR0rx.js";import{r as t}from"./p-Ce0cmS4R.js";const r=["brilliantblue_75","red_60","green_65","orange_60","steelblue_65","yellow_45","oceanblue_65","olive_55"],c=class{constructor(d){e(this,d),this.select=a(this,"sdSelect",7),this.viewChange=a(this,"sdViewChange",7)}value=null;selectable;events;eventColors;currentYear;currentMonth;eventsRevision=0;select;viewChange;dateUtil=s();componentWillLoad(){this.initCalendar()}handleValueChange(){this.initCalendar()}handleEventsChange(){this.eventsRevision=this.eventsRevision+1}initCalendar(){const e=this.value||n,[a,d]=e.split("-").map(Number);this.currentYear=a,this.currentMonth=d}get calendar(){return this.dateUtil.createCalendar(this.currentYear,this.currentMonth)}handleUpdateMonth(e){const{newYear:a,newMonth:d}=this.dateUtil.calculateYearMonth(this.currentYear,this.currentMonth,e);this.currentYear=a,this.currentMonth=d,this.viewChange.emit({year:a,month:d})}handleDateClick(e){if(0===e)return;const a=this.dateUtil.formatDate(this.currentYear,this.currentMonth,e);this.value=a,this.select.emit(a)}isDisabledDate(e){if(void 0===this.selectable)return!1;const[a,d]=this.selectable;return""!==a&&""!==d?e<a||e>d:""!==a?e<a:""!==d&&e>d}getEventColor(e){if(void 0!==this.eventColors?.[e]&&""!==this.eventColors[e])return t(this.eventColors[e]);const a=this.getAllEventNames().indexOf(e);return t(r[a%r.length])}getAllEventNames(){const e=new Set;if(this.eventColors)for(const a of Object.keys(this.eventColors))e.add(a);if(this.events)for(const a of Object.values(this.events))for(const d of a)e.add(d);return Array.from(e)}getEventsForDate(e){return this.events?.[e]??[]}render(){const e=this.getAllEventNames();return d("div",{key:"3c3a6af518a3e96dd5d5d553ab2a00b9dd882221",class:"sd-calendar"},d("div",{key:"660e96fcefe539b69ae7b69bb7a7eb209f40b02f",class:"sd-calendar__header"},d("div",{key:"609b4d2e552adb526deefbf0719284c94ab01c21",class:"year-nav"},d("button",{key:"dc80f2e4fa441b9ed2e0a475f7982e7339c0cda7",type:"button",name:"prev-year",title:"Previous Year",onClick:()=>{this.currentYear=this.currentYear-1,this.viewChange.emit({year:this.currentYear,month:this.currentMonth})}},d("sd-icon",{key:"ff62edabb67364704a4bfbcfc6f1658ad3d72408",name:"arrowLeft",size:"12",color:"grey_45"})),d("span",{key:"0829c746b8537196652e7c40b3babea14ae8053e",class:"year-nav__current"},this.currentYear),d("button",{key:"3d288e5091445f2ed429de4aebb0d03f29eb6cc8",type:"button",name:"next-year",title:"Next Year",onClick:()=>{this.currentYear=this.currentYear+1,this.viewChange.emit({year:this.currentYear,month:this.currentMonth})}},d("sd-icon",{key:"5546ced1930082c68035db8b506b6ef2e953e305",name:"arrowRight",size:"12",color:"grey_45"}))),d("div",{key:"1db95c9f31c1a11b58a6f1ce4a13b9d6388f7994",class:"month-nav"},d("button",{key:"2c5659945f3e0807a57ba22eb34576184e6ebf50",type:"button",name:"prev-month",title:"Previous Month",onClick:()=>this.handleUpdateMonth("prev")},d("sd-icon",{key:"7994e2bf63fc45ffb7d29b49ad279223a1a12a98",name:"arrowLeft",size:"12",color:"grey_45"})),d("span",{key:"a8afd7592b3fba13a4560387bb759f4858273a85",class:"month-nav__current"},this.currentMonth,"월"),d("button",{key:"b3d21b13823bd674c43c1782b66df38010fcfa59",type:"button",name:"next-month",title:"Next Month",onClick:()=>this.handleUpdateMonth("next")},d("sd-icon",{key:"8605340fe8128b6a55328c97dc84481092009c76",name:"arrowRight",size:"12",color:"grey_45"})))),d("div",{key:"9312ff7f3af76aced7189f121c71ff252a92a71d",class:"sd-calendar__days"},["일","월","화","수","목","금","토"].map((e=>d("div",{key:e,class:"day"},e)))),d("div",{key:"cb93d417204b3bad65074e06e491038fe06b1389",class:{"sd-calendar__body":!0,"sd-calendar__body--has-events":!!this.events}},[...this.calendar.prevMonthDays,...this.calendar.days,...this.calendar.afterMonthDays].map(((e,a)=>{const s=this.dateUtil.formatDate(this.currentYear,this.currentMonth,Number(e)),t=0!==e?this.getEventsForDate(s):[],r=[...new Set(t)];return d("div",{class:"sd-calendar__cell",key:`${e}_${a}`},d("sd-date-box",{date:0===e?"":Number(e),selected:this.value===s,isToday:n===s,disabled:0===e||this.isDisabledDate(s),onClick:this.isDisabledDate(s)||0===e?void 0:()=>this.handleDateClick(Number(e))}),void 0!==this.events&&d("div",{class:"sd-calendar__dots"},r.map((e=>d("span",{key:e,class:"sd-calendar__dot",style:{backgroundColor:this.getEventColor(e)}})))))}))),e.length>0&&d("div",{key:"0556e06bcd0bab75b61c60181d9b203cb6ad4741",class:"sd-calendar__legend"},e.map((e=>d("div",{key:e,class:"sd-calendar__legend-item"},d("span",{class:"sd-calendar__legend-dot",style:{backgroundColor:this.getEventColor(e)}}),d("span",{class:"sd-calendar__legend-label"},e))))))}static get watchers(){return{value:[{handleValueChange:0}],events:[{handleEventsChange:0}],eventColors:[{handleEventsChange:0}]}}};c.style=".sd-calendar.sc-sd-calendar{width:304px;box-sizing:border-box;border-radius:8px;padding:24px 19px;background:white}.sd-calendar.sc-sd-calendar .sd-calendar__header.sc-sd-calendar{display:flex;flex-flow:row nowrap;align-items:center;gap:20px;font-size:14px;padding:0 5px;height:24px;line-height:24px}.sd-calendar.sc-sd-calendar .sd-calendar__header.sc-sd-calendar .year-nav.sc-sd-calendar,.sd-calendar.sc-sd-calendar .sd-calendar__header.sc-sd-calendar .month-nav.sc-sd-calendar{display:flex;flex-flow:row nowrap;align-items:center;gap:12px}.sd-calendar.sc-sd-calendar .sd-calendar__header.sc-sd-calendar .year-nav.sc-sd-calendar button.sc-sd-calendar,.sd-calendar.sc-sd-calendar .sd-calendar__header.sc-sd-calendar .month-nav.sc-sd-calendar button.sc-sd-calendar{background:none;border:none;cursor:pointer;margin:0;padding:0}.sd-calendar.sc-sd-calendar .sd-calendar__header.sc-sd-calendar .year-nav__current.sc-sd-calendar{width:40px;text-align:center}.sd-calendar.sc-sd-calendar .sd-calendar__header.sc-sd-calendar .month-nav__current.sc-sd-calendar{width:100px;text-align:center}.sd-calendar.sc-sd-calendar .sd-calendar__days.sc-sd-calendar{margin-top:8px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr));column-gap:10px;padding:0 5px}.sd-calendar.sc-sd-calendar .sd-calendar__days.sc-sd-calendar .day.sc-sd-calendar{width:28px;height:20px;font-size:12px;line-height:20px;text-align:center;color:#888888}.sd-calendar.sc-sd-calendar .sd-calendar__body.sc-sd-calendar{margin-top:12px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr));grid-auto-rows:min-content}.sd-calendar.sc-sd-calendar .sd-calendar__cell.sc-sd-calendar{display:flex;flex-direction:column;align-items:center}.sd-calendar.sc-sd-calendar .sd-calendar__dots.sc-sd-calendar{display:flex;flex-wrap:wrap;gap:2px;justify-content:center;align-items:center;min-height:8px;max-width:28px}.sd-calendar.sc-sd-calendar .sd-calendar__dot.sc-sd-calendar{width:5px;height:5px;border-radius:50%;display:inline-block}.sd-calendar.sc-sd-calendar .sd-calendar__legend.sc-sd-calendar{display:flex;flex-wrap:wrap;gap:8px 12px;margin-top:16px;padding:12px 5px 0;border-top:1px solid #E5E5E5}.sd-calendar.sc-sd-calendar .sd-calendar__legend-item.sc-sd-calendar{display:flex;align-items:center;gap:4px}.sd-calendar.sc-sd-calendar .sd-calendar__legend-dot.sc-sd-calendar{width:6px;height:6px;border-radius:50%;display:inline-block;flex-shrink:0}.sd-calendar.sc-sd-calendar .sd-calendar__legend-label.sc-sd-calendar{font-size:11px;color:#888888;line-height:1}";export{c as sd_calendar}

package/dist/design-system/p-b1bb0d72.entry.js

@@ -0,0 +1 @@
+import{r as p,c as e,h as o}from"./p-CLCoul8o.js";const{popup:d}={popup:{header:{bg:{default:"#07284A",inverse:"#FFFFFF"},title:{default:"#FFFFFF",inverse:"#004290"},typography:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontWeight:"700",fontSize:"18",lineHeight:"30"}},footer:{bg:"#FFFFFF",paddingX:"20",paddingY:"8",gap:"16"},bg:"#EEEEEE"}},t={bodyBg:d.bg},s={bg:{default:d.header.bg.default,light:d.header.bg.inverse},titleColor:{default:d.header.title.default,light:d.header.title.inverse},fontFamily:d.header.typography.fontFamily,fontWeight:d.header.typography.fontWeight,fontSize:Number(d.header.typography.fontSize),lineHeight:Number(d.header.typography.lineHeight),height:50,paddingX:16,paddingY:10},a={bg:d.footer.bg,paddingX:Number(d.footer.paddingX),paddingY:Number(d.footer.paddingY),gap:Number(d.footer.gap),height:52,slotHeight:36,shadow:"0 -2px 8px 0 rgba(0, 0, 0, 0.08)"},i={name:"primary_md",label:"확인"},r=class{constructor(o){p(this,o),this.submit=e(this,"sdSubmit",7)}popupTitle="";type="default";useFooter=!0;submitButtonProps;submit;render(){const p={...i,...this.submitButtonProps};return o("div",{key:"15e86848fe487b9df5b09a91e5319b35d7332a6e",class:`sd-popup sd-popup--${this.type}`,style:{"--sd-popup-bg":t.bodyBg,"--sd-popup-header-bg":s.bg[this.type],"--sd-popup-header-title-color":s.titleColor[this.type],"--sd-popup-header-font-family":s.fontFamily,"--sd-popup-header-font-weight":s.fontWeight,"--sd-popup-header-font-size":`${s.fontSize}px`,"--sd-popup-header-line-height":`${s.lineHeight}px`,"--sd-popup-header-height":`${s.height}px`,"--sd-popup-header-padding-x":`${s.paddingX}px`,"--sd-popup-header-padding-y":`${s.paddingY}px`,"--sd-popup-footer-bg":a.bg,"--sd-popup-footer-padding-x":`${a.paddingX}px`,"--sd-popup-footer-padding-y":`${a.paddingY}px`,"--sd-popup-footer-gap":`${a.gap}px`,"--sd-popup-footer-height":`${a.height}px`,"--sd-popup-footer-slot-height":`${a.slotHeight}px`,"--sd-popup-footer-shadow":a.shadow}},o("header",{key:"d8281c73a80fe5a4b8ce3ca219e967932b0ec1d3",class:"sd-popup__header"},o("h2",{key:"31031d3988bae465e023cc94713fb39ef9299250",class:"sd-popup__title"},this.popupTitle)),o("div",{key:"dfa941b0dc100b55fc08ab8cb9fce2835aaa62a5",class:"sd-popup__body"},o("slot",{key:"d7532a39c61746e8f517973e6fd4f7f3ac10fae0"})),this.useFooter&&o("footer",{key:"aacedcc4c2f2e4336449bc0fbafc9f67d70cc763",class:"sd-popup__footer"},o("div",{key:"8f093e0a8c24b03fa28e872b025cb159006d3449",class:"sd-popup__footer-slot sd-popup__footer-slot--left"},o("slot",{key:"11e2cd175c7ae3151408ca7e564df0a37d6eebb5",name:"footer-left"})),o("sd-button",{key:"49b98d39181bd30392b7388dc7acc66caaca6038",...p,class:"sd-popup__submit",onSdClick:()=>this.submit.emit()})))}};r.style="sd-popup{display:block;width:100%;height:100%}sd-popup .sd-popup{display:flex;flex-direction:column;width:100%;height:100%;background:var(--sd-popup-bg);overflow:hidden;box-sizing:border-box}sd-popup .sd-popup__header{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:100%;height:var(--sd-popup-header-height);padding:var(--sd-popup-header-padding-y) var(--sd-popup-header-padding-x);background:var(--sd-popup-header-bg);box-sizing:border-box}sd-popup .sd-popup__title{margin:0;color:var(--sd-popup-header-title-color);font-family:var(--sd-popup-header-font-family);font-weight:var(--sd-popup-header-font-weight);font-size:var(--sd-popup-header-font-size);line-height:var(--sd-popup-header-line-height);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}sd-popup .sd-popup__body{flex:1 1 auto;min-height:0;overflow:auto}sd-popup .sd-popup__footer{display:flex;align-items:center;flex-shrink:0;width:100%;height:var(--sd-popup-footer-height);padding:var(--sd-popup-footer-padding-y) var(--sd-popup-footer-padding-x);gap:var(--sd-popup-footer-gap);background:var(--sd-popup-footer-bg);box-shadow:var(--sd-popup-footer-shadow);box-sizing:border-box;position:relative;z-index:1}sd-popup .sd-popup__footer-slot{display:flex;align-items:center;height:var(--sd-popup-footer-slot-height)}sd-popup .sd-popup__footer-slot--left{justify-content:flex-start;flex:1 1 auto;min-width:0}sd-popup .sd-popup__footer-slot:empty{display:none}sd-popup .sd-popup__submit{flex-shrink:0;margin-left:auto}";export{r as sd_popup}

package/dist/design-system/{p-ead3e688.entry.js → p-b6ca4461.entry.js}

@@ -1 +1 @@
-import{r as e,h as r,H as s}from"./p-Cnwbjz1F.js";import{p as a}from"./p-D1vaasIp.js";import{s as l}from"./p-CZ4ltUOw.js";const i={track:a.progress.color.track,label:a.progress.color.label,valueOnFill:a.progress.bar.text,valueZero:l.color.fg.tertiary},o={primary:a.progress.active.color,error:a.progress.error.color,complete:a.progress.success.color},t=class{constructor(r){e(this,r)}indeterminate=!1;value=0;type="primary";label;get clampedValue(){return Number.isFinite(this.value)?Math.max(0,Math.min(100,this.value)):0}render(){const e=o[this.type]??o.primary,a={"--sd-linear-progress-track-color":i.track,"--sd-linear-progress-fill-color":e,"--sd-linear-progress-value-color":0===this.clampedValue?i.valueZero:e,"--sd-linear-progress-value-on-fill":i.valueOnFill,"--sd-linear-progress-label-color":i.label},l=this.indeterminate?{}:{width:`${this.clampedValue}%`},t={clipPath:`inset(0 ${100-this.clampedValue}% 0 0)`},n=`${Math.round(this.clampedValue)}%`;return r(s,{key:"c7f2324ff98e1ec6e0d1d6c7a3328dd383a1abab",style:a},r("div",{key:"cff100404519c4114c0dd1240715beafb91acf1f",class:"sd-linear-progress__track"},r("div",{key:"1c7fdff123778a40cd0c3f3310141ac369205352",class:"sd-linear-progress__fill",style:l}),!this.indeterminate&&r("span",{key:"ae0b515a9bb9d5561d603fa8e88c144603af8af5",class:"sd-linear-progress__value sd-linear-progress__value--on-track"},n),!this.indeterminate&&r("span",{key:"5d7cdf9daccd9729729bec7bc65456b5727d4738",class:"sd-linear-progress__value sd-linear-progress__value--on-fill",style:t},n)),this.label&&r("span",{key:"d131eeb581e33f40878b47541f662aca269a6759",class:"sd-linear-progress__label"},this.label))}};t.style='sd-linear-progress{display:inline-flex;flex-direction:column;gap:12px;width:100%}sd-linear-progress .sd-linear-progress__track{position:relative;width:100%;height:20px;border-radius:9999px;background-color:var(--sd-linear-progress-track-color);overflow:hidden}sd-linear-progress .sd-linear-progress__fill{position:absolute;inset:0 auto 0 0;height:100%;background-color:var(--sd-linear-progress-fill-color);border-radius:inherit;transition:width 0.4s linear}sd-linear-progress .sd-linear-progress__value{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);text-align:center;font-family:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", sans-serif;font-size:12px;font-weight:700;line-height:20px;pointer-events:none;user-select:none}sd-linear-progress .sd-linear-progress__value--on-track{color:var(--sd-linear-progress-value-color)}sd-linear-progress .sd-linear-progress__value--on-fill{color:var(--sd-linear-progress-value-on-fill)}sd-linear-progress .sd-linear-progress__label{text-align:center;color:var(--sd-linear-progress-label-color);font-family:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", sans-serif;font-size:12px;font-weight:400;line-height:20px}sd-linear-progress[indeterminate] .sd-linear-progress__fill{inset:0;width:auto;transform-origin:left center;transition:none;animation:sd-linear-progress-indeterminate 1.2s linear infinite}@keyframes sd-linear-progress-indeterminate{0%{transform:translateX(-100%) scaleX(0.2)}50%{transform:translateX(20%) scaleX(0.6)}100%{transform:translateX(120%) scaleX(0.2)}}';export{t as sd_linear_progress}
+import{r as e,h as r,H as s}from"./p-CLCoul8o.js";import{p as a}from"./p-D1vaasIp.js";import{s as l}from"./p-GBlVDmy4.js";const o={track:a.progress.color.track,label:a.progress.color.label,valueOnFill:a.progress.bar.text,valueZero:l.color.fg.tertiary},i={primary:a.progress.active.color,error:a.progress.error.color,complete:a.progress.success.color},t=class{constructor(r){e(this,r)}indeterminate=!1;value=0;type="primary";label;get clampedValue(){return Number.isFinite(this.value)?Math.max(0,Math.min(100,this.value)):0}render(){const e=i[this.type]??i.primary,a={"--sd-linear-progress-track-color":o.track,"--sd-linear-progress-fill-color":e,"--sd-linear-progress-value-color":0===this.clampedValue?o.valueZero:e,"--sd-linear-progress-value-on-fill":o.valueOnFill,"--sd-linear-progress-label-color":o.label},l=this.indeterminate?{}:{width:`${this.clampedValue}%`},t={clipPath:`inset(0 ${100-this.clampedValue}% 0 0)`},n=`${Math.round(this.clampedValue)}%`;return r(s,{key:"58849d88024bc69ab0260bdf32f461fdfb87c93c",style:a},r("div",{key:"a4370fbc94bdf7b51d4a27f85ca86606c3770cdb",class:"sd-linear-progress__track"},r("div",{key:"e270357433247981f8374a0345cb2d3ba8d4cfca",class:"sd-linear-progress__fill",style:l}),!this.indeterminate&&r("span",{key:"baa77fe44a7129330e8fe70b8aa2e8bc6fd4b703",class:"sd-linear-progress__value sd-linear-progress__value--on-track"},n),!this.indeterminate&&r("span",{key:"46a73b233ea34c1d9ac242140abe3b1e5831d484",class:"sd-linear-progress__value sd-linear-progress__value--on-fill",style:t},n)),this.label&&r("span",{key:"91d5c9cc27960c7448706e641028bcc8f893b805",class:"sd-linear-progress__label"},this.label))}};t.style='sd-linear-progress{display:inline-flex;flex-direction:column;gap:12px;width:100%}sd-linear-progress .sd-linear-progress__track{position:relative;width:100%;height:20px;border-radius:9999px;background-color:var(--sd-linear-progress-track-color);overflow:hidden}sd-linear-progress .sd-linear-progress__fill{position:absolute;inset:0 auto 0 0;height:100%;background-color:var(--sd-linear-progress-fill-color);border-radius:inherit;transition:width 0.4s linear}sd-linear-progress .sd-linear-progress__value{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);text-align:center;font-family:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", sans-serif;font-size:12px;font-weight:700;line-height:20px;pointer-events:none;user-select:none}sd-linear-progress .sd-linear-progress__value--on-track{color:var(--sd-linear-progress-value-color)}sd-linear-progress .sd-linear-progress__value--on-fill{color:var(--sd-linear-progress-value-on-fill)}sd-linear-progress .sd-linear-progress__label{text-align:center;color:var(--sd-linear-progress-label-color);font-family:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", sans-serif;font-size:12px;font-weight:400;line-height:20px}sd-linear-progress[indeterminate] .sd-linear-progress__fill{inset:0;width:auto;transform-origin:left center;transition:none;animation:sd-linear-progress-indeterminate 1.2s linear infinite}@keyframes sd-linear-progress-indeterminate{0%{transform:translateX(-100%) scaleX(0.2)}50%{transform:translateX(20%) scaleX(0.6)}100%{transform:translateX(120%) scaleX(0.2)}}';export{t as sd_linear_progress}

package/dist/design-system/p-b96c694c.entry.js

@@ -0,0 +1 @@
+import{r as e,h as d}from"./p-CLCoul8o.js";const a={red:"#FB4444",orange:"#FF6B00",yellow:"#FFC700",green:"#00973C",blue:"#0075FF",darkblue:"#006AC1",indigo:"#004290",grey:"#737373"},s=class{constructor(d){e(this,d)}color="blue";render(){return d("div",{key:"aba37986d6beea38fb1c5476f5187359ac2ebf0c",class:"sd-badge",style:{"--sd-badge-color":a[this.color]??a.blue}},d("div",{key:"dd80e8d18c79eda021baf7a7f233222c9c2aa717",class:"sd-badge__dot"}))}};s.style="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}";export{s as sd_badge}

package/dist/design-system/p-baed13e4.entry.js

@@ -0,0 +1 @@
+import{r as t,c as s,a as e,d as i,f as h,h as a,H as n}from"./p-CLCoul8o.js";import{T as r}from"./p-sZMi_32I.js";import{T as l,a as o,b as d}from"./p-CGQWERwE.js";import"./p-BQ6at17Y.js";import"./p-GBlVDmy4.js";let c=(t=21)=>{let s="",e=crypto.getRandomValues(new Uint8Array(t|=0));for(;t--;)s+="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict"[63&e[t]];return s};const u=class{constructor(e){t(this,e),this.sdSelectChange=s(this,"sdSelectChange",7),this.sdPageChange=s(this,"sdPageChange",7),this.sdRowsPerPageChange=s(this,"sdRowsPerPageChange",7),this.sdVirtualUpdate=s(this,"sdVirtualUpdate",7),this.sdVirtualReachEnd=s(this,"sdVirtualReachEnd",7)}static DEFAULT_NO_DATA_LABEL="데이터가 없습니다.";get el(){return e(this)}tableId=c(8);fallbackTableId=c(8);columns=[];rows;selected=[];rowKey="id";selectable=!1;resizable=!1;width;height;stickyHeader=!1;stickyColumn={left:0,right:0};radius="default";noDataLabel=u.DEFAULT_NO_DATA_LABEL;resolvedNoDataLabel=u.DEFAULT_NO_DATA_LABEL;isLoading=!1;pagination;useInternalPagination=!1;useRowsPerPageSelect=!1;useVirtualScroll=!1;rowHeight=40;virtualBuffer=5;virtualEndThreshold=10;rowsPerPageOption=[{label:"10개씩 보기",value:10},{label:"25개씩 보기",value:25},{label:"50개씩 보기",value:50},{label:"100개씩 보기",value:100}];sdSelectChange;sdPageChange;sdRowsPerPageChange;sdVirtualUpdate;sdVirtualReachEnd;currentPage=1;innerRowsPerPage=10;innerSelected=new Set;columnWidths=[];scrolledLeft=!1;scrolledRight=!1;rowCount=0;loadingScrollTop=0;autoThead=!1;autoTbody=!1;vsStart=0;vsEnd=0;lastReachEndNotifiedRowCount=-1;scrollContainer=null;onScroll;spanRegistry=new Map;cellClassRegistry=new Map;rowIndexMap=new Map;rebuildRowIndexMap(){if(this.rowIndexMap.clear(),!Array.isArray(this.rows))return;const t=this.rowKey;this.rows.forEach(((s,e)=>{const i=s?.[t];null!=i&&this.rowIndexMap.set(String(i),e)}))}resolveRowIndex(t){const s=this.rowIndexMap.get(t);if(void 0!==s)return s;const e=Number(t);return Number.isFinite(e)?e:null}toFiniteNumber(t,s){const e="number"==typeof t?t:Number(t);return Number.isFinite(e)?e:s}isRowsPerPageValue(t){return null===t||"string"==typeof t||"number"==typeof t}isValidTableId(t){return"string"==typeof t&&t.trim().length>0&&"undefined"!==t&&"null"!==t}getResolvedTableId(){if(this.isValidTableId(this.tableId))return this.tableId;const t=this.el?.getAttribute(r);return this.isValidTableId(t)?t:this.fallbackTableId}syncTableIdAttribute(){const t=this.getResolvedTableId();this.el?.getAttribute(r)!==t&&this.el.setAttribute(r,t)}handleIsLoadingChange(t){t&&(this.loadingScrollTop=this.scrollContainer?.scrollTop??0)}handleUseVirtualScrollChange(t){t&&i((()=>this.propagateVirtualUpdate()))}handleColumnsChange(t){this.columnWidths=t.map((t=>parseInt(t.width||"120",10))),this.refreshChildrenConfig()}handleRowsChange(t){Array.isArray(t)&&(this.rowCount=t.length,this.rebuildRowIndexMap(),this.useVirtualScroll&&this.propagateVirtualUpdate(!0),this.pushRowsToChildren(t))}handleRowKeyChange(){this.rebuildRowIndexMap()}handleTableIdChange(){this.syncTableIdAttribute()}handleNoDataLabelChange(t){this.resolvedNoDataLabel="string"==typeof t&&t.trim().length>0&&"undefined"!==t&&"null"!==t?t:u.DEFAULT_NO_DATA_LABEL}handleConfigChange(){this.refreshChildrenConfig()}handleSelectedChange(t){this.innerSelected=new Set(t)}handlePaginationChange(t){t?.page&&t.page!==this.currentPage&&(this.currentPage=t.page),t?.rowsPerPage&&t.rowsPerPage!==this.innerRowsPerPage&&(this.innerRowsPerPage=t.rowsPerPage)}detectChildren(){const t=!!this.el.querySelector(":scope > sd-thead"),s=!!this.el.querySelector(":scope > sd-tbody");this.autoThead=!t,this.autoTbody=!s}componentWillLoad(){this.syncTableIdAttribute(),this.handleNoDataLabelChange(this.noDataLabel),this.detectChildren(),this.innerSelected=new Set(this.selected||[]),this.columnWidths=(this.columns||[]).map((t=>parseInt(t.width||"120",10))),this.rebuildRowIndexMap(),this.pagination?.page&&(this.currentPage=this.pagination.page),this.pagination?.rowsPerPage&&(this.innerRowsPerPage=this.pagination.rowsPerPage);const t=this.el;t.isRowSelectedSync=this.isRowSelectedSync.bind(this),t.updateRowSelectSync=this.updateRowSelectSync.bind(this),t.toggleSelectAllSync=this.toggleSelectAllSync.bind(this),t.getIsAllCheckedSync=this.getIsAllCheckedSync.bind(this),t.getStickyStyleSync=this.getStickyStyleSync.bind(this),t.setRowCountSync=this.setRowCountSync.bind(this),t.handleResize=this.handleResize.bind(this),t.getPaginationInfoSync=this.getPaginationInfoSync.bind(this),t.getVirtualScrollRangeSync=this.getVirtualScrollRangeSync.bind(this),t.getConfigSync=this.getConfigSync.bind(this),t.getTableIdSync=()=>this.getResolvedTableId(),t.getVirtualScrollConfigSync=this.getVirtualScrollConfigSync.bind(this),t.calculateVisibleRange=this.calculateVisibleRange.bind(this),t.registerSpanSync=this.registerSpanSync.bind(this),t.unregisterSpanSync=this.unregisterSpanSync.bind(this),t.getSpanSync=this.getSpanSync.bind(this),t.isCoveredSync=this.isCoveredSync.bind(this),t.isVisualLastRowSync=this.isVisualLastRowSync.bind(this),t.hasRowspanSync=this.hasRowspanSync.bind(this),t.registerCellClassSync=this.registerCellClassSync.bind(this),t.unregisterCellClassSync=this.unregisterCellClassSync.bind(this),t.getCellClassSync=this.getCellClassSync.bind(this),Array.isArray(this.rows)&&(this.rowCount=this.rows.length,this.pushRowsToChildren(this.rows))}componentDidLoad(){Array.isArray(this.rows)&&this.pushRowsToChildren(this.rows),i((()=>{const t=this.el.shadowRoot?.querySelector(".sd-table__scroll-container");if(!t)return;let s=!1;this.onScroll=()=>{const e=t.scrollLeft,i=e>0,h=e+t.clientWidth<t.scrollWidth;this.scrolledLeft===i&&this.scrolledRight===h||(this.scrolledLeft=i,this.scrolledRight=h,this.refreshChildrenConfig()),this.useVirtualScroll&&!s&&(s=!0,requestAnimationFrame((()=>{s=!1,this.propagateVirtualUpdate()})))},this.scrollContainer=t,t.addEventListener("scroll",this.onScroll,{passive:!0}),this.onScroll(),this.useVirtualScroll&&this.propagateVirtualUpdate()}))}disconnectedCallback(){this.scrollContainer&&this.onScroll&&this.scrollContainer.removeEventListener("scroll",this.onScroll)}queryChildEl(t){return this.el.querySelector(t)??this.el.shadowRoot?.querySelector(t)??null}queryAllTr(){return[...Array.from(this.el.querySelectorAll("sd-tr")),...Array.from(this.el.shadowRoot?.querySelectorAll("sd-tr")??[])]}pushRowsToChildren(t){const s=this.queryChildEl("sd-tbody");s&&(s.rows=t);const e=this.queryChildEl("sd-thead");e&&(e.rows=t)}handleStructureSlotChange=()=>{Array.isArray(this.rows)&&this.pushRowsToChildren(this.rows),this.refreshChildrenConfig()};refreshChildrenSelection(){const t=this.queryChildEl("sd-thead");t?.refreshSelection?.(),this.queryAllTr().forEach((t=>t?.refreshSelection?.()))}refreshChildrenConfig(){const t=this.queryChildEl("sd-thead");t?.refreshConfig?.(),this.queryAllTr().forEach((t=>t?.refreshConfig?.()))}maybeEmitVirtualReachEnd(t,s){const e=Math.max(1,this.virtualEndThreshold);s>=Math.max(0,this.rowCount-e)&&this.lastReachEndNotifiedRowCount!==this.rowCount&&(this.lastReachEndNotifiedRowCount=this.rowCount,this.sdVirtualReachEnd.emit({from:t,to:s,rowCount:this.rowCount,threshold:e}))}propagateVirtualUpdate(t=!1){if(!this.scrollContainer||!this.useVirtualScroll)return;const s=this.toFiniteNumber(this.scrollContainer.scrollTop,0),e=this.toFiniteNumber(this.scrollContainer.clientHeight,0),{start:i,end:h}=this.calculateVisibleRange(s,e);if(!Number.isFinite(i)||!Number.isFinite(h))return;const a=this.vsStart!==i||this.vsEnd!==h;if(!a&&!t)return;this.vsStart=i,this.vsEnd=h;const n=i*this.rowHeight,r=Math.max(0,(this.rowCount-h)*this.rowHeight),l=this.queryChildEl("sd-tbody");l?.setSpacersSync?.(n,r),a&&this.sdVirtualUpdate.emit({from:i,to:h}),this.maybeEmitVirtualReachEnd(i,h)}getVirtualScrollConfigSync(){return{useVirtualScroll:this.useVirtualScroll,rowHeight:this.rowHeight,virtualBuffer:this.virtualBuffer,vsStart:this.vsStart,vsEnd:this.vsEnd,rowCount:this.rowCount}}getConfigSync(){return{columns:this.columns,selectable:this.selectable,resizable:this.resizable,stickyColumn:this.stickyColumn,stickyHeader:this.stickyHeader,scrolledLeft:this.scrolledLeft,scrolledRight:this.scrolledRight,columnWidths:this.columnWidths}}isRowSelectedSync(t){return Array.from(this.innerSelected).some((s=>s[this.rowKey??"id"]===t[this.rowKey??"id"]))}async isRowSelected(t){return this.isRowSelectedSync(t)}updateRowSelectSync(t){const s=Array.from(this.innerSelected),e=this.isRowSelectedSync(t)?s.filter((s=>s[this.rowKey??"id"]!==t[this.rowKey??"id"])):[...s,t];e.length!==s.length&&(this.innerSelected=new Set(e),this.selected=Array.from(this.innerSelected),this.sdSelectChange.emit(Array.from(this.innerSelected)),this.refreshChildrenSelection())}async updateRowSelect(t){this.updateRowSelectSync(t)}toggleSelectAllSync(t,s){if(t){const t=new Set([...s]);this.innerSelected=new Set([...this.innerSelected,...t])}else{const t=s.map((t=>t[this.rowKey??"id"]));this.innerSelected=new Set([...this.innerSelected].filter((s=>!t.includes(s[this.rowKey??"id"]))))}this.selected=Array.from(this.innerSelected),this.sdSelectChange.emit(Array.from(this.innerSelected)),this.refreshChildrenSelection()}async toggleSelectAll(t,s){this.toggleSelectAllSync(t,s)}getIsAllCheckedSync(t){const s=t.length,e=t.filter((t=>Array.from(this.innerSelected).some((s=>s[this.rowKey??"id"]===t[this.rowKey??"id"])))).length;return 0!==e&&(e===s||null)}async getIsAllChecked(t){return this.getIsAllCheckedSync(t)}changePage(t){this.useInternalPagination?(this.currentPage=t,this.sdPageChange.emit(this.currentPage),this.updateRowsVisibility()):this.sdPageChange.emit(t)}updateRowsVisibility(){this.queryAllTr().forEach((t=>t?.updateVisibility?.()))}changeRowsPerPage(t){const s=t?Number(t):0;if(!this.useInternalPagination)return void this.sdRowsPerPageChange.emit(s);this.innerRowsPerPage=s;const e=Math.max(1,Math.ceil(this.rowCount/s));this.currentPage>e&&(this.currentPage=e),this.sdRowsPerPageChange.emit(s),this.updateRowsVisibility()}get lastPageNumber(){if(this.useInternalPagination)return Math.max(1,Math.ceil(this.rowCount/this.innerRowsPerPage));const{lastPage:t,rowsPerPage:s=10}=this.pagination||{};return t??Math.max(1,Math.ceil(this.rowCount/s))}handleResize(t,s,e=!1){if("undefined"==typeof document)return;const i=s.clientX,h=this.columnWidths[t],a=s=>{const a=this.columns[t];if(!a)return;const n=a.maxWidth||9999,r=s.clientX-i,l=Math.min(Math.max(h+(e?-r:r),a.minWidth||50),n);this.columnWidths=this.columnWidths.map(((s,e)=>e===t?l:s));const o=this.queryChildEl("sd-thead");o?.setColumnWidths?.(this.columnWidths),this.queryAllTr().forEach((t=>t?.setColumnWidths?.(this.columnWidths)));const d=this.stickyColumn?.right||0,c=this.columns.filter((t=>!1!==t.visible)).length;d>0&&t===c-d&&requestAnimationFrame((()=>{this.onScroll?.()}))},n=()=>{document.removeEventListener("mousemove",a),document.removeEventListener("mouseup",n)};document.addEventListener("mousemove",a),document.addEventListener("mouseup",n)}getStickyStyleSync(t){return{"--sticky-left-offset":`${this.columnWidths.slice(0,t).reduce(((t,s)=>t+s),this.selectable?52:0)}px`,"--sticky-right-offset":`${this.columnWidths.filter(((s,e)=>e>=this.columns.filter((t=>!1!==t.visible)).length-(this.stickyColumn?.right||0)&&e>t)).reduce(((t,s)=>t+s),0)}px`,width:`${this.columnWidths[t]}px`,minWidth:`${this.columnWidths[t]}px`,maxWidth:`${this.columnWidths[t]}px`}}async getStickyStyle(t){return this.getStickyStyleSync(t)}spanKey(t,s){return`${t}::${s}`}requestAllTrUpdate(){this.queryAllTr().forEach((t=>{"function"==typeof t.bumpSpansVersion?t.bumpSpansVersion():h(t)}))}registerSpanSync(t,s,e,i){if(null==t||!s)return;const h=Math.max(1,Math.floor(e||1)),a=Math.max(1,Math.floor(i||1)),n=this.spanKey(t,s),r=this.spanRegistry.get(n);if(1===h&&1===a){if(!r)return;return this.spanRegistry.delete(n),void this.requestAllTrUpdate()}r&&r.rowspan===h&&r.colspan===a||(this.spanRegistry.set(n,{rowspan:h,colspan:a}),this.requestAllTrUpdate())}unregisterSpanSync(t,s){if(null==t||!s)return;const e=this.spanKey(t,s);this.spanRegistry.has(e)&&(this.spanRegistry.delete(e),this.requestAllTrUpdate())}getSpanSync(t,s){return this.spanRegistry.get(this.spanKey(t,s))}registerCellClassSync(t,s,e){if(null==t||!s)return;const i=this.spanKey(t,s),h=(e??"").trim();h?this.cellClassRegistry.set(i,h):this.cellClassRegistry.delete(i)}unregisterCellClassSync(t,s){null!=t&&s&&this.cellClassRegistry.delete(this.spanKey(t,s))}getCellClassSync(t,s){return this.cellClassRegistry.get(this.spanKey(t,s))}hasRowspanSync(){for(const t of this.spanRegistry.values())if(t.rowspan>1)return!0;return!1}isCoveredSync(t,s,e){if(0===this.spanRegistry.size)return!1;const i=e.filter((t=>!1!==t.visible));for(let e=0;e<s;e++){const h=i[e];if(!h)continue;const a=this.spanRegistry.get(this.spanKey(t,"string"==typeof h.field?h.field:h.name));if(a&&e+a.colspan>s)return!0}const h=this.resolveRowIndex(t);if(null==h)return!1;for(const[t,e]of this.spanRegistry){if(e.rowspan<=1)continue;const a=t.indexOf("::");if(a<0)continue;const n=t.slice(0,a),r=t.slice(a+2),l=this.resolveRowIndex(n);if(null==l)continue;if(l>=h)continue;if(l+e.rowspan<=h)continue;const o=i.findIndex((t=>("string"==typeof t.field?t.field:t.name)===r));if(!(o<0)&&o<=s&&o+e.colspan>s)return!0}return!1}isVisualLastRowSync(t,s){if(this.rowCount<=0)return!1;const e=this.resolveRowIndex(t);if(null==e)return!1;const i=this.spanRegistry.get(this.spanKey(t,s)),h=e+Math.max(1,i?.rowspan??1)-1,a=this.getPaginationInfoSync();return h===(a?Math.min(a.endIndex-1,this.rowCount-1):this.rowCount-1)}setRowCountSync(t){const s=Math.max(0,Math.floor(this.toFiniteNumber(t,0)));s!==this.rowCount&&(this.lastReachEndNotifiedRowCount=-1),this.rowCount=s,this.useVirtualScroll&&this.propagateVirtualUpdate(!0)}async setRowCount(t){this.setRowCountSync(t)}calculateVisibleRange(t,s){const e=Math.max(1,this.toFiniteNumber(this.rowHeight,40)),i=Math.max(0,Math.floor(this.toFiniteNumber(this.virtualBuffer,5))),h=Math.max(0,this.toFiniteNumber(t,0)),a=Math.max(0,this.toFiniteNumber(s,0)),n=Math.max(0,Math.floor(this.toFiniteNumber(this.rowCount,0))),r=Math.floor(h/e),l=Math.ceil(a/e);return{start:Math.max(0,r-i),end:Math.min(n,r+l+i)}}getPaginationInfoSync(){if(!this.useInternalPagination||!this.pagination)return null;const t=(this.currentPage-1)*this.innerRowsPerPage;return{startIndex:t,endIndex:t+this.innerRowsPerPage,currentPage:this.currentPage,rowsPerPage:this.innerRowsPerPage}}async getPaginationInfo(){return this.getPaginationInfoSync()}getVirtualScrollRangeSync(){return this.useVirtualScroll&&this.vsEnd>0?{from:this.vsStart,to:this.vsEnd}:null}renderAutoRows(){if(this.useVirtualScroll)return null;const t=this.rows??[],s=this.getPaginationInfoSync(),e=s?.startIndex??0;return(s?t.slice(s.startIndex,s.endIndex):t).map(((t,s)=>{const i=e+s;return a("sd-tr",{key:i,"row-key":String(i),row:t})}))}get tableClasses(){return["sd-table",this.stickyHeader&&"sd-table--sticky-header",this.selectable&&"sd-table--selectable",this.resizable&&"sd-table--resizable",(this.selectable||(this.stickyColumn?.left??0)>0||(this.stickyColumn?.right??0)>0)&&"sd-table--sticky-column",this.scrolledLeft&&"sd-table--scrolled-left",this.scrolledRight&&"sd-table--scrolled-right",0===this.rowCount&&!this.isLoading&&"sd-table--no-data"].filter(Boolean).join(" ")}render(){const t=this.getResolvedTableId();return a(n,{key:"d868318e2aeb7b3062a702a743f90bb55dbb00b8",style:{"--table-radius":`${d}px`,"--table-border-color":o.color,"--table-border-width":`${o.width}px`,"--table-body-font-family":l.fontFamily,"--table-body-font-weight":l.fontWeight,"--table-body-font-size":`${l.fontSize}px`,"--table-body-line-height":`${l.lineHeight}px`,"--table-body-text-decoration":l.textDecoration}},a("div",{key:"5b2113ecd1fa52a6170ffcfac5f906fae7ef7548",class:"sd-table__container",style:{"--table-width":this.width,"--table-height":this.height,"--table-container-height":`calc(${this.height||"100%"} - ${this.pagination&&this.rowCount>0&&!this.useVirtualScroll?48:0}px)`}},a("div",{key:"389d7f3508727fb76d9d9f98a73963c5556ff993",class:{"sd-table__wrapper":!0,"sd-table__wrapper--radius-use-top":"useTop"===this.radius}},a("div",{key:"e9cdeecb5f318cb1af4e0d2e938e0098e1cc44d0",class:{"sd-table__scroll-container":!0,"sd-table__scroll-container--loading":this.isLoading,"sd-table__scroll-container--no-data":0===this.rowCount&&!this.isLoading}},this.isLoading&&a("div",{key:"40caec779763f90e1f48818e3f56e8daabc105a6",class:"sd-table__loading",style:{top:`${this.loadingScrollTop}px`}},a("sd-circle-progress",{key:"bf7a3cabb0023f0a1663dd0337f3399ace0e75e7",indeterminate:!0})),0===this.rowCount&&!this.isLoading&&a("div",{key:"aac583c7876171a276645146e00afbc43d405607",class:"sd-table__no-data"},a("slot",{key:"31e18789beeed03bcfd7013c9386eefd6f51b2cd",name:"no-data"},a("span",{key:"07da091864e588f2ee60e8ea5ffd5ae34c968f68"},this.resolvedNoDataLabel))),a("table",{key:"69284f7f819477072450d1b6acbfe081abe4f1ef",class:this.tableClasses},this.autoThead?a("slot",{name:`${t}-head`,onSlotchange:this.handleStructureSlotChange},a("sd-thead",{rows:this.rows??[]})):a("slot",{name:`${t}-head`,onSlotchange:this.handleStructureSlotChange}),this.autoTbody?a("slot",{name:`${t}-body`,onSlotchange:this.handleStructureSlotChange},a("sd-tbody",{rows:this.rows??[]},this.renderAutoRows())):a("slot",{name:`${t}-body`,onSlotchange:this.handleStructureSlotChange})))),this.pagination&&this.pagination.rowsPerPage>0&&this.rowCount>0&&!this.useVirtualScroll&&a("div",{key:"ff30e864526aa8c3fac2cc37499cea7aa6be1420",class:"sd-table__pagination"},a("sd-pagination",{key:"ad5badf1d5f518b0bf281e973c46b1381e82ae3c",currentPage:this.useInternalPagination?this.currentPage:this.pagination.page,lastPage:this.useInternalPagination?this.lastPageNumber:this.pagination.lastPage,onSdPageChange:t=>this.changePage(t.detail)}),this.useRowsPerPageSelect&&a("sd-select",{key:"d249e79cfda4c80cb4df9c353dc4f678a5ccb861",value:this.useInternalPagination?this.innerRowsPerPage:this.pagination.rowsPerPage,options:this.rowsPerPageOption,width:"128px",emitValue:!0,onSdUpdate:t=>{this.isRowsPerPageValue(t.detail)&&this.changeRowsPerPage(t.detail)}}))))}static get watchers(){return{isLoading:[{handleIsLoadingChange:0}],useVirtualScroll:[{handleUseVirtualScrollChange:0}],columns:[{handleColumnsChange:0}],rows:[{handleRowsChange:0}],rowKey:[{handleRowKeyChange:0}],tableId:[{handleTableIdChange:0}],noDataLabel:[{handleNoDataLabelChange:0}],selectable:[{handleConfigChange:0}],resizable:[{handleConfigChange:0}],stickyColumn:[{handleConfigChange:0}],stickyHeader:[{handleConfigChange:0}],selected:[{handleSelectedChange:0}],pagination:[{handlePaginationChange:0}]}}};u.style="sd-table,:host{display:block;width:100%;max-width:100%;min-width:0}sd-table *,:host *{box-sizing:border-box}.sd-table__container{height:var(--table-height, 100%);width:var(--table-width, 100%);max-width:100%;min-width:0;color:#222222;display:flex;flex-direction:column}.sd-table__wrapper{width:100%;min-width:0;height:var(--table-container-height, 400px);border:var(--table-border-width, 1px) solid var(--table-border-color, #E1E1E1);border-radius:var(--table-radius, 8px);overflow:hidden}.sd-table__wrapper--radius-use-top{border-radius:0 0 var(--table-radius, 8px) var(--table-radius, 8px)}.sd-table__scroll-container{width:100%;height:100%;display:flex;flex-direction:column;position:relative;font-family:var(--table-body-font-family, inherit);font-weight:var(--table-body-font-weight, 400);font-size:var(--table-body-font-size, 12px);line-height:var(--table-body-line-height, 20px);text-decoration:var(--table-body-text-decoration, none);overflow:auto;background:#FFFFFF}.sd-table__scroll-container--loading{overflow:hidden !important;pointer-events:none}.sd-table__scroll-container--no-data{overflow:hidden;pointer-events:none}.sd-table__no-data{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:var(--table-body-font-size, 12px);color:#888888;pointer-events:none;z-index:200;background:rgba(255, 255, 255, 0.6)}.sd-table__no-data ::slotted(*),.sd-table__no-data span{pointer-events:auto}.sd-table__loading{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255, 255, 255, 0.6);z-index:200;display:flex;align-items:center;justify-content:center;pointer-events:none}.sd-table{background-color:white;display:table;width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.sd-table--selectable sd-thead,.sd-table--selectable sd-tbody{--selectable:true}.sd-table--sticky-header sd-thead thead{position:sticky;top:0;z-index:120}.sd-table--sticky-column sd-thead,.sd-table--sticky-column sd-tbody{--sticky-column:true}.sd-table--scrolled-left sd-thead,.sd-table--scrolled-left sd-tbody{--scrolled-left:true}.sd-table--scrolled-right sd-thead,.sd-table--scrolled-right sd-tbody{--scrolled-right:true}.sd-table--resizable sd-thead{--resizable:true}.sd-table--no-data sd-thead{opacity:0.4}.sd-table__pagination{position:relative;background:#F9F9F9;height:48px;display:flex;align-items:center;justify-content:center;border:var(--table-border-width, 1px) solid var(--table-border-color, #E1E1E1);margin-top:-1px;border-radius:var(--table-radius, 8px)}.sd-table__pagination sd-select{position:absolute;right:10px;top:50%;transform:translateY(-50%)}";export{u as sd_table}

package/dist/design-system/{p-045bc426.entry.js → p-bd45e65d.entry.js}

@@ -1 +1 @@
-import{r as t,c as s,a as i,h as e}from"./p-Cnwbjz1F.js";const h=class{constructor(i){t(this,i),this.close=s(this,"sdClose",3)}get hostEl(){return i(this)}to="body";parentRef=null;offset=[0,4];viewportPadding=0;zIndex=998;open=!1;close;container;wrapper;rafId;isInsideClick=!1;closeTransitionTimer;handleObservedScroll=()=>this.updatePosition();resizeObserver;mutationObserver;scrollParents=[];isObserved=!1;handleOpenChange(){this.syncPortalState()}componentDidLoad(){this.container=this.resolveContainer(),this.syncPortalState()}componentDidRender(){this.syncPortalState()}disconnectedCallback(){if(this.closeTransitionTimer&&clearTimeout(this.closeTransitionTimer),this.unobserveParent(),this.wrapper?.parentNode)try{this.wrapper.parentNode.removeChild(this.wrapper)}catch{}}resolveContainer(){const t="string"==typeof this.to?document.querySelector(this.to):this.to;return t instanceof HTMLElement?t:document.body}createWrapper(){this.wrapper=document.createElement("div"),Object.assign(this.wrapper.style,{position:"absolute",top:"0",left:"0",zIndex:(this.zIndex??998).toString(),opacity:"0",transition:"opacity 0.15s ease-out",boxSizing:"border-box",visibility:"hidden"}),this.container.appendChild(this.wrapper)}ensureWrapper(){this.wrapper||(this.container||=this.resolveContainer(),this.createWrapper(),this.moveSlotContent())}syncPortalState(){if(!this.open)return this.wrapper&&(this.wrapper.style.transition="opacity 0.15s ease-out",this.wrapper.style.opacity="0",this.wrapper.style.pointerEvents="none",this.closeTransitionTimer&&clearTimeout(this.closeTransitionTimer),this.closeTransitionTimer=setTimeout((()=>{this.wrapper&&!this.open&&(this.wrapper.style.display="none")}),150)),void this.unobserveParent();this.closeTransitionTimer&&clearTimeout(this.closeTransitionTimer),this.ensureWrapper(),this.wrapper&&(this.wrapper.style.display="block",this.wrapper.style.transition="opacity 0.25s ease-out",this.wrapper.style.opacity="0",this.wrapper.style.pointerEvents="",this.observeParent(),this.updatePosition())}moveSlotContent(){this.wrapper&&Array.from(this.hostEl.childNodes).filter((t=>t.nodeType!==Node.COMMENT_NODE)).forEach((t=>this.wrapper.appendChild(t)))}updatePosition(){this.rafId&&cancelAnimationFrame(this.rafId),this.rafId=requestAnimationFrame((()=>{if(!this.parentRef||!this.wrapper)return;const t=this.parentRef.getBoundingClientRect(),s=window.innerWidth,i=window.innerHeight,e=this.offset??[0,4],h=Math.max(0,this.viewportPadding??0),o=Math.max(s-2*h,0),n=Math.max(i-2*h,0);this.wrapper.style.maxWidth=`${o}px`,this.wrapper.style.maxHeight=`${n}px`;const r=this.wrapper.getBoundingClientRect(),a=i-t.bottom-e[1]-h;let d=t.bottom+window.scrollY+e[1],c=t.left+window.scrollX+e[0];a<r.height&&t.top-e[1]-h>a&&(d=t.top+window.scrollY-r.height-e[1]);const l=window.scrollY+h,u=window.scrollY+i-h-r.height;d=u<l?l:Math.min(Math.max(d,l),u),t.left+r.width+e[0]>s-h&&(c=t.right+window.scrollX-r.width-e[0]);const p=window.scrollX+h,w=window.scrollX+s-h-r.width;c=w<p?p:Math.min(Math.max(c,p),w),this.wrapper.style.top=`${d}px`,this.wrapper.style.left=`${c}px`,this.wrapper.style.visibility="visible",this.wrapper.style.opacity="1"}))}observeParent(){this.parentRef&&!this.isObserved&&(this.observeScrollParents(this.parentRef),"undefined"!=typeof ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>this.updatePosition())),this.resizeObserver.observe(this.parentRef)),"undefined"!=typeof MutationObserver&&(this.mutationObserver=new MutationObserver((()=>this.updatePosition())),this.mutationObserver.observe(document.body,{childList:!0,subtree:!0})),this.isObserved=!0)}unobserveParent(){this.isObserved&&(this.unobserveScrollParents(),this.resizeObserver?.disconnect(),this.resizeObserver=void 0,this.mutationObserver?.disconnect(),this.mutationObserver=void 0,this.isObserved=!1)}observeScrollParents(t){const s=this.getScrollParents(t);s.forEach((t=>{t.addEventListener("scroll",this.handleObservedScroll,{passive:!0})})),this.scrollParents=s}unobserveScrollParents(){this.scrollParents.forEach((t=>{t.removeEventListener("scroll",this.handleObservedScroll)})),this.scrollParents=[]}getScrollParents(t){const s=[];let i=t.parentElement;for(;i;){const{overflow:t,overflowX:e,overflowY:h}=getComputedStyle(i);[t,e,h].some((t=>/(auto|scroll|overlay)/.test(t)))&&s.push(i),i=i.parentElement}return s}handleMouseDown(t){this.isInsideClick=!(!this.wrapper||!this.wrapper.contains(t.target))}handleWindowClick(t){this.isInsideClick?this.isInsideClick=!1:this.wrapper?.contains(t.target)||this.close.emit()}render(){return e("slot",{key:"28858d6833d8ff7f86295f7e445d51ffc84db99a"})}static get watchers(){return{open:[{handleOpenChange:0}]}}};export{h as sd_portal}
+import{r as t,c as s,a as i,h as e}from"./p-CLCoul8o.js";const h=class{constructor(i){t(this,i),this.close=s(this,"sdClose",3)}get hostEl(){return i(this)}to="body";parentRef=null;offset=[0,4];viewportPadding=0;zIndex=998;open=!1;close;container;wrapper;rafId;isInsideClick=!1;closeTransitionTimer;handleObservedScroll=()=>this.updatePosition();resizeObserver;mutationObserver;scrollParents=[];isObserved=!1;handleOpenChange(){this.syncPortalState()}componentDidLoad(){this.container=this.resolveContainer(),this.syncPortalState()}componentDidRender(){this.syncPortalState()}disconnectedCallback(){if(this.closeTransitionTimer&&clearTimeout(this.closeTransitionTimer),this.unobserveParent(),this.wrapper?.parentNode)try{this.wrapper.parentNode.removeChild(this.wrapper)}catch{}}resolveContainer(){const t="string"==typeof this.to?document.querySelector(this.to):this.to;return t instanceof HTMLElement?t:document.body}createWrapper(){this.wrapper=document.createElement("div"),Object.assign(this.wrapper.style,{position:"absolute",top:"0",left:"0",zIndex:(this.zIndex??998).toString(),opacity:"0",transition:"opacity 0.15s ease-out",boxSizing:"border-box",visibility:"hidden"}),this.container.appendChild(this.wrapper)}ensureWrapper(){this.wrapper||(this.container||=this.resolveContainer(),this.createWrapper(),this.moveSlotContent())}syncPortalState(){if(!this.open)return this.wrapper&&(this.wrapper.style.transition="opacity 0.15s ease-out",this.wrapper.style.opacity="0",this.wrapper.style.pointerEvents="none",this.closeTransitionTimer&&clearTimeout(this.closeTransitionTimer),this.closeTransitionTimer=setTimeout((()=>{this.wrapper&&!this.open&&(this.wrapper.style.display="none")}),150)),void this.unobserveParent();this.closeTransitionTimer&&clearTimeout(this.closeTransitionTimer),this.ensureWrapper(),this.wrapper&&(this.wrapper.style.display="block",this.wrapper.style.transition="opacity 0.25s ease-out",this.wrapper.style.opacity="0",this.wrapper.style.pointerEvents="",this.observeParent(),this.updatePosition())}moveSlotContent(){this.wrapper&&Array.from(this.hostEl.childNodes).filter((t=>t.nodeType!==Node.COMMENT_NODE)).forEach((t=>this.wrapper.appendChild(t)))}updatePosition(){this.rafId&&cancelAnimationFrame(this.rafId),this.rafId=requestAnimationFrame((()=>{if(!this.parentRef||!this.wrapper)return;const t=this.parentRef.getBoundingClientRect(),s=window.innerWidth,i=window.innerHeight,e=this.offset??[0,4],h=Math.max(0,this.viewportPadding??0),o=Math.max(s-2*h,0),n=Math.max(i-2*h,0);this.wrapper.style.maxWidth=`${o}px`,this.wrapper.style.maxHeight=`${n}px`;const r=this.wrapper.getBoundingClientRect(),a=i-t.bottom-e[1]-h;let c=t.bottom+window.scrollY+e[1],l=t.left+window.scrollX+e[0];a<r.height&&t.top-e[1]-h>a&&(c=t.top+window.scrollY-r.height-e[1]);const d=window.scrollY+h,u=window.scrollY+i-h-r.height;c=u<d?d:Math.min(Math.max(c,d),u),t.left+r.width+e[0]>s-h&&(l=t.right+window.scrollX-r.width-e[0]);const p=window.scrollX+h,w=window.scrollX+s-h-r.width;l=w<p?p:Math.min(Math.max(l,p),w),this.wrapper.style.top=`${c}px`,this.wrapper.style.left=`${l}px`,this.wrapper.style.visibility="visible",this.wrapper.style.opacity="1"}))}observeParent(){this.parentRef&&!this.isObserved&&(this.observeScrollParents(this.parentRef),"undefined"!=typeof ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>this.updatePosition())),this.resizeObserver.observe(this.parentRef)),"undefined"!=typeof MutationObserver&&(this.mutationObserver=new MutationObserver((()=>this.updatePosition())),this.mutationObserver.observe(document.body,{childList:!0,subtree:!0})),this.isObserved=!0)}unobserveParent(){this.isObserved&&(this.unobserveScrollParents(),this.resizeObserver?.disconnect(),this.resizeObserver=void 0,this.mutationObserver?.disconnect(),this.mutationObserver=void 0,this.isObserved=!1)}observeScrollParents(t){const s=this.getScrollParents(t);s.forEach((t=>{t.addEventListener("scroll",this.handleObservedScroll,{passive:!0})})),this.scrollParents=s}unobserveScrollParents(){this.scrollParents.forEach((t=>{t.removeEventListener("scroll",this.handleObservedScroll)})),this.scrollParents=[]}getScrollParents(t){const s=[];let i=t.parentElement;for(;i;){const{overflow:t,overflowX:e,overflowY:h}=getComputedStyle(i);[t,e,h].some((t=>/(auto|scroll|overlay)/.test(t)))&&s.push(i),i=i.parentElement}return s}handleMouseDown(t){this.isInsideClick=!(!this.wrapper||!this.wrapper.contains(t.target))}handleWindowClick(t){this.isInsideClick?this.isInsideClick=!1:this.wrapper?.contains(t.target)||this.close.emit()}render(){return e("slot",{key:"c85555f533743f29615e77c1834e8f0fefae7dc7"})}static get watchers(){return{open:[{handleOpenChange:0}]}}};export{h as sd_portal}

package/dist/design-system/p-bf4156d8.entry.js

@@ -0,0 +1 @@
+import{r as e,c as t,h as a}from"./p-CLCoul8o.js";import{s as d}from"./p-GBlVDmy4.js";import{t as l}from"./p-BQ6at17Y.js";const s=l.table,r=Number(s.keyValue.height),i=Number(s.radius),n=Number(s.body.paddingX),o=Number(s.keyValue.body.padding),v=Number(s.header.gap),u=Number(s.content.gap),b=Number(s.border.width),k=Number(s.keyValue.search.paddingX),h={border:s.border.color,thBg:s.header.bg,thLabel:d.color.fg.primary,required:d.color.fg.accent,helpIcon:d.color.fg.success,tdBg:d.color.bg.frame,tdText:d.color.fg.primary,searchBg:s.keyValue.search.bg},c={labelFontFamily:s.header.typography.fontFamily,labelFontSize:Number(s.header.typography.fontSize),labelFontWeight:Number(s.header.typography.fontWeight),labelLineHeight:Number(s.header.typography.lineHeight),tdFontFamily:s.body.typography.fontFamily,tdFontSize:Number(s.body.typography.fontSize),tdFontWeight:Number(s.body.typography.fontWeight),tdLineHeight:Number(s.body.typography.lineHeight)},p=class{constructor(a){e(this,a),this.change=t(this,"sdChange",7),this.searchEvent=t(this,"sdSearch",7)}fields=[];search=!1;useTop=!1;change;searchEvent;emit=(e,t)=>{this.change.emit({name:e,value:t})};handleSearchClick=()=>{this.searchEvent.emit()};renderField(e){const t=t=>this.emit(e.name,t.detail);switch(e.type){case"input":return a("sd-input",{width:"100%",...e.options??{},onSdUpdate:t});case"textarea":return a("sd-textarea",{width:"100%",...e.options??{},onSdUpdate:t});case"number-input":return a("sd-number-input",{width:"100%",...e.options??{},onSdUpdate:t});case"select":return a("sd-select",{width:"100%",...e.options??{},onSdUpdate:t});case"radio":{const{value:d,direction:l,...s}=e.options??{};return a("sd-radio-group",{...s,value:d,direction:l??"horizontal",onSdUpdate:t})}case"checkbox":{const{value:d,...l}=e.options??{};return a("sd-checkbox",{...l,value:d,onSdUpdate:t})}case"date-picker":return a("sd-date-picker",{width:"100%",...e.options??{},onSdUpdate:t});case"date-range-picker":return a("sd-date-range-picker",{width:"100%",...e.options??{},onSdUpdate:t});case"file-picker":return a("sd-file-picker",{width:"100%",...e.options??{},onSdUpdate:t});default:return a("span",{class:"sd-key-value-table__text"},e.options?.value??"")}}renderHelpIcon(e){return a("span",{class:"sd-key-value-table__help"},a("sd-tooltip",{icon:"helpOutline",iconSize:16,color:h.helpIcon,trigger:"hover"},e))}computeAutoSkipTh(){const e=this.fields.map((e=>e.map((()=>!1))));return this.fields.forEach(((t,a)=>{t.forEach(((t,d)=>{const l=t.thRowSpan&&t.thRowSpan>1?t.thRowSpan:1;if(!(l<=1))for(let t=1;t<l;t++){const l=e[a+t];l&&d<l.length&&(l[d]=!0)}}))})),e}computeMaxCols(e){let t=0;return this.fields.forEach(((a,d)=>{let l=0;a.forEach(((t,a)=>{let s;s=t.hideTh?0:e[d]?.[a]?1:t.thColSpan&&t.thColSpan>1?t.thColSpan:1,l+=s+(t.tdColSpan&&t.tdColSpan>1?t.tdColSpan:1)})),l>t&&(t=l)})),t}renderTh(e,t,d){const l=e.thRowSpan&&e.thRowSpan>1?e.thRowSpan:void 0,s=e.thColSpan&&e.thColSpan>1?e.thColSpan:void 0,r={"sd-key-value-table__th":!0};return"string"==typeof e.thClass?r[e.thClass]=!0:Array.isArray(e.thClass)&&e.thClass.forEach((e=>r[e]=!0)),a("th",{key:`th-${t}-${d}`,class:r,style:e.thStyle,scope:"row",rowSpan:l,colSpan:s},a("div",{class:"sd-key-value-table__th-inner"},a("span",{class:"sd-key-value-table__label"},e.label,e.required&&a("sd-icon",{class:"sd-key-value-table__required",name:"star",size:12,color:h.required,label:"required"})),e.helpText&&this.renderHelpIcon(e.helpText)))}renderTd(e,t,d){return a("td",{key:`td-${t}-${d}`,class:"sd-key-value-table__td",rowSpan:e.tdRowSpan&&e.tdRowSpan>1?e.tdRowSpan:void 0,colSpan:e.tdColSpan&&e.tdColSpan>1?e.tdColSpan:void 0},a("div",{class:"sd-key-value-table__td-inner"},a("slot",{name:`field-${e.name}`},this.renderField(e))))}warnDuplicateNames(){const e=new Set,t=new Set;this.fields.forEach((a=>a.forEach((a=>{e.has(a.name)?t.add(a.name):e.add(a.name)})))),t.size>0&&console.warn(`[sd-key-value-table] Duplicate field name(s) detected: ${[...t].join(", ")}. Slot names ("field-{name}") and sdChange events rely on unique names.`)}render(){if(!this.fields.length)return null;const e={"--sd-kvt-row-height":`${r}px`,"--sd-kvt-th-width":"120px","--sd-kvt-radius":`${i}px`,"--sd-kvt-padding-x":`${n}px`,"--sd-kvt-padding-y":`${o}px`,"--sd-kvt-gap":`${v}px`,"--sd-kvt-label-gap":`${u}px`,"--sd-kvt-border-width":`${b}px`,"--sd-kvt-border-color":h.border,"--sd-kvt-th-bg":h.thBg,"--sd-kvt-th-color":h.thLabel,"--sd-kvt-required-color":h.required,"--sd-kvt-td-bg":h.tdBg,"--sd-kvt-td-color":h.tdText,"--sd-kvt-label-font-family":c.labelFontFamily,"--sd-kvt-label-font-size":`${c.labelFontSize}px`,"--sd-kvt-label-font-weight":`${c.labelFontWeight}`,"--sd-kvt-label-line-height":`${c.labelLineHeight}px`,"--sd-kvt-td-font-family":c.tdFontFamily,"--sd-kvt-td-font-size":`${c.tdFontSize}px`,"--sd-kvt-td-font-weight":`${c.tdFontWeight}`,"--sd-kvt-td-line-height":`${c.tdLineHeight}px`,"--sd-kvt-search-bg":h.searchBg,"--sd-kvt-search-padding-x":`${k}px`};this.warnDuplicateNames();const t=this.computeAutoSkipTh(),d=this.computeMaxCols(t),l=a("table",{class:{"sd-key-value-table":!0,"sd-key-value-table--use-top":this.useTop},style:e},a("colgroup",null,Array.from({length:d},((e,t)=>a("col",{key:`col-${t}`,style:t%2==0?{width:"120px"}:void 0})))),a("tbody",null,this.fields.map(((e,d)=>a("tr",{class:"sd-key-value-table__row",key:`row-${d}`},e.map(((e,a)=>[e.hideTh||t[d][a]?null:this.renderTh(e,d,a),this.renderTd(e,d,a)])))))));return this.search?a("div",{class:{"sd-key-value-table__wrapper":!0,"sd-key-value-table__wrapper--use-top":this.useTop},style:e},l,a("div",{class:"sd-key-value-table__search-panel"},a("sd-button",{label:"검색",name:"neutral_outline_md",onSdClick:this.handleSearchClick}))):l}};p.style="sd-key-value-table{display:block}sd-key-value-table .sd-key-value-table__wrapper{display:flex;align-items:stretch;width:100%;border:var(--sd-kvt-border-width) solid var(--sd-kvt-border-color);border-radius:var(--sd-kvt-radius);overflow:hidden}sd-key-value-table .sd-key-value-table__wrapper .sd-key-value-table{flex:1 1 auto;border:0;border-radius:0}sd-key-value-table .sd-key-value-table__wrapper.sd-key-value-table__wrapper--use-top{border-top-left-radius:0;border-top-right-radius:0}sd-key-value-table .sd-key-value-table__search-panel{display:flex;align-items:center;justify-content:center;flex:0 0 auto;padding:var(--sd-kvt-padding-y) var(--sd-kvt-search-padding-x);background:var(--sd-kvt-search-bg);border-left:var(--sd-kvt-border-width) solid var(--sd-kvt-border-color)}sd-key-value-table .sd-key-value-table{width:100%;table-layout:fixed;border:var(--sd-kvt-border-width) solid var(--sd-kvt-border-color);border-radius:var(--sd-kvt-radius);border-collapse:separate;border-spacing:0;overflow:hidden}sd-key-value-table .sd-key-value-table.sd-key-value-table--use-top{border-top-left-radius:0;border-top-right-radius:0}sd-key-value-table .sd-key-value-table__th,sd-key-value-table .sd-key-value-table__td{height:var(--sd-kvt-row-height);padding:var(--sd-kvt-padding-y) var(--sd-kvt-padding-x);box-sizing:border-box;vertical-align:middle;text-align:left;font-weight:normal;border-top:var(--sd-kvt-border-width) solid var(--sd-kvt-border-color)}sd-key-value-table .sd-key-value-table tbody>tr:first-child>.sd-key-value-table__th,sd-key-value-table .sd-key-value-table tbody>tr:first-child>.sd-key-value-table__td{border-top:0}sd-key-value-table .sd-key-value-table__th{width:var(--sd-kvt-th-width);background:var(--sd-kvt-th-bg);color:var(--sd-kvt-th-color)}sd-key-value-table .sd-key-value-table__th-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--sd-kvt-gap);width:100%;height:100%}sd-key-value-table .sd-key-value-table__label{display:inline-flex;align-items:center;gap:var(--sd-kvt-label-gap);font-family:var(--sd-kvt-label-font-family);font-size:var(--sd-kvt-label-font-size);font-weight:var(--sd-kvt-label-font-weight);line-height:var(--sd-kvt-label-line-height);color:var(--sd-kvt-th-color)}sd-key-value-table .sd-key-value-table__required{display:inline-flex;align-items:center;flex-shrink:0}sd-key-value-table .sd-key-value-table__help{display:inline-flex;align-items:center;flex-shrink:0}sd-key-value-table .sd-key-value-table__td{background:var(--sd-kvt-td-bg);color:var(--sd-kvt-td-color)}sd-key-value-table .sd-key-value-table__td-inner{display:flex;align-items:center;width:100%;height:100%}sd-key-value-table .sd-key-value-table__td-inner>slot{display:block;flex:1 1 auto;min-width:0}sd-key-value-table .sd-key-value-table__td-inner sd-input,sd-key-value-table .sd-key-value-table__td-inner sd-textarea,sd-key-value-table .sd-key-value-table__td-inner sd-number-input,sd-key-value-table .sd-key-value-table__td-inner sd-select,sd-key-value-table .sd-key-value-table__td-inner sd-date-picker,sd-key-value-table .sd-key-value-table__td-inner sd-date-range-picker,sd-key-value-table .sd-key-value-table__td-inner sd-file-picker{width:100%}sd-key-value-table .sd-key-value-table__text{font-family:var(--sd-kvt-td-font-family);font-size:var(--sd-kvt-td-font-size);font-weight:var(--sd-kvt-td-font-weight);line-height:var(--sd-kvt-td-line-height);color:var(--sd-kvt-td-color)}";export{p as sd_key_value_table}

package/dist/design-system/{p-e5cebccd.entry.js → p-c0f60b00.entry.js}

@@ -1 +1 @@
-import{r as e,c as t,h as o}from"./p-Cnwbjz1F.js";var d="12",l={fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontSize:"12",fontWeight:"500",textDecoration:"none",lineHeight:"20"},g="9999",s={width:"1",default:"#CCCCCC",select:"#0075FF",disabled:"#CCCCCC"},r={default:"#FFFFFF",hover:"#0075FF",select:"#FFFFFF",disabled:"#E1E1E1"},a={default:"#555555",hover:"#FFFFFF",select:"#0075FF",disabled:"#888888"};const i=Number("28"),n=Number(d),b=Number(g),c=Number(s.width),h={fontFamily:l.fontFamily,fontWeight:l.fontWeight,fontSize:Number(l.fontSize),lineHeight:Number(l.lineHeight),textDecoration:l.textDecoration},f={border:{default:s.default,select:s.select,disabled:s.disabled},bg:{default:r.default,hover:r.hover,select:r.select,disabled:r.disabled},content:{default:a.default,hover:a.hover,select:a.select,disabled:a.disabled}},u=class{constructor(o){e(this,o),this.change=t(this,"sdUpdate",7)}value=!1;label="";disabled=!1;change;get toggleClasses(){const e=["sd-toggle"];return this.value&&e.push("sd-toggle--active"),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 o("label",{key:"9ef981165b998f43ec23f3bb1cf0ef385962d7fb",class:this.toggleClasses,style:{"--sd-toggle-height":`${i}px`,"--sd-toggle-padding-x":`${n}px`,"--sd-toggle-radius":`${b}px`,"--sd-toggle-border-width":`${c}px`,"--sd-toggle-font-family":h.fontFamily,"--sd-toggle-font-weight":h.fontWeight,"--sd-toggle-font-size":`${h.fontSize}px`,"--sd-toggle-line-height":`${h.lineHeight}px`,"--sd-toggle-text-decoration":h.textDecoration,"--sd-toggle-bg-default":f.bg.default,"--sd-toggle-bg-hover":f.bg.hover,"--sd-toggle-bg-select":f.bg.select,"--sd-toggle-bg-disabled":f.bg.disabled,"--sd-toggle-border-default":f.border.default,"--sd-toggle-border-select":f.border.select,"--sd-toggle-border-disabled":f.border.disabled,"--sd-toggle-content-default":f.content.default,"--sd-toggle-content-hover":f.content.hover,"--sd-toggle-content-select":f.content.select,"--sd-toggle-content-disabled":f.content.disabled},"aria-label":this.label||"toggle"},this.label,o("input",{key:"6b6d2a89f43036f624c7bc291b2c5aa7a93c8f0a",style:{display:"none"},type:"checkbox",onInput:this.handleChange}))}};u.style="sd-toggle{display:inline-block;line-height:0}.sd-toggle{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:var(--sd-toggle-height);padding:0 var(--sd-toggle-padding-x);border-radius:var(--sd-toggle-radius);border:var(--sd-toggle-border-width) solid var(--sd-toggle-border-default);background:var(--sd-toggle-bg-default);color:var(--sd-toggle-content-default);font-family:var(--sd-toggle-font-family);font-weight:var(--sd-toggle-font-weight);font-size:var(--sd-toggle-font-size);line-height:var(--sd-toggle-line-height);text-decoration:var(--sd-toggle-text-decoration);white-space:nowrap;user-select:none;cursor:pointer;transition:background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease}.sd-toggle:hover:not(.sd-toggle--disabled){background:var(--sd-toggle-bg-hover);border-color:var(--sd-toggle-border-select);color:var(--sd-toggle-content-hover)}.sd-toggle--active{background:var(--sd-toggle-bg-select);border-color:var(--sd-toggle-border-select);color:var(--sd-toggle-content-select)}.sd-toggle--disabled{background:var(--sd-toggle-bg-disabled);border-color:var(--sd-toggle-border-disabled);color:var(--sd-toggle-content-disabled);cursor:not-allowed}.sd-toggle--disabled.sd-toggle--active{background:var(--sd-toggle-bg-disabled);border-color:var(--sd-toggle-border-disabled);color:var(--sd-toggle-content-disabled)}";export{u as sd_toggle}
+import{r as e,c as t,h as o}from"./p-CLCoul8o.js";var d="12",l={fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontSize:"12",fontWeight:"500",textDecoration:"none",lineHeight:"20"},g="9999",s={width:"1",default:"#CCCCCC",select:"#0075FF",disabled:"#CCCCCC"},r={default:"#FFFFFF",hover:"#0075FF",select:"#FFFFFF",disabled:"#E1E1E1"},a={default:"#555555",hover:"#FFFFFF",select:"#0075FF",disabled:"#888888"};const i=Number("28"),n=Number(d),c=Number(g),b=Number(s.width),h={fontFamily:l.fontFamily,fontWeight:l.fontWeight,fontSize:Number(l.fontSize),lineHeight:Number(l.lineHeight),textDecoration:l.textDecoration},f={border:{default:s.default,select:s.select,disabled:s.disabled},bg:{default:r.default,hover:r.hover,select:r.select,disabled:r.disabled},content:{default:a.default,hover:a.hover,select:a.select,disabled:a.disabled}},u=class{constructor(o){e(this,o),this.change=t(this,"sdUpdate",7)}value=!1;label="";disabled=!1;change;get toggleClasses(){const e=["sd-toggle"];return this.value&&e.push("sd-toggle--active"),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 o("label",{key:"958d824b5c502a578e1bb7a8fb0d30d59c2d8eda",class:this.toggleClasses,style:{"--sd-toggle-height":`${i}px`,"--sd-toggle-padding-x":`${n}px`,"--sd-toggle-radius":`${c}px`,"--sd-toggle-border-width":`${b}px`,"--sd-toggle-font-family":h.fontFamily,"--sd-toggle-font-weight":h.fontWeight,"--sd-toggle-font-size":`${h.fontSize}px`,"--sd-toggle-line-height":`${h.lineHeight}px`,"--sd-toggle-text-decoration":h.textDecoration,"--sd-toggle-bg-default":f.bg.default,"--sd-toggle-bg-hover":f.bg.hover,"--sd-toggle-bg-select":f.bg.select,"--sd-toggle-bg-disabled":f.bg.disabled,"--sd-toggle-border-default":f.border.default,"--sd-toggle-border-select":f.border.select,"--sd-toggle-border-disabled":f.border.disabled,"--sd-toggle-content-default":f.content.default,"--sd-toggle-content-hover":f.content.hover,"--sd-toggle-content-select":f.content.select,"--sd-toggle-content-disabled":f.content.disabled},"aria-label":this.label||"toggle"},this.label,o("input",{key:"81d5dc8ff0f9ca7e8a219f3c0e7bcce3a4ffc875",style:{display:"none"},type:"checkbox",onInput:this.handleChange}))}};u.style="sd-toggle{display:inline-block;line-height:0}.sd-toggle{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:var(--sd-toggle-height);padding:0 var(--sd-toggle-padding-x);border-radius:var(--sd-toggle-radius);border:var(--sd-toggle-border-width) solid var(--sd-toggle-border-default);background:var(--sd-toggle-bg-default);color:var(--sd-toggle-content-default);font-family:var(--sd-toggle-font-family);font-weight:var(--sd-toggle-font-weight);font-size:var(--sd-toggle-font-size);line-height:var(--sd-toggle-line-height);text-decoration:var(--sd-toggle-text-decoration);white-space:nowrap;user-select:none;cursor:pointer;transition:background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease}.sd-toggle:hover:not(.sd-toggle--disabled){background:var(--sd-toggle-bg-hover);border-color:var(--sd-toggle-border-select);color:var(--sd-toggle-content-hover)}.sd-toggle--active{background:var(--sd-toggle-bg-select);border-color:var(--sd-toggle-border-select);color:var(--sd-toggle-content-select)}.sd-toggle--disabled{background:var(--sd-toggle-bg-disabled);border-color:var(--sd-toggle-border-disabled);color:var(--sd-toggle-content-disabled);cursor:not-allowed}.sd-toggle--disabled.sd-toggle--active{background:var(--sd-toggle-bg-disabled);border-color:var(--sd-toggle-border-disabled);color:var(--sd-toggle-content-disabled)}";export{u as sd_toggle}

package/dist/design-system/p-c228c2c7.entry.js

@@ -0,0 +1 @@
+import{r as t,h as e}from"./p-CLCoul8o.js";var n={height:"20",paddingX:"8",gap:"4",icon:"12",typography:{fontSize:"11",fontWeight:"500",lineHeight:"18"},radius:"6"},i={height:"24",paddingX:"8",gap:"4",icon:"16",typography:{fontSize:"12",fontWeight:"700",lineHeight:"20"},radius:"6"},a={height:"28",paddingX:"12",gap:"6",icon:"16",typography:{fontSize:"14",fontWeight:"700",lineHeight:"24"},radius:"8"},g={content:"#FB4444",bg:"#FCEFEF"},o={content:"#FF6B00",bg:"#FEF1EA"},s={content:"#916C0D",bg:"#FFF7DD"},d={content:"#00973C",bg:"#E8F9EF"},r={content:"#0075FF",bg:"#E6F1FF"},c={content:"#006AC1",bg:"#EAF5FE"},h={content:"#004290",bg:"#EFF6FF"},p={content:"#737373",bg:"#EEEEEE"};const l=["xs","sm","md"],u=["grey","red","orange","yellow","green","blue","darkblue","indigo"],f={grey:{background:p.bg,content:p.content,icon:p.content},red:{background:g.bg,content:g.content,icon:g.content},orange:{background:o.bg,content:o.content,icon:o.content},yellow:{background:s.bg,content:s.content,icon:s.content},green:{background:d.bg,content:d.content,icon:d.content},blue:{background:r.bg,content:r.content,icon:r.content},darkblue:{background:c.bg,content:c.content,icon:c.content},indigo:{background:h.bg,content:h.content,icon:h.content}},x={xs:{height:`${n.height}px`,paddingX:`${n.paddingX}px`,gap:`${n.gap}px`,fontSize:`${n.typography.fontSize}px`,fontWeight:n.typography.fontWeight,lineHeight:`${n.typography.lineHeight}px`,iconSize:Number(n.icon),radius:`${n.radius}px`},sm:{height:`${i.height}px`,paddingX:`${i.paddingX}px`,gap:`${i.gap}px`,fontSize:`${i.typography.fontSize}px`,fontWeight:i.typography.fontWeight,lineHeight:`${i.typography.lineHeight}px`,iconSize:Number(i.icon),radius:`${i.radius}px`},md:{height:`${a.height}px`,paddingX:`${a.paddingX}px`,gap:`${a.gap}px`,fontSize:`${a.typography.fontSize}px`,fontWeight:a.typography.fontWeight,lineHeight:`${a.typography.lineHeight}px`,iconSize:Number(a.icon),radius:`${a.radius}px`}},b={xs:{...x.xs,radius:"999px"},sm:{...x.sm,radius:"999px"},md:{...x.md,radius:"999px"}},F=Object.fromEntries(["square","pill"].flatMap((t=>l.flatMap((e=>u.map((n=>[`${t}_${e}_${n}`,{shape:t,size:e,color:n,..."square"===t?x[e]:b[e],...f[n]}]))))))),$=class{constructor(e){t(this,e)}name="square_sm_grey";label="";icon;isLeft=!0;get resolvedName(){if(!Object.prototype.hasOwnProperty.call(F,this.name))throw new Error(`Invalid sd-tag name: "${this.name}"`);return this.name}get resolvedConfig(){return F[this.resolvedName]}renderIcon(t,n){return this.icon?e("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 e("span",{key:"a52a06f79f448427ff3fe2a40c43d23a64e8ed62",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,e("span",{key:"8e737f385a32109ab58fe4da036dbf594079f217",class:"sd-tag__label"},this.label),this.icon&&!this.isLeft&&n)}};$.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{$ as sd_tag}

package/dist/design-system/p-cbda9194.entry.js

@@ -0,0 +1 @@
+import{r as t,c as e,a as s,h as i}from"./p-CLCoul8o.js";const n=4e3;let o=0;const r=class{constructor(s){t(this,s),this.toastShow=e(this,"sdToastShow",7),this.toastDismiss=e(this,"sdToastDismiss",7)}get el(){return s(this)}position="bottom-center";maxVisible=3;defaultDuration=n;zIndex=999;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(){void 0!==this.toasts&&0!==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??999).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,l=[1,.8,.6],m=e<l.length?l[e]:0;return a.push(`translateY(${n?-c:c}px) scale(${1-.05*e})`),{...h,opacity:m.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:"b734ca5768953e095f98a7f8312f6fdd7a24ae30",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,buttonLabel:t.options.buttonLabel,useClose:t.options.useClose,onSdClose:()=>this.startDismiss(t.id),onSdButtonClick:e=>t.options.onButtonClick?.(e.detail)}))})))}};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}

package/dist/design-system/{p-fe9cef6a.entry.js → p-cd8e4dd6.entry.js}

@@ -1 +1 @@
-import{r as d,c as e,h as i}from"./p-Cnwbjz1F.js";var r={fontWeight:"400",fontSize:"12",lineHeight:"20"},a={default:"#FFFFFF",disabled:"#E1E1E1",hover:"#D9EAFF"},o={default:"#AAAAAA",hover:"#0075FF",active:"#0075FF",disabled:"#CCCCCC"},s={default:"#0075FF",disabled:"#CCCCCC",size:"10"};const t="16",h="1",c="8",l=s.size,n={fontSize:r.fontSize,lineHeight:r.lineHeight,fontWeight:r.fontWeight},b={unchecked:{bg:a.default,bgHover:a.hover,border:o.default,borderHover:o.hover},checked:{border:o.active,dot:s.default},disabled:{bg:a.disabled,border:o.disabled,dot:s.disabled},label:{default:"#222222"}.default},g=class{constructor(i){d(this,i),this.update=e(this,"sdUpdate",7)}value;val;disabled=!1;label;update;valueChanged(d){this.value=d}get isSelected(){return String(this.val)===String(this.value)}get radioClasses(){const d=["sd-radio",this.isSelected?"sd-radio--checked":"sd-radio--unchecked"];return this.disabled&&d.push("sd-radio--disabled"),d.join(" ")}handleRadioChange=()=>{this.disabled||(this.value=this.val,this.update.emit(this.value))};render(){return i("label",{key:"2b809f1f3ce39e6dd2429cf1c48a935500287614",class:this.radioClasses,style:{"--sd-radio-size":`${t}px`,"--sd-radio-border-width":`${h}px`,"--sd-radio-gap":`${c}px`,"--sd-radio-dot-size":`${l}px`,"--sd-radio-font-size":`${n.fontSize}px`,"--sd-radio-line-height":`${n.lineHeight}px`,"--sd-radio-font-weight":n.fontWeight,"--sd-radio-unchecked-bg":b.unchecked.bg,"--sd-radio-unchecked-bg-hover":b.unchecked.bgHover,"--sd-radio-unchecked-border":b.unchecked.border,"--sd-radio-unchecked-border-hover":b.unchecked.borderHover,"--sd-radio-checked-border":b.checked.border,"--sd-radio-checked-dot":b.checked.dot,"--sd-radio-disabled-bg":b.disabled.bg,"--sd-radio-disabled-border":b.disabled.border,"--sd-radio-disabled-dot":b.disabled.dot,"--sd-radio-label-color":b.label},"aria-checked":this.isSelected?"true":"false","aria-disabled":this.disabled?"true":"false"},i("input",{key:"1f44ab44d741ef40152318ce6fd437bb091c3cfb",type:"radio",name:String(this.val),value:String(this.val),checked:this.isSelected,disabled:this.disabled,"aria-label":this.label||String(this.val),onInput:this.handleRadioChange}),i("span",{key:"941fddbb939a46afbe72c642d3b6f6f252f143f1",class:"sd-radio__circle"}),this.label&&i("span",{key:"e30139892e82b8da251525e3c717549a2b7522d0",class:"sd-radio__label"},this.label))}static get watchers(){return{value:[{valueChanged:0}]}}};g.style='sd-radio{display:inline-flex;width:fit-content;height:var(--sd-radio-line-height);line-height:0}sd-radio .sd-radio{cursor:pointer;display:inline-flex;align-items:center;gap:var(--sd-radio-gap);height:var(--sd-radio-line-height);max-height:var(--sd-radio-line-height)}sd-radio .sd-radio>input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}sd-radio .sd-radio>input:focus-visible+.sd-radio__circle{box-shadow:0 0 0 2px white, 0 0 0 4px var(--sd-radio-checked-border);outline:none}sd-radio .sd-radio__circle{position:relative;width:var(--sd-radio-size);height:var(--sd-radio-size);border-radius:50%;border:var(--sd-radio-border-width) solid var(--sd-radio-unchecked-border);box-sizing:border-box;background:var(--sd-radio-unchecked-bg);display:inline-flex;flex-shrink:0}sd-radio .sd-radio__label{font-size:var(--sd-radio-font-size);font-weight:var(--sd-radio-font-weight);color:var(--sd-radio-label-color);line-height:var(--sd-radio-line-height)}sd-radio .sd-radio:hover:not(.sd-radio--disabled) .sd-radio__circle{background:var(--sd-radio-unchecked-bg-hover);border-color:var(--sd-radio-unchecked-border-hover)}sd-radio .sd-radio--checked .sd-radio__circle{border-color:var(--sd-radio-checked-border)}sd-radio .sd-radio--checked .sd-radio__circle::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:var(--sd-radio-dot-size);height:var(--sd-radio-dot-size);border-radius:50%;background:var(--sd-radio-checked-dot)}sd-radio .sd-radio--disabled{cursor:not-allowed}sd-radio .sd-radio--disabled .sd-radio__circle{background:var(--sd-radio-disabled-bg);border-color:var(--sd-radio-disabled-border)}sd-radio .sd-radio--disabled.sd-radio--checked .sd-radio__circle::after{background:var(--sd-radio-disabled-dot)}';export{g as sd_radio}
+import{r as d,c as e,h as i}from"./p-CLCoul8o.js";var r={fontWeight:"400",fontSize:"12",lineHeight:"20"},a={default:"#FFFFFF",disabled:"#E1E1E1",hover:"#D9EAFF"},o={default:"#AAAAAA",hover:"#0075FF",active:"#0075FF",disabled:"#CCCCCC"},s={default:"#0075FF",disabled:"#CCCCCC",size:"10"};const t="16",c="1",h="8",l=s.size,n={fontSize:r.fontSize,lineHeight:r.lineHeight,fontWeight:r.fontWeight},b={unchecked:{bg:a.default,bgHover:a.hover,border:o.default,borderHover:o.hover},checked:{border:o.active,dot:s.default},disabled:{bg:a.disabled,border:o.disabled,dot:s.disabled},label:{default:"#222222"}.default},g=class{constructor(i){d(this,i),this.update=e(this,"sdUpdate",7)}value;val;disabled=!1;label;update;valueChanged(d){this.value=d}get isSelected(){return String(this.val)===String(this.value)}get radioClasses(){const d=["sd-radio",this.isSelected?"sd-radio--checked":"sd-radio--unchecked"];return this.disabled&&d.push("sd-radio--disabled"),d.join(" ")}handleRadioChange=()=>{this.disabled||(this.value=this.val,this.update.emit(this.value))};render(){return i("label",{key:"bbbca45f706514a12be434ba877de0bd0f82c944",class:this.radioClasses,style:{"--sd-radio-size":`${t}px`,"--sd-radio-border-width":`${c}px`,"--sd-radio-gap":`${h}px`,"--sd-radio-dot-size":`${l}px`,"--sd-radio-font-size":`${n.fontSize}px`,"--sd-radio-line-height":`${n.lineHeight}px`,"--sd-radio-font-weight":n.fontWeight,"--sd-radio-unchecked-bg":b.unchecked.bg,"--sd-radio-unchecked-bg-hover":b.unchecked.bgHover,"--sd-radio-unchecked-border":b.unchecked.border,"--sd-radio-unchecked-border-hover":b.unchecked.borderHover,"--sd-radio-checked-border":b.checked.border,"--sd-radio-checked-dot":b.checked.dot,"--sd-radio-disabled-bg":b.disabled.bg,"--sd-radio-disabled-border":b.disabled.border,"--sd-radio-disabled-dot":b.disabled.dot,"--sd-radio-label-color":b.label},"aria-checked":this.isSelected?"true":"false","aria-disabled":this.disabled?"true":"false"},i("input",{key:"e2cacd52037790cfe2d0eacacb975864858f73f8",type:"radio",name:String(this.val),value:String(this.val),checked:this.isSelected,disabled:this.disabled,"aria-label":this.label||String(this.val),onInput:this.handleRadioChange}),i("span",{key:"bfbfdcb93536cef9fecbf1cc3a5dc5c2adbf5dd0",class:"sd-radio__circle"}),this.label&&i("span",{key:"04c8d1e8de88bbb8d4041ebbbda00f58f8dc460c",class:"sd-radio__label"},this.label))}static get watchers(){return{value:[{valueChanged:0}]}}};g.style='sd-radio{display:inline-flex;width:fit-content;height:var(--sd-radio-line-height);line-height:0}sd-radio .sd-radio{cursor:pointer;display:inline-flex;align-items:center;gap:var(--sd-radio-gap);height:var(--sd-radio-line-height);max-height:var(--sd-radio-line-height)}sd-radio .sd-radio>input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}sd-radio .sd-radio>input:focus-visible+.sd-radio__circle{box-shadow:0 0 0 2px white, 0 0 0 4px var(--sd-radio-checked-border);outline:none}sd-radio .sd-radio__circle{position:relative;width:var(--sd-radio-size);height:var(--sd-radio-size);border-radius:50%;border:var(--sd-radio-border-width) solid var(--sd-radio-unchecked-border);box-sizing:border-box;background:var(--sd-radio-unchecked-bg);display:inline-flex;flex-shrink:0}sd-radio .sd-radio__label{font-size:var(--sd-radio-font-size);font-weight:var(--sd-radio-font-weight);color:var(--sd-radio-label-color);line-height:var(--sd-radio-line-height)}sd-radio .sd-radio:hover:not(.sd-radio--disabled) .sd-radio__circle{background:var(--sd-radio-unchecked-bg-hover);border-color:var(--sd-radio-unchecked-border-hover)}sd-radio .sd-radio--checked .sd-radio__circle{border-color:var(--sd-radio-checked-border)}sd-radio .sd-radio--checked .sd-radio__circle::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:var(--sd-radio-dot-size);height:var(--sd-radio-dot-size);border-radius:50%;background:var(--sd-radio-checked-dot)}sd-radio .sd-radio--disabled{cursor:not-allowed}sd-radio .sd-radio--disabled .sd-radio__circle{background:var(--sd-radio-disabled-bg);border-color:var(--sd-radio-disabled-border)}sd-radio .sd-radio--disabled.sd-radio--checked .sd-radio__circle::after{background:var(--sd-radio-disabled-dot)}';export{g as sd_radio}

package/dist/design-system/p-cf382479.entry.js

@@ -0,0 +1 @@
+import{r as t,c as e,h as d}from"./p-CLCoul8o.js";const s=class{constructor(d){t(this,d),this.click=e(this,"sdClick",7),this.mouseOver=e(this,"sdMouseOver",7)}date=null;disabled=!1;selected=!1;isStartDate=!1;isEndDate=!1;isToday=!1;inRange=!1;type="";click;mouseOver;handleClickDate(){this.disabled||void 0===this.date||""===this.date||0===this.date||"string"!=typeof this.date&&this.click?.emit(this.date)}handleHoverDate(){"string"!=typeof this.date&&this.mouseOver?.emit(this.date)}render(){return d("div",{key:"5d1e92d90bbb12e3baaf9deaeafb6777d0540106",role:"button",tabindex:this.disabled?-1:0,class:{"sd-date-box":!0,"sd-hoverable":!this.disabled||!this.selected||""===this.type,"sd-date-box--disabled":this.disabled,"sd-date-box--selected":this.selected,"sd-date-box--today":this.isToday,"sd-date-box--start-date":this.isStartDate,"sd-date-box--end-date":this.isEndDate,"sd-date-box--in-range":this.inRange,"sd-date-box--type-start":"start"===this.type,"sd-date-box--type-end":"end"===this.type},onClick:()=>this.handleClickDate(),onMouseOver:()=>this.handleHoverDate()},d("div",{key:"a35272c78379828e61151435157e2324938752b4",class:"sd-date-box__content"},d("div",{key:"21177c5b59e8a85b08275e4ce97f386f8af7f082",class:"sd-date-box__label"},this.date)))}};s.style='.sd-date-box.sc-sd-date-box{display:flex;align-items:center;justify-content:center;width:38px;height:36px;font-size:14px;position:relative;box-sizing:border-box;text-align:center;transition:background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);border-radius:14px}.sd-date-box.sc-sd-date-box .sd-date-box__content.sc-sd-date-box{width:28px;height:28px;border-radius:14px;position:relative}.sd-date-box.sc-sd-date-box .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box{position:relative;z-index:2;-webkit-user-select:none;user-select:none;line-height:28px}.sd-date-box.sd-date-box--disabled.sc-sd-date-box{color:#CCCCCC;cursor:default !important;pointer-events:none}.sd-date-box.sc-sd-date-box:not(.sd-date-box--disabled){color:#333333;cursor:pointer}.sd-date-box.sd-hoverable.sc-sd-date-box:hover .sd-date-box__content.sc-sd-date-box{background:#D9EAFF}.sd-date-box.sd-date-box--in-range.sc-sd-date-box:not(.sd-date-box--disabled) .sd-date-box__content.sc-sd-date-box::before{content:"";position:absolute;top:0;left:-5px;width:calc(100% + 10px);height:100%;background:#D9EAFF}.sd-date-box.sd-date-box--in-range.sd-date-box--type-start.sc-sd-date-box .sd-date-box__content.sc-sd-date-box::before{left:auto !important;width:19px !important;right:-5px}.sd-date-box.sd-date-box--in-range.sd-date-box--type-end.sc-sd-date-box .sd-date-box__content.sc-sd-date-box::before{width:19px !important}.sd-date-box.sd-date-box--in-range.sc-sd-date-box .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box{font-weight:500}.sd-date-box.sd-date-box--selected.sc-sd-date-box .sd-date-box__content.sc-sd-date-box::after,.sd-date-box.sd-date-box--type-start.sc-sd-date-box .sd-date-box__content.sc-sd-date-box::after,.sd-date-box.sd-date-box--type-end.sc-sd-date-box .sd-date-box__content.sc-sd-date-box::after{content:"";position:absolute;inset:0;background:#0075FF;border-radius:14px;z-index:1}.sd-date-box.sd-date-box--selected.sc-sd-date-box .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box,.sd-date-box.sd-date-box--type-start.sc-sd-date-box .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box,.sd-date-box.sd-date-box--type-end.sc-sd-date-box .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box{color:white;font-weight:700}.sd-date-box.sd-date-box--start-date.sd-date-box--end-date.sc-sd-date-box .sd-date-box__content.sc-sd-date-box::before{display:none !important}.sd-date-box.sd-date-box--today.sc-sd-date-box:not(.sd-date-box--selected) .sd-date-box__content.sc-sd-date-box::after{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:28px;height:28px;border:1px solid #E1E1E1 !important;border-radius:14px}';export{s as sd_date_box}

package/dist/design-system/p-d0de34fd.entry.js

@@ -0,0 +1 @@
+import{r as t,a as e,h as i,c as s,F as o}from"./p-CLCoul8o.js";import{T as d}from"./p-Dmf0PYdM.js";var n={sm:{height:"28",gap:"6",icon:"12",typography:{fontWeight:"700",fontSize:"12",lineHeight:"20"}},md:{height:"36",gap:"8",icon:"16",typography:{fontWeight:"700",fontSize:"14",lineHeight:"24"}}},a={gap:"6",paddingX:"12",typography:{fontWeight:"500",fontSize:"12",lineHeight:"20"},bg:"#F6F6F6",border:{default:"#AAAAAA",disabled:"#CCCCCC",width:"1"}};const l={start:"flex-start",center:"center",end:"flex-end"},r=n.sm,f=n.md,h={sm:{height:r.height,gap:r.gap,icon:r.icon,fontSize:r.typography.fontSize,lineHeight:r.typography.lineHeight,fontWeight:r.typography.fontWeight},md:{height:f.height,gap:f.gap,icon:f.icon,fontSize:f.typography.fontSize,lineHeight:f.typography.lineHeight,fontWeight:f.typography.fontWeight}},c=["sd-input","sd-barcode-input","sd-textarea","sd-number-input","sd-select","sd-file-picker","sd-date-picker","sd-date-range-picker"],p=class{constructor(e){t(this,e)}get el(){return e(this)}name="";rules=[];error=!1;disabled=!1;readonly=!1;hovered=!1;focused=!1;status;hint="";errorMessage="";width="";size="sm";label="";labelWidth="";addonLabel="";addonAlign="start";icon=void 0;labelTooltip="";labelTooltipProps=null;errorMsg="";hostElement=null;get value(){return this.hostElement?.value??null}get fieldStatus(){let t="";return this.disabled?(t="disabled",`sd-field--${t}`):this.readonly?(t="readonly",`sd-field--${t}`):this.focused?(t="focus",`sd-field--${t}`):(this.hovered&&(t="hover"),this.status&&(t=this.status),this.error&&(t="error"),t?`sd-field--${t}`:"")}componentDidLoad(){this.hostElement=this.findHostElement(),this.registerToForm()}disconnectedCallback(){this.unregisterFromForm()}findHostElement(){for(const t of c){const e=this.el.closest(t);if(e&&"value"in e)return e}return null}registerToForm(){const t=this.el.closest("sd-form");t&&"function"==typeof t.componentOnReady&&t.componentOnReady().then((t=>{t.sdRegisterField(this)}))}unregisterFromForm(){if(!this.name)return;const t=this.el.closest("sd-form");t?.componentOnReady().then((t=>{t.sdUnregisterField(this)}))}async sdValidate(){if(!this.rules||0===this.rules.length)return!0;for(const t of this.rules){const e=t(this.value??"");if(!0!==e)return this.setError(!0,e),!1}return this.setError(!1,""),!0}async sdReset(){this.hostElement&&(this.hostElement.value=null),this.setError(!1,"")}async sdResetValidation(){this.setError(!1,"")}async sdFocus(){this.hostElement?.focus?.(),this.hostElement?.scrollIntoView({behavior:"smooth",block:"center"})}setError(t,e){this.errorMsg=e,this.hostElement&&(this.hostElement.error=t)}render(){const t=this.addonLabel,e=this.size in h?this.size:"sm",s=h[e],o={"--sd-field-wrapper-height":`var(--sd-system-size-field-${e}-height)`,"--sd-field-control-radius":`var(--sd-system-radius-field-${e})`,"--sd-field-label-margin-right":`var(--sd-system-space-field-${e}-gap)`},d=this.label?{"--sd-field-label-height":`${s.height}px`,"--sd-field-label-gap":`${s.gap}px`,"--sd-field-label-font-size":`${s.fontSize}px`,"--sd-field-label-line-height":`${s.lineHeight}px`,"--sd-field-label-font-weight":s.fontWeight,...this.labelWidth?{"--sd-field-label-width":"number"==typeof this.labelWidth?`${this.labelWidth}px`:this.labelWidth}:{}}:{},n=t?{"--sd-field-addon-padding-x":`${a.paddingX}px`,"--sd-field-addon-font-size":`${a.typography.fontSize}px`,"--sd-field-addon-line-height":`${a.typography.lineHeight}px`,"--sd-field-addon-font-weight":a.typography.fontWeight,"--sd-field-addon-bg":a.bg,"--sd-field-addon-border-color":this.disabled?a.border.disabled:a.border.default,"--sd-field-addon-gap":`${a.gap}px`,"--sd-field-addon-border-width":`${a.border.width}px`,"--sd-field-addon-justify":l[this.addonAlign]??l.start,...this.labelWidth?{"--sd-field-addon-width":"number"==typeof this.labelWidth?`${this.labelWidth}px`:this.labelWidth}:{}}:{};return i("div",{key:"9004022e1e81f58b0399d2066e4286d082d805fa",class:{"sd-field":!0,"sd-field--has-label":!!this.label,"sd-field--has-addon":!!t,[this.fieldStatus]:!!this.fieldStatus},style:{...o,...d,...n}},i("div",{key:"9f34dfdb968d6d2024e10870bc393a54f2e76139",class:"sd-field__wrapper"},this.renderLabel(this.label),i("div",{key:"40a2c60d8fdba23e59685fa28312d664fed60a52",class:"sd-field__main",style:this.width?{width:"number"==typeof this.width?`${this.width}px`:this.width,flex:"none"}:{}},i("div",{key:"911ee729fc171e0f7eb6ab7587e2bdf57a68fc71",class:{"sd-field__control":!0,"sd-field__control--has-addon":!!t}},t&&i("div",{key:"b04c595ea75598724186b171d6a63292dbe1beb3",class:"sd-field__addon"},t),i("slot",{key:"961f60e8e0df25ba0e7340df219807fbfd4f23ae"})),this.errorMsg||this.errorMessage?i("div",{class:"sd-field__error-message"},this.errorMsg||this.errorMessage):this.hint&&i("div",{class:"sd-field__hint"},this.hint))))}renderLabel(t){return t?i("label",{class:"sd-field__label"},this.icon&&i("sd-icon",{name:this.icon.name,size:this.icon.size??Number(h[this.size in h?this.size:"sm"].icon),color:this.icon.color,rotate:this.icon.rotate,class:"sd-field__label__icon"}),i("div",{class:"sd-field__label__text"},t),this.labelTooltip&&i("sd-tooltip",{class:"sd-field__label__tooltip",...this.labelTooltipProps},this.labelTooltip)):null}};p.style="sd-field{display:inline-flex;flex-flow:column nowrap;height:fit-content;width:100%}sd-field .sd-field *:focus,sd-field .sd-field *:focus-visible,sd-field .sd-field *:focus-within{outline:none !important}sd-field .sd-field.sd-field--disabled{cursor:not-allowed}sd-field .sd-field.sd-field--disabled .sd-field__wrapper{cursor:not-allowed !important}sd-field .sd-field.sd-field--disabled .sd-field__wrapper .sd-field__label-inside{border-color:#CCCCCC;color:#888888;cursor:not-allowed !important}sd-field .sd-field.sd-field--disabled .sd-field__wrapper .sd-field__control{background-color:#E1E1E1;border-color:#CCCCCC;color:#888888;cursor:not-allowed !important}sd-field .sd-field.sd-field--readonly .sd-field__wrapper .sd-field__control{background-color:var(--sd-system-color-field-bg-read-only);color:var(--sd-system-color-field-text-read-only)}sd-field .sd-field--has-label .sd-field__wrapper .sd-field__label{display:flex;align-items:center;flex-shrink:0;width:var(--sd-field-label-width, auto);height:var(--sd-field-label-height);margin-right:var(--sd-field-label-margin-right)}sd-field .sd-field--has-label .sd-field__wrapper .sd-field__label__icon{margin-right:var(--sd-field-label-gap);flex-shrink:0}sd-field .sd-field--has-label .sd-field__wrapper .sd-field__label__text{font-size:var(--sd-field-label-font-size);line-height:var(--sd-field-label-line-height);font-weight:var(--sd-field-label-font-weight);color:var(--sd-system-color-field-text-default);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}sd-field .sd-field--has-label .sd-field__wrapper .sd-field__label__tooltip{margin-left:var(--sd-field-label-gap);flex-shrink:0}sd-field .sd-field--has-addon .sd-field__control .sd-field__addon{display:flex;gap:var(--sd-field-addon-gap);align-items:center;justify-content:var(--sd-field-addon-justify, flex-start);white-space:nowrap;box-sizing:border-box;flex-shrink:0;width:var(--sd-field-addon-width, auto);padding:0 var(--sd-field-addon-padding-x);font-size:var(--sd-field-addon-font-size);line-height:var(--sd-field-addon-line-height);font-weight:var(--sd-field-addon-font-weight);background:var(--sd-field-addon-bg);border-right:var(--sd-field-addon-border-width) solid var(--sd-field-addon-border-color);border-radius:calc(var(--sd-field-control-radius) - 1px) 0 0 calc(var(--sd-field-control-radius) - 1px)}sd-field .sd-field__wrapper{width:100%;display:flex;align-items:flex-start;flex-flow:row nowrap;position:relative;color:var(--sd-system-color-field-text-default);-webkit-user-select:none;user-select:none}sd-field .sd-field__wrapper .sd-field__main{flex:1;min-width:0;display:flex;flex-direction:column}sd-field .sd-field__wrapper .sd-field__control{position:relative;height:var(--sd-field-wrapper-height);display:flex;min-width:0;border:1px solid var(--sd-system-color-field-border-default);border-radius:var(--sd-field-control-radius);background:var(--sd-system-color-field-bg-default)}sd-field .sd-field--error .sd-field__wrapper .sd-field__control:not(:hover){border:1px solid var(--sd-system-color-field-border-danger) !important}sd-field .sd-field.sd-field--pass .sd-field__wrapper .sd-field__control{border:1px solid var(--sd-system-color-field-border-success) !important}sd-field .sd-field:not(.sd-field--disabled):not(.sd-field--readonly) .sd-field__wrapper .sd-field__control:hover{border:1px solid var(--sd-system-color-field-border-focus) !important;box-shadow:0px 0px 4px 0px rgba(0, 113, 255, 0.4)}sd-field .sd-field.sd-field--focus:not(.sd-field--readonly) .sd-field__wrapper .sd-field__control{border:1px solid var(--sd-system-color-field-border-focus) !important;box-shadow:0px 0px 4px 0px rgba(0, 113, 255, 0.4)}sd-field .sd-field .sd-field__error-message{color:var(--sd-textinput-textinput-text-error-message);font-size:var(--sd-textinput-textinput-error-message-typography-font-size);line-height:var(--sd-textinput-textinput-error-message-typography-line-height);margin-top:var(--sd-textinput-textinput-contents-gap)}sd-field .sd-field .sd-field__hint{color:var(--sd-textinput-textinput-text-hint);font-size:var(--sd-textinput-textinput-hint-typography-font-size);line-height:var(--sd-textinput-textinput-hint-typography-line-height);margin-top:var(--sd-textinput-textinput-contents-gap)}";const g=class{constructor(e){t(this,e),this.close=s(this,"sdClose",7)}get el(){return e(this)}to="body";parentRef=null;offset=[0,0];zIndex=998;placement="bottom";open=!1;close;container;wrapper;rafId;isInsideClick=!1;resizeObserver;mutationObserver;static ARROW_SIZE=11.2;componentDidLoad(){this.container=this.resolveContainer(),this.createWrapper(),this.moveSlotContent(),requestAnimationFrame((()=>{this.updatePosition(),this.wrapper&&(this.wrapper.style.visibility="visible")})),this.observeParent()}componentDidRender(){this.wrapper&&(this.open?(this.wrapper.style.display="block",requestAnimationFrame((()=>{this.updatePosition(),this.wrapper&&(this.wrapper.style.visibility="visible")}))):(this.wrapper.style.display="none",this.wrapper.style.visibility="hidden"))}disconnectedCallback(){this.rafId&&cancelAnimationFrame(this.rafId),this.unobserveParent(),this.wrapper?.remove()}resolveContainer(){const t="string"==typeof this.to?document.querySelector(this.to):this.to;return t instanceof HTMLElement?t:document.body}createWrapper(){this.wrapper=document.createElement("div"),Object.assign(this.wrapper.style,{position:"absolute",zIndex:(this.zIndex??998).toString(),transition:"opacity 0.4s",top:"-9999px",left:"-9999px"}),this.container.appendChild(this.wrapper)}moveSlotContent(){this.wrapper&&Array.from(this.el.childNodes).filter((t=>t.nodeType!==Node.COMMENT_NODE)).forEach((t=>this.wrapper.appendChild(t)))}updatePosition(){this.rafId&&cancelAnimationFrame(this.rafId),this.rafId=requestAnimationFrame((()=>{if(!this.parentRef||!this.wrapper)return;const t=this.parentRef.getBoundingClientRect();if(!t.width&&!t.height)return;const[e,i]=this.offset??[0,0],s=g.ARROW_SIZE;let o=0,d=0;switch(this.placement??"bottom"){case"top":o=t.top+window.scrollY-this.wrapper.offsetHeight+i-s,d=t.left+window.scrollX+t.width/2-this.wrapper.offsetWidth/2+e;break;case"bottom":o=t.bottom+window.scrollY+i+s,d=t.left+window.scrollX+t.width/2-this.wrapper.offsetWidth/2+e;break;case"left":o=t.top+window.scrollY+t.height/2-this.wrapper.offsetHeight/2+i,d=t.left+window.scrollX-this.wrapper.offsetWidth-e-s;break;case"right":o=t.top+window.scrollY+t.height/2-this.wrapper.offsetHeight/2+i,d=t.right+window.scrollX+e+s}Object.assign(this.wrapper.style,{top:`${o}px`,left:`${d}px`})}))}observeParent(){this.parentRef&&(this.resizeObserver=new ResizeObserver((()=>this.updatePosition())),this.resizeObserver.observe(this.parentRef),this.mutationObserver=new MutationObserver((()=>this.updatePosition())),this.mutationObserver.observe(document.body,{childList:!0,subtree:!0}))}unobserveParent(){this.resizeObserver?.disconnect(),this.mutationObserver?.disconnect()}handleMouseDown(t){this.isInsideClick=!!(this.wrapper&&this.wrapper.contains(t.target)||this.parentRef&&this.parentRef.contains(t.target))}handleWindowClick(t){this.isInsideClick?this.isInsideClick=!1:this.wrapper?.contains(t.target)||this.close.emit()}handleKeydown(t){"Escape"===t.key&&this.close.emit()}render(){return i("slot",{key:"e41cc4519a12b3fc93ef57e7a00381f3a463fc62"})}};g.style=".sd-floating-menu{width:fit-content;padding:12px 16px;border-radius:6px;font-size:12px;font-weight:500;line-height:20px;position:relative;box-sizing:border-box;background:var(--sd-floating-bg, #07284A);color:var(--sd-floating-content, #FFFFFF);animation:sd-floating-fade-in 0.35s ease-out}.sd-floating-menu--top{animation-name:sd-floating-slide-top}.sd-floating-menu--bottom{animation-name:sd-floating-slide-bottom}.sd-floating-menu--left{animation-name:sd-floating-slide-left}.sd-floating-menu--right{animation-name:sd-floating-slide-right}.sd-floating-menu .sd-floating-menu__arrow{color:var(--sd-floating-bg, #07284A)}.sd-floating-menu--default{background:var(--sd-floating-bg, #07284A);color:var(--sd-floating-content, #FFFFFF);font-weight:500}.sd-floating-menu--default .sd-floating-menu__arrow{color:var(--sd-floating-bg, #07284A)}.sd-floating-menu--danger{background:var(--sd-floating-bg, #FCE6E6);color:var(--sd-floating-content, #FB4444);font-weight:700}.sd-floating-menu--danger .sd-floating-menu__arrow{color:var(--sd-floating-bg, #FCE6E6)}.sd-floating-menu--warning{background:var(--sd-floating-bg, #FEF1EA);color:var(--sd-floating-content, #FF6B00);font-weight:700}.sd-floating-menu--warning .sd-floating-menu__arrow{color:var(--sd-floating-bg, #FEF1EA)}.sd-floating-menu--accent{background:var(--sd-floating-bg, #E6F1FF);color:var(--sd-floating-content, #0075FF);font-weight:700}.sd-floating-menu--accent .sd-floating-menu__arrow{color:var(--sd-floating-bg, #E6F1FF)}.sd-floating-menu__arrow{position:absolute;display:flex;width:16px;height:12px}.sd-floating-menu__arrow svg{width:100%;height:100%}.sd-floating-menu__arrow--top{bottom:-12px;left:50%;transform:translateX(-50%)}.sd-floating-menu__arrow--bottom{top:-12px;left:50%;transform:translateX(-50%) rotate(180deg)}.sd-floating-menu__arrow--left{right:-12px;top:50%;transform:translateY(-50%) rotate(-90deg)}.sd-floating-menu__arrow--right{left:-12px;top:50%;transform:translateY(-50%) rotate(90deg)}.sd-floating-menu__content{font-size:12px;line-height:20px}.sd-floating-menu__content .sd-floating-menu__title{font-size:14px;font-weight:700;line-height:24px;margin-bottom:4px}.sd-floating-menu__content .sd-floating-menu__messages{font-weight:500}.sd-floating-menu__content .sd-floating-menu__buttons{margin-top:12px;display:flex;gap:8px;align-items:center;justify-content:flex-end}.sd-floating-menu__content .sd-floating-menu__buttons--with-link{justify-content:space-between}.sd-floating-menu--popover{padding:16px 20px}.sd-floating-menu--popover .sd-floating-menu__content{gap:4px}.sd-floating-menu--popover .sd-floating-menu__title{font-size:14px;font-weight:700;line-height:24px}.sd-floating-menu--popover .sd-floating-menu__messages{font-size:12px;font-weight:500;line-height:20px}.sd-floating-menu--closing{animation:sd-floating-fade-out 0.15s ease-in forwards}.sd-floating-menu--closing.sd-floating-menu--top{animation-name:sd-floating-slide-out-top}.sd-floating-menu--closing.sd-floating-menu--bottom{animation-name:sd-floating-slide-out-bottom}.sd-floating-menu--closing.sd-floating-menu--left{animation-name:sd-floating-slide-out-left}.sd-floating-menu--closing.sd-floating-menu--right{animation-name:sd-floating-slide-out-right}.sd-floating-menu__close-button{position:absolute;top:12px;right:12px}@keyframes sd-floating-fade-out{from{opacity:1}to{opacity:0}}@keyframes sd-floating-slide-out-top{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(4px)}}@keyframes sd-floating-slide-out-bottom{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}@keyframes sd-floating-slide-out-left{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(4px)}}@keyframes sd-floating-slide-out-right{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-4px)}}@keyframes sd-floating-fade-in{from{opacity:0}to{opacity:1}}@keyframes sd-floating-slide-top{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes sd-floating-slide-bottom{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes sd-floating-slide-left{from{opacity:0;transform:translateX(4px)}to{opacity:1;transform:translateX(0)}}@keyframes sd-floating-slide-right{from{opacity:0;transform:translateX(-4px)}to{opacity:1;transform:translateX(0)}}";var m={bg:"#07284A",content:"#FFFFFF"},u={bg:"#FCEFEF",content:"#FB4444"},b={bg:"#FEF1EA",content:"#FF6B00"},_={bg:"#E6F1FF",content:"#0075FF"};const x={default:{bg:m.bg,content:m.content},danger:{bg:u.bg,content:u.content},warning:{bg:b.bg,content:b.content},accent:{bg:_.bg,content:_.content}},y=class{constructor(e){t(this,e)}get el(){return e(this)}trigger="hover";placement="top";color="#01BB4B";tooltipType="default";icon="helpOutline";iconSize=12;label="";name="primary_sm";rightIcon;ariaLabel="";disabled=!1;type="button";sdClass="";showTooltip=!1;slotContentHTML="";buttonEl;menuEl;hideTimeout;closeTimeout;static CLOSE_ANIM_MS=150;show=()=>{this.cancelHideTimer(),this.showTooltip=!0,this.menuEl&&this.menuEl.classList.remove("sd-floating-menu--closing")};hide=()=>{this.menuEl&&this.menuEl.classList.add("sd-floating-menu--closing"),this.closeTimeout=setTimeout((()=>{this.showTooltip=!1}),y.CLOSE_ANIM_MS)};startHideTimer=()=>{this.hideTimeout=setTimeout((()=>this.hide()),100)};cancelHideTimer=()=>{this.hideTimeout&&(clearTimeout(this.hideTimeout),this.hideTimeout=void 0),this.closeTimeout&&(clearTimeout(this.closeTimeout),this.closeTimeout=void 0)};get tooltipOffset(){switch(this.placement??"top"){case"top":return[0,-4];case"bottom":return[0,4];case"left":case"right":return[4,0]}}handleClose=()=>this.hide();componentWillLoad(){this.slotContentHTML=this.el.innerHTML,this.el.replaceChildren(),this.el.classList.toggle("visible",!0)}render(){const t=this.trigger??"hover",e=this.placement??"top",s=this.tooltipType??"default",n=this.icon??"helpOutline",a=this.color??"#01BB4B",l=x[s]??x.default,r=()=>this.showTooltip=!this.showTooltip,f=void 0!==this.label&&""!==this.label;return i(o,{key:"09f5966903bddf016cf6c2b32d3514f312fd1c99"},i("div",{key:"eef176cc0df93e5aaa272ccf18f137c23db767fd",class:`sd-tooltip-trigger ${void 0!==this.sdClass&&""!==this.sdClass?this.sdClass:""}`,..."hover"===t?{onMouseEnter:()=>this.show(),onMouseLeave:()=>this.startHideTimer()}:f?{}:{onClick:r}},f?i("sd-button",{ref:t=>this.buttonEl=t,name:this.name??"primary_sm",label:this.label,icon:n,rightIcon:this.rightIcon,ariaLabel:this.ariaLabel,disabled:this.disabled,type:this.type??"button",class:"sd-tooltip",..."click"===t&&f?{onSdClick:r}:{}}):i("sd-icon",{ref:t=>this.buttonEl=t,name:n,size:this.iconSize??12,color:a,class:"sd-tooltip"})),this.showTooltip&&i("sd-floating-portal",{key:"1d5d14826c26e843ed3ddedca9f1a9369009477c",parentRef:this.buttonEl,onSdClose:this.handleClose,placement:e,offset:this.tooltipOffset},i("div",{key:"b9ebcdb8f0798cb6c9ad0997caca6d0d20c3ece5",ref:t=>this.menuEl=t,class:{"sd-floating-menu":!0,[`sd-floating-menu--${s}`]:!0,[`sd-floating-menu--${e}`]:!0},style:{"--sd-floating-bg":l.bg,"--sd-floating-content":l.content},onMouseEnter:()=>this.show(),onMouseLeave:()=>this.startHideTimer()},i("i",{key:"d3b68903dd12cdfe330e5f27cd4f5261ef3b1121",class:`sd-floating-menu__arrow sd-floating-menu__arrow--${e}`},i(d,{key:"5228831f5660a1f4844550778fc98d707949a893"})),i("div",{key:"dfb78d2189d6e4d1301e95c7ab6976e173f48cdc",class:"sd-floating-menu__content",innerHTML:this.slotContentHTML}))))}};y.style="sd-tooltip{visibility:hidden !important;display:inline-flex}sd-tooltip.visible{visibility:visible !important}sd-tooltip .sd-tooltip-trigger{display:inline-flex;position:relative;cursor:pointer;align-items:center;justify-content:center}";export{p as sd_field,g as sd_floating_portal,y as sd_tooltip}

package/dist/design-system/p-d78fbe16.entry.js

@@ -0,0 +1 @@
+import{r as t,c as s,h as e}from"./p-CLCoul8o.js";var a={bg:"#07284A",content:"#FFFFFF"},o={bg:"#FB4444",content:"#FFFFFF"},n={bg:"#FFC700",content:"#222222"},i={bg:"#00973C",content:"#FFFFFF"},d={bg:"#005CC9",content:"#FFFFFF"},c={bg:"#E6F1FF",icon:"#0075FF",text:"#222222",textLink:"#555555"};const l={default:"secondary_sm",danger:"danger_outline_sm",caution:"neutral_outline_sm",complete:"neutral_outline_sm",accent:"neutral_outline_sm",info:"secondary_sm"},r={default:{bg:a.bg,content:a.content},danger:{bg:o.bg,content:o.content},caution:{bg:n.bg,content:n.content},complete:{bg:i.bg,content:i.content},accent:{bg:d.bg,content:d.content},info:{bg:c.bg,content:c.text,icon:c.icon,linkColor:c.textLink}},b={iconSize:"16"},f=class{constructor(e){t(this,e),this.close=s(this,"sdClose",7),this.buttonClick=s(this,"sdButtonClick",7)}icon;message;link;linkLabel;buttonLabel;useClose=!1;type="default";close;buttonClick;render(){const t=r[this.type]??r.default,s=Number(b.iconSize),a=t.icon??t.content,o=t.linkColor??t.content,n=["default","caution","info"].includes(this.type),i=l[this.type]??l.default;return e("div",{key:"26f82a1da683136f605ddcc5c6c6a45266ae3158",style:{"--sd-toast-bg":t.bg,"--sd-toast-text":t.content,"--sd-toast-icon":a,"--sd-toast-link":o}},e("div",{key:"d2ed3c831b86e2ddee804f8ce770642ea698f7ce",class:"sd-toast",role:"status","aria-live":"polite","aria-atomic":"true"},this.icon&&e("div",{key:"a6dba347a064420c2747963da35ad0d50406f426",class:"sd-toast__icon"},e("sd-icon",{key:"a05871f3711ae89050f11bdeb92d27b6c06354ba",name:this.icon,size:s,color:a})),e("div",{key:"11901cf0531ac2b658d2278ba27021f9714340d7",class:"sd-toast__content"},e("span",{key:"5edf234270283818732a5dbfaf581a27c8c084e6",class:"sd-toast__message"},this.message)),this.link&&e("a",{key:"518207a380b2d30c160a2a76649222655ec821cf",href:this.link,class:"sd-toast__link",target:"_blank",rel:"noopener noreferrer"},this.linkLabel||this.link),this.buttonLabel&&e("sd-button",{key:"ed4847317cc9e0765a5964ab7ed245a37dce45ee",class:"sd-toast__button",name:i,label:this.buttonLabel,onSdClick:t=>this.buttonClick.emit(t.detail)}),this.useClose&&e("sd-ghost-button",{key:"74a8f5d6c2392bdb7c59d754d72ed591fa68bf62",class:"sd-toast__close",icon:"close",intent:n?"default":"inverse",ariaLabel:"close",size:"xs",onClick:()=>this.close.emit()})))}};f.style="sd-toast{display:block;width:fit-content;height:fit-content}sd-toast .sd-toast{display:flex;width:fit-content;align-items:center;gap:var(--sd-toast-gap, 16px);padding:var(--sd-toast-padding-y, 12px) var(--sd-toast-padding-x, 24px);border-radius:var(--sd-toast-radius, 8px);background-color:var(--sd-toast-bg);color:var(--sd-toast-text);box-shadow:2px 2px 8px 2px rgba(0, 0, 0, 0.2)}sd-toast .sd-toast__icon{display:flex;align-items:center;flex-shrink:0}sd-toast .sd-toast__content{display:flex;flex:1}sd-toast .sd-toast__message{font-size:14px;line-height:24px;font-weight:500;white-space:nowrap}sd-toast .sd-toast__link{font-size:14px;line-height:24px;font-weight:700;color:var(--sd-toast-link, var(--sd-toast-text));text-decoration:underline;cursor:pointer;transition:opacity 0.2s ease;margin-left:4px;white-space:nowrap}sd-toast .sd-toast__link:hover{opacity:0.8}sd-toast .sd-toast__button{flex-shrink:0}sd-toast .sd-toast__close{flex-shrink:0}";export{f as sd_toast}

package/dist/design-system/p-e1c0a3c9.entry.js

@@ -0,0 +1 @@
+import{r as a,c as o,a as d,h as e,H as s}from"./p-CLCoul8o.js";import{m as i}from"./p-DOXMJi-V.js";const t={positive:"primary_md",negative:"danger_md",default:"neutral_outline_md"},l={positive:"notificationOutline",negative:"warningOutline",default:null},n={positive:i.modal.confirm.positive.icon,negative:i.modal.confirm.negative.icon,default:""},m=Number(i.modal.confirm.title.icon),r=class{constructor(d){a(this,d),this.close=o(this,"sdClose",7),this.cancel=o(this,"sdCancel",7),this.ok=o(this,"sdOk",7)}get el(){return d(this)}hasSlottedContent=!1;customContentRef;slotObserver;type="positive";modalTitle="";titleClass="";topMessage=[];bottomMessage=[];mainButtonName;mainButtonLabel="확인";subButtonLabel="";tagPreset="square_sm_grey";tagLabel="";slotLabel="";tagContents;close;cancel;ok;componentWillLoad(){this.syncHasSlottedContent()}componentDidLoad(){"undefined"!=typeof MutationObserver&&(this.slotObserver=new MutationObserver((()=>this.syncHasSlottedContent())),this.slotObserver.observe(this.el,{childList:!0,characterData:!0}))}componentDidRender(){this.customContentRef&&this.tagContents instanceof HTMLElement&&("function"==typeof this.customContentRef.replaceChildren?this.customContentRef.replaceChildren(this.tagContents):(this.customContentRef.innerHTML="",this.customContentRef.appendChild(this.tagContents)))}disconnectedCallback(){this.slotObserver?.disconnect()}get resolvedType(){return this.type??"positive"}get resolvedMainButton(){return this.mainButtonName??t[this.resolvedType]}get hasTagContent(){return void 0!==this.tagLabel&&""!==this.tagLabel||void 0!==this.slotLabel&&""!==this.slotLabel}get showContentBox(){return null!=this.tagContents||this.hasTagContent||this.hasSlottedContent}syncHasSlottedContent(){const a=Array.from(this.el.childNodes).some((a=>!(a.nodeType===Node.ELEMENT_NODE&&a.classList.contains("sd-confirm-modal"))&&(a.nodeType===Node.ELEMENT_NODE||a.nodeType===Node.TEXT_NODE&&a.textContent?.trim())));a!==this.hasSlottedContent&&(this.hasSlottedContent=a)}render(){const a=this.resolvedType,o=l[a],d=n[a];return e("div",{key:"234455d93cbf02e5e70f78803914a8d91fbc4506",class:"sd-confirm-modal"},e("sd-ghost-button",{key:"298f5279400b19159a8c08d2c739ab27cf88811c",class:"sd-confirm-modal__close-button",icon:"close",ariaLabel:"close",onClick:()=>this.close.emit()}),o&&e("sd-icon",{key:"41d01e92ff59cea05a367797ebde71cd13baed1f",class:"sd-confirm-modal__icon",name:o,size:m,color:d}),e("h2",{key:"d6b65e3a858a96f628602101adaaee2b62727df4",class:`sd-confirm-modal__title ${this.titleClass??""}`},this.modalTitle),e("div",{key:"ed708bffc95467faabf70a9c2beec46fc1ba090c",class:"sd-confirm-modal__body"},(this.topMessage??[]).length>0&&e("div",{key:"e7a996bef926fa3741ed9f2ecc930a6961f4c6e4",class:"sd-confirm-modal__message"},(this.topMessage??[]).map((a=>e("p",{class:"sd-confirm-modal__message-text",innerHTML:a})))),this.showContentBox&&e("div",{key:"b4ab9cc0cf91166d4e34a7b4726d62c3463a9766",class:"sd-confirm-modal__content-box"},this.tagContents?e("div",{class:"sd-confirm-modal__custom-content",ref:a=>{this.customContentRef=a}}):e("slot",{onSlotchange:()=>this.syncHasSlottedContent()},this.tagLabel&&e("sd-tag",{name:this.tagPreset??"square_sm_grey",label:this.tagLabel}),this.slotLabel&&e("span",{class:"sd-confirm-modal__slot-label"},this.slotLabel))),(this.bottomMessage??[]).length>0&&e("div",{key:"1dd63a93ecd0eae9ecfb61a3b98f1e6d1ac2b4b3",class:"sd-confirm-modal__message"},(this.bottomMessage??[]).map((a=>e("p",{class:"sd-confirm-modal__message-text",innerHTML:a}))))),e("div",{key:"e22a5fc951054808bc70962e104eb3951b65ca61",class:"sd-confirm-modal__button"},this.subButtonLabel&&e("sd-button",{key:"c1f23f043eead651e71943c7e76585b9b7fe964a",name:"neutral_outline_md",label:this.subButtonLabel,onSdClick:()=>this.cancel.emit()}),e("sd-button",{key:"63952e8b1c2d912fed6489760c97a787eaf2a90d",name:this.resolvedMainButton,label:this.mainButtonLabel??"확인",onSdClick:()=>this.ok.emit()})))}};r.style="sd-confirm-modal{display:block;width:fit-content;min-width:520px}sd-confirm-modal .sd-confirm-modal{position:relative;padding:var(--sd-modal-modal-confirm-padding-y) var(--sd-modal-modal-confirm-padding-x);border-radius:var(--sd-modal-modal-radius);box-shadow:4px 4px 24px 4px rgba(0, 0, 0, 0.2);background:var(--sd-modal-modal-bg)}sd-confirm-modal .sd-confirm-modal__close-button{position:absolute;top:12px;right:12px}sd-confirm-modal .sd-confirm-modal__icon{display:block;width:var(--sd-modal-modal-confirm-title-icon);height:var(--sd-modal-modal-confirm-title-icon);margin:0 auto var(--sd-modal-modal-confirm-title-gap) auto}sd-confirm-modal .sd-confirm-modal__title{color:var(--sd-modal-modal-confirm-title-color);font-size:var(--sd-modal-modal-confirm-title-typography-font-size);font-weight:var(--sd-modal-modal-confirm-title-typography-font-weight);line-height:var(--sd-modal-modal-confirm-title-typography-line-height);text-align:center;margin:0 0 var(--sd-modal-modal-confirm-body-gap) 0}sd-confirm-modal .sd-confirm-modal__body{display:flex;flex-direction:column;gap:var(--sd-modal-modal-confirm-body-gap)}sd-confirm-modal .sd-confirm-modal__message-text{color:var(--sd-modal-modal-confirm-message-color);font-size:12px;font-weight:400;line-height:20px;text-align:center;margin:0}sd-confirm-modal .sd-confirm-modal__content-box{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:1px solid #e1e1e1;border-radius:8px;background:white}sd-confirm-modal .sd-confirm-modal__slot-label{font-size:14px;font-weight:700;line-height:22px;color:var(--sd-modal-modal-confirm-message-color)}sd-confirm-modal .sd-confirm-modal__button{display:flex;justify-content:center;gap:var(--sd-modal-modal-confirm-button-gap);margin-top:40px}";const c={minWidth:Number(i.modal.loading.width),minHeight:Number(i.modal.loading.height),gap:Number(i.modal.loading.gap),contentSize:Number(i.modal.loading.content),radius:Number(i.modal.radius)},g={bg:i.modal.bg,messageColor:i.modal.loading.message.color,errorIcon:i.modal.confirm.negative.icon},h=i.modal.loading.message.typography.fontFamily,f=Number(i.modal.loading.message.typography.fontSize),b=Number(i.modal.loading.message.typography.fontWeight),p=Number(i.modal.loading.message.typography.lineHeight),u={loading:"작업을 진행하고 있습니다. 잠시만 기다려 주세요.",error:"작업에 실패하였습니다. 다시 시도해 주세요."},_={loading:"작업 취소",error:"다시 시도"},v=class{constructor(d){a(this,d),this.click=o(this,"sdClick",7)}state="loading";message="";useButton=!1;buttonLabel="";width;height;click;get resolvedState(){return this.state??"loading"}get resolvedMessage(){return this.message||u[this.resolvedState]}get resolvedButtonLabel(){return this.buttonLabel||_[this.resolvedState]}handleClick=()=>{this.click.emit()};toCssSize(a){if(null!=a&&""!==a)return"number"==typeof a?`${a}px`:a}render(){const a={"--sd-loading-modal-min-width":`${c.minWidth}px`,"--sd-loading-modal-min-height":`${c.minHeight}px`,"--sd-loading-modal-gap":`${c.gap}px`,"--sd-loading-modal-content-size":`${c.contentSize}px`,"--sd-loading-modal-radius":`${c.radius}px`,"--sd-loading-modal-bg":g.bg,"--sd-loading-modal-message-color":g.messageColor,"--sd-loading-modal-message-font-family":h,"--sd-loading-modal-message-font-size":`${f}px`,"--sd-loading-modal-message-font-weight":`${b}`,"--sd-loading-modal-message-line-height":`${p}px`,"--sd-loading-modal-error-color":g.errorIcon,"--sd-loading-modal-width":this.toCssSize(this.width)??`${c.minWidth}px`,"--sd-loading-modal-height":this.toCssSize(this.height)??`${c.minHeight}px`};return e(s,{key:"a653095ef804a24fbc3c4a0e65d22971b537a9bf",style:a},e("div",{key:"38a1a83501a707de8a431b38cd3e5525565fca5d",class:"sd-loading-modal"},e("div",{key:"81ddeebfffa70bcc84fc3b2a02fb3d70441645c4",class:"sd-loading-modal__content"},"loading"===this.resolvedState?e("sd-circle-progress",{indeterminate:!0}):e("sd-icon",{class:"sd-loading-modal__icon",name:"warningOutline",size:c.contentSize,color:g.errorIcon})),e("div",{key:"db87e7d46fcc6bfd07ce4191819e5e28051489b7",class:"sd-loading-modal__message-wrapper"},Array.isArray(this.resolvedMessage)?this.resolvedMessage.map((a=>e("p",{class:"sd-loading-modal__message"},a))):e("p",{class:"sd-loading-modal__message"},this.resolvedMessage)),this.useButton&&e("div",{key:"20134aca743319ea4e03e1b8a0359b92a3bdb0af",class:"sd-loading-modal__button"},e("sd-button",{key:"c6951624f69519d712bfdd619fd6b22216ecad87",name:"neutral_outline_sm",label:this.resolvedButtonLabel,onSdClick:this.handleClick}))))}};v.style="sd-loading-modal{display:inline-block}sd-loading-modal .sd-loading-modal{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sd-loading-modal-gap);min-width:var(--sd-loading-modal-min-width);min-height:var(--sd-loading-modal-min-height);width:var(--sd-loading-modal-width, auto);height:var(--sd-loading-modal-height, auto);border-radius:var(--sd-loading-modal-radius);background:var(--sd-loading-modal-bg);box-shadow:4px 4px 24px 4px rgba(0, 0, 0, 0.2)}sd-loading-modal .sd-loading-modal__content{display:flex;align-items:center;justify-content:center;width:var(--sd-loading-modal-content-size);height:var(--sd-loading-modal-content-size)}sd-loading-modal .sd-loading-modal__message{margin:0;color:var(--sd-loading-modal-message-color);font-family:var(--sd-loading-modal-message-font-family);font-size:var(--sd-loading-modal-message-font-size);font-weight:var(--sd-loading-modal-message-font-weight);line-height:var(--sd-loading-modal-message-line-height);text-align:center}sd-loading-modal .sd-loading-modal__button{display:flex;justify-content:center}";export{r as sd_confirm_modal,v as sd_loading_modal}

package/dist/design-system/{p-797517b5.entry.js → p-f3cfff78.entry.js}

@@ -1 +1 @@
-import{r as t,a as s,h as i}from"./p-Cnwbjz1F.js";import{u as a,r as e,s as o,i as n,a as d}from"./p-DRVnqiWc.js";let l=0;const r=class{constructor(s){t(this,s)}get el(){return s(this)}autoRemove=!1;entries=[];layerRefs=new Map;async open(t,s){const i="modal-"+ ++l,a=this.createConfirmModal(i,t);return this.attachModalEventListeners(i,a),this.mountEntry({id:i,modalEl:a,modalRef:s,persistent:!!t.persistent,closing:!1,backdropVisible:!1}),i}async openLoading(t,s){const i="modal-"+ ++l,a=this.createLoadingModal(i,t);return this.attachLoadingModalEventListeners(i,a),this.mountEntry({id:i,modalEl:a,modalRef:s,persistent:!!t.persistent,closing:!1,backdropVisible:!1}),i}async createCustom(t,s,i){const a="modal-"+ ++l;return t.setAttribute("data-modal-id",a),t.classList.add("sd-modal-container__modal"),this.attachModalEventListeners(a,t),this.mountEntry({id:a,modalEl:t,modalRef:i,persistent:!!s.persistent,closing:!1,backdropVisible:!1}),a}componentDidRender(){if(Array.isArray(this.entries))for(const t of this.entries){if(t.closing||t.modalEl.isConnected)continue;const s=this.layerRefs.get(t.id);if(!s)continue;const{id:i,modalEl:a}=t;s.appendChild(a),this.waitForModalReady(a).then((()=>{requestAnimationFrame((()=>{const t=this.entries.find((t=>t.id===i));t&&!t.closing&&a.isConnected&&(this.entries=this.entries.map((t=>t.id===i?{...t,backdropVisible:!0}:t)),a.classList.add("sd-modal-container__modal--visible"))}))}))}}disconnectedCallback(){for(const t of this.entries??[])t.dismissTimerId&&clearTimeout(t.dismissTimerId),a(t.id)}async dismissById(t,s){this.entries.find((s=>s.id===t))&&this.requestDismiss(t,s)}async update(t,s){const i=this.entries.find((s=>s.id===t&&!s.closing));i&&("sd-loading-modal"!==i.modalEl.tagName.toLowerCase()?this.applyProps(i.modalEl,s):this.applyLoadingProps(i.modalEl,s))}mountEntry(t){this.entries=[...this.entries??[],t],e({id:t.id,persistent:t.persistent,requestClose:()=>this.dispatchClose(t.id),shake:()=>this.shakeModal(t.modalEl),setZIndex:t=>{this.el.style.setProperty("--sd-modal-container-z-index",String(t))}})}attachModalEventListeners(t,s){s.addEventListener("sdOk",(()=>this.requestDismiss(t,"confirm"))),s.addEventListener("sdCancel",(()=>this.requestDismiss(t,"cancel"))),s.addEventListener("sdClose",(()=>this.requestDismiss(t,"close")))}attachLoadingModalEventListeners(t,s){s.addEventListener("sdClick",(()=>{const s=this.entries.find((s=>s.id===t));s?.modalRef._triggerClick?.()}))}dispatchClose(t){const s=this.entries.find((s=>s.id===t));s?.modalEl.dispatchEvent(new CustomEvent("sdClose"))}requestDismiss(t,s){const i=this.entries.find((s=>s.id===t));if(!i||i.closing)return;i.modalEl.classList.remove("sd-modal-container__modal--visible");const a=setTimeout((()=>{this.finalizeDismiss(t)}),350);o(t,!1),this.entries=(this.entries??[]).map((s=>s.id===t?{...s,closing:!0,dismissTimerId:a,backdropVisible:!1}:s)),"confirm"===s?i.modalRef._triggerOk():"cancel"===s?i.modalRef._triggerCancel():"close"===s&&i.modalRef._triggerClose()}finalizeDismiss(t){const s=this.entries.find((s=>s.id===t));s&&(s.dismissTimerId&&clearTimeout(s.dismissTimerId),s.modalEl.remove(),a(t),s.modalRef._triggerDismissed(),this.layerRefs.delete(t),this.entries=(this.entries??[]).filter((s=>s.id!==t)),this.autoRemove&&0===this.entries.length&&this.el.remove())}createConfirmModal(t,s){const i=document.createElement("sd-confirm-modal");return i.setAttribute("data-modal-id",t),i.classList.add("sd-modal-container__modal"),this.applyProps(i,s),i}createLoadingModal(t,s){const i=document.createElement("sd-loading-modal");return i.setAttribute("data-modal-id",t),i.classList.add("sd-modal-container__modal"),this.applyLoadingProps(i,s),i}applyLoadingProps(t,s){this.hasOwnProp(s,"state")&&this.setAttr(t,"state",s.state),this.hasOwnProp(s,"message")&&(Array.isArray(s.message)?t.message=s.message:this.setAttr(t,"message",s.message)),this.hasOwnProp(s,"useButton")&&(s.useButton?t.setAttribute("use-button",""):t.removeAttribute("use-button")),this.hasOwnProp(s,"buttonLabel")&&this.setAttr(t,"button-label",s.buttonLabel),this.hasOwnProp(s,"width")&&this.setAttr(t,"width",null!=s.width?String(s.width):void 0),this.hasOwnProp(s,"height")&&this.setAttr(t,"height",null!=s.height?String(s.height):void 0)}applyProps(t,s){this.hasOwnProp(s,"type")&&this.setAttr(t,"type",s.type),this.hasOwnProp(s,"title")&&this.setAttr(t,"modal-title",s.title),this.hasOwnProp(s,"titleClass")&&this.setAttr(t,"title-class",s.titleClass),this.hasOwnProp(s,"mainButtonLabel")&&this.setAttr(t,"main-button-label",s.mainButtonLabel),this.hasOwnProp(s,"mainButtonName")&&this.setAttr(t,"main-button-name",s.mainButtonName),this.hasOwnProp(s,"subButtonLabel")&&this.setAttr(t,"sub-button-label",s.subButtonLabel),this.hasOwnProp(s,"tagPreset")&&this.setAttr(t,"tag-preset",s.tagPreset),this.hasOwnProp(s,"tagLabel")&&this.setAttr(t,"tag-label",s.tagLabel),this.hasOwnProp(s,"slotLabel")&&this.setAttr(t,"slot-label",s.slotLabel),this.hasOwnProp(s,"topMessage")&&(t.topMessage=s.topMessage??[]),this.hasOwnProp(s,"bottomMessage")&&(t.bottomMessage=s.bottomMessage??[]),this.hasOwnProp(s,"tagContents")&&(t.tagContents=s.tagContents)}handleBackdropClick(t){n(t)&&d(t)}shakeModal(t){const s="sd-modal-container__modal--shake";t.classList.remove(s),t.addEventListener("animationend",(()=>t.classList.remove(s)),{once:!0}),requestAnimationFrame((()=>{t.classList.add(s)}))}waitForModalReady(t){const s=t.componentOnReady;return"function"==typeof s?s.call(t).then((()=>{})):new Promise((t=>{requestAnimationFrame((()=>{requestAnimationFrame((()=>t()))}))}))}hasOwnProp(t,s){return Object.prototype.hasOwnProperty.call(t,s)}setAttr(t,s,i){null!=i&&t.setAttribute(s,i)}render(){return this.entries?.length?i("div",{class:"sd-modal-container"},this.entries.map(((t,s)=>i("div",{key:t.id,class:"sd-modal-container__layer",style:{zIndex:String(s+1)},"data-modal-id":t.id,ref:s=>{s&&this.layerRefs.set(t.id,s)}},i("div",{class:{"sd-modal-container__backdrop":!0,"sd-modal-container__backdrop--visible":t.backdropVisible},onClick:()=>this.handleBackdropClick(t.id)}))))):null}};r.style="sd-modal-container{display:block}sd-modal-container .sd-modal-container{position:fixed;inset:0;z-index:var(--sd-modal-container-z-index, 997);pointer-events:none}sd-modal-container .sd-modal-container__layer{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}sd-modal-container .sd-modal-container__backdrop{position:absolute;inset:0;background:rgba(0, 0, 0, 0.4);opacity:0;transition:opacity 0.3s ease-out;pointer-events:none}sd-modal-container .sd-modal-container__backdrop--visible{opacity:1;pointer-events:auto}sd-modal-container .sd-modal-container__modal{position:relative;z-index:1;opacity:0;transform:scale(0);pointer-events:auto;transition:opacity 0.3s ease-out, transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1)}sd-modal-container .sd-modal-container__modal--visible{opacity:1;transform:scale(1)}sd-modal-container .sd-modal-container__modal--shake{animation:modal-shake 0.3s ease-out}@keyframes modal-shake{0%,100%{transform:scale(1)}25%{transform:scale(1.03)}50%{transform:scale(0.97)}75%{transform:scale(1.01)}}";export{r as sd_modal_container}
+import{r as t,a as s,h as i}from"./p-CLCoul8o.js";import{u as a,r as e,s as o,i as n,a as d}from"./p-DRVnqiWc.js";let l=0;const r=class{constructor(s){t(this,s)}get el(){return s(this)}autoRemove=!1;entries=[];layerRefs=new Map;async open(t,s){const i="modal-"+ ++l,a=this.createConfirmModal(i,t);return this.attachModalEventListeners(i,a),this.mountEntry({id:i,modalEl:a,modalRef:s,persistent:!!t.persistent,closing:!1,backdropVisible:!1}),i}async openLoading(t,s){const i="modal-"+ ++l,a=this.createLoadingModal(i,t);return this.attachLoadingModalEventListeners(i,a),this.mountEntry({id:i,modalEl:a,modalRef:s,persistent:!!t.persistent,closing:!1,backdropVisible:!1}),i}async createCustom(t,s,i){const a="modal-"+ ++l;return t.setAttribute("data-modal-id",a),t.classList.add("sd-modal-container__modal"),this.attachModalEventListeners(a,t),this.mountEntry({id:a,modalEl:t,modalRef:i,persistent:!!s.persistent,closing:!1,backdropVisible:!1}),a}componentDidRender(){if(Array.isArray(this.entries))for(const t of this.entries){if(t.closing||t.modalEl.isConnected)continue;const s=this.layerRefs.get(t.id);if(!s)continue;const{id:i,modalEl:a}=t;s.appendChild(a),this.waitForModalReady(a).then((()=>{requestAnimationFrame((()=>{const t=this.entries.find((t=>t.id===i));t&&!t.closing&&a.isConnected&&(this.entries=this.entries.map((t=>t.id===i?{...t,backdropVisible:!0}:t)),a.classList.add("sd-modal-container__modal--visible"))}))}))}}disconnectedCallback(){for(const t of this.entries??[])t.dismissTimerId&&clearTimeout(t.dismissTimerId),a(t.id)}async dismissById(t,s){this.entries.find((s=>s.id===t))&&this.requestDismiss(t,s)}async update(t,s){const i=this.entries.find((s=>s.id===t&&!s.closing));i&&("sd-loading-modal"!==i.modalEl.tagName.toLowerCase()?this.applyProps(i.modalEl,s):this.applyLoadingProps(i.modalEl,s))}mountEntry(t){this.entries=[...this.entries??[],t],e({id:t.id,persistent:t.persistent,requestClose:()=>this.dispatchClose(t.id),shake:()=>this.shakeModal(t.modalEl),setZIndex:t=>{this.el.style.setProperty("--sd-modal-container-z-index",String(t))}})}attachModalEventListeners(t,s){s.addEventListener("sdOk",(()=>this.requestDismiss(t,"confirm"))),s.addEventListener("sdCancel",(()=>this.requestDismiss(t,"cancel"))),s.addEventListener("sdClose",(()=>this.requestDismiss(t,"close")))}attachLoadingModalEventListeners(t,s){s.addEventListener("sdClick",(()=>{const s=this.entries.find((s=>s.id===t));s?.modalRef._triggerClick?.()}))}dispatchClose(t){const s=this.entries.find((s=>s.id===t));s?.modalEl.dispatchEvent(new CustomEvent("sdClose"))}requestDismiss(t,s){const i=this.entries.find((s=>s.id===t));if(!i||i.closing)return;i.modalEl.classList.remove("sd-modal-container__modal--visible");const a=setTimeout((()=>{this.finalizeDismiss(t)}),350);o(t,!1),this.entries=(this.entries??[]).map((s=>s.id===t?{...s,closing:!0,dismissTimerId:a,backdropVisible:!1}:s)),"confirm"===s?i.modalRef._triggerOk():"cancel"===s?i.modalRef._triggerCancel():"close"===s&&i.modalRef._triggerClose()}finalizeDismiss(t){const s=this.entries.find((s=>s.id===t));s&&(s.dismissTimerId&&clearTimeout(s.dismissTimerId),s.modalEl.remove(),a(t),s.modalRef._triggerDismissed(),this.layerRefs.delete(t),this.entries=(this.entries??[]).filter((s=>s.id!==t)),this.autoRemove&&0===this.entries.length&&this.el.remove())}createConfirmModal(t,s){const i=document.createElement("sd-confirm-modal");return i.setAttribute("data-modal-id",t),i.classList.add("sd-modal-container__modal"),this.applyProps(i,s),i}createLoadingModal(t,s){const i=document.createElement("sd-loading-modal");return i.setAttribute("data-modal-id",t),i.classList.add("sd-modal-container__modal"),this.applyLoadingProps(i,s),i}applyLoadingProps(t,s){this.hasOwnProp(s,"state")&&this.setAttr(t,"state",s.state),this.hasOwnProp(s,"message")&&(Array.isArray(s.message)?t.message=s.message:this.setAttr(t,"message",s.message)),this.hasOwnProp(s,"useButton")&&(s.useButton?t.setAttribute("use-button",""):t.removeAttribute("use-button")),this.hasOwnProp(s,"buttonLabel")&&this.setAttr(t,"button-label",s.buttonLabel),this.hasOwnProp(s,"width")&&this.setAttr(t,"width",null!=s.width?String(s.width):void 0),this.hasOwnProp(s,"height")&&this.setAttr(t,"height",null!=s.height?String(s.height):void 0)}applyProps(t,s){this.hasOwnProp(s,"type")&&this.setAttr(t,"type",s.type),this.hasOwnProp(s,"title")&&this.setAttr(t,"modal-title",s.title),this.hasOwnProp(s,"titleClass")&&this.setAttr(t,"title-class",s.titleClass),this.hasOwnProp(s,"mainButtonLabel")&&this.setAttr(t,"main-button-label",s.mainButtonLabel),this.hasOwnProp(s,"mainButtonName")&&this.setAttr(t,"main-button-name",s.mainButtonName),this.hasOwnProp(s,"subButtonLabel")&&this.setAttr(t,"sub-button-label",s.subButtonLabel),this.hasOwnProp(s,"tagPreset")&&this.setAttr(t,"tag-preset",s.tagPreset),this.hasOwnProp(s,"tagLabel")&&this.setAttr(t,"tag-label",s.tagLabel),this.hasOwnProp(s,"slotLabel")&&this.setAttr(t,"slot-label",s.slotLabel),this.hasOwnProp(s,"topMessage")&&(t.topMessage=s.topMessage??[]),this.hasOwnProp(s,"bottomMessage")&&(t.bottomMessage=s.bottomMessage??[]),this.hasOwnProp(s,"tagContents")&&(t.tagContents=s.tagContents)}handleBackdropClick(t){n(t)&&d(t)}shakeModal(t){const s="sd-modal-container__modal--shake";t.classList.remove(s),t.addEventListener("animationend",(()=>t.classList.remove(s)),{once:!0}),requestAnimationFrame((()=>{t.classList.add(s)}))}waitForModalReady(t){const s=t.componentOnReady;return"function"==typeof s?s.call(t).then((()=>{})):new Promise((t=>{requestAnimationFrame((()=>{requestAnimationFrame((()=>t()))}))}))}hasOwnProp(t,s){return Object.prototype.hasOwnProperty.call(t,s)}setAttr(t,s,i){null!=i&&t.setAttribute(s,i)}render(){return this.entries?.length?i("div",{class:"sd-modal-container"},this.entries.map(((t,s)=>i("div",{key:t.id,class:"sd-modal-container__layer",style:{zIndex:String(s+1)},"data-modal-id":t.id,ref:s=>{s&&this.layerRefs.set(t.id,s)}},i("div",{class:{"sd-modal-container__backdrop":!0,"sd-modal-container__backdrop--visible":t.backdropVisible},onClick:()=>this.handleBackdropClick(t.id)}))))):null}};r.style="sd-modal-container{display:block}sd-modal-container .sd-modal-container{position:fixed;inset:0;z-index:var(--sd-modal-container-z-index, 997);pointer-events:none}sd-modal-container .sd-modal-container__layer{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}sd-modal-container .sd-modal-container__backdrop{position:absolute;inset:0;background:rgba(0, 0, 0, 0.4);opacity:0;transition:opacity 0.3s ease-out;pointer-events:none}sd-modal-container .sd-modal-container__backdrop--visible{opacity:1;pointer-events:auto}sd-modal-container .sd-modal-container__modal{position:relative;z-index:1;opacity:0;transform:scale(0);pointer-events:auto;transition:opacity 0.3s ease-out, transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1)}sd-modal-container .sd-modal-container__modal--visible{opacity:1;transform:scale(1)}sd-modal-container .sd-modal-container__modal--shake{animation:modal-shake 0.3s ease-out}@keyframes modal-shake{0%,100%{transform:scale(1)}25%{transform:scale(1.03)}50%{transform:scale(0.97)}75%{transform:scale(1.01)}}";export{r as sd_modal_container}

package/dist/design-system/{p-3f7bc660.entry.js → p-f5576a0d.entry.js}

@@ -1 +1 @@
-import{r as i,h as e}from"./p-Cnwbjz1F.js";const n=class{constructor(e){i(this,e)}visible=!1;message="";async show(i={}){this.message=i.message??"",this.visible=!0}async hide(){this.visible=!1}render(){return e("div",{key:"a83b33262d59ecba12b7db9ed6bfe9f1fea4a54a",class:{"sd-loading-container":!0,"sd-loading-container--visible":this.visible},"aria-hidden":this.visible?"false":"true"},e("div",{key:"64631929afd47606df0d397747495d2a11d62932",class:"sd-loading-container__backdrop"}),e("div",{key:"4a304e0fb66f720b57da1e4de03fa9aa5468d5d4",class:"sd-loading-container__content"},e("sd-circle-progress",{key:"3981cb8e994384279a812864037a8e9cec34cc35",indeterminate:!0,type:"inverse"}),this.message&&e("p",{key:"8adec0ef2424fa3ea30a58b27efa6344ada94070",class:"sd-loading-container__message"},this.message)))}};n.style="sd-loading-container .sd-loading-container{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:var(--sd-loading-container-z-index, 999);opacity:0;visibility:hidden;transition:opacity 0.2s ease, visibility 0s linear 0.2s;pointer-events:none}sd-loading-container .sd-loading-container--visible{opacity:1;visibility:visible;transition:opacity 0.2s ease, visibility 0s linear 0s;pointer-events:auto}sd-loading-container .sd-loading-container__backdrop{position:absolute;inset:0;background:rgba(0, 0, 0, 0.4)}sd-loading-container .sd-loading-container__content{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px}sd-loading-container .sd-loading-container__message{margin:0;color:#ffffff;font-size:14px;font-weight:500;line-height:22px;text-align:center;max-width:400px;word-break:keep-all}";export{n as sd_loading_container}
+import{r as i,h as e}from"./p-CLCoul8o.js";const n=class{constructor(e){i(this,e)}visible=!1;message="";async show(i={}){this.message=i.message??"",this.visible=!0}async hide(){this.visible=!1}render(){return e("div",{key:"1c684984ec7203edb4206690026cf8085bfadcfb",class:{"sd-loading-container":!0,"sd-loading-container--visible":this.visible},"aria-hidden":this.visible?"false":"true"},e("div",{key:"42a7d3b6c0f562cbfd1a0928a3df4df3cc962299",class:"sd-loading-container__backdrop"}),e("div",{key:"ce11d0950e5047eb47ae87f41bf7c049a2e18cbc",class:"sd-loading-container__content"},e("sd-circle-progress",{key:"e6f63c78da63cf660942137e73cef389789e83b0",indeterminate:!0,type:"inverse"}),this.message&&e("p",{key:"139b648a8a8007a050f6e81374930f92d676707c",class:"sd-loading-container__message"},this.message)))}};n.style="sd-loading-container .sd-loading-container{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:var(--sd-loading-container-z-index, 999);opacity:0;visibility:hidden;transition:opacity 0.2s ease, visibility 0s linear 0.2s;pointer-events:none}sd-loading-container .sd-loading-container--visible{opacity:1;visibility:visible;transition:opacity 0.2s ease, visibility 0s linear 0s;pointer-events:auto}sd-loading-container .sd-loading-container__backdrop{position:absolute;inset:0;background:rgba(0, 0, 0, 0.4)}sd-loading-container .sd-loading-container__content{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px}sd-loading-container .sd-loading-container__message{margin:0;color:#ffffff;font-size:14px;font-weight:500;line-height:22px;text-align:center;max-width:400px;word-break:keep-all}";export{n as sd_loading_container}