@public-ui/components 3.0.2-rc.0 → 3.0.2-rc.2
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 +108 -3
- package/dist/cjs/{Alert-9fdb7776.js → Alert-e320048d.js} +1 -1
- package/dist/cjs/Alert-e320048d.js.map +1 -0
- package/dist/cjs/{Collapsible-27f768b6.js → Collapsible-0b3c7c45.js} +1 -1
- package/dist/cjs/{Collapsible-27f768b6.js.map → Collapsible-0b3c7c45.js.map} +1 -1
- package/dist/cjs/CustomSuggestionsOptionsGroup-e8d07352.js +4 -0
- package/dist/cjs/CustomSuggestionsOptionsGroup-e8d07352.js.map +1 -0
- package/dist/cjs/{FieldControlStateWrapper-c24e99c5.js → FieldControlStateWrapper-d6f48a9d.js} +1 -1
- package/dist/cjs/{FieldControlStateWrapper-c24e99c5.js.map → FieldControlStateWrapper-d6f48a9d.js.map} +1 -1
- package/dist/cjs/Heading-45cafb2c.js +4 -0
- package/dist/cjs/Heading-45cafb2c.js.map +1 -0
- package/dist/cjs/Icon-ac8441ed.js +4 -0
- package/dist/cjs/{Icon-537bb332.js.map → Icon-ac8441ed.js.map} +1 -1
- package/dist/cjs/{Input-b3df5b7d.js → Input-d8681528.js} +1 -1
- package/dist/cjs/{Input-b3df5b7d.js.map → Input-d8681528.js.map} +1 -1
- package/dist/cjs/{InputStateWrapper-4734d8d1.js → InputStateWrapper-168c9fb7.js} +1 -1
- package/dist/cjs/{InputStateWrapper-4734d8d1.js.map → InputStateWrapper-168c9fb7.js.map} +1 -1
- package/dist/cjs/{InternalUnderlinedBadgeText-0ea7ba87.js → InternalUnderlinedBadgeText-6aa8f6d9.js} +1 -1
- package/dist/cjs/{InternalUnderlinedBadgeText-0ea7ba87.js.map → InternalUnderlinedBadgeText-6aa8f6d9.js.map} +1 -1
- package/dist/cjs/{Span-0e05b374.js → Span-6ede7eda.js} +1 -1
- package/dist/cjs/{Span-0e05b374.js.map → Span-6ede7eda.js.map} +1 -1
- package/dist/cjs/align-floating-elements-8ddb8593.js +4 -0
- package/dist/cjs/align-floating-elements-8ddb8593.js.map +1 -0
- package/dist/cjs/{app-globals-cd9bce81.js → app-globals-3716f253.js} +1 -1
- package/dist/cjs/{app-globals-cd9bce81.js.map → app-globals-3716f253.js.map} +1 -1
- package/dist/cjs/{associated.controller-103272e2.js → associated.controller-7b651bde.js} +1 -1
- package/dist/cjs/{associated.controller-103272e2.js.map → associated.controller-7b651bde.js.map} +1 -1
- package/dist/cjs/{bootstrap-a35cdb5f.js → bootstrap-0ea93cf5.js} +1 -1
- package/dist/cjs/{bootstrap-a35cdb5f.js.map → bootstrap-0ea93cf5.js.map} +1 -1
- package/dist/cjs/component-names-1cb5b7ce.js +4 -0
- package/dist/cjs/component-names-1cb5b7ce.js.map +1 -0
- package/dist/cjs/{controller-872e38fa.js → controller-65602260.js} +1 -1
- package/dist/cjs/{controller-872e38fa.js.map → controller-65602260.js.map} +1 -1
- package/dist/cjs/{controller-4a3740d3.js → controller-662caf31.js} +1 -1
- package/dist/cjs/{controller-4a3740d3.js.map → controller-662caf31.js.map} +1 -1
- package/dist/cjs/{controller-b85b16a2.js → controller-75a14bc0.js} +1 -1
- package/dist/cjs/{controller-b85b16a2.js.map → controller-75a14bc0.js.map} +1 -1
- package/dist/cjs/{controller-e3f2bc2d.js → controller-7b83f035.js} +1 -1
- package/dist/cjs/{controller-e3f2bc2d.js.map → controller-7b83f035.js.map} +1 -1
- package/dist/cjs/{controller-icon-01e6fff3.js → controller-icon-4ae3ca66.js} +1 -1
- package/dist/cjs/{controller-icon-01e6fff3.js.map → controller-icon-4ae3ca66.js.map} +1 -1
- package/dist/cjs/{dev.utils-c3903802.js → dev.utils-d81edf18.js} +1 -1
- package/dist/cjs/{dev.utils-c3903802.js.map → dev.utils-d81edf18.js.map} +1 -1
- package/dist/cjs/{devtools-c9352fa2.js → devtools-f821c24f.js} +1 -1
- package/dist/cjs/{devtools-c9352fa2.js.map → devtools-f821c24f.js.map} +1 -1
- package/dist/cjs/getRenderStates-1b84d0cd.js +4 -0
- package/dist/cjs/getRenderStates-1b84d0cd.js.map +1 -0
- package/dist/cjs/index-b7655f44.js +4 -0
- package/dist/cjs/{index-c0d419b5.js.map → index-b7655f44.js.map} +1 -1
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/kol-abbr.cjs.entry.js +1 -1
- package/dist/cjs/kol-accordion.cjs.entry.js +1 -1
- package/dist/cjs/kol-alert-wc.cjs.entry.js +1 -1
- package/dist/cjs/kol-alert.cjs.entry.js +1 -1
- package/dist/cjs/kol-avatar-wc.cjs.entry.js +1 -1
- package/dist/cjs/kol-avatar.cjs.entry.js +1 -1
- package/dist/cjs/kol-badge.cjs.entry.js +1 -1
- package/dist/cjs/kol-breadcrumb.cjs.entry.js +1 -1
- package/dist/cjs/kol-button-link.cjs.entry.js +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-card-wc.cjs.entry.js +1 -1
- package/dist/cjs/kol-card.cjs.entry.js +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-drawer.cjs.entry.js +1 -1
- package/dist/cjs/kol-form.cjs.entry.js +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-image.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-color.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-date.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-email.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-file.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-number.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-password.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-radio.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-range.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-text.cjs.entry.js +1 -1
- package/dist/cjs/kol-kolibri.cjs.entry.js +1 -1
- package/dist/cjs/kol-link-button.cjs.entry.js +1 -1
- package/dist/cjs/kol-link-wc.cjs.entry.js +1 -1
- package/dist/cjs/kol-link.cjs.entry.js +1 -1
- package/dist/cjs/kol-modal.cjs.entry.js +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-wc.cjs.entry.js +4 -0
- package/dist/cjs/kol-pagination-wc.cjs.entry.js.map +1 -0
- 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-wc.cjs.entry.js +1 -1
- package/dist/cjs/kol-popover-button-wc.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-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-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-spin.cjs.entry.js +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-settings-wc.cjs.entry.js +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-textarea.cjs.entry.js +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-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.cjs.entry.js +1 -1
- package/dist/cjs/kol-tree-wc.cjs.entry.js +1 -1
- package/dist/cjs/kol-tree.cjs.entry.js +1 -1
- package/dist/cjs/kol-version.cjs.entry.js +1 -1
- package/dist/cjs/kolibri.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/test-component.cjs.entry.js +1 -1
- package/dist/components/Alert.js +1 -1
- package/dist/components/Alert.js.map +1 -1
- package/dist/components/CustomSuggestionsOptionsGroup.js +1 -1
- package/dist/components/CustomSuggestionsOptionsGroup.js.map +1 -1
- package/dist/components/Heading.js +1 -1
- package/dist/components/Heading.js.map +1 -1
- package/dist/components/InputStateWrapper.js +1 -1
- package/dist/components/align-floating-elements.js +1 -1
- package/dist/components/align-floating-elements.js.map +1 -1
- package/dist/components/component-names.js +1 -1
- package/dist/components/component-names.js.map +1 -1
- package/dist/components/getRenderStates.js +1 -1
- package/dist/components/getRenderStates.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-card-wc.js +1 -1
- package/dist/components/kol-combobox.js +1 -1
- package/dist/components/kol-combobox.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-nav.js +1 -1
- package/dist/components/kol-nav.js.map +1 -1
- package/dist/components/kol-pagination-wc.d.ts +11 -0
- package/dist/components/kol-pagination-wc.js +4 -0
- package/dist/components/kol-pagination-wc.js.map +1 -0
- package/dist/components/kol-pagination.js +1 -1
- package/dist/components/kol-pagination.js.map +1 -1
- package/dist/components/kol-popover-button-wc.js +1 -1
- package/dist/components/kol-popover-button-wc.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-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-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-spin.js +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-settings-wc.js +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-textarea.js +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-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.js +1 -1
- package/dist/components/kol-tree-wc.js +1 -1
- package/dist/components/kol-tree.js +1 -1
- package/dist/components/kol-version.js +1 -1
- package/dist/esm/{Alert-4f2f7115.js → Alert-7970c36f.js} +1 -1
- package/dist/esm/Alert-7970c36f.js.map +1 -0
- package/dist/esm/{Collapsible-7cb22ab1.js → Collapsible-741bf621.js} +1 -1
- package/dist/esm/{Collapsible-7cb22ab1.js.map → Collapsible-741bf621.js.map} +1 -1
- package/dist/esm/CustomSuggestionsOptionsGroup-d8226ae6.js +4 -0
- package/dist/esm/CustomSuggestionsOptionsGroup-d8226ae6.js.map +1 -0
- package/dist/esm/{FieldControlStateWrapper-602a7af3.js → FieldControlStateWrapper-3ed538a0.js} +1 -1
- package/dist/esm/{FieldControlStateWrapper-602a7af3.js.map → FieldControlStateWrapper-3ed538a0.js.map} +1 -1
- package/dist/esm/Heading-6d2b507b.js +4 -0
- package/dist/esm/Heading-6d2b507b.js.map +1 -0
- package/dist/esm/Icon-64aecdb3.js +4 -0
- package/dist/esm/{Icon-a2f91629.js.map → Icon-64aecdb3.js.map} +1 -1
- package/dist/esm/{Input-324f4b1d.js → Input-8709f66f.js} +1 -1
- package/dist/esm/{Input-324f4b1d.js.map → Input-8709f66f.js.map} +1 -1
- package/dist/esm/{InputStateWrapper-e0c888e4.js → InputStateWrapper-1008cf94.js} +1 -1
- package/dist/esm/{InputStateWrapper-e0c888e4.js.map → InputStateWrapper-1008cf94.js.map} +1 -1
- package/dist/esm/{InternalUnderlinedBadgeText-2d939629.js → InternalUnderlinedBadgeText-b24e9dc5.js} +1 -1
- package/dist/esm/{InternalUnderlinedBadgeText-2d939629.js.map → InternalUnderlinedBadgeText-b24e9dc5.js.map} +1 -1
- package/dist/esm/{Span-78135d4f.js → Span-f9dd0734.js} +1 -1
- package/dist/esm/{Span-78135d4f.js.map → Span-f9dd0734.js.map} +1 -1
- package/dist/esm/align-floating-elements-9459ccc3.js +4 -0
- package/dist/esm/align-floating-elements-9459ccc3.js.map +1 -0
- package/dist/esm/{app-globals-f57fb61d.js → app-globals-e9e9df71.js} +1 -1
- package/dist/esm/{app-globals-f57fb61d.js.map → app-globals-e9e9df71.js.map} +1 -1
- package/dist/esm/{associated.controller-22684481.js → associated.controller-4237c28d.js} +1 -1
- package/dist/esm/{associated.controller-22684481.js.map → associated.controller-4237c28d.js.map} +1 -1
- package/dist/esm/{bootstrap-dcdb1765.js → bootstrap-53ed580c.js} +1 -1
- package/dist/esm/{bootstrap-dcdb1765.js.map → bootstrap-53ed580c.js.map} +1 -1
- package/dist/esm/component-names-0657b355.js +4 -0
- package/dist/esm/component-names-0657b355.js.map +1 -0
- package/dist/esm/{controller-c6883e74.js → controller-1da95b99.js} +1 -1
- package/dist/esm/{controller-c6883e74.js.map → controller-1da95b99.js.map} +1 -1
- package/dist/esm/{controller-cf01f031.js → controller-235b6c3b.js} +1 -1
- package/dist/esm/{controller-cf01f031.js.map → controller-235b6c3b.js.map} +1 -1
- package/dist/esm/{controller-2152c5b3.js → controller-c1c531fb.js} +1 -1
- package/dist/esm/{controller-2152c5b3.js.map → controller-c1c531fb.js.map} +1 -1
- package/dist/esm/{controller-75622398.js → controller-dc5f29b6.js} +1 -1
- package/dist/esm/{controller-75622398.js.map → controller-dc5f29b6.js.map} +1 -1
- package/dist/esm/{controller-icon-6d59bc84.js → controller-icon-0a6181f6.js} +1 -1
- package/dist/esm/{controller-icon-6d59bc84.js.map → controller-icon-0a6181f6.js.map} +1 -1
- package/dist/esm/{dev.utils-ca3cce4b.js → dev.utils-d42aaf74.js} +1 -1
- package/dist/esm/{dev.utils-ca3cce4b.js.map → dev.utils-d42aaf74.js.map} +1 -1
- package/dist/esm/{devtools-fa819249.js → devtools-e7cb90e7.js} +1 -1
- package/dist/esm/{devtools-fa819249.js.map → devtools-e7cb90e7.js.map} +1 -1
- package/dist/esm/getRenderStates-d0c0ae47.js +4 -0
- package/dist/esm/getRenderStates-d0c0ae47.js.map +1 -0
- package/dist/esm/index-b4e1ceff.js +4 -0
- package/dist/esm/{index-2f6c3929.js.map → index-b4e1ceff.js.map} +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/kol-abbr.entry.js +1 -1
- package/dist/esm/kol-accordion.entry.js +1 -1
- package/dist/esm/kol-alert-wc.entry.js +1 -1
- package/dist/esm/kol-alert.entry.js +1 -1
- package/dist/esm/kol-avatar-wc.entry.js +1 -1
- package/dist/esm/kol-avatar.entry.js +1 -1
- package/dist/esm/kol-badge.entry.js +1 -1
- package/dist/esm/kol-breadcrumb.entry.js +1 -1
- package/dist/esm/kol-button-link.entry.js +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-card-wc.entry.js +1 -1
- package/dist/esm/kol-card.entry.js +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-drawer.entry.js +1 -1
- package/dist/esm/kol-form.entry.js +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-image.entry.js +1 -1
- package/dist/esm/kol-input-checkbox.entry.js +1 -1
- package/dist/esm/kol-input-color.entry.js +1 -1
- package/dist/esm/kol-input-date.entry.js +1 -1
- package/dist/esm/kol-input-email.entry.js +1 -1
- package/dist/esm/kol-input-file.entry.js +1 -1
- package/dist/esm/kol-input-number.entry.js +1 -1
- package/dist/esm/kol-input-password.entry.js +1 -1
- package/dist/esm/kol-input-radio.entry.js +1 -1
- package/dist/esm/kol-input-range.entry.js +1 -1
- package/dist/esm/kol-input-text.entry.js +1 -1
- package/dist/esm/kol-kolibri.entry.js +1 -1
- package/dist/esm/kol-link-button.entry.js +1 -1
- package/dist/esm/kol-link-wc.entry.js +1 -1
- package/dist/esm/kol-link.entry.js +1 -1
- package/dist/esm/kol-modal.entry.js +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-wc.entry.js +4 -0
- package/dist/esm/kol-pagination-wc.entry.js.map +1 -0
- 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-wc.entry.js +1 -1
- package/dist/esm/kol-popover-button-wc.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-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-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-spin.entry.js +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-settings-wc.entry.js +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-textarea.entry.js +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-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.entry.js +1 -1
- package/dist/esm/kol-tree-wc.entry.js +1 -1
- package/dist/esm/kol-tree.entry.js +1 -1
- package/dist/esm/kol-version.entry.js +1 -1
- package/dist/esm/kolibri.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/test-component.entry.js +1 -1
- package/dist/kolibri/Alert-7970c36f.js +4 -0
- package/dist/kolibri/{Alert-4f2f7115.js.map → Alert-7970c36f.js.map} +1 -1
- package/dist/kolibri/{Collapsible-7cb22ab1.js → Collapsible-741bf621.js} +1 -1
- package/dist/kolibri/CustomSuggestionsOptionsGroup-d8226ae6.js +4 -0
- package/dist/kolibri/CustomSuggestionsOptionsGroup-d8226ae6.js.map +1 -0
- package/dist/kolibri/{FieldControlStateWrapper-602a7af3.js → FieldControlStateWrapper-3ed538a0.js} +1 -1
- package/dist/kolibri/Heading-6d2b507b.js +4 -0
- package/dist/kolibri/Heading-6d2b507b.js.map +1 -0
- package/dist/kolibri/Icon-64aecdb3.js +4 -0
- package/dist/kolibri/{Input-324f4b1d.js → Input-8709f66f.js} +1 -1
- package/dist/kolibri/{InputStateWrapper-e0c888e4.js → InputStateWrapper-1008cf94.js} +1 -1
- package/dist/kolibri/InternalUnderlinedBadgeText-b24e9dc5.js +4 -0
- package/dist/kolibri/Span-f9dd0734.js +4 -0
- package/dist/kolibri/{Span-78135d4f.js.map → Span-f9dd0734.js.map} +1 -1
- package/dist/kolibri/align-floating-elements-9459ccc3.js +4 -0
- package/dist/kolibri/align-floating-elements-9459ccc3.js.map +1 -0
- package/dist/kolibri/app-globals-e9e9df71.js +4 -0
- package/dist/kolibri/{app-globals-f57fb61d.js.map → app-globals-e9e9df71.js.map} +1 -1
- package/dist/kolibri/{associated.controller-22684481.js → associated.controller-4237c28d.js} +1 -1
- package/dist/kolibri/{bootstrap-dcdb1765.js → bootstrap-53ed580c.js} +1 -1
- package/dist/kolibri/component-names-0657b355.js +4 -0
- package/dist/kolibri/component-names-0657b355.js.map +1 -0
- package/dist/kolibri/{controller-c6883e74.js → controller-1da95b99.js} +1 -1
- package/dist/kolibri/{controller-cf01f031.js → controller-235b6c3b.js} +1 -1
- package/dist/kolibri/{controller-2152c5b3.js → controller-c1c531fb.js} +1 -1
- package/dist/kolibri/{controller-75622398.js → controller-dc5f29b6.js} +1 -1
- package/dist/kolibri/{controller-icon-6d59bc84.js → controller-icon-0a6181f6.js} +1 -1
- package/dist/kolibri/{dev.utils-ca3cce4b.js → dev.utils-d42aaf74.js} +1 -1
- package/dist/kolibri/{devtools-fa819249.js → devtools-e7cb90e7.js} +1 -1
- package/dist/kolibri/getRenderStates-d0c0ae47.js +4 -0
- package/dist/kolibri/getRenderStates-d0c0ae47.js.map +1 -0
- package/dist/kolibri/{index-2f6c3929.js → index-b4e1ceff.js} +1 -1
- package/dist/kolibri/{index-2f6c3929.js.map → index-b4e1ceff.js.map} +1 -1
- package/dist/kolibri/index.esm.js +1 -1
- package/dist/kolibri/kol-abbr.entry.js +1 -1
- package/dist/kolibri/kol-accordion.entry.js +1 -1
- package/dist/kolibri/kol-alert-wc.entry.js +1 -1
- package/dist/kolibri/kol-alert.entry.js +1 -1
- package/dist/kolibri/kol-avatar-wc.entry.js +1 -1
- package/dist/kolibri/kol-avatar.entry.js +1 -1
- package/dist/kolibri/kol-badge.entry.js +1 -1
- package/dist/kolibri/kol-breadcrumb.entry.js +1 -1
- package/dist/kolibri/kol-button-link.entry.js +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-card-wc.entry.js +1 -1
- package/dist/kolibri/kol-card-wc.entry.js.map +1 -1
- package/dist/kolibri/kol-card.entry.js +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-drawer.entry.js +1 -1
- package/dist/kolibri/kol-form.entry.js +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-image.entry.js +1 -1
- package/dist/kolibri/kol-input-checkbox.entry.js +1 -1
- package/dist/kolibri/kol-input-color.entry.js +1 -1
- package/dist/kolibri/kol-input-date.entry.js +1 -1
- package/dist/kolibri/kol-input-email.entry.js +1 -1
- package/dist/kolibri/kol-input-file.entry.js +1 -1
- package/dist/kolibri/kol-input-number.entry.js +1 -1
- package/dist/kolibri/kol-input-password.entry.js +1 -1
- package/dist/kolibri/kol-input-radio.entry.js +1 -1
- package/dist/kolibri/kol-input-range.entry.js +1 -1
- package/dist/kolibri/kol-input-text.entry.js +1 -1
- package/dist/kolibri/kol-kolibri.entry.js +1 -1
- package/dist/kolibri/kol-link-button.entry.js +1 -1
- package/dist/kolibri/kol-link-wc.entry.js +1 -1
- package/dist/kolibri/kol-link.entry.js +1 -1
- package/dist/kolibri/kol-modal.entry.js +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-wc.entry.js +4 -0
- package/dist/kolibri/kol-pagination-wc.entry.js.map +1 -0
- 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-wc.entry.js +1 -1
- package/dist/kolibri/kol-popover-button-wc.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-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-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-spin.entry.js +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-settings-wc.entry.js +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-textarea.entry.js +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-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.entry.js +1 -1
- package/dist/kolibri/kol-tree-wc.entry.js +1 -1
- package/dist/kolibri/kol-tree.entry.js +1 -1
- package/dist/kolibri/kol-version.entry.js +1 -1
- package/dist/kolibri/kolibri.esm.js +1 -1
- package/dist/kolibri/kolibri.esm.js.map +1 -1
- package/dist/kolibri/test-component.entry.js +1 -1
- package/dist/types/components/button/component.d.ts +2 -1
- package/dist/types/components/pagination/component.d.ts +46 -0
- package/dist/types/components/pagination/shadow.d.ts +2 -32
- package/dist/types/components/select/controller.d.ts +3 -1
- package/dist/types/components/select/shadow.d.ts +3 -3
- package/dist/types/components/split-button/shadow.d.ts +11 -4
- package/dist/types/components/table-stateless/component.d.ts +1 -1
- package/dist/types/components/tooltip/component.d.ts +5 -5
- package/dist/types/components.d.ts +138 -9
- package/dist/types/core/component-names.d.ts +1 -0
- package/dist/types/e2e/input-msg.d.ts +5 -0
- package/dist/types/functional-components/CustomSuggestionsOption/CustomSuggestionsOption.d.ts +1 -0
- package/dist/types/functional-components/Heading/Heading.d.ts +0 -2
- package/dist/types/schema/components/select.d.ts +2 -2
- package/dist/types/schema/components/toaster.d.ts +1 -0
- package/dist/types/schema/props/msg.d.ts +2 -2
- package/dist/types/schema/types/aria.d.ts +4 -0
- package/dist/types/schema/types/index.d.ts +1 -1
- package/doc/pagination.md +1 -1
- package/doc/select.md +3 -3
- package/doc/split-button.md +41 -18
- package/doc/toaster.md +3 -3
- package/package.json +5 -1
- package/postinstall.js +38 -0
- package/vscode-custom-data.json +75 -0
- package/dist/cjs/Alert-9fdb7776.js.map +0 -1
- package/dist/cjs/CustomSuggestionsOptionsGroup-5aa8cb59.js +0 -4
- package/dist/cjs/CustomSuggestionsOptionsGroup-5aa8cb59.js.map +0 -1
- package/dist/cjs/Heading-37af6473.js +0 -4
- package/dist/cjs/Heading-37af6473.js.map +0 -1
- package/dist/cjs/Icon-537bb332.js +0 -4
- package/dist/cjs/align-floating-elements-7e50809a.js +0 -4
- package/dist/cjs/align-floating-elements-7e50809a.js.map +0 -1
- package/dist/cjs/component-names-f5f2ca3a.js +0 -4
- package/dist/cjs/component-names-f5f2ca3a.js.map +0 -1
- package/dist/cjs/getRenderStates-0f8144fb.js +0 -4
- package/dist/cjs/getRenderStates-0f8144fb.js.map +0 -1
- package/dist/cjs/index-c0d419b5.js +0 -4
- package/dist/esm/Alert-4f2f7115.js.map +0 -1
- package/dist/esm/CustomSuggestionsOptionsGroup-06278bda.js +0 -4
- package/dist/esm/CustomSuggestionsOptionsGroup-06278bda.js.map +0 -1
- package/dist/esm/Heading-7b90eeb4.js +0 -4
- package/dist/esm/Heading-7b90eeb4.js.map +0 -1
- package/dist/esm/Icon-a2f91629.js +0 -4
- package/dist/esm/align-floating-elements-526ce555.js +0 -4
- package/dist/esm/align-floating-elements-526ce555.js.map +0 -1
- package/dist/esm/component-names-553d8bfa.js +0 -4
- package/dist/esm/component-names-553d8bfa.js.map +0 -1
- package/dist/esm/getRenderStates-1a7401a2.js +0 -4
- package/dist/esm/getRenderStates-1a7401a2.js.map +0 -1
- package/dist/esm/index-2f6c3929.js +0 -4
- package/dist/kolibri/Alert-4f2f7115.js +0 -4
- package/dist/kolibri/CustomSuggestionsOptionsGroup-06278bda.js +0 -4
- package/dist/kolibri/CustomSuggestionsOptionsGroup-06278bda.js.map +0 -1
- package/dist/kolibri/Heading-7b90eeb4.js +0 -4
- package/dist/kolibri/Heading-7b90eeb4.js.map +0 -1
- package/dist/kolibri/Icon-a2f91629.js +0 -4
- package/dist/kolibri/InternalUnderlinedBadgeText-2d939629.js +0 -4
- package/dist/kolibri/Span-78135d4f.js +0 -4
- package/dist/kolibri/align-floating-elements-526ce555.js +0 -4
- package/dist/kolibri/align-floating-elements-526ce555.js.map +0 -1
- package/dist/kolibri/app-globals-f57fb61d.js +0 -4
- package/dist/kolibri/component-names-553d8bfa.js +0 -4
- package/dist/kolibri/component-names-553d8bfa.js.map +0 -1
- package/dist/kolibri/getRenderStates-1a7401a2.js +0 -4
- package/dist/kolibri/getRenderStates-1a7401a2.js.map +0 -1
- package/dist/types/components/input/controller.d.ts +0 -11
- /package/dist/kolibri/{Collapsible-7cb22ab1.js.map → Collapsible-741bf621.js.map} +0 -0
- /package/dist/kolibri/{FieldControlStateWrapper-602a7af3.js.map → FieldControlStateWrapper-3ed538a0.js.map} +0 -0
- /package/dist/kolibri/{Icon-a2f91629.js.map → Icon-64aecdb3.js.map} +0 -0
- /package/dist/kolibri/{Input-324f4b1d.js.map → Input-8709f66f.js.map} +0 -0
- /package/dist/kolibri/{InputStateWrapper-e0c888e4.js.map → InputStateWrapper-1008cf94.js.map} +0 -0
- /package/dist/kolibri/{InternalUnderlinedBadgeText-2d939629.js.map → InternalUnderlinedBadgeText-b24e9dc5.js.map} +0 -0
- /package/dist/kolibri/{associated.controller-22684481.js.map → associated.controller-4237c28d.js.map} +0 -0
- /package/dist/kolibri/{bootstrap-dcdb1765.js.map → bootstrap-53ed580c.js.map} +0 -0
- /package/dist/kolibri/{controller-c6883e74.js.map → controller-1da95b99.js.map} +0 -0
- /package/dist/kolibri/{controller-cf01f031.js.map → controller-235b6c3b.js.map} +0 -0
- /package/dist/kolibri/{controller-2152c5b3.js.map → controller-c1c531fb.js.map} +0 -0
- /package/dist/kolibri/{controller-75622398.js.map → controller-dc5f29b6.js.map} +0 -0
- /package/dist/kolibri/{controller-icon-6d59bc84.js.map → controller-icon-0a6181f6.js.map} +0 -0
- /package/dist/kolibri/{dev.utils-ca3cce4b.js.map → dev.utils-d42aaf74.js.map} +0 -0
- /package/dist/kolibri/{devtools-fa819249.js.map → devtools-e7cb90e7.js.map} +0 -0
package/custom-elements.json
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
{
|
2
|
-
"version": "3.0.2-rc.
|
2
|
+
"version": "3.0.2-rc.2",
|
3
3
|
"tags": [
|
4
4
|
{
|
5
5
|
"name": "kol-abbr",
|
@@ -2927,6 +2927,83 @@
|
|
2927
2927
|
"cssProperties": [],
|
2928
2928
|
"cssParts": []
|
2929
2929
|
},
|
2930
|
+
{
|
2931
|
+
"name": "kol-pagination-wc",
|
2932
|
+
"description": "",
|
2933
|
+
"attributes": [
|
2934
|
+
{
|
2935
|
+
"name": "_boundary-count",
|
2936
|
+
"type": "number | undefined",
|
2937
|
+
"description": "Defines the amount of pages to show next to the outer arrow buttons.",
|
2938
|
+
"defaultValue": "1",
|
2939
|
+
"required": false
|
2940
|
+
},
|
2941
|
+
{
|
2942
|
+
"name": "_custom-class",
|
2943
|
+
"type": "string | undefined",
|
2944
|
+
"description": "Defines the custom class attribute if _variant=\"custom\" is set.",
|
2945
|
+
"required": false
|
2946
|
+
},
|
2947
|
+
{
|
2948
|
+
"name": "_has-buttons",
|
2949
|
+
"type": "boolean | string | undefined | { first: boolean; last: boolean; next: boolean; previous: boolean; }",
|
2950
|
+
"description": "Defines which navigation buttons to render (first, last, next, previous buttons).",
|
2951
|
+
"defaultValue": "true",
|
2952
|
+
"required": false
|
2953
|
+
},
|
2954
|
+
{
|
2955
|
+
"name": "_label",
|
2956
|
+
"type": "string | undefined",
|
2957
|
+
"description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).",
|
2958
|
+
"required": false
|
2959
|
+
},
|
2960
|
+
{
|
2961
|
+
"name": "_max",
|
2962
|
+
"type": "number",
|
2963
|
+
"description": "Defines the maximum number of pages.",
|
2964
|
+
"required": true
|
2965
|
+
},
|
2966
|
+
{
|
2967
|
+
"name": "_page",
|
2968
|
+
"type": "number",
|
2969
|
+
"description": "Defines the current page.",
|
2970
|
+
"required": true
|
2971
|
+
},
|
2972
|
+
{
|
2973
|
+
"name": "_page-size",
|
2974
|
+
"type": "number",
|
2975
|
+
"description": "Defines the amount of entries to show per page.",
|
2976
|
+
"defaultValue": "1",
|
2977
|
+
"required": false
|
2978
|
+
},
|
2979
|
+
{
|
2980
|
+
"name": "_page-size-options",
|
2981
|
+
"type": "number[] | string",
|
2982
|
+
"description": "Defines the options for the page-size-select.",
|
2983
|
+
"defaultValue": "[]",
|
2984
|
+
"required": false
|
2985
|
+
},
|
2986
|
+
{
|
2987
|
+
"name": "_sibling-count",
|
2988
|
+
"type": "number | undefined",
|
2989
|
+
"description": "Defines the amount of pages to show next to the current page.",
|
2990
|
+
"defaultValue": "1",
|
2991
|
+
"required": false
|
2992
|
+
},
|
2993
|
+
{
|
2994
|
+
"name": "_tooltip-align",
|
2995
|
+
"type": "\"bottom\" | \"left\" | \"right\" | \"top\" | undefined",
|
2996
|
+
"description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
|
2997
|
+
"defaultValue": "'top'",
|
2998
|
+
"required": false
|
2999
|
+
}
|
3000
|
+
],
|
3001
|
+
"events": [],
|
3002
|
+
"methods": [],
|
3003
|
+
"slots": [],
|
3004
|
+
"cssProperties": [],
|
3005
|
+
"cssParts": []
|
3006
|
+
},
|
2930
3007
|
{
|
2931
3008
|
"name": "kol-popover-button",
|
2932
3009
|
"description": "",
|
@@ -3411,7 +3488,7 @@
|
|
3411
3488
|
},
|
3412
3489
|
{
|
3413
3490
|
"name": "_value",
|
3414
|
-
"type": "StencilUnknown[] | string | undefined",
|
3491
|
+
"type": "StencilUnknown[] | boolean | null | number | object | string | undefined",
|
3415
3492
|
"description": "Defines the value of the input.",
|
3416
3493
|
"required": false
|
3417
3494
|
}
|
@@ -3421,7 +3498,7 @@
|
|
3421
3498
|
{
|
3422
3499
|
"name": "getValue",
|
3423
3500
|
"description": "",
|
3424
|
-
"signature": "getValue() => Promise<StencilUnknown[]>"
|
3501
|
+
"signature": "getValue() => Promise<StencilUnknown[] | StencilUnknown>"
|
3425
3502
|
},
|
3426
3503
|
{
|
3427
3504
|
"name": "kolFocus",
|
@@ -3640,12 +3717,24 @@
|
|
3640
3717
|
"name": "kol-split-button",
|
3641
3718
|
"description": "",
|
3642
3719
|
"attributes": [
|
3720
|
+
{
|
3721
|
+
"name": "_access-key",
|
3722
|
+
"type": "string | undefined",
|
3723
|
+
"description": "Defines which key combination can be used to trigger or focus the interactive element of the component.",
|
3724
|
+
"required": false
|
3725
|
+
},
|
3643
3726
|
{
|
3644
3727
|
"name": "_aria-controls",
|
3645
3728
|
"type": "string | undefined",
|
3646
3729
|
"description": "Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)",
|
3647
3730
|
"required": false
|
3648
3731
|
},
|
3732
|
+
{
|
3733
|
+
"name": "_aria-description",
|
3734
|
+
"type": "string | undefined",
|
3735
|
+
"description": "Defines the value for the aria-description attribute.",
|
3736
|
+
"required": false
|
3737
|
+
},
|
3649
3738
|
{
|
3650
3739
|
"name": "_aria-expanded",
|
3651
3740
|
"type": "boolean | undefined",
|
@@ -3708,6 +3797,12 @@
|
|
3708
3797
|
"description": "Defines the role of the components primary element.",
|
3709
3798
|
"required": false
|
3710
3799
|
},
|
3800
|
+
{
|
3801
|
+
"name": "_short-key",
|
3802
|
+
"type": "string | undefined",
|
3803
|
+
"description": "Adds a visual short key hint to the component.",
|
3804
|
+
"required": false
|
3805
|
+
},
|
3711
3806
|
{
|
3712
3807
|
"name": "_tooltip-align",
|
3713
3808
|
"type": "\"bottom\" | \"left\" | \"right\" | \"top\" | undefined",
|
@@ -3742,6 +3837,16 @@
|
|
3742
3837
|
"name": "closePopup",
|
3743
3838
|
"description": "",
|
3744
3839
|
"signature": "closePopup() => Promise<void>"
|
3840
|
+
},
|
3841
|
+
{
|
3842
|
+
"name": "getValue",
|
3843
|
+
"description": "",
|
3844
|
+
"signature": "getValue() => Promise<StencilUnknown>"
|
3845
|
+
},
|
3846
|
+
{
|
3847
|
+
"name": "kolFocus",
|
3848
|
+
"description": "",
|
3849
|
+
"signature": "kolFocus() => Promise<void>"
|
3745
3850
|
}
|
3746
3851
|
],
|
3747
3852
|
"slots": [
|
@@ -1,4 +1,4 @@
|
|
1
1
|
/*!
|
2
2
|
* KoliBri - The accessible HTML-Standard
|
3
3
|
*/
|
4
|
-
"use strict";const tslib_es6=require("./tslib.es6-5e301284.js"),index=require("./index-
|
4
|
+
"use strict";const tslib_es6=require("./tslib.es6-5e301284.js"),index=require("./index-b7655f44.js"),clsx=require("./clsx-dd4d6dd1.js"),componentNames=require("./component-names-1cb5b7ce.js"),i18n=require("./i18n-b01aa5d0.js"),bem=require("./bem-85316256.js"),Heading=require("./Heading-45cafb2c.js"),Icon=({ariaLabel:e,icon:n})=>index.h(index.Fragment,null,index.h("span",{class:"visually-hidden"},e),index.h(componentNames.KolIconTag,{class:bem.BEM_CLASS_ALERT__ICON,_label:"",_icons:n})),AlertIcon=({type:e,label:n})=>{switch(e){case"error":return index.h(Icon,{ariaLabel:i18n.translate("kol-error"),icon:"codicon codicon-error",label:n});case"info":return index.h(Icon,{ariaLabel:i18n.translate("kol-info"),icon:"codicon codicon-info",label:n});case"warning":return index.h(Icon,{ariaLabel:i18n.translate("kol-warning"),icon:"codicon codicon-warning",label:n});case"success":return index.h(Icon,{ariaLabel:i18n.translate("kol-success"),icon:"codicon codicon-pass",label:n});default:return index.h(Icon,{ariaLabel:i18n.translate("kol-message"),icon:"codicon codicon-comment",label:n})}},vibrateOnError=()=>{if("undefined"==typeof navigator||"function"!=typeof navigator.vibrate)return;const e=navigator.userActivation;if(((null==e?void 0:e.isActive)||(null==e?void 0:e.hasBeenActive))&&matchMedia("(any-pointer: coarse)").matches)try{navigator.vibrate([100,75,100,75,100])}catch(e){}},KolAlertFc=(e,n)=>{const{class:a={},alert:i=!1,hasCloser:o=!1,label:l,level:r=0,type:t="default",variant:c="msg",onAlertTimeout:s,onCloserClick:d}=e,b=tslib_es6.__rest(e,["class","alert","hasCloser","label","level","type","variant","onAlertTimeout","onCloserClick"]);i&&(vibrateOnError(),setTimeout((()=>{null==s||s()}),1e4));const u=bem.bem("kol-alert",{hasCloser:!!o,[`type-${t}`]:!0,[`variant-${c}`]:!0}),_=bem.bem("kol-alert","heading",{[`h${r}`]:!0}),h=Object.assign({class:clsx.clsx(a,u),role:i?"error"===t?"alert":"status":void 0},b);return index.h("div",Object.assign({},h,{"data-testid":"alert"}),index.h("div",{class:"kol-alert__container"},index.h(AlertIcon,{label:l,type:t}),index.h("div",{class:"kol-alert__container-content"},l&&index.h(Heading.KolHeadingFc,{class:_,level:r,id:"heading"},l),"msg"===c&&index.h("span",{class:bem.BEM_CLASS_ALERT__CONTENT,"aria-describedby":l?"heading":void 0},n)),o&&index.h(componentNames.KolButtonWcTag,{class:bem.BEM_CLASS_ALERT__CLOSER,"data-testid":"alert-close-button",_ariaDescription:(null==l?void 0:l.trim())||"",_hideLabel:!0,_icons:{left:{icon:"codicon codicon-close"}},_label:i18n.translate("kol-close-alert"),_on:{onClick:d},_tooltipAlign:"left"})),"card"===c&&index.h("div",{class:bem.BEM_CLASS_ALERT__CONTENT,"aria-describedby":l?"heading":void 0},n))};exports.KolAlertFc=KolAlertFc;
|
@@ -0,0 +1 @@
|
|
1
|
+
{"file":"Alert-e320048d.js","mappings":"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","names":["h","KolIconTag","BEM_CLASS_ALERT__ICON","translate","bem","clsx","KolHeadingFc","BEM_CLASS_ALERT__CONTENT","KolButtonWcTag","BEM_CLASS_ALERT__CLOSER"],"sources":["src/functional-components/AlertIcon/AlertIcon.tsx","src/functional-components/Alert/Alert.tsx"],"sourcesContent":["import { Fragment, type FunctionalComponent as FC, h } from '@stencil/core';\nimport { KolIconTag } from '../../core/component-names';\nimport type { AlertType } from '../../schema';\nimport { translate } from '../../i18n';\nimport { BEM_CLASS_ALERT__ICON } from '../Alert/bem';\n\n/**\n * The icon uses a visually-hidden span instead of an aria-label because the Alert might be referenced as content for aria-describedby.\n * In this scenario, Firefox with NVDA does not properly read the aria-label, so the visually-hidden span ensures correct screen reader behavior.\n * @see https://github.com/public-ui/kolibri/issues/7119\n */\nconst Icon: FC<{ ariaLabel: string; icon: string; label?: string }> = ({ ariaLabel, icon }) => {\n\treturn (\n\t\t<>\n\t\t\t<span class=\"visually-hidden\">{ariaLabel}</span>\n\t\t\t<KolIconTag class={BEM_CLASS_ALERT__ICON} _label=\"\" _icons={icon} />\n\t\t</>\n\t);\n};\n\nconst AlertIcon: FC<{ label?: string; type?: AlertType }> = ({ type, label }) => {\n\tswitch (type) {\n\t\tcase 'error':\n\t\t\treturn <Icon ariaLabel={translate('kol-error')} icon=\"codicon codicon-error\" label={label} />;\n\t\tcase 'info':\n\t\t\treturn <Icon ariaLabel={translate('kol-info')} icon=\"codicon codicon-info\" label={label} />;\n\t\tcase 'warning':\n\t\t\treturn <Icon ariaLabel={translate('kol-warning')} icon=\"codicon codicon-warning\" label={label} />;\n\t\tcase 'success':\n\t\t\treturn <Icon ariaLabel={translate('kol-success')} icon=\"codicon codicon-pass\" label={label} />;\n\t\tdefault:\n\t\t\treturn <Icon ariaLabel={translate('kol-message')} icon=\"codicon codicon-comment\" label={label} />;\n\t}\n};\n\nexport default AlertIcon;\n","import { type FunctionalComponent as FC, h } from '@stencil/core';\nimport { type JSXBase } from '@stencil/core/internal';\nimport clsx from 'clsx';\n\nimport { KolButtonWcTag } from '../../core/component-names';\nimport { translate } from '../../i18n';\nimport { type InternalAlertProps } from '../../schema';\nimport AlertIcon from '../AlertIcon';\nimport KolHeadingFc from '../Heading';\nimport { genBemAlert as bem, BEM_CLASS_ALERT__CLOSER, BEM_CLASS_ALERT__CONTENT } from './bem';\n\nexport type KolAlertFcProps = JSXBase.HTMLAttributes<HTMLDivElement> &\n\tPartial<Omit<InternalAlertProps, 'on'>> & {\n\t\tonCloserClick?: () => void;\n\t\tonAlertTimeout?: () => void;\n\t};\n\n/**\n * - https://developer.mozilla.org/de/docs/Web/API/Navigator/vibrate\n * - https://googlechrome.github.io/samples/vibration/\n * - Ongoing discussion: https://github.com/public-ui/kolibri/issues/7191\n * @todo Move side-effect out of render-function to avoid multiple incarnations.\n */\nconst vibrateOnError = (): void => {\n\tif (typeof navigator === 'undefined' || typeof navigator.vibrate !== 'function') {\n\t\treturn;\n\t}\n\tconst ua = navigator.userActivation;\n\tconst hasGesture = ua?.isActive || ua?.hasBeenActive;\n\tif (!hasGesture) {\n\t\treturn;\n\t}\n\tif (!matchMedia('(any-pointer: coarse)').matches) {\n\t\treturn;\n\t}\n\ttry {\n\t\tnavigator.vibrate([100, 75, 100, 75, 100]);\n\t} catch {\n\t\t/* no-op */\n\t}\n};\n\nconst KolAlertFc: FC<KolAlertFcProps> = (props, children) => {\n\tconst {\n\t\tclass: classNames = {},\n\t\talert = false,\n\t\thasCloser = false,\n\t\tlabel,\n\t\tlevel = 0,\n\t\ttype = 'default',\n\t\tvariant = 'msg',\n\t\tonAlertTimeout,\n\t\tonCloserClick,\n\t\t...other\n\t} = props;\n\n\tif (alert) {\n\t\tvibrateOnError();\n\n\t\tsetTimeout(() => {\n\t\t\tonAlertTimeout?.();\n\t\t}, 10000);\n\t}\n\n\t/**\n\t * Define the dynamic BEM class names for the alert component.\n\t */\n\tconst BEM_CLASS_ROOT = bem('kol-alert', {\n\t\thasCloser: !!hasCloser,\n\t\t[`type-${type}`]: true,\n\t\t[`variant-${variant}`]: true,\n\t});\n\tconst BEM_CLASS__HEADING = bem('kol-alert', 'heading', {\n\t\t[`h${level}`]: true,\n\t});\n\n\tconst rootProps: Partial<JSXBase.HTMLAttributes<HTMLDivElement>> = {\n\t\tclass: clsx(classNames, BEM_CLASS_ROOT),\n\t\trole: alert ? (type === 'error' ? 'alert' : 'status') : undefined,\n\t\t...other,\n\t};\n\n\treturn (\n\t\t<div {...rootProps} data-testid=\"alert\">\n\t\t\t<div class=\"kol-alert__container\">\n\t\t\t\t<AlertIcon label={label} type={type} />\n\t\t\t\t<div class=\"kol-alert__container-content\">\n\t\t\t\t\t{label && (\n\t\t\t\t\t\t<KolHeadingFc class={BEM_CLASS__HEADING} level={level} id=\"heading\">\n\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t</KolHeadingFc>\n\t\t\t\t\t)}\n\t\t\t\t\t{variant === 'msg' && (\n\t\t\t\t\t\t<span class={BEM_CLASS_ALERT__CONTENT} aria-describedby={label ? 'heading' : undefined}>\n\t\t\t\t\t\t\t{children}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t{hasCloser && (\n\t\t\t\t\t<KolButtonWcTag\n\t\t\t\t\t\tclass={BEM_CLASS_ALERT__CLOSER}\n\t\t\t\t\t\tdata-testid=\"alert-close-button\"\n\t\t\t\t\t\t_ariaDescription={label?.trim() || ''}\n\t\t\t\t\t\t_hideLabel\n\t\t\t\t\t\t_icons={{\n\t\t\t\t\t\t\tleft: {\n\t\t\t\t\t\t\t\ticon: 'codicon codicon-close',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t}}\n\t\t\t\t\t\t_label={translate('kol-close-alert')}\n\t\t\t\t\t\t_on={{ onClick: onCloserClick }}\n\t\t\t\t\t\t_tooltipAlign=\"left\"\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t{variant === 'card' && (\n\t\t\t\t<div class={BEM_CLASS_ALERT__CONTENT} aria-describedby={label ? 'heading' : undefined}>\n\t\t\t\t\t{children}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nexport default KolAlertFc;\n"],"version":3}
|
@@ -1,4 +1,4 @@
|
|
1
1
|
/*!
|
2
2
|
* KoliBri - The accessible HTML-Standard
|
3
3
|
*/
|
4
|
-
"use strict";const tslib_es6=require("./tslib.es6-5e301284.js"),index=require("./index-
|
4
|
+
"use strict";const tslib_es6=require("./tslib.es6-5e301284.js"),index=require("./index-b7655f44.js"),clsx=require("./clsx-dd4d6dd1.js"),componentNames=require("./component-names-1cb5b7ce.js"),Heading=require("./Heading-45cafb2c.js"),KolCollapsibleFc=(l,e)=>{const{id:s,class:i,label:o,level:n=1,disabled:a,open:c,onClick:d,HeadingProps:r={},HeadingButtonProps:t={},ContentProps:p={}}=l,b=tslib_es6.__rest(l,["id","class","label","level","disabled","open","onClick","HeadingProps","HeadingButtonProps","ContentProps"]),x=c?"remove":"add";return index.h("div",Object.assign({id:s,class:clsx.clsx("collapsible",{"collapsible--disabled":!0===a,"collapsible--open":!0===c},i)},b),index.h(Heading.KolHeadingFc,{ref:null==r?void 0:r.ref,level:n,class:clsx.clsx("collapsible__heading",null==r?void 0:r.class)},index.h(componentNames.KolButtonWcTag,{class:clsx.clsx("collapsible__heading-button",null==t?void 0:t.class),ref:null==t?void 0:t.ref,slot:"expert",_ariaControls:`${s}-control`,_ariaExpanded:c,_disabled:a,_icons:(null==t?void 0:t._icons)||`codicon codicon-${x}`,_label:o,_on:{onClick:d}})),index.h("div",{class:clsx.clsx("collapsible__wrapper",null==p?void 0:p.wrapperClass)},index.h("div",{class:clsx.clsx("collapsible__wrapper-animation",null==p?void 0:p.animationClass)},index.h("div",{"aria-hidden":!1===c?"true":void 0,class:clsx.clsx("collapsible__content",null==p?void 0:p.class),id:`${s}-control`},e))))};exports.KolCollapsibleFc=KolCollapsibleFc;
|
@@ -1 +1 @@
|
|
1
|
-
{"file":"Collapsible-
|
1
|
+
{"file":"Collapsible-0b3c7c45.js","mappings":";;;;;;;;;;;MAuCM,gBAAgB,GAAyB,CAAC,KAAK,EAAE,QAAQ;IAC9D,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,GAAG,EAAE,EAAE,kBAAkB,GAAG,EAAE,EAAE,YAAY,GAAG,EAAE,KAAe,KAAK,EAAf,KAAK,oBAAK,KAAK,EAArJ,sHAA6I,CAAQ,CAAC;IAC5J,MAAM,IAAI,GAAG,IAAI,GAAG,QAAQ,GAAG,KAAK,CAAC;IAErC,QACCA,+BACC,EAAE,EAAE,EAAE,EACN,KAAK,EAAEC,SAAI,CACV,aAAa,EACb;YACC,uBAAuB,EAAE,QAAQ,KAAK,IAAI;YAC1C,mBAAmB,EAAE,IAAI,KAAK,IAAI;SAClC,EACD,UAAU,CACV,IACG,KAAK;QAETD,QAACE,oBAAY,IAAC,GAAG,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAED,SAAI,CAAC,sBAAsB,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,KAAK,CAAC;YAC3GD,QAACG,6BAAc,IACd,KAAK,EAAEF,SAAI,CAAC,6BAA6B,EAAE,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,KAAK,CAAC,EACrE,GAAG,EAAE,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,GAAG,EAC5B,IAAI,EAAC,QAAQ,EACb,aAAa,EAAE,GAAG,EAAE,UAAU,EAC9B,aAAa,EAAE,IAAI,EACnB,SAAS,EAAE,QAAQ,EACnB,MAAM,EAAE,CAAA,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,MAAM,KAAI,mBAAmB,IAAI,EAAE,EAC/D,MAAM,EAAE,KAAK,EACb,GAAG,EAAE,EAAE,OAAO,EAAE,GACC,CACJ;QACfD,iBAAK,KAAK,EAAEC,SAAI,CAAC,sBAAsB,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,YAAY,CAAC;YACnED,iBAAK,KAAK,EAAEC,SAAI,CAAC,gCAAgC,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,cAAc,CAAC;gBAC/ED,gCAAkB,IAAI,KAAK,KAAK,GAAG,MAAM,GAAG,SAAS,EAAE,KAAK,EAAEC,SAAI,CAAC,sBAAsB,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,KAAK,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE,UAAU,IAClI,QAAQ,CACJ,CACD,CACD,CACD,EACL;AACH;;;;","names":["h","clsx","KolHeadingFc","KolButtonWcTag"],"sources":["src/functional-components/Collapsible/Collapsible.tsx"],"sourcesContent":["import { h } from '@stencil/core';\nimport type { FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport clsx from 'clsx';\nimport { KolButtonWcTag } from '../../core/component-names';\nimport type { HeadingLevel, IconsPropType } from '../../schema';\nimport KolHeadingFc from '../Heading';\n\ntype ClassType =\n\t| string\n\t| {\n\t\t\t[className: string]: boolean;\n\t };\n\nexport type CollapsibleProps = Omit<JSXBase.HTMLAttributes<HTMLElement>, 'id'> & {\n\tid: string;\n\topen?: boolean;\n\tdisabled?: boolean;\n\tlevel?: HeadingLevel;\n\tlabel: string;\n\n\tHeadingProps?: {\n\t\tref?: ((elm?: HTMLElement | undefined) => void) | undefined;\n\t\tclass?: ClassType;\n\t};\n\n\tHeadingButtonProps?: {\n\t\tref?: ((elm?: HTMLKolButtonWcElement | undefined) => void) | undefined;\n\t\tclass?: ClassType;\n\t\t_icons?: IconsPropType;\n\t};\n\n\tContentProps?: {\n\t\tclass?: ClassType;\n\t\tanimationClass?: ClassType;\n\t\twrapperClass?: ClassType;\n\t};\n};\n\nconst KolCollapsibleFc: FC<CollapsibleProps> = (props, children) => {\n\tconst { id, class: classNames, label, level = 1, disabled, open, onClick, HeadingProps = {}, HeadingButtonProps = {}, ContentProps = {}, ...other } = props;\n\tconst icon = open ? 'remove' : 'add';\n\n\treturn (\n\t\t<div\n\t\t\tid={id}\n\t\t\tclass={clsx(\n\t\t\t\t'collapsible',\n\t\t\t\t{\n\t\t\t\t\t'collapsible--disabled': disabled === true,\n\t\t\t\t\t'collapsible--open': open === true,\n\t\t\t\t},\n\t\t\t\tclassNames,\n\t\t\t)}\n\t\t\t{...other}\n\t\t>\n\t\t\t<KolHeadingFc ref={HeadingProps?.ref} level={level} class={clsx('collapsible__heading', HeadingProps?.class)}>\n\t\t\t\t<KolButtonWcTag\n\t\t\t\t\tclass={clsx('collapsible__heading-button', HeadingButtonProps?.class)}\n\t\t\t\t\tref={HeadingButtonProps?.ref}\n\t\t\t\t\tslot=\"expert\"\n\t\t\t\t\t_ariaControls={`${id}-control`}\n\t\t\t\t\t_ariaExpanded={open}\n\t\t\t\t\t_disabled={disabled}\n\t\t\t\t\t_icons={HeadingButtonProps?._icons || `codicon codicon-${icon}`}\n\t\t\t\t\t_label={label}\n\t\t\t\t\t_on={{ onClick }}\n\t\t\t\t></KolButtonWcTag>\n\t\t\t</KolHeadingFc>\n\t\t\t<div class={clsx('collapsible__wrapper', ContentProps?.wrapperClass)}>\n\t\t\t\t<div class={clsx('collapsible__wrapper-animation', ContentProps?.animationClass)}>\n\t\t\t\t\t<div aria-hidden={open === false ? 'true' : undefined} class={clsx('collapsible__content', ContentProps?.class)} id={`${id}-control`}>\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default KolCollapsibleFc;\n"],"version":3}
|
@@ -0,0 +1,4 @@
|
|
1
|
+
/*!
|
2
|
+
* KoliBri - The accessible HTML-Standard
|
3
|
+
*/
|
4
|
+
"use strict";const index=require("./index-b7655f44.js"),componentNames=require("./component-names-1cb5b7ce.js"),i18n=require("./i18n-b01aa5d0.js"),clsx=require("./clsx-dd4d6dd1.js"),CustomSuggestionsToggleFc=({onClick:o,disabled:s})=>index.h("button",{tabindex:"-1",class:"kol-custom-suggestions-toggle",onClick:o,disabled:s},index.h(componentNames.KolIconTag,{_icons:"codicon codicon-triangle-down",_label:i18n.translate("kol-dropdown")})),CustomSuggestionsOptionFc=({index:o,ref:s,selected:e,onClick:n,onMouseOver:t,onFocus:i,onKeyDown:u,option:c,searchTerm:g})=>index.h("li",{id:`option-${o}`,key:`-${o}`,ref:s,"data-index":o,tabIndex:-1,role:"option","aria-selected":e?"true":void 0,onClick:n,onMouseOver:t,onFocus:i,class:"kol-custom-suggestions-option",onKeyDown:u},((o,s)=>{if(!(null==s?void 0:s.trim()))return o;const e=new RegExp(`(${s.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")})`,"gi");return o.split(e).map(((o,s)=>e.test(o)?index.h("mark",{key:s},o):o))})(String(c),g||"")),CustomSuggestionsOptionsGroupFc=({blockSuggestionMouseOver:o,onKeyDown:s,style:e},n)=>index.h("ul",{role:"listbox",style:e,class:clsx.clsx("kol-custom-suggestions-options-group",{"kol-custom-suggestions-options-group--cursor-hidden":o}),onKeyDown:s},n);exports.CustomSuggestionsOptionFc=CustomSuggestionsOptionFc,exports.CustomSuggestionsOptionsGroupFc=CustomSuggestionsOptionsGroupFc,exports.CustomSuggestionsToggleFc=CustomSuggestionsToggleFc;
|
@@ -0,0 +1 @@
|
|
1
|
+
{"file":"CustomSuggestionsOptionsGroup-e8d07352.js","mappings":";;;;;;;;;;MAOM,yBAAyB,GAAqC,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE;IACzF,QACCA,oBAAQ,QAAQ,EAAC,IAAI,EAAC,KAAK,EAAC,+BAA+B,EAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ;QAC/FA,QAACC,yBAAU,IAAC,MAAM,EAAC,+BAA+B,EAAC,MAAM,EAAEC,cAAS,CAAC,cAAc,CAAC,GAAI,CAChF,EACR;AACH;;MCDM,yBAAyB,GAA+B,CAAC,SAAEC,OAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE;IACpJ,MAAM,mBAAmB,GAAG,CAAC,IAAY,EAAE,UAAkB;QAC5D,IAAI,EAAC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,IAAI,EAAE,CAAA;YAAE,OAAO,IAAI,CAAC;QAErC,MAAM,KAAK,GAAG,IAAI,MAAM,CAAC,IAAI,UAAU,CAAC,OAAO,CAAC,qBAAqB,EAAE,MAAM,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;QACzF,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAEhC,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,SAAS,MAAM,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,GAAGH,kBAAM,GAAG,EAAE,SAAS,IAAG,IAAI,CAAQ,GAAG,IAAI,CAAC,CAAC,CAAC;KACvG,CAAC;IAEF,QACCA,gBACC,EAAE,EAAE,UAAUG,OAAK,EAAE,EACrB,GAAG,EAAE,IAAIA,OAAK,EAAE,EAChB,GAAG,EAAE,GAAG,gBACIA,OAAK,EACjB,QAAQ,EAAE,CAAC,CAAC,EACZ,IAAI,EAAC,QAAQ,mBACE,QAAQ,GAAG,MAAM,GAAG,SAAS,EAC5C,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,+BAA+B,EACrC,SAAS,EAAE,SAAS,IAEnB,mBAAmB,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,UAAU,IAAI,EAAE,CAAC,CAClD,EACJ;AACH;;MChCM,+BAA+B,GAA2C,CAAC,EAAE,wBAAwB,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,QAAQ;IACxI,QACCH,gBACC,IAAI,EAAC,SAAS,EACd,KAAK,EAAE,KAAK,EACZ,KAAK,EAAEI,SAAI,CAAC,sCAAsC,EAAE;YACnD,qDAAqD,EAAE,wBAAwB;SAC/E,CAAC,EACF,SAAS,EAAE,SAAS,IAEnB,QAAQ,CACL,EACJ;AACH;;;;;;","names":["h","KolIconTag","translate","index","clsx"],"sources":["src/functional-components/CustomSuggestionsToggle/CustomSuggestionsToggle.tsx","src/functional-components/CustomSuggestionsOption/CustomSuggestionsOption.tsx","src/functional-components/CustomSuggestionsOptionsGroup/CustomSuggestionsOptionsGroup.tsx"],"sourcesContent":["import { type FunctionalComponent as FC, h } from '@stencil/core';\nimport { KolIconTag } from '../../core/component-names';\nimport { translate } from '../../i18n';\nimport type { JSXBase } from '@stencil/core/internal';\n\nexport type CustomSuggestionsToggleProps = JSXBase.HTMLAttributes<HTMLButtonElement> & { disabled?: boolean };\n\nconst CustomSuggestionsToggleFc: FC<CustomSuggestionsToggleProps> = ({ onClick, disabled }) => {\n\treturn (\n\t\t<button tabindex=\"-1\" class=\"kol-custom-suggestions-toggle\" onClick={onClick} disabled={disabled}>\n\t\t\t<KolIconTag _icons=\"codicon codicon-triangle-down\" _label={translate('kol-dropdown')} />\n\t\t</button>\n\t);\n};\nexport default CustomSuggestionsToggleFc;\n","import { type FunctionalComponent as FC, h } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport type { W3CInputValue } from '../../schema';\n\nexport type CustomSuggestionsProps = JSXBase.HTMLAttributes<HTMLLIElement> & {\n\tindex: number;\n\toption: W3CInputValue;\n\tselected: boolean;\n\tsearchTerm?: string;\n\tref?: ((elm?: HTMLLIElement | undefined) => void) | undefined;\n};\n\nconst CustomSuggestionsOptionFc: FC<CustomSuggestionsProps> = ({ index, ref, selected, onClick, onMouseOver, onFocus, onKeyDown, option, searchTerm }) => {\n\tconst highlightSearchTerm = (text: string, searchTerm: string) => {\n\t\tif (!searchTerm?.trim()) return text;\n\n\t\tconst regex = new RegExp(`(${searchTerm.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')})`, 'gi');\n\t\tconst parts = text.split(regex);\n\n\t\treturn parts.map((part, partIndex) => (regex.test(part) ? <mark key={partIndex}>{part}</mark> : part));\n\t};\n\n\treturn (\n\t\t<li\n\t\t\tid={`option-${index}`}\n\t\t\tkey={`-${index}`}\n\t\t\tref={ref}\n\t\t\tdata-index={index}\n\t\t\ttabIndex={-1}\n\t\t\trole=\"option\"\n\t\t\taria-selected={selected ? 'true' : undefined}\n\t\t\tonClick={onClick}\n\t\t\tonMouseOver={onMouseOver}\n\t\t\tonFocus={onFocus}\n\t\t\tclass=\"kol-custom-suggestions-option\"\n\t\t\tonKeyDown={onKeyDown}\n\t\t>\n\t\t\t{highlightSearchTerm(String(option), searchTerm || '')}\n\t\t</li>\n\t);\n};\nexport default CustomSuggestionsOptionFc;\n","import { type FunctionalComponent as FC, h } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport clsx from 'clsx';\n\nexport type CustomSuggestionsOptionsGroupProps = JSXBase.HTMLAttributes<HTMLUListElement> & {\n\tblockSuggestionMouseOver: boolean;\n};\n\nconst CustomSuggestionsOptionsGroupFc: FC<CustomSuggestionsOptionsGroupProps> = ({ blockSuggestionMouseOver, onKeyDown, style }, children) => {\n\treturn (\n\t\t<ul\n\t\t\trole=\"listbox\"\n\t\t\tstyle={style}\n\t\t\tclass={clsx('kol-custom-suggestions-options-group', {\n\t\t\t\t'kol-custom-suggestions-options-group--cursor-hidden': blockSuggestionMouseOver,\n\t\t\t})}\n\t\t\tonKeyDown={onKeyDown}\n\t\t>\n\t\t\t{children}\n\t\t</ul>\n\t);\n};\nexport default CustomSuggestionsOptionsGroupFc;\n"],"version":3}
|
package/dist/cjs/{FieldControlStateWrapper-c24e99c5.js → FieldControlStateWrapper-d6f48a9d.js}
RENAMED
@@ -1,4 +1,4 @@
|
|
1
1
|
/*!
|
2
2
|
* KoliBri - The accessible HTML-Standard
|
3
3
|
*/
|
4
|
-
"use strict";const tslib_es6=require("./tslib.es6-5e301284.js"),index=require("./index-
|
4
|
+
"use strict";const tslib_es6=require("./tslib.es6-5e301284.js"),index=require("./index-b7655f44.js"),clsx=require("./clsx-dd4d6dd1.js"),index$1=require("./index-94c17ce6.js"),getRenderStates=require("./getRenderStates-1b84d0cd.js"),InputContainer=(e,l)=>{var{class:o}=e,t=tslib_es6.__rest(e,["class"]);return index.h("div",Object.assign({class:clsx.clsx("kol-field-control__input",o)},t),l)},KolFieldControlFc=(e,l)=>{const{class:o,id:t,disabled:i,label:n,hideLabel:s,labelAlign:r,renderNoTooltip:d,hint:a,renderNoHint:c,tooltipAlign:b,accessKey:g,shortKey:h,msg:p,touched:u,required:_,readonly:x,fieldControlInputProps:f,fieldControlLabelProps:y,fieldControlTooltipProps:C,fieldControlHintProps:F}=e,K=tslib_es6.__rest(e,["class","id","disabled","label","hideLabel","labelAlign","renderNoTooltip","hint","renderNoHint","tooltipAlign","accessKey","shortKey","msg","touched","required","readonly","fieldControlInputProps","fieldControlLabelProps","fieldControlTooltipProps","fieldControlHintProps"]),k=!c,S=!d,j=getRenderStates.checkHasMsg(p,u),q=index$1.showExpertSlot(n),m=S&&!q&&s,P=index$1.buildBadgeTextString(g,h),v=[index.h(index.Fragment,null,index.h(InputContainer,Object.assign({},f),l),m&&index.h(getRenderStates.FormFieldTooltipFc,Object.assign({},C||{},{id:t,label:n,hideLabel:s,align:b,badgeText:P}))),index.h(getRenderStates.KolFormFieldLabelFc,Object.assign({},y||{},{id:t,baseClassName:"kol-field-control",class:clsx.clsx(null==y?void 0:y.class,{"kol-field-control__label--visually-hidden":Boolean(s)}),hasExpertSlot:q,label:n,accessKey:g,shortKey:h}))];"left"===r&&v.reverse();const B={"kol-field-control--disabled":Boolean(i),"kol-field-control--required":Boolean(_),"kol-field-control--touched":Boolean(u),"kol-field-control--hide-label":Boolean(s),"kol-field-control--read-only":Boolean(x),[`kol-field-control--${(null==p?void 0:p.type)||"error"}`]:Boolean(j),[`kol-field-control--label-align-${r}`]:Boolean(r)};return index.h("div",Object.assign({class:clsx.clsx("kol-field-control",B,o)},K),v,k&&index.h(getRenderStates.KolFormFieldHintFc,Object.assign({},F||{},{baseClassName:"kol-field-control",id:t,hint:a})))};function getFieldControlProps(e){const l={id:e._id,disabled:e._disabled,msg:getRenderStates.convertMsgToInternMsg(e._msg),hint:e._hint,label:e._label,hideLabel:e._hideLabel,touched:e._touched};return"_required"in e&&(l.required=e._required),"_readOnly"in e&&(l.readonly=e._readOnly),"_labelAlign"in e&&(l.labelAlign=e._labelAlign),"_accessKey"in e&&(l.accessKey=e._accessKey),"_shortKey"in e&&(l.shortKey=e._shortKey),l}const FieldControlStateWrapper=(e,l)=>{var{state:o}=e,t=tslib_es6.__rest(e,["state"]);return index.h(KolFieldControlFc,Object.assign({},getFieldControlProps(o),t),l)};exports.FieldControlStateWrapper=FieldControlStateWrapper;
|
@@ -1 +1 @@
|
|
1
|
-
{"file":"FieldControlStateWrapper-
|
1
|
+
{"file":"FieldControlStateWrapper-d6f48a9d.js","mappings":"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","names":["h","clsx","checkHasMsg","showExpertSlot","buildBadgeTextString","KolFieldControlTooltipFc","KolFieldControlLabelFc","KolFieldControlHintFc","convertMsgToInternMsg"],"sources":["src/functional-components/FieldControl/FieldControl.tsx","src/functional-component-wrappers/FieldControlStateWrapper/FieldControlStateWrapper.tsx"],"sourcesContent":["import { h, Fragment, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport clsx from 'clsx';\nimport { type AlignPropType, type LabelAlignPropType, buildBadgeTextString, checkHasMsg, type InternMsgPropType, showExpertSlot } from '../../schema';\nimport KolFieldControlTooltipFc from '../FormFieldTooltip';\nimport KolFieldControlLabelFc from '../FormFieldLabel';\nimport KolFieldControlHintFc from '../FormFieldHint';\n\nexport type FieldControlProps = Omit<JSXBase.HTMLAttributes<HTMLElement>, 'id'> & {\n\tid: string;\n\thint?: string;\n\tlabel: string;\n\thideLabel?: boolean;\n\tlabelAlign?: LabelAlignPropType;\n\taccessKey?: string;\n\tshortKey?: string;\n\ttooltipAlign?: AlignPropType;\n\tdisabled?: boolean;\n\tmsg?: InternMsgPropType;\n\ttouched?: boolean;\n\trequired?: boolean;\n\treadonly?: boolean;\n\tshowTooltip?: boolean;\n\n\trenderNoLabel?: boolean;\n\trenderNoHint?: boolean;\n\trenderNoTooltip?: boolean;\n\n\tfieldControlLabelProps?: JSXBase.HTMLAttributes<Omit<HTMLLabelElement | HTMLLegendElement, 'id' | 'hidden' | 'htmlFor'>> & {\n\t\tcomponent?: 'label' | 'legend';\n\t\tshowBadge?: boolean;\n\t};\n\tfieldControlInputProps?: JSXBase.HTMLAttributes<HTMLDivElement>;\n\tfieldControlTooltipProps?: Pick<JSXBase.HTMLAttributes<HTMLElement>, 'class'>;\n\tfieldControlHintProps?: JSXBase.HTMLAttributes<HTMLElement>;\n};\n\nconst InputContainer: FC<JSXBase.HTMLAttributes<HTMLDivElement>> = ({ class: classNames, ...other }, children) => {\n\treturn (\n\t\t<div class={clsx('kol-field-control__input', classNames)} {...other}>\n\t\t\t{children}\n\t\t</div>\n\t);\n};\n\nconst KolFieldControlFc: FC<FieldControlProps> = (props, children) => {\n\tconst {\n\t\tclass: classNames,\n\t\tid,\n\t\tdisabled,\n\t\tlabel,\n\t\thideLabel,\n\t\tlabelAlign,\n\t\trenderNoTooltip,\n\t\thint,\n\t\trenderNoHint,\n\t\ttooltipAlign,\n\t\taccessKey,\n\t\tshortKey,\n\t\tmsg,\n\t\ttouched,\n\t\trequired,\n\t\treadonly,\n\t\tfieldControlInputProps,\n\t\tfieldControlLabelProps,\n\t\tfieldControlTooltipProps,\n\t\tfieldControlHintProps,\n\t\t...other\n\t} = props;\n\n\tconst canShowHint = !renderNoHint;\n\tconst canShowTooltip = !renderNoTooltip;\n\tconst showMsg = checkHasMsg(msg, touched);\n\tconst hasExpertSlot = showExpertSlot(label);\n\tconst useTooltipInsteadOfLabel = canShowTooltip && !hasExpertSlot && hideLabel;\n\tconst badgeText = buildBadgeTextString(accessKey, shortKey);\n\n\tconst components = [\n\t\t<>\n\t\t\t<InputContainer {...fieldControlInputProps}>{children}</InputContainer>\n\t\t\t{useTooltipInsteadOfLabel && (\n\t\t\t\t<KolFieldControlTooltipFc\n\t\t\t\t\t{...(fieldControlTooltipProps || {})}\n\t\t\t\t\tid={id}\n\t\t\t\t\tlabel={label}\n\t\t\t\t\thideLabel={hideLabel}\n\t\t\t\t\talign={tooltipAlign}\n\t\t\t\t\tbadgeText={badgeText}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</>,\n\t\t<KolFieldControlLabelFc\n\t\t\t{...(fieldControlLabelProps || {})}\n\t\t\tid={id}\n\t\t\tbaseClassName=\"kol-field-control\"\n\t\t\tclass={clsx(fieldControlLabelProps?.class, {\n\t\t\t\t['kol-field-control__label--visually-hidden']: Boolean(hideLabel),\n\t\t\t})}\n\t\t\thasExpertSlot={hasExpertSlot}\n\t\t\tlabel={label}\n\t\t\taccessKey={accessKey}\n\t\t\tshortKey={shortKey}\n\t\t/>,\n\t];\n\n\tif (labelAlign === 'left') {\n\t\tcomponents.reverse();\n\t}\n\n\tconst stateCssClasses = {\n\t\t['kol-field-control--disabled']: Boolean(disabled),\n\t\t['kol-field-control--required']: Boolean(required),\n\t\t['kol-field-control--touched']: Boolean(touched),\n\t\t['kol-field-control--hide-label']: Boolean(hideLabel),\n\t\t['kol-field-control--read-only']: Boolean(readonly),\n\t\t[`kol-field-control--${msg?.type || 'error'}`]: Boolean(showMsg),\n\t\t[`kol-field-control--label-align-${labelAlign}`]: Boolean(labelAlign),\n\t};\n\n\treturn (\n\t\t<div class={clsx('kol-field-control', stateCssClasses, classNames)} {...other}>\n\t\t\t{components}\n\t\t\t{canShowHint && <KolFieldControlHintFc {...(fieldControlHintProps || {})} baseClassName=\"kol-field-control\" id={id} hint={hint} />}\n\t\t</div>\n\t);\n};\n\nexport default KolFieldControlFc;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport KolFieldControlFc, { type FieldControlProps } from '../../functional-components/FieldControl';\nimport {\n\ttype InputColorStates,\n\ttype InputEmailStates,\n\ttype InputFileStates,\n\ttype InputNumberStates,\n\ttype InputPasswordStates,\n\ttype InputRangeStates,\n\ttype InputTextStates,\n\ttype InputCheckboxStates,\n\ttype InputRadioStates,\n\ttype SelectStates,\n\tconvertMsgToInternMsg,\n} from '../../schema';\n\ntype InputState =\n\t| InputTextStates\n\t| InputEmailStates\n\t| InputPasswordStates\n\t| InputNumberStates\n\t| InputColorStates\n\t| InputFileStates\n\t| InputRangeStates\n\t| InputCheckboxStates\n\t| InputRadioStates\n\t| SelectStates;\n\nexport type FieldControlStateWrapperProps = Partial<FieldControlProps> & {\n\tstate: InputState;\n};\n\nfunction getFieldControlProps(state: InputState): FieldControlProps {\n\tconst props: FieldControlProps = {\n\t\tid: state._id,\n\t\tdisabled: state._disabled,\n\t\tmsg: convertMsgToInternMsg(state._msg),\n\t\thint: state._hint,\n\t\tlabel: state._label,\n\t\thideLabel: state._hideLabel,\n\t\ttouched: state._touched,\n\t};\n\n\tif ('_required' in state) {\n\t\tprops.required = state._required;\n\t}\n\n\tif ('_readOnly' in state) {\n\t\tprops.readonly = state._readOnly;\n\t}\n\n\tif ('_labelAlign' in state) {\n\t\tprops.labelAlign = state._labelAlign;\n\t}\n\n\tif ('_accessKey' in state) {\n\t\tprops.accessKey = state._accessKey;\n\t}\n\n\tif ('_shortKey' in state) {\n\t\tprops.shortKey = state._shortKey;\n\t}\n\n\treturn props;\n}\n\nconst FieldControlStateWrapper: FC<FieldControlStateWrapperProps> = ({ state, ...other }, children) => {\n\treturn (\n\t\t<KolFieldControlFc {...getFieldControlProps(state)} {...other}>\n\t\t\t{children}\n\t\t</KolFieldControlFc>\n\t);\n};\n\nexport default FieldControlStateWrapper;\n"],"version":3}
|
@@ -0,0 +1,4 @@
|
|
1
|
+
/*!
|
2
|
+
* KoliBri - The accessible HTML-Standard
|
3
|
+
*/
|
4
|
+
"use strict";const tslib_es6=require("./tslib.es6-5e301284.js"),index=require("./index-b7655f44.js"),clsx=require("./clsx-dd4d6dd1.js"),MIN_HEADING_LEVEL=1,MAX_HEADING_LEVEL=6;function isValidHeadingLevel(e){return e>=MIN_HEADING_LEVEL&&e<=6}function getHeadlineTag(e){return isValidHeadingLevel(e)?`h${e}`:"strong"}const KolHeadlineFc=(e,s)=>{var{class:l,level:n=MIN_HEADING_LEVEL}=e,a=tslib_es6.__rest(e,["class","level"]);const i=getHeadlineTag(n);return index.h(i,Object.assign({class:clsx.clsx("kol-headline",`kol-headline--${i}`,l)},a),s)},KolSecondaryHeadlineFc=(e,s)=>{var{class:l}=e,n=tslib_es6.__rest(e,["class"]);return index.h("p",Object.assign({class:clsx.clsx("kol-headline kol-headline--group kol-headline--secondary",l)},n),s)},KolHeadingFc=(e,s)=>{var{secondaryHeadline:l,level:n=MIN_HEADING_LEVEL,class:a,HeadingGroupProps:i={},SecondaryHeadlineProps:c={}}=e,d=tslib_es6.__rest(e,["secondaryHeadline","level","class","HeadingGroupProps","SecondaryHeadlineProps"]);const r=Object.assign({level:n},d);if(!l)return index.h(KolHeadlineFc,Object.assign({class:clsx.clsx(a,"kol-headline--single")},r),s);const{class:o}=i,t=tslib_es6.__rest(i,["class"]),g=Object.assign({class:clsx.clsx("kol-heading-group",o)},t);return index.h("hgroup",Object.assign({},g),index.h(KolHeadlineFc,Object.assign({class:clsx.clsx(a,"kol-headline--group","kol-headline--primary")},r),s),index.h(KolSecondaryHeadlineFc,Object.assign({},c),l))};exports.KolHeadingFc=KolHeadingFc;
|
@@ -0,0 +1 @@
|
|
1
|
+
{"file":"Heading-45cafb2c.js","mappings":";;;;;;;;;AAyBA,MAAM,iBAAiB,GAAG,CAAC,CAAC;AAC5B,MAAM,iBAAiB,GAAG,CAAC,CAAC;AAU5B,SAAS,mBAAmB,CAAC,KAAa;IACzC,OAAO,KAAK,IAAI,iBAAiB,IAAI,KAAK,IAAI,iBAAiB,CAAC;AACjE,CAAC;SAQe,cAAc,CAAC,KAA4B;IAC1D,OAAO,mBAAmB,CAAC,KAAK,CAAC,GAAI,IAAI,KAAK,EAAkB,GAAG,QAAQ,CAAC;AAC7E,CAAC;AAQD,MAAM,aAAa,GAAsB,CAAC,EAA0D,EAAE,QAAQ;QAApE,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,GAAG,iBAAiB,OAAY,EAAP,KAAK,wBAAxD,kBAA0D,CAAF;IACjG,MAAM,WAAW,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IAE1C,QACCA,QAAC,WAAW,kBAAC,KAAK,EAAEC,SAAI,CAAC,cAAc,EAAE,iBAAiB,WAAW,EAAE,EAAE,UAAU,CAAC,IAAM,KAAK,GAC7F,QAAQ,CACI,EACb;AACH,CAAC,CAAC;AAQF,MAAM,sBAAsB,GAA+B,CAAC,EAA+B,EAAE,QAAQ;QAAzC,EAAE,KAAK,EAAE,UAAU,OAAY,EAAP,KAAK,wBAA7B,SAA+B,CAAF;IACxF,QACCD,6BAAG,KAAK,EAAEC,SAAI,CAAC,0DAA0D,EAAE,UAAU,CAAC,IAAM,KAAK,GAC/F,QAAQ,CACN,EACH;AACH,CAAC,CAAC;MAQI,YAAY,GAAqB,CACtC,EAAkI,EAClI,QAAQ;QADR,EAAE,iBAAiB,EAAE,KAAK,GAAG,iBAAiB,EAAE,KAAK,EAAE,UAAU,EAAE,iBAAiB,GAAG,EAAE,EAAE,sBAAsB,GAAG,EAAE,OAAY,EAAP,KAAK,wBAAhI,sFAAkI,CAAF;IAGhI,MAAM,aAAa,mBAClB,KAAK,IACF,KAAK,CACR,CAAC;IAEF,IAAI,CAAC,iBAAiB,EAAE;QACvB,QACCD,QAAC,aAAa,kBAAC,KAAK,EAAEC,SAAI,CAAC,UAAU,EAAE,sBAAsB,CAAC,IAAM,aAAa,GAC/E,QAAQ,CACM,EACf;KACF;IAED,MAAM,EAAE,KAAK,EAAE,eAAe,KAAqB,iBAAiB,EAAjC,WAAW,oBAAK,iBAAiB,EAA9D,SAA0C,CAAoB,CAAC;IACrE,MAAM,kBAAkB,mBACvB,KAAK,EAAEA,SAAI,CAAC,mBAAmB,EAAE,eAAe,CAAC,IAC9C,WAAW,CACd,CAAC;IAEF,QACCD,oCAAY,kBAAkB;QAC7BA,QAAC,aAAa,kBAAC,KAAK,EAAEC,SAAI,CAAC,UAAU,EAAE,qBAAqB,EAAE,uBAAuB,CAAC,IAAM,aAAa,GACvG,QAAQ,CACM;QAChBD,QAAC,sBAAsB,oBAAK,sBAAsB,GAAG,iBAAiB,CAA0B,CACxF,EACR;AACH;;;;","names":["h","clsx"],"sources":["src/functional-components/Heading/Heading.tsx"],"sourcesContent":["import { type FunctionalComponent as FC, h } from '@stencil/core';\nimport clsx from 'clsx';\nimport type { JSXBase } from '@stencil/core/internal';\nimport type { HeadingLevel } from '../../schema';\n\ntype HGroupProps = JSXBase.HTMLAttributes<HTMLElement>;\n\n// Define a base type for common props\ntype BaseProps = JSXBase.HTMLAttributes<HTMLHeadingElement | HTMLElement> & {\n\tlevel?: HeadingLevel;\n};\n\n// Define a type for the main headline props\ntype HeadlineProps = BaseProps;\n\n// Define a type for the secondary headline props\ntype SecondaryHeadlineProps = BaseProps;\n\n// Define a type for the main Heading component props\nexport type HeadingProps = HeadlineProps & {\n\tsecondaryHeadline?: string;\n\tHeadingGroupProps?: HGroupProps;\n\tSecondaryHeadlineProps?: JSXBase.HTMLAttributes<HTMLHeadingElement | HTMLElement>;\n};\n\nconst MIN_HEADING_LEVEL = 1;\nconst MAX_HEADING_LEVEL = 6;\n\n// Define a union type for valid headline tags\ntype HeadlineTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'strong';\n\n/**\n * Checks if the given level is a valid heading level.\n * @param level - The heading level to check.\n * @returns True if the level is valid, false otherwise.\n */\nfunction isValidHeadingLevel(level: number): boolean {\n\treturn level >= MIN_HEADING_LEVEL && level <= MAX_HEADING_LEVEL;\n}\n\n/**\n * Returns the appropriate headline tag based on the level.\n * If the level is invalid, returns 'strong'.\n * @param level - The heading level.\n * @returns The corresponding headline tag.\n */\nexport function getHeadlineTag(level: HeadingLevel | number): HeadlineTag {\n\treturn isValidHeadingLevel(level) ? (`h${level}` as HeadlineTag) : 'strong';\n}\n\n/**\n * Functional component for rendering a headline.\n * @param props - The properties for the headline component.\n * @param children - The children to render inside the headline.\n * @returns A VNode representing the headline.\n */\nconst KolHeadlineFc: FC<HeadlineProps> = ({ class: classNames, level = MIN_HEADING_LEVEL, ...other }, children) => {\n\tconst HeadlineTag = getHeadlineTag(level);\n\n\treturn (\n\t\t<HeadlineTag class={clsx('kol-headline', `kol-headline--${HeadlineTag}`, classNames)} {...other}>\n\t\t\t{children}\n\t\t</HeadlineTag>\n\t);\n};\n\n/**\n * Functional component for rendering a secondary headline.\n * @param props - The properties for the secondary headline component.\n * @param children - The children to render inside the secondary headline.\n * @returns A VNode representing the secondary headline.\n */\nconst KolSecondaryHeadlineFc: FC<SecondaryHeadlineProps> = ({ class: classNames, ...other }, children) => {\n\treturn (\n\t\t<p class={clsx('kol-headline kol-headline--group kol-headline--secondary', classNames)} {...other}>\n\t\t\t{children}\n\t\t</p>\n\t);\n};\n\n/**\n * Functional component for rendering a heading with an optional secondary headline.\n * @param props - The properties for the heading component.\n * @param children - The children to render inside the heading.\n * @returns A VNode representing the heading.\n */\nconst KolHeadingFc: FC<HeadingProps> = (\n\t{ secondaryHeadline, level = MIN_HEADING_LEVEL, class: classNames, HeadingGroupProps = {}, SecondaryHeadlineProps = {}, ...other },\n\tchildren,\n) => {\n\tconst headlineProps: HeadlineProps = {\n\t\tlevel,\n\t\t...other,\n\t};\n\n\tif (!secondaryHeadline) {\n\t\treturn (\n\t\t\t<KolHeadlineFc class={clsx(classNames, 'kol-headline--single')} {...headlineProps}>\n\t\t\t\t{children}\n\t\t\t</KolHeadlineFc>\n\t\t);\n\t}\n\n\tconst { class: groupClassNames, ...groupOthers } = HeadingGroupProps;\n\tconst headlineGroupProps: HGroupProps = {\n\t\tclass: clsx('kol-heading-group', groupClassNames),\n\t\t...groupOthers,\n\t};\n\n\treturn (\n\t\t<hgroup {...headlineGroupProps}>\n\t\t\t<KolHeadlineFc class={clsx(classNames, 'kol-headline--group', 'kol-headline--primary')} {...headlineProps}>\n\t\t\t\t{children}\n\t\t\t</KolHeadlineFc>\n\t\t\t<KolSecondaryHeadlineFc {...SecondaryHeadlineProps}>{secondaryHeadline}</KolSecondaryHeadlineFc>\n\t\t</hgroup>\n\t);\n};\n\nexport default KolHeadingFc;\n"],"version":3}
|
@@ -0,0 +1,4 @@
|
|
1
|
+
/*!
|
2
|
+
* KoliBri - The accessible HTML-Standard
|
3
|
+
*/
|
4
|
+
"use strict";const index=require("./index-b7655f44.js"),componentNames=require("./component-names-1cb5b7ce.js"),KolIconFc=c=>{const{class:e,style:n,icons:o,label:s,onClick:l}=c;return index.h(componentNames.KolIconTag,{class:e,style:n,onClick:l,_icons:o,_label:s})};exports.KolIconFc=KolIconFc;
|
@@ -1 +1 @@
|
|
1
|
-
{"file":"Icon-
|
1
|
+
{"file":"Icon-ac8441ed.js","mappings":";;;;;;;;MAUM,SAAS,GAAkB,CAAC,KAAK;IACtC,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAElE,OAAOA,QAACC,yBAAU,IAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,GAAI,CAAC;AACxG;;;;","names":["h","KolIconTag"],"sources":["src/functional-components/Icon/Icon.tsx"],"sourcesContent":["import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport { KolIconTag } from '../../core/component-names';\nimport type { InternalIconProps } from '../../schema';\n\nexport type IconProps = InternalIconProps & {\n\tclass?: string;\n\tstyle?: { [key: string]: string };\n\tonClick?: (event: MouseEvent) => void;\n};\n\nconst KolIconFc: FC<IconProps> = (props) => {\n\tconst { class: classNames, style, icons, label, onClick } = props;\n\n\treturn <KolIconTag class={classNames} style={style} onClick={onClick} _icons={icons} _label={label} />;\n};\n\nexport default KolIconFc;\n"],"version":3}
|
@@ -1,4 +1,4 @@
|
|
1
1
|
/*!
|
2
2
|
* KoliBri - The accessible HTML-Standard
|
3
3
|
*/
|
4
|
-
"use strict";const tslib_es6=require("./tslib.es6-5e301284.js"),index=require("./index-
|
4
|
+
"use strict";const tslib_es6=require("./tslib.es6-5e301284.js"),index=require("./index-b7655f44.js"),clsx=require("./clsx-dd4d6dd1.js");require("./index-94c17ce6.js");const getRenderStates=require("./getRenderStates-1b84d0cd.js"),InputFc=e=>{const{class:s,msg:t,required:i,disabled:l,touched:d,readonly:r,ariaDescribedBy:a,hideLabel:n,label:u,suggestions:o,value:c}=e,b=tslib_es6.__rest(e,["class","msg","required","disabled","touched","readonly","ariaDescribedBy","hideLabel","label","suggestions","value"]),g=getRenderStates.checkHasMsg(t,d),p={"kol-input--disabled":Boolean(l),"kol-input--required":Boolean(i),"kol-input--touched":Boolean(d),"kol-input--readonly":Boolean(r),[`kol-input--${(null==t?void 0:t.type)||"error"}`]:g},x=Object.assign(Object.assign({class:clsx.clsx("kol-input",p,s),required:i,disabled:l,readonly:r,type:"text",list:o?`${b.id}-list`:void 0},getRenderStates.getDefaultProps({ariaDescribedBy:a,hideLabel:n,label:u})),b);return index.h(index.Fragment,null,index.h("input",Object.assign({},x,{value:c})),o)};exports.InputFc=InputFc;
|
@@ -1 +1 @@
|
|
1
|
-
{"file":"Input-
|
1
|
+
{"file":"Input-d8681528.js","mappings":";;;;;;;;;;;MAkBM,OAAO,GAAmB,CAAC,KAAK;IACrC,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,KAAe,KAAK,EAAf,KAAK,oBAAK,KAAK,EAA1I,gIAAkI,CAAQ,CAAC;IAEjJ,MAAM,OAAO,GAAGA,2BAAW,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;IAE1C,MAAM,eAAe,GAAG;QACvB,CAAC,qBAAqB,GAAG,OAAO,CAAC,QAAQ,CAAC;QAC1C,CAAC,qBAAqB,GAAG,OAAO,CAAC,QAAQ,CAAC;QAC1C,CAAC,oBAAoB,GAAG,OAAO,CAAC,OAAO,CAAC;QACxC,CAAC,qBAAqB,GAAG,OAAO,CAAC,QAAQ,CAAC;QAC1C,CAAC,cAAc,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,IAAI,KAAI,OAAO,EAAE,GAAG,OAAO;KAC/C,CAAC;IAEF,MAAM,UAAU,iCACf,KAAK,EAAEC,SAAI,CAAC,WAAW,EAAE,eAAe,EAAE,UAAU,CAAC,EACrD,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,WAAW,GAAG,GAAG,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,IAC/CC,+BAAe,CAAC,EAAE,eAAe,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,GACtD,KAAK,CACR,CAAC;IAEF,QACCC;QACCA,mCAAW,UAAU,IAAE,KAAK,EAAE,KAAK,IAAI;QACtC,WAAW,CACV,EACF;AACH;;;;","names":["checkHasMsg","clsx","getDefaultProps","h"],"sources":["src/functional-components/inputs/Input/Input.tsx"],"sourcesContent":["import { h, Fragment, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase, VNode } from '@stencil/core/internal';\nimport clsx from 'clsx';\nimport { checkHasMsg, type InternMsgPropType } from '../../../schema';\nimport { getDefaultProps } from '../_helpers/getDefaultProps';\nimport type { DefaultInputProps } from '../_types';\n\nexport type InputProps = DefaultInputProps<JSXBase.InputHTMLAttributes<HTMLInputElement>> & {\n\tvalue?: string | number | string[];\n\ttouched?: boolean;\n\tsuggestions?: VNode;\n\tspellcheck?: boolean;\n\tmsg?: InternMsgPropType;\n} & {\n\t[key: `data-${string}`]: unknown;\n\t[key: `aria-${string}`]: unknown;\n};\n\nconst InputFc: FC<InputProps> = (props) => {\n\tconst { class: classNames, msg, required, disabled, touched, readonly, ariaDescribedBy, hideLabel, label, suggestions, value, ...other } = props;\n\n\tconst showMsg = checkHasMsg(msg, touched);\n\n\tconst stateCssClasses = {\n\t\t['kol-input--disabled']: Boolean(disabled),\n\t\t['kol-input--required']: Boolean(required),\n\t\t['kol-input--touched']: Boolean(touched),\n\t\t['kol-input--readonly']: Boolean(readonly),\n\t\t[`kol-input--${msg?.type || 'error'}`]: showMsg,\n\t};\n\n\tconst inputProps: JSXBase.InputHTMLAttributes<HTMLInputElement> = {\n\t\tclass: clsx('kol-input', stateCssClasses, classNames),\n\t\trequired: required,\n\t\tdisabled: disabled,\n\t\treadonly: readonly,\n\t\ttype: 'text',\n\t\tlist: suggestions ? `${other.id}-list` : undefined,\n\t\t...getDefaultProps({ ariaDescribedBy, hideLabel, label }),\n\t\t...other,\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<input {...inputProps} value={value} />\n\t\t\t{suggestions}\n\t\t</>\n\t);\n};\n\nexport default InputFc;\n"],"version":3}
|
@@ -1,4 +1,4 @@
|
|
1
1
|
/*!
|
2
2
|
* KoliBri - The accessible HTML-Standard
|
3
3
|
*/
|
4
|
-
"use strict";const tslib_es6=require("./tslib.es6-5e301284.js"),index=require("./index-
|
4
|
+
"use strict";const tslib_es6=require("./tslib.es6-5e301284.js"),index=require("./index-b7655f44.js"),Input=require("./Input-d8681528.js");require("./index-94c17ce6.js");const getRenderStates=require("./getRenderStates-1b84d0cd.js"),SuggestionsFc=e=>{var{id:t,suggestions:s}=e,n=tslib_es6.__rest(e,["id","suggestions"]);return s?index.h("datalist",Object.assign({id:`${t}-list`},n),s.map((e=>index.h("option",{value:e})))):null};function getInputProps(e,t){const{ariaDescribedBy:s}=getRenderStates.getRenderStates(e),n={id:e._id,hideLabel:e._hideLabel,label:e._label,disabled:e._disabled,name:e._name,ariaDescribedBy:s};if("_accessKey"in e&&(n.accessKey=e._accessKey),"_type"in e&&(n.type=e._type),"_value"in e&&(n.value=e._value),"_required"in e&&(n.required=e._required),"_maxLength"in e&&(n.maxlength=e._maxLength),"_placeholder"in e&&(n.placeholder=e._placeholder),"_autoComplete"in e&&(n.autoComplete=e._autoComplete),"_spellCheck"in e&&(n.spellcheck=e._spellCheck),"_pattern"in e&&(n.pattern=e._pattern),"_readOnly"in e&&(n.readonly=e._readOnly),"_min"in e&&(n.min=e._min),"_max"in e&&(n.max=e._max),"_step"in e&&(n.step=e._step),"_multiple"in e&&(n.multiple=e._multiple),"_checked"in e&&(n.checked=e._checked),"_indeterminate"in e&&(n.indeterminate=e._indeterminate),"_touched"in e&&(n.touched=e._touched),"_msg"in e&&(n.msg=getRenderStates.convertMsgToInternMsg(e._msg)),"_suggestions"in e&&!t){Array.isArray(e._suggestions)&&e._suggestions.length>0&&(n.suggestions=index.h(SuggestionsFc,{id:e._id,suggestions:e._suggestions}))}return n}const InputStateWrapper=e=>{var{state:t,customSuggestions:s}=e,n=tslib_es6.__rest(e,["state","customSuggestions"]);return index.h(Input.InputFc,Object.assign({},getInputProps(t,s),n))};exports.InputStateWrapper=InputStateWrapper,exports.SuggestionsFc=SuggestionsFc;
|
@@ -1 +1 @@
|
|
1
|
-
{"file":"InputStateWrapper-
|
1
|
+
{"file":"InputStateWrapper-168c9fb7.js","mappings":"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","names":["h","getRenderStates","convertMsgToInternMsg","KolInputFc"],"sources":["src/functional-components/Suggestions/Suggestions.tsx","src/functional-component-wrappers/InputStateWrapper/InputStateWrapper.tsx"],"sourcesContent":["import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport type { W3CInputValue } from '../../schema';\n\nexport type SuggestionsProps = JSXBase.HTMLAttributes<HTMLDataListElement> & {\n\tid: string;\n\tsuggestions: W3CInputValue[];\n};\n\nconst SuggestionsFc: FC<SuggestionsProps> = ({ id, suggestions, ...other }) => {\n\tif (!suggestions) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<datalist id={`${id}-list`} {...other}>\n\t\t\t{suggestions.map((option: W3CInputValue) => (\n\t\t\t\t<option value={option} />\n\t\t\t))}\n\t\t</datalist>\n\t);\n};\nexport default SuggestionsFc;\n","import type { VNode } from '@stencil/core';\nimport { h, type FunctionalComponent as FC } from '@stencil/core';\nimport KolInputFc, { type InputProps } from '../../functional-components/inputs/Input';\n\nimport {\n\ttype InputColorStates,\n\ttype InputEmailStates,\n\ttype InputFileStates,\n\ttype InputNumberStates,\n\ttype InputPasswordStates,\n\ttype InputRangeStates,\n\ttype InputTextStates,\n\ttype InputCheckboxStates,\n\ttype InputRadioStates,\n\tconvertMsgToInternMsg,\n} from '../../schema';\nimport { getRenderStates } from '../_helpers/getRenderStates';\nimport SuggestionsFc from '../../functional-components/Suggestions';\n\ntype InputState =\n\t| InputTextStates\n\t| InputEmailStates\n\t| InputPasswordStates\n\t| InputNumberStates\n\t| InputColorStates\n\t| InputFileStates\n\t| InputRangeStates\n\t| InputCheckboxStates\n\t| InputRadioStates;\n\nexport type InputStateWrapperProps = Partial<InputProps> & {\n\tstate: InputState;\n\tcustomSuggestions?: boolean;\n};\n\n/**\n * @param state\n * @param customSuggestions - Set to true when a custom implementation for _suggestions is provided. Omits the native datalist.\n */\nfunction getInputProps(state: InputState, customSuggestions?: boolean): InputProps {\n\tconst { ariaDescribedBy } = getRenderStates(state);\n\n\tconst props: InputProps = {\n\t\tid: state._id,\n\t\thideLabel: state._hideLabel,\n\t\tlabel: state._label,\n\t\tdisabled: state._disabled,\n\t\tname: state._name,\n\n\t\tariaDescribedBy: ariaDescribedBy,\n\t};\n\n\tif ('_accessKey' in state) props.accessKey = state._accessKey;\n\tif ('_type' in state) props.type = state._type;\n\tif ('_value' in state) props.value = state._value as string | number | string[];\n\tif ('_required' in state) props.required = state._required;\n\tif ('_maxLength' in state) props.maxlength = state._maxLength;\n\tif ('_placeholder' in state) props.placeholder = state._placeholder;\n\tif ('_autoComplete' in state) props.autoComplete = state._autoComplete;\n\tif ('_spellCheck' in state) props.spellcheck = state._spellCheck;\n\tif ('_pattern' in state) props.pattern = state._pattern;\n\tif ('_readOnly' in state) props.readonly = state._readOnly;\n\tif ('_min' in state) props.min = state._min;\n\tif ('_max' in state) props.max = state._max;\n\tif ('_step' in state) props.step = state._step;\n\tif ('_multiple' in state) props.multiple = state._multiple;\n\tif ('_checked' in state) props.checked = state._checked;\n\tif ('_indeterminate' in state) props.indeterminate = state._indeterminate;\n\tif ('_touched' in state) props.touched = state._touched;\n\tif ('_msg' in state) props.msg = convertMsgToInternMsg(state._msg);\n\n\tif ('_suggestions' in state && !customSuggestions) {\n\t\tconst hasSuggestions = Array.isArray(state._suggestions) && state._suggestions.length > 0;\n\t\tif (hasSuggestions) {\n\t\t\tprops.suggestions = (<SuggestionsFc id={state._id} suggestions={state._suggestions} />) as VNode;\n\t\t}\n\t}\n\n\treturn props;\n}\n\nconst InputStateWrapper: FC<InputStateWrapperProps> = ({ state, customSuggestions, ...other }) => {\n\treturn <KolInputFc {...getInputProps(state, customSuggestions)} {...other} />;\n};\n\nexport default InputStateWrapper;\n"],"version":3}
|
package/dist/cjs/{InternalUnderlinedBadgeText-0ea7ba87.js → InternalUnderlinedBadgeText-6aa8f6d9.js}
RENAMED
@@ -1,4 +1,4 @@
|
|
1
1
|
/*!
|
2
2
|
* KoliBri - The accessible HTML-Standard
|
3
3
|
*/
|
4
|
-
"use strict";const isArray=require("./isArray-e114fe6e.js"),index=require("./index-
|
4
|
+
"use strict";const isArray=require("./isArray-e114fe6e.js"),index=require("./index-b7655f44.js");var stringTag="[object String]";function isString(e){return"string"==typeof e||!isArray.isArray(e)&&isArray.isObjectLike(e)&&isArray.baseGetTag(e)==stringTag}const KolInternalUnderlinedBadgeTextFc=({badgeText:e,label:n})=>{const r=e;let[t,...i]=n.split(r);return 0===i.length&&(e=r.toUpperCase(),[t,...i]=n.split(r)),0===i.length&&(e=r.toLowerCase(),[t,...i]=n.split(r)),index.h(index.Fragment,null,t,i.length?index.h(index.Fragment,null,index.h("u",null,e),i.join(r)):null)};exports.KolInternalUnderlinedBadgeTextFc=KolInternalUnderlinedBadgeTextFc,exports.isString=isString;
|
@@ -1 +1 @@
|
|
1
|
-
{"file":"InternalUnderlinedBadgeText-
|
1
|
+
{"file":"InternalUnderlinedBadgeText-6aa8f6d9.js","mappings":";;;;;;;;AAIA;AACA,IAAI,SAAS,GAAG,iBAAiB,CAAC;AAClC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,QAAQ,CAAC,KAAK,EAAE;AACzB,EAAE,OAAO,OAAO,KAAK,IAAI,QAAQ;AACjC,KAAK,CAACA,eAAO,CAAC,KAAK,CAAC,IAAIC,oBAAY,CAAC,KAAK,CAAC,IAAIC,kBAAU,CAAC,KAAK,CAAC,IAAI,SAAS,CAAC,CAAC;AAC/E;;MCnBM,gCAAgC,GAAyC,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE;IAEnG,MAAM,iBAAiB,GAAW,SAAS,CAAC;IAC5C,IAAI,CAAC,KAAK,EAAE,GAAG,IAAI,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;IACtD,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;QACtB,SAAS,GAAG,iBAAiB,CAAC,WAAW,EAAE,CAAC;QAC5C,CAAC,KAAK,EAAE,GAAG,IAAI,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;KAClD;IACD,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;QACtB,SAAS,GAAG,iBAAiB,CAAC,WAAW,EAAE,CAAC;QAC5C,CAAC,KAAK,EAAE,GAAG,IAAI,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;KAClD;IACD,QACCC;QACE,KAAK;QACL,IAAI,CAAC,MAAM,IACXA;YACCA,mBAAI,SAAS,CAAK;YACjB,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAC3B,IACA,IAAI,CACN,EACF;AACH;;;;;","names":["isArray","isObjectLike","baseGetTag","h"],"sources":["../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/isString.js","src/functional-components/InternalUnderlinedBadgeText/InternalUnderlinedBadgeText.tsx"],"sourcesContent":["import baseGetTag from './_baseGetTag.js';\nimport isArray from './isArray.js';\nimport isObjectLike from './isObjectLike.js';\n\n/** `Object#toString` result references. */\nvar stringTag = '[object String]';\n\n/**\n * Checks if `value` is classified as a `String` primitive or object.\n *\n * @static\n * @since 0.1.0\n * @memberOf _\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a string, else `false`.\n * @example\n *\n * _.isString('abc');\n * // => true\n *\n * _.isString(1);\n * // => false\n */\nfunction isString(value) {\n return typeof value == 'string' ||\n (!isArray(value) && isObjectLike(value) && baseGetTag(value) == stringTag);\n}\n\nexport default isString;\n","import { Fragment, h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { BadgeTextPropType } from '../../schema';\n\ntype InternalUnderlinedBadgeTextProps = {\n\tbadgeText: BadgeTextPropType;\n\tlabel: string;\n};\n\nconst KolInternalUnderlinedBadgeTextFc: FC<InternalUnderlinedBadgeTextProps> = ({ badgeText, label }) => {\n\t/* Prefer capitalization as defined in the badge Text, try uppercase/lowercase when there's no match. */\n\tconst badgeTextAsString: string = badgeText;\n\tlet [first, ...rest] = label.split(badgeTextAsString);\n\tif (rest.length === 0) {\n\t\tbadgeText = badgeTextAsString.toUpperCase();\n\t\t[first, ...rest] = label.split(badgeTextAsString);\n\t}\n\tif (rest.length === 0) {\n\t\tbadgeText = badgeTextAsString.toLowerCase();\n\t\t[first, ...rest] = label.split(badgeTextAsString);\n\t}\n\treturn (\n\t\t<>\n\t\t\t{first}\n\t\t\t{rest.length ? (\n\t\t\t\t<>\n\t\t\t\t\t<u>{badgeText}</u>\n\t\t\t\t\t{rest.join(badgeTextAsString)}\n\t\t\t\t</>\n\t\t\t) : null}\n\t\t</>\n\t);\n};\n\nexport default KolInternalUnderlinedBadgeTextFc;\n"],"version":3}
|
@@ -1,4 +1,4 @@
|
|
1
1
|
/*!
|
2
2
|
* KoliBri - The accessible HTML-Standard
|
3
3
|
*/
|
4
|
-
"use strict";const tslib_es6=require("./tslib.es6-5e301284.js"),index=require("./index-
|
4
|
+
"use strict";const tslib_es6=require("./tslib.es6-5e301284.js"),index=require("./index-b7655f44.js"),clsx=require("./clsx-dd4d6dd1.js"),Icon=require("./Icon-ac8441ed.js"),index$1=require("./index-94c17ce6.js"),markdown=require("./markdown-164534bf.js"),InternalUnderlinedBadgeText=require("./InternalUnderlinedBadgeText-6aa8f6d9.js"),isObject=require("./isObject-6090b636.js"),IconHelper=e=>{const{class:l,style:n,label:s,icon:a}=e;return index.h(Icon.KolIconFc,{class:clsx.clsx("icon",l),style:n,label:s||"",icons:a})},LabelHelper=({label:e,hideLabel:l,allowMarkdown:n,badgeText:s})=>{if(l||!InternalUnderlinedBadgeText.isString(e))return null;const a="kol-span__label";return n?index.h("span",{class:clsx.clsx(a,"md"),innerHTML:markdown.md(e)}):s?index.h("span",{class:clsx.clsx(a)},index.h(InternalUnderlinedBadgeText.KolInternalUnderlinedBadgeTextFc,{label:e,badgeText:s})):index.h("span",{class:clsx.clsx(a)},e)},KolSpanCoreHelperFc=({hideLabel:e,label:l,badgeText:n,allowMarkdown:s},a)=>{const i=!index$1.showExpertSlot(l);return index.h(index.Fragment,null,i&&index.h(LabelHelper,{label:l,hideLabel:e,badgeText:n,allowMarkdown:s}),index.h("span",{"aria-hidden":i?"true":void 0,class:"kol-span__label",hidden:i},a),InternalUnderlinedBadgeText.isString(n)&&n.length>0&&index.h("span",{class:"badge-text-hint","aria-hidden":"true"},n))},KolSpanFc=(e,l)=>{const{class:n,label:s,hideLabel:a=!1,badgeText:i,allowMarkdown:d,icons:t}=e,c=tslib_es6.__rest(e,["class","label","hideLabel","badgeText","allowMarkdown","icons"]);let r=null,o=null,b=null,x=null;return isObject.isObject(t)?(r=t.top,o=t.left,b=t.right,x=t.bottom):InternalUnderlinedBadgeText.isString(t)&&(o={icon:t}),index.h("span",Object.assign({class:clsx.clsx("kol-span",{"kol-span--hide-label":a},n)},c),isObject.isObject(r)&&index.h(IconHelper,Object.assign({class:"top"},r)),index.h("span",{class:"kol-span__container"},isObject.isObject(o)&&index.h(IconHelper,Object.assign({class:"left"},o)),index.h(KolSpanCoreHelperFc,{label:s,hideLabel:a,allowMarkdown:d,badgeText:i},l),isObject.isObject(b)&&index.h(IconHelper,Object.assign({class:"right"},b))),isObject.isObject(x)&&index.h(IconHelper,Object.assign({class:"bottom"},x)))};exports.KolSpanFc=KolSpanFc;
|
@@ -1 +1 @@
|
|
1
|
-
{"file":"Span-
|
1
|
+
{"file":"Span-6ede7eda.js","mappings":"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","names":["h","KolIconFc","clsx","isString","md","KolInternalUnderlinedBadgeTextFc","showExpertSlot","isObject","SpanCoreHelper"],"sources":["src/functional-components/Span/IconHelper.tsx","src/functional-components/Span/LabelHelper.tsx","src/functional-components/Span/SpanCoreHelper.tsx","src/functional-components/Span/Span.tsx"],"sourcesContent":["import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport clsx from 'clsx';\n\nimport type { KoliBriCustomIcon } from '../../schema';\nimport KolIconFc from '../Icon';\n\nconst IconHelper: FC<KoliBriCustomIcon & { class?: string }> = (props) => {\n\tconst { class: classNames, style, label, icon } = props;\n\n\treturn <KolIconFc class={clsx('icon', classNames)} style={style} label={label || ''} icons={icon} />;\n};\n\nexport default IconHelper;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport clsx from 'clsx';\nimport { isString } from 'lodash-es';\n\nimport { md } from '../../utils/markdown';\nimport KolInternalUnderlinedBadgeTextFc from '../InternalUnderlinedBadgeText';\n\nconst LabelHelper: FC<{ label: string; hideLabel?: boolean; badgeText?: string; hideExpertSlot?: boolean; allowMarkdown?: boolean }> = ({\n\tlabel,\n\thideLabel,\n\tallowMarkdown,\n\tbadgeText,\n}) => {\n\tif (hideLabel || !isString(label)) {\n\t\treturn null;\n\t}\n\n\tconst defaultClasses = 'kol-span__label';\n\n\tif (allowMarkdown) {\n\t\treturn <span class={clsx(defaultClasses, 'md')} innerHTML={md(label)} />;\n\t}\n\n\tif (badgeText) {\n\t\treturn (\n\t\t\t<span class={clsx(defaultClasses)}>\n\t\t\t\t<KolInternalUnderlinedBadgeTextFc label={label} badgeText={badgeText} />\n\t\t\t</span>\n\t\t);\n\t}\n\n\treturn <span class={clsx(defaultClasses)}>{label}</span>;\n};\n\nexport default LabelHelper;\n","import { Fragment, h, type FunctionalComponent as FC } from '@stencil/core';\nimport { isString } from 'lodash-es';\n\nimport { showExpertSlot } from '../../schema';\nimport LabelHelper from './LabelHelper';\n\nconst KolSpanCoreHelperFc: FC<{ label: string; hideLabel?: boolean; badgeText?: string; hideExpertSlot?: boolean; allowMarkdown?: boolean }> = (\n\t{ hideLabel, label, badgeText, allowMarkdown },\n\tchildren,\n) => {\n\tconst hideExpertSlot = !showExpertSlot(label);\n\n\treturn (\n\t\t<>\n\t\t\t{hideExpertSlot && <LabelHelper label={label} hideLabel={hideLabel} badgeText={badgeText} allowMarkdown={allowMarkdown} />}\n\t\t\t<span aria-hidden={hideExpertSlot ? 'true' : undefined} class=\"kol-span__label\" hidden={hideExpertSlot}>\n\t\t\t\t{children}\n\t\t\t</span>\n\t\t\t{isString(badgeText) && badgeText.length > 0 && (\n\t\t\t\t<span class=\"badge-text-hint\" aria-hidden=\"true\">\n\t\t\t\t\t{badgeText}\n\t\t\t\t</span>\n\t\t\t)}\n\t\t</>\n\t);\n};\n\nexport default KolSpanCoreHelperFc;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport clsx from 'clsx';\nimport { isString, isObject } from 'lodash-es';\n\nimport { type BadgeTextPropType, type HideLabelPropType, type IconOrIconClass, type KoliBriIconsProp, type LabelWithExpertSlotPropType } from '../../schema';\n\nimport IconHelper from './IconHelper';\nimport SpanCoreHelper from './SpanCoreHelper';\n\ntype IconType = IconOrIconClass | undefined | null;\n\nexport type SpanProps = JSXBase.HTMLAttributes<HTMLSpanElement> & {\n\tlabel: LabelWithExpertSlotPropType;\n\tbadgeText?: BadgeTextPropType;\n\tallowMarkdown?: boolean;\n\ticons?: KoliBriIconsProp;\n\thideLabel?: HideLabelPropType;\n};\n\nconst KolSpanFc: FC<SpanProps> = (props, children) => {\n\tconst { class: classNames, label, hideLabel = false, badgeText, allowMarkdown, icons, ...other } = props;\n\tlet topIconProps: IconType = null;\n\tlet leftIconProps: IconType = null;\n\tlet rightIconProps: IconType = null;\n\tlet bottomIconProps: IconType = null;\n\n\tif (isObject(icons)) {\n\t\ttopIconProps = icons.top;\n\t\tleftIconProps = icons.left;\n\t\trightIconProps = icons.right;\n\t\tbottomIconProps = icons.bottom;\n\t} else if (isString(icons)) {\n\t\tleftIconProps = {\n\t\t\ticon: icons,\n\t\t};\n\t}\n\n\treturn (\n\t\t<span class={clsx('kol-span', { 'kol-span--hide-label': hideLabel }, classNames)} {...other}>\n\t\t\t{isObject(topIconProps) && <IconHelper class=\"top\" {...topIconProps} />}\n\t\t\t<span class=\"kol-span__container\">\n\t\t\t\t{isObject(leftIconProps) && <IconHelper class=\"left\" {...leftIconProps} />}\n\t\t\t\t<SpanCoreHelper label={label} hideLabel={hideLabel} allowMarkdown={allowMarkdown} badgeText={badgeText}>\n\t\t\t\t\t{children}\n\t\t\t\t</SpanCoreHelper>\n\t\t\t\t{isObject(rightIconProps) && <IconHelper class=\"right\" {...rightIconProps} />}\n\t\t\t</span>\n\t\t\t{isObject(bottomIconProps) && <IconHelper class=\"bottom\" {...bottomIconProps} />}\n\t\t</span>\n\t);\n};\n\nexport default KolSpanFc;\n"],"version":3}
|