@sellmate/design-system 0.0.52 → 0.0.53
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 +5 -3
- package/dist/cjs/design-system.cjs.js.map +1 -1
- package/dist/cjs/{index-Bxead0A0.js → index-B7tkxTye.js} +11 -5
- package/dist/cjs/index-B7tkxTye.js.map +1 -0
- package/dist/cjs/index.cjs.js +2 -0
- package/dist/cjs/loader.cjs.js +4 -2
- package/dist/cjs/loader.cjs.js.map +1 -1
- package/dist/cjs/sd-badge.cjs.entry.js +4 -4
- package/dist/cjs/{sd-button_15.cjs.entry.js → sd-button_21.cjs.entry.js} +649 -55
- package/dist/cjs/sd-card.cjs.entry.js +4 -4
- package/dist/cjs/sd-date-box.cjs.entry.js +3 -3
- package/dist/cjs/sd-date-picker.cjs.entry.js +4 -4
- package/dist/cjs/sd-date-range-picker.cjs.entry.js +5 -5
- package/dist/cjs/sd-modal-card.cjs.entry.js +3 -3
- package/dist/cjs/sd-popover.cjs.entry.js +6 -6
- package/dist/cjs/sd-progress.cjs.entry.js +5 -5
- package/dist/cjs/sd-radio-button-group.cjs.entry.js +71 -0
- package/dist/cjs/sd-select-multiple-group.cjs.entry.js +7 -7
- package/dist/cjs/sd-select-option-group.cjs.entry.js +6 -6
- package/dist/cjs/sd-table.cjs.entry.js +6 -6
- package/dist/cjs/sd-tbody_3.cjs.entry.js +10 -10
- package/dist/cjs/sd-td.cjs.entry.js +5 -5
- package/dist/cjs/{tooltipArrow-C7cIAuTo.js → tooltipArrow-8I9A3AOE.js} +3 -3
- package/dist/cjs/{tooltipArrow-C7cIAuTo.js.map → tooltipArrow-8I9A3AOE.js.map} +1 -1
- package/dist/collection/collection-manifest.json +7 -2
- package/dist/collection/components/sd-badge/sd-badge.js +1 -1
- package/dist/collection/components/sd-card/sd-card.js +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.css +95 -0
- package/dist/collection/components/sd-file-picker/sd-file-picker.js +299 -0
- package/dist/collection/components/sd-file-picker/sd-file-picker.js.map +1 -0
- package/dist/collection/components/sd-guide/sd-guide.js +3 -3
- package/dist/collection/components/sd-icon/sd-icon.css +1 -4
- package/dist/collection/components/sd-icon/sd-icon.js +1 -1
- package/dist/collection/components/sd-input/sd-input.css +1 -4
- package/dist/collection/components/sd-input/sd-input.js +2 -2
- package/dist/collection/components/sd-loading-spinner/sd-loading-spinner.js +1 -1
- 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-radio-button-group/sd-radio-button-group.css +71 -0
- package/dist/collection/components/sd-radio-button-group/sd-radio-button-group.js +214 -0
- package/dist/collection/components/sd-radio-button-group/sd-radio-button-group.js.map +1 -0
- package/dist/collection/components/sd-radio-group/sd-radio-group.js +1 -1
- package/dist/collection/components/sd-select/sd-select-option/sd-select-option.js +1 -1
- package/dist/collection/components/sd-select/sd-select.js +28 -4
- package/dist/collection/components/sd-select/sd-select.js.map +1 -1
- package/dist/collection/components/sd-select-multiple/sd-select-multiple.js +26 -2
- package/dist/collection/components/sd-select-multiple/sd-select-multiple.js.map +1 -1
- package/dist/collection/components/sd-select-multiple-group/sd-select-multiple-group.js +4 -4
- 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-table.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-table-backup/sd-table-backup.js +4 -4
- package/dist/collection/components/sd-tabs/sd-tabs.css +83 -0
- package/dist/collection/components/sd-tabs/sd-tabs.js +180 -0
- package/dist/collection/components/sd-tabs/sd-tabs.js.map +1 -0
- package/dist/collection/components/sd-tag/sd-tag.js +1 -1
- package/dist/collection/components/sd-toast-message/sd-toast-message.css +66 -0
- package/dist/collection/components/sd-toast-message/sd-toast-message.js +248 -0
- package/dist/collection/components/sd-toast-message/sd-toast-message.js.map +1 -0
- package/dist/collection/components/sd-toggle/sd-toggle.js +1 -1
- package/dist/collection/components/sd-toggle-button/sd-toggle-button.css +46 -0
- package/dist/collection/components/sd-toggle-button/sd-toggle-button.js +136 -0
- package/dist/collection/components/sd-toggle-button/sd-toggle-button.js.map +1 -0
- 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/index.js +1 -1
- package/dist/components/p-71Aop19u.js +109 -0
- package/dist/{design-system/sd-select-option-group.entry.esm.js.map → components/p-71Aop19u.js.map} +1 -1
- package/dist/components/{p-DiehM5Y0.js → p-B05GJor3.js} +9 -9
- package/dist/components/p-B05GJor3.js.map +1 -0
- package/dist/components/{p-9kN1E6Ra.js → p-B13lOU0D.js} +27 -23
- package/dist/components/p-B13lOU0D.js.map +1 -0
- package/dist/components/{p-BpNH68jy.js → p-B3H_uLbl.js} +3 -3
- package/dist/components/{p-BpNH68jy.js.map → p-B3H_uLbl.js.map} +1 -1
- package/dist/components/{p-1SxxSEqq.js → p-B4wWf5r8.js} +11 -11
- package/dist/components/p-B4wWf5r8.js.map +1 -0
- package/dist/components/{p-gnOKrd57.js → p-BDkKpeVz.js} +3 -3
- package/dist/components/{p-gnOKrd57.js.map → p-BDkKpeVz.js.map} +1 -1
- package/dist/components/{p-S7M--xNH.js → p-Be8w5kOo.js} +18 -18
- package/dist/components/p-Be8w5kOo.js.map +1 -0
- package/dist/components/{p-DY6t0qQj.js → p-BwSVYr5L.js} +7 -7
- package/dist/components/p-BwSVYr5L.js.map +1 -0
- package/dist/components/{p-CkKxyn_K.js → p-C7kMNSz9.js} +9 -9
- package/dist/components/p-C7kMNSz9.js.map +1 -0
- package/dist/components/p-CLMeZVRV.js +34 -0
- package/dist/components/p-CLMeZVRV.js.map +1 -0
- package/dist/components/p-CLNPwi8e.js +81 -0
- package/dist/components/p-CLNPwi8e.js.map +1 -0
- package/dist/components/{p-TFWJruz2.js → p-CQBrru3e.js} +11 -5
- package/dist/components/p-CQBrru3e.js.map +1 -0
- package/dist/components/{p-BsyfatBe.js → p-CV5tKC24.js} +8 -8
- package/dist/components/p-CV5tKC24.js.map +1 -0
- package/dist/components/p-CVtij2QI.js +34 -0
- package/dist/components/p-CVtij2QI.js.map +1 -0
- package/dist/components/{p-Dgxczhd0.js → p-CYadUxId.js} +6 -6
- package/dist/components/{p-Dgxczhd0.js.map → p-CYadUxId.js.map} +1 -1
- package/dist/components/{p-BSUHSOXX.js → p-Cf-LyLYk.js} +8 -8
- package/dist/components/p-Cf-LyLYk.js.map +1 -0
- package/dist/components/{p-C171iavd.js → p-ChQIkICO.js} +8 -8
- package/dist/components/p-ChQIkICO.js.map +1 -0
- package/dist/components/{p-CJ0qTKU7.js → p-DP33nj_I.js} +6 -6
- package/dist/components/{p-CJ0qTKU7.js.map → p-DP33nj_I.js.map} +1 -1
- package/dist/components/{p-C6tAa8Q4.js → p-DY9yCaP9.js} +11 -11
- package/dist/components/p-DY9yCaP9.js.map +1 -0
- package/dist/components/{p-DyGUXuvD.js → p-j-ZEdgz4.js} +12 -12
- package/dist/components/p-j-ZEdgz4.js.map +1 -0
- package/dist/components/sd-badge.js +6 -6
- package/dist/components/sd-badge.js.map +1 -1
- package/dist/components/sd-button.js +1 -1
- package/dist/components/sd-card.js +6 -6
- package/dist/components/sd-card.js.map +1 -1
- package/dist/components/sd-checkbox.js +1 -1
- package/dist/components/sd-date-box.js +1 -1
- package/dist/components/sd-date-picker.js +14 -14
- package/dist/components/sd-date-picker.js.map +1 -1
- package/dist/components/sd-date-range-picker.js +15 -15
- package/dist/components/sd-date-range-picker.js.map +1 -1
- package/dist/components/sd-file-picker.d.ts +11 -0
- package/dist/components/sd-file-picker.js +159 -0
- package/dist/components/sd-file-picker.js.map +1 -0
- package/dist/components/sd-guide.js +14 -14
- package/dist/components/sd-guide.js.map +1 -1
- 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 +9 -9
- package/dist/components/sd-modal-card.js.map +1 -1
- package/dist/components/sd-pagination.js +1 -1
- package/dist/components/sd-popover.js +14 -14
- package/dist/components/sd-popover.js.map +1 -1
- package/dist/components/sd-portal.js +1 -1
- package/dist/components/sd-progress.js +7 -7
- package/dist/components/sd-progress.js.map +1 -1
- package/dist/components/sd-radio-button-group.d.ts +11 -0
- package/dist/components/sd-radio-button-group.js +99 -0
- package/dist/components/sd-radio-button-group.js.map +1 -0
- package/dist/components/sd-radio-group.js +6 -6
- package/dist/components/sd-radio-group.js.map +1 -1
- package/dist/components/sd-select-multiple-group.js +20 -20
- package/dist/components/sd-select-multiple-group.js.map +1 -1
- package/dist/components/sd-select-multiple.js +23 -19
- package/dist/components/sd-select-multiple.js.map +1 -1
- 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 +31 -31
- package/dist/components/sd-table-backup.js.map +1 -1
- package/dist/components/sd-table.js +34 -34
- package/dist/components/sd-table.js.map +1 -1
- package/dist/components/sd-tabs.d.ts +11 -0
- package/dist/components/sd-tabs.js +101 -0
- package/dist/components/sd-tabs.js.map +1 -0
- package/dist/components/sd-tag.js +1 -76
- package/dist/components/sd-tag.js.map +1 -1
- package/dist/components/sd-tbody.js +1 -1
- package/dist/components/sd-td.js +7 -7
- package/dist/components/sd-td.js.map +1 -1
- package/dist/components/sd-th.js +1 -1
- package/dist/components/sd-toast-message.d.ts +11 -0
- package/dist/components/sd-toast-message.js +101 -0
- package/dist/components/sd-toast-message.js.map +1 -0
- package/dist/components/sd-toggle-button.d.ts +11 -0
- package/dist/components/sd-toggle-button.js +74 -0
- package/dist/components/sd-toggle-button.js.map +1 -0
- package/dist/components/sd-toggle.js +6 -6
- package/dist/components/sd-toggle.js.map +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/design-system.esm.js.map +1 -1
- package/dist/design-system/p-0cbdb34f.entry.js +2 -0
- package/dist/design-system/p-0cbdb34f.entry.js.map +1 -0
- package/dist/design-system/p-1e7a06ef.entry.js +2 -0
- package/dist/design-system/p-1e7a06ef.entry.js.map +1 -0
- package/dist/design-system/p-1fbc8e14.entry.js +2 -0
- package/dist/design-system/p-1fbc8e14.entry.js.map +1 -0
- package/dist/design-system/p-6b3c33c3.entry.js +2 -0
- package/dist/design-system/p-6b3c33c3.entry.js.map +1 -0
- package/dist/design-system/p-6ce950da.entry.js +2 -0
- package/dist/design-system/p-6ce950da.entry.js.map +1 -0
- package/dist/design-system/p-761882f5.entry.js +2 -0
- package/dist/design-system/p-761882f5.entry.js.map +1 -0
- package/dist/design-system/p-790ae9ce.entry.js +2 -0
- package/dist/design-system/p-790ae9ce.entry.js.map +1 -0
- package/dist/design-system/{p-ClyGLKUd.js → p-7X2nzJWz.js} +2 -2
- package/dist/design-system/p-7X2nzJWz.js.map +1 -0
- package/dist/design-system/{p-DXZjHQmQ.js → p-CdbtuKYR.js} +2 -2
- package/dist/design-system/{p-DXZjHQmQ.js.map → p-CdbtuKYR.js.map} +1 -1
- package/dist/design-system/p-a8e8fc17.entry.js +2 -0
- package/dist/design-system/p-a8e8fc17.entry.js.map +1 -0
- package/dist/design-system/p-be9c40a3.entry.js +2 -0
- package/dist/design-system/p-be9c40a3.entry.js.map +1 -0
- package/dist/design-system/p-d02b3369.entry.js +2 -0
- package/dist/design-system/p-d02b3369.entry.js.map +1 -0
- package/dist/design-system/p-db603dcb.entry.js +2 -0
- package/dist/design-system/p-db603dcb.entry.js.map +1 -0
- package/dist/design-system/p-ddb5a2f4.entry.js +2 -0
- package/dist/design-system/p-ddb5a2f4.entry.js.map +1 -0
- package/dist/design-system/p-e31182ad.entry.js +2 -0
- package/dist/design-system/p-e31182ad.entry.js.map +1 -0
- package/dist/design-system/p-e492d625.entry.js +2 -0
- package/dist/design-system/p-e492d625.entry.js.map +1 -0
- package/dist/design-system/p-fe8721b5.entry.js +2 -0
- package/dist/design-system/p-fe8721b5.entry.js.map +1 -0
- package/dist/esm/design-system.js +6 -4
- package/dist/esm/design-system.js.map +1 -1
- package/dist/esm/{index-ClyGLKUd.js → index-7X2nzJWz.js} +11 -5
- package/dist/esm/index-7X2nzJWz.js.map +1 -0
- package/dist/esm/index.js +2 -0
- package/dist/esm/loader.js +5 -3
- package/dist/esm/sd-badge.entry.js +4 -4
- package/dist/esm/sd-badge.entry.js.map +1 -1
- package/dist/esm/{sd-button_15.entry.js → sd-button_21.entry.js} +644 -56
- package/dist/esm/sd-card.entry.js +4 -4
- package/dist/esm/sd-card.entry.js.map +1 -1
- package/dist/esm/sd-date-box.entry.js +3 -3
- package/dist/esm/sd-date-box.entry.js.map +1 -1
- package/dist/esm/sd-date-picker.entry.js +4 -4
- package/dist/esm/sd-date-picker.entry.js.map +1 -1
- package/dist/esm/sd-date-range-picker.entry.js +5 -5
- package/dist/esm/sd-date-range-picker.entry.js.map +1 -1
- package/dist/esm/sd-modal-card.entry.js +3 -3
- package/dist/esm/sd-modal-card.entry.js.map +1 -1
- package/dist/esm/sd-popover.entry.js +6 -6
- package/dist/esm/sd-popover.entry.js.map +1 -1
- package/dist/esm/sd-progress.entry.js +5 -5
- package/dist/esm/sd-progress.entry.js.map +1 -1
- package/dist/esm/sd-radio-button-group.entry.js +69 -0
- package/dist/esm/sd-radio-button-group.entry.js.map +1 -0
- package/dist/esm/sd-select-multiple-group.entry.js +7 -7
- package/dist/esm/sd-select-multiple-group.entry.js.map +1 -1
- package/dist/esm/sd-select-option-group.entry.js +6 -6
- package/dist/esm/sd-select-option-group.entry.js.map +1 -1
- package/dist/esm/sd-table.entry.js +6 -6
- package/dist/esm/sd-table.entry.js.map +1 -1
- package/dist/esm/sd-tbody_3.entry.js +10 -10
- package/dist/esm/sd-td.entry.js +5 -5
- package/dist/esm/sd-td.entry.js.map +1 -1
- package/dist/esm/{tooltipArrow-BwO7_hdW.js → tooltipArrow-DFRZWz6D.js} +3 -3
- package/dist/esm/{tooltipArrow-BwO7_hdW.js.map → tooltipArrow-DFRZWz6D.js.map} +1 -1
- package/dist/types/components/sd-file-picker/sd-file-picker.d.ts +29 -0
- package/dist/types/components/sd-radio-button-group/sd-radio-button-group.d.ts +24 -0
- package/dist/types/components/sd-select/sd-select.d.ts +1 -0
- package/dist/types/components/sd-select-multiple/sd-select-multiple.d.ts +1 -0
- package/dist/types/components/sd-tabs/sd-tabs.d.ts +22 -0
- package/dist/types/components/sd-toast-message/sd-toast-message.d.ts +19 -0
- package/dist/types/components/sd-toggle-button/sd-toggle-button.d.ts +14 -0
- package/dist/types/components.d.ts +311 -8
- package/dist/types/stencil-public-runtime.d.ts +43 -0
- package/hydrate/index.d.ts +12 -0
- package/hydrate/index.js +1611 -1136
- package/hydrate/index.mjs +1610 -1137
- package/package.json +2 -2
- package/dist/cjs/index-Bxead0A0.js.map +0 -1
- package/dist/cjs/sd-badge.entry.cjs.js.map +0 -1
- package/dist/cjs/sd-button.sd-checkbox.sd-guide.sd-icon.sd-input.sd-loading-spinner.sd-pagination.sd-portal.sd-radio-group.sd-select.sd-select-option.sd-table-backup.sd-toggle.sd-tooltip.sd-tooltip-portal.entry.cjs.js.map +0 -1
- package/dist/cjs/sd-card.entry.cjs.js.map +0 -1
- package/dist/cjs/sd-date-box.entry.cjs.js.map +0 -1
- package/dist/cjs/sd-date-picker.entry.cjs.js.map +0 -1
- package/dist/cjs/sd-date-range-picker.entry.cjs.js.map +0 -1
- package/dist/cjs/sd-modal-card.entry.cjs.js.map +0 -1
- package/dist/cjs/sd-popover.entry.cjs.js.map +0 -1
- package/dist/cjs/sd-progress.entry.cjs.js.map +0 -1
- package/dist/cjs/sd-select-multiple-group.entry.cjs.js.map +0 -1
- package/dist/cjs/sd-select-multiple.cjs.entry.js +0 -263
- package/dist/cjs/sd-select-multiple.entry.cjs.js.map +0 -1
- package/dist/cjs/sd-select-option-group.entry.cjs.js.map +0 -1
- package/dist/cjs/sd-table.entry.cjs.js.map +0 -1
- package/dist/cjs/sd-tag.cjs.entry.js +0 -57
- package/dist/cjs/sd-tag.entry.cjs.js.map +0 -1
- package/dist/cjs/sd-tbody.sd-th.sd-tr.entry.cjs.js.map +0 -1
- package/dist/cjs/sd-td.entry.cjs.js.map +0 -1
- package/dist/components/p-1SxxSEqq.js.map +0 -1
- package/dist/components/p-9kN1E6Ra.js.map +0 -1
- package/dist/components/p-BSUHSOXX.js.map +0 -1
- package/dist/components/p-BsyfatBe.js.map +0 -1
- package/dist/components/p-C171iavd.js.map +0 -1
- package/dist/components/p-C6tAa8Q4.js.map +0 -1
- package/dist/components/p-C9fSCxHc.js +0 -109
- package/dist/components/p-C9fSCxHc.js.map +0 -1
- package/dist/components/p-CkKxyn_K.js.map +0 -1
- package/dist/components/p-D8f0ASS6.js +0 -34
- package/dist/components/p-D8f0ASS6.js.map +0 -1
- package/dist/components/p-DY6t0qQj.js.map +0 -1
- package/dist/components/p-DiehM5Y0.js.map +0 -1
- package/dist/components/p-DyGUXuvD.js.map +0 -1
- package/dist/components/p-S7M--xNH.js.map +0 -1
- package/dist/components/p-TFWJruz2.js.map +0 -1
- package/dist/components/p-wQDv-v0B.js +0 -34
- package/dist/components/p-wQDv-v0B.js.map +0 -1
- package/dist/design-system/p-1ad40ed0.entry.js +0 -2
- package/dist/design-system/p-1ad40ed0.entry.js.map +0 -1
- package/dist/design-system/p-1b6aec43.entry.js +0 -2
- package/dist/design-system/p-1b6aec43.entry.js.map +0 -1
- package/dist/design-system/p-1e175d35.entry.js +0 -2
- package/dist/design-system/p-1e175d35.entry.js.map +0 -1
- package/dist/design-system/p-1efccd9d.entry.js +0 -2
- package/dist/design-system/p-1efccd9d.entry.js.map +0 -1
- package/dist/design-system/p-3d78a7c7.entry.js +0 -2
- package/dist/design-system/p-3d78a7c7.entry.js.map +0 -1
- package/dist/design-system/p-4828e65b.entry.js +0 -2
- package/dist/design-system/p-4828e65b.entry.js.map +0 -1
- package/dist/design-system/p-4e7bc094.entry.js +0 -2
- package/dist/design-system/p-4e7bc094.entry.js.map +0 -1
- package/dist/design-system/p-6d81e6f8.entry.js +0 -2
- package/dist/design-system/p-6d81e6f8.entry.js.map +0 -1
- package/dist/design-system/p-717a736c.entry.js +0 -2
- package/dist/design-system/p-717a736c.entry.js.map +0 -1
- package/dist/design-system/p-74f12ea0.entry.js +0 -2
- package/dist/design-system/p-74f12ea0.entry.js.map +0 -1
- package/dist/design-system/p-7d14540d.entry.js +0 -2
- package/dist/design-system/p-7d14540d.entry.js.map +0 -1
- package/dist/design-system/p-8d6d225d.entry.js +0 -2
- package/dist/design-system/p-8d6d225d.entry.js.map +0 -1
- package/dist/design-system/p-ClyGLKUd.js.map +0 -1
- package/dist/design-system/p-b892a722.entry.js +0 -2
- package/dist/design-system/p-b892a722.entry.js.map +0 -1
- package/dist/design-system/p-bc905ded.entry.js +0 -2
- package/dist/design-system/p-bc905ded.entry.js.map +0 -1
- package/dist/design-system/p-c7e8a2c0.entry.js +0 -2
- package/dist/design-system/p-c7e8a2c0.entry.js.map +0 -1
- package/dist/design-system/p-c9b70553.entry.js +0 -2
- package/dist/design-system/p-c9b70553.entry.js.map +0 -1
- package/dist/design-system/sd-badge.entry.esm.js.map +0 -1
- package/dist/design-system/sd-button.sd-checkbox.sd-guide.sd-icon.sd-input.sd-loading-spinner.sd-pagination.sd-portal.sd-radio-group.sd-select.sd-select-option.sd-table-backup.sd-toggle.sd-tooltip.sd-tooltip-portal.entry.esm.js.map +0 -1
- package/dist/design-system/sd-card.entry.esm.js.map +0 -1
- package/dist/design-system/sd-date-box.entry.esm.js.map +0 -1
- package/dist/design-system/sd-date-picker.entry.esm.js.map +0 -1
- package/dist/design-system/sd-date-range-picker.entry.esm.js.map +0 -1
- package/dist/design-system/sd-modal-card.entry.esm.js.map +0 -1
- package/dist/design-system/sd-popover.entry.esm.js.map +0 -1
- package/dist/design-system/sd-progress.entry.esm.js.map +0 -1
- package/dist/design-system/sd-select-multiple-group.entry.esm.js.map +0 -1
- package/dist/design-system/sd-select-multiple.entry.esm.js.map +0 -1
- package/dist/design-system/sd-table.entry.esm.js.map +0 -1
- package/dist/design-system/sd-tag.entry.esm.js.map +0 -1
- package/dist/design-system/sd-tbody.sd-th.sd-tr.entry.esm.js.map +0 -1
- package/dist/design-system/sd-td.entry.esm.js.map +0 -1
- package/dist/esm/index-ClyGLKUd.js.map +0 -1
- package/dist/esm/sd-button.sd-checkbox.sd-guide.sd-icon.sd-input.sd-loading-spinner.sd-pagination.sd-portal.sd-radio-group.sd-select.sd-select-option.sd-table-backup.sd-toggle.sd-tooltip.sd-tooltip-portal.entry.js.map +0 -1
- package/dist/esm/sd-select-multiple.entry.js +0 -261
- package/dist/esm/sd-select-multiple.entry.js.map +0 -1
- package/dist/esm/sd-tag.entry.js +0 -55
- package/dist/esm/sd-tag.entry.js.map +0 -1
- package/dist/esm/sd-tbody.sd-th.sd-tr.entry.js.map +0 -1
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-B7tkxTye.js');
|
|
4
4
|
|
|
5
|
-
const sdCardCss =
|
|
5
|
+
const sdCardCss = () => `sd-card{display:block;height:fit-content}sd-card .sd-card{border-radius:8px;background:white}sd-card .sd-card.sd-card--bordered{border:1px solid #e1e1e1}`;
|
|
6
6
|
|
|
7
7
|
const SdCard = class {
|
|
8
8
|
constructor(hostRef) {
|
|
@@ -11,10 +11,10 @@ const SdCard = class {
|
|
|
11
11
|
bordered = true;
|
|
12
12
|
class = '';
|
|
13
13
|
render() {
|
|
14
|
-
return (index.h(index.Host, { key: '
|
|
14
|
+
return (index.h(index.Host, { key: '4a44b9ef84a83b91879dabaa099a21b499baad2c' }, index.h("div", { key: 'cb8499ddef896bf1e2ba753dd4b0a35f41f7e39f', class: `sd-card ${this.bordered ? 'sd-card--bordered' : ''} ${this.class}` }, index.h("slot", { key: 'e7d6f9ffa8ad8d5061471a6e8cbeb5c4d5d5f2b4' }))));
|
|
15
15
|
}
|
|
16
16
|
};
|
|
17
|
-
SdCard.style = sdCardCss;
|
|
17
|
+
SdCard.style = sdCardCss();
|
|
18
18
|
|
|
19
19
|
exports.sd_card = SdCard;
|
|
20
20
|
//# sourceMappingURL=sd-card.entry.cjs.js.map
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-B7tkxTye.js');
|
|
4
4
|
|
|
5
|
-
const sdDateBoxCss =
|
|
5
|
+
const sdDateBoxCss = () => `.sd-date-box.sc-sd-date-box-h{display:flex;align-items:center;justify-content:center;width:38px;height:36px;font-size:14px;position:relative;box-sizing:border-box;text-align:center;transition:background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);border-radius:14px}.sd-date-box.sc-sd-date-box-h .sd-date-box__content.sc-sd-date-box{width:28px;height:28px;border-radius:14px;position:relative}.sd-date-box.sc-sd-date-box-h .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box{position:relative;z-index:2;user-select:none;line-height:28px}.sd-date-box.sd-date-box--disabled.sc-sd-date-box-h{color:#cccccc;cursor:default !important;pointer-events:none}.sd-date-box.sc-sd-date-box-h:not(.sd-date-box--disabled){cursor:pointer}.sd-date-box.sd-hoverable.sc-sd-date-box-h:hover .sd-date-box__content.sc-sd-date-box{background:#d9eaff}.sd-date-box.sd-date-box--in-range.sc-sd-date-box-h:not(.sd-date-box--disabled) .sd-date-box__content.sc-sd-date-box::before{content:"";position:absolute;top:0;left:-5px;width:calc(100% + 10px);height:100%;background:#d9eaff}.sd-date-box.sd-date-box--in-range.sd-date-box--type-start.sc-sd-date-box-h .sd-date-box__content.sc-sd-date-box::before{left:auto !important;width:19px !important;right:-5px}.sd-date-box.sd-date-box--in-range.sd-date-box--type-end.sc-sd-date-box-h .sd-date-box__content.sc-sd-date-box::before{width:19px !important}.sd-date-box.sd-date-box--selected.sc-sd-date-box-h .sd-date-box__content.sc-sd-date-box::after,.sd-date-box.sd-date-box--type-start.sc-sd-date-box-h .sd-date-box__content.sc-sd-date-box::after,.sd-date-box.sd-date-box--type-end.sc-sd-date-box-h .sd-date-box__content.sc-sd-date-box::after{content:"";position:absolute;inset:0;background:#0075ff;border-radius:14px;z-index:1}.sd-date-box.sd-date-box--selected.sc-sd-date-box-h .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box,.sd-date-box.sd-date-box--type-start.sc-sd-date-box-h .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box,.sd-date-box.sd-date-box--type-end.sc-sd-date-box-h .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box{color:white;font-weight:700}.sd-date-box.sd-date-box--today.sc-sd-date-box-h:not(.sd-date-box--selected) .sd-date-box__content.sc-sd-date-box::after{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:28px;height:28px;border:1px solid #e1e1e1 !important;border-radius:14px}`;
|
|
6
6
|
|
|
7
7
|
const SdDateBox = class {
|
|
8
8
|
constructor(hostRef) {
|
|
@@ -47,7 +47,7 @@ const SdDateBox = class {
|
|
|
47
47
|
}, onClick: () => this.handleClickDate(), onMouseOver: () => this.handleHoverDate() }, index.h("div", { key: 'c2c7dcc9b384e8d000d8803fa4e4a5fcc1f2e527', class: "sd-date-box__content" }, index.h("div", { key: '7c002c5356d9c3fcf8ec0c8f751e97fd42e59645', class: "sd-date-box__label" }, this.date))));
|
|
48
48
|
}
|
|
49
49
|
};
|
|
50
|
-
SdDateBox.style = sdDateBoxCss;
|
|
50
|
+
SdDateBox.style = sdDateBoxCss();
|
|
51
51
|
|
|
52
52
|
exports.sd_date_box = SdDateBox;
|
|
53
53
|
//# sourceMappingURL=sd-date-box.entry.cjs.js.map
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-B7tkxTye.js');
|
|
4
4
|
var useDatePicker = require('./useDatePicker-BZSOclaN.js');
|
|
5
5
|
|
|
6
|
-
const sdDatePickerCss =
|
|
6
|
+
const sdDatePickerCss = () => `.sd-date-picker.sc-sd-date-picker-h{width:160px;display:inline-block}.sd-date-picker__menu.sc-sd-date-picker{width:304px;box-sizing:border-box;border-radius:8px;padding:24px 19px;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.2);background:white}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker{display:flex;flex-flow:row nowrap;align-items:center;gap:20px;font-size:14px;padding:0 5px;height:24px;line-height:24px}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .year-nav.sc-sd-date-picker,.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .month-nav.sc-sd-date-picker{display:flex;flex-flow:row nowrap;align-items:center;gap:12px}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .year-nav.sc-sd-date-picker button.sc-sd-date-picker,.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .month-nav.sc-sd-date-picker button.sc-sd-date-picker{background:none;border:none;cursor:pointer;margin:0;padding:0}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .year-nav__current.sc-sd-date-picker{width:40px;text-align:center}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .month-nav__current.sc-sd-date-picker{width:100px;text-align:center}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__days.sc-sd-date-picker{margin-top:8px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr));column-gap:10px;padding:0 5px}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__days.sc-sd-date-picker .day.sc-sd-date-picker{width:28px;height:20px;font-size:12px;line-height:20px;text-align:center;color:#888888}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__body.sc-sd-date-picker{margin-top:12px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr))}`;
|
|
7
7
|
|
|
8
8
|
const SdDatePicker = class {
|
|
9
9
|
constructor(hostRef) {
|
|
@@ -82,7 +82,7 @@ const SdDatePicker = class {
|
|
|
82
82
|
this.isOpen = false;
|
|
83
83
|
};
|
|
84
84
|
render() {
|
|
85
|
-
return (index.h(index.Host, { key: '
|
|
85
|
+
return (index.h(index.Host, { key: 'b60ea48c6ea76b984c48040b32c83358ab7776df', class: "sd-date-picker" }, index.h("sd-input", { key: 'a55a5d6b0e752081e919fa317761a9529b58b75c', ref: el => (this.inputEl = el), value: this.date, label: this.label, "inside-label": true, readonly: true, disabled: this.disabled, inputClass: "text-center", onClick: () => this.openMenu() }, index.h("sd-icon", { key: '707f8c0a38a72651581228d1ac887bd38fbb33b0', slot: "prefix", name: "date", size: "16", color: "#737373", class: "date-icon", onClick: () => this.openMenu() })), this.isOpen && (index.h("sd-portal", { key: '4fb84ae1246c05546dc063abfce4d89e2440c8ff', open: this.isOpen, parentRef: this.inputEl, onSdClose: this.handleClose }, index.h("div", { key: 'c8dae2a875b66cb90a2de898fb5588e4429e01a2', class: "sd-date-picker__menu" }, index.h("div", { key: '35d9d132bb2e68156c12019cb9ca20eaef7cd5dc', class: "sd-date-picker__header" }, index.h("div", { key: '327bb3fe00fb31c4ec9fde79bc6984fe176462c9', class: "year-nav" }, index.h("button", { key: '4e67fe3d237cb864e9d5cbf3d4ace942ac8f02cc', type: "button", name: "prev-year", title: "Previous Year", onClick: () => this.setCurrentYear(this.currentYear - 1) }, index.h("sd-icon", { key: 'd97729c331c93fe122b51ee2dee4f4b9ddf70ad8', name: "arrowLeft", size: "12", color: "#CCCCCC" })), index.h("span", { key: '8c75d30528776992327504b05688cacbcab513d3', class: "year-nav__current" }, this.currentYear), index.h("button", { key: '5f4c36b216ab1230719998e0d8a00bba59fd49bd', type: "button", name: "next-year", title: "Next Year", onClick: () => this.setCurrentYear(this.currentYear + 1) }, index.h("sd-icon", { key: '79b2a3efdbac3f4fe32105ddaf77e023bdb7ac43', name: "arrowRight", size: "12", color: "#CCCCCC" }))), index.h("div", { key: 'b8d141899f9ad45f4b16e376d78e181f710e28df', class: "month-nav" }, index.h("button", { key: '07b81a1875dab96062d32129a58efcf50c11b660', type: "button", name: "prev-month", title: "Previous ", onClick: () => this.handleUpdateMonth('prev') }, index.h("sd-icon", { key: 'b5447e3e134cda07140c1d6e2708a97cc87e2b32', name: "arrowLeft", size: "12", color: "#CCCCCC" })), index.h("span", { key: '4161405b68aa5166423974167a455fa411891272', class: "month-nav__current" }, this.currentMonth, "\uC6D4"), index.h("button", { key: '3fd84295b94f92ff0fbb8347ffb03c4d5d20423c', type: "button", name: "next-month", title: "Next Month", onClick: () => this.handleUpdateMonth('next') }, index.h("sd-icon", { key: 'c9879eb2a25d727cc76f538b974588ca19a3f85e', name: "arrowRight", size: "12", color: "#CCCCCC" })))), index.h("div", { key: '3030bd477ec7b4f4aae9e36b33962dad48492c9a', class: "sd-date-picker__days" }, ['일', '월', '화', '수', '목', '금', '토'].map(day => (index.h("div", { key: day, class: "day" }, day)))), index.h("div", { key: 'e384b514d1fe0cca98935d0e5ad272291421eb34', class: "sd-date-picker__body" }, [
|
|
86
86
|
...this.calendar.prevMonthDays,
|
|
87
87
|
...this.calendar.days,
|
|
88
88
|
...this.calendar.afterMonthDays,
|
|
@@ -94,7 +94,7 @@ const SdDatePicker = class {
|
|
|
94
94
|
})))))));
|
|
95
95
|
}
|
|
96
96
|
};
|
|
97
|
-
SdDatePicker.style = sdDatePickerCss;
|
|
97
|
+
SdDatePicker.style = sdDatePickerCss();
|
|
98
98
|
|
|
99
99
|
exports.sd_date_picker = SdDatePicker;
|
|
100
100
|
//# sourceMappingURL=sd-date-picker.entry.cjs.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-B7tkxTye.js');
|
|
4
4
|
var useDatePicker = require('./useDatePicker-BZSOclaN.js');
|
|
5
5
|
|
|
6
6
|
const addDays = (inputDate, days) => {
|
|
@@ -15,7 +15,7 @@ const addDays = (inputDate, days) => {
|
|
|
15
15
|
return `${resultYear}-${resultMonth}-${resultDay}`;
|
|
16
16
|
};
|
|
17
17
|
|
|
18
|
-
const sdDateRangePickerCss =
|
|
18
|
+
const sdDateRangePickerCss = () => `.sd-date-range-picker.sc-sd-date-range-picker-h{width:210px;display:inline-block}.sd-date-range-picker__menu.sc-sd-date-range-picker{width:609px;box-sizing:border-box;border-radius:8px;padding:24px 19px;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.2);background:white}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__header.sc-sd-date-range-picker{margin-bottom:16px;display:flex;flex-flow:row nowrap;align-items:center;justify-content:center}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__header.sc-sd-date-range-picker .header-label.sc-sd-date-range-picker{margin:0 12px;width:40px;text-align:center;font-size:14px;line-height:24px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker{display:flex;flex-flow:row nowrap;align-items:stretch;gap:19px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker{width:266px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-header.sc-sd-date-range-picker{width:100%;height:24px;line-height:24px;font-size:14px;text-align:center;position:relative;padding:0 5px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-header.sc-sd-date-range-picker button.sc-sd-date-range-picker{position:absolute;top:50%;transform:translateY(-50%)}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-header.sc-sd-date-range-picker button.header-button-prev.sc-sd-date-range-picker{left:5px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-header.sc-sd-date-range-picker button.header-button-next.sc-sd-date-range-picker{right:5px;left:auto}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-days.sc-sd-date-range-picker{padding:0 5px;margin-top:8px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr));column-gap:10px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-days.sc-sd-date-range-picker .day.sc-sd-date-range-picker{width:28px;height:20px;font-size:12px;line-height:20px;text-align:center;color:#888888}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-body.sc-sd-date-range-picker{margin-top:12px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr))}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .separator.sc-sd-date-range-picker{width:1px;background-color:#d8d8d8}`;
|
|
19
19
|
|
|
20
20
|
const SdDateRangePicker = class {
|
|
21
21
|
constructor(hostRef) {
|
|
@@ -157,9 +157,9 @@ const SdDateRangePicker = class {
|
|
|
157
157
|
this.isOpen = false;
|
|
158
158
|
};
|
|
159
159
|
render() {
|
|
160
|
-
return (index.h(index.Host, { key: '
|
|
160
|
+
return (index.h(index.Host, { key: 'a6053b18e510d72345d3fc8622a34e2e916ae09a', class: "sd-date-range-picker" }, index.h("sd-input", { key: '32a1c3e8c6f56a8c88ea5731d7aba8612918a412', ref: el => (this.inputEl = el), value: `${this.dateRange[0]} ~ ${this.dateRange[1]}`, label: this.label, "inside-label": true, readonly: true, disabled: this.disabled, inputClass: "text-center", inputStyle: {
|
|
161
161
|
margin: '0 0 0 8px',
|
|
162
|
-
}, onClick: () => this.openMenu() }, index.h("sd-icon", { key: '
|
|
162
|
+
}, onClick: () => this.openMenu() }, index.h("sd-icon", { key: 'c1e7d9c3a3becc4f8cd09a4a1034788d75b71b43', slot: "prefix", name: "date", size: "16", color: "#737373", class: "date-icon", onClick: () => this.openMenu() })), this.isOpen && (index.h("sd-portal", { key: 'ac35b85f5ec3fdf6f89929e1d0ce16c61de5a24d', open: this.isOpen, parentRef: this.inputEl, onSdClose: this.handleClose }, index.h("div", { key: 'f9ede52633306262d3d1f53fe98c0ed71d2760c3', class: "sd-date-range-picker__menu" }, index.h("div", { key: '46b75bb25b1c11b2a5c9d95998a6b8a909d271e2', class: "sd-date-range-picker__header mb-16pxr flex flex-nowrap items-center justify-center" }, index.h("button", { key: 'f194f5c67019c933934526591834305cf2a33587', type: "button", name: "prev", title: "Previous", onClick: () => this.setPrevYear(this.prevYear - 1) }, index.h("sd-icon", { key: '43e8213a6bee3dcd9f2045f7ebb404da8a904a8a', name: "arrowLeft", size: "12", color: "#CCCCCC" })), index.h("div", { key: '2b585ec3a4d0f2ed2e1ae4f3a49a4b511f076ba9', class: "header-label" }, this.prevYear), index.h("button", { key: 'c97c6694b39f0a8979e90dbbca49615efcdde694', type: "button", name: "next", title: "Next", onClick: () => this.setPrevYear(this.prevYear + 1) }, index.h("sd-icon", { key: 'b64856f508e653a676a6bc3c7dfc4d1ecb87149a', name: "arrowRight", size: "12", color: "#CCCCCC" }))), index.h("div", { key: 'd983671d652eca108580817d3c1181676985bec7', class: "sd-date-range-picker__body" }, [this.prevCalendar, this.nextCalendar].map((calendar, index$1) => (index.h(index.Fragment, null, index$1 === 1 && index.h("div", { class: "separator" }), index.h("div", { key: index$1, class: "calendar-container" }, index.h("div", { class: "calendar-header" }, index.h("button", { type: "button", name: "month", title: "Month", class: index$1 === 0 ? 'header-button-prev' : 'header-button-next', onClick: () => this.updateYearMonth(index$1 === 0 ? 'prev' : 'next') }, index.h("sd-icon", { name: index$1 === 0 ? 'arrowLeft' : 'arrowRight', size: "12", color: "#CCCCCC" })), index$1 === 0
|
|
163
163
|
? `${this.prevYear}.${String(this.prevMonth).padStart(2, '0')}`
|
|
164
164
|
: `${this.nextYear}.${String(this.nextMonth).padStart(2, '0')}`), index.h("div", { class: "calendar-days" }, ['일', '월', '화', '수', '목', '금', '토'].map(day => (index.h("sd-date-box", { key: day, date: day, disabled: true, class: "day" })))), index.h("div", { class: "calendar-body mt-12pxr grid grid-cols-7 gap-y-8pxr" }, [...calendar.prevMonthDays, ...calendar.days, ...calendar.afterMonthDays].map((day, idx) => (index.h("sd-date-box", { key: `prev${day}_${idx}`, date: !day ? '' : Number(day), selected: this.dateRange.some(date => date ===
|
|
165
165
|
this.dateUtil.formatDate(index$1 === 0 ? this.prevYear : this.nextYear, index$1 === 0 ? this.prevMonth : this.nextMonth, Number(day))), type: this.getDateBoxType(this.dateUtil.formatDate(index$1 === 0 ? this.prevYear : this.nextYear, index$1 === 0 ? this.prevMonth : this.nextMonth, Number(day))), isToday: useDatePicker.today ===
|
|
@@ -168,7 +168,7 @@ const SdDateRangePicker = class {
|
|
|
168
168
|
: this.isDisabledDate(this.dateUtil.formatDate(index$1 === 0 ? this.prevYear : this.nextYear, index$1 === 0 ? this.prevMonth : this.nextMonth, Number(day))), inRange: this.isDateInRange(this.dateUtil.formatDate(index$1 === 0 ? this.prevYear : this.nextYear, index$1 === 0 ? this.prevMonth : this.nextMonth, Number(day))), onClick: () => this.handleDateClick(index$1 === 0 ? 'prev' : 'next', Number(day)), onMouseOver: () => this.handleDateHover(index$1 === 0 ? 'prev' : 'next', Number(day)) }))))))))))))));
|
|
169
169
|
}
|
|
170
170
|
};
|
|
171
|
-
SdDateRangePicker.style = sdDateRangePickerCss;
|
|
171
|
+
SdDateRangePicker.style = sdDateRangePickerCss();
|
|
172
172
|
|
|
173
173
|
exports.sd_date_range_picker = SdDateRangePicker;
|
|
174
174
|
//# sourceMappingURL=sd-date-range-picker.entry.cjs.js.map
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-B7tkxTye.js');
|
|
4
4
|
var resolveColor = require('./resolveColor-DxvExwgo.js');
|
|
5
5
|
|
|
6
|
-
const sdModalCardCss =
|
|
6
|
+
const sdModalCardCss = () => `sd-modal-card{display:block}sd-modal-card .sd-modal-card{position:relative;padding:40px 32px;border-radius:8px;box-shadow:4px 4px 24px 4px rgba(0, 0, 0, 0.2)}sd-modal-card .sd-modal-card__close-button{position:absolute;top:16px;right:16px;cursor:pointer}sd-modal-card .sd-modal-card sd-icon.sd-modal-card__icon{display:block;width:32px;height:32px;margin:0 auto 12px auto}sd-modal-card .sd-modal-card__title{color:var(--point-color);font-size:18px;font-weight:700;line-height:30px;text-align:center;margin:0 0 20px 0}sd-modal-card .sd-modal-card__message{color:#222222;font-weight:400;font-size:12px;line-height:22px;text-align:center;margin:0}sd-modal-card .sd-modal-card__button-container{display:flex;margin:32px auto 0 auto;justify-content:center;align-items:center;gap:8px}sd-modal-card .sd-modal-card__button-container.flex-column{flex-direction:column}sd-modal-card .sd-modal-card__button-container button.sd-modal-card__button{width:89px}`;
|
|
7
7
|
|
|
8
8
|
const SdModalCard = class {
|
|
9
9
|
constructor(hostRef) {
|
|
@@ -49,7 +49,7 @@ const SdModalCard = class {
|
|
|
49
49
|
return (index.h(index.Host, { key: 'a7b84787e02fd73d3df5af58011b92bd70bf5418', style: { '--point-color': this.pointColor } }, index.h("div", { key: 'ee1e08e2dca1c4192bbdf21cba148a1ad72459e1', class: this.getModalClass }, this.useCloseButton && (index.h("sd-icon", { key: 'ec9aad87db22a57f01326db6fac695eb2d4617ad', class: "sd-modal-card__close-button", name: "close", size: "20", color: "grey_65", onClick: () => this.sdClose.emit() })), this.type !== 'normal' && (index.h("sd-icon", { key: 'ccf36cbb5ef0a793d422cee2312d338436bd6d61', class: "sd-modal-card__icon", name: this.type === 'info' ? 'notificationOutline' : 'warningOutline', size: "32", color: this.type === 'info' ? 'brilliantblue_75' : 'red_75' })), index.h("h2", { key: '9d1e9f949bc75697960d2c44667f7cad52d976c4', class: "sd-modal-card__title" }, this.modalTitle), index.h("slot", { key: 'f2b75146e58d78ac8431a1549068e9a219be4506' }, index.h("div", { key: '75d035874b34f388c3c6acb60f4a90dae46ff7e6', class: `sd-modal-card__message-container` }, this.message.map(msg => (index.h("p", { class: "sd-modal-card__message" }, msg))))), index.h("div", { key: '39f99159776d7c107b2b3410e5681a67766b2ce8', class: `sd-modal-card__button-container flex-${this.buttonFlexDirection}` }, this.buttonProps.map(button => (index.h("sd-button", { class: 'sd-modal-card__button', variant: button.variant ? button.variant : 'outline', label: button.label, color: button.color, size: button.size, onClick: () => !button.type || button.type === 'confirm' ? this.sdConfirm.emit() : this.sdClose.emit(), ...(button.class && { class: button.class }) })))))));
|
|
50
50
|
}
|
|
51
51
|
};
|
|
52
|
-
SdModalCard.style = sdModalCardCss;
|
|
52
|
+
SdModalCard.style = sdModalCardCss();
|
|
53
53
|
|
|
54
54
|
exports.sd_modal_card = SdModalCard;
|
|
55
55
|
//# sourceMappingURL=sd-modal-card.entry.cjs.js.map
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
4
|
-
var tooltipArrow = require('./tooltipArrow-
|
|
3
|
+
var index = require('./index-B7tkxTye.js');
|
|
4
|
+
var tooltipArrow = require('./tooltipArrow-8I9A3AOE.js');
|
|
5
5
|
|
|
6
|
-
const sdPopoverCss =
|
|
6
|
+
const sdPopoverCss = () => `.sd-popover{position:relative;cursor:pointer;display:inline-block}`;
|
|
7
7
|
|
|
8
8
|
const SdPopover = class {
|
|
9
9
|
constructor(hostRef) {
|
|
@@ -38,17 +38,17 @@ const SdPopover = class {
|
|
|
38
38
|
this.showPopover = false;
|
|
39
39
|
};
|
|
40
40
|
render() {
|
|
41
|
-
return (index.h(index.Fragment, { key: '
|
|
41
|
+
return (index.h(index.Fragment, { key: 'fa06f3ff6641006a75c3ed0912f8f2dc6ca2da56' }, this.label ? (index.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-popover", onClick: () => (this.showPopover = !this.showPopover) })) : (index.h("sd-icon", { ref: el => (this.buttonEl = el), name: this.icon, size: this.iconSize, color: this.color, class: "sd-popover", onClick: () => (this.showPopover = !this.showPopover) })), this.showPopover && (index.h("sd-tooltip-portal", { key: 'f433e3bc5e325bf9d70fae10b6777fe77e52061f', parentRef: this.buttonEl, onSdClose: this.handleClose, placement: this.placement }, index.h("div", { key: '7fa463878475d3c2ce86d006912c35b585d7bed0', class: {
|
|
42
42
|
'sd-popover-menu': true,
|
|
43
43
|
[`sd-popover-menu--${this.placement}`]: true,
|
|
44
44
|
[this.menuClass]: !!this.menuClass,
|
|
45
|
-
} }, index.h("i", { key: '
|
|
45
|
+
} }, index.h("i", { key: '90a23aea2730ec9dbc2b9ca77ef0a4ef13777006', class: `sd-popover-menu__arrow sd-popover-menu__arrow--${this.placement}` }, index.h(tooltipArrow.TooltipArrow, { key: '9246c25e04ea2dd6716e20ac01060ff7acc23fa9' })), index.h("div", { key: 'dd6f350fbb5f5a49302593b3c24faf6bf59bb9ec', class: "sd-popover-menu__content" }, this.menuTitle && index.h("div", { key: 'c9aae4e0eaa0e1ab4f1447907f2dbe0e6e988bbf', class: "sd-popover-menu__title" }, this.menuTitle), this.messages.length > 0 && (index.h("div", { key: '2ed497a7d543f4638756524b4062c9df57b20aa0', class: "sd-popover-menu__messages" }, this.messages.map(message => (index.h("div", null, message))))), this.buttons.length > 0 && (index.h("div", { key: '5ddf4ec18128bc58c77a3017fc1a621591adb67b', class: `sd-popover-menu__buttons sd-popover-menu__buttons--${this.buttons.length}` }, this.buttons.map(button => (index.h("sd-button", { ...button })))))), this.useClose && (index.h("button", { key: 'e7bbb527601bda49a4d4e5c28a555acb5714bd5b', class: "sd-popover-menu__close-button", onClick: () => this.handleClose() }, index.h("sd-icon", { key: '0e0ec3542195f3eb6955ef68ab82d947460271d3', name: "close", size: "12", color: "#AAAAAA" }))))))));
|
|
46
46
|
}
|
|
47
47
|
static get watchers() { return {
|
|
48
48
|
"show": ["watchShowHandler"]
|
|
49
49
|
}; }
|
|
50
50
|
};
|
|
51
|
-
SdPopover.style = sdPopoverCss;
|
|
51
|
+
SdPopover.style = sdPopoverCss();
|
|
52
52
|
|
|
53
53
|
exports.sd_popover = SdPopover;
|
|
54
54
|
//# sourceMappingURL=sd-popover.entry.cjs.js.map
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-B7tkxTye.js');
|
|
4
4
|
|
|
5
|
-
const sdProgressCss =
|
|
5
|
+
const sdProgressCss = () => `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}`;
|
|
6
6
|
|
|
7
7
|
const SdProgress = class {
|
|
8
8
|
constructor(hostRef) {
|
|
@@ -21,10 +21,10 @@ const SdProgress = class {
|
|
|
21
21
|
error: '#FB4444',
|
|
22
22
|
};
|
|
23
23
|
render() {
|
|
24
|
-
return (index.h(index.Host, { key: '
|
|
24
|
+
return (index.h(index.Host, { key: 'ecd9801daf4fcb4a3a680286354c436b1423778a', style: {
|
|
25
25
|
'--progress-color': this.statusColor[this.status],
|
|
26
26
|
'--progress-percentage': `${this.percentage}%`,
|
|
27
|
-
} }, this.type === 'bar' ? this.renderBarProgress() : this.renderSpinnerProgress(), this.label && index.h("div", { key: '
|
|
27
|
+
} }, this.type === 'bar' ? this.renderBarProgress() : this.renderSpinnerProgress(), this.label && index.h("div", { key: '167d080cefe222ac28d966bbcf0aca4a122c98ea', class: "sd-progress__label" }, this.label)));
|
|
28
28
|
}
|
|
29
29
|
renderBarProgress() {
|
|
30
30
|
return (index.h("div", { class: `sd-progress__bar sd-progress__bar--${this.status}` }, index.h("div", { class: ['sd-progress__bar__percent', this.percentage < 100 ? 'proceed' : ''].join(' ') }), index.h("div", { class: "sd-progress__bar__indicator sd-progress__bar__indicator--left" }, this.percentage, "%"), index.h("div", { class: "sd-progress__bar__indicator sd-progress__bar__indicator--right" }, this.percentage, "%")));
|
|
@@ -38,7 +38,7 @@ const SdProgress = class {
|
|
|
38
38
|
return (index.h("div", { class: `sd-progress__spinner sd-progress__spinner--${this.status}` }, index.h("svg", { width: progressBgSize, height: progressBgSize }, index.h("circle", { cx: progressSize, cy: progressSize, r: radius, stroke: "#EEEEEE", "stroke-width": this.strokeWidth, fill: "transparent" }), index.h("circle", { cx: progressSize, cy: progressSize, r: radius, stroke: this.statusColor[this.status], "stroke-width": this.strokeWidth, fill: "transparent", "stroke-dasharray": circumference, "stroke-dashoffset": offset, "stroke-linecap": "round", class: "transition-all duration-500" })), index.h("strong", { class: "sd-progress__spinner__label" }, this.percentage, " %")));
|
|
39
39
|
}
|
|
40
40
|
};
|
|
41
|
-
SdProgress.style = sdProgressCss;
|
|
41
|
+
SdProgress.style = sdProgressCss();
|
|
42
42
|
|
|
43
43
|
exports.sd_progress = SdProgress;
|
|
44
44
|
//# sourceMappingURL=sd-progress.entry.cjs.js.map
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var index = require('./index-B7tkxTye.js');
|
|
4
|
+
|
|
5
|
+
const sdRadioButtonGroupCss = () => `sd-radio-button-group{display:inline-block}sd-radio-button-group .sd-radio-button-group{display:flex;flex-direction:row;gap:0}sd-radio-button-group .sd-radio-button-group__option{display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid #cccccc;background-color:white;color:#333333;font-weight:400;transition:all 0.2s ease;position:relative;user-select:none}sd-radio-button-group .sd-radio-button-group__option input{display:none}sd-radio-button-group .sd-radio-button-group__option:not(:first-child){margin-left:-1px}sd-radio-button-group .sd-radio-button-group__option:first-child{border-radius:4px 0 0 4px}sd-radio-button-group .sd-radio-button-group__option:last-child{border-radius:0 4px 4px 0}sd-radio-button-group .sd-radio-button-group__option:only-child{border-radius:4px}sd-radio-button-group .sd-radio-button-group__option:not(sd-radio-button-group .sd-radio-button-group__option--disabled):not(sd-radio-button-group .sd-radio-button-group__option--selected):hover{background-color:#0075ff;color:white;font-weight:500;border-color:#0075ff;z-index:2}sd-radio-button-group .sd-radio-button-group__option--selected{border-color:#0075ff;color:#0075ff;background-color:white;z-index:1}sd-radio-button-group .sd-radio-button-group__option--disabled{background-color:#e1e1e1;border-color:#cccccc;color:#888888;cursor:not-allowed}sd-radio-button-group .sd-radio-button-group__option:has(input:disabled){cursor:not-allowed}sd-radio-button-group .sd-radio-button-group__label{user-select:none}sd-radio-button-group .sd-radio-button-group--sm .sd-radio-button-group__option{padding:4px 12px;font-size:12px;line-height:20px}sd-radio-button-group .sd-radio-button-group--md .sd-radio-button-group__option{padding:4px 20px;font-size:16px;line-height:26px}`;
|
|
6
|
+
|
|
7
|
+
const SdRadioButtonGroup = class {
|
|
8
|
+
constructor(hostRef) {
|
|
9
|
+
index.registerInstance(this, hostRef);
|
|
10
|
+
this.sdChange = index.createEvent(this, "sdChange");
|
|
11
|
+
}
|
|
12
|
+
value;
|
|
13
|
+
radioOptions = [];
|
|
14
|
+
size = 'md';
|
|
15
|
+
disabled = false;
|
|
16
|
+
name;
|
|
17
|
+
selectedValue;
|
|
18
|
+
sdChange;
|
|
19
|
+
componentWillLoad() {
|
|
20
|
+
if (this.value !== undefined && this.value !== null) {
|
|
21
|
+
this.selectedValue = this.value;
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
valueChanged(newValue) {
|
|
25
|
+
this.selectedValue = newValue;
|
|
26
|
+
}
|
|
27
|
+
handleRadioChange = (optionValue, optionDisabled) => {
|
|
28
|
+
if (this.disabled || optionDisabled)
|
|
29
|
+
return;
|
|
30
|
+
this.selectedValue = optionValue;
|
|
31
|
+
this.value = optionValue;
|
|
32
|
+
this.sdChange.emit(optionValue);
|
|
33
|
+
};
|
|
34
|
+
isOptionSelected(option) {
|
|
35
|
+
return this.selectedValue === option.value;
|
|
36
|
+
}
|
|
37
|
+
isOptionDisabled(option) {
|
|
38
|
+
return this.disabled || !!option.disabled;
|
|
39
|
+
}
|
|
40
|
+
getButtonClasses(option) {
|
|
41
|
+
const classes = [
|
|
42
|
+
'sd-radio-button-group__option',
|
|
43
|
+
this.isOptionSelected(option)
|
|
44
|
+
? 'sd-radio-button-group__option--selected'
|
|
45
|
+
: 'sd-radio-button-group__option--unselected',
|
|
46
|
+
];
|
|
47
|
+
if (this.isOptionDisabled(option)) {
|
|
48
|
+
classes.push('sd-radio-button-group__option--disabled');
|
|
49
|
+
}
|
|
50
|
+
return classes.join(' ');
|
|
51
|
+
}
|
|
52
|
+
getGroupClasses() {
|
|
53
|
+
const classes = ['sd-radio-button-group', `sd-radio-button-group--${this.size}`];
|
|
54
|
+
return classes.join(' ');
|
|
55
|
+
}
|
|
56
|
+
render() {
|
|
57
|
+
const groupName = this.name || `sd-radio-button-group-${Math.random().toString(36).substring(2, 11)}`;
|
|
58
|
+
return (index.h("div", { key: '11b2fa2d7c019ea5d1c535e8f36ac488169e11e9', class: this.getGroupClasses(), role: "radiogroup", "aria-disabled": this.disabled.toString() }, this.radioOptions.map((option, index$1) => {
|
|
59
|
+
const isSelected = this.isOptionSelected(option);
|
|
60
|
+
const isDisabled = this.isOptionDisabled(option);
|
|
61
|
+
return (index.h("label", { key: `radio-${index$1}`, class: this.getButtonClasses(option), role: "radio", "aria-checked": isSelected.toString(), "aria-disabled": isDisabled.toString(), "aria-label": option.label || 'radio option' }, index.h("input", { type: "radio", name: groupName, value: option.value.toString(), checked: isSelected, disabled: isDisabled, onInput: () => this.handleRadioChange(option.value, option.disabled) }), option.label && index.h("span", { class: "sd-radio-button-group__label" }, option.label)));
|
|
62
|
+
})));
|
|
63
|
+
}
|
|
64
|
+
static get watchers() { return {
|
|
65
|
+
"value": ["valueChanged"]
|
|
66
|
+
}; }
|
|
67
|
+
};
|
|
68
|
+
SdRadioButtonGroup.style = sdRadioButtonGroupCss();
|
|
69
|
+
|
|
70
|
+
exports.sd_radio_button_group = SdRadioButtonGroup;
|
|
71
|
+
//# sourceMappingURL=sd-radio-button-group.entry.cjs.js.map
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-B7tkxTye.js');
|
|
4
4
|
var selectKeyboardNavigation = require('./select-keyboard-navigation-6fO_V4En.js');
|
|
5
5
|
|
|
6
|
-
const sdSelectMultipleGroupCss =
|
|
6
|
+
const sdSelectMultipleGroupCss = () => `.sd-select-multiple-group__dropdown{overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.sd-select-multiple-group__dropdown::-webkit-scrollbar{opacity:0;background:#e5e5e5}.sd-select-multiple-group__dropdown::-webkit-scrollbar:horizontal{height:8px}.sd-select-multiple-group__dropdown::-webkit-scrollbar:vertical{width:8px}.sd-select-multiple-group__dropdown::-webkit-scrollbar-thumb{height:80px;background-color:#cccccc;border-radius:4px}.sd-select-multiple-group__dropdown::-webkit-scrollbar-track{background-color:transparent}sd-select-multiple-group{display:inline-block;height:fit-content}sd-select-multiple-group .sd-select-multiple-group{display:flex;flex-wrap:nowrap;width:var(--select-width, 200px);cursor:pointer;user-select:none;border:1px solid #aaaaaa;border-radius:4px;background-color:white;color:#333333}sd-select-multiple-group .sd-select-multiple-group:hover:not(.sd-select-multiple-group--disabled){background:#f6f6f6}sd-select-multiple-group .sd-select-multiple-group.sd-select-multiple-group--disabled{cursor:not-allowed;background-color:#eeeeee;border-color:#cccccc}sd-select-multiple-group .sd-select-multiple-group.sd-select-multiple-group--disabled .sd-select-multiple-group__label{border-right:1px solid #cccccc}sd-select-multiple-group .sd-select-multiple-group.sd-select-multiple-group--disabled .sd-select-multiple-group__trigger{color:#888888}sd-select-multiple-group .sd-select-multiple-group.sd-select-multiple-group--disabled .sd-select-multiple-group__trigger:focus,sd-select-multiple-group .sd-select-multiple-group.sd-select-multiple-group--disabled .sd-select-multiple-group__trigger:focus-visible,sd-select-multiple-group .sd-select-multiple-group.sd-select-multiple-group--disabled .sd-select-multiple-group__trigger:focus-within{outline:none !important}sd-select-multiple-group .sd-select-multiple-group__label{font-size:12px;font-weight:500;color:#333333;padding:4px 12px;border-right:1px solid #cccccc;border-radius:4px 0 0 4px;background-color:#f6f6f6}sd-select-multiple-group .sd-select-multiple-group__container{position:relative;width:100%;display:flex}sd-select-multiple-group .sd-select-multiple-group__container .sd-select-multiple-group__trigger{padding:4px 20px 4px 12px;display:flex;width:100%;align-items:center}sd-select-multiple-group .sd-select-multiple-group__container .sd-select-multiple-group__trigger .sd-select-multiple-group__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px;font-size:12px;font-weight:400}sd-select-multiple-group .sd-select-multiple-group__container .sd-select-multiple-group__trigger .sd-select-multiple-group__clear{margin:0 4px;width:8px;height:8px;background-color:transparent;outline:none;border:none}sd-select-multiple-group .sd-select-multiple-group__container .sd-select-multiple-group__arrow{position:absolute;top:8px;right:8px;width:12px;height:12px;color:#888888;transition:transform 0.3s ease}sd-select-multiple-group .sd-select-multiple-group__container .sd-select-multiple-group__arrow--open{transform:rotate(180deg)}.sd-select-multiple-group__dropdown{width:var(--select-width, 200px);max-height:var(--select-dropdown-height, 260px);padding-bottom:2px;background-color:white;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.1);border-radius:4px;overflow-y:auto;color:#333333}.sd-select-multiple-group__dropdown .sd-select-multiple-group__search-container{position:sticky;top:0;display:flex;width:100%;background-color:white;align-items:center;padding:4px 8px}.sd-select-multiple-group__dropdown .sd-select-multiple-group__search-container sd-input{width:100%}.sd-select-multiple-group__dropdown .sd-select-multiple-group__search-container--scrolled{box-shadow:2px 2px 8px 2px rgba(0, 0, 0, 0.2)}.sd-select-multiple-group__dropdown .sd-select-multiple-group__option-placeholder{padding:4px 12px;font-size:12px;line-height:20px}`;
|
|
7
7
|
|
|
8
8
|
const SdSelectMultipleGroup = class extends selectKeyboardNavigation.BaseDropdownEvent {
|
|
9
9
|
constructor(hostRef) {
|
|
@@ -63,7 +63,7 @@ const SdSelectMultipleGroup = class extends selectKeyboardNavigation.BaseDropdow
|
|
|
63
63
|
if (this.searchable) {
|
|
64
64
|
const searchInput = await this.getNativeInputElement();
|
|
65
65
|
if (this.itemIndex === -1) {
|
|
66
|
-
searchInput?.focus();
|
|
66
|
+
searchInput?.focus({ preventScroll: true });
|
|
67
67
|
return;
|
|
68
68
|
}
|
|
69
69
|
else if (searchInput?.matches(':focus')) {
|
|
@@ -101,7 +101,7 @@ const SdSelectMultipleGroup = class extends selectKeyboardNavigation.BaseDropdow
|
|
|
101
101
|
// 드롭다운이 열릴 때 검색 입력에 포커스
|
|
102
102
|
if (this.searchable) {
|
|
103
103
|
const searchInput = await this.getNativeInputElement();
|
|
104
|
-
searchInput?.focus();
|
|
104
|
+
searchInput?.focus({ preventScroll: true });
|
|
105
105
|
}
|
|
106
106
|
if (!currentItem)
|
|
107
107
|
return;
|
|
@@ -345,11 +345,11 @@ const SdSelectMultipleGroup = class extends selectKeyboardNavigation.BaseDropdow
|
|
|
345
345
|
'--select-width': this.width || '200px',
|
|
346
346
|
'--select-dropdown-height': this.dropdownHeight || '260px',
|
|
347
347
|
};
|
|
348
|
-
return (index.h(index.Host, { key: '
|
|
348
|
+
return (index.h(index.Host, { key: 'efc8661d6cd2e043b5e43e0872de3a9bff6d57a6', style: style }, index.h("div", { key: 'e9f7615f75cb28974dececc8e847e868aef8210c', class: {
|
|
349
349
|
'sd-select-multiple-group': true,
|
|
350
350
|
'sd-select-multiple-group--open': this.isOpen,
|
|
351
351
|
'sd-select-multiple-group--disabled': this.disabled,
|
|
352
|
-
}, style: this.containerStyle, ref: el => (this.selectRef = el) }, this.renderLabel(this.label, this.labelStyle), index.h("div", { key: '
|
|
352
|
+
}, style: this.containerStyle, ref: el => (this.selectRef = el) }, this.renderLabel(this.label, this.labelStyle), index.h("div", { key: '37ea4df1408eebde9e9e6d6d42579a3c40da325a', class: "sd-select-multiple-group__container" }, this.renderTrigger(), this.renderDropdown()))));
|
|
353
353
|
}
|
|
354
354
|
renderLabel(label, labelStyle) {
|
|
355
355
|
if (!label)
|
|
@@ -400,7 +400,7 @@ const SdSelectMultipleGroup = class extends selectKeyboardNavigation.BaseDropdow
|
|
|
400
400
|
"isOpen": ["isOpenChanged"]
|
|
401
401
|
}; }
|
|
402
402
|
};
|
|
403
|
-
SdSelectMultipleGroup.style = sdSelectMultipleGroupCss;
|
|
403
|
+
SdSelectMultipleGroup.style = sdSelectMultipleGroupCss();
|
|
404
404
|
|
|
405
405
|
exports.sd_select_multiple_group = SdSelectMultipleGroup;
|
|
406
406
|
//# sourceMappingURL=sd-select-multiple-group.entry.cjs.js.map
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-B7tkxTye.js');
|
|
4
4
|
|
|
5
|
-
const sdSelectOptionGroupCss =
|
|
5
|
+
const sdSelectOptionGroupCss = () => `sd-select-option-group{display:block;height:fit-content}sd-select-option-group .sd-select__option-group{display:flex;padding:4px 12px;padding-left:12px;font-size:12px;line-height:20px;cursor:pointer}sd-select-option-group .sd-select__option-group.sd-select__option-group--group:not(.sd-select__option-group--use-checkbox),sd-select-option-group .sd-select__option-group.sd-select__option-group--subgroup:not(.sd-select__option-group--use-checkbox){cursor:default !important}sd-select-option-group .sd-select__option-group.sd-select__option-group--group{background-color:#f5faff !important;color:#333333 !important;font-weight:700}sd-select-option-group .sd-select__option-group.sd-select__option-group--subgroup{padding-left:20px;background-color:#f9f9f9 !important;color:#333333 !important;font-weight:500}sd-select-option-group .sd-select__option-group.sd-select__option-group--item{padding-left:28px}sd-select-option-group .sd-select__option-group sd-checkbox__bg{border-color:#888888}sd-select-option-group .sd-select__option-group__label-wrapper{display:flex;width:100%;column-gap:8px;align-items:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}sd-select-option-group .sd-select__option-group__label-wrapper sd-checkbox{flex-shrink:0}sd-select-option-group .sd-select__option-group__label-wrapper .sd-select__option-group-label{flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}sd-select-option-group .sd-select__option-group__label-wrapper .sd-select__option-group__count-indicator{width:fit-content;flex-shrink:0;font-size:12px;font-weight:500;color:#888888}sd-select-option-group .sd-select__option-group--focused{background-color:#e6f1ff}sd-select-option-group .sd-select__option-group--selected.sd-select__option-group--item:not(:hover):not(.sd-select__option-group--use-checkbox),sd-select-option-group .sd-select__option-group--focused.sd-select__option-group--item:not(:hover):not(.sd-select__option-group--use-checkbox){color:#0075ff;font-weight:700}sd-select-option-group .sd-select__option-group--disabled{color:#aaaaaa;cursor:not-allowed}sd-select-option-group .sd-select__option-group:hover:not(.sd-select__option-group--disabled){background-color:#0075ff;color:white}sd-select-option-group .sd-select__option-group:hover.sd-select__option-group--selected:not(.sd-select__option-group--group):not(.sd-select__option-group--subgroup) sd-checkbox .sd-checkbox__bg{border-color:white !important}`;
|
|
6
6
|
|
|
7
7
|
const SdSelectOptionGroup = class {
|
|
8
8
|
constructor(hostRef) {
|
|
@@ -48,7 +48,7 @@ const SdSelectOptionGroup = class {
|
|
|
48
48
|
}
|
|
49
49
|
};
|
|
50
50
|
render() {
|
|
51
|
-
return (index.h("div", { key: '
|
|
51
|
+
return (index.h("div", { key: 'db08c9cdb5179cccfa040fa03e06f286231bc83f', class: {
|
|
52
52
|
'sd-select__option-group': true,
|
|
53
53
|
'sd-select__option-group--selected': !!this.isSelected,
|
|
54
54
|
'sd-select__option-group--disabled': !!this.option.disabled,
|
|
@@ -57,13 +57,13 @@ const SdSelectOptionGroup = class {
|
|
|
57
57
|
'sd-select__option-group--group': this.option.type === 'group',
|
|
58
58
|
'sd-select__option-group--subgroup': this.option.type === 'subgroup',
|
|
59
59
|
'sd-select__option-group--item': this.option.type === 'item',
|
|
60
|
-
}, onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false), style: this.optionStyle, "data-index": this.index, onClick: event => this.handleClick(this.option, this.isSelected, event) }, index.h("div", { key: '
|
|
60
|
+
}, onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false), style: this.optionStyle, "data-index": this.index, onClick: event => this.handleClick(this.option, this.isSelected, event) }, index.h("div", { key: 'b723d71ef120c5d51f0ab859177d67814411ceaa', class: "sd-select__option-group__label-wrapper" }, this.useCheckbox && (index.h("sd-checkbox", { key: '1630dfc22fb2ec65c186282f499ec4e6f93a228d', checked: this.isSelected, disabled: this.option.disabled, onClick: e => {
|
|
61
61
|
e.preventDefault();
|
|
62
62
|
this.handleClick(this.option, this.isSelected, e);
|
|
63
|
-
} })), index.h("span", { key: '
|
|
63
|
+
} })), index.h("span", { key: '97802250891eca095172dae897bb957e49f9b5e3', class: "sd-select__option-group-label" }, this.option.label), this.useIndicator && this.option.type !== 'item' && (index.h("span", { key: '96fe449b31bce677693f2ad325a6529fc4b264e3', class: "sd-select__option-group__count-indicator" }, `(${this.countInfo?.selectedCount}/${this.countInfo?.totalCount})`)))));
|
|
64
64
|
}
|
|
65
65
|
};
|
|
66
|
-
SdSelectOptionGroup.style = sdSelectOptionGroupCss;
|
|
66
|
+
SdSelectOptionGroup.style = sdSelectOptionGroupCss();
|
|
67
67
|
|
|
68
68
|
exports.sd_select_option_group = SdSelectOptionGroup;
|
|
69
69
|
//# sourceMappingURL=sd-select-option-group.entry.cjs.js.map
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-B7tkxTye.js');
|
|
4
4
|
|
|
5
|
-
const sdTableCss =
|
|
5
|
+
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%)}`;
|
|
6
6
|
|
|
7
7
|
const SdTable = class {
|
|
8
8
|
constructor(hostRef) {
|
|
@@ -196,10 +196,10 @@ const SdTable = class {
|
|
|
196
196
|
}, style: this.getStickyStyle(colIdx) }, index.h("div", { class: `sd-th__content sd-th__content--${col.align || 'left'}` }, index.h("slot", { name: `header-cell-${col.name}` }, index.h("div", { class: "sd-th__content--label" }, col.label)), col.usePageMoveIcon && index.h("sd-icon", { name: "pageMove", size: "12", color: "#006AC1" }), col.tooltip && (index.h("sd-tooltip", { ...col.tooltipOptions }, index.h("div", { slot: "content" }, col.tooltip.map(text => (index.h("p", null, text))))))), this.resizable && typeof window !== 'undefined' && (index.h("div", { class: "sd-th__resizer", onMouseDown: (evt) => this.handleResize(colIdx, evt) }))))))));
|
|
197
197
|
}
|
|
198
198
|
render() {
|
|
199
|
-
return (index.h(index.Host, { key: '
|
|
199
|
+
return (index.h(index.Host, { key: 'e87739da29d845e6125f0902d4ed6b5d026a6396' }, index.h("div", { key: '88cdda9d8ea755451d1d4203e1c99e6299e5976f', class: "sd-table__wrapper", style: {
|
|
200
200
|
'--table-width': this.width,
|
|
201
201
|
'--table-height': this.height,
|
|
202
|
-
} }, index.h("div", { key: '
|
|
202
|
+
} }, index.h("div", { key: 'd3005abd30787fc1dc9abeb696929431953b41af', class: "sd-table__container" }, index.h("div", { key: 'df9392e80901fd65f7ac5dbf5062cc7066350801', class: "sd-table__middle", role: "table" }, index.h("div", { key: 'a0fbd5d6dc678c9dc7a830c42081bb4bbb94ab8c', part: "table", class: this.sdTableClasses }, this.renderHeader(), index.h("sd-tbody", { key: 'adc08dcd7f7f150437ed15de422e5d2715533171' }, index.h("slot", { key: '2ceb6debd25a399178fb3e0357e80f568ca20e37' })))), index.h("div", { key: '281e0bb2159e295dafde37dc7ca393a96e9e7ad4', class: "sd-table__bottom" })), this.pagination && this.innerRows.length > 0 && (index.h("div", { key: '834780fb066391bca88dba1e2944492c30ccbc22', class: "sd-table__pagination" }, index.h("sd-pagination", { key: '623576270d271eab4886e99c2f0163aaf41b2904', currentPage: !this.useInternalPagination ? this.pagination.page : this.currentPage, lastPage: !this.useInternalPagination ? this.pagination.lastPage : this.lastPageNumber, onPageChange: (e) => {
|
|
203
203
|
if (!this.useInternalPagination) {
|
|
204
204
|
this.sdPageChange.emit(e.detail);
|
|
205
205
|
}
|
|
@@ -207,7 +207,7 @@ const SdTable = class {
|
|
|
207
207
|
this.currentPage = e.detail;
|
|
208
208
|
this.sdPageChange.emit(this.currentPage);
|
|
209
209
|
}
|
|
210
|
-
} }), this.useRowsPerPageSelect && (index.h("sd-select", { key: '
|
|
210
|
+
} }), this.useRowsPerPageSelect && (index.h("sd-select", { key: '85ea699d7acb1ad4eccc6c97ca668a60c6f606e7', value: this.pagination.rowsPerPage, options: this.rowsPerPageOption, width: "128px", onSdChange: (e) => {
|
|
211
211
|
const changedRowsPerPage = e.detail.value ? Number(e.detail.value) : 0;
|
|
212
212
|
if (!this.useInternalPagination) {
|
|
213
213
|
this.sdRowsPerPageChange.emit(changedRowsPerPage);
|
|
@@ -236,7 +236,7 @@ const SdTable = class {
|
|
|
236
236
|
"pagination": ["handlePaginationChange"]
|
|
237
237
|
}; }
|
|
238
238
|
};
|
|
239
|
-
SdTable.style = sdTableCss;
|
|
239
|
+
SdTable.style = sdTableCss();
|
|
240
240
|
|
|
241
241
|
exports.sd_table = SdTable;
|
|
242
242
|
//# sourceMappingURL=sd-table.entry.cjs.js.map
|
|
@@ -1,42 +1,42 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-B7tkxTye.js');
|
|
4
4
|
|
|
5
|
-
const sdTbodyCss =
|
|
5
|
+
const sdTbodyCss = () => `sd-tbody{display:table-row-group}`;
|
|
6
6
|
|
|
7
7
|
const SdTbody = class {
|
|
8
8
|
constructor(hostRef) {
|
|
9
9
|
index.registerInstance(this, hostRef);
|
|
10
10
|
}
|
|
11
11
|
render() {
|
|
12
|
-
return (index.h(index.Host, { key: '
|
|
12
|
+
return (index.h(index.Host, { key: '96bedf612efa56d790df7070e2641f6769da81a9' }, index.h("slot", { key: '9980c55cf76b1600034d8dcd60249b392c0c50f2' })));
|
|
13
13
|
}
|
|
14
14
|
};
|
|
15
|
-
SdTbody.style = sdTbodyCss;
|
|
15
|
+
SdTbody.style = sdTbodyCss();
|
|
16
16
|
|
|
17
|
-
const sdThCss =
|
|
17
|
+
const sdThCss = () => `sd-th{display:table-cell;padding:12px;font-weight:bold;text-align:left;border-bottom:2px solid #ddd;background-color:#f1f1f1}`;
|
|
18
18
|
|
|
19
19
|
const SdTh = class {
|
|
20
20
|
constructor(hostRef) {
|
|
21
21
|
index.registerInstance(this, hostRef);
|
|
22
22
|
}
|
|
23
23
|
render() {
|
|
24
|
-
return (index.h(index.Host, { key: '
|
|
24
|
+
return (index.h(index.Host, { key: 'cbd2372809ca102893f62b3b4e2d51342cc4c52f', role: "columnheader" }, index.h("slot", { key: 'c51c2635013c8d405bf3d95d46d2b99bc52c3326' })));
|
|
25
25
|
}
|
|
26
26
|
};
|
|
27
|
-
SdTh.style = sdThCss;
|
|
27
|
+
SdTh.style = sdThCss();
|
|
28
28
|
|
|
29
|
-
const sdTrCss =
|
|
29
|
+
const sdTrCss = () => `sd-tr{display:table-row}`;
|
|
30
30
|
|
|
31
31
|
const SdTr = class {
|
|
32
32
|
constructor(hostRef) {
|
|
33
33
|
index.registerInstance(this, hostRef);
|
|
34
34
|
}
|
|
35
35
|
render() {
|
|
36
|
-
return (index.h(index.Host, { key: '
|
|
36
|
+
return (index.h(index.Host, { key: '228bb6d6b5225bd035cce96cd817beb9e2734ab4', role: "row" }, index.h("slot", { key: '8906dfdeb89afb1028a30a5b16b034f6c2ba67b9' })));
|
|
37
37
|
}
|
|
38
38
|
};
|
|
39
|
-
SdTr.style = sdTrCss;
|
|
39
|
+
SdTr.style = sdTrCss();
|
|
40
40
|
|
|
41
41
|
exports.sd_tbody = SdTbody;
|
|
42
42
|
exports.sd_th = SdTh;
|