@public-ui/components 1.1.15 → 1.1.16-rc.1

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 (773) hide show
  1. package/cheat-sheet.html +13 -13
  2. package/custom-elements.json +11 -11
  3. package/dist/cjs/a11y.tipps-e1770acf.js.map +1 -0
  4. package/dist/cjs/{app-globals-0afb74ff.js → app-globals-332c4081.js} +1 -1
  5. package/dist/cjs/app-globals-332c4081.js.map +1 -0
  6. package/dist/cjs/bund-e238647c.js.map +1 -0
  7. package/dist/cjs/button-link-53dceb58.js.map +1 -0
  8. package/dist/cjs/color-54989457.js.map +1 -0
  9. package/dist/cjs/{controller-e4ec0893.js → controller-1e8b3dba.js} +1 -1
  10. package/dist/cjs/controller-1e8b3dba.js.map +1 -0
  11. package/dist/cjs/{controller-9c3fb07f.js → controller-52c889e1.js} +1 -1
  12. package/dist/cjs/controller-52c889e1.js.map +1 -0
  13. package/dist/cjs/controller-79725777.js.map +1 -0
  14. package/dist/cjs/{controller-f272d74e.js → controller-cd6a889c.js} +1 -1
  15. package/dist/cjs/controller-cd6a889c.js.map +1 -0
  16. package/dist/cjs/controller-deac578d.js.map +1 -0
  17. package/dist/cjs/{controller-f3a48fd9.js → controller-f18f4805.js} +1 -1
  18. package/dist/cjs/controller-f18f4805.js.map +1 -0
  19. package/dist/cjs/dev.utils-2353100d.js.map +1 -0
  20. package/dist/cjs/devtools-62a24a78.js.map +1 -0
  21. package/dist/cjs/index-1521d654.js +5 -0
  22. package/dist/cjs/index-1521d654.js.map +1 -0
  23. package/dist/cjs/index-95d4d068.js.map +1 -0
  24. package/dist/cjs/index-adbf25b5.js.map +1 -0
  25. package/dist/cjs/index-c4f8dd50.js.map +1 -0
  26. package/dist/cjs/index.cjs.js.map +1 -0
  27. package/dist/cjs/index.m-21aa1255.js.map +1 -0
  28. package/dist/cjs/kol-abbr.cjs.entry.js +1 -1
  29. package/dist/cjs/kol-abbr.cjs.entry.js.map +1 -0
  30. package/dist/cjs/kol-accordion.cjs.entry.js +1 -1
  31. package/dist/cjs/kol-accordion.cjs.entry.js.map +1 -0
  32. package/dist/cjs/kol-alert.cjs.entry.js +1 -1
  33. package/dist/cjs/kol-alert.cjs.entry.js.map +1 -0
  34. package/dist/cjs/kol-badge.cjs.entry.js +1 -1
  35. package/dist/cjs/kol-badge.cjs.entry.js.map +1 -0
  36. package/dist/cjs/kol-breadcrumb.cjs.entry.js +1 -1
  37. package/dist/cjs/kol-breadcrumb.cjs.entry.js.map +1 -0
  38. package/dist/cjs/kol-button-group-wc.cjs.entry.js +1 -1
  39. package/dist/cjs/kol-button-group-wc.cjs.entry.js.map +1 -0
  40. package/dist/cjs/kol-button-group.cjs.entry.js +1 -1
  41. package/dist/cjs/kol-button-group.cjs.entry.js.map +1 -0
  42. package/dist/cjs/kol-button-link.cjs.entry.js +1 -1
  43. package/dist/cjs/kol-button-link.cjs.entry.js.map +1 -0
  44. package/dist/cjs/kol-button-wc_2.cjs.entry.js +1 -1
  45. package/dist/cjs/kol-button-wc_2.cjs.entry.js.map +1 -0
  46. package/dist/cjs/kol-button.cjs.entry.js +1 -1
  47. package/dist/cjs/kol-button.cjs.entry.js.map +1 -0
  48. package/dist/cjs/kol-card.cjs.entry.js +1 -1
  49. package/dist/cjs/kol-card.cjs.entry.js.map +1 -0
  50. package/dist/cjs/kol-color.cjs.entry.js +1 -1
  51. package/dist/cjs/kol-color.cjs.entry.js.map +1 -0
  52. package/dist/cjs/kol-counter.cjs.entry.js +1 -1
  53. package/dist/cjs/kol-counter.cjs.entry.js.map +1 -0
  54. package/dist/cjs/kol-details.cjs.entry.js +1 -1
  55. package/dist/cjs/kol-details.cjs.entry.js.map +1 -0
  56. package/dist/cjs/kol-form.cjs.entry.js +1 -1
  57. package/dist/cjs/kol-form.cjs.entry.js.map +1 -0
  58. package/dist/cjs/kol-heading-wc_2.cjs.entry.js +1 -1
  59. package/dist/cjs/kol-heading-wc_2.cjs.entry.js.map +1 -0
  60. package/dist/cjs/kol-heading.cjs.entry.js +1 -1
  61. package/dist/cjs/kol-heading.cjs.entry.js.map +1 -0
  62. package/dist/cjs/kol-icon-font-awesome.cjs.entry.js +1 -1
  63. package/dist/cjs/kol-icon-font-awesome.cjs.entry.js.map +1 -0
  64. package/dist/cjs/kol-icon-icofont.cjs.entry.js +1 -1
  65. package/dist/cjs/kol-icon-icofont.cjs.entry.js.map +1 -0
  66. package/dist/cjs/kol-icon.cjs.entry.js +1 -1
  67. package/dist/cjs/kol-icon.cjs.entry.js.map +1 -0
  68. package/dist/cjs/kol-indented-text.cjs.entry.js +1 -1
  69. package/dist/cjs/kol-indented-text.cjs.entry.js.map +1 -0
  70. package/dist/cjs/kol-input-adapter-leanup.cjs.entry.js +1 -1
  71. package/dist/cjs/kol-input-adapter-leanup.cjs.entry.js.map +1 -0
  72. package/dist/cjs/kol-input-checkbox.cjs.entry.js +1 -1
  73. package/dist/cjs/kol-input-checkbox.cjs.entry.js.map +1 -0
  74. package/dist/cjs/kol-input-color.cjs.entry.js +1 -1
  75. package/dist/cjs/kol-input-color.cjs.entry.js.map +1 -0
  76. package/dist/cjs/kol-input-date.cjs.entry.js +1 -1
  77. package/dist/cjs/kol-input-date.cjs.entry.js.map +1 -0
  78. package/dist/cjs/kol-input-email.cjs.entry.js +1 -1
  79. package/dist/cjs/kol-input-email.cjs.entry.js.map +1 -0
  80. package/dist/cjs/kol-input-file.cjs.entry.js +1 -1
  81. package/dist/cjs/kol-input-file.cjs.entry.js.map +1 -0
  82. package/dist/cjs/kol-input-number.cjs.entry.js +1 -1
  83. package/dist/cjs/kol-input-number.cjs.entry.js.map +1 -0
  84. package/dist/cjs/kol-input-password.cjs.entry.js +1 -1
  85. package/dist/cjs/kol-input-password.cjs.entry.js.map +1 -0
  86. package/dist/cjs/kol-input-radio-group.cjs.entry.js +1 -1
  87. package/dist/cjs/kol-input-radio-group.cjs.entry.js.map +1 -0
  88. package/dist/cjs/kol-input-radio.cjs.entry.js +1 -1
  89. package/dist/cjs/kol-input-radio.cjs.entry.js.map +1 -0
  90. package/dist/cjs/kol-input-range.cjs.entry.js +1 -1
  91. package/dist/cjs/kol-input-range.cjs.entry.js.map +1 -0
  92. package/dist/cjs/kol-input-text.cjs.entry.js +1 -1
  93. package/dist/cjs/kol-input-text.cjs.entry.js.map +1 -0
  94. package/dist/cjs/kol-kolibri.cjs.entry.js +1 -1
  95. package/dist/cjs/kol-kolibri.cjs.entry.js.map +1 -0
  96. package/dist/cjs/kol-link-button.cjs.entry.js +1 -1
  97. package/dist/cjs/kol-link-button.cjs.entry.js.map +1 -0
  98. package/dist/cjs/kol-link-group.cjs.entry.js +1 -1
  99. package/dist/cjs/kol-link-group.cjs.entry.js.map +1 -0
  100. package/dist/cjs/kol-link-wc.cjs.entry.js +1 -1
  101. package/dist/cjs/kol-link-wc.cjs.entry.js.map +1 -0
  102. package/dist/cjs/kol-link.cjs.entry.js +1 -1
  103. package/dist/cjs/kol-link.cjs.entry.js.map +1 -0
  104. package/dist/cjs/kol-logo.cjs.entry.js +1 -1
  105. package/dist/cjs/kol-logo.cjs.entry.js.map +1 -0
  106. package/dist/cjs/kol-modal.cjs.entry.js +1 -1
  107. package/dist/cjs/kol-modal.cjs.entry.js.map +1 -0
  108. package/dist/cjs/kol-nav.cjs.entry.js +1 -1
  109. package/dist/cjs/kol-nav.cjs.entry.js.map +1 -0
  110. package/dist/cjs/kol-pagination.cjs.entry.js +1 -1
  111. package/dist/cjs/kol-pagination.cjs.entry.js.map +1 -0
  112. package/dist/cjs/kol-progress.cjs.entry.js +1 -1
  113. package/dist/cjs/kol-progress.cjs.entry.js.map +1 -0
  114. package/dist/cjs/kol-select.cjs.entry.js +1 -1
  115. package/dist/cjs/kol-select.cjs.entry.js.map +1 -0
  116. package/dist/cjs/kol-skip-nav.cjs.entry.js +1 -1
  117. package/dist/cjs/kol-skip-nav.cjs.entry.js.map +1 -0
  118. package/dist/cjs/kol-span.cjs.entry.js +1 -1
  119. package/dist/cjs/kol-span.cjs.entry.js.map +1 -0
  120. package/dist/cjs/kol-spin.cjs.entry.js +1 -1
  121. package/dist/cjs/kol-spin.cjs.entry.js.map +1 -0
  122. package/dist/cjs/kol-symbol.cjs.entry.js +1 -1
  123. package/dist/cjs/kol-symbol.cjs.entry.js.map +1 -0
  124. package/dist/cjs/kol-table.cjs.entry.js +1 -1
  125. package/dist/cjs/kol-table.cjs.entry.js.map +1 -0
  126. package/dist/cjs/kol-tabs.cjs.entry.js +1 -1
  127. package/dist/cjs/kol-tabs.cjs.entry.js.map +1 -0
  128. package/dist/cjs/kol-textarea.cjs.entry.js +1 -1
  129. package/dist/cjs/kol-textarea.cjs.entry.js.map +1 -0
  130. package/dist/cjs/kol-toast.cjs.entry.js +1 -1
  131. package/dist/cjs/kol-toast.cjs.entry.js.map +1 -0
  132. package/dist/cjs/kol-tooltip.cjs.entry.js +1 -1
  133. package/dist/cjs/kol-tooltip.cjs.entry.js.map +1 -0
  134. package/dist/cjs/kol-version.cjs.entry.js +1 -1
  135. package/dist/cjs/kol-version.cjs.entry.js.map +1 -0
  136. package/dist/cjs/kolibri.cjs.js +1 -1
  137. package/dist/cjs/kolibri.cjs.js.map +1 -0
  138. package/dist/cjs/label-65cac3c0.js +4 -0
  139. package/dist/cjs/label-65cac3c0.js.map +1 -0
  140. package/dist/cjs/loader.cjs.js +1 -1
  141. package/dist/cjs/loader.cjs.js.map +1 -0
  142. package/dist/cjs/prop.validators-8ddaf00e.js.map +1 -0
  143. package/dist/cjs/reuse-d95dc094.js +4 -0
  144. package/dist/cjs/reuse-d95dc094.js.map +1 -0
  145. package/dist/cjs/{tab-index-6d58aaf6.js → tab-index-7fc7b7f5.js} +1 -1
  146. package/dist/cjs/tab-index-7fc7b7f5.js.map +1 -0
  147. package/dist/cjs/validation-1d0eba3e.js.map +1 -0
  148. package/dist/cjs/validation-7fc058fe.js.map +1 -0
  149. package/dist/cjs/validator-6f53d4a2.js +4 -0
  150. package/dist/cjs/validator-6f53d4a2.js.map +1 -0
  151. package/dist/components/bund.js +4 -0
  152. package/dist/components/bund.js.map +1 -0
  153. package/dist/components/color.js.map +1 -0
  154. package/dist/components/component.js +1 -1
  155. package/dist/components/component.js.map +1 -0
  156. package/dist/components/component10.js +1 -1
  157. package/dist/components/component10.js.map +1 -0
  158. package/dist/components/component11.js +1 -1
  159. package/dist/components/component11.js.map +1 -0
  160. package/dist/components/component12.js +1 -1
  161. package/dist/components/component12.js.map +1 -0
  162. package/dist/components/component13.js +1 -1
  163. package/dist/components/component13.js.map +1 -0
  164. package/dist/components/component2.js +1 -1
  165. package/dist/components/component2.js.map +1 -0
  166. package/dist/components/component3.js +1 -1
  167. package/dist/components/component3.js.map +1 -0
  168. package/dist/components/component4.js +1 -1
  169. package/dist/components/component4.js.map +1 -0
  170. package/dist/components/component5.js +1 -1
  171. package/dist/components/component5.js.map +1 -0
  172. package/dist/components/component6.js +1 -1
  173. package/dist/components/component6.js.map +1 -0
  174. package/dist/components/component7.js +1 -1
  175. package/dist/components/component7.js.map +1 -0
  176. package/dist/components/component8.js +1 -1
  177. package/dist/components/component8.js.map +1 -0
  178. package/dist/components/component9.js +1 -1
  179. package/dist/components/component9.js.map +1 -0
  180. package/dist/components/controller.js +1 -1
  181. package/dist/components/controller.js.map +1 -0
  182. package/dist/components/controller2.js +1 -1
  183. package/dist/components/controller2.js.map +1 -0
  184. package/dist/components/controller3.js +1 -1
  185. package/dist/components/controller3.js.map +1 -0
  186. package/dist/components/controller4.js +1 -1
  187. package/dist/components/controller4.js.map +1 -0
  188. package/dist/components/devtools.js +1 -1
  189. package/dist/components/devtools.js.map +1 -0
  190. package/dist/components/index.d.ts +0 -59
  191. package/dist/components/index.js +1 -1
  192. package/dist/components/index.js.map +1 -0
  193. package/dist/components/index.m.js.map +1 -0
  194. package/dist/components/index2.js.map +1 -0
  195. package/dist/components/index3.js.map +1 -0
  196. package/dist/components/kol-abbr.js +1 -1
  197. package/dist/components/kol-abbr.js.map +1 -0
  198. package/dist/components/kol-accordion.js +1 -1
  199. package/dist/components/kol-accordion.js.map +1 -0
  200. package/dist/components/kol-alert.js +1 -1
  201. package/dist/components/kol-alert.js.map +1 -0
  202. package/dist/components/kol-badge.js +1 -1
  203. package/dist/components/kol-badge.js.map +1 -0
  204. package/dist/components/kol-breadcrumb.js +1 -1
  205. package/dist/components/kol-breadcrumb.js.map +1 -0
  206. package/dist/components/kol-button-group-wc.js +1 -1
  207. package/dist/components/kol-button-group-wc.js.map +1 -0
  208. package/dist/components/kol-button-group.js +1 -1
  209. package/dist/components/kol-button-group.js.map +1 -0
  210. package/dist/components/kol-button-link.js +1 -1
  211. package/dist/components/kol-button-link.js.map +1 -0
  212. package/dist/components/kol-button-wc.js +1 -1
  213. package/dist/components/kol-button-wc.js.map +1 -0
  214. package/dist/components/kol-button.js +1 -1
  215. package/dist/components/kol-button.js.map +1 -0
  216. package/dist/components/kol-card.js +1 -1
  217. package/dist/components/kol-card.js.map +1 -0
  218. package/dist/components/kol-color.js +1 -1
  219. package/dist/components/kol-color.js.map +1 -0
  220. package/dist/components/kol-counter.js.map +1 -0
  221. package/dist/components/kol-details.js +1 -1
  222. package/dist/components/kol-details.js.map +1 -0
  223. package/dist/components/kol-form.js +1 -1
  224. package/dist/components/kol-form.js.map +1 -0
  225. package/dist/components/kol-heading-wc.js.map +1 -0
  226. package/dist/components/kol-heading.js +1 -1
  227. package/dist/components/kol-heading.js.map +1 -0
  228. package/dist/components/kol-icon-font-awesome.js +1 -1
  229. package/dist/components/kol-icon-font-awesome.js.map +1 -0
  230. package/dist/components/kol-icon-icofont.js +1 -1
  231. package/dist/components/kol-icon-icofont.js.map +1 -0
  232. package/dist/components/kol-icon.js +1 -1
  233. package/dist/components/kol-icon.js.map +1 -0
  234. package/dist/components/kol-indented-text.js +1 -1
  235. package/dist/components/kol-indented-text.js.map +1 -0
  236. package/dist/components/kol-input-adapter-leanup.js +1 -1
  237. package/dist/components/kol-input-adapter-leanup.js.map +1 -0
  238. package/dist/components/kol-input-checkbox.js +1 -1
  239. package/dist/components/kol-input-checkbox.js.map +1 -0
  240. package/dist/components/kol-input-color.js +1 -1
  241. package/dist/components/kol-input-color.js.map +1 -0
  242. package/dist/components/kol-input-date.js +1 -1
  243. package/dist/components/kol-input-date.js.map +1 -0
  244. package/dist/components/kol-input-email.js +1 -1
  245. package/dist/components/kol-input-email.js.map +1 -0
  246. package/dist/components/kol-input-file.js +1 -1
  247. package/dist/components/kol-input-file.js.map +1 -0
  248. package/dist/components/kol-input-number.js +1 -1
  249. package/dist/components/kol-input-number.js.map +1 -0
  250. package/dist/components/kol-input-password.js +1 -1
  251. package/dist/components/kol-input-password.js.map +1 -0
  252. package/dist/components/kol-input-radio-group.js +1 -1
  253. package/dist/components/kol-input-radio-group.js.map +1 -0
  254. package/dist/components/kol-input-radio.js +1 -1
  255. package/dist/components/kol-input-radio.js.map +1 -0
  256. package/dist/components/kol-input-range.js +1 -1
  257. package/dist/components/kol-input-range.js.map +1 -0
  258. package/dist/components/kol-input-text.js +1 -1
  259. package/dist/components/kol-input-text.js.map +1 -0
  260. package/dist/components/kol-input.js +1 -1
  261. package/dist/components/kol-input.js.map +1 -0
  262. package/dist/components/kol-kolibri.js +1 -1
  263. package/dist/components/kol-kolibri.js.map +1 -0
  264. package/dist/components/kol-link-button.js +1 -1
  265. package/dist/components/kol-link-button.js.map +1 -0
  266. package/dist/components/kol-link-group.js +1 -1
  267. package/dist/components/kol-link-group.js.map +1 -0
  268. package/dist/components/kol-link-wc.js +1 -1
  269. package/dist/components/kol-link-wc.js.map +1 -0
  270. package/dist/components/kol-link.js +1 -1
  271. package/dist/components/kol-link.js.map +1 -0
  272. package/dist/components/kol-logo.js +1 -1
  273. package/dist/components/kol-logo.js.map +1 -0
  274. package/dist/components/kol-modal.js +1 -1
  275. package/dist/components/kol-modal.js.map +1 -0
  276. package/dist/components/kol-nav.js +1 -1
  277. package/dist/components/kol-nav.js.map +1 -0
  278. package/dist/components/kol-pagination.js +1 -1
  279. package/dist/components/kol-pagination.js.map +1 -0
  280. package/dist/components/kol-progress.js +1 -1
  281. package/dist/components/kol-progress.js.map +1 -0
  282. package/dist/components/kol-select.js +1 -1
  283. package/dist/components/kol-select.js.map +1 -0
  284. package/dist/components/kol-skip-nav.js +1 -1
  285. package/dist/components/kol-skip-nav.js.map +1 -0
  286. package/dist/components/kol-span-wc.js +1 -1
  287. package/dist/components/kol-span-wc.js.map +1 -0
  288. package/dist/components/kol-span.js +1 -1
  289. package/dist/components/kol-span.js.map +1 -0
  290. package/dist/components/kol-spin.js +1 -1
  291. package/dist/components/kol-spin.js.map +1 -0
  292. package/dist/components/kol-symbol.js.map +1 -0
  293. package/dist/components/kol-table.js +1 -1
  294. package/dist/components/kol-table.js.map +1 -0
  295. package/dist/components/kol-tabs.js +1 -1
  296. package/dist/components/kol-tabs.js.map +1 -0
  297. package/dist/components/kol-textarea.js +1 -1
  298. package/dist/components/kol-textarea.js.map +1 -0
  299. package/dist/components/kol-toast.js +1 -1
  300. package/dist/components/kol-toast.js.map +1 -0
  301. package/dist/components/kol-tooltip.js +1 -1
  302. package/dist/components/kol-tooltip.js.map +1 -0
  303. package/dist/components/kol-version.js +1 -1
  304. package/dist/components/kol-version.js.map +1 -0
  305. package/dist/components/prop.validators.js +1 -1
  306. package/dist/components/prop.validators.js.map +1 -0
  307. package/dist/components/shadow.js +1 -1
  308. package/dist/components/shadow.js.map +1 -0
  309. package/dist/components/shadow2.js +1 -1
  310. package/dist/components/shadow2.js.map +1 -0
  311. package/dist/components/validation.js +1 -1
  312. package/dist/components/validation.js.map +1 -0
  313. package/dist/esm/a11y.tipps-d591ee77.js.map +1 -0
  314. package/dist/esm/{app-globals-478a6001.js → app-globals-b7d289a6.js} +1 -1
  315. package/dist/esm/app-globals-b7d289a6.js.map +1 -0
  316. package/dist/esm/bund-fe1f3789.js.map +1 -0
  317. package/dist/esm/button-link-0e3aab16.js.map +1 -0
  318. package/dist/esm/color-d69786a5.js.map +1 -0
  319. package/dist/esm/{controller-ca25e97c.js → controller-1213105c.js} +1 -1
  320. package/dist/esm/controller-1213105c.js.map +1 -0
  321. package/dist/esm/{controller-014fc17e.js → controller-1dd6b29e.js} +1 -1
  322. package/dist/esm/controller-1dd6b29e.js.map +1 -0
  323. package/dist/esm/controller-1e0ec378.js.map +1 -0
  324. package/dist/esm/controller-563ae343.js.map +1 -0
  325. package/dist/esm/{controller-f46df1f0.js → controller-78b7b85d.js} +1 -1
  326. package/dist/esm/controller-78b7b85d.js.map +1 -0
  327. package/dist/esm/{controller-0a259caf.js → controller-b9c6b90a.js} +1 -1
  328. package/dist/esm/controller-b9c6b90a.js.map +1 -0
  329. package/dist/esm/dev.utils-daaf2f39.js.map +1 -0
  330. package/dist/esm/devtools-cc50ca43.js.map +1 -0
  331. package/dist/esm/index-1b8b837d.js.map +1 -0
  332. package/dist/esm/{index-a9774259.js → index-90999368.js} +1 -1
  333. package/dist/esm/index-90999368.js.map +1 -0
  334. package/dist/esm/index-d870d3e1.js.map +1 -0
  335. package/dist/esm/index-e722bdb7.js.map +1 -0
  336. package/dist/esm/index.js.map +1 -0
  337. package/dist/esm/index.m-86dc8c44.js.map +1 -0
  338. package/dist/esm/kol-abbr.entry.js +1 -1
  339. package/dist/esm/kol-abbr.entry.js.map +1 -0
  340. package/dist/esm/kol-accordion.entry.js +1 -1
  341. package/dist/esm/kol-accordion.entry.js.map +1 -0
  342. package/dist/esm/kol-alert.entry.js +1 -1
  343. package/dist/esm/kol-alert.entry.js.map +1 -0
  344. package/dist/esm/kol-badge.entry.js +1 -1
  345. package/dist/esm/kol-badge.entry.js.map +1 -0
  346. package/dist/esm/kol-breadcrumb.entry.js +1 -1
  347. package/dist/esm/kol-breadcrumb.entry.js.map +1 -0
  348. package/dist/esm/kol-button-group-wc.entry.js +1 -1
  349. package/dist/esm/kol-button-group-wc.entry.js.map +1 -0
  350. package/dist/esm/kol-button-group.entry.js +1 -1
  351. package/dist/esm/kol-button-group.entry.js.map +1 -0
  352. package/dist/esm/kol-button-link.entry.js +1 -1
  353. package/dist/esm/kol-button-link.entry.js.map +1 -0
  354. package/dist/esm/kol-button-wc_2.entry.js +1 -1
  355. package/dist/esm/kol-button-wc_2.entry.js.map +1 -0
  356. package/dist/esm/kol-button.entry.js +1 -1
  357. package/dist/esm/kol-button.entry.js.map +1 -0
  358. package/dist/esm/kol-card.entry.js +1 -1
  359. package/dist/esm/kol-card.entry.js.map +1 -0
  360. package/dist/esm/kol-color.entry.js +1 -1
  361. package/dist/esm/kol-color.entry.js.map +1 -0
  362. package/dist/esm/kol-counter.entry.js +1 -1
  363. package/dist/esm/kol-counter.entry.js.map +1 -0
  364. package/dist/esm/kol-details.entry.js +1 -1
  365. package/dist/esm/kol-details.entry.js.map +1 -0
  366. package/dist/esm/kol-form.entry.js +1 -1
  367. package/dist/esm/kol-form.entry.js.map +1 -0
  368. package/dist/esm/kol-heading-wc_2.entry.js +1 -1
  369. package/dist/esm/kol-heading-wc_2.entry.js.map +1 -0
  370. package/dist/esm/kol-heading.entry.js +1 -1
  371. package/dist/esm/kol-heading.entry.js.map +1 -0
  372. package/dist/esm/kol-icon-font-awesome.entry.js +1 -1
  373. package/dist/esm/kol-icon-font-awesome.entry.js.map +1 -0
  374. package/dist/esm/kol-icon-icofont.entry.js +1 -1
  375. package/dist/esm/kol-icon-icofont.entry.js.map +1 -0
  376. package/dist/esm/kol-icon.entry.js +1 -1
  377. package/dist/esm/kol-icon.entry.js.map +1 -0
  378. package/dist/esm/kol-indented-text.entry.js +1 -1
  379. package/dist/esm/kol-indented-text.entry.js.map +1 -0
  380. package/dist/esm/kol-input-adapter-leanup.entry.js +1 -1
  381. package/dist/esm/kol-input-adapter-leanup.entry.js.map +1 -0
  382. package/dist/esm/kol-input-checkbox.entry.js +1 -1
  383. package/dist/esm/kol-input-checkbox.entry.js.map +1 -0
  384. package/dist/esm/kol-input-color.entry.js +1 -1
  385. package/dist/esm/kol-input-color.entry.js.map +1 -0
  386. package/dist/esm/kol-input-date.entry.js +1 -1
  387. package/dist/esm/kol-input-date.entry.js.map +1 -0
  388. package/dist/esm/kol-input-email.entry.js +1 -1
  389. package/dist/esm/kol-input-email.entry.js.map +1 -0
  390. package/dist/esm/kol-input-file.entry.js +1 -1
  391. package/dist/esm/kol-input-file.entry.js.map +1 -0
  392. package/dist/esm/kol-input-number.entry.js +1 -1
  393. package/dist/esm/kol-input-number.entry.js.map +1 -0
  394. package/dist/esm/kol-input-password.entry.js +1 -1
  395. package/dist/esm/kol-input-password.entry.js.map +1 -0
  396. package/dist/esm/kol-input-radio-group.entry.js +1 -1
  397. package/dist/esm/kol-input-radio-group.entry.js.map +1 -0
  398. package/dist/esm/kol-input-radio.entry.js +1 -1
  399. package/dist/esm/kol-input-radio.entry.js.map +1 -0
  400. package/dist/esm/kol-input-range.entry.js +1 -1
  401. package/dist/esm/kol-input-range.entry.js.map +1 -0
  402. package/dist/esm/kol-input-text.entry.js +1 -1
  403. package/dist/esm/kol-input-text.entry.js.map +1 -0
  404. package/dist/esm/kol-kolibri.entry.js +1 -1
  405. package/dist/esm/kol-kolibri.entry.js.map +1 -0
  406. package/dist/esm/kol-link-button.entry.js +1 -1
  407. package/dist/esm/kol-link-button.entry.js.map +1 -0
  408. package/dist/esm/kol-link-group.entry.js +1 -1
  409. package/dist/esm/kol-link-group.entry.js.map +1 -0
  410. package/dist/esm/kol-link-wc.entry.js +1 -1
  411. package/dist/esm/kol-link-wc.entry.js.map +1 -0
  412. package/dist/esm/kol-link.entry.js +1 -1
  413. package/dist/esm/kol-link.entry.js.map +1 -0
  414. package/dist/esm/kol-logo.entry.js +1 -1
  415. package/dist/esm/kol-logo.entry.js.map +1 -0
  416. package/dist/esm/kol-modal.entry.js +1 -1
  417. package/dist/esm/kol-modal.entry.js.map +1 -0
  418. package/dist/esm/kol-nav.entry.js +1 -1
  419. package/dist/esm/kol-nav.entry.js.map +1 -0
  420. package/dist/esm/kol-pagination.entry.js +1 -1
  421. package/dist/esm/kol-pagination.entry.js.map +1 -0
  422. package/dist/esm/kol-progress.entry.js +1 -1
  423. package/dist/esm/kol-progress.entry.js.map +1 -0
  424. package/dist/esm/kol-select.entry.js +1 -1
  425. package/dist/esm/kol-select.entry.js.map +1 -0
  426. package/dist/esm/kol-skip-nav.entry.js +1 -1
  427. package/dist/esm/kol-skip-nav.entry.js.map +1 -0
  428. package/dist/esm/kol-span.entry.js +1 -1
  429. package/dist/esm/kol-span.entry.js.map +1 -0
  430. package/dist/esm/kol-spin.entry.js +1 -1
  431. package/dist/esm/kol-spin.entry.js.map +1 -0
  432. package/dist/esm/kol-symbol.entry.js +1 -1
  433. package/dist/esm/kol-symbol.entry.js.map +1 -0
  434. package/dist/esm/kol-table.entry.js +1 -1
  435. package/dist/esm/kol-table.entry.js.map +1 -0
  436. package/dist/esm/kol-tabs.entry.js +1 -1
  437. package/dist/esm/kol-tabs.entry.js.map +1 -0
  438. package/dist/esm/kol-textarea.entry.js +1 -1
  439. package/dist/esm/kol-textarea.entry.js.map +1 -0
  440. package/dist/esm/kol-toast.entry.js +1 -1
  441. package/dist/esm/kol-toast.entry.js.map +1 -0
  442. package/dist/esm/kol-tooltip.entry.js +1 -1
  443. package/dist/esm/kol-tooltip.entry.js.map +1 -0
  444. package/dist/esm/kol-version.entry.js +1 -1
  445. package/dist/esm/kol-version.entry.js.map +1 -0
  446. package/dist/esm/kolibri.js +1 -1
  447. package/dist/esm/kolibri.js.map +1 -0
  448. package/dist/esm/label-4e702e1f.js +4 -0
  449. package/dist/esm/label-4e702e1f.js.map +1 -0
  450. package/dist/esm/loader.js +1 -1
  451. package/dist/esm/loader.js.map +1 -0
  452. package/dist/esm/polyfills/css-shim.js +1 -1
  453. package/dist/esm/prop.validators-82b345aa.js.map +1 -0
  454. package/dist/esm/reuse-f9be4952.js +4 -0
  455. package/dist/esm/reuse-f9be4952.js.map +1 -0
  456. package/dist/esm/{tab-index-7a782a55.js → tab-index-f5bd7bba.js} +1 -1
  457. package/dist/esm/tab-index-f5bd7bba.js.map +1 -0
  458. package/dist/esm/validation-50c2f4e0.js.map +1 -0
  459. package/dist/esm/validation-54731d67.js.map +1 -0
  460. package/dist/esm/validator-8ee8737c.js +4 -0
  461. package/dist/esm/validator-8ee8737c.js.map +1 -0
  462. package/dist/kolibri/a11y.tipps-d591ee77.js +1 -1
  463. package/dist/kolibri/a11y.tipps-d591ee77.js.map +1 -0
  464. package/dist/kolibri/{app-globals-478a6001.js → app-globals-b7d289a6.js} +1 -1
  465. package/dist/kolibri/app-globals-b7d289a6.js.map +1 -0
  466. package/dist/kolibri/assets/table-simulation.js +1 -1
  467. package/dist/kolibri/bund-fe1f3789.js.map +1 -0
  468. package/dist/kolibri/button-link-0e3aab16.js.map +1 -0
  469. package/dist/kolibri/color-d69786a5.js.map +1 -0
  470. package/dist/kolibri/controller-1213105c.js +4 -0
  471. package/dist/kolibri/controller-1213105c.js.map +1 -0
  472. package/dist/kolibri/controller-1dd6b29e.js +4 -0
  473. package/dist/kolibri/controller-1dd6b29e.js.map +1 -0
  474. package/dist/kolibri/controller-1e0ec378.js.map +1 -0
  475. package/dist/kolibri/controller-563ae343.js +1 -1
  476. package/dist/kolibri/controller-563ae343.js.map +1 -0
  477. package/dist/kolibri/{controller-f46df1f0.js → controller-78b7b85d.js} +1 -1
  478. package/dist/kolibri/controller-78b7b85d.js.map +1 -0
  479. package/dist/kolibri/{controller-0a259caf.js → controller-b9c6b90a.js} +1 -1
  480. package/dist/kolibri/controller-b9c6b90a.js.map +1 -0
  481. package/dist/kolibri/dev.utils-daaf2f39.js +1 -1
  482. package/dist/kolibri/dev.utils-daaf2f39.js.map +1 -0
  483. package/dist/kolibri/devtools-cc50ca43.js.map +1 -0
  484. package/dist/kolibri/index-1b8b837d.js.map +1 -0
  485. package/dist/kolibri/index-90999368.js +5 -0
  486. package/dist/kolibri/index-90999368.js.map +1 -0
  487. package/dist/kolibri/index-d870d3e1.js +1 -1
  488. package/dist/kolibri/index-d870d3e1.js.map +1 -0
  489. package/dist/kolibri/index-e722bdb7.js +1 -1
  490. package/dist/kolibri/index-e722bdb7.js.map +1 -0
  491. package/dist/kolibri/index.esm.js.map +1 -0
  492. package/dist/kolibri/index.m-86dc8c44.js +1 -1
  493. package/dist/kolibri/index.m-86dc8c44.js.map +1 -0
  494. package/dist/kolibri/kol-abbr.entry.js +1 -1
  495. package/dist/kolibri/kol-abbr.entry.js.map +1 -0
  496. package/dist/kolibri/kol-accordion.entry.js +1 -1
  497. package/dist/kolibri/kol-accordion.entry.js.map +1 -0
  498. package/dist/kolibri/kol-alert.entry.js +1 -1
  499. package/dist/kolibri/kol-alert.entry.js.map +1 -0
  500. package/dist/kolibri/kol-badge.entry.js +1 -1
  501. package/dist/kolibri/kol-badge.entry.js.map +1 -0
  502. package/dist/kolibri/kol-breadcrumb.entry.js +1 -1
  503. package/dist/kolibri/kol-breadcrumb.entry.js.map +1 -0
  504. package/dist/kolibri/kol-button-group-wc.entry.js +1 -1
  505. package/dist/kolibri/kol-button-group-wc.entry.js.map +1 -0
  506. package/dist/kolibri/kol-button-group.entry.js +1 -1
  507. package/dist/kolibri/kol-button-group.entry.js.map +1 -0
  508. package/dist/kolibri/kol-button-link.entry.js +1 -1
  509. package/dist/kolibri/kol-button-link.entry.js.map +1 -0
  510. package/dist/kolibri/kol-button-wc_2.entry.js +1 -1
  511. package/dist/kolibri/kol-button-wc_2.entry.js.map +1 -0
  512. package/dist/kolibri/kol-button.entry.js +1 -1
  513. package/dist/kolibri/kol-button.entry.js.map +1 -0
  514. package/dist/kolibri/kol-card.entry.js +1 -1
  515. package/dist/kolibri/kol-card.entry.js.map +1 -0
  516. package/dist/kolibri/kol-color.entry.js +1 -1
  517. package/dist/kolibri/kol-color.entry.js.map +1 -0
  518. package/dist/kolibri/kol-counter.entry.js +1 -1
  519. package/dist/kolibri/kol-counter.entry.js.map +1 -0
  520. package/dist/kolibri/kol-details.entry.js +1 -1
  521. package/dist/kolibri/kol-details.entry.js.map +1 -0
  522. package/dist/kolibri/kol-form.entry.js +1 -1
  523. package/dist/kolibri/kol-form.entry.js.map +1 -0
  524. package/dist/kolibri/kol-heading-wc_2.entry.js +1 -1
  525. package/dist/kolibri/kol-heading-wc_2.entry.js.map +1 -0
  526. package/dist/kolibri/kol-heading.entry.js +1 -1
  527. package/dist/kolibri/kol-heading.entry.js.map +1 -0
  528. package/dist/kolibri/kol-icon-font-awesome.entry.js +1 -1
  529. package/dist/kolibri/kol-icon-font-awesome.entry.js.map +1 -0
  530. package/dist/kolibri/kol-icon-icofont.entry.js +1 -1
  531. package/dist/kolibri/kol-icon-icofont.entry.js.map +1 -0
  532. package/dist/kolibri/kol-icon.entry.js +1 -1
  533. package/dist/kolibri/kol-icon.entry.js.map +1 -0
  534. package/dist/kolibri/kol-indented-text.entry.js +1 -1
  535. package/dist/kolibri/kol-indented-text.entry.js.map +1 -0
  536. package/dist/kolibri/kol-input-adapter-leanup.entry.js +1 -1
  537. package/dist/kolibri/kol-input-adapter-leanup.entry.js.map +1 -0
  538. package/dist/kolibri/kol-input-checkbox.entry.js +1 -1
  539. package/dist/kolibri/kol-input-checkbox.entry.js.map +1 -0
  540. package/dist/kolibri/kol-input-color.entry.js +1 -1
  541. package/dist/kolibri/kol-input-color.entry.js.map +1 -0
  542. package/dist/kolibri/kol-input-date.entry.js +1 -1
  543. package/dist/kolibri/kol-input-date.entry.js.map +1 -0
  544. package/dist/kolibri/kol-input-email.entry.js +1 -1
  545. package/dist/kolibri/kol-input-email.entry.js.map +1 -0
  546. package/dist/kolibri/kol-input-file.entry.js +1 -1
  547. package/dist/kolibri/kol-input-file.entry.js.map +1 -0
  548. package/dist/kolibri/kol-input-number.entry.js +1 -1
  549. package/dist/kolibri/kol-input-number.entry.js.map +1 -0
  550. package/dist/kolibri/kol-input-password.entry.js +1 -1
  551. package/dist/kolibri/kol-input-password.entry.js.map +1 -0
  552. package/dist/kolibri/kol-input-radio-group.entry.js +1 -1
  553. package/dist/kolibri/kol-input-radio-group.entry.js.map +1 -0
  554. package/dist/kolibri/kol-input-radio.entry.js +1 -1
  555. package/dist/kolibri/kol-input-radio.entry.js.map +1 -0
  556. package/dist/kolibri/kol-input-range.entry.js +1 -1
  557. package/dist/kolibri/kol-input-range.entry.js.map +1 -0
  558. package/dist/kolibri/kol-input-text.entry.js +1 -1
  559. package/dist/kolibri/kol-input-text.entry.js.map +1 -0
  560. package/dist/kolibri/kol-kolibri.entry.js +1 -1
  561. package/dist/kolibri/kol-kolibri.entry.js.map +1 -0
  562. package/dist/kolibri/kol-link-button.entry.js +1 -1
  563. package/dist/kolibri/kol-link-button.entry.js.map +1 -0
  564. package/dist/kolibri/kol-link-group.entry.js +1 -1
  565. package/dist/kolibri/kol-link-group.entry.js.map +1 -0
  566. package/dist/kolibri/kol-link-wc.entry.js +1 -1
  567. package/dist/kolibri/kol-link-wc.entry.js.map +1 -0
  568. package/dist/kolibri/kol-link.entry.js +1 -1
  569. package/dist/kolibri/kol-link.entry.js.map +1 -0
  570. package/dist/kolibri/kol-logo.entry.js +1 -1
  571. package/dist/kolibri/kol-logo.entry.js.map +1 -0
  572. package/dist/kolibri/kol-modal.entry.js +1 -1
  573. package/dist/kolibri/kol-modal.entry.js.map +1 -0
  574. package/dist/kolibri/kol-nav.entry.js +1 -1
  575. package/dist/kolibri/kol-nav.entry.js.map +1 -0
  576. package/dist/kolibri/kol-pagination.entry.js +1 -1
  577. package/dist/kolibri/kol-pagination.entry.js.map +1 -0
  578. package/dist/kolibri/kol-progress.entry.js +1 -1
  579. package/dist/kolibri/kol-progress.entry.js.map +1 -0
  580. package/dist/kolibri/kol-select.entry.js +1 -1
  581. package/dist/kolibri/kol-select.entry.js.map +1 -0
  582. package/dist/kolibri/kol-skip-nav.entry.js +1 -1
  583. package/dist/kolibri/kol-skip-nav.entry.js.map +1 -0
  584. package/dist/kolibri/kol-span.entry.js +1 -1
  585. package/dist/kolibri/kol-span.entry.js.map +1 -0
  586. package/dist/kolibri/kol-spin.entry.js +1 -1
  587. package/dist/kolibri/kol-spin.entry.js.map +1 -0
  588. package/dist/kolibri/kol-symbol.entry.js +1 -1
  589. package/dist/kolibri/kol-symbol.entry.js.map +1 -0
  590. package/dist/kolibri/kol-table.entry.js +1 -1
  591. package/dist/kolibri/kol-table.entry.js.map +1 -0
  592. package/dist/kolibri/kol-tabs.entry.js +1 -1
  593. package/dist/kolibri/kol-tabs.entry.js.map +1 -0
  594. package/dist/kolibri/kol-textarea.entry.js +1 -1
  595. package/dist/kolibri/kol-textarea.entry.js.map +1 -0
  596. package/dist/kolibri/kol-toast.entry.js +1 -1
  597. package/dist/kolibri/kol-toast.entry.js.map +1 -0
  598. package/dist/kolibri/kol-tooltip.entry.js +1 -1
  599. package/dist/kolibri/kol-tooltip.entry.js.map +1 -0
  600. package/dist/kolibri/kol-version.entry.js +1 -1
  601. package/dist/kolibri/kol-version.entry.js.map +1 -0
  602. package/dist/kolibri/kolibri.esm.js +1 -1
  603. package/dist/kolibri/kolibri.esm.js.map +1 -0
  604. package/dist/kolibri/label-4e702e1f.js +4 -0
  605. package/dist/kolibri/label-4e702e1f.js.map +1 -0
  606. package/dist/kolibri/prop.validators-82b345aa.js +1 -1
  607. package/dist/kolibri/prop.validators-82b345aa.js.map +1 -0
  608. package/dist/kolibri/reuse-f9be4952.js +4 -0
  609. package/dist/kolibri/reuse-f9be4952.js.map +1 -0
  610. package/dist/kolibri/tab-index-f5bd7bba.js +4 -0
  611. package/dist/kolibri/tab-index-f5bd7bba.js.map +1 -0
  612. package/dist/kolibri/validation-50c2f4e0.js +1 -1
  613. package/dist/kolibri/validation-50c2f4e0.js.map +1 -0
  614. package/dist/kolibri/validation-54731d67.js.map +1 -0
  615. package/dist/kolibri/validator-8ee8737c.js +4 -0
  616. package/dist/kolibri/validator-8ee8737c.js.map +1 -0
  617. package/dist/types/components/@deprecated/input/types.d.ts +4 -4
  618. package/dist/types/components/@else/all/component.d.ts +5 -5
  619. package/dist/types/components/abbr/component.d.ts +6 -6
  620. package/dist/types/components/accordion/component.d.ts +7 -7
  621. package/dist/types/components/alert/component.d.ts +6 -6
  622. package/dist/types/components/badge/component.d.ts +7 -7
  623. package/dist/types/components/badge/contrast.d.ts +1 -1
  624. package/dist/types/components/breadcrumb/component.d.ts +6 -6
  625. package/dist/types/components/button/component.d.ts +1 -3
  626. package/dist/types/components/button/shadow.d.ts +3 -4
  627. package/dist/types/components/button-group/component.d.ts +6 -6
  628. package/dist/types/components/button-link/component.d.ts +1 -2
  629. package/dist/types/components/card/component.d.ts +6 -6
  630. package/dist/types/components/details/component.d.ts +6 -6
  631. package/dist/types/components/form/component.d.ts +7 -7
  632. package/dist/types/components/heading/component.d.ts +6 -6
  633. package/dist/types/components/icon/component.d.ts +6 -6
  634. package/dist/types/components/icon-font-awesome/component.d.ts +2 -2
  635. package/dist/types/components/icon-icofont/component.d.ts +3 -3
  636. package/dist/types/components/indented-text/component.d.ts +6 -6
  637. package/dist/types/components/input/types.d.ts +3 -3
  638. package/dist/types/components/input-adapter-leanup/types.d.ts +4 -4
  639. package/dist/types/components/input-checkbox/component.d.ts +2 -0
  640. package/dist/types/components/input-checkbox/types.d.ts +9 -9
  641. package/dist/types/components/input-color/component.d.ts +2 -0
  642. package/dist/types/components/input-color/types.d.ts +8 -8
  643. package/dist/types/components/input-date/component.d.ts +3 -0
  644. package/dist/types/components/input-date/types.d.ts +6 -6
  645. package/dist/types/components/input-email/component.d.ts +2 -2
  646. package/dist/types/components/input-email/types.d.ts +8 -8
  647. package/dist/types/components/input-file/component.d.ts +2 -2
  648. package/dist/types/components/input-file/types.d.ts +8 -8
  649. package/dist/types/components/input-number/component.d.ts +2 -2
  650. package/dist/types/components/input-number/types.d.ts +8 -8
  651. package/dist/types/components/input-password/component.d.ts +2 -3
  652. package/dist/types/components/input-password/types.d.ts +8 -8
  653. package/dist/types/components/input-radio/component.d.ts +2 -0
  654. package/dist/types/components/input-radio/controller.d.ts +4 -4
  655. package/dist/types/components/input-radio/types.d.ts +8 -8
  656. package/dist/types/components/input-range/component.d.ts +2 -0
  657. package/dist/types/components/input-range/types.d.ts +8 -8
  658. package/dist/types/components/input-text/component.d.ts +2 -2
  659. package/dist/types/components/input-text/controller.d.ts +4 -4
  660. package/dist/types/components/input-text/types.d.ts +10 -10
  661. package/dist/types/components/kolibri/component.d.ts +5 -5
  662. package/dist/types/components/link/component.d.ts +8 -4
  663. package/dist/types/components/link/shadow.d.ts +4 -0
  664. package/dist/types/components/link-button/component.d.ts +3 -0
  665. package/dist/types/components/link-group/component.d.ts +7 -7
  666. package/dist/types/components/logo/component.d.ts +5 -5
  667. package/dist/types/components/modal/component.d.ts +5 -5
  668. package/dist/types/components/nav/component.d.ts +7 -7
  669. package/dist/types/components/pagination/component.d.ts +6 -6
  670. package/dist/types/components/pagination/types.d.ts +1 -1
  671. package/dist/types/components/progress/component.d.ts +5 -5
  672. package/dist/types/components/select/component.d.ts +2 -1
  673. package/dist/types/components/select/types.d.ts +8 -8
  674. package/dist/types/components/skip-nav/component.d.ts +5 -5
  675. package/dist/types/components/span/component.d.ts +6 -6
  676. package/dist/types/components/span/test/html.mock.d.ts +2 -2
  677. package/dist/types/components/spin/component.d.ts +6 -6
  678. package/dist/types/components/symbol/component.d.ts +6 -6
  679. package/dist/types/components/table/component.d.ts +5 -5
  680. package/dist/types/components/tabs/component.d.ts +9 -9
  681. package/dist/types/components/textarea/component.d.ts +2 -0
  682. package/dist/types/components/textarea/types.d.ts +9 -9
  683. package/dist/types/components/toast/component.d.ts +6 -6
  684. package/dist/types/components/toast/toaster.d.ts +1 -1
  685. package/dist/types/components/tooltip/component.d.ts +7 -7
  686. package/dist/types/components/version/component.d.ts +6 -6
  687. package/dist/types/components.d.ts +98 -10
  688. package/dist/types/enums/color.d.ts +1 -1
  689. package/dist/types/enums/font-awesome.d.ts +2 -2
  690. package/dist/types/stencil-public-runtime.d.ts +15 -15
  691. package/dist/types/types/alert.d.ts +3 -3
  692. package/dist/types/types/aria-label.d.ts +1 -1
  693. package/dist/types/types/button-link.d.ts +37 -41
  694. package/dist/types/types/callbacks.d.ts +3 -3
  695. package/dist/types/types/common.d.ts +1 -1
  696. package/dist/types/types/heading-level.d.ts +1 -1
  697. package/dist/types/types/icofont.d.ts +1 -1
  698. package/dist/types/types/icon.d.ts +7 -7
  699. package/dist/types/types/input/control/number.d.ts +3 -3
  700. package/dist/types/types/input/control/text.d.ts +1 -1
  701. package/dist/types/types/input/iso8601.d.ts +13 -13
  702. package/dist/types/types/input/types.d.ts +9 -9
  703. package/dist/types/types/modal.d.ts +1 -1
  704. package/dist/types/types/orientation.d.ts +1 -1
  705. package/dist/types/types/progress.d.ts +1 -1
  706. package/dist/types/types/props/alignment.d.ts +3 -3
  707. package/dist/types/types/table.d.ts +11 -11
  708. package/dist/types/types/toast.d.ts +1 -1
  709. package/dist/types/utils/dev.utils.d.ts +1 -1
  710. package/dist/types/utils/prop.validators.d.ts +5 -5
  711. package/dist/types/utils/reuse.d.ts +2 -0
  712. package/dist/types/utils/validator.d.ts +1 -0
  713. package/doc/abbr.md +77 -0
  714. package/doc/accordion.md +144 -0
  715. package/doc/alert.md +130 -0
  716. package/doc/badge.md +137 -0
  717. package/doc/breadcrumb.md +143 -0
  718. package/doc/button-group.md +107 -0
  719. package/doc/button-link.md +76 -0
  720. package/doc/button.md +192 -0
  721. package/doc/card.md +162 -0
  722. package/doc/details.md +116 -0
  723. package/doc/form.md +45 -0
  724. package/doc/heading.md +66 -0
  725. package/doc/icon-font-awesome.md +96 -0
  726. package/doc/icon-icofont.md +90 -0
  727. package/doc/icon.md +78 -0
  728. package/doc/indented-text.md +64 -0
  729. package/doc/input-adapter-leanup.md +144 -0
  730. package/doc/input-checkbox.md +102 -0
  731. package/doc/input-color.md +102 -0
  732. package/doc/input-date.md +111 -0
  733. package/doc/input-email.md +103 -0
  734. package/doc/input-file.md +93 -0
  735. package/doc/input-number.md +125 -0
  736. package/doc/input-password.md +96 -0
  737. package/doc/input-radio-group.md +58 -0
  738. package/doc/input-radio.md +134 -0
  739. package/doc/input-range.md +95 -0
  740. package/doc/input-text.md +104 -0
  741. package/doc/kolibri.md +36 -0
  742. package/doc/link-button.md +90 -0
  743. package/doc/link-group.md +126 -0
  744. package/doc/link.md +166 -0
  745. package/doc/logo.md +76 -0
  746. package/doc/modal.md +124 -0
  747. package/doc/nav.md +156 -0
  748. package/doc/pagination.md +111 -0
  749. package/doc/progress.md +56 -0
  750. package/doc/select.md +182 -0
  751. package/doc/skip-nav.md +98 -0
  752. package/doc/span.md +31 -0
  753. package/doc/spin.md +52 -0
  754. package/doc/table.md +220 -0
  755. package/doc/tabs.md +151 -0
  756. package/doc/textarea.md +108 -0
  757. package/doc/toast.md +95 -0
  758. package/doc/tooltip.md +66 -0
  759. package/doc/version.md +67 -0
  760. package/jest-test-results.json +1 -1
  761. package/package.json +9 -2
  762. package/vscode-custom-data.json +14 -10
  763. package/dist/cjs/index-59a3234b.js +0 -5
  764. package/dist/cjs/label-f7d91f42.js +0 -4
  765. package/dist/cjs/validator-3162f24c.js +0 -4
  766. package/dist/esm/label-6aec7f29.js +0 -4
  767. package/dist/esm/validator-fe8c60ef.js +0 -4
  768. package/dist/kolibri/controller-014fc17e.js +0 -4
  769. package/dist/kolibri/controller-ca25e97c.js +0 -4
  770. package/dist/kolibri/index-a9774259.js +0 -5
  771. package/dist/kolibri/label-6aec7f29.js +0 -4
  772. package/dist/kolibri/tab-index-7a782a55.js +0 -4
  773. package/dist/kolibri/validator-fe8c60ef.js +0 -4
package/doc/indented-text.md ADDED
@@ -0,0 +1,64 @@
1
+ # IndentedText
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.
4
+
5
+ In der Komponente kann beliebiger HTML-Code verwendet werden.
6
+
7
+ ## Konstruktion
8
+
9
+ ### Code
10
+
11
+ ```tsx
12
+ <kol-indented-text>
13
+ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At
14
+ vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit
15
+ amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt.
16
+ </kol-indented-text>
17
+ ```
18
+
19
+ ### Beispiel
20
+
21
+ <kol-indented-text>
22
+ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing
23
+ elitr, sed diam nonumy eirmod tempor invidunt.
24
+ </kol-indented-text>
25
+
26
+ ## Verwendung
27
+
28
+ Die Komponente besitzt keine weiteren Attribute. Der hervorzuhebende Text wird zwischen das öffnende und das schließende Tag geschrieben.
29
+
30
+ ### Best practices
31
+
32
+ - Verwenden Sie die **IndentedText**-Komponente, um ergänzende Informationen zu einem Hauptthema optisch hervorzuheben.
33
+ - Vermeiden Sie, wichtige Informationen in der Komponente auszugeben, die eine Aktion der Nutzer:innen erfordern.
34
+ - Vermeiden Sie, viele **IndentedText**-Komponenten auf einer Einzelseite zu integrieren, da hierdurch die Übersichtlichkeit sinkt.
35
+
36
+ ### Anwendungsfälle
37
+
38
+ Verwenden Sie die **IndentedText**-Komponente, um Textpassagen oder Informationen optisch hervorzuheben.
39
+
40
+ ## Barrierefreiheit
41
+
42
+ <!--## Links und Referenzen
43
+
44
+ <!-- Auto Generated Below -->
45
+
46
+
47
+ ## Dependencies
48
+
49
+ ### Used by
50
+
51
+ - [kol-details](../details)
52
+ - [kol-form](../form)
53
+
54
+ ### Graph
55
+ ```mermaid
56
+ graph TD;
57
+ kol-details --> kol-indented-text
58
+ kol-form --> kol-indented-text
59
+ style kol-indented-text fill:#f9f,stroke:#333,stroke-width:4px
60
+ ```
61
+
62
+ ----------------------------------------------
63
+
64
+
package/doc/input-adapter-leanup.md ADDED
@@ -0,0 +1,144 @@
1
+ # InputAdapterLeanup
2
+
3
+ Die **InputAdapterLeanup**-Komponente wird im Zusammenhang mit der Nutzung von beliebigen Input-Komponenten innerhalb eines Formulars verwendet. Sie dient als technischer Container, der die jeweilige Input-Komponente als Control übergeben wird. Auf diese Weise wird die vollständige, datenseitige Steuerung der Input-Komponente über das **InputAdapterLeanup** gewährleistet. Die Input-Komponente dient allein der optischen bzw. layouttechnischen Ausgabe.
4
+
5
+ ## 🔥 Refactoring
6
+
7
+ > Der Leanup-Adapter ermöglicht das Framework-agnostische Handlen von Formularen, deren Werte, Validatoren, Formattern, Parsern und vieles mehr. Initial wurde der Adapter innerhalb von KoliBri umgesetzt, da zunächst die Funktionalität im Fokus stand. Nun erfolgen Änderungen (Refactorings) alles in den richtigen Domänen zu verorten. Dazu muss die Komponente `KolInputAdapterLeanup` durch eine Leanup-Komponente (`LeanInputAdapter`) ersetzt und in die Verantwortung des Leanup-Teams gegeben werden. Dies ist mittlerweile geschehen und wie folgt nutzbar.
8
+
9
+ ### Installation
10
+
11
+ `npm i @leanup/form @leanup/kolibri-components` und optional für React `npm i @leanup/kolibri-react`
12
+
13
+ ### Integration
14
+
15
+ #### Statische Integration (HTML)
16
+
17
+ ```html
18
+ ...
19
+ <head>
20
+ ...
21
+ <script type="module" src="assets/@public-ui/components/www/build/kolibri.esm.js"></script>
22
+ <script type="module" src="assets/@leanup/kolibri-components/www/build/leanup.esm.js"></script>
23
+ ...
24
+ </head>
25
+ ...
26
+ ```
27
+
28
+ #### Dynamische Integration (JavaScript)
29
+
30
+ ```tsx
31
+ import { defineCustomElements as kolElements } from '@public-ui/components/dist/loader';
32
+ import { defineCustomElements as leanElements } from '@leanup/kolibri-components/dist/loader';
33
+ import { BMF } from '@public-ui/themes';
34
+
35
+ register([BMF], [kolElements, leanElements])
36
+ .then(() => {
37
+ const htmlElement = document.querySelector<HTMLDivElement>('div#app');
38
+ if (htmlElement instanceof HTMLElement) {
39
+ const root = createRoot(htmlElement);
40
+ root.render(
41
+ <Router>
42
+ <AppComponent />
43
+ </Router>
44
+ );
45
+ }
46
+ })
47
+ .catch(console.warn);
48
+ ```
49
+
50
+ ### Verwendung
51
+
52
+ #### Statische Verwendung (HTML)
53
+
54
+ ```html
55
+ <lean-input-adapter _control="...">
56
+ <kol-input-text ... />
57
+ </lean-input-adapter>
58
+ ```
59
+
60
+ #### Dynamische Verwendung (JavaScript)
61
+
62
+ ```jsx
63
+ <LeanInputAdapter _control="...">
64
+ <KolInputText ... />
65
+ </LeanInputAdapter>
66
+ ```
67
+
68
+ ## Konfiguration
69
+
70
+ Die **InputAdapterLeanup**-Komponente wird über das Hauptelement `<kol-input-adapter-leanup'></kol-input-adapter-leanup>` erzeugt. Ihm wird mit dem Attribut `_control` die gewünschte Input-Komponente übergeben. Innerhalb der **InputAdapterLeanup**-Komponente wird die eigentliche Input-Komponente geschrieben.
71
+
72
+ ### Code
73
+
74
+ ```tsx
75
+ <kol-input-adapter-leanup _control={this.ctrl.formLocation.getInput('location') as InputControl}>
76
+ <kol-input-text _placeholder="Platzhaltertext" _type="text">
77
+ Eingabefeld
78
+ </kol-input-text>
79
+ </kol-input-adapter-leanup>
80
+ ```
81
+
82
+ ### Beispiel
83
+
84
+ <kol-input-text _placeholder="Platzhaltertext" _type="text">Eingabefeld</kol-input-text>
85
+
86
+ ## Verwendung
87
+
88
+ ### Verwaltete Properties
89
+
90
+ Die Adapter-Komponente verwaltet folgende Properties automatisch, **die dann nicht mehr direkt an der reinen KoliBri-Komponente gesetzt werden können**:
91
+
92
+ | Property | Erläuterung |
93
+ | ------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------ |
94
+ | `_checked` | Handelt es sich bei der Eingabekomponente um eine Checkbox und ist der `_value` gleich `true`, dann wird `_checked` `true` gesetzt, ansonsten `false`. |
95
+ | `_disabled` | Über das `Form`- und `InputControl` kann können alle bzw. ein Eingabefeld aktiviert und deaktiviert werden. |
96
+ | `_error` | Das `Form-` und `InputControl` werten automatisch die relevanten Validatoren aus und setzt die Fehlermeldung entsprechend. |
97
+ | `_id` | Die eindeutige ID eines Eingabefeldes kann aus der Formularstruktur des `FormControl`'s und des enthaltenen `InputControl`'s abgeleitet werden. |
98
+ | `_name` | Der Name des Eingabefeldes kann aus dem `InputControl`'s abgeleitet werden. |
99
+ | `_on` | Der Adapter hängt sich mit einem zusätzlichen Change-Listener in die Eingabekomponente ein, um Änderungen übernehmen zu können. |
100
+ | `_required` | Über das `InputControl` kann ein Eingabefeld erforderlich oder nicht erforderlich gesetzt werden. |
101
+ | `_value` | Der Wert eines Eingabefeldes entspricht dem sogenannten View-Value des `InputControl`'s. |
102
+ | `Label-Text` | Wenn ein Label im `InputControl` gesetzt ist, dann wird es beim Rendern im HTML übernommen. |
103
+
104
+ <!--### Best practices
105
+
106
+ ### Anwendungsfälle
107
+
108
+ ## Links und Referenzen
109
+
110
+ <!-- Auto Generated Below -->
111
+
112
+
113
+ > **[DEPRECATED]** Use the separated lean-input-adapter from the `@leanup/kolibri-components` package.
114
+
115
+ ## Dependencies
116
+
117
+ ### Depends on
118
+
119
+ - [kol-alert](../alert)
120
+ - [kol-link](../link)
121
+
122
+ ### Graph
123
+ ```mermaid
124
+ graph TD;
125
+ kol-input-adapter-leanup --> kol-alert
126
+ kol-input-adapter-leanup --> kol-link
127
+ kol-alert --> kol-heading-wc
128
+ kol-alert --> kol-button-wc
129
+ kol-alert --> kol-icon
130
+ kol-button-wc --> kol-span-wc
131
+ kol-button-wc --> kol-tooltip
132
+ kol-span-wc --> kol-icon
133
+ kol-tooltip --> kol-badge
134
+ kol-badge --> kol-span-wc
135
+ kol-badge --> kol-button-wc
136
+ kol-link --> kol-link-wc
137
+ kol-link-wc --> kol-span-wc
138
+ kol-link-wc --> kol-tooltip
139
+ style kol-input-adapter-leanup fill:#f9f,stroke:#333,stroke-width:4px
140
+ ```
141
+
142
+ ----------------------------------------------
143
+
144
+
package/doc/input-checkbox.md ADDED
@@ -0,0 +1,102 @@
1
+ # Checkbox
2
+
3
+ Der Input-Typ **_Checkbox_** generiert eine rechteckige Box, die durch Anklicken aktiviert und wieder deaktiviert wird. In aktiviertem Zustand befindet sich ein farbiger Haken in der Box.
4
+
5
+ Eine optische Alternative zur Standard-Checkbox stellt die Ausgabe als **_Switch_** dar. Hierbei wird die Checkbox zu einem Schieberegler gewandelt, der bei Anklicken nach rechts (aktiv) bzw. nach links (inaktiv) verschoben wird.
6
+
7
+ ## Konstruktion
8
+
9
+ ### Code
10
+
11
+ ```tsx
12
+ <kol-input-checkbox _id="meine_checkbox" _name="meine_checkbox">
13
+ * Ich stimme der <kol-link>Datenschutzerklärung zu</kol-link>
14
+ </kol-input-checkbox>
15
+ ```
16
+
17
+ ### Beispiel
18
+
19
+ <kol-input-checkbox _id="meine_checkbox" _name="meine_checkbox">\* Ich stimme der <kol-link>Datenschutzerklärung zu</kol-link></kol-input-checkbox>
20
+
21
+ ## Verwendung
22
+
23
+ Checkboxen werden als Einzelelement oder als Liste beliebig vieler Checkboxen verwendet. Sie ermöglichen den Nutzer:innen, aus einer vordefinierten Anzahl von Möglichkeiten eine oder mehrere auszuwählen.
24
+
25
+ ### Best practices
26
+
27
+ - Verwenden Sie eine einzelne Checkbox, wenn Sie von den Nutzer:innen eine einfach Bestätigung wünschen, z.B. Akzeptieren der Datenschutzerklärung.
28
+ - Verwenden Sie eine Gruppe von Checkboxen, um den Nutzer:innen die Möglichkeit zu geben einen oder mehrere Werte auszuwählen.
29
+ - Vermeiden Sie zu viele Checkboxen, da hierdurch die Übersichtlichkeit verloren geht. Verwenden Sie in diesem Fall eine Select-Box.
30
+
31
+ ## Barrierefreiheit
32
+
33
+ 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 <a href="?path=/story/react-select-beschreibung--page">Select-Box</a>.
34
+
35
+ Achten Sie darauf, jeder Checkbox ein Label zuzuweisen, da dieses von Screenreadern vorgelesen wird und so eine eindeutige Identifikation des Eingabefeldes ermöglicht.
36
+
37
+ ### Tastatursteuerung
38
+
39
+ | Taste | Funktion |
40
+ | ------ | ------------------------------------------------------------------------------------------------------------------ |
41
+ | `Tab` | Fokussiert die Checkbox bzw. ermöglicht den Wechsel zwischen Checkboxen einer Liste. |
42
+ | `Leer` | Aktiviert bzw. deaktiviert die Checkbox. Der Zustand **_Indeterminate_** ist über die Tastatur nicht herzustellen. |
43
+
44
+ ## Links und Referenzen
45
+
46
+ - https://www.w3.org/TR/wai-aria-practices/#checkbox
47
+ - https://medium.com/@gavyn/til-autofocus-inputs-are-an-accessibility-problem-32ced60c3109
48
+
49
+ <!-- Auto Generated Below -->
50
+
51
+
52
+ ## Properties
53
+
54
+ | Property | Attribute | Description | Type | Default |
55
+ | ------------------ | ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------- | ------------ |
56
+ | `_accessKey` | `_access-key` | Gibt an, mit welcher Tastenkombination man das Input auslösen oder fokussieren kann. | `string \| undefined` | `undefined` |
57
+ | `_alert` | `_alert` | Gibt an, ob die Fehlermeldung vorgelesen werden soll, wenn es eine gibt. | `boolean \| undefined` | `true` |
58
+ | `_checked` | `_checked` | Gibt an, ob die Checkbox ausgewählt ist oder nicht. | `boolean \| undefined` | `false` |
59
+ | `_disabled` | `_disabled` | Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist. | `boolean \| undefined` | `undefined` |
60
+ | `_error` | `_error` | Gibt den Text für eine Fehlermeldung an. | `string \| undefined` | `undefined` |
61
+ | `_hideLabel` | `_hide-label` | Gibt an, ob das Eingabefeld kein sichtbares Label haben soll. | `boolean \| undefined` | `undefined` |
62
+ | `_hint` | `_hint` | Gibt den Text für eine Hinweistext an. | `string \| undefined` | `''` |
63
+ | `_id` _(required)_ | `_id` | Gibt die technische ID des Eingabefeldes an. | `string` | `undefined` |
64
+ | `_indeterminate` | `_indeterminate` | Gibt an, ob die Checkbox weder ausgewählt noch nicht ausgewählt ist. | `boolean \| undefined` | `undefined` |
65
+ | `_name` | `_name` | Gibt den technischen Namen des Eingabefeldes an. | `string \| undefined` | `undefined` |
66
+ | `_on` | -- | Gibt die EventCallback-Funktionen für das Input-Event an. | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus \| undefined` | `undefined` |
67
+ | `_required` | `_required` | Gibt an, ob die Checkbox ein Pflichtfeld ist. | `boolean \| undefined` | `undefined` |
68
+ | `_tabIndex` | `_tab-index` | Gibt an, welchen Tab-Index dieses Input hat. | `number \| undefined` | `undefined` |
69
+ | `_touched` | `_touched` | Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde. | `boolean \| undefined` | `false` |
70
+ | `_type` | `_type` | <span class="text-red-500">**[DEPRECATED]**</span> Verwende stattdessen das Attribute _variant.<br/><br/>Gibt an, welchen Type das Input haben soll. | `"checkbox" \| "switch" \| undefined` | `'checkbox'` |
71
+ | `_value` | `_value` | Gibt den Wert der Checkbox an. | `string \| undefined` | `undefined` |
72
+ | `_variant` | `_variant` | Gibt an, welchen Type das Input haben soll. | `"checkbox" \| "switch" \| undefined` | `undefined` |
73
+
74
+
75
+ ## Dependencies
76
+
77
+ ### Depends on
78
+
79
+ - kol-input
80
+
81
+ ### Graph
82
+ ```mermaid
83
+ graph TD;
84
+ kol-input-checkbox --> kol-input
85
+ kol-input --> kol-icon
86
+ kol-input --> kol-button-wc
87
+ kol-input --> kol-alert
88
+ kol-button-wc --> kol-span-wc
89
+ kol-button-wc --> kol-tooltip
90
+ kol-span-wc --> kol-icon
91
+ kol-tooltip --> kol-badge
92
+ kol-badge --> kol-span-wc
93
+ kol-badge --> kol-button-wc
94
+ kol-alert --> kol-heading-wc
95
+ kol-alert --> kol-button-wc
96
+ kol-alert --> kol-icon
97
+ style kol-input-checkbox fill:#f9f,stroke:#333,stroke-width:4px
98
+ ```
99
+
100
+ ----------------------------------------------
101
+
102
+
package/doc/input-color.md ADDED
@@ -0,0 +1,102 @@
1
+ # InputColor
2
+
3
+ Der Input-Typ **Color** erzeugt ein Auswahlfeld für die Definition einer beliebigen Farbe. Die Angabe der Farbe kann in hexadezimaler Schreibweise, in RGB-Schreibweise oder in HSL-Schreibweise erfolgen. Möglich ist die Auswahl einer Farbe über einen Picker oder auch die exakte Eingabe von Farbwerten.
4
+
5
+ ## Konstruktion
6
+
7
+ ### Code
8
+
9
+ ```tsx
10
+ <kol-input-color _id="meine_farbe" _name="meine_farbe" _value="#ff0000">
11
+ Hintergrundfarbe
12
+ </kol-input-color>
13
+ ```
14
+
15
+ ### Beispiel
16
+
17
+ <kol-input-color _id="meine_farbe" _name="meine_farbe" _value="#ff0000">Hintergrundfarbe</kol-input-color>
18
+
19
+ ## Verwendung
20
+
21
+ Stellen Sie die Default-Farbe über das Attribut `_value` ein. Verwenden Sie hierfür eine hexadezimale Schreibweise (#xxxxxx).
22
+
23
+ ### Best practices
24
+
25
+ - Achten Sie darauf, die Pflichtfelder `id` und `name` korrekt zu setzen.
26
+
27
+ ## Barrierefreiheit
28
+
29
+ Beachten Sie, dass die **InputColor**-Komponente nicht vollständig barrierefrei ist. Die Auswahl einer Farbe ist über Tastatursteuerung möglich. Die Ausgabe der gewählten Farbe über Screenreader ist jedoch technisch eingeschränkt.
30
+
31
+ Für eine vollständige Barrierefreiheit prüfen Sie die Verwendung einer vorgefertigten Farbauswahlliste, z.B. über Checkboxen oder Select-Felder.
32
+
33
+ Achten Sie darauf, jeder Checkbox ein Label zuzuweisen, da dieses von Screenreadern vorgelesen wird und so eine eindeutige Identifikation des Eingabefeldes ermöglicht.
34
+
35
+ ### Tastatursteuerung
36
+
37
+ | Taste | Funktion |
38
+ | --------------------- | ------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------- |
39
+ | `Tab` | Fokussiert das Eingabefeld. Bei geöffnetem Dialogfeld kann mit der Tab-Taste zwischen den Steuerfeldern gewechselt werden. |
40
+ | `Enter` | Öffnet bzw. schließt das Dialogfeld der Komponente. Bei fokussierter Pipette wird mit der Enter-Taste die Funktion **_Pipette_** gestartet. |
41
+ | `ESC` | Beendet die Pipetten-Funktion. . |
42
+ | `Pfeil-Tasten (rechts | links)` | Verschieben bei fokussiertem Feld **_Farbspektrum_** den Auswahlpunkt. |
43
+ | `Pfeil-Tasten (oben | unten)` | Ändert bei fokussiertem Feld **_Farbsystem_** die Auswahl. |
44
+
45
+ ## Links und Referenzen
46
+
47
+ - https://medium.com/@gavyn/til-autofocus-inputs-are-an-accessibility-problem-32ced60c3109
48
+ - https://www.jotform.com/blog/html5-datalists-what-you-need-to-know-78024/
49
+
50
+ <!-- Auto Generated Below -->
51
+
52
+
53
+ ## Properties
54
+
55
+ | Property | Attribute | Description | Type | Default |
56
+ | ------------------ | ---------------- | -------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
57
+ | `_accessKey` | `_access-key` | Gibt an, mit welcher Tastenkombination man das Input auslösen oder fokussieren kann. | `string \| undefined` | `undefined` |
58
+ | `_alert` | `_alert` | Gibt an, ob die Fehlermeldung vorgelesen werden soll, wenn es eine gibt. | `boolean \| undefined` | `true` |
59
+ | `_autoComplete` | `_auto-complete` | Gibt an, ob das Eingabefeld autovervollständigt werden kann. | `"off" \| "on" \| undefined` | `undefined` |
60
+ | `_disabled` | `_disabled` | Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist. | `boolean \| undefined` | `undefined` |
61
+ | `_error` | `_error` | Gibt den Text für eine Fehlermeldung an. | `string \| undefined` | `undefined` |
62
+ | `_hideLabel` | `_hide-label` | Gibt an, ob das Eingabefeld kein sichtbares Label haben soll. | `boolean \| undefined` | `undefined` |
63
+ | `_hint` | `_hint` | Gibt den Text für eine Hinweistext an. | `string \| undefined` | `''` |
64
+ | `_icon` | `_icon` | Ermöglicht das Anzeigen von Icons links und/oder rechts am Rand des Eingabefeldes. | `string \| undefined \| { right: string \| KoliBriCustomIcon; left?: string \| KoliBriCustomIcon \| undefined; } \| { right?: string \| KoliBriCustomIcon \| undefined; left: string \| KoliBriCustomIcon; }` | `undefined` |
65
+ | `_id` _(required)_ | `_id` | Gibt die technische ID des Eingabefeldes an. | `string` | `undefined` |
66
+ | `_list` | `_list` | Gibt die Liste der Vorschlagswörter an. | `string \| string[] \| undefined` | `undefined` |
67
+ | `_name` | `_name` | Gibt den technischen Namen des Eingabefeldes an. | `string \| undefined` | `undefined` |
68
+ | `_on` | -- | Gibt die EventCallback-Funktionen für das Input-Event an. | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus \| undefined` | `undefined` |
69
+ | `_smartButton` | -- | Ermöglicht einen Schalter ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (nur Icon-Only). | `undefined \| { _label: string; } & { _ariaControls?: string \| undefined; _ariaCurrent?: AriaCurrent \| undefined; _ariaExpanded?: boolean \| undefined; _ariaLabel?: string \| undefined; _ariaSelected?: boolean \| undefined; _disabled?: boolean \| undefined; _icon?: Stringified<KoliBriIconProp> \| undefined; _iconAlign?: Alignment \| undefined; _iconOnly?: boolean \| undefined; _role?: "tab" \| undefined; _tabIndex?: number \| undefined; _tooltipAlign?: TooltipAlignment \| undefined; _accessKey?: string \| undefined; _id?: string \| undefined; _on?: KoliBriButtonCallbacks \| undefined; _type?: KoliBriButtonType \| undefined; _customClass?: string \| undefined; _variant?: KoliBriButtonVariant \| undefined; }` | `undefined` |
70
+ | `_tabIndex` | `_tab-index` | Gibt an, welchen Tab-Index dieses Input hat. | `number \| undefined` | `undefined` |
71
+ | `_touched` | `_touched` | Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde. | `boolean \| undefined` | `false` |
72
+ | `_value` | `_value` | Gibt den Wert des Eingabefeldes an. | `string \| undefined` | `undefined` |
73
+
74
+
75
+ ## Dependencies
76
+
77
+ ### Depends on
78
+
79
+ - kol-input
80
+
81
+ ### Graph
82
+ ```mermaid
83
+ graph TD;
84
+ kol-input-color --> kol-input
85
+ kol-input --> kol-icon
86
+ kol-input --> kol-button-wc
87
+ kol-input --> kol-alert
88
+ kol-button-wc --> kol-span-wc
89
+ kol-button-wc --> kol-tooltip
90
+ kol-span-wc --> kol-icon
91
+ kol-tooltip --> kol-badge
92
+ kol-badge --> kol-span-wc
93
+ kol-badge --> kol-button-wc
94
+ kol-alert --> kol-heading-wc
95
+ kol-alert --> kol-button-wc
96
+ kol-alert --> kol-icon
97
+ style kol-input-color fill:#f9f,stroke:#333,stroke-width:4px
98
+ ```
99
+
100
+ ----------------------------------------------
101
+
102
+
package/doc/input-date.md ADDED
@@ -0,0 +1,111 @@
1
+ # InputDate
2
+
3
+ Der Input-Typ **Date** erzeugt ein Eingabefeld für Datumswerte. Diese können konkrete Daten sein, aber auch Wochen, Monate oder Zeitangaben.
4
+
5
+ ## Konstruktion
6
+
7
+ ### Code
8
+
9
+ ```tsx
10
+ <kol-input-date _id="mein_datum" _name="mein_datum" _type="date">
11
+ Erstellungsdatum
12
+ </kol-input-date>
13
+ ```
14
+
15
+ ### Beispiel
16
+
17
+ <kol-input-date _id="mein_datum" _name="mein_datum" _type="date">
18
+ Erstellungsdatum
19
+ </kol-input-date>
20
+
21
+ ## Verwendung
22
+
23
+ Die **InputDate**-Komponente kann für die Erfassung von Daten verwendet werden. Es verwendet intern die InputNumber-Komponente.
24
+
25
+ <kol-alert _type="info">Beachten Sie, dass im <b>Firefox</b> nicht alle <b>Typen</b> der **InputDate**-Komponente funktional sind. Es werden bei den Typen <b>Month</b>, <b>Week</b> und <b>Datum & Zeit</b> keine Auswahldialoge angezeigt.</kol-alert>
26
+
27
+ Die Komponente zeichnet sich dadurch aus, dass sie zahlreiche Ziffern-basierte Eingabemuster unterstützt. Hierbei ist es wichtig zu beachten, dass sich das Verhalten bei der Eingabe von Browser zu Browser und Geräte zu Gerät unterscheiden kann. Beispielsweise ist es möglich beim Datum, 01.01.999999 einzugeben, auch wenn max=2022-02-02 ist. Der Feldwert ist aber trotzdem 2022-02-02.
28
+
29
+ ### Best practices
30
+
31
+ - Achten sie darauf, die Pflichtfelder `id` und `name` korrekt zu setzen.
32
+
33
+ ## Barrierefreiheit
34
+
35
+ Die Icons in der Komponente sind per Tab-Taste nicht erreichbar. Die Auswahlhilfen der Komponente werden über die **Leertaste** geöffnet. So erhalten Sie beispielsweise beim Typ **date** ein Kalendermodul, über das per Maus oder über die Tastatur das gewünschte Datum ausgewählt werden kann. Die manuelle Eingabe der Werte ist alternativ möglich.
36
+
37
+ ### Tastatursteuerung
38
+
39
+ | Taste | Funktion |
40
+ | -------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------- |
41
+ | `Tab` | Fokussiert das Eingabefeld. Nach erhalt des Fokus wechselt die Tab-Taste durch die Eingabebereiche. Danach erst wechselt die Tab-Taste zum nächsten Eingabefeld. |
42
+ | `Pfeil-Tasten (links | rechts)` | Wenn das Eingabefeld fokussiert ist, kann mit den Pfeil-Tasten zwischen den Eingabebereichen gewechselt werden. |
43
+ | `Pfeil-Tasten (oben | unten)` | Wenn ein Eingabebereich aktiviert ist können mit den Pfeil-Tasten oben und unten die Werte verändert werden. |
44
+ | `Leer` | Wenn das Eingabefeld fokussiert ist, kann in manchen Browsern mit der Leertaste ein Auswahldialog aufgerufen bzw. geschlossen werden. Die Navigation und Auswahl erfolgt hier mit Hilfe der Tab-Taste, der Pfeil-Tasten und der Enter-Taste. |
45
+ | `Esc` | Ist ein Auswahldialog verfügbar, kann dieser alternativ zur Leertaste auch mit der Esc-Taste geschlossen werden. |
46
+
47
+ ## Links und Referenzen
48
+
49
+ - https://medium.com/@gavyn/til-autofocus-inputs-are-an-accessibility-problem-32ced60c3109
50
+ - https://www.jotform.com/blog/html5-datalists-what-you-need-to-know-78024/
51
+
52
+ <!-- Auto Generated Below -->
53
+
54
+
55
+ ## Properties
56
+
57
+ | Property | Attribute | Description | Type | Default |
58
+ | ------------------ | ---------------- | -------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
59
+ | `_accessKey` | `_access-key` | Gibt an, mit welcher Tastenkombination man das Input auslösen oder fokussieren kann. | `string \| undefined` | `undefined` |
60
+ | `_alert` | `_alert` | Gibt an, ob die Fehlermeldung vorgelesen werden soll, wenn es eine gibt. | `boolean \| undefined` | `true` |
61
+ | `_autoComplete` | `_auto-complete` | Gibt an, ob das Eingabefeld autovervollständigt werden kann. | `"off" \| "on" \| undefined` | `undefined` |
62
+ | `_disabled` | `_disabled` | Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist. | `boolean \| undefined` | `undefined` |
63
+ | `_error` | `_error` | Gibt den Text für eine Fehlermeldung an. | `string \| undefined` | `undefined` |
64
+ | `_hideLabel` | `_hide-label` | Gibt an, ob das Eingabefeld kein sichtbares Label haben soll. | `boolean \| undefined` | `undefined` |
65
+ | `_hint` | `_hint` | Gibt den Text für eine Hinweistext an. | `string \| undefined` | `''` |
66
+ | `_icon` | `_icon` | Ermöglicht das Anzeigen von Icons links und/oder rechts am Rand des Eingabefeldes. | `string \| undefined \| { right: string \| KoliBriCustomIcon; left?: string \| KoliBriCustomIcon \| undefined; } \| { right?: string \| KoliBriCustomIcon \| undefined; left: string \| KoliBriCustomIcon; }` | `undefined` |
67
+ | `_id` _(required)_ | `_id` | Gibt die technische ID des Eingabefeldes an. | `string` | `undefined` |
68
+ | `_list` | `_list` | Gibt die Liste der Vorschlagszahlen an. | `string \| string[] \| undefined` | `undefined` |
69
+ | `_max` | `_max` | Gibt den größtmöglichen Datumswert an. | `Date \| `${number}-${number}-${number}T${number}:${number}:${number}.${number}` \| `${number}-${number}-${number}T${number}:${number}:${number}` \| `${number}-${number}-${number}` \| `${number}-${number}` \| `${number}-W${number}` \| `${number}:${number}:${number}.${number}` \| `${number}:${number}:${number}` \| undefined` | `undefined` |
70
+ | `_min` | `_min` | Gibt den kleinstmöglichen Datumswert an. | `Date \| `${number}-${number}-${number}T${number}:${number}:${number}.${number}` \| `${number}-${number}-${number}T${number}:${number}:${number}` \| `${number}-${number}-${number}` \| `${number}-${number}` \| `${number}-W${number}` \| `${number}:${number}:${number}.${number}` \| `${number}:${number}:${number}` \| undefined` | `undefined` |
71
+ | `_name` | `_name` | Gibt den technischen Namen des Eingabefeldes an. | `string \| undefined` | `undefined` |
72
+ | `_on` | -- | Gibt die EventCallback-Funktionen für das Input-Event an. | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus \| undefined` | `undefined` |
73
+ | `_readOnly` | `_read-only` | Gibt an, ob das Eingabefeld nur lesend ist. | `boolean \| undefined` | `undefined` |
74
+ | `_required` | `_required` | Gibt an, ob das Eingabefeld ein Pflichtfeld ist. | `boolean \| undefined` | `undefined` |
75
+ | `_smartButton` | -- | Ermöglicht einen Schalter ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (nur Icon-Only). | `undefined \| { _label: string; } & { _ariaControls?: string \| undefined; _ariaCurrent?: AriaCurrent \| undefined; _ariaExpanded?: boolean \| undefined; _ariaLabel?: string \| undefined; _ariaSelected?: boolean \| undefined; _disabled?: boolean \| undefined; _icon?: Stringified<KoliBriIconProp> \| undefined; _iconAlign?: Alignment \| undefined; _iconOnly?: boolean \| undefined; _role?: "tab" \| undefined; _tabIndex?: number \| undefined; _tooltipAlign?: TooltipAlignment \| undefined; _accessKey?: string \| undefined; _id?: string \| undefined; _on?: KoliBriButtonCallbacks \| undefined; _type?: KoliBriButtonType \| undefined; _customClass?: string \| undefined; _variant?: KoliBriButtonVariant \| undefined; }` | `undefined` |
76
+ | `_step` | `_step` | Gibt die Schrittweite der Wertveränderung an | `number \| undefined` | `undefined` |
77
+ | `_tabIndex` | `_tab-index` | Gibt an, welchen Tab-Index dieses Input hat. | `number \| undefined` | `undefined` |
78
+ | `_touched` | `_touched` | Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde. | `boolean \| undefined` | `false` |
79
+ | `_type` | `_type` | Gibt den Typ des Eingabefeldes an. | `"date" \| "datetime-local" \| "month" \| "time" \| "week"` | `'date'` |
80
+ | `_value` | `_value` | Gibt den Wert des Eingabefeldes an. | `Date \| `${number}-${number}-${number}T${number}:${number}:${number}.${number}` \| `${number}-${number}-${number}T${number}:${number}:${number}` \| `${number}-${number}-${number}` \| `${number}-${number}` \| `${number}-W${number}` \| `${number}:${number}:${number}.${number}` \| `${number}:${number}:${number}` \| undefined` | `undefined` |
81
+
82
+
83
+ ## Dependencies
84
+
85
+ ### Depends on
86
+
87
+ - [kol-input-number](../input-number)
88
+
89
+ ### Graph
90
+ ```mermaid
91
+ graph TD;
92
+ kol-input-date --> kol-input-number
93
+ kol-input-number --> kol-input
94
+ kol-input --> kol-icon
95
+ kol-input --> kol-button-wc
96
+ kol-input --> kol-alert
97
+ kol-button-wc --> kol-span-wc
98
+ kol-button-wc --> kol-tooltip
99
+ kol-span-wc --> kol-icon
100
+ kol-tooltip --> kol-badge
101
+ kol-badge --> kol-span-wc
102
+ kol-badge --> kol-button-wc
103
+ kol-alert --> kol-heading-wc
104
+ kol-alert --> kol-button-wc
105
+ kol-alert --> kol-icon
106
+ style kol-input-date fill:#f9f,stroke:#333,stroke-width:4px
107
+ ```
108
+
109
+ ----------------------------------------------
110
+
111
+