@public-ui/sample-react 4.0.0-alpha.4 → 4.0.0-alpha.5
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-C60lbYBA-BpPH2dn5.js → Alert-Bjkk9lQv-ARqglia_.js} +3 -3
- package/dist/assets/{Alert-C60lbYBA-BpPH2dn5.js.map → Alert-Bjkk9lQv-ARqglia_.js.map} +1 -1
- package/dist/assets/{Collapsible-CiyJ8Cj6-URzuqJJW.js → Collapsible-IuDix1Q--Clfk9PjU.js} +2 -2
- package/dist/assets/{Collapsible-CiyJ8Cj6-URzuqJJW.js.map → Collapsible-IuDix1Q--Clfk9PjU.js.map} +1 -1
- package/dist/assets/{CustomSuggestionsToggle-aLMn7its-QqQeOXZt.js → CustomSuggestionsToggle-DZmSWiAa-BTwKHo2H.js} +2 -2
- package/dist/assets/{CustomSuggestionsToggle-aLMn7its-QqQeOXZt.js.map → CustomSuggestionsToggle-DZmSWiAa-BTwKHo2H.js.map} +1 -1
- package/dist/assets/{FieldControlStateWrapper-DVSNBlOi-D8FWW6zD.js → FieldControlStateWrapper-DW4yI_q9-Bonm2OcB.js} +2 -2
- package/dist/assets/{FieldControlStateWrapper-DVSNBlOi-D8FWW6zD.js.map → FieldControlStateWrapper-DW4yI_q9-Bonm2OcB.js.map} +1 -1
- package/dist/assets/{FormFieldStateWrapper-CMmlRSa1-Ce3IYbEY.js → FormFieldStateWrapper-C48vTgbZ-sskh_yfO.js} +2 -2
- package/dist/assets/{FormFieldStateWrapper-CMmlRSa1-Ce3IYbEY.js.map → FormFieldStateWrapper-C48vTgbZ-sskh_yfO.js.map} +1 -1
- package/dist/assets/{Heading-JmBTMOsG-BRRmNdlP.js → Heading-Bgh5mGuN-NZ2eqsFZ.js} +2 -2
- package/dist/assets/{Heading-JmBTMOsG-BRRmNdlP.js.map → Heading-Bgh5mGuN-NZ2eqsFZ.js.map} +1 -1
- package/dist/assets/{Icon-4n78xl5U-f8DJChAS.js → Icon-BwahBiNp-UizyCGpl.js} +2 -2
- package/dist/assets/{Icon-4n78xl5U-f8DJChAS.js.map → Icon-BwahBiNp-UizyCGpl.js.map} +1 -1
- package/dist/assets/{Input-DzqeEvvN-QWNNZFRu.js → Input-iXL6EXuW-CiyhDO1S.js} +2 -2
- package/dist/assets/{Input-DzqeEvvN-QWNNZFRu.js.map → Input-iXL6EXuW-CiyhDO1S.js.map} +1 -1
- package/dist/assets/{InputStateWrapper-CAdlOj1p-Bkh-DQiu.js → InputStateWrapper-BskUoUzv-Y1QuPvo7.js} +2 -2
- package/dist/assets/{InputStateWrapper-CAdlOj1p-Bkh-DQiu.js.map → InputStateWrapper-BskUoUzv-Y1QuPvo7.js.map} +1 -1
- package/dist/assets/{InternalUnderlinedBadgeText-Dqa3NiG4-BnRs2EcB.js → InternalUnderlinedBadgeText-Ba_Akx7b-YDli6NRt.js} +2 -2
- package/dist/assets/{InternalUnderlinedBadgeText-Dqa3NiG4-BnRs2EcB.js.map → InternalUnderlinedBadgeText-Ba_Akx7b-YDli6NRt.js.map} +1 -1
- package/dist/assets/{Span-CXTxQLMM-qholWdBt.js → Span-CS0Z30Mv-DkVBt8xF.js} +2 -2
- package/dist/assets/{Span-CXTxQLMM-qholWdBt.js.map → Span-CS0Z30Mv-DkVBt8xF.js.map} +1 -1
- package/dist/assets/{access-and-short-key-bcID78Ha-CT-9Hb4V.js → access-and-short-key-B37XLwy2-BBCIaEXs.js} +2 -2
- package/dist/assets/{access-and-short-key-bcID78Ha-CT-9Hb4V.js.map → access-and-short-key-B37XLwy2-BBCIaEXs.js.map} +1 -1
- package/dist/assets/{align-CyK0wp7d-cM-lRrHn.js → align-D-ifSKu8-DHxE7OrW.js} +2 -2
- package/dist/assets/{align-CyK0wp7d-cM-lRrHn.js.map → align-D-ifSKu8-DHxE7OrW.js.map} +1 -1
- package/dist/assets/{align-floating-elements-Bx4ukVlr-C18_ZFc5.js → align-floating-elements-BkpeqvtE-CQbyIoMm.js} +3 -3
- package/dist/assets/{align-floating-elements-Bx4ukVlr-C18_ZFc5.js.map → align-floating-elements-BkpeqvtE-CQbyIoMm.js.map} +1 -1
- package/dist/assets/{associated.controller-BKIODHIT-YbJp2Y3M.js → associated.controller-ByY2WiIp-D-SArd22.js} +2 -2
- package/dist/assets/{associated.controller-BKIODHIT-YbJp2Y3M.js.map → associated.controller-ByY2WiIp-D-SArd22.js.map} +1 -1
- package/dist/assets/{auto-complete-BsG3RQJ3-VHQdFKzu.js → auto-complete-mCkUnxg2-CPy57VVu.js} +2 -2
- package/dist/assets/{auto-complete-BsG3RQJ3-VHQdFKzu.js.map → auto-complete-mCkUnxg2-CPy57VVu.js.map} +1 -1
- package/dist/assets/{color-C3pYZKV3-BQnfX-kM.js → color-BOIEtqEM-L8c8JCkp.js} +3 -3
- package/dist/assets/{color-C3pYZKV3-BQnfX-kM.js.map → color-BOIEtqEM-L8c8JCkp.js.map} +1 -1
- package/dist/assets/{controller-B9N11jWX-ZfHL86NF.js → controller-C5Ill7ej-DA9_ZpJu.js} +2 -2
- package/dist/assets/{controller-B9N11jWX-ZfHL86NF.js.map → controller-C5Ill7ej-DA9_ZpJu.js.map} +1 -1
- package/dist/assets/{controller-BUE1Z7cD-ChUdBNtn.js → controller-C5WSxdih-C0Th29pR.js} +2 -2
- package/dist/assets/{controller-BUE1Z7cD-ChUdBNtn.js.map → controller-C5WSxdih-C0Th29pR.js.map} +1 -1
- package/dist/assets/{controller-CU4XEpeP-BGW9W9Rk.js → controller-CX1IIODr-BkmhUxT6.js} +2 -2
- package/dist/assets/{controller-CU4XEpeP-BGW9W9Rk.js.map → controller-CX1IIODr-BkmhUxT6.js.map} +1 -1
- package/dist/assets/controller-icon-Bj9jDliX-GITfFrxl.js +4 -0
- package/dist/assets/controller-icon-Bj9jDliX-GITfFrxl.js.map +1 -0
- package/dist/assets/{controller-cKfof2oR-orqYaBGe.js → controller-mXm-vPdA-B6Pyo-EF.js} +2 -2
- package/dist/assets/{controller-cKfof2oR-orqYaBGe.js.map → controller-mXm-vPdA-B6Pyo-EF.js.map} +1 -1
- package/dist/assets/{custom-class-CA0KGtrM-Dbhv2XfS.js → custom-class-nuoQ9Aml-DkG_pprU.js} +2 -2
- package/dist/assets/{custom-class-CA0KGtrM-Dbhv2XfS.js.map → custom-class-nuoQ9Aml-DkG_pprU.js.map} +1 -1
- package/dist/assets/{dev.utils-CTUOv47Z-COw9NMhx.js → dev.utils-CjBWUBVB-BTpX7uqU.js} +2 -2
- package/dist/assets/{dev.utils-CTUOv47Z-COw9NMhx.js.map → dev.utils-CjBWUBVB-BTpX7uqU.js.map} +1 -1
- package/dist/assets/{devtools-OFQp-cqk-CVctEbbI.js → devtools-DSsrYXN7-E4mOPBwO.js} +2 -2
- package/dist/assets/{devtools-OFQp-cqk-CVctEbbI.js.map → devtools-DSsrYXN7-E4mOPBwO.js.map} +1 -1
- package/dist/assets/{disabled-BydergHu-BDBmrDVs.js → disabled-BhpAFgSp-By2R53CP.js} +2 -2
- package/dist/assets/{disabled-BydergHu-BDBmrDVs.js.map → disabled-BhpAFgSp-By2R53CP.js.map} +1 -1
- package/dist/assets/has-closer-CQzjaTkv-CJOSQHj3.js +4 -0
- package/dist/assets/has-closer-CQzjaTkv-CJOSQHj3.js.map +1 -0
- package/dist/assets/{hide-label-DRunOux4-DevJl9BC.js → hide-label-B9FhGrWP-DKlgXtKv.js} +2 -2
- package/dist/assets/{hide-label-DRunOux4-DevJl9BC.js.map → hide-label-B9FhGrWP-DKlgXtKv.js.map} +1 -1
- package/dist/assets/{href-zZq6HYWf-Dxygtgwv.js → href-rwDd36rS-CEz5jHM0.js} +2 -2
- package/dist/assets/href-rwDd36rS-CEz5jHM0.js.map +1 -0
- package/dist/assets/{i18n-CdSCDnmA-ydEJTxuL.js → i18n-C5ifExT3-Biq4UyHg.js} +2 -2
- package/dist/assets/{i18n-CdSCDnmA-ydEJTxuL.js.map → i18n-C5ifExT3-Biq4UyHg.js.map} +1 -1
- package/dist/assets/{icons-72ER78AW-XsxdnrnE.js → icons-B5i9zwjJ-Dzqwsqxx.js} +2 -2
- package/dist/assets/{icons-72ER78AW-XsxdnrnE.js.map → icons-B5i9zwjJ-Dzqwsqxx.js.map} +1 -1
- package/dist/assets/image-source-BfBEJ0rX-BecuGTZi.js +4 -0
- package/dist/assets/{image-source-RWPv7frZ-CTjPW9bv.js.map → image-source-BfBEJ0rX-BecuGTZi.js.map} +1 -1
- package/dist/assets/index-CQ_Buelw.js +22532 -0
- package/dist/assets/index-CQ_Buelw.js.map +1 -0
- package/dist/assets/index-DhV7zTY5.css +1 -0
- package/dist/assets/{kol-abbr.entry-DfO2QBHy.js → kol-abbr.entry-CVbEazxY.js} +36 -17
- package/dist/assets/{kol-abbr.entry-DfO2QBHy.js.map → kol-abbr.entry-CVbEazxY.js.map} +1 -1
- package/dist/assets/{kol-accordion.entry-DGlyWl92.js → kol-accordion.entry-CV7ohUuG.js} +10 -8
- package/dist/assets/kol-accordion.entry-CV7ohUuG.js.map +1 -0
- package/dist/assets/{kol-alert-wc.entry-KQGdJQ7K.js → kol-alert-wc.entry-CYKnpWcF.js} +2 -2
- package/dist/assets/{kol-alert-wc.entry-KQGdJQ7K.js.map → kol-alert-wc.entry-CYKnpWcF.js.map} +1 -1
- package/dist/assets/{kol-alert.entry-Esb0QJ1q.js → kol-alert.entry-CNzUQYLU.js} +35 -16
- package/dist/assets/{kol-alert.entry-Esb0QJ1q.js.map → kol-alert.entry-CNzUQYLU.js.map} +1 -1
- package/dist/assets/kol-avatar-wc.entry-BblqyWKG.js +4 -0
- package/dist/assets/kol-avatar-wc.entry-BblqyWKG.js.map +1 -0
- package/dist/assets/{kol-avatar.entry-DylkzI-2.js → kol-avatar.entry-DUW_BVfA.js} +10 -8
- package/dist/assets/{kol-avatar.entry-DylkzI-2.js.map → kol-avatar.entry-DUW_BVfA.js.map} +1 -1
- package/dist/assets/{kol-badge.entry-D23FFqqY.js → kol-badge.entry-C3zN15_z.js} +36 -17
- package/dist/assets/kol-badge.entry-C3zN15_z.js.map +1 -0
- package/dist/assets/{kol-breadcrumb.entry-CQN00s2L.js → kol-breadcrumb.entry--_VVs4l-.js} +37 -18
- package/dist/assets/kol-breadcrumb.entry--_VVs4l-.js.map +1 -0
- package/dist/assets/{kol-button-link.entry-CZfum7Mh.js → kol-button-link.entry-Br3472GN.js} +36 -17
- package/dist/assets/kol-button-link.entry-Br3472GN.js.map +1 -0
- package/dist/assets/{kol-button-wc.entry-D1ogP847.js → kol-button-wc.entry-2_mO99Hh.js} +2 -2
- package/dist/assets/{kol-button-wc.entry-D1ogP847.js.map → kol-button-wc.entry-2_mO99Hh.js.map} +1 -1
- package/dist/assets/{kol-button.entry-CK3PEHo_.js → kol-button.entry-BaZ02nHO.js} +36 -20
- package/dist/assets/{kol-button.entry-CK3PEHo_.js.map → kol-button.entry-BaZ02nHO.js.map} +1 -1
- package/dist/assets/{kol-card-wc.entry-BGOfVP6B.js → kol-card-wc.entry-BoWT-ryV.js} +2 -2
- package/dist/assets/{kol-card-wc.entry-BGOfVP6B.js.map → kol-card-wc.entry-BoWT-ryV.js.map} +1 -1
- package/dist/assets/{kol-card.entry-BB5MUqG2.js → kol-card.entry-Bdt_-GvY.js} +51 -21
- package/dist/assets/{kol-card.entry-BB5MUqG2.js.map → kol-card.entry-Bdt_-GvY.js.map} +1 -1
- package/dist/assets/{kol-combobox.entry-CK1Pr3dJ.js → kol-combobox.entry-0wHAnFPY.js} +37 -18
- package/dist/assets/kol-combobox.entry-0wHAnFPY.js.map +1 -0
- package/dist/assets/{kol-details.entry-01zvH0ey.js → kol-details.entry-BfD1K4If.js} +8 -6
- package/dist/assets/kol-details.entry-BfD1K4If.js.map +1 -0
- package/dist/assets/{kol-drawer.entry-D_3mra6s.js → kol-drawer.entry-c11KWvha.js} +51 -21
- package/dist/assets/kol-drawer.entry-c11KWvha.js.map +1 -0
- package/dist/assets/{kol-form.entry-NBF48aH4.js → kol-form.entry-D-LVNbGl.js} +36 -17
- package/dist/assets/kol-form.entry-D-LVNbGl.js.map +1 -0
- package/dist/assets/{kol-heading.entry-Bw2ZOxZB.js → kol-heading.entry-CCNAcKwT.js} +8 -6
- package/dist/assets/{kol-heading.entry-Bw2ZOxZB.js.map → kol-heading.entry-CCNAcKwT.js.map} +1 -1
- package/dist/assets/{kol-icon.entry-B7lW9qAY.js → kol-icon.entry-DbZ8n3YR.js} +2 -2
- package/dist/assets/{kol-icon.entry-B7lW9qAY.js.map → kol-icon.entry-DbZ8n3YR.js.map} +1 -1
- package/dist/assets/{kol-image.entry-B783sgJI.js → kol-image.entry-Doe1SGMb.js} +9 -7
- package/dist/assets/{kol-image.entry-B783sgJI.js.map → kol-image.entry-Doe1SGMb.js.map} +1 -1
- package/dist/assets/{kol-input-checkbox.entry-Bk14Spfx.js → kol-input-checkbox.entry-Bn3dg1V8.js} +37 -18
- package/dist/assets/kol-input-checkbox.entry-Bn3dg1V8.js.map +1 -0
- package/dist/assets/{kol-input-color.entry-ePlNMP4V.js → kol-input-color.entry-0XDQSN0x.js} +37 -18
- package/dist/assets/kol-input-color.entry-0XDQSN0x.js.map +1 -0
- package/dist/assets/{kol-input-date.entry-D19aRZ7x.js → kol-input-date.entry-CVwl1xfx.js} +37 -18
- package/dist/assets/kol-input-date.entry-CVwl1xfx.js.map +1 -0
- package/dist/assets/{kol-input-email.entry-wKL18EUZ.js → kol-input-email.entry-D4pj5A7b.js} +37 -18
- package/dist/assets/kol-input-email.entry-D4pj5A7b.js.map +1 -0
- package/dist/assets/{kol-input-file.entry-BKI4OZSU.js → kol-input-file.entry-C8xPfnOP.js} +37 -18
- package/dist/assets/kol-input-file.entry-C8xPfnOP.js.map +1 -0
- package/dist/assets/{kol-input-number.entry-ZwyeLKvv.js → kol-input-number.entry-DwCXhQWQ.js} +37 -18
- package/dist/assets/kol-input-number.entry-DwCXhQWQ.js.map +1 -0
- package/dist/assets/{kol-input-password.entry-DPKMN5fu.js → kol-input-password.entry-Q-lcjouP.js} +36 -17
- package/dist/assets/kol-input-password.entry-Q-lcjouP.js.map +1 -0
- package/dist/assets/{kol-input-radio.entry-Dl088Xo5.js → kol-input-radio.entry-CciQW3YW.js} +37 -18
- package/dist/assets/kol-input-radio.entry-CciQW3YW.js.map +1 -0
- package/dist/assets/{kol-input-range.entry-CmeOXU_F.js → kol-input-range.entry-iU6Li2fT.js} +37 -18
- package/dist/assets/kol-input-range.entry-iU6Li2fT.js.map +1 -0
- package/dist/assets/{kol-input-text.entry-yTzyHdEY.js → kol-input-text.entry-PHh_wEiq.js} +36 -17
- package/dist/assets/kol-input-text.entry-PHh_wEiq.js.map +1 -0
- package/dist/assets/{kol-kolibri.entry-DJG6zhJM.js → kol-kolibri.entry-BR0b_jra.js} +7 -5
- package/dist/assets/kol-kolibri.entry-BR0b_jra.js.map +1 -0
- package/dist/assets/{kol-link-button.entry-Dcp42Pg3.js → kol-link-button.entry-CunQFFKa.js} +36 -20
- package/dist/assets/{kol-link-button.entry-Dcp42Pg3.js.map → kol-link-button.entry-CunQFFKa.js.map} +1 -1
- package/dist/assets/{kol-link-wc.entry-BQuyQ18K.js → kol-link-wc.entry-xTBYHT0z.js} +2 -2
- package/dist/assets/{kol-link-wc.entry-BQuyQ18K.js.map → kol-link-wc.entry-xTBYHT0z.js.map} +1 -1
- package/dist/assets/{kol-link.entry-BlrEmz88.js → kol-link.entry-C6_wnPZ-.js} +36 -17
- package/dist/assets/{kol-link.entry-BlrEmz88.js.map → kol-link.entry-C6_wnPZ-.js.map} +1 -1
- package/dist/assets/{kol-modal.entry-Dzep00es.js → kol-modal.entry-DsZdFm5_.js} +52 -22
- package/dist/assets/kol-modal.entry-DsZdFm5_.js.map +1 -0
- package/dist/assets/{kol-nav.entry-JvaOvsQU.js → kol-nav.entry-CSfQbw6S.js} +38 -19
- package/dist/assets/kol-nav.entry-CSfQbw6S.js.map +1 -0
- package/dist/assets/{kol-pagination-wc.entry-doHS1_nb.js → kol-pagination-wc.entry-DI1SD0UY.js} +3 -3
- package/dist/assets/kol-pagination-wc.entry-DI1SD0UY.js.map +1 -0
- package/dist/assets/{kol-pagination.entry-CXF2sSj4.js → kol-pagination.entry-gk3T6sII.js} +35 -16
- package/dist/assets/{kol-pagination.entry-CXF2sSj4.js.map → kol-pagination.entry-gk3T6sII.js.map} +1 -1
- package/dist/assets/kol-popover-button-wc.entry-BfyJh1Tk.js +4 -0
- package/dist/assets/kol-popover-button-wc.entry-BfyJh1Tk.js.map +1 -0
- package/dist/assets/{kol-popover-button.entry-oeskpb26.js → kol-popover-button.entry-C7lTlK8K.js} +39 -20
- package/dist/assets/kol-popover-button.entry-C7lTlK8K.js.map +1 -0
- package/dist/assets/{kol-popover-wc.entry-BFnMAo7a.js → kol-popover-wc.entry-BRbFm4ZE.js} +2 -2
- package/dist/assets/{kol-popover-wc.entry-BFnMAo7a.js.map → kol-popover-wc.entry-BRbFm4ZE.js.map} +1 -1
- package/dist/assets/{kol-progress.entry-CgzqIhxD.js → kol-progress.entry-kqMDpH9z.js} +9 -7
- package/dist/assets/kol-progress.entry-kqMDpH9z.js.map +1 -0
- package/dist/assets/{kol-quote.entry-fN4L1lwa.js → kol-quote.entry-CMPN1qSV.js} +9 -7
- package/dist/assets/{kol-quote.entry-fN4L1lwa.js.map → kol-quote.entry-CMPN1qSV.js.map} +1 -1
- package/dist/assets/{kol-select.entry-CJA8LIAq.js → kol-select.entry-FMTmeJJJ.js} +37 -18
- package/dist/assets/kol-select.entry-FMTmeJJJ.js.map +1 -0
- package/dist/assets/{kol-single-select.entry-d3Bkh7C-.js → kol-single-select.entry-J9fTeb4w.js} +36 -17
- package/dist/assets/kol-single-select.entry-J9fTeb4w.js.map +1 -0
- package/dist/assets/{kol-skip-nav.entry-D74tudTM.js → kol-skip-nav.entry-DafyzlxB.js} +8 -6
- package/dist/assets/{kol-skip-nav.entry-D74tudTM.js.map → kol-skip-nav.entry-DafyzlxB.js.map} +1 -1
- package/dist/assets/{kol-spin.entry-CAHGqrVG.js → kol-spin.entry-BY2L9jhT.js} +7 -5
- package/dist/assets/kol-spin.entry-BY2L9jhT.js.map +1 -0
- package/dist/assets/{kol-split-button.entry-CAqvy_v4.js → kol-split-button.entry-BFNmHzhp.js} +36 -17
- package/dist/assets/kol-split-button.entry-BFNmHzhp.js.map +1 -0
- package/dist/assets/{kol-table-settings-wc.entry-CEmPUPkO.js → kol-table-settings-wc.entry-M3lIgfdY.js} +2 -2
- package/dist/assets/{kol-table-settings-wc.entry-CEmPUPkO.js.map → kol-table-settings-wc.entry-M3lIgfdY.js.map} +1 -1
- package/dist/assets/{kol-table-stateful.entry-BIxVoszq.js → kol-table-stateful.entry-CYI7kfSl.js} +37 -21
- package/dist/assets/kol-table-stateful.entry-CYI7kfSl.js.map +1 -0
- package/dist/assets/kol-table-stateless-wc.entry-C4MdwyvP.js +4 -0
- package/dist/assets/kol-table-stateless-wc.entry-C4MdwyvP.js.map +1 -0
- package/dist/assets/{kol-table-stateless.entry-CPys_SqK.js → kol-table-stateless.entry-hMXFjEhF.js} +35 -19
- package/dist/assets/kol-table-stateless.entry-hMXFjEhF.js.map +1 -0
- package/dist/assets/{kol-tabs.entry-G17RVwOX.js → kol-tabs.entry-CSiT-Vja.js} +37 -18
- package/dist/assets/kol-tabs.entry-CSiT-Vja.js.map +1 -0
- package/dist/assets/{kol-textarea.entry-BiGwjHTO.js → kol-textarea.entry-DJ_7Lsr5.js} +37 -18
- package/dist/assets/kol-textarea.entry-DJ_7Lsr5.js.map +1 -0
- package/dist/assets/{kol-toast-container.entry-D7tLaFPd.js → kol-toast-container.entry-D8Xpm0Xn.js} +37 -18
- package/dist/assets/kol-toast-container.entry-D8Xpm0Xn.js.map +1 -0
- package/dist/assets/{kol-toolbar.entry-DVA4isNn.js → kol-toolbar.entry-9ySC-BAN.js} +40 -21
- package/dist/assets/kol-toolbar.entry-9ySC-BAN.js.map +1 -0
- package/dist/assets/kol-tooltip-wc.entry-tWLuyz_1.js +4 -0
- package/dist/assets/kol-tooltip-wc.entry-tWLuyz_1.js.map +1 -0
- package/dist/assets/{kol-tree-item-wc.entry-DuOIq5m6.js → kol-tree-item-wc.entry-Di09kCIU.js} +2 -2
- package/dist/assets/{kol-tree-item-wc.entry-DuOIq5m6.js.map → kol-tree-item-wc.entry-Di09kCIU.js.map} +1 -1
- package/dist/assets/{kol-tree-item.entry-CgPVEkhB.js → kol-tree-item.entry-dMSBzhie.js} +7 -5
- package/dist/assets/{kol-tree-item.entry-CgPVEkhB.js.map → kol-tree-item.entry-dMSBzhie.js.map} +1 -1
- package/dist/assets/{kol-tree-wc.entry-CiVQ4sn7.js → kol-tree-wc.entry-BOC80-CT.js} +2 -2
- package/dist/assets/{kol-tree-wc.entry-CiVQ4sn7.js.map → kol-tree-wc.entry-BOC80-CT.js.map} +1 -1
- package/dist/assets/{kol-tree.entry-BKzl_gkD.js → kol-tree.entry-DAhnyulw.js} +7 -5
- package/dist/assets/{kol-tree.entry-BKzl_gkD.js.map → kol-tree.entry-DAhnyulw.js.map} +1 -1
- package/dist/assets/{kol-version.entry-C9wWs0mt.js → kol-version.entry-MhIHSMgx.js} +8 -6
- package/dist/assets/{kol-version.entry-C9wWs0mt.js.map → kol-version.entry-MhIHSMgx.js.map} +1 -1
- package/dist/assets/{label-CdtNxOKu-hh60kymj.js → label-Dnmzb2S_-DuyBXWC_.js} +2 -2
- package/dist/assets/{label-CdtNxOKu-hh60kymj.js.map → label-Dnmzb2S_-DuyBXWC_.js.map} +1 -1
- package/dist/assets/{link-variant-H9yefO89-DDHwpkIR.js → link-variant-DQEKOyAU-Ct9RtX1_.js} +2 -2
- package/dist/assets/{link-variant-H9yefO89-DDHwpkIR.js.map → link-variant-DQEKOyAU-Ct9RtX1_.js.map} +1 -1
- package/dist/assets/{markdown-DL-PkOqb-U0ZENU4t.js → markdown-BSkXjaSn-CrcoKTw6.js} +2 -2
- package/dist/assets/{markdown-DL-PkOqb-U0ZENU4t.js.map → markdown-BSkXjaSn-CrcoKTw6.js.map} +1 -1
- package/dist/assets/material-icons/README.md +19 -14
- package/dist/assets/material-icons/_data/versions.json +2123 -2123
- package/dist/assets/material-icons/index.d.ts +2122 -2122
- package/dist/assets/material-icons/package.json +50 -50
- package/dist/assets/material-symbols/README.md +18 -11
- package/dist/assets/material-symbols/index.d.ts +2803 -2803
- package/dist/assets/material-symbols/package.json +39 -39
- package/dist/assets/{max-length-behavior-BmNWss6T-4wJ3PvM4.js → max-length-behavior-nTw1Zuyf-GucXJFxa.js} +2 -2
- package/dist/assets/{max-length-behavior-BmNWss6T-4wJ3PvM4.js.map → max-length-behavior-nTw1Zuyf-GucXJFxa.js.map} +1 -1
- package/dist/assets/{multiple-bcm5IaCN-1vNdltW1.js → multiple-Cj3JQafH-CDntOvdZ.js} +2 -2
- package/dist/assets/multiple-Cj3JQafH-CDntOvdZ.js.map +1 -0
- package/dist/assets/{open-D9q98v46-B3213NTp.js → open-CbvHO4XG-BCQ9q6gh.js} +2 -2
- package/dist/assets/open-CbvHO4XG-BCQ9q6gh.js.map +1 -0
- package/dist/assets/{orientation-5kQWqijN-BGXsGh97.js → orientation-eCMt8CD1-C96vm09b.js} +2 -2
- package/dist/assets/{orientation-5kQWqijN-BGXsGh97.js.map → orientation-eCMt8CD1-C96vm09b.js.map} +1 -1
- package/dist/assets/{placeholder-6URRds0_-DkLHstCu.js → placeholder-BVhy3BzI-CI6o3wD7.js} +2 -2
- package/dist/assets/{placeholder-6URRds0_-DkLHstCu.js.map → placeholder-BVhy3BzI-CI6o3wD7.js.map} +1 -1
- package/dist/assets/read-only-BetTuumR-CipqDJTL.js +4 -0
- package/dist/assets/read-only-BetTuumR-CipqDJTL.js.map +1 -0
- package/dist/assets/required-CnTTpFCN-BJy5YV3r.js +4 -0
- package/dist/assets/required-CnTTpFCN-BJy5YV3r.js.map +1 -0
- package/dist/assets/{rows-P4l3PNiA-B0KX0L_S.js → rows-DtS-0sp9-DJxBfTGp.js} +2 -2
- package/dist/assets/rows-DtS-0sp9-DJxBfTGp.js.map +1 -0
- package/dist/assets/{show-DsV_Vx8g-CE2UPRLU.js → show-DdPK3aM7-BuMisXZl.js} +2 -2
- package/dist/assets/show-DdPK3aM7-BuMisXZl.js.map +1 -0
- package/dist/assets/{spell-check-DIsLAYgk-JstFyIxc.js → spell-check-B9ot-4t--BhdHVhbC.js} +2 -2
- package/dist/assets/{spell-check-DIsLAYgk-JstFyIxc.js.map → spell-check-B9ot-4t--BhdHVhbC.js.map} +1 -1
- package/dist/assets/{suggestions-DfF4lcNG-DncBUR0O.js → suggestions-B-jLvT4L-DDe9bNUy.js} +2 -2
- package/dist/assets/{suggestions-DfF4lcNG-DncBUR0O.js.map → suggestions-B-jLvT4L-DDe9bNUy.js.map} +1 -1
- package/dist/assets/{table-settings-DSZObo-2-fr_B4R6e.js → table-settings-DxLvhwRE-CduVPZXa.js} +2 -2
- package/dist/assets/{table-settings-DSZObo-2-fr_B4R6e.js.map → table-settings-DxLvhwRE-CduVPZXa.js.map} +1 -1
- package/dist/assets/{test-component.entry-DFZb3yEo.js → test-component.entry-BL3eLwXM.js} +2 -2
- package/dist/assets/{test-component.entry-DFZb3yEo.js.map → test-component.entry-BL3eLwXM.js.map} +1 -1
- package/dist/assets/tooltip-align-Cnin7S26-CqWSaesg.js +4 -0
- package/dist/assets/tooltip-align-Cnin7S26-CqWSaesg.js.map +1 -0
- package/dist/assets/{unique-nav-labels-C_NhdgGz-BmN0Wn5j.js → unique-nav-labels-CrfmPC99-CdxUbk1s.js} +2 -2
- package/dist/assets/{unique-nav-labels-C_NhdgGz-BmN0Wn5j.js.map → unique-nav-labels-CrfmPC99-CdxUbk1s.js.map} +1 -1
- package/dist/assets/{validation-DoIjmu3L-DdxaentZ.js → validation-BfjI5un_-BhDYUf6-.js} +2 -2
- package/dist/assets/{validation-DoIjmu3L-DdxaentZ.js.map → validation-BfjI5un_-BhDYUf6-.js.map} +1 -1
- package/dist/assets/{validation-CW_RXPSn-Cs-ew7Oi.js → validation-aqgnZOL6-Vhr1set_.js} +2 -2
- package/dist/assets/{validation-CW_RXPSn-Cs-ew7Oi.js.map → validation-aqgnZOL6-Vhr1set_.js.map} +1 -1
- package/dist/index.html +2 -2
- package/package.json +5 -5
- package/public/assets/material-icons/README.md +19 -14
- package/public/assets/material-icons/_data/versions.json +2123 -2123
- package/public/assets/material-icons/index.d.ts +2122 -2122
- package/public/assets/material-icons/package.json +50 -50
- package/public/assets/material-symbols/README.md +18 -11
- package/public/assets/material-symbols/index.d.ts +2803 -2803
- package/public/assets/material-symbols/package.json +39 -39
- package/src/components/avatar/basic.tsx +5 -1
- package/src/components/button/access-key.tsx +35 -18
- package/src/components/button/aria-description.tsx +13 -5
- package/src/components/button/baselined.tsx +14 -10
- package/src/components/button/basic.tsx +83 -11
- package/src/components/button/disabled.tsx +43 -0
- package/src/components/button/expert-slot.tsx +48 -11
- package/src/components/button/hide-label.tsx +57 -0
- package/src/components/button/icons.tsx +112 -24
- package/src/components/button/routes.ts +8 -0
- package/src/components/button/row-reverse-tooltip.tsx +10 -10
- package/src/components/button/short-key.tsx +35 -117
- package/src/components/button/spinner.tsx +112 -0
- package/src/components/button/variants.tsx +35 -0
- package/src/components/button/width.tsx +25 -20
- package/src/components/card/headlines.tsx +46 -0
- package/src/components/card/routes.ts +2 -0
- package/src/components/combobox/html.tsx +16 -0
- package/src/components/combobox/routes.ts +2 -0
- package/src/components/icon/basic.tsx +6 -2
- package/src/components/icon/font-awesome.tsx +36 -0
- package/src/components/icon/routes.ts +2 -0
- package/src/components/popover-button/basic.tsx +17 -10
- package/src/components/skip-nav/basic.tsx +35 -26
- package/src/components/split-button/basic.tsx +5 -1
- package/src/components/table/direction-aware-sort.tsx +65 -0
- package/src/components/table/routes.ts +2 -0
- package/src/components/table/sort-data.tsx +12 -11
- package/src/components/toolbar/basic.tsx +7 -1
- package/src/components/toolbar/disabled.tsx +5 -0
- package/src/scenarios/button-shortkey-table.tsx +127 -0
- package/src/scenarios/custom-tooltip-css-properties.tsx +42 -0
- package/src/scenarios/date-in-form.tsx +24 -0
- package/src/scenarios/react-hook-form/basic.tsx +67 -56
- package/src/scenarios/routes.ts +6 -2
- package/src/scenarios/toolbar-item-order.tsx +2 -0
- package/unocss.config.ts +1 -1
- package/vite.config.ts +4 -4
- package/dist/assets/controller-icon-BS8_hq0M-DxLPTb2Y.js +0 -4
- package/dist/assets/controller-icon-BS8_hq0M-DxLPTb2Y.js.map +0 -1
- package/dist/assets/has-closer-BBMh8HY3-Ds2_DrNo.js +0 -4
- package/dist/assets/has-closer-BBMh8HY3-Ds2_DrNo.js.map +0 -1
- package/dist/assets/href-zZq6HYWf-Dxygtgwv.js.map +0 -1
- package/dist/assets/image-source-RWPv7frZ-CTjPW9bv.js +0 -4
- package/dist/assets/index-56fasavN.css +0 -1
- package/dist/assets/index-mMJ_1Otm.js +0 -14105
- package/dist/assets/index-mMJ_1Otm.js.map +0 -1
- package/dist/assets/kol-accordion.entry-DGlyWl92.js.map +0 -1
- package/dist/assets/kol-avatar-wc.entry-BZT2WE7a.js +0 -4
- package/dist/assets/kol-avatar-wc.entry-BZT2WE7a.js.map +0 -1
- package/dist/assets/kol-badge.entry-D23FFqqY.js.map +0 -1
- package/dist/assets/kol-breadcrumb.entry-CQN00s2L.js.map +0 -1
- package/dist/assets/kol-button-link.entry-CZfum7Mh.js.map +0 -1
- package/dist/assets/kol-combobox.entry-CK1Pr3dJ.js.map +0 -1
- package/dist/assets/kol-details.entry-01zvH0ey.js.map +0 -1
- package/dist/assets/kol-drawer.entry-D_3mra6s.js.map +0 -1
- package/dist/assets/kol-form.entry-NBF48aH4.js.map +0 -1
- package/dist/assets/kol-input-checkbox.entry-Bk14Spfx.js.map +0 -1
- package/dist/assets/kol-input-color.entry-ePlNMP4V.js.map +0 -1
- package/dist/assets/kol-input-date.entry-D19aRZ7x.js.map +0 -1
- package/dist/assets/kol-input-email.entry-wKL18EUZ.js.map +0 -1
- package/dist/assets/kol-input-file.entry-BKI4OZSU.js.map +0 -1
- package/dist/assets/kol-input-number.entry-ZwyeLKvv.js.map +0 -1
- package/dist/assets/kol-input-password.entry-DPKMN5fu.js.map +0 -1
- package/dist/assets/kol-input-radio.entry-Dl088Xo5.js.map +0 -1
- package/dist/assets/kol-input-range.entry-CmeOXU_F.js.map +0 -1
- package/dist/assets/kol-input-text.entry-yTzyHdEY.js.map +0 -1
- package/dist/assets/kol-kolibri.entry-DJG6zhJM.js.map +0 -1
- package/dist/assets/kol-modal.entry-Dzep00es.js.map +0 -1
- package/dist/assets/kol-nav.entry-JvaOvsQU.js.map +0 -1
- package/dist/assets/kol-pagination-wc.entry-doHS1_nb.js.map +0 -1
- package/dist/assets/kol-popover-button-wc.entry-BUG7HAvN.js +0 -4
- package/dist/assets/kol-popover-button-wc.entry-BUG7HAvN.js.map +0 -1
- package/dist/assets/kol-popover-button.entry-oeskpb26.js.map +0 -1
- package/dist/assets/kol-progress.entry-CgzqIhxD.js.map +0 -1
- package/dist/assets/kol-select.entry-CJA8LIAq.js.map +0 -1
- package/dist/assets/kol-single-select.entry-d3Bkh7C-.js.map +0 -1
- package/dist/assets/kol-spin.entry-CAHGqrVG.js.map +0 -1
- package/dist/assets/kol-split-button.entry-CAqvy_v4.js.map +0 -1
- package/dist/assets/kol-table-stateful.entry-BIxVoszq.js.map +0 -1
- package/dist/assets/kol-table-stateless-wc.entry-DeMI2EZW.js +0 -4
- package/dist/assets/kol-table-stateless-wc.entry-DeMI2EZW.js.map +0 -1
- package/dist/assets/kol-table-stateless.entry-CPys_SqK.js.map +0 -1
- package/dist/assets/kol-tabs.entry-G17RVwOX.js.map +0 -1
- package/dist/assets/kol-textarea.entry-BiGwjHTO.js.map +0 -1
- package/dist/assets/kol-toast-container.entry-D7tLaFPd.js.map +0 -1
- package/dist/assets/kol-toolbar.entry-DVA4isNn.js.map +0 -1
- package/dist/assets/kol-tooltip-wc.entry-CzGJ93jI.js +0 -4
- package/dist/assets/kol-tooltip-wc.entry-CzGJ93jI.js.map +0 -1
- package/dist/assets/multiple-bcm5IaCN-1vNdltW1.js.map +0 -1
- package/dist/assets/open-D9q98v46-B3213NTp.js.map +0 -1
- package/dist/assets/read-only-CcRldJ9w-BtCyAizc.js +0 -4
- package/dist/assets/read-only-CcRldJ9w-BtCyAizc.js.map +0 -1
- package/dist/assets/required-G86n77y0-BeJ6JwN7.js +0 -4
- package/dist/assets/required-G86n77y0-BeJ6JwN7.js.map +0 -1
- package/dist/assets/rows-P4l3PNiA-B0KX0L_S.js.map +0 -1
- package/dist/assets/show-DsV_Vx8g-CE2UPRLU.js.map +0 -1
- package/dist/assets/tooltip-align-_VI7LehI-DklpgzIk.js +0 -4
- package/dist/assets/tooltip-align-_VI7LehI-DklpgzIk.js.map +0 -1
- package/src/components/button/partials/cases.tsx +0 -37
- package/src/components/button/partials/type.ts +0 -4
- package/src/components/button/partials/variants.tsx +0 -25
- package/src/scenarios/custom-tooltip-width.tsx +0 -33
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"kol-toolbar.entry-DVA4isNn.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-cjpLH5FK.js';\nimport { _ as __rest } from './tslib.es6-CxX45GIN.js';\nimport { f as KolLinkWcTag, d as KolButtonWcTag } from './component-names-CkE54Ym7.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 { K as KeyboardKey } from './keyboard-D6PoWr38.js';\nimport { v as validateOrientation } from './orientation-5kQWqijN.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 * Text should be aligned left by default to provide a predictable starting point.\\n */\\n text-align: left;\\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 text color from his parent element.\\n */\\n color: inherit;\\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 :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 = (raw, index) => {\n const element = this.normalizeItem(raw);\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 = (el) => {\n if (el)\n this.indexToElement.set(index, el);\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 normalizeItem(item) {\n const { _icons, _disabled } = item, rest = __rest(item, [\"_icons\", \"_disabled\"]);\n return Object.assign(Object.assign({}, rest), { _icons, _disabled });\n }\n render() {\n return (h(\"div\", { key: 'f6c277c066891f553e0f7fd04ce5599fe1d373c2', 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 this.indexToElement.clear();\n this.setFirstEnabledItemIndex();\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, _c, _d, _e;\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 = ((_b = (_a = this._items) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0) - 1;\n if (lastItemIndex < 0)\n return;\n const currentIndex = this.currentIndex;\n let nextIndex = currentIndex;\n switch (pressedKey) {\n case KeyboardKey.ArrowUp:\n case KeyboardKey.ArrowLeft:\n nextIndex = currentIndex > 0 ? currentIndex - 1 : lastItemIndex;\n break;\n case KeyboardKey.ArrowDown:\n case KeyboardKey.ArrowRight:\n nextIndex = currentIndex < lastItemIndex ? currentIndex + 1 : 0;\n break;\n }\n if (currentIndex === nextIndex)\n return;\n if ((_d = (_c = this.state._items) === null || _c === void 0 ? void 0 : _c[nextIndex]) === null || _d === void 0 ? void 0 : _d._disabled)\n return;\n this.currentIndex = nextIndex;\n void ((_e = this.getCurrentToolbarItem(nextIndex)) === null || _e === void 0 ? void 0 : _e.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","raw","index","element","tabIndex","props","catchRef","el","h","KolLinkWcTag","KolButtonWcTag","item","_icons","_disabled","rest","__rest","validateLabel","validateOrientation","_a","event","_b","_c","_d","_e","pressedKey","KeyboardKey","lastItemIndex","currentIndex","nextIndex","getElement"],"mappings":"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"}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import{r as d,O as l,h as s,H as r,g as p,n as a}from"./index-mMJ_1Otm.js";import{b as c,a as m}from"./align-floating-elements-Bx4ukVlr-C18_ZFc5.js";import{v as u}from"./align-CyK0wp7d-cM-lRrHn.js";import{v}from"./label-CdtNxOKu-hh60kymj.js";import"./Alert-C60lbYBA-BpPH2dn5.js";import"./i18n-CdSCDnmA-ydEJTxuL.js";import{K as E}from"./Span-CXTxQLMM-qholWdBt.js";import{t as g,a as b}from"./tooltip-open-tracking-rBbBgPWP-CZrYVTp5.js";import"./tslib.es6-CxX45GIN-BAJoBDh7.js";import"./markdown-DL-PkOqb-U0ZENU4t.js";import"./isObject-DvSELytj-B0RigBxT.js";import"./clsx-eK3rPvPS-BT_IL7Fz.js";import"./Heading-JmBTMOsG-BRRmNdlP.js";import"./Icon-4n78xl5U-f8DJChAS.js";import"./reuse-CX4AQDkS-Cyh-fyjG.js";import"./InternalUnderlinedBadgeText-Dqa3NiG4-BnRs2EcB.js";/*!
|
|
2
|
-
* KoliBri - The accessible HTML-Standard
|
|
3
|
-
*/const T=(i,t)=>{a(i,"_badgeText",t)},f=(i,t)=>{a(i,"_id",t)},o=new Set;function y(i){o.forEach(t=>{t.style.setProperty("z-index","999")}),o.add(i),i.style.setProperty("z-index","1000")}function L(i){if(o.delete(i),o.size>0){const t=Array.from(o).pop();t&&t.style.setProperty("z-index","1000")}}const n=300,K=class{constructor(i){d(this,i),this.showTooltip=()=>{if(this.previousSibling&&this.tooltipElement){y(this.tooltipElement),g(),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 m({align:this._align,referenceElement:this.previousSibling,arrowElement:this.arrowElement,floatingElement:this.tooltipElement})}async hideTooltip(){clearTimeout(this.showTooltipTimeout),this.tooltipElement&&(L(this.tooltipElement),b(),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(r,{key:"75bf89e859bd2a055d935091fd2cd01696776135",class:"kol-tooltip"},this.state._label!==""&&s("div",{key:"4363adaf24f6b1d5e32dc69c97ba32cf4250a730",class:"kol-tooltip__floating",ref:this.catchTooltipElement},s("div",{key:"429c6337ddaa247325ea85ded5dbd3a38d955920",class:"kol-tooltip__arrow",ref:this.catchArrowElement}),s(E,{key:"a7d73607f62a8b73b6cbe61d78259f186b8a0a1f",class:"kol-tooltip__content",id:this.state._id,badgeText:this._badgeText,label:this.state._label})))}validateBadgeText(i){T(this,i)}validateAlign(i){u(this,i)}validateId(i){f(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{K as kol_tooltip_wc};
|
|
4
|
-
//# sourceMappingURL=kol-tooltip-wc.entry-CzGJ93jI.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"kol-tooltip-wc.entry-CzGJ93jI.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-cjpLH5FK.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-C60lbYBA.js';\nimport './i18n-CdSCDnmA.js';\nimport { K as KolSpanFc } from './Span-CXTxQLMM.js';\nimport { t as tooltipOpened, a as tooltipClosed } from './tooltip-open-tracking-rBbBgPWP.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-JmBTMOsG.js';\nimport './i18n-ZF6JbdVP.js';\nimport './Icon-4n78xl5U.js';\nimport './reuse-CX4AQDkS.js';\nimport './markdown-DL-PkOqb.js';\nimport './InternalUnderlinedBadgeText-Dqa3NiG4.js';\nimport './isObject-DvSELytj.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 tooltipOpened();\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 tooltipClosed();\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: '75bf89e859bd2a055d935091fd2cd01696776135', class: \"kol-tooltip\" }, this.state._label !== '' && (h(\"div\", { key: '4363adaf24f6b1d5e32dc69c97ba32cf4250a730', class: \"kol-tooltip__floating\", ref: this.catchTooltipElement }, h(\"div\", { key: '429c6337ddaa247325ea85ded5dbd3a38d955920', class: \"kol-tooltip__arrow\", ref: this.catchArrowElement }), h(KolSpanFc, { key: 'a7d73607f62a8b73b6cbe61d78259f186b8a0a1f', 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","tooltipOpened","getDocument","target","tooltipEl","autoUpdate","event","el","next","replacePreviousSibling","element","alignFloatingElements","tooltipClosed","h","Host","KolSpanFc","validateAlign","validateLabel","_a","getElement"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"multiple-bcm5IaCN-1vNdltW1.js","sources":["../../../../components/dist/esm/multiple-bcm5IaCN.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { d as watchBoolean } from './common-8fBdMvJM.js';\n\nconst validateMultiple = (component, value, options) => {\n watchBoolean(component, '_multiple', value, options);\n};\n\nexport { validateMultiple as v };\n//# sourceMappingURL=multiple-bcm5IaCN.js.map\n\n//# sourceMappingURL=multiple-bcm5IaCN.js.map"],"names":["validateMultiple","component","value","options","watchBoolean"],"mappings":"wCAAA;AAAA;AAAA,GAKK,MAACA,EAAmB,CAACC,EAAWC,EAAOC,IAAY,CACpDC,EAAaH,EAAW,YAAaC,EAAOC,CAAO,CACvD"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"open-D9q98v46-B3213NTp.js","sources":["../../../../components/dist/esm/open-D9q98v46.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { d as watchBoolean } from './common-8fBdMvJM.js';\n\nconst validateOpen = (component, value, options) => {\n watchBoolean(component, '_open', value, options);\n};\n\nexport { validateOpen as v };\n//# sourceMappingURL=open-D9q98v46.js.map\n\n//# sourceMappingURL=open-D9q98v46.js.map"],"names":["validateOpen","component","value","options","watchBoolean"],"mappings":"wCAAA;AAAA;AAAA,GAKK,MAACA,EAAe,CAACC,EAAWC,EAAOC,IAAY,CAChDC,EAAaH,EAAW,QAASC,EAAOC,CAAO,CACnD"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"read-only-CcRldJ9w-BtCyAizc.js","sources":["../../../../components/dist/esm/read-only-CcRldJ9w.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { d as watchBoolean } from './common-8fBdMvJM.js';\n\nconst validateReadOnly = (component, value) => {\n watchBoolean(component, '_readOnly', value);\n};\n\nexport { validateReadOnly as v };\n//# sourceMappingURL=read-only-CcRldJ9w.js.map\n\n//# sourceMappingURL=read-only-CcRldJ9w.js.map"],"names":["validateReadOnly","component","value","watchBoolean"],"mappings":"wCAAA;AAAA;AAAA,GAKK,MAACA,EAAmB,CAACC,EAAWC,IAAU,CAC3CC,EAAaF,EAAW,YAAaC,CAAK,CAC9C"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"required-G86n77y0-BeJ6JwN7.js","sources":["../../../../components/dist/esm/required-G86n77y0.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { d as watchBoolean } from './common-8fBdMvJM.js';\n\nconst validateRequired = (component, value) => {\n watchBoolean(component, '_required', value);\n};\n\nexport { validateRequired as v };\n//# sourceMappingURL=required-G86n77y0.js.map\n\n//# sourceMappingURL=required-G86n77y0.js.map"],"names":["validateRequired","component","value","watchBoolean"],"mappings":"wCAAA;AAAA;AAAA,GAKK,MAACA,EAAmB,CAACC,EAAWC,IAAU,CAC3CC,EAAaF,EAAW,YAAaC,CAAK,CAC9C"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"rows-P4l3PNiA-B0KX0L_S.js","sources":["../../../../components/dist/esm/rows-P4l3PNiA.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { N as watchNumber } from './common-8fBdMvJM.js';\n\nconst validateRows = (component, value) => {\n watchNumber(component, `_rows`, value, { min: 1 });\n};\n\nexport { validateRows as v };\n//# sourceMappingURL=rows-P4l3PNiA.js.map\n\n//# sourceMappingURL=rows-P4l3PNiA.js.map"],"names":["validateRows","component","value","watchNumber"],"mappings":"yCAAA;AAAA;AAAA,GAKK,MAACA,EAAe,CAACC,EAAWC,IAAU,CACvCC,EAAYF,EAAW,QAASC,EAAO,CAAE,IAAK,EAAG,CACrD"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"show-DsV_Vx8g-CE2UPRLU.js","sources":["../../../../components/dist/esm/show-DsV_Vx8g.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { d as watchBoolean } from './common-8fBdMvJM.js';\n\nconst validateShow = (component, value, hooks) => {\n watchBoolean(component, '_show', value, hooks);\n};\n\nexport { validateShow as v };\n//# sourceMappingURL=show-DsV_Vx8g.js.map\n\n//# sourceMappingURL=show-DsV_Vx8g.js.map"],"names":["validateShow","component","value","hooks","watchBoolean"],"mappings":"wCAAA;AAAA;AAAA,GAKK,MAACA,EAAe,CAACC,EAAWC,EAAOC,IAAU,CAC9CC,EAAaH,EAAW,QAASC,EAAOC,CAAK,CACjD"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip-align-_VI7LehI-DklpgzIk.js","sources":["../../../../components/dist/esm/tooltip-align-_VI7LehI.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { a as validateAlignment } from './align-CyK0wp7d.js';\nimport './common-8fBdMvJM.js';\n\nconst validateTooltipAlign = (component, value) => {\n validateAlignment(component, '_tooltipAlign', value);\n};\n\nexport { validateTooltipAlign as v };\n//# sourceMappingURL=tooltip-align-_VI7LehI.js.map\n\n//# sourceMappingURL=tooltip-align-_VI7LehI.js.map"],"names":["validateTooltipAlign","component","value","validateAlignment"],"mappings":"6EAAA;AAAA;AAAA,GAMK,MAACA,EAAuB,CAACC,EAAWC,IAAU,CAC/CC,EAAkBF,EAAW,gBAAiBC,CAAK,CACvD"}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
|
|
3
|
-
import { KolButton } from '@public-ui/react-v19';
|
|
4
|
-
import { useToasterService } from '../../../hooks/useToasterService';
|
|
5
|
-
import type { ButtonSampleProps } from './type';
|
|
6
|
-
|
|
7
|
-
export const ButtonCases: React.FC<ButtonSampleProps> = (props) => {
|
|
8
|
-
const { children, ...other } = props;
|
|
9
|
-
const { dummyClickEventHandler } = useToasterService();
|
|
10
|
-
|
|
11
|
-
const dummyEventHandler = {
|
|
12
|
-
onClick: dummyClickEventHandler,
|
|
13
|
-
};
|
|
14
|
-
|
|
15
|
-
return (
|
|
16
|
-
<div className="flex flex-wrap gap-4">
|
|
17
|
-
<KolButton _icons="codicon codicon-home" _label="Primary" _variant="primary" _on={dummyEventHandler} {...other}>
|
|
18
|
-
{children}
|
|
19
|
-
</KolButton>
|
|
20
|
-
<KolButton _icons="codicon codicon-heart" _label="Secondary" _variant="secondary" _on={dummyEventHandler} {...other}>
|
|
21
|
-
{children}
|
|
22
|
-
</KolButton>
|
|
23
|
-
<KolButton _icons="codicon codicon-hubot" _label="Tertiary" _variant="tertiary" _on={dummyEventHandler} {...other}>
|
|
24
|
-
{children}
|
|
25
|
-
</KolButton>
|
|
26
|
-
<KolButton _icons="codicon codicon-hubot" _label="Normal" _variant="normal" _on={dummyEventHandler} {...other}>
|
|
27
|
-
{children}
|
|
28
|
-
</KolButton>
|
|
29
|
-
<KolButton _icons="codicon codicon-trash" _label="Danger" _variant="danger" _on={dummyEventHandler} {...other}>
|
|
30
|
-
{children}
|
|
31
|
-
</KolButton>
|
|
32
|
-
<KolButton _icons="codicon codicon-reactions" _label="Ghost" _variant="ghost" _on={dummyEventHandler} {...other}>
|
|
33
|
-
{children}
|
|
34
|
-
</KolButton>
|
|
35
|
-
</div>
|
|
36
|
-
);
|
|
37
|
-
};
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
|
|
3
|
-
import { KolHeading } from '@public-ui/react-v19';
|
|
4
|
-
import { ButtonCases } from './cases';
|
|
5
|
-
import type { ButtonSampleProps } from './type';
|
|
6
|
-
|
|
7
|
-
export const ButtonVariants: React.FC<ButtonSampleProps> = (props = {}) => {
|
|
8
|
-
const examples: { label: string; buttonProps: ButtonSampleProps }[] = [
|
|
9
|
-
{ label: 'Button', buttonProps: props },
|
|
10
|
-
{ label: 'Button (disabled)', buttonProps: { ...props, _disabled: true } },
|
|
11
|
-
{ label: 'Button (hideLabel)', buttonProps: { ...props, _hideLabel: true } },
|
|
12
|
-
{ label: 'Button (disabled, hideLabel)', buttonProps: { ...props, _disabled: true, _hideLabel: true } },
|
|
13
|
-
];
|
|
14
|
-
|
|
15
|
-
return (
|
|
16
|
-
<div className="grid gap-8">
|
|
17
|
-
{examples.map(({ label, buttonProps }, index) => (
|
|
18
|
-
<section key={index} className="grid gap-4">
|
|
19
|
-
<KolHeading _level={2} _label={label} />
|
|
20
|
-
<ButtonCases {...buttonProps}></ButtonCases>
|
|
21
|
-
</section>
|
|
22
|
-
))}
|
|
23
|
-
</div>
|
|
24
|
-
);
|
|
25
|
-
};
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import type { FC } from 'react';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
|
|
4
|
-
import { KolButton } from '@public-ui/react-v19';
|
|
5
|
-
import { SampleDescription } from '../components/SampleDescription';
|
|
6
|
-
import { useToasterService } from '../hooks/useToasterService';
|
|
7
|
-
|
|
8
|
-
export const CustomTooltipWidth: FC = () => {
|
|
9
|
-
const { dummyClickEventHandler } = useToasterService();
|
|
10
|
-
|
|
11
|
-
const dummyEventHandler = {
|
|
12
|
-
onClick: dummyClickEventHandler,
|
|
13
|
-
};
|
|
14
|
-
|
|
15
|
-
return (
|
|
16
|
-
<>
|
|
17
|
-
<SampleDescription>
|
|
18
|
-
<p>
|
|
19
|
-
This sample demonstrates how a tooltip's width can be adjusted by defining the CSS custom property <code>--kol-tooltip-width</code> on one of the
|
|
20
|
-
parent elements.
|
|
21
|
-
</p>
|
|
22
|
-
</SampleDescription>
|
|
23
|
-
|
|
24
|
-
<KolButton
|
|
25
|
-
_label="Tooltip with fixed width"
|
|
26
|
-
_hideLabel
|
|
27
|
-
style={{ '--kol-tooltip-width': '400px' }}
|
|
28
|
-
_icons="codicon codicon-reactions"
|
|
29
|
-
_on={dummyEventHandler}
|
|
30
|
-
></KolButton>
|
|
31
|
-
</>
|
|
32
|
-
);
|
|
33
|
-
};
|