@public-ui/components 1.6.0-rc.15 → 1.6.0-rc.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 +89 -1
- package/dist/cjs/controller-9b414322.js +4 -0
- package/dist/cjs/controller-9b414322.js.map +1 -0
- package/dist/cjs/{controller-0cd28689.js → controller-a03dbede.js} +1 -1
- package/dist/cjs/{controller-0cd28689.js.map → controller-a03dbede.js.map} +1 -1
- package/dist/cjs/{controller-ceae9412.js → controller-d3b9c398.js} +1 -1
- package/dist/cjs/{controller-ceae9412.js.map → controller-d3b9c398.js.map} +1 -1
- package/dist/cjs/{controller-43fe103f.js → controller-fe94cb0f.js} +1 -1
- package/dist/cjs/{controller-43fe103f.js.map → controller-fe94cb0f.js.map} +1 -1
- package/dist/cjs/{controller-icon-ceafc344.js → controller-icon-b9a440b3.js} +1 -1
- package/dist/cjs/{controller-icon-ceafc344.js.map → controller-icon-b9a440b3.js.map} +1 -1
- package/dist/cjs/i18n-8599135d.js +4 -0
- package/dist/cjs/i18n-8599135d.js.map +1 -0
- package/dist/cjs/image-source-4e096e87.js +4 -0
- package/dist/cjs/image-source-4e096e87.js.map +1 -0
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/kol-alert-wc_2.cjs.entry.js +1 -1
- package/dist/cjs/kol-alert-wc_2.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-avatar-wc.cjs.entry.js +4 -0
- package/dist/cjs/kol-avatar-wc.cjs.entry.js.map +1 -0
- package/dist/cjs/kol-avatar.cjs.entry.js +4 -0
- package/dist/cjs/kol-avatar.cjs.entry.js.map +1 -0
- package/dist/cjs/kol-form.cjs.entry.js +1 -1
- package/dist/cjs/kol-image.cjs.entry.js +1 -1
- package/dist/cjs/kol-image.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-input-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-checkbox.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-input-color.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-color.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-input-date.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-date.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-input-email.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-email.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-input-file.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-file.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-input-number.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-number.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-input-password.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-password.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-input-radio.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-radio.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-input-range.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-text.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-text.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-kolibri.cjs.entry.js +1 -1
- package/dist/cjs/kol-link-button.cjs.entry.js +1 -1
- package/dist/cjs/kol-link-wc.cjs.entry.js +1 -1
- package/dist/cjs/kol-logo.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-select.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/kolibri.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/components/component10.js +1 -1
- package/dist/components/component10.js.map +1 -1
- package/dist/components/component11.js +1 -1
- package/dist/components/component11.js.map +1 -1
- package/dist/components/component12.js +1 -1
- package/dist/components/component12.js.map +1 -1
- package/dist/components/component13.js +1 -1
- package/dist/components/component13.js.map +1 -1
- package/dist/components/component14.js +1 -1
- package/dist/components/component14.js.map +1 -1
- package/dist/components/component15.js +1 -1
- package/dist/components/component15.js.map +1 -1
- package/dist/components/component16.js +4 -0
- package/dist/components/component16.js.map +1 -0
- package/dist/components/component7.js +1 -1
- package/dist/components/component7.js.map +1 -1
- package/dist/components/component8.js +1 -1
- package/dist/components/component8.js.map +1 -1
- package/dist/components/component9.js +1 -1
- package/dist/components/component9.js.map +1 -1
- package/dist/components/controller.js +1 -1
- package/dist/components/controller.js.map +1 -1
- package/dist/components/i18n.js +1 -1
- package/dist/components/i18n.js.map +1 -1
- package/dist/components/kol-avatar-wc.d.ts +11 -0
- package/dist/components/kol-avatar-wc.js +4 -0
- package/dist/components/kol-avatar-wc.js.map +1 -0
- package/dist/components/kol-avatar.d.ts +11 -0
- package/dist/components/kol-avatar.js +4 -0
- package/dist/components/kol-avatar.js.map +1 -0
- package/dist/components/kol-badge.js +1 -1
- package/dist/components/kol-breadcrumb.js +1 -1
- package/dist/components/kol-button-group-wc.js +1 -1
- package/dist/components/kol-button-group.js +1 -1
- package/dist/components/kol-button-link-text-switch.js +1 -1
- package/dist/components/kol-button.js +1 -1
- package/dist/components/kol-details.js +1 -1
- package/dist/components/kol-form.js +1 -1
- package/dist/components/kol-image.js +1 -1
- package/dist/components/kol-image.js.map +1 -1
- package/dist/components/kol-indented-text.js +1 -1
- package/dist/components/kol-input-adapter-leanup.js +1 -1
- package/dist/components/kol-input-checkbox.js +1 -1
- package/dist/components/kol-input-checkbox.js.map +1 -1
- package/dist/components/kol-input-color.js +1 -1
- package/dist/components/kol-input-color.js.map +1 -1
- package/dist/components/kol-input-date.js +1 -1
- package/dist/components/kol-input-date.js.map +1 -1
- package/dist/components/kol-input-email.js +1 -1
- package/dist/components/kol-input-email.js.map +1 -1
- package/dist/components/kol-input-file.js +1 -1
- package/dist/components/kol-input-file.js.map +1 -1
- package/dist/components/kol-input-number.js +1 -1
- package/dist/components/kol-input-number.js.map +1 -1
- package/dist/components/kol-input-password.js +1 -1
- package/dist/components/kol-input-password.js.map +1 -1
- package/dist/components/kol-input-radio-group.js +1 -1
- package/dist/components/kol-input-radio.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-input-text.js.map +1 -1
- package/dist/components/kol-input.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-link-wc.js +1 -1
- package/dist/components/kol-link.js +1 -1
- package/dist/components/kol-nav.js +1 -1
- package/dist/components/kol-pagination.js +1 -1
- package/dist/components/kol-quote.js +1 -1
- package/dist/components/kol-select.js +1 -1
- package/dist/components/kol-skip-nav.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-version.js +1 -1
- package/dist/components/shadow2.js +1 -1
- package/dist/components/shadow2.js.map +1 -1
- package/dist/components/shadow3.js +1 -1
- package/dist/components/shadow3.js.map +1 -1
- package/dist/components/shadow4.js +4 -0
- package/dist/components/shadow4.js.map +1 -0
- package/dist/esm/{controller-f8056e1a.js → controller-058e5664.js} +1 -1
- package/dist/esm/{controller-f8056e1a.js.map → controller-058e5664.js.map} +1 -1
- package/dist/esm/{controller-3391cc2d.js → controller-234f49cb.js} +1 -1
- package/dist/esm/{controller-3391cc2d.js.map → controller-234f49cb.js.map} +1 -1
- package/dist/esm/controller-53e4980f.js +4 -0
- package/dist/esm/controller-53e4980f.js.map +1 -0
- package/dist/esm/{controller-31db8bf4.js → controller-98fd56dd.js} +1 -1
- package/dist/esm/{controller-31db8bf4.js.map → controller-98fd56dd.js.map} +1 -1
- package/dist/esm/{controller-icon-7b8f547d.js → controller-icon-c0fcf344.js} +1 -1
- package/dist/esm/{controller-icon-7b8f547d.js.map → controller-icon-c0fcf344.js.map} +1 -1
- package/dist/esm/i18n-6e857b2f.js +4 -0
- package/dist/esm/i18n-6e857b2f.js.map +1 -0
- package/dist/esm/image-source-059b0003.js +4 -0
- package/dist/esm/image-source-059b0003.js.map +1 -0
- package/dist/esm/index.js +1 -1
- package/dist/esm/kol-alert-wc_2.entry.js +1 -1
- package/dist/esm/kol-alert-wc_2.entry.js.map +1 -1
- package/dist/esm/kol-avatar-wc.entry.js +4 -0
- package/dist/esm/kol-avatar-wc.entry.js.map +1 -0
- package/dist/esm/kol-avatar.entry.js +4 -0
- package/dist/esm/kol-avatar.entry.js.map +1 -0
- package/dist/esm/kol-form.entry.js +1 -1
- package/dist/esm/kol-image.entry.js +1 -1
- package/dist/esm/kol-image.entry.js.map +1 -1
- package/dist/esm/kol-input-checkbox.entry.js +1 -1
- package/dist/esm/kol-input-checkbox.entry.js.map +1 -1
- package/dist/esm/kol-input-color.entry.js +1 -1
- package/dist/esm/kol-input-color.entry.js.map +1 -1
- package/dist/esm/kol-input-date.entry.js +1 -1
- package/dist/esm/kol-input-date.entry.js.map +1 -1
- package/dist/esm/kol-input-email.entry.js +1 -1
- package/dist/esm/kol-input-email.entry.js.map +1 -1
- package/dist/esm/kol-input-file.entry.js +1 -1
- package/dist/esm/kol-input-file.entry.js.map +1 -1
- package/dist/esm/kol-input-number.entry.js +1 -1
- package/dist/esm/kol-input-number.entry.js.map +1 -1
- package/dist/esm/kol-input-password.entry.js +1 -1
- package/dist/esm/kol-input-password.entry.js.map +1 -1
- package/dist/esm/kol-input-radio.entry.js +1 -1
- package/dist/esm/kol-input-radio.entry.js.map +1 -1
- package/dist/esm/kol-input-range.entry.js +1 -1
- package/dist/esm/kol-input-text.entry.js +1 -1
- package/dist/esm/kol-input-text.entry.js.map +1 -1
- package/dist/esm/kol-kolibri.entry.js +1 -1
- package/dist/esm/kol-link-button.entry.js +1 -1
- package/dist/esm/kol-link-wc.entry.js +1 -1
- package/dist/esm/kol-logo.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-select.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/kolibri.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/kolibri/{controller-f8056e1a.js → controller-058e5664.js} +1 -1
- package/dist/kolibri/{controller-3391cc2d.js → controller-234f49cb.js} +1 -1
- package/dist/kolibri/controller-53e4980f.js +4 -0
- package/dist/kolibri/controller-53e4980f.js.map +1 -0
- package/dist/kolibri/{controller-31db8bf4.js → controller-98fd56dd.js} +1 -1
- package/dist/kolibri/{controller-icon-7b8f547d.js → controller-icon-c0fcf344.js} +1 -1
- package/dist/kolibri/i18n-6e857b2f.js +4 -0
- package/dist/kolibri/i18n-6e857b2f.js.map +1 -0
- package/dist/kolibri/image-source-059b0003.js +4 -0
- package/dist/kolibri/image-source-059b0003.js.map +1 -0
- package/dist/kolibri/index.esm.js +1 -1
- package/dist/kolibri/kol-alert-wc_2.entry.js +1 -1
- package/dist/kolibri/kol-alert-wc_2.entry.js.map +1 -1
- package/dist/kolibri/kol-avatar-wc.entry.js +4 -0
- package/dist/kolibri/kol-avatar-wc.entry.js.map +1 -0
- package/dist/kolibri/kol-avatar.entry.js +4 -0
- package/dist/kolibri/kol-avatar.entry.js.map +1 -0
- package/dist/kolibri/kol-form.entry.js +1 -1
- package/dist/kolibri/kol-image.entry.js +1 -1
- package/dist/kolibri/kol-image.entry.js.map +1 -1
- package/dist/kolibri/kol-input-checkbox.entry.js +1 -1
- package/dist/kolibri/kol-input-checkbox.entry.js.map +1 -1
- package/dist/kolibri/kol-input-color.entry.js +1 -1
- package/dist/kolibri/kol-input-color.entry.js.map +1 -1
- package/dist/kolibri/kol-input-date.entry.js +1 -1
- package/dist/kolibri/kol-input-date.entry.js.map +1 -1
- package/dist/kolibri/kol-input-email.entry.js +1 -1
- package/dist/kolibri/kol-input-email.entry.js.map +1 -1
- package/dist/kolibri/kol-input-file.entry.js +1 -1
- package/dist/kolibri/kol-input-file.entry.js.map +1 -1
- package/dist/kolibri/kol-input-number.entry.js +1 -1
- package/dist/kolibri/kol-input-number.entry.js.map +1 -1
- package/dist/kolibri/kol-input-password.entry.js +1 -1
- package/dist/kolibri/kol-input-password.entry.js.map +1 -1
- package/dist/kolibri/kol-input-radio.entry.js +1 -1
- package/dist/kolibri/kol-input-radio.entry.js.map +1 -1
- package/dist/kolibri/kol-input-range.entry.js +1 -1
- package/dist/kolibri/kol-input-text.entry.js +1 -1
- package/dist/kolibri/kol-input-text.entry.js.map +1 -1
- package/dist/kolibri/kol-kolibri.entry.js +1 -1
- package/dist/kolibri/kol-link-button.entry.js +1 -1
- package/dist/kolibri/kol-link-wc.entry.js +1 -1
- package/dist/kolibri/kol-logo.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-select.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/kolibri.esm.js +1 -1
- package/dist/kolibri/kolibri.esm.js.map +1 -1
- package/dist/types/components/@deprecated/input/types.d.ts +2 -1
- package/dist/types/components/avatar/component.d.ts +13 -0
- package/dist/types/components/avatar/controller.d.ts +1 -0
- package/dist/types/components/avatar/shadow.d.ts +7 -0
- package/dist/types/components/avatar/test/html.mock.d.ts +2 -0
- package/dist/types/components/avatar/types.d.ts +15 -0
- package/dist/types/components/image/shadow.d.ts +3 -2
- package/dist/types/components/image/test/html.mock.d.ts +1 -1
- package/dist/types/components/image/types.d.ts +2 -1
- package/dist/types/components/input/component.d.ts +1 -1
- package/dist/types/components/input/types.d.ts +2 -1
- package/dist/types/components/input-color/component.d.ts +1 -1
- package/dist/types/components/input-color/types.d.ts +1 -1
- package/dist/types/components/input-date/component.d.ts +1 -1
- package/dist/types/components/input-email/component.d.ts +1 -1
- package/dist/types/components/input-email/types.d.ts +1 -1
- package/dist/types/components/input-file/component.d.ts +1 -1
- package/dist/types/components/input-file/types.d.ts +1 -1
- package/dist/types/components/input-number/component.d.ts +1 -1
- package/dist/types/components/input-password/component.d.ts +1 -1
- package/dist/types/components/input-password/types.d.ts +1 -1
- package/dist/types/components/input-text/component.d.ts +1 -1
- package/dist/types/components/input-text/types.d.ts +1 -1
- package/dist/types/components/symbol/types.d.ts +1 -1
- package/dist/types/components.d.ts +80 -20
- package/dist/types/i18n.d.ts +1 -1
- package/dist/types/locales/de.d.ts +1 -0
- package/dist/types/locales/en.d.ts +1 -0
- package/dist/types/types/input/control/number.d.ts +1 -1
- package/dist/types/types/props/image-source.d.ts +4 -0
- package/doc/abbr.md +1 -5
- package/doc/avatar.md +36 -0
- package/doc/image.md +13 -0
- package/doc/input-color.md +20 -20
- package/doc/input-date.md +26 -26
- package/doc/input-email.md +28 -28
- package/doc/input-file.md +21 -21
- package/doc/input-number.md +27 -27
- package/doc/input-password.md +26 -26
- package/doc/input-text.md +28 -28
- package/doc/logo.md +2 -2
- package/jest-test-results.json +1 -1
- package/package.json +1 -1
- package/vscode-custom-data.json +62 -0
- package/dist/cjs/controller-48d4248f.js +0 -4
- package/dist/cjs/controller-48d4248f.js.map +0 -1
- package/dist/cjs/i18n-8d483c7b.js +0 -4
- package/dist/cjs/i18n-8d483c7b.js.map +0 -1
- package/dist/esm/controller-b26721c9.js +0 -4
- package/dist/esm/controller-b26721c9.js.map +0 -1
- package/dist/esm/i18n-23b83118.js +0 -4
- package/dist/esm/i18n-23b83118.js.map +0 -1
- package/dist/kolibri/controller-b26721c9.js +0 -4
- package/dist/kolibri/controller-b26721c9.js.map +0 -1
- package/dist/kolibri/i18n-23b83118.js +0 -4
- package/dist/kolibri/i18n-23b83118.js.map +0 -1
- /package/dist/kolibri/{controller-f8056e1a.js.map → controller-058e5664.js.map} +0 -0
- /package/dist/kolibri/{controller-3391cc2d.js.map → controller-234f49cb.js.map} +0 -0
- /package/dist/kolibri/{controller-31db8bf4.js.map → controller-98fd56dd.js.map} +0 -0
- /package/dist/kolibri/{controller-icon-7b8f547d.js.map → controller-icon-c0fcf344.js.map} +0 -0
package/doc/input-date.md
CHANGED
|
@@ -56,32 +56,32 @@ Das Eingabefeld für Zeitangaben gibt es in unterschiedlichen Ausprägungen (Dat
|
|
|
56
56
|
|
|
57
57
|
## Properties
|
|
58
58
|
|
|
59
|
-
| Property | Attribute | Description | Type
|
|
60
|
-
| --------------------- | ---------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------- |
|
|
61
|
-
| `_accessKey` | `_access-key` | Gibt an, mit welcher Tastenkombination man das interaktive Element der Komponente auslösen oder fokussieren kann. | `string` \| `undefined`
|
|
62
|
-
| `_alert` | `_alert` | Gibt an, ob der Screenreader die Meldung aktiv vorlesen soll. | `boolean` \| `undefined`
|
|
63
|
-
| `_autoComplete` | `_auto-complete` | Gibt an, ob das Eingabefeld autovervollständigt werden kann. | `"off"` \| `"on"` \| `undefined`
|
|
64
|
-
| `_disabled` | `_disabled` | Deaktiviert das interaktive Element in der Komponente und erlaubt keine Interaktion mehr damit. | `boolean` \| `undefined`
|
|
65
|
-
| `_error` | `_error` | Gibt den Text für eine Fehlermeldung an. | `string` \| `undefined`
|
|
66
|
-
| `_hideLabel` | `_hide-label` | Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an. | `boolean` \| `undefined`
|
|
67
|
-
| `_hint` | `_hint` | Gibt den Hinweistext an. | `string` \| `undefined`
|
|
68
|
-
| `_icon` | `_icon` | Setzt die Iconklasse (z.B.: `_icon="codicon codicon-home`). | `string` \| `undefined` \| `{ right?: IconOrIconClass` \| `undefined; left?: IconOrIconClass` \| `undefined; }`
|
|
69
|
-
| `_id` | `_id` | Gibt die interne ID des primären Elements in der Komponente an. | `string` \| `undefined`
|
|
70
|
-
| `_label` _(required)_ | `_label` | Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.). | `boolean` \| `string`
|
|
71
|
-
| `_list` | `_list` | Gibt die Liste der Vorschlagszahlen an. | `string` \| `string[]` \| `undefined`
|
|
72
|
-
| `_max` | `_max` | Gibt den größtmöglichen Eingabewert an. | `Date` \| ``${number}-${number}-${number}T${number}:${number}:${number}`` \| ``${number}-${number}-${number}T${number}:${number}`` \| ``${number}-${number}-${number}`` \| ``${number}-${number}`` \| ``${number}-W${number}`` \| ``${number}:${number}:${number}`` \| ``${number}:${number}`` \| `undefined`
|
|
73
|
-
| `_min` | `_min` | Gibt den kleinstmöglichen Eingabewert an. | `Date` \| ``${number}-${number}-${number}T${number}:${number}:${number}`` \| ``${number}-${number}-${number}T${number}:${number}`` \| ``${number}-${number}-${number}`` \| ``${number}-${number}`` \| ``${number}-W${number}`` \| ``${number}:${number}:${number}`` \| ``${number}:${number}`` \| `undefined`
|
|
74
|
-
| `_name` | `_name` | Gibt den technischen Namen des Eingabefeldes an. | `string` \| `undefined`
|
|
75
|
-
| `_on` | -- | Gibt die EventCallback-Funktionen für das Input-Event an. | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus` \| `undefined`
|
|
76
|
-
| `_readOnly` | `_read-only` | Setzt das Eingabefeld in den schreibgeschützten Modus. | `boolean` \| `undefined`
|
|
77
|
-
| `_required` | `_required` | Macht das Eingabeelement zu einem Pflichtfeld. | `boolean` \| `undefined`
|
|
78
|
-
| `_smartButton` |
|
|
79
|
-
| `_step` | `_step` | Gibt die Schrittweite der Wertveränderung an. | `number` \| `undefined`
|
|
80
|
-
| `_tabIndex` | `_tab-index` | Gibt an, welchen Tab-Index das primäre Element in der Komponente hat. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) | `number` \| `undefined`
|
|
81
|
-
| `_tooltipAlign` | `_tooltip-align` | Gibt an, ob der Tooltip bevorzugt entweder oben, rechts, unten oder links angezeigt werden soll. | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined`
|
|
82
|
-
| `_touched` | `_touched` | Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde. | `boolean` \| `undefined`
|
|
83
|
-
| `_type` | `_type` | Setzt den Typ der Komponente oder des interaktiven Elements in der Komponente an. | `"date"` \| `"datetime-local"` \| `"month"` \| `"time"` \| `"week"`
|
|
84
|
-
| `_value` | `_value` | Gibt den Wert des Eingabefeldes an. | `Date` \| ``${number}-${number}-${number}T${number}:${number}:${number}`` \| ``${number}-${number}-${number}T${number}:${number}`` \| ``${number}-${number}-${number}`` \| ``${number}-${number}`` \| ``${number}-W${number}`` \| ``${number}:${number}:${number}`` \| ``${number}:${number}`` \| `null` \| `undefined`
|
|
59
|
+
| Property | Attribute | Description | Type | Default |
|
|
60
|
+
| --------------------- | ---------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
|
|
61
|
+
| `_accessKey` | `_access-key` | Gibt an, mit welcher Tastenkombination man das interaktive Element der Komponente auslösen oder fokussieren kann. | `string` \| `undefined` | `undefined` |
|
|
62
|
+
| `_alert` | `_alert` | Gibt an, ob der Screenreader die Meldung aktiv vorlesen soll. | `boolean` \| `undefined` | `true` |
|
|
63
|
+
| `_autoComplete` | `_auto-complete` | Gibt an, ob das Eingabefeld autovervollständigt werden kann. | `"off"` \| `"on"` \| `undefined` | `undefined` |
|
|
64
|
+
| `_disabled` | `_disabled` | Deaktiviert das interaktive Element in der Komponente und erlaubt keine Interaktion mehr damit. | `boolean` \| `undefined` | `undefined` |
|
|
65
|
+
| `_error` | `_error` | Gibt den Text für eine Fehlermeldung an. | `string` \| `undefined` | `undefined` |
|
|
66
|
+
| `_hideLabel` | `_hide-label` | Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an. | `boolean` \| `undefined` | `undefined` |
|
|
67
|
+
| `_hint` | `_hint` | Gibt den Hinweistext an. | `string` \| `undefined` | `''` |
|
|
68
|
+
| `_icon` | `_icon` | Setzt die Iconklasse (z.B.: `_icon="codicon codicon-home`). | `string` \| `undefined` \| `{ right?: IconOrIconClass` \| `undefined; left?: IconOrIconClass` \| `undefined; }` | `undefined` |
|
|
69
|
+
| `_id` | `_id` | Gibt die interne ID des primären Elements in der Komponente an. | `string` \| `undefined` | `undefined` |
|
|
70
|
+
| `_label` _(required)_ | `_label` | Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.). | `boolean` \| `string` | `undefined` |
|
|
71
|
+
| `_list` | `_list` | Gibt die Liste der Vorschlagszahlen an. | `string` \| `string[]` \| `undefined` | `undefined` |
|
|
72
|
+
| `_max` | `_max` | Gibt den größtmöglichen Eingabewert an. | `Date` \| ``${number}-${number}-${number}T${number}:${number}:${number}`` \| ``${number}-${number}-${number}T${number}:${number}`` \| ``${number}-${number}-${number}`` \| ``${number}-${number}`` \| ``${number}-W${number}`` \| ``${number}:${number}:${number}`` \| ``${number}:${number}`` \| `undefined` | `undefined` |
|
|
73
|
+
| `_min` | `_min` | Gibt den kleinstmöglichen Eingabewert an. | `Date` \| ``${number}-${number}-${number}T${number}:${number}:${number}`` \| ``${number}-${number}-${number}T${number}:${number}`` \| ``${number}-${number}-${number}`` \| ``${number}-${number}`` \| ``${number}-W${number}`` \| ``${number}:${number}:${number}`` \| ``${number}:${number}`` \| `undefined` | `undefined` |
|
|
74
|
+
| `_name` | `_name` | Gibt den technischen Namen des Eingabefeldes an. | `string` \| `undefined` | `undefined` |
|
|
75
|
+
| `_on` | -- | Gibt die EventCallback-Funktionen für das Input-Event an. | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus` \| `undefined` | `undefined` |
|
|
76
|
+
| `_readOnly` | `_read-only` | Setzt das Eingabefeld in den schreibgeschützten Modus. | `boolean` \| `undefined` | `undefined` |
|
|
77
|
+
| `_required` | `_required` | Macht das Eingabeelement zu einem Pflichtfeld. | `boolean` \| `undefined` | `undefined` |
|
|
78
|
+
| `_smartButton` | `_smart-button` | Ermöglicht eine Schaltfläche ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (ohne label). | `string` \| `undefined` \| `{ _label: LabelWithExpertSlotPropType; } & { _ariaControls?: string` \| `undefined; _icon?: Stringified<KoliBriIconProp>` \| `undefined; _iconAlign?: Align` \| `undefined; _iconOnly?: boolean` \| `undefined; _role?: AlternativButtonLinkRole` \| `undefined; _tabIndex?: number` \| `undefined; _tooltipAlign?: Align` \| `undefined; _ariaCurrent?: AriaCurrent` \| `undefined; _ariaExpanded?: boolean` \| `undefined; _ariaLabel?: string` \| `undefined; _ariaSelected?: boolean` \| `undefined; _disabled?: boolean` \| `undefined; _hideLabel?: boolean` \| `undefined; _accessKey?: string` \| `undefined; _id?: string` \| `undefined; _on?: KoliBriButtonCallbacks<unknown>` \| `undefined; _type?: KoliBriButtonType` \| `undefined; _value?: unknown; _label?: LabelWithExpertSlotPropType` \| `undefined; _variant?: KoliBriButtonVariant` \| `undefined; _customClass?: string` \| `undefined; }` | `undefined` |
|
|
79
|
+
| `_step` | `_step` | Gibt die Schrittweite der Wertveränderung an. | `number` \| `undefined` | `undefined` |
|
|
80
|
+
| `_tabIndex` | `_tab-index` | Gibt an, welchen Tab-Index das primäre Element in der Komponente hat. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) | `number` \| `undefined` | `undefined` |
|
|
81
|
+
| `_tooltipAlign` | `_tooltip-align` | Gibt an, ob der Tooltip bevorzugt entweder oben, rechts, unten oder links angezeigt werden soll. | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined` | `'top'` |
|
|
82
|
+
| `_touched` | `_touched` | Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde. | `boolean` \| `undefined` | `false` |
|
|
83
|
+
| `_type` | `_type` | Setzt den Typ der Komponente oder des interaktiven Elements in der Komponente an. | `"date"` \| `"datetime-local"` \| `"month"` \| `"time"` \| `"week"` | `'date'` |
|
|
84
|
+
| `_value` | `_value` | Gibt den Wert des Eingabefeldes an. | `Date` \| ``${number}-${number}-${number}T${number}:${number}:${number}`` \| ``${number}-${number}-${number}T${number}:${number}`` \| ``${number}-${number}-${number}`` \| ``${number}-${number}`` \| ``${number}-W${number}`` \| ``${number}:${number}:${number}`` \| ``${number}:${number}`` \| `null` \| `undefined` | `undefined` |
|
|
85
85
|
|
|
86
86
|
|
|
87
87
|
## Slots
|
package/doc/input-email.md
CHANGED
|
@@ -45,34 +45,34 @@ Um eine fehlgeschlagene Validierung anzuzeigen, setzen Sie das Attrbut **`_error
|
|
|
45
45
|
|
|
46
46
|
## Properties
|
|
47
47
|
|
|
48
|
-
| Property | Attribute | Description | Type
|
|
49
|
-
| --------------------- | ---------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------- |
|
|
50
|
-
| `_accessKey` | `_access-key` | Gibt an, mit welcher Tastenkombination man das interaktive Element der Komponente auslösen oder fokussieren kann. | `string` \| `undefined`
|
|
51
|
-
| `_alert` | `_alert` | Gibt an, ob der Screenreader die Meldung aktiv vorlesen soll. | `boolean` \| `undefined`
|
|
52
|
-
| `_autoComplete` | `_auto-complete` | Gibt an, ob das Eingabefeld autovervollständigt werden kann. | `"off"` \| `"on"` \| `undefined`
|
|
53
|
-
| `_disabled` | `_disabled` | Deaktiviert das interaktive Element in der Komponente und erlaubt keine Interaktion mehr damit. | `boolean` \| `undefined`
|
|
54
|
-
| `_error` | `_error` | Gibt den Text für eine Fehlermeldung an. | `string` \| `undefined`
|
|
55
|
-
| `_hasCounter` | `_has-counter` | Aktiviert den Zeichenanzahlzähler am unteren Rand des Eingabefeldes. | `boolean` \| `undefined`
|
|
56
|
-
| `_hideLabel` | `_hide-label` | Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an. | `boolean` \| `undefined`
|
|
57
|
-
| `_hint` | `_hint` | Gibt den Hinweistext an. | `string` \| `undefined`
|
|
58
|
-
| `_icon` | `_icon` | Setzt die Iconklasse (z.B.: `_icon="codicon codicon-home`). | `string` \| `undefined` \| `{ right?: IconOrIconClass` \| `undefined; left?: IconOrIconClass` \| `undefined; }`
|
|
59
|
-
| `_id` | `_id` | Gibt die interne ID des primären Elements in der Komponente an. | `string` \| `undefined`
|
|
60
|
-
| `_label` _(required)_ | `_label` | Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.). | `boolean` \| `string`
|
|
61
|
-
| `_list` | `_list` | Gibt die Liste der Vorschlagswörter an. | `string` \| `string[]` \| `undefined`
|
|
62
|
-
| `_maxLength` | `_max-length` | Gibt an, wie viele Zeichen maximal eingegeben werden können. | `number` \| `undefined`
|
|
63
|
-
| `_multiple` | `_multiple` | Gibt an, ob mehrere Werte eingegeben werden können. | `boolean` \| `undefined`
|
|
64
|
-
| `_name` | `_name` | Gibt den technischen Namen des Eingabefeldes an. | `string` \| `undefined`
|
|
65
|
-
| `_on` | -- | Gibt die EventCallback-Funktionen für das Input-Event an. | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus` \| `undefined`
|
|
66
|
-
| `_pattern` | `_pattern` | Gibt ein Prüfmuster (Pattern) für das Eingabefeld an. | `string` \| `undefined`
|
|
67
|
-
| `_placeholder` | `_placeholder` | Gibt den Platzhalter des Eingabefeldes an, wenn es leer ist. | `string` \| `undefined`
|
|
68
|
-
| `_readOnly` | `_read-only` | Setzt das Eingabefeld in den schreibgeschützten Modus. | `boolean` \| `undefined`
|
|
69
|
-
| `_required` | `_required` | Macht das Eingabeelement zu einem Pflichtfeld. | `boolean` \| `undefined`
|
|
70
|
-
| `_size` | `_size` | Setzt die Breite des Eingabefeldes in Buchstabenbreiten. | `number` \| `undefined`
|
|
71
|
-
| `_smartButton` |
|
|
72
|
-
| `_tabIndex` | `_tab-index` | Gibt an, welchen Tab-Index das primäre Element in der Komponente hat. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) | `number` \| `undefined`
|
|
73
|
-
| `_tooltipAlign` | `_tooltip-align` | Gibt an, ob der Tooltip bevorzugt entweder oben, rechts, unten oder links angezeigt werden soll. | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined`
|
|
74
|
-
| `_touched` | `_touched` | Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde. | `boolean` \| `undefined`
|
|
75
|
-
| `_value` | `_value` | Gibt den Wert des Eingabefeldes an. | `string` \| `undefined`
|
|
48
|
+
| Property | Attribute | Description | Type | Default |
|
|
49
|
+
| --------------------- | ---------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
|
|
50
|
+
| `_accessKey` | `_access-key` | Gibt an, mit welcher Tastenkombination man das interaktive Element der Komponente auslösen oder fokussieren kann. | `string` \| `undefined` | `undefined` |
|
|
51
|
+
| `_alert` | `_alert` | Gibt an, ob der Screenreader die Meldung aktiv vorlesen soll. | `boolean` \| `undefined` | `true` |
|
|
52
|
+
| `_autoComplete` | `_auto-complete` | Gibt an, ob das Eingabefeld autovervollständigt werden kann. | `"off"` \| `"on"` \| `undefined` | `undefined` |
|
|
53
|
+
| `_disabled` | `_disabled` | Deaktiviert das interaktive Element in der Komponente und erlaubt keine Interaktion mehr damit. | `boolean` \| `undefined` | `undefined` |
|
|
54
|
+
| `_error` | `_error` | Gibt den Text für eine Fehlermeldung an. | `string` \| `undefined` | `undefined` |
|
|
55
|
+
| `_hasCounter` | `_has-counter` | Aktiviert den Zeichenanzahlzähler am unteren Rand des Eingabefeldes. | `boolean` \| `undefined` | `undefined` |
|
|
56
|
+
| `_hideLabel` | `_hide-label` | Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an. | `boolean` \| `undefined` | `undefined` |
|
|
57
|
+
| `_hint` | `_hint` | Gibt den Hinweistext an. | `string` \| `undefined` | `''` |
|
|
58
|
+
| `_icon` | `_icon` | Setzt die Iconklasse (z.B.: `_icon="codicon codicon-home`). | `string` \| `undefined` \| `{ right?: IconOrIconClass` \| `undefined; left?: IconOrIconClass` \| `undefined; }` | `undefined` |
|
|
59
|
+
| `_id` | `_id` | Gibt die interne ID des primären Elements in der Komponente an. | `string` \| `undefined` | `undefined` |
|
|
60
|
+
| `_label` _(required)_ | `_label` | Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.). | `boolean` \| `string` | `undefined` |
|
|
61
|
+
| `_list` | `_list` | Gibt die Liste der Vorschlagswörter an. | `string` \| `string[]` \| `undefined` | `undefined` |
|
|
62
|
+
| `_maxLength` | `_max-length` | Gibt an, wie viele Zeichen maximal eingegeben werden können. | `number` \| `undefined` | `undefined` |
|
|
63
|
+
| `_multiple` | `_multiple` | Gibt an, ob mehrere Werte eingegeben werden können. | `boolean` \| `undefined` | `undefined` |
|
|
64
|
+
| `_name` | `_name` | Gibt den technischen Namen des Eingabefeldes an. | `string` \| `undefined` | `undefined` |
|
|
65
|
+
| `_on` | -- | Gibt die EventCallback-Funktionen für das Input-Event an. | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus` \| `undefined` | `undefined` |
|
|
66
|
+
| `_pattern` | `_pattern` | Gibt ein Prüfmuster (Pattern) für das Eingabefeld an. | `string` \| `undefined` | `undefined` |
|
|
67
|
+
| `_placeholder` | `_placeholder` | Gibt den Platzhalter des Eingabefeldes an, wenn es leer ist. | `string` \| `undefined` | `undefined` |
|
|
68
|
+
| `_readOnly` | `_read-only` | Setzt das Eingabefeld in den schreibgeschützten Modus. | `boolean` \| `undefined` | `undefined` |
|
|
69
|
+
| `_required` | `_required` | Macht das Eingabeelement zu einem Pflichtfeld. | `boolean` \| `undefined` | `undefined` |
|
|
70
|
+
| `_size` | `_size` | Setzt die Breite des Eingabefeldes in Buchstabenbreiten. | `number` \| `undefined` | `undefined` |
|
|
71
|
+
| `_smartButton` | `_smart-button` | Ermöglicht eine Schaltfläche ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (ohne label). | `string` \| `undefined` \| `{ _label: LabelWithExpertSlotPropType; } & { _ariaControls?: string` \| `undefined; _icon?: Stringified<KoliBriIconProp>` \| `undefined; _iconAlign?: Align` \| `undefined; _iconOnly?: boolean` \| `undefined; _role?: AlternativButtonLinkRole` \| `undefined; _tabIndex?: number` \| `undefined; _tooltipAlign?: Align` \| `undefined; _ariaCurrent?: AriaCurrent` \| `undefined; _ariaExpanded?: boolean` \| `undefined; _ariaLabel?: string` \| `undefined; _ariaSelected?: boolean` \| `undefined; _disabled?: boolean` \| `undefined; _hideLabel?: boolean` \| `undefined; _accessKey?: string` \| `undefined; _id?: string` \| `undefined; _on?: KoliBriButtonCallbacks<unknown>` \| `undefined; _type?: KoliBriButtonType` \| `undefined; _value?: unknown; _label?: LabelWithExpertSlotPropType` \| `undefined; _variant?: KoliBriButtonVariant` \| `undefined; _customClass?: string` \| `undefined; }` | `undefined` |
|
|
72
|
+
| `_tabIndex` | `_tab-index` | Gibt an, welchen Tab-Index das primäre Element in der Komponente hat. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) | `number` \| `undefined` | `undefined` |
|
|
73
|
+
| `_tooltipAlign` | `_tooltip-align` | Gibt an, ob der Tooltip bevorzugt entweder oben, rechts, unten oder links angezeigt werden soll. | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined` | `'top'` |
|
|
74
|
+
| `_touched` | `_touched` | Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde. | `boolean` \| `undefined` | `false` |
|
|
75
|
+
| `_value` | `_value` | Gibt den Wert des Eingabefeldes an. | `string` \| `undefined` | `undefined` |
|
|
76
76
|
|
|
77
77
|
|
|
78
78
|
## Slots
|
package/doc/input-file.md
CHANGED
|
@@ -44,27 +44,27 @@ Mögliche Werte und weitere Informationen erhalten Sie im <kol-link _href="https
|
|
|
44
44
|
|
|
45
45
|
## Properties
|
|
46
46
|
|
|
47
|
-
| Property | Attribute | Description | Type
|
|
48
|
-
| --------------------- | ---------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------- |
|
|
49
|
-
| `_accept` | `_accept` | Gibt an, welche Dateiformate erlaubt sind. | `string` \| `undefined`
|
|
50
|
-
| `_accessKey` | `_access-key` | Gibt an, mit welcher Tastenkombination man das interaktive Element der Komponente auslösen oder fokussieren kann. | `string` \| `undefined`
|
|
51
|
-
| `_alert` | `_alert` | Gibt an, ob der Screenreader die Meldung aktiv vorlesen soll. | `boolean` \| `undefined`
|
|
52
|
-
| `_disabled` | `_disabled` | Deaktiviert das interaktive Element in der Komponente und erlaubt keine Interaktion mehr damit. | `boolean` \| `undefined`
|
|
53
|
-
| `_error` | `_error` | Gibt den Text für eine Fehlermeldung an. | `string` \| `undefined`
|
|
54
|
-
| `_hideLabel` | `_hide-label` | Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an. | `boolean` \| `undefined`
|
|
55
|
-
| `_hint` | `_hint` | Gibt den Hinweistext an. | `string` \| `undefined`
|
|
56
|
-
| `_icon` | `_icon` | Setzt die Iconklasse (z.B.: `_icon="codicon codicon-home`). | `string` \| `undefined` \| `{ right?: IconOrIconClass` \| `undefined; left?: IconOrIconClass` \| `undefined; }`
|
|
57
|
-
| `_id` | `_id` | Gibt die interne ID des primären Elements in der Komponente an. | `string` \| `undefined`
|
|
58
|
-
| `_label` _(required)_ | `_label` | Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.). | `boolean` \| `string`
|
|
59
|
-
| `_multiple` | `_multiple` | Gibt an, ob mehrere Werte eingegeben werden können. | `boolean` \| `undefined`
|
|
60
|
-
| `_name` | `_name` | Gibt den technischen Namen des Eingabefeldes an. | `string` \| `undefined`
|
|
61
|
-
| `_on` | -- | Gibt die EventCallback-Funktionen für das Input-Event an. | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus` \| `undefined`
|
|
62
|
-
| `_required` | `_required` | Macht das Eingabeelement zu einem Pflichtfeld. | `boolean` \| `undefined`
|
|
63
|
-
| `_smartButton` |
|
|
64
|
-
| `_tabIndex` | `_tab-index` | Gibt an, welchen Tab-Index das primäre Element in der Komponente hat. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) | `number` \| `undefined`
|
|
65
|
-
| `_tooltipAlign` | `_tooltip-align` | Gibt an, ob der Tooltip bevorzugt entweder oben, rechts, unten oder links angezeigt werden soll. | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined`
|
|
66
|
-
| `_touched` | `_touched` | Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde. | `boolean` \| `undefined`
|
|
67
|
-
| `_value` | `_value` | Gibt den Wert des Eingabefeldes an. | `string` \| `undefined`
|
|
47
|
+
| Property | Attribute | Description | Type | Default |
|
|
48
|
+
| --------------------- | ---------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
|
|
49
|
+
| `_accept` | `_accept` | Gibt an, welche Dateiformate erlaubt sind. | `string` \| `undefined` | `undefined` |
|
|
50
|
+
| `_accessKey` | `_access-key` | Gibt an, mit welcher Tastenkombination man das interaktive Element der Komponente auslösen oder fokussieren kann. | `string` \| `undefined` | `undefined` |
|
|
51
|
+
| `_alert` | `_alert` | Gibt an, ob der Screenreader die Meldung aktiv vorlesen soll. | `boolean` \| `undefined` | `true` |
|
|
52
|
+
| `_disabled` | `_disabled` | Deaktiviert das interaktive Element in der Komponente und erlaubt keine Interaktion mehr damit. | `boolean` \| `undefined` | `undefined` |
|
|
53
|
+
| `_error` | `_error` | Gibt den Text für eine Fehlermeldung an. | `string` \| `undefined` | `undefined` |
|
|
54
|
+
| `_hideLabel` | `_hide-label` | Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an. | `boolean` \| `undefined` | `undefined` |
|
|
55
|
+
| `_hint` | `_hint` | Gibt den Hinweistext an. | `string` \| `undefined` | `''` |
|
|
56
|
+
| `_icon` | `_icon` | Setzt die Iconklasse (z.B.: `_icon="codicon codicon-home`). | `string` \| `undefined` \| `{ right?: IconOrIconClass` \| `undefined; left?: IconOrIconClass` \| `undefined; }` | `undefined` |
|
|
57
|
+
| `_id` | `_id` | Gibt die interne ID des primären Elements in der Komponente an. | `string` \| `undefined` | `undefined` |
|
|
58
|
+
| `_label` _(required)_ | `_label` | Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.). | `boolean` \| `string` | `undefined` |
|
|
59
|
+
| `_multiple` | `_multiple` | Gibt an, ob mehrere Werte eingegeben werden können. | `boolean` \| `undefined` | `undefined` |
|
|
60
|
+
| `_name` | `_name` | Gibt den technischen Namen des Eingabefeldes an. | `string` \| `undefined` | `undefined` |
|
|
61
|
+
| `_on` | -- | Gibt die EventCallback-Funktionen für das Input-Event an. | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus` \| `undefined` | `undefined` |
|
|
62
|
+
| `_required` | `_required` | Macht das Eingabeelement zu einem Pflichtfeld. | `boolean` \| `undefined` | `undefined` |
|
|
63
|
+
| `_smartButton` | `_smart-button` | Ermöglicht eine Schaltfläche ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (ohne label). | `string` \| `undefined` \| `{ _label: LabelWithExpertSlotPropType; } & { _ariaControls?: string` \| `undefined; _icon?: Stringified<KoliBriIconProp>` \| `undefined; _iconAlign?: Align` \| `undefined; _iconOnly?: boolean` \| `undefined; _role?: AlternativButtonLinkRole` \| `undefined; _tabIndex?: number` \| `undefined; _tooltipAlign?: Align` \| `undefined; _ariaCurrent?: AriaCurrent` \| `undefined; _ariaExpanded?: boolean` \| `undefined; _ariaLabel?: string` \| `undefined; _ariaSelected?: boolean` \| `undefined; _disabled?: boolean` \| `undefined; _hideLabel?: boolean` \| `undefined; _accessKey?: string` \| `undefined; _id?: string` \| `undefined; _on?: KoliBriButtonCallbacks<unknown>` \| `undefined; _type?: KoliBriButtonType` \| `undefined; _value?: unknown; _label?: LabelWithExpertSlotPropType` \| `undefined; _variant?: KoliBriButtonVariant` \| `undefined; _customClass?: string` \| `undefined; }` | `undefined` |
|
|
64
|
+
| `_tabIndex` | `_tab-index` | Gibt an, welchen Tab-Index das primäre Element in der Komponente hat. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) | `number` \| `undefined` | `undefined` |
|
|
65
|
+
| `_tooltipAlign` | `_tooltip-align` | Gibt an, ob der Tooltip bevorzugt entweder oben, rechts, unten oder links angezeigt werden soll. | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined` | `'top'` |
|
|
66
|
+
| `_touched` | `_touched` | Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde. | `boolean` \| `undefined` | `false` |
|
|
67
|
+
| `_value` | `_value` | Gibt den Wert des Eingabefeldes an. | `string` \| `undefined` | `undefined` |
|
|
68
68
|
|
|
69
69
|
|
|
70
70
|
## Slots
|