@sellmate/design-system 0.0.48 → 0.0.49

package/dist/design-system/{p-826c6517.entry.js → p-2285c061.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,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:auto;border:1px solid #e1e1e1;border-radius:8px;font-size:12px;overflow:hidden}.sd-table__wrapper .sd-table__container .sd-table__middle{overflow:auto;will-change:scroll-position;height:var(--table-height, auto)}.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;position:relative}.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 sd-tr{width:100%}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead sd-tr sd-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 sd-tr sd-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 sd-tr sd-th.sd-th .sd-th__content--left{justify-content:flex-start}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead sd-tr sd-th.sd-th .sd-th__content--center{justify-content:center}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead sd-tr sd-th.sd-th .sd-th__content--right{justify-content:flex-end}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead sd-tr sd-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 sd-tbody .sd-table__loading{position:absolute;top:0;left:0;width:100%;height:calc(var(--table-height, auto) - 36px);min-height:calc(100% - 36px);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 sd-tbody sd-tr:last-of-type sd-td{border-bottom:none}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table sd-tbody sd-tr sd-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 sd-tbody sd-tr sd-td.sd-td--left{text-align:left}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table sd-tbody sd-tr sd-td.sd-td--center{text-align:center}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table sd-tbody sd-tr sd-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__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){e(this,s);this.sdSelectChange=t(this,"sdSelectChange");this.sdPageChange=t(this,"sdPageChange");this.sdRowsPerPageChange=t(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(e){this.columnWidths=e.map((e=>parseInt(e.width||"120",10)))}handleRowsChange(e){this.innerRows=[...e]}handleSelectedChange(e){this.innerSelected=new Set(e)}handlePaginationChange(e){if(e?.page&&e.page!==this.currentPage)this.currentPage=e.page}componentWillLoad(){this.innerRows=[...this.rows||[]];this.innerSelected=new Set(this.selected);this.columnWidths=(this.columns||[]).map((e=>parseInt(e.width||"120",10)))}componentDidLoad(){if(typeof window==="undefined")return;const e=this.el.querySelector(".sd-table__middle");if(!e)return;const t=()=>{const{scrollLeft:t,scrollWidth:s,clientWidth:a}=e;this.scrolledLeft=t>0;this.scrolledRight=t+a<s};e.addEventListener("scroll",t,{passive:true});t()}get visibleColumns(){return this.columns.filter((e=>e.visible!==false))}get paginatedRows(){if(!this.pagination||!this.useInternalPagination)return this.innerRows;const{rowsPerPage:e=this.rows.length}=this.pagination||{};const t=this.innerRows.slice((this.currentPage-1)*e,this.currentPage*e);return t}get lastPageNumber(){const{lastPage:e,rowsPerPage:t=this.rows.length}=this.pagination||{};return e??Math.max(1,Math.ceil(this.rows.length/t))}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(" ")}toggleSelectAll(e){if(e){const e=new Set([...this.paginatedRows]);this.innerSelected=new Set([...this.innerSelected,...e])}else{const e=this.paginatedRows.map((e=>e[this.rowKey]));this.innerSelected=new Set([...this.innerSelected].filter((t=>!e.includes(t[this.rowKey]))))}this.sdSelectChange.emit(Array.from(this.innerSelected))}get isAllChecked(){const e=this.paginatedRows.length;const t=this.paginatedRows.filter((e=>Array.from(this.innerSelected).some((t=>t[this.rowKey]===e[this.rowKey])))).length;if(t===0)return false;if(t===e)return true;return null}getStickyStyle(e){const t=this.columnWidths.slice(0,e).reduce(((e,t)=>e+t),0)+(this.selectable?52:0);const s=this.columnWidths.filter(((t,s)=>s>=this.visibleColumns.length-(this.stickyColumn.right||0)&&s>e)).reduce(((e,t)=>e+t),0);return{"--sticky-left-offset":`${t}px`,"--sticky-right-offset":`${s}px`,width:`${this.columnWidths[e]}px`,minWidth:`${this.columnWidths[e]}px`,maxWidth:`${this.columnWidths[e]}px`}}handleResize(e,t){if(typeof document==="undefined")return;const s=t.clientX;const a=this.columnWidths[e];const d=t=>{const d=Math.max(a+t.clientX-s,50);this.columnWidths=this.columnWidths.map(((t,s)=>s===e?d:t))};const l=()=>{document.removeEventListener("mousemove",d);document.removeEventListener("mouseup",l)};document.addEventListener("mousemove",d);document.addEventListener("mouseup",l)}renderHeader(){return a("thead",null,a("sd-tr",null,this.selectable&&a("sd-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:e=>this.toggleSelectAll(e.detail)})),this.visibleColumns.map(((e,t)=>a("sd-th",{key:e.name,class:{"sd-th":true,[`${e.thClass}`]:Boolean(e.thClass),"sticky-left":Boolean(this.stickyColumn.left&&t<this.stickyColumn.left),"sticky-right":Boolean(this.stickyColumn.right&&t>=this.visibleColumns.length-this.stickyColumn.right),"sticky-left-edge":Boolean(this.stickyColumn.left&&t===this.stickyColumn.left-1),"sticky-right-edge":Boolean(this.stickyColumn.right&&t===this.visibleColumns.length-this.stickyColumn.right)},style:this.getStickyStyle(t)},a("div",{class:`sd-th__content sd-th__content--${e.align||"left"}`},a("slot",{name:`header-cell-${e.name}`},a("div",{class:"sd-th__content--label"},e.label)),e.usePageMoveIcon&&a("sd-icon",{name:"pageMove",size:"12",color:"#006AC1"}),e.tooltip&&a("sd-tooltip",{...e.tooltipOptions},a("div",{slot:"content"},e.tooltip.map((e=>a("p",null,e)))))),this.resizable&&typeof window!=="undefined"&&a("div",{class:"sd-th__resizer",onMouseDown:e=>this.handleResize(t,e)}))))))}render(){return a(d,{key:"9b6b47737ddd9b97c477fb029260bbdb5088593a"},a("div",{key:"4235585df56fb9c83606e58d2b3ad6efc7b50259",class:"sd-table__wrapper",style:{"--table-width":this.width,"--table-height":this.height}},a("div",{key:"ea92597b3cba31951da90d3d42a7783ef043248a",class:"sd-table__container"},a("div",{key:"95b5ef2432643b3c1386f52344e91d17dd6ba726",class:"sd-table__middle",role:"table"},a("div",{key:"1e834ed7ce963ff0e3bc0c22c7b5d8dcd02d754d",part:"table",class:this.sdTableClasses},this.renderHeader(),a("sd-tbody",{key:"f7cf5c3d5e430f4259b2dae2660c38b0b0f6d17e"},a("slot",{key:"b21b99f21baaf9431ce653e680a59531cc275c26"})))),a("div",{key:"3fb77951c1e27c6feb13411aa56b4ac907135e24",class:"sd-table__bottom"})),this.pagination&&this.innerRows.length>0&&a("div",{key:"e74003c49fa592869346f28dfd10ef6acd6a64e9",class:"sd-table__pagination"},a("sd-pagination",{key:"0284aa186f53cac17cecc45770afce1cb1675c36",currentPage:!this.useInternalPagination?this.pagination.page:this.currentPage,lastPage:!this.useInternalPagination?this.pagination.lastPage:this.lastPageNumber,onPageChange:e=>{if(!this.useInternalPagination){this.sdPageChange.emit(e.detail)}else{this.currentPage=e.detail;this.sdPageChange.emit(this.currentPage)}}}),this.useRowsPerPageSelect&&a("sd-select",{key:"23a648a6581bee5cf755afbb9146bf2090e6be65",value:this.pagination.rowsPerPage,options:this.rowsPerPageOption,width:"128px",onSdChange:e=>{const t=e.detail.value?Number(e.detail.value):0;if(!this.useInternalPagination){this.sdRowsPerPageChange.emit(t)}else{const s=Number(e.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(t)}}}))))}static get watchers(){return{columns:["handleColumnsChange"],rows:["handleRowsChange"],selected:["handleSelectedChange"],pagination:["handlePaginationChange"]}}};i.style=l;export{i as sd_table};
-//# sourceMappingURL=p-826c6517.entry.js.map
+import{r as e,c as t,a as s,h as a,H as d}from"./p-ClyGLKUd.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:auto;border:1px solid #e1e1e1;border-radius:8px;font-size:12px;overflow:hidden}.sd-table__wrapper .sd-table__container .sd-table__middle{overflow:auto;will-change:scroll-position;height:var(--table-height, auto)}.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;position:relative}.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 sd-tr{width:100%}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead sd-tr sd-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 sd-tr sd-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 sd-tr sd-th.sd-th .sd-th__content--left{justify-content:flex-start}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead sd-tr sd-th.sd-th .sd-th__content--center{justify-content:center}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead sd-tr sd-th.sd-th .sd-th__content--right{justify-content:flex-end}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead sd-tr sd-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 sd-tbody .sd-table__loading{position:absolute;top:0;left:0;width:100%;height:calc(var(--table-height, auto) - 36px);min-height:calc(100% - 36px);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 sd-tbody sd-tr:last-of-type sd-td{border-bottom:none}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table sd-tbody sd-tr sd-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 sd-tbody sd-tr sd-td.sd-td--left{text-align:left}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table sd-tbody sd-tr sd-td.sd-td--center{text-align:center}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table sd-tbody sd-tr sd-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__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){e(this,s);this.sdSelectChange=t(this,"sdSelectChange");this.sdPageChange=t(this,"sdPageChange");this.sdRowsPerPageChange=t(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(e){this.columnWidths=e.map((e=>parseInt(e.width||"120",10)))}handleRowsChange(e){this.innerRows=[...e]}handleSelectedChange(e){this.innerSelected=new Set(e)}handlePaginationChange(e){if(e?.page&&e.page!==this.currentPage)this.currentPage=e.page}componentWillLoad(){this.innerRows=[...this.rows||[]];this.innerSelected=new Set(this.selected);this.columnWidths=(this.columns||[]).map((e=>parseInt(e.width||"120",10)))}componentDidLoad(){if(typeof window==="undefined")return;const e=this.el.querySelector(".sd-table__middle");if(!e)return;const t=()=>{const{scrollLeft:t,scrollWidth:s,clientWidth:a}=e;this.scrolledLeft=t>0;this.scrolledRight=t+a<s};e.addEventListener("scroll",t,{passive:true});t()}get visibleColumns(){return this.columns.filter((e=>e.visible!==false))}get paginatedRows(){if(!this.pagination||!this.useInternalPagination)return this.innerRows;const{rowsPerPage:e=this.rows.length}=this.pagination||{};const t=this.innerRows.slice((this.currentPage-1)*e,this.currentPage*e);return t}get lastPageNumber(){const{lastPage:e,rowsPerPage:t=this.rows.length}=this.pagination||{};return e??Math.max(1,Math.ceil(this.rows.length/t))}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(" ")}toggleSelectAll(e){if(e){const e=new Set([...this.paginatedRows]);this.innerSelected=new Set([...this.innerSelected,...e])}else{const e=this.paginatedRows.map((e=>e[this.rowKey]));this.innerSelected=new Set([...this.innerSelected].filter((t=>!e.includes(t[this.rowKey]))))}this.sdSelectChange.emit(Array.from(this.innerSelected))}get isAllChecked(){const e=this.paginatedRows.length;const t=this.paginatedRows.filter((e=>Array.from(this.innerSelected).some((t=>t[this.rowKey]===e[this.rowKey])))).length;if(t===0)return false;if(t===e)return true;return null}getStickyStyle(e){const t=this.columnWidths.slice(0,e).reduce(((e,t)=>e+t),0)+(this.selectable?52:0);const s=this.columnWidths.filter(((t,s)=>s>=this.visibleColumns.length-(this.stickyColumn.right||0)&&s>e)).reduce(((e,t)=>e+t),0);return{"--sticky-left-offset":`${t}px`,"--sticky-right-offset":`${s}px`,width:`${this.columnWidths[e]}px`,minWidth:`${this.columnWidths[e]}px`,maxWidth:`${this.columnWidths[e]}px`}}handleResize(e,t){if(typeof document==="undefined")return;const s=t.clientX;const a=this.columnWidths[e];const d=t=>{const d=Math.max(a+t.clientX-s,50);this.columnWidths=this.columnWidths.map(((t,s)=>s===e?d:t))};const l=()=>{document.removeEventListener("mousemove",d);document.removeEventListener("mouseup",l)};document.addEventListener("mousemove",d);document.addEventListener("mouseup",l)}renderHeader(){return a("thead",null,a("sd-tr",null,this.selectable&&a("sd-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:e=>this.toggleSelectAll(e.detail)})),this.visibleColumns.map(((e,t)=>a("sd-th",{key:e.name,class:{"sd-th":true,[`${e.thClass}`]:Boolean(e.thClass),"sticky-left":Boolean(this.stickyColumn.left&&t<this.stickyColumn.left),"sticky-right":Boolean(this.stickyColumn.right&&t>=this.visibleColumns.length-this.stickyColumn.right),"sticky-left-edge":Boolean(this.stickyColumn.left&&t===this.stickyColumn.left-1),"sticky-right-edge":Boolean(this.stickyColumn.right&&t===this.visibleColumns.length-this.stickyColumn.right)},style:this.getStickyStyle(t)},a("div",{class:`sd-th__content sd-th__content--${e.align||"left"}`},a("slot",{name:`header-cell-${e.name}`},a("div",{class:"sd-th__content--label"},e.label)),e.usePageMoveIcon&&a("sd-icon",{name:"pageMove",size:"12",color:"#006AC1"}),e.tooltip&&a("sd-tooltip",{...e.tooltipOptions},a("div",{slot:"content"},e.tooltip.map((e=>a("p",null,e)))))),this.resizable&&typeof window!=="undefined"&&a("div",{class:"sd-th__resizer",onMouseDown:e=>this.handleResize(t,e)}))))))}render(){return a(d,{key:"9b6b47737ddd9b97c477fb029260bbdb5088593a"},a("div",{key:"4235585df56fb9c83606e58d2b3ad6efc7b50259",class:"sd-table__wrapper",style:{"--table-width":this.width,"--table-height":this.height}},a("div",{key:"ea92597b3cba31951da90d3d42a7783ef043248a",class:"sd-table__container"},a("div",{key:"95b5ef2432643b3c1386f52344e91d17dd6ba726",class:"sd-table__middle",role:"table"},a("div",{key:"1e834ed7ce963ff0e3bc0c22c7b5d8dcd02d754d",part:"table",class:this.sdTableClasses},this.renderHeader(),a("sd-tbody",{key:"f7cf5c3d5e430f4259b2dae2660c38b0b0f6d17e"},a("slot",{key:"b21b99f21baaf9431ce653e680a59531cc275c26"})))),a("div",{key:"3fb77951c1e27c6feb13411aa56b4ac907135e24",class:"sd-table__bottom"})),this.pagination&&this.innerRows.length>0&&a("div",{key:"e74003c49fa592869346f28dfd10ef6acd6a64e9",class:"sd-table__pagination"},a("sd-pagination",{key:"0284aa186f53cac17cecc45770afce1cb1675c36",currentPage:!this.useInternalPagination?this.pagination.page:this.currentPage,lastPage:!this.useInternalPagination?this.pagination.lastPage:this.lastPageNumber,onPageChange:e=>{if(!this.useInternalPagination){this.sdPageChange.emit(e.detail)}else{this.currentPage=e.detail;this.sdPageChange.emit(this.currentPage)}}}),this.useRowsPerPageSelect&&a("sd-select",{key:"23a648a6581bee5cf755afbb9146bf2090e6be65",value:this.pagination.rowsPerPage,options:this.rowsPerPageOption,width:"128px",onSdChange:e=>{const t=e.detail.value?Number(e.detail.value):0;if(!this.useInternalPagination){this.sdRowsPerPageChange.emit(t)}else{const s=Number(e.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(t)}}}))))}static get watchers(){return{columns:["handleColumnsChange"],rows:["handleRowsChange"],selected:["handleSelectedChange"],pagination:["handlePaginationChange"]}}};i.style=l;export{i as sd_table};
+//# sourceMappingURL=p-2285c061.entry.js.map

package/dist/design-system/{p-d4b5575e.entry.js → p-267985b3.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:"674d187602c90a83016377bd8c25bd288aa819ec",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-d4b5575e.entry.js.map
+import{r as t,a as e,h as r}from"./p-ClyGLKUd.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:"982a1d00b05ea1978c001d0898b8d95a57f92ff5",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-267985b3.entry.js.map

package/dist/design-system/p-328d7e6c.entry.js

@@ -0,0 +1,2 @@
+import{r as e,a as s,h as t,F as o}from"./p-ClyGLKUd.js";import{T as a}from"./p-DXZjHQmQ.js";const i=".sd-popover{position:relative;cursor:pointer;display:inline-block}";const n=class{constructor(s){e(this,s)}get el(){return s(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(e){this.showPopover=e}componentWillLoad(){this.showPopover=this.show;this.slotContent=this.el.innerHTML}buttonEl;handleClose=()=>{this.showPopover=false};render(){return t(o,{key:"596dfc584e73c7d7093e15a91046e14b7801138a"},this.label?t("sd-button",{ref:e=>this.buttonEl=e,label:this.label,icon:this.icon,size:this.buttonSize,color:this.color,variant:this.buttonVariant,class:"sd-popover",onClick:()=>this.showPopover=!this.showPopover}):t("sd-icon",{ref:e=>this.buttonEl=e,name:this.icon,size:this.iconSize,color:this.color,class:"sd-popover",onClick:()=>this.showPopover=!this.showPopover}),this.showPopover&&t("sd-tooltip-portal",{key:"9bf784d6946cd5fd8b6ecfd3a6e9d976f44a2a90",parentRef:this.buttonEl,onSdClose:this.handleClose,placement:this.placement},t("div",{key:"409afdeee8e96ce019594cd2aaa16034e4339a35",class:{"sd-popover-menu":true,[`sd-popover-menu--${this.placement}`]:true,[this.menuClass]:!!this.menuClass}},t("i",{key:"2ff3545fb7b13c11d4f128616a68f0a230087447",class:`sd-popover-menu__arrow sd-popover-menu__arrow--${this.placement}`},t(a,{key:"3da84311b01c95d92b91327ce66e49e1d0243b37"})),t("div",{key:"aa861155d8c9194dffafd8b834e58108995f33ed",class:"sd-popover-menu__content"},this.menuTitle&&t("div",{key:"534c0871ff6b909c87eba179be23c7e2fa4ce0e9",class:"sd-popover-menu__title"},this.menuTitle),this.messages.length>0&&t("div",{key:"a601e50189ca95fa007e68edf64c1a0aa1e990d0",class:"sd-popover-menu__messages"},this.messages.map((e=>t("div",null,e)))),this.buttons.length>0&&t("div",{key:"63ee5c3dcdf167e0b35b5ed96a516b91ff007355",class:`sd-popover-menu__buttons sd-popover-menu__buttons--${this.buttons.length}`},this.buttons.map((e=>t("sd-button",{...e}))))),this.useClose&&t("button",{key:"6f8f0a6dfd113603105652686b5426e3a0313d4e",class:"sd-popover-menu__close-button",onClick:()=>this.handleClose()},t("sd-icon",{key:"9f1aedb7e6e9e519fa890856ea9c185e393f5f43",name:"close",size:"12",color:"#AAAAAA"})))))}static get watchers(){return{show:["watchShowHandler"]}}};n.style=i;export{n as sd_popover};
+//# sourceMappingURL=p-328d7e6c.entry.js.map

package/dist/design-system/{p-8734ded6.entry.js → p-45bb29cf.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:"e96411f172ed4ed5359fef2a124bf49df88e10ec",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:"fa9464cac1ee58b46b983f17882eeb847e3dc9b7",class:"sd-select__option-group__label-wrapper"},this.useCheckbox&&s("sd-checkbox",{key:"f9a7ab839d566671d6ee9e7164424d307a81f2d6",checked:this.isSelected,disabled:this.option.disabled,onClick:o=>{o.preventDefault();this.handleClick(this.option,this.isSelected,o)}}),s("span",{key:"ee27fb5e2d14acf898c7ce1e22b8cbffe59cec31",class:"sd-select__option-group-label"},this.option.label),this.useIndicator&&this.option.type!=="item"&&s("span",{key:"aaf9552da0a665ac34848ab5649d5993133394c4",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-8734ded6.entry.js.map
+import{r as o,c as e,a as t,h as s}from"./p-ClyGLKUd.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:"1fb3028e6869ec0d77878dd577ad9f4f711edc38",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:"5d2f2564587c376d4708921e5eb68bc1d41039ab",class:"sd-select__option-group__label-wrapper"},this.useCheckbox&&s("sd-checkbox",{key:"0d4e839a0a091d47f0a07f8a248fbc71cf2b67a3",checked:this.isSelected,disabled:this.option.disabled,onClick:o=>{o.preventDefault();this.handleClick(this.option,this.isSelected,o)}}),s("span",{key:"6ff97d5a3c84e97a4712d98f04b4cf5a5fef1895",class:"sd-select__option-group-label"},this.option.label),this.useIndicator&&this.option.type!=="item"&&s("span",{key:"861bc3ff0ac64af5482783e7412f1ec706fe90e4",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-45bb29cf.entry.js.map

package/dist/design-system/{p-871c8d66.entry.js → p-6d81e6f8.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as d,H as s}from"./p-B2T3tS5r.js";const o='.sd-date-box.sc-sd-date-box-h{display:flex;align-items:center;justify-content:center;width:38px;height:36px;font-size:14px;position:relative;box-sizing:border-box;text-align:center;transition:background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);border-radius:14px}.sd-date-box.sc-sd-date-box-h .sd-date-box__content.sc-sd-date-box{width:28px;height:28px;border-radius:14px;position:relative}.sd-date-box.sc-sd-date-box-h .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box{position:relative;z-index:2;user-select:none;line-height:28px}.sd-date-box.sd-date-box--disabled.sc-sd-date-box-h{color:#cccccc;cursor:default !important;pointer-events:none}.sd-date-box.sc-sd-date-box-h:not(.sd-date-box--disabled){cursor:pointer}.sd-date-box.sd-hoverable.sc-sd-date-box-h:hover .sd-date-box__content.sc-sd-date-box{background:#d9eaff}.sd-date-box.sd-date-box--in-range.sc-sd-date-box-h:not(.sd-date-box--disabled) .sd-date-box__content.sc-sd-date-box::before{content:"";position:absolute;top:0;left:-5px;width:calc(100% + 10px);height:100%;background:#d9eaff}.sd-date-box.sd-date-box--in-range.sd-date-box--type-start.sc-sd-date-box-h .sd-date-box__content.sc-sd-date-box::before{left:auto !important;width:19px !important;right:-5px}.sd-date-box.sd-date-box--in-range.sd-date-box--type-end.sc-sd-date-box-h .sd-date-box__content.sc-sd-date-box::before{width:19px !important}.sd-date-box.sd-date-box--selected.sc-sd-date-box-h .sd-date-box__content.sc-sd-date-box::after,.sd-date-box.sd-date-box--type-start.sc-sd-date-box-h .sd-date-box__content.sc-sd-date-box::after,.sd-date-box.sd-date-box--type-end.sc-sd-date-box-h .sd-date-box__content.sc-sd-date-box::after{content:"";position:absolute;inset:0;background:#0075ff;border-radius:14px;z-index:1}.sd-date-box.sd-date-box--selected.sc-sd-date-box-h .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box,.sd-date-box.sd-date-box--type-start.sc-sd-date-box-h .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box,.sd-date-box.sd-date-box--type-end.sc-sd-date-box-h .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box{color:white;font-weight:700}.sd-date-box.sd-date-box--today.sc-sd-date-box-h:not(.sd-date-box--selected) .sd-date-box__content.sc-sd-date-box::after{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:28px;height:28px;border:1px solid #e1e1e1 !important;border-radius:14px}';const a=class{constructor(d){t(this,d);this.sdClick=e(this,"sdClick");this.sdMouseOver=e(this,"sdMouseOver")}date=null;disabled=false;selected=false;isStartDate=false;isEndDate=false;isToday=false;inRange=false;type="";sdClick;sdMouseOver;handleClickDate(){if(this.disabled)return;if(typeof this.date==="string")return;this.sdClick?.emit(this.date)}handleHoverDate(){if(typeof this.date==="string")return;this.sdMouseOver?.emit(this.date)}render(){return d(s,{key:"d38fb599ea91f851d33d43ffeb064b715dc1e4ad",role:"button","aria-disabled":this.disabled?"true":"false",tabindex:this.disabled?-1:0,class:{"sd-date-box":true,"sd-hoverable":!this.disabled||!this.selected||this.type==="","sd-date-box--disabled":this.disabled,"sd-date-box--selected":this.selected,"sd-date-box--today":this.isToday,"sd-date-box--start-date":this.isStartDate,"sd-date-box--end-date":this.isEndDate,"sd-date-box--in-range":this.inRange,"sd-date-box--type-start":this.type==="start","sd-date-box--type-end":this.type==="end"},onClick:()=>this.handleClickDate(),onMouseOver:()=>this.handleHoverDate()},d("div",{key:"c2c7dcc9b384e8d000d8803fa4e4a5fcc1f2e527",class:"sd-date-box__content"},d("div",{key:"7c002c5356d9c3fcf8ec0c8f751e97fd42e59645",class:"sd-date-box__label"},this.date)))}};a.style=o;export{a as sd_date_box};
-//# sourceMappingURL=p-871c8d66.entry.js.map
+import{r as t,c as e,h as d,H as s}from"./p-ClyGLKUd.js";const o='.sd-date-box.sc-sd-date-box-h{display:flex;align-items:center;justify-content:center;width:38px;height:36px;font-size:14px;position:relative;box-sizing:border-box;text-align:center;transition:background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);border-radius:14px}.sd-date-box.sc-sd-date-box-h .sd-date-box__content.sc-sd-date-box{width:28px;height:28px;border-radius:14px;position:relative}.sd-date-box.sc-sd-date-box-h .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box{position:relative;z-index:2;user-select:none;line-height:28px}.sd-date-box.sd-date-box--disabled.sc-sd-date-box-h{color:#cccccc;cursor:default !important;pointer-events:none}.sd-date-box.sc-sd-date-box-h:not(.sd-date-box--disabled){cursor:pointer}.sd-date-box.sd-hoverable.sc-sd-date-box-h:hover .sd-date-box__content.sc-sd-date-box{background:#d9eaff}.sd-date-box.sd-date-box--in-range.sc-sd-date-box-h:not(.sd-date-box--disabled) .sd-date-box__content.sc-sd-date-box::before{content:"";position:absolute;top:0;left:-5px;width:calc(100% + 10px);height:100%;background:#d9eaff}.sd-date-box.sd-date-box--in-range.sd-date-box--type-start.sc-sd-date-box-h .sd-date-box__content.sc-sd-date-box::before{left:auto !important;width:19px !important;right:-5px}.sd-date-box.sd-date-box--in-range.sd-date-box--type-end.sc-sd-date-box-h .sd-date-box__content.sc-sd-date-box::before{width:19px !important}.sd-date-box.sd-date-box--selected.sc-sd-date-box-h .sd-date-box__content.sc-sd-date-box::after,.sd-date-box.sd-date-box--type-start.sc-sd-date-box-h .sd-date-box__content.sc-sd-date-box::after,.sd-date-box.sd-date-box--type-end.sc-sd-date-box-h .sd-date-box__content.sc-sd-date-box::after{content:"";position:absolute;inset:0;background:#0075ff;border-radius:14px;z-index:1}.sd-date-box.sd-date-box--selected.sc-sd-date-box-h .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box,.sd-date-box.sd-date-box--type-start.sc-sd-date-box-h .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box,.sd-date-box.sd-date-box--type-end.sc-sd-date-box-h .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box{color:white;font-weight:700}.sd-date-box.sd-date-box--today.sc-sd-date-box-h:not(.sd-date-box--selected) .sd-date-box__content.sc-sd-date-box::after{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:28px;height:28px;border:1px solid #e1e1e1 !important;border-radius:14px}';const a=class{constructor(d){t(this,d);this.sdClick=e(this,"sdClick");this.sdMouseOver=e(this,"sdMouseOver")}date=null;disabled=false;selected=false;isStartDate=false;isEndDate=false;isToday=false;inRange=false;type="";sdClick;sdMouseOver;handleClickDate(){if(this.disabled)return;if(typeof this.date==="string")return;this.sdClick?.emit(this.date)}handleHoverDate(){if(typeof this.date==="string")return;this.sdMouseOver?.emit(this.date)}render(){return d(s,{key:"d38fb599ea91f851d33d43ffeb064b715dc1e4ad",role:"button","aria-disabled":this.disabled?"true":"false",tabindex:this.disabled?-1:0,class:{"sd-date-box":true,"sd-hoverable":!this.disabled||!this.selected||this.type==="","sd-date-box--disabled":this.disabled,"sd-date-box--selected":this.selected,"sd-date-box--today":this.isToday,"sd-date-box--start-date":this.isStartDate,"sd-date-box--end-date":this.isEndDate,"sd-date-box--in-range":this.inRange,"sd-date-box--type-start":this.type==="start","sd-date-box--type-end":this.type==="end"},onClick:()=>this.handleClickDate(),onMouseOver:()=>this.handleHoverDate()},d("div",{key:"c2c7dcc9b384e8d000d8803fa4e4a5fcc1f2e527",class:"sd-date-box__content"},d("div",{key:"7c002c5356d9c3fcf8ec0c8f751e97fd42e59645",class:"sd-date-box__label"},this.date)))}};a.style=o;export{a as sd_date_box};
+//# sourceMappingURL=p-6d81e6f8.entry.js.map

package/dist/design-system/p-6f16399e.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,a as d,h as s,H as a}from"./p-ClyGLKUd.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:"3fe32fb440e95d43a7ba5ae40eebfec5b1f292f7",class:"sd-date-picker"},s("sd-input",{key:"8aa313f14bd0305c0d28ba8e388c5c7d2ae2d3ec",ref:e=>this.inputEl=e,value:this.date,label:this.label,"inside-label":true,readonly:true,disabled:this.disabled,inputClass:"text-center",onClick:()=>this.openMenu()},s("sd-icon",{key:"350af44747b5f87c0e25dc01fc8aa25590363d5b",slot:"prefix",name:"date",size:"16",color:"#737373",class:"date-icon",onClick:()=>this.openMenu()})),this.isOpen&&s("sd-portal",{key:"1c05d0d0b9cd54bd67b1d4411bd3ad2aded758ba",open:this.isOpen,parentRef:this.inputEl,onSdClose:this.handleClose},s("div",{key:"273c93d7b9635ebfab1350568f30da3f62996003",class:"sd-date-picker__menu"},s("div",{key:"9da1cf5d0dc35f00018a2718787007749a84ca99",class:"sd-date-picker__header"},s("div",{key:"c2afcc7006276eca26d4f0d0c91350a0dee070cf",class:"year-nav"},s("button",{key:"1b53d6e96c6f9ab93d67440450b35be096e9607b",type:"button",name:"prev-year",title:"Previous Year",onClick:()=>this.setCurrentYear(this.currentYear-1)},s("sd-icon",{key:"7acd8f69406a83bcc9fef1745523d997d1b3f219",name:"arrowLeft",size:"12",color:"#CCCCCC"})),s("span",{key:"ad5f412960af38938d6efea1f0909293c3c6682c",class:"year-nav__current"},this.currentYear),s("button",{key:"fe2480d51d8a8a3b09d3d0d5e5c5c53982ebd20d",type:"button",name:"next-year",title:"Next Year",onClick:()=>this.setCurrentYear(this.currentYear+1)},s("sd-icon",{key:"e7175f73e5efcef04a2b33a2ee7a57d2b025c3d8",name:"arrowRight",size:"12",color:"#CCCCCC"}))),s("div",{key:"76dcf13a864dffcb6a49683b590c19efb05c7367",class:"month-nav"},s("button",{key:"2d300218750da2716e2558ff3145337ee6bcfa80",type:"button",name:"prev-month",title:"Previous       ",onClick:()=>this.handleUpdateMonth("prev")},s("sd-icon",{key:"1972506ecb42922b6c742bd34186bdbf23f8d6b5",name:"arrowLeft",size:"12",color:"#CCCCCC"})),s("span",{key:"3037310072a6dcb71f2e662fb1dcfa07d44f2a70",class:"month-nav__current"},this.currentMonth,"월"),s("button",{key:"7cd60a470fd27f2028935748047f76945fc4fe99",type:"button",name:"next-month",title:"Next Month",onClick:()=>this.handleUpdateMonth("next")},s("sd-icon",{key:"d656f3dd638cab72e94f12036e77f46b9ab31c7f",name:"arrowRight",size:"12",color:"#CCCCCC"})))),s("div",{key:"1710f916652929515916a122affda7cbdd311153",class:"sd-date-picker__days"},["일","월","화","수","목","금","토"].map((e=>s("div",{key:e,class:"day"},e)))),s("div",{key:"201f7499819e88f291a3889fcbe854d2e2145fde",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-6f16399e.entry.js.map

package/dist/design-system/{p-6320b9c6.entry.js.map → p-6f16399e.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["registerInstance","createEvent","getElement","h","Host","useDatePicker","today","sdDatePickerCss","SdDatePicker","constructor","hostRef","this","sdChange","el","date","label","selectable","disabled","isOpen","currentDate","currentYear","currentMonth","componentWillLoad","setCalendar","dateUtil","inputEl","base","year","month","split","map","Number","openMenu","calendar","createCalendar","setCurrentYear","setCurrentMonth","setCurrentDate","handleUpdateMonth","type","newYear","newMonth","calculateYearMonth","handleDateClick","day","formatDate","emit","isDisabledDate","startSelectable","endSelectable","handleClose","render","key","class","ref","value","readonly","inputClass","onClick","slot","name","size","color","open","parentRef","onSdClose","title","prevMonthDays","days","afterMonthDays","idx","formattedDate","selected","isToday","undefined","style"],"sources":["0"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["registerInstance","createEvent","getElement","h","Host","useDatePicker","today","sdDatePickerCss","SdDatePicker","constructor","hostRef","this","sdChange","el","date","label","selectable","disabled","isOpen","currentDate","currentYear","currentMonth","componentWillLoad","setCalendar","dateUtil","inputEl","base","year","month","split","map","Number","openMenu","calendar","createCalendar","setCurrentYear","setCurrentMonth","setCurrentDate","handleUpdateMonth","type","newYear","newMonth","calculateYearMonth","handleDateClick","day","formatDate","emit","isDisabledDate","startSelectable","endSelectable","handleClose","render","key","class","ref","value","readonly","inputClass","onClick","slot","name","size","color","open","parentRef","onSdClose","title","prevMonthDays","days","afterMonthDays","idx","formattedDate","selected","isToday","undefined","style"],"sources":["0"],"mappings":"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","ignoreList":[]}

package/dist/design-system/{p-f9d01bdb.entry.js → p-74c0eee4.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,a as e,h as o,H as i}from"./p-B2T3tS5r.js";import{c as n}from"./p-CgyTlXBV.js";const s='@charset "UTF-8";sd-button{display:inline-block;width:fit-content;height:fit-content}.sd-button{text-decoration:none;cursor:pointer;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;display:inline-flex;align-items:center;justify-content:center}.sd-button--xs{padding:0 8px;font-size:12px;font-weight:500;line-height:20px;min-height:24px}.sd-button--sm{padding:0 12px;font-size:12px;font-weight:500;line-height:20px;min-height:28px}.sd-button--md{padding:0 20px;font-size:16px;font-weight:500;line-height:26px;min-height:34px}.sd-button--lg{padding:0 28px;font-size:18px;font-weight:500;line-height:30px;min-height:62px}.sd-button--primary{background-color:var(--button-color);color:white;transition:filter 0.2s ease}.sd-button--primary::before{content:"";position:absolute;inset:0;background:#000000;opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--primary:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.25}.sd-button--outline{background:white;border:1px solid var(--button-color);color:var(--button-color)}.sd-button--outline::before{content:"";position:absolute;inset:0;background:var(--button-color);opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--outline:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.15}.sd-button--outline .sd-button__content{position:relative;z-index:1}.sd-button--ghost{background-color:transparent;color:var(--button-color);border-color:transparent}.sd-button--ghost::before{content:"";position:absolute;inset:0;background:var(--button-color);opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--ghost:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.15}.sd-button--ghost .sd-button__content{position:relative;z-index:1}.sd-button--disabled{border:1px solid #cccccc;background:#e1e1e1;color:#888888;cursor:not-allowed !important}.sd-button--icon-only{padding:0;width:fit-content;height:fit-content;aspect-ratio:1/1}.sd-button--no-hover:hover::before{opacity:0 !important}.sd-button .sd-button__content{display:inline-flex;align-items:center;justify-content:center;gap:4px;z-index:1;font-weight:500}sd-guide{display:inline-block;height:fit-content}sd-guide .sd-guide{display:inline-block}sd-guide .sd-guide .sd-button{padding:0 16px 0 12px;border-radius:16px;color:#333333 !important;display:flex;align-items:center;transition:none}sd-guide .sd-guide .sd-button .sd-button__content{color:#333333 !important}sd-guide .sd-guide .sd-button .sd-button__content .sd-button__label{color:#333333 !important;margin-left:4px}sd-guide .sd-guide--active .sd-button{border:1px solid #12b553}sd-guide .sd-guide--active .sd-button .sd-button__content .sd-button__label{color:white !important}.sd-guide__popup{position:relative;padding:20px 32px;border-radius:8px;box-shadow:4px 4px 24px 4px rgba(0, 0, 0, 0.1);background:white}.sd-guide__popup>.sd-guide__popup__close{position:absolute;top:12px;right:12px}.sd-guide__popup__header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.sd-guide__popup__header .sd-guide__popup__title{margin-top:0;font-size:16px;font-weight:700;line-height:26px;color:#333333}.sd-guide__popup__list{width:100%;padding:0;margin:0}.sd-guide__popup__list__item{display:flex;width:100%;align-items:start;list-style:none;color:#333333;font-size:12px;font-weight:400}.sd-guide__popup__list__item p{width:100%;padding:0;margin:0;word-wrap:break-word;word-break:break-word;white-space:normal;overflow-wrap:break-word;min-width:0}.sd-guide__popup__list__item::before{display:block;content:"-";width:6px;color:#333333;font-size:12px;font-weight:400;margin-left:10px;margin-right:12px;flex-shrink:0}.sd-guide__popup__list__item--depth-2::before{content:"•"}.sd-guide__popup__list__item--depth-2{padding-left:26px}';const d={help:"활용 TIP",pdf:"PDF Guide",youtube:"Video Guide",notion:"사용법 안내",event:"Event Button"};const p={help:{name:"helpOutline",size:20,color:n.green_70},pdf:{name:"pdf",size:20,color:n.red_75},youtube:{name:"youtube",size:20,color:n.red_75},notion:{name:"notion",size:16,color:n.black},event:{name:"event",size:16,color:n.brilliantblue_70}};const r=class{constructor(e){t(this,e)}get el(){return e(this)}type="help";label="";message="";guideUrl="";popupTitle="";popupWidth;popupShow=false;guideRef;handleClickGuide=()=>{if(this.type==="help"){this.popupShow=!this.popupShow;return}if(this.guideUrl){window.open(this.guideUrl,"_blank")}};get guideClass(){const t=["sd-guide",`sd-guide--${this.type}`];if(this.popupShow)t.push("sd-guide--active");return t.join(" ")}closeDropdown=()=>{this.popupShow=false};render(){const{name:t,size:e,color:s}=p[this.type];return o(i,{key:"8de1cc4591dd1294a374421965322d6a958c9797",style:{"--sd-guide-color":p[this.type].color}},o("sd-button",{key:"8dc820b941d8e3003f2440a4fa1ccd36be0a854e",ref:t=>this.guideRef=t,class:this.guideClass,variant:this.popupShow?"primary":"outline",label:this.label||d[this.type],size:"sm",color:this.popupShow?p[this.type].color:"grey_45",icon:t,iconColor:this.popupShow?"white":s,iconSize:e,noHover:this.popupShow,onSdClick:this.handleClickGuide}),this.type==="help"&&this.popupShow&&o("sd-portal",{key:"d8cbafa686da33b2ced3a00fe13f673ebab247e5",open:this.popupShow,parentRef:this.guideRef,onSdClose:this.closeDropdown,offset:[0,4]},o("div",{key:"f5048c842dcec0414ee747f69c2033b688ba1672",class:"sd-guide__popup",style:{width:this.popupWidth?this.popupWidth+"px":"426px"}},o("sd-button",{key:"a7cb87e50b7b9ff3a40742cd4881ac8c413f18a5",class:"sd-guide__popup__close",icon:"close",color:n.grey_65,size:"md",variant:"ghost",noHover:true,onSdClick:this.closeDropdown}),o("div",{key:"dd2a7ceeb8fa28c2d430a2d10778b87db5bc576d",class:"sd-guide__popup__header"},o("sd-icon",{key:"40ccb8d9fc31c7f0c68ce4fd8aacbfdf7e4cf4dc",name:"helpOutline",size:24,color:n.green_65}),o("h3",{key:"55726b9de8d9cd996154700ffb0c5178face6916",class:"sd-guide__popup__title"},this.popupTitle||d[this.type])),o("ul",{key:"3221ed8367735883cb65c8ab66b63d977eae24dd",class:"sd-guide__popup__list"},this.renderListItem(this.message)))))}renderListItem(t,e=0){const o=[];if(Array.isArray(t)){const i=t.map((t=>this.renderListItem(t,e+1)));o.push(...i.flat())}else{o.push(this.renderLi(t,e))}return o}renderLi=(t,e)=>{const i=t.replace(/ /gi," ");return o("li",{class:`sd-guide__popup__list__item sd-guide__popup__list__item--depth-${e}`},o("p",{innerHTML:i}))}};r.style=s;export{r as sd_guide};
-//# sourceMappingURL=p-f9d01bdb.entry.js.map
+import{r as t,a as e,h as o,H as i}from"./p-ClyGLKUd.js";import{c as n}from"./p-CgyTlXBV.js";const s='@charset "UTF-8";sd-button{display:inline-block;width:fit-content;height:fit-content}.sd-button{text-decoration:none;cursor:pointer;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;display:inline-flex;align-items:center;justify-content:center}.sd-button--xs{padding:0 8px;font-size:12px;font-weight:500;line-height:20px;min-height:24px}.sd-button--sm{padding:0 12px;font-size:12px;font-weight:500;line-height:20px;min-height:28px}.sd-button--md{padding:0 20px;font-size:16px;font-weight:500;line-height:26px;min-height:34px}.sd-button--lg{padding:0 28px;font-size:18px;font-weight:500;line-height:30px;min-height:62px}.sd-button--primary{background-color:var(--button-color);color:white;transition:filter 0.2s ease}.sd-button--primary::before{content:"";position:absolute;inset:0;background:#000000;opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--primary:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.25}.sd-button--outline{background:white;border:1px solid var(--button-color);color:var(--button-color)}.sd-button--outline::before{content:"";position:absolute;inset:0;background:var(--button-color);opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--outline:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.15}.sd-button--outline .sd-button__content{position:relative;z-index:1}.sd-button--ghost{background-color:transparent;color:var(--button-color);border-color:transparent}.sd-button--ghost::before{content:"";position:absolute;inset:0;background:var(--button-color);opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--ghost:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.15}.sd-button--ghost .sd-button__content{position:relative;z-index:1}.sd-button--disabled{border:1px solid #cccccc;background:#e1e1e1;color:#888888;cursor:not-allowed !important}.sd-button--icon-only{padding:0;width:fit-content;height:fit-content;aspect-ratio:1/1}.sd-button--no-hover:hover::before{opacity:0 !important}.sd-button .sd-button__content{display:inline-flex;align-items:center;justify-content:center;gap:4px;z-index:1;font-weight:500}sd-guide{display:inline-block;height:fit-content}sd-guide .sd-guide{display:inline-block}sd-guide .sd-guide .sd-button{padding:0 16px 0 12px;border-radius:16px;color:#333333 !important;display:flex;align-items:center;transition:none}sd-guide .sd-guide .sd-button .sd-button__content{color:#333333 !important}sd-guide .sd-guide .sd-button .sd-button__content .sd-button__label{color:#333333 !important;margin-left:4px}sd-guide .sd-guide--active .sd-button{border:1px solid #12b553}sd-guide .sd-guide--active .sd-button .sd-button__content .sd-button__label{color:white !important}.sd-guide__popup{position:relative;padding:20px 32px;border-radius:8px;box-shadow:4px 4px 24px 4px rgba(0, 0, 0, 0.1);background:white}.sd-guide__popup>.sd-guide__popup__close{position:absolute;top:12px;right:12px}.sd-guide__popup__header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.sd-guide__popup__header .sd-guide__popup__title{margin-top:0;font-size:16px;font-weight:700;line-height:26px;color:#333333}.sd-guide__popup__list{width:100%;padding:0;margin:0}.sd-guide__popup__list__item{display:flex;width:100%;align-items:start;list-style:none;color:#333333;font-size:12px;font-weight:400}.sd-guide__popup__list__item p{width:100%;padding:0;margin:0;word-wrap:break-word;word-break:break-word;white-space:normal;overflow-wrap:break-word;min-width:0}.sd-guide__popup__list__item::before{display:block;content:"-";width:6px;color:#333333;font-size:12px;font-weight:400;margin-left:10px;margin-right:12px;flex-shrink:0}.sd-guide__popup__list__item--depth-2::before{content:"•"}.sd-guide__popup__list__item--depth-2{padding-left:26px}';const d={help:"활용 TIP",pdf:"PDF Guide",youtube:"Video Guide",notion:"사용법 안내",event:"Event Button"};const p={help:{name:"helpOutline",size:20,color:n.green_70},pdf:{name:"pdf",size:20,color:n.red_75},youtube:{name:"youtube",size:20,color:n.red_75},notion:{name:"notion",size:16,color:n.black},event:{name:"event",size:16,color:n.brilliantblue_70}};const r=class{constructor(e){t(this,e)}get el(){return e(this)}type="help";label="";message="";guideUrl="";popupTitle="";popupWidth;popupShow=false;guideRef;handleClickGuide=()=>{if(this.type==="help"){this.popupShow=!this.popupShow;return}if(this.guideUrl){window.open(this.guideUrl,"_blank")}};get guideClass(){const t=["sd-guide",`sd-guide--${this.type}`];if(this.popupShow)t.push("sd-guide--active");return t.join(" ")}closeDropdown=()=>{this.popupShow=false};render(){const{name:t,size:e,color:s}=p[this.type];return o(i,{key:"d9bf823d000e8181c61798d9656c428c4a3cd6b6",style:{"--sd-guide-color":p[this.type].color}},o("sd-button",{key:"fd25039c644bdd6e802624f2cbef3bfb4d797220",ref:t=>this.guideRef=t,class:this.guideClass,variant:this.popupShow?"primary":"outline",label:this.label||d[this.type],size:"sm",color:this.popupShow?p[this.type].color:"grey_45",icon:t,iconColor:this.popupShow?"white":s,iconSize:e,noHover:this.popupShow,onSdClick:this.handleClickGuide}),this.type==="help"&&this.popupShow&&o("sd-portal",{key:"3bb296fa9a9419534af30fe3d2e2dd1bffe2aa53",open:this.popupShow,parentRef:this.guideRef,onSdClose:this.closeDropdown,offset:[0,4]},o("div",{key:"2aacb47b2acedceb9114737da8d061022fea27a8",class:"sd-guide__popup",style:{width:this.popupWidth?this.popupWidth+"px":"426px"}},o("sd-button",{key:"d4e3a1b49d15782a2b4cc50d6ebfc62ca19da555",class:"sd-guide__popup__close",icon:"close",color:n.grey_65,size:"md",variant:"ghost",noHover:true,onSdClick:this.closeDropdown}),o("div",{key:"ca5d8332066af0bac3083443488c3ebe5c064931",class:"sd-guide__popup__header"},o("sd-icon",{key:"752a3ea8dde595e459b0681b317486c3896aa71f",name:"helpOutline",size:24,color:n.green_65}),o("h3",{key:"52d5bdae6b82d9aabbf8dc98c2f05379fb8ffe7d",class:"sd-guide__popup__title"},this.popupTitle||d[this.type])),o("ul",{key:"07fe0fe4f2b9831721e95f318dfcd818ee11a415",class:"sd-guide__popup__list"},this.renderListItem(this.message)))))}renderListItem(t,e=0){const o=[];if(Array.isArray(t)){const i=t.map((t=>this.renderListItem(t,e+1)));o.push(...i.flat())}else{o.push(this.renderLi(t,e))}return o}renderLi=(t,e)=>{const i=t.replace(/ /gi," ");return o("li",{class:`sd-guide__popup__list__item sd-guide__popup__list__item--depth-${e}`},o("p",{innerHTML:i}))}};r.style=s;export{r as sd_guide};
+//# sourceMappingURL=p-74c0eee4.entry.js.map

package/dist/design-system/{p-3574f319.entry.js → p-8d1a2a13.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,a as s,h as i,H as l,F as o}from"./p-B2T3tS5r.js";import{B as r,S as n}from"./p-C2JaR3A6.js";const p=".sd-select-multiple-group__dropdown{overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.sd-select-multiple-group__dropdown::-webkit-scrollbar{opacity:0;background:#e5e5e5}.sd-select-multiple-group__dropdown::-webkit-scrollbar:horizontal{height:8px}.sd-select-multiple-group__dropdown::-webkit-scrollbar:vertical{width:8px}.sd-select-multiple-group__dropdown::-webkit-scrollbar-thumb{height:80px;background-color:#cccccc;border-radius:4px}.sd-select-multiple-group__dropdown::-webkit-scrollbar-track{background-color:transparent}sd-select-multiple-group{display:inline-block;height:fit-content}sd-select-multiple-group .sd-select-multiple-group{display:flex;flex-wrap:nowrap;width:var(--select-width, 200px);cursor:pointer;user-select:none;border:1px solid #aaaaaa;border-radius:4px;background-color:white;color:#333333}sd-select-multiple-group .sd-select-multiple-group:hover:not(.sd-select-multiple-group--disabled){background:#f6f6f6}sd-select-multiple-group .sd-select-multiple-group.sd-select-multiple-group--disabled{cursor:not-allowed;background-color:#eeeeee;border-color:#cccccc}sd-select-multiple-group .sd-select-multiple-group.sd-select-multiple-group--disabled .sd-select-multiple-group__label{border-right:1px solid #cccccc}sd-select-multiple-group .sd-select-multiple-group.sd-select-multiple-group--disabled .sd-select-multiple-group__trigger{color:#888888}sd-select-multiple-group .sd-select-multiple-group.sd-select-multiple-group--disabled .sd-select-multiple-group__trigger:focus,sd-select-multiple-group .sd-select-multiple-group.sd-select-multiple-group--disabled .sd-select-multiple-group__trigger:focus-visible,sd-select-multiple-group .sd-select-multiple-group.sd-select-multiple-group--disabled .sd-select-multiple-group__trigger:focus-within{outline:none !important}sd-select-multiple-group .sd-select-multiple-group__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-group .sd-select-multiple-group__container{position:relative;width:100%;display:flex}sd-select-multiple-group .sd-select-multiple-group__container .sd-select-multiple-group__trigger{padding:4px 20px 4px 12px;display:flex;width:100%;align-items:center}sd-select-multiple-group .sd-select-multiple-group__container .sd-select-multiple-group__trigger .sd-select-multiple-group__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px;font-size:12px;font-weight:400}sd-select-multiple-group .sd-select-multiple-group__container .sd-select-multiple-group__trigger .sd-select-multiple-group__clear{margin:0 4px;width:8px;height:8px;background-color:transparent;outline:none;border:none}sd-select-multiple-group .sd-select-multiple-group__container .sd-select-multiple-group__arrow{position:absolute;top:8px;right:8px;width:12px;height:12px;color:#888888;transition:transform 0.3s ease}sd-select-multiple-group .sd-select-multiple-group__container .sd-select-multiple-group__arrow--open{transform:rotate(180deg)}.sd-select-multiple-group__dropdown{width:var(--select-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-group__dropdown .sd-select-multiple-group__search-container{position:sticky;top:0;display:flex;width:100%;background-color:white;align-items:center;padding:4px 8px}.sd-select-multiple-group__dropdown .sd-select-multiple-group__search-container sd-input{width:100%}.sd-select-multiple-group__dropdown .sd-select-multiple-group__search-container--scrolled{box-shadow:2px 2px 8px 2px rgba(0, 0, 0, 0.2)}.sd-select-multiple-group__dropdown .sd-select-multiple-group__option-placeholder{padding:4px 12px;font-size:12px;line-height:20px}";const c=class extends r{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;useAll=false;allCheckedLabel="전체";allCheckOptionLabel="전체";containerStyle={};triggerStyle={};dropdownStyle={};optionStyle={};labelStyle={};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-group__dropdown sd-select-option-group")||[]);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)}componentWillLoad(){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 n(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})}};handleAllOptionClick=e=>{if(e.isSelected){const e=this.filteredOptions.filter((e=>e.type==="item"&&!e.disabled));this.value=this.value?.filter((t=>!e.some((e=>e.value===t.value))))||this.value}else{const e=new Set([...this.value||[],...this.filteredOptions.filter((e=>e.type==="item"&&!e.disabled))]);this.value=Array.from(e)}};handleOptionClick=e=>{const{option:t,event:s}=e;s.stopPropagation();if(t.type==="group")this.handleGroupOptionClick(e);if(t.type==="subgroup")this.handleSubGroupOptionClick(e);if(t.type==="item")this.handleOptionSelection(t)};handleGroupOptionClick=e=>{const{option:t,isSelected:s}=e;const i=this.filteredOptions.filter((e=>e.parent===t.value&&!e.disabled));i.forEach((e=>{this.handleSubGroupOptionClick({option:e,isSelected:s||s===null})}))};handleSubGroupOptionClick=e=>{const{option:t,isSelected:s}=e;const i=this.filteredOptions.filter((e=>e.parent===t.value&&!e.disabled));if(s||s===null){this.value=this.value?.filter((e=>!i.some((t=>t.value===e.value))))||null}else{const e=i.filter((e=>!this.value?.some((t=>t.value===e.value))));this.value=[...this.value||[],...e]}};filterOptions(){if(!this.searchText||this.searchText.trim()===""){this.filteredOptions=this.options;return}const e=this.searchText.toLowerCase();const t=new Set;this.options.forEach((s=>{if(s.label.toLowerCase().includes(e)){t.add(s);this.addParentGroups(s,t)}}));this.filteredOptions=this.options.filter((e=>t.has(e)))}addParentGroups(e,t){if(!e.parent)return;const s=this.options.find((t=>t.value===e.parent));if(s&&!t.has(s)){t.add(s);this.addParentGroups(s,t)}}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]}};getAllItemsUnderOption(e,t=false){const s=s=>s.parent===e.value&&(t||!s.disabled);if(e.type==="subgroup"){return this.filteredOptions.filter((e=>s(e)&&e.type==="item"))}const i=[];const l=this.filteredOptions.filter(s);const o=l.filter((e=>e.type==="subgroup"));o.forEach((e=>{const s=this.filteredOptions.filter((s=>s.parent===e.value&&s.type==="item"&&(t?true:!s.disabled)));i.push(...s)}));const r=l.filter((e=>e.type==="item"));i.push(...r);return i}isAllChildrenSelected(e){const t=this.getAllItemsUnderOption(e);if(t.length===0)return false;const s=t.filter((e=>this.value?.some((t=>t.value===e.value))));if(s.length===t.length)return true;if(s.length>0)return null;return false}getChildrenOptions(e){const t=this.getAllItemsUnderOption(e,true);const s=t.filter((e=>this.value?.some((t=>t.value===e.value)))).length;return{selectedCount:s,totalCount:t.length}}isAllOptionsSelected(){if(!this.value||this.value.length===0)return false;const e=this.options.filter((e=>e.type==="item"&&!e.disabled));if(e.length===0)return false;const t=new Set(this.value.map((e=>e.value)));return e.every((e=>t.has(e.value)))}getTriggerLabel(){const e=this.getSelectedOption();if(!e)return"선택";if(e.length===0)return this.placeholder;const t=this.isAllOptionsSelected();return t?this.allCheckedLabel:e.map((e=>e.label)).join(", ")}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 p=l+n;const c=l+o;if(s<p){t.scrollTop=s-n}else if(s+i>c){t.scrollTop=s+i-o+n}}render(){const e={"--select-width":this.width||"200px","--select-dropdown-height":this.dropdownHeight||"260px"};return i(l,{key:"bcafcfbb33940882bd7e22a6d197974194554968",style:e},i("div",{key:"a8547e4aa07d8ccdfbb7955f122eaa3955c5d30e",class:{"sd-select-multiple-group":true,"sd-select-multiple-group--open":this.isOpen,"sd-select-multiple-group--disabled":this.disabled},style:this.containerStyle,ref:e=>this.selectRef=e},this.renderLabel(this.label,this.labelStyle),i("div",{key:"90ba61f1d83692e2eaf430f42a1a0fd55380d774",class:"sd-select-multiple-group__container"},this.renderTrigger(),this.renderDropdown())))}renderLabel(e,t){if(!e)return null;return i("label",{class:"sd-select-multiple-group__label",style:t},e)}renderTrigger(){const e=this.getSelectedOption();return i("div",{class:"sd-select-multiple-group__trigger",tabindex:this.disabled?-1:0,onClick:this.handleTriggerClick,style:this.triggerStyle},i("span",{class:"sd-select-multiple-group__value"},this.getTriggerLabel()),this.clearable&&e?.length>0&&!this.disabled&&i("sd-icon",{key:"close-icon",name:"close",size:10,color:"#888",class:"sd-select-multiple-group__clear",onClick:e=>{e.stopPropagation();this.value=null}}),i("sd-icon",{key:"arrow-icon",name:"arrowDown",color:"#888",class:{"sd-select-multiple-group__arrow":true,"sd-select-multiple-group__arrow--open":this.isOpen}}))}renderDropdown(){const e={"--select-width":this.width||"200px","--select-dropdown-height":this.dropdownHeight||"260px"};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-group__dropdown",style:{...e,...this.dropdownStyle},onScroll:this.handleDropdownScroll,ref:e=>this.dropdownRef=e},this.searchable&&i("div",{class:{"sd-select-multiple-group__search-container":true,"sd-select-multiple-group__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},onKeyDown:e=>{if(e.code==="Enter")e.stopPropagation()}},i("sd-icon",{name:"search",size:16,color:"#737373",slot:"prefix"}))),this.filteredOptions.length>0?i(o,null,this.useAll&&i("sd-select-option-group",{option:{label:this.allCheckOptionLabel,value:"",type:"all"},index:0,isSelected:this.isAllOptionsSelected(),isFocused:this.itemIndex===0,optionStyle:this.optionStyle,onOptionClick:({detail:e})=>this.handleAllOptionClick(e),useCheckbox:this.useCheckbox,useIndicator:false}),this.filteredOptions.map(((e,t)=>i("slot",{name:`option-${e.value}`},i("sd-select-option-group",{option:e,index:t,isSelected:e.type==="item"?this.value?.some((t=>t.value===e.value)):this.isAllChildrenSelected(e),isFocused:t===this.itemIndex,optionStyle:this.optionStyle,onOptionClick:({detail:t})=>{if(e.type!=="item"&&!this.useCheckbox){return}this.handleOptionClick(t)},useCheckbox:this.useCheckbox,...e.type!=="item"&&{countInfo:this.getChildrenOptions(e)}}))))):i("slot",{name:"option-placeholder"},i("div",{class:"sd-select-multiple-group__option-placeholder",style:this.optionStyle},this.optionPlaceholder))))}static get watchers(){return{value:["valueChanged"],options:["optionsChanged"],searchText:["searchTextChanged"],itemIndex:["itemIndexChanged"],isOpen:["isOpenChanged"]}}};c.style=p;export{c as sd_select_multiple_group};
-//# sourceMappingURL=p-3574f319.entry.js.map
+import{r as e,c as t,a as s,h as i,H as l,F as o}from"./p-ClyGLKUd.js";import{B as r,S as n}from"./p-C2JaR3A6.js";const p=".sd-select-multiple-group__dropdown{overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.sd-select-multiple-group__dropdown::-webkit-scrollbar{opacity:0;background:#e5e5e5}.sd-select-multiple-group__dropdown::-webkit-scrollbar:horizontal{height:8px}.sd-select-multiple-group__dropdown::-webkit-scrollbar:vertical{width:8px}.sd-select-multiple-group__dropdown::-webkit-scrollbar-thumb{height:80px;background-color:#cccccc;border-radius:4px}.sd-select-multiple-group__dropdown::-webkit-scrollbar-track{background-color:transparent}sd-select-multiple-group{display:inline-block;height:fit-content}sd-select-multiple-group .sd-select-multiple-group{display:flex;flex-wrap:nowrap;width:var(--select-width, 200px);cursor:pointer;user-select:none;border:1px solid #aaaaaa;border-radius:4px;background-color:white;color:#333333}sd-select-multiple-group .sd-select-multiple-group:hover:not(.sd-select-multiple-group--disabled){background:#f6f6f6}sd-select-multiple-group .sd-select-multiple-group.sd-select-multiple-group--disabled{cursor:not-allowed;background-color:#eeeeee;border-color:#cccccc}sd-select-multiple-group .sd-select-multiple-group.sd-select-multiple-group--disabled .sd-select-multiple-group__label{border-right:1px solid #cccccc}sd-select-multiple-group .sd-select-multiple-group.sd-select-multiple-group--disabled .sd-select-multiple-group__trigger{color:#888888}sd-select-multiple-group .sd-select-multiple-group.sd-select-multiple-group--disabled .sd-select-multiple-group__trigger:focus,sd-select-multiple-group .sd-select-multiple-group.sd-select-multiple-group--disabled .sd-select-multiple-group__trigger:focus-visible,sd-select-multiple-group .sd-select-multiple-group.sd-select-multiple-group--disabled .sd-select-multiple-group__trigger:focus-within{outline:none !important}sd-select-multiple-group .sd-select-multiple-group__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-group .sd-select-multiple-group__container{position:relative;width:100%;display:flex}sd-select-multiple-group .sd-select-multiple-group__container .sd-select-multiple-group__trigger{padding:4px 20px 4px 12px;display:flex;width:100%;align-items:center}sd-select-multiple-group .sd-select-multiple-group__container .sd-select-multiple-group__trigger .sd-select-multiple-group__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px;font-size:12px;font-weight:400}sd-select-multiple-group .sd-select-multiple-group__container .sd-select-multiple-group__trigger .sd-select-multiple-group__clear{margin:0 4px;width:8px;height:8px;background-color:transparent;outline:none;border:none}sd-select-multiple-group .sd-select-multiple-group__container .sd-select-multiple-group__arrow{position:absolute;top:8px;right:8px;width:12px;height:12px;color:#888888;transition:transform 0.3s ease}sd-select-multiple-group .sd-select-multiple-group__container .sd-select-multiple-group__arrow--open{transform:rotate(180deg)}.sd-select-multiple-group__dropdown{width:var(--select-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-group__dropdown .sd-select-multiple-group__search-container{position:sticky;top:0;display:flex;width:100%;background-color:white;align-items:center;padding:4px 8px}.sd-select-multiple-group__dropdown .sd-select-multiple-group__search-container sd-input{width:100%}.sd-select-multiple-group__dropdown .sd-select-multiple-group__search-container--scrolled{box-shadow:2px 2px 8px 2px rgba(0, 0, 0, 0.2)}.sd-select-multiple-group__dropdown .sd-select-multiple-group__option-placeholder{padding:4px 12px;font-size:12px;line-height:20px}";const c=class extends r{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;useAll=false;allCheckedLabel="전체";allCheckOptionLabel="전체";containerStyle={};triggerStyle={};dropdownStyle={};optionStyle={};labelStyle={};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-group__dropdown sd-select-option-group")||[]);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)}componentWillLoad(){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 n(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})}};handleAllOptionClick=e=>{if(e.isSelected){const e=this.filteredOptions.filter((e=>e.type==="item"&&!e.disabled));this.value=this.value?.filter((t=>!e.some((e=>e.value===t.value))))||this.value}else{const e=new Set([...this.value||[],...this.filteredOptions.filter((e=>e.type==="item"&&!e.disabled))]);this.value=Array.from(e)}};handleOptionClick=e=>{const{option:t,event:s}=e;s.stopPropagation();if(t.type==="group")this.handleGroupOptionClick(e);if(t.type==="subgroup")this.handleSubGroupOptionClick(e);if(t.type==="item")this.handleOptionSelection(t)};handleGroupOptionClick=e=>{const{option:t,isSelected:s}=e;const i=this.filteredOptions.filter((e=>e.parent===t.value&&!e.disabled));i.forEach((e=>{this.handleSubGroupOptionClick({option:e,isSelected:s||s===null})}))};handleSubGroupOptionClick=e=>{const{option:t,isSelected:s}=e;const i=this.filteredOptions.filter((e=>e.parent===t.value&&!e.disabled));if(s||s===null){this.value=this.value?.filter((e=>!i.some((t=>t.value===e.value))))||null}else{const e=i.filter((e=>!this.value?.some((t=>t.value===e.value))));this.value=[...this.value||[],...e]}};filterOptions(){if(!this.searchText||this.searchText.trim()===""){this.filteredOptions=this.options;return}const e=this.searchText.toLowerCase();const t=new Set;this.options.forEach((s=>{if(s.label.toLowerCase().includes(e)){t.add(s);this.addParentGroups(s,t)}}));this.filteredOptions=this.options.filter((e=>t.has(e)))}addParentGroups(e,t){if(!e.parent)return;const s=this.options.find((t=>t.value===e.parent));if(s&&!t.has(s)){t.add(s);this.addParentGroups(s,t)}}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]}};getAllItemsUnderOption(e,t=false){const s=s=>s.parent===e.value&&(t||!s.disabled);if(e.type==="subgroup"){return this.filteredOptions.filter((e=>s(e)&&e.type==="item"))}const i=[];const l=this.filteredOptions.filter(s);const o=l.filter((e=>e.type==="subgroup"));o.forEach((e=>{const s=this.filteredOptions.filter((s=>s.parent===e.value&&s.type==="item"&&(t?true:!s.disabled)));i.push(...s)}));const r=l.filter((e=>e.type==="item"));i.push(...r);return i}isAllChildrenSelected(e){const t=this.getAllItemsUnderOption(e);if(t.length===0)return false;const s=t.filter((e=>this.value?.some((t=>t.value===e.value))));if(s.length===t.length)return true;if(s.length>0)return null;return false}getChildrenOptions(e){const t=this.getAllItemsUnderOption(e,true);const s=t.filter((e=>this.value?.some((t=>t.value===e.value)))).length;return{selectedCount:s,totalCount:t.length}}isAllOptionsSelected(){if(!this.value||this.value.length===0)return false;const e=this.options.filter((e=>e.type==="item"&&!e.disabled));if(e.length===0)return false;const t=new Set(this.value.map((e=>e.value)));return e.every((e=>t.has(e.value)))}getTriggerLabel(){const e=this.getSelectedOption();if(!e)return"선택";if(e.length===0)return this.placeholder;const t=this.isAllOptionsSelected();return t?this.allCheckedLabel:e.map((e=>e.label)).join(", ")}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 p=l+n;const c=l+o;if(s<p){t.scrollTop=s-n}else if(s+i>c){t.scrollTop=s+i-o+n}}render(){const e={"--select-width":this.width||"200px","--select-dropdown-height":this.dropdownHeight||"260px"};return i(l,{key:"bcafcfbb33940882bd7e22a6d197974194554968",style:e},i("div",{key:"a8547e4aa07d8ccdfbb7955f122eaa3955c5d30e",class:{"sd-select-multiple-group":true,"sd-select-multiple-group--open":this.isOpen,"sd-select-multiple-group--disabled":this.disabled},style:this.containerStyle,ref:e=>this.selectRef=e},this.renderLabel(this.label,this.labelStyle),i("div",{key:"90ba61f1d83692e2eaf430f42a1a0fd55380d774",class:"sd-select-multiple-group__container"},this.renderTrigger(),this.renderDropdown())))}renderLabel(e,t){if(!e)return null;return i("label",{class:"sd-select-multiple-group__label",style:t},e)}renderTrigger(){const e=this.getSelectedOption();return i("div",{class:"sd-select-multiple-group__trigger",tabindex:this.disabled?-1:0,onClick:this.handleTriggerClick,style:this.triggerStyle},i("span",{class:"sd-select-multiple-group__value"},this.getTriggerLabel()),this.clearable&&e?.length>0&&!this.disabled&&i("sd-icon",{key:"close-icon",name:"close",size:10,color:"#888",class:"sd-select-multiple-group__clear",onClick:e=>{e.stopPropagation();this.value=null}}),i("sd-icon",{key:"arrow-icon",name:"arrowDown",color:"#888",class:{"sd-select-multiple-group__arrow":true,"sd-select-multiple-group__arrow--open":this.isOpen}}))}renderDropdown(){const e={"--select-width":this.width||"200px","--select-dropdown-height":this.dropdownHeight||"260px"};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-group__dropdown",style:{...e,...this.dropdownStyle},onScroll:this.handleDropdownScroll,ref:e=>this.dropdownRef=e},this.searchable&&i("div",{class:{"sd-select-multiple-group__search-container":true,"sd-select-multiple-group__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},onKeyDown:e=>{if(e.code==="Enter")e.stopPropagation()}},i("sd-icon",{name:"search",size:16,color:"#737373",slot:"prefix"}))),this.filteredOptions.length>0?i(o,null,this.useAll&&i("sd-select-option-group",{option:{label:this.allCheckOptionLabel,value:"",type:"all"},index:0,isSelected:this.isAllOptionsSelected(),isFocused:this.itemIndex===0,optionStyle:this.optionStyle,onOptionClick:({detail:e})=>this.handleAllOptionClick(e),useCheckbox:this.useCheckbox,useIndicator:false}),this.filteredOptions.map(((e,t)=>i("slot",{name:`option-${e.value}`},i("sd-select-option-group",{option:e,index:t,isSelected:e.type==="item"?this.value?.some((t=>t.value===e.value)):this.isAllChildrenSelected(e),isFocused:t===this.itemIndex,optionStyle:this.optionStyle,onOptionClick:({detail:t})=>{if(e.type!=="item"&&!this.useCheckbox){return}this.handleOptionClick(t)},useCheckbox:this.useCheckbox,...e.type!=="item"&&{countInfo:this.getChildrenOptions(e)}}))))):i("slot",{name:"option-placeholder"},i("div",{class:"sd-select-multiple-group__option-placeholder",style:this.optionStyle},this.optionPlaceholder))))}static get watchers(){return{value:["valueChanged"],options:["optionsChanged"],searchText:["searchTextChanged"],itemIndex:["itemIndexChanged"],isOpen:["isOpenChanged"]}}};c.style=p;export{c as sd_select_multiple_group};
+//# sourceMappingURL=p-8d1a2a13.entry.js.map