@public-ui/components 2.2.8 → 3.0.0-638ed75dd472d3e3ad4c1c3a3c72d705e6022731.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-elements.json +147 -685
- package/dist/cjs/Alert-b4540575.js +4 -0
- package/dist/cjs/Alert-b4540575.js.map +1 -0
- package/dist/cjs/Collapsible-2ca72ee6.js +4 -0
- package/dist/cjs/Collapsible-2ca72ee6.js.map +1 -0
- package/dist/cjs/CustomSuggestionsOptionsGroup-a0b5ff2d.js +4 -0
- package/dist/cjs/CustomSuggestionsOptionsGroup-a0b5ff2d.js.map +1 -0
- package/dist/cjs/FieldControlStateWrapper-294d6fce.js +4 -0
- package/dist/cjs/FieldControlStateWrapper-294d6fce.js.map +1 -0
- package/dist/cjs/Heading-75b2ccc1.js +4 -0
- package/dist/cjs/Heading-75b2ccc1.js.map +1 -0
- package/dist/cjs/Icon-fdca4de2.js +4 -0
- package/dist/cjs/Icon-fdca4de2.js.map +1 -0
- package/dist/cjs/Input-bbc2770f.js +4 -0
- package/dist/cjs/Input-bbc2770f.js.map +1 -0
- package/dist/cjs/InputStateWrapper-2d480fef.js +4 -0
- package/dist/cjs/InputStateWrapper-2d480fef.js.map +1 -0
- package/dist/cjs/InternalUnderlinedBadgeText-32624684.js +4 -0
- package/dist/cjs/InternalUnderlinedBadgeText-32624684.js.map +1 -0
- package/dist/cjs/Span-2c064973.js +4 -0
- package/dist/cjs/Span-2c064973.js.map +1 -0
- package/dist/cjs/{align-floating-elements-1d37261b.js → align-floating-elements-8bc6ec37.js} +1 -1
- package/dist/cjs/{align-floating-elements-1d37261b.js.map → align-floating-elements-8bc6ec37.js.map} +1 -1
- package/dist/cjs/{app-globals-40c11b44.js → app-globals-eb224d6d.js} +1 -1
- package/dist/cjs/{app-globals-40c11b44.js.map → app-globals-eb224d6d.js.map} +1 -1
- package/dist/cjs/{aria-expanded-7d8d2aca.js → button-variant-fb9c6afd.js} +1 -1
- package/dist/cjs/button-variant-fb9c6afd.js.map +1 -0
- package/dist/cjs/callback-00e57b93.js +4 -0
- package/dist/cjs/callback-00e57b93.js.map +1 -0
- package/dist/cjs/component-names-74abfa2e.js +4 -0
- package/dist/cjs/component-names-74abfa2e.js.map +1 -0
- package/dist/cjs/controller-1cae0572.js +4 -0
- package/dist/cjs/{controller-91763b20.js.map → controller-1cae0572.js.map} +1 -1
- package/dist/cjs/{controller-d91f5077.js → controller-69dcef9e.js} +1 -1
- package/dist/cjs/{controller-d91f5077.js.map → controller-69dcef9e.js.map} +1 -1
- package/dist/cjs/controller-a6da1eae.js +4 -0
- package/dist/cjs/{controller-ee67ec39.js.map → controller-a6da1eae.js.map} +1 -1
- package/dist/cjs/{controller-563984db.js → controller-fb006831.js} +1 -1
- package/dist/cjs/{controller-563984db.js.map → controller-fb006831.js.map} +1 -1
- package/dist/cjs/controller-icon-067f8f7d.js +4 -0
- package/dist/cjs/controller-icon-067f8f7d.js.map +1 -0
- package/dist/cjs/{dev.utils-0273f400.js → dev.utils-f0b5521f.js} +1 -1
- package/dist/cjs/{dev.utils-0273f400.js.map → dev.utils-f0b5521f.js.map} +1 -1
- package/dist/cjs/{devtools-56637486.js → devtools-155510c9.js} +1 -1
- package/dist/cjs/{devtools-56637486.js.map → devtools-155510c9.js.map} +1 -1
- package/dist/cjs/events-fc641593.js +4 -0
- package/dist/cjs/events-fc641593.js.map +1 -0
- package/dist/cjs/getRenderStates-e0c2dd27.js +4 -0
- package/dist/cjs/getRenderStates-e0c2dd27.js.map +1 -0
- package/dist/cjs/i18n-583e3c4b.js +4 -0
- package/dist/cjs/i18n-583e3c4b.js.map +1 -0
- package/dist/cjs/{i18n-1d085d07.js → i18n-c745fb7d.js} +1 -1
- package/dist/cjs/{i18n-1d085d07.js.map → i18n-c745fb7d.js.map} +1 -1
- package/dist/cjs/{icons-f0f3f9c5.js → icons-3ad822d9.js} +1 -1
- package/dist/cjs/icons-3ad822d9.js.map +1 -0
- package/dist/cjs/index-e2b73bdf.js +4 -0
- package/dist/cjs/{index-399c8b52.js.map → index-e2b73bdf.js.map} +1 -1
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/cjs/isObject-6090b636.js +4 -0
- package/dist/cjs/isObject-6090b636.js.map +1 -0
- package/dist/cjs/kol-abbr.cjs.entry.js +1 -1
- package/dist/cjs/kol-abbr.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-accordion.cjs.entry.js +1 -1
- package/dist/cjs/kol-accordion.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-alert-wc.cjs.entry.js +1 -1
- package/dist/cjs/kol-alert-wc.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-alert.cjs.entry.js +1 -1
- package/dist/cjs/kol-alert.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-avatar-wc.cjs.entry.js +1 -1
- package/dist/cjs/kol-avatar-wc.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-avatar.cjs.entry.js +1 -1
- package/dist/cjs/kol-avatar.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-badge.cjs.entry.js +1 -1
- package/dist/cjs/kol-badge.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-breadcrumb.cjs.entry.js +1 -1
- package/dist/cjs/kol-breadcrumb.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-button-link.cjs.entry.js +1 -1
- package/dist/cjs/kol-button-link.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-button-wc.cjs.entry.js +1 -1
- package/dist/cjs/kol-button-wc.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-button.cjs.entry.js +1 -1
- package/dist/cjs/kol-button.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-card.cjs.entry.js +1 -1
- package/dist/cjs/kol-card.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-combobox.cjs.entry.js +1 -1
- package/dist/cjs/kol-combobox.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-details.cjs.entry.js +1 -1
- package/dist/cjs/kol-details.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-drawer.cjs.entry.js +1 -1
- package/dist/cjs/kol-drawer.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-form.cjs.entry.js +1 -1
- package/dist/cjs/kol-form.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-heading.cjs.entry.js +1 -1
- package/dist/cjs/kol-heading.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-icon.cjs.entry.js +1 -1
- package/dist/cjs/kol-icon.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-image.cjs.entry.js +1 -1
- package/dist/cjs/kol-image.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-input-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-checkbox.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-input-color.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-color.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-input-date.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-date.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-input-email.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-email.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-input-file.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-file.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-input-number.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-number.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-input-password.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-password.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-input-radio.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-radio.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-input-range.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-range.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-input-text.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-text.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-kolibri.cjs.entry.js +1 -1
- package/dist/cjs/kol-kolibri.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-link-button.cjs.entry.js +1 -1
- package/dist/cjs/kol-link-button.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-link-wc.cjs.entry.js +1 -1
- package/dist/cjs/kol-link-wc.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-link.cjs.entry.js +1 -1
- package/dist/cjs/kol-link.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-modal.cjs.entry.js +1 -1
- package/dist/cjs/kol-modal.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-nav.cjs.entry.js +1 -1
- package/dist/cjs/kol-nav.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-pagination.cjs.entry.js +1 -1
- package/dist/cjs/kol-pagination.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-popover-button.cjs.entry.js +1 -1
- package/dist/cjs/kol-popover-button.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-popover-wc.cjs.entry.js +1 -1
- package/dist/cjs/kol-popover-wc.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-progress.cjs.entry.js +1 -1
- package/dist/cjs/kol-progress.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-quote.cjs.entry.js +1 -1
- package/dist/cjs/kol-quote.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-select.cjs.entry.js +1 -1
- package/dist/cjs/kol-select.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-single-select.cjs.entry.js +1 -1
- package/dist/cjs/kol-single-select.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-skip-nav.cjs.entry.js +1 -1
- package/dist/cjs/kol-skip-nav.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-spin.cjs.entry.js +1 -1
- package/dist/cjs/kol-spin.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-split-button.cjs.entry.js +1 -1
- package/dist/cjs/kol-split-button.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-table-stateful.cjs.entry.js +1 -1
- package/dist/cjs/kol-table-stateful.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-table-stateless-wc.cjs.entry.js +1 -1
- package/dist/cjs/kol-table-stateless-wc.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-table-stateless.cjs.entry.js +1 -1
- package/dist/cjs/kol-table-stateless.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-tabs.cjs.entry.js +1 -1
- package/dist/cjs/kol-tabs.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-textarea.cjs.entry.js +1 -1
- package/dist/cjs/kol-textarea.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-toast-container.cjs.entry.js +1 -1
- package/dist/cjs/kol-toast-container.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-toolbar.cjs.entry.js +1 -1
- package/dist/cjs/kol-toolbar.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-tooltip-wc.cjs.entry.js +1 -1
- package/dist/cjs/kol-tooltip-wc.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-tree-item-wc.cjs.entry.js +1 -1
- package/dist/cjs/kol-tree-item-wc.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-tree-item.cjs.entry.js +1 -1
- package/dist/cjs/kol-tree-item.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-tree-wc.cjs.entry.js +1 -1
- package/dist/cjs/kol-tree-wc.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-tree.cjs.entry.js +1 -1
- package/dist/cjs/kol-tree.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-version.cjs.entry.js +1 -1
- package/dist/cjs/kol-version.cjs.entry.js.map +1 -1
- package/dist/cjs/kolibri.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/reuse-8650ea4e.js +4 -0
- package/dist/cjs/reuse-8650ea4e.js.map +1 -0
- package/dist/cjs/test-component.cjs.entry.js +1 -1
- package/dist/cjs/tslib.es6-5e301284.js.map +1 -0
- package/dist/components/Alert.js +1 -1
- package/dist/components/Alert.js.map +1 -1
- package/dist/components/Collapsible.js +1 -1
- package/dist/components/Collapsible.js.map +1 -1
- package/dist/components/CustomSuggestionsOptionsGroup.js +4 -0
- package/dist/components/CustomSuggestionsOptionsGroup.js.map +1 -0
- package/dist/components/FieldControlStateWrapper.js +4 -0
- package/dist/components/FieldControlStateWrapper.js.map +1 -0
- package/dist/components/Heading.js +4 -0
- package/dist/components/Heading.js.map +1 -0
- package/dist/components/Icon.js +4 -0
- package/dist/components/Icon.js.map +1 -0
- package/dist/components/Input.js +4 -0
- package/dist/components/Input.js.map +1 -0
- package/dist/components/InputContainerStateWrapper.js +4 -0
- package/dist/components/InputContainerStateWrapper.js.map +1 -0
- package/dist/components/InputStateWrapper.js +4 -0
- package/dist/components/InputStateWrapper.js.map +1 -0
- package/dist/components/InternalUnderlinedBadgeText.js +1 -1
- package/dist/components/InternalUnderlinedBadgeText.js.map +1 -1
- package/dist/components/Span.js +4 -0
- package/dist/components/Span.js.map +1 -0
- package/dist/components/{aria-expanded.js → button-variant.js} +1 -1
- package/dist/components/button-variant.js.map +1 -0
- package/dist/components/callback.js +4 -0
- package/dist/components/callback.js.map +1 -0
- package/dist/components/component-names.js +1 -1
- package/dist/components/component-names.js.map +1 -1
- package/dist/components/controller.js +1 -1
- package/dist/components/controller2.js +1 -1
- package/dist/components/controller2.js.map +1 -1
- package/dist/components/controller3.js +1 -1
- package/dist/components/controller3.js.map +1 -1
- package/dist/components/controller4.js +1 -1
- package/dist/components/controller4.js.map +1 -1
- package/dist/components/events.js +1 -1
- package/dist/components/events.js.map +1 -1
- package/dist/components/getRenderStates.js +4 -0
- package/dist/components/getRenderStates.js.map +1 -0
- package/dist/components/i18n.js +1 -1
- package/dist/components/i18n.js.map +1 -1
- package/dist/components/icons.js +1 -1
- package/dist/components/icons.js.map +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/index.js.map +1 -1
- package/dist/components/isObject.js +4 -0
- package/dist/components/isObject.js.map +1 -0
- package/dist/components/kol-abbr.js +1 -1
- package/dist/components/kol-abbr.js.map +1 -1
- package/dist/components/kol-accordion.js +1 -1
- package/dist/components/kol-accordion.js.map +1 -1
- package/dist/components/kol-alert-wc.js +1 -1
- package/dist/components/kol-alert-wc.js.map +1 -1
- package/dist/components/kol-alert.js +1 -1
- package/dist/components/kol-alert.js.map +1 -1
- package/dist/components/kol-avatar-wc.js +1 -1
- package/dist/components/kol-avatar-wc.js.map +1 -1
- package/dist/components/kol-avatar.js +1 -1
- package/dist/components/kol-avatar.js.map +1 -1
- package/dist/components/kol-badge.js +1 -1
- package/dist/components/kol-badge.js.map +1 -1
- package/dist/components/kol-breadcrumb.js +1 -1
- package/dist/components/kol-breadcrumb.js.map +1 -1
- package/dist/components/kol-button-link.js +1 -1
- package/dist/components/kol-button-link.js.map +1 -1
- package/dist/components/kol-button-wc.js +1 -1
- package/dist/components/kol-button-wc.js.map +1 -1
- package/dist/components/kol-button.js +1 -1
- package/dist/components/kol-button.js.map +1 -1
- package/dist/components/kol-card.js +1 -1
- package/dist/components/kol-card.js.map +1 -1
- package/dist/components/kol-combobox.js +1 -1
- package/dist/components/kol-combobox.js.map +1 -1
- package/dist/components/kol-details.js +1 -1
- package/dist/components/kol-details.js.map +1 -1
- package/dist/components/kol-drawer.js +1 -1
- package/dist/components/kol-drawer.js.map +1 -1
- package/dist/components/kol-form.js +1 -1
- package/dist/components/kol-form.js.map +1 -1
- package/dist/components/kol-heading.js +1 -1
- package/dist/components/kol-heading.js.map +1 -1
- package/dist/components/kol-icon.js +1 -1
- package/dist/components/kol-icon.js.map +1 -1
- package/dist/components/kol-image.js +1 -1
- package/dist/components/kol-image.js.map +1 -1
- package/dist/components/kol-input-checkbox.js +1 -1
- package/dist/components/kol-input-checkbox.js.map +1 -1
- package/dist/components/kol-input-color.js +1 -1
- package/dist/components/kol-input-color.js.map +1 -1
- package/dist/components/kol-input-date.js +1 -1
- package/dist/components/kol-input-date.js.map +1 -1
- package/dist/components/kol-input-email.js +1 -1
- package/dist/components/kol-input-email.js.map +1 -1
- package/dist/components/kol-input-file.js +1 -1
- package/dist/components/kol-input-file.js.map +1 -1
- package/dist/components/kol-input-number.js +1 -1
- package/dist/components/kol-input-number.js.map +1 -1
- package/dist/components/kol-input-password.js +1 -1
- package/dist/components/kol-input-password.js.map +1 -1
- package/dist/components/kol-input-radio.js +1 -1
- package/dist/components/kol-input-radio.js.map +1 -1
- package/dist/components/kol-input-range.js +1 -1
- package/dist/components/kol-input-range.js.map +1 -1
- package/dist/components/kol-input-text.js +1 -1
- package/dist/components/kol-input-text.js.map +1 -1
- package/dist/components/kol-kolibri.js +1 -1
- package/dist/components/kol-kolibri.js.map +1 -1
- package/dist/components/kol-link-button.js +1 -1
- package/dist/components/kol-link-button.js.map +1 -1
- package/dist/components/kol-link-wc.js +1 -1
- package/dist/components/kol-link-wc.js.map +1 -1
- package/dist/components/kol-link.js +1 -1
- package/dist/components/kol-link.js.map +1 -1
- package/dist/components/kol-modal.js +1 -1
- package/dist/components/kol-modal.js.map +1 -1
- package/dist/components/kol-nav.js +1 -1
- package/dist/components/kol-nav.js.map +1 -1
- package/dist/components/kol-pagination.js +1 -1
- package/dist/components/kol-pagination.js.map +1 -1
- package/dist/components/kol-popover-button.js +1 -1
- package/dist/components/kol-popover-button.js.map +1 -1
- package/dist/components/kol-popover-wc.js +1 -1
- package/dist/components/kol-popover-wc.js.map +1 -1
- package/dist/components/kol-progress.js +1 -1
- package/dist/components/kol-progress.js.map +1 -1
- package/dist/components/kol-quote.js +1 -1
- package/dist/components/kol-quote.js.map +1 -1
- package/dist/components/kol-select.js +1 -1
- package/dist/components/kol-select.js.map +1 -1
- package/dist/components/kol-single-select.js +1 -1
- package/dist/components/kol-single-select.js.map +1 -1
- package/dist/components/kol-skip-nav.js +1 -1
- package/dist/components/kol-skip-nav.js.map +1 -1
- package/dist/components/kol-spin.js +1 -1
- package/dist/components/kol-spin.js.map +1 -1
- package/dist/components/kol-split-button.js +1 -1
- package/dist/components/kol-split-button.js.map +1 -1
- package/dist/components/kol-table-stateful.js +1 -1
- package/dist/components/kol-table-stateful.js.map +1 -1
- package/dist/components/kol-table-stateless-wc.js +1 -1
- package/dist/components/kol-table-stateless-wc.js.map +1 -1
- package/dist/components/kol-table-stateless.js +1 -1
- package/dist/components/kol-table-stateless.js.map +1 -1
- package/dist/components/kol-tabs.js +1 -1
- package/dist/components/kol-tabs.js.map +1 -1
- package/dist/components/kol-textarea.js +1 -1
- package/dist/components/kol-textarea.js.map +1 -1
- package/dist/components/kol-toast-container.js +1 -1
- package/dist/components/kol-toast-container.js.map +1 -1
- package/dist/components/kol-toolbar.js +1 -1
- package/dist/components/kol-toolbar.js.map +1 -1
- package/dist/components/kol-tooltip-wc.js +1 -1
- package/dist/components/kol-tooltip-wc.js.map +1 -1
- package/dist/components/kol-tree-item-wc.js +1 -1
- package/dist/components/kol-tree-item-wc.js.map +1 -1
- package/dist/components/kol-tree-item.js +1 -1
- package/dist/components/kol-tree-item.js.map +1 -1
- package/dist/components/kol-tree-wc.js +1 -1
- package/dist/components/kol-tree-wc.js.map +1 -1
- package/dist/components/kol-tree.js +1 -1
- package/dist/components/kol-tree.js.map +1 -1
- package/dist/components/kol-version.js +1 -1
- package/dist/components/kol-version.js.map +1 -1
- package/dist/components/reuse.js +1 -1
- package/dist/components/reuse.js.map +1 -1
- package/dist/components/tslib.es6.js.map +1 -1
- package/dist/esm/Alert-cff25992.js +4 -0
- package/dist/esm/Alert-cff25992.js.map +1 -0
- package/dist/esm/Collapsible-bf53bb8c.js +4 -0
- package/dist/esm/Collapsible-bf53bb8c.js.map +1 -0
- package/dist/esm/CustomSuggestionsOptionsGroup-5d718c8a.js +4 -0
- package/dist/esm/CustomSuggestionsOptionsGroup-5d718c8a.js.map +1 -0
- package/dist/esm/FieldControlStateWrapper-fde292ae.js +4 -0
- package/dist/esm/FieldControlStateWrapper-fde292ae.js.map +1 -0
- package/dist/esm/Heading-ee029adb.js +4 -0
- package/dist/esm/Heading-ee029adb.js.map +1 -0
- package/dist/esm/Icon-ac50af26.js +4 -0
- package/dist/esm/Icon-ac50af26.js.map +1 -0
- package/dist/esm/Input-0312721f.js +4 -0
- package/dist/esm/Input-0312721f.js.map +1 -0
- package/dist/esm/InputStateWrapper-1a92b6c6.js +4 -0
- package/dist/esm/InputStateWrapper-1a92b6c6.js.map +1 -0
- package/dist/esm/InternalUnderlinedBadgeText-1c8d1c58.js +4 -0
- package/dist/esm/InternalUnderlinedBadgeText-1c8d1c58.js.map +1 -0
- package/dist/esm/Span-0ba91a5c.js +4 -0
- package/dist/esm/Span-0ba91a5c.js.map +1 -0
- package/dist/esm/{align-878fb132.js → align-60c95351.js} +1 -1
- package/dist/esm/{align-878fb132.js.map → align-60c95351.js.map} +1 -1
- package/dist/esm/{align-floating-elements-db77d917.js → align-floating-elements-387a1e9b.js} +1 -1
- package/dist/esm/{align-floating-elements-db77d917.js.map → align-floating-elements-387a1e9b.js.map} +1 -1
- package/dist/esm/{app-globals-3e243dfb.js → app-globals-28eb0e7d.js} +1 -1
- package/dist/esm/{app-globals-3e243dfb.js.map → app-globals-28eb0e7d.js.map} +1 -1
- package/dist/esm/{aria-expanded-9f877821.js → button-variant-87a9d78a.js} +1 -1
- package/dist/esm/button-variant-87a9d78a.js.map +1 -0
- package/dist/esm/callback-2c4e1e78.js +4 -0
- package/dist/esm/callback-2c4e1e78.js.map +1 -0
- package/dist/esm/{common-0f1f2276.js → common-54bf85ba.js} +1 -1
- package/dist/esm/{common-0f1f2276.js.map → common-54bf85ba.js.map} +1 -1
- package/dist/esm/component-names-545d6582.js +4 -0
- package/dist/esm/component-names-545d6582.js.map +1 -0
- package/dist/esm/controller-43a2b1d8.js +4 -0
- package/dist/esm/{controller-4a9a50f2.js.map → controller-43a2b1d8.js.map} +1 -1
- package/dist/esm/{controller-a3c1b90d.js → controller-868d4820.js} +1 -1
- package/dist/esm/{controller-a3c1b90d.js.map → controller-868d4820.js.map} +1 -1
- package/dist/esm/{controller-96d99a72.js → controller-b8f57f13.js} +1 -1
- package/dist/esm/{controller-96d99a72.js.map → controller-b8f57f13.js.map} +1 -1
- package/dist/esm/{controller-afbd59b5.js → controller-f7cecda9.js} +1 -1
- package/dist/esm/{controller-afbd59b5.js.map → controller-f7cecda9.js.map} +1 -1
- package/dist/esm/controller-icon-5fdeb3bb.js +4 -0
- package/dist/esm/controller-icon-5fdeb3bb.js.map +1 -0
- package/dist/esm/{dev.utils-0b748391.js → dev.utils-ad5c4301.js} +1 -1
- package/dist/esm/{dev.utils-0b748391.js.map → dev.utils-ad5c4301.js.map} +1 -1
- package/dist/esm/{devtools-3291e772.js → devtools-8776d850.js} +1 -1
- package/dist/esm/{devtools-3291e772.js.map → devtools-8776d850.js.map} +1 -1
- package/dist/esm/events-5adf6b62.js +4 -0
- package/dist/esm/events-5adf6b62.js.map +1 -0
- package/dist/esm/getRenderStates-b9480d6e.js +4 -0
- package/dist/esm/getRenderStates-b9480d6e.js.map +1 -0
- package/dist/esm/{i18n-5fe08f1c.js → i18n-005310a7.js} +1 -1
- package/dist/esm/{i18n-5fe08f1c.js.map → i18n-005310a7.js.map} +1 -1
- package/dist/esm/i18n-c120df5c.js +4 -0
- package/dist/esm/i18n-c120df5c.js.map +1 -0
- package/dist/esm/icons-458eee6a.js +4 -0
- package/dist/esm/icons-458eee6a.js.map +1 -0
- package/dist/esm/index-4018f86a.js +4 -0
- package/dist/esm/{index-f0de5c73.js.map → index-4018f86a.js.map} +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/isObject-ffcbbb76.js +4 -0
- package/dist/esm/isObject-ffcbbb76.js.map +1 -0
- package/dist/esm/kol-abbr.entry.js +1 -1
- package/dist/esm/kol-abbr.entry.js.map +1 -1
- package/dist/esm/kol-accordion.entry.js +1 -1
- package/dist/esm/kol-accordion.entry.js.map +1 -1
- package/dist/esm/kol-alert-wc.entry.js +1 -1
- package/dist/esm/kol-alert-wc.entry.js.map +1 -1
- package/dist/esm/kol-alert.entry.js +1 -1
- package/dist/esm/kol-alert.entry.js.map +1 -1
- package/dist/esm/kol-avatar-wc.entry.js +1 -1
- package/dist/esm/kol-avatar-wc.entry.js.map +1 -1
- package/dist/esm/kol-avatar.entry.js +1 -1
- package/dist/esm/kol-avatar.entry.js.map +1 -1
- package/dist/esm/kol-badge.entry.js +1 -1
- package/dist/esm/kol-badge.entry.js.map +1 -1
- package/dist/esm/kol-breadcrumb.entry.js +1 -1
- package/dist/esm/kol-breadcrumb.entry.js.map +1 -1
- package/dist/esm/kol-button-link.entry.js +1 -1
- package/dist/esm/kol-button-link.entry.js.map +1 -1
- package/dist/esm/kol-button-wc.entry.js +1 -1
- package/dist/esm/kol-button-wc.entry.js.map +1 -1
- package/dist/esm/kol-button.entry.js +1 -1
- package/dist/esm/kol-button.entry.js.map +1 -1
- package/dist/esm/kol-card.entry.js +1 -1
- package/dist/esm/kol-card.entry.js.map +1 -1
- package/dist/esm/kol-combobox.entry.js +1 -1
- package/dist/esm/kol-combobox.entry.js.map +1 -1
- package/dist/esm/kol-details.entry.js +1 -1
- package/dist/esm/kol-details.entry.js.map +1 -1
- package/dist/esm/kol-drawer.entry.js +1 -1
- package/dist/esm/kol-drawer.entry.js.map +1 -1
- package/dist/esm/kol-form.entry.js +1 -1
- package/dist/esm/kol-form.entry.js.map +1 -1
- package/dist/esm/kol-heading.entry.js +1 -1
- package/dist/esm/kol-heading.entry.js.map +1 -1
- package/dist/esm/kol-icon.entry.js +1 -1
- package/dist/esm/kol-icon.entry.js.map +1 -1
- package/dist/esm/kol-image.entry.js +1 -1
- package/dist/esm/kol-image.entry.js.map +1 -1
- package/dist/esm/kol-input-checkbox.entry.js +1 -1
- package/dist/esm/kol-input-checkbox.entry.js.map +1 -1
- package/dist/esm/kol-input-color.entry.js +1 -1
- package/dist/esm/kol-input-color.entry.js.map +1 -1
- package/dist/esm/kol-input-date.entry.js +1 -1
- package/dist/esm/kol-input-date.entry.js.map +1 -1
- package/dist/esm/kol-input-email.entry.js +1 -1
- package/dist/esm/kol-input-email.entry.js.map +1 -1
- package/dist/esm/kol-input-file.entry.js +1 -1
- package/dist/esm/kol-input-file.entry.js.map +1 -1
- package/dist/esm/kol-input-number.entry.js +1 -1
- package/dist/esm/kol-input-number.entry.js.map +1 -1
- package/dist/esm/kol-input-password.entry.js +1 -1
- package/dist/esm/kol-input-password.entry.js.map +1 -1
- package/dist/esm/kol-input-radio.entry.js +1 -1
- package/dist/esm/kol-input-radio.entry.js.map +1 -1
- package/dist/esm/kol-input-range.entry.js +1 -1
- package/dist/esm/kol-input-range.entry.js.map +1 -1
- package/dist/esm/kol-input-text.entry.js +1 -1
- package/dist/esm/kol-input-text.entry.js.map +1 -1
- package/dist/esm/kol-kolibri.entry.js +1 -1
- package/dist/esm/kol-kolibri.entry.js.map +1 -1
- package/dist/esm/kol-link-button.entry.js +1 -1
- package/dist/esm/kol-link-button.entry.js.map +1 -1
- package/dist/esm/kol-link-wc.entry.js +1 -1
- package/dist/esm/kol-link-wc.entry.js.map +1 -1
- package/dist/esm/kol-link.entry.js +1 -1
- package/dist/esm/kol-link.entry.js.map +1 -1
- package/dist/esm/kol-modal.entry.js +1 -1
- package/dist/esm/kol-modal.entry.js.map +1 -1
- package/dist/esm/kol-nav.entry.js +1 -1
- package/dist/esm/kol-nav.entry.js.map +1 -1
- package/dist/esm/kol-pagination.entry.js +1 -1
- package/dist/esm/kol-pagination.entry.js.map +1 -1
- package/dist/esm/kol-popover-button.entry.js +1 -1
- package/dist/esm/kol-popover-button.entry.js.map +1 -1
- package/dist/esm/kol-popover-wc.entry.js +1 -1
- package/dist/esm/kol-popover-wc.entry.js.map +1 -1
- package/dist/esm/kol-progress.entry.js +1 -1
- package/dist/esm/kol-progress.entry.js.map +1 -1
- package/dist/esm/kol-quote.entry.js +1 -1
- package/dist/esm/kol-quote.entry.js.map +1 -1
- package/dist/esm/kol-select.entry.js +1 -1
- package/dist/esm/kol-select.entry.js.map +1 -1
- package/dist/esm/kol-single-select.entry.js +1 -1
- package/dist/esm/kol-single-select.entry.js.map +1 -1
- package/dist/esm/kol-skip-nav.entry.js +1 -1
- package/dist/esm/kol-skip-nav.entry.js.map +1 -1
- package/dist/esm/kol-spin.entry.js +1 -1
- package/dist/esm/kol-spin.entry.js.map +1 -1
- package/dist/esm/kol-split-button.entry.js +1 -1
- package/dist/esm/kol-split-button.entry.js.map +1 -1
- package/dist/esm/kol-table-stateful.entry.js +1 -1
- package/dist/esm/kol-table-stateful.entry.js.map +1 -1
- package/dist/esm/kol-table-stateless-wc.entry.js +1 -1
- package/dist/esm/kol-table-stateless-wc.entry.js.map +1 -1
- package/dist/esm/kol-table-stateless.entry.js +1 -1
- package/dist/esm/kol-table-stateless.entry.js.map +1 -1
- package/dist/esm/kol-tabs.entry.js +1 -1
- package/dist/esm/kol-tabs.entry.js.map +1 -1
- package/dist/esm/kol-textarea.entry.js +1 -1
- package/dist/esm/kol-textarea.entry.js.map +1 -1
- package/dist/esm/kol-toast-container.entry.js +1 -1
- package/dist/esm/kol-toast-container.entry.js.map +1 -1
- package/dist/esm/kol-toolbar.entry.js +1 -1
- package/dist/esm/kol-toolbar.entry.js.map +1 -1
- package/dist/esm/kol-tooltip-wc.entry.js +1 -1
- package/dist/esm/kol-tooltip-wc.entry.js.map +1 -1
- package/dist/esm/kol-tree-item-wc.entry.js +1 -1
- package/dist/esm/kol-tree-item-wc.entry.js.map +1 -1
- package/dist/esm/kol-tree-item.entry.js +1 -1
- package/dist/esm/kol-tree-item.entry.js.map +1 -1
- package/dist/esm/kol-tree-wc.entry.js +1 -1
- package/dist/esm/kol-tree-wc.entry.js.map +1 -1
- package/dist/esm/kol-tree.entry.js +1 -1
- package/dist/esm/kol-tree.entry.js.map +1 -1
- package/dist/esm/kol-version.entry.js +1 -1
- package/dist/esm/kol-version.entry.js.map +1 -1
- package/dist/esm/kolibri.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/reuse-f46e7e35.js +4 -0
- package/dist/esm/reuse-f46e7e35.js.map +1 -0
- package/dist/esm/test-component.entry.js +1 -1
- package/dist/esm/{tooltip-align-5902aa96.js → tooltip-align-c6eb75ce.js} +1 -1
- package/dist/esm/{tooltip-align-5902aa96.js.map → tooltip-align-c6eb75ce.js.map} +1 -1
- package/dist/esm/tslib.es6-1173d062.js.map +1 -0
- package/dist/kolibri/Alert-cff25992.js +4 -0
- package/dist/kolibri/Alert-cff25992.js.map +1 -0
- package/dist/kolibri/Collapsible-bf53bb8c.js +4 -0
- package/dist/kolibri/Collapsible-bf53bb8c.js.map +1 -0
- package/dist/kolibri/CustomSuggestionsOptionsGroup-5d718c8a.js +4 -0
- package/dist/kolibri/CustomSuggestionsOptionsGroup-5d718c8a.js.map +1 -0
- package/dist/kolibri/FieldControlStateWrapper-fde292ae.js +4 -0
- package/dist/kolibri/FieldControlStateWrapper-fde292ae.js.map +1 -0
- package/dist/kolibri/Heading-ee029adb.js +4 -0
- package/dist/kolibri/Heading-ee029adb.js.map +1 -0
- package/dist/kolibri/Icon-ac50af26.js +4 -0
- package/dist/kolibri/Icon-ac50af26.js.map +1 -0
- package/dist/kolibri/Input-0312721f.js +4 -0
- package/dist/kolibri/Input-0312721f.js.map +1 -0
- package/dist/kolibri/InputStateWrapper-1a92b6c6.js +4 -0
- package/dist/kolibri/InputStateWrapper-1a92b6c6.js.map +1 -0
- package/dist/kolibri/InternalUnderlinedBadgeText-1c8d1c58.js +4 -0
- package/dist/kolibri/InternalUnderlinedBadgeText-1c8d1c58.js.map +1 -0
- package/dist/kolibri/Span-0ba91a5c.js +4 -0
- package/dist/kolibri/Span-0ba91a5c.js.map +1 -0
- package/dist/kolibri/{align-878fb132.js → align-60c95351.js} +1 -1
- package/dist/kolibri/{align-floating-elements-db77d917.js → align-floating-elements-387a1e9b.js} +1 -1
- package/dist/kolibri/app-globals-28eb0e7d.js +4 -0
- package/dist/kolibri/button-variant-87a9d78a.js +4 -0
- package/dist/kolibri/button-variant-87a9d78a.js.map +1 -0
- package/dist/kolibri/callback-2c4e1e78.js +4 -0
- package/dist/kolibri/callback-2c4e1e78.js.map +1 -0
- package/dist/kolibri/{common-0f1f2276.js → common-54bf85ba.js} +1 -1
- package/dist/kolibri/component-names-545d6582.js +4 -0
- package/dist/kolibri/component-names-545d6582.js.map +1 -0
- package/dist/kolibri/controller-43a2b1d8.js +4 -0
- package/dist/kolibri/{controller-4a9a50f2.js.map → controller-43a2b1d8.js.map} +1 -1
- package/dist/kolibri/{controller-a3c1b90d.js → controller-868d4820.js} +1 -1
- package/dist/kolibri/{controller-96d99a72.js → controller-b8f57f13.js} +1 -1
- package/dist/kolibri/{controller-afbd59b5.js → controller-f7cecda9.js} +1 -1
- package/dist/kolibri/controller-icon-5fdeb3bb.js +4 -0
- package/dist/kolibri/controller-icon-5fdeb3bb.js.map +1 -0
- package/dist/kolibri/{dev.utils-0b748391.js → dev.utils-ad5c4301.js} +1 -1
- package/dist/kolibri/devtools-8776d850.js +4 -0
- package/dist/kolibri/{devtools-3291e772.js.map → devtools-8776d850.js.map} +1 -1
- package/dist/kolibri/events-5adf6b62.js +4 -0
- package/dist/kolibri/events-5adf6b62.js.map +1 -0
- package/dist/kolibri/getRenderStates-b9480d6e.js +4 -0
- package/dist/kolibri/getRenderStates-b9480d6e.js.map +1 -0
- package/dist/kolibri/i18n-005310a7.js +4 -0
- package/dist/kolibri/i18n-c120df5c.js +4 -0
- package/dist/kolibri/i18n-c120df5c.js.map +1 -0
- package/dist/kolibri/icons-458eee6a.js +4 -0
- package/dist/kolibri/icons-458eee6a.js.map +1 -0
- package/dist/kolibri/{index-f0de5c73.js → index-4018f86a.js} +2 -2
- package/dist/kolibri/index-4018f86a.js.map +1 -0
- package/dist/kolibri/index.esm.js +1 -1
- package/dist/kolibri/index.esm.js.map +1 -1
- package/dist/kolibri/isObject-ffcbbb76.js +4 -0
- package/dist/kolibri/isObject-ffcbbb76.js.map +1 -0
- package/dist/kolibri/kol-abbr.entry.js +1 -1
- package/dist/kolibri/kol-abbr.entry.js.map +1 -1
- package/dist/kolibri/kol-accordion.entry.js +1 -1
- package/dist/kolibri/kol-accordion.entry.js.map +1 -1
- package/dist/kolibri/kol-alert-wc.entry.js +1 -1
- package/dist/kolibri/kol-alert-wc.entry.js.map +1 -1
- package/dist/kolibri/kol-alert.entry.js +1 -1
- package/dist/kolibri/kol-alert.entry.js.map +1 -1
- package/dist/kolibri/kol-avatar-wc.entry.js +1 -1
- package/dist/kolibri/kol-avatar-wc.entry.js.map +1 -1
- package/dist/kolibri/kol-avatar.entry.js +1 -1
- package/dist/kolibri/kol-avatar.entry.js.map +1 -1
- package/dist/kolibri/kol-badge.entry.js +1 -1
- package/dist/kolibri/kol-badge.entry.js.map +1 -1
- package/dist/kolibri/kol-breadcrumb.entry.js +1 -1
- package/dist/kolibri/kol-breadcrumb.entry.js.map +1 -1
- package/dist/kolibri/kol-button-link.entry.js +1 -1
- package/dist/kolibri/kol-button-link.entry.js.map +1 -1
- package/dist/kolibri/kol-button-wc.entry.js +1 -1
- package/dist/kolibri/kol-button-wc.entry.js.map +1 -1
- package/dist/kolibri/kol-button.entry.js +1 -1
- package/dist/kolibri/kol-button.entry.js.map +1 -1
- package/dist/kolibri/kol-card.entry.js +1 -1
- package/dist/kolibri/kol-card.entry.js.map +1 -1
- package/dist/kolibri/kol-combobox.entry.js +1 -1
- package/dist/kolibri/kol-combobox.entry.js.map +1 -1
- package/dist/kolibri/kol-details.entry.js +1 -1
- package/dist/kolibri/kol-details.entry.js.map +1 -1
- package/dist/kolibri/kol-drawer.entry.js +1 -1
- package/dist/kolibri/kol-drawer.entry.js.map +1 -1
- package/dist/kolibri/kol-form.entry.js +1 -1
- package/dist/kolibri/kol-form.entry.js.map +1 -1
- package/dist/kolibri/kol-heading.entry.js +1 -1
- package/dist/kolibri/kol-heading.entry.js.map +1 -1
- package/dist/kolibri/kol-icon.entry.js +1 -1
- package/dist/kolibri/kol-icon.entry.js.map +1 -1
- package/dist/kolibri/kol-image.entry.js +1 -1
- package/dist/kolibri/kol-image.entry.js.map +1 -1
- package/dist/kolibri/kol-input-checkbox.entry.js +1 -1
- package/dist/kolibri/kol-input-checkbox.entry.js.map +1 -1
- package/dist/kolibri/kol-input-color.entry.js +1 -1
- package/dist/kolibri/kol-input-color.entry.js.map +1 -1
- package/dist/kolibri/kol-input-date.entry.js +1 -1
- package/dist/kolibri/kol-input-date.entry.js.map +1 -1
- package/dist/kolibri/kol-input-email.entry.js +1 -1
- package/dist/kolibri/kol-input-email.entry.js.map +1 -1
- package/dist/kolibri/kol-input-file.entry.js +1 -1
- package/dist/kolibri/kol-input-file.entry.js.map +1 -1
- package/dist/kolibri/kol-input-number.entry.js +1 -1
- package/dist/kolibri/kol-input-number.entry.js.map +1 -1
- package/dist/kolibri/kol-input-password.entry.js +1 -1
- package/dist/kolibri/kol-input-password.entry.js.map +1 -1
- package/dist/kolibri/kol-input-radio.entry.js +1 -1
- package/dist/kolibri/kol-input-radio.entry.js.map +1 -1
- package/dist/kolibri/kol-input-range.entry.js +1 -1
- package/dist/kolibri/kol-input-range.entry.js.map +1 -1
- package/dist/kolibri/kol-input-text.entry.js +1 -1
- package/dist/kolibri/kol-input-text.entry.js.map +1 -1
- package/dist/kolibri/kol-kolibri.entry.js +1 -1
- package/dist/kolibri/kol-kolibri.entry.js.map +1 -1
- package/dist/kolibri/kol-link-button.entry.js +1 -1
- package/dist/kolibri/kol-link-button.entry.js.map +1 -1
- package/dist/kolibri/kol-link-wc.entry.js +1 -1
- package/dist/kolibri/kol-link-wc.entry.js.map +1 -1
- package/dist/kolibri/kol-link.entry.js +1 -1
- package/dist/kolibri/kol-link.entry.js.map +1 -1
- package/dist/kolibri/kol-modal.entry.js +1 -1
- package/dist/kolibri/kol-modal.entry.js.map +1 -1
- package/dist/kolibri/kol-nav.entry.js +1 -1
- package/dist/kolibri/kol-nav.entry.js.map +1 -1
- package/dist/kolibri/kol-pagination.entry.js +1 -1
- package/dist/kolibri/kol-pagination.entry.js.map +1 -1
- package/dist/kolibri/kol-popover-button.entry.js +1 -1
- package/dist/kolibri/kol-popover-button.entry.js.map +1 -1
- package/dist/kolibri/kol-popover-wc.entry.js +1 -1
- package/dist/kolibri/kol-popover-wc.entry.js.map +1 -1
- package/dist/kolibri/kol-progress.entry.js +1 -1
- package/dist/kolibri/kol-progress.entry.js.map +1 -1
- package/dist/kolibri/kol-quote.entry.js +1 -1
- package/dist/kolibri/kol-quote.entry.js.map +1 -1
- package/dist/kolibri/kol-select.entry.js +1 -1
- package/dist/kolibri/kol-select.entry.js.map +1 -1
- package/dist/kolibri/kol-single-select.entry.js +1 -1
- package/dist/kolibri/kol-single-select.entry.js.map +1 -1
- package/dist/kolibri/kol-skip-nav.entry.js +1 -1
- package/dist/kolibri/kol-skip-nav.entry.js.map +1 -1
- package/dist/kolibri/kol-spin.entry.js +1 -1
- package/dist/kolibri/kol-spin.entry.js.map +1 -1
- package/dist/kolibri/kol-split-button.entry.js +1 -1
- package/dist/kolibri/kol-split-button.entry.js.map +1 -1
- package/dist/kolibri/kol-table-stateful.entry.js +1 -1
- package/dist/kolibri/kol-table-stateful.entry.js.map +1 -1
- package/dist/kolibri/kol-table-stateless-wc.entry.js +1 -1
- package/dist/kolibri/kol-table-stateless-wc.entry.js.map +1 -1
- package/dist/kolibri/kol-table-stateless.entry.js +1 -1
- package/dist/kolibri/kol-table-stateless.entry.js.map +1 -1
- package/dist/kolibri/kol-tabs.entry.js +1 -1
- package/dist/kolibri/kol-tabs.entry.js.map +1 -1
- package/dist/kolibri/kol-textarea.entry.js +1 -1
- package/dist/kolibri/kol-textarea.entry.js.map +1 -1
- package/dist/kolibri/kol-toast-container.entry.js +1 -1
- package/dist/kolibri/kol-toast-container.entry.js.map +1 -1
- package/dist/kolibri/kol-toolbar.entry.js +1 -1
- package/dist/kolibri/kol-toolbar.entry.js.map +1 -1
- package/dist/kolibri/kol-tooltip-wc.entry.js +1 -1
- package/dist/kolibri/kol-tooltip-wc.entry.js.map +1 -1
- package/dist/kolibri/kol-tree-item-wc.entry.js +1 -1
- package/dist/kolibri/kol-tree-item-wc.entry.js.map +1 -1
- package/dist/kolibri/kol-tree-item.entry.js +1 -1
- package/dist/kolibri/kol-tree-item.entry.js.map +1 -1
- package/dist/kolibri/kol-tree-wc.entry.js +1 -1
- package/dist/kolibri/kol-tree-wc.entry.js.map +1 -1
- package/dist/kolibri/kol-tree.entry.js +1 -1
- package/dist/kolibri/kol-tree.entry.js.map +1 -1
- package/dist/kolibri/kol-version.entry.js +1 -1
- package/dist/kolibri/kol-version.entry.js.map +1 -1
- package/dist/kolibri/kolibri.esm.js +1 -1
- package/dist/kolibri/kolibri.esm.js.map +1 -1
- package/dist/kolibri/reuse-f46e7e35.js +4 -0
- package/dist/kolibri/reuse-f46e7e35.js.map +1 -0
- package/dist/kolibri/test-component.entry.js +1 -1
- package/dist/kolibri/tooltip-align-c6eb75ce.js +4 -0
- package/dist/kolibri/tslib.es6-1173d062.js.map +1 -0
- package/dist/types/components/@deprecated/input/controller-icon.d.ts +2 -2
- package/dist/types/components/@deprecated/input/controller.d.ts +3 -3
- package/dist/types/components/@deprecated/input/types-icon.d.ts +4 -2
- package/dist/types/components/@deprecated/input/types.d.ts +1 -2
- package/dist/types/components/abbr/shadow.d.ts +2 -5
- package/dist/types/components/accordion/shadow.d.ts +1 -1
- package/dist/types/components/alert/component.d.ts +1 -0
- package/dist/types/components/badge/shadow.d.ts +1 -0
- package/dist/types/components/button/component.d.ts +1 -0
- package/dist/types/components/button/shadow.d.ts +0 -2
- package/dist/types/components/button-link/shadow.d.ts +0 -2
- package/dist/types/components/card/shadow.d.ts +2 -1
- package/dist/types/components/combobox/shadow.d.ts +7 -9
- package/dist/types/components/component-list.d.ts +16 -2
- package/dist/types/components/details/shadow.d.ts +1 -2
- package/dist/types/components/drawer/shadow.d.ts +5 -5
- package/dist/types/components/form/shadow.d.ts +1 -0
- package/dist/types/components/heading/shadow.d.ts +9 -3
- package/dist/types/components/input/controller.d.ts +1 -1
- package/dist/types/components/input/types.d.ts +3 -2
- package/dist/types/components/input-adapter-leanup/controller.d.ts +0 -1
- package/dist/types/components/input-adapter-leanup/types.d.ts +0 -1
- package/dist/types/components/input-checkbox/shadow.d.ts +7 -11
- package/dist/types/components/input-color/shadow.d.ts +18 -13
- package/dist/types/components/input-date/shadow.d.ts +9 -12
- package/dist/types/components/input-email/shadow.d.ts +7 -12
- package/dist/types/components/input-file/controller.d.ts +0 -1
- package/dist/types/components/input-file/shadow.d.ts +12 -14
- package/dist/types/components/input-number/shadow.d.ts +14 -18
- package/dist/types/components/input-password/shadow.d.ts +8 -12
- package/dist/types/components/input-radio/shadow.d.ts +7 -11
- package/dist/types/components/input-range/shadow.d.ts +10 -12
- package/dist/types/components/input-text/shadow.d.ts +9 -12
- package/dist/types/components/link/component.d.ts +6 -1
- package/dist/types/components/link/shadow.d.ts +0 -2
- package/dist/types/components/link-button/shadow.d.ts +0 -2
- package/dist/types/components/modal/shadow.d.ts +5 -3
- package/dist/types/components/pagination/shadow.d.ts +1 -0
- package/dist/types/components/select/shadow.d.ts +8 -12
- package/dist/types/components/single-select/shadow.d.ts +8 -9
- package/dist/types/components/split-button/shadow.d.ts +0 -1
- package/dist/types/components/table-stateful/shadow.d.ts +3 -6
- package/dist/types/components/table-stateless/component.d.ts +9 -2
- package/dist/types/components/table-stateless/shadow.d.ts +3 -2
- package/dist/types/components/textarea/shadow.d.ts +7 -12
- package/dist/types/components.d.ts +215 -1299
- package/dist/types/core/component-names.d.ts +1 -11
- package/dist/types/e2e/index.d.ts +1 -0
- package/dist/types/e2e/input-callbacks-and-events.d.ts +9 -0
- package/dist/types/e2e/input-value-reflection.d.ts +5 -0
- package/dist/types/e2e/utils/FillAction.d.ts +4 -0
- package/dist/types/e2e/utils/inputsSelector.d.ts +2 -0
- package/dist/types/functional-component-wrappers/CheckboxStateWrapper/CheckboxStateWrapper.d.ts +10 -0
- package/dist/types/functional-component-wrappers/CheckboxStateWrapper/index.d.ts +1 -0
- package/dist/types/functional-component-wrappers/FieldControlStateWrapper/FieldControlStateWrapper.d.ts +9 -0
- package/dist/types/functional-component-wrappers/FieldControlStateWrapper/index.d.ts +1 -0
- package/dist/types/functional-component-wrappers/FormFieldStateWrapper/FormFieldStateWrapper.d.ts +9 -0
- package/dist/types/functional-component-wrappers/FormFieldStateWrapper/index.d.ts +1 -0
- package/dist/types/functional-component-wrappers/InputContainerStateWrapper/InputContainerStateWrapper.d.ts +9 -0
- package/dist/types/functional-component-wrappers/InputContainerStateWrapper/index.d.ts +1 -0
- package/dist/types/functional-component-wrappers/InputStateWrapper/InputStateWrapper.d.ts +10 -0
- package/dist/types/functional-component-wrappers/InputStateWrapper/index.d.ts +1 -0
- package/dist/types/functional-component-wrappers/SelectStateWrapper/SelectStateWrapper.d.ts +8 -0
- package/dist/types/functional-component-wrappers/SelectStateWrapper/index.d.ts +1 -0
- package/dist/types/functional-component-wrappers/TextAreaStateWrapper/TextAreaStateWrapper.d.ts +8 -0
- package/dist/types/functional-component-wrappers/TextAreaStateWrapper/index.d.ts +1 -0
- package/dist/types/functional-component-wrappers/_helpers/getRenderStates.d.ts +11 -0
- package/dist/types/functional-components/Alert/Alert.d.ts +1 -1
- package/dist/types/functional-components/Button/Button.d.ts +9 -0
- package/dist/types/functional-components/Button/index.d.ts +1 -0
- package/dist/types/functional-components/Button/tests/snapshot.test.d.ts +1 -0
- package/dist/types/functional-components/Collapsible/Collapsible.d.ts +1 -1
- package/dist/types/functional-components/CustomSuggestionsOption/CustomSuggestionsOption.d.ts +11 -0
- package/dist/types/functional-components/CustomSuggestionsOption/index.d.ts +1 -0
- package/dist/types/functional-components/CustomSuggestionsOption/test/snapshot.test.d.ts +1 -0
- package/dist/types/functional-components/CustomSuggestionsOptionsGroup/CustomSuggestionsOptionsGroup.d.ts +7 -0
- package/dist/types/functional-components/CustomSuggestionsOptionsGroup/index.d.ts +1 -0
- package/dist/types/functional-components/CustomSuggestionsOptionsGroup/test/snapshot.test.d.ts +1 -0
- package/dist/types/functional-components/CustomSuggestionsToggle/CustomSuggestionsToggle.d.ts +7 -0
- package/dist/types/functional-components/CustomSuggestionsToggle/index.d.ts +1 -0
- package/dist/types/functional-components/CustomSuggestionsToggle/test/snapshot.test.d.ts +1 -0
- package/dist/types/functional-components/FieldControl/FieldControl.d.ts +31 -0
- package/dist/types/functional-components/FieldControl/index.d.ts +1 -0
- package/dist/types/functional-components/FormField/FormField.d.ts +41 -0
- package/dist/types/functional-components/FormField/index.d.ts +1 -0
- package/dist/types/functional-components/FormField/tests/snapshot.test.d.ts +1 -0
- package/dist/types/functional-components/FormFieldCounter/FormFieldCounter.d.ts +8 -0
- package/dist/types/functional-components/FormFieldCounter/index.d.ts +1 -0
- package/dist/types/functional-components/FormFieldCounter/tests/snapshot.test.d.ts +1 -0
- package/dist/types/functional-components/FormFieldHint/FormFieldHint.d.ts +8 -0
- package/dist/types/functional-components/FormFieldHint/index.d.ts +1 -0
- package/dist/types/functional-components/FormFieldHint/tests/snapshot.test.d.ts +1 -0
- package/dist/types/functional-components/FormFieldLabel/FormFieldLabel.d.ts +18 -0
- package/dist/types/functional-components/FormFieldLabel/index.d.ts +1 -0
- package/dist/types/functional-components/FormFieldLabel/tests/snapshot.test.d.ts +1 -0
- package/dist/types/functional-components/FormFieldMsg/FormFieldMsg.d.ts +7 -6
- package/dist/types/functional-components/FormFieldMsg/tests/snapshort.test.d.ts +1 -0
- package/dist/types/functional-components/FormFieldTooltip/FormFieldTooltip.d.ts +12 -0
- package/dist/types/functional-components/FormFieldTooltip/index.d.ts +1 -0
- package/dist/types/functional-components/FormFieldTooltip/tests/snapshort.test.d.ts +1 -0
- package/dist/types/functional-components/Heading/Heading.d.ts +21 -0
- package/dist/types/functional-components/Heading/index.d.ts +1 -0
- package/dist/types/functional-components/Heading/test/Heading.test.d.ts +1 -0
- package/dist/types/functional-components/Heading/test/snapshot.test.d.ts +1 -0
- package/dist/types/functional-components/Icon/Icon.d.ts +11 -0
- package/dist/types/functional-components/Icon/index.d.ts +1 -0
- package/dist/types/functional-components/Icon/tests/snapshot.test.d.ts +1 -0
- package/dist/types/functional-components/IconButton/IconButton.d.ts +19 -0
- package/dist/types/functional-components/IconButton/index.d.ts +1 -0
- package/dist/types/functional-components/IconButton/tests/snapshot.test.d.ts +1 -0
- package/dist/types/functional-components/InputAdornment/InputAdornment.d.ts +7 -0
- package/dist/types/functional-components/InputAdornment/index.d.ts +1 -0
- package/dist/types/functional-components/InputAdornment/tests/snapshot.test.d.ts +1 -0
- package/dist/types/functional-components/InputContainer/InputContainer.d.ts +16 -0
- package/dist/types/functional-components/InputContainer/index.d.ts +1 -0
- package/dist/types/functional-components/InputContainer/tests/snapshot.test.d.ts +1 -0
- package/dist/types/functional-components/InternalUnderlinedBadgeText/InternalUnderlinedBadgeText.d.ts +8 -0
- package/dist/types/functional-components/InternalUnderlinedBadgeText/index.d.ts +1 -0
- package/dist/types/functional-components/Span/IconHelper.d.ts +6 -0
- package/dist/types/functional-components/Span/LabelHelper.d.ts +9 -0
- package/dist/types/functional-components/Span/Span.d.ts +12 -0
- package/dist/types/functional-components/Span/SpanCoreHelper.d.ts +9 -0
- package/dist/types/functional-components/Span/index.d.ts +1 -0
- package/dist/types/functional-components/Span/test/snapshot.test.d.ts +1 -0
- package/dist/types/functional-components/Suggestions/Suggestions.d.ts +9 -0
- package/dist/types/functional-components/Suggestions/index.d.ts +1 -0
- package/dist/types/functional-components/Suggestions/tests/snapshot.test.d.ts +1 -0
- package/dist/types/functional-components/ToastItem/ToastItem.d.ts +10 -0
- package/dist/types/functional-components/ToastItem/index.d.ts +1 -0
- package/dist/types/functional-components/ToastItem/tests/snapshot.test.d.ts +1 -0
- package/dist/types/functional-components/index.d.ts +1 -1
- package/dist/types/functional-components/inputs/Checkbox/Checkbox.d.ts +10 -0
- package/dist/types/functional-components/inputs/Checkbox/index.d.ts +1 -0
- package/dist/types/functional-components/inputs/Combobox/Combobox.d.ts +10 -0
- package/dist/types/functional-components/inputs/Input/Input.d.ts +16 -0
- package/dist/types/functional-components/inputs/Input/index.d.ts +1 -0
- package/dist/types/functional-components/inputs/Input/tests/snapshot.test.d.ts +1 -0
- package/dist/types/functional-components/inputs/NativeOption/NativeOption.d.ts +12 -0
- package/dist/types/functional-components/inputs/NativeOption/index.d.ts +1 -0
- package/dist/types/functional-components/inputs/NativeOption/tests/snapshot.test.d.ts +1 -0
- package/dist/types/functional-components/inputs/NativeOptionList/NativeOptionList.d.ts +14 -0
- package/dist/types/functional-components/inputs/NativeOptionList/index.d.ts +1 -0
- package/dist/types/functional-components/inputs/NativeOptionList/tests/snapshot.test.d.ts +1 -0
- package/dist/types/functional-components/inputs/NativeSelect/NativeSelect.d.ts +12 -0
- package/dist/types/functional-components/inputs/NativeSelect/index.d.ts +1 -0
- package/dist/types/functional-components/inputs/NativeSelect/tests/snapshot.test.d.ts +1 -0
- package/dist/types/functional-components/inputs/TextArea/TextArea.d.ts +11 -0
- package/dist/types/functional-components/inputs/TextArea/index.d.ts +1 -0
- package/dist/types/functional-components/inputs/TextArea/tests/snapshot.test.d.ts +1 -0
- package/dist/types/functional-components/inputs/_helpers/getDefaultProps.d.ts +11 -0
- package/dist/types/functional-components/inputs/_helpers/getDefaultProps.test.d.ts +1 -0
- package/dist/types/functional-components/inputs/_types/index.d.ts +6 -0
- package/dist/types/index.d.ts +1 -0
- package/dist/types/locales/de.d.ts +2 -0
- package/dist/types/locales/en.d.ts +2 -0
- package/dist/types/schema/components/abbr.d.ts +3 -3
- package/dist/types/schema/components/badge.d.ts +5 -3
- package/dist/types/schema/components/button.d.ts +1 -0
- package/dist/types/schema/components/combobox.d.ts +7 -8
- package/dist/types/schema/components/form.d.ts +3 -3
- package/dist/types/schema/components/icon.d.ts +1 -0
- package/dist/types/schema/components/index.d.ts +1 -1
- package/dist/types/schema/components/input-checkbox.d.ts +3 -8
- package/dist/types/schema/components/input-color.d.ts +7 -10
- package/dist/types/schema/components/input-date.d.ts +6 -8
- package/dist/types/schema/components/input-email.d.ts +7 -10
- package/dist/types/schema/components/input-file.d.ts +7 -12
- package/dist/types/schema/components/input-number.d.ts +6 -8
- package/dist/types/schema/components/input-password.d.ts +8 -11
- package/dist/types/schema/components/input-radio.d.ts +3 -8
- package/dist/types/schema/components/input-range.d.ts +7 -10
- package/dist/types/schema/components/input-text.d.ts +7 -10
- package/dist/types/schema/components/input.d.ts +4 -4
- package/dist/types/schema/components/link-button.d.ts +2 -2
- package/dist/types/schema/components/link.d.ts +2 -2
- package/dist/types/schema/components/modal.d.ts +3 -4
- package/dist/types/schema/components/pagination.d.ts +2 -2
- package/dist/types/schema/components/select.d.ts +8 -10
- package/dist/types/schema/components/single-select.d.ts +7 -9
- package/dist/types/schema/components/table.d.ts +7 -16
- package/dist/types/schema/components/tableStateless.d.ts +5 -8
- package/dist/types/schema/components/tabs.d.ts +3 -3
- package/dist/types/schema/components/textarea.d.ts +8 -12
- package/dist/types/schema/components/toaster.d.ts +0 -2
- package/dist/types/schema/enums/{events.d.ts → callback.d.ts} +6 -4
- package/dist/types/schema/enums/index.d.ts +1 -1
- package/dist/types/schema/index.d.ts +1 -1
- package/dist/types/schema/interfaces/EventDetail.d.ts +4 -0
- package/dist/types/schema/props/accordion-callbacks.d.ts +2 -2
- package/dist/types/schema/props/alert.d.ts +0 -2
- package/dist/types/schema/props/button-callbacks.d.ts +3 -3
- package/dist/types/schema/props/details-callbacks.d.ts +2 -2
- package/dist/types/schema/props/hide-msg.d.ts +7 -0
- package/dist/types/schema/props/icons.d.ts +1 -5
- package/dist/types/schema/props/index.d.ts +1 -1
- package/dist/types/schema/props/link-on-callbacks.d.ts +2 -2
- package/dist/types/schema/props/min-width.d.ts +7 -0
- package/dist/types/schema/props/msg.d.ts +6 -1
- package/dist/types/schema/props/popover-callbacks.d.ts +2 -2
- package/dist/types/schema/props/table-callbacks.d.ts +4 -4
- package/dist/types/schema/props/variant/modal.d.ts +8 -0
- package/dist/types/schema/tag-names.d.ts +45 -48
- package/dist/types/schema/types/icons.d.ts +1 -5
- package/dist/types/schema/types/input/control/number.d.ts +4 -6
- package/dist/types/schema/types/input/types.d.ts +6 -6
- package/dist/types/schema/types/table.d.ts +1 -1
- package/dist/types/utils/events.d.ts +19 -5
- package/doc/abbr.md +7 -48
- package/doc/accordion.md +1 -118
- package/doc/alert.md +2 -86
- package/doc/avatar.md +1 -45
- package/doc/badge.md +1 -96
- package/doc/breadcrumb.md +1 -84
- package/doc/button-link.md +1 -59
- package/doc/button.md +1 -128
- package/doc/card.md +2 -66
- package/doc/combobox.md +21 -72
- package/doc/components.md +1 -1
- package/doc/details.md +1 -99
- package/doc/drawer.md +1 -127
- package/doc/form.md +1 -21
- package/doc/heading.md +5 -38
- package/doc/icon.md +1 -43
- package/doc/image.md +1 -51
- package/doc/input-checkbox.md +26 -116
- package/doc/input-color.md +21 -77
- package/doc/input-date.md +27 -138
- package/doc/input-email.md +28 -105
- package/doc/input-file.md +21 -98
- package/doc/input-number.md +27 -95
- package/doc/input-password.md +27 -96
- package/doc/input-radio.md +20 -129
- package/doc/input-range.md +23 -110
- package/doc/input-text.md +29 -121
- package/doc/kolibri.md +1 -18
- package/doc/link-button.md +1 -37
- package/doc/link.md +1 -82
- package/doc/modal.md +7 -97
- package/doc/nav.md +1 -110
- package/doc/pagination.md +1 -42
- package/doc/progress.md +1 -41
- package/doc/quote.md +1 -63
- package/doc/select.md +23 -148
- package/doc/single-select.md +21 -51
- package/doc/skip-nav.md +1 -50
- package/doc/spin.md +1 -113
- package/doc/split-button.md +1 -25
- package/doc/table-stateful.md +13 -200
- package/doc/table-stateless.md +10 -81
- package/doc/tabs.md +1 -89
- package/doc/textarea.md +5 -90
- package/doc/toaster.md +4 -74
- package/doc/toolbar.md +1 -46
- package/doc/tree-item.md +1 -3
- package/doc/tree.md +1 -70
- package/doc/version.md +1 -23
- package/package.json +2 -1
- package/vscode-custom-data.json +146 -522
- package/dist/cjs/Alert-75d85d8a.js +0 -4
- package/dist/cjs/Alert-75d85d8a.js.map +0 -1
- package/dist/cjs/Collapsible-17d8df23.js +0 -4
- package/dist/cjs/Collapsible-17d8df23.js.map +0 -1
- package/dist/cjs/FormFieldMsg-5ce558f2.js +0 -4
- package/dist/cjs/FormFieldMsg-5ce558f2.js.map +0 -1
- package/dist/cjs/InternalUnderlinedBadgeText-baf02c90.js +0 -4
- package/dist/cjs/InternalUnderlinedBadgeText-baf02c90.js.map +0 -1
- package/dist/cjs/aria-expanded-7d8d2aca.js.map +0 -1
- package/dist/cjs/badge-text-8d3864bd.js +0 -4
- package/dist/cjs/badge-text-8d3864bd.js.map +0 -1
- package/dist/cjs/bund-4be96755.js +0 -4
- package/dist/cjs/bund-4be96755.js.map +0 -1
- package/dist/cjs/component-names-2c750b1b.js +0 -4
- package/dist/cjs/component-names-2c750b1b.js.map +0 -1
- package/dist/cjs/controller-4c62765f.js +0 -4
- package/dist/cjs/controller-4c62765f.js.map +0 -1
- package/dist/cjs/controller-91763b20.js +0 -4
- package/dist/cjs/controller-ee67ec39.js +0 -4
- package/dist/cjs/controller-icon-b978babc.js +0 -4
- package/dist/cjs/controller-icon-b978babc.js.map +0 -1
- package/dist/cjs/events-221fcb43.js +0 -4
- package/dist/cjs/events-221fcb43.js.map +0 -1
- package/dist/cjs/events-275a2a5e.js +0 -4
- package/dist/cjs/events-275a2a5e.js.map +0 -1
- package/dist/cjs/i18n-737701e2.js +0 -4
- package/dist/cjs/i18n-737701e2.js.map +0 -1
- package/dist/cjs/icons-f0f3f9c5.js.map +0 -1
- package/dist/cjs/index-399c8b52.js +0 -4
- package/dist/cjs/kol-button-group-wc.cjs.entry.js +0 -4
- package/dist/cjs/kol-button-group-wc.cjs.entry.js.map +0 -1
- package/dist/cjs/kol-button-group.cjs.entry.js +0 -4
- package/dist/cjs/kol-button-group.cjs.entry.js.map +0 -1
- package/dist/cjs/kol-heading-wc.cjs.entry.js +0 -4
- package/dist/cjs/kol-heading-wc.cjs.entry.js.map +0 -1
- package/dist/cjs/kol-indented-text-wc.cjs.entry.js +0 -4
- package/dist/cjs/kol-indented-text-wc.cjs.entry.js.map +0 -1
- package/dist/cjs/kol-indented-text.cjs.entry.js +0 -4
- package/dist/cjs/kol-indented-text.cjs.entry.js.map +0 -1
- package/dist/cjs/kol-input.cjs.entry.js +0 -4
- package/dist/cjs/kol-input.cjs.entry.js.map +0 -1
- package/dist/cjs/kol-link-group.cjs.entry.js +0 -4
- package/dist/cjs/kol-link-group.cjs.entry.js.map +0 -1
- package/dist/cjs/kol-logo.cjs.entry.js +0 -4
- package/dist/cjs/kol-logo.cjs.entry.js.map +0 -1
- package/dist/cjs/kol-span-wc.cjs.entry.js +0 -4
- package/dist/cjs/kol-span-wc.cjs.entry.js.map +0 -1
- package/dist/cjs/kol-symbol.cjs.entry.js +0 -4
- package/dist/cjs/kol-symbol.cjs.entry.js.map +0 -1
- package/dist/cjs/kol-table.cjs.entry.js +0 -4
- package/dist/cjs/kol-table.cjs.entry.js.map +0 -1
- package/dist/cjs/reuse-8cfefa9b.js +0 -4
- package/dist/cjs/reuse-8cfefa9b.js.map +0 -1
- package/dist/cjs/tslib.es6-16e4524f.js.map +0 -1
- package/dist/components/FormFieldMsg.js +0 -4
- package/dist/components/FormFieldMsg.js.map +0 -1
- package/dist/components/aria-expanded.js.map +0 -1
- package/dist/components/badge-text.js +0 -4
- package/dist/components/badge-text.js.map +0 -1
- package/dist/components/bund.js +0 -4
- package/dist/components/bund.js.map +0 -1
- package/dist/components/controller-icon.js +0 -4
- package/dist/components/controller-icon.js.map +0 -1
- package/dist/components/controller5.js +0 -4
- package/dist/components/controller5.js.map +0 -1
- package/dist/components/events2.js +0 -4
- package/dist/components/events2.js.map +0 -1
- package/dist/components/kol-button-group-wc.d.ts +0 -11
- package/dist/components/kol-button-group-wc.js +0 -4
- package/dist/components/kol-button-group-wc.js.map +0 -1
- package/dist/components/kol-button-group.d.ts +0 -11
- package/dist/components/kol-button-group.js +0 -4
- package/dist/components/kol-button-group.js.map +0 -1
- package/dist/components/kol-heading-wc.d.ts +0 -11
- package/dist/components/kol-heading-wc.js +0 -4
- package/dist/components/kol-heading-wc.js.map +0 -1
- package/dist/components/kol-indented-text-wc.d.ts +0 -11
- package/dist/components/kol-indented-text-wc.js +0 -4
- package/dist/components/kol-indented-text-wc.js.map +0 -1
- package/dist/components/kol-indented-text.d.ts +0 -11
- package/dist/components/kol-indented-text.js +0 -4
- package/dist/components/kol-indented-text.js.map +0 -1
- package/dist/components/kol-input.d.ts +0 -11
- package/dist/components/kol-input.js +0 -4
- package/dist/components/kol-input.js.map +0 -1
- package/dist/components/kol-link-group.d.ts +0 -11
- package/dist/components/kol-link-group.js +0 -4
- package/dist/components/kol-link-group.js.map +0 -1
- package/dist/components/kol-logo.d.ts +0 -11
- package/dist/components/kol-logo.js +0 -4
- package/dist/components/kol-logo.js.map +0 -1
- package/dist/components/kol-span-wc.d.ts +0 -11
- package/dist/components/kol-span-wc.js +0 -4
- package/dist/components/kol-span-wc.js.map +0 -1
- package/dist/components/kol-symbol.d.ts +0 -11
- package/dist/components/kol-symbol.js +0 -4
- package/dist/components/kol-symbol.js.map +0 -1
- package/dist/components/kol-table.d.ts +0 -11
- package/dist/components/kol-table.js +0 -4
- package/dist/components/kol-table.js.map +0 -1
- package/dist/esm/Alert-6efb8352.js +0 -4
- package/dist/esm/Alert-6efb8352.js.map +0 -1
- package/dist/esm/Collapsible-9a236c55.js +0 -4
- package/dist/esm/Collapsible-9a236c55.js.map +0 -1
- package/dist/esm/FormFieldMsg-02436ede.js +0 -4
- package/dist/esm/FormFieldMsg-02436ede.js.map +0 -1
- package/dist/esm/InternalUnderlinedBadgeText-6a05da16.js +0 -4
- package/dist/esm/InternalUnderlinedBadgeText-6a05da16.js.map +0 -1
- package/dist/esm/aria-expanded-9f877821.js.map +0 -1
- package/dist/esm/badge-text-65c680b2.js +0 -4
- package/dist/esm/badge-text-65c680b2.js.map +0 -1
- package/dist/esm/bund-ad41b762.js +0 -4
- package/dist/esm/bund-ad41b762.js.map +0 -1
- package/dist/esm/component-names-6ca7e863.js +0 -4
- package/dist/esm/component-names-6ca7e863.js.map +0 -1
- package/dist/esm/controller-1a0e05c9.js +0 -4
- package/dist/esm/controller-1a0e05c9.js.map +0 -1
- package/dist/esm/controller-4a9a50f2.js +0 -4
- package/dist/esm/controller-icon-f9b7e1f9.js +0 -4
- package/dist/esm/controller-icon-f9b7e1f9.js.map +0 -1
- package/dist/esm/events-29e84d75.js +0 -4
- package/dist/esm/events-29e84d75.js.map +0 -1
- package/dist/esm/events-5b899bd2.js +0 -4
- package/dist/esm/events-5b899bd2.js.map +0 -1
- package/dist/esm/i18n-7ea9f137.js +0 -4
- package/dist/esm/i18n-7ea9f137.js.map +0 -1
- package/dist/esm/icons-c857b77d.js +0 -4
- package/dist/esm/icons-c857b77d.js.map +0 -1
- package/dist/esm/index-f0de5c73.js +0 -4
- package/dist/esm/kol-button-group-wc.entry.js +0 -4
- package/dist/esm/kol-button-group-wc.entry.js.map +0 -1
- package/dist/esm/kol-button-group.entry.js +0 -4
- package/dist/esm/kol-button-group.entry.js.map +0 -1
- package/dist/esm/kol-heading-wc.entry.js +0 -4
- package/dist/esm/kol-heading-wc.entry.js.map +0 -1
- package/dist/esm/kol-indented-text-wc.entry.js +0 -4
- package/dist/esm/kol-indented-text-wc.entry.js.map +0 -1
- package/dist/esm/kol-indented-text.entry.js +0 -4
- package/dist/esm/kol-indented-text.entry.js.map +0 -1
- package/dist/esm/kol-input.entry.js +0 -4
- package/dist/esm/kol-input.entry.js.map +0 -1
- package/dist/esm/kol-link-group.entry.js +0 -4
- package/dist/esm/kol-link-group.entry.js.map +0 -1
- package/dist/esm/kol-logo.entry.js +0 -4
- package/dist/esm/kol-logo.entry.js.map +0 -1
- package/dist/esm/kol-span-wc.entry.js +0 -4
- package/dist/esm/kol-span-wc.entry.js.map +0 -1
- package/dist/esm/kol-symbol.entry.js +0 -4
- package/dist/esm/kol-symbol.entry.js.map +0 -1
- package/dist/esm/kol-table.entry.js +0 -4
- package/dist/esm/kol-table.entry.js.map +0 -1
- package/dist/esm/reuse-32931294.js +0 -4
- package/dist/esm/reuse-32931294.js.map +0 -1
- package/dist/esm/tslib.es6-2e5096f8.js.map +0 -1
- package/dist/kolibri/Alert-6efb8352.js +0 -4
- package/dist/kolibri/Alert-6efb8352.js.map +0 -1
- package/dist/kolibri/Collapsible-9a236c55.js +0 -4
- package/dist/kolibri/Collapsible-9a236c55.js.map +0 -1
- package/dist/kolibri/FormFieldMsg-02436ede.js +0 -4
- package/dist/kolibri/FormFieldMsg-02436ede.js.map +0 -1
- package/dist/kolibri/InternalUnderlinedBadgeText-6a05da16.js +0 -4
- package/dist/kolibri/InternalUnderlinedBadgeText-6a05da16.js.map +0 -1
- package/dist/kolibri/app-globals-3e243dfb.js +0 -4
- package/dist/kolibri/aria-expanded-9f877821.js +0 -4
- package/dist/kolibri/aria-expanded-9f877821.js.map +0 -1
- package/dist/kolibri/badge-text-65c680b2.js +0 -4
- package/dist/kolibri/badge-text-65c680b2.js.map +0 -1
- package/dist/kolibri/bund-ad41b762.js +0 -4
- package/dist/kolibri/bund-ad41b762.js.map +0 -1
- package/dist/kolibri/component-names-6ca7e863.js +0 -4
- package/dist/kolibri/component-names-6ca7e863.js.map +0 -1
- package/dist/kolibri/controller-1a0e05c9.js +0 -4
- package/dist/kolibri/controller-1a0e05c9.js.map +0 -1
- package/dist/kolibri/controller-4a9a50f2.js +0 -4
- package/dist/kolibri/controller-icon-f9b7e1f9.js +0 -4
- package/dist/kolibri/controller-icon-f9b7e1f9.js.map +0 -1
- package/dist/kolibri/devtools-3291e772.js +0 -4
- package/dist/kolibri/events-29e84d75.js +0 -4
- package/dist/kolibri/events-29e84d75.js.map +0 -1
- package/dist/kolibri/events-5b899bd2.js +0 -4
- package/dist/kolibri/events-5b899bd2.js.map +0 -1
- package/dist/kolibri/i18n-5fe08f1c.js +0 -4
- package/dist/kolibri/i18n-7ea9f137.js +0 -4
- package/dist/kolibri/i18n-7ea9f137.js.map +0 -1
- package/dist/kolibri/icons-c857b77d.js +0 -4
- package/dist/kolibri/icons-c857b77d.js.map +0 -1
- package/dist/kolibri/index-f0de5c73.js.map +0 -1
- package/dist/kolibri/kol-button-group-wc.entry.js +0 -4
- package/dist/kolibri/kol-button-group-wc.entry.js.map +0 -1
- package/dist/kolibri/kol-button-group.entry.js +0 -4
- package/dist/kolibri/kol-button-group.entry.js.map +0 -1
- package/dist/kolibri/kol-heading-wc.entry.js +0 -4
- package/dist/kolibri/kol-heading-wc.entry.js.map +0 -1
- package/dist/kolibri/kol-indented-text-wc.entry.js +0 -4
- package/dist/kolibri/kol-indented-text-wc.entry.js.map +0 -1
- package/dist/kolibri/kol-indented-text.entry.js +0 -4
- package/dist/kolibri/kol-indented-text.entry.js.map +0 -1
- package/dist/kolibri/kol-input.entry.js +0 -4
- package/dist/kolibri/kol-input.entry.js.map +0 -1
- package/dist/kolibri/kol-link-group.entry.js +0 -4
- package/dist/kolibri/kol-link-group.entry.js.map +0 -1
- package/dist/kolibri/kol-logo.entry.js +0 -4
- package/dist/kolibri/kol-logo.entry.js.map +0 -1
- package/dist/kolibri/kol-span-wc.entry.js +0 -4
- package/dist/kolibri/kol-span-wc.entry.js.map +0 -1
- package/dist/kolibri/kol-symbol.entry.js +0 -4
- package/dist/kolibri/kol-symbol.entry.js.map +0 -1
- package/dist/kolibri/kol-table.entry.js +0 -4
- package/dist/kolibri/kol-table.entry.js.map +0 -1
- package/dist/kolibri/reuse-32931294.js +0 -4
- package/dist/kolibri/reuse-32931294.js.map +0 -1
- package/dist/kolibri/tooltip-align-5902aa96.js +0 -4
- package/dist/kolibri/tslib.es6-2e5096f8.js.map +0 -1
- package/dist/types/components/button-group/component.d.ts +0 -6
- package/dist/types/components/button-group/shadow.d.ts +0 -5
- package/dist/types/components/heading/component.d.ts +0 -17
- package/dist/types/components/indented-text/component.d.ts +0 -6
- package/dist/types/components/indented-text/shadow.d.ts +0 -5
- package/dist/types/components/input/component.d.ts +0 -35
- package/dist/types/components/link-group/shadow.d.ts +0 -17
- package/dist/types/components/logo/shadow.d.ts +0 -10
- package/dist/types/components/logo/types.d.ts +0 -11
- package/dist/types/components/span/InternalUnderlinedBadgeText.d.ts +0 -7
- package/dist/types/components/span/component.d.ts +0 -17
- package/dist/types/components/symbol/component.d.ts +0 -11
- package/dist/types/components/table/shadow.d.ts +0 -15
- package/dist/types/components/toaster/InternalToast.d.ts +0 -9
- package/dist/types/schema/components/button-group.d.ts +0 -9
- package/dist/types/schema/components/indented-text.d.ts +0 -9
- package/dist/types/schema/components/link-group.d.ts +0 -22
- package/dist/types/schema/components/symbol.d.ts +0 -12
- package/dist/types/schema/props/hide-error.d.ts +0 -7
- package/doc/button-group.md +0 -96
- package/doc/indented-text.md +0 -52
- package/doc/link-group.md +0 -98
- package/doc/logo.md +0 -67
- package/doc/popover.md +0 -26
- package/doc/span.md +0 -32
- package/doc/symbol.md +0 -44
- package/doc/table.md +0 -201
- package/doc/tooltip.md +0 -47
- /package/dist/cjs/{tslib.es6-16e4524f.js → tslib.es6-5e301284.js} +0 -0
- /package/dist/esm/{tslib.es6-2e5096f8.js → tslib.es6-1173d062.js} +0 -0
- /package/dist/kolibri/{align-878fb132.js.map → align-60c95351.js.map} +0 -0
- /package/dist/kolibri/{align-floating-elements-db77d917.js.map → align-floating-elements-387a1e9b.js.map} +0 -0
- /package/dist/kolibri/{app-globals-3e243dfb.js.map → app-globals-28eb0e7d.js.map} +0 -0
- /package/dist/kolibri/{common-0f1f2276.js.map → common-54bf85ba.js.map} +0 -0
- /package/dist/kolibri/{controller-a3c1b90d.js.map → controller-868d4820.js.map} +0 -0
- /package/dist/kolibri/{controller-96d99a72.js.map → controller-b8f57f13.js.map} +0 -0
- /package/dist/kolibri/{controller-afbd59b5.js.map → controller-f7cecda9.js.map} +0 -0
- /package/dist/kolibri/{dev.utils-0b748391.js.map → dev.utils-ad5c4301.js.map} +0 -0
- /package/dist/kolibri/{i18n-5fe08f1c.js.map → i18n-005310a7.js.map} +0 -0
- /package/dist/kolibri/{tooltip-align-5902aa96.js.map → tooltip-align-c6eb75ce.js.map} +0 -0
- /package/dist/kolibri/{tslib.es6-2e5096f8.js → tslib.es6-1173d062.js} +0 -0
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["defaultStyleCss","KolSplitButtonDefaultStyle0","KolSplitButton","this","clickButtonHandler","onClick","
|
1
|
+
{"version":3,"names":["defaultStyleCss","KolSplitButtonDefaultStyle0","KolSplitButton","this","clickButtonHandler","onClick","event","stopPropagation","_a","_on","_b","_value","toggleDropdown","clickToggleHandler","state","Object","assign","_show","handleOnClose","render","i18nDropdownLabel","h","key","class","KolButtonWcTag","clsx","_variant","_customClass","length","_ariaControls","_ariaExpanded","_ariaSelected","_disabled","_icons","_hideLabel","_label","_name","_role","_syncValueBySelector","_tooltipAlign","_type","translate","KolPopoverWcTag","onClose","_align","closePopup","Promise","resolve"],"sources":["src/components/split-button/style.scss?tag=kol-split-button&mode=default&encapsulation=shadow","src/components/split-button/shadow.tsx"],"sourcesContent":["@use '../@shared/mixins' as *;\n@use '../../styles/global' as *;\n@use '../popover/style.scss' as *;\n@use '../tooltip/style.scss' as *;\n\n@layer kol-component {\n\t.kol-split-button {\n\t\tdisplay: flex;\n\t\tfont-size: rem(16);\n\t\tposition: relative;\n\n\t\t&__root {\n\t\t\tdisplay: flex;\n\t\t\tposition: relative;\n\t\t}\n\n\t\t&__button {\n\t\t\tflex-grow: 1;\n\t\t\ttext-align: left;\n\t\t}\n\n\t\t.kol-popover {\n\t\t\t&__content {\n\t\t\t\tmargin-top: rem(2);\n\t\t\t}\n\n\t\t\t&__arrow {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\t}\n}\n","import type {\n\tAlternativeButtonLinkRolePropType,\n\tButtonCallbacksPropType,\n\tButtonTypePropType,\n\tButtonVariantPropType,\n\tCustomClassPropType,\n\tIconsPropType,\n\tLabelPropType,\n\tNamePropType,\n\tSplitButtonProps,\n\tSplitButtonStates,\n\tStencilUnknown,\n\tStringified,\n\tSyncValueBySelectorPropType,\n\tTooltipAlignPropType,\n} from '../../schema';\nimport type { JSX } from '@stencil/core';\nimport { Component, h, Method, Prop, State } from '@stencil/core';\n\nimport { translate } from '../../i18n';\nimport { KolButtonWcTag, KolPopoverWcTag } from '../../core/component-names';\nimport clsx from 'clsx';\n\n/**\n * @slot - Ermöglicht das Einfügen beliebigen HTMLs in das dropdown.\n */\n@Component({\n\ttag: 'kol-split-button',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: {\n\t\tdelegatesFocus: true,\n\t},\n})\nexport class KolSplitButton implements SplitButtonProps /*, SplitButtonAPI*/ {\n\tprivate readonly clickButtonHandler = {\n\t\tonClick: (event: MouseEvent) => {\n\t\t\tevent.stopPropagation(); // stop propagation to avoid triggering the event that closes the popover\n\n\t\t\tif (typeof this._on?.onClick === 'function') {\n\t\t\t\t// TODO: this._on is not validated\n\t\t\t\tthis._on?.onClick(event, this._value);\n\t\t\t} else {\n\t\t\t\tthis.toggleDropdown();\n\t\t\t}\n\t\t},\n\t};\n\tprivate readonly clickToggleHandler = {\n\t\tonClick: (event: MouseEvent) => {\n\t\t\tevent.stopPropagation(); // stop propagation to avoid triggering the event that closes the popover\n\t\t\tthis.toggleDropdown();\n\t\t},\n\t};\n\n\tprivate readonly toggleDropdown = () => {\n\t\tthis.state = { ...this.state, _show: !this.state._show };\n\t};\n\n\tprivate readonly handleOnClose = () => {\n\t\tthis.state = { ...this.state, _show: false };\n\t};\n\n\tpublic render(): JSX.Element {\n\t\tconst i18nDropdownLabel = 'kol-split-button-dropdown-label';\n\t\treturn (\n\t\t\t<div class=\"kol-split-button\">\n\t\t\t\t<div class=\"kol-split-button__root\">\n\t\t\t\t\t<KolButtonWcTag\n\t\t\t\t\t\tclass={clsx('kol-split-button__button', {\n\t\t\t\t\t\t\t[this._variant as string]: this._variant !== 'custom',\n\t\t\t\t\t\t\t[this._customClass as string]: this._variant === 'custom' && typeof this._customClass === 'string' && this._customClass.length > 0,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\t_ariaControls={this._ariaControls}\n\t\t\t\t\t\t_ariaExpanded={this._ariaExpanded}\n\t\t\t\t\t\t_ariaSelected={this._ariaSelected}\n\t\t\t\t\t\t_customClass={this._customClass}\n\t\t\t\t\t\t_disabled={this._disabled}\n\t\t\t\t\t\t_icons={this._icons}\n\t\t\t\t\t\t_hideLabel={this._hideLabel}\n\t\t\t\t\t\t_label={this._label}\n\t\t\t\t\t\t_name={this._name}\n\t\t\t\t\t\t_on={this.clickButtonHandler}\n\t\t\t\t\t\t_role={this._role}\n\t\t\t\t\t\t_syncValueBySelector={this._syncValueBySelector}\n\t\t\t\t\t\t_tooltipAlign={this._tooltipAlign}\n\t\t\t\t\t\t_type={this._type}\n\t\t\t\t\t\t_value={this._value}\n\t\t\t\t\t\t_variant={this._variant}\n\t\t\t\t\t></KolButtonWcTag>\n\t\t\t\t\t<div class=\"kol-split-button__horizontal-line\"></div>\n\t\t\t\t\t<KolButtonWcTag\n\t\t\t\t\t\tclass=\"kol-split-button__secondary-button\"\n\t\t\t\t\t\t_disabled={this._disabled}\n\t\t\t\t\t\t_hideLabel\n\t\t\t\t\t\t_icons=\"codicon codicon-triangle-down\"\n\t\t\t\t\t\t_label={this.state._show ? translate(`${i18nDropdownLabel}-close`) : translate(`${i18nDropdownLabel}-open`)}\n\t\t\t\t\t\t_on={this.clickToggleHandler}\n\t\t\t\t\t></KolButtonWcTag>\n\t\t\t\t</div>\n\t\t\t\t<KolPopoverWcTag _show={this.state._show} _on={{ onClose: this.handleOnClose }} _align=\"bottom\">\n\t\t\t\t\t<slot />\n\t\t\t\t</KolPopoverWcTag>\n\t\t\t</div>\n\t\t);\n\t}\n\n\t@Method()\n\tpublic async closePopup() {\n\t\tthis.handleOnClose();\n\n\t\treturn Promise.resolve();\n\t}\n\n\t/**\n\t * Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)\n\t */\n\t@Prop() public _ariaControls?: string;\n\n\t/**\n\t * Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)\n\t */\n\t@Prop() public _ariaExpanded?: boolean;\n\n\t/**\n\t * Defines whether the interactive element of the component is selected (e.g. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)\n\t */\n\t@Prop() public _ariaSelected?: boolean;\n\n\t/**\n\t * Defines the custom class attribute if _variant=\"custom\" is set.\n\t */\n\t@Prop() public _customClass?: CustomClassPropType;\n\n\t/**\n\t * Makes the element not focusable and ignore all events.\n\t */\n\t@Prop() public _disabled?: boolean = false;\n\n\t/**\n\t * Hides the caption by default and displays the caption text with a tooltip when the\n\t * interactive element is focused or the mouse is over it.\n\t * @TODO: Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hideLabel?: boolean = false;\n\n\t/**\n\t * Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).\n\t */\n\t@Prop() public _icons?: IconsPropType;\n\n\t/**\n\t * Defines the internal ID of the primary component element.\n\t */\n\t@Prop() public _id?: string;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop() public _label!: LabelPropType;\n\n\t/**\n\t * Defines the technical name of an input field.\n\t */\n\t@Prop() public _name?: NamePropType;\n\n\t/**\n\t * Defines the callback functions for button events.\n\t */\n\t@Prop() public _on?: ButtonCallbacksPropType<StencilUnknown>;\n\n\t/**\n\t * Defines the role of the components primary element.\n\t */\n\t@Prop() public _role?: AlternativeButtonLinkRolePropType;\n\n\t/**\n\t * Selector for synchronizing the value with another input element.\n\t * @internal\n\t */\n\t@Prop() public _syncValueBySelector?: SyncValueBySelectorPropType;\n\n\t/**\n\t * Defines where to show the Tooltip preferably: top, right, bottom or left.\n\t */\n\t@Prop() public _tooltipAlign?: TooltipAlignPropType = 'top';\n\n\t/**\n\t * Defines either the type of the component or of the components interactive element.\n\t */\n\t@Prop() public _type?: ButtonTypePropType = 'button';\n\n\t/**\n\t * Defines the value that the button emits on click.\n\t */\n\t@Prop() public _value?: Stringified<StencilUnknown>;\n\n\t/**\n\t * Defines which variant should be used for presentation.\n\t */\n\t@Prop() public _variant?: ButtonVariantPropType = 'normal';\n\n\t@State() public state: SplitButtonStates = {\n\t\t_show: false,\n\t};\n}\n"],"mappings":";;;6OAAA,MAAMA,EAAkB,giNACxB,MAAAC,EAAeD,E,MCkCFE,EAAc,M,yBACTC,KAAAC,mBAAqB,CACrCC,QAAUC,I,QACTA,EAAMC,kBAEN,WAAWC,EAAAL,KAAKM,OAAG,MAAAD,SAAA,SAAAA,EAAEH,WAAY,WAAY,EAE5CK,EAAAP,KAAKM,OAAG,MAAAC,SAAA,SAAAA,EAAEL,QAAQC,EAAOH,KAAKQ,O,KACxB,CACNR,KAAKS,gB,IAIST,KAAAU,mBAAqB,CACrCR,QAAUC,IACTA,EAAMC,kBACNJ,KAAKS,gBAAgB,GAINT,KAAAS,eAAiB,KACjCT,KAAKW,MAAKC,OAAAC,OAAAD,OAAAC,OAAA,GAAQb,KAAKW,OAAK,CAAEG,OAAQd,KAAKW,MAAMG,OAAO,EAGxCd,KAAAe,cAAgB,KAChCf,KAAKW,MAAKC,OAAAC,OAAAD,OAAAC,OAAA,GAAQb,KAAKW,OAAK,CAAEG,MAAO,OAAO,E,kIA6ER,M,gBAOC,M,mLAyCgB,M,WAKV,S,oCAUM,S,WAEP,CAC1CA,MAAO,M,CA5ID,MAAAE,GACN,MAAMC,EAAoB,kCAC1B,OACCC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,oBACVF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,0BACVF,EAACG,EAAc,CAAAF,IAAA,2CACdC,MAAOE,EAAK,2BAA4B,CACvC,CAACtB,KAAKuB,UAAqBvB,KAAKuB,WAAa,SAC7C,CAACvB,KAAKwB,cAAyBxB,KAAKuB,WAAa,iBAAmBvB,KAAKwB,eAAiB,UAAYxB,KAAKwB,aAAaC,OAAS,IAElIC,cAAe1B,KAAK0B,cACpBC,cAAe3B,KAAK2B,cACpBC,cAAe5B,KAAK4B,cACpBJ,aAAcxB,KAAKwB,aACnBK,UAAW7B,KAAK6B,UAChBC,OAAQ9B,KAAK8B,OACbC,WAAY/B,KAAK+B,WACjBC,OAAQhC,KAAKgC,OACbC,MAAOjC,KAAKiC,MACZ3B,IAAKN,KAAKC,mBACViC,MAAOlC,KAAKkC,MACZC,qBAAsBnC,KAAKmC,qBAC3BC,cAAepC,KAAKoC,cACpBC,MAAOrC,KAAKqC,MACZ7B,OAAQR,KAAKQ,OACbe,SAAUvB,KAAKuB,WAEhBL,EAAA,OAAAC,IAAA,2CAAKC,MAAM,sCACXF,EAACG,EAAc,CAAAF,IAAA,2CACdC,MAAM,qCACNS,UAAW7B,KAAK6B,UAChBE,WAAU,KACVD,OAAO,gCACPE,OAAQhC,KAAKW,MAAMG,MAAQwB,EAAU,GAAGrB,WAA6BqB,EAAU,GAAGrB,UAClFX,IAAKN,KAAKU,sBAGZQ,EAACqB,EAAe,CAAApB,IAAA,2CAACL,MAAOd,KAAKW,MAAMG,MAAOR,IAAK,CAAEkC,QAASxC,KAAKe,eAAiB0B,OAAO,UACtFvB,EAAA,QAAAC,IAAA,8C,CAOG,gBAAMuB,GACZ1C,KAAKe,gBAEL,OAAO4B,QAAQC,S","ignoreList":[]}
|
@@ -1,4 +1,4 @@
|
|
1
1
|
/*!
|
2
2
|
* KoliBri - The accessible HTML-Standard
|
3
3
|
*/
|
4
|
-
import{r as t,h as n,H as i,g as e}from"./index-f0de5c73.js";import{t as o}from"./i18n-5fe08f1c.js";import{r as a,t as s}from"./component-names-6ca7e863.js";import{t as l}from"./events-29e84d75.js";import{v as r,a as h,b as d,c,E as u}from"./events-5b899bd2.js";import{w as p,s as f,q as b,i as m,p as g,o as v,j as y}from"./prop.validators-64749272.js";import{v as w}from"./label-e8ec0e3a.js";import"./i18n-7ea9f137.js";import"./reuse-32931294.js";import"./common-0f1f2276.js";import"./index-da3e0c00.js";import"./dev.utils-fab45cbc.js";const k=["top","bottom","both"],_=(t,n)=>{p(t,"_paginationPosition",(t=>"string"==typeof t&&k.includes(t)),new Set([`PaginationPositionPropType {${k.join(", ")}`]),n,{defaultValue:"bottom"})},S="/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n :host {\n /*\n * Minimum size of interactive elements.\n */\n --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\n /*\n * No element should be used without a background and font color whose contrast ratio has\n * not been checked. By initially setting the background color to white and the font color\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\n */\n background-color: white;\n color: black;\n /*\n * Verdana is an accessible font that can be used without requiring additional loading time.\n */\n font-family: Verdana;\n }\n * {\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n hyphens: auto;\n /*\n * Letter spacing is required for all texts.\n */\n letter-spacing: inherit;\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 * Word spacing is required for all texts.\n */\n word-spacing: inherit;\n }\n /*\n * All interactive elements should have a minimum size of rem(44).\n */\n /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n /* option, */\n /* select, */\n /* textarea, */\n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n /*\n * Some interactive elements should not inherit the font-family and font-size.\n */\n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n /*\n * All elements should inherit the font family from his parent element.\n */\n font-family: inherit;\n /*\n * All elements should inherit the font size from his parent element.\n */\n font-size: inherit;\n }\n}\n/**\n * Sometimes we need the semantic element for accessibility reasons,\n * but we don't want to show it.\n *\n * - https://www.a11yproject.com/posts/how-to-hide-content/\n */\n.visually-hidden {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: calc(1rem / var(--kolibri-root-font-size, 16));\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: calc(1rem / var(--kolibri-root-font-size, 16));\n}\n\n@layer kol-global {\n /*\n * Dieses CSS stellt sicher, dass der Standard-Style\n * von A und Button resettet werden.\n */\n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; /* 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}\n@layer kol-global {\n :host {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n /*\n * The max-width is needed to prevent the table from overflowing the\n * parent node, if the table is wider than the parent node.\n */\n max-width: 100%;\n }\n * {\n /*\n * We prefer to box-sizing: border-box for all elements.\n */\n box-sizing: border-box;\n }\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n /* This is the text label. */\n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n /* Reset browser agent style. */\n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n :host {\n display: block;\n }\n}\n@layer kol-component {\n .kol-tooltip-wc {\n display: contents;\n }\n .kol-tooltip-wc .tooltip-floating {\n animation-duration: 0.25s;\n animation-iteration-count: 1;\n animation-name: fadeInOpacity;\n animation-timing-function: ease-in;\n box-sizing: border-box;\n display: none;\n position: fixed;\n visibility: hidden;\n /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n top: 0;\n left: 0;\n max-width: 90vw;\n max-height: 90vh;\n /* Can be used to specify the tooltip-width from the outside. Unset by default. */\n width: var(--kol-tooltip-width);\n }\n /* Shared between content and arrow */\n .kol-tooltip-wc .tooltip-area {\n background-color: #fff;\n color: #000;\n }\n .kol-tooltip-wc .tooltip-arrow {\n height: calc(10rem / var(--kolibri-root-font-size, 16));\n position: absolute;\n transform: rotate(45deg);\n width: calc(10rem / var(--kolibri-root-font-size, 16));\n z-index: 999;\n }\n .kol-tooltip-wc .tooltip-content {\n position: relative;\n z-index: 1000;\n }\n @keyframes fadeInOpacity {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n }\n}\n@layer kol-component {\n div.pagination .kol-pagination {\n display: flex;\n flex-wrap: wrap;\n }\n div.pagination,\n div.pagination > div:last-child {\n display: grid;\n place-items: center;\n }\n @media (max-width: 1024px) {\n div.pagination .kol-pagination {\n flex-direction: column;\n }\n }\n @media (min-width: 1024px) {\n div.pagination,\n div.pagination > div:last-child {\n grid-auto-flow: column;\n }\n div.pagination .kol-pagination {\n display: flex;\n }\n }\n}\n@layer kol-component {\n :host,\n .kol-table-stateless-wc {\n display: block;\n }\n .table {\n max-width: 100%;\n overflow-x: auto;\n overflow-y: hidden;\n }\n table {\n width: 100%;\n }\n caption {\n text-align: start;\n }\n .focus-element {\n font-size: 0;\n }\n .focus-element:focus {\n outline: 0 !important;\n }\n .table:has(.focus-element:focus) {\n /* @see https://remysharp.com/til/css/focus-ring-default-styles */\n outline: 5px auto Highlight;\n outline: 5px auto -webkit-focus-ring-color;\n outline-offset: 2px;\n }\n .table-sort-button .button {\n color: inherit;\n }\n tbody th,\n th.align-left {\n text-align: left;\n }\n tbody th .table-sort-button .button-inner,\n th.align-left .table-sort-button .button-inner {\n justify-items: start;\n }\n th.align-center {\n text-align: center;\n }\n th.align-center .table-sort-button .button-inner {\n justify-items: center;\n }\n th.align-right {\n text-align: right;\n }\n th.align-right .table-sort-button .button-inner {\n justify-items: end;\n }\n tr.foot-spacer,\n tr.head-spacer {\n display: none;\n }\n .selection-header-cell {\n width: 0;\n }\n .selection-cell {\n width: var(--a11y-min-size);\n height: var(--a11y-min-size);\n white-space: nowrap;\n }\n .input label {\n align-items: center;\n cursor: pointer;\n display: flex;\n height: var(--a11y-min-size);\n justify-content: center;\n position: relative;\n width: var(--a11y-min-size);\n }\n .input .icon {\n display: block;\n inset: auto;\n position: absolute;\n z-index: 1;\n }\n .input input {\n appearance: none;\n border-style: solid;\n cursor: pointer;\n margin: 0;\n }\n .input input:before {\n content: \"\";\n }\n .input input[type=checkbox] {\n position: relative;\n display: flex;\n height: calc(var(--a11y-min-size) / 2);\n width: calc(var(--a11y-min-size) / 2);\n align-items: center;\n justify-content: center;\n background-color: rgb(255, 255, 255);\n border-width: 2px;\n line-height: 1.5;\n transition: all 0.5s ease 0s;\n }\n .input input[type=radio] {\n display: flex;\n border-width: 2px;\n border-radius: 100%;\n height: 1.5em;\n min-height: 1.5em;\n min-width: 1.5em;\n padding: 0;\n width: 1.5em;\n }\n .input input[type=radio]:before {\n border-radius: 100%;\n margin: auto;\n height: 0.75em;\n width: 0.75em;\n }\n .input input[type=radio]:checked:before {\n background-color: #000;\n }\n @media (forced-colors: active) {\n .input input[type=radio]:checked:before {\n /* Give it a visible background in forced colors mode */\n background-color: selectedItem !important;\n }\n }\n}",x=S,z=[10,20,50,100],j=t=>!0===t||""===t||"object"==typeof t&&null!==t,C=class{constructor(n){t(this,n),this.catchRef=t=>{this.tableWcRef=t},this.sortDirections=new Map,this.sortData=[],this.showPagination=!1,this.pageStartSlice=0,this.pageEndSlice=10,this.disableSort=!1,this.sortedColumnHead={label:"",key:"",sortDirection:"NOS"},this.setSortDirection=(t,n)=>{this.sortDirections.clear(),this.sortDirections.set(t,n),this.sortFunction=t},this.handlePagination={onClick:(t,n)=>{var e;"function"==typeof(null===(e=this.state._pagination._on)||void 0===e?void 0:e.onClick)&&this.state._pagination._on.onClick(t,n),f(this,"_pagination",Object.assign(Object.assign({},this.state._pagination),{_page:n}))},onChangePage:(t,n)=>{var e;"function"==typeof(null===(e=this.state._pagination._on)||void 0===e?void 0:e.onChangePage)&&this.state._pagination._on.onChangePage(t,n),f(this,"_pagination",Object.assign(Object.assign({},this.state._pagination),{_page:n}))},onChangePageSize:(t,n)=>{var e;"function"==typeof(null===(e=this.state._pagination._on)||void 0===e?void 0:e.onChangePageSize)&&this.state._pagination._on.onChangePageSize(t,n),f(this,"_pagination",Object.assign(Object.assign({},this.state._pagination),{_pageSize:n})),f(this,"_pageSize",n)}},this.onSelectionChange=t=>{t.stopPropagation()},this.updateSortedData=(t=this.sortedColumnHead)=>{if(this.disableSort)return void f(this,"_sortedData",this.state._data);let n=this.state._data;if(this.sortData.length>0)n=this.state._data.sort(((t,n)=>{for(let e=0;e<this.sortData.length;e++){const i=this.sortData[e],a=i.compareFn(t,n);if(0!==a)return"ASC"===i.direction?a:-a}return 0}));else if("function"==typeof this.sortFunction)switch(this.sortDirections.get(this.sortFunction)){case"ASC":n=this.sortFunction([...this.state._data]),this.sortedColumnHead={label:t.label,key:t.key,sortDirection:"ASC"};break;case"DESC":n=this.sortFunction([...this.state._data]).reverse(),this.sortedColumnHead={label:t.label,key:t.key,sortDirection:"DESC"};break;default:n=[...this.state._data],this.sortedColumnHead={label:"",key:"",sortDirection:"NOS"}}f(this,"_sortedData",n)},this._allowMultiSort=void 0,this._data=void 0,this._dataFoot=void 0,this._headers=void 0,this._label=void 0,this._minWidth=void 0,this._pagination=void 0,this._paginationPosition="bottom",this._selection=void 0,this._on=void 0,this.state={_allowMultiSort:!1,_data:[],_dataFoot:[],_headers:{horizontal:[],vertical:[]},_label:"",_pagination:{_page:1,_pageSize:10,_max:0},_sortedData:[],_paginationPosition:"bottom"}}validateAllowMultiSort(t){p(this,"_allowMultiSort",(()=>!0),new Set(["boolean"]),t,{defaultValue:!1})}validateData(t){r(this,t,{afterPatch:()=>{setTimeout(this.updateSortedData)}})}validateDataFoot(t){h(this,t,{afterPatch:()=>{setTimeout(this.updateSortedData)}})}validatePaginationPosition(t){_(this,t)}changeCellSort(t){var n;if("function"==typeof t.compareFn){this.state._allowMultiSort||t.key==(null===(n=this.sortData[0])||void 0===n?void 0:n.key)||(this.sortData=[]);const e=this.sortData.findIndex((n=>n.key===t.key));if(e>=0){const t=this.sortData[e];switch(t.direction){case"ASC":t.direction="DESC";break;case"DESC":this.sortData.splice(e,1);break;default:t.direction="ASC"}}else t.key&&this.sortData.push({label:t.label,key:t.key,compareFn:t.compareFn,direction:"ASC"});this.updateSortedData(t)}else if("function"==typeof t.sort){switch(this.sortFunction=t.sort,this.sortDirections.get(this.sortFunction)){case"ASC":this.setSortDirection(this.sortFunction,"DESC");break;case"DESC":this.setSortDirection(this.sortFunction,"NOS");break;default:this.setSortDirection(this.sortFunction,"ASC")}this.updateSortedData(t)}}validateHeaders(t){b(t,(()=>{v(t,(()=>{try{t=g(t)}catch(t){}p(this,"_headers",(t=>"object"==typeof t&&null!==t),new Set(["KoliBriTableHeaders"]),t,{hooks:{beforePatch:t=>{var n,e,i,a;const o=t=>{let n=!1;t.forEach((t=>{const e=t.key;if(!e)return;const i=t.sortDirection;"ASC"!==i&&"DESC"!==i||("function"==typeof t.compareFn?((this.state._allowMultiSort||0===this.sortData.length)&&this.sortData.push({label:t.label,key:e,compareFn:t.compareFn,direction:i}),n=!0):"function"==typeof t.sort&&(this.setSortDirection(t.sort,i),setTimeout((()=>this.updateSortedData({key:e,label:t.label,sortDirection:i})))))})),n&&setTimeout((()=>this.updateSortedData()))},s=t;null===(n=s.horizontal)||void 0===n||n.forEach(o),null===(e=s.vertical)||void 0===e||e.forEach(o),s.horizontal&&s.vertical&&(null===(i=s.horizontal)||void 0===i?void 0:i.length)>0&&(null===(a=s.vertical)||void 0===a?void 0:a.length)>0&&(this.disableSort=!0,y("Table: You can not sort the table data, if horizontal and vertical headers are defined at the same time. (https://github.com/public-ui/kolibri/issues/2372)"))}}})}))}))}validateLabel(t){w(this,t,{required:!0})}validateMinWidth(t){m(this,"_minWidth",t,{defaultValue:void 0})}validateSelection(t){d(this,t)}validateOn(t){c(this,t)}validatePagination(t){try{t=g(t)}catch(t){}this.showPagination=j(t),p(this,"_pagination",j,new Set(["boolean","KoliBriTablePagination"]),t,{defaultValue:{_page:1,_pageSize:10,_max:0}})}componentDidLoad(){var t;null===(t=this.tableWcRef)||void 0===t||t.addEventListener("kol-selection-change",this.onSelectionChange)}disconnectedCallback(){var t;null===(t=this.tableWcRef)||void 0===t||t.removeEventListener("kol-selection-change",this.onSelectionChange)}componentWillLoad(){this.validateAllowMultiSort(this._allowMultiSort),this.validateData(this._data),this.validateDataFoot(this._dataFoot),this.validateHeaders(this._headers),this.validateLabel(this._label),this.validateMinWidth(this._minWidth),this.validatePagination(this._pagination),this.validatePaginationPosition(this._paginationPosition),this.validateSelection(this._selection),this.validateOn(this._on)}selectDisplayedData(t,n,e){return"number"==typeof n&&n>0&&"number"==typeof e&&e>0?(this.pageStartSlice=n*(e-1),this.pageEndSlice=n*e>t.length?t.length:n*e,t.slice(this.pageStartSlice,this.pageEndSlice)):(this.pageStartSlice=0,this.pageEndSlice=t.length,t)}renderPagination(){return n("div",{class:"pagination"},n("span",null,o("kol-table-visible-range",{placeholders:{start:this.pageEndSlice>0?(this.pageStartSlice+1).toString():"0",end:this.pageEndSlice.toString(),total:this.state._pagination&&this.state._pagination._max>0?this.state._pagination._max.toString():Array.isArray(this.state._data)?this.state._data.length.toString():"0"}})),n("div",null,n(a,{_boundaryCount:this.state._pagination._boundaryCount,_customClass:this.state._pagination._customClass,_on:this.handlePagination,_page:this.state._pagination._page,_pageSize:this.state._pagination._pageSize,_pageSizeOptions:this.state._pagination._pageSizeOptions||z,_siblingCount:this.state._pagination._siblingCount,_tooltipAlign:"bottom",_max:this.state._pagination._max||this.state._pagination._max||this.state._data.length,_label:o("kol-table-pagination-label",{placeholders:{label:this.state._label}})})))}getHeaderCellSortState(t){if(!this.disableSort&&("function"==typeof t.compareFn||"function"==typeof t.sort)){if(t.key===this.sortedColumnHead.key)return this.sortedColumnHead.sortDirection;if(t.key){const n=this.sortData.find((n=>n.key===t.key));if(null==n?void 0:n.direction)return n.direction}return"NOS"}}handleSort({key:t}){const n=[...(this.state._headers.horizontal||[]).flat(),...(this.state._headers.vertical||[]).flat()].find((n=>n.key===t));n&&this.changeCellSort(n)}getSelectedData(t){var n;const e=this.state._selection;if(e){const i=null!==(n=e.keyPropertyName)&&void 0!==n?n:"id",a=this.state._sortedData.filter((n=>t.includes(n[i])));if(!1===(null==e?void 0:e.multiple))return a[0];if(i)return a}return null}handleSelectionChange(t,n){var e;const i=this.state._selection;i&&(this.state=Object.assign(Object.assign({},this.state),{_selection:Object.assign(Object.assign({},i),{selectedKeys:"object"==typeof n?n:[n]})}));const a=this.getSelectedData(n);l("selection-change",this.host,a),"function"==typeof(null===(e=this.state._on)||void 0===e?void 0:e[u.onSelectionChange])&&this.state._on[u.onSelectionChange](t,a)}async getSelection(){var t;const n=(null===(t=this.state._selection)||void 0===t?void 0:t.selectedKeys)||[];return this.getSelectedData(n)}render(){var t,e,a,o;const l=this.selectDisplayedData(this.state._sortedData,this.showPagination?null!==(e=null===(t=this.state._pagination)||void 0===t?void 0:t._pageSize)&&void 0!==e?e:10:this.state._sortedData.length,this.state._pagination._page||1),r="top"===this._paginationPosition||"both"===this._paginationPosition?this.renderPagination():null,h="bottom"===this._paginationPosition||"both"===this._paginationPosition?this.renderPagination():null,d={horizontal:null===(a=this.state._headers.horizontal)||void 0===a?void 0:a.map((t=>t.map((t=>Object.assign(Object.assign({},t),{sortDirection:this.getHeaderCellSortState(t)}))))),vertical:null===(o=this.state._headers.vertical)||void 0===o?void 0:o.map((t=>t.map((t=>Object.assign(Object.assign({},t),{sortDirection:this.getHeaderCellSortState(t)})))))};return n(i,{key:"104f91b5af96db25df3347211386654631cbeeed",class:"kol-table-stateful"},this.pageEndSlice>0&&this.showPagination&&r,n(s,{key:"4dc6fcfbccf5e64d39f91c2fbc1f38c720c085da",ref:this.catchRef,_data:l,_headerCells:d,_label:this.state._label,_dataFoot:this.state._dataFoot,_minWidth:this.state._minWidth,_on:{onSort:(t,n)=>{this.handleSort(n)},onSelectionChange:(t,n)=>{this.handleSelectionChange(t,n)}},_selection:this.state._selection}),this.pageEndSlice>0&&this.showPagination&&h)}get host(){return e(this)}static get watchers(){return{_allowMultiSort:["validateAllowMultiSort"],_data:["validateData"],_dataFoot:["validateDataFoot"],_paginationPosition:["validatePaginationPosition"],_headers:["validateHeaders"],_label:["validateLabel"],_minWidth:["validateMinWidth"],_selection:["validateSelection"],_on:["validateOn"],_pagination:["validatePagination"]}}};C.style={default:x};export{C as kol_table_stateful};
|
4
|
+
import{r as t,h as n,H as e,g as i}from"./index-4018f86a.js";import{l as o,m as a}from"./component-names-545d6582.js";import{t as l}from"./i18n-005310a7.js";import{K as s,d as r}from"./events-5adf6b62.js";import{v as h,a as d,b as c,c as u,C as b}from"./callback-2c4e1e78.js";import{w as f,s as p,q as m,i as _,p as g,o as v,j as k}from"./prop.validators-64749272.js";import{v as y}from"./label-e8ec0e3a.js";import"./i18n-c120df5c.js";import"./reuse-f46e7e35.js";import"./common-54bf85ba.js";import"./index-da3e0c00.js";import"./dev.utils-fab45cbc.js";const w=["top","bottom","both"],x=(t,n)=>{f(t,"_paginationPosition",(t=>"string"==typeof t&&w.includes(t)),new Set([`PaginationPositionPropType {${w.join(", ")}`]),n,{defaultValue:"bottom"})},z="/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n :host {\n /*\n * Minimum size of interactive elements.\n */\n --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\n /*\n * No element should be used without a background and font color whose contrast ratio has\n * not been checked. By initially setting the background color to white and the font color\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\n */\n background-color: white;\n color: black;\n /*\n * Verdana is an accessible font that can be used without requiring additional loading time.\n */\n font-family: Verdana;\n }\n * {\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n hyphens: auto;\n /*\n * Letter spacing is required for all texts.\n */\n letter-spacing: inherit;\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 * Word spacing is required for all texts.\n */\n word-spacing: inherit;\n }\n /*\n * All interactive elements should have a minimum size of rem(44).\n */\n /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n /* option, */\n /* select, */\n /* textarea, */\n [role=button],\n button:not([role=link]) {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n /*\n * Some interactive elements should not inherit the font-family and font-size.\n */\n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n /*\n * All elements should inherit the font family from his parent element.\n */\n font-family: inherit;\n /*\n * All elements should inherit the font size from his parent element.\n */\n font-size: inherit;\n }\n}\n/**\n * Sometimes we need the semantic element for accessibility reasons,\n * but we don't want to show it.\n *\n * - https://www.a11yproject.com/posts/how-to-hide-content/\n */\n.visually-hidden {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: calc(1rem / var(--kolibri-root-font-size, 16));\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: calc(1rem / var(--kolibri-root-font-size, 16));\n}\n\n@layer kol-global {\n /*\n * Dieses CSS stellt sicher, dass der Standard-Style\n * von A und Button resettet werden.\n */\n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; /* 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}\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 }\n * {\n /*\n * We prefer to box-sizing: border-box for all elements.\n */\n box-sizing: border-box;\n }\n .kol-span {\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n display: grid;\n place-items: center;\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n }\n .kol-span__container {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .kol-span .kol-span__label--hide-label .kol-span__label {\n display: none;\n }\n /* Reset browser agent style. */\n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span,\n [disabled]:focus .kol-span {\n outline: none !important;\n }\n}\n@layer kol-component {\n :host {\n display: block;\n }\n}\n@layer kol-component {\n :host {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-tooltip {\n display: contents;\n }\n .kol-tooltip__floating {\n animation-duration: 0.25s;\n animation-iteration-count: 1;\n animation-name: fadeInOpacity;\n animation-timing-function: ease-in;\n box-sizing: border-box;\n display: none;\n position: fixed;\n visibility: hidden;\n /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n top: 0;\n left: 0;\n max-width: 90vw;\n max-height: 90vh;\n /* Can be used to specify the tooltip-width from the outside. Unset by default. */\n width: var(--kol-tooltip-width);\n }\n .kol-tooltip__arrow {\n background-color: #fff;\n color: #000;\n height: calc(10rem / var(--kolibri-root-font-size, 16));\n position: absolute;\n transform: rotate(45deg);\n width: calc(10rem / var(--kolibri-root-font-size, 16));\n z-index: 999;\n }\n .kol-tooltip__content {\n background-color: #fff;\n color: #000;\n position: relative;\n z-index: 1000;\n }\n @keyframes fadeInOpacity {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n }\n}\n@layer kol-component {\n .kol-table {\n display: block;\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n max-width: 100%;\n overflow-x: auto;\n overflow-y: hidden;\n }\n .kol-table__table {\n width: 100%;\n }\n .kol-table__caption {\n text-align: start;\n }\n .kol-table__focus-element {\n font-size: 0;\n }\n .kol-table__focus-element:focus {\n outline: 0 !important;\n /* @see https://remysharp.com/til/css/focus-ring-default-styles */\n outline: 5px auto Highlight;\n outline: 5px auto -webkit-focus-ring-color;\n outline-offset: 2px;\n }\n .kol-table__sort-button .kol-button {\n color: inherit;\n }\n .kol-table__body {\n text-align: left;\n }\n .kol-table__body .kol-button__text {\n justify-items: start;\n }\n .kol-table__cell--align-left {\n text-align: left;\n }\n .kol-table__cell--align-left .kol-button__text {\n justify-items: start;\n }\n .kol-table__cell--align-center {\n text-align: center;\n }\n .kol-table__cell--align-center .kol-button__text {\n justify-items: center;\n }\n .kol-table__cell--align-right {\n text-align: right;\n }\n .kol-table__cell--align-right .kol-button__text {\n justify-items: end;\n }\n .kol-table__cell--selection {\n width: var(--a11y-min-size);\n height: var(--a11y-min-size);\n white-space: nowrap;\n }\n .kol-table__spacer {\n display: none;\n }\n .kol-table__selection-label {\n align-items: center;\n cursor: pointer;\n display: flex;\n height: var(--a11y-min-size);\n justify-content: center;\n position: relative;\n width: var(--a11y-min-size);\n }\n .kol-table__selection-label--disabled {\n cursor: not-allowed;\n }\n .kol-table__selection-icon {\n display: block;\n inset: auto;\n position: absolute;\n z-index: 1;\n }\n .kol-table__selection-input {\n appearance: none;\n border-style: solid;\n cursor: pointer;\n margin: 0;\n }\n .kol-table__selection-input:disabled {\n cursor: not-allowed;\n }\n .kol-table__selection-input:before {\n content: \"\";\n }\n .kol-table__selection-input--checkbox {\n position: relative;\n display: flex;\n height: calc(var(--a11y-min-size) / 2);\n width: calc(var(--a11y-min-size) / 2);\n align-items: center;\n justify-content: center;\n background-color: rgb(255, 255, 255);\n border-width: 2px;\n line-height: 1.5;\n transition: all 0.5s ease 0s;\n }\n .kol-table__selection-input--radio {\n display: flex;\n border-width: 2px;\n border-radius: 100%;\n height: 1.5em;\n min-height: 1.5em;\n min-width: 1.5em;\n padding: 0;\n width: 1.5em;\n }\n .kol-table__selection-input--radio:before {\n border-radius: 100%;\n margin: auto;\n height: 0.75em;\n width: 0.75em;\n }\n .kol-table__selection-input--radio:checked:before {\n background-color: #000;\n }\n @media (forced-colors: active) {\n .kol-table__selection-input--radio:checked:before {\n /* Give it a visible background in forced colors mode */\n background-color: selectedItem !important;\n }\n }\n}\n@layer kol-component {\n :host {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-table-stateful__pagination, .kol-table-stateful__pagination-wrapper {\n display: grid;\n place-items: center;\n }\n @media (min-width: 1024px) {\n .kol-table-stateful__pagination, .kol-table-stateful__pagination-wrapper {\n grid-auto-flow: column;\n }\n }\n .kol-pagination {\n display: flex;\n flex-wrap: wrap;\n }\n @media (min-width: 1024px) {\n .kol-pagination {\n display: flex;\n }\n }\n @media (max-width: 1024px) {\n .kol-pagination {\n flex-direction: column;\n }\n }\n}",S=z,j=[10,20,50,100],C=t=>!0===t||""===t||"object"==typeof t&&null!==t,O=class{constructor(n){t(this,n),this.catchRef=t=>{this.tableWcRef=t},this.sortData=[],this.showPagination=!1,this.pageStartSlice=0,this.pageEndSlice=10,this.disableSort=!1,this.handlePagination={onClick:(t,n)=>{var e;"function"==typeof(null===(e=this.state._pagination._on)||void 0===e?void 0:e.onClick)&&this.state._pagination._on.onClick(t,n),p(this,"_pagination",Object.assign(Object.assign({},this.state._pagination),{_page:n}))},onChangePage:(t,n)=>{var e;"function"==typeof(null===(e=this.state._pagination._on)||void 0===e?void 0:e.onChangePage)&&this.state._pagination._on.onChangePage(t,n),p(this,"_pagination",Object.assign(Object.assign({},this.state._pagination),{_page:n}))},onChangePageSize:(t,n)=>{var e;"function"==typeof(null===(e=this.state._pagination._on)||void 0===e?void 0:e.onChangePageSize)&&this.state._pagination._on.onChangePageSize(t,n),p(this,"_pagination",Object.assign(Object.assign({},this.state._pagination),{_pageSize:n})),p(this,"_pageSize",n)}},this.onSelectionChange=t=>{t.stopPropagation()},this.updateSortedData=()=>{if(this.disableSort)return void p(this,"_sortedData",this.state._data);let t=this.state._data;this.sortData.length>0&&(t=this.state._data.sort(((t,n)=>{for(let e=0;e<this.sortData.length;e++){const i=this.sortData[e],a=i.compareFn(t,n);if(0!==a)return"ASC"===i.direction?a:-a}return 0}))),p(this,"_sortedData",t)},this._allowMultiSort=void 0,this._data=void 0,this._dataFoot=void 0,this._headers=void 0,this._label=void 0,this._minWidth=void 0,this._pagination=void 0,this._paginationPosition="bottom",this._selection=void 0,this._on=void 0,this.state={_allowMultiSort:!1,_data:[],_dataFoot:[],_headers:{horizontal:[],vertical:[]},_label:"",_minWidth:"auto",_pagination:{_page:1,_pageSize:10,_max:0},_sortedData:[],_paginationPosition:"bottom"}}validateAllowMultiSort(t){f(this,"_allowMultiSort",(()=>!0),new Set(["boolean"]),t,{defaultValue:!1})}validateData(t){h(this,t,{afterPatch:()=>{setTimeout(this.updateSortedData)}})}validateDataFoot(t){d(this,t,{afterPatch:()=>{setTimeout(this.updateSortedData)}})}validatePaginationPosition(t){x(this,t)}changeCellSort(t){var n;if("function"==typeof t.compareFn){this.state._allowMultiSort||t.key==(null===(n=this.sortData[0])||void 0===n?void 0:n.key)||(this.sortData=[]);const e=this.sortData.findIndex((n=>n.key===t.key));if(e>=0){const t=this.sortData[e];switch(t.direction){case"ASC":t.direction="DESC";break;case"DESC":this.sortData.splice(e,1);break;default:t.direction="ASC"}}else t.key&&this.sortData.push({label:t.label,key:t.key,compareFn:t.compareFn,direction:"ASC"});this.updateSortedData()}}validateHeaders(t){m(t,(()=>{v(t,(()=>{try{t=g(t)}catch(t){}f(this,"_headers",(t=>"object"==typeof t&&null!==t),new Set(["KoliBriTableHeaders"]),t,{hooks:{beforePatch:t=>{var n,e,i,a;const o=t=>{let n=!1;t.forEach((t=>{const e=t.key;if(!e)return;const i=t.sortDirection;"ASC"!==i&&"DESC"!==i||"function"==typeof t.compareFn&&((this.state._allowMultiSort||0===this.sortData.length)&&this.sortData.push({label:t.label,key:e,compareFn:t.compareFn,direction:i}),n=!0)})),n&&setTimeout((()=>this.updateSortedData()))},s=t;null===(n=s.horizontal)||void 0===n||n.forEach(o),null===(e=s.vertical)||void 0===e||e.forEach(o),s.horizontal&&s.vertical&&(null===(i=s.horizontal)||void 0===i?void 0:i.length)>0&&(null===(a=s.vertical)||void 0===a?void 0:a.length)>0&&(this.disableSort=!0,k("Table: You can not sort the table data, if horizontal and vertical headers are defined at the same time. (https://github.com/public-ui/kolibri/issues/2372)"))}}})}))}))}validateLabel(t){y(this,t,{required:!0})}validateMinWidth(t){_(this,"_minWidth",t,{defaultValue:void 0})}validateSelection(t){c(this,t)}validateOn(t){u(this,t)}validatePagination(t){try{t=g(t)}catch(t){}this.showPagination=C(t),f(this,"_pagination",C,new Set(["boolean","KoliBriTablePagination"]),t,{defaultValue:{_page:1,_pageSize:10,_max:0}})}componentDidLoad(){var t;null===(t=this.tableWcRef)||void 0===t||t.addEventListener(s.selectionChange,this.onSelectionChange)}disconnectedCallback(){var t;null===(t=this.tableWcRef)||void 0===t||t.removeEventListener(s.selectionChange,this.onSelectionChange)}componentWillLoad(){this.validateAllowMultiSort(this._allowMultiSort),this.validateData(this._data),this.validateDataFoot(this._dataFoot),this.validateHeaders(this._headers),this.validateLabel(this._label),this.validateMinWidth(this._minWidth),this.validatePagination(this._pagination),this.validatePaginationPosition(this._paginationPosition),this.validateSelection(this._selection),this.validateOn(this._on)}selectDisplayedData(t,n,e){return"number"==typeof n&&n>0&&"number"==typeof e&&e>0?(this.pageStartSlice=n*(e-1),this.pageEndSlice=n*e>t.length?t.length:n*e,t.slice(this.pageStartSlice,this.pageEndSlice)):(this.pageStartSlice=0,this.pageEndSlice=t.length,t)}renderPagination(){return n("div",{class:`kol-table-stateful__pagination kol-table-stateful__pagination--${this.state._paginationPosition}`},n("span",null,l("kol-table-visible-range",{placeholders:{start:this.pageEndSlice>0?(this.pageStartSlice+1).toString():"0",end:this.pageEndSlice.toString(),total:this.state._pagination&&this.state._pagination._max>0?this.state._pagination._max.toString():Array.isArray(this.state._data)?this.state._data.length.toString():"0"}})),n("div",{class:"kol-table-stateful__pagination-wrapper"},n(o,{class:"test",_boundaryCount:this.state._pagination._boundaryCount,_customClass:this.state._pagination._customClass,_on:this.handlePagination,_page:this.state._pagination._page,_pageSize:this.state._pagination._pageSize,_pageSizeOptions:this.state._pagination._pageSizeOptions||j,_siblingCount:this.state._pagination._siblingCount,_tooltipAlign:"bottom",_max:this.state._pagination._max||this.state._pagination._max||this.state._data.length,_label:l("kol-table-pagination-label",{placeholders:{label:this.state._label}})})))}getHeaderCellSortState(t){if(!this.disableSort&&"function"==typeof t.compareFn){if(t.key){const n=this.sortData.find((n=>n.key===t.key));if(null==n?void 0:n.direction)return n.direction}return"NOS"}}handleSort({key:t}){const n=[...(this.state._headers.horizontal||[]).flat(),...(this.state._headers.vertical||[]).flat()].find((n=>n.key===t));n&&this.changeCellSort(n)}getSelectedData(t){var n;const e=this.state._selection;if(e){const i=null!==(n=e.keyPropertyName)&&void 0!==n?n:"id",a=this.state._sortedData.filter((n=>t.includes(n[i])));if(!1===(null==e?void 0:e.multiple))return a[0];if(i)return a}return null}handleSelectionChange(t,n){var e;const i=this.state._selection;i&&(this.state=Object.assign(Object.assign({},this.state),{_selection:Object.assign(Object.assign({},i),{selectedKeys:"object"==typeof n?n:[n]})}));const a=this.getSelectedData(n);"function"==typeof(null===(e=this.state._on)||void 0===e?void 0:e[b.onSelectionChange])&&this.state._on[b.onSelectionChange](t,a),this.host&&r(this.host,s.selectionChange,a)}async getSelection(){var t;const n=(null===(t=this.state._selection)||void 0===t?void 0:t.selectedKeys)||[];return this.getSelectedData(n)}render(){var t,i,o,s;const l=this.selectDisplayedData(this.state._sortedData,this.showPagination?null!==(i=null===(t=this.state._pagination)||void 0===t?void 0:t._pageSize)&&void 0!==i?i:10:this.state._sortedData.length,this.state._pagination._page||1),r="top"===this._paginationPosition||"both"===this._paginationPosition?this.renderPagination():null,d="bottom"===this._paginationPosition||"both"===this._paginationPosition?this.renderPagination():null,h={horizontal:null===(o=this.state._headers.horizontal)||void 0===o?void 0:o.map((t=>t.map((t=>Object.assign(Object.assign({},t),{sortDirection:this.getHeaderCellSortState(t)}))))),vertical:null===(s=this.state._headers.vertical)||void 0===s?void 0:s.map((t=>t.map((t=>Object.assign(Object.assign({},t),{sortDirection:this.getHeaderCellSortState(t)})))))};return n(e,{key:"918c775559ae9b707dbdfff227cf41a91e15a5c9",class:"kol-table-stateful"},this.pageEndSlice>0&&this.showPagination&&r,n(a,{key:"78afe40143ab93577d9d19d111768a4874d4475b",ref:this.catchRef,_data:l,_headerCells:h,_label:this.state._label,_dataFoot:this.state._dataFoot,_minWidth:this.state._minWidth,_on:{onSort:(t,n)=>{this.handleSort(n)},onSelectionChange:(t,n)=>{this.handleSelectionChange(t,n)}},_selection:this.state._selection}),this.pageEndSlice>0&&this.showPagination&&d)}get host(){return i(this)}static get watchers(){return{_allowMultiSort:["validateAllowMultiSort"],_data:["validateData"],_dataFoot:["validateDataFoot"],_paginationPosition:["validatePaginationPosition"],_headers:["validateHeaders"],_label:["validateLabel"],_minWidth:["validateMinWidth"],_selection:["validateSelection"],_on:["validateOn"],_pagination:["validatePagination"]}}};O.style={default:S};export{O as kol_table_stateful};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["paginationPositionPropTypeOptions","validatePaginationPosition","component","value","watchValidator","includes","Set","join","defaultValue","defaultStyleCss","KolTableStatefulDefaultStyle0","PAGINATION_OPTIONS","paginationValidator","KolTableStateful","this","catchRef","ref","tableWcRef","sortDirections","Map","sortData","showPagination","pageStartSlice","pageEndSlice","disableSort","sortedColumnHead","label","key","sortDirection","setSortDirection","sort","direction","clear","set","sortFunction","handlePagination","onClick","event","page","_a","state","_pagination","_on","setState","Object","assign","_page","onChangePage","onChangePageSize","pageSize","_pageSize","onSelectionChange","stopPropagation","updateSortedData","cell","_data","sortedData","length","a","b","index","data","result","compareFn","get","reverse","_allowMultiSort","_dataFoot","_headers","horizontal","vertical","_label","_max","_sortedData","_paginationPosition","validateAllowMultiSort","validateData","validateTableData","afterPatch","setTimeout","validateDataFoot","validateTableDataFoot","changeCellSort","headerCell","findIndex","settings","splice","push","validateHeaders","emptyStringByArrayHandler","objectObjectHandler","parseJson","e","hooks","beforePatch","nextValue","applySort","headers","hasSortedCells","forEach","_b","_c","_d","devHint","validateLabel","required","validateMinWidth","watchString","undefined","validateSelection","validateTableSelection","validateOn","validateTableStatefulCallbacks","validatePagination","componentDidLoad","addEventListener","disconnectedCallback","removeEventListener","componentWillLoad","_minWidth","_selection","selectDisplayedData","slice","renderPagination","h","class","translate","placeholders","start","toString","end","total","Array","isArray","KolPaginationTag","_boundaryCount","_customClass","_pageSizeOptions","_siblingCount","_tooltipAlign","getHeaderCellSortState","find","handleSort","flat","getSelectedData","selectedKeys","selection","keyPropertyName","filter","item","multiple","handleSelectionChange","selectedData","tryToDispatchKoliBriEvent","host","Events","getSelection","render","displayedData","paginationTop","paginationBottom","headerCells","map","row","column","Host","KolTableStatelessWcTag","_headerCells","onSort","_","payload"],"sources":["src/schema/props/pagination-position.ts","src/components/table-stateful/style.scss?tag=kol-table-stateful&mode=default&encapsulation=shadow","src/components/table-stateful/shadow.tsx"],"sourcesContent":["/* types */\nimport type { Generic } from 'adopted-style-sheets';\nimport { watchValidator } from '../utils/prop.validators';\n\nconst paginationPositionPropTypeOptions = ['top', 'bottom', 'both'] as const;\nexport type PaginationPositionPropType = (typeof paginationPositionPropTypeOptions)[number];\n\n/**\n * Defines which position should be used for presentation.\n */\nexport type PropPaginationPosition = {\n\tpaginationPosition: PaginationPositionPropType;\n};\n\n/* validator */\nexport const validatePaginationPosition = (component: Generic.Element.Component, value?: PaginationPositionPropType): void => {\n\twatchValidator(\n\t\tcomponent,\n\t\t`_paginationPosition`,\n\t\t(value) => typeof value === 'string' && paginationPositionPropTypeOptions.includes(value),\n\t\tnew Set([`PaginationPositionPropType {${paginationPositionPropTypeOptions.join(', ')}`]),\n\t\tvalue,\n\t\t{\n\t\t\tdefaultValue: 'bottom',\n\t\t},\n\t);\n};\n","@use '../style' as *;\n@use '../@shared/kol-table-stateless-mixin' as *;\n\n@layer kol-component {\n\tdiv.pagination .kol-pagination {\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t}\n\n\tdiv.pagination,\n\tdiv.pagination > div:last-child {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t@media (max-width: 1024px) {\n\t\tdiv.pagination .kol-pagination {\n\t\t\tflex-direction: column;\n\t\t}\n\t}\n\n\t@media (min-width: 1024px) {\n\t\tdiv.pagination,\n\t\tdiv.pagination > div:last-child {\n\t\t\tgrid-auto-flow: column;\n\t\t}\n\n\t\tdiv.pagination .kol-pagination {\n\t\t\tdisplay: flex;\n\t\t}\n\t}\n}\n\n@include kol-table-stateless-styles;\n","/* eslint-disable jsx-a11y/no-noninteractive-tabindex */\nimport type {\n\tKoliBriDataCompareFn,\n\tKoliBriPaginationButtonCallbacks,\n\tKoliBriSortDirection,\n\tKoliBriSortFunction,\n\tKoliBriTableDataType,\n\tKoliBriTableHeaderCellWithLogic,\n\tKoliBriTableHeaders,\n\tKoliBriTablePaginationProps,\n\tKoliBriTableSelectedHead,\n\tLabelPropType,\n\tPaginationPositionPropType,\n\tStringified,\n\tTableAPI,\n\tTableStatefulCallbacksPropType,\n\tTableDataFootPropType,\n\tTableDataPropType,\n\tTableHeaderCells,\n\tTableSelectionPropType,\n\tTableStates,\n} from '../../schema';\nimport {\n\tdevHint,\n\temptyStringByArrayHandler,\n\tobjectObjectHandler,\n\tparseJson,\n\tsetState,\n\tvalidateLabel,\n\tvalidatePaginationPosition,\n\tvalidateTableData,\n\tvalidateTableDataFoot,\n\tvalidateTableSelection,\n\tvalidateTableStatefulCallbacks,\n\twatchString,\n\twatchValidator,\n} from '../../schema';\nimport type { JSX } from '@stencil/core';\nimport { Component, h, Host, Method, Prop, State, Watch, Element } from '@stencil/core';\n\nimport { translate } from '../../i18n';\nimport { KolPaginationTag, KolTableStatelessWcTag } from '../../core/component-names';\nimport type { SortEventPayload } from '../../schema';\nimport { tryToDispatchKoliBriEvent } from '../../utils/events';\nimport { Events } from '../../schema/enums';\n\nconst PAGINATION_OPTIONS = [10, 20, 50, 100];\n\nconst paginationValidator = (value: unknown) => value === true || value === '' /* true */ || (typeof value === 'object' && value !== null);\n\ntype SortData = {\n\tlabel: string;\n\tkey: string;\n\tcompareFn: KoliBriDataCompareFn;\n\tdirection: KoliBriSortDirection;\n};\n\n@Component({\n\ttag: 'kol-table-stateful',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolTableStateful implements TableAPI {\n\t@Element() private readonly host?: HTMLKolTableStatelessWcElement;\n\tprivate tableWcRef?: HTMLKolTableStatelessWcElement;\n\n\tprivate readonly catchRef = (ref?: HTMLKolTableStatelessWcElement) => {\n\t\tthis.tableWcRef = ref;\n\t};\n\n\t/**\n\t * @deprecated only for backward compatibility\n\t */\n\tprivate sortFunction?: KoliBriSortFunction;\n\t/**\n\t * @deprecated only for backward compatibility\n\t */\n\tprivate sortDirections: Map<KoliBriSortFunction, KoliBriSortDirection> = new Map();\n\tprivate sortData: SortData[] = [];\n\tprivate showPagination = false;\n\tprivate pageStartSlice = 0;\n\tprivate pageEndSlice = 10;\n\tprivate disableSort = false;\n\n\t/**\n\t * @deprecated only for backward compatibility\n\t */\n\tprivate sortedColumnHead: KoliBriTableSelectedHead = { label: '', key: '', sortDirection: 'NOS' };\n\n\t/**\n\t * Defines whether to allow multi sort.\n\t */\n\t@Prop() public _allowMultiSort?: boolean;\n\n\t/**\n\t * Defines the primary table data.\n\t */\n\t@Prop() public _data!: Stringified<KoliBriTableDataType[]>;\n\n\t/**\n\t * Defines the data for the table footer.\n\t */\n\t@Prop() public _dataFoot?: Stringified<KoliBriTableDataType[]>;\n\n\t/**\n\t * Defines the horizontal and vertical table headers.\n\t */\n\t@Prop() public _headers!: Stringified<KoliBriTableHeaders>;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop() public _label!: string;\n\n\t/**\n\t * Defines the table min-width.\n\t * @deprecated This property is deprecated and will be removed in the next major release.\n\t */\n\t@Prop() public _minWidth?: string;\n\n\t/**\n\t * Defines whether to show the data distributed over multiple pages.\n\t */\n\t@Prop() public _pagination?: boolean | Stringified<KoliBriTablePaginationProps>;\n\t/**\n\t * Controls the position of the pagination.\n\t */\n\t@Prop() public _paginationPosition?: PaginationPositionPropType = 'bottom';\n\t/**\n\t * Defines how rows can be selected and the current selection.\n\t */\n\t@Prop() public _selection?: TableSelectionPropType;\n\t/**\n\t * Defines the callback functions for table events.\n\t */\n\t@Prop() public _on?: TableStatefulCallbacksPropType;\n\n\t@State() public state: TableStates = {\n\t\t_allowMultiSort: false,\n\t\t_data: [],\n\t\t_dataFoot: [],\n\t\t_headers: {\n\t\t\thorizontal: [],\n\t\t\tvertical: [],\n\t\t},\n\t\t_label: '', // ⚠ required\n\t\t_pagination: {\n\t\t\t_page: 1,\n\t\t\t_pageSize: 10,\n\t\t\t_max: 0,\n\t\t},\n\t\t_sortedData: [],\n\t\t_paginationPosition: 'bottom',\n\t};\n\n\t@Watch('_allowMultiSort')\n\tpublic validateAllowMultiSort(value?: boolean): void {\n\t\twatchValidator(this, '_allowMultiSort', () => true, new Set(['boolean']), value, {\n\t\t\tdefaultValue: false,\n\t\t});\n\t}\n\n\t@Watch('_data')\n\tpublic validateData(value?: TableDataPropType): void {\n\t\tvalidateTableData(this, value, {\n\t\t\tafterPatch: () => {\n\t\t\t\t// TODO: kein guter Hack (endless loop)\n\t\t\t\tsetTimeout(this.updateSortedData);\n\t\t\t},\n\t\t});\n\t}\n\n\t@Watch('_dataFoot')\n\tpublic validateDataFoot(value?: TableDataFootPropType): void {\n\t\tvalidateTableDataFoot(this, value, {\n\t\t\tafterPatch: () => {\n\t\t\t\tsetTimeout(this.updateSortedData);\n\t\t\t},\n\t\t});\n\t}\n\n\t@Watch('_paginationPosition')\n\tpublic validatePaginationPosition(value?: PaginationPositionPropType): void {\n\t\tvalidatePaginationPosition(this, value);\n\t}\n\n\t/**\n\t * @deprecated only for backward compatibility\n\t */\n\tprivate setSortDirection = (sort: KoliBriSortFunction, direction: KoliBriSortDirection) => {\n\t\t/**\n\t\t * Durch des Clearen, ist es nicht möglich eine Mehr-Spalten-Sortierung\n\t\t * darzustellen. Das wäre der Fall, wenn man ggf. Daten in außerhalb der\n\t\t * Komponente sortiert und diese sortiert von außen rein gibt und der\n\t\t * Sortierungsalgorithmus mehrere Spalten zusammen sortierte.\n\t\t *\n\t\t * Beachte auch col.sort !== this.sortFunction\n\t\t */\n\t\tthis.sortDirections.clear();\n\t\tthis.sortDirections.set(sort, direction);\n\t\tthis.sortFunction = sort;\n\t};\n\n\t/**\n\t * Handles sorting logic for table columns.\n\t * If multi-sort is enabled (`_allowMultiSort`), multiple columns can be sorted at once.\n\t * Otherwise, sorting is cleared when switching between columns.\n\t */\n\n\tprivate changeCellSort(headerCell: KoliBriTableHeaderCellWithLogic) {\n\t\tif (typeof headerCell.compareFn === 'function') {\n\t\t\tif (!this.state._allowMultiSort && headerCell.key != this.sortData[0]?.key) {\n\t\t\t\t// clear when another column is sorted and multi sort is not allowed\n\t\t\t\tthis.sortData = [];\n\t\t\t}\n\n\t\t\tconst index = this.sortData.findIndex((value) => value.key === headerCell.key);\n\t\t\tif (index >= 0) {\n\t\t\t\tconst settings = this.sortData[index];\n\t\t\t\tswitch (settings.direction) {\n\t\t\t\t\tcase 'ASC':\n\t\t\t\t\t\tsettings.direction = 'DESC';\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase 'DESC':\n\t\t\t\t\t\tthis.sortData.splice(index, 1);\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tdefault:\n\t\t\t\t\t\tsettings.direction = 'ASC';\n\t\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t} else if (headerCell.key) {\n\t\t\t\tthis.sortData.push({\n\t\t\t\t\tlabel: headerCell.label,\n\t\t\t\t\tkey: headerCell.key,\n\t\t\t\t\tcompareFn: headerCell.compareFn,\n\t\t\t\t\tdirection: 'ASC',\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tthis.updateSortedData(headerCell as KoliBriTableSelectedHead);\n\t\t} else if (typeof headerCell.sort === 'function') {\n\t\t\tthis.sortFunction = headerCell.sort;\n\t\t\tswitch (this.sortDirections.get(this.sortFunction)) {\n\t\t\t\tcase 'ASC':\n\t\t\t\t\tthis.setSortDirection(this.sortFunction, 'DESC');\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'DESC':\n\t\t\t\t\tthis.setSortDirection(this.sortFunction, 'NOS');\n\t\t\t\t\tbreak;\n\t\t\t\tdefault:\n\t\t\t\t\tthis.setSortDirection(this.sortFunction, 'ASC');\n\t\t\t}\n\t\t\tthis.updateSortedData(headerCell as KoliBriTableSelectedHead);\n\t\t}\n\t}\n\n\t@Watch('_headers')\n\tpublic validateHeaders(value?: Stringified<KoliBriTableHeaders>): void {\n\t\t/**\n\t\t * - es darf maximal ein Header als primary markiert werden (last win)\n\t\t * - der primary-Header entscheidet implizit über _order und _orientation\n\t\t * - primary-Headers müssen das key-Property setzen\n\t\t * - nicht primary-Headers müssen das key-Property nicht setzen (wird ignoriert)\n\t\t * - _order: wird durch den primary-Header geregelt\n\t\t * - _orientation: wird durch den primary-Header geregelt\n\t\t * - sobald ein Header sortierbar ist, darf es nur noch entweder horizontale\n\t\t * oder vertikale Header geben, aber nicht mehr beides\n\t\t */\n\t\temptyStringByArrayHandler(value, () => {\n\t\t\tobjectObjectHandler(value, () => {\n\t\t\t\ttry {\n\t\t\t\t\tvalue = parseJson<KoliBriTableHeaders>(value);\n\t\t\t\t\t// eslint-disable-next-line no-empty\n\t\t\t\t} catch (e) {\n\t\t\t\t\t// value behält den ursprünglichen Wert\n\t\t\t\t}\n\t\t\t\twatchValidator(this, '_headers', (value): boolean => typeof value === 'object' && value !== null, new Set(['KoliBriTableHeaders']), value, {\n\t\t\t\t\thooks: {\n\t\t\t\t\t\tbeforePatch: (nextValue: unknown) => {\n\t\t\t\t\t\t\tconst applySort = (headers: KoliBriTableHeaderCellWithLogic[]) => {\n\t\t\t\t\t\t\t\tlet hasSortedCells = false;\n\t\t\t\t\t\t\t\theaders.forEach((cell) => {\n\t\t\t\t\t\t\t\t\tconst key = cell.key;\n\t\t\t\t\t\t\t\t\tif (!key) {\n\t\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tconst sortDirection = cell.sortDirection;\n\t\t\t\t\t\t\t\t\tif (sortDirection === 'ASC' || sortDirection === 'DESC') {\n\t\t\t\t\t\t\t\t\t\tif (typeof cell.compareFn === 'function') {\n\t\t\t\t\t\t\t\t\t\t\tif (this.state._allowMultiSort || this.sortData.length === 0) {\n\t\t\t\t\t\t\t\t\t\t\t\tthis.sortData.push({ label: cell.label, key, compareFn: cell.compareFn, direction: sortDirection });\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\thasSortedCells = true;\n\t\t\t\t\t\t\t\t\t\t} else if (typeof cell.sort === 'function') {\n\t\t\t\t\t\t\t\t\t\t\tthis.setSortDirection(cell.sort, sortDirection);\n\t\t\t\t\t\t\t\t\t\t\tsetTimeout(() => this.updateSortedData({ key, label: cell.label, sortDirection }));\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\tif (hasSortedCells) {\n\t\t\t\t\t\t\t\t\tsetTimeout(() => this.updateSortedData());\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t};\n\n\t\t\t\t\t\t\tconst headers: KoliBriTableHeaders = nextValue as KoliBriTableHeaders;\n\t\t\t\t\t\t\theaders.horizontal?.forEach(applySort);\n\t\t\t\t\t\t\theaders.vertical?.forEach(applySort);\n\n\t\t\t\t\t\t\tif (headers.horizontal && headers.vertical && headers.horizontal?.length > 0 && headers.vertical?.length > 0) {\n\t\t\t\t\t\t\t\tthis.disableSort = true;\n\t\t\t\t\t\t\t\tdevHint(\n\t\t\t\t\t\t\t\t\t`Table: You can not sort the table data, if horizontal and vertical headers are defined at the same time. (https://github.com/public-ui/kolibri/issues/2372)`,\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t});\n\t\t\t});\n\t\t});\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelPropType): void {\n\t\tvalidateLabel(this, value, {\n\t\t\trequired: true,\n\t\t});\n\t}\n\n\t/**\n\t * @deprecated This property is deprecated and will be removed in the next major release.\n\t */\n\t@Watch('_minWidth')\n\tpublic validateMinWidth(value?: string): void {\n\t\twatchString(this, '_minWidth', value, {\n\t\t\tdefaultValue: undefined,\n\t\t});\n\t}\n\n\t@Watch('_selection')\n\tpublic validateSelection(value?: TableSelectionPropType): void {\n\t\tvalidateTableSelection(this, value);\n\t}\n\t@Watch('_on')\n\tpublic validateOn(value?: TableStatefulCallbacksPropType): void {\n\t\tvalidateTableStatefulCallbacks(this, value);\n\t}\n\n\tprivate readonly handlePagination: KoliBriPaginationButtonCallbacks = {\n\t\tonClick: (event: Event, page: number) => {\n\t\t\tif (typeof this.state._pagination._on?.onClick === 'function') {\n\t\t\t\tthis.state._pagination._on.onClick(event, page);\n\t\t\t}\n\t\t\tsetState(this, '_pagination', {\n\t\t\t\t...this.state._pagination,\n\t\t\t\t_page: page,\n\t\t\t});\n\t\t},\n\t\tonChangePage: (event: Event, page: number) => {\n\t\t\tif (typeof this.state._pagination._on?.onChangePage === 'function') {\n\t\t\t\tthis.state._pagination._on.onChangePage(event, page);\n\t\t\t}\n\t\t\tsetState(this, '_pagination', {\n\t\t\t\t...this.state._pagination,\n\t\t\t\t_page: page,\n\t\t\t});\n\t\t},\n\t\tonChangePageSize: (event: Event, pageSize: number) => {\n\t\t\tif (typeof this.state._pagination._on?.onChangePageSize === 'function') {\n\t\t\t\tthis.state._pagination._on.onChangePageSize(event, pageSize);\n\t\t\t}\n\t\t\tsetState(this, '_pagination', {\n\t\t\t\t...this.state._pagination,\n\t\t\t\t_pageSize: pageSize,\n\t\t\t});\n\t\t\tsetState(this, '_pageSize', pageSize);\n\t\t},\n\t};\n\n\t@Watch('_pagination')\n\tpublic validatePagination(value?: boolean | Stringified<KoliBriTablePaginationProps>): void {\n\t\ttry {\n\t\t\tvalue = parseJson<boolean | KoliBriTablePaginationProps>(value);\n\t\t\t// eslint-disable-next-line no-empty\n\t\t} catch (e) {\n\t\t\t// value behält den ursprünglichen Wert\n\t\t}\n\n\t\tthis.showPagination = paginationValidator(value);\n\n\t\twatchValidator<boolean | Stringified<KoliBriTablePaginationProps>>(\n\t\t\tthis,\n\t\t\t'_pagination',\n\t\t\tpaginationValidator,\n\t\t\tnew Set(['boolean', 'KoliBriTablePagination']),\n\t\t\tvalue,\n\t\t\t{\n\t\t\t\tdefaultValue: {\n\t\t\t\t\t_page: 1,\n\t\t\t\t\t_pageSize: 10,\n\t\t\t\t\t_max: 0,\n\t\t\t\t},\n\t\t\t},\n\t\t);\n\t}\n\n\tprivate onSelectionChange = (event: Event): void => {\n\t\tevent.stopPropagation();\n\t};\n\n\tpublic componentDidLoad(): void {\n\t\tthis.tableWcRef?.addEventListener('kol-selection-change', this.onSelectionChange);\n\t}\n\n\tpublic disconnectedCallback(): void {\n\t\tthis.tableWcRef?.removeEventListener('kol-selection-change', this.onSelectionChange);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateAllowMultiSort(this._allowMultiSort);\n\t\tthis.validateData(this._data);\n\t\tthis.validateDataFoot(this._dataFoot);\n\t\tthis.validateHeaders(this._headers);\n\t\tthis.validateLabel(this._label);\n\t\tthis.validateMinWidth(this._minWidth);\n\t\tthis.validatePagination(this._pagination);\n\t\tthis.validatePaginationPosition(this._paginationPosition);\n\t\tthis.validateSelection(this._selection);\n\t\tthis.validateOn(this._on);\n\t}\n\n\tprivate selectDisplayedData(data: KoliBriTableDataType[], pageSize: number, page: number): KoliBriTableDataType[] {\n\t\tif (typeof pageSize === 'number' && pageSize > 0 && typeof page === 'number' && page > 0) {\n\t\t\tthis.pageStartSlice = pageSize * (page - 1);\n\t\t\tthis.pageEndSlice = pageSize * page > data.length ? data.length : pageSize * page;\n\t\t\treturn data.slice(this.pageStartSlice, this.pageEndSlice);\n\t\t} else {\n\t\t\tthis.pageStartSlice = 0;\n\t\t\tthis.pageEndSlice = data.length;\n\t\t\treturn data;\n\t\t}\n\t}\n\n\t/**\n\t *\n\t * @param cell only used for old single sort. Can be removed when sort is removed.\n\t */\n\tprivate updateSortedData = (cell: KoliBriTableSelectedHead = this.sortedColumnHead) => {\n\t\tif (this.disableSort) {\n\t\t\tsetState(this, '_sortedData', this.state._data);\n\t\t\treturn;\n\t\t}\n\n\t\tlet sortedData: KoliBriTableDataType[] = this.state._data;\n\t\tif (this.sortData.length > 0) {\n\t\t\tsortedData = this.state._data.sort((a: KoliBriTableDataType, b: KoliBriTableDataType) => {\n\t\t\t\tfor (let index = 0; index < this.sortData.length; index++) {\n\t\t\t\t\tconst data = this.sortData[index];\n\t\t\t\t\tconst result = data.compareFn(a, b);\n\t\t\t\t\tif (result !== 0) {\n\t\t\t\t\t\treturn data.direction === 'ASC' ? result : -result;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\treturn 0;\n\t\t\t});\n\t\t} else if (typeof this.sortFunction === 'function') {\n\t\t\tswitch (this.sortDirections.get(this.sortFunction)) {\n\t\t\t\tcase 'ASC':\n\t\t\t\t\tsortedData = this.sortFunction([...this.state._data]);\n\t\t\t\t\tthis.sortedColumnHead = { label: cell.label, key: cell.key, sortDirection: 'ASC' };\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'DESC':\n\t\t\t\t\tsortedData = this.sortFunction([...this.state._data]).reverse();\n\t\t\t\t\tthis.sortedColumnHead = { label: cell.label, key: cell.key, sortDirection: 'DESC' };\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'NOS':\n\t\t\t\tdefault:\n\t\t\t\t\tsortedData = [...this.state._data];\n\t\t\t\t\tthis.sortedColumnHead = { label: '', key: '', sortDirection: 'NOS' };\n\t\t\t}\n\t\t}\n\t\tsetState(this, '_sortedData', sortedData);\n\t};\n\n\t/**\n\t * Renders the pagination controls for the table, showing the current visible data range\n\t * and providing navigation between different pages.\n\t *\n\t * @returns {JSX.Element} The rendered pagination controls including page range and navigation.\n\t */\n\tprivate renderPagination(): JSX.Element {\n\t\treturn (\n\t\t\t<div class=\"pagination\">\n\t\t\t\t<span>\n\t\t\t\t\t{translate('kol-table-visible-range', {\n\t\t\t\t\t\tplaceholders: {\n\t\t\t\t\t\t\tstart: this.pageEndSlice > 0 ? (this.pageStartSlice + 1).toString() : '0',\n\t\t\t\t\t\t\tend: this.pageEndSlice.toString(),\n\t\t\t\t\t\t\ttotal:\n\t\t\t\t\t\t\t\tthis.state._pagination && this.state._pagination._max > 0\n\t\t\t\t\t\t\t\t\t? this.state._pagination._max.toString()\n\t\t\t\t\t\t\t\t\t: Array.isArray(this.state._data)\n\t\t\t\t\t\t\t\t\t\t? this.state._data.length.toString()\n\t\t\t\t\t\t\t\t\t\t: '0',\n\t\t\t\t\t\t},\n\t\t\t\t\t})}\n\t\t\t\t</span>\n\t\t\t\t<div>\n\t\t\t\t\t<KolPaginationTag\n\t\t\t\t\t\t_boundaryCount={this.state._pagination._boundaryCount}\n\t\t\t\t\t\t_customClass={this.state._pagination._customClass}\n\t\t\t\t\t\t_on={this.handlePagination}\n\t\t\t\t\t\t_page={this.state._pagination._page}\n\t\t\t\t\t\t_pageSize={this.state._pagination._pageSize}\n\t\t\t\t\t\t_pageSizeOptions={this.state._pagination._pageSizeOptions || PAGINATION_OPTIONS}\n\t\t\t\t\t\t_siblingCount={this.state._pagination._siblingCount}\n\t\t\t\t\t\t_tooltipAlign=\"bottom\"\n\t\t\t\t\t\t_max={this.state._pagination._max || this.state._pagination._max || this.state._data.length}\n\t\t\t\t\t\t_label={translate('kol-table-pagination-label', { placeholders: { label: this.state._label } })}\n\t\t\t\t\t></KolPaginationTag>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n\n\tprivate getHeaderCellSortState(headerCell: KoliBriTableHeaderCellWithLogic): KoliBriSortDirection | undefined {\n\t\tif (!this.disableSort && (typeof headerCell.compareFn === 'function' || typeof headerCell.sort === 'function')) {\n\t\t\tif (headerCell.key === this.sortedColumnHead.key) {\n\t\t\t\treturn this.sortedColumnHead.sortDirection;\n\t\t\t}\n\t\t\tif (headerCell.key) {\n\t\t\t\tconst data = this.sortData.find((value) => value.key === headerCell.key);\n\t\t\t\tif (data?.direction) {\n\t\t\t\t\treturn data.direction;\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn 'NOS';\n\t\t}\n\t}\n\n\tprivate handleSort({ key }: SortEventPayload) {\n\t\tconst headerCell = [...(this.state._headers.horizontal || []).flat(), ...(this.state._headers.vertical || []).flat()].find((cell) => cell.key === key);\n\t\tif (headerCell) {\n\t\t\tthis.changeCellSort(headerCell);\n\t\t}\n\t}\n\n\tprivate getSelectedData(selectedKeys: string[] | string): null | KoliBriTableDataType | KoliBriTableDataType[] {\n\t\tconst selection = this.state._selection;\n\t\tif (selection) {\n\t\t\tconst keyPropertyName = selection.keyPropertyName ?? 'id';\n\t\t\tconst data = this.state._sortedData.filter((item) => selectedKeys.includes(item[keyPropertyName] as string));\n\t\t\tif (selection?.multiple === false) {\n\t\t\t\treturn data[0];\n\t\t\t}\n\n\t\t\tif (keyPropertyName) return data;\n\t\t}\n\t\treturn null;\n\t}\n\tprivate handleSelectionChange(event: Event, value: string[] | string): void {\n\t\tconst selection = this.state._selection;\n\t\tif (selection)\n\t\t\tthis.state = {\n\t\t\t\t...this.state,\n\t\t\t\t_selection: {\n\t\t\t\t\t...selection,\n\t\t\t\t\tselectedKeys: typeof value === 'object' ? value : [value],\n\t\t\t\t},\n\t\t\t};\n\t\tconst selectedData = this.getSelectedData(value);\n\n\t\ttryToDispatchKoliBriEvent('selection-change', this.host, selectedData);\n\n\t\tif (typeof this.state._on?.[Events.onSelectionChange] === 'function') {\n\t\t\tthis.state._on[Events.onSelectionChange](event, selectedData);\n\t\t}\n\t}\n\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async getSelection(): Promise<KoliBriTableDataType[] | KoliBriTableDataType | null> {\n\t\tconst selectedKeys: string[] = this.state._selection?.selectedKeys || [];\n\t\treturn this.getSelectedData(selectedKeys);\n\t}\n\n\tpublic render(): JSX.Element {\n\t\tconst displayedData: KoliBriTableDataType[] = this.selectDisplayedData(\n\t\t\tthis.state._sortedData,\n\t\t\tthis.showPagination ? (this.state._pagination?._pageSize ?? 10) : this.state._sortedData.length,\n\t\t\tthis.state._pagination._page || 1,\n\t\t);\n\t\tconst paginationTop = this._paginationPosition === 'top' || this._paginationPosition === 'both' ? this.renderPagination() : null;\n\t\tconst paginationBottom = this._paginationPosition === 'bottom' || this._paginationPosition === 'both' ? this.renderPagination() : null;\n\n\t\tconst headerCells: TableHeaderCells = {\n\t\t\thorizontal: this.state._headers.horizontal?.map((row) => row.map((cell) => ({ ...cell, sortDirection: this.getHeaderCellSortState(cell) }))),\n\t\t\tvertical: this.state._headers.vertical?.map((column) => column.map((cell) => ({ ...cell, sortDirection: this.getHeaderCellSortState(cell) }))),\n\t\t};\n\t\treturn (\n\t\t\t<Host class=\"kol-table-stateful\">\n\t\t\t\t{this.pageEndSlice > 0 && this.showPagination && paginationTop}\n\t\t\t\t<KolTableStatelessWcTag\n\t\t\t\t\tref={this.catchRef}\n\t\t\t\t\t_data={displayedData}\n\t\t\t\t\t_headerCells={headerCells}\n\t\t\t\t\t_label={this.state._label}\n\t\t\t\t\t_dataFoot={this.state._dataFoot}\n\t\t\t\t\t_minWidth={this.state._minWidth}\n\t\t\t\t\t_on={{\n\t\t\t\t\t\tonSort: (_: MouseEvent, payload: SortEventPayload) => {\n\t\t\t\t\t\t\tthis.handleSort(payload);\n\t\t\t\t\t\t},\n\t\t\t\t\t\tonSelectionChange: (event: Event, value: string[] | string) => {\n\t\t\t\t\t\t\tthis.handleSelectionChange(event, value);\n\t\t\t\t\t\t},\n\t\t\t\t\t}}\n\t\t\t\t\t_selection={this.state._selection}\n\t\t\t\t/>\n\t\t\t\t{this.pageEndSlice > 0 && this.showPagination && paginationBottom}\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
|
1
|
+
{"version":3,"names":["paginationPositionPropTypeOptions","validatePaginationPosition","component","value","watchValidator","includes","Set","join","defaultValue","defaultStyleCss","KolTableStatefulDefaultStyle0","PAGINATION_OPTIONS","paginationValidator","KolTableStateful","this","catchRef","ref","tableWcRef","sortData","showPagination","pageStartSlice","pageEndSlice","disableSort","handlePagination","onClick","event","page","_a","state","_pagination","_on","setState","Object","assign","_page","onChangePage","onChangePageSize","pageSize","_pageSize","onSelectionChange","stopPropagation","updateSortedData","_data","sortedData","length","sort","a","b","index","data","result","compareFn","direction","_allowMultiSort","_dataFoot","_headers","horizontal","vertical","_label","_minWidth","_max","_sortedData","_paginationPosition","validateAllowMultiSort","validateData","validateTableData","afterPatch","setTimeout","validateDataFoot","validateTableDataFoot","changeCellSort","headerCell","key","findIndex","settings","splice","push","label","validateHeaders","emptyStringByArrayHandler","objectObjectHandler","parseJson","e","hooks","beforePatch","nextValue","applySort","headers","hasSortedCells","forEach","cell","sortDirection","_b","_c","_d","devHint","validateLabel","required","validateMinWidth","watchString","undefined","validateSelection","validateTableSelection","validateOn","validateTableStatefulCallbacks","validatePagination","componentDidLoad","addEventListener","KolEvent","selectionChange","disconnectedCallback","removeEventListener","componentWillLoad","_selection","selectDisplayedData","slice","renderPagination","h","class","translate","placeholders","start","toString","end","total","Array","isArray","KolPaginationTag","_boundaryCount","_customClass","_pageSizeOptions","_siblingCount","_tooltipAlign","getHeaderCellSortState","find","handleSort","flat","getSelectedData","selectedKeys","selection","keyPropertyName","filter","item","multiple","handleSelectionChange","selectedData","Callback","host","dispatchDomEvent","getSelection","render","displayedData","paginationTop","paginationBottom","headerCells","map","row","column","Host","KolTableStatelessWcTag","_headerCells","onSort","_","payload"],"sources":["src/schema/props/pagination-position.ts","src/components/table-stateful/style.scss?tag=kol-table-stateful&mode=default&encapsulation=shadow","src/components/table-stateful/shadow.tsx"],"sourcesContent":["/* types */\nimport type { Generic } from 'adopted-style-sheets';\nimport { watchValidator } from '../utils/prop.validators';\n\nconst paginationPositionPropTypeOptions = ['top', 'bottom', 'both'] as const;\nexport type PaginationPositionPropType = (typeof paginationPositionPropTypeOptions)[number];\n\n/**\n * Defines which position should be used for presentation.\n */\nexport type PropPaginationPosition = {\n\tpaginationPosition: PaginationPositionPropType;\n};\n\n/* validator */\nexport const validatePaginationPosition = (component: Generic.Element.Component, value?: PaginationPositionPropType): void => {\n\twatchValidator(\n\t\tcomponent,\n\t\t`_paginationPosition`,\n\t\t(value) => typeof value === 'string' && paginationPositionPropTypeOptions.includes(value),\n\t\tnew Set([`PaginationPositionPropType {${paginationPositionPropTypeOptions.join(', ')}`]),\n\t\tvalue,\n\t\t{\n\t\t\tdefaultValue: 'bottom',\n\t\t},\n\t);\n};\n","@use '../@shared/mixins' as *;\n@use '../../styles/global' as *;\n@use '../@shared/kol-table-stateless-mixin' as *;\n\n@include kol-table-stateless-styles;\n\n@layer kol-component {\n\t:host {\n\t\tfont-size: rem(16);\n\t}\n\n\t.kol-table-stateful {\n\t\t&__pagination,\n\t\t&__pagination-wrapper {\n\t\t\tdisplay: grid;\n\t\t\tplace-items: center;\n\n\t\t\t@media (min-width: 1024px) {\n\t\t\t\tgrid-auto-flow: column;\n\t\t\t}\n\t\t}\n\t}\n\n\t.kol-pagination {\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\n\t\t@media (min-width: 1024px) {\n\t\t\tdisplay: flex;\n\t\t}\n\n\t\t@media (max-width: 1024px) {\n\t\t\tflex-direction: column;\n\t\t}\n\t}\n}\n","/* eslint-disable jsx-a11y/no-noninteractive-tabindex */\nimport type { JSX } from '@stencil/core';\nimport { Component, Element, h, Host, Method, Prop, State, Watch } from '@stencil/core';\nimport { KolPaginationTag, KolTableStatelessWcTag } from '../../core/component-names';\nimport { translate } from '../../i18n';\nimport type {\n\tKoliBriDataCompareFn,\n\tKoliBriPaginationButtonCallbacks,\n\tKoliBriSortDirection,\n\tKoliBriTableDataType,\n\tKoliBriTableHeaderCellWithLogic,\n\tKoliBriTableHeaders,\n\tKoliBriTablePaginationProps,\n\tLabelPropType,\n\tPaginationPositionPropType,\n\tSortEventPayload,\n\tStringified,\n\tTableAPI,\n\tTableDataFootPropType,\n\tTableDataPropType,\n\tTableHeaderCells,\n\tTableSelectionPropType,\n\tTableStatefulCallbacksPropType,\n\tTableStates,\n} from '../../schema';\nimport {\n\tdevHint,\n\temptyStringByArrayHandler,\n\tobjectObjectHandler,\n\tparseJson,\n\tsetState,\n\tvalidateLabel,\n\tvalidatePaginationPosition,\n\tvalidateTableData,\n\tvalidateTableDataFoot,\n\tvalidateTableSelection,\n\tvalidateTableStatefulCallbacks,\n\twatchString,\n\twatchValidator,\n} from '../../schema';\nimport { Callback } from '../../schema/enums';\nimport type { MinWidthPropType } from '../../schema/props/min-width';\nimport { dispatchDomEvent, KolEvent } from '../../utils/events';\n\nconst PAGINATION_OPTIONS = [10, 20, 50, 100];\n\nconst paginationValidator = (value: unknown) => value === true || value === '' /* true */ || (typeof value === 'object' && value !== null);\n\ntype SortData = {\n\tlabel: string;\n\tkey: string;\n\tcompareFn: KoliBriDataCompareFn;\n\tdirection: KoliBriSortDirection;\n};\n\n@Component({\n\ttag: 'kol-table-stateful',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolTableStateful implements TableAPI {\n\t@Element() private readonly host?: HTMLKolTableStatelessWcElement;\n\tprivate tableWcRef?: HTMLKolTableStatelessWcElement;\n\n\tprivate readonly catchRef = (ref?: HTMLKolTableStatelessWcElement) => {\n\t\tthis.tableWcRef = ref;\n\t};\n\n\tprivate sortData: SortData[] = [];\n\tprivate showPagination = false;\n\tprivate pageStartSlice = 0;\n\tprivate pageEndSlice = 10;\n\tprivate disableSort = false;\n\n\t/**\n\t * Defines whether to allow multi sort.\n\t */\n\t@Prop() public _allowMultiSort?: boolean;\n\n\t/**\n\t * Defines the primary table data.\n\t */\n\t@Prop() public _data!: Stringified<KoliBriTableDataType[]>;\n\n\t/**\n\t * Defines the data for the table footer.\n\t */\n\t@Prop() public _dataFoot?: Stringified<KoliBriTableDataType[]>;\n\n\t/**\n\t * Defines the horizontal and vertical table headers.\n\t */\n\t@Prop() public _headers!: Stringified<KoliBriTableHeaders>;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop() public _label!: string;\n\n\t/**\n\t * Defines the table min-width (CSS width values).\n\t */\n\t@Prop() public _minWidth!: MinWidthPropType;\n\n\t/**\n\t * Defines whether to show the data distributed over multiple pages.\n\t */\n\t@Prop() public _pagination?: boolean | Stringified<KoliBriTablePaginationProps>;\n\t/**\n\t * Controls the position of the pagination.\n\t */\n\t@Prop() public _paginationPosition?: PaginationPositionPropType = 'bottom';\n\t/**\n\t * Defines how rows can be selected and the current selection.\n\t */\n\t@Prop() public _selection?: TableSelectionPropType;\n\t/**\n\t * Defines the callback functions for table events.\n\t */\n\t@Prop() public _on?: TableStatefulCallbacksPropType;\n\n\t@State() public state: TableStates = {\n\t\t_allowMultiSort: false,\n\t\t_data: [],\n\t\t_dataFoot: [],\n\t\t_headers: {\n\t\t\thorizontal: [],\n\t\t\tvertical: [],\n\t\t},\n\t\t_label: '', // ⚠ required\n\t\t_minWidth: 'auto',\n\t\t_pagination: {\n\t\t\t_page: 1,\n\t\t\t_pageSize: 10,\n\t\t\t_max: 0,\n\t\t},\n\t\t_sortedData: [],\n\t\t_paginationPosition: 'bottom',\n\t};\n\n\t@Watch('_allowMultiSort')\n\tpublic validateAllowMultiSort(value?: boolean): void {\n\t\twatchValidator(this, '_allowMultiSort', () => true, new Set(['boolean']), value, {\n\t\t\tdefaultValue: false,\n\t\t});\n\t}\n\n\t@Watch('_data')\n\tpublic validateData(value?: TableDataPropType): void {\n\t\tvalidateTableData(this, value, {\n\t\t\tafterPatch: () => {\n\t\t\t\t// TODO: kein guter Hack (endless loop)\n\t\t\t\tsetTimeout(this.updateSortedData);\n\t\t\t},\n\t\t});\n\t}\n\n\t@Watch('_dataFoot')\n\tpublic validateDataFoot(value?: TableDataFootPropType): void {\n\t\tvalidateTableDataFoot(this, value, {\n\t\t\tafterPatch: () => {\n\t\t\t\tsetTimeout(this.updateSortedData);\n\t\t\t},\n\t\t});\n\t}\n\n\t@Watch('_paginationPosition')\n\tpublic validatePaginationPosition(value?: PaginationPositionPropType): void {\n\t\tvalidatePaginationPosition(this, value);\n\t}\n\n\t/**\n\t * Handles sorting logic for table columns.\n\t * If multi-sort is enabled (`_allowMultiSort`), multiple columns can be sorted at once.\n\t * Otherwise, sorting is cleared when switching between columns.\n\t */\n\tprivate changeCellSort(headerCell: KoliBriTableHeaderCellWithLogic) {\n\t\tif (typeof headerCell.compareFn === 'function') {\n\t\t\tif (!this.state._allowMultiSort && headerCell.key != this.sortData[0]?.key) {\n\t\t\t\t// clear when another column is sorted and multi sort is not allowed\n\t\t\t\tthis.sortData = [];\n\t\t\t}\n\n\t\t\tconst index = this.sortData.findIndex((value) => value.key === headerCell.key);\n\t\t\tif (index >= 0) {\n\t\t\t\tconst settings = this.sortData[index];\n\t\t\t\tswitch (settings.direction) {\n\t\t\t\t\tcase 'ASC':\n\t\t\t\t\t\tsettings.direction = 'DESC';\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase 'DESC':\n\t\t\t\t\t\tthis.sortData.splice(index, 1);\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tdefault:\n\t\t\t\t\t\tsettings.direction = 'ASC';\n\t\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t} else if (headerCell.key) {\n\t\t\t\tthis.sortData.push({\n\t\t\t\t\tlabel: headerCell.label,\n\t\t\t\t\tkey: headerCell.key,\n\t\t\t\t\tcompareFn: headerCell.compareFn,\n\t\t\t\t\tdirection: 'ASC',\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tthis.updateSortedData();\n\t\t}\n\t}\n\n\t@Watch('_headers')\n\tpublic validateHeaders(value?: Stringified<KoliBriTableHeaders>): void {\n\t\t/**\n\t\t * - es darf maximal ein Header als primary markiert werden (last win)\n\t\t * - der primary-Header entscheidet implizit über _order und _orientation\n\t\t * - primary-Headers müssen das key-Property setzen\n\t\t * - nicht primary-Headers müssen das key-Property nicht setzen (wird ignoriert)\n\t\t * - _order: wird durch den primary-Header geregelt\n\t\t * - _orientation: wird durch den primary-Header geregelt\n\t\t * - sobald ein Header sortierbar ist, darf es nur noch entweder horizontale\n\t\t * oder vertikale Header geben, aber nicht mehr beides\n\t\t */\n\t\temptyStringByArrayHandler(value, () => {\n\t\t\tobjectObjectHandler(value, () => {\n\t\t\t\ttry {\n\t\t\t\t\tvalue = parseJson<KoliBriTableHeaders>(value);\n\t\t\t\t\t// eslint-disable-next-line no-empty\n\t\t\t\t} catch (e) {\n\t\t\t\t\t// value behält den ursprünglichen Wert\n\t\t\t\t}\n\t\t\t\twatchValidator(this, '_headers', (value): boolean => typeof value === 'object' && value !== null, new Set(['KoliBriTableHeaders']), value, {\n\t\t\t\t\thooks: {\n\t\t\t\t\t\tbeforePatch: (nextValue: unknown) => {\n\t\t\t\t\t\t\tconst applySort = (headers: KoliBriTableHeaderCellWithLogic[]) => {\n\t\t\t\t\t\t\t\tlet hasSortedCells = false;\n\t\t\t\t\t\t\t\theaders.forEach((cell) => {\n\t\t\t\t\t\t\t\t\tconst key = cell.key;\n\t\t\t\t\t\t\t\t\tif (!key) {\n\t\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tconst sortDirection = cell.sortDirection;\n\t\t\t\t\t\t\t\t\tif (sortDirection === 'ASC' || sortDirection === 'DESC') {\n\t\t\t\t\t\t\t\t\t\tif (typeof cell.compareFn === 'function') {\n\t\t\t\t\t\t\t\t\t\t\tif (this.state._allowMultiSort || this.sortData.length === 0) {\n\t\t\t\t\t\t\t\t\t\t\t\tthis.sortData.push({ label: cell.label, key, compareFn: cell.compareFn, direction: sortDirection });\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\thasSortedCells = true;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\tif (hasSortedCells) {\n\t\t\t\t\t\t\t\t\tsetTimeout(() => this.updateSortedData());\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t};\n\n\t\t\t\t\t\t\tconst headers: KoliBriTableHeaders = nextValue as KoliBriTableHeaders;\n\t\t\t\t\t\t\theaders.horizontal?.forEach(applySort);\n\t\t\t\t\t\t\theaders.vertical?.forEach(applySort);\n\n\t\t\t\t\t\t\tif (headers.horizontal && headers.vertical && headers.horizontal?.length > 0 && headers.vertical?.length > 0) {\n\t\t\t\t\t\t\t\tthis.disableSort = true;\n\t\t\t\t\t\t\t\tdevHint(\n\t\t\t\t\t\t\t\t\t`Table: You can not sort the table data, if horizontal and vertical headers are defined at the same time. (https://github.com/public-ui/kolibri/issues/2372)`,\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t});\n\t\t\t});\n\t\t});\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelPropType): void {\n\t\tvalidateLabel(this, value, {\n\t\t\trequired: true,\n\t\t});\n\t}\n\n\t@Watch('_minWidth')\n\tpublic validateMinWidth(value?: string): void {\n\t\twatchString(this, '_minWidth', value, {\n\t\t\tdefaultValue: undefined,\n\t\t});\n\t}\n\n\t@Watch('_selection')\n\tpublic validateSelection(value?: TableSelectionPropType): void {\n\t\tvalidateTableSelection(this, value);\n\t}\n\t@Watch('_on')\n\tpublic validateOn(value?: TableStatefulCallbacksPropType): void {\n\t\tvalidateTableStatefulCallbacks(this, value);\n\t}\n\n\tprivate readonly handlePagination: KoliBriPaginationButtonCallbacks = {\n\t\tonClick: (event: Event, page: number) => {\n\t\t\tif (typeof this.state._pagination._on?.onClick === 'function') {\n\t\t\t\tthis.state._pagination._on.onClick(event, page);\n\t\t\t}\n\t\t\tsetState(this, '_pagination', {\n\t\t\t\t...this.state._pagination,\n\t\t\t\t_page: page,\n\t\t\t});\n\t\t},\n\t\tonChangePage: (event: Event, page: number) => {\n\t\t\tif (typeof this.state._pagination._on?.onChangePage === 'function') {\n\t\t\t\tthis.state._pagination._on.onChangePage(event, page);\n\t\t\t}\n\t\t\tsetState(this, '_pagination', {\n\t\t\t\t...this.state._pagination,\n\t\t\t\t_page: page,\n\t\t\t});\n\t\t},\n\t\tonChangePageSize: (event: Event, pageSize: number) => {\n\t\t\tif (typeof this.state._pagination._on?.onChangePageSize === 'function') {\n\t\t\t\tthis.state._pagination._on.onChangePageSize(event, pageSize);\n\t\t\t}\n\t\t\tsetState(this, '_pagination', {\n\t\t\t\t...this.state._pagination,\n\t\t\t\t_pageSize: pageSize,\n\t\t\t});\n\t\t\tsetState(this, '_pageSize', pageSize);\n\t\t},\n\t};\n\n\t@Watch('_pagination')\n\tpublic validatePagination(value?: boolean | Stringified<KoliBriTablePaginationProps>): void {\n\t\ttry {\n\t\t\tvalue = parseJson<boolean | KoliBriTablePaginationProps>(value);\n\t\t\t// eslint-disable-next-line no-empty\n\t\t} catch (e) {\n\t\t\t// value behält den ursprünglichen Wert\n\t\t}\n\n\t\tthis.showPagination = paginationValidator(value);\n\n\t\twatchValidator<boolean | Stringified<KoliBriTablePaginationProps>>(\n\t\t\tthis,\n\t\t\t'_pagination',\n\t\t\tpaginationValidator,\n\t\t\tnew Set(['boolean', 'KoliBriTablePagination']),\n\t\t\tvalue,\n\t\t\t{\n\t\t\t\tdefaultValue: {\n\t\t\t\t\t_page: 1,\n\t\t\t\t\t_pageSize: 10,\n\t\t\t\t\t_max: 0,\n\t\t\t\t},\n\t\t\t},\n\t\t);\n\t}\n\n\tprivate onSelectionChange = (event: Event): void => {\n\t\t/* Stop propagation for selectionChange event from table-stateless component because table-stateful emits its own selectionChange event. */\n\t\tevent.stopPropagation();\n\t};\n\n\tpublic componentDidLoad(): void {\n\t\tthis.tableWcRef?.addEventListener(KolEvent.selectionChange, this.onSelectionChange);\n\t}\n\n\tpublic disconnectedCallback(): void {\n\t\tthis.tableWcRef?.removeEventListener(KolEvent.selectionChange, this.onSelectionChange);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateAllowMultiSort(this._allowMultiSort);\n\t\tthis.validateData(this._data);\n\t\tthis.validateDataFoot(this._dataFoot);\n\t\tthis.validateHeaders(this._headers);\n\t\tthis.validateLabel(this._label);\n\t\tthis.validateMinWidth(this._minWidth);\n\t\tthis.validatePagination(this._pagination);\n\t\tthis.validatePaginationPosition(this._paginationPosition);\n\t\tthis.validateSelection(this._selection);\n\t\tthis.validateOn(this._on);\n\t}\n\n\tprivate selectDisplayedData(data: KoliBriTableDataType[], pageSize: number, page: number): KoliBriTableDataType[] {\n\t\tif (typeof pageSize === 'number' && pageSize > 0 && typeof page === 'number' && page > 0) {\n\t\t\tthis.pageStartSlice = pageSize * (page - 1);\n\t\t\tthis.pageEndSlice = pageSize * page > data.length ? data.length : pageSize * page;\n\t\t\treturn data.slice(this.pageStartSlice, this.pageEndSlice);\n\t\t} else {\n\t\t\tthis.pageStartSlice = 0;\n\t\t\tthis.pageEndSlice = data.length;\n\t\t\treturn data;\n\t\t}\n\t}\n\n\tprivate updateSortedData = () => {\n\t\tif (this.disableSort) {\n\t\t\tsetState(this, '_sortedData', this.state._data);\n\t\t\treturn;\n\t\t}\n\n\t\tlet sortedData: KoliBriTableDataType[] = this.state._data;\n\t\tif (this.sortData.length > 0) {\n\t\t\tsortedData = this.state._data.sort((a: KoliBriTableDataType, b: KoliBriTableDataType) => {\n\t\t\t\tfor (let index = 0; index < this.sortData.length; index++) {\n\t\t\t\t\tconst data = this.sortData[index];\n\t\t\t\t\tconst result = data.compareFn(a, b);\n\t\t\t\t\tif (result !== 0) {\n\t\t\t\t\t\treturn data.direction === 'ASC' ? result : -result;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\treturn 0;\n\t\t\t});\n\t\t}\n\t\tsetState(this, '_sortedData', sortedData);\n\t};\n\n\t/**\n\t * Renders the pagination controls for the table, showing the current visible data range\n\t * and providing navigation between different pages.\n\t *\n\t * @returns {JSX.Element} The rendered pagination controls including page range and navigation.\n\t */\n\tprivate renderPagination(): JSX.Element {\n\t\treturn (\n\t\t\t<div class={`kol-table-stateful__pagination kol-table-stateful__pagination--${this.state._paginationPosition}`}>\n\t\t\t\t<span>\n\t\t\t\t\t{translate('kol-table-visible-range', {\n\t\t\t\t\t\tplaceholders: {\n\t\t\t\t\t\t\tstart: this.pageEndSlice > 0 ? (this.pageStartSlice + 1).toString() : '0',\n\t\t\t\t\t\t\tend: this.pageEndSlice.toString(),\n\t\t\t\t\t\t\ttotal:\n\t\t\t\t\t\t\t\tthis.state._pagination && this.state._pagination._max > 0\n\t\t\t\t\t\t\t\t\t? this.state._pagination._max.toString()\n\t\t\t\t\t\t\t\t\t: Array.isArray(this.state._data)\n\t\t\t\t\t\t\t\t\t\t? this.state._data.length.toString()\n\t\t\t\t\t\t\t\t\t\t: '0',\n\t\t\t\t\t\t},\n\t\t\t\t\t})}\n\t\t\t\t</span>\n\t\t\t\t<div class=\"kol-table-stateful__pagination-wrapper\">\n\t\t\t\t\t<KolPaginationTag\n\t\t\t\t\t\tclass=\"test\"\n\t\t\t\t\t\t_boundaryCount={this.state._pagination._boundaryCount}\n\t\t\t\t\t\t_customClass={this.state._pagination._customClass}\n\t\t\t\t\t\t_on={this.handlePagination}\n\t\t\t\t\t\t_page={this.state._pagination._page}\n\t\t\t\t\t\t_pageSize={this.state._pagination._pageSize}\n\t\t\t\t\t\t_pageSizeOptions={this.state._pagination._pageSizeOptions || PAGINATION_OPTIONS}\n\t\t\t\t\t\t_siblingCount={this.state._pagination._siblingCount}\n\t\t\t\t\t\t_tooltipAlign=\"bottom\"\n\t\t\t\t\t\t_max={this.state._pagination._max || this.state._pagination._max || this.state._data.length}\n\t\t\t\t\t\t_label={translate('kol-table-pagination-label', { placeholders: { label: this.state._label } })}\n\t\t\t\t\t></KolPaginationTag>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n\n\tprivate getHeaderCellSortState(headerCell: KoliBriTableHeaderCellWithLogic): KoliBriSortDirection | undefined {\n\t\tif (!this.disableSort && typeof headerCell.compareFn === 'function') {\n\t\t\tif (headerCell.key) {\n\t\t\t\tconst data = this.sortData.find((value) => value.key === headerCell.key);\n\t\t\t\tif (data?.direction) {\n\t\t\t\t\treturn data.direction;\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn 'NOS';\n\t\t}\n\t}\n\n\tprivate handleSort({ key }: SortEventPayload) {\n\t\tconst headerCell = [...(this.state._headers.horizontal || []).flat(), ...(this.state._headers.vertical || []).flat()].find((cell) => cell.key === key);\n\t\tif (headerCell) {\n\t\t\tthis.changeCellSort(headerCell);\n\t\t}\n\t}\n\n\tprivate getSelectedData(selectedKeys: string[] | string): null | KoliBriTableDataType | KoliBriTableDataType[] {\n\t\tconst selection = this.state._selection;\n\t\tif (selection) {\n\t\t\tconst keyPropertyName = selection.keyPropertyName ?? 'id';\n\t\t\tconst data = this.state._sortedData.filter((item) => selectedKeys.includes(item[keyPropertyName] as string));\n\t\t\tif (selection?.multiple === false) {\n\t\t\t\treturn data[0];\n\t\t\t}\n\n\t\t\tif (keyPropertyName) return data;\n\t\t}\n\t\treturn null;\n\t}\n\tprivate handleSelectionChange(event: Event, value: string[] | string): void {\n\t\tconst selection = this.state._selection;\n\t\tif (selection)\n\t\t\tthis.state = {\n\t\t\t\t...this.state,\n\t\t\t\t_selection: {\n\t\t\t\t\t...selection,\n\t\t\t\t\tselectedKeys: typeof value === 'object' ? value : [value],\n\t\t\t\t},\n\t\t\t};\n\t\tconst selectedData = this.getSelectedData(value);\n\n\t\tif (typeof this.state._on?.[Callback.onSelectionChange] === 'function') {\n\t\t\tthis.state._on[Callback.onSelectionChange](event, selectedData);\n\t\t}\n\t\tif (this.host) {\n\t\t\tdispatchDomEvent(this.host, KolEvent.selectionChange, selectedData);\n\t\t}\n\t}\n\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async getSelection(): Promise<KoliBriTableDataType[] | KoliBriTableDataType | null> {\n\t\tconst selectedKeys: string[] = this.state._selection?.selectedKeys || [];\n\t\treturn this.getSelectedData(selectedKeys);\n\t}\n\n\tpublic render(): JSX.Element {\n\t\tconst displayedData: KoliBriTableDataType[] = this.selectDisplayedData(\n\t\t\tthis.state._sortedData,\n\t\t\tthis.showPagination ? (this.state._pagination?._pageSize ?? 10) : this.state._sortedData.length,\n\t\t\tthis.state._pagination._page || 1,\n\t\t);\n\t\tconst paginationTop = this._paginationPosition === 'top' || this._paginationPosition === 'both' ? this.renderPagination() : null;\n\t\tconst paginationBottom = this._paginationPosition === 'bottom' || this._paginationPosition === 'both' ? this.renderPagination() : null;\n\n\t\tconst headerCells: TableHeaderCells = {\n\t\t\thorizontal: this.state._headers.horizontal?.map((row) => row.map((cell) => ({ ...cell, sortDirection: this.getHeaderCellSortState(cell) }))),\n\t\t\tvertical: this.state._headers.vertical?.map((column) => column.map((cell) => ({ ...cell, sortDirection: this.getHeaderCellSortState(cell) }))),\n\t\t};\n\t\treturn (\n\t\t\t<Host class=\"kol-table-stateful\">\n\t\t\t\t{this.pageEndSlice > 0 && this.showPagination && paginationTop}\n\t\t\t\t<KolTableStatelessWcTag\n\t\t\t\t\tref={this.catchRef}\n\t\t\t\t\t_data={displayedData}\n\t\t\t\t\t_headerCells={headerCells}\n\t\t\t\t\t_label={this.state._label}\n\t\t\t\t\t_dataFoot={this.state._dataFoot}\n\t\t\t\t\t_minWidth={this.state._minWidth}\n\t\t\t\t\t_on={{\n\t\t\t\t\t\tonSort: (_: MouseEvent, payload: SortEventPayload) => {\n\t\t\t\t\t\t\tthis.handleSort(payload);\n\t\t\t\t\t\t},\n\t\t\t\t\t\tonSelectionChange: (event: Event, value: string[] | string) => {\n\t\t\t\t\t\t\tthis.handleSelectionChange(event, value);\n\t\t\t\t\t\t},\n\t\t\t\t\t}}\n\t\t\t\t\t_selection={this.state._selection}\n\t\t\t\t/>\n\t\t\t\t{this.pageEndSlice > 0 && this.showPagination && paginationBottom}\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
|
@@ -1,4 +1,4 @@
|
|
1
1
|
/*!
|
2
2
|
* KoliBri - The accessible HTML-Standard
|
3
3
|
*/
|
4
|
-
import{r as e,h as t,F as i,H as s,g as n}from"./index-f0de5c73.js";import{g as o,a,c as l}from"./component-names-6ca7e863.js";import{t as r}from"./i18n-5fe08f1c.js";import{n as d}from"./dev.utils-0b748391.js";import{t as c}from"./events-29e84d75.js";import{q as h,o as f,p as u,w as v,i as p}from"./prop.validators-64749272.js";import{v as b,a as y,d as m,b as k,E as g}from"./events-5b899bd2.js";import{v as w}from"./label-e8ec0e3a.js";import"./i18n-7ea9f137.js";import"./reuse-32931294.js";import"./dev.utils-fab45cbc.js";import"./index-da3e0c00.js";import"./common-0f1f2276.js";const _=(e,t)=>{h(t,(()=>{f(t,(()=>{try{t=u(t)}catch(e){}v(e,"_headerCells",(e=>"object"==typeof e&&null!==e&&(void 0===e.horizontal||Array.isArray(e.horizontal)&&void 0===e.horizontal.find((e=>!Array.isArray(e))))&&(void 0===e.vertical||Array.isArray(e.vertical)&&void 0===e.vertical.find((e=>!Array.isArray(e))))&&!0),new Set(["TableHeaderCellsPropType"]),t)}))}))},j=class{constructor(a){e(this,a),this.horizontal=!0,this.cellsToRenderTimeouts=new Map,this.dataToKeyMap=new Map,this.checkboxRefs=[],this.renderTableRow=(e,a,i)=>{var l,o;let s=String(a);return this.horizontal&&(null===(l=e[0])||void 0===l?void 0:l.data)&&(s=null!==(o=this.getDataKey(e[0].data))&&void 0!==o?o:s),t("tr",{key:`row-${s}`},this.renderSelectionCell(e,a),e.map(((e,t)=>this.renderTableCell(e,a,t,i))))},this.renderTableCell=(e,a,i,l)=>{let o=`${a}-${i}-${e.label}`;if(e.data){const t=this.getDataKey(e.data);o=t?`${t}-${this.horizontal?i:a}`:o}return!1===e.asTd?this.renderHeadingCell(e,a,i,l):t("td",{key:`cell-${o}`,class:{[e.textAlign]:"string"==typeof e.textAlign&&e.textAlign.length>0},colSpan:e.colSpan,rowSpan:e.rowSpan,style:{textAlign:e.textAlign,width:e.width},ref:"function"==typeof e.render?t=>{this.cellRender(e,t)}:void 0},"function"!=typeof e.render?e.label:"")},this.state={_data:[],_label:"",_headerCells:{horizontal:[],vertical:[]}},this.tableDivElementHasScrollbar=!1,this._data=void 0,this._dataFoot=void 0,this._headerCells=void 0,this._label=void 0,this._minWidth=void 0,this._on=void 0,this._selection=void 0}validateData(e){b(this,e,{beforePatch:e=>{this.updateDataToKeyMap(e)}})}validateDataFoot(e){y(this,e)}validateHeaderCells(e){_(this,e)}validateLabel(e){w(this,e,{required:!0})}validateMinWidth(e){p(this,"_deprecatedMinWidth",e,{defaultValue:void 0})}validateOn(e){m(this,e)}validateSelection(e){k(this,e)}handleKeyDown(e){var t;if("ArrowUp"===e.key||"ArrowDown"===e.key){const a=null===(t=this.tableDivElement)||void 0===t?void 0:t.querySelector(":focus");let i=this.checkboxRefs.indexOf(a);i>-1&&(e.preventDefault(),"ArrowDown"===e.key?(i=(i+1)%this.checkboxRefs.length,this.checkboxRefs[i].focus()):"ArrowUp"===e.key&&(e.preventDefault(),i=(i+this.checkboxRefs.length-1)%this.checkboxRefs.length,this.checkboxRefs[i].focus()))}}componentDidRender(){this.checkDivElementScrollbar()}componentDidLoad(){this.tableDivElement&&ResizeObserver&&(this.tableDivElementResizeObserver=new ResizeObserver(this.checkDivElementScrollbar.bind(this)),this.tableDivElementResizeObserver.observe(this.tableDivElement))}disconnectedCallback(){var e;null===(e=this.tableDivElementResizeObserver)||void 0===e||e.disconnect()}checkDivElementScrollbar(){this.tableDivElement&&(this.tableDivElementHasScrollbar=this.tableDivElement.scrollWidth>this.tableDivElement.clientWidth)}updateDataToKeyMap(e){e.forEach((e=>{this.dataToKeyMap.has(e)||this.dataToKeyMap.set(e,d())})),this.dataToKeyMap.forEach(((t,a)=>{e.includes(a)||this.dataToKeyMap.delete(a)}))}getDataKey(e){return this.dataToKeyMap.get(e)}cellRender(e,t){t&&(clearTimeout(this.cellsToRenderTimeouts.get(t)),this.cellsToRenderTimeouts.set(t,setTimeout((()=>{if("function"==typeof e.render){const a=e.render(t,e,e.data,this.state._data);"string"==typeof a&&(t.textContent=a)}}))))}getNumberOfCols(e,t){let a=0;return e.forEach((e=>{let t=0;Array.isArray(e)&&e.forEach((e=>{var a;return t+=null!==(a=e.colSpan)&&void 0!==a?a:1})),a<t&&(a=t)})),0===a&&(a=t.length),a}getNumberOfRows(e,t){var a;let i=0;return e.forEach((e=>{let t=0;Array.isArray(e)&&e.forEach((e=>{var a;return t+=null!==(a=e.rowSpan)&&void 0!==a?a:1})),i<t&&(i=t)})),0===i?i=t.length:i-=(null===(a=this.state._dataFoot)||void 0===a?void 0:a.length)||0,i}getThePrimaryHeadersWithKeysIfExists(e){const t=[];return e.forEach((e=>{e.forEach((e=>{"string"==typeof e.key&&t.push(e)}))})),t}getPrimaryHeaders(e){var t,a;let i=this.getThePrimaryHeadersWithKeysIfExists(null!==(t=e.horizontal)&&void 0!==t?t:[]);return this.horizontal=!0,0===i.length&&(i=this.getThePrimaryHeadersWithKeysIfExists(null!==(a=e.vertical)&&void 0!==a?a:[]),i.length>0&&(this.horizontal=!1)),i}createDataField(e,t,a){var i;t.horizontal=Array.isArray(null==t?void 0:t.horizontal)?t.horizontal:[],t.vertical=Array.isArray(null==t?void 0:t.vertical)?t.vertical:[];const l=this.getPrimaryHeaders(t),o=this.getNumberOfCols(t.horizontal,e);let s=this.getNumberOfRows(t.vertical,e),n=0;a&&(n=s,s+=(null===(i=this.state._dataFoot)||void 0===i?void 0:i.length)||0);const c=[],d=[],h=[];t.vertical.forEach(((e,t)=>{d[t]=0,h[t]=[]}));for(let i=n;i<s;i++){const s=[];t.vertical.forEach(((e,t)=>{let a=0;if(h[t].forEach((e=>a+=e)),a<=i){const l=e[i-a+d[t]];if("object"==typeof l){s.push(Object.assign(Object.assign({},l),{asTd:!1,data:{}}));let e=1;if("number"==typeof l.rowSpan&&l.rowSpan>1&&(e=l.rowSpan),h[t].push(e),"number"==typeof l.colSpan&&l.colSpan>1)for(let a=1;a<l.colSpan;a++)h[t+a].push(e);d[t]++}}}));for(let t=0;t<o;t++)if(!0===this.horizontal){const o=a&&this.state._dataFoot?this.state._dataFoot[i-n]:e[i];"object"==typeof l[t]&&null!==l[t]&&"string"==typeof l[t].key&&"object"==typeof o&&null!==o&&s.push(Object.assign(Object.assign({},l[t]),{colSpan:void 0,data:o,label:o[l[t].key],rowSpan:void 0}))}else"object"==typeof l[i]&&null!==l[i]&&"string"==typeof l[i].key&&"object"==typeof e[t]&&null!==e[t]&&s.push(Object.assign(Object.assign({},l[i]),{colSpan:void 0,data:e[t],label:e[t][l[i].key],rowSpan:void 0}));c.push(s)}if(0===e.length){let e=0,a=0;Array.isArray(t.horizontal)&&t.horizontal.length>0&&t.horizontal[0].forEach((t=>{e+=t.colSpan||1})),Array.isArray(t.vertical)&&t.vertical.length>0&&(e-=t.vertical.length,t.vertical[0].forEach((e=>{a+=e.rowSpan||1})));const i={colSpan:e,label:r("kol-no-entries"),render:void 0,rowSpan:Math.max(a,1)};0===c.length?c.push([i]):c[0].push(i)}return c}componentWillLoad(){this.validateData(this._data),this.validateDataFoot(this._dataFoot),this.validateHeaderCells(this._headerCells),this.validateLabel(this._label),this.validateMinWidth(this._minWidth),this.validateOn(this._on),this.validateSelection(this._selection)}renderSelectionCell(e,i){var l,s,n;const r=this.state._selection;if(!r)return"";const d=null!==(l=r.keyPropertyName)&&void 0!==l?l:"id",h=null===(s=e[0])||void 0===s?void 0:s.data;if(!h)return"";const v=h[d],p=r.multiple||void 0===r.multiple,b=null===(n=null==r?void 0:r.selectedKeys)||void 0===n?void 0:n.includes(v),f=r.label(h),u={name:"selection",checked:b,id:v,"aria-label":f};return t("td",{key:`tbody-${i}-selection`,class:"selection-cell"},t("div",{class:"input "+(b?"checked":"")},p?t("label",{class:"checkbox-container"},t(o,{class:"icon",_icons:"codicon "+(b?"codicon-check":""),_label:""}),t("input",Object.assign({ref:e=>e&&this.checkboxRefs.push(e)},u,{type:"checkbox",onInput:e=>{var t,a,i;const l=b?null===(a=null==r?void 0:r.selectedKeys)||void 0===a?void 0:a.filter((e=>e!==v)):[...null!==(t=null==r?void 0:r.selectedKeys)&&void 0!==t?t:[],v];c("selection-change",this.host,l),"function"==typeof(null===(i=this.state._on)||void 0===i?void 0:i[g.onSelectionChange])&&this.state._on[g.onSelectionChange](e,null!=l?l:[])}}))):t("label",{class:"radio-container"},t("input",Object.assign({},u,{type:"radio",onInput:e=>{var t;c("selection-change",this.host,v),"function"==typeof(null===(t=this.state._on)||void 0===t?void 0:t[g.onSelectionChange])&&this.state._on[g.onSelectionChange](e,v)}}))),t(a,{"aria-hidden":"true",class:"input-tooltip",_align:"right",_id:`${v}-label`,_label:f})))}renderHeadingSelectionCell(){var e,i;const l=this.state._selection;if(!l||!l.multiple&&void 0!==l.multiple)return t("th",{key:"thead-0"});const s=null!==(e=l.keyPropertyName)&&void 0!==e?e:"id",n=null===(i=l.selectedKeys)||void 0===i?void 0:i.length,d=n===this.state._data.length,h=0!==n&&!d;let v="kol-table-selection-indeterminate";d&&!h&&(v="kol-table-selection-none"),0===n&&(v="kol-table-selection-all");const p=r(v);return t("th",{key:"thead-0-selection",class:"selection-cell selection-control"},t("div",{class:"input "+(h?"indeterminate":d?"checked":"")},t("label",{class:"checkbox-container"},t(o,{class:"icon",_icons:"codicon "+(h?"codicon-remove":d?"codicon-check":""),_label:""}),t("input",{ref:e=>e&&this.checkboxRefs.push(e),name:"selection",checked:d&&!h,"aria-label":p,type:"checkbox",onInput:e=>{var t;const a=d?[]:this.state._data.map((e=>null==e?void 0:e[s]));c("selection-change",this.host,a),"function"==typeof(null===(t=this.state._on)||void 0===t?void 0:t[g.onSelectionChange])&&this.state._on[g.onSelectionChange](e,a)}})),t(a,{"aria-hidden":"true",class:"input-tooltip",_align:"right",_id:`${v}-label`,_label:p})))}renderHeaderTdCell(){return t(i,null,Array.isArray(this.state._headerCells.horizontal)&&this.state._headerCells.horizontal.length>0&&Array.isArray(this.state._headerCells.vertical)&&this.state._headerCells.vertical.length>0&&Array.isArray(this.state._headerCells.horizontal)&&t("td",{"aria-hidden":"true",colSpan:this.state._headerCells.vertical.length,rowSpan:this.state._headerCells.horizontal.length}))}renderHeadingCell(e,a,i,o){let s,n="codicon codicon-fold";if(e.sortDirection)switch(e.sortDirection){case"ASC":n="codicon codicon-chevron-up",s="ascending";break;case"DESC":n="codicon codicon-chevron-down",s="descending"}const r=o?"row":"number"==typeof e.colSpan&&e.colSpan>1?"colgroup":"col";return t("th",{key:`${a}-${i}-${e.label}`,class:e.textAlign?`align-${e.textAlign}`:void 0,scope:r,colSpan:e.colSpan,rowSpan:e.rowSpan,style:{width:e.width},"aria-sort":s,"data-sort":`sort-${e.sortDirection}`},e.sortDirection?t(l,{class:"table-sort-button",exportparts:"icon",_icons:{right:n},_label:e.label,_on:{onClick:t=>{var a;"function"==typeof(null===(a=this.state._on)||void 0===a?void 0:a.onSort)&&e.key&&e.sortDirection&&this.state._on.onSort(t,{key:e.key,currentSortDirection:e.sortDirection})}}}):e.label)}renderSpacer(e,a){var i,l;const o=(null===(i=this.state._headerCells.vertical)||void 0===i?void 0:i.length)||0,s=null===(l=null==a?void 0:a[0])||void 0===l?void 0:l.reduce(((e,t)=>e+(t.colSpan||1)),0),n=this.state._selection?1:0;return t("tr",{"aria-hidden":"true",class:`${e}-spacer`},t("td",{colSpan:o+s+n}))}renderFoot(){if(!this.state._dataFoot||0===this.state._dataFoot.length)return null;const e=this.createDataField(this.state._dataFoot,this.state._headerCells,!0);return t("tfoot",null,[this.renderSpacer("foot",e),e.map(((e,t)=>this.renderTableRow(e,t,!0)))])}render(){const e=this.createDataField(this.state._data,this.state._headerCells);return this.checkboxRefs=[],t(s,{key:"d052c595574b48e3ccc828fb78c9f7f5c9e38fde",class:"kol-table-stateless-wc"},t("div",{key:"9da74abb2c80036ea0a475efe8b3f589ee804b8b",ref:e=>this.tableDivElement=e,class:"table",tabindex:this.tableDivElementHasScrollbar?"-1":void 0},t("table",{key:"3e0b47f4ed6834ff9367fb45f39a6bbfc1fe0fe0",style:{minWidth:this.state._deprecatedMinWidth||this.state._minWidth}},t("div",{key:"7a1f44793c3a77450920e6b77542119a0f0fa6ed",class:"focus-element",tabindex:this.tableDivElementHasScrollbar?"0":void 0,"aria-describedby":"caption"}," "),t("caption",{key:"7708de5a275959669f6c1d083b0afa1e34bbbf39",id:"caption"},this.state._label),Array.isArray(this.state._headerCells.horizontal)&&t("thead",{key:"99d7da8bc6f894fd83b7017d79f2765c99799700"},[this.state._headerCells.horizontal.map(((e,a)=>t("tr",{key:`thead-${a}`},this.state._selection&&this.renderHeadingSelectionCell(),0===a&&this.renderHeaderTdCell(),Array.isArray(e)&&e.map(((e,i)=>!0===e.asTd?t("td",{key:`thead-${a}-${i}-${e.label}`,class:{[e.textAlign]:"string"==typeof e.textAlign&&e.textAlign.length>0},colSpan:e.colSpan,rowSpan:e.rowSpan,style:{textAlign:e.textAlign,width:e.width},ref:"function"==typeof e.render?t=>{this.cellRender(e,t)}:void 0},"function"!=typeof e.render?e.label:""):this.renderHeadingCell(e,a,i,!1)))))),this.renderSpacer("head",this.state._headerCells.horizontal)]),t("tbody",{key:"9c045d95a6a4faa9072c2bd9f767c9801f62a849"},e.map(((e,t)=>this.renderTableRow(e,t,!0)))),this.renderFoot())))}get host(){return n(this)}static get watchers(){return{_data:["validateData"],_dataFoot:["validateDataFoot"],_headerCells:["validateHeaderCells"],_label:["validateLabel"],_minWidth:["validateMinWidth"],_on:["validateOn"],_selection:["validateSelection"]}}};export{j as kol_table_stateless_wc};
|
4
|
+
import{r as e,h as t,F as i,g as l}from"./index-4018f86a.js";import{c as o}from"./clsx-09a06a12.js";import{d as s,g as a,a as n}from"./component-names-545d6582.js";import{t as r}from"./i18n-005310a7.js";import{q as d,o as c,p as h,w as u}from"./prop.validators-64749272.js";import{n as b}from"./dev.utils-ad5c4301.js";import{d as f,K as v}from"./events-5adf6b62.js";import{v as _,a as p,d as k,b as y,C as m}from"./callback-2c4e1e78.js";import{v as g}from"./label-e8ec0e3a.js";import"./i18n-c120df5c.js";import"./reuse-f46e7e35.js";import"./index-da3e0c00.js";import"./dev.utils-fab45cbc.js";import"./common-54bf85ba.js";const S=(e,t)=>{d(t,(()=>{c(t,(()=>{try{t=h(t)}catch(e){}u(e,"_headerCells",(e=>"object"==typeof e&&null!==e&&(void 0===e.horizontal||Array.isArray(e.horizontal)&&void 0===e.horizontal.find((e=>!Array.isArray(e))))&&(void 0===e.vertical||Array.isArray(e.vertical)&&void 0===e.vertical.find((e=>!Array.isArray(e))))&&!0),new Set(["TableHeaderCellsPropType"]),t)}))}))},w=/^\d+(\.\d+)?([a-z]+|%)?$/,j=(e,t,l)=>{u(e,"_minWidth",(e=>"string"==typeof e&&w.test(e)),new Set(["String","/^\\d+(\\.\\d+)?([a-z]+|%)?$/"]),t,l)},$=class{constructor(l){e(this,l),this.horizontal=!0,this.cellsToRenderTimeouts=new Map,this.dataToKeyMap=new Map,this.checkboxRefs=[],this.renderTableRow=(e,l,a,i=!1)=>{var s,n;let r=String(l);return this.horizontal&&(null===(s=e[0])||void 0===s?void 0:s.data)&&(r=null!==(n=this.getDataKey(e[0].data))&&void 0!==n?n:r),t("tr",{class:o("kol-table__row",{"kol-table__row--body":!i,"kol-table__row--footer":i}),key:`row-${r}`},this.renderSelectionCell(e,l),e.map(((e,t)=>this.renderTableCell(e,l,t,a))))},this.renderTableCell=(e,l,a,i)=>{let s=`${l}-${a}-${e.label}`;if(e.data){const t=this.getDataKey(e.data);s=t?`${t}-${this.horizontal?a:l}`:s}return e.headerCell?this.renderHeadingCell(e,l,a,i):t("td",{key:`cell-${s}`,class:o("kol-table__cell kol-table__cell--body",{[`kol-table__cell--align-${e.textAlign}`]:e.textAlign}),colSpan:e.colSpan,rowSpan:e.rowSpan,style:{textAlign:e.textAlign,width:e.width},ref:"function"==typeof e.render?t=>{this.cellRender(e,t)}:void 0},"function"!=typeof e.render?e.label:"")},this.state={_data:[],_headerCells:{horizontal:[],vertical:[]},_label:"",_minWidth:"auto"},this.tableDivElementHasScrollbar=!1,this._data=void 0,this._dataFoot=void 0,this._headerCells=void 0,this._label=void 0,this._minWidth=void 0,this._on=void 0,this._selection=void 0}validateData(e){_(this,e,{beforePatch:e=>{this.updateDataToKeyMap(e)}})}validateDataFoot(e){p(this,e)}validateHeaderCells(e){S(this,e)}validateLabel(e){g(this,e,{required:!0})}validateMinWidth(e){j(this,e)}validateOn(e){k(this,e)}validateSelection(e){y(this,e)}handleKeyDown(e){var t;if("ArrowUp"===e.key||"ArrowDown"===e.key){const l=null===(t=this.tableDivElement)||void 0===t?void 0:t.querySelector(":focus");let a=this.checkboxRefs.indexOf(l);a>-1&&(e.preventDefault(),"ArrowDown"===e.key?(a=(a+1)%this.checkboxRefs.length,this.checkboxRefs[a].focus()):"ArrowUp"===e.key&&(e.preventDefault(),a=(a+this.checkboxRefs.length-1)%this.checkboxRefs.length,this.checkboxRefs[a].focus()))}}componentDidRender(){this.checkDivElementScrollbar()}componentDidLoad(){this.tableDivElement&&ResizeObserver&&(this.tableDivElementResizeObserver=new ResizeObserver(this.checkDivElementScrollbar.bind(this)),this.tableDivElementResizeObserver.observe(this.tableDivElement))}disconnectedCallback(){var e;null===(e=this.tableDivElementResizeObserver)||void 0===e||e.disconnect()}checkDivElementScrollbar(){this.tableDivElement&&(this.tableDivElementHasScrollbar=this.tableDivElement.scrollWidth>this.tableDivElement.clientWidth)}updateDataToKeyMap(e){e.forEach((e=>{this.dataToKeyMap.has(e)||this.dataToKeyMap.set(e,b())})),this.dataToKeyMap.forEach(((t,l)=>{e.includes(l)||this.dataToKeyMap.delete(l)}))}getDataKey(e){return this.dataToKeyMap.get(e)}cellRender(e,t){t&&(clearTimeout(this.cellsToRenderTimeouts.get(t)),this.cellsToRenderTimeouts.set(t,setTimeout((()=>{if("function"==typeof e.render){const l=e.render(t,e,e.data,this.state._data);"string"==typeof l&&(t.textContent=l)}}))))}getNumberOfCols(e,t){let l=0;return e.forEach((e=>{let t=0;Array.isArray(e)&&e.forEach((e=>{var l;return t+=null!==(l=e.colSpan)&&void 0!==l?l:1})),l<t&&(l=t)})),0===l&&(l=t.length),l}getNumberOfRows(e,t){var l;let a=0;return e.forEach((e=>{let t=0;Array.isArray(e)&&e.forEach((e=>{var l;return t+=null!==(l=e.rowSpan)&&void 0!==l?l:1})),a<t&&(a=t)})),0===a?a=t.length:a-=(null===(l=this.state._dataFoot)||void 0===l?void 0:l.length)||0,a}getThePrimaryHeadersWithKeysIfExists(e){const t=[];return e.forEach((e=>{e.forEach((e=>{"string"==typeof e.key&&t.push(e)}))})),t}getPrimaryHeaders(e){var t,l;let a=this.getThePrimaryHeadersWithKeysIfExists(null!==(t=e.horizontal)&&void 0!==t?t:[]);return this.horizontal=!0,0===a.length&&(a=this.getThePrimaryHeadersWithKeysIfExists(null!==(l=e.vertical)&&void 0!==l?l:[]),a.length>0&&(this.horizontal=!1)),a}createDataField(e,t,l){var a;t.horizontal=Array.isArray(null==t?void 0:t.horizontal)?t.horizontal:[],t.vertical=Array.isArray(null==t?void 0:t.vertical)?t.vertical:[];const i=this.getPrimaryHeaders(t),o=this.getNumberOfCols(t.horizontal,e);let s=this.getNumberOfRows(t.vertical,e),n=0;l&&(n=s,s+=(null===(a=this.state._dataFoot)||void 0===a?void 0:a.length)||0);const c=[],d=[],h=[];t.vertical.forEach(((e,t)=>{d[t]=0,h[t]=[]}));for(let a=n;a<s;a++){const s=[];t.vertical.forEach(((e,t)=>{let l=0;if(h[t].forEach((e=>l+=e)),l<=a){const i=e[a-l+d[t]];if("object"==typeof i){s.push(Object.assign(Object.assign({},i),{headerCell:!0,data:{}}));let e=1;if("number"==typeof i.rowSpan&&i.rowSpan>1&&(e=i.rowSpan),h[t].push(e),"number"==typeof i.colSpan&&i.colSpan>1)for(let l=1;l<i.colSpan;l++)h[t+l].push(e);d[t]++}}}));for(let t=0;t<o;t++)if(!0===this.horizontal){const o=l&&this.state._dataFoot?this.state._dataFoot[a-n]:e[a];"object"==typeof i[t]&&null!==i[t]&&"string"==typeof i[t].key&&"object"==typeof o&&null!==o&&s.push(Object.assign(Object.assign({},i[t]),{colSpan:void 0,data:o,label:o[i[t].key],rowSpan:void 0}))}else"object"==typeof i[a]&&null!==i[a]&&"string"==typeof i[a].key&&"object"==typeof e[t]&&null!==e[t]&&s.push(Object.assign(Object.assign({},i[a]),{colSpan:void 0,data:e[t],label:e[t][i[a].key],rowSpan:void 0}));c.push(s)}if(0===e.length){let e=0,l=0;Array.isArray(t.horizontal)&&t.horizontal.length>0&&t.horizontal[0].forEach((t=>{e+=t.colSpan||1})),Array.isArray(t.vertical)&&t.vertical.length>0&&(e-=t.vertical.length,t.vertical[0].forEach((e=>{l+=e.rowSpan||1})));const a={colSpan:e,label:r("kol-no-entries"),render:void 0,rowSpan:Math.max(l,1)};0===c.length?c.push([a]):c[0].push(a)}return c}handleSelectionChangeCallbackAndEvent(e,t){var l;"function"==typeof(null===(l=this.state._on)||void 0===l?void 0:l[m.onSelectionChange])&&this.state._on[m.onSelectionChange](e,t),this.host&&f(this.host,v.selectionChange,t)}componentWillLoad(){this.validateData(this._data),this.validateDataFoot(this._dataFoot),this.validateHeaderCells(this._headerCells),this.validateLabel(this._label),this.validateMinWidth(this._minWidth),this.validateOn(this._on),this.validateSelection(this._selection)}renderSelectionCell(e,l){var i,n,r;const c=this.state._selection;if(!c)return"";const d=this.getSelectionKeyPropertyName(),h=null===(i=e[0])||void 0===i?void 0:i.data;if(!h)return"";const b=h[d],v=c.multiple||void 0===c.multiple,_=null===(n=null==c?void 0:c.selectedKeys)||void 0===n?void 0:n.includes(b),u=null===(r=null==c?void 0:c.disabledKeys)||void 0===r?void 0:r.includes(b),p=c.label(h),y={name:"selection",checked:_,disabled:u,id:b,"aria-label":p};return t("td",{key:`tbody-${l}-selection`,class:"kol-table__cell kol-table__cell--selection"},t("div",{class:o("kol-table__selection",{"kol-table__selection--checked":_})},v?t("label",{class:o("kol-table__selection-label",{"kol-table__selection-label--disabled":u})},t(s,{class:"kol-table__selection-icon",_icons:"codicon "+(_?"codicon-check":""),_label:""}),t("input",Object.assign({class:o("kol-table__selection-input kol-table__selection-input--checkbox"),ref:e=>e&&this.checkboxRefs.push(e)},y,{type:"checkbox",onInput:e=>{var t,l;const a=_?null===(l=null==c?void 0:c.selectedKeys)||void 0===l?void 0:l.filter((e=>e!==b)):[...null!==(t=null==c?void 0:c.selectedKeys)&&void 0!==t?t:[],b];this.handleSelectionChangeCallbackAndEvent(e,null!=a?a:[])}}))):t("label",{class:"kol-table__selection-label"},t("input",Object.assign({class:o("kol-table__selection-input kol-table__selection-input--radio")},y,{type:"radio",onInput:e=>{this.handleSelectionChangeCallbackAndEvent(e,b)}}))),t(a,{"aria-hidden":"true",class:"kol-table__selection-input-tooltip",_align:"right",_id:`${b}-label`,_label:p})))}getSelectionKeyPropertyName(){var e,t;return null!==(t=null===(e=this.state._selection)||void 0===e?void 0:e.keyPropertyName)&&void 0!==t?t:"id"}getDataWithSelectionEnabled(){const e=this.getSelectionKeyPropertyName();return this.state._data.filter((t=>{var l,a;return!(null===(a=null===(l=this.state._selection)||void 0===l?void 0:l.disabledKeys)||void 0===a?void 0:a.includes(t[e]))}))}getSelectedKeysWithoutDisabledKeys(){var e,t;return null===(t=null===(e=this.state._selection)||void 0===e?void 0:e.selectedKeys)||void 0===t?void 0:t.filter((e=>{var t,l;return!(null===(l=null===(t=this.state._selection)||void 0===t?void 0:t.disabledKeys)||void 0===l?void 0:l.includes(e))}))}getSelectedKeysWithDisabledKeysOnly(){var e,t;return null===(t=null===(e=this.state._selection)||void 0===e?void 0:e.selectedKeys)||void 0===t?void 0:t.filter((e=>{var t,l;return null===(l=null===(t=this.state._selection)||void 0===t?void 0:t.disabledKeys)||void 0===l?void 0:l.includes(e)}))}getRevertedSelection(e){var t;const l=this.getSelectionKeyPropertyName(),a=null!==(t=this.getSelectedKeysWithDisabledKeysOnly())&&void 0!==t?t:[];return e&&a.push(...this.getDataWithSelectionEnabled().map((e=>null==e?void 0:e[l]))),a}renderHeadingSelectionCell(){var e,l;const i=this.state._selection;if(!i||!i.multiple&&void 0!==i.multiple)return t("th",{class:"kol-table__cell kol-table__cell--header",key:"thead-0"});const n=null!==(l=null===(e=this.getSelectedKeysWithoutDisabledKeys())||void 0===e?void 0:e.length)&&void 0!==l?l:0,c=n===this.getDataWithSelectionEnabled().length,d=0!==n&&!c;let h="kol-table-selection-indeterminate";c&&!d&&(h="kol-table-selection-none"),0===n&&(h="kol-table-selection-all");const b=r(h);return t("th",{key:"thead-0-selection",class:"kol-table__cell kol-table__cell--header"},t("div",{class:o("kol-table__selection",{"kol-table__selection--indeterminate":d,"kol-table__selection--checked":c})},t("label",{class:"kol-table__selection-label"},t(s,{class:"kol-table__selection-icon",_icons:"codicon "+(d?"codicon-remove":c?"codicon-check":""),_label:""}),t("input",{class:o("kol-table__selection-input kol-table__selection-input--checkbox"),"data-testid":"selection-checkbox-all",ref:e=>e&&this.checkboxRefs.push(e),name:"selection",checked:c&&!d,indeterminate:d,"aria-label":b,type:"checkbox",onInput:e=>{this.handleSelectionChangeCallbackAndEvent(e,this.getRevertedSelection(!c))}})),t(a,{"aria-hidden":"true",class:"kol-table__selection-input-tooltip",_align:"right",_id:`${h}-label`,_label:b})))}renderHeaderTdCell(){return t(i,null,Array.isArray(this.state._headerCells.horizontal)&&this.state._headerCells.horizontal.length>0&&Array.isArray(this.state._headerCells.vertical)&&this.state._headerCells.vertical.length>0&&Array.isArray(this.state._headerCells.horizontal)&&t("td",{"aria-hidden":"true",colSpan:this.state._headerCells.vertical.length,rowSpan:this.state._headerCells.horizontal.length}))}renderHeadingCell(e,l,a,i){let s,r="codicon codicon-fold";if(e.sortDirection)switch(e.sortDirection){case"ASC":r="codicon codicon-chevron-up",s="ascending";break;case"DESC":r="codicon codicon-chevron-down",s="descending"}const c=i?"row":"number"==typeof e.colSpan&&e.colSpan>1?"colgroup":"col";return t("th",{key:`${l}-${a}-${e.label}`,class:o("kol-table__cell kol-table__cell--header",{[`kol-table__cell--align-${e.textAlign}`]:e.textAlign,[`kol-table__cell--${s}`]:s}),scope:c,colSpan:e.colSpan,rowSpan:e.rowSpan,style:{width:e.width},"aria-sort":s,"data-sort":`sort-${e.sortDirection}`},e.sortDirection?t(n,{class:"kol-table__sort-button",exportparts:"icon",_icons:{right:r},_label:e.label,_on:{onClick:t=>{var l;"function"==typeof(null===(l=this.state._on)||void 0===l?void 0:l.onSort)&&e.key&&e.sortDirection&&this.state._on.onSort(t,{key:e.key,currentSortDirection:e.sortDirection}),this.host&&f(this.host,v.sort,{key:e.key,currentSortDirection:e.sortDirection})}}}):e.label)}renderSpacer(e,l){var a,i;const s=(null===(a=this.state._headerCells.vertical)||void 0===a?void 0:a.length)||0,n=null===(i=null==l?void 0:l[0])||void 0===i?void 0:i.reduce(((e,t)=>e+(t.colSpan||1)),0),r=this.state._selection?1:0;return t("tr",{"aria-hidden":"true",class:o("kol-table__spacer",`kol-table__spacer--${e}`)},t("td",{class:o(`kol-table__spacer-line kol-table__spacer-line--${e}`),colSpan:s+n+r}))}renderFoot(){if(!this.state._dataFoot||0===this.state._dataFoot.length)return null;const e=this.createDataField(this.state._dataFoot,this.state._headerCells,!0);return t("tfoot",{class:"kol-table__footer"},[this.renderSpacer("foot",e),e.map(((e,t)=>this.renderTableRow(e,t,!0,!0)))])}render(){const e=this.createDataField(this.state._data,this.state._headerCells);return this.checkboxRefs=[],t("div",{key:"1ac04635486fff8f0456beb99c6b96654248f9e4",ref:e=>this.tableDivElement=e,class:"kol-table",tabindex:this.tableDivElementHasScrollbar?"-1":void 0},t("table",{key:"e4457e9e80dd358d4caffcbcc6f7990bbf36ca20",class:"kol-table__table",style:{minWidth:this.state._minWidth}},t("div",{key:"905b4322a63f51170cfcdb0b458c6b6cb129d4ad",class:"kol-table__focus-element",tabindex:this.tableDivElementHasScrollbar?"0":void 0,"aria-describedby":"caption"}," "),t("caption",{key:"4003583d910f3471e6d3d5bc585e83d3a2e0ec9a",class:"kol-table__caption",id:"caption"},this.state._label),Array.isArray(this.state._headerCells.horizontal)&&t("thead",{key:"cf7cb9cb892f50e4ba149a4c7b1c0695d23c1d62",class:"kol-table__head"},[this.state._headerCells.horizontal.map(((e,l)=>t("tr",{class:"kol-table__head-row",key:`thead-${l}`},this.state._selection&&this.renderHeadingSelectionCell(),0===l&&this.renderHeaderTdCell(),Array.isArray(e)&&e.map(((e,t)=>this.renderHeadingCell(e,l,t,!1)))))),this.renderSpacer("head",this.state._headerCells.horizontal)]),t("tbody",{key:"d83f3334e830da14222a9e44ce1682005171d755",class:"kol-table__body"},e.map(((e,t)=>this.renderTableRow(e,t,!0)))),this.renderFoot()))}get host(){return l(this)}static get watchers(){return{_data:["validateData"],_dataFoot:["validateDataFoot"],_headerCells:["validateHeaderCells"],_label:["validateLabel"],_minWidth:["validateMinWidth"],_on:["validateOn"],_selection:["validateSelection"]}}};export{$ as kol_table_stateless_wc};
|