@public-ui/components 1.7.15 → 1.7.16
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 +1 -1
- package/dist/cjs/{a11y.tipps-448db2c0.js → a11y.tipps-bd449d8f.js} +1 -1
- package/dist/cjs/{a11y.tipps-448db2c0.js.map → a11y.tipps-bd449d8f.js.map} +1 -1
- package/dist/cjs/align-a8382c2d.js +4 -0
- package/dist/cjs/{align-806255e3.js.map → align-a8382c2d.js.map} +1 -1
- package/dist/cjs/{alignment-b708b3e5.js → alignment-3dc1be8a.js} +1 -1
- package/dist/cjs/{alignment-b708b3e5.js.map → alignment-3dc1be8a.js.map} +1 -1
- package/dist/cjs/{app-globals-2d68f57c.js → app-globals-75e5e6b9.js} +1 -1
- package/dist/cjs/{app-globals-2d68f57c.js.map → app-globals-75e5e6b9.js.map} +1 -1
- package/dist/cjs/aria-current-86dc3c8f.js +4 -0
- package/dist/cjs/{aria-current-991d67c0.js.map → aria-current-86dc3c8f.js.map} +1 -1
- package/dist/cjs/{associated.controller-598aaf95.js → associated.controller-e583ef2c.js} +1 -1
- package/dist/cjs/{associated.controller-598aaf95.js.map → associated.controller-e583ef2c.js.map} +1 -1
- package/dist/cjs/{color-b92069aa.js → color-cccb0f7f.js} +1 -1
- package/dist/cjs/{color-b92069aa.js.map → color-cccb0f7f.js.map} +1 -1
- package/dist/cjs/{controller-0a8985c7.js → controller-67bdfa63.js} +1 -1
- package/dist/cjs/{controller-0a8985c7.js.map → controller-67bdfa63.js.map} +1 -1
- package/dist/cjs/controller-a44ea733.js +4 -0
- package/dist/cjs/controller-a44ea733.js.map +1 -0
- package/dist/cjs/{controller-5a4590b3.js → controller-ad83264f.js} +1 -1
- package/dist/cjs/{controller-5a4590b3.js.map → controller-ad83264f.js.map} +1 -1
- package/dist/cjs/{controller-19caccf3.js → controller-de595e53.js} +1 -1
- package/dist/cjs/{controller-19caccf3.js.map → controller-de595e53.js.map} +1 -1
- package/dist/cjs/{controller-0d92b282.js → controller-e7bf77b4.js} +1 -1
- package/dist/cjs/controller-e7bf77b4.js.map +1 -0
- package/dist/cjs/{controller-icon-45f11305.js → controller-icon-5cfc9873.js} +1 -1
- package/dist/cjs/{controller-icon-45f11305.js.map → controller-icon-5cfc9873.js.map} +1 -1
- package/dist/cjs/{custom-class-94e5c92c.js → custom-class-6151c106.js} +1 -1
- package/dist/cjs/{custom-class-94e5c92c.js.map → custom-class-6151c106.js.map} +1 -1
- package/dist/cjs/{dev.utils-98ac4a2d.js → dev.utils-8ff2366d.js} +1 -1
- package/dist/cjs/{dev.utils-98ac4a2d.js.map → dev.utils-8ff2366d.js.map} +1 -1
- package/dist/cjs/{devtools-d7852b93.js → devtools-b76dac0a.js} +1 -1
- package/dist/cjs/{devtools-d7852b93.js.map → devtools-b76dac0a.js.map} +1 -1
- package/dist/cjs/events-e348a615.js.map +1 -1
- package/dist/cjs/{form-field-msg-a28f4da0.js → form-field-msg-cee9a7a7.js} +1 -1
- package/dist/cjs/{form-field-msg-a28f4da0.js.map → form-field-msg-cee9a7a7.js.map} +1 -1
- package/dist/cjs/has-closer-cd8d0ef8.js +4 -0
- package/dist/cjs/{has-closer-4da29289.js.map → has-closer-cd8d0ef8.js.map} +1 -1
- package/dist/cjs/hide-label-f6851215.js +4 -0
- package/dist/cjs/{hide-label-9fff222f.js.map → hide-label-f6851215.js.map} +1 -1
- package/dist/cjs/i18n-c3fa5bd7.js.map +1 -1
- package/dist/cjs/{icons-e8722437.js → icons-f4634847.js} +1 -1
- package/dist/cjs/{icons-e8722437.js.map → icons-f4634847.js.map} +1 -1
- package/dist/cjs/image-source-a9ea5150.js +4 -0
- package/dist/cjs/{image-source-7fc06095.js.map → image-source-a9ea5150.js.map} +1 -1
- package/dist/cjs/index-8606e84d.js +4 -0
- package/dist/cjs/index-8606e84d.js.map +1 -0
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/cjs/kol-abbr.cjs.entry.js +1 -1
- package/dist/cjs/kol-accordion.cjs.entry.js +1 -1
- package/dist/cjs/kol-alert-wc_3.cjs.entry.js +1 -1
- package/dist/cjs/kol-alert-wc_3.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-alert.cjs.entry.js +1 -1
- package/dist/cjs/kol-avatar-wc.cjs.entry.js +1 -1
- package/dist/cjs/kol-avatar.cjs.entry.js +1 -1
- package/dist/cjs/kol-avatar.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-badge.cjs.entry.js +1 -1
- package/dist/cjs/kol-breadcrumb.cjs.entry.js +1 -1
- package/dist/cjs/kol-button-group-wc.cjs.entry.js +1 -1
- package/dist/cjs/kol-button-group.cjs.entry.js +1 -1
- package/dist/cjs/kol-button-link-text-switch.cjs.entry.js +1 -1
- package/dist/cjs/kol-button-link.cjs.entry.js +1 -1
- package/dist/cjs/kol-button.cjs.entry.js +1 -1
- package/dist/cjs/kol-card.cjs.entry.js +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-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-icon-font-awesome.cjs.entry.js +1 -1
- package/dist/cjs/kol-icon-icofont.cjs.entry.js +1 -1
- package/dist/cjs/kol-icon.cjs.entry.js +1 -1
- package/dist/cjs/kol-image.cjs.entry.js +1 -1
- package/dist/cjs/kol-indented-text.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-adapter-leanup.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-adapter-leanup.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-group.cjs.entry.js +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-input.cjs.entry.js +1 -1
- package/dist/cjs/kol-kolibri.cjs.entry.js +1 -1
- package/dist/cjs/kol-link-button.cjs.entry.js +1 -1
- package/dist/cjs/kol-link-group.cjs.entry.js +1 -1
- package/dist/cjs/kol-link-group.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-link-wc.cjs.entry.js +1 -1
- package/dist/cjs/kol-link.cjs.entry.js +1 -1
- package/dist/cjs/kol-logo.cjs.entry.js +1 -1
- package/dist/cjs/kol-modal.cjs.entry.js +1 -1
- package/dist/cjs/kol-nav.cjs.entry.js +1 -1
- package/dist/cjs/kol-nav.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-pagination.cjs.entry.js +1 -1
- package/dist/cjs/kol-pagination.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-popover-wc.cjs.entry.js +1 -1
- package/dist/cjs/kol-progress.cjs.entry.js +1 -1
- package/dist/cjs/kol-quote.cjs.entry.js +1 -1
- package/dist/cjs/kol-select.cjs.entry.js +1 -1
- package/dist/cjs/kol-select.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-skip-nav.cjs.entry.js +1 -1
- package/dist/cjs/kol-span-wc_2.cjs.entry.js +1 -1
- package/dist/cjs/kol-span-wc_2.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-span.cjs.entry.js +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-symbol.cjs.entry.js +1 -1
- package/dist/cjs/kol-table.cjs.entry.js +1 -1
- package/dist/cjs/kol-table.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-toast.cjs.entry.js +1 -1
- package/dist/cjs/kol-toast.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-version.cjs.entry.js +1 -1
- package/dist/cjs/kolibri.cjs.js +1 -1
- package/dist/cjs/kolibri.cjs.js.map +1 -1
- package/dist/cjs/{label-17a3b4c1.js → label-69b85954.js} +1 -1
- package/dist/cjs/{label-17a3b4c1.js.map → label-69b85954.js.map} +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/open-b73d464a.js +4 -0
- package/dist/cjs/{open-724e898f.js.map → open-b73d464a.js.map} +1 -1
- package/dist/cjs/{prop.validators-758924a9.js → prop.validators-3b868b6c.js} +1 -1
- package/dist/cjs/{prop.validators-758924a9.js.map → prop.validators-3b868b6c.js.map} +1 -1
- package/dist/cjs/rows-b9f39e03.js +4 -0
- package/dist/cjs/{rows-8e3ab8be.js.map → rows-b9f39e03.js.map} +1 -1
- package/dist/cjs/show-42935746.js +4 -0
- package/dist/cjs/{show-971b8e62.js.map → show-42935746.js.map} +1 -1
- package/dist/cjs/{suggestions-241644e6.js → suggestions-dd01db02.js} +1 -1
- package/dist/cjs/{suggestions-241644e6.js.map → suggestions-dd01db02.js.map} +1 -1
- package/dist/cjs/{tab-index-2f8cea1d.js → tab-index-f8d25f52.js} +1 -1
- package/dist/cjs/{tab-index-2f8cea1d.js.map → tab-index-f8d25f52.js.map} +1 -1
- package/dist/cjs/{tooltip-align-ead03b1a.js → tooltip-align-4afe6430.js} +1 -1
- package/dist/cjs/{tooltip-align-ead03b1a.js.map → tooltip-align-4afe6430.js.map} +1 -1
- package/dist/cjs/{validation-1907a1b9.js → validation-3be135dd.js} +1 -1
- package/dist/cjs/{validation-1907a1b9.js.map → validation-3be135dd.js.map} +1 -1
- package/dist/cjs/{validation-2971571e.js → validation-f6dd44d4.js} +1 -1
- package/dist/cjs/{validation-2971571e.js.map → validation-f6dd44d4.js.map} +1 -1
- package/dist/components/align.js.map +1 -1
- package/dist/components/color.js.map +1 -1
- package/dist/components/component14.js +1 -1
- package/dist/components/component14.js.map +1 -1
- package/dist/components/component15.js.map +1 -1
- package/dist/components/component16.js +1 -1
- package/dist/components/component16.js.map +1 -1
- package/dist/components/component2.js +1 -1
- package/dist/components/component2.js.map +1 -1
- package/dist/components/component4.js.map +1 -1
- package/dist/components/component5.js.map +1 -1
- package/dist/components/component6.js.map +1 -1
- package/dist/components/controller-icon.js.map +1 -1
- package/dist/components/controller.js +1 -1
- package/dist/components/controller.js.map +1 -1
- package/dist/components/controller2.js.map +1 -1
- package/dist/components/controller3.js.map +1 -1
- package/dist/components/controller4.js.map +1 -1
- package/dist/components/events.js.map +1 -1
- package/dist/components/i18n.js.map +1 -1
- package/dist/components/index.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-details.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-input-adapter-leanup.js +1 -1
- package/dist/components/kol-input-adapter-leanup.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-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-link-group.js +1 -1
- package/dist/components/kol-link-group.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-spin.js +1 -1
- package/dist/components/kol-spin.js.map +1 -1
- package/dist/components/kol-table.js +1 -1
- package/dist/components/kol-table.js.map +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.map +1 -1
- package/dist/components/kol-toast.js +1 -1
- package/dist/components/kol-toast.js.map +1 -1
- package/dist/components/prop.validators.js +1 -1
- package/dist/components/prop.validators.js.map +1 -1
- package/dist/components/tab-index.js.map +1 -1
- package/dist/components/validation.js.map +1 -1
- package/dist/esm/{a11y.tipps-c347026d.js → a11y.tipps-1cea6b3d.js} +1 -1
- package/dist/esm/{a11y.tipps-c347026d.js.map → a11y.tipps-1cea6b3d.js.map} +1 -1
- package/dist/esm/{align-27e2835c.js → align-a007e3db.js} +1 -1
- package/dist/esm/{align-27e2835c.js.map → align-a007e3db.js.map} +1 -1
- package/dist/esm/{alignment-68533fed.js → alignment-7cf13a42.js} +1 -1
- package/dist/esm/{alignment-68533fed.js.map → alignment-7cf13a42.js.map} +1 -1
- package/dist/esm/{app-globals-e20bbaae.js → app-globals-33e2d739.js} +1 -1
- package/dist/esm/{app-globals-e20bbaae.js.map → app-globals-33e2d739.js.map} +1 -1
- package/dist/esm/{aria-current-237ef298.js → aria-current-9675e9d1.js} +1 -1
- package/dist/esm/{aria-current-237ef298.js.map → aria-current-9675e9d1.js.map} +1 -1
- package/dist/esm/{associated.controller-2a2dee1c.js → associated.controller-c4487875.js} +1 -1
- package/dist/esm/{associated.controller-2a2dee1c.js.map → associated.controller-c4487875.js.map} +1 -1
- package/dist/esm/{color-04abfc7c.js → color-0f13235a.js} +1 -1
- package/dist/esm/{color-04abfc7c.js.map → color-0f13235a.js.map} +1 -1
- package/dist/esm/{controller-f5ed829a.js → controller-213a22e8.js} +1 -1
- package/dist/esm/{controller-f5ed829a.js.map → controller-213a22e8.js.map} +1 -1
- package/dist/esm/{controller-b7599521.js → controller-2e3afee2.js} +1 -1
- package/dist/esm/{controller-b7599521.js.map → controller-2e3afee2.js.map} +1 -1
- package/dist/esm/{controller-89bb64c9.js → controller-86b9d0e8.js} +1 -1
- package/dist/esm/{controller-89bb64c9.js.map → controller-86b9d0e8.js.map} +1 -1
- package/dist/esm/{controller-53b416bc.js → controller-9b0595a1.js} +1 -1
- package/dist/esm/controller-9b0595a1.js.map +1 -0
- package/dist/esm/controller-b6a485f1.js +4 -0
- package/dist/esm/controller-b6a485f1.js.map +1 -0
- package/dist/esm/{controller-icon-f9f90b78.js → controller-icon-90a5af99.js} +1 -1
- package/dist/esm/{controller-icon-f9f90b78.js.map → controller-icon-90a5af99.js.map} +1 -1
- package/dist/esm/{custom-class-e90f6244.js → custom-class-9470f26b.js} +1 -1
- package/dist/esm/{custom-class-e90f6244.js.map → custom-class-9470f26b.js.map} +1 -1
- package/dist/esm/{dev.utils-11981c6e.js → dev.utils-8d5cefe9.js} +1 -1
- package/dist/esm/{dev.utils-11981c6e.js.map → dev.utils-8d5cefe9.js.map} +1 -1
- package/dist/esm/{devtools-dc1528b0.js → devtools-8368d254.js} +1 -1
- package/dist/esm/{devtools-dc1528b0.js.map → devtools-8368d254.js.map} +1 -1
- package/dist/esm/events-fa760b68.js.map +1 -1
- package/dist/esm/form-field-msg-d2bbb1a6.js +4 -0
- package/dist/esm/{form-field-msg-1b112ab3.js.map → form-field-msg-d2bbb1a6.js.map} +1 -1
- package/dist/esm/{has-closer-d5bb4e12.js → has-closer-a9be38af.js} +1 -1
- package/dist/esm/{has-closer-d5bb4e12.js.map → has-closer-a9be38af.js.map} +1 -1
- package/dist/esm/{hide-label-c9ce8fc8.js → hide-label-d39d4679.js} +1 -1
- package/dist/esm/{hide-label-c9ce8fc8.js.map → hide-label-d39d4679.js.map} +1 -1
- package/dist/esm/i18n-fddf0324.js.map +1 -1
- package/dist/esm/{icons-e0d64894.js → icons-1e78352d.js} +1 -1
- package/dist/esm/{icons-e0d64894.js.map → icons-1e78352d.js.map} +1 -1
- package/dist/esm/{image-source-112a2adf.js → image-source-20111f07.js} +1 -1
- package/dist/esm/{image-source-112a2adf.js.map → image-source-20111f07.js.map} +1 -1
- package/dist/esm/index-c1d028ba.js +4 -0
- package/dist/esm/index-c1d028ba.js.map +1 -0
- package/dist/esm/index.js +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/kol-abbr.entry.js +1 -1
- package/dist/esm/kol-accordion.entry.js +1 -1
- package/dist/esm/kol-alert-wc_3.entry.js +1 -1
- package/dist/esm/kol-alert-wc_3.entry.js.map +1 -1
- package/dist/esm/kol-alert.entry.js +1 -1
- package/dist/esm/kol-avatar-wc.entry.js +1 -1
- package/dist/esm/kol-avatar.entry.js +1 -1
- package/dist/esm/kol-avatar.entry.js.map +1 -1
- package/dist/esm/kol-badge.entry.js +1 -1
- package/dist/esm/kol-breadcrumb.entry.js +1 -1
- package/dist/esm/kol-button-group-wc.entry.js +1 -1
- package/dist/esm/kol-button-group.entry.js +1 -1
- package/dist/esm/kol-button-link-text-switch.entry.js +1 -1
- package/dist/esm/kol-button-link.entry.js +1 -1
- package/dist/esm/kol-button.entry.js +1 -1
- package/dist/esm/kol-card.entry.js +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-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-icon-font-awesome.entry.js +1 -1
- package/dist/esm/kol-icon-icofont.entry.js +1 -1
- package/dist/esm/kol-icon.entry.js +1 -1
- package/dist/esm/kol-image.entry.js +1 -1
- package/dist/esm/kol-indented-text.entry.js +1 -1
- package/dist/esm/kol-input-adapter-leanup.entry.js +1 -1
- package/dist/esm/kol-input-adapter-leanup.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-group.entry.js +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-input.entry.js +1 -1
- package/dist/esm/kol-kolibri.entry.js +1 -1
- package/dist/esm/kol-link-button.entry.js +1 -1
- package/dist/esm/kol-link-group.entry.js +1 -1
- package/dist/esm/kol-link-group.entry.js.map +1 -1
- package/dist/esm/kol-link-wc.entry.js +1 -1
- package/dist/esm/kol-link.entry.js +1 -1
- package/dist/esm/kol-logo.entry.js +1 -1
- package/dist/esm/kol-modal.entry.js +1 -1
- package/dist/esm/kol-nav.entry.js +1 -1
- package/dist/esm/kol-nav.entry.js.map +1 -1
- package/dist/esm/kol-pagination.entry.js +1 -1
- package/dist/esm/kol-pagination.entry.js.map +1 -1
- package/dist/esm/kol-popover-wc.entry.js +1 -1
- package/dist/esm/kol-progress.entry.js +1 -1
- package/dist/esm/kol-quote.entry.js +1 -1
- package/dist/esm/kol-select.entry.js +1 -1
- package/dist/esm/kol-select.entry.js.map +1 -1
- package/dist/esm/kol-skip-nav.entry.js +1 -1
- package/dist/esm/kol-span-wc_2.entry.js +1 -1
- package/dist/esm/kol-span-wc_2.entry.js.map +1 -1
- package/dist/esm/kol-span.entry.js +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-symbol.entry.js +1 -1
- package/dist/esm/kol-table.entry.js +1 -1
- package/dist/esm/kol-table.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-toast.entry.js +1 -1
- package/dist/esm/kol-toast.entry.js.map +1 -1
- package/dist/esm/kol-version.entry.js +1 -1
- package/dist/esm/kolibri.js +1 -1
- package/dist/esm/kolibri.js.map +1 -1
- package/dist/esm/{label-0cc3ee5d.js → label-9ebba50f.js} +1 -1
- package/dist/esm/{label-0cc3ee5d.js.map → label-9ebba50f.js.map} +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{open-3bbdba74.js → open-156f7856.js} +1 -1
- package/dist/esm/{open-3bbdba74.js.map → open-156f7856.js.map} +1 -1
- package/dist/esm/{prop.validators-9d76278b.js → prop.validators-8c5a4551.js} +1 -1
- package/dist/esm/{prop.validators-9d76278b.js.map → prop.validators-8c5a4551.js.map} +1 -1
- package/dist/esm/{rows-ae2f4e8f.js → rows-22867ad4.js} +1 -1
- package/dist/esm/{rows-ae2f4e8f.js.map → rows-22867ad4.js.map} +1 -1
- package/dist/esm/{show-f887a36f.js → show-8545ccae.js} +1 -1
- package/dist/esm/{show-f887a36f.js.map → show-8545ccae.js.map} +1 -1
- package/dist/esm/{suggestions-f706f5bc.js → suggestions-8938bb98.js} +1 -1
- package/dist/esm/{suggestions-f706f5bc.js.map → suggestions-8938bb98.js.map} +1 -1
- package/dist/esm/{tab-index-9fa47228.js → tab-index-42e01244.js} +1 -1
- package/dist/esm/{tab-index-9fa47228.js.map → tab-index-42e01244.js.map} +1 -1
- package/dist/esm/{tooltip-align-e243c82c.js → tooltip-align-d0553e7f.js} +1 -1
- package/dist/esm/{tooltip-align-e243c82c.js.map → tooltip-align-d0553e7f.js.map} +1 -1
- package/dist/esm/{validation-e0cdfc8e.js → validation-4822efd5.js} +1 -1
- package/dist/esm/{validation-e0cdfc8e.js.map → validation-4822efd5.js.map} +1 -1
- package/dist/esm/validation-697ec9e5.js +4 -0
- package/dist/esm/{validation-81a932fa.js.map → validation-697ec9e5.js.map} +1 -1
- package/dist/kolibri/{a11y.tipps-c347026d.js → a11y.tipps-1cea6b3d.js} +1 -1
- package/dist/kolibri/a11y.tipps-1cea6b3d.js.map +1 -0
- package/dist/kolibri/align-a007e3db.js +4 -0
- package/dist/kolibri/alignment-7cf13a42.js +4 -0
- package/dist/kolibri/{alignment-68533fed.js.map → alignment-7cf13a42.js.map} +1 -1
- package/dist/kolibri/app-globals-33e2d739.js +4 -0
- package/dist/kolibri/{aria-current-237ef298.js → aria-current-9675e9d1.js} +1 -1
- package/dist/kolibri/{aria-current-237ef298.js.map → aria-current-9675e9d1.js.map} +1 -1
- package/dist/kolibri/{associated.controller-2a2dee1c.js → associated.controller-c4487875.js} +1 -1
- package/dist/kolibri/{associated.controller-2a2dee1c.js.map → associated.controller-c4487875.js.map} +1 -1
- package/dist/kolibri/{color-04abfc7c.js → color-0f13235a.js} +1 -1
- package/dist/kolibri/{color-04abfc7c.js.map → color-0f13235a.js.map} +1 -1
- package/dist/kolibri/{controller-f5ed829a.js → controller-213a22e8.js} +1 -1
- package/dist/kolibri/{controller-f5ed829a.js.map → controller-213a22e8.js.map} +1 -1
- package/dist/kolibri/{controller-b7599521.js → controller-2e3afee2.js} +1 -1
- package/dist/kolibri/controller-2e3afee2.js.map +1 -0
- package/dist/kolibri/{controller-89bb64c9.js → controller-86b9d0e8.js} +1 -1
- package/dist/kolibri/controller-86b9d0e8.js.map +1 -0
- package/dist/kolibri/{controller-53b416bc.js → controller-9b0595a1.js} +1 -1
- package/dist/kolibri/controller-9b0595a1.js.map +1 -0
- package/dist/kolibri/controller-b6a485f1.js +4 -0
- package/dist/kolibri/controller-b6a485f1.js.map +1 -0
- package/dist/kolibri/{controller-icon-f9f90b78.js → controller-icon-90a5af99.js} +1 -1
- package/dist/kolibri/{controller-icon-f9f90b78.js.map → controller-icon-90a5af99.js.map} +1 -1
- package/dist/kolibri/{custom-class-e90f6244.js → custom-class-9470f26b.js} +1 -1
- package/dist/kolibri/{custom-class-e90f6244.js.map → custom-class-9470f26b.js.map} +1 -1
- package/dist/kolibri/{dev.utils-11981c6e.js → dev.utils-8d5cefe9.js} +1 -1
- package/dist/kolibri/{dev.utils-11981c6e.js.map → dev.utils-8d5cefe9.js.map} +1 -1
- package/dist/kolibri/{devtools-dc1528b0.js → devtools-8368d254.js} +1 -1
- package/dist/kolibri/events-fa760b68.js.map +1 -1
- package/dist/kolibri/form-field-msg-d2bbb1a6.js +4 -0
- package/dist/kolibri/has-closer-a9be38af.js +4 -0
- package/dist/kolibri/{has-closer-d5bb4e12.js.map → has-closer-a9be38af.js.map} +1 -1
- package/dist/kolibri/hide-label-d39d4679.js +4 -0
- package/dist/kolibri/i18n-fddf0324.js.map +1 -1
- package/dist/kolibri/icons-1e78352d.js +4 -0
- package/dist/kolibri/{icons-e0d64894.js.map → icons-1e78352d.js.map} +1 -1
- package/dist/kolibri/image-source-20111f07.js +4 -0
- package/dist/kolibri/index-c1d028ba.js +5 -0
- package/dist/kolibri/index-c1d028ba.js.map +1 -0
- package/dist/kolibri/index.esm.js +1 -1
- package/dist/kolibri/index.esm.js.map +1 -1
- package/dist/kolibri/kol-abbr.entry.js +1 -1
- package/dist/kolibri/kol-accordion.entry.js +1 -1
- package/dist/kolibri/kol-alert-wc_3.entry.js +1 -1
- package/dist/kolibri/kol-alert-wc_3.entry.js.map +1 -1
- package/dist/kolibri/kol-alert.entry.js +1 -1
- package/dist/kolibri/kol-avatar-wc.entry.js +1 -1
- package/dist/kolibri/kol-avatar.entry.js +1 -1
- package/dist/kolibri/kol-avatar.entry.js.map +1 -1
- package/dist/kolibri/kol-badge.entry.js +1 -1
- package/dist/kolibri/kol-breadcrumb.entry.js +1 -1
- package/dist/kolibri/kol-button-group-wc.entry.js +1 -1
- package/dist/kolibri/kol-button-group.entry.js +1 -1
- package/dist/kolibri/kol-button-link-text-switch.entry.js +1 -1
- package/dist/kolibri/kol-button-link.entry.js +1 -1
- package/dist/kolibri/kol-button.entry.js +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-details.entry.js +1 -1
- package/dist/kolibri/kol-details.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-icon-font-awesome.entry.js +1 -1
- package/dist/kolibri/kol-icon-icofont.entry.js +1 -1
- package/dist/kolibri/kol-icon.entry.js +1 -1
- package/dist/kolibri/kol-image.entry.js +1 -1
- package/dist/kolibri/kol-indented-text.entry.js +1 -1
- package/dist/kolibri/kol-input-adapter-leanup.entry.js +1 -1
- package/dist/kolibri/kol-input-adapter-leanup.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-group.entry.js +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-input.entry.js +1 -1
- package/dist/kolibri/kol-kolibri.entry.js +1 -1
- package/dist/kolibri/kol-link-button.entry.js +1 -1
- package/dist/kolibri/kol-link-group.entry.js +1 -1
- package/dist/kolibri/kol-link-group.entry.js.map +1 -1
- package/dist/kolibri/kol-link-wc.entry.js +1 -1
- package/dist/kolibri/kol-link.entry.js +1 -1
- package/dist/kolibri/kol-logo.entry.js +1 -1
- package/dist/kolibri/kol-modal.entry.js +1 -1
- package/dist/kolibri/kol-nav.entry.js +1 -1
- package/dist/kolibri/kol-nav.entry.js.map +1 -1
- package/dist/kolibri/kol-pagination.entry.js +1 -1
- package/dist/kolibri/kol-pagination.entry.js.map +1 -1
- package/dist/kolibri/kol-popover-wc.entry.js +1 -1
- package/dist/kolibri/kol-progress.entry.js +1 -1
- package/dist/kolibri/kol-quote.entry.js +1 -1
- package/dist/kolibri/kol-select.entry.js +1 -1
- package/dist/kolibri/kol-select.entry.js.map +1 -1
- package/dist/kolibri/kol-skip-nav.entry.js +1 -1
- package/dist/kolibri/kol-span-wc_2.entry.js +1 -1
- package/dist/kolibri/kol-span-wc_2.entry.js.map +1 -1
- package/dist/kolibri/kol-span.entry.js +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-symbol.entry.js +1 -1
- package/dist/kolibri/kol-table.entry.js +1 -1
- package/dist/kolibri/kol-table.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-toast.entry.js +1 -1
- package/dist/kolibri/kol-toast.entry.js.map +1 -1
- package/dist/kolibri/kol-version.entry.js +1 -1
- package/dist/kolibri/kolibri.esm.js +1 -1
- package/dist/kolibri/kolibri.esm.js.map +1 -1
- package/dist/kolibri/label-9ebba50f.js +4 -0
- package/dist/kolibri/open-156f7856.js +4 -0
- package/dist/kolibri/{prop.validators-9d76278b.js → prop.validators-8c5a4551.js} +1 -1
- package/dist/kolibri/{prop.validators-9d76278b.js.map → prop.validators-8c5a4551.js.map} +1 -1
- package/dist/kolibri/rows-22867ad4.js +4 -0
- package/dist/kolibri/show-8545ccae.js +4 -0
- package/dist/kolibri/{suggestions-f706f5bc.js → suggestions-8938bb98.js} +1 -1
- package/dist/kolibri/tab-index-42e01244.js +4 -0
- package/dist/kolibri/{tab-index-9fa47228.js.map → tab-index-42e01244.js.map} +1 -1
- package/dist/kolibri/tooltip-align-d0553e7f.js +4 -0
- package/dist/kolibri/validation-4822efd5.js +4 -0
- package/dist/kolibri/{validation-e0cdfc8e.js.map → validation-4822efd5.js.map} +1 -1
- package/dist/kolibri/validation-697ec9e5.js +4 -0
- package/dist/kolibri/{validation-81a932fa.js.map → validation-697ec9e5.js.map} +1 -1
- package/dist/types/components/@deprecated/input/controller.d.ts +2 -0
- package/dist/types/components/input-email/component.d.ts +1 -0
- package/dist/types/components/input-file/component.d.ts +1 -0
- package/dist/types/components/input-password/component.d.ts +1 -0
- package/dist/types/components/input-text/component.d.ts +2 -2
- package/dist/types/types/input/types.d.ts +4 -1
- package/dist/types/utils/events.d.ts +1 -1
- package/dist/types/utils/prop.validators.d.ts +1 -1
- package/dist/types/utils/reuse.d.ts +1 -1
- package/doc/abbr.md +1 -1
- package/doc/accordion.md +1 -1
- package/doc/alert.md +1 -1
- package/doc/avatar.md +1 -1
- package/doc/badge.md +1 -1
- package/doc/breadcrumb.md +1 -1
- package/doc/button-group.md +1 -1
- package/doc/button-link.md +1 -1
- package/doc/button.md +1 -1
- package/doc/card.md +1 -1
- package/doc/details.md +1 -1
- package/doc/form.md +1 -1
- package/doc/heading.md +1 -1
- package/doc/icon-font-awesome.md +1 -1
- package/doc/icon-icofont.md +1 -1
- package/doc/icon.md +1 -1
- package/doc/indented-text.md +1 -1
- package/doc/input-adapter-leanup.md +1 -1
- package/doc/input-checkbox.md +2 -2
- package/doc/input-color.md +2 -2
- package/doc/input-date.md +2 -2
- package/doc/input-email.md +2 -2
- package/doc/input-file.md +2 -2
- package/doc/input-number.md +2 -2
- package/doc/input-password.md +2 -2
- package/doc/input-radio-group.md +19 -19
- package/doc/input-radio.md +22 -22
- package/doc/input-range.md +26 -26
- package/doc/input-text.md +2 -2
- package/doc/link-button.md +1 -1
- package/doc/link-group.md +1 -1
- package/doc/link.md +1 -1
- package/doc/nav.md +1 -1
- package/doc/pagination.md +1 -1
- package/doc/quote.md +1 -1
- package/doc/select.md +27 -27
- package/doc/skip-nav.md +1 -1
- package/doc/span.md +1 -1
- package/doc/split-button.md +1 -1
- package/doc/table.md +1 -1
- package/doc/tabs.md +1 -1
- package/doc/textarea.md +26 -26
- package/doc/toast.md +1 -1
- package/doc/toaster.md +1 -1
- package/doc/tooltip.md +1 -1
- package/doc/version.md +1 -1
- package/package.json +1 -1
- package/dist/cjs/align-806255e3.js +0 -4
- package/dist/cjs/aria-current-991d67c0.js +0 -4
- package/dist/cjs/controller-0401f50c.js +0 -4
- package/dist/cjs/controller-0401f50c.js.map +0 -1
- package/dist/cjs/controller-0d92b282.js.map +0 -1
- package/dist/cjs/has-closer-4da29289.js +0 -4
- package/dist/cjs/hide-label-9fff222f.js +0 -4
- package/dist/cjs/image-source-7fc06095.js +0 -4
- package/dist/cjs/index-faf3b01d.js +0 -4
- package/dist/cjs/index-faf3b01d.js.map +0 -1
- package/dist/cjs/open-724e898f.js +0 -4
- package/dist/cjs/rows-8e3ab8be.js +0 -4
- package/dist/cjs/show-971b8e62.js +0 -4
- package/dist/esm/controller-02c1d5f0.js +0 -4
- package/dist/esm/controller-02c1d5f0.js.map +0 -1
- package/dist/esm/controller-53b416bc.js.map +0 -1
- package/dist/esm/form-field-msg-1b112ab3.js +0 -4
- package/dist/esm/index-7cc6aa47.js +0 -4
- package/dist/esm/index-7cc6aa47.js.map +0 -1
- package/dist/esm/validation-81a932fa.js +0 -4
- package/dist/kolibri/a11y.tipps-c347026d.js.map +0 -1
- package/dist/kolibri/align-27e2835c.js +0 -4
- package/dist/kolibri/alignment-68533fed.js +0 -4
- package/dist/kolibri/app-globals-e20bbaae.js +0 -4
- package/dist/kolibri/controller-02c1d5f0.js +0 -4
- package/dist/kolibri/controller-02c1d5f0.js.map +0 -1
- package/dist/kolibri/controller-53b416bc.js.map +0 -1
- package/dist/kolibri/controller-89bb64c9.js.map +0 -1
- package/dist/kolibri/controller-b7599521.js.map +0 -1
- package/dist/kolibri/form-field-msg-1b112ab3.js +0 -4
- package/dist/kolibri/has-closer-d5bb4e12.js +0 -4
- package/dist/kolibri/hide-label-c9ce8fc8.js +0 -4
- package/dist/kolibri/icons-e0d64894.js +0 -4
- package/dist/kolibri/image-source-112a2adf.js +0 -4
- package/dist/kolibri/index-7cc6aa47.js +0 -5
- package/dist/kolibri/index-7cc6aa47.js.map +0 -1
- package/dist/kolibri/label-0cc3ee5d.js +0 -4
- package/dist/kolibri/open-3bbdba74.js +0 -4
- package/dist/kolibri/rows-ae2f4e8f.js +0 -4
- package/dist/kolibri/show-f887a36f.js +0 -4
- package/dist/kolibri/tab-index-9fa47228.js +0 -4
- package/dist/kolibri/tooltip-align-e243c82c.js +0 -4
- package/dist/kolibri/validation-81a932fa.js +0 -4
- package/dist/kolibri/validation-e0cdfc8e.js +0 -4
- /package/dist/kolibri/{align-27e2835c.js.map → align-a007e3db.js.map} +0 -0
- /package/dist/kolibri/{app-globals-e20bbaae.js.map → app-globals-33e2d739.js.map} +0 -0
- /package/dist/kolibri/{devtools-dc1528b0.js.map → devtools-8368d254.js.map} +0 -0
- /package/dist/kolibri/{form-field-msg-1b112ab3.js.map → form-field-msg-d2bbb1a6.js.map} +0 -0
- /package/dist/kolibri/{hide-label-c9ce8fc8.js.map → hide-label-d39d4679.js.map} +0 -0
- /package/dist/kolibri/{image-source-112a2adf.js.map → image-source-20111f07.js.map} +0 -0
- /package/dist/kolibri/{label-0cc3ee5d.js.map → label-9ebba50f.js.map} +0 -0
- /package/dist/kolibri/{open-3bbdba74.js.map → open-156f7856.js.map} +0 -0
- /package/dist/kolibri/{rows-ae2f4e8f.js.map → rows-22867ad4.js.map} +0 -0
- /package/dist/kolibri/{show-f887a36f.js.map → show-8545ccae.js.map} +0 -0
- /package/dist/kolibri/{suggestions-f706f5bc.js.map → suggestions-8938bb98.js.map} +0 -0
- /package/dist/kolibri/{tooltip-align-e243c82c.js.map → tooltip-align-d0553e7f.js.map} +0 -0
package/doc/input-range.md
CHANGED
|
@@ -51,31 +51,31 @@ Der Input-Typ **Range** erzeugt ein interaktives Element, mit dem Werte durch Ve
|
|
|
51
51
|
|
|
52
52
|
## Properties
|
|
53
53
|
|
|
54
|
-
| Property | Attribute | Description | Type
|
|
55
|
-
| --------------- | ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ |
|
|
56
|
-
| `_accessKey` | `_access-key` | Defines which key combination can be used to trigger or focus the interactive element of the component. | `string` \| `undefined`
|
|
57
|
-
| `_alert` | `_alert` | Defines whether the screen-readers should read out the notification. | `boolean` \| `undefined`
|
|
58
|
-
| `_autoComplete` | `_auto-complete` | Defines whether the input can be auto-completed. | `"off"` \| `"on"` \| `undefined`
|
|
59
|
-
| `_disabled` | `_disabled` | Makes the element not focusable and ignore all events. | `boolean` \| `undefined`
|
|
60
|
-
| `_error` | `_error` | Defines the error message text. | `string` \| `undefined`
|
|
61
|
-
| `_hideError` | `_hide-error` | Hides the error message but leaves it in the DOM for the input's aria-describedby. | `boolean` \| `undefined`
|
|
62
|
-
| `_hideLabel` | `_hide-label` | Hides the caption by default and displays the caption text with a tooltip when the interactive element is focused or the mouse is over it. | `boolean` \| `undefined`
|
|
63
|
-
| `_hint` | `_hint` | Defines the hint text. | `string` \| `undefined`
|
|
64
|
-
| `_icon` | `_icon` | <span class="text-red-500">**[DEPRECATED]**</span> Use _icons.<br/><br/> | `string` \| `undefined` \| `{ right?: IconOrIconClass` \| `undefined; left?: IconOrIconClass` \| `undefined; }`
|
|
65
|
-
| `_icons` | `_icons` | Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`). | `string` \| `undefined` \| `{ right?: IconOrIconClass` \| `undefined; left?: IconOrIconClass` \| `undefined; }`
|
|
66
|
-
| `_id` | `_id` | Defines the internal ID of the primary component element. | `string` \| `undefined`
|
|
67
|
-
| `_label` | `_label` | 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. | `string` \| `undefined`
|
|
68
|
-
| `_list` | `_list` | <span style="color:red">**[DEPRECATED]**</span> Use _suggestions.<br/><br/>Deprecated: Gibt die Liste der Vorschlagswörter an. | `Option<W3CInputValue>[]` \| `string` \| `undefined`
|
|
69
|
-
| `_max` | `_max` | Defines the largest possible input value. | `number` \| `undefined`
|
|
70
|
-
| `_min` | `_min` | Defines the smallest possible input value. | `number` \| `undefined`
|
|
71
|
-
| `_name` | `_name` | Defines the technical name of an input field. | `string` \| `undefined`
|
|
72
|
-
| `_on` | -- | Gibt die EventCallback-Funktionen für das Input-Event an. | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus` \| `undefined`
|
|
73
|
-
| `_step` | `_step` | Defines the step size for value changes. | `number` \| `undefined`
|
|
74
|
-
| `_suggestions` | `_suggestions` | Suggestions to provide for the input. | `W3CInputValue[]` \| `string` \| `undefined`
|
|
75
|
-
| `_tabIndex` | `_tab-index` | Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) | `number` \| `undefined`
|
|
76
|
-
| `_tooltipAlign` | `_tooltip-align` | Defines where to show the Tooltip preferably: top, right, bottom or left. | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined`
|
|
77
|
-
| `_touched` | `_touched` | Shows if the input was touched by a user. | `boolean` \| `undefined`
|
|
78
|
-
| `_value` | `_value` | Defines the value of the input. | `number` \| `undefined`
|
|
54
|
+
| Property | Attribute | Description | Type | Default |
|
|
55
|
+
| --------------- | ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------- | ----------- |
|
|
56
|
+
| `_accessKey` | `_access-key` | Defines which key combination can be used to trigger or focus the interactive element of the component. | `string` \| `undefined` | `undefined` |
|
|
57
|
+
| `_alert` | `_alert` | Defines whether the screen-readers should read out the notification. | `boolean` \| `undefined` | `true` |
|
|
58
|
+
| `_autoComplete` | `_auto-complete` | Defines whether the input can be auto-completed. | `"off"` \| `"on"` \| `undefined` | `undefined` |
|
|
59
|
+
| `_disabled` | `_disabled` | Makes the element not focusable and ignore all events. | `boolean` \| `undefined` | `false` |
|
|
60
|
+
| `_error` | `_error` | Defines the error message text. | `string` \| `undefined` | `undefined` |
|
|
61
|
+
| `_hideError` | `_hide-error` | Hides the error message but leaves it in the DOM for the input's aria-describedby. | `boolean` \| `undefined` | `false` |
|
|
62
|
+
| `_hideLabel` | `_hide-label` | Hides the caption by default and displays the caption text with a tooltip when the interactive element is focused or the mouse is over it. | `boolean` \| `undefined` | `false` |
|
|
63
|
+
| `_hint` | `_hint` | Defines the hint text. | `string` \| `undefined` | `''` |
|
|
64
|
+
| `_icon` | `_icon` | <span class="text-red-500">**[DEPRECATED]**</span> Use _icons.<br/><br/> | `string` \| `undefined` \| `{ right?: IconOrIconClass` \| `undefined; left?: IconOrIconClass` \| `undefined; }` | `undefined` |
|
|
65
|
+
| `_icons` | `_icons` | Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`). | `string` \| `undefined` \| `{ right?: IconOrIconClass` \| `undefined; left?: IconOrIconClass` \| `undefined; }` | `undefined` |
|
|
66
|
+
| `_id` | `_id` | Defines the internal ID of the primary component element. | `string` \| `undefined` | `undefined` |
|
|
67
|
+
| `_label` | `_label` | 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. | `string` \| `undefined` | `undefined` |
|
|
68
|
+
| `_list` | `_list` | <span style="color:red">**[DEPRECATED]**</span> Use _suggestions.<br/><br/>Deprecated: Gibt die Liste der Vorschlagswörter an. | `Option<W3CInputValue>[]` \| `string` \| `undefined` | `undefined` |
|
|
69
|
+
| `_max` | `_max` | Defines the largest possible input value. | `number` \| `undefined` | `undefined` |
|
|
70
|
+
| `_min` | `_min` | Defines the smallest possible input value. | `number` \| `undefined` | `undefined` |
|
|
71
|
+
| `_name` | `_name` | Defines the technical name of an input field. | `string` \| `undefined` | `undefined` |
|
|
72
|
+
| `_on` | -- | Gibt die EventCallback-Funktionen für das Input-Event an. | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus & InputTypeOnInput` \| `undefined` | `undefined` |
|
|
73
|
+
| `_step` | `_step` | Defines the step size for value changes. | `number` \| `undefined` | `undefined` |
|
|
74
|
+
| `_suggestions` | `_suggestions` | Suggestions to provide for the input. | `W3CInputValue[]` \| `string` \| `undefined` | `undefined` |
|
|
75
|
+
| `_tabIndex` | `_tab-index` | Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) | `number` \| `undefined` | `undefined` |
|
|
76
|
+
| `_tooltipAlign` | `_tooltip-align` | Defines where to show the Tooltip preferably: top, right, bottom or left. | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined` | `'top'` |
|
|
77
|
+
| `_touched` | `_touched` | Shows if the input was touched by a user. | `boolean` \| `undefined` | `false` |
|
|
78
|
+
| `_value` | `_value` | Defines the value of the input. | `number` \| `undefined` | `undefined` |
|
|
79
79
|
|
|
80
80
|
|
|
81
81
|
## Slots
|
|
@@ -107,7 +107,7 @@ graph TD;
|
|
|
107
107
|
kol-alert-wc --> kol-heading-wc
|
|
108
108
|
kol-alert-wc --> kol-button-wc
|
|
109
109
|
kol-alert-wc --> kol-icon
|
|
110
|
-
style kol-input-range
|
|
110
|
+
style kol-input-range stroke:#333,stroke-width:4px
|
|
111
111
|
```
|
|
112
112
|
|
|
113
113
|
----------------------------------------------
|
package/doc/input-text.md
CHANGED
|
@@ -74,7 +74,7 @@ Der Input-Typ **Text** erzeugt ein Eingabefeld für normalen Text, Suchbegriffe,
|
|
|
74
74
|
| `_list` | `_list` | <span style="color:red">**[DEPRECATED]**</span> Use _suggestions.<br/><br/>Deprecated: Gibt die Liste der Vorschlagswörter an. | `string` \| `string[]` \| `undefined` | `undefined` |
|
|
75
75
|
| `_maxLength` | `_max-length` | Defines the maximum number of input characters. | `number` \| `undefined` | `undefined` |
|
|
76
76
|
| `_name` | `_name` | Defines the technical name of an input field. | `string` \| `undefined` | `undefined` |
|
|
77
|
-
| `_on` | -- | Gibt die EventCallback-Funktionen für das Input-Event an. | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus` \| `undefined`
|
|
77
|
+
| `_on` | -- | Gibt die EventCallback-Funktionen für das Input-Event an. | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus & InputTypeOnInput` \| `undefined` | `undefined` |
|
|
78
78
|
| `_pattern` | `_pattern` | Defines a validation pattern for the input field. | `string` \| `undefined` | `undefined` |
|
|
79
79
|
| `_placeholder` | `_placeholder` | Defines the placeholder for input field. To be shown when there's no value. | `string` \| `undefined` | `undefined` |
|
|
80
80
|
| `_readOnly` | `_read-only` | Makes the input element read only. | `boolean` \| `undefined` | `false` |
|
|
@@ -118,7 +118,7 @@ graph TD;
|
|
|
118
118
|
kol-alert-wc --> kol-heading-wc
|
|
119
119
|
kol-alert-wc --> kol-button-wc
|
|
120
120
|
kol-alert-wc --> kol-icon
|
|
121
|
-
style kol-input-text
|
|
121
|
+
style kol-input-text stroke:#333,stroke-width:4px
|
|
122
122
|
```
|
|
123
123
|
|
|
124
124
|
----------------------------------------------
|
package/doc/link-button.md
CHANGED
|
@@ -69,7 +69,7 @@ graph TD;
|
|
|
69
69
|
kol-link-wc --> kol-tooltip-wc
|
|
70
70
|
kol-span-wc --> kol-icon
|
|
71
71
|
kol-tooltip-wc --> kol-span-wc
|
|
72
|
-
style kol-link-button
|
|
72
|
+
style kol-link-button stroke:#333,stroke-width:4px
|
|
73
73
|
```
|
|
74
74
|
|
|
75
75
|
----------------------------------------------
|
package/doc/link-group.md
CHANGED
|
@@ -111,7 +111,7 @@ graph TD;
|
|
|
111
111
|
kol-link-wc --> kol-tooltip-wc
|
|
112
112
|
kol-span-wc --> kol-icon
|
|
113
113
|
kol-tooltip-wc --> kol-span-wc
|
|
114
|
-
style kol-link-group
|
|
114
|
+
style kol-link-group stroke:#333,stroke-width:4px
|
|
115
115
|
```
|
|
116
116
|
|
|
117
117
|
----------------------------------------------
|
package/doc/link.md
CHANGED
|
@@ -119,7 +119,7 @@ graph TD;
|
|
|
119
119
|
kol-input-adapter-leanup --> kol-link
|
|
120
120
|
kol-link-group --> kol-link
|
|
121
121
|
kol-quote --> kol-link
|
|
122
|
-
style kol-link
|
|
122
|
+
style kol-link stroke:#333,stroke-width:4px
|
|
123
123
|
```
|
|
124
124
|
|
|
125
125
|
----------------------------------------------
|
package/doc/nav.md
CHANGED
|
@@ -156,7 +156,7 @@ graph TD;
|
|
|
156
156
|
kol-link-wc --> kol-icon
|
|
157
157
|
kol-link-wc --> kol-tooltip-wc
|
|
158
158
|
kol-button --> kol-button-wc
|
|
159
|
-
style kol-nav
|
|
159
|
+
style kol-nav stroke:#333,stroke-width:4px
|
|
160
160
|
```
|
|
161
161
|
|
|
162
162
|
----------------------------------------------
|
package/doc/pagination.md
CHANGED
|
@@ -96,7 +96,7 @@ graph TD;
|
|
|
96
96
|
kol-alert-wc --> kol-button-wc
|
|
97
97
|
kol-alert-wc --> kol-icon
|
|
98
98
|
kol-table --> kol-pagination
|
|
99
|
-
style kol-pagination
|
|
99
|
+
style kol-pagination stroke:#333,stroke-width:4px
|
|
100
100
|
```
|
|
101
101
|
|
|
102
102
|
----------------------------------------------
|
package/doc/quote.md
CHANGED
|
@@ -92,7 +92,7 @@ graph TD;
|
|
|
92
92
|
kol-link-wc --> kol-tooltip-wc
|
|
93
93
|
kol-span-wc --> kol-icon
|
|
94
94
|
kol-tooltip-wc --> kol-span-wc
|
|
95
|
-
style kol-quote
|
|
95
|
+
style kol-quote stroke:#333,stroke-width:4px
|
|
96
96
|
```
|
|
97
97
|
|
|
98
98
|
----------------------------------------------
|
package/doc/select.md
CHANGED
|
@@ -90,32 +90,32 @@ import { xxx..., xxx..., FormatHandler, } from '@leanup/form';
|
|
|
90
90
|
|
|
91
91
|
## Properties
|
|
92
92
|
|
|
93
|
-
| Property | Attribute | Description | Type
|
|
94
|
-
| --------------- | ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ |
|
|
95
|
-
| `_accessKey` | `_access-key` | Defines which key combination can be used to trigger or focus the interactive element of the component. | `string` \| `undefined`
|
|
96
|
-
| `_alert` | `_alert` | Defines whether the screen-readers should read out the notification. | `boolean` \| `undefined`
|
|
97
|
-
| `_disabled` | `_disabled` | Makes the element not focusable and ignore all events. | `boolean` \| `undefined`
|
|
98
|
-
| `_error` | `_error` | Defines the error message text. | `string` \| `undefined`
|
|
99
|
-
| `_height` | `_height` | <span class="text-red-500">**[DEPRECATED]**</span> Use _rows instead.<br/><br/>Deprecated: Defines an individual height. | `string` \| `undefined`
|
|
100
|
-
| `_hideError` | `_hide-error` | Hides the error message but leaves it in the DOM for the input's aria-describedby. | `boolean` \| `undefined`
|
|
101
|
-
| `_hideLabel` | `_hide-label` | Hides the caption by default and displays the caption text with a tooltip when the interactive element is focused or the mouse is over it. | `boolean` \| `undefined`
|
|
102
|
-
| `_hint` | `_hint` | Defines the hint text. | `string` \| `undefined`
|
|
103
|
-
| `_icon` | `_icon` | <span style="color:red">**[DEPRECATED]**</span> Use _icons.<br/><br/> | `string` \| `undefined` \| `{ right?: IconOrIconClass` \| `undefined; left?: IconOrIconClass` \| `undefined; }`
|
|
104
|
-
| `_icons` | `_icons` | Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`). | `string` \| `undefined` \| `{ right?: IconOrIconClass` \| `undefined; left?: IconOrIconClass` \| `undefined; }`
|
|
105
|
-
| `_id` | `_id` | Defines the internal ID of the primary component element. | `string` \| `undefined`
|
|
106
|
-
| `_label` | `_label` | 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. | `string` \| `undefined`
|
|
107
|
-
| `_list` | `_list` | <span style="color:red">**[DEPRECATED]**</span> use _options<br/><br/>Deprecated: Options the user can choose from, also supporting Optgroup. | `SelectOption<W3CInputValue>[]` \| `string` \| `undefined`
|
|
108
|
-
| `_multiple` | `_multiple` | Makes the input accept multiple inputs. | `boolean` \| `undefined`
|
|
109
|
-
| `_name` | `_name` | Defines the technical name of an input field. | `string` \| `undefined`
|
|
110
|
-
| `_on` | -- | Gibt die EventCallback-Funktionen für das Input-Event an. | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus` \| `undefined`
|
|
111
|
-
| `_options` | `_options` | Options the user can choose from, also supporting Optgroup. | `(Option<W3CInputValue>` \| `Optgroup<W3CInputValue>)[]` \| `string` \| `undefined`
|
|
112
|
-
| `_required` | `_required` | Makes the input element required. | `boolean` \| `undefined`
|
|
113
|
-
| `_rows` | `_rows` | Defines how many rows of options should be visible at the same time. | `number` \| `undefined`
|
|
114
|
-
| `_size` | `_size` | Wechselt das Eingabeelement in den Auswahlfeld modus und setzt die Höhe des Feldes. | `number` \| `undefined`
|
|
115
|
-
| `_tabIndex` | `_tab-index` | Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) | `number` \| `undefined`
|
|
116
|
-
| `_tooltipAlign` | `_tooltip-align` | Defines where to show the Tooltip preferably: top, right, bottom or left. | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined`
|
|
117
|
-
| `_touched` | `_touched` | Shows if the input was touched by a user. | `boolean` \| `undefined`
|
|
118
|
-
| `_value` | `_value` | Defines the value of the input. | `W3CInputValue[]` \| `string` \| `undefined`
|
|
93
|
+
| Property | Attribute | Description | Type | Default |
|
|
94
|
+
| --------------- | ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------- | ----------- |
|
|
95
|
+
| `_accessKey` | `_access-key` | Defines which key combination can be used to trigger or focus the interactive element of the component. | `string` \| `undefined` | `undefined` |
|
|
96
|
+
| `_alert` | `_alert` | Defines whether the screen-readers should read out the notification. | `boolean` \| `undefined` | `true` |
|
|
97
|
+
| `_disabled` | `_disabled` | Makes the element not focusable and ignore all events. | `boolean` \| `undefined` | `false` |
|
|
98
|
+
| `_error` | `_error` | Defines the error message text. | `string` \| `undefined` | `undefined` |
|
|
99
|
+
| `_height` | `_height` | <span class="text-red-500">**[DEPRECATED]**</span> Use _rows instead.<br/><br/>Deprecated: Defines an individual height. | `string` \| `undefined` | `undefined` |
|
|
100
|
+
| `_hideError` | `_hide-error` | Hides the error message but leaves it in the DOM for the input's aria-describedby. | `boolean` \| `undefined` | `false` |
|
|
101
|
+
| `_hideLabel` | `_hide-label` | Hides the caption by default and displays the caption text with a tooltip when the interactive element is focused or the mouse is over it. | `boolean` \| `undefined` | `false` |
|
|
102
|
+
| `_hint` | `_hint` | Defines the hint text. | `string` \| `undefined` | `''` |
|
|
103
|
+
| `_icon` | `_icon` | <span style="color:red">**[DEPRECATED]**</span> Use _icons.<br/><br/> | `string` \| `undefined` \| `{ right?: IconOrIconClass` \| `undefined; left?: IconOrIconClass` \| `undefined; }` | `undefined` |
|
|
104
|
+
| `_icons` | `_icons` | Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`). | `string` \| `undefined` \| `{ right?: IconOrIconClass` \| `undefined; left?: IconOrIconClass` \| `undefined; }` | `undefined` |
|
|
105
|
+
| `_id` | `_id` | Defines the internal ID of the primary component element. | `string` \| `undefined` | `undefined` |
|
|
106
|
+
| `_label` | `_label` | 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. | `string` \| `undefined` | `undefined` |
|
|
107
|
+
| `_list` | `_list` | <span style="color:red">**[DEPRECATED]**</span> use _options<br/><br/>Deprecated: Options the user can choose from, also supporting Optgroup. | `SelectOption<W3CInputValue>[]` \| `string` \| `undefined` | `undefined` |
|
|
108
|
+
| `_multiple` | `_multiple` | Makes the input accept multiple inputs. | `boolean` \| `undefined` | `false` |
|
|
109
|
+
| `_name` | `_name` | Defines the technical name of an input field. | `string` \| `undefined` | `undefined` |
|
|
110
|
+
| `_on` | -- | Gibt die EventCallback-Funktionen für das Input-Event an. | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus & InputTypeOnInput` \| `undefined` | `undefined` |
|
|
111
|
+
| `_options` | `_options` | Options the user can choose from, also supporting Optgroup. | `(Option<W3CInputValue>` \| `Optgroup<W3CInputValue>)[]` \| `string` \| `undefined` | `undefined` |
|
|
112
|
+
| `_required` | `_required` | Makes the input element required. | `boolean` \| `undefined` | `false` |
|
|
113
|
+
| `_rows` | `_rows` | Defines how many rows of options should be visible at the same time. | `number` \| `undefined` | `undefined` |
|
|
114
|
+
| `_size` | `_size` | Wechselt das Eingabeelement in den Auswahlfeld modus und setzt die Höhe des Feldes. | `number` \| `undefined` | `undefined` |
|
|
115
|
+
| `_tabIndex` | `_tab-index` | Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) | `number` \| `undefined` | `undefined` |
|
|
116
|
+
| `_tooltipAlign` | `_tooltip-align` | Defines where to show the Tooltip preferably: top, right, bottom or left. | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined` | `'top'` |
|
|
117
|
+
| `_touched` | `_touched` | Shows if the input was touched by a user. | `boolean` \| `undefined` | `false` |
|
|
118
|
+
| `_value` | `_value` | Defines the value of the input. | `W3CInputValue[]` \| `string` \| `undefined` | `undefined` |
|
|
119
119
|
|
|
120
120
|
|
|
121
121
|
## Slots
|
|
@@ -152,7 +152,7 @@ graph TD;
|
|
|
152
152
|
kol-alert-wc --> kol-button-wc
|
|
153
153
|
kol-alert-wc --> kol-icon
|
|
154
154
|
kol-pagination --> kol-select
|
|
155
|
-
style kol-select
|
|
155
|
+
style kol-select stroke:#333,stroke-width:4px
|
|
156
156
|
```
|
|
157
157
|
|
|
158
158
|
----------------------------------------------
|
package/doc/skip-nav.md
CHANGED
|
@@ -76,7 +76,7 @@ graph TD;
|
|
|
76
76
|
kol-link-wc --> kol-tooltip-wc
|
|
77
77
|
kol-span-wc --> kol-icon
|
|
78
78
|
kol-tooltip-wc --> kol-span-wc
|
|
79
|
-
style kol-skip-nav
|
|
79
|
+
style kol-skip-nav stroke:#333,stroke-width:4px
|
|
80
80
|
```
|
|
81
81
|
|
|
82
82
|
----------------------------------------------
|
package/doc/span.md
CHANGED
|
@@ -41,7 +41,7 @@ Die **Span**-Komponente dient dazu innerhalb zahlreicher KoliBri-Komponenten die
|
|
|
41
41
|
graph TD;
|
|
42
42
|
kol-span --> kol-span-wc
|
|
43
43
|
kol-span-wc --> kol-icon
|
|
44
|
-
style kol-span
|
|
44
|
+
style kol-span stroke:#333,stroke-width:4px
|
|
45
45
|
```
|
|
46
46
|
|
|
47
47
|
----------------------------------------------
|
package/doc/split-button.md
CHANGED
|
@@ -84,7 +84,7 @@ graph TD;
|
|
|
84
84
|
kol-button-wc --> kol-tooltip-wc
|
|
85
85
|
kol-span-wc --> kol-icon
|
|
86
86
|
kol-tooltip-wc --> kol-span-wc
|
|
87
|
-
style kol-split-button
|
|
87
|
+
style kol-split-button stroke:#333,stroke-width:4px
|
|
88
88
|
```
|
|
89
89
|
|
|
90
90
|
----------------------------------------------
|
package/doc/table.md
CHANGED
|
@@ -164,7 +164,7 @@ graph TD;
|
|
|
164
164
|
kol-alert-wc --> kol-heading-wc
|
|
165
165
|
kol-alert-wc --> kol-button-wc
|
|
166
166
|
kol-alert-wc --> kol-icon
|
|
167
|
-
style kol-table
|
|
167
|
+
style kol-table stroke:#333,stroke-width:4px
|
|
168
168
|
```
|
|
169
169
|
|
|
170
170
|
----------------------------------------------
|
package/doc/tabs.md
CHANGED
|
@@ -118,7 +118,7 @@ graph TD;
|
|
|
118
118
|
kol-button-wc --> kol-tooltip-wc
|
|
119
119
|
kol-span-wc --> kol-icon
|
|
120
120
|
kol-tooltip-wc --> kol-span-wc
|
|
121
|
-
style kol-tabs
|
|
121
|
+
style kol-tabs stroke:#333,stroke-width:4px
|
|
122
122
|
```
|
|
123
123
|
|
|
124
124
|
----------------------------------------------
|
package/doc/textarea.md
CHANGED
|
@@ -53,31 +53,31 @@ Mit Hilfe des Attributs **`_rows`** kann die Höhe der Textarea in Zeilen bestim
|
|
|
53
53
|
|
|
54
54
|
## Properties
|
|
55
55
|
|
|
56
|
-
| Property | Attribute | Description | Type
|
|
57
|
-
| --------------- | ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ |
|
|
58
|
-
| `_accessKey` | `_access-key` | Defines which key combination can be used to trigger or focus the interactive element of the component. | `string` \| `undefined`
|
|
59
|
-
| `_adjustHeight` | `_adjust-height` | Adjusts the height of the element to its content. | `boolean` \| `undefined`
|
|
60
|
-
| `_alert` | `_alert` | Defines whether the screen-readers should read out the notification. | `boolean` \| `undefined`
|
|
61
|
-
| `_disabled` | `_disabled` | Makes the element not focusable and ignore all events. | `boolean` \| `undefined`
|
|
62
|
-
| `_error` | `_error` | Defines the error message text. | `string` \| `undefined`
|
|
63
|
-
| `_hasCounter` | `_has-counter` | Shows the character count on the lower border of the input. | `boolean` \| `undefined`
|
|
64
|
-
| `_hideError` | `_hide-error` | Hides the error message but leaves it in the DOM for the input's aria-describedby. | `boolean` \| `undefined`
|
|
65
|
-
| `_hideLabel` | `_hide-label` | Hides the caption by default and displays the caption text with a tooltip when the interactive element is focused or the mouse is over it. | `boolean` \| `undefined`
|
|
66
|
-
| `_hint` | `_hint` | Defines the hint text. | `string` \| `undefined`
|
|
67
|
-
| `_id` | `_id` | Defines the internal ID of the primary component element. | `string` \| `undefined`
|
|
68
|
-
| `_label` | `_label` | 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. | `string` \| `undefined`
|
|
69
|
-
| `_maxLength` | `_max-length` | Defines the maximum number of input characters. | `number` \| `undefined`
|
|
70
|
-
| `_name` | `_name` | Defines the technical name of an input field. | `string` \| `undefined`
|
|
71
|
-
| `_on` | -- | Gibt die EventCallback-Funktionen für das Input-Event an. | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus` \| `undefined` | `undefined` |
|
|
72
|
-
| `_placeholder` | `_placeholder` | Defines the placeholder for input field. To be shown when there's no value. | `string` \| `undefined`
|
|
73
|
-
| `_readOnly` | `_read-only` | Makes the input element read only. | `boolean` \| `undefined`
|
|
74
|
-
| `_required` | `_required` | Makes the input element required. | `boolean` \| `undefined`
|
|
75
|
-
| `_resize` | `_resize` | Defines whether and in which direction the size of the input can be changed by the user. (https://developer.mozilla.org/de/docs/Web/CSS/resize) | `"both"` \| `"horizontal"` \| `"none"` \| `"vertical"` \| `undefined`
|
|
76
|
-
| `_rows` | `_rows` | Defines how many rows of text should be visible at the same time. | `number` \| `undefined`
|
|
77
|
-
| `_tabIndex` | `_tab-index` | Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) | `number` \| `undefined`
|
|
78
|
-
| `_tooltipAlign` | `_tooltip-align` | Defines where to show the Tooltip preferably: top, right, bottom or left. | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined`
|
|
79
|
-
| `_touched` | `_touched` | Shows if the input was touched by a user. | `boolean` \| `undefined`
|
|
80
|
-
| `_value` | `_value` | Defines the value of the input. | `string` \| `undefined`
|
|
56
|
+
| Property | Attribute | Description | Type | Default |
|
|
57
|
+
| --------------- | ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------- | ------------ |
|
|
58
|
+
| `_accessKey` | `_access-key` | Defines which key combination can be used to trigger or focus the interactive element of the component. | `string` \| `undefined` | `undefined` |
|
|
59
|
+
| `_adjustHeight` | `_adjust-height` | Adjusts the height of the element to its content. | `boolean` \| `undefined` | `false` |
|
|
60
|
+
| `_alert` | `_alert` | Defines whether the screen-readers should read out the notification. | `boolean` \| `undefined` | `true` |
|
|
61
|
+
| `_disabled` | `_disabled` | Makes the element not focusable and ignore all events. | `boolean` \| `undefined` | `false` |
|
|
62
|
+
| `_error` | `_error` | Defines the error message text. | `string` \| `undefined` | `undefined` |
|
|
63
|
+
| `_hasCounter` | `_has-counter` | Shows the character count on the lower border of the input. | `boolean` \| `undefined` | `false` |
|
|
64
|
+
| `_hideError` | `_hide-error` | Hides the error message but leaves it in the DOM for the input's aria-describedby. | `boolean` \| `undefined` | `false` |
|
|
65
|
+
| `_hideLabel` | `_hide-label` | Hides the caption by default and displays the caption text with a tooltip when the interactive element is focused or the mouse is over it. | `boolean` \| `undefined` | `false` |
|
|
66
|
+
| `_hint` | `_hint` | Defines the hint text. | `string` \| `undefined` | `''` |
|
|
67
|
+
| `_id` | `_id` | Defines the internal ID of the primary component element. | `string` \| `undefined` | `undefined` |
|
|
68
|
+
| `_label` | `_label` | 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. | `string` \| `undefined` | `undefined` |
|
|
69
|
+
| `_maxLength` | `_max-length` | Defines the maximum number of input characters. | `number` \| `undefined` | `undefined` |
|
|
70
|
+
| `_name` | `_name` | Defines the technical name of an input field. | `string` \| `undefined` | `undefined` |
|
|
71
|
+
| `_on` | -- | Gibt die EventCallback-Funktionen für das Input-Event an. | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus & InputTypeOnInput` \| `undefined` | `undefined` |
|
|
72
|
+
| `_placeholder` | `_placeholder` | Defines the placeholder for input field. To be shown when there's no value. | `string` \| `undefined` | `undefined` |
|
|
73
|
+
| `_readOnly` | `_read-only` | Makes the input element read only. | `boolean` \| `undefined` | `false` |
|
|
74
|
+
| `_required` | `_required` | Makes the input element required. | `boolean` \| `undefined` | `false` |
|
|
75
|
+
| `_resize` | `_resize` | Defines whether and in which direction the size of the input can be changed by the user. (https://developer.mozilla.org/de/docs/Web/CSS/resize) | `"both"` \| `"horizontal"` \| `"none"` \| `"vertical"` \| `undefined` | `'vertical'` |
|
|
76
|
+
| `_rows` | `_rows` | Defines how many rows of text should be visible at the same time. | `number` \| `undefined` | `undefined` |
|
|
77
|
+
| `_tabIndex` | `_tab-index` | Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) | `number` \| `undefined` | `undefined` |
|
|
78
|
+
| `_tooltipAlign` | `_tooltip-align` | Defines where to show the Tooltip preferably: top, right, bottom or left. | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined` | `'top'` |
|
|
79
|
+
| `_touched` | `_touched` | Shows if the input was touched by a user. | `boolean` \| `undefined` | `false` |
|
|
80
|
+
| `_value` | `_value` | Defines the value of the input. | `string` \| `undefined` | `undefined` |
|
|
81
81
|
|
|
82
82
|
|
|
83
83
|
## Slots
|
|
@@ -109,7 +109,7 @@ graph TD;
|
|
|
109
109
|
kol-alert-wc --> kol-heading-wc
|
|
110
110
|
kol-alert-wc --> kol-button-wc
|
|
111
111
|
kol-alert-wc --> kol-icon
|
|
112
|
-
style kol-textarea
|
|
112
|
+
style kol-textarea stroke:#333,stroke-width:4px
|
|
113
113
|
```
|
|
114
114
|
|
|
115
115
|
----------------------------------------------
|
package/doc/toast.md
CHANGED
|
@@ -99,7 +99,7 @@ graph TD;
|
|
|
99
99
|
kol-button-wc --> kol-tooltip-wc
|
|
100
100
|
kol-span-wc --> kol-icon
|
|
101
101
|
kol-tooltip-wc --> kol-span-wc
|
|
102
|
-
style kol-toast
|
|
102
|
+
style kol-toast stroke:#333,stroke-width:4px
|
|
103
103
|
```
|
|
104
104
|
|
|
105
105
|
----------------------------------------------
|
package/doc/toaster.md
CHANGED
|
@@ -118,7 +118,7 @@ graph TD;
|
|
|
118
118
|
kol-alert-wc --> kol-heading-wc
|
|
119
119
|
kol-alert-wc --> kol-button-wc
|
|
120
120
|
kol-alert-wc --> kol-icon
|
|
121
|
-
style kol-toast-container
|
|
121
|
+
style kol-toast-container stroke:#333,stroke-width:4px
|
|
122
122
|
```
|
|
123
123
|
|
|
124
124
|
----------------------------------------------
|
package/doc/tooltip.md
CHANGED
|
@@ -65,7 +65,7 @@ graph TD;
|
|
|
65
65
|
kol-button-wc --> kol-tooltip-wc
|
|
66
66
|
kol-input --> kol-tooltip-wc
|
|
67
67
|
kol-link-wc --> kol-tooltip-wc
|
|
68
|
-
style kol-tooltip-wc
|
|
68
|
+
style kol-tooltip-wc stroke:#333,stroke-width:4px
|
|
69
69
|
```
|
|
70
70
|
|
|
71
71
|
----------------------------------------------
|
package/doc/version.md
CHANGED
|
@@ -49,7 +49,7 @@ graph TD;
|
|
|
49
49
|
kol-button-wc --> kol-tooltip-wc
|
|
50
50
|
kol-span-wc --> kol-icon
|
|
51
51
|
kol-tooltip-wc --> kol-span-wc
|
|
52
|
-
style kol-version
|
|
52
|
+
style kol-version stroke:#333,stroke-width:4px
|
|
53
53
|
```
|
|
54
54
|
|
|
55
55
|
----------------------------------------------
|
package/package.json
CHANGED
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* KoliBri - The accessible HTML-Standard
|
|
3
|
-
*/
|
|
4
|
-
"use strict";const prop_validators=require("./prop.validators-758924a9.js"),validateAlternativeButtonLinkRole=(a,t)=>{prop_validators.watchString(a,"_role",t)},validateAriaControls=(a,t)=>{prop_validators.watchString(a,"_ariaControls",t)},validate=(a,t,r)=>{prop_validators.watchValidator(a,t,(a=>"date"===a||"location"===a||"page"===a||"step"===a||"time"===a||!0===a||!1===a),new Set(["String {data, location, page, step, time}","boolean"]),r)},validateAriaCurrent=(a,t)=>{validate(a,"_ariaCurrent",t)},validateListenAriaCurrent=(a,t)=>{validate(a,"_listenAriaCurrent",t)};exports.validateAlternativeButtonLinkRole=validateAlternativeButtonLinkRole,exports.validateAriaControls=validateAriaControls,exports.validateAriaCurrent=validateAriaCurrent,exports.validateListenAriaCurrent=validateListenAriaCurrent;
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* KoliBri - The accessible HTML-Standard
|
|
3
|
-
*/
|
|
4
|
-
"use strict";const prop_validators=require("./prop.validators-758924a9.js"),hideLabel=require("./hide-label-9fff222f.js"),label=require("./label-17a3b4c1.js"),a11y_tipps=require("./a11y.tipps-448db2c0.js"),events=require("./events-e348a615.js"),tabIndex=require("./tab-index-2f8cea1d.js"),associated_controller=require("./associated.controller-598aaf95.js"),getRenderStates=t=>{const e="string"==typeof t._error&&t._error.length>0&&!0===t._touched,o="string"==typeof t._hint&&t._hint.length>0,i=[];return!0===e&&i.push(`${t._id}-error`),!0===o&&i.push(`${t._id}-hint`),{hasError:e,hasHint:o,ariaDescribedBy:i}},validateAdjustHeight=(t,e)=>{prop_validators.watchBoolean(t,"_adjustHeight",e)},validateHideError=(t,e,o)=>{prop_validators.watchBoolean(t,"_hideError",e,o)},validateTouched=(t,e)=>{prop_validators.watchBoolean(t,"_touched",e)};class ControlledInputController extends associated_controller.AssociatedInputController{constructor(t,e,o){super(t,e,o),this.component=t}validateAlert(t){prop_validators.watchBoolean(this.component,"_alert",t)}validateTouched(t){validateTouched(this.component,t)}componentWillLoad(){super.componentWillLoad(),this.validateAlert(this.component._alert),this.validateTouched(this.component._touched)}}class InputController extends ControlledInputController{constructor(t,e,o){super(t,e,o),this.valueChangeListeners=[],this.onFacade={onBlur:this.onBlur.bind(this),onChange:this.onChange.bind(this),onClick:this.onClick.bind(this),onFocus:this.onFocus.bind(this)},this.component=t}validateAccessKey(t){prop_validators.watchString(this.component,"_accessKey",t)}validateAdjustHeight(t){validateAdjustHeight(this.component,t)}validateDisabled(t){prop_validators.watchBoolean(this.component,"_disabled",t),!0===t&&a11y_tipps.a11yHintDisabled()}validateError(t){prop_validators.watchString(this.component,"_error",t)}validateHideError(t){validateHideError(this.component,t,{hooks:{afterPatch:()=>{this.component.state._hideError&&a11y_tipps.a11yHint("Property hide-error for inputs: Only use when the error message is shown outside of the input component.")}}})}validateHideLabel(t){hideLabel.validateHideLabel(this.component,t,{hooks:{afterPatch:()=>{this.component.state._hideLabel&&a11y_tipps.a11yHint("Property hide-label for inputs: Only use for exceptions like search inputs that are clearly identifiable by their context.")}}})}validateHint(t){prop_validators.watchString(this.component,"_hint",t)}validateId(t){prop_validators.watchString(this.component,"_id",t,{hooks:{afterPatch:()=>{this.setAttribute("id",this.formAssociated,this.component.state._id)}},minLength:1}),""!==t&&void 0!==t||a11y_tipps.devHint("Eine eindeutige ID an den Eingabefeldern ist nicht zwingend erforderlich, könnte aber für die E2E-Tests relevant sein.")}validateLabel(t){label.validateLabelWithExpertSlot(this.component,t,{required:!0})}validateOn(t){"object"==typeof t&&prop_validators.setState(this.component,"_on",t)}validateSmartButton(t){prop_validators.objectObjectHandler(t,(()=>{try{t=prop_validators.parseJson(t)}catch(t){}prop_validators.setState(this.component,"_smartButton",t)}))}validateTabIndex(t){tabIndex.validateTabIndex(this.component,t)}componentWillLoad(){super.componentWillLoad(),this.validateAccessKey(this.component._accessKey),this.validateAdjustHeight(this.component._adjustHeight),this.validateError(this.component._error),this.validateDisabled(this.component._disabled),this.validateHideError(this.component._hideError),this.validateHideLabel(this.component._hideLabel),this.validateHint(this.component._hint),this.validateId(this.component._id),this.validateLabel(this.component._label),this.validateSmartButton(this.component._smartButton),this.validateOn(this.component._on),this.validateTabIndex(this.component._tabIndex)}onBlur(t){var e;this.component._alert=!0,this.component._touched=!0,events.stopPropagation(t),events.tryToDispatchKoliBriEvent("blur",this.host),"function"==typeof(null===(e=this.component._on)||void 0===e?void 0:e.onBlur)&&this.component._on.onBlur(t)}onChange(t){var e;const o=t.target.value;events.tryToDispatchKoliBriEvent("change",this.host,o),this.setFormAssociatedValue(o),"function"==typeof(null===(e=this.component._on)||void 0===e?void 0:e.onChange)&&this.component._on.onChange(t,o),this.valueChangeListeners.forEach((t=>t(o)))}onClick(t){var e;events.stopPropagation(t),events.tryToDispatchKoliBriEvent("click",this.host),"function"==typeof(null===(e=this.component._on)||void 0===e?void 0:e.onClick)&&this.component._on.onClick(t)}onFocus(t){var e;this.component._alert=!0,events.stopPropagation(t),events.tryToDispatchKoliBriEvent("focus",this.host),"function"==typeof(null===(e=this.component._on)||void 0===e?void 0:e.onFocus)&&this.component._on.onFocus(t)}setValue(t,e){var o;this.setFormAssociatedValue(e),"function"==typeof(null===(o=this.component._on)||void 0===o?void 0:o.onChange)&&this.component._on.onChange(t,e)}addValueChangeListener(t){this.valueChangeListeners.push(t)}}exports.InputController=InputController,exports.getRenderStates=getRenderStates;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"controller-0401f50c.js","mappings":"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","names":["watchBoolean","AssociatedInputController","watchString","a11yHintDisabled","a11yHint","validateHideLabel","devHint","validateLabelWithExpertSlot","setState","objectObjectHandler","parseJson","validateTabIndex","stopPropagation","tryToDispatchKoliBriEvent"],"sources":["src/components/input/controller.ts","src/types/props/adjust-height.ts","src/types/props/hide-error.ts","src/types/props/touched.ts","src/components/input-adapter-leanup/controller.ts","src/components/@deprecated/input/controller.ts"],"sourcesContent":["import { TouchedPropType } from '../../types/props/touched';\n\n/**\n * Berechnet in Abhängigkeit des Component-State, wie die\n * aria-describedby-Attributs gesetzt werden sollen.\n *\n * @param state State der Component\n * @returns Render-States\n */\nexport const getRenderStates = (state: {\n\t_error?: string;\n\t_hint?: string;\n\t_id: string;\n\t_touched?: TouchedPropType;\n}): {\n\thasError: boolean;\n\thasHint: boolean;\n\tariaDescribedBy: string[];\n} => {\n\tconst hasError = typeof state._error === 'string' && state._error.length > 0 && state._touched === true;\n\tconst hasHint = typeof state._hint === 'string' && state._hint.length > 0;\n\n\tconst ariaDescribedBy: string[] = [];\n\tif (hasError === true) {\n\t\tariaDescribedBy.push(`${state._id}-error`);\n\t}\n\tif (hasHint === true) {\n\t\tariaDescribedBy.push(`${state._id}-hint`);\n\t}\n\treturn { hasError, hasHint, ariaDescribedBy };\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { watchBoolean } from '../../utils/prop.validators';\n\n/* types */\nexport type AdjustHeightPropType = boolean;\n\n/**\n * Adjusts the height of the element to its content.\n */\nexport type PropAdjustHeight = {\n\tadjustHeight: AdjustHeightPropType;\n};\n\n/* validator */\nexport const validateAdjustHeight = (component: Generic.Element.Component, value?: AdjustHeightPropType): void => {\n\twatchBoolean(component, '_adjustHeight', value);\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { watchBoolean, WatchBooleanOptions } from '../../utils/prop.validators';\n\n/* types */\nexport type HideErrorPropType = boolean;\n\n/**\n * Hides the error message but leaves it in the DOM for the input's aria-describedby.\n */\nexport type PropHideError = {\n\thideError: HideErrorPropType;\n};\n\n/* validator */\nexport const validateHideError = (component: Generic.Element.Component, value?: HideErrorPropType, options?: WatchBooleanOptions): void => {\n\twatchBoolean(component, '_hideError', value, options);\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { watchBoolean } from '../../utils/prop.validators';\n\n/* types */\nexport type TouchedPropType = boolean;\n\n/**\n * Shows if the input was touched by a user.\n */\nexport type PropTouched = {\n\ttouched: TouchedPropType;\n};\n\n/* validator */\nexport const validateTouched = (component: Generic.Element.Component, value?: TouchedPropType): void => {\n\twatchBoolean(component, '_touched', value);\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { validateTouched } from '../../types/props/touched';\nimport { watchBoolean } from '../../utils/prop.validators';\nimport { AssociatedInputController } from './associated.controller';\nimport { Props, Watches } from './types';\n\nexport class ControlledInputController extends AssociatedInputController implements Watches {\n\tprotected readonly component: Generic.Element.Component & Props;\n\n\tpublic constructor(component: Generic.Element.Component & Props, name: string, host?: HTMLElement) {\n\t\tsuper(component, name, host);\n\t\tthis.component = component;\n\t}\n\n\tpublic validateAlert(value?: boolean): void {\n\t\twatchBoolean(this.component, '_alert', value);\n\t}\n\n\tpublic validateTouched(value?: boolean): void {\n\t\tvalidateTouched(this.component, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tsuper.componentWillLoad();\n\t\tthis.validateAlert(this.component._alert);\n\t\tthis.validateTouched(this.component._touched);\n\t}\n}\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { InputTypeOnDefault } from '../../../types/input/types';\nimport { AdjustHeightPropType, validateAdjustHeight } from '../../../types/props/adjust-height';\nimport { HideErrorPropType, validateHideError } from '../../../types/props/hide-error';\nimport { validateHideLabel } from '../../../types/props/hide-label';\nimport { LabelWithExpertSlotPropType, validateLabelWithExpertSlot } from '../../../types/props/label';\nimport { a11yHint, a11yHintDisabled, devHint } from '../../../utils/a11y.tipps';\nimport { stopPropagation, tryToDispatchKoliBriEvent } from '../../../utils/events';\nimport { objectObjectHandler, parseJson, setState, watchBoolean, watchString } from '../../../utils/prop.validators';\nimport { validateTabIndex } from '../../../utils/validators/tab-index';\nimport { Props as ButtonProps } from '../../button/types';\nimport { ControlledInputController } from '../../input-adapter-leanup/controller';\nimport { Props as AdapterProps } from '../../input-adapter-leanup/types';\nimport { Props, Watches } from './types';\n\ntype ValueChangeListener = (value: string) => void;\n\nexport class InputController extends ControlledInputController implements Watches {\n\tprotected readonly component: Generic.Element.Component & Props & AdapterProps;\n\n\tprivate readonly valueChangeListeners: ValueChangeListener[] = [];\n\n\tpublic constructor(component: Generic.Element.Component & Props, name: string, host?: HTMLElement) {\n\t\tsuper(component, name, host);\n\t\tthis.component = component;\n\t}\n\n\tpublic validateAccessKey(value?: string): void {\n\t\twatchString(this.component, '_accessKey', value);\n\t}\n\n\tpublic validateAdjustHeight(value?: AdjustHeightPropType): void {\n\t\tvalidateAdjustHeight(this.component, value);\n\t}\n\n\tpublic validateDisabled(value?: boolean): void {\n\t\twatchBoolean(this.component, '_disabled', value);\n\t\tif (value === true) {\n\t\t\ta11yHintDisabled();\n\t\t}\n\t}\n\n\tpublic validateError(value?: string): void {\n\t\twatchString(this.component, '_error', value);\n\t}\n\n\tpublic validateHideError(value?: HideErrorPropType): void {\n\t\tvalidateHideError(this.component, value, {\n\t\t\thooks: {\n\t\t\t\tafterPatch: () => {\n\t\t\t\t\tif (this.component.state._hideError) {\n\t\t\t\t\t\ta11yHint('Property hide-error for inputs: Only use when the error message is shown outside of the input component.');\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t},\n\t\t});\n\t}\n\n\tpublic validateHideLabel(value?: boolean): void {\n\t\tvalidateHideLabel(this.component, value, {\n\t\t\thooks: {\n\t\t\t\tafterPatch: () => {\n\t\t\t\t\tif (this.component.state._hideLabel) {\n\t\t\t\t\t\ta11yHint('Property hide-label for inputs: Only use for exceptions like search inputs that are clearly identifiable by their context.');\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t},\n\t\t});\n\t}\n\n\tpublic validateHint(value?: string): void {\n\t\twatchString(this.component, '_hint', value);\n\t}\n\n\tpublic validateId(value?: string): void {\n\t\twatchString(this.component, '_id', value, {\n\t\t\thooks: {\n\t\t\t\tafterPatch: () => {\n\t\t\t\t\tthis.setAttribute('id', this.formAssociated, this.component.state._id as string);\n\t\t\t\t},\n\t\t\t},\n\t\t\tminLength: 1,\n\t\t});\n\t\tif (value === '' || typeof value === 'undefined') {\n\t\t\tdevHint(`Eine eindeutige ID an den Eingabefeldern ist nicht zwingend erforderlich, könnte aber für die E2E-Tests relevant sein.`);\n\t\t}\n\t}\n\n\tpublic validateLabel(value?: LabelWithExpertSlotPropType): void {\n\t\tvalidateLabelWithExpertSlot(this.component, value, {\n\t\t\trequired: true,\n\t\t});\n\t}\n\n\tpublic validateOn(value?: InputTypeOnDefault): void {\n\t\tif (typeof value === 'object') {\n\t\t\tsetState(this.component, '_on', value);\n\t\t}\n\t}\n\n\tpublic validateSmartButton(value?: ButtonProps | string): void {\n\t\tobjectObjectHandler(value, () => {\n\t\t\ttry {\n\t\t\t\tvalue = parseJson<ButtonProps>(value as string);\n\t\t\t\t// eslint-disable-next-line no-empty\n\t\t\t} catch (e) {\n\t\t\t\t// value behält den ursprünglichen Wert\n\t\t\t}\n\t\t\tsetState(this.component, '_smartButton', value);\n\t\t});\n\t}\n\n\tpublic validateTabIndex(value?: number): void {\n\t\tvalidateTabIndex(this.component, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tsuper.componentWillLoad();\n\t\tthis.validateAccessKey(this.component._accessKey);\n\t\tthis.validateAdjustHeight(this.component._adjustHeight);\n\t\tthis.validateError(this.component._error);\n\t\tthis.validateDisabled(this.component._disabled);\n\t\tthis.validateHideError(this.component._hideError);\n\t\tthis.validateHideLabel(this.component._hideLabel);\n\t\tthis.validateHint(this.component._hint);\n\t\tthis.validateId(this.component._id);\n\t\tthis.validateLabel(this.component._label);\n\t\tthis.validateSmartButton(this.component._smartButton);\n\t\tthis.validateOn(this.component._on);\n\t\tthis.validateTabIndex(this.component._tabIndex);\n\t}\n\n\tprotected onBlur(event: Event): void {\n\t\tthis.component._alert = true;\n\t\tthis.component._touched = true;\n\n\t\t// Event handling\n\t\tstopPropagation(event);\n\t\ttryToDispatchKoliBriEvent('blur', this.host);\n\n\t\t// Callback\n\t\tif (typeof this.component._on?.onBlur === 'function') {\n\t\t\tthis.component._on.onBlur(event);\n\t\t}\n\t}\n\n\tprotected onChange(event: Event): void {\n\t\tconst value = (event.target as HTMLInputElement).value;\n\n\t\t// Event handling\n\t\ttryToDispatchKoliBriEvent('change', this.host, value);\n\n\t\t// Static form handling\n\t\tthis.setFormAssociatedValue(value);\n\n\t\t// Callback\n\t\tif (typeof this.component._on?.onChange === 'function') {\n\t\t\t/**\n\t\t\t * TODO\n\t\t\t * Value-Handling muss für InputDate und InputNumber optimiert werden\n\t\t\t * - value\n\t\t\t * - valueAsNumber\n\t\t\t * - valueAsDate\n\t\t\t */\n\t\t\tthis.component._on.onChange(event, value);\n\t\t}\n\n\t\t/**\n\t\t * TODO: Was ist das?\n\t\t */\n\t\tthis.valueChangeListeners.forEach((listener) => listener(value));\n\t}\n\n\tprotected onClick(event: Event): void {\n\t\t// Event handling\n\t\tstopPropagation(event);\n\t\ttryToDispatchKoliBriEvent('click', this.host);\n\n\t\t// Callback\n\t\tif (typeof this.component._on?.onClick === 'function') {\n\t\t\tthis.component._on.onClick(event);\n\t\t}\n\t}\n\n\tprotected onFocus(event: Event): void {\n\t\tthis.component._alert = true;\n\n\t\t// Event handling\n\t\tstopPropagation(event);\n\t\ttryToDispatchKoliBriEvent('focus', this.host);\n\n\t\t// Callback\n\t\tif (typeof this.component._on?.onFocus === 'function') {\n\t\t\tthis.component._on.onFocus(event);\n\t\t}\n\t}\n\n\tpublic setValue(event: Event, value: string | number | boolean): void {\n\t\tthis.setFormAssociatedValue(value as string);\n\t\tif (typeof this.component._on?.onChange === 'function') {\n\t\t\tthis.component._on.onChange(event, value);\n\t\t}\n\t}\n\n\tpublic addValueChangeListener(listener: ValueChangeListener) {\n\t\tthis.valueChangeListeners.push(listener);\n\t}\n\n\t/**\n\t * Hinweis: In der Subklasse 'InputPasswordController'\n\t * werden die Methoden onBlur und onFocus\n\t * überschrieben.\n\t * Es werden somit zunächst die Methoden der\n\t * Subklasse ausgeführt und danach die der\n\t * Oberklassen.\n\t */\n\tpublic readonly onFacade = {\n\t\tonBlur: this.onBlur.bind(this),\n\t\tonChange: this.onChange.bind(this),\n\t\tonClick: this.onClick.bind(this),\n\t\tonFocus: this.onFocus.bind(this),\n\t};\n}\n"],"version":3}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"controller-0d92b282.js","mappings":"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","names":["hasEnoughReadableChars","containsOnlyNumbers","a11yHint","watchJsonArrayString","watchBoolean","InputController","watchValidator","mapString2Unknown","setState","STATE_CHANGE_EVENT"],"sources":["src/utils/validators/options.ts","src/types/props/options.ts","src/types/props/required.ts","src/components/input-radio/controller.ts"],"sourcesContent":["import { Optgroup, SelectOption } from '../../types/input/types';\nimport { containsOnlyNumbers, hasEnoughReadableChars } from '../../types/props/label';\nimport { a11yHint } from '../a11y.tipps';\n\nexport const validateInputSelectOptions = <T>(option: SelectOption<T>): boolean => {\n\tif (typeof option === 'object' && option !== null) {\n\t\tif (typeof option.label === 'string' && option.label.length > 0) {\n\t\t\toption.disabled = option.disabled === true;\n\t\t\toption.label = `${option.label}`.trim();\n\t\t\tif (hasEnoughReadableChars(option.label, 3) === false && containsOnlyNumbers(option.label) === false) {\n\t\t\t\ta11yHint(\n\t\t\t\t\t`Ein abweichendes Aria-Label (${option.label}) ist nicht barrierefrei. Ein abweichendes Aria-Label sollte aus mindestens drei lesbaren Zeichen bestehen.`\n\t\t\t\t);\n\t\t\t}\n\t\t\tif (Array.isArray((option as Optgroup<T>).options)) {\n\t\t\t\treturn (\n\t\t\t\t\t(option as Optgroup<T>).options.find((item) => {\n\t\t\t\t\t\treturn validateInputSelectOptions(item) === false;\n\t\t\t\t\t}) === undefined\n\t\t\t\t);\n\t\t\t}\n\t\t\treturn true;\n\t\t} else if (typeof option.label === 'number') {\n\t\t\treturn true;\n\t\t}\n\t}\n\treturn false;\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { watchJsonArrayString, WatchOptions } from '../../utils/prop.validators';\nimport { validateInputSelectOptions } from '../../utils/validators/options';\nimport { Stringified } from '../common';\nimport { Optgroup, Option } from '../input/types';\nimport { W3CInputValue } from '../w3c';\n\n/* types */\n\nexport type OptionsPropType = Stringified<Option<W3CInputValue>[]>;\nexport type OptionsWithOptgroupPropType = Stringified<(Option<W3CInputValue> | Optgroup<W3CInputValue>)[]>;\n\n/**\n * Options the user can choose from.\n */\nexport type PropOptions = {\n\toptions: OptionsPropType;\n};\n\n/**\n * Options the user can choose from, also supporting Optgroup.\n */\nexport type PropOptionsWithOptgroup = {\n\toptions: OptionsWithOptgroupPropType;\n};\n\n/* validators */\n\nexport const validateOptions = (component: Generic.Element.Component, value: OptionsPropType | undefined, options: WatchOptions = {}): void => {\n\twatchJsonArrayString(\n\t\tcomponent,\n\t\t'_options',\n\t\t(item: Option<W3CInputValue>) => typeof item === 'object' && item !== null && typeof item.label === 'string' && item.label.length > 0,\n\t\tvalue,\n\t\tundefined,\n\t\toptions\n\t);\n};\n\nexport const validateOptionsWithOptgroup = (\n\tcomponent: Generic.Element.Component,\n\tvalue: OptionsWithOptgroupPropType | undefined,\n\toptions: WatchOptions = {}\n) => {\n\twatchJsonArrayString(component, '_options', validateInputSelectOptions, value, undefined, options);\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { watchBoolean } from '../../utils/prop.validators';\n\n/* types */\ntype RequiredPropType = boolean;\n\n/**\n * Makes the input element required.\n */\nexport type PropRequired = {\n\trequired: RequiredPropType;\n};\n\n/* validator */\nexport const validateRequired = (component: Generic.Element.Component, value?: RequiredPropType): void => {\n\twatchBoolean(component, '_required', value);\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { Stringified } from '../../types/common';\nimport { Optgroup, Option, SelectOption } from '../../types/input/types';\nimport { Orientation } from '../../types/orientation';\nimport { PropLabelWithExpertSlot } from '../../types/props/label';\nimport { OptionsPropType, validateOptions } from '../../types/props/options';\nimport { validateRequired } from '../../types/props/required';\nimport { StencilUnknown } from '../../types/unknown';\nimport { W3CInputValue } from '../../types/w3c';\nimport { mapString2Unknown, setState, watchValidator } from '../../utils/prop.validators';\nimport { STATE_CHANGE_EVENT } from '../../utils/validator';\nimport { InputController } from '../@deprecated/input/controller';\nimport { Props, Watches } from './types';\n\nexport const fillKeyOptionMap = <T>(keyOptionMap: Map<string, Option<T>>, options: SelectOption<T>[], preKey = ''): void => {\n\toptions.forEach((option, index) => {\n\t\tconst key = `${preKey}-${index}`;\n\t\tif (typeof option === 'object' && option !== null && typeof option.label === 'string' && option.label.length > 0) {\n\t\t\tif (Array.isArray((option as Optgroup<T>).options)) {\n\t\t\t\tfillKeyOptionMap(keyOptionMap, (option as Optgroup<T>).options, key);\n\t\t\t} else {\n\t\t\t\tkeyOptionMap.set(key, option as Option<T>);\n\t\t\t}\n\t\t}\n\t});\n};\n\ntype RequiredProps = NonNullable<unknown>;\ntype OptionalProps = {\n\trequired: boolean;\n} & PropLabelWithExpertSlot;\ntype InputCheckboxRadioProps = Generic.Element.Members<RequiredProps, OptionalProps>;\ntype InputCheckboxRadioWatches = Generic.Element.Watchers<RequiredProps, OptionalProps>;\n\nexport class InputCheckboxRadioController extends InputController implements InputCheckboxRadioWatches {\n\tprotected readonly component: Generic.Element.Component & InputCheckboxRadioProps;\n\n\tpublic constructor(component: Generic.Element.Component & InputCheckboxRadioProps, name: string, host?: HTMLElement) {\n\t\tsuper(component, name, host);\n\t\tthis.component = component;\n\t}\n\n\tpublic validateRequired(value?: boolean): void {\n\t\tvalidateRequired(this.component, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tsuper.componentWillLoad();\n\t\tthis.validateRequired(this.component._required);\n\t}\n}\n\nexport class InputRadioController extends InputCheckboxRadioController implements Watches {\n\tprotected readonly component: Generic.Element.Component & Props;\n\tprivate onStateChange!: () => void;\n\tprivate readonly keyOptionMap = new Map<string, Option<W3CInputValue>>();\n\n\tpublic constructor(component: Generic.Element.Component & Props, 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: unknown, options: Option<W3CInputValue>[]): boolean => {\n\t\treturn options.find((option) => option.value === value) !== 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\tprotected 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\tif (this.isValueInOptions(value, options as Option<W3CInputValue>[]) === false) {\n\t\t\t\tnextState.set(\n\t\t\t\t\t'_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\tthis.onStateChange();\n\t\t\t}\n\t\t}\n\t};\n\n\tpublic validateOrientation(value?: Orientation): void {\n\t\twatchValidator(\n\t\t\tthis.component,\n\t\t\t'_orientation',\n\t\t\t(value): boolean => value === 'horizontal' || value === 'vertical',\n\t\t\tnew Set(['Orientation {horizontal, vertical}']),\n\t\t\tvalue,\n\t\t\t{\n\t\t\t\tdefaultValue: 'vertical',\n\t\t\t}\n\t\t);\n\t}\n\n\tpublic validateOptions(value?: OptionsPropType): void {\n\t\tvalidateOptions(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 validateValue(value?: Stringified<StencilUnknown>): void {\n\t\tvalue = mapString2Unknown(value);\n\t\tvalue = Array.isArray(value) ? (value[0] as StencilUnknown) : value;\n\t\tsetState(this.component, '_value', value, {\n\t\t\tafterPatch: this.afterPatchOptions,\n\t\t\tbeforePatch: this.beforePatchOptions,\n\t\t});\n\t}\n\n\tpublic componentWillLoad(onChange?: (event: Event) => void): void {\n\t\tsuper.componentWillLoad();\n\n\t\tthis.onStateChange = () => {\n\t\t\tif (typeof onChange === 'function') {\n\t\t\t\tconst timeout = setTimeout(() => {\n\t\t\t\t\tclearTimeout(timeout);\n\t\t\t\t\tonChange(STATE_CHANGE_EVENT);\n\t\t\t\t});\n\t\t\t}\n\t\t};\n\n\t\tthis.validateOrientation(this.component._orientation);\n\t\tthis.validateOptions(this.component._options || this.component._list);\n\t\tthis.validateValue(this.component._value);\n\t}\n}\n"],"version":3}
|