@public-ui/components 1.2.0-rc.5 → 1.2.0-rc.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cheat-sheet.html +15 -25
- package/custom-elements.json +8 -28
- package/dist/cjs/{app-globals-4d8fc232.js → app-globals-5fba2e12.js} +1 -1
- package/dist/cjs/button-link-3ee47d5a.js +4 -0
- package/dist/cjs/{controller-76206599.js → controller-09b54fd4.js} +1 -1
- package/dist/cjs/{controller-07758d49.js → controller-2fe7c1a7.js} +1 -1
- package/dist/cjs/{controller-27f1673e.js → controller-75026331.js} +1 -1
- package/dist/cjs/{controller-497f1ea8.js → controller-a62e8ad3.js} +1 -1
- package/dist/cjs/{controller-38da3f37.js → controller-b5171593.js} +1 -1
- package/dist/cjs/{controller-e1ac2199.js → controller-ed7ce0fe.js} +1 -1
- package/dist/cjs/{devtools-c15b4b51.js → devtools-5c7b0b96.js} +1 -1
- package/dist/cjs/index-385709bc.js +4 -0
- package/dist/cjs/{index-77965f6f.js → index-a87a03d1.js} +0 -0
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/kol-abbr.cjs.entry.js +1 -1
- package/dist/cjs/kol-accordion.cjs.entry.js +1 -1
- package/dist/cjs/kol-alert.cjs.entry.js +1 -1
- package/dist/cjs/kol-badge.cjs.entry.js +1 -1
- package/dist/cjs/kol-breadcrumb.cjs.entry.js +1 -1
- package/dist/cjs/kol-button-group-wc.cjs.entry.js +1 -1
- package/dist/cjs/kol-button-group.cjs.entry.js +1 -1
- package/dist/cjs/kol-button-link.cjs.entry.js +1 -1
- package/dist/cjs/kol-button-wc_2.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-color.cjs.entry.js +1 -1
- package/dist/cjs/kol-counter.cjs.entry.js +1 -1
- package/dist/cjs/kol-details.cjs.entry.js +1 -1
- package/dist/cjs/kol-form.cjs.entry.js +1 -1
- package/dist/cjs/kol-heading-wc_2.cjs.entry.js +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-indented-text.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-adapter-leanup.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-color.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-date.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-email.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-file.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-number.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-password.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-radio-group.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-radio.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-range.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-text.cjs.entry.js +1 -1
- package/dist/cjs/kol-kolibri.cjs.entry.js +1 -1
- package/dist/cjs/kol-link-button.cjs.entry.js +1 -1
- package/dist/cjs/kol-link-group.cjs.entry.js +1 -1
- package/dist/cjs/kol-link-wc.cjs.entry.js +1 -1
- package/dist/cjs/kol-link.cjs.entry.js +1 -1
- package/dist/cjs/kol-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-pagination.cjs.entry.js +1 -1
- package/dist/cjs/kol-progress.cjs.entry.js +1 -1
- package/dist/cjs/kol-select.cjs.entry.js +1 -1
- package/dist/cjs/kol-skip-nav.cjs.entry.js +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-symbol.cjs.entry.js +1 -1
- package/dist/cjs/kol-table.cjs.entry.js +1 -1
- package/dist/cjs/kol-tabs.cjs.entry.js +1 -1
- package/dist/cjs/kol-textarea.cjs.entry.js +1 -1
- package/dist/cjs/kol-toast.cjs.entry.js +1 -1
- package/dist/cjs/kol-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/kol-version.cjs.entry.js +1 -1
- package/dist/cjs/kolibri.cjs.js +1 -1
- package/dist/cjs/{label-b376a163.js → label-6b0674ee.js} +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{prop.validators-d9b1328b.js → prop.validators-ca100ffd.js} +1 -1
- package/dist/cjs/{tab-index-a6ce7671.js → tab-index-3c701542.js} +1 -1
- package/dist/cjs/{validation-e7db9a4e.js → validation-269ca8cc.js} +1 -1
- package/dist/cjs/{validation-f9584225.js → validation-3b1d4085.js} +1 -1
- package/dist/components/component.js +1 -1
- package/dist/components/component10.js +1 -1
- package/dist/components/component11.js +1 -1
- package/dist/components/component12.js +1 -1
- package/dist/components/component13.js +1 -1
- package/dist/components/component2.js +1 -1
- package/dist/components/component5.js +1 -1
- package/dist/components/component6.js +1 -1
- package/dist/components/component8.js +1 -1
- package/dist/components/component9.js +1 -1
- package/dist/components/kol-abbr.js +1 -1
- package/dist/components/kol-accordion.js +1 -1
- package/dist/components/kol-breadcrumb.js +1 -1
- package/dist/components/kol-button-group.js +1 -1
- package/dist/components/kol-button-link.js +1 -1
- package/dist/components/kol-card.js +1 -1
- package/dist/components/kol-color.js +1 -1
- package/dist/components/kol-counter.js +1 -1
- package/dist/components/kol-details.js +1 -1
- package/dist/components/kol-heading.js +1 -1
- package/dist/components/kol-icon-font-awesome.js +1 -1
- package/dist/components/kol-icon-icofont.js +1 -1
- package/dist/components/kol-input-checkbox.js +1 -1
- package/dist/components/kol-input-color.js +1 -1
- package/dist/components/kol-input-date.js +1 -1
- package/dist/components/kol-input-email.js +1 -1
- package/dist/components/kol-input-file.js +1 -1
- package/dist/components/kol-input-password.js +1 -1
- package/dist/components/kol-input-range.js +1 -1
- package/dist/components/kol-input-text.js +1 -1
- package/dist/components/kol-kolibri.js +1 -1
- package/dist/components/kol-link-button.js +1 -1
- package/dist/components/kol-link-group.js +1 -1
- package/dist/components/kol-logo.js +1 -1
- package/dist/components/kol-modal.js +1 -1
- package/dist/components/kol-nav.js +1 -1
- package/dist/components/kol-progress.js +1 -1
- package/dist/components/kol-skip-nav.js +1 -1
- package/dist/components/kol-span.js +1 -1
- package/dist/components/kol-spin.js +1 -1
- package/dist/components/kol-table.js +1 -1
- package/dist/components/kol-tabs.js +1 -1
- package/dist/components/kol-textarea.js +1 -1
- package/dist/components/kol-toast.js +1 -1
- package/dist/components/kol-version.js +1 -1
- package/dist/components/prop.validators.js +1 -1
- package/dist/components/shadow.js +1 -1
- package/dist/components/shadow2.js +1 -1
- package/dist/esm/app-globals-712aa430.js +4 -0
- package/dist/esm/button-link-8248753e.js +4 -0
- package/dist/esm/{controller-96790379.js → controller-2b71fb23.js} +1 -1
- package/dist/esm/{controller-2e2739f0.js → controller-4dbfb429.js} +1 -1
- package/dist/esm/{controller-d56406c9.js → controller-7adffe2d.js} +1 -1
- package/dist/esm/{controller-d720adef.js → controller-b866c038.js} +1 -1
- package/dist/esm/{controller-cce0f1ff.js → controller-c265b38b.js} +1 -1
- package/dist/esm/{controller-f9fd0dec.js → controller-d0d46e70.js} +1 -1
- package/dist/esm/{devtools-f6d00261.js → devtools-0f8f95fd.js} +1 -1
- package/dist/esm/{index-1c88bb74.js → index-1a5ffdc0.js} +0 -0
- package/dist/esm/index-fe68f44e.js +4 -0
- package/dist/esm/index.js +1 -1
- package/dist/esm/kol-abbr.entry.js +1 -1
- package/dist/esm/kol-accordion.entry.js +1 -1
- package/dist/esm/kol-alert.entry.js +1 -1
- package/dist/esm/kol-badge.entry.js +1 -1
- package/dist/esm/kol-breadcrumb.entry.js +1 -1
- package/dist/esm/kol-button-group-wc.entry.js +1 -1
- package/dist/esm/kol-button-group.entry.js +1 -1
- package/dist/esm/kol-button-link.entry.js +1 -1
- package/dist/esm/kol-button-wc_2.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-color.entry.js +1 -1
- package/dist/esm/kol-counter.entry.js +1 -1
- package/dist/esm/kol-details.entry.js +1 -1
- package/dist/esm/kol-form.entry.js +1 -1
- package/dist/esm/kol-heading-wc_2.entry.js +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-indented-text.entry.js +1 -1
- package/dist/esm/kol-input-adapter-leanup.entry.js +1 -1
- package/dist/esm/kol-input-checkbox.entry.js +1 -1
- package/dist/esm/kol-input-color.entry.js +1 -1
- package/dist/esm/kol-input-date.entry.js +1 -1
- package/dist/esm/kol-input-email.entry.js +1 -1
- package/dist/esm/kol-input-file.entry.js +1 -1
- package/dist/esm/kol-input-number.entry.js +1 -1
- package/dist/esm/kol-input-password.entry.js +1 -1
- package/dist/esm/kol-input-radio-group.entry.js +1 -1
- package/dist/esm/kol-input-radio.entry.js +1 -1
- package/dist/esm/kol-input-range.entry.js +1 -1
- package/dist/esm/kol-input-text.entry.js +1 -1
- package/dist/esm/kol-kolibri.entry.js +1 -1
- package/dist/esm/kol-link-button.entry.js +1 -1
- package/dist/esm/kol-link-group.entry.js +1 -1
- package/dist/esm/kol-link-wc.entry.js +1 -1
- package/dist/esm/kol-link.entry.js +1 -1
- package/dist/esm/kol-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-pagination.entry.js +1 -1
- package/dist/esm/kol-progress.entry.js +1 -1
- package/dist/esm/kol-select.entry.js +1 -1
- package/dist/esm/kol-skip-nav.entry.js +1 -1
- package/dist/esm/kol-span.entry.js +1 -1
- package/dist/esm/kol-spin.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-tabs.entry.js +1 -1
- package/dist/esm/kol-textarea.entry.js +1 -1
- package/dist/esm/kol-toast.entry.js +1 -1
- package/dist/esm/kol-tooltip.entry.js +1 -1
- package/dist/esm/kol-version.entry.js +1 -1
- package/dist/esm/kolibri.js +1 -1
- package/dist/esm/{label-6eef1542.js → label-545fc70c.js} +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{prop.validators-6ea5c4bf.js → prop.validators-4fa47ba8.js} +1 -1
- package/dist/esm/{tab-index-4f492046.js → tab-index-d4f41cd5.js} +1 -1
- package/dist/esm/{validation-d60955a6.js → validation-b778326a.js} +1 -1
- package/dist/esm/validation-f79f1927.js +4 -0
- package/dist/kolibri/{app-globals-79adbf92.js → app-globals-712aa430.js} +1 -1
- package/dist/kolibri/button-link-8248753e.js +4 -0
- package/dist/kolibri/{controller-96790379.js → controller-2b71fb23.js} +1 -1
- package/dist/kolibri/{controller-2e2739f0.js → controller-4dbfb429.js} +1 -1
- package/dist/kolibri/{controller-d56406c9.js → controller-7adffe2d.js} +1 -1
- package/dist/kolibri/{controller-d720adef.js → controller-b866c038.js} +1 -1
- package/dist/kolibri/{controller-cce0f1ff.js → controller-c265b38b.js} +1 -1
- package/dist/kolibri/{controller-f9fd0dec.js → controller-d0d46e70.js} +1 -1
- package/dist/kolibri/{devtools-f6d00261.js → devtools-0f8f95fd.js} +1 -1
- package/dist/kolibri/{index-1c88bb74.js → index-1a5ffdc0.js} +0 -0
- package/dist/kolibri/index-fe68f44e.js +4 -0
- package/dist/kolibri/index.esm.js +1 -1
- package/dist/kolibri/kol-abbr.entry.js +1 -1
- package/dist/kolibri/kol-accordion.entry.js +1 -1
- package/dist/kolibri/kol-alert.entry.js +1 -1
- package/dist/kolibri/kol-badge.entry.js +1 -1
- package/dist/kolibri/kol-breadcrumb.entry.js +1 -1
- package/dist/kolibri/kol-button-group-wc.entry.js +1 -1
- package/dist/kolibri/kol-button-group.entry.js +1 -1
- package/dist/kolibri/kol-button-link.entry.js +1 -1
- package/dist/kolibri/kol-button-wc_2.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-color.entry.js +1 -1
- package/dist/kolibri/kol-counter.entry.js +1 -1
- package/dist/kolibri/kol-details.entry.js +1 -1
- package/dist/kolibri/kol-form.entry.js +1 -1
- package/dist/kolibri/kol-heading-wc_2.entry.js +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-indented-text.entry.js +1 -1
- package/dist/kolibri/kol-input-adapter-leanup.entry.js +1 -1
- package/dist/kolibri/kol-input-checkbox.entry.js +1 -1
- package/dist/kolibri/kol-input-color.entry.js +1 -1
- package/dist/kolibri/kol-input-date.entry.js +1 -1
- package/dist/kolibri/kol-input-email.entry.js +1 -1
- package/dist/kolibri/kol-input-file.entry.js +1 -1
- package/dist/kolibri/kol-input-number.entry.js +1 -1
- package/dist/kolibri/kol-input-password.entry.js +1 -1
- package/dist/kolibri/kol-input-radio-group.entry.js +1 -1
- package/dist/kolibri/kol-input-radio.entry.js +1 -1
- package/dist/kolibri/kol-input-range.entry.js +1 -1
- package/dist/kolibri/kol-input-text.entry.js +1 -1
- package/dist/kolibri/kol-kolibri.entry.js +1 -1
- package/dist/kolibri/kol-link-button.entry.js +1 -1
- package/dist/kolibri/kol-link-group.entry.js +1 -1
- package/dist/kolibri/kol-link-wc.entry.js +1 -1
- package/dist/kolibri/kol-link.entry.js +1 -1
- package/dist/kolibri/kol-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-pagination.entry.js +1 -1
- package/dist/kolibri/kol-progress.entry.js +1 -1
- package/dist/kolibri/kol-select.entry.js +1 -1
- package/dist/kolibri/kol-skip-nav.entry.js +1 -1
- package/dist/kolibri/kol-span.entry.js +1 -1
- package/dist/kolibri/kol-spin.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-tabs.entry.js +1 -1
- package/dist/kolibri/kol-textarea.entry.js +1 -1
- package/dist/kolibri/kol-toast.entry.js +1 -1
- package/dist/kolibri/kol-tooltip.entry.js +1 -1
- package/dist/kolibri/kol-version.entry.js +1 -1
- package/dist/kolibri/kolibri.esm.js +1 -1
- package/dist/kolibri/{label-6eef1542.js → label-545fc70c.js} +1 -1
- package/dist/kolibri/{prop.validators-6ea5c4bf.js → prop.validators-4fa47ba8.js} +1 -1
- package/dist/kolibri/{tab-index-4f492046.js → tab-index-d4f41cd5.js} +1 -1
- package/dist/kolibri/validation-b778326a.js +4 -0
- package/dist/kolibri/validation-f79f1927.js +4 -0
- package/dist/types/components/abbr/component.d.ts +4 -4
- package/dist/types/components/badge/component.d.ts +2 -1
- package/dist/types/components/button/component.d.ts +4 -4
- package/dist/types/components/button/shadow.d.ts +3 -3
- package/dist/types/components/button-link/component.d.ts +2 -2
- package/dist/types/components/link/component.d.ts +4 -10
- package/dist/types/components/link/shadow.d.ts +4 -7
- package/dist/types/components/link-button/component.d.ts +2 -2
- package/dist/types/components/pagination/component.d.ts +5 -5
- package/dist/types/components/tooltip/component.d.ts +4 -4
- package/dist/types/components.d.ts +24 -84
- package/dist/types/stencil-public-runtime.d.ts +11 -0
- package/dist/types/types/button-link.d.ts +6 -12
- package/dist/types/types/icon.d.ts +0 -1
- package/dist/types/utils/validators/icon.d.ts +2 -1
- package/doc/badge.md +2 -2
- package/doc/button.md +1 -1
- package/doc/icon-font-awesome.md +1 -1
- package/doc/icon-icofont.md +1 -1
- package/doc/input-color.md +18 -18
- package/doc/input-date.md +38 -31
- package/doc/input-email.md +25 -25
- package/doc/input-file.md +19 -19
- package/doc/input-number.md +40 -36
- package/doc/input-password.md +23 -23
- package/doc/input-text.md +25 -25
- package/doc/link.md +22 -25
- package/doc/select.md +20 -20
- package/doc/table.md +7 -7
- package/doc/tabs.md +1 -1
- package/jest-test-results.json +1 -1
- package/package.json +1 -1
- package/vscode-custom-data.json +82 -76
- package/dist/cjs/button-link-0fd6230e.js +0 -4
- package/dist/cjs/index-2fff4c22.js +0 -4
- package/dist/esm/app-globals-79adbf92.js +0 -4
- package/dist/esm/button-link-4be4e0b3.js +0 -4
- package/dist/esm/index-bb963364.js +0 -4
- package/dist/esm/validation-7fff73cc.js +0 -4
- package/dist/kolibri/button-link-4be4e0b3.js +0 -4
- package/dist/kolibri/index-bb963364.js +0 -4
- package/dist/kolibri/validation-7fff73cc.js +0 -4
- package/dist/kolibri/validation-d60955a6.js +0 -4
package/doc/link.md
CHANGED
|
@@ -93,31 +93,28 @@ Eingabe von Leerzeichen eingefügt werden. Zusätzliche Leerzeichen vergrößern
|
|
|
93
93
|
|
|
94
94
|
## Properties
|
|
95
95
|
|
|
96
|
-
| Property | Attribute | Description
|
|
97
|
-
| --------------------- | --------------------- |
|
|
98
|
-
| `_ariaControls` | `_aria-controls` | Gibt an, welche Elemente kontrolliert werden. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)
|
|
99
|
-
| `_ariaCurrent` | `_aria-current` | Gibt an, welchen aktuellen Auswahlstatus der Link hat. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)
|
|
100
|
-
| `_ariaExpanded` | `_aria-expanded` | Gibt an, ob durch den Link etwas aufgeklappt wurde. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)
|
|
101
|
-
| `_ariaLabel` | `_aria-label` | Gibt einen beschreibenden Text des Links an. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label)
|
|
102
|
-
| `_ariaSelected` | `_aria-selected` | Gibt an, ob der Link gerade ausgewählt ist. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)
|
|
103
|
-
| `_disabled` | `_disabled` | Gibt an, ob der Link deaktiviert ist.
|
|
104
|
-
| `
|
|
105
|
-
| `
|
|
106
|
-
| `
|
|
107
|
-
| `
|
|
108
|
-
| `
|
|
109
|
-
| `
|
|
110
|
-
| `
|
|
111
|
-
| `
|
|
112
|
-
| `
|
|
113
|
-
| `
|
|
114
|
-
| `
|
|
115
|
-
| `
|
|
116
|
-
| `
|
|
117
|
-
| `
|
|
118
|
-
| `_tooltipAlign` | `_tooltip-align` | Gibt an, ob der Tooltip entweder oben, rechts, unten oder links angezeigt werden soll. | `"bottom" \| "left" \| "right" \| "top" \| undefined` | `'right'` |
|
|
119
|
-
| `_underline` | `_underline` | <span style="color:red">**[DEPRECATED]**</span> Das Styling sollte stets über CSS erfolgen.<br/><br/>Gibt an, ob die Links unterstrichen dargestellt werden. | `boolean \| undefined` | `true` |
|
|
120
|
-
| `_useCase` | `_use-case` | <span style="color:red">**[DEPRECATED]**</span> Das Styling sollte stets über CSS erfolgen.<br/><br/>Gibt den Verwendungsfall des Links an. | `"image" \| "nav" \| "text" \| undefined` | `'text'` |
|
|
96
|
+
| Property | Attribute | Description | Type | Default |
|
|
97
|
+
| --------------------- | --------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------- |
|
|
98
|
+
| `_ariaControls` | `_aria-controls` | Gibt an, welche Elemente kontrolliert werden. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls) | `string \| undefined` | `undefined` |
|
|
99
|
+
| `_ariaCurrent` | `_aria-current` | Gibt an, welchen aktuellen Auswahlstatus der Link hat. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current) | `"date" \| "location" \| "page" \| "step" \| "time" \| boolean \| undefined` | `undefined` |
|
|
100
|
+
| `_ariaExpanded` | `_aria-expanded` | Gibt an, ob durch den Link etwas aufgeklappt wurde. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded) | `boolean \| undefined` | `undefined` |
|
|
101
|
+
| `_ariaLabel` | `_aria-label` | Gibt einen beschreibenden Text des Links an. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label) | `string \| undefined` | `''` |
|
|
102
|
+
| `_ariaSelected` | `_aria-selected` | Gibt an, ob der Link gerade ausgewählt ist. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected) | `boolean \| undefined` | `undefined` |
|
|
103
|
+
| `_disabled` | `_disabled` | Gibt an, ob der Link deaktiviert ist. | `boolean \| undefined` | `false` |
|
|
104
|
+
| `_href` _(required)_ | `_href` | Gibt die Ziel-Url des Links an. | `string` | `undefined` |
|
|
105
|
+
| `_icon` | `_icon` | Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/) | `string \| undefined \| { top: string \| KoliBriCustomIcon; right?: string \| KoliBriCustomIcon \| undefined; bottom?: string \| KoliBriCustomIcon \| undefined; left?: string \| KoliBriCustomIcon \| undefined; } \| { top?: string \| KoliBriCustomIcon \| undefined; right: string \| KoliBriCustomIcon; bottom?: string \| KoliBriCustomIcon \| undefined; left?: string \| KoliBriCustomIcon \| undefined; } \| { top?: string \| KoliBriCustomIcon \| undefined; right?: string \| KoliBriCustomIcon \| undefined; bottom: string \| KoliBriCustomIcon; left?: string \| KoliBriCustomIcon \| undefined; } \| { top?: string \| KoliBriCustomIcon \| undefined; right?: string \| KoliBriCustomIcon \| undefined; bottom?: string \| KoliBriCustomIcon \| undefined; left: string \| KoliBriCustomIcon; }` | `undefined` |
|
|
106
|
+
| `_iconAlign` | `_icon-align` | <span class="text-red-500">**[DEPRECATED]**</span> Wird durch das neue flexibleren Icon-Typ abgedeckt.<br/><br/>Gibt an, ob das Icon entweder links oder rechts dargestellt werden soll. | `"bottom" \| "left" \| "right" \| "top" \| undefined` | `'left'` |
|
|
107
|
+
| `_iconOnly` | `_icon-only` | Gibt an, ob nur das Icon angezeigt wird. | `boolean \| undefined` | `false` |
|
|
108
|
+
| `_label` _(required)_ | `_label` | Gibt den Label für die Beschriftung der Schaltfläche an. | `string` | `undefined` |
|
|
109
|
+
| `_on` | -- | Gibt die EventCallback-Funktionen für den Link an. | `undefined \| { onClick?: EventValueCallback<Event, string> \| undefined; }` | `undefined` |
|
|
110
|
+
| `_role` | `_role` | Gibt an, welche Role der Schalter hat. | `"tab" \| undefined` | `undefined` |
|
|
111
|
+
| `_selector` | `_selector` | <span style="color:red">**[DEPRECATED]**</span> Das Styling sollte stets über CSS erfolgen.<br/><br/>Gibt die ID eines DOM-Elements, zu dem gesprungen werden soll, aus. | `string \| undefined` | `undefined` |
|
|
112
|
+
| `_stealth` | `_stealth` | <span style="color:red">**[DEPRECATED]**</span> Das Styling sollte stets über CSS erfolgen.<br/><br/>Gibt an, ob der Link nur beim Fokus sichtbar ist. | `boolean \| undefined` | `false` |
|
|
113
|
+
| `_tabIndex` | `_tab-index` | Gibt an, welchen Tab-Index der Button hat. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) | `number \| undefined` | `undefined` |
|
|
114
|
+
| `_target` | `_target` | Definiert das Verhalten, bei dem der Link geöffnet werden soll. | `string \| undefined` | `undefined` |
|
|
115
|
+
| `_targetDescription` | `_target-description` | Gibt die Beschreibung an, wenn der Link in einem anderen Programm geöffnet wird. | `string \| undefined` | `'Der Link wird in einem neuen Tab geöffnet.'` |
|
|
116
|
+
| `_tooltipAlign` | `_tooltip-align` | Gibt an, ob der Tooltip entweder oben, rechts, unten oder links angezeigt werden soll. | `"bottom" \| "left" \| "right" \| "top" \| undefined` | `'right'` |
|
|
117
|
+
| `_useCase` | `_use-case` | <span style="color:red">**[DEPRECATED]**</span> Das Styling sollte stets über CSS erfolgen.<br/><br/>Gibt den Verwendungsfall des Links an. | `"image" \| "nav" \| "text" \| undefined` | `'text'` |
|
|
121
118
|
|
|
122
119
|
|
|
123
120
|
## Shadow Parts
|
package/doc/select.md
CHANGED
|
@@ -118,26 +118,26 @@ import {
|
|
|
118
118
|
|
|
119
119
|
## Properties
|
|
120
120
|
|
|
121
|
-
| Property | Attribute | Description
|
|
122
|
-
| -------------------- | ------------- |
|
|
123
|
-
| `_accessKey` | `_access-key` | Gibt an, mit welcher Tastenkombination man das Input auslösen oder fokussieren kann.
|
|
124
|
-
| `_alert` | `_alert` | Gibt an, ob die Fehlermeldung vorgelesen werden soll, wenn es eine gibt.
|
|
125
|
-
| `_disabled` | `_disabled` | Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.
|
|
126
|
-
| `_error` | `_error` | Gibt den Text für eine Fehlermeldung an.
|
|
127
|
-
| `_height` | `_height` | Gibt an, ob eine individuelle Höhe übergeben werden soll.
|
|
128
|
-
| `_hideLabel` | `_hide-label` | Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.
|
|
129
|
-
| `_hint` | `_hint` | Gibt den Text für eine Hinweistext an.
|
|
130
|
-
| `_icon` | `_icon` | Ermöglicht das Anzeigen von Icons links und/oder rechts am Rand des Eingabefeldes.
|
|
131
|
-
| `_id` _(required)_ | `_id` | Gibt die technische ID des Eingabefeldes an.
|
|
132
|
-
| `_list` _(required)_ | `_list` | Gibt den technischen Namen des Eingabefeldes an.
|
|
133
|
-
| `_multiple` | `_multiple` | Gibt an, ob mehrere Werte eingegeben werden können.
|
|
134
|
-
| `_name` | `_name` | Gibt den technischen Namen des Eingabefeldes an.
|
|
135
|
-
| `_on` | -- | Gibt die EventCallback-Funktionen für das Input-Event an.
|
|
136
|
-
| `_required` | `_required` | Gibt an, ob die Selectbox ein Pflichtfeld ist.
|
|
137
|
-
| `_size` | `_size` | Gibt an, wie viele Optionen im Drop-Down-Menü sichtbar sein sollen.
|
|
138
|
-
| `_tabIndex` | `_tab-index` | Gibt an, welchen Tab-Index dieses Input hat.
|
|
139
|
-
| `_touched` | `_touched` | Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde.
|
|
140
|
-
| `_value` | `_value` | Gibt den Wert des Eingabefeldes an.
|
|
121
|
+
| Property | Attribute | Description | Type | Default |
|
|
122
|
+
| -------------------- | ------------- | ------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
|
|
123
|
+
| `_accessKey` | `_access-key` | Gibt an, mit welcher Tastenkombination man das Input auslösen oder fokussieren kann. | `string \| undefined` | `undefined` |
|
|
124
|
+
| `_alert` | `_alert` | Gibt an, ob die Fehlermeldung vorgelesen werden soll, wenn es eine gibt. | `boolean \| undefined` | `true` |
|
|
125
|
+
| `_disabled` | `_disabled` | Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist. | `boolean \| undefined` | `undefined` |
|
|
126
|
+
| `_error` | `_error` | Gibt den Text für eine Fehlermeldung an. | `string \| undefined` | `undefined` |
|
|
127
|
+
| `_height` | `_height` | <span class="text-red-500">**[DEPRECATED]**</span> Use _size instead.<br/><br/>Gibt an, ob eine individuelle Höhe übergeben werden soll. | `string \| undefined` | `undefined` |
|
|
128
|
+
| `_hideLabel` | `_hide-label` | Gibt an, ob das Eingabefeld kein sichtbares Label haben soll. | `boolean \| undefined` | `undefined` |
|
|
129
|
+
| `_hint` | `_hint` | Gibt den Text für eine Hinweistext an. | `string \| undefined` | `''` |
|
|
130
|
+
| `_icon` | `_icon` | Ermöglicht das Anzeigen von Icons links und/oder rechts am Rand des Eingabefeldes. | `string \| undefined \| { right: string \| KoliBriCustomIcon; left?: string \| KoliBriCustomIcon \| undefined; } \| { right?: string \| KoliBriCustomIcon \| undefined; left: string \| KoliBriCustomIcon; }` | `undefined` |
|
|
131
|
+
| `_id` _(required)_ | `_id` | Gibt die technische ID des Eingabefeldes an. | `string` | `undefined` |
|
|
132
|
+
| `_list` _(required)_ | `_list` | Gibt den technischen Namen des Eingabefeldes an. | `SelectOption<unknown>[] \| string` | `undefined` |
|
|
133
|
+
| `_multiple` | `_multiple` | Gibt an, ob mehrere Werte eingegeben werden können. | `boolean \| undefined` | `false` |
|
|
134
|
+
| `_name` | `_name` | Gibt den technischen Namen des Eingabefeldes an. | `string \| undefined` | `undefined` |
|
|
135
|
+
| `_on` | -- | Gibt die EventCallback-Funktionen für das Input-Event an. | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus \| undefined` | `undefined` |
|
|
136
|
+
| `_required` | `_required` | Gibt an, ob die Selectbox ein Pflichtfeld ist. | `boolean \| undefined` | `undefined` |
|
|
137
|
+
| `_size` | `_size` | Gibt an, wie viele Optionen im Drop-Down-Menü sichtbar sein sollen. | `number \| undefined` | `undefined` |
|
|
138
|
+
| `_tabIndex` | `_tab-index` | Gibt an, welchen Tab-Index dieses Input hat. | `number \| undefined` | `undefined` |
|
|
139
|
+
| `_touched` | `_touched` | Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde. | `boolean \| undefined` | `false` |
|
|
140
|
+
| `_value` | `_value` | Gibt den Wert des Eingabefeldes an. | `string \| undefined \| unknown[]` | `undefined` |
|
|
141
141
|
|
|
142
142
|
|
|
143
143
|
## Shadow Parts
|
package/doc/table.md
CHANGED
|
@@ -174,13 +174,13 @@ _Lediglich die Rollen `columnheader` und `rowheader` wird beibehalten, da die Ta
|
|
|
174
174
|
|
|
175
175
|
## Properties
|
|
176
176
|
|
|
177
|
-
| Property | Attribute | Description | Type
|
|
178
|
-
| ----------------------- | ------------- | ----------------------------------------------------------------------- |
|
|
179
|
-
| `_caption` _(required)_ | `_caption` | Gibt den Titel oder eine Legende mit Erklärungen zur Tabelle an. | `string`
|
|
180
|
-
| `_data` _(required)_ | `_data` | Gibt die Daten an, die für die Erstellung der Tabelle verwendet werden. | `KoliBriDataType[] \| string`
|
|
181
|
-
| `_headers` _(required)_ | `_headers` | Gibt die horizontalen und vertikalen Header für die Tabelle an. | `string \| { horizontal?: KoliBriTableHeaderCell[][] \| undefined; vertical?: KoliBriTableHeaderCell[][] \| undefined; }`
|
|
182
|
-
| `_minWidth` | `_min-width` | Gibt an, die minimale Breite der Tabelle an. | `string \| undefined`
|
|
183
|
-
| `_pagination` | `_pagination` | Gibt an, ob die Daten geteilt in Seiten angezeigt wird. | `boolean \| string \| undefined \| { _page: number; } & { _on?: KoliBriPaginationButtonCallbacks \| undefined; _page?: number \| undefined; _total?: number \| undefined; _customClass?: string \| undefined; _variant?: KoliBriButtonVariant \| undefined; _boundaryCount?: number \| undefined; _hasButtons?: boolean \| Stringified<PaginationHasButton> \| undefined; _pageSize?: number \| undefined; _pageSizeOptions?: Stringified<number[]> \| undefined; _siblingCount?: number \| undefined; _tooltipAlign?:
|
|
177
|
+
| Property | Attribute | Description | Type | Default |
|
|
178
|
+
| ----------------------- | ------------- | ----------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
|
|
179
|
+
| `_caption` _(required)_ | `_caption` | Gibt den Titel oder eine Legende mit Erklärungen zur Tabelle an. | `string` | `undefined` |
|
|
180
|
+
| `_data` _(required)_ | `_data` | Gibt die Daten an, die für die Erstellung der Tabelle verwendet werden. | `KoliBriDataType[] \| string` | `undefined` |
|
|
181
|
+
| `_headers` _(required)_ | `_headers` | Gibt die horizontalen und vertikalen Header für die Tabelle an. | `string \| { horizontal?: KoliBriTableHeaderCell[][] \| undefined; vertical?: KoliBriTableHeaderCell[][] \| undefined; }` | `undefined` |
|
|
182
|
+
| `_minWidth` | `_min-width` | Gibt an, die minimale Breite der Tabelle an. | `string \| undefined` | `undefined` |
|
|
183
|
+
| `_pagination` | `_pagination` | Gibt an, ob die Daten geteilt in Seiten angezeigt wird. | `boolean \| string \| undefined \| { _page: number; } & { _on?: KoliBriPaginationButtonCallbacks \| undefined; _page?: number \| undefined; _total?: number \| undefined; _customClass?: string \| undefined; _variant?: KoliBriButtonVariant \| undefined; _boundaryCount?: number \| undefined; _hasButtons?: boolean \| Stringified<PaginationHasButton> \| undefined; _pageSize?: number \| undefined; _pageSizeOptions?: Stringified<number[]> \| undefined; _siblingCount?: number \| undefined; _tooltipAlign?: Alignment \| undefined; }` | `undefined` |
|
|
184
184
|
|
|
185
185
|
|
|
186
186
|
## Dependencies
|
package/doc/tabs.md
CHANGED
|
@@ -119,7 +119,7 @@ W3C-Samples:
|
|
|
119
119
|
| Property | Attribute | Description | Type | Default |
|
|
120
120
|
| ------------------------- | ------------- | ------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
|
|
121
121
|
| `_ariaLabel` _(required)_ | `_aria-label` | Gibt den Text an, der die Navigation von anderen Navigationen differenziert. | `string` | `undefined` |
|
|
122
|
-
| `_on` | -- | Gibt die Liste der Callback-Funktionen an, die auf Events aufgerufen werden sollen. | `undefined \| { onCreate?: EventCallback<Event> \| { label: string; callback: EventCallback<Event>; } \| undefined; } & { onSelect?: EventValueCallback<MouseEvent \| KeyboardEvent \|
|
|
122
|
+
| `_on` | -- | Gibt die Liste der Callback-Funktionen an, die auf Events aufgerufen werden sollen. | `undefined \| { onCreate?: EventCallback<Event> \| { label: string; callback: EventCallback<Event>; } \| undefined; } & { onSelect?: EventValueCallback<MouseEvent \| KeyboardEvent \| CustomEvent<any> \| PointerEvent, number> \| undefined; }` | `undefined` |
|
|
123
123
|
| `_selected` | `_selected` | Gibt an, welches Tab selektiert sein soll. | `number \| undefined` | `0` |
|
|
124
124
|
| `_tabs` _(required)_ | `_tabs` | Gibt die geordnete Liste der Seitenhierarchie in Links an. | `TabButtonProps[] \| string` | `undefined` |
|
|
125
125
|
| `_tabsAlign` | `_tabs-align` | Gibt an, ob die Tab-Schalter entweder oben, rechts, unten oder links angeordnet sind. | `"bottom" \| "left" \| "right" \| "top" \| undefined` | `'top'` |
|