@public-ui/components 1.5.0-rc.14 → 1.5.0-rc.15

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.
Files changed (144) hide show
  1. package/cheat-sheet.html +23 -13
  2. package/custom-elements.json +29 -4
  3. package/dist/cjs/button-link-19d8a9a8.js.map +1 -1
  4. package/dist/cjs/floating-ui.dom.esm-f2716ff9.js +4 -0
  5. package/dist/cjs/floating-ui.dom.esm-f2716ff9.js.map +1 -0
  6. package/dist/cjs/icon-71b1bd66.js.map +1 -1
  7. package/dist/cjs/index-29c5d3c6.js.map +1 -1
  8. package/dist/cjs/index-a96d7f87.js +1 -1
  9. package/dist/cjs/kol-abbr.cjs.entry.js.map +1 -1
  10. package/dist/cjs/kol-accordion.cjs.entry.js +1 -1
  11. package/dist/cjs/kol-accordion.cjs.entry.js.map +1 -1
  12. package/dist/cjs/kol-button-link.cjs.entry.js.map +1 -1
  13. package/dist/cjs/kol-button-wc_3.cjs.entry.js +1 -1
  14. package/dist/cjs/kol-button-wc_3.cjs.entry.js.map +1 -1
  15. package/dist/cjs/kol-button.cjs.entry.js.map +1 -1
  16. package/dist/cjs/kol-link-button.cjs.entry.js.map +1 -1
  17. package/dist/cjs/kol-link-wc.cjs.entry.js.map +1 -1
  18. package/dist/cjs/kol-link.cjs.entry.js.map +1 -1
  19. package/dist/cjs/kol-pagination.cjs.entry.js.map +1 -1
  20. package/dist/cjs/kol-popover.cjs.entry.js +4 -0
  21. package/dist/cjs/kol-popover.cjs.entry.js.map +1 -0
  22. package/dist/cjs/kol-tabs.cjs.entry.js.map +1 -1
  23. package/dist/cjs/kol-tooltip.cjs.entry.js +1 -1
  24. package/dist/cjs/kol-tooltip.cjs.entry.js.map +1 -1
  25. package/dist/cjs/kolibri.cjs.js +1 -1
  26. package/dist/cjs/kolibri.cjs.js.map +1 -1
  27. package/dist/cjs/loader.cjs.js +1 -1
  28. package/dist/cjs/loader.cjs.js.map +1 -1
  29. package/dist/cjs/open-fd1ca478.js +4 -0
  30. package/dist/cjs/open-fd1ca478.js.map +1 -0
  31. package/dist/components/component.js +1 -1
  32. package/dist/components/component.js.map +1 -1
  33. package/dist/components/component14.js.map +1 -1
  34. package/dist/components/component3.js.map +1 -1
  35. package/dist/components/component5.js +1 -1
  36. package/dist/components/component5.js.map +1 -1
  37. package/dist/components/component8.js.map +1 -1
  38. package/dist/components/floating-ui.dom.esm.js +4 -0
  39. package/dist/components/floating-ui.dom.esm.js.map +1 -0
  40. package/dist/components/i18n.js +1 -1
  41. package/dist/components/kol-abbr.js.map +1 -1
  42. package/dist/components/kol-accordion.js +1 -1
  43. package/dist/components/kol-accordion.js.map +1 -1
  44. package/dist/components/kol-button-link.js.map +1 -1
  45. package/dist/components/kol-input-date.js +1 -1
  46. package/dist/components/kol-input-date.js.map +1 -1
  47. package/dist/components/kol-link-button.js.map +1 -1
  48. package/dist/components/kol-popover.d.ts +11 -0
  49. package/dist/components/kol-popover.js +4 -0
  50. package/dist/components/kol-popover.js.map +1 -0
  51. package/dist/components/kol-tabs.js.map +1 -1
  52. package/dist/components/open.js +4 -0
  53. package/dist/components/open.js.map +1 -0
  54. package/dist/components/shadow.js.map +1 -1
  55. package/dist/components/shadow2.js.map +1 -1
  56. package/dist/esm/button-link-0f3cba87.js.map +1 -1
  57. package/dist/esm/floating-ui.dom.esm-0fccfb1e.js +4 -0
  58. package/dist/esm/floating-ui.dom.esm-0fccfb1e.js.map +1 -0
  59. package/dist/esm/icon-00018c54.js.map +1 -1
  60. package/dist/esm/index-50adf9a0.js.map +1 -1
  61. package/dist/esm/index-a007a589.js +1 -1
  62. package/dist/esm/kol-abbr.entry.js.map +1 -1
  63. package/dist/esm/kol-accordion.entry.js +1 -1
  64. package/dist/esm/kol-accordion.entry.js.map +1 -1
  65. package/dist/esm/kol-button-link.entry.js.map +1 -1
  66. package/dist/esm/kol-button-wc_3.entry.js +1 -1
  67. package/dist/esm/kol-button-wc_3.entry.js.map +1 -1
  68. package/dist/esm/kol-button.entry.js.map +1 -1
  69. package/dist/esm/kol-link-button.entry.js.map +1 -1
  70. package/dist/esm/kol-link-wc.entry.js.map +1 -1
  71. package/dist/esm/kol-link.entry.js.map +1 -1
  72. package/dist/esm/kol-pagination.entry.js.map +1 -1
  73. package/dist/esm/kol-popover.entry.js +4 -0
  74. package/dist/esm/kol-popover.entry.js.map +1 -0
  75. package/dist/esm/kol-tabs.entry.js.map +1 -1
  76. package/dist/esm/kol-tooltip.entry.js +1 -1
  77. package/dist/esm/kol-tooltip.entry.js.map +1 -1
  78. package/dist/esm/kolibri.js +1 -1
  79. package/dist/esm/kolibri.js.map +1 -1
  80. package/dist/esm/loader.js +1 -1
  81. package/dist/esm/loader.js.map +1 -1
  82. package/dist/esm/open-7d64cfaf.js +4 -0
  83. package/dist/esm/open-7d64cfaf.js.map +1 -0
  84. package/dist/kolibri/assets/popover-simulation.js +1 -0
  85. package/dist/kolibri/button-link-0f3cba87.js.map +1 -1
  86. package/dist/kolibri/floating-ui.dom.esm-0fccfb1e.js +4 -0
  87. package/dist/kolibri/floating-ui.dom.esm-0fccfb1e.js.map +1 -0
  88. package/dist/kolibri/icon-00018c54.js.map +1 -1
  89. package/dist/kolibri/index-50adf9a0.js.map +1 -1
  90. package/dist/kolibri/index-a007a589.js +1 -1
  91. package/dist/kolibri/kol-abbr.entry.js.map +1 -1
  92. package/dist/kolibri/kol-accordion.entry.js +1 -1
  93. package/dist/kolibri/kol-accordion.entry.js.map +1 -1
  94. package/dist/kolibri/kol-button-link.entry.js.map +1 -1
  95. package/dist/kolibri/kol-button-wc_3.entry.js +1 -1
  96. package/dist/kolibri/kol-button-wc_3.entry.js.map +1 -1
  97. package/dist/kolibri/kol-button.entry.js.map +1 -1
  98. package/dist/kolibri/kol-link-button.entry.js.map +1 -1
  99. package/dist/kolibri/kol-link-wc.entry.js.map +1 -1
  100. package/dist/kolibri/kol-link.entry.js.map +1 -1
  101. package/dist/kolibri/kol-pagination.entry.js.map +1 -1
  102. package/dist/kolibri/kol-popover.entry.js +4 -0
  103. package/dist/kolibri/kol-popover.entry.js.map +1 -0
  104. package/dist/kolibri/kol-tabs.entry.js.map +1 -1
  105. package/dist/kolibri/kol-tooltip.entry.js +1 -1
  106. package/dist/kolibri/kol-tooltip.entry.js.map +1 -1
  107. package/dist/kolibri/kolibri.esm.js +1 -1
  108. package/dist/kolibri/kolibri.esm.js.map +1 -1
  109. package/dist/kolibri/open-7d64cfaf.js +4 -0
  110. package/dist/kolibri/open-7d64cfaf.js.map +1 -0
  111. package/dist/loader/index.d.ts +1 -1
  112. package/dist/types/components/abbr/component.d.ts +3 -3
  113. package/dist/types/components/abbr/types.d.ts +2 -2
  114. package/dist/types/components/button/component.d.ts +5 -5
  115. package/dist/types/components/button/shadow.d.ts +3 -3
  116. package/dist/types/components/button-link/component.d.ts +2 -2
  117. package/dist/types/components/link/component.d.ts +5 -5
  118. package/dist/types/components/link/shadow.d.ts +3 -3
  119. package/dist/types/components/link-button/component.d.ts +2 -2
  120. package/dist/types/components/pagination/component.d.ts +5 -5
  121. package/dist/types/components/popover/shadow.d.ts +35 -0
  122. package/dist/types/components/popover/test/html.mock.d.ts +4 -0
  123. package/dist/types/components/tabs/component.d.ts +6 -6
  124. package/dist/types/components/tooltip/component.d.ts +4 -4
  125. package/dist/types/components.d.ts +59 -30
  126. package/dist/types/types/button-link.d.ts +6 -6
  127. package/dist/types/types/props/alignment.d.ts +6 -1
  128. package/dist/types/types/props/icon.d.ts +3 -3
  129. package/dist/types/types/props/index.d.ts +1 -1
  130. package/dist/types/utils/validators/alignment.d.ts +2 -2
  131. package/doc/badge.md +7 -7
  132. package/doc/input-color.md +18 -18
  133. package/doc/input-date.md +24 -24
  134. package/doc/input-email.md +25 -25
  135. package/doc/input-file.md +19 -19
  136. package/doc/input-number.md +25 -25
  137. package/doc/input-password.md +23 -23
  138. package/doc/input-text.md +25 -25
  139. package/doc/kolibri.md +2 -2
  140. package/doc/popover.md +19 -0
  141. package/doc/table.md +7 -7
  142. package/jest-test-results.json +1 -1
  143. package/package.json +1 -1
  144. package/vscode-custom-data.json +32 -1
package/doc/input-password.md CHANGED
@@ -39,29 +39,29 @@ Der Input-Typ **Password** erzeugt ein Eingabefeld für Passwörter. Die Eingabe
39
39
 
40
40
  ## Properties
41
41
 
42
- | Property | Attribute | Description | Type | Default |
43
- | --------------- | ---------------- | -------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
44
- | `_accessKey` | `_access-key` | Gibt an, mit welcher Tastenkombination man das Input auslösen oder fokussieren kann. | `string \| undefined` | `undefined` |
45
- | `_alert` | `_alert` | Gibt an, ob die Fehlermeldung vorgelesen werden soll, wenn es eine gibt. | `boolean \| undefined` | `true` |
46
- | `_autoComplete` | `_auto-complete` | Gibt an, ob das Eingabefeld autovervollständigt werden kann. | `"off" \| "on" \| undefined` | `undefined` |
47
- | `_disabled` | `_disabled` | Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt. | `boolean \| undefined` | `undefined` |
48
- | `_error` | `_error` | Gibt den Text für eine Fehlermeldung an. | `string \| undefined` | `undefined` |
49
- | `_hideLabel` | `_hide-label` | Versteckt das sichtbare Label des Elements. | `boolean \| undefined` | `undefined` |
50
- | `_hint` | `_hint` | Gibt den Hinweistext an. | `string \| undefined` | `''` |
51
- | `_icon` | `_icon` | Ermöglicht das Anzeigen von Icons links und/oder rechts am Rand des Eingabefeldes. | `string \| undefined \| { right?: IconOrIconClass \| undefined; left?: IconOrIconClass \| undefined; }` | `undefined` |
52
- | `_id` | `_id` | Gibt die technische ID des Eingabefeldes an. | `string \| undefined` | `undefined` |
53
- | `_maxLength` | `_max-length` | Gibt an, wie viele Zeichen man maximal eingeben kann. | `number \| undefined` | `undefined` |
54
- | `_name` | `_name` | Gibt den technischen Namen des Eingabefeldes an. | `string \| undefined` | `undefined` |
55
- | `_on` | -- | Gibt die EventCallback-Funktionen für das Input-Event an. | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus \| undefined` | `undefined` |
56
- | `_pattern` | `_pattern` | Gibt ein Prüfpattern für das Eingabefeld an. | `string \| undefined` | `undefined` |
57
- | `_placeholder` | `_placeholder` | Gibt den Platzhalter des Eingabefeldes an, wenn es leer ist. | `string \| undefined` | `undefined` |
58
- | `_readOnly` | `_read-only` | Setzt das Eingabefeld in den schreibgeschützten Modus. | `boolean \| undefined` | `undefined` |
59
- | `_required` | `_required` | Macht das Eingabeelement zu einem Pflichtfeld. | `boolean \| undefined` | `undefined` |
60
- | `_size` | `_size` | Setzt die Breite des Eingabefeldes in Buchstabenbreiten. | `number \| undefined` | `undefined` |
61
- | `_smartButton` | -- | Ermöglicht eine Schaltfläche ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (ohne label). | `undefined \| { _label: string; } & { _ariaControls?: string \| undefined; _ariaLabel?: string \| undefined; _icon?: Stringified<KoliBriIconProp> \| undefined; _iconAlign?: PropAlignment \| undefined; _iconOnly?: boolean \| undefined; _role?: AlternativButtonLinkRole \| undefined; _tabIndex?: number \| undefined; _tooltipAlign?: PropAlignment \| undefined; _ariaCurrent?: AriaCurrent \| undefined; _ariaExpanded?: boolean \| undefined; _ariaSelected?: boolean \| undefined; _disabled?: boolean \| undefined; _accessKey?: string \| undefined; _id?: string \| undefined; _on?: KoliBriButtonCallbacks<unknown> \| undefined; _type?: KoliBriButtonType \| undefined; _value?: unknown; _variant?: KoliBriButtonVariant \| undefined; _customClass?: string \| undefined; }` | `undefined` |
62
- | `_tabIndex` | `_tab-index` | Gibt an, welchen Tab-Index dieses Input hat. | `number \| undefined` | `undefined` |
63
- | `_touched` | `_touched` | Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde. | `boolean \| undefined` | `false` |
64
- | `_value` | `_value` | Gibt den Wert des Eingabefeldes an. | `string \| undefined` | `undefined` |
42
+ | Property | Attribute | Description | Type | Default |
43
+ | --------------- | ---------------- | -------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
44
+ | `_accessKey` | `_access-key` | Gibt an, mit welcher Tastenkombination man das Input auslösen oder fokussieren kann. | `string \| undefined` | `undefined` |
45
+ | `_alert` | `_alert` | Gibt an, ob die Fehlermeldung vorgelesen werden soll, wenn es eine gibt. | `boolean \| undefined` | `true` |
46
+ | `_autoComplete` | `_auto-complete` | Gibt an, ob das Eingabefeld autovervollständigt werden kann. | `"off" \| "on" \| undefined` | `undefined` |
47
+ | `_disabled` | `_disabled` | Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt. | `boolean \| undefined` | `undefined` |
48
+ | `_error` | `_error` | Gibt den Text für eine Fehlermeldung an. | `string \| undefined` | `undefined` |
49
+ | `_hideLabel` | `_hide-label` | Versteckt das sichtbare Label des Elements. | `boolean \| undefined` | `undefined` |
50
+ | `_hint` | `_hint` | Gibt den Hinweistext an. | `string \| undefined` | `''` |
51
+ | `_icon` | `_icon` | Ermöglicht das Anzeigen von Icons links und/oder rechts am Rand des Eingabefeldes. | `string \| undefined \| { right?: IconOrIconClass \| undefined; left?: IconOrIconClass \| undefined; }` | `undefined` |
52
+ | `_id` | `_id` | Gibt die technische ID des Eingabefeldes an. | `string \| undefined` | `undefined` |
53
+ | `_maxLength` | `_max-length` | Gibt an, wie viele Zeichen man maximal eingeben kann. | `number \| undefined` | `undefined` |
54
+ | `_name` | `_name` | Gibt den technischen Namen des Eingabefeldes an. | `string \| undefined` | `undefined` |
55
+ | `_on` | -- | Gibt die EventCallback-Funktionen für das Input-Event an. | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus \| undefined` | `undefined` |
56
+ | `_pattern` | `_pattern` | Gibt ein Prüfpattern für das Eingabefeld an. | `string \| undefined` | `undefined` |
57
+ | `_placeholder` | `_placeholder` | Gibt den Platzhalter des Eingabefeldes an, wenn es leer ist. | `string \| undefined` | `undefined` |
58
+ | `_readOnly` | `_read-only` | Setzt das Eingabefeld in den schreibgeschützten Modus. | `boolean \| undefined` | `undefined` |
59
+ | `_required` | `_required` | Macht das Eingabeelement zu einem Pflichtfeld. | `boolean \| undefined` | `undefined` |
60
+ | `_size` | `_size` | Setzt die Breite des Eingabefeldes in Buchstabenbreiten. | `number \| undefined` | `undefined` |
61
+ | `_smartButton` | -- | Ermöglicht eine Schaltfläche ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (ohne label). | `undefined \| { _label: string; } & { _ariaControls?: string \| undefined; _ariaLabel?: string \| undefined; _icon?: Stringified<KoliBriIconProp> \| undefined; _iconAlign?: Alignment \| undefined; _iconOnly?: boolean \| undefined; _role?: AlternativButtonLinkRole \| undefined; _tabIndex?: number \| undefined; _tooltipAlign?: Alignment \| undefined; _ariaCurrent?: AriaCurrent \| undefined; _ariaExpanded?: boolean \| undefined; _ariaSelected?: boolean \| undefined; _disabled?: boolean \| undefined; _accessKey?: string \| undefined; _id?: string \| undefined; _on?: KoliBriButtonCallbacks<unknown> \| undefined; _type?: KoliBriButtonType \| undefined; _value?: unknown; _variant?: KoliBriButtonVariant \| undefined; _customClass?: string \| undefined; }` | `undefined` |
62
+ | `_tabIndex` | `_tab-index` | Gibt an, welchen Tab-Index dieses Input hat. | `number \| undefined` | `undefined` |
63
+ | `_touched` | `_touched` | Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde. | `boolean \| undefined` | `false` |
64
+ | `_value` | `_value` | Gibt den Wert des Eingabefeldes an. | `string \| undefined` | `undefined` |
65
65
 
66
66
 
67
67
  ## Dependencies
package/doc/input-text.md CHANGED
@@ -43,31 +43,31 @@ Der Input-Typ **Text** erzeugt ein Eingabefeld für normalen Text, Suchbegriffe,
43
43
 
44
44
  ## Properties
45
45
 
46
- | Property | Attribute | Description | Type | Default |
47
- | --------------- | ---------------- | -------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
48
- | `_accessKey` | `_access-key` | Gibt an, mit welcher Tastenkombination man das Input auslösen oder fokussieren kann. | `string \| undefined` | `undefined` |
49
- | `_alert` | `_alert` | Gibt an, ob die Fehlermeldung vorgelesen werden soll, wenn es eine gibt. | `boolean \| undefined` | `true` |
50
- | `_autoComplete` | `_auto-complete` | Gibt an, ob das Eingabefeld autovervollständigt werden kann. | `"off" \| "on" \| undefined` | `undefined` |
51
- | `_disabled` | `_disabled` | Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt. | `boolean \| undefined` | `undefined` |
52
- | `_error` | `_error` | Gibt den Text für eine Fehlermeldung an. | `string \| undefined` | `undefined` |
53
- | `_hideLabel` | `_hide-label` | Versteckt das sichtbare Label des Elements. | `boolean \| undefined` | `undefined` |
54
- | `_hint` | `_hint` | Gibt den Hinweistext an. | `string \| undefined` | `''` |
55
- | `_icon` | `_icon` | Ermöglicht das Anzeigen von Icons links und/oder rechts am Rand des Eingabefeldes. | `string \| undefined \| { right?: IconOrIconClass \| undefined; left?: IconOrIconClass \| undefined; }` | `undefined` |
56
- | `_id` | `_id` | Gibt die technische ID des Eingabefeldes an. | `string \| undefined` | `undefined` |
57
- | `_list` | `_list` | Gibt die Liste der Vorschlagswörter an. | `string \| string[] \| undefined` | `undefined` |
58
- | `_maxLength` | `_max-length` | Gibt an, wie viele Zeichen man maximal eingeben kann. | `number \| undefined` | `undefined` |
59
- | `_name` | `_name` | Gibt den technischen Namen des Eingabefeldes an. | `string \| undefined` | `undefined` |
60
- | `_on` | -- | Gibt die EventCallback-Funktionen für das Input-Event an. | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus \| undefined` | `undefined` |
61
- | `_pattern` | `_pattern` | Gibt ein Prüfmuster für das Eingabefeld an. | `string \| undefined` | `undefined` |
62
- | `_placeholder` | `_placeholder` | Gibt den Platzhalter des Eingabefeldes an, wenn es leer ist. | `string \| undefined` | `undefined` |
63
- | `_readOnly` | `_read-only` | Setzt das Eingabefeld in den schreibgeschützten Modus. | `boolean \| undefined` | `undefined` |
64
- | `_required` | `_required` | Macht das Eingabeelement zu einem Pflichtfeld. | `boolean \| undefined` | `undefined` |
65
- | `_size` | `_size` | Setzt die Breite des Eingabefeldes in Buchstabenbreiten. | `number \| undefined` | `undefined` |
66
- | `_smartButton` | -- | Ermöglicht eine Schaltfläche ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (ohne label). | `undefined \| { _label: string; } & { _ariaControls?: string \| undefined; _ariaLabel?: string \| undefined; _icon?: Stringified<KoliBriIconProp> \| undefined; _iconAlign?: PropAlignment \| undefined; _iconOnly?: boolean \| undefined; _role?: AlternativButtonLinkRole \| undefined; _tabIndex?: number \| undefined; _tooltipAlign?: PropAlignment \| undefined; _ariaCurrent?: AriaCurrent \| undefined; _ariaExpanded?: boolean \| undefined; _ariaSelected?: boolean \| undefined; _disabled?: boolean \| undefined; _accessKey?: string \| undefined; _id?: string \| undefined; _on?: KoliBriButtonCallbacks<unknown> \| undefined; _type?: KoliBriButtonType \| undefined; _value?: unknown; _variant?: KoliBriButtonVariant \| undefined; _customClass?: string \| undefined; }` | `undefined` |
67
- | `_tabIndex` | `_tab-index` | Gibt an, welchen Tab-Index dieses Input hat. | `number \| undefined` | `undefined` |
68
- | `_touched` | `_touched` | Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde. | `boolean \| undefined` | `false` |
69
- | `_type` | `_type` | Gibt an, ob es ein Text-, Suche-, URL- oder Telefon-Eingabefeld ist. | `"search" \| "tel" \| "text" \| "url" \| undefined` | `'text'` |
70
- | `_value` | `_value` | Gibt den Wert des Eingabefeldes an. | `string \| undefined` | `undefined` |
46
+ | Property | Attribute | Description | Type | Default |
47
+ | --------------- | ---------------- | -------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
48
+ | `_accessKey` | `_access-key` | Gibt an, mit welcher Tastenkombination man das Input auslösen oder fokussieren kann. | `string \| undefined` | `undefined` |
49
+ | `_alert` | `_alert` | Gibt an, ob die Fehlermeldung vorgelesen werden soll, wenn es eine gibt. | `boolean \| undefined` | `true` |
50
+ | `_autoComplete` | `_auto-complete` | Gibt an, ob das Eingabefeld autovervollständigt werden kann. | `"off" \| "on" \| undefined` | `undefined` |
51
+ | `_disabled` | `_disabled` | Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt. | `boolean \| undefined` | `undefined` |
52
+ | `_error` | `_error` | Gibt den Text für eine Fehlermeldung an. | `string \| undefined` | `undefined` |
53
+ | `_hideLabel` | `_hide-label` | Versteckt das sichtbare Label des Elements. | `boolean \| undefined` | `undefined` |
54
+ | `_hint` | `_hint` | Gibt den Hinweistext an. | `string \| undefined` | `''` |
55
+ | `_icon` | `_icon` | Ermöglicht das Anzeigen von Icons links und/oder rechts am Rand des Eingabefeldes. | `string \| undefined \| { right?: IconOrIconClass \| undefined; left?: IconOrIconClass \| undefined; }` | `undefined` |
56
+ | `_id` | `_id` | Gibt die technische ID des Eingabefeldes an. | `string \| undefined` | `undefined` |
57
+ | `_list` | `_list` | Gibt die Liste der Vorschlagswörter an. | `string \| string[] \| undefined` | `undefined` |
58
+ | `_maxLength` | `_max-length` | Gibt an, wie viele Zeichen man maximal eingeben kann. | `number \| undefined` | `undefined` |
59
+ | `_name` | `_name` | Gibt den technischen Namen des Eingabefeldes an. | `string \| undefined` | `undefined` |
60
+ | `_on` | -- | Gibt die EventCallback-Funktionen für das Input-Event an. | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus \| undefined` | `undefined` |
61
+ | `_pattern` | `_pattern` | Gibt ein Prüfmuster für das Eingabefeld an. | `string \| undefined` | `undefined` |
62
+ | `_placeholder` | `_placeholder` | Gibt den Platzhalter des Eingabefeldes an, wenn es leer ist. | `string \| undefined` | `undefined` |
63
+ | `_readOnly` | `_read-only` | Setzt das Eingabefeld in den schreibgeschützten Modus. | `boolean \| undefined` | `undefined` |
64
+ | `_required` | `_required` | Macht das Eingabeelement zu einem Pflichtfeld. | `boolean \| undefined` | `undefined` |
65
+ | `_size` | `_size` | Setzt die Breite des Eingabefeldes in Buchstabenbreiten. | `number \| undefined` | `undefined` |
66
+ | `_smartButton` | -- | Ermöglicht eine Schaltfläche ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (ohne label). | `undefined \| { _label: string; } & { _ariaControls?: string \| undefined; _ariaLabel?: string \| undefined; _icon?: Stringified<KoliBriIconProp> \| undefined; _iconAlign?: Alignment \| undefined; _iconOnly?: boolean \| undefined; _role?: AlternativButtonLinkRole \| undefined; _tabIndex?: number \| undefined; _tooltipAlign?: Alignment \| undefined; _ariaCurrent?: AriaCurrent \| undefined; _ariaExpanded?: boolean \| undefined; _ariaSelected?: boolean \| undefined; _disabled?: boolean \| undefined; _accessKey?: string \| undefined; _id?: string \| undefined; _on?: KoliBriButtonCallbacks<unknown> \| undefined; _type?: KoliBriButtonType \| undefined; _value?: unknown; _variant?: KoliBriButtonVariant \| undefined; _customClass?: string \| undefined; }` | `undefined` |
67
+ | `_tabIndex` | `_tab-index` | Gibt an, welchen Tab-Index dieses Input hat. | `number \| undefined` | `undefined` |
68
+ | `_touched` | `_touched` | Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde. | `boolean \| undefined` | `false` |
69
+ | `_type` | `_type` | Gibt an, ob es ein Text-, Suche-, URL- oder Telefon-Eingabefeld ist. | `"search" \| "tel" \| "text" \| "url" \| undefined` | `'text'` |
70
+ | `_value` | `_value` | Gibt den Wert des Eingabefeldes an. | `string \| undefined` | `undefined` |
71
71
 
72
72
 
73
73
  ## Dependencies
package/doc/kolibri.md CHANGED
@@ -1,6 +1,6 @@
1
- # KoliBri-Logo
1
+ # Logo
2
2
 
3
- Diese Komponente implementiert das KoliBri-Logo.
3
+ Diese Komponente implementiert das Logo von KoliBri.
4
4
 
5
5
  ## Konstruktion
6
6
 
package/doc/popover.md ADDED
@@ -0,0 +1,19 @@
1
+ # Popover
2
+
3
+ Die **Popover**-Komponente stellt eine Möglichkeit dar zusätzliche Inhalte in ein temporäres Element zu setzen, das, ähnlich wie <kol-link _href="" _label="Tooltip"></kol-link>, um sein Triggerelement angeordnet ist.
4
+ Das Triggerelement ist immer das im HTML vorangehende Element (previousSibling).
5
+
6
+ <!-- Auto Generated Below -->
7
+
8
+
9
+ ## Properties
10
+
11
+ | Property | Attribute | Description | Type | Default |
12
+ | ------------ | ------------ | ------------------------------------------------------------------ | ----------------------------------------------------- | ------- |
13
+ | `_alignment` | `_alignment` | Setzt die Ausrichtung des Popovers in Relation zum Triggerelement. | `"bottom" \| "left" \| "right" \| "top" \| undefined` | `'top'` |
14
+ | `_open` | `_open` | Öffnet/schließt das Popover. | `boolean \| undefined` | `false` |
15
+
16
+
17
+ ----------------------------------------------
18
+
19
+
package/doc/table.md CHANGED
@@ -122,13 +122,13 @@ Warum die Tabelle einen **Tabindex** hat, wird auf der folgenden Webseite beschr
122
122
 
123
123
  ## Properties
124
124
 
125
- | Property | Attribute | Description | Type | Default |
126
- | ----------------------- | ------------- | ----------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
127
- | `_caption` _(required)_ | `_caption` | Gibt den Titel oder eine Legende mit Erklärungen zur Tabelle an. | `string` | `undefined` |
128
- | `_data` _(required)_ | `_data` | Gibt die Daten an, die für die Erstellung der Tabelle verwendet werden. | `KoliBriDataType[] \| string` | `undefined` |
129
- | `_headers` _(required)_ | `_headers` | Gibt die horizontalen und vertikalen Header für die Tabelle an. | `string \| { horizontal?: KoliBriTableHeaderCell[][] \| undefined; vertical?: KoliBriTableHeaderCell[][] \| undefined; }` | `undefined` |
130
- | `_minWidth` | `_min-width` | Gibt an, die minimale Breite der Tabelle an. | `string \| undefined` | `undefined` |
131
- | `_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?: PropAlignment \| undefined; }` | `undefined` |
125
+ | Property | Attribute | Description | Type | Default |
126
+ | ----------------------- | ------------- | ----------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
127
+ | `_caption` _(required)_ | `_caption` | Gibt den Titel oder eine Legende mit Erklärungen zur Tabelle an. | `string` | `undefined` |
128
+ | `_data` _(required)_ | `_data` | Gibt die Daten an, die für die Erstellung der Tabelle verwendet werden. | `KoliBriDataType[] \| string` | `undefined` |
129
+ | `_headers` _(required)_ | `_headers` | Gibt die horizontalen und vertikalen Header für die Tabelle an. | `string \| { horizontal?: KoliBriTableHeaderCell[][] \| undefined; vertical?: KoliBriTableHeaderCell[][] \| undefined; }` | `undefined` |
130
+ | `_minWidth` | `_min-width` | Gibt an, die minimale Breite der Tabelle an. | `string \| undefined` | `undefined` |
131
+ | `_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` |
132
132
 
133
133
 
134
134
  ## Dependencies