@public-ui/components 1.6.0-rc.1 → 1.6.0-rc.11

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 (1038) hide show
  1. package/custom-elements.json +438 -325
  2. package/dist/cjs/{a11y.tipps-251f022e.js → a11y.tipps-b7561cd9.js} +1 -1
  3. package/dist/cjs/a11y.tipps-b7561cd9.js.map +1 -0
  4. package/dist/cjs/{app-globals-a70c12d0.js → app-globals-76ba24c3.js} +1 -1
  5. package/dist/cjs/app-globals-76ba24c3.js.map +1 -0
  6. package/dist/cjs/{aria-selected-75bbe016.js → aria-selected-0ad16d16.js} +1 -1
  7. package/dist/cjs/aria-selected-0ad16d16.js.map +1 -0
  8. package/dist/cjs/bund-f5184e9e.js.map +1 -0
  9. package/dist/cjs/button-link-1df10d7c.js +4 -0
  10. package/dist/cjs/button-link-1df10d7c.js.map +1 -0
  11. package/dist/cjs/{color-93a094ef.js → color-b81183e4.js} +1 -1
  12. package/dist/cjs/{color-93a094ef.js.map → color-b81183e4.js.map} +1 -1
  13. package/dist/cjs/controller-20c47dac.js +4 -0
  14. package/dist/cjs/controller-20c47dac.js.map +1 -0
  15. package/dist/cjs/{controller-efc49b38.js → controller-6aabbf41.js} +1 -1
  16. package/dist/cjs/controller-6aabbf41.js.map +1 -0
  17. package/dist/cjs/{controller-90049b82.js → controller-7c4cd449.js} +1 -1
  18. package/dist/cjs/{controller-90049b82.js.map → controller-7c4cd449.js.map} +1 -1
  19. package/dist/cjs/controller-9a10b30b.js +4 -0
  20. package/dist/cjs/controller-9a10b30b.js.map +1 -0
  21. package/dist/cjs/controller-beb0e753.js +4 -0
  22. package/dist/cjs/controller-beb0e753.js.map +1 -0
  23. package/dist/cjs/controller-d513b916.js +4 -0
  24. package/dist/cjs/controller-d513b916.js.map +1 -0
  25. package/dist/cjs/{controller-icon-84ab02f7.js → controller-icon-d2ec9da9.js} +1 -1
  26. package/dist/cjs/{controller-icon-84ab02f7.js.map → controller-icon-d2ec9da9.js.map} +1 -1
  27. package/dist/cjs/{dev.utils-d69c0a9f.js → dev.utils-b2b6f024.js} +1 -1
  28. package/dist/cjs/dev.utils-b2b6f024.js.map +1 -0
  29. package/dist/cjs/{devtools-aae8bdf5.js → devtools-60ad513c.js} +1 -1
  30. package/dist/cjs/devtools-60ad513c.js.map +1 -0
  31. package/dist/cjs/{disabled-849b796c.js → disabled-98957f7e.js} +1 -1
  32. package/dist/cjs/disabled-98957f7e.js.map +1 -0
  33. package/dist/cjs/floating-ui.dom.esm-c11b0ec1.js +4 -0
  34. package/dist/cjs/floating-ui.dom.esm-c11b0ec1.js.map +1 -0
  35. package/dist/cjs/has-closer-7d377e88.js +4 -0
  36. package/dist/cjs/has-closer-7d377e88.js.map +1 -0
  37. package/dist/cjs/hide-label-9bf6abe6.js +4 -0
  38. package/dist/cjs/hide-label-9bf6abe6.js.map +1 -0
  39. package/dist/cjs/{i18n-bd375706.js → i18n-43926d90.js} +1 -1
  40. package/dist/cjs/i18n-43926d90.js.map +1 -0
  41. package/dist/cjs/{icon-c6dc105e.js → icon-deabb5a9.js} +1 -1
  42. package/dist/cjs/icon-deabb5a9.js.map +1 -0
  43. package/dist/cjs/index-68e17b5d.js +4 -0
  44. package/dist/cjs/index-68e17b5d.js.map +1 -0
  45. package/dist/cjs/{index-7159f3d9.js → index-6a24b8dc.js} +1 -1
  46. package/dist/cjs/index-6a24b8dc.js.map +1 -0
  47. package/dist/cjs/index-b63c6785.js +5 -0
  48. package/dist/cjs/index-b63c6785.js.map +1 -0
  49. package/dist/cjs/index.cjs.js +1 -1
  50. package/dist/cjs/kol-abbr.cjs.entry.js +1 -1
  51. package/dist/cjs/kol-abbr.cjs.entry.js.map +1 -1
  52. package/dist/cjs/kol-accordion.cjs.entry.js +1 -1
  53. package/dist/cjs/kol-accordion.cjs.entry.js.map +1 -1
  54. package/dist/cjs/kol-alert-wc_2.cjs.entry.js +1 -1
  55. package/dist/cjs/kol-alert-wc_2.cjs.entry.js.map +1 -1
  56. package/dist/cjs/kol-alert.cjs.entry.js +1 -1
  57. package/dist/cjs/kol-alert.cjs.entry.js.map +1 -1
  58. package/dist/cjs/kol-badge.cjs.entry.js +1 -1
  59. package/dist/cjs/kol-badge.cjs.entry.js.map +1 -1
  60. package/dist/cjs/kol-breadcrumb.cjs.entry.js +1 -1
  61. package/dist/cjs/kol-breadcrumb.cjs.entry.js.map +1 -1
  62. package/dist/cjs/kol-button-group-wc.cjs.entry.js +1 -1
  63. package/dist/cjs/kol-button-group-wc.cjs.entry.js.map +1 -1
  64. package/dist/cjs/kol-button-group.cjs.entry.js +1 -1
  65. package/dist/cjs/kol-button-group.cjs.entry.js.map +1 -1
  66. package/dist/cjs/kol-button-link-text-switch.cjs.entry.js +4 -0
  67. package/dist/cjs/kol-button-link-text-switch.cjs.entry.js.map +1 -0
  68. package/dist/cjs/kol-button-link.cjs.entry.js +1 -1
  69. package/dist/cjs/kol-button-link.cjs.entry.js.map +1 -1
  70. package/dist/cjs/kol-button-wc_2.cjs.entry.js +4 -0
  71. package/dist/cjs/kol-button-wc_2.cjs.entry.js.map +1 -0
  72. package/dist/cjs/kol-button.cjs.entry.js +1 -1
  73. package/dist/cjs/kol-button.cjs.entry.js.map +1 -1
  74. package/dist/cjs/kol-card.cjs.entry.js +1 -1
  75. package/dist/cjs/kol-card.cjs.entry.js.map +1 -1
  76. package/dist/cjs/kol-details.cjs.entry.js +1 -1
  77. package/dist/cjs/kol-details.cjs.entry.js.map +1 -1
  78. package/dist/cjs/kol-form.cjs.entry.js +1 -1
  79. package/dist/cjs/kol-form.cjs.entry.js.map +1 -1
  80. package/dist/cjs/kol-heading.cjs.entry.js +1 -1
  81. package/dist/cjs/kol-heading.cjs.entry.js.map +1 -1
  82. package/dist/cjs/kol-icon-font-awesome.cjs.entry.js +1 -1
  83. package/dist/cjs/kol-icon-font-awesome.cjs.entry.js.map +1 -1
  84. package/dist/cjs/kol-icon-icofont.cjs.entry.js +1 -1
  85. package/dist/cjs/kol-icon-icofont.cjs.entry.js.map +1 -1
  86. package/dist/cjs/kol-icon.cjs.entry.js +1 -1
  87. package/dist/cjs/kol-icon.cjs.entry.js.map +1 -1
  88. package/dist/cjs/kol-image.cjs.entry.js +1 -1
  89. package/dist/cjs/kol-image.cjs.entry.js.map +1 -1
  90. package/dist/cjs/kol-indented-text.cjs.entry.js +1 -1
  91. package/dist/cjs/kol-indented-text.cjs.entry.js.map +1 -1
  92. package/dist/cjs/kol-input-adapter-leanup.cjs.entry.js +1 -1
  93. package/dist/cjs/kol-input-adapter-leanup.cjs.entry.js.map +1 -1
  94. package/dist/cjs/kol-input-checkbox.cjs.entry.js +1 -1
  95. package/dist/cjs/kol-input-checkbox.cjs.entry.js.map +1 -1
  96. package/dist/cjs/kol-input-color.cjs.entry.js +1 -1
  97. package/dist/cjs/kol-input-color.cjs.entry.js.map +1 -1
  98. package/dist/cjs/kol-input-date.cjs.entry.js +1 -1
  99. package/dist/cjs/kol-input-date.cjs.entry.js.map +1 -1
  100. package/dist/cjs/kol-input-email.cjs.entry.js +1 -1
  101. package/dist/cjs/kol-input-email.cjs.entry.js.map +1 -1
  102. package/dist/cjs/kol-input-file.cjs.entry.js +1 -1
  103. package/dist/cjs/kol-input-file.cjs.entry.js.map +1 -1
  104. package/dist/cjs/kol-input-number.cjs.entry.js +1 -1
  105. package/dist/cjs/kol-input-number.cjs.entry.js.map +1 -1
  106. package/dist/cjs/kol-input-password.cjs.entry.js +1 -1
  107. package/dist/cjs/kol-input-password.cjs.entry.js.map +1 -1
  108. package/dist/cjs/kol-input-radio-group.cjs.entry.js +1 -1
  109. package/dist/cjs/kol-input-radio-group.cjs.entry.js.map +1 -1
  110. package/dist/cjs/kol-input-radio.cjs.entry.js +1 -1
  111. package/dist/cjs/kol-input-radio.cjs.entry.js.map +1 -1
  112. package/dist/cjs/kol-input-range.cjs.entry.js +1 -1
  113. package/dist/cjs/kol-input-range.cjs.entry.js.map +1 -1
  114. package/dist/cjs/kol-input-text.cjs.entry.js +1 -1
  115. package/dist/cjs/kol-input-text.cjs.entry.js.map +1 -1
  116. package/dist/cjs/kol-kolibri.cjs.entry.js +1 -1
  117. package/dist/cjs/kol-kolibri.cjs.entry.js.map +1 -1
  118. package/dist/cjs/kol-link-button.cjs.entry.js +1 -1
  119. package/dist/cjs/kol-link-button.cjs.entry.js.map +1 -1
  120. package/dist/cjs/kol-link-group.cjs.entry.js +1 -1
  121. package/dist/cjs/kol-link-group.cjs.entry.js.map +1 -1
  122. package/dist/cjs/kol-link-wc.cjs.entry.js +1 -1
  123. package/dist/cjs/kol-link-wc.cjs.entry.js.map +1 -1
  124. package/dist/cjs/kol-link.cjs.entry.js +1 -1
  125. package/dist/cjs/kol-link.cjs.entry.js.map +1 -1
  126. package/dist/cjs/kol-logo.cjs.entry.js +1 -1
  127. package/dist/cjs/kol-logo.cjs.entry.js.map +1 -1
  128. package/dist/cjs/kol-modal.cjs.entry.js +1 -1
  129. package/dist/cjs/kol-modal.cjs.entry.js.map +1 -1
  130. package/dist/cjs/kol-nav.cjs.entry.js +1 -1
  131. package/dist/cjs/kol-nav.cjs.entry.js.map +1 -1
  132. package/dist/cjs/kol-pagination.cjs.entry.js +1 -1
  133. package/dist/cjs/kol-pagination.cjs.entry.js.map +1 -1
  134. package/dist/cjs/kol-popover.cjs.entry.js +1 -1
  135. package/dist/cjs/kol-popover.cjs.entry.js.map +1 -1
  136. package/dist/cjs/kol-progress.cjs.entry.js +1 -1
  137. package/dist/cjs/kol-progress.cjs.entry.js.map +1 -1
  138. package/dist/cjs/kol-quote.cjs.entry.js +1 -1
  139. package/dist/cjs/kol-quote.cjs.entry.js.map +1 -1
  140. package/dist/cjs/kol-select.cjs.entry.js +1 -1
  141. package/dist/cjs/kol-select.cjs.entry.js.map +1 -1
  142. package/dist/cjs/kol-skip-nav.cjs.entry.js +1 -1
  143. package/dist/cjs/kol-skip-nav.cjs.entry.js.map +1 -1
  144. package/dist/cjs/kol-span-wc.cjs.entry.js +4 -0
  145. package/dist/cjs/kol-span-wc.cjs.entry.js.map +1 -0
  146. package/dist/cjs/kol-span.cjs.entry.js +1 -1
  147. package/dist/cjs/kol-span.cjs.entry.js.map +1 -1
  148. package/dist/cjs/kol-spin.cjs.entry.js +1 -1
  149. package/dist/cjs/kol-spin.cjs.entry.js.map +1 -1
  150. package/dist/cjs/kol-split-button.cjs.entry.js +1 -1
  151. package/dist/cjs/kol-split-button.cjs.entry.js.map +1 -1
  152. package/dist/cjs/kol-symbol.cjs.entry.js +1 -1
  153. package/dist/cjs/kol-symbol.cjs.entry.js.map +1 -1
  154. package/dist/cjs/kol-table.cjs.entry.js +1 -1
  155. package/dist/cjs/kol-table.cjs.entry.js.map +1 -1
  156. package/dist/cjs/kol-tabs.cjs.entry.js +1 -1
  157. package/dist/cjs/kol-tabs.cjs.entry.js.map +1 -1
  158. package/dist/cjs/kol-textarea.cjs.entry.js +1 -1
  159. package/dist/cjs/kol-textarea.cjs.entry.js.map +1 -1
  160. package/dist/cjs/kol-toast.cjs.entry.js +1 -1
  161. package/dist/cjs/kol-toast.cjs.entry.js.map +1 -1
  162. package/dist/cjs/kol-tooltip.cjs.entry.js +1 -1
  163. package/dist/cjs/kol-tooltip.cjs.entry.js.map +1 -1
  164. package/dist/cjs/kol-version.cjs.entry.js +1 -1
  165. package/dist/cjs/kol-version.cjs.entry.js.map +1 -1
  166. package/dist/cjs/kolibri.cjs.js +1 -1
  167. package/dist/cjs/kolibri.cjs.js.map +1 -1
  168. package/dist/cjs/label-5738ac71.js +4 -0
  169. package/dist/cjs/label-5738ac71.js.map +1 -0
  170. package/dist/cjs/loader.cjs.js +1 -1
  171. package/dist/cjs/loader.cjs.js.map +1 -1
  172. package/dist/cjs/{prop.validators-0e600d26.js → prop.validators-8a027482.js} +1 -1
  173. package/dist/cjs/prop.validators-8a027482.js.map +1 -0
  174. package/dist/cjs/reuse-5fad9b6e.js +4 -0
  175. package/dist/cjs/reuse-5fad9b6e.js.map +1 -0
  176. package/dist/cjs/show-942951b7.js +4 -0
  177. package/dist/cjs/show-942951b7.js.map +1 -0
  178. package/dist/cjs/{tab-index-d4f662c6.js → tab-index-31c874b2.js} +1 -1
  179. package/dist/cjs/{tab-index-d4f662c6.js.map → tab-index-31c874b2.js.map} +1 -1
  180. package/dist/cjs/{validation-067abd6e.js → validation-1f68fe35.js} +1 -1
  181. package/dist/cjs/{validation-067abd6e.js.map → validation-1f68fe35.js.map} +1 -1
  182. package/dist/cjs/validation-6c112462.js +4 -0
  183. package/dist/cjs/validation-6c112462.js.map +1 -0
  184. package/dist/components/aria-selected.js +1 -1
  185. package/dist/components/aria-selected.js.map +1 -1
  186. package/dist/components/bund.js.map +1 -1
  187. package/dist/components/color.js +1 -1
  188. package/dist/components/color.js.map +1 -1
  189. package/dist/components/component.js +1 -1
  190. package/dist/components/component.js.map +1 -1
  191. package/dist/components/component10.js +1 -1
  192. package/dist/components/component10.js.map +1 -1
  193. package/dist/components/component11.js +1 -1
  194. package/dist/components/component11.js.map +1 -1
  195. package/dist/components/component12.js +1 -1
  196. package/dist/components/component12.js.map +1 -1
  197. package/dist/components/component13.js +1 -1
  198. package/dist/components/component13.js.map +1 -1
  199. package/dist/components/component14.js +1 -1
  200. package/dist/components/component14.js.map +1 -1
  201. package/dist/components/component15.js +1 -1
  202. package/dist/components/component15.js.map +1 -1
  203. package/dist/components/component2.js +1 -1
  204. package/dist/components/component2.js.map +1 -1
  205. package/dist/components/component3.js +1 -1
  206. package/dist/components/component3.js.map +1 -1
  207. package/dist/components/component4.js +1 -1
  208. package/dist/components/component4.js.map +1 -1
  209. package/dist/components/component5.js +1 -1
  210. package/dist/components/component5.js.map +1 -1
  211. package/dist/components/component6.js +1 -1
  212. package/dist/components/component6.js.map +1 -1
  213. package/dist/components/component7.js +1 -1
  214. package/dist/components/component7.js.map +1 -1
  215. package/dist/components/component8.js +1 -1
  216. package/dist/components/component8.js.map +1 -1
  217. package/dist/components/component9.js.map +1 -1
  218. package/dist/components/controller-icon.js +1 -1
  219. package/dist/components/controller-icon.js.map +1 -1
  220. package/dist/components/controller.js +1 -1
  221. package/dist/components/controller.js.map +1 -1
  222. package/dist/components/controller2.js +1 -1
  223. package/dist/components/controller2.js.map +1 -1
  224. package/dist/components/controller3.js +1 -1
  225. package/dist/components/controller3.js.map +1 -1
  226. package/dist/components/controller4.js +1 -1
  227. package/dist/components/controller4.js.map +1 -1
  228. package/dist/components/devtools.js +1 -1
  229. package/dist/components/devtools.js.map +1 -1
  230. package/dist/components/floating-ui.dom.esm.js +1 -1
  231. package/dist/components/floating-ui.dom.esm.js.map +1 -1
  232. package/dist/components/i18n.js +1 -1
  233. package/dist/components/i18n.js.map +1 -1
  234. package/dist/components/index.js.map +1 -1
  235. package/dist/components/kol-abbr.js.map +1 -1
  236. package/dist/components/kol-accordion.js +1 -1
  237. package/dist/components/kol-accordion.js.map +1 -1
  238. package/dist/components/kol-breadcrumb.js +1 -1
  239. package/dist/components/kol-breadcrumb.js.map +1 -1
  240. package/dist/components/kol-button-group.js.map +1 -1
  241. package/dist/components/kol-button-link-text-switch.d.ts +11 -0
  242. package/dist/components/kol-button-link-text-switch.js +4 -0
  243. package/dist/components/kol-button-link-text-switch.js.map +1 -0
  244. package/dist/components/kol-button-link.js +1 -1
  245. package/dist/components/kol-button-link.js.map +1 -1
  246. package/dist/components/kol-card.js +1 -1
  247. package/dist/components/kol-card.js.map +1 -1
  248. package/dist/components/kol-details.js +1 -1
  249. package/dist/components/kol-details.js.map +1 -1
  250. package/dist/components/kol-form.js +1 -1
  251. package/dist/components/kol-form.js.map +1 -1
  252. package/dist/components/kol-heading.js +1 -1
  253. package/dist/components/kol-heading.js.map +1 -1
  254. package/dist/components/kol-icon-font-awesome.js.map +1 -1
  255. package/dist/components/kol-icon-icofont.js.map +1 -1
  256. package/dist/components/kol-image.js.map +1 -1
  257. package/dist/components/kol-indented-text.js +1 -1
  258. package/dist/components/kol-input-adapter-leanup.js +1 -1
  259. package/dist/components/kol-input-adapter-leanup.js.map +1 -1
  260. package/dist/components/kol-input-checkbox.js +1 -1
  261. package/dist/components/kol-input-checkbox.js.map +1 -1
  262. package/dist/components/kol-input-color.js +1 -1
  263. package/dist/components/kol-input-color.js.map +1 -1
  264. package/dist/components/kol-input-date.js +1 -1
  265. package/dist/components/kol-input-date.js.map +1 -1
  266. package/dist/components/kol-input-email.js +1 -1
  267. package/dist/components/kol-input-email.js.map +1 -1
  268. package/dist/components/kol-input-file.js +1 -1
  269. package/dist/components/kol-input-file.js.map +1 -1
  270. package/dist/components/kol-input-number.js +1 -1
  271. package/dist/components/kol-input-number.js.map +1 -1
  272. package/dist/components/kol-input-password.js +1 -1
  273. package/dist/components/kol-input-password.js.map +1 -1
  274. package/dist/components/kol-input-radio-group.js +1 -1
  275. package/dist/components/kol-input-radio-group.js.map +1 -1
  276. package/dist/components/kol-input-range.js +1 -1
  277. package/dist/components/kol-input-range.js.map +1 -1
  278. package/dist/components/kol-input-text.js +1 -1
  279. package/dist/components/kol-input-text.js.map +1 -1
  280. package/dist/components/kol-input.js +1 -1
  281. package/dist/components/kol-kolibri.js +1 -1
  282. package/dist/components/kol-kolibri.js.map +1 -1
  283. package/dist/components/kol-link-button.js +1 -1
  284. package/dist/components/kol-link-button.js.map +1 -1
  285. package/dist/components/kol-link-group.js +1 -1
  286. package/dist/components/kol-link-group.js.map +1 -1
  287. package/dist/components/kol-logo.js +1 -1
  288. package/dist/components/kol-logo.js.map +1 -1
  289. package/dist/components/kol-modal.js +1 -1
  290. package/dist/components/kol-modal.js.map +1 -1
  291. package/dist/components/kol-nav.js +1 -1
  292. package/dist/components/kol-nav.js.map +1 -1
  293. package/dist/components/kol-popover.js +1 -1
  294. package/dist/components/kol-popover.js.map +1 -1
  295. package/dist/components/kol-progress.js +1 -1
  296. package/dist/components/kol-progress.js.map +1 -1
  297. package/dist/components/kol-quote.js.map +1 -1
  298. package/dist/components/kol-skip-nav.js +1 -1
  299. package/dist/components/kol-skip-nav.js.map +1 -1
  300. package/dist/components/kol-span.js +1 -1
  301. package/dist/components/kol-span.js.map +1 -1
  302. package/dist/components/kol-spin.js +1 -1
  303. package/dist/components/kol-spin.js.map +1 -1
  304. package/dist/components/kol-split-button.js +1 -1
  305. package/dist/components/kol-split-button.js.map +1 -1
  306. package/dist/components/kol-symbol.js +1 -1
  307. package/dist/components/kol-symbol.js.map +1 -1
  308. package/dist/components/kol-table.js +1 -1
  309. package/dist/components/kol-table.js.map +1 -1
  310. package/dist/components/kol-tabs.js +1 -1
  311. package/dist/components/kol-tabs.js.map +1 -1
  312. package/dist/components/kol-textarea.js +1 -1
  313. package/dist/components/kol-textarea.js.map +1 -1
  314. package/dist/components/kol-toast.js +1 -1
  315. package/dist/components/kol-toast.js.map +1 -1
  316. package/dist/components/kol-version.js +1 -1
  317. package/dist/components/kol-version.js.map +1 -1
  318. package/dist/components/label.js +4 -0
  319. package/dist/components/label.js.map +1 -0
  320. package/dist/components/prop.validators.js +1 -1
  321. package/dist/components/prop.validators.js.map +1 -1
  322. package/dist/components/shadow.js +1 -1
  323. package/dist/components/shadow.js.map +1 -1
  324. package/dist/components/shadow2.js +1 -1
  325. package/dist/components/shadow2.js.map +1 -1
  326. package/dist/components/shadow3.js +1 -1
  327. package/dist/components/shadow3.js.map +1 -1
  328. package/dist/components/show.js +1 -1
  329. package/dist/components/show.js.map +1 -1
  330. package/dist/components/tab-index.js +1 -1
  331. package/dist/components/tab-index.js.map +1 -1
  332. package/dist/components/validation.js +1 -1
  333. package/dist/components/validation.js.map +1 -1
  334. package/dist/declare.d.ts +26 -0
  335. package/dist/esm/{a11y.tipps-2e27f8e6.js → a11y.tipps-e607b8b3.js} +1 -1
  336. package/dist/esm/a11y.tipps-e607b8b3.js.map +1 -0
  337. package/dist/esm/app-globals-1811b38e.js +4 -0
  338. package/dist/esm/app-globals-1811b38e.js.map +1 -0
  339. package/dist/esm/{aria-selected-0f45e2c3.js → aria-selected-d90aa300.js} +1 -1
  340. package/dist/esm/aria-selected-d90aa300.js.map +1 -0
  341. package/dist/esm/bund-056aa89a.js.map +1 -0
  342. package/dist/esm/{button-link-abc9999d.js → button-link-2ad7f3cf.js} +1 -1
  343. package/dist/esm/button-link-2ad7f3cf.js.map +1 -0
  344. package/dist/esm/{color-2a715559.js → color-9d0ce5e3.js} +1 -1
  345. package/dist/esm/{color-2a715559.js.map → color-9d0ce5e3.js.map} +1 -1
  346. package/dist/esm/controller-0a60db6b.js +4 -0
  347. package/dist/esm/controller-0a60db6b.js.map +1 -0
  348. package/dist/esm/controller-3b1a37ac.js +4 -0
  349. package/dist/esm/controller-3b1a37ac.js.map +1 -0
  350. package/dist/esm/controller-ca0fe64f.js +4 -0
  351. package/dist/esm/controller-ca0fe64f.js.map +1 -0
  352. package/dist/esm/{controller-c92d85d6.js → controller-d064cead.js} +1 -1
  353. package/dist/esm/{controller-c92d85d6.js.map → controller-d064cead.js.map} +1 -1
  354. package/dist/esm/controller-d9fb3dc1.js +4 -0
  355. package/dist/esm/controller-d9fb3dc1.js.map +1 -0
  356. package/dist/esm/controller-ff99125c.js +4 -0
  357. package/dist/esm/controller-ff99125c.js.map +1 -0
  358. package/dist/esm/{controller-icon-1255b762.js → controller-icon-ba3c5351.js} +1 -1
  359. package/dist/esm/{controller-icon-1255b762.js.map → controller-icon-ba3c5351.js.map} +1 -1
  360. package/dist/esm/{dev.utils-157f0499.js → dev.utils-8aef00f6.js} +1 -1
  361. package/dist/esm/dev.utils-8aef00f6.js.map +1 -0
  362. package/dist/esm/{devtools-fc4614e6.js → devtools-eaaafe9d.js} +1 -1
  363. package/dist/esm/devtools-eaaafe9d.js.map +1 -0
  364. package/dist/esm/{disabled-7ea66fab.js → disabled-cac31f02.js} +1 -1
  365. package/dist/esm/disabled-cac31f02.js.map +1 -0
  366. package/dist/esm/floating-ui.dom.esm-805abd08.js +4 -0
  367. package/dist/esm/floating-ui.dom.esm-805abd08.js.map +1 -0
  368. package/dist/esm/has-closer-268d165e.js +4 -0
  369. package/dist/esm/has-closer-268d165e.js.map +1 -0
  370. package/dist/esm/{hide-label-1fa80b94.js → hide-label-e9f288ac.js} +1 -1
  371. package/dist/esm/hide-label-e9f288ac.js.map +1 -0
  372. package/dist/esm/{i18n-b8589f01.js → i18n-64b07ed9.js} +1 -1
  373. package/dist/esm/i18n-64b07ed9.js.map +1 -0
  374. package/dist/esm/{icon-52e86ff8.js → icon-278d567d.js} +1 -1
  375. package/dist/esm/icon-278d567d.js.map +1 -0
  376. package/dist/esm/index-2c046ff1.js +5 -0
  377. package/dist/esm/index-2c046ff1.js.map +1 -0
  378. package/dist/esm/{index-f4596895.js → index-37b5cbcf.js} +1 -1
  379. package/dist/esm/index-37b5cbcf.js.map +1 -0
  380. package/dist/esm/index-d8ac1088.js +4 -0
  381. package/dist/esm/index-d8ac1088.js.map +1 -0
  382. package/dist/esm/index.js +1 -1
  383. package/dist/esm/kol-abbr.entry.js +1 -1
  384. package/dist/esm/kol-abbr.entry.js.map +1 -1
  385. package/dist/esm/kol-accordion.entry.js +1 -1
  386. package/dist/esm/kol-accordion.entry.js.map +1 -1
  387. package/dist/esm/kol-alert-wc_2.entry.js +1 -1
  388. package/dist/esm/kol-alert-wc_2.entry.js.map +1 -1
  389. package/dist/esm/kol-alert.entry.js +1 -1
  390. package/dist/esm/kol-alert.entry.js.map +1 -1
  391. package/dist/esm/kol-badge.entry.js +1 -1
  392. package/dist/esm/kol-badge.entry.js.map +1 -1
  393. package/dist/esm/kol-breadcrumb.entry.js +1 -1
  394. package/dist/esm/kol-breadcrumb.entry.js.map +1 -1
  395. package/dist/esm/kol-button-group-wc.entry.js +1 -1
  396. package/dist/esm/kol-button-group-wc.entry.js.map +1 -1
  397. package/dist/esm/kol-button-group.entry.js +1 -1
  398. package/dist/esm/kol-button-group.entry.js.map +1 -1
  399. package/dist/esm/kol-button-link-text-switch.entry.js +4 -0
  400. package/dist/esm/kol-button-link-text-switch.entry.js.map +1 -0
  401. package/dist/esm/kol-button-link.entry.js +1 -1
  402. package/dist/esm/kol-button-link.entry.js.map +1 -1
  403. package/dist/esm/kol-button-wc_2.entry.js +4 -0
  404. package/dist/esm/kol-button-wc_2.entry.js.map +1 -0
  405. package/dist/esm/kol-button.entry.js +1 -1
  406. package/dist/esm/kol-button.entry.js.map +1 -1
  407. package/dist/esm/kol-card.entry.js +1 -1
  408. package/dist/esm/kol-card.entry.js.map +1 -1
  409. package/dist/esm/kol-details.entry.js +1 -1
  410. package/dist/esm/kol-details.entry.js.map +1 -1
  411. package/dist/esm/kol-form.entry.js +1 -1
  412. package/dist/esm/kol-form.entry.js.map +1 -1
  413. package/dist/esm/kol-heading.entry.js +1 -1
  414. package/dist/esm/kol-heading.entry.js.map +1 -1
  415. package/dist/esm/kol-icon-font-awesome.entry.js +1 -1
  416. package/dist/esm/kol-icon-font-awesome.entry.js.map +1 -1
  417. package/dist/esm/kol-icon-icofont.entry.js +1 -1
  418. package/dist/esm/kol-icon-icofont.entry.js.map +1 -1
  419. package/dist/esm/kol-icon.entry.js +1 -1
  420. package/dist/esm/kol-icon.entry.js.map +1 -1
  421. package/dist/esm/kol-image.entry.js +1 -1
  422. package/dist/esm/kol-image.entry.js.map +1 -1
  423. package/dist/esm/kol-indented-text.entry.js +1 -1
  424. package/dist/esm/kol-indented-text.entry.js.map +1 -1
  425. package/dist/esm/kol-input-adapter-leanup.entry.js +1 -1
  426. package/dist/esm/kol-input-adapter-leanup.entry.js.map +1 -1
  427. package/dist/esm/kol-input-checkbox.entry.js +1 -1
  428. package/dist/esm/kol-input-checkbox.entry.js.map +1 -1
  429. package/dist/esm/kol-input-color.entry.js +1 -1
  430. package/dist/esm/kol-input-color.entry.js.map +1 -1
  431. package/dist/esm/kol-input-date.entry.js +1 -1
  432. package/dist/esm/kol-input-date.entry.js.map +1 -1
  433. package/dist/esm/kol-input-email.entry.js +1 -1
  434. package/dist/esm/kol-input-email.entry.js.map +1 -1
  435. package/dist/esm/kol-input-file.entry.js +1 -1
  436. package/dist/esm/kol-input-file.entry.js.map +1 -1
  437. package/dist/esm/kol-input-number.entry.js +1 -1
  438. package/dist/esm/kol-input-number.entry.js.map +1 -1
  439. package/dist/esm/kol-input-password.entry.js +1 -1
  440. package/dist/esm/kol-input-password.entry.js.map +1 -1
  441. package/dist/esm/kol-input-radio-group.entry.js +1 -1
  442. package/dist/esm/kol-input-radio-group.entry.js.map +1 -1
  443. package/dist/esm/kol-input-radio.entry.js +1 -1
  444. package/dist/esm/kol-input-radio.entry.js.map +1 -1
  445. package/dist/esm/kol-input-range.entry.js +1 -1
  446. package/dist/esm/kol-input-range.entry.js.map +1 -1
  447. package/dist/esm/kol-input-text.entry.js +1 -1
  448. package/dist/esm/kol-input-text.entry.js.map +1 -1
  449. package/dist/esm/kol-kolibri.entry.js +1 -1
  450. package/dist/esm/kol-kolibri.entry.js.map +1 -1
  451. package/dist/esm/kol-link-button.entry.js +1 -1
  452. package/dist/esm/kol-link-button.entry.js.map +1 -1
  453. package/dist/esm/kol-link-group.entry.js +1 -1
  454. package/dist/esm/kol-link-group.entry.js.map +1 -1
  455. package/dist/esm/kol-link-wc.entry.js +1 -1
  456. package/dist/esm/kol-link-wc.entry.js.map +1 -1
  457. package/dist/esm/kol-link.entry.js +1 -1
  458. package/dist/esm/kol-link.entry.js.map +1 -1
  459. package/dist/esm/kol-logo.entry.js +1 -1
  460. package/dist/esm/kol-logo.entry.js.map +1 -1
  461. package/dist/esm/kol-modal.entry.js +1 -1
  462. package/dist/esm/kol-modal.entry.js.map +1 -1
  463. package/dist/esm/kol-nav.entry.js +1 -1
  464. package/dist/esm/kol-nav.entry.js.map +1 -1
  465. package/dist/esm/kol-pagination.entry.js +1 -1
  466. package/dist/esm/kol-pagination.entry.js.map +1 -1
  467. package/dist/esm/kol-popover.entry.js +1 -1
  468. package/dist/esm/kol-popover.entry.js.map +1 -1
  469. package/dist/esm/kol-progress.entry.js +1 -1
  470. package/dist/esm/kol-progress.entry.js.map +1 -1
  471. package/dist/esm/kol-quote.entry.js +1 -1
  472. package/dist/esm/kol-quote.entry.js.map +1 -1
  473. package/dist/esm/kol-select.entry.js +1 -1
  474. package/dist/esm/kol-select.entry.js.map +1 -1
  475. package/dist/esm/kol-skip-nav.entry.js +1 -1
  476. package/dist/esm/kol-skip-nav.entry.js.map +1 -1
  477. package/dist/esm/kol-span-wc.entry.js +4 -0
  478. package/dist/esm/kol-span-wc.entry.js.map +1 -0
  479. package/dist/esm/kol-span.entry.js +1 -1
  480. package/dist/esm/kol-span.entry.js.map +1 -1
  481. package/dist/esm/kol-spin.entry.js +1 -1
  482. package/dist/esm/kol-spin.entry.js.map +1 -1
  483. package/dist/esm/kol-split-button.entry.js +1 -1
  484. package/dist/esm/kol-split-button.entry.js.map +1 -1
  485. package/dist/esm/kol-symbol.entry.js +1 -1
  486. package/dist/esm/kol-symbol.entry.js.map +1 -1
  487. package/dist/esm/kol-table.entry.js +1 -1
  488. package/dist/esm/kol-table.entry.js.map +1 -1
  489. package/dist/esm/kol-tabs.entry.js +1 -1
  490. package/dist/esm/kol-tabs.entry.js.map +1 -1
  491. package/dist/esm/kol-textarea.entry.js +1 -1
  492. package/dist/esm/kol-textarea.entry.js.map +1 -1
  493. package/dist/esm/kol-toast.entry.js +1 -1
  494. package/dist/esm/kol-toast.entry.js.map +1 -1
  495. package/dist/esm/kol-tooltip.entry.js +1 -1
  496. package/dist/esm/kol-tooltip.entry.js.map +1 -1
  497. package/dist/esm/kol-version.entry.js +1 -1
  498. package/dist/esm/kol-version.entry.js.map +1 -1
  499. package/dist/esm/kolibri.js +1 -1
  500. package/dist/esm/kolibri.js.map +1 -1
  501. package/dist/esm/label-bd9566f6.js +4 -0
  502. package/dist/esm/label-bd9566f6.js.map +1 -0
  503. package/dist/esm/loader.js +1 -1
  504. package/dist/esm/loader.js.map +1 -1
  505. package/dist/esm/{prop.validators-2c20cdf8.js → prop.validators-683bb1d0.js} +1 -1
  506. package/dist/esm/prop.validators-683bb1d0.js.map +1 -0
  507. package/dist/esm/reuse-c2156413.js +4 -0
  508. package/dist/esm/reuse-c2156413.js.map +1 -0
  509. package/dist/esm/{show-5a4bfd71.js → show-2b9058c9.js} +1 -1
  510. package/dist/esm/show-2b9058c9.js.map +1 -0
  511. package/dist/esm/{tab-index-2de507bb.js → tab-index-6d37f269.js} +1 -1
  512. package/dist/esm/{tab-index-2de507bb.js.map → tab-index-6d37f269.js.map} +1 -1
  513. package/dist/esm/{validation-9c8695ca.js → validation-0efb75d3.js} +1 -1
  514. package/dist/esm/{validation-9c8695ca.js.map → validation-0efb75d3.js.map} +1 -1
  515. package/dist/esm/validation-1f01325c.js +4 -0
  516. package/dist/esm/validation-1f01325c.js.map +1 -0
  517. package/dist/kolibri/{a11y.tipps-2e27f8e6.js → a11y.tipps-e607b8b3.js} +1 -1
  518. package/dist/kolibri/a11y.tipps-e607b8b3.js.map +1 -0
  519. package/dist/kolibri/app-globals-1811b38e.js +4 -0
  520. package/dist/kolibri/app-globals-1811b38e.js.map +1 -0
  521. package/dist/kolibri/{aria-selected-0f45e2c3.js → aria-selected-d90aa300.js} +1 -1
  522. package/dist/kolibri/aria-selected-d90aa300.js.map +1 -0
  523. package/dist/kolibri/assets/simulations/alert-simulation.js +1 -0
  524. package/dist/kolibri/assets/simulations/button-simulation.js +1 -0
  525. package/dist/kolibri/assets/simulations/form-simulation.textarea.js +1 -0
  526. package/dist/kolibri/assets/simulations/modal-simulation.js +1 -0
  527. package/dist/kolibri/assets/{nav-simulation.js → simulations/nav-simulation.js} +1 -1
  528. package/dist/kolibri/assets/{progress-simulation.js → simulations/progress-simulation.js} +1 -1
  529. package/dist/kolibri/assets/simulations/smart-button-simulation.js +1 -0
  530. package/dist/kolibri/assets/simulations/spin-simulation.js +1 -0
  531. package/dist/kolibri/assets/{table-simulation.js → simulations/table-simulation.js} +1 -1
  532. package/dist/kolibri/assets/{tabs-simulation.js → simulations/tabs-simulation.js} +1 -1
  533. package/dist/kolibri/assets/style.css +0 -5
  534. package/dist/kolibri/bund-056aa89a.js.map +1 -0
  535. package/dist/kolibri/{button-link-abc9999d.js → button-link-2ad7f3cf.js} +1 -1
  536. package/dist/kolibri/button-link-2ad7f3cf.js.map +1 -0
  537. package/dist/kolibri/{color-2a715559.js → color-9d0ce5e3.js} +1 -1
  538. package/dist/kolibri/color-9d0ce5e3.js.map +1 -0
  539. package/dist/kolibri/controller-0a60db6b.js +4 -0
  540. package/dist/kolibri/controller-0a60db6b.js.map +1 -0
  541. package/dist/kolibri/controller-3b1a37ac.js +4 -0
  542. package/dist/kolibri/controller-3b1a37ac.js.map +1 -0
  543. package/dist/kolibri/controller-ca0fe64f.js +4 -0
  544. package/dist/kolibri/controller-ca0fe64f.js.map +1 -0
  545. package/dist/kolibri/{controller-c92d85d6.js → controller-d064cead.js} +1 -1
  546. package/dist/kolibri/{controller-c92d85d6.js.map → controller-d064cead.js.map} +1 -1
  547. package/dist/kolibri/controller-d9fb3dc1.js +4 -0
  548. package/dist/kolibri/controller-d9fb3dc1.js.map +1 -0
  549. package/dist/kolibri/controller-ff99125c.js +4 -0
  550. package/dist/kolibri/controller-ff99125c.js.map +1 -0
  551. package/dist/kolibri/controller-icon-ba3c5351.js +4 -0
  552. package/dist/kolibri/{controller-icon-1255b762.js.map → controller-icon-ba3c5351.js.map} +1 -1
  553. package/dist/kolibri/{dev.utils-157f0499.js → dev.utils-8aef00f6.js} +1 -1
  554. package/dist/kolibri/dev.utils-8aef00f6.js.map +1 -0
  555. package/dist/kolibri/devtools-eaaafe9d.js +4 -0
  556. package/dist/kolibri/devtools-eaaafe9d.js.map +1 -0
  557. package/dist/kolibri/{disabled-7ea66fab.js → disabled-cac31f02.js} +1 -1
  558. package/dist/kolibri/disabled-cac31f02.js.map +1 -0
  559. package/dist/kolibri/floating-ui.dom.esm-805abd08.js +4 -0
  560. package/dist/kolibri/floating-ui.dom.esm-805abd08.js.map +1 -0
  561. package/dist/kolibri/has-closer-268d165e.js +4 -0
  562. package/dist/kolibri/has-closer-268d165e.js.map +1 -0
  563. package/dist/kolibri/hide-label-e9f288ac.js +4 -0
  564. package/dist/kolibri/{hide-label-1fa80b94.js.map → hide-label-e9f288ac.js.map} +1 -1
  565. package/dist/kolibri/{i18n-b8589f01.js → i18n-64b07ed9.js} +1 -1
  566. package/dist/kolibri/i18n-64b07ed9.js.map +1 -0
  567. package/dist/kolibri/{icon-52e86ff8.js → icon-278d567d.js} +1 -1
  568. package/dist/kolibri/icon-278d567d.js.map +1 -0
  569. package/dist/kolibri/index-2c046ff1.js +5 -0
  570. package/dist/kolibri/index-2c046ff1.js.map +1 -0
  571. package/dist/kolibri/{index-f4596895.js → index-37b5cbcf.js} +1 -1
  572. package/dist/kolibri/index-37b5cbcf.js.map +1 -0
  573. package/dist/kolibri/index-d8ac1088.js +4 -0
  574. package/dist/kolibri/index-d8ac1088.js.map +1 -0
  575. package/dist/kolibri/index.esm.js +1 -1
  576. package/dist/kolibri/kol-abbr.entry.js +1 -1
  577. package/dist/kolibri/kol-abbr.entry.js.map +1 -1
  578. package/dist/kolibri/kol-accordion.entry.js +1 -1
  579. package/dist/kolibri/kol-accordion.entry.js.map +1 -1
  580. package/dist/kolibri/kol-alert-wc_2.entry.js +1 -1
  581. package/dist/kolibri/kol-alert-wc_2.entry.js.map +1 -1
  582. package/dist/kolibri/kol-alert.entry.js +1 -1
  583. package/dist/kolibri/kol-alert.entry.js.map +1 -1
  584. package/dist/kolibri/kol-badge.entry.js +1 -1
  585. package/dist/kolibri/kol-badge.entry.js.map +1 -1
  586. package/dist/kolibri/kol-breadcrumb.entry.js +1 -1
  587. package/dist/kolibri/kol-breadcrumb.entry.js.map +1 -1
  588. package/dist/kolibri/kol-button-group-wc.entry.js +1 -1
  589. package/dist/kolibri/kol-button-group-wc.entry.js.map +1 -1
  590. package/dist/kolibri/kol-button-group.entry.js +1 -1
  591. package/dist/kolibri/kol-button-group.entry.js.map +1 -1
  592. package/dist/kolibri/kol-button-link-text-switch.entry.js +4 -0
  593. package/dist/kolibri/kol-button-link-text-switch.entry.js.map +1 -0
  594. package/dist/kolibri/kol-button-link.entry.js +1 -1
  595. package/dist/kolibri/kol-button-link.entry.js.map +1 -1
  596. package/dist/kolibri/kol-button-wc_2.entry.js +4 -0
  597. package/dist/kolibri/kol-button-wc_2.entry.js.map +1 -0
  598. package/dist/kolibri/kol-button.entry.js +1 -1
  599. package/dist/kolibri/kol-button.entry.js.map +1 -1
  600. package/dist/kolibri/kol-card.entry.js +1 -1
  601. package/dist/kolibri/kol-card.entry.js.map +1 -1
  602. package/dist/kolibri/kol-details.entry.js +1 -1
  603. package/dist/kolibri/kol-details.entry.js.map +1 -1
  604. package/dist/kolibri/kol-form.entry.js +1 -1
  605. package/dist/kolibri/kol-form.entry.js.map +1 -1
  606. package/dist/kolibri/kol-heading.entry.js +1 -1
  607. package/dist/kolibri/kol-heading.entry.js.map +1 -1
  608. package/dist/kolibri/kol-icon-font-awesome.entry.js +1 -1
  609. package/dist/kolibri/kol-icon-font-awesome.entry.js.map +1 -1
  610. package/dist/kolibri/kol-icon-icofont.entry.js +1 -1
  611. package/dist/kolibri/kol-icon-icofont.entry.js.map +1 -1
  612. package/dist/kolibri/kol-icon.entry.js +1 -1
  613. package/dist/kolibri/kol-icon.entry.js.map +1 -1
  614. package/dist/kolibri/kol-image.entry.js +1 -1
  615. package/dist/kolibri/kol-image.entry.js.map +1 -1
  616. package/dist/kolibri/kol-indented-text.entry.js +1 -1
  617. package/dist/kolibri/kol-indented-text.entry.js.map +1 -1
  618. package/dist/kolibri/kol-input-adapter-leanup.entry.js +1 -1
  619. package/dist/kolibri/kol-input-adapter-leanup.entry.js.map +1 -1
  620. package/dist/kolibri/kol-input-checkbox.entry.js +1 -1
  621. package/dist/kolibri/kol-input-checkbox.entry.js.map +1 -1
  622. package/dist/kolibri/kol-input-color.entry.js +1 -1
  623. package/dist/kolibri/kol-input-color.entry.js.map +1 -1
  624. package/dist/kolibri/kol-input-date.entry.js +1 -1
  625. package/dist/kolibri/kol-input-date.entry.js.map +1 -1
  626. package/dist/kolibri/kol-input-email.entry.js +1 -1
  627. package/dist/kolibri/kol-input-email.entry.js.map +1 -1
  628. package/dist/kolibri/kol-input-file.entry.js +1 -1
  629. package/dist/kolibri/kol-input-file.entry.js.map +1 -1
  630. package/dist/kolibri/kol-input-number.entry.js +1 -1
  631. package/dist/kolibri/kol-input-number.entry.js.map +1 -1
  632. package/dist/kolibri/kol-input-password.entry.js +1 -1
  633. package/dist/kolibri/kol-input-password.entry.js.map +1 -1
  634. package/dist/kolibri/kol-input-radio-group.entry.js +1 -1
  635. package/dist/kolibri/kol-input-radio-group.entry.js.map +1 -1
  636. package/dist/kolibri/kol-input-radio.entry.js +1 -1
  637. package/dist/kolibri/kol-input-radio.entry.js.map +1 -1
  638. package/dist/kolibri/kol-input-range.entry.js +1 -1
  639. package/dist/kolibri/kol-input-range.entry.js.map +1 -1
  640. package/dist/kolibri/kol-input-text.entry.js +1 -1
  641. package/dist/kolibri/kol-input-text.entry.js.map +1 -1
  642. package/dist/kolibri/kol-kolibri.entry.js +1 -1
  643. package/dist/kolibri/kol-kolibri.entry.js.map +1 -1
  644. package/dist/kolibri/kol-link-button.entry.js +1 -1
  645. package/dist/kolibri/kol-link-button.entry.js.map +1 -1
  646. package/dist/kolibri/kol-link-group.entry.js +1 -1
  647. package/dist/kolibri/kol-link-group.entry.js.map +1 -1
  648. package/dist/kolibri/kol-link-wc.entry.js +1 -1
  649. package/dist/kolibri/kol-link-wc.entry.js.map +1 -1
  650. package/dist/kolibri/kol-link.entry.js +1 -1
  651. package/dist/kolibri/kol-link.entry.js.map +1 -1
  652. package/dist/kolibri/kol-logo.entry.js +1 -1
  653. package/dist/kolibri/kol-logo.entry.js.map +1 -1
  654. package/dist/kolibri/kol-modal.entry.js +1 -1
  655. package/dist/kolibri/kol-modal.entry.js.map +1 -1
  656. package/dist/kolibri/kol-nav.entry.js +1 -1
  657. package/dist/kolibri/kol-nav.entry.js.map +1 -1
  658. package/dist/kolibri/kol-pagination.entry.js +1 -1
  659. package/dist/kolibri/kol-pagination.entry.js.map +1 -1
  660. package/dist/kolibri/kol-popover.entry.js +1 -1
  661. package/dist/kolibri/kol-popover.entry.js.map +1 -1
  662. package/dist/kolibri/kol-progress.entry.js +1 -1
  663. package/dist/kolibri/kol-progress.entry.js.map +1 -1
  664. package/dist/kolibri/kol-quote.entry.js +1 -1
  665. package/dist/kolibri/kol-quote.entry.js.map +1 -1
  666. package/dist/kolibri/kol-select.entry.js +1 -1
  667. package/dist/kolibri/kol-select.entry.js.map +1 -1
  668. package/dist/kolibri/kol-skip-nav.entry.js +1 -1
  669. package/dist/kolibri/kol-skip-nav.entry.js.map +1 -1
  670. package/dist/kolibri/kol-span-wc.entry.js +4 -0
  671. package/dist/kolibri/kol-span-wc.entry.js.map +1 -0
  672. package/dist/kolibri/kol-span.entry.js +1 -1
  673. package/dist/kolibri/kol-span.entry.js.map +1 -1
  674. package/dist/kolibri/kol-spin.entry.js +1 -1
  675. package/dist/kolibri/kol-spin.entry.js.map +1 -1
  676. package/dist/kolibri/kol-split-button.entry.js +1 -1
  677. package/dist/kolibri/kol-split-button.entry.js.map +1 -1
  678. package/dist/kolibri/kol-symbol.entry.js +1 -1
  679. package/dist/kolibri/kol-symbol.entry.js.map +1 -1
  680. package/dist/kolibri/kol-table.entry.js +1 -1
  681. package/dist/kolibri/kol-table.entry.js.map +1 -1
  682. package/dist/kolibri/kol-tabs.entry.js +1 -1
  683. package/dist/kolibri/kol-tabs.entry.js.map +1 -1
  684. package/dist/kolibri/kol-textarea.entry.js +1 -1
  685. package/dist/kolibri/kol-textarea.entry.js.map +1 -1
  686. package/dist/kolibri/kol-toast.entry.js +1 -1
  687. package/dist/kolibri/kol-toast.entry.js.map +1 -1
  688. package/dist/kolibri/kol-tooltip.entry.js +1 -1
  689. package/dist/kolibri/kol-tooltip.entry.js.map +1 -1
  690. package/dist/kolibri/kol-version.entry.js +1 -1
  691. package/dist/kolibri/kol-version.entry.js.map +1 -1
  692. package/dist/kolibri/kolibri.esm.js +1 -1
  693. package/dist/kolibri/kolibri.esm.js.map +1 -1
  694. package/dist/kolibri/label-bd9566f6.js +4 -0
  695. package/dist/kolibri/label-bd9566f6.js.map +1 -0
  696. package/dist/kolibri/{prop.validators-2c20cdf8.js → prop.validators-683bb1d0.js} +1 -1
  697. package/dist/kolibri/prop.validators-683bb1d0.js.map +1 -0
  698. package/dist/kolibri/reuse-c2156413.js +4 -0
  699. package/dist/kolibri/reuse-c2156413.js.map +1 -0
  700. package/dist/kolibri/show-2b9058c9.js +4 -0
  701. package/dist/kolibri/{show-5a4bfd71.js.map → show-2b9058c9.js.map} +1 -1
  702. package/dist/kolibri/{tab-index-2de507bb.js → tab-index-6d37f269.js} +1 -1
  703. package/dist/kolibri/{tab-index-2de507bb.js.map → tab-index-6d37f269.js.map} +1 -1
  704. package/dist/kolibri/{validation-9c8695ca.js → validation-0efb75d3.js} +1 -1
  705. package/dist/kolibri/{validation-9c8695ca.js.map → validation-0efb75d3.js.map} +1 -1
  706. package/dist/kolibri/validation-1f01325c.js +4 -0
  707. package/dist/kolibri/validation-1f01325c.js.map +1 -0
  708. package/dist/types/components/@deprecated/input/controller.d.ts +2 -1
  709. package/dist/types/components/@deprecated/input/types-icon.d.ts +2 -2
  710. package/dist/types/components/@deprecated/input/types.d.ts +3 -2
  711. package/dist/types/components/@else/all/component.d.ts +1 -1
  712. package/dist/types/components/abbr/component.d.ts +3 -3
  713. package/dist/types/components/abbr/types.d.ts +2 -2
  714. package/dist/types/components/accordion/types.d.ts +2 -2
  715. package/dist/types/components/alert/component.d.ts +1 -1
  716. package/dist/types/components/badge/component.d.ts +8 -25
  717. package/dist/types/components/badge/test/html.mock.d.ts +2 -2
  718. package/dist/types/components/badge/types.d.ts +24 -0
  719. package/dist/types/components/breadcrumb/component.d.ts +9 -18
  720. package/dist/types/components/breadcrumb/test/html.mock.d.ts +2 -2
  721. package/dist/types/components/breadcrumb/types.d.ts +18 -0
  722. package/dist/types/components/button/component.d.ts +12 -8
  723. package/dist/types/components/button/shadow.d.ts +8 -5
  724. package/dist/types/components/button-group/component.d.ts +1 -1
  725. package/dist/types/components/button-link/component.d.ts +7 -4
  726. package/dist/types/components/button-link-text-switch/component.d.ts +16 -0
  727. package/dist/types/components/button-link-text-switch/types.d.ts +12 -0
  728. package/dist/types/components/card/component.d.ts +3 -16
  729. package/dist/types/components/card/test/html.mock.d.ts +2 -2
  730. package/dist/types/components/card/types.d.ts +16 -0
  731. package/dist/types/components/details/component.d.ts +3 -14
  732. package/dist/types/components/details/test/html.mock.d.ts +2 -2
  733. package/dist/types/components/details/types.d.ts +13 -0
  734. package/dist/types/components/form/component.d.ts +3 -19
  735. package/dist/types/components/form/test/html.mock.d.ts +2 -2
  736. package/dist/types/components/form/types.d.ts +18 -0
  737. package/dist/types/components/heading/component.d.ts +6 -22
  738. package/dist/types/components/heading/shadow.d.ts +4 -3
  739. package/dist/types/components/heading/test/html.mock.d.ts +3 -3
  740. package/dist/types/components/heading/types.d.ts +18 -0
  741. package/dist/types/components/icon/component.d.ts +7 -16
  742. package/dist/types/components/icon/test/html.mock.d.ts +2 -2
  743. package/dist/types/components/icon/types.d.ts +15 -0
  744. package/dist/types/components/icon-font-awesome/component.d.ts +3 -3
  745. package/dist/types/components/icon-icofont/component.d.ts +3 -3
  746. package/dist/types/components/indented-text/component.d.ts +1 -1
  747. package/dist/types/components/input/component.d.ts +4 -0
  748. package/dist/types/components/input/types.d.ts +14 -3
  749. package/dist/types/components/input-adapter-leanup/controller.d.ts +2 -0
  750. package/dist/types/components/input-adapter-leanup/types.d.ts +1 -0
  751. package/dist/types/components/input-checkbox/component.d.ts +5 -2
  752. package/dist/types/components/input-checkbox/types.d.ts +5 -2
  753. package/dist/types/components/input-color/component.d.ts +5 -2
  754. package/dist/types/components/input-color/types.d.ts +3 -2
  755. package/dist/types/components/input-date/component.d.ts +27 -11
  756. package/dist/types/components/input-date/controller.d.ts +33 -0
  757. package/dist/types/components/input-date/types.d.ts +30 -4
  758. package/dist/types/components/input-email/component.d.ts +7 -2
  759. package/dist/types/components/input-email/types.d.ts +8 -3
  760. package/dist/types/components/input-file/component.d.ts +5 -2
  761. package/dist/types/components/input-file/types.d.ts +4 -3
  762. package/dist/types/components/input-number/component.d.ts +5 -2
  763. package/dist/types/components/input-number/types.d.ts +4 -3
  764. package/dist/types/components/input-password/component.d.ts +8 -3
  765. package/dist/types/components/input-password/controller.d.ts +1 -0
  766. package/dist/types/components/input-password/types.d.ts +7 -3
  767. package/dist/types/components/input-radio/component.d.ts +5 -2
  768. package/dist/types/components/input-radio/controller.d.ts +2 -2
  769. package/dist/types/components/input-radio/types.d.ts +3 -2
  770. package/dist/types/components/input-radio-group/component.d.ts +2 -1
  771. package/dist/types/components/input-range/component.d.ts +8 -3
  772. package/dist/types/components/input-range/types.d.ts +4 -3
  773. package/dist/types/components/input-text/component.d.ts +7 -2
  774. package/dist/types/components/input-text/controller.d.ts +5 -4
  775. package/dist/types/components/input-text/types.d.ts +6 -2
  776. package/dist/types/components/kolibri/component.d.ts +4 -22
  777. package/dist/types/components/kolibri/types.d.ts +22 -0
  778. package/dist/types/components/link/component.d.ts +13 -10
  779. package/dist/types/components/link/shadow.d.ts +7 -4
  780. package/dist/types/components/link-button/component.d.ts +7 -4
  781. package/dist/types/components/link-group/component.d.ts +8 -30
  782. package/dist/types/components/link-group/types.d.ts +31 -0
  783. package/dist/types/components/logo/component.d.ts +3 -13
  784. package/dist/types/components/logo/types.d.ts +13 -0
  785. package/dist/types/components/modal/component.d.ts +7 -20
  786. package/dist/types/components/modal/types.d.ts +20 -0
  787. package/dist/types/components/nav/component.d.ts +9 -31
  788. package/dist/types/components/nav/types.d.ts +31 -0
  789. package/dist/types/components/nav/validation.d.ts +5 -2
  790. package/dist/types/components/pagination/component.d.ts +7 -43
  791. package/dist/types/components/pagination/types.d.ts +41 -0
  792. package/dist/types/components/popover/component.d.ts +6 -16
  793. package/dist/types/components/popover/test/html.mock.d.ts +2 -2
  794. package/dist/types/components/popover/types.d.ts +13 -0
  795. package/dist/types/components/progress/component.d.ts +11 -29
  796. package/dist/types/components/progress/types.d.ts +22 -0
  797. package/dist/types/components/quote/shadow.d.ts +3 -3
  798. package/dist/types/components/quote/test/html.mock.d.ts +2 -2
  799. package/dist/types/components/quote/types.d.ts +6 -7
  800. package/dist/types/components/select/component.d.ts +5 -2
  801. package/dist/types/components/select/types.d.ts +4 -3
  802. package/dist/types/components/skip-nav/component.d.ts +7 -16
  803. package/dist/types/components/skip-nav/types.d.ts +16 -0
  804. package/dist/types/components/span/component.d.ts +9 -27
  805. package/dist/types/components/span/shadow.d.ts +5 -3
  806. package/dist/types/components/span/test/html.mock.d.ts +3 -3
  807. package/dist/types/components/span/types.d.ts +25 -0
  808. package/dist/types/components/spin/component.d.ts +4 -12
  809. package/dist/types/components/spin/test/html.mock.d.ts +2 -2
  810. package/dist/types/components/spin/types.d.ts +11 -0
  811. package/dist/types/components/split-button/component.d.ts +12 -8
  812. package/dist/types/components/split-button/types.d.ts +3 -3
  813. package/dist/types/components/symbol/component.d.ts +7 -14
  814. package/dist/types/components/symbol/test/html.mock.d.ts +2 -2
  815. package/dist/types/components/symbol/types.d.ts +13 -0
  816. package/dist/types/components/table/component.d.ts +11 -28
  817. package/dist/types/components/table/types.d.ts +65 -0
  818. package/dist/types/components/tabs/component.d.ts +10 -48
  819. package/dist/types/components/tabs/types.d.ts +44 -0
  820. package/dist/types/components/textarea/component.d.ts +5 -2
  821. package/dist/types/components/textarea/types.d.ts +5 -2
  822. package/dist/types/components/toast/component.d.ts +4 -19
  823. package/dist/types/components/toast/test/html.mock.d.ts +2 -2
  824. package/dist/types/components/toast/types.d.ts +21 -0
  825. package/dist/types/components/tooltip/component.d.ts +10 -20
  826. package/dist/types/components/tooltip/test/html.mock.d.ts +2 -2
  827. package/dist/types/components/tooltip/types.d.ts +15 -0
  828. package/dist/types/components/version/component.d.ts +7 -13
  829. package/dist/types/components/version/test/html.mock.d.ts +2 -2
  830. package/dist/types/components/version/types.d.ts +14 -0
  831. package/dist/types/components.d.ts +1122 -758
  832. package/dist/types/i18n.d.ts +1 -1
  833. package/dist/types/stencil-public-runtime.d.ts +2 -0
  834. package/dist/types/types/button-link-text.d.ts +4 -5
  835. package/dist/types/types/button-link.d.ts +29 -26
  836. package/dist/types/types/progress.d.ts +7 -1
  837. package/dist/types/types/props/align.d.ts +9 -0
  838. package/dist/types/types/props/aria-label.d.ts +3 -0
  839. package/dist/types/types/props/href.d.ts +7 -0
  840. package/dist/types/types/props/icon.d.ts +4 -4
  841. package/dist/types/types/props/label.d.ts +8 -4
  842. package/dist/types/utils/validator.d.ts +0 -1
  843. package/dist/types/utils/validators/alignment.d.ts +2 -2
  844. package/doc/abbr.md +4 -4
  845. package/doc/accordion.md +6 -6
  846. package/doc/alert.md +13 -13
  847. package/doc/badge.md +9 -8
  848. package/doc/breadcrumb.md +9 -8
  849. package/doc/button-group.md +1 -1
  850. package/doc/button-link.md +20 -19
  851. package/doc/button.md +24 -23
  852. package/doc/card.md +6 -6
  853. package/doc/details.md +4 -4
  854. package/doc/heading.md +5 -5
  855. package/doc/icon-font-awesome.md +2 -2
  856. package/doc/icon-icofont.md +2 -2
  857. package/doc/icon.md +9 -8
  858. package/doc/input-checkbox.md +21 -21
  859. package/doc/input-color.md +21 -21
  860. package/doc/input-date.md +29 -30
  861. package/doc/input-email.md +29 -28
  862. package/doc/input-file.md +24 -22
  863. package/doc/input-number.md +28 -33
  864. package/doc/input-password.md +27 -26
  865. package/doc/input-radio-group.md +18 -18
  866. package/doc/input-radio.md +18 -18
  867. package/doc/input-range.md +32 -23
  868. package/doc/input-text.md +28 -27
  869. package/doc/kolibri.md +4 -6
  870. package/doc/link-button.md +22 -21
  871. package/doc/link-group.md +13 -12
  872. package/doc/link.md +24 -25
  873. package/doc/modal.md +33 -17
  874. package/doc/nav.md +18 -16
  875. package/doc/pagination.md +13 -13
  876. package/doc/popover.md +4 -4
  877. package/doc/progress.md +8 -8
  878. package/doc/quote.md +6 -6
  879. package/doc/select.md +21 -21
  880. package/doc/skip-nav.md +9 -9
  881. package/doc/span.md +8 -7
  882. package/doc/spin.md +26 -23
  883. package/doc/split-button.md +22 -22
  884. package/doc/table.md +13 -12
  885. package/doc/tabs.md +8 -7
  886. package/doc/textarea.md +23 -23
  887. package/doc/toast.md +10 -10
  888. package/doc/tooltip.md +5 -5
  889. package/doc/version.md +4 -3
  890. package/jest-test-results.json +1 -1
  891. package/package.json +2 -10
  892. package/vscode-custom-data.json +382 -282
  893. package/cheat-sheet.html +0 -951
  894. package/dist/cjs/a11y.tipps-251f022e.js.map +0 -1
  895. package/dist/cjs/app-globals-a70c12d0.js.map +0 -1
  896. package/dist/cjs/aria-selected-75bbe016.js.map +0 -1
  897. package/dist/cjs/bund-e238647c.js.map +0 -1
  898. package/dist/cjs/button-link-7da2652e.js +0 -4
  899. package/dist/cjs/button-link-7da2652e.js.map +0 -1
  900. package/dist/cjs/controller-42d1f729.js +0 -4
  901. package/dist/cjs/controller-42d1f729.js.map +0 -1
  902. package/dist/cjs/controller-86b1d5ea.js +0 -4
  903. package/dist/cjs/controller-86b1d5ea.js.map +0 -1
  904. package/dist/cjs/controller-9e5e2756.js +0 -4
  905. package/dist/cjs/controller-9e5e2756.js.map +0 -1
  906. package/dist/cjs/controller-a4d41073.js +0 -4
  907. package/dist/cjs/controller-a4d41073.js.map +0 -1
  908. package/dist/cjs/controller-efc49b38.js.map +0 -1
  909. package/dist/cjs/dev.utils-d69c0a9f.js.map +0 -1
  910. package/dist/cjs/devtools-aae8bdf5.js.map +0 -1
  911. package/dist/cjs/disabled-849b796c.js.map +0 -1
  912. package/dist/cjs/floating-ui.dom.esm-03ac0b3f.js +0 -4
  913. package/dist/cjs/floating-ui.dom.esm-03ac0b3f.js.map +0 -1
  914. package/dist/cjs/hide-label-3c04c118.js +0 -4
  915. package/dist/cjs/hide-label-3c04c118.js.map +0 -1
  916. package/dist/cjs/i18n-bd375706.js.map +0 -1
  917. package/dist/cjs/icon-c6dc105e.js.map +0 -1
  918. package/dist/cjs/index-2e0791f2.js +0 -4
  919. package/dist/cjs/index-2e0791f2.js.map +0 -1
  920. package/dist/cjs/index-7159f3d9.js.map +0 -1
  921. package/dist/cjs/index-94bf4fa8.js +0 -5
  922. package/dist/cjs/index-94bf4fa8.js.map +0 -1
  923. package/dist/cjs/kol-button-wc_3.cjs.entry.js +0 -4
  924. package/dist/cjs/kol-button-wc_3.cjs.entry.js.map +0 -1
  925. package/dist/cjs/label-f7bafefb.js +0 -4
  926. package/dist/cjs/label-f7bafefb.js.map +0 -1
  927. package/dist/cjs/prop.validators-0e600d26.js.map +0 -1
  928. package/dist/cjs/reuse-0fe7470f.js +0 -4
  929. package/dist/cjs/reuse-0fe7470f.js.map +0 -1
  930. package/dist/cjs/show-f13f46c8.js +0 -4
  931. package/dist/cjs/show-f13f46c8.js.map +0 -1
  932. package/dist/cjs/validation-2b48ad79.js +0 -4
  933. package/dist/cjs/validation-2b48ad79.js.map +0 -1
  934. package/dist/components/hide-label.js +0 -4
  935. package/dist/components/hide-label.js.map +0 -1
  936. package/dist/esm/a11y.tipps-2e27f8e6.js.map +0 -1
  937. package/dist/esm/app-globals-037e6656.js +0 -4
  938. package/dist/esm/app-globals-037e6656.js.map +0 -1
  939. package/dist/esm/aria-selected-0f45e2c3.js.map +0 -1
  940. package/dist/esm/bund-fe1f3789.js.map +0 -1
  941. package/dist/esm/button-link-abc9999d.js.map +0 -1
  942. package/dist/esm/controller-3f613951.js +0 -4
  943. package/dist/esm/controller-3f613951.js.map +0 -1
  944. package/dist/esm/controller-4b599938.js +0 -4
  945. package/dist/esm/controller-4b599938.js.map +0 -1
  946. package/dist/esm/controller-abdc8667.js +0 -4
  947. package/dist/esm/controller-abdc8667.js.map +0 -1
  948. package/dist/esm/controller-bd4d58e4.js +0 -4
  949. package/dist/esm/controller-bd4d58e4.js.map +0 -1
  950. package/dist/esm/controller-e02d4577.js +0 -4
  951. package/dist/esm/controller-e02d4577.js.map +0 -1
  952. package/dist/esm/dev.utils-157f0499.js.map +0 -1
  953. package/dist/esm/devtools-fc4614e6.js.map +0 -1
  954. package/dist/esm/disabled-7ea66fab.js.map +0 -1
  955. package/dist/esm/floating-ui.dom.esm-74010e65.js +0 -4
  956. package/dist/esm/floating-ui.dom.esm-74010e65.js.map +0 -1
  957. package/dist/esm/hide-label-1fa80b94.js.map +0 -1
  958. package/dist/esm/i18n-b8589f01.js.map +0 -1
  959. package/dist/esm/icon-52e86ff8.js.map +0 -1
  960. package/dist/esm/index-0962b5a1.js +0 -4
  961. package/dist/esm/index-0962b5a1.js.map +0 -1
  962. package/dist/esm/index-34c3d6f8.js +0 -5
  963. package/dist/esm/index-34c3d6f8.js.map +0 -1
  964. package/dist/esm/index-f4596895.js.map +0 -1
  965. package/dist/esm/kol-button-wc_3.entry.js +0 -4
  966. package/dist/esm/kol-button-wc_3.entry.js.map +0 -1
  967. package/dist/esm/label-58f2333f.js +0 -4
  968. package/dist/esm/label-58f2333f.js.map +0 -1
  969. package/dist/esm/polyfills/css-shim.js +0 -1
  970. package/dist/esm/prop.validators-2c20cdf8.js.map +0 -1
  971. package/dist/esm/reuse-3a02afb9.js +0 -4
  972. package/dist/esm/reuse-3a02afb9.js.map +0 -1
  973. package/dist/esm/show-5a4bfd71.js.map +0 -1
  974. package/dist/esm/validation-7df9acd0.js +0 -4
  975. package/dist/esm/validation-7df9acd0.js.map +0 -1
  976. package/dist/kolibri/a11y.tipps-2e27f8e6.js.map +0 -1
  977. package/dist/kolibri/app-globals-037e6656.js +0 -4
  978. package/dist/kolibri/app-globals-037e6656.js.map +0 -1
  979. package/dist/kolibri/aria-selected-0f45e2c3.js.map +0 -1
  980. package/dist/kolibri/assets/accordion-simulation.js +0 -1
  981. package/dist/kolibri/assets/alert-simulation.js +0 -1
  982. package/dist/kolibri/assets/button-simulation.js +0 -1
  983. package/dist/kolibri/assets/form-simulation.textarea.js +0 -1
  984. package/dist/kolibri/assets/link-simulation.js +0 -1
  985. package/dist/kolibri/assets/modal-simulation.js +0 -1
  986. package/dist/kolibri/assets/smart-button-simulation.js +0 -1
  987. package/dist/kolibri/assets/spin-simulation.js +0 -1
  988. package/dist/kolibri/assets/tooltip-simulation.js +0 -1
  989. package/dist/kolibri/bund-fe1f3789.js.map +0 -1
  990. package/dist/kolibri/button-link-abc9999d.js.map +0 -1
  991. package/dist/kolibri/color-2a715559.js.map +0 -1
  992. package/dist/kolibri/controller-3f613951.js +0 -4
  993. package/dist/kolibri/controller-3f613951.js.map +0 -1
  994. package/dist/kolibri/controller-4b599938.js +0 -4
  995. package/dist/kolibri/controller-4b599938.js.map +0 -1
  996. package/dist/kolibri/controller-abdc8667.js +0 -4
  997. package/dist/kolibri/controller-abdc8667.js.map +0 -1
  998. package/dist/kolibri/controller-bd4d58e4.js +0 -4
  999. package/dist/kolibri/controller-bd4d58e4.js.map +0 -1
  1000. package/dist/kolibri/controller-e02d4577.js +0 -4
  1001. package/dist/kolibri/controller-e02d4577.js.map +0 -1
  1002. package/dist/kolibri/controller-icon-1255b762.js +0 -4
  1003. package/dist/kolibri/dev.utils-157f0499.js.map +0 -1
  1004. package/dist/kolibri/devtools-fc4614e6.js +0 -4
  1005. package/dist/kolibri/devtools-fc4614e6.js.map +0 -1
  1006. package/dist/kolibri/disabled-7ea66fab.js.map +0 -1
  1007. package/dist/kolibri/floating-ui.dom.esm-74010e65.js +0 -4
  1008. package/dist/kolibri/floating-ui.dom.esm-74010e65.js.map +0 -1
  1009. package/dist/kolibri/hide-label-1fa80b94.js +0 -4
  1010. package/dist/kolibri/i18n-b8589f01.js.map +0 -1
  1011. package/dist/kolibri/icon-52e86ff8.js.map +0 -1
  1012. package/dist/kolibri/index-0962b5a1.js +0 -4
  1013. package/dist/kolibri/index-0962b5a1.js.map +0 -1
  1014. package/dist/kolibri/index-34c3d6f8.js +0 -5
  1015. package/dist/kolibri/index-34c3d6f8.js.map +0 -1
  1016. package/dist/kolibri/index-f4596895.js.map +0 -1
  1017. package/dist/kolibri/kol-button-wc_3.entry.js +0 -4
  1018. package/dist/kolibri/kol-button-wc_3.entry.js.map +0 -1
  1019. package/dist/kolibri/label-58f2333f.js +0 -4
  1020. package/dist/kolibri/label-58f2333f.js.map +0 -1
  1021. package/dist/kolibri/prop.validators-2c20cdf8.js.map +0 -1
  1022. package/dist/kolibri/reuse-3a02afb9.js +0 -4
  1023. package/dist/kolibri/reuse-3a02afb9.js.map +0 -1
  1024. package/dist/kolibri/show-5a4bfd71.js +0 -4
  1025. package/dist/kolibri/validation-7df9acd0.js +0 -4
  1026. package/dist/kolibri/validation-7df9acd0.js.map +0 -1
  1027. package/dist/types/types/aria-label.d.ts +0 -3
  1028. package/dist/types/types/props/alignment.d.ts +0 -9
  1029. package/dist/types/types/props/index.d.ts +0 -1
  1030. package/dist/types/types/table.d.ts +0 -37
  1031. /package/dist/cjs/{bund-e238647c.js → bund-f5184e9e.js} +0 -0
  1032. /package/dist/esm/{bund-fe1f3789.js → bund-056aa89a.js} +0 -0
  1033. /package/dist/kolibri/assets/{form-simulation.js → simulations/form-simulation.js} +0 -0
  1034. /package/dist/kolibri/assets/{form-simulation.weitere-cases.js → simulations/form-simulation.weitere-cases.js} +0 -0
  1035. /package/dist/kolibri/assets/{pagination-simulation.js → simulations/pagination-simulation.js} +0 -0
  1036. /package/dist/kolibri/assets/{popover-simulation.js → simulations/popover-simulation.js} +0 -0
  1037. /package/dist/kolibri/assets/{toast-simulation.js → simulations/toast-simulation.js} +0 -0
  1038. /package/dist/kolibri/{bund-fe1f3789.js → bund-056aa89a.js} +0 -0
package/cheat-sheet.html DELETED
@@ -1,951 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="de" dir="ltr">
3
- <head>
4
- <title>Cheat-Sheet | KoliBri</title>
5
- <meta charset="UTF-8" />
6
- <meta name="description" content="..." />
7
- <base href="/" />
8
- <meta name="viewport" content="width=device-width, initial-scale=1" />
9
- <link href="https://cdn.jsdelivr.net/npm/@vscode/codicons@0.0.33/dist/codicon.min.css" rel="stylesheet">
10
- <link href="https://cdn.jsdelivr.net/npm/highlight.js@11.8.0/styles/a11y-light.min.css" rel="stylesheet">
11
- <script src="https://cdn.jsdelivr.net/npm/highlight.js@11.8.0/lib/index.min.js"></script>
12
- <script type="module">
13
- import { register } from 'https://esm.sh/@public-ui/components@1.6.0-rc.1';
14
- import { defineCustomElements } from 'https://esm.sh/@public-ui/components@1.6.0-rc.1/dist/loader';
15
- import { ITZBund } from 'https://esm.sh/@public-ui/themes@1.6.0-rc.1';
16
- register(ITZBund, defineCustomElements)
17
- .catch(console.warn);
18
- </script>
19
- <style>
20
- :root {
21
- font-size: 10px;
22
- }
23
- * {
24
- font-family: var(--font-family)
25
- }
26
- body {
27
- display: grid;
28
- margin: 0;
29
- padding: 1rem;
30
- }
31
- p, pre {
32
- margin: 0;
33
- padding: 0;
34
- }
35
- code {
36
- border-radius: .5rem;
37
- margin: 0;
38
- padding: 0.5rem 0.75rem !important;
39
- }
40
- p, pre {
41
- margin: .5rem 0;
42
- text-align: justify;
43
- }
44
- pre {
45
- display: contents;
46
- }
47
- kol-heading[_level="2"],
48
- kol-heading[_level="3"] {
49
- margin: 1.5rem 0 0 0;
50
- }
51
- kol-kolibri {
52
- width: 70px;
53
- display: block;
54
- }
55
- </style>
56
- </head>
57
- <body>
58
- <main class="itzbund" data-theme="itzbund">
59
- <kol-link _href="https://public-ui.github.io" _target="github">
60
- <kol-kolibri _labeled="false"></kol-kolibri>
61
- </kol-link>
62
- <kol-heading _label="">Cheat Sheet</kol-heading>
63
- <p><strong><kol-abbr _title="Komponenten-Bibliothek für die Barrierefreiheit" _tooltip-align="right">KoliBri</kol-abbr></strong> ist eine <strong>barrierefreie Komponenten-Bibliothek</strong> die sich durch separate Themes an unterschiedliche <strong>Styleguides</strong> und <strong>Design Systeme</strong> anpassen lässt.</p>
64
- <p><kol-icon _aria-label="" _icon="fa-solid fa-arrow-right"></kol-icon> Link zur ausführliche <kol-link _href="https://public-ui.github.io" _target="github">Dokumentation</kol-link></p>
65
- <kol-heading _label="" _level="2">Integration</kol-heading>
66
- <p>Für eine hohe Flexibilität werden alle Teile (HTML, CSS, Fonts usw.) per Komposition-Prinzip beliebig mit einander kombiniert. Damit alles korrekt funktioniert, müssen alle Teile einer spezifischen Komposition eingebunden bzw. konfiguriert werden. In den folgenden Unterabschnitten wird die Integration am Beispiel des ITZBund-Themes gezeigt.</p>
67
- <kol-heading _label="" _level="3">Assets</kol-heading>
68
- <p><strong>Fonts</strong> und <strong>Icon-Fonts</strong> müssen im <code class="language-html" style="background-color: #f3f3f3; padding: .25rem !important;">&#60;head&#62;</code> der HTML-Seite eingebunden werden.</p>
69
- <pre>
70
- <code class="language-html">&#60;head&#62;
71
- &#60;link href="https://cdn.jsdelivr.net/npm/@vscode/codicons@0.0.33/dist/codicon.min.css" rel="stylesheet"&#62;
72
- &#60;/head&#62;</code>
73
- </pre>
74
- <kol-heading _label="" _level="3">Loader</kol-heading>
75
- <p>Mit <strong>KoliBri</strong> ist es möglich unterschiedliche Themes mit den Komponenten zu kombinieren. Die Verknüpfung erfolgt über die <strong>Register</strong>-Methode. Ihr können eine oder mehrere Loader für die Custom-Elements und Themes übergeben werden.</p>
76
- <pre>
77
- <code class="language-html">&#60;head&#62;
78
- &#60;script type="module"&#62;
79
- import { register } from 'https://esm.sh/@public-ui/components@1.6.0-rc.1';
80
- import { defineCustomElements } from 'https://esm.sh/@public-ui/components@1.6.0-rc.1/dist/loader';
81
- import { ITZBund } from 'https://esm.sh/@public-ui/themes@1.6.0-rc.1';
82
- register(ITZBund, defineCustomElements)
83
- .catch(console.warn);
84
- &#60;/script&#62;
85
- &#60;/head&#62;</code>
86
- </pre>
87
- <kol-heading _label="" _level="3">Config</kol-heading>
88
- <p>Wenn ein Theme registriert wird, werden alle darin enthaltenen <strong>CSS-Properties</strong> unter dem Theme-Namen als CSS-Klasse im <code class="language-html" style="background-color: #f3f3f3; padding: .25rem !important;">&#60;head&#62;</code> der HTML-Seite hinzugefügt. So wird es ermöglicht, dass diese CSS-Properties in eigenem CSS für das "umrahmende" HTML wiederverwendet werden können. Damit das funktioniert, muss die CSS-Klasse mit dem Theme-Namen z.B. am <code class="language-html" style="background-color: #f3f3f3; padding: .25rem !important;">&#60;body&#62;</code> gesetzt werden.</p>
89
- <pre>
90
- <code class="language-html">&#60;body class="itzbund" data-theme="itzbund"&#62;
91
- ...
92
- &#60;/body&#62;</code>
93
- </pre>
94
- <kol-heading _label="" _level="3">VSCode</kol-heading>
95
- <p>Im VSCode können die Meta-Informationen der Komponenten und deren Eigenschaften für die Autovervollständigung von HTML aktiviert werden.</p>
96
- <pre>
97
- <code class="language-json">{
98
- "html.customData": ["https://esm.sh/@public-ui/components@1.6.0-rc.1/vscode-custom-data.json"]
99
- }</code>
100
- </pre>
101
- <kol-heading _label="" _level="3">Dev-Tools</kol-heading>
102
- <p>KoliBri hat zahlreiche Hinweise für die Barrierefreiheit und Verwendung der Komponenten für die Entwicklung eingebaut. Damit die Hinweise in der Konsole des Browsers angezeigt werden, muss folgende Definition im <code class="language-html" style="background-color: #f3f3f3; padding: .25rem !important;">&#60;head&#62;</code> der HTML-Seite hinzugefügt werden.</p>
103
- <pre>
104
- <code class="language-html">&#60;head&#62;
105
- &#60;meta name="kolibri" content="dev-mode=true" /&#62;
106
- &#60;!-- &#60;meta name="kolibri" content="dev-mode=true,experimental-mode=true" /&#62; --&#62;
107
- &#60;/head&#62;</code>
108
- </pre>
109
- <kol-details _summary="Experimental mode">
110
- <pre>
111
- <code class="language-html">&#60;head&#62;
112
- &#60;meta name="kolibri" content="experimental-mode=true" /&#62;
113
- &#60;/head&#62;</code>
114
- </pre>
115
- </kol-details>
116
- <br>
117
- <kol-details _summary="Color contrast analysis">
118
- <pre>
119
- <code class="language-html">&#60;head&#62;
120
- &#60;meta name="kolibri" content="color-contrast-analysis=true" /&#62;
121
- &#60;/head&#62;</code>
122
- </pre>
123
- </kol-details>
124
- <br>
125
- <kol-heading _label="" _level="2">Usage</kol-heading>
126
- <p>KoliBri-Komponenten sind wie eigenen HTML-Tags und werden einfach als solche im "umrahmenden" HTML (Responsiveness, Grid usw.) wiederverwendet und deren Ausprägung mittels der Komponenten-Eigenschaften bestimmt.</p>
127
- <pre>
128
- <code class="language-html">&#60;kol-input-text _id="surname" _required _value="Mustermann"&#62;Surname&#60;/kol-input-text&#62;
129
- &#60;kol-spin _show&#62;&#60;/kol-spin&#62;</code>
130
- </pre>
131
- <kol-heading _label="" _level="2">Components</kol-heading>
132
- <p>In der folgenden Tabelle werden alle Komponenten erläutert und deren jeweiligen Eigenschaften aufgelistet.</p>
133
- <kol-table id="components" _caption="Available components"></kol-table>
134
- <script>
135
- const componentTable = document.querySelector('kol-table#components');
136
- componentTable._headers = {
137
- horizontal: [[
138
- {
139
- label: 'Component',
140
- key: 'name',
141
- width: '10%'
142
- },
143
- {
144
- label: 'Description',
145
- key: 'desc',
146
- width: '60%'
147
- },
148
- {
149
- label: 'Related properties',
150
- key: 'props',
151
- width: '30%'
152
- }
153
- ]]
154
- };
155
- componentTable._data = [{
156
- name: `abbr`,
157
- desc: `Die **Abbr**-Komponente implementiert den HTML-Tag 'abbr', wobei hier jedoch der Tooltip barrierefrei ist.
158
- Der Tooltip für die Beschreibung wird bei Focus oder Hover der **Abbr**-Komponente angezeigt und vorgelesen.`,
159
- props: `_title, _tooltip-align`
160
- },{
161
- name: `accordion`,
162
- desc: `Die **Accordion**-Komponente ist ein Aufklapp-Menü. Klickt man auf den Kopfbereich, bestehend aus Icon und Überschrift, klappt der Inhalt mit zusätzlichen Informationen auf. Somit ist es ein interaktives Navigationselement, welches dazu dient, umfangreiche Inhalte platzsparend darzustellen.
163
-
164
- Accordions kommen immer dann zum Einsatz, wenn einem thematischen Oberbegriff zugeordnete Inhalte angezeigt oder verborgen werden sollen. Sie erlauben umfangreichere Detailinformationen zu einem Oberbegriff, als es aus Gründen der Übersichtlichkeit eigentlich sinnvoll wäre. Sie überlassen es den Besucher:innen selbst, ob sie sich diese Informationen anzeigen lassen möchten.`,
165
- props: `_heading, _level, _open`
166
- },{
167
- name: `alert`,
168
- desc: `Die **Alert**-Komponente gibt ein optisches Feedback an die Nutzer:innen. Sie besteht aus einem farblich gestalteten Container, einer Überschrift, einem Inhaltstext sowie einem Icon. Das verwendete Icon und die farbliche Gestaltung sind abhängig vom Typ '_type' des Alert.`,
169
- props: `_alert, _has-closer, _heading, _level, _type, _variant`
170
- },{
171
- name: `alert-wc`,
172
- desc: `Die **Alert**-Komponente gibt ein optisches Feedback an die Nutzer:innen. Sie besteht aus einem farblich gestalteten Container, einer Überschrift, einem Inhaltstext sowie einem Icon. Das verwendete Icon und die farbliche Gestaltung sind abhängig vom Typ '_type' des Alert.`,
173
- props: `_alert, _has-closer, _heading, _level, _type, _variant`
174
- },{
175
- name: `badge`,
176
- desc: `Mit **Badges** können Sie bestimmte Informationen auf Ihrer Webseite optisch hervorheben.
177
- KoliBri bietet neben der Angabe der Hintergrundfarbe und automatischer Berechnung der Textfarbe auch die Möglichkeit, einem Badge ein Icon und/oder einen anderen Schriftschnitt mitzugeben.`,
178
- props: `_color, _icon, _icon-only, _label, _smart-button`
179
- },{
180
- name: `breadcrumb`,
181
- desc: `Mit Hilfe der **Breadcrumb**-Komponente kann der Pfad zur aktuellen Position einer Webseite in einer hierarchischen Struktur dargestellt werden.`,
182
- props: `_aria-label, _links`
183
- },{
184
- name: `button`,
185
- desc: `**Buttons** dienen dazu, Benutzer:innen Auswahlmöglichkeiten für Aktionen anzuzeigen und diese in einer klaren Hierarchie anzuordnen. Sie helfen Nutzer:innen, die wichtigsten Aktionen einer Seite oder innerhalb eines Viewports zu finden und ermöglichen es ihnen, diese Aktionen auszuführen. Die Beschriftung des Buttons wird verwendet, um Nutzer:innen klar anzuzeigen, welche Aktion ausgelöst wird. Buttons ermöglichen es Nutzer:innen, eine Änderung zu bestätigen, Schritte in einer Aufgabe abzuschließen oder Entscheidungen zu treffen.`,
186
- props: `_access-key, _aria-controls, _aria-current, _aria-expanded, _aria-label, _aria-selected, _custom-class, _disabled, _icon, _icon-align, _icon-only, _id, _label, _role, _tab-index, _tooltip-align, _type, _variant`
187
- },{
188
- name: `button-group-wc`,
189
- desc: `**Buttons** dienen dazu, Nutzer:innen Auswahlmöglichkeiten für Aktionen anzuzeigen und diese in einer klaren Hierarchie anzuordnen. Sie helfen den Nutzer:innen, die wichtigsten Aktionen einer Seite oder innerhalb eines Applikation zu finden und ermöglichen es ihm, diese Aktionen auszuführen.
190
-
191
- Die **ButtonGroup**-Komponente fasst mehrere Buttons zu einer optischen und funktionalen Einheit zusammen.`,
192
- props: ``
193
- },{
194
- name: `button-link`,
195
- desc: `Der ButtonLink ist semantisch ein Button und hat das Design eines Links. Hierzu werden alle relevanten Properties der Button-Komponente übernommen und um die Design-bestimmenden Properties des Links erweitert.
196
-
197
- Einen Button kann man deaktivieren und daher gibt es bei einem ButtonLink das Property '_disabled'. Wie das optisch ausgestaltet wird, entscheidet die UX-Designer:in.
198
-
199
- Statt, wie bei einem Link, '_href' zu verwenden, wird bei einem ButtonLink das Property über den 'Click-Callback' gesteuert. Hierzu wird das '_on'-Property verwendet.
200
-
201
- Bei einem Link gibt es das Property 'target', welches ggf. den Link in einem neuen Fenster/Tab öffnet. Das Verhalten ist aktuell noch nicht umgesetzt.
202
-
203
- Da der Link, nicht wie der Button, in mehrere Varianten ('primary' oder 'secondary' usw.) angeboten wird, stehen die Properties '_customClass' und '_variant' nicht zur Verfügung.`,
204
- props: `_access-key, _aria-controls, _aria-current, _aria-expanded, _aria-label, _aria-selected, _disabled, _icon, _icon-only, _id, _label, _role, _tab-index, _tooltip-align, _type`
205
- },{
206
- name: `card`,
207
- desc: `Um einzelne Bereiche Ihrer Webseite optisch hervorzuheben, bietet sich die **Card**-Komponente an. Mit ihrer Hilfe können Sie Ihre Inhalte sehr einfach strukturieren.
208
-
209
- Die **Card**-Komponente besteht aus einem **_Titel-Bereich_**, einem **_Inhalts-Bereich_** und einem **_Fuß-Bereich_**.
210
-
211
- Der **Titel-Bereich** wird in einer größeren Schrift dargestellt. Der **Inhalts-Bereich** ist optisch durch eine horizontale Trennlinie unterhalb des Titel-Bereichs abgetrennt und wird in der Standardschrift ausgegeben.
212
- Der **Fuß-Bereich** wird optional durch das Attribut **'_has-footer'** aktiviert und stellt dann Platz für weitere Inhalte, z.B. eine **Button**-Komponente bereit. Der Fuß-Bereich ist optisch durch eine horizontale Trennlinie vom Inhalts-Bereich abgetrennt.`,
213
- props: `_has-footer, _heading, _headline, _level`
214
- },{
215
- name: `details`,
216
- desc: `Mit Hilfe der **Detail**-Komponente können weiterführende Informationen zunächst mit einem kurzen Einleitungstext angezeigt werden, die erst nach Klick
217
- durch die Nutzer:innen auf ein Pfeil-Icon in voller Größe aufgeklappt werden.
218
-
219
- Die **Detail**-Komponente stellt sich standardmäßig als einzeiliges Layout-Element dar, das aus einem Pfeil-Icon und einem nachfolgenden,
220
- kurzen Einleitungstext gebildet wird. Der eigentliche Inhalt der Komponente wird erst nach Klick auf den Kopfbereich nach unten hin geöffnet. Das Pfeil-Icon ändert dabei
221
- seine Ausrichtung von **_rechts_** nach **_unten_**.
222
- Analog lässt sich die Komponente auch wieder schließen und der Inhalt damit verbergen.`,
223
- props: `_open, _summary`
224
- },{
225
- name: `form`,
226
- desc: `Die **Form**-Komponente dient dazu alle Eingabefelder zu umschließen, den Hinweistext für Pflichtfelder korrekt zu positionieren und die Events 'submit' und 'reset' weiterzuleiten.`,
227
- props: `_required-text`
228
- },{
229
- name: `heading`,
230
- desc: `Die **Heading**-Komponente kann überall dort verwendet werden, wo eine Überschrift angezeigt werden soll. Durch die Verwendung der unterschiedlichen Größen, lassen sich Inhalte klar strukturieren und Seiten wirkungsvoll und abwechslungsreich präsentieren. Sie trennt Styling von Semantik und ermöglicht Flexibilität.`,
231
- props: `_label, _level, _secondary-headline`
232
- },{
233
- name: `icon`,
234
- desc: `Mit Hilfe der **Icon**-Komponente können Icons aus eingebundenen Icon-Fonts an beliebigen Positionen dargestellt werden. Die Ausgabe des Icon kann über das Attribut **'_icon'** gesteuert werden und erfolgt durch das Attribut **'_aria-label'** barrierefrei. Die Ausgabe erfolgt standardmäßig als _'inline'_-Element.
235
-
236
- Aktuell werden die Icons von <kol-link _href="https://microsoft.github.io/vscode-codicons/dist/codicon.html" _label="Codicons"></kol-link> unterstützt.
237
-
238
- <kol-alert _heading="Hinweis" _type="info">Es ist wichtig, dass in der Rahmenseite ('index.html') die CSS-Dateie(n) der Icon-Font(s) eingebunden ist/sind.</kol-alert>`,
239
- props: `_aria-label, _icon, _part`
240
- },{
241
- name: `image`,
242
- desc: `> <kol-badge _label="untested"></kol-badge> Diese neue Komponente wird als ungetestet markiert, da der vollständige Barrierefreiheitstest noch aussteht. Der vollständige Test kann bei neuen Komponenten und Funktionalitäten auch erst nach einem abgeschlossenen Release erfolgen.
243
-
244
- Die **Image**-Komponente dient dazu, Bilder darzustellen.`,
245
- props: `_alt, _loading, _sizes, _src, _srcset`
246
- },{
247
- name: `indented-text`,
248
- desc: `Heben Sie einzelne Informationen auf Ihrer Webseite optisch mit der **IndentedText**-Komponente hervor. Die Komponente eignet sich nicht nur für besondere Abschnitte auf der Webseite, sondern auch beispielsweise für Zitate (für verlinkte Zitate kann auch die <kol-link _href="/docs/components/quote/" _label="kol-quote-Komponente"></kol-link> verwendet werden.).`,
249
- props: ``
250
- },{
251
- name: `input-checkbox`,
252
- desc: `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.`,
253
- props: `_access-key, _alert, _checked, _disabled, _error, _hide-label, _hint, _icon, _id, _indeterminate, _label, _name, _required, _tab-index, _touched, _type, _value, _variant`
254
- },{
255
- name: `input-color`,
256
- desc: `Der Input-Typ **Color** erzeugt ein Auswahlfeld für die Definition einer beliebigen Farbe. Die Eingabe 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.`,
257
- props: `_access-key, _alert, _auto-complete, _disabled, _error, _hide-label, _hint, _icon, _id, _label, _list, _name, _tab-index, _touched, _value`
258
- },{
259
- name: `input-date`,
260
- desc: `Der Input-Typ **Date** erzeugt ein Eingabefeld für Datumswerte. Diese können konkrete Daten sein, aber auch Wochen, Monate oder Zeitangaben.`,
261
- props: `_access-key, _alert, _auto-complete, _disabled, _error, _hide-label, _hint, _icon, _id, _label, _list, _max, _min, _name, _read-only, _required, _step, _tab-index, _touched, _type, _value`
262
- },{
263
- name: `input-email`,
264
- desc: `Der Input-Typ **E-Mail** erzeugt ein Eingabefeld für E-Mails.`,
265
- props: `_access-key, _alert, _auto-complete, _disabled, _error, _hide-label, _hint, _icon, _id, _label, _list, _max-length, _multiple, _name, _pattern, _placeholder, _read-only, _required, _size, _tab-index, _touched, _value`
266
- },{
267
- name: `input-file`,
268
- desc: `Der Input-Typ **File** erzeugt ein Eingabefeld für zum Beispiel Uploads. Es können eine oder auch mehrere Dateien ausgewählt werden.`,
269
- props: `_accept, _access-key, _alert, _disabled, _error, _hide-label, _hint, _icon, _id, _label, _multiple, _name, _required, _tab-index, _touched, _value`
270
- },{
271
- name: `input-number`,
272
- desc: `Der Input-Typ **Number** erzeugt ein Eingabefeld für Zahlen.`,
273
- props: `_access-key, _alert, _auto-complete, _disabled, _error, _hide-label, _hint, _icon, _id, _label, _list, _max, _min, _name, _placeholder, _read-only, _required, _step, _tab-index, _touched, _type, _value`
274
- },{
275
- name: `input-password`,
276
- desc: `Der Input-Typ **Password** erzeugt ein Eingabefeld für Passwörter. Die Eingabe wird über Punktsymbole maskiert.`,
277
- props: `_access-key, _alert, _auto-complete, _disabled, _error, _hide-label, _hint, _icon, _id, _label, _max-length, _name, _pattern, _placeholder, _read-only, _required, _size, _tab-index, _touched, _value`
278
- },{
279
- name: `input-radio`,
280
- desc: `Die Komponente **InputRadio** besteht aus einer Sammlung von Radio-Elementen und stellt so eine Auswahlmöglichkeit zwischen verschiedenen Werten dar. Es kann immer nur ein einzelner Wert zur gleichen Zeit ausgewählt werden. Ausgewählte Radio-Elemente werden i.d.R. mit einem gefüllten und optisch hervorgehobenen Kreis dargestellt.
281
-
282
- <kol-alert _alert _heading="Hinweis" _level="1" _type="info">
283
- Das Input-Radio dient der Abbildung einer Auswahlmöglichkeit bei der mindestens und maximal eine Auswahl getroffen werden kann. Das bedeutet, dass ein Input-Radio nicht einzeln vorkommen kann. Aufgrund dessen haben wir die Komponente als Listen-Komponente umgesetzt.
284
- </kol-alert><br/>`,
285
- props: `_access-key, _alert, _disabled, _error, _hide-label, _hint, _id, _label, _list, _name, _orientation, _required, _tab-index, _touched, _value`
286
- },{
287
- name: `input-range`,
288
- desc: `Der Input-Typ **Range** erzeugt ein interaktives Element, mit dem Werte durch Verschieben eines Reglers verändert werden können.`,
289
- props: `_access-key, _alert, _auto-complete, _disabled, _error, _hide-label, _hint, _icon, _id, _label, _list, _max, _min, _name, _step, _tab-index, _touched, _value`
290
- },{
291
- name: `input-text`,
292
- desc: `Der Input-Typ **Text** erzeugt ein Eingabefeld für normalen Text, Suchbegriffe, URLs oder Telefonnummern.`,
293
- props: `_access-key, _alert, _auto-complete, _disabled, _error, _hide-label, _hint, _icon, _id, _label, _list, _max-length, _name, _pattern, _placeholder, _read-only, _required, _size, _tab-index, _touched, _type, _value`
294
- },{
295
- name: `link`,
296
- desc: `Die **Link**-Komponente rendert einen auf Barrierefreiheit optimierten Link, der als Text, als Icon oder auch in Kombination ausgegeben werden kann.
297
-
298
- Beachten Sie, dass die Komponente automatisch ein Padding links und rechts zum umgebenden Text erzeugt. Sie kann daher im Fließtext ohne
299
- Eingabe von Leerzeichen eingefügt werden. Zusätzliche Leerzeichen vergrößern den Abstand zum umgebenden Text.`,
300
- props: `_aria-controls, _aria-current, _aria-expanded, _aria-label, _aria-selected, _disabled, _download, _href, _icon, _icon-align, _icon-only, _label, _role, _selector, _stealth, _tab-index, _target, _target-description, _tooltip-align, _use-case`
301
- },{
302
- name: `link-button`,
303
- desc: `Der LinkButton ist semantisch ein Link und hat das Design eines Buttons. Hierzu werden alle relevanten Properties der Link-Komponente übernommen und um die Design-bestimmenden Properties des Buttons erweitert.
304
- Weitere Informationen zum Aussehen finden Sie auf der <kol-link _href="/docs/components/button" _label="Seite des Buttons"></kol-link>.`,
305
- props: `_aria-controls, _aria-current, _aria-expanded, _aria-label, _aria-selected, _custom-class, _disabled, _download, _href, _icon, _icon-only, _label, _role, _tab-index, _target, _target-description, _tooltip-align, _variant`
306
- },{
307
- name: `modal`,
308
- desc: `Mit Hilfe der **Modal**-Komponente können zusätzliche Informationen oder auch Eingabeformulare in einem Dialogfenster angezeigt werden. Ein offenes **Modal** kann via **ESC** geschlossen werden.
309
- Die **Modal**-Komponente ist standardmäßig versteckt. Sie wird i.d.R. erst nach Klick auf einen Button oder sonstigem Trigger angezeigt. Dabei wird der Hintergrund des Fensters deaktiviert und allein der Inhalt des Modal-Fensters ist aktiv.`,
310
- props: `_aria-label, _width`
311
- },{
312
- name: `nav`,
313
- desc: `Eine **Navigationsleiste** ist eine Gruppe von verwandten Links oder Navigationselementen, die durch Anklicken eine Aktion ausführen oder Inhalte anzeigen. Sie navigiert Nutzer:innen direkt zu bestimmten Inhalten der aktuellen Seite oder zu externen Seiten. Außerdem dient sie Nutzer:innen (ähnlich wie Registerkarten) als Steuerelement, um Inhalte anzuzeigen, auszublenden und zwischen ihnen zu wechseln.
314
-
315
- **KoliBri** stellt eine umfangreich konfigurierbare, vertikale oder horizontale **Navigationsleiste** zur Verfügung, die mehrere Ebenen darstellen und in der Breite variiert werden kann.
316
- Übergeordnete Menüpunkte die Untermenüpunkte enthalten, werden mit einem **Plus-Icon** am rechten Rand angezeigt. Wird der übergeordnete Menüpunkt mit dem Plus-Icon geöffnet, ändert sich das Plus-Icon automatisch zu einem **Minus-Icon**, mit dem der Menüpunkt wieder geschlossen werden kann.
317
-
318
- Aktive Menüpunkte werden mit einer farbigen Markierung dargestellt.
319
-
320
- Über eine optionale Schaltfläche unterhalb der Navigation kann die Breite der **Nav**-Komponente verändert werden. In der kleinsten Breite werden die Menütitel ausgeblendet und nur
321
- noch die Icons ausgegeben.`,
322
- props: `_aria-current-value, _aria-label, _collapsible, _compact, _has-compact-button, _links, _orientation, _variant`
323
- },{
324
- name: `pagination`,
325
- desc: `Mit Hilfe der **Paginierung**-Komponente lassen sich umfangreiche, aufgeteilte Inhalte, wie zum Beispiel Suchergebnisse, der Reihe nach durchlaufen.`,
326
- props: `_boundary-count, _custom-class, _has-buttons, _page, _page-size, _page-size-options, _sibling-count, _tooltip-align, _total, _variant`
327
- },{
328
- name: `popover`,
329
- desc: `> <kol-badge _label="untested"></kol-badge> Diese neue Komponente wird als ungetestet markiert, da der vollständige Barrierefreiheitstest noch aussteht. Der vollständige Test kann bei neuen Komponenten und Funktionalitäten auch erst nach einem abgeschlossenen Release erfolgen.
330
-
331
- Die **Popover**-Komponente stellt eine Möglichkeit dar zusätzliche Inhalte in ein temporäres Element zu setzen, das, ähnlich wie <kol-link _href="" _label="Tooltip"></kol-link>, um sein Triggerelement angeordnet ist.
332
- Das Triggerelement ist immer das im HTML vorangehende Element (previousSibling).`,
333
- props: `_alignment, _show`
334
- },{
335
- name: `progress`,
336
- desc: `Die **Progress**-Komponente erzeugt einen Fortschrittsbalken, über den eine optische Rückmeldung gegeben werden kann.`,
337
- props: `_label, _max, _type, _unit, _value, _variant`
338
- },{
339
- name: `quote`,
340
- desc: `> <kol-badge _label="untested"></kol-badge> Diese neue Komponente wird als ungetestet markiert, da der vollständige Barrierefreiheitstest noch aussteht. Der vollständige Test kann bei neuen Komponenten und Funktionalitäten auch erst nach einem abgeschlossenen Release erfolgen.
341
-
342
- Die **Quote**-Komponente verfügt über zwei Varianten, eine kurze Fließtext-('inline') und eine eingerückte('block') Variante. Beide Varianten enthalten einen Link auf die Quelle des Zitates.`,
343
- props: `_caption, _href, _quote, _variant`
344
- },{
345
- name: `select`,
346
- desc: `Die **Select**-Komponente erzeugt eine Auswahlliste, aus der eine oder mehrere vorgegebene Möglichkeiten ausgewählt werden können.`,
347
- props: `_access-key, _alert, _disabled, _error, _height, _hide-label, _hint, _icon, _id, _label, _list, _multiple, _name, _required, _size, _tab-index, _touched, _value`
348
- },{
349
- name: `skip-nav`,
350
- desc: `Mit Hilfe der **SkipNav**-Komponente kann eine versteckte Navigation erzeugt werden. Sie dient dazu, Sehbehinderten das Überspringen von Seitenbereichen zu ermöglichen. Sie wird nur nach Anspringen durch die **Tab-Taste** sichtbar.`,
351
- props: `_aria-label, _links`
352
- },{
353
- name: `spin`,
354
- desc: `Ladeanzeigen, wie die **Spin**-Komponente, informieren die Nutzer:innen über Lade- oder Rechenvorgänge, die vom System ausgeführt werden. Der Fortschritt kann durch eine wiederholte Animation kommuniziert werden.`,
355
- props: `_show, _variant`
356
- },{
357
- name: `split-button`,
358
- desc: `> <kol-badge _label="untested"></kol-badge> Diese neue Komponente wird als ungetestet markiert, da der vollständige Barrierefreiheitstest noch aussteht. Der vollständige Test kann bei neuen Komponenten und Funktionalitäten auch erst nach einem abgeschlossenen Release erfolgen.`,
359
- props: `_access-key, _aria-controls, _aria-current, _aria-expanded, _aria-label, _aria-selected, _custom-class, _disabled, _hide-label, _icon, _icon-only, _label, _role, _show-dropdown, _tab-index, _tooltip-align, _type, _variant`
360
- },{
361
- name: `symbol`,
362
- desc: `Die **Symbol**-Komponente ermöglicht das Rendern beliebiger Symbole mit steuerbarer Ausgabe durch den Screenreader.`,
363
- props: `_aria-label, _symbol`
364
- },{
365
- name: `table`,
366
- desc: `k# Table
367
-
368
- Die **Table**-Komponente dient primär der übersichtlichen Darstellung von Datenmengen. Dabei ist sie so ausgelegt, dass sie alle von den Daten abhängige Werte automatisch ermittelt und die Tabelle entsprechend darstellt. Hierzu gehören beispielsweise die optionalen Funktionalitäten Spaltensortierung oder Pagination.
369
-
370
- <kol-indented-text _summary="Backend-seitige Pagination">
371
- Bei sehr großen Datenmengen ist auch eine manuelle Nutzung der Table-Komponente möglich. Das bedeutet, dass die Tabelle seitenweise "manuell" befüllt wird. Hierzu kann einfach anstatt der Table-Pagination eine "eigene" Pagination unter der Tabelle mittels der Pagination-Komponente verwendet werden.
372
- </kol-indented-text>`,
373
- props: `_caption, _data, _headers, _min-width, _pagination`
374
- },{
375
- name: `tabs`,
376
- desc: `Die **Tabs**-Komponente wird verwendet, um verwandte Inhalte auf derselben Seite zu organisieren und zwischen ihnen zu navigieren. Tabs sorgen dafür, dass große Inhaltsmengen für Nutzer:innen leichter organisiert werden können. Tabs sind in Registerkartenleisten angeordnet, die als Registerkartengruppen bezeichnet werden, wobei die Registerkartenbeschriftung den Nutzer:innen einen Hinweis darauf gibt, welcher Inhalt angezeigt wird, wenn die Registerkarte ausgewählt wird.`,
377
- props: `_aria-label, _selected, _tabs, _tabs-align`
378
- },{
379
- name: `textarea`,
380
- desc: `Die Komponente **Textarea** stellt ein größeres Eingabefeld für Inhalte zur Verfügung. Im Gegensatz zum <kol-link _href="/docs/components/input-text" _label="InputText"></kol-link> können hier auch umfangreiche Inhalte eingegeben werden, die auch mit Zeilenumbrüchen versehen sein können.`,
381
- props: `_access-key, _adjust-height, _alert, _disabled, _error, _has-counter, _hide-label, _hint, _id, _label, _max-length, _name, _placeholder, _read-only, _required, _resize, _rows, _tab-index, _touched, _value`
382
- },{
383
- name: `toast`,
384
- desc: `Mit der **Toast**-Komponente geben Sie ein optisches Feedback an die Nutzer:innen. Sie wird nur für einen kurzen Zeitraum am Kopf des Browserfenster angezeigt und verschwindet danach automatisch.
385
-
386
- Ein **Toast** wird nach dem Laden der Webseite am oberen Rand des Browserfenster für zehn Sekunden angezeigt. Mit Ausblenden des **Toasts** wird dieser automatisch aus dem DOM entfernt. Wird er erneut benötigt, muss er z.B. über eine JavaScript-Funktion nachgeladen werden.`,
387
- props: `_alert, _has-closer, _heading, _level, _show, _show-duration, _type`
388
- },{
389
- name: `tooltip`,
390
- desc: `<kol-alert _type="warning">Die **Tooltip**-Komponente wird innerhalb von KoliBri verwendet und ist nicht dafür vorgesehen in der Anwendungsentwicklung verwendet zu werden. Denn der Tooltip ist nur dann wirklich barrierefrei, wenn von einem Referenzelement auf das Tooltip verwiesen wird.</kol-alert>
391
-
392
- Die **Tooltip**-Komponente implementiert das Gegenstück zum 'Aria-Label'. Es ist also explizit nur dafür vorgesehen, dem/der Nutzer:in ohne Screenreader die Beschriftung eines Elementes anzuzeigen.
393
-
394
- Ein geöffneter Tooltip lässt sich mit der 'Escape'-Taste schließen, um ggf. überlagerte Seiteninformationen wieder sichtbar zu machen.
395
-
396
- **Hinweis:** Damit der Tooltip korrekt ausgerichtet wird, darf das Referenz-Element nicht 'display: inline' haben.`,
397
- props: `_align, _id, _label`
398
- },
399
- ];
400
- </script>
401
- <kol-heading _label="" _level="2">Properties</kol-heading>
402
- <p>In der folgenden Tabelle werden alle Eigenschaften der Häufigkeit nach erläutert und jeweils die Komponenten aufgelistet, wo sie verwendet werden..</p>
403
- <kol-table id="properties" _caption="Available properties"></kol-table>
404
- <script>
405
- const propertyTable = document.querySelector('kol-table#properties');
406
- propertyTable._headers = {
407
- horizontal: [[
408
- {
409
- label: 'Property',
410
- key: 'name',
411
- width: '10%'
412
- },
413
- {
414
- label: 'Description',
415
- key: 'desc',
416
- width: '30%'
417
- },
418
- {
419
- label: 'Type(s)',
420
- key: 'types',
421
- width: '30%'
422
- },
423
- {
424
- label: 'Related component(s)',
425
- key: 'comps',
426
- width: '30%'
427
- }
428
- ]]
429
- };
430
- propertyTable._data = [{
431
- name: `_label`,
432
- desc: `Das Label dient der Beschriftung unterschiedlicher Elemente.
433
- - Button -> label text
434
- - Heading -> headline text
435
- - Input, Select und Textarea -> label text
436
- - Summary -> summary text
437
- - Table -> caption text
438
- - etc.
439
-
440
- Das Label ist häufig ein Pflichtattribut und kann leer gesetzt werden,
441
- wenn man das Label mittels dem Expert-Slot überschreiben will.`,
442
- types: `string`,
443
- comps: `badge, button, button-link, heading, input-checkbox, input-color, input-date, input-email, input-file, input-number, input-password, input-radio, input-range, input-text, link, link-button, progress, select, split-button, textarea, tooltip`
444
- },{
445
- name: `_tab-index`,
446
- desc: `Gibt an, welchen Tab-Index der Button hat. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)`,
447
- types: `number`,
448
- comps: `button, button-link, input-checkbox, input-color, input-date, input-email, input-file, input-number, input-password, input-radio, input-range, input-text, link, link-button, select, split-button, textarea`
449
- },{
450
- name: `_disabled`,
451
- desc: `Gibt an, ob der Button deaktiviert ist.`,
452
- types: `boolean`,
453
- comps: `button, button-link, input-checkbox, input-color, input-date, input-email, input-file, input-number, input-password, input-radio, input-range, input-text, link, link-button, select, split-button, textarea`
454
- },{
455
- name: `_icon`,
456
- desc: `Ermöglicht das Anzeigen von Icons links und/oder rechts am Rand des Eingabefeldes.`,
457
- types: `KoliBriHorizontalIcon & KoliBriVerticalIcon | string, string, string | { checked: string; indeterminate?: string | undefined; unchecked?: string | undefined; } & { checked?: string | undefined; indeterminate: string; unchecked?: string | undefined; } & { checked?: string | undefined; indeterminate?: string | undefined; unchecked: string; }, string | { right?: IconOrIconClass | undefined; left?: IconOrIconClass | undefined; }`,
458
- comps: `badge, button, button-link, icon, input-checkbox, input-color, input-date, input-email, input-file, input-number, input-password, input-range, input-text, link, link-button, select, split-button`
459
- },{
460
- name: `_id`,
461
- desc: `Gibt die ID an, wenn z.B. Aria-Labelledby (Link) verwendet wird.`,
462
- types: `string`,
463
- comps: `button, button-link, input-checkbox, input-color, input-date, input-email, input-file, input-number, input-password, input-radio, input-range, input-text, select, textarea, tooltip`
464
- },{
465
- name: `_alert`,
466
- desc: `Gibt an, ob der Screenreader die Meldung vorlesen soll.`,
467
- types: `boolean`,
468
- comps: `alert, alert-wc, input-checkbox, input-color, input-date, input-email, input-file, input-number, input-password, input-radio, input-range, input-text, select, textarea, toast`
469
- },{
470
- name: `_access-key`,
471
- desc: `Gibt an, mit welcher Tastenkombination man das Input auslösen oder fokussieren kann.`,
472
- types: `string`,
473
- comps: `button, button-link, input-checkbox, input-color, input-date, input-email, input-file, input-number, input-password, input-radio, input-range, input-text, select, split-button, textarea`
474
- },{
475
- name: `_value`,
476
- desc: `Gibt an, wie weit die Anzeige fortgeschritten ist.`,
477
- types: `Date | &#96;&#36;{number}-&#36;{number}-&#36;{number}T&#36;{number}:&#36;{number}:&#36;{number}&#96; | &#96;&#36;{number}-&#36;{number}-&#36;{number}T&#36;{number}:&#36;{number}&#96; | &#96;&#36;{number}-&#36;{number}-&#36;{number}&#96; | &#96;&#36;{number}-&#36;{number}&#96; | &#96;&#36;{number}-W&#36;{number}&#96; | &#96;&#36;{number}:&#36;{number}:&#36;{number}&#96; | &#96;&#36;{number}:&#36;{number}&#96; | null, W3CInputValue[] | string, &#96;&#36;{number}-&#36;{number}-&#36;{number}T&#36;{number}:&#36;{number}:&#36;{number}&#96; | &#96;&#36;{number}-&#36;{number}-&#36;{number}T&#36;{number}:&#36;{number}&#96; | &#96;&#36;{number}-&#36;{number}-&#36;{number}&#96; | &#96;&#36;{number}-&#36;{number}&#96; | &#96;&#36;{number}-W&#36;{number}&#96; | &#96;&#36;{number}:&#36;{number}:&#36;{number}&#96; | &#96;&#36;{number}:&#36;{number}&#96; | null | number, number, number | string, string`,
478
- comps: `input-checkbox, input-color, input-date, input-email, input-file, input-number, input-password, input-radio, input-range, input-text, progress, select, textarea`
479
- },{
480
- name: `_hide-label`,
481
- desc: `Blendet den Text aus und zeigt nur das gewählte Icon an, der Text wird in den Tooltip verschoben.`,
482
- types: `boolean`,
483
- comps: `input-checkbox, input-color, input-date, input-email, input-file, input-number, input-password, input-radio, input-range, input-text, select, split-button, textarea`
484
- },{
485
- name: `_touched`,
486
- desc: `Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde.`,
487
- types: `boolean`,
488
- comps: `input-checkbox, input-color, input-date, input-email, input-file, input-number, input-password, input-radio, input-range, input-text, select, textarea`
489
- },{
490
- name: `_name`,
491
- desc: `Gibt den technischen Namen des Eingabefeldes an.`,
492
- types: `string`,
493
- comps: `input-checkbox, input-color, input-date, input-email, input-file, input-number, input-password, input-radio, input-range, input-text, select, textarea`
494
- },{
495
- name: `_hint`,
496
- desc: `Gibt den Hinweistext an.`,
497
- types: `string`,
498
- comps: `input-checkbox, input-color, input-date, input-email, input-file, input-number, input-password, input-radio, input-range, input-text, select, textarea`
499
- },{
500
- name: `_error`,
501
- desc: `Gibt den Text für eine Fehlermeldung an.`,
502
- types: `string`,
503
- comps: `input-checkbox, input-color, input-date, input-email, input-file, input-number, input-password, input-radio, input-range, input-text, select, textarea`
504
- },{
505
- name: `_aria-label`,
506
- desc: `Gibt an, was der Screenreader ausgeben soll`,
507
- types: `string`,
508
- comps: `breadcrumb, button, button-link, icon, link, link-button, modal, nav, skip-nav, split-button, symbol, tabs`
509
- },{
510
- name: `_variant`,
511
- desc: `Gibt an, ob die Fortschrittsanzeige als Balken oder Kreis dargestellt wird.`,
512
- types: `"bar" | "cycle", "block" | "inline", "button" | "checkbox" | "default" | "switch", "card" | "msg", "custom" | "danger" | "ghost" | "normal" | "primary" | "secondary", "cycle" | "dot" | "none", "primary" | "secondary"`,
513
- comps: `alert, alert-wc, button, input-checkbox, link-button, nav, pagination, progress, quote, spin, split-button`
514
- },{
515
- name: `_type`,
516
- desc: `Gibt an, ob der Prozess als Balken oder Kreis dargestellt wird.`,
517
- types: `"bar" | "cycle", "button" | "checkbox" | "default" | "switch", "button" | "reset" | "submit", "date" | "datetime-local" | "month" | "number" | "time" | "week", "date" | "datetime-local" | "month" | "time" | "week", "default" | "error" | "info" | "success" | "warning", "search" | "tel" | "text" | "url"`,
518
- comps: `alert, alert-wc, button, button-link, input-checkbox, input-date, input-number, input-text, progress, split-button, toast`
519
- },{
520
- name: `_required`,
521
- desc: `Macht das Eingabeelement zu einem Pflichtfeld.`,
522
- types: `boolean`,
523
- comps: `input-checkbox, input-date, input-email, input-file, input-number, input-password, input-radio, input-text, select, textarea`
524
- },{
525
- name: `_list`,
526
- desc: `Gibt den technischen Namen des Eingabefeldes an.`,
527
- types: `Option<W3CInputValue>[] | string, Option<number>[] | string, SelectOption<W3CInputValue>[] | string, string | string[]`,
528
- comps: `input-color, input-date, input-email, input-number, input-radio, input-range, input-text, select`
529
- },{
530
- name: `_tooltip-align`,
531
- desc: `Gibt an, ob der Tooltip entweder oben, rechts, unten oder links angezeigt werden soll.`,
532
- types: `"bottom" | "left" | "right" | "top"`,
533
- comps: `abbr, button, button-link, link, link-button, pagination, split-button`
534
- },{
535
- name: `_auto-complete`,
536
- desc: `Gibt an, ob das Eingabefeld autovervollständigt werden kann.`,
537
- types: `"off" | "on"`,
538
- comps: `input-color, input-date, input-email, input-number, input-password, input-range, input-text`
539
- },{
540
- name: `_read-only`,
541
- desc: `Setzt das Eingabefeld in den schreibgeschützten Modus.`,
542
- types: `boolean`,
543
- comps: `input-date, input-email, input-number, input-password, input-text, textarea`
544
- },{
545
- name: `_level`,
546
- desc: `Gibt an, welchen H-Level von 1 bis 6 die Überschrift hat.`,
547
- types: `0 | 1 | 2 | 3 | 4 | 5 | 6`,
548
- comps: `accordion, alert, alert-wc, card, heading, toast`
549
- },{
550
- name: `_icon-only`,
551
- desc: `Blendet den Text aus und zeigt nur das gewählte Icon an, der Text wird in den Tooltip verschoben.`,
552
- types: `boolean`,
553
- comps: `badge, button, button-link, link, link-button, split-button`
554
- },{
555
- name: `_role`,
556
- desc: `Gibt an, welche Role der Schalter hat.`,
557
- types: `"button" | "link" | "tab"`,
558
- comps: `button, button-link, link, link-button, split-button`
559
- },{
560
- name: `_aria-selected`,
561
- desc: `Gibt an, ob Element ausgewählt ist (role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)`,
562
- types: `boolean`,
563
- comps: `button, button-link, link, link-button, split-button`
564
- },{
565
- name: `_aria-expanded`,
566
- desc: `Gibt an, ob durch den Button etwas aufgeklappt wurde. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)`,
567
- types: `boolean`,
568
- comps: `button, button-link, link, link-button, split-button`
569
- },{
570
- name: `_aria-current`,
571
- desc: `Gibt an, welchen aktuellen Auswahlstatus der Button hat. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)`,
572
- types: `"date" | "location" | "page" | "step" | "time" | boolean`,
573
- comps: `button, button-link, link, link-button, split-button`
574
- },{
575
- name: `_aria-controls`,
576
- desc: `Gibt an, welche Elemente kontrolliert werden. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)`,
577
- types: `string`,
578
- comps: `button, button-link, link, link-button, split-button`
579
- },{
580
- name: `_placeholder`,
581
- desc: `Gibt den Platzhalter des Eingabefeldes an, wenn es leer ist.`,
582
- types: `string`,
583
- comps: `input-email, input-number, input-password, input-text, textarea`
584
- },{
585
- name: `_heading`,
586
- desc: `Gibt den Titel der Meldung an.`,
587
- types: `string`,
588
- comps: `accordion, alert, alert-wc, card, toast`
589
- },{
590
- name: `_size`,
591
- desc: `Setzt die Breite des Eingabefeldes in Buchstabenbreiten.`,
592
- types: `number`,
593
- comps: `input-email, input-password, input-text, select`
594
- },{
595
- name: `_max-length`,
596
- desc: `Gibt an, wie viele Zeichen man maximal eingeben kann.`,
597
- types: `number`,
598
- comps: `input-email, input-password, input-text, textarea`
599
- },{
600
- name: `_max`,
601
- desc: `Gibt an, bei welchem Wert die Fortschrittsanzeige abgeschlossen ist.`,
602
- types: `Date | &#96;&#36;{number}-&#36;{number}-&#36;{number}T&#36;{number}:&#36;{number}:&#36;{number}&#96; | &#96;&#36;{number}-&#36;{number}-&#36;{number}T&#36;{number}:&#36;{number}&#96; | &#96;&#36;{number}-&#36;{number}-&#36;{number}&#96; | &#96;&#36;{number}-&#36;{number}&#96; | &#96;&#36;{number}-W&#36;{number}&#96; | &#96;&#36;{number}:&#36;{number}:&#36;{number}&#96; | &#96;&#36;{number}:&#36;{number}&#96;, &#96;&#36;{number}-&#36;{number}-&#36;{number}T&#36;{number}:&#36;{number}:&#36;{number}&#96; | &#96;&#36;{number}-&#36;{number}-&#36;{number}T&#36;{number}:&#36;{number}&#96; | &#96;&#36;{number}-&#36;{number}-&#36;{number}&#96; | &#96;&#36;{number}-&#36;{number}&#96; | &#96;&#36;{number}-W&#36;{number}&#96; | &#96;&#36;{number}:&#36;{number}:&#36;{number}&#96; | &#96;&#36;{number}:&#36;{number}&#96; | number, number`,
603
- comps: `input-date, input-number, input-range, progress`
604
- },{
605
- name: `_custom-class`,
606
- desc: `Gibt an, welche Custom-Class übergeben werden soll, wenn _variant="custom" gesetzt ist.`,
607
- types: `string`,
608
- comps: `button, link-button, pagination, split-button`
609
- },{
610
- name: `_step`,
611
- desc: `Gibt die Schrittweite der Wertveränderung an`,
612
- types: `number`,
613
- comps: `input-date, input-number, input-range`
614
- },{
615
- name: `_min`,
616
- desc: `Gibt den Minimalwert des Eingabefeldes an.`,
617
- types: `Date | &#96;&#36;{number}-&#36;{number}-&#36;{number}T&#36;{number}:&#36;{number}:&#36;{number}&#96; | &#96;&#36;{number}-&#36;{number}-&#36;{number}T&#36;{number}:&#36;{number}&#96; | &#96;&#36;{number}-&#36;{number}-&#36;{number}&#96; | &#96;&#36;{number}-&#36;{number}&#96; | &#96;&#36;{number}-W&#36;{number}&#96; | &#96;&#36;{number}:&#36;{number}:&#36;{number}&#96; | &#96;&#36;{number}:&#36;{number}&#96;, &#96;&#36;{number}-&#36;{number}-&#36;{number}T&#36;{number}:&#36;{number}:&#36;{number}&#96; | &#96;&#36;{number}-&#36;{number}-&#36;{number}T&#36;{number}:&#36;{number}&#96; | &#96;&#36;{number}-&#36;{number}-&#36;{number}&#96; | &#96;&#36;{number}-&#36;{number}&#96; | &#96;&#36;{number}-W&#36;{number}&#96; | &#96;&#36;{number}:&#36;{number}:&#36;{number}&#96; | &#96;&#36;{number}:&#36;{number}&#96; | number, number`,
618
- comps: `input-date, input-number, input-range`
619
- },{
620
- name: `_show`,
621
- desc: `Gibt an, ob der Toast eingeblendet wird.`,
622
- types: `boolean`,
623
- comps: `popover, spin, toast`
624
- },{
625
- name: `_pattern`,
626
- desc: `Gibt ein Prüfmuster für das Eingabefeld an.`,
627
- types: `string`,
628
- comps: `input-email, input-password, input-text`
629
- },{
630
- name: `_multiple`,
631
- desc: `Gibt an, ob mehrere Werte eingegeben werden können.`,
632
- types: `boolean`,
633
- comps: `input-email, input-file, select`
634
- },{
635
- name: `_links`,
636
- desc: `Gibt die geordnete Liste der Seitenhierarchie an.`,
637
- types: `ButtonOrLinkOrTextWithChildrenProps[] | string, LinkProps[] | string`,
638
- comps: `breadcrumb, nav, skip-nav`
639
- },{
640
- name: `_href`,
641
- desc: `Gibt die Ziel-Url des Links an.`,
642
- types: `string`,
643
- comps: `link, link-button, quote`
644
- },{
645
- name: `_has-closer`,
646
- desc: `Aktiviert das Schließen-Icon.`,
647
- types: `boolean`,
648
- comps: `alert, alert-wc, toast`
649
- },{
650
- name: `_target-description`,
651
- desc: `Gibt die Beschreibung an, wenn der Link in einem anderen Programm geöffnet wird.`,
652
- types: `string`,
653
- comps: `link, link-button`
654
- },{
655
- name: `_target`,
656
- desc: `Gibt an wo der Link geöffnet werden soll.`,
657
- types: `string`,
658
- comps: `link, link-button`
659
- },{
660
- name: `_download`,
661
- desc: `Teilt dem Browser mit, dass sich hinter dem Link eine Datei befindet. Setzt optional den Dateinamen.`,
662
- types: `boolean | string`,
663
- comps: `link, link-button`
664
- },{
665
- name: `_orientation`,
666
- desc: `Gibt die Ausrichtung der LinkList an.`,
667
- types: `"horizontal" | "vertical"`,
668
- comps: `input-radio, nav`
669
- },{
670
- name: `_open`,
671
- desc: `Gibt an, ob das Accordion geöffnet ist.`,
672
- types: `boolean`,
673
- comps: `accordion, details`
674
- },{
675
- name: `_icon-align`,
676
- desc: `Gibt an, ob das Icon entweder links oder rechts dargestellt werden soll.`,
677
- types: `"bottom" | "left" | "right" | "top"`,
678
- comps: `button, link`
679
- },{
680
- name: `_caption`,
681
- desc: `Gibt den Titel oder eine Legende mit Erklärungen zur Tabelle an.`,
682
- types: `string`,
683
- comps: `quote, table`
684
- },{
685
- name: `_width`,
686
- desc: `Setzt die Breite des Modals. (max-width: 100%).`,
687
- types: `string`,
688
- comps: `modal`
689
- },{
690
- name: `_use-case`,
691
- desc: `Gibt den Verwendungsfall des Links an.`,
692
- types: `"image" | "nav" | "text"`,
693
- comps: `link`
694
- },{
695
- name: `_stealth`,
696
- desc: `Gibt an, ob der Link nur beim Fokus sichtbar ist.`,
697
- types: `boolean`,
698
- comps: `link`
699
- },{
700
- name: `_selector`,
701
- desc: `Gibt die ID eines DOM-Elements, zu dem gesprungen werden soll, aus.`,
702
- types: `string`,
703
- comps: `link`
704
- },{
705
- name: `_unit`,
706
- desc: `Setzt die Einheit der Fortschrittswerte. (wird nicht angezeigt)`,
707
- types: `string`,
708
- comps: `progress`
709
- },{
710
- name: `_total`,
711
- desc: `Setzt die Gesamtanzahl der Seiten.`,
712
- types: `number`,
713
- comps: `pagination`
714
- },{
715
- name: `_sibling-count`,
716
- desc: `Gibt an, wie viele Seiten neben der aktuell Ausgewählten angezeigt werden.`,
717
- types: `number`,
718
- comps: `pagination`
719
- },{
720
- name: `_page-size-options`,
721
- desc: `Setzt die Optionen für das Seitenlängenselect.`,
722
- types: `number[] | string`,
723
- comps: `pagination`
724
- },{
725
- name: `_page-size`,
726
- desc: `Gibt an, wie viele Einträge pro Seite angezeigt werden.`,
727
- types: `number`,
728
- comps: `pagination`
729
- },{
730
- name: `_page`,
731
- desc: `Gibt an, welche Seite aktuell ausgewählt ist.`,
732
- types: `number`,
733
- comps: `pagination`
734
- },{
735
- name: `_has-buttons`,
736
- desc: `Setzt die Sichtbarkeit der Anfang/zurück/weiter/Ende-Schaltflächen.`,
737
- types: `boolean | string | { first: boolean; last: boolean; next: boolean; previous: boolean; }`,
738
- comps: `pagination`
739
- },{
740
- name: `_boundary-count`,
741
- desc: `Gibt an, wie viele Seiten neben den am Rand liegenden Pfeil-Schaltern angezeigt werden sollen.`,
742
- types: `number`,
743
- comps: `pagination`
744
- },{
745
- name: `_title`,
746
- desc: `Dieses Property gibt die Beschreibung oder Erläuterung der Abkürzung an.`,
747
- types: `string`,
748
- comps: `abbr`
749
- },{
750
- name: `_tabs-align`,
751
- desc: `Setzt die Position der Registrierkarten.`,
752
- types: `"bottom" | "left" | "right" | "top"`,
753
- comps: `tabs`
754
- },{
755
- name: `_tabs`,
756
- desc: `Setzt die Daten für die Registrierkarten.`,
757
- types: `TabButtonProps[] | string`,
758
- comps: `tabs`
759
- },{
760
- name: `_selected`,
761
- desc: `Gibt an, welches Tab selektiert sein soll.`,
762
- types: `number`,
763
- comps: `tabs`
764
- },{
765
- name: `_symbol`,
766
- desc: `Dieses Property gibt den String an der angezeigt werden soll.`,
767
- types: `string`,
768
- comps: `symbol`
769
- },{
770
- name: `_summary`,
771
- desc: `Gibt die Zusammenfassung der Detailbeschreibung an.`,
772
- types: `string`,
773
- comps: `details`
774
- },{
775
- name: `_srcset`,
776
- desc: `Setzt eine Liste von Quell-URLs mit Breiten der Bilder.`,
777
- types: `string`,
778
- comps: `image`
779
- },{
780
- name: `_src`,
781
- desc: `Setzt die Quell-URL des Bildes.`,
782
- types: `string`,
783
- comps: `image`
784
- },{
785
- name: `_sizes`,
786
- desc: `Setzt Größen für unterschiedliche Auflösungen, unterstützend für _srcset.`,
787
- types: `string`,
788
- comps: `image`
789
- },{
790
- name: `_loading`,
791
- desc: `Setzt den Lademodus.`,
792
- types: `"eager" | "lazy"`,
793
- comps: `image`
794
- },{
795
- name: `_alt`,
796
- desc: `Setzt den alternativen Text.`,
797
- types: `string`,
798
- comps: `image`
799
- },{
800
- name: `_smart-button`,
801
- desc: `Ermöglicht einen Schalter ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (nur Icon-Only).`,
802
- types: `string | { _label: string; } & { _ariaControls?: string | undefined; _ariaLabel?: string | undefined; _icon?: Stringified<KoliBriIconProp> | undefined; _iconAlign?: Alignment | undefined; _iconOnly?: boolean | undefined; _role?: AlternativButtonLinkRole | undefined; _tabIndex?: number | undefined; _tooltipAlign?: Alignment | undefined; _ariaCurrent?: AriaCurrent | undefined; _ariaExpanded?: boolean | undefined; _ariaSelected?: boolean | undefined; _disabled?: boolean | undefined; _accessKey?: string | undefined; _id?: string | undefined; _on?: KoliBriButtonCallbacks<unknown> | undefined; _type?: KoliBriButtonType | undefined; _value?: unknown; _variant?: KoliBriButtonVariant | undefined; _customClass?: string | undefined; }`,
803
- comps: `badge`
804
- },{
805
- name: `_color`,
806
- desc: `Setzt die Hintergrundfarbe.`,
807
- types: `string | { backgroundColor: string; color: string; } | { backgroundColor: string; foregroundColor: Stringified<CharacteristicColors>; }`,
808
- comps: `badge`
809
- },{
810
- name: `_show-duration`,
811
- desc: `Gibt an, wie viele Millisekunden der Toast eingeblendet werden soll.`,
812
- types: `number`,
813
- comps: `toast`
814
- },{
815
- name: `_show-dropdown`,
816
- desc: `Gibt an, welche Rolle der Schalter hat.`,
817
- types: `boolean`,
818
- comps: `split-button`
819
- },{
820
- name: `_secondary-headline`,
821
- desc: `Gibt den Text der zusätzlichen Überschrift an.`,
822
- types: `string`,
823
- comps: `heading`
824
- },{
825
- name: `_rows`,
826
- desc: `Gibt die Anzahl der anzuzeigenden Zeilen des Eingabefeldes an.`,
827
- types: `number`,
828
- comps: `textarea`
829
- },{
830
- name: `_resize`,
831
- desc: `Gibt an, ob die Größe des Eingabefeldes von Nutzer:innen geändert werden kann. (https://developer.mozilla.org/de/docs/Web/CSS/resize)`,
832
- types: `"both" | "horizontal" | "none" | "vertical"`,
833
- comps: `textarea`
834
- },{
835
- name: `_has-counter`,
836
- desc: `Aktiviert den Zeichenanzahlzähler am unteren Rand des Eingabefeldes.`,
837
- types: `boolean`,
838
- comps: `textarea`
839
- },{
840
- name: `_adjust-height`,
841
- desc: `Passt die Höhe des Eingabefeldes automatisch an den Füllstand an.`,
842
- types: `boolean`,
843
- comps: `textarea`
844
- },{
845
- name: `_required-text`,
846
- desc: `Gibt an, ob der Pflichtfeld-Hinweis eingeblendet werden soll. Ein String überschreibt den Standardtext.`,
847
- types: `boolean | string`,
848
- comps: `form`
849
- },{
850
- name: `_quote`,
851
- desc: `Setzt den Text, also das Zitat selbst.`,
852
- types: `string`,
853
- comps: `quote`
854
- },{
855
- name: `_part`,
856
- desc: `Gibt den Identifier für den CSS-Part an, um das Icon von Außen ändern zu können. (https://meowni.ca/posts/part-theme-explainer/)`,
857
- types: `string`,
858
- comps: `icon`
859
- },{
860
- name: `_pagination`,
861
- desc: `Gibt an, ob die Daten geteilt in Seiten angezeigt wird.`,
862
- types: `boolean | string | { _page: number; } & { _on?: KoliBriPaginationButtonCallbacks | undefined; _page?: number | undefined; _total?: number | undefined; _customClass?: string | undefined; _variant?: KoliBriButtonVariant | undefined; _boundaryCount?: number | undefined; _hasButtons?: boolean | Stringified<PaginationHasButton> | undefined; _pageSize?: number | undefined; _pageSizeOptions?: Stringified<number[]> | undefined; _siblingCount?: number | undefined; _tooltipAlign?: Alignment | undefined; }`,
863
- comps: `table`
864
- },{
865
- name: `_min-width`,
866
- desc: `Gibt an, die minimale Breite der Tabelle an.`,
867
- types: `string`,
868
- comps: `table`
869
- },{
870
- name: `_headers`,
871
- desc: `Gibt die horizontalen und vertikalen Header für die Tabelle an.`,
872
- types: `string | { horizontal?: KoliBriTableHeaderCell[][]; vertical?: KoliBriTableHeaderCell[][] | undefined; }`,
873
- comps: `table`
874
- },{
875
- name: `_data`,
876
- desc: `Gibt die Daten an, die für die Erstellung der Tabelle verwendet werden.`,
877
- types: `KoliBriDataType[] | string`,
878
- comps: `table`
879
- },{
880
- name: `_indeterminate`,
881
- desc: `Gibt an, ob die Checkbox weder ausgewählt noch nicht ausgewählt ist.`,
882
- types: `boolean`,
883
- comps: `input-checkbox`
884
- },{
885
- name: `_checked`,
886
- desc: `Gibt an, ob die Checkbox ausgewählt ist oder nicht. (kann gelesen und gesetzt werden)`,
887
- types: `boolean`,
888
- comps: `input-checkbox`
889
- },{
890
- name: `_height`,
891
- desc: `Gibt an, ob eine individuelle Höhe übergeben werden soll.`,
892
- types: `string`,
893
- comps: `select`
894
- },{
895
- name: `_headline`,
896
- desc: `Gibt die Überschrift der Card an.`,
897
- types: `string`,
898
- comps: `card`
899
- },{
900
- name: `_has-footer`,
901
- desc: `Macht den Footerbereich der Card sichtbar.`,
902
- types: `boolean`,
903
- comps: `card`
904
- },{
905
- name: `_has-compact-button`,
906
- desc: `Gibt an, ob die Navigation eine zusätzliche Schaltfläche zum Aus- und Einklappen der Navigation anzeigen soll.`,
907
- types: `boolean`,
908
- comps: `nav`
909
- },{
910
- name: `_compact`,
911
- desc: `Gibt an, ob die Navigation kompakt angezeigt wird.`,
912
- types: `boolean`,
913
- comps: `nav`
914
- },{
915
- name: `_collapsible`,
916
- desc: `Gibt an, ob Knoten in der Navigation zusammengeklappt werden können. Ist standardmäßig aktiv.`,
917
- types: `boolean`,
918
- comps: `nav`
919
- },{
920
- name: `_aria-current-value`,
921
- desc: `Gibt den Wert von aria-current an, der bei dem aktuellen Kontext innerhalb der Navigation verwendet werden soll.`,
922
- types: `"date" | "location" | "page" | "step" | "time" | boolean`,
923
- comps: `nav`
924
- },{
925
- name: `_alignment`,
926
- desc: `Setzt die Ausrichtung des Popovers in Relation zum Triggerelement.`,
927
- types: `"bottom" | "left" | "right" | "top"`,
928
- comps: `popover`
929
- },{
930
- name: `_align`,
931
- desc: `Setzt die Ausrichtung des Tooltips in Relation zum Elternelement.`,
932
- types: `"bottom" | "left" | "right" | "top"`,
933
- comps: `tooltip`
934
- },{
935
- name: `_accept`,
936
- desc: `Gibt an, welche Dateiformate erlaubt sind.`,
937
- types: `string`,
938
- comps: `input-file`
939
- },
940
- ];
941
- </script>
942
- <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/highlight.min.js"></script>
943
- <script>
944
- document.querySelectorAll('pre > code').forEach(el => {
945
- hljs.highlightElement(el);
946
- });
947
- </script>
948
- <p style="text-align: center; margin:1rem 2rem 0 2rem;><strong><kol-abbr _title="Komponenten-Bibliothek für die Barrierefreiheit" _tooltip-align="right">KoliBri</kol-abbr></strong> ist unter der Lizenz <kol-link _href="https://github.com/public-ui/kolibri/blob/main/LICENSE" _target="eu"><strong>EUPL v1.2</strong></kol-link> lizenziert.</p>
949
- </main>
950
- </body>
951
- </html>