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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (528) hide show
  1. package/cheat-sheet.html +66 -92
  2. package/custom-elements.json +171 -170
  3. package/dist/cjs/{controller-b735b7ea.js → controller-34b64835.js} +1 -1
  4. package/dist/cjs/{controller-b735b7ea.js.map → controller-34b64835.js.map} +1 -1
  5. package/dist/cjs/{controller-77bc2bc9.js → controller-6dbcc733.js} +1 -1
  6. package/dist/cjs/{controller-77bc2bc9.js.map → controller-6dbcc733.js.map} +1 -1
  7. package/dist/cjs/{controller-c3d640d1.js → controller-a1c1ce64.js} +1 -1
  8. package/dist/cjs/{controller-c3d640d1.js.map → controller-a1c1ce64.js.map} +1 -1
  9. package/dist/cjs/{controller-71401c06.js → controller-ae0aa1fb.js} +1 -1
  10. package/dist/cjs/controller-ae0aa1fb.js.map +1 -0
  11. package/dist/cjs/{controller-icon-463f2b9e.js → controller-icon-295d3454.js} +1 -1
  12. package/dist/cjs/{controller-icon-463f2b9e.js.map → controller-icon-295d3454.js.map} +1 -1
  13. package/dist/cjs/kol-abbr.cjs.entry.js +1 -1
  14. package/dist/cjs/kol-abbr.cjs.entry.js.map +1 -1
  15. package/dist/cjs/kol-accordion.cjs.entry.js +1 -1
  16. package/dist/cjs/kol-accordion.cjs.entry.js.map +1 -1
  17. package/dist/cjs/kol-alert.cjs.entry.js +1 -1
  18. package/dist/cjs/kol-alert.cjs.entry.js.map +1 -1
  19. package/dist/cjs/kol-badge.cjs.entry.js +1 -1
  20. package/dist/cjs/kol-badge.cjs.entry.js.map +1 -1
  21. package/dist/cjs/kol-breadcrumb.cjs.entry.js +1 -1
  22. package/dist/cjs/kol-breadcrumb.cjs.entry.js.map +1 -1
  23. package/dist/cjs/kol-button-group.cjs.entry.js +1 -1
  24. package/dist/cjs/kol-button-group.cjs.entry.js.map +1 -1
  25. package/dist/cjs/kol-button-link.cjs.entry.js +1 -1
  26. package/dist/cjs/kol-button-link.cjs.entry.js.map +1 -1
  27. package/dist/cjs/kol-button-wc_3.cjs.entry.js +4 -0
  28. package/dist/cjs/kol-button-wc_3.cjs.entry.js.map +1 -0
  29. package/dist/cjs/kol-button.cjs.entry.js +1 -1
  30. package/dist/cjs/kol-button.cjs.entry.js.map +1 -1
  31. package/dist/cjs/kol-card.cjs.entry.js +1 -1
  32. package/dist/cjs/kol-card.cjs.entry.js.map +1 -1
  33. package/dist/cjs/kol-details.cjs.entry.js +1 -1
  34. package/dist/cjs/kol-details.cjs.entry.js.map +1 -1
  35. package/dist/cjs/kol-form.cjs.entry.js.map +1 -1
  36. package/dist/cjs/kol-heading.cjs.entry.js +1 -1
  37. package/dist/cjs/kol-heading.cjs.entry.js.map +1 -1
  38. package/dist/cjs/kol-icon.cjs.entry.js.map +1 -1
  39. package/dist/cjs/kol-image.cjs.entry.js.map +1 -1
  40. package/dist/cjs/kol-indented-text.cjs.entry.js +1 -1
  41. package/dist/cjs/kol-indented-text.cjs.entry.js.map +1 -1
  42. package/dist/cjs/kol-input-checkbox.cjs.entry.js +1 -1
  43. package/dist/cjs/kol-input-checkbox.cjs.entry.js.map +1 -1
  44. package/dist/cjs/kol-input-color.cjs.entry.js +1 -1
  45. package/dist/cjs/kol-input-color.cjs.entry.js.map +1 -1
  46. package/dist/cjs/kol-input-date.cjs.entry.js +1 -1
  47. package/dist/cjs/kol-input-date.cjs.entry.js.map +1 -1
  48. package/dist/cjs/kol-input-email.cjs.entry.js +1 -1
  49. package/dist/cjs/kol-input-email.cjs.entry.js.map +1 -1
  50. package/dist/cjs/kol-input-file.cjs.entry.js +1 -1
  51. package/dist/cjs/kol-input-file.cjs.entry.js.map +1 -1
  52. package/dist/cjs/kol-input-number.cjs.entry.js +1 -1
  53. package/dist/cjs/kol-input-number.cjs.entry.js.map +1 -1
  54. package/dist/cjs/kol-input-password.cjs.entry.js +1 -1
  55. package/dist/cjs/kol-input-password.cjs.entry.js.map +1 -1
  56. package/dist/cjs/kol-input-radio-group.cjs.entry.js.map +1 -1
  57. package/dist/cjs/kol-input-radio.cjs.entry.js +1 -1
  58. package/dist/cjs/kol-input-radio.cjs.entry.js.map +1 -1
  59. package/dist/cjs/kol-input-range.cjs.entry.js +1 -1
  60. package/dist/cjs/kol-input-range.cjs.entry.js.map +1 -1
  61. package/dist/cjs/kol-input-text.cjs.entry.js +1 -1
  62. package/dist/cjs/kol-input-text.cjs.entry.js.map +1 -1
  63. package/dist/cjs/kol-kolibri.cjs.entry.js +1 -1
  64. package/dist/cjs/kol-kolibri.cjs.entry.js.map +1 -1
  65. package/dist/cjs/kol-link-button.cjs.entry.js +1 -1
  66. package/dist/cjs/kol-link-button.cjs.entry.js.map +1 -1
  67. package/dist/cjs/kol-link-group.cjs.entry.js +1 -1
  68. package/dist/cjs/kol-link-group.cjs.entry.js.map +1 -1
  69. package/dist/cjs/kol-link-wc.cjs.entry.js.map +1 -1
  70. package/dist/cjs/kol-link.cjs.entry.js +1 -1
  71. package/dist/cjs/kol-link.cjs.entry.js.map +1 -1
  72. package/dist/cjs/kol-logo.cjs.entry.js +1 -1
  73. package/dist/cjs/kol-logo.cjs.entry.js.map +1 -1
  74. package/dist/cjs/kol-modal.cjs.entry.js +1 -1
  75. package/dist/cjs/kol-modal.cjs.entry.js.map +1 -1
  76. package/dist/cjs/kol-nav.cjs.entry.js +1 -1
  77. package/dist/cjs/kol-nav.cjs.entry.js.map +1 -1
  78. package/dist/cjs/kol-pagination.cjs.entry.js +1 -1
  79. package/dist/cjs/kol-pagination.cjs.entry.js.map +1 -1
  80. package/dist/cjs/kol-progress.cjs.entry.js +1 -1
  81. package/dist/cjs/kol-progress.cjs.entry.js.map +1 -1
  82. package/dist/cjs/kol-quote.cjs.entry.js +1 -1
  83. package/dist/cjs/kol-quote.cjs.entry.js.map +1 -1
  84. package/dist/cjs/kol-select.cjs.entry.js +1 -1
  85. package/dist/cjs/kol-select.cjs.entry.js.map +1 -1
  86. package/dist/cjs/kol-skip-nav.cjs.entry.js +1 -1
  87. package/dist/cjs/kol-skip-nav.cjs.entry.js.map +1 -1
  88. package/dist/cjs/kol-span-wc.cjs.entry.js +4 -0
  89. package/dist/cjs/kol-span-wc.cjs.entry.js.map +1 -0
  90. package/dist/cjs/kol-span.cjs.entry.js +1 -1
  91. package/dist/cjs/kol-span.cjs.entry.js.map +1 -1
  92. package/dist/cjs/kol-spin.cjs.entry.js +1 -1
  93. package/dist/cjs/kol-spin.cjs.entry.js.map +1 -1
  94. package/dist/cjs/kol-table.cjs.entry.js +1 -1
  95. package/dist/cjs/kol-table.cjs.entry.js.map +1 -1
  96. package/dist/cjs/kol-tabs.cjs.entry.js +1 -1
  97. package/dist/cjs/kol-tabs.cjs.entry.js.map +1 -1
  98. package/dist/cjs/kol-textarea.cjs.entry.js +1 -1
  99. package/dist/cjs/kol-textarea.cjs.entry.js.map +1 -1
  100. package/dist/cjs/kol-toast.cjs.entry.js +1 -1
  101. package/dist/cjs/kol-toast.cjs.entry.js.map +1 -1
  102. package/dist/cjs/kol-tooltip.cjs.entry.js +1 -1
  103. package/dist/cjs/kol-tooltip.cjs.entry.js.map +1 -1
  104. package/dist/cjs/kol-version.cjs.entry.js +1 -1
  105. package/dist/cjs/kol-version.cjs.entry.js.map +1 -1
  106. package/dist/cjs/kolibri.cjs.js +1 -1
  107. package/dist/cjs/loader.cjs.js +1 -1
  108. package/dist/components/component.js +1 -1
  109. package/dist/components/component.js.map +1 -1
  110. package/dist/components/component10.js +1 -1
  111. package/dist/components/component10.js.map +1 -1
  112. package/dist/components/component11.js +1 -1
  113. package/dist/components/component11.js.map +1 -1
  114. package/dist/components/component12.js +1 -1
  115. package/dist/components/component12.js.map +1 -1
  116. package/dist/components/component13.js +1 -1
  117. package/dist/components/component13.js.map +1 -1
  118. package/dist/components/component14.js +4 -0
  119. package/dist/components/component14.js.map +1 -0
  120. package/dist/components/component15.js +4 -0
  121. package/dist/components/component15.js.map +1 -0
  122. package/dist/components/component2.js.map +1 -1
  123. package/dist/components/component3.js +1 -1
  124. package/dist/components/component3.js.map +1 -1
  125. package/dist/components/component4.js.map +1 -1
  126. package/dist/components/component5.js +1 -1
  127. package/dist/components/component5.js.map +1 -1
  128. package/dist/components/component6.js +1 -1
  129. package/dist/components/component6.js.map +1 -1
  130. package/dist/components/component7.js +1 -1
  131. package/dist/components/component7.js.map +1 -1
  132. package/dist/components/component8.js +1 -1
  133. package/dist/components/component8.js.map +1 -1
  134. package/dist/components/component9.js +1 -1
  135. package/dist/components/component9.js.map +1 -1
  136. package/dist/components/controller-icon.js +1 -1
  137. package/dist/components/controller.js +1 -1
  138. package/dist/components/controller.js.map +1 -1
  139. package/dist/components/controller2.js +1 -1
  140. package/dist/components/controller3.js.map +1 -1
  141. package/dist/components/controller4.js +1 -1
  142. package/dist/components/devtools.js +1 -1
  143. package/dist/components/kol-abbr.js +1 -1
  144. package/dist/components/kol-abbr.js.map +1 -1
  145. package/dist/components/kol-accordion.js +1 -1
  146. package/dist/components/kol-accordion.js.map +1 -1
  147. package/dist/components/kol-alert.js +1 -1
  148. package/dist/components/kol-badge.js +1 -1
  149. package/dist/components/kol-breadcrumb.js +1 -1
  150. package/dist/components/kol-breadcrumb.js.map +1 -1
  151. package/dist/components/kol-button-group-wc.js +1 -1
  152. package/dist/components/kol-button-group.js +1 -1
  153. package/dist/components/kol-button-group.js.map +1 -1
  154. package/dist/components/kol-button-link.js +1 -1
  155. package/dist/components/kol-button-link.js.map +1 -1
  156. package/dist/components/kol-button-wc.js +1 -1
  157. package/dist/components/kol-card.js +1 -1
  158. package/dist/components/kol-card.js.map +1 -1
  159. package/dist/components/kol-details.js +1 -1
  160. package/dist/components/kol-details.js.map +1 -1
  161. package/dist/components/kol-form.js +1 -1
  162. package/dist/components/kol-form.js.map +1 -1
  163. package/dist/components/kol-heading.js +1 -1
  164. package/dist/components/kol-heading.js.map +1 -1
  165. package/dist/components/kol-image.js.map +1 -1
  166. package/dist/components/kol-indented-text.js +1 -1
  167. package/dist/components/kol-input-adapter-leanup.js +1 -1
  168. package/dist/components/kol-input-adapter-leanup.js.map +1 -1
  169. package/dist/components/kol-input-checkbox.js +1 -1
  170. package/dist/components/kol-input-checkbox.js.map +1 -1
  171. package/dist/components/kol-input-color.js +1 -1
  172. package/dist/components/kol-input-color.js.map +1 -1
  173. package/dist/components/kol-input-date.js +1 -1
  174. package/dist/components/kol-input-date.js.map +1 -1
  175. package/dist/components/kol-input-email.js +1 -1
  176. package/dist/components/kol-input-email.js.map +1 -1
  177. package/dist/components/kol-input-file.js +1 -1
  178. package/dist/components/kol-input-file.js.map +1 -1
  179. package/dist/components/kol-input-number.js +1 -1
  180. package/dist/components/kol-input-password.js +1 -1
  181. package/dist/components/kol-input-password.js.map +1 -1
  182. package/dist/components/kol-input-radio-group.js +1 -1
  183. package/dist/components/kol-input-radio-group.js.map +1 -1
  184. package/dist/components/kol-input-radio.js +1 -1
  185. package/dist/components/kol-input-range.js +1 -1
  186. package/dist/components/kol-input-range.js.map +1 -1
  187. package/dist/components/kol-input-text.js +1 -1
  188. package/dist/components/kol-input-text.js.map +1 -1
  189. package/dist/components/kol-input.js +1 -1
  190. package/dist/components/kol-kolibri.js +1 -1
  191. package/dist/components/kol-kolibri.js.map +1 -1
  192. package/dist/components/kol-link-button.js +1 -1
  193. package/dist/components/kol-link-button.js.map +1 -1
  194. package/dist/components/kol-link-group.js +1 -1
  195. package/dist/components/kol-link-group.js.map +1 -1
  196. package/dist/components/kol-link-wc.js +1 -1
  197. package/dist/components/kol-logo.js +1 -1
  198. package/dist/components/kol-logo.js.map +1 -1
  199. package/dist/components/kol-modal.js +1 -1
  200. package/dist/components/kol-modal.js.map +1 -1
  201. package/dist/components/kol-nav.js +1 -1
  202. package/dist/components/kol-nav.js.map +1 -1
  203. package/dist/components/kol-pagination.js +1 -1
  204. package/dist/components/kol-progress.js +1 -1
  205. package/dist/components/kol-progress.js.map +1 -1
  206. package/dist/components/kol-quote.js +1 -1
  207. package/dist/components/kol-quote.js.map +1 -1
  208. package/dist/components/kol-select.js +1 -1
  209. package/dist/components/kol-skip-nav.js +1 -1
  210. package/dist/components/kol-skip-nav.js.map +1 -1
  211. package/dist/components/kol-span.js +1 -1
  212. package/dist/components/kol-span.js.map +1 -1
  213. package/dist/components/kol-spin.js +1 -1
  214. package/dist/components/kol-spin.js.map +1 -1
  215. package/dist/components/kol-table.js +1 -1
  216. package/dist/components/kol-table.js.map +1 -1
  217. package/dist/components/kol-tabs.js +1 -1
  218. package/dist/components/kol-tabs.js.map +1 -1
  219. package/dist/components/kol-textarea.js +1 -1
  220. package/dist/components/kol-textarea.js.map +1 -1
  221. package/dist/components/kol-toast.js +1 -1
  222. package/dist/components/kol-toast.js.map +1 -1
  223. package/dist/components/kol-tooltip.js +1 -1
  224. package/dist/components/kol-version.js +1 -1
  225. package/dist/components/kol-version.js.map +1 -1
  226. package/dist/components/prop.validators.js +1 -1
  227. package/dist/components/shadow.js +1 -1
  228. package/dist/components/shadow.js.map +1 -1
  229. package/dist/components/shadow2.js +1 -1
  230. package/dist/components/shadow2.js.map +1 -1
  231. package/dist/components/tab-index.js +4 -0
  232. package/dist/components/tab-index.js.map +1 -0
  233. package/dist/esm/{controller-16584de7.js → controller-0bcb86ac.js} +1 -1
  234. package/dist/esm/controller-0bcb86ac.js.map +1 -0
  235. package/dist/esm/{controller-a01956a8.js → controller-1827c5e4.js} +1 -1
  236. package/dist/esm/{controller-a01956a8.js.map → controller-1827c5e4.js.map} +1 -1
  237. package/dist/esm/{controller-ca552edd.js → controller-bc7e1fb9.js} +1 -1
  238. package/dist/esm/{controller-ca552edd.js.map → controller-bc7e1fb9.js.map} +1 -1
  239. package/dist/esm/controller-fd64aa81.js +4 -0
  240. package/dist/esm/{controller-6ae13480.js.map → controller-fd64aa81.js.map} +1 -1
  241. package/dist/esm/{controller-icon-c80da88f.js → controller-icon-b3feb2a8.js} +1 -1
  242. package/dist/esm/{controller-icon-c80da88f.js.map → controller-icon-b3feb2a8.js.map} +1 -1
  243. package/dist/esm/kol-abbr.entry.js +1 -1
  244. package/dist/esm/kol-abbr.entry.js.map +1 -1
  245. package/dist/esm/kol-accordion.entry.js +1 -1
  246. package/dist/esm/kol-accordion.entry.js.map +1 -1
  247. package/dist/esm/kol-alert.entry.js +1 -1
  248. package/dist/esm/kol-alert.entry.js.map +1 -1
  249. package/dist/esm/kol-badge.entry.js +1 -1
  250. package/dist/esm/kol-badge.entry.js.map +1 -1
  251. package/dist/esm/kol-breadcrumb.entry.js +1 -1
  252. package/dist/esm/kol-breadcrumb.entry.js.map +1 -1
  253. package/dist/esm/kol-button-group.entry.js +1 -1
  254. package/dist/esm/kol-button-group.entry.js.map +1 -1
  255. package/dist/esm/kol-button-link.entry.js +1 -1
  256. package/dist/esm/kol-button-link.entry.js.map +1 -1
  257. package/dist/esm/kol-button-wc_3.entry.js +4 -0
  258. package/dist/esm/kol-button-wc_3.entry.js.map +1 -0
  259. package/dist/esm/kol-button.entry.js +1 -1
  260. package/dist/esm/kol-button.entry.js.map +1 -1
  261. package/dist/esm/kol-card.entry.js +1 -1
  262. package/dist/esm/kol-card.entry.js.map +1 -1
  263. package/dist/esm/kol-details.entry.js +1 -1
  264. package/dist/esm/kol-details.entry.js.map +1 -1
  265. package/dist/esm/kol-form.entry.js.map +1 -1
  266. package/dist/esm/kol-heading.entry.js +1 -1
  267. package/dist/esm/kol-heading.entry.js.map +1 -1
  268. package/dist/esm/kol-icon.entry.js.map +1 -1
  269. package/dist/esm/kol-image.entry.js.map +1 -1
  270. package/dist/esm/kol-indented-text.entry.js +1 -1
  271. package/dist/esm/kol-indented-text.entry.js.map +1 -1
  272. package/dist/esm/kol-input-checkbox.entry.js +1 -1
  273. package/dist/esm/kol-input-checkbox.entry.js.map +1 -1
  274. package/dist/esm/kol-input-color.entry.js +1 -1
  275. package/dist/esm/kol-input-color.entry.js.map +1 -1
  276. package/dist/esm/kol-input-date.entry.js +1 -1
  277. package/dist/esm/kol-input-date.entry.js.map +1 -1
  278. package/dist/esm/kol-input-email.entry.js +1 -1
  279. package/dist/esm/kol-input-email.entry.js.map +1 -1
  280. package/dist/esm/kol-input-file.entry.js +1 -1
  281. package/dist/esm/kol-input-file.entry.js.map +1 -1
  282. package/dist/esm/kol-input-number.entry.js +1 -1
  283. package/dist/esm/kol-input-number.entry.js.map +1 -1
  284. package/dist/esm/kol-input-password.entry.js +1 -1
  285. package/dist/esm/kol-input-password.entry.js.map +1 -1
  286. package/dist/esm/kol-input-radio-group.entry.js.map +1 -1
  287. package/dist/esm/kol-input-radio.entry.js +1 -1
  288. package/dist/esm/kol-input-radio.entry.js.map +1 -1
  289. package/dist/esm/kol-input-range.entry.js +1 -1
  290. package/dist/esm/kol-input-range.entry.js.map +1 -1
  291. package/dist/esm/kol-input-text.entry.js +1 -1
  292. package/dist/esm/kol-input-text.entry.js.map +1 -1
  293. package/dist/esm/kol-kolibri.entry.js +1 -1
  294. package/dist/esm/kol-kolibri.entry.js.map +1 -1
  295. package/dist/esm/kol-link-button.entry.js +1 -1
  296. package/dist/esm/kol-link-button.entry.js.map +1 -1
  297. package/dist/esm/kol-link-group.entry.js +1 -1
  298. package/dist/esm/kol-link-group.entry.js.map +1 -1
  299. package/dist/esm/kol-link-wc.entry.js.map +1 -1
  300. package/dist/esm/kol-link.entry.js +1 -1
  301. package/dist/esm/kol-link.entry.js.map +1 -1
  302. package/dist/esm/kol-logo.entry.js +1 -1
  303. package/dist/esm/kol-logo.entry.js.map +1 -1
  304. package/dist/esm/kol-modal.entry.js +1 -1
  305. package/dist/esm/kol-modal.entry.js.map +1 -1
  306. package/dist/esm/kol-nav.entry.js +1 -1
  307. package/dist/esm/kol-nav.entry.js.map +1 -1
  308. package/dist/esm/kol-pagination.entry.js +1 -1
  309. package/dist/esm/kol-pagination.entry.js.map +1 -1
  310. package/dist/esm/kol-progress.entry.js +1 -1
  311. package/dist/esm/kol-progress.entry.js.map +1 -1
  312. package/dist/esm/kol-quote.entry.js +1 -1
  313. package/dist/esm/kol-quote.entry.js.map +1 -1
  314. package/dist/esm/kol-select.entry.js +1 -1
  315. package/dist/esm/kol-select.entry.js.map +1 -1
  316. package/dist/esm/kol-skip-nav.entry.js +1 -1
  317. package/dist/esm/kol-skip-nav.entry.js.map +1 -1
  318. package/dist/esm/kol-span-wc.entry.js +4 -0
  319. package/dist/esm/kol-span-wc.entry.js.map +1 -0
  320. package/dist/esm/kol-span.entry.js +1 -1
  321. package/dist/esm/kol-span.entry.js.map +1 -1
  322. package/dist/esm/kol-spin.entry.js +1 -1
  323. package/dist/esm/kol-spin.entry.js.map +1 -1
  324. package/dist/esm/kol-table.entry.js +1 -1
  325. package/dist/esm/kol-table.entry.js.map +1 -1
  326. package/dist/esm/kol-tabs.entry.js +1 -1
  327. package/dist/esm/kol-tabs.entry.js.map +1 -1
  328. package/dist/esm/kol-textarea.entry.js +1 -1
  329. package/dist/esm/kol-textarea.entry.js.map +1 -1
  330. package/dist/esm/kol-toast.entry.js +1 -1
  331. package/dist/esm/kol-toast.entry.js.map +1 -1
  332. package/dist/esm/kol-tooltip.entry.js +1 -1
  333. package/dist/esm/kol-tooltip.entry.js.map +1 -1
  334. package/dist/esm/kol-version.entry.js +1 -1
  335. package/dist/esm/kol-version.entry.js.map +1 -1
  336. package/dist/esm/kolibri.js +1 -1
  337. package/dist/esm/loader.js +1 -1
  338. package/dist/kolibri/{controller-16584de7.js → controller-0bcb86ac.js} +1 -1
  339. package/dist/kolibri/controller-0bcb86ac.js.map +1 -0
  340. package/dist/kolibri/{controller-a01956a8.js → controller-1827c5e4.js} +1 -1
  341. package/dist/kolibri/{controller-ca552edd.js → controller-bc7e1fb9.js} +1 -1
  342. package/dist/kolibri/{controller-6ae13480.js → controller-fd64aa81.js} +1 -1
  343. package/dist/kolibri/controller-fd64aa81.js.map +1 -0
  344. package/dist/kolibri/{controller-icon-c80da88f.js → controller-icon-b3feb2a8.js} +1 -1
  345. package/dist/kolibri/kol-abbr.entry.js +1 -1
  346. package/dist/kolibri/kol-abbr.entry.js.map +1 -1
  347. package/dist/kolibri/kol-accordion.entry.js +1 -1
  348. package/dist/kolibri/kol-accordion.entry.js.map +1 -1
  349. package/dist/kolibri/kol-alert.entry.js +1 -1
  350. package/dist/kolibri/kol-alert.entry.js.map +1 -1
  351. package/dist/kolibri/kol-badge.entry.js +1 -1
  352. package/dist/kolibri/kol-badge.entry.js.map +1 -1
  353. package/dist/kolibri/kol-breadcrumb.entry.js +1 -1
  354. package/dist/kolibri/kol-breadcrumb.entry.js.map +1 -1
  355. package/dist/kolibri/kol-button-group.entry.js +1 -1
  356. package/dist/kolibri/kol-button-group.entry.js.map +1 -1
  357. package/dist/kolibri/kol-button-link.entry.js +1 -1
  358. package/dist/kolibri/kol-button-link.entry.js.map +1 -1
  359. package/dist/kolibri/kol-button-wc_3.entry.js +4 -0
  360. package/dist/kolibri/kol-button-wc_3.entry.js.map +1 -0
  361. package/dist/kolibri/kol-button.entry.js +1 -1
  362. package/dist/kolibri/kol-button.entry.js.map +1 -1
  363. package/dist/kolibri/kol-card.entry.js +1 -1
  364. package/dist/kolibri/kol-card.entry.js.map +1 -1
  365. package/dist/kolibri/kol-details.entry.js +1 -1
  366. package/dist/kolibri/kol-details.entry.js.map +1 -1
  367. package/dist/kolibri/kol-form.entry.js.map +1 -1
  368. package/dist/kolibri/kol-heading.entry.js +1 -1
  369. package/dist/kolibri/kol-heading.entry.js.map +1 -1
  370. package/dist/kolibri/kol-icon.entry.js.map +1 -1
  371. package/dist/kolibri/kol-image.entry.js.map +1 -1
  372. package/dist/kolibri/kol-indented-text.entry.js +1 -1
  373. package/dist/kolibri/kol-indented-text.entry.js.map +1 -1
  374. package/dist/kolibri/kol-input-checkbox.entry.js +1 -1
  375. package/dist/kolibri/kol-input-checkbox.entry.js.map +1 -1
  376. package/dist/kolibri/kol-input-color.entry.js +1 -1
  377. package/dist/kolibri/kol-input-color.entry.js.map +1 -1
  378. package/dist/kolibri/kol-input-date.entry.js +1 -1
  379. package/dist/kolibri/kol-input-date.entry.js.map +1 -1
  380. package/dist/kolibri/kol-input-email.entry.js +1 -1
  381. package/dist/kolibri/kol-input-email.entry.js.map +1 -1
  382. package/dist/kolibri/kol-input-file.entry.js +1 -1
  383. package/dist/kolibri/kol-input-file.entry.js.map +1 -1
  384. package/dist/kolibri/kol-input-number.entry.js +1 -1
  385. package/dist/kolibri/kol-input-number.entry.js.map +1 -1
  386. package/dist/kolibri/kol-input-password.entry.js +1 -1
  387. package/dist/kolibri/kol-input-password.entry.js.map +1 -1
  388. package/dist/kolibri/kol-input-radio-group.entry.js.map +1 -1
  389. package/dist/kolibri/kol-input-radio.entry.js +1 -1
  390. package/dist/kolibri/kol-input-radio.entry.js.map +1 -1
  391. package/dist/kolibri/kol-input-range.entry.js +1 -1
  392. package/dist/kolibri/kol-input-range.entry.js.map +1 -1
  393. package/dist/kolibri/kol-input-text.entry.js +1 -1
  394. package/dist/kolibri/kol-input-text.entry.js.map +1 -1
  395. package/dist/kolibri/kol-kolibri.entry.js +1 -1
  396. package/dist/kolibri/kol-kolibri.entry.js.map +1 -1
  397. package/dist/kolibri/kol-link-button.entry.js +1 -1
  398. package/dist/kolibri/kol-link-button.entry.js.map +1 -1
  399. package/dist/kolibri/kol-link-group.entry.js +1 -1
  400. package/dist/kolibri/kol-link-group.entry.js.map +1 -1
  401. package/dist/kolibri/kol-link-wc.entry.js.map +1 -1
  402. package/dist/kolibri/kol-link.entry.js +1 -1
  403. package/dist/kolibri/kol-link.entry.js.map +1 -1
  404. package/dist/kolibri/kol-logo.entry.js +1 -1
  405. package/dist/kolibri/kol-logo.entry.js.map +1 -1
  406. package/dist/kolibri/kol-modal.entry.js +1 -1
  407. package/dist/kolibri/kol-modal.entry.js.map +1 -1
  408. package/dist/kolibri/kol-nav.entry.js +1 -1
  409. package/dist/kolibri/kol-nav.entry.js.map +1 -1
  410. package/dist/kolibri/kol-pagination.entry.js +1 -1
  411. package/dist/kolibri/kol-pagination.entry.js.map +1 -1
  412. package/dist/kolibri/kol-progress.entry.js +1 -1
  413. package/dist/kolibri/kol-progress.entry.js.map +1 -1
  414. package/dist/kolibri/kol-quote.entry.js +1 -1
  415. package/dist/kolibri/kol-quote.entry.js.map +1 -1
  416. package/dist/kolibri/kol-select.entry.js +1 -1
  417. package/dist/kolibri/kol-select.entry.js.map +1 -1
  418. package/dist/kolibri/kol-skip-nav.entry.js +1 -1
  419. package/dist/kolibri/kol-skip-nav.entry.js.map +1 -1
  420. package/dist/kolibri/kol-span-wc.entry.js +4 -0
  421. package/dist/kolibri/kol-span-wc.entry.js.map +1 -0
  422. package/dist/kolibri/kol-span.entry.js +1 -1
  423. package/dist/kolibri/kol-span.entry.js.map +1 -1
  424. package/dist/kolibri/kol-spin.entry.js +1 -1
  425. package/dist/kolibri/kol-spin.entry.js.map +1 -1
  426. package/dist/kolibri/kol-table.entry.js +1 -1
  427. package/dist/kolibri/kol-table.entry.js.map +1 -1
  428. package/dist/kolibri/kol-tabs.entry.js +1 -1
  429. package/dist/kolibri/kol-tabs.entry.js.map +1 -1
  430. package/dist/kolibri/kol-textarea.entry.js +1 -1
  431. package/dist/kolibri/kol-textarea.entry.js.map +1 -1
  432. package/dist/kolibri/kol-toast.entry.js +1 -1
  433. package/dist/kolibri/kol-toast.entry.js.map +1 -1
  434. package/dist/kolibri/kol-tooltip.entry.js +1 -1
  435. package/dist/kolibri/kol-tooltip.entry.js.map +1 -1
  436. package/dist/kolibri/kol-version.entry.js +1 -1
  437. package/dist/kolibri/kol-version.entry.js.map +1 -1
  438. package/dist/kolibri/kolibri.esm.js +1 -1
  439. package/dist/kolibri/kolibri.esm.js.map +1 -1
  440. package/dist/types/components/input/types.d.ts +3 -1
  441. package/dist/types/components/input-checkbox/component.d.ts +1 -1
  442. package/dist/types/components/input-color/component.d.ts +1 -1
  443. package/dist/types/components/input-date/component.d.ts +1 -1
  444. package/dist/types/components/input-email/component.d.ts +1 -1
  445. package/dist/types/components/input-file/component.d.ts +1 -1
  446. package/dist/types/components/input-number/component.d.ts +1 -1
  447. package/dist/types/components/input-number/types.d.ts +1 -1
  448. package/dist/types/components/input-password/component.d.ts +1 -1
  449. package/dist/types/components/input-radio/component.d.ts +1 -1
  450. package/dist/types/components/input-radio-group/component.d.ts +1 -1
  451. package/dist/types/components/input-range/component.d.ts +1 -1
  452. package/dist/types/components/input-text/component.d.ts +1 -1
  453. package/dist/types/components/input-text/controller.d.ts +2 -3
  454. package/dist/types/components/input-text/types.d.ts +2 -3
  455. package/dist/types/components/nav/component.d.ts +0 -1
  456. package/dist/types/components/select/component.d.ts +1 -1
  457. package/dist/types/components/textarea/component.d.ts +1 -1
  458. package/dist/types/components.d.ts +318 -314
  459. package/doc/abbr.md +8 -8
  460. package/doc/accordion.md +51 -27
  461. package/doc/alert.md +8 -8
  462. package/doc/badge.md +17 -26
  463. package/doc/breadcrumb.md +11 -13
  464. package/doc/button-link.md +3 -5
  465. package/doc/button.md +40 -71
  466. package/doc/card.md +17 -61
  467. package/doc/components.md +1 -1
  468. package/doc/details.md +12 -9
  469. package/doc/form.md +4 -4
  470. package/doc/heading.md +18 -11
  471. package/doc/icon.md +10 -14
  472. package/doc/image.md +27 -20
  473. package/doc/indented-text.md +1 -7
  474. package/doc/input-adapter-leanup.md +1 -3
  475. package/doc/input-checkbox.md +29 -27
  476. package/doc/input-color.md +24 -29
  477. package/doc/input-date.md +29 -34
  478. package/doc/input-email.md +30 -31
  479. package/doc/input-file.md +24 -24
  480. package/doc/input-number.md +30 -61
  481. package/doc/input-password.md +25 -27
  482. package/doc/input-radio-group.md +6 -8
  483. package/doc/input-radio.md +28 -12
  484. package/doc/input-range.md +24 -29
  485. package/doc/input-text.md +33 -37
  486. package/doc/kolibri.md +10 -5
  487. package/doc/link-button.md +7 -16
  488. package/doc/link-group.md +21 -23
  489. package/doc/link.md +19 -44
  490. package/doc/logo.md +4 -8
  491. package/doc/modal.md +36 -54
  492. package/doc/nav.md +50 -40
  493. package/doc/pagination.md +18 -25
  494. package/doc/progress.md +7 -7
  495. package/doc/quote.md +12 -13
  496. package/doc/select.md +29 -22
  497. package/doc/skip-nav.md +11 -10
  498. package/doc/span.md +5 -5
  499. package/doc/spin.md +4 -5
  500. package/doc/table.md +8 -62
  501. package/doc/tabs.md +28 -42
  502. package/doc/textarea.md +29 -32
  503. package/doc/toast.md +16 -11
  504. package/doc/tooltip.md +10 -12
  505. package/doc/version.md +6 -9
  506. package/jest-test-results.json +1 -1
  507. package/package.json +1 -1
  508. package/vscode-custom-data.json +143 -143
  509. package/dist/cjs/controller-71401c06.js.map +0 -1
  510. package/dist/cjs/kol-button-wc_2.cjs.entry.js +0 -4
  511. package/dist/cjs/kol-button-wc_2.cjs.entry.js.map +0 -1
  512. package/dist/cjs/kol-heading-wc_2.cjs.entry.js +0 -4
  513. package/dist/cjs/kol-heading-wc_2.cjs.entry.js.map +0 -1
  514. package/dist/esm/controller-16584de7.js.map +0 -1
  515. package/dist/esm/controller-6ae13480.js +0 -4
  516. package/dist/esm/kol-button-wc_2.entry.js +0 -4
  517. package/dist/esm/kol-button-wc_2.entry.js.map +0 -1
  518. package/dist/esm/kol-heading-wc_2.entry.js +0 -4
  519. package/dist/esm/kol-heading-wc_2.entry.js.map +0 -1
  520. package/dist/kolibri/controller-16584de7.js.map +0 -1
  521. package/dist/kolibri/controller-6ae13480.js.map +0 -1
  522. package/dist/kolibri/kol-button-wc_2.entry.js +0 -4
  523. package/dist/kolibri/kol-button-wc_2.entry.js.map +0 -1
  524. package/dist/kolibri/kol-heading-wc_2.entry.js +0 -4
  525. package/dist/kolibri/kol-heading-wc_2.entry.js.map +0 -1
  526. /package/dist/kolibri/{controller-a01956a8.js.map → controller-1827c5e4.js.map} +0 -0
  527. /package/dist/kolibri/{controller-ca552edd.js.map → controller-bc7e1fb9.js.map} +0 -0
  528. /package/dist/kolibri/{controller-icon-c80da88f.js.map → controller-icon-b3feb2a8.js.map} +0 -0
package/doc/input-file.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # InputFile
2
2
 
3
- Der Input-Typ **File** erzeugt ein Eingabefeld für Uploads. Es können eine oder auch mehrere Dateien ausgewählt werden.
3
+ Der Input-Typ **File** erzeugt ein Eingabefeld für zum Beispiel Uploads. Es können eine oder auch mehrere Dateien ausgewählt werden.
4
4
 
5
5
  ## Konstruktion
6
6
 
@@ -12,14 +12,16 @@ Der Input-Typ **File** erzeugt ein Eingabefeld für Uploads. Es können eine ode
12
12
 
13
13
  ### Beispiel
14
14
 
15
- <kol-input-file _id="mein_upload" _name="mein_upload" _accept="image/png">Bild hochladen</kol-input-file>
15
+ <kol-input-file _id="mein_upload" _name="mein_upload" _accept="image/png, image/jpeg, application/pdf"> Bild hochladen </kol-input-file>
16
16
 
17
17
  ## Verwendung
18
18
 
19
19
  Geben Sie über das Attribut **`_accept`** an, welche Dateitypen zur Auswahl erlaubt sind. Wird das Attribut nicht oder leer übergeben, sind alle Dateitypen erlaubt.
20
+ Mögliche Werte und weitere Informationen erhalten Sie im <kol-link _href="https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept" _label="MDN Artikel zum Attribut accept"></kol-link>.
20
21
 
21
22
  ### Best practices
22
23
 
24
+ - Achten sie darauf `id` und `name` korrekt zu setzen, damit die Daten beim Formular Absenden mitgesendet werden.
23
25
  - Lassen Sie nur die Dateitypen zum Upload zu, die für die Programmausführung benötigt werden. Eine fehlende Einschränkung der hochladbaren Dateitypen kann ein erhebliches Sicherheitsrisiko sein.
24
26
  - Begrenzen Sie die Größe der Dateien, die Sie zum Upload zulassen möchten.
25
27
 
@@ -40,25 +42,25 @@ Geben Sie über das Attribut **`_accept`** an, welche Dateitypen zur Auswahl erl
40
42
 
41
43
  ## Properties
42
44
 
43
- | Property | Attribute | Description | Type | Default |
44
- | ------------------ | ------------- | -------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
45
- | `_accept` | `_accept` | Gibt an, welche Dateiformate erlaubt sind. | `string \| undefined` | `undefined` |
46
- | `_accessKey` | `_access-key` | Gibt an, mit welcher Tastenkombination man das Input auslösen oder fokussieren kann. | `string \| undefined` | `undefined` |
47
- | `_alert` | `_alert` | Gibt an, ob die Fehlermeldung vorgelesen werden soll, wenn es eine gibt. | `boolean \| undefined` | `true` |
48
- | `_disabled` | `_disabled` | Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist. | `boolean \| undefined` | `undefined` |
49
- | `_error` | `_error` | Gibt den Text für eine Fehlermeldung an. | `string \| undefined` | `undefined` |
50
- | `_hideLabel` | `_hide-label` | Gibt an, ob das Eingabefeld kein sichtbares Label haben soll. | `boolean \| undefined` | `undefined` |
51
- | `_hint` | `_hint` | Gibt den Text für eine Hinweistext an. | `string \| undefined` | `''` |
52
- | `_icon` | `_icon` | Ermöglicht das Anzeigen von Icons links und/oder rechts am Rand des Eingabefeldes. | `string \| undefined \| { right?: IconOrIconClass \| undefined; left?: IconOrIconClass \| undefined; }` | `undefined` |
53
- | `_id` _(required)_ | `_id` | Gibt die technische ID des Eingabefeldes an. | `string` | `undefined` |
54
- | `_multiple` | `_multiple` | Gibt an, ob mehrere Werte eingegeben werden können. | `boolean \| undefined` | `undefined` |
55
- | `_name` | `_name` | Gibt den technischen Namen des Eingabefeldes an. | `string \| undefined` | `undefined` |
56
- | `_on` | -- | Gibt die EventCallback-Funktionen für das Input-Event an. | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus \| undefined` | `undefined` |
57
- | `_required` | `_required` | Gibt an, ob das Eingabefeld ein Pflichtfeld ist. | `boolean \| undefined` | `undefined` |
58
- | `_smartButton` | -- | Ermöglicht einen Schalter ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (nur Icon-Only). | `undefined \| { _label: string; } & { _ariaControls?: string \| undefined; _ariaLabel?: string \| undefined; _icon?: Stringified<KoliBriIconProp> \| undefined; _iconAlign?: PropAlignment \| undefined; _iconOnly?: boolean \| undefined; _role?: AlternativButtonLinkRole \| undefined; _tabIndex?: number \| undefined; _tooltipAlign?: PropAlignment \| undefined; _ariaCurrent?: AriaCurrent \| undefined; _ariaExpanded?: boolean \| undefined; _ariaSelected?: boolean \| undefined; _disabled?: boolean \| undefined; _accessKey?: string \| undefined; _id?: string \| undefined; _on?: KoliBriButtonCallbacks<unknown> \| undefined; _type?: KoliBriButtonType \| undefined; _value?: unknown; _variant?: KoliBriButtonVariant \| undefined; _customClass?: string \| undefined; }` | `undefined` |
59
- | `_tabIndex` | `_tab-index` | Gibt an, welchen Tab-Index dieses Input hat. | `number \| undefined` | `undefined` |
60
- | `_touched` | `_touched` | Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde. | `boolean \| undefined` | `false` |
61
- | `_value` | `_value` | Gibt den Wert des Eingabefeldes an. | `string \| undefined` | `undefined` |
45
+ | Property | Attribute | Description | Type | Default |
46
+ | -------------- | ------------- | -------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
47
+ | `_accept` | `_accept` | Gibt an, welche Dateiformate erlaubt sind. | `string \| undefined` | `undefined` |
48
+ | `_accessKey` | `_access-key` | Gibt an, mit welcher Tastenkombination man das Input auslösen oder fokussieren kann. | `string \| undefined` | `undefined` |
49
+ | `_alert` | `_alert` | Gibt an, ob die Fehlermeldung vorgelesen werden soll, wenn es eine gibt. | `boolean \| undefined` | `true` |
50
+ | `_disabled` | `_disabled` | Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt. | `boolean \| undefined` | `undefined` |
51
+ | `_error` | `_error` | Gibt den Text für eine Fehlermeldung an. | `string \| undefined` | `undefined` |
52
+ | `_hideLabel` | `_hide-label` | Versteckt das sichtbare Label des Elements. | `boolean \| undefined` | `undefined` |
53
+ | `_hint` | `_hint` | Gibt den Hinweistext an. | `string \| undefined` | `''` |
54
+ | `_icon` | `_icon` | Ermöglicht das Anzeigen von Icons links und/oder rechts am Rand des Eingabefeldes. | `string \| undefined \| { right?: IconOrIconClass \| undefined; left?: IconOrIconClass \| undefined; }` | `undefined` |
55
+ | `_id` | `_id` | Gibt die technische ID des Eingabefeldes an. | `string \| undefined` | `undefined` |
56
+ | `_multiple` | `_multiple` | Gibt an, ob mehrere Werte eingegeben werden können. | `boolean \| undefined` | `undefined` |
57
+ | `_name` | `_name` | Gibt den technischen Namen des Eingabefeldes an. | `string \| undefined` | `undefined` |
58
+ | `_on` | -- | Gibt die EventCallback-Funktionen für das Input-Event an. | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus \| undefined` | `undefined` |
59
+ | `_required` | `_required` | Macht das Eingabeelement zu einem Pflichtfeld. | `boolean \| undefined` | `undefined` |
60
+ | `_smartButton` | -- | Ermöglicht eine Schaltfläche ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (ohne label). | `undefined \| { _label: string; } & { _ariaControls?: string \| undefined; _ariaLabel?: string \| undefined; _icon?: Stringified<KoliBriIconProp> \| undefined; _iconAlign?: PropAlignment \| undefined; _iconOnly?: boolean \| undefined; _role?: AlternativButtonLinkRole \| undefined; _tabIndex?: number \| undefined; _tooltipAlign?: PropAlignment \| undefined; _ariaCurrent?: AriaCurrent \| undefined; _ariaExpanded?: boolean \| undefined; _ariaSelected?: boolean \| undefined; _disabled?: boolean \| undefined; _accessKey?: string \| undefined; _id?: string \| undefined; _on?: KoliBriButtonCallbacks<unknown> \| undefined; _type?: KoliBriButtonType \| undefined; _value?: unknown; _variant?: KoliBriButtonVariant \| undefined; _customClass?: string \| undefined; }` | `undefined` |
61
+ | `_tabIndex` | `_tab-index` | Gibt an, welchen Tab-Index dieses Input hat. | `number \| undefined` | `undefined` |
62
+ | `_touched` | `_touched` | Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde. | `boolean \| undefined` | `false` |
63
+ | `_value` | `_value` | Gibt den Wert des Eingabefeldes an. | `string \| undefined` | `undefined` |
62
64
 
63
65
 
64
66
  ## Dependencies
@@ -77,9 +79,7 @@ graph TD;
77
79
  kol-button-wc --> kol-span-wc
78
80
  kol-button-wc --> kol-tooltip
79
81
  kol-span-wc --> kol-icon
80
- kol-tooltip --> kol-badge
81
- kol-badge --> kol-span-wc
82
- kol-badge --> kol-button-wc
82
+ kol-tooltip --> kol-span-wc
83
83
  kol-alert --> kol-heading-wc
84
84
  kol-alert --> kol-button-wc
85
85
  kol-alert --> kol-icon
package/doc/input-number.md CHANGED
@@ -1,55 +1,27 @@
1
1
  # InputNumber
2
2
 
3
- Der Input-Typ **Number** erzeugt ein Eingabefeld für Zahlen, Datumswerte, Datums- und Zeitwerte, Wochen, Monate und Zeiten.
3
+ Der Input-Typ **Number** erzeugt ein Eingabefeld für Zahlen.
4
4
 
5
5
  ## Konstruktion
6
6
 
7
7
  ### Code
8
8
 
9
9
  ```html
10
- <kol-input-number _type="date" _id="mein_datum" _name="mein_datum"> Erstellungsdatum </kol-input-number>
10
+ <kol-input-number _id="meine_zahl" _name="meine_zahl" _value="74">ZAHL!</kol-input-number>
11
11
  ```
12
12
 
13
13
  ### Beispiel
14
14
 
15
- <kol-input-number _type="date" _id="mein_datum" _name="mein_datum">
16
- Erstellungsdatum
17
- </kol-input-number>
15
+ <kol-input-number _id="meine_zahl" _name="meine_zahl" _value="74">ZAHL!</kol-input-number>
18
16
 
19
17
  ## Verwendung
20
18
 
21
- Die **InputNumber**-Komponente kann für die Erfassung diverser Werte verwendet werden. Stellen Sie den gewünschten Typ über das Attribut `_type` ein.
22
-
23
- <kol-alert _type="info">Beachten Sie, dass im <b>Firefox</b> nicht alle <b>Typen</b> der **InputNumber**-Komponente funktional sind. Es werden bei den Typen <b>Month</b>, <b>Week</b> und <b>Datum & Zeit</b> keine Auswahldialoge angezeigt.</kol-alert>
24
-
25
- 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.
26
-
27
19
  ### Best practices
28
20
 
29
- - Achten sie darauf, die Pflichtfelder `id` und `name` korrekt zu setzen.
30
-
31
- ## Barrierefreiheit
32
-
33
- 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.
21
+ - Achten sie darauf `id` und `name` korrekt zu setzen, damit die Daten beim Formular Absenden mitgesendet werden.
34
22
 
35
23
  ### Tastatursteuerung
36
24
 
37
- Das Eingabefeld für Zeitangaben gibt es in unterschiedlichen Ausprägungen (Datum, Uhrzeit u.a). Mit der `Tab`-Taste wird der Fokus auf das Eingabefeld gesetzt. Anschließend kann mittels der `Leer`-Taste das gerätespezifische Auswahldialog geöffent werden.
38
-
39
- > Hinweis: Wir haben in unseren Tests festgestellt, dass es je nach Browser-Version manchmal möglich ist, das Kalender-Icon anzufokusieren und mal nicht. Ohne das sich die Implementierung der Komponente geändert hat. Warum das so ist ist uns noch nicht bekannt. Nichtsdestotrotz ist das Öffnen des Auswahldialogs immer mittels der `Leer`-Taste möglich.
40
-
41
- #### InputNumber -> Type = **_date_**, **_month_**, **_week_** und **_time_**
42
-
43
- | Taste | Funktion |
44
- | ------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
45
- | `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. |
46
- | `Leer` | Wenn das Eingabefeld fokussiert ist, kann im Browser mit der `Leer`-Taste ein Auswahldialog aufgerufen bzw. geschlossen werden. Die Navigation und Auswahl erfolgt hier mit Hilfe der `Tab`-Taste, der `Pfeil`-Tasten und der Bestätigung mittes `Enter`-Taste. |
47
- | `Pfeil-Tasten (links / rechts)` | Wenn das Eingabefeld fokussiert ist, kann mit den `Pfeil`-Tasten zwischen den Eingabebereichen gewechselt werden. |
48
- | `Pfeil-Tasten (oben / unten)` | Wenn ein Eingabebereich aktiviert ist, können mit den `Pfeil`-Tasten oben und unten die Werte verändert werden. |
49
- | `Esc` | Ist ein Auswahldialog verfügbar, kann dieser alternativ zur `Leer`-Taste oder auch mit der `Esc`-Taste geschlossen werden. |
50
-
51
- #### InputNumber -> Type = **_number_**
52
-
53
25
  | Taste | Funktion |
54
26
  | ----------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------- |
55
27
  | `Tab` | Fokussiert das Eingabefeld. |
@@ -58,38 +30,37 @@ Das Eingabefeld für Zeitangaben gibt es in unterschiedlichen Ausprägungen (Dat
58
30
  ## Links und Referenzen
59
31
 
60
32
  - https://medium.com/@gavyn/til-autofocus-inputs-are-an-accessibility-problem-32ced60c3109
61
- - https://www.jotform.com/blog/html5-datalists-what-you-need-to-know-78024/
62
33
 
63
34
  <!-- Auto Generated Below -->
64
35
 
65
36
 
66
37
  ## Properties
67
38
 
68
- | Property | Attribute | Description | Type | Default |
69
- | ------------------ | ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
70
- | `_accessKey` | `_access-key` | Gibt an, mit welcher Tastenkombination man das Input auslösen oder fokussieren kann. | `string \| undefined` | `undefined` |
71
- | `_alert` | `_alert` | Gibt an, ob die Fehlermeldung vorgelesen werden soll, wenn es eine gibt. | `boolean \| undefined` | `true` |
72
- | `_autoComplete` | `_auto-complete` | Gibt an, ob das Eingabefeld autovervollständigt werden kann. | `"off" \| "on" \| undefined` | `undefined` |
73
- | `_disabled` | `_disabled` | Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist. | `boolean \| undefined` | `undefined` |
74
- | `_error` | `_error` | Gibt den Text für eine Fehlermeldung an. | `string \| undefined` | `undefined` |
75
- | `_hideLabel` | `_hide-label` | Gibt an, ob das Eingabefeld kein sichtbares Label haben soll. | `boolean \| undefined` | `undefined` |
76
- | `_hint` | `_hint` | Gibt den Text für eine Hinweistext an. | `string \| undefined` | `''` |
77
- | `_icon` | `_icon` | Ermöglicht das Anzeigen von Icons links und/oder rechts am Rand des Eingabefeldes. | `string \| undefined \| { right?: IconOrIconClass \| undefined; left?: IconOrIconClass \| undefined; }` | `undefined` |
78
- | `_id` _(required)_ | `_id` | Gibt die technische ID des Eingabefeldes an. | `string` | `undefined` |
79
- | `_list` | `_list` | Gibt die Liste der Vorschlagszahlen an. | `string \| string[] \| undefined` | `undefined` |
80
- | `_max` | `_max` | Gibt den größtmöglichen Zahlenwert 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` |
81
- | `_min` | `_min` | Gibt den kleinstmöglichen Zahlenwert 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` |
82
- | `_name` | `_name` | Gibt den technischen Namen des Eingabefeldes an. | `string \| undefined` | `undefined` |
83
- | `_on` | -- | Gibt die EventCallback-Funktionen für das Input-Event an. | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus \| undefined` | `undefined` |
84
- | `_placeholder` | `_placeholder` | Gibt den Platzhalter des Eingabefeldes an, wenn es leer ist. | `string \| undefined` | `undefined` |
85
- | `_readOnly` | `_read-only` | Gibt an, ob das Eingabefeld nur lesend ist. | `boolean \| undefined` | `undefined` |
86
- | `_required` | `_required` | Gibt an, ob das Eingabefeld ein Pflichtfeld ist. | `boolean \| undefined` | `undefined` |
87
- | `_smartButton` | -- | Ermöglicht einen Schalter ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (nur Icon-Only). | `undefined \| { _label: string; } & { _ariaControls?: string \| undefined; _ariaLabel?: string \| undefined; _icon?: Stringified<KoliBriIconProp> \| undefined; _iconAlign?: PropAlignment \| undefined; _iconOnly?: boolean \| undefined; _role?: AlternativButtonLinkRole \| undefined; _tabIndex?: number \| undefined; _tooltipAlign?: PropAlignment \| undefined; _ariaCurrent?: AriaCurrent \| undefined; _ariaExpanded?: boolean \| undefined; _ariaSelected?: boolean \| undefined; _disabled?: boolean \| undefined; _accessKey?: string \| undefined; _id?: string \| undefined; _on?: KoliBriButtonCallbacks<unknown> \| undefined; _type?: KoliBriButtonType \| undefined; _value?: unknown; _variant?: KoliBriButtonVariant \| undefined; _customClass?: string \| undefined; }` | `undefined` |
88
- | `_step` | `_step` | Gibt die Schrittweite der Wertveränderung an | `number \| undefined` | `undefined` |
89
- | `_tabIndex` | `_tab-index` | Gibt an, welchen Tab-Index dieses Input hat. | `number \| undefined` | `undefined` |
90
- | `_touched` | `_touched` | Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde. | `boolean \| undefined` | `false` |
91
- | `_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/>Gibt an, ob es ein DateTime-, Date-, Month-, Week-, Time-, DateTime-Local-, Number-Eingabefeld ist. | `"date" \| "datetime-local" \| "month" \| "number" \| "time" \| "week" \| undefined` | `'number'` |
92
- | `_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` |
39
+ | Property | Attribute | Description | Type | Default |
40
+ | --------------- | ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
41
+ | `_accessKey` | `_access-key` | Gibt an, mit welcher Tastenkombination man das Input auslösen oder fokussieren kann. | `string \| undefined` | `undefined` |
42
+ | `_alert` | `_alert` | Gibt an, ob die Fehlermeldung vorgelesen werden soll, wenn es eine gibt. | `boolean \| undefined` | `true` |
43
+ | `_autoComplete` | `_auto-complete` | Gibt an, ob das Eingabefeld autovervollständigt werden kann. | `"off" \| "on" \| undefined` | `undefined` |
44
+ | `_disabled` | `_disabled` | Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt. | `boolean \| undefined` | `undefined` |
45
+ | `_error` | `_error` | Gibt den Text für eine Fehlermeldung an. | `string \| undefined` | `undefined` |
46
+ | `_hideLabel` | `_hide-label` | Versteckt das sichtbare Label des Elements. | `boolean \| undefined` | `undefined` |
47
+ | `_hint` | `_hint` | Gibt den Hinweistext an. | `string \| undefined` | `''` |
48
+ | `_icon` | `_icon` | Ermöglicht das Anzeigen von Icons links und/oder rechts am Rand des Eingabefeldes. | `string \| undefined \| { right?: IconOrIconClass \| undefined; left?: IconOrIconClass \| undefined; }` | `undefined` |
49
+ | `_id` | `_id` | Gibt die technische ID des Eingabefeldes an. | `string \| undefined` | `undefined` |
50
+ | `_list` | `_list` | Gibt die Liste der Vorschlagszahlen an. | `string \| string[] \| undefined` | `undefined` |
51
+ | `_max` | `_max` | Gibt den größtmöglichen Zahlenwert 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` |
52
+ | `_min` | `_min` | Gibt den kleinstmöglichen Zahlenwert 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
+ | `_name` | `_name` | Gibt den technischen Namen des Eingabefeldes an. | `string \| undefined` | `undefined` |
54
+ | `_on` | -- | Gibt die EventCallback-Funktionen für das Input-Event an. | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus \| undefined` | `undefined` |
55
+ | `_placeholder` | `_placeholder` | Gibt den Platzhalter des Eingabefeldes an, wenn es leer ist. | `string \| undefined` | `undefined` |
56
+ | `_readOnly` | `_read-only` | Setzt das Eingabefeld in den schreibgeschützten Modus. | `boolean \| undefined` | `undefined` |
57
+ | `_required` | `_required` | Macht das Eingabeelement zu einem Pflichtfeld. | `boolean \| undefined` | `undefined` |
58
+ | `_smartButton` | -- | Ermöglicht eine Schaltfläche ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (ohne label). | `undefined \| { _label: string; } & { _ariaControls?: string \| undefined; _ariaLabel?: string \| undefined; _icon?: Stringified<KoliBriIconProp> \| undefined; _iconAlign?: PropAlignment \| undefined; _iconOnly?: boolean \| undefined; _role?: AlternativButtonLinkRole \| undefined; _tabIndex?: number \| undefined; _tooltipAlign?: PropAlignment \| undefined; _ariaCurrent?: AriaCurrent \| undefined; _ariaExpanded?: boolean \| undefined; _ariaSelected?: boolean \| undefined; _disabled?: boolean \| undefined; _accessKey?: string \| undefined; _id?: string \| undefined; _on?: KoliBriButtonCallbacks<unknown> \| undefined; _type?: KoliBriButtonType \| undefined; _value?: unknown; _variant?: KoliBriButtonVariant \| undefined; _customClass?: string \| undefined; }` | `undefined` |
59
+ | `_step` | `_step` | Gibt die Schrittweite der Wertveränderung an | `number \| undefined` | `undefined` |
60
+ | `_tabIndex` | `_tab-index` | Gibt an, welchen Tab-Index dieses Input hat. | `number \| undefined` | `undefined` |
61
+ | `_touched` | `_touched` | Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde. | `boolean \| undefined` | `false` |
62
+ | `_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/>Gibt an, ob es ein DateTime-, Date-, Month-, Week-, Time-, DateTime-Local-, Number-Eingabefeld ist. | `"date" \| "datetime-local" \| "month" \| "number" \| "time" \| "week" \| undefined` | `'number'` |
63
+ | `_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` |
93
64
 
94
65
 
95
66
  ## Dependencies
@@ -112,9 +83,7 @@ graph TD;
112
83
  kol-button-wc --> kol-span-wc
113
84
  kol-button-wc --> kol-tooltip
114
85
  kol-span-wc --> kol-icon
115
- kol-tooltip --> kol-badge
116
- kol-badge --> kol-span-wc
117
- kol-badge --> kol-button-wc
86
+ kol-tooltip --> kol-span-wc
118
87
  kol-alert --> kol-heading-wc
119
88
  kol-alert --> kol-button-wc
120
89
  kol-alert --> kol-icon
package/doc/input-password.md CHANGED
@@ -20,7 +20,7 @@ Der Input-Typ **Password** erzeugt ein Eingabefeld für Passwörter. Die Eingabe
20
20
 
21
21
  ### Best practices
22
22
 
23
- - Achten sie darauf, die Pflichtfelder `id` und `name` korrekt zu setzen.
23
+ - Achten sie darauf `id` und `name` korrekt zu setzen, damit die Daten beim Formular Absenden mitgesendet werden.
24
24
 
25
25
  ## Barrierefreiheit
26
26
 
@@ -39,29 +39,29 @@ Der Input-Typ **Password** erzeugt ein Eingabefeld für Passwörter. Die Eingabe
39
39
 
40
40
  ## Properties
41
41
 
42
- | Property | Attribute | Description | Type | Default |
43
- | ------------------ | ---------------- | -------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
44
- | `_accessKey` | `_access-key` | Gibt an, mit welcher Tastenkombination man das Input auslösen oder fokussieren kann. | `string \| undefined` | `undefined` |
45
- | `_alert` | `_alert` | Gibt an, ob die Fehlermeldung vorgelesen werden soll, wenn es eine gibt. | `boolean \| undefined` | `true` |
46
- | `_autoComplete` | `_auto-complete` | Gibt an, ob das Eingabefeld autovervollständigt werden kann. | `"off" \| "on" \| undefined` | `undefined` |
47
- | `_disabled` | `_disabled` | Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist. | `boolean \| undefined` | `undefined` |
48
- | `_error` | `_error` | Gibt den Text für eine Fehlermeldung an. | `string \| undefined` | `undefined` |
49
- | `_hideLabel` | `_hide-label` | Gibt an, ob das Eingabefeld kein sichtbares Label haben soll. | `boolean \| undefined` | `undefined` |
50
- | `_hint` | `_hint` | Gibt den Text für eine Hinweistext an. | `string \| undefined` | `''` |
51
- | `_icon` | `_icon` | Ermöglicht das Anzeigen von Icons links und/oder rechts am Rand des Eingabefeldes. | `string \| undefined \| { right?: IconOrIconClass \| undefined; left?: IconOrIconClass \| undefined; }` | `undefined` |
52
- | `_id` _(required)_ | `_id` | Gibt die technische ID des Eingabefeldes an. | `string` | `undefined` |
53
- | `_maxLength` | `_max-length` | Gibt an, wie viele Zeichen man maximal eingeben kann. | `number \| undefined` | `undefined` |
54
- | `_name` | `_name` | Gibt den technischen Namen des Eingabefeldes an. | `string \| undefined` | `undefined` |
55
- | `_on` | -- | Gibt die EventCallback-Funktionen für das Input-Event an. | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus \| undefined` | `undefined` |
56
- | `_pattern` | `_pattern` | Gibt ein Prüfpattern für das Eingabefeld an. | `string \| undefined` | `undefined` |
57
- | `_placeholder` | `_placeholder` | Gibt den Platzhalter des Eingabefeldes an, wenn es leer ist. | `string \| undefined` | `undefined` |
58
- | `_readOnly` | `_read-only` | Gibt an, ob die Eingabefeld nur lesend ist. | `boolean \| undefined` | `undefined` |
59
- | `_required` | `_required` | Gibt an, ob das Eingabefeld ein Pflichtfeld ist. | `boolean \| undefined` | `undefined` |
60
- | `_size` | `_size` | Gibt an, wie viele Zeichen man eingeben kann. | `number \| undefined` | `undefined` |
61
- | `_smartButton` | -- | Ermöglicht einen Schalter ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (nur Icon-Only). | `undefined \| { _label: string; } & { _ariaControls?: string \| undefined; _ariaLabel?: string \| undefined; _icon?: Stringified<KoliBriIconProp> \| undefined; _iconAlign?: PropAlignment \| undefined; _iconOnly?: boolean \| undefined; _role?: AlternativButtonLinkRole \| undefined; _tabIndex?: number \| undefined; _tooltipAlign?: PropAlignment \| undefined; _ariaCurrent?: AriaCurrent \| undefined; _ariaExpanded?: boolean \| undefined; _ariaSelected?: boolean \| undefined; _disabled?: boolean \| undefined; _accessKey?: string \| undefined; _id?: string \| undefined; _on?: KoliBriButtonCallbacks<unknown> \| undefined; _type?: KoliBriButtonType \| undefined; _value?: unknown; _variant?: KoliBriButtonVariant \| undefined; _customClass?: string \| undefined; }` | `undefined` |
62
- | `_tabIndex` | `_tab-index` | Gibt an, welchen Tab-Index dieses Input hat. | `number \| undefined` | `undefined` |
63
- | `_touched` | `_touched` | Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde. | `boolean \| undefined` | `false` |
64
- | `_value` | `_value` | Gibt den Wert des Eingabefeldes an. | `string \| undefined` | `undefined` |
42
+ | Property | Attribute | Description | Type | Default |
43
+ | --------------- | ---------------- | -------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
44
+ | `_accessKey` | `_access-key` | Gibt an, mit welcher Tastenkombination man das Input auslösen oder fokussieren kann. | `string \| undefined` | `undefined` |
45
+ | `_alert` | `_alert` | Gibt an, ob die Fehlermeldung vorgelesen werden soll, wenn es eine gibt. | `boolean \| undefined` | `true` |
46
+ | `_autoComplete` | `_auto-complete` | Gibt an, ob das Eingabefeld autovervollständigt werden kann. | `"off" \| "on" \| undefined` | `undefined` |
47
+ | `_disabled` | `_disabled` | Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt. | `boolean \| undefined` | `undefined` |
48
+ | `_error` | `_error` | Gibt den Text für eine Fehlermeldung an. | `string \| undefined` | `undefined` |
49
+ | `_hideLabel` | `_hide-label` | Versteckt das sichtbare Label des Elements. | `boolean \| undefined` | `undefined` |
50
+ | `_hint` | `_hint` | Gibt den Hinweistext an. | `string \| undefined` | `''` |
51
+ | `_icon` | `_icon` | Ermöglicht das Anzeigen von Icons links und/oder rechts am Rand des Eingabefeldes. | `string \| undefined \| { right?: IconOrIconClass \| undefined; left?: IconOrIconClass \| undefined; }` | `undefined` |
52
+ | `_id` | `_id` | Gibt die technische ID des Eingabefeldes an. | `string \| undefined` | `undefined` |
53
+ | `_maxLength` | `_max-length` | Gibt an, wie viele Zeichen man maximal eingeben kann. | `number \| undefined` | `undefined` |
54
+ | `_name` | `_name` | Gibt den technischen Namen des Eingabefeldes an. | `string \| undefined` | `undefined` |
55
+ | `_on` | -- | Gibt die EventCallback-Funktionen für das Input-Event an. | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus \| undefined` | `undefined` |
56
+ | `_pattern` | `_pattern` | Gibt ein Prüfpattern für das Eingabefeld an. | `string \| undefined` | `undefined` |
57
+ | `_placeholder` | `_placeholder` | Gibt den Platzhalter des Eingabefeldes an, wenn es leer ist. | `string \| undefined` | `undefined` |
58
+ | `_readOnly` | `_read-only` | Setzt das Eingabefeld in den schreibgeschützten Modus. | `boolean \| undefined` | `undefined` |
59
+ | `_required` | `_required` | Macht das Eingabeelement zu einem Pflichtfeld. | `boolean \| undefined` | `undefined` |
60
+ | `_size` | `_size` | Setzt die Breite des Eingabefeldes in Buchstabenbreiten. | `number \| undefined` | `undefined` |
61
+ | `_smartButton` | -- | Ermöglicht eine Schaltfläche ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (ohne label). | `undefined \| { _label: string; } & { _ariaControls?: string \| undefined; _ariaLabel?: string \| undefined; _icon?: Stringified<KoliBriIconProp> \| undefined; _iconAlign?: PropAlignment \| undefined; _iconOnly?: boolean \| undefined; _role?: AlternativButtonLinkRole \| undefined; _tabIndex?: number \| undefined; _tooltipAlign?: PropAlignment \| undefined; _ariaCurrent?: AriaCurrent \| undefined; _ariaExpanded?: boolean \| undefined; _ariaSelected?: boolean \| undefined; _disabled?: boolean \| undefined; _accessKey?: string \| undefined; _id?: string \| undefined; _on?: KoliBriButtonCallbacks<unknown> \| undefined; _type?: KoliBriButtonType \| undefined; _value?: unknown; _variant?: KoliBriButtonVariant \| undefined; _customClass?: string \| undefined; }` | `undefined` |
62
+ | `_tabIndex` | `_tab-index` | Gibt an, welchen Tab-Index dieses Input hat. | `number \| undefined` | `undefined` |
63
+ | `_touched` | `_touched` | Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde. | `boolean \| undefined` | `false` |
64
+ | `_value` | `_value` | Gibt den Wert des Eingabefeldes an. | `string \| undefined` | `undefined` |
65
65
 
66
66
 
67
67
  ## Dependencies
@@ -80,9 +80,7 @@ graph TD;
80
80
  kol-button-wc --> kol-span-wc
81
81
  kol-button-wc --> kol-tooltip
82
82
  kol-span-wc --> kol-icon
83
- kol-tooltip --> kol-badge
84
- kol-badge --> kol-span-wc
85
- kol-badge --> kol-button-wc
83
+ kol-tooltip --> kol-span-wc
86
84
  kol-alert --> kol-heading-wc
87
85
  kol-alert --> kol-button-wc
88
86
  kol-alert --> kol-icon