@public-ui/sample-react 3.0.7-rc.0 → 5.0.0-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/Alert-CPAV4jP0-CLk7QYp0.js +4 -0
- package/dist/assets/Alert-CPAV4jP0-CLk7QYp0.js.map +1 -0
- package/dist/assets/{Collapsible-VwOBRTg--D0SKccok.js → Collapsible-BdJSqZfQ-CW3zh1sv.js} +2 -2
- package/dist/assets/{Collapsible-VwOBRTg--D0SKccok.js.map → Collapsible-BdJSqZfQ-CW3zh1sv.js.map} +1 -1
- package/dist/assets/{CustomSuggestionsToggle-BtYSYCn5-CY0JlDPW.js → CustomSuggestionsToggle-bD-uaZjm-VQtkCu9s.js} +2 -2
- package/dist/assets/{CustomSuggestionsToggle-BtYSYCn5-CY0JlDPW.js.map → CustomSuggestionsToggle-bD-uaZjm-VQtkCu9s.js.map} +1 -1
- package/dist/assets/FieldControlStateWrapper-Dx7wIY7O-BARR_W_9.js +4 -0
- package/dist/assets/FieldControlStateWrapper-Dx7wIY7O-BARR_W_9.js.map +1 -0
- package/dist/assets/FormFieldStateWrapper-P3gsirX7-_klxEfUe.js +4 -0
- package/dist/assets/FormFieldStateWrapper-P3gsirX7-_klxEfUe.js.map +1 -0
- package/dist/assets/{Heading-CMd-jtC1-BWK_kciH.js → Heading-E6VPUTCQ-B1xNnKja.js} +2 -2
- package/dist/assets/{Heading-CMd-jtC1-BWK_kciH.js.map → Heading-E6VPUTCQ-B1xNnKja.js.map} +1 -1
- package/dist/assets/{Icon-BQRZwXjg-DUkDYGjS.js → Icon-CZGGWMvI-CpggmwQf.js} +2 -2
- package/dist/assets/{Icon-BQRZwXjg-DUkDYGjS.js.map → Icon-CZGGWMvI-CpggmwQf.js.map} +1 -1
- package/dist/assets/{Input-BQNyXbdV-DSNVapbe.js → Input-B9Wel4KN-CD5ZpCgM.js} +2 -2
- package/dist/assets/{Input-BQNyXbdV-DSNVapbe.js.map → Input-B9Wel4KN-CD5ZpCgM.js.map} +1 -1
- package/dist/assets/{InputStateWrapper-5DGko7Ry-BHXVLFy_.js → InputStateWrapper-tA40Qb4L-B2T4BcML.js} +2 -2
- package/dist/assets/{InputStateWrapper-5DGko7Ry-BHXVLFy_.js.map → InputStateWrapper-tA40Qb4L-B2T4BcML.js.map} +1 -1
- package/dist/assets/{InternalUnderlinedBadgeText-DeV9AANw-wEHwgbnZ.js → InternalUnderlinedBadgeText-CAeB1moW-RuwntPUK.js} +2 -2
- package/dist/assets/{InternalUnderlinedBadgeText-DeV9AANw-wEHwgbnZ.js.map → InternalUnderlinedBadgeText-CAeB1moW-RuwntPUK.js.map} +1 -1
- package/dist/assets/{Span-9Jbefwfo-NyeuKlZ0.js → Span-4JeabU4v-B4Ic693K.js} +2 -2
- package/dist/assets/{Span-9Jbefwfo-NyeuKlZ0.js.map → Span-4JeabU4v-B4Ic693K.js.map} +1 -1
- package/dist/assets/{access-and-short-key-bcID78Ha-C130xYiQ.js → access-and-short-key-bcID78Ha-DEFKt7Bg.js} +2 -2
- package/dist/assets/{access-and-short-key-bcID78Ha-C130xYiQ.js.map → access-and-short-key-bcID78Ha-DEFKt7Bg.js.map} +1 -1
- package/dist/assets/{align-CyK0wp7d-DbhDqGrG.js → align-CyK0wp7d-DAXTQf4t.js} +2 -2
- package/dist/assets/{align-CyK0wp7d-DbhDqGrG.js.map → align-CyK0wp7d-DAXTQf4t.js.map} +1 -1
- package/dist/assets/{align-floating-elements-Bx4ukVlr-FjEmjkUG.js → align-floating-elements-Bx4ukVlr-CL_0eU3g.js} +2 -2
- package/dist/assets/{align-floating-elements-Bx4ukVlr-FjEmjkUG.js.map → align-floating-elements-Bx4ukVlr-CL_0eU3g.js.map} +1 -1
- package/dist/assets/{associated.controller-BKIODHIT-CP4fv7ts.js → associated.controller-BKIODHIT-Di-mnA6P.js} +2 -2
- package/dist/assets/{associated.controller-BKIODHIT-CP4fv7ts.js.map → associated.controller-BKIODHIT-Di-mnA6P.js.map} +1 -1
- package/dist/assets/{auto-complete-BsG3RQJ3-pHLpl9cd.js → auto-complete-BsG3RQJ3-Bomu057n.js} +2 -2
- package/dist/assets/{auto-complete-BsG3RQJ3-pHLpl9cd.js.map → auto-complete-BsG3RQJ3-Bomu057n.js.map} +1 -1
- package/dist/assets/{color-C3pYZKV3-BGmCwfod.js → color-C3pYZKV3-Boz82QD1.js} +2 -2
- package/dist/assets/{color-C3pYZKV3-BGmCwfod.js.map → color-C3pYZKV3-Boz82QD1.js.map} +1 -1
- package/dist/assets/{controller-C7skty3T-3w3vcTk5.js → controller-4o5NtKAV-D22HY-_r.js} +2 -2
- package/dist/assets/{controller-C7skty3T-3w3vcTk5.js.map → controller-4o5NtKAV-D22HY-_r.js.map} +1 -1
- package/dist/assets/{controller-BMZRH6Si-B5Tb77rU.js → controller-CAN1DW3L-B9N3aOv7.js} +2 -2
- package/dist/assets/{controller-BMZRH6Si-B5Tb77rU.js.map → controller-CAN1DW3L-B9N3aOv7.js.map} +1 -1
- package/dist/assets/{controller-CV2y9Ae_-BvODZRBq.js → controller-CV2y9Ae_-C2Ci0S_1.js} +2 -2
- package/dist/assets/{controller-CV2y9Ae_-BvODZRBq.js.map → controller-CV2y9Ae_-C2Ci0S_1.js.map} +1 -1
- package/dist/assets/{controller-B_Bwl5E9-CBgf6Hfe.js → controller-Dl3IUIE_-BJro71ic.js} +2 -2
- package/dist/assets/{controller-B_Bwl5E9-CBgf6Hfe.js.map → controller-Dl3IUIE_-BJro71ic.js.map} +1 -1
- package/dist/assets/{controller-icon-DcftMfhw-DppVXxu6.js → controller-icon-Dl7OIeHN-B8sxZuO8.js} +2 -2
- package/dist/assets/{controller-icon-DcftMfhw-DppVXxu6.js.map → controller-icon-Dl7OIeHN-B8sxZuO8.js.map} +1 -1
- package/dist/assets/{custom-class-CA0KGtrM-B2Km4gsc.js → custom-class-CA0KGtrM-CKVUEgqH.js} +2 -2
- package/dist/assets/{custom-class-CA0KGtrM-B2Km4gsc.js.map → custom-class-CA0KGtrM-CKVUEgqH.js.map} +1 -1
- package/dist/assets/{dev.utils-D2H-D7vZ-B1-EwTKq.js → dev.utils-CeYsnaLz-_oCb7mSZ.js} +2 -2
- package/dist/assets/{dev.utils-D2H-D7vZ-B1-EwTKq.js.map → dev.utils-CeYsnaLz-_oCb7mSZ.js.map} +1 -1
- package/dist/assets/{devtools-Bv4R5yuw-ByKEpxpX.js → devtools-DAp5aq4j-B34OXP1z.js} +2 -2
- package/dist/assets/{devtools-Bv4R5yuw-ByKEpxpX.js.map → devtools-DAp5aq4j-B34OXP1z.js.map} +1 -1
- package/dist/assets/{disabled-BydergHu-D-dcqpPL.js → disabled-BydergHu-DG5LdC-Q.js} +2 -2
- package/dist/assets/{disabled-BydergHu-D-dcqpPL.js.map → disabled-BydergHu-DG5LdC-Q.js.map} +1 -1
- package/dist/assets/has-closer-BBMh8HY3-X-04kzoH.js +4 -0
- package/dist/assets/{has-closer-BBMh8HY3-CC9A9PeT.js.map → has-closer-BBMh8HY3-X-04kzoH.js.map} +1 -1
- package/dist/assets/{hide-label-DRunOux4-B8y3Ehgs.js → hide-label-DRunOux4--dDsrCvo.js} +2 -2
- package/dist/assets/{hide-label-DRunOux4-B8y3Ehgs.js.map → hide-label-DRunOux4--dDsrCvo.js.map} +1 -1
- package/dist/assets/{href-zZq6HYWf-DuQLYdN_.js → href-zZq6HYWf-CJRn7KoA.js} +2 -2
- package/dist/assets/{href-zZq6HYWf-DuQLYdN_.js.map → href-zZq6HYWf-CJRn7KoA.js.map} +1 -1
- package/dist/assets/{i18n-CdSCDnmA-D_Ak1YX2.js → i18n-CdSCDnmA-DXZ5RBs2.js} +2 -2
- package/dist/assets/{i18n-CdSCDnmA-D_Ak1YX2.js.map → i18n-CdSCDnmA-DXZ5RBs2.js.map} +1 -1
- package/dist/assets/{icons-72ER78AW-DZDBahe5.js → icons-72ER78AW-DpSGILmm.js} +2 -2
- package/dist/assets/{icons-72ER78AW-DZDBahe5.js.map → icons-72ER78AW-DpSGILmm.js.map} +1 -1
- package/dist/assets/image-source-RWPv7frZ-DPAFBpz5.js +4 -0
- package/dist/assets/{image-source-RWPv7frZ-BZfVa5YS.js.map → image-source-RWPv7frZ-DPAFBpz5.js.map} +1 -1
- package/dist/assets/index-BGOAkFhh.css +1 -0
- package/dist/assets/{index-Cuz1_aaZ.js → index-BcWoQyjV.js} +266 -265
- package/dist/assets/index-BcWoQyjV.js.map +1 -0
- package/dist/assets/{kol-abbr.entry-CDYF09M6.js → kol-abbr.entry-D1-px79M.js} +2 -2
- package/dist/assets/{kol-abbr.entry-CDYF09M6.js.map → kol-abbr.entry-D1-px79M.js.map} +1 -1
- package/dist/assets/{kol-accordion.entry-DiNvSycn.js → kol-accordion.entry-D5TwzVdy.js} +7 -7
- package/dist/assets/{kol-accordion.entry-DiNvSycn.js.map → kol-accordion.entry-D5TwzVdy.js.map} +1 -1
- package/dist/assets/{kol-alert-wc.entry-Bm7bVx42.js → kol-alert-wc.entry-BRcerKE9.js} +2 -2
- package/dist/assets/{kol-alert-wc.entry-Bm7bVx42.js.map → kol-alert-wc.entry-BRcerKE9.js.map} +1 -1
- package/dist/assets/{kol-alert.entry-C_LnZQMR.js → kol-alert.entry-DjTpHMvm.js} +2 -2
- package/dist/assets/{kol-alert.entry-C_LnZQMR.js.map → kol-alert.entry-DjTpHMvm.js.map} +1 -1
- package/dist/assets/{kol-avatar-wc.entry-BTkbktI1.js → kol-avatar-wc.entry-DL1FiK4Y.js} +2 -2
- package/dist/assets/{kol-avatar-wc.entry-BTkbktI1.js.map → kol-avatar-wc.entry-DL1FiK4Y.js.map} +1 -1
- package/dist/assets/{kol-avatar.entry-wzugi-ff.js → kol-avatar.entry-D-Hk8QoG.js} +2 -2
- package/dist/assets/{kol-avatar.entry-wzugi-ff.js.map → kol-avatar.entry-D-Hk8QoG.js.map} +1 -1
- package/dist/assets/{kol-badge.entry-DVoJvgzC.js → kol-badge.entry-BmtWYybc.js} +2 -2
- package/dist/assets/{kol-badge.entry-DVoJvgzC.js.map → kol-badge.entry-BmtWYybc.js.map} +1 -1
- package/dist/assets/{kol-breadcrumb.entry-DspXS-ov.js → kol-breadcrumb.entry-4_4wJ1V7.js} +3 -2
- package/dist/assets/{kol-breadcrumb.entry-DspXS-ov.js.map → kol-breadcrumb.entry-4_4wJ1V7.js.map} +1 -1
- package/dist/assets/{kol-button-link.entry-Yms_sApD.js → kol-button-link.entry-C4RHDvXg.js} +3 -2
- package/dist/assets/{kol-button-link.entry-Yms_sApD.js.map → kol-button-link.entry-C4RHDvXg.js.map} +1 -1
- package/dist/assets/kol-button-wc.entry-CO1HKaP-.js +4 -0
- package/dist/assets/kol-button-wc.entry-CO1HKaP-.js.map +1 -0
- package/dist/assets/{kol-button.entry-DI56_s8m.js → kol-button.entry-7-wx39q5.js} +2 -2
- package/dist/assets/{kol-button.entry-DI56_s8m.js.map → kol-button.entry-7-wx39q5.js.map} +1 -1
- package/dist/assets/kol-card-wc.entry-PlaKhF5y.js +4 -0
- package/dist/assets/{kol-card-wc.entry-CDrpLONC.js.map → kol-card-wc.entry-PlaKhF5y.js.map} +1 -1
- package/dist/assets/{kol-card.entry-3kIYUSix.js → kol-card.entry-CyHtLWIW.js} +3 -3
- package/dist/assets/{kol-card.entry-3kIYUSix.js.map → kol-card.entry-CyHtLWIW.js.map} +1 -1
- package/dist/assets/{kol-combobox.entry-BKP1VAxl.js → kol-combobox.entry-CpmqxpBN.js} +3 -3
- package/dist/assets/{kol-combobox.entry-BKP1VAxl.js.map → kol-combobox.entry-CpmqxpBN.js.map} +1 -1
- package/dist/assets/{kol-details.entry-Cv0WbfSH.js → kol-details.entry-kQzWhN5P.js} +8 -8
- package/dist/assets/{kol-details.entry-Cv0WbfSH.js.map → kol-details.entry-kQzWhN5P.js.map} +1 -1
- package/dist/assets/{kol-drawer.entry-CHWD05cU.js → kol-drawer.entry-DxS7MGCL.js} +4 -4
- package/dist/assets/kol-drawer.entry-DxS7MGCL.js.map +1 -0
- package/dist/assets/{kol-form.entry-B1q6qhol.js → kol-form.entry-DFy3LYKz.js} +4 -3
- package/dist/assets/kol-form.entry-DFy3LYKz.js.map +1 -0
- package/dist/assets/{kol-heading.entry-DmjiOztc.js → kol-heading.entry-Bz6Uz9Xb.js} +3 -3
- package/dist/assets/{kol-heading.entry-DmjiOztc.js.map → kol-heading.entry-Bz6Uz9Xb.js.map} +1 -1
- package/dist/assets/{kol-icon.entry-BEjfo0G6.js → kol-icon.entry-C4kKMLmM.js} +4 -4
- package/dist/assets/{kol-icon.entry-BEjfo0G6.js.map → kol-icon.entry-C4kKMLmM.js.map} +1 -1
- package/dist/assets/{kol-image.entry-BSIVz8mw.js → kol-image.entry-DN85gHIY.js} +3 -3
- package/dist/assets/{kol-image.entry-BSIVz8mw.js.map → kol-image.entry-DN85gHIY.js.map} +1 -1
- package/dist/assets/{kol-input-checkbox.entry-C2dsUMpB.js → kol-input-checkbox.entry-BB36qYTr.js} +3 -3
- package/dist/assets/{kol-input-checkbox.entry-C2dsUMpB.js.map → kol-input-checkbox.entry-BB36qYTr.js.map} +1 -1
- package/dist/assets/{kol-input-color.entry-j-2La6yx.js → kol-input-color.entry-CRrCLnIq.js} +3 -3
- package/dist/assets/{kol-input-color.entry-j-2La6yx.js.map → kol-input-color.entry-CRrCLnIq.js.map} +1 -1
- package/dist/assets/{kol-input-date.entry-DiL7z-A9.js → kol-input-date.entry-GfOOymhn.js} +3 -3
- package/dist/assets/{kol-input-date.entry-DiL7z-A9.js.map → kol-input-date.entry-GfOOymhn.js.map} +1 -1
- package/dist/assets/{kol-input-email.entry-NqnUVX0g.js → kol-input-email.entry-PV2-V6ea.js} +3 -3
- package/dist/assets/{kol-input-email.entry-NqnUVX0g.js.map → kol-input-email.entry-PV2-V6ea.js.map} +1 -1
- package/dist/assets/{kol-input-file.entry-DW7UhGD1.js → kol-input-file.entry-BV9OeZr8.js} +3 -3
- package/dist/assets/{kol-input-file.entry-DW7UhGD1.js.map → kol-input-file.entry-BV9OeZr8.js.map} +1 -1
- package/dist/assets/{kol-input-number.entry-BaZ3sKXG.js → kol-input-number.entry-RTzOX8E_.js} +4 -4
- package/dist/assets/{kol-input-number.entry-BaZ3sKXG.js.map → kol-input-number.entry-RTzOX8E_.js.map} +1 -1
- package/dist/assets/{kol-input-password.entry-LFN7CWLE.js → kol-input-password.entry-P1D_zg4A.js} +3 -3
- package/dist/assets/{kol-input-password.entry-LFN7CWLE.js.map → kol-input-password.entry-P1D_zg4A.js.map} +1 -1
- package/dist/assets/{kol-input-radio.entry-7uz1BXPD.js → kol-input-radio.entry-dTd41HrI.js} +3 -3
- package/dist/assets/{kol-input-radio.entry-7uz1BXPD.js.map → kol-input-radio.entry-dTd41HrI.js.map} +1 -1
- package/dist/assets/{kol-input-range.entry-Ct22UEK1.js → kol-input-range.entry-DcGp-uOd.js} +3 -3
- package/dist/assets/{kol-input-range.entry-Ct22UEK1.js.map → kol-input-range.entry-DcGp-uOd.js.map} +1 -1
- package/dist/assets/{kol-input-text.entry-BfhtVlV6.js → kol-input-text.entry-TOkH_vFE.js} +3 -3
- package/dist/assets/{kol-input-text.entry-BfhtVlV6.js.map → kol-input-text.entry-TOkH_vFE.js.map} +1 -1
- package/dist/assets/{kol-kolibri.entry-FiUt9h9Z.js → kol-kolibri.entry-vnjBHTkR.js} +3 -3
- package/dist/assets/{kol-kolibri.entry-FiUt9h9Z.js.map → kol-kolibri.entry-vnjBHTkR.js.map} +1 -1
- package/dist/assets/{kol-link-button.entry-EKXrQYWi.js → kol-link-button.entry-CiZlKz0X.js} +3 -3
- package/dist/assets/{kol-link-button.entry-EKXrQYWi.js.map → kol-link-button.entry-CiZlKz0X.js.map} +1 -1
- package/dist/assets/kol-link-wc.entry-gCO8GEIA.js +4 -0
- package/dist/assets/kol-link-wc.entry-gCO8GEIA.js.map +1 -0
- package/dist/assets/{kol-link.entry-B5hSjd-o.js → kol-link.entry-CEbyTLtL.js} +4 -3
- package/dist/assets/{kol-link.entry-B5hSjd-o.js.map → kol-link.entry-CEbyTLtL.js.map} +1 -1
- package/dist/assets/{kol-modal.entry-D_BfBMkS.js → kol-modal.entry-DxkjKvjF.js} +4 -4
- package/dist/assets/kol-modal.entry-DxkjKvjF.js.map +1 -0
- package/dist/assets/{kol-nav.entry-CTzU6VoY.js → kol-nav.entry-ETXrkvXL.js} +4 -4
- package/dist/assets/kol-nav.entry-ETXrkvXL.js.map +1 -0
- package/dist/assets/kol-pagination-wc.entry-CVm2_d-B.js +4 -0
- package/dist/assets/kol-pagination-wc.entry-CVm2_d-B.js.map +1 -0
- package/dist/assets/{kol-pagination.entry-BHJy3ud9.js → kol-pagination.entry-CFi2-gxM.js} +3 -3
- package/dist/assets/{kol-pagination.entry-BHJy3ud9.js.map → kol-pagination.entry-CFi2-gxM.js.map} +1 -1
- package/dist/assets/{kol-popover-button-wc.entry-YBUoaQbf.js → kol-popover-button-wc.entry-ChSU6IFm.js} +3 -3
- package/dist/assets/{kol-popover-button-wc.entry-YBUoaQbf.js.map → kol-popover-button-wc.entry-ChSU6IFm.js.map} +1 -1
- package/dist/assets/{kol-popover-button.entry-bN4qCl8m.js → kol-popover-button.entry-DxNtCQp-.js} +3 -3
- package/dist/assets/{kol-popover-button.entry-bN4qCl8m.js.map → kol-popover-button.entry-DxNtCQp-.js.map} +1 -1
- package/dist/assets/{kol-popover-wc.entry-CbHLANd0.js → kol-popover-wc.entry-DifxtFqF.js} +3 -3
- package/dist/assets/{kol-popover-wc.entry-CbHLANd0.js.map → kol-popover-wc.entry-DifxtFqF.js.map} +1 -1
- package/dist/assets/{kol-progress.entry-BhEOF17k.js → kol-progress.entry-nca34a3W.js} +3 -3
- package/dist/assets/{kol-progress.entry-BhEOF17k.js.map → kol-progress.entry-nca34a3W.js.map} +1 -1
- package/dist/assets/{kol-quote.entry-iHbat58_.js → kol-quote.entry-YXiTZNnm.js} +4 -4
- package/dist/assets/{kol-quote.entry-iHbat58_.js.map → kol-quote.entry-YXiTZNnm.js.map} +1 -1
- package/dist/assets/{kol-select.entry-CKKnrifZ.js → kol-select.entry-BH_s2GX5.js} +4 -4
- package/dist/assets/{kol-select.entry-CKKnrifZ.js.map → kol-select.entry-BH_s2GX5.js.map} +1 -1
- package/dist/assets/{kol-single-select.entry-nQ1wRf_E.js → kol-single-select.entry-DVUfcX_x.js} +3 -3
- package/dist/assets/{kol-single-select.entry-nQ1wRf_E.js.map → kol-single-select.entry-DVUfcX_x.js.map} +1 -1
- package/dist/assets/{kol-skip-nav.entry-B2bsiO8u.js → kol-skip-nav.entry-CMICgsBM.js} +3 -3
- package/dist/assets/{kol-skip-nav.entry-B2bsiO8u.js.map → kol-skip-nav.entry-CMICgsBM.js.map} +1 -1
- package/dist/assets/{kol-spin.entry-CZdTcUrs.js → kol-spin.entry-BibNCOH_.js} +3 -3
- package/dist/assets/{kol-spin.entry-CZdTcUrs.js.map → kol-spin.entry-BibNCOH_.js.map} +1 -1
- package/dist/assets/{kol-split-button.entry-D2JCJ1Z_.js → kol-split-button.entry-CN1J8gkv.js} +3 -3
- package/dist/assets/{kol-split-button.entry-D2JCJ1Z_.js.map → kol-split-button.entry-CN1J8gkv.js.map} +1 -1
- package/dist/assets/{kol-table-settings-wc.entry-tP7STHNV.js → kol-table-settings-wc.entry-DzYEaUnI.js} +3 -3
- package/dist/assets/{kol-table-settings-wc.entry-tP7STHNV.js.map → kol-table-settings-wc.entry-DzYEaUnI.js.map} +1 -1
- package/dist/assets/{kol-table-stateful.entry-CY70UPdZ.js → kol-table-stateful.entry-DC6QZqed.js} +3 -3
- package/dist/assets/{kol-table-stateful.entry-CY70UPdZ.js.map → kol-table-stateful.entry-DC6QZqed.js.map} +1 -1
- package/dist/assets/{kol-table-stateless-wc.entry-DtXNSDzY.js → kol-table-stateless-wc.entry-BKTtdiXs.js} +3 -3
- package/dist/assets/{kol-table-stateless-wc.entry-DtXNSDzY.js.map → kol-table-stateless-wc.entry-BKTtdiXs.js.map} +1 -1
- package/dist/assets/{kol-table-stateless.entry-DbCRETh2.js → kol-table-stateless.entry-ceyX4Pr1.js} +3 -3
- package/dist/assets/{kol-table-stateless.entry-DbCRETh2.js.map → kol-table-stateless.entry-ceyX4Pr1.js.map} +1 -1
- package/dist/assets/{kol-tabs.entry-DM6Uc80G.js → kol-tabs.entry-ugHVPvjR.js} +3 -3
- package/dist/assets/{kol-tabs.entry-DM6Uc80G.js.map → kol-tabs.entry-ugHVPvjR.js.map} +1 -1
- package/dist/assets/{kol-textarea.entry-E_1sFuyJ.js → kol-textarea.entry-BvcXAwnb.js} +3 -3
- package/dist/assets/{kol-textarea.entry-E_1sFuyJ.js.map → kol-textarea.entry-BvcXAwnb.js.map} +1 -1
- package/dist/assets/{kol-toast-container.entry-BUdzaMuB.js → kol-toast-container.entry-C3GIT1za.js} +4 -4
- package/dist/assets/{kol-toast-container.entry-BUdzaMuB.js.map → kol-toast-container.entry-C3GIT1za.js.map} +1 -1
- package/dist/assets/{kol-toolbar.entry-D67v6u-8.js → kol-toolbar.entry-2hd718Om.js} +3 -3
- package/dist/assets/{kol-toolbar.entry-D67v6u-8.js.map → kol-toolbar.entry-2hd718Om.js.map} +1 -1
- package/dist/assets/kol-tooltip-wc.entry-hBiCsVpb.js +4 -0
- package/dist/assets/kol-tooltip-wc.entry-hBiCsVpb.js.map +1 -0
- package/dist/assets/{kol-tree-item-wc.entry-DKoKfts1.js → kol-tree-item-wc.entry-Cr2lH6I6.js} +3 -3
- package/dist/assets/{kol-tree-item-wc.entry-DKoKfts1.js.map → kol-tree-item-wc.entry-Cr2lH6I6.js.map} +1 -1
- package/dist/assets/{kol-tree-item.entry-Djke4A3b.js → kol-tree-item.entry-DmWUWFcB.js} +3 -3
- package/dist/assets/{kol-tree-item.entry-Djke4A3b.js.map → kol-tree-item.entry-DmWUWFcB.js.map} +1 -1
- package/dist/assets/{kol-tree-wc.entry-uk0FxE09.js → kol-tree-wc.entry-BxjlLj3I.js} +3 -3
- package/dist/assets/{kol-tree-wc.entry-uk0FxE09.js.map → kol-tree-wc.entry-BxjlLj3I.js.map} +1 -1
- package/dist/assets/{kol-tree.entry-Chg5xrSR.js → kol-tree.entry-DtuEyjDz.js} +3 -3
- package/dist/assets/{kol-tree.entry-Chg5xrSR.js.map → kol-tree.entry-DtuEyjDz.js.map} +1 -1
- package/dist/assets/{kol-version.entry-qtZUGKBb.js → kol-version.entry-BAe12zmq.js} +3 -3
- package/dist/assets/{kol-version.entry-qtZUGKBb.js.map → kol-version.entry-BAe12zmq.js.map} +1 -1
- package/dist/assets/{label-CdtNxOKu-C0Uq4kJW.js → label-CdtNxOKu-pHFEuQ3R.js} +2 -2
- package/dist/assets/{label-CdtNxOKu-C0Uq4kJW.js.map → label-CdtNxOKu-pHFEuQ3R.js.map} +1 -1
- package/dist/assets/{link-variant-H9yefO89-Dc46rCQB.js → link-variant-H9yefO89-BVbfesoN.js} +2 -2
- package/dist/assets/{link-variant-H9yefO89-Dc46rCQB.js.map → link-variant-H9yefO89-BVbfesoN.js.map} +1 -1
- package/dist/assets/{markdown-DL-PkOqb-Cfi-IobI.js → markdown-DL-PkOqb-4V8Cu5gn.js} +2 -2
- package/dist/assets/{markdown-DL-PkOqb-Cfi-IobI.js.map → markdown-DL-PkOqb-4V8Cu5gn.js.map} +1 -1
- package/dist/assets/{max-length-behavior-BmNWss6T-D3Me1kCn.js → max-length-behavior-BmNWss6T-BiOjdIG-.js} +2 -2
- package/dist/assets/{max-length-behavior-BmNWss6T-D3Me1kCn.js.map → max-length-behavior-BmNWss6T-BiOjdIG-.js.map} +1 -1
- package/dist/assets/{multiple-bcm5IaCN-BL-rJSXJ.js → multiple-bcm5IaCN-BM-5Peyu.js} +2 -2
- package/dist/assets/{multiple-bcm5IaCN-BL-rJSXJ.js.map → multiple-bcm5IaCN-BM-5Peyu.js.map} +1 -1
- package/dist/assets/{open-D9q98v46-VLX9RDQU.js → open-D9q98v46-Bj8Lg8iR.js} +2 -2
- package/dist/assets/{open-D9q98v46-VLX9RDQU.js.map → open-D9q98v46-Bj8Lg8iR.js.map} +1 -1
- package/dist/assets/{orientation-5kQWqijN-D7EKzV_l.js → orientation-5kQWqijN-b_j8C7_r.js} +2 -2
- package/dist/assets/{orientation-5kQWqijN-D7EKzV_l.js.map → orientation-5kQWqijN-b_j8C7_r.js.map} +1 -1
- package/dist/assets/{placeholder-6URRds0_-0bxiEHiH.js → placeholder-6URRds0_-BkuOrv2r.js} +2 -2
- package/dist/assets/{placeholder-6URRds0_-0bxiEHiH.js.map → placeholder-6URRds0_-BkuOrv2r.js.map} +1 -1
- package/dist/assets/read-only-CcRldJ9w-CcImKy3V.js +4 -0
- package/dist/assets/{read-only-CcRldJ9w-BKw3S46M.js.map → read-only-CcRldJ9w-CcImKy3V.js.map} +1 -1
- package/dist/assets/required-G86n77y0-D0bNZ_U9.js +4 -0
- package/dist/assets/{required-G86n77y0-CGPyKIYu.js.map → required-G86n77y0-D0bNZ_U9.js.map} +1 -1
- package/dist/assets/{rows-P4l3PNiA-1ULQqpAT.js → rows-P4l3PNiA-BMhEFcD5.js} +2 -2
- package/dist/assets/{rows-P4l3PNiA-1ULQqpAT.js.map → rows-P4l3PNiA-BMhEFcD5.js.map} +1 -1
- package/dist/assets/{show-DsV_Vx8g-DiMq1_s_.js → show-DsV_Vx8g-Dv3aCZCZ.js} +2 -2
- package/dist/assets/{show-DsV_Vx8g-DiMq1_s_.js.map → show-DsV_Vx8g-Dv3aCZCZ.js.map} +1 -1
- package/dist/assets/{spell-check-DIsLAYgk-CNNuzmlI.js → spell-check-DIsLAYgk-nyUkR3AD.js} +2 -2
- package/dist/assets/{spell-check-DIsLAYgk-CNNuzmlI.js.map → spell-check-DIsLAYgk-nyUkR3AD.js.map} +1 -1
- package/dist/assets/{suggestions-DfF4lcNG-BAWSaTQv.js → suggestions-DfF4lcNG-DtOaXua3.js} +2 -2
- package/dist/assets/{suggestions-DfF4lcNG-BAWSaTQv.js.map → suggestions-DfF4lcNG-DtOaXua3.js.map} +1 -1
- package/dist/assets/{table-settings-DSZObo-2-GnkW56H8.js → table-settings-DSZObo-2-CG57c-Iz.js} +2 -2
- package/dist/assets/{table-settings-DSZObo-2-GnkW56H8.js.map → table-settings-DSZObo-2-CG57c-Iz.js.map} +1 -1
- package/dist/assets/{test-component.entry-7k3T1rVH.js → test-component.entry-XCdkvKax.js} +2 -2
- package/dist/assets/{test-component.entry-7k3T1rVH.js.map → test-component.entry-XCdkvKax.js.map} +1 -1
- package/dist/assets/tooltip-align-_VI7LehI-CnTmBpTY.js +4 -0
- package/dist/assets/{tooltip-align-_VI7LehI-CoBIm-Yw.js.map → tooltip-align-_VI7LehI-CnTmBpTY.js.map} +1 -1
- package/dist/assets/tooltip-open-tracking-rBbBgPWP-CZrYVTp5.js +4 -0
- package/dist/assets/tooltip-open-tracking-rBbBgPWP-CZrYVTp5.js.map +1 -0
- package/dist/assets/{unique-nav-labels-C_NhdgGz-Bue2PH5M.js → unique-nav-labels-C_NhdgGz-CJHm2FuG.js} +2 -2
- package/dist/assets/{unique-nav-labels-C_NhdgGz-Bue2PH5M.js.map → unique-nav-labels-C_NhdgGz-CJHm2FuG.js.map} +1 -1
- package/dist/assets/{validation-CW_RXPSn-D_6FnYWY.js → validation-CW_RXPSn-jNLxrEvl.js} +2 -2
- package/dist/assets/{validation-CW_RXPSn-D_6FnYWY.js.map → validation-CW_RXPSn-jNLxrEvl.js.map} +1 -1
- package/dist/assets/{validation-DoIjmu3L-BKzT8Xr7.js → validation-DoIjmu3L-CXCVI4ek.js} +2 -2
- package/dist/assets/{validation-DoIjmu3L-BKzT8Xr7.js.map → validation-DoIjmu3L-CXCVI4ek.js.map} +1 -1
- package/dist/index.html +2 -2
- package/package.json +9 -10
- package/src/components/link/link-react-router.tsx +31 -0
- package/src/components/link/routes.ts +2 -0
- package/src/components/table/routes.ts +2 -0
- package/src/components/table/sticky-header.tsx +37 -0
- package/src/components/table/test-complex-data.ts +2214 -0
- package/src/components/toast/basic.tsx +6 -36
- package/src/components/toast/configurator.tsx +84 -0
- package/src/components/toast/routes.ts +2 -0
- package/dist/assets/Alert-qJPuIv8b-Cf1Dz4Bo.js +0 -4
- package/dist/assets/Alert-qJPuIv8b-Cf1Dz4Bo.js.map +0 -1
- package/dist/assets/FieldControlStateWrapper-CIWPKSbC-DcHGRl6R.js +0 -4
- package/dist/assets/FieldControlStateWrapper-CIWPKSbC-DcHGRl6R.js.map +0 -1
- package/dist/assets/FormFieldStateWrapper-CKwM-DIl-BUCjWcxC.js +0 -4
- package/dist/assets/FormFieldStateWrapper-CKwM-DIl-BUCjWcxC.js.map +0 -1
- package/dist/assets/has-closer-BBMh8HY3-CC9A9PeT.js +0 -4
- package/dist/assets/image-source-RWPv7frZ-BZfVa5YS.js +0 -4
- package/dist/assets/index-BAl2VGOM.css +0 -1
- package/dist/assets/index-Cuz1_aaZ.js.map +0 -1
- package/dist/assets/kol-button-wc.entry-Cdc8JUW4.js +0 -4
- package/dist/assets/kol-button-wc.entry-Cdc8JUW4.js.map +0 -1
- package/dist/assets/kol-card-wc.entry-CDrpLONC.js +0 -4
- package/dist/assets/kol-drawer.entry-CHWD05cU.js.map +0 -1
- package/dist/assets/kol-form.entry-B1q6qhol.js.map +0 -1
- package/dist/assets/kol-link-wc.entry-BY1QaToe.js +0 -4
- package/dist/assets/kol-link-wc.entry-BY1QaToe.js.map +0 -1
- package/dist/assets/kol-modal.entry-D_BfBMkS.js.map +0 -1
- package/dist/assets/kol-nav.entry-CTzU6VoY.js.map +0 -1
- package/dist/assets/kol-pagination-wc.entry-BdT0MOmj.js +0 -4
- package/dist/assets/kol-pagination-wc.entry-BdT0MOmj.js.map +0 -1
- package/dist/assets/kol-tooltip-wc.entry-BIb_Tp2q.js +0 -4
- package/dist/assets/kol-tooltip-wc.entry-BIb_Tp2q.js.map +0 -1
- package/dist/assets/read-only-CcRldJ9w-BKw3S46M.js +0 -4
- package/dist/assets/required-G86n77y0-CGPyKIYu.js +0 -4
- package/dist/assets/tooltip-align-_VI7LehI-CoBIm-Yw.js +0 -4
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import{h as o,K as p,ah as b,ai as u,H as m,r as y,a3 as f,d as h,a as c,n as A,s as S,g as k,m as g,w as _}from"./index-Cuz1_aaZ.js";import{v as V,a as d,b as C,c as K}from"./access-and-short-key-bcID78Ha-C130xYiQ.js";import{s as x}from"./reuse-CX4AQDkS-Cyh-fyjG.js";import{v as T,a as B,b as D,c as I,d as L,e as E}from"./link-variant-H9yefO89-Dc46rCQB.js";import{v as w}from"./custom-class-CA0KGtrM-B2Km4gsc.js";import{v as R}from"./disabled-BydergHu-D-dcqpPL.js";import{v as H}from"./hide-label-DRunOux4-B8y3Ehgs.js";import{v as F}from"./icons-72ER78AW-DZDBahe5.js";import{a as M}from"./label-CdtNxOKu-C0Uq4kJW.js";import{v as O}from"./tooltip-align-_VI7LehI-CoBIm-Yw.js";import{n as N}from"./dev.utils-D2H-D7vZ-B1-EwTKq.js";import{p as W,a as P}from"./controller-CV2y9Ae_-BvODZRBq.js";import{A as $}from"./associated.controller-BKIODHIT-CP4fv7ts.js";import"./Alert-qJPuIv8b-Cf1Dz4Bo.js";import{c as j}from"./clsx-eK3rPvPS-BT_IL7Fz.js";import{K as q}from"./Span-9Jbefwfo-NyeuKlZ0.js";import"./i18n-CdSCDnmA-D_Ak1YX2.js";import"./tslib.es6-CxX45GIN-BAJoBDh7.js";import"./markdown-DL-PkOqb-Cfi-IobI.js";import"./isObject-DvSELytj-B0RigBxT.js";import"./align-CyK0wp7d-DbhDqGrG.js";import"./Heading-CMd-jtC1-BWK_kciH.js";import"./Icon-BQRZwXjg-DUkDYGjS.js";import"./InternalUnderlinedBadgeText-DeV9AANw-wEHwgbnZ.js";/*!
|
|
2
|
-
* KoliBri - The accessible HTML-Standard
|
|
3
|
-
*/const z=(t,i)=>{g(t,"_ariaSelected",i)},G=(t,i)=>{_(t,"_on",a=>typeof a=="object"&&a!==null,new Set(["ButtonCallbacksPropType {Events.onClick, Events.onMouseDown}"]),i)},v=["button","reset","submit"],J=(t,i)=>{_(t,"_type",a=>typeof a=="string"&&v.includes(a),new Set([`KoliBriButtonType {${v.join(", ")}`]),i)},ft=class{async kolFocus(){var t;(t=this.buttonRef)===null||t===void 0||t.focus()}async hideTooltip(){var t;(t=this.tooltipRef)===null||t===void 0||t.hideTooltip()}render(){var t,i;const a=x(this.state._label),e=!!(!((i=(t=this.state._ariaDescription)===null||t===void 0?void 0:t.trim())===null||i===void 0)&&i.length),s=this.state._accessKey||this.state._shortKey,r=this.state._disabled===!0,l=this.state._hideLabel===!0;return o(m,{key:"9202198cc53ca78db26cc6c7ce68da269b521f9c"},o("button",{key:"9a3d1b8f642ad673b69c5ef0d3a81822d0ec34b3",ref:n=>this.buttonRef=n,accessKey:this.state._accessKey,"aria-controls":this.state._ariaControls,"aria-describedby":e?this.internalDescriptionById:void 0,"aria-expanded":u(this.state._ariaExpanded),"aria-haspopup":this._ariaHasPopup,"aria-keyshortcuts":this.state._shortKey,"aria-label":l&&typeof this.state._label=="string"?this.state._label:void 0,"aria-selected":b(this.state._ariaSelected),class:j("kol-button",{"kol-button--disabled":r,[`kol-button--${this.state._buttonVariant}`]:this.state._buttonVariant!=="custom",[`kol-button--${this.state._linkVariant}`]:this.state._linkVariant,"kol-button--hide-label":l,[this.state._customClass]:this.state._buttonVariant==="custom"&&typeof this.state._customClass=="string"&&this.state._customClass.length>0}),disabled:r,id:this.state._id,name:this.state._name,onClick:this.onClick,onMouseDown:this.onMouseDown,role:this.state._role,tabIndex:this.state._tabIndex,type:this.state._type},o(q,{key:"717fd0e277dc8d19424eb4f46a00bd8f6c087eff",class:"kol-button__text",badgeText:s,icons:this.state._icons,hideLabel:l,label:a?"":this.state._label},o("slot",{key:"f3ddc202d34119f33efb2dc0262e61e2c7faddb7",name:"expert",slot:"expert"}))),o(p,{key:"49b4d12189968fb4011d53f0625107d1bf6a22fe",ref:n=>this.tooltipRef=n,"aria-hidden":"true",hidden:a||!l,class:"kol-button__tooltip",_badgeText:s,_align:this.state._tooltipAlign,_label:typeof this.state._label=="string"?this.state._label:""}),e&&o("span",{key:"6ee695a8f9d45e456b1fd563ea68e1bc9d1fc647",class:"visually-hidden",id:this.internalDescriptionById},this.state._ariaDescription))}constructor(t){y(this,t),this.internalDescriptionById=N(),this.onClick=i=>{var a,e;this.state._type==="submit"?W({form:this.host}):this.state._type==="reset"?P({form:this.host}):(this.controller.setFormAssociatedValue(this.state._value),typeof((a=this.state._on)===null||a===void 0?void 0:a.onClick)=="function"&&(f(i,this.buttonRef),(e=this.state._on)===null||e===void 0||e.onClick(i,this.state._value))),this.host&&h(this.host,c.click,this.state._value)},this.onMouseDown=i=>{var a,e,s;(s=(e=(a=this.state)===null||a===void 0?void 0:a._on)===null||e===void 0?void 0:e.onMouseDown)===null||s===void 0||s.call(e,i),this.host&&h(this.host,c.mousedown)},this._disabled=!1,this._hideLabel=!1,this._tooltipAlign="top",this._type="button",this._buttonVariant="normal",this.state={_icons:{},_label:"",_on:{},_type:"button",_buttonVariant:"normal"},this.controller=new $(this,"button",this.host)}validateAccessKey(t){V(this,t),d(t,this._shortKey)}validateAriaControls(t){T(this,t)}validateAriaDescription(t){B(this,t)}validateAriaExpanded(t){D(this,t)}validateAriaSelected(t){z(this,t)}validateCustomClass(t){w(this,t)}validateDisabled(t){R(this,t)}validateHideLabel(t){H(this,t)}validateIcons(t){F(this,t)}validateId(t){A(this,"_id",t)}validateLabel(t){M(this,t,{required:!0})}validateLinkVariant(t){I(this,t)}validateName(t){this.controller.validateName(t)}validateOn(t){G(this,t)}validateRole(t){L(this,t)}validateShortKey(t){C(this,t),d(this._accessKey,t)}validateSyncValueBySelector(t){this.controller.validateSyncValueBySelector(t)}validateTabIndex(t){K(this,t)}validateTooltipAlign(t){O(this,t)}validateType(t){J(this,t)}validateValue(t){S(this,"_value",t),this.controller.setFormAssociatedValue(this.state._value)}validateButtonVariant(t){E(this,t)}componentWillLoad(){this.validateAccessKey(this._accessKey),this.validateAriaControls(this._ariaControls),this.validateAriaDescription(this._ariaDescription),this.validateAriaExpanded(this._ariaExpanded),this.validateAriaSelected(this._ariaSelected),this.validateCustomClass(this._customClass),this.validateDisabled(this._disabled),this.validateHideLabel(this._hideLabel),this.validateIcons(this._icons),this.validateId(this._id),this.validateLabel(this._label),this.validateLinkVariant(this._linkVariant),this.validateName(this._name),this.validateOn(this._on),this.validateRole(this._role),this.validateShortKey(this._shortKey),this.validateSyncValueBySelector(this._syncValueBySelector),this.validateTabIndex(this._tabIndex),this.validateTooltipAlign(this._tooltipAlign),this.validateType(this._type),this.validateValue(this._value),this.validateButtonVariant(this._buttonVariant),d(this._accessKey,this._shortKey)}get host(){return k(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_ariaControls:["validateAriaControls"],_ariaDescription:["validateAriaDescription"],_ariaExpanded:["validateAriaExpanded"],_ariaSelected:["validateAriaSelected"],_customClass:["validateCustomClass"],_disabled:["validateDisabled"],_hideLabel:["validateHideLabel"],_icons:["validateIcons"],_id:["validateId"],_label:["validateLabel"],_linkVariant:["validateLinkVariant"],_name:["validateName"],_on:["validateOn"],_role:["validateRole"],_shortKey:["validateShortKey"],_syncValueBySelector:["validateSyncValueBySelector"],_tabIndex:["validateTabIndex"],_tooltipAlign:["validateTooltipAlign"],_type:["validateType"],_value:["validateValue"],_buttonVariant:["validateButtonVariant"]}}};export{ft as kol_button_wc};
|
|
4
|
-
//# sourceMappingURL=kol-button-wc.entry-Cdc8JUW4.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"kol-button-wc.entry-Cdc8JUW4.js","sources":["../../../../components/dist/esm/kol-button-wc.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { h, H as Host, r as registerInstance, g as getElement } from './index-DKFHNf-G.js';\nimport { d as watchBoolean, w as watchValidator, Q as mapStringOrBoolean2String, R as mapBoolean2String, M as setEventTarget, e as watchString, s as setState } from './common-8fBdMvJM.js';\nimport { v as validateAccessKey, a as validateAccessAndShortKey, b as validateShortKey, c as validateTabIndex } from './access-and-short-key-bcID78Ha.js';\nimport { s as showExpertSlot } from './reuse-CX4AQDkS.js';\nimport { v as validateAriaControls, a as validateAriaDescription, b as validateAriaExpanded, c as validateLinkVariant, d as validateAlternativeButtonLinkRole, e as validateButtonVariant } from './link-variant-H9yefO89.js';\nimport { v as validateCustomClass } from './custom-class-CA0KGtrM.js';\nimport { v as validateDisabled } from './disabled-BydergHu.js';\nimport { v as validateHideLabel } from './hide-label-DRunOux4.js';\nimport { v as validateIcons } from './icons-72ER78AW.js';\nimport { a as validateLabelWithExpertSlot } from './label-CdtNxOKu.js';\nimport { v as validateTooltipAlign } from './tooltip-align-_VI7LehI.js';\nimport { d as dispatchDomEvent, K as KolEvent } from './events-CoPFQEiC.js';\nimport { n as nonce } from './dev.utils-D2H-D7vZ.js';\nimport { p as propagateSubmitEventToForm, a as propagateResetEventToForm } from './controller-CV2y9Ae_.js';\nimport { A as AssociatedInputController } from './associated.controller-BKIODHIT.js';\nimport { a as KolTooltipWcTag } from './component-names-CkE54Ym7.js';\nimport './Alert-qJPuIv8b.js';\nimport { c as clsx } from './clsx-eK3rPvPS.js';\nimport { K as KolSpanFc } from './Span-9Jbefwfo.js';\nimport './i18n-CdSCDnmA.js';\nimport './align-CyK0wp7d.js';\nimport './bootstrap-BiRnv4fV.js';\nimport './i18n-ZF6JbdVP.js';\nimport './tslib.es6-CxX45GIN.js';\nimport './bem-CHTjklyp.js';\nimport './browser-Ba2Wl_kh.js';\nimport './Heading-CMd-jtC1.js';\nimport './Icon-BQRZwXjg.js';\nimport './markdown-DL-PkOqb.js';\nimport './InternalUnderlinedBadgeText-DeV9AANw.js';\nimport './isObject-DvSELytj.js';\n\nconst validateAriaSelected = (component, value) => {\n watchBoolean(component, '_ariaSelected', value);\n};\n\nconst validateButtonCallbacks = (component, value) => {\n watchValidator(component, `_on`, (value) => typeof value === 'object' && value !== null, new Set(['ButtonCallbacksPropType {Events.onClick, Events.onMouseDown}']), value);\n};\n\nconst buttonTypePropTypeOptions = ['button', 'reset', 'submit'];\nconst validateButtonType = (component, value) => {\n watchValidator(component, `_type`, (value) => typeof value === 'string' && buttonTypePropTypeOptions.includes(value), new Set([`KoliBriButtonType {${buttonTypePropTypeOptions.join(', ')}`]), value);\n};\n\nconst KolButtonWc = class {\n async kolFocus() {\n var _a;\n (_a = this.buttonRef) === null || _a === void 0 ? void 0 : _a.focus();\n }\n async hideTooltip() {\n var _a;\n void ((_a = this.tooltipRef) === null || _a === void 0 ? void 0 : _a.hideTooltip());\n }\n render() {\n var _a, _b;\n const hasExpertSlot = showExpertSlot(this.state._label);\n const hasAriaDescription = Boolean((_b = (_a = this.state._ariaDescription) === null || _a === void 0 ? void 0 : _a.trim()) === null || _b === void 0 ? void 0 : _b.length);\n const badgeText = this.state._accessKey || this.state._shortKey;\n const isDisabled = this.state._disabled === true;\n const hideLabel = this.state._hideLabel === true;\n return (h(Host, { key: '9202198cc53ca78db26cc6c7ce68da269b521f9c' }, h(\"button\", { key: '9a3d1b8f642ad673b69c5ef0d3a81822d0ec34b3', ref: (ref) => (this.buttonRef = ref), accessKey: this.state._accessKey, \"aria-controls\": this.state._ariaControls, \"aria-describedby\": hasAriaDescription ? this.internalDescriptionById : undefined, \"aria-expanded\": mapBoolean2String(this.state._ariaExpanded), \"aria-haspopup\": this._ariaHasPopup, \"aria-keyshortcuts\": this.state._shortKey, \"aria-label\": hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, \"aria-selected\": mapStringOrBoolean2String(this.state._ariaSelected), class: clsx('kol-button', {\n 'kol-button--disabled': isDisabled,\n [`kol-button--${this.state._buttonVariant}`]: this.state._buttonVariant !== 'custom',\n [`kol-button--${this.state._linkVariant}`]: this.state._linkVariant,\n 'kol-button--hide-label': hideLabel,\n [this.state._customClass]: this.state._buttonVariant === 'custom' && typeof this.state._customClass === 'string' && this.state._customClass.length > 0,\n }), disabled: isDisabled, id: this.state._id, name: this.state._name, onClick: this.onClick, onMouseDown: this.onMouseDown, role: this.state._role, tabIndex: this.state._tabIndex, type: this.state._type }, h(KolSpanFc, { key: '717fd0e277dc8d19424eb4f46a00bd8f6c087eff', class: \"kol-button__text\", badgeText: badgeText, icons: this.state._icons, hideLabel: hideLabel, label: hasExpertSlot ? '' : this.state._label }, h(\"slot\", { key: 'f3ddc202d34119f33efb2dc0262e61e2c7faddb7', name: \"expert\", slot: \"expert\" }))), h(KolTooltipWcTag, { key: '49b4d12189968fb4011d53f0625107d1bf6a22fe', ref: (ref) => (this.tooltipRef = ref), \"aria-hidden\": \"true\", hidden: hasExpertSlot || !hideLabel, class: \"kol-button__tooltip\", _badgeText: badgeText, _align: this.state._tooltipAlign, _label: typeof this.state._label === 'string' ? this.state._label : '' }), hasAriaDescription && (h(\"span\", { key: '6ee695a8f9d45e456b1fd563ea68e1bc9d1fc647', class: \"visually-hidden\", id: this.internalDescriptionById }, this.state._ariaDescription))));\n }\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.internalDescriptionById = nonce();\n this.onClick = (event) => {\n var _a, _b;\n if (this.state._type === 'submit') {\n propagateSubmitEventToForm({\n form: this.host});\n }\n else if (this.state._type === 'reset') {\n propagateResetEventToForm({\n form: this.host});\n }\n else {\n this.controller.setFormAssociatedValue(this.state._value);\n if (typeof ((_a = this.state._on) === null || _a === void 0 ? void 0 : _a.onClick) === 'function') {\n setEventTarget(event, this.buttonRef);\n (_b = this.state._on) === null || _b === void 0 ? void 0 : _b.onClick(event, this.state._value);\n }\n }\n if (this.host) {\n dispatchDomEvent(this.host, KolEvent.click, this.state._value);\n }\n };\n this.onMouseDown = (event) => {\n var _a, _b, _c;\n (_c = (_b = (_a = this.state) === null || _a === void 0 ? void 0 : _a._on) === null || _b === void 0 ? void 0 : _b.onMouseDown) === null || _c === void 0 ? void 0 : _c.call(_b, event);\n if (this.host) {\n dispatchDomEvent(this.host, KolEvent.mousedown);\n }\n };\n this._disabled = false;\n this._hideLabel = false;\n this._tooltipAlign = 'top';\n this._type = 'button';\n this._buttonVariant = 'normal';\n this.state = {\n _icons: {},\n _label: '',\n _on: {},\n _type: 'button',\n _buttonVariant: 'normal',\n };\n this.controller = new AssociatedInputController(this, 'button', this.host);\n }\n validateAccessKey(value) {\n validateAccessKey(this, value);\n validateAccessAndShortKey(value, this._shortKey);\n }\n validateAriaControls(value) {\n validateAriaControls(this, value);\n }\n validateAriaDescription(value) {\n validateAriaDescription(this, value);\n }\n validateAriaExpanded(value) {\n validateAriaExpanded(this, value);\n }\n validateAriaSelected(value) {\n validateAriaSelected(this, value);\n }\n validateCustomClass(value) {\n validateCustomClass(this, value);\n }\n validateDisabled(value) {\n validateDisabled(this, value);\n }\n validateHideLabel(value) {\n validateHideLabel(this, value);\n }\n validateIcons(value) {\n validateIcons(this, value);\n }\n validateId(value) {\n watchString(this, '_id', value);\n }\n validateLabel(value) {\n validateLabelWithExpertSlot(this, value, {\n required: true,\n });\n }\n validateLinkVariant(value) {\n validateLinkVariant(this, value);\n }\n validateName(value) {\n this.controller.validateName(value);\n }\n validateOn(value) {\n validateButtonCallbacks(this, value);\n }\n validateRole(value) {\n validateAlternativeButtonLinkRole(this, value);\n }\n validateShortKey(value) {\n validateShortKey(this, value);\n validateAccessAndShortKey(this._accessKey, value);\n }\n validateSyncValueBySelector(value) {\n this.controller.validateSyncValueBySelector(value);\n }\n validateTabIndex(value) {\n validateTabIndex(this, value);\n }\n validateTooltipAlign(value) {\n validateTooltipAlign(this, value);\n }\n validateType(value) {\n validateButtonType(this, value);\n }\n validateValue(value) {\n setState(this, '_value', value);\n this.controller.setFormAssociatedValue(this.state._value);\n }\n validateButtonVariant(value) {\n validateButtonVariant(this, value);\n }\n componentWillLoad() {\n this.validateAccessKey(this._accessKey);\n this.validateAriaControls(this._ariaControls);\n this.validateAriaDescription(this._ariaDescription);\n this.validateAriaExpanded(this._ariaExpanded);\n this.validateAriaSelected(this._ariaSelected);\n this.validateCustomClass(this._customClass);\n this.validateDisabled(this._disabled);\n this.validateHideLabel(this._hideLabel);\n this.validateIcons(this._icons);\n this.validateId(this._id);\n this.validateLabel(this._label);\n this.validateLinkVariant(this._linkVariant);\n this.validateName(this._name);\n this.validateOn(this._on);\n this.validateRole(this._role);\n this.validateShortKey(this._shortKey);\n this.validateSyncValueBySelector(this._syncValueBySelector);\n this.validateTabIndex(this._tabIndex);\n this.validateTooltipAlign(this._tooltipAlign);\n this.validateType(this._type);\n this.validateValue(this._value);\n this.validateButtonVariant(this._buttonVariant);\n validateAccessAndShortKey(this._accessKey, this._shortKey);\n }\n get host() { return getElement(this); }\n static get watchers() { return {\n \"_accessKey\": [\"validateAccessKey\"],\n \"_ariaControls\": [\"validateAriaControls\"],\n \"_ariaDescription\": [\"validateAriaDescription\"],\n \"_ariaExpanded\": [\"validateAriaExpanded\"],\n \"_ariaSelected\": [\"validateAriaSelected\"],\n \"_customClass\": [\"validateCustomClass\"],\n \"_disabled\": [\"validateDisabled\"],\n \"_hideLabel\": [\"validateHideLabel\"],\n \"_icons\": [\"validateIcons\"],\n \"_id\": [\"validateId\"],\n \"_label\": [\"validateLabel\"],\n \"_linkVariant\": [\"validateLinkVariant\"],\n \"_name\": [\"validateName\"],\n \"_on\": [\"validateOn\"],\n \"_role\": [\"validateRole\"],\n \"_shortKey\": [\"validateShortKey\"],\n \"_syncValueBySelector\": [\"validateSyncValueBySelector\"],\n \"_tabIndex\": [\"validateTabIndex\"],\n \"_tooltipAlign\": [\"validateTooltipAlign\"],\n \"_type\": [\"validateType\"],\n \"_value\": [\"validateValue\"],\n \"_buttonVariant\": [\"validateButtonVariant\"]\n }; }\n};\n\nexport { KolButtonWc as kol_button_wc };\n//# sourceMappingURL=kol-button-wc.entry.js.map\n"],"names":["validateAriaSelected","component","value","watchBoolean","validateButtonCallbacks","watchValidator","buttonTypePropTypeOptions","validateButtonType","KolButtonWc","_a","_b","hasExpertSlot","showExpertSlot","hasAriaDescription","badgeText","isDisabled","hideLabel","h","Host","ref","mapBoolean2String","mapStringOrBoolean2String","clsx","KolSpanFc","KolTooltipWcTag","hostRef","registerInstance","nonce","event","propagateSubmitEventToForm","propagateResetEventToForm","setEventTarget","dispatchDomEvent","KolEvent","_c","AssociatedInputController","validateAccessKey","validateAccessAndShortKey","validateAriaControls","validateAriaDescription","validateAriaExpanded","validateCustomClass","validateDisabled","validateHideLabel","validateIcons","watchString","validateLabelWithExpertSlot","validateLinkVariant","validateAlternativeButtonLinkRole","validateShortKey","validateTabIndex","validateTooltipAlign","setState","validateButtonVariant","getElement"],"mappings":"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"}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import{r as s,d as l,a as o,h as a,e as i,H as c,s as n,g as d}from"./index-Cuz1_aaZ.js";import{v as r}from"./has-closer-BBMh8HY3-CC9A9PeT.js";import{v as h}from"./label-CdtNxOKu-C0Uq4kJW.js";import{t as v}from"./i18n-CdSCDnmA-D_Ak1YX2.js";import{w as f}from"./validation-CW_RXPSn-D_6FnYWY.js";import"./Alert-qJPuIv8b-Cf1Dz4Bo.js";import{K as _}from"./Heading-CMd-jtC1-BWK_kciH.js";import"./markdown-DL-PkOqb-Cfi-IobI.js";import{n as b}from"./dev.utils-D2H-D7vZ-B1-EwTKq.js";import"./tslib.es6-CxX45GIN-BAJoBDh7.js";import"./clsx-eK3rPvPS-BT_IL7Fz.js";/*!
|
|
2
|
-
* KoliBri - The accessible HTML-Standard
|
|
3
|
-
*/const O=class{constructor(e){s(this,e),this.nonce=b(),this.translateClose=v("kol-close"),this.close=()=>{var t;((t=this._on)===null||t===void 0?void 0:t.onClose)!==void 0&&this._on.onClose(new Event("Close")),this.host&&l(this.host,o.close)},this.on={onClick:this.close},this._hasCloser=!1,this._level=0,this.state={_label:""},this.validateOnValue=t=>typeof t=="object"&&t!==null&&typeof t.onClose=="function"}render(){return a(c,{key:"de517413c990072e7e7faca2916c0c5243ad9495"},a("div",{key:"01f98d52d173677f5e314e2dce9425cc19cdaadc","aria-labelledby":this.nonce,class:"kol-card",role:"group"},a(_,{key:"d2ce693140449135323ff1601af712982aae9325",class:"kol-card__header",id:this.nonce,level:this.state._level},this.state._label),a("div",{key:"155c2d42406dbb9ba02f6a29ec92f10d93b8c38d",class:"kol-card__content"},a("slot",{key:"f3c23f1168273dbfbb515b1d83b7f087d9d019ca"})),this.state._hasCloser&&a(i,{key:"7c9ebe3b241019c157161bfb2f5562a0ce482c09",class:"kol-card__close-button","data-testid":"card-close-button",_hideLabel:!0,_icons:{left:{icon:"codicon codicon-close"}},_label:this.translateClose,_on:this.on,_tooltipAlign:"left"})))}validateOn(e){this.validateOnValue(e)&&n(this,"_on",{onClose:e.onClose})}validateHasCloser(e){r(this,e)}validateLabel(e){h(this,e,{required:!0})}validateLevel(e){f(this,e)}componentWillLoad(){this.validateHasCloser(this._hasCloser),this.validateLabel(this._label),this.validateLevel(this._level),this.validateOn(this._on)}get host(){return d(this)}static get watchers(){return{_on:["validateOn"],_hasCloser:["validateHasCloser"],_label:["validateLabel"],_level:["validateLevel"]}}};export{O as kol_card_wc};
|
|
4
|
-
//# sourceMappingURL=kol-card-wc.entry-CDrpLONC.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"kol-drawer.entry-CHWD05cU.js","sources":["../../../../components/dist/esm/kol-drawer.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host, g as getElement } from './index-DKFHNf-G.js';\nimport { s as setState } from './common-8fBdMvJM.js';\nimport { v as validateAlign } from './align-CyK0wp7d.js';\nimport { v as validateHasCloser } from './has-closer-BBMh8HY3.js';\nimport { v as validateLabel } from './label-CdtNxOKu.js';\nimport { v as validateOpen } from './open-D9q98v46.js';\nimport { d as dispatchDomEvent, K as KolEvent } from './events-CoPFQEiC.js';\nimport { c as clsx } from './clsx-eK3rPvPS.js';\nimport { g as KolCardWcTag } from './component-names-CkE54Ym7.js';\n\nconst defaultStyleCss = \"/*\\n* This file defines the layer order for all CSS layers used in KoliBri.\\n* The order is important as it determines the cascade priority.\\n*\\n* Layer order (lowest to highest priority):\\n* 1. kol-a11y - Accessibility defaults and requirements\\n* 2. kol-global - Global component styles and resets\\n* 3. kol-component - Component-specific styles\\n* 4. kol-theme-global - Theme-specific global styles\\n* 5. kol-theme-component - Theme-specific component styles\\n*/\\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\\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(44 * 1rem / var(--kolibri-root-font-size, 16));\\n /*\\n * No element should be used without verifying the contrast ratio of its background and font colors.\\n * By initially setting the background color to white and the font color to black,\\n * the contrast ratio is ensured and explicit adjustment is forced.\\n */\\n color: black;\\n background-color: white;\\n /*\\n * Verdana is an accessible font that can be used without requiring additional loading time.\\n */\\n font-family: Verdana;\\n /*\\n * Letter spacing is required for all texts.\\n */\\n letter-spacing: inherit;\\n /*\\n * Word spacing is required for all texts.\\n */\\n word-spacing: inherit;\\n }\\n * {\\n /*\\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n */\\n hyphens: auto;\\n /*\\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n */\\n word-break: break-word;\\n }\\n /*\\n * All interactive elements should have a minimum size of to-rem(44).\\n */\\n /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n /* option, */\\n /* select, */\\n /* textarea, */\\n button,\\n .kol-input .input {\\n min-width: var(--a11y-min-size);\\n min-height: var(--a11y-min-size);\\n }\\n /*\\n * Some interactive elements should not inherit the font-family and font-size.\\n */\\n a,\\n button,\\n h1,\\n h2,\\n h3,\\n h4,\\n h5,\\n h6,\\n input,\\n option,\\n select,\\n textarea {\\n /*\\n * All elements should inherit the font family from his parent element.\\n */\\n font-family: inherit;\\n /*\\n * All elements should inherit the font size from his parent element.\\n */\\n font-size: inherit;\\n /*\\n * Letter spacing is required for all texts.\\n */\\n letter-spacing: inherit;\\n /*\\n * Word spacing is required for all texts.\\n */\\n word-spacing: inherit;\\n }\\n /**\\n * Sometimes we need the semantic element for accessibility reasons,\\n * but we don't want to show it.\\n *\\n * - https://www.a11yproject.com/posts/how-to-hide-content/\\n */\\n .visually-hidden {\\n position: fixed;\\n top: 0;\\n left: 0;\\n width: 1px;\\n height: 1px;\\n overflow: hidden;\\n white-space: nowrap;\\n clip-path: inset(50%);\\n }\\n}\\n@layer kol-global {\\n /*\\n * Dieses CSS stellt sicher, dass der Standard-Style\\n * von A und Button resettet werden.\\n */\\n :is(a, button) {\\n background-color: transparent;\\n width: 100%;\\n margin: 0;\\n padding: 0;\\n border: none;\\n /* 100% needed for custom width from outside */\\n }\\n /*\\n * Ensure elements with hidden attribute to be actually not visible\\n * @see https://meowni.ca/hidden.is.a.lie.html\\n */\\n [hidden] {\\n display: none !important;\\n }\\n .badge-text-hint {\\n color: black;\\n background-color: lightgray;\\n }\\n}\\n@layer kol-global {\\n :host {\\n /*\\n * The max-width is needed to prevent the table from overflowing the\\n * parent node, if the table is wider than the parent node.\\n */\\n max-width: 100%;\\n font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\\n }\\n * {\\n /*\\n * We prefer to box-sizing: border-box for all elements.\\n */\\n box-sizing: border-box;\\n }\\n .kol-span {\\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n display: grid;\\n place-items: center;\\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n }\\n .kol-span__container {\\n display: flex;\\n place-items: center;\\n }\\n a,\\n button {\\n cursor: pointer;\\n }\\n .kol-span .kol-span__label--hide-label .kol-span__label {\\n display: none;\\n }\\n /* Reset browser agent style. */\\n button:disabled {\\n color: unset;\\n }\\n .disabled label,\\n .disabled:focus-within label,\\n [aria-disabled=true],\\n [aria-disabled=true]:focus,\\n [disabled],\\n [disabled]:focus {\\n opacity: 0.5;\\n outline: none;\\n cursor: not-allowed;\\n }\\n [aria-disabled=true]:focus .kol-span,\\n [disabled]:focus .kol-span {\\n outline: none !important;\\n }\\n}\\n@layer kol-component {\\n @keyframes fadeInOpacity {\\n 0% {\\n opacity: 0;\\n }\\n 100% {\\n opacity: 1;\\n }\\n }\\n .kol-tooltip {\\n display: contents;\\n }\\n .kol-tooltip__floating {\\n display: none;\\n position: fixed;\\n /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n top: 0;\\n left: 0;\\n /* Can be used to specify the tooltip-width from the outside. Unset by default. */\\n width: var(--kol-tooltip-width, max-content);\\n min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\\n max-width: 90vw;\\n max-height: 90vh;\\n visibility: hidden;\\n animation-duration: 0.25s;\\n animation-iteration-count: 1;\\n animation-name: fadeInOpacity;\\n animation-timing-function: ease-in;\\n }\\n .kol-tooltip__arrow {\\n transform: rotate(45deg);\\n color: #000;\\n background-color: #fff;\\n position: absolute;\\n z-index: 999;\\n width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\\n height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\\n }\\n .kol-tooltip__content {\\n color: #000;\\n background-color: #fff;\\n position: relative;\\n z-index: 1000;\\n }\\n}\\n@layer kol-component {\\n .kol-card {\\n /* Visible with forced colors */\\n outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\\n position: relative;\\n height: 100%;\\n }\\n .kol-card__close-button {\\n position: absolute;\\n top: 0;\\n right: 0;\\n }\\n .kol-drawer__dialog {\\n padding: 0;\\n border: none;\\n }\\n .kol-drawer__wrapper {\\n position: fixed;\\n overflow: auto;\\n }\\n .kol-drawer__wrapper--left, .kol-drawer__wrapper--right {\\n top: 0;\\n max-width: 100vw;\\n height: 100vh;\\n }\\n .kol-drawer__wrapper--left .kol-drawer__content, .kol-drawer__wrapper--right .kol-drawer__content {\\n height: 100%;\\n }\\n .kol-drawer__wrapper--left {\\n left: 0;\\n }\\n .kol-drawer__wrapper--right {\\n right: 0;\\n }\\n .kol-drawer__wrapper--bottom, .kol-drawer__wrapper--top {\\n left: 0;\\n width: 100vw;\\n max-height: 100vh;\\n }\\n .kol-drawer__wrapper--bottom .kol-drawer__content, .kol-drawer__wrapper--top .kol-drawer__content {\\n width: 100%;\\n }\\n .kol-drawer__wrapper--bottom {\\n bottom: 0;\\n }\\n .kol-drawer__wrapper--top {\\n top: 0;\\n }\\n .kol-drawer__content {\\n position: relative;\\n }\\n}\";\n\nconst KolDrawer = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.getWrapperRef = (el) => (this.dialogWrapperElement = el);\n this.getRef = (el) => {\n this.dialogElement = el;\n setTimeout(() => {\n void this.openOrCloseBasedOnState();\n });\n };\n this._hasCloser = false;\n this.state = {\n _label: '',\n _open: false,\n _align: 'left',\n };\n }\n async open() {\n var _a;\n this.state = Object.assign(Object.assign({}, this.state), { _open: true });\n (_a = this.dialogElement) === null || _a === void 0 ? void 0 : _a.showModal();\n }\n async close() {\n this.state = Object.assign(Object.assign({}, this.state), { _open: false });\n const wrapper = this.dialogWrapperElement;\n if (!wrapper)\n return;\n const computedStyle = window.getComputedStyle(wrapper);\n if (computedStyle.animationName === 'none') {\n this.handleCloseDialog();\n }\n }\n renderDialogContent() {\n const align = this.state._align;\n return (h(KolCardWcTag, { ref: this.getWrapperRef, class: clsx(`kol-drawer__wrapper`, `kol-drawer__wrapper--${align}`, {\n 'kol-drawer__wrapper--open': this.state._open,\n 'kol-drawer__wrapper--is-closing': this.state._open === false,\n }), _label: this.state._label, _hasCloser: this.state._hasCloser, _on: {\n onClose: () => {\n void this.close();\n },\n } }, h(\"div\", { class: \"kol-drawer__content\" }, h(\"slot\", null))));\n }\n render() {\n return (h(Host, { key: '789134f227ece64520110596720256d7f7a86961', class: \"kol-drawer\" }, h(\"dialog\", { key: '5b6e57975b4d92874647624ead38d9ff3a673626', \"aria-label\": this.state._label, class: \"kol-drawer__dialog\", ref: this.getRef }, this.renderDialogContent())));\n }\n validateLabel(value) {\n validateLabel(this, value, {\n required: true,\n });\n }\n validateAlign(value) {\n validateAlign(this, value);\n }\n validateHasCloser(value) {\n validateHasCloser(this, value);\n }\n validateOpen(value) {\n if (typeof value === 'boolean') {\n validateOpen(this, value);\n if (this.dialogElement) {\n void this.openOrCloseBasedOnState();\n }\n }\n }\n async openOrCloseBasedOnState() {\n if (this.state._open) {\n await this.open();\n }\n else {\n await this.close();\n }\n }\n validateOn(value) {\n if (typeof value === 'object' && value !== null) {\n const callbacks = {};\n if (typeof value.onClose === 'function') {\n callbacks.onClose = value.onClose;\n }\n setState(this, '_on', callbacks);\n }\n }\n handleCloseDialog() {\n var _a, _b, _c;\n (_a = this.dialogElement) === null || _a === void 0 ? void 0 : _a.close();\n (_c = (_b = this._on) === null || _b === void 0 ? void 0 : _b.onClose) === null || _c === void 0 ? void 0 : _c.call(_b);\n if (this.host) {\n dispatchDomEvent(this.host, KolEvent.close);\n }\n }\n handleClose() {\n void (async () => {\n await this.close();\n this.handleCloseDialog();\n })();\n }\n handleAnimationEnd(e) {\n const animationEvent = e;\n if (animationEvent.animationName.includes('slideOut')) {\n this.handleCloseDialog();\n }\n }\n componentDidLoad() {\n var _a, _b;\n (_a = this.dialogElement) === null || _a === void 0 ? void 0 : _a.addEventListener('animationend', this.handleAnimationEnd.bind(this));\n (_b = this.dialogElement) === null || _b === void 0 ? void 0 : _b.addEventListener('close', this.handleClose.bind(this));\n }\n disconnectedCallback() {\n var _a, _b;\n (_a = this.dialogElement) === null || _a === void 0 ? void 0 : _a.removeEventListener('animationend', this.handleAnimationEnd.bind(this));\n (_b = this.dialogElement) === null || _b === void 0 ? void 0 : _b.removeEventListener('close', this.handleClose.bind(this));\n }\n componentWillLoad() {\n this.validateLabel(this._label);\n this.validateOpen(this._open);\n this.validateAlign(this._align);\n this.validateHasCloser(this._hasCloser);\n this.validateOn(this._on);\n }\n get host() { return getElement(this); }\n static get watchers() { return {\n \"_label\": [\"validateLabel\"],\n \"_align\": [\"validateAlign\"],\n \"_hasCloser\": [\"validateHasCloser\"],\n \"_open\": [\"validateOpen\"],\n \"_on\": [\"validateOn\"]\n }; }\n};\nKolDrawer.style = {\n default: defaultStyleCss\n};\n\nexport { KolDrawer as kol_drawer };\n//# sourceMappingURL=kol-drawer.entry.js.map\n"],"names":["defaultStyleCss","KolDrawer","hostRef","registerInstance","el","_a","wrapper","align","h","KolCardWcTag","clsx","Host","value","validateLabel","validateAlign","validateHasCloser","validateOpen","callbacks","setState","_b","_c","dispatchDomEvent","KolEvent","e","getElement"],"mappings":"4UAAA;AAAA;AAAA,GAaA,MAAMA,EAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"kol-form.entry-B1q6qhol.js","sources":["../../../../components/dist/esm/kol-form.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host, g as getElement } from './index-DKFHNf-G.js';\nimport { w as watchValidator, d as watchBoolean, e as watchString } from './common-8fBdMvJM.js';\nimport { t as translate } from './i18n-CdSCDnmA.js';\nimport { f as KolLinkWcTag } from './component-names-CkE54Ym7.js';\nimport { K as KolAlertFc } from './Alert-qJPuIv8b.js';\nimport { d as dispatchDomEvent, K as KolEvent } from './events-CoPFQEiC.js';\nimport './i18n-ZF6JbdVP.js';\nimport './tslib.es6-CxX45GIN.js';\nimport './clsx-eK3rPvPS.js';\nimport './bem-CHTjklyp.js';\nimport './browser-Ba2Wl_kh.js';\nimport './Heading-CMd-jtC1.js';\n\nconst validateErrorList = (component, value) => {\n watchValidator(component, 'errorList', (value) => Array.isArray(value) && value.find((v) => !(typeof v === 'string' || typeof v === 'function')) === undefined, new Set(['string', 'function']), value);\n};\n\nconst defaultStyleCss = \"/* forward the rem function */\\n/*\\n* This file defines the layer order for all CSS layers used in KoliBri.\\n* The order is important as it determines the cascade priority.\\n*\\n* Layer order (lowest to highest priority):\\n* 1. kol-a11y - Accessibility defaults and requirements\\n* 2. kol-global - Global component styles and resets\\n* 3. kol-component - Component-specific styles\\n* 4. kol-theme-global - Theme-specific global styles\\n* 5. kol-theme-component - Theme-specific component styles\\n*/\\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\\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(44 * 1rem / var(--kolibri-root-font-size, 16));\\n /*\\n * No element should be used without verifying the contrast ratio of its background and font colors.\\n * By initially setting the background color to white and the font color to black,\\n * the contrast ratio is ensured and explicit adjustment is forced.\\n */\\n color: black;\\n background-color: white;\\n /*\\n * Verdana is an accessible font that can be used without requiring additional loading time.\\n */\\n font-family: Verdana;\\n /*\\n * Letter spacing is required for all texts.\\n */\\n letter-spacing: inherit;\\n /*\\n * Word spacing is required for all texts.\\n */\\n word-spacing: inherit;\\n }\\n * {\\n /*\\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n */\\n hyphens: auto;\\n /*\\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n */\\n word-break: break-word;\\n }\\n /*\\n * All interactive elements should have a minimum size of to-rem(44).\\n */\\n /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n /* option, */\\n /* select, */\\n /* textarea, */\\n button,\\n .kol-input .input {\\n min-width: var(--a11y-min-size);\\n min-height: var(--a11y-min-size);\\n }\\n /*\\n * Some interactive elements should not inherit the font-family and font-size.\\n */\\n a,\\n button,\\n h1,\\n h2,\\n h3,\\n h4,\\n h5,\\n h6,\\n input,\\n option,\\n select,\\n textarea {\\n /*\\n * All elements should inherit the font family from his parent element.\\n */\\n font-family: inherit;\\n /*\\n * All elements should inherit the font size from his parent element.\\n */\\n font-size: inherit;\\n /*\\n * Letter spacing is required for all texts.\\n */\\n letter-spacing: inherit;\\n /*\\n * Word spacing is required for all texts.\\n */\\n word-spacing: inherit;\\n }\\n /**\\n * Sometimes we need the semantic element for accessibility reasons,\\n * but we don't want to show it.\\n *\\n * - https://www.a11yproject.com/posts/how-to-hide-content/\\n */\\n .visually-hidden {\\n position: fixed;\\n top: 0;\\n left: 0;\\n width: 1px;\\n height: 1px;\\n overflow: hidden;\\n white-space: nowrap;\\n clip-path: inset(50%);\\n }\\n}\\n@layer kol-global {\\n /*\\n * Dieses CSS stellt sicher, dass der Standard-Style\\n * von A und Button resettet werden.\\n */\\n :is(a, button) {\\n background-color: transparent;\\n width: 100%;\\n margin: 0;\\n padding: 0;\\n border: none;\\n /* 100% needed for custom width from outside */\\n }\\n /*\\n * Ensure elements with hidden attribute to be actually not visible\\n * @see https://meowni.ca/hidden.is.a.lie.html\\n */\\n [hidden] {\\n display: none !important;\\n }\\n .badge-text-hint {\\n color: black;\\n background-color: lightgray;\\n }\\n}\\n@layer kol-global {\\n :host {\\n /*\\n * The max-width is needed to prevent the table from overflowing the\\n * parent node, if the table is wider than the parent node.\\n */\\n max-width: 100%;\\n font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\\n }\\n * {\\n /*\\n * We prefer to box-sizing: border-box for all elements.\\n */\\n box-sizing: border-box;\\n }\\n .kol-span {\\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n display: grid;\\n place-items: center;\\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n }\\n .kol-span__container {\\n display: flex;\\n place-items: center;\\n }\\n a,\\n button {\\n cursor: pointer;\\n }\\n .kol-span .kol-span__label--hide-label .kol-span__label {\\n display: none;\\n }\\n /* Reset browser agent style. */\\n button:disabled {\\n color: unset;\\n }\\n .disabled label,\\n .disabled:focus-within label,\\n [aria-disabled=true],\\n [aria-disabled=true]:focus,\\n [disabled],\\n [disabled]:focus {\\n opacity: 0.5;\\n outline: none;\\n cursor: not-allowed;\\n }\\n [aria-disabled=true]:focus .kol-span,\\n [disabled]:focus .kol-span {\\n outline: none !important;\\n }\\n}\\n@layer kol-component {\\n :host {\\n display: block;\\n }\\n}\\n@layer kol-component {\\n @keyframes fadeInOpacity {\\n 0% {\\n opacity: 0;\\n }\\n 100% {\\n opacity: 1;\\n }\\n }\\n .kol-tooltip {\\n display: contents;\\n }\\n .kol-tooltip__floating {\\n display: none;\\n position: fixed;\\n /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n top: 0;\\n left: 0;\\n /* Can be used to specify the tooltip-width from the outside. Unset by default. */\\n width: var(--kol-tooltip-width, max-content);\\n min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\\n max-width: 90vw;\\n max-height: 90vh;\\n visibility: hidden;\\n animation-duration: 0.25s;\\n animation-iteration-count: 1;\\n animation-name: fadeInOpacity;\\n animation-timing-function: ease-in;\\n }\\n .kol-tooltip__arrow {\\n transform: rotate(45deg);\\n color: #000;\\n background-color: #fff;\\n position: absolute;\\n z-index: 999;\\n width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\\n height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\\n }\\n .kol-tooltip__content {\\n color: #000;\\n background-color: #fff;\\n position: relative;\\n z-index: 1000;\\n }\\n}\\n@layer kol-component {\\n :host {\\n display: inline-block;\\n }\\n .kol-link {\\n display: inline-flex;\\n align-items: baseline;\\n place-items: center;\\n text-align: left;\\n text-decoration-line: none;\\n }\\n .kol-link--standalone {\\n min-width: var(--a11y-min-size);\\n min-height: var(--a11y-min-size);\\n }\\n .kol-link__text .kol-span__label {\\n text-decoration-line: underline;\\n }\\n .kol-link:is(:focus, :hover):not([aria-disabled], [disabled]) .kol-link__text .kol-span__label {\\n text-decoration-thickness: 0.2em;\\n }\\n .kol-link__icon {\\n display: inline-flex;\\n margin-left: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\\n }\\n .kol-alert {\\n display: grid;\\n }\\n .kol-alert__container {\\n display: flex;\\n place-items: center;\\n }\\n .kol-alert__container-content {\\n flex-grow: 1;\\n }\\n .kol-alert__closer {\\n /* Visible with forced colors */\\n outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\\n }\\n}\";\n\nconst KolForm = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.translateErrorListMessage = translate('kol-error-list-message');\n this.translateErrorList = translate('kol-error-list');\n this.translateFormDescription = translate('kol-form-description');\n this.onSubmit = (event) => {\n var _a, _b;\n event.preventDefault();\n if (typeof ((_a = this.state._on) === null || _a === void 0 ? void 0 : _a.onSubmit) === 'function') {\n (_b = this.state._on) === null || _b === void 0 ? void 0 : _b.onSubmit(event);\n }\n if (this.host) {\n dispatchDomEvent(this.host, KolEvent.submit);\n }\n };\n this.onReset = (event) => {\n var _a, _b;\n event.preventDefault();\n if (typeof ((_a = this.state._on) === null || _a === void 0 ? void 0 : _a.onReset) === 'function') {\n (_b = this.state._on) === null || _b === void 0 ? void 0 : _b.onReset(event);\n }\n if (this.host) {\n dispatchDomEvent(this.host, KolEvent.reset);\n }\n };\n this.handleLinkClick = (selector) => {\n const targetElement = document.querySelector(selector);\n if (targetElement && typeof targetElement.focus === 'function') {\n targetElement.scrollIntoView({ behavior: 'smooth' });\n targetElement.focus();\n }\n };\n this.setBlockElement = (el) => (this.errorListBlock = el);\n this.setFirstLinkElement = (el) => (this.errorListFirstLink = el);\n this._requiredText = true;\n this.state = {};\n }\n renderErrorList(errorList) {\n return (h(KolAlertFc, { class: \"kol-form__alert\", ref: this.setBlockElement, type: \"error\", variant: \"card\", label: this.translateErrorListMessage }, h(\"nav\", { \"aria-label\": this.translateErrorList }, h(\"ul\", null, errorList === null || errorList === void 0 ? void 0 : errorList.map((error, index) => (h(\"li\", { key: index }, h(KolLinkWcTag, { class: \"kol-form__link\", _href: \"\", _label: error.message, _on: { onClick: typeof error.selector === 'string' ? () => this.handleLinkClick(String(error.selector)) : error.selector }, ref: index === 0 ? this.setFirstLinkElement : undefined }))))))));\n }\n renderFormElement() {\n return (h(\"form\", { class: \"kol-form\", method: \"post\", onSubmit: this.onSubmit, onReset: this.onReset, noValidate: true }, this.state._requiredText === true ? (h(\"p\", null, h(\"div\", { class: \"kol-form__mandatory-fields-hint\" }, this.translateFormDescription))) : typeof this.state._requiredText === 'string' && this.state._requiredText.length > 0 ? (h(\"p\", null, h(\"div\", { class: \"kol-form__mandatory-fields-hint\" }, this.state._requiredText))) : null, h(\"slot\", null)));\n }\n render() {\n const hasErrorList = Array.isArray(this._errorList) && this._errorList.length > 0;\n return (h(Host, { key: '129655c9f0160c5c3eb6801253953b52c9649031' }, hasErrorList && this.renderErrorList(this._errorList), this.renderFormElement()));\n }\n scrollToErrorList() {\n var _a;\n (_a = this.errorListBlock) === null || _a === void 0 ? void 0 : _a.scrollIntoView({\n behavior: 'smooth',\n block: 'start',\n });\n setTimeout(() => {\n var _a, _b;\n (_b = (_a = this.errorListFirstLink) === null || _a === void 0 ? void 0 : _a.querySelector('a')) === null || _b === void 0 ? void 0 : _b.focus();\n }, 250);\n }\n async focusErrorList() {\n this.scrollToErrorList();\n return Promise.resolve();\n }\n validateOn(value) {\n if (typeof value === 'object' && value !== null) {\n this.state = Object.assign(Object.assign({}, this.state), { _on: value });\n }\n }\n validateRequiredText(value) {\n if (typeof value === 'boolean') {\n watchBoolean(this, '_requiredText', value);\n }\n else {\n watchString(this, '_requiredText', value);\n }\n }\n validateErrorList(value) {\n validateErrorList(this, value);\n }\n componentWillLoad() {\n this.validateOn(this._on);\n this.validateRequiredText(this._requiredText);\n this.validateErrorList(this._errorList);\n }\n get host() { return getElement(this); }\n static get watchers() { return {\n \"_on\": [\"validateOn\"],\n \"_requiredText\": [\"validateRequiredText\"],\n \"_errorList\": [\"validateErrorList\"]\n }; }\n};\nKolForm.style = {\n default: defaultStyleCss\n};\n\nexport { KolForm as kol_form };\n//# sourceMappingURL=kol-form.entry.js.map\n"],"names":["validateErrorList","component","value","watchValidator","v","defaultStyleCss","KolForm","hostRef","registerInstance","translate","event","_a","_b","dispatchDomEvent","KolEvent","selector","targetElement","el","errorList","h","KolAlertFc","error","index","KolLinkWcTag","hasErrorList","Host","watchBoolean","watchString","getElement"],"mappings":"4TAAA;AAAA;AAAA,GAgBA,MAAMA,EAAoB,CAACC,EAAWC,IAAU,CAC5CC,EAAeF,EAAW,YAAcC,GAAU,MAAM,QAAQA,CAAK,GAAKA,EAAM,KAAME,GAAM,EAAE,OAAOA,GAAM,UAAY,OAAOA,GAAM,WAAW,IAAM,OAAW,IAAI,IAAI,CAAC,SAAU,UAAU,CAAC,EAAGF,CAAK,CAC1M,EAEMG,EAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAElBC,EAAU,KAAM,CAClB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,0BAA4BE,EAAU,wBAAwB,EACnE,KAAK,mBAAqBA,EAAU,gBAAgB,EACpD,KAAK,yBAA2BA,EAAU,sBAAsB,EAChE,KAAK,SAAYC,GAAU,CACvB,IAAIC,EAAIC,EACRF,EAAM,eAAc,EAChB,QAASC,EAAK,KAAK,MAAM,OAAS,MAAQA,IAAO,OAAS,OAASA,EAAG,WAAc,cACnFC,EAAK,KAAK,MAAM,OAAS,MAAQA,IAAO,QAAkBA,EAAG,SAASF,CAAK,GAE5E,KAAK,MACLG,EAAiB,KAAK,KAAMC,EAAS,MAAM,CAEnD,EACA,KAAK,QAAWJ,GAAU,CACtB,IAAIC,EAAIC,EACRF,EAAM,eAAc,EAChB,QAASC,EAAK,KAAK,MAAM,OAAS,MAAQA,IAAO,OAAS,OAASA,EAAG,UAAa,cAClFC,EAAK,KAAK,MAAM,OAAS,MAAQA,IAAO,QAAkBA,EAAG,QAAQF,CAAK,GAE3E,KAAK,MACLG,EAAiB,KAAK,KAAMC,EAAS,KAAK,CAElD,EACA,KAAK,gBAAmBC,GAAa,CACjC,MAAMC,EAAgB,SAAS,cAAcD,CAAQ,EACjDC,GAAiB,OAAOA,EAAc,OAAU,aAChDA,EAAc,eAAe,CAAE,SAAU,QAAQ,CAAE,EACnDA,EAAc,MAAK,EAE3B,EACA,KAAK,gBAAmBC,GAAQ,KAAK,eAAiBA,EACtD,KAAK,oBAAuBA,GAAQ,KAAK,mBAAqBA,EAC9D,KAAK,cAAgB,GACrB,KAAK,MAAQ,CAAA,CACjB,CACA,gBAAgBC,EAAW,CACvB,OAAQC,EAAEC,EAAY,CAAE,MAAO,kBAAmB,IAAK,KAAK,gBAAiB,KAAM,QAAS,QAAS,OAAQ,MAAO,KAAK,yBAAyB,EAAID,EAAE,MAAO,CAAE,aAAc,KAAK,oBAAsBA,EAAE,KAAM,KAA4DD,GAAU,IAAI,CAACG,EAAOC,IAAWH,EAAE,KAAM,CAAE,IAAKG,CAAK,EAAIH,EAAEI,EAAc,CAAE,MAAO,iBAAkB,MAAO,GAAI,OAAQF,EAAM,QAAS,IAAK,CAAE,QAAS,OAAOA,EAAM,UAAa,SAAW,IAAM,KAAK,gBAAgB,OAAOA,EAAM,QAAQ,CAAC,EAAIA,EAAM,UAAY,IAAKC,IAAU,EAAI,KAAK,oBAAsB,MAAS,CAAE,CAAC,CAAE,CAAC,CAAC,CAAC,CACnlB,CACA,mBAAoB,CAChB,OAAQH,EAAE,OAAQ,CAAE,MAAO,WAAY,OAAQ,OAAQ,SAAU,KAAK,SAAU,QAAS,KAAK,QAAS,WAAY,EAAI,EAAI,KAAK,MAAM,gBAAkB,GAAQA,EAAE,IAAK,KAAMA,EAAE,MAAO,CAAE,MAAO,iCAAiC,EAAI,KAAK,wBAAwB,CAAC,EAAK,OAAO,KAAK,MAAM,eAAkB,UAAY,KAAK,MAAM,cAAc,OAAS,EAAKA,EAAE,IAAK,KAAMA,EAAE,MAAO,CAAE,MAAO,iCAAiC,EAAI,KAAK,MAAM,aAAa,CAAC,EAAK,KAAMA,EAAE,OAAQ,IAAI,CAAC,CACzd,CACA,QAAS,CACL,MAAMK,EAAe,MAAM,QAAQ,KAAK,UAAU,GAAK,KAAK,WAAW,OAAS,EAChF,OAAQL,EAAEM,EAAM,CAAE,IAAK,0CAA0C,EAAID,GAAgB,KAAK,gBAAgB,KAAK,UAAU,EAAG,KAAK,kBAAiB,CAAE,CACxJ,CACA,mBAAoB,CAChB,IAAIb,GACHA,EAAK,KAAK,kBAAoB,MAAQA,IAAO,QAAkBA,EAAG,eAAe,CAC9E,SAAU,SACV,MAAO,OACnB,CAAS,EACD,WAAW,IAAM,CACb,IAAIA,EAAIC,GACPA,GAAMD,EAAK,KAAK,sBAAwB,MAAQA,IAAO,OAAS,OAASA,EAAG,cAAc,GAAG,KAAO,MAAQC,IAAO,QAAkBA,EAAG,MAAK,CAClJ,EAAG,GAAG,CACV,CACA,MAAM,gBAAiB,CACnB,YAAK,kBAAiB,EACf,QAAQ,QAAO,CAC1B,CACA,WAAWV,EAAO,CACV,OAAOA,GAAU,UAAYA,IAAU,OACvC,KAAK,MAAQ,OAAO,OAAO,OAAO,OAAO,GAAI,KAAK,KAAK,EAAG,CAAE,IAAKA,CAAK,CAAE,EAEhF,CACA,qBAAqBA,EAAO,CACpB,OAAOA,GAAU,UACjBwB,EAAa,KAAM,gBAAiBxB,CAAK,EAGzCyB,EAAY,KAAM,gBAAiBzB,CAAK,CAEhD,CACA,kBAAkBA,EAAO,CACrBF,EAAkB,KAAME,CAAK,CACjC,CACA,mBAAoB,CAChB,KAAK,WAAW,KAAK,GAAG,EACxB,KAAK,qBAAqB,KAAK,aAAa,EAC5C,KAAK,kBAAkB,KAAK,UAAU,CAC1C,CACA,IAAI,MAAO,CAAE,OAAO0B,EAAW,IAAI,CAAG,CACtC,WAAW,UAAW,CAAE,MAAO,CAC3B,IAAO,CAAC,YAAY,EACpB,cAAiB,CAAC,sBAAsB,EACxC,WAAc,CAAC,mBAAmB,CAC1C,CAAO,CACP,EACAtB,EAAQ,MAAQ,CACZ,QAASD,CACb"}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import{r as h,a3 as c,d as _,a as v,v as b,h as e,K as f,i as u,H as p,aj as g,g as k,w as m,n}from"./index-Cuz1_aaZ.js";import{v as y,a as l,b as C,c as A}from"./access-and-short-key-bcID78Ha-C130xYiQ.js";import{s as L}from"./reuse-CX4AQDkS-Cyh-fyjG.js";import{v as V,a as K,b as x,c as w,d as D,e as T}from"./link-variant-H9yefO89-Dc46rCQB.js";import{v as O}from"./custom-class-CA0KGtrM-B2Km4gsc.js";import{v as I}from"./disabled-BydergHu-D-dcqpPL.js";import{v as E}from"./hide-label-DRunOux4-B8y3Ehgs.js";import{v as S}from"./href-zZq6HYWf-DuQLYdN_.js";import{v as H}from"./icons-72ER78AW-DZDBahe5.js";import{a as R}from"./label-CdtNxOKu-C0Uq4kJW.js";import{v as B}from"./tooltip-align-_VI7LehI-CoBIm-Yw.js";import{n as j}from"./dev.utils-D2H-D7vZ-B1-EwTKq.js";import{t as $}from"./i18n-CdSCDnmA-D_Ak1YX2.js";import"./Alert-qJPuIv8b-Cf1Dz4Bo.js";import{c as W}from"./clsx-eK3rPvPS-BT_IL7Fz.js";import{K as F}from"./Span-9Jbefwfo-NyeuKlZ0.js";import"./tslib.es6-CxX45GIN-BAJoBDh7.js";import"./markdown-DL-PkOqb-Cfi-IobI.js";import"./isObject-DvSELytj-B0RigBxT.js";import"./align-CyK0wp7d-DbhDqGrG.js";import"./Heading-CMd-jtC1-BWK_kciH.js";import"./Icon-BQRZwXjg-DUkDYGjS.js";import"./InternalUnderlinedBadgeText-DeV9AANw-wEHwgbnZ.js";/*!
|
|
2
|
-
* KoliBri - The accessible HTML-Standard
|
|
3
|
-
*/const d=["date","location","page","step","time","true","false"],P=(t,a)=>{m(t,"_ariaCurrentValue",i=>typeof i=="string"&&d.includes(i),new Set([`AriaCurrentValue {${d.join(", ")}`]),a,{defaultValue:"page"})},q=(t,a)=>{n(t,"_ariaOwns",a,{defaultValue:void 0})},z=(t,a)=>{n(t,"_download",a)},G=(t,a)=>{typeof a=="object"&&typeof a?.onClick=="function"&&(t.state=Object.assign(Object.assign({},t.state),{_on:a}))},J=(t,a)=>{n(t,"_target",a)},ut=class{constructor(t){h(this,t),this.internalDescriptionById=j(),this.translateOpenLinkInTab=$("kol-open-link-in-tab"),this.catchRef=a=>{this.anchorRef=a},this.onClick=a=>{var i,s;this.state._disabled===!0?a.preventDefault():(typeof((i=this.state._on)===null||i===void 0?void 0:i.onClick)=="function"&&(a.preventDefault(),c(a,this.anchorRef),(s=this.state._on)===null||s===void 0||s.onClick(a,this.state._href)),this.host&&_(this.host,v.click,this.state._href))},this.getRenderValues=()=>{const a=typeof this.state._target=="string"&&this.state._target!=="_self",i={href:typeof this.state._href=="string"&&this.state._href.length>0?this.state._href:"javascript:void(0);",target:typeof this.state._target=="string"&&this.state._target.length>0?this.state._target:void 0,rel:a?"noopener":void 0,download:typeof this.state._download=="string"?this.state._download:void 0};return this.state._hideLabel===!0&&!this.state._label&&b("[KolLink] An aria-label must be set when _hide-label is set."),{isExternal:a,tagAttrs:i}},this._disabled=!1,this._hideLabel=!1,this._tooltipAlign="right",this._buttonVariant="normal",this.state={_ariaCurrentValue:"page",_href:"",_icons:{}}}async kolFocus(){var t;(t=this.anchorRef)===null||t===void 0||t.focus()}render(){var t,a;const{isExternal:i,tagAttrs:s}=this.getRenderValues(),r=L(this.state._label),o=!!(!((a=(t=this.state._ariaDescription)===null||t===void 0?void 0:t.trim())===null||a===void 0)&&a.length);return e(p,{key:"5f37728ff0adf71e7fba66f1ef848046805a5f2a"},e("a",Object.assign({key:"2ba184d05d312f30ad2e52687a8180c9838d84b2",ref:this.catchRef},s,{accessKey:this.state._accessKey,"aria-current":this.state._ariaCurrent,"aria-controls":this.state._ariaControls,"aria-describedby":o?this.internalDescriptionById:void 0,"aria-disabled":this.state._disabled?"true":void 0,"aria-expanded":typeof this.state._ariaExpanded=="boolean"?String(this.state._ariaExpanded):void 0,"aria-owns":this.state._ariaOwns,"aria-label":this.state._hideLabel&&typeof this.state._label=="string"?`${this.state._label}${i?` (${this.translateOpenLinkInTab})`:""}`:void 0,"aria-keyshortcuts":this.state._shortKey,class:W("kol-link",{"kol-link--disabled":this.state._disabled===!0,"kol-link--external-link":i,"kol-link--hide-label":this.state._hideLabel===!0,[`kol-link--${this.state._buttonVariant}`]:this.state._buttonVariant!=="custom",[`kol-link--${this.state._linkVariant}`]:this.state._linkVariant,[this.state._customClass]:this.state._buttonVariant==="custom"&&typeof this.state._customClass=="string"&&this.state._customClass.length>0})},this.state._on,{onClick:this.onClick,onKeyPress:this.onClick,role:this.state._role,tabIndex:this.state._disabled?-1:this.state._tabIndex}),e(F,{key:"91d67f8f7fc11f2d19fb992ef4899a9bcb142e3c",class:"kol-link__text",badgeText:this.state._accessKey||this.state._shortKey,icons:this.state._icons,hideLabel:this.state._hideLabel,label:r?"":this.state._label||this.state._href},e("slot",{key:"13f20a8404a98d5d9297168267a0ca6ec6e1a172",name:"expert",slot:"expert"})),i&&e(u,{key:"77393cfff4cae37b54f58f8b7889961ff7de9fb5",class:"kol-link__icon",_label:this.state._hideLabel?"":this.translateOpenLinkInTab,_icons:"codicon codicon-link-external","aria-hidden":this.state._hideLabel})),e(f,{key:"cd9a2c2c3f93e741ece7aa0ac1511b75b5ba9230","aria-hidden":"true",class:"kol-link__tooltip",hidden:r||!this.state._hideLabel,_badgeText:this.state._accessKey||this.state._shortKey,_align:this.state._tooltipAlign,_label:this.state._label||this.state._href}),o&&e("span",{key:"b6c9d8748e9f8b8ed5d2eb424684efe6fdab0b19",class:"visually-hidden",id:this.internalDescriptionById},this.state._ariaDescription))}validateAccessKey(t){y(this,t),l(t,this._shortKey)}validateAriaCurrentValue(t){P(this,t)}validateAriaControls(t){V(this,t)}validateAriaDescription(t){K(this,t)}validateAriaExpanded(t){x(this,t)}validateAriaOwns(t){q(this,t)}validateCustomClass(t){O(this,t)}validateDisabled(t){I(this,t)}validateDownload(t){z(this,t)}validateHideLabel(t){E(this,t)}validateHref(t){S(this,t,{required:!0})}validateIcons(t){H(this,t)}validateLabel(t){R(this,t)}validateLinkVariant(t){w(this,t)}validateOn(t){G(this,t)}validateRole(t){D(this,t)}validateShortKey(t){C(this,t),l(this._accessKey,t)}validateTabIndex(t){A(this,t)}validateTarget(t){J(this,t)}validateTooltipAlign(t){B(this,t)}validateButtonVariant(t){T(this,t)}componentWillLoad(){this.validateAccessKey(this._accessKey),this.validateAriaCurrentValue(this._ariaCurrentValue),this.validateAriaControls(this._ariaControls),this.validateAriaDescription(this._ariaDescription),this.validateAriaExpanded(this._ariaExpanded),this.validateAriaOwns(this._ariaOwns),this.validateCustomClass(this._customClass),this.validateDisabled(this._disabled),this.validateDownload(this._download),this.validateHideLabel(this._hideLabel),this.validateHref(this._href),this.validateIcons(this._icons),this.validateLabel(this._label),this.validateLinkVariant(this._linkVariant),this.validateOn(this._on),this.validateRole(this._role),this.validateShortKey(this._shortKey),this.validateTabIndex(this._tabIndex),this.validateTarget(this._target),this.validateTooltipAlign(this._tooltipAlign),this.validateButtonVariant(this._buttonVariant),this.unsubscribeOnLocationChange=g(t=>{this.state._ariaCurrent=t===this.state._href?this.state._ariaCurrentValue:void 0}),l(this._accessKey,this._shortKey)}disconnectedCallback(){this.unsubscribeOnLocationChange&&this.unsubscribeOnLocationChange()}get host(){return k(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_ariaCurrentValue:["validateAriaCurrentValue"],_ariaControls:["validateAriaControls"],_ariaDescription:["validateAriaDescription"],_ariaExpanded:["validateAriaExpanded"],_ariaOwns:["validateAriaOwns"],_customClass:["validateCustomClass"],_disabled:["validateDisabled"],_download:["validateDownload"],_hideLabel:["validateHideLabel"],_href:["validateHref"],_icons:["validateIcons"],_label:["validateLabel"],_linkVariant:["validateLinkVariant"],_on:["validateOn"],_role:["validateRole"],_shortKey:["validateShortKey"],_tabIndex:["validateTabIndex"],_target:["validateTarget"],_tooltipAlign:["validateTooltipAlign"],_buttonVariant:["validateButtonVariant"]}}};export{ut as kol_link_wc};
|
|
4
|
-
//# sourceMappingURL=kol-link-wc.entry-BY1QaToe.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"kol-link-wc.entry-BY1QaToe.js","sources":["../../../../components/dist/esm/kol-link-wc.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host, g as getElement } from './index-DKFHNf-G.js';\nimport { w as watchValidator, e as watchString, M as setEventTarget, j as devHint } from './common-8fBdMvJM.js';\nimport { v as validateAccessKey, a as validateAccessAndShortKey, b as validateShortKey, c as validateTabIndex } from './access-and-short-key-bcID78Ha.js';\nimport { s as showExpertSlot } from './reuse-CX4AQDkS.js';\nimport { v as validateAriaControls, a as validateAriaDescription, b as validateAriaExpanded, c as validateLinkVariant, d as validateAlternativeButtonLinkRole, e as validateButtonVariant } from './link-variant-H9yefO89.js';\nimport { v as validateCustomClass } from './custom-class-CA0KGtrM.js';\nimport { v as validateDisabled } from './disabled-BydergHu.js';\nimport { v as validateHideLabel } from './hide-label-DRunOux4.js';\nimport { v as validateHref } from './href-zZq6HYWf.js';\nimport { v as validateIcons } from './icons-72ER78AW.js';\nimport { a as validateLabelWithExpertSlot } from './label-CdtNxOKu.js';\nimport { v as validateTooltipAlign } from './tooltip-align-_VI7LehI.js';\nimport { o as onLocationChange } from './ariaCurrentService-YoLNpD5S.js';\nimport { d as dispatchDomEvent, K as KolEvent } from './events-CoPFQEiC.js';\nimport { n as nonce } from './dev.utils-D2H-D7vZ.js';\nimport { a as KolTooltipWcTag, e as KolIconTag } from './component-names-CkE54Ym7.js';\nimport { t as translate } from './i18n-CdSCDnmA.js';\nimport './Alert-qJPuIv8b.js';\nimport { c as clsx } from './clsx-eK3rPvPS.js';\nimport { K as KolSpanFc } from './Span-9Jbefwfo.js';\nimport './align-CyK0wp7d.js';\nimport './i18n-ZF6JbdVP.js';\nimport './tslib.es6-CxX45GIN.js';\nimport './bem-CHTjklyp.js';\nimport './browser-Ba2Wl_kh.js';\nimport './Heading-CMd-jtC1.js';\nimport './Icon-BQRZwXjg.js';\nimport './markdown-DL-PkOqb.js';\nimport './InternalUnderlinedBadgeText-DeV9AANw.js';\nimport './isObject-DvSELytj.js';\n\nconst ariaCurrentValuePropTypeOptions = ['date', 'location', 'page', 'step', 'time', 'true', 'false'];\nconst validateAriaCurrentValue = (component, value) => {\n watchValidator(component, `_ariaCurrentValue`, (value) => typeof value === 'string' && ariaCurrentValuePropTypeOptions.includes(value), new Set([`AriaCurrentValue {${ariaCurrentValuePropTypeOptions.join(', ')}`]), value, {\n defaultValue: 'page',\n });\n};\n\nconst validateAriaOwns = (component, value) => {\n watchString(component, '_ariaOwns', value, {\n defaultValue: undefined,\n });\n};\n\nconst validateDownload = (component, value) => {\n watchString(component, '_download', value);\n};\n\nconst validateLinkCallbacks = (component, value) => {\n if (typeof value === 'object' && typeof (value === null || value === void 0 ? void 0 : value.onClick) === 'function') {\n component.state = Object.assign(Object.assign({}, component.state), { _on: value });\n }\n};\n\nconst validateLinkTarget = (component, value) => {\n watchString(component, '_target', value);\n};\n\nconst KolLinkWc = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.internalDescriptionById = nonce();\n this.translateOpenLinkInTab = translate('kol-open-link-in-tab');\n this.catchRef = (ref) => {\n this.anchorRef = ref;\n };\n this.onClick = (event) => {\n var _a, _b;\n if (this.state._disabled === true) {\n event.preventDefault();\n }\n else {\n if (typeof ((_a = this.state._on) === null || _a === void 0 ? void 0 : _a.onClick) === 'function') {\n event.preventDefault();\n setEventTarget(event, this.anchorRef);\n (_b = this.state._on) === null || _b === void 0 ? void 0 : _b.onClick(event, this.state._href);\n }\n if (this.host) {\n dispatchDomEvent(this.host, KolEvent.click, this.state._href);\n }\n }\n };\n this.getRenderValues = () => {\n const isExternal = typeof this.state._target === 'string' && this.state._target !== '_self';\n const tagAttrs = {\n href: typeof this.state._href === 'string' && this.state._href.length > 0 ? this.state._href : 'javascript:void(0);',\n target: typeof this.state._target === 'string' && this.state._target.length > 0 ? this.state._target : undefined,\n rel: isExternal ? 'noopener' : undefined,\n download: typeof this.state._download === 'string' ? this.state._download : undefined,\n };\n if (this.state._hideLabel === true && !this.state._label) {\n devHint(`[KolLink] An aria-label must be set when _hide-label is set.`);\n }\n return { isExternal, tagAttrs };\n };\n this._disabled = false;\n this._hideLabel = false;\n this._tooltipAlign = 'right';\n this._buttonVariant = 'normal';\n this.state = {\n _ariaCurrentValue: 'page',\n _href: '',\n _icons: {},\n };\n }\n async kolFocus() {\n var _a;\n (_a = this.anchorRef) === null || _a === void 0 ? void 0 : _a.focus();\n }\n render() {\n var _a, _b;\n const { isExternal, tagAttrs } = this.getRenderValues();\n const hasExpertSlot = showExpertSlot(this.state._label);\n const hasAriaDescription = Boolean((_b = (_a = this.state._ariaDescription) === null || _a === void 0 ? void 0 : _a.trim()) === null || _b === void 0 ? void 0 : _b.length);\n return (h(Host, { key: '5f37728ff0adf71e7fba66f1ef848046805a5f2a' }, h(\"a\", Object.assign({ key: '2ba184d05d312f30ad2e52687a8180c9838d84b2', ref: this.catchRef }, tagAttrs, { accessKey: this.state._accessKey, \"aria-current\": this.state._ariaCurrent, \"aria-controls\": this.state._ariaControls, \"aria-describedby\": hasAriaDescription ? this.internalDescriptionById : undefined, \"aria-disabled\": this.state._disabled ? 'true' : undefined, \"aria-expanded\": typeof this.state._ariaExpanded === 'boolean' ? String(this.state._ariaExpanded) : undefined, \"aria-owns\": this.state._ariaOwns, \"aria-label\": this.state._hideLabel && typeof this.state._label === 'string'\n ? `${this.state._label}${isExternal ? ` (${this.translateOpenLinkInTab})` : ''}`\n : undefined, \"aria-keyshortcuts\": this.state._shortKey, class: clsx('kol-link', {\n 'kol-link--disabled': this.state._disabled === true,\n 'kol-link--external-link': isExternal,\n 'kol-link--hide-label': this.state._hideLabel === true,\n [`kol-link--${this.state._buttonVariant}`]: this.state._buttonVariant !== 'custom',\n [`kol-link--${this.state._linkVariant}`]: this.state._linkVariant,\n [this.state._customClass]: this.state._buttonVariant === 'custom' && typeof this.state._customClass === 'string' && this.state._customClass.length > 0,\n }) }, this.state._on, { onClick: this.onClick, onKeyPress: this.onClick, role: this.state._role, tabIndex: this.state._disabled ? -1 : this.state._tabIndex }), h(KolSpanFc, { key: '91d67f8f7fc11f2d19fb992ef4899a9bcb142e3c', class: \"kol-link__text\", badgeText: this.state._accessKey || this.state._shortKey, icons: this.state._icons, hideLabel: this.state._hideLabel, label: hasExpertSlot ? '' : this.state._label || this.state._href }, h(\"slot\", { key: '13f20a8404a98d5d9297168267a0ca6ec6e1a172', name: \"expert\", slot: \"expert\" })), isExternal && (h(KolIconTag, { key: '77393cfff4cae37b54f58f8b7889961ff7de9fb5', class: \"kol-link__icon\", _label: this.state._hideLabel ? '' : this.translateOpenLinkInTab, _icons: 'codicon codicon-link-external', \"aria-hidden\": this.state._hideLabel }))), h(KolTooltipWcTag, { key: 'cd9a2c2c3f93e741ece7aa0ac1511b75b5ba9230', \"aria-hidden\": \"true\", class: \"kol-link__tooltip\", hidden: hasExpertSlot || !this.state._hideLabel, _badgeText: this.state._accessKey || this.state._shortKey, _align: this.state._tooltipAlign, _label: this.state._label || this.state._href }), hasAriaDescription && (h(\"span\", { key: 'b6c9d8748e9f8b8ed5d2eb424684efe6fdab0b19', class: \"visually-hidden\", id: this.internalDescriptionById }, this.state._ariaDescription))));\n }\n validateAccessKey(value) {\n validateAccessKey(this, value);\n validateAccessAndShortKey(value, this._shortKey);\n }\n validateAriaCurrentValue(value) {\n validateAriaCurrentValue(this, value);\n }\n validateAriaControls(value) {\n validateAriaControls(this, value);\n }\n validateAriaDescription(value) {\n validateAriaDescription(this, value);\n }\n validateAriaExpanded(value) {\n validateAriaExpanded(this, value);\n }\n validateAriaOwns(value) {\n validateAriaOwns(this, value);\n }\n validateCustomClass(value) {\n validateCustomClass(this, value);\n }\n validateDisabled(value) {\n validateDisabled(this, value);\n }\n validateDownload(value) {\n validateDownload(this, value);\n }\n validateHideLabel(value) {\n validateHideLabel(this, value);\n }\n validateHref(value) {\n validateHref(this, value, {\n required: true,\n });\n }\n validateIcons(value) {\n validateIcons(this, value);\n }\n validateLabel(value) {\n validateLabelWithExpertSlot(this, value);\n }\n validateLinkVariant(value) {\n validateLinkVariant(this, value);\n }\n validateOn(value) {\n validateLinkCallbacks(this, value);\n }\n validateRole(value) {\n validateAlternativeButtonLinkRole(this, value);\n }\n validateShortKey(value) {\n validateShortKey(this, value);\n validateAccessAndShortKey(this._accessKey, value);\n }\n validateTabIndex(value) {\n validateTabIndex(this, value);\n }\n validateTarget(value) {\n validateLinkTarget(this, value);\n }\n validateTooltipAlign(value) {\n validateTooltipAlign(this, value);\n }\n validateButtonVariant(value) {\n validateButtonVariant(this, value);\n }\n componentWillLoad() {\n this.validateAccessKey(this._accessKey);\n this.validateAriaCurrentValue(this._ariaCurrentValue);\n this.validateAriaControls(this._ariaControls);\n this.validateAriaDescription(this._ariaDescription);\n this.validateAriaExpanded(this._ariaExpanded);\n this.validateAriaOwns(this._ariaOwns);\n this.validateCustomClass(this._customClass);\n this.validateDisabled(this._disabled);\n this.validateDownload(this._download);\n this.validateHideLabel(this._hideLabel);\n this.validateHref(this._href);\n this.validateIcons(this._icons);\n this.validateLabel(this._label);\n this.validateLinkVariant(this._linkVariant);\n this.validateOn(this._on);\n this.validateRole(this._role);\n this.validateShortKey(this._shortKey);\n this.validateTabIndex(this._tabIndex);\n this.validateTarget(this._target);\n this.validateTooltipAlign(this._tooltipAlign);\n this.validateButtonVariant(this._buttonVariant);\n this.unsubscribeOnLocationChange = onLocationChange((location) => {\n this.state._ariaCurrent = location === this.state._href ? this.state._ariaCurrentValue : undefined;\n });\n validateAccessAndShortKey(this._accessKey, this._shortKey);\n }\n disconnectedCallback() {\n if (this.unsubscribeOnLocationChange) {\n this.unsubscribeOnLocationChange();\n }\n }\n get host() { return getElement(this); }\n static get watchers() { return {\n \"_accessKey\": [\"validateAccessKey\"],\n \"_ariaCurrentValue\": [\"validateAriaCurrentValue\"],\n \"_ariaControls\": [\"validateAriaControls\"],\n \"_ariaDescription\": [\"validateAriaDescription\"],\n \"_ariaExpanded\": [\"validateAriaExpanded\"],\n \"_ariaOwns\": [\"validateAriaOwns\"],\n \"_customClass\": [\"validateCustomClass\"],\n \"_disabled\": [\"validateDisabled\"],\n \"_download\": [\"validateDownload\"],\n \"_hideLabel\": [\"validateHideLabel\"],\n \"_href\": [\"validateHref\"],\n \"_icons\": [\"validateIcons\"],\n \"_label\": [\"validateLabel\"],\n \"_linkVariant\": [\"validateLinkVariant\"],\n \"_on\": [\"validateOn\"],\n \"_role\": [\"validateRole\"],\n \"_shortKey\": [\"validateShortKey\"],\n \"_tabIndex\": [\"validateTabIndex\"],\n \"_target\": [\"validateTarget\"],\n \"_tooltipAlign\": [\"validateTooltipAlign\"],\n \"_buttonVariant\": [\"validateButtonVariant\"]\n }; }\n};\n\nexport { KolLinkWc as kol_link_wc };\n//# sourceMappingURL=kol-link-wc.entry.js.map\n"],"names":["ariaCurrentValuePropTypeOptions","validateAriaCurrentValue","component","value","watchValidator","validateAriaOwns","watchString","validateDownload","validateLinkCallbacks","validateLinkTarget","KolLinkWc","hostRef","registerInstance","nonce","translate","ref","event","_a","_b","setEventTarget","dispatchDomEvent","KolEvent","isExternal","tagAttrs","devHint","hasExpertSlot","showExpertSlot","hasAriaDescription","h","Host","clsx","KolSpanFc","KolIconTag","KolTooltipWcTag","validateAccessKey","validateAccessAndShortKey","validateAriaControls","validateAriaDescription","validateAriaExpanded","validateCustomClass","validateDisabled","validateHideLabel","validateHref","validateIcons","validateLabelWithExpertSlot","validateLinkVariant","validateAlternativeButtonLinkRole","validateShortKey","validateTabIndex","validateTooltipAlign","validateButtonVariant","onLocationChange","location","getElement"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"kol-modal.entry-D_BfBMkS.js","sources":["../../../../components/dist/esm/kol-modal.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, g as getElement } from './index-DKFHNf-G.js';\nimport { c as clsx } from './clsx-eK3rPvPS.js';\nimport { g as KolCardWcTag } from './component-names-CkE54Ym7.js';\nimport { e as watchString, w as watchValidator, s as setState } from './common-8fBdMvJM.js';\nimport { v as validateLabel } from './label-CdtNxOKu.js';\nimport { d as dispatchDomEvent, K as KolEvent } from './events-CoPFQEiC.js';\n\nconst validateWidth = (component, value, options) => {\n watchString(component, '_width', value, Object.assign({ defaultValue: '100%' }, options));\n};\n\nconst ModalVariantPropTypeOptions = ['blank', 'card'];\nconst validateModalVariant = (component, value) => {\n watchValidator(component, '_variant', (value) => typeof value === 'string' && ModalVariantPropTypeOptions.includes(value), new Set(ModalVariantPropTypeOptions), value);\n};\n\nconst defaultStyleCss = \"/*\\n* This file defines the layer order for all CSS layers used in KoliBri.\\n* The order is important as it determines the cascade priority.\\n*\\n* Layer order (lowest to highest priority):\\n* 1. kol-a11y - Accessibility defaults and requirements\\n* 2. kol-global - Global component styles and resets\\n* 3. kol-component - Component-specific styles\\n* 4. kol-theme-global - Theme-specific global styles\\n* 5. kol-theme-component - Theme-specific component styles\\n*/\\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\\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(44 * 1rem / var(--kolibri-root-font-size, 16));\\n /*\\n * No element should be used without verifying the contrast ratio of its background and font colors.\\n * By initially setting the background color to white and the font color to black,\\n * the contrast ratio is ensured and explicit adjustment is forced.\\n */\\n color: black;\\n background-color: white;\\n /*\\n * Verdana is an accessible font that can be used without requiring additional loading time.\\n */\\n font-family: Verdana;\\n /*\\n * Letter spacing is required for all texts.\\n */\\n letter-spacing: inherit;\\n /*\\n * Word spacing is required for all texts.\\n */\\n word-spacing: inherit;\\n }\\n * {\\n /*\\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n */\\n hyphens: auto;\\n /*\\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n */\\n word-break: break-word;\\n }\\n /*\\n * All interactive elements should have a minimum size of to-rem(44).\\n */\\n /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n /* option, */\\n /* select, */\\n /* textarea, */\\n button,\\n .kol-input .input {\\n min-width: var(--a11y-min-size);\\n min-height: var(--a11y-min-size);\\n }\\n /*\\n * Some interactive elements should not inherit the font-family and font-size.\\n */\\n a,\\n button,\\n h1,\\n h2,\\n h3,\\n h4,\\n h5,\\n h6,\\n input,\\n option,\\n select,\\n textarea {\\n /*\\n * All elements should inherit the font family from his parent element.\\n */\\n font-family: inherit;\\n /*\\n * All elements should inherit the font size from his parent element.\\n */\\n font-size: inherit;\\n /*\\n * Letter spacing is required for all texts.\\n */\\n letter-spacing: inherit;\\n /*\\n * Word spacing is required for all texts.\\n */\\n word-spacing: inherit;\\n }\\n /**\\n * Sometimes we need the semantic element for accessibility reasons,\\n * but we don't want to show it.\\n *\\n * - https://www.a11yproject.com/posts/how-to-hide-content/\\n */\\n .visually-hidden {\\n position: fixed;\\n top: 0;\\n left: 0;\\n width: 1px;\\n height: 1px;\\n overflow: hidden;\\n white-space: nowrap;\\n clip-path: inset(50%);\\n }\\n}\\n@layer kol-global {\\n /*\\n * Dieses CSS stellt sicher, dass der Standard-Style\\n * von A und Button resettet werden.\\n */\\n :is(a, button) {\\n background-color: transparent;\\n width: 100%;\\n margin: 0;\\n padding: 0;\\n border: none;\\n /* 100% needed for custom width from outside */\\n }\\n /*\\n * Ensure elements with hidden attribute to be actually not visible\\n * @see https://meowni.ca/hidden.is.a.lie.html\\n */\\n [hidden] {\\n display: none !important;\\n }\\n .badge-text-hint {\\n color: black;\\n background-color: lightgray;\\n }\\n}\\n@layer kol-global {\\n :host {\\n /*\\n * The max-width is needed to prevent the table from overflowing the\\n * parent node, if the table is wider than the parent node.\\n */\\n max-width: 100%;\\n font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\\n }\\n * {\\n /*\\n * We prefer to box-sizing: border-box for all elements.\\n */\\n box-sizing: border-box;\\n }\\n .kol-span {\\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n display: grid;\\n place-items: center;\\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n }\\n .kol-span__container {\\n display: flex;\\n place-items: center;\\n }\\n a,\\n button {\\n cursor: pointer;\\n }\\n .kol-span .kol-span__label--hide-label .kol-span__label {\\n display: none;\\n }\\n /* Reset browser agent style. */\\n button:disabled {\\n color: unset;\\n }\\n .disabled label,\\n .disabled:focus-within label,\\n [aria-disabled=true],\\n [aria-disabled=true]:focus,\\n [disabled],\\n [disabled]:focus {\\n opacity: 0.5;\\n outline: none;\\n cursor: not-allowed;\\n }\\n [aria-disabled=true]:focus .kol-span,\\n [disabled]:focus .kol-span {\\n outline: none !important;\\n }\\n}\\n@layer kol-component {\\n @keyframes fadeInOpacity {\\n 0% {\\n opacity: 0;\\n }\\n 100% {\\n opacity: 1;\\n }\\n }\\n .kol-tooltip {\\n display: contents;\\n }\\n .kol-tooltip__floating {\\n display: none;\\n position: fixed;\\n /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n top: 0;\\n left: 0;\\n /* Can be used to specify the tooltip-width from the outside. Unset by default. */\\n width: var(--kol-tooltip-width, max-content);\\n min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\\n max-width: 90vw;\\n max-height: 90vh;\\n visibility: hidden;\\n animation-duration: 0.25s;\\n animation-iteration-count: 1;\\n animation-name: fadeInOpacity;\\n animation-timing-function: ease-in;\\n }\\n .kol-tooltip__arrow {\\n transform: rotate(45deg);\\n color: #000;\\n background-color: #fff;\\n position: absolute;\\n z-index: 999;\\n width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\\n height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\\n }\\n .kol-tooltip__content {\\n color: #000;\\n background-color: #fff;\\n position: relative;\\n z-index: 1000;\\n }\\n}\\n.kol-card {\\n /* Visible with forced colors */\\n outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\\n position: relative;\\n height: 100%;\\n}\\n.kol-card__close-button {\\n position: absolute;\\n top: 0;\\n right: 0;\\n}\\n\\n@layer kol-component {\\n .kol-modal {\\n min-height: var(--a11y-min-size);\\n padding: 0;\\n border: 0;\\n }\\n .kol-modal::backdrop {\\n background-color: rgba(0, 0, 0, 0.1);\\n }\\n .kol-modal__close-button {\\n position: absolute;\\n top: calc(1 * 1rem / var(--kolibri-root-font-size, 16));\\n right: calc(1 * 1rem / var(--kolibri-root-font-size, 16));\\n z-index: 1;\\n }\\n}\";\n\nconst KolModal = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.on = {\n onClose: async () => {\n await this.closeModal();\n },\n };\n this._width = '100%';\n this._variant = 'blank';\n this.state = {\n _label: '',\n _width: '100%',\n };\n }\n disconnectedCallback() {\n void this.closeModal();\n }\n handleNativeCloseEvent() {\n var _a, _b;\n (_b = (_a = this.state._on) === null || _a === void 0 ? void 0 : _a.onClose) === null || _b === void 0 ? void 0 : _b.call(_a);\n if (this.host) {\n dispatchDomEvent(this.host, KolEvent.close);\n }\n }\n async openModal() {\n var _a;\n (_a = this.refDialog) === null || _a === void 0 ? void 0 : _a.showModal();\n }\n async closeModal() {\n var _a, _b;\n (_b = (_a = this.refDialog) === null || _a === void 0 ? void 0 : _a.close) === null || _b === void 0 ? void 0 : _b.call(_a);\n }\n render() {\n return (h(\"dialog\", { key: '7ff10751f7a342a9ca719c2d79fe2a0dc6d2bc06', \"aria-label\": this.state._label, class: clsx('kol-modal', {\n 'kol-modal__blank': this.state._variant === 'blank',\n 'kol-modal__card': this.state._variant === 'card',\n }), onClose: this.handleNativeCloseEvent.bind(this), ref: (el) => {\n this.refDialog = el;\n }, style: {\n width: this.state._width,\n } }, this.state._variant === 'blank' && h(\"slot\", { key: '4178f173aa6b0088bb2d1e5504b4c874b4fc9d36' }), this.state._variant === 'card' && (h(KolCardWcTag, { key: '2fed2d9a3359409426c6a0ae7ae55bf8490017e8', _label: this.state._label, _hasCloser: true, _on: this.on }, h(\"slot\", { key: '2254882248140cc186df25ca75a06f897219211e' })))));\n }\n validateLabel(value) {\n validateLabel(this, value, {\n required: true,\n });\n }\n validateOn(value) {\n if (typeof value === 'object' && value !== null) {\n const callbacks = {};\n if (typeof value.onClose === 'function' || value.onClose === true) {\n callbacks.onClose = value.onClose;\n }\n setState(this, '_on', callbacks);\n }\n }\n validateWidth(value) {\n validateWidth(this, value);\n }\n validateVariant(value) {\n validateModalVariant(this, value);\n }\n componentWillLoad() {\n this.validateLabel(this._label);\n this.validateOn(this._on);\n this.validateWidth(this._width);\n this.validateVariant(this._variant);\n }\n get host() { return getElement(this); }\n static get watchers() { return {\n \"_label\": [\"validateLabel\"],\n \"_on\": [\"validateOn\"],\n \"_width\": [\"validateWidth\"],\n \"_variant\": [\"validateVariant\"]\n }; }\n};\nKolModal.style = {\n default: defaultStyleCss\n};\n\nexport { KolModal as kol_modal };\n//# sourceMappingURL=kol-modal.entry.js.map\n"],"names":["validateWidth","component","value","options","watchString","ModalVariantPropTypeOptions","validateModalVariant","watchValidator","defaultStyleCss","KolModal","hostRef","registerInstance","_a","_b","dispatchDomEvent","KolEvent","h","clsx","el","KolCardWcTag","validateLabel","callbacks","setState","getElement"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"kol-nav.entry-CTzU6VoY.js","sources":["../../../../components/dist/esm/kol-nav.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h } from './index-DKFHNf-G.js';\nimport { d as watchBoolean, u as devWarning, c as a11yHintLabelingLandmarks, j as devHint, w as watchValidator } from './common-8fBdMvJM.js';\nimport { v as validateHideLabel } from './hide-label-DRunOux4.js';\nimport { v as validateLabel } from './label-CdtNxOKu.js';\nimport { t as translate } from './i18n-CdSCDnmA.js';\nimport { r as removeNavLabel, a as addNavLabel } from './unique-nav-labels-C_NhdgGz.js';\nimport { w as watchNavLinks } from './validation-DoIjmu3L.js';\nimport { f as KolLinkWcTag, d as KolButtonWcTag } from './component-names-CkE54Ym7.js';\nimport { c as clsx } from './clsx-eK3rPvPS.js';\nimport { n as nonce } from './dev.utils-D2H-D7vZ.js';\nimport './i18n-ZF6JbdVP.js';\n\nconst validateCollapsible = (component, value) => {\n watchBoolean(component, '_collapsible', value);\n};\n\nconst validateHasCompactButton = (component, value) => {\n watchBoolean(component, '_hasCompactButton', value);\n};\n\nconst validateHasIconsWhenExpanded = (component, value) => {\n watchBoolean(component, '_hasIconsWhenExpanded', value);\n};\n\nconst defaultStyleCss = \"/* forward the rem function */\\n/*\\n* This file defines the layer order for all CSS layers used in KoliBri.\\n* The order is important as it determines the cascade priority.\\n*\\n* Layer order (lowest to highest priority):\\n* 1. kol-a11y - Accessibility defaults and requirements\\n* 2. kol-global - Global component styles and resets\\n* 3. kol-component - Component-specific styles\\n* 4. kol-theme-global - Theme-specific global styles\\n* 5. kol-theme-component - Theme-specific component styles\\n*/\\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\\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(44 * 1rem / var(--kolibri-root-font-size, 16));\\n /*\\n * No element should be used without verifying the contrast ratio of its background and font colors.\\n * By initially setting the background color to white and the font color to black,\\n * the contrast ratio is ensured and explicit adjustment is forced.\\n */\\n color: black;\\n background-color: white;\\n /*\\n * Verdana is an accessible font that can be used without requiring additional loading time.\\n */\\n font-family: Verdana;\\n /*\\n * Letter spacing is required for all texts.\\n */\\n letter-spacing: inherit;\\n /*\\n * Word spacing is required for all texts.\\n */\\n word-spacing: inherit;\\n }\\n * {\\n /*\\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n */\\n hyphens: auto;\\n /*\\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n */\\n word-break: break-word;\\n }\\n /*\\n * All interactive elements should have a minimum size of to-rem(44).\\n */\\n /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n /* option, */\\n /* select, */\\n /* textarea, */\\n button,\\n .kol-input .input {\\n min-width: var(--a11y-min-size);\\n min-height: var(--a11y-min-size);\\n }\\n /*\\n * Some interactive elements should not inherit the font-family and font-size.\\n */\\n a,\\n button,\\n h1,\\n h2,\\n h3,\\n h4,\\n h5,\\n h6,\\n input,\\n option,\\n select,\\n textarea {\\n /*\\n * All elements should inherit the font family from his parent element.\\n */\\n font-family: inherit;\\n /*\\n * All elements should inherit the font size from his parent element.\\n */\\n font-size: inherit;\\n /*\\n * Letter spacing is required for all texts.\\n */\\n letter-spacing: inherit;\\n /*\\n * Word spacing is required for all texts.\\n */\\n word-spacing: inherit;\\n }\\n /**\\n * Sometimes we need the semantic element for accessibility reasons,\\n * but we don't want to show it.\\n *\\n * - https://www.a11yproject.com/posts/how-to-hide-content/\\n */\\n .visually-hidden {\\n position: fixed;\\n top: 0;\\n left: 0;\\n width: 1px;\\n height: 1px;\\n overflow: hidden;\\n white-space: nowrap;\\n clip-path: inset(50%);\\n }\\n}\\n@layer kol-global {\\n /*\\n * Dieses CSS stellt sicher, dass der Standard-Style\\n * von A und Button resettet werden.\\n */\\n :is(a, button) {\\n background-color: transparent;\\n width: 100%;\\n margin: 0;\\n padding: 0;\\n border: none;\\n /* 100% needed for custom width from outside */\\n }\\n /*\\n * Ensure elements with hidden attribute to be actually not visible\\n * @see https://meowni.ca/hidden.is.a.lie.html\\n */\\n [hidden] {\\n display: none !important;\\n }\\n .badge-text-hint {\\n color: black;\\n background-color: lightgray;\\n }\\n}\\n@layer kol-global {\\n :host {\\n /*\\n * The max-width is needed to prevent the table from overflowing the\\n * parent node, if the table is wider than the parent node.\\n */\\n max-width: 100%;\\n font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\\n }\\n * {\\n /*\\n * We prefer to box-sizing: border-box for all elements.\\n */\\n box-sizing: border-box;\\n }\\n .kol-span {\\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n display: grid;\\n place-items: center;\\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n }\\n .kol-span__container {\\n display: flex;\\n place-items: center;\\n }\\n a,\\n button {\\n cursor: pointer;\\n }\\n .kol-span .kol-span__label--hide-label .kol-span__label {\\n display: none;\\n }\\n /* Reset browser agent style. */\\n button:disabled {\\n color: unset;\\n }\\n .disabled label,\\n .disabled:focus-within label,\\n [aria-disabled=true],\\n [aria-disabled=true]:focus,\\n [disabled],\\n [disabled]:focus {\\n opacity: 0.5;\\n outline: none;\\n cursor: not-allowed;\\n }\\n [aria-disabled=true]:focus .kol-span,\\n [disabled]:focus .kol-span {\\n outline: none !important;\\n }\\n}\\n@layer kol-component {\\n @keyframes fadeInOpacity {\\n 0% {\\n opacity: 0;\\n }\\n 100% {\\n opacity: 1;\\n }\\n }\\n .kol-tooltip {\\n display: contents;\\n }\\n .kol-tooltip__floating {\\n display: none;\\n position: fixed;\\n /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n top: 0;\\n left: 0;\\n /* Can be used to specify the tooltip-width from the outside. Unset by default. */\\n width: var(--kol-tooltip-width, max-content);\\n min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\\n max-width: 90vw;\\n max-height: 90vh;\\n visibility: hidden;\\n animation-duration: 0.25s;\\n animation-iteration-count: 1;\\n animation-name: fadeInOpacity;\\n animation-timing-function: ease-in;\\n }\\n .kol-tooltip__arrow {\\n transform: rotate(45deg);\\n color: #000;\\n background-color: #fff;\\n position: absolute;\\n z-index: 999;\\n width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\\n height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\\n }\\n .kol-tooltip__content {\\n color: #000;\\n background-color: #fff;\\n position: relative;\\n z-index: 1000;\\n }\\n}\\n@layer kol-component {\\n .kol-nav {\\n display: grid;\\n place-items: center;\\n }\\n .kol-nav--horizontal {\\n width: 100%;\\n }\\n .kol-nav:not(.kol-nav--is-compact) .kol-nav__navigation {\\n width: 100%;\\n }\\n .kol-nav__list {\\n display: flex;\\n margin: 0;\\n padding: 0;\\n list-style: none;\\n }\\n .kol-nav__list--vertical {\\n flex-direction: column;\\n }\\n .kol-nav__list--horizontal {\\n flex-wrap: wrap;\\n }\\n .kol-nav__entry-wrapper {\\n display: flex;\\n }\\n .kol-nav__entry {\\n flex-grow: 1;\\n }\\n .kol-button {\\n text-align: left;\\n }\\n .kol-span {\\n width: 100%;\\n }\\n .kol-span__container {\\n width: 100%;\\n justify-content: flex-start;\\n }\\n .kol-span__container .kol-span__label {\\n flex: 1;\\n }\\n}\";\n\nconst entryIsLink = (entryProps) => {\n return typeof entryProps._href === 'string';\n};\nconst entryIsButton = (entryProps) => {\n var _a;\n return entryProps._href === undefined && typeof ((_a = entryProps._on) === null || _a === void 0 ? void 0 : _a.onClick) === 'function';\n};\nconst KolNav = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.handleToggleExpansionClick = (children) => {\n if (children) {\n if (this.state._expandedChildren.includes(children)) {\n this.collapseChildren(children);\n }\n else {\n this.expandChildren(children);\n }\n }\n };\n this.linkList = (props) => {\n return (h(\"ul\", { class: clsx('kol-nav__list', {\n 'kol-nav__list--nested': props.deep > 0,\n 'kol-nav__list--horizontal': props.deep === 0 && props.orientation === 'horizontal',\n 'kol-nav__list--vertical': props.deep !== 0 || props.orientation === 'vertical',\n }), \"data-deep\": props.deep, id: props.id }, props.links.map((link, index) => {\n return this.li(props.collapsible, props.hideLabel, props.deep, index, link, props.orientation, props.id);\n })));\n };\n this._collapsible = true;\n this._hasCompactButton = false;\n this._hasIconsWhenExpanded = false;\n this._hideLabel = false;\n this._orientation = 'vertical';\n this.state = {\n _collapsible: true,\n _hasCompactButton: false,\n _hasIconsWhenExpanded: false,\n _hideLabel: false,\n _label: '',\n _links: [],\n _orientation: 'vertical',\n _expandedChildren: [],\n };\n }\n expandChildren(children) {\n this.state = Object.assign(Object.assign({}, this.state), { _expandedChildren: [...this.state._expandedChildren, children] });\n }\n collapseChildren(children) {\n this.state = Object.assign(Object.assign({}, this.state), { _expandedChildren: this.state._expandedChildren.filter((searchChildren) => searchChildren !== children) });\n }\n entry(collapsible, hideLabel, hasChildren, entry, expanded, ariaID) {\n var _a;\n const icons = {\n left: this.state._hasIconsWhenExpanded || this.state._hideLabel\n ? ((_a = entry._icons) === null || _a === void 0 ? void 0 : _a.toString()) || (this.state._hideLabel ? 'codicon codicon-symbol-method' : undefined)\n : undefined,\n right: collapsible && hasChildren ? 'codicon codicon-' + (expanded ? 'remove' : 'add') : undefined,\n };\n return (h(\"div\", { class: \"kol-nav__entry-wrapper\" }, entryIsLink(entry) ? (h(KolLinkWcTag, Object.assign({ class: clsx('kol-nav__entry kol-nav__entry--link', {\n 'kol-nav__entry--collapsible': collapsible,\n }) }, entry, { _hideLabel: hideLabel, _icons: icons, _ariaControls: collapsible && hasChildren && expanded ? ariaID : undefined, _ariaExpanded: collapsible && hasChildren ? expanded : undefined }))) : (h(KolButtonWcTag, { class: clsx('kol-nav__entry kol-nav__entry--button', {\n 'kol-nav__entry--collapsible': collapsible,\n }), _label: entry._label, _hideLabel: hideLabel, _icons: icons, _ariaControls: collapsible && hasChildren && expanded ? ariaID : undefined, _ariaExpanded: collapsible && hasChildren ? expanded : undefined, _on: {\n onClick: (event, value) => {\n if (entryIsButton(entry) && typeof entry._on.onClick === 'function') {\n entry._on.onClick(event, value);\n }\n this.handleToggleExpansionClick(entry._children);\n },\n } }))));\n }\n li(collapsible, hideLabel, deep, index, link, orientation, ariaIDparent) {\n const active = !!link._active;\n const hasChildren = Array.isArray(link._children) && link._children.length > 0;\n const expanded = Boolean(link._children && this.state._expandedChildren.includes(link._children));\n const ariaID = ariaIDparent + '_' + deep + '_' + index;\n return (h(\"li\", { class: clsx('kol-nav__list-item', {\n 'kol-nav__list-item--active': active,\n 'kol-nav__list-item--expanded': expanded,\n 'kol-nav__list-item--has-children': hasChildren,\n }), key: index }, this.entry(collapsible, hideLabel, hasChildren, link, expanded, ariaID), expanded && (h(this.linkList, { collapsible: collapsible, hideLabel: hideLabel, deep: deep + 1, links: link._children || [], orientation: orientation, id: ariaID }))));\n }\n initializeExpandedChildren() {\n this.state = Object.assign(Object.assign({}, this.state), { _expandedChildren: [] });\n const handleBranch = (branch) => {\n if (branch._active) {\n if (branch._children) {\n this.expandChildren(branch._children);\n }\n return true;\n }\n else if (branch._children) {\n for (const childBranch of branch._children) {\n if (handleBranch(childBranch)) {\n this.expandChildren(branch._children);\n return true;\n }\n }\n }\n return false;\n };\n this.state._links.forEach(handleBranch);\n }\n render() {\n let hasCompactButton = this.state._hasCompactButton;\n if (this.state._orientation === 'horizontal' && this.state._hasCompactButton === true) {\n hasCompactButton = false;\n devWarning(`[KolNav] Wenn eine horizontale Navigation verwendet wird, kann die Option _hasCompactButton nicht aktiviert werden.`);\n }\n const collapsible = this.state._collapsible === true;\n const hideLabel = this.state._hideLabel === true;\n const orientation = this.state._orientation;\n const id = 'kol-nav-' + nonce();\n return (h(\"div\", { key: '953b90192368f67370123c89c5502209e0928be5', class: clsx('kol-nav', `kol-nav--${orientation}`, {\n 'kol-nav--is-compact': this.state._hideLabel,\n }) }, h(\"nav\", { key: '42f841544dde2ddd8340e0bb705c94f6212c6d6d', class: \"kol-nav__navigation\", \"aria-label\": this.state._label, id: \"nav\" }, h(this.linkList, { key: '70c345730d6e3d66bd8d05c62b87eeea26fa9d79', collapsible: collapsible, hideLabel: hideLabel, deep: 0, links: this.state._links, orientation: orientation, id: id })), hasCompactButton && (h(\"div\", { key: 'd8a072335ea4b41980d0b7b556aa4e29b1cc1eda', class: \"kol-nav__compact\" }, h(KolButtonWcTag, { key: 'b9e6b197b9fe311696f03b640b8c23f291cb18fc', class: \"kol-nav__toggle-button\", _ariaControls: \"nav\", _ariaExpanded: !hideLabel, _icons: hideLabel ? 'codicon codicon-chevron-right' : 'codicon codicon-chevron-left', _hideLabel: true, _label: translate(hideLabel ? 'kol-nav-maximize' : 'kol-nav-minimize'), _on: {\n onClick: () => {\n this.state = Object.assign(Object.assign({}, this.state), { _hideLabel: this.state._hideLabel === false });\n },\n }, _tooltipAlign: \"right\", _buttonVariant: \"ghost\" })))));\n }\n validateCollapsible(value) {\n validateCollapsible(this, value);\n }\n validateHasCompactButton(value) {\n validateHasCompactButton(this, value);\n }\n validateHasIconsWhenExpanded(value) {\n validateHasIconsWhenExpanded(this, value);\n }\n validateHideLabel(value) {\n validateHideLabel(this, value);\n }\n validateLabel(value, _oldValue, initial = false) {\n if (!initial) {\n removeNavLabel(this.state._label);\n }\n validateLabel(this, value, {\n required: true,\n });\n a11yHintLabelingLandmarks(value);\n addNavLabel(this.state._label);\n }\n validateLinks(value) {\n watchNavLinks('KolNav', this, value);\n devHint(`[KolNav] The navigation structure is not yet validated recursively.`);\n this.initializeExpandedChildren();\n }\n validateOrientation(value) {\n watchValidator(this, '_orientation', (value) => value === 'horizontal' || value === 'vertical', new Set(['Orientation {horizontal, vertical}']), value, {\n defaultValue: 'vertical',\n });\n }\n componentWillLoad() {\n this.validateCollapsible(this._collapsible);\n this.validateHideLabel(this._hideLabel);\n this.validateHasCompactButton(this._hasCompactButton);\n this.validateHasIconsWhenExpanded(this._hasIconsWhenExpanded);\n this.validateLabel(this._label, undefined, true);\n this.validateLinks(this._links);\n this.validateOrientation(this._orientation);\n this.initializeExpandedChildren();\n }\n disconnectedCallback() {\n removeNavLabel(this.state._label);\n }\n static get watchers() { return {\n \"_collapsible\": [\"validateCollapsible\"],\n \"_hasCompactButton\": [\"validateHasCompactButton\"],\n \"_hasIconsWhenExpanded\": [\"validateHasIconsWhenExpanded\"],\n \"_hideLabel\": [\"validateHideLabel\"],\n \"_label\": [\"validateLabel\"],\n \"_links\": [\"validateLinks\"],\n \"_orientation\": [\"validateOrientation\"]\n }; }\n};\nKolNav.style = {\n default: defaultStyleCss\n};\n\nexport { KolNav as kol_nav };\n//# sourceMappingURL=kol-nav.entry.js.map\n"],"names":["validateCollapsible","component","value","watchBoolean","validateHasCompactButton","validateHasIconsWhenExpanded","defaultStyleCss","entryIsLink","entryProps","entryIsButton","_a","KolNav","hostRef","registerInstance","children","props","h","clsx","link","index","searchChildren","collapsible","hideLabel","hasChildren","entry","expanded","ariaID","icons","KolLinkWcTag","KolButtonWcTag","event","deep","orientation","ariaIDparent","active","handleBranch","branch","childBranch","hasCompactButton","devWarning","id","nonce","translate","validateHideLabel","_oldValue","initial","removeNavLabel","validateLabel","a11yHintLabelingLandmarks","addNavLabel","watchNavLinks","devHint","watchValidator"],"mappings":"idAAA;AAAA;AAAA,GAeA,MAAMA,EAAsB,CAACC,EAAWC,IAAU,CAC9CC,EAAaF,EAAW,eAAgBC,CAAK,CACjD,EAEME,EAA2B,CAACH,EAAWC,IAAU,CACnDC,EAAaF,EAAW,oBAAqBC,CAAK,CACtD,EAEMG,EAA+B,CAACJ,EAAWC,IAAU,CACvDC,EAAaF,EAAW,wBAAyBC,CAAK,CAC1D,EAEMI,EAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAElBC,EAAeC,GACV,OAAOA,EAAW,OAAU,SAEjCC,EAAiBD,GAAe,CAClC,IAAIE,EACJ,OAAOF,EAAW,QAAU,QAAa,QAASE,EAAKF,EAAW,OAAS,MAAQE,IAAO,OAAS,OAASA,EAAG,UAAa,UAChI,EACMC,EAAS,KAAM,CACjB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,2BAA8BE,GAAa,CACxCA,IACI,KAAK,MAAM,kBAAkB,SAASA,CAAQ,EAC9C,KAAK,iBAAiBA,CAAQ,EAG9B,KAAK,eAAeA,CAAQ,EAGxC,EACA,KAAK,SAAYC,GACLC,EAAE,KAAM,CAAE,MAAOC,EAAK,gBAAiB,CACvC,wBAAyBF,EAAM,KAAO,EACtC,4BAA6BA,EAAM,OAAS,GAAKA,EAAM,cAAgB,aACvE,0BAA2BA,EAAM,OAAS,GAAKA,EAAM,cAAgB,UACzF,CAAiB,EAAG,YAAaA,EAAM,KAAM,GAAIA,EAAM,EAAE,EAAIA,EAAM,MAAM,IAAI,CAACG,EAAMC,IAC7D,KAAK,GAAGJ,EAAM,YAAaA,EAAM,UAAWA,EAAM,KAAMI,EAAOD,EAAMH,EAAM,YAAaA,EAAM,EAAE,CAC1G,CAAC,EAEN,KAAK,aAAe,GACpB,KAAK,kBAAoB,GACzB,KAAK,sBAAwB,GAC7B,KAAK,WAAa,GAClB,KAAK,aAAe,WACpB,KAAK,MAAQ,CACT,aAAc,GACd,kBAAmB,GACnB,sBAAuB,GACvB,WAAY,GACZ,OAAQ,GACR,OAAQ,CAAA,EACR,aAAc,WACd,kBAAmB,CAAA,CAC/B,CACI,CACA,eAAeD,EAAU,CACrB,KAAK,MAAQ,OAAO,OAAO,OAAO,OAAO,CAAA,EAAI,KAAK,KAAK,EAAG,CAAE,kBAAmB,CAAC,GAAG,KAAK,MAAM,kBAAmBA,CAAQ,EAAG,CAChI,CACA,iBAAiBA,EAAU,CACvB,KAAK,MAAQ,OAAO,OAAO,OAAO,OAAO,CAAA,EAAI,KAAK,KAAK,EAAG,CAAE,kBAAmB,KAAK,MAAM,kBAAkB,OAAQM,GAAmBA,IAAmBN,CAAQ,EAAG,CACzK,CACA,MAAMO,EAAaC,EAAWC,EAAaC,EAAOC,EAAUC,EAAQ,CAChE,IAAIhB,EACJ,MAAMiB,EAAQ,CACV,KAAM,KAAK,MAAM,uBAAyB,KAAK,MAAM,aAC7CjB,EAAKc,EAAM,UAAY,MAAQd,IAAO,OAAS,OAASA,EAAG,SAAQ,KAAQ,KAAK,MAAM,WAAa,gCAAkC,QACvI,OACN,MAAOW,GAAeE,EAAc,oBAAsBE,EAAW,SAAW,OAAS,MACrG,EACQ,OAAQT,EAAE,MAAO,CAAE,MAAO,wBAAwB,EAAIT,EAAYiB,CAAK,EAAKR,EAAEY,EAAc,OAAO,OAAO,CAAE,MAAOX,EAAK,sCAAuC,CACvJ,8BAA+BI,CAC/C,CAAa,GAAKG,EAAO,CAAE,WAAYF,EAAW,OAAQK,EAAO,cAAeN,GAAeE,GAAeE,EAAWC,EAAS,OAAW,cAAeL,GAAeE,EAAcE,EAAW,MAAS,CAAE,CAAC,EAAMT,EAAEa,EAAgB,CAAE,MAAOZ,EAAK,wCAAyC,CAC/Q,8BAA+BI,CAC/C,CAAa,EAAG,OAAQG,EAAM,OAAQ,WAAYF,EAAW,OAAQK,EAAO,cAAeN,GAAeE,GAAeE,EAAWC,EAAS,OAAW,cAAeL,GAAeE,EAAcE,EAAW,OAAW,IAAK,CAC/M,QAAS,CAACK,EAAO5B,IAAU,CACnBO,EAAce,CAAK,GAAK,OAAOA,EAAM,IAAI,SAAY,YACrDA,EAAM,IAAI,QAAQM,EAAO5B,CAAK,EAElC,KAAK,2BAA2BsB,EAAM,SAAS,CACnD,CAChB,CAAa,CAAE,CAAE,CACb,CACA,GAAGH,EAAaC,EAAWS,EAAMZ,EAAOD,EAAMc,EAAaC,EAAc,CACrE,MAAMC,EAAS,CAAC,CAAChB,EAAK,QAChBK,EAAc,MAAM,QAAQL,EAAK,SAAS,GAAKA,EAAK,UAAU,OAAS,EACvEO,EAAW,GAAQP,EAAK,WAAa,KAAK,MAAM,kBAAkB,SAASA,EAAK,SAAS,GACzFQ,EAASO,EAAe,IAAMF,EAAO,IAAMZ,EACjD,OAAQH,EAAE,KAAM,CAAE,MAAOC,EAAK,qBAAsB,CAC5C,6BAA8BiB,EAC9B,+BAAgCT,EAChC,mCAAoCF,CACpD,CAAa,EAAG,IAAKJ,CAAK,EAAI,KAAK,MAAME,EAAaC,EAAWC,EAAaL,EAAMO,EAAUC,CAAM,EAAGD,GAAaT,EAAE,KAAK,SAAU,CAAE,YAAaK,EAAa,UAAWC,EAAW,KAAMS,EAAO,EAAG,MAAOb,EAAK,WAAa,CAAA,EAAI,YAAac,EAAa,GAAIN,CAAM,CAAE,CAAE,CACxQ,CACA,4BAA6B,CACzB,KAAK,MAAQ,OAAO,OAAO,OAAO,OAAO,GAAI,KAAK,KAAK,EAAG,CAAE,kBAAmB,CAAA,CAAE,CAAE,EACnF,MAAMS,EAAgBC,GAAW,CAC7B,GAAIA,EAAO,QACP,OAAIA,EAAO,WACP,KAAK,eAAeA,EAAO,SAAS,EAEjC,GAEN,GAAIA,EAAO,WACZ,UAAWC,KAAeD,EAAO,UAC7B,GAAID,EAAaE,CAAW,EACxB,YAAK,eAAeD,EAAO,SAAS,EAC7B,GAInB,MAAO,EACX,EACA,KAAK,MAAM,OAAO,QAAQD,CAAY,CAC1C,CACA,QAAS,CACL,IAAIG,EAAmB,KAAK,MAAM,kBAC9B,KAAK,MAAM,eAAiB,cAAgB,KAAK,MAAM,oBAAsB,KAC7EA,EAAmB,GACnBC,EAAW,qHAAqH,GAEpI,MAAMlB,EAAc,KAAK,MAAM,eAAiB,GAC1CC,EAAY,KAAK,MAAM,aAAe,GACtCU,EAAc,KAAK,MAAM,aACzBQ,EAAK,WAAaC,EAAK,EAC7B,OAAQzB,EAAE,MAAO,CAAE,IAAK,2CAA4C,MAAOC,EAAK,UAAW,YAAYe,CAAW,GAAI,CAC9G,sBAAuB,KAAK,MAAM,UAClD,CAAa,CAAC,EAAIhB,EAAE,MAAO,CAAE,IAAK,2CAA4C,MAAO,sBAAuB,aAAc,KAAK,MAAM,OAAQ,GAAI,KAAK,EAAIA,EAAE,KAAK,SAAU,CAAE,IAAK,2CAA4C,YAAaK,EAAa,UAAWC,EAAW,KAAM,EAAG,MAAO,KAAK,MAAM,OAAQ,YAAaU,EAAa,GAAIQ,CAAE,CAAE,CAAC,EAAGF,GAAqBtB,EAAE,MAAO,CAAE,IAAK,2CAA4C,MAAO,kBAAkB,EAAIA,EAAEa,EAAgB,CAAE,IAAK,2CAA4C,MAAO,yBAA0B,cAAe,MAAO,cAAe,CAACP,EAAW,OAAQA,EAAY,gCAAkC,+BAAgC,WAAY,GAAM,OAAQoB,EAAUpB,EAAY,mBAAqB,kBAAkB,EAAG,IAAK,CACjwB,QAAS,IAAM,CACX,KAAK,MAAQ,OAAO,OAAO,OAAO,OAAO,GAAI,KAAK,KAAK,EAAG,CAAE,WAAY,KAAK,MAAM,aAAe,GAAO,CAC7G,CAChB,EAAe,cAAe,QAAS,eAAgB,OAAO,CAAE,CAAC,CAAE,CAC/D,CACA,oBAAoBpB,EAAO,CACvBF,EAAoB,KAAME,CAAK,CACnC,CACA,yBAAyBA,EAAO,CAC5BE,EAAyB,KAAMF,CAAK,CACxC,CACA,6BAA6BA,EAAO,CAChCG,EAA6B,KAAMH,CAAK,CAC5C,CACA,kBAAkBA,EAAO,CACrByC,EAAkB,KAAMzC,CAAK,CACjC,CACA,cAAcA,EAAO0C,EAAWC,EAAU,GAAO,CACxCA,GACDC,EAAe,KAAK,MAAM,MAAM,EAEpCC,EAAc,KAAM7C,EAAO,CACvB,SAAU,EACtB,CAAS,EACD8C,EAA0B9C,CAAK,EAC/B+C,EAAY,KAAK,MAAM,MAAM,CACjC,CACA,cAAc/C,EAAO,CACjBgD,EAAc,SAAU,KAAMhD,CAAK,EACnCiD,EAAQ,qEAAqE,EAC7E,KAAK,2BAA0B,CACnC,CACA,oBAAoBjD,EAAO,CACvBkD,EAAe,KAAM,eAAiBlD,GAAUA,IAAU,cAAgBA,IAAU,WAAY,IAAI,IAAI,CAAC,oCAAoC,CAAC,EAAGA,EAAO,CACpJ,aAAc,UAC1B,CAAS,CACL,CACA,mBAAoB,CAChB,KAAK,oBAAoB,KAAK,YAAY,EAC1C,KAAK,kBAAkB,KAAK,UAAU,EACtC,KAAK,yBAAyB,KAAK,iBAAiB,EACpD,KAAK,6BAA6B,KAAK,qBAAqB,EAC5D,KAAK,cAAc,KAAK,OAAQ,OAAW,EAAI,EAC/C,KAAK,cAAc,KAAK,MAAM,EAC9B,KAAK,oBAAoB,KAAK,YAAY,EAC1C,KAAK,2BAA0B,CACnC,CACA,sBAAuB,CACnB4C,EAAe,KAAK,MAAM,MAAM,CACpC,CACA,WAAW,UAAW,CAAE,MAAO,CAC3B,aAAgB,CAAC,qBAAqB,EACtC,kBAAqB,CAAC,0BAA0B,EAChD,sBAAyB,CAAC,8BAA8B,EACxD,WAAc,CAAC,mBAAmB,EAClC,OAAU,CAAC,eAAe,EAC1B,OAAU,CAAC,eAAe,EAC1B,aAAgB,CAAC,qBAAqB,CAC9C,CAAO,CACP,EACAnC,EAAO,MAAQ,CACX,QAASL,CACb"}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import{r as C,d as _,a as p,ak as u,h as e,al as v,e as h,H as z,a6 as g,w as P,a0 as k,g as y,p as S}from"./index-Cuz1_aaZ.js";import{v as B}from"./custom-class-CA0KGtrM-B2Km4gsc.js";import{v as A}from"./label-CdtNxOKu-C0Uq4kJW.js";import{v as O}from"./tooltip-align-_VI7LehI-CoBIm-Yw.js";import{t as n}from"./i18n-CdSCDnmA-D_Ak1YX2.js";import{n as r}from"./dev.utils-D2H-D7vZ-B1-EwTKq.js";import{r as d,a as L}from"./unique-nav-labels-C_NhdgGz-Bue2PH5M.js";import"./align-CyK0wp7d-DbhDqGrG.js";/*!
|
|
2
|
-
* KoliBri - The accessible HTML-Standard
|
|
3
|
-
*/const T=(a,t,s)=>{g(a,"_max",t,s)},w={left:"codicon codicon-debug-reverse-continue"},E={left:"codicon codicon-chevron-left"},F={right:"codicon codicon-chevron-right"},G={right:"codicon codicon-debug-continue"};function M(){const a=navigator.language||"de-DE";return a.includes("-")?a:`${a}-${a.toUpperCase()}`}const N=M(),b=new Intl.NumberFormat(N,{style:"decimal",minimumFractionDigits:0,maximumFractionDigits:0}),W=class{constructor(a){C(this,a),this.nonce=r(),this.translatePageFirst=n("kol-page-first"),this.translatePageBack=n("kol-page-back"),this.translatePageNext=n("kol-page-next"),this.translatePageLast=n("kol-page-last"),this.translateEntriesPerSite=n("kol-entries-per-site"),this.translatePage=n("kol-page"),this.translatePagination=n("kol-pagination"),this.calcCount=(t,s=1)=>Math.ceil(t/s),this.getCount=()=>this.calcCount(this.state._max,this.state._pageSize),this._boundaryCount=1,this._hasButtons=!0,this._pageSize=1,this._pageSizeOptions=[],this._siblingCount=1,this._tooltipAlign="top",this.state={_boundaryCount:1,_label:this.translatePagination,_hasButtons:{first:!0,last:!0,next:!0,previous:!0},_on:{onClick:()=>null},_page:0,_pageSize:1,_pageSizeOptions:[],_siblingCount:1,_max:0},this.onClick=(t,s)=>{typeof this.state._on.onClick=="function"&&this.state._on.onClick(t,s),this.host&&_(this.host,p.click,s),this.onChangePage(t,s)},this.onChangePage=(t,s)=>{const o=setTimeout(()=>{clearTimeout(o),typeof this.state._on.onChangePage=="function"&&this.state._on.onChangePage(t,s),this.host&&_(this.host,p.changePage,s)})},this.onChangePageSize=(t,s)=>{if(s=parseInt(s),typeof s=="number"&&s>0&&this._pageSize!==s){this._pageSize=s;const o=setTimeout(()=>{clearTimeout(o),typeof this.state._on.onChangePageSize=="function"&&this.state._on.onChangePageSize(t,this._pageSize),this.host&&_(this.host,p.changePageSize,this._pageSize)})}},this.onGoToFirst={onClick:t=>{this.onClick(t,1)}},this.onGoToEnd={onClick:t=>{this.onClick(t,this.getCount())}},this.onGoBackward={onClick:t=>{this.onClick(t,this.state._page-1)}},this.onGoForward={onClick:t=>{this.onClick(t,this.state._page+1)}},this.beforePageSize=(t,s)=>{let o=s.has("_pageSize")?s.get("_pageSize"):this.state._pageSize;const i=s.has("_pageSizeOptions")?s.get("_pageSizeOptions"):this.state._pageSizeOptions;if(Array.isArray(i)&&i.length>0){const c=i.find(m=>m.value===o);c===void 0?o=i[0].value:o=c.value,s.set("_pageSize",o)}const l=s.has("_page")?s.get("_page"):this.state._page,f=s.has("_max")?s.get("_max"):this.state._max;this.syncPage(s,l,s.get("_pageSize"),f)},this.syncPage=(t,s,o,i)=>{if(i>0){const l=this.calcCount(i,o);l>0&&(s>l?(t.set("_page",l),this.onChangePage(u,l)):s<1&&(t.set("_page",1),this.onChangePage(u,1)))}},this.beforePageSizeOptions=(t,s)=>{const o=[];if(Array.isArray(t))for(const i of t)typeof i=="number"&&o.push({label:n("kol-page-per-site",{placeholders:{entries:`${i}`}}),value:i});s.set("_pageSizeOptions",o),this.beforePageSize(o,s)}}render(){var a;let t=!1;const s=this.getCount(),o=Array.from(Array(s).keys()).map(i=>i+1).map(i=>i<=this.state._boundaryCount||i>s-this.state._boundaryCount||i>=this.state._page-this.state._siblingCount&&i<=this.state._page+this.state._siblingCount?(t=!0,this.state._page===i?this.getSelectedPageButton(i):this.getUnselectedPageButton(i)):t===!0?(t=!1,e("li",{key:r()},e("span",{class:"kol-pagination__separator","aria-hidden":"true"}))):null);return e(z,{class:"kol-pagination"},e("nav",{class:"kol-pagination__navigation","aria-label":this.state._label},e("ul",{class:"kol-pagination__navigation-list"},this.state._hasButtons.first&&e("li",null,e(h,{class:"kol-pagination__button kol-pagination__button--first",exportparts:"icon",_customClass:this.state._customClass,_disabled:this.state._page<=1,_icons:w,_hideLabel:!0,_label:this.translatePageFirst,_on:this.onGoToFirst,_tooltipAlign:this.state._tooltipAlign})),this.state._hasButtons.previous&&e("li",null,e(h,{class:"kol-pagination__button kol-pagination__button--previous",exportparts:"icon",_customClass:this.state._customClass,_disabled:this.state._page<=1,_icons:E,_hideLabel:!0,_label:this.translatePageBack,_on:this.onGoBackward,_tooltipAlign:this.state._tooltipAlign})),o,this.state._hasButtons.next&&e("li",null,e(h,{class:"kol-pagination__button kol-pagination__button--next",exportparts:"icon",_customClass:this.state._customClass,_disabled:s<=this.state._page,_icons:F,_hideLabel:!0,_label:this.translatePageNext,_on:this.onGoForward,_tooltipAlign:this.state._tooltipAlign})),this.state._hasButtons.last&&e("li",null,e(h,{class:"kol-pagination__button kol-pagination__button--last",exportparts:"icon",_customClass:this.state._customClass,_disabled:s<=this.state._page,_icons:G,_hideLabel:!0,_label:this.translatePageLast,_on:this.onGoToEnd,_tooltipAlign:this.state._tooltipAlign})))),((a=this.state._pageSizeOptions)===null||a===void 0?void 0:a.length)>0&&e(v,{class:"kol-pagination__page-size-select",_hideLabel:!0,_id:`pagination-size-${this.nonce}`,_label:this.translateEntriesPerSite,_options:this.state._pageSizeOptions,_on:{onChange:this.onChangePageSize},_value:this.state._pageSize}))}getUnselectedPageButton(a){return e("li",{key:r()},e(h,{exportparts:"icon",_customClass:this.state._customClass,_label:"",_on:{onClick:t=>{this.onClick(t,a)}}},e("span",{slot:"expert"},e("span",{class:"visually-hidden"},this.translatePage)," ",b.format(a))))}getSelectedPageButton(a){return e("li",{key:r()},e(h,{class:"kol-pagination__button kol-pagination__button--selected",_customClass:this.state._customClass,_disabled:!0,_label:""},e("span",{slot:"expert"},e("span",{class:"visually-hidden"},this.translatePage)," ",b.format(a))))}validateBoundaryCount(a){g(this,"_boundaryCount",Math.max(0,a??1))}validateCustomClass(a){B(this,a)}validateLabel(a,t,s=!1){s||d(this.state._label),A(this,a),L(this.state._label)}validateHasButtons(a){P(this,"_hasButtons",t=>typeof t=="boolean"||typeof t=="string"||typeof t=="object"&&t!==null,new Set(["Boolean","PaginationHasButton"]),a,{hooks:{beforePatch:(t,s)=>{if(typeof t=="boolean")s.set("_hasButtons",{first:t,last:t,next:t,previous:t});else{if(typeof t=="string")try{t=S(t)}catch{s.delete("_hasButtons")}typeof t=="object"&&t!==null&&s.set("_hasButtons",Object.assign(Object.assign({},this.state._hasButtons),{first:typeof t.first=="boolean"?t.first===!0:this.state._hasButtons.first,last:typeof t.last=="boolean"?t.last===!0:this.state._hasButtons.last,next:typeof t.next=="boolean"?t.next===!0:this.state._hasButtons.next,previous:typeof t.previous=="boolean"?t.previous===!0:this.state._hasButtons.previous}))}}}})}validateOn(a){typeof a=="object"&&a!==null&&(this.state=Object.assign(Object.assign({},this.state),{_on:a}))}validatePage(a){g(this,"_page",a,{hooks:{beforePatch:(t,s)=>{const o=s.has("_pageSize")?s.get("_pageSize"):this.state._pageSize,i=s.has("_max")?s.get("_max"):this.state._max;this.syncPage(s,t,o,i)}}})}validatePageSize(a){g(this,"_pageSize",a,{hooks:{beforePatch:this.beforePageSize}})}validatePageSizeOptions(a){k(this,"_pageSizeOptions",t=>typeof t=="number",a,void 0,{hooks:{beforePatch:this.beforePageSizeOptions}})}validateSiblingCount(a){g(this,"_siblingCount",Math.max(0,a??1))}validateMax(a){T(this,a,{hooks:{beforePatch:(t,s)=>{const o=s.has("_page")?s.get("_page"):this.state._page,i=s.has("_pageSize")?s.get("_pageSize"):this.state._pageSize;this.syncPage(s,o,i,t)}}})}validateTooltipAlign(a){O(this,a)}componentWillLoad(){this.validateBoundaryCount(this._boundaryCount),this.validateCustomClass(this._customClass),this.validateHasButtons(this._hasButtons),this.validateLabel(this._label,void 0,!0),this.validateOn(this._on),this.validatePage(this._page),this.validatePageSize(this._pageSize),this.validatePageSizeOptions(this._pageSizeOptions),this.validateSiblingCount(this._siblingCount),this.validateTooltipAlign(this._tooltipAlign),this.validateMax(this._max),this.validatePage(this._page)}disconnectedCallback(){d(this.state._label)}get host(){return y(this)}static get watchers(){return{_boundaryCount:["validateBoundaryCount"],_customClass:["validateCustomClass"],_label:["validateLabel"],_hasButtons:["validateHasButtons"],_on:["validateOn"],_page:["validatePage"],_pageSize:["validatePageSize"],_pageSizeOptions:["validatePageSizeOptions"],_siblingCount:["validateSiblingCount"],_max:["validateMax"],_tooltipAlign:["validateTooltipAlign"]}}};export{W as kol_pagination_wc};
|
|
4
|
-
//# sourceMappingURL=kol-pagination-wc.entry-BdT0MOmj.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"kol-pagination-wc.entry-BdT0MOmj.js","sources":["../../../../components/dist/esm/kol-pagination-wc.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host, g as getElement } from './index-DKFHNf-G.js';\nimport { N as watchNumber, S as STATE_CHANGE_EVENT, w as watchValidator, H as watchJsonArrayString, p as parseJson } from './common-8fBdMvJM.js';\nimport { v as validateCustomClass } from './custom-class-CA0KGtrM.js';\nimport { v as validateLabel } from './label-CdtNxOKu.js';\nimport { v as validateTooltipAlign } from './tooltip-align-_VI7LehI.js';\nimport { t as translate } from './i18n-CdSCDnmA.js';\nimport { n as nonce } from './dev.utils-D2H-D7vZ.js';\nimport { r as removeNavLabel, a as addNavLabel } from './unique-nav-labels-C_NhdgGz.js';\nimport { r as KolSelectTag, d as KolButtonWcTag } from './component-names-CkE54Ym7.js';\nimport { d as dispatchDomEvent, K as KolEvent } from './events-CoPFQEiC.js';\nimport './align-CyK0wp7d.js';\nimport './i18n-ZF6JbdVP.js';\n\nconst validateMax = (component, value, options) => {\n watchNumber(component, '_max', value, options);\n};\n\nconst leftDoubleArrowIcon = {\n left: 'codicon codicon-debug-reverse-continue',\n};\nconst leftSingleArrow = {\n left: 'codicon codicon-chevron-left',\n};\nconst rightSingleArrowIcon = {\n right: 'codicon codicon-chevron-right',\n};\nconst rightDoubleArrowIcon = {\n right: 'codicon codicon-debug-continue',\n};\nfunction getUserLanguage() {\n const userLanguage = navigator.language || 'de-DE';\n const normalizedLanguage = userLanguage.includes('-') ? userLanguage : `${userLanguage}-${userLanguage.toUpperCase()}`;\n return normalizedLanguage;\n}\nconst userLanguage = getUserLanguage();\nconst NUMBER_FORMATTER = new Intl.NumberFormat(userLanguage, {\n style: 'decimal',\n minimumFractionDigits: 0,\n maximumFractionDigits: 0,\n});\nconst KolPaginationWc = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.nonce = nonce();\n this.translatePageFirst = translate('kol-page-first');\n this.translatePageBack = translate('kol-page-back');\n this.translatePageNext = translate('kol-page-next');\n this.translatePageLast = translate('kol-page-last');\n this.translateEntriesPerSite = translate('kol-entries-per-site');\n this.translatePage = translate('kol-page');\n this.translatePagination = translate('kol-pagination');\n this.calcCount = (total, pageSize = 1) => Math.ceil(total / pageSize);\n this.getCount = () => this.calcCount(this.state._max, this.state._pageSize);\n this._boundaryCount = 1;\n this._hasButtons = true;\n this._pageSize = 1;\n this._pageSizeOptions = [];\n this._siblingCount = 1;\n this._tooltipAlign = 'top';\n this.state = {\n _boundaryCount: 1,\n _label: this.translatePagination,\n _hasButtons: {\n first: true,\n last: true,\n next: true,\n previous: true,\n },\n _on: {\n onClick: () => null,\n },\n _page: 0,\n _pageSize: 1,\n _pageSizeOptions: [],\n _siblingCount: 1,\n _max: 0,\n };\n this.onClick = (event, page) => {\n if (typeof this.state._on.onClick === 'function') {\n this.state._on.onClick(event, page);\n }\n if (this.host) {\n dispatchDomEvent(this.host, KolEvent.click, page);\n }\n this.onChangePage(event, page);\n };\n this.onChangePage = (event, page) => {\n const timeout = setTimeout(() => {\n clearTimeout(timeout);\n if (typeof this.state._on.onChangePage === 'function') {\n this.state._on.onChangePage(event, page);\n }\n if (this.host) {\n dispatchDomEvent(this.host, KolEvent.changePage, page);\n }\n });\n };\n this.onChangePageSize = (event, value) => {\n value = parseInt(value);\n if (typeof value === 'number' && value > 0 && this._pageSize !== value) {\n this._pageSize = value;\n const timeout = setTimeout(() => {\n clearTimeout(timeout);\n if (typeof this.state._on.onChangePageSize === 'function') {\n this.state._on.onChangePageSize(event, this._pageSize);\n }\n if (this.host) {\n dispatchDomEvent(this.host, KolEvent.changePageSize, this._pageSize);\n }\n });\n }\n };\n this.onGoToFirst = {\n onClick: (event) => {\n this.onClick(event, 1);\n },\n };\n this.onGoToEnd = {\n onClick: (event) => {\n this.onClick(event, this.getCount());\n },\n };\n this.onGoBackward = {\n onClick: (event) => {\n this.onClick(event, this.state._page - 1);\n },\n };\n this.onGoForward = {\n onClick: (event) => {\n this.onClick(event, this.state._page + 1);\n },\n };\n this.beforePageSize = (_nextValue, nextState) => {\n let pageSize = nextState.has('_pageSize') ? nextState.get('_pageSize') : this.state._pageSize;\n const pageSizeOptions = nextState.has('_pageSizeOptions') ? nextState.get('_pageSizeOptions') : this.state._pageSizeOptions;\n if (Array.isArray(pageSizeOptions) && pageSizeOptions.length > 0) {\n const find = pageSizeOptions.find((option) => option.value === pageSize);\n if (find === undefined) {\n pageSize = pageSizeOptions[0].value;\n }\n else {\n pageSize = find.value;\n }\n nextState.set('_pageSize', pageSize);\n }\n const page = nextState.has('_page') ? nextState.get('_page') : this.state._page;\n const total = nextState.has('_max') ? nextState.get('_max') : this.state._max;\n this.syncPage(nextState, page, nextState.get('_pageSize'), total);\n };\n this.syncPage = (nextState, page, pageSize, total) => {\n if (total > 0) {\n const count = this.calcCount(total, pageSize);\n if (count > 0) {\n if (page > count) {\n nextState.set('_page', count);\n this.onChangePage(STATE_CHANGE_EVENT, count);\n }\n else if (page < 1) {\n nextState.set('_page', 1);\n this.onChangePage(STATE_CHANGE_EVENT, 1);\n }\n }\n }\n };\n this.beforePageSizeOptions = (nextValue, nextState) => {\n const options = [];\n if (Array.isArray(nextValue)) {\n for (const value of nextValue) {\n if (typeof value === 'number') {\n options.push({\n label: translate('kol-page-per-site', { placeholders: { entries: `${value}` } }),\n value: value,\n });\n }\n }\n }\n nextState.set('_pageSizeOptions', options);\n this.beforePageSize(options, nextState);\n };\n }\n render() {\n var _a;\n let ellipsis = false;\n const count = this.getCount();\n const pageButtons = Array.from(Array(count).keys())\n .map((index) => index + 1)\n .map((page) => {\n if (page <= this.state._boundaryCount ||\n page > count - this.state._boundaryCount ||\n (page >= this.state._page - this.state._siblingCount && page <= this.state._page + this.state._siblingCount)) {\n ellipsis = true;\n if (this.state._page === page) {\n return this.getSelectedPageButton(page);\n }\n else {\n return this.getUnselectedPageButton(page);\n }\n }\n else if (ellipsis === true) {\n ellipsis = false;\n return (h(\"li\", { key: nonce() }, h(\"span\", { class: \"kol-pagination__separator\", \"aria-hidden\": \"true\" })));\n }\n else {\n return null;\n }\n });\n return (h(Host, { class: \"kol-pagination\" }, h(\"nav\", { class: \"kol-pagination__navigation\", \"aria-label\": this.state._label }, h(\"ul\", { class: \"kol-pagination__navigation-list\" }, this.state._hasButtons.first && (h(\"li\", null, h(KolButtonWcTag, { class: \"kol-pagination__button kol-pagination__button--first\", exportparts: \"icon\", _customClass: this.state._customClass, _disabled: this.state._page <= 1, _icons: leftDoubleArrowIcon, _hideLabel: true, _label: this.translatePageFirst, _on: this.onGoToFirst, _tooltipAlign: this.state._tooltipAlign }))), this.state._hasButtons.previous && (h(\"li\", null, h(KolButtonWcTag, { class: \"kol-pagination__button kol-pagination__button--previous\", exportparts: \"icon\", _customClass: this.state._customClass, _disabled: this.state._page <= 1, _icons: leftSingleArrow, _hideLabel: true, _label: this.translatePageBack, _on: this.onGoBackward, _tooltipAlign: this.state._tooltipAlign }))), pageButtons, this.state._hasButtons.next && (h(\"li\", null, h(KolButtonWcTag, { class: \"kol-pagination__button kol-pagination__button--next\", exportparts: \"icon\", _customClass: this.state._customClass, _disabled: count <= this.state._page, _icons: rightSingleArrowIcon, _hideLabel: true, _label: this.translatePageNext, _on: this.onGoForward, _tooltipAlign: this.state._tooltipAlign }))), this.state._hasButtons.last && (h(\"li\", null, h(KolButtonWcTag, { class: \"kol-pagination__button kol-pagination__button--last\", exportparts: \"icon\", _customClass: this.state._customClass, _disabled: count <= this.state._page, _icons: rightDoubleArrowIcon, _hideLabel: true, _label: this.translatePageLast, _on: this.onGoToEnd, _tooltipAlign: this.state._tooltipAlign }))))), ((_a = this.state._pageSizeOptions) === null || _a === void 0 ? void 0 : _a.length) > 0 && (h(KolSelectTag, { class: \"kol-pagination__page-size-select\", _hideLabel: true, _id: `pagination-size-${this.nonce}`, _label: this.translateEntriesPerSite, _options: this.state._pageSizeOptions, _on: {\n onChange: this.onChangePageSize,\n }, _value: this.state._pageSize }))));\n }\n getUnselectedPageButton(page) {\n return (h(\"li\", { key: nonce() }, h(KolButtonWcTag, { exportparts: \"icon\", _customClass: this.state._customClass, _label: \"\", _on: {\n onClick: (event) => {\n this.onClick(event, page);\n },\n } }, h(\"span\", { slot: \"expert\" }, h(\"span\", { class: \"visually-hidden\" }, this.translatePage), \" \", NUMBER_FORMATTER.format(page)))));\n }\n getSelectedPageButton(page) {\n return (h(\"li\", { key: nonce() }, h(KolButtonWcTag, { class: \"kol-pagination__button kol-pagination__button--selected\", _customClass: this.state._customClass, _disabled: true, _label: \"\" }, h(\"span\", { slot: \"expert\" }, h(\"span\", { class: \"visually-hidden\" }, this.translatePage), \" \", NUMBER_FORMATTER.format(page)))));\n }\n validateBoundaryCount(value) {\n watchNumber(this, '_boundaryCount', Math.max(0, value !== null && value !== void 0 ? value : 1));\n }\n validateCustomClass(value) {\n validateCustomClass(this, value);\n }\n validateLabel(label, _oldValue, initial = false) {\n if (!initial) {\n removeNavLabel(this.state._label);\n }\n validateLabel(this, label);\n addNavLabel(this.state._label);\n }\n validateHasButtons(value) {\n watchValidator(this, '_hasButtons', (value) => typeof value === 'boolean' || typeof value === 'string' || (typeof value === 'object' && value !== null), new Set(['Boolean', 'PaginationHasButton']), value, {\n hooks: {\n beforePatch: (nextValue, nextState) => {\n if (typeof nextValue === 'boolean') {\n nextState.set('_hasButtons', {\n first: nextValue,\n last: nextValue,\n next: nextValue,\n previous: nextValue,\n });\n }\n else {\n if (typeof nextValue === 'string') {\n try {\n nextValue = parseJson(nextValue);\n }\n catch (e) {\n nextState.delete('_hasButtons');\n }\n }\n if (typeof nextValue === 'object' && nextValue !== null) {\n nextState.set('_hasButtons', Object.assign(Object.assign({}, this.state._hasButtons), { first: typeof nextValue.first === 'boolean'\n ? nextValue.first === true\n : this.state._hasButtons.first, last: typeof nextValue.last === 'boolean'\n ? nextValue.last === true\n : this.state._hasButtons.last, next: typeof nextValue.next === 'boolean'\n ? nextValue.next === true\n : this.state._hasButtons.next, previous: typeof nextValue.previous === 'boolean'\n ? nextValue.previous === true\n : this.state._hasButtons.previous }));\n }\n }\n },\n },\n });\n }\n validateOn(value) {\n if (typeof value === 'object' && value !== null) {\n this.state = Object.assign(Object.assign({}, this.state), { _on: value });\n }\n }\n validatePage(value) {\n watchNumber(this, '_page', value, {\n hooks: {\n beforePatch: (_nextValue, nextState) => {\n const pageSize = nextState.has('_pageSize') ? nextState.get('_pageSize') : this.state._pageSize;\n const total = nextState.has('_max') ? nextState.get('_max') : this.state._max;\n this.syncPage(nextState, _nextValue, pageSize, total);\n },\n },\n });\n }\n validatePageSize(value) {\n watchNumber(this, '_pageSize', value, {\n hooks: {\n beforePatch: this.beforePageSize,\n },\n });\n }\n validatePageSizeOptions(value) {\n watchJsonArrayString(this, '_pageSizeOptions', (value) => typeof value === 'number', value, undefined, {\n hooks: {\n beforePatch: this.beforePageSizeOptions,\n },\n });\n }\n validateSiblingCount(value) {\n watchNumber(this, '_siblingCount', Math.max(0, value !== null && value !== void 0 ? value : 1));\n }\n validateMax(value) {\n validateMax(this, value, {\n hooks: {\n beforePatch: (_nextValue, nextState) => {\n const page = nextState.has('_page') ? nextState.get('_page') : this.state._page;\n const pageSize = nextState.has('_pageSize') ? nextState.get('_pageSize') : this.state._pageSize;\n this.syncPage(nextState, page, pageSize, _nextValue);\n },\n },\n });\n }\n validateTooltipAlign(value) {\n validateTooltipAlign(this, value);\n }\n componentWillLoad() {\n this.validateBoundaryCount(this._boundaryCount);\n this.validateCustomClass(this._customClass);\n this.validateHasButtons(this._hasButtons);\n this.validateLabel(this._label, undefined, true);\n this.validateOn(this._on);\n this.validatePage(this._page);\n this.validatePageSize(this._pageSize);\n this.validatePageSizeOptions(this._pageSizeOptions);\n this.validateSiblingCount(this._siblingCount);\n this.validateTooltipAlign(this._tooltipAlign);\n this.validateMax(this._max);\n this.validatePage(this._page);\n }\n disconnectedCallback() {\n removeNavLabel(this.state._label);\n }\n get host() { return getElement(this); }\n static get watchers() { return {\n \"_boundaryCount\": [\"validateBoundaryCount\"],\n \"_customClass\": [\"validateCustomClass\"],\n \"_label\": [\"validateLabel\"],\n \"_hasButtons\": [\"validateHasButtons\"],\n \"_on\": [\"validateOn\"],\n \"_page\": [\"validatePage\"],\n \"_pageSize\": [\"validatePageSize\"],\n \"_pageSizeOptions\": [\"validatePageSizeOptions\"],\n \"_siblingCount\": [\"validateSiblingCount\"],\n \"_max\": [\"validateMax\"],\n \"_tooltipAlign\": [\"validateTooltipAlign\"]\n }; }\n};\n\nexport { KolPaginationWc as kol_pagination_wc };\n//# sourceMappingURL=kol-pagination-wc.entry.js.map\n"],"names":["validateMax","component","value","options","watchNumber","leftDoubleArrowIcon","leftSingleArrow","rightSingleArrowIcon","rightDoubleArrowIcon","getUserLanguage","userLanguage","NUMBER_FORMATTER","KolPaginationWc","hostRef","registerInstance","nonce","translate","total","pageSize","event","page","dispatchDomEvent","KolEvent","timeout","_nextValue","nextState","pageSizeOptions","find","option","count","STATE_CHANGE_EVENT","nextValue","_a","ellipsis","pageButtons","index","h","Host","KolButtonWcTag","KolSelectTag","validateCustomClass","label","_oldValue","initial","removeNavLabel","validateLabel","addNavLabel","watchValidator","parseJson","watchJsonArrayString","validateTooltipAlign","getElement"],"mappings":"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"}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import{r,O as l,h as s,H as d,g as p,n as a}from"./index-Cuz1_aaZ.js";import{b as c,a as u}from"./align-floating-elements-Bx4ukVlr-FjEmjkUG.js";import{v as m}from"./align-CyK0wp7d-DbhDqGrG.js";import{v}from"./label-CdtNxOKu-C0Uq4kJW.js";import"./Alert-qJPuIv8b-Cf1Dz4Bo.js";import{K as E}from"./Span-9Jbefwfo-NyeuKlZ0.js";import"./i18n-CdSCDnmA-D_Ak1YX2.js";import"./tslib.es6-CxX45GIN-BAJoBDh7.js";import"./markdown-DL-PkOqb-Cfi-IobI.js";import"./isObject-DvSELytj-B0RigBxT.js";import"./clsx-eK3rPvPS-BT_IL7Fz.js";import"./Heading-CMd-jtC1-BWK_kciH.js";import"./Icon-BQRZwXjg-DUkDYGjS.js";import"./reuse-CX4AQDkS-Cyh-fyjG.js";import"./InternalUnderlinedBadgeText-DeV9AANw-wEHwgbnZ.js";/*!
|
|
2
|
-
* KoliBri - The accessible HTML-Standard
|
|
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,O=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{O as kol_tooltip_wc};
|
|
4
|
-
//# sourceMappingURL=kol-tooltip-wc.entry-BIb_Tp2q.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"kol-tooltip-wc.entry-BIb_Tp2q.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-DKFHNf-G.js';\nimport { b as autoUpdate, a as alignFloatingElements } from './align-floating-elements-Bx4ukVlr.js';\nimport { e as watchString, A as getDocument } from './common-8fBdMvJM.js';\nimport { v as validateAlign } from './align-CyK0wp7d.js';\nimport { v as validateLabel } from './label-CdtNxOKu.js';\nimport './Alert-qJPuIv8b.js';\nimport { K as KolSpanFc } from './Span-9Jbefwfo.js';\nimport './i18n-CdSCDnmA.js';\nimport './tslib.es6-CxX45GIN.js';\nimport './clsx-eK3rPvPS.js';\nimport './component-names-CkE54Ym7.js';\nimport './bem-CHTjklyp.js';\nimport './browser-Ba2Wl_kh.js';\nimport './Heading-CMd-jtC1.js';\nimport './Icon-BQRZwXjg.js';\nimport './reuse-CX4AQDkS.js';\nimport './markdown-DL-PkOqb.js';\nimport './InternalUnderlinedBadgeText-DeV9AANw.js';\nimport './isObject-DvSELytj.js';\nimport './i18n-ZF6JbdVP.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"],"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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"}
|