@public-ui/sample-react 3.0.4-rc.0 → 3.0.4-rc.2
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-CSRc8Vlr-BsYjlCSy.js +4 -0
- package/dist/assets/{Alert-BDx1u40I-BwykKU87.js.map → Alert-CSRc8Vlr-BsYjlCSy.js.map} +1 -1
- package/dist/assets/Collapsible--TI2kjff-wJFq0m5r.js +4 -0
- package/dist/assets/{Collapsible-BVHowVxs-CtQfQoUO.js.map → Collapsible--TI2kjff-wJFq0m5r.js.map} +1 -1
- package/dist/assets/CustomSuggestionsToggle-uDye4Uns-DkBx6qoc.js +4 -0
- package/dist/assets/{CustomSuggestionsToggle-B3tvLP2v-BNAu7Bht.js.map → CustomSuggestionsToggle-uDye4Uns-DkBx6qoc.js.map} +1 -1
- package/dist/assets/FieldControlStateWrapper-CsCnsDKf-fNmElnMe.js +4 -0
- package/dist/assets/FieldControlStateWrapper-CsCnsDKf-fNmElnMe.js.map +1 -0
- package/dist/assets/FormFieldStateWrapper-JzdOEGUS-GMpXX7EB.js +4 -0
- package/dist/assets/FormFieldStateWrapper-JzdOEGUS-GMpXX7EB.js.map +1 -0
- package/dist/assets/{Heading-DjO0rS4X-Cc1-Zfqr.js → Heading-Bx4SwJcX-lDrbwIdS.js} +2 -2
- package/dist/assets/{Heading-DjO0rS4X-Cc1-Zfqr.js.map → Heading-Bx4SwJcX-lDrbwIdS.js.map} +1 -1
- package/dist/assets/{Icon-BI4MKvDM-CEBzkL63.js → Icon-B4HuRse0-d8qUErgm.js} +2 -2
- package/dist/assets/{Icon-BI4MKvDM-CEBzkL63.js.map → Icon-B4HuRse0-d8qUErgm.js.map} +1 -1
- package/dist/assets/Input-Bfru3WQI-BSMQzE-p.js +4 -0
- package/dist/assets/{Input-DgMgOuZb-B9i93yDd.js.map → Input-Bfru3WQI-BSMQzE-p.js.map} +1 -1
- package/dist/assets/{InputStateWrapper-BSuXDLge-D7XHsD2Y.js → InputStateWrapper-DHAUSNAA-BqiM0gkl.js} +2 -2
- package/dist/assets/{InputStateWrapper-BSuXDLge-D7XHsD2Y.js.map → InputStateWrapper-DHAUSNAA-BqiM0gkl.js.map} +1 -1
- package/dist/assets/{InternalUnderlinedBadgeText-DlNNod38-uKLWKVSr.js → InternalUnderlinedBadgeText-uelJXiTq--wWTYSau.js} +2 -2
- package/dist/assets/{InternalUnderlinedBadgeText-DlNNod38-uKLWKVSr.js.map → InternalUnderlinedBadgeText-uelJXiTq--wWTYSau.js.map} +1 -1
- package/dist/assets/Span-BRnL3F2G-DPIabWj4.js +4 -0
- package/dist/assets/Span-BRnL3F2G-DPIabWj4.js.map +1 -0
- package/dist/assets/{access-and-short-key-CIkiLGbP-woWJIpfL.js → access-and-short-key-CBDgF26--D1AmquZO.js} +2 -2
- package/dist/assets/{access-and-short-key-CIkiLGbP-woWJIpfL.js.map → access-and-short-key-CBDgF26--D1AmquZO.js.map} +1 -1
- package/dist/assets/{align-DoCRbhrp-5-rNdab-.js → align-BU6S1qiO-F13IqNVN.js} +2 -2
- package/dist/assets/{align-DoCRbhrp-5-rNdab-.js.map → align-BU6S1qiO-F13IqNVN.js.map} +1 -1
- package/dist/assets/align-floating-elements-CB8sErUz-DAdahkPf.js +4 -0
- package/dist/assets/align-floating-elements-CB8sErUz-DAdahkPf.js.map +1 -0
- package/dist/assets/{associated.controller-DWb-3J2w-CQlLUZSr.js → associated.controller-BBBKf7S0-3mJK4hjt.js} +3 -3
- package/dist/assets/{associated.controller-DWb-3J2w-CQlLUZSr.js.map → associated.controller-BBBKf7S0-3mJK4hjt.js.map} +1 -1
- package/dist/assets/{auto-complete-CEf1aicD-BJRgMXKz.js → auto-complete-QkT4jBSK-ipIRnlsT.js} +2 -2
- package/dist/assets/{auto-complete-CEf1aicD-BJRgMXKz.js.map → auto-complete-QkT4jBSK-ipIRnlsT.js.map} +1 -1
- package/dist/assets/color-Byzv98Bu-D811w3JV.js +4 -0
- package/dist/assets/color-Byzv98Bu-D811w3JV.js.map +1 -0
- package/dist/assets/{controller-DPjDdojl-D5f9bI80.js → controller-B3yN4MUJ-BcZmWC6H.js} +2 -2
- package/dist/assets/{controller-DPjDdojl-D5f9bI80.js.map → controller-B3yN4MUJ-BcZmWC6H.js.map} +1 -1
- package/dist/assets/{controller-CpEalgoI-C0Xghv7f.js → controller-D4SIjZnf-KozPMOky.js} +2 -2
- package/dist/assets/{controller-CpEalgoI-C0Xghv7f.js.map → controller-D4SIjZnf-KozPMOky.js.map} +1 -1
- package/dist/assets/controller-DYOqWrFp-CbrXf336.js +4 -0
- package/dist/assets/controller-DYOqWrFp-CbrXf336.js.map +1 -0
- package/dist/assets/{controller-CSzEePpT-DfRFUh5J.js → controller-DzWd1W_P-DhmEXDSl.js} +2 -2
- package/dist/assets/{controller-CSzEePpT-DfRFUh5J.js.map → controller-DzWd1W_P-DhmEXDSl.js.map} +1 -1
- package/dist/assets/controller-icon-BQ1Jj9uA-D13ExSw7.js +4 -0
- package/dist/assets/{controller-icon-BunGMkek-CiO_l-5R.js.map → controller-icon-BQ1Jj9uA-D13ExSw7.js.map} +1 -1
- package/dist/assets/{custom-class-BrihA94O-DXK85GQP.js → custom-class-B5WXhTM9-BeUCuCD_.js} +2 -2
- package/dist/assets/{custom-class-BrihA94O-DXK85GQP.js.map → custom-class-B5WXhTM9-BeUCuCD_.js.map} +1 -1
- package/dist/assets/dev.utils-C5gRSnou-DDcrz4gB.js +16 -0
- package/dist/assets/dev.utils-C5gRSnou-DDcrz4gB.js.map +1 -0
- package/dist/assets/devtools-o8Bbxfop-Do773URO.js +16 -0
- package/dist/assets/devtools-o8Bbxfop-Do773URO.js.map +1 -0
- package/dist/assets/{disabled-DOGGfuG4-Wj0EX2tl.js → disabled-oePQqAfy-B5ZWKRF9.js} +2 -2
- package/dist/assets/{disabled-DOGGfuG4-Wj0EX2tl.js.map → disabled-oePQqAfy-B5ZWKRF9.js.map} +1 -1
- package/dist/assets/has-closer-Dc5S0f9j-BM9OpLMK.js +4 -0
- package/dist/assets/has-closer-Dc5S0f9j-BM9OpLMK.js.map +1 -0
- package/dist/assets/{hide-label-B1sxX0if--hvX5JC8.js → hide-label-BmYpplzr-PNMBhHny.js} +2 -2
- package/dist/assets/{hide-label-B1sxX0if--hvX5JC8.js.map → hide-label-BmYpplzr-PNMBhHny.js.map} +1 -1
- package/dist/assets/{href-4XW2Ab0f-CXRe8GrV.js → href-BETcU_FA-CdybpDN0.js} +2 -2
- package/dist/assets/href-BETcU_FA-CdybpDN0.js.map +1 -0
- package/dist/assets/i18n-C7ZsbK5l-BWN8Nai0.js +4 -0
- package/dist/assets/i18n-C7ZsbK5l-BWN8Nai0.js.map +1 -0
- package/dist/assets/{icons-mdo32hNB-BZJWGdbG.js → icons-CH_AgdgO-CkSM5xse.js} +2 -2
- package/dist/assets/{icons-mdo32hNB-BZJWGdbG.js.map → icons-CH_AgdgO-CkSM5xse.js.map} +1 -1
- package/dist/assets/image-source-COIdbYDA-Cbfru3Sg.js +4 -0
- package/dist/assets/{image-source-D-Q1faxH-C1VaN73i.js.map → image-source-COIdbYDA-Cbfru3Sg.js.map} +1 -1
- package/dist/assets/index-C2KkeAad.js +13916 -0
- package/dist/assets/index-C2KkeAad.js.map +1 -0
- package/dist/assets/index-D3y4o-X5.css +1 -0
- package/dist/assets/isObject-DvSELytj-B0RigBxT.js.map +1 -1
- package/dist/assets/{kol-abbr.entry-nmJC4pgz.js → kol-abbr.entry-C5IThTQK.js} +17 -7
- package/dist/assets/kol-abbr.entry-C5IThTQK.js.map +1 -0
- package/dist/assets/{kol-accordion.entry-eblWmSyA.js → kol-accordion.entry-DMhRAiuV.js} +22 -7
- package/dist/assets/kol-accordion.entry-DMhRAiuV.js.map +1 -0
- package/dist/assets/{kol-alert-wc.entry-B2fq5401.js → kol-alert-wc.entry-CYp6zMzF.js} +2 -2
- package/dist/assets/{kol-alert-wc.entry-B2fq5401.js.map → kol-alert-wc.entry-CYp6zMzF.js.map} +1 -1
- package/dist/assets/{kol-alert.entry-BMrXIZoT.js → kol-alert.entry-_b-PPbUk.js} +16 -6
- package/dist/assets/kol-alert.entry-_b-PPbUk.js.map +1 -0
- package/dist/assets/{kol-avatar-wc.entry-CYI5i44q.js → kol-avatar-wc.entry-BC3Tep2s.js} +2 -2
- package/dist/assets/{kol-avatar-wc.entry-CYI5i44q.js.map → kol-avatar-wc.entry-BC3Tep2s.js.map} +1 -1
- package/dist/assets/{kol-avatar.entry-B8a9wRfX.js → kol-avatar.entry-OO_7Hlpq.js} +23 -14
- package/dist/assets/kol-avatar.entry-OO_7Hlpq.js.map +1 -0
- package/dist/assets/{kol-badge.entry-CWt6--DN.js → kol-badge.entry-ACaF6cJA.js} +17 -7
- package/dist/assets/kol-badge.entry-ACaF6cJA.js.map +1 -0
- package/dist/assets/{kol-breadcrumb.entry-Bu8dW_YT.js → kol-breadcrumb.entry-Crru-kcp.js} +17 -9
- package/dist/assets/kol-breadcrumb.entry-Crru-kcp.js.map +1 -0
- package/dist/assets/{kol-button-link.entry-BQEPYAoi.js → kol-button-link.entry-CzgHIeAZ.js} +19 -6
- package/dist/assets/kol-button-link.entry-CzgHIeAZ.js.map +1 -0
- package/dist/assets/{kol-button-wc.entry-BbftnPPS.js → kol-button-wc.entry-D178RoH3.js} +3 -3
- package/dist/assets/kol-button-wc.entry-D178RoH3.js.map +1 -0
- package/dist/assets/{kol-button.entry-CKmoBDVt.js → kol-button.entry-hxFJvAoo.js} +16 -6
- package/dist/assets/kol-button.entry-hxFJvAoo.js.map +1 -0
- package/dist/assets/{kol-card-wc.entry-Ca1Ci4ZN.js → kol-card-wc.entry-Cn8F5t7T.js} +2 -2
- package/dist/assets/{kol-card-wc.entry-Ca1Ci4ZN.js.map → kol-card-wc.entry-Cn8F5t7T.js.map} +1 -1
- package/dist/assets/{kol-card.entry-Bllzgp5l.js → kol-card.entry-cxuep4cR.js} +16 -6
- package/dist/assets/kol-card.entry-cxuep4cR.js.map +1 -0
- package/dist/assets/{kol-combobox.entry-nVfRabLH.js → kol-combobox.entry-DGy3uaOH.js} +17 -20
- package/dist/assets/kol-combobox.entry-DGy3uaOH.js.map +1 -0
- package/dist/assets/{kol-details.entry-ZzugP9Ye.js → kol-details.entry-kWeavSB-.js} +22 -7
- package/dist/assets/kol-details.entry-kWeavSB-.js.map +1 -0
- package/dist/assets/{kol-drawer.entry-DI2rUjVZ.js → kol-drawer.entry-sQvBl3ow.js} +28 -29
- package/dist/assets/kol-drawer.entry-sQvBl3ow.js.map +1 -0
- package/dist/assets/{kol-form.entry-DQ9ZhnaK.js → kol-form.entry-B7eWTsYq.js} +52 -46
- package/dist/assets/kol-form.entry-B7eWTsYq.js.map +1 -0
- package/dist/assets/{kol-heading.entry-D5hINnWv.js → kol-heading.entry-VA3DsdYL.js} +21 -9
- package/dist/assets/kol-heading.entry-VA3DsdYL.js.map +1 -0
- package/dist/assets/{kol-icon.entry-B4rzRLYv.js → kol-icon.entry-D7Qffmdk.js} +4 -3
- package/dist/assets/kol-icon.entry-D7Qffmdk.js.map +1 -0
- package/dist/assets/{kol-image.entry-Bd-2HinZ.js → kol-image.entry-Dz15vWQQ.js} +17 -7
- package/dist/assets/kol-image.entry-Dz15vWQQ.js.map +1 -0
- package/dist/assets/{kol-input-checkbox.entry-DDruVsCf.js → kol-input-checkbox.entry--Q-4WW0N.js} +19 -13
- package/dist/assets/kol-input-checkbox.entry--Q-4WW0N.js.map +1 -0
- package/dist/assets/{kol-input-color.entry-i-C8H6AI.js → kol-input-color.entry-DAdF3tGc.js} +35 -32
- package/dist/assets/kol-input-color.entry-DAdF3tGc.js.map +1 -0
- package/dist/assets/{kol-input-date.entry-BUL78x7p.js → kol-input-date.entry-CQY8ti-O.js} +16 -12
- package/dist/assets/kol-input-date.entry-CQY8ti-O.js.map +1 -0
- package/dist/assets/{kol-input-email.entry-1xLhiPh1.js → kol-input-email.entry-RmzW-zOC.js} +17 -13
- package/dist/assets/kol-input-email.entry-RmzW-zOC.js.map +1 -0
- package/dist/assets/{kol-input-file.entry-C4n76Jjj.js → kol-input-file.entry-DcTQzs7t.js} +18 -16
- package/dist/assets/kol-input-file.entry-DcTQzs7t.js.map +1 -0
- package/dist/assets/{kol-input-number.entry-DrDjFz7P.js → kol-input-number.entry-YaRIkJl2.js} +17 -13
- package/dist/assets/kol-input-number.entry-YaRIkJl2.js.map +1 -0
- package/dist/assets/{kol-input-password.entry-G2TWms99.js → kol-input-password.entry-BSgnU1vr.js} +17 -15
- package/dist/assets/kol-input-password.entry-BSgnU1vr.js.map +1 -0
- package/dist/assets/{kol-input-radio.entry-B8YRtr8O.js → kol-input-radio.entry-Dig2USmr.js} +17 -15
- package/dist/assets/kol-input-radio.entry-Dig2USmr.js.map +1 -0
- package/dist/assets/{kol-input-range.entry-VSu2_VUI.js → kol-input-range.entry-DtF0QIbm.js} +17 -15
- package/dist/assets/kol-input-range.entry-DtF0QIbm.js.map +1 -0
- package/dist/assets/{kol-input-text.entry-C9-oorZs.js → kol-input-text.entry-b-axbHyw.js} +16 -12
- package/dist/assets/kol-input-text.entry-b-axbHyw.js.map +1 -0
- package/dist/assets/{kol-kolibri.entry-fj3T8l9K.js → kol-kolibri.entry-BvxmvYaF.js} +16 -6
- package/dist/assets/kol-kolibri.entry-BvxmvYaF.js.map +1 -0
- package/dist/assets/{kol-link-button.entry-C3BSYFV4.js → kol-link-button.entry-B23dcOus.js} +16 -6
- package/dist/assets/kol-link-button.entry-B23dcOus.js.map +1 -0
- package/dist/assets/kol-link-wc.entry-BWu59shg.js +4 -0
- package/dist/assets/kol-link-wc.entry-BWu59shg.js.map +1 -0
- package/dist/assets/{kol-link.entry-B9PQ-hj0.js → kol-link.entry-Cn8rwtpo.js} +16 -6
- package/dist/assets/kol-link.entry-Cn8rwtpo.js.map +1 -0
- package/dist/assets/{kol-modal.entry-DFN6rWxc.js → kol-modal.entry-CrzYc4d7.js} +30 -8
- package/dist/assets/kol-modal.entry-CrzYc4d7.js.map +1 -0
- package/dist/assets/{kol-nav.entry-Cm9decp4.js → kol-nav.entry-Bx1k3TJu.js} +16 -6
- package/dist/assets/kol-nav.entry-Bx1k3TJu.js.map +1 -0
- package/dist/assets/{kol-pagination-wc.entry-Qz6jCilr.js → kol-pagination-wc.entry-eSF38-u2.js} +2 -2
- package/dist/assets/{kol-pagination-wc.entry-Qz6jCilr.js.map → kol-pagination-wc.entry-eSF38-u2.js.map} +1 -1
- package/dist/assets/{kol-pagination.entry-DaZsbWIx.js → kol-pagination.entry-CWHcc5so.js} +16 -6
- package/dist/assets/kol-pagination.entry-CWHcc5so.js.map +1 -0
- package/dist/assets/{kol-popover-button-wc.entry-CHoUPZSG.js → kol-popover-button-wc.entry-cl6CJT-f.js} +2 -2
- package/dist/assets/{kol-popover-button-wc.entry-CHoUPZSG.js.map → kol-popover-button-wc.entry-cl6CJT-f.js.map} +1 -1
- package/dist/assets/{kol-popover-button.entry-CnksjGSj.js → kol-popover-button.entry-Bp98SUBa.js} +17 -9
- package/dist/assets/kol-popover-button.entry-Bp98SUBa.js.map +1 -0
- package/dist/assets/{kol-popover-wc.entry-MaV9IsPu.js → kol-popover-wc.entry-JatDSCKP.js} +2 -2
- package/dist/assets/{kol-popover-wc.entry-MaV9IsPu.js.map → kol-popover-wc.entry-JatDSCKP.js.map} +1 -1
- package/dist/assets/{kol-progress.entry-LJEINIFM.js → kol-progress.entry-BesVYk4c.js} +16 -6
- package/dist/assets/kol-progress.entry-BesVYk4c.js.map +1 -0
- package/dist/assets/{kol-quote.entry-CTPOts0r.js → kol-quote.entry-Dpjo7h2Y.js} +17 -7
- package/dist/assets/kol-quote.entry-Dpjo7h2Y.js.map +1 -0
- package/dist/assets/{kol-select.entry-DSIVtw4j.js → kol-select.entry-CQTsORJ5.js} +18 -14
- package/dist/assets/kol-select.entry-CQTsORJ5.js.map +1 -0
- package/dist/assets/kol-single-select.entry-BEGvWA5M.js +357 -0
- package/dist/assets/kol-single-select.entry-BEGvWA5M.js.map +1 -0
- package/dist/assets/{kol-skip-nav.entry-FumEiEbP.js → kol-skip-nav.entry--ix7fCZq.js} +15 -6
- package/dist/assets/kol-skip-nav.entry--ix7fCZq.js.map +1 -0
- package/dist/assets/{kol-spin.entry-BwYQ7-YU.js → kol-spin.entry-Cm23-n4U.js} +16 -6
- package/dist/assets/kol-spin.entry-Cm23-n4U.js.map +1 -0
- package/dist/assets/{kol-split-button.entry-C944D06s.js → kol-split-button.entry-DFlBP15k.js} +17 -7
- package/dist/assets/kol-split-button.entry-DFlBP15k.js.map +1 -0
- package/dist/assets/kol-table-settings-wc.entry-D0vnupbn.js +4 -0
- package/dist/assets/kol-table-settings-wc.entry-D0vnupbn.js.map +1 -0
- package/dist/assets/{kol-table-stateful.entry-DqfwlcLW.js → kol-table-stateful.entry-BLt8zRLo.js} +23 -19
- package/dist/assets/kol-table-stateful.entry-BLt8zRLo.js.map +1 -0
- package/dist/assets/kol-table-stateless-wc.entry-DSFkjTuF.js +4 -0
- package/dist/assets/{kol-table-stateless-wc.entry-BNaw-NK2.js.map → kol-table-stateless-wc.entry-DSFkjTuF.js.map} +1 -1
- package/dist/assets/{kol-table-stateless.entry-Cph8hg3Z.js → kol-table-stateless.entry-D6rWpGmH.js} +21 -13
- package/dist/assets/kol-table-stateless.entry-D6rWpGmH.js.map +1 -0
- package/dist/assets/{kol-tabs.entry-B69yZtoF.js → kol-tabs.entry-CWXgl8Du.js} +17 -10
- package/dist/assets/kol-tabs.entry-CWXgl8Du.js.map +1 -0
- package/dist/assets/{kol-textarea.entry-BTvPEkCR.js → kol-textarea.entry-DioEOy5F.js} +16 -12
- package/dist/assets/kol-textarea.entry-DioEOy5F.js.map +1 -0
- package/dist/assets/{kol-toast-container.entry-D5OJDRgc.js → kol-toast-container.entry-rWVbxlPM.js} +17 -9
- package/dist/assets/kol-toast-container.entry-rWVbxlPM.js.map +1 -0
- package/dist/assets/{kol-toolbar.entry-Bi4bx284.js → kol-toolbar.entry-BS75LbkB.js} +17 -9
- package/dist/assets/kol-toolbar.entry-BS75LbkB.js.map +1 -0
- package/dist/assets/{kol-tooltip-wc.entry-DnLZd9t5.js → kol-tooltip-wc.entry-CfegLn5N.js} +3 -3
- package/dist/assets/kol-tooltip-wc.entry-CfegLn5N.js.map +1 -0
- package/dist/assets/{kol-tree-item-wc.entry-BXd3ReFz.js → kol-tree-item-wc.entry-CShpdh3T.js} +2 -2
- package/dist/assets/{kol-tree-item-wc.entry-BXd3ReFz.js.map → kol-tree-item-wc.entry-CShpdh3T.js.map} +1 -1
- package/dist/assets/{kol-tree-item.entry-C7jpas3Z.js → kol-tree-item.entry-BzG3Kifd.js} +18 -8
- package/dist/assets/kol-tree-item.entry-BzG3Kifd.js.map +1 -0
- package/dist/assets/kol-tree-wc.entry-mhMHemuc.js +4 -0
- package/dist/assets/{kol-tree-wc.entry-CrVB_yik.js.map → kol-tree-wc.entry-mhMHemuc.js.map} +1 -1
- package/dist/assets/{kol-tree.entry-C3dmCaH3.js → kol-tree.entry-DlcidijD.js} +17 -7
- package/dist/assets/kol-tree.entry-DlcidijD.js.map +1 -0
- package/dist/assets/{kol-version.entry-rG0ajhJQ.js → kol-version.entry-BFYhs0Sw.js} +17 -7
- package/dist/assets/kol-version.entry-BFYhs0Sw.js.map +1 -0
- package/dist/assets/{label-DAfXJvJZ-BBJeZ6XX.js → label-DGzuU0HV-B8OwdBqX.js} +2 -2
- package/dist/assets/{label-DAfXJvJZ-BBJeZ6XX.js.map → label-DGzuU0HV-B8OwdBqX.js.map} +1 -1
- package/dist/assets/link-variant-B1pMVL0L-CGf0vexw.js +4 -0
- package/dist/assets/link-variant-B1pMVL0L-CGf0vexw.js.map +1 -0
- package/dist/assets/markdown-BJ3cxn6B-CQ3eDWaN.js +19 -0
- package/dist/assets/markdown-BJ3cxn6B-CQ3eDWaN.js.map +1 -0
- package/dist/assets/{max-length-behavior-BJuqKbOX-D1Vh8Nrn.js → max-length-behavior-DCUK2Rvw-CFJMr88j.js} +2 -2
- package/dist/assets/{max-length-behavior-BJuqKbOX-D1Vh8Nrn.js.map → max-length-behavior-DCUK2Rvw-CFJMr88j.js.map} +1 -1
- package/dist/assets/{multiple-DAViTLG--DsbLaA3k.js → multiple-D4hUZQZi-BFKZhO2I.js} +2 -2
- package/dist/assets/multiple-D4hUZQZi-BFKZhO2I.js.map +1 -0
- package/dist/assets/{open-k4WSPWPA-BAlUeYaO.js → open-DDc2yKMt-BxOgmkiy.js} +2 -2
- package/dist/assets/open-DDc2yKMt-BxOgmkiy.js.map +1 -0
- package/dist/assets/{orientation-BV4mvHIC-BXGx970s.js → orientation-DdsLYtB3-DTZV_Jlb.js} +2 -2
- package/dist/assets/{orientation-BV4mvHIC-BXGx970s.js.map → orientation-DdsLYtB3-DTZV_Jlb.js.map} +1 -1
- package/dist/assets/{placeholder-ikSHqukt-Fv6BdBDD.js → placeholder-CKKvVrmb-BbETFWk-.js} +2 -2
- package/dist/assets/{placeholder-ikSHqukt-Fv6BdBDD.js.map → placeholder-CKKvVrmb-BbETFWk-.js.map} +1 -1
- package/dist/assets/read-only-D2aPahKx-BXIc3L_0.js +4 -0
- package/dist/assets/read-only-D2aPahKx-BXIc3L_0.js.map +1 -0
- package/dist/assets/required-DZ-b_DWV-lThREOJi.js +4 -0
- package/dist/assets/required-DZ-b_DWV-lThREOJi.js.map +1 -0
- package/dist/assets/reuse-CX4AQDkS-Cyh-fyjG.js +4 -0
- package/dist/assets/reuse-CX4AQDkS-Cyh-fyjG.js.map +1 -0
- package/dist/assets/{rows-CRXE6nJb--XG2Z-jB.js → rows-DZqgM5RX-Db46GeBi.js} +2 -2
- package/dist/assets/rows-DZqgM5RX-Db46GeBi.js.map +1 -0
- package/dist/assets/{show-C_i9p0dk-eI6yT_P3.js → show-D0rlMMpf-D6iqXSpr.js} +2 -2
- package/dist/assets/show-D0rlMMpf-D6iqXSpr.js.map +1 -0
- package/dist/assets/{spell-check-BwdT9MHK-BTf2XUMQ.js → spell-check-Chr2J8Ox-MHPwe0CR.js} +2 -2
- package/dist/assets/{spell-check-BwdT9MHK-BTf2XUMQ.js.map → spell-check-Chr2J8Ox-MHPwe0CR.js.map} +1 -1
- package/dist/assets/{suggestions-BAQRZsDz-BYFBlX8y.js → suggestions-dPkxw3RQ-mKxhgLNM.js} +2 -2
- package/dist/assets/{suggestions-BAQRZsDz-BYFBlX8y.js.map → suggestions-dPkxw3RQ-mKxhgLNM.js.map} +1 -1
- package/dist/assets/{table-settings-CC1LSsqS-D2-WPX8F.js → table-settings-CF9uiyi4-COqjp1yZ.js} +3 -3
- package/dist/assets/{table-settings-CC1LSsqS-D2-WPX8F.js.map → table-settings-CF9uiyi4-COqjp1yZ.js.map} +1 -1
- package/dist/assets/{test-component.entry-BViJTATn.js → test-component.entry-azdlgQMD.js} +2 -2
- package/dist/assets/{test-component.entry-BViJTATn.js.map → test-component.entry-azdlgQMD.js.map} +1 -1
- package/dist/assets/tooltip-align-CmSyNCv5-fjKbZUM-.js +4 -0
- package/dist/assets/tooltip-align-CmSyNCv5-fjKbZUM-.js.map +1 -0
- package/dist/assets/{unique-nav-labels-PqHnrOFf-BeymYe4a.js → unique-nav-labels-Bm9ZvlTf-C_s-ysiW.js} +2 -2
- package/dist/assets/{unique-nav-labels-PqHnrOFf-BeymYe4a.js.map → unique-nav-labels-Bm9ZvlTf-C_s-ysiW.js.map} +1 -1
- package/dist/assets/{validation-CcPLmr0Q-GFaH8oU4.js → validation-CW-5L0A7-DDaejQom.js} +2 -2
- package/dist/assets/{validation-CcPLmr0Q-GFaH8oU4.js.map → validation-CW-5L0A7-DDaejQom.js.map} +1 -1
- package/dist/assets/{validation-DhcHxkL2-BWp0oYyd.js → validation-oaGI9Wed-DwrWZgKF.js} +2 -2
- package/dist/assets/{validation-DhcHxkL2-BWp0oYyd.js.map → validation-oaGI9Wed-DwrWZgKF.js.map} +1 -1
- package/dist/index.html +2 -2
- package/package.json +26 -23
- package/src/components/drawer/routes.ts +2 -0
- package/src/components/drawer/scrolled.tsx +133 -0
- package/src/components/modal/basic.tsx +41 -71
- package/src/components/table/horizontal-scrollbar.tsx +29 -35
- package/src/components/table/non-hidable-columns.tsx +34 -0
- package/src/components/table/routes.ts +8 -6
- package/src/main.ts +11 -0
- package/src/react.main.tsx +2 -2
- package/src/scenarios/horizontal-scrollbar-advanced/TableHorizontalScrollbarAdvanced.tsx +7 -1
- package/src/scenarios/routes.ts +2 -0
- package/src/scenarios/sample-form-with-validation.tsx +192 -0
- package/src/style.scss +0 -1
- package/vite.config.ts +6 -1
- package/dist/assets/Alert-BDx1u40I-BwykKU87.js +0 -4
- package/dist/assets/Collapsible-BVHowVxs-CtQfQoUO.js +0 -4
- package/dist/assets/CustomSuggestionsToggle-B3tvLP2v-BNAu7Bht.js +0 -4
- package/dist/assets/FieldControlStateWrapper-BpSEIOuI-BpL1BJzc.js +0 -4
- package/dist/assets/FieldControlStateWrapper-BpSEIOuI-BpL1BJzc.js.map +0 -1
- package/dist/assets/FormFieldStateWrapper-BaUJkKkj-BZu6RzU2.js +0 -4
- package/dist/assets/FormFieldStateWrapper-BaUJkKkj-BZu6RzU2.js.map +0 -1
- package/dist/assets/Input-DgMgOuZb-B9i93yDd.js +0 -4
- package/dist/assets/Span-BX5FGBRq-DK8HUtL6.js +0 -4
- package/dist/assets/Span-BX5FGBRq-DK8HUtL6.js.map +0 -1
- package/dist/assets/align-floating-elements-DcJPtpqg-BkYdoLql.js +0 -4
- package/dist/assets/align-floating-elements-DcJPtpqg-BkYdoLql.js.map +0 -1
- package/dist/assets/color-BZoXukPw-77BCZgNQ.js +0 -4
- package/dist/assets/color-BZoXukPw-77BCZgNQ.js.map +0 -1
- package/dist/assets/controller-BdbCRmeK-Bl7oVmXO.js +0 -4
- package/dist/assets/controller-BdbCRmeK-Bl7oVmXO.js.map +0 -1
- package/dist/assets/controller-icon-BunGMkek-CiO_l-5R.js +0 -4
- package/dist/assets/dev.utils-DkpEPqJb-BcgAa1R5.js +0 -16
- package/dist/assets/dev.utils-DkpEPqJb-BcgAa1R5.js.map +0 -1
- package/dist/assets/devtools-CXclGffW-gsIeX8et.js +0 -16
- package/dist/assets/devtools-CXclGffW-gsIeX8et.js.map +0 -1
- package/dist/assets/has-closer-DbTKc11W-CdDJLIeA.js +0 -4
- package/dist/assets/has-closer-DbTKc11W-CdDJLIeA.js.map +0 -1
- package/dist/assets/href-4XW2Ab0f-CXRe8GrV.js.map +0 -1
- package/dist/assets/i18n-yBVLeHdv-UtMRXdQ6.js +0 -4
- package/dist/assets/i18n-yBVLeHdv-UtMRXdQ6.js.map +0 -1
- package/dist/assets/image-source-D-Q1faxH-C1VaN73i.js +0 -4
- package/dist/assets/index-CbhGA6J1.css +0 -1
- package/dist/assets/index-DoiVX6kR.js +0 -13879
- package/dist/assets/index-DoiVX6kR.js.map +0 -1
- package/dist/assets/kol-abbr.entry-nmJC4pgz.js.map +0 -1
- package/dist/assets/kol-accordion.entry-eblWmSyA.js.map +0 -1
- package/dist/assets/kol-alert.entry-BMrXIZoT.js.map +0 -1
- package/dist/assets/kol-avatar.entry-B8a9wRfX.js.map +0 -1
- package/dist/assets/kol-badge.entry-CWt6--DN.js.map +0 -1
- package/dist/assets/kol-breadcrumb.entry-Bu8dW_YT.js.map +0 -1
- package/dist/assets/kol-button-link.entry-BQEPYAoi.js.map +0 -1
- package/dist/assets/kol-button-wc.entry-BbftnPPS.js.map +0 -1
- package/dist/assets/kol-button.entry-CKmoBDVt.js.map +0 -1
- package/dist/assets/kol-card.entry-Bllzgp5l.js.map +0 -1
- package/dist/assets/kol-combobox.entry-nVfRabLH.js.map +0 -1
- package/dist/assets/kol-details.entry-ZzugP9Ye.js.map +0 -1
- package/dist/assets/kol-drawer.entry-DI2rUjVZ.js.map +0 -1
- package/dist/assets/kol-form.entry-DQ9ZhnaK.js.map +0 -1
- package/dist/assets/kol-heading.entry-D5hINnWv.js.map +0 -1
- package/dist/assets/kol-icon.entry-B4rzRLYv.js.map +0 -1
- package/dist/assets/kol-image.entry-Bd-2HinZ.js.map +0 -1
- package/dist/assets/kol-input-checkbox.entry-DDruVsCf.js.map +0 -1
- package/dist/assets/kol-input-color.entry-i-C8H6AI.js.map +0 -1
- package/dist/assets/kol-input-date.entry-BUL78x7p.js.map +0 -1
- package/dist/assets/kol-input-email.entry-1xLhiPh1.js.map +0 -1
- package/dist/assets/kol-input-file.entry-C4n76Jjj.js.map +0 -1
- package/dist/assets/kol-input-number.entry-DrDjFz7P.js.map +0 -1
- package/dist/assets/kol-input-password.entry-G2TWms99.js.map +0 -1
- package/dist/assets/kol-input-radio.entry-B8YRtr8O.js.map +0 -1
- package/dist/assets/kol-input-range.entry-VSu2_VUI.js.map +0 -1
- package/dist/assets/kol-input-text.entry-C9-oorZs.js.map +0 -1
- package/dist/assets/kol-kolibri.entry-fj3T8l9K.js.map +0 -1
- package/dist/assets/kol-link-button.entry-C3BSYFV4.js.map +0 -1
- package/dist/assets/kol-link-wc.entry-ChG6vedU.js +0 -4
- package/dist/assets/kol-link-wc.entry-ChG6vedU.js.map +0 -1
- package/dist/assets/kol-link.entry-B9PQ-hj0.js.map +0 -1
- package/dist/assets/kol-modal.entry-DFN6rWxc.js.map +0 -1
- package/dist/assets/kol-nav.entry-Cm9decp4.js.map +0 -1
- package/dist/assets/kol-pagination.entry-DaZsbWIx.js.map +0 -1
- package/dist/assets/kol-popover-button.entry-CnksjGSj.js.map +0 -1
- package/dist/assets/kol-progress.entry-LJEINIFM.js.map +0 -1
- package/dist/assets/kol-quote.entry-CTPOts0r.js.map +0 -1
- package/dist/assets/kol-select.entry-DSIVtw4j.js.map +0 -1
- package/dist/assets/kol-single-select.entry-iE3G6NlX.js +0 -362
- package/dist/assets/kol-single-select.entry-iE3G6NlX.js.map +0 -1
- package/dist/assets/kol-skip-nav.entry-FumEiEbP.js.map +0 -1
- package/dist/assets/kol-spin.entry-BwYQ7-YU.js.map +0 -1
- package/dist/assets/kol-split-button.entry-C944D06s.js.map +0 -1
- package/dist/assets/kol-table-settings-wc.entry-ayPR2f3_.js +0 -4
- package/dist/assets/kol-table-settings-wc.entry-ayPR2f3_.js.map +0 -1
- package/dist/assets/kol-table-stateful.entry-DqfwlcLW.js.map +0 -1
- package/dist/assets/kol-table-stateless-wc.entry-BNaw-NK2.js +0 -4
- package/dist/assets/kol-table-stateless.entry-Cph8hg3Z.js.map +0 -1
- package/dist/assets/kol-tabs.entry-B69yZtoF.js.map +0 -1
- package/dist/assets/kol-textarea.entry-BTvPEkCR.js.map +0 -1
- package/dist/assets/kol-toast-container.entry-D5OJDRgc.js.map +0 -1
- package/dist/assets/kol-toolbar.entry-Bi4bx284.js.map +0 -1
- package/dist/assets/kol-tooltip-wc.entry-DnLZd9t5.js.map +0 -1
- package/dist/assets/kol-tree-item.entry-C7jpas3Z.js.map +0 -1
- package/dist/assets/kol-tree-wc.entry-CrVB_yik.js +0 -4
- package/dist/assets/kol-tree.entry-C3dmCaH3.js.map +0 -1
- package/dist/assets/kol-version.entry-rG0ajhJQ.js.map +0 -1
- package/dist/assets/link-variant-CvVVNwJS-Deig7dax.js +0 -4
- package/dist/assets/link-variant-CvVVNwJS-Deig7dax.js.map +0 -1
- package/dist/assets/markdown-RQjNjZ_M-QjLU5ygB.js +0 -19
- package/dist/assets/markdown-RQjNjZ_M-QjLU5ygB.js.map +0 -1
- package/dist/assets/multiple-DAViTLG--DsbLaA3k.js.map +0 -1
- package/dist/assets/open-k4WSPWPA-BAlUeYaO.js.map +0 -1
- package/dist/assets/read-only-BAPnQth3-xBOcKn6N.js +0 -4
- package/dist/assets/read-only-BAPnQth3-xBOcKn6N.js.map +0 -1
- package/dist/assets/required-DZ5CUsrb-BJ7vguxm.js +0 -4
- package/dist/assets/required-DZ5CUsrb-BJ7vguxm.js.map +0 -1
- package/dist/assets/rows-CRXE6nJb--XG2Z-jB.js.map +0 -1
- package/dist/assets/show-C_i9p0dk-eI6yT_P3.js.map +0 -1
- package/dist/assets/tooltip-align-B_X7PRrT-DCtLFfm0.js +0 -4
- package/dist/assets/tooltip-align-B_X7PRrT-DCtLFfm0.js.map +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"kol-table-settings-wc.entry-ayPR2f3_.js","sources":["../../../../components/dist/esm/kol-table-settings-wc.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, g as getElement } from './index-CuRbHMox.js';\nimport { t as translate } from './i18n-yBVLeHdv.js';\nimport { t as KolHeadingTag, b as KolAlertWcTag, u as KolInputCheckboxTag, v as KolInputNumberTag, d as KolButtonWcTag, j as KolPopoverButtonWcTag } from './component-names-CkE54Ym7.js';\nimport { d as dispatchDomEvent, K as KolEvent } from './events-CoPFQEiC.js';\nimport './common-7RW_NFNf.js';\nimport './i18n-CjhRejiw.js';\n\nconst KolTableSettings = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.tableSettings = { columns: [] };\n this.errorMessage = null;\n this.translateTableSettings = translate('kol-table-settings');\n this.translateTableSettingsCancel = translate('kol-table-settings-cancel');\n this.translateTableSettingsApply = translate('kol-table-settings-apply');\n this.translateErrorAllInvisible = translate('kol-table-settings-error-all-invisible');\n this._tableSettings = { columns: [] };\n }\n handleTableSettingsChange(newValue) {\n this.tableSettings = Object.assign(Object.assign({}, newValue), { columns: this.sortColumnsByPosition(newValue.columns) });\n }\n componentWillLoad() {\n this.handleTableSettingsChange(this._tableSettings);\n }\n sortColumnsByPosition(columns) {\n return [...columns].sort((colA, colB) => colA.position - colB.position);\n }\n moveColumn(columnId, direction) {\n const columnSettings = [...this.tableSettings.columns];\n const sourceIndex = columnSettings.findIndex((col) => col.key === columnId);\n const targetIndex = direction === 'up' ? sourceIndex - 1 : sourceIndex + 1;\n const source = columnSettings[sourceIndex];\n const target = columnSettings[targetIndex];\n const newCols = columnSettings.map((col) => {\n if (col.key === source.key)\n return Object.assign(Object.assign({}, col), { position: target.position });\n if (col.key === target.key)\n return Object.assign(Object.assign({}, col), { position: source.position });\n return col;\n });\n this.tableSettings = Object.assign(Object.assign({}, this.tableSettings), { columns: this.sortColumnsByPosition(newCols) });\n }\n handleVisibilityChange(key, visible) {\n this.tableSettings = Object.assign(Object.assign({}, this.tableSettings), { columns: this.tableSettings.columns.map((col) => (col.key === key ? Object.assign(Object.assign({}, col), { visible: Boolean(visible) }) : col)) });\n }\n handleWidthChange(key, width) {\n this.tableSettings = Object.assign(Object.assign({}, this.tableSettings), { columns: this.tableSettings.columns.map((col) => (col.key === key ? Object.assign(Object.assign({}, col), { width: Number(width) }) : col)) });\n }\n handleCancel() {\n var _a;\n void ((_a = this.popoverRef) === null || _a === void 0 ? void 0 : _a.hidePopover());\n }\n handleSubmit(event) {\n var _a;\n event.preventDefault();\n const hasVisibleColumn = this.tableSettings.columns.some((column) => column.visible);\n if (!hasVisibleColumn) {\n this.errorMessage = this.translateErrorAllInvisible;\n return;\n }\n else if (this.host) {\n this.errorMessage = null;\n dispatchDomEvent(this.host, KolEvent.settingsChange, this.tableSettings);\n void ((_a = this.popoverRef) === null || _a === void 0 ? void 0 : _a.hidePopover());\n }\n }\n render() {\n const sortedColumns = [...this.tableSettings.columns].sort((a, b) => a.position - b.position);\n return (h(KolPopoverButtonWcTag, { key: 'b930aa153c7461f4a57b937c0156cf84e60edd2d', ref: (el) => (this.popoverRef = el), class: \"kol-table-settings\", _icons: \"codicon codicon-settings-gear\", _label: this.translateTableSettings, _popoverAlign: \"top\", _hideLabel: true }, h(\"div\", { key: 'cdd88e4955f8433fe19101a8ac9905332b917975', class: \"kol-table-settings__content\" }, h(KolHeadingTag, { key: 'fd70365f0f8ef1c4455d0c093c82a35474372f21', _label: this.translateTableSettings, _level: 0 }), this.errorMessage && h(KolAlertWcTag, { key: '08bac933be1eb8e724882ee7b53370e408a1de26', _type: \"error\", _label: this.errorMessage, _variant: \"msg\", class: \"kol-table-settings__error-message\" }), h(\"form\", { key: '946f7a022247721eb75479661a4b0d1ddab8b52c', onSubmit: this.handleSubmit.bind(this) }, h(\"div\", { key: '413b8b20e47111b90b93b938d7623b6987c755c5', class: \"kol-table-settings__columns-container\" }, h(\"div\", { key: '68bf65989d9f1d790cac1d18431c3c32a4f828de', class: \"kol-table-settings__columns\" }, sortedColumns.map((column, index) => (h(\"div\", { key: column.key, class: \"kol-table-settings__column\" }, h(KolInputCheckboxTag, { _checked: column.visible, _label: translate('kol-table-settings-show-column', { placeholders: { column: column.label } }), _value: true, _hideLabel: true, _on: { onInput: (_, value) => this.handleVisibilityChange(column.key, value) } }), h(\"span\", null, column.label), h(KolInputNumberTag, { _hideLabel: true, _value: column.width, _label: translate('kol-table-settings-column-width', { placeholders: { column: column.label } }), _min: 1, _on: { onInput: (_, value) => this.handleWidthChange(column.key, value) } }), h(KolButtonWcTag, { _icons: \"codicon codicon-arrow-up\", _label: translate('kol-table-settings-move-up', { placeholders: { column: column.label } }), _hideLabel: true, _buttonVariant: \"ghost\", _on: { onClick: () => this.moveColumn(column.key, 'up') }, _disabled: index === 0, \"data-testid\": \"table-settings-move-up\" }), h(KolButtonWcTag, { _icons: \"codicon codicon-arrow-down\", _label: translate('kol-table-settings-move-down', { placeholders: { column: column.label } }), _hideLabel: true, _buttonVariant: \"ghost\", _on: { onClick: () => this.moveColumn(column.key, 'down') }, _disabled: index === sortedColumns.length - 1, \"data-testid\": \"table-settings-move-down\" })))))), h(\"div\", { key: '2859d138a7052eaebb3b13a56609e362d8dd8304', class: \"kol-table-settings__actions\" }, h(KolButtonWcTag, { key: 'd83024f7231425239b24665b3845735ecbd60604', _label: this.translateTableSettingsCancel, _buttonVariant: \"secondary\", _on: { onClick: () => this.handleCancel() }, \"data-testid\": \"table-settings-cancel\" }), h(KolButtonWcTag, { key: '783f2d4cc52b8d14060f4dbd125d8d5ad5f38fdc', _label: this.translateTableSettingsApply, _buttonVariant: \"primary\", _type: \"submit\", \"data-testid\": \"table-settings-apply\" }))))));\n }\n get host() { return getElement(this); }\n static get watchers() { return {\n \"_tableSettings\": [\"handleTableSettingsChange\"]\n }; }\n};\n\nexport { KolTableSettings as kol_table_settings_wc };\n//# sourceMappingURL=kol-table-settings-wc.entry.js.map\n\n//# sourceMappingURL=kol-table-settings-wc.entry.js.map"],"names":["KolTableSettings","hostRef","registerInstance","translate","newValue","columns","colA","colB","columnId","direction","columnSettings","sourceIndex","col","targetIndex","source","target","newCols","key","visible","width","_a","event","column","dispatchDomEvent","KolEvent","sortedColumns","a","b","h","KolPopoverButtonWcTag","el","KolHeadingTag","KolAlertWcTag","index","KolInputCheckboxTag","_","value","KolInputNumberTag","KolButtonWcTag","getElement"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"kol-table-stateful.entry-DqfwlcLW.js","sources":["../../../../components/dist/esm/kol-table-stateful.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host, g as getElement } from './index-CuRbHMox.js';\nimport { i as KolPaginationWcTag, m as KolTableStatelessWcTag } from './component-names-CkE54Ym7.js';\nimport { t as translate } from './i18n-yBVLeHdv.js';\nimport { d as watchBoolean, w as watchValidator, s as setState, O as emptyStringByArrayHandler, e as watchString, p as parseJson, o as objectObjectHandler, j as devHint } from './common-7RW_NFNf.js';\nimport { v as validateLabel } from './label-DAfXJvJZ.js';\nimport { v as validateTableData, a as validateTableDataFoot, b as validateTableSelection, c as validateTableStatefulCallbacks, d as validateTableSettings } from './table-settings-CC1LSsqS.js';\nimport { C as Callback } from './keyboard-D6PoWr38.js';\nimport { K as KolEvent, d as dispatchDomEvent } from './events-CoPFQEiC.js';\nimport './i18n-CjhRejiw.js';\n\nconst validateAllowMultiSort = (component, value, options = {}) => {\n watchBoolean(component, '_allowMultiSort', value, Object.assign({ defaultValue: false }, options));\n};\n\nconst paginationPositionPropTypeOptions = ['top', 'bottom', 'both'];\nconst validatePaginationPosition = (component, value) => {\n watchValidator(component, `_paginationPosition`, (value) => typeof value === 'string' && paginationPositionPropTypeOptions.includes(value), new Set([`PaginationPositionPropType {${paginationPositionPropTypeOptions.join(', ')}`]), value, {\n defaultValue: 'bottom',\n });\n};\n\nconst defaultStyleCss = \"@charset \\\"UTF-8\\\";\\n/* forward the rem function */\\n/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n :host {\\n /*\\n * Minimum size of interactive elements.\\n */\\n --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n color: black;\\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 /*\\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 * Word spacing is required for all texts.\\n */\\n word-spacing: inherit;\\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 * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n */\\n word-break: break-word;\\n }\\n /*\\n * All interactive elements should have a minimum size of to-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-width: var(--a11y-min-size);\\n min-height: 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 * Letter spacing is required for all texts.\\n */\\n letter-spacing: inherit;\\n /*\\n * Word spacing is required for all texts.\\n */\\n word-spacing: inherit;\\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 position: absolute;\\n width: 1px;\\n height: 1px;\\n overflow: hidden;\\n white-space: nowrap;\\n clip: rect(0 0 0 0);\\n clip-path: inset(50%);\\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 width: 100%;\\n margin: 0;\\n padding: 0;\\n border: none;\\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 color: black;\\n background-color: lightgray;\\n }\\n}\\n@layer kol-global {\\n :host {\\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 font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\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 opacity: 0.5;\\n outline: none;\\n cursor: not-allowed;\\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 @keyframes fadeInOpacity {\\n 0% {\\n opacity: 0;\\n }\\n 100% {\\n opacity: 1;\\n }\\n }\\n .kol-tooltip {\\n display: contents;\\n contain: layout;\\n }\\n .kol-tooltip__floating {\\n display: none;\\n position: fixed;\\n /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n top: 0;\\n left: 0;\\n /* Can be used to specify the tooltip-width from the outside. Unset by default. */\\n width: var(--kol-tooltip-width);\\n max-width: 90vw;\\n max-height: 90vh;\\n visibility: hidden;\\n animation-duration: 0.25s;\\n animation-iteration-count: 1;\\n animation-name: fadeInOpacity;\\n animation-timing-function: ease-in;\\n }\\n .kol-tooltip__arrow {\\n transform: rotate(45deg);\\n color: #000;\\n background-color: #fff;\\n position: absolute;\\n z-index: 999;\\n width: calc(10rem / var(--kolibri-root-font-size, 16));\\n height: calc(10rem / var(--kolibri-root-font-size, 16));\\n }\\n .kol-tooltip__content {\\n color: #000;\\n background-color: #fff;\\n position: relative;\\n z-index: 1000;\\n }\\n}\\n@layer kol-component {\\n .kol-alert {\\n display: grid;\\n }\\n .kol-alert__container {\\n display: flex;\\n place-items: center;\\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 :host {\\n display: inline-block;\\n }\\n .kol-button {\\n display: inline-flex;\\n place-items: center;\\n font-style: calc(16rem / var(--kolibri-root-font-size, 16));\\n text-align: center;\\n text-decoration-line: none;\\n }\\n .kol-button::before {\\n /* Render zero-width character as first element to set the baseline correctly. */\\n content: \\\"\\\";\\n }\\n .kol-button__text {\\n width: 100%;\\n margin: auto;\\n }\\n}\\n@layer kol-component {\\n .kol-popover-button__button {\\n display: inline-block;\\n }\\n .kol-popover-button__popover {\\n margin: 0;\\n padding: 0;\\n border: 0;\\n }\\n}\\n@layer kol-component {\\n .kol-table-settings {\\n background: #fff;\\n position: absolute;\\n top: 0;\\n right: 0;\\n z-index: 1;\\n }\\n .kol-table-settings__columns-container {\\n max-height: calc(200rem / var(--kolibri-root-font-size, 16));\\n margin-top: calc(16rem / var(--kolibri-root-font-size, 16));\\n overflow: auto;\\n }\\n .kol-table-settings__columns {\\n display: grid;\\n overflow: hidden;\\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\\n align-items: center;\\n grid-auto-rows: min-content;\\n grid-template-columns: min-content 1fr calc(100rem / var(--kolibri-root-font-size, 16)) auto auto;\\n }\\n .kol-table-settings__column {\\n display: contents;\\n }\\n}\\n@layer kol-component {\\n .kol-table {\\n display: block;\\n position: relative;\\n max-width: 100%;\\n }\\n .kol-table__scroll-container {\\n overflow-x: auto;\\n overflow-y: hidden;\\n }\\n .kol-table:has(.kol-table__focus-element:focus) .kol-table__scroll-container {\\n /* @see https://remysharp.com/til/css/focus-ring-default-styles */\\n outline: 5px auto Highlight;\\n outline: 5px auto -webkit-focus-ring-color;\\n outline-offset: 2px;\\n }\\n .kol-table__table {\\n width: 100%;\\n }\\n .kol-table__caption {\\n min-height: var(--a11y-min-size);\\n padding-right: var(--a11y-min-size);\\n text-align: start;\\n }\\n .kol-table__sort-button .kol-button {\\n color: inherit;\\n }\\n .kol-table__body {\\n text-align: left;\\n }\\n .kol-table__body .kol-button__text {\\n justify-items: start;\\n }\\n .kol-table__cell--align-left {\\n text-align: left;\\n }\\n .kol-table__cell--align-left .kol-button__text {\\n justify-items: start;\\n }\\n .kol-table__cell--align-center {\\n text-align: center;\\n }\\n .kol-table__cell--align-center .kol-button__text {\\n justify-items: center;\\n }\\n .kol-table__cell--align-right {\\n text-align: right;\\n }\\n .kol-table__cell--align-right .kol-button__text {\\n justify-items: end;\\n }\\n .kol-table__cell--selection {\\n width: var(--a11y-min-size);\\n height: var(--a11y-min-size);\\n white-space: nowrap;\\n }\\n .kol-table__spacer {\\n display: none;\\n }\\n .kol-table__selection-label {\\n display: flex;\\n position: relative;\\n width: var(--a11y-min-size);\\n height: var(--a11y-min-size);\\n align-items: center;\\n justify-content: center;\\n cursor: pointer;\\n }\\n .kol-table__selection-label--disabled {\\n cursor: not-allowed;\\n }\\n .kol-table__selection-icon {\\n display: block;\\n position: absolute;\\n inset: auto;\\n z-index: 1;\\n }\\n .kol-table__selection-input {\\n border-style: solid;\\n margin: 0;\\n appearance: none;\\n cursor: pointer;\\n }\\n .kol-table__selection-input:disabled {\\n cursor: not-allowed;\\n }\\n .kol-table__selection-input:before {\\n content: \\\"\\\";\\n }\\n .kol-table__selection-input--checkbox {\\n background-color: rgb(255, 255, 255);\\n display: flex;\\n position: relative;\\n width: calc(var(--a11y-min-size) / 2);\\n height: calc(var(--a11y-min-size) / 2);\\n border-width: 2px;\\n align-items: center;\\n justify-content: center;\\n line-height: 1.5;\\n }\\n .kol-table__selection-input--radio {\\n border-radius: 100%;\\n display: flex;\\n width: 1.5em;\\n min-width: 1.5em;\\n height: 1.5em;\\n min-height: 1.5em;\\n padding: 0;\\n border-width: 2px;\\n }\\n .kol-table__selection-input--radio:before {\\n border-radius: 100%;\\n width: 0.75em;\\n height: 0.75em;\\n margin: auto;\\n }\\n .kol-table__selection-input--radio:checked:before {\\n background-color: #000;\\n }\\n @media (forced-colors: active) {\\n .kol-table__selection-input--radio:checked:before {\\n /* Give it a visible background in forced colors mode */\\n background-color: selectedItem !important;\\n }\\n }\\n}\\n@layer kol-component {\\n .kol-pagination {\\n display: grid;\\n gap: calc(16rem / var(--kolibri-root-font-size, 16));\\n align-items: center;\\n grid-template-columns: 1fr auto;\\n }\\n .kol-pagination__navigation-list {\\n display: inline-flex;\\n margin: 0;\\n padding: 0;\\n gap: 0.5em;\\n flex-wrap: wrap;\\n align-items: center;\\n list-style: none;\\n }\\n .kol-pagination__separator:before {\\n content: \\\"•••\\\";\\n }\\n}\\n@layer kol-component {\\n .kol-table-stateful__pagination, .kol-table-stateful__pagination-wrapper {\\n display: grid;\\n place-items: center;\\n }\\n @media (min-width: 1024px) {\\n .kol-table-stateful__pagination, .kol-table-stateful__pagination-wrapper {\\n grid-auto-flow: column;\\n }\\n }\\n .kol-pagination {\\n display: flex;\\n flex-wrap: wrap;\\n }\\n @media (min-width: 1024px) {\\n .kol-pagination {\\n display: flex;\\n }\\n }\\n @media (max-width: 1024px) {\\n .kol-pagination {\\n flex-direction: column;\\n }\\n }\\n}\";\n\nconst PAGINATION_OPTIONS = [10, 20, 50, 100];\nconst paginationValidator = (value) => value === true || value === '' || (typeof value === 'object' && value !== null);\nconst KolTableStateful = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.catchRef = (ref) => {\n this.tableWcRef = ref;\n };\n this.sortData = [];\n this.showPagination = false;\n this.pageStartSlice = 0;\n this.pageEndSlice = 10;\n this.disableSort = false;\n this._paginationPosition = 'bottom';\n this.state = {\n _allowMultiSort: false,\n _data: [],\n _dataFoot: [],\n _headers: {\n horizontal: [],\n vertical: [],\n },\n _label: '',\n _minWidth: 'auto',\n _pagination: {\n _page: 1,\n _pageSize: 10,\n _max: 0,\n },\n _sortedData: [],\n _paginationPosition: 'bottom',\n };\n this.handlePagination = {\n onClick: (event, page) => {\n var _a;\n if (typeof ((_a = this.state._pagination._on) === null || _a === void 0 ? void 0 : _a.onClick) === 'function') {\n this.state._pagination._on.onClick(event, page);\n }\n setState(this, '_pagination', Object.assign(Object.assign({}, this.state._pagination), { _page: page }));\n },\n onChangePage: (event, page) => {\n var _a;\n if (typeof ((_a = this.state._pagination._on) === null || _a === void 0 ? void 0 : _a.onChangePage) === 'function') {\n this.state._pagination._on.onChangePage(event, page);\n }\n setState(this, '_pagination', Object.assign(Object.assign({}, this.state._pagination), { _page: page }));\n },\n onChangePageSize: (event, pageSize) => {\n var _a;\n if (typeof ((_a = this.state._pagination._on) === null || _a === void 0 ? void 0 : _a.onChangePageSize) === 'function') {\n this.state._pagination._on.onChangePageSize(event, pageSize);\n }\n setState(this, '_pagination', Object.assign(Object.assign({}, this.state._pagination), { _pageSize: pageSize }));\n setState(this, '_pageSize', pageSize);\n },\n };\n this.onSelectionChange = (event) => {\n event.stopPropagation();\n };\n this.updateSortedData = () => {\n if (this.disableSort) {\n setState(this, '_sortedData', this.state._data);\n return;\n }\n const sortedData = [...this.state._data];\n if (this.sortData.length > 0) {\n sortedData.sort((a, b) => {\n for (let index = 0; index < this.sortData.length; index++) {\n const data = this.sortData[index];\n const result = data.compareFn(a, b);\n if (result !== 0) {\n return data.direction === 'ASC' ? result : -result;\n }\n }\n return 0;\n });\n }\n setState(this, '_sortedData', sortedData);\n };\n }\n validateAllowMultiSort(value) {\n validateAllowMultiSort(this, value, { defaultValue: false });\n }\n validateData(value) {\n validateTableData(this, value, {\n afterPatch: () => {\n setTimeout(this.updateSortedData);\n },\n });\n }\n validateDataFoot(value) {\n validateTableDataFoot(this, value, {\n afterPatch: () => {\n setTimeout(this.updateSortedData);\n },\n });\n }\n validatePaginationPosition(value) {\n validatePaginationPosition(this, value);\n }\n changeCellSort(headerCell) {\n var _a;\n if (typeof headerCell.compareFn === 'function') {\n if (!this.state._allowMultiSort && headerCell.key !== ((_a = this.sortData[0]) === null || _a === void 0 ? void 0 : _a.key)) {\n this.sortData = [];\n }\n const index = this.sortData.findIndex((value) => value.key === headerCell.key);\n if (index >= 0) {\n const settings = this.sortData[index];\n switch (settings.direction) {\n case 'ASC':\n settings.direction = 'DESC';\n break;\n case 'DESC':\n this.sortData.splice(index, 1);\n break;\n default:\n settings.direction = 'ASC';\n break;\n }\n }\n else if (headerCell.key) {\n this.sortData.push({\n label: headerCell.label,\n key: headerCell.key,\n compareFn: headerCell.compareFn,\n direction: 'ASC',\n });\n }\n this.updateSortedData();\n }\n }\n validateHeaders(value) {\n emptyStringByArrayHandler(value, () => {\n objectObjectHandler(value, () => {\n try {\n value = parseJson(value);\n }\n catch (e) {\n }\n watchValidator(this, '_headers', (value) => typeof value === 'object' && value !== null, new Set(['KoliBriTableHeaders']), value, {\n hooks: {\n beforePatch: (nextValue) => {\n var _a, _b, _c, _d;\n const applySort = (headers) => {\n let hasSortedCells = false;\n headers.forEach((cell) => {\n const key = cell.key;\n if (!key) {\n return;\n }\n const sortDirection = cell.sortDirection;\n if (sortDirection === 'ASC' || sortDirection === 'DESC') {\n if (typeof cell.compareFn === 'function') {\n if (this.state._allowMultiSort || this.sortData.length === 0) {\n this.sortData.push({ label: cell.label, key, compareFn: cell.compareFn, direction: sortDirection });\n }\n hasSortedCells = true;\n }\n }\n });\n if (hasSortedCells) {\n setTimeout(() => this.updateSortedData());\n }\n };\n const headers = nextValue;\n (_a = headers.horizontal) === null || _a === void 0 ? void 0 : _a.forEach(applySort);\n (_b = headers.vertical) === null || _b === void 0 ? void 0 : _b.forEach(applySort);\n if (headers.horizontal && headers.vertical && ((_c = headers.horizontal) === null || _c === void 0 ? void 0 : _c.length) > 0 && ((_d = headers.vertical) === null || _d === void 0 ? void 0 : _d.length) > 0) {\n this.disableSort = true;\n devHint(`Table: You can not sort the table data, if horizontal and vertical headers are defined at the same time. (https://github.com/public-ui/kolibri/issues/2372)`);\n }\n },\n },\n });\n });\n });\n }\n validateLabel(value) {\n validateLabel(this, value, {\n required: true,\n });\n }\n validateMinWidth(value) {\n watchString(this, '_minWidth', value, {\n defaultValue: undefined,\n });\n }\n validateSelection(value) {\n validateTableSelection(this, value);\n }\n validateOn(value) {\n validateTableStatefulCallbacks(this, value);\n }\n validateTableSettings(value) {\n validateTableSettings(this, value);\n }\n validatePagination(value) {\n try {\n value = parseJson(value);\n }\n catch (e) {\n }\n this.showPagination = paginationValidator(value);\n watchValidator(this, '_pagination', paginationValidator, new Set(['boolean', 'KoliBriTablePagination']), value, {\n defaultValue: {\n _page: 1,\n _pageSize: 10,\n _max: 0,\n },\n });\n }\n componentDidLoad() {\n var _a;\n (_a = this.tableWcRef) === null || _a === void 0 ? void 0 : _a.addEventListener(KolEvent.selectionChange, this.onSelectionChange);\n }\n disconnectedCallback() {\n var _a;\n (_a = this.tableWcRef) === null || _a === void 0 ? void 0 : _a.removeEventListener(KolEvent.selectionChange, this.onSelectionChange);\n }\n componentWillLoad() {\n this.validateAllowMultiSort(this._allowMultiSort);\n this.validateData(this._data);\n this.validateDataFoot(this._dataFoot);\n this.validateHeaders(this._headers);\n this.validateLabel(this._label);\n this.validateMinWidth(this._minWidth);\n this.validateOn(this._on);\n this.validatePagination(this._pagination);\n this.validatePaginationPosition(this._paginationPosition);\n this.validateSelection(this._selection);\n this.validateTableSettings(this._tableSettings);\n }\n selectDisplayedData(data, pageSize, page) {\n if (typeof pageSize === 'number' && pageSize > 0 && typeof page === 'number' && page > 0) {\n this.pageStartSlice = pageSize * (page - 1);\n this.pageEndSlice = pageSize * page > data.length ? data.length : pageSize * page;\n return data.slice(this.pageStartSlice, this.pageEndSlice);\n }\n else {\n this.pageStartSlice = 0;\n this.pageEndSlice = data.length;\n return data;\n }\n }\n renderPagination(position) {\n const label = translate('kol-table-pagination-label', {\n placeholders: {\n label: `${this.state._label} (${translate(`kol-pagination-position-${position}`)})`,\n },\n });\n return (h(\"div\", { class: `kol-table-stateful__pagination kol-table-stateful__pagination--${this.state._paginationPosition}` }, h(\"span\", null, translate('kol-table-visible-range', {\n placeholders: {\n start: this.pageEndSlice > 0 ? (this.pageStartSlice + 1).toString() : '0',\n end: this.pageEndSlice.toString(),\n total: this.state._pagination && this.state._pagination._max > 0\n ? this.state._pagination._max.toString()\n : Array.isArray(this.state._data)\n ? this.state._data.length.toString()\n : '0',\n },\n })), h(\"div\", { class: \"kol-table-stateful__pagination-wrapper\" }, h(KolPaginationWcTag, { class: \"test\", _boundaryCount: this.state._pagination._boundaryCount, _customClass: this.state._pagination._customClass, _on: this.handlePagination, _page: this.state._pagination._page, _pageSize: this.state._pagination._pageSize, _pageSizeOptions: this.state._pagination._pageSizeOptions || PAGINATION_OPTIONS, _siblingCount: this.state._pagination._siblingCount, _tooltipAlign: \"bottom\", _max: this.state._pagination._max || this.state._pagination._max || this.state._data.length, _label: label }))));\n }\n getHeaderCellSortState(headerCell) {\n if (!this.disableSort && typeof headerCell.compareFn === 'function') {\n if (headerCell.key) {\n const data = this.sortData.find((value) => value.key === headerCell.key);\n if (data === null || data === void 0 ? void 0 : data.direction) {\n return data.direction;\n }\n }\n return 'NOS';\n }\n }\n handleSort({ key }) {\n const headerCell = [...(this.state._headers.horizontal || []).flat(), ...(this.state._headers.vertical || []).flat()].find((cell) => cell.key === key);\n if (headerCell) {\n this.changeCellSort(headerCell);\n }\n }\n getSelectedData(selectedKeys) {\n var _a;\n const selection = this.state._selection;\n if (selection) {\n const keyPropertyName = (_a = selection.keyPropertyName) !== null && _a !== void 0 ? _a : 'id';\n const data = this.state._sortedData.filter((item) => selectedKeys.includes(item[keyPropertyName]));\n if ((selection === null || selection === void 0 ? void 0 : selection.multiple) === false) {\n return data[0];\n }\n if (keyPropertyName)\n return data;\n }\n return null;\n }\n handleSelectionChange(event, value) {\n var _a;\n const selection = this.state._selection;\n if (selection)\n this.state = Object.assign(Object.assign({}, this.state), { _selection: Object.assign(Object.assign({}, selection), { selectedKeys: typeof value === 'object' ? value : [value] }) });\n const selectedData = this.getSelectedData(value);\n if (typeof ((_a = this.state._on) === null || _a === void 0 ? void 0 : _a[Callback.onSelectionChange]) === 'function') {\n this.state._on[Callback.onSelectionChange](event, selectedData);\n }\n if (this.host) {\n dispatchDomEvent(this.host, KolEvent.selectionChange, selectedData);\n }\n }\n async getSelection() {\n var _a;\n const selectedKeys = ((_a = this.state._selection) === null || _a === void 0 ? void 0 : _a.selectedKeys) || [];\n return this.getSelectedData(selectedKeys);\n }\n render() {\n var _a, _b, _c, _d, _e, _f;\n const displayedData = this.selectDisplayedData(this.state._sortedData, this.showPagination ? ((_b = (_a = this.state._pagination) === null || _a === void 0 ? void 0 : _a._pageSize) !== null && _b !== void 0 ? _b : 10) : this.state._sortedData.length, this.state._pagination._page || 1);\n const paginationTop = this._paginationPosition === 'top' || this._paginationPosition === 'both' ? this.renderPagination('top') : null;\n const paginationBottom = this._paginationPosition === 'bottom' || this._paginationPosition === 'both' ? this.renderPagination('bottom') : null;\n const headerCells = {\n horizontal: (_d = (_c = this.state._headers.horizontal) === null || _c === void 0 ? void 0 : _c.map((row) => row.map((cell) => (Object.assign(Object.assign({}, cell), { sortDirection: this.getHeaderCellSortState(cell) }))))) !== null && _d !== void 0 ? _d : [],\n vertical: (_f = (_e = this.state._headers.vertical) === null || _e === void 0 ? void 0 : _e.map((column) => column.map((cell) => (Object.assign(Object.assign({}, cell), { sortDirection: this.getHeaderCellSortState(cell) }))))) !== null && _f !== void 0 ? _f : [],\n };\n return (h(Host, { key: 'f4d7920efb2142e1e0b9c2dd3498490874eb9d80', class: \"kol-table-stateful\" }, this.pageEndSlice > 0 && this.showPagination && paginationTop, h(KolTableStatelessWcTag, { key: '61746f51c9447486bf9cd17a82128a6078a65fde', ref: this.catchRef, _data: displayedData, _headerCells: headerCells, _label: this.state._label, _dataFoot: this.state._dataFoot, _minWidth: this.state._minWidth, _on: {\n onSort: (_, payload) => {\n this.handleSort(payload);\n },\n onSelectionChange: (event, value) => {\n this.handleSelectionChange(event, value);\n },\n }, _selection: this.state._selection, _tableSettings: this.state._tableSettings }), this.pageEndSlice > 0 && this.showPagination && paginationBottom));\n }\n get host() { return getElement(this); }\n static get watchers() { return {\n \"_allowMultiSort\": [\"validateAllowMultiSort\"],\n \"_data\": [\"validateData\"],\n \"_dataFoot\": [\"validateDataFoot\"],\n \"_paginationPosition\": [\"validatePaginationPosition\"],\n \"_headers\": [\"validateHeaders\"],\n \"_label\": [\"validateLabel\"],\n \"_minWidth\": [\"validateMinWidth\"],\n \"_selection\": [\"validateSelection\"],\n \"_on\": [\"validateOn\"],\n \"_tableSettings\": [\"validateTableSettings\"],\n \"_pagination\": [\"validatePagination\"]\n }; }\n};\nKolTableStateful.style = {\n default: defaultStyleCss\n};\n\nexport { KolTableStateful as kol_table_stateful };\n//# sourceMappingURL=kol-table-stateful.entry.js.map\n\n//# sourceMappingURL=kol-table-stateful.entry.js.map"],"names":["validateAllowMultiSort","component","value","options","watchBoolean","paginationPositionPropTypeOptions","validatePaginationPosition","watchValidator","defaultStyleCss","PAGINATION_OPTIONS","paginationValidator","KolTableStateful","hostRef","registerInstance","ref","event","page","_a","setState","pageSize","sortedData","a","b","index","data","result","validateTableData","validateTableDataFoot","headerCell","settings","emptyStringByArrayHandler","objectObjectHandler","parseJson","nextValue","_b","_c","_d","applySort","headers","hasSortedCells","cell","key","sortDirection","devHint","validateLabel","watchString","validateTableSelection","validateTableStatefulCallbacks","validateTableSettings","KolEvent","position","label","translate","KolPaginationWcTag","selectedKeys","selection","keyPropertyName","item","selectedData","Callback","dispatchDomEvent","_e","_f","displayedData","paginationTop","paginationBottom","headerCells","row","column","Host","KolTableStatelessWcTag","_","payload","getElement"],"mappings":"yXAAA;AAAA;AAAA,GAaA,MAAMA,EAAyB,CAACC,EAAWC,EAAOC,EAAU,CAAA,IAAO,CAC/DC,EAAaH,EAAW,kBAAmBC,EAAO,OAAO,OAAO,CAAE,aAAc,IAASC,CAAO,CAAC,CACrG,EAEME,EAAoC,CAAC,MAAO,SAAU,MAAM,EAC5DC,EAA6B,CAACL,EAAWC,IAAU,CACrDK,EAAeN,EAAW,sBAAwBC,GAAU,OAAOA,GAAU,UAAYG,EAAkC,SAASH,CAAK,EAAG,IAAI,IAAI,CAAC,+BAA+BG,EAAkC,KAAK,IAAI,CAAC,EAAE,CAAC,EAAGH,EAAO,CACzO,aAAc,QACtB,CAAK,CACL,EAEMM,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;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;AAAA;AAAA;AAAA,GAElBC,EAAqB,CAAC,GAAI,GAAI,GAAI,GAAG,EACrCC,EAAuBR,GAAUA,IAAU,IAAQA,IAAU,IAAO,OAAOA,GAAU,UAAYA,IAAU,KAC3GS,EAAmB,KAAM,CAC3B,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,SAAYE,GAAQ,CACrB,KAAK,WAAaA,CACrB,EACD,KAAK,SAAW,CAAE,EAClB,KAAK,eAAiB,GACtB,KAAK,eAAiB,EACtB,KAAK,aAAe,GACpB,KAAK,YAAc,GACnB,KAAK,oBAAsB,SAC3B,KAAK,MAAQ,CACT,gBAAiB,GACjB,MAAO,CAAE,EACT,UAAW,CAAE,EACb,SAAU,CACN,WAAY,CAAE,EACd,SAAU,CAAE,CACf,EACD,OAAQ,GACR,UAAW,OACX,YAAa,CACT,MAAO,EACP,UAAW,GACX,KAAM,CACT,EACD,YAAa,CAAE,EACf,oBAAqB,QACxB,EACD,KAAK,iBAAmB,CACpB,QAAS,CAACC,EAAOC,IAAS,CACtB,IAAIC,EACA,QAASA,EAAK,KAAK,MAAM,YAAY,OAAS,MAAQA,IAAO,OAAS,OAASA,EAAG,UAAa,YAC/F,KAAK,MAAM,YAAY,IAAI,QAAQF,EAAOC,CAAI,EAElDE,EAAS,KAAM,cAAe,OAAO,OAAO,OAAO,OAAO,CAAE,EAAE,KAAK,MAAM,WAAW,EAAG,CAAE,MAAOF,CAAI,CAAE,CAAC,CAC1G,EACD,aAAc,CAACD,EAAOC,IAAS,CAC3B,IAAIC,EACA,QAASA,EAAK,KAAK,MAAM,YAAY,OAAS,MAAQA,IAAO,OAAS,OAASA,EAAG,eAAkB,YACpG,KAAK,MAAM,YAAY,IAAI,aAAaF,EAAOC,CAAI,EAEvDE,EAAS,KAAM,cAAe,OAAO,OAAO,OAAO,OAAO,CAAE,EAAE,KAAK,MAAM,WAAW,EAAG,CAAE,MAAOF,CAAI,CAAE,CAAC,CAC1G,EACD,iBAAkB,CAACD,EAAOI,IAAa,CACnC,IAAIF,EACA,QAASA,EAAK,KAAK,MAAM,YAAY,OAAS,MAAQA,IAAO,OAAS,OAASA,EAAG,mBAAsB,YACxG,KAAK,MAAM,YAAY,IAAI,iBAAiBF,EAAOI,CAAQ,EAE/DD,EAAS,KAAM,cAAe,OAAO,OAAO,OAAO,OAAO,CAAE,EAAE,KAAK,MAAM,WAAW,EAAG,CAAE,UAAWC,CAAQ,CAAE,CAAC,EAC/GD,EAAS,KAAM,YAAaC,CAAQ,CACvC,CACJ,EACD,KAAK,kBAAqBJ,GAAU,CAChCA,EAAM,gBAAiB,CAC1B,EACD,KAAK,iBAAmB,IAAM,CAC1B,GAAI,KAAK,YAAa,CAClBG,EAAS,KAAM,cAAe,KAAK,MAAM,KAAK,EAC9C,MAChB,CACY,MAAME,EAAa,CAAC,GAAG,KAAK,MAAM,KAAK,EACnC,KAAK,SAAS,OAAS,GACvBA,EAAW,KAAK,CAACC,EAAGC,IAAM,CACtB,QAASC,EAAQ,EAAGA,EAAQ,KAAK,SAAS,OAAQA,IAAS,CACvD,MAAMC,EAAO,KAAK,SAASD,CAAK,EAC1BE,EAASD,EAAK,UAAUH,EAAGC,CAAC,EAClC,GAAIG,IAAW,EACX,OAAOD,EAAK,YAAc,MAAQC,EAAS,CAACA,CAExE,CACoB,MAAO,EAC3B,CAAiB,EAELP,EAAS,KAAM,cAAeE,CAAU,CAC3C,CACT,CACI,uBAAuBlB,EAAO,CAC1BF,EAAuB,KAAME,EAAO,CAAE,aAAc,EAAK,CAAE,CACnE,CACI,aAAaA,EAAO,CAChBwB,EAAkB,KAAMxB,EAAO,CAC3B,WAAY,IAAM,CACd,WAAW,KAAK,gBAAgB,CACnC,CACb,CAAS,CACT,CACI,iBAAiBA,EAAO,CACpByB,EAAsB,KAAMzB,EAAO,CAC/B,WAAY,IAAM,CACd,WAAW,KAAK,gBAAgB,CACnC,CACb,CAAS,CACT,CACI,2BAA2BA,EAAO,CAC9BI,EAA2B,KAAMJ,CAAK,CAC9C,CACI,eAAe0B,EAAY,CACvB,IAAIX,EACJ,GAAI,OAAOW,EAAW,WAAc,WAAY,CACxC,CAAC,KAAK,MAAM,iBAAmBA,EAAW,QAAUX,EAAK,KAAK,SAAS,CAAC,KAAO,MAAQA,IAAO,OAAS,OAASA,EAAG,OACnH,KAAK,SAAW,CAAE,GAEtB,MAAMM,EAAQ,KAAK,SAAS,UAAWrB,GAAUA,EAAM,MAAQ0B,EAAW,GAAG,EAC7E,GAAIL,GAAS,EAAG,CACZ,MAAMM,EAAW,KAAK,SAASN,CAAK,EACpC,OAAQM,EAAS,UAAS,CACtB,IAAK,MACDA,EAAS,UAAY,OACrB,MACJ,IAAK,OACD,KAAK,SAAS,OAAON,EAAO,CAAC,EAC7B,MACJ,QACIM,EAAS,UAAY,MACrB,KACxB,CACA,MACqBD,EAAW,KAChB,KAAK,SAAS,KAAK,CACf,MAAOA,EAAW,MAClB,IAAKA,EAAW,IAChB,UAAWA,EAAW,UACtB,UAAW,KAC/B,CAAiB,EAEL,KAAK,iBAAkB,CACnC,CACA,CACI,gBAAgB1B,EAAO,CACnB4B,EAA0B5B,EAAO,IAAM,CACnC6B,EAAoB7B,EAAO,IAAM,CAC7B,GAAI,CACAA,EAAQ8B,EAAU9B,CAAK,CAC3C,MAC0B,CAC1B,CACgBK,EAAe,KAAM,WAAaL,GAAU,OAAOA,GAAU,UAAYA,IAAU,KAAM,IAAI,IAAI,CAAC,qBAAqB,CAAC,EAAGA,EAAO,CAC9H,MAAO,CACH,YAAc+B,GAAc,CACxB,IAAIhB,EAAIiB,EAAIC,EAAIC,EAChB,MAAMC,EAAaC,GAAY,CAC3B,IAAIC,EAAiB,GACrBD,EAAQ,QAASE,GAAS,CACtB,MAAMC,EAAMD,EAAK,IACjB,GAAI,CAACC,EACD,OAEJ,MAAMC,EAAgBF,EAAK,eACvBE,IAAkB,OAASA,IAAkB,SACzC,OAAOF,EAAK,WAAc,cACtB,KAAK,MAAM,iBAAmB,KAAK,SAAS,SAAW,IACvD,KAAK,SAAS,KAAK,CAAE,MAAOA,EAAK,MAAO,IAAAC,EAAK,UAAWD,EAAK,UAAW,UAAWE,CAAa,CAAE,EAEtGH,EAAiB,GAG7D,CAAiC,EACGA,GACA,WAAW,IAAM,KAAK,kBAAkB,CAE/C,EACKD,EAAUL,GACfhB,EAAKqB,EAAQ,cAAgB,MAAQrB,IAAO,QAAkBA,EAAG,QAAQoB,CAAS,GAClFH,EAAKI,EAAQ,YAAc,MAAQJ,IAAO,QAAkBA,EAAG,QAAQG,CAAS,EAC7EC,EAAQ,YAAcA,EAAQ,YAAcH,EAAKG,EAAQ,cAAgB,MAAQH,IAAO,OAAS,OAASA,EAAG,QAAU,KAAOC,EAAKE,EAAQ,YAAc,MAAQF,IAAO,OAAS,OAASA,EAAG,QAAU,IACvM,KAAK,YAAc,GACnBO,EAAQ,6JAA6J,EAE5K,CACJ,CACrB,CAAiB,CACjB,CAAa,CACb,CAAS,CACT,CACI,cAAczC,EAAO,CACjB0C,EAAc,KAAM1C,EAAO,CACvB,SAAU,EACtB,CAAS,CACT,CACI,iBAAiBA,EAAO,CACpB2C,EAAY,KAAM,YAAa3C,EAAO,CAClC,aAAc,MAC1B,CAAS,CACT,CACI,kBAAkBA,EAAO,CACrB4C,EAAuB,KAAM5C,CAAK,CAC1C,CACI,WAAWA,EAAO,CACd6C,EAA+B,KAAM7C,CAAK,CAClD,CACI,sBAAsBA,EAAO,CACzB8C,EAAsB,KAAM9C,CAAK,CACzC,CACI,mBAAmBA,EAAO,CACtB,GAAI,CACAA,EAAQ8B,EAAU9B,CAAK,CACnC,MACkB,CAClB,CACQ,KAAK,eAAiBQ,EAAoBR,CAAK,EAC/CK,EAAe,KAAM,cAAeG,EAAqB,IAAI,IAAI,CAAC,UAAW,wBAAwB,CAAC,EAAGR,EAAO,CAC5G,aAAc,CACV,MAAO,EACP,UAAW,GACX,KAAM,CACT,CACb,CAAS,CACT,CACI,kBAAmB,CACf,IAAIe,GACHA,EAAK,KAAK,cAAgB,MAAQA,IAAO,QAAkBA,EAAG,iBAAiBgC,EAAS,gBAAiB,KAAK,iBAAiB,CACxI,CACI,sBAAuB,CACnB,IAAIhC,GACHA,EAAK,KAAK,cAAgB,MAAQA,IAAO,QAAkBA,EAAG,oBAAoBgC,EAAS,gBAAiB,KAAK,iBAAiB,CAC3I,CACI,mBAAoB,CAChB,KAAK,uBAAuB,KAAK,eAAe,EAChD,KAAK,aAAa,KAAK,KAAK,EAC5B,KAAK,iBAAiB,KAAK,SAAS,EACpC,KAAK,gBAAgB,KAAK,QAAQ,EAClC,KAAK,cAAc,KAAK,MAAM,EAC9B,KAAK,iBAAiB,KAAK,SAAS,EACpC,KAAK,WAAW,KAAK,GAAG,EACxB,KAAK,mBAAmB,KAAK,WAAW,EACxC,KAAK,2BAA2B,KAAK,mBAAmB,EACxD,KAAK,kBAAkB,KAAK,UAAU,EACtC,KAAK,sBAAsB,KAAK,cAAc,CACtD,CACI,oBAAoBzB,EAAML,EAAUH,EAAM,CACtC,OAAI,OAAOG,GAAa,UAAYA,EAAW,GAAK,OAAOH,GAAS,UAAYA,EAAO,GACnF,KAAK,eAAiBG,GAAYH,EAAO,GACzC,KAAK,aAAeG,EAAWH,EAAOQ,EAAK,OAASA,EAAK,OAASL,EAAWH,EACtEQ,EAAK,MAAM,KAAK,eAAgB,KAAK,YAAY,IAGxD,KAAK,eAAiB,EACtB,KAAK,aAAeA,EAAK,OAClBA,EAEnB,CACI,iBAAiB0B,EAAU,CACvB,MAAMC,EAAQC,EAAU,6BAA8B,CAClD,aAAc,CACV,MAAO,GAAG,KAAK,MAAM,MAAM,KAAKA,EAAU,2BAA2BF,CAAQ,EAAE,CAAC,GACnF,CACb,CAAS,EACD,OAAQ,EAAE,MAAO,CAAE,MAAO,kEAAkE,KAAK,MAAM,mBAAmB,EAAI,EAAE,EAAE,OAAQ,KAAME,EAAU,0BAA2B,CACjL,aAAc,CACV,MAAO,KAAK,aAAe,GAAK,KAAK,eAAiB,GAAG,SAAQ,EAAK,IACtE,IAAK,KAAK,aAAa,SAAU,EACjC,MAAO,KAAK,MAAM,aAAe,KAAK,MAAM,YAAY,KAAO,EACzD,KAAK,MAAM,YAAY,KAAK,SAAQ,EACpC,MAAM,QAAQ,KAAK,MAAM,KAAK,EAC1B,KAAK,MAAM,MAAM,OAAO,SAAQ,EAChC,GACb,CACb,CAAS,CAAC,EAAG,EAAE,MAAO,CAAE,MAAO,wCAAwC,EAAI,EAAEC,EAAoB,CAAE,MAAO,OAAQ,eAAgB,KAAK,MAAM,YAAY,eAAgB,aAAc,KAAK,MAAM,YAAY,aAAc,IAAK,KAAK,iBAAkB,MAAO,KAAK,MAAM,YAAY,MAAO,UAAW,KAAK,MAAM,YAAY,UAAW,iBAAkB,KAAK,MAAM,YAAY,kBAAoB5C,EAAoB,cAAe,KAAK,MAAM,YAAY,cAAe,cAAe,SAAU,KAAM,KAAK,MAAM,YAAY,MAAQ,KAAK,MAAM,YAAY,MAAQ,KAAK,MAAM,MAAM,OAAQ,OAAQ0C,CAAO,CAAA,CAAC,CAAC,CACvlB,CACI,uBAAuBvB,EAAY,CAC/B,GAAI,CAAC,KAAK,aAAe,OAAOA,EAAW,WAAc,WAAY,CACjE,GAAIA,EAAW,IAAK,CAChB,MAAMJ,EAAO,KAAK,SAAS,KAAMtB,GAAUA,EAAM,MAAQ0B,EAAW,GAAG,EACvE,GAAIJ,GAAS,MAAmCA,EAAK,UACjD,OAAOA,EAAK,SAEhC,CACY,MAAO,KACnB,CACA,CACI,WAAW,CAAE,IAAAiB,GAAO,CAChB,MAAMb,EAAa,CAAC,IAAI,KAAK,MAAM,SAAS,YAAc,CAAE,GAAE,KAAM,EAAE,IAAI,KAAK,MAAM,SAAS,UAAY,CAAE,GAAE,KAAM,CAAA,EAAE,KAAMY,GAASA,EAAK,MAAQC,CAAG,EACjJb,GACA,KAAK,eAAeA,CAAU,CAE1C,CACI,gBAAgB0B,EAAc,CAC1B,IAAIrC,EACJ,MAAMsC,EAAY,KAAK,MAAM,WAC7B,GAAIA,EAAW,CACX,MAAMC,GAAmBvC,EAAKsC,EAAU,mBAAqB,MAAQtC,IAAO,OAASA,EAAK,KACpFO,EAAO,KAAK,MAAM,YAAY,OAAQiC,GAASH,EAAa,SAASG,EAAKD,CAAe,CAAC,CAAC,EACjG,IAAKD,GAAc,KAA+B,OAASA,EAAU,YAAc,GAC/E,OAAO/B,EAAK,CAAC,EAEjB,GAAIgC,EACA,OAAOhC,CACvB,CACQ,OAAO,IACf,CACI,sBAAsBT,EAAOb,EAAO,CAChC,IAAIe,EACJ,MAAMsC,EAAY,KAAK,MAAM,WACzBA,IACA,KAAK,MAAQ,OAAO,OAAO,OAAO,OAAO,CAAE,EAAE,KAAK,KAAK,EAAG,CAAE,WAAY,OAAO,OAAO,OAAO,OAAO,CAAE,EAAEA,CAAS,EAAG,CAAE,aAAc,OAAOrD,GAAU,SAAWA,EAAQ,CAACA,CAAK,CAAC,CAAE,CAAC,CAAE,GACxL,MAAMwD,EAAe,KAAK,gBAAgBxD,CAAK,EAC3C,QAASe,EAAK,KAAK,MAAM,OAAS,MAAQA,IAAO,OAAS,OAASA,EAAG0C,EAAS,iBAAiB,IAAO,YACvG,KAAK,MAAM,IAAIA,EAAS,iBAAiB,EAAE5C,EAAO2C,CAAY,EAE9D,KAAK,MACLE,EAAiB,KAAK,KAAMX,EAAS,gBAAiBS,CAAY,CAE9E,CACI,MAAM,cAAe,CACjB,IAAIzC,EACJ,MAAMqC,IAAiBrC,EAAK,KAAK,MAAM,cAAgB,MAAQA,IAAO,OAAS,OAASA,EAAG,eAAiB,CAAE,EAC9G,OAAO,KAAK,gBAAgBqC,CAAY,CAChD,CACI,QAAS,CACL,IAAIrC,EAAIiB,EAAIC,EAAIC,EAAIyB,EAAIC,EACxB,MAAMC,EAAgB,KAAK,oBAAoB,KAAK,MAAM,YAAa,KAAK,gBAAmB7B,GAAMjB,EAAK,KAAK,MAAM,eAAiB,MAAQA,IAAO,OAAS,OAASA,EAAG,aAAe,MAAQiB,IAAO,OAASA,EAAK,GAAM,KAAK,MAAM,YAAY,OAAQ,KAAK,MAAM,YAAY,OAAS,CAAC,EACtR8B,EAAgB,KAAK,sBAAwB,OAAS,KAAK,sBAAwB,OAAS,KAAK,iBAAiB,KAAK,EAAI,KAC3HC,EAAmB,KAAK,sBAAwB,UAAY,KAAK,sBAAwB,OAAS,KAAK,iBAAiB,QAAQ,EAAI,KACpIC,EAAc,CAChB,YAAa9B,GAAMD,EAAK,KAAK,MAAM,SAAS,cAAgB,MAAQA,IAAO,OAAS,OAASA,EAAG,IAAKgC,GAAQA,EAAI,IAAK3B,GAAU,OAAO,OAAO,OAAO,OAAO,CAAE,EAAEA,CAAI,EAAG,CAAE,cAAe,KAAK,uBAAuBA,CAAI,CAAC,CAAE,CAAE,CAAC,KAAO,MAAQJ,IAAO,OAASA,EAAK,CAAE,EACpQ,UAAW0B,GAAMD,EAAK,KAAK,MAAM,SAAS,YAAc,MAAQA,IAAO,OAAS,OAASA,EAAG,IAAKO,GAAWA,EAAO,IAAK5B,GAAU,OAAO,OAAO,OAAO,OAAO,CAAE,EAAEA,CAAI,EAAG,CAAE,cAAe,KAAK,uBAAuBA,CAAI,CAAC,CAAE,CAAE,CAAC,KAAO,MAAQsB,IAAO,OAASA,EAAK,CAAE,CACzQ,EACD,OAAQ,EAAEO,EAAM,CAAE,IAAK,2CAA4C,MAAO,oBAAoB,EAAI,KAAK,aAAe,GAAK,KAAK,gBAAkBL,EAAe,EAAEM,EAAwB,CAAE,IAAK,2CAA4C,IAAK,KAAK,SAAU,MAAOP,EAAe,aAAcG,EAAa,OAAQ,KAAK,MAAM,OAAQ,UAAW,KAAK,MAAM,UAAW,UAAW,KAAK,MAAM,UAAW,IAAK,CAC7Y,OAAQ,CAACK,EAAGC,IAAY,CACpB,KAAK,WAAWA,CAAO,CAC1B,EACD,kBAAmB,CAACzD,EAAOb,IAAU,CACjC,KAAK,sBAAsBa,EAAOb,CAAK,CAC1C,CACjB,EAAe,WAAY,KAAK,MAAM,WAAY,eAAgB,KAAK,MAAM,cAAc,CAAE,EAAG,KAAK,aAAe,GAAK,KAAK,gBAAkB+D,CAAgB,CAChK,CACI,IAAI,MAAO,CAAE,OAAOQ,EAAW,IAAI,CAAE,CACrC,WAAW,UAAW,CAAE,MAAO,CAC3B,gBAAmB,CAAC,wBAAwB,EAC5C,MAAS,CAAC,cAAc,EACxB,UAAa,CAAC,kBAAkB,EAChC,oBAAuB,CAAC,4BAA4B,EACpD,SAAY,CAAC,iBAAiB,EAC9B,OAAU,CAAC,eAAe,EAC1B,UAAa,CAAC,kBAAkB,EAChC,WAAc,CAAC,mBAAmB,EAClC,IAAO,CAAC,YAAY,EACpB,eAAkB,CAAC,uBAAuB,EAC1C,YAAe,CAAC,oBAAoB,CAC5C,CAAM,CACN,EACA9D,EAAiB,MAAQ,CACrB,QAASH,CACb"}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import{r as Re,h as u,s as Ke,d as Q,a as V,i as ee,K as te,F as He,e as ze,aq as Me,g as Fe,ab as Ie,w as Ae,o as Le,p as Ne}from"./index-DoiVX6kR.js";import{c as S}from"./clsx-eK3rPvPS-BT_IL7Fz.js";import{t as W}from"./i18n-yBVLeHdv-UtMRXdQ6.js";import{v as We}from"./label-DAfXJvJZ-BBJeZ6XX.js";import{v as Be,a as Ge,e as Ue,b as qe,d as Xe}from"./table-settings-CC1LSsqS-D2-WPX8F.js";import{C as ae}from"./keyboard-D6PoWr38-Bn_Qh8Bq.js";import{n as re}from"./dev.utils-DkpEPqJb-BcgAa1R5.js";import{a as x,c as K,r as C,b as F,S as ne,f as Je,i as we}from"./isObject-DvSELytj-B0RigBxT.js";/*!
|
|
2
|
-
* KoliBri - The accessible HTML-Standard
|
|
3
|
-
*/const Ye=(e,t)=>{Ie(t,()=>{Le(t,()=>{try{t=Ne(t)}catch{}Ae(e,"_headerCells",a=>typeof a=="object"&&a!==null&&(a.horizontal===void 0||Array.isArray(a.horizontal)&&a.horizontal.find(r=>!Array.isArray(r))===void 0)&&(a.vertical===void 0||Array.isArray(a.vertical)&&a.vertical.find(r=>!Array.isArray(r))===void 0)&&!0,new Set(["TableHeaderCellsPropType"]),t)})})};var Ze="[object AsyncFunction]",Qe="[object Function]",Ve="[object GeneratorFunction]",et="[object Proxy]";function Ce(e){if(!we(e))return!1;var t=K(e);return t==Qe||t==Ve||t==Ze||t==et}var B=C["__core-js_shared__"],ie=function(){var e=/[^.]+$/.exec(B&&B.keys&&B.keys.IE_PROTO||"");return e?"Symbol(src)_1."+e:""}();function tt(e){return!!ie&&ie in e}var at=Function.prototype,rt=at.toString;function E(e){if(e!=null){try{return rt.call(e)}catch{}try{return e+""}catch{}}return""}var nt=/[\\^$.*+?()[\]{}|]/g,it=/^\[object .+?Constructor\]$/,ot=Function.prototype,st=Object.prototype,lt=ot.toString,ct=st.hasOwnProperty,dt=RegExp("^"+lt.call(ct).replace(nt,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");function ht(e){if(!we(e)||tt(e))return!1;var t=Ce(e)?dt:it;return t.test(E(e))}function ut(e,t){return e==null?void 0:e[t]}function D(e,t){var a=ut(e,t);return ht(a)?a:void 0}var q=D(C,"WeakMap"),ft=9007199254740991,_t=/^(?:0|[1-9]\d*)$/;function pt(e,t){var a=typeof e;return t=t??ft,!!t&&(a=="number"||a!="symbol"&&_t.test(e))&&e>-1&&e%1==0&&e<t}function ke(e,t){return e===t||e!==e&&t!==t}var bt=9007199254740991;function Ee(e){return typeof e=="number"&&e>-1&&e%1==0&&e<=bt}function vt(e){return e!=null&&Ee(e.length)&&!Ce(e)}var gt=Object.prototype;function yt(e){var t=e&&e.constructor,a=typeof t=="function"&&t.prototype||gt;return e===a}function mt(e,t){for(var a=-1,r=Array(e);++a<e;)r[a]=t(a);return r}var St="[object Arguments]";function oe(e){return x(e)&&K(e)==St}var $e=Object.prototype,Tt=$e.hasOwnProperty,At=$e.propertyIsEnumerable,wt=oe(function(){return arguments}())?oe:function(e){return x(e)&&Tt.call(e,"callee")&&!At.call(e,"callee")};function Ct(){return!1}var Oe=typeof exports=="object"&&exports&&!exports.nodeType&&exports,se=Oe&&typeof module=="object"&&module&&!module.nodeType&&module,kt=se&&se.exports===Oe,le=kt?C.Buffer:void 0,Et=le?le.isBuffer:void 0,X=Et||Ct,$t="[object Arguments]",Ot="[object Array]",Dt="[object Boolean]",Pt="[object Date]",xt="[object Error]",jt="[object Function]",Rt="[object Map]",Kt="[object Number]",Ht="[object Object]",zt="[object RegExp]",Mt="[object Set]",Ft="[object String]",It="[object WeakMap]",Lt="[object ArrayBuffer]",Nt="[object DataView]",Wt="[object Float32Array]",Bt="[object Float64Array]",Gt="[object Int8Array]",Ut="[object Int16Array]",qt="[object Int32Array]",Xt="[object Uint8Array]",Jt="[object Uint8ClampedArray]",Yt="[object Uint16Array]",Zt="[object Uint32Array]",p={};p[Wt]=p[Bt]=p[Gt]=p[Ut]=p[qt]=p[Xt]=p[Jt]=p[Yt]=p[Zt]=!0;p[$t]=p[Ot]=p[Lt]=p[Dt]=p[Nt]=p[Pt]=p[xt]=p[jt]=p[Rt]=p[Kt]=p[Ht]=p[zt]=p[Mt]=p[Ft]=p[It]=!1;function Qt(e){return x(e)&&Ee(e.length)&&!!p[K(e)]}function Vt(e){return function(t){return e(t)}}var De=typeof exports=="object"&&exports&&!exports.nodeType&&exports,P=De&&typeof module=="object"&&module&&!module.nodeType&&module,ea=P&&P.exports===De,G=ea&&Je.process,ce=function(){try{var e=P&&P.require&&P.require("util").types;return e||G&&G.binding&&G.binding("util")}catch{}}(),de=ce&&ce.isTypedArray,Pe=de?Vt(de):Qt,ta=Object.prototype,aa=ta.hasOwnProperty;function ra(e,t){var a=F(e),r=!a&&wt(e),i=!a&&!r&&X(e),n=!a&&!r&&!i&&Pe(e),o=a||r||i||n,s=o?mt(e.length,String):[],l=s.length;for(var c in e)aa.call(e,c)&&!(o&&(c=="length"||i&&(c=="offset"||c=="parent")||n&&(c=="buffer"||c=="byteLength"||c=="byteOffset")||pt(c,l)))&&s.push(c);return s}function na(e,t){return function(a){return e(t(a))}}var ia=na(Object.keys,Object),oa=Object.prototype,sa=oa.hasOwnProperty;function la(e){if(!yt(e))return ia(e);var t=[];for(var a in Object(e))sa.call(e,a)&&a!="constructor"&&t.push(a);return t}function ca(e){return vt(e)?ra(e):la(e)}var j=D(Object,"create");function da(){this.__data__=j?j(null):{},this.size=0}function ha(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t}var ua="__lodash_hash_undefined__",fa=Object.prototype,_a=fa.hasOwnProperty;function pa(e){var t=this.__data__;if(j){var a=t[e];return a===ua?void 0:a}return _a.call(t,e)?t[e]:void 0}var ba=Object.prototype,va=ba.hasOwnProperty;function ga(e){var t=this.__data__;return j?t[e]!==void 0:va.call(t,e)}var ya="__lodash_hash_undefined__";function ma(e,t){var a=this.__data__;return this.size+=this.has(e)?0:1,a[e]=j&&t===void 0?ya:t,this}function k(e){var t=-1,a=e==null?0:e.length;for(this.clear();++t<a;){var r=e[t];this.set(r[0],r[1])}}k.prototype.clear=da;k.prototype.delete=ha;k.prototype.get=pa;k.prototype.has=ga;k.prototype.set=ma;function Sa(){this.__data__=[],this.size=0}function L(e,t){for(var a=e.length;a--;)if(ke(e[a][0],t))return a;return-1}var Ta=Array.prototype,Aa=Ta.splice;function wa(e){var t=this.__data__,a=L(t,e);if(a<0)return!1;var r=t.length-1;return a==r?t.pop():Aa.call(t,a,1),--this.size,!0}function Ca(e){var t=this.__data__,a=L(t,e);return a<0?void 0:t[a][1]}function ka(e){return L(this.__data__,e)>-1}function Ea(e,t){var a=this.__data__,r=L(a,e);return r<0?(++this.size,a.push([e,t])):a[r][1]=t,this}function T(e){var t=-1,a=e==null?0:e.length;for(this.clear();++t<a;){var r=e[t];this.set(r[0],r[1])}}T.prototype.clear=Sa;T.prototype.delete=wa;T.prototype.get=Ca;T.prototype.has=ka;T.prototype.set=Ea;var R=D(C,"Map");function $a(){this.size=0,this.__data__={hash:new k,map:new(R||T),string:new k}}function Oa(e){var t=typeof e;return t=="string"||t=="number"||t=="symbol"||t=="boolean"?e!=="__proto__":e===null}function N(e,t){var a=e.__data__;return Oa(t)?a[typeof t=="string"?"string":"hash"]:a.map}function Da(e){var t=N(this,e).delete(e);return this.size-=t?1:0,t}function Pa(e){return N(this,e).get(e)}function xa(e){return N(this,e).has(e)}function ja(e,t){var a=N(this,e),r=a.size;return a.set(e,t),this.size+=a.size==r?0:1,this}function $(e){var t=-1,a=e==null?0:e.length;for(this.clear();++t<a;){var r=e[t];this.set(r[0],r[1])}}$.prototype.clear=$a;$.prototype.delete=Da;$.prototype.get=Pa;$.prototype.has=xa;$.prototype.set=ja;function Ra(e,t){for(var a=-1,r=t.length,i=e.length;++a<r;)e[i+a]=t[a];return e}function Ka(){this.__data__=new T,this.size=0}function Ha(e){var t=this.__data__,a=t.delete(e);return this.size=t.size,a}function za(e){return this.__data__.get(e)}function Ma(e){return this.__data__.has(e)}var Fa=200;function Ia(e,t){var a=this.__data__;if(a instanceof T){var r=a.__data__;if(!R||r.length<Fa-1)return r.push([e,t]),this.size=++a.size,this;a=this.__data__=new $(r)}return a.set(e,t),this.size=a.size,this}function w(e){var t=this.__data__=new T(e);this.size=t.size}w.prototype.clear=Ka;w.prototype.delete=Ha;w.prototype.get=za;w.prototype.has=Ma;w.prototype.set=Ia;function La(e,t){for(var a=-1,r=e==null?0:e.length,i=0,n=[];++a<r;){var o=e[a];t(o,a,e)&&(n[i++]=o)}return n}function Na(){return[]}var Wa=Object.prototype,Ba=Wa.propertyIsEnumerable,he=Object.getOwnPropertySymbols,Ga=he?function(e){return e==null?[]:(e=Object(e),La(he(e),function(t){return Ba.call(e,t)}))}:Na;function Ua(e,t,a){var r=t(e);return F(e)?r:Ra(r,a(e))}function ue(e){return Ua(e,ca,Ga)}var J=D(C,"DataView"),Y=D(C,"Promise"),Z=D(C,"Set"),fe="[object Map]",qa="[object Object]",_e="[object Promise]",pe="[object Set]",be="[object WeakMap]",ve="[object DataView]",Xa=E(J),Ja=E(R),Ya=E(Y),Za=E(Z),Qa=E(q),A=K;(J&&A(new J(new ArrayBuffer(1)))!=ve||R&&A(new R)!=fe||Y&&A(Y.resolve())!=_e||Z&&A(new Z)!=pe||q&&A(new q)!=be)&&(A=function(e){var t=K(e),a=t==qa?e.constructor:void 0,r=a?E(a):"";if(r)switch(r){case Xa:return ve;case Ja:return fe;case Ya:return _e;case Za:return pe;case Qa:return be}return t});var ge=C.Uint8Array,Va="__lodash_hash_undefined__";function er(e){return this.__data__.set(e,Va),this}function tr(e){return this.__data__.has(e)}function I(e){var t=-1,a=e==null?0:e.length;for(this.__data__=new $;++t<a;)this.add(e[t])}I.prototype.add=I.prototype.push=er;I.prototype.has=tr;function ar(e,t){for(var a=-1,r=e==null?0:e.length;++a<r;)if(t(e[a],a,e))return!0;return!1}function rr(e,t){return e.has(t)}var nr=1,ir=2;function xe(e,t,a,r,i,n){var o=a&nr,s=e.length,l=t.length;if(s!=l&&!(o&&l>s))return!1;var c=n.get(e),g=n.get(t);if(c&&g)return c==t&&g==e;var _=-1,d=!0,b=a&ir?new I:void 0;for(n.set(e,t),n.set(t,e);++_<s;){var h=e[_],f=t[_];if(r)var y=o?r(f,h,_,t,e,n):r(h,f,_,e,t,n);if(y!==void 0){if(y)continue;d=!1;break}if(b){if(!ar(t,function(v,m){if(!rr(b,m)&&(h===v||i(h,v,a,r,n)))return b.push(m)})){d=!1;break}}else if(!(h===f||i(h,f,a,r,n))){d=!1;break}}return n.delete(e),n.delete(t),d}function or(e){var t=-1,a=Array(e.size);return e.forEach(function(r,i){a[++t]=[i,r]}),a}function sr(e){var t=-1,a=Array(e.size);return e.forEach(function(r){a[++t]=r}),a}var lr=1,cr=2,dr="[object Boolean]",hr="[object Date]",ur="[object Error]",fr="[object Map]",_r="[object Number]",pr="[object RegExp]",br="[object Set]",vr="[object String]",gr="[object Symbol]",yr="[object ArrayBuffer]",mr="[object DataView]",ye=ne?ne.prototype:void 0,U=ye?ye.valueOf:void 0;function Sr(e,t,a,r,i,n,o){switch(a){case mr:if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case yr:return!(e.byteLength!=t.byteLength||!n(new ge(e),new ge(t)));case dr:case hr:case _r:return ke(+e,+t);case ur:return e.name==t.name&&e.message==t.message;case pr:case vr:return e==t+"";case fr:var s=or;case br:var l=r&lr;if(s||(s=sr),e.size!=t.size&&!l)return!1;var c=o.get(e);if(c)return c==t;r|=cr,o.set(e,t);var g=xe(s(e),s(t),r,i,n,o);return o.delete(e),g;case gr:if(U)return U.call(e)==U.call(t)}return!1}var Tr=1,Ar=Object.prototype,wr=Ar.hasOwnProperty;function Cr(e,t,a,r,i,n){var o=a&Tr,s=ue(e),l=s.length,c=ue(t),g=c.length;if(l!=g&&!o)return!1;for(var _=l;_--;){var d=s[_];if(!(o?d in t:wr.call(t,d)))return!1}var b=n.get(e),h=n.get(t);if(b&&h)return b==t&&h==e;var f=!0;n.set(e,t),n.set(t,e);for(var y=o;++_<l;){d=s[_];var v=e[d],m=t[d];if(r)var O=o?r(m,v,d,t,e,n):r(v,m,d,e,t,n);if(!(O===void 0?v===m||i(v,m,a,r,n):O)){f=!1;break}y||(y=d=="constructor")}if(f&&!y){var H=e.constructor,z=t.constructor;H!=z&&"constructor"in e&&"constructor"in t&&!(typeof H=="function"&&H instanceof H&&typeof z=="function"&&z instanceof z)&&(f=!1)}return n.delete(e),n.delete(t),f}var kr=1,me="[object Arguments]",Se="[object Array]",M="[object Object]",Er=Object.prototype,Te=Er.hasOwnProperty;function $r(e,t,a,r,i,n){var o=F(e),s=F(t),l=o?Se:A(e),c=s?Se:A(t);l=l==me?M:l,c=c==me?M:c;var g=l==M,_=c==M,d=l==c;if(d&&X(e)){if(!X(t))return!1;o=!0,g=!1}if(d&&!g)return n||(n=new w),o||Pe(e)?xe(e,t,a,r,i,n):Sr(e,t,l,a,r,i,n);if(!(a&kr)){var b=g&&Te.call(e,"__wrapped__"),h=_&&Te.call(t,"__wrapped__");if(b||h){var f=b?e.value():e,y=h?t.value():t;return n||(n=new w),i(f,y,a,r,n)}}return d?(n||(n=new w),Cr(e,t,a,r,i,n)):!1}function je(e,t,a,r,i){return e===t?!0:e==null||t==null||!x(e)&&!x(t)?e!==e&&t!==t:$r(e,t,a,r,je,i)}function Or(e,t){return je(e,t)}const Dr=/^\d+(\.\d+)?([a-z]+|%)?$/,Pr=(e,t,a)=>{Ae(e,"_minWidth",r=>typeof r=="string"&&Dr.test(r),new Set(["String","/^\\d+(\\.\\d+)?([a-z]+|%)?$/"]),t,a)},Ir=class{constructor(e){Re(this,e),this.translateNoEntries=W("kol-no-entries"),this.state={_data:[],_headerCells:{horizontal:[],vertical:[]},_label:"",_minWidth:"auto"},this.horizontal=!0,this.cellsToRenderTimeouts=new Map,this.dataToKeyMap=new Map,this.checkboxRefs=[],this.translateSort=W("kol-sort"),this.tableDivElementHasScrollbar=!1,this.renderTableRow=(t,a,r,i=!1)=>{var n,o;let s=String(a);return this.horizontal&&(!((n=t[0])===null||n===void 0)&&n.data)&&(s=(o=this.getDataKey(t[0].data))!==null&&o!==void 0?o:s),u("tr",{class:S("kol-table__row",{"kol-table__row--body":!i,"kol-table__row--footer":i}),key:`row-${s}`},this.renderSelectionCell(t,a),t.map((l,c)=>this.renderTableCell(l,a,c,r)))},this.renderTableCell=(t,a,r,i)=>{const n=this.getColumnSettings(t);if(n&&!n.visible)return"";let o=`${a}-${r}-${t.label}`;if(t.data){const s=this.getDataKey(t.data);o=s?`${s}-${this.horizontal?r:a}`:o}return t.headerCell?this.renderHeadingCell(t,a,r,i):u("td",{key:`cell-${o}`,class:S("kol-table__cell kol-table__cell--body",{[`kol-table__cell--align-${t.textAlign}`]:t.textAlign}),colSpan:t.colSpan,rowSpan:t.rowSpan,style:{textAlign:t.textAlign,width:n!=null&&n.width?`${n.width}ch`:t.width},ref:typeof t.render=="function"?s=>{this.cellRender(t,s)}:void 0},typeof t.render!="function"?t.label:"")}}validateData(e){Be(this,e,{beforePatch:t=>{this.updateDataToKeyMap(t)}})}validateDataFoot(e){Ge(this,e)}validateHeaderCells(e){Ye(this,e),Or(this.previousHeaderCells,this.state._headerCells)||this.initializeTableSettings(),this.previousHeaderCells=this.state._headerCells}validateLabel(e){We(this,e,{required:!0})}validateMinWidth(e){Pr(this,e)}validateOn(e){Ue(this,e)}validateSelection(e){qe(this,e)}validateTableSettings(e){Xe(this,e)}handleKeyDown(e){var t;if(e.key==="ArrowUp"||e.key==="ArrowDown"){const a=(t=this.tableDivElement)===null||t===void 0?void 0:t.querySelector(":focus");let r=this.checkboxRefs.indexOf(a);r>-1&&(e.preventDefault(),e.key==="ArrowDown"?(r=(r+1)%this.checkboxRefs.length,this.checkboxRefs[r].focus()):e.key==="ArrowUp"&&(e.preventDefault(),r=(r+this.checkboxRefs.length-1)%this.checkboxRefs.length,this.checkboxRefs[r].focus()))}}componentDidRender(){this.checkDivElementScrollbar()}componentDidLoad(){this.tableDivElement&&ResizeObserver&&(this.tableDivElementResizeObserver=new ResizeObserver(this.checkDivElementScrollbar.bind(this)),this.tableDivElementResizeObserver.observe(this.tableDivElement))}handleSettingsChange(e){Ke(this,"_tableSettings",e.detail)}disconnectedCallback(){var e;(e=this.tableDivElementResizeObserver)===null||e===void 0||e.disconnect()}checkDivElementScrollbar(){this.tableDivElement&&(this.tableDivElementHasScrollbar=this.tableDivElement.scrollWidth>this.tableDivElement.clientWidth)}updateDataToKeyMap(e){e.forEach(t=>{this.dataToKeyMap.has(t)||this.dataToKeyMap.set(t,re())}),this.dataToKeyMap.forEach((t,a)=>{e.includes(a)||this.dataToKeyMap.delete(a)})}getDataKey(e){return this.dataToKeyMap.get(e)}cellRender(e,t){t&&(clearTimeout(this.cellsToRenderTimeouts.get(t)),this.cellsToRenderTimeouts.set(t,setTimeout(()=>{if(typeof e.render=="function"){const a=e.render(t,e,e.data,this.state._data);typeof a=="string"&&(t.textContent=a)}})))}getNumberOfCols(e,t){let a=0;return e.forEach(r=>{let i=0;Array.isArray(r)&&r.forEach(n=>{var o;return i+=(o=n.colSpan)!==null&&o!==void 0?o:1}),a<i&&(a=i)}),a===0&&(a=t.length),a}getNumberOfRows(e,t){var a;let r=0;return e.forEach(i=>{let n=0;Array.isArray(i)&&i.forEach(o=>{var s;return n+=(s=o.rowSpan)!==null&&s!==void 0?s:1}),r<n&&(r=n)}),r===0?r=t.length:r-=((a=this.state._dataFoot)===null||a===void 0?void 0:a.length)||0,r}getThePrimaryHeadersWithKeyOrRenderFunction(e){const t=[];return e.forEach(a=>{a.forEach(r=>{(typeof r.key=="string"||typeof r.render=="function")&&t.push(r)})}),t}getPrimaryHeaders(e){var t,a;let r=this.getThePrimaryHeadersWithKeyOrRenderFunction((t=e.horizontal)!==null&&t!==void 0?t:[]);return this.horizontal=!0,r.length===0&&(r=this.getThePrimaryHeadersWithKeyOrRenderFunction((a=e.vertical)!==null&&a!==void 0?a:[]),r.length>0&&(this.horizontal=!1)),r}getColumnPositionMap(){var e;const t=new Map;return(e=this.state._tableSettings)===null||e===void 0||e.columns.forEach(a=>{t.set(a.key,a.position)}),t}sortByColumnPosition(e){const t=this.getColumnPositionMap();return[...e].sort((a,r)=>{var i,n,o,s;const l=(n=t.get((i=a.key)!==null&&i!==void 0?i:""))!==null&&n!==void 0?n:Number.MAX_SAFE_INTEGER,c=(s=t.get((o=r.key)!==null&&o!==void 0?o:""))!==null&&s!==void 0?s:Number.MAX_SAFE_INTEGER;return l-c})}createDataField(e,t,a){var r;t.horizontal=Array.isArray(t==null?void 0:t.horizontal)?t.horizontal:[],t.vertical=Array.isArray(t==null?void 0:t.vertical)?t.vertical:[];const i=this.getPrimaryHeaders(t),n=this.getNumberOfCols(t.horizontal,e);let o=this.getNumberOfRows(t.vertical,e),s=0;a&&(s=o,o+=((r=this.state._dataFoot)===null||r===void 0?void 0:r.length)||0);const l=[],c=[],g=[];t.vertical.forEach((d,b)=>{c[b]=0,g[b]=[]});const _=this.sortByColumnPosition(i);for(let d=s;d<o;d++){const b=[];t.vertical.forEach((h,f)=>{let y=0;if(g[f].forEach(v=>y+=v),y<=d){const v=h[d-y+c[f]];if(typeof v=="object"){b.push(Object.assign(Object.assign({},v),{headerCell:!0,data:{}}));let m=1;if(typeof v.rowSpan=="number"&&v.rowSpan>1&&(m=v.rowSpan),g[f].push(m),typeof v.colSpan=="number"&&v.colSpan>1)for(let O=1;O<v.colSpan;O++)g[f+O].push(m);c[f]++}}});for(let h=0;h<n;h++)if(this.horizontal===!0){const f=a&&this.state._dataFoot?this.state._dataFoot[d-s]:e[d];typeof _[h]=="object"&&_[h]!==null&&typeof f=="object"&&f!==null&&(typeof _[h].key=="string"||typeof _[h].render=="function")&&b.push(Object.assign(Object.assign({},_[h]),{colSpan:void 0,data:f,label:f[_[h].key],rowSpan:void 0}))}else typeof _[d]=="object"&&_[d]!==null&&typeof e[h]=="object"&&e[h]!==null&&(typeof _[d].key=="string"||typeof _[d].render=="function")&&b.push(Object.assign(Object.assign({},_[d]),{colSpan:void 0,data:e[h],label:e[h][_[d].key],rowSpan:void 0}));l.push(b)}if(e.length===0){let d=0,b=0;Array.isArray(t.horizontal)&&t.horizontal.length>0&&t.horizontal[0].forEach(f=>{d+=f.colSpan||1}),Array.isArray(t.vertical)&&t.vertical.length>0&&(d-=t.vertical.length,t.vertical[0].forEach(f=>{b+=f.rowSpan||1}));const h={colSpan:d,label:this.translateNoEntries,render:void 0,rowSpan:Math.max(b,1)};l.length===0?l.push([h]):l[0].push(h)}return l}handleSelectionChangeCallbackAndEvent(e,t){var a;typeof((a=this.state._on)===null||a===void 0?void 0:a[ae.onSelectionChange])=="function"&&this.state._on[ae.onSelectionChange](e,t),this.host&&Q(this.host,V.selectionChange,t)}initializeTableSettings(){if(this._tableSettings)return;const e=this.getPrimaryHeaders(this.state._headerCells);this.state._tableSettings||(this.state._tableSettings={columns:[]}),this.state._tableSettings.columns=e.filter(t=>t.key).map((t,a)=>{var r;return{key:(r=t.key)!==null&&r!==void 0?r:re(),label:t.label,position:a,visible:!0}})}componentWillLoad(){this.validateData(this._data),this.validateDataFoot(this._dataFoot),this.validateHeaderCells(this._headerCells),this.validateLabel(this._label),this.validateMinWidth(this._minWidth),this.validateOn(this._on),this.validateSelection(this._selection),this.validateTableSettings(this._tableSettings)}renderSelectionCell(e,t){var a,r,i;const n=this.state._selection;if(!n)return"";const o=this.getSelectionKeyPropertyName(),s=(a=e[0])===null||a===void 0?void 0:a.data;if(!s)return"";const l=s[o],c=n.multiple||n.multiple===void 0,g=(r=n==null?void 0:n.selectedKeys)===null||r===void 0?void 0:r.includes(l),_=(i=n==null?void 0:n.disabledKeys)===null||i===void 0?void 0:i.includes(l),d=n.label(s),b={name:"selection",checked:g,disabled:_,id:l,"aria-label":d};return u("td",{key:`tbody-${t}-selection`,class:"kol-table__cell kol-table__cell--selection"},u("div",{class:S("kol-table__selection",{"kol-table__selection--checked":g})},c?u("label",{class:S("kol-table__selection-label",{"kol-table__selection-label--disabled":_})},u(ee,{class:"kol-table__selection-icon",_icons:`codicon ${g?"codicon-check":""}`,_label:""}),u("input",Object.assign({class:S("kol-table__selection-input kol-table__selection-input--checkbox"),ref:h=>h&&this.checkboxRefs.push(h)},b,{type:"checkbox",onInput:h=>{var f,y;const v=g?(y=n==null?void 0:n.selectedKeys)===null||y===void 0?void 0:y.filter(m=>m!==l):[...(f=n==null?void 0:n.selectedKeys)!==null&&f!==void 0?f:[],l];this.handleSelectionChangeCallbackAndEvent(h,v??[])}}))):u("label",{class:"kol-table__selection-label"},u("input",Object.assign({class:S("kol-table__selection-input kol-table__selection-input--radio")},b,{type:"radio",onInput:h=>{this.handleSelectionChangeCallbackAndEvent(h,l)}}))),u(te,{"aria-hidden":"true",class:"kol-table__selection-input-tooltip",_align:"right",_id:`${l}-label`,_label:d})))}getColumnSettings(e){var t;return(t=this.state._tableSettings)===null||t===void 0?void 0:t.columns.find(a=>a.key===e.key)}getSelectionKeyPropertyName(){var e,t;return(t=(e=this.state._selection)===null||e===void 0?void 0:e.keyPropertyName)!==null&&t!==void 0?t:"id"}getDataWithSelectionEnabled(){const e=this.getSelectionKeyPropertyName();return this.state._data.filter(t=>{var a,r;return!(!((r=(a=this.state._selection)===null||a===void 0?void 0:a.disabledKeys)===null||r===void 0)&&r.includes(t[e]))})}getSelectedKeysWithoutDisabledKeys(){var e,t;return(t=(e=this.state._selection)===null||e===void 0?void 0:e.selectedKeys)===null||t===void 0?void 0:t.filter(a=>{var r,i;return!(!((i=(r=this.state._selection)===null||r===void 0?void 0:r.disabledKeys)===null||i===void 0)&&i.includes(a))})}getSelectedKeysWithDisabledKeysOnly(){var e,t;return(t=(e=this.state._selection)===null||e===void 0?void 0:e.selectedKeys)===null||t===void 0?void 0:t.filter(a=>{var r,i;return(i=(r=this.state._selection)===null||r===void 0?void 0:r.disabledKeys)===null||i===void 0?void 0:i.includes(a)})}getRevertedSelection(e){var t;const a=this.getSelectionKeyPropertyName(),r=(t=this.getSelectedKeysWithDisabledKeysOnly())!==null&&t!==void 0?t:[];return e&&r.push(...this.getDataWithSelectionEnabled().map(i=>i==null?void 0:i[a])),r}getTableMinWidth(){var e,t;const a=(t=(e=this.state._tableSettings)===null||e===void 0?void 0:e.columns.filter(r=>r.visible).reduce((r,i)=>{var n;return r+((n=i.width)!==null&&n!==void 0?n:0)},0))!==null&&t!==void 0?t:0;return this.state._minWidth==="auto"?`${a}ch`:`max(${this.state._minWidth}, ${a}ch)`}renderHeadingSelectionCell(){var e,t;const a=this.state._selection;if(!a||!a.multiple&&a.multiple!==void 0)return u("th",{class:"kol-table__cell kol-table__cell--header",key:"thead-0"});const r=(t=(e=this.getSelectedKeysWithoutDisabledKeys())===null||e===void 0?void 0:e.length)!==null&&t!==void 0?t:0,i=this.getDataWithSelectionEnabled().length,n=r===i,o=r!==0&&!n;let s="kol-table-selection-indeterminate";n&&!o&&(s="kol-table-selection-none"),r===0&&(s="kol-table-selection-all");const l=W(s);return u("th",{key:"thead-0-selection",class:"kol-table__cell kol-table__cell--header"},u("div",{class:S("kol-table__selection",{"kol-table__selection--indeterminate":o,"kol-table__selection--checked":n})},u("label",{class:"kol-table__selection-label"},u(ee,{class:"kol-table__selection-icon",_icons:`codicon ${o?"codicon-remove":n?"codicon-check":""}`,_label:""}),u("input",{class:S("kol-table__selection-input kol-table__selection-input--checkbox"),"data-testid":"selection-checkbox-all",ref:c=>c&&this.checkboxRefs.push(c),name:"selection",checked:n&&!o,indeterminate:o,"aria-label":l,type:"checkbox",onInput:c=>{this.handleSelectionChangeCallbackAndEvent(c,this.getRevertedSelection(!n))}})),u(te,{"aria-hidden":"true",class:"kol-table__selection-input-tooltip",_align:"right",_id:`${s}-label`,_label:l})))}renderHeaderTdCell(){return u(He,null,Array.isArray(this.state._headerCells.horizontal)&&this.state._headerCells.horizontal.length>0&&Array.isArray(this.state._headerCells.vertical)&&this.state._headerCells.vertical.length>0&&Array.isArray(this.state._headerCells.horizontal)&&u("td",{"aria-hidden":"true",colSpan:this.state._headerCells.vertical.length,rowSpan:this.state._headerCells.horizontal.length}))}renderHeadingCell(e,t,a,r){const i=this.getColumnSettings(e);if(i&&!i.visible)return"";let n="none",o="codicon codicon-fold";if(e.sortDirection)switch(e.sortDirection){case"ASC":o="codicon codicon-chevron-up",n="ascending";break;case"DESC":o="codicon codicon-chevron-down",n="descending";break;default:n="none"}const s=r?"row":typeof e.colSpan=="number"&&e.colSpan>1?"colgroup":"col";return u("th",{key:`${t}-${a}-${e.label}`,class:S("kol-table__cell kol-table__cell--header",{[`kol-table__cell--align-${e.textAlign}`]:e.textAlign,[`kol-table__cell--${n}`]:n}),scope:s,colSpan:e.colSpan,rowSpan:e.rowSpan,style:{width:i!=null&&i.width?`${i.width}ch`:e.width},"aria-sort":n,"data-sort":`sort-${e.sortDirection}`},e.sortDirection?u(ze,{class:"kol-table__sort-button",exportparts:"icon",_icons:{right:o},_label:e.label,_ariaDescription:this.translateSort,_on:{onClick:l=>{var c;typeof((c=this.state._on)===null||c===void 0?void 0:c.onSort)=="function"&&e.key&&e.sortDirection&&this.state._on.onSort(l,{key:e.key,currentSortDirection:e.sortDirection}),this.host&&Q(this.host,V.sort,{key:e.key,currentSortDirection:e.sortDirection})}}}):e.label)}renderSpacer(e,t){var a,r;const i=((a=this.state._headerCells.vertical)===null||a===void 0?void 0:a.length)||0,n=(r=t==null?void 0:t[0])===null||r===void 0?void 0:r.reduce((s,l)=>s+(l.colSpan||1),0),o=this.state._selection?1:0;return u("tr",{"aria-hidden":"true",class:S("kol-table__spacer",`kol-table__spacer--${e}`)},u("td",{class:S(`kol-table__spacer-line kol-table__spacer-line--${e}`),colSpan:i+n+o}))}renderFoot(){if(!this.state._dataFoot||this.state._dataFoot.length===0)return null;const e=this.createDataField(this.state._dataFoot,this.state._headerCells,!0);return u("tfoot",{class:"kol-table__footer"},[this.renderSpacer("foot",e),e.map((t,a)=>this.renderTableRow(t,a,!0,!0))])}render(){var e;const t=this.createDataField(this.state._data,this.state._headerCells);this.checkboxRefs=[];const a=(e=this.state._headerCells.horizontal)===null||e===void 0?void 0:e.map(r=>this.sortByColumnPosition(r));return u("div",{key:"f81983e551d1e41281aa41ec2394ec08267fe6a0",class:"kol-table"},u(Me,{key:"ba42966556deec90ef308fe6f78a863dc02a1e5a",_tableSettings:this.state._tableSettings}),u("div",{key:"a91ceb385d449db182d233c35761c1554c89f72f",ref:r=>this.tableDivElement=r,class:"kol-table__scroll-container",tabindex:this.tableDivElementHasScrollbar?"-1":void 0},u("table",{key:"9f917d159b62dbde6b9fb46766530fd4ee26a29f",class:"kol-table__table",style:{minWidth:this.getTableMinWidth()}},u("caption",{key:"39a58fb62b7a60515d1cf876e937b7745a522326",class:"kol-table__focus-element kol-table__caption",id:"caption",tabindex:this.tableDivElementHasScrollbar?"0":void 0},this.state._label),Array.isArray(a)&&u("thead",{key:"efe80eaadfced13f41dce073355df7904b971c8c",class:"kol-table__head"},[a.map((r,i)=>u("tr",{class:"kol-table__head-row",key:`thead-${i}`},this.state._selection&&this.renderHeadingSelectionCell(),i===0&&this.renderHeaderTdCell(),Array.isArray(r)&&r.map((n,o)=>this.renderHeadingCell(n,i,o,!1)))),this.renderSpacer("head",a)]),u("tbody",{key:"044634e1d3162c2cc3a2b1798369f23f1d673b5a",class:"kol-table__body"},t.map((r,i)=>this.renderTableRow(r,i,!0))),this.renderFoot())))}get host(){return Fe(this)}static get watchers(){return{_data:["validateData"],_dataFoot:["validateDataFoot"],_headerCells:["validateHeaderCells"],_label:["validateLabel"],_minWidth:["validateMinWidth"],_on:["validateOn"],_selection:["validateSelection"],_tableSettings:["validateTableSettings"]}}};export{Ir as kol_table_stateless_wc};
|
|
4
|
-
//# sourceMappingURL=kol-table-stateless-wc.entry-BNaw-NK2.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"kol-table-stateless.entry-Cph8hg3Z.js","sources":["../../../../components/dist/esm/kol-table-stateless.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h } from './index-CuRbHMox.js';\nimport { m as KolTableStatelessWcTag } from './component-names-CkE54Ym7.js';\nimport './common-7RW_NFNf.js';\n\nconst defaultStyleCss = \"@charset \\\"UTF-8\\\";\\n/* forward the rem function */\\n/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n :host {\\n /*\\n * Minimum size of interactive elements.\\n */\\n --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n color: black;\\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 /*\\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 * Word spacing is required for all texts.\\n */\\n word-spacing: inherit;\\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 * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n */\\n word-break: break-word;\\n }\\n /*\\n * All interactive elements should have a minimum size of to-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-width: var(--a11y-min-size);\\n min-height: 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 * Letter spacing is required for all texts.\\n */\\n letter-spacing: inherit;\\n /*\\n * Word spacing is required for all texts.\\n */\\n word-spacing: inherit;\\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 position: absolute;\\n width: 1px;\\n height: 1px;\\n overflow: hidden;\\n white-space: nowrap;\\n clip: rect(0 0 0 0);\\n clip-path: inset(50%);\\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 width: 100%;\\n margin: 0;\\n padding: 0;\\n border: none;\\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 color: black;\\n background-color: lightgray;\\n }\\n}\\n@layer kol-global {\\n :host {\\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 font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\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 opacity: 0.5;\\n outline: none;\\n cursor: not-allowed;\\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 @keyframes fadeInOpacity {\\n 0% {\\n opacity: 0;\\n }\\n 100% {\\n opacity: 1;\\n }\\n }\\n .kol-tooltip {\\n display: contents;\\n contain: layout;\\n }\\n .kol-tooltip__floating {\\n display: none;\\n position: fixed;\\n /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n top: 0;\\n left: 0;\\n /* Can be used to specify the tooltip-width from the outside. Unset by default. */\\n width: var(--kol-tooltip-width);\\n max-width: 90vw;\\n max-height: 90vh;\\n visibility: hidden;\\n animation-duration: 0.25s;\\n animation-iteration-count: 1;\\n animation-name: fadeInOpacity;\\n animation-timing-function: ease-in;\\n }\\n .kol-tooltip__arrow {\\n transform: rotate(45deg);\\n color: #000;\\n background-color: #fff;\\n position: absolute;\\n z-index: 999;\\n width: calc(10rem / var(--kolibri-root-font-size, 16));\\n height: calc(10rem / var(--kolibri-root-font-size, 16));\\n }\\n .kol-tooltip__content {\\n color: #000;\\n background-color: #fff;\\n position: relative;\\n z-index: 1000;\\n }\\n}\\n@layer kol-component {\\n .kol-alert {\\n display: grid;\\n }\\n .kol-alert__container {\\n display: flex;\\n place-items: center;\\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 :host {\\n display: inline-block;\\n }\\n .kol-button {\\n display: inline-flex;\\n place-items: center;\\n font-style: calc(16rem / var(--kolibri-root-font-size, 16));\\n text-align: center;\\n text-decoration-line: none;\\n }\\n .kol-button::before {\\n /* Render zero-width character as first element to set the baseline correctly. */\\n content: \\\"\\\";\\n }\\n .kol-button__text {\\n width: 100%;\\n margin: auto;\\n }\\n}\\n@layer kol-component {\\n .kol-popover-button__button {\\n display: inline-block;\\n }\\n .kol-popover-button__popover {\\n margin: 0;\\n padding: 0;\\n border: 0;\\n }\\n}\\n@layer kol-component {\\n .kol-table-settings {\\n background: #fff;\\n position: absolute;\\n top: 0;\\n right: 0;\\n z-index: 1;\\n }\\n .kol-table-settings__columns-container {\\n max-height: calc(200rem / var(--kolibri-root-font-size, 16));\\n margin-top: calc(16rem / var(--kolibri-root-font-size, 16));\\n overflow: auto;\\n }\\n .kol-table-settings__columns {\\n display: grid;\\n overflow: hidden;\\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\\n align-items: center;\\n grid-auto-rows: min-content;\\n grid-template-columns: min-content 1fr calc(100rem / var(--kolibri-root-font-size, 16)) auto auto;\\n }\\n .kol-table-settings__column {\\n display: contents;\\n }\\n}\\n@layer kol-component {\\n .kol-table {\\n display: block;\\n position: relative;\\n max-width: 100%;\\n }\\n .kol-table__scroll-container {\\n overflow-x: auto;\\n overflow-y: hidden;\\n }\\n .kol-table:has(.kol-table__focus-element:focus) .kol-table__scroll-container {\\n /* @see https://remysharp.com/til/css/focus-ring-default-styles */\\n outline: 5px auto Highlight;\\n outline: 5px auto -webkit-focus-ring-color;\\n outline-offset: 2px;\\n }\\n .kol-table__table {\\n width: 100%;\\n }\\n .kol-table__caption {\\n min-height: var(--a11y-min-size);\\n padding-right: var(--a11y-min-size);\\n text-align: start;\\n }\\n .kol-table__sort-button .kol-button {\\n color: inherit;\\n }\\n .kol-table__body {\\n text-align: left;\\n }\\n .kol-table__body .kol-button__text {\\n justify-items: start;\\n }\\n .kol-table__cell--align-left {\\n text-align: left;\\n }\\n .kol-table__cell--align-left .kol-button__text {\\n justify-items: start;\\n }\\n .kol-table__cell--align-center {\\n text-align: center;\\n }\\n .kol-table__cell--align-center .kol-button__text {\\n justify-items: center;\\n }\\n .kol-table__cell--align-right {\\n text-align: right;\\n }\\n .kol-table__cell--align-right .kol-button__text {\\n justify-items: end;\\n }\\n .kol-table__cell--selection {\\n width: var(--a11y-min-size);\\n height: var(--a11y-min-size);\\n white-space: nowrap;\\n }\\n .kol-table__spacer {\\n display: none;\\n }\\n .kol-table__selection-label {\\n display: flex;\\n position: relative;\\n width: var(--a11y-min-size);\\n height: var(--a11y-min-size);\\n align-items: center;\\n justify-content: center;\\n cursor: pointer;\\n }\\n .kol-table__selection-label--disabled {\\n cursor: not-allowed;\\n }\\n .kol-table__selection-icon {\\n display: block;\\n position: absolute;\\n inset: auto;\\n z-index: 1;\\n }\\n .kol-table__selection-input {\\n border-style: solid;\\n margin: 0;\\n appearance: none;\\n cursor: pointer;\\n }\\n .kol-table__selection-input:disabled {\\n cursor: not-allowed;\\n }\\n .kol-table__selection-input:before {\\n content: \\\"\\\";\\n }\\n .kol-table__selection-input--checkbox {\\n background-color: rgb(255, 255, 255);\\n display: flex;\\n position: relative;\\n width: calc(var(--a11y-min-size) / 2);\\n height: calc(var(--a11y-min-size) / 2);\\n border-width: 2px;\\n align-items: center;\\n justify-content: center;\\n line-height: 1.5;\\n }\\n .kol-table__selection-input--radio {\\n border-radius: 100%;\\n display: flex;\\n width: 1.5em;\\n min-width: 1.5em;\\n height: 1.5em;\\n min-height: 1.5em;\\n padding: 0;\\n border-width: 2px;\\n }\\n .kol-table__selection-input--radio:before {\\n border-radius: 100%;\\n width: 0.75em;\\n height: 0.75em;\\n margin: auto;\\n }\\n .kol-table__selection-input--radio:checked:before {\\n background-color: #000;\\n }\\n @media (forced-colors: active) {\\n .kol-table__selection-input--radio:checked:before {\\n /* Give it a visible background in forced colors mode */\\n background-color: selectedItem !important;\\n }\\n }\\n}\";\n\nconst KolTableStateless = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n }\n render() {\n return (h(KolTableStatelessWcTag, { key: '8c15043ee319bd85b3aeb21cfc3760d6ae8ca434', _data: this._data, _dataFoot: this._dataFoot, _headerCells: this._headerCells, _label: this._label, _minWidth: this._minWidth, _on: this._on, _selection: this._selection, _tableSettings: this._tableSettings }));\n }\n};\nKolTableStateless.style = {\n default: defaultStyleCss\n};\n\nexport { KolTableStateless as kol_table_stateless };\n//# sourceMappingURL=kol-table-stateless.entry.js.map\n\n//# sourceMappingURL=kol-table-stateless.entry.js.map"],"names":["defaultStyleCss","KolTableStateless","hostRef","registerInstance","h","KolTableStatelessWcTag"],"mappings":"uDAAA;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;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,GAElBC,EAAoB,KAAM,CAC5B,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,CACtC,CACI,QAAS,CACL,OAAQE,EAAEC,EAAwB,CAAE,IAAK,2CAA4C,MAAO,KAAK,MAAO,UAAW,KAAK,UAAW,aAAc,KAAK,aAAc,OAAQ,KAAK,OAAQ,UAAW,KAAK,UAAW,IAAK,KAAK,IAAK,WAAY,KAAK,WAAY,eAAgB,KAAK,cAAc,CAAE,CAC7S,CACA,EACAJ,EAAkB,MAAQ,CACtB,QAASD,CACb"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"kol-tabs.entry-B69yZtoF.js","sources":["../../../../components/dist/esm/kol-tabs.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, g as getElement } from './index-CuRbHMox.js';\nimport { w as watchValidator, d as watchBoolean, j as devHint, s as setState, N as watchNumber, H as watchJsonArrayString, I as uiUxHintMillerscheZahl, P as koliBriQuerySelector } from './common-7RW_NFNf.js';\nimport { v as validateAlign } from './align-DoCRbhrp.js';\nimport { v as validateLabel } from './label-DAfXJvJZ.js';\nimport { t as translate } from './i18n-yBVLeHdv.js';\nimport { d as KolButtonWcTag } from './component-names-CkE54Ym7.js';\nimport { K as KeyboardKey } from './keyboard-D6PoWr38.js';\nimport { d as dispatchDomEvent, K as KolEvent } from './events-CoPFQEiC.js';\nimport { c as clsx } from './clsx-eK3rPvPS.js';\nimport './i18n-CjhRejiw.js';\n\nconst tabBehaviorPropTypeOptions = ['select-automatic', 'select-manual'];\nconst validateTabBehavior = (component, value) => {\n watchValidator(component, `_behavior`, (value) => typeof value === 'string' && tabBehaviorPropTypeOptions.includes(value), new Set([`KoliBriTabBehavior {${tabBehaviorPropTypeOptions.join(', ')}`]), value);\n};\n\nconst validateHasCreateButton = (component, value) => {\n watchBoolean(component, '_hasCreateButton', value);\n};\n\nconst defaultStyleCss = \"/* forward the rem function */\\n/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n :host {\\n /*\\n * Minimum size of interactive elements.\\n */\\n --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n color: black;\\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 /*\\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 * Word spacing is required for all texts.\\n */\\n word-spacing: inherit;\\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 * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n */\\n word-break: break-word;\\n }\\n /*\\n * All interactive elements should have a minimum size of to-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-width: var(--a11y-min-size);\\n min-height: 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 * Letter spacing is required for all texts.\\n */\\n letter-spacing: inherit;\\n /*\\n * Word spacing is required for all texts.\\n */\\n word-spacing: inherit;\\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 position: absolute;\\n width: 1px;\\n height: 1px;\\n overflow: hidden;\\n white-space: nowrap;\\n clip: rect(0 0 0 0);\\n clip-path: inset(50%);\\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 width: 100%;\\n margin: 0;\\n padding: 0;\\n border: none;\\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 color: black;\\n background-color: lightgray;\\n }\\n}\\n@layer kol-global {\\n :host {\\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 font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\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 opacity: 0.5;\\n outline: none;\\n cursor: not-allowed;\\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 @keyframes fadeInOpacity {\\n 0% {\\n opacity: 0;\\n }\\n 100% {\\n opacity: 1;\\n }\\n }\\n .kol-tooltip {\\n display: contents;\\n contain: layout;\\n }\\n .kol-tooltip__floating {\\n display: none;\\n position: fixed;\\n /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n top: 0;\\n left: 0;\\n /* Can be used to specify the tooltip-width from the outside. Unset by default. */\\n width: var(--kol-tooltip-width);\\n max-width: 90vw;\\n max-height: 90vh;\\n visibility: hidden;\\n animation-duration: 0.25s;\\n animation-iteration-count: 1;\\n animation-name: fadeInOpacity;\\n animation-timing-function: ease-in;\\n }\\n .kol-tooltip__arrow {\\n transform: rotate(45deg);\\n color: #000;\\n background-color: #fff;\\n position: absolute;\\n z-index: 999;\\n width: calc(10rem / var(--kolibri-root-font-size, 16));\\n height: calc(10rem / var(--kolibri-root-font-size, 16));\\n }\\n .kol-tooltip__content {\\n color: #000;\\n background-color: #fff;\\n position: relative;\\n z-index: 1000;\\n }\\n}\\n@layer kol-component {\\n .kol-tabs {\\n display: var(--display);\\n grid-template-columns: var(--grid-template-columns);\\n grid-template-rows: var(--grid-template-rows);\\n }\\n .kol-tabs--align-right {\\n --display: grid;\\n --grid-template-columns: 1fr auto;\\n --button-group-flex-direction: column;\\n --button-group-order: 2;\\n }\\n .kol-tabs--align-left {\\n --display: grid;\\n --grid-template-columns: auto 1fr;\\n --button-group-flex-direction: column;\\n --button-group-order: 0;\\n }\\n .kol-tabs--align-bottom {\\n --display: grid;\\n --grid-template-rows: 1fr auto;\\n --button-group-order: 2;\\n }\\n .kol-tabs__tabs-align-top {\\n --display: grid;\\n --grid-template-rows: auto 1fr;\\n --button-group-order: 0;\\n }\\n .kol-tabs__content {\\n overflow: auto;\\n }\\n .kol-tabs__button-group {\\n display: flex;\\n order: var(--button-group-order);\\n flex-direction: var(--button-group-flex-direction);\\n flex-wrap: wrap;\\n }\\n .kol-tabs__button-group .kol-button {\\n border-bottom-color: transparent;\\n display: block;\\n border-bottom-style: solid;\\n }\\n .kol-tabs__panel {\\n height: 100%;\\n }\\n}\";\n\nconst KolTabs = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.onCreateLabel = `${translate('kol-new')} …`;\n this.nextPossibleTabIndex = (tabs, offset, step = 1) => {\n const nextOffset = offset + step;\n if (nextOffset < tabs.length) {\n if (tabs[nextOffset]._disabled) {\n return this.nextPossibleTabIndex(tabs, offset, step + 1);\n }\n return nextOffset;\n }\n return offset;\n };\n this.prevPossibleTabIndex = (tabs, offset, step = 1) => {\n const nextOffset = offset - step;\n if (nextOffset >= 0) {\n if (tabs[nextOffset]._disabled) {\n return this.prevPossibleTabIndex(tabs, offset, step + 1);\n }\n return nextOffset;\n }\n return offset;\n };\n this.onKeyDown = (event) => {\n switch (event.key) {\n case KeyboardKey.ArrowRight:\n this.goToNextTab(event);\n break;\n case KeyboardKey.ArrowLeft:\n this.goToPreviousTab(event);\n break;\n case KeyboardKey.Space:\n case KeyboardKey.Enter:\n this.activateFocusedTab(event);\n break;\n }\n };\n this.onClickSelect = (event, index) => {\n this.selectNextTabEvent(event, index);\n };\n this.onMouseDown = (event) => {\n event.preventDefault();\n };\n this.callbacks = {\n onClick: this.onClickSelect,\n onMouseDown: this.onMouseDown,\n };\n this.catchTabPanelHost = (el) => {\n this.tabPanelHost = el;\n };\n this._align = 'top';\n this._hasCreateButton = false;\n this._selected = 0;\n this.state = {\n _align: 'top',\n _label: '',\n _selected: 0,\n _tabs: [],\n };\n this.selectNextNotDisabledTab = (selected, tabs, upOrDown = true, initialSelected) => {\n if (selected > tabs.length - 1) {\n selected = tabs.length - 1;\n }\n if (selected < 0) {\n selected = 0;\n }\n if (Array.isArray(tabs) && tabs[selected]) {\n if (tabs[selected]._disabled) {\n if (upOrDown === true) {\n if (selected < tabs.length - 1) {\n return this.selectNextNotDisabledTab(selected + 1, tabs, true, initialSelected || selected);\n }\n else {\n selected = initialSelected || selected;\n upOrDown = false;\n }\n }\n if (upOrDown === false) {\n if (selected > 0) {\n return this.selectNextNotDisabledTab(selected - 1, tabs, false, initialSelected || selected);\n }\n else {\n devHint(`[KolTabs] All tabs are disabled, and therefore no tab can be displayed.`);\n }\n }\n }\n }\n return selected;\n };\n this.syncSelectedAndTabs = (nextValue, nextState, _component, key) => {\n let selected;\n if (key === '_selected') {\n selected = nextValue;\n }\n else {\n selected = this.state._selected;\n }\n let tabs;\n if (key === '_tabs') {\n tabs = nextValue;\n }\n else {\n tabs = this.state._tabs;\n }\n if (tabs.length > 0) {\n nextState.set('_selected', this.selectNextNotDisabledTab(selected, tabs));\n }\n };\n this.refreshTabPanels = () => {\n var _a, _b, _c, _d;\n if (!this.tabPanelHost)\n return;\n while (this.tabPanelHost.firstChild) {\n this.tabPanelHost.removeChild(this.tabPanelHost.firstChild);\n }\n for (let i = 0; i < ((_a = this.state._tabs) === null || _a === void 0 ? void 0 : _a.length); i++) {\n const div = document.createElement('div');\n div.setAttribute('aria-labelledby', `${this.state._label.replace(/\\s/g, '-')}-tab-${i}`);\n div.setAttribute('id', `tabpanel-${i}`);\n div.setAttribute('role', 'tabpanel');\n div.setAttribute('hidden', '');\n const slot = document.createElement('slot');\n slot.setAttribute('name', `tabpanel-slot-${i}`);\n div.appendChild(slot);\n (_b = this.tabPanelHost) === null || _b === void 0 ? void 0 : _b.appendChild(div);\n if (typeof HTMLCollection !== 'undefined' && ((_c = this.host) === null || _c === void 0 ? void 0 : _c.children) instanceof HTMLCollection && ((_d = this.host) === null || _d === void 0 ? void 0 : _d.children[i])) {\n this.host.children[i].setAttribute('slot', `tabpanel-slot-${i}`);\n }\n }\n this.updateVisiblePanel();\n };\n this.updateVisiblePanel = () => {\n if (!this.tabPanelHost)\n return;\n Array.from(this.tabPanelHost.children).forEach((child, i) => {\n if (i === this.state._selected) {\n child.removeAttribute('hidden');\n }\n else {\n child.setAttribute('hidden', '');\n }\n });\n };\n this.onCreate = (event) => {\n var _a, _b;\n event.preventDefault();\n (_b = (_a = this.state._on) === null || _a === void 0 ? void 0 : _a.onCreate) === null || _b === void 0 ? void 0 : _b.call(_a, event);\n if (this.host) {\n dispatchDomEvent(this.host, KolEvent.create);\n }\n };\n this.onBlur = () => {\n this.currentFocusIndex = undefined;\n };\n }\n getCurrentFocusIndex() {\n if (typeof this.currentFocusIndex === 'number') {\n return this.currentFocusIndex;\n }\n return this.state._selected;\n }\n getKeyboardTabChangeMode() {\n if (this._behavior === 'select-manual') {\n return 'selectFocusOnly';\n }\n return 'activateCompletely';\n }\n goToNextTab(event) {\n const nextFocusIndex = this.nextPossibleTabIndex(this.state._tabs, this.getCurrentFocusIndex());\n this.selectNextTabEvent(event, nextFocusIndex, this.getKeyboardTabChangeMode());\n }\n goToPreviousTab(event) {\n const nextFocusIndex = this.prevPossibleTabIndex(this.state._tabs, this.getCurrentFocusIndex());\n this.selectNextTabEvent(event, nextFocusIndex, this.getKeyboardTabChangeMode());\n }\n activateFocusedTab(event) {\n if (typeof this.currentFocusIndex === 'number') {\n this.onSelect(event, this.currentFocusIndex);\n }\n }\n selectNextTabEvent(event, nextTabIndex, changeMode = 'activateCompletely') {\n var _a, _b;\n this.currentFocusIndex = nextTabIndex;\n this.focusTabById(nextTabIndex);\n if (changeMode === 'activateCompletely') {\n this._selected = nextTabIndex;\n const tab = this.state._tabs[nextTabIndex];\n (_b = (_a = tab._on) === null || _a === void 0 ? void 0 : _a.onSelect) === null || _b === void 0 ? void 0 : _b.call(_a, event, nextTabIndex);\n this.onSelect(event, nextTabIndex);\n }\n }\n renderButtonGroup() {\n return (h(\"div\", { \"aria-label\": this.state._label, class: \"kol-tabs__button-group\", role: \"tablist\", onKeyDown: this.onKeyDown, onBlur: this.onBlur }, this.state._tabs.map((button, index) => (h(KolButtonWcTag, { _disabled: button._disabled, _icons: button._icons, _hideLabel: button._hideLabel, _label: button._label, _on: this.callbacks, _tabIndex: this.state._selected === index ? 0 : -1, _tooltipAlign: button._tooltipAlign, _buttonVariant: this.state._selected === index ? 'custom' : undefined, _customClass: this.state._selected === index ? 'selected' : undefined, _ariaControls: `tabpanel-${index}`, _ariaSelected: this.state._selected === index, _id: `${this.state._label.replace(/\\s/g, '-')}-tab-${index}`, _role: \"tab\", _value: index }))), this.state._hasCreateButton && (h(KolButtonWcTag, { class: \"kol-tabs__button-create\", _label: this.onCreateLabel, _on: {\n onClick: this.onCreate,\n }, _icons: \"codicon codicon-plus\", \"data-testid\": \"tabs-create-button\" }))));\n }\n render() {\n return (h(\"div\", { key: 'c90d53464702512863a3483602ed15645a6c0484', ref: (el) => {\n this.tabPanelsElement = el;\n }, class: clsx('kol-tabs', `kol-tabs--align-${this.state._align}`) }, this.renderButtonGroup(), h(\"div\", { key: '3e172f4835867233726b1ae2081e3a6729eb3b83', class: \"kol-tabs__content\", ref: this.catchTabPanelHost })));\n }\n validateAlign(value) {\n validateAlign(this, value);\n }\n validateBehavior(value) {\n validateTabBehavior(this, value);\n }\n validateHasCreateButton(value) {\n validateHasCreateButton(this, value);\n }\n validateLabel(value) {\n validateLabel(this, value, {\n required: true,\n });\n }\n validateOn(value) {\n if (typeof value === 'object' && value !== null) {\n const callbacks = {};\n if (typeof value.onCreate === 'function') {\n callbacks.onCreate = value.onCreate;\n }\n if (typeof value.onSelect === 'function') {\n callbacks.onSelect = value.onSelect;\n }\n setState(this, '_on', callbacks);\n }\n }\n validateSelected(value) {\n watchNumber(this, '_selected', value, {\n hooks: {\n beforePatch: this.syncSelectedAndTabs,\n },\n });\n }\n validateTabs(value) {\n watchJsonArrayString(this, '_tabs', (item) => typeof item === 'object' && item !== null && typeof item._label === 'string' && item._label.length > 0, value, undefined, {\n hooks: {\n beforePatch: this.syncSelectedAndTabs,\n afterPatch: this.refreshTabPanels,\n },\n });\n uiUxHintMillerscheZahl('KolTabs', this.state._tabs.length);\n }\n componentWillLoad() {\n this.validateAlign(this._align);\n this.validateLabel(this._label);\n this.validateOn(this._on);\n this.validateSelected(this._selected);\n this.validateTabs(this._tabs);\n this.validateBehavior(this._behavior);\n this.validateHasCreateButton(this._hasCreateButton);\n }\n componentDidRender() {\n this.refreshTabPanels();\n }\n focusTabById(index) {\n if (this.tabPanelsElement) {\n const button = koliBriQuerySelector(`button#${this.state._label.replace(/\\s/g, '-')}-tab-${index}`, this.tabPanelsElement);\n button === null || button === void 0 ? void 0 : button.focus();\n }\n }\n onSelect(event, index) {\n var _a, _b;\n (_b = (_a = this._on) === null || _a === void 0 ? void 0 : _a.onSelect) === null || _b === void 0 ? void 0 : _b.call(_a, event, index);\n if (this.host) {\n dispatchDomEvent(this.host, KolEvent.select, index);\n }\n this.focusTabById(index);\n }\n get host() { return getElement(this); }\n static get watchers() { return {\n \"_align\": [\"validateAlign\"],\n \"_behavior\": [\"validateBehavior\"],\n \"_hasCreateButton\": [\"validateHasCreateButton\"],\n \"_label\": [\"validateLabel\"],\n \"_on\": [\"validateOn\"],\n \"_selected\": [\"validateSelected\"],\n \"_tabs\": [\"validateTabs\"]\n }; }\n};\nKolTabs.style = {\n default: defaultStyleCss\n};\n\nexport { KolTabs as kol_tabs };\n//# sourceMappingURL=kol-tabs.entry.js.map\n\n//# sourceMappingURL=kol-tabs.entry.js.map"],"names":["tabBehaviorPropTypeOptions","validateTabBehavior","component","value","watchValidator","validateHasCreateButton","watchBoolean","defaultStyleCss","KolTabs","hostRef","registerInstance","translate","tabs","offset","step","nextOffset","event","KeyboardKey","index","el","selected","upOrDown","initialSelected","devHint","nextValue","nextState","_component","key","_a","_b","_c","_d","i","div","slot","child","dispatchDomEvent","KolEvent","nextFocusIndex","nextTabIndex","changeMode","h","button","KolButtonWcTag","clsx","validateAlign","validateLabel","callbacks","setState","watchNumber","watchJsonArrayString","item","uiUxHintMillerscheZahl","koliBriQuerySelector","getElement"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"kol-textarea.entry-BTvPEkCR.js","sources":["../../../../components/dist/esm/kol-textarea.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { h, r as registerInstance, g as getElement } from './index-CuRbHMox.js';\nimport { c as clsx } from './clsx-eK3rPvPS.js';\nimport { e as getDefaultProps, c as checkHasMsg, g as getRenderStates, a as convertMsgToInternMsg, F as FormFieldStateWrapper } from './FormFieldStateWrapper-BaUJkKkj.js';\nimport { I as InputIconController, a as InputContainerStateWrapperFc } from './controller-icon-BunGMkek.js';\nimport { _ as __rest } from './Heading-DjO0rS4X.js';\nimport { w as watchValidator, e as watchString } from './common-7RW_NFNf.js';\nimport { n as nonce } from './dev.utils-DkpEPqJb.js';\nimport { a as validateHasCounter, v as validateMaxLengthBehavior, b as validateMaxLength } from './max-length-behavior-BJuqKbOX.js';\nimport { v as validatePlaceholder } from './placeholder-ikSHqukt.js';\nimport { v as validateReadOnly } from './read-only-BAPnQth3.js';\nimport { v as validateRequired } from './required-DZ5CUsrb.js';\nimport { v as validateRows } from './rows-CRXE6nJb.js';\nimport { v as validateSpellCheck } from './spell-check-BwdT9MHK.js';\nimport './access-and-short-key-CIkiLGbP.js';\nimport './disabled-DOGGfuG4.js';\nimport './hide-label-B1sxX0if.js';\nimport './label-DAfXJvJZ.js';\nimport './tooltip-align-B_X7PRrT.js';\nimport './align-DoCRbhrp.js';\nimport './events-CoPFQEiC.js';\nimport './associated.controller-DWb-3J2w.js';\nimport './bootstrap-ChRg7xqg.js';\nimport './component-names-CkE54Ym7.js';\nimport './i18n-CjhRejiw.js';\nimport './isObject-DvSELytj.js';\nimport './Alert-BDx1u40I.js';\nimport './i18n-yBVLeHdv.js';\nimport './bem-CwA0xXwr.js';\nimport './browser-D7tkBuSS.js';\nimport './InternalUnderlinedBadgeText-DlNNod38.js';\nimport './Icon-BI4MKvDM.js';\nimport './icons-mdo32hNB.js';\n\nconst textareaResizeOptions = ['vertical', 'none'];\nconst isTextareaResizePropType = (value) => {\n return typeof value === 'string' && textareaResizeOptions.includes(value);\n};\nconst validateResizeTextarea = (component, value) => {\n watchValidator(component, '_resize', isTextareaResizePropType, new Set(textareaResizeOptions), value, {\n defaultValue: 'vertical',\n });\n};\n\nconst TextAreaFc = (props) => {\n const { class: classNames, msg, touched, readonly, disabled, required, ariaDescribedBy, hideLabel, label } = props, other = __rest(props, [\"class\", \"msg\", \"touched\", \"readonly\", \"disabled\", \"required\", \"ariaDescribedBy\", \"hideLabel\", \"label\"]);\n const showMsg = checkHasMsg(msg, touched);\n const stateCssClasses = {\n ['kol-textarea--disabled']: Boolean(disabled),\n ['kol-textarea--required']: Boolean(required),\n ['kol-textarea--touched']: Boolean(touched),\n ['kol-textarea--readonly']: Boolean(readonly),\n [`kol-textarea--${(msg === null || msg === void 0 ? void 0 : msg.type) || 'error'}`]: showMsg,\n };\n const inputProps = Object.assign(Object.assign({ class: clsx('kol-textarea', stateCssClasses, classNames), required: required, disabled: disabled, readonly: readonly }, getDefaultProps({ ariaDescribedBy, hideLabel, label })), other);\n return h(\"textarea\", Object.assign({}, inputProps));\n};\n\nfunction getTextAreaProps(state, other) {\n var _a;\n const renderStates = getRenderStates(state);\n const ariaDescribedBy = [...renderStates.ariaDescribedBy, ...((_a = other.ariaDescribedBy) !== null && _a !== void 0 ? _a : [])];\n const props = Object.assign(Object.assign({ id: state._id, hideLabel: state._hideLabel, label: state._label, value: state._value, accessKey: state._accessKey, disabled: state._disabled, name: state._name, rows: state._rows, readonly: state._readOnly, required: state._required, placeholder: state._placeholder, touched: state._touched, msg: convertMsgToInternMsg(state._msg) }, other), { ariaDescribedBy });\n if ('_maxLength' in state && '_maxLengthBehavior' in state && state._maxLengthBehavior === 'hard') {\n props.maxLength = state._maxLength;\n }\n return props;\n}\nconst TextAreaStateWrapper = (_a) => {\n var { state } = _a, other = __rest(_a, [\"state\"]);\n return h(TextAreaFc, Object.assign({}, getTextAreaProps(state, other)));\n};\n\nclass TextareaController extends InputIconController {\n constructor(component, name, host) {\n super(component, name, host);\n this.afterSyncCharCounter = () => {\n if (typeof this.component._value === 'string') {\n this.component.state._currentLength = this.component._value.length;\n this.updateCurrentLengthDebounced(this.component._value.length);\n }\n };\n this.component = component;\n }\n validateHasCounter(value) {\n validateHasCounter(this.component, value);\n }\n validateMaxLengthBehavior(value) {\n validateMaxLengthBehavior(this.component, value);\n }\n validateMaxLength(value) {\n validateMaxLength(this.component, value, {\n hooks: { afterPatch: this.afterSyncCharCounter },\n });\n }\n validatePlaceholder(value) {\n validatePlaceholder(this.component, value);\n }\n validateReadOnly(value) {\n validateReadOnly(this.component, value);\n }\n validateResize(value) {\n validateResizeTextarea(this.component, value);\n }\n validateRequired(value) {\n validateRequired(this.component, value);\n }\n validateRows(value) {\n validateRows(this.component, value);\n }\n validateSpellCheck(value) {\n validateSpellCheck(this.component, value);\n }\n validateValue(value) {\n watchString(this.component, '_value', value, {\n hooks: {\n afterPatch: this.afterSyncCharCounter,\n },\n });\n this.setFormAssociatedValue(this.component._value);\n }\n componentWillLoad() {\n super.componentWillLoad();\n this.validateHasCounter(this.component._hasCounter);\n this.validateMaxLengthBehavior(this.component._maxLengthBehavior);\n this.validateMaxLength(this.component._maxLength);\n this.validatePlaceholder(this.component._placeholder);\n this.validateReadOnly(this.component._readOnly);\n this.validateRequired(this.component._required);\n this.validateResize(this.component._resize);\n this.validateRows(this.component._rows);\n this.validateSpellCheck(this.component._spellCheck);\n this.validateValue(this.component._value);\n }\n}\n\nconst defaultStyleCss = \"/* forward the rem function */\\n/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n :host {\\n /*\\n * Minimum size of interactive elements.\\n */\\n --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n color: black;\\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 /*\\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 * Word spacing is required for all texts.\\n */\\n word-spacing: inherit;\\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 * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n */\\n word-break: break-word;\\n }\\n /*\\n * All interactive elements should have a minimum size of to-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-width: var(--a11y-min-size);\\n min-height: 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 * Letter spacing is required for all texts.\\n */\\n letter-spacing: inherit;\\n /*\\n * Word spacing is required for all texts.\\n */\\n word-spacing: inherit;\\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 position: absolute;\\n width: 1px;\\n height: 1px;\\n overflow: hidden;\\n white-space: nowrap;\\n clip: rect(0 0 0 0);\\n clip-path: inset(50%);\\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 width: 100%;\\n margin: 0;\\n padding: 0;\\n border: none;\\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 color: black;\\n background-color: lightgray;\\n }\\n}\\n@layer kol-global {\\n :host {\\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 font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\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 opacity: 0.5;\\n outline: none;\\n cursor: not-allowed;\\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 @keyframes fadeInOpacity {\\n 0% {\\n opacity: 0;\\n }\\n 100% {\\n opacity: 1;\\n }\\n }\\n .kol-tooltip {\\n display: contents;\\n contain: layout;\\n }\\n .kol-tooltip__floating {\\n display: none;\\n position: fixed;\\n /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n top: 0;\\n left: 0;\\n /* Can be used to specify the tooltip-width from the outside. Unset by default. */\\n width: var(--kol-tooltip-width);\\n max-width: 90vw;\\n max-height: 90vh;\\n visibility: hidden;\\n animation-duration: 0.25s;\\n animation-iteration-count: 1;\\n animation-name: fadeInOpacity;\\n animation-timing-function: ease-in;\\n }\\n .kol-tooltip__arrow {\\n transform: rotate(45deg);\\n color: #000;\\n background-color: #fff;\\n position: absolute;\\n z-index: 999;\\n width: calc(10rem / var(--kolibri-root-font-size, 16));\\n height: calc(10rem / var(--kolibri-root-font-size, 16));\\n }\\n .kol-tooltip__content {\\n color: #000;\\n background-color: #fff;\\n position: relative;\\n z-index: 1000;\\n }\\n}\\n@layer kol-component {\\n .kol-alert {\\n display: grid;\\n }\\n .kol-alert__container {\\n display: flex;\\n place-items: center;\\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-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 background-color: white;\\n display: grid;\\n width: 100%;\\n min-width: var(--a11y-min-size);\\n min-height: var(--a11y-min-size);\\n align-items: center;\\n grid-template-columns: 1fr;\\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-textarea {\\n width: 100%;\\n }\\n .kol-textarea:focus {\\n outline: none;\\n }\\n}\";\n\nconst increaseTextareaHeight = (el) => {\n el.style.overflow = 'hidden';\n const currentRows = el.rows;\n const rowHeight = el.clientHeight / currentRows;\n el.rows = 1;\n const nextRows = Math.round(el.scrollHeight / rowHeight);\n el.rows = currentRows;\n return nextRows;\n};\nconst KolTextarea = class {\n async getValue() {\n var _a;\n return (_a = this.textareaRef) === null || _a === void 0 ? void 0 : _a.value;\n }\n async kolFocus() {\n var _a;\n (_a = this.textareaRef) === null || _a === void 0 ? void 0 : _a.focus();\n }\n getFormFieldProps() {\n return {\n state: this.state,\n class: clsx('kol-form-field-textarea', {\n 'kol-form-field--has-value': this.state._hasValue,\n 'kol-form-field--has-counter': this.controller.hasSoftCharacterLimit() || this.controller.hasCounter(),\n }),\n tooltipAlign: this._tooltipAlign,\n onClick: () => { var _a; return (_a = this.textareaRef) === null || _a === void 0 ? void 0 : _a.focus(); },\n alert: this.showAsAlert(),\n };\n }\n getTextAreaProps() {\n const ariaDescribedBy = typeof this.state._maxLength === 'number' ? [`${this.state._id}-character-limit-hint`] : undefined;\n return Object.assign(Object.assign({ ref: this.catchRef, state: this.state, style: {\n resize: this.state._resize,\n }, ariaDescribedBy }, this.controller.onFacade), { onInput: this.onInput, 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 } });\n }\n render() {\n return (h(FormFieldStateWrapper, Object.assign({ key: 'a04967ea2fecb1a7c6f238600d52f2d4d4b4cc72' }, this.getFormFieldProps()), h(InputContainerStateWrapperFc, { key: 'db4f3ed0dfa745c109a3a21346df79722b0f7595', state: this.state }, h(TextAreaStateWrapper, Object.assign({ key: '71376e1ff01a524c589632fff16023da5bb9774b' }, this.getTextAreaProps())))));\n }\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.catchRef = (ref) => {\n this.textareaRef = ref;\n };\n this._adjustHeight = false;\n this._disabled = false;\n this._hideMsg = false;\n this._hideLabel = false;\n this._hint = '';\n this._hasCounter = false;\n this._maxLengthBehavior = 'hard';\n this._readOnly = false;\n this._resize = 'vertical';\n this._required = false;\n this._tooltipAlign = 'top';\n this._touched = false;\n this.state = {\n _adjustHeight: false,\n _currentLength: 0,\n _currentLengthDebounced: 0,\n _hasValue: false,\n _hideMsg: false,\n _id: `id-${nonce()}`,\n _label: '',\n _resize: 'vertical',\n };\n this.inputHasFocus = false;\n this.onInput = (event) => {\n if (this.textareaRef instanceof HTMLTextAreaElement) {\n this._value = this.textareaRef.value;\n if (this.state._adjustHeight) {\n this._rows = increaseTextareaHeight(this.textareaRef);\n }\n this.controller.onFacade.onInput(event);\n }\n };\n this.controller = new TextareaController(this, 'textarea', this.host);\n }\n showAsAlert() {\n return Boolean(this.state._touched) && !this.inputHasFocus;\n }\n validateAccessKey(value) {\n this.controller.validateAccessKey(value);\n }\n validateAdjustHeight(value) {\n this.controller.validateAdjustHeight(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 validateHasCounter(value) {\n this.controller.validateHasCounter(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 validateMaxLength(value) {\n this.controller.validateMaxLength(value);\n }\n validateMaxLengthBehavior(value) {\n this.controller.validateMaxLengthBehavior(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 validatePlaceholder(value) {\n this.controller.validatePlaceholder(value);\n }\n validateReadOnly(value) {\n this.controller.validateReadOnly(value);\n }\n validateResize(value) {\n this.controller.validateResize(value);\n }\n validateRequired(value) {\n this.controller.validateRequired(value);\n }\n validateRows(value) {\n this.controller.validateRows(value);\n }\n validateShortKey(value) {\n this.controller.validateShortKey(value);\n }\n validateSpellCheck(value) {\n this.controller.validateSpellCheck(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 }\n componentDidLoad() {\n setTimeout(() => {\n var _a;\n if (this._adjustHeight === true && this.textareaRef) {\n this._rows =\n ((_a = this.state) === null || _a === void 0 ? void 0 : _a._rows) && this.state._rows > increaseTextareaHeight(this.textareaRef) ? this.state._rows : increaseTextareaHeight(this.textareaRef);\n }\n else if (!this._rows) {\n this._rows = 1;\n }\n }, 0);\n }\n componentWillLoad() {\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 }\n static get delegatesFocus() { return true; }\n get host() { return getElement(this); }\n static get watchers() { return {\n \"_accessKey\": [\"validateAccessKey\"],\n \"_adjustHeight\": [\"validateAdjustHeight\"],\n \"_disabled\": [\"validateDisabled\"],\n \"_hideMsg\": [\"validateHideMsg\"],\n \"_hideLabel\": [\"validateHideLabel\"],\n \"_hasCounter\": [\"validateHasCounter\"],\n \"_hint\": [\"validateHint\"],\n \"_icons\": [\"validateIcons\"],\n \"_id\": [\"validateId\"],\n \"_label\": [\"validateLabel\"],\n \"_maxLength\": [\"validateMaxLength\"],\n \"_maxLengthBehavior\": [\"validateMaxLengthBehavior\"],\n \"_msg\": [\"validateMsg\"],\n \"_name\": [\"validateName\"],\n \"_on\": [\"validateOn\"],\n \"_placeholder\": [\"validatePlaceholder\"],\n \"_readOnly\": [\"validateReadOnly\"],\n \"_resize\": [\"validateResize\"],\n \"_required\": [\"validateRequired\"],\n \"_rows\": [\"validateRows\"],\n \"_shortKey\": [\"validateShortKey\"],\n \"_spellCheck\": [\"validateSpellCheck\"],\n \"_syncValueBySelector\": [\"validateSyncValueBySelector\"],\n \"_touched\": [\"validateTouched\"],\n \"_value\": [\"validateValue\"]\n }; }\n};\nKolTextarea.style = {\n default: defaultStyleCss\n};\n\nexport { KolTextarea as kol_textarea };\n//# sourceMappingURL=kol-textarea.entry.js.map\n\n//# sourceMappingURL=kol-textarea.entry.js.map"],"names":["textareaResizeOptions","isTextareaResizePropType","value","validateResizeTextarea","component","watchValidator","TextAreaFc","props","classNames","msg","touched","readonly","disabled","required","ariaDescribedBy","hideLabel","label","other","__rest","showMsg","checkHasMsg","stateCssClasses","inputProps","clsx","getDefaultProps","h","getTextAreaProps","state","_a","getRenderStates","convertMsgToInternMsg","TextAreaStateWrapper","TextareaController","InputIconController","name","host","validateHasCounter","validateMaxLengthBehavior","validateMaxLength","validatePlaceholder","validateReadOnly","validateRequired","validateRows","validateSpellCheck","watchString","defaultStyleCss","increaseTextareaHeight","el","currentRows","rowHeight","nextRows","KolTextarea","event","FormFieldStateWrapper","InputContainerStateWrapperFc","hostRef","registerInstance","ref","nonce","v","getElement"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"kol-toast-container.entry-D5OJDRgc.js","sources":["../../../../components/dist/esm/kol-toast-container.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { h, r as registerInstance, H as Host } from './index-CuRbHMox.js';\nimport { t as translate } from './i18n-yBVLeHdv.js';\nimport { n as nonce } from './dev.utils-DkpEPqJb.js';\nimport { n as KolButtonTag } from './component-names-CkE54Ym7.js';\nimport { K as KolAlertFc } from './Alert-BDx1u40I.js';\nimport './common-7RW_NFNf.js';\nimport './markdown-RQjNjZ_M.js';\nimport { _ as __rest } from './Heading-DjO0rS4X.js';\nimport { c as clsx } from './clsx-eK3rPvPS.js';\nimport './i18n-CjhRejiw.js';\nimport './bem-CwA0xXwr.js';\nimport './browser-D7tkBuSS.js';\n\nconst ToastItemFc = (_a) => {\n var { status, toast, onClose } = _a, other = __rest(_a, [\"status\", \"toast\", \"onClose\"]);\n const { type, label, description, variant } = toast;\n return (h(\"div\", { class: clsx('kol-toast-item', `kol-toast-item--${status}`) },\n h(KolAlertFc, { class: \"kol-toast-item__alert\", alert: true, label: label, level: 0, hasCloser: true, type: type, variant: variant || 'card', onCloserClick: onClose },\n h(\"div\", Object.assign({}, other), description))));\n};\n\nconst defaultStyleCss = \"/* forward the rem function */\\n/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n :host {\\n /*\\n * Minimum size of interactive elements.\\n */\\n --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n color: black;\\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 /*\\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 * Word spacing is required for all texts.\\n */\\n word-spacing: inherit;\\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 * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n */\\n word-break: break-word;\\n }\\n /*\\n * All interactive elements should have a minimum size of to-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-width: var(--a11y-min-size);\\n min-height: 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 * Letter spacing is required for all texts.\\n */\\n letter-spacing: inherit;\\n /*\\n * Word spacing is required for all texts.\\n */\\n word-spacing: inherit;\\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 position: absolute;\\n width: 1px;\\n height: 1px;\\n overflow: hidden;\\n white-space: nowrap;\\n clip: rect(0 0 0 0);\\n clip-path: inset(50%);\\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 width: 100%;\\n margin: 0;\\n padding: 0;\\n border: none;\\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 color: black;\\n background-color: lightgray;\\n }\\n}\\n@layer kol-global {\\n :host {\\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 font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\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 opacity: 0.5;\\n outline: none;\\n cursor: not-allowed;\\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 @keyframes fadeInOpacity {\\n 0% {\\n opacity: 0;\\n }\\n 100% {\\n opacity: 1;\\n }\\n }\\n .kol-tooltip {\\n display: contents;\\n contain: layout;\\n }\\n .kol-tooltip__floating {\\n display: none;\\n position: fixed;\\n /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n top: 0;\\n left: 0;\\n /* Can be used to specify the tooltip-width from the outside. Unset by default. */\\n width: var(--kol-tooltip-width);\\n max-width: 90vw;\\n max-height: 90vh;\\n visibility: hidden;\\n animation-duration: 0.25s;\\n animation-iteration-count: 1;\\n animation-name: fadeInOpacity;\\n animation-timing-function: ease-in;\\n }\\n .kol-tooltip__arrow {\\n transform: rotate(45deg);\\n color: #000;\\n background-color: #fff;\\n position: absolute;\\n z-index: 999;\\n width: calc(10rem / var(--kolibri-root-font-size, 16));\\n height: calc(10rem / var(--kolibri-root-font-size, 16));\\n }\\n .kol-tooltip__content {\\n color: #000;\\n background-color: #fff;\\n position: relative;\\n z-index: 1000;\\n }\\n}\\n@layer kol-component {\\n .kol-alert {\\n display: grid;\\n }\\n .kol-alert__container {\\n display: flex;\\n place-items: center;\\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 :host {\\n display: flex;\\n position: fixed;\\n z-index: 200;\\n flex-direction: column;\\n }\\n .kol-toast-container__close-all {\\n align-self: flex-end;\\n }\\n}\";\n\nconst TRANSITION_TIMEOUT = 300;\nconst KolToastContainer = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.state = {\n _toastStates: [],\n };\n this.translateToastCloseAll = translate('kol-toast-close-all');\n this.knownRenderFunctions = new Set();\n }\n async enqueue(toast) {\n const newToastState = {\n toast,\n status: 'adding',\n id: `toast-${nonce()}`,\n };\n this.state = Object.assign(Object.assign({}, this.state), { _toastStates: [newToastState, ...this.state._toastStates] });\n setTimeout(() => {\n this.state = Object.assign(Object.assign({}, this.state), { _toastStates: this.state._toastStates.map((localToastState) => localToastState.id === newToastState.id && localToastState.status !== 'removing'\n ? Object.assign(Object.assign({}, localToastState), { status: 'settled' }) : localToastState) });\n }, TRANSITION_TIMEOUT);\n return () => {\n this.handleClose(newToastState);\n };\n }\n handleClose(toastState) {\n this.state = Object.assign(Object.assign({}, this.state), { _toastStates: this.state._toastStates.map((localToastState) => {\n if (localToastState.id === toastState.id) {\n localToastState.status = 'removing';\n }\n return localToastState;\n }) });\n setTimeout(() => {\n var _a, _b;\n this.state = Object.assign(Object.assign({}, this.state), { _toastStates: this.state._toastStates.filter((localToastState) => localToastState.id !== toastState.id) });\n (_b = (_a = toastState.toast).onClose) === null || _b === void 0 ? void 0 : _b.call(_a);\n }, TRANSITION_TIMEOUT);\n }\n async closeAll(immediate = false) {\n if (immediate) {\n this.state = Object.assign(Object.assign({}, this.state), { _toastStates: [] });\n }\n else {\n const toastsToClose = [...this.state._toastStates];\n this.state = Object.assign(Object.assign({}, this.state), { _toastStates: toastsToClose.map((localToastState) => (Object.assign(Object.assign({}, localToastState), { status: 'removing' }))) });\n setTimeout(() => {\n this.state = Object.assign(Object.assign({}, this.state), { _toastStates: this.state._toastStates.filter((toastState) => toastsToClose.every((toastToClose) => toastToClose.id !== toastState.id)) });\n toastsToClose.forEach((toastState) => {\n var _a, _b;\n (_b = (_a = toastState.toast).onClose) === null || _b === void 0 ? void 0 : _b.call(_a);\n });\n }, TRANSITION_TIMEOUT);\n }\n }\n handleToastRef(toastState, element) {\n if (element && typeof toastState.toast.render === 'function' && !this.knownRenderFunctions.has(toastState.toast.render)) {\n this.knownRenderFunctions.add(toastState.toast.render);\n toastState.toast.render(element, { close: () => this.handleClose(toastState) });\n }\n }\n render() {\n return (h(Host, { key: 'e6841e1a26bc8c24de441ed1d444175021f8d7b5', class: \"kol-toast-container\" }, this.state._toastStates.length > 1 && (h(KolButtonTag, { key: '938ab38123fd91e356eb63b4c315d1884eb37197', _label: this.translateToastCloseAll, class: \"kol-toast-container__button-close-all\", _on: {\n onClick: () => {\n void this.closeAll();\n },\n } })), this.state._toastStates.map((toastState) => (h(ToastItemFc, { key: toastState.id, onClose: () => this.handleClose(toastState), ref: (element) => this.handleToastRef(toastState, element), toast: toastState.toast, status: toastState.status })))));\n }\n};\nKolToastContainer.style = {\n default: defaultStyleCss\n};\n\nexport { KolToastContainer as kol_toast_container };\n//# sourceMappingURL=kol-toast-container.entry.js.map\n\n//# sourceMappingURL=kol-toast-container.entry.js.map"],"names":["ToastItemFc","_a","status","toast","onClose","other","__rest","type","label","description","variant","h","clsx","KolAlertFc","defaultStyleCss","TRANSITION_TIMEOUT","KolToastContainer","hostRef","registerInstance","translate","newToastState","nonce","localToastState","toastState","_b","immediate","toastsToClose","toastToClose","element","Host","KolButtonTag"],"mappings":"+VAAA;AAAA;AAAA,GAgBA,MAAMA,EAAeC,GAAO,CACxB,GAAI,CAAE,OAAAC,EAAQ,MAAAC,EAAO,QAAAC,CAAO,EAAKH,EAAII,EAAQC,EAAOL,EAAI,CAAC,SAAU,QAAS,SAAS,CAAC,EACtF,KAAM,CAAE,KAAAM,EAAM,MAAAC,EAAO,YAAAC,EAAa,QAAAC,CAAS,EAAGP,EAC9C,OAAQQ,EAAE,MAAO,CAAE,MAAOC,EAAK,iBAAkB,mBAAmBV,CAAM,EAAE,CAAG,EAC3ES,EAAEE,EAAY,CAAE,MAAO,wBAAyB,MAAO,GAAM,MAAOL,EAAO,MAAO,EAAG,UAAW,GAAM,KAAMD,EAAM,QAASG,GAAW,OAAQ,cAAeN,CAAS,EAClKO,EAAE,MAAO,OAAO,OAAO,CAAE,EAAEN,CAAK,EAAGI,CAAW,CAAC,CAAC,CAC5D,EAEMK,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAElBC,EAAqB,IACrBC,EAAoB,KAAM,CAC5B,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,MAAQ,CACT,aAAc,CAAE,CACnB,EACD,KAAK,uBAAyBE,EAAU,qBAAqB,EAC7D,KAAK,qBAAuB,IAAI,GACxC,CACI,MAAM,QAAQhB,EAAO,CACjB,MAAMiB,EAAgB,CAClB,MAAAjB,EACA,OAAQ,SACR,GAAI,SAASkB,EAAK,CAAE,EACvB,EACD,YAAK,MAAQ,OAAO,OAAO,OAAO,OAAO,CAAA,EAAI,KAAK,KAAK,EAAG,CAAE,aAAc,CAACD,EAAe,GAAG,KAAK,MAAM,YAAY,EAAG,EACvH,WAAW,IAAM,CACb,KAAK,MAAQ,OAAO,OAAO,OAAO,OAAO,CAAA,EAAI,KAAK,KAAK,EAAG,CAAE,aAAc,KAAK,MAAM,aAAa,IAAKE,GAAoBA,EAAgB,KAAOF,EAAc,IAAME,EAAgB,SAAW,WACvL,OAAO,OAAO,OAAO,OAAO,CAAA,EAAIA,CAAe,EAAG,CAAE,OAAQ,SAAS,CAAE,EAAIA,CAAe,CAAC,CAAE,CAC1G,EAAEP,CAAkB,EACd,IAAM,CACT,KAAK,YAAYK,CAAa,CACjC,CACT,CACI,YAAYG,EAAY,CACpB,KAAK,MAAQ,OAAO,OAAO,OAAO,OAAO,CAAA,EAAI,KAAK,KAAK,EAAG,CAAE,aAAc,KAAK,MAAM,aAAa,IAAKD,IAC3FA,EAAgB,KAAOC,EAAW,KAClCD,EAAgB,OAAS,YAEtBA,EACV,EAAG,EACR,WAAW,IAAM,CACb,IAAIrB,EAAIuB,EACR,KAAK,MAAQ,OAAO,OAAO,OAAO,OAAO,GAAI,KAAK,KAAK,EAAG,CAAE,aAAc,KAAK,MAAM,aAAa,OAAQF,GAAoBA,EAAgB,KAAOC,EAAW,EAAE,EAAG,GACpKC,GAAMvB,EAAKsB,EAAW,OAAO,WAAa,MAAQC,IAAO,QAAkBA,EAAG,KAAKvB,CAAE,CACzF,EAAEc,CAAkB,CAC7B,CACI,MAAM,SAASU,EAAY,GAAO,CAC9B,GAAIA,EACA,KAAK,MAAQ,OAAO,OAAO,OAAO,OAAO,GAAI,KAAK,KAAK,EAAG,CAAE,aAAc,CAAE,CAAA,CAAE,MAE7E,CACD,MAAMC,EAAgB,CAAC,GAAG,KAAK,MAAM,YAAY,EACjD,KAAK,MAAQ,OAAO,OAAO,OAAO,OAAO,CAAE,EAAE,KAAK,KAAK,EAAG,CAAE,aAAcA,EAAc,IAAKJ,GAAqB,OAAO,OAAO,OAAO,OAAO,CAAE,EAAEA,CAAe,EAAG,CAAE,OAAQ,WAAY,CAAE,CAAC,CAAE,EAC/L,WAAW,IAAM,CACb,KAAK,MAAQ,OAAO,OAAO,OAAO,OAAO,CAAE,EAAE,KAAK,KAAK,EAAG,CAAE,aAAc,KAAK,MAAM,aAAa,OAAQC,GAAeG,EAAc,MAAOC,GAAiBA,EAAa,KAAOJ,EAAW,EAAE,CAAC,CAAC,CAAE,EACpMG,EAAc,QAASH,GAAe,CAClC,IAAItB,EAAIuB,GACPA,GAAMvB,EAAKsB,EAAW,OAAO,WAAa,MAAQC,IAAO,QAAkBA,EAAG,KAAKvB,CAAE,CAC1G,CAAiB,CACJ,EAAEc,CAAkB,CACjC,CACA,CACI,eAAeQ,EAAYK,EAAS,CAC5BA,GAAW,OAAOL,EAAW,MAAM,QAAW,YAAc,CAAC,KAAK,qBAAqB,IAAIA,EAAW,MAAM,MAAM,IAClH,KAAK,qBAAqB,IAAIA,EAAW,MAAM,MAAM,EACrDA,EAAW,MAAM,OAAOK,EAAS,CAAE,MAAO,IAAM,KAAK,YAAYL,CAAU,EAAG,EAE1F,CACI,QAAS,CACL,OAAQZ,EAAEkB,EAAM,CAAE,IAAK,2CAA4C,MAAO,uBAAyB,KAAK,MAAM,aAAa,OAAS,GAAMlB,EAAEmB,EAAc,CAAE,IAAK,2CAA4C,OAAQ,KAAK,uBAAwB,MAAO,wCAAyC,IAAK,CAC/R,QAAS,IAAM,CACN,KAAK,SAAU,CACvB,CACjB,CAAe,CAAA,EAAI,KAAK,MAAM,aAAa,IAAKP,GAAgBZ,EAAEX,EAAa,CAAE,IAAKuB,EAAW,GAAI,QAAS,IAAM,KAAK,YAAYA,CAAU,EAAG,IAAMK,GAAY,KAAK,eAAeL,EAAYK,CAAO,EAAG,MAAOL,EAAW,MAAO,OAAQA,EAAW,MAAM,CAAE,CAAE,CAAC,CACrQ,CACA,EACAP,EAAkB,MAAQ,CACtB,QAASF,CACb"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"kol-toolbar.entry-Bi4bx284.js","sources":["../../../../components/dist/esm/kol-toolbar.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, g as getElement } from './index-CuRbHMox.js';\nimport { O as emptyStringByArrayHandler, o as objectObjectHandler, p as parseJson, s as setState } from './common-7RW_NFNf.js';\nimport { v as validateLabel } from './label-DAfXJvJZ.js';\nimport { f as KolLinkWcTag, d as KolButtonWcTag } from './component-names-CkE54Ym7.js';\nimport { v as validateOrientation } from './orientation-BV4mvHIC.js';\nimport { K as KeyboardKey } from './keyboard-D6PoWr38.js';\n\nconst validateToolbarItems = (component, value) => {\n emptyStringByArrayHandler(value, () => {\n objectObjectHandler(value, () => {\n if (typeof value === 'undefined') {\n value = [];\n }\n try {\n value = parseJson(value);\n }\n catch (e) {\n }\n if (Array.isArray(value) && value.every((items) => typeof items === 'object' && items !== null)) {\n setState(component, '_items', value);\n }\n });\n });\n};\n\nconst defaultStyleCss = \"@charset \\\"UTF-8\\\";\\n/* forward the rem function */\\n/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n :host {\\n /*\\n * Minimum size of interactive elements.\\n */\\n --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n color: black;\\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 /*\\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 * Word spacing is required for all texts.\\n */\\n word-spacing: inherit;\\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 * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n */\\n word-break: break-word;\\n }\\n /*\\n * All interactive elements should have a minimum size of to-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-width: var(--a11y-min-size);\\n min-height: 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 * Letter spacing is required for all texts.\\n */\\n letter-spacing: inherit;\\n /*\\n * Word spacing is required for all texts.\\n */\\n word-spacing: inherit;\\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 position: absolute;\\n width: 1px;\\n height: 1px;\\n overflow: hidden;\\n white-space: nowrap;\\n clip: rect(0 0 0 0);\\n clip-path: inset(50%);\\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 width: 100%;\\n margin: 0;\\n padding: 0;\\n border: none;\\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 color: black;\\n background-color: lightgray;\\n }\\n}\\n@layer kol-global {\\n :host {\\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 font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\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 opacity: 0.5;\\n outline: none;\\n cursor: not-allowed;\\n }\\n [aria-disabled=true]:focus .kol-span,\\n [disabled]:focus .kol-span {\\n outline: none !important;\\n }\\n}\\n@layer kol-component {\\n @keyframes fadeInOpacity {\\n 0% {\\n opacity: 0;\\n }\\n 100% {\\n opacity: 1;\\n }\\n }\\n .kol-tooltip {\\n display: contents;\\n contain: layout;\\n }\\n .kol-tooltip__floating {\\n display: none;\\n position: fixed;\\n /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n top: 0;\\n left: 0;\\n /* Can be used to specify the tooltip-width from the outside. Unset by default. */\\n width: var(--kol-tooltip-width);\\n max-width: 90vw;\\n max-height: 90vh;\\n visibility: hidden;\\n animation-duration: 0.25s;\\n animation-iteration-count: 1;\\n animation-name: fadeInOpacity;\\n animation-timing-function: ease-in;\\n }\\n .kol-tooltip__arrow {\\n transform: rotate(45deg);\\n color: #000;\\n background-color: #fff;\\n position: absolute;\\n z-index: 999;\\n width: calc(10rem / var(--kolibri-root-font-size, 16));\\n height: calc(10rem / var(--kolibri-root-font-size, 16));\\n }\\n .kol-tooltip__content {\\n color: #000;\\n background-color: #fff;\\n position: relative;\\n z-index: 1000;\\n }\\n}\\n@layer kol-component {\\n :host {\\n display: inline-block;\\n }\\n .kol-link {\\n display: inline-flex;\\n place-items: center;\\n font-style: calc(16rem / var(--kolibri-root-font-size, 16));\\n text-align: center;\\n text-decoration-line: none;\\n }\\n .kol-link::before {\\n /* Render zero-width character as first element to set the baseline correctly. */\\n content: \\\"\\\";\\n }\\n .kol-link__text {\\n width: 100%;\\n margin: auto;\\n }\\n}\\n@layer kol-component {\\n .kol-toolbar {\\n display: flex;\\n flex-wrap: wrap;\\n align-items: center;\\n }\\n .kol-toolbar--orientation-vertical {\\n flex-direction: column;\\n align-items: stretch;\\n }\\n .kol-toolbar:focus-within {\\n outline: 1px solid;\\n outline-offset: 2px;\\n }\\n}\";\n\nconst KolToolbar = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.state = {\n _label: '',\n _items: [],\n };\n this.currentIndex = 0;\n this.indexToElement = new Map();\n this.renderItem = (element, index) => {\n const tabIndex = index === this.currentIndex && !(element === null || element === void 0 ? void 0 : element._disabled) ? 0 : -1;\n const props = {\n key: index,\n class: 'button normal kol-toolbar__item',\n _tabIndex: tabIndex,\n };\n const catchRef = (element) => {\n element && this.indexToElement.set(index, element);\n };\n return '_href' in element ? (h(KolLinkWcTag, Object.assign({}, element, props, { ref: catchRef, _role: \"button\" }))) : (h(KolButtonWcTag, Object.assign({}, element, props, { ref: catchRef })));\n };\n }\n render() {\n return (h(\"div\", { key: 'db8a0f35bc8bc3a3b4c1539bd3440dd2c317d7fc', class: `kol-toolbar kol-toolbar--orientation-${this.state._orientation}`, role: \"toolbar\", \"aria-label\": this.state._label }, this.state._items.map(this.renderItem)));\n }\n validateLabel(value) {\n validateLabel(this, value);\n }\n validateItems(value) {\n validateToolbarItems(this, value);\n }\n validateOrientation(value) {\n validateOrientation(this, value);\n }\n getCurrentToolbarItem(index) {\n return typeof index === 'number' ? this.indexToElement.get(index) : undefined;\n }\n setFirstEnabledItemIndex() {\n var _a;\n this.currentIndex = (_a = this.state._items) === null || _a === void 0 ? void 0 : _a.findIndex((item) => !item._disabled);\n }\n handleKeyDown(event) {\n var _a, _b;\n const pressedKey = event.code;\n const isArrowKey = [KeyboardKey.ArrowUp, KeyboardKey.ArrowDown, KeyboardKey.ArrowRight, KeyboardKey.ArrowLeft].includes(pressedKey);\n if (!isArrowKey)\n return;\n event.preventDefault();\n const lastItemIndex = ((_a = this._items) === null || _a === void 0 ? void 0 : _a.length) - 1;\n const currentIndex = this.currentIndex;\n let nextIndex = 0;\n switch (pressedKey) {\n case KeyboardKey.ArrowUp:\n case KeyboardKey.ArrowLeft:\n nextIndex = currentIndex !== nextIndex ? currentIndex - 1 : lastItemIndex;\n break;\n case KeyboardKey.ArrowDown:\n case KeyboardKey.ArrowRight:\n if (lastItemIndex !== currentIndex)\n nextIndex = currentIndex + 1;\n break;\n }\n if (currentIndex === nextIndex)\n return;\n this.currentIndex = nextIndex;\n void ((_b = this.getCurrentToolbarItem(nextIndex)) === null || _b === void 0 ? void 0 : _b.kolFocus());\n }\n handleBlur(event) {\n if (event.target === this.host)\n this.setFirstEnabledItemIndex();\n }\n componentWillLoad() {\n this.validateLabel(this._label);\n this.validateItems(this._items);\n this.validateOrientation(this._orientation);\n this.setFirstEnabledItemIndex();\n }\n get host() { return getElement(this); }\n static get watchers() { return {\n \"_label\": [\"validateLabel\"],\n \"_items\": [\"validateItems\"],\n \"_orientation\": [\"validateOrientation\"]\n }; }\n};\nKolToolbar.style = {\n default: defaultStyleCss\n};\n\nexport { KolToolbar as kol_toolbar };\n//# sourceMappingURL=kol-toolbar.entry.js.map\n\n//# sourceMappingURL=kol-toolbar.entry.js.map"],"names":["validateToolbarItems","component","value","emptyStringByArrayHandler","objectObjectHandler","parseJson","items","setState","defaultStyleCss","KolToolbar","hostRef","registerInstance","element","index","tabIndex","props","catchRef","h","KolLinkWcTag","KolButtonWcTag","validateLabel","validateOrientation","_a","item","event","_b","pressedKey","KeyboardKey","lastItemIndex","currentIndex","nextIndex","getElement"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"kol-tooltip-wc.entry-DnLZd9t5.js","sources":["../../../../components/dist/esm/kol-tooltip-wc.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host, g as getElement } from './index-CuRbHMox.js';\nimport { b as autoUpdate, a as alignFloatingElements } from './align-floating-elements-DcJPtpqg.js';\nimport { e as watchString, A as getDocument } from './common-7RW_NFNf.js';\nimport { v as validateAlign } from './align-DoCRbhrp.js';\nimport { v as validateLabel } from './label-DAfXJvJZ.js';\nimport './Alert-BDx1u40I.js';\nimport { K as KolSpanFc } from './Span-BX5FGBRq.js';\nimport './i18n-yBVLeHdv.js';\nimport './Heading-DjO0rS4X.js';\nimport './clsx-eK3rPvPS.js';\nimport './component-names-CkE54Ym7.js';\nimport './bem-CwA0xXwr.js';\nimport './browser-D7tkBuSS.js';\nimport './Icon-BI4MKvDM.js';\nimport './markdown-RQjNjZ_M.js';\nimport './InternalUnderlinedBadgeText-DlNNod38.js';\nimport './isObject-DvSELytj.js';\nimport './i18n-CjhRejiw.js';\n\nconst validateBadgeText = (component, value) => {\n watchString(component, '_badgeText', value);\n};\n\nconst validateId = (component, value) => {\n watchString(component, '_id', value);\n};\n\nconst VISIBLE_OVERLAYS = new Set();\nfunction showOverlay(overlay) {\n VISIBLE_OVERLAYS.forEach((visibleOverlay) => {\n visibleOverlay.style.setProperty('z-index', '999');\n });\n VISIBLE_OVERLAYS.add(overlay);\n overlay.style.setProperty('z-index', '1000');\n}\nfunction hideOverlay(overlay) {\n VISIBLE_OVERLAYS.delete(overlay);\n if (VISIBLE_OVERLAYS.size > 0) {\n const last = Array.from(VISIBLE_OVERLAYS).pop();\n if (last) {\n last.style.setProperty('z-index', '1000');\n }\n }\n}\n\nconst TOOLTIP_DELAY = 300;\nconst KolTooltipWc = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.showTooltip = () => {\n if (this.previousSibling && this.tooltipElement) {\n showOverlay(this.tooltipElement);\n this.tooltipElement.style.setProperty('display', 'block');\n getDocument().addEventListener('keyup', this.hideTooltipByEscape);\n const target = this.previousSibling;\n const tooltipEl = this.tooltipElement;\n this.cleanupAutoPositioning = autoUpdate(target, tooltipEl, () => {\n void this.alignTooltip();\n });\n }\n };\n this.showTooltipWithDelay = () => {\n clearTimeout(this.hideTooltipTimeout);\n clearTimeout(this.showTooltipTimeout);\n this.showTooltipTimeout = setTimeout(() => {\n this.showTooltip();\n }, TOOLTIP_DELAY);\n };\n this.hideTooltipWithDelay = () => {\n clearTimeout(this.hideTooltipTimeout);\n this.hideTooltipTimeout = setTimeout(() => {\n void this.hideTooltip();\n }, TOOLTIP_DELAY);\n };\n this.hideTooltipByEscape = (event) => {\n if (event.key === 'Escape') {\n void this.hideTooltip();\n }\n };\n this.addListeners = (el) => {\n el.addEventListener('mouseenter', this.handleMouseEnter.bind(this));\n el.addEventListener('mouseleave', this.handleMouseleave.bind(this));\n el.addEventListener('focusin', this.handleFocusIn.bind(this));\n el.addEventListener('focusout', this.handleFocusout.bind(this));\n };\n this.removeListeners = (el) => {\n el.removeEventListener('mouseenter', this.handleMouseEnter.bind(this));\n el.removeEventListener('mouseleave', this.handleMouseleave.bind(this));\n el.removeEventListener('focusin', this.handleFocusIn.bind(this));\n el.removeEventListener('focusout', this.handleFocusout.bind(this));\n };\n this.resyncListeners = (last, next, replacePreviousSibling = false) => {\n if (last) {\n this.removeListeners(last);\n }\n if (next) {\n if (replacePreviousSibling) {\n this.previousSibling = next;\n }\n this.addListeners(next);\n }\n };\n this.catchTooltipElement = (el) => {\n this.tooltipElement = el;\n };\n this.catchArrowElement = (element) => {\n this.arrowElement = element;\n };\n this._align = 'top';\n this.state = {\n _align: 'top',\n _label: '',\n };\n }\n async alignTooltip() {\n if (this.tooltipElement && this.previousSibling) {\n await alignFloatingElements({\n align: this._align,\n referenceElement: this.previousSibling,\n arrowElement: this.arrowElement,\n floatingElement: this.tooltipElement,\n });\n }\n }\n async hideTooltip() {\n clearTimeout(this.showTooltipTimeout);\n if (this.tooltipElement) {\n hideOverlay(this.tooltipElement);\n this.tooltipElement.style.setProperty('display', 'none');\n this.tooltipElement.style.setProperty('visibility', 'hidden');\n if (this.cleanupAutoPositioning) {\n this.cleanupAutoPositioning();\n this.cleanupAutoPositioning = undefined;\n }\n }\n getDocument().removeEventListener('keyup', this.hideTooltipByEscape);\n }\n handleMouseEnter() {\n this.showTooltipWithDelay();\n }\n handleMouseleave() {\n this.hideTooltipWithDelay();\n }\n handleFocusIn() {\n this.showTooltipWithDelay();\n }\n handleFocusout() {\n this.hideTooltipWithDelay();\n }\n render() {\n return (h(Host, { key: '60be1bd258bc5ae2b0ecce9374607d11476071b1', class: \"kol-tooltip\" }, this.state._label !== '' && (h(\"div\", { key: '2af044756ca7d87c5b789181da84556a517c0ee4', class: \"kol-tooltip__floating\", ref: this.catchTooltipElement }, h(\"div\", { key: '057fc2de5c87f0f82e9477568992048bf3918e77', class: \"kol-tooltip__arrow\", ref: this.catchArrowElement }), h(KolSpanFc, { key: '1ba456fb877c04c0dc1e93431f90db07f2e90b47', class: \"kol-tooltip__content\", id: this.state._id, badgeText: this._badgeText, label: this.state._label })))));\n }\n validateBadgeText(value) {\n validateBadgeText(this, value);\n }\n validateAlign(value) {\n validateAlign(this, value);\n }\n validateId(value) {\n validateId(this, value);\n }\n validateLabel(value) {\n validateLabel(this, value, {\n required: true,\n });\n }\n componentWillLoad() {\n this.validateBadgeText(this._badgeText);\n this.validateAlign(this._align);\n this.validateId(this._id);\n this.validateLabel(this._label);\n }\n handleEventListeners() {\n var _a;\n this.resyncListeners(this.previousSibling, (_a = this.host) === null || _a === void 0 ? void 0 : _a.previousElementSibling, true);\n this.resyncListeners(this.tooltipElement, this.tooltipElement);\n }\n connectedCallback() {\n var _a;\n this.previousSibling = (_a = this.host) === null || _a === void 0 ? void 0 : _a.previousElementSibling;\n }\n componentDidRender() {\n this.handleEventListeners();\n }\n disconnectedCallback() {\n if (this.previousSibling) {\n this.removeListeners(this.previousSibling);\n this.previousSibling = undefined;\n }\n if (this.tooltipElement) {\n this.removeListeners(this.tooltipElement);\n }\n if (this.cleanupAutoPositioning) {\n this.cleanupAutoPositioning();\n }\n }\n get host() { return getElement(this); }\n static get watchers() { return {\n \"_badgeText\": [\"validateBadgeText\"],\n \"_align\": [\"validateAlign\"],\n \"_id\": [\"validateId\"],\n \"_label\": [\"validateLabel\"]\n }; }\n};\n\nexport { KolTooltipWc as kol_tooltip_wc };\n//# sourceMappingURL=kol-tooltip-wc.entry.js.map\n\n//# sourceMappingURL=kol-tooltip-wc.entry.js.map"],"names":["validateBadgeText","component","value","watchString","validateId","VISIBLE_OVERLAYS","showOverlay","overlay","visibleOverlay","hideOverlay","last","TOOLTIP_DELAY","KolTooltipWc","hostRef","registerInstance","getDocument","target","tooltipEl","autoUpdate","event","el","next","replacePreviousSibling","element","alignFloatingElements","h","Host","KolSpanFc","validateAlign","validateLabel","_a","getElement"],"mappings":"gmBAAA;AAAA;AAAA,GAsBA,MAAMA,EAAoB,CAACC,EAAWC,IAAU,CAC5CC,EAAYF,EAAW,aAAcC,CAAK,CAC9C,EAEME,EAAa,CAACH,EAAWC,IAAU,CACrCC,EAAYF,EAAW,MAAOC,CAAK,CACvC,EAEMG,EAAmB,IAAI,IAC7B,SAASC,EAAYC,EAAS,CAC1BF,EAAiB,QAASG,GAAmB,CACzCA,EAAe,MAAM,YAAY,UAAW,KAAK,CACzD,CAAK,EACDH,EAAiB,IAAIE,CAAO,EAC5BA,EAAQ,MAAM,YAAY,UAAW,MAAM,CAC/C,CACA,SAASE,EAAYF,EAAS,CAE1B,GADAF,EAAiB,OAAOE,CAAO,EAC3BF,EAAiB,KAAO,EAAG,CAC3B,MAAMK,EAAO,MAAM,KAAKL,CAAgB,EAAE,IAAK,EAC3CK,GACAA,EAAK,MAAM,YAAY,UAAW,MAAM,CAEpD,CACA,CAEA,MAAMC,EAAgB,IAChBC,EAAe,KAAM,CACvB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,YAAc,IAAM,CACrB,GAAI,KAAK,iBAAmB,KAAK,eAAgB,CAC7CP,EAAY,KAAK,cAAc,EAC/B,KAAK,eAAe,MAAM,YAAY,UAAW,OAAO,EACxDS,EAAa,EAAC,iBAAiB,QAAS,KAAK,mBAAmB,EAChE,MAAMC,EAAS,KAAK,gBACdC,EAAY,KAAK,eACvB,KAAK,uBAAyBC,EAAWF,EAAQC,EAAW,IAAM,CACzD,KAAK,aAAc,CAC5C,CAAiB,CACjB,CACS,EACD,KAAK,qBAAuB,IAAM,CAC9B,aAAa,KAAK,kBAAkB,EACpC,aAAa,KAAK,kBAAkB,EACpC,KAAK,mBAAqB,WAAW,IAAM,CACvC,KAAK,YAAa,CACrB,EAAEN,CAAa,CACnB,EACD,KAAK,qBAAuB,IAAM,CAC9B,aAAa,KAAK,kBAAkB,EACpC,KAAK,mBAAqB,WAAW,IAAM,CAClC,KAAK,YAAa,CAC1B,EAAEA,CAAa,CACnB,EACD,KAAK,oBAAuBQ,GAAU,CAC9BA,EAAM,MAAQ,UACT,KAAK,YAAa,CAE9B,EACD,KAAK,aAAgBC,GAAO,CACxBA,EAAG,iBAAiB,aAAc,KAAK,iBAAiB,KAAK,IAAI,CAAC,EAClEA,EAAG,iBAAiB,aAAc,KAAK,iBAAiB,KAAK,IAAI,CAAC,EAClEA,EAAG,iBAAiB,UAAW,KAAK,cAAc,KAAK,IAAI,CAAC,EAC5DA,EAAG,iBAAiB,WAAY,KAAK,eAAe,KAAK,IAAI,CAAC,CACjE,EACD,KAAK,gBAAmBA,GAAO,CAC3BA,EAAG,oBAAoB,aAAc,KAAK,iBAAiB,KAAK,IAAI,CAAC,EACrEA,EAAG,oBAAoB,aAAc,KAAK,iBAAiB,KAAK,IAAI,CAAC,EACrEA,EAAG,oBAAoB,UAAW,KAAK,cAAc,KAAK,IAAI,CAAC,EAC/DA,EAAG,oBAAoB,WAAY,KAAK,eAAe,KAAK,IAAI,CAAC,CACpE,EACD,KAAK,gBAAkB,CAACV,EAAMW,EAAMC,EAAyB,KAAU,CAC/DZ,GACA,KAAK,gBAAgBA,CAAI,EAEzBW,IACIC,IACA,KAAK,gBAAkBD,GAE3B,KAAK,aAAaA,CAAI,EAE7B,EACD,KAAK,oBAAuBD,GAAO,CAC/B,KAAK,eAAiBA,CACzB,EACD,KAAK,kBAAqBG,GAAY,CAClC,KAAK,aAAeA,CACvB,EACD,KAAK,OAAS,MACd,KAAK,MAAQ,CACT,OAAQ,MACR,OAAQ,EACX,CACT,CACI,MAAM,cAAe,CACb,KAAK,gBAAkB,KAAK,iBAC5B,MAAMC,EAAsB,CACxB,MAAO,KAAK,OACZ,iBAAkB,KAAK,gBACvB,aAAc,KAAK,aACnB,gBAAiB,KAAK,cACtC,CAAa,CAEb,CACI,MAAM,aAAc,CAChB,aAAa,KAAK,kBAAkB,EAChC,KAAK,iBACLf,EAAY,KAAK,cAAc,EAC/B,KAAK,eAAe,MAAM,YAAY,UAAW,MAAM,EACvD,KAAK,eAAe,MAAM,YAAY,aAAc,QAAQ,EACxD,KAAK,yBACL,KAAK,uBAAwB,EAC7B,KAAK,uBAAyB,SAGtCM,EAAa,EAAC,oBAAoB,QAAS,KAAK,mBAAmB,CAC3E,CACI,kBAAmB,CACf,KAAK,qBAAsB,CACnC,CACI,kBAAmB,CACf,KAAK,qBAAsB,CACnC,CACI,eAAgB,CACZ,KAAK,qBAAsB,CACnC,CACI,gBAAiB,CACb,KAAK,qBAAsB,CACnC,CACI,QAAS,CACL,OAAQU,EAAEC,EAAM,CAAE,IAAK,2CAA4C,MAAO,aAAa,EAAI,KAAK,MAAM,SAAW,IAAOD,EAAE,MAAO,CAAE,IAAK,2CAA4C,MAAO,wBAAyB,IAAK,KAAK,mBAAmB,EAAIA,EAAE,MAAO,CAAE,IAAK,2CAA4C,MAAO,qBAAsB,IAAK,KAAK,iBAAiB,CAAE,EAAGA,EAAEE,EAAW,CAAE,IAAK,2CAA4C,MAAO,uBAAwB,GAAI,KAAK,MAAM,IAAK,UAAW,KAAK,WAAY,MAAO,KAAK,MAAM,MAAQ,CAAA,CAAC,CAAE,CACliB,CACI,kBAAkBzB,EAAO,CACrBF,EAAkB,KAAME,CAAK,CACrC,CACI,cAAcA,EAAO,CACjB0B,EAAc,KAAM1B,CAAK,CACjC,CACI,WAAWA,EAAO,CACdE,EAAW,KAAMF,CAAK,CAC9B,CACI,cAAcA,EAAO,CACjB2B,EAAc,KAAM3B,EAAO,CACvB,SAAU,EACtB,CAAS,CACT,CACI,mBAAoB,CAChB,KAAK,kBAAkB,KAAK,UAAU,EACtC,KAAK,cAAc,KAAK,MAAM,EAC9B,KAAK,WAAW,KAAK,GAAG,EACxB,KAAK,cAAc,KAAK,MAAM,CACtC,CACI,sBAAuB,CACnB,IAAI4B,EACJ,KAAK,gBAAgB,KAAK,iBAAkBA,EAAK,KAAK,QAAU,MAAQA,IAAO,OAAS,OAASA,EAAG,uBAAwB,EAAI,EAChI,KAAK,gBAAgB,KAAK,eAAgB,KAAK,cAAc,CACrE,CACI,mBAAoB,CAChB,IAAIA,EACJ,KAAK,iBAAmBA,EAAK,KAAK,QAAU,MAAQA,IAAO,OAAS,OAASA,EAAG,sBACxF,CACI,oBAAqB,CACjB,KAAK,qBAAsB,CACnC,CACI,sBAAuB,CACf,KAAK,kBACL,KAAK,gBAAgB,KAAK,eAAe,EACzC,KAAK,gBAAkB,QAEvB,KAAK,gBACL,KAAK,gBAAgB,KAAK,cAAc,EAExC,KAAK,wBACL,KAAK,uBAAwB,CAEzC,CACI,IAAI,MAAO,CAAE,OAAOC,EAAW,IAAI,CAAE,CACrC,WAAW,UAAW,CAAE,MAAO,CAC3B,WAAc,CAAC,mBAAmB,EAClC,OAAU,CAAC,eAAe,EAC1B,IAAO,CAAC,YAAY,EACpB,OAAU,CAAC,eAAe,CAClC,CAAM,CACN"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"kol-tree-item.entry-C7jpas3Z.js","sources":["../../../../components/dist/esm/kol-tree-item.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h } from './index-CuRbHMox.js';\nimport { p as KolTreeItemWcTag } from './component-names-CkE54Ym7.js';\nimport './common-7RW_NFNf.js';\n\nconst defaultStyleCss = \"/* forward the rem function */\\n/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n :host {\\n /*\\n * Minimum size of interactive elements.\\n */\\n --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n color: black;\\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 /*\\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 * Word spacing is required for all texts.\\n */\\n word-spacing: inherit;\\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 * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n */\\n word-break: break-word;\\n }\\n /*\\n * All interactive elements should have a minimum size of to-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-width: var(--a11y-min-size);\\n min-height: 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 * Letter spacing is required for all texts.\\n */\\n letter-spacing: inherit;\\n /*\\n * Word spacing is required for all texts.\\n */\\n word-spacing: inherit;\\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 position: absolute;\\n width: 1px;\\n height: 1px;\\n overflow: hidden;\\n white-space: nowrap;\\n clip: rect(0 0 0 0);\\n clip-path: inset(50%);\\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 width: 100%;\\n margin: 0;\\n padding: 0;\\n border: none;\\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 color: black;\\n background-color: lightgray;\\n }\\n}\\n@layer kol-global {\\n :host {\\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 font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\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 opacity: 0.5;\\n outline: none;\\n cursor: not-allowed;\\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-tree-item {\\n --indentation: var(--tree-item-indentation, calc(10rem / var(--kolibri-root-font-size, 16)));\\n }\\n .kol-tree-item__link .kol-link {\\n display: inline-flex;\\n min-height: var(--a11y-min-size);\\n padding-right: calc(6rem / var(--kolibri-root-font-size, 16));\\n padding-left: max(var(--indentation) * var(--level) + (8rem / var(--kolibri-root-font-size, 16)), 8rem / var(--kolibri-root-font-size, 16));\\n align-items: center;\\n text-decoration: none;\\n }\\n .kol-tree-item__link--first-level .kol-link {\\n padding-left: calc(6rem / var(--kolibri-root-font-size, 16));\\n }\\n .kol-tree-item__link-inner {\\n display: flex;\\n align-items: center;\\n }\\n .kol-tree-item__children {\\n margin: 0;\\n padding: 0;\\n list-style: none;\\n }\\n .kol-tree-item .kol-span {\\n place-items: unset;\\n }\\n .kol-tree-item__toggle-button, .kol-tree-item__toggle-button-placeholder {\\n display: inline-flex;\\n width: var(--a11y-min-size);\\n height: var(--a11y-min-size);\\n align-items: center;\\n justify-content: center;\\n }\\n .kol-tree-item__text {\\n text-decoration: underline;\\n }\\n}\";\n\nconst KolTreeItem = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n }\n async focusLink() {\n if (this.element) {\n await this.element.focusLink();\n }\n }\n async expand() {\n if (this.element) {\n await this.element.expand();\n }\n }\n async collapse() {\n if (this.element) {\n await this.element.collapse();\n }\n }\n async isOpen() {\n var _a, _b;\n return (_b = (await ((_a = this.element) === null || _a === void 0 ? void 0 : _a.isOpen()))) !== null && _b !== void 0 ? _b : false;\n }\n render() {\n return (h(KolTreeItemWcTag, { key: '7bb3a408013bea8c9d87e7911df20651f5230f10', _active: this._active, _label: this._label, _open: this._open, _href: this._href, ref: (element) => (this.element = element) }, h(\"slot\", { key: 'f7e7f98c562a887973733fd19268d7c8efdda8d8' })));\n }\n};\nKolTreeItem.style = {\n default: defaultStyleCss\n};\n\nexport { KolTreeItem as kol_tree_item };\n//# sourceMappingURL=kol-tree-item.entry.js.map\n\n//# sourceMappingURL=kol-tree-item.entry.js.map"],"names":["defaultStyleCss","KolTreeItem","hostRef","registerInstance","_a","_b","h","KolTreeItemWcTag","element"],"mappings":"uDAAA;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,GAElBC,EAAc,KAAM,CACtB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,CACtC,CACI,MAAM,WAAY,CACV,KAAK,SACL,MAAM,KAAK,QAAQ,UAAW,CAE1C,CACI,MAAM,QAAS,CACP,KAAK,SACL,MAAM,KAAK,QAAQ,OAAQ,CAEvC,CACI,MAAM,UAAW,CACT,KAAK,SACL,MAAM,KAAK,QAAQ,SAAU,CAEzC,CACI,MAAM,QAAS,CACX,IAAIE,EAAIC,EACR,OAAQA,EAAM,OAAQD,EAAK,KAAK,WAAa,MAAQA,IAAO,OAAS,OAASA,EAAG,OAAM,MAAU,MAAQC,IAAO,OAASA,EAAK,EACtI,CACI,QAAS,CACL,OAAQC,EAAEC,EAAkB,CAAE,IAAK,2CAA4C,QAAS,KAAK,QAAS,OAAQ,KAAK,OAAQ,MAAO,KAAK,MAAO,MAAO,KAAK,MAAO,IAAMC,GAAa,KAAK,QAAUA,CAAU,EAAEF,EAAE,OAAQ,CAAE,IAAK,0CAA4C,CAAA,CAAC,CACrR,CACA,EACAL,EAAY,MAAQ,CAChB,QAASD,CACb"}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import{r as y,h as m,H as k,as as f,ar as L,g as E}from"./index-DoiVX6kR.js";import{v as A}from"./label-DAfXJvJZ-BBJeZ6XX.js";/*!
|
|
2
|
-
* KoliBri - The accessible HTML-Standard
|
|
3
|
-
*/const b=class{constructor(e){y(this,e),this.state={_label:""}}validateLabel(e){A(this,e)}render(){return m(k,{key:"774db0e9ae59f0de739b7df7777f74fa8e07be03",onSlotchange:this.handleSlotchange.bind(this)},m("nav",{key:"a7f95daedbd9e25f5b1ee82a16aa495c8ac1b7c1",class:"kol-tree","aria-label":this.state._label},m("ul",{key:"9a3686682fd2a7e625dba024eb0ace8caff1aee7",class:"kol-tree__treeview-navigation",role:"tree","aria-label":this.state._label},m("slot",{key:"a6f63218223e1daf2f96fd2dbcf49e87742a419d"}))))}static isTreeItem(e){return(e==null?void 0:e.tagName)===f.toUpperCase()}componentWillLoad(){this.validateLabel(this._label),this.handleTreeChange(),this.observeChildListMutations()}disconnectedCallback(){var e;(e=this.observer)===null||e===void 0||e.disconnect()}observeChildListMutations(){this.observer=new MutationObserver(this.handleTreeChange.bind(this)),this.observeTopLevelItems()}handleSlotchange(){this.observeTopLevelItems(),this.handleTreeChange()}observeTopLevelItems(){var e;(e=this.getTopLevelTreeItems())===null||e===void 0||e.forEach(i=>{var t;(t=this.observer)===null||t===void 0||t.observe(i,{childList:!0,subtree:!0})})}getTopLevelTreeItems(){var e,i,t;return(t=(i=(e=this.host.querySelector("slot"))===null||e===void 0?void 0:e.assignedNodes)===null||i===void 0?void 0:i.call(e))===null||t===void 0?void 0:t.filter(b.isTreeItem)}handleTreeChange(){this.treeItemElements=this.getTreeItemElements(),this.ensureActiveItemVisibility()}getTreeItemElements(){var e;return(e=this.getTopLevelTreeItems())===null||e===void 0?void 0:e.reduce((i,t)=>{const s=t.querySelectorAll(f);return[...i,t,...s]},[])}async getOpenTreeItemElements(){if(!this.treeItemElements)return;const e=async t=>b.isTreeItem(t.parentElement)?await t.parentElement.isOpen()&&await e(t.parentElement):!0;return(await Promise.all(this.treeItemElements.map(async t=>({value:t,include:await e(t)})))).filter(t=>t.include).map(t=>t.value)}async handleKeyDown(e){var i,t,s,n,o,d,h,c,v;const a=await this.getOpenTreeItemElements(),l=(i=document.activeElement)===null||i===void 0?void 0:i.closest(f),w=e.metaKey||e.altKey||e.ctrlKey||e.shiftKey;if(!a||!l)return;const p=a==null?void 0:a.findIndex(r=>r===l);switch(e.key){case"ArrowDown":{await((t=a[p+1])===null||t===void 0?void 0:t.focusLink()),e.preventDefault();break}case"ArrowUp":{await((s=a[p-1])===null||s===void 0?void 0:s.focusLink()),e.preventDefault();break}case"Right":case"ArrowRight":{e.preventDefault(),await l.isOpen()?await((n=a[p+1])===null||n===void 0?void 0:n.focusLink()):await l.expand();break}case"Left":case"ArrowLeft":{if(e.preventDefault(),await l.isOpen())await l.collapse();else{const r=a.findIndex(u=>u===l.parentElement);r!==-1&&await((o=a[r])===null||o===void 0?void 0:o.focusLink())}break}case"Home":{await((d=a[0])===null||d===void 0?void 0:d.focusLink()),e.preventDefault();break}case"End":{await((h=a[a.length-1])===null||h===void 0?void 0:h.focusLink()),e.preventDefault();break}case((c=e.key.match(/^[a-zA-Z0-9]$/))===null||c===void 0?void 0:c.input):{if(!w){const r=e.key.toLowerCase(),u=a.indexOf(l)+1,g=a.concat(a),_=g.slice(u,u+a.length).findIndex(T=>{var I;return(I=T.getAttribute("_label"))===null||I===void 0?void 0:I.trim().toLowerCase().startsWith(r)});_!==-1&&(await g[u+_].focusLink(),e.preventDefault())}break}case"*":{const r=(v=l.parentElement)===null||v===void 0?void 0:v.querySelectorAll(f);r==null||r.forEach(u=>{u.expand()});break}}}async handleFocusOut(e){e.relatedTarget&&!e.relatedTarget.closest(L)&&await this.ensureActiveItemVisibility()}async ensureActiveItemVisibility(){const e=()=>{var s,n,o,d;const h=(d=(o=(n=(s=this.host.querySelector("slot"))===null||s===void 0?void 0:s.assignedNodes)===null||n===void 0?void 0:n.call(s))===null||o===void 0?void 0:o.filter(b.isTreeItem))!==null&&d!==void 0?d:[];for(const c of h){if(c._active)return c;const v=c.querySelector(`${f}[_active="true"]`);if(v&&v._active)return v}},i=s=>{b.isTreeItem(s.parentElement)&&(s.parentElement.expand(),i(s.parentElement))},t=e();t&&i(t)}get host(){return E(this)}static get watchers(){return{_label:["validateLabel"]}}};export{b as kol_tree_wc};
|
|
4
|
-
//# sourceMappingURL=kol-tree-wc.entry-CrVB_yik.js.map
|