@sellmate/design-system 0.0.36 → 0.0.37

package/dist/design-system/{p-3e46bf2b.entry.js → p-0d4df4c3.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,a as s,h as a,F as i,H as r}from"./p-B2T3tS5r.js";import{u as d,t as n}from"./p-QZbqqKSO.js";const c=(e,t)=>{const[s,a,i]=e.split("-").map(Number);const r=new Date(s,a-1,i);r.setDate(r.getDate()+t);const d=r.getFullYear();const n=String(r.getMonth()+1).padStart(2,"0");const c=String(r.getDate()).padStart(2,"0");return`${d}-${n}-${c}`};const h=".sd-date-range-picker.sc-sd-date-range-picker-h{width:210px;display:inline-block}.sd-date-range-picker__menu.sc-sd-date-range-picker{width:609px;box-sizing:border-box;border-radius:8px;padding:24px 19px;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.2);background:white}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__header.sc-sd-date-range-picker{margin-bottom:16px;display:flex;flex-flow:row nowrap;align-items:center;justify-content:center}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__header.sc-sd-date-range-picker .header-label.sc-sd-date-range-picker{margin:0 12px;width:40px;text-align:center;font-size:14px;line-height:24px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker{display:flex;flex-flow:row nowrap;align-items:stretch;gap:19px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker{width:266px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-header.sc-sd-date-range-picker{width:100%;height:24px;line-height:24px;font-size:14px;text-align:center;position:relative;padding:0 5px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-header.sc-sd-date-range-picker button.sc-sd-date-range-picker{position:absolute;top:50%;transform:translateY(-50%)}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-header.sc-sd-date-range-picker button.header-button-prev.sc-sd-date-range-picker{left:5px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-header.sc-sd-date-range-picker button.header-button-next.sc-sd-date-range-picker{right:5px;left:auto}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-days.sc-sd-date-range-picker{padding:0 5px;margin-top:8px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr));column-gap:10px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-days.sc-sd-date-range-picker .day.sc-sd-date-range-picker{width:28px;height:20px;font-size:12px;line-height:20px;text-align:center;color:#888888}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-body.sc-sd-date-range-picker{margin-top:12px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr))}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .separator.sc-sd-date-range-picker{width:1px;background-color:#d8d8d8}";const p=class{constructor(s){e(this,s);this.sdChange=t(this,"sdChange")}get el(){return s(this)}date=["",""];label;selectable;maxRange;disabled=false;isOpen=false;dateRange=this.date;hoverDate="";prevYear=Number(this.dateRange[0].split("-")[0]);prevMonth=Number(this.dateRange[0].split("-")[1]);sdChange;inputEl;dateUtil=d();tempDateRange=["",""];componentWillLoad(){this.resetCalendarByDateRange()}resetCalendarByDateRange(){this.dateRange=this.date;const e=this.dateRange[0]||n;const t=this.dateRange[1]||e;const[s,a]=e.split("-").map(Number);const[i,r]=n.split("-").map(Number);if(t<=n){this.prevYear=s;this.prevMonth=a}else if(e<n&&t>n){this.prevYear=i;this.prevMonth=r}else{this.prevYear=s;this.prevMonth=a}}openMenu(){if(this.disabled)return;this.tempDateRange=[...this.dateRange];this.resetCalendarByDateRange();this.isOpen=true}get nextYear(){return this.prevMonth+1===13?this.prevYear+1:this.prevYear}get nextMonth(){return this.prevMonth+1===13?1:this.prevMonth+1}get prevCalendar(){return this.dateUtil.createCalendar(this.prevYear,this.prevMonth)}get nextCalendar(){return this.dateUtil.createCalendar(this.nextYear,this.nextMonth)}getDateBoxType(e){if(e===this.dateRange[0])return this.dateRange[1]?"start":this.hoverDate<this.dateRange[0]?"end":"start";if(e===this.dateRange[1])return"end";return""}isDisabledDate(e){if(this.maxRange&&this.dateRange[0]&&!this.dateRange[1]){const t=c(this.dateRange[0],-this.maxRange);const s=c(this.dateRange[0],this.maxRange);return!(t<=e&&e<=s)}if(!this.selectable||!this.selectable[0]||!this.selectable[1]){return false}return!(e>=this.selectable[0]&&e<=this.selectable[1])}isDateInRange(e){if(this.dateRange[0]&&this.dateRange[1]){return e>=this.dateRange[0]&&e<=this.dateRange[1]}if(!this.hoverDate||!this.dateRange[0]||this.dateRange[1]){return false}const[t,s]=this.dateRange[0]<=this.hoverDate?[this.dateRange[0],this.hoverDate]:[this.hoverDate,this.dateRange[0]];return e>=t&&e<=s}setPrevYear(e){this.prevYear=e}setPrevMonth(e){this.prevMonth=e}updateYearMonth(e){const{newYear:t,newMonth:s}=this.dateUtil.calculateYearMonth(this.prevYear,this.prevMonth,e);this.setPrevYear(t);this.setPrevMonth(s)}setHoverDate(e){this.hoverDate=e}setDateRange(e){this.dateRange=e}handleDateClick(e,t){this.setHoverDate("");const s=e==="prev"?this.dateUtil.formatDate(this.prevYear,this.prevMonth,t):this.dateUtil.formatDate(this.nextYear,this.nextMonth,t);if(!this.dateRange[0]||!!this.dateRange[1]||s<this.dateRange[0]){this.setDateRange([s,""]);return}const a=[this.dateRange[0],s];this.setDateRange(a);this.sdChange.emit?.(a)}handleDateHover(e,t){const s=e==="prev"?this.dateUtil.formatDate(this.prevYear,this.prevMonth,t):this.dateUtil.formatDate(this.nextYear,this.nextMonth,t);this.setHoverDate(s)}handleClose=()=>{if(!this.dateRange[0]||!this.dateRange[1]){this.dateRange=[...this.tempDateRange]}this.isOpen=false};render(){return a(r,{key:"9c7457b54e433a167193eeaafa8a0e7755ca24db",class:"sd-date-range-picker"},a("sd-input",{key:"85b4c4fca2e6157ae7f6291593a20329086fe372",ref:e=>this.inputEl=e,value:`${this.dateRange[0]} ~ ${this.dateRange[1]}`,label:this.label,"inside-label":true,readonly:true,disabled:this.disabled,inputClass:"text-center",inputStyle:{margin:"0 0 0 8px"},onClick:()=>this.openMenu()},a("sd-icon",{key:"e38b9dde8571369ff85bf10baff71437b0cf48f4",slot:"prefix",name:"date",size:"16",color:"#737373",class:"date-icon",onClick:()=>this.openMenu()})),this.isOpen&&a("sd-portal",{key:"2f85011e2a47bb0717239da419fcd27c8410db81",open:this.isOpen,parentRef:this.inputEl,onSdClose:this.handleClose},a("div",{key:"21f147563f6ab7c9a1a2b08cf1951bb11a8a0302",class:"sd-date-range-picker__menu"},a("div",{key:"2dad8cef33d07db263a73cd3760dbf44e33dd7ab",class:"sd-date-range-picker__header mb-16pxr flex flex-nowrap items-center justify-center"},a("button",{key:"53ccd475c6ebec5999158b2669878b0426e505d1",type:"button",name:"prev",title:"Previous",onClick:()=>this.setPrevYear(this.prevYear-1)},a("sd-icon",{key:"aba2465aae092388568006a7a968c27446476470",name:"arrowLeft",size:"12",color:"#CCCCCC"})),a("div",{key:"d4384c1901a5e5221d55a18e014c0955af561660",class:"header-label"},this.prevYear),a("button",{key:"26f2e7f9da0f4571d4ca2cf0a668ceb4784af9c6",type:"button",name:"next",title:"Next",onClick:()=>this.setPrevYear(this.prevYear+1)},a("sd-icon",{key:"fc670a78e443dc7de8fbb05fe3233ae5bd6544d4",name:"arrowRight",size:"12",color:"#CCCCCC"}))),a("div",{key:"fb2157002f772dee6c4ff4b76cd3c942d4bb9965",class:"sd-date-range-picker__body"},[this.prevCalendar,this.nextCalendar].map(((e,t)=>a(i,null,t===1&&a("div",{class:"separator"}),a("div",{key:t,class:"calendar-container"},a("div",{class:"calendar-header"},a("button",{type:"button",name:"month",title:"Month",class:t===0?"header-button-prev":"header-button-next",onClick:()=>this.updateYearMonth(t===0?"prev":"next")},a("sd-icon",{name:t===0?"arrowLeft":"arrowRight",size:"12",color:"#CCCCCC"})),t===0?`${this.prevYear}.${String(this.prevMonth).padStart(2,"0")}`:`${this.nextYear}.${String(this.nextMonth).padStart(2,"0")}`),a("div",{class:"calendar-days"},["일","월","화","수","목","금","토"].map((e=>a("sd-date-box",{key:e,date:e,disabled:true,class:"day"})))),a("div",{class:"calendar-body mt-12pxr grid grid-cols-7 gap-y-8pxr"},[...e.prevMonthDays,...e.days,...e.afterMonthDays].map(((e,s)=>a("sd-date-box",{key:`prev${e}_${s}`,date:!e?"":Number(e),selected:this.dateRange.some((s=>s===this.dateUtil.formatDate(t===0?this.prevYear:this.nextYear,t===0?this.prevMonth:this.nextMonth,Number(e)))),type:this.getDateBoxType(this.dateUtil.formatDate(t===0?this.prevYear:this.nextYear,t===0?this.prevMonth:this.nextMonth,Number(e))),isToday:n===this.dateUtil.formatDate(t===0?this.prevYear:this.nextYear,t===0?this.prevMonth:this.nextMonth,Number(e)),disabled:!e?true:this.isDisabledDate(this.dateUtil.formatDate(t===0?this.prevYear:this.nextYear,t===0?this.prevMonth:this.nextMonth,Number(e))),inRange:this.isDateInRange(this.dateUtil.formatDate(t===0?this.prevYear:this.nextYear,t===0?this.prevMonth:this.nextMonth,Number(e))),onClick:()=>this.handleDateClick(t===0?"prev":"next",Number(e)),onMouseOver:()=>this.handleDateHover(t===0?"prev":"next",Number(e))}))))))))))))}};p.style=h;export{p as sd_date_range_picker};
-//# sourceMappingURL=p-3e46bf2b.entry.js.map
+import{r as e,c as t,a as s,h as a,F as i,H as r}from"./p-B2T3tS5r.js";import{u as d,t as n}from"./p-QZbqqKSO.js";const c=(e,t)=>{const[s,a,i]=e.split("-").map(Number);const r=new Date(s,a-1,i);r.setDate(r.getDate()+t);const d=r.getFullYear();const n=String(r.getMonth()+1).padStart(2,"0");const c=String(r.getDate()).padStart(2,"0");return`${d}-${n}-${c}`};const h=".sd-date-range-picker.sc-sd-date-range-picker-h{width:210px;display:inline-block}.sd-date-range-picker__menu.sc-sd-date-range-picker{width:609px;box-sizing:border-box;border-radius:8px;padding:24px 19px;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.2);background:white}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__header.sc-sd-date-range-picker{margin-bottom:16px;display:flex;flex-flow:row nowrap;align-items:center;justify-content:center}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__header.sc-sd-date-range-picker .header-label.sc-sd-date-range-picker{margin:0 12px;width:40px;text-align:center;font-size:14px;line-height:24px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker{display:flex;flex-flow:row nowrap;align-items:stretch;gap:19px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker{width:266px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-header.sc-sd-date-range-picker{width:100%;height:24px;line-height:24px;font-size:14px;text-align:center;position:relative;padding:0 5px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-header.sc-sd-date-range-picker button.sc-sd-date-range-picker{position:absolute;top:50%;transform:translateY(-50%)}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-header.sc-sd-date-range-picker button.header-button-prev.sc-sd-date-range-picker{left:5px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-header.sc-sd-date-range-picker button.header-button-next.sc-sd-date-range-picker{right:5px;left:auto}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-days.sc-sd-date-range-picker{padding:0 5px;margin-top:8px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr));column-gap:10px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-days.sc-sd-date-range-picker .day.sc-sd-date-range-picker{width:28px;height:20px;font-size:12px;line-height:20px;text-align:center;color:#888888}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-body.sc-sd-date-range-picker{margin-top:12px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr))}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .separator.sc-sd-date-range-picker{width:1px;background-color:#d8d8d8}";const p=class{constructor(s){e(this,s);this.sdChange=t(this,"sdChange")}get el(){return s(this)}date=["",""];label;selectable;maxRange;disabled=false;isOpen=false;dateRange=this.date;hoverDate="";prevYear=Number(this.dateRange[0].split("-")[0]);prevMonth=Number(this.dateRange[0].split("-")[1]);sdChange;inputEl;dateUtil=d();tempDateRange=["",""];componentWillLoad(){this.resetCalendarByDateRange()}resetCalendarByDateRange(){this.dateRange=this.date;const e=this.dateRange[0]||n;const t=this.dateRange[1]||e;const[s,a]=e.split("-").map(Number);const[i,r]=n.split("-").map(Number);if(t<=n){this.prevYear=s;this.prevMonth=a}else if(e<n&&t>n){this.prevYear=i;this.prevMonth=r}else{this.prevYear=s;this.prevMonth=a}}openMenu(){if(this.disabled)return;this.tempDateRange=[...this.dateRange];this.resetCalendarByDateRange();this.isOpen=true}get nextYear(){return this.prevMonth+1===13?this.prevYear+1:this.prevYear}get nextMonth(){return this.prevMonth+1===13?1:this.prevMonth+1}get prevCalendar(){return this.dateUtil.createCalendar(this.prevYear,this.prevMonth)}get nextCalendar(){return this.dateUtil.createCalendar(this.nextYear,this.nextMonth)}getDateBoxType(e){if(e===this.dateRange[0])return this.dateRange[1]?"start":this.hoverDate<this.dateRange[0]?"end":"start";if(e===this.dateRange[1])return"end";return""}isDisabledDate(e){if(this.maxRange&&this.dateRange[0]&&!this.dateRange[1]){const t=c(this.dateRange[0],-this.maxRange);const s=c(this.dateRange[0],this.maxRange);return!(t<=e&&e<=s)}if(!this.selectable||!this.selectable[0]||!this.selectable[1]){return false}return!(e>=this.selectable[0]&&e<=this.selectable[1])}isDateInRange(e){if(this.dateRange[0]&&this.dateRange[1]){return e>=this.dateRange[0]&&e<=this.dateRange[1]}if(!this.hoverDate||!this.dateRange[0]||this.dateRange[1]){return false}const[t,s]=this.dateRange[0]<=this.hoverDate?[this.dateRange[0],this.hoverDate]:[this.hoverDate,this.dateRange[0]];return e>=t&&e<=s}setPrevYear(e){this.prevYear=e}setPrevMonth(e){this.prevMonth=e}updateYearMonth(e){const{newYear:t,newMonth:s}=this.dateUtil.calculateYearMonth(this.prevYear,this.prevMonth,e);this.setPrevYear(t);this.setPrevMonth(s)}setHoverDate(e){this.hoverDate=e}setDateRange(e){this.dateRange=e}handleDateClick(e,t){this.setHoverDate("");const s=e==="prev"?this.dateUtil.formatDate(this.prevYear,this.prevMonth,t):this.dateUtil.formatDate(this.nextYear,this.nextMonth,t);if(!this.dateRange[0]||!!this.dateRange[1]||s<this.dateRange[0]){this.setDateRange([s,""]);return}const a=[this.dateRange[0],s];this.setDateRange(a);this.sdChange.emit?.(a)}handleDateHover(e,t){const s=e==="prev"?this.dateUtil.formatDate(this.prevYear,this.prevMonth,t):this.dateUtil.formatDate(this.nextYear,this.nextMonth,t);this.setHoverDate(s)}handleClose=()=>{if(!this.dateRange[0]||!this.dateRange[1]){this.dateRange=[...this.tempDateRange]}this.isOpen=false};render(){return a(r,{key:"2bf90dc0cc8c7fa28a9ed88d1f67c0826c6f7c74",class:"sd-date-range-picker"},a("sd-input",{key:"00705df2fe74a5dd5bd270bf69257c937e3b98f0",ref:e=>this.inputEl=e,value:`${this.dateRange[0]} ~ ${this.dateRange[1]}`,label:this.label,"inside-label":true,readonly:true,disabled:this.disabled,inputClass:"text-center",inputStyle:{margin:"0 0 0 8px"},onClick:()=>this.openMenu()},a("sd-icon",{key:"34916f9c4797bd0ddaaaa66c57221bee5a6681b6",slot:"prefix",name:"date",size:"16",color:"#737373",class:"date-icon",onClick:()=>this.openMenu()})),this.isOpen&&a("sd-portal",{key:"29ae017fe4f49df50cb4ff31336e3b44e5a56a5e",open:this.isOpen,parentRef:this.inputEl,onSdClose:this.handleClose},a("div",{key:"fb8e0980afac362b22cd9b20b120d2eb6ee23a43",class:"sd-date-range-picker__menu"},a("div",{key:"e8107df76a146afa831c62084a6496930a67febd",class:"sd-date-range-picker__header mb-16pxr flex flex-nowrap items-center justify-center"},a("button",{key:"8b668baded6ff07770fd053e27f62789b0b8bce2",type:"button",name:"prev",title:"Previous",onClick:()=>this.setPrevYear(this.prevYear-1)},a("sd-icon",{key:"152132ebf96e70b27815ef01fa4f58dd2e72891e",name:"arrowLeft",size:"12",color:"#CCCCCC"})),a("div",{key:"b8e7020028efbc2cc483a373cedd50b1467cfdfe",class:"header-label"},this.prevYear),a("button",{key:"fd19bd0c39030a45455166511a579a50006a82f7",type:"button",name:"next",title:"Next",onClick:()=>this.setPrevYear(this.prevYear+1)},a("sd-icon",{key:"0f268ec6557ba76749937c94fdfe4a3d624702c7",name:"arrowRight",size:"12",color:"#CCCCCC"}))),a("div",{key:"cb9d72fc71c4cf30dabe739baa78aa12f4ef228a",class:"sd-date-range-picker__body"},[this.prevCalendar,this.nextCalendar].map(((e,t)=>a(i,null,t===1&&a("div",{class:"separator"}),a("div",{key:t,class:"calendar-container"},a("div",{class:"calendar-header"},a("button",{type:"button",name:"month",title:"Month",class:t===0?"header-button-prev":"header-button-next",onClick:()=>this.updateYearMonth(t===0?"prev":"next")},a("sd-icon",{name:t===0?"arrowLeft":"arrowRight",size:"12",color:"#CCCCCC"})),t===0?`${this.prevYear}.${String(this.prevMonth).padStart(2,"0")}`:`${this.nextYear}.${String(this.nextMonth).padStart(2,"0")}`),a("div",{class:"calendar-days"},["일","월","화","수","목","금","토"].map((e=>a("sd-date-box",{key:e,date:e,disabled:true,class:"day"})))),a("div",{class:"calendar-body mt-12pxr grid grid-cols-7 gap-y-8pxr"},[...e.prevMonthDays,...e.days,...e.afterMonthDays].map(((e,s)=>a("sd-date-box",{key:`prev${e}_${s}`,date:!e?"":Number(e),selected:this.dateRange.some((s=>s===this.dateUtil.formatDate(t===0?this.prevYear:this.nextYear,t===0?this.prevMonth:this.nextMonth,Number(e)))),type:this.getDateBoxType(this.dateUtil.formatDate(t===0?this.prevYear:this.nextYear,t===0?this.prevMonth:this.nextMonth,Number(e))),isToday:n===this.dateUtil.formatDate(t===0?this.prevYear:this.nextYear,t===0?this.prevMonth:this.nextMonth,Number(e)),disabled:!e?true:this.isDisabledDate(this.dateUtil.formatDate(t===0?this.prevYear:this.nextYear,t===0?this.prevMonth:this.nextMonth,Number(e))),inRange:this.isDateInRange(this.dateUtil.formatDate(t===0?this.prevYear:this.nextYear,t===0?this.prevMonth:this.nextMonth,Number(e))),onClick:()=>this.handleDateClick(t===0?"prev":"next",Number(e)),onMouseOver:()=>this.handleDateHover(t===0?"prev":"next",Number(e))}))))))))))))}};p.style=h;export{p as sd_date_range_picker};
+//# sourceMappingURL=p-0d4df4c3.entry.js.map

package/dist/design-system/p-11d861ed.entry.js

@@ -0,0 +1,2 @@
+import{r as d,h as r,H as s}from"./p-B2T3tS5r.js";const e="sd-card{display:block;height:fit-content}sd-card .sd-card{border-radius:8px;background:white}sd-card .sd-card.sd-card--bordered{border:1px solid #e1e1e1}";const c=class{constructor(r){d(this,r)}bordered=true;class="";render(){return r(s,{key:"9f3d88c46a541cb4c197d9a17864337abdf63713"},r("div",{key:"bf66f92443a47017fe5342f483fd6e8168fa66a3",class:`sd-card ${this.bordered?"sd-card--bordered":""} ${this.class}`},r("slot",{key:"42bb1950c42bd25095ee39c04bc18ae74cdfbe48"})))}};c.style=e;export{c as sd_card};
+//# sourceMappingURL=p-11d861ed.entry.js.map

package/dist/design-system/{p-ff7b8ecf.entry.js → p-22234255.entry.js}

@@ -1,2 +1,2 @@
-import{r as o,c as e,a as t,h as s}from"./p-B2T3tS5r.js";const p="sd-select-option-group{display:block;height:fit-content}sd-select-option-group .sd-select__option-group{display:flex;padding:4px 12px;padding-left:12px;font-size:12px;line-height:20px;cursor:pointer}sd-select-option-group .sd-select__option-group.sd-select__option-group--group:not(.sd-select__option-group--use-checkbox),sd-select-option-group .sd-select__option-group.sd-select__option-group--subgroup:not(.sd-select__option-group--use-checkbox){cursor:default !important}sd-select-option-group .sd-select__option-group.sd-select__option-group--group{background-color:#f5faff !important;color:#333333 !important;font-weight:700}sd-select-option-group .sd-select__option-group.sd-select__option-group--subgroup{padding-left:20px;background-color:#f9f9f9 !important;color:#333333 !important;font-weight:500}sd-select-option-group .sd-select__option-group.sd-select__option-group--item{padding-left:28px}sd-select-option-group .sd-select__option-group sd-checkbox__bg{border-color:#888888}sd-select-option-group .sd-select__option-group__label-wrapper{display:flex;width:100%;column-gap:8px;align-items:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}sd-select-option-group .sd-select__option-group__label-wrapper sd-checkbox{flex-shrink:0}sd-select-option-group .sd-select__option-group__label-wrapper .sd-select__option-group-label{flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}sd-select-option-group .sd-select__option-group__label-wrapper .sd-select__option-group__count-indicator{width:fit-content;flex-shrink:0;font-size:12px;font-weight:500;color:#888888}sd-select-option-group .sd-select__option-group--focused{background-color:#e6f1ff}sd-select-option-group .sd-select__option-group--selected.sd-select__option-group--item:not(:hover):not(.sd-select__option-group--use-checkbox),sd-select-option-group .sd-select__option-group--focused.sd-select__option-group--item:not(:hover):not(.sd-select__option-group--use-checkbox){color:#0075ff;font-weight:700}sd-select-option-group .sd-select__option-group--disabled{color:#aaaaaa;cursor:not-allowed}sd-select-option-group .sd-select__option-group:hover:not(.sd-select__option-group--disabled){background-color:#0075ff;color:white}sd-select-option-group .sd-select__option-group:hover.sd-select__option-group--selected:not(.sd-select__option-group--group):not(.sd-select__option-group--subgroup) sd-checkbox .sd-checkbox__bg{border-color:white !important}";const i=class{constructor(t){o(this,t);this.optionClick=e(this,"optionClick")}get el(){return t(this)}option;index;isSelected=false;isFocused=false;optionStyle;disabled=false;useCheckbox=false;useIndicator=true;countInfo={selectedCount:0,totalCount:0};isHovered=false;async isDisabled(){return!!this.option.disabled||this.option.type==="group"||this.option.type==="subgroup"}optionClick;handleClick=(o,e,t)=>{t.stopPropagation();if(o.type==="group"||o.type==="subgroup"){this.optionClick.emit({option:this.option,isSelected:e,index:this.index,event:t});return}if(!this.option.disabled&&!this.disabled){this.optionClick.emit({option:this.option,isSelected:e,index:this.index,event:t})}};render(){return s("div",{key:"e873486c47436a1cb2e3797dfe06b89874429e18",class:{"sd-select__option-group":true,"sd-select__option-group--selected":!!this.isSelected,"sd-select__option-group--disabled":!!this.option.disabled,"sd-select__option-group--focused":this.isFocused,"sd-select__option-group--use-checkbox":this.useCheckbox,"sd-select__option-group--group":this.option.type==="group","sd-select__option-group--subgroup":this.option.type==="subgroup","sd-select__option-group--item":this.option.type==="item"},onMouseEnter:()=>this.isHovered=true,onMouseLeave:()=>this.isHovered=false,style:this.optionStyle,"data-index":this.index,onClick:o=>this.handleClick(this.option,this.isSelected,o)},s("div",{key:"7a54f43c2f654f26ff44cb039136488b17492336",class:"sd-select__option-group__label-wrapper"},this.useCheckbox&&s("sd-checkbox",{key:"ffe73a278e2e4869b3389b15268ab3c6d1117d47",checked:this.isSelected,disabled:this.option.disabled,onClick:o=>{o.preventDefault();this.handleClick(this.option,this.isSelected,o)}}),s("span",{key:"7c05471592fd30b12b94d158b11c76e98f4634ef",class:"sd-select__option-group-label"},this.option.label),this.useIndicator&&this.option.type!=="item"&&s("span",{key:"d395b359af93878867f61990741d174bb81cd959",class:"sd-select__option-group__count-indicator"},`(${this.countInfo?.selectedCount}/${this.countInfo?.totalCount})`)))}};i.style=p;export{i as sd_select_option_group};
-//# sourceMappingURL=p-ff7b8ecf.entry.js.map
+import{r as o,c as e,a as t,h as s}from"./p-B2T3tS5r.js";const p="sd-select-option-group{display:block;height:fit-content}sd-select-option-group .sd-select__option-group{display:flex;padding:4px 12px;padding-left:12px;font-size:12px;line-height:20px;cursor:pointer}sd-select-option-group .sd-select__option-group.sd-select__option-group--group:not(.sd-select__option-group--use-checkbox),sd-select-option-group .sd-select__option-group.sd-select__option-group--subgroup:not(.sd-select__option-group--use-checkbox){cursor:default !important}sd-select-option-group .sd-select__option-group.sd-select__option-group--group{background-color:#f5faff !important;color:#333333 !important;font-weight:700}sd-select-option-group .sd-select__option-group.sd-select__option-group--subgroup{padding-left:20px;background-color:#f9f9f9 !important;color:#333333 !important;font-weight:500}sd-select-option-group .sd-select__option-group.sd-select__option-group--item{padding-left:28px}sd-select-option-group .sd-select__option-group sd-checkbox__bg{border-color:#888888}sd-select-option-group .sd-select__option-group__label-wrapper{display:flex;width:100%;column-gap:8px;align-items:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}sd-select-option-group .sd-select__option-group__label-wrapper sd-checkbox{flex-shrink:0}sd-select-option-group .sd-select__option-group__label-wrapper .sd-select__option-group-label{flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}sd-select-option-group .sd-select__option-group__label-wrapper .sd-select__option-group__count-indicator{width:fit-content;flex-shrink:0;font-size:12px;font-weight:500;color:#888888}sd-select-option-group .sd-select__option-group--focused{background-color:#e6f1ff}sd-select-option-group .sd-select__option-group--selected.sd-select__option-group--item:not(:hover):not(.sd-select__option-group--use-checkbox),sd-select-option-group .sd-select__option-group--focused.sd-select__option-group--item:not(:hover):not(.sd-select__option-group--use-checkbox){color:#0075ff;font-weight:700}sd-select-option-group .sd-select__option-group--disabled{color:#aaaaaa;cursor:not-allowed}sd-select-option-group .sd-select__option-group:hover:not(.sd-select__option-group--disabled){background-color:#0075ff;color:white}sd-select-option-group .sd-select__option-group:hover.sd-select__option-group--selected:not(.sd-select__option-group--group):not(.sd-select__option-group--subgroup) sd-checkbox .sd-checkbox__bg{border-color:white !important}";const i=class{constructor(t){o(this,t);this.optionClick=e(this,"optionClick")}get el(){return t(this)}option;index;isSelected=false;isFocused=false;optionStyle;disabled=false;useCheckbox=false;useIndicator=true;countInfo={selectedCount:0,totalCount:0};isHovered=false;async isDisabled(){return!!this.option.disabled||this.option.type==="group"||this.option.type==="subgroup"}optionClick;handleClick=(o,e,t)=>{t.stopPropagation();if(o.type==="group"||o.type==="subgroup"){this.optionClick.emit({option:this.option,isSelected:e,index:this.index,event:t});return}if(!this.option.disabled&&!this.disabled){this.optionClick.emit({option:this.option,isSelected:e,index:this.index,event:t})}};render(){return s("div",{key:"cd1e638e01313eacc2253ef9f341eeeef90190d9",class:{"sd-select__option-group":true,"sd-select__option-group--selected":!!this.isSelected,"sd-select__option-group--disabled":!!this.option.disabled,"sd-select__option-group--focused":this.isFocused,"sd-select__option-group--use-checkbox":this.useCheckbox,"sd-select__option-group--group":this.option.type==="group","sd-select__option-group--subgroup":this.option.type==="subgroup","sd-select__option-group--item":this.option.type==="item"},onMouseEnter:()=>this.isHovered=true,onMouseLeave:()=>this.isHovered=false,style:this.optionStyle,"data-index":this.index,onClick:o=>this.handleClick(this.option,this.isSelected,o)},s("div",{key:"85a5ce3861e43d3cbde9cbf82c1d4c51439199f2",class:"sd-select__option-group__label-wrapper"},this.useCheckbox&&s("sd-checkbox",{key:"1e4d066daf72f8a1b00927206bda0385bd5a28f0",checked:this.isSelected,disabled:this.option.disabled,onClick:o=>{o.preventDefault();this.handleClick(this.option,this.isSelected,o)}}),s("span",{key:"df4f05045d0e14310a79ed9c33486dd98887c771",class:"sd-select__option-group-label"},this.option.label),this.useIndicator&&this.option.type!=="item"&&s("span",{key:"d8995c3f266b0fb6d686e8713e304b73f1e73f4f",class:"sd-select__option-group__count-indicator"},`(${this.countInfo?.selectedCount}/${this.countInfo?.totalCount})`)))}};i.style=p;export{i as sd_select_option_group};
+//# sourceMappingURL=p-22234255.entry.js.map

package/dist/design-system/{p-9099eb05.entry.js → p-3e682362.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,a as s,h as i,H as l}from"./p-B2T3tS5r.js";import{B as o,S as r}from"./p-C2JaR3A6.js";const c=".sd-select-multiple__dropdown{overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.sd-select-multiple__dropdown::-webkit-scrollbar{opacity:0;background:#e5e5e5}.sd-select-multiple__dropdown::-webkit-scrollbar:horizontal{height:8px}.sd-select-multiple__dropdown::-webkit-scrollbar:vertical{width:8px}.sd-select-multiple__dropdown::-webkit-scrollbar-thumb{height:80px;background-color:#cccccc;border-radius:4px}.sd-select-multiple__dropdown::-webkit-scrollbar-track{background-color:transparent}:host{display:inline-block;height:fit-content;position:relative}.sd-select-multiple{display:flex;flex-wrap:nowrap;width:var(--select-width, 200px);height:28px;cursor:pointer;user-select:none;border:1px solid #aaaaaa;border-radius:4px;background-color:white}.sd-select-multiple:hover:not(.sd-select-multiple--disabled){background:#f6f6f6}.sd-select-multiple.sd-select-multiple--disabled{cursor:not-allowed;background-color:#eeeeee;border-color:#cccccc}.sd-select-multiple.sd-select-multiple--disabled .sd-select-multiple__label{border-right:1px solid #cccccc}.sd-select-multiple.sd-select-multiple--disabled .sd-select-multiple__trigger{color:#888888}.sd-select-multiple.sd-select-multiple--disabled .sd-select-multiple__trigger:focus,.sd-select-multiple.sd-select-multiple--disabled .sd-select-multiple__trigger:focus-visible,.sd-select-multiple.sd-select-multiple--disabled .sd-select-multiple__trigger:focus-within{outline:none !important}.sd-select-multiple__label{font-size:12px;font-weight:500;color:#333333;padding:4px 12px;border-right:1px solid #cccccc;border-radius:4px 0 0 4px;background-color:#f6f6f6}.sd-select-multiple__container{position:relative;width:100%;display:flex}.sd-select-multiple__container .sd-select-multiple__trigger{padding:4px 20px 4px 12px;display:flex;width:100%;align-items:center}.sd-select-multiple__container .sd-select-multiple__trigger .sd-select-multiple__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px;font-size:12px;font-weight:400}.sd-select-multiple__container .sd-select-multiple__trigger .sd-select-multiple__clear{margin:0 4px;width:8px;height:8px;background-color:transparent;outline:none;border:none}.sd-select-multiple__container .sd-select-multiple__arrow{position:absolute;top:8px;right:8px;width:12px;height:12px;color:#888888;transition:transform 0.3s ease}.sd-select-multiple__container .sd-select-multiple__arrow--open{transform:rotate(180deg)}.sd-select-multiple__dropdown{width:var(--select-dropdown-width, 200px);max-height:var(--select-dropdown-height, 260px);padding-bottom:2px;background-color:white;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.1);border-radius:4px;overflow-y:auto;color:#333333}.sd-select-multiple__dropdown .sd-select-multiple__search-container{position:sticky;top:0;display:flex;width:100%;background-color:white;align-items:center;padding:4px 8px;z-index:1}.sd-select-multiple__dropdown .sd-select-multiple__search-container--scrolled{box-shadow:2px 2px 8px 2px rgba(0, 0, 0, 0.2)}.sd-select-multiple__dropdown .sd-select-multiple__option-placeholder{padding:4px 12px;font-size:12px;line-height:20px;text-align:left}";const n=class extends o{constructor(s){super();e(this,s);this.sdChange=t(this,"sdChange");this.dropDownShow=t(this,"dropDownShow")}get el(){return s(this)}value=null;label="";options=[];placeholder="선택";optionPlaceholder="옵션이 없습니다.";width="200px";dropdownHeight="260px";disabled=false;clearable=false;searchable=false;useCheckbox=false;optionRenderer;filteredOptions=this.options;isOpen=false;searchText=null;itemIndex=-1;isScrolled=false;sdChange;dropDownShow;selectRef;searchRef;optionRef;dropdownRef;valueChanged(){this.sdChange?.emit(this.value)}optionsChanged(){this.filteredOptions=this.options;this.filterOptions()}searchTextChanged(){this.filterOptions()}async itemIndexChanged(e,t){if(this.searchable){const e=await this.getNativeInputElement();if(this.itemIndex===-1){e?.focus();return}else if(e?.matches(":focus")){e?.blur()}}const s=Array.from(this.dropdownRef?.querySelectorAll(".sd-select-multiple__dropdown sd-select-option")||[]);const i=s?.[this.itemIndex];if(!i||!this.isOpen)return;this.optionRef=i;const l=await this.optionRef.isDisabled();if(l){e>t?this.itemIndex++:this.itemIndex--;return}this.scrollToOption(i)}async isOpenChanged(){this.onDropdownToggle(this.isOpen);const e=this.getSelectedOption();if(!e){this.itemIndex=-1}else{this.itemIndex=this.options.indexOf(e[0])}this.dropDownShow?.emit({isOpen:this.isOpen});if(this.isOpen===false)return;await new Promise((e=>setTimeout(e,10)));const t=Array.from(this.dropdownRef?.querySelectorAll(".sd-select-multiple__dropdown sd-select-item")||[]);const s=t?.[this.itemIndex];if(this.searchable){const e=await this.getNativeInputElement();e?.focus()}if(!s)return;await new Promise((e=>setTimeout(e,10)));this.scrollToOption(s)}connectedCallback(){this.filteredOptions=this.options;this.initializeEvent()}disconnectedCallback(){this.cleanupEvent()}handleDocumentClick(e){if(!this.selectRef?.contains(e.target)){this.isOpen=false}}handleDocumentKeydown(e){e.stopPropagation();const t=["ArrowDown","ArrowUp","Enter","Escape"];if(!t.includes(e.key))return;e.preventDefault();switch(e.key){case"ArrowDown":case"ArrowUp":const t=new r(this.searchable,this.filteredOptions);const s=t.getNextIndex(this.itemIndex,e.key);this.itemIndex=s;break;case"Enter":const i=this.filteredOptions[this.itemIndex];if(i&&!i.disabled){this.handleOptionSelection(i)}break;case"Escape":this.isOpen=false;break}}handleTriggerClick=e=>{e.stopPropagation();if(!this.disabled){this.isOpen=!this.isOpen;this.dropDownShow?.emit({isOpen:this.isOpen})}};handleOptionClick=e=>{const{option:t,event:s}=e;s.stopPropagation();this.handleOptionSelection(t)};filterOptions(){if(!this.searchText||this.searchText.trim()===""){this.filteredOptions=this.options}else{this.filteredOptions=this.options.filter((e=>e.label.toLowerCase().includes(this.searchText.toLowerCase())))}}getSelectedOption(){return this.options.filter((e=>this.value?.includes(e)))}handleDropdownScroll=e=>{const t=e.target;const s=t.scrollTop;this.isScrolled=s>0};async getNativeInputElement(){if(this.searchRef){return this.searchRef.getNativeElement()}return null}handleOptionSelection=e=>{if(!e||e.disabled)return;const t=this.value?.some((t=>t.value===e.value));if(t){this.value=this.value?.filter((t=>t.value!==e.value))||null}else{this.value=[...this.value||[],e]}};closeDropdown(){this.isOpen=false}scrollToOption(e){if(!this.dropdownRef||!e)return;const t=this.dropdownRef;const s=e.offsetTop;const i=e.offsetHeight;const l=t.scrollTop;const o=t.clientHeight;const r=t.querySelector(".sd-select__search-container");const c=r?r.offsetHeight:0;const n=l+c;const d=l+o;if(s<n){t.scrollTop=s-c}else if(s+i>d){t.scrollTop=s+i-o+c}}render(){const e={"--select-width":this.width||"200px","--select-dropdown-height":this.dropdownHeight||"260px"};return i(l,{key:"5dd79017c9796e6412984675fcd3ec2d03e32012",style:e},i("div",{key:"777e5c8c777fb421c06ccc99ad114077918d3091",class:{"sd-select-multiple":true,"sd-select-multiple--open":this.isOpen,"sd-select-multiple--disabled":this.disabled},ref:e=>this.selectRef=e},this.renderLabel(this.label),i("div",{key:"897dbc13dddd89e3bf3be9b77efe5aa04600ea1f",class:"sd-select-multiple__container"},this.renderTrigger(),this.renderDropdown())))}renderLabel(e){if(!e)return null;return i("label",{class:"sd-select-multiple__label"},e)}renderTrigger(){const e=this.getSelectedOption();return i("div",{class:"sd-select-multiple__trigger",tabindex:this.disabled?-1:0,onClick:this.handleTriggerClick},i("span",{class:"sd-select-multiple__value"},!e?"선택":e.length?e.map((e=>e.label)).join(", "):this.placeholder),this.clearable&&e?.length>0&&!this.disabled&&i("sd-icon",{key:"close-icon",name:"close",size:10,color:"#888",class:"sd-select-multiple__clear",onClick:e=>{e.stopPropagation();this.value=null}}),i("sd-icon",{key:"arrow-icon",name:"arrowDown",color:"#888",class:{"sd-select-multiple__arrow":true,"sd-select-multiple__arrow--open":this.isOpen}}))}renderDropdown(){if(this.isOpen===false)return null;return i("sd-portal",{open:this.isOpen,parentRef:this.selectRef,onSdClose:this.closeDropdown},i("div",{class:"sd-select-multiple__dropdown",onScroll:this.handleDropdownScroll,ref:e=>this.dropdownRef=e},this.searchable&&i("div",{class:{"sd-select-multiple__search-container":true,"sd-select-multiple__search-container--scrolled":this.isScrolled},onClick:e=>e.stopPropagation()},i("sd-input",{ref:e=>this.searchRef=e,value:this.searchText,placeholder:"검색",clearable:true,inputStyle:{"padding-left":"8px"},autofocus:true,onSdInput:e=>{this.searchText=String(e?.detail)},onSdFocus:()=>{this.itemIndex=-1}},i("sd-icon",{name:"search",size:16,color:"#737373",style:{marginRight:"4px"},slot:"prefix"}))),this.filteredOptions.length>0?this.filteredOptions.map(((e,t)=>i("slot",{name:`option-${e.value}`},i("sd-select-option",{option:e,index:t,isSelected:this.value?.some((t=>t.value===e.value)),isFocused:t===this.itemIndex,onOptionClick:({detail:e})=>this.handleOptionClick(e),useCheckbox:this.useCheckbox})))):i("slot",{name:"option-placeholder"},i("div",{class:"sd-select-multiple__option-placeholder"},this.optionPlaceholder))))}static get watchers(){return{value:["valueChanged"],options:["optionsChanged"],searchText:["searchTextChanged"],itemIndex:["itemIndexChanged"],isOpen:["isOpenChanged"]}}};n.style=c;export{n as sd_select_multiple};
-//# sourceMappingURL=p-9099eb05.entry.js.map
+import{r as e,c as t,a as s,h as i,H as l}from"./p-B2T3tS5r.js";import{B as o,S as r}from"./p-C2JaR3A6.js";const n=".sd-select-multiple__dropdown{overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.sd-select-multiple__dropdown::-webkit-scrollbar{opacity:0;background:#e5e5e5}.sd-select-multiple__dropdown::-webkit-scrollbar:horizontal{height:8px}.sd-select-multiple__dropdown::-webkit-scrollbar:vertical{width:8px}.sd-select-multiple__dropdown::-webkit-scrollbar-thumb{height:80px;background-color:#cccccc;border-radius:4px}.sd-select-multiple__dropdown::-webkit-scrollbar-track{background-color:transparent}:host{display:inline-block;height:fit-content;position:relative}.sd-select-multiple{display:flex;flex-wrap:nowrap;width:var(--select-width, 200px);height:28px;cursor:pointer;user-select:none;border:1px solid #aaaaaa;border-radius:4px;background-color:white}.sd-select-multiple:hover:not(.sd-select-multiple--disabled){background:#f6f6f6}.sd-select-multiple.sd-select-multiple--disabled{cursor:not-allowed;background-color:#eeeeee;border-color:#cccccc}.sd-select-multiple.sd-select-multiple--disabled .sd-select-multiple__label{border-right:1px solid #cccccc}.sd-select-multiple.sd-select-multiple--disabled .sd-select-multiple__trigger{color:#888888}.sd-select-multiple.sd-select-multiple--disabled .sd-select-multiple__trigger:focus,.sd-select-multiple.sd-select-multiple--disabled .sd-select-multiple__trigger:focus-visible,.sd-select-multiple.sd-select-multiple--disabled .sd-select-multiple__trigger:focus-within{outline:none !important}.sd-select-multiple__label{font-size:12px;font-weight:500;color:#333333;padding:4px 12px;border-right:1px solid #cccccc;border-radius:4px 0 0 4px;background-color:#f6f6f6}.sd-select-multiple__container{position:relative;width:100%;display:flex}.sd-select-multiple__container .sd-select-multiple__trigger{padding:4px 20px 4px 12px;display:flex;width:100%;align-items:center}.sd-select-multiple__container .sd-select-multiple__trigger .sd-select-multiple__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px;font-size:12px;font-weight:400}.sd-select-multiple__container .sd-select-multiple__trigger .sd-select-multiple__clear{margin:0 4px;width:8px;height:8px;background-color:transparent;outline:none;border:none}.sd-select-multiple__container .sd-select-multiple__arrow{position:absolute;top:8px;right:8px;width:12px;height:12px;color:#888888;transition:transform 0.3s ease}.sd-select-multiple__container .sd-select-multiple__arrow--open{transform:rotate(180deg)}.sd-select-multiple__dropdown{width:var(--select-dropdown-width, 200px);max-height:var(--select-dropdown-height, 260px);padding-bottom:2px;background-color:white;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.1);border-radius:4px;overflow-y:auto;color:#333333}.sd-select-multiple__dropdown .sd-select-multiple__search-container{position:sticky;top:0;display:flex;width:100%;background-color:white;align-items:center;padding:4px 8px;z-index:1}.sd-select-multiple__dropdown .sd-select-multiple__search-container--scrolled{box-shadow:2px 2px 8px 2px rgba(0, 0, 0, 0.2)}.sd-select-multiple__dropdown .sd-select-multiple__option-placeholder{padding:4px 12px;font-size:12px;line-height:20px;text-align:left}";const c=class extends o{constructor(s){super();e(this,s);this.sdChange=t(this,"sdChange");this.dropDownShow=t(this,"dropDownShow")}get el(){return s(this)}value=null;label="";options=[];placeholder="선택";optionPlaceholder="옵션이 없습니다.";width="200px";dropdownHeight="260px";disabled=false;clearable=false;searchable=false;useCheckbox=false;optionRenderer;filteredOptions=this.options;isOpen=false;searchText=null;itemIndex=-1;isScrolled=false;sdChange;dropDownShow;selectRef;searchRef;optionRef;dropdownRef;valueChanged(){this.sdChange?.emit(this.value)}optionsChanged(){this.filteredOptions=this.options;this.filterOptions()}searchTextChanged(){this.filterOptions()}async itemIndexChanged(e,t){if(this.searchable){const e=await this.getNativeInputElement();if(this.itemIndex===-1){e?.focus();return}else if(e?.matches(":focus")){e?.blur()}}const s=Array.from(this.dropdownRef?.querySelectorAll(".sd-select-multiple__dropdown sd-select-option")||[]);const i=s?.[this.itemIndex];if(!i||!this.isOpen)return;this.optionRef=i;const l=await this.optionRef.isDisabled();if(l){e>t?this.itemIndex++:this.itemIndex--;return}this.scrollToOption(i)}async isOpenChanged(){this.onDropdownToggle(this.isOpen);const e=this.getSelectedOption();if(!e){this.itemIndex=-1}else{this.itemIndex=this.options.indexOf(e[0])}this.dropDownShow?.emit({isOpen:this.isOpen});if(this.isOpen===false)return;await new Promise((e=>setTimeout(e,10)));const t=Array.from(this.dropdownRef?.querySelectorAll(".sd-select-multiple__dropdown sd-select-item")||[]);const s=t?.[this.itemIndex];if(this.searchable){const e=await this.getNativeInputElement();e?.focus()}if(!s)return;await new Promise((e=>setTimeout(e,10)));this.scrollToOption(s)}connectedCallback(){this.filteredOptions=this.options;this.initializeEvent()}disconnectedCallback(){this.cleanupEvent()}handleDocumentClick(e){if(!this.selectRef?.contains(e.target)){this.isOpen=false}}handleDocumentKeydown(e){e.stopPropagation();const t=["ArrowDown","ArrowUp","Enter","Escape"];if(!t.includes(e.key))return;e.preventDefault();switch(e.key){case"ArrowDown":case"ArrowUp":const t=new r(this.searchable,this.filteredOptions);const s=t.getNextIndex(this.itemIndex,e.key);this.itemIndex=s;break;case"Enter":const i=this.filteredOptions[this.itemIndex];if(i&&!i.disabled){this.handleOptionSelection(i)}break;case"Escape":this.isOpen=false;break}}handleTriggerClick=e=>{e.stopPropagation();if(!this.disabled){this.isOpen=!this.isOpen;this.dropDownShow?.emit({isOpen:this.isOpen})}};handleOptionClick=e=>{const{option:t,event:s}=e;s.stopPropagation();this.handleOptionSelection(t)};filterOptions(){if(!this.searchText||this.searchText.trim()===""){this.filteredOptions=this.options}else{this.filteredOptions=this.options.filter((e=>e.label.toLowerCase().includes(this.searchText.toLowerCase())))}}getSelectedOption(){return this.options.filter((e=>this.value?.includes(e)))}handleDropdownScroll=e=>{const t=e.target;const s=t.scrollTop;this.isScrolled=s>0};async getNativeInputElement(){if(this.searchRef){return this.searchRef.getNativeElement()}return null}handleOptionSelection=e=>{if(!e||e.disabled)return;const t=this.value?.some((t=>t.value===e.value));if(t){this.value=this.value?.filter((t=>t.value!==e.value))||null}else{this.value=[...this.value||[],e]}};closeDropdown(){this.isOpen=false}scrollToOption(e){if(!this.dropdownRef||!e)return;const t=this.dropdownRef;const s=e.offsetTop;const i=e.offsetHeight;const l=t.scrollTop;const o=t.clientHeight;const r=t.querySelector(".sd-select__search-container");const n=r?r.offsetHeight:0;const c=l+n;const d=l+o;if(s<c){t.scrollTop=s-n}else if(s+i>d){t.scrollTop=s+i-o+n}}render(){const e={"--select-width":this.width||"200px","--select-dropdown-height":this.dropdownHeight||"260px"};return i(l,{key:"86eb209469905a2992fc45ad246420d98df6e78a",style:e},i("div",{key:"a85fc4b2bb5dbf951a1388704923672bd1430355",class:{"sd-select-multiple":true,"sd-select-multiple--open":this.isOpen,"sd-select-multiple--disabled":this.disabled},ref:e=>this.selectRef=e},this.renderLabel(this.label),i("div",{key:"01e1004445aecf2b1f8d1808f6b80cbc675bf378",class:"sd-select-multiple__container"},this.renderTrigger(),this.renderDropdown())))}renderLabel(e){if(!e)return null;return i("label",{class:"sd-select-multiple__label"},e)}renderTrigger(){const e=this.getSelectedOption();return i("div",{class:"sd-select-multiple__trigger",tabindex:this.disabled?-1:0,onClick:this.handleTriggerClick},i("span",{class:"sd-select-multiple__value"},!e?"선택":e.length?e.map((e=>e.label)).join(", "):this.placeholder),this.clearable&&e?.length>0&&!this.disabled&&i("sd-icon",{key:"close-icon",name:"close",size:10,color:"#888",class:"sd-select-multiple__clear",onClick:e=>{e.stopPropagation();this.value=null}}),i("sd-icon",{key:"arrow-icon",name:"arrowDown",color:"#888",class:{"sd-select-multiple__arrow":true,"sd-select-multiple__arrow--open":this.isOpen}}))}renderDropdown(){if(this.isOpen===false)return null;return i("sd-portal",{open:this.isOpen,parentRef:this.selectRef,onSdClose:this.closeDropdown},i("div",{class:"sd-select-multiple__dropdown",onScroll:this.handleDropdownScroll,ref:e=>this.dropdownRef=e},this.searchable&&i("div",{class:{"sd-select-multiple__search-container":true,"sd-select-multiple__search-container--scrolled":this.isScrolled},onClick:e=>e.stopPropagation()},i("sd-input",{ref:e=>this.searchRef=e,value:this.searchText,placeholder:"검색",clearable:true,inputStyle:{"padding-left":"8px"},autofocus:true,onSdInput:e=>{this.searchText=String(e?.detail)},onSdFocus:()=>{this.itemIndex=-1}},i("sd-icon",{name:"search",size:16,color:"#737373",style:{marginRight:"4px"},slot:"prefix"}))),this.filteredOptions.length>0?this.filteredOptions.map(((e,t)=>i("slot",{name:`option-${e.value}`},i("sd-select-option",{option:e,index:t,isSelected:this.value?.some((t=>t.value===e.value)),isFocused:t===this.itemIndex,onOptionClick:({detail:e})=>this.handleOptionClick(e),useCheckbox:this.useCheckbox})))):i("slot",{name:"option-placeholder"},i("div",{class:"sd-select-multiple__option-placeholder"},this.optionPlaceholder))))}static get watchers(){return{value:["valueChanged"],options:["optionsChanged"],searchText:["searchTextChanged"],itemIndex:["itemIndexChanged"],isOpen:["isOpenChanged"]}}};c.style=n;export{c as sd_select_multiple};
+//# sourceMappingURL=p-3e682362.entry.js.map

package/dist/design-system/p-648c4ab4.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as t,H as s}from"./p-B2T3tS5r.js";const a="sd-td{display:table-cell;padding:12px 16px;vertical-align:middle;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all}";const l=class{constructor(t){e(this,t)}name="";align="left";tdStyle;tdClass;render(){return t(s,{key:"0521ae774fb04209ae95584aac87337a825546a7",role:"cell",class:{"sd-td":true,[`sd-td--${this.align}`]:true,[this.tdClass||""]:Boolean(this.tdClass)},style:this.tdStyle},t("slot",{key:"d50eb6a72b8291bd349940430c17fa523f7e2a94"}))}};l.style=a;export{l as sd_td};
+//# sourceMappingURL=p-648c4ab4.entry.js.map

package/dist/design-system/{p-531260cb.entry.js → p-93718467.entry.js}

@@ -1,2 +1,2 @@
-import{r as s,h as e,H as a}from"./p-B2T3tS5r.js";const r="sd-loading-spinner{display:block}sd-loading-spinner .sd-loading-spinner{animation:sd-loading-spin 2s linear infinite;transform-origin:center center}sd-loading-spinner .sd-loading-spinner .path{animation:sd-loading-spin-path 1.5s ease-in-out infinite}@keyframes sd-loading-spin{0%{transform:rotate3d(0, 0, 1, 0deg)}25%{transform:rotate3d(0, 0, 1, 90deg)}50%{transform:rotate3d(0, 0, 1, 180deg)}75%{transform:rotate3d(0, 0, 1, 270deg)}100%{transform:rotate3d(0, 0, 1, 359deg)}}@keyframes sd-loading-spin-path{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35px}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124px}}";const t=class{constructor(e){s(this,e)}render(){return e(a,{key:"8ab87f8cf1e002856b6721de5ca5313ccafb3265"},e("svg",{key:"da44064be6ab5c19d8517eb4da37c4849997715b",class:"sd-loading-spinner text-positive",width:"72px",height:"72px",viewBox:"25 25 50 50"},e("circle",{key:"f446e24aabaf694e4158ec7e91ad4c39e33b4f91",class:"path",cx:"50",cy:"50",r:"20",fill:"none",stroke:"currentColor","stroke-width":"5","stroke-miterlimit":"10"})))}};t.style=r;export{t as sd_loading_spinner};
-//# sourceMappingURL=p-531260cb.entry.js.map
+import{r as s,h as e,H as r}from"./p-B2T3tS5r.js";const a="sd-loading-spinner{display:block}sd-loading-spinner .sd-loading-spinner{animation:sd-loading-spin 2s linear infinite;transform-origin:center center}sd-loading-spinner .sd-loading-spinner .path{animation:sd-loading-spin-path 1.5s ease-in-out infinite}@keyframes sd-loading-spin{0%{transform:rotate3d(0, 0, 1, 0deg)}25%{transform:rotate3d(0, 0, 1, 90deg)}50%{transform:rotate3d(0, 0, 1, 180deg)}75%{transform:rotate3d(0, 0, 1, 270deg)}100%{transform:rotate3d(0, 0, 1, 359deg)}}@keyframes sd-loading-spin-path{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35px}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124px}}";const t=class{constructor(e){s(this,e)}render(){return e(r,{key:"32a6ae7706e16b9db81b71c07f3a21fbb220e60b"},e("svg",{key:"b61e628718162036c1540596b2c65849db37e145",class:"sd-loading-spinner text-positive",width:"72px",height:"72px",viewBox:"25 25 50 50"},e("circle",{key:"5e22c733ac2e24c65267d657443260b70c2b707f",class:"path",cx:"50",cy:"50",r:"20",fill:"none",stroke:"currentColor","stroke-width":"5","stroke-miterlimit":"10"})))}};t.style=a;export{t as sd_loading_spinner};
+//# sourceMappingURL=p-93718467.entry.js.map

package/dist/design-system/{p-a83759ba.entry.js → p-b0f0a38e.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,a as e,h as r}from"./p-B2T3tS5r.js";const s=":host{display:inline-block}:host([full-width]){display:block}.sd-tag{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;border:1px solid transparent;border-radius:4px;transition:all 0.2s ease-in-out;position:relative;overflow:hidden;white-space:nowrap;-webkit-user-select:none;user-select:none;box-sizing:border-box}.sd-tag--custom-color{background:var(--tag-bg-color);color:var(--tag-text-color)}.sd-tag--sm{padding:0 6px;font-size:11px;line-height:18px;height:20px;border-radius:4px}.sd-tag--md{padding:0 8px;font-size:12px;font-weight:700;line-height:20px;height:24px;border-radius:4px}.sd-tag--lg{padding:0 10px;font-size:14px;font-weight:700;line-height:24px;min-height:28px;border-radius:5px}.sd-tag--rounded.sd-tag--sm{border-radius:20px}.sd-tag--rounded.sd-tag--md{border-radius:20px}.sd-tag--rounded.sd-tag--lg{border-radius:15px}";const o={grey:"bg-grey_20 text-grey_70",red:"bg-red_15 text-red_70",orange:"bg-orange_10 text-orange_65",yellow:"bg-yellow_10 text-yellow_60",green:"bg-green_15 text-green_70",blue:"bg-brilliantblue_20 text-brilliantblue_75",darkblue:"bg-oceanblue_15 text-oceanblue_70",indigo:"bg-brilliantblue_10 text-brilliantblue_85"};const i=class{constructor(e){t(this,e)}get el(){return e(this)}size="md";color="grey";rounded=false;label="";bgColor;textColor;getTagClasses(){const t=["sd-tag",`sd-tag--${this.size}`];if(this.rounded){t.push("sd-tag--rounded")}if(this.color&&!this.bgColor&&!this.textColor){t.push(o[this.color])}if(this.bgColor||this.textColor){t.push("sd-tag--custom-color")}return t.join(" ")}renderContent(){return[r("span",{class:"sd-tag__content"},r("slot",null,this.label))]}render(){const t=this.getTagClasses();return r("span",{key:"cd470741451fde311fc3d22d21205ea7bc86295c",class:t,style:{"--tag-bg-color":this.bgColor,"--tag-text-color":this.textColor},"aria-label":this.label||"tag"},this.renderContent())}};i.style=s;export{i as sd_tag};
-//# sourceMappingURL=p-a83759ba.entry.js.map
+import{r as t,a as e,h as r}from"./p-B2T3tS5r.js";const s=":host{display:inline-block}:host([full-width]){display:block}.sd-tag{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;border:1px solid transparent;border-radius:4px;transition:all 0.2s ease-in-out;position:relative;overflow:hidden;white-space:nowrap;-webkit-user-select:none;user-select:none;box-sizing:border-box}.sd-tag--custom-color{background:var(--tag-bg-color);color:var(--tag-text-color)}.sd-tag--sm{padding:0 6px;font-size:11px;line-height:18px;height:20px;border-radius:4px}.sd-tag--md{padding:0 8px;font-size:12px;font-weight:700;line-height:20px;height:24px;border-radius:4px}.sd-tag--lg{padding:0 10px;font-size:14px;font-weight:700;line-height:24px;min-height:28px;border-radius:5px}.sd-tag--rounded.sd-tag--sm{border-radius:20px}.sd-tag--rounded.sd-tag--md{border-radius:20px}.sd-tag--rounded.sd-tag--lg{border-radius:15px}";const o={grey:"bg-grey_20 text-grey_70",red:"bg-red_15 text-red_70",orange:"bg-orange_10 text-orange_65",yellow:"bg-yellow_10 text-yellow_60",green:"bg-green_15 text-green_70",blue:"bg-brilliantblue_20 text-brilliantblue_75",darkblue:"bg-oceanblue_15 text-oceanblue_70",indigo:"bg-brilliantblue_10 text-brilliantblue_85"};const i=class{constructor(e){t(this,e)}get el(){return e(this)}size="md";color="grey";rounded=false;label="";bgColor;textColor;getTagClasses(){const t=["sd-tag",`sd-tag--${this.size}`];if(this.rounded){t.push("sd-tag--rounded")}if(this.color&&!this.bgColor&&!this.textColor){t.push(o[this.color])}if(this.bgColor||this.textColor){t.push("sd-tag--custom-color")}return t.join(" ")}renderContent(){return[r("span",{class:"sd-tag__content"},r("slot",null,this.label))]}render(){const t=this.getTagClasses();return r("span",{key:"613ced33231afd519a2db8f9e2e50356cbba08b1",class:t,style:{"--tag-bg-color":this.bgColor,"--tag-text-color":this.textColor},"aria-label":this.label||"tag"},this.renderContent())}};i.style=s;export{i as sd_tag};
+//# sourceMappingURL=p-b0f0a38e.entry.js.map

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

@@ -0,0 +1,2 @@
+import{r as e,c as t,a as d,h as s,H as a}from"./p-B2T3tS5r.js";import{u as i,t as c}from"./p-QZbqqKSO.js";const r=".sd-date-picker.sc-sd-date-picker-h{width:160px;display:inline-block}.sd-date-picker__menu.sc-sd-date-picker{width:304px;box-sizing:border-box;border-radius:8px;padding:24px 19px;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.2);background:white}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker{display:flex;flex-flow:row nowrap;align-items:center;gap:20px;font-size:14px;padding:0 5px;height:24px;line-height:24px}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .year-nav.sc-sd-date-picker,.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .month-nav.sc-sd-date-picker{display:flex;flex-flow:row nowrap;align-items:center;gap:12px}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .year-nav.sc-sd-date-picker button.sc-sd-date-picker,.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .month-nav.sc-sd-date-picker button.sc-sd-date-picker{background:none;border:none;cursor:pointer;margin:0;padding:0}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .year-nav__current.sc-sd-date-picker{width:40px;text-align:center}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .month-nav__current.sc-sd-date-picker{width:100px;text-align:center}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__days.sc-sd-date-picker{margin-top:8px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr));column-gap:10px;padding:0 5px}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__days.sc-sd-date-picker .day.sc-sd-date-picker{width:28px;height:20px;font-size:12px;line-height:20px;text-align:center;color:#888888}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__body.sc-sd-date-picker{margin-top:12px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr))}";const n=class{constructor(d){e(this,d);this.sdChange=t(this,"sdChange")}get el(){return d(this)}date=null;label;selectable;disabled=false;isOpen=false;currentDate=null;currentYear;currentMonth;sdChange;componentWillLoad(){this.setCalendar()}dateUtil=i();inputEl;setCalendar(){const e=this.date||c;const[t,d]=e.split("-").map(Number);this.currentYear=t;this.currentMonth=d;this.currentDate=this.date}openMenu(){if(this.disabled)return;this.setCalendar();this.isOpen=true}get calendar(){return this.dateUtil.createCalendar(this.currentYear,this.currentMonth)}setCurrentYear(e){this.currentYear=e}setCurrentMonth(e){this.currentMonth=e}setCurrentDate(e){this.currentDate=e}handleUpdateMonth(e){const{newYear:t,newMonth:d}=this.dateUtil.calculateYearMonth(this.currentYear,this.currentMonth,e);this.setCurrentYear(t);this.setCurrentMonth(d)}handleDateClick(e){if(!e)return;const t=this.dateUtil.formatDate(this.currentYear,this.currentMonth,e);this.setCurrentDate(t);this.isOpen=false;this.sdChange.emit?.(t)}isDisabledDate(e){if(!this.selectable)return false;const[t,d]=this.selectable;if(t&&d){return e<t||e>d}if(t){return e<t}if(d){return e>d}return false}handleClose=()=>{this.isOpen=false};render(){return s(a,{key:"ccf25a9ba32ae3a9d4a728441cec27f60a9fc7e9",class:"sd-date-picker"},s("sd-input",{key:"4ff5c22e463b7d6e258b9149d17b97c50a564365",ref:e=>this.inputEl=e,value:this.date,label:this.label,"inside-label":true,readonly:true,disabled:this.disabled,inputClass:"text-center",inputStyle:{margin:"0 0 0 8px"},onClick:()=>this.openMenu()},s("sd-icon",{key:"b6115735445713211458872d96d7798ecd0e3c3b",slot:"prefix",name:"date",size:"16",color:"#737373",class:"date-icon",onClick:()=>this.openMenu()})),this.isOpen&&s("sd-portal",{key:"384446f23b20f09fe08227f7e931e2fde89d4145",open:this.isOpen,parentRef:this.inputEl,onSdClose:this.handleClose},s("div",{key:"edf84c5f16d1a11ca949212e8e7cea64423b3ff4",class:"sd-date-picker__menu"},s("div",{key:"16f11711a1613b7e0b9192ccc36bef0afdb6eff7",class:"sd-date-picker__header"},s("div",{key:"a820e78b4e4177d529777192cb0f32b48c5804b8",class:"year-nav"},s("button",{key:"67ad3a77ed3cea3cda1cda61ad092bbd0387a6d2",type:"button",name:"prev-year",title:"Previous Year",onClick:()=>this.setCurrentYear(this.currentYear-1)},s("sd-icon",{key:"e6880ebbe7367b30f938d256d2b4cb49c34bc14d",name:"arrowLeft",size:"12",color:"#CCCCCC"})),s("span",{key:"4150ecb18efbf880bb91b208fcaf40ef211334e8",class:"year-nav__current"},this.currentYear),s("button",{key:"80db7e25266d667c121b967fa3ac3419b6b44aef",type:"button",name:"next-year",title:"Next Year",onClick:()=>this.setCurrentYear(this.currentYear+1)},s("sd-icon",{key:"bf34d4552d03155ac1edd03f83874b15ca3c816b",name:"arrowRight",size:"12",color:"#CCCCCC"}))),s("div",{key:"b6b532ec57e8d95952a64456da5260a9c4cbea4c",class:"month-nav"},s("button",{key:"bc761495f79071d51775d89c0eb3be311b4f5655",type:"button",name:"prev-month",title:"Previous       ",onClick:()=>this.handleUpdateMonth("prev")},s("sd-icon",{key:"9a5e3196978124041e92645d5fa59c6bedc1848d",name:"arrowLeft",size:"12",color:"#CCCCCC"})),s("span",{key:"d4fa4606954d873e57714b7b4ef489b5737562ab",class:"month-nav__current"},this.currentMonth,"월"),s("button",{key:"29f6ca55d4edaa6db3c637543cf15b6fa013f0cf",type:"button",name:"next-month",title:"Next Month",onClick:()=>this.handleUpdateMonth("next")},s("sd-icon",{key:"a594b7cd4a7b72669c6a1827e71058e0839a6cf1",name:"arrowRight",size:"12",color:"#CCCCCC"})))),s("div",{key:"ff7d9bd0cd169217cd14613fa66dd7dd9de7243f",class:"sd-date-picker__days"},["일","월","화","수","목","금","토"].map((e=>s("div",{key:e,class:"day"},e)))),s("div",{key:"827906b853520a516efcd01fe617062b7c7c99ea",class:"sd-date-picker__body"},[...this.calendar.prevMonthDays,...this.calendar.days,...this.calendar.afterMonthDays].map(((e,t)=>{const d=this.dateUtil.formatDate(this.currentYear,this.currentMonth,Number(e));return s("sd-date-box",{key:`${e}_${t}`,date:!e?"":Number(e),selected:this.currentDate===d,isToday:c===d,disabled:!e?true:this.isDisabledDate(d),onClick:!this.isDisabledDate(d)&&e?()=>this.handleDateClick(Number(e)):undefined})}))))))}};n.style=r;export{n as sd_date_picker};
+//# sourceMappingURL=p-bbb3f844.entry.js.map

package/dist/design-system/{p-360dd6ab.entry.js → p-cc279370.entry.js}

@@ -1,2 +1,2 @@
-import{r,h as s,H as e}from"./p-B2T3tS5r.js";const o="sd-progress{display:block}sd-progress .sd-progress__bar{position:relative;width:360px;height:20px;overflow:hidden;border-radius:4px;background-color:#eeeeee;text-align:center}sd-progress .sd-progress__bar__percent{width:var(--progress-percentage);height:100%;border-radius:4px;background-color:var(--progress-color, #0075ff);transition:all 0.5s}sd-progress .sd-progress__bar__percent.proceed{border-top-right-radius:50%}sd-progress .sd-progress__bar__indicator{position:absolute;left:0;top:0;height:20px;width:100%;background-color:#eeeeee;line-height:21px;z-index:1}sd-progress .sd-progress__bar__indicator--left{color:var(--progress-color, #0075ff);clip-path:inset(0 0 0 var(--progress-percentage))}sd-progress .sd-progress__bar__indicator--right{color:white;background-color:var(--progress-color, #0075ff);clip-path:inset(0 calc(100% - var(--progress-percentage)) 0 0)}sd-progress .sd-progress__spinner{display:flex;flex-direction:column;align-items:center;justify-content:center}sd-progress .sd-progress__spinner svg{transform:rotate(-90deg)}sd-progress .sd-progress__spinner__label{margin-top:8px;font-size:16px;color:var(--progress-color, #0075ff)}sd-progress .sd-progress__label{margin-top:4px;font-size:12px;color:#222222;text-align:center}";const t=class{constructor(s){r(this,s)}type="bar";status="default";percentage=0;size=80;strokeWidth=12;label;statusColor={default:"#aaaaaa",progress:"#0075ff",complete:"#12B553",error:"#FB4444"};render(){return s(e,{key:"5ac52da4809e45fc5bc69991aea3bd423b72ffdc",style:{"--progress-color":this.statusColor[this.status],"--progress-percentage":`${this.percentage}%`}},this.type==="bar"?this.renderBarProgress():this.renderSpinnerProgress(),this.label&&s("div",{key:"7758a60580ab05cd2dd396b16cc4483d890e0498",class:"sd-progress__label"},this.label))}renderBarProgress(){return s("div",{class:`sd-progress__bar sd-progress__bar--${this.status}`},s("div",{class:["sd-progress__bar__percent",this.percentage<100?"proceed":""].join(" ")}),s("div",{class:"sd-progress__bar__indicator sd-progress__bar__indicator--left"},this.percentage,"%"),s("div",{class:"sd-progress__bar__indicator sd-progress__bar__indicator--right"},this.percentage,"%"))}renderSpinnerProgress(){const r=(this.size-this.strokeWidth)/2;const e=2*Math.PI*r;const o=e-this.percentage/100*e;const t=`${this.size}px`;const i=`${this.size/2}px`;return s("div",{class:`sd-progress__spinner sd-progress__spinner--${this.status}`},s("svg",{width:t,height:t},s("circle",{cx:i,cy:i,r,stroke:"#EEEEEE","stroke-width":this.strokeWidth,fill:"transparent"}),s("circle",{cx:i,cy:i,r,stroke:this.statusColor[this.status],"stroke-width":this.strokeWidth,fill:"transparent","stroke-dasharray":e,"stroke-dashoffset":o,"stroke-linecap":"round",class:"transition-all duration-500"})),s("strong",{class:"sd-progress__spinner__label"},this.percentage," %"))}};t.style=o;export{t as sd_progress};
-//# sourceMappingURL=p-360dd6ab.entry.js.map
+import{r,h as s,H as e}from"./p-B2T3tS5r.js";const o="sd-progress{display:block}sd-progress .sd-progress__bar{position:relative;width:360px;height:20px;overflow:hidden;border-radius:4px;background-color:#eeeeee;text-align:center}sd-progress .sd-progress__bar__percent{width:var(--progress-percentage);height:100%;border-radius:4px;background-color:var(--progress-color, #0075ff);transition:all 0.5s}sd-progress .sd-progress__bar__percent.proceed{border-top-right-radius:50%}sd-progress .sd-progress__bar__indicator{position:absolute;left:0;top:0;height:20px;width:100%;background-color:#eeeeee;line-height:21px;z-index:1}sd-progress .sd-progress__bar__indicator--left{color:var(--progress-color, #0075ff);clip-path:inset(0 0 0 var(--progress-percentage))}sd-progress .sd-progress__bar__indicator--right{color:white;background-color:var(--progress-color, #0075ff);clip-path:inset(0 calc(100% - var(--progress-percentage)) 0 0)}sd-progress .sd-progress__spinner{display:flex;flex-direction:column;align-items:center;justify-content:center}sd-progress .sd-progress__spinner svg{transform:rotate(-90deg)}sd-progress .sd-progress__spinner__label{margin-top:8px;font-size:16px;color:var(--progress-color, #0075ff)}sd-progress .sd-progress__label{margin-top:4px;font-size:12px;color:#222222;text-align:center}";const t=class{constructor(s){r(this,s)}type="bar";status="default";percentage=0;size=80;strokeWidth=12;label;statusColor={default:"#aaaaaa",progress:"#0075ff",complete:"#12B553",error:"#FB4444"};render(){return s(e,{key:"1bbd63533b614796a5eaf2009a3b2be2e33a0fc5",style:{"--progress-color":this.statusColor[this.status],"--progress-percentage":`${this.percentage}%`}},this.type==="bar"?this.renderBarProgress():this.renderSpinnerProgress(),this.label&&s("div",{key:"94fd4a76b8fcc32b2a6f0575ffcc819c7e908d28",class:"sd-progress__label"},this.label))}renderBarProgress(){return s("div",{class:`sd-progress__bar sd-progress__bar--${this.status}`},s("div",{class:["sd-progress__bar__percent",this.percentage<100?"proceed":""].join(" ")}),s("div",{class:"sd-progress__bar__indicator sd-progress__bar__indicator--left"},this.percentage,"%"),s("div",{class:"sd-progress__bar__indicator sd-progress__bar__indicator--right"},this.percentage,"%"))}renderSpinnerProgress(){const r=(this.size-this.strokeWidth)/2;const e=2*Math.PI*r;const o=e-this.percentage/100*e;const t=`${this.size}px`;const i=`${this.size/2}px`;return s("div",{class:`sd-progress__spinner sd-progress__spinner--${this.status}`},s("svg",{width:t,height:t},s("circle",{cx:i,cy:i,r,stroke:"#EEEEEE","stroke-width":this.strokeWidth,fill:"transparent"}),s("circle",{cx:i,cy:i,r,stroke:this.statusColor[this.status],"stroke-width":this.strokeWidth,fill:"transparent","stroke-dasharray":e,"stroke-dashoffset":o,"stroke-linecap":"round",class:"transition-all duration-500"})),s("strong",{class:"sd-progress__spinner__label"},this.percentage," %"))}};t.style=o;export{t as sd_progress};
+//# sourceMappingURL=p-cc279370.entry.js.map

package/dist/design-system/{p-0e24195b.entry.js → p-cde3982d.entry.js}

@@ -1,2 +1,2 @@
-import{r as d,h as e,H as s}from"./p-B2T3tS5r.js";import{r as a}from"./p-BYf-ybt2.js";const b=".sd-badge.sc-sd-badge{display:inline-flex;align-items:center;justify-content:center}.sd-badge.sc-sd-badge .sd-badge__dot.sc-sd-badge{background:var(--sd-badge-color, #0075ff)}.sd-badge.sc-sd-badge .sd-badge__label.sc-sd-badge{margin-left:8px;font-size:12px;font-weight:500;line-height:20px;color:#333333}.sd-badge--sm.sc-sd-badge .sd-badge__dot.sc-sd-badge{width:4px;height:4px;min-width:4px;min-height:4px;border-radius:2px}.sd-badge--md.sc-sd-badge .sd-badge__dot.sc-sd-badge{width:8px;height:8px;min-width:8px;min-height:8px;border-radius:4px}";const t=class{constructor(e){d(this,e)}size="md";color="brilliantblue_75";label="";render(){const d=a(this.color);return e(s,{key:"6fc1c113b707f4419fa48c8b4b78be6a7bbf6b83"},e("div",{key:"ab3297321ee0e6e742acd408901dce1b5894d200",class:`sd-badge sd-badge--${this.size}`,style:{"--sd-badge-color":d}},e("div",{key:"02f42d0ba064db273d83671e9c271c543787daf8",class:"sd-badge__dot"}),e("div",{key:"f6a175282ab77e9a8ac2098029ac1aab5cb66190",class:"sd-badge__label"},this.label)))}};t.style=b;export{t as sd_badge};
-//# sourceMappingURL=p-0e24195b.entry.js.map
+import{r as d,h as e,H as s}from"./p-B2T3tS5r.js";import{r as a}from"./p-BYf-ybt2.js";const t=".sd-badge.sc-sd-badge{display:inline-flex;align-items:center;justify-content:center}.sd-badge.sc-sd-badge .sd-badge__dot.sc-sd-badge{background:var(--sd-badge-color, #0075ff)}.sd-badge.sc-sd-badge .sd-badge__label.sc-sd-badge{margin-left:8px;font-size:12px;font-weight:500;line-height:20px;color:#333333}.sd-badge--sm.sc-sd-badge .sd-badge__dot.sc-sd-badge{width:4px;height:4px;min-width:4px;min-height:4px;border-radius:2px}.sd-badge--md.sc-sd-badge .sd-badge__dot.sc-sd-badge{width:8px;height:8px;min-width:8px;min-height:8px;border-radius:4px}";const b=class{constructor(e){d(this,e)}size="md";color="brilliantblue_75";label="";render(){const d=a(this.color);return e(s,{key:"5df42cc1856254985b5eddfbf7e8a5eb5aa93dac"},e("div",{key:"258c324d03532aa4da84fa205d7cc0fc139e9dde",class:`sd-badge sd-badge--${this.size}`,style:{"--sd-badge-color":d}},e("div",{key:"a6610ee91000186e7a483deb1e147faf481d37c1",class:"sd-badge__dot"}),e("div",{key:"62020c4e5e2139a4449cdcc7c461bf93e49ffee0",class:"sd-badge__label"},this.label)))}};b.style=t;export{b as sd_badge};
+//# sourceMappingURL=p-cde3982d.entry.js.map

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

@@ -0,0 +1,2 @@
+import{r as s,a as e,h as o,F as t}from"./p-B2T3tS5r.js";import{T as i}from"./p-BE6EMCXm.js";const a=".sd-popover{position:relative;cursor:pointer;display:inline-block}";const c=class{constructor(e){s(this,e)}get el(){return e(this)}show=false;placement="bottom";color="#01BB4B";icon="helpOutline";iconSize=12;label="";buttonSize="sm";buttonVariant="primary";menuTitle;messages=[];buttons=[];menuClass="";noHover=true;useClose=false;showPopover=false;slotContent="";watchShowHandler(s){this.showPopover=s}componentWillLoad(){this.showPopover=this.show;this.slotContent=this.el.innerHTML;console.log(this.el)}buttonEl;handleClose=()=>{this.showPopover=false};render(){return o(t,{key:"f7d868fe01f6581696734d08170c59d6e2d66c94"},this.label?o("sd-button",{ref:s=>this.buttonEl=s,label:this.label,icon:this.icon,size:this.buttonSize,color:this.color,variant:this.buttonVariant,class:"sd-popover",onClick:()=>(console.log("click popover"),this.showPopover=!this.showPopover)}):o("sd-icon",{ref:s=>this.buttonEl=s,name:this.icon,size:this.iconSize,color:this.color,class:"sd-popover",onClick:()=>(console.log("click popover"),this.showPopover=!this.showPopover)}),this.showPopover&&o("sd-tooltip-portal",{key:"7846b8c93a38969514390a1ea40d5afe6c200de2",parentRef:this.buttonEl,onSdClose:this.handleClose,placement:this.placement},o("div",{key:"be1329e93d0ab1e66bf575a094a25290bddd5eeb",class:{"sd-popover-menu":true,[`sd-popover-menu--${this.placement}`]:true,[this.menuClass]:!!this.menuClass}},o("i",{key:"1c3127247ddc6044e53a75d4579125e1daab032a",class:`sd-popover-menu__arrow sd-popover-menu__arrow--${this.placement}`},o(i,{key:"d1024814728db04093907521b580bdf0359e9aed"})),o("div",{key:"2e2fcca71d8ac944c55c013eb14cd5b59567aa6e",class:"sd-popover-menu__content"},this.menuTitle&&o("div",{key:"cc6c83b6fa37e70a7deb430720693592b8a41e71",class:"sd-popover-menu__title"},this.menuTitle),this.messages.length>0&&o("div",{key:"f91f9a3f1a45485743d76cae7c016bd63564613d",class:"sd-popover-menu__messages"},this.messages.map((s=>o("div",null,s)))),this.buttons.length>0&&o("div",{key:"ffd219508aa2f6b3b28f1491091ce1a8fbb2d6aa",class:`sd-popover-menu__buttons sd-popover-menu__buttons--${this.buttons.length}`},this.buttons.map((s=>o("sd-button",{...s}))))),this.useClose&&o("button",{key:"75697c3987694b0f27626b3731b93b84cc9c81a6",class:"sd-popover-menu__close-button",onClick:()=>this.handleClose()},o("sd-icon",{key:"fc139a83b11abf239e017dd0d9caf1568c36c99d",name:"close",size:"12",color:"#AAAAAA"})))))}static get watchers(){return{show:["watchShowHandler"]}}};c.style=a;export{c as sd_popover};
+//# sourceMappingURL=p-d3bb6c6a.entry.js.map

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

@@ -0,0 +1,2 @@
+import{r as t,c as e,a as s,h as a,H as d}from"./p-B2T3tS5r.js";const l='.sd-table__wrapper .sd-table__container .sd-table__middle{overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar{opacity:0;background:#e5e5e5}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar:horizontal{height:8px}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar:vertical{width:8px}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar-thumb{height:80px;background-color:#cccccc;border-radius:4px}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar-track{background-color:transparent}.sd-table__wrapper{height:var(--table-height, auto);width:var(--table-width, 100%);color:#222222}.sd-table__wrapper .sd-table__container{width:100%;height:var(--table-height, auto);border:1px solid #e1e1e1;border-radius:8px;font-size:12px;overflow:hidden}.sd-table__wrapper .sd-table__container .sd-table__middle{overflow:auto;position:relative;will-change:scroll-position}.sd-table__wrapper .sd-table__container .sd-table__middle--scrollable{height:var(--table-height, auto)}.sd-table__wrapper .sd-table__container .sd-table__middle--loading{overflow:hidden !important}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table{background-color:white;display:table;width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--selectable td.sd-td--selected,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--selectable th.sd-th--selected{width:52px !important;max-width:52px !important;min-width:52px !important;padding:0 10px 0 24px;text-align:left}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-header thead{position:sticky;top:0;z-index:120}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column th.sticky-left,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column th.sticky-right{position:sticky;background-color:#f5faff;z-index:110 !important}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column td.sticky-left,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column td.sticky-right{position:sticky;background-color:white;z-index:100 !important}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column .sticky-left{left:var(--sticky-left-offset, 0)}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column .sticky-right{right:var(--sticky-right-offset, 0)}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column th.sticky-cell{position:sticky;z-index:102;background-color:#f5faff}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column td.sticky-cell{position:sticky;z-index:101;background-color:white}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left th.sticky-left-edge,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left td.sticky-left-edge{overflow:visible}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left th.sticky-left-edge:after,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left td.sticky-left-edge:after{content:"";position:absolute;top:0;left:100%;right:-20px;width:20px;height:100%;z-index:101 !important;box-shadow:inset 12px 0 20px -25px;opacity:1;pointer-events:none}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right th.sticky-right-edge,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right td.sticky-right-edge{overflow:visible}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right th.sticky-right-edge:after,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right td.sticky-right-edge:after{content:"";position:absolute;top:0;left:-20px;width:20px;height:100%;z-index:101 !important;box-shadow:inset -12px 0 20px -25px;opacity:1;pointer-events:none}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--no-data thead{opacity:0.4}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--no-data thead tr th.sd-th{border-bottom:1px solid rgba(225, 225, 225, 0.4) !important}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table sd-td,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table sd-th,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table .sd-th__content--label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead{height:36px}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr{width:100%}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th{background:#f5faff;height:36px;padding:0 16px;font-weight:500;vertical-align:middle;border-bottom:1px solid #e1e1e1;-webkit-user-select:none;user-select:none;position:relative}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content{display:flex;flex-flow:row nowrap;align-items:center;gap:4px}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content--left{justify-content:flex-start}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content--center{justify-content:center}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content--right{justify-content:flex-end}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__resizer{position:absolute;top:50%;right:0;transform:translateY(-50%);width:4px;height:16px;cursor:col-resize;z-index:3;border-left:1px solid #cccccc;border-right:1px solid #cccccc}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody .sd-table__loading{position:absolute;top:0;left:0;width:100%;height:100%;min-height:100%;background:rgba(255, 255, 255, 0.6);z-index:200;display:flex;align-items:center;justify-content:center}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr td{height:44px;padding:0 16px;border-bottom:1px solid #e1e1e1;background:white;vertical-align:middle}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr td.sd-td--left{text-align:left}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr td.sd-td--center{text-align:center}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr td.sd-td--right{text-align:right}.sd-table__wrapper .sd-table__container .sd-table__bottom{background:white;text-align:center}.sd-table__wrapper .sd-table__container .sd-table__bottom .sd-table__no-data{padding-top:15%;color:#888888}.sd-table__wrapper .sd-table__pagination{position:relative;background:#f9f9f9;height:48px;display:flex;align-items:center;justify-content:center;border:1px solid #e1e1e1;border-top:none;border-radius:8px}.sd-table__wrapper .sd-table__pagination sd-select{position:absolute;right:10px;top:50%;transform:translateY(-50%)}';const i=class{constructor(s){t(this,s);this.sdSelectChange=e(this,"sdSelectChange");this.sdPageChange=e(this,"sdPageChange");this.sdRowsPerPageChange=e(this,"sdRowsPerPageChange")}get el(){return s(this)}columns;rows;selected=new Set;rowKey="id";selectable=false;resizable=false;width;height;stickyHeader=false;stickyColumn={left:0,right:0};noDataLabel="데이터가 없습니다.";isLoading=false;pagination;bodyCellRenderer;useInternalPagination=false;useRowsPerPageSelect=false;rowsPerPageOption=[{label:"10개씩 보기",value:10},{label:"25개씩 보기",value:25},{label:"50개씩 보기",value:50},{label:"100개씩 보기",value:100}];sdSelectChange;sdPageChange;sdRowsPerPageChange;currentPage=this.pagination?.page||1;innerRows=[];innerSelected=new Set;columnWidths=[];scrolledLeft=false;scrolledRight=false;handleColumnsChange(t){this.columnWidths=t.map((t=>parseInt(t.width||"120",10)))}handleRowsChange(t){this.innerRows=[...t]}handleSelectedChange(t){this.innerSelected=new Set(t)}handlePaginationChange(t){if(t?.page&&t.page!==this.currentPage)this.currentPage=t.page}componentWillLoad(){this.innerRows=[...this.rows||[]];this.innerSelected=new Set(this.selected);this.columnWidths=(this.columns||[]).map((t=>parseInt(t.width||"120",10)));if(this.pagination?.page){this.currentPage=this.pagination.page}}componentDidLoad(){if(typeof window==="undefined")return;const t=this.el.querySelector(".sd-table__middle");if(!t)return;const e=()=>{const{scrollLeft:e,scrollWidth:s,clientWidth:a}=t;this.scrolledLeft=e>0;this.scrolledRight=e+a<s};t.addEventListener("scroll",e,{passive:true});e()}get visibleColumns(){return this.columns.filter((t=>t.visible!==false))}get paginatedRows(){if(!this.pagination||!this.useInternalPagination)return this.innerRows;const{rowsPerPage:t=this.rows.length}=this.pagination||{};const e=this.innerRows.slice((this.currentPage-1)*t,this.currentPage*t);return e}get lastPageNumber(){const{lastPage:t,rowsPerPage:e=this.rows.length}=this.pagination||{};return t??Math.max(1,Math.ceil(this.rows.length/e))}get sdTableClasses(){return["sd-table",this.stickyHeader&&"sd-table--sticky-header",this.selectable&&"sd-table--selectable",this.resizable&&"sd-table--resizable",!this.innerRows.length&&"sd-table--no-data",((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"].filter(Boolean).join(" ")}isRowSelected(t){return Array.from(this.innerSelected).some((e=>e[this.rowKey]===t[this.rowKey]))}updateRowSelect(t){const e=Array.from(this.innerSelected);const s=this.isRowSelected(t);const a=s?e.filter((e=>e[this.rowKey]!==t[this.rowKey])):[...e,t];if(a.length===e.length)return;this.innerSelected=new Set(a);this.sdSelectChange.emit(Array.from(this.innerSelected))}toggleSelectAll(t){if(t){const t=new Set([...this.paginatedRows]);this.innerSelected=new Set([...this.innerSelected,...t])}else{const t=this.paginatedRows.map((t=>t[this.rowKey]));this.innerSelected=new Set([...this.innerSelected].filter((e=>!t.includes(e[this.rowKey]))))}this.sdSelectChange.emit(Array.from(this.innerSelected))}get isAllChecked(){const t=this.paginatedRows.length;const e=this.paginatedRows.filter((t=>Array.from(this.innerSelected).some((e=>e[this.rowKey]===t[this.rowKey])))).length;if(e===0)return false;if(e===t)return true;return null}getStickyStyle(t){const e=this.columnWidths.slice(0,t).reduce(((t,e)=>t+e),0)+(this.selectable?52:0);const s=this.columnWidths.filter(((e,s)=>s>=this.visibleColumns.length-(this.stickyColumn.right||0)&&s>t)).reduce(((t,e)=>t+e),0);return{"--sticky-left-offset":`${e}px`,"--sticky-right-offset":`${s}px`,width:`${this.columnWidths[t]}px`,minWidth:`${this.columnWidths[t]}px`,maxWidth:`${this.columnWidths[t]}px`}}handleResize(t,e){if(typeof document==="undefined")return;const s=e.clientX;const a=this.columnWidths[t];const d=e=>{const d=Math.max(a+e.clientX-s,50);this.columnWidths=this.columnWidths.map(((e,s)=>s===t?d:e))};const l=()=>{document.removeEventListener("mousemove",d);document.removeEventListener("mouseup",l)};document.addEventListener("mousemove",d);document.addEventListener("mouseup",l)}getCellValue(t,e){const{field:s,format:a,name:d}=t;const l=typeof s==="function"?s(e):s?e[s]:e[d];return a?a(l,e):l}renderHeader(){return a("thead",null,a("tr",null,this.selectable&&a("th",{class:{"sd-th":true,"sd-th--selected":true,"sticky-left":Boolean(this.stickyColumn.left&&this.stickyColumn.left>0)},style:{"--sticky-left-offset":"0px"}},a("sd-checkbox",{checked:this.isAllChecked,disabled:!this.paginatedRows.length,onSdChange:t=>this.toggleSelectAll(t.detail)})),this.visibleColumns.map(((t,e)=>a("th",{key:t.name,class:{"sd-th":true,[`${t.thClass}`]:Boolean(t.thClass),"sticky-left":Boolean(this.stickyColumn.left&&e<this.stickyColumn.left),"sticky-right":Boolean(this.stickyColumn.right&&e>=this.visibleColumns.length-this.stickyColumn.right),"sticky-left-edge":Boolean(this.stickyColumn.left&&e===this.stickyColumn.left-1),"sticky-right-edge":Boolean(this.stickyColumn.right&&e===this.visibleColumns.length-this.stickyColumn.right)},style:this.getStickyStyle(e)},a("div",{class:`sd-th__content sd-th__content--${t.align||"left"}`},a("slot",{name:`header-cell-${t.name}`},a("div",{class:"sd-th__content--label"},t.label)),t.usePageMoveIcon&&a("sd-icon",{name:"pageMove",size:"12",color:"#006AC1"}),t.tooltip&&a("sd-tooltip",{...t.tooltipOptions},a("div",{slot:"content"},t.tooltip.map((t=>a("p",null,t)))))),this.resizable&&typeof window!=="undefined"&&a("div",{class:"sd-th__resizer",onMouseDown:t=>this.handleResize(e,t)}))))))}renderBody(){return a("tbody",{...!this.paginatedRows.length&&{part:"tbody-empty"}},this.isLoading&&a("div",{class:"sd-table__loading"},a("sd-loading-spinner",null)),this.paginatedRows.length>0&&this.paginatedRows.map(((t,e)=>a("tr",{key:t[this.rowKey],class:"hover:bg-Grey_Lighten-6"},this.selectable&&a("td",{class:{"sd-td":true,"sd-td--selected":true,"sticky-left":Boolean(this.stickyColumn.left&&this.stickyColumn.left>0)},style:{"--sticky-left-offset":"0px"}},a("sd-checkbox",{checked:this.isRowSelected(t),disabled:!this.paginatedRows.length,onSdChange:()=>this.updateRowSelect(t)})),this.visibleColumns.map(((s,d)=>{const l=this.bodyCellRenderer?.(s,t);return a("td",{key:s.name,part:`td-${s.name}`,class:{"sd-td":true,[`sd-td--${s.align||"left"}`]:true,"sticky-left":Boolean(this.stickyColumn.left&&d<this.stickyColumn.left),"sticky-right":Boolean(this.stickyColumn.right&&d>=this.visibleColumns.length-this.stickyColumn.right),"sticky-left-edge":Boolean(this.stickyColumn.left&&d===this.stickyColumn.left-1),"sticky-right-edge":Boolean(this.stickyColumn.right&&d===this.visibleColumns.length-this.stickyColumn.right),[`${s.tdClass}`]:Boolean(s.tdClass)},style:this.getStickyStyle(d)},a("slot",{name:`body-cell-${s.name}-${e}`},l?typeof l==="string"?a("span",{innerHTML:l}):l:this.getCellValue(s,t)))}))))))}render(){return a(d,{key:"ee3eb5ad4f65daab37de226dad5dbb9f9a64c82d"},a("div",{key:"3e05c9484a72cef763c46b1ebcda1832b89f8825",class:"sd-table__wrapper",style:{"--table-width":this.width,"--table-height":this.height}},a("div",{key:"e31f9c354d9c66eb3e4f5881ea0af7b435725977",class:"sd-table__container"},a("div",{key:"630e1b8503fc9917b9dd19179aa08612ecd77b25",class:{"sd-table__middle":true,"sd-table__middle--scrollable":this.paginatedRows.length>0,"sd-table__middle--loading":this.isLoading}},a("table",{key:"b80c56b7445ffd197621c5040e27d05b6c97653e",part:"table",class:this.sdTableClasses},this.renderHeader(),this.renderBody())),a("div",{key:"f6f5bcf2b67dde98c3bb2b766e834d72a2e0c9bc",class:"sd-table__bottom"},!this.paginatedRows.length&&a("div",{key:"a3a85d00cb08cb66af7afbf0a86a2ca9e5666870",class:"sd-table__no-data"},a("slot",{key:"c1610ef9b817d35e067d34746286861a24080f90",name:"no-data"},this.noDataLabel)))),this.pagination&&this.innerRows.length>0&&a("div",{key:"d449f2aa604b623c52cbec21dbb5f07c0c06098e",class:"sd-table__pagination"},a("sd-pagination",{key:"f051c1760a8742e9c793efd8f6cebacb6b51e1d8",currentPage:!this.useInternalPagination?this.pagination.page:this.currentPage,lastPage:!this.useInternalPagination?this.pagination.lastPage:this.lastPageNumber,onPageChange:t=>{if(!this.useInternalPagination){this.sdPageChange.emit(t.detail)}else{this.currentPage=t.detail;this.sdPageChange.emit(this.currentPage)}}}),this.useRowsPerPageSelect&&a("sd-select",{key:"81542b68c3019afa6e1d85d4d92ebf1ab8893646",value:this.pagination.rowsPerPage,options:this.rowsPerPageOption,width:"128px",onSdChange:t=>{const e=t.detail.value?Number(t.detail.value):0;if(!this.useInternalPagination){this.sdRowsPerPageChange.emit(e)}else{const s=Number(t.detail.value||0);let a=Math.max(1,Math.ceil(this.innerRows.length/s));let d=this.currentPage;if(d>a){d=a}this.pagination={page:d,rowsPerPage:s,lastPage:a};this.currentPage=d;this.sdRowsPerPageChange.emit(e)}}}))))}static get watchers(){return{columns:["handleColumnsChange"],rows:["handleRowsChange"],selected:["handleSelectedChange"],pagination:["handlePaginationChange"]}}};i.style=l;export{i as sd_table_backup};
+//# sourceMappingURL=p-fcd5eb87.entry.js.map

package/dist/design-system/p-fcd5eb87.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["registerInstance","createEvent","getElement","h","Host","sdTableBackupCss","SdTable","constructor","hostRef","this","sdSelectChange","sdPageChange","sdRowsPerPageChange","el","columns","rows","selected","Set","rowKey","selectable","resizable","width","height","stickyHeader","stickyColumn","left","right","noDataLabel","isLoading","pagination","bodyCellRenderer","useInternalPagination","useRowsPerPageSelect","rowsPerPageOption","label","value","currentPage","page","innerRows","innerSelected","columnWidths","scrolledLeft","scrolledRight","handleColumnsChange","newCols","map","c","parseInt","handleRowsChange","newRows","handleSelectedChange","newSelected","handlePaginationChange","newVal","componentWillLoad","componentDidLoad","window","middle","querySelector","onScroll","scrollLeft","scrollWidth","clientWidth","addEventListener","passive","visibleColumns","filter","col","visible","paginatedRows","rowsPerPage","length","result","slice","lastPageNumber","lastPage","Math","max","ceil","sdTableClasses","Boolean","join","isRowSelected","row","Array","from","some","r","updateRowSelect","selectedArray","exists","emit","toggleSelectAll","checked","pageRows","currentPageKeys","includes","isAllChecked","total","selectedCount","selectedRow","getStickyStyle","colIdx","leftOffset","reduce","a","b","rightOffset","_","i","minWidth","maxWidth","handleResize","index","event","document","startX","clientX","startWidth","handleMouseMove","moveEvent","newWidth","idx","handleMouseUp","removeEventListener","getCellValue","column","field","format","name","renderHeader","class","style","disabled","onSdChange","e","detail","key","thClass","align","usePageMoveIcon","size","color","tooltip","tooltipOptions","slot","text","onMouseDown","evt","renderBody","part","rowIdx","rendered","tdClass","innerHTML","render","onPageChange","options","changedRowsPerPage","Number","newRowsPerPage","newLastPage","newCurrentPage","watchers"],"sources":["0"],"mappings":"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","ignoreList":[]}

package/dist/design-system/sd-table-backup.entry.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-table-backup.entry.esm.js","sources":["src/components/sd-table-backup/sd-table-backup.scss?tag=sd-table-backup","src/components/sd-table-backup/sd-table-backup.tsx"],"sourcesContent":["@import 'variables.scss';\n@import 'extend.scss';\n\n.sd-table__wrapper {\n height: var(--table-height, auto);\n width: var(--table-width, 100%);\n color: $grey_95;\n\n .sd-table__container {\n  width: 100%;\n  height: auto;\n  border: 1px solid $grey_30;\n  border-radius: 8px;\n  font-size: 12px;\n  overflow: hidden;\n\n  .sd-table__middle {\n   overflow: auto;\n   position: relative;\n   will-change: scroll-position;\n   height: var(--table-height, auto);\n   @extend %scrollBar;\n\n   &--loading {\n    overflow: hidden !important;\n   }\n\n   .sd-table {\n    background-color: white;\n    display: table;\n    width: 100%;\n    height: 100%;\n    border-collapse: separate;\n    border-spacing: 0;\n    table-layout: fixed;\n\n    &--selectable {\n     td.sd-td--selected,\n     th.sd-th--selected {\n      width: 52px !important;\n      max-width: 52px !important;\n      min-width: 52px !important;\n      padding: 0 10px 0 24px;\n      text-align: left;\n     }\n    }\n\n    &--sticky-header {\n     thead {\n      position: sticky;\n      top: 0;\n      z-index: 120;\n     }\n    }\n\n    &--sticky-column {\n     th.sticky-left,\n     th.sticky-right {\n      position: sticky;\n      background-color: $th-bg;\n      z-index: 110 !important;\n     }\n     td.sticky-left,\n     td.sticky-right {\n      position: sticky;\n      background-color: white;\n      z-index: 100 !important;\n     }\n\n     .sticky-left {\n      left: var(--sticky-left-offset, 0);\n     }\n     .sticky-right {\n      right: var(--sticky-right-offset, 0);\n     }\n\n     th.sticky-cell {\n      position: sticky;\n      z-index: 102;\n      background-color: $th-bg;\n     }\n     td.sticky-cell {\n      position: sticky;\n      z-index: 101;\n      background-color: white;\n     }\n    }\n\n    &--scrolled-left {\n     th.sticky-left-edge,\n     td.sticky-left-edge {\n      overflow: visible;\n      &:after {\n       content: '';\n       position: absolute;\n       top: 0;\n       left: 100%;\n       right: -20px;\n       width: 20px;\n       height: 100%;\n       z-index: 101 !important;\n       box-shadow: inset 12px 0 20px -25px;\n       opacity: 1;\n       pointer-events: none;\n      }\n     }\n    }\n\n    &--scrolled-right {\n     th.sticky-right-edge,\n     td.sticky-right-edge {\n      overflow: visible;\n\n      &:after {\n       content: '';\n       position: absolute;\n       top: 0;\n       left: -20px;\n       width: 20px;\n       height: 100%;\n       z-index: 101 !important;\n       box-shadow: inset -12px 0 20px -25px;\n       opacity: 1;\n       pointer-events: none;\n      }\n     }\n    }\n\n    &--no-data {\n     thead {\n      opacity: 0.4;\n      tr {\n       th {\n        &.sd-th {\n         border-bottom: 1px solid rgba(225, 225, 225, 0.4) !important;\n        }\n       }\n      }\n     }\n    }\n\n    sd-td,\n    sd-th,\n    .sd-th__content--label {\n     overflow: hidden;\n     white-space: nowrap;\n     text-overflow: ellipsis;\n     word-break: keep-all;\n    }\n\n    thead {\n     height: 36px;\n\n     tr {\n      width: 100%;\n\n      th {\n       background: $th-bg;\n       height: 36px;\n       padding: 0 16px;\n       font-weight: 500;\n       vertical-align: middle;\n       border-bottom: 1px solid $grey_30;\n       -webkit-user-select: none;\n       user-select: none;\n       position: relative;\n\n       &.sd-th {\n        .sd-th__content {\n         display: flex;\n         flex-flow: row nowrap;\n         align-items: center;\n         gap: 4px;\n\n         &--left {\n          justify-content: flex-start;\n         }\n         &--center {\n          justify-content: center;\n         }\n         &--right {\n          justify-content: flex-end;\n         }\n        }\n\n        .sd-th__resizer {\n         position: absolute;\n         top: 50%;\n         right: 0;\n         transform: translateY(-50%);\n         width: 4px;\n         height: 16px;\n         cursor: col-resize;\n         z-index: 3;\n         border-left: 1px solid $grey_45;\n         border-right: 1px solid $grey_45;\n        }\n       }\n      }\n     }\n    }\n\n    tbody {\n     flex-grow: 1;\n     .sd-table__loading {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      min-height: 100%;\n      background: rgba(255, 255, 255, 0.6);\n      z-index: 200;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n     }\n\n     .sd-table__no-data-row {\n      td {\n       text-align: center;\n       color: $grey_65;\n      }\n     }\n     // .sd-table__loading {\n     //  position: absolute;\n     //  top: 0;\n     //  left: 0;\n     //  width: 100%;\n     //  height: calc(var(--table-height, auto) - 36px);\n     //  min-height: calc(100% - 36px);\n     //  background: rgba(255, 255, 255, 0.6);\n     //  z-index: 200;\n     //  display: flex;\n     //  align-items: center;\n     //  justify-content: center;\n     // }\n\n     tr {\n      &:last-of-type {\n       td {\n        border-bottom: none;\n       }\n      }\n      td {\n       height: 44px;\n       padding: 0 16px;\n       border-bottom: 1px solid $grey_30;\n       background: white;\n       vertical-align: middle;\n\n       &.sd-td {\n        &--left {\n         text-align: left;\n        }\n        &--center {\n         text-align: center;\n        }\n        &--right {\n         text-align: right;\n        }\n       }\n      }\n     }\n    }\n   }\n  }\n\n  .sd-table__bottom {\n   background: white;\n   text-align: center;\n  }\n }\n\n .sd-table__pagination {\n  position: relative;\n  background: $grey_05;\n  height: 48px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid $grey_30;\n  border-top: none;\n  border-radius: 8px;\n\n  sd-select {\n   position: absolute;\n   right: 10px;\n   top: 50%;\n   transform: translateY(-50%);\n\n   .sd-select {\n   }\n  }\n }\n}\n","import {\n Component,\n Element,\n Prop,\n State,\n Event,\n Watch,\n h,\n EventEmitter,\n Host,\n} from '@stencil/core';\nimport { CheckedType } from '../sd-checkbox/sd-checkbox';\nimport { SelectOption } from '../sd-select/sd-select';\nimport { SdSelectCustomEvent } from '../../components';\n\nexport type SdTableSortDir = 'asc' | 'desc' | 'none';\n\nexport interface SdTableColumn {\n name: string;\n label: string;\n field: string | ((row: any) => any);\n align?: 'left' | 'center' | 'right';\n width?: string;\n format?: (value: any, row: any) => string;\n visible?: boolean;\n usePageMoveIcon?: boolean;\n tooltip?: string[];\n tooltipOptions?: Record<string, any>;\n tdClass?: string;\n thClass?: string;\n}\n\nexport interface Row {\n [key: string]: any;\n}\n\n@Component({\n tag: 'sd-table-backup',\n styleUrl: 'sd-table-backup.scss',\n})\nexport class SdTable {\n @Element() el!: HTMLElement;\n\n @Prop() columns!: SdTableColumn[];\n @Prop({ mutable: true }) rows!: Row[];\n @Prop({ mutable: true }) selected: Set<Row> = new Set();\n @Prop() rowKey: string = 'id';\n @Prop() selectable: boolean = false;\n @Prop() resizable: boolean = false;\n @Prop() width?: string;\n @Prop() height?: string;\n @Prop() stickyHeader: boolean = false;\n @Prop() stickyColumn: { left?: number; right?: number } = { left: 0, right: 0 };\n @Prop() noDataLabel: string = '데이터가 없습니다.';\n @Prop() isLoading: boolean = false;\n @Prop() pagination?: {\n  page: number;\n  rowsPerPage: number;\n  lastPage?: number;\n };\n @Prop() bodyCellRenderer?: (\n  column: SdTableColumn,\n  row: Row,\n ) => HTMLElement | string | null | undefined;\n @Prop() useInternalPagination: boolean = false;\n @Prop() useRowsPerPageSelect: boolean = false;\n @Prop() rowsPerPageOption: SelectOption[] = [\n  { label: '10개씩 보기', value: 10 },\n  { label: '25개씩 보기', value: 25 },\n  { label: '50개씩 보기', value: 50 },\n  { label: '100개씩 보기', value: 100 },\n ];\n\n @Event() sdSelectChange!: EventEmitter<Row[]>;\n @Event() sdPageChange!: EventEmitter<number>;\n @Event() sdRowsPerPageChange!: EventEmitter<number>;\n\n @State() currentPage: number = this.pagination?.page || 1;\n @State() innerRows: Row[] = [];\n @State() innerSelected: Set<Row> = new Set();\n @State() columnWidths: number[] = [];\n @State() scrolledLeft: boolean = false;\n @State() scrolledRight: boolean = false;\n\n @Watch('columns')\n handleColumnsChange(newCols: SdTableColumn[]) {\n  this.columnWidths = newCols.map(c => parseInt(c.width || '120', 10));\n }\n\n @Watch('rows')\n handleRowsChange(newRows: Row[]) {\n  this.innerRows = [...newRows];\n }\n\n @Watch('selected')\n handleSelectedChange(newSelected: Set<Row>) {\n  this.innerSelected = new Set(newSelected);\n }\n\n @Watch('pagination')\n handlePaginationChange(\n  newVal?: { page: number; rowsPerPage: number; lastPage?: number } | undefined,\n ) {\n  if (newVal?.page && newVal.page !== this.currentPage) this.currentPage = newVal.page;\n }\n\n componentWillLoad() {\n  this.innerRows = [...(this.rows || [])];\n  this.innerSelected = new Set(this.selected);\n  this.columnWidths = (this.columns || []).map(c => parseInt(c.width || '120', 10));\n\n  if (this.pagination?.page) {\n   this.currentPage = this.pagination.page;\n  }\n }\n\n componentDidLoad() {\n  // SSR 환경 체크\n  if (typeof window === 'undefined') return;\n\n  const middle = this.el.querySelector('.sd-table__middle');\n  if (!middle) return;\n\n  const onScroll = () => {\n   const { scrollLeft, scrollWidth, clientWidth } = middle as HTMLElement;\n   this.scrolledLeft = scrollLeft > 0;\n   this.scrolledRight = scrollLeft + clientWidth < scrollWidth;\n  };\n  middle.addEventListener('scroll', onScroll, { passive: true });\n  onScroll();\n }\n\n // ----- Derived getters -----\n private get visibleColumns(): SdTableColumn[] {\n  return this.columns.filter(col => col.visible !== false);\n }\n\n private get paginatedRows(): Row[] {\n  if (!this.pagination || !this.useInternalPagination) return this.innerRows;\n\n  const { rowsPerPage = this.rows.length } = this.pagination || {};\n\n  const result = this.innerRows.slice(\n   (this.currentPage - 1) * rowsPerPage,\n   this.currentPage * rowsPerPage,\n  );\n\n  return result;\n }\n\n private get lastPageNumber(): number {\n  const { lastPage, rowsPerPage = this.rows.length } = this.pagination || {};\n\n  return lastPage ?? Math.max(1, Math.ceil(this.rows.length / rowsPerPage));\n }\n\n private get sdTableClasses() {\n  return [\n   'sd-table',\n   this.stickyHeader && 'sd-table--sticky-header',\n   this.selectable && 'sd-table--selectable',\n   this.resizable && 'sd-table--resizable',\n   !this.innerRows.length && 'sd-table--no-data',\n   ((this.stickyColumn?.left ?? 0) > 0 || (this.stickyColumn?.right ?? 0) > 0) &&\n    'sd-table--sticky-column',\n   this.scrolledLeft && 'sd-table--scrolled-left',\n   this.scrolledRight && 'sd-table--scrolled-right',\n  ]\n   .filter(Boolean)\n   .join(' ');\n }\n\n // ----- Selection -----\n private isRowSelected(row: Row): boolean {\n  return Array.from(this.innerSelected).some(r => r[this.rowKey] === row[this.rowKey]);\n }\n\n private updateRowSelect(row: Row) {\n  const selectedArray = Array.from(this.innerSelected);\n  const exists = this.isRowSelected(row);\n  const newSelected = exists\n   ? selectedArray.filter(r => r[this.rowKey] !== row[this.rowKey])\n   : [...selectedArray, row];\n\n  // 동일 상태면 set하지 않음 → 불필요 렌더 방지\n  if (newSelected.length === selectedArray.length) return;\n\n  this.innerSelected = new Set(newSelected);\n  this.sdSelectChange.emit(Array.from(this.innerSelected));\n }\n\n private toggleSelectAll(checked: CheckedType) {\n  if (checked) {\n   const pageRows = new Set([...this.paginatedRows]);\n   this.innerSelected = new Set([...this.innerSelected, ...pageRows]);\n  } else {\n   const currentPageKeys = this.paginatedRows.map(r => r[this.rowKey]);\n   this.innerSelected = new Set(\n    [...this.innerSelected].filter(r => !currentPageKeys.includes(r[this.rowKey])),\n   );\n  }\n\n  this.sdSelectChange.emit(Array.from(this.innerSelected));\n }\n\n private get isAllChecked(): boolean | null {\n  const total = this.paginatedRows.length;\n  const selectedCount = this.paginatedRows.filter(row =>\n   Array.from(this.innerSelected).some(\n    selectedRow => selectedRow[this.rowKey] === row[this.rowKey],\n   ),\n  ).length;\n\n  if (selectedCount === 0) return false; // 아무것도 안 선택됨\n  if (selectedCount === total) return true; // 전부 선택됨\n  return null; // 일부만 선택됨\n }\n\n // ----- Helpers -----\n private getStickyStyle(colIdx: number) {\n  const leftOffset =\n   this.columnWidths.slice(0, colIdx).reduce((a, b) => a + b, 0) + (this.selectable ? 52 : 0);\n  const rightOffset = this.columnWidths\n   .filter((_, i) => i >= this.visibleColumns.length - (this.stickyColumn.right || 0) && i > colIdx)\n   .reduce((a, b) => a + b, 0);\n  return {\n   '--sticky-left-offset': `${leftOffset}px`,\n   '--sticky-right-offset': `${rightOffset}px`,\n   'width': `${this.columnWidths[colIdx]}px`,\n   'minWidth': `${this.columnWidths[colIdx]}px`,\n   'maxWidth': `${this.columnWidths[colIdx]}px`,\n  };\n }\n\n private handleResize(index: number, event: MouseEvent) {\n  // SSR 환경 체크\n  if (typeof document === 'undefined') return;\n\n  const startX = event.clientX;\n  const startWidth = this.columnWidths[index];\n\n  const handleMouseMove = (moveEvent: MouseEvent) => {\n   const newWidth = Math.max(startWidth + moveEvent.clientX - startX, 50);\n\n   this.columnWidths = this.columnWidths.map((width, idx) => (idx === index ? newWidth : width));\n  };\n\n  const handleMouseUp = () => {\n   document.removeEventListener('mousemove', handleMouseMove);\n   document.removeEventListener('mouseup', handleMouseUp);\n  };\n\n  document.addEventListener('mousemove', handleMouseMove);\n  document.addEventListener('mouseup', handleMouseUp);\n }\n\n private getCellValue(column: SdTableColumn, row: Row) {\n  const { field, format, name } = column;\n  const value = typeof field === 'function' ? field(row) : field ? row[field] : row[name];\n  return format ? format(value, row) : value;\n }\n\n // ----- Render -----\n private renderHeader() {\n  return (\n   <thead>\n    <tr>\n     {this.selectable && (\n      <th\n       class={{\n        'sd-th': true,\n        'sd-th--selected': true,\n        'sticky-left': Boolean(this.stickyColumn.left && this.stickyColumn.left > 0),\n       }}\n       style={{\n        '--sticky-left-offset': '0px',\n       }}\n      >\n       <sd-checkbox\n        checked={this.isAllChecked}\n        disabled={!this.paginatedRows.length}\n        onSdChange={(e: CustomEvent<CheckedType>) => this.toggleSelectAll(e.detail)}\n       ></sd-checkbox>\n      </th>\n     )}\n     {this.visibleColumns.map((col, colIdx) => (\n      <th\n       key={col.name}\n       class={{\n        'sd-th': true,\n        [`${col.thClass}`]: Boolean(col.thClass),\n        'sticky-left': Boolean(this.stickyColumn.left && colIdx < this.stickyColumn.left),\n        'sticky-right': Boolean(\n         this.stickyColumn.right && colIdx >= this.visibleColumns.length - this.stickyColumn.right!,\n        ),\n        'sticky-left-edge': Boolean(\n         this.stickyColumn.left && colIdx === this.stickyColumn.left - 1,\n        ),\n        'sticky-right-edge': Boolean(\n         this.stickyColumn.right &&\n          colIdx === this.visibleColumns.length - this.stickyColumn.right!,\n        ),\n       }}\n       style={this.getStickyStyle(colIdx)}\n      >\n       <div class={`sd-th__content sd-th__content--${col.align || 'left'}`}>\n        <slot name={`header-cell-${col.name}`}>\n         <div class=\"sd-th__content--label\">{col.label}</div>\n        </slot>\n\n        {col.usePageMoveIcon && <sd-icon name=\"pageMove\" size=\"12\" color=\"#006AC1\" />}\n\n        {col.tooltip && (\n         <sd-tooltip {...col.tooltipOptions}>\n          <div slot=\"content\">\n           {col.tooltip.map(text => (\n            <p>{text}</p>\n           ))}\n          </div>\n         </sd-tooltip>\n        )}\n       </div>\n\n       {this.resizable && typeof window !== 'undefined' && (\n        <div\n         class=\"sd-th__resizer\"\n         onMouseDown={(evt: MouseEvent) => this.handleResize(colIdx, evt)}\n        ></div>\n       )}\n      </th>\n     ))}\n    </tr>\n   </thead>\n  );\n }\n\n private renderBody() {\n  return (\n   <tbody {...(!this.paginatedRows.length && { part: 'tbody-empty' })}>\n    {this.isLoading && (\n     <div class=\"sd-table__loading\">\n      <sd-loading-spinner />\n     </div>\n    )}\n\n    {!this.paginatedRows.length ? (\n     <tr class=\"sd-table__no-data-row\">\n      <td colSpan={this.visibleColumns.length + (this.selectable ? 1 : 0)}>\n       <slot name=\"no-data\">{this.noDataLabel}</slot>\n      </td>\n     </tr>\n    ) : (\n     this.paginatedRows.map((row, rowIdx) => (\n      <tr key={row[this.rowKey]} class=\"hover:bg-Grey_Lighten-6\">\n       {this.selectable && (\n        <td\n         class={{\n          'sd-td': true,\n          'sd-td--selected': true,\n          'sticky-left': Boolean(this.stickyColumn.left && this.stickyColumn.left > 0),\n         }}\n         style={{\n          '--sticky-left-offset': '0px',\n         }}\n        >\n         <sd-checkbox\n          checked={this.isRowSelected(row)}\n          disabled={!this.paginatedRows.length}\n          onSdChange={() => this.updateRowSelect(row)}\n         ></sd-checkbox>\n        </td>\n       )}\n       {this.visibleColumns.map((column, colIdx) => {\n        const rendered = this.bodyCellRenderer?.(column, row);\n\n        return (\n         <td\n          key={column.name}\n          part={`td-${column.name}`}\n          class={{\n           'sd-td': true,\n           [`sd-td--${column.align || 'left'}`]: true,\n           'sticky-left': Boolean(this.stickyColumn.left && colIdx < this.stickyColumn.left),\n           'sticky-right': Boolean(\n            this.stickyColumn.right &&\n             colIdx >= this.visibleColumns.length - this.stickyColumn.right!,\n           ),\n           'sticky-left-edge': Boolean(\n            this.stickyColumn.left && colIdx === this.stickyColumn.left - 1,\n           ),\n           'sticky-right-edge': Boolean(\n            this.stickyColumn.right &&\n             colIdx === this.visibleColumns.length - this.stickyColumn.right!,\n           ),\n           [`${column.tdClass}`]: Boolean(column.tdClass),\n          }}\n          style={this.getStickyStyle(colIdx)}\n         >\n          {/* slot을 사용하려는 항목 name과 행 인덱스를 키값으로 사용  */}\n          <slot name={`body-cell-${column.name}-${rowIdx}`}>\n           {rendered ? (\n            typeof rendered === 'string' ? (\n             <span innerHTML={rendered}></span>\n            ) : (\n             rendered\n            )\n           ) : (\n            this.getCellValue(column, row)\n           )}\n          </slot>\n         </td>\n        );\n       })}\n      </tr>\n     ))\n    )}\n   </tbody>\n  );\n }\n\n render() {\n  return (\n   <Host>\n    <div\n     class=\"sd-table__wrapper\"\n     style={{\n      '--table-width': this.width,\n      '--table-height': this.height,\n     }}\n    >\n     <div class=\"sd-table__container\">\n      <div\n       class={{\n        'sd-table__middle': true,\n        'sd-table__middle--loading': this.isLoading,\n       }}\n      >\n       <table part=\"table\" class={this.sdTableClasses}>\n        {this.renderHeader()}\n\n        {this.renderBody()}\n       </table>\n      </div>\n\n      <div class=\"sd-table__bottom\"></div>\n     </div>\n     {this.pagination && this.innerRows.length > 0 && (\n      <div class=\"sd-table__pagination\">\n       <sd-pagination\n        currentPage={!this.useInternalPagination ? this.pagination.page : this.currentPage}\n        lastPage={!this.useInternalPagination ? this.pagination.lastPage : this.lastPageNumber}\n        onPageChange={(e: CustomEvent<number>) => {\n         if (!this.useInternalPagination) {\n          this.sdPageChange.emit(e.detail);\n         } else {\n          this.currentPage = e.detail;\n          this.sdPageChange.emit(this.currentPage);\n         }\n        }}\n       ></sd-pagination>\n\n       {this.useRowsPerPageSelect && (\n        <sd-select\n         value={this.pagination.rowsPerPage}\n         options={this.rowsPerPageOption}\n         width=\"128px\"\n         onSdChange={(e: SdSelectCustomEvent<{ value: string | number | null }>) => {\n          const changedRowsPerPage = e.detail.value ? Number(e.detail.value) : 0;\n          if (!this.useInternalPagination) {\n           this.sdRowsPerPageChange.emit(changedRowsPerPage);\n          } else {\n           const newRowsPerPage = Number(e.detail.value || 0);\n           let newLastPage = Math.max(1, Math.ceil(this.innerRows.length / newRowsPerPage));\n           let newCurrentPage = this.currentPage;\n\n           if (newCurrentPage > newLastPage) {\n            newCurrentPage = newLastPage;\n           }\n\n           this.pagination = {\n            page: newCurrentPage,\n            rowsPerPage: newRowsPerPage,\n            lastPage: newLastPage,\n           };\n           this.currentPage = newCurrentPage;\n           this.sdRowsPerPageChange.emit(changedRowsPerPage);\n          }\n         }}\n        ></sd-select>\n       )}\n      </div>\n     )}\n    </div>\n   </Host>\n  );\n }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"sd-table-backup.entry.esm.js","sources":["src/components/sd-table-backup/sd-table-backup.scss?tag=sd-table-backup","src/components/sd-table-backup/sd-table-backup.tsx"],"sourcesContent":["@import 'variables.scss';\n@import 'extend.scss';\n\n.sd-table__wrapper {\n height: var(--table-height, auto);\n width: var(--table-width, 100%);\n color: $grey_95;\n\n .sd-table__container {\n  width: 100%;\n  height: var(--table-height, auto);\n\n  border: 1px solid $grey_30;\n  border-radius: 8px;\n  font-size: 12px;\n  overflow: hidden;\n\n  .sd-table__middle {\n   overflow: auto;\n   position: relative;\n   will-change: scroll-position;\n   @extend %scrollBar;\n\n   &--scrollable {\n    height: var(--table-height, auto);\n   }\n\n   &--loading {\n    overflow: hidden !important;\n   }\n\n   .sd-table {\n    background-color: white;\n    display: table;\n    width: 100%;\n    border-collapse: separate;\n    border-spacing: 0;\n    table-layout: fixed;\n\n    &--selectable {\n     td.sd-td--selected,\n     th.sd-th--selected {\n      width: 52px !important;\n      max-width: 52px !important;\n      min-width: 52px !important;\n      padding: 0 10px 0 24px;\n      text-align: left;\n     }\n    }\n\n    &--sticky-header {\n     thead {\n      position: sticky;\n      top: 0;\n      z-index: 120;\n     }\n    }\n\n    &--sticky-column {\n     th.sticky-left,\n     th.sticky-right {\n      position: sticky;\n      background-color: $th-bg;\n      z-index: 110 !important;\n     }\n     td.sticky-left,\n     td.sticky-right {\n      position: sticky;\n      background-color: white;\n      z-index: 100 !important;\n     }\n\n     .sticky-left {\n      left: var(--sticky-left-offset, 0);\n     }\n     .sticky-right {\n      right: var(--sticky-right-offset, 0);\n     }\n\n     th.sticky-cell {\n      position: sticky;\n      z-index: 102;\n      background-color: $th-bg;\n     }\n     td.sticky-cell {\n      position: sticky;\n      z-index: 101;\n      background-color: white;\n     }\n    }\n\n    &--scrolled-left {\n     th.sticky-left-edge,\n     td.sticky-left-edge {\n      overflow: visible;\n      &:after {\n       content: '';\n       position: absolute;\n       top: 0;\n       left: 100%;\n       right: -20px;\n       width: 20px;\n       height: 100%;\n       z-index: 101 !important;\n       box-shadow: inset 12px 0 20px -25px;\n       opacity: 1;\n       pointer-events: none;\n      }\n     }\n    }\n\n    &--scrolled-right {\n     th.sticky-right-edge,\n     td.sticky-right-edge {\n      overflow: visible;\n\n      &:after {\n       content: '';\n       position: absolute;\n       top: 0;\n       left: -20px;\n       width: 20px;\n       height: 100%;\n       z-index: 101 !important;\n       box-shadow: inset -12px 0 20px -25px;\n       opacity: 1;\n       pointer-events: none;\n      }\n     }\n    }\n\n    &--no-data {\n     thead {\n      opacity: 0.4;\n      tr {\n       th {\n        &.sd-th {\n         border-bottom: 1px solid rgba(225, 225, 225, 0.4) !important;\n        }\n       }\n      }\n     }\n    }\n\n    sd-td,\n    sd-th,\n    .sd-th__content--label {\n     overflow: hidden;\n     white-space: nowrap;\n     text-overflow: ellipsis;\n     word-break: keep-all;\n    }\n\n    thead {\n     height: 36px;\n\n     tr {\n      width: 100%;\n\n      th {\n       background: $th-bg;\n       height: 36px;\n       padding: 0 16px;\n       font-weight: 500;\n       vertical-align: middle;\n       border-bottom: 1px solid $grey_30;\n       -webkit-user-select: none;\n       user-select: none;\n       position: relative;\n\n       &.sd-th {\n        .sd-th__content {\n         display: flex;\n         flex-flow: row nowrap;\n         align-items: center;\n         gap: 4px;\n\n         &--left {\n          justify-content: flex-start;\n         }\n         &--center {\n          justify-content: center;\n         }\n         &--right {\n          justify-content: flex-end;\n         }\n        }\n\n        .sd-th__resizer {\n         position: absolute;\n         top: 50%;\n         right: 0;\n         transform: translateY(-50%);\n         width: 4px;\n         height: 16px;\n         cursor: col-resize;\n         z-index: 3;\n         border-left: 1px solid $grey_45;\n         border-right: 1px solid $grey_45;\n        }\n       }\n      }\n     }\n    }\n\n    tbody {\n     .sd-table__loading {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      min-height: 100%;\n      background: rgba(255, 255, 255, 0.6);\n      z-index: 200;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n     }\n\n     tr {\n      // &:last-of-type {\n      //  td {\n      //   border-bottom: none;\n      //  }\n      // }\n      td {\n       height: 44px;\n       padding: 0 16px;\n       border-bottom: 1px solid $grey_30;\n       background: white;\n       vertical-align: middle;\n\n       &.sd-td {\n        &--left {\n         text-align: left;\n        }\n        &--center {\n         text-align: center;\n        }\n        &--right {\n         text-align: right;\n        }\n       }\n      }\n     }\n    }\n   }\n  }\n\n  .sd-table__bottom {\n   background: white;\n   text-align: center;\n\n   .sd-table__no-data {\n    padding-top: 15%;\n    color: $grey_65;\n   }\n  }\n }\n\n .sd-table__pagination {\n  position: relative;\n  background: $grey_05;\n  height: 48px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid $grey_30;\n  border-top: none;\n  border-radius: 8px;\n\n  sd-select {\n   position: absolute;\n   right: 10px;\n   top: 50%;\n   transform: translateY(-50%);\n\n   .sd-select {\n   }\n  }\n }\n}\n","import {\n Component,\n Element,\n Prop,\n State,\n Event,\n Watch,\n h,\n EventEmitter,\n Host,\n} from '@stencil/core';\nimport { CheckedType } from '../sd-checkbox/sd-checkbox';\nimport { SelectOption } from '../sd-select/sd-select';\nimport { SdSelectCustomEvent } from '../../components';\n\nexport type SdTableSortDir = 'asc' | 'desc' | 'none';\n\nexport interface SdTableColumn {\n name: string;\n label: string;\n field: string | ((row: any) => any);\n align?: 'left' | 'center' | 'right';\n width?: string;\n format?: (value: any, row: any) => string;\n visible?: boolean;\n usePageMoveIcon?: boolean;\n tooltip?: string[];\n tooltipOptions?: Record<string, any>;\n tdClass?: string;\n thClass?: string;\n}\n\nexport interface Row {\n [key: string]: any;\n}\n\n@Component({\n tag: 'sd-table-backup',\n styleUrl: 'sd-table-backup.scss',\n})\nexport class SdTable {\n @Element() el!: HTMLElement;\n\n @Prop() columns!: SdTableColumn[];\n @Prop({ mutable: true }) rows!: Row[];\n @Prop({ mutable: true }) selected: Set<Row> = new Set();\n @Prop() rowKey: string = 'id';\n @Prop() selectable: boolean = false;\n @Prop() resizable: boolean = false;\n @Prop() width?: string;\n @Prop() height?: string;\n @Prop() stickyHeader: boolean = false;\n @Prop() stickyColumn: { left?: number; right?: number } = { left: 0, right: 0 };\n @Prop() noDataLabel: string = '데이터가 없습니다.';\n @Prop() isLoading: boolean = false;\n @Prop() pagination?: {\n  page: number;\n  rowsPerPage: number;\n  lastPage?: number;\n };\n @Prop() bodyCellRenderer?: (\n  column: SdTableColumn,\n  row: Row,\n ) => HTMLElement | string | null | undefined;\n @Prop() useInternalPagination: boolean = false;\n @Prop() useRowsPerPageSelect: boolean = false;\n @Prop() rowsPerPageOption: SelectOption[] = [\n  { label: '10개씩 보기', value: 10 },\n  { label: '25개씩 보기', value: 25 },\n  { label: '50개씩 보기', value: 50 },\n  { label: '100개씩 보기', value: 100 },\n ];\n\n @Event() sdSelectChange!: EventEmitter<Row[]>;\n @Event() sdPageChange!: EventEmitter<number>;\n @Event() sdRowsPerPageChange!: EventEmitter<number>;\n\n @State() currentPage: number = this.pagination?.page || 1;\n @State() innerRows: Row[] = [];\n @State() innerSelected: Set<Row> = new Set();\n @State() columnWidths: number[] = [];\n @State() scrolledLeft: boolean = false;\n @State() scrolledRight: boolean = false;\n\n @Watch('columns')\n handleColumnsChange(newCols: SdTableColumn[]) {\n  this.columnWidths = newCols.map(c => parseInt(c.width || '120', 10));\n }\n\n @Watch('rows')\n handleRowsChange(newRows: Row[]) {\n  this.innerRows = [...newRows];\n }\n\n @Watch('selected')\n handleSelectedChange(newSelected: Set<Row>) {\n  this.innerSelected = new Set(newSelected);\n }\n\n @Watch('pagination')\n handlePaginationChange(\n  newVal?: { page: number; rowsPerPage: number; lastPage?: number } | undefined,\n ) {\n  if (newVal?.page && newVal.page !== this.currentPage) this.currentPage = newVal.page;\n }\n\n componentWillLoad() {\n  this.innerRows = [...(this.rows || [])];\n  this.innerSelected = new Set(this.selected);\n  this.columnWidths = (this.columns || []).map(c => parseInt(c.width || '120', 10));\n\n  if (this.pagination?.page) {\n   this.currentPage = this.pagination.page;\n  }\n }\n\n componentDidLoad() {\n  // SSR 환경 체크\n  if (typeof window === 'undefined') return;\n\n  const middle = this.el.querySelector('.sd-table__middle');\n  if (!middle) return;\n\n  const onScroll = () => {\n   const { scrollLeft, scrollWidth, clientWidth } = middle as HTMLElement;\n   this.scrolledLeft = scrollLeft > 0;\n   this.scrolledRight = scrollLeft + clientWidth < scrollWidth;\n  };\n  middle.addEventListener('scroll', onScroll, { passive: true });\n  onScroll();\n }\n\n // ----- Derived getters -----\n private get visibleColumns(): SdTableColumn[] {\n  return this.columns.filter(col => col.visible !== false);\n }\n\n private get paginatedRows(): Row[] {\n  if (!this.pagination || !this.useInternalPagination) return this.innerRows;\n\n  const { rowsPerPage = this.rows.length } = this.pagination || {};\n\n  const result = this.innerRows.slice(\n   (this.currentPage - 1) * rowsPerPage,\n   this.currentPage * rowsPerPage,\n  );\n\n  return result;\n }\n\n private get lastPageNumber(): number {\n  const { lastPage, rowsPerPage = this.rows.length } = this.pagination || {};\n\n  return lastPage ?? Math.max(1, Math.ceil(this.rows.length / rowsPerPage));\n }\n\n private get sdTableClasses() {\n  return [\n   'sd-table',\n   this.stickyHeader && 'sd-table--sticky-header',\n   this.selectable && 'sd-table--selectable',\n   this.resizable && 'sd-table--resizable',\n   !this.innerRows.length && 'sd-table--no-data',\n   ((this.stickyColumn?.left ?? 0) > 0 || (this.stickyColumn?.right ?? 0) > 0) &&\n    'sd-table--sticky-column',\n   this.scrolledLeft && 'sd-table--scrolled-left',\n   this.scrolledRight && 'sd-table--scrolled-right',\n  ]\n   .filter(Boolean)\n   .join(' ');\n }\n\n // ----- Selection -----\n private isRowSelected(row: Row): boolean {\n  return Array.from(this.innerSelected).some(r => r[this.rowKey] === row[this.rowKey]);\n }\n\n private updateRowSelect(row: Row) {\n  const selectedArray = Array.from(this.innerSelected);\n  const exists = this.isRowSelected(row);\n  const newSelected = exists\n   ? selectedArray.filter(r => r[this.rowKey] !== row[this.rowKey])\n   : [...selectedArray, row];\n\n  // 동일 상태면 set하지 않음 → 불필요 렌더 방지\n  if (newSelected.length === selectedArray.length) return;\n\n  this.innerSelected = new Set(newSelected);\n  this.sdSelectChange.emit(Array.from(this.innerSelected));\n }\n\n private toggleSelectAll(checked: CheckedType) {\n  if (checked) {\n   const pageRows = new Set([...this.paginatedRows]);\n   this.innerSelected = new Set([...this.innerSelected, ...pageRows]);\n  } else {\n   const currentPageKeys = this.paginatedRows.map(r => r[this.rowKey]);\n   this.innerSelected = new Set(\n    [...this.innerSelected].filter(r => !currentPageKeys.includes(r[this.rowKey])),\n   );\n  }\n\n  this.sdSelectChange.emit(Array.from(this.innerSelected));\n }\n\n private get isAllChecked(): boolean | null {\n  const total = this.paginatedRows.length;\n  const selectedCount = this.paginatedRows.filter(row =>\n   Array.from(this.innerSelected).some(\n    selectedRow => selectedRow[this.rowKey] === row[this.rowKey],\n   ),\n  ).length;\n\n  if (selectedCount === 0) return false; // 아무것도 안 선택됨\n  if (selectedCount === total) return true; // 전부 선택됨\n  return null; // 일부만 선택됨\n }\n\n // ----- Helpers -----\n private getStickyStyle(colIdx: number) {\n  const leftOffset =\n   this.columnWidths.slice(0, colIdx).reduce((a, b) => a + b, 0) + (this.selectable ? 52 : 0);\n  const rightOffset = this.columnWidths\n   .filter((_, i) => i >= this.visibleColumns.length - (this.stickyColumn.right || 0) && i > colIdx)\n   .reduce((a, b) => a + b, 0);\n  return {\n   '--sticky-left-offset': `${leftOffset}px`,\n   '--sticky-right-offset': `${rightOffset}px`,\n   'width': `${this.columnWidths[colIdx]}px`,\n   'minWidth': `${this.columnWidths[colIdx]}px`,\n   'maxWidth': `${this.columnWidths[colIdx]}px`,\n  };\n }\n\n private handleResize(index: number, event: MouseEvent) {\n  // SSR 환경 체크\n  if (typeof document === 'undefined') return;\n\n  const startX = event.clientX;\n  const startWidth = this.columnWidths[index];\n\n  const handleMouseMove = (moveEvent: MouseEvent) => {\n   const newWidth = Math.max(startWidth + moveEvent.clientX - startX, 50);\n\n   this.columnWidths = this.columnWidths.map((width, idx) => (idx === index ? newWidth : width));\n  };\n\n  const handleMouseUp = () => {\n   document.removeEventListener('mousemove', handleMouseMove);\n   document.removeEventListener('mouseup', handleMouseUp);\n  };\n\n  document.addEventListener('mousemove', handleMouseMove);\n  document.addEventListener('mouseup', handleMouseUp);\n }\n\n private getCellValue(column: SdTableColumn, row: Row) {\n  const { field, format, name } = column;\n  const value = typeof field === 'function' ? field(row) : field ? row[field] : row[name];\n  return format ? format(value, row) : value;\n }\n\n // ----- Render -----\n private renderHeader() {\n  return (\n   <thead>\n    <tr>\n     {this.selectable && (\n      <th\n       class={{\n        'sd-th': true,\n        'sd-th--selected': true,\n        'sticky-left': Boolean(this.stickyColumn.left && this.stickyColumn.left > 0),\n       }}\n       style={{\n        '--sticky-left-offset': '0px',\n       }}\n      >\n       <sd-checkbox\n        checked={this.isAllChecked}\n        disabled={!this.paginatedRows.length}\n        onSdChange={(e: CustomEvent<CheckedType>) => this.toggleSelectAll(e.detail)}\n       ></sd-checkbox>\n      </th>\n     )}\n     {this.visibleColumns.map((col, colIdx) => (\n      <th\n       key={col.name}\n       class={{\n        'sd-th': true,\n        [`${col.thClass}`]: Boolean(col.thClass),\n        'sticky-left': Boolean(this.stickyColumn.left && colIdx < this.stickyColumn.left),\n        'sticky-right': Boolean(\n         this.stickyColumn.right && colIdx >= this.visibleColumns.length - this.stickyColumn.right!,\n        ),\n        'sticky-left-edge': Boolean(\n         this.stickyColumn.left && colIdx === this.stickyColumn.left - 1,\n        ),\n        'sticky-right-edge': Boolean(\n         this.stickyColumn.right &&\n          colIdx === this.visibleColumns.length - this.stickyColumn.right!,\n        ),\n       }}\n       style={this.getStickyStyle(colIdx)}\n      >\n       <div class={`sd-th__content sd-th__content--${col.align || 'left'}`}>\n        <slot name={`header-cell-${col.name}`}>\n         <div class=\"sd-th__content--label\">{col.label}</div>\n        </slot>\n\n        {col.usePageMoveIcon && <sd-icon name=\"pageMove\" size=\"12\" color=\"#006AC1\" />}\n\n        {col.tooltip && (\n         <sd-tooltip {...col.tooltipOptions}>\n          <div slot=\"content\">\n           {col.tooltip.map(text => (\n            <p>{text}</p>\n           ))}\n          </div>\n         </sd-tooltip>\n        )}\n       </div>\n\n       {this.resizable && typeof window !== 'undefined' && (\n        <div\n         class=\"sd-th__resizer\"\n         onMouseDown={(evt: MouseEvent) => this.handleResize(colIdx, evt)}\n        ></div>\n       )}\n      </th>\n     ))}\n    </tr>\n   </thead>\n  );\n }\n\n private renderBody() {\n  return (\n   <tbody {...(!this.paginatedRows.length && { part: 'tbody-empty' })}>\n    {this.isLoading && (\n     <div class=\"sd-table__loading\">\n      <sd-loading-spinner />\n     </div>\n    )}\n\n    {this.paginatedRows.length > 0 &&\n     this.paginatedRows.map((row, rowIdx) => (\n      <tr key={row[this.rowKey]} class=\"hover:bg-Grey_Lighten-6\">\n       {this.selectable && (\n        <td\n         class={{\n          'sd-td': true,\n          'sd-td--selected': true,\n          'sticky-left': Boolean(this.stickyColumn.left && this.stickyColumn.left > 0),\n         }}\n         style={{\n          '--sticky-left-offset': '0px',\n         }}\n        >\n         <sd-checkbox\n          checked={this.isRowSelected(row)}\n          disabled={!this.paginatedRows.length}\n          onSdChange={() => this.updateRowSelect(row)}\n         ></sd-checkbox>\n        </td>\n       )}\n       {this.visibleColumns.map((column, colIdx) => {\n        const rendered = this.bodyCellRenderer?.(column, row);\n\n        return (\n         <td\n          key={column.name}\n          part={`td-${column.name}`}\n          class={{\n           'sd-td': true,\n           [`sd-td--${column.align || 'left'}`]: true,\n           'sticky-left': Boolean(this.stickyColumn.left && colIdx < this.stickyColumn.left),\n           'sticky-right': Boolean(\n            this.stickyColumn.right &&\n             colIdx >= this.visibleColumns.length - this.stickyColumn.right!,\n           ),\n           'sticky-left-edge': Boolean(\n            this.stickyColumn.left && colIdx === this.stickyColumn.left - 1,\n           ),\n           'sticky-right-edge': Boolean(\n            this.stickyColumn.right &&\n             colIdx === this.visibleColumns.length - this.stickyColumn.right!,\n           ),\n           [`${column.tdClass}`]: Boolean(column.tdClass),\n          }}\n          style={this.getStickyStyle(colIdx)}\n         >\n          {/* slot을 사용하려는 항목 name과 행 인덱스를 키값으로 사용  */}\n          <slot name={`body-cell-${column.name}-${rowIdx}`}>\n           {rendered ? (\n            typeof rendered === 'string' ? (\n             <span innerHTML={rendered}></span>\n            ) : (\n             rendered\n            )\n           ) : (\n            this.getCellValue(column, row)\n           )}\n          </slot>\n         </td>\n        );\n       })}\n      </tr>\n     ))}\n   </tbody>\n  );\n }\n\n render() {\n  return (\n   <Host>\n    <div\n     class=\"sd-table__wrapper\"\n     style={{\n      '--table-width': this.width,\n      '--table-height': this.height,\n     }}\n    >\n     <div class=\"sd-table__container\">\n      <div\n       class={{\n        'sd-table__middle': true,\n        'sd-table__middle--scrollable': this.paginatedRows.length > 0,\n        'sd-table__middle--loading': this.isLoading,\n       }}\n      >\n       <table part=\"table\" class={this.sdTableClasses}>\n        {this.renderHeader()}\n\n        {this.renderBody()}\n       </table>\n      </div>\n\n      <div class=\"sd-table__bottom\">\n       {!this.paginatedRows.length && (\n        <div class=\"sd-table__no-data\">\n         {/* <td colSpan={this.visibleColumns.length + (this.selectable ? 1 : 0)}> */}\n         <slot name=\"no-data\">{this.noDataLabel}</slot>\n         {/* </td> */}\n        </div>\n       )}\n      </div>\n     </div>\n\n     {this.pagination && this.innerRows.length > 0 && (\n      <div class=\"sd-table__pagination\">\n       <sd-pagination\n        currentPage={!this.useInternalPagination ? this.pagination.page : this.currentPage}\n        lastPage={!this.useInternalPagination ? this.pagination.lastPage : this.lastPageNumber}\n        onPageChange={(e: CustomEvent<number>) => {\n         if (!this.useInternalPagination) {\n          this.sdPageChange.emit(e.detail);\n         } else {\n          this.currentPage = e.detail;\n          this.sdPageChange.emit(this.currentPage);\n         }\n        }}\n       ></sd-pagination>\n\n       {this.useRowsPerPageSelect && (\n        <sd-select\n         value={this.pagination.rowsPerPage}\n         options={this.rowsPerPageOption}\n         width=\"128px\"\n         onSdChange={(e: SdSelectCustomEvent<{ value: string | number | null }>) => {\n          const changedRowsPerPage = e.detail.value ? Number(e.detail.value) : 0;\n          if (!this.useInternalPagination) {\n           this.sdRowsPerPageChange.emit(changedRowsPerPage);\n          } else {\n           const newRowsPerPage = Number(e.detail.value || 0);\n           let newLastPage = Math.max(1, Math.ceil(this.innerRows.length / newRowsPerPage));\n           let newCurrentPage = this.currentPage;\n\n           if (newCurrentPage > newLastPage) {\n            newCurrentPage = newLastPage;\n           }\n\n           this.pagination = {\n            page: newCurrentPage,\n            rowsPerPage: newRowsPerPage,\n            lastPage: newLastPage,\n           };\n           this.currentPage = newCurrentPage;\n           this.sdRowsPerPageChange.emit(changedRowsPerPage);\n          }\n         }}\n        ></sd-select>\n       )}\n      </div>\n     )}\n    </div>\n   </Host>\n  );\n }\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/sd-badge.entry.js

@@ -12,7 +12,7 @@ const SdBadge = class {
     label = '';
     render() {
         const resolvedColor = resolveColor(this.color);
-        return (h(Host, { key: '6fc1c113b707f4419fa48c8b4b78be6a7bbf6b83' }, h("div", { key: 'ab3297321ee0e6e742acd408901dce1b5894d200', class: `sd-badge sd-badge--${this.size}`, style: { '--sd-badge-color': resolvedColor } }, h("div", { key: '02f42d0ba064db273d83671e9c271c543787daf8', class: "sd-badge__dot" }), h("div", { key: 'f6a175282ab77e9a8ac2098029ac1aab5cb66190', class: "sd-badge__label" }, this.label))));
+        return (h(Host, { key: '5df42cc1856254985b5eddfbf7e8a5eb5aa93dac' }, h("div", { key: '258c324d03532aa4da84fa205d7cc0fc139e9dde', class: `sd-badge sd-badge--${this.size}`, style: { '--sd-badge-color': resolvedColor } }, h("div", { key: 'a6610ee91000186e7a483deb1e147faf481d37c1', class: "sd-badge__dot" }), h("div", { key: '62020c4e5e2139a4449cdcc7c461bf93e49ffee0', class: "sd-badge__label" }, this.label))));
     }
 };
 SdBadge.style = sdBadgeCss;