@sellmate/design-system 0.0.55 → 0.0.56
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/design-system.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/sd-button_24.cjs.entry.js +32 -32
- package/dist/cjs/sd-card.cjs.entry.js +3 -3
- package/dist/cjs/sd-date-picker.cjs.entry.js +1 -1
- package/dist/cjs/sd-date-range-picker.cjs.entry.js +2 -2
- package/dist/cjs/sd-popover.cjs.entry.js +2 -2
- package/dist/cjs/sd-progress.cjs.entry.js +2 -2
- package/dist/cjs/sd-select-multiple.cjs.entry.js +2 -2
- package/dist/cjs/sd-tbody_3.cjs.entry.js +3 -3
- package/dist/cjs/sd-td.cjs.entry.js +2 -2
- package/dist/collection/components/sd-card/sd-card.css +1 -4
- package/dist/collection/components/sd-card/sd-card.js +6 -6
- package/dist/collection/components/sd-card/sd-card.js.map +1 -1
- package/dist/collection/components/sd-date-picker/sd-date-picker.js +1 -1
- package/dist/collection/components/sd-date-range-picker/sd-date-range-picker.js +2 -2
- package/dist/collection/components/sd-file-picker/sd-file-picker.js +3 -3
- package/dist/collection/components/sd-guide/sd-guide.js +2 -2
- package/dist/collection/components/sd-icon/sd-icon.js +1 -1
- package/dist/collection/components/sd-input/sd-input.js +4 -4
- package/dist/collection/components/sd-loading-spinner/sd-loading-spinner.js +1 -1
- package/dist/collection/components/sd-number-input/sd-number-input.js +4 -4
- package/dist/collection/components/sd-pagination/sd-pagination.js +2 -2
- package/dist/collection/components/sd-popover/sd-popover.js +2 -2
- package/dist/collection/components/sd-portal/sd-portal.js +1 -1
- package/dist/collection/components/sd-progress/sd-progress.js +2 -2
- package/dist/collection/components/sd-select/sd-select-option/sd-select-option.js +1 -1
- package/dist/collection/components/sd-select/sd-select-search-input/sd-select-search-input.js +3 -3
- package/dist/collection/components/sd-select-multiple/sd-select-multiple.js +2 -2
- package/dist/collection/components/sd-select-multiple-group/sd-select-option-group/sd-select-option-group.js +3 -3
- package/dist/collection/components/sd-table/sd-tbody/sd-tbody.js +1 -1
- package/dist/collection/components/sd-table/sd-td/sd-td.js +2 -2
- package/dist/collection/components/sd-table/sd-th/sd-th.js +1 -1
- package/dist/collection/components/sd-table/sd-tr/sd-tr.js +1 -1
- package/dist/collection/components/sd-toggle/sd-toggle.js +1 -1
- package/dist/collection/components/sd-toggle-button/sd-toggle-button.js +1 -1
- package/dist/collection/components/sd-tooltip/sd-tooltip.js +4 -4
- package/dist/collection/components/sd-tooltip-portal/sd-tooltip-portal.js +1 -1
- package/dist/components/{p-BLidMbc_.js → p-6qJVnQg4.js} +3 -3
- package/dist/components/{p-BLidMbc_.js.map → p-6qJVnQg4.js.map} +1 -1
- package/dist/components/{p-D5BkkT2U.js → p-B8yBkdjE.js} +3 -3
- package/dist/components/{p-D5BkkT2U.js.map → p-B8yBkdjE.js.map} +1 -1
- package/dist/components/{p-vhe6g4Qt.js → p-BHHbLFXg.js} +3 -3
- package/dist/components/{p-vhe6g4Qt.js.map → p-BHHbLFXg.js.map} +1 -1
- package/dist/components/{p-DRGcUx0C.js → p-BREduhZA.js} +5 -5
- package/dist/components/{p-DRGcUx0C.js.map → p-BREduhZA.js.map} +1 -1
- package/dist/components/{p-CKhzpdPk.js → p-Bj4u0G5b.js} +3 -3
- package/dist/components/{p-CKhzpdPk.js.map → p-Bj4u0G5b.js.map} +1 -1
- package/dist/components/{p-CfKJNKMH.js → p-C4kdHNdl.js} +7 -7
- package/dist/components/{p-CfKJNKMH.js.map → p-C4kdHNdl.js.map} +1 -1
- package/dist/components/{p-njRAT-yp.js → p-C5U6Otnl.js} +3 -3
- package/dist/components/{p-njRAT-yp.js.map → p-C5U6Otnl.js.map} +1 -1
- package/dist/components/{p-DD9g6GYA.js → p-CNrsaSqW.js} +3 -3
- package/dist/components/{p-DD9g6GYA.js.map → p-CNrsaSqW.js.map} +1 -1
- package/dist/components/{p-nqDJZ_gy.js → p-CfivfPAO.js} +3 -3
- package/dist/components/{p-nqDJZ_gy.js.map → p-CfivfPAO.js.map} +1 -1
- package/dist/components/{p-DMqinLuj.js → p-D8KGixEs.js} +8 -8
- package/dist/components/{p-DMqinLuj.js.map → p-D8KGixEs.js.map} +1 -1
- package/dist/components/{p-BESbtjDi.js → p-DLrb7Zq3.js} +3 -3
- package/dist/components/{p-BESbtjDi.js.map → p-DLrb7Zq3.js.map} +1 -1
- package/dist/components/{p-DroKiQ6J.js → p-K42WRBPA.js} +9 -9
- package/dist/components/{p-DroKiQ6J.js.map → p-K42WRBPA.js.map} +1 -1
- package/dist/components/{p-CWwMpVqI.js → p-O3tgQfvT.js} +5 -5
- package/dist/components/{p-CWwMpVqI.js.map → p-O3tgQfvT.js.map} +1 -1
- package/dist/components/{p-QNYqIsvU.js → p-QpwY2yqY.js} +7 -7
- package/dist/components/{p-QNYqIsvU.js.map → p-QpwY2yqY.js.map} +1 -1
- package/dist/components/{p-MRYVk6Qh.js → p-w5tohH2H.js} +7 -7
- package/dist/components/{p-MRYVk6Qh.js.map → p-w5tohH2H.js.map} +1 -1
- package/dist/components/{p-DKoWHxRI.js → p-xme-KFvK.js} +3 -3
- package/dist/components/{p-DKoWHxRI.js.map → p-xme-KFvK.js.map} +1 -1
- package/dist/components/sd-button.js +1 -1
- package/dist/components/sd-card.js +4 -4
- package/dist/components/sd-card.js.map +1 -1
- package/dist/components/sd-checkbox.js +1 -1
- package/dist/components/sd-date-picker.js +4 -4
- package/dist/components/sd-date-range-picker.js +5 -5
- package/dist/components/sd-file-picker.js +4 -4
- package/dist/components/sd-guide.js +5 -5
- package/dist/components/sd-icon.js +1 -1
- package/dist/components/sd-input.js +1 -1
- package/dist/components/sd-loading-spinner.js +1 -1
- package/dist/components/sd-modal-card.js +2 -2
- package/dist/components/sd-number-input.js +5 -5
- package/dist/components/sd-pagination.js +1 -1
- package/dist/components/sd-popover.js +5 -5
- package/dist/components/sd-portal.js +1 -1
- package/dist/components/sd-progress.js +2 -2
- package/dist/components/sd-select-multiple-group.js +6 -6
- package/dist/components/sd-select-multiple.js +7 -7
- package/dist/components/sd-select-option-group.js +1 -1
- package/dist/components/sd-select-option.js +1 -1
- package/dist/components/sd-select-search-input.js +1 -1
- package/dist/components/sd-select.js +1 -1
- package/dist/components/sd-table-backup.js +12 -12
- package/dist/components/sd-table.js +14 -14
- package/dist/components/sd-tbody.js +1 -1
- package/dist/components/sd-td.js +2 -2
- package/dist/components/sd-th.js +1 -1
- package/dist/components/sd-toast-message.js +2 -2
- package/dist/components/sd-toggle-button.js +1 -1
- package/dist/components/sd-toggle.js +1 -1
- package/dist/components/sd-tooltip-portal.js +1 -1
- package/dist/components/sd-tooltip.js +1 -1
- package/dist/components/sd-tr.js +1 -1
- package/dist/design-system/design-system.esm.js +1 -1
- package/dist/design-system/p-0893dbd0.entry.js +2 -0
- package/dist/design-system/{p-5acdd14a.entry.js → p-2633690f.entry.js} +2 -2
- package/dist/design-system/p-5576f0f0.entry.js +2 -0
- package/dist/design-system/{p-0d2814dc.entry.js → p-7ca988ab.entry.js} +2 -2
- package/dist/design-system/p-a7bdb6ba.entry.js +2 -0
- package/dist/design-system/{p-7b94b34e.entry.js → p-b5720c60.entry.js} +2 -2
- package/dist/design-system/{p-e5065700.entry.js → p-bdd9afaf.entry.js} +2 -2
- package/dist/design-system/p-ddfe63b8.entry.js +2 -0
- package/dist/design-system/p-ddfe63b8.entry.js.map +1 -0
- package/dist/design-system/{p-665c5c48.entry.js → p-e180c69c.entry.js} +2 -2
- package/dist/esm/design-system.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/sd-button_24.entry.js +32 -32
- package/dist/esm/sd-card.entry.js +3 -3
- package/dist/esm/sd-card.entry.js.map +1 -1
- package/dist/esm/sd-date-picker.entry.js +1 -1
- package/dist/esm/sd-date-range-picker.entry.js +2 -2
- package/dist/esm/sd-popover.entry.js +2 -2
- package/dist/esm/sd-progress.entry.js +2 -2
- package/dist/esm/sd-select-multiple.entry.js +2 -2
- package/dist/esm/sd-tbody_3.entry.js +3 -3
- package/dist/esm/sd-td.entry.js +2 -2
- package/dist/types/components/sd-card/sd-card.d.ts +1 -1
- package/dist/types/components.d.ts +2 -2
- package/hydrate/index.js +50 -50
- package/hydrate/index.mjs +50 -50
- package/package.json +2 -2
- package/dist/design-system/p-2c57bdea.entry.js +0 -2
- package/dist/design-system/p-3bc4effa.entry.js +0 -2
- package/dist/design-system/p-3bc4effa.entry.js.map +0 -1
- package/dist/design-system/p-97b271a7.entry.js +0 -2
- package/dist/design-system/p-fc3580fd.entry.js +0 -2
- /package/dist/design-system/{p-fc3580fd.entry.js.map → p-0893dbd0.entry.js.map} +0 -0
- /package/dist/design-system/{p-5acdd14a.entry.js.map → p-2633690f.entry.js.map} +0 -0
- /package/dist/design-system/{p-2c57bdea.entry.js.map → p-5576f0f0.entry.js.map} +0 -0
- /package/dist/design-system/{p-0d2814dc.entry.js.map → p-7ca988ab.entry.js.map} +0 -0
- /package/dist/design-system/{p-97b271a7.entry.js.map → p-a7bdb6ba.entry.js.map} +0 -0
- /package/dist/design-system/{p-7b94b34e.entry.js.map → p-b5720c60.entry.js.map} +0 -0
- /package/dist/design-system/{p-e5065700.entry.js.map → p-bdd9afaf.entry.js.map} +0 -0
- /package/dist/design-system/{p-665c5c48.entry.js.map → p-e180c69c.entry.js.map} +0 -0
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as e,h as t,H as c}from"./p-7X2nzJWz.js";const d=()=>`sd-tbody{display:table-row-group}`;const s=class{constructor(t){e(this,t)}render(){return t(c,{key:"5c25fa054aaea539d47625d367adeb18d771f070"},t("slot",{key:"17e9fd219974d986e154d72c82a3ac145af7e7a8"}))}};s.style=d();const o=()=>`sd-th{display:table-cell;padding:12px;font-weight:bold;text-align:left;border-bottom:2px solid #ddd;background-color:#f1f1f1}`;const a=class{constructor(t){e(this,t)}render(){return t(c,{key:"04e75c300b9147dc122570af4b1f4729d6ee1902",role:"columnheader"},t("slot",{key:"29cbcdc0f8b8087c4c8bf593a7dfe8cf56bcaf39"}))}};a.style=o();const r=()=>`sd-tr{display:table-row}`;const l=class{constructor(t){e(this,t)}render(){return t(c,{key:"87cb4c63e4368106176b194602195b5a1e48c706",role:"row"},t("slot",{key:"daeaecd458767c572d86cf05650230388f1a2cae"}))}};l.style=r();export{s as sd_tbody,a as sd_th,l as sd_tr};
|
|
2
|
+
//# sourceMappingURL=p-a7bdb6ba.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r,h as s,H as e}from"./p-7X2nzJWz.js";const t=()=>`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;font-size:12px;font-weight:700;line-height:20px;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 o=class{constructor(s){r(this,s)}type="bar";error=false;percentage=0;size=80;strokeWidth=12;label;statusColor={default:"#aaaaaa",progress:"#0075ff",complete:"#12B553",error:"#FB4444"};get progressPercentage(){if(this.error)return 100;return this.percentage}get progressStatus(){if(this.error)return"error";switch(this.percentage){case 100:return"complete";case 0:return"default";default:return"progress"}}get progressColor(){return this.statusColor[this.progressStatus]}render(){return s(e,{key:"
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r,h as s,H as e}from"./p-7X2nzJWz.js";const t=()=>`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;font-size:12px;font-weight:700;line-height:20px;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 o=class{constructor(s){r(this,s)}type="bar";error=false;percentage=0;size=80;strokeWidth=12;label;statusColor={default:"#aaaaaa",progress:"#0075ff",complete:"#12B553",error:"#FB4444"};get progressPercentage(){if(this.error)return 100;return this.percentage}get progressStatus(){if(this.error)return"error";switch(this.percentage){case 100:return"complete";case 0:return"default";default:return"progress"}}get progressColor(){return this.statusColor[this.progressStatus]}render(){return s(e,{key:"b254676f6936364f895fd8dd85edd33b95b9d52e",style:{"--progress-color":this.progressColor,"--progress-percentage":`${this.progressPercentage}%`}},this.type==="bar"?this.renderBarProgress():this.renderSpinnerProgress(),this.label&&s("div",{key:"aeb82be4b54ec40dfec7dc8717faeea41c4fd0e8",class:"sd-progress__label"},this.label))}renderBarProgress(){return s("div",{class:`sd-progress__bar sd-progress__bar--${this.progressStatus}`},s("div",{class:["sd-progress__bar__percent",this.progressPercentage<100?"proceed":""].join(" ")}),s("div",{class:"sd-progress__bar__indicator sd-progress__bar__indicator--left"},this.progressPercentage,"%"),s("div",{class:"sd-progress__bar__indicator sd-progress__bar__indicator--right"},this.progressPercentage,"%"))}renderSpinnerProgress(){const r=(this.size-this.strokeWidth)/2;const e=2*Math.PI*r;const t=e-this.progressPercentage/100*e;const o=`${this.size}px`;const i=`${this.size/2}px`;return s("div",{class:`sd-progress__spinner sd-progress__spinner--${this.progressStatus}`},s("svg",{width:o,height:o},s("circle",{cx:i,cy:i,r,stroke:"#EEEEEE","stroke-width":this.strokeWidth,fill:"transparent"}),s("circle",{cx:i,cy:i,r,stroke:this.progressColor,"stroke-width":this.strokeWidth,fill:"transparent","stroke-dasharray":e,"stroke-dashoffset":t,"stroke-linecap":"round",class:"transition-all duration-500"})),s("strong",{class:"sd-progress__spinner__label"},this.progressPercentage," %"))}};o.style=t();export{o as sd_progress};
|
|
2
|
+
//# sourceMappingURL=p-b5720c60.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,c as t,a,h as s,F as r,H as i}from"./p-7X2nzJWz.js";import{u as d,t as n}from"./p-QZbqqKSO.js";const c=(e,t)=>{const[a,s,r]=e.split("-").map(Number);const i=new Date(a,s-1,r);i.setDate(i.getDate()+t);const d=i.getFullYear();const n=String(i.getMonth()+1).padStart(2,"0");const c=String(i.getDate()).padStart(2,"0");return`${d}-${n}-${c}`};const p=()=>`.sd-date-range-picker.sc-sd-date-range-picker{width:fit-content;display:inline-block}.sd-date-range-picker.sc-sd-date-range-picker .sd-date-range-picker--disabled.sc-sd-date-range-picker .date-icon.sc-sd-date-range-picker{cursor:not-allowed !important;color:#888888 !important}.sd-date-range-picker.sc-sd-date-range-picker .sd-input.sc-sd-date-range-picker .sd-input__container.sc-sd-date-range-picker{width:210px}.sd-date-range-picker.sc-sd-date-range-picker .sd-input.sc-sd-date-range-picker .sd-date-range-picker__input.sc-sd-date-range-picker{margin-left:17px !important}.sd-date-range-picker__menu.sc-sd-date-range-picker{width:609px;box-sizing:border-box;border-radius:8px;padding:24px 19px;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.2);background:white}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__header.sc-sd-date-range-picker{margin-bottom:16px;display:flex;flex-flow:row nowrap;align-items:center;justify-content:center}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__header.sc-sd-date-range-picker .header-label.sc-sd-date-range-picker{margin:0 12px;width:40px;text-align:center;font-size:14px;line-height:24px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker{display:flex;flex-flow:row nowrap;align-items:stretch;gap:19px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker{width:266px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-header.sc-sd-date-range-picker{width:100%;height:24px;line-height:24px;font-size:14px;text-align:center;position:relative;padding:0 5px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-header.sc-sd-date-range-picker button.sc-sd-date-range-picker{position:absolute;top:50%;transform:translateY(-50%)}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-header.sc-sd-date-range-picker button.header-button-prev.sc-sd-date-range-picker{left:5px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-header.sc-sd-date-range-picker button.header-button-next.sc-sd-date-range-picker{right:5px;left:auto}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-days.sc-sd-date-range-picker{padding:0 5px;margin-top:8px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr));column-gap:10px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-days.sc-sd-date-range-picker .day.sc-sd-date-range-picker{width:28px;height:20px;font-size:12px;line-height:20px;text-align:center;color:#888888}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-body.sc-sd-date-range-picker{margin-top:12px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr))}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .separator.sc-sd-date-range-picker{width:1px;background-color:#d8d8d8}`;const h=class{constructor(a){e(this,a);this.sdChange=t(this,"sdChange")}get el(){return a(this)}value=["",""];label;selectable;maxRange;disabled=false;placeholder="";isOpen=false;dateRange=this.value;hoverDate="";prevYear=Number(this.dateRange[0].split("-")[0]);prevMonth=Number(this.dateRange[0].split("-")[1]);sdChange;inputEl;dateUtil=d();tempDateRange=["",""];componentWillLoad(){this.syncFromValue(this.value)}onValueChange(e){this.syncFromValue(e)}syncFromValue(e){this.dateRange=[...e];this.resetCalendarByDateRange(e)}resetCalendarByDateRange(e){const t=e[0]||n;const a=e[1]||t;const[s,r]=t.split("-").map(Number);const[i,d]=n.split("-").map(Number);if(a<=n){this.prevYear=s;this.prevMonth=r}else if(t<n&&a>n){this.prevYear=i;this.prevMonth=d}else{this.prevYear=s;this.prevMonth=r}}get nextYear(){return this.prevMonth===12?this.prevYear+1:this.prevYear}get nextMonth(){return this.prevMonth===12?1:this.prevMonth+1}get prevCalendar(){return this.dateUtil.createCalendar(this.prevYear,this.prevMonth)}get nextCalendar(){return this.dateUtil.createCalendar(this.nextYear,this.nextMonth)}setPrevYear(e){this.prevYear=e}setPrevMonth(e){this.prevMonth=e}updateYearMonth(e){const{newYear:t,newMonth:a}=this.dateUtil.calculateYearMonth(this.prevYear,this.prevMonth,e);this.setPrevYear(t);this.setPrevMonth(a)}setHoverDate(e){this.hoverDate=e}setDateRange(e){this.dateRange=e}formatDate(e,t){return this.dateUtil.formatDate(e===0?this.prevYear:this.nextYear,e===0?this.prevMonth:this.nextMonth,t)}getDateBoxType(e){const[t,a]=this.dateRange;if(e===t)return a?"start":this.hoverDate<this.dateRange[0]?"end":"start";if(e===a)return"end";return""}isDateInRange(e){const[t,a]=this.dateRange;if(t&&a){return e>=t&&e<=a}if(!this.hoverDate||!t||a){return false}const[s,r]=t<=this.hoverDate?[t,this.hoverDate]:[this.hoverDate,t];return e>=s&&e<=r}isDisabledDate(e){const[t,a]=this.dateRange;if(this.maxRange&&t&&!a){const a=c(t,-this.maxRange);const s=c(t,this.maxRange);return!(a<=e&&e<=s)}if(!this.selectable||!this.selectable[0]||!this.selectable[1]){return false}return!(e>=this.selectable[0]&&e<=this.selectable[1])}openMenu(){if(this.disabled)return;this.tempDateRange=[...this.dateRange];this.resetCalendarByDateRange(this.dateRange);this.isOpen=true}closeMenu=()=>{if(!this.dateRange[0]||!this.dateRange[1]){this.dateRange=[...this.tempDateRange]}this.isOpen=false};handleDateClick(e,t){this.setHoverDate("");const a=this.formatDate(e,t);if(!this.dateRange[0]||!!this.dateRange[1]||a<this.dateRange[0]){this.setDateRange([a,""]);return}const s=[this.dateRange[0],a];this.setDateRange(s);this.value=s;this.sdChange.emit?.(s)}handleDateHover(e,t){const a=this.formatDate(e,t);this.setHoverDate(a)}render(){return s(i,{key:"
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as e,c as t,a,h as s,F as r,H as i}from"./p-7X2nzJWz.js";import{u as d,t as n}from"./p-QZbqqKSO.js";const c=(e,t)=>{const[a,s,r]=e.split("-").map(Number);const i=new Date(a,s-1,r);i.setDate(i.getDate()+t);const d=i.getFullYear();const n=String(i.getMonth()+1).padStart(2,"0");const c=String(i.getDate()).padStart(2,"0");return`${d}-${n}-${c}`};const p=()=>`.sd-date-range-picker.sc-sd-date-range-picker{width:fit-content;display:inline-block}.sd-date-range-picker.sc-sd-date-range-picker .sd-date-range-picker--disabled.sc-sd-date-range-picker .date-icon.sc-sd-date-range-picker{cursor:not-allowed !important;color:#888888 !important}.sd-date-range-picker.sc-sd-date-range-picker .sd-input.sc-sd-date-range-picker .sd-input__container.sc-sd-date-range-picker{width:210px}.sd-date-range-picker.sc-sd-date-range-picker .sd-input.sc-sd-date-range-picker .sd-date-range-picker__input.sc-sd-date-range-picker{margin-left:17px !important}.sd-date-range-picker__menu.sc-sd-date-range-picker{width:609px;box-sizing:border-box;border-radius:8px;padding:24px 19px;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.2);background:white}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__header.sc-sd-date-range-picker{margin-bottom:16px;display:flex;flex-flow:row nowrap;align-items:center;justify-content:center}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__header.sc-sd-date-range-picker .header-label.sc-sd-date-range-picker{margin:0 12px;width:40px;text-align:center;font-size:14px;line-height:24px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker{display:flex;flex-flow:row nowrap;align-items:stretch;gap:19px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker{width:266px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-header.sc-sd-date-range-picker{width:100%;height:24px;line-height:24px;font-size:14px;text-align:center;position:relative;padding:0 5px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-header.sc-sd-date-range-picker button.sc-sd-date-range-picker{position:absolute;top:50%;transform:translateY(-50%)}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-header.sc-sd-date-range-picker button.header-button-prev.sc-sd-date-range-picker{left:5px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-header.sc-sd-date-range-picker button.header-button-next.sc-sd-date-range-picker{right:5px;left:auto}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-days.sc-sd-date-range-picker{padding:0 5px;margin-top:8px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr));column-gap:10px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-days.sc-sd-date-range-picker .day.sc-sd-date-range-picker{width:28px;height:20px;font-size:12px;line-height:20px;text-align:center;color:#888888}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-body.sc-sd-date-range-picker{margin-top:12px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr))}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .separator.sc-sd-date-range-picker{width:1px;background-color:#d8d8d8}`;const h=class{constructor(a){e(this,a);this.sdChange=t(this,"sdChange")}get el(){return a(this)}value=["",""];label;selectable;maxRange;disabled=false;placeholder="";isOpen=false;dateRange=this.value;hoverDate="";prevYear=Number(this.dateRange[0].split("-")[0]);prevMonth=Number(this.dateRange[0].split("-")[1]);sdChange;inputEl;dateUtil=d();tempDateRange=["",""];componentWillLoad(){this.syncFromValue(this.value)}onValueChange(e){this.syncFromValue(e)}syncFromValue(e){this.dateRange=[...e];this.resetCalendarByDateRange(e)}resetCalendarByDateRange(e){const t=e[0]||n;const a=e[1]||t;const[s,r]=t.split("-").map(Number);const[i,d]=n.split("-").map(Number);if(a<=n){this.prevYear=s;this.prevMonth=r}else if(t<n&&a>n){this.prevYear=i;this.prevMonth=d}else{this.prevYear=s;this.prevMonth=r}}get nextYear(){return this.prevMonth===12?this.prevYear+1:this.prevYear}get nextMonth(){return this.prevMonth===12?1:this.prevMonth+1}get prevCalendar(){return this.dateUtil.createCalendar(this.prevYear,this.prevMonth)}get nextCalendar(){return this.dateUtil.createCalendar(this.nextYear,this.nextMonth)}setPrevYear(e){this.prevYear=e}setPrevMonth(e){this.prevMonth=e}updateYearMonth(e){const{newYear:t,newMonth:a}=this.dateUtil.calculateYearMonth(this.prevYear,this.prevMonth,e);this.setPrevYear(t);this.setPrevMonth(a)}setHoverDate(e){this.hoverDate=e}setDateRange(e){this.dateRange=e}formatDate(e,t){return this.dateUtil.formatDate(e===0?this.prevYear:this.nextYear,e===0?this.prevMonth:this.nextMonth,t)}getDateBoxType(e){const[t,a]=this.dateRange;if(e===t)return a?"start":this.hoverDate<this.dateRange[0]?"end":"start";if(e===a)return"end";return""}isDateInRange(e){const[t,a]=this.dateRange;if(t&&a){return e>=t&&e<=a}if(!this.hoverDate||!t||a){return false}const[s,r]=t<=this.hoverDate?[t,this.hoverDate]:[this.hoverDate,t];return e>=s&&e<=r}isDisabledDate(e){const[t,a]=this.dateRange;if(this.maxRange&&t&&!a){const a=c(t,-this.maxRange);const s=c(t,this.maxRange);return!(a<=e&&e<=s)}if(!this.selectable||!this.selectable[0]||!this.selectable[1]){return false}return!(e>=this.selectable[0]&&e<=this.selectable[1])}openMenu(){if(this.disabled)return;this.tempDateRange=[...this.dateRange];this.resetCalendarByDateRange(this.dateRange);this.isOpen=true}closeMenu=()=>{if(!this.dateRange[0]||!this.dateRange[1]){this.dateRange=[...this.tempDateRange]}this.isOpen=false};handleDateClick(e,t){this.setHoverDate("");const a=this.formatDate(e,t);if(!this.dateRange[0]||!!this.dateRange[1]||a<this.dateRange[0]){this.setDateRange([a,""]);return}const s=[this.dateRange[0],a];this.setDateRange(s);this.value=s;this.sdChange.emit?.(s)}handleDateHover(e,t){const a=this.formatDate(e,t);this.setHoverDate(a)}render(){return s(i,{key:"5220efe80a57b9591b4238b0f0cd646d76709a4c",class:{"sd-date-range-picker":true,"sd-date-range-picker--disabled":this.disabled}},s("sd-input",{key:"0f7bc52cbe8722e16b3c82dc847b0230149f4e6a",ref:e=>this.inputEl=e,value:!!this.dateRange[0]?`${this.dateRange[0]} ~ ${this.dateRange[1]}`:"",label:this.label,"inside-label":true,readonly:true,disabled:this.disabled,placeholder:this.placeholder,inputClass:"sd-date-range-picker__input",onClick:()=>this.openMenu()},s("sd-icon",{key:"b21b38e104c2dd840af1670e4bedee84a4db10fa",slot:"prefix",name:"date",size:"16",color:this.disabled?"grey_65":"grey_70",class:"date-icon",onClick:()=>this.openMenu()})),this.isOpen&&s("sd-portal",{key:"56d74da3b2d783340d21503210eae4b89d540b9a",open:this.isOpen,parentRef:this.inputEl,onSdClose:this.closeMenu},s("div",{key:"89b88b2b16bb6b553ba18b686cfdb41bcdccfb33",class:"sd-date-range-picker__menu"},s("div",{key:"b811cdb96de5cd8400ef413fe2537a5e9b36720d",class:"sd-date-range-picker__header mb-16pxr flex flex-nowrap items-center justify-center"},s("button",{key:"588814d15c2a6c8b8efcad9215ab015366709ee7",type:"button",name:"prev",title:"Previous",onClick:()=>this.setPrevYear(this.prevYear-1)},s("sd-icon",{key:"330c17fb132b33140fb8cdf72c0bc75eca9814eb",name:"arrowLeft",size:"12",color:"#CCCCCC"})),s("div",{key:"b2f29d546ac19968045aa3803cea58693c9ac904",class:"header-label"},this.prevYear),s("button",{key:"183befff37c64110a8dc188b261aaa03330b7c9e",type:"button",name:"next",title:"Next",onClick:()=>this.setPrevYear(this.prevYear+1)},s("sd-icon",{key:"ea7ab0b1ff97a659b2adf3ab105945127fa5b066",name:"arrowRight",size:"12",color:"#CCCCCC"}))),s("div",{key:"13e7484f631f5045a49c1243c93ae211b3f70bec",class:"sd-date-range-picker__body"},[this.prevCalendar,this.nextCalendar].map(((e,t)=>s(r,null,t===1&&s("div",{class:"separator"}),s("div",{key:t,class:"calendar-container"},s("div",{class:"calendar-header"},s("button",{type:"button",name:"month",title:"Month",class:t===0?"header-button-prev":"header-button-next",onClick:()=>this.updateYearMonth(t===0?"prev":"next")},s("sd-icon",{name:t===0?"arrowLeft":"arrowRight",size:"12",color:"#CCCCCC"})),t===0?`${this.prevYear}.${String(this.prevMonth).padStart(2,"0")}`:`${this.nextYear}.${String(this.nextMonth).padStart(2,"0")}`),s("div",{class:"calendar-days"},["일","월","화","수","목","금","토"].map((e=>s("sd-date-box",{key:e,date:e,disabled:true,class:"day"})))),s("div",{class:"calendar-body mt-12pxr grid grid-cols-7 gap-y-8pxr"},[...e.prevMonthDays,...e.days,...e.afterMonthDays].map(((e,a)=>s("sd-date-box",{key:`prev${e}_${a}`,date:!e?"":Number(e),selected:this.dateRange.some((a=>a===this.formatDate(t,Number(e)))),type:this.getDateBoxType(this.formatDate(t,Number(e))),isToday:n===this.formatDate(t,Number(e)),disabled:!e?true:this.isDisabledDate(this.formatDate(t,Number(e))),inRange:this.isDateInRange(this.formatDate(t,Number(e))),isStartDate:this.dateRange[0]===this.formatDate(t,Number(e)),isEndDate:this.dateRange[1]===this.formatDate(t,Number(e)),onClick:()=>this.handleDateClick(t,Number(e)),onMouseOver:()=>this.handleDateHover(t,Number(e))}))))))))))))}static get watchers(){return{value:["onValueChange"]}}};h.style=p();export{h as sd_date_range_picker};
|
|
2
|
+
//# sourceMappingURL=p-bdd9afaf.entry.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as d,h as r,H as s}from"./p-7X2nzJWz.js";const e=()=>`sd-card{display:block;height:fit-content;border-radius:8px}sd-card.sd-card--bordered{border:1px solid #e1e1e1}`;const a=class{constructor(r){d(this,r)}bordered=true;cardClassName="";render(){return r(s,{key:"3182001dcfc5347e3995a31d8e333e01f285df5a",class:`sd-card ${this.bordered?"sd-card--bordered":""} ${this.cardClassName}`},r("slot",{key:"e2824b9cd65b9c4ba668f7f3ba933a361405b822"}))}};a.style=e();export{a as sd_card};
|
|
2
|
+
//# sourceMappingURL=p-ddfe63b8.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["registerInstance","h","Host","sdCardCss","SdCard","constructor","hostRef","this","bordered","cardClassName","render","key","class","style"],"sources":["0"],"mappings":"YAAcA,OAAkBC,OAAQC,MAAY,kBAEpD,MAAMC,EAAY,IAAM,iHAExB,MAAMC,EAAS,MACX,WAAAC,CAAYC,GACRN,EAAiBO,KAAMD,EAC3B,CACAE,SAAW,KACXC,cAAgB,GAChB,MAAAC,GACI,OAAQT,EAAEC,EAAM,CAAES,IAAK,2CAA4CC,MAAO,WAAWL,KAAKC,SAAW,oBAAsB,MAAMD,KAAKE,iBAAmBR,EAAE,OAAQ,CAAEU,IAAK,6CAC9K,GAEJP,EAAOS,MAAQV,WAENC","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,c as t,a as s,h as i,H as l}from"./p-7X2nzJWz.js";import{B as o,S as r}from"./p-C2JaR3A6.js";const n=()=>`.sd-select-multiple__dropdown{overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.sd-select-multiple__dropdown::-webkit-scrollbar{opacity:0;background:#e5e5e5}.sd-select-multiple__dropdown::-webkit-scrollbar:horizontal{height:8px}.sd-select-multiple__dropdown::-webkit-scrollbar:vertical{width:8px}.sd-select-multiple__dropdown::-webkit-scrollbar-thumb{height:80px;background-color:#cccccc;border-radius:4px}.sd-select-multiple__dropdown::-webkit-scrollbar-track{background-color:transparent}:host{display:inline-block;height:fit-content;position:relative}.sd-select-multiple{display:flex;flex-wrap:nowrap;width:var(--select-width, 200px);height:28px;cursor:pointer;user-select:none;border:1px solid #aaaaaa;border-radius:4px;background-color:white}.sd-select-multiple:hover:not(.sd-select-multiple--disabled){background:#f6f6f6}.sd-select-multiple.sd-select-multiple--disabled{cursor:not-allowed;background-color:#eeeeee;border-color:#cccccc}.sd-select-multiple.sd-select-multiple--disabled .sd-select-multiple__label{border-right:1px solid #cccccc}.sd-select-multiple.sd-select-multiple--disabled .sd-select-multiple__trigger{color:#888888}.sd-select-multiple.sd-select-multiple--disabled .sd-select-multiple__trigger:focus,.sd-select-multiple.sd-select-multiple--disabled .sd-select-multiple__trigger:focus-visible,.sd-select-multiple.sd-select-multiple--disabled .sd-select-multiple__trigger:focus-within{outline:none !important}.sd-select-multiple__label{font-size:12px;font-weight:500;color:#333333;padding:4px 12px;border-right:1px solid #cccccc;border-radius:4px 0 0 4px;background-color:#f6f6f6}.sd-select-multiple__container{position:relative;width:100%;display:flex}.sd-select-multiple__container .sd-select-multiple__trigger{padding:4px 20px 4px 12px;display:flex;width:100%;align-items:center}.sd-select-multiple__container .sd-select-multiple__trigger .sd-select-multiple__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px;font-size:12px;font-weight:400}.sd-select-multiple__container .sd-select-multiple__trigger .sd-select-multiple__clear{margin:0 4px;width:8px;height:8px;background-color:transparent;outline:none;border:none}.sd-select-multiple__container .sd-select-multiple__arrow{position:absolute;top:8px;right:8px;width:12px;height:12px;color:#888888;transition:transform 0.3s ease}.sd-select-multiple__container .sd-select-multiple__arrow--open{transform:rotate(180deg)}.sd-select-multiple__dropdown{width:var(--select-dropdown-width, 200px);max-height:var(--select-dropdown-height, 260px);padding-bottom:2px;background-color:white;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.1);border-radius:4px;overflow-y:auto;color:#333333}.sd-select-multiple__dropdown .sd-select-multiple__search-container{position:sticky;top:0;display:flex;width:100%;background-color:white;align-items:center;padding:4px 8px;z-index:1}.sd-select-multiple__dropdown .sd-select-multiple__search-container--scrolled{box-shadow:2px 2px 8px 2px rgba(0, 0, 0, 0.2)}.sd-select-multiple__dropdown .sd-select-multiple__option-placeholder{padding:4px 12px;font-size:12px;line-height:20px;text-align:left}`;const c=class extends o{constructor(s){super();e(this,s);this.sdChange=t(this,"sdChange");this.dropDownShow=t(this,"dropDownShow")}get el(){return s(this)}value=null;label="";options=[];placeholder="선택";optionPlaceholder="옵션이 없습니다.";width="200px";dropdownHeight="260px";disabled=false;clearable=false;searchable=false;useCheckbox=false;optionRenderer;filteredOptions=this.options;isOpen=false;searchText=null;itemIndex=-1;isScrolled=false;sdChange;dropDownShow;selectRef;searchRef;optionRef;dropdownRef;async open(){this.isOpen=true}valueChanged(){this.sdChange?.emit(this.value)}optionsChanged(){this.filteredOptions=this.options;this.filterOptions()}searchTextChanged(){this.filterOptions()}async itemIndexChanged(e,t){if(this.searchable){const e=await this.getNativeInputElement();if(this.itemIndex===-1){e?.focus();return}else if(e?.matches(":focus")){e?.blur()}}const s=Array.from(this.dropdownRef?.querySelectorAll(".sd-select-multiple__dropdown sd-select-option")||[]);const i=s?.[this.itemIndex];if(!i||!this.isOpen)return;this.optionRef=i;const l=await this.optionRef.isDisabled();if(l){e>t?this.itemIndex++:this.itemIndex--;return}this.scrollToOption(i)}async isOpenChanged(){this.onDropdownToggle(this.isOpen);const e=this.getSelectedOption();if(!e){this.itemIndex=-1}else{this.itemIndex=this.options.indexOf(e[0])}this.dropDownShow?.emit({isOpen:this.isOpen});if(this.isOpen===false)return;await new Promise((e=>setTimeout(e,10)));const t=Array.from(this.dropdownRef?.querySelectorAll(".sd-select-multiple__dropdown sd-select-item")||[]);const s=t?.[this.itemIndex];if(this.searchable){const e=await this.getNativeInputElement();e?.focus()}if(!s)return;await new Promise((e=>setTimeout(e,10)));this.scrollToOption(s)}connectedCallback(){this.filteredOptions=this.options;this.initializeEvent()}disconnectedCallback(){this.cleanupEvent()}handleDocumentClick(e){if(!this.selectRef?.contains(e.target)){this.isOpen=false}}handleDocumentKeydown(e){e.stopPropagation();const t=["ArrowDown","ArrowUp","Enter","Escape"];if(!t.includes(e.key))return;e.preventDefault();switch(e.key){case"ArrowDown":case"ArrowUp":const t=new r(this.searchable,this.filteredOptions);const s=t.getNextIndex(this.itemIndex,e.key);this.itemIndex=s;break;case"Enter":const i=this.filteredOptions[this.itemIndex];if(i&&!i.disabled){this.handleOptionSelection(i)}break;case"Escape":this.isOpen=false;break}}handleTriggerClick=e=>{e.stopPropagation();if(!this.disabled){this.isOpen=!this.isOpen;this.dropDownShow?.emit({isOpen:this.isOpen})}};handleOptionClick=e=>{const{option:t,event:s}=e;s.stopPropagation();this.handleOptionSelection(t)};filterOptions(){if(!this.searchText||this.searchText.trim()===""){this.filteredOptions=this.options}else{this.filteredOptions=this.options.filter((e=>e.label.toLowerCase().includes(this.searchText.toLowerCase())))}}getSelectedOption(){return this.options.filter((e=>this.value?.includes(e)))}handleDropdownScroll=e=>{const t=e.target;const s=t.scrollTop;this.isScrolled=s>0};async getNativeInputElement(){if(this.searchRef){return this.searchRef.getNativeElement()}return null}handleOptionSelection=e=>{if(!e||e.disabled)return;const t=this.value?.some((t=>t.value===e.value));if(t){this.value=this.value?.filter((t=>t.value!==e.value))||null}else{this.value=[...this.value||[],e]}};closeDropdown(){this.isOpen=false}scrollToOption(e){if(!this.dropdownRef||!e)return;const t=this.dropdownRef;const s=e.offsetTop;const i=e.offsetHeight;const l=t.scrollTop;const o=t.clientHeight;const r=t.querySelector(".sd-select__search-container");const n=r?r.offsetHeight:0;const c=l+n;const d=l+o;if(s<c){t.scrollTop=s-n}else if(s+i>d){t.scrollTop=s+i-o+n}}render(){const e={"--select-width":this.width||"200px","--select-dropdown-height":this.dropdownHeight||"260px"};return i(l,{key:"
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as e,c as t,a as s,h as i,H as l}from"./p-7X2nzJWz.js";import{B as o,S as r}from"./p-C2JaR3A6.js";const n=()=>`.sd-select-multiple__dropdown{overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.sd-select-multiple__dropdown::-webkit-scrollbar{opacity:0;background:#e5e5e5}.sd-select-multiple__dropdown::-webkit-scrollbar:horizontal{height:8px}.sd-select-multiple__dropdown::-webkit-scrollbar:vertical{width:8px}.sd-select-multiple__dropdown::-webkit-scrollbar-thumb{height:80px;background-color:#cccccc;border-radius:4px}.sd-select-multiple__dropdown::-webkit-scrollbar-track{background-color:transparent}:host{display:inline-block;height:fit-content;position:relative}.sd-select-multiple{display:flex;flex-wrap:nowrap;width:var(--select-width, 200px);height:28px;cursor:pointer;user-select:none;border:1px solid #aaaaaa;border-radius:4px;background-color:white}.sd-select-multiple:hover:not(.sd-select-multiple--disabled){background:#f6f6f6}.sd-select-multiple.sd-select-multiple--disabled{cursor:not-allowed;background-color:#eeeeee;border-color:#cccccc}.sd-select-multiple.sd-select-multiple--disabled .sd-select-multiple__label{border-right:1px solid #cccccc}.sd-select-multiple.sd-select-multiple--disabled .sd-select-multiple__trigger{color:#888888}.sd-select-multiple.sd-select-multiple--disabled .sd-select-multiple__trigger:focus,.sd-select-multiple.sd-select-multiple--disabled .sd-select-multiple__trigger:focus-visible,.sd-select-multiple.sd-select-multiple--disabled .sd-select-multiple__trigger:focus-within{outline:none !important}.sd-select-multiple__label{font-size:12px;font-weight:500;color:#333333;padding:4px 12px;border-right:1px solid #cccccc;border-radius:4px 0 0 4px;background-color:#f6f6f6}.sd-select-multiple__container{position:relative;width:100%;display:flex}.sd-select-multiple__container .sd-select-multiple__trigger{padding:4px 20px 4px 12px;display:flex;width:100%;align-items:center}.sd-select-multiple__container .sd-select-multiple__trigger .sd-select-multiple__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px;font-size:12px;font-weight:400}.sd-select-multiple__container .sd-select-multiple__trigger .sd-select-multiple__clear{margin:0 4px;width:8px;height:8px;background-color:transparent;outline:none;border:none}.sd-select-multiple__container .sd-select-multiple__arrow{position:absolute;top:8px;right:8px;width:12px;height:12px;color:#888888;transition:transform 0.3s ease}.sd-select-multiple__container .sd-select-multiple__arrow--open{transform:rotate(180deg)}.sd-select-multiple__dropdown{width:var(--select-dropdown-width, 200px);max-height:var(--select-dropdown-height, 260px);padding-bottom:2px;background-color:white;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.1);border-radius:4px;overflow-y:auto;color:#333333}.sd-select-multiple__dropdown .sd-select-multiple__search-container{position:sticky;top:0;display:flex;width:100%;background-color:white;align-items:center;padding:4px 8px;z-index:1}.sd-select-multiple__dropdown .sd-select-multiple__search-container--scrolled{box-shadow:2px 2px 8px 2px rgba(0, 0, 0, 0.2)}.sd-select-multiple__dropdown .sd-select-multiple__option-placeholder{padding:4px 12px;font-size:12px;line-height:20px;text-align:left}`;const c=class extends o{constructor(s){super();e(this,s);this.sdChange=t(this,"sdChange");this.dropDownShow=t(this,"dropDownShow")}get el(){return s(this)}value=null;label="";options=[];placeholder="선택";optionPlaceholder="옵션이 없습니다.";width="200px";dropdownHeight="260px";disabled=false;clearable=false;searchable=false;useCheckbox=false;optionRenderer;filteredOptions=this.options;isOpen=false;searchText=null;itemIndex=-1;isScrolled=false;sdChange;dropDownShow;selectRef;searchRef;optionRef;dropdownRef;async open(){this.isOpen=true}valueChanged(){this.sdChange?.emit(this.value)}optionsChanged(){this.filteredOptions=this.options;this.filterOptions()}searchTextChanged(){this.filterOptions()}async itemIndexChanged(e,t){if(this.searchable){const e=await this.getNativeInputElement();if(this.itemIndex===-1){e?.focus();return}else if(e?.matches(":focus")){e?.blur()}}const s=Array.from(this.dropdownRef?.querySelectorAll(".sd-select-multiple__dropdown sd-select-option")||[]);const i=s?.[this.itemIndex];if(!i||!this.isOpen)return;this.optionRef=i;const l=await this.optionRef.isDisabled();if(l){e>t?this.itemIndex++:this.itemIndex--;return}this.scrollToOption(i)}async isOpenChanged(){this.onDropdownToggle(this.isOpen);const e=this.getSelectedOption();if(!e){this.itemIndex=-1}else{this.itemIndex=this.options.indexOf(e[0])}this.dropDownShow?.emit({isOpen:this.isOpen});if(this.isOpen===false)return;await new Promise((e=>setTimeout(e,10)));const t=Array.from(this.dropdownRef?.querySelectorAll(".sd-select-multiple__dropdown sd-select-item")||[]);const s=t?.[this.itemIndex];if(this.searchable){const e=await this.getNativeInputElement();e?.focus()}if(!s)return;await new Promise((e=>setTimeout(e,10)));this.scrollToOption(s)}connectedCallback(){this.filteredOptions=this.options;this.initializeEvent()}disconnectedCallback(){this.cleanupEvent()}handleDocumentClick(e){if(!this.selectRef?.contains(e.target)){this.isOpen=false}}handleDocumentKeydown(e){e.stopPropagation();const t=["ArrowDown","ArrowUp","Enter","Escape"];if(!t.includes(e.key))return;e.preventDefault();switch(e.key){case"ArrowDown":case"ArrowUp":const t=new r(this.searchable,this.filteredOptions);const s=t.getNextIndex(this.itemIndex,e.key);this.itemIndex=s;break;case"Enter":const i=this.filteredOptions[this.itemIndex];if(i&&!i.disabled){this.handleOptionSelection(i)}break;case"Escape":this.isOpen=false;break}}handleTriggerClick=e=>{e.stopPropagation();if(!this.disabled){this.isOpen=!this.isOpen;this.dropDownShow?.emit({isOpen:this.isOpen})}};handleOptionClick=e=>{const{option:t,event:s}=e;s.stopPropagation();this.handleOptionSelection(t)};filterOptions(){if(!this.searchText||this.searchText.trim()===""){this.filteredOptions=this.options}else{this.filteredOptions=this.options.filter((e=>e.label.toLowerCase().includes(this.searchText.toLowerCase())))}}getSelectedOption(){return this.options.filter((e=>this.value?.includes(e)))}handleDropdownScroll=e=>{const t=e.target;const s=t.scrollTop;this.isScrolled=s>0};async getNativeInputElement(){if(this.searchRef){return this.searchRef.getNativeElement()}return null}handleOptionSelection=e=>{if(!e||e.disabled)return;const t=this.value?.some((t=>t.value===e.value));if(t){this.value=this.value?.filter((t=>t.value!==e.value))||null}else{this.value=[...this.value||[],e]}};closeDropdown(){this.isOpen=false}scrollToOption(e){if(!this.dropdownRef||!e)return;const t=this.dropdownRef;const s=e.offsetTop;const i=e.offsetHeight;const l=t.scrollTop;const o=t.clientHeight;const r=t.querySelector(".sd-select__search-container");const n=r?r.offsetHeight:0;const c=l+n;const d=l+o;if(s<c){t.scrollTop=s-n}else if(s+i>d){t.scrollTop=s+i-o+n}}render(){const e={"--select-width":this.width||"200px","--select-dropdown-height":this.dropdownHeight||"260px"};return i(l,{key:"ff0653e24d97db442399017df0380a17f96dffe4",style:e},i("div",{key:"d5f6c3425abfcfdd81e47529659aa591fc604b0b",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:"ee82c8383eb3e98729b2d55065b66e9a84cf5215",class:"sd-select-multiple__container"},this.renderTrigger(),this.renderDropdown())))}renderLabel(e){if(!e)return null;return i("label",{class:"sd-select-multiple__label"},e)}renderTrigger(){const e=this.getSelectedOption();return i("div",{class:"sd-select-multiple__trigger",tabindex:this.disabled?-1:0,onClick:this.handleTriggerClick},i("span",{class:"sd-select-multiple__value"},!e?"선택":e.length?e.map((e=>e.label)).join(", "):this.placeholder),this.clearable&&e?.length>0&&!this.disabled&&i("sd-icon",{key:"close-icon",name:"close",size:10,color:"#888",class:"sd-select-multiple__clear",onClick:e=>{e.stopPropagation();this.value=null}}),i("sd-icon",{key:"arrow-icon",name:"arrowDown",color:"#888",class:{"sd-select-multiple__arrow":true,"sd-select-multiple__arrow--open":this.isOpen}}))}renderDropdown(){if(this.isOpen===false)return null;return i("sd-portal",{open:this.isOpen,parentRef:this.selectRef,onSdClose:this.closeDropdown},i("div",{class:"sd-select-multiple__dropdown",onScroll:this.handleDropdownScroll,ref:e=>this.dropdownRef=e},this.searchable&&i("div",{class:{"sd-select-multiple__search-container":true,"sd-select-multiple__search-container--scrolled":this.isScrolled},onClick:e=>e.stopPropagation()},i("sd-input",{ref:e=>this.searchRef=e,value:this.searchText,placeholder:"검색",clearable:true,inputStyle:{"padding-left":"8px"},autofocus:true,onSdInput:e=>{this.searchText=String(e?.detail)},onSdFocus:()=>{this.itemIndex=-1}},i("sd-icon",{name:"search",size:16,color:"#737373",style:{marginRight:"4px"},slot:"prefix"}))),this.filteredOptions.length>0?this.filteredOptions.map(((e,t)=>i("slot",{name:`option-${e.value}`},i("sd-select-option",{option:e,index:t,isSelected:this.value?.some((t=>t.value===e.value)),isFocused:t===this.itemIndex,onOptionClick:({detail:e})=>this.handleOptionClick(e),useCheckbox:this.useCheckbox})))):i("slot",{name:"option-placeholder"},i("div",{class:"sd-select-multiple__option-placeholder"},this.optionPlaceholder))))}static get watchers(){return{value:["valueChanged"],options:["optionsChanged"],searchText:["searchTextChanged"],itemIndex:["itemIndexChanged"],isOpen:["isOpenChanged"]}}};c.style=n();export{c as sd_select_multiple};
|
|
2
|
+
//# sourceMappingURL=p-e180c69c.entry.js.map
|
|
@@ -16,7 +16,7 @@ var patchBrowser = () => {
|
|
|
16
16
|
|
|
17
17
|
patchBrowser().then(async (options) => {
|
|
18
18
|
await globalScripts();
|
|
19
|
-
return bootstrapLazy([["sd-table",[[772,"sd-table",{"columns":[16],"rows":[1040],"selected":[1040],"rowKey":[1,"row-key"],"selectable":[4],"resizable":[4],"width":[1],"height":[1],"stickyHeader":[4,"sticky-header"],"stickyColumn":[16],"noDataLabel":[1,"no-data-label"],"isLoading":[4,"is-loading"],"pagination":[16],"bodyCellRenderer":[16],"useInternalPagination":[4,"use-internal-pagination"],"useRowsPerPageSelect":[4,"use-rows-per-page-select"],"rowsPerPageOption":[16],"currentPage":[32],"innerRows":[32],"innerSelected":[32],"columnWidths":[32],"scrolledLeft":[32],"scrolledRight":[32]},null,{"columns":["handleColumnsChange"],"rows":["handleRowsChange"],"selected":["handleSelectedChange"],"pagination":["handlePaginationChange"]}]]],["sd-select-multiple",[[772,"sd-select-multiple",{"value":[1040],"label":[1],"options":[1040],"placeholder":[1],"optionPlaceholder":[1,"option-placeholder"],"width":[1],"dropdownHeight":[1,"dropdown-height"],"disabled":[4],"clearable":[4],"searchable":[4],"useCheckbox":[4,"use-checkbox"],"optionRenderer":[16],"filteredOptions":[32],"isOpen":[32],"searchText":[32],"itemIndex":[32],"isScrolled":[32],"open":[64]},null,{"value":["valueChanged"],"options":["optionsChanged"],"searchText":["searchTextChanged"],"itemIndex":["itemIndexChanged"],"isOpen":["isOpenChanged"]}]]],["sd-date-picker",[[770,"sd-date-picker",{"value":[1537],"label":[1],"selectable":[16],"disabled":[4],"placeholder":[1],"isOpen":[32],"currentDate":[32],"currentYear":[32],"currentMonth":[32]}]]],["sd-date-range-picker",[[770,"sd-date-range-picker",{"value":[16],"label":[1],"selectable":[16],"maxRange":[2,"max-range"],"disabled":[4],"placeholder":[1],"isOpen":[32],"dateRange":[32],"hoverDate":[32],"prevYear":[32],"prevMonth":[32]},null,{"value":["onValueChange"]}]]],["sd-popover",[[769,"sd-popover",{"show":[1028],"placement":[513],"color":[513],"icon":[513],"iconSize":[514,"icon-size"],"label":[1],"buttonSize":[513,"button-size"],"buttonVariant":[513,"button-variant"],"menuTitle":[513,"title"],"messages":[16],"buttons":[16],"menuClass":[1,"menu-class"],"noHover":[4,"no-hover"],"useClose":[4,"use-close"],"showPopover":[32],"slotContent":[32]},null,{"show":["watchShowHandler"]}]]],["sd-modal-card",[[772,"sd-modal-card",{"type":[1],"system":[1],"useCloseButton":[4,"use-close-button"],"modalTitle":[1,"modal-title"],"buttonFlexDirection":[1,"button-flex-direction"],"buttonProps":[16],"message":[16],"modalClass":[1,"modal-class"]}]]],["sd-badge",[[770,"sd-badge",{"size":[1],"color":[1],"label":[1]}]]],["sd-card",[[772,"sd-card",{"bordered":[4],"
|
|
19
|
+
return bootstrapLazy([["sd-table",[[772,"sd-table",{"columns":[16],"rows":[1040],"selected":[1040],"rowKey":[1,"row-key"],"selectable":[4],"resizable":[4],"width":[1],"height":[1],"stickyHeader":[4,"sticky-header"],"stickyColumn":[16],"noDataLabel":[1,"no-data-label"],"isLoading":[4,"is-loading"],"pagination":[16],"bodyCellRenderer":[16],"useInternalPagination":[4,"use-internal-pagination"],"useRowsPerPageSelect":[4,"use-rows-per-page-select"],"rowsPerPageOption":[16],"currentPage":[32],"innerRows":[32],"innerSelected":[32],"columnWidths":[32],"scrolledLeft":[32],"scrolledRight":[32]},null,{"columns":["handleColumnsChange"],"rows":["handleRowsChange"],"selected":["handleSelectedChange"],"pagination":["handlePaginationChange"]}]]],["sd-select-multiple",[[772,"sd-select-multiple",{"value":[1040],"label":[1],"options":[1040],"placeholder":[1],"optionPlaceholder":[1,"option-placeholder"],"width":[1],"dropdownHeight":[1,"dropdown-height"],"disabled":[4],"clearable":[4],"searchable":[4],"useCheckbox":[4,"use-checkbox"],"optionRenderer":[16],"filteredOptions":[32],"isOpen":[32],"searchText":[32],"itemIndex":[32],"isScrolled":[32],"open":[64]},null,{"value":["valueChanged"],"options":["optionsChanged"],"searchText":["searchTextChanged"],"itemIndex":["itemIndexChanged"],"isOpen":["isOpenChanged"]}]]],["sd-date-picker",[[770,"sd-date-picker",{"value":[1537],"label":[1],"selectable":[16],"disabled":[4],"placeholder":[1],"isOpen":[32],"currentDate":[32],"currentYear":[32],"currentMonth":[32]}]]],["sd-date-range-picker",[[770,"sd-date-range-picker",{"value":[16],"label":[1],"selectable":[16],"maxRange":[2,"max-range"],"disabled":[4],"placeholder":[1],"isOpen":[32],"dateRange":[32],"hoverDate":[32],"prevYear":[32],"prevMonth":[32]},null,{"value":["onValueChange"]}]]],["sd-popover",[[769,"sd-popover",{"show":[1028],"placement":[513],"color":[513],"icon":[513],"iconSize":[514,"icon-size"],"label":[1],"buttonSize":[513,"button-size"],"buttonVariant":[513,"button-variant"],"menuTitle":[513,"title"],"messages":[16],"buttons":[16],"menuClass":[1,"menu-class"],"noHover":[4,"no-hover"],"useClose":[4,"use-close"],"showPopover":[32],"slotContent":[32]},null,{"show":["watchShowHandler"]}]]],["sd-modal-card",[[772,"sd-modal-card",{"type":[1],"system":[1],"useCloseButton":[4,"use-close-button"],"modalTitle":[1,"modal-title"],"buttonFlexDirection":[1,"button-flex-direction"],"buttonProps":[16],"message":[16],"modalClass":[1,"modal-class"]}]]],["sd-badge",[[770,"sd-badge",{"size":[1],"color":[1],"label":[1]}]]],["sd-card",[[772,"sd-card",{"bordered":[4],"cardClassName":[1,"card-class-name"]}]]],["sd-progress",[[768,"sd-progress",{"type":[1],"error":[4],"percentage":[2],"size":[2],"strokeWidth":[2,"stroke-width"],"label":[1]}]]],["sd-radio-button-group",[[768,"sd-radio-button-group",{"value":[1544],"radioOptions":[1040],"size":[1],"disabled":[4],"name":[1],"selectedValue":[32]},null,{"value":["valueChanged"]}]]],["sd-td",[[772,"sd-td",{"name":[1],"align":[1],"tdStyle":[16],"tdClass":[1,"td-class"]}]]],["sd-date-box",[[770,"sd-date-box",{"date":[8],"disabled":[4],"selected":[4],"isStartDate":[4,"is-start-date"],"isEndDate":[4,"is-end-date"],"isToday":[4,"is-today"],"inRange":[4,"in-range"],"type":[1]}]]],["sd-tbody_3",[[260,"sd-tbody"],[260,"sd-th"],[260,"sd-tr"]]],["sd-button_24",[[772,"sd-table-backup",{"columns":[16],"rows":[1040],"selected":[1040],"rowKey":[1,"row-key"],"selectable":[4],"resizable":[4],"width":[1],"height":[1],"stickyHeader":[4,"sticky-header"],"stickyColumn":[16],"noDataLabel":[1,"no-data-label"],"isLoading":[4,"is-loading"],"pagination":[16],"headerCellRenderer":[16],"bodyCellRenderer":[16],"useInternalPagination":[4,"use-internal-pagination"],"useRowsPerPageSelect":[4,"use-rows-per-page-select"],"rowsPerPageOption":[16],"useVirtualScroll":[16],"virtualRowHeight":[2,"virtual-row-height"],"virtualColumnWidth":[2,"virtual-column-width"],"virtualBufferSize":[16],"currentPage":[32],"innerRows":[32],"innerSelected":[32],"columnWidths":[32],"scrolledLeft":[32],"scrolledRight":[32],"virtualStartIndex":[32],"virtualEndIndex":[32],"scrollTopPosition":[32],"virtualStartColIdx":[32],"virtualEndColIdx":[32],"scrollLeftPosition":[32]},null,{"columns":["handleColumnsChange"],"columnWidths":["handleColumnWidthsChange"],"rows":["handleRowsChange"],"selected":["handleSelectedChange"],"pagination":["handlePaginationChange"]}],[772,"sd-select-multiple-group",{"value":[1040],"label":[1],"options":[1040],"placeholder":[1],"optionPlaceholder":[1,"option-placeholder"],"width":[1],"dropdownHeight":[1,"dropdown-height"],"disabled":[4],"clearable":[4],"searchable":[4],"useCheckbox":[4,"use-checkbox"],"useAll":[4,"use-all"],"allCheckedLabel":[1,"all-checked-label"],"allCheckOptionLabel":[1,"all-check-option-label"],"containerStyle":[16],"triggerStyle":[16],"dropdownStyle":[16],"optionStyle":[16],"labelStyle":[16],"optionRenderer":[16],"filteredOptions":[32],"isOpen":[32],"searchText":[32],"itemIndex":[32],"isScrolled":[32],"isDropdownReady":[32],"open":[64]},null,{"value":["valueChanged"],"options":["optionsChanged"],"searchText":["searchTextChanged"],"itemIndex":["itemIndexChanged"],"isOpen":["isOpenChanged"]}],[768,"sd-guide",{"type":[1],"label":[1],"message":[1],"guideUrl":[1,"guide-url"],"popupTitle":[1,"popup-title"],"popupWidth":[2,"popup-width"],"popupShow":[32]}],[770,"sd-toast-message",{"icon":[1],"message":[1],"link":[1],"linkLabel":[1,"link-label"],"buttonLabel":[1,"button-label"],"close":[4],"type":[1],"isVisible":[32]}],[768,"sd-file-picker",{"value":[1040],"placeholder":[1],"disabled":[4],"inline":[4],"multiple":[4],"accept":[1],"width":[8],"internalValue":[32],"hovered":[32],"showTooltip":[32]},null,{"value":["valueChanged"]}],[768,"sd-number-input",{"min":[2],"max":[2],"step":[2],"useButton":[4,"use-button"],"useDecimal":[4,"use-decimal"],"value":[1032],"label":[1],"placeholder":[1],"disabled":[4],"width":[8],"rules":[16],"autoFocus":[4,"auto-focus"],"status":[1],"inputClass":[1,"input-class"],"readonly":[4],"inputStyle":[16],"internalValue":[32],"displayValue":[32],"hovered":[32],"error":[32],"getNativeElement":[64]},null,{"value":["valueChanged"],"internalValue":["internalValueChanged"]}],[768,"sd-tabs",{"value":[1537],"tabs":[1040],"size":[1],"isSub":[4,"is-sub"],"selectedValue":[32]},null,{"value":["valueChanged"]}],[768,"sd-radio-group",{"value":[1544],"radioOptions":[1040],"direction":[1],"disabled":[4],"name":[1],"selectedValue":[32]},null,{"value":["valueChanged"]}],[768,"sd-toggle",{"value":[1540],"label":[1],"disabled":[4],"isChecked":[32]}],[768,"sd-toggle-button",{"value":[1540],"label":[1],"disabled":[4],"isActive":[32]}],[768,"sd-select-option-group",{"option":[16],"index":[2],"isSelected":[4,"is-selected"],"isFocused":[4,"is-focused"],"optionStyle":[16],"disabled":[4],"useCheckbox":[4,"use-checkbox"],"useIndicator":[4,"use-indicator"],"countInfo":[16],"isHovered":[32],"isDisabled":[64]}],[768,"sd-loading-spinner",{"color":[1]}],[769,"sd-tag",{"size":[1],"color":[1],"rounded":[4],"label":[1],"bgColor":[1,"bg-color"],"textColor":[1,"text-color"]}],[772,"sd-select",{"value":[1032],"label":[1],"options":[1040],"placeholder":[1],"optionPlaceholder":[1,"option-placeholder"],"width":[1],"dropdownHeight":[1,"dropdown-height"],"disabled":[4],"clearable":[4],"searchable":[4],"optionRenderer":[16],"filteredOptions":[32],"isOpen":[32],"searchText":[32],"itemIndex":[32],"isScrolled":[32],"open":[64]},null,{"value":["valueChanged"],"options":["optionsChanged"],"searchText":["searchTextChanged"],"itemIndex":["itemIndexChanged"],"isOpen":["isOpenChanged"]}],[768,"sd-tooltip",{"trigger":[1],"placement":[1],"color":[1],"type":[1],"icon":[1],"iconSize":[2,"icon-size"],"label":[1],"buttonSize":[1,"button-size"],"buttonVariant":[1,"button-variant"],"noHover":[4,"no-hover"],"useClose":[4,"use-close"],"showTooltip":[32],"slotContent":[32]}],[768,"sd-pagination",{"currentPage":[2,"current-page"],"lastPage":[2,"last-page"],"simple":[4]}],[768,"sd-select-option",{"option":[16],"index":[2],"isSelected":[4,"is-selected"],"isFocused":[4,"is-focused"],"optionStyle":[16],"disabled":[4],"useCheckbox":[4,"use-checkbox"],"isHovered":[32],"isDisabled":[64]}],[768,"sd-select-search-input",{"isScrolled":[4,"is-scrolled"],"searchText":[1,"search-text"],"getNativeElement":[64],"searchInputFocus":[64]}],[769,"sd-tooltip-portal",{"to":[1],"parentRef":[16],"offset":[16],"zIndex":[2,"z-index"],"placement":[1],"open":[4]},[[9,"scroll","updatePosition"],[9,"resize","updatePosition"],[9,"mousedown","handleMouseDown"],[8,"click","handleWindowClick"]]],[768,"sd-button",{"variant":[1],"size":[1],"color":[1],"label":[1],"disabled":[4],"type":[1],"icon":[1],"iconColor":[1,"icon-color"],"iconSize":[2,"icon-size"],"iconRight":[1,"icon-right"],"noHover":[4,"no-hover"],"class":[1]}],[768,"sd-checkbox",{"checked":[1028],"val":[8],"disabled":[4],"label":[1],"isChecked":[32]},null,{"checked":["watchValueHandler"]}],[772,"sd-input",{"value":[1032],"label":[1],"insideLabel":[4,"inside-label"],"placeholder":[1],"disabled":[4],"clearable":[4],"width":[8],"barcode":[4],"rules":[16],"autoFocus":[4,"auto-focus"],"status":[1],"inputClass":[1,"input-class"],"readonly":[4],"inputStyle":[16],"internalValue":[32],"error":[32],"focused":[32],"hovered":[32],"getNativeElement":[64]},null,{"value":["valueChanged"],"internalValue":["internalValueChanged"]}],[772,"sd-portal",{"to":[1],"parentRef":[16],"offset":[16],"zIndex":[2,"z-index"],"open":[4]},[[9,"scroll","updatePosition"],[9,"resize","updatePosition"],[9,"mousedown","handleMouseDown"],[8,"click","handleWindowClick"]]],[768,"sd-icon",{"name":[1],"size":[8],"color":[1],"rotate":[2],"label":[1],"iconStyle":[16]}]]]], options);
|
|
20
20
|
});
|
|
21
21
|
//# sourceMappingURL=design-system.js.map
|
|
22
22
|
|
package/dist/esm/loader.js
CHANGED
|
@@ -4,7 +4,7 @@ export { s as setNonce } from './index-7X2nzJWz.js';
|
|
|
4
4
|
const defineCustomElements = async (win, options) => {
|
|
5
5
|
if (typeof window === 'undefined') return undefined;
|
|
6
6
|
await globalScripts();
|
|
7
|
-
return bootstrapLazy([["sd-table",[[772,"sd-table",{"columns":[16],"rows":[1040],"selected":[1040],"rowKey":[1,"row-key"],"selectable":[4],"resizable":[4],"width":[1],"height":[1],"stickyHeader":[4,"sticky-header"],"stickyColumn":[16],"noDataLabel":[1,"no-data-label"],"isLoading":[4,"is-loading"],"pagination":[16],"bodyCellRenderer":[16],"useInternalPagination":[4,"use-internal-pagination"],"useRowsPerPageSelect":[4,"use-rows-per-page-select"],"rowsPerPageOption":[16],"currentPage":[32],"innerRows":[32],"innerSelected":[32],"columnWidths":[32],"scrolledLeft":[32],"scrolledRight":[32]},null,{"columns":["handleColumnsChange"],"rows":["handleRowsChange"],"selected":["handleSelectedChange"],"pagination":["handlePaginationChange"]}]]],["sd-select-multiple",[[772,"sd-select-multiple",{"value":[1040],"label":[1],"options":[1040],"placeholder":[1],"optionPlaceholder":[1,"option-placeholder"],"width":[1],"dropdownHeight":[1,"dropdown-height"],"disabled":[4],"clearable":[4],"searchable":[4],"useCheckbox":[4,"use-checkbox"],"optionRenderer":[16],"filteredOptions":[32],"isOpen":[32],"searchText":[32],"itemIndex":[32],"isScrolled":[32],"open":[64]},null,{"value":["valueChanged"],"options":["optionsChanged"],"searchText":["searchTextChanged"],"itemIndex":["itemIndexChanged"],"isOpen":["isOpenChanged"]}]]],["sd-date-picker",[[770,"sd-date-picker",{"value":[1537],"label":[1],"selectable":[16],"disabled":[4],"placeholder":[1],"isOpen":[32],"currentDate":[32],"currentYear":[32],"currentMonth":[32]}]]],["sd-date-range-picker",[[770,"sd-date-range-picker",{"value":[16],"label":[1],"selectable":[16],"maxRange":[2,"max-range"],"disabled":[4],"placeholder":[1],"isOpen":[32],"dateRange":[32],"hoverDate":[32],"prevYear":[32],"prevMonth":[32]},null,{"value":["onValueChange"]}]]],["sd-popover",[[769,"sd-popover",{"show":[1028],"placement":[513],"color":[513],"icon":[513],"iconSize":[514,"icon-size"],"label":[1],"buttonSize":[513,"button-size"],"buttonVariant":[513,"button-variant"],"menuTitle":[513,"title"],"messages":[16],"buttons":[16],"menuClass":[1,"menu-class"],"noHover":[4,"no-hover"],"useClose":[4,"use-close"],"showPopover":[32],"slotContent":[32]},null,{"show":["watchShowHandler"]}]]],["sd-modal-card",[[772,"sd-modal-card",{"type":[1],"system":[1],"useCloseButton":[4,"use-close-button"],"modalTitle":[1,"modal-title"],"buttonFlexDirection":[1,"button-flex-direction"],"buttonProps":[16],"message":[16],"modalClass":[1,"modal-class"]}]]],["sd-badge",[[770,"sd-badge",{"size":[1],"color":[1],"label":[1]}]]],["sd-card",[[772,"sd-card",{"bordered":[4],"
|
|
7
|
+
return bootstrapLazy([["sd-table",[[772,"sd-table",{"columns":[16],"rows":[1040],"selected":[1040],"rowKey":[1,"row-key"],"selectable":[4],"resizable":[4],"width":[1],"height":[1],"stickyHeader":[4,"sticky-header"],"stickyColumn":[16],"noDataLabel":[1,"no-data-label"],"isLoading":[4,"is-loading"],"pagination":[16],"bodyCellRenderer":[16],"useInternalPagination":[4,"use-internal-pagination"],"useRowsPerPageSelect":[4,"use-rows-per-page-select"],"rowsPerPageOption":[16],"currentPage":[32],"innerRows":[32],"innerSelected":[32],"columnWidths":[32],"scrolledLeft":[32],"scrolledRight":[32]},null,{"columns":["handleColumnsChange"],"rows":["handleRowsChange"],"selected":["handleSelectedChange"],"pagination":["handlePaginationChange"]}]]],["sd-select-multiple",[[772,"sd-select-multiple",{"value":[1040],"label":[1],"options":[1040],"placeholder":[1],"optionPlaceholder":[1,"option-placeholder"],"width":[1],"dropdownHeight":[1,"dropdown-height"],"disabled":[4],"clearable":[4],"searchable":[4],"useCheckbox":[4,"use-checkbox"],"optionRenderer":[16],"filteredOptions":[32],"isOpen":[32],"searchText":[32],"itemIndex":[32],"isScrolled":[32],"open":[64]},null,{"value":["valueChanged"],"options":["optionsChanged"],"searchText":["searchTextChanged"],"itemIndex":["itemIndexChanged"],"isOpen":["isOpenChanged"]}]]],["sd-date-picker",[[770,"sd-date-picker",{"value":[1537],"label":[1],"selectable":[16],"disabled":[4],"placeholder":[1],"isOpen":[32],"currentDate":[32],"currentYear":[32],"currentMonth":[32]}]]],["sd-date-range-picker",[[770,"sd-date-range-picker",{"value":[16],"label":[1],"selectable":[16],"maxRange":[2,"max-range"],"disabled":[4],"placeholder":[1],"isOpen":[32],"dateRange":[32],"hoverDate":[32],"prevYear":[32],"prevMonth":[32]},null,{"value":["onValueChange"]}]]],["sd-popover",[[769,"sd-popover",{"show":[1028],"placement":[513],"color":[513],"icon":[513],"iconSize":[514,"icon-size"],"label":[1],"buttonSize":[513,"button-size"],"buttonVariant":[513,"button-variant"],"menuTitle":[513,"title"],"messages":[16],"buttons":[16],"menuClass":[1,"menu-class"],"noHover":[4,"no-hover"],"useClose":[4,"use-close"],"showPopover":[32],"slotContent":[32]},null,{"show":["watchShowHandler"]}]]],["sd-modal-card",[[772,"sd-modal-card",{"type":[1],"system":[1],"useCloseButton":[4,"use-close-button"],"modalTitle":[1,"modal-title"],"buttonFlexDirection":[1,"button-flex-direction"],"buttonProps":[16],"message":[16],"modalClass":[1,"modal-class"]}]]],["sd-badge",[[770,"sd-badge",{"size":[1],"color":[1],"label":[1]}]]],["sd-card",[[772,"sd-card",{"bordered":[4],"cardClassName":[1,"card-class-name"]}]]],["sd-progress",[[768,"sd-progress",{"type":[1],"error":[4],"percentage":[2],"size":[2],"strokeWidth":[2,"stroke-width"],"label":[1]}]]],["sd-radio-button-group",[[768,"sd-radio-button-group",{"value":[1544],"radioOptions":[1040],"size":[1],"disabled":[4],"name":[1],"selectedValue":[32]},null,{"value":["valueChanged"]}]]],["sd-td",[[772,"sd-td",{"name":[1],"align":[1],"tdStyle":[16],"tdClass":[1,"td-class"]}]]],["sd-date-box",[[770,"sd-date-box",{"date":[8],"disabled":[4],"selected":[4],"isStartDate":[4,"is-start-date"],"isEndDate":[4,"is-end-date"],"isToday":[4,"is-today"],"inRange":[4,"in-range"],"type":[1]}]]],["sd-tbody_3",[[260,"sd-tbody"],[260,"sd-th"],[260,"sd-tr"]]],["sd-button_24",[[772,"sd-table-backup",{"columns":[16],"rows":[1040],"selected":[1040],"rowKey":[1,"row-key"],"selectable":[4],"resizable":[4],"width":[1],"height":[1],"stickyHeader":[4,"sticky-header"],"stickyColumn":[16],"noDataLabel":[1,"no-data-label"],"isLoading":[4,"is-loading"],"pagination":[16],"headerCellRenderer":[16],"bodyCellRenderer":[16],"useInternalPagination":[4,"use-internal-pagination"],"useRowsPerPageSelect":[4,"use-rows-per-page-select"],"rowsPerPageOption":[16],"useVirtualScroll":[16],"virtualRowHeight":[2,"virtual-row-height"],"virtualColumnWidth":[2,"virtual-column-width"],"virtualBufferSize":[16],"currentPage":[32],"innerRows":[32],"innerSelected":[32],"columnWidths":[32],"scrolledLeft":[32],"scrolledRight":[32],"virtualStartIndex":[32],"virtualEndIndex":[32],"scrollTopPosition":[32],"virtualStartColIdx":[32],"virtualEndColIdx":[32],"scrollLeftPosition":[32]},null,{"columns":["handleColumnsChange"],"columnWidths":["handleColumnWidthsChange"],"rows":["handleRowsChange"],"selected":["handleSelectedChange"],"pagination":["handlePaginationChange"]}],[772,"sd-select-multiple-group",{"value":[1040],"label":[1],"options":[1040],"placeholder":[1],"optionPlaceholder":[1,"option-placeholder"],"width":[1],"dropdownHeight":[1,"dropdown-height"],"disabled":[4],"clearable":[4],"searchable":[4],"useCheckbox":[4,"use-checkbox"],"useAll":[4,"use-all"],"allCheckedLabel":[1,"all-checked-label"],"allCheckOptionLabel":[1,"all-check-option-label"],"containerStyle":[16],"triggerStyle":[16],"dropdownStyle":[16],"optionStyle":[16],"labelStyle":[16],"optionRenderer":[16],"filteredOptions":[32],"isOpen":[32],"searchText":[32],"itemIndex":[32],"isScrolled":[32],"isDropdownReady":[32],"open":[64]},null,{"value":["valueChanged"],"options":["optionsChanged"],"searchText":["searchTextChanged"],"itemIndex":["itemIndexChanged"],"isOpen":["isOpenChanged"]}],[768,"sd-guide",{"type":[1],"label":[1],"message":[1],"guideUrl":[1,"guide-url"],"popupTitle":[1,"popup-title"],"popupWidth":[2,"popup-width"],"popupShow":[32]}],[770,"sd-toast-message",{"icon":[1],"message":[1],"link":[1],"linkLabel":[1,"link-label"],"buttonLabel":[1,"button-label"],"close":[4],"type":[1],"isVisible":[32]}],[768,"sd-file-picker",{"value":[1040],"placeholder":[1],"disabled":[4],"inline":[4],"multiple":[4],"accept":[1],"width":[8],"internalValue":[32],"hovered":[32],"showTooltip":[32]},null,{"value":["valueChanged"]}],[768,"sd-number-input",{"min":[2],"max":[2],"step":[2],"useButton":[4,"use-button"],"useDecimal":[4,"use-decimal"],"value":[1032],"label":[1],"placeholder":[1],"disabled":[4],"width":[8],"rules":[16],"autoFocus":[4,"auto-focus"],"status":[1],"inputClass":[1,"input-class"],"readonly":[4],"inputStyle":[16],"internalValue":[32],"displayValue":[32],"hovered":[32],"error":[32],"getNativeElement":[64]},null,{"value":["valueChanged"],"internalValue":["internalValueChanged"]}],[768,"sd-tabs",{"value":[1537],"tabs":[1040],"size":[1],"isSub":[4,"is-sub"],"selectedValue":[32]},null,{"value":["valueChanged"]}],[768,"sd-radio-group",{"value":[1544],"radioOptions":[1040],"direction":[1],"disabled":[4],"name":[1],"selectedValue":[32]},null,{"value":["valueChanged"]}],[768,"sd-toggle",{"value":[1540],"label":[1],"disabled":[4],"isChecked":[32]}],[768,"sd-toggle-button",{"value":[1540],"label":[1],"disabled":[4],"isActive":[32]}],[768,"sd-select-option-group",{"option":[16],"index":[2],"isSelected":[4,"is-selected"],"isFocused":[4,"is-focused"],"optionStyle":[16],"disabled":[4],"useCheckbox":[4,"use-checkbox"],"useIndicator":[4,"use-indicator"],"countInfo":[16],"isHovered":[32],"isDisabled":[64]}],[768,"sd-loading-spinner",{"color":[1]}],[769,"sd-tag",{"size":[1],"color":[1],"rounded":[4],"label":[1],"bgColor":[1,"bg-color"],"textColor":[1,"text-color"]}],[772,"sd-select",{"value":[1032],"label":[1],"options":[1040],"placeholder":[1],"optionPlaceholder":[1,"option-placeholder"],"width":[1],"dropdownHeight":[1,"dropdown-height"],"disabled":[4],"clearable":[4],"searchable":[4],"optionRenderer":[16],"filteredOptions":[32],"isOpen":[32],"searchText":[32],"itemIndex":[32],"isScrolled":[32],"open":[64]},null,{"value":["valueChanged"],"options":["optionsChanged"],"searchText":["searchTextChanged"],"itemIndex":["itemIndexChanged"],"isOpen":["isOpenChanged"]}],[768,"sd-tooltip",{"trigger":[1],"placement":[1],"color":[1],"type":[1],"icon":[1],"iconSize":[2,"icon-size"],"label":[1],"buttonSize":[1,"button-size"],"buttonVariant":[1,"button-variant"],"noHover":[4,"no-hover"],"useClose":[4,"use-close"],"showTooltip":[32],"slotContent":[32]}],[768,"sd-pagination",{"currentPage":[2,"current-page"],"lastPage":[2,"last-page"],"simple":[4]}],[768,"sd-select-option",{"option":[16],"index":[2],"isSelected":[4,"is-selected"],"isFocused":[4,"is-focused"],"optionStyle":[16],"disabled":[4],"useCheckbox":[4,"use-checkbox"],"isHovered":[32],"isDisabled":[64]}],[768,"sd-select-search-input",{"isScrolled":[4,"is-scrolled"],"searchText":[1,"search-text"],"getNativeElement":[64],"searchInputFocus":[64]}],[769,"sd-tooltip-portal",{"to":[1],"parentRef":[16],"offset":[16],"zIndex":[2,"z-index"],"placement":[1],"open":[4]},[[9,"scroll","updatePosition"],[9,"resize","updatePosition"],[9,"mousedown","handleMouseDown"],[8,"click","handleWindowClick"]]],[768,"sd-button",{"variant":[1],"size":[1],"color":[1],"label":[1],"disabled":[4],"type":[1],"icon":[1],"iconColor":[1,"icon-color"],"iconSize":[2,"icon-size"],"iconRight":[1,"icon-right"],"noHover":[4,"no-hover"],"class":[1]}],[768,"sd-checkbox",{"checked":[1028],"val":[8],"disabled":[4],"label":[1],"isChecked":[32]},null,{"checked":["watchValueHandler"]}],[772,"sd-input",{"value":[1032],"label":[1],"insideLabel":[4,"inside-label"],"placeholder":[1],"disabled":[4],"clearable":[4],"width":[8],"barcode":[4],"rules":[16],"autoFocus":[4,"auto-focus"],"status":[1],"inputClass":[1,"input-class"],"readonly":[4],"inputStyle":[16],"internalValue":[32],"error":[32],"focused":[32],"hovered":[32],"getNativeElement":[64]},null,{"value":["valueChanged"],"internalValue":["internalValueChanged"]}],[772,"sd-portal",{"to":[1],"parentRef":[16],"offset":[16],"zIndex":[2,"z-index"],"open":[4]},[[9,"scroll","updatePosition"],[9,"resize","updatePosition"],[9,"mousedown","handleMouseDown"],[8,"click","handleWindowClick"]]],[768,"sd-icon",{"name":[1],"size":[8],"color":[1],"rotate":[2],"label":[1],"iconStyle":[16]}]]]], options);
|
|
8
8
|
};
|
|
9
9
|
|
|
10
10
|
export { defineCustomElements };
|
|
@@ -245,15 +245,15 @@ const SdFilePicker = class {
|
|
|
245
245
|
render() {
|
|
246
246
|
const hasFiles = this.hasFiles();
|
|
247
247
|
const displayText = this.getDisplayText();
|
|
248
|
-
return (h("div", { key: '
|
|
248
|
+
return (h("div", { key: '467ea6ab920e23a8cf98db73f3ba5507e0634bc8', class: {
|
|
249
249
|
'sd-file-picker': true,
|
|
250
250
|
[this.getStatusClass()]: true,
|
|
251
251
|
'sd-file-picker--inline': this.inline,
|
|
252
|
-
}, onClick: this.handleClick, onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false) }, h("input", { key: '
|
|
252
|
+
}, onClick: this.handleClick, onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false) }, h("input", { key: '20ff1404f15beaeff2f4f3e0b1772aadbd986934', ref: el => (this.fileInputRef = el), type: "file", class: "sd-file-picker__input", disabled: this.disabled, multiple: this.multiple, accept: this.accept, onInput: this.handleFileChange, "aria-label": this.placeholder }), h("sd-icon", { key: '59e00f4ba49547aacf99dfab54c391c49895d8df', name: "attachFile", size: 16, color: this.getIconColor(), class: "sd-file-picker__icon" }), h("div", { key: 'be74c5aebcc947aacf6841b15915cc98af5453e6', ref: el => (this.fileNamesRef = el), class: {
|
|
253
253
|
'sd-file-picker__text': true,
|
|
254
254
|
'sd-file-picker__text--placeholder': !hasFiles,
|
|
255
255
|
'sd-file-picker__text--active': hasFiles,
|
|
256
|
-
} }, displayText), !this.disabled && hasFiles && (h("sd-icon", { key: '
|
|
256
|
+
} }, displayText), !this.disabled && hasFiles && (h("sd-icon", { key: '0547537e85b8eb0f2678c3023eeec9241caf0ced', name: "close", size: 12, color: "#888888", class: "sd-file-picker__clear-icon", onClick: this.handleClear })), this.showTooltip && hasFiles && this.hovered && (h("div", { key: '86bf77f26f2aea00c31c9770c2142353d92d239c', class: "sd-file-picker__tooltip" }, displayText))));
|
|
257
257
|
}
|
|
258
258
|
static get watchers() { return {
|
|
259
259
|
"value": ["valueChanged"]
|
|
@@ -314,9 +314,9 @@ const SdGuide = class {
|
|
|
314
314
|
};
|
|
315
315
|
render() {
|
|
316
316
|
const { name: iconName, size: iconSize, color: iconColor } = GUIDE_ICON[this.type];
|
|
317
|
-
return (h(Host, { key: '
|
|
317
|
+
return (h(Host, { key: '73cc9c84ec4e921e83e9d0cde2971c5088cbb48f', style: {
|
|
318
318
|
'--sd-guide-color': GUIDE_ICON[this.type].color,
|
|
319
|
-
} }, h("sd-button", { key: '
|
|
319
|
+
} }, h("sd-button", { key: '310afd874d062a91fab4b179a9a4e2f340a95175', ref: el => (this.guideRef = el), class: this.guideClass, variant: this.popupShow ? 'primary' : 'outline', label: this.label || GUIDE_LABEL[this.type], size: "sm", color: this.popupShow ? GUIDE_ICON[this.type].color : 'grey_45', icon: iconName, iconColor: this.popupShow ? 'white' : iconColor, iconSize: iconSize, noHover: this.popupShow, onSdClick: this.handleClickGuide }), this.type === 'help' && this.popupShow && (h("sd-portal", { key: '133bb71a98efd9a15407aad915937caec728aa38', open: this.popupShow, parentRef: this.guideRef, onSdClose: this.closeDropdown, offset: [0, 4] }, h("div", { key: '4a39145ce20e1e37ebc3f639712f635231f34f2d', style: { position: 'absolute', width: '0px', height: '0px' } }, h("div", { key: 'e71a8217b3969db9fadf9083835402cf69e62c3c', class: "sd-guide__popup", style: { width: this.popupWidth ? this.popupWidth + 'px' : '426px' } }, h("sd-button", { key: 'f035ca961013d99305b0409f406fdd3063e11155', class: "sd-guide__popup__close", icon: "close", color: colors.grey_65, size: "md", variant: "ghost", noHover: true, onSdClick: this.closeDropdown }), h("div", { key: 'a3d505a21abd77e85fac45a792ca7bb2b2448a6a', class: "sd-guide__popup__header" }, h("sd-icon", { key: '785bfbe594936b56f407edd2349e19076cf6ece9', name: "helpOutline", size: 24, color: colors.green_65 }), h("h3", { key: 'da5dfaed05a11ccef574580a4c18341646d59e4f', class: "sd-guide__popup__title" }, this.popupTitle || GUIDE_LABEL[this.type])), h("ul", { key: '0faa4a71c1d77d21490436323c2d80c792397991', class: "sd-guide__popup__list" }, this.renderListItem(this.message))))))));
|
|
320
320
|
}
|
|
321
321
|
// 현재 2depth까지만 스타일 적용
|
|
322
322
|
renderListItem(message, depth = 0) {
|
|
@@ -2345,7 +2345,7 @@ const SdIcon = class {
|
|
|
2345
2345
|
}
|
|
2346
2346
|
render() {
|
|
2347
2347
|
const IconComponent = Icons[this.name]?.[this.size];
|
|
2348
|
-
return (h("i", { key: '
|
|
2348
|
+
return (h("i", { key: '49cc8a7c8a0af18d920065232ef3e2127f6abb6c', class: this.getIconClasses(), style: this.iconStyle }, h(IconComponent, { key: 'cb8464e125ecfddc96621b57183fb26f37043f51', color: this.resolvedColor })));
|
|
2349
2349
|
}
|
|
2350
2350
|
};
|
|
2351
2351
|
SdIcon.style = sdIconCss();
|
|
@@ -2451,17 +2451,17 @@ const SdInput = class {
|
|
|
2451
2451
|
'--input-width': typeof this.width === 'number' ? `${this.width}px` : this.width,
|
|
2452
2452
|
}
|
|
2453
2453
|
: {};
|
|
2454
|
-
return (h(Host, { key: '
|
|
2454
|
+
return (h(Host, { key: '3babaa8e892b3e5e484d1bdbc28b0d209945ad69', style: inputWidth }, h("div", { key: '31ea7cd711a33881144da3f0d4a6e98e6ec55244', class: {
|
|
2455
2455
|
'sd-input': true,
|
|
2456
2456
|
'sd-input--with-label': !!this.label,
|
|
2457
2457
|
'sd-input--inside-label': !!this.label && this.insideLabel,
|
|
2458
2458
|
'sd-input--barcode': !!this.barcode,
|
|
2459
2459
|
[this.getInputStatus()]: true,
|
|
2460
|
-
} }, this.label && (h("div", { key: '
|
|
2460
|
+
} }, this.label && (h("div", { key: '85596e41249b0f136c9c07bebe40e2bc2166ceba', class: {
|
|
2461
2461
|
'sd-input__label': true,
|
|
2462
|
-
} }, this.label)), h("label", { key: '
|
|
2462
|
+
} }, this.label)), h("label", { key: 'd942a7cc950506a5cf2bcfd8984d3981af18cc7f', class: {
|
|
2463
2463
|
'sd-input__container': true,
|
|
2464
|
-
}, onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false), style: this.inputStyle }, h("slot", { key: '
|
|
2464
|
+
}, onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false), style: this.inputStyle }, h("slot", { key: '3add3a8c845be67ccd31ae98b30f5989d7e7dbf1', name: "prefix" }), h("input", { key: 'b7297ae85e0f07c8a5696cc7072833dc6ade82bc', ref: el => (this.nativeEl = el), class: `sd-input__native_element ${this.inputClass}`, type: "text", value: this.internalValue || '', placeholder: this.placeholder, disabled: this.disabled, readonly: this.readonly, autofocus: this.autoFocus, onInput: this.handleInput, onChange: this.handleChange, onFocus: event => this.handleFocus('focus', event), onBlur: event => this.handleFocus('blur', event) }), h("slot", { key: 'c6ae6cb3f58da00c0ae80261e41841889347b73d', name: "suffix" }), this.clearable && this.internalValue && (h("sd-icon", { key: '662f365d57707b631f7a58b18330666521846e84', name: "close", color: "#888", class: "sd-input__clear-icon", onClick: () => {
|
|
2465
2465
|
this.internalValue = '';
|
|
2466
2466
|
this.sdChange?.emit(this.internalValue);
|
|
2467
2467
|
this.sdInput?.emit(this.internalValue);
|
|
@@ -2485,7 +2485,7 @@ const SdLoadingSpinner = class {
|
|
|
2485
2485
|
return resolveColor(this.color);
|
|
2486
2486
|
}
|
|
2487
2487
|
render() {
|
|
2488
|
-
return (h(Host, { key: '
|
|
2488
|
+
return (h(Host, { key: 'a04395d2aaacdb74c06aebff6674ba82cc089a88' }, h("svg", { key: 'e4a28205405702bb37b40aac4a73ae369605791d', class: "sd-loading-spinner", width: "72px", height: "72px", viewBox: "25 25 50 50", style: { color: this.resolvedColor } }, h("circle", { key: '31e0b13b0ab8dbf824fc6b40b020e7eb290f05f5', class: "path", cx: "50", cy: "50", r: "20", fill: "none", stroke: "currentColor", "stroke-width": "5", "stroke-miterlimit": "10" }))));
|
|
2489
2489
|
}
|
|
2490
2490
|
};
|
|
2491
2491
|
SdLoadingSpinner.style = sdLoadingSpinnerCss();
|
|
@@ -2750,17 +2750,17 @@ const SdNumberInput = class {
|
|
|
2750
2750
|
const inputStyles = {
|
|
2751
2751
|
textAlign: this.useButton ? 'center' : 'right',
|
|
2752
2752
|
};
|
|
2753
|
-
return (h(Host, { key: '
|
|
2753
|
+
return (h(Host, { key: '00862eac1b5ac354058dfc63ac7cbae7ea675c2e', style: inputWidth, onFocus: this.handleFocus, onBlur: this.handleBlur }, this.useButton ? 'use buttons' : 'dont use buttons', this.label && h("div", { key: '368ea9ee71d69fccd1f4793e990b1345e7d87cfe', class: "sd-number-input__label" }, this.label), h("label", { key: '0f8d107bc23e308d6e9523f04199eccc39bd1268', class: {
|
|
2754
2754
|
'sd-number-input': true,
|
|
2755
2755
|
[this.getInputStatus()]: true,
|
|
2756
2756
|
'sd-number-input--with-buttons': this.useButton,
|
|
2757
|
-
}, onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false), style: this.inputStyle }, h("input", { key: '
|
|
2757
|
+
}, onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false), style: this.inputStyle }, h("input", { key: '7f6f4a677ba9460ea022ae2060a73872123d19be', ref: el => (this.nativeEl = el), class: `sd-number-input__input ${this.inputClass}`, type: "text", inputMode: "numeric", value: this.displayValue, placeholder: this.placeholder, disabled: this.disabled, readonly: this.readonly, autofocus: this.autoFocus, onInput: this.handleInput, onChange: this.handleChange, onKeyDown: this.handleKeyDown, style: inputStyles }), this.useButton && (h("div", { key: 'fd85f670c841fd7aee190fa040b4e228af3075a6', class: "sd-number-input__buttons" }, h("button", { key: 'c49d7ca15872cf5dc9fa6e46a3a7bca02a10d4d1', type: "button", class: {
|
|
2758
2758
|
'sd-number-input__button': true,
|
|
2759
2759
|
'sd-number-input__button--decrement': true,
|
|
2760
|
-
}, disabled: this.isDecrementDisabled(), onClick: this.handleDecrement, tabindex: -1 }, h("sd-icon", { key: '
|
|
2760
|
+
}, disabled: this.isDecrementDisabled(), onClick: this.handleDecrement, tabindex: -1 }, h("sd-icon", { key: '9fe03669015bbac1704f06bcacf8625c6937253d', name: "minus", size: 12, color: this.isDecrementDisabled() ? '#CCCCCC' : '#2D8DFF' })), h("button", { key: '98ea1cc55299f03e1689bb9becc6e87ab5720d7a', type: "button", class: {
|
|
2761
2761
|
'sd-number-input__button': true,
|
|
2762
2762
|
'sd-number-input__button--increment': true,
|
|
2763
|
-
}, disabled: this.isIncrementDisabled(), onClick: this.handleIncrement, tabindex: -1 }, h("sd-icon", { key: '
|
|
2763
|
+
}, disabled: this.isIncrementDisabled(), onClick: this.handleIncrement, tabindex: -1 }, h("sd-icon", { key: 'b6d446dfdd0435b8c991901a2cb100af4ae4d8b5', name: "add", size: 12, color: this.isIncrementDisabled() ? '#CCCCCC' : '#2D8DFF' })))))));
|
|
2764
2764
|
}
|
|
2765
2765
|
static get watchers() { return {
|
|
2766
2766
|
"value": ["valueChanged"],
|
|
@@ -2843,12 +2843,12 @@ const SdPagination = class {
|
|
|
2843
2843
|
}
|
|
2844
2844
|
}
|
|
2845
2845
|
render() {
|
|
2846
|
-
return (h("div", { key: '
|
|
2846
|
+
return (h("div", { key: '0a55eddc4c434d3a7dc6afaa2386e68a6767300e', class: this.paginationClasses }, h("div", { key: '8bb73906c74f1a8646286d0858ab6276531e4bd9', class: "prepend-btns" }, this.renderPrevButtons()), this.simple ? (h("div", { class: "pagination-info" }, h("span", { class: "current-page" }, this.currentPage), h("span", null, "/"), h("span", { class: "last-page" }, this.lastPage))) : (this.pageNumbers.map(n => (h("button", { type: "button", "aria-current": this.currentPage === n ? 'page' : undefined, class: {
|
|
2847
2847
|
'pagination-btn': true,
|
|
2848
2848
|
'pagination-btn--selected': this.currentPage === n,
|
|
2849
2849
|
}, disabled: this.currentPage === n, style: {
|
|
2850
2850
|
'--pagination-btn-width': `${this.buttonWidth}px`,
|
|
2851
|
-
}, onClick: () => this.handlePageChange(n) }, n)))), h("div", { key: '
|
|
2851
|
+
}, onClick: () => this.handlePageChange(n) }, n)))), h("div", { key: '2f6945f41f351153a9c182262ecef8c96d0ec1eb', class: "append-btns" }, this.renderNextButtons())));
|
|
2852
2852
|
}
|
|
2853
2853
|
};
|
|
2854
2854
|
SdPagination.style = sdPaginationCss();
|
|
@@ -2971,7 +2971,7 @@ const SdPortal = class {
|
|
|
2971
2971
|
this.sdClose.emit();
|
|
2972
2972
|
}
|
|
2973
2973
|
render() {
|
|
2974
|
-
return h("slot", { key: '
|
|
2974
|
+
return h("slot", { key: '05a54c512300d0616811e11a795170490feff876' });
|
|
2975
2975
|
}
|
|
2976
2976
|
};
|
|
2977
2977
|
|
|
@@ -3731,7 +3731,7 @@ const SdSelectOption = class {
|
|
|
3731
3731
|
}
|
|
3732
3732
|
};
|
|
3733
3733
|
render() {
|
|
3734
|
-
return (h(Host, { key: '
|
|
3734
|
+
return (h(Host, { key: 'cfb999f7001240e6bd5dc302b24aade477671f74' }, h("div", { key: '053e073fee23e99bd23a9b9fa95cb9ddabf9d6bf', class: {
|
|
3735
3735
|
'sd-select__option': true,
|
|
3736
3736
|
'sd-select__option--selected': this.isSelected,
|
|
3737
3737
|
'sd-select__option--disabled': !!this.option.disabled,
|
|
@@ -3799,7 +3799,7 @@ const SdSelectOptionGroup = class {
|
|
|
3799
3799
|
}
|
|
3800
3800
|
};
|
|
3801
3801
|
render() {
|
|
3802
|
-
return (h("div", { key: '
|
|
3802
|
+
return (h("div", { key: 'ed43a2fa2ae5b182f1c99b272126fb3629617681', class: {
|
|
3803
3803
|
'sd-select__option-group': true,
|
|
3804
3804
|
'sd-select__option-group--selected': !!this.isSelected,
|
|
3805
3805
|
'sd-select__option-group--disabled': !!this.option.disabled,
|
|
@@ -3808,10 +3808,10 @@ const SdSelectOptionGroup = class {
|
|
|
3808
3808
|
'sd-select__option-group--group': this.option.type === 'group',
|
|
3809
3809
|
'sd-select__option-group--subgroup': this.option.type === 'subgroup',
|
|
3810
3810
|
'sd-select__option-group--item': this.option.type === 'item',
|
|
3811
|
-
}, onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false), style: this.optionStyle, "data-index": this.index, onClick: event => this.handleClick(this.option, this.isSelected, event) }, h("div", { key: '
|
|
3811
|
+
}, onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false), style: this.optionStyle, "data-index": this.index, onClick: event => this.handleClick(this.option, this.isSelected, event) }, h("div", { key: '97de3f6a855bf737cbaa5f23f7986b2c5ee10c52', class: "sd-select__option-group__label-wrapper" }, this.useCheckbox && (h("sd-checkbox", { key: '7d8814dc060dd769f100be09d87edcc440cbf93d', checked: this.isSelected, disabled: this.option.disabled, onClick: e => {
|
|
3812
3812
|
e.preventDefault();
|
|
3813
3813
|
this.handleClick(this.option, this.isSelected, e);
|
|
3814
|
-
} })), h("span", { key: '
|
|
3814
|
+
} })), h("span", { key: '8fd8bf56260bf49f42a0cb205868a45912e5a4de', class: "sd-select__option-group-label" }, this.option.label), this.useIndicator && this.option.type !== 'item' && (h("span", { key: 'eaa10fa1f13f4f6bc48b22967b1b31a2e894865c', class: "sd-select__option-group__count-indicator" }, `(${this.countInfo?.selectedCount}/${this.countInfo?.totalCount})`)))));
|
|
3815
3815
|
}
|
|
3816
3816
|
};
|
|
3817
3817
|
SdSelectOptionGroup.style = sdSelectOptionGroupCss();
|
|
@@ -3840,17 +3840,17 @@ const SdSelectSearchInput = class {
|
|
|
3840
3840
|
input?.focus({ preventScroll: true });
|
|
3841
3841
|
}
|
|
3842
3842
|
render() {
|
|
3843
|
-
return (h("div", { key: '
|
|
3843
|
+
return (h("div", { key: '6d05eba9ab9a951d126f703ec9366d8b425581b7', class: {
|
|
3844
3844
|
'sd-select-search-input': true,
|
|
3845
3845
|
'sd-select-search-input--scrolled': !!this.isScrolled,
|
|
3846
|
-
}, onClick: event => event.stopPropagation() }, h("sd-input", { key: '
|
|
3846
|
+
}, onClick: event => event.stopPropagation() }, h("sd-input", { key: 'e00b8cab50be8a096893c4cb4aceff0446cbfde4', ref: el => (this.searchRef = el), value: this.searchText, placeholder: "\uAC80\uC0C9", clearable: true, inputStyle: { 'padding-left': '8px' }, autofocus: true, onSdInput: event => {
|
|
3847
3847
|
this.sdSearchInput.emit(String(event?.detail));
|
|
3848
3848
|
}, onSdFocus: () => {
|
|
3849
3849
|
this.sdSearchFocus.emit();
|
|
3850
3850
|
}, onKeyDown: event => {
|
|
3851
3851
|
if (event.code === 'Enter')
|
|
3852
3852
|
event.stopPropagation();
|
|
3853
|
-
} }, h("sd-icon", { key: '
|
|
3853
|
+
} }, h("sd-icon", { key: '951178d9cbe80fc944e708207b57949ecd6ed8fc', name: "search", size: 16, color: "#737373", style: { marginRight: '4px' }, slot: "prefix" }))));
|
|
3854
3854
|
}
|
|
3855
3855
|
};
|
|
3856
3856
|
SdSelectSearchInput.style = sdSelectSearchInputCss();
|
|
@@ -4722,7 +4722,7 @@ const SdToggle = class {
|
|
|
4722
4722
|
this.sdChange.emit(newValue);
|
|
4723
4723
|
};
|
|
4724
4724
|
render() {
|
|
4725
|
-
return (h("label", { key: '
|
|
4725
|
+
return (h("label", { key: 'ba2398d6eb054c00c526ab1ada37b09e4d6602a3', "aria-checked": this.isChecked.toString(), "aria-disabled": this.disabled.toString(), role: "switch", "aria-label": this.label || 'toggle', class: this.toggleClasses }, h("input", { key: 'b7da299e1dacd7d41bc1cd72d5bc135d5ecd52fd', type: "checkbox", checked: this.isChecked, disabled: this.disabled, onInput: this.handleChange }), this.label && h("span", { key: 'b6ddc87485036dee698eb099d7343edd4163d7b0', class: "sd-toggle__label" }, this.label), h("div", { key: '2439852af329488d50907ee132a6fd819129a6a0', class: "sd-toggle__track" }, h("div", { key: '72114f2bec9e0372b05d90df8099dc9aad812e3d', class: "sd-toggle__thumb" }))));
|
|
4726
4726
|
}
|
|
4727
4727
|
};
|
|
4728
4728
|
SdToggle.style = sdToggleCss();
|
|
@@ -4766,7 +4766,7 @@ const SdToggleButton = class {
|
|
|
4766
4766
|
this.sdChange.emit(newValue);
|
|
4767
4767
|
};
|
|
4768
4768
|
render() {
|
|
4769
|
-
return (h("label", { key: '
|
|
4769
|
+
return (h("label", { key: '54d45d11b3944c61147d5bd0fa68078aa28737f1', class: this.buttonClasses, role: "button", "aria-pressed": this.isActive.toString(), "aria-disabled": this.disabled.toString(), "aria-label": this.label || 'toggle button' }, this.label, h("input", { key: 'cafb7edbcaead5e487b756a006cfee9b9d890558', style: { display: 'none' }, type: "checkbox", onInput: this.handleChange })));
|
|
4770
4770
|
}
|
|
4771
4771
|
};
|
|
4772
4772
|
SdToggleButton.style = sdToggleButtonCss();
|
|
@@ -4819,20 +4819,20 @@ const SdTooltip = class {
|
|
|
4819
4819
|
: {
|
|
4820
4820
|
onClick: () => (this.showTooltip = !this.showTooltip),
|
|
4821
4821
|
};
|
|
4822
|
-
return (h(Fragment, { key: '
|
|
4822
|
+
return (h(Fragment, { key: '1016ad941100e902068b5a7d7773a2dbf7ab0667' }, this.label ? (h("sd-button", { ref: el => (this.buttonEl = el), label: this.label, icon: this.icon, size: this.buttonSize, color: this.color, variant: this.buttonVariant, class: "sd-tooltip", ...handleTrigger })) : (h("sd-icon", { ref: el => (this.buttonEl = el), name: this.icon, size: this.iconSize, color: this.color, class: "sd-tooltip", ...handleTrigger })), this.showTooltip && (h("sd-tooltip-portal", { key: '8370b55d3bafa7a5ca429ee17c7555cfdb9e51a2', parentRef: this.buttonEl, onSdClose: () => this.handleClose(), placement: this.placement }, h("div", { key: '94a8d13f88050792b3e307901c2545995d92fdaf', class: {
|
|
4823
4823
|
'sd-tooltip-menu': true,
|
|
4824
4824
|
[`sd-tooltip-menu--${this.type}`]: true,
|
|
4825
4825
|
[`sd-tooltip-menu--${this.placement}`]: true,
|
|
4826
4826
|
'sd-tooltip-menu--with-close': this.useClose,
|
|
4827
4827
|
[`bg-${SdTooltip.COLOR_OF_TYPE[this.type].background}`]: true,
|
|
4828
4828
|
[`text-${SdTooltip.COLOR_OF_TYPE[this.type].text}`]: true,
|
|
4829
|
-
} }, h("i", { key: '
|
|
4829
|
+
} }, h("i", { key: 'b13f215dc7f51af86e7748a0ac565f62cbd936ef', class: `sd-tooltip-menu__arrow sd-tooltip-menu__arrow--${this.placement}` }, h(TooltipArrow, { key: 'a043ccc525e18baed8c9b4d5cdd7651c4600b4e4', class: {
|
|
4830
4830
|
[`text-${SdTooltip.COLOR_OF_TYPE[this.type].background}`]: true,
|
|
4831
|
-
} })), h("div", { key: '
|
|
4831
|
+
} })), h("div", { key: '60e67cc4620b07153a8cef098446e0a292f08230', class: "sd-tooltip-menu__content", ref: el => {
|
|
4832
4832
|
if (el && this.slotContent && !el.hasChildNodes()) {
|
|
4833
4833
|
el.appendChild(this.slotContent.cloneNode(true));
|
|
4834
4834
|
}
|
|
4835
|
-
} }, !this.slotContent && h("span", { key: '
|
|
4835
|
+
} }, !this.slotContent && h("span", { key: 'e2e2afd2e2607be01d474c9329cd15b280214cd0' }, this.el.textContent)), this.useClose && (h("div", { key: '25962f34a91f8838e32c25529cacf048b2bbcf6b', class: "sd-tooltip-menu__close-button" }, h("button", { key: '5e37a4c9bace03a0c2a26edb0125ac0f25c65784', type: "button", "aria-label": "Close tooltip", title: "Close tooltip", onClick: () => this.handleClose() }, h("sd-icon", { key: 'ed7c97b16a507b8fad10d58f4e5a38061517b88a', name: "close", size: "12", color: "#AAAAAA" })))))))));
|
|
4836
4836
|
}
|
|
4837
4837
|
};
|
|
4838
4838
|
SdTooltip.style = sdTooltipCss();
|
|
@@ -4986,7 +4986,7 @@ const SdTooltipPortal = class {
|
|
|
4986
4986
|
this.sdClose.emit();
|
|
4987
4987
|
}
|
|
4988
4988
|
render() {
|
|
4989
|
-
return h("slot", { key: '
|
|
4989
|
+
return h("slot", { key: 'f26d3228d5c0965c2303e599259a6e93307009dc' });
|
|
4990
4990
|
}
|
|
4991
4991
|
};
|
|
4992
4992
|
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host } from './index-7X2nzJWz.js';
|
|
2
2
|
|
|
3
|
-
const sdCardCss = () => `sd-card{display:block;height:fit-content
|
|
3
|
+
const sdCardCss = () => `sd-card{display:block;height:fit-content;border-radius:8px}sd-card.sd-card--bordered{border:1px solid #e1e1e1}`;
|
|
4
4
|
|
|
5
5
|
const SdCard = class {
|
|
6
6
|
constructor(hostRef) {
|
|
7
7
|
registerInstance(this, hostRef);
|
|
8
8
|
}
|
|
9
9
|
bordered = true;
|
|
10
|
-
|
|
10
|
+
cardClassName = '';
|
|
11
11
|
render() {
|
|
12
|
-
return (h(Host, { key: '
|
|
12
|
+
return (h(Host, { key: '3182001dcfc5347e3995a31d8e333e01f285df5a', class: `sd-card ${this.bordered ? 'sd-card--bordered' : ''} ${this.cardClassName}` }, h("slot", { key: 'e2824b9cd65b9c4ba668f7f3ba933a361405b822' })));
|
|
13
13
|
}
|
|
14
14
|
};
|
|
15
15
|
SdCard.style = sdCardCss();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sd-card.entry.js","sources":["src/components/sd-card/sd-card.scss?tag=sd-card","src/components/sd-card/sd-card.tsx"],"sourcesContent":["@import 'variables';\n\nsd-card {\n display: block;\n height: fit-content;\n\n
|
|
1
|
+
{"version":3,"file":"sd-card.entry.js","sources":["src/components/sd-card/sd-card.scss?tag=sd-card","src/components/sd-card/sd-card.tsx"],"sourcesContent":["@import 'variables';\n\nsd-card {\n display: block;\n height: fit-content;\n\n border-radius: 8px;\n\n &.sd-card--bordered {\n border: 1px solid $grey_30;\n }\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'sd-card',\n styleUrl: 'sd-card.scss',\n})\nexport class SdCard {\n @Prop() bordered: boolean = true;\n @Prop() cardClassName?: string = '';\n\n render() {\n return (\n <Host class={`sd-card ${this.bordered ? 'sd-card--bordered' : ''} ${this.cardClassName}`}>\n <slot></slot>\n </Host>\n );\n }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,SAAS,GAAG,MAAM,CAAC,8GAA8G,CAAC;;MCM3H,MAAM,GAAA,MAAA;;;;IACV,QAAQ,GAAY,IAAI;IACxB,aAAa,GAAY,EAAE;IAEnC,MAAM,GAAA;AACL,QAAA,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,WAAW,IAAI,CAAC,QAAQ,GAAG,mBAAmB,GAAG,EAAE,IAAI,IAAI,CAAC,aAAa,CAAE,CAAA,EAAA,EACvF,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACP;;;;;;;"}
|