@public-ui/sample-react 3.0.3-rc.0 → 3.0.3
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-ByNfG8nN-CpBof2j3.js → Alert-BscBrOtx-EE85zP3Z.js} +2 -2
- package/dist/assets/{Alert-ByNfG8nN-CpBof2j3.js.map → Alert-BscBrOtx-EE85zP3Z.js.map} +1 -1
- package/dist/assets/{Collapsible-50k292K5-1GgSWpPs.js → Collapsible-Brg0x6ef-D_bsGK8E.js} +2 -2
- package/dist/assets/{Collapsible-50k292K5-1GgSWpPs.js.map → Collapsible-Brg0x6ef-D_bsGK8E.js.map} +1 -1
- package/dist/assets/{CustomSuggestionsToggle-BbxckORK-CBq1qysg.js → CustomSuggestionsToggle-Fau5UeJE-eMIqOttf.js} +2 -2
- package/dist/assets/{CustomSuggestionsToggle-BbxckORK-CBq1qysg.js.map → CustomSuggestionsToggle-Fau5UeJE-eMIqOttf.js.map} +1 -1
- package/dist/assets/{FieldControlStateWrapper-Bk2shh3m-BPjsA6l7.js → FieldControlStateWrapper-Di7Ax9Ic-LDk0Cu7v.js} +2 -2
- package/dist/assets/{FieldControlStateWrapper-Bk2shh3m-BPjsA6l7.js.map → FieldControlStateWrapper-Di7Ax9Ic-LDk0Cu7v.js.map} +1 -1
- package/dist/assets/{FormFieldStateWrapper-DfpB93Pm-CcC6K3RX.js → FormFieldStateWrapper-BlcmQgCr-aFbjo2ad.js} +2 -2
- package/dist/assets/{FormFieldStateWrapper-DfpB93Pm-CcC6K3RX.js.map → FormFieldStateWrapper-BlcmQgCr-aFbjo2ad.js.map} +1 -1
- package/dist/assets/{Heading-BTtiPVot-gXBqDUrq.js → Heading-D6_TFw6T-Bn0pKBwe.js} +2 -2
- package/dist/assets/{Heading-BTtiPVot-gXBqDUrq.js.map → Heading-D6_TFw6T-Bn0pKBwe.js.map} +1 -1
- package/dist/assets/{Icon-BqBfvzxD-l20Pmw7C.js → Icon-DGehfe8Q-DwJi2jBz.js} +2 -2
- package/dist/assets/{Icon-BqBfvzxD-l20Pmw7C.js.map → Icon-DGehfe8Q-DwJi2jBz.js.map} +1 -1
- package/dist/assets/{Input-BL77fBGk-Bg2myEFq.js → Input-TxAvDpzr-BlY7GWbC.js} +2 -2
- package/dist/assets/{Input-BL77fBGk-Bg2myEFq.js.map → Input-TxAvDpzr-BlY7GWbC.js.map} +1 -1
- package/dist/assets/{InputStateWrapper-_yKFlMDQ-DzusWS_r.js → InputStateWrapper-CNpzg0dU-BG1angoL.js} +2 -2
- package/dist/assets/{InputStateWrapper-_yKFlMDQ-DzusWS_r.js.map → InputStateWrapper-CNpzg0dU-BG1angoL.js.map} +1 -1
- package/dist/assets/{InternalUnderlinedBadgeText-CFT7WIRl-7lKK20QX.js → InternalUnderlinedBadgeText-DnxrXpNU-BJdaOWku.js} +2 -2
- package/dist/assets/{InternalUnderlinedBadgeText-CFT7WIRl-7lKK20QX.js.map → InternalUnderlinedBadgeText-DnxrXpNU-BJdaOWku.js.map} +1 -1
- package/dist/assets/{Span-CHPCQ33k-BZS_rNP3.js → Span-EvVyGKjN-DFbUESPT.js} +2 -2
- package/dist/assets/{Span-CHPCQ33k-BZS_rNP3.js.map → Span-EvVyGKjN-DFbUESPT.js.map} +1 -1
- package/dist/assets/{access-and-short-key-sBSrfgCm-Cgpv8qRY.js → access-and-short-key-CIkiLGbP-WjkUsh6b.js} +2 -2
- package/dist/assets/{access-and-short-key-sBSrfgCm-Cgpv8qRY.js.map → access-and-short-key-CIkiLGbP-WjkUsh6b.js.map} +1 -1
- package/dist/assets/{align-DrcZAyfz-F2OAWnxX.js → align-DoCRbhrp-DWrJ0InM.js} +2 -2
- package/dist/assets/{align-DrcZAyfz-F2OAWnxX.js.map → align-DoCRbhrp-DWrJ0InM.js.map} +1 -1
- package/dist/assets/{align-floating-elements-CS5tDVty-NrXG4EEB.js → align-floating-elements-DcJPtpqg-CjjMkFQQ.js} +2 -2
- package/dist/assets/{align-floating-elements-CS5tDVty-NrXG4EEB.js.map → align-floating-elements-DcJPtpqg-CjjMkFQQ.js.map} +1 -1
- package/dist/assets/{associated.controller-CPLCdcn6-DzMDeRqa.js → associated.controller-DWb-3J2w-DwtsNn9O.js} +2 -2
- package/dist/assets/{associated.controller-CPLCdcn6-DzMDeRqa.js.map → associated.controller-DWb-3J2w-DwtsNn9O.js.map} +1 -1
- package/dist/assets/{auto-complete-DJYOXv93-CfSR0LEP.js → auto-complete-CEf1aicD-DSmmXbZb.js} +2 -2
- package/dist/assets/{auto-complete-DJYOXv93-CfSR0LEP.js.map → auto-complete-CEf1aicD-DSmmXbZb.js.map} +1 -1
- package/dist/assets/{color-C6V-t66n-Cp14lzmu.js → color-BZoXukPw-Bmdf0_gy.js} +2 -2
- package/dist/assets/{color-C6V-t66n-Cp14lzmu.js.map → color-BZoXukPw-Bmdf0_gy.js.map} +1 -1
- package/dist/assets/{controller-IxXv9pGG-W9vnVu9A.js → controller-BEFvD2Xd-C7qSuuiG.js} +2 -2
- package/dist/assets/{controller-IxXv9pGG-W9vnVu9A.js.map → controller-BEFvD2Xd-C7qSuuiG.js.map} +1 -1
- package/dist/assets/{controller-CjqfRBE5-BhWs9uoG.js → controller-Bdpbwtyw-DUiH0ZYx.js} +2 -2
- package/dist/assets/{controller-CjqfRBE5-BhWs9uoG.js.map → controller-Bdpbwtyw-DUiH0ZYx.js.map} +1 -1
- package/dist/assets/{controller-3AQuuCoy-hBxzTWWj.js → controller-CpEalgoI-Cz6UBRYC.js} +2 -2
- package/dist/assets/{controller-3AQuuCoy-hBxzTWWj.js.map → controller-CpEalgoI-Cz6UBRYC.js.map} +1 -1
- package/dist/assets/{controller-Bckz1uYd-DSECIFPE.js → controller-Dm7Xs_W8-160ZIRPT.js} +2 -2
- package/dist/assets/{controller-Bckz1uYd-DSECIFPE.js.map → controller-Dm7Xs_W8-160ZIRPT.js.map} +1 -1
- package/dist/assets/{controller-icon-DVf-MnSw-EEIBtP9n.js → controller-icon-BwQOD32P-9A6nvyjU.js} +2 -2
- package/dist/assets/{controller-icon-DVf-MnSw-EEIBtP9n.js.map → controller-icon-BwQOD32P-9A6nvyjU.js.map} +1 -1
- package/dist/assets/{custom-class-DFj684gI-DPwVhbyD.js → custom-class-BrihA94O-CAtSIwMN.js} +2 -2
- package/dist/assets/{custom-class-DFj684gI-DPwVhbyD.js.map → custom-class-BrihA94O-CAtSIwMN.js.map} +1 -1
- package/dist/assets/{dev.utils-CXs0T-g8-KmBOPa4z.js → dev.utils-9pEPkxnH-EN4TBwsp.js} +2 -2
- package/dist/assets/{dev.utils-CXs0T-g8-KmBOPa4z.js.map → dev.utils-9pEPkxnH-EN4TBwsp.js.map} +1 -1
- package/dist/assets/{devtools-BvEXYd4q-CnXd-lZe.js → devtools-Bk9lX54m-doJWWPfZ.js} +2 -2
- package/dist/assets/{devtools-BvEXYd4q-CnXd-lZe.js.map → devtools-Bk9lX54m-doJWWPfZ.js.map} +1 -1
- package/dist/assets/{disabled-Djp3yxc7-DbSWKVPU.js → disabled-DOGGfuG4-CAVQthQX.js} +2 -2
- package/dist/assets/{disabled-Djp3yxc7-DbSWKVPU.js.map → disabled-DOGGfuG4-CAVQthQX.js.map} +1 -1
- package/dist/assets/has-closer-DbTKc11W-MTf9x8ij.js +4 -0
- package/dist/assets/has-closer-DbTKc11W-MTf9x8ij.js.map +1 -0
- package/dist/assets/{hide-label-BRUryqo4-qHzRe48k.js → hide-label-B1sxX0if-W_Q4CvYL.js} +2 -2
- package/dist/assets/{hide-label-BRUryqo4-qHzRe48k.js.map → hide-label-B1sxX0if-W_Q4CvYL.js.map} +1 -1
- package/dist/assets/{href-3FWCEGoX-CROfBYoF.js → href-4XW2Ab0f-BjaMrWfN.js} +2 -2
- package/dist/assets/href-4XW2Ab0f-BjaMrWfN.js.map +1 -0
- package/dist/assets/{i18n-CS5bfbb5-DF8lULrE.js → i18n-yBVLeHdv-B4Obv0JZ.js} +2 -2
- package/dist/assets/{i18n-CS5bfbb5-DF8lULrE.js.map → i18n-yBVLeHdv-B4Obv0JZ.js.map} +1 -1
- package/dist/assets/{icons-Rho8fw5B-Ccn5rEuA.js → icons-mdo32hNB-BQAjObaK.js} +2 -2
- package/dist/assets/{icons-Rho8fw5B-Ccn5rEuA.js.map → icons-mdo32hNB-BQAjObaK.js.map} +1 -1
- package/dist/assets/image-source-D-Q1faxH-BVHLyfVL.js +4 -0
- package/dist/assets/{image-source-CxAw_SEU-Vt4V-wQX.js.map → image-source-D-Q1faxH-BVHLyfVL.js.map} +1 -1
- package/dist/assets/{index-ccK9smvC.js → index-DuJ2kw-o.js} +7 -7
- package/dist/assets/{index-ccK9smvC.js.map → index-DuJ2kw-o.js.map} +1 -1
- package/dist/assets/{kol-abbr.entry-BV9QXQIZ.js → kol-abbr.entry-CCTR_4Th.js} +20 -12
- package/dist/assets/kol-abbr.entry-CCTR_4Th.js.map +1 -0
- package/dist/assets/{kol-accordion.entry-DYNfofnE.js → kol-accordion.entry-DcrVK_6V.js} +21 -13
- package/dist/assets/kol-accordion.entry-DcrVK_6V.js.map +1 -0
- package/dist/assets/{kol-alert-wc.entry-DPBUiyhz.js → kol-alert-wc.entry-CGcJEWu-.js} +2 -2
- package/dist/assets/{kol-alert-wc.entry-DPBUiyhz.js.map → kol-alert-wc.entry-CGcJEWu-.js.map} +1 -1
- package/dist/assets/{kol-alert.entry-CypMqMux.js → kol-alert.entry-j6rkquhX.js} +19 -11
- package/dist/assets/kol-alert.entry-j6rkquhX.js.map +1 -0
- package/dist/assets/{kol-avatar-wc.entry-DeMhY81x.js → kol-avatar-wc.entry-wKRG41Wb.js} +2 -2
- package/dist/assets/{kol-avatar-wc.entry-DeMhY81x.js.map → kol-avatar-wc.entry-wKRG41Wb.js.map} +1 -1
- package/dist/assets/{kol-avatar.entry-BDV5P6_d.js → kol-avatar.entry-CFqV2KpW.js} +21 -13
- package/dist/assets/kol-avatar.entry-CFqV2KpW.js.map +1 -0
- package/dist/assets/{kol-badge.entry-Bk_mr05_.js → kol-badge.entry-Bv1Kaqw2.js} +20 -12
- package/dist/assets/kol-badge.entry-Bv1Kaqw2.js.map +1 -0
- package/dist/assets/{kol-breadcrumb.entry-CzDcHWEH.js → kol-breadcrumb.entry-DjZr9ut_.js} +21 -13
- package/dist/assets/kol-breadcrumb.entry-DjZr9ut_.js.map +1 -0
- package/dist/assets/{kol-button-link.entry-DgGiczj7.js → kol-button-link.entry-Bb48Ja10.js} +19 -11
- package/dist/assets/kol-button-link.entry-Bb48Ja10.js.map +1 -0
- package/dist/assets/{kol-button-wc.entry-x1E7IKyM.js → kol-button-wc.entry--Pflt43Y.js} +2 -2
- package/dist/assets/{kol-button-wc.entry-x1E7IKyM.js.map → kol-button-wc.entry--Pflt43Y.js.map} +1 -1
- package/dist/assets/{kol-button.entry-BvLnUuFL.js → kol-button.entry-B4qmZc4y.js} +19 -11
- package/dist/assets/kol-button.entry-B4qmZc4y.js.map +1 -0
- package/dist/assets/{kol-card-wc.entry-B66G-cVK.js → kol-card-wc.entry-BUkKnQCr.js} +2 -2
- package/dist/assets/{kol-card-wc.entry-B66G-cVK.js.map → kol-card-wc.entry-BUkKnQCr.js.map} +1 -1
- package/dist/assets/{kol-card.entry-CUyR7ZS7.js → kol-card.entry-B4jIn-Ov.js} +19 -11
- package/dist/assets/kol-card.entry-B4jIn-Ov.js.map +1 -0
- package/dist/assets/{kol-combobox.entry-CvUjFr8V.js → kol-combobox.entry-noEB0jsN.js} +19 -11
- package/dist/assets/kol-combobox.entry-noEB0jsN.js.map +1 -0
- package/dist/assets/{kol-details.entry-aOXOAef_.js → kol-details.entry-pV8YQeev.js} +19 -11
- package/dist/assets/kol-details.entry-pV8YQeev.js.map +1 -0
- package/dist/assets/{kol-drawer.entry-CKBdoZGR.js → kol-drawer.entry-DTBmYZWx.js} +20 -12
- package/dist/assets/kol-drawer.entry-DTBmYZWx.js.map +1 -0
- package/dist/assets/{kol-form.entry-rGvZq-3U.js → kol-form.entry-8jbzocuy.js} +19 -11
- package/dist/assets/kol-form.entry-8jbzocuy.js.map +1 -0
- package/dist/assets/{kol-heading.entry-PGhVBX1Y.js → kol-heading.entry-BJGVlel9.js} +20 -12
- package/dist/assets/kol-heading.entry-BJGVlel9.js.map +1 -0
- package/dist/assets/{kol-icon.entry-CIrfhcp6.js → kol-icon.entry-yDVWDAgx.js} +2 -2
- package/dist/assets/{kol-icon.entry-CIrfhcp6.js.map → kol-icon.entry-yDVWDAgx.js.map} +1 -1
- package/dist/assets/{kol-image.entry-OXAU3oJT.js → kol-image.entry-CctUO6-O.js} +21 -13
- package/dist/assets/kol-image.entry-CctUO6-O.js.map +1 -0
- package/dist/assets/{kol-input-checkbox.entry-D2VeDF2-.js → kol-input-checkbox.entry-D6Y1o6Wj.js} +21 -13
- package/dist/assets/kol-input-checkbox.entry-D6Y1o6Wj.js.map +1 -0
- package/dist/assets/{kol-input-color.entry-C55qYI5t.js → kol-input-color.entry-DHX4BHJ3.js} +19 -11
- package/dist/assets/kol-input-color.entry-DHX4BHJ3.js.map +1 -0
- package/dist/assets/{kol-input-date.entry-ZRFQzEub.js → kol-input-date.entry-uqJuJ8Uj.js} +20 -12
- package/dist/assets/kol-input-date.entry-uqJuJ8Uj.js.map +1 -0
- package/dist/assets/{kol-input-email.entry-BrumUxji.js → kol-input-email.entry-C18_se6-.js} +19 -11
- package/dist/assets/kol-input-email.entry-C18_se6-.js.map +1 -0
- package/dist/assets/{kol-input-file.entry-b76Vx8jt.js → kol-input-file.entry-6tHOCuAL.js} +19 -11
- package/dist/assets/kol-input-file.entry-6tHOCuAL.js.map +1 -0
- package/dist/assets/{kol-input-number.entry-D0n8sBGf.js → kol-input-number.entry-DxP3Y3BW.js} +19 -11
- package/dist/assets/kol-input-number.entry-DxP3Y3BW.js.map +1 -0
- package/dist/assets/{kol-input-password.entry-DhJ_W1GV.js → kol-input-password.entry-B1iUomeJ.js} +20 -12
- package/dist/assets/kol-input-password.entry-B1iUomeJ.js.map +1 -0
- package/dist/assets/{kol-input-radio.entry-D50vOiDb.js → kol-input-radio.entry-Y6K4pLE3.js} +19 -11
- package/dist/assets/kol-input-radio.entry-Y6K4pLE3.js.map +1 -0
- package/dist/assets/{kol-input-range.entry-9VHRQTPC.js → kol-input-range.entry-BP-1KsF0.js} +20 -12
- package/dist/assets/kol-input-range.entry-BP-1KsF0.js.map +1 -0
- package/dist/assets/{kol-input-text.entry-BGMAMb_3.js → kol-input-text.entry-DvaJf1Qe.js} +19 -11
- package/dist/assets/kol-input-text.entry-DvaJf1Qe.js.map +1 -0
- package/dist/assets/{kol-kolibri.entry-BJAnDwEd.js → kol-kolibri.entry-BHgYv0rR.js} +19 -11
- package/dist/assets/kol-kolibri.entry-BHgYv0rR.js.map +1 -0
- package/dist/assets/{kol-link-button.entry-o0V6756H.js → kol-link-button.entry-c1qMRppa.js} +19 -11
- package/dist/assets/kol-link-button.entry-c1qMRppa.js.map +1 -0
- package/dist/assets/{kol-link-wc.entry-BvkIbi0o.js → kol-link-wc.entry-CbqxGZJd.js} +2 -2
- package/dist/assets/{kol-link-wc.entry-BvkIbi0o.js.map → kol-link-wc.entry-CbqxGZJd.js.map} +1 -1
- package/dist/assets/{kol-link.entry-C2sgDUsU.js → kol-link.entry-BW7vJGbR.js} +19 -11
- package/dist/assets/kol-link.entry-BW7vJGbR.js.map +1 -0
- package/dist/assets/{kol-modal.entry-QjEnwiaM.js → kol-modal.entry-Cosj267P.js} +21 -13
- package/dist/assets/kol-modal.entry-Cosj267P.js.map +1 -0
- package/dist/assets/{kol-nav.entry-C6xPf21S.js → kol-nav.entry-bfiHoEn0.js} +21 -13
- package/dist/assets/kol-nav.entry-bfiHoEn0.js.map +1 -0
- package/dist/assets/{kol-pagination-wc.entry-BVE0oVil.js → kol-pagination-wc.entry-Yedfhjh2.js} +2 -2
- package/dist/assets/{kol-pagination-wc.entry-BVE0oVil.js.map → kol-pagination-wc.entry-Yedfhjh2.js.map} +1 -1
- package/dist/assets/{kol-pagination.entry-MnjW3WOK.js → kol-pagination.entry-2-JBZztf.js} +19 -11
- package/dist/assets/kol-pagination.entry-2-JBZztf.js.map +1 -0
- package/dist/assets/{kol-popover-button-wc.entry-G9JO5Z5r.js → kol-popover-button-wc.entry-DqWqSnHk.js} +2 -2
- package/dist/assets/{kol-popover-button-wc.entry-G9JO5Z5r.js.map → kol-popover-button-wc.entry-DqWqSnHk.js.map} +1 -1
- package/dist/assets/{kol-popover-button.entry-CshbLv5X.js → kol-popover-button.entry-aUWqJawF.js} +19 -11
- package/dist/assets/kol-popover-button.entry-aUWqJawF.js.map +1 -0
- package/dist/assets/{kol-popover-wc.entry-BfFSbp15.js → kol-popover-wc.entry-mr7H6-2e.js} +2 -2
- package/dist/assets/{kol-popover-wc.entry-BfFSbp15.js.map → kol-popover-wc.entry-mr7H6-2e.js.map} +1 -1
- package/dist/assets/{kol-progress.entry-4r7shX5o.js → kol-progress.entry-CwtCh1uR.js} +19 -11
- package/dist/assets/kol-progress.entry-CwtCh1uR.js.map +1 -0
- package/dist/assets/{kol-quote.entry-BMf6e-sE.js → kol-quote.entry-59_eI2e8.js} +21 -13
- package/dist/assets/kol-quote.entry-59_eI2e8.js.map +1 -0
- package/dist/assets/{kol-select.entry-YcKREVie.js → kol-select.entry-BVkBDL1w.js} +21 -13
- package/dist/assets/kol-select.entry-BVkBDL1w.js.map +1 -0
- package/dist/assets/{kol-single-select.entry-kpSAGx4R.js → kol-single-select.entry-BRoOktnZ.js} +19 -11
- package/dist/assets/kol-single-select.entry-BRoOktnZ.js.map +1 -0
- package/dist/assets/{kol-skip-nav.entry-CwcwhtB3.js → kol-skip-nav.entry-DfSQhZLf.js} +19 -11
- package/dist/assets/kol-skip-nav.entry-DfSQhZLf.js.map +1 -0
- package/dist/assets/{kol-spin.entry-CkKEMqg3.js → kol-spin.entry-D7zO8hes.js} +19 -11
- package/dist/assets/kol-spin.entry-D7zO8hes.js.map +1 -0
- package/dist/assets/{kol-split-button.entry-CnvNLi6e.js → kol-split-button.entry-CcPuSDOc.js} +19 -11
- package/dist/assets/kol-split-button.entry-CcPuSDOc.js.map +1 -0
- package/dist/assets/{kol-table-settings-wc.entry-VBqJgLop.js → kol-table-settings-wc.entry-CdCcb2NS.js} +2 -2
- package/dist/assets/{kol-table-settings-wc.entry-VBqJgLop.js.map → kol-table-settings-wc.entry-CdCcb2NS.js.map} +1 -1
- package/dist/assets/{kol-table-stateful.entry-CWzsVn77.js → kol-table-stateful.entry-BBxioHn3.js} +21 -13
- package/dist/assets/kol-table-stateful.entry-BBxioHn3.js.map +1 -0
- package/dist/assets/{kol-table-stateless-wc.entry-DygZbfw2.js → kol-table-stateless-wc.entry-CLmhy8ON.js} +2 -2
- package/dist/assets/{kol-table-stateless-wc.entry-DygZbfw2.js.map → kol-table-stateless-wc.entry-CLmhy8ON.js.map} +1 -1
- package/dist/assets/{kol-table-stateless.entry-CLVHJScZ.js → kol-table-stateless.entry-Dp7NB8vK.js} +19 -11
- package/dist/assets/kol-table-stateless.entry-Dp7NB8vK.js.map +1 -0
- package/dist/assets/{kol-tabs.entry-71VtfxeX.js → kol-tabs.entry-YInViQQj.js} +21 -13
- package/dist/assets/kol-tabs.entry-YInViQQj.js.map +1 -0
- package/dist/assets/{kol-textarea.entry-Bu_OCw7m.js → kol-textarea.entry-BYNNhfzX.js} +20 -12
- package/dist/assets/kol-textarea.entry-BYNNhfzX.js.map +1 -0
- package/dist/assets/{kol-toast-container.entry-BL9GEShK.js → kol-toast-container.entry-DfzTdEFx.js} +20 -12
- package/dist/assets/kol-toast-container.entry-DfzTdEFx.js.map +1 -0
- package/dist/assets/{kol-toolbar.entry-k_OJTvQG.js → kol-toolbar.entry-OaG8KS_l.js} +21 -13
- package/dist/assets/kol-toolbar.entry-OaG8KS_l.js.map +1 -0
- package/dist/assets/{kol-tooltip-wc.entry-KV58f2Lu.js → kol-tooltip-wc.entry-uwMFZg6f.js} +2 -2
- package/dist/assets/{kol-tooltip-wc.entry-KV58f2Lu.js.map → kol-tooltip-wc.entry-uwMFZg6f.js.map} +1 -1
- package/dist/assets/{kol-tree-item-wc.entry-DWyraixD.js → kol-tree-item-wc.entry-sdWDB8YD.js} +2 -2
- package/dist/assets/{kol-tree-item-wc.entry-DWyraixD.js.map → kol-tree-item-wc.entry-sdWDB8YD.js.map} +1 -1
- package/dist/assets/{kol-tree-item.entry-B-IGYSQi.js → kol-tree-item.entry-aH-jjtD5.js} +19 -11
- package/dist/assets/kol-tree-item.entry-aH-jjtD5.js.map +1 -0
- package/dist/assets/{kol-tree-wc.entry-b0ktaEQW.js → kol-tree-wc.entry-BbjBKutX.js} +2 -2
- package/dist/assets/{kol-tree-wc.entry-b0ktaEQW.js.map → kol-tree-wc.entry-BbjBKutX.js.map} +1 -1
- package/dist/assets/{kol-tree.entry-C5gxIAlC.js → kol-tree.entry-CD7Quddg.js} +19 -11
- package/dist/assets/kol-tree.entry-CD7Quddg.js.map +1 -0
- package/dist/assets/{kol-version.entry-DmQyF0Z2.js → kol-version.entry-vNpNfgdu.js} +19 -11
- package/dist/assets/kol-version.entry-vNpNfgdu.js.map +1 -0
- package/dist/assets/{label-CyF697aK-Ck5S24j2.js → label-DAfXJvJZ-BAobf5Rl.js} +2 -2
- package/dist/assets/{label-CyF697aK-Ck5S24j2.js.map → label-DAfXJvJZ-BAobf5Rl.js.map} +1 -1
- package/dist/assets/{link-variant-BhjX8U-z-BRbV9Tgp.js → link-variant-CvVVNwJS-CyhqtJx4.js} +2 -2
- package/dist/assets/{link-variant-BhjX8U-z-BRbV9Tgp.js.map → link-variant-CvVVNwJS-CyhqtJx4.js.map} +1 -1
- package/dist/assets/{markdown-BitmMy0q-CFBGgQMz.js → markdown-RQjNjZ_M-DKLifHVD.js} +2 -2
- package/dist/assets/{markdown-BitmMy0q-CFBGgQMz.js.map → markdown-RQjNjZ_M-DKLifHVD.js.map} +1 -1
- package/dist/assets/{max-length-behavior-CMskcscF-B1Y2sLdn.js → max-length-behavior-BJuqKbOX-CiHhIeX2.js} +2 -2
- package/dist/assets/{max-length-behavior-CMskcscF-B1Y2sLdn.js.map → max-length-behavior-BJuqKbOX-CiHhIeX2.js.map} +1 -1
- package/dist/assets/{multiple-Afoj-nW0-C8Dlc9nN.js → multiple-DAViTLG--DZ51nRlI.js} +2 -2
- package/dist/assets/multiple-DAViTLG--DZ51nRlI.js.map +1 -0
- package/dist/assets/{open-CdzTY4wX-Brgi8ysD.js → open-k4WSPWPA-C1S31s-p.js} +2 -2
- package/dist/assets/open-k4WSPWPA-C1S31s-p.js.map +1 -0
- package/dist/assets/{orientation-BnjezYH2-BjyiDu9M.js → orientation-BV4mvHIC-CixjqUSJ.js} +2 -2
- package/dist/assets/{orientation-BnjezYH2-BjyiDu9M.js.map → orientation-BV4mvHIC-CixjqUSJ.js.map} +1 -1
- package/dist/assets/{placeholder-Ckc98Cd4-BhgN8AAQ.js → placeholder-ikSHqukt-CIFEScPX.js} +2 -2
- package/dist/assets/{placeholder-Ckc98Cd4-BhgN8AAQ.js.map → placeholder-ikSHqukt-CIFEScPX.js.map} +1 -1
- package/dist/assets/read-only-BAPnQth3-DH5WM3gP.js +4 -0
- package/dist/assets/read-only-BAPnQth3-DH5WM3gP.js.map +1 -0
- package/dist/assets/required-DZ5CUsrb-CSxQFffn.js +4 -0
- package/dist/assets/required-DZ5CUsrb-CSxQFffn.js.map +1 -0
- package/dist/assets/{rows-1ZtGG1p3-BD7aqE_b.js → rows-CRXE6nJb-BoYtjNwo.js} +2 -2
- package/dist/assets/rows-CRXE6nJb-BoYtjNwo.js.map +1 -0
- package/dist/assets/{show-DtTxuK2_-BQ4eExTH.js → show-C_i9p0dk-bLB1-1Zs.js} +2 -2
- package/dist/assets/show-C_i9p0dk-bLB1-1Zs.js.map +1 -0
- package/dist/assets/{spell-check-BmrXkQ_h-CSxOkxgz.js → spell-check-BwdT9MHK-BdAP1ePP.js} +2 -2
- package/dist/assets/{spell-check-BmrXkQ_h-CSxOkxgz.js.map → spell-check-BwdT9MHK-BdAP1ePP.js.map} +1 -1
- package/dist/assets/{suggestions-eZgjjFqv-D-mDh2a7.js → suggestions-BAQRZsDz-CdbFBsFr.js} +2 -2
- package/dist/assets/{suggestions-eZgjjFqv-D-mDh2a7.js.map → suggestions-BAQRZsDz-CdbFBsFr.js.map} +1 -1
- package/dist/assets/{table-settings-CI5ucT0h-CnvHjeRq.js → table-settings-CC1LSsqS-ChvD4SaK.js} +2 -2
- package/dist/assets/{table-settings-CI5ucT0h-CnvHjeRq.js.map → table-settings-CC1LSsqS-ChvD4SaK.js.map} +1 -1
- package/dist/assets/{test-component.entry-DJLaWNkA.js → test-component.entry-VIngkmEY.js} +2 -2
- package/dist/assets/{test-component.entry-DJLaWNkA.js.map → test-component.entry-VIngkmEY.js.map} +1 -1
- package/dist/assets/tooltip-align-B_X7PRrT-DtSdUciW.js +4 -0
- package/dist/assets/tooltip-align-B_X7PRrT-DtSdUciW.js.map +1 -0
- package/dist/assets/{unique-nav-labels-etsRAa4v-DXTuQGnx.js → unique-nav-labels-PqHnrOFf-CtmqqHik.js} +2 -2
- package/dist/assets/{unique-nav-labels-etsRAa4v-DXTuQGnx.js.map → unique-nav-labels-PqHnrOFf-CtmqqHik.js.map} +1 -1
- package/dist/assets/{validation-UmwGN59--46TsINLf.js → validation-CcPLmr0Q-DiphygsK.js} +2 -2
- package/dist/assets/{validation-UmwGN59--46TsINLf.js.map → validation-CcPLmr0Q-DiphygsK.js.map} +1 -1
- package/dist/assets/{validation-Bc7jT2ea-DReZrkwN.js → validation-DhcHxkL2-QAWZ6u9e.js} +2 -2
- package/dist/assets/{validation-Bc7jT2ea-DReZrkwN.js.map → validation-DhcHxkL2-QAWZ6u9e.js.map} +1 -1
- package/dist/index.html +1 -1
- package/package.json +4 -4
- package/dist/assets/has-closer-cUOWVgss-Dt7u1JpC.js +0 -4
- package/dist/assets/has-closer-cUOWVgss-Dt7u1JpC.js.map +0 -1
- package/dist/assets/href-3FWCEGoX-CROfBYoF.js.map +0 -1
- package/dist/assets/image-source-CxAw_SEU-Vt4V-wQX.js +0 -4
- package/dist/assets/kol-abbr.entry-BV9QXQIZ.js.map +0 -1
- package/dist/assets/kol-accordion.entry-DYNfofnE.js.map +0 -1
- package/dist/assets/kol-alert.entry-CypMqMux.js.map +0 -1
- package/dist/assets/kol-avatar.entry-BDV5P6_d.js.map +0 -1
- package/dist/assets/kol-badge.entry-Bk_mr05_.js.map +0 -1
- package/dist/assets/kol-breadcrumb.entry-CzDcHWEH.js.map +0 -1
- package/dist/assets/kol-button-link.entry-DgGiczj7.js.map +0 -1
- package/dist/assets/kol-button.entry-BvLnUuFL.js.map +0 -1
- package/dist/assets/kol-card.entry-CUyR7ZS7.js.map +0 -1
- package/dist/assets/kol-combobox.entry-CvUjFr8V.js.map +0 -1
- package/dist/assets/kol-details.entry-aOXOAef_.js.map +0 -1
- package/dist/assets/kol-drawer.entry-CKBdoZGR.js.map +0 -1
- package/dist/assets/kol-form.entry-rGvZq-3U.js.map +0 -1
- package/dist/assets/kol-heading.entry-PGhVBX1Y.js.map +0 -1
- package/dist/assets/kol-image.entry-OXAU3oJT.js.map +0 -1
- package/dist/assets/kol-input-checkbox.entry-D2VeDF2-.js.map +0 -1
- package/dist/assets/kol-input-color.entry-C55qYI5t.js.map +0 -1
- package/dist/assets/kol-input-date.entry-ZRFQzEub.js.map +0 -1
- package/dist/assets/kol-input-email.entry-BrumUxji.js.map +0 -1
- package/dist/assets/kol-input-file.entry-b76Vx8jt.js.map +0 -1
- package/dist/assets/kol-input-number.entry-D0n8sBGf.js.map +0 -1
- package/dist/assets/kol-input-password.entry-DhJ_W1GV.js.map +0 -1
- package/dist/assets/kol-input-radio.entry-D50vOiDb.js.map +0 -1
- package/dist/assets/kol-input-range.entry-9VHRQTPC.js.map +0 -1
- package/dist/assets/kol-input-text.entry-BGMAMb_3.js.map +0 -1
- package/dist/assets/kol-kolibri.entry-BJAnDwEd.js.map +0 -1
- package/dist/assets/kol-link-button.entry-o0V6756H.js.map +0 -1
- package/dist/assets/kol-link.entry-C2sgDUsU.js.map +0 -1
- package/dist/assets/kol-modal.entry-QjEnwiaM.js.map +0 -1
- package/dist/assets/kol-nav.entry-C6xPf21S.js.map +0 -1
- package/dist/assets/kol-pagination.entry-MnjW3WOK.js.map +0 -1
- package/dist/assets/kol-popover-button.entry-CshbLv5X.js.map +0 -1
- package/dist/assets/kol-progress.entry-4r7shX5o.js.map +0 -1
- package/dist/assets/kol-quote.entry-BMf6e-sE.js.map +0 -1
- package/dist/assets/kol-select.entry-YcKREVie.js.map +0 -1
- package/dist/assets/kol-single-select.entry-kpSAGx4R.js.map +0 -1
- package/dist/assets/kol-skip-nav.entry-CwcwhtB3.js.map +0 -1
- package/dist/assets/kol-spin.entry-CkKEMqg3.js.map +0 -1
- package/dist/assets/kol-split-button.entry-CnvNLi6e.js.map +0 -1
- package/dist/assets/kol-table-stateful.entry-CWzsVn77.js.map +0 -1
- package/dist/assets/kol-table-stateless.entry-CLVHJScZ.js.map +0 -1
- package/dist/assets/kol-tabs.entry-71VtfxeX.js.map +0 -1
- package/dist/assets/kol-textarea.entry-Bu_OCw7m.js.map +0 -1
- package/dist/assets/kol-toast-container.entry-BL9GEShK.js.map +0 -1
- package/dist/assets/kol-toolbar.entry-k_OJTvQG.js.map +0 -1
- package/dist/assets/kol-tree-item.entry-B-IGYSQi.js.map +0 -1
- package/dist/assets/kol-tree.entry-C5gxIAlC.js.map +0 -1
- package/dist/assets/kol-version.entry-DmQyF0Z2.js.map +0 -1
- package/dist/assets/multiple-Afoj-nW0-C8Dlc9nN.js.map +0 -1
- package/dist/assets/open-CdzTY4wX-Brgi8ysD.js.map +0 -1
- package/dist/assets/read-only-BYMER4Lx-BGqEVxSD.js +0 -4
- package/dist/assets/read-only-BYMER4Lx-BGqEVxSD.js.map +0 -1
- package/dist/assets/required-BQuX6tq7-sv4iDEdw.js +0 -4
- package/dist/assets/required-BQuX6tq7-sv4iDEdw.js.map +0 -1
- package/dist/assets/rows-1ZtGG1p3-BD7aqE_b.js.map +0 -1
- package/dist/assets/show-DtTxuK2_-BQ4eExTH.js.map +0 -1
- package/dist/assets/tooltip-align-Crku-TvZ-D_a2AzJV.js +0 -4
- package/dist/assets/tooltip-align-Crku-TvZ-D_a2AzJV.js.map +0 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import{r as c,h as d,j as h,e as b,g as
|
|
1
|
+
import{r as c,h as d,j as h,e as b,g as p,ab as m,o as f,p as u,s as y}from"./index-DuJ2kw-o.js";import{v as w}from"./label-DAfXJvJZ-BAobf5Rl.js";import{v as g}from"./orientation-BV4mvHIC-CixjqUSJ.js";import{K as o}from"./keyboard-D6PoWr38-Bn_Qh8Bq.js";/*!
|
|
2
2
|
* KoliBri - The accessible HTML-Standard
|
|
3
|
-
*/const k=(t,n)=>{
|
|
3
|
+
*/const k=(t,n)=>{m(n,()=>{f(n,()=>{typeof n>"u"&&(n=[]);try{n=u(n)}catch{}Array.isArray(n)&&n.every(e=>typeof e=="object"&&e!==null)&&y(t,"_items",n)})})},x=`@charset "UTF-8";
|
|
4
4
|
/* forward the rem function */
|
|
5
5
|
/*
|
|
6
6
|
* This file contains all rules for accessibility.
|
|
@@ -18,12 +18,6 @@ import{r as c,h as d,j as h,e as b,g as m,ab as p,o as f,p as u,s as y}from"./in
|
|
|
18
18
|
*/
|
|
19
19
|
background-color: white;
|
|
20
20
|
color: black;
|
|
21
|
-
}
|
|
22
|
-
* {
|
|
23
|
-
/*
|
|
24
|
-
* This rule enables the word dividing for all texts. That is important for high zoom levels.
|
|
25
|
-
*/
|
|
26
|
-
hyphens: auto;
|
|
27
21
|
/*
|
|
28
22
|
* Verdana is an accessible font that can be used without requiring additional loading time.
|
|
29
23
|
*/
|
|
@@ -32,14 +26,20 @@ import{r as c,h as d,j as h,e as b,g as m,ab as p,o as f,p as u,s as y}from"./in
|
|
|
32
26
|
* Letter spacing is required for all texts.
|
|
33
27
|
*/
|
|
34
28
|
letter-spacing: inherit;
|
|
29
|
+
/*
|
|
30
|
+
* Word spacing is required for all texts.
|
|
31
|
+
*/
|
|
32
|
+
word-spacing: inherit;
|
|
33
|
+
}
|
|
34
|
+
* {
|
|
35
35
|
/*
|
|
36
36
|
* This rule enables the word dividing for all texts. That is important for high zoom levels.
|
|
37
37
|
*/
|
|
38
|
-
|
|
38
|
+
hyphens: auto;
|
|
39
39
|
/*
|
|
40
|
-
*
|
|
40
|
+
* This rule enables the word dividing for all texts. That is important for high zoom levels.
|
|
41
41
|
*/
|
|
42
|
-
word-
|
|
42
|
+
word-break: break-word;
|
|
43
43
|
}
|
|
44
44
|
/*
|
|
45
45
|
* All interactive elements should have a minimum size of to-rem(44).
|
|
@@ -77,6 +77,14 @@ import{r as c,h as d,j as h,e as b,g as m,ab as p,o as f,p as u,s as y}from"./in
|
|
|
77
77
|
* All elements should inherit the font size from his parent element.
|
|
78
78
|
*/
|
|
79
79
|
font-size: inherit;
|
|
80
|
+
/*
|
|
81
|
+
* Letter spacing is required for all texts.
|
|
82
|
+
*/
|
|
83
|
+
letter-spacing: inherit;
|
|
84
|
+
/*
|
|
85
|
+
* Word spacing is required for all texts.
|
|
86
|
+
*/
|
|
87
|
+
word-spacing: inherit;
|
|
80
88
|
}
|
|
81
89
|
/**
|
|
82
90
|
* Sometimes we need the semantic element for accessibility reasons,
|
|
@@ -249,5 +257,5 @@ import{r as c,h as d,j as h,e as b,g as m,ab as p,o as f,p as u,s as y}from"./in
|
|
|
249
257
|
outline: 1px solid;
|
|
250
258
|
outline-offset: 2px;
|
|
251
259
|
}
|
|
252
|
-
}`,v=class{constructor(t){c(this,t),this.state={_label:"",_items:[]},this.currentIndex=0,this.indexToElement=new Map,this.renderItem=(n,e)=>{const l=e===this.currentIndex&&!(n!=null&&n._disabled)?0:-1,s={key:e,class:"button normal kol-toolbar__item",_tabIndex:l},r=
|
|
253
|
-
//# sourceMappingURL=kol-toolbar.entry-
|
|
260
|
+
}`,v=class{constructor(t){c(this,t),this.state={_label:"",_items:[]},this.currentIndex=0,this.indexToElement=new Map,this.renderItem=(n,e)=>{const l=e===this.currentIndex&&!(n!=null&&n._disabled)?0:-1,s={key:e,class:"button normal kol-toolbar__item",_tabIndex:l},r=i=>{i&&this.indexToElement.set(e,i)};return"_href"in n?d(h,Object.assign({},n,s,{ref:r,_role:"button"})):d(b,Object.assign({},n,s,{ref:r}))}}render(){return d("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))}validateLabel(t){w(this,t)}validateItems(t){k(this,t)}validateOrientation(t){g(this,t)}getCurrentToolbarItem(t){return typeof t=="number"?this.indexToElement.get(t):void 0}setFirstEnabledItemIndex(){var t;this.currentIndex=(t=this.state._items)===null||t===void 0?void 0:t.findIndex(n=>!n._disabled)}handleKeyDown(t){var n,e;const l=t.code;if(![o.ArrowUp,o.ArrowDown,o.ArrowRight,o.ArrowLeft].includes(l))return;t.preventDefault();const r=((n=this._items)===null||n===void 0?void 0:n.length)-1,i=this.currentIndex;let a=0;switch(l){case o.ArrowUp:case o.ArrowLeft:a=i!==a?i-1:r;break;case o.ArrowDown:case o.ArrowRight:r!==i&&(a=i+1);break}i!==a&&(this.currentIndex=a,(e=this.getCurrentToolbarItem(a))===null||e===void 0||e.kolFocus())}handleBlur(t){t.target===this.host&&this.setFirstEnabledItemIndex()}componentWillLoad(){this.validateLabel(this._label),this.validateItems(this._items),this.validateOrientation(this._orientation),this.setFirstEnabledItemIndex()}get host(){return p(this)}static get watchers(){return{_label:["validateLabel"],_items:["validateItems"],_orientation:["validateOrientation"]}}};v.style={default:x};export{v as kol_toolbar};
|
|
261
|
+
//# sourceMappingURL=kol-toolbar.entry-OaG8KS_l.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"kol-toolbar.entry-OaG8KS_l.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-CElQfBOC.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 /*\\n * No element should be used without a background and font color whose contrast ratio has\\n * not been checked. By initially setting the background color to white and the font color\\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n */\\n background-color: white;\\n color: black;\\n /*\\n * 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-height: var(--a11y-min-size);\\n min-width: var(--a11y-min-size);\\n }\\n /*\\n * Some interactive elements should not inherit the font-family and font-size.\\n */\\n a,\\n button,\\n h1,\\n h2,\\n h3,\\n h4,\\n h5,\\n h6,\\n input,\\n option,\\n select,\\n textarea {\\n /*\\n * All elements should inherit the font family from his parent element.\\n */\\n font-family: inherit;\\n /*\\n * All elements should inherit the font size from his parent element.\\n */\\n font-size: inherit;\\n /*\\n * 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 clip: rect(0 0 0 0);\\n clip-path: inset(50%);\\n height: 1px;\\n overflow: hidden;\\n position: absolute;\\n white-space: nowrap;\\n width: 1px;\\n }\\n}\\n@layer kol-global {\\n /*\\n * Dieses CSS stellt sicher, dass der Standard-Style\\n * von A und Button resettet werden.\\n */\\n :is(a, button) {\\n background-color: transparent;\\n border: none;\\n margin: 0;\\n padding: 0;\\n width: 100%;\\n /* 100% needed for custom width from outside */\\n }\\n /*\\n * Ensure elements with hidden attribute to be actually not visible\\n * @see https://meowni.ca/hidden.is.a.lie.html\\n */\\n [hidden] {\\n display: none !important;\\n }\\n .badge-text-hint {\\n background-color: lightgray;\\n color: black;\\n }\\n}\\n@layer kol-global {\\n :host {\\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\n /*\\n * The max-width is needed to prevent the table from overflowing the\\n * parent node, if the table is wider than the parent node.\\n */\\n max-width: 100%;\\n }\\n * {\\n /*\\n * We prefer to box-sizing: border-box for all elements.\\n */\\n box-sizing: border-box;\\n }\\n .kol-span {\\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n display: grid;\\n place-items: center;\\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n }\\n .kol-span__container {\\n display: flex;\\n place-items: center;\\n }\\n a,\\n button {\\n cursor: pointer;\\n }\\n .kol-span .kol-span__label--hide-label .kol-span__label {\\n display: none;\\n }\\n /* Reset browser agent style. */\\n button:disabled {\\n color: unset;\\n }\\n .disabled label,\\n .disabled:focus-within label,\\n [aria-disabled=true],\\n [aria-disabled=true]:focus,\\n [disabled],\\n [disabled]:focus {\\n cursor: not-allowed;\\n opacity: 0.5;\\n outline: none;\\n }\\n [aria-disabled=true]:focus .kol-span,\\n [disabled]:focus .kol-span {\\n outline: none !important;\\n }\\n}\\n@layer kol-component {\\n .kol-tooltip {\\n contain: layout;\\n display: contents;\\n }\\n .kol-tooltip__floating {\\n animation-duration: 0.25s;\\n animation-iteration-count: 1;\\n animation-name: fadeInOpacity;\\n animation-timing-function: ease-in;\\n display: none;\\n position: fixed;\\n visibility: hidden;\\n /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n top: 0;\\n left: 0;\\n max-width: 90vw;\\n max-height: 90vh;\\n /* Can be used to specify the tooltip-width from the outside. Unset by default. */\\n width: var(--kol-tooltip-width);\\n }\\n .kol-tooltip__arrow {\\n background-color: #fff;\\n color: #000;\\n height: calc(10rem / var(--kolibri-root-font-size, 16));\\n position: absolute;\\n transform: rotate(45deg);\\n width: calc(10rem / var(--kolibri-root-font-size, 16));\\n z-index: 999;\\n }\\n .kol-tooltip__content {\\n background-color: #fff;\\n color: #000;\\n position: relative;\\n z-index: 1000;\\n }\\n @keyframes fadeInOpacity {\\n 0% {\\n opacity: 0;\\n }\\n 100% {\\n opacity: 1;\\n }\\n }\\n}\\n@layer kol-component {\\n :host {\\n display: inline-block;\\n }\\n .kol-link {\\n font-style: calc(16rem / var(--kolibri-root-font-size, 16));\\n display: inline-flex;\\n place-items: center;\\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 margin: auto;\\n width: 100%;\\n }\\n}\\n@layer kol-component {\\n .kol-toolbar {\\n align-items: center;\\n display: flex;\\n flex-wrap: wrap;\\n }\\n .kol-toolbar--orientation-vertical {\\n align-items: stretch;\\n flex-direction: column;\\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,4 +1,4 @@
|
|
|
1
|
-
import{r,O as l,h as s,H as d,g as p,n as a}from"./index-
|
|
1
|
+
import{r,O as l,h as s,H as d,g as p,n as a}from"./index-DuJ2kw-o.js";import{b as c,a as u}from"./align-floating-elements-DcJPtpqg-CjjMkFQQ.js";import{v as m}from"./align-DoCRbhrp-DWrJ0InM.js";import{v}from"./label-DAfXJvJZ-BAobf5Rl.js";import"./Alert-BscBrOtx-EE85zP3Z.js";import{K as E}from"./Span-EvVyGKjN-DFbUESPT.js";import"./i18n-yBVLeHdv-B4Obv0JZ.js";import"./Heading-D6_TFw6T-Bn0pKBwe.js";import"./markdown-RQjNjZ_M-DKLifHVD.js";import"./isObject-DvSELytj-B0RigBxT.js";import"./clsx-eK3rPvPS-BT_IL7Fz.js";import"./Icon-DGehfe8Q-DwJi2jBz.js";import"./InternalUnderlinedBadgeText-DnxrXpNU-BJdaOWku.js";/*!
|
|
2
2
|
* KoliBri - The accessible HTML-Standard
|
|
3
3
|
*/const b=(i,t)=>{a(i,"_badgeText",t)},g=(i,t)=>{a(i,"_id",t)},o=new Set;function T(i){o.forEach(t=>{t.style.setProperty("z-index","999")}),o.add(i),i.style.setProperty("z-index","1000")}function f(i){if(o.delete(i),o.size>0){const t=Array.from(o).pop();t&&t.style.setProperty("z-index","1000")}}const n=300,W=class{constructor(i){r(this,i),this.showTooltip=()=>{if(this.previousSibling&&this.tooltipElement){T(this.tooltipElement),this.tooltipElement.style.setProperty("display","block"),l().addEventListener("keyup",this.hideTooltipByEscape);const t=this.previousSibling,e=this.tooltipElement;this.cleanupAutoPositioning=c(t,e,()=>{this.alignTooltip()})}},this.showTooltipWithDelay=()=>{clearTimeout(this.hideTooltipTimeout),clearTimeout(this.showTooltipTimeout),this.showTooltipTimeout=setTimeout(()=>{this.showTooltip()},n)},this.hideTooltipWithDelay=()=>{clearTimeout(this.hideTooltipTimeout),this.hideTooltipTimeout=setTimeout(()=>{this.hideTooltip()},n)},this.hideTooltipByEscape=t=>{t.key==="Escape"&&this.hideTooltip()},this.addListeners=t=>{t.addEventListener("mouseenter",this.handleMouseEnter.bind(this)),t.addEventListener("mouseleave",this.handleMouseleave.bind(this)),t.addEventListener("focusin",this.handleFocusIn.bind(this)),t.addEventListener("focusout",this.handleFocusout.bind(this))},this.removeListeners=t=>{t.removeEventListener("mouseenter",this.handleMouseEnter.bind(this)),t.removeEventListener("mouseleave",this.handleMouseleave.bind(this)),t.removeEventListener("focusin",this.handleFocusIn.bind(this)),t.removeEventListener("focusout",this.handleFocusout.bind(this))},this.resyncListeners=(t,e,h=!1)=>{t&&this.removeListeners(t),e&&(h&&(this.previousSibling=e),this.addListeners(e))},this.catchTooltipElement=t=>{this.tooltipElement=t},this.catchArrowElement=t=>{this.arrowElement=t},this._align="top",this.state={_align:"top",_label:""}}async alignTooltip(){this.tooltipElement&&this.previousSibling&&await u({align:this._align,referenceElement:this.previousSibling,arrowElement:this.arrowElement,floatingElement:this.tooltipElement})}async hideTooltip(){clearTimeout(this.showTooltipTimeout),this.tooltipElement&&(f(this.tooltipElement),this.tooltipElement.style.setProperty("display","none"),this.tooltipElement.style.setProperty("visibility","hidden"),this.cleanupAutoPositioning&&(this.cleanupAutoPositioning(),this.cleanupAutoPositioning=void 0)),l().removeEventListener("keyup",this.hideTooltipByEscape)}handleMouseEnter(){this.showTooltipWithDelay()}handleMouseleave(){this.hideTooltipWithDelay()}handleFocusIn(){this.showTooltipWithDelay()}handleFocusout(){this.hideTooltipWithDelay()}render(){return s(d,{key:"60be1bd258bc5ae2b0ecce9374607d11476071b1",class:"kol-tooltip"},this.state._label!==""&&s("div",{key:"2af044756ca7d87c5b789181da84556a517c0ee4",class:"kol-tooltip__floating",ref:this.catchTooltipElement},s("div",{key:"057fc2de5c87f0f82e9477568992048bf3918e77",class:"kol-tooltip__arrow",ref:this.catchArrowElement}),s(E,{key:"1ba456fb877c04c0dc1e93431f90db07f2e90b47",class:"kol-tooltip__content",id:this.state._id,badgeText:this._badgeText,label:this.state._label})))}validateBadgeText(i){b(this,i)}validateAlign(i){m(this,i)}validateId(i){g(this,i)}validateLabel(i){v(this,i,{required:!0})}componentWillLoad(){this.validateBadgeText(this._badgeText),this.validateAlign(this._align),this.validateId(this._id),this.validateLabel(this._label)}handleEventListeners(){var i;this.resyncListeners(this.previousSibling,(i=this.host)===null||i===void 0?void 0:i.previousElementSibling,!0),this.resyncListeners(this.tooltipElement,this.tooltipElement)}connectedCallback(){var i;this.previousSibling=(i=this.host)===null||i===void 0?void 0:i.previousElementSibling}componentDidRender(){this.handleEventListeners()}disconnectedCallback(){this.previousSibling&&(this.removeListeners(this.previousSibling),this.previousSibling=void 0),this.tooltipElement&&this.removeListeners(this.tooltipElement),this.cleanupAutoPositioning&&this.cleanupAutoPositioning()}get host(){return p(this)}static get watchers(){return{_badgeText:["validateBadgeText"],_align:["validateAlign"],_id:["validateId"],_label:["validateLabel"]}}};export{W as kol_tooltip_wc};
|
|
4
|
-
//# sourceMappingURL=kol-tooltip-wc.entry-
|
|
4
|
+
//# sourceMappingURL=kol-tooltip-wc.entry-uwMFZg6f.js.map
|
package/dist/assets/{kol-tooltip-wc.entry-KV58f2Lu.js.map → kol-tooltip-wc.entry-uwMFZg6f.js.map}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"kol-tooltip-wc.entry-KV58f2Lu.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-CGVuC_LX.js';\nimport { b as autoUpdate, a as alignFloatingElements } from './align-floating-elements-CS5tDVty.js';\nimport { e as watchString, A as getDocument } from './common-CveT8b8y.js';\nimport { v as validateAlign } from './align-DrcZAyfz.js';\nimport { v as validateLabel } from './label-CyF697aK.js';\nimport './Alert-ByNfG8nN.js';\nimport { K as KolSpanFc } from './Span-CHPCQ33k.js';\nimport './i18n-CS5bfbb5.js';\nimport './Heading-BTtiPVot.js';\nimport './clsx-eK3rPvPS.js';\nimport './component-names-CkE54Ym7.js';\nimport './bem-1mR-cDMU.js';\nimport './browser-Ccum-Et3.js';\nimport './Icon-BqBfvzxD.js';\nimport './markdown-BitmMy0q.js';\nimport './InternalUnderlinedBadgeText-CFT7WIRl.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":"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"}
|
|
1
|
+
{"version":3,"file":"kol-tooltip-wc.entry-uwMFZg6f.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-CElQfBOC.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-BscBrOtx.js';\nimport { K as KolSpanFc } from './Span-EvVyGKjN.js';\nimport './i18n-yBVLeHdv.js';\nimport './Heading-D6_TFw6T.js';\nimport './clsx-eK3rPvPS.js';\nimport './component-names-CkE54Ym7.js';\nimport './bem-CwA0xXwr.js';\nimport './browser-D7tkBuSS.js';\nimport './Icon-DGehfe8Q.js';\nimport './markdown-RQjNjZ_M.js';\nimport './InternalUnderlinedBadgeText-DnxrXpNU.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":"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"}
|
package/dist/assets/{kol-tree-item-wc.entry-DWyraixD.js → kol-tree-item-wc.entry-sdWDB8YD.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as o,h as a,j as r,i as c,H as h,ar as d,g as _,m as f}from"./index-
|
|
1
|
+
import{r as o,h as a,j as r,i as c,H as h,ar as d,g as _,m as f}from"./index-DuJ2kw-o.js";import{v}from"./href-4XW2Ab0f-BjaMrWfN.js";import{v as p}from"./label-DAfXJvJZ-BAobf5Rl.js";import{v as m}from"./open-k4WSPWPA-C1S31s-p.js";import{n as k}from"./dev.utils-9pEPkxnH-EN4TBwsp.js";import{c as b}from"./clsx-eK3rPvPS-BT_IL7Fz.js";/*!
|
|
2
2
|
* KoliBri - The accessible HTML-Standard
|
|
3
3
|
*/const g=(e,t,i)=>{f(e,"_active",t,i)},E=class{constructor(e){o(this,e),this.groupId=`tree-group-${k()}`,this.state={_active:!1,_hasChildren:!1,_href:"",_label:"",_open:!1}}render(){const{_href:e,_active:t,_hasChildren:i,_open:l,_label:n}=this.state;return a(h,{key:"e8cebee52ed0f115c3aa30e82e2e3ccf5d09e626",onSlotchange:this.handleSlotchange.bind(this)},a("li",{key:"c4b1d56ae69f55ca57ad8d863df02fe0d7ff4f00",class:"kol-tree-item",style:{"--level":`${this.level}`}},a(r,{key:"8e87e00dae2d0e6dcad5602e28b5642bc31702f5",class:b("kol-tree-item__link",{"kol-tree-item__link--first-level":this.level===0,"kol-tree-item__link--active":t}),_href:e,_label:"",_role:"treeitem",_tabIndex:t?0:-1,_ariaExpanded:i?l:void 0,_ariaOwns:i?this.groupId:void 0,ref:s=>this.linkElement=s},a("span",{key:"2375f5ff6abe59419b5d4ef28e5e0f104034fef3",class:"kol-tree-item__link-inner",slot:"expert"},i?a("span",{class:"kol-tree-item__toggle-button",onClick:s=>l?void this.handleCollapseClick(s):void this.handleExpandClick(s)},a(c,{class:"kol-tree-item__toggle-button-icon",_icons:`codicon codicon-${l?"chevron-down":"chevron-right"}`,_label:""})):a("span",{class:"kol-tree-item__toggle-button-placeholder"}),a("span",{key:"39c07661723143bfafcc6ee8e96e51bd88daa940",class:"kol-tree-item__text"},n))),a("ul",{key:"2bd2e3a880b4d1946f00e46784f476e69508441b",class:"kol-tree-item__children",hidden:!i||!l,role:"group",id:this.groupId},a("slot",{key:"472cc53e288b84a99a0190a82be67e04ce851f99"}))))}validateActive(e){g(this,e||!1)}validateLabel(e){p(this,e)}validateOpen(e){m(this,e)}validateHref(e){v(this,e)}componentWillLoad(){this.validateActive(this._active),this.validateLabel(this._label),this.validateOpen(this._open),this.validateHref(this._href),this.checkForChildren(),this.determineTreeItemDepth()}determineTreeItemDepth(){let e=0,t=this.host.parentNode.host.parentNode;for(;t!==null&&t.tagName.toLowerCase()!==d&&t!==document.body;)t=t.parentElement,e+=1;this.level=e}handleSlotchange(){this.checkForChildren()}checkForChildren(){var e,t;this.state=Object.assign(Object.assign({},this.state),{_hasChildren:!!(!((t=(e=this.host.querySelector("slot"))===null||e===void 0?void 0:e.assignedElements)===null||t===void 0)&&t.call(e).length)})}async focusLink(){await this.linkElement.kolFocus()}async handleExpandClick(e){e.preventDefault(),await this.linkElement.kolFocus(),await this.expand()}async expand(){this.state._hasChildren&&(this.state=Object.assign(Object.assign({},this.state),{_open:!0}))}async handleCollapseClick(e){e.preventDefault(),this.linkElement.focus(),await this.collapse()}async collapse(){this.state._hasChildren&&(this.state=Object.assign(Object.assign({},this.state),{_open:!1}))}async isOpen(){var e;return(e=this.state._open)!==null&&e!==void 0?e:!1}get host(){return _(this)}static get watchers(){return{_active:["validateActive"],_label:["validateLabel"],_open:["validateOpen"],_href:["validateHref"]}}};export{E as kol_tree_item_wc};
|
|
4
|
-
//# sourceMappingURL=kol-tree-item-wc.entry-
|
|
4
|
+
//# sourceMappingURL=kol-tree-item-wc.entry-sdWDB8YD.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"kol-tree-item-wc.entry-
|
|
1
|
+
{"version":3,"file":"kol-tree-item-wc.entry-sdWDB8YD.js","sources":["../../../../components/dist/esm/kol-tree-item-wc.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host, g as getElement } from './index-CElQfBOC.js';\nimport { d as watchBoolean } from './common-7RW_NFNf.js';\nimport { v as validateHref } from './href-4XW2Ab0f.js';\nimport { v as validateLabel } from './label-DAfXJvJZ.js';\nimport { v as validateOpen } from './open-k4WSPWPA.js';\nimport { f as KolLinkWcTag, e as KolIconTag, x as KolTreeTag } from './component-names-CkE54Ym7.js';\nimport { n as nonce } from './dev.utils-9pEPkxnH.js';\nimport { c as clsx } from './clsx-eK3rPvPS.js';\n\nconst validateActive = (component, value, options) => {\n watchBoolean(component, '_active', value, options);\n};\n\nconst KolTreeItemWc = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.groupId = `tree-group-${nonce()}`;\n this.state = {\n _active: false,\n _hasChildren: false,\n _href: '',\n _label: '',\n _open: false,\n };\n }\n render() {\n const { _href, _active, _hasChildren, _open, _label } = this.state;\n return (h(Host, { key: 'e8cebee52ed0f115c3aa30e82e2e3ccf5d09e626', onSlotchange: this.handleSlotchange.bind(this) }, h(\"li\", { key: 'c4b1d56ae69f55ca57ad8d863df02fe0d7ff4f00', class: \"kol-tree-item\", style: {\n '--level': `${this.level}`,\n } }, h(KolLinkWcTag, { key: '8e87e00dae2d0e6dcad5602e28b5642bc31702f5', class: clsx('kol-tree-item__link', {\n 'kol-tree-item__link--first-level': this.level === 0,\n 'kol-tree-item__link--active': _active,\n }), _href: _href, _label: \"\", _role: \"treeitem\", _tabIndex: _active ? 0 : -1, _ariaExpanded: _hasChildren ? _open : undefined, _ariaOwns: _hasChildren ? this.groupId : undefined, ref: (element) => (this.linkElement = element) }, h(\"span\", { key: '2375f5ff6abe59419b5d4ef28e5e0f104034fef3', class: \"kol-tree-item__link-inner\", slot: \"expert\" }, _hasChildren ? (h(\"span\", { class: \"kol-tree-item__toggle-button\", onClick: (event) => (_open ? void this.handleCollapseClick(event) : void this.handleExpandClick(event)) }, h(KolIconTag, { class: \"kol-tree-item__toggle-button-icon\", _icons: `codicon codicon-${_open ? 'chevron-down' : 'chevron-right'}`, _label: '' }))) : (h(\"span\", { class: \"kol-tree-item__toggle-button-placeholder\" })), h(\"span\", { key: '39c07661723143bfafcc6ee8e96e51bd88daa940', class: \"kol-tree-item__text\" }, _label))), h(\"ul\", { key: '2bd2e3a880b4d1946f00e46784f476e69508441b', class: \"kol-tree-item__children\", hidden: !_hasChildren || !_open, role: \"group\", id: this.groupId }, h(\"slot\", { key: '472cc53e288b84a99a0190a82be67e04ce851f99' })))));\n }\n validateActive(value) {\n validateActive(this, value || false);\n }\n validateLabel(value) {\n validateLabel(this, value);\n }\n validateOpen(value) {\n validateOpen(this, value);\n }\n validateHref(value) {\n validateHref(this, value);\n }\n componentWillLoad() {\n this.validateActive(this._active);\n this.validateLabel(this._label);\n this.validateOpen(this._open);\n this.validateHref(this._href);\n this.checkForChildren();\n this.determineTreeItemDepth();\n }\n determineTreeItemDepth() {\n let level = 0;\n let traverseItem = this.host.parentNode.host.parentNode;\n while (traverseItem !== null && traverseItem.tagName.toLowerCase() !== KolTreeTag && traverseItem !== document.body) {\n traverseItem = traverseItem.parentElement;\n level += 1;\n }\n this.level = level;\n }\n handleSlotchange() {\n this.checkForChildren();\n }\n checkForChildren() {\n var _a, _b;\n this.state = Object.assign(Object.assign({}, this.state), { _hasChildren: Boolean((_b = (_a = this.host.querySelector('slot')) === null || _a === void 0 ? void 0 : _a.assignedElements) === null || _b === void 0 ? void 0 : _b.call(_a).length) });\n }\n async focusLink() {\n await this.linkElement.kolFocus();\n }\n async handleExpandClick(event) {\n event.preventDefault();\n await this.linkElement.kolFocus();\n await this.expand();\n }\n async expand() {\n if (this.state._hasChildren) {\n this.state = Object.assign(Object.assign({}, this.state), { _open: true });\n }\n }\n async handleCollapseClick(event) {\n event.preventDefault();\n this.linkElement.focus();\n await this.collapse();\n }\n async collapse() {\n if (this.state._hasChildren) {\n this.state = Object.assign(Object.assign({}, this.state), { _open: false });\n }\n }\n async isOpen() {\n var _a;\n return (_a = this.state._open) !== null && _a !== void 0 ? _a : false;\n }\n get host() { return getElement(this); }\n static get watchers() { return {\n \"_active\": [\"validateActive\"],\n \"_label\": [\"validateLabel\"],\n \"_open\": [\"validateOpen\"],\n \"_href\": [\"validateHref\"]\n }; }\n};\n\nexport { KolTreeItemWc as kol_tree_item_wc };\n//# sourceMappingURL=kol-tree-item-wc.entry.js.map\n\n//# sourceMappingURL=kol-tree-item-wc.entry.js.map"],"names":["validateActive","component","value","options","watchBoolean","KolTreeItemWc","hostRef","registerInstance","nonce","_href","_active","_hasChildren","_open","_label","h","Host","KolLinkWcTag","clsx","element","event","KolIconTag","validateLabel","validateOpen","validateHref","level","traverseItem","KolTreeTag","_a","_b","getElement"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as i,h as t,ag as o}from"./index-
|
|
1
|
+
import{r as i,h as t,ag as o}from"./index-DuJ2kw-o.js";/*!
|
|
2
2
|
* KoliBri - The accessible HTML-Standard
|
|
3
3
|
*/const a=`/* forward the rem function */
|
|
4
4
|
/*
|
|
@@ -17,12 +17,6 @@ import{r as i,h as t,ag as o}from"./index-ccK9smvC.js";/*!
|
|
|
17
17
|
*/
|
|
18
18
|
background-color: white;
|
|
19
19
|
color: black;
|
|
20
|
-
}
|
|
21
|
-
* {
|
|
22
|
-
/*
|
|
23
|
-
* This rule enables the word dividing for all texts. That is important for high zoom levels.
|
|
24
|
-
*/
|
|
25
|
-
hyphens: auto;
|
|
26
20
|
/*
|
|
27
21
|
* Verdana is an accessible font that can be used without requiring additional loading time.
|
|
28
22
|
*/
|
|
@@ -31,14 +25,20 @@ import{r as i,h as t,ag as o}from"./index-ccK9smvC.js";/*!
|
|
|
31
25
|
* Letter spacing is required for all texts.
|
|
32
26
|
*/
|
|
33
27
|
letter-spacing: inherit;
|
|
28
|
+
/*
|
|
29
|
+
* Word spacing is required for all texts.
|
|
30
|
+
*/
|
|
31
|
+
word-spacing: inherit;
|
|
32
|
+
}
|
|
33
|
+
* {
|
|
34
34
|
/*
|
|
35
35
|
* This rule enables the word dividing for all texts. That is important for high zoom levels.
|
|
36
36
|
*/
|
|
37
|
-
|
|
37
|
+
hyphens: auto;
|
|
38
38
|
/*
|
|
39
|
-
*
|
|
39
|
+
* This rule enables the word dividing for all texts. That is important for high zoom levels.
|
|
40
40
|
*/
|
|
41
|
-
word-
|
|
41
|
+
word-break: break-word;
|
|
42
42
|
}
|
|
43
43
|
/*
|
|
44
44
|
* All interactive elements should have a minimum size of to-rem(44).
|
|
@@ -76,6 +76,14 @@ import{r as i,h as t,ag as o}from"./index-ccK9smvC.js";/*!
|
|
|
76
76
|
* All elements should inherit the font size from his parent element.
|
|
77
77
|
*/
|
|
78
78
|
font-size: inherit;
|
|
79
|
+
/*
|
|
80
|
+
* Letter spacing is required for all texts.
|
|
81
|
+
*/
|
|
82
|
+
letter-spacing: inherit;
|
|
83
|
+
/*
|
|
84
|
+
* Word spacing is required for all texts.
|
|
85
|
+
*/
|
|
86
|
+
word-spacing: inherit;
|
|
79
87
|
}
|
|
80
88
|
/**
|
|
81
89
|
* Sometimes we need the semantic element for accessibility reasons,
|
|
@@ -207,4 +215,4 @@ import{r as i,h as t,ag as o}from"./index-ccK9smvC.js";/*!
|
|
|
207
215
|
text-decoration: underline;
|
|
208
216
|
}
|
|
209
217
|
}`,l=class{constructor(n){i(this,n)}async focusLink(){this.element&&await this.element.focusLink()}async expand(){this.element&&await this.element.expand()}async collapse(){this.element&&await this.element.collapse()}async isOpen(){var n,e;return(e=await((n=this.element)===null||n===void 0?void 0:n.isOpen()))!==null&&e!==void 0?e:!1}render(){return t(o,{key:"7bb3a408013bea8c9d87e7911df20651f5230f10",_active:this._active,_label:this._label,_open:this._open,_href:this._href,ref:n=>this.element=n},t("slot",{key:"f7e7f98c562a887973733fd19268d7c8efdda8d8"}))}};l.style={default:a};export{l as kol_tree_item};
|
|
210
|
-
//# sourceMappingURL=kol-tree-item.entry-
|
|
218
|
+
//# sourceMappingURL=kol-tree-item.entry-aH-jjtD5.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"kol-tree-item.entry-aH-jjtD5.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-CElQfBOC.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 /*\\n * No element should be used without a background and font color whose contrast ratio has\\n * not been checked. By initially setting the background color to white and the font color\\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n */\\n background-color: white;\\n color: black;\\n /*\\n * 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-height: var(--a11y-min-size);\\n min-width: var(--a11y-min-size);\\n }\\n /*\\n * Some interactive elements should not inherit the font-family and font-size.\\n */\\n a,\\n button,\\n h1,\\n h2,\\n h3,\\n h4,\\n h5,\\n h6,\\n input,\\n option,\\n select,\\n textarea {\\n /*\\n * All elements should inherit the font family from his parent element.\\n */\\n font-family: inherit;\\n /*\\n * All elements should inherit the font size from his parent element.\\n */\\n font-size: inherit;\\n /*\\n * 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 clip: rect(0 0 0 0);\\n clip-path: inset(50%);\\n height: 1px;\\n overflow: hidden;\\n position: absolute;\\n white-space: nowrap;\\n width: 1px;\\n }\\n}\\n@layer kol-global {\\n /*\\n * Dieses CSS stellt sicher, dass der Standard-Style\\n * von A und Button resettet werden.\\n */\\n :is(a, button) {\\n background-color: transparent;\\n border: none;\\n margin: 0;\\n padding: 0;\\n width: 100%;\\n /* 100% needed for custom width from outside */\\n }\\n /*\\n * Ensure elements with hidden attribute to be actually not visible\\n * @see https://meowni.ca/hidden.is.a.lie.html\\n */\\n [hidden] {\\n display: none !important;\\n }\\n .badge-text-hint {\\n background-color: lightgray;\\n color: black;\\n }\\n}\\n@layer kol-global {\\n :host {\\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\n /*\\n * The max-width is needed to prevent the table from overflowing the\\n * parent node, if the table is wider than the parent node.\\n */\\n max-width: 100%;\\n }\\n * {\\n /*\\n * We prefer to box-sizing: border-box for all elements.\\n */\\n box-sizing: border-box;\\n }\\n .kol-span {\\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n display: grid;\\n place-items: center;\\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n }\\n .kol-span__container {\\n display: flex;\\n place-items: center;\\n }\\n a,\\n button {\\n cursor: pointer;\\n }\\n .kol-span .kol-span__label--hide-label .kol-span__label {\\n display: none;\\n }\\n /* Reset browser agent style. */\\n button:disabled {\\n color: unset;\\n }\\n .disabled label,\\n .disabled:focus-within label,\\n [aria-disabled=true],\\n [aria-disabled=true]:focus,\\n [disabled],\\n [disabled]:focus {\\n cursor: not-allowed;\\n opacity: 0.5;\\n outline: none;\\n }\\n [aria-disabled=true]:focus .kol-span,\\n [disabled]:focus .kol-span {\\n outline: none !important;\\n }\\n}\\n@layer kol-component {\\n .kol-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 align-items: center;\\n display: inline-flex;\\n min-height: var(--a11y-min-size);\\n padding-left: max(var(--indentation) * var(--level) + (8rem / var(--kolibri-root-font-size, 16)), 8rem / var(--kolibri-root-font-size, 16));\\n padding-right: calc(6rem / var(--kolibri-root-font-size, 16));\\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 width: var(--a11y-min-size);\\n height: var(--a11y-min-size);\\n display: inline-flex;\\n justify-content: center;\\n align-items: 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 +1,4 @@
|
|
|
1
|
-
import{r as y,h as m,H as k,as as f,ar as L,g as E}from"./index-
|
|
1
|
+
import{r as y,h as m,H as k,as as f,ar as L,g as E}from"./index-DuJ2kw-o.js";import{v as A}from"./label-DAfXJvJZ-BAobf5Rl.js";/*!
|
|
2
2
|
* KoliBri - The accessible HTML-Standard
|
|
3
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-
|
|
4
|
+
//# sourceMappingURL=kol-tree-wc.entry-BbjBKutX.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"kol-tree-wc.entry-b0ktaEQW.js","sources":["../../../../components/dist/esm/kol-tree-wc.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host, g as getElement } from './index-CGVuC_LX.js';\nimport './common-CveT8b8y.js';\nimport { v as validateLabel } from './label-CyF697aK.js';\nimport { y as KolTreeItemTag, x as KolTreeTag } from './component-names-CkE54Ym7.js';\n\nconst KolTreeWc = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.state = {\n _label: '',\n };\n }\n validateLabel(value) {\n validateLabel(this, value);\n }\n render() {\n return (h(Host, { key: '774db0e9ae59f0de739b7df7777f74fa8e07be03', onSlotchange: this.handleSlotchange.bind(this) }, h(\"nav\", { key: 'a7f95daedbd9e25f5b1ee82a16aa495c8ac1b7c1', class: \"kol-tree\", \"aria-label\": this.state._label }, h(\"ul\", { key: '9a3686682fd2a7e625dba024eb0ace8caff1aee7', class: \"kol-tree__treeview-navigation\", role: \"tree\", \"aria-label\": this.state._label }, h(\"slot\", { key: 'a6f63218223e1daf2f96fd2dbcf49e87742a419d' })))));\n }\n static isTreeItem(element) {\n return (element === null || element === void 0 ? void 0 : element.tagName) === KolTreeItemTag.toUpperCase();\n }\n componentWillLoad() {\n this.validateLabel(this._label);\n this.handleTreeChange();\n this.observeChildListMutations();\n }\n disconnectedCallback() {\n var _a;\n (_a = this.observer) === null || _a === void 0 ? void 0 : _a.disconnect();\n }\n observeChildListMutations() {\n this.observer = new MutationObserver(this.handleTreeChange.bind(this));\n this.observeTopLevelItems();\n }\n handleSlotchange() {\n this.observeTopLevelItems();\n this.handleTreeChange();\n }\n observeTopLevelItems() {\n var _a;\n (_a = this.getTopLevelTreeItems()) === null || _a === void 0 ? void 0 : _a.forEach((treeItem) => {\n var _a;\n (_a = this.observer) === null || _a === void 0 ? void 0 : _a.observe(treeItem, { childList: true, subtree: true });\n });\n }\n getTopLevelTreeItems() {\n var _a, _b, _c;\n return (_c = (_b = (_a = this.host.querySelector('slot')) === null || _a === void 0 ? void 0 : _a.assignedNodes) === null || _b === void 0 ? void 0 : _b.call(_a)) === null || _c === void 0 ? void 0 : _c.filter(KolTreeWc.isTreeItem);\n }\n handleTreeChange() {\n this.treeItemElements = this.getTreeItemElements();\n void this.ensureActiveItemVisibility();\n }\n getTreeItemElements() {\n var _a;\n return (_a = this.getTopLevelTreeItems()) === null || _a === void 0 ? void 0 : _a.reduce((accumulator, currentValue) => {\n const children = currentValue.querySelectorAll(KolTreeItemTag);\n return [...accumulator, currentValue, ...children];\n }, []);\n }\n async getOpenTreeItemElements() {\n if (!this.treeItemElements) {\n return;\n }\n const areElementAndAllParentsOpen = async (element) => {\n if (!KolTreeWc.isTreeItem(element.parentElement)) {\n return true;\n }\n else {\n return (await element.parentElement.isOpen()) && (await areElementAndAllParentsOpen(element.parentElement));\n }\n };\n const elementsWithInclude = await Promise.all(this.treeItemElements.map(async (element) => ({\n value: element,\n include: await areElementAndAllParentsOpen(element),\n })));\n return elementsWithInclude.filter((element) => element.include).map((element) => element.value);\n }\n async handleKeyDown(event) {\n var _a, _b, _c, _d, _e, _f, _g, _h, _j;\n const openItems = await this.getOpenTreeItemElements();\n const currentTreeItem = (_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.closest(KolTreeItemTag);\n const hasModifierKeyPressed = event.metaKey || event.altKey || event.ctrlKey || event.shiftKey;\n if (!openItems || !currentTreeItem) {\n return;\n }\n const currentIndex = openItems === null || openItems === void 0 ? void 0 : openItems.findIndex((elem) => elem === currentTreeItem);\n switch (event.key) {\n case 'ArrowDown': {\n await ((_b = openItems[currentIndex + 1]) === null || _b === void 0 ? void 0 : _b.focusLink());\n event.preventDefault();\n break;\n }\n case 'ArrowUp': {\n await ((_c = openItems[currentIndex - 1]) === null || _c === void 0 ? void 0 : _c.focusLink());\n event.preventDefault();\n break;\n }\n case 'Right':\n case 'ArrowRight': {\n event.preventDefault();\n if (await currentTreeItem.isOpen()) {\n await ((_d = openItems[currentIndex + 1]) === null || _d === void 0 ? void 0 : _d.focusLink());\n }\n else {\n await currentTreeItem.expand();\n }\n break;\n }\n case 'Left':\n case 'ArrowLeft': {\n event.preventDefault();\n if (await currentTreeItem.isOpen()) {\n await currentTreeItem.collapse();\n }\n else {\n const parentIndex = openItems.findIndex((item) => item === currentTreeItem.parentElement);\n parentIndex !== -1 && (await ((_e = openItems[parentIndex]) === null || _e === void 0 ? void 0 : _e.focusLink()));\n }\n break;\n }\n case 'Home': {\n await ((_f = openItems[0]) === null || _f === void 0 ? void 0 : _f.focusLink());\n event.preventDefault();\n break;\n }\n case 'End': {\n await ((_g = openItems[openItems.length - 1]) === null || _g === void 0 ? void 0 : _g.focusLink());\n event.preventDefault();\n break;\n }\n case (_h = event.key.match(/^[a-zA-Z0-9]$/)) === null || _h === void 0 ? void 0 : _h.input: {\n if (!hasModifierKeyPressed) {\n const char = event.key.toLowerCase();\n const startIndex = openItems.indexOf(currentTreeItem) + 1;\n const wrapAroundItems = openItems.concat(openItems);\n const matchIndex = wrapAroundItems\n .slice(startIndex, startIndex + openItems.length)\n .findIndex((item) => { var _a; return (_a = item.getAttribute('_label')) === null || _a === void 0 ? void 0 : _a.trim().toLowerCase().startsWith(char); });\n if (matchIndex !== -1) {\n await wrapAroundItems[startIndex + matchIndex].focusLink();\n event.preventDefault();\n }\n }\n break;\n }\n case '*': {\n const siblings = (_j = currentTreeItem.parentElement) === null || _j === void 0 ? void 0 : _j.querySelectorAll(KolTreeItemTag);\n siblings === null || siblings === void 0 ? void 0 : siblings.forEach((element) => {\n void element.expand();\n });\n break;\n }\n }\n }\n async handleFocusOut(event) {\n if (event.relatedTarget && !event.relatedTarget.closest(KolTreeTag)) {\n await this.ensureActiveItemVisibility();\n }\n }\n async ensureActiveItemVisibility() {\n const findActiveItem = () => {\n var _a, _b, _c, _d;\n const rootNodes = (_d = (_c = (_b = (_a = this.host.querySelector('slot')) === null || _a === void 0 ? void 0 : _a.assignedNodes) === null || _b === void 0 ? void 0 : _b.call(_a)) === null || _c === void 0 ? void 0 : _c.filter(KolTreeWc.isTreeItem)) !== null && _d !== void 0 ? _d : [];\n for (const rootNode of rootNodes) {\n if (rootNode._active) {\n return rootNode;\n }\n const childMatch = rootNode.querySelector(`${KolTreeItemTag}[_active=\"true\"]`);\n if (childMatch && childMatch._active) {\n return childMatch;\n }\n }\n };\n const expandParentElements = (element) => {\n if (KolTreeWc.isTreeItem(element.parentElement)) {\n void element.parentElement.expand();\n expandParentElements(element.parentElement);\n }\n };\n const target = findActiveItem();\n if (target) {\n expandParentElements(target);\n }\n }\n get host() { return getElement(this); }\n static get watchers() { return {\n \"_label\": [\"validateLabel\"]\n }; }\n};\n\nexport { KolTreeWc as kol_tree_wc };\n//# sourceMappingURL=kol-tree-wc.entry.js.map\n\n//# sourceMappingURL=kol-tree-wc.entry.js.map"],"names":["KolTreeWc","hostRef","registerInstance","value","validateLabel","h","Host","element","KolTreeItemTag","_a","treeItem","_b","_c","accumulator","currentValue","children","areElementAndAllParentsOpen","event","_d","_e","_f","_g","_h","_j","openItems","currentTreeItem","hasModifierKeyPressed","currentIndex","elem","parentIndex","item","char","startIndex","wrapAroundItems","matchIndex","siblings","KolTreeTag","findActiveItem","rootNodes","rootNode","childMatch","expandParentElements","target","getElement"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"kol-tree-wc.entry-BbjBKutX.js","sources":["../../../../components/dist/esm/kol-tree-wc.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host, g as getElement } from './index-CElQfBOC.js';\nimport './common-7RW_NFNf.js';\nimport { v as validateLabel } from './label-DAfXJvJZ.js';\nimport { y as KolTreeItemTag, x as KolTreeTag } from './component-names-CkE54Ym7.js';\n\nconst KolTreeWc = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.state = {\n _label: '',\n };\n }\n validateLabel(value) {\n validateLabel(this, value);\n }\n render() {\n return (h(Host, { key: '774db0e9ae59f0de739b7df7777f74fa8e07be03', onSlotchange: this.handleSlotchange.bind(this) }, h(\"nav\", { key: 'a7f95daedbd9e25f5b1ee82a16aa495c8ac1b7c1', class: \"kol-tree\", \"aria-label\": this.state._label }, h(\"ul\", { key: '9a3686682fd2a7e625dba024eb0ace8caff1aee7', class: \"kol-tree__treeview-navigation\", role: \"tree\", \"aria-label\": this.state._label }, h(\"slot\", { key: 'a6f63218223e1daf2f96fd2dbcf49e87742a419d' })))));\n }\n static isTreeItem(element) {\n return (element === null || element === void 0 ? void 0 : element.tagName) === KolTreeItemTag.toUpperCase();\n }\n componentWillLoad() {\n this.validateLabel(this._label);\n this.handleTreeChange();\n this.observeChildListMutations();\n }\n disconnectedCallback() {\n var _a;\n (_a = this.observer) === null || _a === void 0 ? void 0 : _a.disconnect();\n }\n observeChildListMutations() {\n this.observer = new MutationObserver(this.handleTreeChange.bind(this));\n this.observeTopLevelItems();\n }\n handleSlotchange() {\n this.observeTopLevelItems();\n this.handleTreeChange();\n }\n observeTopLevelItems() {\n var _a;\n (_a = this.getTopLevelTreeItems()) === null || _a === void 0 ? void 0 : _a.forEach((treeItem) => {\n var _a;\n (_a = this.observer) === null || _a === void 0 ? void 0 : _a.observe(treeItem, { childList: true, subtree: true });\n });\n }\n getTopLevelTreeItems() {\n var _a, _b, _c;\n return (_c = (_b = (_a = this.host.querySelector('slot')) === null || _a === void 0 ? void 0 : _a.assignedNodes) === null || _b === void 0 ? void 0 : _b.call(_a)) === null || _c === void 0 ? void 0 : _c.filter(KolTreeWc.isTreeItem);\n }\n handleTreeChange() {\n this.treeItemElements = this.getTreeItemElements();\n void this.ensureActiveItemVisibility();\n }\n getTreeItemElements() {\n var _a;\n return (_a = this.getTopLevelTreeItems()) === null || _a === void 0 ? void 0 : _a.reduce((accumulator, currentValue) => {\n const children = currentValue.querySelectorAll(KolTreeItemTag);\n return [...accumulator, currentValue, ...children];\n }, []);\n }\n async getOpenTreeItemElements() {\n if (!this.treeItemElements) {\n return;\n }\n const areElementAndAllParentsOpen = async (element) => {\n if (!KolTreeWc.isTreeItem(element.parentElement)) {\n return true;\n }\n else {\n return (await element.parentElement.isOpen()) && (await areElementAndAllParentsOpen(element.parentElement));\n }\n };\n const elementsWithInclude = await Promise.all(this.treeItemElements.map(async (element) => ({\n value: element,\n include: await areElementAndAllParentsOpen(element),\n })));\n return elementsWithInclude.filter((element) => element.include).map((element) => element.value);\n }\n async handleKeyDown(event) {\n var _a, _b, _c, _d, _e, _f, _g, _h, _j;\n const openItems = await this.getOpenTreeItemElements();\n const currentTreeItem = (_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.closest(KolTreeItemTag);\n const hasModifierKeyPressed = event.metaKey || event.altKey || event.ctrlKey || event.shiftKey;\n if (!openItems || !currentTreeItem) {\n return;\n }\n const currentIndex = openItems === null || openItems === void 0 ? void 0 : openItems.findIndex((elem) => elem === currentTreeItem);\n switch (event.key) {\n case 'ArrowDown': {\n await ((_b = openItems[currentIndex + 1]) === null || _b === void 0 ? void 0 : _b.focusLink());\n event.preventDefault();\n break;\n }\n case 'ArrowUp': {\n await ((_c = openItems[currentIndex - 1]) === null || _c === void 0 ? void 0 : _c.focusLink());\n event.preventDefault();\n break;\n }\n case 'Right':\n case 'ArrowRight': {\n event.preventDefault();\n if (await currentTreeItem.isOpen()) {\n await ((_d = openItems[currentIndex + 1]) === null || _d === void 0 ? void 0 : _d.focusLink());\n }\n else {\n await currentTreeItem.expand();\n }\n break;\n }\n case 'Left':\n case 'ArrowLeft': {\n event.preventDefault();\n if (await currentTreeItem.isOpen()) {\n await currentTreeItem.collapse();\n }\n else {\n const parentIndex = openItems.findIndex((item) => item === currentTreeItem.parentElement);\n parentIndex !== -1 && (await ((_e = openItems[parentIndex]) === null || _e === void 0 ? void 0 : _e.focusLink()));\n }\n break;\n }\n case 'Home': {\n await ((_f = openItems[0]) === null || _f === void 0 ? void 0 : _f.focusLink());\n event.preventDefault();\n break;\n }\n case 'End': {\n await ((_g = openItems[openItems.length - 1]) === null || _g === void 0 ? void 0 : _g.focusLink());\n event.preventDefault();\n break;\n }\n case (_h = event.key.match(/^[a-zA-Z0-9]$/)) === null || _h === void 0 ? void 0 : _h.input: {\n if (!hasModifierKeyPressed) {\n const char = event.key.toLowerCase();\n const startIndex = openItems.indexOf(currentTreeItem) + 1;\n const wrapAroundItems = openItems.concat(openItems);\n const matchIndex = wrapAroundItems\n .slice(startIndex, startIndex + openItems.length)\n .findIndex((item) => { var _a; return (_a = item.getAttribute('_label')) === null || _a === void 0 ? void 0 : _a.trim().toLowerCase().startsWith(char); });\n if (matchIndex !== -1) {\n await wrapAroundItems[startIndex + matchIndex].focusLink();\n event.preventDefault();\n }\n }\n break;\n }\n case '*': {\n const siblings = (_j = currentTreeItem.parentElement) === null || _j === void 0 ? void 0 : _j.querySelectorAll(KolTreeItemTag);\n siblings === null || siblings === void 0 ? void 0 : siblings.forEach((element) => {\n void element.expand();\n });\n break;\n }\n }\n }\n async handleFocusOut(event) {\n if (event.relatedTarget && !event.relatedTarget.closest(KolTreeTag)) {\n await this.ensureActiveItemVisibility();\n }\n }\n async ensureActiveItemVisibility() {\n const findActiveItem = () => {\n var _a, _b, _c, _d;\n const rootNodes = (_d = (_c = (_b = (_a = this.host.querySelector('slot')) === null || _a === void 0 ? void 0 : _a.assignedNodes) === null || _b === void 0 ? void 0 : _b.call(_a)) === null || _c === void 0 ? void 0 : _c.filter(KolTreeWc.isTreeItem)) !== null && _d !== void 0 ? _d : [];\n for (const rootNode of rootNodes) {\n if (rootNode._active) {\n return rootNode;\n }\n const childMatch = rootNode.querySelector(`${KolTreeItemTag}[_active=\"true\"]`);\n if (childMatch && childMatch._active) {\n return childMatch;\n }\n }\n };\n const expandParentElements = (element) => {\n if (KolTreeWc.isTreeItem(element.parentElement)) {\n void element.parentElement.expand();\n expandParentElements(element.parentElement);\n }\n };\n const target = findActiveItem();\n if (target) {\n expandParentElements(target);\n }\n }\n get host() { return getElement(this); }\n static get watchers() { return {\n \"_label\": [\"validateLabel\"]\n }; }\n};\n\nexport { KolTreeWc as kol_tree_wc };\n//# sourceMappingURL=kol-tree-wc.entry.js.map\n\n//# sourceMappingURL=kol-tree-wc.entry.js.map"],"names":["KolTreeWc","hostRef","registerInstance","value","validateLabel","h","Host","element","KolTreeItemTag","_a","treeItem","_b","_c","accumulator","currentValue","children","areElementAndAllParentsOpen","event","_d","_e","_f","_g","_h","_j","openItems","currentTreeItem","hasModifierKeyPressed","currentIndex","elem","parentIndex","item","char","startIndex","wrapAroundItems","matchIndex","siblings","KolTreeTag","findActiveItem","rootNodes","rootNode","childMatch","expandParentElements","target","getElement"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as t,h as n,af as i}from"./index-
|
|
1
|
+
import{r as t,h as n,af as i}from"./index-DuJ2kw-o.js";/*!
|
|
2
2
|
* KoliBri - The accessible HTML-Standard
|
|
3
3
|
*/const o=`/* forward the rem function */
|
|
4
4
|
/*
|
|
@@ -17,12 +17,6 @@ import{r as t,h as n,af as i}from"./index-ccK9smvC.js";/*!
|
|
|
17
17
|
*/
|
|
18
18
|
background-color: white;
|
|
19
19
|
color: black;
|
|
20
|
-
}
|
|
21
|
-
* {
|
|
22
|
-
/*
|
|
23
|
-
* This rule enables the word dividing for all texts. That is important for high zoom levels.
|
|
24
|
-
*/
|
|
25
|
-
hyphens: auto;
|
|
26
20
|
/*
|
|
27
21
|
* Verdana is an accessible font that can be used without requiring additional loading time.
|
|
28
22
|
*/
|
|
@@ -31,14 +25,20 @@ import{r as t,h as n,af as i}from"./index-ccK9smvC.js";/*!
|
|
|
31
25
|
* Letter spacing is required for all texts.
|
|
32
26
|
*/
|
|
33
27
|
letter-spacing: inherit;
|
|
28
|
+
/*
|
|
29
|
+
* Word spacing is required for all texts.
|
|
30
|
+
*/
|
|
31
|
+
word-spacing: inherit;
|
|
32
|
+
}
|
|
33
|
+
* {
|
|
34
34
|
/*
|
|
35
35
|
* This rule enables the word dividing for all texts. That is important for high zoom levels.
|
|
36
36
|
*/
|
|
37
|
-
|
|
37
|
+
hyphens: auto;
|
|
38
38
|
/*
|
|
39
|
-
*
|
|
39
|
+
* This rule enables the word dividing for all texts. That is important for high zoom levels.
|
|
40
40
|
*/
|
|
41
|
-
word-
|
|
41
|
+
word-break: break-word;
|
|
42
42
|
}
|
|
43
43
|
/*
|
|
44
44
|
* All interactive elements should have a minimum size of to-rem(44).
|
|
@@ -76,6 +76,14 @@ import{r as t,h as n,af as i}from"./index-ccK9smvC.js";/*!
|
|
|
76
76
|
* All elements should inherit the font size from his parent element.
|
|
77
77
|
*/
|
|
78
78
|
font-size: inherit;
|
|
79
|
+
/*
|
|
80
|
+
* Letter spacing is required for all texts.
|
|
81
|
+
*/
|
|
82
|
+
letter-spacing: inherit;
|
|
83
|
+
/*
|
|
84
|
+
* Word spacing is required for all texts.
|
|
85
|
+
*/
|
|
86
|
+
word-spacing: inherit;
|
|
79
87
|
}
|
|
80
88
|
/**
|
|
81
89
|
* Sometimes we need the semantic element for accessibility reasons,
|
|
@@ -180,4 +188,4 @@ import{r as t,h as n,af as i}from"./index-ccK9smvC.js";/*!
|
|
|
180
188
|
outline-offset: 2px;
|
|
181
189
|
}
|
|
182
190
|
}`,a=class{constructor(e){t(this,e)}render(){return n(i,{key:"69fcda89930476d36e84516cc64cc7eebf1094db",_label:this._label},n("slot",{key:"5259ea6f1eb1fb6f3ed8b8a64e7a442f27e4abce"}))}};a.style={default:o};export{a as kol_tree};
|
|
183
|
-
//# sourceMappingURL=kol-tree.entry-
|
|
191
|
+
//# sourceMappingURL=kol-tree.entry-CD7Quddg.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"kol-tree.entry-CD7Quddg.js","sources":["../../../../components/dist/esm/kol-tree.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h } from './index-CElQfBOC.js';\nimport { o as KolTreeWcTag } 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 /*\\n * No element should be used without a background and font color whose contrast ratio has\\n * not been checked. By initially setting the background color to white and the font color\\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n */\\n background-color: white;\\n color: black;\\n /*\\n * 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-height: var(--a11y-min-size);\\n min-width: var(--a11y-min-size);\\n }\\n /*\\n * Some interactive elements should not inherit the font-family and font-size.\\n */\\n a,\\n button,\\n h1,\\n h2,\\n h3,\\n h4,\\n h5,\\n h6,\\n input,\\n option,\\n select,\\n textarea {\\n /*\\n * All elements should inherit the font family from his parent element.\\n */\\n font-family: inherit;\\n /*\\n * All elements should inherit the font size from his parent element.\\n */\\n font-size: inherit;\\n /*\\n * 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 clip: rect(0 0 0 0);\\n clip-path: inset(50%);\\n height: 1px;\\n overflow: hidden;\\n position: absolute;\\n white-space: nowrap;\\n width: 1px;\\n }\\n}\\n@layer kol-global {\\n /*\\n * Dieses CSS stellt sicher, dass der Standard-Style\\n * von A und Button resettet werden.\\n */\\n :is(a, button) {\\n background-color: transparent;\\n border: none;\\n margin: 0;\\n padding: 0;\\n width: 100%;\\n /* 100% needed for custom width from outside */\\n }\\n /*\\n * Ensure elements with hidden attribute to be actually not visible\\n * @see https://meowni.ca/hidden.is.a.lie.html\\n */\\n [hidden] {\\n display: none !important;\\n }\\n .badge-text-hint {\\n background-color: lightgray;\\n color: black;\\n }\\n}\\n@layer kol-global {\\n :host {\\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\n /*\\n * The max-width is needed to prevent the table from overflowing the\\n * parent node, if the table is wider than the parent node.\\n */\\n max-width: 100%;\\n }\\n * {\\n /*\\n * We prefer to box-sizing: border-box for all elements.\\n */\\n box-sizing: border-box;\\n }\\n .kol-span {\\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n display: grid;\\n place-items: center;\\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n }\\n .kol-span__container {\\n display: flex;\\n place-items: center;\\n }\\n a,\\n button {\\n cursor: pointer;\\n }\\n .kol-span .kol-span__label--hide-label .kol-span__label {\\n display: none;\\n }\\n /* Reset browser agent style. */\\n button:disabled {\\n color: unset;\\n }\\n .disabled label,\\n .disabled:focus-within label,\\n [aria-disabled=true],\\n [aria-disabled=true]:focus,\\n [disabled],\\n [disabled]:focus {\\n cursor: not-allowed;\\n opacity: 0.5;\\n outline: none;\\n }\\n [aria-disabled=true]:focus .kol-span,\\n [disabled]:focus .kol-span {\\n outline: none !important;\\n }\\n}\\n@layer kol-component {\\n .kol-tree__treeview-navigation {\\n margin: 0;\\n padding: 0;\\n list-style: none;\\n }\\n .kol-tree:focus-within {\\n outline: 1px solid;\\n outline-offset: 2px;\\n }\\n}\";\n\nconst KolTree = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n }\n render() {\n return (h(KolTreeWcTag, { key: '69fcda89930476d36e84516cc64cc7eebf1094db', _label: this._label }, h(\"slot\", { key: '5259ea6f1eb1fb6f3ed8b8a64e7a442f27e4abce' })));\n }\n};\nKolTree.style = {\n default: defaultStyleCss\n};\n\nexport { KolTree as kol_tree };\n//# sourceMappingURL=kol-tree.entry.js.map\n\n//# sourceMappingURL=kol-tree.entry.js.map"],"names":["defaultStyleCss","KolTree","hostRef","registerInstance","h","KolTreeWcTag"],"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,GAElBC,EAAU,KAAM,CAClB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,CACtC,CACI,QAAS,CACL,OAAQE,EAAEC,EAAc,CAAE,IAAK,2CAA4C,OAAQ,KAAK,MAAQ,EAAED,EAAE,OAAQ,CAAE,IAAK,0CAA4C,CAAA,CAAC,CACxK,CACA,EACAH,EAAQ,MAAQ,CACZ,QAASD,CACb"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as t,h as e,ah as i,H as o}from"./index-
|
|
1
|
+
import{r as t,h as e,ah as i,H as o}from"./index-DuJ2kw-o.js";import{v as a}from"./label-DAfXJvJZ-BAobf5Rl.js";import{t as l}from"./i18n-yBVLeHdv-B4Obv0JZ.js";/*!
|
|
2
2
|
* KoliBri - The accessible HTML-Standard
|
|
3
3
|
*/const s=`/* forward the rem function */
|
|
4
4
|
/*
|
|
@@ -17,12 +17,6 @@ import{r as t,h as e,ah as i,H as o}from"./index-ccK9smvC.js";import{v as a}from
|
|
|
17
17
|
*/
|
|
18
18
|
background-color: white;
|
|
19
19
|
color: black;
|
|
20
|
-
}
|
|
21
|
-
* {
|
|
22
|
-
/*
|
|
23
|
-
* This rule enables the word dividing for all texts. That is important for high zoom levels.
|
|
24
|
-
*/
|
|
25
|
-
hyphens: auto;
|
|
26
20
|
/*
|
|
27
21
|
* Verdana is an accessible font that can be used without requiring additional loading time.
|
|
28
22
|
*/
|
|
@@ -31,14 +25,20 @@ import{r as t,h as e,ah as i,H as o}from"./index-ccK9smvC.js";import{v as a}from
|
|
|
31
25
|
* Letter spacing is required for all texts.
|
|
32
26
|
*/
|
|
33
27
|
letter-spacing: inherit;
|
|
28
|
+
/*
|
|
29
|
+
* Word spacing is required for all texts.
|
|
30
|
+
*/
|
|
31
|
+
word-spacing: inherit;
|
|
32
|
+
}
|
|
33
|
+
* {
|
|
34
34
|
/*
|
|
35
35
|
* This rule enables the word dividing for all texts. That is important for high zoom levels.
|
|
36
36
|
*/
|
|
37
|
-
|
|
37
|
+
hyphens: auto;
|
|
38
38
|
/*
|
|
39
|
-
*
|
|
39
|
+
* This rule enables the word dividing for all texts. That is important for high zoom levels.
|
|
40
40
|
*/
|
|
41
|
-
word-
|
|
41
|
+
word-break: break-word;
|
|
42
42
|
}
|
|
43
43
|
/*
|
|
44
44
|
* All interactive elements should have a minimum size of to-rem(44).
|
|
@@ -76,6 +76,14 @@ import{r as t,h as e,ah as i,H as o}from"./index-ccK9smvC.js";import{v as a}from
|
|
|
76
76
|
* All elements should inherit the font size from his parent element.
|
|
77
77
|
*/
|
|
78
78
|
font-size: inherit;
|
|
79
|
+
/*
|
|
80
|
+
* Letter spacing is required for all texts.
|
|
81
|
+
*/
|
|
82
|
+
letter-spacing: inherit;
|
|
83
|
+
/*
|
|
84
|
+
* Word spacing is required for all texts.
|
|
85
|
+
*/
|
|
86
|
+
word-spacing: inherit;
|
|
79
87
|
}
|
|
80
88
|
/**
|
|
81
89
|
* Sometimes we need the semantic element for accessibility reasons,
|
|
@@ -169,4 +177,4 @@ import{r as t,h as e,ah as i,H as o}from"./index-ccK9smvC.js";import{v as a}from
|
|
|
169
177
|
outline: none !important;
|
|
170
178
|
}
|
|
171
179
|
}`,r=class{constructor(n){t(this,n),this.translateVersion=l("kol-version"),this.state={_label:"0.0.0-alpha.0"}}render(){return e(o,{key:"c2c4090511476f2b782e5ec11eeefb14e84aeef8",class:"kol-version"},e(i,{key:"62fe8f491cdb15496311577d6ed55ddb6731323e",_color:"#bec5c9",_icons:{left:{icon:"codicon codicon-versions",label:this.translateVersion}},_label:this.state._label}))}validateLabel(n){a(this,n,{required:!0})}componentWillLoad(){this.validateLabel(this._label)}static get watchers(){return{_label:["validateLabel"]}}};r.style={default:s};export{r as kol_version};
|
|
172
|
-
//# sourceMappingURL=kol-version.entry-
|
|
180
|
+
//# sourceMappingURL=kol-version.entry-vNpNfgdu.js.map
|