@sellmate/design-system 0.0.53 → 0.0.54
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_21.cjs.entry.js → sd-button_23.cjs.entry.js} +591 -80
- 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 +266 -0
- package/dist/cjs/sd-tbody_3.cjs.entry.js +3 -3
- package/dist/cjs/sd-td.cjs.entry.js +2 -2
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/sd-number-input/sd-number-input.css +128 -0
- package/dist/collection/components/sd-number-input/sd-number-input.js +744 -0
- package/dist/collection/components/sd-number-input/sd-number-input.js.map +1 -0
- 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-multiple/sd-select-multiple.js +2 -2
- package/dist/collection/components/sd-select-multiple-group/sd-select-multiple-group.css +5 -0
- package/dist/collection/components/sd-select-multiple-group/sd-select-multiple-group.js +91 -42
- package/dist/collection/components/sd-select-multiple-group/sd-select-multiple-group.js.map +1 -1
- 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-CYadUxId.js → p-BBNolp5g.js} +3 -3
- package/dist/components/{p-CYadUxId.js.map → p-BBNolp5g.js.map} +1 -1
- package/dist/components/{p-71Aop19u.js → p-BH3t01Im.js} +5 -5
- package/dist/components/{p-71Aop19u.js.map → p-BH3t01Im.js.map} +1 -1
- package/dist/components/{p-Be8w5kOo.js → p-BqxmCDlz.js} +7 -7
- package/dist/components/{p-Be8w5kOo.js.map → p-BqxmCDlz.js.map} +1 -1
- package/dist/components/{p-B13lOU0D.js → p-C5T02a4h.js} +4 -4
- package/dist/components/{p-B13lOU0D.js.map → p-C5T02a4h.js.map} +1 -1
- package/dist/components/{p-Cf-LyLYk.js → p-CEDtmtIo.js} +3 -3
- package/dist/components/{p-Cf-LyLYk.js.map → p-CEDtmtIo.js.map} +1 -1
- package/dist/components/{p-DP33nj_I.js → p-Cx3euWvk.js} +3 -3
- package/dist/components/{p-DP33nj_I.js.map → p-Cx3euWvk.js.map} +1 -1
- package/dist/components/{p-ChQIkICO.js → p-DdeknsBE.js} +3 -3
- package/dist/components/{p-ChQIkICO.js.map → p-DdeknsBE.js.map} +1 -1
- package/dist/components/{p-j-ZEdgz4.js → p-GHGGjwP3.js} +3 -3
- package/dist/components/{p-j-ZEdgz4.js.map → p-GHGGjwP3.js.map} +1 -1
- package/dist/components/{p-B4wWf5r8.js → p-XAhTfI7Q.js} +4 -4
- package/dist/components/{p-B4wWf5r8.js.map → p-XAhTfI7Q.js.map} +1 -1
- package/dist/components/{p-CVtij2QI.js → p-at_j60O8.js} +3 -3
- package/dist/components/{p-CVtij2QI.js.map → p-at_j60O8.js.map} +1 -1
- package/dist/components/sd-date-picker.js +1 -1
- package/dist/components/sd-date-range-picker.js +1 -1
- package/dist/components/sd-guide.js +1 -1
- package/dist/components/sd-number-input.d.ts +11 -0
- package/dist/components/sd-number-input.js +335 -0
- package/dist/components/sd-number-input.js.map +1 -0
- package/dist/components/sd-pagination.js +1 -1
- package/dist/components/sd-popover.js +3 -3
- package/dist/components/sd-portal.js +1 -1
- package/dist/components/sd-progress.js +2 -2
- package/dist/components/sd-select-multiple-group.js +74 -45
- package/dist/components/sd-select-multiple-group.js.map +1 -1
- package/dist/components/sd-select-multiple.js +4 -4
- package/dist/components/sd-select-option-group.js +1 -1
- package/dist/components/sd-select-option.js +1 -1
- package/dist/components/sd-select.js +1 -1
- package/dist/components/sd-table-backup.js +6 -6
- package/dist/components/sd-table.js +9 -9
- 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-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-26266f8c.entry.js +2 -0
- package/dist/design-system/p-2df41cc3.entry.js +2 -0
- package/dist/design-system/p-2df41cc3.entry.js.map +1 -0
- package/dist/design-system/p-3cc7957d.entry.js +2 -0
- package/dist/design-system/p-a18c202d.entry.js +2 -0
- package/dist/design-system/{p-0cbdb34f.entry.js → p-b0668ce9.entry.js} +2 -2
- package/dist/design-system/{p-d02b3369.entry.js → p-f9e04bf9.entry.js} +2 -2
- package/dist/design-system/p-f9e04bf9.entry.js.map +1 -0
- package/dist/esm/design-system.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{sd-button_21.entry.js → sd-button_23.entry.js} +589 -80
- 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 +264 -0
- package/dist/esm/sd-select-multiple.entry.js.map +1 -0
- package/dist/esm/sd-tbody_3.entry.js +3 -3
- package/dist/esm/sd-td.entry.js +2 -2
- package/dist/types/components/sd-number-input/sd-number-input.d.ts +58 -0
- package/dist/types/components/sd-select-multiple-group/sd-select-multiple-group.d.ts +2 -0
- package/dist/types/components.d.ts +145 -0
- package/hydrate/index.js +407 -68
- package/hydrate/index.mjs +407 -68
- package/package.json +1 -1
- package/dist/cjs/sd-select-multiple-group.cjs.entry.js +0 -406
- package/dist/cjs/sd-select-option-group.cjs.entry.js +0 -69
- package/dist/design-system/p-1e7a06ef.entry.js +0 -2
- package/dist/design-system/p-761882f5.entry.js +0 -2
- package/dist/design-system/p-790ae9ce.entry.js +0 -2
- package/dist/design-system/p-790ae9ce.entry.js.map +0 -1
- package/dist/design-system/p-a8e8fc17.entry.js +0 -2
- package/dist/design-system/p-d02b3369.entry.js.map +0 -1
- package/dist/design-system/p-e492d625.entry.js +0 -2
- package/dist/design-system/p-e492d625.entry.js.map +0 -1
- package/dist/esm/sd-select-multiple-group.entry.js +0 -404
- package/dist/esm/sd-select-multiple-group.entry.js.map +0 -1
- package/dist/esm/sd-select-option-group.entry.js +0 -67
- package/dist/esm/sd-select-option-group.entry.js.map +0 -1
- /package/dist/design-system/{p-1e7a06ef.entry.js.map → p-26266f8c.entry.js.map} +0 -0
- /package/dist/design-system/{p-761882f5.entry.js.map → p-3cc7957d.entry.js.map} +0 -0
- /package/dist/design-system/{p-a8e8fc17.entry.js.map → p-a18c202d.entry.js.map} +0 -0
- /package/dist/design-system/{p-0cbdb34f.entry.js.map → p-b0668ce9.entry.js.map} +0 -0
|
@@ -4,12 +4,12 @@ import { d as defineCustomElement$b } from './p-C7kMNSz9.js';
|
|
|
4
4
|
import { d as defineCustomElement$a } from './p-CV5tKC24.js';
|
|
5
5
|
import { d as defineCustomElement$9 } from './p-DY9yCaP9.js';
|
|
6
6
|
import { d as defineCustomElement$8 } from './p-CLMeZVRV.js';
|
|
7
|
-
import { d as defineCustomElement$7 } from './p-
|
|
8
|
-
import { d as defineCustomElement$6 } from './p-
|
|
9
|
-
import { d as defineCustomElement$5 } from './p-
|
|
10
|
-
import { d as defineCustomElement$4 } from './p-
|
|
11
|
-
import { d as defineCustomElement$3 } from './p-
|
|
12
|
-
import { d as defineCustomElement$2 } from './p-
|
|
7
|
+
import { d as defineCustomElement$7 } from './p-XAhTfI7Q.js';
|
|
8
|
+
import { d as defineCustomElement$6 } from './p-BBNolp5g.js';
|
|
9
|
+
import { d as defineCustomElement$5 } from './p-C5T02a4h.js';
|
|
10
|
+
import { d as defineCustomElement$4 } from './p-GHGGjwP3.js';
|
|
11
|
+
import { d as defineCustomElement$3 } from './p-BqxmCDlz.js';
|
|
12
|
+
import { d as defineCustomElement$2 } from './p-Cx3euWvk.js';
|
|
13
13
|
|
|
14
14
|
const sdTableBackupCss = () => `.sd-table__wrapper .sd-table__container .sd-table__middle{overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar{opacity:0;background:#e5e5e5}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar:horizontal{height:8px}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar:vertical{width:8px}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar-thumb{height:80px;background-color:#cccccc;border-radius:4px}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar-track{background-color:transparent}.sd-table__wrapper{height:var(--table-height, auto);width:var(--table-width, 100%);color:#222222}.sd-table__wrapper .sd-table__container{width:100%;height:var(--table-container-height, auto);position:relative;border:1px solid #e1e1e1;border-radius:8px;font-size:12px;overflow:hidden;background:#ffffff}.sd-table__wrapper .sd-table__container .sd-table__middle{overflow:auto;will-change:scroll-position;min-height:var(--table-container-height, auto)}.sd-table__wrapper .sd-table__container .sd-table__middle--scrollable{height:var(--table-container-height, auto)}.sd-table__wrapper .sd-table__container .sd-table__middle--loading{overflow:hidden !important;pointer-events:none}.sd-table__wrapper .sd-table__container .sd-table__middle--loading__spinner{position:absolute;top:0;left:0;width:100%;height:var(--table-container-height, 100%);min-height:var(--table-container-height, 100%);background:rgba(255, 255, 255, 0.6);z-index:200;display:flex;align-items:center;justify-content:center}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table{background-color:white;display:table;width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody.sd-table-tbody--virtual-scroll{position:relative;height:var(--total-virtual-height, --table-container-height, auto)}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody.sd-table-tbody--virtual-scroll tr:not([aria-hidden=true]){width:100%}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody.sd-table-tbody--virtual-scroll tr[aria-hidden=true]{padding:0;border:none}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody.sd-table-tbody--virtual-scroll tr[aria-hidden=true]:not(.sd-table__virtual-row-spacer) td{display:none}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--selectable td.sd-td--selected,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--selectable th.sd-th--selected{width:52px !important;max-width:52px !important;min-width:52px !important;padding:0 10px 0 24px;text-align:left}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-header thead{position:sticky;top:0;z-index:120}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column th.sticky-left,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column th.sticky-right{position:sticky;background-color:#f5faff;z-index:110 !important}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column td.sticky-left,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column td.sticky-right{position:sticky;background-color:white;z-index:100 !important}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column .sticky-left{left:var(--sticky-left-offset, 0)}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column .sticky-right{right:var(--sticky-right-offset, 0)}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column th.sticky-cell{position:sticky;z-index:102;background-color:#f5faff}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column td.sticky-cell{position:sticky;z-index:101;background-color:white}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left th.sticky-left-edge,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left td.sticky-left-edge{overflow:visible}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left th.sticky-left-edge:after,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left td.sticky-left-edge:after{content:"";position:absolute;top:0;left:100%;right:-20px;width:20px;height:100%;z-index:101 !important;box-shadow:inset 12px 0 20px -25px;opacity:1;pointer-events:none}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right th.sticky-right-edge,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right td.sticky-right-edge{overflow:visible}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right th.sticky-right-edge:after,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right td.sticky-right-edge:after{content:"";position:absolute;top:0;left:-20px;width:20px;height:100%;z-index:101 !important;box-shadow:inset -12px 0 20px -25px;opacity:1;pointer-events:none}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--no-data thead{opacity:0.4}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--no-data thead tr th.sd-th{border-bottom:1px solid rgba(225, 225, 225, 0.4) !important}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table sd-td,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table sd-th,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table .sd-th__content--label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead{height:36px}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr{width:100%}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th{background:#f5faff;height:36px;padding:0 16px;font-weight:500;vertical-align:middle;border-bottom:1px solid #e1e1e1;-webkit-user-select:none;user-select:none;position:relative}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content{display:flex;flex-flow:row nowrap;align-items:center;gap:4px}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content--left{justify-content:flex-start}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content--center{justify-content:center}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content--right{justify-content:flex-end}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__resizer{position:absolute;top:50%;right:0;transform:translateY(-50%);width:4px;height:16px;cursor:col-resize;z-index:3;border-left:1px solid #cccccc;border-right:1px solid #cccccc}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr td{height:44px;padding:0 16px;border-bottom:1px solid #e1e1e1;background:white;vertical-align:middle}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr td.sd-td--left{text-align:left}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr td.sd-td--center{text-align:center}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr td.sd-td--right{text-align:right}.sd-table__wrapper .sd-table__container .sd-table__bottom{background:white;text-align:center}.sd-table__wrapper .sd-table__container .sd-table__bottom .sd-table__no-data{padding-top:15%;color:#888888}.sd-table__wrapper .sd-table__pagination{position:relative;background:#f9f9f9;height:48px;display:flex;align-items:center;justify-content:center;border:1px solid #e1e1e1;border-top:none;border-radius:8px}.sd-table__wrapper .sd-table__pagination sd-select{position:absolute;right:10px;top:50%;transform:translateY(-50%)}.sd-table__wrapper .sd-table__virtual-spacer,.sd-table__wrapper .sd-table__virtual-row-spacer{padding:0 !important}.sd-table__wrapper .sd-table__virtual-spacer td,.sd-table__wrapper .sd-table__virtual-row-spacer td{padding:0 !important;border:none}.sd-table__wrapper .sd-table__virtual-spacer .sd-table__skeleton,.sd-table__wrapper .sd-table__virtual-row-spacer .sd-table__skeleton{width:100%;height:100%;background-image:repeating-linear-gradient(0deg, rgba(246, 246, 246, 0.3) 0px, rgba(225, 225, 225, 0.5) calc(var(--row-height, 44px) / 2), rgba(246, 246, 246, 0.3) var(--row-height, 44px));background-size:100% 200%;animation:skeleton-loading 1.5s ease-in-out infinite;position:relative}.sd-table__wrapper .sd-table__virtual-spacer .sd-table__skeleton::before,.sd-table__wrapper .sd-table__virtual-row-spacer .sd-table__skeleton::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(to bottom, transparent 0, transparent calc(var(--row-height, 44px) - 1px), #e1e1e1 calc(var(--row-height, 44px) - 1px), #e1e1e1 var(--row-height, 44px));pointer-events:none}.sd-table__wrapper .sd-table__skeleton-cell{width:100%;height:20px;background:linear-gradient(90deg, rgba(246, 246, 246, 0.3) 0%, rgba(225, 225, 225, 0.5) 50%, rgba(246, 246, 246, 0.3) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:4px}@keyframes skeleton-loading{0%{background-position:0% 0%}50%{background-position:100% 100%}100%{background-position:0% 0%}}`;
|
|
15
15
|
|
|
@@ -3,15 +3,15 @@ import { d as defineCustomElement$e } from './p-B05GJor3.js';
|
|
|
3
3
|
import { d as defineCustomElement$d } from './p-C7kMNSz9.js';
|
|
4
4
|
import { d as defineCustomElement$c } from './p-CV5tKC24.js';
|
|
5
5
|
import { d as defineCustomElement$b } from './p-DY9yCaP9.js';
|
|
6
|
-
import { d as defineCustomElement$a } from './p-
|
|
7
|
-
import { d as defineCustomElement$9 } from './p-
|
|
8
|
-
import { d as defineCustomElement$8 } from './p-
|
|
9
|
-
import { d as defineCustomElement$7 } from './p-
|
|
10
|
-
import { d as defineCustomElement$6 } from './p-
|
|
11
|
-
import { d as defineCustomElement$5 } from './p-
|
|
12
|
-
import { d as defineCustomElement$4 } from './p-
|
|
13
|
-
import { d as defineCustomElement$3 } from './p-
|
|
14
|
-
import { d as defineCustomElement$2 } from './p-
|
|
6
|
+
import { d as defineCustomElement$a } from './p-XAhTfI7Q.js';
|
|
7
|
+
import { d as defineCustomElement$9 } from './p-BBNolp5g.js';
|
|
8
|
+
import { d as defineCustomElement$8 } from './p-C5T02a4h.js';
|
|
9
|
+
import { d as defineCustomElement$7 } from './p-GHGGjwP3.js';
|
|
10
|
+
import { d as defineCustomElement$6 } from './p-CEDtmtIo.js';
|
|
11
|
+
import { d as defineCustomElement$5 } from './p-at_j60O8.js';
|
|
12
|
+
import { d as defineCustomElement$4 } from './p-BqxmCDlz.js';
|
|
13
|
+
import { d as defineCustomElement$3 } from './p-Cx3euWvk.js';
|
|
14
|
+
import { d as defineCustomElement$2 } from './p-DdeknsBE.js';
|
|
15
15
|
|
|
16
16
|
const sdTableCss = () => `.sd-table__wrapper .sd-table__container .sd-table__middle{overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar{opacity:0;background:#e5e5e5}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar:horizontal{height:8px}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar:vertical{width:8px}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar-thumb{height:80px;background-color:#cccccc;border-radius:4px}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar-track{background-color:transparent}.sd-table__wrapper{height:var(--table-height, auto);width:var(--table-width, 100%);color:#222222}.sd-table__wrapper .sd-table__container{width:100%;height:auto;border:1px solid #e1e1e1;border-radius:8px;font-size:12px;overflow:hidden}.sd-table__wrapper .sd-table__container .sd-table__middle{overflow:auto;will-change:scroll-position;height:var(--table-height, auto)}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table{background-color:white;display:table;width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;position:relative}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--selectable td.sd-td--selected,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--selectable th.sd-th--selected{width:52px !important;max-width:52px !important;min-width:52px !important;padding:0 10px 0 24px;text-align:left}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-header thead{position:sticky;top:0;z-index:120}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column th.sticky-left,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column th.sticky-right{position:sticky;background-color:#f5faff;z-index:110 !important}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column td.sticky-left,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column td.sticky-right{position:sticky;background-color:white;z-index:100 !important}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column .sticky-left{left:var(--sticky-left-offset, 0)}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column .sticky-right{right:var(--sticky-right-offset, 0)}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column th.sticky-cell{position:sticky;z-index:102;background-color:#f5faff}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column td.sticky-cell{position:sticky;z-index:101;background-color:white}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left th.sticky-left-edge,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left td.sticky-left-edge{overflow:visible}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left th.sticky-left-edge:after,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left td.sticky-left-edge:after{content:"";position:absolute;top:0;left:100%;right:-20px;width:20px;height:100%;z-index:101 !important;box-shadow:inset 12px 0 20px -25px;opacity:1;pointer-events:none}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right th.sticky-right-edge,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right td.sticky-right-edge{overflow:visible}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right th.sticky-right-edge:after,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right td.sticky-right-edge:after{content:"";position:absolute;top:0;left:-20px;width:20px;height:100%;z-index:101 !important;box-shadow:inset -12px 0 20px -25px;opacity:1;pointer-events:none}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--no-data thead{opacity:0.4}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--no-data thead tr th.sd-th{border-bottom:1px solid rgba(225, 225, 225, 0.4) !important}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table sd-td,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table sd-th,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table .sd-th__content--label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead{height:36px}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead sd-tr{width:100%}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead sd-tr sd-th{background:#f5faff;height:36px;padding:0 16px;font-weight:500;vertical-align:middle;border-bottom:1px solid #e1e1e1;-webkit-user-select:none;user-select:none;position:relative}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead sd-tr sd-th.sd-th .sd-th__content{display:flex;flex-flow:row nowrap;align-items:center;gap:4px}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead sd-tr sd-th.sd-th .sd-th__content--left{justify-content:flex-start}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead sd-tr sd-th.sd-th .sd-th__content--center{justify-content:center}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead sd-tr sd-th.sd-th .sd-th__content--right{justify-content:flex-end}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead sd-tr sd-th.sd-th .sd-th__resizer{position:absolute;top:50%;right:0;transform:translateY(-50%);width:4px;height:16px;cursor:col-resize;z-index:3;border-left:1px solid #cccccc;border-right:1px solid #cccccc}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table sd-tbody .sd-table__loading{position:absolute;top:0;left:0;width:100%;height:calc(var(--table-height, auto) - 36px);min-height:calc(100% - 36px);background:rgba(255, 255, 255, 0.6);z-index:200;display:flex;align-items:center;justify-content:center}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table sd-tbody sd-tr:last-of-type sd-td{border-bottom:none}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table sd-tbody sd-tr sd-td{height:44px;padding:0 16px;border-bottom:1px solid #e1e1e1;background:white;vertical-align:middle}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table sd-tbody sd-tr sd-td.sd-td--left{text-align:left}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table sd-tbody sd-tr sd-td.sd-td--center{text-align:center}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table sd-tbody sd-tr sd-td.sd-td--right{text-align:right}.sd-table__wrapper .sd-table__container .sd-table__bottom{background:white;text-align:center}.sd-table__wrapper .sd-table__pagination{position:relative;background:#f9f9f9;height:48px;display:flex;align-items:center;justify-content:center;border:1px solid #e1e1e1;border-top:none;border-radius:8px}.sd-table__wrapper .sd-table__pagination sd-select{position:absolute;right:10px;top:50%;transform:translateY(-50%)}`;
|
|
17
17
|
|
package/dist/components/sd-td.js
CHANGED
|
@@ -14,11 +14,11 @@ const SdTd$1 = /*@__PURE__*/ proxyCustomElement(class SdTd extends H {
|
|
|
14
14
|
tdStyle;
|
|
15
15
|
tdClass;
|
|
16
16
|
render() {
|
|
17
|
-
return (h(Host, { key: '
|
|
17
|
+
return (h(Host, { key: '96933d25aa2342e56aaad5a447840bf51b0af078', role: "cell", class: {
|
|
18
18
|
'sd-td': true,
|
|
19
19
|
[`sd-td--${this.align}`]: true,
|
|
20
20
|
[this.tdClass || '']: Boolean(this.tdClass),
|
|
21
|
-
}, style: this.tdStyle }, h("slot", { key: '
|
|
21
|
+
}, style: this.tdStyle }, h("slot", { key: 'd6a500857bfc914b0443c5ced9607e15dc151c7c' })));
|
|
22
22
|
}
|
|
23
23
|
static get style() { return sdTdCss(); }
|
|
24
24
|
}, [772, "sd-td", {
|
package/dist/components/sd-th.js
CHANGED
|
@@ -42,7 +42,7 @@ const SdToggleButton$1 = /*@__PURE__*/ proxyCustomElement(class SdToggleButton e
|
|
|
42
42
|
this.sdChange.emit(newValue);
|
|
43
43
|
};
|
|
44
44
|
render() {
|
|
45
|
-
return (h("label", { key: '
|
|
45
|
+
return (h("label", { key: '4ac2cac1d4b1da4d707f4ce84a03ffc7a8ec7cb8', 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: 'e9a974d34d7b3803b5ed44dc1b2da1199daf5bef', style: { display: 'none' }, type: "checkbox", onInput: this.handleChange })));
|
|
46
46
|
}
|
|
47
47
|
static get style() { return sdToggleButtonCss(); }
|
|
48
48
|
}, [768, "sd-toggle-button", {
|
|
@@ -39,7 +39,7 @@ const SdToggle$1 = /*@__PURE__*/ proxyCustomElement(class SdToggle extends H {
|
|
|
39
39
|
this.sdChange.emit(newValue);
|
|
40
40
|
};
|
|
41
41
|
render() {
|
|
42
|
-
return (h("label", { key: '
|
|
42
|
+
return (h("label", { key: 'dda95f842f686a3f595db6ecb651551f717cab18', "aria-checked": this.isChecked.toString(), "aria-disabled": this.disabled.toString(), role: "switch", "aria-label": this.label || 'toggle', class: this.toggleClasses }, h("input", { key: 'a281a6572b7fca32242ba08ad45984445bd1a009', type: "checkbox", checked: this.isChecked, disabled: this.disabled, onInput: this.handleChange }), this.label && h("span", { key: 'dfae7796e9e421e7d6ebc6e6693e6266b2ff87cd', class: "sd-toggle__label" }, this.label), h("div", { key: 'e4343307f2df5f5c68509a3e9576a811bd9192ff', class: "sd-toggle__track" }, h("div", { key: 'be214081e5ccc21ad306e52ce186ba4dc56c6c3b', class: "sd-toggle__thumb" }))));
|
|
43
43
|
}
|
|
44
44
|
static get style() { return sdToggleCss(); }
|
|
45
45
|
}, [768, "sd-toggle", {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { S as SdTooltipPortal$1, d as defineCustomElement$1 } from './p-
|
|
1
|
+
import { S as SdTooltipPortal$1, d as defineCustomElement$1 } from './p-Cx3euWvk.js';
|
|
2
2
|
|
|
3
3
|
const SdTooltipPortal = SdTooltipPortal$1;
|
|
4
4
|
const defineCustomElement = defineCustomElement$1;
|
package/dist/components/sd-tr.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as e,g as l,b as a}from"./p-7X2nzJWz.js";export{s as setNonce}from"./p-7X2nzJWz.js";var o=()=>{const l=import.meta.url;const a={};if(l!==""){a.resourcesUrl=new URL(".",l).href}return e(a)};o().then((async e=>{await l();return a([["p-fe8721b5",[[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"]}]]],["p-
|
|
1
|
+
import{p as e,g as l,b as a}from"./p-7X2nzJWz.js";export{s as setNonce}from"./p-7X2nzJWz.js";var o=()=>{const l=import.meta.url;const a={};if(l!==""){a.resourcesUrl=new URL(".",l).href}return e(a)};o().then((async e=>{await l();return a([["p-fe8721b5",[[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"]}]]],["p-2df41cc3",[[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"]}]]],["p-ddb5a2f4",[[770,"sd-date-picker",{date:[1],label:[1],selectable:[16],disabled:[4],isOpen:[32],currentDate:[32],currentYear:[32],currentMonth:[32]}]]],["p-db603dcb",[[770,"sd-date-range-picker",{date:[16],label:[1],selectable:[16],maxRange:[2,"max-range"],disabled:[4],isOpen:[32],dateRange:[32],hoverDate:[32],prevYear:[32],prevMonth:[32]}]]],["p-a18c202d",[[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"]}]]],["p-e31182ad",[[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"]}]]],["p-be9c40a3",[[770,"sd-badge",{size:[1],color:[1],label:[1]}]]],["p-6ce950da",[[772,"sd-card",{bordered:[4],class:[1]}]]],["p-b0668ce9",[[768,"sd-progress",{type:[1],status:[1],percentage:[2],size:[2],strokeWidth:[2,"stroke-width"],label:[1]}]]],["p-6b3c33c3",[[768,"sd-radio-button-group",{value:[1544],radioOptions:[1040],size:[1],disabled:[4],name:[1],selectedValue:[32]},null,{value:["valueChanged"]}]]],["p-26266f8c",[[772,"sd-td",{name:[1],align:[1],tdStyle:[16],tdClass:[1,"td-class"]}]]],["p-1fbc8e14",[[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]}]]],["p-3cc7957d",[[260,"sd-tbody"],[260,"sd-th"],[260,"sd-tr"]]],["p-f9e04bf9",[[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]}],[256,"sd-loading-spinner"],[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]}],[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:[4],val:[8],disabled:[4],label:[1],isChecked:[32]},null,{checked:["watchValueHandler"]}],[772,"sd-input",{value:[1032],label:[1],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]}]]]],e)}));
|
|
2
2
|
//# sourceMappingURL=design-system.esm.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as e,h as t,H as s}from"./p-7X2nzJWz.js";const a=()=>`sd-td{display:table-cell;padding:12px 16px;vertical-align:middle;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all}`;const l=class{constructor(t){e(this,t)}name="";align="left";tdStyle;tdClass;render(){return t(s,{key:"96933d25aa2342e56aaad5a447840bf51b0af078",role:"cell",class:{"sd-td":true,[`sd-td--${this.align}`]:true,[this.tdClass||""]:Boolean(this.tdClass)},style:this.tdStyle},t("slot",{key:"d6a500857bfc914b0443c5ced9607e15dc151c7c"}))}};l.style=a();export{l as sd_td};
|
|
2
|
+
//# sourceMappingURL=p-26266f8c.entry.js.map
|
|
@@ -0,0 +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 c=()=>`.sd-select-multiple__dropdown{overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.sd-select-multiple__dropdown::-webkit-scrollbar{opacity:0;background:#e5e5e5}.sd-select-multiple__dropdown::-webkit-scrollbar:horizontal{height:8px}.sd-select-multiple__dropdown::-webkit-scrollbar:vertical{width:8px}.sd-select-multiple__dropdown::-webkit-scrollbar-thumb{height:80px;background-color:#cccccc;border-radius:4px}.sd-select-multiple__dropdown::-webkit-scrollbar-track{background-color:transparent}:host{display:inline-block;height:fit-content;position:relative}.sd-select-multiple{display:flex;flex-wrap:nowrap;width:var(--select-width, 200px);height:28px;cursor:pointer;user-select:none;border:1px solid #aaaaaa;border-radius:4px;background-color:white}.sd-select-multiple:hover:not(.sd-select-multiple--disabled){background:#f6f6f6}.sd-select-multiple.sd-select-multiple--disabled{cursor:not-allowed;background-color:#eeeeee;border-color:#cccccc}.sd-select-multiple.sd-select-multiple--disabled .sd-select-multiple__label{border-right:1px solid #cccccc}.sd-select-multiple.sd-select-multiple--disabled .sd-select-multiple__trigger{color:#888888}.sd-select-multiple.sd-select-multiple--disabled .sd-select-multiple__trigger:focus,.sd-select-multiple.sd-select-multiple--disabled .sd-select-multiple__trigger:focus-visible,.sd-select-multiple.sd-select-multiple--disabled .sd-select-multiple__trigger:focus-within{outline:none !important}.sd-select-multiple__label{font-size:12px;font-weight:500;color:#333333;padding:4px 12px;border-right:1px solid #cccccc;border-radius:4px 0 0 4px;background-color:#f6f6f6}.sd-select-multiple__container{position:relative;width:100%;display:flex}.sd-select-multiple__container .sd-select-multiple__trigger{padding:4px 20px 4px 12px;display:flex;width:100%;align-items:center}.sd-select-multiple__container .sd-select-multiple__trigger .sd-select-multiple__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px;font-size:12px;font-weight:400}.sd-select-multiple__container .sd-select-multiple__trigger .sd-select-multiple__clear{margin:0 4px;width:8px;height:8px;background-color:transparent;outline:none;border:none}.sd-select-multiple__container .sd-select-multiple__arrow{position:absolute;top:8px;right:8px;width:12px;height:12px;color:#888888;transition:transform 0.3s ease}.sd-select-multiple__container .sd-select-multiple__arrow--open{transform:rotate(180deg)}.sd-select-multiple__dropdown{width:var(--select-dropdown-width, 200px);max-height:var(--select-dropdown-height, 260px);padding-bottom:2px;background-color:white;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.1);border-radius:4px;overflow-y:auto;color:#333333}.sd-select-multiple__dropdown .sd-select-multiple__search-container{position:sticky;top:0;display:flex;width:100%;background-color:white;align-items:center;padding:4px 8px;z-index:1}.sd-select-multiple__dropdown .sd-select-multiple__search-container--scrolled{box-shadow:2px 2px 8px 2px rgba(0, 0, 0, 0.2)}.sd-select-multiple__dropdown .sd-select-multiple__option-placeholder{padding:4px 12px;font-size:12px;line-height:20px;text-align:left}`;const n=class extends o{constructor(s){super();e(this,s);this.sdChange=t(this,"sdChange");this.dropDownShow=t(this,"dropDownShow")}get el(){return s(this)}value=null;label="";options=[];placeholder="선택";optionPlaceholder="옵션이 없습니다.";width="200px";dropdownHeight="260px";disabled=false;clearable=false;searchable=false;useCheckbox=false;optionRenderer;filteredOptions=this.options;isOpen=false;searchText=null;itemIndex=-1;isScrolled=false;sdChange;dropDownShow;selectRef;searchRef;optionRef;dropdownRef;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 c=r?r.offsetHeight:0;const n=l+c;const d=l+o;if(s<n){t.scrollTop=s-c}else if(s+i>d){t.scrollTop=s+i-o+c}}render(){const e={"--select-width":this.width||"200px","--select-dropdown-height":this.dropdownHeight||"260px"};return i(l,{key:"b80f1d57e87db4e921436b726cfeac4618a13d6b",style:e},i("div",{key:"43ae0ae2ec83cef2cad1ae59764b5463bb66eda0",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:"8802336bea4e78aa6ccf1a567d238005ff58c29b",class:"sd-select-multiple__container"},this.renderTrigger(),this.renderDropdown())))}renderLabel(e){if(!e)return null;return i("label",{class:"sd-select-multiple__label"},e)}renderTrigger(){const e=this.getSelectedOption();return i("div",{class:"sd-select-multiple__trigger",tabindex:this.disabled?-1:0,onClick:this.handleTriggerClick},i("span",{class:"sd-select-multiple__value"},!e?"선택":e.length?e.map((e=>e.label)).join(", "):this.placeholder),this.clearable&&e?.length>0&&!this.disabled&&i("sd-icon",{key:"close-icon",name:"close",size:10,color:"#888",class:"sd-select-multiple__clear",onClick:e=>{e.stopPropagation();this.value=null}}),i("sd-icon",{key:"arrow-icon",name:"arrowDown",color:"#888",class:{"sd-select-multiple__arrow":true,"sd-select-multiple__arrow--open":this.isOpen}}))}renderDropdown(){if(this.isOpen===false)return null;return i("sd-portal",{open:this.isOpen,parentRef:this.selectRef,onSdClose:this.closeDropdown},i("div",{class:"sd-select-multiple__dropdown",onScroll:this.handleDropdownScroll,ref:e=>this.dropdownRef=e},this.searchable&&i("div",{class:{"sd-select-multiple__search-container":true,"sd-select-multiple__search-container--scrolled":this.isScrolled},onClick:e=>e.stopPropagation()},i("sd-input",{ref:e=>this.searchRef=e,value:this.searchText,placeholder:"검색",clearable:true,inputStyle:{"padding-left":"8px"},autofocus:true,onSdInput:e=>{this.searchText=String(e?.detail)},onSdFocus:()=>{this.itemIndex=-1}},i("sd-icon",{name:"search",size:16,color:"#737373",style:{marginRight:"4px"},slot:"prefix"}))),this.filteredOptions.length>0?this.filteredOptions.map(((e,t)=>i("slot",{name:`option-${e.value}`},i("sd-select-option",{option:e,index:t,isSelected:this.value?.some((t=>t.value===e.value)),isFocused:t===this.itemIndex,onOptionClick:({detail:e})=>this.handleOptionClick(e),useCheckbox:this.useCheckbox})))):i("slot",{name:"option-placeholder"},i("div",{class:"sd-select-multiple__option-placeholder"},this.optionPlaceholder))))}static get watchers(){return{value:["valueChanged"],options:["optionsChanged"],searchText:["searchTextChanged"],itemIndex:["itemIndexChanged"],isOpen:["isOpenChanged"]}}};n.style=c();export{n as sd_select_multiple};
|
|
2
|
+
//# sourceMappingURL=p-2df41cc3.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["registerInstance","createEvent","getElement","h","Host","BaseDropdownEvent","SelectKeyboardNavigation","sdSelectMultipleCss","SdSelectMultiple","constructor","hostRef","super","this","sdChange","dropDownShow","el","value","label","options","placeholder","optionPlaceholder","width","dropdownHeight","disabled","clearable","searchable","useCheckbox","optionRenderer","filteredOptions","isOpen","searchText","itemIndex","isScrolled","selectRef","searchRef","optionRef","dropdownRef","open","valueChanged","emit","optionsChanged","filterOptions","searchTextChanged","itemIndexChanged","newIndex","oldIndex","searchInput","getNativeInputElement","focus","matches","blur","optionElements","Array","from","querySelectorAll","currentItem","isOptionDisabled","isDisabled","scrollToOption","isOpenChanged","onDropdownToggle","selectedOption","getSelectedOption","indexOf","Promise","resolve","setTimeout","connectedCallback","initializeEvent","disconnectedCallback","cleanupEvent","handleDocumentClick","event","contains","target","handleDocumentKeydown","keyboardEvent","stopPropagation","targetKey","includes","key","preventDefault","keyboardNavigation","nextIndex","getNextIndex","handleOptionSelection","handleTriggerClick","handleOptionClick","detail","option","trim","filter","toLowerCase","handleDropdownScroll","scrollTop","getNativeElement","isAlreadySelected","some","opt","closeDropdown","optionElement","dropdown","optionTop","offsetTop","optionHeight","offsetHeight","dropdownScrollTop","clientHeight","searchContainer","querySelector","searchOffset","visibleTop","visibleBottom","render","style","class","ref","renderLabel","renderTrigger","renderDropdown","tabindex","onClick","length","map","join","name","size","color","parentRef","onSdClose","onScroll","inputStyle","autofocus","onSdInput","String","onSdFocus","marginRight","slot","index","isSelected","selected","isFocused","onOptionClick","watchers"],"sources":["0"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as e,h as t,H as a}from"./p-7X2nzJWz.js";const s=()=>`sd-tbody{display:table-row-group}`;const d=class{constructor(t){e(this,t)}render(){return t(a,{key:"7636f7ff23e8aa3c83ace885c5f2ad3fa1e57a45"},t("slot",{key:"9cdae57011b78e861dab1c16144642c534aaa9e4"}))}};d.style=s();const o=()=>`sd-th{display:table-cell;padding:12px;font-weight:bold;text-align:left;border-bottom:2px solid #ddd;background-color:#f1f1f1}`;const r=class{constructor(t){e(this,t)}render(){return t(a,{key:"8b511af45184973c4daefe8bee11130934ef05be",role:"columnheader"},t("slot",{key:"a72bff519a60499357ccce741fa0b90cdf9197b7"}))}};r.style=o();const c=()=>`sd-tr{display:table-row}`;const b=class{constructor(t){e(this,t)}render(){return t(a,{key:"45ae0547de2437e9b815e0ed33226276787805f7",role:"row"},t("slot",{key:"98dabd2288d0db28bc9305f1b1b3298cb2a905d0"}))}};b.style=c();export{d as sd_tbody,r as sd_th,b as sd_tr};
|
|
2
|
+
//# sourceMappingURL=p-3cc7957d.entry.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as e,a as s,h as t,F as o}from"./p-7X2nzJWz.js";import{T as i}from"./p-CdbtuKYR.js";const c=()=>`.sd-popover{position:relative;cursor:pointer;display:inline-block}`;const a=class{constructor(s){e(this,s)}get el(){return s(this)}show=false;placement="bottom";color="#01BB4B";icon="helpOutline";iconSize=12;label="";buttonSize="sm";buttonVariant="primary";menuTitle;messages=[];buttons=[];menuClass="";noHover=true;useClose=false;showPopover=false;slotContent="";watchShowHandler(e){this.showPopover=e}componentWillLoad(){this.showPopover=this.show;this.slotContent=this.el.innerHTML}buttonEl;handleClose=()=>{this.showPopover=false};render(){return t(o,{key:"1300f5f84d96ef65840d8daec85dc53dba2c407c"},this.label?t("sd-button",{ref:e=>this.buttonEl=e,label:this.label,icon:this.icon,size:this.buttonSize,color:this.color,variant:this.buttonVariant,class:"sd-popover",onClick:()=>this.showPopover=!this.showPopover}):t("sd-icon",{ref:e=>this.buttonEl=e,name:this.icon,size:this.iconSize,color:this.color,class:"sd-popover",onClick:()=>this.showPopover=!this.showPopover}),this.showPopover&&t("sd-tooltip-portal",{key:"73b7feb032125495c7df8bbcecee042b59c91886",parentRef:this.buttonEl,onSdClose:this.handleClose,placement:this.placement},t("div",{key:"b6209c9654fe11e148206ef49c8a304b1f72f068",class:{"sd-popover-menu":true,[`sd-popover-menu--${this.placement}`]:true,[this.menuClass]:!!this.menuClass}},t("i",{key:"c788234f854fe0704ffffdc89dd297277916e7f1",class:`sd-popover-menu__arrow sd-popover-menu__arrow--${this.placement}`},t(i,{key:"5d5b4aa3815b815ebe4bebc81f307ba62f781af1"})),t("div",{key:"6305c611f72e1e57ff90562a05568777ff3e5db0",class:"sd-popover-menu__content"},this.menuTitle&&t("div",{key:"da81708c8925e82c6b28b2d582f17d588f9fceae",class:"sd-popover-menu__title"},this.menuTitle),this.messages.length>0&&t("div",{key:"d0d00ce577b6de6efd546fadafc5d487f5e9b0b9",class:"sd-popover-menu__messages"},this.messages.map((e=>t("div",null,e)))),this.buttons.length>0&&t("div",{key:"3ce2714f038a72ffd1017e00521bf2c05fe8730c",class:`sd-popover-menu__buttons sd-popover-menu__buttons--${this.buttons.length}`},this.buttons.map((e=>t("sd-button",{...e}))))),this.useClose&&t("button",{key:"4c551c170b13797cb725e3e0ae42623dc983286a",class:"sd-popover-menu__close-button",onClick:()=>this.handleClose()},t("sd-icon",{key:"1c4620527b33feba50d06709ed0c9185be4094b4",name:"close",size:"12",color:"#AAAAAA"})))))}static get watchers(){return{show:["watchShowHandler"]}}};a.style=c();export{a as sd_popover};
|
|
2
|
+
//# sourceMappingURL=p-a18c202d.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r,h as s,H as e}from"./p-7X2nzJWz.js";const o=()=>`sd-progress{display:block}sd-progress .sd-progress__bar{position:relative;width:360px;height:20px;overflow:hidden;border-radius:4px;background-color:#eeeeee;text-align:center}sd-progress .sd-progress__bar__percent{width:var(--progress-percentage);height:100%;border-radius:4px;background-color:var(--progress-color, #0075ff);transition:all 0.5s}sd-progress .sd-progress__bar__percent.proceed{border-top-right-radius:50%}sd-progress .sd-progress__bar__indicator{position:absolute;left:0;top:0;height:20px;width:100%;background-color:#eeeeee;line-height:21px;z-index:1}sd-progress .sd-progress__bar__indicator--left{color:var(--progress-color, #0075ff);clip-path:inset(0 0 0 var(--progress-percentage))}sd-progress .sd-progress__bar__indicator--right{color:white;background-color:var(--progress-color, #0075ff);clip-path:inset(0 calc(100% - var(--progress-percentage)) 0 0)}sd-progress .sd-progress__spinner{display:flex;flex-direction:column;align-items:center;justify-content:center}sd-progress .sd-progress__spinner svg{transform:rotate(-90deg)}sd-progress .sd-progress__spinner__label{margin-top:8px;font-size:16px;color:var(--progress-color, #0075ff)}sd-progress .sd-progress__label{margin-top:4px;font-size:12px;color:#222222;text-align:center}`;const t=class{constructor(s){r(this,s)}type="bar";status="default";percentage=0;size=80;strokeWidth=12;label;statusColor={default:"#aaaaaa",progress:"#0075ff",complete:"#12B553",error:"#FB4444"};render(){return s(e,{key:"
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r,h as s,H as e}from"./p-7X2nzJWz.js";const o=()=>`sd-progress{display:block}sd-progress .sd-progress__bar{position:relative;width:360px;height:20px;overflow:hidden;border-radius:4px;background-color:#eeeeee;text-align:center}sd-progress .sd-progress__bar__percent{width:var(--progress-percentage);height:100%;border-radius:4px;background-color:var(--progress-color, #0075ff);transition:all 0.5s}sd-progress .sd-progress__bar__percent.proceed{border-top-right-radius:50%}sd-progress .sd-progress__bar__indicator{position:absolute;left:0;top:0;height:20px;width:100%;background-color:#eeeeee;line-height:21px;z-index:1}sd-progress .sd-progress__bar__indicator--left{color:var(--progress-color, #0075ff);clip-path:inset(0 0 0 var(--progress-percentage))}sd-progress .sd-progress__bar__indicator--right{color:white;background-color:var(--progress-color, #0075ff);clip-path:inset(0 calc(100% - var(--progress-percentage)) 0 0)}sd-progress .sd-progress__spinner{display:flex;flex-direction:column;align-items:center;justify-content:center}sd-progress .sd-progress__spinner svg{transform:rotate(-90deg)}sd-progress .sd-progress__spinner__label{margin-top:8px;font-size:16px;color:var(--progress-color, #0075ff)}sd-progress .sd-progress__label{margin-top:4px;font-size:12px;color:#222222;text-align:center}`;const t=class{constructor(s){r(this,s)}type="bar";status="default";percentage=0;size=80;strokeWidth=12;label;statusColor={default:"#aaaaaa",progress:"#0075ff",complete:"#12B553",error:"#FB4444"};render(){return s(e,{key:"351f3fda014f276d22b02b09f92ed7895a43ea85",style:{"--progress-color":this.statusColor[this.status],"--progress-percentage":`${this.percentage}%`}},this.type==="bar"?this.renderBarProgress():this.renderSpinnerProgress(),this.label&&s("div",{key:"3b41b3fdb26fdf283792172de45fbcff37e1c90e",class:"sd-progress__label"},this.label))}renderBarProgress(){return s("div",{class:`sd-progress__bar sd-progress__bar--${this.status}`},s("div",{class:["sd-progress__bar__percent",this.percentage<100?"proceed":""].join(" ")}),s("div",{class:"sd-progress__bar__indicator sd-progress__bar__indicator--left"},this.percentage,"%"),s("div",{class:"sd-progress__bar__indicator sd-progress__bar__indicator--right"},this.percentage,"%"))}renderSpinnerProgress(){const r=(this.size-this.strokeWidth)/2;const e=2*Math.PI*r;const o=e-this.percentage/100*e;const t=`${this.size}px`;const i=`${this.size/2}px`;return s("div",{class:`sd-progress__spinner sd-progress__spinner--${this.status}`},s("svg",{width:t,height:t},s("circle",{cx:i,cy:i,r,stroke:"#EEEEEE","stroke-width":this.strokeWidth,fill:"transparent"}),s("circle",{cx:i,cy:i,r,stroke:this.statusColor[this.status],"stroke-width":this.strokeWidth,fill:"transparent","stroke-dasharray":e,"stroke-dashoffset":o,"stroke-linecap":"round",class:"transition-all duration-500"})),s("strong",{class:"sd-progress__spinner__label"},this.percentage," %"))}};t.style=o();export{t as sd_progress};
|
|
2
|
+
//# sourceMappingURL=p-b0668ce9.entry.js.map
|