@public-ui/components 2.1.4-alpha.1 → 2.1.5-rc.0

package/doc/input-color.md

@@ -74,6 +74,16 @@ Für eine vollständige Barrierefreiheit prüfen Sie die Verwendung einer vorgef
 
 ## Methods
 
+### `focus() => Promise<void>`
+
+<span style="color:red">**[DEPRECATED]**</span> Use kolFocus instead.<br/><br/>
+
+#### Returns
+
+Type: `Promise<void>`
+
+
+
 ### `getValue() => Promise<string | undefined>`
 
 
@@ -84,6 +94,16 @@ Type: `Promise<string | undefined>`
 
 
 
+### `kolFocus() => Promise<void>`
+
+
+
+#### Returns
+
+Type: `Promise<void>`
+
+
+
 
 ## Slots
 

package/doc/input-date.md

@@ -1,5 +1,7 @@
 # InputDate
 
+Synonyme: Date Picker, Datetime Picker, Week Picker Month Picker, Time Picker, Calendar
+
 Der Input-Typ **Date** erzeugt ein Eingabefeld für Datumswerte. Diese können konkrete Daten sein, aber auch Wochen, Monate oder Zeitangaben.
 
 ## Konstruktion
@@ -133,6 +135,16 @@ Das Eingabefeld für Zeitangaben gibt es in unterschiedlichen Ausprägungen (Dat
 
 ## Methods
 
+### `focus() => Promise<void>`
+
+<span style="color:red">**[DEPRECATED]**</span> Use kolFocus instead.<br/><br/>
+
+#### Returns
+
+Type: `Promise<void>`
+
+
+
 ### `getValue() => Promise<string | undefined>`
 
 
@@ -143,6 +155,16 @@ Type: `Promise<string | undefined>`
 
 
 
+### `kolFocus() => Promise<void>`
+
+
+
+#### Returns
+
+Type: `Promise<void>`
+
+
+
 
 ## Slots
 

package/doc/input-email.md

@@ -102,6 +102,16 @@ Um eine fehlgeschlagene Validierung anzuzeigen, setzen Sie das Attrbut **`_error
 
 ## Methods
 
+### `focus() => Promise<void>`
+
+<span class="text-red-500">**[DEPRECATED]**</span> Use kolFocus instead.<br/><br/>
+
+#### Returns
+
+Type: `Promise<void>`
+
+
+
 ### `getValue() => Promise<string | undefined>`
 
 
@@ -112,6 +122,16 @@ Type: `Promise<string | undefined>`
 
 
 
+### `kolFocus() => Promise<void>`
+
+
+
+#### Returns
+
+Type: `Promise<void>`
+
+
+
 
 ## Slots
 

package/doc/input-file.md

@@ -1,5 +1,7 @@
 # InputFile
 
+Synonyme: Upload, File Uploader, File Picker, File Selector
+
 Der Input-Typ **File** erzeugt ein Eingabefeld für zum Beispiel Uploads. Es können eine oder auch mehrere Dateien ausgewählt werden.
 
 ## Konstruktion
@@ -93,6 +95,16 @@ Mögliche Werte und weitere Informationen erhalten Sie im <kol-link _href="https
 
 ## Methods
 
+### `focus() => Promise<void>`
+
+<span style="color:red">**[DEPRECATED]**</span> Use kolFocus instead.<br/><br/>
+
+#### Returns
+
+Type: `Promise<void>`
+
+
+
 ### `getValue() => Promise<FileList | null | undefined>`
 
 
@@ -103,6 +115,16 @@ Type: `Promise<FileList | null | undefined>`
 
 
 
+### `kolFocus() => Promise<void>`
+
+
+
+#### Returns
+
+Type: `Promise<void>`
+
+
+
 
 ## Slots
 

package/doc/input-number.md

@@ -92,6 +92,16 @@ kolibriElement._on = {
 
 ## Methods
 
+### `focus() => Promise<void>`
+
+<span style="color:red">**[DEPRECATED]**</span> Use kolFocus instead.<br/><br/>
+
+#### Returns
+
+Type: `Promise<void>`
+
+
+
 ### `getValue() => Promise<string | undefined>`
 
 
@@ -102,6 +112,16 @@ Type: `Promise<string | undefined>`
 
 
 
+### `kolFocus() => Promise<void>`
+
+
+
+#### Returns
+
+Type: `Promise<void>`
+
+
+
 
 ## Slots
 

package/doc/input-password.md

@@ -93,6 +93,16 @@ kolibriElement._on = {
 
 ## Methods
 
+### `focus() => Promise<void>`
+
+<span style="color:red">**[DEPRECATED]**</span> Use kolFocus instead.<br/><br/>
+
+#### Returns
+
+Type: `Promise<void>`
+
+
+
 ### `getValue() => Promise<string | undefined>`
 
 
@@ -103,6 +113,16 @@ Type: `Promise<string | undefined>`
 
 
 
+### `kolFocus() => Promise<void>`
+
+
+
+#### Returns
+
+Type: `Promise<void>`
+
+
+
 
 ## Slots
 

package/doc/input-radio.md

@@ -1,5 +1,7 @@
 # InputRadio
 
+Synonyme: Choice Group, Radio Buttons
+
 Die Komponente **InputRadio** besteht aus einer Sammlung von Radio-Elementen und stellt so eine Auswahlmöglichkeit zwischen verschiedenen Werten dar. Es kann immer nur ein einzelner Wert zur gleichen Zeit ausgewählt werden. Ausgewählte Radio-Elemente werden i.d.R. mit einem gefüllten und optisch hervorgehobenen Kreis dargestellt.
 
 <kol-alert _alert _heading="Hinweis" _level="1" _type="info">
@@ -124,6 +126,16 @@ kolibriElement._on = {
 
 ## Methods
 
+### `focus() => Promise<void>`
+
+<span style="color:red">**[DEPRECATED]**</span> Use kolFocus instead.<br/><br/>
+
+#### Returns
+
+Type: `Promise<void>`
+
+
+
 ### `getValue() => Promise<StencilUnknown | undefined>`
 
 
@@ -134,6 +146,16 @@ Type: `Promise<StencilUnknown>`
 
 
 
+### `kolFocus() => Promise<void>`
+
+
+
+#### Returns
+
+Type: `Promise<void>`
+
+
+
 
 ## Slots
 

package/doc/input-range.md

@@ -1,5 +1,7 @@
 # InputRange
 
+Synonyme: Slider
+
 Der Input-Typ **Range** erzeugt ein interaktives Element, mit dem Werte durch Verschieben eines Reglers verändert werden können.
 
 ## Konstruktion
@@ -105,6 +107,16 @@ Value types von onInput und onChange werden in [#6345](https://github.com/public
 
 ## Methods
 
+### `focus() => Promise<void>`
+
+<span style="color:red">**[DEPRECATED]**</span> Use kolFocus instead.<br/><br/>
+
+#### Returns
+
+Type: `Promise<void>`
+
+
+
 ### `getValue() => Promise<number | undefined>`
 
 
@@ -115,6 +127,16 @@ Type: `Promise<number | undefined>`
 
 
 
+### `kolFocus() => Promise<void>`
+
+
+
+#### Returns
+
+Type: `Promise<void>`
+
+
+
 
 ## Slots
 

package/doc/input-text.md

@@ -1,5 +1,7 @@
 # InputText
 
+Synonyme: Text Field
+
 Der Input-Typ **Text** erzeugt ein Eingabefeld für normalen Text, Suchbegriffe, URLs oder Telefonnummern.
 
 Die Komponente hat Known-Issues bezüglich Browserabhängigkeit und Barrierefreiheit. Näheres kann unter [KNOWN_ISSUES.md](https://github.com/public-ui/kolibri/blob/develop/KNOWN_ISSUES.md) nachgelssen werden.
@@ -115,6 +117,16 @@ kolibriElement._on = {
 
 ## Methods
 
+### `focus() => Promise<void>`
+
+<span style="color:red">**[DEPRECATED]**</span> Use kolFocus instead.<br/><br/>
+
+#### Returns
+
+Type: `Promise<void>`
+
+
+
 ### `getValue() => Promise<string | undefined>`
 
 
@@ -125,6 +137,16 @@ Type: `Promise<string | undefined>`
 
 
 
+### `kolFocus() => Promise<void>`
+
+
+
+#### Returns
+
+Type: `Promise<void>`
+
+
+
 
 ## Slots
 

package/doc/link-button.md

@@ -49,6 +49,29 @@ Weitere Informationen zum Aussehen finden Sie auf der <kol-link _href="/docs/com
 | `_variant`           | `_variant`            | Defines which variant should be used for presentation.                                                                                                       | `"custom"` \| `"danger"` \| `"ghost"` \| `"normal"` \| `"primary"` \| `"secondary"` \| `"tertiary"` \| `undefined` | `'normal'`  |
 
 
+## Methods
+
+### `focus() => Promise<void>`
+
+<span class="text-red-500">**[DEPRECATED]**</span> Use kolFocus instead.<br/><br/>
+
+#### Returns
+
+Type: `Promise<void>`
+
+
+
+### `kolFocus() => Promise<void>`
+
+
+
+#### Returns
+
+Type: `Promise<void>`
+
+
+
+
 ----------------------------------------------
 
 

package/doc/link.md

@@ -92,6 +92,29 @@ Der übergebene Location-String muss dabei exakt dem `href`-Attributs des Links
 | `_tooltipAlign`      | `_tooltip-align`      | Defines where to show the Tooltip preferably: top, right, bottom or left.                                                                                    | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined`                                  | `'right'`   |
 
 
+## Methods
+
+### `focus() => Promise<void>`
+
+<span class="text-red-500">**[DEPRECATED]**</span> Use kolFocus instead.<br/><br/>
+
+#### Returns
+
+Type: `Promise<void>`
+
+
+
+### `kolFocus() => Promise<void>`
+
+
+
+#### Returns
+
+Type: `Promise<void>`
+
+
+
+
 ----------------------------------------------
 
 

package/doc/modal.md

@@ -1,4 +1,8 @@
-# Hinweis
+# Modal
+
+Synonyme: Dialog, Prompt
+
+## Hinweis
 
 Vielen Dank, dass Sie diese Komponente zur Umsetzung eines Modals verwenden wollen. Inzwischen ist das native `<dialog>` Element sehr gut unterstützt (<kol-link _href="https://caniuse.com/?search=dialog" _target="_blank" _label="caniuse"></kol-link>), barrierefrei, einfach zu benutzen und performanter (da nativ), daher empfehlen wir dieses zu verwenden. Wenn Sie aufgrund von Abwärtskompatibilität, oder weil Sie die **Modal**-Komponente bereits eingebaut haben, die Dokumentation zu unserem KolModal suchen, finden Sie diese etwas weiter unten. Die **Modal**-Komponente wird in Version 2 noch zur Verfügung stehen.
 

package/doc/nav.md

@@ -1,5 +1,7 @@
 # Nav
 
+Synonyme: Navigation, Menu, Sidebar, Dropdowns (menu)
+
 Eine **Navigationsleiste** ist eine Gruppe von verwandten Links oder Navigationselementen, die durch Anklicken eine Aktion ausführen oder Inhalte anzeigen. Sie navigiert Nutzer:innen direkt zu bestimmten Inhalten der aktuellen Seite oder zu externen Seiten. Außerdem dient sie Nutzer:innen (ähnlich wie Registerkarten) als Steuerelement, um Inhalte anzuzeigen, auszublenden und zwischen ihnen zu wechseln.
 
 **KoliBri** stellt eine umfangreich konfigurierbare, vertikale oder horizontale **Navigationsleiste** zur Verfügung, die mehrere Ebenen darstellen und in der Breite variiert werden kann.

package/doc/select.md

@@ -1,5 +1,7 @@
 # Select
 
+Synonyme: Datalist, Dropdown
+
 Die **Select**-Komponente erzeugt eine Auswahlliste, aus der eine oder mehrere vorgegebene Möglichkeiten ausgewählt werden können.
 
 ## Konstruktion
@@ -141,6 +143,16 @@ import { xxx..., xxx..., FormatHandler, } from '@leanup/form';
 
 ## Methods
 
+### `focus() => Promise<void>`
+
+<span style="color:red">**[DEPRECATED]**</span> Use kolFocus instead.<br/><br/>
+
+#### Returns
+
+Type: `Promise<void>`
+
+
+
 ### `getValue() => Promise<Stringified<W3CInputValue[]> | undefined>`
 
 
@@ -151,6 +163,16 @@ Type: `Promise<Stringified<W3CInputValue[]> | undefined>`
 
 
 
+### `kolFocus() => Promise<void>`
+
+
+
+#### Returns
+
+Type: `Promise<void>`
+
+
+
 
 ## Slots
 

package/doc/spin.md

@@ -1,5 +1,7 @@
 # Spin
 
+Synonyme: Placeholder, Skeleton, Shimmer
+
 Ladeanzeigen, wie die **Spin**-Komponente, informieren die Nutzer:innen über Lade- oder Rechenvorgänge, die vom System ausgeführt werden. Der Fortschritt kann durch eine wiederholte Animation kommuniziert werden.
 
 ## Konstruktion

package/doc/table-stateful.md

@@ -1,5 +1,7 @@
 # TableStateful
 
+Synonyme: Data Table, Details List, Data Grid
+
 <kol-alert _type="warning" _variant="card">
   <kol-badge _color="#476af5" _label="Preview"></kol-badge> Diese neue Komponente wird als ungetestet markiert, da die Barrierefreiheitstests noch ausstehen. Die verschiedenen Tests können aufgrund der Modularität bei neuen Komponenten und Funktionalitäten meist erst nach einem Release erfolgen. Wir empfehlen daher, die Komponente noch nicht in Produktion zu verwenden.
 </kol-alert>

package/doc/table-stateless.md

@@ -1,5 +1,7 @@
 # TableStateless
 
+Synonyme: Data Table, Details List, Data Grid
+
 <kol-alert _type="warning" _variant="card">
   <kol-badge _color="#476af5" _label="Preview"></kol-badge> Diese neue Komponente wird als ungetestet markiert, da die Barrierefreiheitstests noch ausstehen. Die verschiedenen Tests können aufgrund der Modularität bei neuen Komponenten und Funktionalitäten meist erst nach einem Release erfolgen. Wir empfehlen daher, die Komponente noch nicht in Produktion zu verwenden.
 </kol-alert>

package/doc/table.md

@@ -1,5 +1,7 @@
 # Table
 
+Synonyme: Data Table, Details List, Data Grid
+
 <kol-alert _type="warning" _variant="card">
   <kol-badge _color="#fb4509" _label="Deprecated"></kol-badge> KolTable ist veraltet, bitte stattdessen <kol-link _label="KolTableStateful" _href="https://github.com/public-ui/kolibri/blob/develop/packages/components/src/components/table-stateless/readme.md"></kol-link> verwenden, die API und Funktionalität sind identisch.
 </kol-alert>

package/doc/tabs.md

@@ -1,5 +1,7 @@
 # Tabs
 
+Synonyme: Navigation, Nav
+
 Die **Tabs**-Komponente wird verwendet, um verwandte Inhalte auf derselben Seite zu organisieren und zwischen ihnen zu navigieren. Tabs sorgen dafür, dass große Inhaltsmengen für Nutzer:innen leichter organisiert werden können. Tabs sind in Registerkartenleisten angeordnet, die als Registerkartengruppen bezeichnet werden, wobei die Registerkartenbeschriftung den Nutzer:innen einen Hinweis darauf gibt, welcher Inhalt angezeigt wird, wenn die Registerkarte ausgewählt wird.
 
 ## Konstruktion

package/doc/textarea.md

@@ -108,6 +108,16 @@ Mit Hilfe des Attributs **`_rows`** kann die Höhe der Textarea in Zeilen bestim
 
 ## Methods
 
+### `focus() => Promise<void>`
+
+<span style="color:red">**[DEPRECATED]**</span> Use kolFocus instead.<br/><br/>
+
+#### Returns
+
+Type: `Promise<void>`
+
+
+
 ### `getValue() => Promise<string | undefined>`
 
 
@@ -118,6 +128,16 @@ Type: `Promise<string | undefined>`
 
 
 
+### `kolFocus() => Promise<void>`
+
+
+
+#### Returns
+
+Type: `Promise<void>`
+
+
+
 
 ## Slots
 

package/doc/toaster.md

@@ -1,5 +1,7 @@
 # Toaster
 
+Synonyme: Notification, Snackbar
+
 Mit dem **Toast**-Service geben Sie ein optisches Feedback an die Nutzer:innen. Sie wird am Kopf des Browserfenster
 angezeigt, bis sie geschlossen wird. Werden mehrere Toasts geöffnet, ohne das die bisherigen geschlossen wurden, so werden diese untereinander angezeigt.
 

package/doc/tooltip.md

@@ -1,5 +1,7 @@
 # Tooltip
 
+Synonyme: Inline Dialog, Popover
+
 <kol-alert _type="info" _variant="card">Die **Tooltip**-Komponente wird innerhalb von KoliBri verwendet und ist nicht dafür vorgesehen in der Anwendungsentwicklung verwendet zu werden. Denn der Tooltip ist nur dann wirklich barrierefrei, wenn von einem Referenzelement auf das Tooltip verwiesen wird.</kol-alert>
 
 Die **Tooltip**-Komponente implementiert das Gegenstück zum `Aria-Label`. Es ist also explizit nur dafür vorgesehen, dem/der Nutzer:in ohne Screenreader die Beschriftung eines Elementes anzuzeigen.

package/doc/tree.md

@@ -1,5 +1,7 @@
 # Tree
 
+Synonyme: List, Navigation
+
 <kol-alert _type="warning" _variant="card">
   <kol-badge _color="#476af5" _label="Preview"></kol-badge> Diese neue Komponente wird als ungetestet markiert, da die Barrierefreiheitstests noch ausstehen. Die verschiedenen Tests können aufgrund der Modularität bei neuen Komponenten und Funktionalitäten meist erst nach einem Release erfolgen. Wir empfehlen daher, die Komponente noch nicht in Produktion zu verwenden.
 </kol-alert>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@public-ui/components",
-  "version": "2.1.4-alpha.1",
+  "version": "2.1.5-rc.0",
   "license": "EUPL-1.2",
   "homepage": "https://public-ui.github.io",
   "bugs": {