@public-ui/components 1.6.0-rc.17 → 1.6.0-rc.19

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 (780) hide show
  1. package/custom-elements.json +170 -42
  2. package/dist/cjs/a11y.tipps-1c1ea73b.js +4 -0
  3. package/dist/cjs/a11y.tipps-1c1ea73b.js.map +1 -0
  4. package/dist/cjs/align-03448301.js +4 -0
  5. package/dist/cjs/align-03448301.js.map +1 -0
  6. package/dist/cjs/{app-globals-e83ee8b5.js → app-globals-e6eb5911.js} +1 -1
  7. package/dist/cjs/{app-globals-e83ee8b5.js.map → app-globals-e6eb5911.js.map} +1 -1
  8. package/dist/cjs/aria-current-033a6e0f.js +4 -0
  9. package/dist/cjs/aria-current-033a6e0f.js.map +1 -0
  10. package/dist/cjs/aria-selected-0d0d52a7.js +4 -0
  11. package/dist/cjs/aria-selected-0d0d52a7.js.map +1 -0
  12. package/dist/cjs/{button-link-67bac64d.js → button-link-72b41f5a.js} +1 -1
  13. package/dist/cjs/button-link-72b41f5a.js.map +1 -0
  14. package/dist/cjs/{color-7b544771.js → color-8c2ae19a.js} +1 -1
  15. package/dist/cjs/{color-7b544771.js.map → color-8c2ae19a.js.map} +1 -1
  16. package/dist/cjs/{controller-4eb098e8.js → controller-79eb2e58.js} +1 -1
  17. package/dist/cjs/{controller-4eb098e8.js.map → controller-79eb2e58.js.map} +1 -1
  18. package/dist/cjs/{controller-a297b03f.js → controller-92759c6b.js} +1 -1
  19. package/dist/cjs/{controller-a297b03f.js.map → controller-92759c6b.js.map} +1 -1
  20. package/dist/cjs/controller-a1231b94.js +4 -0
  21. package/dist/cjs/controller-a1231b94.js.map +1 -0
  22. package/dist/cjs/controller-c3faafa2.js +4 -0
  23. package/dist/cjs/controller-c3faafa2.js.map +1 -0
  24. package/dist/cjs/{controller-0ff72c39.js → controller-ebc696ca.js} +1 -1
  25. package/dist/cjs/{controller-0ff72c39.js.map → controller-ebc696ca.js.map} +1 -1
  26. package/dist/cjs/controller-f8071b2a.js +4 -0
  27. package/dist/cjs/controller-f8071b2a.js.map +1 -0
  28. package/dist/cjs/{controller-icon-9fc9f068.js → controller-icon-5568bee6.js} +1 -1
  29. package/dist/cjs/{controller-icon-9fc9f068.js.map → controller-icon-5568bee6.js.map} +1 -1
  30. package/dist/cjs/dev.utils-443e04be.js +4 -0
  31. package/dist/cjs/dev.utils-443e04be.js.map +1 -0
  32. package/dist/cjs/{devtools-2e72dd9c.js → devtools-fa5c911c.js} +1 -1
  33. package/dist/cjs/{devtools-2e72dd9c.js.map → devtools-fa5c911c.js.map} +1 -1
  34. package/dist/cjs/{disabled-33542b02.js → disabled-52fed01c.js} +1 -1
  35. package/dist/cjs/{disabled-33542b02.js.map → disabled-52fed01c.js.map} +1 -1
  36. package/dist/cjs/has-closer-c1a52ec2.js +4 -0
  37. package/dist/cjs/{has-closer-c629ee07.js.map → has-closer-c1a52ec2.js.map} +1 -1
  38. package/dist/cjs/hide-label-ec601d02.js +4 -0
  39. package/dist/cjs/hide-label-ec601d02.js.map +1 -0
  40. package/dist/cjs/i18n-d4de282e.js +4 -0
  41. package/dist/cjs/i18n-d4de282e.js.map +1 -0
  42. package/dist/cjs/{icon-4c258aaa.js → icon-8e3e7353.js} +1 -1
  43. package/dist/cjs/{icon-4c258aaa.js.map → icon-8e3e7353.js.map} +1 -1
  44. package/dist/cjs/image-source-cc6a3955.js +4 -0
  45. package/dist/cjs/{image-source-fe76fa4f.js.map → image-source-cc6a3955.js.map} +1 -1
  46. package/dist/cjs/index-b63c6785.js.map +1 -1
  47. package/dist/cjs/index.cjs.js +1 -1
  48. package/dist/cjs/kol-abbr.cjs.entry.js +1 -1
  49. package/dist/cjs/kol-abbr.cjs.entry.js.map +1 -1
  50. package/dist/cjs/kol-accordion.cjs.entry.js +1 -1
  51. package/dist/cjs/kol-accordion.cjs.entry.js.map +1 -1
  52. package/dist/cjs/kol-alert-wc_2.cjs.entry.js +1 -1
  53. package/dist/cjs/kol-alert-wc_2.cjs.entry.js.map +1 -1
  54. package/dist/cjs/kol-alert.cjs.entry.js +1 -1
  55. package/dist/cjs/kol-alert.cjs.entry.js.map +1 -1
  56. package/dist/cjs/kol-avatar-wc.cjs.entry.js +1 -1
  57. package/dist/cjs/kol-badge.cjs.entry.js +1 -1
  58. package/dist/cjs/kol-breadcrumb.cjs.entry.js +1 -1
  59. package/dist/cjs/kol-button-link-text-switch.cjs.entry.js +1 -1
  60. package/dist/cjs/kol-button-link-text-switch.cjs.entry.js.map +1 -1
  61. package/dist/cjs/kol-button-link.cjs.entry.js.map +1 -1
  62. package/dist/cjs/kol-button-wc_2.cjs.entry.js +1 -1
  63. package/dist/cjs/kol-button-wc_2.cjs.entry.js.map +1 -1
  64. package/dist/cjs/kol-button.cjs.entry.js.map +1 -1
  65. package/dist/cjs/kol-card.cjs.entry.js +1 -1
  66. package/dist/cjs/kol-card.cjs.entry.js.map +1 -1
  67. package/dist/cjs/kol-details.cjs.entry.js +1 -1
  68. package/dist/cjs/kol-details.cjs.entry.js.map +1 -1
  69. package/dist/cjs/kol-form.cjs.entry.js +1 -1
  70. package/dist/cjs/kol-icon.cjs.entry.js +1 -1
  71. package/dist/cjs/kol-image.cjs.entry.js +1 -1
  72. package/dist/cjs/kol-input-adapter-leanup.cjs.entry.js +1 -1
  73. package/dist/cjs/kol-input-adapter-leanup.cjs.entry.js.map +1 -1
  74. package/dist/cjs/kol-input-checkbox.cjs.entry.js +1 -1
  75. package/dist/cjs/kol-input-color.cjs.entry.js +1 -1
  76. package/dist/cjs/kol-input-color.cjs.entry.js.map +1 -1
  77. package/dist/cjs/kol-input-date.cjs.entry.js +1 -1
  78. package/dist/cjs/kol-input-date.cjs.entry.js.map +1 -1
  79. package/dist/cjs/kol-input-email.cjs.entry.js +1 -1
  80. package/dist/cjs/kol-input-email.cjs.entry.js.map +1 -1
  81. package/dist/cjs/kol-input-file.cjs.entry.js +1 -1
  82. package/dist/cjs/kol-input-file.cjs.entry.js.map +1 -1
  83. package/dist/cjs/kol-input-number.cjs.entry.js +1 -1
  84. package/dist/cjs/kol-input-number.cjs.entry.js.map +1 -1
  85. package/dist/cjs/kol-input-password.cjs.entry.js +1 -1
  86. package/dist/cjs/kol-input-password.cjs.entry.js.map +1 -1
  87. package/dist/cjs/kol-input-radio-group.cjs.entry.js +1 -1
  88. package/dist/cjs/kol-input-radio.cjs.entry.js +1 -1
  89. package/dist/cjs/kol-input-radio.cjs.entry.js.map +1 -1
  90. package/dist/cjs/kol-input-range.cjs.entry.js +1 -1
  91. package/dist/cjs/kol-input-range.cjs.entry.js.map +1 -1
  92. package/dist/cjs/kol-input-text.cjs.entry.js +1 -1
  93. package/dist/cjs/kol-input-text.cjs.entry.js.map +1 -1
  94. package/dist/cjs/kol-kolibri.cjs.entry.js +1 -1
  95. package/dist/cjs/kol-link-button.cjs.entry.js +1 -1
  96. package/dist/cjs/kol-link-button.cjs.entry.js.map +1 -1
  97. package/dist/cjs/kol-link-group.cjs.entry.js +1 -1
  98. package/dist/cjs/kol-link-wc.cjs.entry.js +1 -1
  99. package/dist/cjs/kol-link-wc.cjs.entry.js.map +1 -1
  100. package/dist/cjs/kol-link.cjs.entry.js +1 -1
  101. package/dist/cjs/kol-link.cjs.entry.js.map +1 -1
  102. package/dist/cjs/kol-logo.cjs.entry.js +1 -1
  103. package/dist/cjs/kol-modal.cjs.entry.js +1 -1
  104. package/dist/cjs/kol-modal.cjs.entry.js.map +1 -1
  105. package/dist/cjs/kol-nav.cjs.entry.js +1 -1
  106. package/dist/cjs/kol-nav.cjs.entry.js.map +1 -1
  107. package/dist/cjs/kol-pagination.cjs.entry.js +1 -1
  108. package/dist/cjs/kol-popover.cjs.entry.js +1 -1
  109. package/dist/cjs/kol-popover.cjs.entry.js.map +1 -1
  110. package/dist/cjs/kol-progress.cjs.entry.js +1 -1
  111. package/dist/cjs/kol-quote.cjs.entry.js +1 -1
  112. package/dist/cjs/kol-quote.cjs.entry.js.map +1 -1
  113. package/dist/cjs/kol-select.cjs.entry.js +1 -1
  114. package/dist/cjs/kol-select.cjs.entry.js.map +1 -1
  115. package/dist/cjs/kol-skip-nav.cjs.entry.js +1 -1
  116. package/dist/cjs/kol-skip-nav.cjs.entry.js.map +1 -1
  117. package/dist/cjs/kol-span-wc.cjs.entry.js +1 -1
  118. package/dist/cjs/kol-spin.cjs.entry.js +1 -1
  119. package/dist/cjs/kol-split-button.cjs.entry.js +1 -1
  120. package/dist/cjs/kol-split-button.cjs.entry.js.map +1 -1
  121. package/dist/cjs/kol-symbol.cjs.entry.js +1 -1
  122. package/dist/cjs/kol-table.cjs.entry.js +1 -1
  123. package/dist/cjs/kol-table.cjs.entry.js.map +1 -1
  124. package/dist/cjs/kol-tabs.cjs.entry.js +1 -1
  125. package/dist/cjs/kol-tabs.cjs.entry.js.map +1 -1
  126. package/dist/cjs/kol-textarea.cjs.entry.js +1 -1
  127. package/dist/cjs/kol-textarea.cjs.entry.js.map +1 -1
  128. package/dist/cjs/kol-toast.cjs.entry.js +1 -1
  129. package/dist/cjs/kol-toast.cjs.entry.js.map +1 -1
  130. package/dist/cjs/kol-tooltip.cjs.entry.js +1 -1
  131. package/dist/cjs/kol-version.cjs.entry.js +1 -1
  132. package/dist/cjs/kolibri.cjs.js +1 -1
  133. package/dist/cjs/kolibri.cjs.js.map +1 -1
  134. package/dist/cjs/{label-9a5c5fc9.js → label-ec3c6d04.js} +1 -1
  135. package/dist/cjs/{label-9a5c5fc9.js.map → label-ec3c6d04.js.map} +1 -1
  136. package/dist/cjs/loader.cjs.js +1 -1
  137. package/dist/cjs/loader.cjs.js.map +1 -1
  138. package/dist/cjs/prop.validators-46b7cd12.js +4 -0
  139. package/dist/cjs/prop.validators-46b7cd12.js.map +1 -0
  140. package/dist/cjs/rows-f5639de0.js +4 -0
  141. package/dist/cjs/rows-f5639de0.js.map +1 -0
  142. package/dist/cjs/show-b2776f4a.js +4 -0
  143. package/dist/cjs/{show-462d32c3.js.map → show-b2776f4a.js.map} +1 -1
  144. package/dist/cjs/suggestions-35e5f96a.js +4 -0
  145. package/dist/cjs/suggestions-35e5f96a.js.map +1 -0
  146. package/dist/cjs/{tab-index-a60b02ac.js → tab-index-4e911056.js} +1 -1
  147. package/dist/cjs/{tab-index-a60b02ac.js.map → tab-index-4e911056.js.map} +1 -1
  148. package/dist/cjs/{validation-18c0235d.js → validation-6f741829.js} +1 -1
  149. package/dist/cjs/{validation-18c0235d.js.map → validation-6f741829.js.map} +1 -1
  150. package/dist/cjs/{validation-3e23c523.js → validation-8a69b96f.js} +1 -1
  151. package/dist/cjs/{validation-3e23c523.js.map → validation-8a69b96f.js.map} +1 -1
  152. package/dist/components/align.js +4 -0
  153. package/dist/components/align.js.map +1 -0
  154. package/dist/components/aria-selected.js +1 -1
  155. package/dist/components/aria-selected.js.map +1 -1
  156. package/dist/components/color.js +1 -1
  157. package/dist/components/component.js +1 -1
  158. package/dist/components/component.js.map +1 -1
  159. package/dist/components/component11.js +1 -1
  160. package/dist/components/component11.js.map +1 -1
  161. package/dist/components/component13.js +1 -1
  162. package/dist/components/component13.js.map +1 -1
  163. package/dist/components/component14.js +1 -1
  164. package/dist/components/component14.js.map +1 -1
  165. package/dist/components/component15.js +1 -1
  166. package/dist/components/component16.js +1 -1
  167. package/dist/components/component16.js.map +1 -1
  168. package/dist/components/component2.js +1 -1
  169. package/dist/components/component3.js +1 -1
  170. package/dist/components/component3.js.map +1 -1
  171. package/dist/components/component4.js +1 -1
  172. package/dist/components/component5.js +1 -1
  173. package/dist/components/component5.js.map +1 -1
  174. package/dist/components/component6.js +1 -1
  175. package/dist/components/component6.js.map +1 -1
  176. package/dist/components/component8.js +1 -1
  177. package/dist/components/component9.js +1 -1
  178. package/dist/components/component9.js.map +1 -1
  179. package/dist/components/controller-icon.js +1 -1
  180. package/dist/components/controller.js +1 -1
  181. package/dist/components/controller.js.map +1 -1
  182. package/dist/components/controller2.js +1 -1
  183. package/dist/components/controller2.js.map +1 -1
  184. package/dist/components/controller3.js +1 -1
  185. package/dist/components/controller3.js.map +1 -1
  186. package/dist/components/controller4.js +1 -1
  187. package/dist/components/devtools.js +1 -1
  188. package/dist/components/i18n.js +1 -1
  189. package/dist/components/i18n.js.map +1 -1
  190. package/dist/components/kol-abbr.js +1 -1
  191. package/dist/components/kol-abbr.js.map +1 -1
  192. package/dist/components/kol-accordion.js +1 -1
  193. package/dist/components/kol-accordion.js.map +1 -1
  194. package/dist/components/kol-button-link.js.map +1 -1
  195. package/dist/components/kol-card.js +1 -1
  196. package/dist/components/kol-card.js.map +1 -1
  197. package/dist/components/kol-details.js +1 -1
  198. package/dist/components/kol-details.js.map +1 -1
  199. package/dist/components/kol-form.js +1 -1
  200. package/dist/components/kol-input-adapter-leanup.js +1 -1
  201. package/dist/components/kol-input-adapter-leanup.js.map +1 -1
  202. package/dist/components/kol-input-checkbox.js +1 -1
  203. package/dist/components/kol-input-color.js +1 -1
  204. package/dist/components/kol-input-color.js.map +1 -1
  205. package/dist/components/kol-input-date.js +1 -1
  206. package/dist/components/kol-input-date.js.map +1 -1
  207. package/dist/components/kol-input-email.js +1 -1
  208. package/dist/components/kol-input-email.js.map +1 -1
  209. package/dist/components/kol-input-file.js +1 -1
  210. package/dist/components/kol-input-file.js.map +1 -1
  211. package/dist/components/kol-input-number.js +1 -1
  212. package/dist/components/kol-input-number.js.map +1 -1
  213. package/dist/components/kol-input-password.js +1 -1
  214. package/dist/components/kol-input-password.js.map +1 -1
  215. package/dist/components/kol-input-radio-group.js +1 -1
  216. package/dist/components/kol-input-range.js +1 -1
  217. package/dist/components/kol-input-range.js.map +1 -1
  218. package/dist/components/kol-input-text.js +1 -1
  219. package/dist/components/kol-input-text.js.map +1 -1
  220. package/dist/components/kol-kolibri.js +1 -1
  221. package/dist/components/kol-link-button.js +1 -1
  222. package/dist/components/kol-link-button.js.map +1 -1
  223. package/dist/components/kol-link-group.js +1 -1
  224. package/dist/components/kol-modal.js +1 -1
  225. package/dist/components/kol-modal.js.map +1 -1
  226. package/dist/components/kol-nav.js +1 -1
  227. package/dist/components/kol-nav.js.map +1 -1
  228. package/dist/components/kol-popover.js +1 -1
  229. package/dist/components/kol-popover.js.map +1 -1
  230. package/dist/components/kol-progress.js +1 -1
  231. package/dist/components/kol-quote.js +1 -1
  232. package/dist/components/kol-quote.js.map +1 -1
  233. package/dist/components/kol-skip-nav.js.map +1 -1
  234. package/dist/components/kol-spin.js +1 -1
  235. package/dist/components/kol-split-button.js +1 -1
  236. package/dist/components/kol-split-button.js.map +1 -1
  237. package/dist/components/kol-symbol.js +1 -1
  238. package/dist/components/kol-table.js +1 -1
  239. package/dist/components/kol-table.js.map +1 -1
  240. package/dist/components/kol-tabs.js +1 -1
  241. package/dist/components/kol-tabs.js.map +1 -1
  242. package/dist/components/kol-textarea.js +1 -1
  243. package/dist/components/kol-textarea.js.map +1 -1
  244. package/dist/components/kol-toast.js +1 -1
  245. package/dist/components/kol-toast.js.map +1 -1
  246. package/dist/components/label.js +1 -1
  247. package/dist/components/prop.validators.js +1 -1
  248. package/dist/components/prop.validators.js.map +1 -1
  249. package/dist/components/rows.js +4 -0
  250. package/dist/components/rows.js.map +1 -0
  251. package/dist/components/shadow.js +1 -1
  252. package/dist/components/shadow.js.map +1 -1
  253. package/dist/components/shadow2.js +1 -1
  254. package/dist/components/shadow3.js +1 -1
  255. package/dist/components/shadow3.js.map +1 -1
  256. package/dist/components/shadow4.js.map +1 -1
  257. package/dist/components/show.js +1 -1
  258. package/dist/components/suggestions.js +4 -0
  259. package/dist/components/suggestions.js.map +1 -0
  260. package/dist/components/tab-index.js +1 -1
  261. package/dist/components/tab-index.js.map +1 -1
  262. package/dist/esm/a11y.tipps-d701911f.js +4 -0
  263. package/dist/esm/a11y.tipps-d701911f.js.map +1 -0
  264. package/dist/esm/align-73a9215b.js +4 -0
  265. package/dist/esm/align-73a9215b.js.map +1 -0
  266. package/dist/esm/app-globals-dc76be42.js +4 -0
  267. package/dist/esm/{app-globals-e49e1503.js.map → app-globals-dc76be42.js.map} +1 -1
  268. package/dist/esm/aria-current-4f445f1b.js +4 -0
  269. package/dist/esm/aria-current-4f445f1b.js.map +1 -0
  270. package/dist/esm/aria-selected-f9f37b8a.js +4 -0
  271. package/dist/esm/aria-selected-f9f37b8a.js.map +1 -0
  272. package/dist/esm/{button-link-e7a5fabf.js → button-link-cdd0cf5d.js} +1 -1
  273. package/dist/esm/button-link-cdd0cf5d.js.map +1 -0
  274. package/dist/esm/{color-b194e076.js → color-e86f3e1a.js} +1 -1
  275. package/dist/esm/{color-b194e076.js.map → color-e86f3e1a.js.map} +1 -1
  276. package/dist/esm/controller-3591f4ce.js +4 -0
  277. package/dist/esm/controller-3591f4ce.js.map +1 -0
  278. package/dist/esm/controller-73e603d0.js +4 -0
  279. package/dist/esm/controller-73e603d0.js.map +1 -0
  280. package/dist/esm/controller-88c3c0e3.js +4 -0
  281. package/dist/esm/controller-88c3c0e3.js.map +1 -0
  282. package/dist/esm/{controller-d9c05ca2.js → controller-dcbc36ee.js} +1 -1
  283. package/dist/esm/{controller-d9c05ca2.js.map → controller-dcbc36ee.js.map} +1 -1
  284. package/dist/esm/{controller-cbd99b24.js → controller-e72e2e76.js} +1 -1
  285. package/dist/esm/{controller-cbd99b24.js.map → controller-e72e2e76.js.map} +1 -1
  286. package/dist/esm/{controller-5940f710.js → controller-f62e9f3a.js} +1 -1
  287. package/dist/esm/{controller-5940f710.js.map → controller-f62e9f3a.js.map} +1 -1
  288. package/dist/esm/{controller-icon-5a04613b.js → controller-icon-2591b7eb.js} +1 -1
  289. package/dist/esm/{controller-icon-5a04613b.js.map → controller-icon-2591b7eb.js.map} +1 -1
  290. package/dist/esm/dev.utils-d53ab83f.js +4 -0
  291. package/dist/esm/dev.utils-d53ab83f.js.map +1 -0
  292. package/dist/esm/{devtools-3b34fa30.js → devtools-afd1f946.js} +1 -1
  293. package/dist/esm/{devtools-3b34fa30.js.map → devtools-afd1f946.js.map} +1 -1
  294. package/dist/esm/{disabled-614216e9.js → disabled-707aaac5.js} +1 -1
  295. package/dist/esm/{disabled-614216e9.js.map → disabled-707aaac5.js.map} +1 -1
  296. package/dist/esm/{has-closer-4415fbda.js → has-closer-021264e3.js} +1 -1
  297. package/dist/esm/{has-closer-4415fbda.js.map → has-closer-021264e3.js.map} +1 -1
  298. package/dist/esm/{hide-label-53a9f681.js → hide-label-4ca7feba.js} +1 -1
  299. package/dist/esm/hide-label-4ca7feba.js.map +1 -0
  300. package/dist/esm/i18n-7ff844fe.js +4 -0
  301. package/dist/esm/i18n-7ff844fe.js.map +1 -0
  302. package/dist/esm/{icon-ae60c121.js → icon-2102545a.js} +1 -1
  303. package/dist/esm/{icon-ae60c121.js.map → icon-2102545a.js.map} +1 -1
  304. package/dist/esm/{image-source-a6d9c13f.js → image-source-8a03ef69.js} +1 -1
  305. package/dist/esm/{image-source-a6d9c13f.js.map → image-source-8a03ef69.js.map} +1 -1
  306. package/dist/esm/index-2c046ff1.js.map +1 -1
  307. package/dist/esm/index.js +1 -1
  308. package/dist/esm/kol-abbr.entry.js +1 -1
  309. package/dist/esm/kol-abbr.entry.js.map +1 -1
  310. package/dist/esm/kol-accordion.entry.js +1 -1
  311. package/dist/esm/kol-accordion.entry.js.map +1 -1
  312. package/dist/esm/kol-alert-wc_2.entry.js +1 -1
  313. package/dist/esm/kol-alert-wc_2.entry.js.map +1 -1
  314. package/dist/esm/kol-alert.entry.js +1 -1
  315. package/dist/esm/kol-alert.entry.js.map +1 -1
  316. package/dist/esm/kol-avatar-wc.entry.js +1 -1
  317. package/dist/esm/kol-badge.entry.js +1 -1
  318. package/dist/esm/kol-breadcrumb.entry.js +1 -1
  319. package/dist/esm/kol-button-link-text-switch.entry.js +1 -1
  320. package/dist/esm/kol-button-link-text-switch.entry.js.map +1 -1
  321. package/dist/esm/kol-button-link.entry.js.map +1 -1
  322. package/dist/esm/kol-button-wc_2.entry.js +1 -1
  323. package/dist/esm/kol-button-wc_2.entry.js.map +1 -1
  324. package/dist/esm/kol-button.entry.js.map +1 -1
  325. package/dist/esm/kol-card.entry.js +1 -1
  326. package/dist/esm/kol-card.entry.js.map +1 -1
  327. package/dist/esm/kol-details.entry.js +1 -1
  328. package/dist/esm/kol-details.entry.js.map +1 -1
  329. package/dist/esm/kol-form.entry.js +1 -1
  330. package/dist/esm/kol-icon.entry.js +1 -1
  331. package/dist/esm/kol-image.entry.js +1 -1
  332. package/dist/esm/kol-input-adapter-leanup.entry.js +1 -1
  333. package/dist/esm/kol-input-adapter-leanup.entry.js.map +1 -1
  334. package/dist/esm/kol-input-checkbox.entry.js +1 -1
  335. package/dist/esm/kol-input-color.entry.js +1 -1
  336. package/dist/esm/kol-input-color.entry.js.map +1 -1
  337. package/dist/esm/kol-input-date.entry.js +1 -1
  338. package/dist/esm/kol-input-date.entry.js.map +1 -1
  339. package/dist/esm/kol-input-email.entry.js +1 -1
  340. package/dist/esm/kol-input-email.entry.js.map +1 -1
  341. package/dist/esm/kol-input-file.entry.js +1 -1
  342. package/dist/esm/kol-input-file.entry.js.map +1 -1
  343. package/dist/esm/kol-input-number.entry.js +1 -1
  344. package/dist/esm/kol-input-number.entry.js.map +1 -1
  345. package/dist/esm/kol-input-password.entry.js +1 -1
  346. package/dist/esm/kol-input-password.entry.js.map +1 -1
  347. package/dist/esm/kol-input-radio-group.entry.js +1 -1
  348. package/dist/esm/kol-input-radio.entry.js +1 -1
  349. package/dist/esm/kol-input-radio.entry.js.map +1 -1
  350. package/dist/esm/kol-input-range.entry.js +1 -1
  351. package/dist/esm/kol-input-range.entry.js.map +1 -1
  352. package/dist/esm/kol-input-text.entry.js +1 -1
  353. package/dist/esm/kol-input-text.entry.js.map +1 -1
  354. package/dist/esm/kol-kolibri.entry.js +1 -1
  355. package/dist/esm/kol-link-button.entry.js +1 -1
  356. package/dist/esm/kol-link-button.entry.js.map +1 -1
  357. package/dist/esm/kol-link-group.entry.js +1 -1
  358. package/dist/esm/kol-link-wc.entry.js +1 -1
  359. package/dist/esm/kol-link-wc.entry.js.map +1 -1
  360. package/dist/esm/kol-link.entry.js +1 -1
  361. package/dist/esm/kol-link.entry.js.map +1 -1
  362. package/dist/esm/kol-logo.entry.js +1 -1
  363. package/dist/esm/kol-modal.entry.js +1 -1
  364. package/dist/esm/kol-modal.entry.js.map +1 -1
  365. package/dist/esm/kol-nav.entry.js +1 -1
  366. package/dist/esm/kol-nav.entry.js.map +1 -1
  367. package/dist/esm/kol-pagination.entry.js +1 -1
  368. package/dist/esm/kol-popover.entry.js +1 -1
  369. package/dist/esm/kol-popover.entry.js.map +1 -1
  370. package/dist/esm/kol-progress.entry.js +1 -1
  371. package/dist/esm/kol-quote.entry.js +1 -1
  372. package/dist/esm/kol-quote.entry.js.map +1 -1
  373. package/dist/esm/kol-select.entry.js +1 -1
  374. package/dist/esm/kol-select.entry.js.map +1 -1
  375. package/dist/esm/kol-skip-nav.entry.js +1 -1
  376. package/dist/esm/kol-skip-nav.entry.js.map +1 -1
  377. package/dist/esm/kol-span-wc.entry.js +1 -1
  378. package/dist/esm/kol-spin.entry.js +1 -1
  379. package/dist/esm/kol-split-button.entry.js +1 -1
  380. package/dist/esm/kol-split-button.entry.js.map +1 -1
  381. package/dist/esm/kol-symbol.entry.js +1 -1
  382. package/dist/esm/kol-table.entry.js +1 -1
  383. package/dist/esm/kol-table.entry.js.map +1 -1
  384. package/dist/esm/kol-tabs.entry.js +1 -1
  385. package/dist/esm/kol-tabs.entry.js.map +1 -1
  386. package/dist/esm/kol-textarea.entry.js +1 -1
  387. package/dist/esm/kol-textarea.entry.js.map +1 -1
  388. package/dist/esm/kol-toast.entry.js +1 -1
  389. package/dist/esm/kol-toast.entry.js.map +1 -1
  390. package/dist/esm/kol-tooltip.entry.js +1 -1
  391. package/dist/esm/kol-version.entry.js +1 -1
  392. package/dist/esm/kolibri.js +1 -1
  393. package/dist/esm/kolibri.js.map +1 -1
  394. package/dist/esm/{label-35927418.js → label-50013d13.js} +1 -1
  395. package/dist/esm/{label-35927418.js.map → label-50013d13.js.map} +1 -1
  396. package/dist/esm/loader.js +1 -1
  397. package/dist/esm/loader.js.map +1 -1
  398. package/dist/esm/prop.validators-464644b7.js +4 -0
  399. package/dist/esm/prop.validators-464644b7.js.map +1 -0
  400. package/dist/esm/rows-3650a6c6.js +4 -0
  401. package/dist/esm/rows-3650a6c6.js.map +1 -0
  402. package/dist/esm/show-a52e2865.js +4 -0
  403. package/dist/esm/{show-d72ff77e.js.map → show-a52e2865.js.map} +1 -1
  404. package/dist/esm/suggestions-58939476.js +4 -0
  405. package/dist/esm/suggestions-58939476.js.map +1 -0
  406. package/dist/esm/{tab-index-841e81ba.js → tab-index-f3f891be.js} +1 -1
  407. package/dist/esm/{tab-index-841e81ba.js.map → tab-index-f3f891be.js.map} +1 -1
  408. package/dist/esm/{validation-a9f13bf5.js → validation-0f08372b.js} +1 -1
  409. package/dist/esm/{validation-a9f13bf5.js.map → validation-0f08372b.js.map} +1 -1
  410. package/dist/esm/validation-5659d279.js +4 -0
  411. package/dist/esm/{validation-bbab8795.js.map → validation-5659d279.js.map} +1 -1
  412. package/dist/kolibri/a11y.tipps-d701911f.js +4 -0
  413. package/dist/kolibri/a11y.tipps-d701911f.js.map +1 -0
  414. package/dist/kolibri/align-73a9215b.js +4 -0
  415. package/dist/kolibri/align-73a9215b.js.map +1 -0
  416. package/dist/kolibri/app-globals-dc76be42.js +4 -0
  417. package/dist/kolibri/aria-current-4f445f1b.js +4 -0
  418. package/dist/kolibri/aria-current-4f445f1b.js.map +1 -0
  419. package/dist/kolibri/aria-selected-f9f37b8a.js +4 -0
  420. package/dist/kolibri/aria-selected-f9f37b8a.js.map +1 -0
  421. package/dist/kolibri/assets/simulations/table-simulation.js +1 -1
  422. package/dist/kolibri/assets/simulations/toast-simulation.js +1 -1
  423. package/dist/kolibri/button-link-cdd0cf5d.js +4 -0
  424. package/dist/kolibri/button-link-cdd0cf5d.js.map +1 -0
  425. package/dist/kolibri/color-e86f3e1a.js +4 -0
  426. package/dist/kolibri/{color-b194e076.js.map → color-e86f3e1a.js.map} +1 -1
  427. package/dist/kolibri/controller-3591f4ce.js +4 -0
  428. package/dist/kolibri/controller-3591f4ce.js.map +1 -0
  429. package/dist/kolibri/controller-73e603d0.js +4 -0
  430. package/dist/kolibri/controller-73e603d0.js.map +1 -0
  431. package/dist/kolibri/controller-88c3c0e3.js +4 -0
  432. package/dist/kolibri/controller-88c3c0e3.js.map +1 -0
  433. package/dist/kolibri/{controller-d9c05ca2.js → controller-dcbc36ee.js} +1 -1
  434. package/dist/kolibri/{controller-cbd99b24.js → controller-e72e2e76.js} +1 -1
  435. package/dist/kolibri/{controller-5940f710.js → controller-f62e9f3a.js} +1 -1
  436. package/dist/kolibri/{controller-5940f710.js.map → controller-f62e9f3a.js.map} +1 -1
  437. package/dist/kolibri/{controller-icon-5a04613b.js → controller-icon-2591b7eb.js} +1 -1
  438. package/dist/kolibri/{controller-icon-5a04613b.js.map → controller-icon-2591b7eb.js.map} +1 -1
  439. package/dist/kolibri/dev.utils-d53ab83f.js +4 -0
  440. package/dist/kolibri/dev.utils-d53ab83f.js.map +1 -0
  441. package/dist/kolibri/devtools-afd1f946.js +4 -0
  442. package/dist/kolibri/{devtools-3b34fa30.js.map → devtools-afd1f946.js.map} +1 -1
  443. package/dist/kolibri/disabled-707aaac5.js +4 -0
  444. package/dist/kolibri/{disabled-614216e9.js.map → disabled-707aaac5.js.map} +1 -1
  445. package/dist/kolibri/floating-ui.dom.esm-26e61da8.js.map +1 -1
  446. package/dist/kolibri/has-closer-021264e3.js +4 -0
  447. package/dist/kolibri/hide-label-4ca7feba.js +4 -0
  448. package/dist/kolibri/hide-label-4ca7feba.js.map +1 -0
  449. package/dist/kolibri/i18n-7ff844fe.js +4 -0
  450. package/dist/kolibri/i18n-7ff844fe.js.map +1 -0
  451. package/dist/kolibri/{icon-ae60c121.js → icon-2102545a.js} +1 -1
  452. package/dist/kolibri/image-source-8a03ef69.js +4 -0
  453. package/dist/kolibri/index-2c046ff1.js.map +1 -1
  454. package/dist/kolibri/index-d8ac1088.js.map +1 -1
  455. package/dist/kolibri/index.esm.js +1 -1
  456. package/dist/kolibri/kol-abbr.entry.js +1 -1
  457. package/dist/kolibri/kol-abbr.entry.js.map +1 -1
  458. package/dist/kolibri/kol-accordion.entry.js +1 -1
  459. package/dist/kolibri/kol-accordion.entry.js.map +1 -1
  460. package/dist/kolibri/kol-alert-wc_2.entry.js +1 -1
  461. package/dist/kolibri/kol-alert-wc_2.entry.js.map +1 -1
  462. package/dist/kolibri/kol-alert.entry.js +1 -1
  463. package/dist/kolibri/kol-alert.entry.js.map +1 -1
  464. package/dist/kolibri/kol-avatar-wc.entry.js +1 -1
  465. package/dist/kolibri/kol-avatar-wc.entry.js.map +1 -1
  466. package/dist/kolibri/kol-avatar.entry.js.map +1 -1
  467. package/dist/kolibri/kol-badge.entry.js +1 -1
  468. package/dist/kolibri/kol-badge.entry.js.map +1 -1
  469. package/dist/kolibri/kol-breadcrumb.entry.js +1 -1
  470. package/dist/kolibri/kol-breadcrumb.entry.js.map +1 -1
  471. package/dist/kolibri/kol-button-group-wc.entry.js.map +1 -1
  472. package/dist/kolibri/kol-button-group.entry.js.map +1 -1
  473. package/dist/kolibri/kol-button-link-text-switch.entry.js +1 -1
  474. package/dist/kolibri/kol-button-link-text-switch.entry.js.map +1 -1
  475. package/dist/kolibri/kol-button-link.entry.js.map +1 -1
  476. package/dist/kolibri/kol-button-wc_2.entry.js +1 -1
  477. package/dist/kolibri/kol-button-wc_2.entry.js.map +1 -1
  478. package/dist/kolibri/kol-button.entry.js.map +1 -1
  479. package/dist/kolibri/kol-card.entry.js +1 -1
  480. package/dist/kolibri/kol-card.entry.js.map +1 -1
  481. package/dist/kolibri/kol-details.entry.js +1 -1
  482. package/dist/kolibri/kol-details.entry.js.map +1 -1
  483. package/dist/kolibri/kol-form.entry.js +1 -1
  484. package/dist/kolibri/kol-form.entry.js.map +1 -1
  485. package/dist/kolibri/kol-heading.entry.js.map +1 -1
  486. package/dist/kolibri/kol-icon-font-awesome.entry.js.map +1 -1
  487. package/dist/kolibri/kol-icon-icofont.entry.js.map +1 -1
  488. package/dist/kolibri/kol-icon.entry.js +1 -1
  489. package/dist/kolibri/kol-icon.entry.js.map +1 -1
  490. package/dist/kolibri/kol-image.entry.js +1 -1
  491. package/dist/kolibri/kol-image.entry.js.map +1 -1
  492. package/dist/kolibri/kol-indented-text.entry.js.map +1 -1
  493. package/dist/kolibri/kol-input-adapter-leanup.entry.js +1 -1
  494. package/dist/kolibri/kol-input-adapter-leanup.entry.js.map +1 -1
  495. package/dist/kolibri/kol-input-checkbox.entry.js +1 -1
  496. package/dist/kolibri/kol-input-checkbox.entry.js.map +1 -1
  497. package/dist/kolibri/kol-input-color.entry.js +1 -1
  498. package/dist/kolibri/kol-input-color.entry.js.map +1 -1
  499. package/dist/kolibri/kol-input-date.entry.js +1 -1
  500. package/dist/kolibri/kol-input-date.entry.js.map +1 -1
  501. package/dist/kolibri/kol-input-email.entry.js +1 -1
  502. package/dist/kolibri/kol-input-email.entry.js.map +1 -1
  503. package/dist/kolibri/kol-input-file.entry.js +1 -1
  504. package/dist/kolibri/kol-input-file.entry.js.map +1 -1
  505. package/dist/kolibri/kol-input-number.entry.js +1 -1
  506. package/dist/kolibri/kol-input-number.entry.js.map +1 -1
  507. package/dist/kolibri/kol-input-password.entry.js +1 -1
  508. package/dist/kolibri/kol-input-password.entry.js.map +1 -1
  509. package/dist/kolibri/kol-input-radio-group.entry.js +1 -1
  510. package/dist/kolibri/kol-input-radio-group.entry.js.map +1 -1
  511. package/dist/kolibri/kol-input-radio.entry.js +1 -1
  512. package/dist/kolibri/kol-input-radio.entry.js.map +1 -1
  513. package/dist/kolibri/kol-input-range.entry.js +1 -1
  514. package/dist/kolibri/kol-input-range.entry.js.map +1 -1
  515. package/dist/kolibri/kol-input-text.entry.js +1 -1
  516. package/dist/kolibri/kol-input-text.entry.js.map +1 -1
  517. package/dist/kolibri/kol-kolibri.entry.js +1 -1
  518. package/dist/kolibri/kol-kolibri.entry.js.map +1 -1
  519. package/dist/kolibri/kol-link-button.entry.js +1 -1
  520. package/dist/kolibri/kol-link-button.entry.js.map +1 -1
  521. package/dist/kolibri/kol-link-group.entry.js +1 -1
  522. package/dist/kolibri/kol-link-group.entry.js.map +1 -1
  523. package/dist/kolibri/kol-link-wc.entry.js +1 -1
  524. package/dist/kolibri/kol-link-wc.entry.js.map +1 -1
  525. package/dist/kolibri/kol-link.entry.js +1 -1
  526. package/dist/kolibri/kol-link.entry.js.map +1 -1
  527. package/dist/kolibri/kol-logo.entry.js +1 -1
  528. package/dist/kolibri/kol-logo.entry.js.map +1 -1
  529. package/dist/kolibri/kol-modal.entry.js +1 -1
  530. package/dist/kolibri/kol-modal.entry.js.map +1 -1
  531. package/dist/kolibri/kol-nav.entry.js +1 -1
  532. package/dist/kolibri/kol-nav.entry.js.map +1 -1
  533. package/dist/kolibri/kol-pagination.entry.js +1 -1
  534. package/dist/kolibri/kol-pagination.entry.js.map +1 -1
  535. package/dist/kolibri/kol-popover.entry.js +1 -1
  536. package/dist/kolibri/kol-popover.entry.js.map +1 -1
  537. package/dist/kolibri/kol-progress.entry.js +1 -1
  538. package/dist/kolibri/kol-progress.entry.js.map +1 -1
  539. package/dist/kolibri/kol-quote.entry.js +1 -1
  540. package/dist/kolibri/kol-quote.entry.js.map +1 -1
  541. package/dist/kolibri/kol-select.entry.js +1 -1
  542. package/dist/kolibri/kol-select.entry.js.map +1 -1
  543. package/dist/kolibri/kol-skip-nav.entry.js +1 -1
  544. package/dist/kolibri/kol-skip-nav.entry.js.map +1 -1
  545. package/dist/kolibri/kol-span-wc.entry.js +1 -1
  546. package/dist/kolibri/kol-span-wc.entry.js.map +1 -1
  547. package/dist/kolibri/kol-span.entry.js.map +1 -1
  548. package/dist/kolibri/kol-spin.entry.js +1 -1
  549. package/dist/kolibri/kol-spin.entry.js.map +1 -1
  550. package/dist/kolibri/kol-split-button.entry.js +1 -1
  551. package/dist/kolibri/kol-split-button.entry.js.map +1 -1
  552. package/dist/kolibri/kol-symbol.entry.js +1 -1
  553. package/dist/kolibri/kol-symbol.entry.js.map +1 -1
  554. package/dist/kolibri/kol-table.entry.js +1 -1
  555. package/dist/kolibri/kol-table.entry.js.map +1 -1
  556. package/dist/kolibri/kol-tabs.entry.js +1 -1
  557. package/dist/kolibri/kol-tabs.entry.js.map +1 -1
  558. package/dist/kolibri/kol-textarea.entry.js +1 -1
  559. package/dist/kolibri/kol-textarea.entry.js.map +1 -1
  560. package/dist/kolibri/kol-toast.entry.js +1 -1
  561. package/dist/kolibri/kol-toast.entry.js.map +1 -1
  562. package/dist/kolibri/kol-tooltip.entry.js +1 -1
  563. package/dist/kolibri/kol-tooltip.entry.js.map +1 -1
  564. package/dist/kolibri/kol-version.entry.js +1 -1
  565. package/dist/kolibri/kol-version.entry.js.map +1 -1
  566. package/dist/kolibri/kolibri.esm.js +1 -1
  567. package/dist/kolibri/kolibri.esm.js.map +1 -1
  568. package/dist/kolibri/label-50013d13.js +4 -0
  569. package/dist/kolibri/prop.validators-464644b7.js +4 -0
  570. package/dist/kolibri/prop.validators-464644b7.js.map +1 -0
  571. package/dist/kolibri/rows-3650a6c6.js +4 -0
  572. package/dist/kolibri/rows-3650a6c6.js.map +1 -0
  573. package/dist/kolibri/show-a52e2865.js +4 -0
  574. package/dist/kolibri/suggestions-58939476.js +4 -0
  575. package/dist/kolibri/suggestions-58939476.js.map +1 -0
  576. package/dist/kolibri/{tab-index-841e81ba.js → tab-index-f3f891be.js} +1 -1
  577. package/dist/kolibri/validation-0f08372b.js +4 -0
  578. package/dist/kolibri/validation-5659d279.js +4 -0
  579. package/dist/loader/index.d.ts +1 -1
  580. package/dist/types/components/abbr/component.d.ts +4 -1
  581. package/dist/types/components/abbr/types.d.ts +5 -5
  582. package/dist/types/components/accordion/component.d.ts +4 -1
  583. package/dist/types/components/accordion/types.d.ts +5 -5
  584. package/dist/types/components/alert/component.d.ts +3 -2
  585. package/dist/types/components/alert/shadow.d.ts +2 -0
  586. package/dist/types/components/alert/types.d.ts +4 -3
  587. package/dist/types/components/button-link-text-switch/component.d.ts +0 -5
  588. package/dist/types/components/card/component.d.ts +4 -1
  589. package/dist/types/components/card/types.d.ts +5 -5
  590. package/dist/types/components/details/component.d.ts +4 -1
  591. package/dist/types/components/details/types.d.ts +4 -4
  592. package/dist/types/components/input/component.d.ts +2 -1
  593. package/dist/types/components/input/types.d.ts +2 -1
  594. package/dist/types/components/input-color/component.d.ts +5 -2
  595. package/dist/types/components/input-color/controller.d.ts +3 -2
  596. package/dist/types/components/input-color/types.d.ts +5 -3
  597. package/dist/types/components/input-date/component.d.ts +3 -0
  598. package/dist/types/components/input-date/controller.d.ts +3 -2
  599. package/dist/types/components/input-date/types.d.ts +6 -3
  600. package/dist/types/components/input-email/component.d.ts +3 -0
  601. package/dist/types/components/input-email/types.d.ts +4 -2
  602. package/dist/types/components/input-number/component.d.ts +3 -0
  603. package/dist/types/components/input-number/controller.d.ts +3 -2
  604. package/dist/types/components/input-number/types.d.ts +6 -3
  605. package/dist/types/components/input-radio/component.d.ts +4 -1
  606. package/dist/types/components/input-radio/controller.d.ts +3 -2
  607. package/dist/types/components/input-radio/types.d.ts +6 -6
  608. package/dist/types/components/input-range/component.d.ts +6 -2
  609. package/dist/types/components/input-range/controller.d.ts +4 -1
  610. package/dist/types/components/input-range/types.d.ts +5 -3
  611. package/dist/types/components/input-text/component.d.ts +4 -1
  612. package/dist/types/components/input-text/controller.d.ts +4 -3
  613. package/dist/types/components/input-text/types.d.ts +4 -2
  614. package/dist/types/components/link/component.d.ts +4 -0
  615. package/dist/types/components/link/shadow.d.ts +3 -3
  616. package/dist/types/components/link-button/component.d.ts +3 -3
  617. package/dist/types/components/nav/component.d.ts +3 -0
  618. package/dist/types/components/nav/types.d.ts +3 -2
  619. package/dist/types/components/quote/shadow.d.ts +3 -0
  620. package/dist/types/components/quote/types.d.ts +3 -4
  621. package/dist/types/components/select/component.d.ts +7 -1
  622. package/dist/types/components/select/controller.d.ts +6 -4
  623. package/dist/types/components/select/types.d.ts +8 -7
  624. package/dist/types/components/table/component.d.ts +6 -1
  625. package/dist/types/components/table/types.d.ts +9 -4
  626. package/dist/types/components/tabs/component.d.ts +2 -0
  627. package/dist/types/components/tabs/types.d.ts +3 -4
  628. package/dist/types/components/textarea/component.d.ts +3 -2
  629. package/dist/types/components/textarea/controller.d.ts +2 -1
  630. package/dist/types/components/textarea/types.d.ts +3 -4
  631. package/dist/types/components/toast/component.d.ts +3 -0
  632. package/dist/types/components/toast/toaster.d.ts +3 -1
  633. package/dist/types/components/toast/types.d.ts +2 -1
  634. package/dist/types/components.d.ts +302 -86
  635. package/dist/types/i18n.d.ts +1 -1
  636. package/dist/types/locales/de.d.ts +3 -0
  637. package/dist/types/locales/en.d.ts +3 -0
  638. package/dist/types/stencil-public-runtime.d.ts +1 -1
  639. package/dist/types/types/button-link-text.d.ts +2 -1
  640. package/dist/types/types/button-link.d.ts +16 -13
  641. package/dist/types/types/props/aria-controls.d.ts +5 -0
  642. package/dist/types/types/props/aria-current.d.ts +4 -0
  643. package/dist/types/types/props/compact.d.ts +0 -2
  644. package/dist/types/types/props/hide-label.d.ts +2 -1
  645. package/dist/types/types/props/options.d.ts +15 -0
  646. package/dist/types/types/props/rows.d.ts +6 -0
  647. package/dist/types/types/props/suggestions.d.ts +8 -0
  648. package/dist/types/utils/a11y.tipps.d.ts +11 -6
  649. package/dist/types/utils/prop.validators.d.ts +8 -0
  650. package/dist/types/utils/validators/options.d.ts +2 -0
  651. package/doc/abbr.md +15 -14
  652. package/doc/accordion.md +13 -12
  653. package/doc/alert.md +3 -3
  654. package/doc/avatar.md +44 -1
  655. package/doc/badge.md +2 -2
  656. package/doc/breadcrumb.md +2 -2
  657. package/doc/button-group.md +2 -2
  658. package/doc/button-link.md +20 -20
  659. package/doc/button.md +26 -26
  660. package/doc/card.md +11 -10
  661. package/doc/details.md +11 -10
  662. package/doc/icon-font-awesome.md +1 -1
  663. package/doc/icon-icofont.md +1 -1
  664. package/doc/icon.md +5 -5
  665. package/doc/image.md +4 -4
  666. package/doc/indented-text.md +1 -1
  667. package/doc/input-checkbox.md +7 -5
  668. package/doc/input-color.md +4 -3
  669. package/doc/input-date.md +7 -6
  670. package/doc/input-email.md +5 -4
  671. package/doc/input-file.md +3 -3
  672. package/doc/input-number.md +5 -4
  673. package/doc/input-password.md +2 -2
  674. package/doc/input-radio.md +11 -10
  675. package/doc/input-range.md +3 -2
  676. package/doc/input-text.md +5 -4
  677. package/doc/link-button.md +34 -33
  678. package/doc/link.md +27 -26
  679. package/doc/modal.md +4 -4
  680. package/doc/nav.md +3 -2
  681. package/doc/progress.md +2 -2
  682. package/doc/quote.md +13 -12
  683. package/doc/select.md +14 -12
  684. package/doc/skip-nav.md +1 -1
  685. package/doc/spin.md +2 -2
  686. package/doc/split-button.md +23 -23
  687. package/doc/symbol.md +1 -1
  688. package/doc/table.md +26 -25
  689. package/doc/tabs.md +6 -5
  690. package/doc/textarea.md +3 -3
  691. package/doc/toast.md +5 -4
  692. package/doc/tooltip.md +1 -1
  693. package/jest-test-results.json +1 -1
  694. package/package.json +1 -1
  695. package/vscode-custom-data.json +159 -27
  696. package/dist/cjs/a11y.tipps-de7fbe54.js +0 -4
  697. package/dist/cjs/a11y.tipps-de7fbe54.js.map +0 -1
  698. package/dist/cjs/aria-selected-0008cfb9.js +0 -4
  699. package/dist/cjs/aria-selected-0008cfb9.js.map +0 -1
  700. package/dist/cjs/button-link-67bac64d.js.map +0 -1
  701. package/dist/cjs/controller-054b1db3.js +0 -4
  702. package/dist/cjs/controller-054b1db3.js.map +0 -1
  703. package/dist/cjs/controller-916d9ca1.js +0 -4
  704. package/dist/cjs/controller-916d9ca1.js.map +0 -1
  705. package/dist/cjs/controller-dffea453.js +0 -4
  706. package/dist/cjs/controller-dffea453.js.map +0 -1
  707. package/dist/cjs/dev.utils-9c0958cf.js +0 -4
  708. package/dist/cjs/dev.utils-9c0958cf.js.map +0 -1
  709. package/dist/cjs/has-closer-c629ee07.js +0 -4
  710. package/dist/cjs/hide-label-761f9c70.js +0 -4
  711. package/dist/cjs/hide-label-761f9c70.js.map +0 -1
  712. package/dist/cjs/i18n-5aa005bd.js +0 -4
  713. package/dist/cjs/i18n-5aa005bd.js.map +0 -1
  714. package/dist/cjs/image-source-fe76fa4f.js +0 -4
  715. package/dist/cjs/prop.validators-564c2db7.js +0 -4
  716. package/dist/cjs/prop.validators-564c2db7.js.map +0 -1
  717. package/dist/cjs/show-462d32c3.js +0 -4
  718. package/dist/esm/a11y.tipps-255c885e.js +0 -4
  719. package/dist/esm/a11y.tipps-255c885e.js.map +0 -1
  720. package/dist/esm/app-globals-e49e1503.js +0 -4
  721. package/dist/esm/aria-selected-9745a637.js +0 -4
  722. package/dist/esm/aria-selected-9745a637.js.map +0 -1
  723. package/dist/esm/button-link-e7a5fabf.js.map +0 -1
  724. package/dist/esm/controller-97df9666.js +0 -4
  725. package/dist/esm/controller-97df9666.js.map +0 -1
  726. package/dist/esm/controller-9d4a30f8.js +0 -4
  727. package/dist/esm/controller-9d4a30f8.js.map +0 -1
  728. package/dist/esm/controller-a27433b4.js +0 -4
  729. package/dist/esm/controller-a27433b4.js.map +0 -1
  730. package/dist/esm/dev.utils-e98368e1.js +0 -4
  731. package/dist/esm/dev.utils-e98368e1.js.map +0 -1
  732. package/dist/esm/hide-label-53a9f681.js.map +0 -1
  733. package/dist/esm/i18n-a5618943.js +0 -4
  734. package/dist/esm/i18n-a5618943.js.map +0 -1
  735. package/dist/esm/prop.validators-e3c93395.js +0 -4
  736. package/dist/esm/prop.validators-e3c93395.js.map +0 -1
  737. package/dist/esm/show-d72ff77e.js +0 -4
  738. package/dist/esm/validation-bbab8795.js +0 -4
  739. package/dist/kolibri/a11y.tipps-255c885e.js +0 -4
  740. package/dist/kolibri/a11y.tipps-255c885e.js.map +0 -1
  741. package/dist/kolibri/app-globals-e49e1503.js +0 -4
  742. package/dist/kolibri/aria-selected-9745a637.js +0 -4
  743. package/dist/kolibri/aria-selected-9745a637.js.map +0 -1
  744. package/dist/kolibri/button-link-e7a5fabf.js +0 -4
  745. package/dist/kolibri/button-link-e7a5fabf.js.map +0 -1
  746. package/dist/kolibri/color-b194e076.js +0 -4
  747. package/dist/kolibri/controller-97df9666.js +0 -4
  748. package/dist/kolibri/controller-97df9666.js.map +0 -1
  749. package/dist/kolibri/controller-9d4a30f8.js +0 -4
  750. package/dist/kolibri/controller-9d4a30f8.js.map +0 -1
  751. package/dist/kolibri/controller-a27433b4.js +0 -4
  752. package/dist/kolibri/controller-a27433b4.js.map +0 -1
  753. package/dist/kolibri/dev.utils-e98368e1.js +0 -4
  754. package/dist/kolibri/dev.utils-e98368e1.js.map +0 -1
  755. package/dist/kolibri/devtools-3b34fa30.js +0 -4
  756. package/dist/kolibri/disabled-614216e9.js +0 -4
  757. package/dist/kolibri/has-closer-4415fbda.js +0 -4
  758. package/dist/kolibri/hide-label-53a9f681.js +0 -4
  759. package/dist/kolibri/hide-label-53a9f681.js.map +0 -1
  760. package/dist/kolibri/i18n-a5618943.js +0 -4
  761. package/dist/kolibri/i18n-a5618943.js.map +0 -1
  762. package/dist/kolibri/image-source-a6d9c13f.js +0 -4
  763. package/dist/kolibri/label-35927418.js +0 -4
  764. package/dist/kolibri/prop.validators-e3c93395.js +0 -4
  765. package/dist/kolibri/prop.validators-e3c93395.js.map +0 -1
  766. package/dist/kolibri/show-d72ff77e.js +0 -4
  767. package/dist/kolibri/validation-a9f13bf5.js +0 -4
  768. package/dist/kolibri/validation-bbab8795.js +0 -4
  769. package/dist/types/utils/validators/list.d.ts +0 -2
  770. /package/dist/kolibri/{app-globals-e49e1503.js.map → app-globals-dc76be42.js.map} +0 -0
  771. /package/dist/kolibri/{controller-d9c05ca2.js.map → controller-dcbc36ee.js.map} +0 -0
  772. /package/dist/kolibri/{controller-cbd99b24.js.map → controller-e72e2e76.js.map} +0 -0
  773. /package/dist/kolibri/{has-closer-4415fbda.js.map → has-closer-021264e3.js.map} +0 -0
  774. /package/dist/kolibri/{icon-ae60c121.js.map → icon-2102545a.js.map} +0 -0
  775. /package/dist/kolibri/{image-source-a6d9c13f.js.map → image-source-8a03ef69.js.map} +0 -0
  776. /package/dist/kolibri/{label-35927418.js.map → label-50013d13.js.map} +0 -0
  777. /package/dist/kolibri/{show-d72ff77e.js.map → show-a52e2865.js.map} +0 -0
  778. /package/dist/kolibri/{tab-index-841e81ba.js.map → tab-index-f3f891be.js.map} +0 -0
  779. /package/dist/kolibri/{validation-a9f13bf5.js.map → validation-0f08372b.js.map} +0 -0
  780. /package/dist/kolibri/{validation-bbab8795.js.map → validation-5659d279.js.map} +0 -0
package/doc/icon.md CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Mit Hilfe der **Icon**-Komponente können Icons aus eingebundenen Icon-Fonts an beliebigen Positionen dargestellt werden. Die Ausgabe des Icon kann über das Attribut **`_icon`** gesteuert werden und erfolgt durch das Attribut **`_label`** barrierefrei. Die Ausgabe erfolgt standardmäßig als _`inline`_-Element.
4
4
 
5
- Aktuell werden die Icons von <kol-link _href="https://microsoft.github.io/vscode-codicons/dist/codicon.html" _target="_blank" _label="Codicons"></kol-link> unterstützt.
5
+ Aktuell werden die Icons von <kol-link _href="https://microsoft.github.io/vscode-codicons/dist/codicon.html" _label="https://microsoft.github.io/vscode-codicons/dist/codicon.html" _target="_blank" _label="Codicons"></kol-link> unterstützt.
6
6
 
7
7
  <kol-alert _heading="Hinweis" _type="info">Es ist wichtig, dass in der Rahmenseite (`index.html`) die CSS-Dateie(n) der Icon-Font(s) eingebunden ist/sind.</kol-alert>
8
8
 
@@ -26,7 +26,7 @@ Das Icon (**`_icon`**) kann entweder als String angegeben werden, oder als Objek
26
26
  Als String übergeben Sie die Iconklasse (z.B.: `_icon="codicon codicon-home`), das Icon wird links vom Text angezeigt.
27
27
  Das Objekt ist vom Typ `KoliBriAllIcon`, kann also einen oder mehrere der Schlüssel `top`, `right`, `bottom` und `left` besitzen. Diese sind dann entweder String (siehe oben) oder ein Objekt vom Typ `KoliBriCustomIcon`, welches aus `icon` (String, siehe oben) und `style` (optional, Styleobjekt) besteht.
28
28
 
29
- <kol-link _href="https://microsoft.github.io/vscode-codicons/dist/codicon.html" _target="_blank" _label="Übersicht Codicons"></kol-link>
29
+ <kol-link _href="https://microsoft.github.io/vscode-codicons/dist/codicon.html" _label="https://microsoft.github.io/vscode-codicons/dist/codicon.html" _target="_blank" _label="Übersicht Codicons"></kol-link>
30
30
 
31
31
  ## Barrierefreiheit
32
32
 
@@ -40,9 +40,9 @@ Mittels der Auszeichnung `aria-label` muss ein Kontext-relevantes Icon beschrift
40
40
 
41
41
  ## Links und Referenzen
42
42
 
43
- - <kol-link _href="https://github.com/microsoft/vscode-codicons" _target="_blank" _label="Codicons"></kol-link>
44
- - <kol-link _href="https://fontawesome.com" _target="_blank" _label="Font-Awesome"></kol-link>
45
- - <kol-link _href="https://icofont.com" _target="_blank" _label="Icofont"></kol-link>
43
+ - <kol-link _href="https://github.com/microsoft/vscode-codicons" _label="https://github.com/microsoft/vscode-codicons" _target="_blank" _label="Codicons"></kol-link>
44
+ - <kol-link _href="https://fontawesome.com" _label="https://fontawesome.com" _target="_blank" _label="Font-Awesome"></kol-link>
45
+ - <kol-link _href="https://icofont.com" _label="https://icofont.com" _target="_blank" _label="Icofont"></kol-link>
46
46
 
47
47
  <!-- Auto Generated Below -->
48
48
 
package/doc/image.md CHANGED
@@ -29,15 +29,15 @@ Die Komponente **Image** wird über das HTML-Tag `<kol-image>` erzeugt.
29
29
  Mittels **`_srcset`** (und **`_sizes`**) können unterschiedliche Bilder für unterschiedliche Auflösungen und Pixeldichten (des Displays) hinterlegt werden, um auf großen Bildschirmen scharfe Bilder zu liefern und auf kleinen Monitoren nicht unnötig Bandbreite zu verbrauchen.
30
30
  Des Weiteren können mittels **`_srcset`** auch verschiedene Dateiformate angegeben werden, um für moderne Browser Bandbreite zu sparen, allerdings ältere Geräte weiterhin zu unterstützen.
31
31
  Auch bei Verwendung von **`_srcset`** sollte **`_src`** genutzt werden, da dies von den Browsern als letzte Option verwendet wird, sofern a) **`srcset`** nicht unterstützt wird, oder b) dort kein passendes Bild gefunden wurde.
32
- <kol-link _href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/srcset" _target="_blank" _label="MDN Artikel zu srcset"></kol-link>
33
- <kol-link _href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/sizes" _target="_blank" _label="MDN Artikel zu sizes"></kol-link>
32
+ <kol-link _href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/srcset" _label="https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/srcset" _target="_blank" _label="MDN Artikel zu srcset"></kol-link>
33
+ <kol-link _href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/sizes" _label="https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/sizes" _target="_blank" _label="MDN Artikel zu sizes"></kol-link>
34
34
  Für weitere Infos zu **`_srcset`** siehe [Links und Referenzen](#links-und-referenzen)
35
35
 
36
36
  ### Ladeverhalten
37
37
 
38
38
  Das Attribut **`_loading`** ist optional. Gesetzt werden kann hier entweder `eager` oder `lazy`, sofern ungesetzt wird `lazy` verwendet.
39
39
  `eager` sorgt für ein Laden des Bildes direkt beim Betreten der Seite, bei `lazy` lädt der Browser das Bild erst, kurz bevor es sichtbar wird. In der Regel muss `eager` nicht gesetzt werden, setzen Sie es nur sofern Ladeverzögerungen auftreten, oder das Bild sich sicher im, bei Betreten der Seite, sichtbaren Bereich befindet. (z.B.: Logo im Header oder Hero)
40
- <kol-link _href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/loading" _target="_blank" _label="MDN Artikel zu loading"></kol-link>
40
+ <kol-link _href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/loading" _label="https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/loading" _target="_blank" _label="MDN Artikel zu loading"></kol-link>
41
41
 
42
42
  ## Barrierefreiheit
43
43
 
@@ -48,7 +48,7 @@ Diese Beschreibung wird von Screenreadern vorgelesen und von Browsern angezeigt,
48
48
 
49
49
  ## Links und Referenzen
50
50
 
51
- Ausführliche Erklärung zu `_srcset` und `_sizes`: <kol-link _href="https://www.mediaevent.de/html/srcset.html" _target="_blank"></kol-link>
51
+ Ausführliche Erklärung zu `_srcset` und `_sizes`: <kol-link _href="https://www.mediaevent.de/html/srcset.html" _label="https://www.mediaevent.de/html/srcset.html" _target="_blank"></kol-link>
52
52
 
53
53
  <!-- Auto Generated Below -->
54
54
 
@@ -1,6 +1,6 @@
1
1
  # IndentedText
2
2
 
3
- Heben Sie einzelne Informationen auf Ihrer Webseite optisch mit der **IndentedText**-Komponente hervor. Die Komponente eignet sich nicht nur für besondere Abschnitte auf der Webseite, sondern auch beispielsweise für Zitate (für verlinkte Zitate kann auch die <kol-link _href="/docs/components/quote/" _label="kol-quote-Komponente"></kol-link> verwendet werden.).
3
+ Heben Sie einzelne Informationen auf Ihrer Webseite optisch mit der **IndentedText**-Komponente hervor. Die Komponente eignet sich nicht nur für besondere Abschnitte auf der Webseite, sondern auch beispielsweise für Zitate (für verlinkte Zitate kann auch die <kol-link _href="/docs/components/quote/" _label="/docs/components/quote/" _label="kol-quote-Komponente"></kol-link> verwendet werden.).
4
4
 
5
5
  ## Konstruktion
6
6
 
@@ -7,7 +7,9 @@ Der Input-Typ **_Checkbox_** generiert eine rechteckige Box, die durch Anklicken
7
7
  ### Code
8
8
 
9
9
  ```html
10
- <kol-input-checkbox _id="checkbox">Ich stimme der <kol-link _href="#" _label="Datenschutzerklärung" _target="document"></kol-link> zu.</kol-input-checkbox>
10
+ <kol-input-checkbox _id="checkbox"
11
+ >Ich stimme der <kol-link _href="#" _label="#" _label="Datenschutzerklärung" _target="document"></kol-link> zu.</kol-input-checkbox
12
+ >
11
13
  <kol-input-checkbox _id="switch" _variant="switch">Geburtsdatum anzeigen?</kol-input-checkbox>
12
14
  <kol-input-checkbox _checked _id="button" _variant="button">Schalter aktiviert</kol-input-checkbox>
13
15
  <kol-input-checkbox _id="button" _variant="button">Schalter deaktiviert</kol-input-checkbox>
@@ -15,7 +17,7 @@ Der Input-Typ **_Checkbox_** generiert eine rechteckige Box, die durch Anklicken
15
17
 
16
18
  ### Beispiel
17
19
 
18
- <kol-input-checkbox _id="checkbox">Ich stimme der <kol-link _href="#" _label="Datenschutzerklärung" _target="document"></kol-link> zu.</kol-input-checkbox>
20
+ <kol-input-checkbox _id="checkbox">Ich stimme der <kol-link _href="#" _label="#" _label="Datenschutzerklärung" _target="document"></kol-link> zu.</kol-input-checkbox>
19
21
  <kol-input-checkbox _id="switch" _variant="switch">Geburtsdatum anzeigen?</kol-input-checkbox>
20
22
  <kol-input-checkbox _checked _id="button" _variant="button">Schalter aktiviert</kol-input-checkbox>
21
23
  <kol-input-checkbox _id="button" _variant="button">Schalter deaktiviert</kol-input-checkbox>
@@ -38,7 +40,7 @@ Mittels des Attributs **`_variant`** können folgende Varianten ausgewählt werd
38
40
 
39
41
  ## Barrierefreiheit
40
42
 
41
- Vermeiden Sie die Verwendung von vielen Checkboxen auf einer Seite, da Ihre Inhalte hierdurch schnell unübersichtlich und lang werden. Prüfen Sie in solchen Anwendungsfällen die Verwendung einer <kol-link _href="/docs/components/select">Select-Box mit **`_multiple`**</kol-link>.
43
+ Vermeiden Sie die Verwendung von vielen Checkboxen auf einer Seite, da Ihre Inhalte hierdurch schnell unübersichtlich und lang werden. Prüfen Sie in solchen Anwendungsfällen die Verwendung einer <kol-link _href="/docs/components/select" _label="/docs/components/select">Select-Box mit **`_multiple`**</kol-link>.
42
44
 
43
45
  Achten Sie darauf, jeder Checkbox ein Label zuzuweisen, da dieses von Screenreadern vorgelesen wird und so eine eindeutige Identifikation des Eingabefeldes ermöglicht.
44
46
 
@@ -51,8 +53,8 @@ Achten Sie darauf, jeder Checkbox ein Label zuzuweisen, da dieses von Screenread
51
53
 
52
54
  ## Links und Referenzen
53
55
 
54
- - <kol-link _href="https://www.w3.org/TR/wai-aria-practices/#checkbox" _target="_blank"></kol-link>
55
- - <kol-link _href="https://medium.com/@gavyn/til-autofocus-inputs-are-an-accessibility-problem-32ced60c3109" _target="_blank"></kol-link>
56
+ - <kol-link _href="https://www.w3.org/TR/wai-aria-practices/#checkbox" _label="https://www.w3.org/TR/wai-aria-practices/#checkbox" _target="_blank"></kol-link>
57
+ - <kol-link _href="https://medium.com/@gavyn/til-autofocus-inputs-are-an-accessibility-problem-32ced60c3109" _label="https://medium.com/@gavyn/til-autofocus-inputs-are-an-accessibility-problem-32ced60c3109" _target="_blank"></kol-link>
56
58
 
57
59
  <!-- Auto Generated Below -->
58
60
 
@@ -40,7 +40,7 @@ Für eine vollständige Barrierefreiheit prüfen Sie die Verwendung einer vorgef
40
40
 
41
41
  ## Links und Referenzen
42
42
 
43
- - <kol-link _href="https://medium.com/@gavyn/til-autofocus-inputs-are-an-accessibility-problem-32ced60c3109" _target="_blank"></kol-link>
43
+ - <kol-link _href="https://medium.com/@gavyn/til-autofocus-inputs-are-an-accessibility-problem-32ced60c3109" _label="https://medium.com/@gavyn/til-autofocus-inputs-are-an-accessibility-problem-32ced60c3109" _target="_blank"></kol-link>
44
44
 
45
45
  <!-- Auto Generated Below -->
46
46
 
@@ -59,10 +59,11 @@ Für eine vollständige Barrierefreiheit prüfen Sie die Verwendung einer vorgef
59
59
  | `_icon` | `_icon` | Setzt die Iconklasse (z.B.: `_icon="codicon codicon-home`). | `string` \| `undefined` \| `{ right?: IconOrIconClass` \| `undefined; left?: IconOrIconClass` \| `undefined; }` | `undefined` |
60
60
  | `_id` | `_id` | Gibt die interne ID des primären Elements in der Komponente an. | `string` \| `undefined` | `undefined` |
61
61
  | `_label` _(required)_ | `_label` | Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.). | `boolean` \| `string` | `undefined` |
62
- | `_list` | `_list` | Gibt die Liste der Vorschlagswörter an. | `string` \| `string[]` \| `undefined` | `undefined` |
62
+ | `_list` | `_list` | <span class="text-red-500">**[DEPRECATED]**</span> Use _suggestions instead.<br/><br/>Gibt die Liste der Vorschlagswörter an. | `W3CInputValue[]` \| `string` \| `undefined` | `undefined` |
63
63
  | `_name` | `_name` | Gibt den technischen Namen des Eingabefeldes an. | `string` \| `undefined` | `undefined` |
64
64
  | `_on` | -- | Gibt die EventCallback-Funktionen für das Input-Event an. | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus` \| `undefined` | `undefined` |
65
- | `_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` |
65
+ | `_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; _ariaExpanded?: boolean` \| `undefined; _ariaSelected?: boolean` \| `undefined; _disabled?: boolean` \| `undefined; _icon?: Stringified<KoliBriIconProp>` \| `undefined; _iconAlign?: Align` \| `undefined; _iconOnly?: boolean` \| `undefined; _role?: AlternativButtonLinkRole` \| `undefined; _tabIndex?: number` \| `undefined; _tooltipAlign?: Align` \| `undefined; _ariaCurrent?: AriaCurrent` \| `undefined; _ariaLabel?: string` \| `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` |
66
+ | `_suggestions` | `_suggestions` | Suggestions to provide for the input. | `W3CInputValue[]` \| `string` \| `undefined` | `undefined` |
66
67
  | `_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` |
67
68
  | `_tooltipAlign` | `_tooltip-align` | Gibt an, ob der Tooltip bevorzugt entweder oben, rechts, unten oder links angezeigt werden soll. | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined` | `'top'` |
68
69
  | `_touched` | `_touched` | Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde. | `boolean` \| `undefined` | `false` |
package/doc/input-date.md CHANGED
@@ -46,10 +46,10 @@ Das Eingabefeld für Zeitangaben gibt es in unterschiedlichen Ausprägungen (Dat
46
46
 
47
47
  ## Links und Referenzen
48
48
 
49
- - <kol-link _href="https://www.w3.org/TR/2012/WD-html-markup-20120329/input.date.html" _target="_blank"></kol-link>
50
- - <kol-link _href="https://www.hassellinclusion.com/blog/input-type-date-ready-for-use/" _target="_blank"></kol-link>
51
- - <kol-link _href="https://a11ysupport.io/tech/html/input(type-date)_element" _target="_blank"></kol-link>
52
- - <kol-link _href="https://medium.com/@gavyn/til-autofocus-inputs-are-an-accessibility-problem-32ced60c3109" _target="_blank"></kol-link>
49
+ - <kol-link _href="https://www.w3.org/TR/2012/WD-html-markup-20120329/input.date.html" _label="https://www.w3.org/TR/2012/WD-html-markup-20120329/input.date.html" _target="_blank"></kol-link>
50
+ - <kol-link _href="https://www.hassellinclusion.com/blog/input-type-date-ready-for-use/" _label="https://www.hassellinclusion.com/blog/input-type-date-ready-for-use/" _target="_blank"></kol-link>
51
+ - <kol-link _href="https://a11ysupport.io/tech/html/input(type-date)_element" _label="https://a11ysupport.io/tech/html/input(type-date)_element" _target="_blank"></kol-link>
52
+ - <kol-link _href="https://medium.com/@gavyn/til-autofocus-inputs-are-an-accessibility-problem-32ced60c3109" _label="https://medium.com/@gavyn/til-autofocus-inputs-are-an-accessibility-problem-32ced60c3109" _target="_blank"></kol-link>
53
53
 
54
54
  <!-- Auto Generated Below -->
55
55
 
@@ -68,15 +68,16 @@ Das Eingabefeld für Zeitangaben gibt es in unterschiedlichen Ausprägungen (Dat
68
68
  | `_icon` | `_icon` | Setzt die Iconklasse (z.B.: `_icon="codicon codicon-home`). | `string` \| `undefined` \| `{ right?: IconOrIconClass` \| `undefined; left?: IconOrIconClass` \| `undefined; }` | `undefined` |
69
69
  | `_id` | `_id` | Gibt die interne ID des primären Elements in der Komponente an. | `string` \| `undefined` | `undefined` |
70
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` |
71
+ | `_list` | `_list` | <span class="text-red-500">**[DEPRECATED]**</span> Use _suggestions instead.<br/><br/>Gibt die Liste der Vorschlagszahlen an. | `string` \| `string[]` \| `undefined` | `undefined` |
72
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
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
74
  | `_name` | `_name` | Gibt den technischen Namen des Eingabefeldes an. | `string` \| `undefined` | `undefined` |
75
75
  | `_on` | -- | Gibt die EventCallback-Funktionen für das Input-Event an. | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus` \| `undefined` | `undefined` |
76
76
  | `_readOnly` | `_read-only` | Setzt das Eingabefeld in den schreibgeschützten Modus. | `boolean` \| `undefined` | `undefined` |
77
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` |
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; _ariaExpanded?: boolean` \| `undefined; _ariaSelected?: boolean` \| `undefined; _disabled?: boolean` \| `undefined; _icon?: Stringified<KoliBriIconProp>` \| `undefined; _iconAlign?: Align` \| `undefined; _iconOnly?: boolean` \| `undefined; _role?: AlternativButtonLinkRole` \| `undefined; _tabIndex?: number` \| `undefined; _tooltipAlign?: Align` \| `undefined; _ariaCurrent?: AriaCurrent` \| `undefined; _ariaLabel?: string` \| `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
79
  | `_step` | `_step` | Gibt die Schrittweite der Wertveränderung an. | `number` \| `undefined` | `undefined` |
80
+ | `_suggestions` | `_suggestions` | Suggestions to provide for the input. | `W3CInputValue[]` \| `string` \| `undefined` | `undefined` |
80
81
  | `_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
82
  | `_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
83
  | `_touched` | `_touched` | Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde. | `boolean` \| `undefined` | `false` |
@@ -37,8 +37,8 @@ Um eine fehlgeschlagene Validierung anzuzeigen, setzen Sie das Attrbut **`_error
37
37
 
38
38
  ## Links und Referenzen
39
39
 
40
- - <kol-link _href="https://medium.com/@gavyn/til-autofocus-inputs-are-an-accessibility-problem-32ced60c3109" _target="_blank"></kol-link>
41
- - <kol-link _href="https://www.jotform.com/blog/html5-datalists-what-you-need-to-know-78024/" _target="_blank"></kol-link>
40
+ - <kol-link _href="https://medium.com/@gavyn/til-autofocus-inputs-are-an-accessibility-problem-32ced60c3109" _label="https://medium.com/@gavyn/til-autofocus-inputs-are-an-accessibility-problem-32ced60c3109" _target="_blank"></kol-link>
41
+ - <kol-link _href="https://www.jotform.com/blog/html5-datalists-what-you-need-to-know-78024/" _label="https://www.jotform.com/blog/html5-datalists-what-you-need-to-know-78024/" _target="_blank"></kol-link>
42
42
 
43
43
  <!-- Auto Generated Below -->
44
44
 
@@ -58,7 +58,7 @@ Um eine fehlgeschlagene Validierung anzuzeigen, setzen Sie das Attrbut **`_error
58
58
  | `_icon` | `_icon` | Setzt die Iconklasse (z.B.: `_icon="codicon codicon-home`). | `string` \| `undefined` \| `{ right?: IconOrIconClass` \| `undefined; left?: IconOrIconClass` \| `undefined; }` | `undefined` |
59
59
  | `_id` | `_id` | Gibt die interne ID des primären Elements in der Komponente an. | `string` \| `undefined` | `undefined` |
60
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` |
61
+ | `_list` | `_list` | <span class="text-red-500">**[DEPRECATED]**</span> Use _suggestions.<br/><br/>Gibt die Liste der Vorschlagswörter an. | `string` \| `string[]` \| `undefined` | `undefined` |
62
62
  | `_maxLength` | `_max-length` | Gibt an, wie viele Zeichen maximal eingegeben werden können. | `number` \| `undefined` | `undefined` |
63
63
  | `_multiple` | `_multiple` | Gibt an, ob mehrere Werte eingegeben werden können. | `boolean` \| `undefined` | `undefined` |
64
64
  | `_name` | `_name` | Gibt den technischen Namen des Eingabefeldes an. | `string` \| `undefined` | `undefined` |
@@ -68,7 +68,8 @@ Um eine fehlgeschlagene Validierung anzuzeigen, setzen Sie das Attrbut **`_error
68
68
  | `_readOnly` | `_read-only` | Setzt das Eingabefeld in den schreibgeschützten Modus. | `boolean` \| `undefined` | `undefined` |
69
69
  | `_required` | `_required` | Macht das Eingabeelement zu einem Pflichtfeld. | `boolean` \| `undefined` | `undefined` |
70
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` |
71
+ | `_smartButton` | `_smart-button` | Ermöglicht eine Schaltfläche in das Eingabefeld mit einer beliebigen Aktion zu einzufügen (ohne label). | `string` \| `undefined` \| `{ _label: LabelWithExpertSlotPropType; } & { _ariaControls?: string` \| `undefined; _ariaExpanded?: boolean` \| `undefined; _ariaSelected?: boolean` \| `undefined; _disabled?: boolean` \| `undefined; _icon?: Stringified<KoliBriIconProp>` \| `undefined; _iconAlign?: Align` \| `undefined; _iconOnly?: boolean` \| `undefined; _role?: AlternativButtonLinkRole` \| `undefined; _tabIndex?: number` \| `undefined; _tooltipAlign?: Align` \| `undefined; _ariaCurrent?: AriaCurrent` \| `undefined; _ariaLabel?: string` \| `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
+ | `_suggestions` | `_suggestions` | Suggestions to provide for the input. | `W3CInputValue[]` \| `string` \| `undefined` | `undefined` |
72
73
  | `_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
74
  | `_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
75
  | `_touched` | `_touched` | Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde. | `boolean` \| `undefined` | `false` |
package/doc/input-file.md CHANGED
@@ -19,7 +19,7 @@ Der Input-Typ **File** erzeugt ein Eingabefeld für zum Beispiel Uploads. Es kö
19
19
  ## Verwendung
20
20
 
21
21
  Geben Sie über das Attribut **`_accept`** an, welche Dateitypen zur Auswahl erlaubt sind. Wird das Attribut nicht oder leer übergeben, sind alle Dateitypen erlaubt.
22
- Mögliche Werte und weitere Informationen erhalten Sie im <kol-link _href="https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept" _target="_blank" _label="MDN Artikel zum Attribut accept"></kol-link>.
22
+ Mögliche Werte und weitere Informationen erhalten Sie im <kol-link _href="https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept" _label="https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept" _target="_blank" _label="MDN Artikel zum Attribut accept"></kol-link>.
23
23
 
24
24
  ### Best practices
25
25
 
@@ -37,7 +37,7 @@ Mögliche Werte und weitere Informationen erhalten Sie im <kol-link _href="https
37
37
 
38
38
  ## Links und Referenzen
39
39
 
40
- - <kol-link _href="https://medium.com/@gavyn/til-autofocus-inputs-are-an-accessibility-problem-32ced60c3109" _target="_blank"></kol-link>
40
+ - <kol-link _href="https://medium.com/@gavyn/til-autofocus-inputs-are-an-accessibility-problem-32ced60c3109" _label="https://medium.com/@gavyn/til-autofocus-inputs-are-an-accessibility-problem-32ced60c3109" _target="_blank"></kol-link>
41
41
 
42
42
  <!-- Auto Generated Below -->
43
43
 
@@ -60,7 +60,7 @@ Mögliche Werte und weitere Informationen erhalten Sie im <kol-link _href="https
60
60
  | `_name` | `_name` | Gibt den technischen Namen des Eingabefeldes an. | `string` \| `undefined` | `undefined` |
61
61
  | `_on` | -- | Gibt die EventCallback-Funktionen für das Input-Event an. | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus` \| `undefined` | `undefined` |
62
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` |
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; _ariaExpanded?: boolean` \| `undefined; _ariaSelected?: boolean` \| `undefined; _disabled?: boolean` \| `undefined; _icon?: Stringified<KoliBriIconProp>` \| `undefined; _iconAlign?: Align` \| `undefined; _iconOnly?: boolean` \| `undefined; _role?: AlternativButtonLinkRole` \| `undefined; _tabIndex?: number` \| `undefined; _tooltipAlign?: Align` \| `undefined; _ariaCurrent?: AriaCurrent` \| `undefined; _ariaLabel?: string` \| `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
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
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
66
  | `_touched` | `_touched` | Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde. | `boolean` \| `undefined` | `false` |
@@ -29,7 +29,7 @@ Der Input-Typ **Number** erzeugt ein Eingabefeld für Zahlen.
29
29
 
30
30
  ## Links und Referenzen
31
31
 
32
- - <kol-link _href="https://medium.com/@gavyn/til-autofocus-inputs-are-an-accessibility-problem-32ced60c3109" _target="_blank"></kol-link>
32
+ - <kol-link _href="https://medium.com/@gavyn/til-autofocus-inputs-are-an-accessibility-problem-32ced60c3109" _label="https://medium.com/@gavyn/til-autofocus-inputs-are-an-accessibility-problem-32ced60c3109" _target="_blank"></kol-link>
33
33
 
34
34
  <!-- Auto Generated Below -->
35
35
 
@@ -48,7 +48,7 @@ Der Input-Typ **Number** erzeugt ein Eingabefeld für Zahlen.
48
48
  | `_icon` | `_icon` | Setzt die Iconklasse (z.B.: `_icon="codicon codicon-home`). | `string` \| `undefined` \| `{ right?: IconOrIconClass` \| `undefined; left?: IconOrIconClass` \| `undefined; }` | `undefined` |
49
49
  | `_id` | `_id` | Gibt die interne ID des primären Elements in der Komponente an. | `string` \| `undefined` | `undefined` |
50
50
  | `_label` _(required)_ | `_label` | Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.). | `boolean` \| `string` | `undefined` |
51
- | `_list` | `_list` | Gibt die Liste der Vorschlagszahlen an. | `string` \| `string[]` \| `undefined` | `undefined` |
51
+ | `_list` | `_list` | <span class="text-red-500">**[DEPRECATED]**</span> Use _suggestions intead.<br/><br/>Gibt die Liste der Vorschlagszahlen an. | `string` \| `string[]` \| `undefined` | `undefined` |
52
52
  | `_max` | `_max` | Gibt den größtmöglichen Eingabewert an. | ``${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}`` \| `number` \| `undefined` | `undefined` |
53
53
  | `_min` | `_min` | Gibt den kleinstmöglichen Eingabewert an. | ``${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}`` \| `number` \| `undefined` | `undefined` |
54
54
  | `_name` | `_name` | Gibt den technischen Namen des Eingabefeldes an. | `string` \| `undefined` | `undefined` |
@@ -56,12 +56,13 @@ Der Input-Typ **Number** erzeugt ein Eingabefeld für Zahlen.
56
56
  | `_placeholder` | `_placeholder` | Gibt den Platzhalter des Eingabefeldes an, wenn es leer ist. | `string` \| `undefined` | `undefined` |
57
57
  | `_readOnly` | `_read-only` | Setzt das Eingabefeld in den schreibgeschützten Modus. | `boolean` \| `undefined` | `undefined` |
58
58
  | `_required` | `_required` | Macht das Eingabeelement zu einem Pflichtfeld. | `boolean` \| `undefined` | `undefined` |
59
- | `_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` |
59
+ | `_smartButton` | `_smart-button` | Ermöglicht eine Schaltfläche in das Eingabefeld mit einer beliebigen Aktion zu einzufügen (ohne label). | `string` \| `undefined` \| `{ _label: LabelWithExpertSlotPropType; } & { _ariaControls?: string` \| `undefined; _ariaExpanded?: boolean` \| `undefined; _ariaSelected?: boolean` \| `undefined; _disabled?: boolean` \| `undefined; _icon?: Stringified<KoliBriIconProp>` \| `undefined; _iconAlign?: Align` \| `undefined; _iconOnly?: boolean` \| `undefined; _role?: AlternativButtonLinkRole` \| `undefined; _tabIndex?: number` \| `undefined; _tooltipAlign?: Align` \| `undefined; _ariaCurrent?: AriaCurrent` \| `undefined; _ariaLabel?: string` \| `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` |
60
60
  | `_step` | `_step` | Gibt die Schrittweite der Wertveränderung an. | `number` \| `undefined` | `undefined` |
61
+ | `_suggestions` | `_suggestions` | Suggestions to provide for the input. | `W3CInputValue[]` \| `string` \| `undefined` | `undefined` |
61
62
  | `_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` |
62
63
  | `_tooltipAlign` | `_tooltip-align` | Gibt an, ob der Tooltip bevorzugt entweder oben, rechts, unten oder links angezeigt werden soll. | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined` | `'top'` |
63
64
  | `_touched` | `_touched` | Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde. | `boolean` \| `undefined` | `false` |
64
- | `_type` | `_type` | <span class="text-red-500">**[DEPRECATED]**</span> Das W3C hat die Date-Typen in eine eigene Gruppe zusammengefasst. Verwende hierfür die InputDate-Komponente.<br/><br/>Setzt den Typ der Komponente oder des interaktiven Elements in der Komponente an. | `"date"` \| `"datetime-local"` \| `"month"` \| `"number"` \| `"time"` \| `"week"` \| `undefined` | `'number'` |
65
+ | `_type` | `_type` | <span style="color:red">**[DEPRECATED]**</span> Das W3C hat die Date-Typen in eine eigene Gruppe zusammengefasst. Verwende hierfür die InputDate-Komponente.<br/><br/>Setzt den Typ der Komponente oder des interaktiven Elements in der Komponente an. | `"date"` \| `"datetime-local"` \| `"month"` \| `"number"` \| `"time"` \| `"week"` \| `undefined` | `'number'` |
65
66
  | `_value` | `_value` | Gibt den Wert des Eingabefeldes an. | ``${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` \| `number` \| `undefined` | `undefined` |
66
67
 
67
68
 
@@ -34,7 +34,7 @@ Der Input-Typ **Password** erzeugt ein Eingabefeld für Passwörter. Die Eingabe
34
34
 
35
35
  ## Links und Referenzen
36
36
 
37
- - <kol-link _href="https://medium.com/@gavyn/til-autofocus-inputs-are-an-accessibility-problem-32ced60c3109" _target="_blank"></kol-link>
37
+ - <kol-link _href="https://medium.com/@gavyn/til-autofocus-inputs-are-an-accessibility-problem-32ced60c3109" _label="https://medium.com/@gavyn/til-autofocus-inputs-are-an-accessibility-problem-32ced60c3109" _target="_blank"></kol-link>
38
38
 
39
39
  <!-- Auto Generated Below -->
40
40
 
@@ -62,7 +62,7 @@ Der Input-Typ **Password** erzeugt ein Eingabefeld für Passwörter. Die Eingabe
62
62
  | `_readOnly` | `_read-only` | Setzt das Eingabefeld in den schreibgeschützten Modus. | `boolean` \| `undefined` | `undefined` |
63
63
  | `_required` | `_required` | Macht das Eingabeelement zu einem Pflichtfeld. | `boolean` \| `undefined` | `undefined` |
64
64
  | `_size` | `_size` | Setzt die Breite des Eingabefeldes in Buchstabenbreiten. | `number` \| `undefined` | `undefined` |
65
- | `_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` |
65
+ | `_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; _ariaExpanded?: boolean` \| `undefined; _ariaSelected?: boolean` \| `undefined; _disabled?: boolean` \| `undefined; _icon?: Stringified<KoliBriIconProp>` \| `undefined; _iconAlign?: Align` \| `undefined; _iconOnly?: boolean` \| `undefined; _role?: AlternativButtonLinkRole` \| `undefined; _tabIndex?: number` \| `undefined; _tooltipAlign?: Align` \| `undefined; _ariaCurrent?: AriaCurrent` \| `undefined; _ariaLabel?: string` \| `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` |
66
66
  | `_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` |
67
67
  | `_tooltipAlign` | `_tooltip-align` | Gibt an, ob der Tooltip bevorzugt entweder oben, rechts, unten oder links angezeigt werden soll. | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined` | `'top'` |
68
68
  | `_touched` | `_touched` | Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde. | `boolean` \| `undefined` | `false` |
@@ -14,17 +14,17 @@ Die Komponente **InputRadio** besteht aus einer Sammlung von Radio-Elementen und
14
14
  <kol-input-radio
15
15
  _id="anrede"
16
16
  _name="anrede"
17
- _list='[{"label":"Herr","value":"Herr"},{"label":"Frau","value":"Frau"}, {"label":"Firma","value":"Firma"}]'
17
+ _options='[{"label":"Herr","value":"Herr"},{"label":"Frau","value":"Frau"}, {"label":"Firma","value":"Firma"}]'
18
18
  ></kol-input-radio>
19
19
  ```
20
20
 
21
21
  ### Beispiel
22
22
 
23
- <kol-input-radio _id="anrede" _name="anrede" _list='[{"label":"Herr","value":"Herr"},{"label":"Frau","value":"Frau"}, {"label":"Firma","value":"Firma"}]'></kol-input-radio>
23
+ <kol-input-radio _id="anrede" _name="anrede" _options='[{"label":"Herr","value":"Herr"},{"label":"Frau","value":"Frau"}, {"label":"Firma","value":"Firma"}]'></kol-input-radio>
24
24
 
25
25
  ## Verwendung
26
26
 
27
- Die einzelnen Radio-Elemente innerhalb der Komponente ** InputRadio** werden über dass Attribut **_\_list_** als JSON-Objekt übergeben.
27
+ Die einzelnen Radio-Elemente innerhalb der Komponente ** InputRadio** werden über dass Attribut **_\_options_** als JSON-Objekt übergeben.
28
28
 
29
29
  Das JSON-Objekt erwartet je Radio-Element folgende Werte:
30
30
 
@@ -47,7 +47,7 @@ Dem EventHandler werden zwei Parameter übergeben, das ursprüngliche Event und
47
47
  <kol-input-radio
48
48
  _id="anrede"
49
49
  _name="anrede"
50
- _list={[
50
+ _options={[
51
51
  { label: 'Herr', value: 'Herr' },
52
52
  { label: 'Frau', value: 'Frau' },
53
53
  { label: 'Firma', value: 'Firma' },
@@ -59,7 +59,7 @@ Dem EventHandler werden zwei Parameter übergeben, das ursprüngliche Event und
59
59
  ### Best practices
60
60
 
61
61
  - Achten sie darauf `id` und `name` korrekt zu setzen, damit die Daten beim Formular Absenden mitgesendet werden.
62
- - Es wird immer mindestens ein Wert ausgewählt. Ähnlich dem Verhalten einer Select-Auswahl. (<kol-link _href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/radio#selecting_a_radio_button_by_default" _target="_blank"></kol-link>)
62
+ - Es wird immer mindestens ein Wert ausgewählt. Ähnlich dem Verhalten einer Select-Auswahl. (<kol-link _href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/radio#selecting_a_radio_button_by_default" _label="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/radio#selecting_a_radio_button_by_default" _target="_blank"></kol-link>)
63
63
 
64
64
  ## Barrierefreiheit
65
65
 
@@ -73,10 +73,10 @@ Dem EventHandler werden zwei Parameter übergeben, das ursprüngliche Event und
73
73
 
74
74
  ## Links und Referenzen
75
75
 
76
- - <kol-link _href="https://www.w3.org/TR/wai-aria-practices/#radiobutton" _target="_blank"></kol-link>
77
- - <kol-link _href="https://www.w3schools.com/tags/att_input_type_radio.asp" _target="_blank"></kol-link>
78
- - <kol-link _href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/radio" _target="_blank"></kol-link>
79
- - <kol-link _href="https://medium.com/@gavyn/til-autofocus-inputs-are-an-accessibility-problem-32ced60c3109" _target="_blank"></kol-link>
76
+ - <kol-link _href="https://www.w3.org/TR/wai-aria-practices/#radiobutton" _label="https://www.w3.org/TR/wai-aria-practices/#radiobutton" _target="_blank"></kol-link>
77
+ - <kol-link _href="https://www.w3schools.com/tags/att_input_type_radio.asp" _label="https://www.w3schools.com/tags/att_input_type_radio.asp" _target="_blank"></kol-link>
78
+ - <kol-link _href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/radio" _label="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/radio" _target="_blank"></kol-link>
79
+ - <kol-link _href="https://medium.com/@gavyn/til-autofocus-inputs-are-an-accessibility-problem-32ced60c3109" _label="https://medium.com/@gavyn/til-autofocus-inputs-are-an-accessibility-problem-32ced60c3109" _target="_blank"></kol-link>
80
80
 
81
81
  <!-- Auto Generated Below -->
82
82
 
@@ -93,9 +93,10 @@ Dem EventHandler werden zwei Parameter übergeben, das ursprüngliche Event und
93
93
  | `_hint` | `_hint` | Gibt den Hinweistext an. | `string` \| `undefined` | `''` |
94
94
  | `_id` | `_id` | Gibt die interne ID des primären Elements in der Komponente an. | `string` \| `undefined` | `undefined` |
95
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` |
96
+ | `_list` | `_list` | <span class="text-red-500">**[DEPRECATED]**</span> Use _options.<br/><br/>Gibt die Liste der Optionen für das Eingabefeld an. | `Option<W3CInputValue>[]` \| `string` \| `undefined` | `undefined` |
97
97
  | `_name` | `_name` | Gibt den technischen Namen des Eingabefeldes an. | `string` \| `undefined` | `undefined` |
98
98
  | `_on` | -- | Gibt die EventCallback-Funktionen für das Input-Event an. | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus` \| `undefined` | `undefined` |
99
+ | `_options` | `_options` | Options the user can choose from, also supporting Optgroup. | `Option<W3CInputValue>[]` \| `string` \| `undefined` | `undefined` |
99
100
  | `_orientation` | `_orientation` | Gibt die horizontale oder vertikale Ausrichtung der Komponente an. | `"horizontal"` \| `"vertical"` \| `undefined` | `'vertical'` |
100
101
  | `_required` | `_required` | Macht das Eingabeelement zu einem Pflichtfeld. | `boolean` \| `undefined` | `undefined` |
101
102
  | `_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` |