@public-ui/sample-react 4.0.0-alpha.5 → 4.0.0-alpha.7
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/README.md +1 -1
- package/dist/assets/Alert-83Gb4NJi-B1Ay2PFS.js +2 -0
- package/dist/assets/{Alert-Bjkk9lQv-ARqglia_.js.map → Alert-83Gb4NJi-B1Ay2PFS.js.map} +1 -1
- package/dist/assets/Collapsible-BWBRUxlQ-DbfHp6WF.js +2 -0
- package/dist/assets/{Collapsible-IuDix1Q--Clfk9PjU.js.map → Collapsible-BWBRUxlQ-DbfHp6WF.js.map} +1 -1
- package/dist/assets/CustomSuggestionsOptionsGroup-F-K5k1eH-GAXLZNMg.js +2 -0
- package/dist/assets/CustomSuggestionsOptionsGroup-F-K5k1eH-GAXLZNMg.js.map +1 -0
- package/dist/assets/FieldControlStateWrapper-DHi-9Vch-DTwaRJnV.js +2 -0
- package/dist/assets/{FieldControlStateWrapper-DW4yI_q9-Bonm2OcB.js.map → FieldControlStateWrapper-DHi-9Vch-DTwaRJnV.js.map} +1 -1
- package/dist/assets/FormFieldStateWrapper-DdxBfHk9-Z8hHMcic.js +2 -0
- package/dist/assets/FormFieldStateWrapper-DdxBfHk9-Z8hHMcic.js.map +1 -0
- package/dist/assets/Heading-Dp1LmW2r-9xFHooPQ.js +2 -0
- package/dist/assets/{Heading-Bgh5mGuN-NZ2eqsFZ.js.map → Heading-Dp1LmW2r-9xFHooPQ.js.map} +1 -1
- package/dist/assets/Icon-BTCiUYU9-BswBxG0l.js +2 -0
- package/dist/assets/Icon-BTCiUYU9-BswBxG0l.js.map +1 -0
- package/dist/assets/Input-DCya5HSR-CPmSrYWA.js +2 -0
- package/dist/assets/{Input-iXL6EXuW-CiyhDO1S.js.map → Input-DCya5HSR-CPmSrYWA.js.map} +1 -1
- package/dist/assets/InputStateWrapper-B6CEb3g--DnRwOxFU.js +2 -0
- package/dist/assets/{InputStateWrapper-BskUoUzv-Y1QuPvo7.js.map → InputStateWrapper-B6CEb3g--DnRwOxFU.js.map} +1 -1
- package/dist/assets/InternalUnderlinedBadgeText-Bs9VOx3f-Cx46a1Fh.js +2 -0
- package/dist/assets/{InternalUnderlinedBadgeText-Ba_Akx7b-YDli6NRt.js.map → InternalUnderlinedBadgeText-Bs9VOx3f-Cx46a1Fh.js.map} +1 -1
- package/dist/assets/Span-KZITft3P-CbRE4hYG.js +2 -0
- package/dist/assets/{Span-CS0Z30Mv-DkVBt8xF.js.map → Span-KZITft3P-CbRE4hYG.js.map} +1 -1
- package/dist/assets/access-and-short-key-B37XLwy2-C-tLXrJQ.js +2 -0
- package/dist/assets/{access-and-short-key-B37XLwy2-BBCIaEXs.js.map → access-and-short-key-B37XLwy2-C-tLXrJQ.js.map} +1 -1
- package/dist/assets/align-D-ifSKu8-2qqc8Q2I.js +2 -0
- package/dist/assets/{align-D-ifSKu8-DHxE7OrW.js.map → align-D-ifSKu8-2qqc8Q2I.js.map} +1 -1
- package/dist/assets/align-floating-elements-BkpeqvtE-9RZwzYIj.js +2 -0
- package/dist/assets/{align-floating-elements-BkpeqvtE-CQbyIoMm.js.map → align-floating-elements-BkpeqvtE-9RZwzYIj.js.map} +1 -1
- package/dist/assets/associated.controller-CKSywYuL-D_-NPKll.js +2 -0
- package/dist/assets/{associated.controller-ByY2WiIp-D-SArd22.js.map → associated.controller-CKSywYuL-D_-NPKll.js.map} +1 -1
- package/dist/assets/auto-complete-mCkUnxg2-BAO18qDm.js +2 -0
- package/dist/assets/{auto-complete-mCkUnxg2-CPy57VVu.js.map → auto-complete-mCkUnxg2-BAO18qDm.js.map} +1 -1
- package/dist/assets/clsx-eK3rPvPS-B-dksMZM.js +2 -0
- package/dist/assets/clsx-eK3rPvPS-B-dksMZM.js.map +1 -0
- package/dist/assets/color-BOIEtqEM-Dsa-aDaF.js +2 -0
- package/dist/assets/{color-BOIEtqEM-L8c8JCkp.js.map → color-BOIEtqEM-Dsa-aDaF.js.map} +1 -1
- package/dist/assets/controller-BF_Czp7e-CnjAl8gj.js +2 -0
- package/dist/assets/{controller-C5WSxdih-C0Th29pR.js.map → controller-BF_Czp7e-CnjAl8gj.js.map} +1 -1
- package/dist/assets/controller-C5Ill7ej-DEERmMid.js +2 -0
- package/dist/assets/{controller-C5Ill7ej-DA9_ZpJu.js.map → controller-C5Ill7ej-DEERmMid.js.map} +1 -1
- package/dist/assets/controller-CQtkSgzE-BGyqTIgD.js +2 -0
- package/dist/assets/{controller-CX1IIODr-BkmhUxT6.js.map → controller-CQtkSgzE-BGyqTIgD.js.map} +1 -1
- package/dist/assets/controller-icon-C5Tj-Bw9-DoaOfBv8.js +2 -0
- package/dist/assets/{controller-icon-Bj9jDliX-GITfFrxl.js.map → controller-icon-C5Tj-Bw9-DoaOfBv8.js.map} +1 -1
- package/dist/assets/controller-n_eFbbek-BRJFGvww.js +2 -0
- package/dist/assets/{controller-mXm-vPdA-B6Pyo-EF.js.map → controller-n_eFbbek-BRJFGvww.js.map} +1 -1
- package/dist/assets/custom-class-nuoQ9Aml-C6gL0_qo.js +2 -0
- package/dist/assets/{custom-class-nuoQ9Aml-DkG_pprU.js.map → custom-class-nuoQ9Aml-C6gL0_qo.js.map} +1 -1
- package/dist/assets/{dev.utils-CjBWUBVB-BTpX7uqU.js → dev.utils-CLelInms-CwbOd1kQ.js} +2 -4
- package/dist/assets/{dev.utils-CjBWUBVB-BTpX7uqU.js.map → dev.utils-CLelInms-CwbOd1kQ.js.map} +1 -1
- package/dist/assets/devtools-8P6cNSgN-BgoMgc_O.js +14 -0
- package/dist/assets/{devtools-DSsrYXN7-E4mOPBwO.js.map → devtools-8P6cNSgN-BgoMgc_O.js.map} +1 -1
- package/dist/assets/disabled-BhpAFgSp-DpNF6m-0.js +2 -0
- package/dist/assets/{disabled-BhpAFgSp-By2R53CP.js.map → disabled-BhpAFgSp-DpNF6m-0.js.map} +1 -1
- package/dist/assets/has-closer-CQzjaTkv-7NtaNGni.js +2 -0
- package/dist/assets/{has-closer-CQzjaTkv-CJOSQHj3.js.map → has-closer-CQzjaTkv-7NtaNGni.js.map} +1 -1
- package/dist/assets/hide-label-B9FhGrWP-C9po7_Qn.js +2 -0
- package/dist/assets/{hide-label-B9FhGrWP-DKlgXtKv.js.map → hide-label-B9FhGrWP-C9po7_Qn.js.map} +1 -1
- package/dist/assets/href-rwDd36rS-DOvXdMik.js +2 -0
- package/dist/assets/{href-rwDd36rS-CEz5jHM0.js.map → href-rwDd36rS-DOvXdMik.js.map} +1 -1
- package/dist/assets/i18n-BzQ08vD6-CNBTxQ3d.js +2 -0
- package/dist/assets/i18n-BzQ08vD6-CNBTxQ3d.js.map +1 -0
- package/dist/assets/icons-B5i9zwjJ-CbdCB9RM.js +2 -0
- package/dist/assets/{icons-B5i9zwjJ-Dzqwsqxx.js.map → icons-B5i9zwjJ-CbdCB9RM.js.map} +1 -1
- package/dist/assets/image-source-BfBEJ0rX-Buy6WWlO.js +2 -0
- package/dist/assets/{image-source-BfBEJ0rX-BecuGTZi.js.map → image-source-BfBEJ0rX-Buy6WWlO.js.map} +1 -1
- package/dist/assets/{index-DhV7zTY5.css → index-BWt2lYpR.css} +1 -1
- package/dist/assets/{index-CQ_Buelw.js → index-z-9Q5FY7.js} +316 -309
- package/dist/assets/index-z-9Q5FY7.js.map +1 -0
- package/dist/assets/isObject-DvSELytj-DhzEQer1.js +2 -0
- package/dist/assets/{isObject-DvSELytj-B0RigBxT.js.map → isObject-DvSELytj-DhzEQer1.js.map} +1 -1
- package/dist/assets/keyboard-D6PoWr38-BGYQJqo4.js +2 -0
- package/dist/assets/{keyboard-D6PoWr38-Bn_Qh8Bq.js.map → keyboard-D6PoWr38-BGYQJqo4.js.map} +1 -1
- package/dist/assets/{kol-abbr.entry-CVbEazxY.js → kol-abbr.entry-BO9Puc4e.js} +2 -4
- package/dist/assets/{kol-abbr.entry-CVbEazxY.js.map → kol-abbr.entry-BO9Puc4e.js.map} +1 -1
- package/dist/assets/{kol-accordion.entry-CV7ohUuG.js → kol-accordion.entry-CRUAlsWr.js} +22 -19
- package/dist/assets/kol-accordion.entry-CRUAlsWr.js.map +1 -0
- package/dist/assets/kol-alert-wc.entry-OPKHHsLo.js +2 -0
- package/dist/assets/{kol-alert-wc.entry-CYKnpWcF.js.map → kol-alert-wc.entry-OPKHHsLo.js.map} +1 -1
- package/dist/assets/{kol-alert.entry-CNzUQYLU.js → kol-alert.entry-DASHAlfo.js} +2 -4
- package/dist/assets/{kol-alert.entry-CNzUQYLU.js.map → kol-alert.entry-DASHAlfo.js.map} +1 -1
- package/dist/assets/kol-avatar-wc.entry-Cx63Nu5Q.js +2 -0
- package/dist/assets/{kol-avatar-wc.entry-BblqyWKG.js.map → kol-avatar-wc.entry-Cx63Nu5Q.js.map} +1 -1
- package/dist/assets/{kol-avatar.entry-DUW_BVfA.js → kol-avatar.entry-Byl5EvRa.js} +2 -4
- package/dist/assets/{kol-avatar.entry-DUW_BVfA.js.map → kol-avatar.entry-Byl5EvRa.js.map} +1 -1
- package/dist/assets/{kol-badge.entry-C3zN15_z.js → kol-badge.entry-BvNpUkJE.js} +2 -4
- package/dist/assets/{kol-badge.entry-C3zN15_z.js.map → kol-badge.entry-BvNpUkJE.js.map} +1 -1
- package/dist/assets/{kol-breadcrumb.entry--_VVs4l-.js → kol-breadcrumb.entry-XZtQNOzH.js} +8 -15
- package/dist/assets/{kol-breadcrumb.entry--_VVs4l-.js.map → kol-breadcrumb.entry-XZtQNOzH.js.map} +1 -1
- package/dist/assets/{kol-button-link.entry-Br3472GN.js → kol-button-link.entry-BQAYx_Xz.js} +5 -7
- package/dist/assets/{kol-button-link.entry-Br3472GN.js.map → kol-button-link.entry-BQAYx_Xz.js.map} +1 -1
- package/dist/assets/kol-button-wc.entry-DsKPRSoi.js +2 -0
- package/dist/assets/kol-button-wc.entry-DsKPRSoi.js.map +1 -0
- package/dist/assets/{kol-button.entry-BaZ02nHO.js → kol-button.entry-CQ89F9cR.js} +2 -4
- package/dist/assets/{kol-button.entry-BaZ02nHO.js.map → kol-button.entry-CQ89F9cR.js.map} +1 -1
- package/dist/assets/kol-card-wc.entry-BzOw18M5.js +2 -0
- package/dist/assets/{kol-card-wc.entry-BoWT-ryV.js.map → kol-card-wc.entry-BzOw18M5.js.map} +1 -1
- package/dist/assets/{kol-card.entry-Bdt_-GvY.js → kol-card.entry-B5DavjMI.js} +2 -4
- package/dist/assets/{kol-card.entry-Bdt_-GvY.js.map → kol-card.entry-B5DavjMI.js.map} +1 -1
- package/dist/assets/kol-combobox.entry-BVNTXxnW.js +383 -0
- package/dist/assets/kol-combobox.entry-BVNTXxnW.js.map +1 -0
- package/dist/assets/{kol-details.entry-BfD1K4If.js → kol-details.entry-_ocJvMoV.js} +22 -19
- package/dist/assets/kol-details.entry-_ocJvMoV.js.map +1 -0
- package/dist/assets/{kol-drawer.entry-c11KWvha.js → kol-drawer.entry-Bp75-2El.js} +3 -5
- package/dist/assets/{kol-drawer.entry-c11KWvha.js.map → kol-drawer.entry-Bp75-2El.js.map} +1 -1
- package/dist/assets/{kol-form.entry-D-LVNbGl.js → kol-form.entry-BH0DuQHl.js} +6 -8
- package/dist/assets/{kol-form.entry-D-LVNbGl.js.map → kol-form.entry-BH0DuQHl.js.map} +1 -1
- package/dist/assets/{kol-heading.entry-CCNAcKwT.js → kol-heading.entry-BRjLPTZ3.js} +3 -5
- package/dist/assets/{kol-heading.entry-CCNAcKwT.js.map → kol-heading.entry-BRjLPTZ3.js.map} +1 -1
- package/dist/assets/{kol-icon.entry-DbZ8n3YR.js → kol-icon.entry-CS4a7PO8.js} +4 -5
- package/dist/assets/{kol-icon.entry-DbZ8n3YR.js.map → kol-icon.entry-CS4a7PO8.js.map} +1 -1
- package/dist/assets/{kol-image.entry-Doe1SGMb.js → kol-image.entry-DEKfsEr7.js} +3 -5
- package/dist/assets/{kol-image.entry-Doe1SGMb.js.map → kol-image.entry-DEKfsEr7.js.map} +1 -1
- package/dist/assets/{kol-input-checkbox.entry-Bn3dg1V8.js → kol-input-checkbox.entry-DLSp08MY.js} +5 -7
- package/dist/assets/kol-input-checkbox.entry-DLSp08MY.js.map +1 -0
- package/dist/assets/{kol-input-color.entry-0XDQSN0x.js → kol-input-color.entry-B9jsLDA5.js} +5 -7
- package/dist/assets/kol-input-color.entry-B9jsLDA5.js.map +1 -0
- package/dist/assets/{kol-input-date.entry-CVwl1xfx.js → kol-input-date.entry-DqggZAXt.js} +5 -7
- package/dist/assets/kol-input-date.entry-DqggZAXt.js.map +1 -0
- package/dist/assets/{kol-input-email.entry-D4pj5A7b.js → kol-input-email.entry-1kiNZ5V9.js} +5 -7
- package/dist/assets/kol-input-email.entry-1kiNZ5V9.js.map +1 -0
- package/dist/assets/{kol-input-file.entry-C8xPfnOP.js → kol-input-file.entry-BRwKf8nn.js} +5 -7
- package/dist/assets/kol-input-file.entry-BRwKf8nn.js.map +1 -0
- package/dist/assets/{kol-input-number.entry-DwCXhQWQ.js → kol-input-number.entry-CSbBQj7S.js} +5 -7
- package/dist/assets/kol-input-number.entry-CSbBQj7S.js.map +1 -0
- package/dist/assets/{kol-input-password.entry-Q-lcjouP.js → kol-input-password.entry-DN8o8Cqb.js} +5 -7
- package/dist/assets/kol-input-password.entry-DN8o8Cqb.js.map +1 -0
- package/dist/assets/{kol-input-radio.entry-CciQW3YW.js → kol-input-radio.entry-Cpm71DCv.js} +5 -7
- package/dist/assets/kol-input-radio.entry-Cpm71DCv.js.map +1 -0
- package/dist/assets/{kol-input-range.entry-iU6Li2fT.js → kol-input-range.entry-3QF0MIG9.js} +11 -13
- package/dist/assets/kol-input-range.entry-3QF0MIG9.js.map +1 -0
- package/dist/assets/{kol-input-text.entry-PHh_wEiq.js → kol-input-text.entry-CNTUIU2O.js} +5 -7
- package/dist/assets/kol-input-text.entry-CNTUIU2O.js.map +1 -0
- package/dist/assets/{kol-kolibri.entry-BR0b_jra.js → kol-kolibri.entry-CDvl4QUY.js} +3 -5
- package/dist/assets/{kol-kolibri.entry-BR0b_jra.js.map → kol-kolibri.entry-CDvl4QUY.js.map} +1 -1
- package/dist/assets/{kol-link-button.entry-CunQFFKa.js → kol-link-button.entry-BFvz8SnG.js} +3 -5
- package/dist/assets/{kol-link-button.entry-CunQFFKa.js.map → kol-link-button.entry-BFvz8SnG.js.map} +1 -1
- package/dist/assets/kol-link-wc.entry-BazRizfV.js +2 -0
- package/dist/assets/kol-link-wc.entry-BazRizfV.js.map +1 -0
- package/dist/assets/{kol-link.entry-C6_wnPZ-.js → kol-link.entry-CMunyNIu.js} +6 -8
- package/dist/assets/{kol-link.entry-C6_wnPZ-.js.map → kol-link.entry-CMunyNIu.js.map} +1 -1
- package/dist/assets/{kol-modal.entry-DsZdFm5_.js → kol-modal.entry-F-R_xzIA.js} +3 -5
- package/dist/assets/{kol-modal.entry-DsZdFm5_.js.map → kol-modal.entry-F-R_xzIA.js.map} +1 -1
- package/dist/assets/{kol-nav.entry-CSfQbw6S.js → kol-nav.entry-u5wOI4vk.js} +3 -5
- package/dist/assets/{kol-nav.entry-CSfQbw6S.js.map → kol-nav.entry-u5wOI4vk.js.map} +1 -1
- package/dist/assets/kol-pagination-wc.entry-Beo7gQfz.js +2 -0
- package/dist/assets/{kol-pagination-wc.entry-DI1SD0UY.js.map → kol-pagination-wc.entry-Beo7gQfz.js.map} +1 -1
- package/dist/assets/{kol-pagination.entry-gk3T6sII.js → kol-pagination.entry-BUijXjy8.js} +3 -5
- package/dist/assets/{kol-pagination.entry-gk3T6sII.js.map → kol-pagination.entry-BUijXjy8.js.map} +1 -1
- package/dist/assets/kol-popover-button-wc.entry-Bng6RPAJ.js +2 -0
- package/dist/assets/kol-popover-button-wc.entry-Bng6RPAJ.js.map +1 -0
- package/dist/assets/{kol-popover-button.entry-C7lTlK8K.js → kol-popover-button.entry-DwTOCPZS.js} +3 -5
- package/dist/assets/{kol-popover-button.entry-C7lTlK8K.js.map → kol-popover-button.entry-DwTOCPZS.js.map} +1 -1
- package/dist/assets/kol-popover-wc.entry-BKuPUyr0.js +2 -0
- package/dist/assets/kol-popover-wc.entry-BKuPUyr0.js.map +1 -0
- package/dist/assets/{kol-progress.entry-kqMDpH9z.js → kol-progress.entry-DxPfIKvK.js} +3 -5
- package/dist/assets/{kol-progress.entry-kqMDpH9z.js.map → kol-progress.entry-DxPfIKvK.js.map} +1 -1
- package/dist/assets/{kol-quote.entry-CMPN1qSV.js → kol-quote.entry-Vk2kWy8T.js} +6 -8
- package/dist/assets/{kol-quote.entry-CMPN1qSV.js.map → kol-quote.entry-Vk2kWy8T.js.map} +1 -1
- package/dist/assets/{kol-select.entry-FMTmeJJJ.js → kol-select.entry-XtN1WxvM.js} +8 -8
- package/dist/assets/{kol-select.entry-FMTmeJJJ.js.map → kol-select.entry-XtN1WxvM.js.map} +1 -1
- package/dist/assets/kol-single-select.entry-CxWVHaiY.js +393 -0
- package/dist/assets/kol-single-select.entry-CxWVHaiY.js.map +1 -0
- package/dist/assets/{kol-skip-nav.entry-DafyzlxB.js → kol-skip-nav.entry-CkNoAkR1.js} +3 -5
- package/dist/assets/{kol-skip-nav.entry-DafyzlxB.js.map → kol-skip-nav.entry-CkNoAkR1.js.map} +1 -1
- package/dist/assets/{kol-spin.entry-BY2L9jhT.js → kol-spin.entry-DMsjq3Y8.js} +3 -5
- package/dist/assets/{kol-spin.entry-BY2L9jhT.js.map → kol-spin.entry-DMsjq3Y8.js.map} +1 -1
- package/dist/assets/{kol-split-button.entry-BFNmHzhp.js → kol-split-button.entry-DnVZqlow.js} +3 -5
- package/dist/assets/{kol-split-button.entry-BFNmHzhp.js.map → kol-split-button.entry-DnVZqlow.js.map} +1 -1
- package/dist/assets/kol-table-settings-wc.entry-CAxpiZhe.js +2 -0
- package/dist/assets/kol-table-settings-wc.entry-CAxpiZhe.js.map +1 -0
- package/dist/assets/{kol-table-stateful.entry-CYI7kfSl.js → kol-table-stateful.entry-Blyftzt3.js} +10 -12
- package/dist/assets/kol-table-stateful.entry-Blyftzt3.js.map +1 -0
- package/dist/assets/kol-table-stateless-wc.entry-D6bs_fzZ.js +2 -0
- package/dist/assets/kol-table-stateless-wc.entry-D6bs_fzZ.js.map +1 -0
- package/dist/assets/{kol-table-stateless.entry-hMXFjEhF.js → kol-table-stateless.entry-B5XgTqYF.js} +10 -12
- package/dist/assets/{kol-table-stateless.entry-hMXFjEhF.js.map → kol-table-stateless.entry-B5XgTqYF.js.map} +1 -1
- package/dist/assets/{kol-tabs.entry-CSiT-Vja.js → kol-tabs.entry-BjI6AVpx.js} +3 -5
- package/dist/assets/{kol-tabs.entry-CSiT-Vja.js.map → kol-tabs.entry-BjI6AVpx.js.map} +1 -1
- package/dist/assets/{kol-textarea.entry-DJ_7Lsr5.js → kol-textarea.entry-DXPKA0rU.js} +5 -7
- package/dist/assets/kol-textarea.entry-DXPKA0rU.js.map +1 -0
- package/dist/assets/{kol-toast-container.entry-D8Xpm0Xn.js → kol-toast-container.entry-cSP2tj7K.js} +3 -5
- package/dist/assets/{kol-toast-container.entry-D8Xpm0Xn.js.map → kol-toast-container.entry-cSP2tj7K.js.map} +1 -1
- package/dist/assets/{kol-toolbar.entry-9ySC-BAN.js → kol-toolbar.entry-5pE--mg2.js} +3 -5
- package/dist/assets/{kol-toolbar.entry-9ySC-BAN.js.map → kol-toolbar.entry-5pE--mg2.js.map} +1 -1
- package/dist/assets/kol-tooltip-wc.entry-BC93qUWi.js +2 -0
- package/dist/assets/kol-tooltip-wc.entry-BC93qUWi.js.map +1 -0
- package/dist/assets/kol-tree-item-wc.entry-CPXL_1YQ.js +2 -0
- package/dist/assets/{kol-tree-item-wc.entry-Di09kCIU.js.map → kol-tree-item-wc.entry-CPXL_1YQ.js.map} +1 -1
- package/dist/assets/{kol-tree-item.entry-dMSBzhie.js → kol-tree-item.entry--YaFm8Rm.js} +3 -5
- package/dist/assets/{kol-tree-item.entry-dMSBzhie.js.map → kol-tree-item.entry--YaFm8Rm.js.map} +1 -1
- package/dist/assets/kol-tree-wc.entry-BxVxJHvA.js +2 -0
- package/dist/assets/{kol-tree-wc.entry-BOC80-CT.js.map → kol-tree-wc.entry-BxVxJHvA.js.map} +1 -1
- package/dist/assets/{kol-tree.entry-DAhnyulw.js → kol-tree.entry-1tbzKjrd.js} +3 -5
- package/dist/assets/{kol-tree.entry-DAhnyulw.js.map → kol-tree.entry-1tbzKjrd.js.map} +1 -1
- package/dist/assets/{kol-version.entry-MhIHSMgx.js → kol-version.entry-C-jjpRaS.js} +3 -5
- package/dist/assets/{kol-version.entry-MhIHSMgx.js.map → kol-version.entry-C-jjpRaS.js.map} +1 -1
- package/dist/assets/label-Dnmzb2S_-_pvd9A5V.js +2 -0
- package/dist/assets/{label-Dnmzb2S_-DuyBXWC_.js.map → label-Dnmzb2S_-_pvd9A5V.js.map} +1 -1
- package/dist/assets/link-variant-DQEKOyAU-K7xIv30i.js +2 -0
- package/dist/assets/{link-variant-DQEKOyAU-Ct9RtX1_.js.map → link-variant-DQEKOyAU-K7xIv30i.js.map} +1 -1
- package/dist/assets/{markdown-BSkXjaSn-CrcoKTw6.js → markdown-BSkXjaSn-Cy5pspEb.js} +9 -11
- package/dist/assets/{markdown-BSkXjaSn-CrcoKTw6.js.map → markdown-BSkXjaSn-Cy5pspEb.js.map} +1 -1
- package/dist/assets/max-length-behavior-nTw1Zuyf-Cgf2vlBP.js +2 -0
- package/dist/assets/{max-length-behavior-nTw1Zuyf-GucXJFxa.js.map → max-length-behavior-nTw1Zuyf-Cgf2vlBP.js.map} +1 -1
- package/dist/assets/multiple-Cj3JQafH-D12G8srw.js +2 -0
- package/dist/assets/{multiple-Cj3JQafH-CDntOvdZ.js.map → multiple-Cj3JQafH-D12G8srw.js.map} +1 -1
- package/dist/assets/open-CbvHO4XG-BZcaF3U5.js +2 -0
- package/dist/assets/{open-CbvHO4XG-BCQ9q6gh.js.map → open-CbvHO4XG-BZcaF3U5.js.map} +1 -1
- package/dist/assets/orientation-eCMt8CD1-Cmz-Wxk0.js +2 -0
- package/dist/assets/{orientation-eCMt8CD1-C96vm09b.js.map → orientation-eCMt8CD1-Cmz-Wxk0.js.map} +1 -1
- package/dist/assets/placeholder-BVhy3BzI-CGWxPlOb.js +2 -0
- package/dist/assets/{placeholder-BVhy3BzI-CI6o3wD7.js.map → placeholder-BVhy3BzI-CGWxPlOb.js.map} +1 -1
- package/dist/assets/read-only-BetTuumR-vgRJvCj3.js +2 -0
- package/dist/assets/{read-only-BetTuumR-CipqDJTL.js.map → read-only-BetTuumR-vgRJvCj3.js.map} +1 -1
- package/dist/assets/required-CnTTpFCN-C8cT0f41.js +2 -0
- package/dist/assets/{required-CnTTpFCN-BJy5YV3r.js.map → required-CnTTpFCN-C8cT0f41.js.map} +1 -1
- package/dist/assets/reuse-CX4AQDkS-BaVSFETn.js +2 -0
- package/dist/assets/{reuse-CX4AQDkS-Cyh-fyjG.js.map → reuse-CX4AQDkS-BaVSFETn.js.map} +1 -1
- package/dist/assets/rows-DtS-0sp9-rWQTf4xL.js +2 -0
- package/dist/assets/{rows-DtS-0sp9-DJxBfTGp.js.map → rows-DtS-0sp9-rWQTf4xL.js.map} +1 -1
- package/dist/assets/show-DdPK3aM7-C21yLepo.js +2 -0
- package/dist/assets/{show-DdPK3aM7-BuMisXZl.js.map → show-DdPK3aM7-C21yLepo.js.map} +1 -1
- package/dist/assets/spell-check-B9ot-4t--D4g0vi5m.js +2 -0
- package/dist/assets/{spell-check-B9ot-4t--BhdHVhbC.js.map → spell-check-B9ot-4t--D4g0vi5m.js.map} +1 -1
- package/dist/assets/suggestions-B-jLvT4L-uahI3_TA.js +2 -0
- package/dist/assets/{suggestions-B-jLvT4L-DDe9bNUy.js.map → suggestions-B-jLvT4L-uahI3_TA.js.map} +1 -1
- package/dist/assets/table-settings-DxLvhwRE-DPkpRuV6.js +2 -0
- package/dist/assets/{table-settings-DxLvhwRE-CduVPZXa.js.map → table-settings-DxLvhwRE-DPkpRuV6.js.map} +1 -1
- package/dist/assets/test-component.entry-B4H-SYnm.js +2 -0
- package/dist/assets/{test-component.entry-BL3eLwXM.js.map → test-component.entry-B4H-SYnm.js.map} +1 -1
- package/dist/assets/tooltip-align-Cnin7S26-DQNRYQGf.js +2 -0
- package/dist/assets/{tooltip-align-Cnin7S26-CqWSaesg.js.map → tooltip-align-Cnin7S26-DQNRYQGf.js.map} +1 -1
- package/dist/assets/tooltip-open-tracking-rBbBgPWP-DRkgcff2.js +2 -0
- package/dist/assets/{tooltip-open-tracking-rBbBgPWP-CZrYVTp5.js.map → tooltip-open-tracking-rBbBgPWP-DRkgcff2.js.map} +1 -1
- package/dist/assets/tslib.es6-CxX45GIN-BGVaTf34.js +2 -0
- package/dist/assets/{tslib.es6-CxX45GIN-BAJoBDh7.js.map → tslib.es6-CxX45GIN-BGVaTf34.js.map} +1 -1
- package/dist/assets/unique-nav-labels-CrfmPC99-CjJT8D59.js +2 -0
- package/dist/assets/{unique-nav-labels-CrfmPC99-CdxUbk1s.js.map → unique-nav-labels-CrfmPC99-CjJT8D59.js.map} +1 -1
- package/dist/assets/validation-BfjI5un_-4k_Ce5Rv.js +2 -0
- package/dist/assets/{validation-BfjI5un_-BhDYUf6-.js.map → validation-BfjI5un_-4k_Ce5Rv.js.map} +1 -1
- package/dist/assets/validation-aqgnZOL6-DoSUHbqm.js +2 -0
- package/dist/assets/{validation-aqgnZOL6-Vhr1set_.js.map → validation-aqgnZOL6-DoSUHbqm.js.map} +1 -1
- package/dist/index.html +2 -2
- package/package.json +24 -27
- package/src/components/accordion/basic.tsx +9 -5
- package/src/components/breadcrumb/basic.tsx +1 -0
- package/src/components/button/icons.tsx +0 -1
- package/src/components/handout/basic.tsx +9 -2
- package/src/components/input-number/number-formatter.tsx +215 -0
- package/src/components/input-number/routes.ts +2 -0
- package/src/components/input-text/partials/cases.tsx +4 -3
- package/src/components/input-text/text-formatter.tsx +129 -102
- package/src/components/table/multi-sort.tsx +38 -70
- package/src/components/table/predefined-settings.tsx +3 -3
- package/src/components/table/routes.ts +2 -0
- package/src/components/table/settings-column-options.tsx +58 -0
- package/src/components/table/stateful-with-selection.tsx +1 -1
- package/src/components/table/stateful-with-single-selection.tsx +1 -1
- package/src/components/table/stateless-with-selection.tsx +2 -2
- package/src/components/table/stateless-with-settings-menu.tsx +58 -6
- package/src/components/table/stateless-with-single-selection.tsx +2 -2
- package/src/components/table/sticky-header.tsx +8 -10
- package/src/components/table/test-complex-data.ts +204 -2141
- package/src/react.main.tsx +1 -1
- package/src/scenarios/appointment-form/AppointmentForm.tsx +115 -97
- package/src/scenarios/appointment-form/AvailableAppointmentsForm.tsx +83 -75
- package/src/scenarios/appointment-form/DistrictForm.tsx +49 -49
- package/src/scenarios/appointment-form/PersonalInformationForm.tsx +110 -144
- package/src/scenarios/appointment-form/Summary.tsx +11 -10
- package/src/scenarios/appointment-form/formUtils.ts +26 -7
- package/src/scenarios/sample-form-with-validation.tsx +37 -69
- package/src/style.scss +9 -10
- package/dist/assets/Alert-Bjkk9lQv-ARqglia_.js +0 -4
- package/dist/assets/Collapsible-IuDix1Q--Clfk9PjU.js +0 -4
- package/dist/assets/CustomSuggestionsToggle-DZmSWiAa-BTwKHo2H.js +0 -4
- package/dist/assets/CustomSuggestionsToggle-DZmSWiAa-BTwKHo2H.js.map +0 -1
- package/dist/assets/FieldControlStateWrapper-DW4yI_q9-Bonm2OcB.js +0 -4
- package/dist/assets/FormFieldStateWrapper-C48vTgbZ-sskh_yfO.js +0 -4
- package/dist/assets/FormFieldStateWrapper-C48vTgbZ-sskh_yfO.js.map +0 -1
- package/dist/assets/Heading-Bgh5mGuN-NZ2eqsFZ.js +0 -4
- package/dist/assets/Icon-BwahBiNp-UizyCGpl.js +0 -4
- package/dist/assets/Icon-BwahBiNp-UizyCGpl.js.map +0 -1
- package/dist/assets/Input-iXL6EXuW-CiyhDO1S.js +0 -4
- package/dist/assets/InputStateWrapper-BskUoUzv-Y1QuPvo7.js +0 -4
- package/dist/assets/InternalUnderlinedBadgeText-Ba_Akx7b-YDli6NRt.js +0 -4
- package/dist/assets/Span-CS0Z30Mv-DkVBt8xF.js +0 -4
- package/dist/assets/access-and-short-key-B37XLwy2-BBCIaEXs.js +0 -4
- package/dist/assets/align-D-ifSKu8-DHxE7OrW.js +0 -4
- package/dist/assets/align-floating-elements-BkpeqvtE-CQbyIoMm.js +0 -4
- package/dist/assets/associated.controller-ByY2WiIp-D-SArd22.js +0 -4
- package/dist/assets/auto-complete-mCkUnxg2-CPy57VVu.js +0 -4
- package/dist/assets/clsx-eK3rPvPS-BT_IL7Fz.js +0 -4
- package/dist/assets/clsx-eK3rPvPS-BT_IL7Fz.js.map +0 -1
- package/dist/assets/color-BOIEtqEM-L8c8JCkp.js +0 -4
- package/dist/assets/controller-C5Ill7ej-DA9_ZpJu.js +0 -4
- package/dist/assets/controller-C5WSxdih-C0Th29pR.js +0 -4
- package/dist/assets/controller-CX1IIODr-BkmhUxT6.js +0 -4
- package/dist/assets/controller-icon-Bj9jDliX-GITfFrxl.js +0 -4
- package/dist/assets/controller-mXm-vPdA-B6Pyo-EF.js +0 -4
- package/dist/assets/custom-class-nuoQ9Aml-DkG_pprU.js +0 -4
- package/dist/assets/devtools-DSsrYXN7-E4mOPBwO.js +0 -16
- package/dist/assets/disabled-BhpAFgSp-By2R53CP.js +0 -4
- package/dist/assets/has-closer-CQzjaTkv-CJOSQHj3.js +0 -4
- package/dist/assets/hide-label-B9FhGrWP-DKlgXtKv.js +0 -4
- package/dist/assets/href-rwDd36rS-CEz5jHM0.js +0 -4
- package/dist/assets/i18n-C5ifExT3-Biq4UyHg.js +0 -4
- package/dist/assets/i18n-C5ifExT3-Biq4UyHg.js.map +0 -1
- package/dist/assets/icons-B5i9zwjJ-Dzqwsqxx.js +0 -4
- package/dist/assets/image-source-BfBEJ0rX-BecuGTZi.js +0 -4
- package/dist/assets/index-CQ_Buelw.js.map +0 -1
- package/dist/assets/isObject-DvSELytj-B0RigBxT.js +0 -4
- package/dist/assets/keyboard-D6PoWr38-Bn_Qh8Bq.js +0 -4
- package/dist/assets/kol-accordion.entry-CV7ohUuG.js.map +0 -1
- package/dist/assets/kol-alert-wc.entry-CYKnpWcF.js +0 -4
- package/dist/assets/kol-avatar-wc.entry-BblqyWKG.js +0 -4
- package/dist/assets/kol-button-wc.entry-2_mO99Hh.js +0 -4
- package/dist/assets/kol-button-wc.entry-2_mO99Hh.js.map +0 -1
- package/dist/assets/kol-card-wc.entry-BoWT-ryV.js +0 -4
- package/dist/assets/kol-combobox.entry-0wHAnFPY.js +0 -371
- package/dist/assets/kol-combobox.entry-0wHAnFPY.js.map +0 -1
- package/dist/assets/kol-details.entry-BfD1K4If.js.map +0 -1
- package/dist/assets/kol-input-checkbox.entry-Bn3dg1V8.js.map +0 -1
- package/dist/assets/kol-input-color.entry-0XDQSN0x.js.map +0 -1
- package/dist/assets/kol-input-date.entry-CVwl1xfx.js.map +0 -1
- package/dist/assets/kol-input-email.entry-D4pj5A7b.js.map +0 -1
- package/dist/assets/kol-input-file.entry-C8xPfnOP.js.map +0 -1
- package/dist/assets/kol-input-number.entry-DwCXhQWQ.js.map +0 -1
- package/dist/assets/kol-input-password.entry-Q-lcjouP.js.map +0 -1
- package/dist/assets/kol-input-radio.entry-CciQW3YW.js.map +0 -1
- package/dist/assets/kol-input-range.entry-iU6Li2fT.js.map +0 -1
- package/dist/assets/kol-input-text.entry-PHh_wEiq.js.map +0 -1
- package/dist/assets/kol-link-wc.entry-xTBYHT0z.js +0 -4
- package/dist/assets/kol-link-wc.entry-xTBYHT0z.js.map +0 -1
- package/dist/assets/kol-pagination-wc.entry-DI1SD0UY.js +0 -4
- package/dist/assets/kol-popover-button-wc.entry-BfyJh1Tk.js +0 -4
- package/dist/assets/kol-popover-button-wc.entry-BfyJh1Tk.js.map +0 -1
- package/dist/assets/kol-popover-wc.entry-BRbFm4ZE.js +0 -4
- package/dist/assets/kol-popover-wc.entry-BRbFm4ZE.js.map +0 -1
- package/dist/assets/kol-single-select.entry-J9fTeb4w.js +0 -387
- package/dist/assets/kol-single-select.entry-J9fTeb4w.js.map +0 -1
- package/dist/assets/kol-table-settings-wc.entry-M3lIgfdY.js +0 -4
- package/dist/assets/kol-table-settings-wc.entry-M3lIgfdY.js.map +0 -1
- package/dist/assets/kol-table-stateful.entry-CYI7kfSl.js.map +0 -1
- package/dist/assets/kol-table-stateless-wc.entry-C4MdwyvP.js +0 -4
- package/dist/assets/kol-table-stateless-wc.entry-C4MdwyvP.js.map +0 -1
- package/dist/assets/kol-textarea.entry-DJ_7Lsr5.js.map +0 -1
- package/dist/assets/kol-tooltip-wc.entry-tWLuyz_1.js +0 -4
- package/dist/assets/kol-tooltip-wc.entry-tWLuyz_1.js.map +0 -1
- package/dist/assets/kol-tree-item-wc.entry-Di09kCIU.js +0 -4
- package/dist/assets/kol-tree-wc.entry-BOC80-CT.js +0 -4
- package/dist/assets/label-Dnmzb2S_-DuyBXWC_.js +0 -4
- package/dist/assets/link-variant-DQEKOyAU-Ct9RtX1_.js +0 -4
- package/dist/assets/max-length-behavior-nTw1Zuyf-GucXJFxa.js +0 -4
- package/dist/assets/multiple-Cj3JQafH-CDntOvdZ.js +0 -4
- package/dist/assets/open-CbvHO4XG-BCQ9q6gh.js +0 -4
- package/dist/assets/orientation-eCMt8CD1-C96vm09b.js +0 -4
- package/dist/assets/placeholder-BVhy3BzI-CI6o3wD7.js +0 -4
- package/dist/assets/read-only-BetTuumR-CipqDJTL.js +0 -4
- package/dist/assets/required-CnTTpFCN-BJy5YV3r.js +0 -4
- package/dist/assets/reuse-CX4AQDkS-Cyh-fyjG.js +0 -4
- package/dist/assets/rows-DtS-0sp9-DJxBfTGp.js +0 -4
- package/dist/assets/show-DdPK3aM7-BuMisXZl.js +0 -4
- package/dist/assets/spell-check-B9ot-4t--BhdHVhbC.js +0 -4
- package/dist/assets/suggestions-B-jLvT4L-DDe9bNUy.js +0 -4
- package/dist/assets/table-settings-DxLvhwRE-CduVPZXa.js +0 -4
- package/dist/assets/test-component.entry-BL3eLwXM.js +0 -4
- package/dist/assets/tooltip-align-Cnin7S26-CqWSaesg.js +0 -4
- package/dist/assets/tooltip-open-tracking-rBbBgPWP-CZrYVTp5.js +0 -4
- package/dist/assets/tslib.es6-CxX45GIN-BAJoBDh7.js +0 -4
- package/dist/assets/unique-nav-labels-CrfmPC99-CdxUbk1s.js +0 -4
- package/dist/assets/validation-BfjI5un_-BhDYUf6-.js +0 -4
- package/dist/assets/validation-aqgnZOL6-Vhr1set_.js +0 -4
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* KoliBri - The accessible HTML-Standard
|
|
3
|
-
*/var f=typeof global=="object"&&global&&global.Object===Object&&global,l=typeof self=="object"&&self&&self.Object===Object&&self,s=f||l||Function("return this")(),n=s.Symbol,a=Object.prototype,g=a.hasOwnProperty,j=a.toString,r=n?n.toStringTag:void 0;function y(t){var e=g.call(t,r),i=t[r];try{t[r]=void 0;var c=!0}catch{}var b=j.call(t);return c&&(e?t[r]=i:delete t[r]),b}var u=Object.prototype,O=u.toString;function d(t){return O.call(t)}var S="[object Null]",T="[object Undefined]",o=n?n.toStringTag:void 0;function v(t){return t==null?t===void 0?T:S:o&&o in Object(t)?y(t):d(t)}function h(t){return t!=null&&typeof t=="object"}var m=Array.isArray;function w(t){var e=typeof t;return t!=null&&(e=="object"||e=="function")}export{n as S,h as a,m as b,v as c,f,w as i,s as r};
|
|
4
|
-
//# sourceMappingURL=isObject-DvSELytj-B0RigBxT.js.map
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* KoliBri - The accessible HTML-Standard
|
|
3
|
-
*/var n;(function(o){o.onBlur="onBlur",o.onChange="onChange",o.onChangePage="onChangePage",o.onClick="onClick",o.onClose="onClose",o.onDblClick="onDblClick",o.onFocus="onFocus",o.onInput="onInput",o.onKeyDown="onKeyDown",o.onKeyPress="onKeyPress",o.onKeyUp="onKeyUp",o.onMouseDown="onMouseDown",o.onMouseMove="onMouseMove",o.onMouseOut="onMouseOut",o.onMouseOver="onMouseOver",o.onMouseUp="onMouseUp",o.onReset="onReset",o.onSelect="onSelect",o.onSelectionChange="onSelectionChange",o.onChangePageSize="onChangePageSize",o.onSort="onSort",o.onSubmit="onSubmit",o.onToggle="onToggle"})(n||(n={}));var e;(function(o){o.ArrowDown="ArrowDown",o.ArrowLeft="ArrowLeft",o.ArrowRight="ArrowRight",o.ArrowUp="ArrowUp",o.Enter="Enter",o.Space=" "})(e||(e={}));export{n as C,e as K};
|
|
4
|
-
//# sourceMappingURL=keyboard-D6PoWr38-Bn_Qh8Bq.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"kol-accordion.entry-CV7ohUuG.js","sources":["../../../../components/dist/esm/kol-accordion.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, g as getElement } from './index-CUFOfqc5.js';\nimport { K as KolCollapsibleFc } from './Collapsible-IuDix1Q-.js';\nimport { w as watchValidator, f as featureHint } from './common-Dd0zJQbD.js';\nimport { v as validateDisabled } from './disabled-BhpAFgSp.js';\nimport { v as validateLabel } from './label-Dnmzb2S_.js';\nimport { v as validateOpen } from './open-CbvHO4XG.js';\nimport { n as nonce } from './dev.utils-CjBWUBVB.js';\nimport { d as dispatchDomEvent, K as KolEvent } from './events-CoPFQEiC.js';\nimport { w as watchHeadingLevel } from './validation-aqgnZOL6.js';\nimport './tslib.es6-CxX45GIN.js';\nimport './clsx-eK3rPvPS.js';\nimport './component-names-CkE54Ym7.js';\nimport './Heading-Bgh5mGuN.js';\n\nconst validateAccordionCallbacks = (component, value) => {\n watchValidator(component, `_on`, (value) => typeof value === 'object' && value !== null, new Set(['AccordionCallbacksPropType {Events.onClick}']), value);\n};\n\nconst defaultStyleCss = \"/*\\n* This file defines the layer order for all CSS layers used in KoliBri.\\n* The order is important as it determines the cascade priority.\\n*\\n* Layer order (lowest to highest priority):\\n* 1. kol-a11y - Accessibility defaults and requirements\\n* 2. kol-global - Global component styles and resets\\n* 3. kol-component - Component-specific styles\\n* 4. kol-theme-global - Theme-specific global styles\\n* 5. kol-theme-component - Theme-specific component styles\\n*/\\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\\n/* forward the rem function */\\n/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n :host {\\n /*\\n * Minimum size of interactive elements.\\n */\\n --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\\n /*\\n * No element should be used without verifying the contrast ratio of its background and font colors.\\n * By initially setting the background color to white and the font color to black,\\n * the contrast ratio is ensured and explicit adjustment is forced.\\n */\\n color: black;\\n background-color: white;\\n /*\\n * Verdana is an accessible font that can be used without requiring additional loading time.\\n */\\n font-family: Verdana;\\n /*\\n * Letter spacing is required for all texts.\\n */\\n letter-spacing: inherit;\\n /*\\n * Word spacing is required for all texts.\\n */\\n word-spacing: inherit;\\n /*\\n * 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: flex;\\n flex-flow: column;\\n align-items: center;\\n justify-content: 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 align-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/* For animation technique see https://css-tricks.com/css-grid-can-do-auto-height-transitions/ */\\n@layer kol-component {\\n .collapsible {\\n /* @see https://github.com/public-ui/kolibri/issues/5952 */\\n /*\\n * Inside a button, the caption text is always centered.\\n * So we have to align the text to the left.\\n */\\n }\\n @media (prefers-reduced-motion) {\\n .collapsible__wrapper-animation, .collapsible__wrapper {\\n transition-duration: 0s;\\n }\\n }\\n @media print {\\n :not(.collapsible--open) .collapsible__wrapper-animation {\\n display: none;\\n }\\n }\\n .collapsible__wrapper {\\n /* Forces the element into its own GPU compositing layer (via 3D transform). Helps prevent rendering/layout bugs (e.g. #7511) and may improve animation performance. */\\n transform: translateZ(0);\\n display: grid;\\n grid-template-rows: 0fr;\\n transition: grid-template-rows 0.3s;\\n }\\n .collapsible__wrapper-animation {\\n min-height: 0;\\n /**\\n * The `overflow: hidden` ensures that the content is not visible during the animated\\n * opening and closing. This should also cut off overlays containing content, but it\\n *does not.\\n */\\n overflow: hidden;\\n /* This property is important to keep in sync with the visual transition (template-rows). Without it interactive elements within the accordion would stay focusable. */\\n visibility: hidden;\\n transition: visibility 0.3s;\\n }\\n .collapsible--open .collapsible__wrapper {\\n grid-template-rows: 1fr;\\n }\\n .collapsible--open .collapsible__wrapper-animation {\\n visibility: visible;\\n }\\n .collapsible__heading-button button .kol-span {\\n align-items: flex-start;\\n }\\n}\";\n\nfeatureHint(`[KolAccordion] Anfrage nach einer KolAccordionGroup bei dem immer nur ein Accordion geöffnet ist.\n\n- onClick auf der KolAccordion anwenden\n- Click-Event prüft den _open-Status der Accordions\n- Logik Öffnet und Schließt entsprechend`);\nfeatureHint(`[KolAccordion] Tab-Sperre des Inhalts im geschlossenen Zustand.`);\nconst KolAccordion = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.nonce = nonce();\n this.catchRef = (ref) => {\n this.buttonWcRef = ref;\n };\n this.handleOnClick = (event) => {\n this._open = !this._open;\n setTimeout(() => {\n var _a, _b;\n (_b = (_a = this.state._on) === null || _a === void 0 ? void 0 : _a.onClick) === null || _b === void 0 ? void 0 : _b.call(_a, event, this._open === true);\n if (this.host) {\n dispatchDomEvent(this.host, KolEvent.click, this._open === true);\n }\n });\n };\n this._disabled = false;\n this._level = 0;\n this._open = false;\n this.state = {\n _label: '',\n _level: 0,\n _on: {},\n };\n }\n async kolFocus() {\n var _a;\n await ((_a = this.buttonWcRef) === null || _a === void 0 ? void 0 : _a.kolFocus());\n }\n render() {\n const { _open, _label, _disabled, _level } = this.state;\n const rootClass = 'kol-accordion';\n const props = {\n id: this.nonce,\n label: _label,\n open: _open,\n disabled: _disabled,\n level: _level,\n onClick: this.handleOnClick,\n class: rootClass,\n HeadingProps: { class: `${rootClass}__heading` },\n HeadingButtonProps: {\n ref: this.catchRef,\n class: `${rootClass}__heading-button`,\n },\n ContentProps: {\n class: `${rootClass}__content`,\n wrapperClass: `${rootClass}__wrapper`,\n animationClass: `${rootClass}__wrapper-animation`,\n },\n };\n return (h(KolCollapsibleFc, Object.assign({ key: '750cf0bb226ec5139c7098bd44e2a64546888a32' }, props), h(\"slot\", { key: '08908025b6753ebe36defc6e2d210736eabff629' })));\n }\n validateDisabled(value) {\n validateDisabled(this, value);\n }\n validateLabel(value) {\n validateLabel(this, value, {\n required: true,\n });\n }\n validateLevel(value) {\n watchHeadingLevel(this, value);\n }\n validateOn(on) {\n validateAccordionCallbacks(this, on);\n }\n validateOpen(value) {\n validateOpen(this, value);\n }\n componentWillLoad() {\n this.validateDisabled(this._disabled);\n this.validateLabel(this._label);\n this.validateLevel(this._level);\n this.validateOn(this._on);\n this.validateOpen(this._open);\n }\n get host() { return getElement(this); }\n static get watchers() { return {\n \"_disabled\": [\"validateDisabled\"],\n \"_label\": [\"validateLabel\"],\n \"_level\": [\"validateLevel\"],\n \"_on\": [\"validateOn\"],\n \"_open\": [\"validateOpen\"]\n }; }\n};\nKolAccordion.style = {\n default: defaultStyleCss\n};\n\nexport { KolAccordion as kol_accordion };\n//# sourceMappingURL=kol-accordion.entry.js.map\n"],"names":["validateAccordionCallbacks","component","value","watchValidator","defaultStyleCss","featureHint","KolAccordion","hostRef","registerInstance","nonce","ref","event","_a","_b","dispatchDomEvent","KolEvent","_open","_label","_disabled","_level","rootClass","props","h","KolCollapsibleFc","validateDisabled","validateLabel","watchHeadingLevel","on","validateOpen","getElement"],"mappings":"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"}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import{r as v,d as c,a as p,h as s,m as _,s as f,g as m,w as l}from"./index-CQ_Buelw.js";import{K as y}from"./Alert-Bjkk9lQv-ARqglia_.js";import{v as b}from"./has-closer-CQzjaTkv-CJOSQHj3.js";import{v as C}from"./label-Dnmzb2S_-DuyBXWC_.js";import{w as u}from"./validation-aqgnZOL6-Vhr1set_.js";import"./tslib.es6-CxX45GIN-BAJoBDh7.js";import"./i18n-C5ifExT3-Biq4UyHg.js";import"./clsx-eK3rPvPS-BT_IL7Fz.js";import"./Heading-Bgh5mGuN-NZ2eqsFZ.js";/*!
|
|
2
|
-
* KoliBri - The accessible HTML-Standard
|
|
3
|
-
*/const i=["default","info","success","warning","error"],A=t=>typeof t=="string"&&i.includes(t),g=(t,e)=>{l(t,"_type",A,new Set(i),e)},o=["card","msg"],w=t=>typeof t=="string"&&o.includes(t),T=(t,e)=>{l(t,"_variant",w,new Set(o),e)},P=class{constructor(t){v(this,t),this.close=()=>{var e,a;(a=(e=this._on)===null||e===void 0?void 0:e.onClose)===null||a===void 0||a.call(e,new Event("Close")),this.host&&c(this.host,p.close)},this.handleAlertTimeout=()=>{this.validateAlert(!1)},this._alert=!1,this._hasCloser=!1,this._level=0,this._type="default",this._variant="msg",this.state={_level:0},this.validateOnValue=e=>typeof e=="object"&&e!==null&&typeof e.onClose=="function"}render(){const{_alert:t,_hasCloser:e,_label:a,_level:r,_type:n,_variant:h}=this.state,d={alert:t,hasCloser:e,label:a,level:r,type:n,variant:h,onCloserClick:this.close,onAlertTimeout:this.handleAlertTimeout};return s(y,Object.assign({key:"5db3514131f644ab76a9bddc438cdf0af412e6e8"},d),s("slot",{key:"61ef793542ae680a090596e44fcb98b9f4e55708"}))}validateAlert(t){_(this,"_alert",t)}validateHasCloser(t){b(this,t)}validateLabel(t){C(this,t)}validateLevel(t){u(this,t)}validateOn(t){this.validateOnValue(t)&&f(this,"_on",{onClose:t.onClose})}validateType(t){g(this,t)}validateVariant(t){T(this,t)}componentWillLoad(){this.validateAlert(this._alert),this.validateHasCloser(this._hasCloser),this.validateLabel(this._label),this.validateLevel(this._level),this.validateOn(this._on),this.validateType(this._type),this.validateVariant(this._variant)}get host(){return m(this)}static get watchers(){return{_alert:["validateAlert"],_hasCloser:["validateHasCloser"],_label:["validateLabel"],_level:["validateLevel"],_on:["validateOn"],_type:["validateType"],_variant:["validateVariant"]}}};export{P as kol_alert_wc};
|
|
4
|
-
//# sourceMappingURL=kol-alert-wc.entry-CYKnpWcF.js.map
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import{r as s,h as o}from"./index-CQ_Buelw.js";import{h as i,v as d}from"./color-BOIEtqEM-L8c8JCkp.js";import{v as c}from"./image-source-BfBEJ0rX-BecuGTZi.js";import{v as h}from"./label-Dnmzb2S_-DuyBXWC_.js";import{t as n}from"./i18n-C5ifExT3-Biq4UyHg.js";/*!
|
|
2
|
-
* KoliBri - The accessible HTML-Standard
|
|
3
|
-
*/const l=t=>t.length===0?"":t[0].toUpperCase(),b=t=>{const a=t.split(/\s+/),r=a[0],e=a[a.length-1];return a.length>=2&&r&&e?`${l(r)}${l(e)}`:l(t)},C=class{constructor(t){s(this,t),this.bgColorStr="#d3d3d3",this.colorStr="#000",this.handleColorChange=a=>{const r=i(a);this.bgColorStr=r.backgroundColor,this.colorStr=r.foregroundColor},this._color="#d3d3d3",this.state={_src:"",_label:"",_color:{backgroundColor:"#d3d3d3",foregroundColor:"#000"}}}render(){return o("div",{key:"04d0b5653648f532391c0b8f611ef3bd7d4e8bbf","aria-label":n("kol-avatar-alt",{placeholders:{name:this.state._label}}),class:"kol-avatar",role:"img",style:{backgroundColor:this.bgColorStr,color:this.colorStr}},this.state._src?o("img",{alt:"","aria-hidden":"true",class:"kol-avatar__image",src:this.state._src}):o("span",{"aria-hidden":"true",class:"kol-avatar__initials"},b(this.state._label.trim())))}validateColor(t){d(this,t,{defaultValue:"#d3d3d3",hooks:{beforePatch:this.handleColorChange}})}validateSrc(t){c(this,t)}validateLabel(t){h(this,t,{required:!0})}componentWillLoad(){this.validateColor(this._color),this.validateSrc(this._src),this.validateLabel(this._label)}static get watchers(){return{_color:["validateColor"],_src:["validateSrc"],_label:["validateLabel"]}}};export{C as kol_avatar_wc};
|
|
4
|
-
//# sourceMappingURL=kol-avatar-wc.entry-BblqyWKG.js.map
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import{h as o,K as _,ah as b,ai as p,H as u,r as m,a3 as y,d as r,a as h,n as f,s as A,g as S,m as k,w as v}from"./index-CQ_Buelw.js";import{s as V}from"./reuse-CX4AQDkS-Cyh-fyjG.js";import{v as g,a as d,b as C,c as K}from"./access-and-short-key-B37XLwy2-BBCIaEXs.js";import{v as x,a as T,b as B,c as L,d as D,e as E}from"./link-variant-DQEKOyAU-Ct9RtX1_.js";import{v as I}from"./custom-class-nuoQ9Aml-DkG_pprU.js";import{v as w}from"./disabled-BhpAFgSp-By2R53CP.js";import{v as R}from"./hide-label-B9FhGrWP-DKlgXtKv.js";import{v as H}from"./icons-B5i9zwjJ-Dzqwsqxx.js";import{a as F}from"./label-Dnmzb2S_-DuyBXWC_.js";import{v as M}from"./tooltip-align-Cnin7S26-CqWSaesg.js";import{c as O}from"./clsx-eK3rPvPS-BT_IL7Fz.js";import"./Alert-Bjkk9lQv-ARqglia_.js";import"./i18n-C5ifExT3-Biq4UyHg.js";import{K as N}from"./Span-CS0Z30Mv-DkVBt8xF.js";import{p as W,a as P}from"./controller-C5Ill7ej-DA9_ZpJu.js";import{A as $}from"./associated.controller-ByY2WiIp-D-SArd22.js";import"./tslib.es6-CxX45GIN-BAJoBDh7.js";import"./markdown-BSkXjaSn-CrcoKTw6.js";import"./isObject-DvSELytj-B0RigBxT.js";import"./align-D-ifSKu8-DHxE7OrW.js";import"./Heading-Bgh5mGuN-NZ2eqsFZ.js";import"./Icon-BwahBiNp-UizyCGpl.js";import"./InternalUnderlinedBadgeText-Ba_Akx7b-YDli6NRt.js";/*!
|
|
2
|
-
* KoliBri - The accessible HTML-Standard
|
|
3
|
-
*/const j=(t,e)=>{k(t,"_ariaSelected",e)},q=(t,e)=>{v(t,"_on",a=>typeof a=="object"&&a!==null,new Set(["ButtonCallbacksPropType {Events.onClick, Events.onMouseDown}"]),e)},c=["button","reset","submit"],z=(t,e)=>{v(t,"_type",a=>typeof a=="string"&&c.includes(a),new Set([`KoliBriButtonType {${c.join(", ")}`]),e)},ut=class{async kolFocus(){var t;(t=this.buttonRef)===null||t===void 0||t.focus()}async hideTooltip(){var t;(t=this.tooltipRef)===null||t===void 0||t.hideTooltip()}render(){var t;const e=V(this.state._label),a=(t=this.state._ariaDescription)===null||t===void 0?void 0:t.trim(),i=this.state._accessKey||this.state._shortKey,s=this.state._disabled===!0,l=this.state._hideLabel===!0;return o(u,{key:"ffb9513ce9062b3a5609aebff4d7337282be9f87"},o("button",{key:"b080efd83cc2f17a58960ebe7f68eba05bba6056",ref:n=>this.buttonRef=n,accessKey:this.state._accessKey,"aria-controls":this.state._ariaControls,"aria-description":a||void 0,"aria-expanded":p(this.state._ariaExpanded),"aria-haspopup":this._ariaHasPopup,"aria-keyshortcuts":this.state._shortKey,"aria-label":l&&typeof this.state._label=="string"?this.state._label:void 0,"aria-selected":b(this.state._ariaSelected),class:O("kol-button",{"kol-button--disabled":s,[`kol-button--${this.state._buttonVariant}`]:this.state._buttonVariant!=="custom",[`kol-button--${this.state._linkVariant}`]:this.state._linkVariant,"kol-button--hide-label":l,[this.state._customClass]:this.state._buttonVariant==="custom"&&typeof this.state._customClass=="string"&&this.state._customClass.length>0}),disabled:s,id:this.state._id,name:this.state._name,onClick:this.onClick,onMouseDown:this.onMouseDown,role:this.state._role,tabIndex:this.state._tabIndex,type:this.state._type},o(N,{key:"8375843bc6599d5d7c608b9477318ac30a1a2b6e",class:"kol-button__text",badgeText:i,icons:this.state._icons,hideLabel:l,label:e?"":this.state._label},o("slot",{key:"001ed7239887c06eb8d92508ef46d3b9ebeb2d6a",name:"expert",slot:"expert"}))),l&&o(_,{key:"f5e5d431b5f8a537a888f0790e394298bdf124bb",ref:n=>this.tooltipRef=n,"aria-hidden":"true",hidden:e,class:"kol-button__tooltip",_badgeText:i,_align:this.state._tooltipAlign,_label:typeof this.state._label=="string"?this.state._label:""}))}constructor(t){m(this,t),this.onClick=e=>{var a,i;this.state._type==="submit"?W({form:this.host}):this.state._type==="reset"?P({form:this.host}):(this.controller.setFormAssociatedValue(this.state._value),typeof((a=this.state._on)===null||a===void 0?void 0:a.onClick)=="function"&&(y(e,this.buttonRef),(i=this.state._on)===null||i===void 0||i.onClick(e,this.state._value))),this.host&&r(this.host,h.click,this.state._value)},this.onMouseDown=e=>{var a,i,s;(s=(i=(a=this.state)===null||a===void 0?void 0:a._on)===null||i===void 0?void 0:i.onMouseDown)===null||s===void 0||s.call(i,e),this.host&&r(this.host,h.mousedown)},this._disabled=!1,this._hideLabel=!1,this._tooltipAlign="top",this._type="button",this._buttonVariant="normal",this.state={_icons:{},_label:"",_on:{},_type:"button",_buttonVariant:"normal"},this.controller=new $(this,"button",this.host)}validateAccessKey(t){g(this,t),d(t,this._shortKey)}validateAriaControls(t){x(this,t)}validateAriaDescription(t){T(this,t)}validateAriaExpanded(t){B(this,t)}validateAriaSelected(t){j(this,t)}validateCustomClass(t){I(this,t)}validateDisabled(t){w(this,t)}validateHideLabel(t){R(this,t)}validateIcons(t){H(this,t)}validateId(t){f(this,"_id",t)}validateLabel(t){F(this,t,{required:!0})}validateLinkVariant(t){L(this,t)}validateName(t){this.controller.validateName(t)}validateOn(t){q(this,t)}validateRole(t){D(this,t)}validateShortKey(t){C(this,t),d(this._accessKey,t)}validateSyncValueBySelector(t){this.controller.validateSyncValueBySelector(t)}validateTabIndex(t){K(this,t)}validateTooltipAlign(t){M(this,t)}validateType(t){z(this,t)}validateValue(t){A(this,"_value",t),this.controller.setFormAssociatedValue(this.state._value)}validateButtonVariant(t){E(this,t)}componentWillLoad(){this.validateAccessKey(this._accessKey),this.validateAriaControls(this._ariaControls),this.validateAriaDescription(this._ariaDescription),this.validateAriaExpanded(this._ariaExpanded),this.validateAriaSelected(this._ariaSelected),this.validateCustomClass(this._customClass),this.validateDisabled(this._disabled),this.validateHideLabel(this._hideLabel),this.validateIcons(this._icons),this.validateId(this._id),this.validateLabel(this._label),this.validateLinkVariant(this._linkVariant),this.validateName(this._name),this.validateOn(this._on),this.validateRole(this._role),this.validateShortKey(this._shortKey),this.validateSyncValueBySelector(this._syncValueBySelector),this.validateTabIndex(this._tabIndex),this.validateTooltipAlign(this._tooltipAlign),this.validateType(this._type),this.validateValue(this._value),this.validateButtonVariant(this._buttonVariant),d(this._accessKey,this._shortKey)}get host(){return S(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_ariaControls:["validateAriaControls"],_ariaDescription:["validateAriaDescription"],_ariaExpanded:["validateAriaExpanded"],_ariaSelected:["validateAriaSelected"],_customClass:["validateCustomClass"],_disabled:["validateDisabled"],_hideLabel:["validateHideLabel"],_icons:["validateIcons"],_id:["validateId"],_label:["validateLabel"],_linkVariant:["validateLinkVariant"],_name:["validateName"],_on:["validateOn"],_role:["validateRole"],_shortKey:["validateShortKey"],_syncValueBySelector:["validateSyncValueBySelector"],_tabIndex:["validateTabIndex"],_tooltipAlign:["validateTooltipAlign"],_type:["validateType"],_value:["validateValue"],_buttonVariant:["validateButtonVariant"]}}};export{ut as kol_button_wc};
|
|
4
|
-
//# sourceMappingURL=kol-button-wc.entry-2_mO99Hh.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"kol-button-wc.entry-2_mO99Hh.js","sources":["../../../../components/dist/esm/kol-button-wc.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { h, H as Host, r as registerInstance, g as getElement } from './index-CUFOfqc5.js';\nimport { d as watchBoolean, w as watchValidator, Q as mapStringOrBoolean2String, R as mapBoolean2String, M as setEventTarget, e as watchString, s as setState } from './common-Dd0zJQbD.js';\nimport { s as showExpertSlot } from './reuse-CX4AQDkS.js';\nimport { v as validateAccessKey, a as validateAccessAndShortKey, b as validateShortKey, c as validateTabIndex } from './access-and-short-key-B37XLwy2.js';\nimport { v as validateAriaControls, a as validateAriaDescription, b as validateAriaExpanded, c as validateLinkVariant, d as validateAlternativeButtonLinkRole, e as validateButtonVariant } from './link-variant-DQEKOyAU.js';\nimport { v as validateCustomClass } from './custom-class-nuoQ9Aml.js';\nimport { v as validateDisabled } from './disabled-BhpAFgSp.js';\nimport { v as validateHideLabel } from './hide-label-B9FhGrWP.js';\nimport { v as validateIcons } from './icons-B5i9zwjJ.js';\nimport { a as validateLabelWithExpertSlot } from './label-Dnmzb2S_.js';\nimport { v as validateTooltipAlign } from './tooltip-align-Cnin7S26.js';\nimport { c as clsx } from './clsx-eK3rPvPS.js';\nimport { a as KolTooltipWcTag } from './component-names-CkE54Ym7.js';\nimport './Alert-Bjkk9lQv.js';\nimport './i18n-C5ifExT3.js';\nimport { K as KolSpanFc } from './Span-CS0Z30Mv.js';\nimport { d as dispatchDomEvent, K as KolEvent } from './events-CoPFQEiC.js';\nimport { p as propagateSubmitEventToForm, a as propagateResetEventToForm } from './controller-C5Ill7ej.js';\nimport { A as AssociatedInputController } from './associated.controller-ByY2WiIp.js';\nimport './align-D-ifSKu8.js';\nimport './tslib.es6-CxX45GIN.js';\nimport './bem-C27SfH6w.js';\nimport './browser-DiRe0qUf.js';\nimport './Heading-Bgh5mGuN.js';\nimport './i18n-ZF6JbdVP.js';\nimport './Icon-BwahBiNp.js';\nimport './markdown-BSkXjaSn.js';\nimport './InternalUnderlinedBadgeText-Ba_Akx7b.js';\nimport './isObject-DvSELytj.js';\nimport './bootstrap-CMXwSSvb.js';\n\nconst validateAriaSelected = (component, value) => {\n watchBoolean(component, '_ariaSelected', value);\n};\n\nconst validateButtonCallbacks = (component, value) => {\n watchValidator(component, `_on`, (value) => typeof value === 'object' && value !== null, new Set(['ButtonCallbacksPropType {Events.onClick, Events.onMouseDown}']), value);\n};\n\nconst buttonTypePropTypeOptions = ['button', 'reset', 'submit'];\nconst validateButtonType = (component, value) => {\n watchValidator(component, `_type`, (value) => typeof value === 'string' && buttonTypePropTypeOptions.includes(value), new Set([`KoliBriButtonType {${buttonTypePropTypeOptions.join(', ')}`]), value);\n};\n\nconst KolButtonWc = class {\n async kolFocus() {\n var _a;\n (_a = this.buttonRef) === null || _a === void 0 ? void 0 : _a.focus();\n }\n async hideTooltip() {\n var _a;\n void ((_a = this.tooltipRef) === null || _a === void 0 ? void 0 : _a.hideTooltip());\n }\n render() {\n var _a;\n const hasExpertSlot = showExpertSlot(this.state._label);\n const ariaDescription = (_a = this.state._ariaDescription) === null || _a === void 0 ? void 0 : _a.trim();\n const badgeText = this.state._accessKey || this.state._shortKey;\n const isDisabled = this.state._disabled === true;\n const hideLabel = this.state._hideLabel === true;\n return (h(Host, { key: 'ffb9513ce9062b3a5609aebff4d7337282be9f87' }, h(\"button\", { key: 'b080efd83cc2f17a58960ebe7f68eba05bba6056', ref: (ref) => (this.buttonRef = ref), accessKey: this.state._accessKey, \"aria-controls\": this.state._ariaControls, \"aria-description\": ariaDescription || undefined, \"aria-expanded\": mapBoolean2String(this.state._ariaExpanded), \"aria-haspopup\": this._ariaHasPopup, \"aria-keyshortcuts\": this.state._shortKey, \"aria-label\": hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, \"aria-selected\": mapStringOrBoolean2String(this.state._ariaSelected), class: clsx('kol-button', {\n 'kol-button--disabled': isDisabled,\n [`kol-button--${this.state._buttonVariant}`]: this.state._buttonVariant !== 'custom',\n [`kol-button--${this.state._linkVariant}`]: this.state._linkVariant,\n 'kol-button--hide-label': hideLabel,\n [this.state._customClass]: this.state._buttonVariant === 'custom' && typeof this.state._customClass === 'string' && this.state._customClass.length > 0,\n }), disabled: isDisabled, id: this.state._id, name: this.state._name, onClick: this.onClick, onMouseDown: this.onMouseDown, role: this.state._role, tabIndex: this.state._tabIndex, type: this.state._type }, h(KolSpanFc, { key: '8375843bc6599d5d7c608b9477318ac30a1a2b6e', class: \"kol-button__text\", badgeText: badgeText, icons: this.state._icons, hideLabel: hideLabel, label: hasExpertSlot ? '' : this.state._label }, h(\"slot\", { key: '001ed7239887c06eb8d92508ef46d3b9ebeb2d6a', name: \"expert\", slot: \"expert\" }))), hideLabel && (h(KolTooltipWcTag, { key: 'f5e5d431b5f8a537a888f0790e394298bdf124bb', ref: (ref) => (this.tooltipRef = ref), \"aria-hidden\": \"true\", hidden: hasExpertSlot, class: \"kol-button__tooltip\", _badgeText: badgeText, _align: this.state._tooltipAlign, _label: typeof this.state._label === 'string' ? this.state._label : '' }))));\n }\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.onClick = (event) => {\n var _a, _b;\n if (this.state._type === 'submit') {\n propagateSubmitEventToForm({\n form: this.host});\n }\n else if (this.state._type === 'reset') {\n propagateResetEventToForm({\n form: this.host});\n }\n else {\n this.controller.setFormAssociatedValue(this.state._value);\n if (typeof ((_a = this.state._on) === null || _a === void 0 ? void 0 : _a.onClick) === 'function') {\n setEventTarget(event, this.buttonRef);\n (_b = this.state._on) === null || _b === void 0 ? void 0 : _b.onClick(event, this.state._value);\n }\n }\n if (this.host) {\n dispatchDomEvent(this.host, KolEvent.click, this.state._value);\n }\n };\n this.onMouseDown = (event) => {\n var _a, _b, _c;\n (_c = (_b = (_a = this.state) === null || _a === void 0 ? void 0 : _a._on) === null || _b === void 0 ? void 0 : _b.onMouseDown) === null || _c === void 0 ? void 0 : _c.call(_b, event);\n if (this.host) {\n dispatchDomEvent(this.host, KolEvent.mousedown);\n }\n };\n this._disabled = false;\n this._hideLabel = false;\n this._tooltipAlign = 'top';\n this._type = 'button';\n this._buttonVariant = 'normal';\n this.state = {\n _icons: {},\n _label: '',\n _on: {},\n _type: 'button',\n _buttonVariant: 'normal',\n };\n this.controller = new AssociatedInputController(this, 'button', this.host);\n }\n validateAccessKey(value) {\n validateAccessKey(this, value);\n validateAccessAndShortKey(value, this._shortKey);\n }\n validateAriaControls(value) {\n validateAriaControls(this, value);\n }\n validateAriaDescription(value) {\n validateAriaDescription(this, value);\n }\n validateAriaExpanded(value) {\n validateAriaExpanded(this, value);\n }\n validateAriaSelected(value) {\n validateAriaSelected(this, value);\n }\n validateCustomClass(value) {\n validateCustomClass(this, value);\n }\n validateDisabled(value) {\n validateDisabled(this, value);\n }\n validateHideLabel(value) {\n validateHideLabel(this, value);\n }\n validateIcons(value) {\n validateIcons(this, value);\n }\n validateId(value) {\n watchString(this, '_id', value);\n }\n validateLabel(value) {\n validateLabelWithExpertSlot(this, value, {\n required: true,\n });\n }\n validateLinkVariant(value) {\n validateLinkVariant(this, value);\n }\n validateName(value) {\n this.controller.validateName(value);\n }\n validateOn(value) {\n validateButtonCallbacks(this, value);\n }\n validateRole(value) {\n validateAlternativeButtonLinkRole(this, value);\n }\n validateShortKey(value) {\n validateShortKey(this, value);\n validateAccessAndShortKey(this._accessKey, value);\n }\n validateSyncValueBySelector(value) {\n this.controller.validateSyncValueBySelector(value);\n }\n validateTabIndex(value) {\n validateTabIndex(this, value);\n }\n validateTooltipAlign(value) {\n validateTooltipAlign(this, value);\n }\n validateType(value) {\n validateButtonType(this, value);\n }\n validateValue(value) {\n setState(this, '_value', value);\n this.controller.setFormAssociatedValue(this.state._value);\n }\n validateButtonVariant(value) {\n validateButtonVariant(this, value);\n }\n componentWillLoad() {\n this.validateAccessKey(this._accessKey);\n this.validateAriaControls(this._ariaControls);\n this.validateAriaDescription(this._ariaDescription);\n this.validateAriaExpanded(this._ariaExpanded);\n this.validateAriaSelected(this._ariaSelected);\n this.validateCustomClass(this._customClass);\n this.validateDisabled(this._disabled);\n this.validateHideLabel(this._hideLabel);\n this.validateIcons(this._icons);\n this.validateId(this._id);\n this.validateLabel(this._label);\n this.validateLinkVariant(this._linkVariant);\n this.validateName(this._name);\n this.validateOn(this._on);\n this.validateRole(this._role);\n this.validateShortKey(this._shortKey);\n this.validateSyncValueBySelector(this._syncValueBySelector);\n this.validateTabIndex(this._tabIndex);\n this.validateTooltipAlign(this._tooltipAlign);\n this.validateType(this._type);\n this.validateValue(this._value);\n this.validateButtonVariant(this._buttonVariant);\n validateAccessAndShortKey(this._accessKey, this._shortKey);\n }\n get host() { return getElement(this); }\n static get watchers() { return {\n \"_accessKey\": [\"validateAccessKey\"],\n \"_ariaControls\": [\"validateAriaControls\"],\n \"_ariaDescription\": [\"validateAriaDescription\"],\n \"_ariaExpanded\": [\"validateAriaExpanded\"],\n \"_ariaSelected\": [\"validateAriaSelected\"],\n \"_customClass\": [\"validateCustomClass\"],\n \"_disabled\": [\"validateDisabled\"],\n \"_hideLabel\": [\"validateHideLabel\"],\n \"_icons\": [\"validateIcons\"],\n \"_id\": [\"validateId\"],\n \"_label\": [\"validateLabel\"],\n \"_linkVariant\": [\"validateLinkVariant\"],\n \"_name\": [\"validateName\"],\n \"_on\": [\"validateOn\"],\n \"_role\": [\"validateRole\"],\n \"_shortKey\": [\"validateShortKey\"],\n \"_syncValueBySelector\": [\"validateSyncValueBySelector\"],\n \"_tabIndex\": [\"validateTabIndex\"],\n \"_tooltipAlign\": [\"validateTooltipAlign\"],\n \"_type\": [\"validateType\"],\n \"_value\": [\"validateValue\"],\n \"_buttonVariant\": [\"validateButtonVariant\"]\n }; }\n};\n\nexport { KolButtonWc as kol_button_wc };\n//# sourceMappingURL=kol-button-wc.entry.js.map\n"],"names":["validateAriaSelected","component","value","watchBoolean","validateButtonCallbacks","watchValidator","buttonTypePropTypeOptions","validateButtonType","KolButtonWc","_a","hasExpertSlot","showExpertSlot","ariaDescription","badgeText","isDisabled","hideLabel","h","Host","ref","mapBoolean2String","mapStringOrBoolean2String","clsx","KolSpanFc","KolTooltipWcTag","hostRef","registerInstance","event","_b","propagateSubmitEventToForm","propagateResetEventToForm","setEventTarget","dispatchDomEvent","KolEvent","_c","AssociatedInputController","validateAccessKey","validateAccessAndShortKey","validateAriaControls","validateAriaDescription","validateAriaExpanded","validateCustomClass","validateDisabled","validateHideLabel","validateIcons","watchString","validateLabelWithExpertSlot","validateLinkVariant","validateAlternativeButtonLinkRole","validateShortKey","validateTabIndex","validateTooltipAlign","setState","validateButtonVariant","getElement"],"mappings":"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"}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import{r as s,d as l,a as o,h as a,e as i,H as n,s as c,g as d}from"./index-CQ_Buelw.js";import{v as r}from"./has-closer-CQzjaTkv-CJOSQHj3.js";import{v as h}from"./label-Dnmzb2S_-DuyBXWC_.js";import{t as b}from"./i18n-C5ifExT3-Biq4UyHg.js";import{w as v}from"./validation-aqgnZOL6-Vhr1set_.js";import"./Alert-Bjkk9lQv-ARqglia_.js";import{K as _}from"./Heading-Bgh5mGuN-NZ2eqsFZ.js";import"./markdown-BSkXjaSn-CrcoKTw6.js";import{n as f}from"./dev.utils-CjBWUBVB-BTpX7uqU.js";import"./tslib.es6-CxX45GIN-BAJoBDh7.js";import"./clsx-eK3rPvPS-BT_IL7Fz.js";/*!
|
|
2
|
-
* KoliBri - The accessible HTML-Standard
|
|
3
|
-
*/const O=class{constructor(e){s(this,e),this.nonce=f(),this.translateClose=b("kol-close"),this.close=()=>{var t;((t=this._on)===null||t===void 0?void 0:t.onClose)!==void 0&&this._on.onClose(new Event("Close")),this.host&&l(this.host,o.close)},this.on={onClick:this.close},this._hasCloser=!1,this._level=0,this.state={_label:""},this.validateOnValue=t=>typeof t=="object"&&t!==null&&typeof t.onClose=="function"}render(){return a(n,{key:"ced619d957b1205bac71cddca7c0e991bcfbb5f0"},a("div",{key:"b931a9d274f056dbd0bb99de594fe12bc7f6a03e","aria-labelledby":this.nonce,class:"kol-card",role:"group"},a(_,{key:"a125928c3227bbe41cec8fb757659e9187412790",class:"kol-card__header",id:this.nonce,level:this.state._level},this.state._label),a("div",{key:"a7086b8be4ec5a9c34819ab84b2fc90a6e0d0eab",class:"kol-card__content"},a("slot",{key:"a88ca102d2da96f98641200c3f9a102d1d9156e9"})),this.state._hasCloser&&a(i,{key:"3f43cf78b2da29fec14d5d25ab735d539060b253",class:"kol-card__close-button","data-testid":"card-close-button",_hideLabel:!0,_icons:{left:{icon:"codicon codicon-close"}},_label:this.translateClose,_on:this.on,_tooltipAlign:"left"})))}validateOn(e){this.validateOnValue(e)&&c(this,"_on",{onClose:e.onClose})}validateHasCloser(e){r(this,e)}validateLabel(e){h(this,e,{required:!0})}validateLevel(e){v(this,e)}componentWillLoad(){this.validateHasCloser(this._hasCloser),this.validateLabel(this._label),this.validateLevel(this._level),this.validateOn(this._on)}get host(){return d(this)}static get watchers(){return{_on:["validateOn"],_hasCloser:["validateHasCloser"],_label:["validateLabel"],_level:["validateLevel"]}}};export{O as kol_card_wc};
|
|
4
|
-
//# sourceMappingURL=kol-card-wc.entry-BoWT-ryV.js.map
|
|
@@ -1,371 +0,0 @@
|
|
|
1
|
-
import{h as o,r,g as d,n as h}from"./index-CQ_Buelw.js";import{c}from"./clsx-eK3rPvPS-BT_IL7Fz.js";import{g as u,F as p}from"./FormFieldStateWrapper-C48vTgbZ-sskh_yfO.js";import{I as f,a as g}from"./controller-icon-Bj9jDliX-GITfFrxl.js";import{I as m}from"./InputStateWrapper-BskUoUzv-Y1QuPvo7.js";import{C as b,a as _,b as v}from"./CustomSuggestionsToggle-DZmSWiAa-BTwKHo2H.js";import{n as y}from"./dev.utils-CjBWUBVB-BTpX7uqU.js";import{v as k}from"./placeholder-BVhy3BzI-CI6o3wD7.js";import{v as w}from"./required-CnTTpFCN-BJy5YV3r.js";import{v as S}from"./suggestions-B-jLvT4L-DDe9bNUy.js";import"./isObject-DvSELytj-B0RigBxT.js";import"./tslib.es6-CxX45GIN-BAJoBDh7.js";import"./i18n-C5ifExT3-Biq4UyHg.js";import"./Alert-Bjkk9lQv-ARqglia_.js";import"./access-and-short-key-B37XLwy2-BBCIaEXs.js";import"./disabled-BhpAFgSp-By2R53CP.js";import"./hide-label-B9FhGrWP-DKlgXtKv.js";import"./label-Dnmzb2S_-DuyBXWC_.js";import"./tooltip-align-Cnin7S26-CqWSaesg.js";import"./align-D-ifSKu8-DHxE7OrW.js";import"./associated.controller-ByY2WiIp-D-SArd22.js";import"./reuse-CX4AQDkS-Cyh-fyjG.js";import"./InternalUnderlinedBadgeText-Ba_Akx7b-YDli6NRt.js";import"./Icon-BwahBiNp-UizyCGpl.js";import"./icons-B5i9zwjJ-Dzqwsqxx.js";import"./Input-iXL6EXuW-CiyhDO1S.js";import"./Heading-Bgh5mGuN-NZ2eqsFZ.js";/*!
|
|
2
|
-
* KoliBri - The accessible HTML-Standard
|
|
3
|
-
*/class x extends g{constructor(t,i,n){super(t,i,n),this.component=t}validatePlaceholder(t){k(this.component,t)}validateRequired(t){w(this.component,t)}validateSuggestions(t){S(this.component,t)}validateValue(t){h(this.component,"_value",t)}componentWillLoad(){super.componentWillLoad(),this.validatePlaceholder(this.component._placeholder),this.validateRequired(this.component._required),this.validateSuggestions(this.component._suggestions),this.validateValue(this.component._value)}}const O=`/*
|
|
4
|
-
* This file defines the layer order for all CSS layers used in KoliBri.
|
|
5
|
-
* The order is important as it determines the cascade priority.
|
|
6
|
-
*
|
|
7
|
-
* Layer order (lowest to highest priority):
|
|
8
|
-
* 1. kol-a11y - Accessibility defaults and requirements
|
|
9
|
-
* 2. kol-global - Global component styles and resets
|
|
10
|
-
* 3. kol-component - Component-specific styles
|
|
11
|
-
* 4. kol-theme-global - Theme-specific global styles
|
|
12
|
-
* 5. kol-theme-component - Theme-specific component styles
|
|
13
|
-
*/
|
|
14
|
-
@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;
|
|
15
|
-
/* forward the rem function */
|
|
16
|
-
/*
|
|
17
|
-
* This file contains all rules for accessibility.
|
|
18
|
-
*/
|
|
19
|
-
@layer kol-a11y {
|
|
20
|
-
:host {
|
|
21
|
-
/*
|
|
22
|
-
* Minimum size of interactive elements.
|
|
23
|
-
*/
|
|
24
|
-
--a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));
|
|
25
|
-
/*
|
|
26
|
-
* No element should be used without verifying the contrast ratio of its background and font colors.
|
|
27
|
-
* By initially setting the background color to white and the font color to black,
|
|
28
|
-
* the contrast ratio is ensured and explicit adjustment is forced.
|
|
29
|
-
*/
|
|
30
|
-
color: black;
|
|
31
|
-
background-color: white;
|
|
32
|
-
/*
|
|
33
|
-
* Verdana is an accessible font that can be used without requiring additional loading time.
|
|
34
|
-
*/
|
|
35
|
-
font-family: Verdana;
|
|
36
|
-
/*
|
|
37
|
-
* Letter spacing is required for all texts.
|
|
38
|
-
*/
|
|
39
|
-
letter-spacing: inherit;
|
|
40
|
-
/*
|
|
41
|
-
* Word spacing is required for all texts.
|
|
42
|
-
*/
|
|
43
|
-
word-spacing: inherit;
|
|
44
|
-
/*
|
|
45
|
-
* Text should be aligned left by default to provide a predictable starting point.
|
|
46
|
-
*/
|
|
47
|
-
text-align: left;
|
|
48
|
-
}
|
|
49
|
-
* {
|
|
50
|
-
/*
|
|
51
|
-
* This rule enables the word dividing for all texts. That is important for high zoom levels.
|
|
52
|
-
*/
|
|
53
|
-
hyphens: auto;
|
|
54
|
-
/*
|
|
55
|
-
* This rule enables the word dividing for all texts. That is important for high zoom levels.
|
|
56
|
-
*/
|
|
57
|
-
word-break: break-word;
|
|
58
|
-
}
|
|
59
|
-
/*
|
|
60
|
-
* All interactive elements should have a minimum size of to-rem(44).
|
|
61
|
-
*/
|
|
62
|
-
/* input:not([type='checkbox'], [type='radio'], [type='range']), */
|
|
63
|
-
/* option, */
|
|
64
|
-
/* select, */
|
|
65
|
-
/* textarea, */
|
|
66
|
-
button,
|
|
67
|
-
.kol-input .input {
|
|
68
|
-
min-width: var(--a11y-min-size);
|
|
69
|
-
min-height: var(--a11y-min-size);
|
|
70
|
-
}
|
|
71
|
-
/*
|
|
72
|
-
* Some interactive elements should not inherit the font-family and font-size.
|
|
73
|
-
*/
|
|
74
|
-
a,
|
|
75
|
-
button,
|
|
76
|
-
h1,
|
|
77
|
-
h2,
|
|
78
|
-
h3,
|
|
79
|
-
h4,
|
|
80
|
-
h5,
|
|
81
|
-
h6,
|
|
82
|
-
input,
|
|
83
|
-
option,
|
|
84
|
-
select,
|
|
85
|
-
textarea {
|
|
86
|
-
/*
|
|
87
|
-
* All elements should inherit the text color from his parent element.
|
|
88
|
-
*/
|
|
89
|
-
color: inherit;
|
|
90
|
-
/*
|
|
91
|
-
* All elements should inherit the font family from his parent element.
|
|
92
|
-
*/
|
|
93
|
-
font-family: inherit;
|
|
94
|
-
/*
|
|
95
|
-
* All elements should inherit the font size from his parent element.
|
|
96
|
-
*/
|
|
97
|
-
font-size: inherit;
|
|
98
|
-
/*
|
|
99
|
-
* Letter spacing is required for all texts.
|
|
100
|
-
*/
|
|
101
|
-
letter-spacing: inherit;
|
|
102
|
-
/*
|
|
103
|
-
* Word spacing is required for all texts.
|
|
104
|
-
*/
|
|
105
|
-
word-spacing: inherit;
|
|
106
|
-
}
|
|
107
|
-
/**
|
|
108
|
-
* Sometimes we need the semantic element for accessibility reasons,
|
|
109
|
-
* but we don't want to show it.
|
|
110
|
-
*
|
|
111
|
-
* - https://www.a11yproject.com/posts/how-to-hide-content/
|
|
112
|
-
*/
|
|
113
|
-
.visually-hidden {
|
|
114
|
-
position: fixed;
|
|
115
|
-
top: 0;
|
|
116
|
-
left: 0;
|
|
117
|
-
width: 1px;
|
|
118
|
-
height: 1px;
|
|
119
|
-
overflow: hidden;
|
|
120
|
-
white-space: nowrap;
|
|
121
|
-
clip-path: inset(50%);
|
|
122
|
-
}
|
|
123
|
-
}
|
|
124
|
-
@layer kol-global {
|
|
125
|
-
/*
|
|
126
|
-
* Dieses CSS stellt sicher, dass der Standard-Style
|
|
127
|
-
* von A und Button resettet werden.
|
|
128
|
-
*/
|
|
129
|
-
:is(a, button) {
|
|
130
|
-
background-color: transparent;
|
|
131
|
-
width: 100%;
|
|
132
|
-
margin: 0;
|
|
133
|
-
padding: 0;
|
|
134
|
-
border: none;
|
|
135
|
-
/* 100% needed for custom width from outside */
|
|
136
|
-
}
|
|
137
|
-
/*
|
|
138
|
-
* Ensure elements with hidden attribute to be actually not visible
|
|
139
|
-
* @see https://meowni.ca/hidden.is.a.lie.html
|
|
140
|
-
*/
|
|
141
|
-
[hidden] {
|
|
142
|
-
display: none !important;
|
|
143
|
-
}
|
|
144
|
-
.badge-text-hint {
|
|
145
|
-
color: black;
|
|
146
|
-
background-color: lightgray;
|
|
147
|
-
}
|
|
148
|
-
}
|
|
149
|
-
@layer kol-global {
|
|
150
|
-
:host {
|
|
151
|
-
/*
|
|
152
|
-
* The max-width is needed to prevent the table from overflowing the
|
|
153
|
-
* parent node, if the table is wider than the parent node.
|
|
154
|
-
*/
|
|
155
|
-
max-width: 100%;
|
|
156
|
-
font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));
|
|
157
|
-
}
|
|
158
|
-
* {
|
|
159
|
-
/*
|
|
160
|
-
* We prefer to box-sizing: border-box for all elements.
|
|
161
|
-
*/
|
|
162
|
-
box-sizing: border-box;
|
|
163
|
-
}
|
|
164
|
-
.kol-span {
|
|
165
|
-
/* KolSpan is a layout component with icons in all directions and a label text in the middle. */
|
|
166
|
-
display: flex;
|
|
167
|
-
flex-flow: column;
|
|
168
|
-
align-items: center;
|
|
169
|
-
justify-content: center;
|
|
170
|
-
/* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */
|
|
171
|
-
}
|
|
172
|
-
.kol-span__container {
|
|
173
|
-
display: flex;
|
|
174
|
-
align-items: center;
|
|
175
|
-
}
|
|
176
|
-
a,
|
|
177
|
-
button {
|
|
178
|
-
cursor: pointer;
|
|
179
|
-
}
|
|
180
|
-
.kol-span .kol-span__label--hide-label .kol-span__label {
|
|
181
|
-
display: none;
|
|
182
|
-
}
|
|
183
|
-
/* Reset browser agent style. */
|
|
184
|
-
button:disabled {
|
|
185
|
-
color: unset;
|
|
186
|
-
}
|
|
187
|
-
.disabled label,
|
|
188
|
-
.disabled:focus-within label,
|
|
189
|
-
[aria-disabled=true],
|
|
190
|
-
[aria-disabled=true]:focus,
|
|
191
|
-
[disabled],
|
|
192
|
-
[disabled]:focus {
|
|
193
|
-
opacity: 0.5;
|
|
194
|
-
outline: none;
|
|
195
|
-
cursor: not-allowed;
|
|
196
|
-
}
|
|
197
|
-
[aria-disabled=true]:focus .kol-span,
|
|
198
|
-
[disabled]:focus .kol-span {
|
|
199
|
-
outline: none !important;
|
|
200
|
-
}
|
|
201
|
-
}
|
|
202
|
-
@layer kol-component {
|
|
203
|
-
:host {
|
|
204
|
-
display: block;
|
|
205
|
-
}
|
|
206
|
-
}
|
|
207
|
-
@layer kol-component {
|
|
208
|
-
.kol-tooltip {
|
|
209
|
-
display: contents;
|
|
210
|
-
}
|
|
211
|
-
.kol-tooltip__floating {
|
|
212
|
-
opacity: 0;
|
|
213
|
-
display: none;
|
|
214
|
-
position: fixed;
|
|
215
|
-
/* Avoid layout interference - see https://floating-ui.com/docs/computePosition */
|
|
216
|
-
top: 0;
|
|
217
|
-
left: 0;
|
|
218
|
-
/* Can be used to specify the tooltip-width from the outside. Unset by default. */
|
|
219
|
-
width: var(--kol-tooltip-width, max-content);
|
|
220
|
-
min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));
|
|
221
|
-
max-width: 90vw;
|
|
222
|
-
max-height: 90vh;
|
|
223
|
-
animation-direction: normal;
|
|
224
|
-
/* Can be used to specify the animation duration from the outside. 250ms by default. */
|
|
225
|
-
animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);
|
|
226
|
-
animation-fill-mode: forwards;
|
|
227
|
-
animation-iteration-count: 1;
|
|
228
|
-
animation-timing-function: ease-in;
|
|
229
|
-
}
|
|
230
|
-
.kol-tooltip__floating.hide {
|
|
231
|
-
animation-name: hideTooltip;
|
|
232
|
-
}
|
|
233
|
-
.kol-tooltip__floating.show {
|
|
234
|
-
animation-name: showTooltip;
|
|
235
|
-
}
|
|
236
|
-
.kol-tooltip__arrow {
|
|
237
|
-
transform: rotate(45deg);
|
|
238
|
-
color: #000;
|
|
239
|
-
background-color: #fff;
|
|
240
|
-
position: absolute;
|
|
241
|
-
z-index: 999;
|
|
242
|
-
width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));
|
|
243
|
-
height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));
|
|
244
|
-
}
|
|
245
|
-
.kol-tooltip__content {
|
|
246
|
-
color: #000;
|
|
247
|
-
background-color: #fff;
|
|
248
|
-
position: relative;
|
|
249
|
-
z-index: 1000;
|
|
250
|
-
}
|
|
251
|
-
@keyframes hideTooltip {
|
|
252
|
-
0% {
|
|
253
|
-
opacity: 1;
|
|
254
|
-
}
|
|
255
|
-
100% {
|
|
256
|
-
opacity: 0;
|
|
257
|
-
display: none;
|
|
258
|
-
}
|
|
259
|
-
}
|
|
260
|
-
@keyframes showTooltip {
|
|
261
|
-
0% {
|
|
262
|
-
opacity: 0;
|
|
263
|
-
}
|
|
264
|
-
100% {
|
|
265
|
-
opacity: 1;
|
|
266
|
-
}
|
|
267
|
-
}
|
|
268
|
-
}
|
|
269
|
-
@layer kol-component {
|
|
270
|
-
.kol-alert {
|
|
271
|
-
display: grid;
|
|
272
|
-
}
|
|
273
|
-
.kol-alert__container {
|
|
274
|
-
display: flex;
|
|
275
|
-
place-items: center;
|
|
276
|
-
}
|
|
277
|
-
.kol-alert__container-content {
|
|
278
|
-
flex-grow: 1;
|
|
279
|
-
}
|
|
280
|
-
.kol-alert__closer {
|
|
281
|
-
/* Visible with forced colors */
|
|
282
|
-
outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));
|
|
283
|
-
}
|
|
284
|
-
.kol-custom-suggestions-option {
|
|
285
|
-
line-height: 1.5;
|
|
286
|
-
white-space: normal;
|
|
287
|
-
cursor: pointer;
|
|
288
|
-
overflow-wrap: break-word;
|
|
289
|
-
}
|
|
290
|
-
.kol-custom-suggestions-options-group--cursor-hidden .kol-custom-suggestions-option {
|
|
291
|
-
cursor: none !important;
|
|
292
|
-
}
|
|
293
|
-
.kol-custom-suggestions-options-group {
|
|
294
|
-
background-color: white;
|
|
295
|
-
display: block;
|
|
296
|
-
position: absolute;
|
|
297
|
-
z-index: 2;
|
|
298
|
-
max-height: calc(250 * 1rem / var(--kolibri-root-font-size, 16));
|
|
299
|
-
margin: 0;
|
|
300
|
-
padding: 0;
|
|
301
|
-
overflow-x: hidden;
|
|
302
|
-
overflow-y: auto;
|
|
303
|
-
list-style-type: none;
|
|
304
|
-
}
|
|
305
|
-
.kol-custom-suggestions-toggle {
|
|
306
|
-
display: flex;
|
|
307
|
-
width: var(--a11y-min-size);
|
|
308
|
-
height: var(--a11y-min-size);
|
|
309
|
-
align-items: center;
|
|
310
|
-
}
|
|
311
|
-
.kol-custom-suggestions-toggle:not(:disabled) {
|
|
312
|
-
cursor: pointer;
|
|
313
|
-
}
|
|
314
|
-
.kol-form-field {
|
|
315
|
-
display: grid;
|
|
316
|
-
}
|
|
317
|
-
.kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label {
|
|
318
|
-
cursor: pointer;
|
|
319
|
-
}
|
|
320
|
-
.kol-form-field--disabled .kol-form-field__label {
|
|
321
|
-
opacity: 0.5;
|
|
322
|
-
}
|
|
323
|
-
.kol-form-field--required .kol-form-field__label-text::after {
|
|
324
|
-
content: "*";
|
|
325
|
-
}
|
|
326
|
-
.kol-form-field--disabled .kol-form-field__hint {
|
|
327
|
-
opacity: 0.5;
|
|
328
|
-
}
|
|
329
|
-
.kol-form-field--required .kol-form-field__tooltip .span-label::after {
|
|
330
|
-
content: "*";
|
|
331
|
-
}
|
|
332
|
-
.kol-input-container {
|
|
333
|
-
background-color: transparent;
|
|
334
|
-
display: grid;
|
|
335
|
-
width: 100%;
|
|
336
|
-
min-width: var(--a11y-min-size);
|
|
337
|
-
min-height: var(--a11y-min-size);
|
|
338
|
-
align-items: center;
|
|
339
|
-
grid-template-columns: 1fr;
|
|
340
|
-
}
|
|
341
|
-
.kol-input-container:has(> .kol-input-container__adornment--start) {
|
|
342
|
-
grid-template-columns: auto 1fr;
|
|
343
|
-
}
|
|
344
|
-
.kol-input-container:has(> .kol-input-container__adornment--end) {
|
|
345
|
-
grid-template-columns: 1fr auto;
|
|
346
|
-
}
|
|
347
|
-
.kol-input-container:has(> .kol-input-container__adornment--start):has(> .kol-input-container__adornment--end) {
|
|
348
|
-
grid-template-columns: auto 1fr auto;
|
|
349
|
-
}
|
|
350
|
-
.kol-input-container__container {
|
|
351
|
-
position: relative;
|
|
352
|
-
}
|
|
353
|
-
.kol-input-container__adornment {
|
|
354
|
-
display: flex;
|
|
355
|
-
align-items: center;
|
|
356
|
-
}
|
|
357
|
-
.kol-input-container__adornment .kol-icon {
|
|
358
|
-
display: grid;
|
|
359
|
-
height: var(--a11y-min-size);
|
|
360
|
-
place-items: center;
|
|
361
|
-
}
|
|
362
|
-
.kol-input {
|
|
363
|
-
background-color: transparent;
|
|
364
|
-
width: 100%;
|
|
365
|
-
min-width: var(--a11y-min-size);
|
|
366
|
-
}
|
|
367
|
-
.kol-input:focus {
|
|
368
|
-
outline: none;
|
|
369
|
-
}
|
|
370
|
-
}`,I=class{async getValue(){return this.state._value}async kolFocus(){var e;(e=this.refInput)===null||e===void 0||e.focus()}selectOption(e){var t;this.controller.onFacade.onInput(new CustomEvent("input",{bubbles:!0,detail:{name:this.state._name,value:e}}),!0,e),this.controller.onFacade.onChange(new CustomEvent("change",{bubbles:!0,detail:{name:this.state._name,value:e}}),e),this.controller.setFormAssociatedValue(e),this.state._value=e,(t=this.refInput)===null||t===void 0||t.focus()}onInput(e){const t=e.target;this.state._value=t.value,this._value=t.value,this.controller.onFacade.onInput(e),this.setFilteredSuggestionsByQuery(t.value),this._focusedOptionIndex=-1}handleKeyDownDropdown(e){e.key.length===1&&/[a-z0-9]/i.test(e.key)&&(this._isOpen=!0,this.focusSuggestionStartingWith(e.key))}setFilteredSuggestionsByQuery(e){e.trim()===""?this._filteredSuggestions=[...this.state._suggestions]:(this._filteredSuggestions=Array.isArray(this.state._suggestions)?this.state._suggestions.filter(t=>t.toLowerCase().includes(e.toLowerCase())):this._filteredSuggestions,this._isOpen=!!(this._filteredSuggestions&&this._filteredSuggestions.length>0))}moveFocus(e){if(!this._filteredSuggestions)return;let t=this._focusedOptionIndex+e;t>=this._filteredSuggestions.length&&(t=0),t<0&&(t=this._filteredSuggestions.length-1),this.focusOption(t)}focusOption(e){if(this._focusedOptionIndex=e,this.refSuggestions){const t=this.refSuggestions[e];t?.focus()}}focusSuggestionStartingWith(e){const t=e.toLowerCase(),i=Array.isArray(this._filteredSuggestions)&&this._filteredSuggestions.length>0&&this._filteredSuggestions.findIndex(n=>n.toLowerCase().startsWith(t));typeof i=="number"&&this.focusOption(i)}getFormFieldProps(){return{state:this.state,class:c("kol-combobox",{"has-value":this.state._hasValue}),tooltipAlign:this._tooltipAlign,alert:this.showAsAlert()}}getInputProps(){const{ariaDescribedBy:e}=u(this.state),t=this.state._disabled===!0;return Object.assign(Object.assign({ref:this.catchRef,state:this.state,class:"kol-combobox__input",type:"text",role:"combobox","aria-activedescendant":this._isOpen&&this._focusedOptionIndex>=0?`option-${this._focusedOptionIndex}`:void 0,"aria-autocomplete":"both","aria-controls":"listbox","aria-describedby":e.length>0?e.join(" "):void 0,"aria-expanded":this._isOpen?"true":"false","aria-label":this.state._hideLabel&&typeof this.state._label=="string"?this.state._label:void 0,"aria-labelledby":this.state._id,"aria-keyshortcuts":this.state._shortKey,value:this.state._value,accessKey:this.state._accessKey,autocapitalize:"off",autocorrect:"off",disabled:t,customSuggestions:!0,id:this.state._id,name:this.state._name,required:this.state._required},this.controller.onFacade),{onFocus:i=>{this.controller.onFacade.onFocus(i),this.inputHasFocus=!0},onBlur:i=>{this.controller.onFacade.onBlur(i),this.inputHasFocus=!1},onChange:this.onChange.bind(this),onInput:this.onInput.bind(this),placeholder:this.state._placeholder})}render(){const e=this.state._disabled===!0;return o(p,Object.assign({key:"d749f279520de9ca312308f871f9d69719803230"},this.getFormFieldProps()),o(f,{key:"030973b84e7fa3ca184e8af0fb254182ee64df31",state:this.state},o("div",{key:"e92dbb52bb85518fee231163c834a3b654a798dd",class:"kol-combobox__group"},o(m,Object.assign({key:"8f003b336a367b5d847e27737e425e5114eeb5ab"},this.getInputProps())),o(b,{key:"b9376b3f6e48e69a454ed345d14265f18c35b6ad",onClick:this.toggleListbox.bind(this),disabled:e})),this._isOpen&&!e&&o(_,{key:"27171b42cd6e1c4e7eaf46f1ac5bb16714bb5aef",blockSuggestionMouseOver:this.blockSuggestionMouseOver,onKeyDown:this.handleKeyDownDropdown.bind(this)},Array.isArray(this._filteredSuggestions)&&this._filteredSuggestions.length>0&&this._filteredSuggestions.map((t,i)=>o(v,{index:i,option:t,searchTerm:this.state._value,ref:n=>{n&&(this.refSuggestions[i]=n)},selected:this.state._value===t,onClick:()=>{this.selectOption(t),this.toggleListbox(),this._isOpen=!1,this._hasOpened=!1},onMouseOver:()=>{this.blockSuggestionMouseOver||this.focusOption(i)},onFocus:()=>{this.focusOption(i)},onKeyDown:n=>{(n.key==="Enter"||n.key==="NumpadEnter")&&(this.selectOption(t),this.toggleListbox(),n.preventDefault())}})))))}handleKeyDown(e){var t,i;const n=(s,a)=>{var l;e.preventDefault(),s!==void 0&&(this._isOpen=s,s||(l=this.refInput)===null||l===void 0||l.focus()),a?.()};switch(e.key){case"Down":case"ArrowDown":{this.blockSuggestionMouseOver=!0,n(!0,()=>this.moveFocus(1));break}case"Up":case"ArrowUp":{this.blockSuggestionMouseOver=!0,n(!0,()=>this.moveFocus(-1));break}case"Tab":this._isOpen&&(this._isOpen=!1,(t=this.refInput)===null||t===void 0||t.focus());break;case"Esc":case"Escape":{this._hasOpened=!1,this._isOpen=!1,e.preventDefault(),(i=this.refInput)===null||i===void 0||i.focus();break}case"NumpadEnter":case"Enter":{this._isOpen&&this._focusedOptionIndex>=0?(this._filteredSuggestions&&this.selectOption(this._filteredSuggestions[this._focusedOptionIndex]),this._isOpen=!1,this._hasOpened=!1):this.toggleListbox(),e.preventDefault();break}case"Home":{this.blockSuggestionMouseOver=!0,n(void 0,()=>{this._isOpen&&this.focusOption(0)});break}case"End":{this.blockSuggestionMouseOver=!0,n(void 0,()=>{this._isOpen&&this.focusOption(this._filteredSuggestions?this._filteredSuggestions.length-1:0)});break}case"PageUp":{this.blockSuggestionMouseOver=!0,n(void 0,()=>this._isOpen&&this.moveFocus(-10));break}case"PageDown":{this.blockSuggestionMouseOver=!0,n(void 0,()=>this._isOpen&&this.moveFocus(10));break}}}handleWindowClick(e){this.host!==void 0&&!this.host.contains(e.target)&&(this._isOpen=!1)}constructor(e){r(this,e),this.refSuggestions=[],this._focusedOptionIndex=-1,this.toggleListbox=()=>{var t;if(this.state._disabled===!0)this._isOpen=!1;else if((t=this.refInput)===null||t===void 0||t.focus(),!this._hasOpened&&Array.isArray(this._filteredSuggestions)&&this._filteredSuggestions.length>0){this._isOpen=!0,this._hasOpened=!0;const n=this._filteredSuggestions.findIndex(s=>s===this.state._value);this._focusedOptionIndex=n>=0?n:-1,this.focusOption(this._focusedOptionIndex)}},this.catchRef=t=>{this.refInput=t},this.blockSuggestionMouseOver=!1,this._isOpen=!1,this._hasOpened=!1,this._disabled=!1,this._hideMsg=!1,this._hideLabel=!1,this._hint="",this._required=!1,this._tooltipAlign="top",this._touched=!1,this.state={_hasValue:!1,_hideMsg:!1,_id:`id-${y()}`,_label:"",_suggestions:[],_value:""},this.inputHasFocus=!1,this.controller=new x(this,"combobox",this.host),this.onInput=this.onInput.bind(this)}showAsAlert(){return!!this.state._touched&&!this.inputHasFocus}validatePlaceholder(e){this.controller.validatePlaceholder(e)}validateAccessKey(e){this.controller.validateAccessKey(e)}validateDisabled(e){this.controller.validateDisabled(e)}validateHideMsg(e){this.controller.validateHideMsg(e)}validateHideLabel(e){this.controller.validateHideLabel(e)}validateHint(e){this.controller.validateHint(e)}validateIcons(e){this.controller.validateIcons(e)}validateId(e){this.controller.validateId(e)}validateLabel(e){this.controller.validateLabel(e)}validateMsg(e){this.controller.validateMsg(e)}validateName(e){this.controller.validateName(e)}validateOn(e){this.controller.validateOn(e)}validateShortKey(e){this.controller.validateShortKey(e)}validateSuggestions(e){this.controller.validateSuggestions(e),this._filteredSuggestions=e}validateRequired(e){this.controller.validateRequired(e)}validateSyncValueBySelector(e){this.controller.validateSyncValueBySelector(e)}validateTouched(e){this.controller.validateTouched(e)}validateValue(e){this.controller.validateValue(e),this.controller.setFormAssociatedValue(e)}componentWillLoad(){this.refSuggestions=[],this._touched=this._touched===!0,this.controller.componentWillLoad(),this.state._hasValue=!!this.state._value,this.controller.addValueChangeListener(e=>this.state._hasValue=!!e),this._filteredSuggestions=this.state._suggestions}handleMouseEvent(){this.blockSuggestionMouseOver=!1}handleFocusOut(){setTimeout(()=>{var e;!((e=this.host)===null||e===void 0)&&e.contains(document.activeElement)||this.onBlur()},0)}handleWindowBlur(){this.onBlur()}onBlur(){var e;this._hasOpened=!1,this._isOpen&&(this._isOpen=!this._isOpen,(e=this.refInput)===null||e===void 0||e.focus())}onChange(e){this.controller.onFacade.onChange(e),this.controller.setFormAssociatedValue(this.state._value)}get host(){return d(this)}static get watchers(){return{_placeholder:["validatePlaceholder"],_accessKey:["validateAccessKey"],_disabled:["validateDisabled"],_hideMsg:["validateHideMsg"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_icons:["validateIcons"],_id:["validateId"],_label:["validateLabel"],_msg:["validateMsg"],_name:["validateName"],_on:["validateOn"],_shortKey:["validateShortKey"],_suggestions:["validateSuggestions"],_required:["validateRequired"],_syncValueBySelector:["validateSyncValueBySelector"],_touched:["validateTouched"],_value:["validateValue"]}}};I.style={default:O};export{I as kol_combobox};
|
|
371
|
-
//# sourceMappingURL=kol-combobox.entry-0wHAnFPY.js.map
|