@public-ui/sample-react 3.0.2-rc.0 → 3.0.2-rc.1
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/assets/Alert-a96714a0-vfSTPogE.js +4 -0
- package/dist/assets/Alert-a96714a0-vfSTPogE.js.map +1 -0
- package/dist/assets/{Collapsible-7cb22ab1-ChzHrBCn.js → Collapsible-29bb352a-Bczx796u.js} +2 -2
- package/dist/assets/{Collapsible-7cb22ab1-ChzHrBCn.js.map → Collapsible-29bb352a-Bczx796u.js.map} +1 -1
- package/dist/assets/CustomSuggestionsOptionsGroup-4d57f72c-BBEDGacv.js +4 -0
- package/dist/assets/CustomSuggestionsOptionsGroup-4d57f72c-BBEDGacv.js.map +1 -0
- package/dist/assets/{FieldControlStateWrapper-602a7af3-DEhMYrTz.js → FieldControlStateWrapper-adc38f2f-DFbMkGWf.js} +2 -2
- package/dist/assets/{FieldControlStateWrapper-602a7af3-DEhMYrTz.js.map → FieldControlStateWrapper-adc38f2f-DFbMkGWf.js.map} +1 -1
- package/dist/assets/Heading-4990ec84-CSY8emQR.js +4 -0
- package/dist/assets/Heading-4990ec84-CSY8emQR.js.map +1 -0
- package/dist/assets/{Icon-a2f91629-DvOOUGJl.js → Icon-d694fbfe-CUvmuKwa.js} +2 -2
- package/dist/assets/{Icon-a2f91629-DvOOUGJl.js.map → Icon-d694fbfe-CUvmuKwa.js.map} +1 -1
- package/dist/assets/{Input-324f4b1d-BgEp-LkH.js → Input-529b3f6c-v82lEh8w.js} +2 -2
- package/dist/assets/{Input-324f4b1d-BgEp-LkH.js.map → Input-529b3f6c-v82lEh8w.js.map} +1 -1
- package/dist/assets/{InputStateWrapper-e0c888e4-A276gPv9.js → InputStateWrapper-16c56aee-ds4UwSBn.js} +2 -2
- package/dist/assets/{InputStateWrapper-e0c888e4-A276gPv9.js.map → InputStateWrapper-16c56aee-ds4UwSBn.js.map} +1 -1
- package/dist/assets/{InternalUnderlinedBadgeText-2d939629-DGg5I_An.js → InternalUnderlinedBadgeText-e15d02d5-BvRyx5pf.js} +2 -2
- package/dist/assets/{InternalUnderlinedBadgeText-2d939629-DGg5I_An.js.map → InternalUnderlinedBadgeText-e15d02d5-BvRyx5pf.js.map} +1 -1
- package/dist/assets/{Span-78135d4f--X6dz8I6.js → Span-3cb1ff76-B5tretSo.js} +2 -2
- package/dist/assets/{Span-78135d4f--X6dz8I6.js.map → Span-3cb1ff76-B5tretSo.js.map} +1 -1
- package/dist/assets/{access-and-short-key-f743a5c4-C8ASN3bY.js → access-and-short-key-f743a5c4-5v70klFi.js} +2 -2
- package/dist/assets/{access-and-short-key-f743a5c4-C8ASN3bY.js.map → access-and-short-key-f743a5c4-5v70klFi.js.map} +1 -1
- package/dist/assets/{align-d2572387-DtTftfmQ.js → align-d2572387-BQaAcwWi.js} +2 -2
- package/dist/assets/{align-d2572387-DtTftfmQ.js.map → align-d2572387-BQaAcwWi.js.map} +1 -1
- package/dist/assets/align-floating-elements-9459ccc3-C_8cxopt.js +4 -0
- package/dist/assets/align-floating-elements-9459ccc3-C_8cxopt.js.map +1 -0
- package/dist/assets/{associated.controller-22684481-C_aKprXj.js → associated.controller-4237c28d-DnjfJy5b.js} +2 -2
- package/dist/assets/{associated.controller-22684481-C_aKprXj.js.map → associated.controller-4237c28d-DnjfJy5b.js.map} +1 -1
- package/dist/assets/{color-1228dab7-Dt8t9mEr.js → color-1228dab7-CXbPipO2.js} +2 -2
- package/dist/assets/{color-1228dab7-Dt8t9mEr.js.map → color-1228dab7-CXbPipO2.js.map} +1 -1
- package/dist/assets/{controller-cf01f031-CS3XUJxz.js → controller-235b6c3b-IJE2fOv7.js} +2 -2
- package/dist/assets/{controller-cf01f031-CS3XUJxz.js.map → controller-235b6c3b-IJE2fOv7.js.map} +1 -1
- package/dist/assets/{controller-75622398-EOR8QWtJ.js → controller-2a5d8667-DSjG9y3H.js} +2 -2
- package/dist/assets/{controller-75622398-EOR8QWtJ.js.map → controller-2a5d8667-DSjG9y3H.js.map} +1 -1
- package/dist/assets/{controller-2152c5b3-D3xuA9DZ.js → controller-6253c3cd-BiOSke6G.js} +2 -2
- package/dist/assets/{controller-2152c5b3-D3xuA9DZ.js.map → controller-6253c3cd-BiOSke6G.js.map} +1 -1
- package/dist/assets/{controller-c6883e74-2Kks1vBE.js → controller-a10288c6-3q1yNISr.js} +3 -3
- package/dist/assets/{controller-c6883e74-2Kks1vBE.js.map → controller-a10288c6-3q1yNISr.js.map} +1 -1
- package/dist/assets/{controller-icon-6d59bc84-Dlm5hAoS.js → controller-icon-8f0ee809-CvMl53Sr.js} +2 -2
- package/dist/assets/{controller-icon-6d59bc84-Dlm5hAoS.js.map → controller-icon-8f0ee809-CvMl53Sr.js.map} +1 -1
- package/dist/assets/{custom-class-d73b81b1-BSAGjHU4.js → custom-class-d73b81b1-BGktB6LF.js} +2 -2
- package/dist/assets/{custom-class-d73b81b1-BSAGjHU4.js.map → custom-class-d73b81b1-BGktB6LF.js.map} +1 -1
- package/dist/assets/{dev.utils-ca3cce4b-bABZbL2k.js → dev.utils-98923b37-B7eFOr35.js} +2 -2
- package/dist/assets/{dev.utils-ca3cce4b-bABZbL2k.js.map → dev.utils-98923b37-B7eFOr35.js.map} +1 -1
- package/dist/assets/{devtools-fa819249-DghyUv2v.js → devtools-2b1bb963-nbpIxUJX.js} +2 -2
- package/dist/assets/{devtools-fa819249-DghyUv2v.js.map → devtools-2b1bb963-nbpIxUJX.js.map} +1 -1
- package/dist/assets/{disabled-e1038f54-CcltNIxl.js → disabled-e1038f54-C2Wy6jK9.js} +2 -2
- package/dist/assets/{disabled-e1038f54-CcltNIxl.js.map → disabled-e1038f54-C2Wy6jK9.js.map} +1 -1
- package/dist/assets/getRenderStates-6c8f7e98-zIMn8Jic.js +4 -0
- package/dist/assets/getRenderStates-6c8f7e98-zIMn8Jic.js.map +1 -0
- package/dist/assets/has-closer-798e8f4d-BNAG4hIR.js +4 -0
- package/dist/assets/{has-closer-798e8f4d-Bs2bHpH7.js.map → has-closer-798e8f4d-BNAG4hIR.js.map} +1 -1
- package/dist/assets/{has-counter-3fc44829-B9SzAE_O.js → has-counter-3fc44829-Djiw8Gcz.js} +2 -2
- package/dist/assets/{has-counter-3fc44829-B9SzAE_O.js.map → has-counter-3fc44829-Djiw8Gcz.js.map} +1 -1
- package/dist/assets/{hide-label-8b3a8709-DlvG9Fzr.js → hide-label-8b3a8709-D2-N2-dk.js} +2 -2
- package/dist/assets/{hide-label-8b3a8709-DlvG9Fzr.js.map → hide-label-8b3a8709-D2-N2-dk.js.map} +1 -1
- package/dist/assets/{href-d9ccbbdf-Bhb_r7hT.js → href-d9ccbbdf-B-tmZMAE.js} +2 -2
- package/dist/assets/{href-d9ccbbdf-Bhb_r7hT.js.map → href-d9ccbbdf-B-tmZMAE.js.map} +1 -1
- package/dist/assets/{i18n-260f0fe9-D-uh70qY.js → i18n-260f0fe9-Bs4P6g77.js} +2 -2
- package/dist/assets/{i18n-260f0fe9-D-uh70qY.js.map → i18n-260f0fe9-Bs4P6g77.js.map} +1 -1
- package/dist/assets/{icons-a9c52ed8-D6D4auvG.js → icons-a9c52ed8-C33p1sox.js} +2 -2
- package/dist/assets/{icons-a9c52ed8-D6D4auvG.js.map → icons-a9c52ed8-C33p1sox.js.map} +1 -1
- package/dist/assets/image-source-8079f8a5-DfIM6Fy2.js +4 -0
- package/dist/assets/{image-source-8079f8a5-dYLxlgzv.js.map → image-source-8079f8a5-DfIM6Fy2.js.map} +1 -1
- package/dist/assets/{index-B9gfbckw.css → index-8ZaCQpJ8.css} +1 -1
- package/dist/assets/{index-BUj5OwnR.js → index-Cg5HcNRr.js} +524 -209
- package/dist/assets/index-Cg5HcNRr.js.map +1 -0
- package/dist/assets/{kol-abbr.entry-BsfFkcOb.js → kol-abbr.entry-DN9dSsLs.js} +2 -2
- package/dist/assets/{kol-abbr.entry-BsfFkcOb.js.map → kol-abbr.entry-DN9dSsLs.js.map} +1 -1
- package/dist/assets/{kol-accordion.entry-BvAz6yQ5.js → kol-accordion.entry-DvRPXeLZ.js} +2 -2
- package/dist/assets/{kol-accordion.entry-BvAz6yQ5.js.map → kol-accordion.entry-DvRPXeLZ.js.map} +1 -1
- package/dist/assets/{kol-alert-wc.entry-Bqu36dlq.js → kol-alert-wc.entry-zufk5GBr.js} +2 -2
- package/dist/assets/{kol-alert-wc.entry-Bqu36dlq.js.map → kol-alert-wc.entry-zufk5GBr.js.map} +1 -1
- package/dist/assets/{kol-alert.entry-Djq8iK4s.js → kol-alert.entry-C50RNo89.js} +2 -2
- package/dist/assets/{kol-alert.entry-Djq8iK4s.js.map → kol-alert.entry-C50RNo89.js.map} +1 -1
- package/dist/assets/{kol-avatar-wc.entry-BV3PPzUS.js → kol-avatar-wc.entry-DMmRMP-0.js} +2 -2
- package/dist/assets/{kol-avatar-wc.entry-BV3PPzUS.js.map → kol-avatar-wc.entry-DMmRMP-0.js.map} +1 -1
- package/dist/assets/{kol-avatar.entry-BNgx2j95.js → kol-avatar.entry-7vDbWlW-.js} +2 -2
- package/dist/assets/{kol-avatar.entry-BNgx2j95.js.map → kol-avatar.entry-7vDbWlW-.js.map} +1 -1
- package/dist/assets/{kol-badge.entry-CeJm5aaJ.js → kol-badge.entry-CM-QSGu8.js} +2 -2
- package/dist/assets/{kol-badge.entry-CeJm5aaJ.js.map → kol-badge.entry-CM-QSGu8.js.map} +1 -1
- package/dist/assets/{kol-breadcrumb.entry-B9PnkGgA.js → kol-breadcrumb.entry-B0lG5Q7y.js} +2 -2
- package/dist/assets/{kol-breadcrumb.entry-B9PnkGgA.js.map → kol-breadcrumb.entry-B0lG5Q7y.js.map} +1 -1
- package/dist/assets/{kol-button-link.entry-CE62O3Yt.js → kol-button-link.entry-BLx0975c.js} +2 -2
- package/dist/assets/{kol-button-link.entry-CE62O3Yt.js.map → kol-button-link.entry-BLx0975c.js.map} +1 -1
- package/dist/assets/kol-button-wc.entry-vjxo6iJr.js +4 -0
- package/dist/assets/kol-button-wc.entry-vjxo6iJr.js.map +1 -0
- package/dist/assets/{kol-button.entry-C79IpGAx.js → kol-button.entry-D9QZh-FS.js} +2 -2
- package/dist/assets/{kol-button.entry-C79IpGAx.js.map → kol-button.entry-D9QZh-FS.js.map} +1 -1
- package/dist/assets/kol-card-wc.entry-DLJq3AT8.js +4 -0
- package/dist/assets/{kol-card-wc.entry-N6nd9TZ4.js.map → kol-card-wc.entry-DLJq3AT8.js.map} +1 -1
- package/dist/assets/{kol-card.entry-7nBir-fp.js → kol-card.entry-BjoXnLHm.js} +2 -2
- package/dist/assets/{kol-card.entry-7nBir-fp.js.map → kol-card.entry-BjoXnLHm.js.map} +1 -1
- package/dist/assets/{kol-combobox.entry-CTdj07Zj.js → kol-combobox.entry-Dx9iTU5l.js} +4 -4
- package/dist/assets/kol-combobox.entry-Dx9iTU5l.js.map +1 -0
- package/dist/assets/{kol-details.entry-BByjYIr2.js → kol-details.entry-CyBCjZU5.js} +2 -2
- package/dist/assets/{kol-details.entry-BByjYIr2.js.map → kol-details.entry-CyBCjZU5.js.map} +1 -1
- package/dist/assets/{kol-drawer.entry-BT4LUAGD.js → kol-drawer.entry-BIVg_Xfd.js} +2 -2
- package/dist/assets/{kol-drawer.entry-BT4LUAGD.js.map → kol-drawer.entry-BIVg_Xfd.js.map} +1 -1
- package/dist/assets/{kol-form.entry-DT88LIDi.js → kol-form.entry-Bq3hi-TJ.js} +2 -2
- package/dist/assets/{kol-form.entry-DT88LIDi.js.map → kol-form.entry-Bq3hi-TJ.js.map} +1 -1
- package/dist/assets/{kol-heading.entry-Dm9aDI94.js → kol-heading.entry-CoMSvAGs.js} +5 -2
- package/dist/assets/{kol-heading.entry-Dm9aDI94.js.map → kol-heading.entry-CoMSvAGs.js.map} +1 -1
- package/dist/assets/{kol-icon.entry-CsF_-n1w.js → kol-icon.entry-Clh6RVF_.js} +2 -2
- package/dist/assets/{kol-icon.entry-CsF_-n1w.js.map → kol-icon.entry-Clh6RVF_.js.map} +1 -1
- package/dist/assets/{kol-image.entry-D2QMpkoH.js → kol-image.entry-CU4-Ui3x.js} +2 -2
- package/dist/assets/{kol-image.entry-D2QMpkoH.js.map → kol-image.entry-CU4-Ui3x.js.map} +1 -1
- package/dist/assets/{kol-input-checkbox.entry-DjJmPyrJ.js → kol-input-checkbox.entry-Bi-CoQhC.js} +2 -2
- package/dist/assets/{kol-input-checkbox.entry-DjJmPyrJ.js.map → kol-input-checkbox.entry-Bi-CoQhC.js.map} +1 -1
- package/dist/assets/{kol-input-color.entry-D7FWCaUg.js → kol-input-color.entry-PTUQo8wE.js} +2 -2
- package/dist/assets/{kol-input-color.entry-D7FWCaUg.js.map → kol-input-color.entry-PTUQo8wE.js.map} +1 -1
- package/dist/assets/{kol-input-date.entry-Df9JatQU.js → kol-input-date.entry-C0BOQjL5.js} +2 -2
- package/dist/assets/{kol-input-date.entry-Df9JatQU.js.map → kol-input-date.entry-C0BOQjL5.js.map} +1 -1
- package/dist/assets/{kol-input-email.entry-Cu30zB8Z.js → kol-input-email.entry-BjYvaenN.js} +2 -2
- package/dist/assets/{kol-input-email.entry-Cu30zB8Z.js.map → kol-input-email.entry-BjYvaenN.js.map} +1 -1
- package/dist/assets/{kol-input-file.entry-Bc8J5Jvr.js → kol-input-file.entry-CKSyLGGH.js} +2 -2
- package/dist/assets/{kol-input-file.entry-Bc8J5Jvr.js.map → kol-input-file.entry-CKSyLGGH.js.map} +1 -1
- package/dist/assets/{kol-input-number.entry-CB8uG8ZN.js → kol-input-number.entry-CluRm3h-.js} +2 -2
- package/dist/assets/{kol-input-number.entry-CB8uG8ZN.js.map → kol-input-number.entry-CluRm3h-.js.map} +1 -1
- package/dist/assets/{kol-input-password.entry-CUDZfdRf.js → kol-input-password.entry-oiZQd5p8.js} +2 -2
- package/dist/assets/{kol-input-password.entry-CUDZfdRf.js.map → kol-input-password.entry-oiZQd5p8.js.map} +1 -1
- package/dist/assets/{kol-input-radio.entry-CiR9PD9t.js → kol-input-radio.entry-CdOgq3MD.js} +2 -2
- package/dist/assets/{kol-input-radio.entry-CiR9PD9t.js.map → kol-input-radio.entry-CdOgq3MD.js.map} +1 -1
- package/dist/assets/{kol-input-range.entry-H4CMiY2a.js → kol-input-range.entry-cvnxRgtX.js} +2 -2
- package/dist/assets/{kol-input-range.entry-H4CMiY2a.js.map → kol-input-range.entry-cvnxRgtX.js.map} +1 -1
- package/dist/assets/{kol-input-text.entry-CWZnH69h.js → kol-input-text.entry-CJ8Ftyhz.js} +2 -2
- package/dist/assets/{kol-input-text.entry-CWZnH69h.js.map → kol-input-text.entry-CJ8Ftyhz.js.map} +1 -1
- package/dist/assets/{kol-kolibri.entry-DHGnucFV.js → kol-kolibri.entry-CXeHRJ9z.js} +2 -2
- package/dist/assets/{kol-kolibri.entry-DHGnucFV.js.map → kol-kolibri.entry-CXeHRJ9z.js.map} +1 -1
- package/dist/assets/{kol-link-button.entry-DzmKb9oe.js → kol-link-button.entry-h-Qbgf6B.js} +2 -2
- package/dist/assets/{kol-link-button.entry-DzmKb9oe.js.map → kol-link-button.entry-h-Qbgf6B.js.map} +1 -1
- package/dist/assets/{kol-link-wc.entry-DlkVpovk.js → kol-link-wc.entry-BR-DoQbC.js} +2 -2
- package/dist/assets/{kol-link-wc.entry-DlkVpovk.js.map → kol-link-wc.entry-BR-DoQbC.js.map} +1 -1
- package/dist/assets/{kol-link.entry-DIuQOadh.js → kol-link.entry-dVIBgWXI.js} +2 -2
- package/dist/assets/{kol-link.entry-DIuQOadh.js.map → kol-link.entry-dVIBgWXI.js.map} +1 -1
- package/dist/assets/{kol-modal.entry-P8sC-RkO.js → kol-modal.entry-DgXzZ8cT.js} +2 -2
- package/dist/assets/{kol-modal.entry-P8sC-RkO.js.map → kol-modal.entry-DgXzZ8cT.js.map} +1 -1
- package/dist/assets/{kol-nav.entry-7zyr-M8R.js → kol-nav.entry-COZzIuXl.js} +3 -3
- package/dist/assets/{kol-nav.entry-7zyr-M8R.js.map → kol-nav.entry-COZzIuXl.js.map} +1 -1
- package/dist/assets/kol-pagination-wc.entry-BQ0E6ijl.js +4 -0
- package/dist/assets/kol-pagination-wc.entry-BQ0E6ijl.js.map +1 -0
- package/dist/assets/kol-pagination.entry-B-qoj_VM.js +237 -0
- package/dist/assets/kol-pagination.entry-B-qoj_VM.js.map +1 -0
- package/dist/assets/kol-popover-button-wc.entry-BBnYGn-6.js +4 -0
- package/dist/assets/kol-popover-button-wc.entry-BBnYGn-6.js.map +1 -0
- package/dist/assets/{kol-popover-button.entry-DSQH6UVV.js → kol-popover-button.entry-wfsYDf8j.js} +4 -4
- package/dist/assets/{kol-popover-button.entry-DSQH6UVV.js.map → kol-popover-button.entry-wfsYDf8j.js.map} +1 -1
- package/dist/assets/{kol-popover-wc.entry-DVsQM5kv.js → kol-popover-wc.entry-DWLAI11t.js} +3 -3
- package/dist/assets/{kol-popover-wc.entry-DVsQM5kv.js.map → kol-popover-wc.entry-DWLAI11t.js.map} +1 -1
- package/dist/assets/{kol-progress.entry-BK8JoNoq.js → kol-progress.entry-C75i7Od-.js} +3 -3
- package/dist/assets/kol-progress.entry-C75i7Od-.js.map +1 -0
- package/dist/assets/{kol-quote.entry-CiTqTa3O.js → kol-quote.entry-DGS_mgpI.js} +3 -3
- package/dist/assets/{kol-quote.entry-CiTqTa3O.js.map → kol-quote.entry-DGS_mgpI.js.map} +1 -1
- package/dist/assets/{kol-select.entry-Bu3W7ODC.js → kol-select.entry-V33qu7zy.js} +4 -4
- package/dist/assets/{kol-select.entry-Bu3W7ODC.js.map → kol-select.entry-V33qu7zy.js.map} +1 -1
- package/dist/assets/kol-single-select.entry-B7cn0THo.js +353 -0
- package/dist/assets/kol-single-select.entry-B7cn0THo.js.map +1 -0
- package/dist/assets/{kol-skip-nav.entry-DZ65I3Qr.js → kol-skip-nav.entry-BGVw8hZ5.js} +3 -3
- package/dist/assets/{kol-skip-nav.entry-DZ65I3Qr.js.map → kol-skip-nav.entry-BGVw8hZ5.js.map} +1 -1
- package/dist/assets/{kol-spin.entry-CvgqXBch.js → kol-spin.entry-Wdw7sS3m.js} +3 -3
- package/dist/assets/{kol-spin.entry-CvgqXBch.js.map → kol-spin.entry-Wdw7sS3m.js.map} +1 -1
- package/dist/assets/{kol-split-button.entry-Co8o6Sba.js → kol-split-button.entry-C386dfK3.js} +3 -3
- package/dist/assets/{kol-split-button.entry-Co8o6Sba.js.map → kol-split-button.entry-C386dfK3.js.map} +1 -1
- package/dist/assets/{kol-table-settings-wc.entry-C3R1SMWP.js → kol-table-settings-wc.entry-CSUxEE5n.js} +3 -3
- package/dist/assets/{kol-table-settings-wc.entry-C3R1SMWP.js.map → kol-table-settings-wc.entry-CSUxEE5n.js.map} +1 -1
- package/dist/assets/{kol-table-stateful.entry-on-otJtg.js → kol-table-stateful.entry-CiQJ4IRI.js} +25 -5
- package/dist/assets/kol-table-stateful.entry-CiQJ4IRI.js.map +1 -0
- package/dist/assets/kol-table-stateless-wc.entry-CWgksOdp.js +4 -0
- package/dist/assets/{kol-table-stateless-wc.entry-Pk1i28mm.js.map → kol-table-stateless-wc.entry-CWgksOdp.js.map} +1 -1
- package/dist/assets/{kol-table-stateless.entry-CeUPNip2.js → kol-table-stateless.entry-B4VgXDJ6.js} +4 -4
- package/dist/assets/{kol-table-stateless.entry-CeUPNip2.js.map → kol-table-stateless.entry-B4VgXDJ6.js.map} +1 -1
- package/dist/assets/{kol-tabs.entry-CKHXJMYn.js → kol-tabs.entry-B0RuAhyf.js} +3 -3
- package/dist/assets/{kol-tabs.entry-CKHXJMYn.js.map → kol-tabs.entry-B0RuAhyf.js.map} +1 -1
- package/dist/assets/{kol-textarea.entry-ZHGczrFF.js → kol-textarea.entry-CArAPV_X.js} +3 -3
- package/dist/assets/{kol-textarea.entry-ZHGczrFF.js.map → kol-textarea.entry-CArAPV_X.js.map} +1 -1
- package/dist/assets/{kol-toast-container.entry-BC59fxi0.js → kol-toast-container.entry-10fXiBhl.js} +4 -4
- package/dist/assets/{kol-toast-container.entry-BC59fxi0.js.map → kol-toast-container.entry-10fXiBhl.js.map} +1 -1
- package/dist/assets/{kol-toolbar.entry-BK14pWHe.js → kol-toolbar.entry-D9la5Ubq.js} +4 -4
- package/dist/assets/{kol-toolbar.entry-BK14pWHe.js.map → kol-toolbar.entry-D9la5Ubq.js.map} +1 -1
- package/dist/assets/kol-tooltip-wc.entry-DNcCoUHw.js +4 -0
- package/dist/assets/kol-tooltip-wc.entry-DNcCoUHw.js.map +1 -0
- package/dist/assets/{kol-tree-item-wc.entry-Cn_MyPO1.js → kol-tree-item-wc.entry-DanrtYlc.js} +3 -3
- package/dist/assets/{kol-tree-item-wc.entry-Cn_MyPO1.js.map → kol-tree-item-wc.entry-DanrtYlc.js.map} +1 -1
- package/dist/assets/{kol-tree-item.entry-DjZX_G5k.js → kol-tree-item.entry-BnrKOj4l.js} +3 -3
- package/dist/assets/{kol-tree-item.entry-DjZX_G5k.js.map → kol-tree-item.entry-BnrKOj4l.js.map} +1 -1
- package/dist/assets/{kol-tree-wc.entry-8SZehOES.js → kol-tree-wc.entry-CRD4wiP4.js} +3 -3
- package/dist/assets/{kol-tree-wc.entry-8SZehOES.js.map → kol-tree-wc.entry-CRD4wiP4.js.map} +1 -1
- package/dist/assets/{kol-tree.entry-CPr4PfOs.js → kol-tree.entry-C_n78Elf.js} +3 -3
- package/dist/assets/{kol-tree.entry-CPr4PfOs.js.map → kol-tree.entry-C_n78Elf.js.map} +1 -1
- package/dist/assets/{kol-version.entry-qduZMLv0.js → kol-version.entry-Bwh_R-pi.js} +3 -3
- package/dist/assets/{kol-version.entry-qduZMLv0.js.map → kol-version.entry-Bwh_R-pi.js.map} +1 -1
- package/dist/assets/{label-bf9966d0-B_OCTGrW.js → label-bf9966d0-CIcy7dWZ.js} +2 -2
- package/dist/assets/{label-bf9966d0-B_OCTGrW.js.map → label-bf9966d0-CIcy7dWZ.js.map} +1 -1
- package/dist/assets/{link-variant-47605ebe-DviHqnjq.js → link-variant-47605ebe-Db9oAxSq.js} +2 -2
- package/dist/assets/{link-variant-47605ebe-DviHqnjq.js.map → link-variant-47605ebe-Db9oAxSq.js.map} +1 -1
- package/dist/assets/{open-385de2c9-DqFwH8u4.js → open-385de2c9-CkQs0V1M.js} +2 -2
- package/dist/assets/{open-385de2c9-DqFwH8u4.js.map → open-385de2c9-CkQs0V1M.js.map} +1 -1
- package/dist/assets/{orientation-409d844a-BZbEPtFy.js → orientation-409d844a-49Rg1RmJ.js} +2 -2
- package/dist/assets/{orientation-409d844a-BZbEPtFy.js.map → orientation-409d844a-49Rg1RmJ.js.map} +1 -1
- package/dist/assets/{rows-225b4f43-xKHsAvmE.js → rows-225b4f43-FHq5I-b3.js} +2 -2
- package/dist/assets/{rows-225b4f43-xKHsAvmE.js.map → rows-225b4f43-FHq5I-b3.js.map} +1 -1
- package/dist/assets/{show-fabfe6d7-D3h9UTR5.js → show-fabfe6d7-BMF6L6YT.js} +2 -2
- package/dist/assets/{show-fabfe6d7-D3h9UTR5.js.map → show-fabfe6d7-BMF6L6YT.js.map} +1 -1
- package/dist/assets/{spell-check-5559a801-B-dY2M9e.js → spell-check-5559a801-BHLV8oee.js} +2 -2
- package/dist/assets/{spell-check-5559a801-B-dY2M9e.js.map → spell-check-5559a801-BHLV8oee.js.map} +1 -1
- package/dist/assets/{suggestions-198125b7-DlH0HP1C.js → suggestions-198125b7-DMRpxHKj.js} +2 -2
- package/dist/assets/{suggestions-198125b7-DlH0HP1C.js.map → suggestions-198125b7-DMRpxHKj.js.map} +1 -1
- package/dist/assets/{table-settings-c12356ed-BY5oW_jU.js → table-settings-c12356ed-Byt87Fih.js} +3 -3
- package/dist/assets/{table-settings-c12356ed-BY5oW_jU.js.map → table-settings-c12356ed-Byt87Fih.js.map} +1 -1
- package/dist/assets/{test-component.entry-BNY5nOms.js → test-component.entry-DpdiYl6B.js} +2 -2
- package/dist/assets/{test-component.entry-BNY5nOms.js.map → test-component.entry-DpdiYl6B.js.map} +1 -1
- package/dist/assets/tooltip-align-465a8590-oLf5e6HF.js +4 -0
- package/dist/assets/{tooltip-align-465a8590-BxJJiN5O.js.map → tooltip-align-465a8590-oLf5e6HF.js.map} +1 -1
- package/dist/assets/{unique-nav-labels-e20db0b7-CO5sUoVY.js → unique-nav-labels-e20db0b7-DFfOTIvU.js} +2 -2
- package/dist/assets/{unique-nav-labels-e20db0b7-CO5sUoVY.js.map → unique-nav-labels-e20db0b7-DFfOTIvU.js.map} +1 -1
- package/dist/assets/{validation-152ea092-BUCpoyC2.js → validation-152ea092-_NAyOV4B.js} +2 -2
- package/dist/assets/{validation-152ea092-BUCpoyC2.js.map → validation-152ea092-_NAyOV4B.js.map} +1 -1
- package/dist/assets/{validation-9d549145-BMGgHSP3.js → validation-9d549145-DnqhAgX_.js} +2 -2
- package/dist/assets/{validation-9d549145-BMGgHSP3.js.map → validation-9d549145-DnqhAgX_.js.map} +1 -1
- package/dist/index.html +2 -2
- package/index.html +29 -0
- package/package.json +5 -4
- package/src/App.tsx +1 -3
- package/src/components/FormWrap.tsx +17 -15
- package/src/components/combobox/basic.tsx +1 -6
- package/src/components/drawer/basic.tsx +2 -5
- package/src/components/drawer/controlled.tsx +2 -5
- package/src/components/input-checkbox/basic.tsx +1 -1
- package/src/components/input-checkbox/button.tsx +1 -1
- package/src/components/input-checkbox/switch.tsx +1 -1
- package/src/components/input-color/basic.tsx +1 -1
- package/src/components/input-date/basic.tsx +1 -1
- package/src/components/input-email/basic.tsx +1 -1
- package/src/components/input-file/basic.tsx +1 -1
- package/src/components/input-number/basic.tsx +1 -1
- package/src/components/input-password/basic.tsx +1 -1
- package/src/components/input-radio/basic.tsx +1 -1
- package/src/components/input-range/basic.tsx +1 -1
- package/src/components/input-text/basic.tsx +1 -1
- package/src/components/input-text/text-formatter.tsx +1 -1
- package/src/components/popover-button/basic.tsx +33 -26
- package/src/components/select/basic.tsx +1 -1
- package/src/components/single-select/basic.tsx +1 -7
- package/src/components/table/render-cell.tsx +0 -1
- package/src/components/table/sort-data.tsx +0 -2
- package/src/components/textarea/basic.tsx +1 -1
- package/src/components/toast/basic.tsx +3 -0
- package/src/components/toolbar/basic.tsx +2 -5
- package/src/components/toolbar/disabled.tsx +2 -5
- package/src/components/tree/basic.tsx +1 -2
- package/src/react.main.tsx +5 -0
- package/src/scenarios/horizontal-scrollbar-advanced/TableHorizontalScrollbarAdvanced.tsx +1 -1
- package/src/shares/theme.ts +2 -2
- package/src/style.scss +1 -0
- package/tsconfig.json +2 -1
- package/vite.config.ts +2 -1
- package/dist/assets/Alert-4f2f7115-DHdieC0P.js +0 -4
- package/dist/assets/Alert-4f2f7115-DHdieC0P.js.map +0 -1
- package/dist/assets/CustomSuggestionsOptionsGroup-06278bda-CtlVs9xL.js +0 -4
- package/dist/assets/CustomSuggestionsOptionsGroup-06278bda-CtlVs9xL.js.map +0 -1
- package/dist/assets/Heading-7b90eeb4-By_ofI9Z.js +0 -4
- package/dist/assets/Heading-7b90eeb4-By_ofI9Z.js.map +0 -1
- package/dist/assets/align-floating-elements-526ce555-WYoxIwhb.js +0 -4
- package/dist/assets/align-floating-elements-526ce555-WYoxIwhb.js.map +0 -1
- package/dist/assets/getRenderStates-1a7401a2-BcZ3Su5h.js +0 -4
- package/dist/assets/getRenderStates-1a7401a2-BcZ3Su5h.js.map +0 -1
- package/dist/assets/has-closer-798e8f4d-Bs2bHpH7.js +0 -4
- package/dist/assets/image-source-8079f8a5-dYLxlgzv.js +0 -4
- package/dist/assets/index-BUj5OwnR.js.map +0 -1
- package/dist/assets/kol-button-wc.entry-D0_mVnwZ.js +0 -4
- package/dist/assets/kol-button-wc.entry-D0_mVnwZ.js.map +0 -1
- package/dist/assets/kol-card-wc.entry-N6nd9TZ4.js +0 -4
- package/dist/assets/kol-combobox.entry-CTdj07Zj.js.map +0 -1
- package/dist/assets/kol-pagination.entry-CNGaMB2M.js +0 -238
- package/dist/assets/kol-pagination.entry-CNGaMB2M.js.map +0 -1
- package/dist/assets/kol-popover-button-wc.entry-SZWlRX_1.js +0 -4
- package/dist/assets/kol-popover-button-wc.entry-SZWlRX_1.js.map +0 -1
- package/dist/assets/kol-progress.entry-BK8JoNoq.js.map +0 -1
- package/dist/assets/kol-single-select.entry-8QBklp3k.js +0 -353
- package/dist/assets/kol-single-select.entry-8QBklp3k.js.map +0 -1
- package/dist/assets/kol-table-stateful.entry-on-otJtg.js.map +0 -1
- package/dist/assets/kol-table-stateless-wc.entry-Pk1i28mm.js +0 -4
- package/dist/assets/kol-tooltip-wc.entry-MtrkI4tB.js +0 -4
- package/dist/assets/kol-tooltip-wc.entry-MtrkI4tB.js.map +0 -1
- package/dist/assets/tooltip-align-465a8590-BxJJiN5O.js +0 -4
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import{y as _,h as o,K as v,aj as u,ak as b,H as p,r as f,a5 as m,d as n,a as d,n as h,s as y,g as S,m as A,w as c}from"./index-BUj5OwnR.js";import{n as k}from"./dev.utils-ca3cce4b-bABZbL2k.js";import{p as V,a as C}from"./controller-cf01f031-CS3XUJxz.js";import{A as g}from"./associated.controller-22684481-C_aKprXj.js";import{v as K,a as l,b as x,c as B}from"./access-and-short-key-f743a5c4-C8ASN3bY.js";import{c as T}from"./clsx-09a06a12-BT_IL7Fz.js";import"./i18n-260f0fe9-D-uh70qY.js";import{K as D}from"./Span-78135d4f--X6dz8I6.js";import{v as L,a as I,b as E,c as w,d as R}from"./link-variant-47605ebe-DviHqnjq.js";import{v as H}from"./custom-class-d73b81b1-BSAGjHU4.js";import{v as F}from"./disabled-e1038f54-CcltNIxl.js";import{v as M}from"./hide-label-8b3a8709-DlvG9Fzr.js";import{v as O}from"./icons-a9c52ed8-D6D4auvG.js";import{a as N}from"./label-bf9966d0-B_OCTGrW.js";import{v as P}from"./tooltip-align-465a8590-BxJJiN5O.js";import"./tslib.es6-1173d062-BAJoBDh7.js";import"./markdown-f827f2ac-Bx43QwDK.js";import"./isArray-7a60fa7f-CQEkOYWk.js";import"./Icon-a2f91629-DvOOUGJl.js";import"./InternalUnderlinedBadgeText-2d939629-DGg5I_An.js";import"./isObject-ffcbbb76-CLygU1TZ.js";import"./align-d2572387-DtTftfmQ.js";/*!
|
|
2
|
-
* KoliBri - The accessible HTML-Standard
|
|
3
|
-
*/const W=(t,a)=>{h(t,"_ariaControls",a)},j=(t,a)=>{A(t,"_ariaSelected",a)},$=(t,a)=>{c(t,"_on",e=>typeof e=="object"&&e!==null,new Set(["ButtonCallbacksPropType {Events.onClick, Events.onMouseDown}"]),a)},r=["button","reset","submit"],q=(t,a)=>{c(t,"_type",e=>typeof e=="string"&&r.includes(e),new Set([`KoliBriButtonType {${r.join(", ")}`]),a)},ut=class{async kolFocus(){var t;(t=this.buttonRef)===null||t===void 0||t.focus()}render(){var t,a;const e=_(this.state._label),i=!!(!((a=(t=this.state._ariaDescription)===null||t===void 0?void 0:t.trim())===null||a===void 0)&&a.length),s=this.state._accessKey||this.state._shortKey;return o(p,{key:"2b703fead6b1346566b8ba69fb37c3cdc5a5a537"},o("button",{key:"eb4f2749f914c1dfcc37e1127b9af301f2e0c2f2",ref:this.catchRef,accessKey:this.state._accessKey||void 0,"aria-controls":this.state._ariaControls,"aria-describedby":i?this.internalDescriptionById:void 0,"aria-expanded":b(this.state._ariaExpanded),"aria-haspopup":this._ariaHasPopup,"aria-label":this.state._hideLabel&&typeof this.state._label=="string"?this.state._label:void 0,"aria-selected":u(this.state._ariaSelected),class:T("kol-button",{"kol-button--disabled":this.state._disabled===!0,[`kol-button--${this.state._buttonVariant}`]:this.state._buttonVariant!=="custom",[`kol-button--${this.state._linkVariant}`]:this.state._linkVariant,"kol-button--hide-label":this.state._hideLabel===!0,[this.state._customClass]:this.state._buttonVariant==="custom"&&typeof this.state._customClass=="string"&&this.state._customClass.length>0}),disabled:this.state._disabled,id:this.state._id,name:this.state._name,onClick:this.onClick,onMouseDown:this.onMouseDown,role:this.state._role,tabIndex:this.state._tabIndex,type:this.state._type},o(D,{key:"2efcf0481450a17adeff115deb1d5f4dd401d450",class:"kol-button__text",badgeText:s,icons:this.state._icons,hideLabel:this.state._hideLabel,label:e?"":this.state._label},o("slot",{key:"c0b27f62c80ac0f5ea5c90033e715e9519776f67",name:"expert",slot:"expert"}))),o(v,{key:"127bacca5614982dcd5ad452230b7be6f273de0d","aria-hidden":"true",hidden:e||!this.state._hideLabel,class:"kol-button__tooltip",_badgeText:s,_align:this.state._tooltipAlign,_label:typeof this.state._label=="string"?this.state._label:""}),i&&o("span",{key:"a16e0c834c2ffb061402ca75ae5610b26042877c",class:"visually-hidden",id:this.internalDescriptionById},this.state._ariaDescription))}constructor(t){f(this,t),this.internalDescriptionById=k(),this.catchRef=a=>{this.buttonRef=a},this.onClick=a=>{var e,i;this.state._type==="submit"?V({form:this.host,ref:this.buttonRef}):this.state._type==="reset"?C({form:this.host,ref:this.buttonRef}):(this.controller.setFormAssociatedValue(this.state._value),typeof((e=this.state._on)===null||e===void 0?void 0:e.onClick)=="function"&&(m(a,this.buttonRef),(i=this.state._on)===null||i===void 0||i.onClick(a,this.state._value))),this.host&&n(this.host,d.click,this.state._value)},this.onMouseDown=a=>{var e,i,s;(s=(i=(e=this.state)===null||e===void 0?void 0:e._on)===null||i===void 0?void 0:i.onMouseDown)===null||s===void 0||s.call(i,a),this.host&&n(this.host,d.mousedown)},this._accessKey=void 0,this._ariaControls=void 0,this._ariaDescription=void 0,this._ariaExpanded=void 0,this._ariaHasPopup=void 0,this._ariaSelected=void 0,this._customClass=void 0,this._disabled=!1,this._hideLabel=!1,this._icons=void 0,this._id=void 0,this._label=void 0,this._linkVariant=void 0,this._name=void 0,this._on=void 0,this._role=void 0,this._shortKey=void 0,this._syncValueBySelector=void 0,this._tabIndex=void 0,this._tooltipAlign="top",this._type="button",this._value=void 0,this._buttonVariant="normal",this.state={_icons:{},_label:"",_on:{},_type:"button",_buttonVariant:"normal"},this.controller=new g(this,"button",this.host)}validateAccessKey(t){K(this,t),l(t,this._shortKey)}validateAriaControls(t){W(this,t)}validateAriaDescription(t){L(this,t)}validateAriaExpanded(t){I(this,t)}validateAriaSelected(t){j(this,t)}validateCustomClass(t){H(this,t)}validateDisabled(t){F(this,t)}validateHideLabel(t){M(this,t)}validateIcons(t){O(this,t)}validateId(t){h(this,"_id",t)}validateLabel(t){N(this,t,{required:!0})}validateLinkVariant(t){E(this,t)}validateName(t){this.controller.validateName(t)}validateOn(t){$(this,t)}validateRole(t){w(this,t)}validateShortKey(t){x(this,t),l(this._accessKey,t)}validateSyncValueBySelector(t){this.controller.validateSyncValueBySelector(t)}validateTabIndex(t){B(this,t)}validateTooltipAlign(t){P(this,t)}validateType(t){q(this,t)}validateValue(t){y(this,"_value",t),this.controller.setFormAssociatedValue(this.state._value)}validateButtonVariant(t){R(this,t)}componentWillLoad(){this.validateAccessKey(this._accessKey),this.validateAriaControls(this._ariaControls),this.validateAriaDescription(this._ariaDescription),this.validateAriaExpanded(this._ariaExpanded),this.validateAriaSelected(this._ariaSelected),this.validateCustomClass(this._customClass),this.validateDisabled(this._disabled),this.validateHideLabel(this._hideLabel),this.validateIcons(this._icons),this.validateId(this._id),this.validateLabel(this._label),this.validateLinkVariant(this._linkVariant),this.validateName(this._name),this.validateOn(this._on),this.validateRole(this._role),this.validateShortKey(this._shortKey),this.validateSyncValueBySelector(this._syncValueBySelector),this.validateTabIndex(this._tabIndex),this.validateTooltipAlign(this._tooltipAlign),this.validateType(this._type),this.validateValue(this._value),this.validateButtonVariant(this._buttonVariant),l(this._accessKey,this._shortKey)}get host(){return S(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_ariaControls:["validateAriaControls"],_ariaDescription:["validateAriaDescription"],_ariaExpanded:["validateAriaExpanded"],_ariaSelected:["validateAriaSelected"],_customClass:["validateCustomClass"],_disabled:["validateDisabled"],_hideLabel:["validateHideLabel"],_icons:["validateIcons"],_id:["validateId"],_label:["validateLabel"],_linkVariant:["validateLinkVariant"],_name:["validateName"],_on:["validateOn"],_role:["validateRole"],_shortKey:["validateShortKey"],_syncValueBySelector:["validateSyncValueBySelector"],_tabIndex:["validateTabIndex"],_tooltipAlign:["validateTooltipAlign"],_type:["validateType"],_value:["validateValue"],_buttonVariant:["validateButtonVariant"]}}};export{ut as kol_button_wc};
|
|
4
|
-
//# sourceMappingURL=kol-button-wc.entry-D0_mVnwZ.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"kol-button-wc.entry-D0_mVnwZ.js","sources":["../../../../components/dist/esm/kol-button-wc.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { h, H as Host, r as registerInstance, g as getElement } from './index-2f6c3929.js';\nimport { B as watchString, i as watchBoolean, w as watchValidator, O as mapBoolean2String, P as mapStringOrBoolean2String, I as setEventTarget, l as setState, m as showExpertSlot } from './index-ebe5a881.js';\nimport { d as dispatchDomEvent, K as KolEvent } from './events-bad0a075.js';\nimport { n as nonce } from './dev.utils-ca3cce4b.js';\nimport { p as propagateSubmitEventToForm, a as propagateResetEventToForm } from './controller-cf01f031.js';\nimport { A as AssociatedInputController } from './associated.controller-22684481.js';\nimport { a as KolTooltipWcTag } from './component-names-553d8bfa.js';\nimport { v as validateAccessKey, a as validateAccessAndShortKey, b as validateShortKey, c as validateTabIndex } from './access-and-short-key-f743a5c4.js';\nimport { c as clsx } from './clsx-09a06a12.js';\nimport './i18n-260f0fe9.js';\nimport './bem-e4c3a2e6.js';\nimport { K as KolSpanFc } from './Span-78135d4f.js';\nimport { v as validateAriaDescription, a as validateAriaExpanded, b as validateLinkVariant, c as validateAlternativeButtonLinkRole, d as validateButtonVariant } from './link-variant-47605ebe.js';\nimport { v as validateCustomClass } from './custom-class-d73b81b1.js';\nimport { v as validateDisabled } from './disabled-e1038f54.js';\nimport { v as validateHideLabel } from './hide-label-8b3a8709.js';\nimport { v as validateIcons } from './icons-a9c52ed8.js';\nimport { a as validateLabelWithExpertSlot } from './label-bf9966d0.js';\nimport { v as validateTooltipAlign } from './tooltip-align-465a8590.js';\nimport './bootstrap-dcdb1765.js';\nimport './i18n-45224cc3.js';\nimport './browser-f629a56a.js';\nimport './tslib.es6-1173d062.js';\nimport './Icon-a2f91629.js';\nimport './markdown-f827f2ac.js';\nimport './InternalUnderlinedBadgeText-2d939629.js';\nimport './isArray-7a60fa7f.js';\nimport './isObject-ffcbbb76.js';\nimport './align-d2572387.js';\n\nconst validateAriaControls = (component, value) => {\n watchString(component, '_ariaControls', value);\n};\n\nconst validateAriaSelected = (component, value) => {\n watchBoolean(component, '_ariaSelected', value);\n};\n\nconst validateButtonCallbacks = (component, value) => {\n watchValidator(component, `_on`, (value) => typeof value === 'object' && value !== null, new Set(['ButtonCallbacksPropType {Events.onClick, Events.onMouseDown}']), value);\n};\n\nconst buttonTypePropTypeOptions = ['button', 'reset', 'submit'];\nconst validateButtonType = (component, value) => {\n watchValidator(component, `_type`, (value) => typeof value === 'string' && buttonTypePropTypeOptions.includes(value), new Set([`KoliBriButtonType {${buttonTypePropTypeOptions.join(', ')}`]), value);\n};\n\nconst KolButtonWc = class {\n async kolFocus() {\n var _a;\n (_a = this.buttonRef) === null || _a === void 0 ? void 0 : _a.focus();\n }\n render() {\n var _a, _b;\n const hasExpertSlot = showExpertSlot(this.state._label);\n const hasAriaDescription = Boolean((_b = (_a = this.state._ariaDescription) === null || _a === void 0 ? void 0 : _a.trim()) === null || _b === void 0 ? void 0 : _b.length);\n const badgeText = this.state._accessKey || this.state._shortKey;\n return (h(Host, { key: '2b703fead6b1346566b8ba69fb37c3cdc5a5a537' }, h(\"button\", { key: 'eb4f2749f914c1dfcc37e1127b9af301f2e0c2f2', ref: this.catchRef, accessKey: this.state._accessKey || undefined, \"aria-controls\": this.state._ariaControls, \"aria-describedby\": hasAriaDescription ? this.internalDescriptionById : undefined, \"aria-expanded\": mapBoolean2String(this.state._ariaExpanded), \"aria-haspopup\": this._ariaHasPopup, \"aria-label\": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, \"aria-selected\": mapStringOrBoolean2String(this.state._ariaSelected), class: clsx('kol-button', {\n 'kol-button--disabled': this.state._disabled === true,\n [`kol-button--${this.state._buttonVariant}`]: this.state._buttonVariant !== 'custom',\n [`kol-button--${this.state._linkVariant}`]: this.state._linkVariant,\n 'kol-button--hide-label': this.state._hideLabel === true,\n [this.state._customClass]: this.state._buttonVariant === 'custom' && typeof this.state._customClass === 'string' && this.state._customClass.length > 0,\n }), disabled: this.state._disabled, id: this.state._id, name: this.state._name, onClick: this.onClick, onMouseDown: this.onMouseDown, role: this.state._role, tabIndex: this.state._tabIndex, type: this.state._type }, h(KolSpanFc, { key: '2efcf0481450a17adeff115deb1d5f4dd401d450', class: \"kol-button__text\", badgeText: badgeText, icons: this.state._icons, hideLabel: this.state._hideLabel, label: hasExpertSlot ? '' : this.state._label }, h(\"slot\", { key: 'c0b27f62c80ac0f5ea5c90033e715e9519776f67', name: \"expert\", slot: \"expert\" }))), h(KolTooltipWcTag, { key: '127bacca5614982dcd5ad452230b7be6f273de0d', \"aria-hidden\": \"true\", hidden: hasExpertSlot || !this.state._hideLabel, class: \"kol-button__tooltip\", _badgeText: badgeText, _align: this.state._tooltipAlign, _label: typeof this.state._label === 'string' ? this.state._label : '' }), hasAriaDescription && (h(\"span\", { key: 'a16e0c834c2ffb061402ca75ae5610b26042877c', class: \"visually-hidden\", id: this.internalDescriptionById }, this.state._ariaDescription))));\n }\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.internalDescriptionById = nonce();\n this.catchRef = (ref) => {\n this.buttonRef = ref;\n };\n this.onClick = (event) => {\n var _a, _b;\n if (this.state._type === 'submit') {\n propagateSubmitEventToForm({\n form: this.host,\n ref: this.buttonRef,\n });\n }\n else if (this.state._type === 'reset') {\n propagateResetEventToForm({\n form: this.host,\n ref: this.buttonRef,\n });\n }\n else {\n this.controller.setFormAssociatedValue(this.state._value);\n if (typeof ((_a = this.state._on) === null || _a === void 0 ? void 0 : _a.onClick) === 'function') {\n setEventTarget(event, this.buttonRef);\n (_b = this.state._on) === null || _b === void 0 ? void 0 : _b.onClick(event, this.state._value);\n }\n }\n if (this.host) {\n dispatchDomEvent(this.host, KolEvent.click, this.state._value);\n }\n };\n this.onMouseDown = (event) => {\n var _a, _b, _c;\n (_c = (_b = (_a = this.state) === null || _a === void 0 ? void 0 : _a._on) === null || _b === void 0 ? void 0 : _b.onMouseDown) === null || _c === void 0 ? void 0 : _c.call(_b, event);\n if (this.host) {\n dispatchDomEvent(this.host, KolEvent.mousedown);\n }\n };\n this._accessKey = undefined;\n this._ariaControls = undefined;\n this._ariaDescription = undefined;\n this._ariaExpanded = undefined;\n this._ariaHasPopup = undefined;\n this._ariaSelected = undefined;\n this._customClass = undefined;\n this._disabled = false;\n this._hideLabel = false;\n this._icons = undefined;\n this._id = undefined;\n this._label = undefined;\n this._linkVariant = undefined;\n this._name = undefined;\n this._on = undefined;\n this._role = undefined;\n this._shortKey = undefined;\n this._syncValueBySelector = undefined;\n this._tabIndex = undefined;\n this._tooltipAlign = 'top';\n this._type = 'button';\n this._value = undefined;\n this._buttonVariant = 'normal';\n this.state = {\n _icons: {},\n _label: '',\n _on: {},\n _type: 'button',\n _buttonVariant: 'normal',\n };\n this.controller = new AssociatedInputController(this, 'button', this.host);\n }\n validateAccessKey(value) {\n validateAccessKey(this, value);\n validateAccessAndShortKey(value, this._shortKey);\n }\n validateAriaControls(value) {\n validateAriaControls(this, value);\n }\n validateAriaDescription(value) {\n validateAriaDescription(this, value);\n }\n validateAriaExpanded(value) {\n validateAriaExpanded(this, value);\n }\n validateAriaSelected(value) {\n validateAriaSelected(this, value);\n }\n validateCustomClass(value) {\n validateCustomClass(this, value);\n }\n validateDisabled(value) {\n validateDisabled(this, value);\n }\n validateHideLabel(value) {\n validateHideLabel(this, value);\n }\n validateIcons(value) {\n validateIcons(this, value);\n }\n validateId(value) {\n watchString(this, '_id', value);\n }\n validateLabel(value) {\n validateLabelWithExpertSlot(this, value, {\n required: true,\n });\n }\n validateLinkVariant(value) {\n validateLinkVariant(this, value);\n }\n validateName(value) {\n this.controller.validateName(value);\n }\n validateOn(value) {\n validateButtonCallbacks(this, value);\n }\n validateRole(value) {\n validateAlternativeButtonLinkRole(this, value);\n }\n validateShortKey(value) {\n validateShortKey(this, value);\n validateAccessAndShortKey(this._accessKey, value);\n }\n validateSyncValueBySelector(value) {\n this.controller.validateSyncValueBySelector(value);\n }\n validateTabIndex(value) {\n validateTabIndex(this, value);\n }\n validateTooltipAlign(value) {\n validateTooltipAlign(this, value);\n }\n validateType(value) {\n validateButtonType(this, value);\n }\n validateValue(value) {\n setState(this, '_value', value);\n this.controller.setFormAssociatedValue(this.state._value);\n }\n validateButtonVariant(value) {\n validateButtonVariant(this, value);\n }\n componentWillLoad() {\n this.validateAccessKey(this._accessKey);\n this.validateAriaControls(this._ariaControls);\n this.validateAriaDescription(this._ariaDescription);\n this.validateAriaExpanded(this._ariaExpanded);\n this.validateAriaSelected(this._ariaSelected);\n this.validateCustomClass(this._customClass);\n this.validateDisabled(this._disabled);\n this.validateHideLabel(this._hideLabel);\n this.validateIcons(this._icons);\n this.validateId(this._id);\n this.validateLabel(this._label);\n this.validateLinkVariant(this._linkVariant);\n this.validateName(this._name);\n this.validateOn(this._on);\n this.validateRole(this._role);\n this.validateShortKey(this._shortKey);\n this.validateSyncValueBySelector(this._syncValueBySelector);\n this.validateTabIndex(this._tabIndex);\n this.validateTooltipAlign(this._tooltipAlign);\n this.validateType(this._type);\n this.validateValue(this._value);\n this.validateButtonVariant(this._buttonVariant);\n validateAccessAndShortKey(this._accessKey, this._shortKey);\n }\n get host() { return getElement(this); }\n static get watchers() { return {\n \"_accessKey\": [\"validateAccessKey\"],\n \"_ariaControls\": [\"validateAriaControls\"],\n \"_ariaDescription\": [\"validateAriaDescription\"],\n \"_ariaExpanded\": [\"validateAriaExpanded\"],\n \"_ariaSelected\": [\"validateAriaSelected\"],\n \"_customClass\": [\"validateCustomClass\"],\n \"_disabled\": [\"validateDisabled\"],\n \"_hideLabel\": [\"validateHideLabel\"],\n \"_icons\": [\"validateIcons\"],\n \"_id\": [\"validateId\"],\n \"_label\": [\"validateLabel\"],\n \"_linkVariant\": [\"validateLinkVariant\"],\n \"_name\": [\"validateName\"],\n \"_on\": [\"validateOn\"],\n \"_role\": [\"validateRole\"],\n \"_shortKey\": [\"validateShortKey\"],\n \"_syncValueBySelector\": [\"validateSyncValueBySelector\"],\n \"_tabIndex\": [\"validateTabIndex\"],\n \"_tooltipAlign\": [\"validateTooltipAlign\"],\n \"_type\": [\"validateType\"],\n \"_value\": [\"validateValue\"],\n \"_buttonVariant\": [\"validateButtonVariant\"]\n }; }\n};\n\nexport { KolButtonWc as kol_button_wc };\n\n//# sourceMappingURL=kol-button-wc.entry.js.map"],"names":["validateAriaControls","component","value","watchString","validateAriaSelected","watchBoolean","validateButtonCallbacks","watchValidator","buttonTypePropTypeOptions","validateButtonType","KolButtonWc","_a","_b","hasExpertSlot","showExpertSlot","hasAriaDescription","badgeText","h","Host","mapBoolean2String","mapStringOrBoolean2String","clsx","KolSpanFc","KolTooltipWcTag","hostRef","registerInstance","nonce","ref","event","propagateSubmitEventToForm","propagateResetEventToForm","setEventTarget","dispatchDomEvent","KolEvent","_c","AssociatedInputController","validateAccessKey","validateAccessAndShortKey","validateAriaDescription","validateAriaExpanded","validateCustomClass","validateDisabled","validateHideLabel","validateIcons","validateLabelWithExpertSlot","validateLinkVariant","validateAlternativeButtonLinkRole","validateShortKey","validateTabIndex","validateTooltipAlign","setState","validateButtonVariant","getElement"],"mappings":"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"}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import{r as s,d as l,a as o,h as t,e as i,s as d,g as c}from"./index-BUj5OwnR.js";import{t as n}from"./i18n-260f0fe9-D-uh70qY.js";import{w as r}from"./validation-152ea092-BUCpoyC2.js";import{K as h}from"./Heading-7b90eeb4-By_ofI9Z.js";import"./markdown-f827f2ac-Bx43QwDK.js";import{v as _}from"./has-closer-798e8f4d-Bs2bHpH7.js";import{v}from"./label-bf9966d0-B_OCTGrW.js";import"./tslib.es6-1173d062-BAJoBDh7.js";import"./clsx-09a06a12-BT_IL7Fz.js";/*!
|
|
2
|
-
* KoliBri - The accessible HTML-Standard
|
|
3
|
-
*/const y=class{constructor(e){s(this,e),this.close=()=>{var a;((a=this._on)===null||a===void 0?void 0:a.onClose)!==void 0&&this._on.onClose(new Event("Close")),this.host&&l(this.host,o.close)},this.on={onClick:this.close},this.validateOnValue=a=>typeof a=="object"&&a!==null&&typeof a.onClose=="function",this._on=void 0,this._hasCloser=!1,this._label=void 0,this._level=0,this.state={_label:""}}render(){return t("div",{key:"459b910b39a061357474b7eb1a500bb08efe8b89",class:"kol-card"},t("div",{key:"564f7fcd86c1aa3d5a4a452b2e2502536706de8b",class:"kol-card__header"},t(h,{key:"39f035c5c3ed1a28eaadf699a70ef90dfec6eba6",class:"kol-card__headline",level:this.state._level},this.state._label)),t("div",{key:"7cbe3a9d08443e2c15484d8e7c1c802c98798c67",class:"kol-card__content"},t("slot",{key:"09aabe1eec2f48032544bcfe9e563ed927204cd1"})),this.state._hasCloser&&t(i,{key:"f06b010aca26af488a67366493b9aceced466ef9",class:"kol-card__close-button","data-testid":"card-close-button",_hideLabel:!0,_icons:{left:{icon:"codicon codicon-close"}},_label:n("kol-close"),_on:this.on,_tooltipAlign:"left"}))}validateOn(e){this.validateOnValue(e)&&d(this,"_on",{onClose:e.onClose})}validateHasCloser(e){_(this,e)}validateLabel(e){v(this,e,{required:!0})}validateLevel(e){r(this,e)}componentWillLoad(){this.validateHasCloser(this._hasCloser),this.validateLabel(this._label),this.validateLevel(this._level),this.validateOn(this._on)}get host(){return c(this)}static get watchers(){return{_on:["validateOn"],_hasCloser:["validateHasCloser"],_label:["validateLabel"],_level:["validateLevel"]}}};export{y as kol_card_wc};
|
|
4
|
-
//# sourceMappingURL=kol-card-wc.entry-N6nd9TZ4.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"kol-combobox.entry-CTdj07Zj.js","sources":["../../../../components/dist/esm/kol-combobox.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { h, r as registerInstance, g as getElement } from './index-2f6c3929.js';\nimport { c as clsx } from './clsx-09a06a12.js';\nimport { n as nonce } from './dev.utils-ca3cce4b.js';\nimport { F as FormFieldStateWrapper } from './getRenderStates-1a7401a2.js';\nimport { B as watchString, i as watchBoolean } from './index-ebe5a881.js';\nimport { I as InputIconController, a as InputContainerStateWrapperFc } from './controller-icon-6d59bc84.js';\nimport { v as validateSuggestions } from './suggestions-198125b7.js';\nimport { C as CustomSuggestionsToggleFc, a as CustomSuggestionsOptionsGroupFc, b as CustomSuggestionsOptionFc, g as getRenderStates } from './CustomSuggestionsOptionsGroup-06278bda.js';\nimport { I as InputStateWrapper } from './InputStateWrapper-e0c888e4.js';\nimport './events-bad0a075.js';\nimport './associated.controller-22684481.js';\nimport './bootstrap-dcdb1765.js';\nimport './component-names-553d8bfa.js';\nimport './i18n-45224cc3.js';\nimport './access-and-short-key-f743a5c4.js';\nimport './tooltip-align-465a8590.js';\nimport './align-d2572387.js';\nimport './hide-label-8b3a8709.js';\nimport './label-bf9966d0.js';\nimport './tslib.es6-1173d062.js';\nimport './Alert-4f2f7115.js';\nimport './i18n-260f0fe9.js';\nimport './bem-e4c3a2e6.js';\nimport './browser-f629a56a.js';\nimport './Heading-7b90eeb4.js';\nimport './InternalUnderlinedBadgeText-2d939629.js';\nimport './isArray-7a60fa7f.js';\nimport './Icon-a2f91629.js';\nimport './isObject-ffcbbb76.js';\nimport './icons-a9c52ed8.js';\nimport './Input-324f4b1d.js';\n\nclass ComboboxController extends InputIconController {\n constructor(component, name, host) {\n super(component, name, host);\n this.component = component;\n }\n validatePlaceholder(value) {\n watchString(this.component, '_placeholder', value);\n }\n validateRequired(value) {\n watchBoolean(this.component, '_required', value);\n }\n validateSuggestions(value) {\n validateSuggestions(this.component, value);\n }\n validateValue(value) {\n watchString(this.component, '_value', value);\n }\n componentWillLoad() {\n super.componentWillLoad();\n this.validatePlaceholder(this.component._placeholder);\n this.validateRequired(this.component._required);\n this.validateSuggestions(this.component._suggestions);\n this.validateValue(this.component._value);\n }\n}\n\nconst defaultStyleCss = \"/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-global {\\n :host {\\n /*\\n * Minimum size of interactive elements.\\n */\\n --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n /*\\n * No element should be used without a background and font color whose contrast ratio has\\n * not been checked. By initially setting the background color to white and the font color\\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n */\\n background-color: white;\\n color: black;\\n }\\n * {\\n /*\\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n */\\n hyphens: auto;\\n /*\\n * Verdana is an accessible font that can be used without requiring additional loading time.\\n */\\n font-family: Verdana;\\n /*\\n * Letter spacing is required for all texts.\\n */\\n letter-spacing: inherit;\\n /*\\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n */\\n word-break: break-word;\\n /*\\n * Word spacing is required for all texts.\\n */\\n word-spacing: inherit;\\n }\\n /*\\n * All interactive elements should have a minimum size of rem(44).\\n */\\n /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n /* option, */\\n /* select, */\\n /* textarea, */\\n [role=button],\\n button:not([role=link]),\\n .kol-input .input {\\n min-height: var(--a11y-min-size);\\n min-width: var(--a11y-min-size);\\n }\\n /*\\n * Some interactive elements should not inherit the font-family and font-size.\\n */\\n a,\\n button,\\n h1,\\n h2,\\n h3,\\n h4,\\n h5,\\n h6,\\n input,\\n option,\\n select,\\n textarea {\\n /*\\n * All elements should inherit the font family from his parent element.\\n */\\n font-family: inherit;\\n /*\\n * All elements should inherit the font size from his parent element.\\n */\\n font-size: inherit;\\n }\\n}\\n/**\\n * Sometimes we need the semantic element for accessibility reasons,\\n * but we don't want to show it.\\n *\\n * - https://www.a11yproject.com/posts/how-to-hide-content/\\n */\\n.visually-hidden {\\n clip: rect(0 0 0 0);\\n clip-path: inset(50%);\\n height: 1px;\\n overflow: hidden;\\n position: absolute;\\n white-space: nowrap;\\n width: 1px;\\n}\\n\\n@layer kol-global {\\n /*\\n * Dieses CSS stellt sicher, dass der Standard-Style\\n * von A und Button resettet werden.\\n */\\n :is(a, button) {\\n background-color: transparent;\\n border: none;\\n margin: 0;\\n padding: 0;\\n width: 100%;\\n /* 100% needed for custom width from outside */\\n }\\n /*\\n * Ensure elements with hidden attribute to be actually not visible\\n * @see https://meowni.ca/hidden.is.a.lie.html\\n */\\n [hidden] {\\n display: none !important;\\n }\\n .badge-text-hint {\\n background-color: lightgray;\\n color: black;\\n }\\n}\\n@layer kol-global {\\n :host {\\n font-size: rem(16);\\n /*\\n * The max-width is needed to prevent the table from overflowing the\\n * parent node, if the table is wider than the parent node.\\n */\\n max-width: 100%;\\n }\\n * {\\n /*\\n * We prefer to box-sizing: border-box for all elements.\\n */\\n box-sizing: border-box;\\n }\\n .kol-span {\\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n display: grid;\\n place-items: center;\\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n }\\n .kol-span__container {\\n display: flex;\\n place-items: center;\\n }\\n a,\\n button {\\n cursor: pointer;\\n }\\n .kol-span .kol-span__label--hide-label .kol-span__label {\\n display: none;\\n }\\n /* Reset browser agent style. */\\n button:disabled {\\n color: unset;\\n }\\n .disabled label,\\n .disabled:focus-within label,\\n [aria-disabled=true],\\n [aria-disabled=true]:focus,\\n [disabled],\\n [disabled]:focus {\\n cursor: not-allowed;\\n opacity: 0.5;\\n outline: none;\\n }\\n [aria-disabled=true]:focus .kol-span,\\n [disabled]:focus .kol-span {\\n outline: none !important;\\n }\\n}\\n@layer kol-component {\\n :host {\\n display: block;\\n }\\n}\\n@layer kol-component {\\n .kol-tooltip {\\n display: contents;\\n }\\n .kol-tooltip__floating {\\n animation-duration: 0.25s;\\n animation-iteration-count: 1;\\n animation-name: fadeInOpacity;\\n animation-timing-function: ease-in;\\n display: none;\\n position: fixed;\\n visibility: hidden;\\n /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n top: 0;\\n left: 0;\\n max-width: 90vw;\\n max-height: 90vh;\\n /* Can be used to specify the tooltip-width from the outside. Unset by default. */\\n width: var(--kol-tooltip-width);\\n }\\n .kol-tooltip__arrow {\\n background-color: #fff;\\n color: #000;\\n height: calc(10rem / var(--kolibri-root-font-size, 16));\\n position: absolute;\\n transform: rotate(45deg);\\n width: calc(10rem / var(--kolibri-root-font-size, 16));\\n z-index: 999;\\n }\\n .kol-tooltip__content {\\n background-color: #fff;\\n color: #000;\\n position: relative;\\n z-index: 1000;\\n }\\n @keyframes fadeInOpacity {\\n 0% {\\n opacity: 0;\\n }\\n 100% {\\n opacity: 1;\\n }\\n }\\n}\\n@layer kol-component {\\n .kol-alert {\\n display: grid;\\n }\\n .kol-alert__container {\\n place-items: center;\\n display: flex;\\n }\\n .kol-alert__container-content {\\n flex-grow: 1;\\n }\\n .kol-alert__closer {\\n /* Visible with forced colors */\\n outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\\n }\\n}\\n@layer kol-component {\\n .kol-custom-suggestions-option {\\n cursor: pointer;\\n white-space: normal;\\n overflow-wrap: break-word;\\n word-wrap: break-word;\\n line-height: 1.5;\\n }\\n .kol-custom-suggestions-options-group--cursor-hidden .kol-custom-suggestions-option {\\n cursor: none !important;\\n }\\n}\\n@layer kol-component {\\n .kol-custom-suggestions-options-group {\\n display: block;\\n position: absolute;\\n list-style-type: none;\\n margin: 0;\\n padding: 0;\\n overflow-y: auto;\\n overflow-x: hidden;\\n z-index: 2;\\n background-color: white;\\n max-height: calc(250rem / var(--kolibri-root-font-size, 16));\\n }\\n}\\n@layer kol-component {\\n .kol-custom-suggestions-toggle {\\n align-items: center;\\n display: flex;\\n height: var(--a11y-min-size);\\n width: var(--a11y-min-size);\\n }\\n .kol-custom-suggestions-toggle:not(:disabled) {\\n cursor: pointer;\\n }\\n}\\n@layer kol-component {\\n .kol-form-field {\\n display: grid;\\n }\\n .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label {\\n cursor: pointer;\\n }\\n .kol-form-field--disabled .kol-form-field__label {\\n opacity: 0.5;\\n }\\n .kol-form-field--required .kol-form-field__label-text::after {\\n content: \\\"*\\\";\\n }\\n .kol-form-field--disabled .kol-form-field__hint {\\n opacity: 0.5;\\n }\\n .kol-form-field--required .kol-form-field__tooltip .span-label::after {\\n content: \\\"*\\\";\\n }\\n}\\n@layer kol-component {\\n .kol-input-container {\\n align-items: center;\\n background-color: white;\\n display: grid;\\n grid-template-columns: 1fr;\\n min-height: var(--a11y-min-size);\\n min-width: var(--a11y-min-size);\\n width: 100%;\\n }\\n .kol-input-container:has(> .kol-input-container__adornment--start) {\\n grid-template-columns: auto 1fr;\\n }\\n .kol-input-container:has(> .kol-input-container__adornment--end) {\\n grid-template-columns: 1fr auto;\\n }\\n .kol-input-container:has(> .kol-input-container__adornment--start):has(> .kol-input-container__adornment--end) {\\n grid-template-columns: auto 1fr auto;\\n }\\n .kol-input-container__container {\\n position: relative;\\n }\\n .kol-input-container__adornment {\\n display: flex;\\n align-items: center;\\n }\\n .kol-input-container__adornment .kol-icon {\\n display: grid;\\n height: var(--a11y-min-size);\\n place-items: center;\\n }\\n}\\n@layer kol-component {\\n .kol-input {\\n min-width: var(--a11y-min-size);\\n width: 100%;\\n }\\n .kol-input:focus {\\n outline: none;\\n }\\n}\";\nconst KolComboboxDefaultStyle0 = defaultStyleCss;\n\nconst KolCombobox = class {\n async getValue() {\n return this.state._value;\n }\n async kolFocus() {\n var _a;\n (_a = this.refInput) === null || _a === void 0 ? void 0 : _a.focus();\n }\n selectOption(option) {\n var _a;\n this.controller.onFacade.onInput(new CustomEvent('input', { bubbles: true, detail: { name: this.state._name, value: option } }), true, option);\n this.controller.onFacade.onChange(new CustomEvent('change', { bubbles: true, detail: { name: this.state._name, value: option } }), option);\n this.controller.setFormAssociatedValue(option);\n this.state._value = option;\n (_a = this.refInput) === null || _a === void 0 ? void 0 : _a.focus();\n }\n onInput(event) {\n const target = event.target;\n this.state._value = target.value;\n this._value = target.value;\n this.controller.onFacade.onInput(event);\n this.setFilteredSuggestionsByQuery(target.value);\n this._focusedOptionIndex = -1;\n }\n handleKeyDownDropdown(event) {\n if (event.key.length === 1 && /[a-z0-9]/i.test(event.key)) {\n this._isOpen = true;\n this.focusSuggestionStartingWith(event.key);\n }\n }\n setFilteredSuggestionsByQuery(query) {\n if (query.trim() === '') {\n this._filteredSuggestions = [...this._suggestions];\n }\n else {\n this._filteredSuggestions = Array.isArray(this._suggestions)\n ? this._suggestions.filter((option) => {\n return option.toLowerCase().includes(query.toLowerCase());\n })\n : this._filteredSuggestions;\n this._isOpen = this._filteredSuggestions && this._filteredSuggestions.length > 0 ? true : false;\n }\n }\n moveFocus(delta) {\n if (!this._filteredSuggestions) {\n return;\n }\n let newIndex = this._focusedOptionIndex + delta;\n if (newIndex >= this._filteredSuggestions.length) {\n newIndex = 0;\n }\n if (newIndex < 0) {\n newIndex = this._filteredSuggestions.length - 1;\n }\n this.focusOption(newIndex);\n }\n focusOption(index) {\n this._focusedOptionIndex = index;\n if (this.refSuggestions) {\n const optionElement = this.refSuggestions[index];\n optionElement === null || optionElement === void 0 ? void 0 : optionElement.focus();\n }\n }\n focusSuggestionStartingWith(char) {\n const charLowerCase = char.toLowerCase();\n const index = Array.isArray(this._filteredSuggestions) &&\n this._filteredSuggestions.length > 0 &&\n this._filteredSuggestions.findIndex((option) => option.toLowerCase().startsWith(charLowerCase));\n if (typeof index === 'number') {\n this.focusOption(index);\n }\n }\n getFormFieldProps() {\n return {\n state: this.state,\n class: clsx('kol-combobox', {\n 'has-value': this.state._hasValue,\n }),\n tooltipAlign: this._tooltipAlign,\n onClick: () => { var _a; return (_a = this.refInput) === null || _a === void 0 ? void 0 : _a.focus(); },\n alert: this.showAsAlert(),\n };\n }\n getInputProps() {\n const { ariaDescribedBy } = getRenderStates(this.state);\n return Object.assign(Object.assign({ ref: this.catchRef, state: this.state, class: 'kol-combobox__input', type: 'text', role: 'combobox', 'aria-autocomplete': 'both', 'aria-expanded': this._isOpen ? 'true' : 'false', 'aria-controls': 'listbox', 'aria-describedby': ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, 'aria-label': this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, 'aria-labelledby': this.state._id, 'aria-activedescendant': this._isOpen && this._focusedOptionIndex >= 0 ? `option-${this._focusedOptionIndex}` : undefined, value: this.state._value, accessKey: this.state._accessKey, autocapitalize: 'off', autocorrect: 'off', disabled: this.state._disabled, customSuggestions: true, id: this.state._id, name: this.state._name, required: this.state._required }, this.controller.onFacade), { onFocus: (event) => {\n this.controller.onFacade.onFocus(event);\n this.inputHasFocus = true;\n }, onBlur: (event) => {\n this.controller.onFacade.onBlur(event);\n this.inputHasFocus = false;\n }, onChange: this.onChange.bind(this), onInput: this.onInput.bind(this), placeholder: this.state._placeholder });\n }\n render() {\n return (h(FormFieldStateWrapper, Object.assign({ key: '44bc85c62caa382896b635dbc743f16d24863644' }, this.getFormFieldProps()), h(InputContainerStateWrapperFc, { key: 'fd4b270034c88219b2f7f7eae2591334906ece02', state: this.state }, h(\"div\", { key: 'd4510edc466749cef9b6291afd9c282c77b88f8f', class: \"kol-combobox__group\" }, h(InputStateWrapper, Object.assign({ key: 'ddc7d75b247724e081da3b8360238e271110cdca' }, this.getInputProps())), h(CustomSuggestionsToggleFc, { key: '4531ca610c2f04d45072823222cac12c49c3ab74', onClick: this.toggleListbox.bind(this), disabled: this.state._disabled })), this._isOpen && !(this.state._disabled === true) && (h(CustomSuggestionsOptionsGroupFc, { key: 'd995a87095216c4f1cf32b8e6c789dffffcf2572', blockSuggestionMouseOver: this.blockSuggestionMouseOver, onKeyDown: this.handleKeyDownDropdown.bind(this) }, Array.isArray(this._filteredSuggestions) &&\n this._filteredSuggestions.length > 0 &&\n this._filteredSuggestions.map((option, index) => (h(CustomSuggestionsOptionFc, { index: index, option: option, ref: (el) => {\n if (el)\n this.refSuggestions[index] = el;\n }, selected: this.state._value === option, onClick: () => {\n this.selectOption(option);\n this.toggleListbox();\n this._isOpen = false;\n this._hasOpened = false;\n }, onMouseOver: () => {\n if (!this.blockSuggestionMouseOver) {\n this.focusOption(index);\n }\n }, onFocus: () => {\n this.focusOption(index);\n }, onKeyDown: (e) => {\n if (e.key === 'Enter' || e.key === 'NumpadEnter') {\n this.selectOption(option);\n this.toggleListbox();\n e.preventDefault();\n }\n } }))))))));\n }\n handleKeyDown(event) {\n var _a, _b;\n const handleEvent = (isOpen, callback) => {\n var _a;\n event.preventDefault();\n if (isOpen !== undefined) {\n this._isOpen = isOpen;\n if (!isOpen) {\n (_a = this.refInput) === null || _a === void 0 ? void 0 : _a.focus();\n }\n }\n callback === null || callback === void 0 ? void 0 : callback();\n };\n switch (event.key) {\n case 'Down':\n case 'ArrowDown': {\n this.blockSuggestionMouseOver = true;\n handleEvent(true, () => this.moveFocus(1));\n break;\n }\n case 'Up':\n case 'ArrowUp': {\n this.blockSuggestionMouseOver = true;\n handleEvent(true, () => this.moveFocus(-1));\n break;\n }\n case 'Tab':\n if (this._isOpen) {\n this._isOpen = false;\n (_a = this.refInput) === null || _a === void 0 ? void 0 : _a.focus();\n }\n break;\n case 'Esc':\n case 'Escape': {\n this._hasOpened = false;\n this._isOpen = false;\n event.preventDefault();\n (_b = this.refInput) === null || _b === void 0 ? void 0 : _b.focus();\n break;\n }\n case 'NumpadEnter':\n case 'Enter': {\n if (this._isOpen && this._focusedOptionIndex >= 0) {\n this._filteredSuggestions && this.selectOption(this._filteredSuggestions[this._focusedOptionIndex]);\n this._isOpen = false;\n this._hasOpened = false;\n }\n else {\n this.toggleListbox();\n }\n event.preventDefault();\n break;\n }\n case 'Home': {\n this.blockSuggestionMouseOver = true;\n handleEvent(undefined, () => {\n if (this._isOpen) {\n this.focusOption(0);\n }\n });\n break;\n }\n case 'End': {\n this.blockSuggestionMouseOver = true;\n handleEvent(undefined, () => {\n if (this._isOpen) {\n this.focusOption(this._filteredSuggestions ? this._filteredSuggestions.length - 1 : 0);\n }\n });\n break;\n }\n case 'PageUp': {\n this.blockSuggestionMouseOver = true;\n handleEvent(undefined, () => this._isOpen && this.moveFocus(-10));\n break;\n }\n case 'PageDown': {\n this.blockSuggestionMouseOver = true;\n handleEvent(undefined, () => this._isOpen && this.moveFocus(10));\n break;\n }\n }\n }\n handleWindowClick(event) {\n if (this.host !== undefined && !this.host.contains(event.target)) {\n this._isOpen = false;\n }\n }\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.refSuggestions = [];\n this._focusedOptionIndex = -1;\n this.toggleListbox = () => {\n var _a;\n if (this.state._disabled === true) {\n this._isOpen = false;\n }\n else {\n (_a = this.refInput) === null || _a === void 0 ? void 0 : _a.focus();\n if (!this._hasOpened && Array.isArray(this._filteredSuggestions) && this._filteredSuggestions.length > 0) {\n this._isOpen = true;\n this._hasOpened = true;\n const selectedIndex = this._filteredSuggestions.findIndex((option) => option === this.state._value);\n this._focusedOptionIndex = selectedIndex >= 0 ? selectedIndex : -1;\n this.focusOption(this._focusedOptionIndex);\n }\n }\n };\n this.catchRef = (ref) => {\n this.refInput = ref;\n };\n this.blockSuggestionMouseOver = false;\n this._isOpen = false;\n this._filteredSuggestions = undefined;\n this._hasOpened = false;\n this._accessKey = undefined;\n this._placeholder = undefined;\n this._disabled = false;\n this._hideMsg = false;\n this._hideLabel = false;\n this._hint = '';\n this._icons = undefined;\n this._id = undefined;\n this._label = undefined;\n this._msg = undefined;\n this._name = undefined;\n this._on = undefined;\n this._suggestions = undefined;\n this._required = false;\n this._shortKey = undefined;\n this._syncValueBySelector = undefined;\n this._tooltipAlign = 'top';\n this._touched = false;\n this._value = undefined;\n this.state = {\n _hasValue: false,\n _hideMsg: false,\n _id: `id-${nonce()}`,\n _label: '',\n _suggestions: [],\n _value: '',\n };\n this.inputHasFocus = false;\n this.controller = new ComboboxController(this, 'combobox', this.host);\n this.onInput = this.onInput.bind(this);\n }\n showAsAlert() {\n return Boolean(this.state._touched) && !this.inputHasFocus;\n }\n validatePlaceholder(value) {\n this.controller.validatePlaceholder(value);\n }\n validateAccessKey(value) {\n this.controller.validateAccessKey(value);\n }\n validateDisabled(value) {\n this.controller.validateDisabled(value);\n }\n validateHideMsg(value) {\n this.controller.validateHideMsg(value);\n }\n validateHideLabel(value) {\n this.controller.validateHideLabel(value);\n }\n validateHint(value) {\n this.controller.validateHint(value);\n }\n validateIcons(value) {\n this.controller.validateIcons(value);\n }\n validateId(value) {\n this.controller.validateId(value);\n }\n validateLabel(value) {\n this.controller.validateLabel(value);\n }\n validateMsg(value) {\n this.controller.validateMsg(value);\n }\n validateName(value) {\n this.controller.validateName(value);\n }\n validateOn(value) {\n this.controller.validateOn(value);\n }\n validateShortKey(value) {\n this.controller.validateShortKey(value);\n }\n validateSuggestions(value) {\n this.controller.validateSuggestions(value);\n this._filteredSuggestions = value;\n }\n validateRequired(value) {\n this.controller.validateRequired(value);\n }\n validateSyncValueBySelector(value) {\n this.controller.validateSyncValueBySelector(value);\n }\n validateTouched(value) {\n this.controller.validateTouched(value);\n }\n validateValue(value) {\n this.controller.validateValue(value);\n this.controller.setFormAssociatedValue(value);\n }\n componentWillLoad() {\n this.refSuggestions = [];\n this._touched = this._touched === true;\n this.controller.componentWillLoad();\n this.state._hasValue = !!this.state._value;\n this.controller.addValueChangeListener((v) => (this.state._hasValue = !!v));\n this._filteredSuggestions = this.state._suggestions;\n }\n handleMouseEvent() {\n this.blockSuggestionMouseOver = false;\n }\n handleFocusOut() {\n setTimeout(() => {\n var _a;\n if (!((_a = this.host) === null || _a === void 0 ? void 0 : _a.contains(document.activeElement))) {\n this.onBlur();\n }\n }, 0);\n }\n handleWindowBlur() {\n this.onBlur();\n }\n onBlur() {\n var _a;\n this._hasOpened = false;\n if (this._isOpen) {\n this._isOpen = !this._isOpen;\n (_a = this.refInput) === null || _a === void 0 ? void 0 : _a.focus();\n }\n }\n onChange(event) {\n this.controller.onFacade.onChange(event);\n this.controller.setFormAssociatedValue(this.state._value);\n }\n static get delegatesFocus() { return true; }\n get host() { return getElement(this); }\n static get watchers() { return {\n \"_placeholder\": [\"validatePlaceholder\"],\n \"_accessKey\": [\"validateAccessKey\"],\n \"_disabled\": [\"validateDisabled\"],\n \"_hideMsg\": [\"validateHideMsg\"],\n \"_hideLabel\": [\"validateHideLabel\"],\n \"_hint\": [\"validateHint\"],\n \"_icons\": [\"validateIcons\"],\n \"_id\": [\"validateId\"],\n \"_label\": [\"validateLabel\"],\n \"_msg\": [\"validateMsg\"],\n \"_name\": [\"validateName\"],\n \"_on\": [\"validateOn\"],\n \"_shortKey\": [\"validateShortKey\"],\n \"_suggestions\": [\"validateSuggestions\"],\n \"_required\": [\"validateRequired\"],\n \"_syncValueBySelector\": [\"validateSyncValueBySelector\"],\n \"_touched\": [\"validateTouched\"],\n \"_value\": [\"validateValue\"]\n }; }\n};\nKolCombobox.style = {\n default: KolComboboxDefaultStyle0\n};\n\nexport { KolCombobox as kol_combobox };\n\n//# sourceMappingURL=kol-combobox.entry.js.map"],"names":["ComboboxController","InputIconController","component","name","host","value","watchString","watchBoolean","validateSuggestions","defaultStyleCss","KolComboboxDefaultStyle0","KolCombobox","_a","option","event","target","query","delta","newIndex","index","optionElement","char","charLowerCase","clsx","ariaDescribedBy","getRenderStates","h","FormFieldStateWrapper","InputContainerStateWrapperFc","InputStateWrapper","CustomSuggestionsToggleFc","CustomSuggestionsOptionsGroupFc","CustomSuggestionsOptionFc","el","e","_b","handleEvent","isOpen","callback","hostRef","registerInstance","selectedIndex","ref","nonce","v","getElement"],"mappings":"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"}
|
|
@@ -1,238 +0,0 @@
|
|
|
1
|
-
import{r as k,d,a as p,S as u,h as o,G as y,e as r,H as v,z as h,w as C,I as z,g as w,p as S}from"./index-BUj5OwnR.js";import{t as s}from"./i18n-260f0fe9-D-uh70qY.js";import{n as c}from"./dev.utils-ca3cce4b-bABZbL2k.js";import{r as _,a as P}from"./unique-nav-labels-e20db0b7-CO5sUoVY.js";import{v as B}from"./custom-class-d73b81b1-BSAGjHU4.js";import{v as A}from"./label-bf9966d0-B_OCTGrW.js";import{v as O}from"./tooltip-align-465a8590-BxJJiN5O.js";import"./align-d2572387-DtTftfmQ.js";/*!
|
|
2
|
-
* KoliBri - The accessible HTML-Standard
|
|
3
|
-
*/const T=(e,t,n)=>{h(e,"_max",t,n)},x=`@charset "UTF-8";
|
|
4
|
-
/*
|
|
5
|
-
* This file contains all rules for accessibility.
|
|
6
|
-
*/
|
|
7
|
-
@layer kol-global {
|
|
8
|
-
:host {
|
|
9
|
-
/*
|
|
10
|
-
* Minimum size of interactive elements.
|
|
11
|
-
*/
|
|
12
|
-
--a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));
|
|
13
|
-
/*
|
|
14
|
-
* No element should be used without a background and font color whose contrast ratio has
|
|
15
|
-
* not been checked. By initially setting the background color to white and the font color
|
|
16
|
-
* to black, the contrast ratio is ensured and explicit adjustment is forced.
|
|
17
|
-
*/
|
|
18
|
-
background-color: white;
|
|
19
|
-
color: black;
|
|
20
|
-
}
|
|
21
|
-
* {
|
|
22
|
-
/*
|
|
23
|
-
* This rule enables the word dividing for all texts. That is important for high zoom levels.
|
|
24
|
-
*/
|
|
25
|
-
hyphens: auto;
|
|
26
|
-
/*
|
|
27
|
-
* Verdana is an accessible font that can be used without requiring additional loading time.
|
|
28
|
-
*/
|
|
29
|
-
font-family: Verdana;
|
|
30
|
-
/*
|
|
31
|
-
* Letter spacing is required for all texts.
|
|
32
|
-
*/
|
|
33
|
-
letter-spacing: inherit;
|
|
34
|
-
/*
|
|
35
|
-
* This rule enables the word dividing for all texts. That is important for high zoom levels.
|
|
36
|
-
*/
|
|
37
|
-
word-break: break-word;
|
|
38
|
-
/*
|
|
39
|
-
* Word spacing is required for all texts.
|
|
40
|
-
*/
|
|
41
|
-
word-spacing: inherit;
|
|
42
|
-
}
|
|
43
|
-
/*
|
|
44
|
-
* All interactive elements should have a minimum size of rem(44).
|
|
45
|
-
*/
|
|
46
|
-
/* input:not([type='checkbox'], [type='radio'], [type='range']), */
|
|
47
|
-
/* option, */
|
|
48
|
-
/* select, */
|
|
49
|
-
/* textarea, */
|
|
50
|
-
[role=button],
|
|
51
|
-
button:not([role=link]),
|
|
52
|
-
.kol-input .input {
|
|
53
|
-
min-height: var(--a11y-min-size);
|
|
54
|
-
min-width: var(--a11y-min-size);
|
|
55
|
-
}
|
|
56
|
-
/*
|
|
57
|
-
* Some interactive elements should not inherit the font-family and font-size.
|
|
58
|
-
*/
|
|
59
|
-
a,
|
|
60
|
-
button,
|
|
61
|
-
h1,
|
|
62
|
-
h2,
|
|
63
|
-
h3,
|
|
64
|
-
h4,
|
|
65
|
-
h5,
|
|
66
|
-
h6,
|
|
67
|
-
input,
|
|
68
|
-
option,
|
|
69
|
-
select,
|
|
70
|
-
textarea {
|
|
71
|
-
/*
|
|
72
|
-
* All elements should inherit the font family from his parent element.
|
|
73
|
-
*/
|
|
74
|
-
font-family: inherit;
|
|
75
|
-
/*
|
|
76
|
-
* All elements should inherit the font size from his parent element.
|
|
77
|
-
*/
|
|
78
|
-
font-size: inherit;
|
|
79
|
-
}
|
|
80
|
-
}
|
|
81
|
-
/**
|
|
82
|
-
* Sometimes we need the semantic element for accessibility reasons,
|
|
83
|
-
* but we don't want to show it.
|
|
84
|
-
*
|
|
85
|
-
* - https://www.a11yproject.com/posts/how-to-hide-content/
|
|
86
|
-
*/
|
|
87
|
-
.visually-hidden {
|
|
88
|
-
clip: rect(0 0 0 0);
|
|
89
|
-
clip-path: inset(50%);
|
|
90
|
-
height: 1px;
|
|
91
|
-
overflow: hidden;
|
|
92
|
-
position: absolute;
|
|
93
|
-
white-space: nowrap;
|
|
94
|
-
width: 1px;
|
|
95
|
-
}
|
|
96
|
-
|
|
97
|
-
@layer kol-global {
|
|
98
|
-
/*
|
|
99
|
-
* Dieses CSS stellt sicher, dass der Standard-Style
|
|
100
|
-
* von A und Button resettet werden.
|
|
101
|
-
*/
|
|
102
|
-
:is(a, button) {
|
|
103
|
-
background-color: transparent;
|
|
104
|
-
border: none;
|
|
105
|
-
margin: 0;
|
|
106
|
-
padding: 0;
|
|
107
|
-
width: 100%;
|
|
108
|
-
/* 100% needed for custom width from outside */
|
|
109
|
-
}
|
|
110
|
-
/*
|
|
111
|
-
* Ensure elements with hidden attribute to be actually not visible
|
|
112
|
-
* @see https://meowni.ca/hidden.is.a.lie.html
|
|
113
|
-
*/
|
|
114
|
-
[hidden] {
|
|
115
|
-
display: none !important;
|
|
116
|
-
}
|
|
117
|
-
.badge-text-hint {
|
|
118
|
-
background-color: lightgray;
|
|
119
|
-
color: black;
|
|
120
|
-
}
|
|
121
|
-
}
|
|
122
|
-
@layer kol-global {
|
|
123
|
-
:host {
|
|
124
|
-
font-size: rem(16);
|
|
125
|
-
/*
|
|
126
|
-
* The max-width is needed to prevent the table from overflowing the
|
|
127
|
-
* parent node, if the table is wider than the parent node.
|
|
128
|
-
*/
|
|
129
|
-
max-width: 100%;
|
|
130
|
-
}
|
|
131
|
-
* {
|
|
132
|
-
/*
|
|
133
|
-
* We prefer to box-sizing: border-box for all elements.
|
|
134
|
-
*/
|
|
135
|
-
box-sizing: border-box;
|
|
136
|
-
}
|
|
137
|
-
.kol-span {
|
|
138
|
-
/* KolSpan is a layout component with icons in all directions and a label text in the middle. */
|
|
139
|
-
display: grid;
|
|
140
|
-
place-items: center;
|
|
141
|
-
/* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */
|
|
142
|
-
}
|
|
143
|
-
.kol-span__container {
|
|
144
|
-
display: flex;
|
|
145
|
-
place-items: center;
|
|
146
|
-
}
|
|
147
|
-
a,
|
|
148
|
-
button {
|
|
149
|
-
cursor: pointer;
|
|
150
|
-
}
|
|
151
|
-
.kol-span .kol-span__label--hide-label .kol-span__label {
|
|
152
|
-
display: none;
|
|
153
|
-
}
|
|
154
|
-
/* Reset browser agent style. */
|
|
155
|
-
button:disabled {
|
|
156
|
-
color: unset;
|
|
157
|
-
}
|
|
158
|
-
.disabled label,
|
|
159
|
-
.disabled:focus-within label,
|
|
160
|
-
[aria-disabled=true],
|
|
161
|
-
[aria-disabled=true]:focus,
|
|
162
|
-
[disabled],
|
|
163
|
-
[disabled]:focus {
|
|
164
|
-
cursor: not-allowed;
|
|
165
|
-
opacity: 0.5;
|
|
166
|
-
outline: none;
|
|
167
|
-
}
|
|
168
|
-
[aria-disabled=true]:focus .kol-span,
|
|
169
|
-
[disabled]:focus .kol-span {
|
|
170
|
-
outline: none !important;
|
|
171
|
-
}
|
|
172
|
-
}
|
|
173
|
-
@layer kol-component {
|
|
174
|
-
.kol-tooltip {
|
|
175
|
-
display: contents;
|
|
176
|
-
}
|
|
177
|
-
.kol-tooltip__floating {
|
|
178
|
-
animation-duration: 0.25s;
|
|
179
|
-
animation-iteration-count: 1;
|
|
180
|
-
animation-name: fadeInOpacity;
|
|
181
|
-
animation-timing-function: ease-in;
|
|
182
|
-
display: none;
|
|
183
|
-
position: fixed;
|
|
184
|
-
visibility: hidden;
|
|
185
|
-
/* Avoid layout interference - see https://floating-ui.com/docs/computePosition */
|
|
186
|
-
top: 0;
|
|
187
|
-
left: 0;
|
|
188
|
-
max-width: 90vw;
|
|
189
|
-
max-height: 90vh;
|
|
190
|
-
/* Can be used to specify the tooltip-width from the outside. Unset by default. */
|
|
191
|
-
width: var(--kol-tooltip-width);
|
|
192
|
-
}
|
|
193
|
-
.kol-tooltip__arrow {
|
|
194
|
-
background-color: #fff;
|
|
195
|
-
color: #000;
|
|
196
|
-
height: calc(10rem / var(--kolibri-root-font-size, 16));
|
|
197
|
-
position: absolute;
|
|
198
|
-
transform: rotate(45deg);
|
|
199
|
-
width: calc(10rem / var(--kolibri-root-font-size, 16));
|
|
200
|
-
z-index: 999;
|
|
201
|
-
}
|
|
202
|
-
.kol-tooltip__content {
|
|
203
|
-
background-color: #fff;
|
|
204
|
-
color: #000;
|
|
205
|
-
position: relative;
|
|
206
|
-
z-index: 1000;
|
|
207
|
-
}
|
|
208
|
-
@keyframes fadeInOpacity {
|
|
209
|
-
0% {
|
|
210
|
-
opacity: 0;
|
|
211
|
-
}
|
|
212
|
-
100% {
|
|
213
|
-
opacity: 1;
|
|
214
|
-
}
|
|
215
|
-
}
|
|
216
|
-
}
|
|
217
|
-
@layer kol-component {
|
|
218
|
-
/* TODO. Once #7126 is completed, move :host block into .kol-pagination */
|
|
219
|
-
:host {
|
|
220
|
-
align-items: center;
|
|
221
|
-
display: grid;
|
|
222
|
-
gap: calc(16rem / var(--kolibri-root-font-size, 16));
|
|
223
|
-
grid-template-columns: 1fr auto;
|
|
224
|
-
}
|
|
225
|
-
.kol-pagination__navigation-list {
|
|
226
|
-
align-items: center;
|
|
227
|
-
display: inline-flex;
|
|
228
|
-
flex-wrap: wrap;
|
|
229
|
-
gap: 0.5em;
|
|
230
|
-
list-style: none;
|
|
231
|
-
margin: 0;
|
|
232
|
-
padding: 0;
|
|
233
|
-
}
|
|
234
|
-
.kol-pagination__separator:before {
|
|
235
|
-
content: "•••";
|
|
236
|
-
}
|
|
237
|
-
}`,L=x,E={left:"codicon codicon-debug-reverse-continue"},G={left:"codicon codicon-chevron-left"},M={right:"codicon codicon-chevron-right"},j={right:"codicon codicon-debug-continue"};function D(){const e=navigator.language||"de-DE";return e.includes("-")?e:`${e}-${e.toUpperCase()}`}const F=D(),b=new Intl.NumberFormat(F,{style:"decimal",minimumFractionDigits:0,maximumFractionDigits:0}),I=class{constructor(e){k(this,e),this.nonce=c(),this.calcCount=(t,n=1)=>Math.ceil(t/n),this.getCount=()=>this.calcCount(this.state._max,this.state._pageSize),this.onClick=(t,n)=>{typeof this.state._on.onClick=="function"&&this.state._on.onClick(t,n),this.host&&d(this.host,p.click,n),this.onChangePage(t,n)},this.onChangePage=(t,n)=>{const a=setTimeout(()=>{clearTimeout(a),typeof this.state._on.onChangePage=="function"&&this.state._on.onChangePage(t,n),this.host&&d(this.host,p.changePage,n)})},this.onChangePageSize=(t,n)=>{if(n=parseInt(n[0]),typeof n=="number"&&n>0&&this._pageSize!==n){this._pageSize=n;const a=setTimeout(()=>{clearTimeout(a),typeof this.state._on.onChangePageSize=="function"&&this.state._on.onChangePageSize(t,this._pageSize),this.host&&d(this.host,p.changePageSize,this._pageSize)})}},this.onGoToFirst={onClick:t=>{this.onClick(t,1)}},this.onGoToEnd={onClick:t=>{this.onClick(t,this.getCount())}},this.onGoBackward={onClick:t=>{this.onClick(t,this.state._page-1)}},this.onGoForward={onClick:t=>{this.onClick(t,this.state._page+1)}},this.beforePageSize=(t,n)=>{let a=n.has("_pageSize")?n.get("_pageSize"):this.state._pageSize;const i=n.has("_pageSizeOptions")?n.get("_pageSizeOptions"):this.state._pageSizeOptions;if(Array.isArray(i)&&i.length>0){const g=i.find(m=>m.value===a);g===void 0?a=i[0].value:a=g.value,n.set("_pageSize",a)}const l=n.has("_page")?n.get("_page"):this.state._page,f=n.has("_max")?n.get("_max"):this.state._max;this.syncPage(n,l,n.get("_pageSize"),f)},this.syncPage=(t,n,a,i)=>{if(i>0){const l=this.calcCount(i,a);l>0&&(n>l?(t.set("_page",l),this.onChangePage(u,l)):n<1&&(t.set("_page",1),this.onChangePage(u,1)))}},this.beforePageSizeOptions=(t,n)=>{const a=[];if(Array.isArray(t))for(const i of t)typeof i=="number"&&a.push({label:s("kol-page-per-site",{placeholders:{entries:`${i}`}}),value:i});n.set("_pageSizeOptions",a),this.beforePageSize(a,n)},this._boundaryCount=1,this._customClass=void 0,this._label=void 0,this._hasButtons=!0,this._page=void 0,this._pageSize=1,this._pageSizeOptions=[],this._on=void 0,this._siblingCount=1,this._tooltipAlign="top",this._max=void 0,this.state={_boundaryCount:1,_label:s("kol-pagination"),_hasButtons:{first:!0,last:!0,next:!0,previous:!0},_on:{onClick:()=>null},_page:0,_pageSize:1,_pageSizeOptions:[],_siblingCount:1,_max:0}}render(){var e;let t=!1;const n=this.getCount(),a=Array.from(Array(n).keys()).map(i=>i+1).map(i=>i<=this.state._boundaryCount||i>n-this.state._boundaryCount||i>=this.state._page-this.state._siblingCount&&i<=this.state._page+this.state._siblingCount?(t=!0,this.state._page===i?this.getSelectedPageButton(i):this.getUnselectedPageButton(i)):t===!0?(t=!1,o("li",{key:c()},o("span",{class:"kol-pagination__separator","aria-hidden":"true"}))):null);return o(v,{class:"kol-pagination"},o("nav",{class:"kol-pagination__navigation","aria-label":this.state._label},o("ul",{class:"kol-pagination__navigation-list"},this.state._hasButtons.first&&o("li",null,o(r,{class:"kol-pagination__button kol-pagination__button--first",exportparts:"icon",_customClass:this.state._customClass,_disabled:this.state._page<=1,_icons:E,_hideLabel:!0,_label:s("kol-page-first"),_on:this.onGoToFirst,_tooltipAlign:this.state._tooltipAlign})),this.state._hasButtons.previous&&o("li",null,o(r,{class:"kol-pagination__button kol-pagination__button--previous",exportparts:"icon",_customClass:this.state._customClass,_disabled:this.state._page<=1,_icons:G,_hideLabel:!0,_label:s("kol-page-back"),_on:this.onGoBackward,_tooltipAlign:this.state._tooltipAlign})),a,this.state._hasButtons.next&&o("li",null,o(r,{class:"kol-pagination__button kol-pagination__button--next",exportparts:"icon",_customClass:this.state._customClass,_disabled:n<=this.state._page,_icons:M,_hideLabel:!0,_label:s("kol-page-next"),_on:this.onGoForward,_tooltipAlign:this.state._tooltipAlign})),this.state._hasButtons.last&&o("li",null,o(r,{class:"kol-pagination__button kol-pagination__button--last",exportparts:"icon",_customClass:this.state._customClass,_disabled:n<=this.state._page,_icons:j,_hideLabel:!0,_label:s("kol-page-last"),_on:this.onGoToEnd,_tooltipAlign:this.state._tooltipAlign})))),((e=this.state._pageSizeOptions)===null||e===void 0?void 0:e.length)>0&&o(y,{class:"kol-pagination__page-size-select",_hideLabel:!0,_id:`pagination-size-${this.nonce}`,_label:s("kol-entries-per-site"),_options:this.state._pageSizeOptions,_on:{onChange:this.onChangePageSize},_value:[this.state._pageSize]}))}getUnselectedPageButton(e){return o("li",{key:c()},o(r,{exportparts:"icon",_customClass:this.state._customClass,_label:"",_on:{onClick:t=>{this.onClick(t,e)}}},o("span",{slot:"expert"},o("span",{class:"visually-hidden"},s("kol-page"))," ",b.format(e))))}getSelectedPageButton(e){return o("li",{key:c()},o(r,{class:"kol-pagination__button kol-pagination__button--selected",_customClass:this.state._customClass,_disabled:!0,_label:""},o("span",{slot:"expert"},o("span",{class:"visually-hidden"},s("kol-page"))," ",b.format(e))))}validateBoundaryCount(e){h(this,"_boundaryCount",Math.max(0,e??1))}validateCustomClass(e){B(this,e)}validateLabel(e,t,n=!1){n||_(this.state._label),A(this,e),P(this.state._label)}validateHasButtons(e){C(this,"_hasButtons",t=>typeof t=="boolean"||typeof t=="string"||typeof t=="object"&&t!==null,new Set(["Boolean","PaginationHasButton"]),e,{hooks:{beforePatch:(t,n)=>{if(typeof t=="boolean")n.set("_hasButtons",{first:t,last:t,next:t,previous:t});else{if(typeof t=="string")try{t=S(t)}catch{n.delete("_hasButtons")}typeof t=="object"&&t!==null&&n.set("_hasButtons",Object.assign(Object.assign({},this.state._hasButtons),{first:typeof t.first=="boolean"?t.first===!0:this.state._hasButtons.first,last:typeof t.last=="boolean"?t.last===!0:this.state._hasButtons.last,next:typeof t.next=="boolean"?t.next===!0:this.state._hasButtons.next,previous:typeof t.previous=="boolean"?t.previous===!0:this.state._hasButtons.previous}))}}}})}validateOn(e){typeof e=="object"&&e!==null&&(this.state=Object.assign(Object.assign({},this.state),{_on:e}))}validatePage(e){h(this,"_page",e,{hooks:{beforePatch:(t,n)=>{const a=n.has("_pageSize")?n.get("_pageSize"):this.state._pageSize,i=n.has("_max")?n.get("_max"):this.state._max;this.syncPage(n,t,a,i)}}})}validatePageSize(e){h(this,"_pageSize",e,{hooks:{beforePatch:this.beforePageSize}})}validatePageSizeOptions(e){z(this,"_pageSizeOptions",t=>typeof t=="number",e,void 0,{hooks:{beforePatch:this.beforePageSizeOptions}})}validateSiblingCount(e){h(this,"_siblingCount",Math.max(0,e??1))}validateMax(e){T(this,e,{hooks:{beforePatch:(t,n)=>{const a=n.has("_page")?n.get("_page"):this.state._page,i=n.has("_pageSize")?n.get("_pageSize"):this.state._pageSize;this.syncPage(n,a,i,t)}}})}validateTooltipAlign(e){O(this,e)}componentWillLoad(){this.validateBoundaryCount(this._boundaryCount),this.validateCustomClass(this._customClass),this.validateHasButtons(this._hasButtons),this.validateLabel(this._label,void 0,!0),this.validateOn(this._on),this.validatePage(this._page),this.validatePageSize(this._pageSize),this.validatePageSizeOptions(this._pageSizeOptions),this.validateSiblingCount(this._siblingCount),this.validateTooltipAlign(this._tooltipAlign),this.validateMax(this._max),this.validatePage(this._page)}disconnectedCallback(){_(this.state._label)}get host(){return w(this)}static get watchers(){return{_boundaryCount:["validateBoundaryCount"],_customClass:["validateCustomClass"],_label:["validateLabel"],_hasButtons:["validateHasButtons"],_on:["validateOn"],_page:["validatePage"],_pageSize:["validatePageSize"],_pageSizeOptions:["validatePageSizeOptions"],_siblingCount:["validateSiblingCount"],_max:["validateMax"],_tooltipAlign:["validateTooltipAlign"]}}};I.style={default:L};export{I as kol_pagination};
|
|
238
|
-
//# sourceMappingURL=kol-pagination.entry-CNGaMB2M.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"kol-pagination.entry-CNGaMB2M.js","sources":["../../../../components/dist/esm/kol-pagination.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host, g as getElement } from './index-2f6c3929.js';\nimport { E as watchNumber, S as STATE_CHANGE_EVENT, w as watchValidator, z as watchJsonArrayString, k as parseJson } from './index-ebe5a881.js';\nimport { t as translate } from './i18n-260f0fe9.js';\nimport { n as nonce } from './dev.utils-ca3cce4b.js';\nimport { r as removeNavLabel, a as addNavLabel } from './unique-nav-labels-e20db0b7.js';\nimport { i as KolSelectTag, b as KolButtonWcTag } from './component-names-553d8bfa.js';\nimport { d as dispatchDomEvent, K as KolEvent } from './events-bad0a075.js';\nimport { v as validateCustomClass } from './custom-class-d73b81b1.js';\nimport { v as validateLabel } from './label-bf9966d0.js';\nimport { v as validateTooltipAlign } from './tooltip-align-465a8590.js';\nimport './i18n-45224cc3.js';\nimport './align-d2572387.js';\n\nconst validateMax = (component, value, options) => {\n watchNumber(component, '_max', value, options);\n};\n\nconst defaultStyleCss = \"@charset \\\"UTF-8\\\";\\n/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-global {\\n :host {\\n /*\\n * Minimum size of interactive elements.\\n */\\n --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n /*\\n * No element should be used without a background and font color whose contrast ratio has\\n * not been checked. By initially setting the background color to white and the font color\\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n */\\n background-color: white;\\n color: black;\\n }\\n * {\\n /*\\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n */\\n hyphens: auto;\\n /*\\n * Verdana is an accessible font that can be used without requiring additional loading time.\\n */\\n font-family: Verdana;\\n /*\\n * Letter spacing is required for all texts.\\n */\\n letter-spacing: inherit;\\n /*\\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n */\\n word-break: break-word;\\n /*\\n * Word spacing is required for all texts.\\n */\\n word-spacing: inherit;\\n }\\n /*\\n * All interactive elements should have a minimum size of rem(44).\\n */\\n /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n /* option, */\\n /* select, */\\n /* textarea, */\\n [role=button],\\n button:not([role=link]),\\n .kol-input .input {\\n min-height: var(--a11y-min-size);\\n min-width: var(--a11y-min-size);\\n }\\n /*\\n * Some interactive elements should not inherit the font-family and font-size.\\n */\\n a,\\n button,\\n h1,\\n h2,\\n h3,\\n h4,\\n h5,\\n h6,\\n input,\\n option,\\n select,\\n textarea {\\n /*\\n * All elements should inherit the font family from his parent element.\\n */\\n font-family: inherit;\\n /*\\n * All elements should inherit the font size from his parent element.\\n */\\n font-size: inherit;\\n }\\n}\\n/**\\n * Sometimes we need the semantic element for accessibility reasons,\\n * but we don't want to show it.\\n *\\n * - https://www.a11yproject.com/posts/how-to-hide-content/\\n */\\n.visually-hidden {\\n clip: rect(0 0 0 0);\\n clip-path: inset(50%);\\n height: 1px;\\n overflow: hidden;\\n position: absolute;\\n white-space: nowrap;\\n width: 1px;\\n}\\n\\n@layer kol-global {\\n /*\\n * Dieses CSS stellt sicher, dass der Standard-Style\\n * von A und Button resettet werden.\\n */\\n :is(a, button) {\\n background-color: transparent;\\n border: none;\\n margin: 0;\\n padding: 0;\\n width: 100%;\\n /* 100% needed for custom width from outside */\\n }\\n /*\\n * Ensure elements with hidden attribute to be actually not visible\\n * @see https://meowni.ca/hidden.is.a.lie.html\\n */\\n [hidden] {\\n display: none !important;\\n }\\n .badge-text-hint {\\n background-color: lightgray;\\n color: black;\\n }\\n}\\n@layer kol-global {\\n :host {\\n font-size: rem(16);\\n /*\\n * The max-width is needed to prevent the table from overflowing the\\n * parent node, if the table is wider than the parent node.\\n */\\n max-width: 100%;\\n }\\n * {\\n /*\\n * We prefer to box-sizing: border-box for all elements.\\n */\\n box-sizing: border-box;\\n }\\n .kol-span {\\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n display: grid;\\n place-items: center;\\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n }\\n .kol-span__container {\\n display: flex;\\n place-items: center;\\n }\\n a,\\n button {\\n cursor: pointer;\\n }\\n .kol-span .kol-span__label--hide-label .kol-span__label {\\n display: none;\\n }\\n /* Reset browser agent style. */\\n button:disabled {\\n color: unset;\\n }\\n .disabled label,\\n .disabled:focus-within label,\\n [aria-disabled=true],\\n [aria-disabled=true]:focus,\\n [disabled],\\n [disabled]:focus {\\n cursor: not-allowed;\\n opacity: 0.5;\\n outline: none;\\n }\\n [aria-disabled=true]:focus .kol-span,\\n [disabled]:focus .kol-span {\\n outline: none !important;\\n }\\n}\\n@layer kol-component {\\n .kol-tooltip {\\n display: contents;\\n }\\n .kol-tooltip__floating {\\n animation-duration: 0.25s;\\n animation-iteration-count: 1;\\n animation-name: fadeInOpacity;\\n animation-timing-function: ease-in;\\n display: none;\\n position: fixed;\\n visibility: hidden;\\n /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n top: 0;\\n left: 0;\\n max-width: 90vw;\\n max-height: 90vh;\\n /* Can be used to specify the tooltip-width from the outside. Unset by default. */\\n width: var(--kol-tooltip-width);\\n }\\n .kol-tooltip__arrow {\\n background-color: #fff;\\n color: #000;\\n height: calc(10rem / var(--kolibri-root-font-size, 16));\\n position: absolute;\\n transform: rotate(45deg);\\n width: calc(10rem / var(--kolibri-root-font-size, 16));\\n z-index: 999;\\n }\\n .kol-tooltip__content {\\n background-color: #fff;\\n color: #000;\\n position: relative;\\n z-index: 1000;\\n }\\n @keyframes fadeInOpacity {\\n 0% {\\n opacity: 0;\\n }\\n 100% {\\n opacity: 1;\\n }\\n }\\n}\\n@layer kol-component {\\n /* TODO. Once #7126 is completed, move :host block into .kol-pagination */\\n :host {\\n align-items: center;\\n display: grid;\\n gap: calc(16rem / var(--kolibri-root-font-size, 16));\\n grid-template-columns: 1fr auto;\\n }\\n .kol-pagination__navigation-list {\\n align-items: center;\\n display: inline-flex;\\n flex-wrap: wrap;\\n gap: 0.5em;\\n list-style: none;\\n margin: 0;\\n padding: 0;\\n }\\n .kol-pagination__separator:before {\\n content: \\\"•••\\\";\\n }\\n}\";\nconst KolPaginationDefaultStyle0 = defaultStyleCss;\n\nconst leftDoubleArrowIcon = {\n left: 'codicon codicon-debug-reverse-continue',\n};\nconst leftSingleArrow = {\n left: 'codicon codicon-chevron-left',\n};\nconst rightSingleArrowIcon = {\n right: 'codicon codicon-chevron-right',\n};\nconst rightDoubleArrowIcon = {\n right: 'codicon codicon-debug-continue',\n};\nfunction getUserLanguage() {\n const userLanguage = navigator.language || 'de-DE';\n const normalizedLanguage = userLanguage.includes('-') ? userLanguage : `${userLanguage}-${userLanguage.toUpperCase()}`;\n return normalizedLanguage;\n}\nconst userLanguage = getUserLanguage();\nconst NUMBER_FORMATTER = new Intl.NumberFormat(userLanguage, {\n style: 'decimal',\n minimumFractionDigits: 0,\n maximumFractionDigits: 0,\n});\nconst KolPagination = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.nonce = nonce();\n this.calcCount = (total, pageSize = 1) => Math.ceil(total / pageSize);\n this.getCount = () => this.calcCount(this.state._max, this.state._pageSize);\n this.onClick = (event, page) => {\n if (typeof this.state._on.onClick === 'function') {\n this.state._on.onClick(event, page);\n }\n if (this.host) {\n dispatchDomEvent(this.host, KolEvent.click, page);\n }\n this.onChangePage(event, page);\n };\n this.onChangePage = (event, page) => {\n const timeout = setTimeout(() => {\n clearTimeout(timeout);\n if (typeof this.state._on.onChangePage === 'function') {\n this.state._on.onChangePage(event, page);\n }\n if (this.host) {\n dispatchDomEvent(this.host, KolEvent.changePage, page);\n }\n });\n };\n this.onChangePageSize = (event, value) => {\n value = parseInt(value[0]);\n if (typeof value === 'number' && value > 0 && this._pageSize !== value) {\n this._pageSize = value;\n const timeout = setTimeout(() => {\n clearTimeout(timeout);\n if (typeof this.state._on.onChangePageSize === 'function') {\n this.state._on.onChangePageSize(event, this._pageSize);\n }\n if (this.host) {\n dispatchDomEvent(this.host, KolEvent.changePageSize, this._pageSize);\n }\n });\n }\n };\n this.onGoToFirst = {\n onClick: (event) => {\n this.onClick(event, 1);\n },\n };\n this.onGoToEnd = {\n onClick: (event) => {\n this.onClick(event, this.getCount());\n },\n };\n this.onGoBackward = {\n onClick: (event) => {\n this.onClick(event, this.state._page - 1);\n },\n };\n this.onGoForward = {\n onClick: (event) => {\n this.onClick(event, this.state._page + 1);\n },\n };\n this.beforePageSize = (_nextValue, nextState) => {\n let pageSize = nextState.has('_pageSize') ? nextState.get('_pageSize') : this.state._pageSize;\n const pageSizeOptions = nextState.has('_pageSizeOptions') ? nextState.get('_pageSizeOptions') : this.state._pageSizeOptions;\n if (Array.isArray(pageSizeOptions) && pageSizeOptions.length > 0) {\n const find = pageSizeOptions.find((option) => option.value === pageSize);\n if (find === undefined) {\n pageSize = pageSizeOptions[0].value;\n }\n else {\n pageSize = find.value;\n }\n nextState.set('_pageSize', pageSize);\n }\n const page = nextState.has('_page') ? nextState.get('_page') : this.state._page;\n const total = nextState.has('_max') ? nextState.get('_max') : this.state._max;\n this.syncPage(nextState, page, nextState.get('_pageSize'), total);\n };\n this.syncPage = (nextState, page, pageSize, total) => {\n if (total > 0) {\n const count = this.calcCount(total, pageSize);\n if (count > 0) {\n if (page > count) {\n nextState.set('_page', count);\n this.onChangePage(STATE_CHANGE_EVENT, count);\n }\n else if (page < 1) {\n nextState.set('_page', 1);\n this.onChangePage(STATE_CHANGE_EVENT, 1);\n }\n }\n }\n };\n this.beforePageSizeOptions = (nextValue, nextState) => {\n const options = [];\n if (Array.isArray(nextValue)) {\n for (const value of nextValue) {\n if (typeof value === 'number') {\n options.push({\n label: translate('kol-page-per-site', { placeholders: { entries: `${value}` } }),\n value: value,\n });\n }\n }\n }\n nextState.set('_pageSizeOptions', options);\n this.beforePageSize(options, nextState);\n };\n this._boundaryCount = 1;\n this._customClass = undefined;\n this._label = undefined;\n this._hasButtons = true;\n this._page = undefined;\n this._pageSize = 1;\n this._pageSizeOptions = [];\n this._on = undefined;\n this._siblingCount = 1;\n this._tooltipAlign = 'top';\n this._max = undefined;\n this.state = {\n _boundaryCount: 1,\n _label: translate('kol-pagination'),\n _hasButtons: {\n first: true,\n last: true,\n next: true,\n previous: true,\n },\n _on: {\n onClick: () => null,\n },\n _page: 0,\n _pageSize: 1,\n _pageSizeOptions: [],\n _siblingCount: 1,\n _max: 0,\n };\n }\n render() {\n var _a;\n let ellipsis = false;\n const count = this.getCount();\n const pageButtons = Array.from(Array(count).keys())\n .map((index) => index + 1)\n .map((page) => {\n if (page <= this.state._boundaryCount ||\n page > count - this.state._boundaryCount ||\n (page >= this.state._page - this.state._siblingCount && page <= this.state._page + this.state._siblingCount)) {\n ellipsis = true;\n if (this.state._page === page) {\n return this.getSelectedPageButton(page);\n }\n else {\n return this.getUnselectedPageButton(page);\n }\n }\n else if (ellipsis === true) {\n ellipsis = false;\n return (h(\"li\", { key: nonce() }, h(\"span\", { class: \"kol-pagination__separator\", \"aria-hidden\": \"true\" })));\n }\n else {\n return null;\n }\n });\n return (h(Host, { class: \"kol-pagination\" }, h(\"nav\", { class: \"kol-pagination__navigation\", \"aria-label\": this.state._label }, h(\"ul\", { class: \"kol-pagination__navigation-list\" }, this.state._hasButtons.first && (h(\"li\", null, h(KolButtonWcTag, { class: \"kol-pagination__button kol-pagination__button--first\", exportparts: \"icon\", _customClass: this.state._customClass, _disabled: this.state._page <= 1, _icons: leftDoubleArrowIcon, _hideLabel: true, _label: translate('kol-page-first'), _on: this.onGoToFirst, _tooltipAlign: this.state._tooltipAlign }))), this.state._hasButtons.previous && (h(\"li\", null, h(KolButtonWcTag, { class: \"kol-pagination__button kol-pagination__button--previous\", exportparts: \"icon\", _customClass: this.state._customClass, _disabled: this.state._page <= 1, _icons: leftSingleArrow, _hideLabel: true, _label: translate('kol-page-back'), _on: this.onGoBackward, _tooltipAlign: this.state._tooltipAlign }))), pageButtons, this.state._hasButtons.next && (h(\"li\", null, h(KolButtonWcTag, { class: \"kol-pagination__button kol-pagination__button--next\", exportparts: \"icon\", _customClass: this.state._customClass, _disabled: count <= this.state._page, _icons: rightSingleArrowIcon, _hideLabel: true, _label: translate('kol-page-next'), _on: this.onGoForward, _tooltipAlign: this.state._tooltipAlign }))), this.state._hasButtons.last && (h(\"li\", null, h(KolButtonWcTag, { class: \"kol-pagination__button kol-pagination__button--last\", exportparts: \"icon\", _customClass: this.state._customClass, _disabled: count <= this.state._page, _icons: rightDoubleArrowIcon, _hideLabel: true, _label: translate('kol-page-last'), _on: this.onGoToEnd, _tooltipAlign: this.state._tooltipAlign }))))), ((_a = this.state._pageSizeOptions) === null || _a === void 0 ? void 0 : _a.length) > 0 && (h(KolSelectTag, { class: \"kol-pagination__page-size-select\", _hideLabel: true, _id: `pagination-size-${this.nonce}`, _label: translate('kol-entries-per-site'), _options: this.state._pageSizeOptions, _on: {\n onChange: this.onChangePageSize,\n }, _value: [this.state._pageSize] }))));\n }\n getUnselectedPageButton(page) {\n return (h(\"li\", { key: nonce() }, h(KolButtonWcTag, { exportparts: \"icon\", _customClass: this.state._customClass, _label: \"\", _on: {\n onClick: (event) => {\n this.onClick(event, page);\n },\n } }, h(\"span\", { slot: \"expert\" }, h(\"span\", { class: \"visually-hidden\" }, translate('kol-page')), \" \", NUMBER_FORMATTER.format(page)))));\n }\n getSelectedPageButton(page) {\n return (h(\"li\", { key: nonce() }, h(KolButtonWcTag, { class: \"kol-pagination__button kol-pagination__button--selected\", _customClass: this.state._customClass, _disabled: true, _label: \"\" }, h(\"span\", { slot: \"expert\" }, h(\"span\", { class: \"visually-hidden\" }, translate('kol-page')), \" \", NUMBER_FORMATTER.format(page)))));\n }\n validateBoundaryCount(value) {\n watchNumber(this, '_boundaryCount', Math.max(0, value !== null && value !== void 0 ? value : 1));\n }\n validateCustomClass(value) {\n validateCustomClass(this, value);\n }\n validateLabel(label, _oldValue, initial = false) {\n if (!initial) {\n removeNavLabel(this.state._label);\n }\n validateLabel(this, label);\n addNavLabel(this.state._label);\n }\n validateHasButtons(value) {\n watchValidator(this, '_hasButtons', (value) => typeof value === 'boolean' || typeof value === 'string' || (typeof value === 'object' && value !== null), new Set(['Boolean', 'PaginationHasButton']), value, {\n hooks: {\n beforePatch: (nextValue, nextState) => {\n if (typeof nextValue === 'boolean') {\n nextState.set('_hasButtons', {\n first: nextValue,\n last: nextValue,\n next: nextValue,\n previous: nextValue,\n });\n }\n else {\n if (typeof nextValue === 'string') {\n try {\n nextValue = parseJson(nextValue);\n }\n catch (e) {\n nextState.delete('_hasButtons');\n }\n }\n if (typeof nextValue === 'object' && nextValue !== null) {\n nextState.set('_hasButtons', Object.assign(Object.assign({}, this.state._hasButtons), { first: typeof nextValue.first === 'boolean'\n ? nextValue.first === true\n : this.state._hasButtons.first, last: typeof nextValue.last === 'boolean'\n ? nextValue.last === true\n : this.state._hasButtons.last, next: typeof nextValue.next === 'boolean'\n ? nextValue.next === true\n : this.state._hasButtons.next, previous: typeof nextValue.previous === 'boolean'\n ? nextValue.previous === true\n : this.state._hasButtons.previous }));\n }\n }\n },\n },\n });\n }\n validateOn(value) {\n if (typeof value === 'object' && value !== null) {\n this.state = Object.assign(Object.assign({}, this.state), { _on: value });\n }\n }\n validatePage(value) {\n watchNumber(this, '_page', value, {\n hooks: {\n beforePatch: (_nextValue, nextState) => {\n const pageSize = nextState.has('_pageSize') ? nextState.get('_pageSize') : this.state._pageSize;\n const total = nextState.has('_max') ? nextState.get('_max') : this.state._max;\n this.syncPage(nextState, _nextValue, pageSize, total);\n },\n },\n });\n }\n validatePageSize(value) {\n watchNumber(this, '_pageSize', value, {\n hooks: {\n beforePatch: this.beforePageSize,\n },\n });\n }\n validatePageSizeOptions(value) {\n watchJsonArrayString(this, '_pageSizeOptions', (value) => typeof value === 'number', value, undefined, {\n hooks: {\n beforePatch: this.beforePageSizeOptions,\n },\n });\n }\n validateSiblingCount(value) {\n watchNumber(this, '_siblingCount', Math.max(0, value !== null && value !== void 0 ? value : 1));\n }\n validateMax(value) {\n validateMax(this, value, {\n hooks: {\n beforePatch: (_nextValue, nextState) => {\n const page = nextState.has('_page') ? nextState.get('_page') : this.state._page;\n const pageSize = nextState.has('_pageSize') ? nextState.get('_pageSize') : this.state._pageSize;\n this.syncPage(nextState, page, pageSize, _nextValue);\n },\n },\n });\n }\n validateTooltipAlign(value) {\n validateTooltipAlign(this, value);\n }\n componentWillLoad() {\n this.validateBoundaryCount(this._boundaryCount);\n this.validateCustomClass(this._customClass);\n this.validateHasButtons(this._hasButtons);\n this.validateLabel(this._label, undefined, true);\n this.validateOn(this._on);\n this.validatePage(this._page);\n this.validatePageSize(this._pageSize);\n this.validatePageSizeOptions(this._pageSizeOptions);\n this.validateSiblingCount(this._siblingCount);\n this.validateTooltipAlign(this._tooltipAlign);\n this.validateMax(this._max);\n this.validatePage(this._page);\n }\n disconnectedCallback() {\n removeNavLabel(this.state._label);\n }\n get host() { return getElement(this); }\n static get watchers() { return {\n \"_boundaryCount\": [\"validateBoundaryCount\"],\n \"_customClass\": [\"validateCustomClass\"],\n \"_label\": [\"validateLabel\"],\n \"_hasButtons\": [\"validateHasButtons\"],\n \"_on\": [\"validateOn\"],\n \"_page\": [\"validatePage\"],\n \"_pageSize\": [\"validatePageSize\"],\n \"_pageSizeOptions\": [\"validatePageSizeOptions\"],\n \"_siblingCount\": [\"validateSiblingCount\"],\n \"_max\": [\"validateMax\"],\n \"_tooltipAlign\": [\"validateTooltipAlign\"]\n }; }\n};\nKolPagination.style = {\n default: KolPaginationDefaultStyle0\n};\n\nexport { KolPagination as kol_pagination };\n\n//# sourceMappingURL=kol-pagination.entry.js.map"],"names":["validateMax","component","value","options","watchNumber","defaultStyleCss","KolPaginationDefaultStyle0","leftDoubleArrowIcon","leftSingleArrow","rightSingleArrowIcon","rightDoubleArrowIcon","getUserLanguage","userLanguage","NUMBER_FORMATTER","KolPagination","hostRef","registerInstance","nonce","total","pageSize","event","page","dispatchDomEvent","KolEvent","timeout","_nextValue","nextState","pageSizeOptions","find","option","count","STATE_CHANGE_EVENT","nextValue","translate","_a","ellipsis","pageButtons","index","h","Host","KolButtonWcTag","KolSelectTag","validateCustomClass","label","_oldValue","initial","removeNavLabel","validateLabel","addNavLabel","watchValidator","parseJson","watchJsonArrayString","validateTooltipAlign","getElement"],"mappings":"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"}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import{r as s,h as i,e as n}from"./index-BUj5OwnR.js";import{a,b as l}from"./align-floating-elements-526ce555-WYoxIwhb.js";import{a as r}from"./align-d2572387-DtTftfmQ.js";/*!
|
|
2
|
-
* KoliBri - The accessible HTML-Standard
|
|
3
|
-
*/const d=(e,t)=>{r(e,"_popoverAlign",t)},v=class{constructor(e){s(this,e),this.state={_label:"",_popoverAlign:"bottom"},this.justClosed=!1,this.popoverOpen=!1,this._accessKey=void 0,this._ariaControls=void 0,this._ariaDescription=void 0,this._ariaSelected=void 0,this._customClass=void 0,this._disabled=!1,this._hideLabel=!1,this._icons=void 0,this._id=void 0,this._label=void 0,this._name=void 0,this._on=void 0,this._popoverAlign="bottom",this._role=void 0,this._shortKey=void 0,this._syncValueBySelector=void 0,this._tabIndex=void 0,this._tooltipAlign="top",this._type="button",this._value=void 0,this._variant="normal"}async hidePopover(){var e;(e=this.refPopover)===null||e===void 0||e.hidePopover()}handleBeforeToggle(e){e.newState==="closed"?(this.justClosed=!0,setTimeout(()=>{this.justClosed=!1},10)):this.refPopover&&(this.refPopover.style.visibility="hidden")}alignPopover(){this.refPopover&&this.refButton&&a({align:this.state._popoverAlign,floatingElement:this.refPopover,referenceElement:this.refButton})}handleToggle(e){this.popoverOpen=e.newState==="open",this.popoverOpen?this.refPopover&&this.refButton&&(this.cleanupAutoPositioning=l(this.refButton,this.refPopover,()=>{this.alignPopover()})):this.cleanupAutoPositioning&&(this.cleanupAutoPositioning(),this.cleanupAutoPositioning=void 0)}handleButtonClick(){var e;this.justClosed||(e=this.refPopover)===null||e===void 0||e.togglePopover()}componentDidRender(){var e,t;(e=this.refPopover)===null||e===void 0||e.addEventListener("toggle",this.handleToggle.bind(this)),(t=this.refPopover)===null||t===void 0||t.addEventListener("beforetoggle",this.handleBeforeToggle.bind(this))}disconnectedCallback(){var e,t,o;(e=this.refPopover)===null||e===void 0||e.removeEventListener("toggle",this.handleToggle.bind(this)),(t=this.refPopover)===null||t===void 0||t.removeEventListener("beforetoggle",this.handleBeforeToggle.bind(this)),(o=this.cleanupAutoPositioning)===null||o===void 0||o.call(this)}render(){return i("div",{key:"2dacb79a5409c806df4d034ae9cd6aa3decb9a63",class:"kol-popover-button"},i(n,{key:"d514f8f8e3208f140aed7ed14b263467e6f6b065",_accessKey:this._accessKey,"_aria-controls":"popover",_ariaControls:this._ariaControls,_ariaDescription:this._ariaDescription,_ariaExpanded:this.popoverOpen,_ariaHasPopup:"dialog",_ariaSelected:this._ariaSelected,_customClass:this._customClass,_disabled:this._disabled,_hideLabel:this._hideLabel,_icons:this._icons,_id:this._id,_label:this._label,_name:this._name,_on:this._on,_role:this._role,_shortKey:this._shortKey,_syncValueBySelector:this._syncValueBySelector,_tabIndex:this._tabIndex,_tooltipAlign:this._tooltipAlign,_type:this._type,_value:this._value,_buttonVariant:this._variant,"data-testid":"popover-button",class:"kol-popover-button__button",ref:e=>this.refButton=e,onClick:this.handleButtonClick.bind(this)},i("slot",{key:"e052e61aff815944f46363f663df0f1db3b0da24",name:"expert",slot:"expert"})),i("div",{key:"82aa1f6d4bfc555726160e50a2dd0000e4324847",ref:e=>this.refPopover=e,"data-testid":"popover-content",popover:"auto",id:"popover",class:"kol-popover-button__popover"},i("slot",{key:"fa8ac92afc9062d727dfc8599f83515b1523d9ba"})))}validatePopoverAlign(e){d(this,e)}componentWillLoad(){this.validatePopoverAlign(this._popoverAlign)}static get watchers(){return{_popoverAlign:["validatePopoverAlign"]}}};export{v as kol_popover_button_wc};
|
|
4
|
-
//# sourceMappingURL=kol-popover-button-wc.entry-SZWlRX_1.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"kol-popover-button-wc.entry-SZWlRX_1.js","sources":["../../../../components/dist/esm/kol-popover-button-wc.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h } from './index-2f6c3929.js';\nimport { a as alignFloatingElements, b as autoUpdate } from './align-floating-elements-526ce555.js';\nimport { b as KolButtonWcTag } from './component-names-553d8bfa.js';\nimport './index-ebe5a881.js';\nimport { a as validateAlignment } from './align-d2572387.js';\n\nconst validatePopoverAlign = (component, value) => {\n validateAlignment(component, '_popoverAlign', value);\n};\n\nconst KolPopoverButton = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.state = {\n _label: '',\n _popoverAlign: 'bottom',\n };\n this.justClosed = false;\n this.popoverOpen = false;\n this._accessKey = undefined;\n this._ariaControls = undefined;\n this._ariaDescription = undefined;\n this._ariaSelected = undefined;\n this._customClass = undefined;\n this._disabled = false;\n this._hideLabel = false;\n this._icons = undefined;\n this._id = undefined;\n this._label = undefined;\n this._name = undefined;\n this._on = undefined;\n this._popoverAlign = 'bottom';\n this._role = undefined;\n this._shortKey = undefined;\n this._syncValueBySelector = undefined;\n this._tabIndex = undefined;\n this._tooltipAlign = 'top';\n this._type = 'button';\n this._value = undefined;\n this._variant = 'normal';\n }\n async hidePopover() {\n var _a;\n void ((_a = this.refPopover) === null || _a === void 0 ? void 0 : _a.hidePopover());\n }\n handleBeforeToggle(event) {\n if (event.newState === 'closed') {\n this.justClosed = true;\n setTimeout(() => {\n this.justClosed = false;\n }, 10);\n }\n else if (this.refPopover) {\n this.refPopover.style.visibility = 'hidden';\n }\n }\n alignPopover() {\n if (this.refPopover && this.refButton) {\n void alignFloatingElements({\n align: this.state._popoverAlign,\n floatingElement: this.refPopover,\n referenceElement: this.refButton,\n });\n }\n }\n handleToggle(event) {\n this.popoverOpen = event.newState === 'open';\n if (this.popoverOpen) {\n if (this.refPopover && this.refButton) {\n this.cleanupAutoPositioning = autoUpdate(this.refButton, this.refPopover, () => {\n this.alignPopover();\n });\n }\n }\n else if (this.cleanupAutoPositioning) {\n this.cleanupAutoPositioning();\n this.cleanupAutoPositioning = undefined;\n }\n }\n handleButtonClick() {\n var _a;\n if (!this.justClosed) {\n (_a = this.refPopover) === null || _a === void 0 ? void 0 : _a.togglePopover();\n }\n }\n componentDidRender() {\n var _a, _b;\n (_a = this.refPopover) === null || _a === void 0 ? void 0 : _a.addEventListener('toggle', this.handleToggle.bind(this));\n (_b = this.refPopover) === null || _b === void 0 ? void 0 : _b.addEventListener('beforetoggle', this.handleBeforeToggle.bind(this));\n }\n disconnectedCallback() {\n var _a, _b, _c;\n (_a = this.refPopover) === null || _a === void 0 ? void 0 : _a.removeEventListener('toggle', this.handleToggle.bind(this));\n (_b = this.refPopover) === null || _b === void 0 ? void 0 : _b.removeEventListener('beforetoggle', this.handleBeforeToggle.bind(this));\n (_c = this.cleanupAutoPositioning) === null || _c === void 0 ? void 0 : _c.call(this);\n }\n render() {\n return (h(\"div\", { key: '2dacb79a5409c806df4d034ae9cd6aa3decb9a63', class: \"kol-popover-button\" }, h(KolButtonWcTag, { key: 'd514f8f8e3208f140aed7ed14b263467e6f6b065', _accessKey: this._accessKey, \"_aria-controls\": \"popover\", _ariaControls: this._ariaControls, _ariaDescription: this._ariaDescription, _ariaExpanded: this.popoverOpen, _ariaHasPopup: 'dialog', _ariaSelected: this._ariaSelected, _customClass: this._customClass, _disabled: this._disabled, _hideLabel: this._hideLabel, _icons: this._icons, _id: this._id, _label: this._label, _name: this._name, _on: this._on, _role: this._role, _shortKey: this._shortKey, _syncValueBySelector: this._syncValueBySelector, _tabIndex: this._tabIndex, _tooltipAlign: this._tooltipAlign, _type: this._type, _value: this._value, _buttonVariant: this._variant, \"data-testid\": \"popover-button\", class: \"kol-popover-button__button\", ref: (element) => (this.refButton = element), onClick: this.handleButtonClick.bind(this) }, h(\"slot\", { key: 'e052e61aff815944f46363f663df0f1db3b0da24', name: \"expert\", slot: \"expert\" })), h(\"div\", { key: '82aa1f6d4bfc555726160e50a2dd0000e4324847', ref: (element) => (this.refPopover = element), \"data-testid\": \"popover-content\", popover: \"auto\", id: \"popover\", class: \"kol-popover-button__popover\" }, h(\"slot\", { key: 'fa8ac92afc9062d727dfc8599f83515b1523d9ba' }))));\n }\n validatePopoverAlign(value) {\n validatePopoverAlign(this, value);\n }\n componentWillLoad() {\n this.validatePopoverAlign(this._popoverAlign);\n }\n static get watchers() { return {\n \"_popoverAlign\": [\"validatePopoverAlign\"]\n }; }\n};\n\nexport { KolPopoverButton as kol_popover_button_wc };\n\n//# sourceMappingURL=kol-popover-button-wc.entry.js.map"],"names":["validatePopoverAlign","component","value","validateAlignment","KolPopoverButton","hostRef","registerInstance","_a","event","alignFloatingElements","autoUpdate","_b","_c","h","KolButtonWcTag","element"],"mappings":"4KAAA;AAAA;AAAA,GASA,MAAMA,EAAuB,CAACC,EAAWC,IAAU,CAC/CC,EAAkBF,EAAW,gBAAiBC,CAAK,CACvD,EAEME,EAAmB,KAAM,CAC3B,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,MAAQ,CACT,OAAQ,GACR,cAAe,QAClB,EACD,KAAK,WAAa,GAClB,KAAK,YAAc,GACnB,KAAK,WAAa,OAClB,KAAK,cAAgB,OACrB,KAAK,iBAAmB,OACxB,KAAK,cAAgB,OACrB,KAAK,aAAe,OACpB,KAAK,UAAY,GACjB,KAAK,WAAa,GAClB,KAAK,OAAS,OACd,KAAK,IAAM,OACX,KAAK,OAAS,OACd,KAAK,MAAQ,OACb,KAAK,IAAM,OACX,KAAK,cAAgB,SACrB,KAAK,MAAQ,OACb,KAAK,UAAY,OACjB,KAAK,qBAAuB,OAC5B,KAAK,UAAY,OACjB,KAAK,cAAgB,MACrB,KAAK,MAAQ,SACb,KAAK,OAAS,OACd,KAAK,SAAW,QACxB,CACI,MAAM,aAAc,CAChB,IAAIE,GACGA,EAAK,KAAK,cAAgB,MAAQA,IAAO,QAAkBA,EAAG,aAC7E,CACI,mBAAmBC,EAAO,CAClBA,EAAM,WAAa,UACnB,KAAK,WAAa,GAClB,WAAW,IAAM,CACb,KAAK,WAAa,EACrB,EAAE,EAAE,GAEA,KAAK,aACV,KAAK,WAAW,MAAM,WAAa,SAE/C,CACI,cAAe,CACP,KAAK,YAAc,KAAK,WACnBC,EAAsB,CACvB,MAAO,KAAK,MAAM,cAClB,gBAAiB,KAAK,WACtB,iBAAkB,KAAK,SACvC,CAAa,CAEb,CACI,aAAaD,EAAO,CAChB,KAAK,YAAcA,EAAM,WAAa,OAClC,KAAK,YACD,KAAK,YAAc,KAAK,YACxB,KAAK,uBAAyBE,EAAW,KAAK,UAAW,KAAK,WAAY,IAAM,CAC5E,KAAK,aAAc,CACvC,CAAiB,GAGA,KAAK,yBACV,KAAK,uBAAwB,EAC7B,KAAK,uBAAyB,OAE1C,CACI,mBAAoB,CAChB,IAAIH,EACC,KAAK,aACLA,EAAK,KAAK,cAAgB,MAAQA,IAAO,QAAkBA,EAAG,cAAe,CAE1F,CACI,oBAAqB,CACjB,IAAIA,EAAII,GACPJ,EAAK,KAAK,cAAgB,MAAQA,IAAO,QAAkBA,EAAG,iBAAiB,SAAU,KAAK,aAAa,KAAK,IAAI,CAAC,GACrHI,EAAK,KAAK,cAAgB,MAAQA,IAAO,QAAkBA,EAAG,iBAAiB,eAAgB,KAAK,mBAAmB,KAAK,IAAI,CAAC,CAC1I,CACI,sBAAuB,CACnB,IAAIJ,EAAII,EAAIC,GACXL,EAAK,KAAK,cAAgB,MAAQA,IAAO,QAAkBA,EAAG,oBAAoB,SAAU,KAAK,aAAa,KAAK,IAAI,CAAC,GACxHI,EAAK,KAAK,cAAgB,MAAQA,IAAO,QAAkBA,EAAG,oBAAoB,eAAgB,KAAK,mBAAmB,KAAK,IAAI,CAAC,GACpIC,EAAK,KAAK,0BAA4B,MAAQA,IAAO,QAAkBA,EAAG,KAAK,IAAI,CAC5F,CACI,QAAS,CACL,OAAQC,EAAE,MAAO,CAAE,IAAK,2CAA4C,MAAO,oBAAoB,EAAIA,EAAEC,EAAgB,CAAE,IAAK,2CAA4C,WAAY,KAAK,WAAY,iBAAkB,UAAW,cAAe,KAAK,cAAe,iBAAkB,KAAK,iBAAkB,cAAe,KAAK,YAAa,cAAe,SAAU,cAAe,KAAK,cAAe,aAAc,KAAK,aAAc,UAAW,KAAK,UAAW,WAAY,KAAK,WAAY,OAAQ,KAAK,OAAQ,IAAK,KAAK,IAAK,OAAQ,KAAK,OAAQ,MAAO,KAAK,MAAO,IAAK,KAAK,IAAK,MAAO,KAAK,MAAO,UAAW,KAAK,UAAW,qBAAsB,KAAK,qBAAsB,UAAW,KAAK,UAAW,cAAe,KAAK,cAAe,MAAO,KAAK,MAAO,OAAQ,KAAK,OAAQ,eAAgB,KAAK,SAAU,cAAe,iBAAkB,MAAO,6BAA8B,IAAMC,GAAa,KAAK,UAAYA,EAAU,QAAS,KAAK,kBAAkB,KAAK,IAAI,CAAG,EAAEF,EAAE,OAAQ,CAAE,IAAK,2CAA4C,KAAM,SAAU,KAAM,QAAQ,CAAE,CAAC,EAAGA,EAAE,MAAO,CAAE,IAAK,2CAA4C,IAAME,GAAa,KAAK,WAAaA,EAAU,cAAe,kBAAmB,QAAS,OAAQ,GAAI,UAAW,MAAO,6BAA+B,EAAEF,EAAE,OAAQ,CAAE,IAAK,0CAA4C,CAAA,CAAC,CAAC,CACl0C,CACI,qBAAqBX,EAAO,CACxBF,EAAqB,KAAME,CAAK,CACxC,CACI,mBAAoB,CAChB,KAAK,qBAAqB,KAAK,aAAa,CACpD,CACI,WAAW,UAAW,CAAE,MAAO,CAC3B,cAAiB,CAAC,sBAAsB,CAChD,CAAM,CACN"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"kol-progress.entry-BK8JoNoq.js","sources":["../../../../components/dist/esm/kol-progress.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h } from './index-2f6c3929.js';\nimport { E as watchNumber, B as watchString, w as watchValidator, J as KoliBriProgressVariantEnum } from './index-ebe5a881.js';\nimport { v as validateLabel } from './label-bf9966d0.js';\n\nconst defaultStyleCss = \"/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-global {\\n :host {\\n /*\\n * Minimum size of interactive elements.\\n */\\n --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n /*\\n * No element should be used without a background and font color whose contrast ratio has\\n * not been checked. By initially setting the background color to white and the font color\\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n */\\n background-color: white;\\n color: black;\\n }\\n * {\\n /*\\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n */\\n hyphens: auto;\\n /*\\n * Verdana is an accessible font that can be used without requiring additional loading time.\\n */\\n font-family: Verdana;\\n /*\\n * Letter spacing is required for all texts.\\n */\\n letter-spacing: inherit;\\n /*\\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n */\\n word-break: break-word;\\n /*\\n * Word spacing is required for all texts.\\n */\\n word-spacing: inherit;\\n }\\n /*\\n * All interactive elements should have a minimum size of rem(44).\\n */\\n /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n /* option, */\\n /* select, */\\n /* textarea, */\\n [role=button],\\n button:not([role=link]),\\n .kol-input .input {\\n min-height: var(--a11y-min-size);\\n min-width: var(--a11y-min-size);\\n }\\n /*\\n * Some interactive elements should not inherit the font-family and font-size.\\n */\\n a,\\n button,\\n h1,\\n h2,\\n h3,\\n h4,\\n h5,\\n h6,\\n input,\\n option,\\n select,\\n textarea {\\n /*\\n * All elements should inherit the font family from his parent element.\\n */\\n font-family: inherit;\\n /*\\n * All elements should inherit the font size from his parent element.\\n */\\n font-size: inherit;\\n }\\n}\\n/**\\n * Sometimes we need the semantic element for accessibility reasons,\\n * but we don't want to show it.\\n *\\n * - https://www.a11yproject.com/posts/how-to-hide-content/\\n */\\n.visually-hidden {\\n clip: rect(0 0 0 0);\\n clip-path: inset(50%);\\n height: 1px;\\n overflow: hidden;\\n position: absolute;\\n white-space: nowrap;\\n width: 1px;\\n}\\n\\n@layer kol-global {\\n /*\\n * Dieses CSS stellt sicher, dass der Standard-Style\\n * von A und Button resettet werden.\\n */\\n :is(a, button) {\\n background-color: transparent;\\n border: none;\\n margin: 0;\\n padding: 0;\\n width: 100%;\\n /* 100% needed for custom width from outside */\\n }\\n /*\\n * Ensure elements with hidden attribute to be actually not visible\\n * @see https://meowni.ca/hidden.is.a.lie.html\\n */\\n [hidden] {\\n display: none !important;\\n }\\n .badge-text-hint {\\n background-color: lightgray;\\n color: black;\\n }\\n}\\n@layer kol-global {\\n :host {\\n font-size: rem(16);\\n /*\\n * The max-width is needed to prevent the table from overflowing the\\n * parent node, if the table is wider than the parent node.\\n */\\n max-width: 100%;\\n }\\n * {\\n /*\\n * We prefer to box-sizing: border-box for all elements.\\n */\\n box-sizing: border-box;\\n }\\n .kol-span {\\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n display: grid;\\n place-items: center;\\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n }\\n .kol-span__container {\\n display: flex;\\n place-items: center;\\n }\\n a,\\n button {\\n cursor: pointer;\\n }\\n .kol-span .kol-span__label--hide-label .kol-span__label {\\n display: none;\\n }\\n /* Reset browser agent style. */\\n button:disabled {\\n color: unset;\\n }\\n .disabled label,\\n .disabled:focus-within label,\\n [aria-disabled=true],\\n [aria-disabled=true]:focus,\\n [disabled],\\n [disabled]:focus {\\n cursor: not-allowed;\\n opacity: 0.5;\\n outline: none;\\n }\\n [aria-disabled=true]:focus .kol-span,\\n [disabled]:focus .kol-span {\\n outline: none !important;\\n }\\n}\\n@layer kol-component {\\n .kol-progress__bar {\\n display: grid;\\n grid-template-columns: 1fr auto;\\n grid-template-areas: \\\"LABEL LABEL LABEL\\\" \\\"BAR VALUE UNIT\\\";\\n align-items: center;\\n column-gap: 0.05rem;\\n }\\n .kol-progress__bar-label {\\n grid-column-end: 2;\\n grid-area: LABEL;\\n }\\n .kol-progress__bar svg {\\n grid-area: BAR;\\n }\\n .kol-progress__bar-value {\\n grid-area: VALUE;\\n text-align: right;\\n }\\n .kol-progress__bar-unit {\\n grid-area: UNIT;\\n }\\n .kol-progress__bar-border {\\n fill: transparent;\\n stroke: black;\\n }\\n .kol-progress__bar-background {\\n fill: lightgray;\\n stroke: white;\\n }\\n .kol-progress__bar-progress {\\n fill: #0075ff;\\n stroke: transparent;\\n }\\n @media (prefers-reduced-motion: no-preference) {\\n .kol-progress__bar-progress {\\n transition: 250ms ease-in-out 50ms;\\n }\\n }\\n .kol-progress__cycle {\\n display: grid;\\n grid-template-columns: auto;\\n grid-template-areas: \\\"ALL\\\";\\n justify-items: center;\\n align-content: center;\\n }\\n .kol-progress__cycle > * {\\n grid-area: ALL;\\n }\\n .kol-progress__cycle-text {\\n text-align: center;\\n display: flex;\\n justify-content: center;\\n flex-direction: column;\\n font-size: x-small;\\n }\\n .kol-progress__cycle-text * {\\n background-color: white;\\n }\\n .kol-progress__cycle-background {\\n fill: transparent;\\n stroke: lightgray;\\n }\\n .kol-progress__cycle-border {\\n fill: transparent;\\n stroke: black;\\n }\\n .kol-progress__cycle-whitespace {\\n fill: transparent;\\n stroke: white;\\n }\\n .kol-progress__cycle-progress {\\n fill: transparent;\\n stroke: #0075ff;\\n transform-origin: 50% 50%;\\n transform: rotate(-90deg);\\n }\\n @media (prefers-reduced-motion: no-preference) {\\n .kol-progress__cycle-progress {\\n transition: 250ms ease-in-out 50ms;\\n }\\n }\\n}\";\nconst KolProgressDefaultStyle0 = defaultStyleCss;\n\nconst VALID_VARIANTS = Object.keys(KoliBriProgressVariantEnum);\nconst CycleSvg = ({ state }) => {\n const fullCircle = 342;\n return (h(\"svg\", { width: \"100\", viewBox: \"0 0 120 120\", xmlns: \"http://www.w3.org/2000/svg\" }, h(\"circle\", { class: \"kol-progress__cycle-background\", cx: \"60\", cy: \"60\", r: \"54.5\", fill: \"currentColor\", stroke: \"currentColor\", \"stroke-width\": \"8\" }), h(\"circle\", { class: \"kol-progress__cycle-whitespace\", cx: \"60\", cy: \"60\", r: \"59\", fill: \"currentColor\", stroke: \"currentColor\", \"stroke-width\": \"3\" }), h(\"circle\", { class: \"kol-progress__cycle-border\", cx: \"60\", cy: \"60\", r: \"59\", fill: \"currentColor\", stroke: \"currentColor\", \"stroke-width\": \"1\" }), h(\"circle\", { class: \"kol-progress__cycle-whitespace\", cx: \"60\", cy: \"60\", r: \"51\", fill: \"currentColor\", stroke: \"currentColor\", \"stroke-width\": \"1\" }), h(\"circle\", { class: \"kol-progress__cycle-border\", cx: \"60\", cy: \"60\", r: \"50\", fill: \"currentColor\", stroke: \"currentColor\", \"stroke-width\": \"1\" }), h(\"circle\", { class: \"kol-progress__cycle-progress\", fill: \"currentColor\", stroke: \"currentColor\", \"stroke-linecap\": \"round\", \"stroke-dasharray\": `${Math.round((state._value / state._max) * fullCircle)}px ${fullCircle}px`, \"stroke-width\": \"6\", cx: \"60\", cy: \"60\", r: \"54.5\" })));\n};\nconst BarSvg = ({ state }) => {\n const percentage = 100 * (state._value / state._max);\n return (h(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"100%\", height: \"12\", overflow: \"visible\" }, h(\"rect\", { class: \"kol-progress__bar-background\", x: \"1\", y: \"1\", height: \"11\", rx: \"5\", fill: \"currentColor\", stroke: \"currentColor\", \"stroke-width\": \"3\", style: { width: `100%` } }), h(\"rect\", { class: \"kol-progress__bar-border\", x: \"1\", y: \"1\", height: \"11\", rx: \"5\", fill: \"currentColor\", stroke: \"currentColor\", \"stroke-width\": \"1\", style: { width: `100%` } }), h(\"rect\", { class: \"kol-progress__bar-progress\", x: \"3\", y: \"3\", height: \"7\", rx: \"3.5\", fill: \"currentColor\", stroke: \"currentColor\", \"stroke-width\": \"3\", style: { width: `calc(${percentage}% - 4px)` } })));\n};\nconst createProgressSVG = (state) => {\n switch (state._variant) {\n case 'cycle':\n return h(CycleSvg, { state: state });\n case 'bar':\n return h(BarSvg, { state: state });\n default:\n throw new Error(`Progress variant ${state._variant} not implemented.`);\n }\n};\nconst KolProgress = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this._label = undefined;\n this._max = undefined;\n this._unit = '%';\n this._value = undefined;\n this._variant = undefined;\n this.state = {\n _max: 100,\n _unit: '%',\n _value: 0,\n _variant: 'bar',\n _liveValue: 0,\n };\n }\n render() {\n const isPercentage = this.state._unit === '%';\n const liveProgressValue = isPercentage ? `${Math.round((this.state._liveValue / this.state._max) * 100)}` : this.state._liveValue;\n const displayValue = isPercentage ? Math.round((this.state._value / this.state._max) * 100) : this.state._value;\n return (h(\"div\", { key: 'c48ac85de814b2b78da6ec99a26c299bdb5d4022', class: \"kol-progress\" }, h(\"div\", { key: '78ea68e2f7f167fe2fa3602dad06d81d109e2521', \"aria-hidden\": \"true\", class: {\n 'kol-progress__cycle': this.state._variant === 'cycle',\n 'kol-progress__bar': this.state._variant === 'bar',\n } }, this.state._variant === 'bar' && this.state._label && h(\"div\", { key: '5279fbb55640dea2f99b04fb4a0ef1eea60c10eb', class: \"kol-progress__bar-label\" }, this.state._label), createProgressSVG(this.state), this.state._variant === 'cycle' && (h(\"div\", { key: '650a0b648e2bb305fb3a1bdb69844b3ca6d5ee3b', class: \"kol-progress__cycle-text\" }, this.state._label && h(\"div\", { key: '0b9b4f87b7f5b3db52c68cf0086f1fd66d44ef06', class: \"kol-progress__cycle-label\" }, this.state._label), h(\"div\", { key: '05cfafd57913ac9f320de511574fd2352eafb26b', class: \"kol-progress__cycle-value\" }, `${displayValue} ${this.state._unit}`))), this.state._variant === 'bar' && (h(\"div\", { key: '840ba597045f909ef61e3c4e68582258609fa8b7', class: \"kol-progress__bar-value\", style: { width: `${`${(isPercentage ? 100 : this.state._max) + 1}`.length}ch` } }, displayValue)), this.state._variant === 'bar' && h(\"div\", { key: '4bfe04e8e60c7414b8330271cc99bcbaf0d70b01', class: \"kol-progress__bar-unit\" }, this.state._unit)), h(\"progress\", { key: '63a9fc04563bb96e968bbf9ae7aa7ebd2c41f846', class: \"visually-hidden\", \"aria-busy\": this.state._value < this.state._max ? 'true' : 'false', max: this.state._max, value: this.state._value }), h(\"span\", { key: 'a316bbf889b073525bd53b32138710ff7d7d6c4c', \"aria-live\": \"polite\", \"aria-relevant\": \"removals text\", class: \"visually-hidden\" }, isPercentage ? `${liveProgressValue} %` : `${liveProgressValue} von ${this.state._max} ${this.state._unit}`)));\n }\n validateLabel(value) {\n validateLabel(this, value);\n }\n validateMax(value) {\n if (typeof value !== 'number') {\n value = 100;\n }\n watchNumber(this, '_max', value, {\n required: true,\n });\n }\n validateUnit(value) {\n watchString(this, '_unit', value);\n }\n validateValue(value) {\n if (typeof value !== 'number') {\n value = 0;\n }\n watchNumber(this, '_value', value, {\n required: true,\n });\n }\n validateVariant(value) {\n watchValidator(this, '_variant', (value) => typeof value === 'string' && VALID_VARIANTS.includes(value), new Set(VALID_VARIANTS), value);\n }\n componentWillLoad() {\n this.validateLabel(this._label);\n this.validateMax(this._max);\n this.validateUnit(this._unit);\n this.validateValue(this._value);\n this.validateVariant(this._variant);\n this.state = Object.assign(Object.assign({}, this.state), { _liveValue: this.state._value });\n this.interval = setInterval(() => {\n if (this.state._liveValue !== this.state._value) {\n this.state = Object.assign(Object.assign({}, this.state), { _liveValue: this.state._value });\n }\n }, 5000);\n }\n disconnectedCallback() {\n clearInterval(this.interval);\n }\n static get watchers() { return {\n \"_label\": [\"validateLabel\"],\n \"_max\": [\"validateMax\"],\n \"_unit\": [\"validateUnit\"],\n \"_value\": [\"validateValue\"],\n \"_variant\": [\"validateVariant\"]\n }; }\n};\nKolProgress.style = {\n default: KolProgressDefaultStyle0\n};\n\nexport { KolProgress as kol_progress };\n\n//# sourceMappingURL=kol-progress.entry.js.map"],"names":["defaultStyleCss","KolProgressDefaultStyle0","VALID_VARIANTS","KoliBriProgressVariantEnum","CycleSvg","state","h","BarSvg","percentage","createProgressSVG","KolProgress","hostRef","registerInstance","isPercentage","liveProgressValue","displayValue","value","validateLabel","watchNumber","watchString","watchValidator"],"mappings":"6HAAA;AAAA;AAAA,GAOA,MAAMA,EAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA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"}
|