@public-ui/sample-react 3.0.7-d0e38f2b24188b03316351f07d939c4524a2fd81.0 → 3.0.7-rc.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-C3ktyZF6-CkHMoJk_.js → Alert-qJPuIv8b-Cf1Dz4Bo.js} +3 -3
- package/dist/assets/Alert-qJPuIv8b-Cf1Dz4Bo.js.map +1 -0
- package/dist/assets/{Collapsible-DuN5vPyq-C7X-jnZz.js → Collapsible-VwOBRTg--D0SKccok.js} +3 -3
- package/dist/assets/Collapsible-VwOBRTg--D0SKccok.js.map +1 -0
- package/dist/assets/{CustomSuggestionsToggle-Dy5sBs-i-DGgtH-wO.js → CustomSuggestionsToggle-BtYSYCn5-CY0JlDPW.js} +2 -2
- package/dist/assets/{CustomSuggestionsToggle-Dy5sBs-i-DGgtH-wO.js.map → CustomSuggestionsToggle-BtYSYCn5-CY0JlDPW.js.map} +1 -1
- package/dist/assets/{FieldControlStateWrapper-DC5e0v-Z-DkrFk1WE.js → FieldControlStateWrapper-CIWPKSbC-DcHGRl6R.js} +2 -2
- package/dist/assets/FieldControlStateWrapper-CIWPKSbC-DcHGRl6R.js.map +1 -0
- package/dist/assets/{FormFieldStateWrapper-CA5QfRbl-D5TnE0Jp.js → FormFieldStateWrapper-CKwM-DIl-BUCjWcxC.js} +2 -2
- package/dist/assets/FormFieldStateWrapper-CKwM-DIl-BUCjWcxC.js.map +1 -0
- package/dist/assets/Heading-CMd-jtC1-BWK_kciH.js +4 -0
- package/dist/assets/Heading-CMd-jtC1-BWK_kciH.js.map +1 -0
- package/dist/assets/{Icon-CZlCqmbX-OMvPRY4Q.js → Icon-BQRZwXjg-DUkDYGjS.js} +2 -2
- package/dist/assets/{Icon-CZlCqmbX-OMvPRY4Q.js.map → Icon-BQRZwXjg-DUkDYGjS.js.map} +1 -1
- package/dist/assets/{Input-mBmTM8GQ-C9LTY7ZL.js → Input-BQNyXbdV-DSNVapbe.js} +2 -2
- package/dist/assets/Input-BQNyXbdV-DSNVapbe.js.map +1 -0
- package/dist/assets/{InputStateWrapper-vabMC5ny-B20FHxwh.js → InputStateWrapper-5DGko7Ry-BHXVLFy_.js} +2 -2
- package/dist/assets/InputStateWrapper-5DGko7Ry-BHXVLFy_.js.map +1 -0
- package/dist/assets/{InternalUnderlinedBadgeText-BzZpJszE-D31M0DTZ.js → InternalUnderlinedBadgeText-DeV9AANw-wEHwgbnZ.js} +2 -2
- package/dist/assets/{InternalUnderlinedBadgeText-BzZpJszE-D31M0DTZ.js.map → InternalUnderlinedBadgeText-DeV9AANw-wEHwgbnZ.js.map} +1 -1
- package/dist/assets/{Span-DNVnBGCS-BP5oGv6f.js → Span-9Jbefwfo-NyeuKlZ0.js} +2 -2
- package/dist/assets/Span-9Jbefwfo-NyeuKlZ0.js.map +1 -0
- package/dist/assets/{access-and-short-key-bcID78Ha-DaObVux7.js → access-and-short-key-bcID78Ha-C130xYiQ.js} +2 -2
- package/dist/assets/{access-and-short-key-bcID78Ha-DaObVux7.js.map → access-and-short-key-bcID78Ha-C130xYiQ.js.map} +1 -1
- package/dist/assets/{align-CyK0wp7d-hi0vOy5y.js → align-CyK0wp7d-DbhDqGrG.js} +2 -2
- package/dist/assets/{align-CyK0wp7d-hi0vOy5y.js.map → align-CyK0wp7d-DbhDqGrG.js.map} +1 -1
- package/dist/assets/{align-floating-elements-Bx4ukVlr-zizDkFFN.js → align-floating-elements-Bx4ukVlr-FjEmjkUG.js} +2 -2
- package/dist/assets/{align-floating-elements-Bx4ukVlr-zizDkFFN.js.map → align-floating-elements-Bx4ukVlr-FjEmjkUG.js.map} +1 -1
- package/dist/assets/{associated.controller-BKIODHIT-DN085Z25.js → associated.controller-BKIODHIT-CP4fv7ts.js} +2 -2
- package/dist/assets/{associated.controller-BKIODHIT-DN085Z25.js.map → associated.controller-BKIODHIT-CP4fv7ts.js.map} +1 -1
- package/dist/assets/{auto-complete-BsG3RQJ3-BY1TnkIg.js → auto-complete-BsG3RQJ3-pHLpl9cd.js} +2 -2
- package/dist/assets/{auto-complete-BsG3RQJ3-BY1TnkIg.js.map → auto-complete-BsG3RQJ3-pHLpl9cd.js.map} +1 -1
- package/dist/assets/{color-C3pYZKV3-C3ZfX89X.js → color-C3pYZKV3-BGmCwfod.js} +2 -2
- package/dist/assets/{color-C3pYZKV3-C3ZfX89X.js.map → color-C3pYZKV3-BGmCwfod.js.map} +1 -1
- package/dist/assets/{controller-BBBqpY6I-C-RJq5QE.js → controller-BMZRH6Si-B5Tb77rU.js} +2 -2
- package/dist/assets/{controller-BBBqpY6I-C-RJq5QE.js.map → controller-BMZRH6Si-B5Tb77rU.js.map} +1 -1
- package/dist/assets/{controller-Kdma2hex-BX9oD01B.js → controller-B_Bwl5E9-CBgf6Hfe.js} +2 -2
- package/dist/assets/{controller-Kdma2hex-BX9oD01B.js.map → controller-B_Bwl5E9-CBgf6Hfe.js.map} +1 -1
- package/dist/assets/{controller-C3khCPNt-CJWETl3d.js → controller-C7skty3T-3w3vcTk5.js} +2 -2
- package/dist/assets/{controller-C3khCPNt-CJWETl3d.js.map → controller-C7skty3T-3w3vcTk5.js.map} +1 -1
- package/dist/assets/{controller-CV2y9Ae_-Dxqk02gy.js → controller-CV2y9Ae_-BvODZRBq.js} +2 -2
- package/dist/assets/{controller-CV2y9Ae_-Dxqk02gy.js.map → controller-CV2y9Ae_-BvODZRBq.js.map} +1 -1
- package/dist/assets/{controller-icon-By46q2Iq-D0WYseJu.js → controller-icon-DcftMfhw-DppVXxu6.js} +2 -2
- package/dist/assets/controller-icon-DcftMfhw-DppVXxu6.js.map +1 -0
- package/dist/assets/{custom-class-CA0KGtrM-ButwHo7X.js → custom-class-CA0KGtrM-B2Km4gsc.js} +2 -2
- package/dist/assets/{custom-class-CA0KGtrM-ButwHo7X.js.map → custom-class-CA0KGtrM-B2Km4gsc.js.map} +1 -1
- package/dist/assets/{dev.utils-CQdBj8YZ-DMjFnuS-.js → dev.utils-D2H-D7vZ-B1-EwTKq.js} +2 -2
- package/dist/assets/{dev.utils-CQdBj8YZ-DMjFnuS-.js.map → dev.utils-D2H-D7vZ-B1-EwTKq.js.map} +1 -1
- package/dist/assets/{devtools-DyBftFpK-CeASQe1v.js → devtools-Bv4R5yuw-ByKEpxpX.js} +2 -2
- package/dist/assets/{devtools-DyBftFpK-CeASQe1v.js.map → devtools-Bv4R5yuw-ByKEpxpX.js.map} +1 -1
- package/dist/assets/{disabled-BydergHu-B0U9lrLG.js → disabled-BydergHu-D-dcqpPL.js} +2 -2
- package/dist/assets/{disabled-BydergHu-B0U9lrLG.js.map → disabled-BydergHu-D-dcqpPL.js.map} +1 -1
- package/dist/assets/has-closer-BBMh8HY3-CC9A9PeT.js +4 -0
- package/dist/assets/{has-closer-BBMh8HY3-BRMA3uMb.js.map → has-closer-BBMh8HY3-CC9A9PeT.js.map} +1 -1
- package/dist/assets/{hide-label-DRunOux4-dIdB8_NH.js → hide-label-DRunOux4-B8y3Ehgs.js} +2 -2
- package/dist/assets/{hide-label-DRunOux4-dIdB8_NH.js.map → hide-label-DRunOux4-B8y3Ehgs.js.map} +1 -1
- package/dist/assets/{href-zZq6HYWf-15m37FX1.js → href-zZq6HYWf-DuQLYdN_.js} +2 -2
- package/dist/assets/{href-zZq6HYWf-15m37FX1.js.map → href-zZq6HYWf-DuQLYdN_.js.map} +1 -1
- package/dist/assets/{i18n-CdSCDnmA-D0tn86rD.js → i18n-CdSCDnmA-D_Ak1YX2.js} +2 -2
- package/dist/assets/{i18n-CdSCDnmA-D0tn86rD.js.map → i18n-CdSCDnmA-D_Ak1YX2.js.map} +1 -1
- package/dist/assets/{icons-72ER78AW-GDw9xsIO.js → icons-72ER78AW-DZDBahe5.js} +2 -2
- package/dist/assets/{icons-72ER78AW-GDw9xsIO.js.map → icons-72ER78AW-DZDBahe5.js.map} +1 -1
- package/dist/assets/image-source-RWPv7frZ-BZfVa5YS.js +4 -0
- package/dist/assets/{image-source-RWPv7frZ-B-mNxG_y.js.map → image-source-RWPv7frZ-BZfVa5YS.js.map} +1 -1
- package/dist/assets/index-BAl2VGOM.css +1 -0
- package/dist/assets/{index-CauylVer.js → index-Cuz1_aaZ.js} +173 -173
- package/dist/assets/index-Cuz1_aaZ.js.map +1 -0
- package/dist/assets/{kol-abbr.entry-CvJ246gL.js → kol-abbr.entry-CDYF09M6.js} +4 -3
- package/dist/assets/{kol-abbr.entry-CvJ246gL.js.map → kol-abbr.entry-CDYF09M6.js.map} +1 -1
- package/dist/assets/{kol-accordion.entry-D0dLccSR.js → kol-accordion.entry-DiNvSycn.js} +3 -3
- package/dist/assets/kol-accordion.entry-DiNvSycn.js.map +1 -0
- package/dist/assets/{kol-alert-wc.entry-CB46-bQU.js → kol-alert-wc.entry-Bm7bVx42.js} +3 -3
- package/dist/assets/kol-alert-wc.entry-Bm7bVx42.js.map +1 -0
- package/dist/assets/{kol-alert.entry-9ToXciRD.js → kol-alert.entry-C_LnZQMR.js} +4 -3
- package/dist/assets/{kol-alert.entry-9ToXciRD.js.map → kol-alert.entry-C_LnZQMR.js.map} +1 -1
- package/dist/assets/{kol-avatar-wc.entry-Dg3T4Wxf.js → kol-avatar-wc.entry-BTkbktI1.js} +2 -2
- package/dist/assets/{kol-avatar-wc.entry-Dg3T4Wxf.js.map → kol-avatar-wc.entry-BTkbktI1.js.map} +1 -1
- package/dist/assets/{kol-avatar.entry-TkP7tSqL.js → kol-avatar.entry-wzugi-ff.js} +2 -2
- package/dist/assets/{kol-avatar.entry-TkP7tSqL.js.map → kol-avatar.entry-wzugi-ff.js.map} +1 -1
- package/dist/assets/{kol-badge.entry-Bdbpr2kc.js → kol-badge.entry-DVoJvgzC.js} +4 -3
- package/dist/assets/kol-badge.entry-DVoJvgzC.js.map +1 -0
- package/dist/assets/{kol-breadcrumb.entry-Cxrh0avI.js → kol-breadcrumb.entry-DspXS-ov.js} +4 -3
- package/dist/assets/{kol-breadcrumb.entry-Cxrh0avI.js.map → kol-breadcrumb.entry-DspXS-ov.js.map} +1 -1
- package/dist/assets/{kol-button-link.entry-CtGBTU09.js → kol-button-link.entry-Yms_sApD.js} +4 -3
- package/dist/assets/{kol-button-link.entry-CtGBTU09.js.map → kol-button-link.entry-Yms_sApD.js.map} +1 -1
- package/dist/assets/{kol-button-wc.entry-CZezya2H.js → kol-button-wc.entry-Cdc8JUW4.js} +3 -3
- package/dist/assets/kol-button-wc.entry-Cdc8JUW4.js.map +1 -0
- package/dist/assets/{kol-button.entry-BsrEiY8l.js → kol-button.entry-DI56_s8m.js} +4 -3
- package/dist/assets/{kol-button.entry-BsrEiY8l.js.map → kol-button.entry-DI56_s8m.js.map} +1 -1
- package/dist/assets/{kol-card-wc.entry-fYX7lDxy.js → kol-card-wc.entry-CDrpLONC.js} +3 -3
- package/dist/assets/kol-card-wc.entry-CDrpLONC.js.map +1 -0
- package/dist/assets/{kol-card.entry-DtCXghaB.js → kol-card.entry-3kIYUSix.js} +4 -3
- package/dist/assets/{kol-card.entry-DtCXghaB.js.map → kol-card.entry-3kIYUSix.js.map} +1 -1
- package/dist/assets/{kol-combobox.entry-DcmeXUAg.js → kol-combobox.entry-BKP1VAxl.js} +4 -3
- package/dist/assets/kol-combobox.entry-BKP1VAxl.js.map +1 -0
- package/dist/assets/{kol-details.entry-CL_k6Is_.js → kol-details.entry-Cv0WbfSH.js} +2 -2
- package/dist/assets/kol-details.entry-Cv0WbfSH.js.map +1 -0
- package/dist/assets/{kol-drawer.entry-D6dx6tbM.js → kol-drawer.entry-CHWD05cU.js} +4 -3
- package/dist/assets/kol-drawer.entry-CHWD05cU.js.map +1 -0
- package/dist/assets/{kol-form.entry-CT8eTf-p.js → kol-form.entry-B1q6qhol.js} +4 -3
- package/dist/assets/kol-form.entry-B1q6qhol.js.map +1 -0
- package/dist/assets/{kol-heading.entry-CdSDx8Hc.js → kol-heading.entry-DmjiOztc.js} +2 -2
- package/dist/assets/kol-heading.entry-DmjiOztc.js.map +1 -0
- package/dist/assets/{kol-icon.entry-CothH-78.js → kol-icon.entry-BEjfo0G6.js} +2 -2
- package/dist/assets/{kol-icon.entry-CothH-78.js.map → kol-icon.entry-BEjfo0G6.js.map} +1 -1
- package/dist/assets/{kol-image.entry-BiRiL7pC.js → kol-image.entry-BSIVz8mw.js} +2 -2
- package/dist/assets/{kol-image.entry-BiRiL7pC.js.map → kol-image.entry-BSIVz8mw.js.map} +1 -1
- package/dist/assets/{kol-input-checkbox.entry-BaZ1v2oD.js → kol-input-checkbox.entry-C2dsUMpB.js} +6 -5
- package/dist/assets/kol-input-checkbox.entry-C2dsUMpB.js.map +1 -0
- package/dist/assets/{kol-input-color.entry-BCgkhBt0.js → kol-input-color.entry-j-2La6yx.js} +4 -3
- package/dist/assets/kol-input-color.entry-j-2La6yx.js.map +1 -0
- package/dist/assets/{kol-input-date.entry-Drg_KCtO.js → kol-input-date.entry-DiL7z-A9.js} +4 -3
- package/dist/assets/kol-input-date.entry-DiL7z-A9.js.map +1 -0
- package/dist/assets/{kol-input-email.entry-BbfPp2Oz.js → kol-input-email.entry-NqnUVX0g.js} +4 -3
- package/dist/assets/kol-input-email.entry-NqnUVX0g.js.map +1 -0
- package/dist/assets/{kol-input-file.entry-98WFyhhM.js → kol-input-file.entry-DW7UhGD1.js} +4 -3
- package/dist/assets/kol-input-file.entry-DW7UhGD1.js.map +1 -0
- package/dist/assets/{kol-input-number.entry-BPX38VUa.js → kol-input-number.entry-BaZ3sKXG.js} +4 -3
- package/dist/assets/kol-input-number.entry-BaZ3sKXG.js.map +1 -0
- package/dist/assets/{kol-input-password.entry-DULc1ou2.js → kol-input-password.entry-LFN7CWLE.js} +4 -3
- package/dist/assets/kol-input-password.entry-LFN7CWLE.js.map +1 -0
- package/dist/assets/{kol-input-radio.entry-Do_uGraJ.js → kol-input-radio.entry-7uz1BXPD.js} +4 -3
- package/dist/assets/kol-input-radio.entry-7uz1BXPD.js.map +1 -0
- package/dist/assets/{kol-input-range.entry-Dl-soAjz.js → kol-input-range.entry-Ct22UEK1.js} +4 -3
- package/dist/assets/kol-input-range.entry-Ct22UEK1.js.map +1 -0
- package/dist/assets/{kol-input-text.entry-DvOQqZUY.js → kol-input-text.entry-BfhtVlV6.js} +4 -3
- package/dist/assets/kol-input-text.entry-BfhtVlV6.js.map +1 -0
- package/dist/assets/{kol-kolibri.entry-DvkECCvy.js → kol-kolibri.entry-FiUt9h9Z.js} +2 -2
- package/dist/assets/{kol-kolibri.entry-DvkECCvy.js.map → kol-kolibri.entry-FiUt9h9Z.js.map} +1 -1
- package/dist/assets/{kol-link-button.entry-DdbOkROA.js → kol-link-button.entry-EKXrQYWi.js} +4 -3
- package/dist/assets/{kol-link-button.entry-DdbOkROA.js.map → kol-link-button.entry-EKXrQYWi.js.map} +1 -1
- package/dist/assets/{kol-link-wc.entry-DyNU4gyn.js → kol-link-wc.entry-BY1QaToe.js} +3 -3
- package/dist/assets/kol-link-wc.entry-BY1QaToe.js.map +1 -0
- package/dist/assets/{kol-link.entry-DCOosxik.js → kol-link.entry-B5hSjd-o.js} +4 -3
- package/dist/assets/{kol-link.entry-DCOosxik.js.map → kol-link.entry-B5hSjd-o.js.map} +1 -1
- package/dist/assets/{kol-modal.entry-B9b6Q4Dm.js → kol-modal.entry-D_BfBMkS.js} +5 -4
- package/dist/assets/{kol-modal.entry-B9b6Q4Dm.js.map → kol-modal.entry-D_BfBMkS.js.map} +1 -1
- package/dist/assets/{kol-nav.entry-CmAT_VEq.js → kol-nav.entry-CTzU6VoY.js} +5 -4
- package/dist/assets/kol-nav.entry-CTzU6VoY.js.map +1 -0
- package/dist/assets/{kol-pagination-wc.entry-BbcmjDxo.js → kol-pagination-wc.entry-BdT0MOmj.js} +2 -2
- package/dist/assets/{kol-pagination-wc.entry-BbcmjDxo.js.map → kol-pagination-wc.entry-BdT0MOmj.js.map} +1 -1
- package/dist/assets/{kol-pagination.entry-BAvAM-J6.js → kol-pagination.entry-BHJy3ud9.js} +4 -3
- package/dist/assets/{kol-pagination.entry-BAvAM-J6.js.map → kol-pagination.entry-BHJy3ud9.js.map} +1 -1
- package/dist/assets/{kol-popover-button-wc.entry-B8PCdOsm.js → kol-popover-button-wc.entry-YBUoaQbf.js} +2 -2
- package/dist/assets/{kol-popover-button-wc.entry-B8PCdOsm.js.map → kol-popover-button-wc.entry-YBUoaQbf.js.map} +1 -1
- package/dist/assets/{kol-popover-button.entry-DxXDQR5p.js → kol-popover-button.entry-bN4qCl8m.js} +4 -3
- package/dist/assets/{kol-popover-button.entry-DxXDQR5p.js.map → kol-popover-button.entry-bN4qCl8m.js.map} +1 -1
- package/dist/assets/{kol-popover-wc.entry-BYgVbzzR.js → kol-popover-wc.entry-CbHLANd0.js} +2 -2
- package/dist/assets/{kol-popover-wc.entry-BYgVbzzR.js.map → kol-popover-wc.entry-CbHLANd0.js.map} +1 -1
- package/dist/assets/{kol-progress.entry-DH2po_jJ.js → kol-progress.entry-BhEOF17k.js} +2 -2
- package/dist/assets/{kol-progress.entry-DH2po_jJ.js.map → kol-progress.entry-BhEOF17k.js.map} +1 -1
- package/dist/assets/{kol-quote.entry-BamuCz3n.js → kol-quote.entry-iHbat58_.js} +2 -2
- package/dist/assets/{kol-quote.entry-BamuCz3n.js.map → kol-quote.entry-iHbat58_.js.map} +1 -1
- package/dist/assets/{kol-select.entry-DvMYga9K.js → kol-select.entry-CKKnrifZ.js} +4 -3
- package/dist/assets/kol-select.entry-CKKnrifZ.js.map +1 -0
- package/dist/assets/{kol-single-select.entry-DFHuir48.js → kol-single-select.entry-nQ1wRf_E.js} +4 -3
- package/dist/assets/kol-single-select.entry-nQ1wRf_E.js.map +1 -0
- package/dist/assets/{kol-skip-nav.entry-BldgYRcL.js → kol-skip-nav.entry-B2bsiO8u.js} +2 -2
- package/dist/assets/{kol-skip-nav.entry-BldgYRcL.js.map → kol-skip-nav.entry-B2bsiO8u.js.map} +1 -1
- package/dist/assets/{kol-spin.entry-DBN4Hirz.js → kol-spin.entry-CZdTcUrs.js} +2 -2
- package/dist/assets/{kol-spin.entry-DBN4Hirz.js.map → kol-spin.entry-CZdTcUrs.js.map} +1 -1
- package/dist/assets/{kol-split-button.entry-sVRxROv6.js → kol-split-button.entry-D2JCJ1Z_.js} +7 -3
- package/dist/assets/{kol-split-button.entry-sVRxROv6.js.map → kol-split-button.entry-D2JCJ1Z_.js.map} +1 -1
- package/dist/assets/{kol-table-settings-wc.entry-MImfcVXu.js → kol-table-settings-wc.entry-tP7STHNV.js} +2 -2
- package/dist/assets/{kol-table-settings-wc.entry-MImfcVXu.js.map → kol-table-settings-wc.entry-tP7STHNV.js.map} +1 -1
- package/dist/assets/{kol-table-stateful.entry-C9bSDnEe.js → kol-table-stateful.entry-CY70UPdZ.js} +5 -5
- package/dist/assets/kol-table-stateful.entry-CY70UPdZ.js.map +1 -0
- package/dist/assets/{kol-table-stateless-wc.entry-Ch4I0aKu.js → kol-table-stateless-wc.entry-DtXNSDzY.js} +3 -3
- package/dist/assets/{kol-table-stateless-wc.entry-Ch4I0aKu.js.map → kol-table-stateless-wc.entry-DtXNSDzY.js.map} +1 -1
- package/dist/assets/{kol-table-stateless.entry-ScqO9HQH.js → kol-table-stateless.entry-DbCRETh2.js} +5 -5
- package/dist/assets/{kol-table-stateless.entry-ScqO9HQH.js.map → kol-table-stateless.entry-DbCRETh2.js.map} +1 -1
- package/dist/assets/{kol-tabs.entry-DjYduas4.js → kol-tabs.entry-DM6Uc80G.js} +4 -3
- package/dist/assets/kol-tabs.entry-DM6Uc80G.js.map +1 -0
- package/dist/assets/{kol-textarea.entry-DnQZ4BZD.js → kol-textarea.entry-E_1sFuyJ.js} +4 -3
- package/dist/assets/kol-textarea.entry-E_1sFuyJ.js.map +1 -0
- package/dist/assets/{kol-toast-container.entry-BRSXAbH1.js → kol-toast-container.entry-BUdzaMuB.js} +6 -5
- package/dist/assets/kol-toast-container.entry-BUdzaMuB.js.map +1 -0
- package/dist/assets/{kol-toolbar.entry-DpIm2BN3.js → kol-toolbar.entry-D67v6u-8.js} +6 -5
- package/dist/assets/kol-toolbar.entry-D67v6u-8.js.map +1 -0
- package/dist/assets/{kol-tooltip-wc.entry-Cw0Lxmhq.js → kol-tooltip-wc.entry-BIb_Tp2q.js} +3 -3
- package/dist/assets/kol-tooltip-wc.entry-BIb_Tp2q.js.map +1 -0
- package/dist/assets/{kol-tree-item-wc.entry-B1KQqb9I.js → kol-tree-item-wc.entry-DKoKfts1.js} +2 -2
- package/dist/assets/{kol-tree-item-wc.entry-B1KQqb9I.js.map → kol-tree-item-wc.entry-DKoKfts1.js.map} +1 -1
- package/dist/assets/{kol-tree-item.entry-DooV5zaG.js → kol-tree-item.entry-Djke4A3b.js} +2 -2
- package/dist/assets/{kol-tree-item.entry-DooV5zaG.js.map → kol-tree-item.entry-Djke4A3b.js.map} +1 -1
- package/dist/assets/{kol-tree-wc.entry-Dz-AQ-1I.js → kol-tree-wc.entry-uk0FxE09.js} +2 -2
- package/dist/assets/{kol-tree-wc.entry-Dz-AQ-1I.js.map → kol-tree-wc.entry-uk0FxE09.js.map} +1 -1
- package/dist/assets/{kol-tree.entry-B8X_yhuj.js → kol-tree.entry-Chg5xrSR.js} +2 -2
- package/dist/assets/{kol-tree.entry-B8X_yhuj.js.map → kol-tree.entry-Chg5xrSR.js.map} +1 -1
- package/dist/assets/{kol-version.entry-CJPofyXT.js → kol-version.entry-qtZUGKBb.js} +2 -2
- package/dist/assets/{kol-version.entry-CJPofyXT.js.map → kol-version.entry-qtZUGKBb.js.map} +1 -1
- package/dist/assets/{label-CdtNxOKu-CIpF7Mya.js → label-CdtNxOKu-C0Uq4kJW.js} +2 -2
- package/dist/assets/{label-CdtNxOKu-CIpF7Mya.js.map → label-CdtNxOKu-C0Uq4kJW.js.map} +1 -1
- package/dist/assets/{link-variant-H9yefO89-BZrKXHLJ.js → link-variant-H9yefO89-Dc46rCQB.js} +2 -2
- package/dist/assets/{link-variant-H9yefO89-BZrKXHLJ.js.map → link-variant-H9yefO89-Dc46rCQB.js.map} +1 -1
- package/dist/assets/{markdown-DL-PkOqb-5c-saRAp.js → markdown-DL-PkOqb-Cfi-IobI.js} +2 -2
- package/dist/assets/{markdown-DL-PkOqb-5c-saRAp.js.map → markdown-DL-PkOqb-Cfi-IobI.js.map} +1 -1
- package/dist/assets/{max-length-behavior-BmNWss6T-C_2DsFkf.js → max-length-behavior-BmNWss6T-D3Me1kCn.js} +2 -2
- package/dist/assets/{max-length-behavior-BmNWss6T-C_2DsFkf.js.map → max-length-behavior-BmNWss6T-D3Me1kCn.js.map} +1 -1
- package/dist/assets/{multiple-bcm5IaCN--nKDeArk.js → multiple-bcm5IaCN-BL-rJSXJ.js} +2 -2
- package/dist/assets/{multiple-bcm5IaCN--nKDeArk.js.map → multiple-bcm5IaCN-BL-rJSXJ.js.map} +1 -1
- package/dist/assets/{open-D9q98v46-CtR6vF2R.js → open-D9q98v46-VLX9RDQU.js} +2 -2
- package/dist/assets/{open-D9q98v46-CtR6vF2R.js.map → open-D9q98v46-VLX9RDQU.js.map} +1 -1
- package/dist/assets/{orientation-5kQWqijN-BNfB0e-L.js → orientation-5kQWqijN-D7EKzV_l.js} +2 -2
- package/dist/assets/{orientation-5kQWqijN-BNfB0e-L.js.map → orientation-5kQWqijN-D7EKzV_l.js.map} +1 -1
- package/dist/assets/{placeholder-6URRds0_-Dew55ZH8.js → placeholder-6URRds0_-0bxiEHiH.js} +2 -2
- package/dist/assets/{placeholder-6URRds0_-Dew55ZH8.js.map → placeholder-6URRds0_-0bxiEHiH.js.map} +1 -1
- package/dist/assets/read-only-CcRldJ9w-BKw3S46M.js +4 -0
- package/dist/assets/{read-only-CcRldJ9w-B0g7tEhb.js.map → read-only-CcRldJ9w-BKw3S46M.js.map} +1 -1
- package/dist/assets/required-G86n77y0-CGPyKIYu.js +4 -0
- package/dist/assets/{required-G86n77y0-CLIB-Ph-.js.map → required-G86n77y0-CGPyKIYu.js.map} +1 -1
- package/dist/assets/{rows-P4l3PNiA-o7gga1Im.js → rows-P4l3PNiA-1ULQqpAT.js} +2 -2
- package/dist/assets/{rows-P4l3PNiA-o7gga1Im.js.map → rows-P4l3PNiA-1ULQqpAT.js.map} +1 -1
- package/dist/assets/{show-DsV_Vx8g-BbzjcSu8.js → show-DsV_Vx8g-DiMq1_s_.js} +2 -2
- package/dist/assets/{show-DsV_Vx8g-BbzjcSu8.js.map → show-DsV_Vx8g-DiMq1_s_.js.map} +1 -1
- package/dist/assets/{spell-check-DIsLAYgk-1XrBIBM4.js → spell-check-DIsLAYgk-CNNuzmlI.js} +2 -2
- package/dist/assets/{spell-check-DIsLAYgk-1XrBIBM4.js.map → spell-check-DIsLAYgk-CNNuzmlI.js.map} +1 -1
- package/dist/assets/{suggestions-DfF4lcNG-CUFcke0F.js → suggestions-DfF4lcNG-BAWSaTQv.js} +2 -2
- package/dist/assets/{suggestions-DfF4lcNG-CUFcke0F.js.map → suggestions-DfF4lcNG-BAWSaTQv.js.map} +1 -1
- package/dist/assets/{table-settings-DSZObo-2-FhYRxmxF.js → table-settings-DSZObo-2-GnkW56H8.js} +2 -2
- package/dist/assets/{table-settings-DSZObo-2-FhYRxmxF.js.map → table-settings-DSZObo-2-GnkW56H8.js.map} +1 -1
- package/dist/assets/{test-component.entry-BLTHxe25.js → test-component.entry-7k3T1rVH.js} +2 -2
- package/dist/assets/{test-component.entry-BLTHxe25.js.map → test-component.entry-7k3T1rVH.js.map} +1 -1
- package/dist/assets/tooltip-align-_VI7LehI-CoBIm-Yw.js +4 -0
- package/dist/assets/{tooltip-align-_VI7LehI-LWbYnAGA.js.map → tooltip-align-_VI7LehI-CoBIm-Yw.js.map} +1 -1
- package/dist/assets/tslib.es6-CxX45GIN-BAJoBDh7.js +4 -0
- package/dist/assets/tslib.es6-CxX45GIN-BAJoBDh7.js.map +1 -0
- package/dist/assets/{unique-nav-labels-C_NhdgGz-3DPsYPsU.js → unique-nav-labels-C_NhdgGz-Bue2PH5M.js} +2 -2
- package/dist/assets/{unique-nav-labels-C_NhdgGz-3DPsYPsU.js.map → unique-nav-labels-C_NhdgGz-Bue2PH5M.js.map} +1 -1
- package/dist/assets/{validation-CW_RXPSn-COcMr2uV.js → validation-CW_RXPSn-D_6FnYWY.js} +2 -2
- package/dist/assets/{validation-CW_RXPSn-COcMr2uV.js.map → validation-CW_RXPSn-D_6FnYWY.js.map} +1 -1
- package/dist/assets/{validation-DoIjmu3L-CAm3ilGC.js → validation-DoIjmu3L-BKzT8Xr7.js} +2 -2
- package/dist/assets/{validation-DoIjmu3L-CAm3ilGC.js.map → validation-DoIjmu3L-BKzT8Xr7.js.map} +1 -1
- package/dist/index.html +2 -2
- package/package.json +20 -20
- package/src/components/badge/formatted-label.tsx +19 -0
- package/src/components/badge/routes.ts +2 -0
- package/src/components/button/routes.ts +2 -0
- package/src/components/button/row-reverse-tooltip.tsx +26 -0
- package/src/components/nav/routes.ts +0 -2
- package/src/scenarios/routes.ts +2 -0
- package/src/scenarios/toolbar-item-order.tsx +64 -0
- package/dist/assets/Alert-C3ktyZF6-CkHMoJk_.js.map +0 -1
- package/dist/assets/Collapsible-DuN5vPyq-C7X-jnZz.js.map +0 -1
- package/dist/assets/FieldControlStateWrapper-DC5e0v-Z-DkrFk1WE.js.map +0 -1
- package/dist/assets/FormFieldStateWrapper-CA5QfRbl-D5TnE0Jp.js.map +0 -1
- package/dist/assets/Heading-CF5mGt3A-C0UJ1XuZ.js +0 -4
- package/dist/assets/Heading-CF5mGt3A-C0UJ1XuZ.js.map +0 -1
- package/dist/assets/Input-mBmTM8GQ-C9LTY7ZL.js.map +0 -1
- package/dist/assets/InputStateWrapper-vabMC5ny-B20FHxwh.js.map +0 -1
- package/dist/assets/Span-DNVnBGCS-BP5oGv6f.js.map +0 -1
- package/dist/assets/controller-icon-By46q2Iq-D0WYseJu.js.map +0 -1
- package/dist/assets/has-closer-BBMh8HY3-BRMA3uMb.js +0 -4
- package/dist/assets/image-source-RWPv7frZ-B-mNxG_y.js +0 -4
- package/dist/assets/index-CauylVer.js.map +0 -1
- package/dist/assets/index-Q8qjo_bZ.css +0 -1
- package/dist/assets/kol-accordion.entry-D0dLccSR.js.map +0 -1
- package/dist/assets/kol-alert-wc.entry-CB46-bQU.js.map +0 -1
- package/dist/assets/kol-badge.entry-Bdbpr2kc.js.map +0 -1
- package/dist/assets/kol-button-wc.entry-CZezya2H.js.map +0 -1
- package/dist/assets/kol-card-wc.entry-fYX7lDxy.js.map +0 -1
- package/dist/assets/kol-combobox.entry-DcmeXUAg.js.map +0 -1
- package/dist/assets/kol-details.entry-CL_k6Is_.js.map +0 -1
- package/dist/assets/kol-drawer.entry-D6dx6tbM.js.map +0 -1
- package/dist/assets/kol-form.entry-CT8eTf-p.js.map +0 -1
- package/dist/assets/kol-heading.entry-CdSDx8Hc.js.map +0 -1
- package/dist/assets/kol-input-checkbox.entry-BaZ1v2oD.js.map +0 -1
- package/dist/assets/kol-input-color.entry-BCgkhBt0.js.map +0 -1
- package/dist/assets/kol-input-date.entry-Drg_KCtO.js.map +0 -1
- package/dist/assets/kol-input-email.entry-BbfPp2Oz.js.map +0 -1
- package/dist/assets/kol-input-file.entry-98WFyhhM.js.map +0 -1
- package/dist/assets/kol-input-number.entry-BPX38VUa.js.map +0 -1
- package/dist/assets/kol-input-password.entry-DULc1ou2.js.map +0 -1
- package/dist/assets/kol-input-radio.entry-Do_uGraJ.js.map +0 -1
- package/dist/assets/kol-input-range.entry-Dl-soAjz.js.map +0 -1
- package/dist/assets/kol-input-text.entry-DvOQqZUY.js.map +0 -1
- package/dist/assets/kol-link-wc.entry-DyNU4gyn.js.map +0 -1
- package/dist/assets/kol-nav.entry-CmAT_VEq.js.map +0 -1
- package/dist/assets/kol-select.entry-DvMYga9K.js.map +0 -1
- package/dist/assets/kol-single-select.entry-DFHuir48.js.map +0 -1
- package/dist/assets/kol-table-stateful.entry-C9bSDnEe.js.map +0 -1
- package/dist/assets/kol-tabs.entry-DjYduas4.js.map +0 -1
- package/dist/assets/kol-textarea.entry-DnQZ4BZD.js.map +0 -1
- package/dist/assets/kol-toast-container.entry-BRSXAbH1.js.map +0 -1
- package/dist/assets/kol-toolbar.entry-DpIm2BN3.js.map +0 -1
- package/dist/assets/kol-tooltip-wc.entry-Cw0Lxmhq.js.map +0 -1
- package/dist/assets/read-only-CcRldJ9w-B0g7tEhb.js +0 -4
- package/dist/assets/required-G86n77y0-CLIB-Ph-.js +0 -4
- package/dist/assets/tooltip-align-_VI7LehI-LWbYnAGA.js +0 -4
- package/src/components/nav/horizontal.tsx +0 -28
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"kol-textarea.entry-DnQZ4BZD.js","sources":["../../../../components/dist/esm/kol-textarea.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { h, r as registerInstance, g as getElement } from './index-BEYG-0cN.js';\nimport { c as clsx } from './clsx-eK3rPvPS.js';\nimport { d as getDefaultProps, c as checkHasMsg, g as getRenderStates, F as FormFieldStateWrapper } from './FormFieldStateWrapper-CA5QfRbl.js';\nimport { I as InputIconController, a as InputContainerStateWrapperFc } from './controller-icon-By46q2Iq.js';\nimport { _ as __rest } from './Heading-CF5mGt3A.js';\nimport { w as watchValidator, e as watchString } from './common-8fBdMvJM.js';\nimport { n as nonce } from './dev.utils-CQdBj8YZ.js';\nimport { a as validateHasCounter, v as validateMaxLengthBehavior, b as validateMaxLength } from './max-length-behavior-BmNWss6T.js';\nimport { v as validatePlaceholder } from './placeholder-6URRds0_.js';\nimport { v as validateReadOnly } from './read-only-CcRldJ9w.js';\nimport { v as validateRequired } from './required-G86n77y0.js';\nimport { v as validateRows } from './rows-P4l3PNiA.js';\nimport { v as validateSpellCheck } from './spell-check-DIsLAYgk.js';\nimport './access-and-short-key-bcID78Ha.js';\nimport './disabled-BydergHu.js';\nimport './hide-label-DRunOux4.js';\nimport './label-CdtNxOKu.js';\nimport './tooltip-align-_VI7LehI.js';\nimport './align-CyK0wp7d.js';\nimport './events-CoPFQEiC.js';\nimport './associated.controller-BKIODHIT.js';\nimport './bootstrap-BiRnv4fV.js';\nimport './component-names-CkE54Ym7.js';\nimport './i18n-ZF6JbdVP.js';\nimport './isObject-DvSELytj.js';\nimport './Alert-C3ktyZF6.js';\nimport './i18n-CdSCDnmA.js';\nimport './bem-DhwfdDrM.js';\nimport './browser-DeS_gcJV.js';\nimport './InternalUnderlinedBadgeText-BzZpJszE.js';\nimport './reuse-CX4AQDkS.js';\nimport './Icon-CZlCqmbX.js';\nimport './icons-72ER78AW.js';\n\nconst textareaResizeOptions = ['vertical', 'none'];\nconst isTextareaResizePropType = (value) => {\n return typeof value === 'string' && textareaResizeOptions.includes(value);\n};\nconst validateResizeTextarea = (component, value) => {\n watchValidator(component, '_resize', isTextareaResizePropType, new Set(textareaResizeOptions), value, {\n defaultValue: 'vertical',\n });\n};\n\nconst TextAreaFc = (props) => {\n const { class: classNames, msg, touched, readonly, disabled, required, ariaDescribedBy, hideLabel, label } = props, other = __rest(props, [\"class\", \"msg\", \"touched\", \"readonly\", \"disabled\", \"required\", \"ariaDescribedBy\", \"hideLabel\", \"label\"]);\n const showMsg = checkHasMsg(msg, touched);\n const msgType = typeof msg === 'string' ? 'error' : msg === null || msg === void 0 ? void 0 : msg._type;\n const stateCssClasses = {\n ['kol-textarea--disabled']: Boolean(disabled),\n ['kol-textarea--required']: Boolean(required),\n ['kol-textarea--touched']: Boolean(touched),\n ['kol-textarea--readonly']: Boolean(readonly),\n [`kol-textarea--${msgType || 'error'}`]: showMsg,\n };\n const inputProps = Object.assign(Object.assign({ class: clsx('kol-textarea', stateCssClasses, classNames), required: required, disabled: disabled, readonly: readonly }, getDefaultProps({ ariaDescribedBy, hideLabel, label })), other);\n return h(\"textarea\", Object.assign({}, inputProps));\n};\n\nfunction getTextAreaProps(state, other) {\n var _a;\n const renderStates = getRenderStates(state);\n const ariaDescribedBy = [...renderStates.ariaDescribedBy, ...((_a = other.ariaDescribedBy) !== null && _a !== void 0 ? _a : [])];\n const props = Object.assign(Object.assign({ id: state._id, hideLabel: state._hideLabel, label: state._label, value: state._value, accessKey: state._accessKey, disabled: state._disabled, name: state._name, rows: state._rows, readonly: state._readOnly, required: state._required, placeholder: state._placeholder, touched: state._touched, msg: state._msg }, other), { ariaDescribedBy });\n if ('_maxLength' in state && '_maxLengthBehavior' in state && state._maxLengthBehavior === 'hard') {\n props.maxLength = state._maxLength;\n }\n if ('_shortKey' in state)\n props['aria-keyshortcuts'] = state._shortKey;\n return props;\n}\nconst TextAreaStateWrapper = (_a) => {\n var { state } = _a, other = __rest(_a, [\"state\"]);\n return h(TextAreaFc, Object.assign({}, getTextAreaProps(state, other)));\n};\n\nclass TextareaController extends InputIconController {\n constructor(component, name, host) {\n super(component, name, host);\n this.afterSyncCharCounter = () => {\n if (typeof this.component._value === 'string') {\n this.component.state._currentLength = this.component._value.length;\n this.updateCurrentLengthDebounced(this.component._value.length);\n }\n };\n this.component = component;\n }\n validateHasCounter(value) {\n validateHasCounter(this.component, value);\n }\n validateMaxLengthBehavior(value) {\n validateMaxLengthBehavior(this.component, value);\n }\n validateMaxLength(value) {\n validateMaxLength(this.component, value, {\n hooks: { afterPatch: this.afterSyncCharCounter },\n });\n }\n validatePlaceholder(value) {\n validatePlaceholder(this.component, value);\n }\n validateReadOnly(value) {\n validateReadOnly(this.component, value);\n }\n validateResize(value) {\n validateResizeTextarea(this.component, value);\n }\n validateRequired(value) {\n validateRequired(this.component, value);\n }\n validateRows(value) {\n validateRows(this.component, value);\n }\n validateSpellCheck(value) {\n validateSpellCheck(this.component, value);\n }\n validateValue(value) {\n watchString(this.component, '_value', value, {\n hooks: {\n afterPatch: this.afterSyncCharCounter,\n },\n });\n this.setFormAssociatedValue(this.component._value);\n }\n componentWillLoad() {\n super.componentWillLoad();\n this.validateHasCounter(this.component._hasCounter);\n this.validateMaxLengthBehavior(this.component._maxLengthBehavior);\n this.validateMaxLength(this.component._maxLength);\n this.validatePlaceholder(this.component._placeholder);\n this.validateReadOnly(this.component._readOnly);\n this.validateRequired(this.component._required);\n this.validateResize(this.component._resize);\n this.validateRows(this.component._rows);\n this.validateSpellCheck(this.component._spellCheck);\n this.validateValue(this.component._value);\n }\n}\n\nconst defaultStyleCss = \"/*\\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 :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);\\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-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 .kol-form-field {\\n display: grid;\\n }\\n .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label {\\n cursor: pointer;\\n }\\n .kol-form-field--disabled .kol-form-field__label {\\n opacity: 0.5;\\n }\\n .kol-form-field--required .kol-form-field__label-text::after {\\n content: \\\"*\\\";\\n }\\n .kol-form-field--disabled .kol-form-field__hint {\\n opacity: 0.5;\\n }\\n .kol-form-field--required .kol-form-field__tooltip .span-label::after {\\n content: \\\"*\\\";\\n }\\n .kol-input-container {\\n background-color: white;\\n display: grid;\\n width: 100%;\\n min-width: var(--a11y-min-size);\\n min-height: var(--a11y-min-size);\\n align-items: center;\\n grid-template-columns: 1fr;\\n }\\n .kol-input-container:has(> .kol-input-container__adornment--start) {\\n grid-template-columns: auto 1fr;\\n }\\n .kol-input-container:has(> .kol-input-container__adornment--end) {\\n grid-template-columns: 1fr auto;\\n }\\n .kol-input-container:has(> .kol-input-container__adornment--start):has(> .kol-input-container__adornment--end) {\\n grid-template-columns: auto 1fr auto;\\n }\\n .kol-input-container__container {\\n position: relative;\\n }\\n .kol-input-container__adornment {\\n display: flex;\\n align-items: center;\\n }\\n .kol-input-container__adornment .kol-icon {\\n display: grid;\\n height: var(--a11y-min-size);\\n place-items: center;\\n }\\n .kol-textarea {\\n width: 100%;\\n }\\n .kol-textarea:focus {\\n outline: none;\\n }\\n}\";\n\nconst increaseTextareaHeight = (el) => {\n el.style.overflow = 'hidden';\n const currentRows = el.rows;\n const rowHeight = el.clientHeight / currentRows;\n el.rows = 1;\n const nextRows = Math.round(el.scrollHeight / rowHeight);\n el.rows = currentRows;\n return nextRows;\n};\nconst KolTextarea = class {\n async getValue() {\n var _a;\n return (_a = this.textareaRef) === null || _a === void 0 ? void 0 : _a.value;\n }\n async kolFocus() {\n var _a;\n (_a = this.textareaRef) === null || _a === void 0 ? void 0 : _a.focus();\n }\n getFormFieldProps() {\n return {\n state: this.state,\n class: clsx('kol-form-field-textarea', {\n 'kol-form-field--has-value': this.state._hasValue,\n 'kol-form-field--has-counter': this.controller.hasSoftCharacterLimit() || this.controller.hasCounter(),\n }),\n tooltipAlign: this._tooltipAlign,\n onClick: () => { var _a; return (_a = this.textareaRef) === null || _a === void 0 ? void 0 : _a.focus(); },\n alert: this.showAsAlert(),\n };\n }\n getTextAreaProps() {\n const ariaDescribedBy = typeof this.state._maxLength === 'number' ? [`${this.state._id}-character-limit-hint`] : undefined;\n return Object.assign(Object.assign({ ref: this.catchRef, state: this.state, style: {\n resize: this.state._resize,\n }, ariaDescribedBy }, this.controller.onFacade), { onInput: this.onInput, onFocus: (event) => {\n this.controller.onFacade.onFocus(event);\n this.inputHasFocus = true;\n }, onBlur: (event) => {\n this.controller.onFacade.onBlur(event);\n this.inputHasFocus = false;\n } });\n }\n render() {\n return (h(FormFieldStateWrapper, Object.assign({ key: 'a04967ea2fecb1a7c6f238600d52f2d4d4b4cc72' }, this.getFormFieldProps()), h(InputContainerStateWrapperFc, { key: 'db4f3ed0dfa745c109a3a21346df79722b0f7595', state: this.state }, h(TextAreaStateWrapper, Object.assign({ key: '71376e1ff01a524c589632fff16023da5bb9774b' }, this.getTextAreaProps())))));\n }\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.catchRef = (ref) => {\n this.textareaRef = ref;\n };\n this._adjustHeight = false;\n this._disabled = false;\n this._hideMsg = false;\n this._hideLabel = false;\n this._hint = '';\n this._hasCounter = false;\n this._maxLengthBehavior = 'hard';\n this._readOnly = false;\n this._resize = 'vertical';\n this._required = false;\n this._tooltipAlign = 'top';\n this._touched = false;\n this.state = {\n _adjustHeight: false,\n _currentLength: 0,\n _currentLengthDebounced: 0,\n _hasValue: false,\n _hideMsg: false,\n _id: `id-${nonce()}`,\n _label: '',\n _resize: 'vertical',\n };\n this.inputHasFocus = false;\n this.onInput = (event) => {\n if (this.textareaRef instanceof HTMLTextAreaElement) {\n this._value = this.textareaRef.value;\n if (this.state._adjustHeight) {\n this._rows = increaseTextareaHeight(this.textareaRef);\n }\n this.controller.onFacade.onInput(event);\n }\n };\n this.controller = new TextareaController(this, 'textarea', this.host);\n }\n showAsAlert() {\n return Boolean(this.state._touched) && !this.inputHasFocus;\n }\n validateAccessKey(value) {\n this.controller.validateAccessKey(value);\n }\n validateAdjustHeight(value) {\n this.controller.validateAdjustHeight(value);\n }\n validateDisabled(value) {\n this.controller.validateDisabled(value);\n }\n validateHideMsg(value) {\n this.controller.validateHideMsg(value);\n }\n validateHideLabel(value) {\n this.controller.validateHideLabel(value);\n }\n validateHasCounter(value) {\n this.controller.validateHasCounter(value);\n }\n validateHint(value) {\n this.controller.validateHint(value);\n }\n validateIcons(value) {\n this.controller.validateIcons(value);\n }\n validateId(value) {\n this.controller.validateId(value);\n }\n validateLabel(value) {\n this.controller.validateLabel(value);\n }\n validateMaxLength(value) {\n this.controller.validateMaxLength(value);\n }\n validateMaxLengthBehavior(value) {\n this.controller.validateMaxLengthBehavior(value);\n }\n validateMsg(value) {\n this.controller.validateMsg(value);\n }\n validateName(value) {\n this.controller.validateName(value);\n }\n validateOn(value) {\n this.controller.validateOn(value);\n }\n validatePlaceholder(value) {\n this.controller.validatePlaceholder(value);\n }\n validateReadOnly(value) {\n this.controller.validateReadOnly(value);\n }\n validateResize(value) {\n this.controller.validateResize(value);\n }\n validateRequired(value) {\n this.controller.validateRequired(value);\n }\n validateRows(value) {\n this.controller.validateRows(value);\n }\n validateShortKey(value) {\n this.controller.validateShortKey(value);\n }\n validateSpellCheck(value) {\n this.controller.validateSpellCheck(value);\n }\n validateSyncValueBySelector(value) {\n this.controller.validateSyncValueBySelector(value);\n }\n validateTouched(value) {\n this.controller.validateTouched(value);\n }\n validateValue(value) {\n this.controller.validateValue(value);\n }\n componentDidLoad() {\n setTimeout(() => {\n var _a;\n if (this._adjustHeight === true && this.textareaRef) {\n this._rows =\n ((_a = this.state) === null || _a === void 0 ? void 0 : _a._rows) && this.state._rows > increaseTextareaHeight(this.textareaRef) ? this.state._rows : increaseTextareaHeight(this.textareaRef);\n }\n else if (!this._rows) {\n this._rows = 1;\n }\n }, 0);\n }\n componentWillLoad() {\n this._touched = this._touched === true;\n this.controller.componentWillLoad();\n this.state._hasValue = !!this.state._value;\n this.controller.addValueChangeListener((v) => (this.state._hasValue = !!v));\n }\n static get delegatesFocus() { return true; }\n get host() { return getElement(this); }\n static get watchers() { return {\n \"_accessKey\": [\"validateAccessKey\"],\n \"_adjustHeight\": [\"validateAdjustHeight\"],\n \"_disabled\": [\"validateDisabled\"],\n \"_hideMsg\": [\"validateHideMsg\"],\n \"_hideLabel\": [\"validateHideLabel\"],\n \"_hasCounter\": [\"validateHasCounter\"],\n \"_hint\": [\"validateHint\"],\n \"_icons\": [\"validateIcons\"],\n \"_id\": [\"validateId\"],\n \"_label\": [\"validateLabel\"],\n \"_maxLength\": [\"validateMaxLength\"],\n \"_maxLengthBehavior\": [\"validateMaxLengthBehavior\"],\n \"_msg\": [\"validateMsg\"],\n \"_name\": [\"validateName\"],\n \"_on\": [\"validateOn\"],\n \"_placeholder\": [\"validatePlaceholder\"],\n \"_readOnly\": [\"validateReadOnly\"],\n \"_resize\": [\"validateResize\"],\n \"_required\": [\"validateRequired\"],\n \"_rows\": [\"validateRows\"],\n \"_shortKey\": [\"validateShortKey\"],\n \"_spellCheck\": [\"validateSpellCheck\"],\n \"_syncValueBySelector\": [\"validateSyncValueBySelector\"],\n \"_touched\": [\"validateTouched\"],\n \"_value\": [\"validateValue\"]\n }; }\n};\nKolTextarea.style = {\n default: defaultStyleCss\n};\n\nexport { KolTextarea as kol_textarea };\n//# sourceMappingURL=kol-textarea.entry.js.map\n"],"names":["textareaResizeOptions","isTextareaResizePropType","value","validateResizeTextarea","component","watchValidator","TextAreaFc","props","classNames","msg","touched","readonly","disabled","required","ariaDescribedBy","hideLabel","label","other","__rest","showMsg","checkHasMsg","msgType","stateCssClasses","inputProps","clsx","getDefaultProps","h","getTextAreaProps","state","_a","getRenderStates","TextAreaStateWrapper","TextareaController","InputIconController","name","host","validateHasCounter","validateMaxLengthBehavior","validateMaxLength","validatePlaceholder","validateReadOnly","validateRequired","validateRows","validateSpellCheck","watchString","defaultStyleCss","increaseTextareaHeight","el","currentRows","rowHeight","nextRows","KolTextarea","event","FormFieldStateWrapper","InputContainerStateWrapperFc","hostRef","registerInstance","ref","nonce","v","getElement"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"kol-toast-container.entry-BRSXAbH1.js","sources":["../../../../components/dist/esm/kol-toast-container.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { h, r as registerInstance, H as Host } from './index-BEYG-0cN.js';\nimport { t as translate } from './i18n-CdSCDnmA.js';\nimport { n as nonce } from './dev.utils-CQdBj8YZ.js';\nimport { n as KolButtonTag } from './component-names-CkE54Ym7.js';\nimport { K as KolAlertFc } from './Alert-C3ktyZF6.js';\nimport './common-8fBdMvJM.js';\nimport './markdown-DL-PkOqb.js';\nimport { _ as __rest } from './Heading-CF5mGt3A.js';\nimport { c as clsx } from './clsx-eK3rPvPS.js';\nimport './i18n-ZF6JbdVP.js';\nimport './bem-DhwfdDrM.js';\nimport './browser-DeS_gcJV.js';\n\nconst ToastItemFc = (_a) => {\n var { status, toast, onClose } = _a, other = __rest(_a, [\"status\", \"toast\", \"onClose\"]);\n const { type, label, description, variant } = toast;\n return (h(\"div\", { class: clsx('kol-toast-item', `kol-toast-item--${status}`) }, h(KolAlertFc, { class: \"kol-toast-item__alert\", alert: true, label: label, level: 0, hasCloser: true, type: type, variant: variant || 'card', onCloserClick: onClose }, h(\"div\", Object.assign({}, other), description))));\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 :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);\\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-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 :host {\\n display: flex;\\n position: fixed;\\n z-index: 200;\\n flex-direction: column;\\n }\\n .kol-toast-container__close-all {\\n align-self: flex-end;\\n }\\n}\";\n\nconst TRANSITION_TIMEOUT = 300;\nconst KolToastContainer = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.state = {\n _toastStates: [],\n };\n this.translateToastCloseAll = translate('kol-toast-close-all');\n this.knownRenderFunctions = new Set();\n }\n async enqueue(toast) {\n const newToastState = {\n toast,\n status: 'adding',\n id: `toast-${nonce()}`,\n };\n this.state = Object.assign(Object.assign({}, this.state), { _toastStates: [newToastState, ...this.state._toastStates] });\n setTimeout(() => {\n this.state = Object.assign(Object.assign({}, this.state), { _toastStates: this.state._toastStates.map((localToastState) => localToastState.id === newToastState.id && localToastState.status !== 'removing'\n ? Object.assign(Object.assign({}, localToastState), { status: 'settled' }) : localToastState) });\n }, TRANSITION_TIMEOUT);\n return () => {\n this.handleClose(newToastState);\n };\n }\n handleClose(toastState) {\n this.state = Object.assign(Object.assign({}, this.state), { _toastStates: this.state._toastStates.map((localToastState) => {\n if (localToastState.id === toastState.id) {\n localToastState.status = 'removing';\n }\n return localToastState;\n }) });\n setTimeout(() => {\n var _a, _b;\n this.state = Object.assign(Object.assign({}, this.state), { _toastStates: this.state._toastStates.filter((localToastState) => localToastState.id !== toastState.id) });\n (_b = (_a = toastState.toast).onClose) === null || _b === void 0 ? void 0 : _b.call(_a);\n }, TRANSITION_TIMEOUT);\n }\n async closeAll(immediate = false) {\n if (immediate) {\n this.state = Object.assign(Object.assign({}, this.state), { _toastStates: [] });\n }\n else {\n const toastsToClose = [...this.state._toastStates];\n this.state = Object.assign(Object.assign({}, this.state), { _toastStates: toastsToClose.map((localToastState) => (Object.assign(Object.assign({}, localToastState), { status: 'removing' }))) });\n setTimeout(() => {\n this.state = Object.assign(Object.assign({}, this.state), { _toastStates: this.state._toastStates.filter((toastState) => toastsToClose.every((toastToClose) => toastToClose.id !== toastState.id)) });\n toastsToClose.forEach((toastState) => {\n var _a, _b;\n (_b = (_a = toastState.toast).onClose) === null || _b === void 0 ? void 0 : _b.call(_a);\n });\n }, TRANSITION_TIMEOUT);\n }\n }\n handleToastRef(toastState, element) {\n if (element && typeof toastState.toast.render === 'function' && !this.knownRenderFunctions.has(toastState.toast.render)) {\n this.knownRenderFunctions.add(toastState.toast.render);\n toastState.toast.render(element, { close: () => this.handleClose(toastState) });\n }\n }\n render() {\n return (h(Host, { key: 'e6841e1a26bc8c24de441ed1d444175021f8d7b5', class: \"kol-toast-container\" }, this.state._toastStates.length > 1 && (h(KolButtonTag, { key: '938ab38123fd91e356eb63b4c315d1884eb37197', _label: this.translateToastCloseAll, class: \"kol-toast-container__button-close-all\", _on: {\n onClick: () => {\n void this.closeAll();\n },\n } })), this.state._toastStates.map((toastState) => (h(ToastItemFc, { key: toastState.id, onClose: () => this.handleClose(toastState), ref: (element) => this.handleToastRef(toastState, element), toast: toastState.toast, status: toastState.status })))));\n }\n};\nKolToastContainer.style = {\n default: defaultStyleCss\n};\n\nexport { KolToastContainer as kol_toast_container };\n//# sourceMappingURL=kol-toast-container.entry.js.map\n"],"names":["ToastItemFc","_a","status","toast","onClose","other","__rest","type","label","description","variant","h","clsx","KolAlertFc","defaultStyleCss","TRANSITION_TIMEOUT","KolToastContainer","hostRef","registerInstance","translate","newToastState","nonce","localToastState","toastState","_b","immediate","toastsToClose","toastToClose","element","Host","KolButtonTag"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"kol-toolbar.entry-DpIm2BN3.js","sources":["../../../../components/dist/esm/kol-toolbar.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, g as getElement } from './index-BEYG-0cN.js';\nimport { O as emptyStringByArrayHandler, o as objectObjectHandler, p as parseJson, s as setState } from './common-8fBdMvJM.js';\nimport { v as validateLabel } from './label-CdtNxOKu.js';\nimport { f as KolLinkWcTag, d as KolButtonWcTag } from './component-names-CkE54Ym7.js';\nimport { v as validateOrientation } from './orientation-5kQWqijN.js';\nimport { K as KeyboardKey } from './keyboard-D6PoWr38.js';\n\nconst validateToolbarItems = (component, value) => {\n emptyStringByArrayHandler(value, () => {\n objectObjectHandler(value, () => {\n if (typeof value === 'undefined') {\n value = [];\n }\n try {\n value = parseJson(value);\n }\n catch (e) {\n }\n if (Array.isArray(value) && value.every((items) => typeof items === 'object' && items !== null)) {\n setState(component, '_items', value);\n }\n });\n });\n};\n\nconst defaultStyleCss = \"@charset \\\"UTF-8\\\";\\n/* forward the rem function */\\n/*\\n* This file 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);\\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 place-items: center;\\n font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\\n text-align: center;\\n text-decoration-line: none;\\n }\\n .kol-link::before {\\n /* Render zero-width character as first element to set the baseline correctly. */\\n content: \\\"\\\";\\n }\\n .kol-link__text {\\n width: 100%;\\n margin: auto;\\n }\\n .kol-toolbar {\\n display: flex;\\n flex-wrap: wrap;\\n align-items: center;\\n }\\n .kol-toolbar--orientation-vertical {\\n flex-direction: column;\\n align-items: stretch;\\n }\\n .kol-toolbar:focus-within {\\n outline: 1px solid;\\n outline-offset: 2px;\\n }\\n}\";\n\nconst KolToolbar = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.state = {\n _label: '',\n _items: [],\n };\n this.currentIndex = 0;\n this.indexToElement = new Map();\n this.renderItem = (element, index) => {\n const tabIndex = index === this.currentIndex && !(element === null || element === void 0 ? void 0 : element._disabled) ? 0 : -1;\n const props = {\n key: index,\n class: 'button normal kol-toolbar__item',\n _tabIndex: tabIndex,\n };\n const catchRef = (element) => {\n element && this.indexToElement.set(index, element);\n };\n return '_href' in element ? (h(KolLinkWcTag, Object.assign({}, element, props, { ref: catchRef }))) : (h(KolButtonWcTag, Object.assign({}, element, props, { ref: catchRef })));\n };\n }\n render() {\n return (h(\"div\", { key: '2b79702bb51922cea9ae81435bfce227b1c4ce5a', class: `kol-toolbar kol-toolbar--orientation-${this.state._orientation}`, role: \"toolbar\", \"aria-label\": this.state._label }, this.state._items.map(this.renderItem)));\n }\n validateLabel(value) {\n validateLabel(this, value);\n }\n validateItems(value) {\n validateToolbarItems(this, value);\n }\n validateOrientation(value) {\n validateOrientation(this, value);\n }\n getCurrentToolbarItem(index) {\n return typeof index === 'number' ? this.indexToElement.get(index) : undefined;\n }\n setFirstEnabledItemIndex() {\n var _a;\n this.currentIndex = (_a = this.state._items) === null || _a === void 0 ? void 0 : _a.findIndex((item) => !item._disabled);\n }\n handleKeyDown(event) {\n var _a, _b;\n const pressedKey = event.code;\n const isArrowKey = [KeyboardKey.ArrowUp, KeyboardKey.ArrowDown, KeyboardKey.ArrowRight, KeyboardKey.ArrowLeft].includes(pressedKey);\n if (!isArrowKey)\n return;\n event.preventDefault();\n const lastItemIndex = ((_a = this._items) === null || _a === void 0 ? void 0 : _a.length) - 1;\n const currentIndex = this.currentIndex;\n let nextIndex = 0;\n switch (pressedKey) {\n case KeyboardKey.ArrowUp:\n case KeyboardKey.ArrowLeft:\n nextIndex = currentIndex !== nextIndex ? currentIndex - 1 : lastItemIndex;\n break;\n case KeyboardKey.ArrowDown:\n case KeyboardKey.ArrowRight:\n if (lastItemIndex !== currentIndex)\n nextIndex = currentIndex + 1;\n break;\n }\n if (currentIndex === nextIndex)\n return;\n this.currentIndex = nextIndex;\n void ((_b = this.getCurrentToolbarItem(nextIndex)) === null || _b === void 0 ? void 0 : _b.kolFocus());\n }\n handleBlur(event) {\n if (event.target === this.host)\n this.setFirstEnabledItemIndex();\n }\n componentWillLoad() {\n this.validateLabel(this._label);\n this.validateItems(this._items);\n this.validateOrientation(this._orientation);\n this.setFirstEnabledItemIndex();\n }\n get host() { return getElement(this); }\n static get watchers() { return {\n \"_label\": [\"validateLabel\"],\n \"_items\": [\"validateItems\"],\n \"_orientation\": [\"validateOrientation\"]\n }; }\n};\nKolToolbar.style = {\n default: defaultStyleCss\n};\n\nexport { KolToolbar as kol_toolbar };\n//# sourceMappingURL=kol-toolbar.entry.js.map\n"],"names":["validateToolbarItems","component","value","emptyStringByArrayHandler","objectObjectHandler","parseJson","items","setState","defaultStyleCss","KolToolbar","hostRef","registerInstance","element","index","tabIndex","props","catchRef","h","KolLinkWcTag","KolButtonWcTag","validateLabel","validateOrientation","_a","item","event","_b","pressedKey","KeyboardKey","lastItemIndex","currentIndex","nextIndex","getElement"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"kol-tooltip-wc.entry-Cw0Lxmhq.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-BEYG-0cN.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-C3ktyZF6.js';\nimport { K as KolSpanFc } from './Span-DNVnBGCS.js';\nimport './i18n-CdSCDnmA.js';\nimport './Heading-CF5mGt3A.js';\nimport './clsx-eK3rPvPS.js';\nimport './component-names-CkE54Ym7.js';\nimport './bem-DhwfdDrM.js';\nimport './browser-DeS_gcJV.js';\nimport './Icon-CZlCqmbX.js';\nimport './reuse-CX4AQDkS.js';\nimport './markdown-DL-PkOqb.js';\nimport './InternalUnderlinedBadgeText-BzZpJszE.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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"}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { KolHeading, KolNav } from '@public-ui/react-v19';
|
|
3
|
-
import { SampleDescription } from '../SampleDescription';
|
|
4
|
-
import { LINKS, LINKS_WITHOUT_SUBMENU, LINKS_SUB_ACTIVE } from './links';
|
|
5
|
-
|
|
6
|
-
import type { FC } from 'react';
|
|
7
|
-
export const NavHorizontal: FC = () => (
|
|
8
|
-
<>
|
|
9
|
-
<SampleDescription>
|
|
10
|
-
<p>This sample shows KolNav with horizontal alignment.</p>
|
|
11
|
-
</SampleDescription>
|
|
12
|
-
|
|
13
|
-
<section className="grid gap-8">
|
|
14
|
-
<section className="grid gap-4">
|
|
15
|
-
<KolHeading _level={2} _label="Navigation without submenu" />
|
|
16
|
-
<KolNav _label="Navigation without submenu" _links={LINKS_WITHOUT_SUBMENU} _orientation="horizontal" />
|
|
17
|
-
</section>
|
|
18
|
-
<section className="grid gap-4">
|
|
19
|
-
<KolHeading _level={2} _label="Navigation with submenu" />
|
|
20
|
-
<KolNav _label="Navigation with submenu" _links={LINKS} _orientation="horizontal" />
|
|
21
|
-
</section>
|
|
22
|
-
<section className="grid gap-4">
|
|
23
|
-
<KolHeading _level={2} _label="Navigation with submenu active" />
|
|
24
|
-
<KolNav _label="Navigation with submenu active" _links={LINKS_SUB_ACTIVE} _orientation="horizontal" />
|
|
25
|
-
</section>
|
|
26
|
-
</section>
|
|
27
|
-
</>
|
|
28
|
-
);
|