@public-ui/components 2.2.11 → 3.0.0-0a564237c37a5d1ca12470bdd73e4ea1eac06982.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-elements.json +290 -680
- package/dist/cjs/Alert-fe32c539.js +4 -0
- package/dist/cjs/Alert-fe32c539.js.map +1 -0
- package/dist/cjs/Collapsible-4ca71fd6.js +4 -0
- package/dist/cjs/Collapsible-4ca71fd6.js.map +1 -0
- package/dist/cjs/CustomSuggestionsOptionsGroup-218ef4fb.js +4 -0
- package/dist/cjs/CustomSuggestionsOptionsGroup-218ef4fb.js.map +1 -0
- package/dist/cjs/FieldControlStateWrapper-93112c76.js +4 -0
- package/dist/cjs/FieldControlStateWrapper-93112c76.js.map +1 -0
- package/dist/cjs/Heading-34ee96af.js +4 -0
- package/dist/cjs/Heading-34ee96af.js.map +1 -0
- package/dist/cjs/Icon-fd91b30e.js +4 -0
- package/dist/cjs/Icon-fd91b30e.js.map +1 -0
- package/dist/cjs/Input-ffc26107.js +4 -0
- package/dist/cjs/Input-ffc26107.js.map +1 -0
- package/dist/cjs/InputStateWrapper-6b2effff.js +4 -0
- package/dist/cjs/InputStateWrapper-6b2effff.js.map +1 -0
- package/dist/cjs/InternalUnderlinedBadgeText-ec26f7f6.js +4 -0
- package/dist/cjs/InternalUnderlinedBadgeText-ec26f7f6.js.map +1 -0
- package/dist/cjs/Span-44005167.js +4 -0
- package/dist/cjs/Span-44005167.js.map +1 -0
- package/dist/cjs/access-and-short-key-c9b6eca5.js +4 -0
- package/dist/cjs/access-and-short-key-c9b6eca5.js.map +1 -0
- package/dist/cjs/align-93a03292.js +4 -0
- package/dist/cjs/align-93a03292.js.map +1 -0
- package/dist/cjs/align-floating-elements-f88156a1.js +4 -0
- package/dist/cjs/align-floating-elements-f88156a1.js.map +1 -0
- package/dist/cjs/app-globals-a8c62c1a.js +4 -0
- package/dist/cjs/app-globals-a8c62c1a.js.map +1 -0
- package/dist/cjs/associated.controller-9b900f21.js +4 -0
- package/dist/cjs/associated.controller-9b900f21.js.map +1 -0
- package/dist/cjs/bem-85316256.js +4 -0
- package/dist/cjs/bem-85316256.js.map +1 -0
- package/dist/cjs/bem-c7c596d7.js +4 -0
- package/dist/cjs/bem-c7c596d7.js.map +1 -0
- package/dist/cjs/browser-4433089a.js +4 -0
- package/dist/cjs/browser-4433089a.js.map +1 -0
- package/dist/cjs/button-variant-9968f6a1.js +4 -0
- package/dist/cjs/button-variant-9968f6a1.js.map +1 -0
- package/dist/cjs/color-dc09cdf5.js +4 -0
- package/dist/cjs/color-dc09cdf5.js.map +1 -0
- package/dist/cjs/component-names-82c4d68d.js +4 -0
- package/dist/cjs/component-names-82c4d68d.js.map +1 -0
- package/dist/cjs/controller-2ab8bf77.js +4 -0
- package/dist/cjs/controller-2ab8bf77.js.map +1 -0
- package/dist/cjs/controller-9e02ba64.js +4 -0
- package/dist/cjs/controller-9e02ba64.js.map +1 -0
- package/dist/cjs/controller-b26368e7.js +4 -0
- package/dist/cjs/controller-b26368e7.js.map +1 -0
- package/dist/cjs/controller-d926ed4c.js +4 -0
- package/dist/cjs/controller-d926ed4c.js.map +1 -0
- package/dist/cjs/controller-icon-26a0c9bf.js +4 -0
- package/dist/cjs/controller-icon-26a0c9bf.js.map +1 -0
- package/dist/cjs/custom-class-38fd2475.js +4 -0
- package/dist/cjs/custom-class-38fd2475.js.map +1 -0
- package/dist/cjs/dev.utils-c01ed0db.js +4 -0
- package/dist/cjs/dev.utils-c01ed0db.js.map +1 -0
- package/dist/cjs/devtools-9de2b586.js +4 -0
- package/dist/cjs/devtools-9de2b586.js.map +1 -0
- package/dist/cjs/disabled-a0110ea5.js +4 -0
- package/dist/cjs/disabled-a0110ea5.js.map +1 -0
- package/dist/cjs/events-40771c95.js +4 -0
- package/dist/cjs/events-40771c95.js.map +1 -0
- package/dist/cjs/getRenderStates-528714f9.js +4 -0
- package/dist/cjs/getRenderStates-528714f9.js.map +1 -0
- package/dist/cjs/has-closer-ef341b5a.js +4 -0
- package/dist/cjs/has-closer-ef341b5a.js.map +1 -0
- package/dist/cjs/has-counter-759c9aaa.js +4 -0
- package/dist/cjs/has-counter-759c9aaa.js.map +1 -0
- package/dist/cjs/hide-label-6a0e93be.js +4 -0
- package/dist/cjs/hide-label-6a0e93be.js.map +1 -0
- package/dist/cjs/href-0a142e94.js +4 -0
- package/dist/cjs/href-0a142e94.js.map +1 -0
- package/dist/cjs/i18n-0e710ccd.js +4 -0
- package/dist/cjs/i18n-0e710ccd.js.map +1 -0
- package/dist/cjs/i18n-8c288a27.js +4 -0
- package/dist/cjs/i18n-8c288a27.js.map +1 -0
- package/dist/cjs/icons-a86d96c3.js +4 -0
- package/dist/cjs/icons-a86d96c3.js.map +1 -0
- package/dist/cjs/image-source-516d45d9.js +4 -0
- package/dist/cjs/image-source-516d45d9.js.map +1 -0
- package/dist/cjs/index-58ac5907.js +4 -0
- package/dist/cjs/index-58ac5907.js.map +1 -0
- package/dist/cjs/index-daa20b89.js +4 -0
- package/dist/cjs/index-daa20b89.js.map +1 -0
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/cjs/isArray-e114fe6e.js +4 -0
- package/dist/cjs/isArray-e114fe6e.js.map +1 -0
- package/dist/cjs/isObject-6090b636.js +4 -0
- package/dist/cjs/isObject-6090b636.js.map +1 -0
- package/dist/cjs/kol-abbr.cjs.entry.js +1 -1
- package/dist/cjs/kol-abbr.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-accordion.cjs.entry.js +1 -1
- package/dist/cjs/kol-accordion.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-alert-wc.cjs.entry.js +1 -1
- package/dist/cjs/kol-alert-wc.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-alert.cjs.entry.js +1 -1
- package/dist/cjs/kol-alert.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-avatar-wc.cjs.entry.js +1 -1
- package/dist/cjs/kol-avatar-wc.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-avatar.cjs.entry.js +1 -1
- package/dist/cjs/kol-avatar.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-badge.cjs.entry.js +1 -1
- package/dist/cjs/kol-badge.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-breadcrumb.cjs.entry.js +1 -1
- package/dist/cjs/kol-breadcrumb.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-button-link.cjs.entry.js +1 -1
- package/dist/cjs/kol-button-link.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-button-wc.cjs.entry.js +1 -1
- package/dist/cjs/kol-button-wc.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-button.cjs.entry.js +1 -1
- package/dist/cjs/kol-button.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-card.cjs.entry.js +1 -1
- package/dist/cjs/kol-card.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-combobox.cjs.entry.js +1 -1
- package/dist/cjs/kol-combobox.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-details.cjs.entry.js +1 -1
- package/dist/cjs/kol-details.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-drawer.cjs.entry.js +1 -1
- package/dist/cjs/kol-drawer.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-form.cjs.entry.js +1 -1
- package/dist/cjs/kol-form.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-heading.cjs.entry.js +1 -1
- package/dist/cjs/kol-heading.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-icon.cjs.entry.js +1 -1
- package/dist/cjs/kol-icon.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-image.cjs.entry.js +1 -1
- package/dist/cjs/kol-image.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-input-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-checkbox.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-input-color.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-color.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-input-date.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-date.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-input-email.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-email.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-input-file.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-file.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-input-number.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-number.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-input-password.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-password.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-input-radio.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-radio.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-input-range.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-range.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-input-text.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-text.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-kolibri.cjs.entry.js +1 -1
- package/dist/cjs/kol-kolibri.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-link-button.cjs.entry.js +1 -1
- package/dist/cjs/kol-link-button.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-link-wc.cjs.entry.js +1 -1
- package/dist/cjs/kol-link-wc.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-link.cjs.entry.js +1 -1
- package/dist/cjs/kol-link.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-modal.cjs.entry.js +1 -1
- package/dist/cjs/kol-modal.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-nav.cjs.entry.js +1 -1
- package/dist/cjs/kol-nav.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-pagination.cjs.entry.js +1 -1
- package/dist/cjs/kol-pagination.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-popover-button-wc.cjs.entry.js +4 -0
- package/dist/cjs/kol-popover-button-wc.cjs.entry.js.map +1 -0
- package/dist/cjs/kol-popover-button.cjs.entry.js +1 -1
- package/dist/cjs/kol-popover-button.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-popover-wc.cjs.entry.js +1 -1
- package/dist/cjs/kol-popover-wc.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-progress.cjs.entry.js +1 -1
- package/dist/cjs/kol-progress.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-quote.cjs.entry.js +1 -1
- package/dist/cjs/kol-quote.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-select.cjs.entry.js +1 -1
- package/dist/cjs/kol-select.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-single-select.cjs.entry.js +1 -1
- package/dist/cjs/kol-single-select.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-skip-nav.cjs.entry.js +1 -1
- package/dist/cjs/kol-skip-nav.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-spin.cjs.entry.js +1 -1
- package/dist/cjs/kol-spin.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-split-button.cjs.entry.js +1 -1
- package/dist/cjs/kol-split-button.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-table-settings-wc.cjs.entry.js +4 -0
- package/dist/cjs/kol-table-settings-wc.cjs.entry.js.map +1 -0
- package/dist/cjs/kol-table-stateful.cjs.entry.js +1 -1
- package/dist/cjs/kol-table-stateful.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-table-stateless-wc.cjs.entry.js +1 -1
- package/dist/cjs/kol-table-stateless-wc.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-table-stateless.cjs.entry.js +1 -1
- package/dist/cjs/kol-table-stateless.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-tabs.cjs.entry.js +1 -1
- package/dist/cjs/kol-tabs.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-textarea.cjs.entry.js +1 -1
- package/dist/cjs/kol-textarea.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-toast-container.cjs.entry.js +1 -1
- package/dist/cjs/kol-toast-container.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-toolbar.cjs.entry.js +1 -1
- package/dist/cjs/kol-toolbar.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-tooltip-wc.cjs.entry.js +1 -1
- package/dist/cjs/kol-tooltip-wc.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-tree-item-wc.cjs.entry.js +1 -1
- package/dist/cjs/kol-tree-item-wc.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-tree-item.cjs.entry.js +1 -1
- package/dist/cjs/kol-tree-item.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-tree-wc.cjs.entry.js +1 -1
- package/dist/cjs/kol-tree-wc.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-tree.cjs.entry.js +1 -1
- package/dist/cjs/kol-tree.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-version.cjs.entry.js +1 -1
- package/dist/cjs/kol-version.cjs.entry.js.map +1 -1
- package/dist/cjs/kolibri.cjs.js +1 -1
- package/dist/cjs/label-ab57738c.js +4 -0
- package/dist/cjs/label-ab57738c.js.map +1 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/open-0551bf2a.js +4 -0
- package/dist/cjs/open-0551bf2a.js.map +1 -0
- package/dist/cjs/prop.validators-e984090f.js +4 -0
- package/dist/cjs/prop.validators-e984090f.js.map +1 -0
- package/dist/cjs/reuse-8650ea4e.js +4 -0
- package/dist/cjs/reuse-8650ea4e.js.map +1 -0
- package/dist/cjs/rows-f79b5888.js +4 -0
- package/dist/cjs/rows-f79b5888.js.map +1 -0
- package/dist/cjs/show-6fcedf06.js +4 -0
- package/dist/cjs/show-6fcedf06.js.map +1 -0
- package/dist/cjs/spell-check-804f80f3.js +4 -0
- package/dist/cjs/spell-check-804f80f3.js.map +1 -0
- package/dist/cjs/suggestions-cc7f7d12.js +4 -0
- package/dist/cjs/suggestions-cc7f7d12.js.map +1 -0
- package/dist/cjs/table-settings-002db8b1.js +4 -0
- package/dist/cjs/table-settings-002db8b1.js.map +1 -0
- package/dist/cjs/test-component.cjs.entry.js +1 -1
- package/dist/cjs/tooltip-align-83772c00.js +4 -0
- package/dist/cjs/tooltip-align-83772c00.js.map +1 -0
- package/dist/cjs/validation-f5ed486c.js +4 -0
- package/dist/cjs/validation-f5ed486c.js.map +1 -0
- package/dist/cjs/validation-f681c170.js +4 -0
- package/dist/cjs/validation-f681c170.js.map +1 -0
- package/dist/components/Alert.js +1 -1
- package/dist/components/Alert.js.map +1 -1
- package/dist/components/Collapsible.js +1 -1
- package/dist/components/Collapsible.js.map +1 -1
- package/dist/components/CustomSuggestionsOptionsGroup.js +4 -0
- package/dist/components/CustomSuggestionsOptionsGroup.js.map +1 -0
- package/dist/components/FieldControlStateWrapper.js +4 -0
- package/dist/components/FieldControlStateWrapper.js.map +1 -0
- package/dist/components/Heading.js +4 -0
- package/dist/components/Heading.js.map +1 -0
- package/dist/components/Icon.js +4 -0
- package/dist/components/Icon.js.map +1 -0
- package/dist/components/Input.js +4 -0
- package/dist/components/Input.js.map +1 -0
- package/dist/components/InputContainerStateWrapper.js +4 -0
- package/dist/components/InputContainerStateWrapper.js.map +1 -0
- package/dist/components/InputStateWrapper.js +4 -0
- package/dist/components/InputStateWrapper.js.map +1 -0
- package/dist/components/InternalUnderlinedBadgeText.js +1 -1
- package/dist/components/InternalUnderlinedBadgeText.js.map +1 -1
- package/dist/components/Span.js +4 -0
- package/dist/components/Span.js.map +1 -0
- package/dist/components/access-and-short-key.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/associated.controller.js +1 -1
- package/dist/components/bem.js +4 -0
- package/dist/components/bem.js.map +1 -0
- package/dist/components/bem2.js +4 -0
- package/dist/components/bem2.js.map +1 -0
- package/dist/components/browser.js +4 -0
- package/dist/components/browser.js.map +1 -0
- package/dist/components/button-variant.js +1 -1
- package/dist/components/color.js +1 -1
- package/dist/components/component-names.js +1 -1
- package/dist/components/component-names.js.map +1 -1
- package/dist/components/controller.js +1 -1
- package/dist/components/controller2.js +1 -1
- package/dist/components/controller2.js.map +1 -1
- package/dist/components/controller3.js +1 -1
- package/dist/components/controller3.js.map +1 -1
- package/dist/components/controller4.js +1 -1
- package/dist/components/controller4.js.map +1 -1
- package/dist/components/custom-class.js +1 -1
- package/dist/components/devtools.js +1 -1
- package/dist/components/disabled.js +1 -1
- package/dist/components/events.js +1 -1
- package/dist/components/events.js.map +1 -1
- package/dist/components/getRenderStates.js +4 -0
- package/dist/components/getRenderStates.js.map +1 -0
- package/dist/components/has-closer.js +1 -1
- package/dist/components/has-counter.js +1 -1
- package/dist/components/hide-label.js +1 -1
- package/dist/components/href.js +1 -1
- package/dist/components/i18n.js +1 -1
- package/dist/components/i18n.js.map +1 -1
- package/dist/components/icons.js +1 -1
- package/dist/components/image-source.js +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/index.js.map +1 -1
- package/dist/components/isArray.js +4 -0
- package/dist/components/isArray.js.map +1 -0
- package/dist/components/isObject.js +4 -0
- package/dist/components/isObject.js.map +1 -0
- package/dist/components/kol-abbr.js +1 -1
- package/dist/components/kol-abbr.js.map +1 -1
- package/dist/components/kol-accordion.js +1 -1
- package/dist/components/kol-accordion.js.map +1 -1
- package/dist/components/kol-alert-wc.js +1 -1
- package/dist/components/kol-alert-wc.js.map +1 -1
- package/dist/components/kol-alert.js +1 -1
- package/dist/components/kol-alert.js.map +1 -1
- package/dist/components/kol-avatar-wc.js +1 -1
- package/dist/components/kol-avatar-wc.js.map +1 -1
- package/dist/components/kol-avatar.js +1 -1
- package/dist/components/kol-avatar.js.map +1 -1
- package/dist/components/kol-badge.js +1 -1
- package/dist/components/kol-badge.js.map +1 -1
- package/dist/components/kol-breadcrumb.js +1 -1
- package/dist/components/kol-breadcrumb.js.map +1 -1
- package/dist/components/kol-button-link.js +1 -1
- package/dist/components/kol-button-link.js.map +1 -1
- package/dist/components/kol-button-wc.js +1 -1
- package/dist/components/kol-button-wc.js.map +1 -1
- package/dist/components/kol-button.js +1 -1
- package/dist/components/kol-button.js.map +1 -1
- package/dist/components/kol-card.js +1 -1
- package/dist/components/kol-card.js.map +1 -1
- package/dist/components/kol-combobox.js +1 -1
- package/dist/components/kol-combobox.js.map +1 -1
- package/dist/components/kol-details.js +1 -1
- package/dist/components/kol-details.js.map +1 -1
- package/dist/components/kol-drawer.js +1 -1
- package/dist/components/kol-drawer.js.map +1 -1
- package/dist/components/kol-form.js +1 -1
- package/dist/components/kol-form.js.map +1 -1
- package/dist/components/kol-heading.js +1 -1
- package/dist/components/kol-heading.js.map +1 -1
- package/dist/components/kol-icon.js +1 -1
- package/dist/components/kol-icon.js.map +1 -1
- package/dist/components/kol-image.js +1 -1
- package/dist/components/kol-image.js.map +1 -1
- package/dist/components/kol-input-checkbox.js +1 -1
- package/dist/components/kol-input-checkbox.js.map +1 -1
- package/dist/components/kol-input-color.js +1 -1
- package/dist/components/kol-input-color.js.map +1 -1
- package/dist/components/kol-input-date.js +1 -1
- package/dist/components/kol-input-date.js.map +1 -1
- package/dist/components/kol-input-email.js +1 -1
- package/dist/components/kol-input-email.js.map +1 -1
- package/dist/components/kol-input-file.js +1 -1
- package/dist/components/kol-input-file.js.map +1 -1
- package/dist/components/kol-input-number.js +1 -1
- package/dist/components/kol-input-number.js.map +1 -1
- package/dist/components/kol-input-password.js +1 -1
- package/dist/components/kol-input-password.js.map +1 -1
- package/dist/components/kol-input-radio.js +1 -1
- package/dist/components/kol-input-radio.js.map +1 -1
- package/dist/components/kol-input-range.js +1 -1
- package/dist/components/kol-input-range.js.map +1 -1
- package/dist/components/kol-input-text.js +1 -1
- package/dist/components/kol-input-text.js.map +1 -1
- package/dist/components/kol-kolibri.js +1 -1
- package/dist/components/kol-kolibri.js.map +1 -1
- package/dist/components/kol-link-button.js +1 -1
- package/dist/components/kol-link-button.js.map +1 -1
- package/dist/components/kol-link-wc.js +1 -1
- package/dist/components/kol-link-wc.js.map +1 -1
- package/dist/components/kol-link.js +1 -1
- package/dist/components/kol-link.js.map +1 -1
- package/dist/components/kol-modal.js +1 -1
- package/dist/components/kol-modal.js.map +1 -1
- package/dist/components/kol-nav.js +1 -1
- package/dist/components/kol-nav.js.map +1 -1
- package/dist/components/kol-pagination.js +1 -1
- package/dist/components/kol-pagination.js.map +1 -1
- package/dist/components/kol-popover-button-wc.d.ts +11 -0
- package/dist/components/kol-popover-button-wc.js +4 -0
- package/dist/components/kol-popover-button-wc.js.map +1 -0
- package/dist/components/kol-popover-button.js +1 -1
- package/dist/components/kol-popover-button.js.map +1 -1
- package/dist/components/kol-popover-wc.js +1 -1
- package/dist/components/kol-popover-wc.js.map +1 -1
- package/dist/components/kol-progress.js +1 -1
- package/dist/components/kol-progress.js.map +1 -1
- package/dist/components/kol-quote.js +1 -1
- package/dist/components/kol-quote.js.map +1 -1
- package/dist/components/kol-select.js +1 -1
- package/dist/components/kol-select.js.map +1 -1
- package/dist/components/kol-single-select.js +1 -1
- package/dist/components/kol-single-select.js.map +1 -1
- package/dist/components/kol-skip-nav.js +1 -1
- package/dist/components/kol-skip-nav.js.map +1 -1
- package/dist/components/kol-spin.js +1 -1
- package/dist/components/kol-spin.js.map +1 -1
- package/dist/components/kol-split-button.js +1 -1
- package/dist/components/kol-split-button.js.map +1 -1
- package/dist/components/kol-table-settings-wc.d.ts +11 -0
- package/dist/components/kol-table-settings-wc.js +4 -0
- package/dist/components/kol-table-settings-wc.js.map +1 -0
- package/dist/components/kol-table-stateful.js +1 -1
- package/dist/components/kol-table-stateful.js.map +1 -1
- package/dist/components/kol-table-stateless-wc.js +1 -1
- package/dist/components/kol-table-stateless-wc.js.map +1 -1
- package/dist/components/kol-table-stateless.js +1 -1
- package/dist/components/kol-table-stateless.js.map +1 -1
- package/dist/components/kol-tabs.js +1 -1
- package/dist/components/kol-tabs.js.map +1 -1
- package/dist/components/kol-textarea.js +1 -1
- package/dist/components/kol-textarea.js.map +1 -1
- package/dist/components/kol-toast-container.js +1 -1
- package/dist/components/kol-toast-container.js.map +1 -1
- package/dist/components/kol-toolbar.js +1 -1
- package/dist/components/kol-toolbar.js.map +1 -1
- package/dist/components/kol-tooltip-wc.js +1 -1
- package/dist/components/kol-tooltip-wc.js.map +1 -1
- package/dist/components/kol-tree-item-wc.js +1 -1
- package/dist/components/kol-tree-item-wc.js.map +1 -1
- package/dist/components/kol-tree-item.js +1 -1
- package/dist/components/kol-tree-item.js.map +1 -1
- package/dist/components/kol-tree-wc.js +1 -1
- package/dist/components/kol-tree-wc.js.map +1 -1
- package/dist/components/kol-tree.js +1 -1
- package/dist/components/kol-tree.js.map +1 -1
- package/dist/components/kol-version.js +1 -1
- package/dist/components/kol-version.js.map +1 -1
- package/dist/components/label.js +1 -1
- package/dist/components/open.js +1 -1
- package/dist/components/prop.validators.js +1 -1
- package/dist/components/prop.validators.js.map +1 -1
- package/dist/components/reuse.js +1 -1
- package/dist/components/reuse.js.map +1 -1
- package/dist/components/show.js +1 -1
- package/dist/components/spell-check.js +1 -1
- package/dist/components/suggestions.js +1 -1
- package/dist/components/table-settings.js +4 -0
- package/dist/components/table-settings.js.map +1 -0
- package/dist/components/validation2.js +1 -1
- package/dist/esm/Alert-6cd2f6dc.js +4 -0
- package/dist/esm/Alert-6cd2f6dc.js.map +1 -0
- package/dist/esm/Collapsible-c913fc3d.js +4 -0
- package/dist/esm/Collapsible-c913fc3d.js.map +1 -0
- package/dist/esm/CustomSuggestionsOptionsGroup-6142831a.js +4 -0
- package/dist/esm/CustomSuggestionsOptionsGroup-6142831a.js.map +1 -0
- package/dist/esm/FieldControlStateWrapper-ebd5579d.js +4 -0
- package/dist/esm/FieldControlStateWrapper-ebd5579d.js.map +1 -0
- package/dist/esm/Heading-7f4642c5.js +4 -0
- package/dist/esm/Heading-7f4642c5.js.map +1 -0
- package/dist/esm/Icon-6bed0b43.js +4 -0
- package/dist/esm/Icon-6bed0b43.js.map +1 -0
- package/dist/esm/Input-7d2ee70a.js +4 -0
- package/dist/esm/Input-7d2ee70a.js.map +1 -0
- package/dist/esm/InputStateWrapper-4a79e4a6.js +4 -0
- package/dist/esm/InputStateWrapper-4a79e4a6.js.map +1 -0
- package/dist/esm/InternalUnderlinedBadgeText-d1821325.js +4 -0
- package/dist/esm/InternalUnderlinedBadgeText-d1821325.js.map +1 -0
- package/dist/esm/Span-cb3bdb3f.js +4 -0
- package/dist/esm/Span-cb3bdb3f.js.map +1 -0
- package/dist/esm/access-and-short-key-58467f3a.js +4 -0
- package/dist/esm/access-and-short-key-58467f3a.js.map +1 -0
- package/dist/esm/align-2f553440.js +4 -0
- package/dist/esm/align-2f553440.js.map +1 -0
- package/dist/esm/align-floating-elements-7cdb6dc6.js +4 -0
- package/dist/esm/align-floating-elements-7cdb6dc6.js.map +1 -0
- package/dist/esm/app-globals-50619664.js +4 -0
- package/dist/esm/app-globals-50619664.js.map +1 -0
- package/dist/esm/associated.controller-a6273a44.js +4 -0
- package/dist/esm/associated.controller-a6273a44.js.map +1 -0
- package/dist/esm/bem-dabd96cc.js +4 -0
- package/dist/esm/bem-dabd96cc.js.map +1 -0
- package/dist/esm/bem-e4c3a2e6.js +4 -0
- package/dist/esm/bem-e4c3a2e6.js.map +1 -0
- package/dist/esm/browser-f629a56a.js +4 -0
- package/dist/esm/browser-f629a56a.js.map +1 -0
- package/dist/esm/button-variant-22db3cae.js +4 -0
- package/dist/esm/button-variant-22db3cae.js.map +1 -0
- package/dist/esm/color-e2f76a18.js +4 -0
- package/dist/esm/color-e2f76a18.js.map +1 -0
- package/dist/esm/common-54bf85ba.js +4 -0
- package/dist/esm/common-54bf85ba.js.map +1 -0
- package/dist/esm/component-names-7ee7402b.js +4 -0
- package/dist/esm/component-names-7ee7402b.js.map +1 -0
- package/dist/esm/controller-04af0502.js +4 -0
- package/dist/esm/controller-04af0502.js.map +1 -0
- package/dist/esm/controller-1a508e22.js +4 -0
- package/dist/esm/controller-1a508e22.js.map +1 -0
- package/dist/esm/controller-7964efb9.js +4 -0
- package/dist/esm/controller-7964efb9.js.map +1 -0
- package/dist/esm/controller-b150dd8f.js +4 -0
- package/dist/esm/controller-b150dd8f.js.map +1 -0
- package/dist/esm/controller-icon-0bd2a7ef.js +4 -0
- package/dist/esm/controller-icon-0bd2a7ef.js.map +1 -0
- package/dist/esm/custom-class-1ea7f6ba.js +4 -0
- package/dist/esm/custom-class-1ea7f6ba.js.map +1 -0
- package/dist/esm/dev.utils-869ad410.js +4 -0
- package/dist/esm/dev.utils-869ad410.js.map +1 -0
- package/dist/esm/devtools-a9857e56.js +4 -0
- package/dist/esm/devtools-a9857e56.js.map +1 -0
- package/dist/esm/disabled-bdfddd32.js +4 -0
- package/dist/esm/disabled-bdfddd32.js.map +1 -0
- package/dist/esm/events-5886c68b.js +4 -0
- package/dist/esm/events-5886c68b.js.map +1 -0
- package/dist/esm/getRenderStates-05837109.js +4 -0
- package/dist/esm/getRenderStates-05837109.js.map +1 -0
- package/dist/esm/has-closer-1f00aaf3.js +4 -0
- package/dist/esm/has-closer-1f00aaf3.js.map +1 -0
- package/dist/esm/has-counter-46536f3c.js +4 -0
- package/dist/esm/has-counter-46536f3c.js.map +1 -0
- package/dist/esm/hide-label-8fc169d2.js +4 -0
- package/dist/esm/hide-label-8fc169d2.js.map +1 -0
- package/dist/esm/href-50f7d11b.js +4 -0
- package/dist/esm/href-50f7d11b.js.map +1 -0
- package/dist/esm/i18n-45224cc3.js +4 -0
- package/dist/esm/i18n-45224cc3.js.map +1 -0
- package/dist/esm/i18n-efbafc80.js +4 -0
- package/dist/esm/i18n-efbafc80.js.map +1 -0
- package/dist/esm/icons-d9615c78.js +4 -0
- package/dist/esm/icons-d9615c78.js.map +1 -0
- package/dist/esm/image-source-dc18dccc.js +4 -0
- package/dist/esm/image-source-dc18dccc.js.map +1 -0
- package/dist/esm/index-058cc56d.js +4 -0
- package/dist/esm/index-058cc56d.js.map +1 -0
- package/dist/esm/index-0a773c52.js +4 -0
- package/dist/esm/index-0a773c52.js.map +1 -0
- package/dist/esm/index.js +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/isArray-7a60fa7f.js +4 -0
- package/dist/esm/isArray-7a60fa7f.js.map +1 -0
- package/dist/esm/isObject-ffcbbb76.js +4 -0
- package/dist/esm/isObject-ffcbbb76.js.map +1 -0
- package/dist/esm/kol-abbr.entry.js +1 -1
- package/dist/esm/kol-abbr.entry.js.map +1 -1
- package/dist/esm/kol-accordion.entry.js +1 -1
- package/dist/esm/kol-accordion.entry.js.map +1 -1
- package/dist/esm/kol-alert-wc.entry.js +1 -1
- package/dist/esm/kol-alert-wc.entry.js.map +1 -1
- package/dist/esm/kol-alert.entry.js +1 -1
- package/dist/esm/kol-alert.entry.js.map +1 -1
- package/dist/esm/kol-avatar-wc.entry.js +1 -1
- package/dist/esm/kol-avatar-wc.entry.js.map +1 -1
- package/dist/esm/kol-avatar.entry.js +1 -1
- package/dist/esm/kol-avatar.entry.js.map +1 -1
- package/dist/esm/kol-badge.entry.js +1 -1
- package/dist/esm/kol-badge.entry.js.map +1 -1
- package/dist/esm/kol-breadcrumb.entry.js +1 -1
- package/dist/esm/kol-breadcrumb.entry.js.map +1 -1
- package/dist/esm/kol-button-link.entry.js +1 -1
- package/dist/esm/kol-button-link.entry.js.map +1 -1
- package/dist/esm/kol-button-wc.entry.js +1 -1
- package/dist/esm/kol-button-wc.entry.js.map +1 -1
- package/dist/esm/kol-button.entry.js +1 -1
- package/dist/esm/kol-button.entry.js.map +1 -1
- package/dist/esm/kol-card.entry.js +1 -1
- package/dist/esm/kol-card.entry.js.map +1 -1
- package/dist/esm/kol-combobox.entry.js +1 -1
- package/dist/esm/kol-combobox.entry.js.map +1 -1
- package/dist/esm/kol-details.entry.js +1 -1
- package/dist/esm/kol-details.entry.js.map +1 -1
- package/dist/esm/kol-drawer.entry.js +1 -1
- package/dist/esm/kol-drawer.entry.js.map +1 -1
- package/dist/esm/kol-form.entry.js +1 -1
- package/dist/esm/kol-form.entry.js.map +1 -1
- package/dist/esm/kol-heading.entry.js +1 -1
- package/dist/esm/kol-heading.entry.js.map +1 -1
- package/dist/esm/kol-icon.entry.js +1 -1
- package/dist/esm/kol-icon.entry.js.map +1 -1
- package/dist/esm/kol-image.entry.js +1 -1
- package/dist/esm/kol-image.entry.js.map +1 -1
- package/dist/esm/kol-input-checkbox.entry.js +1 -1
- package/dist/esm/kol-input-checkbox.entry.js.map +1 -1
- package/dist/esm/kol-input-color.entry.js +1 -1
- package/dist/esm/kol-input-color.entry.js.map +1 -1
- package/dist/esm/kol-input-date.entry.js +1 -1
- package/dist/esm/kol-input-date.entry.js.map +1 -1
- package/dist/esm/kol-input-email.entry.js +1 -1
- package/dist/esm/kol-input-email.entry.js.map +1 -1
- package/dist/esm/kol-input-file.entry.js +1 -1
- package/dist/esm/kol-input-file.entry.js.map +1 -1
- package/dist/esm/kol-input-number.entry.js +1 -1
- package/dist/esm/kol-input-number.entry.js.map +1 -1
- package/dist/esm/kol-input-password.entry.js +1 -1
- package/dist/esm/kol-input-password.entry.js.map +1 -1
- package/dist/esm/kol-input-radio.entry.js +1 -1
- package/dist/esm/kol-input-radio.entry.js.map +1 -1
- package/dist/esm/kol-input-range.entry.js +1 -1
- package/dist/esm/kol-input-range.entry.js.map +1 -1
- package/dist/esm/kol-input-text.entry.js +1 -1
- package/dist/esm/kol-input-text.entry.js.map +1 -1
- package/dist/esm/kol-kolibri.entry.js +1 -1
- package/dist/esm/kol-kolibri.entry.js.map +1 -1
- package/dist/esm/kol-link-button.entry.js +1 -1
- package/dist/esm/kol-link-button.entry.js.map +1 -1
- package/dist/esm/kol-link-wc.entry.js +1 -1
- package/dist/esm/kol-link-wc.entry.js.map +1 -1
- package/dist/esm/kol-link.entry.js +1 -1
- package/dist/esm/kol-link.entry.js.map +1 -1
- package/dist/esm/kol-modal.entry.js +1 -1
- package/dist/esm/kol-modal.entry.js.map +1 -1
- package/dist/esm/kol-nav.entry.js +1 -1
- package/dist/esm/kol-nav.entry.js.map +1 -1
- package/dist/esm/kol-pagination.entry.js +1 -1
- package/dist/esm/kol-pagination.entry.js.map +1 -1
- package/dist/esm/kol-popover-button-wc.entry.js +4 -0
- package/dist/esm/kol-popover-button-wc.entry.js.map +1 -0
- package/dist/esm/kol-popover-button.entry.js +1 -1
- package/dist/esm/kol-popover-button.entry.js.map +1 -1
- package/dist/esm/kol-popover-wc.entry.js +1 -1
- package/dist/esm/kol-popover-wc.entry.js.map +1 -1
- package/dist/esm/kol-progress.entry.js +1 -1
- package/dist/esm/kol-progress.entry.js.map +1 -1
- package/dist/esm/kol-quote.entry.js +1 -1
- package/dist/esm/kol-quote.entry.js.map +1 -1
- package/dist/esm/kol-select.entry.js +1 -1
- package/dist/esm/kol-select.entry.js.map +1 -1
- package/dist/esm/kol-single-select.entry.js +1 -1
- package/dist/esm/kol-single-select.entry.js.map +1 -1
- package/dist/esm/kol-skip-nav.entry.js +1 -1
- package/dist/esm/kol-skip-nav.entry.js.map +1 -1
- package/dist/esm/kol-spin.entry.js +1 -1
- package/dist/esm/kol-spin.entry.js.map +1 -1
- package/dist/esm/kol-split-button.entry.js +1 -1
- package/dist/esm/kol-split-button.entry.js.map +1 -1
- package/dist/esm/kol-table-settings-wc.entry.js +4 -0
- package/dist/esm/kol-table-settings-wc.entry.js.map +1 -0
- package/dist/esm/kol-table-stateful.entry.js +1 -1
- package/dist/esm/kol-table-stateful.entry.js.map +1 -1
- package/dist/esm/kol-table-stateless-wc.entry.js +1 -1
- package/dist/esm/kol-table-stateless-wc.entry.js.map +1 -1
- package/dist/esm/kol-table-stateless.entry.js +1 -1
- package/dist/esm/kol-table-stateless.entry.js.map +1 -1
- package/dist/esm/kol-tabs.entry.js +1 -1
- package/dist/esm/kol-tabs.entry.js.map +1 -1
- package/dist/esm/kol-textarea.entry.js +1 -1
- package/dist/esm/kol-textarea.entry.js.map +1 -1
- package/dist/esm/kol-toast-container.entry.js +1 -1
- package/dist/esm/kol-toast-container.entry.js.map +1 -1
- package/dist/esm/kol-toolbar.entry.js +1 -1
- package/dist/esm/kol-toolbar.entry.js.map +1 -1
- package/dist/esm/kol-tooltip-wc.entry.js +1 -1
- package/dist/esm/kol-tooltip-wc.entry.js.map +1 -1
- package/dist/esm/kol-tree-item-wc.entry.js +1 -1
- package/dist/esm/kol-tree-item-wc.entry.js.map +1 -1
- package/dist/esm/kol-tree-item.entry.js +1 -1
- package/dist/esm/kol-tree-item.entry.js.map +1 -1
- package/dist/esm/kol-tree-wc.entry.js +1 -1
- package/dist/esm/kol-tree-wc.entry.js.map +1 -1
- package/dist/esm/kol-tree.entry.js +1 -1
- package/dist/esm/kol-tree.entry.js.map +1 -1
- package/dist/esm/kol-version.entry.js +1 -1
- package/dist/esm/kol-version.entry.js.map +1 -1
- package/dist/esm/kolibri.js +1 -1
- package/dist/esm/label-0219bcdb.js +4 -0
- package/dist/esm/label-0219bcdb.js.map +1 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/open-d5b42a38.js +4 -0
- package/dist/esm/open-d5b42a38.js.map +1 -0
- package/dist/esm/prop.validators-de1491c5.js +4 -0
- package/dist/esm/prop.validators-de1491c5.js.map +1 -0
- package/dist/esm/reuse-f46e7e35.js +4 -0
- package/dist/esm/reuse-f46e7e35.js.map +1 -0
- package/dist/esm/rows-4dc53b94.js +4 -0
- package/dist/esm/rows-4dc53b94.js.map +1 -0
- package/dist/esm/show-46145480.js +4 -0
- package/dist/esm/show-46145480.js.map +1 -0
- package/dist/esm/spell-check-d3f3ed29.js +4 -0
- package/dist/esm/spell-check-d3f3ed29.js.map +1 -0
- package/dist/esm/suggestions-dc373440.js +4 -0
- package/dist/esm/suggestions-dc373440.js.map +1 -0
- package/dist/esm/table-settings-9d7f54fa.js +4 -0
- package/dist/esm/table-settings-9d7f54fa.js.map +1 -0
- package/dist/esm/test-component.entry.js +1 -1
- package/dist/esm/tooltip-align-f41ae17f.js +4 -0
- package/dist/esm/tooltip-align-f41ae17f.js.map +1 -0
- package/dist/esm/validation-1473d7f0.js +4 -0
- package/dist/esm/validation-1473d7f0.js.map +1 -0
- package/dist/esm/validation-70143d97.js +4 -0
- package/dist/esm/validation-70143d97.js.map +1 -0
- package/dist/kolibri/Alert-6cd2f6dc.js +4 -0
- package/dist/kolibri/Alert-6cd2f6dc.js.map +1 -0
- package/dist/kolibri/Collapsible-c913fc3d.js +4 -0
- package/dist/kolibri/Collapsible-c913fc3d.js.map +1 -0
- package/dist/kolibri/CustomSuggestionsOptionsGroup-6142831a.js +4 -0
- package/dist/kolibri/CustomSuggestionsOptionsGroup-6142831a.js.map +1 -0
- package/dist/kolibri/FieldControlStateWrapper-ebd5579d.js +4 -0
- package/dist/kolibri/FieldControlStateWrapper-ebd5579d.js.map +1 -0
- package/dist/kolibri/Heading-7f4642c5.js +4 -0
- package/dist/kolibri/Heading-7f4642c5.js.map +1 -0
- package/dist/kolibri/Icon-6bed0b43.js +4 -0
- package/dist/kolibri/Icon-6bed0b43.js.map +1 -0
- package/dist/kolibri/Input-7d2ee70a.js +4 -0
- package/dist/kolibri/Input-7d2ee70a.js.map +1 -0
- package/dist/kolibri/InputStateWrapper-4a79e4a6.js +4 -0
- package/dist/kolibri/InputStateWrapper-4a79e4a6.js.map +1 -0
- package/dist/kolibri/InternalUnderlinedBadgeText-d1821325.js +4 -0
- package/dist/kolibri/InternalUnderlinedBadgeText-d1821325.js.map +1 -0
- package/dist/kolibri/Span-cb3bdb3f.js +4 -0
- package/dist/kolibri/Span-cb3bdb3f.js.map +1 -0
- package/dist/kolibri/access-and-short-key-58467f3a.js +4 -0
- package/dist/kolibri/align-2f553440.js +4 -0
- package/dist/kolibri/align-floating-elements-7cdb6dc6.js +4 -0
- package/dist/kolibri/align-floating-elements-7cdb6dc6.js.map +1 -0
- package/dist/kolibri/app-globals-50619664.js +4 -0
- package/dist/kolibri/app-globals-50619664.js.map +1 -0
- package/dist/kolibri/associated.controller-a6273a44.js +4 -0
- package/dist/kolibri/bem-dabd96cc.js +4 -0
- package/dist/kolibri/bem-dabd96cc.js.map +1 -0
- package/dist/kolibri/bem-e4c3a2e6.js +4 -0
- package/dist/kolibri/bem-e4c3a2e6.js.map +1 -0
- package/dist/kolibri/browser-f629a56a.js +4 -0
- package/dist/kolibri/browser-f629a56a.js.map +1 -0
- package/dist/kolibri/button-variant-22db3cae.js +4 -0
- package/dist/kolibri/color-e2f76a18.js +4 -0
- package/dist/kolibri/common-54bf85ba.js +4 -0
- package/dist/kolibri/component-names-7ee7402b.js +4 -0
- package/dist/kolibri/component-names-7ee7402b.js.map +1 -0
- package/dist/kolibri/controller-04af0502.js +4 -0
- package/dist/kolibri/controller-1a508e22.js +4 -0
- package/dist/kolibri/controller-7964efb9.js +4 -0
- package/dist/kolibri/controller-7964efb9.js.map +1 -0
- package/dist/kolibri/controller-b150dd8f.js +4 -0
- package/dist/kolibri/controller-icon-0bd2a7ef.js +4 -0
- package/dist/kolibri/controller-icon-0bd2a7ef.js.map +1 -0
- package/dist/kolibri/custom-class-1ea7f6ba.js +4 -0
- package/dist/kolibri/dev.utils-869ad410.js +4 -0
- package/dist/kolibri/devtools-a9857e56.js +4 -0
- package/dist/kolibri/disabled-bdfddd32.js +4 -0
- package/dist/kolibri/events-5886c68b.js +4 -0
- package/dist/kolibri/events-5886c68b.js.map +1 -0
- package/dist/kolibri/getRenderStates-05837109.js +4 -0
- package/dist/kolibri/getRenderStates-05837109.js.map +1 -0
- package/dist/kolibri/has-closer-1f00aaf3.js +4 -0
- package/dist/kolibri/has-counter-46536f3c.js +4 -0
- package/dist/kolibri/hide-label-8fc169d2.js +4 -0
- package/dist/kolibri/href-50f7d11b.js +4 -0
- package/dist/kolibri/i18n-45224cc3.js +4 -0
- package/dist/kolibri/i18n-45224cc3.js.map +1 -0
- package/dist/kolibri/i18n-efbafc80.js +4 -0
- package/dist/kolibri/icons-d9615c78.js +4 -0
- package/dist/kolibri/image-source-dc18dccc.js +4 -0
- package/dist/kolibri/index-058cc56d.js +5 -0
- package/dist/kolibri/index-058cc56d.js.map +1 -0
- package/dist/kolibri/index-0a773c52.js +4 -0
- package/dist/kolibri/index-0a773c52.js.map +1 -0
- package/dist/kolibri/index.esm.js +1 -1
- package/dist/kolibri/index.esm.js.map +1 -1
- package/dist/kolibri/isArray-7a60fa7f.js +4 -0
- package/dist/kolibri/isArray-7a60fa7f.js.map +1 -0
- package/dist/kolibri/isObject-ffcbbb76.js +4 -0
- package/dist/kolibri/isObject-ffcbbb76.js.map +1 -0
- package/dist/kolibri/kol-abbr.entry.js +1 -1
- package/dist/kolibri/kol-abbr.entry.js.map +1 -1
- package/dist/kolibri/kol-accordion.entry.js +1 -1
- package/dist/kolibri/kol-accordion.entry.js.map +1 -1
- package/dist/kolibri/kol-alert-wc.entry.js +1 -1
- package/dist/kolibri/kol-alert-wc.entry.js.map +1 -1
- package/dist/kolibri/kol-alert.entry.js +1 -1
- package/dist/kolibri/kol-alert.entry.js.map +1 -1
- package/dist/kolibri/kol-avatar-wc.entry.js +1 -1
- package/dist/kolibri/kol-avatar-wc.entry.js.map +1 -1
- package/dist/kolibri/kol-avatar.entry.js +1 -1
- package/dist/kolibri/kol-avatar.entry.js.map +1 -1
- package/dist/kolibri/kol-badge.entry.js +1 -1
- package/dist/kolibri/kol-badge.entry.js.map +1 -1
- package/dist/kolibri/kol-breadcrumb.entry.js +1 -1
- package/dist/kolibri/kol-breadcrumb.entry.js.map +1 -1
- package/dist/kolibri/kol-button-link.entry.js +1 -1
- package/dist/kolibri/kol-button-link.entry.js.map +1 -1
- package/dist/kolibri/kol-button-wc.entry.js +1 -1
- package/dist/kolibri/kol-button-wc.entry.js.map +1 -1
- package/dist/kolibri/kol-button.entry.js +1 -1
- package/dist/kolibri/kol-button.entry.js.map +1 -1
- package/dist/kolibri/kol-card.entry.js +1 -1
- package/dist/kolibri/kol-card.entry.js.map +1 -1
- package/dist/kolibri/kol-combobox.entry.js +1 -1
- package/dist/kolibri/kol-combobox.entry.js.map +1 -1
- package/dist/kolibri/kol-details.entry.js +1 -1
- package/dist/kolibri/kol-details.entry.js.map +1 -1
- package/dist/kolibri/kol-drawer.entry.js +1 -1
- package/dist/kolibri/kol-drawer.entry.js.map +1 -1
- package/dist/kolibri/kol-form.entry.js +1 -1
- package/dist/kolibri/kol-form.entry.js.map +1 -1
- package/dist/kolibri/kol-heading.entry.js +1 -1
- package/dist/kolibri/kol-heading.entry.js.map +1 -1
- package/dist/kolibri/kol-icon.entry.js +1 -1
- package/dist/kolibri/kol-icon.entry.js.map +1 -1
- package/dist/kolibri/kol-image.entry.js +1 -1
- package/dist/kolibri/kol-image.entry.js.map +1 -1
- package/dist/kolibri/kol-input-checkbox.entry.js +1 -1
- package/dist/kolibri/kol-input-checkbox.entry.js.map +1 -1
- package/dist/kolibri/kol-input-color.entry.js +1 -1
- package/dist/kolibri/kol-input-color.entry.js.map +1 -1
- package/dist/kolibri/kol-input-date.entry.js +1 -1
- package/dist/kolibri/kol-input-date.entry.js.map +1 -1
- package/dist/kolibri/kol-input-email.entry.js +1 -1
- package/dist/kolibri/kol-input-email.entry.js.map +1 -1
- package/dist/kolibri/kol-input-file.entry.js +1 -1
- package/dist/kolibri/kol-input-file.entry.js.map +1 -1
- package/dist/kolibri/kol-input-number.entry.js +1 -1
- package/dist/kolibri/kol-input-number.entry.js.map +1 -1
- package/dist/kolibri/kol-input-password.entry.js +1 -1
- package/dist/kolibri/kol-input-password.entry.js.map +1 -1
- package/dist/kolibri/kol-input-radio.entry.js +1 -1
- package/dist/kolibri/kol-input-radio.entry.js.map +1 -1
- package/dist/kolibri/kol-input-range.entry.js +1 -1
- package/dist/kolibri/kol-input-range.entry.js.map +1 -1
- package/dist/kolibri/kol-input-text.entry.js +1 -1
- package/dist/kolibri/kol-input-text.entry.js.map +1 -1
- package/dist/kolibri/kol-kolibri.entry.js +1 -1
- package/dist/kolibri/kol-kolibri.entry.js.map +1 -1
- package/dist/kolibri/kol-link-button.entry.js +1 -1
- package/dist/kolibri/kol-link-button.entry.js.map +1 -1
- package/dist/kolibri/kol-link-wc.entry.js +1 -1
- package/dist/kolibri/kol-link-wc.entry.js.map +1 -1
- package/dist/kolibri/kol-link.entry.js +1 -1
- package/dist/kolibri/kol-link.entry.js.map +1 -1
- package/dist/kolibri/kol-modal.entry.js +1 -1
- package/dist/kolibri/kol-modal.entry.js.map +1 -1
- package/dist/kolibri/kol-nav.entry.js +1 -1
- package/dist/kolibri/kol-nav.entry.js.map +1 -1
- package/dist/kolibri/kol-pagination.entry.js +1 -1
- package/dist/kolibri/kol-pagination.entry.js.map +1 -1
- package/dist/kolibri/kol-popover-button-wc.entry.js +4 -0
- package/dist/kolibri/kol-popover-button-wc.entry.js.map +1 -0
- package/dist/kolibri/kol-popover-button.entry.js +1 -1
- package/dist/kolibri/kol-popover-button.entry.js.map +1 -1
- package/dist/kolibri/kol-popover-wc.entry.js +1 -1
- package/dist/kolibri/kol-popover-wc.entry.js.map +1 -1
- package/dist/kolibri/kol-progress.entry.js +1 -1
- package/dist/kolibri/kol-progress.entry.js.map +1 -1
- package/dist/kolibri/kol-quote.entry.js +1 -1
- package/dist/kolibri/kol-quote.entry.js.map +1 -1
- package/dist/kolibri/kol-select.entry.js +1 -1
- package/dist/kolibri/kol-select.entry.js.map +1 -1
- package/dist/kolibri/kol-single-select.entry.js +1 -1
- package/dist/kolibri/kol-single-select.entry.js.map +1 -1
- package/dist/kolibri/kol-skip-nav.entry.js +1 -1
- package/dist/kolibri/kol-skip-nav.entry.js.map +1 -1
- package/dist/kolibri/kol-spin.entry.js +1 -1
- package/dist/kolibri/kol-spin.entry.js.map +1 -1
- package/dist/kolibri/kol-split-button.entry.js +1 -1
- package/dist/kolibri/kol-split-button.entry.js.map +1 -1
- package/dist/kolibri/kol-table-settings-wc.entry.js +4 -0
- package/dist/kolibri/kol-table-settings-wc.entry.js.map +1 -0
- package/dist/kolibri/kol-table-stateful.entry.js +1 -1
- package/dist/kolibri/kol-table-stateful.entry.js.map +1 -1
- package/dist/kolibri/kol-table-stateless-wc.entry.js +1 -1
- package/dist/kolibri/kol-table-stateless-wc.entry.js.map +1 -1
- package/dist/kolibri/kol-table-stateless.entry.js +1 -1
- package/dist/kolibri/kol-table-stateless.entry.js.map +1 -1
- package/dist/kolibri/kol-tabs.entry.js +1 -1
- package/dist/kolibri/kol-tabs.entry.js.map +1 -1
- package/dist/kolibri/kol-textarea.entry.js +1 -1
- package/dist/kolibri/kol-textarea.entry.js.map +1 -1
- package/dist/kolibri/kol-toast-container.entry.js +1 -1
- package/dist/kolibri/kol-toast-container.entry.js.map +1 -1
- package/dist/kolibri/kol-toolbar.entry.js +1 -1
- package/dist/kolibri/kol-toolbar.entry.js.map +1 -1
- package/dist/kolibri/kol-tooltip-wc.entry.js +1 -1
- package/dist/kolibri/kol-tooltip-wc.entry.js.map +1 -1
- package/dist/kolibri/kol-tree-item-wc.entry.js +1 -1
- package/dist/kolibri/kol-tree-item-wc.entry.js.map +1 -1
- package/dist/kolibri/kol-tree-item.entry.js +1 -1
- package/dist/kolibri/kol-tree-item.entry.js.map +1 -1
- package/dist/kolibri/kol-tree-wc.entry.js +1 -1
- package/dist/kolibri/kol-tree-wc.entry.js.map +1 -1
- package/dist/kolibri/kol-tree.entry.js +1 -1
- package/dist/kolibri/kol-tree.entry.js.map +1 -1
- package/dist/kolibri/kol-version.entry.js +1 -1
- package/dist/kolibri/kol-version.entry.js.map +1 -1
- package/dist/kolibri/kolibri.esm.js +1 -1
- package/dist/kolibri/kolibri.esm.js.map +1 -1
- package/dist/kolibri/label-0219bcdb.js +4 -0
- package/dist/kolibri/open-d5b42a38.js +4 -0
- package/dist/kolibri/prop.validators-de1491c5.js +4 -0
- package/dist/kolibri/reuse-f46e7e35.js +4 -0
- package/dist/kolibri/reuse-f46e7e35.js.map +1 -0
- package/dist/kolibri/rows-4dc53b94.js +4 -0
- package/dist/kolibri/show-46145480.js +4 -0
- package/dist/kolibri/spell-check-d3f3ed29.js +4 -0
- package/dist/kolibri/suggestions-dc373440.js +4 -0
- package/dist/kolibri/table-settings-9d7f54fa.js +4 -0
- package/dist/kolibri/table-settings-9d7f54fa.js.map +1 -0
- package/dist/kolibri/test-component.entry.js +1 -1
- package/dist/kolibri/tooltip-align-f41ae17f.js +4 -0
- package/dist/kolibri/validation-1473d7f0.js +4 -0
- package/dist/kolibri/validation-70143d97.js +4 -0
- package/dist/types/components/@deprecated/input/controller.d.ts +3 -3
- package/dist/types/components/@deprecated/input/types-icon.d.ts +1 -1
- package/dist/types/components/@deprecated/input/types.d.ts +1 -2
- package/dist/types/components/abbr/shadow.d.ts +2 -5
- package/dist/types/components/accordion/shadow.d.ts +1 -1
- package/dist/types/components/alert/component.d.ts +1 -0
- package/dist/types/components/badge/shadow.d.ts +1 -0
- package/dist/types/components/button/component.d.ts +3 -0
- package/dist/types/components/button/shadow.d.ts +0 -2
- package/dist/types/components/button-link/shadow.d.ts +0 -2
- package/dist/types/components/card/shadow.d.ts +2 -1
- package/dist/types/components/combobox/shadow.d.ts +6 -8
- package/dist/types/components/component-list.d.ts +16 -2
- package/dist/types/components/details/shadow.d.ts +1 -2
- package/dist/types/components/drawer/shadow.d.ts +5 -5
- package/dist/types/components/form/shadow.d.ts +1 -0
- package/dist/types/components/heading/shadow.d.ts +9 -3
- package/dist/types/components/icon/bem.d.ts +16 -0
- package/dist/types/components/input/controller.d.ts +1 -1
- package/dist/types/components/input/types.d.ts +2 -2
- package/dist/types/components/input-adapter-leanup/controller.d.ts +0 -1
- package/dist/types/components/input-adapter-leanup/types.d.ts +0 -1
- package/dist/types/components/input-checkbox/shadow.d.ts +7 -11
- package/dist/types/components/input-color/shadow.d.ts +16 -11
- package/dist/types/components/input-date/shadow.d.ts +7 -10
- package/dist/types/components/input-email/shadow.d.ts +5 -10
- package/dist/types/components/input-file/controller.d.ts +0 -1
- package/dist/types/components/input-file/shadow.d.ts +11 -12
- package/dist/types/components/input-number/shadow.d.ts +12 -16
- package/dist/types/components/input-password/shadow.d.ts +6 -10
- package/dist/types/components/input-radio/shadow.d.ts +7 -11
- package/dist/types/components/input-range/shadow.d.ts +8 -10
- package/dist/types/components/input-text/shadow.d.ts +7 -10
- package/dist/types/components/link/component.d.ts +4 -3
- package/dist/types/components/link/shadow.d.ts +0 -2
- package/dist/types/components/link-button/shadow.d.ts +0 -2
- package/dist/types/components/modal/shadow.d.ts +5 -3
- package/dist/types/components/pagination/shadow.d.ts +1 -0
- package/dist/types/components/popover-button/component.d.ts +40 -0
- package/dist/types/components/popover-button/shadow.d.ts +3 -13
- package/dist/types/components/select/shadow.d.ts +5 -9
- package/dist/types/components/single-select/shadow.d.ts +7 -8
- package/dist/types/components/split-button/shadow.d.ts +0 -1
- package/dist/types/components/table-stateful/shadow.d.ts +6 -6
- package/dist/types/components/table-stateless/component.d.ts +20 -3
- package/dist/types/components/table-stateless/shadow.d.ts +5 -2
- package/dist/types/components/table-stateless/table-settings.d.ts +18 -0
- package/dist/types/components/textarea/shadow.d.ts +5 -10
- package/dist/types/components.d.ts +401 -1275
- package/dist/types/core/component-names.d.ts +3 -11
- package/dist/types/functional-component-wrappers/CheckboxStateWrapper/CheckboxStateWrapper.d.ts +10 -0
- package/dist/types/functional-component-wrappers/CheckboxStateWrapper/index.d.ts +1 -0
- package/dist/types/functional-component-wrappers/FieldControlStateWrapper/FieldControlStateWrapper.d.ts +9 -0
- package/dist/types/functional-component-wrappers/FieldControlStateWrapper/index.d.ts +1 -0
- package/dist/types/functional-component-wrappers/FormFieldStateWrapper/FormFieldStateWrapper.d.ts +9 -0
- package/dist/types/functional-component-wrappers/FormFieldStateWrapper/index.d.ts +1 -0
- package/dist/types/functional-component-wrappers/InputContainerStateWrapper/InputContainerStateWrapper.d.ts +9 -0
- package/dist/types/functional-component-wrappers/InputContainerStateWrapper/index.d.ts +1 -0
- package/dist/types/functional-component-wrappers/InputStateWrapper/InputStateWrapper.d.ts +10 -0
- package/dist/types/functional-component-wrappers/InputStateWrapper/index.d.ts +1 -0
- package/dist/types/functional-component-wrappers/SelectStateWrapper/SelectStateWrapper.d.ts +8 -0
- package/dist/types/functional-component-wrappers/SelectStateWrapper/index.d.ts +1 -0
- package/dist/types/functional-component-wrappers/TextAreaStateWrapper/TextAreaStateWrapper.d.ts +8 -0
- package/dist/types/functional-component-wrappers/TextAreaStateWrapper/index.d.ts +1 -0
- package/dist/types/functional-component-wrappers/_helpers/getRenderStates.d.ts +11 -0
- package/dist/types/functional-components/Alert/Alert.d.ts +2 -2
- package/dist/types/functional-components/Alert/bem.d.ts +29 -0
- package/dist/types/functional-components/Button/Button.d.ts +9 -0
- package/dist/types/functional-components/Button/index.d.ts +1 -0
- package/dist/types/functional-components/Button/tests/snapshot.test.d.ts +1 -0
- package/dist/types/functional-components/Collapsible/Collapsible.d.ts +1 -1
- package/dist/types/functional-components/CustomSuggestionsOption/CustomSuggestionsOption.d.ts +11 -0
- package/dist/types/functional-components/CustomSuggestionsOption/index.d.ts +1 -0
- package/dist/types/functional-components/CustomSuggestionsOption/test/snapshot.test.d.ts +1 -0
- package/dist/types/functional-components/CustomSuggestionsOptionsGroup/CustomSuggestionsOptionsGroup.d.ts +7 -0
- package/dist/types/functional-components/CustomSuggestionsOptionsGroup/index.d.ts +1 -0
- package/dist/types/functional-components/CustomSuggestionsOptionsGroup/test/snapshot.test.d.ts +1 -0
- package/dist/types/functional-components/CustomSuggestionsToggle/CustomSuggestionsToggle.d.ts +7 -0
- package/dist/types/functional-components/CustomSuggestionsToggle/index.d.ts +1 -0
- package/dist/types/functional-components/CustomSuggestionsToggle/test/snapshot.test.d.ts +1 -0
- package/dist/types/functional-components/FieldControl/FieldControl.d.ts +31 -0
- package/dist/types/functional-components/FieldControl/index.d.ts +1 -0
- package/dist/types/functional-components/FormField/FormField.d.ts +41 -0
- package/dist/types/functional-components/FormField/index.d.ts +1 -0
- package/dist/types/functional-components/FormField/tests/snapshot.test.d.ts +1 -0
- package/dist/types/functional-components/FormFieldCounter/FormFieldCounter.d.ts +8 -0
- package/dist/types/functional-components/FormFieldCounter/index.d.ts +1 -0
- package/dist/types/functional-components/FormFieldCounter/tests/snapshot.test.d.ts +1 -0
- package/dist/types/functional-components/FormFieldHint/FormFieldHint.d.ts +8 -0
- package/dist/types/functional-components/FormFieldHint/index.d.ts +1 -0
- package/dist/types/functional-components/FormFieldHint/tests/snapshot.test.d.ts +1 -0
- package/dist/types/functional-components/FormFieldLabel/FormFieldLabel.d.ts +18 -0
- package/dist/types/functional-components/FormFieldLabel/index.d.ts +1 -0
- package/dist/types/functional-components/FormFieldLabel/tests/snapshot.test.d.ts +1 -0
- package/dist/types/functional-components/FormFieldMsg/FormFieldMsg.d.ts +7 -6
- package/dist/types/functional-components/FormFieldMsg/tests/snapshort.test.d.ts +1 -0
- package/dist/types/functional-components/FormFieldTooltip/FormFieldTooltip.d.ts +12 -0
- package/dist/types/functional-components/FormFieldTooltip/index.d.ts +1 -0
- package/dist/types/functional-components/FormFieldTooltip/tests/snapshort.test.d.ts +1 -0
- package/dist/types/functional-components/Heading/Heading.d.ts +21 -0
- package/dist/types/functional-components/Heading/index.d.ts +1 -0
- package/dist/types/functional-components/Heading/test/Heading.test.d.ts +1 -0
- package/dist/types/functional-components/Heading/test/snapshot.test.d.ts +1 -0
- package/dist/types/functional-components/Icon/Icon.d.ts +11 -0
- package/dist/types/functional-components/Icon/index.d.ts +1 -0
- package/dist/types/functional-components/Icon/tests/snapshot.test.d.ts +1 -0
- package/dist/types/functional-components/IconButton/IconButton.d.ts +19 -0
- package/dist/types/functional-components/IconButton/index.d.ts +1 -0
- package/dist/types/functional-components/IconButton/tests/snapshot.test.d.ts +1 -0
- package/dist/types/functional-components/InputAdornment/InputAdornment.d.ts +7 -0
- package/dist/types/functional-components/InputAdornment/index.d.ts +1 -0
- package/dist/types/functional-components/InputAdornment/tests/snapshot.test.d.ts +1 -0
- package/dist/types/functional-components/InputContainer/InputContainer.d.ts +16 -0
- package/dist/types/functional-components/InputContainer/index.d.ts +1 -0
- package/dist/types/functional-components/InputContainer/tests/snapshot.test.d.ts +1 -0
- package/dist/types/functional-components/InternalUnderlinedBadgeText/InternalUnderlinedBadgeText.d.ts +8 -0
- package/dist/types/functional-components/InternalUnderlinedBadgeText/index.d.ts +1 -0
- package/dist/types/functional-components/Span/IconHelper.d.ts +6 -0
- package/dist/types/functional-components/Span/LabelHelper.d.ts +9 -0
- package/dist/types/functional-components/Span/Span.d.ts +12 -0
- package/dist/types/functional-components/Span/SpanCoreHelper.d.ts +9 -0
- package/dist/types/functional-components/Span/index.d.ts +1 -0
- package/dist/types/functional-components/Span/test/snapshot.test.d.ts +1 -0
- package/dist/types/functional-components/Suggestions/Suggestions.d.ts +9 -0
- package/dist/types/functional-components/Suggestions/index.d.ts +1 -0
- package/dist/types/functional-components/Suggestions/tests/snapshot.test.d.ts +1 -0
- package/dist/types/functional-components/ToastItem/ToastItem.d.ts +10 -0
- package/dist/types/functional-components/ToastItem/index.d.ts +1 -0
- package/dist/types/functional-components/ToastItem/tests/snapshot.test.d.ts +1 -0
- package/dist/types/functional-components/index.d.ts +1 -1
- package/dist/types/functional-components/inputs/Checkbox/Checkbox.d.ts +10 -0
- package/dist/types/functional-components/inputs/Checkbox/index.d.ts +1 -0
- package/dist/types/functional-components/inputs/Combobox/Combobox.d.ts +10 -0
- package/dist/types/functional-components/inputs/Input/Input.d.ts +16 -0
- package/dist/types/functional-components/inputs/Input/index.d.ts +1 -0
- package/dist/types/functional-components/inputs/Input/tests/snapshot.test.d.ts +1 -0
- package/dist/types/functional-components/inputs/NativeOption/NativeOption.d.ts +12 -0
- package/dist/types/functional-components/inputs/NativeOption/index.d.ts +1 -0
- package/dist/types/functional-components/inputs/NativeOption/tests/snapshot.test.d.ts +1 -0
- package/dist/types/functional-components/inputs/NativeOptionList/NativeOptionList.d.ts +14 -0
- package/dist/types/functional-components/inputs/NativeOptionList/index.d.ts +1 -0
- package/dist/types/functional-components/inputs/NativeOptionList/tests/snapshot.test.d.ts +1 -0
- package/dist/types/functional-components/inputs/NativeSelect/NativeSelect.d.ts +12 -0
- package/dist/types/functional-components/inputs/NativeSelect/index.d.ts +1 -0
- package/dist/types/functional-components/inputs/NativeSelect/tests/snapshot.test.d.ts +1 -0
- package/dist/types/functional-components/inputs/TextArea/TextArea.d.ts +11 -0
- package/dist/types/functional-components/inputs/TextArea/index.d.ts +1 -0
- package/dist/types/functional-components/inputs/TextArea/tests/snapshot.test.d.ts +1 -0
- package/dist/types/functional-components/inputs/_helpers/getDefaultProps.d.ts +11 -0
- package/dist/types/functional-components/inputs/_helpers/getDefaultProps.test.d.ts +1 -0
- package/dist/types/functional-components/inputs/_types/index.d.ts +6 -0
- package/dist/types/index.d.ts +3 -0
- package/dist/types/locales/de.d.ts +10 -0
- package/dist/types/locales/en.d.ts +10 -0
- package/dist/types/schema/components/abbr.d.ts +3 -3
- package/dist/types/schema/components/badge.d.ts +5 -3
- package/dist/types/schema/components/button.d.ts +1 -0
- package/dist/types/schema/components/combobox.d.ts +3 -6
- package/dist/types/schema/components/form.d.ts +3 -3
- package/dist/types/schema/components/icon.d.ts +1 -0
- package/dist/types/schema/components/index.d.ts +1 -1
- package/dist/types/schema/components/input-checkbox.d.ts +3 -8
- package/dist/types/schema/components/input-color.d.ts +3 -8
- package/dist/types/schema/components/input-date.d.ts +3 -6
- package/dist/types/schema/components/input-email.d.ts +3 -8
- package/dist/types/schema/components/input-file.d.ts +3 -10
- package/dist/types/schema/components/input-number.d.ts +4 -7
- package/dist/types/schema/components/input-password.d.ts +3 -8
- package/dist/types/schema/components/input-radio.d.ts +3 -8
- package/dist/types/schema/components/input-range.d.ts +3 -8
- package/dist/types/schema/components/input-text.d.ts +3 -8
- package/dist/types/schema/components/input.d.ts +2 -3
- package/dist/types/schema/components/link-button.d.ts +2 -2
- package/dist/types/schema/components/link.d.ts +1 -6
- package/dist/types/schema/components/modal.d.ts +3 -4
- package/dist/types/schema/components/pagination.d.ts +2 -2
- package/dist/types/schema/components/select.d.ts +3 -7
- package/dist/types/schema/components/single-select.d.ts +4 -8
- package/dist/types/schema/components/table.d.ts +10 -18
- package/dist/types/schema/components/tableStateless.d.ts +7 -9
- package/dist/types/schema/components/tabs.d.ts +3 -3
- package/dist/types/schema/components/textarea.d.ts +4 -10
- package/dist/types/schema/components/toaster.d.ts +0 -2
- package/dist/types/schema/enums/index.d.ts +1 -1
- package/dist/types/schema/index.d.ts +1 -1
- package/dist/types/schema/interfaces/EventDetail.d.ts +4 -0
- package/dist/types/schema/props/accordion-callbacks.d.ts +2 -2
- package/dist/types/schema/props/alert.d.ts +0 -2
- package/dist/types/schema/props/aria-has-popup.d.ts +3 -0
- package/dist/types/schema/props/button-callbacks.d.ts +3 -3
- package/dist/types/schema/props/details-callbacks.d.ts +2 -2
- package/dist/types/schema/props/hide-msg.d.ts +7 -0
- package/dist/types/schema/props/index.d.ts +1 -1
- package/dist/types/schema/props/link-on-callbacks.d.ts +2 -2
- package/dist/types/schema/props/min-width.d.ts +7 -0
- package/dist/types/schema/props/msg.d.ts +6 -1
- package/dist/types/schema/props/popover-callbacks.d.ts +2 -2
- package/dist/types/schema/props/table-callbacks.d.ts +4 -4
- package/dist/types/schema/props/table-settings.d.ts +7 -0
- package/dist/types/schema/props/variant/modal.d.ts +8 -0
- package/dist/types/schema/tag-names.d.ts +45 -48
- package/dist/types/schema/types/icons.d.ts +1 -1
- package/dist/types/schema/types/index.d.ts +1 -1
- package/dist/types/schema/types/input/control/number.d.ts +2 -5
- package/dist/types/schema/types/input/types.d.ts +6 -6
- package/dist/types/schema/types/table-settings.d.ts +10 -0
- package/dist/types/schema/types/table.d.ts +1 -1
- package/dist/types/utils/events.d.ts +20 -5
- package/doc/abbr.md +7 -48
- package/doc/accordion.md +1 -118
- package/doc/alert.md +2 -86
- package/doc/avatar.md +1 -45
- package/doc/badge.md +1 -96
- package/doc/breadcrumb.md +1 -84
- package/doc/button-link.md +1 -59
- package/doc/button.md +1 -128
- package/doc/card.md +2 -66
- package/doc/combobox.md +21 -72
- package/doc/components.md +1 -1
- package/doc/details.md +1 -99
- package/doc/drawer.md +1 -127
- package/doc/form.md +1 -21
- package/doc/heading.md +5 -38
- package/doc/icon.md +1 -43
- package/doc/image.md +1 -51
- package/doc/input-checkbox.md +26 -116
- package/doc/input-color.md +21 -77
- package/doc/input-date.md +27 -138
- package/doc/input-email.md +28 -105
- package/doc/input-file.md +21 -98
- package/doc/input-number.md +27 -95
- package/doc/input-password.md +27 -96
- package/doc/input-radio.md +20 -129
- package/doc/input-range.md +23 -110
- package/doc/input-text.md +29 -121
- package/doc/kolibri.md +1 -18
- package/doc/link-button.md +1 -37
- package/doc/link.md +1 -82
- package/doc/modal.md +7 -97
- package/doc/nav.md +1 -110
- package/doc/pagination.md +1 -42
- package/doc/popover-button.md +14 -2
- package/doc/progress.md +1 -41
- package/doc/quote.md +1 -63
- package/doc/select.md +23 -148
- package/doc/single-select.md +22 -52
- package/doc/skip-nav.md +1 -50
- package/doc/spin.md +1 -113
- package/doc/split-button.md +1 -25
- package/doc/table-stateful.md +14 -200
- package/doc/table-stateless.md +11 -81
- package/doc/tabs.md +1 -89
- package/doc/textarea.md +4 -89
- package/doc/toaster.md +4 -74
- package/doc/toolbar.md +1 -46
- package/doc/tree-item.md +1 -3
- package/doc/tree.md +1 -70
- package/doc/version.md +1 -23
- package/package.json +6 -4
- package/vscode-custom-data.json +305 -520
- package/dist/cjs/Alert-96b369f4.js +0 -4
- package/dist/cjs/Alert-96b369f4.js.map +0 -1
- package/dist/cjs/Collapsible-8b3c4050.js +0 -4
- package/dist/cjs/Collapsible-8b3c4050.js.map +0 -1
- package/dist/cjs/FormFieldMsg-f54e236a.js +0 -4
- package/dist/cjs/FormFieldMsg-f54e236a.js.map +0 -1
- package/dist/cjs/InternalUnderlinedBadgeText-5bf32805.js +0 -4
- package/dist/cjs/InternalUnderlinedBadgeText-5bf32805.js.map +0 -1
- package/dist/cjs/access-and-short-key-6155af7d.js +0 -4
- package/dist/cjs/access-and-short-key-6155af7d.js.map +0 -1
- package/dist/cjs/align-a9f24187.js +0 -4
- package/dist/cjs/align-a9f24187.js.map +0 -1
- package/dist/cjs/align-floating-elements-74691aff.js +0 -4
- package/dist/cjs/align-floating-elements-74691aff.js.map +0 -1
- package/dist/cjs/app-globals-52debe8b.js +0 -4
- package/dist/cjs/app-globals-52debe8b.js.map +0 -1
- package/dist/cjs/associated.controller-2005f7f0.js +0 -4
- package/dist/cjs/associated.controller-2005f7f0.js.map +0 -1
- package/dist/cjs/badge-text-9d12359c.js +0 -4
- package/dist/cjs/badge-text-9d12359c.js.map +0 -1
- package/dist/cjs/bund-4be96755.js +0 -4
- package/dist/cjs/bund-4be96755.js.map +0 -1
- package/dist/cjs/button-variant-10ad2503.js +0 -4
- package/dist/cjs/button-variant-10ad2503.js.map +0 -1
- package/dist/cjs/color-327a493c.js +0 -4
- package/dist/cjs/color-327a493c.js.map +0 -1
- package/dist/cjs/component-names-2c750b1b.js +0 -4
- package/dist/cjs/component-names-2c750b1b.js.map +0 -1
- package/dist/cjs/controller-20541e1e.js +0 -4
- package/dist/cjs/controller-20541e1e.js.map +0 -1
- package/dist/cjs/controller-3c347f5b.js +0 -4
- package/dist/cjs/controller-3c347f5b.js.map +0 -1
- package/dist/cjs/controller-8d407dee.js +0 -4
- package/dist/cjs/controller-8d407dee.js.map +0 -1
- package/dist/cjs/controller-b8eea6f7.js +0 -4
- package/dist/cjs/controller-b8eea6f7.js.map +0 -1
- package/dist/cjs/controller-d7e8fba5.js +0 -4
- package/dist/cjs/controller-d7e8fba5.js.map +0 -1
- package/dist/cjs/controller-icon-a88486d3.js +0 -4
- package/dist/cjs/controller-icon-a88486d3.js.map +0 -1
- package/dist/cjs/custom-class-1bd0519a.js +0 -4
- package/dist/cjs/custom-class-1bd0519a.js.map +0 -1
- package/dist/cjs/dev.utils-17f58b75.js +0 -4
- package/dist/cjs/dev.utils-17f58b75.js.map +0 -1
- package/dist/cjs/devtools-55284fd6.js +0 -4
- package/dist/cjs/devtools-55284fd6.js.map +0 -1
- package/dist/cjs/disabled-0ee19649.js +0 -4
- package/dist/cjs/disabled-0ee19649.js.map +0 -1
- package/dist/cjs/events-221fcb43.js +0 -4
- package/dist/cjs/events-221fcb43.js.map +0 -1
- package/dist/cjs/events-2a23336e.js +0 -4
- package/dist/cjs/events-2a23336e.js.map +0 -1
- package/dist/cjs/has-closer-51ccf77f.js +0 -4
- package/dist/cjs/has-closer-51ccf77f.js.map +0 -1
- package/dist/cjs/has-counter-8679115c.js +0 -4
- package/dist/cjs/has-counter-8679115c.js.map +0 -1
- package/dist/cjs/hide-label-a9a94f19.js +0 -4
- package/dist/cjs/hide-label-a9a94f19.js.map +0 -1
- package/dist/cjs/href-c14d2c3e.js +0 -4
- package/dist/cjs/href-c14d2c3e.js.map +0 -1
- package/dist/cjs/i18n-3219485c.js +0 -4
- package/dist/cjs/i18n-3219485c.js.map +0 -1
- package/dist/cjs/i18n-5f0ed6ed.js +0 -4
- package/dist/cjs/i18n-5f0ed6ed.js.map +0 -1
- package/dist/cjs/icons-cfdc392f.js +0 -4
- package/dist/cjs/icons-cfdc392f.js.map +0 -1
- package/dist/cjs/image-source-3b5f1388.js +0 -4
- package/dist/cjs/image-source-3b5f1388.js.map +0 -1
- package/dist/cjs/index-c77a4142.js +0 -4
- package/dist/cjs/index-c77a4142.js.map +0 -1
- package/dist/cjs/index-cb5cbda1.js +0 -4
- package/dist/cjs/index-cb5cbda1.js.map +0 -1
- package/dist/cjs/kol-button-group-wc.cjs.entry.js +0 -4
- package/dist/cjs/kol-button-group-wc.cjs.entry.js.map +0 -1
- package/dist/cjs/kol-button-group.cjs.entry.js +0 -4
- package/dist/cjs/kol-button-group.cjs.entry.js.map +0 -1
- package/dist/cjs/kol-heading-wc.cjs.entry.js +0 -4
- package/dist/cjs/kol-heading-wc.cjs.entry.js.map +0 -1
- package/dist/cjs/kol-indented-text-wc.cjs.entry.js +0 -4
- package/dist/cjs/kol-indented-text-wc.cjs.entry.js.map +0 -1
- package/dist/cjs/kol-indented-text.cjs.entry.js +0 -4
- package/dist/cjs/kol-indented-text.cjs.entry.js.map +0 -1
- package/dist/cjs/kol-input.cjs.entry.js +0 -4
- package/dist/cjs/kol-input.cjs.entry.js.map +0 -1
- package/dist/cjs/kol-link-group.cjs.entry.js +0 -4
- package/dist/cjs/kol-link-group.cjs.entry.js.map +0 -1
- package/dist/cjs/kol-logo.cjs.entry.js +0 -4
- package/dist/cjs/kol-logo.cjs.entry.js.map +0 -1
- package/dist/cjs/kol-span-wc.cjs.entry.js +0 -4
- package/dist/cjs/kol-span-wc.cjs.entry.js.map +0 -1
- package/dist/cjs/kol-symbol.cjs.entry.js +0 -4
- package/dist/cjs/kol-symbol.cjs.entry.js.map +0 -1
- package/dist/cjs/kol-table.cjs.entry.js +0 -4
- package/dist/cjs/kol-table.cjs.entry.js.map +0 -1
- package/dist/cjs/label-3ce275fe.js +0 -4
- package/dist/cjs/label-3ce275fe.js.map +0 -1
- package/dist/cjs/open-e08280be.js +0 -4
- package/dist/cjs/open-e08280be.js.map +0 -1
- package/dist/cjs/prop.validators-3c86f8eb.js +0 -4
- package/dist/cjs/prop.validators-3c86f8eb.js.map +0 -1
- package/dist/cjs/reuse-8cfefa9b.js +0 -4
- package/dist/cjs/reuse-8cfefa9b.js.map +0 -1
- package/dist/cjs/rows-24ccf646.js +0 -4
- package/dist/cjs/rows-24ccf646.js.map +0 -1
- package/dist/cjs/show-0625d136.js +0 -4
- package/dist/cjs/show-0625d136.js.map +0 -1
- package/dist/cjs/spell-check-d54fcffc.js +0 -4
- package/dist/cjs/spell-check-d54fcffc.js.map +0 -1
- package/dist/cjs/suggestions-eccef9c3.js +0 -4
- package/dist/cjs/suggestions-eccef9c3.js.map +0 -1
- package/dist/cjs/tooltip-align-5aee86e8.js +0 -4
- package/dist/cjs/tooltip-align-5aee86e8.js.map +0 -1
- package/dist/cjs/validation-2820e912.js +0 -4
- package/dist/cjs/validation-2820e912.js.map +0 -1
- package/dist/cjs/validation-bcb18e67.js +0 -4
- package/dist/cjs/validation-bcb18e67.js.map +0 -1
- package/dist/components/FormFieldMsg.js +0 -4
- package/dist/components/FormFieldMsg.js.map +0 -1
- package/dist/components/badge-text.js +0 -4
- package/dist/components/badge-text.js.map +0 -1
- package/dist/components/bund.js +0 -4
- package/dist/components/bund.js.map +0 -1
- package/dist/components/controller-icon.js +0 -4
- package/dist/components/controller-icon.js.map +0 -1
- package/dist/components/controller5.js +0 -4
- package/dist/components/controller5.js.map +0 -1
- package/dist/components/events2.js +0 -4
- package/dist/components/events2.js.map +0 -1
- package/dist/components/kol-button-group-wc.d.ts +0 -11
- package/dist/components/kol-button-group-wc.js +0 -4
- package/dist/components/kol-button-group-wc.js.map +0 -1
- package/dist/components/kol-button-group.d.ts +0 -11
- package/dist/components/kol-button-group.js +0 -4
- package/dist/components/kol-button-group.js.map +0 -1
- package/dist/components/kol-heading-wc.d.ts +0 -11
- package/dist/components/kol-heading-wc.js +0 -4
- package/dist/components/kol-heading-wc.js.map +0 -1
- package/dist/components/kol-indented-text-wc.d.ts +0 -11
- package/dist/components/kol-indented-text-wc.js +0 -4
- package/dist/components/kol-indented-text-wc.js.map +0 -1
- package/dist/components/kol-indented-text.d.ts +0 -11
- package/dist/components/kol-indented-text.js +0 -4
- package/dist/components/kol-indented-text.js.map +0 -1
- package/dist/components/kol-input.d.ts +0 -11
- package/dist/components/kol-input.js +0 -4
- package/dist/components/kol-input.js.map +0 -1
- package/dist/components/kol-link-group.d.ts +0 -11
- package/dist/components/kol-link-group.js +0 -4
- package/dist/components/kol-link-group.js.map +0 -1
- package/dist/components/kol-logo.d.ts +0 -11
- package/dist/components/kol-logo.js +0 -4
- package/dist/components/kol-logo.js.map +0 -1
- package/dist/components/kol-span-wc.d.ts +0 -11
- package/dist/components/kol-span-wc.js +0 -4
- package/dist/components/kol-span-wc.js.map +0 -1
- package/dist/components/kol-symbol.d.ts +0 -11
- package/dist/components/kol-symbol.js +0 -4
- package/dist/components/kol-symbol.js.map +0 -1
- package/dist/components/kol-table.d.ts +0 -11
- package/dist/components/kol-table.js +0 -4
- package/dist/components/kol-table.js.map +0 -1
- package/dist/esm/Alert-69d3fb7c.js +0 -4
- package/dist/esm/Alert-69d3fb7c.js.map +0 -1
- package/dist/esm/Collapsible-a6f9d7da.js +0 -4
- package/dist/esm/Collapsible-a6f9d7da.js.map +0 -1
- package/dist/esm/FormFieldMsg-555f329f.js +0 -4
- package/dist/esm/FormFieldMsg-555f329f.js.map +0 -1
- package/dist/esm/InternalUnderlinedBadgeText-868a81c0.js +0 -4
- package/dist/esm/InternalUnderlinedBadgeText-868a81c0.js.map +0 -1
- package/dist/esm/access-and-short-key-16c1f3d9.js +0 -4
- package/dist/esm/access-and-short-key-16c1f3d9.js.map +0 -1
- package/dist/esm/align-eeb4ecdd.js +0 -4
- package/dist/esm/align-eeb4ecdd.js.map +0 -1
- package/dist/esm/align-floating-elements-ae4deaae.js +0 -4
- package/dist/esm/align-floating-elements-ae4deaae.js.map +0 -1
- package/dist/esm/app-globals-2d0926bd.js +0 -4
- package/dist/esm/app-globals-2d0926bd.js.map +0 -1
- package/dist/esm/associated.controller-3b160a7e.js +0 -4
- package/dist/esm/associated.controller-3b160a7e.js.map +0 -1
- package/dist/esm/badge-text-91fe6f6c.js +0 -4
- package/dist/esm/badge-text-91fe6f6c.js.map +0 -1
- package/dist/esm/bund-ad41b762.js +0 -4
- package/dist/esm/bund-ad41b762.js.map +0 -1
- package/dist/esm/button-variant-a4270d4a.js +0 -4
- package/dist/esm/button-variant-a4270d4a.js.map +0 -1
- package/dist/esm/color-c32d99db.js +0 -4
- package/dist/esm/color-c32d99db.js.map +0 -1
- package/dist/esm/common-0f1f2276.js +0 -4
- package/dist/esm/common-0f1f2276.js.map +0 -1
- package/dist/esm/component-names-4cb1c62b.js +0 -4
- package/dist/esm/component-names-4cb1c62b.js.map +0 -1
- package/dist/esm/controller-30593aa8.js +0 -4
- package/dist/esm/controller-30593aa8.js.map +0 -1
- package/dist/esm/controller-63e3499d.js +0 -4
- package/dist/esm/controller-63e3499d.js.map +0 -1
- package/dist/esm/controller-80316c73.js +0 -4
- package/dist/esm/controller-80316c73.js.map +0 -1
- package/dist/esm/controller-823a2e8d.js +0 -4
- package/dist/esm/controller-823a2e8d.js.map +0 -1
- package/dist/esm/controller-8ee06262.js +0 -4
- package/dist/esm/controller-8ee06262.js.map +0 -1
- package/dist/esm/controller-icon-0a8dd3ac.js +0 -4
- package/dist/esm/controller-icon-0a8dd3ac.js.map +0 -1
- package/dist/esm/custom-class-c7abcffc.js +0 -4
- package/dist/esm/custom-class-c7abcffc.js.map +0 -1
- package/dist/esm/dev.utils-c278c4ae.js +0 -4
- package/dist/esm/dev.utils-c278c4ae.js.map +0 -1
- package/dist/esm/devtools-35fb12ed.js +0 -4
- package/dist/esm/devtools-35fb12ed.js.map +0 -1
- package/dist/esm/disabled-11f5f213.js +0 -4
- package/dist/esm/disabled-11f5f213.js.map +0 -1
- package/dist/esm/events-29e84d75.js +0 -4
- package/dist/esm/events-29e84d75.js.map +0 -1
- package/dist/esm/events-3c3b4721.js +0 -4
- package/dist/esm/events-3c3b4721.js.map +0 -1
- package/dist/esm/has-closer-b582e72a.js +0 -4
- package/dist/esm/has-closer-b582e72a.js.map +0 -1
- package/dist/esm/has-counter-0ab5f398.js +0 -4
- package/dist/esm/has-counter-0ab5f398.js.map +0 -1
- package/dist/esm/hide-label-90b37cc2.js +0 -4
- package/dist/esm/hide-label-90b37cc2.js.map +0 -1
- package/dist/esm/href-8bd5e6c9.js +0 -4
- package/dist/esm/href-8bd5e6c9.js.map +0 -1
- package/dist/esm/i18n-31adef87.js +0 -4
- package/dist/esm/i18n-31adef87.js.map +0 -1
- package/dist/esm/i18n-eef4b287.js +0 -4
- package/dist/esm/i18n-eef4b287.js.map +0 -1
- package/dist/esm/icons-b21fdac0.js +0 -4
- package/dist/esm/icons-b21fdac0.js.map +0 -1
- package/dist/esm/image-source-6cc4aef4.js +0 -4
- package/dist/esm/image-source-6cc4aef4.js.map +0 -1
- package/dist/esm/index-5879a66b.js +0 -4
- package/dist/esm/index-5879a66b.js.map +0 -1
- package/dist/esm/index-6d801dad.js +0 -4
- package/dist/esm/index-6d801dad.js.map +0 -1
- package/dist/esm/kol-button-group-wc.entry.js +0 -4
- package/dist/esm/kol-button-group-wc.entry.js.map +0 -1
- package/dist/esm/kol-button-group.entry.js +0 -4
- package/dist/esm/kol-button-group.entry.js.map +0 -1
- package/dist/esm/kol-heading-wc.entry.js +0 -4
- package/dist/esm/kol-heading-wc.entry.js.map +0 -1
- package/dist/esm/kol-indented-text-wc.entry.js +0 -4
- package/dist/esm/kol-indented-text-wc.entry.js.map +0 -1
- package/dist/esm/kol-indented-text.entry.js +0 -4
- package/dist/esm/kol-indented-text.entry.js.map +0 -1
- package/dist/esm/kol-input.entry.js +0 -4
- package/dist/esm/kol-input.entry.js.map +0 -1
- package/dist/esm/kol-link-group.entry.js +0 -4
- package/dist/esm/kol-link-group.entry.js.map +0 -1
- package/dist/esm/kol-logo.entry.js +0 -4
- package/dist/esm/kol-logo.entry.js.map +0 -1
- package/dist/esm/kol-span-wc.entry.js +0 -4
- package/dist/esm/kol-span-wc.entry.js.map +0 -1
- package/dist/esm/kol-symbol.entry.js +0 -4
- package/dist/esm/kol-symbol.entry.js.map +0 -1
- package/dist/esm/kol-table.entry.js +0 -4
- package/dist/esm/kol-table.entry.js.map +0 -1
- package/dist/esm/label-90c13388.js +0 -4
- package/dist/esm/label-90c13388.js.map +0 -1
- package/dist/esm/open-4d9f16d0.js +0 -4
- package/dist/esm/open-4d9f16d0.js.map +0 -1
- package/dist/esm/prop.validators-17aec743.js +0 -4
- package/dist/esm/prop.validators-17aec743.js.map +0 -1
- package/dist/esm/reuse-32931294.js +0 -4
- package/dist/esm/reuse-32931294.js.map +0 -1
- package/dist/esm/rows-f033b1b3.js +0 -4
- package/dist/esm/rows-f033b1b3.js.map +0 -1
- package/dist/esm/show-c115b1eb.js +0 -4
- package/dist/esm/show-c115b1eb.js.map +0 -1
- package/dist/esm/spell-check-27a3f91d.js +0 -4
- package/dist/esm/spell-check-27a3f91d.js.map +0 -1
- package/dist/esm/suggestions-04da2b2e.js +0 -4
- package/dist/esm/suggestions-04da2b2e.js.map +0 -1
- package/dist/esm/tooltip-align-d8ac9d69.js +0 -4
- package/dist/esm/tooltip-align-d8ac9d69.js.map +0 -1
- package/dist/esm/validation-16bfc143.js +0 -4
- package/dist/esm/validation-16bfc143.js.map +0 -1
- package/dist/esm/validation-81a4e752.js +0 -4
- package/dist/esm/validation-81a4e752.js.map +0 -1
- package/dist/kolibri/Alert-69d3fb7c.js +0 -4
- package/dist/kolibri/Alert-69d3fb7c.js.map +0 -1
- package/dist/kolibri/Collapsible-a6f9d7da.js +0 -4
- package/dist/kolibri/Collapsible-a6f9d7da.js.map +0 -1
- package/dist/kolibri/FormFieldMsg-555f329f.js +0 -4
- package/dist/kolibri/FormFieldMsg-555f329f.js.map +0 -1
- package/dist/kolibri/InternalUnderlinedBadgeText-868a81c0.js +0 -4
- package/dist/kolibri/InternalUnderlinedBadgeText-868a81c0.js.map +0 -1
- package/dist/kolibri/access-and-short-key-16c1f3d9.js +0 -4
- package/dist/kolibri/align-eeb4ecdd.js +0 -4
- package/dist/kolibri/align-floating-elements-ae4deaae.js +0 -4
- package/dist/kolibri/align-floating-elements-ae4deaae.js.map +0 -1
- package/dist/kolibri/app-globals-2d0926bd.js +0 -4
- package/dist/kolibri/app-globals-2d0926bd.js.map +0 -1
- package/dist/kolibri/associated.controller-3b160a7e.js +0 -4
- package/dist/kolibri/badge-text-91fe6f6c.js +0 -4
- package/dist/kolibri/badge-text-91fe6f6c.js.map +0 -1
- package/dist/kolibri/bund-ad41b762.js +0 -4
- package/dist/kolibri/bund-ad41b762.js.map +0 -1
- package/dist/kolibri/button-variant-a4270d4a.js +0 -4
- package/dist/kolibri/color-c32d99db.js +0 -4
- package/dist/kolibri/common-0f1f2276.js +0 -4
- package/dist/kolibri/component-names-4cb1c62b.js +0 -4
- package/dist/kolibri/component-names-4cb1c62b.js.map +0 -1
- package/dist/kolibri/controller-30593aa8.js +0 -4
- package/dist/kolibri/controller-63e3499d.js +0 -4
- package/dist/kolibri/controller-80316c73.js +0 -4
- package/dist/kolibri/controller-80316c73.js.map +0 -1
- package/dist/kolibri/controller-823a2e8d.js +0 -4
- package/dist/kolibri/controller-8ee06262.js +0 -4
- package/dist/kolibri/controller-8ee06262.js.map +0 -1
- package/dist/kolibri/controller-icon-0a8dd3ac.js +0 -4
- package/dist/kolibri/controller-icon-0a8dd3ac.js.map +0 -1
- package/dist/kolibri/custom-class-c7abcffc.js +0 -4
- package/dist/kolibri/dev.utils-c278c4ae.js +0 -4
- package/dist/kolibri/devtools-35fb12ed.js +0 -4
- package/dist/kolibri/disabled-11f5f213.js +0 -4
- package/dist/kolibri/events-29e84d75.js +0 -4
- package/dist/kolibri/events-29e84d75.js.map +0 -1
- package/dist/kolibri/events-3c3b4721.js +0 -4
- package/dist/kolibri/events-3c3b4721.js.map +0 -1
- package/dist/kolibri/has-closer-b582e72a.js +0 -4
- package/dist/kolibri/has-counter-0ab5f398.js +0 -4
- package/dist/kolibri/hide-label-90b37cc2.js +0 -4
- package/dist/kolibri/href-8bd5e6c9.js +0 -4
- package/dist/kolibri/i18n-31adef87.js +0 -4
- package/dist/kolibri/i18n-eef4b287.js +0 -4
- package/dist/kolibri/i18n-eef4b287.js.map +0 -1
- package/dist/kolibri/icons-b21fdac0.js +0 -4
- package/dist/kolibri/image-source-6cc4aef4.js +0 -4
- package/dist/kolibri/index-5879a66b.js +0 -5
- package/dist/kolibri/index-5879a66b.js.map +0 -1
- package/dist/kolibri/index-6d801dad.js +0 -4
- package/dist/kolibri/index-6d801dad.js.map +0 -1
- package/dist/kolibri/kol-button-group-wc.entry.js +0 -4
- package/dist/kolibri/kol-button-group-wc.entry.js.map +0 -1
- package/dist/kolibri/kol-button-group.entry.js +0 -4
- package/dist/kolibri/kol-button-group.entry.js.map +0 -1
- package/dist/kolibri/kol-heading-wc.entry.js +0 -4
- package/dist/kolibri/kol-heading-wc.entry.js.map +0 -1
- package/dist/kolibri/kol-indented-text-wc.entry.js +0 -4
- package/dist/kolibri/kol-indented-text-wc.entry.js.map +0 -1
- package/dist/kolibri/kol-indented-text.entry.js +0 -4
- package/dist/kolibri/kol-indented-text.entry.js.map +0 -1
- package/dist/kolibri/kol-input.entry.js +0 -4
- package/dist/kolibri/kol-input.entry.js.map +0 -1
- package/dist/kolibri/kol-link-group.entry.js +0 -4
- package/dist/kolibri/kol-link-group.entry.js.map +0 -1
- package/dist/kolibri/kol-logo.entry.js +0 -4
- package/dist/kolibri/kol-logo.entry.js.map +0 -1
- package/dist/kolibri/kol-span-wc.entry.js +0 -4
- package/dist/kolibri/kol-span-wc.entry.js.map +0 -1
- package/dist/kolibri/kol-symbol.entry.js +0 -4
- package/dist/kolibri/kol-symbol.entry.js.map +0 -1
- package/dist/kolibri/kol-table.entry.js +0 -4
- package/dist/kolibri/kol-table.entry.js.map +0 -1
- package/dist/kolibri/label-90c13388.js +0 -4
- package/dist/kolibri/open-4d9f16d0.js +0 -4
- package/dist/kolibri/prop.validators-17aec743.js +0 -4
- package/dist/kolibri/reuse-32931294.js +0 -4
- package/dist/kolibri/reuse-32931294.js.map +0 -1
- package/dist/kolibri/rows-f033b1b3.js +0 -4
- package/dist/kolibri/show-c115b1eb.js +0 -4
- package/dist/kolibri/spell-check-27a3f91d.js +0 -4
- package/dist/kolibri/suggestions-04da2b2e.js +0 -4
- package/dist/kolibri/tooltip-align-d8ac9d69.js +0 -4
- package/dist/kolibri/validation-16bfc143.js +0 -4
- package/dist/kolibri/validation-81a4e752.js +0 -4
- package/dist/types/components/button-group/component.d.ts +0 -6
- package/dist/types/components/button-group/shadow.d.ts +0 -5
- package/dist/types/components/heading/component.d.ts +0 -17
- package/dist/types/components/indented-text/component.d.ts +0 -6
- package/dist/types/components/indented-text/shadow.d.ts +0 -5
- package/dist/types/components/input/component.d.ts +0 -35
- package/dist/types/components/link-group/shadow.d.ts +0 -17
- package/dist/types/components/logo/shadow.d.ts +0 -10
- package/dist/types/components/logo/types.d.ts +0 -11
- package/dist/types/components/span/InternalUnderlinedBadgeText.d.ts +0 -7
- package/dist/types/components/span/component.d.ts +0 -17
- package/dist/types/components/symbol/component.d.ts +0 -11
- package/dist/types/components/table/shadow.d.ts +0 -15
- package/dist/types/components/toaster/InternalToast.d.ts +0 -9
- package/dist/types/schema/components/button-group.d.ts +0 -9
- package/dist/types/schema/components/indented-text.d.ts +0 -9
- package/dist/types/schema/components/link-group.d.ts +0 -22
- package/dist/types/schema/components/symbol.d.ts +0 -12
- package/dist/types/schema/enums/events.d.ts +0 -23
- package/dist/types/schema/props/hide-error.d.ts +0 -7
- package/doc/button-group.md +0 -96
- package/doc/indented-text.md +0 -52
- package/doc/link-group.md +0 -98
- package/doc/logo.md +0 -67
- package/doc/popover.md +0 -26
- package/doc/span.md +0 -32
- package/doc/symbol.md +0 -44
- package/doc/table.md +0 -201
- package/doc/tooltip.md +0 -47
- /package/dist/kolibri/{access-and-short-key-16c1f3d9.js.map → access-and-short-key-58467f3a.js.map} +0 -0
- /package/dist/kolibri/{align-eeb4ecdd.js.map → align-2f553440.js.map} +0 -0
- /package/dist/kolibri/{associated.controller-3b160a7e.js.map → associated.controller-a6273a44.js.map} +0 -0
- /package/dist/kolibri/{button-variant-a4270d4a.js.map → button-variant-22db3cae.js.map} +0 -0
- /package/dist/kolibri/{color-c32d99db.js.map → color-e2f76a18.js.map} +0 -0
- /package/dist/kolibri/{common-0f1f2276.js.map → common-54bf85ba.js.map} +0 -0
- /package/dist/kolibri/{controller-63e3499d.js.map → controller-04af0502.js.map} +0 -0
- /package/dist/kolibri/{controller-30593aa8.js.map → controller-1a508e22.js.map} +0 -0
- /package/dist/kolibri/{controller-823a2e8d.js.map → controller-b150dd8f.js.map} +0 -0
- /package/dist/kolibri/{custom-class-c7abcffc.js.map → custom-class-1ea7f6ba.js.map} +0 -0
- /package/dist/kolibri/{dev.utils-c278c4ae.js.map → dev.utils-869ad410.js.map} +0 -0
- /package/dist/kolibri/{devtools-35fb12ed.js.map → devtools-a9857e56.js.map} +0 -0
- /package/dist/kolibri/{disabled-11f5f213.js.map → disabled-bdfddd32.js.map} +0 -0
- /package/dist/kolibri/{has-closer-b582e72a.js.map → has-closer-1f00aaf3.js.map} +0 -0
- /package/dist/kolibri/{has-counter-0ab5f398.js.map → has-counter-46536f3c.js.map} +0 -0
- /package/dist/kolibri/{hide-label-90b37cc2.js.map → hide-label-8fc169d2.js.map} +0 -0
- /package/dist/kolibri/{href-8bd5e6c9.js.map → href-50f7d11b.js.map} +0 -0
- /package/dist/kolibri/{i18n-31adef87.js.map → i18n-efbafc80.js.map} +0 -0
- /package/dist/kolibri/{icons-b21fdac0.js.map → icons-d9615c78.js.map} +0 -0
- /package/dist/kolibri/{image-source-6cc4aef4.js.map → image-source-dc18dccc.js.map} +0 -0
- /package/dist/kolibri/{label-90c13388.js.map → label-0219bcdb.js.map} +0 -0
- /package/dist/kolibri/{open-4d9f16d0.js.map → open-d5b42a38.js.map} +0 -0
- /package/dist/kolibri/{prop.validators-17aec743.js.map → prop.validators-de1491c5.js.map} +0 -0
- /package/dist/kolibri/{rows-f033b1b3.js.map → rows-4dc53b94.js.map} +0 -0
- /package/dist/kolibri/{show-c115b1eb.js.map → show-46145480.js.map} +0 -0
- /package/dist/kolibri/{spell-check-27a3f91d.js.map → spell-check-d3f3ed29.js.map} +0 -0
- /package/dist/kolibri/{suggestions-04da2b2e.js.map → suggestions-dc373440.js.map} +0 -0
- /package/dist/kolibri/{tooltip-align-d8ac9d69.js.map → tooltip-align-f41ae17f.js.map} +0 -0
- /package/dist/kolibri/{validation-16bfc143.js.map → validation-1473d7f0.js.map} +0 -0
- /package/dist/kolibri/{validation-81a4e752.js.map → validation-70143d97.js.map} +0 -0
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["validatePopoverCallbacks","component","value","watchValidator","Set","KolPopover","this","hidePopoverByEscape","event","key","hidePopover","hidePopoverByClickOutside","host","contains","target","catchHostAndTriggerElement","element","triggerElement","previousElementSibling","catchPopoverElement","popoverElement","catchArrowElement","arrowElement","_align","_on","_show","_visible","showPopover","addListenersToBody","alignFloatingElements","align","referenceElement","floatingElement","state","Object","assign","_a","focus","removeListenersToBody","_c","_b","onClose","call","body","getDocument","addEventListener","document","scrollingElement","passive","removeEventListener","render","h","Host","ref","class","
|
1
|
+
{"version":3,"names":["validatePopoverCallbacks","component","value","watchValidator","Set","KolPopover","this","hidePopoverByEscape","event","key","hidePopover","hidePopoverByClickOutside","host","contains","target","catchHostAndTriggerElement","element","triggerElement","previousElementSibling","catchPopoverElement","popoverElement","catchArrowElement","arrowElement","_align","_on","_show","_visible","showPopover","addListenersToBody","alignFloatingElements","align","referenceElement","floatingElement","state","Object","assign","_a","focus","removeListenersToBody","_c","_b","onClose","call","dispatchDomEvent","KolEvent","close","body","getDocument","addEventListener","document","scrollingElement","passive","removeEventListener","render","h","Host","ref","class","clsx","hidden","validateAlign","validateOn","validateShow","componentWillLoad"],"sources":["src/schema/props/popover-callbacks.ts","src/components/popover/component.tsx"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\nimport type { Callback } from '../enums';\nimport type { EventCallback } from '../types/callbacks';\nimport { watchValidator } from '../utils';\n\n/* types */\nexport type PopoverCallbacksPropType = {\n\t[Callback.onClose]?: EventCallback<MouseEvent | KeyboardEvent>;\n};\n\n/**\n * Defines the callback functions for popover events.\n */\nexport type PropPopoverCallbacks = {\n\ton: PopoverCallbacksPropType;\n};\n\n/* validator */\nexport const validatePopoverCallbacks = (component: Generic.Element.Component, value?: PopoverCallbacksPropType): void => {\n\twatchValidator(component, `_on`, (value) => typeof value === 'object' && value !== null, new Set(['PopoverCallbacksPropType {Events.onClose}']), value);\n};\n","import type { AlignPropType, PopoverAPI, PopoverCallbacksPropType, PopoverStates, ShowPropType } from '../../schema';\nimport { getDocument, validateAlign, validatePopoverCallbacks, validateShow } from '../../schema';\nimport type { JSX } from '@stencil/core';\nimport { Component, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport { alignFloatingElements } from '../../utils/align-floating-elements';\nimport clsx from 'clsx';\nimport { dispatchDomEvent, KolEvent } from '../../utils/events';\n\n/**\n * @internal\n * @slot - The popover content.\n */\n@Component({\n\ttag: 'kol-popover-wc',\n\tshadow: false,\n})\nexport class KolPopover implements PopoverAPI {\n\tprivate arrowElement?: HTMLDivElement;\n\tprivate popoverElement?: HTMLDivElement;\n\tprivate triggerElement?: HTMLElement | null;\n\tprivate host?: HTMLElement;\n\n\tprivate async showPopover(): Promise<void> {\n\t\tthis.addListenersToBody();\n\n\t\tif (this.triggerElement && this.popoverElement) {\n\t\t\tawait alignFloatingElements({\n\t\t\t\talign: this._align,\n\t\t\t\treferenceElement: this.triggerElement,\n\t\t\t\tarrowElement: this.arrowElement,\n\t\t\t\tfloatingElement: this.popoverElement,\n\t\t\t});\n\t\t\tthis.state = { ...this.state, _visible: true };\n\t\t}\n\t}\n\tprivate hidePopover(event: MouseEvent | KeyboardEvent): void {\n\t\tthis.state = {\n\t\t\t...this.state,\n\t\t\t_visible: false,\n\t\t};\n\t\tthis._show = false;\n\t\tthis.triggerElement?.focus();\n\t\tthis.removeListenersToBody();\n\n\t\tthis.state._on?.onClose?.(event);\n\t\tif (this.host) {\n\t\t\tdispatchDomEvent(this.host, KolEvent.close);\n\t\t}\n\t}\n\n\tprivate hidePopoverByEscape = (event: KeyboardEvent): void => {\n\t\tif (event.key === 'Escape') this.hidePopover(event);\n\t};\n\n\tprivate hidePopoverByClickOutside = (event: MouseEvent): void => {\n\t\tif (this.host && !this.host.contains(event.target as HTMLElement)) {\n\t\t\tthis.hidePopover(event);\n\t\t}\n\t};\n\n\t/* EventListener functions */\n\tprivate addListenersToBody(): void {\n\t\tconst body = getDocument().body;\n\t\tbody.addEventListener('keyup', this.hidePopoverByEscape);\n\t\tbody.addEventListener('click', this.hidePopoverByClickOutside);\n\t\tdocument.scrollingElement?.addEventListener(\n\t\t\t'scroll',\n\t\t\t() => {\n\t\t\t\tvoid this.showPopover();\n\t\t\t},\n\t\t\t{ passive: true },\n\t\t);\n\t}\n\tprivate removeListenersToBody(): void {\n\t\tconst body = getDocument().body;\n\t\tbody.removeEventListener('keyup', this.hidePopoverByEscape);\n\t\tbody.removeEventListener('click', this.hidePopoverByClickOutside);\n\t\tdocument.scrollingElement?.removeEventListener('scroll', () => {\n\t\t\tvoid this.showPopover();\n\t\t});\n\t}\n\n\t/* catchElement functions */\n\tprivate catchHostAndTriggerElement = (element: HTMLElement | null): void => {\n\t\tif (element) {\n\t\t\tthis.host = element;\n\t\t\tthis.triggerElement = element.previousElementSibling as HTMLElement | null;\n\t\t}\n\t};\n\tprivate catchPopoverElement = (element?: HTMLDivElement): void => {\n\t\tthis.popoverElement = element;\n\t};\n\tprivate catchArrowElement = (element?: HTMLDivElement): void => {\n\t\tthis.arrowElement = element;\n\t};\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host ref={this.catchHostAndTriggerElement} class=\"kol-popover\">\n\t\t\t\t<div\n\t\t\t\t\tclass={clsx('kol-popover__content', { 'kol-popover__content--visible': this.state._visible })}\n\t\t\t\t\tref={this.catchPopoverElement}\n\t\t\t\t\thidden={!this.state._show}\n\t\t\t\t>\n\t\t\t\t\t<div class={clsx('kol-popover__arrow', `kol-popover__arrow--${this.state._align}`)} ref={this.catchArrowElement} />\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/**\n\t * Defines the alignment of the tooltip, popover or tabs in relation to the element.\n\t */\n\t@Prop() public _align?: AlignPropType = 'top';\n\n\t/**\n\t * Defines the callback functions for popover events.\n\t */\n\t@Prop() public _on?: PopoverCallbacksPropType;\n\n\t/**\n\t * Makes the element show up.\n\t * @TODO: Change type back to `ShowPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _show?: boolean = false;\n\n\t@State() public state: PopoverStates = {\n\t\t_align: 'top',\n\t\t_on: {},\n\t\t_show: false,\n\t\t_visible: false,\n\t};\n\n\t@Watch('_align')\n\tpublic validateAlign(value?: AlignPropType): void {\n\t\tvalidateAlign(this, value);\n\t}\n\n\t@Watch('_on')\n\tpublic validateOn(value?: PopoverCallbacksPropType): void {\n\t\tvalidatePopoverCallbacks(this, value);\n\t}\n\n\t@Watch('_show')\n\tpublic validateShow(value?: ShowPropType): void {\n\t\tvalidateShow(this, value);\n\t\tif (value) void this.showPopover();\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateAlign(this._align);\n\t\tthis.validateShow(this._show);\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
|
@@ -1,4 +1,4 @@
|
|
1
1
|
/*!
|
2
2
|
* KoliBri - The accessible HTML-Standard
|
3
3
|
*/
|
4
|
-
import{r as e,h as n,H as t}from"./index-5879a66b.js";import{v as i}from"./label-90c13388.js";import{k as r,i as a,w as s}from"./prop.validators-17aec743.js";import"./index-6d801dad.js";import"./dev.utils-fab45cbc.js";var o;!function(e){e.bar="bar",e.cycle="cycle"}(o||(o={}));const l="/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n :host {\n /*\n * Minimum size of interactive elements.\n */\n --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\n /*\n * No element should be used without a background and font color whose contrast ratio has\n * not been checked. By initially setting the background color to white and the font color\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\n */\n background-color: white;\n color: black;\n /*\n * Verdana is an accessible font that can be used without requiring additional loading time.\n */\n font-family: Verdana;\n }\n * {\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n hyphens: auto;\n /*\n * Letter spacing is required for all texts.\n */\n letter-spacing: inherit;\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n word-break: break-word;\n /*\n * Word spacing is required for all texts.\n */\n word-spacing: inherit;\n }\n /*\n * All interactive elements should have a minimum size of rem(44).\n */\n /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n /* option, */\n /* select, */\n /* textarea, */\n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n /*\n * Some interactive elements should not inherit the font-family and font-size.\n */\n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n /*\n * All elements should inherit the font family from his parent element.\n */\n font-family: inherit;\n /*\n * All elements should inherit the font size from his parent element.\n */\n font-size: inherit;\n }\n}\n/**\n * Sometimes we need the semantic element for accessibility reasons,\n * but we don't want to show it.\n *\n * - https://www.a11yproject.com/posts/how-to-hide-content/\n */\n.visually-hidden {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: calc(1rem / var(--kolibri-root-font-size, 16));\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: calc(1rem / var(--kolibri-root-font-size, 16));\n}\n\n@layer kol-global {\n /*\n * Dieses CSS stellt sicher, dass der Standard-Style\n * von A und Button resettet werden.\n */\n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; /* 100% needed for custom width from outside */\n }\n /*\n * Ensure elements with hidden attribute to be actually not visible\n * @see https://meowni.ca/hidden.is.a.lie.html\n */\n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n :host {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n /*\n * The max-width is needed to prevent the table from overflowing the\n * parent node, if the table is wider than the parent node.\n */\n max-width: 100%;\n }\n * {\n /*\n * We prefer to box-sizing: border-box for all elements.\n */\n box-sizing: border-box;\n }\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n /* This is the text label. */\n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n /* Reset browser agent style. */\n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n .badge-text-hint {\n background-color: lightgray;\n color: black;\n }\n}\n@layer kol-component {\n progress {\n display: block;\n height: 0;\n overflow: hidden;\n width: 0;\n }\n .bar {\n display: grid;\n grid-template-columns: 1fr auto;\n grid-template-areas: \"LABEL LABEL LABEL\" \"BAR VALUE UNIT\";\n align-items: center;\n column-gap: 0.05rem;\n }\n .bar .label {\n grid-column-end: 2;\n grid-area: LABEL;\n }\n .bar svg {\n grid-area: BAR;\n }\n .bar .value {\n grid-area: VALUE;\n text-align: right;\n }\n .bar .unit {\n grid-area: UNIT;\n }\n .bar .border {\n fill: transparent;\n stroke: black;\n }\n .bar .background {\n fill: lightgray;\n stroke: white;\n }\n .bar .progress {\n fill: #0075ff;\n stroke: transparent;\n transition: 250ms ease-in-out 50ms;\n }\n .cycle {\n display: grid;\n grid-template-columns: auto;\n grid-template-areas: \"ALL\";\n justify-items: center;\n align-content: center;\n }\n .cycle > * {\n grid-area: ALL;\n }\n .cycle .text {\n text-align: center;\n display: flex;\n justify-content: center;\n flex-direction: column;\n font-size: x-small;\n }\n .cycle .text * {\n background-color: white;\n }\n .cycle .background {\n fill: transparent;\n stroke: lightgray;\n }\n .cycle .border {\n fill: transparent;\n stroke: black;\n }\n .cycle .whitespace {\n fill: transparent;\n stroke: white;\n }\n .cycle .progress {\n fill: transparent;\n stroke: #0075ff;\n transform-origin: 50% 50%;\n transform: rotate(-90deg);\n transition: 250ms ease-in-out 50ms;\n }\n /* https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion */\n @media (prefers-reduced-motion) {\n .progress {\n transition-duration: 0s;\n transition-delay: 0s;\n }\n }\n}",c=l,d=Object.keys(o),h=({state:e})=>n("svg",{width:"100",viewBox:"0 0 120 120",xmlns:"http://www.w3.org/2000/svg"},n("circle",{class:"background",cx:"60",cy:"60",r:"54.5",fill:"currentColor",stroke:"currentColor","stroke-width":"8"}),n("circle",{class:"whitespace",cx:"60",cy:"60",r:"59",fill:"currentColor",stroke:"currentColor","stroke-width":"3"}),n("circle",{class:"border",cx:"60",cy:"60",r:"59",fill:"currentColor",stroke:"currentColor","stroke-width":"1"}),n("circle",{class:"whitespace",cx:"60",cy:"60",r:"51",fill:"currentColor",stroke:"currentColor","stroke-width":"1"}),n("circle",{class:"border",cx:"60",cy:"60",r:"50",fill:"currentColor",stroke:"currentColor","stroke-width":"1"}),n("circle",{class:"progress",fill:"currentColor",stroke:"currentColor","stroke-linecap":"round","stroke-dasharray":`${Math.round(e._value/e._max*342)}px 342px`,"stroke-width":"6",cx:"60",cy:"60",r:"54.5"})),b=({state:e})=>{const t=e._value/e._max*100;return n("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"12",overflow:"visible"},n("rect",{class:"background",x:"1",y:"1",height:"11",rx:"5",fill:"currentColor",stroke:"currentColor","stroke-width":"3",style:{width:"100%"}}),n("rect",{class:"border",x:"1",y:"1",height:"11",rx:"5",fill:"currentColor",stroke:"currentColor","stroke-width":"1",style:{width:"100%"}}),n("rect",{class:"progress",x:"3",y:"3",height:"7",rx:"3.5",fill:"currentColor",stroke:"currentColor","stroke-width":"3",style:{width:`calc(${t}% - 4px)`}}))},u=e=>{switch(e._variant){case"cycle":return n(h,{state:e});case"bar":return n(b,{state:e});default:throw new Error(`Progress variant ${e._variant} not implemented.`)}},f=class{constructor(t){e(this,t),this._label=void 0,this._max=void 0,this._unit="%",this._value=void 0,this._variant=void 0,this.state={_max:100,_unit:"%",_value:0,_variant:"bar",_liveValue:0}}render(){const e="%"===this.state._unit,a=e?`${Math.round(this.state._liveValue/this.state._max*100)}%`:this.state._liveValue,i=e?Math.round(this.state._value/this.state._max*100):this.state._value;return n(t,{key:"c7038d1d330d5c4bdf6960549ae7c6d952553e51",class:"kol-progress"},n("div",{key:"15be68272d0e03b68443739aab91ae6daeb465d8","aria-hidden":"true",class:{cycle:"cycle"===this.state._variant,bar:"bar"===this.state._variant}},"bar"===this.state._variant&&this.state._label&&n("div",{key:"05c419229cff39beefc7005694cdc1d748234b46",class:"label"},this.state._label),u(this.state),"cycle"==this.state._variant&&n("div",{key:"0188b544292da04562cee304698a59dd12e1346f",class:"text"},this.state._label&&n("div",{key:"f6628e38358433f61545f766d6bb538201e78d2f",class:"label"},this.state._label),n("div",{key:"7f01889c9b5ca9235857dd9b5012a21459754e4b",class:"value"},`${i} ${this.state._unit}`)),"bar"==this.state._variant&&n("div",{key:"8de6b13e3e4cf31e84617175a20cf4eca343852c",class:"value",style:{width:`${`${(e?100:this.state._max)+1}`.length}ch`}},i),"bar"==this.state._variant&&n("div",{key:"cce7b2b6db10b7c488806775bbe033ca10b488dd",class:"unit"},this.state._unit)),n("progress",{key:"9db3ba73f90ad8eb16ce35b7fc76b15f8b255c95","aria-busy":this.state._value<this.state._max?"true":"false",max:this.state._max,value:this.state._value}),n("span",{key:"a349064adebe8f230c4c288ab72eb4a4a7eb8865","aria-live":"polite","aria-relevant":"removals text",class:"visually-hidden"},e?`${a} %`:`${a} von ${this.state._max} ${this.state._unit}`))}validateLabel(e){i(this,e)}validateMax(e){"number"!=typeof e&&(e=100),r(this,"_max",e,{required:!0})}validateUnit(e){a(this,"_unit",e)}validateValue(e){"number"!=typeof e&&(e=0),r(this,"_value",e,{required:!0})}validateVariant(e){s(this,"_variant",(e=>"string"==typeof e&&d.includes(e)),new Set(d),e)}componentWillLoad(){this.validateLabel(this._label),this.validateMax(this._max),this.validateUnit(this._unit),this.validateValue(this._value),this.validateVariant(this._variant),this.interval=setInterval((()=>{this.state._liveValue!==this.state._value&&(this.state=Object.assign(Object.assign({},this.state),{_liveValue:this.state._value}))}),5e3)}disconnectedCallback(){clearInterval(this.interval)}static get watchers(){return{_label:["validateLabel"],_max:["validateMax"],_unit:["validateUnit"],_value:["validateValue"],_variant:["validateVariant"]}}};f.style={default:c};export{f as kol_progress};
|
4
|
+
import{r as e,h as n}from"./index-058cc56d.js";import{v as t}from"./label-0219bcdb.js";import{k as r,i as s,w as o}from"./prop.validators-de1491c5.js";import"./index-0a773c52.js";import"./dev.utils-fab45cbc.js";var i;!function(e){e.bar="bar",e.cycle="cycle"}(i||(i={}));const a="/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n :host {\n /*\n * Minimum size of interactive elements.\n */\n --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\n /*\n * No element should be used without a background and font color whose contrast ratio has\n * not been checked. By initially setting the background color to white and the font color\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\n */\n background-color: white;\n color: black;\n /*\n * Verdana is an accessible font that can be used without requiring additional loading time.\n */\n font-family: Verdana;\n }\n * {\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n hyphens: auto;\n /*\n * Letter spacing is required for all texts.\n */\n letter-spacing: inherit;\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n word-break: break-word;\n /*\n * Word spacing is required for all texts.\n */\n word-spacing: inherit;\n }\n /*\n * All interactive elements should have a minimum size of rem(44).\n */\n /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n /* option, */\n /* select, */\n /* textarea, */\n [role=button],\n button:not([role=link]) {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n /*\n * Some interactive elements should not inherit the font-family and font-size.\n */\n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n /*\n * All elements should inherit the font family from his parent element.\n */\n font-family: inherit;\n /*\n * All elements should inherit the font size from his parent element.\n */\n font-size: inherit;\n }\n}\n/**\n * Sometimes we need the semantic element for accessibility reasons,\n * but we don't want to show it.\n *\n * - https://www.a11yproject.com/posts/how-to-hide-content/\n */\n.visually-hidden {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: calc(1rem / var(--kolibri-root-font-size, 16));\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: calc(1rem / var(--kolibri-root-font-size, 16));\n}\n\n@layer kol-global {\n /*\n * Dieses CSS stellt sicher, dass der Standard-Style\n * von A und Button resettet werden.\n */\n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%;\n /* 100% needed for custom width from outside */\n }\n /*\n * Ensure elements with hidden attribute to be actually not visible\n * @see https://meowni.ca/hidden.is.a.lie.html\n */\n [hidden] {\n display: none !important;\n }\n .badge-text-hint {\n background-color: lightgray;\n color: black;\n }\n}\n@layer kol-global {\n :host {\n /*\n * The max-width is needed to prevent the table from overflowing the\n * parent node, if the table is wider than the parent node.\n */\n max-width: 100%;\n }\n * {\n /*\n * We prefer to box-sizing: border-box for all elements.\n */\n box-sizing: border-box;\n }\n .kol-span {\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n display: grid;\n place-items: center;\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n }\n .kol-span__container {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .kol-span .kol-span__label--hide-label .kol-span__label {\n display: none;\n }\n /* Reset browser agent style. */\n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span,\n [disabled]:focus .kol-span {\n outline: none !important;\n }\n}\n@layer kol-component {\n .kol-progress {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-progress__bar {\n display: grid;\n grid-template-columns: 1fr auto;\n grid-template-areas: \"LABEL LABEL LABEL\" \"BAR VALUE UNIT\";\n align-items: center;\n column-gap: 0.05rem;\n }\n .kol-progress__bar-label {\n grid-column-end: 2;\n grid-area: LABEL;\n }\n .kol-progress__bar svg {\n grid-area: BAR;\n }\n .kol-progress__bar-value {\n grid-area: VALUE;\n text-align: right;\n }\n .kol-progress__bar-unit {\n grid-area: UNIT;\n }\n .kol-progress__bar-border {\n fill: transparent;\n stroke: black;\n }\n .kol-progress__bar-background {\n fill: lightgray;\n stroke: white;\n }\n .kol-progress__bar-progress {\n fill: #0075ff;\n stroke: transparent;\n }\n @media (prefers-reduced-motion: no-preference) {\n .kol-progress__bar-progress {\n transition: 250ms ease-in-out 50ms;\n }\n }\n .kol-progress__cycle {\n display: grid;\n grid-template-columns: auto;\n grid-template-areas: \"ALL\";\n justify-items: center;\n align-content: center;\n }\n .kol-progress__cycle > * {\n grid-area: ALL;\n }\n .kol-progress__cycle-text {\n text-align: center;\n display: flex;\n justify-content: center;\n flex-direction: column;\n font-size: x-small;\n }\n .kol-progress__cycle-text * {\n background-color: white;\n }\n .kol-progress__cycle-background {\n fill: transparent;\n stroke: lightgray;\n }\n .kol-progress__cycle-border {\n fill: transparent;\n stroke: black;\n }\n .kol-progress__cycle-whitespace {\n fill: transparent;\n stroke: white;\n }\n .kol-progress__cycle-progress {\n fill: transparent;\n stroke: #0075ff;\n transform-origin: 50% 50%;\n transform: rotate(-90deg);\n }\n @media (prefers-reduced-motion: no-preference) {\n .kol-progress__cycle-progress {\n transition: 250ms ease-in-out 50ms;\n }\n }\n}",l=a,c=Object.keys(i),d=({state:e})=>n("svg",{width:"100",viewBox:"0 0 120 120",xmlns:"http://www.w3.org/2000/svg"},n("circle",{class:"kol-progress__cycle-background",cx:"60",cy:"60",r:"54.5",fill:"currentColor",stroke:"currentColor","stroke-width":"8"}),n("circle",{class:"kol-progress__cycle-whitespace",cx:"60",cy:"60",r:"59",fill:"currentColor",stroke:"currentColor","stroke-width":"3"}),n("circle",{class:"kol-progress__cycle-border",cx:"60",cy:"60",r:"59",fill:"currentColor",stroke:"currentColor","stroke-width":"1"}),n("circle",{class:"kol-progress__cycle-whitespace",cx:"60",cy:"60",r:"51",fill:"currentColor",stroke:"currentColor","stroke-width":"1"}),n("circle",{class:"kol-progress__cycle-border",cx:"60",cy:"60",r:"50",fill:"currentColor",stroke:"currentColor","stroke-width":"1"}),n("circle",{class:"kol-progress__cycle-progress",fill:"currentColor",stroke:"currentColor","stroke-linecap":"round","stroke-dasharray":`${Math.round(e._value/e._max*342)}px 342px`,"stroke-width":"6",cx:"60",cy:"60",r:"54.5"})),h=({state:e})=>{const t=e._value/e._max*100;return n("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"12",overflow:"visible"},n("rect",{class:"kol-progress__bar-background",x:"1",y:"1",height:"11",rx:"5",fill:"currentColor",stroke:"currentColor","stroke-width":"3",style:{width:"100%"}}),n("rect",{class:"kol-progress__bar-border",x:"1",y:"1",height:"11",rx:"5",fill:"currentColor",stroke:"currentColor","stroke-width":"1",style:{width:"100%"}}),n("rect",{class:"kol-progress__bar-progress",x:"3",y:"3",height:"7",rx:"3.5",fill:"currentColor",stroke:"currentColor","stroke-width":"3",style:{width:`calc(${t}% - 4px)`}}))},b=e=>{switch(e._variant){case"cycle":return n(d,{state:e});case"bar":return n(h,{state:e});default:throw new Error(`Progress variant ${e._variant} not implemented.`)}},p=class{constructor(t){e(this,t),this._label=void 0,this._max=void 0,this._unit="%",this._value=void 0,this._variant=void 0,this.state={_max:100,_unit:"%",_value:0,_variant:"bar",_liveValue:0}}render(){const e="%"===this.state._unit,t=e?`${Math.round(this.state._liveValue/this.state._max*100)}`:this.state._liveValue,a=e?Math.round(this.state._value/this.state._max*100):this.state._value;return n("div",{key:"a3cb72fa70f83e640758aa2a9a9b05f3144586d1",class:"kol-progress"},n("div",{key:"3f9f7a83fa9fe5f0e01ab96051b0f058afeb6ba0","aria-hidden":"true",class:{"kol-progress__cycle":"cycle"===this.state._variant,"kol-progress__bar":"bar"===this.state._variant}},"bar"===this.state._variant&&this.state._label&&n("div",{key:"e53ad6ee7ff680988179e7b57208cb0361783d31",class:"kol-progress__bar-label"},this.state._label),b(this.state),"cycle"==this.state._variant&&n("div",{key:"10a3aabfee33e6093dd63a028482854fb47735ac",class:"kol-progress__cycle-text"},this.state._label&&n("div",{key:"d83981b1b6376f07474f1ec2e5909efb5e436ff6",class:"kol-progress__cycle-label"},this.state._label),n("div",{key:"9bde39e955af81f1fd1e97039485c051e8837be3",class:"kol-progress__cycle-value"},`${a} ${this.state._unit}`)),"bar"==this.state._variant&&n("div",{key:"b8b3317b036e8026d83cca7e4d4d49dd744a02f5",class:"kol-progress__bar-value",style:{width:`${`${(e?100:this.state._max)+1}`.length}ch`}},a),"bar"==this.state._variant&&n("div",{key:"ae0e71db447b5f49db88ccddb143975883a9ae41",class:"kol-progress__bar-unit"},this.state._unit)),n("progress",{key:"dfad86c10b981a615481c51f15f54217a2f65f62",class:"visually-hidden","aria-busy":this.state._value<this.state._max?"true":"false",max:this.state._max,value:this.state._value}),n("span",{key:"751c3a8f4cb2d0b7bd99da19ee91c94975df4cbe","aria-live":"polite","aria-relevant":"removals text",class:"visually-hidden"},e?`${t} %`:`${t} von ${this.state._max} ${this.state._unit}`))}validateLabel(e){t(this,e)}validateMax(e){"number"!=typeof e&&(e=100),r(this,"_max",e,{required:!0})}validateUnit(e){s(this,"_unit",e)}validateValue(e){"number"!=typeof e&&(e=0),r(this,"_value",e,{required:!0})}validateVariant(e){o(this,"_variant",(e=>"string"==typeof e&&c.includes(e)),new Set(c),e)}componentWillLoad(){this.validateLabel(this._label),this.validateMax(this._max),this.validateUnit(this._unit),this.validateValue(this._value),this.validateVariant(this._variant),this.state=Object.assign(Object.assign({},this.state),{_liveValue:this.state._value}),this.interval=setInterval((()=>{this.state._liveValue!==this.state._value&&(this.state=Object.assign(Object.assign({},this.state),{_liveValue:this.state._value}))}),5e3)}disconnectedCallback(){clearInterval(this.interval)}static get watchers(){return{_label:["validateLabel"],_max:["validateMax"],_unit:["validateUnit"],_value:["validateValue"],_variant:["validateVariant"]}}};p.style={default:l};export{p as kol_progress};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["KoliBriProgressVariantEnum","defaultStyleCss","KolProgressDefaultStyle0","VALID_VARIANTS","Object","keys","CycleSvg","state","fullCircle","h","width","viewBox","xmlns","class","cx","cy","r","fill","stroke","Math","round","_value","_max","BarSvg","percentage","height","overflow","x","y","rx","style","createProgressSVG","_variant","Error","KolProgress","_unit","_liveValue","render","isPercentage","this","liveProgressValue","displayValue","Host","key","cycle","bar","_label","length","max","value","validateLabel","validateMax","watchNumber","required","validateUnit","watchString","validateValue","validateVariant","watchValidator","includes","Set","componentWillLoad","interval","setInterval","assign","disconnectedCallback","clearInterval"],"sources":["src/schema/types/progress.ts","src/components/progress/style.scss?tag=kol-progress&mode=default&encapsulation=shadow","src/components/progress/shadow.tsx"],"sourcesContent":["export enum KoliBriProgressVariantEnum {\n\t'bar' = 'bar',\n\t'cycle' = 'cycle',\n}\n\nexport type KoliBriProgressVariantType = `${KoliBriProgressVariantEnum}`;\n","@use '../style' as *;\n\n@layer kol-component {\n\tprogress {\n\t\tdisplay: block;\n\t\theight: 0;\n\t\toverflow: hidden;\n\t\twidth: 0;\n\t}\n\n\t.bar {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: 1fr auto;\n\t\tgrid-template-areas:\n\t\t\t'LABEL LABEL LABEL'\n\t\t\t'BAR VALUE UNIT';\n\t\talign-items: center;\n\t\tcolumn-gap: 0.05rem;\n\n\t\t.label {\n\t\t\tgrid-column-end: 2;\n\t\t\tgrid-area: LABEL;\n\t\t}\n\n\t\tsvg {\n\t\t\tgrid-area: BAR;\n\t\t}\n\n\t\t.value {\n\t\t\tgrid-area: VALUE;\n\t\t\ttext-align: right;\n\t\t}\n\n\t\t.unit {\n\t\t\tgrid-area: UNIT;\n\t\t}\n\n\t\t.border {\n\t\t\tfill: transparent;\n\t\t\tstroke: black;\n\t\t}\n\n\t\t.background {\n\t\t\tfill: lightgray;\n\t\t\tstroke: white;\n\t\t}\n\n\t\t.progress {\n\t\t\tfill: #0075ff;\n\t\t\tstroke: transparent;\n\t\t\ttransition: 250ms ease-in-out 50ms;\n\t\t}\n\t}\n\n\t.cycle {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: auto;\n\t\tgrid-template-areas: 'ALL';\n\t\tjustify-items: center;\n\t\talign-content: center;\n\n\t\t> * {\n\t\t\tgrid-area: ALL;\n\t\t}\n\n\t\t.text {\n\t\t\ttext-align: center;\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: center;\n\t\t\tflex-direction: column;\n\n\t\t\tfont-size: x-small;\n\n\t\t\t* {\n\t\t\t\tbackground-color: white;\n\t\t\t}\n\t\t}\n\n\t\t.background {\n\t\t\tfill: transparent;\n\t\t\tstroke: lightgray;\n\t\t}\n\t}\n\n\t.cycle .border {\n\t\tfill: transparent;\n\t\tstroke: black;\n\t}\n\n\t.cycle .whitespace {\n\t\tfill: transparent;\n\t\tstroke: white;\n\t}\n\n\t.cycle .progress {\n\t\tfill: transparent;\n\t\tstroke: #0075ff;\n\t\ttransform-origin: 50% 50%;\n\t\ttransform: rotate(-90deg);\n\t\ttransition: 250ms ease-in-out 50ms;\n\t}\n\n\t/* https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion */\n\t@media (prefers-reduced-motion) {\n\t\t.progress {\n\t\t\ttransition-duration: 0s;\n\t\t\ttransition-delay: 0s;\n\t\t}\n\t}\n}\n","import type { KoliBriProgressVariantType, LabelPropType, ProgressAPI, ProgressStates } from '../../schema';\nimport { KoliBriProgressVariantEnum, validateLabel, watchNumber, watchString, watchValidator } from '../../schema';\nimport { Component, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport type { JSX } from '@stencil/core';\nconst VALID_VARIANTS = Object.keys(KoliBriProgressVariantEnum);\n\nconst CycleSvg = ({ state }: { state: ProgressStates }) => {\n\tconst fullCircle = 342;\n\n\treturn (\n\t\t<svg width=\"100\" viewBox=\"0 0 120 120\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t<circle class=\"background\" cx=\"60\" cy=\"60\" r=\"54.5\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"8\"></circle>\n\t\t\t<circle class=\"whitespace\" cx=\"60\" cy=\"60\" r=\"59\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"3\"></circle>\n\t\t\t<circle class=\"border\" cx=\"60\" cy=\"60\" r=\"59\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"1\"></circle>\n\t\t\t<circle class=\"whitespace\" cx=\"60\" cy=\"60\" r=\"51\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"1\"></circle>\n\t\t\t<circle class=\"border\" cx=\"60\" cy=\"60\" r=\"50\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"1\"></circle>\n\t\t\t<circle\n\t\t\t\tclass=\"progress\"\n\t\t\t\tfill=\"currentColor\"\n\t\t\t\tstroke=\"currentColor\"\n\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\tstroke-dasharray={`${Math.round((state._value / state._max) * fullCircle)}px ${fullCircle}px`}\n\t\t\t\tstroke-width=\"6\"\n\t\t\t\tcx=\"60\"\n\t\t\t\tcy=\"60\"\n\t\t\t\tr=\"54.5\"\n\t\t\t></circle>\n\t\t</svg>\n\t);\n};\n\nconst BarSvg = ({ state }: { state: ProgressStates }) => {\n\tconst percentage = 100 * (state._value / state._max);\n\n\treturn (\n\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"12\" overflow=\"visible\">\n\t\t\t<rect class=\"background\" x=\"1\" y=\"1\" height=\"11\" rx=\"5\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"3\" style={{ width: `100%` }}></rect>\n\t\t\t<rect class=\"border\" x=\"1\" y=\"1\" height=\"11\" rx=\"5\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"1\" style={{ width: `100%` }}></rect>\n\t\t\t<rect\n\t\t\t\tclass=\"progress\"\n\t\t\t\tx=\"3\"\n\t\t\t\ty=\"3\"\n\t\t\t\theight=\"7\"\n\t\t\t\trx=\"3.5\"\n\t\t\t\tfill=\"currentColor\"\n\t\t\t\tstroke=\"currentColor\"\n\t\t\t\tstroke-width=\"3\"\n\t\t\t\tstyle={{ width: `calc(${percentage}% - 4px)` }}\n\t\t\t></rect>\n\t\t</svg>\n\t);\n};\n\nconst createProgressSVG = (state: ProgressStates): JSX.Element => {\n\tswitch (state._variant) {\n\t\tcase 'cycle':\n\t\t\treturn <CycleSvg state={state} />;\n\t\tcase 'bar':\n\t\t\treturn <BarSvg state={state} />;\n\t\tdefault:\n\t\t\tthrow new Error(`Progress variant ${state._variant} not implemented.`);\n\t}\n};\n\n@Component({\n\ttag: 'kol-progress',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolProgress implements ProgressAPI {\n\tprivate interval?: number;\n\n\t// https://dequeuniversity.com/library/aria/progress-bar-bounded\n\tpublic render(): JSX.Element {\n\t\tconst isPercentage = this.state._unit === '%';\n\t\tconst liveProgressValue = isPercentage ? `${Math.round((this.state._liveValue / this.state._max) * 100)}%` : this.state._liveValue;\n\t\tconst displayValue = isPercentage ? Math.round((this.state._value / this.state._max) * 100) : this.state._value;\n\t\treturn (\n\t\t\t<Host class=\"kol-progress\">\n\t\t\t\t<div\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\tclass={{\n\t\t\t\t\t\tcycle: this.state._variant === 'cycle',\n\t\t\t\t\t\tbar: this.state._variant === 'bar',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{this.state._variant === 'bar' && this.state._label && <div class=\"label\">{this.state._label}</div>}\n\t\t\t\t\t{createProgressSVG(this.state)}\n\t\t\t\t\t{this.state._variant == 'cycle' && (\n\t\t\t\t\t\t<div class=\"text\">\n\t\t\t\t\t\t\t{this.state._label && <div class=\"label\">{this.state._label}</div>}\n\t\t\t\t\t\t\t<div class=\"value\">{`${displayValue} ${this.state._unit}`}</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{this.state._variant == 'bar' && (\n\t\t\t\t\t\t<div class=\"value\" style={{ width: `${`${(isPercentage ? 100 : this.state._max) + 1}`.length}ch` }}>\n\t\t\t\t\t\t\t{displayValue}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{this.state._variant == 'bar' && <div class=\"unit\">{this.state._unit}</div>}\n\t\t\t\t</div>\n\n\t\t\t\t{/* https://css-tricks.com/html5-progress-element/ */}\n\t\t\t\t<progress aria-busy={this.state._value < this.state._max ? 'true' : 'false'} max={this.state._max} value={this.state._value}></progress>\n\t\t\t\t<span aria-live=\"polite\" aria-relevant=\"removals text\" class=\"visually-hidden\">\n\t\t\t\t\t{isPercentage ? `${liveProgressValue} %` : `${liveProgressValue} von ${this.state._max} ${this.state._unit}`}\n\t\t\t\t</span>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop() public _label?: LabelPropType;\n\n\t/**\n\t * Defines at which value the progress display is completed.\n\t */\n\t@Prop() public _max!: number;\n\n\t/**\n\t * Defines the unit of the step values (not shown).\n\t */\n\t@Prop() public _unit?: string = '%';\n\n\t/**\n\t * Defines the progress.\n\t */\n\t@Prop() public _value!: number;\n\n\t/**\n\t * Defines which variant should be used for presentation.\n\t */\n\t@Prop() public _variant?: KoliBriProgressVariantType;\n\n\t@State() public state: ProgressStates = {\n\t\t_max: 100,\n\t\t_unit: '%',\n\t\t_value: 0,\n\t\t_variant: 'bar',\n\t\t_liveValue: 0,\n\t};\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelPropType): void {\n\t\tvalidateLabel(this, value);\n\t}\n\n\t@Watch('_max')\n\tpublic validateMax(value?: number): void {\n\t\tif (typeof value !== 'number') {\n\t\t\tvalue = 100;\n\t\t}\n\t\twatchNumber(this, '_max', value, {\n\t\t\trequired: true,\n\t\t});\n\t}\n\n\t@Watch('_unit')\n\tpublic validateUnit(value?: string): void {\n\t\twatchString(this, '_unit', value);\n\t}\n\n\t@Watch('_value')\n\tpublic validateValue(value?: number): void {\n\t\tif (typeof value !== 'number') {\n\t\t\tvalue = 0;\n\t\t}\n\t\twatchNumber(this, '_value', value, {\n\t\t\t// max: this._max, TODO as Function\n\t\t\trequired: true,\n\t\t});\n\t}\n\n\t@Watch('_variant')\n\tpublic validateVariant(value?: KoliBriProgressVariantType): void {\n\t\twatchValidator(this, '_variant', (value) => typeof value === 'string' && VALID_VARIANTS.includes(value), new Set(VALID_VARIANTS), value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateLabel(this._label);\n\t\tthis.validateMax(this._max);\n\t\tthis.validateUnit(this._unit);\n\t\tthis.validateValue(this._value);\n\t\tthis.validateVariant(this._variant);\n\n\t\tthis.interval = setInterval(() => {\n\t\t\tif (this.state._liveValue !== this.state._value) {\n\t\t\t\tthis.state = {\n\t\t\t\t\t...this.state,\n\t\t\t\t\t_liveValue: this.state._value,\n\t\t\t\t};\n\t\t\t}\n\t\t}, 5000) as unknown as number;\n\t}\n\n\tpublic disconnectedCallback(): void {\n\t\tclearInterval(this.interval);\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
|
1
|
+
{"version":3,"names":["KoliBriProgressVariantEnum","defaultStyleCss","KolProgressDefaultStyle0","VALID_VARIANTS","Object","keys","CycleSvg","state","fullCircle","h","width","viewBox","xmlns","class","cx","cy","r","fill","stroke","Math","round","_value","_max","BarSvg","percentage","height","overflow","x","y","rx","style","createProgressSVG","_variant","Error","KolProgress","_unit","_liveValue","render","isPercentage","this","liveProgressValue","displayValue","key","_label","length","max","value","validateLabel","validateMax","watchNumber","required","validateUnit","watchString","validateValue","validateVariant","watchValidator","includes","Set","componentWillLoad","assign","interval","setInterval","disconnectedCallback","clearInterval"],"sources":["src/schema/types/progress.ts","src/components/progress/style.scss?tag=kol-progress&mode=default&encapsulation=shadow","src/components/progress/shadow.tsx"],"sourcesContent":["export enum KoliBriProgressVariantEnum {\n\t'bar' = 'bar',\n\t'cycle' = 'cycle',\n}\n\nexport type KoliBriProgressVariantType = `${KoliBriProgressVariantEnum}`;\n","@use '../@shared/mixins' as *;\n@use '../../styles/global' as *;\n\n@layer kol-component {\n\t.kol-progress {\n\t\tfont-size: rem(16);\n\n\t\t&__bar {\n\t\t\tdisplay: grid;\n\t\t\tgrid-template-columns: 1fr auto;\n\t\t\tgrid-template-areas:\n\t\t\t\t'LABEL LABEL LABEL'\n\t\t\t\t'BAR VALUE UNIT';\n\t\t\talign-items: center;\n\t\t\tcolumn-gap: 0.05rem;\n\n\t\t\t&-label {\n\t\t\t\tgrid-column-end: 2;\n\t\t\t\tgrid-area: LABEL;\n\t\t\t}\n\n\t\t\tsvg {\n\t\t\t\tgrid-area: BAR;\n\t\t\t}\n\n\t\t\t&-value {\n\t\t\t\tgrid-area: VALUE;\n\t\t\t\ttext-align: right;\n\t\t\t}\n\n\t\t\t&-unit {\n\t\t\t\tgrid-area: UNIT;\n\t\t\t}\n\n\t\t\t&-border {\n\t\t\t\tfill: transparent;\n\t\t\t\tstroke: black;\n\t\t\t}\n\n\t\t\t&-background {\n\t\t\t\tfill: lightgray;\n\t\t\t\tstroke: white;\n\t\t\t}\n\n\t\t\t&-progress {\n\t\t\t\tfill: #0075ff;\n\t\t\t\tstroke: transparent;\n\n\t\t\t\t@media (prefers-reduced-motion: no-preference) {\n\t\t\t\t\ttransition: 250ms ease-in-out 50ms;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&__cycle {\n\t\t\tdisplay: grid;\n\t\t\tgrid-template-columns: auto;\n\t\t\tgrid-template-areas: 'ALL';\n\t\t\tjustify-items: center;\n\t\t\talign-content: center;\n\n\t\t\t> * {\n\t\t\t\tgrid-area: ALL;\n\t\t\t}\n\n\t\t\t&-text {\n\t\t\t\ttext-align: center;\n\t\t\t\tdisplay: flex;\n\t\t\t\tjustify-content: center;\n\t\t\t\tflex-direction: column;\n\n\t\t\t\tfont-size: x-small;\n\n\t\t\t\t* {\n\t\t\t\t\tbackground-color: white;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&-background {\n\t\t\t\tfill: transparent;\n\t\t\t\tstroke: lightgray;\n\t\t\t}\n\n\t\t\t&-border {\n\t\t\t\tfill: transparent;\n\t\t\t\tstroke: black;\n\t\t\t}\n\n\t\t\t&-whitespace {\n\t\t\t\tfill: transparent;\n\t\t\t\tstroke: white;\n\t\t\t}\n\n\t\t\t&-progress {\n\t\t\t\tfill: transparent;\n\t\t\t\tstroke: #0075ff;\n\t\t\t\ttransform-origin: 50% 50%;\n\t\t\t\ttransform: rotate(-90deg);\n\n\t\t\t\t@media (prefers-reduced-motion: no-preference) {\n\t\t\t\t\ttransition: 250ms ease-in-out 50ms;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","import type { KoliBriProgressVariantType, LabelPropType, ProgressAPI, ProgressStates } from '../../schema';\nimport { KoliBriProgressVariantEnum, validateLabel, watchNumber, watchString, watchValidator } from '../../schema';\nimport { Component, h, Prop, State, Watch } from '@stencil/core';\n\nimport type { JSX } from '@stencil/core';\nconst VALID_VARIANTS = Object.keys(KoliBriProgressVariantEnum);\n\nconst CycleSvg = ({ state }: { state: ProgressStates }) => {\n\tconst fullCircle = 342;\n\n\treturn (\n\t\t<svg width=\"100\" viewBox=\"0 0 120 120\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t<circle class=\"kol-progress__cycle-background\" cx=\"60\" cy=\"60\" r=\"54.5\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"8\"></circle>\n\t\t\t<circle class=\"kol-progress__cycle-whitespace\" cx=\"60\" cy=\"60\" r=\"59\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"3\"></circle>\n\t\t\t<circle class=\"kol-progress__cycle-border\" cx=\"60\" cy=\"60\" r=\"59\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"1\"></circle>\n\t\t\t<circle class=\"kol-progress__cycle-whitespace\" cx=\"60\" cy=\"60\" r=\"51\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"1\"></circle>\n\t\t\t<circle class=\"kol-progress__cycle-border\" cx=\"60\" cy=\"60\" r=\"50\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"1\"></circle>\n\t\t\t<circle\n\t\t\t\tclass=\"kol-progress__cycle-progress\"\n\t\t\t\tfill=\"currentColor\"\n\t\t\t\tstroke=\"currentColor\"\n\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\tstroke-dasharray={`${Math.round((state._value / state._max) * fullCircle)}px ${fullCircle}px`}\n\t\t\t\tstroke-width=\"6\"\n\t\t\t\tcx=\"60\"\n\t\t\t\tcy=\"60\"\n\t\t\t\tr=\"54.5\"\n\t\t\t></circle>\n\t\t</svg>\n\t);\n};\n\nconst BarSvg = ({ state }: { state: ProgressStates }) => {\n\tconst percentage = 100 * (state._value / state._max);\n\n\treturn (\n\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"12\" overflow=\"visible\">\n\t\t\t<rect\n\t\t\t\tclass=\"kol-progress__bar-background\"\n\t\t\t\tx=\"1\"\n\t\t\t\ty=\"1\"\n\t\t\t\theight=\"11\"\n\t\t\t\trx=\"5\"\n\t\t\t\tfill=\"currentColor\"\n\t\t\t\tstroke=\"currentColor\"\n\t\t\t\tstroke-width=\"3\"\n\t\t\t\tstyle={{ width: `100%` }}\n\t\t\t></rect>\n\t\t\t<rect\n\t\t\t\tclass=\"kol-progress__bar-border\"\n\t\t\t\tx=\"1\"\n\t\t\t\ty=\"1\"\n\t\t\t\theight=\"11\"\n\t\t\t\trx=\"5\"\n\t\t\t\tfill=\"currentColor\"\n\t\t\t\tstroke=\"currentColor\"\n\t\t\t\tstroke-width=\"1\"\n\t\t\t\tstyle={{ width: `100%` }}\n\t\t\t></rect>\n\t\t\t<rect\n\t\t\t\tclass=\"kol-progress__bar-progress\"\n\t\t\t\tx=\"3\"\n\t\t\t\ty=\"3\"\n\t\t\t\theight=\"7\"\n\t\t\t\trx=\"3.5\"\n\t\t\t\tfill=\"currentColor\"\n\t\t\t\tstroke=\"currentColor\"\n\t\t\t\tstroke-width=\"3\"\n\t\t\t\tstyle={{ width: `calc(${percentage}% - 4px)` }}\n\t\t\t></rect>\n\t\t</svg>\n\t);\n};\n\nconst createProgressSVG = (state: ProgressStates): JSX.Element => {\n\tswitch (state._variant) {\n\t\tcase 'cycle':\n\t\t\treturn <CycleSvg state={state} />;\n\t\tcase 'bar':\n\t\t\treturn <BarSvg state={state} />;\n\t\tdefault:\n\t\t\tthrow new Error(`Progress variant ${state._variant} not implemented.`);\n\t}\n};\n\n@Component({\n\ttag: 'kol-progress',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolProgress implements ProgressAPI {\n\tprivate interval?: number;\n\n\t// https://dequeuniversity.com/library/aria/progress-bar-bounded\n\tpublic render(): JSX.Element {\n\t\tconst isPercentage = this.state._unit === '%';\n\t\tconst liveProgressValue = isPercentage ? `${Math.round((this.state._liveValue / this.state._max) * 100)}` : this.state._liveValue;\n\t\tconst displayValue = isPercentage ? Math.round((this.state._value / this.state._max) * 100) : this.state._value;\n\t\treturn (\n\t\t\t<div class=\"kol-progress\">\n\t\t\t\t<div\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\tclass={{\n\t\t\t\t\t\t'kol-progress__cycle': this.state._variant === 'cycle',\n\t\t\t\t\t\t'kol-progress__bar': this.state._variant === 'bar',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{this.state._variant === 'bar' && this.state._label && <div class=\"kol-progress__bar-label\">{this.state._label}</div>}\n\t\t\t\t\t{createProgressSVG(this.state)}\n\t\t\t\t\t{this.state._variant == 'cycle' && (\n\t\t\t\t\t\t<div class=\"kol-progress__cycle-text\">\n\t\t\t\t\t\t\t{this.state._label && <div class=\"kol-progress__cycle-label\">{this.state._label}</div>}\n\t\t\t\t\t\t\t<div class=\"kol-progress__cycle-value\">{`${displayValue} ${this.state._unit}`}</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{this.state._variant == 'bar' && (\n\t\t\t\t\t\t<div class=\"kol-progress__bar-value\" style={{ width: `${`${(isPercentage ? 100 : this.state._max) + 1}`.length}ch` }}>\n\t\t\t\t\t\t\t{displayValue}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{this.state._variant == 'bar' && <div class=\"kol-progress__bar-unit\">{this.state._unit}</div>}\n\t\t\t\t</div>\n\n\t\t\t\t{/* https://css-tricks.com/html5-progress-element/ */}\n\t\t\t\t<progress\n\t\t\t\t\tclass=\"visually-hidden\"\n\t\t\t\t\taria-busy={this.state._value < this.state._max ? 'true' : 'false'}\n\t\t\t\t\tmax={this.state._max}\n\t\t\t\t\tvalue={this.state._value}\n\t\t\t\t></progress>\n\t\t\t\t<span aria-live=\"polite\" aria-relevant=\"removals text\" class=\"visually-hidden\">\n\t\t\t\t\t{isPercentage ? `${liveProgressValue} %` : `${liveProgressValue} von ${this.state._max} ${this.state._unit}`}\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t);\n\t}\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop() public _label?: LabelPropType;\n\n\t/**\n\t * Defines at which value the progress display is completed.\n\t */\n\t@Prop() public _max!: number;\n\n\t/**\n\t * Defines the unit of the step values (not shown).\n\t */\n\t@Prop() public _unit?: string = '%';\n\n\t/**\n\t * Defines the progress.\n\t */\n\t@Prop() public _value!: number;\n\n\t/**\n\t * Defines which variant should be used for presentation.\n\t */\n\t@Prop() public _variant?: KoliBriProgressVariantType;\n\n\t@State() public state: ProgressStates = {\n\t\t_max: 100,\n\t\t_unit: '%',\n\t\t_value: 0,\n\t\t_variant: 'bar',\n\t\t_liveValue: 0,\n\t};\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelPropType): void {\n\t\tvalidateLabel(this, value);\n\t}\n\n\t@Watch('_max')\n\tpublic validateMax(value?: number): void {\n\t\tif (typeof value !== 'number') {\n\t\t\tvalue = 100;\n\t\t}\n\t\twatchNumber(this, '_max', value, {\n\t\t\trequired: true,\n\t\t});\n\t}\n\n\t@Watch('_unit')\n\tpublic validateUnit(value?: string): void {\n\t\twatchString(this, '_unit', value);\n\t}\n\n\t@Watch('_value')\n\tpublic validateValue(value?: number): void {\n\t\tif (typeof value !== 'number') {\n\t\t\tvalue = 0;\n\t\t}\n\t\twatchNumber(this, '_value', value, {\n\t\t\t// max: this._max, TODO as Function\n\t\t\trequired: true,\n\t\t});\n\t}\n\n\t@Watch('_variant')\n\tpublic validateVariant(value?: KoliBriProgressVariantType): void {\n\t\twatchValidator(this, '_variant', (value) => typeof value === 'string' && VALID_VARIANTS.includes(value), new Set(VALID_VARIANTS), value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateLabel(this._label);\n\t\tthis.validateMax(this._max);\n\t\tthis.validateUnit(this._unit);\n\t\tthis.validateValue(this._value);\n\t\tthis.validateVariant(this._variant);\n\n\t\tthis.state = {\n\t\t\t...this.state,\n\t\t\t_liveValue: this.state._value,\n\t\t};\n\t\tthis.interval = setInterval(() => {\n\t\t\tif (this.state._liveValue !== this.state._value) {\n\t\t\t\tthis.state = {\n\t\t\t\t\t...this.state,\n\t\t\t\t\t_liveValue: this.state._value,\n\t\t\t\t};\n\t\t\t}\n\t\t}, 5000) as unknown as number;\n\t}\n\n\tpublic disconnectedCallback(): void {\n\t\tclearInterval(this.interval);\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
|
@@ -1,4 +1,4 @@
|
|
1
1
|
/*!
|
2
2
|
* KoliBri - The accessible HTML-Standard
|
3
3
|
*/
|
4
|
-
import{r as n,h as e
|
4
|
+
import{r as n,h as e}from"./index-058cc56d.js";import{j as t}from"./component-names-7ee7402b.js";import{c as i}from"./clsx-09a06a12.js";import{v as o}from"./label-0219bcdb.js";import{i as a,w as l}from"./prop.validators-de1491c5.js";import{s}from"./reuse-f46e7e35.js";import"./index-0a773c52.js";import"./dev.utils-fab45cbc.js";const r=["block","inline"],d="@charset \"UTF-8\";\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n :host {\n /*\n * Minimum size of interactive elements.\n */\n --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\n /*\n * No element should be used without a background and font color whose contrast ratio has\n * not been checked. By initially setting the background color to white and the font color\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\n */\n background-color: white;\n color: black;\n /*\n * Verdana is an accessible font that can be used without requiring additional loading time.\n */\n font-family: Verdana;\n }\n * {\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n hyphens: auto;\n /*\n * Letter spacing is required for all texts.\n */\n letter-spacing: inherit;\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n word-break: break-word;\n /*\n * Word spacing is required for all texts.\n */\n word-spacing: inherit;\n }\n /*\n * All interactive elements should have a minimum size of rem(44).\n */\n /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n /* option, */\n /* select, */\n /* textarea, */\n [role=button],\n button:not([role=link]) {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n /*\n * Some interactive elements should not inherit the font-family and font-size.\n */\n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n /*\n * All elements should inherit the font family from his parent element.\n */\n font-family: inherit;\n /*\n * All elements should inherit the font size from his parent element.\n */\n font-size: inherit;\n }\n}\n/**\n * Sometimes we need the semantic element for accessibility reasons,\n * but we don't want to show it.\n *\n * - https://www.a11yproject.com/posts/how-to-hide-content/\n */\n.visually-hidden {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: calc(1rem / var(--kolibri-root-font-size, 16));\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: calc(1rem / var(--kolibri-root-font-size, 16));\n}\n\n@layer kol-global {\n /*\n * Dieses CSS stellt sicher, dass der Standard-Style\n * von A und Button resettet werden.\n */\n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%;\n /* 100% needed for custom width from outside */\n }\n /*\n * Ensure elements with hidden attribute to be actually not visible\n * @see https://meowni.ca/hidden.is.a.lie.html\n */\n [hidden] {\n display: none !important;\n }\n .badge-text-hint {\n background-color: lightgray;\n color: black;\n }\n}\n@layer kol-global {\n :host {\n /*\n * The max-width is needed to prevent the table from overflowing the\n * parent node, if the table is wider than the parent node.\n */\n max-width: 100%;\n }\n * {\n /*\n * We prefer to box-sizing: border-box for all elements.\n */\n box-sizing: border-box;\n }\n .kol-span {\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n display: grid;\n place-items: center;\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n }\n .kol-span__container {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .kol-span .kol-span__label--hide-label .kol-span__label {\n display: none;\n }\n /* Reset browser agent style. */\n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span,\n [disabled]:focus .kol-span {\n outline: none !important;\n }\n}\n@layer kol-component {\n .kol-quote {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n display: inline;\n margin: 0;\n padding: 0;\n }\n .kol-quote__cite::before {\n content: \"—\";\n }\n .kol-quote--block .kol-quote__cite::before {\n padding-right: 0.5em;\n }\n .kol-quote--inline .kol-quote__cite::before {\n padding: 0.5em;\n }\n .kol-quote--block .kol-quote__figcaption {\n display: inline;\n margin: 0;\n padding: 0;\n }\n .kol-quote__blockquote::before {\n content: open-quote;\n }\n .kol-quote__blockquote::after {\n content: close-quote;\n }\n}",c=d,h=class{constructor(e){n(this,e),this._label=void 0,this._href=void 0,this._quote=void 0,this._variant="inline",this.state={_href:"",_quote:"",_variant:"inline"}}validateLabel(e){o(this,e)}validateHref(e){a(this,"_href",e,{required:!0})}validateQuote(e){a(this,"_quote",e,{required:!0})}validateVariant(e){l(this,"_variant",(e=>"string"==typeof e&&r.includes(e)),new Set(r),e)}componentWillLoad(){this.validateHref(this._href),this.validateLabel(this._label),this.validateQuote(this._quote),this.validateVariant(this._variant)}render(){const n=s(this.state._quote);return e("figure",{key:"8be0826ad4e95bca0b969faecf9a127dc0782025",class:i("kol-quote",`kol-quote--${this.state._variant}`)},"block"===this.state._variant?e("blockquote",{class:"kol-quote__blockquote",cite:this.state._href},this.state._quote,e("span",{"aria-hidden":n?void 0:"true",hidden:!n},e("slot",{name:"expert"}))):e("q",{class:"kol-quote__quote",cite:this.state._href},this.state._quote,e("span",{"aria-hidden":n?void 0:"true",hidden:!n},e("slot",{name:"expert"}))),"string"==typeof this.state._label&&this.state._label.length>0&&e("figcaption",{key:"8a60619741efd09a2ce14f941393640d5d1b7066",class:"kol-quote__figcaption"},e("cite",{key:"2a66a637f160007802b816c7abc01c97dbaef5b9",class:"kol-quote__cite"},e(t,{key:"866e0a367215220fcbf12f24ff48a19010914449",_href:this.state._href,_label:this.state._label,_target:"_blank"}))))}static get watchers(){return{_label:["validateLabel"],_href:["validateHref"],_quote:["validateQuote"],_variant:["validateVariant"]}}};h.style={default:c};export{h as kol_quote};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["koliBriQuoteVariantOptions","defaultStyleCss","KolQuoteDefaultStyle0","KolQuote","_href","_quote","_variant","validateLabel","value","this","validateHref","watchString","required","validateQuote","validateVariant","watchValidator","includes","Set","componentWillLoad","_label","render","hasExpertSlot","showExpertSlot","state","h","
|
1
|
+
{"version":3,"names":["koliBriQuoteVariantOptions","defaultStyleCss","KolQuoteDefaultStyle0","KolQuote","_href","_quote","_variant","validateLabel","value","this","validateHref","watchString","required","validateQuote","validateVariant","watchValidator","includes","Set","componentWillLoad","_label","render","hasExpertSlot","showExpertSlot","state","h","key","class","clsx","cite","undefined","hidden","name","length","KolLinkTag","_target"],"sources":["src/schema/components/quote.ts","src/components/quote/style.scss?tag=kol-quote&mode=default&encapsulation=shadow","src/components/quote/shadow.tsx"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport type { PropHref, PropLabel } from '../props';\n\nexport const koliBriQuoteVariantOptions = ['block', 'inline'] as const;\nexport type KoliBriQuoteVariant = (typeof koliBriQuoteVariantOptions)[number];\n\ntype RequiredProps = {\n\tquote: string;\n} & PropHref; // URL to the source of the quote (cite)\ntype OptionalProps = {\n\tvariant: KoliBriQuoteVariant;\n} & PropLabel;\n\ntype RequiredStates = {\n\tquote: string;\n\tvariant: KoliBriQuoteVariant;\n} & PropHref; // URL to the source of the quote (cite)\ntype OptionalStates = PropLabel;\n\nexport type QuoteProps = Generic.Element.Members<RequiredProps, OptionalProps>;\nexport type QuoteStates = Generic.Element.Members<RequiredStates, OptionalStates>;\nexport type QuoteAPI = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;\n","@use '../@shared/mixins' as *;\n@use '../../styles/global' as *;\n\n@layer kol-component {\n\t.kol-quote {\n\t\t$root: &;\n\t\tfont-size: rem(16);\n\t\tdisplay: inline;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\n\t\t&__cite {\n\t\t\t&::before {\n\t\t\t\tcontent: '—';\n\n\t\t\t\t@at-root #{$root}--block & {\n\t\t\t\t\tpadding-right: 0.5em;\n\t\t\t\t}\n\n\t\t\t\t@at-root #{$root}--inline & {\n\t\t\t\t\tpadding: 0.5em;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&__figcaption {\n\t\t\t@at-root #{$root}--block & {\n\t\t\t\tdisplay: inline;\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding: 0;\n\t\t\t}\n\t\t}\n\n\t\t&__blockquote {\n\t\t\t&::before {\n\t\t\t\tcontent: open-quote;\n\t\t\t}\n\n\t\t\t&::after {\n\t\t\t\tcontent: close-quote;\n\t\t\t}\n\t\t}\n\t}\n}\n","import type { HrefPropType, KoliBriQuoteVariant, LabelPropType, QuoteAPI, QuoteStates } from '../../schema';\nimport { koliBriQuoteVariantOptions, showExpertSlot, validateLabel, watchString, watchValidator } from '../../schema';\nimport { Component, h, Prop, State, Watch } from '@stencil/core';\n\nimport type { JSX } from '@stencil/core';\nimport { KolLinkTag } from '../../core/component-names';\nimport clsx from 'clsx';\n@Component({\n\ttag: 'kol-quote',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolQuote implements QuoteAPI {\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop() public _label?: string;\n\n\t/**\n\t * Sets the target URI of the link or citation source.\n\t */\n\t@Prop() public _href!: HrefPropType;\n\n\t/**\n\t * Defines the text of the quote.\n\t */\n\t@Prop() public _quote!: string;\n\n\t/**\n\t * Defines which variant should be used for presentation.\n\t */\n\t@Prop() public _variant?: KoliBriQuoteVariant = 'inline';\n\n\t@State() public state: QuoteStates = {\n\t\t_href: '', // ⚠ required\n\t\t_quote: '', // ⚠ required\n\t\t_variant: 'inline',\n\t};\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelPropType): void {\n\t\tvalidateLabel(this, value);\n\t}\n\n\t@Watch('_href')\n\tpublic validateHref(value?: HrefPropType): void {\n\t\twatchString(this, '_href', value, {\n\t\t\trequired: true,\n\t\t});\n\t}\n\n\t@Watch('_quote')\n\tpublic validateQuote(value?: string): void {\n\t\twatchString(this, '_quote', value, {\n\t\t\trequired: true,\n\t\t});\n\t}\n\n\t@Watch('_variant')\n\tpublic validateVariant(value?: KoliBriQuoteVariant): void {\n\t\twatchValidator(\n\t\t\tthis,\n\t\t\t'_variant',\n\t\t\t(value) => typeof value === 'string' && koliBriQuoteVariantOptions.includes(value),\n\t\t\tnew Set(koliBriQuoteVariantOptions),\n\t\t\tvalue,\n\t\t);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateHref(this._href);\n\t\tthis.validateLabel(this._label);\n\t\tthis.validateQuote(this._quote);\n\t\tthis.validateVariant(this._variant);\n\t}\n\n\tpublic render(): JSX.Element {\n\t\tconst hasExpertSlot = showExpertSlot(this.state._quote); // _quote instead of _caption as _label\n\t\treturn (\n\t\t\t<figure class={clsx('kol-quote', `kol-quote--${this.state._variant}`)}>\n\t\t\t\t{this.state._variant === 'block' ? (\n\t\t\t\t\t<blockquote class=\"kol-quote__blockquote\" cite={this.state._href}>\n\t\t\t\t\t\t{this.state._quote}\n\t\t\t\t\t\t<span aria-hidden={!hasExpertSlot ? 'true' : undefined} hidden={!hasExpertSlot}>\n\t\t\t\t\t\t\t<slot name=\"expert\" />\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</blockquote>\n\t\t\t\t) : (\n\t\t\t\t\t<q class=\"kol-quote__quote\" cite={this.state._href}>\n\t\t\t\t\t\t{this.state._quote}\n\t\t\t\t\t\t<span aria-hidden={!hasExpertSlot ? 'true' : undefined} hidden={!hasExpertSlot}>\n\t\t\t\t\t\t\t<slot name=\"expert\" />\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</q>\n\t\t\t\t)}\n\t\t\t\t{typeof this.state._label === 'string' && this.state._label.length > 0 && (\n\t\t\t\t\t<figcaption class=\"kol-quote__figcaption\">\n\t\t\t\t\t\t<cite class=\"kol-quote__cite\">\n\t\t\t\t\t\t\t<KolLinkTag _href={this.state._href} _label={this.state._label} _target=\"_blank\" />\n\t\t\t\t\t\t</cite>\n\t\t\t\t\t</figcaption>\n\t\t\t\t)}\n\t\t\t</figure>\n\t\t);\n\t}\n}\n"],"mappings":";;;wUAIO,MAAMA,EAA6B,CAAC,QAAS,UCJpD,MAAMC,EAAkB,6wJACxB,MAAAC,EAAeD,E,MCaFE,EAAQ,M,wGAmB4B,S,WAEX,CACpCC,MAAO,GACPC,OAAQ,GACRC,SAAU,S,CAIJ,aAAAC,CAAcC,GACpBD,EAAcE,KAAMD,E,CAId,YAAAE,CAAaF,GACnBG,EAAYF,KAAM,QAASD,EAAO,CACjCI,SAAU,M,CAKL,aAAAC,CAAcL,GACpBG,EAAYF,KAAM,SAAUD,EAAO,CAClCI,SAAU,M,CAKL,eAAAE,CAAgBN,GACtBO,EACCN,KACA,YACCD,UAAiBA,IAAU,UAAYR,EAA2BgB,SAASR,IAC5E,IAAIS,IAAIjB,GACRQ,E,CAIK,iBAAAU,GACNT,KAAKC,aAAaD,KAAKL,OACvBK,KAAKF,cAAcE,KAAKU,QACxBV,KAAKI,cAAcJ,KAAKJ,QACxBI,KAAKK,gBAAgBL,KAAKH,S,CAGpB,MAAAc,GACN,MAAMC,EAAgBC,EAAeb,KAAKc,MAAMlB,QAChD,OACCmB,EAAA,UAAAC,IAAA,2CAAQC,MAAOC,EAAK,YAAa,cAAclB,KAAKc,MAAMjB,aACxDG,KAAKc,MAAMjB,WAAa,QACxBkB,EAAA,cAAYE,MAAM,wBAAwBE,KAAMnB,KAAKc,MAAMnB,OACzDK,KAAKc,MAAMlB,OACZmB,EAAA,uBAAoBH,EAAgB,OAASQ,UAAWC,QAAST,GAChEG,EAAA,QAAMO,KAAK,aAIbP,EAAA,KAAGE,MAAM,mBAAmBE,KAAMnB,KAAKc,MAAMnB,OAC3CK,KAAKc,MAAMlB,OACZmB,EAAA,uBAAoBH,EAAgB,OAASQ,UAAWC,QAAST,GAChEG,EAAA,QAAMO,KAAK,oBAINtB,KAAKc,MAAMJ,SAAW,UAAYV,KAAKc,MAAMJ,OAAOa,OAAS,GACpER,EAAA,cAAAC,IAAA,2CAAYC,MAAM,yBACjBF,EAAA,QAAAC,IAAA,2CAAMC,MAAM,mBACXF,EAACS,EAAU,CAAAR,IAAA,2CAACrB,MAAOK,KAAKc,MAAMnB,MAAOe,OAAQV,KAAKc,MAAMJ,OAAQe,QAAQ,a","ignoreList":[]}
|
@@ -1,4 +1,4 @@
|
|
1
1
|
/*!
|
2
2
|
* KoliBri - The accessible HTML-Standard
|
3
3
|
*/
|
4
|
-
import{h as e,F as t,H as n,r as i,g as a}from"./index-5879a66b.js";import{l as o}from"./component-names-4cb1c62b.js";import{n as s}from"./dev.utils-c278c4ae.js";import{t as l,s as r}from"./events-29e84d75.js";import{p as d}from"./controller-63e3499d.js";import{g as h}from"./controller-8ee06262.js";import{I as c}from"./InternalUnderlinedBadgeText-868a81c0.js";import{I as p}from"./controller-icon-0a8dd3ac.js";import{f as u,v as f}from"./controller-80316c73.js";import{v as b}from"./rows-f033b1b3.js";import{b as m,g as v}from"./prop.validators-17aec743.js";import{s as y,b as g}from"./reuse-32931294.js";import"./dev.utils-fab45cbc.js";import"./associated.controller-3b160a7e.js";import"./access-and-short-key-16c1f3d9.js";import"./hide-label-90b37cc2.js";import"./label-90c13388.js";import"./common-0f1f2276.js";import"./tooltip-align-d8ac9d69.js";import"./align-eeb4ecdd.js";import"./icons-b21fdac0.js";import"./index-6d801dad.js";class k extends p{constructor(t,e,n){super(t,e,n),this.keyOptionMap=new Map,this.getOptionByKey=t=>this.keyOptionMap.get(t),this.isValueInOptions=(t,e)=>void 0!==e.find((e=>"string"==typeof e.value?e.value===t:!!Array.isArray(e.options)&&this.isValueInOptions(t,e.options))),this.filterValuesInOptions=(t,e)=>t.filter((t=>void 0!==this.isValueInOptions(t,e))),this.afterPatchOptions=(t,e,n,i)=>{"_value"===i&&this.setFormAssociatedValue(t)},this.beforePatchOptions=(t,e)=>{const n=e.has("_options")?e.get("_options"):this.component.state._options;if(Array.isArray(n)&&n.length>0){this.keyOptionMap.clear(),u(this.keyOptionMap,n);const t=e.has("_value")?e.get("_value"):this.component.state._value,i=this.filterValuesInOptions(Array.isArray(t)&&t.length>0?t:[],n);!1===this.component._multiple&&0===i.length?e.set("_value",[n[0].value]):Array.isArray(t)&&i.length<t.length&&e.set("_value",i)}},this.component=t}validateOptions(t){f(this.component,t,{hooks:{afterPatch:this.afterPatchOptions,beforePatch:this.beforePatchOptions}})}validateMultiple(t){m(this.component,"_multiple",t,{hooks:{afterPatch:this.afterPatchOptions,beforePatch:this.beforePatchOptions}})}validateRequired(t){m(this.component,"_required",t)}validateRows(t){b(this.component,t)}validateValue(t){v(this.component,"_value",(()=>!0),t,void 0,{hooks:{afterPatch:this.afterPatchOptions,beforePatch:this.beforePatchOptions}})}componentWillLoad(){super.componentWillLoad(),this.validateOptions(this.component._options),this.validateMultiple(this.component._multiple),this.validateRequired(this.component._required),this.validateRows(this.component._rows),this.validateValue(this.component._value)}}const w="@charset \"UTF-8\";\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n :host {\n /*\n * Minimum size of interactive elements.\n */\n --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\n /*\n * No element should be used without a background and font color whose contrast ratio has\n * not been checked. By initially setting the background color to white and the font color\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\n */\n background-color: white;\n color: black;\n /*\n * Verdana is an accessible font that can be used without requiring additional loading time.\n */\n font-family: Verdana;\n }\n * {\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n hyphens: auto;\n /*\n * Letter spacing is required for all texts.\n */\n letter-spacing: inherit;\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n word-break: break-word;\n /*\n * Word spacing is required for all texts.\n */\n word-spacing: inherit;\n }\n /*\n * All interactive elements should have a minimum size of rem(44).\n */\n /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n /* option, */\n /* select, */\n /* textarea, */\n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n /*\n * Some interactive elements should not inherit the font-family and font-size.\n */\n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n /*\n * All elements should inherit the font family from his parent element.\n */\n font-family: inherit;\n /*\n * All elements should inherit the font size from his parent element.\n */\n font-size: inherit;\n }\n}\n/**\n * Sometimes we need the semantic element for accessibility reasons,\n * but we don't want to show it.\n *\n * - https://www.a11yproject.com/posts/how-to-hide-content/\n */\n.visually-hidden {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: calc(1rem / var(--kolibri-root-font-size, 16));\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: calc(1rem / var(--kolibri-root-font-size, 16));\n}\n\n@layer kol-global {\n /*\n * Dieses CSS stellt sicher, dass der Standard-Style\n * von A und Button resettet werden.\n */\n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; /* 100% needed for custom width from outside */\n }\n /*\n * Ensure elements with hidden attribute to be actually not visible\n * @see https://meowni.ca/hidden.is.a.lie.html\n */\n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n :host {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n /*\n * The max-width is needed to prevent the table from overflowing the\n * parent node, if the table is wider than the parent node.\n */\n max-width: 100%;\n }\n * {\n /*\n * We prefer to box-sizing: border-box for all elements.\n */\n box-sizing: border-box;\n }\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n /* This is the text label. */\n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n /* Reset browser agent style. */\n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n .badge-text-hint {\n background-color: lightgray;\n color: black;\n }\n}\n@layer kol-component {\n :host {\n display: block;\n }\n}\n@layer kol-component {\n .kol-tooltip-wc {\n display: contents;\n }\n .kol-tooltip-wc .tooltip-floating {\n animation-duration: 0.25s;\n animation-iteration-count: 1;\n animation-name: fadeInOpacity;\n animation-timing-function: ease-in;\n box-sizing: border-box;\n display: none;\n position: fixed;\n visibility: hidden;\n /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n top: 0;\n left: 0;\n max-width: 90vw;\n max-height: 90vh;\n /* Can be used to specify the tooltip-width from the outside. Unset by default. */\n width: var(--kol-tooltip-width);\n }\n /* Shared between content and arrow */\n .kol-tooltip-wc .tooltip-area {\n background-color: #fff;\n color: #000;\n }\n .kol-tooltip-wc .tooltip-arrow {\n height: calc(10rem / var(--kolibri-root-font-size, 16));\n position: absolute;\n transform: rotate(45deg);\n width: calc(10rem / var(--kolibri-root-font-size, 16));\n z-index: 999;\n }\n .kol-tooltip-wc .tooltip-content {\n position: relative;\n z-index: 1000;\n }\n @keyframes fadeInOpacity {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n }\n}\n@layer kol-component {\n .required label > span::after,\n .required legend > span::after {\n content: \"*\";\n }\n}\n@layer kol-component {\n input,\n textarea {\n cursor: text;\n }\n input[type=checkbox],\n input[type=color],\n input[type=file],\n input[type=radio],\n input[type=range],\n label,\n option,\n select {\n cursor: pointer;\n }\n /* input[type='checkbox'], */\n /* input[type='radio'], */\n /* input[type='range'], */\n input[type=color],\n input[type=date],\n input[type=datetime-local],\n input[type=email],\n input[type=file],\n input[type=month],\n input[type=number],\n input[type=password],\n input[type=search],\n input[type=tel],\n input[type=text],\n input[type=time],\n input[type=url],\n input[type=week],\n option,\n select,\n textarea {\n background-color: transparent;\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n width: 100%;\n }\n /* needed hack for vertical alignment */\n input[type=file] {\n padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 10) 0.5em;\n }\n /* needed hack for vertical alignment */\n select[multiple] option {\n padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 2) 0.5em;\n }\n}\n@layer kol-component {\n .kol-alert-wc {\n display: grid;\n }\n .kol-alert-wc .heading {\n display: flex;\n place-items: center;\n overflow: hidden;\n }\n .kol-alert-wc .heading > div {\n flex-grow: 1;\n }\n .close {\n /* Visible with forced colors */\n outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\n }\n}\n@layer kol-component {\n .kol-input {\n display: grid;\n }\n .kol-input .input-slot {\n flex-grow: 1;\n overflow: hidden;\n }\n input:focus,\n option:focus,\n select:focus,\n textarea:focus {\n outline: 0;\n }\n .input {\n align-items: center;\n background-color: white;\n cursor: pointer;\n display: flex;\n }\n button:not([role=link]) {\n min-height: auto;\n }\n .input > .kol-icon {\n display: grid;\n place-items: center;\n }\n .kol-input.required .input-tooltip .span-label::after {\n content: \"*\";\n }\n}\n@layer kol-component {\n option:checked::before {\n content: \"✓ \";\n }\n}",_=w,x=(t,e)=>Array.isArray(t)&&t.includes(e),z=class{async getValue(){return this.state._value}async focus(){await this.kolFocus()}async kolFocus(){var t;null===(t=this.selectRef)||void 0===t||t.focus()}renderOptgroup(t,n){var i;return e("optgroup",{disabled:t.disabled,label:t.label},null===(i=t.options)||void 0===i?void 0:i.map(((t,i)=>{const a=`${n}-${i}`;return Array.isArray(t.options)?this.renderOptgroup(t,a):e("option",{disabled:t.disabled,key:a,selected:x(this.state._value,t.value),value:a},t.label)})))}render(){const{ariaDescribedBy:i}=h(this.state),a=y(this.state._label);return e(n,{key:"7bb492332be80be000956f1bf41b52899c728ca5",class:{"kol-select":!0,"has-value":this.state._hasValue}},e(o,{key:"b66fca1f0855a92d56986491975dee6922e8fb27",class:{"hide-label":!!this.state._hideLabel,select:!0},_accessKey:this.state._accessKey,_alert:this.showAsAlert(),_disabled:this.state._disabled,_hideError:this.state._hideError,_hideLabel:this.state._hideLabel,_hint:this.state._hint,_icons:this.state._icons,_id:this.state._id,_label:this.state._label,_msg:this.state._msg,_required:this.state._required,_shortKey:this.state._shortKey,_tooltipAlign:this._tooltipAlign,_touched:this.state._touched,onClick:()=>{var t;return null===(t=this.selectRef)||void 0===t?void 0:t.focus()},role:"presentation"},e("span",{key:"b30ed343e39c6cb52ba2b45c985a9c09cce0776e",slot:"label"},a?e("slot",{name:"expert"}):"string"==typeof this.state._accessKey||"string"==typeof this.state._shortKey?e(t,null,e(c,{badgeText:g(this.state._accessKey,this.state._shortKey),label:this.state._label})," ",e("span",{class:"badge-text-hint","aria-hidden":"true"},g(this.state._accessKey,this.state._shortKey))):e("span",null,this.state._label)),e("div",{key:"07cb61e5927c945ac0ef3285c8f7b8522e7d67b0",slot:"input"},e("form",{key:"5f808e9a56cc66ce7f6bbf44921851eaee225d47",onSubmit:t=>{t.preventDefault(),d({form:this.host,ref:this.selectRef})}},e("input",{key:"853cb5de54e7337fd13a844b4a541063164fa9bf",type:"submit",hidden:!0}),e("select",Object.assign({key:"e5ca87a564dc30134987f4f544b630ce6238a8d2",ref:this.catchRef,title:"",accessKey:this.state._accessKey,"aria-describedby":i.length>0?i.join(" "):void 0,"aria-label":this.state._hideLabel&&"string"==typeof this.state._label?this.state._label:void 0,autoCapitalize:"off",autoCorrect:"off",disabled:this.state._disabled,id:this.state._id,multiple:this.state._multiple,name:this.state._name,required:this.state._required,size:this.state._rows},this.controller.onFacade,{onInput:this.onInput.bind(this),onChange:this.onChange.bind(this),onFocus:t=>{this.controller.onFacade.onFocus(t),this.inputHasFocus=!0},onBlur:t=>{this.controller.onFacade.onBlur(t),this.inputHasFocus=!1}}),this.state._options.map(((t,n)=>{const i=`-${n}`;return Array.isArray(t.options)?this.renderOptgroup(t,i):e("option",{disabled:t.disabled,"aria-hidden":t.disabled?"true":void 0,key:i,selected:x(this.state._value,t.value),value:i},t.label)})))))))}constructor(t){i(this,t),this.catchRef=t=>{this.selectRef=t},this._accessKey=void 0,this._alert=void 0,this._disabled=!1,this._error=void 0,this._hideError=!1,this._hideLabel=!1,this._hint="",this._icons=void 0,this._id=void 0,this._label=void 0,this._msg=void 0,this._multiple=!1,this._name=void 0,this._on=void 0,this._options=void 0,this._required=!1,this._shortKey=void 0,this._rows=void 0,this._syncValueBySelector=void 0,this._tabIndex=void 0,this._tooltipAlign="top",this._touched=!1,this._value=void 0,this.state={_hasValue:!1,_hideError:!1,_id:`id-${s()}`,_label:"",_multiple:!1,_options:[],_value:[]},this.inputHasFocus=!1,this.controller=new k(this,"select",this.host)}showAsAlert(){return void 0===this.state._alert?Boolean(this.state._touched)&&!this.inputHasFocus:this.state._alert}validateAccessKey(t){this.controller.validateAccessKey(t)}validateAlert(t){this.controller.validateAlert(t)}validateDisabled(t){this.controller.validateDisabled(t)}validateError(t){this.controller.validateError(t)}validateHideError(t){this.controller.validateHideError(t)}validateHideLabel(t){this.controller.validateHideLabel(t)}validateHint(t){this.controller.validateHint(t)}validateIcons(t){this.controller.validateIcons(t)}validateId(t){this.controller.validateId(t)}validateLabel(t){this.controller.validateLabel(t)}validateMsg(t){this.controller.validateMsg(t)}validateMultiple(t){this.controller.validateMultiple(t)}validateName(t){this.controller.validateName(t)}validateOn(t){this.controller.validateOn(t)}validateOptions(t){this.controller.validateOptions(t)}validateRequired(t){this.controller.validateRequired(t)}validateRows(t){this.controller.validateRows(t)}validateShortKey(t){this.controller.validateShortKey(t)}validateSyncValueBySelector(t){this.controller.validateSyncValueBySelector(t)}validateTabIndex(t){this.controller.validateTabIndex(t)}validateTouched(t){this.controller.validateTouched(t)}validateValue(t){this.controller.validateValue(t)}componentWillLoad(){this._touched=!0===this._touched,this.controller.componentWillLoad(),this.state._hasValue=!!this.state._value,this.controller.addValueChangeListener((t=>this.state._hasValue=!!t))}onInput(t){var e,n,i;this._value=Array.from((null===(e=this.selectRef)||void 0===e?void 0:e.options)||[]).filter((t=>!0===t.selected)).map((t=>{var e;return null===(e=this.controller.getOptionByKey(t.value))||void 0===e?void 0:e.value})),l("input",this.host,this._value),null===(i=null===(n=this.state._on)||void 0===n?void 0:n.onInput)||void 0===i||i.call(n,t,this._value)}onChange(t){var e,n;r(t),l("change",this.host,this._value),this.controller.setFormAssociatedValue(this._value),null===(n=null===(e=this.state._on)||void 0===e?void 0:e.onChange)||void 0===n||n.call(e,t,this._value)}get host(){return a(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_alert:["validateAlert"],_disabled:["validateDisabled"],_error:["validateError"],_hideError:["validateHideError"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_icons:["validateIcons"],_id:["validateId"],_label:["validateLabel"],_msg:["validateMsg"],_multiple:["validateMultiple"],_name:["validateName"],_on:["validateOn"],_options:["validateOptions"],_required:["validateRequired"],_rows:["validateRows"],_shortKey:["validateShortKey"],_syncValueBySelector:["validateSyncValueBySelector"],_tabIndex:["validateTabIndex"],_touched:["validateTouched"],_value:["validateValue"]}}};z.style={default:_};export{z as kol_select};
|
4
|
+
import{h as e,F as n,r as t,g as i}from"./index-058cc56d.js";import{c as o}from"./clsx-09a06a12.js";import{n as a}from"./dev.utils-869ad410.js";import{I as s,K as l}from"./controller-icon-0bd2a7ef.js";import{f as r,v as d}from"./controller-7964efb9.js";import{v as c}from"./rows-4dc53b94.js";import{b as h,g as u}from"./prop.validators-de1491c5.js";import{p}from"./controller-04af0502.js";import{_ as f}from"./tslib.es6-1173d062.js";import{f as m,c as b,g as v,a as k,K as y}from"./getRenderStates-05837109.js";import"./reuse-f46e7e35.js";import"./dev.utils-fab45cbc.js";import"./InternalUnderlinedBadgeText-d1821325.js";import"./isArray-7a60fa7f.js";import"./isObject-ffcbbb76.js";import"./component-names-7ee7402b.js";import"./Icon-6bed0b43.js";import"./icons-d9615c78.js";import"./common-54bf85ba.js";import"./label-0219bcdb.js";import"./index-0a773c52.js";import"./events-5886c68b.js";import"./associated.controller-a6273a44.js";import"./access-and-short-key-58467f3a.js";import"./tooltip-align-f41ae17f.js";import"./align-2f553440.js";import"./hide-label-8fc169d2.js";import"./Alert-6cd2f6dc.js";import"./i18n-efbafc80.js";import"./i18n-45224cc3.js";import"./bem-e4c3a2e6.js";import"./browser-f629a56a.js";import"./Heading-7f4642c5.js";class _ extends s{constructor(e,t,n){super(e,t,n),this.keyOptionMap=new Map,this.getOptionByKey=e=>this.keyOptionMap.get(e),this.isValueInOptions=(e,t)=>void 0!==t.find((t=>"string"==typeof t.value?t.value===e:!!Array.isArray(t.options)&&this.isValueInOptions(e,t.options))),this.filterValuesInOptions=(e,t)=>e.filter((e=>void 0!==this.isValueInOptions(e,t))),this.afterPatchOptions=(e,t,n,i)=>{"_value"===i&&this.setFormAssociatedValue(e)},this.beforePatchOptions=(e,t)=>{const n=t.has("_options")?t.get("_options"):this.component.state._options;if(Array.isArray(n)&&n.length>0){this.keyOptionMap.clear(),r(this.keyOptionMap,n);const e=t.has("_value")?t.get("_value"):this.component.state._value,i=this.filterValuesInOptions(Array.isArray(e)&&e.length>0?e:[],n);!1===this.component._multiple&&0===i.length?t.set("_value",[n[0].value]):Array.isArray(e)&&i.length<e.length&&t.set("_value",i)}},this.component=e}validateOptions(e){d(this.component,e,{hooks:{afterPatch:this.afterPatchOptions,beforePatch:this.beforePatchOptions}})}validateMultiple(e){h(this.component,"_multiple",e,{hooks:{afterPatch:this.afterPatchOptions,beforePatch:this.beforePatchOptions}})}validateRequired(e){h(this.component,"_required",e)}validateRows(e){c(this.component,e)}validateValue(e){u(this.component,"_value",(()=>!0),e,void 0,{hooks:{afterPatch:this.afterPatchOptions,beforePatch:this.beforePatchOptions}})}componentWillLoad(){super.componentWillLoad(),this.validateOptions(this.component._options),this.validateMultiple(this.component._multiple),this.validateRequired(this.component._required),this.validateRows(this.component._rows),this.validateValue(this.component._value)}}const g=t=>{var{baseClassName:n="kol-select",class:i,index:a,selectedValue:l,selected:s,value:r,label:d,disabled:c}=t,h=f(t,["baseClassName","class","index","selectedValue","selected","value","label","disabled"]);l?Array.isArray(l)||(l=[l]):l=[];const p=s||l.includes(r);return e("option",Object.assign({class:o(`${n}__option`,{[`${n}__option--selected`]:p,[`${n}__option--disabled`]:c},i),selected:p,disabled:c,"aria-hidden":c?"true":void 0,value:a||r},h),d)},w=g,j=({baseClassName:t,preKey:i,options:a,disabled:l,value:s,OptionProps:r={},OptionGroupProps:d={}})=>(null==a?void 0:a.length)?e(n,null,a.map(((n,c)=>{const h=[i,`-${c}`].join("");if("options"in n){if(!a.length)return null;const{label:i}=n,c=f(n,["label"]);return e("optgroup",Object.assign({class:o(`${t}__optgroup`,{[`${t}__optgroup--disabled`]:l}),key:h},d,{label:null==i?void 0:i.toString(),disabled:l}),e(j,Object.assign({baseClassName:t,OptionGroupProps:d,OptionProps:r,value:s,preKey:h},c)))}return"value"in n?e(w,Object.assign({key:h,baseClassName:t},r,{index:h,selectedValue:s},n)):null}))):null,x=j,z=t=>{const{class:n,msg:i,touched:a,disabled:l,required:s,options:r,value:d,OptionProps:c,OptionGroupProps:h,ariaDescribedBy:p,hideLabel:u,label:v}=t,_=f(t,["class","msg","touched","disabled","required","options","value","OptionProps","OptionGroupProps","ariaDescribedBy","hideLabel","label"]),g=b(i,a),y={"kol-select--disabled":Boolean(l),"kol-select--required":Boolean(s),"kol-select--touched":Boolean(a),[`kol-select--${(null==i?void 0:i.type)||"error"}`]:g},k=Object.assign(Object.assign({class:o("kol-select",y,n),required:s,disabled:l},m({ariaDescribedBy:p,hideLabel:u,label:v})),_);return e("select",Object.assign({},k),e(x,{baseClassName:"kol-select",options:r,value:d,OptionGroupProps:h,OptionProps:c}))},O=z;function P(e){const{ariaDescribedBy:t}=v(e);return{id:e._id,hideLabel:e._hideLabel,label:e._label,value:e._value,options:e._options,accessKey:e._accessKey,disabled:e._disabled,name:e._name,ariaDescribedBy:t,size:e._rows,multiple:e._multiple,required:e._required,touched:e._touched,msg:k(e._msg)}}const A=t=>{var{state:n}=t,i=f(t,["state"]);return e(O,Object.assign({},P(n),i))},S=A,B='@charset "UTF-8";\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n :host {\n /*\n * Minimum size of interactive elements.\n */\n --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\n /*\n * No element should be used without a background and font color whose contrast ratio has\n * not been checked. By initially setting the background color to white and the font color\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\n */\n background-color: white;\n color: black;\n /*\n * Verdana is an accessible font that can be used without requiring additional loading time.\n */\n font-family: Verdana;\n }\n * {\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n hyphens: auto;\n /*\n * Letter spacing is required for all texts.\n */\n letter-spacing: inherit;\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n word-break: break-word;\n /*\n * Word spacing is required for all texts.\n */\n word-spacing: inherit;\n }\n /*\n * All interactive elements should have a minimum size of rem(44).\n */\n /* input:not([type=\'checkbox\'], [type=\'radio\'], [type=\'range\']), */\n /* option, */\n /* select, */\n /* textarea, */\n [role=button],\n button:not([role=link]) {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n /*\n * Some interactive elements should not inherit the font-family and font-size.\n */\n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n /*\n * All elements should inherit the font family from his parent element.\n */\n font-family: inherit;\n /*\n * All elements should inherit the font size from his parent element.\n */\n font-size: inherit;\n }\n}\n/**\n * Sometimes we need the semantic element for accessibility reasons,\n * but we don\'t want to show it.\n *\n * - https://www.a11yproject.com/posts/how-to-hide-content/\n */\n.visually-hidden {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: calc(1rem / var(--kolibri-root-font-size, 16));\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: calc(1rem / var(--kolibri-root-font-size, 16));\n}\n\n@layer kol-global {\n /*\n * Dieses CSS stellt sicher, dass der Standard-Style\n * von A und Button resettet werden.\n */\n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%;\n /* 100% needed for custom width from outside */\n }\n /*\n * Ensure elements with hidden attribute to be actually not visible\n * @see https://meowni.ca/hidden.is.a.lie.html\n */\n [hidden] {\n display: none !important;\n }\n .badge-text-hint {\n background-color: lightgray;\n color: black;\n }\n}\n@layer kol-global {\n :host {\n /*\n * The max-width is needed to prevent the table from overflowing the\n * parent node, if the table is wider than the parent node.\n */\n max-width: 100%;\n }\n * {\n /*\n * We prefer to box-sizing: border-box for all elements.\n */\n box-sizing: border-box;\n }\n .kol-span {\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n display: grid;\n place-items: center;\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n }\n .kol-span__container {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .kol-span .kol-span__label--hide-label .kol-span__label {\n display: none;\n }\n /* Reset browser agent style. */\n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span,\n [disabled]:focus .kol-span {\n outline: none !important;\n }\n}\n@layer kol-component {\n :host {\n display: block;\n }\n}\n@layer kol-component {\n :host {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-tooltip {\n display: contents;\n }\n .kol-tooltip__floating {\n animation-duration: 0.25s;\n animation-iteration-count: 1;\n animation-name: fadeInOpacity;\n animation-timing-function: ease-in;\n box-sizing: border-box;\n display: none;\n position: fixed;\n visibility: hidden;\n /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n top: 0;\n left: 0;\n max-width: 90vw;\n max-height: 90vh;\n /* Can be used to specify the tooltip-width from the outside. Unset by default. */\n width: var(--kol-tooltip-width);\n }\n .kol-tooltip__arrow {\n background-color: #fff;\n color: #000;\n height: calc(10rem / var(--kolibri-root-font-size, 16));\n position: absolute;\n transform: rotate(45deg);\n width: calc(10rem / var(--kolibri-root-font-size, 16));\n z-index: 999;\n }\n .kol-tooltip__content {\n background-color: #fff;\n color: #000;\n position: relative;\n z-index: 1000;\n }\n @keyframes fadeInOpacity {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n }\n}\n@layer kol-component {\n .kol-alert {\n display: grid;\n }\n .kol-alert__container {\n place-items: center;\n display: flex;\n }\n .kol-alert__container-content {\n flex-grow: 1;\n }\n .kol-alert__closer {\n /* Visible with forced colors */\n outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\n }\n}\n@layer kol-component {\n .kol-form-field {\n display: grid;\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label {\n cursor: pointer;\n }\n .kol-form-field--disabled .kol-form-field__label {\n opacity: 0.5;\n }\n .kol-form-field--required .kol-form-field__label-text::after {\n content: "*";\n }\n .kol-form-field--disabled .kol-form-field__hint {\n opacity: 0.5;\n }\n .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n content: "*";\n }\n}\n@layer kol-component {\n .kol-input-container {\n align-items: center;\n background-color: white;\n display: grid;\n grid-template-columns: 1fr;\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n width: 100%;\n }\n .kol-input-container:has(> .kol-input-container__adornment--start) {\n grid-template-columns: auto 1fr;\n }\n .kol-input-container:has(> .kol-input-container__adornment--end) {\n grid-template-columns: 1fr auto;\n }\n .kol-input-container:has(> .kol-input-container__adornment--start):has(> .kol-input-container__adornment--end) {\n grid-template-columns: auto 1fr auto;\n }\n .kol-input-container__container {\n position: relative;\n }\n .kol-input-container__adornment {\n display: flex;\n align-items: center;\n }\n .kol-input-container__adornment .kol-icon {\n display: grid;\n height: var(--a11y-min-size);\n place-items: center;\n }\n}\n@layer kol-component {\n .kol-select {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n width: 100%;\n /* needed hack for vertical alignment */\n }\n .kol-select:not(:disabled) {\n cursor: pointer;\n }\n .kol-select:not([multiple], [size]) {\n height: 2.75em;\n }\n .kol-select:focus {\n outline: none;\n }\n .kol-select__option:checked::before {\n content: "✓ ";\n }\n .kol-select[multiple] option {\n padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 2) 0.5em;\n }\n}',q=B,I=class{async getValue(){return this.state._value}async kolFocus(){var e;null===(e=this.selectRef)||void 0===e||e.focus()}getFormFieldProps(){return{state:this.state,class:o("kol-form-field-select",{"kol-form-field--has-value":this.state._hasValue}),tooltipAlign:this._tooltipAlign,onClick:()=>{var e;return null===(e=this.selectRef)||void 0===e?void 0:e.focus()},alert:this.showAsAlert()}}getSelectProps(){return Object.assign(Object.assign({ref:this.catchRef,state:this.state},this.controller.onFacade),{onInput:this.onInput.bind(this),onChange:this.onChange.bind(this),onFocus:e=>{this.controller.onFacade.onFocus(e),this.inputHasFocus=!0},onBlur:e=>{this.controller.onFacade.onBlur(e),this.inputHasFocus=!1}})}render(){return e(y,Object.assign({key:"a1537f9de293d843ccb5acff86672249b01b1851"},this.getFormFieldProps()),e(l,{key:"d4b3fe42d34e746b10224b9c46c608fd743c5396",state:this.state},e("form",{key:"75f01c896e92aec8d4012aaa663da4a594a223cf",onSubmit:e=>{e.preventDefault(),p({form:this.host,ref:this.selectRef})}},e("input",{key:"9d403926ab9195003a40ab139f243cd7945b0326",type:"submit",hidden:!0}),e(S,Object.assign({key:"2c36031dd1c781ec1bec3aaf080a55166286e32e"},this.getSelectProps())))))}constructor(e){t(this,e),this.catchRef=e=>{this.selectRef=e},this._accessKey=void 0,this._disabled=!1,this._hideMsg=!1,this._hideLabel=!1,this._hint="",this._icons=void 0,this._id=void 0,this._label=void 0,this._msg=void 0,this._multiple=!1,this._name=void 0,this._on=void 0,this._options=void 0,this._required=!1,this._shortKey=void 0,this._rows=void 0,this._syncValueBySelector=void 0,this._tabIndex=void 0,this._tooltipAlign="top",this._touched=!1,this._value=void 0,this.state={_hasValue:!1,_hideMsg:!1,_id:`id-${a()}`,_label:"",_multiple:!1,_options:[],_value:[]},this.inputHasFocus=!1,this.controller=new _(this,"select",this.host)}showAsAlert(){return Boolean(this.state._touched)&&!this.inputHasFocus}validateAccessKey(e){this.controller.validateAccessKey(e)}validateDisabled(e){this.controller.validateDisabled(e)}validateHideMsg(e){this.controller.validateHideMsg(e)}validateHideLabel(e){this.controller.validateHideLabel(e)}validateHint(e){this.controller.validateHint(e)}validateIcons(e){this.controller.validateIcons(e)}validateId(e){this.controller.validateId(e)}validateLabel(e){this.controller.validateLabel(e)}validateMsg(e){this.controller.validateMsg(e)}validateMultiple(e){this.controller.validateMultiple(e)}validateName(e){this.controller.validateName(e)}validateOn(e){this.controller.validateOn(e)}validateOptions(e){this.controller.validateOptions(e)}validateRequired(e){this.controller.validateRequired(e)}validateRows(e){this.controller.validateRows(e)}validateShortKey(e){this.controller.validateShortKey(e)}validateSyncValueBySelector(e){this.controller.validateSyncValueBySelector(e)}validateTabIndex(e){this.controller.validateTabIndex(e)}validateTouched(e){this.controller.validateTouched(e)}validateValue(e){this.controller.validateValue(e)}componentWillLoad(){this._touched=!0===this._touched,this.controller.componentWillLoad(),this.state._hasValue=!!this.state._value,this.controller.addValueChangeListener((e=>this.state._hasValue=!!e))}onInput(e){var t;this._value=Array.from((null===(t=this.selectRef)||void 0===t?void 0:t.options)||[]).filter((e=>!0===e.selected)).map((e=>{var t;return null===(t=this.controller.getOptionByKey(e.value))||void 0===t?void 0:t.value})),this.controller.onFacade.onInput(e,!0,this._value)}onChange(e){this.controller.onFacade.onChange(e,this._value)}get host(){return i(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_disabled:["validateDisabled"],_hideMsg:["validateHideMsg"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_icons:["validateIcons"],_id:["validateId"],_label:["validateLabel"],_msg:["validateMsg"],_multiple:["validateMultiple"],_name:["validateName"],_on:["validateOn"],_options:["validateOptions"],_required:["validateRequired"],_rows:["validateRows"],_shortKey:["validateShortKey"],_syncValueBySelector:["validateSyncValueBySelector"],_tabIndex:["validateTabIndex"],_touched:["validateTouched"],_value:["validateValue"]}}};I.style={default:q};export{I as kol_select};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["SelectController","InputIconController","constructor","component","name","host","super","this","keyOptionMap","Map","getOptionByKey","key","get","isValueInOptions","value","options","find","option","Array","isArray","undefined","filterValuesInOptions","values","filter","afterPatchOptions","_state","_component","setFormAssociatedValue","beforePatchOptions","_value","nextState","has","state","_options","length","clear","fillKeyOptionMap","selected","_multiple","set","validateOptions","validateOptionsWithOptgroup","hooks","afterPatch","beforePatch","validateMultiple","watchBoolean","validateRequired","validateRows","validateValue","watchJsonArrayString","componentWillLoad","_required","_rows","defaultStyleCss","KolSelectDefaultStyle0","isSelected","valueList","optionValue","includes","KolSelect","getValue","focus","kolFocus","_a","selectRef","renderOptgroup","optgroup","preKey","h","disabled","label","map","index","render","ariaDescribedBy","getRenderStates","hasExpertSlot","showExpertSlot","_label","Host","class","_hasValue","KolInputTag","_hideLabel","select","_accessKey","_alert","showAsAlert","_disabled","_hideError","_hint","_icons","_id","_msg","_shortKey","_tooltipAlign","_touched","onClick","role","slot","Fragment","InternalUnderlinedBadgeText","badgeText","buildBadgeTextString","onSubmit","event","preventDefault","propagateSubmitEventToForm","form","ref","type","hidden","Object","assign","catchRef","title","accessKey","join","autoCapitalize","autoCorrect","id","multiple","_name","required","size","controller","onFacade","onInput","bind","onChange","onFocus","inputHasFocus","onBlur","hostRef","nonce","Boolean","validateAccessKey","validateAlert","validateDisabled","validateError","validateHideError","validateHideLabel","validateHint","validateIcons","validateId","validateLabel","validateMsg","validateName","validateOn","validateShortKey","validateSyncValueBySelector","validateTabIndex","validateTouched","addValueChangeListener","v","from","tryToDispatchKoliBriEvent","_c","_b","_on","call","stopPropagation"],"sources":["src/components/select/controller.ts","src/components/select/style.scss?tag=kol-select&mode=default&encapsulation=shadow","src/components/select/shadow.tsx"],"sourcesContent":["import type {\n\tOptgroup,\n\tOption,\n\tOptionsWithOptgroupPropType,\n\tRowsPropType,\n\tSelectOption,\n\tSelectProps,\n\tSelectWatches,\n\tStringified,\n\tW3CInputValue,\n} from '../../schema';\nimport { validateOptionsWithOptgroup, validateRows, watchBoolean, watchJsonArrayString } from '../../schema';\n\nimport { InputIconController } from '../@deprecated/input/controller-icon';\nimport { fillKeyOptionMap } from '../input-radio/controller';\n\nimport type { Generic } from 'adopted-style-sheets';\nexport class SelectController extends InputIconController implements SelectWatches {\n\tprotected readonly component: Generic.Element.Component & SelectProps;\n\tprivate readonly keyOptionMap = new Map<string, Option<W3CInputValue>>();\n\n\tpublic constructor(component: Generic.Element.Component & SelectProps, name: string, host?: HTMLElement) {\n\t\tsuper(component, name, host);\n\t\tthis.component = component;\n\t}\n\n\tpublic readonly getOptionByKey = (key: string): Option<W3CInputValue> | undefined => this.keyOptionMap.get(key);\n\n\tprivate readonly isValueInOptions = (value: string, options: SelectOption<W3CInputValue>[]): boolean => {\n\t\treturn (\n\t\t\toptions.find((option) =>\n\t\t\t\ttypeof (option as Option<W3CInputValue>).value === 'string'\n\t\t\t\t\t? (option as Option<W3CInputValue>).value === value\n\t\t\t\t\t: Array.isArray((option as Optgroup<string>).options)\n\t\t\t\t\t\t? this.isValueInOptions(value, (option as Optgroup<string>).options)\n\t\t\t\t\t\t: false,\n\t\t\t) !== undefined\n\t\t);\n\t};\n\n\tprivate readonly filterValuesInOptions = (values: string[], options: SelectOption<W3CInputValue>[]): string[] => {\n\t\treturn values.filter((value) => this.isValueInOptions(value, options) !== undefined);\n\t};\n\n\tprotected readonly afterPatchOptions = (value: unknown, _state: Record<string, unknown>, _component: Generic.Element.Component, key: string): void => {\n\t\tif (key === '_value') {\n\t\t\tthis.setFormAssociatedValue(value as string);\n\t\t}\n\t};\n\n\tprivate readonly beforePatchOptions = (_value: unknown, nextState: Map<string, unknown>): void => {\n\t\tconst options = nextState.has('_options') ? nextState.get('_options') : this.component.state._options;\n\t\tif (Array.isArray(options) && options.length > 0) {\n\t\t\tthis.keyOptionMap.clear();\n\t\t\tfillKeyOptionMap(this.keyOptionMap, options as SelectOption<W3CInputValue>[]);\n\t\t\tconst value = nextState.has('_value') ? nextState.get('_value') : this.component.state._value;\n\t\t\tconst selected = this.filterValuesInOptions(\n\t\t\t\tArray.isArray(value) && value.length > 0 ? (value as string[]) : [],\n\t\t\t\toptions as SelectOption<W3CInputValue>[],\n\t\t\t);\n\t\t\tif (this.component._multiple === false && selected.length === 0) {\n\t\t\t\tnextState.set('_value', [\n\t\t\t\t\t(\n\t\t\t\t\t\toptions[0] as {\n\t\t\t\t\t\t\tvalue: string;\n\t\t\t\t\t\t}\n\t\t\t\t\t).value,\n\t\t\t\t]);\n\t\t\t} else if (Array.isArray(value) && selected.length < value.length) {\n\t\t\t\tnextState.set('_value', selected);\n\t\t\t}\n\t\t}\n\t};\n\n\tpublic validateOptions(value?: OptionsWithOptgroupPropType): void {\n\t\tvalidateOptionsWithOptgroup(this.component, value, {\n\t\t\thooks: {\n\t\t\t\tafterPatch: this.afterPatchOptions,\n\t\t\t\tbeforePatch: this.beforePatchOptions,\n\t\t\t},\n\t\t});\n\t}\n\n\tpublic validateMultiple(value?: boolean): void {\n\t\twatchBoolean(this.component, '_multiple', value, {\n\t\t\thooks: {\n\t\t\t\tafterPatch: this.afterPatchOptions,\n\t\t\t\tbeforePatch: this.beforePatchOptions,\n\t\t\t},\n\t\t});\n\t\t// if (value === true) {\n\t\t// \tdevHint(\n\t\t// \t\t'[KolSelect] Currently, multiple selection is not yet supported. We are working on implementing it to be functional, as there are some gaps in the browser standard.'\n\t\t// \t);\n\t\t// \tdevHint('[KolSelect] For multiple selections, the list length (size) should also be set.');\n\t\t// }\n\t}\n\n\tpublic validateRequired(value?: boolean): void {\n\t\twatchBoolean(this.component, '_required', value);\n\t}\n\n\tpublic validateRows(value?: RowsPropType) {\n\t\tvalidateRows(this.component, value);\n\t}\n\n\tpublic validateValue(value?: Stringified<W3CInputValue[]>): void {\n\t\twatchJsonArrayString(this.component, '_value', () => true, value, undefined, {\n\t\t\thooks: {\n\t\t\t\tafterPatch: this.afterPatchOptions,\n\t\t\t\tbeforePatch: this.beforePatchOptions,\n\t\t\t},\n\t\t});\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tsuper.componentWillLoad();\n\t\tthis.validateOptions(this.component._options);\n\t\tthis.validateMultiple(this.component._multiple);\n\t\tthis.validateRequired(this.component._required);\n\t\tthis.validateRows(this.component._rows);\n\t\tthis.validateValue(this.component._value);\n\t}\n}\n","@use '../style' as *;\n@use '../input-line' as *;\n\n@layer kol-component {\n\toption:checked::before {\n\t\tcontent: '✓ ';\n\t}\n}\n","import type { JSX } from '@stencil/core';\nimport { Component, Element, Fragment, h, Host, Method, Prop, State, Watch } from '@stencil/core';\nimport type {\n\tFocusableElement,\n\tHideErrorPropType,\n\tIconsHorizontalPropType,\n\tIdPropType,\n\tInputTypeOnDefault,\n\tLabelWithExpertSlotPropType,\n\tMsgPropType,\n\tNamePropType,\n\tOptgroup,\n\tOption,\n\tOptionsWithOptgroupPropType,\n\tRowsPropType,\n\tSelectAPI,\n\tSelectOption,\n\tSelectStates,\n\tShortKeyPropType,\n\tStringified,\n\tSyncValueBySelectorPropType,\n\tTooltipAlignPropType,\n\tW3CInputValue,\n} from '../../schema';\nimport { buildBadgeTextString, showExpertSlot } from '../../schema';\n\nimport { KolInputTag } from '../../core/component-names';\nimport { nonce } from '../../utils/dev.utils';\nimport { stopPropagation, tryToDispatchKoliBriEvent } from '../../utils/events';\nimport { propagateSubmitEventToForm } from '../form/controller';\nimport { getRenderStates } from '../input/controller';\nimport { InternalUnderlinedBadgeText } from '../span/InternalUnderlinedBadgeText';\nimport { SelectController } from './controller';\n\nconst isSelected = (valueList: unknown[] | null, optionValue: unknown): boolean => {\n\treturn Array.isArray(valueList) && valueList.includes(optionValue);\n};\n\n/**\n * @slot - Die Beschriftung des Eingabefeldes.\n */\n@Component({\n\ttag: 'kol-select',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolSelect implements SelectAPI, FocusableElement {\n\t@Element() private readonly host?: HTMLKolSelectElement;\n\tprivate selectRef?: HTMLSelectElement;\n\n\tprivate readonly catchRef = (ref?: HTMLSelectElement) => {\n\t\tthis.selectRef = ref;\n\t};\n\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async getValue(): Promise<Stringified<W3CInputValue[]> | undefined> {\n\t\treturn this.state._value;\n\t}\n\n\t/**\n\t * @deprecated Use kolFocus instead.\n\t */\n\t@Method()\n\tpublic async focus() {\n\t\tawait this.kolFocus();\n\t}\n\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async kolFocus() {\n\t\tthis.selectRef?.focus();\n\t}\n\n\tprivate renderOptgroup(optgroup: Optgroup<string>, preKey: string): JSX.Element {\n\t\treturn (\n\t\t\t<optgroup disabled={optgroup.disabled} label={optgroup.label}>\n\t\t\t\t{optgroup.options?.map((option: SelectOption<W3CInputValue>, index: number) => {\n\t\t\t\t\tconst key = `${preKey}-${index}`;\n\t\t\t\t\tif (Array.isArray((option as Optgroup<string>).options)) {\n\t\t\t\t\t\treturn this.renderOptgroup(option as Optgroup<string>, key);\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<option\n\t\t\t\t\t\t\t\tdisabled={option.disabled}\n\t\t\t\t\t\t\t\tkey={key}\n\t\t\t\t\t\t\t\t// label={option.label}\n\t\t\t\t\t\t\t\tselected={isSelected(this.state._value, (option as Option<W3CInputValue>).value)}\n\t\t\t\t\t\t\t\tvalue={key}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{option.label}\n\t\t\t\t\t\t\t</option>\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t})}\n\t\t\t</optgroup>\n\t\t);\n\t}\n\n\tpublic render(): JSX.Element {\n\t\tconst { ariaDescribedBy } = getRenderStates(this.state);\n\t\tconst hasExpertSlot = showExpertSlot(this.state._label);\n\n\t\treturn (\n\t\t\t<Host class={{ 'kol-select': true, 'has-value': this.state._hasValue }}>\n\t\t\t\t<KolInputTag\n\t\t\t\t\tclass={{\n\t\t\t\t\t\t'hide-label': !!this.state._hideLabel,\n\t\t\t\t\t\tselect: true,\n\t\t\t\t\t}}\n\t\t\t\t\t_accessKey={this.state._accessKey}\n\t\t\t\t\t_alert={this.showAsAlert()}\n\t\t\t\t\t_disabled={this.state._disabled}\n\t\t\t\t\t_hideError={this.state._hideError}\n\t\t\t\t\t_hideLabel={this.state._hideLabel}\n\t\t\t\t\t_hint={this.state._hint}\n\t\t\t\t\t_icons={this.state._icons}\n\t\t\t\t\t_id={this.state._id}\n\t\t\t\t\t_label={this.state._label}\n\t\t\t\t\t_msg={this.state._msg}\n\t\t\t\t\t_required={this.state._required}\n\t\t\t\t\t_shortKey={this.state._shortKey}\n\t\t\t\t\t_tooltipAlign={this._tooltipAlign}\n\t\t\t\t\t_touched={this.state._touched}\n\t\t\t\t\tonClick={() => this.selectRef?.focus()}\n\t\t\t\t\trole={`presentation` /* Avoid element being read as 'clickable' in NVDA */}\n\t\t\t\t>\n\t\t\t\t\t<span slot=\"label\">\n\t\t\t\t\t\t{hasExpertSlot ? (\n\t\t\t\t\t\t\t<slot name=\"expert\"></slot>\n\t\t\t\t\t\t) : typeof this.state._accessKey === 'string' || typeof this.state._shortKey === 'string' ? (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<InternalUnderlinedBadgeText badgeText={buildBadgeTextString(this.state._accessKey, this.state._shortKey)} label={this.state._label} />{' '}\n\t\t\t\t\t\t\t\t<span class=\"badge-text-hint\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t{buildBadgeTextString(this.state._accessKey, this.state._shortKey)}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<span>{this.state._label}</span>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</span>\n\t\t\t\t\t<div slot=\"input\">\n\t\t\t\t\t\t<form\n\t\t\t\t\t\t\tonSubmit={(event) => {\n\t\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\t\tpropagateSubmitEventToForm({\n\t\t\t\t\t\t\t\t\tform: this.host,\n\t\t\t\t\t\t\t\t\tref: this.selectRef,\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<input type=\"submit\" hidden />\n\t\t\t\t\t\t\t<select\n\t\t\t\t\t\t\t\tref={this.catchRef}\n\t\t\t\t\t\t\t\ttitle=\"\"\n\t\t\t\t\t\t\t\taccessKey={this.state._accessKey}\n\t\t\t\t\t\t\t\taria-describedby={ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined}\n\t\t\t\t\t\t\t\taria-label={this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined}\n\t\t\t\t\t\t\t\tautoCapitalize=\"off\"\n\t\t\t\t\t\t\t\tautoCorrect=\"off\"\n\t\t\t\t\t\t\t\tdisabled={this.state._disabled}\n\t\t\t\t\t\t\t\tid={this.state._id}\n\t\t\t\t\t\t\t\tmultiple={this.state._multiple}\n\t\t\t\t\t\t\t\tname={this.state._name}\n\t\t\t\t\t\t\t\trequired={this.state._required}\n\t\t\t\t\t\t\t\tsize={this.state._rows}\n\t\t\t\t\t\t\t\t{...this.controller.onFacade}\n\t\t\t\t\t\t\t\tonInput={this.onInput.bind(this)}\n\t\t\t\t\t\t\t\tonChange={this.onChange.bind(this)}\n\t\t\t\t\t\t\t\tonFocus={(event) => {\n\t\t\t\t\t\t\t\t\tthis.controller.onFacade.onFocus(event);\n\t\t\t\t\t\t\t\t\tthis.inputHasFocus = true;\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tonBlur={(event) => {\n\t\t\t\t\t\t\t\t\tthis.controller.onFacade.onBlur(event);\n\t\t\t\t\t\t\t\t\tthis.inputHasFocus = false;\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{this.state._options.map((option, index) => {\n\t\t\t\t\t\t\t\t\t/**\n\t\t\t\t\t\t\t\t\t * Damit der Value einer Option ein beliebigen Typ haben kann\n\t\t\t\t\t\t\t\t\t * muss man auf HTML-Ebene den Value auf einen String-Wert\n\t\t\t\t\t\t\t\t\t * mappen. Das tun wir mittels der Map.\n\t\t\t\t\t\t\t\t\t */\n\t\t\t\t\t\t\t\t\tconst key = `-${index}`;\n\t\t\t\t\t\t\t\t\tif (Array.isArray((option as unknown as Optgroup<string>).options)) {\n\t\t\t\t\t\t\t\t\t\treturn this.renderOptgroup(option as unknown as Optgroup<string>, key);\n\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t<option\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled={option.disabled}\n\t\t\t\t\t\t\t\t\t\t\t\taria-hidden={option.disabled ? 'true' : undefined}\n\t\t\t\t\t\t\t\t\t\t\t\tkey={key}\n\t\t\t\t\t\t\t\t\t\t\t\t// label={option.label}\n\t\t\t\t\t\t\t\t\t\t\t\tselected={isSelected(this.state._value, (option as unknown as Option<W3CInputValue>).value)}\n\t\t\t\t\t\t\t\t\t\t\t\tvalue={key}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{option.label}\n\t\t\t\t\t\t\t\t\t\t\t</option>\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t</select>\n\t\t\t\t\t\t</form>\n\t\t\t\t\t</div>\n\t\t\t\t</KolInputTag>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate readonly controller: SelectController;\n\n\t/**\n\t * Defines which key combination can be used to trigger or focus the interactive element of the component.\n\t */\n\t@Prop() public _accessKey?: string;\n\n\t/**\n\t * Defines whether the screen-readers should read out the notification.\n\t * @deprecated Will be removed in v3. Use automatic behaviour instead.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _alert?: boolean;\n\n\t/**\n\t * Makes the element not focusable and ignore all events.\n\t * @TODO: Change type back to `DisabledPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _disabled?: boolean = false;\n\n\t/**\n\t * Defines the error message text.\n\t * @deprecated Will be removed in v3. Use `msg` instead.\n\t */\n\t@Prop() public _error?: string;\n\n\t/**\n\t * Hides the error message but leaves it in the DOM for the input's aria-describedby.\n\t * @TODO: Change type back to `HideErrorPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _hideError?: boolean = false;\n\n\t/**\n\t * Hides the caption by default and displays the caption text with a tooltip when the\n\t * interactive element is focused or the mouse is over it.\n\t * @TODO: Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hideLabel?: boolean = false;\n\n\t/**\n\t * Defines the hint text.\n\t */\n\t@Prop() public _hint?: string = '';\n\n\t/**\n\t * Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).\n\t */\n\t@Prop() public _icons?: IconsHorizontalPropType;\n\n\t/**\n\t * Defines the internal ID of the primary component element.\n\t */\n\t@Prop() public _id?: IdPropType;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.\n\t */\n\t@Prop() public _label!: LabelWithExpertSlotPropType;\n\n\t/**\n\t * Defines the properties for a message rendered as Alert component.\n\t */\n\t@Prop() public _msg?: Stringified<MsgPropType>;\n\n\t/**\n\t * Makes the input accept multiple inputs.\n\t * @TODO: Change type back to `MultiplePropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _multiple?: boolean = false;\n\n\t/**\n\t * Defines the technical name of an input field.\n\t */\n\t@Prop() public _name?: NamePropType;\n\n\t/**\n\t * Gibt die EventCallback-Funktionen für das Input-Event an.\n\t */\n\t@Prop() public _on?: InputTypeOnDefault;\n\n\t/**\n\t * Options the user can choose from, also supporting Optgroup.\n\t */\n\t@Prop() public _options!: OptionsWithOptgroupPropType;\n\n\t/**\n\t * Makes the input element required.\n\t * @TODO: Change type back to `RequiredPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _required?: boolean = false;\n\n\t/**\n\t * Adds a visual short key hint to the component.\n\t */\n\t@Prop() public _shortKey?: ShortKeyPropType;\n\n\t/**\n\t * Defines how many rows of options should be visible at the same time.\n\t */\n\t@Prop() public _rows?: RowsPropType;\n\n\t/**\n\t * Selector for synchronizing the value with another input element.\n\t * @internal\n\t */\n\t@Prop() public _syncValueBySelector?: SyncValueBySelectorPropType;\n\n\t/**\n\t * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)\n\t */\n\t@Prop() public _tabIndex?: number;\n\n\t/**\n\t * Defines where to show the Tooltip preferably: top, right, bottom or left.\n\t */\n\t@Prop() public _tooltipAlign?: TooltipAlignPropType = 'top';\n\n\t/**\n\t * Shows if the input was touched by a user.\n\t * @TODO: Change type back to `TouchedPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _touched?: boolean = false;\n\n\t/**\n\t * Defines the value of the input.\n\t */\n\t@Prop({ mutable: true }) public _value?: Stringified<W3CInputValue[]>;\n\n\t@State() public state: SelectStates = {\n\t\t_hasValue: false,\n\t\t_hideError: false,\n\t\t_id: `id-${nonce()}`,\n\t\t_label: '', // ⚠ required\n\t\t_multiple: false,\n\t\t_options: [],\n\t\t_value: [],\n\t};\n\n\t@State() private inputHasFocus = false;\n\n\tpublic constructor() {\n\t\tthis.controller = new SelectController(this, 'select', this.host);\n\t}\n\n\tprivate showAsAlert(): boolean {\n\t\tif (this.state._alert === undefined) {\n\t\t\treturn Boolean(this.state._touched) && !this.inputHasFocus;\n\t\t}\n\t\treturn this.state._alert;\n\t}\n\n\t@Watch('_accessKey')\n\tpublic validateAccessKey(value?: string): void {\n\t\tthis.controller.validateAccessKey(value);\n\t}\n\n\t@Watch('_alert')\n\tpublic validateAlert(value?: boolean): void {\n\t\tthis.controller.validateAlert(value);\n\t}\n\n\t@Watch('_disabled')\n\tpublic validateDisabled(value?: boolean): void {\n\t\tthis.controller.validateDisabled(value);\n\t}\n\n\t@Watch('_error')\n\tpublic validateError(value?: string): void {\n\t\tthis.controller.validateError(value);\n\t}\n\n\t@Watch('_hideError')\n\tpublic validateHideError(value?: HideErrorPropType): void {\n\t\tthis.controller.validateHideError(value);\n\t}\n\n\t@Watch('_hideLabel')\n\tpublic validateHideLabel(value?: boolean): void {\n\t\tthis.controller.validateHideLabel(value);\n\t}\n\n\t@Watch('_hint')\n\tpublic validateHint(value?: string): void {\n\t\tthis.controller.validateHint(value);\n\t}\n\n\t@Watch('_icons')\n\tpublic validateIcons(value?: IconsHorizontalPropType): void {\n\t\tthis.controller.validateIcons(value);\n\t}\n\n\t@Watch('_id')\n\tpublic validateId(value?: string): void {\n\t\tthis.controller.validateId(value);\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelWithExpertSlotPropType): void {\n\t\tthis.controller.validateLabel(value);\n\t}\n\n\t@Watch('_msg')\n\tpublic validateMsg(value?: Stringified<MsgPropType>): void {\n\t\tthis.controller.validateMsg(value);\n\t}\n\n\t@Watch('_multiple')\n\tpublic validateMultiple(value?: boolean): void {\n\t\tthis.controller.validateMultiple(value);\n\t}\n\n\t@Watch('_name')\n\tpublic validateName(value?: string): void {\n\t\tthis.controller.validateName(value);\n\t}\n\n\t@Watch('_on')\n\tpublic validateOn(value?: InputTypeOnDefault): void {\n\t\tthis.controller.validateOn(value);\n\t}\n\n\t@Watch('_options')\n\tpublic validateOptions(value?: OptionsWithOptgroupPropType): void {\n\t\tthis.controller.validateOptions(value);\n\t}\n\n\t@Watch('_required')\n\tpublic validateRequired(value?: boolean): void {\n\t\tthis.controller.validateRequired(value);\n\t}\n\n\t@Watch('_rows')\n\tpublic validateRows(value?: RowsPropType): void {\n\t\tthis.controller.validateRows(value);\n\t}\n\n\t@Watch('_shortKey')\n\tpublic validateShortKey(value?: ShortKeyPropType): void {\n\t\tthis.controller.validateShortKey(value);\n\t}\n\n\t@Watch('_syncValueBySelector')\n\tpublic validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void {\n\t\tthis.controller.validateSyncValueBySelector(value);\n\t}\n\n\t@Watch('_tabIndex')\n\tpublic validateTabIndex(value?: number): void {\n\t\tthis.controller.validateTabIndex(value);\n\t}\n\n\t@Watch('_touched')\n\tpublic validateTouched(value?: boolean): void {\n\t\tthis.controller.validateTouched(value);\n\t}\n\n\t@Watch('_value')\n\tpublic validateValue(value?: Stringified<W3CInputValue[]>): void {\n\t\tthis.controller.validateValue(value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis._touched = this._touched === true;\n\t\tthis.controller.componentWillLoad();\n\n\t\tthis.state._hasValue = !!this.state._value;\n\t\tthis.controller.addValueChangeListener((v) => (this.state._hasValue = !!v));\n\t}\n\n\tprivate onInput(event: Event): void {\n\t\tthis._value = Array.from(this.selectRef?.options || [])\n\t\t\t.filter((option) => option.selected === true)\n\t\t\t.map((option) => this.controller.getOptionByKey(option.value)?.value as string);\n\n\t\t// Event handling\n\t\ttryToDispatchKoliBriEvent('input', this.host, this._value);\n\n\t\t// Callback\n\t\tthis.state._on?.onInput?.(event, this._value);\n\t}\n\n\tprivate onChange(event: Event): void {\n\t\t// Event handling\n\t\tstopPropagation(event);\n\t\ttryToDispatchKoliBriEvent('change', this.host, this._value);\n\n\t\t// Static form handling\n\t\tthis.controller.setFormAssociatedValue(this._value as unknown as string);\n\n\t\t// Callback\n\t\tthis.state._on?.onChange?.(event, this._value);\n\t}\n}\n"],"mappings":";;;86BAiBaA,UAAyBC,EAIrC,WAAAC,CAAmBC,EAAoDC,EAAcC,GACpFC,MAAMH,EAAWC,EAAMC,GAHPE,KAAAC,aAAe,IAAIC,IAOpBF,KAAAG,eAAkBC,GAAmDJ,KAAKC,aAAaI,IAAID,GAE1FJ,KAAAM,iBAAmB,CAACC,EAAeC,IAElDA,EAAQC,MAAMC,UACLA,EAAiCH,QAAU,SAC/CG,EAAiCH,QAAUA,EAC5CI,MAAMC,QAASF,EAA4BF,SAC1CR,KAAKM,iBAAiBC,EAAQG,EAA4BF,SAC1D,UACCK,UAISb,KAAAc,sBAAwB,CAACC,EAAkBP,IACpDO,EAAOC,QAAQT,GAAUP,KAAKM,iBAAiBC,EAAOC,KAAaK,YAGxDb,KAAAiB,kBAAoB,CAACV,EAAgBW,EAAiCC,EAAuCf,KAC/H,GAAIA,IAAQ,SAAU,CACrBJ,KAAKoB,uBAAuBb,E,GAIbP,KAAAqB,mBAAqB,CAACC,EAAiBC,KACvD,MAAMf,EAAUe,EAAUC,IAAI,YAAcD,EAAUlB,IAAI,YAAcL,KAAKJ,UAAU6B,MAAMC,SAC7F,GAAIf,MAAMC,QAAQJ,IAAYA,EAAQmB,OAAS,EAAG,CACjD3B,KAAKC,aAAa2B,QAClBC,EAAiB7B,KAAKC,aAAcO,GACpC,MAAMD,EAAQgB,EAAUC,IAAI,UAAYD,EAAUlB,IAAI,UAAYL,KAAKJ,UAAU6B,MAAMH,OACvF,MAAMQ,EAAW9B,KAAKc,sBACrBH,MAAMC,QAAQL,IAAUA,EAAMoB,OAAS,EAAKpB,EAAqB,GACjEC,GAED,GAAIR,KAAKJ,UAAUmC,YAAc,OAASD,EAASH,SAAW,EAAG,CAChEJ,EAAUS,IAAI,SAAU,CAEtBxB,EAAQ,GAGPD,O,MAEG,GAAII,MAAMC,QAAQL,IAAUuB,EAASH,OAASpB,EAAMoB,OAAQ,CAClEJ,EAAUS,IAAI,SAAUF,E,IA9C1B9B,KAAKJ,UAAYA,C,CAmDX,eAAAqC,CAAgB1B,GACtB2B,EAA4BlC,KAAKJ,UAAWW,EAAO,CAClD4B,MAAO,CACNC,WAAYpC,KAAKiB,kBACjBoB,YAAarC,KAAKqB,qB,CAKd,gBAAAiB,CAAiB/B,GACvBgC,EAAavC,KAAKJ,UAAW,YAAaW,EAAO,CAChD4B,MAAO,CACNC,WAAYpC,KAAKiB,kBACjBoB,YAAarC,KAAKqB,qB,CAWd,gBAAAmB,CAAiBjC,GACvBgC,EAAavC,KAAKJ,UAAW,YAAaW,E,CAGpC,YAAAkC,CAAalC,GACnBkC,EAAazC,KAAKJ,UAAWW,E,CAGvB,aAAAmC,CAAcnC,GACpBoC,EAAqB3C,KAAKJ,UAAW,UAAU,IAAM,MAAMW,EAAOM,UAAW,CAC5EsB,MAAO,CACNC,WAAYpC,KAAKiB,kBACjBoB,YAAarC,KAAKqB,qB,CAKd,iBAAAuB,GACN7C,MAAM6C,oBACN5C,KAAKiC,gBAAgBjC,KAAKJ,UAAU8B,UACpC1B,KAAKsC,iBAAiBtC,KAAKJ,UAAUmC,WACrC/B,KAAKwC,iBAAiBxC,KAAKJ,UAAUiD,WACrC7C,KAAKyC,aAAazC,KAAKJ,UAAUkD,OACjC9C,KAAK0C,cAAc1C,KAAKJ,UAAU0B,O,ECzHpC,MAAMyB,EAAkB,owPACxB,MAAAC,EAAeD,ECiCf,MAAME,EAAa,CAACC,EAA6BC,IACzCxC,MAAMC,QAAQsC,IAAcA,EAAUE,SAASD,G,MAa1CE,EAAS,MAUd,cAAMC,GACZ,OAAOtD,KAAKyB,MAAMH,M,CAOZ,WAAMiC,SACNvD,KAAKwD,U,CAKL,cAAMA,G,OACZC,EAAAzD,KAAK0D,aAAS,MAAAD,SAAA,SAAAA,EAAEF,O,CAGT,cAAAI,CAAeC,EAA4BC,G,MAClD,OACCC,EAAA,YAAUC,SAAUH,EAASG,SAAUC,MAAOJ,EAASI,QACrDP,EAAAG,EAASpD,WAAO,MAAAiD,SAAA,SAAAA,EAAEQ,KAAI,CAACvD,EAAqCwD,KAC5D,MAAM9D,EAAM,GAAGyD,KAAUK,IACzB,GAAIvD,MAAMC,QAASF,EAA4BF,SAAU,CACxD,OAAOR,KAAK2D,eAAejD,EAA4BN,E,KACjD,CACN,OACC0D,EAAA,UACCC,SAAUrD,EAAOqD,SACjB3D,IAAKA,EAEL0B,SAAUmB,EAAWjD,KAAKyB,MAAMH,OAASZ,EAAiCH,OAC1EA,MAAOH,GAENM,EAAOsD,M,MASR,MAAAG,GACN,MAAMC,gBAAEA,GAAoBC,EAAgBrE,KAAKyB,OACjD,MAAM6C,EAAgBC,EAAevE,KAAKyB,MAAM+C,QAEhD,OACCV,EAACW,EAAI,CAAArE,IAAA,2CAACsE,MAAO,CAAE,aAAc,KAAM,YAAa1E,KAAKyB,MAAMkD,YAC1Db,EAACc,EAAW,CAAAxE,IAAA,2CACXsE,MAAO,CACN,eAAgB1E,KAAKyB,MAAMoD,WAC3BC,OAAQ,MAETC,WAAY/E,KAAKyB,MAAMsD,WACvBC,OAAQhF,KAAKiF,cACbC,UAAWlF,KAAKyB,MAAMyD,UACtBC,WAAYnF,KAAKyB,MAAM0D,WACvBN,WAAY7E,KAAKyB,MAAMoD,WACvBO,MAAOpF,KAAKyB,MAAM2D,MAClBC,OAAQrF,KAAKyB,MAAM4D,OACnBC,IAAKtF,KAAKyB,MAAM6D,IAChBd,OAAQxE,KAAKyB,MAAM+C,OACnBe,KAAMvF,KAAKyB,MAAM8D,KACjB1C,UAAW7C,KAAKyB,MAAMoB,UACtB2C,UAAWxF,KAAKyB,MAAM+D,UACtBC,cAAezF,KAAKyF,cACpBC,SAAU1F,KAAKyB,MAAMiE,SACrBC,QAAS,SAAAlC,EAAM,OAAAA,EAAAzD,KAAK0D,aAAS,MAAAD,SAAA,SAAAA,EAAEF,OAAO,EACtCqC,KAAM,gBAEN9B,EAAA,QAAA1D,IAAA,2CAAMyF,KAAK,SACTvB,EACAR,EAAA,QAAMjE,KAAK,kBACDG,KAAKyB,MAAMsD,aAAe,iBAAmB/E,KAAKyB,MAAM+D,YAAc,SAChF1B,EAAAgC,EAAA,KACChC,EAACiC,EAA2B,CAACC,UAAWC,EAAqBjG,KAAKyB,MAAMsD,WAAY/E,KAAKyB,MAAM+D,WAAYxB,MAAOhE,KAAKyB,MAAM+C,SAAW,IACxIV,EAAA,QAAMY,MAAM,kBAAiB,cAAa,QACxCuB,EAAqBjG,KAAKyB,MAAMsD,WAAY/E,KAAKyB,MAAM+D,aAI1D1B,EAAA,YAAO9D,KAAKyB,MAAM+C,SAGpBV,EAAA,OAAA1D,IAAA,2CAAKyF,KAAK,SACT/B,EAAA,QAAA1D,IAAA,2CACC8F,SAAWC,IACVA,EAAMC,iBACNC,EAA2B,CAC1BC,KAAMtG,KAAKF,KACXyG,IAAKvG,KAAK0D,WACT,GAGHI,EAAA,SAAA1D,IAAA,2CAAOoG,KAAK,SAASC,OAAM,OAC3B3C,EAAA,SAAA4C,OAAAC,OAAA,CAAAvG,IAAA,2CACCmG,IAAKvG,KAAK4G,SACVC,MAAM,GACNC,UAAW9G,KAAKyB,MAAMsD,WAAU,mBACdX,EAAgBzC,OAAS,EAAIyC,EAAgB2C,KAAK,KAAOlG,UAAS,aACxEb,KAAKyB,MAAMoD,mBAAqB7E,KAAKyB,MAAM+C,SAAW,SAAWxE,KAAKyB,MAAM+C,OAAS3D,UACjGmG,eAAe,MACfC,YAAY,MACZlD,SAAU/D,KAAKyB,MAAMyD,UACrBgC,GAAIlH,KAAKyB,MAAM6D,IACf6B,SAAUnH,KAAKyB,MAAMM,UACrBlC,KAAMG,KAAKyB,MAAM2F,MACjBC,SAAUrH,KAAKyB,MAAMoB,UACrByE,KAAMtH,KAAKyB,MAAMqB,OACb9C,KAAKuH,WAAWC,SAAQ,CAC5BC,QAASzH,KAAKyH,QAAQC,KAAK1H,MAC3B2H,SAAU3H,KAAK2H,SAASD,KAAK1H,MAC7B4H,QAAUzB,IACTnG,KAAKuH,WAAWC,SAASI,QAAQzB,GACjCnG,KAAK6H,cAAgB,IAAI,EAE1BC,OAAS3B,IACRnG,KAAKuH,WAAWC,SAASM,OAAO3B,GAChCnG,KAAK6H,cAAgB,KAAK,IAG1B7H,KAAKyB,MAAMC,SAASuC,KAAI,CAACvD,EAAQwD,KAMjC,MAAM9D,EAAM,IAAI8D,IAChB,GAAIvD,MAAMC,QAASF,EAAuCF,SAAU,CACnE,OAAOR,KAAK2D,eAAejD,EAAuCN,E,KAC5D,CACN,OACC0D,EAAA,UACCC,SAAUrD,EAAOqD,SAAQ,cACZrD,EAAOqD,SAAW,OAASlD,UACxCT,IAAKA,EAEL0B,SAAUmB,EAAWjD,KAAKyB,MAAMH,OAASZ,EAA4CH,OACrFA,MAAOH,GAENM,EAAOsD,M,UAwJnB,WAAArE,CAAAoI,G,UA3SiB/H,KAAA4G,SAAYL,IAC5BvG,KAAK0D,UAAY6C,CAAG,E,+DAgLgB,M,sCAYiC,M,gBAOhC,M,WAKN,G,kGA0BK,M,+EAqBA,M,8HA0BiB,M,cAMc,M,iCAO9B,CACrC5B,UAAW,MACXQ,WAAY,MACZG,IAAK,MAAM0C,MACXxD,OAAQ,GACRzC,UAAW,MACXL,SAAU,GACVJ,OAAQ,I,mBAGwB,MAGhCtB,KAAKuH,WAAa,IAAI9H,EAAiBO,KAAM,SAAUA,KAAKF,K,CAGrD,WAAAmF,GACP,GAAIjF,KAAKyB,MAAMuD,SAAWnE,UAAW,CACpC,OAAOoH,QAAQjI,KAAKyB,MAAMiE,YAAc1F,KAAK6H,a,CAE9C,OAAO7H,KAAKyB,MAAMuD,M,CAIZ,iBAAAkD,CAAkB3H,GACxBP,KAAKuH,WAAWW,kBAAkB3H,E,CAI5B,aAAA4H,CAAc5H,GACpBP,KAAKuH,WAAWY,cAAc5H,E,CAIxB,gBAAA6H,CAAiB7H,GACvBP,KAAKuH,WAAWa,iBAAiB7H,E,CAI3B,aAAA8H,CAAc9H,GACpBP,KAAKuH,WAAWc,cAAc9H,E,CAIxB,iBAAA+H,CAAkB/H,GACxBP,KAAKuH,WAAWe,kBAAkB/H,E,CAI5B,iBAAAgI,CAAkBhI,GACxBP,KAAKuH,WAAWgB,kBAAkBhI,E,CAI5B,YAAAiI,CAAajI,GACnBP,KAAKuH,WAAWiB,aAAajI,E,CAIvB,aAAAkI,CAAclI,GACpBP,KAAKuH,WAAWkB,cAAclI,E,CAIxB,UAAAmI,CAAWnI,GACjBP,KAAKuH,WAAWmB,WAAWnI,E,CAIrB,aAAAoI,CAAcpI,GACpBP,KAAKuH,WAAWoB,cAAcpI,E,CAIxB,WAAAqI,CAAYrI,GAClBP,KAAKuH,WAAWqB,YAAYrI,E,CAItB,gBAAA+B,CAAiB/B,GACvBP,KAAKuH,WAAWjF,iBAAiB/B,E,CAI3B,YAAAsI,CAAatI,GACnBP,KAAKuH,WAAWsB,aAAatI,E,CAIvB,UAAAuI,CAAWvI,GACjBP,KAAKuH,WAAWuB,WAAWvI,E,CAIrB,eAAA0B,CAAgB1B,GACtBP,KAAKuH,WAAWtF,gBAAgB1B,E,CAI1B,gBAAAiC,CAAiBjC,GACvBP,KAAKuH,WAAW/E,iBAAiBjC,E,CAI3B,YAAAkC,CAAalC,GACnBP,KAAKuH,WAAW9E,aAAalC,E,CAIvB,gBAAAwI,CAAiBxI,GACvBP,KAAKuH,WAAWwB,iBAAiBxI,E,CAI3B,2BAAAyI,CAA4BzI,GAClCP,KAAKuH,WAAWyB,4BAA4BzI,E,CAItC,gBAAA0I,CAAiB1I,GACvBP,KAAKuH,WAAW0B,iBAAiB1I,E,CAI3B,eAAA2I,CAAgB3I,GACtBP,KAAKuH,WAAW2B,gBAAgB3I,E,CAI1B,aAAAmC,CAAcnC,GACpBP,KAAKuH,WAAW7E,cAAcnC,E,CAGxB,iBAAAqC,GACN5C,KAAK0F,SAAW1F,KAAK0F,WAAa,KAClC1F,KAAKuH,WAAW3E,oBAEhB5C,KAAKyB,MAAMkD,YAAc3E,KAAKyB,MAAMH,OACpCtB,KAAKuH,WAAW4B,wBAAwBC,GAAOpJ,KAAKyB,MAAMkD,YAAcyE,G,CAGjE,OAAA3B,CAAQtB,G,UACfnG,KAAKsB,OAASX,MAAM0I,OAAK5F,EAAAzD,KAAK0D,aAAS,MAAAD,SAAA,SAAAA,EAAEjD,UAAW,IAClDQ,QAAQN,GAAWA,EAAOoB,WAAa,OACvCmC,KAAKvD,IAAM,IAAA+C,EAAK,OAAAA,EAAAzD,KAAKuH,WAAWpH,eAAeO,EAAOH,UAAM,MAAAkD,SAAA,SAAAA,EAAElD,KAAe,IAG/E+I,EAA0B,QAAStJ,KAAKF,KAAME,KAAKsB,SAGnDiI,GAAAC,EAAAxJ,KAAKyB,MAAMgI,OAAG,MAAAD,SAAA,SAAAA,EAAE/B,WAAO,MAAA8B,SAAA,SAAAA,EAAAG,KAAAF,EAAGrD,EAAOnG,KAAKsB,O,CAG/B,QAAAqG,CAASxB,G,QAEhBwD,EAAgBxD,GAChBmD,EAA0B,SAAUtJ,KAAKF,KAAME,KAAKsB,QAGpDtB,KAAKuH,WAAWnG,uBAAuBpB,KAAKsB,SAG5CkI,GAAA/F,EAAAzD,KAAKyB,MAAMgI,OAAG,MAAAhG,SAAA,SAAAA,EAAEkE,YAAQ,MAAA6B,SAAA,SAAAA,EAAAE,KAAAjG,EAAG0C,EAAOnG,KAAKsB,O","ignoreList":[]}
|
1
|
+
{"version":3,"names":["SelectController","InputIconController","constructor","component","name","host","super","this","keyOptionMap","Map","getOptionByKey","key","get","isValueInOptions","value","options","find","option","Array","isArray","undefined","filterValuesInOptions","values","filter","afterPatchOptions","_state","_component","setFormAssociatedValue","beforePatchOptions","_value","nextState","has","state","_options","length","clear","fillKeyOptionMap","selected","_multiple","set","validateOptions","validateOptionsWithOptgroup","hooks","afterPatch","beforePatch","validateMultiple","watchBoolean","validateRequired","validateRows","validateValue","watchJsonArrayString","componentWillLoad","_required","_rows","NativeOptionFc","_a","baseClassName","class","classNames","index","selectedValue","label","disabled","other","__rest","isSelected","includes","h","Object","assign","clsx","NativeOptionFc$1","NativeOptionListFc","preKey","OptionProps","OptionGroupProps","Fragment","map","join","toString","NativeOptionListFc$1","NativeSelectFc","props","msg","touched","required","ariaDescribedBy","hideLabel","showMsg","checkHasMsg","stateCssClasses","Boolean","type","inputProps","getDefaultProps","KolSelectFc","getSelectProps","getRenderStates","id","_id","_hideLabel","_label","accessKey","_accessKey","_disabled","_name","size","multiple","_touched","convertMsgToInternMsg","_msg","SelectStateWrapper","KolSelectStateWrapperFc","defaultStyleCss","KolSelectDefaultStyle0","KolSelect","getValue","kolFocus","selectRef","focus","getFormFieldProps","_hasValue","tooltipAlign","_tooltipAlign","onClick","alert","showAsAlert","ref","catchRef","controller","onFacade","onInput","bind","onChange","onFocus","event","inputHasFocus","onBlur","render","KolFormFieldStateWrapperFc","KolInputContainerFc","onSubmit","preventDefault","propagateSubmitEventToForm","form","hidden","hostRef","_hideMsg","nonce","validateAccessKey","validateDisabled","validateHideMsg","validateHideLabel","validateHint","validateIcons","validateId","validateLabel","validateMsg","validateName","validateOn","validateShortKey","validateSyncValueBySelector","validateTabIndex","validateTouched","addValueChangeListener","v","from"],"sources":["src/components/select/controller.ts","src/functional-components/inputs/NativeOption/NativeOption.tsx","src/functional-components/inputs/NativeOptionList/NativeOptionList.tsx","src/functional-components/inputs/NativeSelect/NativeSelect.tsx","src/functional-component-wrappers/SelectStateWrapper/SelectStateWrapper.tsx","src/components/select/style.scss?tag=kol-select&mode=default&encapsulation=shadow","src/components/select/shadow.tsx"],"sourcesContent":["import type {\n\tOptgroup,\n\tOption,\n\tOptionsWithOptgroupPropType,\n\tRowsPropType,\n\tSelectOption,\n\tSelectProps,\n\tSelectWatches,\n\tStringified,\n\tW3CInputValue,\n} from '../../schema';\nimport { validateOptionsWithOptgroup, validateRows, watchBoolean, watchJsonArrayString } from '../../schema';\n\nimport { InputIconController } from '../@deprecated/input/controller-icon';\nimport { fillKeyOptionMap } from '../input-radio/controller';\n\nimport type { Generic } from 'adopted-style-sheets';\nexport class SelectController extends InputIconController implements SelectWatches {\n\tprotected readonly component: Generic.Element.Component & SelectProps;\n\tprivate readonly keyOptionMap = new Map<string, Option<W3CInputValue>>();\n\n\tpublic constructor(component: Generic.Element.Component & SelectProps, name: string, host?: HTMLElement) {\n\t\tsuper(component, name, host);\n\t\tthis.component = component;\n\t}\n\n\tpublic readonly getOptionByKey = (key: string): Option<W3CInputValue> | undefined => this.keyOptionMap.get(key);\n\n\tprivate readonly isValueInOptions = (value: string, options: SelectOption<W3CInputValue>[]): boolean => {\n\t\treturn (\n\t\t\toptions.find((option) =>\n\t\t\t\ttypeof (option as Option<W3CInputValue>).value === 'string'\n\t\t\t\t\t? (option as Option<W3CInputValue>).value === value\n\t\t\t\t\t: Array.isArray((option as Optgroup<string>).options)\n\t\t\t\t\t\t? this.isValueInOptions(value, (option as Optgroup<string>).options)\n\t\t\t\t\t\t: false,\n\t\t\t) !== undefined\n\t\t);\n\t};\n\n\tprivate readonly filterValuesInOptions = (values: string[], options: SelectOption<W3CInputValue>[]): string[] => {\n\t\treturn values.filter((value) => this.isValueInOptions(value, options) !== undefined);\n\t};\n\n\tprotected readonly afterPatchOptions = (value: unknown, _state: Record<string, unknown>, _component: Generic.Element.Component, key: string): void => {\n\t\tif (key === '_value') {\n\t\t\tthis.setFormAssociatedValue(value as string);\n\t\t}\n\t};\n\n\tprivate readonly beforePatchOptions = (_value: unknown, nextState: Map<string, unknown>): void => {\n\t\tconst options = nextState.has('_options') ? nextState.get('_options') : this.component.state._options;\n\t\tif (Array.isArray(options) && options.length > 0) {\n\t\t\tthis.keyOptionMap.clear();\n\t\t\tfillKeyOptionMap(this.keyOptionMap, options as SelectOption<W3CInputValue>[]);\n\t\t\tconst value = nextState.has('_value') ? nextState.get('_value') : this.component.state._value;\n\t\t\tconst selected = this.filterValuesInOptions(\n\t\t\t\tArray.isArray(value) && value.length > 0 ? (value as string[]) : [],\n\t\t\t\toptions as SelectOption<W3CInputValue>[],\n\t\t\t);\n\t\t\tif (this.component._multiple === false && selected.length === 0) {\n\t\t\t\tnextState.set('_value', [\n\t\t\t\t\t(\n\t\t\t\t\t\toptions[0] as {\n\t\t\t\t\t\t\tvalue: string;\n\t\t\t\t\t\t}\n\t\t\t\t\t).value,\n\t\t\t\t]);\n\t\t\t} else if (Array.isArray(value) && selected.length < value.length) {\n\t\t\t\tnextState.set('_value', selected);\n\t\t\t}\n\t\t}\n\t};\n\n\tpublic validateOptions(value?: OptionsWithOptgroupPropType): void {\n\t\tvalidateOptionsWithOptgroup(this.component, value, {\n\t\t\thooks: {\n\t\t\t\tafterPatch: this.afterPatchOptions,\n\t\t\t\tbeforePatch: this.beforePatchOptions,\n\t\t\t},\n\t\t});\n\t}\n\n\tpublic validateMultiple(value?: boolean): void {\n\t\twatchBoolean(this.component, '_multiple', value, {\n\t\t\thooks: {\n\t\t\t\tafterPatch: this.afterPatchOptions,\n\t\t\t\tbeforePatch: this.beforePatchOptions,\n\t\t\t},\n\t\t});\n\t\t// if (value === true) {\n\t\t// \tdevHint(\n\t\t// \t\t'[KolSelect] Currently, multiple selection is not yet supported. We are working on implementing it to be functional, as there are some gaps in the browser standard.'\n\t\t// \t);\n\t\t// \tdevHint('[KolSelect] For multiple selections, the list length (size) should also be set.');\n\t\t// }\n\t}\n\n\tpublic validateRequired(value?: boolean): void {\n\t\twatchBoolean(this.component, '_required', value);\n\t}\n\n\tpublic validateRows(value?: RowsPropType) {\n\t\tvalidateRows(this.component, value);\n\t}\n\n\tpublic validateValue(value?: Stringified<W3CInputValue[]>): void {\n\t\twatchJsonArrayString(this.component, '_value', () => true, value, undefined, {\n\t\t\thooks: {\n\t\t\t\tafterPatch: this.afterPatchOptions,\n\t\t\t\tbeforePatch: this.beforePatchOptions,\n\t\t\t},\n\t\t});\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tsuper.componentWillLoad();\n\t\tthis.validateOptions(this.component._options);\n\t\tthis.validateMultiple(this.component._multiple);\n\t\tthis.validateRequired(this.component._required);\n\t\tthis.validateRows(this.component._rows);\n\t\tthis.validateValue(this.component._value);\n\t}\n}\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport type { W3CInputValue } from '../../../schema';\nimport clsx from 'clsx';\n\nexport type NativeOptionProps = Omit<JSXBase.OptionHTMLAttributes<HTMLOptionElement>, 'value' | 'label'> & {\n\tselectedValue?: W3CInputValue | W3CInputValue[];\n\tvalue: W3CInputValue;\n\tlabel: W3CInputValue;\n\tindex?: string | number;\n\tbaseClassName?: 'kol-select' | 'kol-datalist';\n};\n\nconst NativeOptionFc: FC<NativeOptionProps> = ({\n\tbaseClassName = 'kol-select',\n\tclass: classNames,\n\tindex,\n\tselectedValue,\n\tselected,\n\tvalue,\n\tlabel,\n\tdisabled,\n\t...other\n}) => {\n\tif (!selectedValue) {\n\t\tselectedValue = [];\n\t} else if (!Array.isArray(selectedValue)) {\n\t\tselectedValue = [selectedValue];\n\t}\n\n\tconst isSelected = selected || selectedValue.includes(value);\n\n\treturn (\n\t\t<option\n\t\t\tclass={clsx(\n\t\t\t\t`${baseClassName}__option`,\n\t\t\t\t{\n\t\t\t\t\t[`${baseClassName}__option--selected`]: isSelected,\n\t\t\t\t\t[`${baseClassName}__option--disabled`]: disabled,\n\t\t\t\t},\n\t\t\t\tclassNames,\n\t\t\t)}\n\t\t\tselected={isSelected}\n\t\t\tdisabled={disabled}\n\t\t\taria-hidden={disabled ? 'true' : undefined} //See Known Issue: https://github.com/public-ui/kolibri/blob/develop/KNOWN_ISSUES.md\n\t\t\tvalue={index || value}\n\t\t\t{...other}\n\t\t>\n\t\t\t{label}\n\t\t</option>\n\t);\n};\n\nexport default NativeOptionFc;\n","import { h, Fragment, type FunctionalComponent as FC } from '@stencil/core';\nimport clsx from 'clsx';\nimport type { SelectOption, W3CInputValue } from '../../../schema';\nimport NativeOptionFc from '../NativeOption/NativeOption';\nimport type { JSXBase } from '@stencil/core/internal';\n\nexport type NativeOptionListProps = {\n\tpreKey?: string;\n\tdisabled?: boolean;\n\tvalue?: W3CInputValue | W3CInputValue[];\n\toptions?: SelectOption<W3CInputValue>[];\n\n\tOptionProps?: Omit<JSXBase.OptionHTMLAttributes<HTMLOptionElement>, 'value' | 'label'>;\n\tOptionGroupProps?: Omit<JSXBase.OptgroupHTMLAttributes<HTMLOptGroupElement>, 'label'>;\n\n\tbaseClassName?: 'kol-select';\n};\n\nconst NativeOptionListFc: FC<NativeOptionListProps> = ({\n\tbaseClassName,\n\tpreKey,\n\toptions,\n\tdisabled,\n\tvalue: selectedValue,\n\tOptionProps = {},\n\tOptionGroupProps = {},\n}) => {\n\tif (!options?.length) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{options.map((option, index) => {\n\t\t\t\tconst key = [preKey, `-${index}`].join('');\n\n\t\t\t\tif ('options' in option) {\n\t\t\t\t\tif (!options.length) {\n\t\t\t\t\t\treturn null;\n\t\t\t\t\t}\n\n\t\t\t\t\tconst { label, ...other } = option;\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<optgroup\n\t\t\t\t\t\t\tclass={clsx(`${baseClassName}__optgroup`, { [`${baseClassName}__optgroup--disabled`]: disabled })}\n\t\t\t\t\t\t\tkey={key}\n\t\t\t\t\t\t\t{...OptionGroupProps}\n\t\t\t\t\t\t\tlabel={label?.toString()}\n\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<NativeOptionListFc\n\t\t\t\t\t\t\t\tbaseClassName={baseClassName}\n\t\t\t\t\t\t\t\tOptionGroupProps={OptionGroupProps}\n\t\t\t\t\t\t\t\tOptionProps={OptionProps}\n\t\t\t\t\t\t\t\tvalue={selectedValue}\n\t\t\t\t\t\t\t\tpreKey={key}\n\t\t\t\t\t\t\t\t{...other}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</optgroup>\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\tif ('value' in option) {\n\t\t\t\t\treturn <NativeOptionFc key={key} baseClassName={baseClassName} {...OptionProps} index={key} selectedValue={selectedValue} {...option} />;\n\t\t\t\t}\n\n\t\t\t\treturn null;\n\t\t\t})}\n\t\t</>\n\t);\n};\n\nexport default NativeOptionListFc;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport clsx from 'clsx';\nimport { getDefaultProps } from '../_helpers/getDefaultProps';\nimport type { DefaultInputProps } from '../_types';\nimport NativeOptionListFc, { type NativeOptionListProps } from '../NativeOptionList';\nimport { checkHasMsg, type InternMsgPropType } from '../../../schema';\n\ntype SelectAttributes = JSXBase.SelectHTMLAttributes<HTMLSelectElement>;\n\nexport type SelectProps = DefaultInputProps<SelectAttributes> &\n\tNativeOptionListProps & {\n\t\ttouched?: boolean;\n\t\tmsg?: InternMsgPropType;\n\t};\n\nconst NativeSelectFc: FC<SelectProps> = (props) => {\n\tconst {\n\t\tclass: classNames,\n\t\tmsg,\n\t\ttouched,\n\t\tdisabled,\n\t\trequired,\n\t\toptions,\n\t\tvalue,\n\t\tOptionProps,\n\t\tOptionGroupProps,\n\t\tariaDescribedBy,\n\t\thideLabel,\n\t\tlabel,\n\t\t...other\n\t} = props;\n\n\tconst showMsg = checkHasMsg(msg, touched);\n\n\tconst stateCssClasses = {\n\t\t['kol-select--disabled']: Boolean(disabled),\n\t\t['kol-select--required']: Boolean(required),\n\t\t['kol-select--touched']: Boolean(touched),\n\t\t[`kol-select--${msg?.type || 'error'}`]: showMsg,\n\t};\n\n\tconst inputProps: SelectAttributes = {\n\t\tclass: clsx('kol-select', stateCssClasses, classNames),\n\t\trequired: required,\n\t\tdisabled: disabled,\n\t\t...getDefaultProps({ ariaDescribedBy, hideLabel, label }),\n\t\t...other,\n\t};\n\n\treturn (\n\t\t<select {...inputProps}>\n\t\t\t<NativeOptionListFc baseClassName=\"kol-select\" options={options} value={value} OptionGroupProps={OptionGroupProps} OptionProps={OptionProps} />\n\t\t</select>\n\t);\n};\n\nexport default NativeSelectFc;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport KolSelectFc, { type SelectProps } from '../../functional-components/inputs/NativeSelect';\n\nimport { convertMsgToInternMsg, type SelectStates } from '../../schema';\nimport { getRenderStates } from '../_helpers/getRenderStates';\n\nexport type SelectStateWrapperProps = Partial<SelectProps> & {\n\tstate: SelectStates;\n};\n\nfunction getSelectProps(state: SelectStates): SelectProps {\n\tconst { ariaDescribedBy } = getRenderStates(state);\n\n\tconst props: SelectProps = {\n\t\tid: state._id,\n\t\thideLabel: state._hideLabel,\n\t\tlabel: state._label,\n\t\tvalue: state._value,\n\t\toptions: state._options,\n\t\taccessKey: state._accessKey,\n\t\tdisabled: state._disabled,\n\t\tname: state._name,\n\t\tariaDescribedBy: ariaDescribedBy,\n\t\tsize: state._rows,\n\t\tmultiple: state._multiple,\n\t\trequired: state._required,\n\t\ttouched: state._touched,\n\t\tmsg: convertMsgToInternMsg(state._msg),\n\t};\n\n\treturn props;\n}\n\nconst SelectStateWrapper: FC<SelectStateWrapperProps> = ({ state, ...other }) => {\n\treturn <KolSelectFc {...getSelectProps(state)} {...other} />;\n};\n\nexport default SelectStateWrapper;\n","@use '../../styles/global' as *;\n@use '../../styles/kol-alert-mixin' as *;\n@use '../../styles/kol-form-field-mixin' as *;\n@use '../../styles/kol-input-container-mixin' as *;\n@use '../../styles/kol-input-mixin' as *;\n@use '../@shared/mixins' as *;\n\n@include kol-alert;\n@include kol-form-field;\n@include kol-input-container;\n\n@layer kol-component {\n\t.kol-select {\n\t\tfont-size: rem(16);\n\t\twidth: 100%;\n\n\t\t&:not(:disabled) {\n\t\t\tcursor: pointer;\n\t\t}\n\n\t\t&:not([multiple], [size]) {\n\t\t\theight: 2.75em;\n\t\t}\n\n\t\t&:focus {\n\t\t\toutline: none;\n\t\t}\n\n\t\t&__option:checked::before {\n\t\t\tcontent: '✓ ';\n\t\t}\n\n\t\t/* needed hack for vertical alignment */\n\t\t&[multiple] option {\n\t\t\tpadding: calc((var(--a11y-min-size) - rem(16)) / 2) 0.5em;\n\t\t}\n\t}\n}\n","import type { JSX } from '@stencil/core';\nimport { Component, Element, h, Method, Prop, State, Watch } from '@stencil/core';\nimport clsx from 'clsx';\n\nimport type {\n\tFocusableElement,\n\tHideMsgPropType,\n\tIdPropType,\n\tInputTypeOnDefault,\n\tIconsHorizontalPropType,\n\tLabelWithExpertSlotPropType,\n\tMsgPropType,\n\tNamePropType,\n\tOptionsWithOptgroupPropType,\n\tRowsPropType,\n\tSelectAPI,\n\tSelectStates,\n\tShortKeyPropType,\n\tStringified,\n\tSyncValueBySelectorPropType,\n\tTooltipAlignPropType,\n\tW3CInputValue,\n} from '../../schema';\n\nimport { nonce } from '../../utils/dev.utils';\nimport { SelectController } from './controller';\nimport { propagateSubmitEventToForm } from '../form/controller';\nimport KolFormFieldStateWrapperFc, { type FormFieldStateWrapperProps } from '../../functional-component-wrappers/FormFieldStateWrapper';\nimport KolSelectStateWrapperFc, { type SelectStateWrapperProps } from '../../functional-component-wrappers/SelectStateWrapper';\nimport KolInputContainerFc from '../../functional-component-wrappers/InputContainerStateWrapper';\n\n/**\n * @slot - Die Beschriftung des Eingabefeldes.\n */\n@Component({\n\ttag: 'kol-select',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolSelect implements SelectAPI, FocusableElement {\n\t@Element() private readonly host?: HTMLKolSelectElement;\n\tprivate selectRef?: HTMLSelectElement;\n\n\tprivate readonly catchRef = (ref?: HTMLSelectElement) => {\n\t\tthis.selectRef = ref;\n\t};\n\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async getValue(): Promise<Stringified<W3CInputValue[]> | undefined> {\n\t\treturn this.state._value;\n\t}\n\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async kolFocus() {\n\t\tthis.selectRef?.focus();\n\t}\n\n\tprivate getFormFieldProps(): FormFieldStateWrapperProps {\n\t\treturn {\n\t\t\tstate: this.state,\n\t\t\tclass: clsx('kol-form-field-select', {\n\t\t\t\t'kol-form-field--has-value': this.state._hasValue,\n\t\t\t}),\n\t\t\ttooltipAlign: this._tooltipAlign,\n\t\t\tonClick: () => this.selectRef?.focus(),\n\t\t\talert: this.showAsAlert(),\n\t\t};\n\t}\n\n\tprivate getSelectProps(): SelectStateWrapperProps {\n\t\treturn {\n\t\t\tref: this.catchRef,\n\t\t\tstate: this.state,\n\t\t\t...this.controller.onFacade,\n\t\t\tonInput: this.onInput.bind(this),\n\t\t\tonChange: this.onChange.bind(this),\n\t\t\tonFocus: (event: Event) => {\n\t\t\t\tthis.controller.onFacade.onFocus(event);\n\t\t\t\tthis.inputHasFocus = true;\n\t\t\t},\n\t\t\tonBlur: (event: Event) => {\n\t\t\t\tthis.controller.onFacade.onBlur(event);\n\t\t\t\tthis.inputHasFocus = false;\n\t\t\t},\n\t\t};\n\t}\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<KolFormFieldStateWrapperFc {...this.getFormFieldProps()}>\n\t\t\t\t<KolInputContainerFc state={this.state}>\n\t\t\t\t\t<form\n\t\t\t\t\t\tonSubmit={(event) => {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\tpropagateSubmitEventToForm({\n\t\t\t\t\t\t\t\tform: this.host,\n\t\t\t\t\t\t\t\tref: this.selectRef,\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<input type=\"submit\" hidden />\n\t\t\t\t\t\t<KolSelectStateWrapperFc {...this.getSelectProps()} />\n\t\t\t\t\t</form>\n\t\t\t\t</KolInputContainerFc>\n\t\t\t</KolFormFieldStateWrapperFc>\n\t\t);\n\t}\n\n\tprivate readonly controller: SelectController;\n\n\t/**\n\t * Defines which key combination can be used to trigger or focus the interactive element of the component.\n\t */\n\t@Prop() public _accessKey?: string;\n\n\t/**\n\t * Makes the element not focusable and ignore all events.\n\t * @TODO: Change type back to `DisabledPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _disabled?: boolean = false;\n\n\t/**\n\t * Hides the error message but leaves it in the DOM for the input's aria-describedby.\n\t * @TODO: Change type back to `HideMsgPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _hideMsg?: boolean = false;\n\n\t/**\n\t * Hides the caption by default and displays the caption text with a tooltip when the\n\t * interactive element is focused or the mouse is over it.\n\t * @TODO: Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hideLabel?: boolean = false;\n\n\t/**\n\t * Defines the hint text.\n\t */\n\t@Prop() public _hint?: string = '';\n\n\t/**\n\t * Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).\n\t */\n\t@Prop() public _icons?: IconsHorizontalPropType;\n\n\t/**\n\t * Defines the internal ID of the primary component element.\n\t */\n\t@Prop() public _id?: IdPropType;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.\n\t */\n\t@Prop() public _label!: LabelWithExpertSlotPropType;\n\n\t/**\n\t * Defines the properties for a message rendered as Alert component.\n\t */\n\t@Prop() public _msg?: Stringified<MsgPropType>;\n\n\t/**\n\t * Makes the input accept multiple inputs.\n\t * @TODO: Change type back to `MultiplePropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _multiple?: boolean = false;\n\n\t/**\n\t * Defines the technical name of an input field.\n\t */\n\t@Prop() public _name?: NamePropType;\n\n\t/**\n\t * Gibt die EventCallback-Funktionen für das Input-Event an.\n\t */\n\t@Prop() public _on?: InputTypeOnDefault;\n\n\t/**\n\t * Options the user can choose from, also supporting Optgroup.\n\t */\n\t@Prop() public _options!: OptionsWithOptgroupPropType;\n\n\t/**\n\t * Makes the input element required.\n\t * @TODO: Change type back to `RequiredPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _required?: boolean = false;\n\n\t/**\n\t * Adds a visual short key hint to the component.\n\t */\n\t@Prop() public _shortKey?: ShortKeyPropType;\n\n\t/**\n\t * Defines how many rows of options should be visible at the same time.\n\t */\n\t@Prop() public _rows?: RowsPropType;\n\n\t/**\n\t * Selector for synchronizing the value with another input element.\n\t * @internal\n\t */\n\t@Prop() public _syncValueBySelector?: SyncValueBySelectorPropType;\n\n\t/**\n\t * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)\n\t */\n\t@Prop() public _tabIndex?: number;\n\n\t/**\n\t * Defines where to show the Tooltip preferably: top, right, bottom or left.\n\t */\n\t@Prop() public _tooltipAlign?: TooltipAlignPropType = 'top';\n\n\t/**\n\t * Shows if the input was touched by a user.\n\t * @TODO: Change type back to `TouchedPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _touched?: boolean = false;\n\n\t/**\n\t * Defines the value of the input.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _value?: Stringified<W3CInputValue[]>;\n\n\t@State() public state: SelectStates = {\n\t\t_hasValue: false,\n\t\t_hideMsg: false,\n\t\t_id: `id-${nonce()}`,\n\t\t_label: '', // ⚠ required\n\t\t_multiple: false,\n\t\t_options: [],\n\t\t_value: [],\n\t};\n\n\t@State() private inputHasFocus = false;\n\n\tpublic constructor() {\n\t\tthis.controller = new SelectController(this, 'select', this.host);\n\t}\n\n\tprivate showAsAlert(): boolean {\n\t\treturn Boolean(this.state._touched) && !this.inputHasFocus;\n\t}\n\n\t@Watch('_accessKey')\n\tpublic validateAccessKey(value?: string): void {\n\t\tthis.controller.validateAccessKey(value);\n\t}\n\n\t@Watch('_disabled')\n\tpublic validateDisabled(value?: boolean): void {\n\t\tthis.controller.validateDisabled(value);\n\t}\n\n\t@Watch('_hideMsg')\n\tpublic validateHideMsg(value?: HideMsgPropType): void {\n\t\tthis.controller.validateHideMsg(value);\n\t}\n\n\t@Watch('_hideLabel')\n\tpublic validateHideLabel(value?: boolean): void {\n\t\tthis.controller.validateHideLabel(value);\n\t}\n\n\t@Watch('_hint')\n\tpublic validateHint(value?: string): void {\n\t\tthis.controller.validateHint(value);\n\t}\n\n\t@Watch('_icons')\n\tpublic validateIcons(value?: IconsHorizontalPropType): void {\n\t\tthis.controller.validateIcons(value);\n\t}\n\n\t@Watch('_id')\n\tpublic validateId(value?: string): void {\n\t\tthis.controller.validateId(value);\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelWithExpertSlotPropType): void {\n\t\tthis.controller.validateLabel(value);\n\t}\n\n\t@Watch('_msg')\n\tpublic validateMsg(value?: Stringified<MsgPropType>): void {\n\t\tthis.controller.validateMsg(value);\n\t}\n\n\t@Watch('_multiple')\n\tpublic validateMultiple(value?: boolean): void {\n\t\tthis.controller.validateMultiple(value);\n\t}\n\n\t@Watch('_name')\n\tpublic validateName(value?: string): void {\n\t\tthis.controller.validateName(value);\n\t}\n\n\t@Watch('_on')\n\tpublic validateOn(value?: InputTypeOnDefault): void {\n\t\tthis.controller.validateOn(value);\n\t}\n\n\t@Watch('_options')\n\tpublic validateOptions(value?: OptionsWithOptgroupPropType): void {\n\t\tthis.controller.validateOptions(value);\n\t}\n\n\t@Watch('_required')\n\tpublic validateRequired(value?: boolean): void {\n\t\tthis.controller.validateRequired(value);\n\t}\n\n\t@Watch('_rows')\n\tpublic validateRows(value?: RowsPropType): void {\n\t\tthis.controller.validateRows(value);\n\t}\n\n\t@Watch('_shortKey')\n\tpublic validateShortKey(value?: ShortKeyPropType): void {\n\t\tthis.controller.validateShortKey(value);\n\t}\n\n\t@Watch('_syncValueBySelector')\n\tpublic validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void {\n\t\tthis.controller.validateSyncValueBySelector(value);\n\t}\n\n\t@Watch('_tabIndex')\n\tpublic validateTabIndex(value?: number): void {\n\t\tthis.controller.validateTabIndex(value);\n\t}\n\n\t@Watch('_touched')\n\tpublic validateTouched(value?: boolean): void {\n\t\tthis.controller.validateTouched(value);\n\t}\n\n\t@Watch('_value')\n\tpublic validateValue(value?: Stringified<W3CInputValue[]>): void {\n\t\tthis.controller.validateValue(value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis._touched = this._touched === true;\n\t\tthis.controller.componentWillLoad();\n\n\t\tthis.state._hasValue = !!this.state._value;\n\t\tthis.controller.addValueChangeListener((v) => (this.state._hasValue = !!v));\n\t}\n\n\tprivate onInput(event: Event): void {\n\t\tthis._value = Array.from(this.selectRef?.options || [])\n\t\t\t.filter((option) => option.selected === true)\n\t\t\t.map((option) => this.controller.getOptionByKey(option.value)?.value as string);\n\n\t\tthis.controller.onFacade.onInput(event, true, this._value);\n\t}\n\n\tprivate onChange(event: Event): void {\n\t\tthis.controller.onFacade.onChange(event, this._value);\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
|