@sellmate/design-system 0.0.33 → 0.0.35

package/dist/design-system/{p-ac7dbf3c.entry.js → p-01f44c51.entry.js}

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

package/dist/design-system/p-49f98f09.entry.js

@@ -0,0 +1,2 @@
+import{r as s,a as e,h as o,F as t}from"./p-B2T3tS5r.js";import{T as i}from"./p-BE6EMCXm.js";const a=".sd-popover{position:relative;cursor:pointer;display:inline-block}";const c=class{constructor(e){s(this,e)}get el(){return e(this)}show=false;placement="bottom";color="#01BB4B";icon="helpOutline";iconSize=12;label="";buttonSize="sm";buttonVariant="primary";menuTitle;messages=[];buttons=[];menuClass="";noHover=true;useClose=false;showPopover=false;slotContent="";watchShowHandler(s){this.showPopover=s}componentWillLoad(){this.showPopover=this.show;this.slotContent=this.el.innerHTML;console.log(this.el)}buttonEl;handleClose=()=>{this.showPopover=false};render(){return o(t,{key:"c589194a99064c6d4dcba4a3041fabc86e629190"},this.label?o("sd-button",{ref:s=>this.buttonEl=s,label:this.label,icon:this.icon,size:this.buttonSize,color:this.color,variant:this.buttonVariant,class:"sd-popover",onClick:()=>(console.log("click popover"),this.showPopover=!this.showPopover)}):o("sd-icon",{ref:s=>this.buttonEl=s,name:this.icon,size:this.iconSize,color:this.color,class:"sd-popover",onClick:()=>(console.log("click popover"),this.showPopover=!this.showPopover)}),this.showPopover&&o("sd-tooltip-portal",{key:"8ad8df3d02c2889a404366a7a1486ee001415423",parentRef:this.buttonEl,onSdClose:this.handleClose,placement:this.placement},o("div",{key:"a45f59c40dfbdbe3ad70ea4733459841ddbd6ca2",class:{"sd-popover-menu":true,[`sd-popover-menu--${this.placement}`]:true,[this.menuClass]:!!this.menuClass}},o("i",{key:"37666b148d9638512cdcf9880b4d4f928c617398",class:`sd-popover-menu__arrow sd-popover-menu__arrow--${this.placement}`},o(i,{key:"34801580a143b2a9a0e4fd2a754e3b7df84715bb"})),o("div",{key:"f6ed764d4c50b2573188164f387df4ec4df04430",class:"sd-popover-menu__content"},this.menuTitle&&o("div",{key:"d038bbede4912070b58772daac3f264908c7b0ef",class:"sd-popover-menu__title"},this.menuTitle),this.messages.length>0&&o("div",{key:"0bc6407b1deb2fdc2194fe8b45af199c797ad9de",class:"sd-popover-menu__messages"},this.messages.map((s=>o("div",null,s)))),this.buttons.length>0&&o("div",{key:"77f310b36aabbd66ed92cbf3caa9edf619875f0e",class:`sd-popover-menu__buttons sd-popover-menu__buttons--${this.buttons.length}`},this.buttons.map((s=>o("sd-button",{...s}))))),this.useClose&&o("button",{key:"d48a8945ff2419ff4f45f62bddc4b56cccf608e2",class:"sd-popover-menu__close-button",onClick:()=>this.handleClose()},o("sd-icon",{key:"821ce775843d2958b2288f7deba565b1b5aa4cda",name:"close",size:"12",color:"#AAAAAA"})))))}static get watchers(){return{show:["watchShowHandler"]}}};c.style=a;export{c as sd_popover};
+//# sourceMappingURL=p-49f98f09.entry.js.map

package/dist/design-system/p-671a08a6.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as e,a as s,h as a,H as d}from"./p-B2T3tS5r.js";const l='.sd-table__wrapper .sd-table__container .sd-table__middle{overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar{opacity:0;background:#e5e5e5}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar:horizontal{height:8px}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar:vertical{width:8px}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar-thumb{height:80px;background-color:#cccccc;border-radius:4px}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar-track{background-color:transparent}.sd-table__wrapper{height:var(--table-height, auto);width:var(--table-width, 100%);color:#222222}.sd-table__wrapper .sd-table__container{width:100%;height: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){t(this,s);this.sdSelectChange=e(this,"sdSelectChange");this.sdPageChange=e(this,"sdPageChange");this.sdRowsPerPageChange=e(this,"sdRowsPerPageChange")}get el(){return s(this)}columns;rows;selected=new Set;rowKey="id";selectable=false;resizable=false;width;height;stickyHeader=false;stickyColumn={left:0,right:0};noDataLabel="데이터가 없습니다.";isLoading=false;pagination;bodyCellRenderer;useInternalPagination=false;useRowsPerPageSelect=false;rowsPerPageOption=[{label:"10개씩 보기",value:10},{label:"25개씩 보기",value:25},{label:"50개씩 보기",value:50},{label:"100개씩 보기",value:100}];sdSelectChange;sdPageChange;sdRowsPerPageChange;currentPage=this.pagination?.page||1;innerRows=[];innerSelected=new Set;columnWidths=[];scrolledLeft=false;scrolledRight=false;handleColumnsChange(t){this.columnWidths=t.map((t=>parseInt(t.width||"120",10)))}handleRowsChange(t){this.innerRows=[...t]}handleSelectedChange(t){this.innerSelected=new Set(t)}handlePaginationChange(t){if(t?.page&&t.page!==this.currentPage)this.currentPage=t.page}componentWillLoad(){this.innerRows=[...this.rows||[]];this.innerSelected=new Set(this.selected);this.columnWidths=(this.columns||[]).map((t=>parseInt(t.width||"120",10)))}componentDidLoad(){if(typeof window==="undefined")return;const t=this.el.querySelector(".sd-table__middle");if(!t)return;const e=()=>{const{scrollLeft:e,scrollWidth:s,clientWidth:a}=t;this.scrolledLeft=e>0;this.scrolledRight=e+a<s};t.addEventListener("scroll",e,{passive:true});e()}get visibleColumns(){return this.columns.filter((t=>t.visible!==false))}get paginatedRows(){if(!this.pagination||!this.useInternalPagination)return this.innerRows;const{rowsPerPage:t=this.rows.length}=this.pagination||{};const e=this.innerRows.slice((this.currentPage-1)*t,this.currentPage*t);return e}get lastPageNumber(){const{lastPage:t,rowsPerPage:e=this.rows.length}=this.pagination||{};return t??Math.max(1,Math.ceil(this.rows.length/e))}get sdTableClasses(){return["sd-table",this.stickyHeader&&"sd-table--sticky-header",this.selectable&&"sd-table--selectable",this.resizable&&"sd-table--resizable",!this.innerRows.length&&"sd-table--no-data",((this.stickyColumn?.left??0)>0||(this.stickyColumn?.right??0)>0)&&"sd-table--sticky-column",this.scrolledLeft&&"sd-table--scrolled-left",this.scrolledRight&&"sd-table--scrolled-right"].filter(Boolean).join(" ")}isRowSelected(t){return Array.from(this.innerSelected).some((e=>e[this.rowKey]===t[this.rowKey]))}updateRowSelect(t){const e=Array.from(this.innerSelected);const s=this.isRowSelected(t);const a=s?e.filter((e=>e[this.rowKey]!==t[this.rowKey])):[...e,t];if(a.length===e.length)return;this.innerSelected=new Set(a);this.sdSelectChange.emit(Array.from(this.innerSelected))}toggleSelectAll(t){if(t){const t=new Set([...this.paginatedRows]);this.innerSelected=new Set([...this.innerSelected,...t])}else{const t=this.paginatedRows.map((t=>t[this.rowKey]));this.innerSelected=new Set([...this.innerSelected].filter((e=>!t.includes(e[this.rowKey]))))}this.sdSelectChange.emit(Array.from(this.innerSelected))}get isAllChecked(){const t=this.paginatedRows.length;const e=this.paginatedRows.filter((t=>Array.from(this.innerSelected).some((e=>e[this.rowKey]===t[this.rowKey])))).length;if(e===0)return false;if(e===t)return true;return null}getStickyStyle(t){const e=this.columnWidths.slice(0,t).reduce(((t,e)=>t+e),0)+(this.selectable?52:0);const s=this.columnWidths.filter(((e,s)=>s>=this.visibleColumns.length-(this.stickyColumn.right||0)&&s>t)).reduce(((t,e)=>t+e),0);return{"--sticky-left-offset":`${e}px`,"--sticky-right-offset":`${s}px`,width:`${this.columnWidths[t]}px`,minWidth:`${this.columnWidths[t]}px`,maxWidth:`${this.columnWidths[t]}px`}}handleResize(t,e){if(typeof document==="undefined")return;const s=e.clientX;const a=this.columnWidths[t];const d=e=>{const d=Math.max(a+e.clientX-s,50);this.columnWidths=this.columnWidths.map(((e,s)=>s===t?d:e))};const l=()=>{document.removeEventListener("mousemove",d);document.removeEventListener("mouseup",l)};document.addEventListener("mousemove",d);document.addEventListener("mouseup",l)}getCellValue(t,e){const{field:s,format:a,name:d}=t;const l=typeof s==="function"?s(e):s?e[s]:e[d];return a?a(l,e):l}renderHeader(){return a("thead",null,a("tr",null,this.selectable&&a("th",{class:{"sd-th":true,"sd-th--selected":true,"sticky-left":Boolean(this.stickyColumn.left&&this.stickyColumn.left>0)},style:{"--sticky-left-offset":"0px"}},a("sd-checkbox",{checked:this.isAllChecked,disabled:!this.paginatedRows.length,onSdChange:t=>this.toggleSelectAll(t.detail)})),this.visibleColumns.map(((t,e)=>a("th",{key:t.name,class:{"sd-th":true,[`${t.thClass}`]:Boolean(t.thClass),"sticky-left":Boolean(this.stickyColumn.left&&e<this.stickyColumn.left),"sticky-right":Boolean(this.stickyColumn.right&&e>=this.visibleColumns.length-this.stickyColumn.right),"sticky-left-edge":Boolean(this.stickyColumn.left&&e===this.stickyColumn.left-1),"sticky-right-edge":Boolean(this.stickyColumn.right&&e===this.visibleColumns.length-this.stickyColumn.right)},style:this.getStickyStyle(e)},a("div",{class:`sd-th__content sd-th__content--${t.align||"left"}`},a("slot",{name:`header-cell-${t.name}`},a("div",{class:"sd-th__content--label"},t.label)),t.usePageMoveIcon&&a("sd-icon",{name:"pageMove",size:"12",color:"#006AC1"}),t.tooltip&&a("sd-tooltip",{...t.tooltipOptions},a("div",{slot:"content"},t.tooltip.map((t=>a("p",null,t)))))),this.resizable&&typeof window!=="undefined"&&a("div",{class:"sd-th__resizer",onMouseDown:t=>this.handleResize(e,t)}))))))}renderBody(){return a("tbody",{...!this.paginatedRows.length&&{part:"tbody-empty"}},this.isLoading&&a("div",{class:"sd-table__loading"},a("sd-loading-spinner",null)),!this.paginatedRows.length?a("tr",null,a("td",{colSpan:this.visibleColumns.length+(this.selectable?1:0)},a("slot",{name:"no-data"},this.noDataLabel))):this.paginatedRows.map(((t,e)=>a("tr",{key:t[this.rowKey],class:"hover:bg-Grey_Lighten-6"},this.selectable&&a("td",{class:{"sd-td":true,"sd-td--selected":true,"sticky-left":Boolean(this.stickyColumn.left&&this.stickyColumn.left>0)},style:{"--sticky-left-offset":"0px"}},a("sd-checkbox",{checked:this.isRowSelected(t),disabled:!this.paginatedRows.length,onSdChange:()=>this.updateRowSelect(t)})),this.visibleColumns.map(((s,d)=>{const l=this.bodyCellRenderer?.(s,t);return a("td",{key:s.name,part:`td-${s.name}`,class:{"sd-td":true,[`sd-td--${s.align||"left"}`]:true,"sticky-left":Boolean(this.stickyColumn.left&&d<this.stickyColumn.left),"sticky-right":Boolean(this.stickyColumn.right&&d>=this.visibleColumns.length-this.stickyColumn.right),"sticky-left-edge":Boolean(this.stickyColumn.left&&d===this.stickyColumn.left-1),"sticky-right-edge":Boolean(this.stickyColumn.right&&d===this.visibleColumns.length-this.stickyColumn.right),[`${s.tdClass}`]:Boolean(s.tdClass)},style:this.getStickyStyle(d)},a("slot",{name:`body-cell-${s.name}-${e}`},l?typeof l==="string"?a("span",{innerHTML:l}):l:this.getCellValue(s,t)))}))))))}render(){return a(d,{key:"0ac0006dea3c0e4cde082f8b396513234ac60749"},a("div",{key:"36aa811fed020945b72ab21c9318a03c3595d0d2",class:"sd-table__wrapper",style:{"--table-width":this.width,"--table-height":this.height}},a("div",{key:"d785153b7c08bbe1250dcb389b66c624382bdfd2",class:"sd-table__container"},a("div",{key:"034db5c0eb677a87d6fa3a84d824c6e5078676ea",class:"sd-table__middle"},a("table",{key:"43841e0ed748a887156b3ba80038602ddb8fd207",part:"table",class:this.sdTableClasses},this.renderHeader(),this.renderBody())),a("div",{key:"391f134001037c03a39f1c428681053aa8004a11",class:"sd-table__bottom"})),this.pagination&&this.innerRows.length>0&&a("div",{key:"73e38e427afc2ff69fd5adea0057d30351ade0fc",class:"sd-table__pagination"},a("sd-pagination",{key:"61e9c37239109c493d03d731bd0643670325cf97",currentPage:!this.useInternalPagination?this.pagination.page:this.currentPage,lastPage:!this.useInternalPagination?this.pagination.lastPage:this.lastPageNumber,onPageChange:t=>{if(!this.useInternalPagination){this.sdPageChange.emit(t.detail)}else{this.currentPage=t.detail;this.sdPageChange.emit(this.currentPage)}}}),this.useRowsPerPageSelect&&a("sd-select",{key:"ce5ea8221b621ab7f67558a2be228f473c22cca6",value:this.pagination.rowsPerPage,options:this.rowsPerPageOption,width:"128px",onSdChange:t=>{const e=t.detail.value?Number(t.detail.value):0;if(!this.useInternalPagination){this.sdRowsPerPageChange.emit(e)}else{const s=Number(t.detail.value||0);let a=Math.max(1,Math.ceil(this.innerRows.length/s));let d=this.currentPage;if(d>a){d=a}this.pagination={page:d,rowsPerPage:s,lastPage:a};this.currentPage=d;this.sdRowsPerPageChange.emit(e)}}}))))}static get watchers(){return{columns:["handleColumnsChange"],rows:["handleRowsChange"],selected:["handleSelectedChange"],pagination:["handlePaginationChange"]}}};i.style=l;export{i as sd_table_backup};
+//# sourceMappingURL=p-671a08a6.entry.js.map

package/dist/design-system/p-671a08a6.entry.js.map

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

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

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

package/dist/design-system/{p-e9800353.entry.js → p-78f90517.entry.js}

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