@public-ui/components 1.6.0-rc.10 → 1.6.0-rc.12

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 (239) hide show
  1. package/custom-elements.json +85 -1
  2. package/dist/cjs/{controller-c3dbd7c8.js → controller-20c47dac.js} +1 -1
  3. package/dist/cjs/{controller-c3dbd7c8.js.map → controller-20c47dac.js.map} +1 -1
  4. package/dist/cjs/{controller-318123f0.js → controller-6aabbf41.js} +1 -1
  5. package/dist/cjs/{controller-318123f0.js.map → controller-6aabbf41.js.map} +1 -1
  6. package/dist/cjs/{controller-aff1063a.js → controller-9a10b30b.js} +1 -1
  7. package/dist/cjs/{controller-aff1063a.js.map → controller-9a10b30b.js.map} +1 -1
  8. package/dist/cjs/{controller-6d3e3486.js → controller-d513b916.js} +1 -1
  9. package/dist/cjs/{controller-6d3e3486.js.map → controller-d513b916.js.map} +1 -1
  10. package/dist/cjs/{controller-icon-d20f7f1b.js → controller-icon-d2ec9da9.js} +1 -1
  11. package/dist/cjs/{controller-icon-d20f7f1b.js.map → controller-icon-d2ec9da9.js.map} +1 -1
  12. package/dist/cjs/kol-badge.cjs.entry.js +1 -1
  13. package/dist/cjs/kol-breadcrumb.cjs.entry.js +1 -1
  14. package/dist/cjs/kol-button-wc_2.cjs.entry.js +1 -1
  15. package/dist/cjs/kol-button-wc_2.cjs.entry.js.map +1 -1
  16. package/dist/cjs/kol-icon.cjs.entry.js +1 -1
  17. package/dist/cjs/kol-input-checkbox.cjs.entry.js +1 -1
  18. package/dist/cjs/kol-input-checkbox.cjs.entry.js.map +1 -1
  19. package/dist/cjs/kol-input-color.cjs.entry.js +1 -1
  20. package/dist/cjs/kol-input-color.cjs.entry.js.map +1 -1
  21. package/dist/cjs/kol-input-date.cjs.entry.js +1 -1
  22. package/dist/cjs/kol-input-date.cjs.entry.js.map +1 -1
  23. package/dist/cjs/kol-input-email.cjs.entry.js +1 -1
  24. package/dist/cjs/kol-input-email.cjs.entry.js.map +1 -1
  25. package/dist/cjs/kol-input-file.cjs.entry.js +1 -1
  26. package/dist/cjs/kol-input-file.cjs.entry.js.map +1 -1
  27. package/dist/cjs/kol-input-number.cjs.entry.js +1 -1
  28. package/dist/cjs/kol-input-number.cjs.entry.js.map +1 -1
  29. package/dist/cjs/kol-input-password.cjs.entry.js +1 -1
  30. package/dist/cjs/kol-input-password.cjs.entry.js.map +1 -1
  31. package/dist/cjs/kol-input-radio.cjs.entry.js +1 -1
  32. package/dist/cjs/kol-input-radio.cjs.entry.js.map +1 -1
  33. package/dist/cjs/kol-input-range.cjs.entry.js +1 -1
  34. package/dist/cjs/kol-input-range.cjs.entry.js.map +1 -1
  35. package/dist/cjs/kol-input-text.cjs.entry.js +1 -1
  36. package/dist/cjs/kol-input-text.cjs.entry.js.map +1 -1
  37. package/dist/cjs/kol-link-group.cjs.entry.js +1 -1
  38. package/dist/cjs/kol-link-wc.cjs.entry.js +1 -1
  39. package/dist/cjs/kol-link-wc.cjs.entry.js.map +1 -1
  40. package/dist/cjs/kol-modal.cjs.entry.js +1 -1
  41. package/dist/cjs/kol-nav.cjs.entry.js +1 -1
  42. package/dist/cjs/kol-progress.cjs.entry.js +1 -1
  43. package/dist/cjs/kol-select.cjs.entry.js +1 -1
  44. package/dist/cjs/kol-select.cjs.entry.js.map +1 -1
  45. package/dist/cjs/kol-skip-nav.cjs.entry.js +1 -1
  46. package/dist/cjs/kol-span-wc.cjs.entry.js +1 -1
  47. package/dist/cjs/kol-split-button.cjs.entry.js +1 -1
  48. package/dist/cjs/kol-symbol.cjs.entry.js +1 -1
  49. package/dist/cjs/kol-tabs.cjs.entry.js +1 -1
  50. package/dist/cjs/kol-textarea.cjs.entry.js +1 -1
  51. package/dist/cjs/kol-textarea.cjs.entry.js.map +1 -1
  52. package/dist/cjs/kol-tooltip.cjs.entry.js +1 -1
  53. package/dist/cjs/kol-tooltip.cjs.entry.js.map +1 -1
  54. package/dist/cjs/kol-version.cjs.entry.js +1 -1
  55. package/dist/cjs/kolibri.cjs.js +1 -1
  56. package/dist/cjs/{label-62d191b9.js → label-5738ac71.js} +1 -1
  57. package/dist/cjs/label-5738ac71.js.map +1 -0
  58. package/dist/cjs/loader.cjs.js +1 -1
  59. package/dist/components/component.js.map +1 -1
  60. package/dist/components/component13.js +1 -1
  61. package/dist/components/component13.js.map +1 -1
  62. package/dist/components/component15.js +1 -1
  63. package/dist/components/component15.js.map +1 -1
  64. package/dist/components/component5.js +1 -1
  65. package/dist/components/component5.js.map +1 -1
  66. package/dist/components/component8.js +1 -1
  67. package/dist/components/component8.js.map +1 -1
  68. package/dist/components/kol-input-checkbox.js +1 -1
  69. package/dist/components/kol-input-checkbox.js.map +1 -1
  70. package/dist/components/kol-input-color.js +1 -1
  71. package/dist/components/kol-input-color.js.map +1 -1
  72. package/dist/components/kol-input-date.js +1 -1
  73. package/dist/components/kol-input-date.js.map +1 -1
  74. package/dist/components/kol-input-email.js +1 -1
  75. package/dist/components/kol-input-email.js.map +1 -1
  76. package/dist/components/kol-input-file.js +1 -1
  77. package/dist/components/kol-input-file.js.map +1 -1
  78. package/dist/components/kol-input-number.js +1 -1
  79. package/dist/components/kol-input-number.js.map +1 -1
  80. package/dist/components/kol-input-password.js +1 -1
  81. package/dist/components/kol-input-password.js.map +1 -1
  82. package/dist/components/kol-input-range.js +1 -1
  83. package/dist/components/kol-input-range.js.map +1 -1
  84. package/dist/components/kol-input-text.js +1 -1
  85. package/dist/components/kol-input-text.js.map +1 -1
  86. package/dist/components/kol-textarea.js +1 -1
  87. package/dist/components/kol-textarea.js.map +1 -1
  88. package/dist/components/label.js +1 -1
  89. package/dist/components/label.js.map +1 -1
  90. package/dist/esm/{controller-1ef374de.js → controller-0a60db6b.js} +1 -1
  91. package/dist/esm/{controller-1ef374de.js.map → controller-0a60db6b.js.map} +1 -1
  92. package/dist/esm/{controller-7726af85.js → controller-3b1a37ac.js} +1 -1
  93. package/dist/esm/{controller-7726af85.js.map → controller-3b1a37ac.js.map} +1 -1
  94. package/dist/esm/{controller-01bbe05c.js → controller-d9fb3dc1.js} +1 -1
  95. package/dist/esm/{controller-01bbe05c.js.map → controller-d9fb3dc1.js.map} +1 -1
  96. package/dist/esm/{controller-3950f463.js → controller-ff99125c.js} +1 -1
  97. package/dist/esm/{controller-3950f463.js.map → controller-ff99125c.js.map} +1 -1
  98. package/dist/esm/{controller-icon-d403e7d6.js → controller-icon-ba3c5351.js} +1 -1
  99. package/dist/esm/{controller-icon-d403e7d6.js.map → controller-icon-ba3c5351.js.map} +1 -1
  100. package/dist/esm/kol-badge.entry.js +1 -1
  101. package/dist/esm/kol-breadcrumb.entry.js +1 -1
  102. package/dist/esm/kol-button-wc_2.entry.js +1 -1
  103. package/dist/esm/kol-button-wc_2.entry.js.map +1 -1
  104. package/dist/esm/kol-icon.entry.js +1 -1
  105. package/dist/esm/kol-input-checkbox.entry.js +1 -1
  106. package/dist/esm/kol-input-checkbox.entry.js.map +1 -1
  107. package/dist/esm/kol-input-color.entry.js +1 -1
  108. package/dist/esm/kol-input-color.entry.js.map +1 -1
  109. package/dist/esm/kol-input-date.entry.js +1 -1
  110. package/dist/esm/kol-input-date.entry.js.map +1 -1
  111. package/dist/esm/kol-input-email.entry.js +1 -1
  112. package/dist/esm/kol-input-email.entry.js.map +1 -1
  113. package/dist/esm/kol-input-file.entry.js +1 -1
  114. package/dist/esm/kol-input-file.entry.js.map +1 -1
  115. package/dist/esm/kol-input-number.entry.js +1 -1
  116. package/dist/esm/kol-input-number.entry.js.map +1 -1
  117. package/dist/esm/kol-input-password.entry.js +1 -1
  118. package/dist/esm/kol-input-password.entry.js.map +1 -1
  119. package/dist/esm/kol-input-radio.entry.js +1 -1
  120. package/dist/esm/kol-input-radio.entry.js.map +1 -1
  121. package/dist/esm/kol-input-range.entry.js +1 -1
  122. package/dist/esm/kol-input-range.entry.js.map +1 -1
  123. package/dist/esm/kol-input-text.entry.js +1 -1
  124. package/dist/esm/kol-input-text.entry.js.map +1 -1
  125. package/dist/esm/kol-link-group.entry.js +1 -1
  126. package/dist/esm/kol-link-wc.entry.js +1 -1
  127. package/dist/esm/kol-link-wc.entry.js.map +1 -1
  128. package/dist/esm/kol-modal.entry.js +1 -1
  129. package/dist/esm/kol-nav.entry.js +1 -1
  130. package/dist/esm/kol-progress.entry.js +1 -1
  131. package/dist/esm/kol-select.entry.js +1 -1
  132. package/dist/esm/kol-select.entry.js.map +1 -1
  133. package/dist/esm/kol-skip-nav.entry.js +1 -1
  134. package/dist/esm/kol-span-wc.entry.js +1 -1
  135. package/dist/esm/kol-split-button.entry.js +1 -1
  136. package/dist/esm/kol-symbol.entry.js +1 -1
  137. package/dist/esm/kol-tabs.entry.js +1 -1
  138. package/dist/esm/kol-textarea.entry.js +1 -1
  139. package/dist/esm/kol-textarea.entry.js.map +1 -1
  140. package/dist/esm/kol-tooltip.entry.js +1 -1
  141. package/dist/esm/kol-tooltip.entry.js.map +1 -1
  142. package/dist/esm/kol-version.entry.js +1 -1
  143. package/dist/esm/kolibri.js +1 -1
  144. package/dist/esm/{label-2a601017.js → label-bd9566f6.js} +1 -1
  145. package/dist/esm/label-bd9566f6.js.map +1 -0
  146. package/dist/esm/loader.js +1 -1
  147. package/dist/kolibri/{controller-1ef374de.js → controller-0a60db6b.js} +1 -1
  148. package/dist/kolibri/{controller-7726af85.js → controller-3b1a37ac.js} +1 -1
  149. package/dist/kolibri/{controller-01bbe05c.js → controller-d9fb3dc1.js} +1 -1
  150. package/dist/kolibri/{controller-3950f463.js → controller-ff99125c.js} +1 -1
  151. package/dist/kolibri/{controller-icon-d403e7d6.js → controller-icon-ba3c5351.js} +1 -1
  152. package/dist/kolibri/kol-badge.entry.js +1 -1
  153. package/dist/kolibri/kol-breadcrumb.entry.js +1 -1
  154. package/dist/kolibri/kol-button-wc_2.entry.js +1 -1
  155. package/dist/kolibri/kol-button-wc_2.entry.js.map +1 -1
  156. package/dist/kolibri/kol-icon.entry.js +1 -1
  157. package/dist/kolibri/kol-input-checkbox.entry.js +1 -1
  158. package/dist/kolibri/kol-input-checkbox.entry.js.map +1 -1
  159. package/dist/kolibri/kol-input-color.entry.js +1 -1
  160. package/dist/kolibri/kol-input-color.entry.js.map +1 -1
  161. package/dist/kolibri/kol-input-date.entry.js +1 -1
  162. package/dist/kolibri/kol-input-date.entry.js.map +1 -1
  163. package/dist/kolibri/kol-input-email.entry.js +1 -1
  164. package/dist/kolibri/kol-input-email.entry.js.map +1 -1
  165. package/dist/kolibri/kol-input-file.entry.js +1 -1
  166. package/dist/kolibri/kol-input-file.entry.js.map +1 -1
  167. package/dist/kolibri/kol-input-number.entry.js +1 -1
  168. package/dist/kolibri/kol-input-number.entry.js.map +1 -1
  169. package/dist/kolibri/kol-input-password.entry.js +1 -1
  170. package/dist/kolibri/kol-input-password.entry.js.map +1 -1
  171. package/dist/kolibri/kol-input-radio.entry.js +1 -1
  172. package/dist/kolibri/kol-input-radio.entry.js.map +1 -1
  173. package/dist/kolibri/kol-input-range.entry.js +1 -1
  174. package/dist/kolibri/kol-input-range.entry.js.map +1 -1
  175. package/dist/kolibri/kol-input-text.entry.js +1 -1
  176. package/dist/kolibri/kol-input-text.entry.js.map +1 -1
  177. package/dist/kolibri/kol-link-group.entry.js +1 -1
  178. package/dist/kolibri/kol-link-wc.entry.js +1 -1
  179. package/dist/kolibri/kol-link-wc.entry.js.map +1 -1
  180. package/dist/kolibri/kol-modal.entry.js +1 -1
  181. package/dist/kolibri/kol-nav.entry.js +1 -1
  182. package/dist/kolibri/kol-progress.entry.js +1 -1
  183. package/dist/kolibri/kol-select.entry.js +1 -1
  184. package/dist/kolibri/kol-select.entry.js.map +1 -1
  185. package/dist/kolibri/kol-skip-nav.entry.js +1 -1
  186. package/dist/kolibri/kol-span-wc.entry.js +1 -1
  187. package/dist/kolibri/kol-split-button.entry.js +1 -1
  188. package/dist/kolibri/kol-symbol.entry.js +1 -1
  189. package/dist/kolibri/kol-tabs.entry.js +1 -1
  190. package/dist/kolibri/kol-textarea.entry.js +1 -1
  191. package/dist/kolibri/kol-textarea.entry.js.map +1 -1
  192. package/dist/kolibri/kol-tooltip.entry.js +1 -1
  193. package/dist/kolibri/kol-tooltip.entry.js.map +1 -1
  194. package/dist/kolibri/kol-version.entry.js +1 -1
  195. package/dist/kolibri/kolibri.esm.js +1 -1
  196. package/dist/kolibri/kolibri.esm.js.map +1 -1
  197. package/dist/kolibri/label-bd9566f6.js +4 -0
  198. package/dist/kolibri/{label-2a601017.js.map → label-bd9566f6.js.map} +1 -1
  199. package/dist/types/components/input-checkbox/component.d.ts +2 -0
  200. package/dist/types/components/input-color/component.d.ts +2 -0
  201. package/dist/types/components/input-date/component.d.ts +2 -0
  202. package/dist/types/components/input-email/component.d.ts +2 -0
  203. package/dist/types/components/input-file/component.d.ts +2 -0
  204. package/dist/types/components/input-number/component.d.ts +2 -0
  205. package/dist/types/components/input-password/component.d.ts +2 -0
  206. package/dist/types/components/input-radio/component.d.ts +2 -0
  207. package/dist/types/components/input-range/component.d.ts +2 -0
  208. package/dist/types/components/input-text/component.d.ts +2 -0
  209. package/dist/types/components/select/component.d.ts +2 -0
  210. package/dist/types/components/textarea/component.d.ts +2 -0
  211. package/dist/types/components.d.ts +96 -0
  212. package/doc/input-checkbox.md +3 -0
  213. package/doc/input-color.md +3 -0
  214. package/doc/input-date.md +3 -0
  215. package/doc/input-email.md +3 -0
  216. package/doc/input-file.md +23 -20
  217. package/doc/input-number.md +3 -0
  218. package/doc/input-password.md +3 -0
  219. package/doc/input-radio-group.md +1 -0
  220. package/doc/input-radio.md +21 -18
  221. package/doc/input-range.md +3 -0
  222. package/doc/input-text.md +3 -0
  223. package/doc/modal.md +1 -1
  224. package/doc/pagination.md +1 -0
  225. package/doc/select.md +24 -21
  226. package/doc/table.md +1 -0
  227. package/doc/textarea.md +3 -0
  228. package/doc/tooltip.md +24 -0
  229. package/jest-test-results.json +1 -1
  230. package/package.json +1 -1
  231. package/vscode-custom-data.json +216 -0
  232. package/dist/cjs/label-62d191b9.js.map +0 -1
  233. package/dist/esm/label-2a601017.js.map +0 -1
  234. package/dist/kolibri/label-2a601017.js +0 -4
  235. /package/dist/kolibri/{controller-1ef374de.js.map → controller-0a60db6b.js.map} +0 -0
  236. /package/dist/kolibri/{controller-7726af85.js.map → controller-3b1a37ac.js.map} +0 -0
  237. /package/dist/kolibri/{controller-01bbe05c.js.map → controller-d9fb3dc1.js.map} +0 -0
  238. /package/dist/kolibri/{controller-3950f463.js.map → controller-ff99125c.js.map} +0 -0
  239. /package/dist/kolibri/{controller-icon-d403e7d6.js.map → controller-icon-ba3c5351.js.map} +0 -0
package/doc/input-radio.md CHANGED
@@ -83,24 +83,25 @@ Dem EventHandler werden zwei Parameter übergeben, das ursprüngliche Event und
83
83
 
84
84
  ## Properties
85
85
 
86
- | Property | Attribute | Description | Type | Default |
87
- | --------------------- | -------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------- | ------------ |
88
- | `_accessKey` | `_access-key` | Gibt an, mit welcher Tastenkombination man das interaktive Element der Komponente auslösen oder fokussieren kann. | `string` \| `undefined` | `undefined` |
89
- | `_alert` | `_alert` | Gibt an, ob der Screenreader die Meldung aktiv vorlesen soll. | `boolean` \| `undefined` | `true` |
90
- | `_disabled` | `_disabled` | Deaktiviert das interaktive Element in der Komponente und erlaubt keine Interaktion mehr damit. | `boolean` \| `undefined` | `undefined` |
91
- | `_error` | `_error` | Gibt den Text für eine Fehlermeldung an. | `string` \| `undefined` | `undefined` |
92
- | `_hideLabel` | `_hide-label` | Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an. | `boolean` \| `undefined` | `undefined` |
93
- | `_hint` | `_hint` | Gibt den Hinweistext an. | `string` \| `undefined` | `''` |
94
- | `_id` | `_id` | Gibt die interne ID des primären Elements in der Komponente an. | `string` \| `undefined` | `undefined` |
95
- | `_label` _(required)_ | `_label` | Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.). | `boolean` \| `string` | `undefined` |
96
- | `_list` _(required)_ | `_list` | Gibt die Liste der Optionen für das Eingabefeld an. | `Option<W3CInputValue>[]` \| `string` | `undefined` |
97
- | `_name` | `_name` | Gibt den technischen Namen des Eingabefeldes an. | `string` \| `undefined` | `undefined` |
98
- | `_on` | -- | Gibt die EventCallback-Funktionen für das Input-Event an. | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus` \| `undefined` | `undefined` |
99
- | `_orientation` | `_orientation` | Gibt die horizontale oder vertikale Ausrichtung der Komponente an. | `"horizontal"` \| `"vertical"` \| `undefined` | `'vertical'` |
100
- | `_required` | `_required` | Macht das Eingabeelement zu einem Pflichtfeld. | `boolean` \| `undefined` | `undefined` |
101
- | `_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` |
102
- | `_touched` | `_touched` | Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde. | `boolean` \| `undefined` | `false` |
103
- | `_value` | `_value` | Gibt den Wert der Radio an. (Known Bug: https://github.com/ionic-team/stencil/issues/3902) | `number` \| `string` \| `undefined` | `undefined` |
86
+ | Property | Attribute | Description | Type | Default |
87
+ | --------------------- | ---------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------- | ------------ |
88
+ | `_accessKey` | `_access-key` | Gibt an, mit welcher Tastenkombination man das interaktive Element der Komponente auslösen oder fokussieren kann. | `string` \| `undefined` | `undefined` |
89
+ | `_alert` | `_alert` | Gibt an, ob der Screenreader die Meldung aktiv vorlesen soll. | `boolean` \| `undefined` | `true` |
90
+ | `_disabled` | `_disabled` | Deaktiviert das interaktive Element in der Komponente und erlaubt keine Interaktion mehr damit. | `boolean` \| `undefined` | `undefined` |
91
+ | `_error` | `_error` | Gibt den Text für eine Fehlermeldung an. | `string` \| `undefined` | `undefined` |
92
+ | `_hideLabel` | `_hide-label` | Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an. | `boolean` \| `undefined` | `undefined` |
93
+ | `_hint` | `_hint` | Gibt den Hinweistext an. | `string` \| `undefined` | `''` |
94
+ | `_id` | `_id` | Gibt die interne ID des primären Elements in der Komponente an. | `string` \| `undefined` | `undefined` |
95
+ | `_label` _(required)_ | `_label` | Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.). | `boolean` \| `string` | `undefined` |
96
+ | `_list` _(required)_ | `_list` | Gibt die Liste der Optionen für das Eingabefeld an. | `Option<W3CInputValue>[]` \| `string` | `undefined` |
97
+ | `_name` | `_name` | Gibt den technischen Namen des Eingabefeldes an. | `string` \| `undefined` | `undefined` |
98
+ | `_on` | -- | Gibt die EventCallback-Funktionen für das Input-Event an. | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus` \| `undefined` | `undefined` |
99
+ | `_orientation` | `_orientation` | Gibt die horizontale oder vertikale Ausrichtung der Komponente an. | `"horizontal"` \| `"vertical"` \| `undefined` | `'vertical'` |
100
+ | `_required` | `_required` | Macht das Eingabeelement zu einem Pflichtfeld. | `boolean` \| `undefined` | `undefined` |
101
+ | `_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` |
102
+ | `_tooltipAlign` | `_tooltip-align` | Gibt an, ob der Tooltip bevorzugt entweder oben, rechts, unten oder links angezeigt werden soll. | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined` | `'top'` |
103
+ | `_touched` | `_touched` | Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde. | `boolean` \| `undefined` | `false` |
104
+ | `_value` | `_value` | Gibt den Wert der Radio an. (Known Bug: https://github.com/ionic-team/stencil/issues/3902) | `number` \| `string` \| `undefined` | `undefined` |
104
105
 
105
106
 
106
107
  ## Slots
@@ -119,12 +120,14 @@ Dem EventHandler werden zwei Parameter übergeben, das ursprüngliche Event und
119
120
  ### Depends on
120
121
 
121
122
  - kol-input
123
+ - [kol-tooltip](../tooltip)
122
124
  - [kol-alert](../alert)
123
125
 
124
126
  ### Graph
125
127
  ```mermaid
126
128
  graph TD;
127
129
  kol-input-radio --> kol-input
130
+ kol-input-radio --> kol-tooltip
128
131
  kol-input-radio --> kol-alert
129
132
  kol-input --> kol-icon
130
133
  kol-input --> kol-button-wc
package/doc/input-range.md CHANGED
@@ -66,6 +66,7 @@ Der Input-Typ **Range** erzeugt ein interaktives Element, mit dem Werte durch Ve
66
66
  | `_on` | -- | Gibt die EventCallback-Funktionen für das Input-Event an. | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus` \| `undefined` | `undefined` |
67
67
  | `_step` | `_step` | Gibt die Schrittweite der Wertveränderung an. | `number` \| `undefined` | `undefined` |
68
68
  | `_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` |
69
+ | `_tooltipAlign` | `_tooltip-align` | Gibt an, ob der Tooltip bevorzugt entweder oben, rechts, unten oder links angezeigt werden soll. | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined` | `'top'` |
69
70
  | `_touched` | `_touched` | Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde. | `boolean` \| `undefined` | `false` |
70
71
  | `_value` | `_value` | Gibt den Wert des Eingabefeldes an. | `number` \| `undefined` | `undefined` |
71
72
 
@@ -82,11 +83,13 @@ Der Input-Typ **Range** erzeugt ein interaktives Element, mit dem Werte durch Ve
82
83
  ### Depends on
83
84
 
84
85
  - kol-input
86
+ - [kol-tooltip](../tooltip)
85
87
 
86
88
  ### Graph
87
89
  ```mermaid
88
90
  graph TD;
89
91
  kol-input-range --> kol-input
92
+ kol-input-range --> kol-tooltip
90
93
  kol-input --> kol-icon
91
94
  kol-input --> kol-button-wc
92
95
  kol-input --> kol-alert
package/doc/input-text.md CHANGED
@@ -81,6 +81,7 @@ Der Input-Typ **Text** erzeugt ein Eingabefeld für normalen Text, Suchbegriffe,
81
81
  | `_size` | `_size` | Setzt die Breite des Eingabefeldes in Buchstabenbreiten. | `number` \| `undefined` | `undefined` |
82
82
  | `_smartButton` | -- | Ermöglicht eine Schaltfläche ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (ohne label). | `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` |
83
83
  | `_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` |
84
+ | `_tooltipAlign` | `_tooltip-align` | Gibt an, ob der Tooltip bevorzugt entweder oben, rechts, unten oder links angezeigt werden soll. | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined` | `'top'` |
84
85
  | `_touched` | `_touched` | Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde. | `boolean` \| `undefined` | `false` |
85
86
  | `_type` | `_type` | Setzt den Typ der Komponente oder des interaktiven Elements in der Komponente an. | `"search"` \| `"tel"` \| `"text"` \| `"url"` \| `undefined` | `'text'` |
86
87
  | `_value` | `_value` | Gibt den Wert des Eingabefeldes an. | `string` \| `undefined` | `undefined` |
@@ -98,11 +99,13 @@ Der Input-Typ **Text** erzeugt ein Eingabefeld für normalen Text, Suchbegriffe,
98
99
  ### Depends on
99
100
 
100
101
  - kol-input
102
+ - [kol-tooltip](../tooltip)
101
103
 
102
104
  ### Graph
103
105
  ```mermaid
104
106
  graph TD;
105
107
  kol-input-text --> kol-input
108
+ kol-input-text --> kol-tooltip
106
109
  kol-input --> kol-icon
107
110
  kol-input --> kol-button-wc
108
111
  kol-input --> kol-alert
package/doc/modal.md CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Vielen Dank, dass Sie diese Komponente zur Umsetzung eines Modals verwenden wollen. Inzwischen ist das native `<dialog>` Element sehr gut unterstützt ([caniuse](https://caniuse.com/?search=dialog)), 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.
4
4
 
5
- ## Verwendung von `<dialog>`
5
+ ## Verwendung von `dialog`-Tag
6
6
 
7
7
  Die Dokumentation des `<dialog>` finden Sie [hier(MDN)](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog).
8
8
  Das **Dialog**-Element kann wie jedes andere HTML-Tag verwendet werden, alle Elemente innerhalb werden wie gewohnt dargestellt.
package/doc/pagination.md CHANGED
@@ -89,6 +89,7 @@ graph TD;
89
89
  kol-span-wc --> kol-icon
90
90
  kol-tooltip --> kol-span-wc
91
91
  kol-select --> kol-input
92
+ kol-select --> kol-tooltip
92
93
  kol-input --> kol-icon
93
94
  kol-input --> kol-button-wc
94
95
  kol-input --> kol-alert
package/doc/select.md CHANGED
@@ -90,27 +90,28 @@ import { xxx..., xxx..., FormatHandler, } from '@leanup/form';
90
90
 
91
91
  ## Properties
92
92
 
93
- | Property | Attribute | Description | Type | Default |
94
- | --------------------- | ------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------- | ----------- |
95
- | `_accessKey` | `_access-key` | Gibt an, mit welcher Tastenkombination man das interaktive Element der Komponente auslösen oder fokussieren kann. | `string` \| `undefined` | `undefined` |
96
- | `_alert` | `_alert` | Gibt an, ob der Screenreader die Meldung aktiv vorlesen soll. | `boolean` \| `undefined` | `true` |
97
- | `_disabled` | `_disabled` | Deaktiviert das interaktive Element in der Komponente und erlaubt keine Interaktion mehr damit. | `boolean` \| `undefined` | `undefined` |
98
- | `_error` | `_error` | Gibt den Text für eine Fehlermeldung an. | `string` \| `undefined` | `undefined` |
99
- | `_height` | `_height` | <span class="text-red-500">**[DEPRECATED]**</span> Use _size instead.<br/><br/>Gibt an, ob eine individuelle Höhe übergeben werden soll. | `string` \| `undefined` | `undefined` |
100
- | `_hideLabel` | `_hide-label` | Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an. | `boolean` \| `undefined` | `undefined` |
101
- | `_hint` | `_hint` | Gibt den Hinweistext an. | `string` \| `undefined` | `''` |
102
- | `_icon` | `_icon` | Setzt die Iconklasse (z.B.: `_icon="codicon codicon-home`). | `string` \| `undefined` \| `{ right?: IconOrIconClass` \| `undefined; left?: IconOrIconClass` \| `undefined; }` | `undefined` |
103
- | `_id` | `_id` | Gibt die interne ID des primären Elements in der Komponente an. | `string` \| `undefined` | `undefined` |
104
- | `_label` _(required)_ | `_label` | Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.). | `boolean` \| `string` | `undefined` |
105
- | `_list` _(required)_ | `_list` | Gibt den technischen Namen des Eingabefeldes an. | `SelectOption<W3CInputValue>[]` \| `string` | `undefined` |
106
- | `_multiple` | `_multiple` | Gibt an, ob mehrere Werte eingegeben werden können. | `boolean` \| `undefined` | `false` |
107
- | `_name` | `_name` | Gibt den technischen Namen des Eingabefeldes an. | `string` \| `undefined` | `undefined` |
108
- | `_on` | -- | Gibt die EventCallback-Funktionen für das Input-Event an. | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus` \| `undefined` | `undefined` |
109
- | `_required` | `_required` | Macht das Eingabeelementzu einem Pflichtfeld. | `boolean` \| `undefined` | `undefined` |
110
- | `_size` | `_size` | Wechselt das Eingabeelement in den Auswahlfeld modus und setzt die Höhe des Feldes. | `number` \| `undefined` | `undefined` |
111
- | `_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` |
112
- | `_touched` | `_touched` | Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde. | `boolean` \| `undefined` | `false` |
113
- | `_value` | `_value` | Gibt den Wert des Eingabefeldes an. | `W3CInputValue[]` \| `string` \| `undefined` | `undefined` |
93
+ | Property | Attribute | Description | Type | Default |
94
+ | --------------------- | ---------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------- | ----------- |
95
+ | `_accessKey` | `_access-key` | Gibt an, mit welcher Tastenkombination man das interaktive Element der Komponente auslösen oder fokussieren kann. | `string` \| `undefined` | `undefined` |
96
+ | `_alert` | `_alert` | Gibt an, ob der Screenreader die Meldung aktiv vorlesen soll. | `boolean` \| `undefined` | `true` |
97
+ | `_disabled` | `_disabled` | Deaktiviert das interaktive Element in der Komponente und erlaubt keine Interaktion mehr damit. | `boolean` \| `undefined` | `undefined` |
98
+ | `_error` | `_error` | Gibt den Text für eine Fehlermeldung an. | `string` \| `undefined` | `undefined` |
99
+ | `_height` | `_height` | <span class="text-red-500">**[DEPRECATED]**</span> Use _size instead.<br/><br/>Gibt an, ob eine individuelle Höhe übergeben werden soll. | `string` \| `undefined` | `undefined` |
100
+ | `_hideLabel` | `_hide-label` | Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an. | `boolean` \| `undefined` | `undefined` |
101
+ | `_hint` | `_hint` | Gibt den Hinweistext an. | `string` \| `undefined` | `''` |
102
+ | `_icon` | `_icon` | Setzt die Iconklasse (z.B.: `_icon="codicon codicon-home`). | `string` \| `undefined` \| `{ right?: IconOrIconClass` \| `undefined; left?: IconOrIconClass` \| `undefined; }` | `undefined` |
103
+ | `_id` | `_id` | Gibt die interne ID des primären Elements in der Komponente an. | `string` \| `undefined` | `undefined` |
104
+ | `_label` _(required)_ | `_label` | Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.). | `boolean` \| `string` | `undefined` |
105
+ | `_list` _(required)_ | `_list` | Gibt den technischen Namen des Eingabefeldes an. | `SelectOption<W3CInputValue>[]` \| `string` | `undefined` |
106
+ | `_multiple` | `_multiple` | Gibt an, ob mehrere Werte eingegeben werden können. | `boolean` \| `undefined` | `false` |
107
+ | `_name` | `_name` | Gibt den technischen Namen des Eingabefeldes an. | `string` \| `undefined` | `undefined` |
108
+ | `_on` | -- | Gibt die EventCallback-Funktionen für das Input-Event an. | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus` \| `undefined` | `undefined` |
109
+ | `_required` | `_required` | Macht das Eingabeelementzu einem Pflichtfeld. | `boolean` \| `undefined` | `undefined` |
110
+ | `_size` | `_size` | Wechselt das Eingabeelement in den Auswahlfeld modus und setzt die Höhe des Feldes. | `number` \| `undefined` | `undefined` |
111
+ | `_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` |
112
+ | `_tooltipAlign` | `_tooltip-align` | Gibt an, ob der Tooltip bevorzugt entweder oben, rechts, unten oder links angezeigt werden soll. | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined` | `'top'` |
113
+ | `_touched` | `_touched` | Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde. | `boolean` \| `undefined` | `false` |
114
+ | `_value` | `_value` | Gibt den Wert des Eingabefeldes an. | `W3CInputValue[]` \| `string` \| `undefined` | `undefined` |
114
115
 
115
116
 
116
117
  ## Slots
@@ -129,11 +130,13 @@ import { xxx..., xxx..., FormatHandler, } from '@leanup/form';
129
130
  ### Depends on
130
131
 
131
132
  - kol-input
133
+ - [kol-tooltip](../tooltip)
132
134
 
133
135
  ### Graph
134
136
  ```mermaid
135
137
  graph TD;
136
138
  kol-select --> kol-input
139
+ kol-select --> kol-tooltip
137
140
  kol-input --> kol-icon
138
141
  kol-input --> kol-button-wc
139
142
  kol-input --> kol-alert
package/doc/table.md CHANGED
@@ -153,6 +153,7 @@ graph TD;
153
153
  kol-pagination --> kol-select
154
154
  kol-pagination --> kol-button-wc
155
155
  kol-select --> kol-input
156
+ kol-select --> kol-tooltip
156
157
  kol-input --> kol-icon
157
158
  kol-input --> kol-button-wc
158
159
  kol-input --> kol-alert
package/doc/textarea.md CHANGED
@@ -74,6 +74,7 @@ Mit Hilfe des Attributs **`_rows`** kann die Höhe der Textarea in Zeilen bestim
74
74
  | `_resize` | `_resize` | Gibt an, ob die Größe des Eingabefeldes von Nutzer:innen geändert werden kann. (https://developer.mozilla.org/de/docs/Web/CSS/resize) | `"both"` \| `"horizontal"` \| `"none"` \| `"vertical"` \| `undefined` | `'vertical'` |
75
75
  | `_rows` | `_rows` | Gibt die Anzahl der anzuzeigenden Zeilen des Eingabefeldes an. | `number` \| `undefined` | `undefined` |
76
76
  | `_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` |
77
+ | `_tooltipAlign` | `_tooltip-align` | Gibt an, ob der Tooltip bevorzugt entweder oben, rechts, unten oder links angezeigt werden soll. | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined` | `'top'` |
77
78
  | `_touched` | `_touched` | Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde. | `boolean` \| `undefined` | `false` |
78
79
  | `_value` | `_value` | Gibt den Wert des Eingabefeldes an. | `string` \| `undefined` | `undefined` |
79
80
 
@@ -90,11 +91,13 @@ Mit Hilfe des Attributs **`_rows`** kann die Höhe der Textarea in Zeilen bestim
90
91
  ### Depends on
91
92
 
92
93
  - kol-input
94
+ - [kol-tooltip](../tooltip)
93
95
 
94
96
  ### Graph
95
97
  ```mermaid
96
98
  graph TD;
97
99
  kol-textarea --> kol-input
100
+ kol-textarea --> kol-tooltip
98
101
  kol-input --> kol-icon
99
102
  kol-input --> kol-button-wc
100
103
  kol-input --> kol-alert
package/doc/tooltip.md CHANGED
@@ -38,7 +38,19 @@ Aus Sicht des Barrierefreiheitstests können Tooltips ignoriert werden, solange
38
38
 
39
39
  - [kol-abbr](../abbr)
40
40
  - kol-button-wc
41
+ - [kol-input-checkbox](../input-checkbox)
42
+ - [kol-input-color](../input-color)
43
+ - [kol-input-date](../input-date)
44
+ - [kol-input-email](../input-email)
45
+ - [kol-input-file](../input-file)
46
+ - [kol-input-number](../input-number)
47
+ - [kol-input-password](../input-password)
48
+ - [kol-input-radio](../input-radio)
49
+ - [kol-input-range](../input-range)
50
+ - [kol-input-text](../input-text)
41
51
  - kol-link-wc
52
+ - [kol-select](../select)
53
+ - [kol-textarea](../textarea)
42
54
 
43
55
  ### Depends on
44
56
 
@@ -51,7 +63,19 @@ graph TD;
51
63
  kol-span-wc --> kol-icon
52
64
  kol-abbr --> kol-tooltip
53
65
  kol-button-wc --> kol-tooltip
66
+ kol-input-checkbox --> kol-tooltip
67
+ kol-input-color --> kol-tooltip
68
+ kol-input-date --> kol-tooltip
69
+ kol-input-email --> kol-tooltip
70
+ kol-input-file --> kol-tooltip
71
+ kol-input-number --> kol-tooltip
72
+ kol-input-password --> kol-tooltip
73
+ kol-input-radio --> kol-tooltip
74
+ kol-input-range --> kol-tooltip
75
+ kol-input-text --> kol-tooltip
54
76
  kol-link-wc --> kol-tooltip
77
+ kol-select --> kol-tooltip
78
+ kol-textarea --> kol-tooltip
55
79
  style kol-tooltip fill:#f9f,stroke:#333,stroke-width:4px
56
80
  ```
57
81