@sellmate/design-system 1.0.78 → 1.1.0
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/component.table-B7brIpIQ.js +56 -0
- package/dist/cjs/design-system.cjs.js +2 -2
- package/dist/cjs/{index--F2wGuAi.js → index-BlxrCRYi.js} +1 -1
- package/dist/cjs/index.cjs.js +4 -4
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{resolveColor-LhfOKtTZ.js → resolveColor-B0hzQNLG.js} +2 -2
- package/dist/cjs/sd-action-modal.cjs.entry.js +3 -3
- package/dist/cjs/sd-badge.cjs.entry.js +2 -3
- package/dist/cjs/sd-barcode-input.cjs.entry.js +3 -3
- package/dist/cjs/{sd-button-v2.config-CnqCQQMi.js → sd-button.config-DH08UNfl.js} +114 -28
- package/dist/cjs/{sd-button-v2_2.cjs.entry.js → sd-button_2.cjs.entry.js} +101 -85
- package/dist/cjs/sd-calendar.cjs.entry.js +15 -15
- package/dist/cjs/sd-card.cjs.entry.js +2 -2
- package/dist/cjs/sd-checkbox.cjs.entry.js +4 -4
- package/dist/cjs/sd-chip.cjs.entry.js +2 -2
- package/dist/cjs/sd-circle-progress.cjs.entry.js +3 -3
- package/dist/cjs/sd-confirm-modal_2.cjs.entry.js +19 -11
- package/dist/cjs/sd-date-box.cjs.entry.js +4 -4
- package/dist/cjs/{sd-date-picker-calendar.cjs.entry.js → sd-date-picker-calendar_2.cjs.entry.js} +51 -3
- package/dist/cjs/{sd-date-picker.config-CRgCT5dn.js → sd-date-picker.config-CjvrFpYK.js} +1 -2
- package/dist/cjs/sd-date-picker_7.cjs.entry.js +1230 -0
- package/dist/cjs/sd-date-range-picker-calendar.cjs.entry.js +3 -3
- package/dist/cjs/sd-dropdown-button.cjs.entry.js +28 -27
- package/dist/cjs/{sd-button_4.cjs.entry.js → sd-field_3.cjs.entry.js} +26 -82
- package/dist/cjs/sd-form.cjs.entry.js +2 -2
- package/dist/cjs/sd-ghost-button.cjs.entry.js +12 -10
- package/dist/cjs/sd-guide.cjs.entry.js +9 -9
- package/dist/cjs/sd-key-value-table.cjs.entry.js +230 -0
- package/dist/cjs/sd-linear-progress.cjs.entry.js +3 -3
- package/dist/cjs/sd-loading-container.cjs.entry.js +3 -3
- package/dist/cjs/sd-modal-container.cjs.entry.js +1 -1
- package/dist/cjs/{sd-pagination_5.cjs.entry.js → sd-pagination_4.cjs.entry.js} +34 -296
- package/dist/cjs/sd-popover.cjs.entry.js +17 -10
- package/dist/cjs/sd-popup.cjs.entry.js +112 -0
- package/dist/cjs/sd-portal.cjs.entry.js +2 -2
- package/dist/cjs/sd-radio-button.cjs.entry.js +4 -4
- package/dist/cjs/sd-radio.cjs.entry.js +2 -2
- package/dist/cjs/sd-select-list-item_2.cjs.entry.js +155 -0
- package/dist/cjs/sd-select.config-B19ptCT2.js +178 -0
- package/dist/cjs/{sd-select-list-item_4.cjs.entry.js → sd-select_3.cjs.entry.js} +286 -318
- package/dist/cjs/sd-switch.cjs.entry.js +2 -2
- package/dist/cjs/sd-table.cjs.entry.js +40 -23
- package/dist/cjs/sd-table.config-CDyioyE2.js +65 -0
- package/dist/cjs/sd-tabs.cjs.entry.js +2 -2
- package/dist/cjs/sd-tag.cjs.entry.js +49 -14
- package/dist/cjs/sd-td.cjs.entry.js +2 -2
- package/dist/cjs/sd-text-link.cjs.entry.js +8 -5
- package/dist/cjs/sd-toast-container.cjs.entry.js +5 -5
- package/dist/cjs/sd-toast.cjs.entry.js +35 -5
- package/dist/cjs/sd-toggle.cjs.entry.js +2 -2
- package/dist/cjs/{system-DpTN1vBC.js → system-VmZRYp6V.js} +4 -2
- package/dist/cjs/{tooltipArrow-D1-wcNm1.js → tooltipArrow-N6nQ1QT-.js} +1 -1
- package/dist/collection/collection-manifest.json +4 -3
- package/dist/collection/components/assets/CheckboxCheck.js +5 -0
- package/dist/collection/components/assets/CheckboxIndeterminate.js +5 -0
- package/dist/collection/components/assets/index.js +4 -0
- package/dist/collection/components/sd-action-modal/sd-action-modal.css +1 -1
- package/dist/collection/components/sd-action-modal/sd-action-modal.js +7 -7
- package/dist/collection/components/sd-badge/sd-badge.config.js +10 -1
- package/dist/collection/components/sd-badge/sd-badge.js +1 -22
- package/dist/collection/components/sd-barcode-input/sd-barcode-input.js +4 -4
- package/dist/collection/components/{sd-button-v2/sd-button-v2.config.js → sd-button/sd-button.config.js} +1 -1
- package/dist/collection/components/sd-button/sd-button.css +47 -93
- package/dist/collection/components/sd-button/sd-button.js +99 -173
- package/dist/collection/components/sd-calendar/sd-calendar.js +14 -14
- package/dist/collection/components/sd-card/sd-card.js +1 -1
- package/dist/collection/components/sd-checkbox/sd-checkbox.js +3 -3
- package/dist/collection/components/sd-chip/sd-chip.js +1 -1
- package/dist/collection/components/sd-circle-progress/sd-circle-progress.js +1 -1
- package/dist/collection/components/sd-confirm-modal/sd-confirm-modal.js +13 -8
- package/dist/collection/components/sd-date-box/sd-date-box.js +3 -3
- package/dist/collection/components/sd-date-picker/sd-date-picker-calendar/sd-date-picker-calendar.js +1 -1
- package/dist/collection/components/sd-date-picker/sd-date-picker-trigger/sd-date-picker-trigger.css +1 -1
- package/dist/collection/components/sd-date-picker/sd-date-picker-trigger/sd-date-picker-trigger.js +7 -5
- package/dist/collection/components/sd-date-picker/sd-date-picker.js +4 -4
- package/dist/collection/components/sd-date-range-picker/sd-date-range-picker-calendar/sd-date-range-picker-calendar.js +1 -1
- package/dist/collection/components/sd-date-range-picker/sd-date-range-picker.js +4 -4
- package/dist/collection/components/sd-dropdown-button/sd-dropdown-button.config.js +1 -1
- package/dist/collection/components/sd-dropdown-button/sd-dropdown-button.js +13 -11
- package/dist/collection/components/sd-field/sd-field.css +6 -2
- package/dist/collection/components/sd-field/sd-field.js +30 -5
- package/dist/collection/components/sd-file-picker/sd-file-picker.js +4 -4
- package/dist/collection/components/sd-floating-portal/sd-floating-portal.css +1 -3
- package/dist/collection/components/sd-floating-portal/sd-floating-portal.js +3 -3
- package/dist/collection/components/sd-form/sd-form.js +1 -1
- package/dist/collection/components/sd-ghost-button/sd-ghost-button.js +12 -10
- package/dist/collection/components/sd-guide/sd-guide.css +8 -172
- package/dist/collection/components/sd-guide/sd-guide.js +6 -4
- package/dist/collection/components/sd-icon/sd-icon.js +4 -4
- package/dist/collection/components/sd-input/sd-input.css +4 -2
- package/dist/collection/components/sd-input/sd-input.js +5 -5
- package/dist/collection/components/sd-key-value-table/sd-key-value-table.config.js +36 -0
- package/dist/collection/components/sd-key-value-table/sd-key-value-table.css +119 -0
- package/dist/collection/components/sd-key-value-table/sd-key-value-table.js +301 -0
- package/dist/collection/components/sd-linear-progress/sd-linear-progress.js +1 -1
- package/dist/collection/components/sd-loading-container/sd-loading-container.js +2 -2
- package/dist/collection/components/sd-loading-modal/sd-loading-modal.js +6 -3
- package/dist/collection/components/sd-number-input/sd-number-input.css +7 -0
- package/dist/collection/components/sd-number-input/sd-number-input.js +6 -3
- package/dist/collection/components/sd-pagination/sd-pagination.js +3 -3
- package/dist/collection/components/sd-popover/sd-popover.js +128 -35
- package/dist/collection/components/sd-popup/sd-popup.config.js +34 -0
- package/dist/collection/components/sd-popup/sd-popup.css +73 -0
- package/dist/collection/components/sd-popup/sd-popup.js +163 -0
- package/dist/collection/components/sd-portal/sd-portal.js +1 -1
- package/dist/collection/components/sd-radio/sd-radio.js +1 -1
- package/dist/collection/components/sd-radio-button/sd-radio-button.js +3 -3
- package/dist/collection/components/sd-radio-group/sd-radio-group.js +2 -2
- package/dist/collection/components/sd-select/sd-select-list-item/sd-select-list-item.js +2 -2
- package/dist/collection/components/sd-select/sd-select-list-item-search/sd-select-list-item-search.css +4 -4
- package/dist/collection/components/sd-select/sd-select-list-item-search/sd-select-list-item-search.js +4 -4
- package/dist/collection/components/sd-select/sd-select-listbox/sd-select-listbox.js +5 -5
- package/dist/collection/components/sd-select/sd-select-trigger/sd-select-trigger.js +2 -2
- package/dist/collection/components/sd-select/sd-select.js +5 -5
- package/dist/collection/components/sd-switch/sd-switch.js +1 -1
- package/dist/collection/components/sd-table/sd-table.config.js +2 -2
- package/dist/collection/components/sd-table/sd-table.css +8 -8
- package/dist/collection/components/sd-table/sd-table.js +54 -18
- package/dist/collection/components/sd-table/sd-tbody/sd-tbody.js +2 -2
- package/dist/collection/components/sd-table/sd-td/sd-td.js +1 -1
- package/dist/collection/components/sd-table/sd-thead/sd-thead.js +3 -3
- package/dist/collection/components/sd-table/sd-tr/sd-tr.css +4 -0
- package/dist/collection/components/sd-table/sd-tr/sd-tr.js +21 -3
- package/dist/collection/components/sd-tabs/sd-tabs.js +1 -1
- package/dist/collection/components/sd-tag/sd-tag.config.js +40 -8
- package/dist/collection/components/sd-tag/sd-tag.js +9 -6
- package/dist/collection/components/sd-text-link/sd-text-link.css +1 -0
- package/dist/collection/components/sd-text-link/sd-text-link.js +5 -4
- package/dist/collection/components/sd-textarea/sd-textarea.css +3 -0
- package/dist/collection/components/sd-textarea/sd-textarea.js +2 -2
- package/dist/collection/components/sd-toast/sd-toast.config.js +14 -0
- package/dist/collection/components/sd-toast/sd-toast.css +3 -5
- package/dist/collection/components/sd-toast/sd-toast.js +52 -5
- package/dist/collection/components/sd-toast-container/sd-toast-container.js +4 -4
- package/dist/collection/components/sd-toggle/sd-toggle.js +1 -1
- package/dist/collection/components/sd-tooltip/sd-tooltip.js +77 -30
- package/dist/collection/utils/color/resolveColor.js +2 -2
- package/dist/collection/utils/dropdown-manager.js +1 -1
- package/dist/collection/utils/toast.js +4 -4
- package/dist/components/index.js +1 -1
- package/dist/components/p--t9jBTYS.js +1 -0
- package/dist/components/p-At6nBeyO.js +1 -0
- package/dist/components/p-B1MabGRR.js +1 -0
- package/dist/components/{p-CeVMl_M9.js → p-B73VhbYi.js} +1 -1
- package/dist/components/p-BDQQllAo.js +1 -0
- package/dist/components/p-BDr27lvk.js +1 -0
- package/dist/components/p-BPsOJlCP.js +1 -0
- package/dist/components/p-BQ6at17Y.js +1 -0
- package/dist/components/p-BW_sBt7X.js +1 -0
- package/dist/components/p-BX3TJuQY.js +1 -0
- package/dist/components/p-BeK8amzx.js +1 -0
- package/dist/components/{p-Bvq0Vpln.js → p-BfkuCNCI.js} +1 -1
- package/dist/components/p-Bm_T3qE0.js +1 -0
- package/dist/components/{p-DegvQLTF.js → p-BnzK4uU4.js} +1 -1
- package/dist/components/{p-q0VWISKA.js → p-BqkJ0rZv.js} +1 -1
- package/dist/components/p-C4PmGpW8.js +1 -0
- package/dist/components/{p-Nvx13YlG.js → p-C9CszVFl.js} +1 -1
- package/dist/components/p-CGBnxqG2.js +1 -0
- package/dist/components/p-CGQWERwE.js +1 -0
- package/dist/components/{p-DkJqVXpD.js → p-CT3dfy3K.js} +1 -1
- package/dist/components/p-CZmKBmKx.js +1 -0
- package/dist/components/p-CnarDyZi.js +1 -0
- package/dist/components/p-Cr2ghUra.js +1 -0
- package/dist/components/{p-BStczlLa.js → p-Cspm6LxP.js} +1 -1
- package/dist/components/p-Cx3jXw9J.js +1 -0
- package/dist/components/{p-Dcc2Vm6z.js → p-D5TRyquv.js} +1 -1
- package/dist/components/p-D8WAP9T3.js +1 -0
- package/dist/components/p-DG-4Ifco.js +1 -0
- package/dist/components/{p-TwGlKfsC.js → p-DG45uNxd.js} +1 -1
- package/dist/components/p-DdLntfiw.js +1 -0
- package/dist/components/{p-BJsHakU2.js → p-DfXAgw0E.js} +1 -1
- package/dist/components/p-Dr1AMbBj.js +1 -0
- package/dist/components/p-GBlVDmy4.js +1 -0
- package/dist/components/p-MMkRcTBd.js +1 -0
- package/dist/components/p-MQTl8fGT.js +1 -0
- package/dist/components/p-ZstG0XdT.js +1 -0
- package/dist/components/p-h7eBUL4i.js +1 -0
- package/dist/components/p-lyB7zSp-.js +1 -0
- package/dist/components/{p-D1DpOp6M.js → p-oIM6jNZe.js} +1 -1
- package/dist/components/p-oKHZl8yu.js +1 -0
- package/dist/components/p-ofkgu5aS.js +1 -0
- package/dist/components/sd-action-modal.js +1 -1
- package/dist/components/sd-badge.js +1 -1
- package/dist/components/sd-barcode-input.js +1 -1
- package/dist/components/sd-button.js +1 -1
- package/dist/components/sd-calendar.js +1 -1
- package/dist/components/sd-card.js +1 -1
- package/dist/components/sd-checkbox.js +1 -1
- package/dist/components/sd-chip.js +1 -1
- package/dist/components/sd-circle-progress.js +1 -1
- package/dist/components/sd-confirm-modal.js +1 -1
- package/dist/components/sd-date-box.js +1 -1
- package/dist/components/sd-date-picker-calendar.js +1 -1
- package/dist/components/sd-date-picker-trigger.js +1 -1
- package/dist/components/sd-date-picker.js +1 -1
- package/dist/components/sd-date-range-picker-calendar.js +1 -1
- package/dist/components/sd-date-range-picker.js +1 -1
- package/dist/components/sd-dropdown-button.js +1 -1
- package/dist/components/sd-field.js +1 -1
- package/dist/components/sd-file-picker.js +1 -1
- package/dist/components/sd-floating-portal.js +1 -1
- package/dist/components/sd-form.js +1 -1
- package/dist/components/sd-ghost-button.js +1 -1
- package/dist/components/sd-guide.js +1 -1
- package/dist/components/sd-icon.js +1 -1
- package/dist/components/sd-input.js +1 -1
- package/dist/components/sd-key-value-table.d.ts +11 -0
- package/dist/components/sd-key-value-table.js +1 -0
- package/dist/components/sd-linear-progress.js +1 -1
- package/dist/components/sd-loading-container.js +1 -1
- package/dist/components/sd-loading-modal.js +1 -1
- package/dist/components/sd-modal-container.js +1 -1
- package/dist/components/sd-number-input.js +1 -1
- package/dist/components/sd-pagination.js +1 -1
- package/dist/components/sd-popover.js +1 -1
- package/dist/components/{sd-button-v2.d.ts → sd-popup.d.ts} +4 -4
- package/dist/components/sd-popup.js +1 -0
- package/dist/components/sd-portal.js +1 -1
- package/dist/components/sd-radio-button.js +1 -1
- package/dist/components/sd-radio-group.js +1 -1
- package/dist/components/sd-radio.js +1 -1
- package/dist/components/sd-select-list-item-search.js +1 -1
- package/dist/components/sd-select-list-item.js +1 -1
- package/dist/components/sd-select-listbox.js +1 -1
- package/dist/components/sd-select-trigger.js +1 -1
- package/dist/components/sd-select.js +1 -1
- package/dist/components/sd-switch.js +1 -1
- package/dist/components/sd-table.js +1 -1
- package/dist/components/sd-tabs.js +1 -1
- package/dist/components/sd-tag.js +1 -1
- package/dist/components/sd-tbody.js +1 -1
- package/dist/components/sd-td.js +1 -1
- package/dist/components/sd-text-link.js +1 -1
- package/dist/components/sd-textarea.js +1 -1
- package/dist/components/sd-thead.js +1 -1
- package/dist/components/sd-toast-container.js +1 -1
- package/dist/components/sd-toast.js +1 -1
- package/dist/components/sd-toggle.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.css +1 -1
- package/dist/design-system/design-system.esm.js +1 -1
- package/dist/design-system/index.esm.js +1 -1
- package/dist/design-system/p-02289728.entry.js +1 -0
- package/dist/design-system/p-17d66d85.entry.js +1 -0
- package/dist/design-system/p-18466728.entry.js +1 -0
- package/dist/design-system/p-1bb86d69.entry.js +1 -0
- package/dist/design-system/p-20a50702.entry.js +1 -0
- package/dist/design-system/p-21874054.entry.js +1 -0
- package/dist/design-system/p-282cbefa.entry.js +1 -0
- package/dist/design-system/p-29ed11e5.entry.js +1 -0
- package/dist/design-system/p-328fae12.entry.js +1 -0
- package/dist/design-system/p-35dce399.entry.js +1 -0
- package/dist/design-system/{p-1cf87e87.entry.js → p-39ff56b4.entry.js} +1 -1
- package/dist/design-system/p-3cb712a6.entry.js +1 -0
- package/dist/design-system/{p-f522c91d.entry.js → p-4e2953eb.entry.js} +1 -1
- package/dist/design-system/p-7610153d.entry.js +1 -0
- package/dist/design-system/{p-25a08e98.entry.js → p-7722ddeb.entry.js} +1 -1
- package/dist/design-system/{p-6bfe3612.entry.js → p-7882e388.entry.js} +1 -1
- package/dist/design-system/p-7bfa0cf9.entry.js +1 -0
- package/dist/design-system/p-824ecfb5.entry.js +1 -0
- package/dist/design-system/p-9a04b341.entry.js +1 -0
- package/dist/design-system/p-BDjErF_K.js +1 -0
- package/dist/design-system/p-BQ6at17Y.js +1 -0
- package/dist/design-system/p-CGQWERwE.js +1 -0
- package/dist/design-system/p-CLCoul8o.js +2 -0
- package/dist/design-system/{p-BxPyZJaz.js → p-Ce0cmS4R.js} +1 -1
- package/dist/design-system/p-CxOCk_ge.js +1 -0
- package/dist/design-system/{p-DnCBBIoq.js → p-Dmf0PYdM.js} +1 -1
- package/dist/design-system/p-GBlVDmy4.js +1 -0
- package/dist/design-system/{p-455dccf5.entry.js → p-a7a0ca14.entry.js} +1 -1
- package/dist/design-system/{p-f44786a9.entry.js → p-a942dfbe.entry.js} +1 -1
- package/dist/design-system/p-b04b22c6.entry.js +1 -0
- package/dist/design-system/p-b1bb0d72.entry.js +1 -0
- package/dist/design-system/{p-ead3e688.entry.js → p-b6ca4461.entry.js} +1 -1
- package/dist/design-system/p-b96c694c.entry.js +1 -0
- package/dist/design-system/p-baed13e4.entry.js +1 -0
- package/dist/design-system/{p-045bc426.entry.js → p-bd45e65d.entry.js} +1 -1
- package/dist/design-system/p-bf4156d8.entry.js +1 -0
- package/dist/design-system/{p-e5cebccd.entry.js → p-c0f60b00.entry.js} +1 -1
- package/dist/design-system/p-c228c2c7.entry.js +1 -0
- package/dist/design-system/p-cbda9194.entry.js +1 -0
- package/dist/design-system/{p-fe9cef6a.entry.js → p-cd8e4dd6.entry.js} +1 -1
- package/dist/design-system/p-cf382479.entry.js +1 -0
- package/dist/design-system/p-d0de34fd.entry.js +1 -0
- package/dist/design-system/p-d78fbe16.entry.js +1 -0
- package/dist/design-system/p-e1c0a3c9.entry.js +1 -0
- package/dist/design-system/{p-797517b5.entry.js → p-f3cfff78.entry.js} +1 -1
- package/dist/design-system/{p-3f7bc660.entry.js → p-f5576a0d.entry.js} +1 -1
- package/dist/design-system/p-f60cc7be.entry.js +1 -0
- package/dist/design-system/{p-33bc3176.entry.js → p-feeb0cc5.entry.js} +1 -1
- package/dist/esm/component.table-BQ6at17Y.js +54 -0
- package/dist/esm/design-system.js +3 -3
- package/dist/esm/{index-Cnwbjz1F.js → index-CLCoul8o.js} +1 -1
- package/dist/esm/index.js +4 -4
- package/dist/esm/loader.js +3 -3
- package/dist/esm/{resolveColor-BxPyZJaz.js → resolveColor-Ce0cmS4R.js} +2 -2
- package/dist/esm/sd-action-modal.entry.js +3 -3
- package/dist/esm/sd-badge.entry.js +2 -3
- package/dist/esm/sd-barcode-input.entry.js +3 -3
- package/dist/esm/{sd-button-v2.config-CV4xelxV.js → sd-button.config-BDjErF_K.js} +88 -3
- package/dist/esm/{sd-button-v2_2.entry.js → sd-button_2.entry.js} +101 -85
- package/dist/esm/sd-calendar.entry.js +15 -15
- package/dist/esm/sd-card.entry.js +2 -2
- package/dist/esm/sd-checkbox.entry.js +4 -4
- package/dist/esm/sd-chip.entry.js +2 -2
- package/dist/esm/sd-circle-progress.entry.js +3 -3
- package/dist/esm/sd-confirm-modal_2.entry.js +19 -11
- package/dist/esm/sd-date-box.entry.js +4 -4
- package/dist/esm/{sd-date-picker-calendar.entry.js → sd-date-picker-calendar_2.entry.js} +51 -4
- package/dist/esm/{sd-date-picker.config-C2fDbE9d.js → sd-date-picker.config-B6cqMQaM.js} +1 -2
- package/dist/esm/sd-date-picker_7.entry.js +1222 -0
- package/dist/esm/sd-date-range-picker-calendar.entry.js +3 -3
- package/dist/esm/sd-dropdown-button.entry.js +15 -14
- package/dist/esm/{sd-button_4.entry.js → sd-field_3.entry.js} +27 -82
- package/dist/esm/sd-form.entry.js +2 -2
- package/dist/esm/sd-ghost-button.entry.js +12 -10
- package/dist/esm/sd-guide.entry.js +9 -9
- package/dist/esm/sd-key-value-table.entry.js +228 -0
- package/dist/esm/sd-linear-progress.entry.js +3 -3
- package/dist/esm/sd-loading-container.entry.js +3 -3
- package/dist/esm/sd-modal-container.entry.js +1 -1
- package/dist/esm/{sd-pagination_5.entry.js → sd-pagination_4.entry.js} +35 -296
- package/dist/esm/sd-popover.entry.js +17 -10
- package/dist/esm/sd-popup.entry.js +110 -0
- package/dist/esm/sd-portal.entry.js +2 -2
- package/dist/esm/sd-radio-button.entry.js +4 -4
- package/dist/esm/sd-radio.entry.js +2 -2
- package/dist/esm/sd-select-list-item_2.entry.js +152 -0
- package/dist/esm/sd-select.config-CxOCk_ge.js +165 -0
- package/dist/esm/{sd-select-list-item_4.entry.js → sd-select_3.entry.js} +271 -302
- package/dist/esm/sd-switch.entry.js +2 -2
- package/dist/esm/{sd-table.config-Bj-EEo7N.js → sd-table.config-0Te8GLCI.js} +4 -44
- package/dist/esm/sd-table.entry.js +40 -23
- package/dist/esm/sd-tabs.entry.js +2 -2
- package/dist/esm/sd-tag.entry.js +49 -14
- package/dist/esm/sd-td.entry.js +2 -2
- package/dist/esm/sd-text-link.entry.js +8 -5
- package/dist/esm/sd-toast-container.entry.js +5 -5
- package/dist/esm/sd-toast.entry.js +35 -5
- package/dist/esm/sd-toggle.entry.js +2 -2
- package/dist/esm/{system-CZ4ltUOw.js → system-GBlVDmy4.js} +4 -2
- package/dist/esm/{tooltipArrow-D8sr81Xw.js → tooltipArrow-Bc-yw2nt.js} +1 -1
- package/dist/types/components/assets/CheckboxCheck.d.ts +1 -0
- package/dist/types/components/assets/CheckboxIndeterminate.d.ts +1 -0
- package/dist/types/components/assets/index.d.ts +2 -0
- package/dist/types/components/sd-action-modal/sd-action-modal.d.ts +2 -2
- package/dist/types/components/sd-badge/sd-badge.d.ts +0 -1
- package/dist/types/components/{sd-button-v2/sd-button-v2.config.d.ts → sd-button/sd-button.config.d.ts} +9 -15
- package/dist/types/components/sd-button/sd-button.d.ts +11 -13
- package/dist/types/components/sd-confirm-modal/sd-confirm-modal.config.d.ts +3 -3
- package/dist/types/components/sd-confirm-modal/sd-confirm-modal.d.ts +2 -1
- package/dist/types/components/sd-dropdown-button/sd-dropdown-button.config.d.ts +3 -3
- package/dist/types/components/sd-dropdown-button/sd-dropdown-button.d.ts +1 -0
- package/dist/types/components/sd-field/sd-field.d.ts +1 -0
- package/dist/types/components/sd-key-value-table/sd-key-value-table.config.d.ts +105 -0
- package/dist/types/components/sd-key-value-table/sd-key-value-table.d.ts +38 -0
- package/dist/types/components/sd-loading-modal/sd-loading-modal.config.d.ts +2 -2
- package/dist/types/components/sd-loading-modal/sd-loading-modal.d.ts +1 -0
- package/dist/types/components/sd-modal-container/sd-modal-container.config.d.ts +1 -1
- package/dist/types/components/sd-popover/sd-popover.d.ts +16 -10
- package/dist/types/components/sd-popup/sd-popup.config.d.ts +30 -0
- package/dist/types/components/sd-popup/sd-popup.d.ts +11 -0
- package/dist/types/components/sd-table/sd-table.d.ts +2 -0
- package/dist/types/components/sd-table/sd-tr/sd-tr.d.ts +2 -0
- package/dist/types/components/sd-tag/sd-tag.d.ts +1 -0
- package/dist/types/components/sd-toast/sd-toast.config.d.ts +5 -1
- package/dist/types/components/sd-toast/sd-toast.d.ts +2 -0
- package/dist/types/components/sd-toast-container/sd-toast-container.config.d.ts +2 -0
- package/dist/types/components/sd-tooltip/sd-tooltip.config.d.ts +2 -13
- package/dist/types/components/sd-tooltip/sd-tooltip.d.ts +6 -4
- package/dist/types/components.d.ts +237 -184
- package/dist/types/index.d.ts +1 -1
- package/dist/types/types/form.d.ts +1 -1
- package/dist/types/types/global.d.ts +14 -13
- package/dist/types/utils/toast.d.ts +1 -1
- package/hydrate/index.js +5182 -4738
- package/hydrate/index.mjs +5182 -4738
- package/package.json +111 -97
- package/readme.md +13 -7
- package/dist/cjs/component.button-cqV-iCG5.js +0 -90
- package/dist/cjs/sd-date-picker-trigger.cjs.entry.js +0 -51
- package/dist/cjs/sd-date-picker.cjs.entry.js +0 -117
- package/dist/cjs/sd-date-range-picker.cjs.entry.js +0 -123
- package/dist/cjs/sd-file-picker.cjs.entry.js +0 -244
- package/dist/cjs/sd-input.cjs.entry.js +0 -175
- package/dist/cjs/sd-number-input.cjs.entry.js +0 -409
- package/dist/cjs/sd-radio-group.cjs.entry.js +0 -46
- package/dist/cjs/sd-table.config-Cb0Ot3C6.js +0 -105
- package/dist/cjs/sd-textarea.cjs.entry.js +0 -146
- package/dist/collection/components/sd-button-v2/sd-button-v2.css +0 -125
- package/dist/collection/components/sd-button-v2/sd-button-v2.js +0 -273
- package/dist/components/p-B1XBwjCW.js +0 -1
- package/dist/components/p-B8jXOXtJ.js +0 -1
- package/dist/components/p-BE6TxbtX.js +0 -1
- package/dist/components/p-BcMNA89i.js +0 -1
- package/dist/components/p-BheX6lAy.js +0 -1
- package/dist/components/p-BmYM7-4v.js +0 -1
- package/dist/components/p-BppjYHF6.js +0 -1
- package/dist/components/p-BwWDMpJc.js +0 -1
- package/dist/components/p-C-kw2p2a.js +0 -1
- package/dist/components/p-C5qZtNLl.js +0 -1
- package/dist/components/p-C7DajKYn.js +0 -1
- package/dist/components/p-CZ4ltUOw.js +0 -1
- package/dist/components/p-D3gjBBCU.js +0 -1
- package/dist/components/p-DC-6inj0.js +0 -1
- package/dist/components/p-DRF0He-x.js +0 -1
- package/dist/components/p-Dey-lS6x.js +0 -1
- package/dist/components/p-DfH_fO01.js +0 -1
- package/dist/components/p-DngV3MT1.js +0 -1
- package/dist/components/p-EbjZr2OA.js +0 -1
- package/dist/components/p-LwWOleLJ.js +0 -1
- package/dist/components/p-ZMpCZhXP.js +0 -1
- package/dist/components/p-dNJIFthT.js +0 -1
- package/dist/components/p-xnLvZ-xn.js +0 -1
- package/dist/components/sd-button-v2.js +0 -1
- package/dist/design-system/p-0356c195.entry.js +0 -1
- package/dist/design-system/p-12dfd239.entry.js +0 -1
- package/dist/design-system/p-16d3a485.entry.js +0 -1
- package/dist/design-system/p-1706ed6f.entry.js +0 -1
- package/dist/design-system/p-182548f7.entry.js +0 -1
- package/dist/design-system/p-1a79edce.entry.js +0 -1
- package/dist/design-system/p-2812b9ce.entry.js +0 -1
- package/dist/design-system/p-38f661ea.entry.js +0 -1
- package/dist/design-system/p-429dab5c.entry.js +0 -1
- package/dist/design-system/p-59313838.entry.js +0 -1
- package/dist/design-system/p-6af01ab0.entry.js +0 -1
- package/dist/design-system/p-70d4903f.entry.js +0 -1
- package/dist/design-system/p-767e99f9.entry.js +0 -1
- package/dist/design-system/p-7c370335.entry.js +0 -1
- package/dist/design-system/p-7fe8be6a.entry.js +0 -1
- package/dist/design-system/p-83b262dc.entry.js +0 -1
- package/dist/design-system/p-881adaa5.entry.js +0 -1
- package/dist/design-system/p-88d7303c.entry.js +0 -1
- package/dist/design-system/p-8a601e0f.entry.js +0 -1
- package/dist/design-system/p-B1XBwjCW.js +0 -1
- package/dist/design-system/p-BsrEibf7.js +0 -1
- package/dist/design-system/p-C5qZtNLl.js +0 -1
- package/dist/design-system/p-CZ4ltUOw.js +0 -1
- package/dist/design-system/p-Cnwbjz1F.js +0 -2
- package/dist/design-system/p-a82be987.entry.js +0 -1
- package/dist/design-system/p-b917c82a.entry.js +0 -1
- package/dist/design-system/p-b9f00eef.entry.js +0 -1
- package/dist/design-system/p-bcb53788.entry.js +0 -1
- package/dist/design-system/p-c24344ac.entry.js +0 -1
- package/dist/design-system/p-d76192bd.entry.js +0 -1
- package/dist/design-system/p-d9d8c51b.entry.js +0 -1
- package/dist/design-system/p-de67937d.entry.js +0 -1
- package/dist/design-system/p-ea5e6c2c.entry.js +0 -1
- package/dist/design-system/p-eeb1cac2.entry.js +0 -1
- package/dist/design-system/p-f1a74359.entry.js +0 -1
- package/dist/design-system/p-f69c7539.entry.js +0 -1
- package/dist/esm/component.button-B1XBwjCW.js +0 -88
- package/dist/esm/sd-date-picker-trigger.entry.js +0 -49
- package/dist/esm/sd-date-picker.entry.js +0 -115
- package/dist/esm/sd-date-range-picker.entry.js +0 -121
- package/dist/esm/sd-file-picker.entry.js +0 -242
- package/dist/esm/sd-input.entry.js +0 -173
- package/dist/esm/sd-number-input.entry.js +0 -407
- package/dist/esm/sd-radio-group.entry.js +0 -44
- package/dist/esm/sd-textarea.entry.js +0 -144
- package/dist/types/components/sd-button-v2/sd-button-v2.d.ts +0 -19
- /package/dist/components/{p-C2fDbE9d.js → p-B6cqMQaM.js} +0 -0
- /package/dist/design-system/{p-C2fDbE9d.js → p-B6cqMQaM.js} +0 -0
package/dist/esm/loader.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { g as globalScripts, b as bootstrapLazy } from './index-
|
|
2
|
-
export { s as setNonce } from './index-
|
|
1
|
+
import { g as globalScripts, b as bootstrapLazy } from './index-CLCoul8o.js';
|
|
2
|
+
export { s as setNonce } from './index-CLCoul8o.js';
|
|
3
3
|
|
|
4
4
|
const defineCustomElements = async (win, options) => {
|
|
5
5
|
if (typeof window === 'undefined') return undefined;
|
|
6
6
|
await globalScripts();
|
|
7
|
-
return bootstrapLazy(JSON.parse("[[\"sd-button-v2_2\",[[512,\"sd-button-v2\",{\"name\":[1],\"label\":[1],\"icon\":[1],\"rightIcon\":[1,\"right-icon\"],\"ariaLabel\":[1,\"aria-label\"],\"disabled\":[4],\"type\":[1]}],[512,\"sd-icon\",{\"name\":[1],\"size\":[8],\"color\":[1],\"rotate\":[2],\"label\":[1],\"iconStyle\":[16]}]]],[\"sd-table\",[[769,\"sd-table\",{\"tableId\":[513,\"table-id\"],\"columns\":[16],\"rows\":[16],\"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],\"useInternalPagination\":[4,\"use-internal-pagination\"],\"useRowsPerPageSelect\":[4,\"use-rows-per-page-select\"],\"useVirtualScroll\":[4,\"use-virtual-scroll\"],\"rowHeight\":[2,\"row-height\"],\"virtualBuffer\":[2,\"virtual-buffer\"],\"virtualEndThreshold\":[2,\"virtual-end-threshold\"],\"rowsPerPageOption\":[16],\"resolvedNoDataLabel\":[32],\"currentPage\":[32],\"innerRowsPerPage\":[32],\"innerSelected\":[32],\"columnWidths\":[32],\"scrolledLeft\":[32],\"scrolledRight\":[32],\"rowCount\":[32],\"loadingScrollTop\":[32],\"autoThead\":[32],\"autoTbody\":[32],\"isRowSelected\":[64],\"updateRowSelect\":[64],\"toggleSelectAll\":[64],\"getIsAllChecked\":[64],\"getStickyStyle\":[64],\"setRowCount\":[64],\"getPaginationInfo\":[64]},null,{\"isLoading\":[{\"handleIsLoadingChange\":0}],\"useVirtualScroll\":[{\"handleUseVirtualScrollChange\":0}],\"columns\":[{\"handleColumnsChange\":0}],\"rows\":[{\"handleRowsChange\":0}],\"rowKey\":[{\"handleRowKeyChange\":0}],\"tableId\":[{\"handleTableIdChange\":0}],\"noDataLabel\":[{\"handleNoDataLabelChange\":0}],\"selectable\":[{\"handleConfigChange\":0}],\"resizable\":[{\"handleConfigChange\":0}],\"stickyColumn\":[{\"handleConfigChange\":0}],\"stickyHeader\":[{\"handleConfigChange\":0}],\"selected\":[{\"handleSelectedChange\":0}],\"pagination\":[{\"handlePaginationChange\":0}]}]]],[\"sd-date-picker\",[[512,\"sd-date-picker\",{\"value\":[1025],\"size\":[513],\"placeholder\":[513],\"selectable\":[16],\"disabled\":[516],\"width\":[8],\"label\":[1],\"labelWidth\":[8,\"label-width\"],\"addonLabel\":[1,\"addon-label\"],\"addonAlign\":[1,\"addon-align\"],\"hint\":[1],\"errorMessage\":[1,\"error-message\"],\"rules\":[16],\"error\":[1028],\"icon\":[16],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"name\":[1],\"isOpen\":[32],\"isAnimatingOut\":[32],\"focused\":[32],\"hovered\":[32],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64]},null,{\"isOpen\":[{\"watchIsOpen\":0}]}]]],[\"sd-date-range-picker\",[[512,\"sd-date-range-picker\",{\"value\":[1040],\"size\":[513],\"placeholder\":[513],\"selectable\":[16],\"maxRange\":[2,\"max-range\"],\"disabled\":[516],\"width\":[8],\"label\":[1],\"labelWidth\":[8,\"label-width\"],\"addonLabel\":[1,\"addon-label\"],\"addonAlign\":[1,\"addon-align\"],\"hint\":[1],\"errorMessage\":[1,\"error-message\"],\"rules\":[16],\"error\":[1028],\"icon\":[16],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"name\":[1],\"isOpen\":[32],\"isAnimatingOut\":[32],\"focused\":[32],\"hovered\":[32],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64]},null,{\"isOpen\":[{\"watchIsOpen\":0}]}]]],[\"sd-modal-container\",[[512,\"sd-modal-container\",{\"autoRemove\":[4,\"auto-remove\"],\"entries\":[32],\"open\":[64],\"openLoading\":[64],\"createCustom\":[64],\"dismissById\":[64],\"update\":[64]}]]],[\"sd-barcode-input\",[[772,\"sd-barcode-input\",{\"value\":[1032],\"size\":[1],\"addonLabel\":[1,\"addon-label\"],\"addonAlign\":[1,\"addon-align\"],\"placeholder\":[1],\"disabled\":[4],\"clearable\":[4],\"width\":[8],\"rules\":[16],\"autoFocus\":[4,\"auto-focus\"],\"status\":[1],\"hint\":[1],\"errorMessage\":[1,\"error-message\"],\"inputClass\":[1,\"input-class\"],\"readonly\":[4],\"error\":[1028],\"focused\":[1028],\"hovered\":[1028],\"label\":[1],\"labelWidth\":[8,\"label-width\"],\"icon\":[16],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"inputStyle\":[16],\"name\":[1],\"internalValue\":[32],\"sdGetNativeElement\":[64],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64],\"sdFocus\":[64]},null,{\"value\":[{\"valueChanged\":0}],\"internalValue\":[{\"internalValueChanged\":0}]}]]],[\"sd-file-picker\",[[512,\"sd-file-picker\",{\"value\":[1040],\"placeholder\":[513],\"disabled\":[516],\"inline\":[516],\"multiple\":[516],\"accept\":[1],\"maxFileSize\":[8,\"max-file-size\"],\"maxTotalSize\":[8,\"max-total-size\"],\"maxFiles\":[8,\"max-files\"],\"name\":[1],\"label\":[1],\"labelWidth\":[8,\"label-width\"],\"addonLabel\":[1,\"addon-label\"],\"addonAlign\":[1,\"addon-align\"],\"hint\":[1],\"errorMessage\":[1,\"error-message\"],\"width\":[8],\"rules\":[16],\"error\":[1028],\"status\":[1],\"icon\":[16],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"focused\":[1028],\"hovered\":[1028],\"internalValue\":[32],\"showTooltip\":[32],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64]},null,{\"value\":[{\"valueChanged\":0}]}]]],[\"sd-input\",[[772,\"sd-input\",{\"value\":[1032],\"type\":[1],\"size\":[1],\"addonLabel\":[1,\"addon-label\"],\"addonAlign\":[1,\"addon-align\"],\"placeholder\":[1],\"disabled\":[4],\"clearable\":[4],\"width\":[8],\"rules\":[16],\"autoFocus\":[4,\"auto-focus\"],\"autocomplete\":[1],\"maxlength\":[2],\"minlength\":[2],\"inputmode\":[1],\"enterkeyhint\":[1],\"spellcheck\":[4],\"status\":[1],\"hint\":[1],\"errorMessage\":[1,\"error-message\"],\"inputClass\":[1,\"input-class\"],\"readonly\":[4],\"error\":[1028],\"focused\":[1028],\"hovered\":[1028],\"label\":[1],\"labelWidth\":[8,\"label-width\"],\"icon\":[16],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"inputStyle\":[16],\"name\":[1],\"internalValue\":[32],\"passwordVisible\":[32],\"sdGetNativeElement\":[64],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64],\"sdFocus\":[64]},null,{\"value\":[{\"valueChanged\":0}],\"internalValue\":[{\"internalValueChanged\":0}]}]]],[\"sd-number-input\",[[512,\"sd-number-input\",{\"size\":[1],\"min\":[2],\"max\":[2],\"step\":[2],\"useButton\":[4,\"use-button\"],\"useDecimal\":[4,\"use-decimal\"],\"value\":[1032],\"label\":[1],\"labelWidth\":[8,\"label-width\"],\"addonLabel\":[1,\"addon-label\"],\"addonAlign\":[1,\"addon-align\"],\"placeholder\":[1],\"disabled\":[4],\"width\":[8],\"rules\":[16],\"autoFocus\":[4,\"auto-focus\"],\"status\":[1],\"hint\":[1],\"errorMessage\":[1,\"error-message\"],\"inputPrefix\":[1,\"input-prefix\"],\"inputSuffix\":[1,\"input-suffix\"],\"inputClass\":[1,\"input-class\"],\"readonly\":[4],\"inputStyle\":[16],\"error\":[1028],\"focused\":[1028],\"hovered\":[1028],\"name\":[1],\"internalValue\":[32],\"displayValue\":[32],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64],\"sdFocus\":[64],\"sdGetNativeElement\":[64]},null,{\"value\":[{\"valueChanged\":0}],\"internalValue\":[{\"internalValueChanged\":0}]}]]],[\"sd-textarea\",[[512,\"sd-textarea\",{\"value\":[1025],\"placeholder\":[1],\"disabled\":[4],\"readonly\":[4],\"autoFocus\":[4,\"auto-focus\"],\"textareaClass\":[1,\"textarea-class\"],\"textareaStyle\":[16],\"maxLength\":[2,\"max-length\"],\"rows\":[2],\"spellcheck\":[4],\"width\":[8],\"label\":[1],\"labelWidth\":[8,\"label-width\"],\"addonLabel\":[1,\"addon-label\"],\"addonAlign\":[1,\"addon-align\"],\"hint\":[1],\"errorMessage\":[1,\"error-message\"],\"icon\":[16],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"rules\":[16],\"error\":[1028],\"status\":[1],\"focused\":[1028],\"hovered\":[1028],\"name\":[1],\"internalValue\":[32],\"sdGetNativeElement\":[64],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64],\"sdFocus\":[64]},null,{\"value\":[{\"valueChanged\":0}],\"internalValue\":[{\"internalValueChanged\":0}]}]]],[\"sd-guide\",[[512,\"sd-guide\",{\"type\":[513],\"label\":[513],\"message\":[1],\"url\":[1],\"popupTitle\":[1,\"popup-title\"],\"popupWidth\":[2,\"popup-width\"],\"popupShow\":[32]}]]],[\"sd-popover\",[[512,\"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\":[1,\"menu-title\"],\"messages\":[16],\"buttons\":[16],\"menuClass\":[1,\"menu-class\"],\"useClose\":[4,\"use-close\"]}]]],[\"sd-action-modal\",[[772,\"sd-action-modal\",{\"modalTitle\":[1,\"modal-title\"],\"buttonProps\":[16],\"width\":[8],\"height\":[8]}]]],[\"sd-toast-container\",[[512,\"sd-toast-container\",{\"position\":[1],\"maxVisible\":[2,\"max-visible\"],\"defaultDuration\":[2,\"default-duration\"],\"zIndex\":[2,\"z-index\"],\"toasts\":[32],\"expanded\":[32],\"create\":[64],\"dismiss\":[64],\"dismissAll\":[64]}]]],[\"sd-calendar\",[[514,\"sd-calendar\",{\"value\":[1537],\"selectable\":[16],\"events\":[16],\"eventColors\":[16],\"currentYear\":[32],\"currentMonth\":[32],\"eventsRevision\":[32]},null,{\"value\":[{\"handleValueChange\":0}],\"events\":[{\"handleEventsChange\":0}],\"eventColors\":[{\"handleEventsChange\":0}]}]]],[\"sd-chip\",[[512,\"sd-chip\",{\"name\":[1],\"value\":[1025],\"error\":[1028],\"disabled\":[4],\"placeholder\":[1],\"rules\":[16],\"internalValue\":[32],\"isEditing\":[32],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64],\"sdResetValidation\":[64],\"sdFocus\":[64],\"sdGetNativeElement\":[64]},null,{\"value\":[{\"valueChanged\":0}]}]]],[\"sd-dropdown-button\",[[512,\"sd-dropdown-button\",{\"name\":[1],\"label\":[1],\"items\":[16],\"disabled\":[4],\"isOpen\":[32],\"isAnimatingOut\":[32],\"itemIndex\":[32],\"sdOpen\":[64],\"sdClose\":[64]},null,{\"isOpen\":[{\"handleOpenChange\":0}]}]]],[\"sd-tabs\",[[512,\"sd-tabs\",{\"value\":[1537],\"tabs\":[1040],\"size\":[513],\"isSub\":[516,\"is-sub\"]},null,{\"value\":[{\"valueChanged\":0}]}]]],[\"sd-loading-container\",[[512,\"sd-loading-container\",{\"visible\":[32],\"message\":[32],\"show\":[64],\"hide\":[64]}]]],[\"sd-radio-group\",[[512,\"sd-radio-group\",{\"value\":[1032],\"options\":[1040],\"direction\":[1],\"disabled\":[4],\"groupName\":[1,\"group-name\"]},null,{\"value\":[{\"valueChanged\":0}]}]]],[\"sd-text-link\",[[512,\"sd-text-link\",{\"label\":[1],\"icon\":[1],\"iconColor\":[1,\"icon-color\"],\"labelClass\":[1,\"label-class\"],\"useArrow\":[516,\"use-arrow\"],\"underline\":[516],\"disabled\":[516]}]]],[\"sd-badge\",[[512,\"sd-badge\",{\"color\":[1],\"label\":[1]}]]],[\"sd-card\",[[772,\"sd-card\",{\"bordered\":[4],\"sdClass\":[1,\"sd-class\"]}]]],[\"sd-form\",[[772,\"sd-form\",{\"formClass\":[1,\"form-class\"],\"sdRegisterField\":[64],\"sdUnregisterField\":[64],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidation\":[64]}]]],[\"sd-linear-progress\",[[512,\"sd-linear-progress\",{\"indeterminate\":[516],\"value\":[2],\"type\":[513],\"label\":[1]}]]],[\"sd-radio-button\",[[512,\"sd-radio-button\",{\"value\":[1032],\"options\":[1040],\"size\":[1],\"disabled\":[4],\"name\":[1]}]]],[\"sd-switch\",[[512,\"sd-switch\",{\"value\":[1028],\"label\":[1],\"disabled\":[4]}]]],[\"sd-td\",[[772,\"sd-td\",{\"field\":[1],\"rowKey\":[1,\"row-key\"],\"align\":[1],\"rowspan\":[2],\"colspan\":[2],\"sdClass\":[1,\"sd-class\"]},null,{\"field\":[{\"handleFieldChange\":0}],\"rowKey\":[{\"handleRowKeyChange\":0}],\"rowspan\":[{\"handleSpanChange\":0}],\"colspan\":[{\"handleSpanChange\":0}],\"sdClass\":[{\"handleSdClassChange\":0}]}]]],[\"sd-toggle\",[[512,\"sd-toggle\",{\"value\":[1540],\"label\":[1],\"disabled\":[4]}]]],[\"sd-date-picker-calendar\",[[512,\"sd-date-picker-calendar\",{\"value\":[1],\"selectable\":[16],\"currentYear\":[32],\"currentMonth\":[32]},null,{\"value\":[{\"handleValueChange\":0}]}]]],[\"sd-date-range-picker-calendar\",[[512,\"sd-date-range-picker-calendar\",{\"value\":[16],\"selectable\":[16],\"maxRange\":[2,\"max-range\"],\"currentYear\":[32],\"currentMonth\":[32],\"pendingStart\":[32],\"hoverDate\":[32],\"displayValue\":[32]},null,{\"value\":[{\"handleValueChange\":0}]}]]],[\"sd-toast\",[[512,\"sd-toast\",{\"icon\":[1],\"message\":[1],\"link\":[1],\"linkLabel\":[1,\"link-label\"],\"useClose\":[4,\"use-close\"],\"type\":[1]}]]],[\"sd-date-box\",[[514,\"sd-date-box\",{\"date\":[8],\"disabled\":[4],\"selected\":[4],\"isStartDate\":[4,\"is-start-date\"],\"isEndDate\":[4,\"is-end-date\"],\"isToday\":[4,\"is-today\"],\"inRange\":[4,\"in-range\"],\"type\":[1]}]]],[\"sd-radio\",[[512,\"sd-radio\",{\"value\":[1032],\"val\":[8],\"disabled\":[4],\"label\":[1]},null,{\"value\":[{\"valueChanged\":0}]}]]],[\"sd-tag\",[[512,\"sd-tag\",{\"name\":[1],\"label\":[1],\"icon\":[1],\"isLeft\":[4,\"is-left\"]}]]],[\"sd-confirm-modal_2\",[[772,\"sd-confirm-modal\",{\"type\":[1],\"modalTitle\":[1,\"modal-title\"],\"titleClass\":[1,\"title-class\"],\"topMessage\":[16],\"bottomMessage\":[16],\"mainButtonName\":[1,\"main-button-name\"],\"mainButtonLabel\":[1,\"main-button-label\"],\"subButtonLabel\":[1,\"sub-button-label\"],\"tagPreset\":[1,\"tag-preset\"],\"tagLabel\":[1,\"tag-label\"],\"slotLabel\":[1,\"slot-label\"],\"tagContents\":[16],\"hasSlottedContent\":[32]}],[512,\"sd-loading-modal\",{\"state\":[513],\"message\":[1],\"useButton\":[516,\"use-button\"],\"buttonLabel\":[1,\"button-label\"],\"width\":[8],\"height\":[8]}]]],[\"sd-date-picker-trigger\",[[512,\"sd-date-picker-trigger\",{\"displayText\":[1,\"display-text\"],\"placeholder\":[1],\"disabled\":[4],\"size\":[1]}]]],[\"sd-circle-progress\",[[512,\"sd-circle-progress\",{\"indeterminate\":[516],\"value\":[2],\"type\":[513],\"label\":[1]}]]],[\"sd-checkbox\",[[512,\"sd-checkbox\",{\"value\":[1028],\"val\":[8],\"disabled\":[516],\"inverse\":[516],\"label\":[1],\"isChecked\":[32]},null,{\"value\":[{\"watchValueHandler\":0}]}]]],[\"sd-portal\",[[772,\"sd-portal\",{\"to\":[1],\"parentRef\":[16],\"offset\":[16],\"viewportPadding\":[2,\"viewport-padding\"],\"zIndex\":[2,\"z-index\"],\"open\":[4]},[[9,\"scroll\",\"updatePosition\"],[9,\"resize\",\"updatePosition\"],[9,\"mousedown\",\"handleMouseDown\"],[8,\"click\",\"handleWindowClick\"]],{\"open\":[{\"handleOpenChange\":0}]}]]],[\"sd-select-list-item_4\",[[513,\"sd-select-listbox\",{\"type\":[1],\"options\":[16],\"value\":[8],\"emitValue\":[4,\"emit-value\"],\"useSearch\":[4,\"use-search\"],\"useSelectAll\":[4,\"use-select-all\"],\"triggerWidth\":[1,\"trigger-width\"],\"maxWidth\":[1,\"max-width\"],\"maxHeight\":[1,\"max-height\"],\"searchKeyword\":[32],\"isScrolled\":[32],\"focusedIndex\":[32]},null,{\"searchKeyword\":[{\"resetFocusOnFilter\":0}]}],[512,\"sd-select-trigger\",{\"displayText\":[1,\"display-text\"],\"placeholder\":[1],\"disabled\":[4],\"isOpen\":[4,\"is-open\"],\"sdFocus\":[64]}],[512,\"sd-select-list-item\",{\"option\":[16],\"depth\":[2],\"isSelected\":[4,\"is-selected\"],\"isFocused\":[4,\"is-focused\"],\"useCheckbox\":[4,\"use-checkbox\"],\"countInfo\":[16]}],[512,\"sd-select-list-item-search\",{\"isScrolled\":[4,\"is-scrolled\"],\"searchText\":[32],\"sdFocus\":[64]}]]],[\"sd-ghost-button\",[[512,\"sd-ghost-button\",{\"icon\":[1],\"size\":[1],\"intent\":[1],\"ariaLabel\":[1,\"aria-label\"],\"disabled\":[4]}]]],[\"sd-button_4\",[[772,\"sd-field\",{\"name\":[1],\"rules\":[16],\"error\":[1028],\"disabled\":[1028],\"hovered\":[1028],\"focused\":[1028],\"status\":[1],\"hint\":[1],\"errorMessage\":[1,\"error-message\"],\"width\":[8],\"size\":[513],\"label\":[1],\"labelWidth\":[8,\"label-width\"],\"addonLabel\":[1,\"addon-label\"],\"addonAlign\":[1,\"addon-align\"],\"icon\":[16],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"errorMsg\":[32],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidation\":[64],\"sdFocus\":[64]}],[512,\"sd-tooltip\",{\"trigger\":[1],\"placement\":[1],\"color\":[1],\"tooltipType\":[1,\"tooltip-type\"],\"icon\":[1],\"iconSize\":[2,\"icon-size\"],\"label\":[1],\"buttonSize\":[1,\"button-size\"],\"buttonVariant\":[1,\"button-variant\"],\"noHover\":[4,\"no-hover\"],\"sdClass\":[1,\"sd-class\"],\"showTooltip\":[32],\"slotContentHTML\":[32]}],[772,\"sd-floating-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\"],[8,\"keydown\",\"handleKeydown\"]]],[512,\"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\"],\"sdClass\":[1,\"sd-class\"]}]]],[\"sd-pagination_5\",[[512,\"sd-select\",{\"type\":[1],\"value\":[1032],\"options\":[16],\"placeholder\":[1],\"maxDropdownWidth\":[1,\"max-dropdown-width\"],\"dropdownHeight\":[1,\"dropdown-height\"],\"disabled\":[4],\"label\":[1],\"labelWidth\":[8,\"label-width\"],\"addonLabel\":[1,\"addon-label\"],\"addonAlign\":[1,\"addon-align\"],\"error\":[1028],\"hint\":[1],\"errorMessage\":[1,\"error-message\"],\"rules\":[16],\"icon\":[16],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"emitValue\":[4,\"emit-value\"],\"width\":[8],\"useSearch\":[4,\"use-search\"],\"allSelectedLabel\":[1,\"all-selected-label\"],\"useSelectAll\":[4,\"use-select-all\"],\"name\":[1],\"isOpen\":[32],\"isAnimatingOut\":[32],\"triggerWidth\":[32],\"resolvedDropdownHeight\":[32],\"resolvedMaxDropdownWidth\":[32],\"focused\":[32],\"hovered\":[32],\"sdFocus\":[64],\"sdOpen\":[64]},null,{\"isOpen\":[{\"watchIsOpen\":0}]}],[512,\"sd-thead\",{\"columns\":[16],\"selectable\":[4],\"resizable\":[4],\"stickyColumn\":[16],\"stickyHeader\":[4,\"sticky-header\"],\"scrolledLeft\":[4,\"scrolled-left\"],\"scrolledRight\":[4,\"scrolled-right\"],\"rows\":[16],\"columnWidths\":[1040],\"tableId\":[32],\"_columns\":[32],\"_selectable\":[32],\"_resizable\":[32],\"_stickyColumn\":[32],\"_stickyHeader\":[32],\"_scrolledLeft\":[32],\"_scrolledRight\":[32],\"refreshConfig\":[64],\"setColumnWidths\":[64],\"refreshSelection\":[64]},null,{\"columns\":[{\"handleColumnsChange\":0}]}],[772,\"sd-tr\",{\"columns\":[16],\"selectable\":[4],\"stickyColumn\":[16],\"rowKey\":[1,\"row-key\"],\"row\":[16],\"tableId\":[32],\"columnWidths\":[32],\"isVisible\":[32],\"spansVersion\":[32],\"_columns\":[32],\"_selectable\":[32],\"_stickyColumn\":[32],\"_scrolledLeft\":[32],\"_scrolledRight\":[32],\"refreshConfig\":[64],\"bumpSpansVersion\":[64],\"updateVisibility\":[64],\"setColumnWidths\":[64],\"refreshSelection\":[64]}],[512,\"sd-pagination\",{\"currentPage\":[1026,\"current-page\"],\"lastPage\":[2,\"last-page\"],\"simple\":[4]}],[769,\"sd-tbody\",{\"rows\":[16],\"tableId\":[32],\"topSpacerHeight\":[32],\"bottomSpacerHeight\":[32]},null,{\"rows\":[{\"handleRowsChange\":0}]}]]]]"), options);
|
|
7
|
+
return bootstrapLazy(JSON.parse("[[\"sd-button_2\",[[512,\"sd-button\",{\"name\":[1],\"label\":[1],\"icon\":[1],\"rightIcon\":[1,\"right-icon\"],\"ariaLabel\":[1,\"aria-label\"],\"disabled\":[4],\"type\":[1]}],[512,\"sd-icon\",{\"name\":[1],\"size\":[8],\"color\":[1],\"rotate\":[2],\"label\":[1],\"iconStyle\":[16]}]]],[\"sd-key-value-table\",[[772,\"sd-key-value-table\",{\"fields\":[16],\"search\":[4],\"useTop\":[4,\"use-top\"]}]]],[\"sd-table\",[[769,\"sd-table\",{\"tableId\":[513,\"table-id\"],\"columns\":[16],\"rows\":[16],\"selected\":[1040],\"rowKey\":[1,\"row-key\"],\"selectable\":[4],\"resizable\":[4],\"width\":[1],\"height\":[1],\"stickyHeader\":[4,\"sticky-header\"],\"stickyColumn\":[16],\"radius\":[1],\"noDataLabel\":[1,\"no-data-label\"],\"isLoading\":[4,\"is-loading\"],\"pagination\":[16],\"useInternalPagination\":[4,\"use-internal-pagination\"],\"useRowsPerPageSelect\":[4,\"use-rows-per-page-select\"],\"useVirtualScroll\":[4,\"use-virtual-scroll\"],\"rowHeight\":[2,\"row-height\"],\"virtualBuffer\":[2,\"virtual-buffer\"],\"virtualEndThreshold\":[2,\"virtual-end-threshold\"],\"rowsPerPageOption\":[16],\"resolvedNoDataLabel\":[32],\"currentPage\":[32],\"innerRowsPerPage\":[32],\"innerSelected\":[32],\"columnWidths\":[32],\"scrolledLeft\":[32],\"scrolledRight\":[32],\"rowCount\":[32],\"loadingScrollTop\":[32],\"autoThead\":[32],\"autoTbody\":[32],\"isRowSelected\":[64],\"updateRowSelect\":[64],\"toggleSelectAll\":[64],\"getIsAllChecked\":[64],\"getStickyStyle\":[64],\"setRowCount\":[64],\"getPaginationInfo\":[64]},null,{\"isLoading\":[{\"handleIsLoadingChange\":0}],\"useVirtualScroll\":[{\"handleUseVirtualScrollChange\":0}],\"columns\":[{\"handleColumnsChange\":0}],\"rows\":[{\"handleRowsChange\":0}],\"rowKey\":[{\"handleRowKeyChange\":0}],\"tableId\":[{\"handleTableIdChange\":0}],\"noDataLabel\":[{\"handleNoDataLabelChange\":0}],\"selectable\":[{\"handleConfigChange\":0}],\"resizable\":[{\"handleConfigChange\":0}],\"stickyColumn\":[{\"handleConfigChange\":0}],\"stickyHeader\":[{\"handleConfigChange\":0}],\"selected\":[{\"handleSelectedChange\":0}],\"pagination\":[{\"handlePaginationChange\":0}]}]]],[\"sd-modal-container\",[[512,\"sd-modal-container\",{\"autoRemove\":[4,\"auto-remove\"],\"entries\":[32],\"open\":[64],\"openLoading\":[64],\"createCustom\":[64],\"dismissById\":[64],\"update\":[64]}]]],[\"sd-barcode-input\",[[772,\"sd-barcode-input\",{\"value\":[1032],\"size\":[1],\"addonLabel\":[1,\"addon-label\"],\"addonAlign\":[1,\"addon-align\"],\"placeholder\":[1],\"disabled\":[4],\"clearable\":[4],\"width\":[8],\"rules\":[16],\"autoFocus\":[4,\"auto-focus\"],\"status\":[1],\"hint\":[1],\"errorMessage\":[1,\"error-message\"],\"inputClass\":[1,\"input-class\"],\"readonly\":[4],\"error\":[1028],\"focused\":[1028],\"hovered\":[1028],\"label\":[1],\"labelWidth\":[8,\"label-width\"],\"icon\":[16],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"inputStyle\":[16],\"name\":[1],\"internalValue\":[32],\"sdGetNativeElement\":[64],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64],\"sdFocus\":[64]},null,{\"value\":[{\"valueChanged\":0}],\"internalValue\":[{\"internalValueChanged\":0}]}]]],[\"sd-popover\",[[512,\"sd-popover\",{\"show\":[1028],\"placement\":[513],\"color\":[513],\"icon\":[513],\"iconSize\":[514,\"icon-size\"],\"label\":[1],\"name\":[1],\"rightIcon\":[1,\"right-icon\"],\"ariaLabel\":[1,\"aria-label\"],\"disabled\":[4],\"type\":[1],\"menuTitle\":[1,\"menu-title\"],\"messages\":[16],\"leftLink\":[16],\"button\":[16],\"menuClass\":[1,\"menu-class\"],\"useClose\":[4,\"use-close\"]}]]],[\"sd-guide\",[[512,\"sd-guide\",{\"type\":[513],\"label\":[513],\"message\":[1],\"url\":[1],\"popupTitle\":[1,\"popup-title\"],\"popupWidth\":[2,\"popup-width\"],\"popupShow\":[32]}]]],[\"sd-toast-container\",[[512,\"sd-toast-container\",{\"position\":[1],\"maxVisible\":[2,\"max-visible\"],\"defaultDuration\":[2,\"default-duration\"],\"zIndex\":[2,\"z-index\"],\"toasts\":[32],\"expanded\":[32],\"create\":[64],\"dismiss\":[64],\"dismissAll\":[64]}]]],[\"sd-action-modal\",[[772,\"sd-action-modal\",{\"modalTitle\":[1,\"modal-title\"],\"buttonProps\":[16],\"width\":[8],\"height\":[8]}]]],[\"sd-calendar\",[[514,\"sd-calendar\",{\"value\":[1537],\"selectable\":[16],\"events\":[16],\"eventColors\":[16],\"currentYear\":[32],\"currentMonth\":[32],\"eventsRevision\":[32]},null,{\"value\":[{\"handleValueChange\":0}],\"events\":[{\"handleEventsChange\":0}],\"eventColors\":[{\"handleEventsChange\":0}]}]]],[\"sd-chip\",[[512,\"sd-chip\",{\"name\":[1],\"value\":[1025],\"error\":[1028],\"disabled\":[4],\"placeholder\":[1],\"rules\":[16],\"internalValue\":[32],\"isEditing\":[32],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64],\"sdResetValidation\":[64],\"sdFocus\":[64],\"sdGetNativeElement\":[64]},null,{\"value\":[{\"valueChanged\":0}]}]]],[\"sd-dropdown-button\",[[512,\"sd-dropdown-button\",{\"name\":[1],\"label\":[1],\"items\":[16],\"disabled\":[4],\"isOpen\":[32],\"isAnimatingOut\":[32],\"itemIndex\":[32],\"sdOpen\":[64],\"sdClose\":[64]},null,{\"isOpen\":[{\"handleOpenChange\":0}]}]]],[\"sd-popup\",[[772,\"sd-popup\",{\"popupTitle\":[1,\"popup-title\"],\"type\":[1],\"useFooter\":[4,\"use-footer\"],\"submitButtonProps\":[16]}]]],[\"sd-tabs\",[[512,\"sd-tabs\",{\"value\":[1537],\"tabs\":[1040],\"size\":[513],\"isSub\":[516,\"is-sub\"]},null,{\"value\":[{\"valueChanged\":0}]}]]],[\"sd-loading-container\",[[512,\"sd-loading-container\",{\"visible\":[32],\"message\":[32],\"show\":[64],\"hide\":[64]}]]],[\"sd-badge\",[[512,\"sd-badge\",{\"color\":[1]}]]],[\"sd-card\",[[772,\"sd-card\",{\"bordered\":[4],\"sdClass\":[1,\"sd-class\"]}]]],[\"sd-form\",[[772,\"sd-form\",{\"formClass\":[1,\"form-class\"],\"sdRegisterField\":[64],\"sdUnregisterField\":[64],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidation\":[64]}]]],[\"sd-linear-progress\",[[512,\"sd-linear-progress\",{\"indeterminate\":[516],\"value\":[2],\"type\":[513],\"label\":[1]}]]],[\"sd-radio-button\",[[512,\"sd-radio-button\",{\"value\":[1032],\"options\":[1040],\"size\":[1],\"disabled\":[4],\"name\":[1]}]]],[\"sd-switch\",[[512,\"sd-switch\",{\"value\":[1028],\"label\":[1],\"disabled\":[4]}]]],[\"sd-td\",[[772,\"sd-td\",{\"field\":[1],\"rowKey\":[1,\"row-key\"],\"align\":[1],\"rowspan\":[2],\"colspan\":[2],\"sdClass\":[1,\"sd-class\"]},null,{\"field\":[{\"handleFieldChange\":0}],\"rowKey\":[{\"handleRowKeyChange\":0}],\"rowspan\":[{\"handleSpanChange\":0}],\"colspan\":[{\"handleSpanChange\":0}],\"sdClass\":[{\"handleSdClassChange\":0}]}]]],[\"sd-toggle\",[[512,\"sd-toggle\",{\"value\":[1540],\"label\":[1],\"disabled\":[4]}]]],[\"sd-toast\",[[512,\"sd-toast\",{\"icon\":[1],\"message\":[1],\"link\":[1],\"linkLabel\":[1,\"link-label\"],\"buttonLabel\":[1,\"button-label\"],\"useClose\":[4,\"use-close\"],\"type\":[1]}]]],[\"sd-text-link\",[[512,\"sd-text-link\",{\"label\":[1],\"icon\":[1],\"iconColor\":[1,\"icon-color\"],\"labelClass\":[1,\"label-class\"],\"useArrow\":[516,\"use-arrow\"],\"underline\":[516],\"disabled\":[516]}]]],[\"sd-date-box\",[[514,\"sd-date-box\",{\"date\":[8],\"disabled\":[4],\"selected\":[4],\"isStartDate\":[4,\"is-start-date\"],\"isEndDate\":[4,\"is-end-date\"],\"isToday\":[4,\"is-today\"],\"inRange\":[4,\"in-range\"],\"type\":[1]}]]],[\"sd-circle-progress\",[[512,\"sd-circle-progress\",{\"indeterminate\":[516],\"value\":[2],\"type\":[513],\"label\":[1]}]]],[\"sd-confirm-modal_2\",[[772,\"sd-confirm-modal\",{\"type\":[1],\"modalTitle\":[1,\"modal-title\"],\"titleClass\":[1,\"title-class\"],\"topMessage\":[16],\"bottomMessage\":[16],\"mainButtonName\":[1,\"main-button-name\"],\"mainButtonLabel\":[1,\"main-button-label\"],\"subButtonLabel\":[1,\"sub-button-label\"],\"tagPreset\":[1,\"tag-preset\"],\"tagLabel\":[1,\"tag-label\"],\"slotLabel\":[1,\"slot-label\"],\"tagContents\":[16],\"hasSlottedContent\":[32]}],[512,\"sd-loading-modal\",{\"state\":[513],\"message\":[1],\"useButton\":[516,\"use-button\"],\"buttonLabel\":[1,\"button-label\"],\"width\":[8],\"height\":[8]}]]],[\"sd-date-range-picker-calendar\",[[512,\"sd-date-range-picker-calendar\",{\"value\":[16],\"selectable\":[16],\"maxRange\":[2,\"max-range\"],\"currentYear\":[32],\"currentMonth\":[32],\"pendingStart\":[32],\"hoverDate\":[32],\"displayValue\":[32]},null,{\"value\":[{\"handleValueChange\":0}]}]]],[\"sd-radio\",[[512,\"sd-radio\",{\"value\":[1032],\"val\":[8],\"disabled\":[4],\"label\":[1]},null,{\"value\":[{\"valueChanged\":0}]}]]],[\"sd-tag\",[[512,\"sd-tag\",{\"name\":[1],\"label\":[1],\"icon\":[1],\"isLeft\":[4,\"is-left\"]}]]],[\"sd-pagination_4\",[[512,\"sd-thead\",{\"columns\":[16],\"selectable\":[4],\"resizable\":[4],\"stickyColumn\":[16],\"stickyHeader\":[4,\"sticky-header\"],\"scrolledLeft\":[4,\"scrolled-left\"],\"scrolledRight\":[4,\"scrolled-right\"],\"rows\":[16],\"columnWidths\":[1040],\"tableId\":[32],\"_columns\":[32],\"_selectable\":[32],\"_resizable\":[32],\"_stickyColumn\":[32],\"_stickyHeader\":[32],\"_scrolledLeft\":[32],\"_scrolledRight\":[32],\"refreshConfig\":[64],\"setColumnWidths\":[64],\"refreshSelection\":[64]},null,{\"columns\":[{\"handleColumnsChange\":0}]}],[772,\"sd-tr\",{\"columns\":[16],\"selectable\":[4],\"stickyColumn\":[16],\"rowKey\":[1,\"row-key\"],\"row\":[16],\"tableId\":[32],\"columnWidths\":[32],\"isVisible\":[32],\"spansVersion\":[32],\"_columns\":[32],\"_selectable\":[32],\"_stickyColumn\":[32],\"_scrolledLeft\":[32],\"_scrolledRight\":[32],\"refreshConfig\":[64],\"bumpSpansVersion\":[64],\"updateVisibility\":[64],\"setColumnWidths\":[64],\"refreshSelection\":[64]}],[512,\"sd-pagination\",{\"currentPage\":[1026,\"current-page\"],\"lastPage\":[2,\"last-page\"],\"simple\":[4]}],[769,\"sd-tbody\",{\"rows\":[16],\"tableId\":[32],\"topSpacerHeight\":[32],\"bottomSpacerHeight\":[32]},null,{\"rows\":[{\"handleRowsChange\":0}]}]]],[\"sd-ghost-button\",[[512,\"sd-ghost-button\",{\"icon\":[1],\"size\":[1],\"intent\":[1],\"ariaLabel\":[1,\"aria-label\"],\"disabled\":[4]}]]],[\"sd-date-picker-calendar_2\",[[512,\"sd-date-picker-calendar\",{\"value\":[1],\"selectable\":[16],\"currentYear\":[32],\"currentMonth\":[32]},null,{\"value\":[{\"handleValueChange\":0}]}],[512,\"sd-date-picker-trigger\",{\"displayText\":[1,\"display-text\"],\"placeholder\":[1],\"disabled\":[4],\"size\":[1]}]]],[\"sd-portal\",[[772,\"sd-portal\",{\"to\":[1],\"parentRef\":[16],\"offset\":[16],\"viewportPadding\":[2,\"viewport-padding\"],\"zIndex\":[2,\"z-index\"],\"open\":[4]},[[9,\"scroll\",\"updatePosition\"],[9,\"resize\",\"updatePosition\"],[9,\"mousedown\",\"handleMouseDown\"],[8,\"click\",\"handleWindowClick\"]],{\"open\":[{\"handleOpenChange\":0}]}]]],[\"sd-field_3\",[[772,\"sd-field\",{\"name\":[1],\"rules\":[16],\"error\":[1028],\"disabled\":[1028],\"readonly\":[1028],\"hovered\":[1028],\"focused\":[1028],\"status\":[1],\"hint\":[1],\"errorMessage\":[1,\"error-message\"],\"width\":[8],\"size\":[513],\"label\":[1],\"labelWidth\":[8,\"label-width\"],\"addonLabel\":[1,\"addon-label\"],\"addonAlign\":[1,\"addon-align\"],\"icon\":[16],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"errorMsg\":[32],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidation\":[64],\"sdFocus\":[64]}],[512,\"sd-tooltip\",{\"trigger\":[1],\"placement\":[1],\"color\":[1],\"tooltipType\":[1,\"tooltip-type\"],\"icon\":[1],\"iconSize\":[2,\"icon-size\"],\"label\":[1],\"name\":[1],\"rightIcon\":[1,\"right-icon\"],\"ariaLabel\":[1,\"aria-label\"],\"disabled\":[4],\"type\":[1],\"sdClass\":[1,\"sd-class\"],\"showTooltip\":[32],\"slotContentHTML\":[32]}],[772,\"sd-floating-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\"],[8,\"keydown\",\"handleKeydown\"]]]]],[\"sd-date-picker_7\",[[512,\"sd-date-picker\",{\"value\":[1025],\"size\":[513],\"placeholder\":[513],\"selectable\":[16],\"disabled\":[516],\"width\":[8],\"label\":[1],\"labelWidth\":[8,\"label-width\"],\"addonLabel\":[1,\"addon-label\"],\"addonAlign\":[1,\"addon-align\"],\"hint\":[1],\"errorMessage\":[1,\"error-message\"],\"rules\":[16],\"error\":[1028],\"icon\":[16],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"name\":[1],\"isOpen\":[32],\"isAnimatingOut\":[32],\"focused\":[32],\"hovered\":[32],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64]},null,{\"isOpen\":[{\"watchIsOpen\":0}]}],[512,\"sd-date-range-picker\",{\"value\":[1040],\"size\":[513],\"placeholder\":[513],\"selectable\":[16],\"maxRange\":[2,\"max-range\"],\"disabled\":[516],\"width\":[8],\"label\":[1],\"labelWidth\":[8,\"label-width\"],\"addonLabel\":[1,\"addon-label\"],\"addonAlign\":[1,\"addon-align\"],\"hint\":[1],\"errorMessage\":[1,\"error-message\"],\"rules\":[16],\"error\":[1028],\"icon\":[16],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"name\":[1],\"isOpen\":[32],\"isAnimatingOut\":[32],\"focused\":[32],\"hovered\":[32],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64]},null,{\"isOpen\":[{\"watchIsOpen\":0}]}],[512,\"sd-file-picker\",{\"value\":[1040],\"placeholder\":[513],\"disabled\":[516],\"inline\":[516],\"multiple\":[516],\"accept\":[1],\"maxFileSize\":[8,\"max-file-size\"],\"maxTotalSize\":[8,\"max-total-size\"],\"maxFiles\":[8,\"max-files\"],\"name\":[1],\"label\":[1],\"labelWidth\":[8,\"label-width\"],\"addonLabel\":[1,\"addon-label\"],\"addonAlign\":[1,\"addon-align\"],\"hint\":[1],\"errorMessage\":[1,\"error-message\"],\"width\":[8],\"rules\":[16],\"error\":[1028],\"status\":[1],\"icon\":[16],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"focused\":[1028],\"hovered\":[1028],\"internalValue\":[32],\"showTooltip\":[32],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64]},null,{\"value\":[{\"valueChanged\":0}]}],[772,\"sd-input\",{\"value\":[1032],\"type\":[1],\"size\":[1],\"addonLabel\":[1,\"addon-label\"],\"addonAlign\":[1,\"addon-align\"],\"placeholder\":[1],\"disabled\":[4],\"clearable\":[4],\"width\":[8],\"rules\":[16],\"autoFocus\":[4,\"auto-focus\"],\"autocomplete\":[1],\"maxlength\":[2],\"minlength\":[2],\"inputmode\":[1],\"enterkeyhint\":[1],\"spellcheck\":[4],\"status\":[1],\"hint\":[1],\"errorMessage\":[1,\"error-message\"],\"inputClass\":[1,\"input-class\"],\"readonly\":[4],\"error\":[1028],\"focused\":[1028],\"hovered\":[1028],\"label\":[1],\"labelWidth\":[8,\"label-width\"],\"icon\":[16],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"inputStyle\":[16],\"name\":[1],\"internalValue\":[32],\"passwordVisible\":[32],\"sdGetNativeElement\":[64],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64],\"sdFocus\":[64]},null,{\"value\":[{\"valueChanged\":0}],\"internalValue\":[{\"internalValueChanged\":0}]}],[512,\"sd-number-input\",{\"size\":[1],\"min\":[2],\"max\":[2],\"step\":[2],\"useButton\":[4,\"use-button\"],\"useDecimal\":[4,\"use-decimal\"],\"value\":[1032],\"label\":[1],\"labelWidth\":[8,\"label-width\"],\"addonLabel\":[1,\"addon-label\"],\"addonAlign\":[1,\"addon-align\"],\"placeholder\":[1],\"disabled\":[4],\"width\":[8],\"rules\":[16],\"autoFocus\":[4,\"auto-focus\"],\"status\":[1],\"hint\":[1],\"errorMessage\":[1,\"error-message\"],\"inputPrefix\":[1,\"input-prefix\"],\"inputSuffix\":[1,\"input-suffix\"],\"inputClass\":[1,\"input-class\"],\"readonly\":[4],\"inputStyle\":[16],\"error\":[1028],\"focused\":[1028],\"hovered\":[1028],\"name\":[1],\"internalValue\":[32],\"displayValue\":[32],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64],\"sdFocus\":[64],\"sdGetNativeElement\":[64]},null,{\"value\":[{\"valueChanged\":0}],\"internalValue\":[{\"internalValueChanged\":0}]}],[512,\"sd-textarea\",{\"value\":[1025],\"placeholder\":[1],\"disabled\":[4],\"readonly\":[4],\"autoFocus\":[4,\"auto-focus\"],\"textareaClass\":[1,\"textarea-class\"],\"textareaStyle\":[16],\"maxLength\":[2,\"max-length\"],\"rows\":[2],\"spellcheck\":[4],\"width\":[8],\"label\":[1],\"labelWidth\":[8,\"label-width\"],\"addonLabel\":[1,\"addon-label\"],\"addonAlign\":[1,\"addon-align\"],\"hint\":[1],\"errorMessage\":[1,\"error-message\"],\"icon\":[16],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"rules\":[16],\"error\":[1028],\"status\":[1],\"focused\":[1028],\"hovered\":[1028],\"name\":[1],\"internalValue\":[32],\"sdGetNativeElement\":[64],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64],\"sdFocus\":[64]},null,{\"value\":[{\"valueChanged\":0}],\"internalValue\":[{\"internalValueChanged\":0}]}],[512,\"sd-radio-group\",{\"value\":[1032],\"options\":[1040],\"direction\":[1],\"disabled\":[4],\"groupName\":[1,\"group-name\"]},null,{\"value\":[{\"valueChanged\":0}]}]]],[\"sd-checkbox\",[[512,\"sd-checkbox\",{\"value\":[1028],\"val\":[8],\"disabled\":[516],\"inverse\":[516],\"label\":[1],\"isChecked\":[32]},null,{\"value\":[{\"watchValueHandler\":0}]}]]],[\"sd-select-list-item_2\",[[512,\"sd-select-list-item\",{\"option\":[16],\"depth\":[2],\"isSelected\":[4,\"is-selected\"],\"isFocused\":[4,\"is-focused\"],\"useCheckbox\":[4,\"use-checkbox\"],\"countInfo\":[16]}],[512,\"sd-select-list-item-search\",{\"isScrolled\":[4,\"is-scrolled\"],\"searchText\":[32],\"sdFocus\":[64]}]]],[\"sd-select_3\",[[512,\"sd-select\",{\"type\":[1],\"value\":[1032],\"options\":[16],\"placeholder\":[1],\"maxDropdownWidth\":[1,\"max-dropdown-width\"],\"dropdownHeight\":[1,\"dropdown-height\"],\"disabled\":[4],\"label\":[1],\"labelWidth\":[8,\"label-width\"],\"addonLabel\":[1,\"addon-label\"],\"addonAlign\":[1,\"addon-align\"],\"error\":[1028],\"hint\":[1],\"errorMessage\":[1,\"error-message\"],\"rules\":[16],\"icon\":[16],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"emitValue\":[4,\"emit-value\"],\"width\":[8],\"useSearch\":[4,\"use-search\"],\"allSelectedLabel\":[1,\"all-selected-label\"],\"useSelectAll\":[4,\"use-select-all\"],\"name\":[1],\"isOpen\":[32],\"isAnimatingOut\":[32],\"triggerWidth\":[32],\"resolvedDropdownHeight\":[32],\"resolvedMaxDropdownWidth\":[32],\"focused\":[32],\"hovered\":[32],\"sdFocus\":[64],\"sdOpen\":[64]},null,{\"isOpen\":[{\"watchIsOpen\":0}]}],[513,\"sd-select-listbox\",{\"type\":[1],\"options\":[16],\"value\":[8],\"emitValue\":[4,\"emit-value\"],\"useSearch\":[4,\"use-search\"],\"useSelectAll\":[4,\"use-select-all\"],\"triggerWidth\":[1,\"trigger-width\"],\"maxWidth\":[1,\"max-width\"],\"maxHeight\":[1,\"max-height\"],\"searchKeyword\":[32],\"isScrolled\":[32],\"focusedIndex\":[32]},null,{\"searchKeyword\":[{\"resetFocusOnFilter\":0}]}],[512,\"sd-select-trigger\",{\"displayText\":[1,\"display-text\"],\"placeholder\":[1],\"disabled\":[4],\"isOpen\":[4,\"is-open\"],\"sdFocus\":[64]}]]]]"), options);
|
|
8
8
|
};
|
|
9
9
|
|
|
10
10
|
export { defineCustomElements };
|
|
@@ -259,10 +259,10 @@ const colors = rawColors;
|
|
|
259
259
|
// 주어진 문자열이 color.json의 키이면 매핑된 HEX를 반환하고,
|
|
260
260
|
// 아닐 경우 원문 그대로를 반환합니다. 값이 falsy면 기본 색상으로 대체합니다.
|
|
261
261
|
function resolveColor(input, fallback = '#025497') {
|
|
262
|
-
if (
|
|
262
|
+
if (input === null || input === undefined || input === '')
|
|
263
263
|
return fallback;
|
|
264
264
|
const mapped = colors[input];
|
|
265
|
-
return mapped
|
|
265
|
+
return mapped !== undefined && mapped !== '' ? mapped : input;
|
|
266
266
|
}
|
|
267
267
|
|
|
268
268
|
export { resolveColor as r };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h } from './index-
|
|
1
|
+
import { r as registerInstance, c as createEvent, h } from './index-CLCoul8o.js';
|
|
2
2
|
import { m as modalTokens } from './component.modal-DOXMJi-V.js';
|
|
3
3
|
|
|
4
4
|
const { modal } = modalTokens;
|
|
@@ -25,7 +25,7 @@ const ACTION_MODAL_TITLE = {
|
|
|
25
25
|
lineHeight: Number(action.title.typography.lineHeight),
|
|
26
26
|
};
|
|
27
27
|
|
|
28
|
-
const sdActionModalCss = () => `sd-action-modal{display:block}sd-action-modal .sd-action-modal{position:relative;display:flex;flex-direction:column;width:fit-content;min-width:520px;border-radius:var(--sd-action-modal-radius);background:var(--sd-action-modal-bg);box-shadow:4px 4px 24px 4px rgba(0, 0, 0, 0.2);overflow:hidden}sd-action-modal .sd-action-modal__header{display:flex;align-items:center;flex-shrink:0;gap:var(--sd-action-modal-header-gap);padding:var(--sd-action-modal-header-padding-y) calc(var(--sd-action-modal-header-padding-x) + 20px) var(--sd-action-modal-header-padding-y) var(--sd-action-modal-header-padding-x)}sd-action-modal .sd-action-modal__title{margin:0;color:var(--sd-action-modal-title-color);font-family:var(--sd-action-modal-title-font-family);font-weight:var(--sd-action-modal-title-font-weight);font-size:var(--sd-action-modal-title-font-size);line-height:var(--sd-action-modal-title-line-height);white-space:nowrap}sd-action-modal .sd-action-modal__header-sub{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:8px}sd-action-modal .sd-action-modal__header-sub:empty{display:none}sd-action-modal .sd-action-modal__close{position:absolute;top:16px;right:16px;cursor:pointer}sd-action-modal .sd-action-modal__body{flex:1 1 auto;min-height:0;padding:0 var(--sd-action-modal-body-padding-x) var(--sd-action-modal-body-padding-bottom);overflow:auto}sd-action-modal .sd-action-modal__footer{display:flex;align-items:center;flex-shrink:0;gap:var(--sd-action-modal-footer-gap);padding:var(--sd-action-modal-footer-padding-y) var(--sd-action-modal-footer-padding-x);background:var(--sd-action-modal-footer-bg);border-top:1px solid var(--sd-action-modal-footer-border)}sd-action-modal .sd-action-modal__footer>sd-button
|
|
28
|
+
const sdActionModalCss = () => `sd-action-modal{display:block}sd-action-modal .sd-action-modal{position:relative;display:flex;flex-direction:column;width:fit-content;min-width:520px;border-radius:var(--sd-action-modal-radius);background:var(--sd-action-modal-bg);box-shadow:4px 4px 24px 4px rgba(0, 0, 0, 0.2);overflow:hidden}sd-action-modal .sd-action-modal__header{display:flex;align-items:center;flex-shrink:0;gap:var(--sd-action-modal-header-gap);padding:var(--sd-action-modal-header-padding-y) calc(var(--sd-action-modal-header-padding-x) + 20px) var(--sd-action-modal-header-padding-y) var(--sd-action-modal-header-padding-x)}sd-action-modal .sd-action-modal__title{margin:0;color:var(--sd-action-modal-title-color);font-family:var(--sd-action-modal-title-font-family);font-weight:var(--sd-action-modal-title-font-weight);font-size:var(--sd-action-modal-title-font-size);line-height:var(--sd-action-modal-title-line-height);white-space:nowrap}sd-action-modal .sd-action-modal__header-sub{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:8px}sd-action-modal .sd-action-modal__header-sub:empty{display:none}sd-action-modal .sd-action-modal__close{position:absolute;top:16px;right:16px;cursor:pointer}sd-action-modal .sd-action-modal__body{flex:1 1 auto;min-height:0;padding:0 var(--sd-action-modal-body-padding-x) var(--sd-action-modal-body-padding-bottom);overflow:auto}sd-action-modal .sd-action-modal__footer{display:flex;align-items:center;flex-shrink:0;gap:var(--sd-action-modal-footer-gap);padding:var(--sd-action-modal-footer-padding-y) var(--sd-action-modal-footer-padding-x);background:var(--sd-action-modal-footer-bg);border-top:1px solid var(--sd-action-modal-footer-border)}sd-action-modal .sd-action-modal__footer>sd-button{margin-left:auto}sd-action-modal .sd-action-modal__footer-sub{display:flex;align-items:center;gap:8px;min-width:0}sd-action-modal .sd-action-modal__footer-sub:empty{display:none}`;
|
|
29
29
|
|
|
30
30
|
const DEFAULT_BUTTON_PROPS = {
|
|
31
31
|
name: 'primary_md',
|
|
@@ -71,7 +71,7 @@ const SdActionModal = class {
|
|
|
71
71
|
if (this.height != null && this.height !== '') {
|
|
72
72
|
sizeStyle.height = typeof this.height === 'number' ? `${this.height}px` : this.height;
|
|
73
73
|
}
|
|
74
|
-
return (h("div", { key: '
|
|
74
|
+
return (h("div", { key: '278f81cf1f4ae0ca65ac6187b7fb31e4f12002f6', class: "sd-action-modal", style: { ...cssVars, ...sizeStyle } }, h("header", { key: '7d110c9a1633f0db63c3d605f4422b90b9eb1a5c', class: "sd-action-modal__header" }, h("h2", { key: 'd81100f64dec3a483d8f40b0be5069182de892c1', class: "sd-action-modal__title" }, this.modalTitle), h("div", { key: 'c90c38a33877c85837316d63aadfab5f4bee73dc', class: "sd-action-modal__header-sub" }, h("slot", { key: '98ea6a6f21d1596fa22fb7a9b37bb1169dcc6b16', name: "header-sub-title" })), h("sd-ghost-button", { key: 'dd3429279996c79dec50aef0d77cfa21f4b0392b', class: "sd-action-modal__close", icon: "close", ariaLabel: "close", onClick: () => this.close.emit() })), h("div", { key: 'c8621876c083c1026ddbecef875b4308ce85835e', class: "sd-action-modal__body" }, h("slot", { key: 'bcf70a5bf4af9afdb421894a4cb2abeea0e277e9', name: "body" })), (this.buttonProps != null || this.buttonProps != undefined) && (h("footer", { key: 'bc783b531cc045c360680326f826cda3ccc1bd67', class: "sd-action-modal__footer" }, h("div", { key: '20d6c7708bc3218b038c5cb4faddcc6fc58acee7', class: "sd-action-modal__footer-sub" }, h("slot", { key: '08703135da34bac499de135ed5b8e85eeb0fbc3a', name: "bottom-sub-content" })), h("sd-button", { key: 'f384e5914a78fdfcfdd0bd3ad89f7bcf20c5f8d2', ...DEFAULT_BUTTON_PROPS, ...this.buttonProps, onSdClick: () => this.ok.emit() })))));
|
|
75
75
|
}
|
|
76
76
|
};
|
|
77
77
|
SdActionModal.style = sdActionModalCss();
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index-
|
|
1
|
+
import { r as registerInstance, h } from './index-CLCoul8o.js';
|
|
2
2
|
|
|
3
3
|
const badge = {
|
|
4
4
|
red: "#FB4444",
|
|
@@ -32,10 +32,9 @@ const SdBadge = class {
|
|
|
32
32
|
registerInstance(this, hostRef);
|
|
33
33
|
}
|
|
34
34
|
color = 'blue';
|
|
35
|
-
label = '';
|
|
36
35
|
render() {
|
|
37
36
|
const resolvedColor = BADGE_COLOR_MAP[this.color] ?? BADGE_COLOR_MAP.blue;
|
|
38
|
-
return (h("div", { key: '
|
|
37
|
+
return (h("div", { key: 'aba37986d6beea38fb1c5476f5187359ac2ebf0c', class: "sd-badge", style: { '--sd-badge-color': resolvedColor } }, h("div", { key: 'dd80e8d18c79eda021baf7a7f233222c9c2aa717', class: "sd-badge__dot" })));
|
|
39
38
|
}
|
|
40
39
|
};
|
|
41
40
|
SdBadge.style = sdBadgeCss();
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, a as getElement, h } from './index-
|
|
1
|
+
import { r as registerInstance, c as createEvent, a as getElement, h } from './index-CLCoul8o.js';
|
|
2
2
|
import { n as nanoid } from './index-CCwNgVmC.js';
|
|
3
3
|
import { i as inputTokens } from './component.textinput-ByhWX2NK.js';
|
|
4
4
|
|
|
@@ -98,7 +98,7 @@ const SdBarcodeInput = class {
|
|
|
98
98
|
this.formField?.sdFocus();
|
|
99
99
|
}
|
|
100
100
|
componentWillLoad() {
|
|
101
|
-
if (this.value) {
|
|
101
|
+
if (this.value !== undefined && this.value !== '') {
|
|
102
102
|
this.internalValue = this.value;
|
|
103
103
|
}
|
|
104
104
|
}
|
|
@@ -139,7 +139,7 @@ const SdBarcodeInput = class {
|
|
|
139
139
|
'--sd-system-radius-field-sm': `${sizeTokens.radius}px`,
|
|
140
140
|
'--sd-system-color-field-bg-default': BARCODE_INPUT_COLORS.bg.barcode,
|
|
141
141
|
};
|
|
142
|
-
return (h("sd-field", { key: '
|
|
142
|
+
return (h("sd-field", { key: '206beaac9acf7bf3e787b98c1e9bda602f1aa1d2', name: this.name, label: this.label, labelWidth: this.labelWidth, addonLabel: this.addonLabel, addonAlign: this.addonAlign, hint: this.hint, errorMessage: this.errorMessage, width: this.width, rules: this.rules, error: this.error, disabled: this.disabled, focused: this.focused, hovered: this.hovered, status: this.status, size: this.size, icon: this.icon, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, ref: el => (this.formField = el), onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false), style: cssVars }, h("label", { key: 'ab14cdc3e65faa72ce7c549234e40ca54f441c7d', class: "sd-barcode-input__content" }, h("slot", { key: '7568acdee85fa0ae7440d7db65fd414fb1c27d1c', name: "prefix" }), h("input", { key: '388b007eb7d830083e75e6b3016c412a6922bb1a', name: this.name, ref: el => (this.nativeEl = el), class: `sd-barcode-input__native ${this.inputClass}`, type: "text", value: this.internalValue || '', placeholder: this.placeholder ?? '입력해 주세요.', disabled: this.disabled, readonly: this.readonly, autofocus: this.autoFocus, onInput: this.handleInput, onFocus: event => this.handleFocus('focus', event), onBlur: event => this.handleFocus('blur', event), style: this.inputStyle }), h("slot", { key: '8e8d4feee62108904eb766b1917ed1e20cacc83b', name: "suffix" }), this.clearable && this.internalValue && (h("sd-ghost-button", { key: 'a9b158ebcdcb31009b13db624fb8c74d6252e20d', icon: "close", ariaLabel: "clear", size: "xxs", disabled: this.disabled, class: "sd-barcode-input__clear-icon", onClick: async () => {
|
|
143
143
|
if (this.disabled)
|
|
144
144
|
return;
|
|
145
145
|
this.internalValue = '';
|
|
@@ -1,4 +1,89 @@
|
|
|
1
|
-
|
|
1
|
+
const button = {
|
|
2
|
+
xs: {
|
|
3
|
+
icon: "12"
|
|
4
|
+
},
|
|
5
|
+
sm: {
|
|
6
|
+
icon: "16"
|
|
7
|
+
},
|
|
8
|
+
md: {
|
|
9
|
+
icon: "20"
|
|
10
|
+
},
|
|
11
|
+
lg: {
|
|
12
|
+
icon: "24"
|
|
13
|
+
},
|
|
14
|
+
border: {
|
|
15
|
+
disabled: "#CCCCCC"
|
|
16
|
+
},
|
|
17
|
+
bg: {
|
|
18
|
+
disabled: "#E1E1E1"
|
|
19
|
+
},
|
|
20
|
+
text: {
|
|
21
|
+
disabled: "#888888"
|
|
22
|
+
},
|
|
23
|
+
brand: {
|
|
24
|
+
strong: {
|
|
25
|
+
bg: {
|
|
26
|
+
"default": "#025497",
|
|
27
|
+
hover: "#004177"
|
|
28
|
+
},
|
|
29
|
+
content: "#FFFFFF",
|
|
30
|
+
dropdown: {
|
|
31
|
+
divider: "#006AC1"
|
|
32
|
+
}
|
|
33
|
+
},
|
|
34
|
+
subtle: {
|
|
35
|
+
bg: {
|
|
36
|
+
"default": "#1F8AE1",
|
|
37
|
+
hover: "#006AC1"
|
|
38
|
+
},
|
|
39
|
+
content: "#FFFFFF",
|
|
40
|
+
dropdown: {
|
|
41
|
+
divider: "#5CB0F3"
|
|
42
|
+
}
|
|
43
|
+
},
|
|
44
|
+
outline: {
|
|
45
|
+
bg: {
|
|
46
|
+
"default": "#FFFFFF",
|
|
47
|
+
hover: "#EAF5FE"
|
|
48
|
+
},
|
|
49
|
+
border: "#025497",
|
|
50
|
+
content: "#025497"
|
|
51
|
+
}
|
|
52
|
+
},
|
|
53
|
+
neutral: {
|
|
54
|
+
outline: {
|
|
55
|
+
bg: {
|
|
56
|
+
"default": "#FFFFFF",
|
|
57
|
+
hover: "#EEEEEE"
|
|
58
|
+
},
|
|
59
|
+
border: "#888888",
|
|
60
|
+
content: "#222222"
|
|
61
|
+
}
|
|
62
|
+
},
|
|
63
|
+
danger: {
|
|
64
|
+
strong: {
|
|
65
|
+
bg: {
|
|
66
|
+
"default": "#E30000",
|
|
67
|
+
hover: "#AD0000"
|
|
68
|
+
},
|
|
69
|
+
content: "#FFFFFF",
|
|
70
|
+
dropdown: {
|
|
71
|
+
divider: "#FF7C7C"
|
|
72
|
+
}
|
|
73
|
+
},
|
|
74
|
+
outline: {
|
|
75
|
+
bg: {
|
|
76
|
+
"default": "#FFFFFF",
|
|
77
|
+
hover: "#FCEFEF"
|
|
78
|
+
},
|
|
79
|
+
border: "#E30000",
|
|
80
|
+
content: "#E30000"
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
};
|
|
84
|
+
var buttonTokens = {
|
|
85
|
+
button: button
|
|
86
|
+
};
|
|
2
87
|
|
|
3
88
|
const BUTTON_FOCUS_RING_COLOR = '#0075FF';
|
|
4
89
|
const PRESET_DEFAULT_COLORS = {
|
|
@@ -162,7 +247,7 @@ const PRESET_BORDER_COLORS = {
|
|
|
162
247
|
danger_outline: buttonTokens.button.danger.outline.border,
|
|
163
248
|
};
|
|
164
249
|
const SIZE_SUFFIX_PATTERN = /_(xs|sm|md|lg)$/;
|
|
165
|
-
const
|
|
250
|
+
const isButtonName = (value) => value in BUTTON_CONFIG;
|
|
166
251
|
const getPresetName = (value) => value.replace(SIZE_SUFFIX_PATTERN, '');
|
|
167
252
|
|
|
168
|
-
export { BUTTON_CONFIG as B, PRESET_CONTENT_COLORS as P, BUTTON_ICON_SIZES as a, BUTTON_FOCUS_RING_COLOR as b, PRESET_BORDER_COLORS as c, PRESET_HOVER_BACKGROUNDS as d, getPresetName as g,
|
|
253
|
+
export { BUTTON_CONFIG as B, PRESET_CONTENT_COLORS as P, BUTTON_ICON_SIZES as a, BUTTON_FOCUS_RING_COLOR as b, PRESET_BORDER_COLORS as c, PRESET_HOVER_BACKGROUNDS as d, buttonTokens as e, getPresetName as g, isButtonName as i };
|
|
@@ -1,86 +1,6 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent
|
|
2
|
-
import { i as
|
|
3
|
-
import { r as resolveColor } from './resolveColor-
|
|
4
|
-
import './component.button-B1XBwjCW.js';
|
|
5
|
-
|
|
6
|
-
const sdButtonV2Css = () => `sd-button-v2{display:inline-flex;width:fit-content;height:fit-content}.sd-button-v2{--sd-button-v2-height:36px;--sd-button-v2-padding-x:20px;--sd-button-v2-gap:8px;--sd-button-v2-font-family:inherit;--sd-button-v2-font-size:16px;--sd-button-v2-font-weight:500;--sd-button-v2-text-decoration:none;--sd-button-v2-label-min-width:auto;--sd-button-v2-icon-only-size:var(--sd-button-v2-height);--sd-button-v2-bg:#025497;--sd-button-v2-bg-hover:#004177;--sd-button-v2-border:transparent;--sd-button-v2-content:#FFFFFF;--sd-button-v2-current-content:var(--sd-button-v2-content);--sd-button-v2-current-icon:var(--sd-button-v2-content);display:inline-flex;align-items:center;justify-content:center;min-height:var(--sd-button-v2-height);min-width:var(--sd-button-v2-min-width, auto);padding:0 var(--sd-button-v2-padding-x);border:var(--sd-button-button-border-width-default, 1px) solid var(--sd-button-v2-border);border-radius:var(--sd-button-button-radius-sm, 4px);background:var(--sd-button-v2-bg);color:var(--sd-button-v2-current-content);cursor:pointer;box-sizing:border-box;font-family:var(--sd-button-v2-font-family);font-size:var(--sd-button-v2-font-size);font-weight:var(--sd-button-v2-font-weight);line-height:1;text-decoration:var(--sd-button-v2-text-decoration);transition:background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;white-space:nowrap;-webkit-user-select:none;user-select:none}.sd-button-v2:hover:not(.sd-button-v2--disabled){background:var(--sd-button-v2-bg-hover)}.sd-button-v2:focus-visible{outline:0;box-shadow:0 0 0 2px var(--sd-button-v2-accent)}.sd-button-v2--xs{--sd-button-v2-height:var(--sd-button-button-xs-height, 24px);--sd-button-v2-padding-x:var(--sd-button-button-xs-padding-x, 8px);--sd-button-v2-gap:var(--sd-button-button-xs-gap, 4px);--sd-button-v2-font-family:var(--sd-button-button-xs-typography-font-family, inherit);--sd-button-v2-font-size:var(--sd-button-button-xs-typography-font-size, 12px);--sd-button-v2-font-weight:var(--sd-button-button-xs-typography-font-weight, 500);--sd-button-v2-text-decoration:var(--sd-button-button-xs-typography-text-decoration, none);--sd-button-v2-label-min-width:var(--sd-button-label-xs-min-width, 36px);--sd-button-v2-icon-only-size:var(--sd-button-button-icon-only-xs-width, var(--sd-button-v2-height))}.sd-button-v2--sm{--sd-button-v2-height:var(--sd-button-button-sm-height, 28px);--sd-button-v2-padding-x:var(--sd-button-button-sm-padding-x, 12px);--sd-button-v2-gap:var(--sd-button-button-sm-gap, 6px);--sd-button-v2-font-family:var(--sd-button-button-sm-typography-font-family, inherit);--sd-button-v2-font-size:var(--sd-button-button-sm-typography-font-size, 12px);--sd-button-v2-font-weight:var(--sd-button-button-sm-typography-font-weight, 500);--sd-button-v2-text-decoration:var(--sd-button-button-sm-typography-text-decoration, none);--sd-button-v2-label-min-width:var(--sd-button-label-sm-min-width, 70px);--sd-button-v2-icon-only-size:var(--sd-button-button-icon-only-sm-width, var(--sd-button-v2-height))}.sd-button-v2--md{--sd-button-v2-height:var(--sd-button-button-md-height, 36px);--sd-button-v2-padding-x:var(--sd-button-button-md-padding-x, 20px);--sd-button-v2-gap:var(--sd-button-button-md-gap, 8px);--sd-button-v2-font-family:var(--sd-button-button-md-typography-font-family, inherit);--sd-button-v2-font-size:var(--sd-button-button-md-typography-font-size, 16px);--sd-button-v2-font-weight:var(--sd-button-button-md-typography-font-weight, 500);--sd-button-v2-text-decoration:var(--sd-button-button-md-typography-text-decoration, none);--sd-button-v2-label-min-width:var(--sd-button-label-md-min-width, 100px);--sd-button-v2-icon-only-size:var(--sd-button-button-icon-only-md-width, var(--sd-button-v2-height));border-radius:var(--sd-button-button-radius-md, 6px)}.sd-button-v2--lg{--sd-button-v2-height:var(--sd-button-button-lg-height, 62px);--sd-button-v2-padding-x:var(--sd-button-button-lg-padding-x, 28px);--sd-button-v2-gap:var(--sd-button-button-lg-gap, 12px);--sd-button-v2-font-family:var(--sd-button-button-lg-typography-font-family, inherit);--sd-button-v2-font-size:var(--sd-button-button-lg-typography-font-size, 18px);--sd-button-v2-font-weight:var(--sd-button-button-lg-typography-font-weight, 500);--sd-button-v2-text-decoration:var(--sd-button-button-lg-typography-text-decoration, none);--sd-button-v2-label-min-width:var(--sd-button-label-lg-min-width, 120px);--sd-button-v2-icon-only-size:var(--sd-button-button-icon-only-lg-width, var(--sd-button-v2-height));border-radius:var(--sd-button-button-radius-md, 6px)}.sd-button-v2--has-label{--sd-button-v2-min-width:var(--sd-button-v2-label-min-width, auto)}.sd-button-v2--icon-only{width:var(--sd-button-v2-icon-only-size, var(--sd-button-v2-height));min-width:var(--sd-button-v2-icon-only-size, var(--sd-button-v2-height));height:var(--sd-button-v2-icon-only-size, var(--sd-button-v2-height));padding:0}.sd-button-v2--icon-only .sd-button-v2__content{gap:0}.sd-button-v2--disabled{border-color:var(--sd-button-button-border-disabled, #CCCCCC);background:var(--sd-button-button-bg-disabled, #E1E1E1);--sd-button-v2-current-content:var(--sd-button-button-text-disabled, #888888);--sd-button-v2-current-icon:var(--sd-button-button-icon-disabled, #BBBBBB);cursor:not-allowed}.sd-button-v2 .sd-button-v2__content{display:inline-flex;align-items:center;justify-content:center;gap:var(--sd-button-v2-gap)}.sd-button-v2 .sd-button-v2__label{font:inherit}`;
|
|
7
|
-
|
|
8
|
-
const SdButtonV2 = class {
|
|
9
|
-
constructor(hostRef) {
|
|
10
|
-
registerInstance(this, hostRef);
|
|
11
|
-
this.click = createEvent(this, "sdClick", 7);
|
|
12
|
-
}
|
|
13
|
-
name = 'primary_sm';
|
|
14
|
-
label = '';
|
|
15
|
-
icon;
|
|
16
|
-
rightIcon;
|
|
17
|
-
ariaLabel = '';
|
|
18
|
-
disabled = false;
|
|
19
|
-
type = 'button';
|
|
20
|
-
click;
|
|
21
|
-
hasWarnedMissingAriaLabel = false;
|
|
22
|
-
handleClick = (event) => {
|
|
23
|
-
if (this.disabled) {
|
|
24
|
-
event.preventDefault();
|
|
25
|
-
return;
|
|
26
|
-
}
|
|
27
|
-
this.click.emit(event);
|
|
28
|
-
};
|
|
29
|
-
get resolvedConfig() {
|
|
30
|
-
if (!isButtonV2Name(this.name)) {
|
|
31
|
-
throw new Error(`Invalid sd-button-v2 name: ${this.name}`);
|
|
32
|
-
}
|
|
33
|
-
const config = BUTTON_CONFIG[this.name];
|
|
34
|
-
const preset = getPresetName(this.name);
|
|
35
|
-
return {
|
|
36
|
-
config,
|
|
37
|
-
preset,
|
|
38
|
-
};
|
|
39
|
-
}
|
|
40
|
-
getButtonClasses(preset, size, hasLabel, iconOnly) {
|
|
41
|
-
const classes = ['sd-button-v2', `sd-button-v2--${preset}`, `sd-button-v2--${size}`];
|
|
42
|
-
if (this.disabled) {
|
|
43
|
-
classes.push('sd-button-v2--disabled');
|
|
44
|
-
}
|
|
45
|
-
if (iconOnly) {
|
|
46
|
-
classes.push('sd-button-v2--icon-only');
|
|
47
|
-
}
|
|
48
|
-
if (hasLabel) {
|
|
49
|
-
classes.push('sd-button-v2--has-label');
|
|
50
|
-
}
|
|
51
|
-
return classes.join(' ');
|
|
52
|
-
}
|
|
53
|
-
componentWillRender() {
|
|
54
|
-
this.warnIfMissingAriaLabel();
|
|
55
|
-
}
|
|
56
|
-
warnIfMissingAriaLabel() {
|
|
57
|
-
const iconOnly = !this.label && (Boolean(this.icon) || Boolean(this.rightIcon));
|
|
58
|
-
const missingAriaLabel = iconOnly && !this.ariaLabel.trim();
|
|
59
|
-
if (!missingAriaLabel) {
|
|
60
|
-
this.hasWarnedMissingAriaLabel = false;
|
|
61
|
-
return;
|
|
62
|
-
}
|
|
63
|
-
if (this.hasWarnedMissingAriaLabel) {
|
|
64
|
-
return;
|
|
65
|
-
}
|
|
66
|
-
console.warn(`[sd-button-v2] icon-only buttons require \`ariaLabel\`. Received name="${this.name}" icon="${this.icon ?? this.rightIcon}".`);
|
|
67
|
-
this.hasWarnedMissingAriaLabel = true;
|
|
68
|
-
}
|
|
69
|
-
render() {
|
|
70
|
-
const { config, preset } = this.resolvedConfig;
|
|
71
|
-
const hasLabel = Boolean(this.label);
|
|
72
|
-
const iconOnly = !this.label && Boolean(this.icon) !== Boolean(this.rightIcon);
|
|
73
|
-
const accessibleName = iconOnly && this.ariaLabel.trim() ? this.ariaLabel : undefined;
|
|
74
|
-
return (h("button", { key: 'e3e2074fbe2b48117d5834efac7ff3036757aab3', class: this.getButtonClasses(preset, config.size, hasLabel, iconOnly), type: this.type, disabled: this.disabled, "aria-label": accessibleName, style: {
|
|
75
|
-
'--sd-button-v2-bg': config.color,
|
|
76
|
-
'--sd-button-v2-bg-hover': PRESET_HOVER_BACKGROUNDS[preset],
|
|
77
|
-
'--sd-button-v2-border': PRESET_BORDER_COLORS[preset],
|
|
78
|
-
'--sd-button-v2-content': PRESET_CONTENT_COLORS[preset],
|
|
79
|
-
'--sd-button-v2-accent': BUTTON_FOCUS_RING_COLOR,
|
|
80
|
-
}, onClick: this.handleClick }, h("span", { key: '90ea3bf42c9e16c836c6fdfdf26a74c8a848c31b', class: "sd-button-v2__content" }, this.icon && (h("sd-icon", { key: 'b9f4a1c42ae866aac1f65f4bbedb282ae0c10c72', class: "sd-button-v2__icon", name: this.icon, size: BUTTON_ICON_SIZES[config.size], color: "var(--sd-button-v2-current-icon)" })), this.label && h("span", { key: '5e5dfbabdbec86c2da625c6a70fcda10303d0e50', class: "sd-button-v2__label" }, this.label), this.rightIcon && (h("sd-icon", { key: 'f1c3a74b6d7e83fa755c97f83c6d97dea8411537', class: "sd-button-v2__icon sd-button-v2__icon--right", name: this.rightIcon, size: BUTTON_ICON_SIZES[config.size], color: "var(--sd-button-v2-current-icon)" })))));
|
|
81
|
-
}
|
|
82
|
-
};
|
|
83
|
-
SdButtonV2.style = sdButtonV2Css();
|
|
1
|
+
import { h, r as registerInstance, c as createEvent } from './index-CLCoul8o.js';
|
|
2
|
+
import { i as isButtonName, g as getPresetName, B as BUTTON_CONFIG, a as BUTTON_ICON_SIZES, b as BUTTON_FOCUS_RING_COLOR, P as PRESET_CONTENT_COLORS, c as PRESET_BORDER_COLORS, d as PRESET_HOVER_BACKGROUNDS } from './sd-button.config-BDjErF_K.js';
|
|
3
|
+
import { r as resolveColor } from './resolveColor-Ce0cmS4R.js';
|
|
84
4
|
|
|
85
5
|
const Add = (props) => {
|
|
86
6
|
const { size = 24, ...rest } = props;
|
|
@@ -197,6 +117,16 @@ const CheckOutline = (props) => {
|
|
|
197
117
|
return (h("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...rest }, h("path", { d: "M17.0693 8.46973C17.3622 8.1769 17.837 8.17703 18.1299 8.46973C18.4228 8.76262 18.4228 9.23738 18.1299 9.53027L11.5195 16.1416C11.129 16.5321 10.495 16.5321 10.1045 16.1416L6.03906 12.0752C5.7464 11.7823 5.74625 11.3075 6.03906 11.0146C6.33191 10.7223 6.80684 10.7221 7.09961 11.0146L10.8125 14.7275L17.0693 8.46973Z", fill: "currentColor" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12 0.25C18.4893 0.25 23.75 5.51065 23.75 12C23.75 18.4893 18.4893 23.75 12 23.75C5.51065 23.75 0.25 18.4893 0.25 12C0.25 5.51065 5.51065 0.25 12 0.25ZM12 1.75C6.33908 1.75 1.75 6.33908 1.75 12C1.75 17.6609 6.33908 22.25 12 22.25C17.6609 22.25 22.25 17.6609 22.25 12C22.25 6.33908 17.6609 1.75 12 1.75Z", fill: "currentColor" })));
|
|
198
118
|
};
|
|
199
119
|
|
|
120
|
+
const CheckboxCheck = (props) => {
|
|
121
|
+
const { size = 12, ...rest } = props;
|
|
122
|
+
return (h("svg", { width: size, height: size, viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...rest }, h("path", { d: "M10.5962 3.19751L5.02773 8.76598C4.97891 8.81479 4.89977 8.81479 4.85095 8.76598L1.40381 5.31883", stroke: "currentColor", "stroke-width": "1.25", "stroke-linecap": "round" })));
|
|
123
|
+
};
|
|
124
|
+
|
|
125
|
+
const CheckboxIndeterminate = (props) => {
|
|
126
|
+
const { size = 12, ...rest } = props;
|
|
127
|
+
return (h("svg", { width: size, height: size, viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...rest }, h("path", { d: "M2 6H10", stroke: "currentColor", "stroke-width": "1.25", "stroke-linecap": "round" })));
|
|
128
|
+
};
|
|
129
|
+
|
|
200
130
|
const ChevronDown = (props) => {
|
|
201
131
|
const { size = 24, ...rest } = props;
|
|
202
132
|
return (h("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...rest }, h("path", { d: "M20.676 6.96383C20.9721 6.6744 21.447 6.67953 21.7365 6.97555C22.0259 7.2716 22.0207 7.7465 21.7248 8.03609L12.6994 16.8652C12.3108 17.2453 11.6897 17.2452 11.301 16.8652L2.27559 8.03609C1.97951 7.74645 1.97425 7.27164 2.26388 6.97555C2.55352 6.67946 3.02833 6.6742 3.32442 6.96383L12.0002 15.4502L20.676 6.96383Z", fill: "currentColor" })));
|
|
@@ -496,6 +426,8 @@ const Icons = {
|
|
|
496
426
|
check: Check,
|
|
497
427
|
checkFill: CheckFill,
|
|
498
428
|
checkOutline: CheckOutline,
|
|
429
|
+
checkboxCheck: CheckboxCheck,
|
|
430
|
+
checkboxIndeterminate: CheckboxIndeterminate,
|
|
499
431
|
chevronDown: ChevronDown,
|
|
500
432
|
chevronLeft: ChevronLeft,
|
|
501
433
|
chevronLeftEnd: ChevronLeftEnd,
|
|
@@ -553,6 +485,90 @@ const Icons = {
|
|
|
553
485
|
youtube: Youtube,
|
|
554
486
|
};
|
|
555
487
|
|
|
488
|
+
const sdButtonCss = () => `sd-button{display:inline-flex;width:fit-content;height:fit-content}.sd-button{--sd-button-height:36px;--sd-button-padding-x:20px;--sd-button-gap:8px;--sd-button-font-family:inherit;--sd-button-font-size:16px;--sd-button-font-weight:500;--sd-button-text-decoration:none;--sd-button-label-min-width:auto;--sd-button-icon-only-size:var(--sd-button-height);--sd-button-bg:#025497;--sd-button-bg-hover:#004177;--sd-button-border:transparent;--sd-button-content:#FFFFFF;--sd-button-current-content:var(--sd-button-content);--sd-button-current-icon:var(--sd-button-content);display:inline-flex;align-items:center;justify-content:center;min-height:var(--sd-button-height);min-width:var(--sd-button-min-width, auto);padding:0 var(--sd-button-padding-x);border:var(--sd-button-button-border-width-default, 1px) solid var(--sd-button-border);border-radius:var(--sd-button-button-radius-sm, 4px);background:var(--sd-button-bg);color:var(--sd-button-current-content);cursor:pointer;box-sizing:border-box;font-family:var(--sd-button-font-family);font-size:var(--sd-button-font-size);font-weight:var(--sd-button-font-weight);line-height:1;text-decoration:var(--sd-button-text-decoration);transition:background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;white-space:nowrap;-webkit-user-select:none;user-select:none}.sd-button:hover:not(.sd-button--disabled){background:var(--sd-button-bg-hover)}.sd-button:focus-visible{outline:0;box-shadow:0 0 0 2px var(--sd-button-accent)}.sd-button--xs{--sd-button-height:var(--sd-button-button-xs-height, 24px);--sd-button-padding-x:var(--sd-button-button-xs-padding-x, 8px);--sd-button-gap:var(--sd-button-button-xs-gap, 4px);--sd-button-font-family:var(--sd-button-button-xs-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-button-xs-typography-font-size, 12px);--sd-button-font-weight:var(--sd-button-button-xs-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-button-xs-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-xs-min-width, 36px);--sd-button-icon-only-size:var(--sd-button-button-icon-only-xs-width, var(--sd-button-height))}.sd-button--sm{--sd-button-height:var(--sd-button-button-sm-height, 28px);--sd-button-padding-x:var(--sd-button-button-sm-padding-x, 12px);--sd-button-gap:var(--sd-button-button-sm-gap, 6px);--sd-button-font-family:var(--sd-button-button-sm-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-button-sm-typography-font-size, 12px);--sd-button-font-weight:var(--sd-button-button-sm-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-button-sm-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-sm-min-width, 70px);--sd-button-icon-only-size:var(--sd-button-button-icon-only-sm-width, var(--sd-button-height))}.sd-button--md{--sd-button-height:var(--sd-button-button-md-height, 36px);--sd-button-padding-x:var(--sd-button-button-md-padding-x, 20px);--sd-button-gap:var(--sd-button-button-md-gap, 8px);--sd-button-font-family:var(--sd-button-button-md-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-button-md-typography-font-size, 16px);--sd-button-font-weight:var(--sd-button-button-md-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-button-md-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-md-min-width, 100px);--sd-button-icon-only-size:var(--sd-button-button-icon-only-md-width, var(--sd-button-height));border-radius:var(--sd-button-button-radius-md, 6px)}.sd-button--lg{--sd-button-height:var(--sd-button-button-lg-height, 62px);--sd-button-padding-x:var(--sd-button-button-lg-padding-x, 28px);--sd-button-gap:var(--sd-button-button-lg-gap, 12px);--sd-button-font-family:var(--sd-button-button-lg-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-button-lg-typography-font-size, 18px);--sd-button-font-weight:var(--sd-button-button-lg-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-button-lg-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-lg-min-width, 120px);--sd-button-icon-only-size:var(--sd-button-button-icon-only-lg-width, var(--sd-button-height));border-radius:var(--sd-button-button-radius-md, 6px)}.sd-button--has-label{--sd-button-min-width:var(--sd-button-label-min-width, auto)}.sd-button--icon-only{width:var(--sd-button-icon-only-size, var(--sd-button-height));min-width:var(--sd-button-icon-only-size, var(--sd-button-height));height:var(--sd-button-icon-only-size, var(--sd-button-height));padding:0}.sd-button--icon-only .sd-button__content{gap:0}.sd-button--disabled{border-color:var(--sd-button-button-border-disabled, #CCCCCC);background:var(--sd-button-button-bg-disabled, #E1E1E1);--sd-button-current-content:var(--sd-button-button-text-disabled, #888888);--sd-button-current-icon:var(--sd-button-button-icon-disabled, #BBBBBB);cursor:not-allowed}.sd-button .sd-button__content{display:inline-flex;align-items:center;justify-content:center;gap:var(--sd-button-gap)}.sd-button .sd-button__label{font:inherit}`;
|
|
489
|
+
|
|
490
|
+
const isValidIcon = (icon) => icon != null && icon in Icons;
|
|
491
|
+
const SdButton = class {
|
|
492
|
+
constructor(hostRef) {
|
|
493
|
+
registerInstance(this, hostRef);
|
|
494
|
+
this.click = createEvent(this, "sdClick", 7);
|
|
495
|
+
}
|
|
496
|
+
name = 'primary_sm';
|
|
497
|
+
label = '';
|
|
498
|
+
icon;
|
|
499
|
+
rightIcon;
|
|
500
|
+
ariaLabel = '';
|
|
501
|
+
disabled = false;
|
|
502
|
+
type = 'button';
|
|
503
|
+
click;
|
|
504
|
+
hasWarnedMissingAriaLabel = false;
|
|
505
|
+
handleClick = (event) => {
|
|
506
|
+
if (this.disabled) {
|
|
507
|
+
event.preventDefault();
|
|
508
|
+
return;
|
|
509
|
+
}
|
|
510
|
+
this.click.emit(event);
|
|
511
|
+
};
|
|
512
|
+
get resolvedName() {
|
|
513
|
+
if (!isButtonName(this.name)) {
|
|
514
|
+
throw new Error(`Invalid sd-button name: "${this.name}"`);
|
|
515
|
+
}
|
|
516
|
+
return this.name;
|
|
517
|
+
}
|
|
518
|
+
get resolvedConfig() {
|
|
519
|
+
const name = this.resolvedName;
|
|
520
|
+
return {
|
|
521
|
+
config: BUTTON_CONFIG[name],
|
|
522
|
+
preset: getPresetName(name),
|
|
523
|
+
};
|
|
524
|
+
}
|
|
525
|
+
getButtonClasses(preset, size, hasLabel, iconOnly) {
|
|
526
|
+
const classes = ['sd-button', `sd-button--${preset}`, `sd-button--${size}`];
|
|
527
|
+
if (this.disabled) {
|
|
528
|
+
classes.push('sd-button--disabled');
|
|
529
|
+
}
|
|
530
|
+
if (iconOnly) {
|
|
531
|
+
classes.push('sd-button--icon-only');
|
|
532
|
+
}
|
|
533
|
+
if (hasLabel) {
|
|
534
|
+
classes.push('sd-button--has-label');
|
|
535
|
+
}
|
|
536
|
+
return classes.join(' ');
|
|
537
|
+
}
|
|
538
|
+
componentWillRender() {
|
|
539
|
+
this.warnIfMissingAriaLabel();
|
|
540
|
+
}
|
|
541
|
+
warnIfMissingAriaLabel() {
|
|
542
|
+
const iconOnly = !this.label && (isValidIcon(this.icon) || isValidIcon(this.rightIcon));
|
|
543
|
+
const missingAriaLabel = iconOnly && !this.ariaLabel.trim();
|
|
544
|
+
if (!missingAriaLabel) {
|
|
545
|
+
this.hasWarnedMissingAriaLabel = false;
|
|
546
|
+
return;
|
|
547
|
+
}
|
|
548
|
+
if (this.hasWarnedMissingAriaLabel) {
|
|
549
|
+
return;
|
|
550
|
+
}
|
|
551
|
+
console.warn(`[sd-button] icon-only buttons require \`ariaLabel\`. Received name="${this.name}" icon="${this.icon ?? this.rightIcon}".`);
|
|
552
|
+
this.hasWarnedMissingAriaLabel = true;
|
|
553
|
+
}
|
|
554
|
+
render() {
|
|
555
|
+
const { config, preset } = this.resolvedConfig;
|
|
556
|
+
const hasLabel = Boolean(this.label);
|
|
557
|
+
const validIcon = isValidIcon(this.icon) ? this.icon : undefined;
|
|
558
|
+
const validRightIcon = isValidIcon(this.rightIcon) ? this.rightIcon : undefined;
|
|
559
|
+
const iconOnly = !hasLabel && Boolean(validIcon) !== Boolean(validRightIcon);
|
|
560
|
+
const accessibleName = iconOnly && this.ariaLabel.trim() ? this.ariaLabel : undefined;
|
|
561
|
+
return (h("button", { key: '3f228e1e1bd80106c60aacab606c48622864045d', class: this.getButtonClasses(preset, config.size, hasLabel, iconOnly), type: this.type ?? 'button', disabled: this.disabled, "aria-label": accessibleName, style: {
|
|
562
|
+
'--sd-button-bg': config.color,
|
|
563
|
+
'--sd-button-bg-hover': PRESET_HOVER_BACKGROUNDS[preset],
|
|
564
|
+
'--sd-button-border': PRESET_BORDER_COLORS[preset],
|
|
565
|
+
'--sd-button-content': PRESET_CONTENT_COLORS[preset],
|
|
566
|
+
'--sd-button-accent': BUTTON_FOCUS_RING_COLOR,
|
|
567
|
+
}, onClick: this.handleClick }, h("span", { key: '03803b4bf493ee2a03197437d40daba083f337fe', class: "sd-button__content" }, validIcon && (h("sd-icon", { key: '7e6b2c31136c90a0da3f174be15c04f3da405ed6', class: "sd-button__icon", name: validIcon, size: BUTTON_ICON_SIZES[config.size], color: "var(--sd-button-current-icon)" })), this.label && h("span", { key: '32f11f40391d214d80090653ab3c4387f7359bbb', class: "sd-button__label" }, this.label), validRightIcon && (h("sd-icon", { key: 'a577a5074d02f04898308a593a13803abfca2510', class: "sd-button__icon sd-button__icon--right", name: validRightIcon, size: BUTTON_ICON_SIZES[config.size], color: "var(--sd-button-current-icon)" })))));
|
|
568
|
+
}
|
|
569
|
+
};
|
|
570
|
+
SdButton.style = sdButtonCss();
|
|
571
|
+
|
|
556
572
|
const sdIconCss = () => `sd-icon{display:inline-block;line-height:0}sd-icon .sd-icon--rotate-90{transform:rotate(90deg)}sd-icon .sd-icon--rotate-180{transform:rotate(180deg)}sd-icon .sd-icon--rotate-270{transform:rotate(270deg)}`;
|
|
557
573
|
|
|
558
574
|
const SdIcon = class {
|
|
@@ -572,7 +588,7 @@ const SdIcon = class {
|
|
|
572
588
|
iconStyle = {};
|
|
573
589
|
getIconClasses() {
|
|
574
590
|
const classes = ['sd-icon'];
|
|
575
|
-
if (this.rotate) {
|
|
591
|
+
if (this.rotate !== undefined && this.rotate !== 0) {
|
|
576
592
|
classes.push(`sd-icon--rotate-${this.rotate}`);
|
|
577
593
|
}
|
|
578
594
|
return classes.join(' ');
|
|
@@ -590,4 +606,4 @@ const SdIcon = class {
|
|
|
590
606
|
};
|
|
591
607
|
SdIcon.style = sdIconCss();
|
|
592
608
|
|
|
593
|
-
export {
|
|
609
|
+
export { SdButton as sd_button, SdIcon as sd_icon };
|