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

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 (581) hide show
  1. package/custom-elements.json +265 -265
  2. package/dist/cjs/{app-globals-a70c12d0.js → app-globals-f9bd7c4a.js} +1 -1
  3. package/dist/cjs/{app-globals-a70c12d0.js.map → app-globals-f9bd7c4a.js.map} +1 -1
  4. package/dist/cjs/{aria-selected-75bbe016.js → aria-selected-cb5d8460.js} +1 -1
  5. package/dist/cjs/{aria-selected-75bbe016.js.map → aria-selected-cb5d8460.js.map} +1 -1
  6. package/dist/cjs/button-link-153007e8.js +4 -0
  7. package/dist/cjs/button-link-153007e8.js.map +1 -0
  8. package/dist/cjs/{color-93a094ef.js → color-8faddadf.js} +1 -1
  9. package/dist/cjs/{color-93a094ef.js.map → color-8faddadf.js.map} +1 -1
  10. package/dist/cjs/{controller-efc49b38.js → controller-1b763c05.js} +1 -1
  11. package/dist/cjs/{controller-efc49b38.js.map → controller-1b763c05.js.map} +1 -1
  12. package/dist/cjs/{controller-a4d41073.js → controller-31f22d30.js} +1 -1
  13. package/dist/cjs/{controller-a4d41073.js.map → controller-31f22d30.js.map} +1 -1
  14. package/dist/cjs/{controller-9e5e2756.js → controller-77a2ce9f.js} +1 -1
  15. package/dist/cjs/{controller-9e5e2756.js.map → controller-77a2ce9f.js.map} +1 -1
  16. package/dist/cjs/{controller-86b1d5ea.js → controller-93165ab9.js} +1 -1
  17. package/dist/cjs/{controller-86b1d5ea.js.map → controller-93165ab9.js.map} +1 -1
  18. package/dist/cjs/{controller-42d1f729.js → controller-abf026e3.js} +1 -1
  19. package/dist/cjs/{controller-42d1f729.js.map → controller-abf026e3.js.map} +1 -1
  20. package/dist/cjs/{controller-90049b82.js → controller-f34b5d63.js} +1 -1
  21. package/dist/cjs/{controller-90049b82.js.map → controller-f34b5d63.js.map} +1 -1
  22. package/dist/cjs/{controller-icon-84ab02f7.js → controller-icon-d3ae7955.js} +1 -1
  23. package/dist/cjs/{controller-icon-84ab02f7.js.map → controller-icon-d3ae7955.js.map} +1 -1
  24. package/dist/cjs/{devtools-aae8bdf5.js → devtools-19dae7ed.js} +1 -1
  25. package/dist/cjs/{devtools-aae8bdf5.js.map → devtools-19dae7ed.js.map} +1 -1
  26. package/dist/cjs/{disabled-849b796c.js → disabled-503e85ce.js} +1 -1
  27. package/dist/cjs/{disabled-849b796c.js.map → disabled-503e85ce.js.map} +1 -1
  28. package/dist/cjs/hide-label-cb7ae994.js +4 -0
  29. package/dist/cjs/{hide-label-3c04c118.js.map → hide-label-cb7ae994.js.map} +1 -1
  30. package/dist/cjs/{i18n-bd375706.js → i18n-8b3f04f3.js} +1 -1
  31. package/dist/cjs/{i18n-bd375706.js.map → i18n-8b3f04f3.js.map} +1 -1
  32. package/dist/cjs/{icon-c6dc105e.js → icon-ac20975f.js} +1 -1
  33. package/dist/cjs/icon-ac20975f.js.map +1 -0
  34. package/dist/cjs/{index-7159f3d9.js → index-36fd94bb.js} +1 -1
  35. package/dist/cjs/index-36fd94bb.js.map +1 -0
  36. package/dist/cjs/{index-2e0791f2.js → index-75a7808a.js} +1 -1
  37. package/dist/cjs/{index-2e0791f2.js.map → index-75a7808a.js.map} +1 -1
  38. package/dist/cjs/index.cjs.js +1 -1
  39. package/dist/cjs/kol-abbr.cjs.entry.js +1 -1
  40. package/dist/cjs/kol-abbr.cjs.entry.js.map +1 -1
  41. package/dist/cjs/kol-accordion.cjs.entry.js +1 -1
  42. package/dist/cjs/kol-accordion.cjs.entry.js.map +1 -1
  43. package/dist/cjs/kol-alert-wc_2.cjs.entry.js +1 -1
  44. package/dist/cjs/kol-alert-wc_2.cjs.entry.js.map +1 -1
  45. package/dist/cjs/kol-alert.cjs.entry.js.map +1 -1
  46. package/dist/cjs/kol-badge.cjs.entry.js +1 -1
  47. package/dist/cjs/kol-badge.cjs.entry.js.map +1 -1
  48. package/dist/cjs/kol-breadcrumb.cjs.entry.js +1 -1
  49. package/dist/cjs/kol-breadcrumb.cjs.entry.js.map +1 -1
  50. package/dist/cjs/kol-button-link.cjs.entry.js.map +1 -1
  51. package/dist/cjs/kol-button-wc_3.cjs.entry.js +1 -1
  52. package/dist/cjs/kol-button-wc_3.cjs.entry.js.map +1 -1
  53. package/dist/cjs/kol-button.cjs.entry.js.map +1 -1
  54. package/dist/cjs/kol-card.cjs.entry.js +1 -1
  55. package/dist/cjs/kol-card.cjs.entry.js.map +1 -1
  56. package/dist/cjs/kol-details.cjs.entry.js +1 -1
  57. package/dist/cjs/kol-details.cjs.entry.js.map +1 -1
  58. package/dist/cjs/kol-form.cjs.entry.js +1 -1
  59. package/dist/cjs/kol-heading.cjs.entry.js.map +1 -1
  60. package/dist/cjs/kol-icon-font-awesome.cjs.entry.js.map +1 -1
  61. package/dist/cjs/kol-icon-icofont.cjs.entry.js.map +1 -1
  62. package/dist/cjs/kol-icon.cjs.entry.js +1 -1
  63. package/dist/cjs/kol-icon.cjs.entry.js.map +1 -1
  64. package/dist/cjs/kol-image.cjs.entry.js +1 -1
  65. package/dist/cjs/kol-input-checkbox.cjs.entry.js +1 -1
  66. package/dist/cjs/kol-input-checkbox.cjs.entry.js.map +1 -1
  67. package/dist/cjs/kol-input-color.cjs.entry.js +1 -1
  68. package/dist/cjs/kol-input-color.cjs.entry.js.map +1 -1
  69. package/dist/cjs/kol-input-date.cjs.entry.js +1 -1
  70. package/dist/cjs/kol-input-date.cjs.entry.js.map +1 -1
  71. package/dist/cjs/kol-input-email.cjs.entry.js +1 -1
  72. package/dist/cjs/kol-input-email.cjs.entry.js.map +1 -1
  73. package/dist/cjs/kol-input-file.cjs.entry.js +1 -1
  74. package/dist/cjs/kol-input-file.cjs.entry.js.map +1 -1
  75. package/dist/cjs/kol-input-number.cjs.entry.js +1 -1
  76. package/dist/cjs/kol-input-number.cjs.entry.js.map +1 -1
  77. package/dist/cjs/kol-input-password.cjs.entry.js +1 -1
  78. package/dist/cjs/kol-input-password.cjs.entry.js.map +1 -1
  79. package/dist/cjs/kol-input-radio-group.cjs.entry.js.map +1 -1
  80. package/dist/cjs/kol-input-radio.cjs.entry.js +1 -1
  81. package/dist/cjs/kol-input-radio.cjs.entry.js.map +1 -1
  82. package/dist/cjs/kol-input-range.cjs.entry.js +1 -1
  83. package/dist/cjs/kol-input-range.cjs.entry.js.map +1 -1
  84. package/dist/cjs/kol-input-text.cjs.entry.js +1 -1
  85. package/dist/cjs/kol-input-text.cjs.entry.js.map +1 -1
  86. package/dist/cjs/kol-kolibri.cjs.entry.js +1 -1
  87. package/dist/cjs/kol-link-button.cjs.entry.js +1 -1
  88. package/dist/cjs/kol-link-button.cjs.entry.js.map +1 -1
  89. package/dist/cjs/kol-link-group.cjs.entry.js +1 -1
  90. package/dist/cjs/kol-link-group.cjs.entry.js.map +1 -1
  91. package/dist/cjs/kol-link-wc.cjs.entry.js +1 -1
  92. package/dist/cjs/kol-link-wc.cjs.entry.js.map +1 -1
  93. package/dist/cjs/kol-link.cjs.entry.js.map +1 -1
  94. package/dist/cjs/kol-logo.cjs.entry.js +1 -1
  95. package/dist/cjs/kol-modal.cjs.entry.js +1 -1
  96. package/dist/cjs/kol-modal.cjs.entry.js.map +1 -1
  97. package/dist/cjs/kol-nav.cjs.entry.js +1 -1
  98. package/dist/cjs/kol-nav.cjs.entry.js.map +1 -1
  99. package/dist/cjs/kol-pagination.cjs.entry.js +1 -1
  100. package/dist/cjs/kol-pagination.cjs.entry.js.map +1 -1
  101. package/dist/cjs/kol-popover.cjs.entry.js +1 -1
  102. package/dist/cjs/kol-popover.cjs.entry.js.map +1 -1
  103. package/dist/cjs/kol-progress.cjs.entry.js +1 -1
  104. package/dist/cjs/kol-progress.cjs.entry.js.map +1 -1
  105. package/dist/cjs/kol-quote.cjs.entry.js +1 -1
  106. package/dist/cjs/kol-quote.cjs.entry.js.map +1 -1
  107. package/dist/cjs/kol-select.cjs.entry.js +1 -1
  108. package/dist/cjs/kol-select.cjs.entry.js.map +1 -1
  109. package/dist/cjs/kol-skip-nav.cjs.entry.js +1 -1
  110. package/dist/cjs/kol-skip-nav.cjs.entry.js.map +1 -1
  111. package/dist/cjs/kol-span.cjs.entry.js.map +1 -1
  112. package/dist/cjs/kol-spin.cjs.entry.js +1 -1
  113. package/dist/cjs/kol-spin.cjs.entry.js.map +1 -1
  114. package/dist/cjs/kol-split-button.cjs.entry.js +1 -1
  115. package/dist/cjs/kol-split-button.cjs.entry.js.map +1 -1
  116. package/dist/cjs/kol-symbol.cjs.entry.js +1 -1
  117. package/dist/cjs/kol-symbol.cjs.entry.js.map +1 -1
  118. package/dist/cjs/kol-table.cjs.entry.js +1 -1
  119. package/dist/cjs/kol-table.cjs.entry.js.map +1 -1
  120. package/dist/cjs/kol-tabs.cjs.entry.js +1 -1
  121. package/dist/cjs/kol-tabs.cjs.entry.js.map +1 -1
  122. package/dist/cjs/kol-textarea.cjs.entry.js +1 -1
  123. package/dist/cjs/kol-textarea.cjs.entry.js.map +1 -1
  124. package/dist/cjs/kol-toast.cjs.entry.js +1 -1
  125. package/dist/cjs/kol-toast.cjs.entry.js.map +1 -1
  126. package/dist/cjs/kol-tooltip.cjs.entry.js +1 -1
  127. package/dist/cjs/kol-tooltip.cjs.entry.js.map +1 -1
  128. package/dist/cjs/kol-version.cjs.entry.js +1 -1
  129. package/dist/cjs/kolibri.cjs.js +1 -1
  130. package/dist/cjs/{label-f7bafefb.js → label-e8736aba.js} +1 -1
  131. package/dist/cjs/{label-f7bafefb.js.map → label-e8736aba.js.map} +1 -1
  132. package/dist/cjs/loader.cjs.js +1 -1
  133. package/dist/cjs/{prop.validators-0e600d26.js → prop.validators-5e04ba38.js} +1 -1
  134. package/dist/cjs/{prop.validators-0e600d26.js.map → prop.validators-5e04ba38.js.map} +1 -1
  135. package/dist/cjs/show-975e9dba.js +4 -0
  136. package/dist/cjs/{show-f13f46c8.js.map → show-975e9dba.js.map} +1 -1
  137. package/dist/cjs/{tab-index-d4f662c6.js → tab-index-48c54f71.js} +1 -1
  138. package/dist/cjs/{tab-index-d4f662c6.js.map → tab-index-48c54f71.js.map} +1 -1
  139. package/dist/cjs/validation-b25e2db5.js +4 -0
  140. package/dist/cjs/{validation-2b48ad79.js.map → validation-b25e2db5.js.map} +1 -1
  141. package/dist/cjs/{validation-067abd6e.js → validation-b985d357.js} +1 -1
  142. package/dist/cjs/{validation-067abd6e.js.map → validation-b985d357.js.map} +1 -1
  143. package/dist/components/component.js.map +1 -1
  144. package/dist/components/component11.js.map +1 -1
  145. package/dist/components/component12.js +1 -1
  146. package/dist/components/component12.js.map +1 -1
  147. package/dist/components/component13.js +1 -1
  148. package/dist/components/component13.js.map +1 -1
  149. package/dist/components/component14.js +1 -1
  150. package/dist/components/component14.js.map +1 -1
  151. package/dist/components/component2.js.map +1 -1
  152. package/dist/components/component3.js.map +1 -1
  153. package/dist/components/component4.js.map +1 -1
  154. package/dist/components/component5.js.map +1 -1
  155. package/dist/components/component6.js.map +1 -1
  156. package/dist/components/component7.js.map +1 -1
  157. package/dist/components/component8.js.map +1 -1
  158. package/dist/components/kol-abbr.js.map +1 -1
  159. package/dist/components/kol-accordion.js.map +1 -1
  160. package/dist/components/kol-breadcrumb.js.map +1 -1
  161. package/dist/components/kol-button-link.js.map +1 -1
  162. package/dist/components/kol-card.js.map +1 -1
  163. package/dist/components/kol-details.js.map +1 -1
  164. package/dist/components/kol-heading.js.map +1 -1
  165. package/dist/components/kol-icon-font-awesome.js.map +1 -1
  166. package/dist/components/kol-icon-icofont.js.map +1 -1
  167. package/dist/components/kol-input-checkbox.js.map +1 -1
  168. package/dist/components/kol-input-color.js.map +1 -1
  169. package/dist/components/kol-input-date.js +1 -1
  170. package/dist/components/kol-input-date.js.map +1 -1
  171. package/dist/components/kol-input-email.js.map +1 -1
  172. package/dist/components/kol-input-file.js.map +1 -1
  173. package/dist/components/kol-input-number.js +1 -1
  174. package/dist/components/kol-input-number.js.map +1 -1
  175. package/dist/components/kol-input-password.js.map +1 -1
  176. package/dist/components/kol-input-radio-group.js +1 -1
  177. package/dist/components/kol-input-radio-group.js.map +1 -1
  178. package/dist/components/kol-input-radio.js +1 -1
  179. package/dist/components/kol-input-range.js.map +1 -1
  180. package/dist/components/kol-input-text.js.map +1 -1
  181. package/dist/components/kol-link-button.js.map +1 -1
  182. package/dist/components/kol-link-group.js.map +1 -1
  183. package/dist/components/kol-modal.js.map +1 -1
  184. package/dist/components/kol-nav.js.map +1 -1
  185. package/dist/components/kol-pagination.js +1 -1
  186. package/dist/components/kol-popover.js +1 -1
  187. package/dist/components/kol-popover.js.map +1 -1
  188. package/dist/components/kol-progress.js.map +1 -1
  189. package/dist/components/kol-quote.js.map +1 -1
  190. package/dist/components/kol-select.js +1 -1
  191. package/dist/components/kol-skip-nav.js.map +1 -1
  192. package/dist/components/kol-span.js.map +1 -1
  193. package/dist/components/kol-spin.js.map +1 -1
  194. package/dist/components/kol-split-button.js.map +1 -1
  195. package/dist/components/kol-symbol.js.map +1 -1
  196. package/dist/components/kol-table.js +1 -1
  197. package/dist/components/kol-table.js.map +1 -1
  198. package/dist/components/kol-tabs.js.map +1 -1
  199. package/dist/components/kol-textarea.js.map +1 -1
  200. package/dist/components/kol-toast.js.map +1 -1
  201. package/dist/components/prop.validators.js +1 -1
  202. package/dist/components/prop.validators.js.map +1 -1
  203. package/dist/components/shadow.js.map +1 -1
  204. package/dist/components/shadow2.js.map +1 -1
  205. package/dist/components/shadow3.js.map +1 -1
  206. package/dist/esm/app-globals-db727ab2.js +4 -0
  207. package/dist/esm/{app-globals-037e6656.js.map → app-globals-db727ab2.js.map} +1 -1
  208. package/dist/esm/{aria-selected-0f45e2c3.js → aria-selected-efb464e1.js} +1 -1
  209. package/dist/esm/{aria-selected-0f45e2c3.js.map → aria-selected-efb464e1.js.map} +1 -1
  210. package/dist/esm/{button-link-abc9999d.js → button-link-283b2d32.js} +1 -1
  211. package/dist/esm/button-link-283b2d32.js.map +1 -0
  212. package/dist/esm/{color-2a715559.js → color-abc2fa9c.js} +1 -1
  213. package/dist/esm/{color-2a715559.js.map → color-abc2fa9c.js.map} +1 -1
  214. package/dist/esm/{controller-3f613951.js → controller-2847846e.js} +1 -1
  215. package/dist/esm/{controller-3f613951.js.map → controller-2847846e.js.map} +1 -1
  216. package/dist/esm/{controller-bd4d58e4.js → controller-5a459788.js} +1 -1
  217. package/dist/esm/{controller-bd4d58e4.js.map → controller-5a459788.js.map} +1 -1
  218. package/dist/esm/{controller-abdc8667.js → controller-cad0ac5e.js} +1 -1
  219. package/dist/esm/{controller-abdc8667.js.map → controller-cad0ac5e.js.map} +1 -1
  220. package/dist/esm/{controller-4b599938.js → controller-cb6b97eb.js} +1 -1
  221. package/dist/esm/{controller-4b599938.js.map → controller-cb6b97eb.js.map} +1 -1
  222. package/dist/esm/{controller-e02d4577.js → controller-cc18d25f.js} +1 -1
  223. package/dist/esm/{controller-e02d4577.js.map → controller-cc18d25f.js.map} +1 -1
  224. package/dist/esm/{controller-c92d85d6.js → controller-ec771280.js} +1 -1
  225. package/dist/esm/{controller-c92d85d6.js.map → controller-ec771280.js.map} +1 -1
  226. package/dist/esm/{controller-icon-1255b762.js → controller-icon-65f3377a.js} +1 -1
  227. package/dist/esm/{controller-icon-1255b762.js.map → controller-icon-65f3377a.js.map} +1 -1
  228. package/dist/esm/{devtools-fc4614e6.js → devtools-1d838b34.js} +1 -1
  229. package/dist/esm/{devtools-fc4614e6.js.map → devtools-1d838b34.js.map} +1 -1
  230. package/dist/esm/{disabled-7ea66fab.js → disabled-6200e69c.js} +1 -1
  231. package/dist/esm/{disabled-7ea66fab.js.map → disabled-6200e69c.js.map} +1 -1
  232. package/dist/esm/{hide-label-1fa80b94.js → hide-label-2baeb5c5.js} +1 -1
  233. package/dist/esm/{hide-label-1fa80b94.js.map → hide-label-2baeb5c5.js.map} +1 -1
  234. package/dist/esm/{i18n-b8589f01.js → i18n-87a7ecb7.js} +1 -1
  235. package/dist/esm/{i18n-b8589f01.js.map → i18n-87a7ecb7.js.map} +1 -1
  236. package/dist/esm/{icon-52e86ff8.js → icon-83ced735.js} +1 -1
  237. package/dist/esm/icon-83ced735.js.map +1 -0
  238. package/dist/esm/{index-0962b5a1.js → index-bacdc4cb.js} +1 -1
  239. package/dist/esm/{index-0962b5a1.js.map → index-bacdc4cb.js.map} +1 -1
  240. package/dist/esm/{index-f4596895.js → index-ff788b4b.js} +1 -1
  241. package/dist/esm/index-ff788b4b.js.map +1 -0
  242. package/dist/esm/index.js +1 -1
  243. package/dist/esm/kol-abbr.entry.js +1 -1
  244. package/dist/esm/kol-abbr.entry.js.map +1 -1
  245. package/dist/esm/kol-accordion.entry.js +1 -1
  246. package/dist/esm/kol-accordion.entry.js.map +1 -1
  247. package/dist/esm/kol-alert-wc_2.entry.js +1 -1
  248. package/dist/esm/kol-alert-wc_2.entry.js.map +1 -1
  249. package/dist/esm/kol-alert.entry.js.map +1 -1
  250. package/dist/esm/kol-badge.entry.js +1 -1
  251. package/dist/esm/kol-badge.entry.js.map +1 -1
  252. package/dist/esm/kol-breadcrumb.entry.js +1 -1
  253. package/dist/esm/kol-breadcrumb.entry.js.map +1 -1
  254. package/dist/esm/kol-button-link.entry.js.map +1 -1
  255. package/dist/esm/kol-button-wc_3.entry.js +1 -1
  256. package/dist/esm/kol-button-wc_3.entry.js.map +1 -1
  257. package/dist/esm/kol-button.entry.js.map +1 -1
  258. package/dist/esm/kol-card.entry.js +1 -1
  259. package/dist/esm/kol-card.entry.js.map +1 -1
  260. package/dist/esm/kol-details.entry.js +1 -1
  261. package/dist/esm/kol-details.entry.js.map +1 -1
  262. package/dist/esm/kol-form.entry.js +1 -1
  263. package/dist/esm/kol-heading.entry.js.map +1 -1
  264. package/dist/esm/kol-icon-font-awesome.entry.js.map +1 -1
  265. package/dist/esm/kol-icon-icofont.entry.js.map +1 -1
  266. package/dist/esm/kol-icon.entry.js +1 -1
  267. package/dist/esm/kol-icon.entry.js.map +1 -1
  268. package/dist/esm/kol-image.entry.js +1 -1
  269. package/dist/esm/kol-input-checkbox.entry.js +1 -1
  270. package/dist/esm/kol-input-checkbox.entry.js.map +1 -1
  271. package/dist/esm/kol-input-color.entry.js +1 -1
  272. package/dist/esm/kol-input-color.entry.js.map +1 -1
  273. package/dist/esm/kol-input-date.entry.js +1 -1
  274. package/dist/esm/kol-input-date.entry.js.map +1 -1
  275. package/dist/esm/kol-input-email.entry.js +1 -1
  276. package/dist/esm/kol-input-email.entry.js.map +1 -1
  277. package/dist/esm/kol-input-file.entry.js +1 -1
  278. package/dist/esm/kol-input-file.entry.js.map +1 -1
  279. package/dist/esm/kol-input-number.entry.js +1 -1
  280. package/dist/esm/kol-input-number.entry.js.map +1 -1
  281. package/dist/esm/kol-input-password.entry.js +1 -1
  282. package/dist/esm/kol-input-password.entry.js.map +1 -1
  283. package/dist/esm/kol-input-radio-group.entry.js.map +1 -1
  284. package/dist/esm/kol-input-radio.entry.js +1 -1
  285. package/dist/esm/kol-input-radio.entry.js.map +1 -1
  286. package/dist/esm/kol-input-range.entry.js +1 -1
  287. package/dist/esm/kol-input-range.entry.js.map +1 -1
  288. package/dist/esm/kol-input-text.entry.js +1 -1
  289. package/dist/esm/kol-input-text.entry.js.map +1 -1
  290. package/dist/esm/kol-kolibri.entry.js +1 -1
  291. package/dist/esm/kol-link-button.entry.js +1 -1
  292. package/dist/esm/kol-link-button.entry.js.map +1 -1
  293. package/dist/esm/kol-link-group.entry.js +1 -1
  294. package/dist/esm/kol-link-group.entry.js.map +1 -1
  295. package/dist/esm/kol-link-wc.entry.js +1 -1
  296. package/dist/esm/kol-link-wc.entry.js.map +1 -1
  297. package/dist/esm/kol-link.entry.js.map +1 -1
  298. package/dist/esm/kol-logo.entry.js +1 -1
  299. package/dist/esm/kol-modal.entry.js +1 -1
  300. package/dist/esm/kol-modal.entry.js.map +1 -1
  301. package/dist/esm/kol-nav.entry.js +1 -1
  302. package/dist/esm/kol-nav.entry.js.map +1 -1
  303. package/dist/esm/kol-pagination.entry.js +1 -1
  304. package/dist/esm/kol-pagination.entry.js.map +1 -1
  305. package/dist/esm/kol-popover.entry.js +1 -1
  306. package/dist/esm/kol-popover.entry.js.map +1 -1
  307. package/dist/esm/kol-progress.entry.js +1 -1
  308. package/dist/esm/kol-progress.entry.js.map +1 -1
  309. package/dist/esm/kol-quote.entry.js +1 -1
  310. package/dist/esm/kol-quote.entry.js.map +1 -1
  311. package/dist/esm/kol-select.entry.js +1 -1
  312. package/dist/esm/kol-select.entry.js.map +1 -1
  313. package/dist/esm/kol-skip-nav.entry.js +1 -1
  314. package/dist/esm/kol-skip-nav.entry.js.map +1 -1
  315. package/dist/esm/kol-span.entry.js.map +1 -1
  316. package/dist/esm/kol-spin.entry.js +1 -1
  317. package/dist/esm/kol-spin.entry.js.map +1 -1
  318. package/dist/esm/kol-split-button.entry.js +1 -1
  319. package/dist/esm/kol-split-button.entry.js.map +1 -1
  320. package/dist/esm/kol-symbol.entry.js +1 -1
  321. package/dist/esm/kol-symbol.entry.js.map +1 -1
  322. package/dist/esm/kol-table.entry.js +1 -1
  323. package/dist/esm/kol-table.entry.js.map +1 -1
  324. package/dist/esm/kol-tabs.entry.js +1 -1
  325. package/dist/esm/kol-tabs.entry.js.map +1 -1
  326. package/dist/esm/kol-textarea.entry.js +1 -1
  327. package/dist/esm/kol-textarea.entry.js.map +1 -1
  328. package/dist/esm/kol-toast.entry.js +1 -1
  329. package/dist/esm/kol-toast.entry.js.map +1 -1
  330. package/dist/esm/kol-tooltip.entry.js +1 -1
  331. package/dist/esm/kol-tooltip.entry.js.map +1 -1
  332. package/dist/esm/kol-version.entry.js +1 -1
  333. package/dist/esm/kolibri.js +1 -1
  334. package/dist/esm/{label-58f2333f.js → label-559ca626.js} +1 -1
  335. package/dist/esm/{label-58f2333f.js.map → label-559ca626.js.map} +1 -1
  336. package/dist/esm/loader.js +1 -1
  337. package/dist/esm/{prop.validators-2c20cdf8.js → prop.validators-f81af56e.js} +1 -1
  338. package/dist/esm/{prop.validators-2c20cdf8.js.map → prop.validators-f81af56e.js.map} +1 -1
  339. package/dist/esm/show-a9e2d4c4.js +4 -0
  340. package/dist/esm/{show-5a4bfd71.js.map → show-a9e2d4c4.js.map} +1 -1
  341. package/dist/esm/{tab-index-2de507bb.js → tab-index-ff5374b8.js} +1 -1
  342. package/dist/esm/{tab-index-2de507bb.js.map → tab-index-ff5374b8.js.map} +1 -1
  343. package/dist/esm/{validation-9c8695ca.js → validation-2cc1bb89.js} +1 -1
  344. package/dist/esm/{validation-9c8695ca.js.map → validation-2cc1bb89.js.map} +1 -1
  345. package/dist/esm/{validation-7df9acd0.js → validation-b0e97f6c.js} +1 -1
  346. package/dist/esm/{validation-7df9acd0.js.map → validation-b0e97f6c.js.map} +1 -1
  347. package/dist/kolibri/app-globals-db727ab2.js +4 -0
  348. package/dist/kolibri/aria-selected-efb464e1.js +4 -0
  349. package/dist/kolibri/{button-link-abc9999d.js → button-link-283b2d32.js} +1 -1
  350. package/dist/kolibri/button-link-283b2d32.js.map +1 -0
  351. package/dist/kolibri/{color-2a715559.js → color-abc2fa9c.js} +1 -1
  352. package/dist/kolibri/controller-2847846e.js +4 -0
  353. package/dist/kolibri/{controller-bd4d58e4.js → controller-5a459788.js} +1 -1
  354. package/dist/kolibri/{controller-abdc8667.js → controller-cad0ac5e.js} +1 -1
  355. package/dist/kolibri/{controller-4b599938.js → controller-cb6b97eb.js} +1 -1
  356. package/dist/kolibri/{controller-e02d4577.js → controller-cc18d25f.js} +1 -1
  357. package/dist/kolibri/controller-ec771280.js +4 -0
  358. package/dist/kolibri/{controller-icon-1255b762.js → controller-icon-65f3377a.js} +1 -1
  359. package/dist/kolibri/{devtools-fc4614e6.js → devtools-1d838b34.js} +1 -1
  360. package/dist/kolibri/{disabled-7ea66fab.js → disabled-6200e69c.js} +1 -1
  361. package/dist/kolibri/hide-label-2baeb5c5.js +4 -0
  362. package/dist/kolibri/{i18n-b8589f01.js → i18n-87a7ecb7.js} +1 -1
  363. package/dist/kolibri/{icon-52e86ff8.js → icon-83ced735.js} +1 -1
  364. package/dist/kolibri/icon-83ced735.js.map +1 -0
  365. package/dist/kolibri/{index-0962b5a1.js → index-bacdc4cb.js} +1 -1
  366. package/dist/kolibri/{index-f4596895.js → index-ff788b4b.js} +1 -1
  367. package/dist/kolibri/{index-f4596895.js.map → index-ff788b4b.js.map} +1 -1
  368. package/dist/kolibri/index.esm.js +1 -1
  369. package/dist/kolibri/kol-abbr.entry.js +1 -1
  370. package/dist/kolibri/kol-abbr.entry.js.map +1 -1
  371. package/dist/kolibri/kol-accordion.entry.js +1 -1
  372. package/dist/kolibri/kol-accordion.entry.js.map +1 -1
  373. package/dist/kolibri/kol-alert-wc_2.entry.js +1 -1
  374. package/dist/kolibri/kol-alert-wc_2.entry.js.map +1 -1
  375. package/dist/kolibri/kol-alert.entry.js.map +1 -1
  376. package/dist/kolibri/kol-badge.entry.js +1 -1
  377. package/dist/kolibri/kol-badge.entry.js.map +1 -1
  378. package/dist/kolibri/kol-breadcrumb.entry.js +1 -1
  379. package/dist/kolibri/kol-breadcrumb.entry.js.map +1 -1
  380. package/dist/kolibri/kol-button-link.entry.js.map +1 -1
  381. package/dist/kolibri/kol-button-wc_3.entry.js +1 -1
  382. package/dist/kolibri/kol-button-wc_3.entry.js.map +1 -1
  383. package/dist/kolibri/kol-button.entry.js.map +1 -1
  384. package/dist/kolibri/kol-card.entry.js +1 -1
  385. package/dist/kolibri/kol-card.entry.js.map +1 -1
  386. package/dist/kolibri/kol-details.entry.js +1 -1
  387. package/dist/kolibri/kol-details.entry.js.map +1 -1
  388. package/dist/kolibri/kol-form.entry.js +1 -1
  389. package/dist/kolibri/kol-heading.entry.js.map +1 -1
  390. package/dist/kolibri/kol-icon-font-awesome.entry.js.map +1 -1
  391. package/dist/kolibri/kol-icon-icofont.entry.js.map +1 -1
  392. package/dist/kolibri/kol-icon.entry.js +1 -1
  393. package/dist/kolibri/kol-icon.entry.js.map +1 -1
  394. package/dist/kolibri/kol-image.entry.js +1 -1
  395. package/dist/kolibri/kol-input-checkbox.entry.js +1 -1
  396. package/dist/kolibri/kol-input-checkbox.entry.js.map +1 -1
  397. package/dist/kolibri/kol-input-color.entry.js +1 -1
  398. package/dist/kolibri/kol-input-color.entry.js.map +1 -1
  399. package/dist/kolibri/kol-input-date.entry.js +1 -1
  400. package/dist/kolibri/kol-input-date.entry.js.map +1 -1
  401. package/dist/kolibri/kol-input-email.entry.js +1 -1
  402. package/dist/kolibri/kol-input-email.entry.js.map +1 -1
  403. package/dist/kolibri/kol-input-file.entry.js +1 -1
  404. package/dist/kolibri/kol-input-file.entry.js.map +1 -1
  405. package/dist/kolibri/kol-input-number.entry.js +1 -1
  406. package/dist/kolibri/kol-input-number.entry.js.map +1 -1
  407. package/dist/kolibri/kol-input-password.entry.js +1 -1
  408. package/dist/kolibri/kol-input-password.entry.js.map +1 -1
  409. package/dist/kolibri/kol-input-radio-group.entry.js.map +1 -1
  410. package/dist/kolibri/kol-input-radio.entry.js +1 -1
  411. package/dist/kolibri/kol-input-radio.entry.js.map +1 -1
  412. package/dist/kolibri/kol-input-range.entry.js +1 -1
  413. package/dist/kolibri/kol-input-range.entry.js.map +1 -1
  414. package/dist/kolibri/kol-input-text.entry.js +1 -1
  415. package/dist/kolibri/kol-input-text.entry.js.map +1 -1
  416. package/dist/kolibri/kol-kolibri.entry.js +1 -1
  417. package/dist/kolibri/kol-link-button.entry.js +1 -1
  418. package/dist/kolibri/kol-link-button.entry.js.map +1 -1
  419. package/dist/kolibri/kol-link-group.entry.js +1 -1
  420. package/dist/kolibri/kol-link-group.entry.js.map +1 -1
  421. package/dist/kolibri/kol-link-wc.entry.js +1 -1
  422. package/dist/kolibri/kol-link-wc.entry.js.map +1 -1
  423. package/dist/kolibri/kol-link.entry.js.map +1 -1
  424. package/dist/kolibri/kol-logo.entry.js +1 -1
  425. package/dist/kolibri/kol-modal.entry.js +1 -1
  426. package/dist/kolibri/kol-modal.entry.js.map +1 -1
  427. package/dist/kolibri/kol-nav.entry.js +1 -1
  428. package/dist/kolibri/kol-nav.entry.js.map +1 -1
  429. package/dist/kolibri/kol-pagination.entry.js +1 -1
  430. package/dist/kolibri/kol-pagination.entry.js.map +1 -1
  431. package/dist/kolibri/kol-popover.entry.js +1 -1
  432. package/dist/kolibri/kol-popover.entry.js.map +1 -1
  433. package/dist/kolibri/kol-progress.entry.js +1 -1
  434. package/dist/kolibri/kol-progress.entry.js.map +1 -1
  435. package/dist/kolibri/kol-quote.entry.js +1 -1
  436. package/dist/kolibri/kol-quote.entry.js.map +1 -1
  437. package/dist/kolibri/kol-select.entry.js +1 -1
  438. package/dist/kolibri/kol-select.entry.js.map +1 -1
  439. package/dist/kolibri/kol-skip-nav.entry.js +1 -1
  440. package/dist/kolibri/kol-skip-nav.entry.js.map +1 -1
  441. package/dist/kolibri/kol-span.entry.js.map +1 -1
  442. package/dist/kolibri/kol-spin.entry.js +1 -1
  443. package/dist/kolibri/kol-spin.entry.js.map +1 -1
  444. package/dist/kolibri/kol-split-button.entry.js +1 -1
  445. package/dist/kolibri/kol-split-button.entry.js.map +1 -1
  446. package/dist/kolibri/kol-symbol.entry.js +1 -1
  447. package/dist/kolibri/kol-symbol.entry.js.map +1 -1
  448. package/dist/kolibri/kol-table.entry.js +1 -1
  449. package/dist/kolibri/kol-table.entry.js.map +1 -1
  450. package/dist/kolibri/kol-tabs.entry.js +1 -1
  451. package/dist/kolibri/kol-tabs.entry.js.map +1 -1
  452. package/dist/kolibri/kol-textarea.entry.js +1 -1
  453. package/dist/kolibri/kol-textarea.entry.js.map +1 -1
  454. package/dist/kolibri/kol-toast.entry.js +1 -1
  455. package/dist/kolibri/kol-toast.entry.js.map +1 -1
  456. package/dist/kolibri/kol-tooltip.entry.js +1 -1
  457. package/dist/kolibri/kol-tooltip.entry.js.map +1 -1
  458. package/dist/kolibri/kol-version.entry.js +1 -1
  459. package/dist/kolibri/kolibri.esm.js +1 -1
  460. package/dist/kolibri/kolibri.esm.js.map +1 -1
  461. package/dist/kolibri/{label-58f2333f.js → label-559ca626.js} +1 -1
  462. package/dist/kolibri/{prop.validators-2c20cdf8.js → prop.validators-f81af56e.js} +1 -1
  463. package/dist/kolibri/show-a9e2d4c4.js +4 -0
  464. package/dist/kolibri/{tab-index-2de507bb.js → tab-index-ff5374b8.js} +1 -1
  465. package/dist/kolibri/{validation-9c8695ca.js → validation-2cc1bb89.js} +1 -1
  466. package/dist/kolibri/validation-b0e97f6c.js +4 -0
  467. package/dist/types/components/abbr/component.d.ts +3 -3
  468. package/dist/types/components/abbr/types.d.ts +2 -2
  469. package/dist/types/components/button/component.d.ts +5 -5
  470. package/dist/types/components/button/shadow.d.ts +3 -3
  471. package/dist/types/components/button-link/component.d.ts +2 -2
  472. package/dist/types/components/input-date/component.d.ts +21 -8
  473. package/dist/types/components/input-date/controller.d.ts +33 -0
  474. package/dist/types/components/input-date/types.d.ts +28 -3
  475. package/dist/types/components/link/component.d.ts +5 -5
  476. package/dist/types/components/link/shadow.d.ts +3 -3
  477. package/dist/types/components/link-button/component.d.ts +2 -2
  478. package/dist/types/components/pagination/component.d.ts +5 -5
  479. package/dist/types/components/popover/component.d.ts +5 -5
  480. package/dist/types/components/split-button/component.d.ts +5 -3
  481. package/dist/types/components/table/component.d.ts +1 -0
  482. package/dist/types/components/tabs/component.d.ts +6 -6
  483. package/dist/types/components/tooltip/component.d.ts +4 -4
  484. package/dist/types/components.d.ts +640 -640
  485. package/dist/types/types/button-link.d.ts +6 -6
  486. package/dist/types/types/props/align.d.ts +9 -0
  487. package/dist/types/types/props/icon.d.ts +3 -3
  488. package/dist/types/types/props/index.d.ts +1 -1
  489. package/dist/types/utils/validators/alignment.d.ts +2 -2
  490. package/doc/abbr.md +4 -4
  491. package/doc/accordion.md +6 -6
  492. package/doc/alert.md +9 -9
  493. package/doc/badge.md +7 -7
  494. package/doc/breadcrumb.md +4 -4
  495. package/doc/button-link.md +19 -19
  496. package/doc/button.md +22 -22
  497. package/doc/card.md +6 -6
  498. package/doc/details.md +4 -4
  499. package/doc/heading.md +5 -5
  500. package/doc/icon-font-awesome.md +1 -1
  501. package/doc/icon-icofont.md +1 -1
  502. package/doc/icon.md +1 -1
  503. package/doc/input-checkbox.md +21 -21
  504. package/doc/input-color.md +19 -19
  505. package/doc/input-date.md +27 -28
  506. package/doc/input-email.md +26 -26
  507. package/doc/input-file.md +20 -20
  508. package/doc/input-number.md +26 -31
  509. package/doc/input-password.md +24 -24
  510. package/doc/input-radio-group.md +18 -18
  511. package/doc/input-radio.md +18 -18
  512. package/doc/input-range.md +21 -21
  513. package/doc/input-text.md +26 -26
  514. package/doc/link-button.md +21 -21
  515. package/doc/link-group.md +4 -4
  516. package/doc/link.md +23 -23
  517. package/doc/modal.md +6 -6
  518. package/doc/nav.md +10 -10
  519. package/doc/pagination.md +13 -13
  520. package/doc/popover.md +4 -4
  521. package/doc/progress.md +8 -8
  522. package/doc/quote.md +6 -6
  523. package/doc/select.md +21 -21
  524. package/doc/skip-nav.md +4 -4
  525. package/doc/span.md +5 -5
  526. package/doc/spin.md +8 -7
  527. package/doc/split-button.md +22 -22
  528. package/doc/table.md +7 -7
  529. package/doc/tabs.md +7 -7
  530. package/doc/textarea.md +23 -23
  531. package/doc/toast.md +10 -10
  532. package/doc/tooltip.md +5 -5
  533. package/jest-test-results.json +1 -1
  534. package/package.json +2 -10
  535. package/vscode-custom-data.json +262 -262
  536. package/cheat-sheet.html +0 -951
  537. package/dist/cjs/button-link-7da2652e.js +0 -4
  538. package/dist/cjs/button-link-7da2652e.js.map +0 -1
  539. package/dist/cjs/hide-label-3c04c118.js +0 -4
  540. package/dist/cjs/icon-c6dc105e.js.map +0 -1
  541. package/dist/cjs/index-7159f3d9.js.map +0 -1
  542. package/dist/cjs/show-f13f46c8.js +0 -4
  543. package/dist/cjs/validation-2b48ad79.js +0 -4
  544. package/dist/components/component15.js +0 -4
  545. package/dist/components/component15.js.map +0 -1
  546. package/dist/esm/app-globals-037e6656.js +0 -4
  547. package/dist/esm/button-link-abc9999d.js.map +0 -1
  548. package/dist/esm/icon-52e86ff8.js.map +0 -1
  549. package/dist/esm/index-f4596895.js.map +0 -1
  550. package/dist/esm/show-5a4bfd71.js +0 -4
  551. package/dist/kolibri/app-globals-037e6656.js +0 -4
  552. package/dist/kolibri/aria-selected-0f45e2c3.js +0 -4
  553. package/dist/kolibri/button-link-abc9999d.js.map +0 -1
  554. package/dist/kolibri/controller-3f613951.js +0 -4
  555. package/dist/kolibri/controller-c92d85d6.js +0 -4
  556. package/dist/kolibri/hide-label-1fa80b94.js +0 -4
  557. package/dist/kolibri/icon-52e86ff8.js.map +0 -1
  558. package/dist/kolibri/show-5a4bfd71.js +0 -4
  559. package/dist/kolibri/validation-7df9acd0.js +0 -4
  560. package/dist/types/types/props/alignment.d.ts +0 -9
  561. /package/dist/kolibri/{app-globals-037e6656.js.map → app-globals-db727ab2.js.map} +0 -0
  562. /package/dist/kolibri/{aria-selected-0f45e2c3.js.map → aria-selected-efb464e1.js.map} +0 -0
  563. /package/dist/kolibri/{color-2a715559.js.map → color-abc2fa9c.js.map} +0 -0
  564. /package/dist/kolibri/{controller-3f613951.js.map → controller-2847846e.js.map} +0 -0
  565. /package/dist/kolibri/{controller-bd4d58e4.js.map → controller-5a459788.js.map} +0 -0
  566. /package/dist/kolibri/{controller-abdc8667.js.map → controller-cad0ac5e.js.map} +0 -0
  567. /package/dist/kolibri/{controller-4b599938.js.map → controller-cb6b97eb.js.map} +0 -0
  568. /package/dist/kolibri/{controller-e02d4577.js.map → controller-cc18d25f.js.map} +0 -0
  569. /package/dist/kolibri/{controller-c92d85d6.js.map → controller-ec771280.js.map} +0 -0
  570. /package/dist/kolibri/{controller-icon-1255b762.js.map → controller-icon-65f3377a.js.map} +0 -0
  571. /package/dist/kolibri/{devtools-fc4614e6.js.map → devtools-1d838b34.js.map} +0 -0
  572. /package/dist/kolibri/{disabled-7ea66fab.js.map → disabled-6200e69c.js.map} +0 -0
  573. /package/dist/kolibri/{hide-label-1fa80b94.js.map → hide-label-2baeb5c5.js.map} +0 -0
  574. /package/dist/kolibri/{i18n-b8589f01.js.map → i18n-87a7ecb7.js.map} +0 -0
  575. /package/dist/kolibri/{index-0962b5a1.js.map → index-bacdc4cb.js.map} +0 -0
  576. /package/dist/kolibri/{label-58f2333f.js.map → label-559ca626.js.map} +0 -0
  577. /package/dist/kolibri/{prop.validators-2c20cdf8.js.map → prop.validators-f81af56e.js.map} +0 -0
  578. /package/dist/kolibri/{show-5a4bfd71.js.map → show-a9e2d4c4.js.map} +0 -0
  579. /package/dist/kolibri/{tab-index-2de507bb.js.map → tab-index-ff5374b8.js.map} +0 -0
  580. /package/dist/kolibri/{validation-9c8695ca.js.map → validation-2cc1bb89.js.map} +0 -0
  581. /package/dist/kolibri/{validation-7df9acd0.js.map → validation-b0e97f6c.js.map} +0 -0
package/doc/link-button.md CHANGED
@@ -30,27 +30,27 @@ Weitere Informationen zum Aussehen finden Sie auf der <kol-link _href="/docs/com
30
30
 
31
31
  ## Properties
32
32
 
33
- | Property | Attribute | Description | Type | Default |
34
- | --------------------- | --------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------- | ----------------------------------- |
35
- | `_ariaControls` | `_aria-controls` | Gibt an, welche Elemente kontrolliert werden. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls) | `string` \| `undefined` | `undefined` |
36
- | `_ariaCurrent` | `_aria-current` | Gibt an, welchen aktuellen Auswahlstatus der Link hat. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current) | `"date"` \| `"location"` \| `"page"` \| `"step"` \| `"time"` \| `boolean` \| `undefined` | `undefined` |
37
- | `_ariaExpanded` | `_aria-expanded` | Gibt an, ob durch den Link etwas aufgeklappt wurde. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded) | `boolean` \| `undefined` | `undefined` |
38
- | `_ariaLabel` | `_aria-label` | Gibt einen beschreibenden Text für den Screenreader an. Damit die Sprachsteuerung von interaktiven Elementen funktioniert, muss der Aria-Label-Text mit dem Label-Text des Buttons beginnen. - https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label | `string` \| `undefined` | `undefined` |
39
- | `_ariaSelected` | `_aria-selected` | Gibt an, ob Element ausgewählt ist (role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected) | `boolean` \| `undefined` | `undefined` |
40
- | `_customClass` | `_custom-class` | Gibt an, welche Custom-Class übergeben werden soll, wenn _variant="custom" gesetzt ist. | `string` \| `undefined` | `undefined` |
41
- | `_disabled` | `_disabled` | Gibt an, ob der Link deaktiviert ist. | `boolean` \| `undefined` | `false` |
42
- | `_download` | `_download` | Teilt dem Browser mit, dass sich hinter dem Link eine Datei befindet. Setzt optional den Dateinamen. | `boolean` \| `string` \| `undefined` | `false` |
43
- | `_href` _(required)_ | `_href` | Gibt die Ziel-Url des Links an. | `string` | `undefined` |
44
- | `_icon` | `_icon` | Iconklasse (z.B.: "codicon codicon-home") | `KoliBriHorizontalIcon & KoliBriVerticalIcon` \| `string` \| `undefined` | `undefined` |
45
- | `_iconOnly` | `_icon-only` | Gibt an, ob nur das Icon angezeigt wird. | `boolean` \| `undefined` | `false` |
46
- | `_label` _(required)_ | `_label` | Setzt den sichtbaren Text des Elements. | `string` | `undefined` |
47
- | `_on` | -- | <span class="text-red-500">**[DEPRECATED]**</span> <br/><br/>Gibt die EventCallback-Funktionen für den Link an. | `undefined` \| `{ onClick?: EventValueOrEventCallback<Event, string>` \| `undefined; }` | `undefined` |
48
- | `_role` | `_role` | Setzt die Role der Schaltfläche. | `"button"` \| `"link"` \| `"tab"` \| `undefined` | `undefined` |
49
- | `_tabIndex` | `_tab-index` | Gibt an, welchen Tab-Index der Button hat. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) | `number` \| `undefined` | `undefined` |
50
- | `_target` | `_target` | Gibt an wo der Link geöffnet werden soll. | `string` \| `undefined` | `undefined` |
51
- | `_targetDescription` | `_target-description` | Gibt die Beschreibung an, wenn der Link in einem anderen Programm geöffnet wird. | `string` \| `undefined` | `translate('kol-open-link-in-tab')` |
52
- | `_tooltipAlign` | `_tooltip-align` | Gibt an, ob der Tooltip entweder oben, rechts, unten oder links angezeigt werden soll. | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined` | `'right'` |
53
- | `_variant` | `_variant` | Gibt an, welche Ausprägung der Link-Button hat. | `"custom"` \| `"danger"` \| `"ghost"` \| `"normal"` \| `"primary"` \| `"secondary"` \| `undefined` | `'normal'` |
33
+ | Property | Attribute | Description | Type | Default |
34
+ | --------------------- | --------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------- | ----------------------------------- |
35
+ | `_ariaControls` | `_aria-controls` | Gibt an, welche Elemente kontrolliert werden. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls) | `string` \| `undefined` | `undefined` |
36
+ | `_ariaCurrent` | `_aria-current` | Gibt an, welchen aktuellen Auswahlstatus das interaktive Element der Komponente hat. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current) | `"date"` \| `"location"` \| `"page"` \| `"step"` \| `"time"` \| `boolean` \| `undefined` | `undefined` |
37
+ | `_ariaExpanded` | `_aria-expanded` | Gibt an, ob durch das interaktive Element in der Komponente etwas aufgeklappt wurde. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded) | `boolean` \| `undefined` | `undefined` |
38
+ | `_ariaLabel` | `_aria-label` | Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.). | `string` \| `undefined` | `undefined` |
39
+ | `_ariaSelected` | `_aria-selected` | Gibt an, ob interaktive Element in der Komponente ausgewählt ist (z.B. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected) | `boolean` \| `undefined` | `undefined` |
40
+ | `_customClass` | `_custom-class` | Gibt an, welche Custom-Class übergeben werden soll, wenn _variant="custom" gesetzt ist. | `string` \| `undefined` | `undefined` |
41
+ | `_disabled` | `_disabled` | Deaktiviert das interaktive Element in der Komponente und erlaubt keine Interaktion mehr damit. | `boolean` \| `undefined` | `false` |
42
+ | `_download` | `_download` | Teilt dem Browser mit, dass sich hinter dem Link eine Datei befindet. Setzt optional den Dateinamen. | `boolean` \| `string` \| `undefined` | `false` |
43
+ | `_href` _(required)_ | `_href` | Gibt die Ziel-Url des Links an. | `string` | `undefined` |
44
+ | `_icon` | `_icon` | Setzt die Iconklasse (z.B.: `_icon="codicon codicon-home`). | `KoliBriHorizontalIcon & KoliBriVerticalIcon` \| `string` \| `undefined` | `undefined` |
45
+ | `_iconOnly` | `_icon-only` | Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an. | `boolean` \| `undefined` | `false` |
46
+ | `_label` _(required)_ | `_label` | Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.). | `string` | `undefined` |
47
+ | `_on` | -- | <span class="text-red-500">**[DEPRECATED]**</span> <br/><br/>Gibt die EventCallback-Funktionen für den Link an. | `undefined` \| `{ onClick?: EventValueOrEventCallback<Event, string>` \| `undefined; }` | `undefined` |
48
+ | `_role` | `_role` | Gibt die Rolle des primären Elements in der Komponente an. | `"button"` \| `"link"` \| `"tab"` \| `undefined` | `undefined` |
49
+ | `_tabIndex` | `_tab-index` | Gibt an, welchen Tab-Index das primäre Element in der Komponente hat. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) | `number` \| `undefined` | `undefined` |
50
+ | `_target` | `_target` | Gibt an wo der Link geöffnet werden soll. | `string` \| `undefined` | `undefined` |
51
+ | `_targetDescription` | `_target-description` | Gibt die Beschreibung an, wenn der Link in einem anderen Programm geöffnet wird. | `string` \| `undefined` | `translate('kol-open-link-in-tab')` |
52
+ | `_tooltipAlign` | `_tooltip-align` | Gibt an, ob der Tooltip bevorzugt entweder oben, rechts, unten oder links angezeigt werden soll. | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined` | `'right'` |
53
+ | `_variant` | `_variant` | Gibt an, welche Variante der Darstellung genutzt werden soll. | `"custom"` \| `"danger"` \| `"ghost"` \| `"normal"` \| `"primary"` \| `"secondary"` \| `undefined` | `'normal'` |
54
54
 
55
55
 
56
56
  ## Dependencies
package/doc/link-group.md CHANGED
@@ -86,13 +86,13 @@ nemo, incidunt excepturi facilis, amet ducimus minus quae corporis eligendi cum
86
86
 
87
87
  | Property | Attribute | Description | Type | Default |
88
88
  | ------------------------- | ------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------ |
89
- | `_ariaLabel` _(required)_ | `_aria-label` | Gibt den Text an, der die Navigation von anderen Navigationen differenziert. | `string` | `undefined` |
89
+ | `_ariaLabel` _(required)_ | `_aria-label` | Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.). | `string` | `undefined` |
90
90
  | `_heading` | `_heading` | Gibt die optionale Überschrift zur Link-Gruppe an. | `string` \| `undefined` | `undefined` |
91
- | `_level` | `_level` | Setzt den H-Level, von 1 bis 6, der Überschrift. | `0` \| `1` \| `2` \| `3` \| `4` \| `5` \| `6` \| `undefined` | `undefined` |
92
- | `_links` _(required)_ | `_links` | Setzt die Liste der darzustellenden Links. | `LinkProps[]` \| `string` | `undefined` |
91
+ | `_level` | `_level` | Gibt an, welchen H-Level von 1 bis 6 die Überschrift hat. Oder bei 0, ob es keine Überschrift ist und als fett gedruckter Text angezeigt werden soll. | `0` \| `1` \| `2` \| `3` \| `4` \| `5` \| `6` \| `undefined` | `undefined` |
92
+ | `_links` _(required)_ | `_links` | Gibt die Liste der darzustellenden Button, Links oder Texte an. | `LinkProps[]` \| `string` | `undefined` |
93
93
  | `_listStyleType` | `_list-style-type` | Gibt den List-Style-Typen für ungeordnete Listen aus. Wird bei horizontalen LinkGroups als Trenner verwendet | `"circle"` \| `"decimal"` \| `"decimal-leading-zero"` \| `"disc"` \| `"lower-alpha"` \| `"lower-greek"` \| `"lower-latin"` \| `"lower-roman"` \| `"none"` \| `"square"` \| `"upper-alpha"` \| `"upper-latin"` \| `"upper-roman"` \| `undefined` | `undefined` |
94
94
  | `_ordered` | `_ordered` | <span class="text-red-500">**[DEPRECATED]**</span> Wird mittels der Property _list-style-type automatisch gesteuert.<br/><br/>Gibt an, ob eine Ordered- oder eine Unordered-List verwendet werden soll. | `boolean` \| `undefined` | `undefined` |
95
- | `_orientation` | `_orientation` | Gibt die Ausrichtung der LinkList an. | `"horizontal"` \| `"vertical"` \| `undefined` | `'vertical'` |
95
+ | `_orientation` | `_orientation` | Gibt die horizontale oder vertikale Ausrichtung der Komponente an. | `"horizontal"` \| `"vertical"` \| `undefined` | `'vertical'` |
96
96
 
97
97
 
98
98
  ## Dependencies
package/doc/link.md CHANGED
@@ -70,29 +70,29 @@ Eingabe von Leerzeichen eingefügt werden. Zusätzliche Leerzeichen vergrößern
70
70
 
71
71
  ## Properties
72
72
 
73
- | Property | Attribute | Description | Type | Default |
74
- | --------------------- | --------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------- | ---------------------------------------------- |
75
- | `_ariaControls` | `_aria-controls` | Gibt an, welche Elemente kontrolliert werden. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls) | `string` \| `undefined` | `undefined` |
76
- | `_ariaCurrent` | `_aria-current` | Gibt an, welchen aktuellen Auswahlstatus der Link hat. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current) | `"date"` \| `"location"` \| `"page"` \| `"step"` \| `"time"` \| `boolean` \| `undefined` | `undefined` |
77
- | `_ariaExpanded` | `_aria-expanded` | Gibt an, ob durch den Link etwas aufgeklappt wurde. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded) | `boolean` \| `undefined` | `undefined` |
78
- | `_ariaLabel` | `_aria-label` | Gibt einen beschreibenden Text des Links an. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label) | `string` \| `undefined` | `undefined` |
79
- | `_ariaSelected` | `_aria-selected` | Gibt an, ob der Link gerade ausgewählt ist. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected) | `boolean` \| `undefined` | `undefined` |
80
- | `_disabled` | `_disabled` | Gibt an, ob der Link deaktiviert ist. | `boolean` \| `undefined` | `false` |
81
- | `_download` | `_download` | Teilt dem Browser mit, dass sich hinter dem Link eine Datei befindet. Setzt optional den Dateinamen. | `boolean` \| `string` \| `undefined` | `false` |
82
- | `_href` _(required)_ | `_href` | Gibt die Ziel-Url des Links an. | `string` | `undefined` |
83
- | `_icon` | `_icon` | Iconklasse (z.B.: "codicon codicon-home") | `KoliBriHorizontalIcon & KoliBriVerticalIcon` \| `string` \| `undefined` | `undefined` |
84
- | `_iconAlign` | `_icon-align` | <span class="text-red-500">**[DEPRECATED]**</span> Wird durch das neue flexibleren Icon-Typ abgedeckt.<br/><br/>Gibt an, ob das Icon entweder links oder rechts dargestellt werden soll. | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined` | `undefined` |
85
- | `_iconOnly` | `_icon-only` | Gibt an, ob nur das Icon angezeigt wird. | `boolean` \| `undefined` | `false` |
86
- | `_label` _(required)_ | `_label` | Setzt den sichtbaren Text des Elements. | `string` | `undefined` |
87
- | `_on` | -- | <span style="color:red">**[DEPRECATED]**</span> <br/><br/>Gibt die EventCallback-Funktionen für den Link an. | `undefined` \| `{ onClick?: EventValueOrEventCallback<Event, string>` \| `undefined; }` | `undefined` |
88
- | `_role` | `_role` | Gibt an, welche Rolle das Element hat. | `"button"` \| `"link"` \| `"tab"` \| `undefined` | `undefined` |
89
- | `_selector` | `_selector` | <span style="color:red">**[DEPRECATED]**</span> Das Styling sollte stets über CSS erfolgen.<br/><br/>Gibt die ID eines DOM-Elements, zu dem gesprungen werden soll, aus. | `string` \| `undefined` | `undefined` |
90
- | `_stealth` | `_stealth` | <span style="color:red">**[DEPRECATED]**</span> Das Styling sollte stets über CSS erfolgen.<br/><br/>Gibt an, ob der Link nur beim Fokus sichtbar ist. | `boolean` \| `undefined` | `false` |
91
- | `_tabIndex` | `_tab-index` | Gibt an, welchen Tab-Index der Button hat. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) | `number` \| `undefined` | `undefined` |
92
- | `_target` | `_target` | Gibt an wo der Link geöffnet werden soll. | `string` \| `undefined` | `undefined` |
93
- | `_targetDescription` | `_target-description` | Gibt die Beschreibung an, wenn der Link in einem anderen Programm geöffnet wird. | `string` \| `undefined` | `'Der Link wird in einem neuen Tab geöffnet.'` |
94
- | `_tooltipAlign` | `_tooltip-align` | Gibt an, ob der Tooltip entweder oben, rechts, unten oder links angezeigt werden soll. | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined` | `'right'` |
95
- | `_useCase` | `_use-case` | <span style="color:red">**[DEPRECATED]**</span> Das Styling sollte stets über CSS erfolgen.<br/><br/>Gibt den Verwendungsfall des Links an. | `"image"` \| `"nav"` \| `"text"` \| `undefined` | `'text'` |
73
+ | Property | Attribute | Description | Type | Default |
74
+ | --------------------- | --------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------- | ---------------------------------------------- |
75
+ | `_ariaControls` | `_aria-controls` | Gibt an, welche Elemente kontrolliert werden. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls) | `string` \| `undefined` | `undefined` |
76
+ | `_ariaCurrent` | `_aria-current` | Gibt an, welchen aktuellen Auswahlstatus das interaktive Element der Komponente hat. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current) | `"date"` \| `"location"` \| `"page"` \| `"step"` \| `"time"` \| `boolean` \| `undefined` | `undefined` |
77
+ | `_ariaExpanded` | `_aria-expanded` | Gibt an, ob durch das interaktive Element in der Komponente etwas aufgeklappt wurde. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded) | `boolean` \| `undefined` | `undefined` |
78
+ | `_ariaLabel` | `_aria-label` | Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.). | `string` \| `undefined` | `undefined` |
79
+ | `_ariaSelected` | `_aria-selected` | Gibt an, ob interaktive Element in der Komponente ausgewählt ist (z.B. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected) | `boolean` \| `undefined` | `undefined` |
80
+ | `_disabled` | `_disabled` | Deaktiviert das interaktive Element in der Komponente und erlaubt keine Interaktion mehr damit. | `boolean` \| `undefined` | `false` |
81
+ | `_download` | `_download` | Teilt dem Browser mit, dass sich hinter dem Link eine Datei befindet. Setzt optional den Dateinamen. | `boolean` \| `string` \| `undefined` | `false` |
82
+ | `_href` _(required)_ | `_href` | Gibt die Ziel-Url des Links an. | `string` | `undefined` |
83
+ | `_icon` | `_icon` | Setzt die Iconklasse (z.B.: `_icon="codicon codicon-home`). | `KoliBriHorizontalIcon & KoliBriVerticalIcon` \| `string` \| `undefined` | `undefined` |
84
+ | `_iconAlign` | `_icon-align` | <span class="text-red-500">**[DEPRECATED]**</span> Wird durch das neue flexibleren Icon-Typ abgedeckt.<br/><br/>Deprecated: Gibt an, ob das Icon links oder rechts von der Beschriftung angezeigt werden soll. | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined` | `undefined` |
85
+ | `_iconOnly` | `_icon-only` | Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an. | `boolean` \| `undefined` | `false` |
86
+ | `_label` _(required)_ | `_label` | Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.). | `string` | `undefined` |
87
+ | `_on` | -- | <span style="color:red">**[DEPRECATED]**</span> <br/><br/>Gibt die EventCallback-Funktionen für den Link an. | `undefined` \| `{ onClick?: EventValueOrEventCallback<Event, string>` \| `undefined; }` | `undefined` |
88
+ | `_role` | `_role` | Gibt die Rolle des primären Elements in der Komponente an. | `"button"` \| `"link"` \| `"tab"` \| `undefined` | `undefined` |
89
+ | `_selector` | `_selector` | <span style="color:red">**[DEPRECATED]**</span> Das Styling sollte stets über CSS erfolgen.<br/><br/>Gibt die ID eines DOM-Elements, zu dem gesprungen werden soll, aus. | `string` \| `undefined` | `undefined` |
90
+ | `_stealth` | `_stealth` | <span style="color:red">**[DEPRECATED]**</span> Das Styling sollte stets über CSS erfolgen.<br/><br/>Gibt an, ob der Link nur beim Fokus sichtbar ist. | `boolean` \| `undefined` | `false` |
91
+ | `_tabIndex` | `_tab-index` | Gibt an, welchen Tab-Index das primäre Element in der Komponente hat. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) | `number` \| `undefined` | `undefined` |
92
+ | `_target` | `_target` | Gibt an wo der Link geöffnet werden soll. | `string` \| `undefined` | `undefined` |
93
+ | `_targetDescription` | `_target-description` | Gibt die Beschreibung an, wenn der Link in einem anderen Programm geöffnet wird. | `string` \| `undefined` | `'Der Link wird in einem neuen Tab geöffnet.'` |
94
+ | `_tooltipAlign` | `_tooltip-align` | Gibt an, ob der Tooltip bevorzugt entweder oben, rechts, unten oder links angezeigt werden soll. | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined` | `'right'` |
95
+ | `_useCase` | `_use-case` | <span style="color:red">**[DEPRECATED]**</span> Das Styling sollte stets über CSS erfolgen.<br/><br/>Gibt den Verwendungsfall des Links an. | `"image"` \| `"nav"` \| `"text"` \| `undefined` | `'text'` |
96
96
 
97
97
 
98
98
  ## Dependencies
package/doc/modal.md CHANGED
@@ -92,12 +92,12 @@ Des Weiteren gibt es immer nur maximal ein aktives Modal, welches alle selektier
92
92
 
93
93
  ## Properties
94
94
 
95
- | Property | Attribute | Description | Type | Default |
96
- | ------------------------- | ------------- | --------------------------------------------------------------------------------------- | --------------------------------------------------------------- | ----------- |
97
- | `_activeElement` | -- | Gibt die Referenz auf das auslösende HTML-Element an, wodurch das Modal geöffnet wurde. | `HTMLElement` \| `null` \| `undefined` | `undefined` |
98
- | `_ariaLabel` _(required)_ | `_aria-label` | Gibt den Text an, der die Navigation von anderen Navigationen differenziert. | `string` | `undefined` |
99
- | `_on` | -- | Gibt die EventCallback-Function für das Schließen des Modals an. | `undefined` \| `{ onClose?: EventCallback<Event>` \| `undefined; }` | `undefined` |
100
- | `_width` | `_width` | Setzt die Breite des Modals. (max-width: 100%). | `string` \| `undefined` | `'100%'` |
95
+ | Property | Attribute | Description | Type | Default |
96
+ | ------------------------- | ------------- | --------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------- | ----------- |
97
+ | `_activeElement` | -- | Gibt die Referenz auf das auslösende HTML-Element an, wodurch das Modal geöffnet wurde. | `HTMLElement` \| `null` \| `undefined` | `undefined` |
98
+ | `_ariaLabel` _(required)_ | `_aria-label` | Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.). | `string` | `undefined` |
99
+ | `_on` | -- | Gibt die EventCallback-Function für das Schließen des Modals an. | `undefined` \| `{ onClose?: EventCallback<Event>` \| `undefined; }` | `undefined` |
100
+ | `_width` | `_width` | Setzt die Breite des Modals. (max-width: 100%). | `string` \| `undefined` | `'100%'` |
101
101
 
102
102
 
103
103
  ## Slots
package/doc/nav.md CHANGED
@@ -107,16 +107,16 @@ Die Ausrichtung der Navigationsleiste kann mit dem Attribut **`_orientation`** u
107
107
 
108
108
  ## Properties
109
109
 
110
- | Property | Attribute | Description | Type | Default |
111
- | ------------------------- | --------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------- | ------------ |
112
- | `_ariaCurrentValue` | `_aria-current-value` | Gibt den Wert von aria-current an, der bei dem aktuellen Kontext innerhalb der Navigation verwendet werden soll. | `"date"` \| `"location"` \| `"page"` \| `"step"` \| `"time"` \| `boolean` | `false` |
113
- | `_ariaLabel` _(required)_ | `_aria-label` | Gibt den Text an, der die Navigation von anderen Navigationen differenziert. | `string` | `undefined` |
114
- | `_collapsible` | `_collapsible` | Gibt an, ob Knoten in der Navigation zusammengeklappt werden können. Ist standardmäßig aktiv. | `boolean` \| `undefined` | `true` |
115
- | `_compact` | `_compact` | Gibt an, ob die Navigation kompakt angezeigt wird. | `boolean` \| `undefined` | `false` |
116
- | `_hasCompactButton` | `_has-compact-button` | <span class="text-red-500">**[DEPRECATED]**</span> Version 2<br/><br/>Gibt an, ob die Navigation eine zusätzliche Schaltfläche zum Aus- und Einklappen der Navigation anzeigen soll. | `boolean` \| `undefined` | `false` |
117
- | `_links` _(required)_ | `_links` | Gibt die geordnete Liste der Seitenhierarchie an. | `ButtonOrLinkOrTextWithChildrenProps[]` \| `string` | `undefined` |
118
- | `_orientation` | `_orientation` | Gibt die Ausrichtung der Navigation an. | `"horizontal"` \| `"vertical"` \| `undefined` | `'vertical'` |
119
- | `_variant` | `_variant` | <span style="color:red">**[DEPRECATED]**</span> This property is deprecated and will be removed in the next major version.<br/><br/>Stellt verschiedene Varianten der Navigation zur Verfügung. | `"primary"` \| `"secondary"` \| `undefined` | `'primary'` |
110
+ | Property | Attribute | Description | Type | Default |
111
+ | ------------------------- | --------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------- | ------------ |
112
+ | `_ariaCurrentValue` | `_aria-current-value` | Gibt den Wert von aria-current an, der bei dem aktuellen Kontext innerhalb der Navigation verwendet werden soll. | `"date"` \| `"location"` \| `"page"` \| `"step"` \| `"time"` \| `boolean` | `false` |
113
+ | `_ariaLabel` _(required)_ | `_aria-label` | Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.). | `string` | `undefined` |
114
+ | `_collapsible` | `_collapsible` | Gibt an, ob Knoten in der Navigation zusammengeklappt werden können. Ist standardmäßig aktiv. | `boolean` \| `undefined` | `true` |
115
+ | `_compact` | `_compact` | Gibt an, ob die Navigation kompakt angezeigt wird. | `boolean` \| `undefined` | `false` |
116
+ | `_hasCompactButton` | `_has-compact-button` | <span class="text-red-500">**[DEPRECATED]**</span> Version 2<br/><br/>Gibt an, ob die Navigation eine zusätzliche Schaltfläche zum Aus- und Einklappen der Navigation anzeigen soll. | `boolean` \| `undefined` | `false` |
117
+ | `_links` _(required)_ | `_links` | Gibt die Liste der darzustellenden Button, Links oder Texte an. | `ButtonOrLinkOrTextWithChildrenProps[]` \| `string` | `undefined` |
118
+ | `_orientation` | `_orientation` | Gibt die horizontale oder vertikale Ausrichtung der Komponente an. | `"horizontal"` \| `"vertical"` \| `undefined` | `'vertical'` |
119
+ | `_variant` | `_variant` | <span style="color:red">**[DEPRECATED]**</span> This property is deprecated and will be removed in the next major version.<br/><br/>Gibt an, welche Variante der Darstellung genutzt werden soll. | `"primary"` \| `"secondary"` \| `undefined` | `'primary'` |
120
120
 
121
121
 
122
122
  ## Dependencies
package/doc/pagination.md CHANGED
@@ -50,19 +50,19 @@ Klassische Anwendungsbereiche einer Paginierung sind z.B. Blog-ähnliche Inhalte
50
50
 
51
51
  ## Properties
52
52
 
53
- | Property | Attribute | Description | Type | Default |
54
- | --------------------- | -------------------- | ---------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
55
- | `_boundaryCount` | `_boundary-count` | Gibt an, wie viele Seiten neben den am Rand liegenden Pfeil-Schaltern angezeigt werden sollen. | `number` \| `undefined` | `1` |
56
- | `_customClass` | `_custom-class` | Gibt an, welche Custom-Class übergeben werden soll, wenn _variant="custom" gesetzt ist. | `string` \| `undefined` | `undefined` |
57
- | `_hasButtons` | `_has-buttons` | Setzt die Sichtbarkeit der Anfang/zurück/weiter/Ende-Schaltflächen. | `boolean` \| `string` \| `undefined` \| `{ first: boolean; last: boolean; next: boolean; previous: boolean; }` | `true` |
58
- | `_on` _(required)_ | -- | Gibt an, auf welche Callback-Events reagiert werden. | `{ onChangePage?: EventValueOrEventCallback<Event, number>` \| `undefined; onChangePageSize?: EventValueOrEventCallback<Event, number>` \| `undefined; onClick?: EventValueOrEventCallback<Event, number>` \| `undefined; }` | `undefined` |
59
- | `_page` _(required)_ | `_page` | Gibt an, welche Seite aktuell ausgewählt ist. | `number` | `undefined` |
60
- | `_pageSize` | `_page-size` | Gibt an, wie viele Einträge pro Seite angezeigt werden. | `number` | `1` |
61
- | `_pageSizeOptions` | `_page-size-options` | Setzt die Optionen für das Seitenlängenselect. | `number[]` \| `string` | `[]` |
62
- | `_siblingCount` | `_sibling-count` | Gibt an, wie viele Seiten neben der aktuell Ausgewählten angezeigt werden. | `number` \| `undefined` | `1` |
63
- | `_tooltipAlign` | `_tooltip-align` | Gibt an, ob der Tooltip oben, rechts, unten oder links angezeigt werden. | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined` | `'top'` |
64
- | `_total` _(required)_ | `_total` | Setzt die Gesamtanzahl der Seiten. | `number` | `undefined` |
65
- | `_variant` | `_variant` | Gibt an, welche Button-Variante verwendet werden soll. | `"custom"` \| `"danger"` \| `"ghost"` \| `"normal"` \| `"primary"` \| `"secondary"` \| `undefined` | `'normal'` |
53
+ | Property | Attribute | Description | Type | Default |
54
+ | --------------------- | -------------------- | ------------------------------------------------------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
55
+ | `_boundaryCount` | `_boundary-count` | Gibt an, wie viele Seiten neben den am Rand liegenden Pfeil-Schaltern angezeigt werden sollen. | `number` \| `undefined` | `1` |
56
+ | `_customClass` | `_custom-class` | Gibt an, welche Custom-Class übergeben werden soll, wenn _variant="custom" gesetzt ist. | `string` \| `undefined` | `undefined` |
57
+ | `_hasButtons` | `_has-buttons` | Setzt die Sichtbarkeit der Anfang/zurück/weiter/Ende-Schaltflächen. | `boolean` \| `string` \| `undefined` \| `{ first: boolean; last: boolean; next: boolean; previous: boolean; }` | `true` |
58
+ | `_on` _(required)_ | -- | Gibt an, auf welche Callback-Events reagiert werden. | `{ onChangePage?: EventValueOrEventCallback<Event, number>` \| `undefined; onChangePageSize?: EventValueOrEventCallback<Event, number>` \| `undefined; onClick?: EventValueOrEventCallback<Event, number>` \| `undefined; }` | `undefined` |
59
+ | `_page` _(required)_ | `_page` | Gibt an, welche Seite aktuell ausgewählt ist. | `number` | `undefined` |
60
+ | `_pageSize` | `_page-size` | Gibt an, wie viele Einträge pro Seite angezeigt werden. | `number` | `1` |
61
+ | `_pageSizeOptions` | `_page-size-options` | Setzt die Optionen für das Seitenlängenselect. | `number[]` \| `string` | `[]` |
62
+ | `_siblingCount` | `_sibling-count` | Gibt an, wie viele Seiten neben der aktuell Ausgewählten angezeigt werden. | `number` \| `undefined` | `1` |
63
+ | `_tooltipAlign` | `_tooltip-align` | Gibt an, ob der Tooltip bevorzugt entweder oben, rechts, unten oder links angezeigt werden soll. | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined` | `'top'` |
64
+ | `_total` _(required)_ | `_total` | Setzt die Gesamtanzahl der Seiten. | `number` | `undefined` |
65
+ | `_variant` | `_variant` | Gibt an, welche Variante der Darstellung genutzt werden soll. | `"custom"` \| `"danger"` \| `"ghost"` \| `"normal"` \| `"primary"` \| `"secondary"` \| `undefined` | `'normal'` |
66
66
 
67
67
 
68
68
  ## Dependencies
package/doc/popover.md CHANGED
@@ -10,10 +10,10 @@ Das Triggerelement ist immer das im HTML vorangehende Element (previousSibling).
10
10
 
11
11
  ## Properties
12
12
 
13
- | Property | Attribute | Description | Type | Default |
14
- | ------------ | ------------ | ------------------------------------------------------------------ | ----------------------------------------------------- | ------- |
15
- | `_alignment` | `_alignment` | Setzt die Ausrichtung des Popovers in Relation zum Triggerelement. | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined` | `'top'` |
16
- | `_show` | `_show` | Öffnet/schließt das Popover. | `boolean` \| `undefined` | `false` |
13
+ | Property | Attribute | Description | Type | Default |
14
+ | -------- | --------- | ------------------------------------------------------------------ | ----------------------------------------------------- | ------- |
15
+ | `_align` | `_align` | Setzt die Ausrichtung des Popovers in Relation zum Triggerelement. | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined` | `'top'` |
16
+ | `_show` | `_show` | Gibt an, ob die Komponente entweder ein- oder ausgeblendet ist. | `boolean` \| `undefined` | `false` |
17
17
 
18
18
 
19
19
  ## Slots
package/doc/progress.md CHANGED
@@ -45,14 +45,14 @@ Verwenden Sie das Attribut **`_value`**, um den aktuellen Wert der Komponente zu
45
45
 
46
46
  ## Properties
47
47
 
48
- | Property | Attribute | Description | Type | Default |
49
- | --------------------- | ---------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------- | ----------- |
50
- | `_label` | `_label` | Setzt die Bezeichnung der Fortschrittsanzeige. | `string` \| `undefined` | `undefined` |
51
- | `_max` _(required)_ | `_max` | Gibt an, bei welchem Wert die Fortschrittsanzeige abgeschlossen ist. | `number` | `undefined` |
52
- | `_type` | `_type` | <span class="text-red-500">**[DEPRECATED]**</span> will be removed in v2, use _variant<br/><br/>Gibt an, ob der Prozess als Balken oder Kreis dargestellt wird. | `"bar"` \| `"cycle"` \| `undefined` | `undefined` |
53
- | `_unit` | `_unit` | Setzt die Einheit der Fortschrittswerte. (wird nicht angezeigt) | `string` \| `undefined` | `'%'` |
54
- | `_value` _(required)_ | `_value` | Gibt an, wie weit die Anzeige fortgeschritten ist. | `number` | `undefined` |
55
- | `_variant` | `_variant` | Gibt an, ob die Fortschrittsanzeige als Balken oder Kreis dargestellt wird. | `"bar"` \| `"cycle"` \| `undefined` | `undefined` |
48
+ | Property | Attribute | Description | Type | Default |
49
+ | --------------------- | ---------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------- | ----------- |
50
+ | `_label` | `_label` | Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.). | `string` \| `undefined` | `undefined` |
51
+ | `_max` _(required)_ | `_max` | Gibt an, bei welchem Wert die Fortschrittsanzeige abgeschlossen ist. | `number` | `undefined` |
52
+ | `_type` | `_type` | <span class="text-red-500">**[DEPRECATED]**</span> will be removed in v2, use _variant<br/><br/>Deprecated: Gibt an, ob der Prozess als Balken oder Kreis dargestellt wird. | `"bar"` \| `"cycle"` \| `undefined` | `undefined` |
53
+ | `_unit` | `_unit` | Setzt die Einheit der Fortschrittswerte. (wird nicht angezeigt) | `string` \| `undefined` | `'%'` |
54
+ | `_value` _(required)_ | `_value` | Gibt an, wie weit die Anzeige fortgeschritten ist. | `number` | `undefined` |
55
+ | `_variant` | `_variant` | Gibt an, welche Variante der Darstellung genutzt werden soll. | `"bar"` \| `"cycle"` \| `undefined` | `undefined` |
56
56
 
57
57
 
58
58
  ----------------------------------------------
package/doc/quote.md CHANGED
@@ -22,12 +22,12 @@ Die `inline`-Variante ist Standard, sofern die Eingerückte gewünscht ist, kann
22
22
 
23
23
  ## Properties
24
24
 
25
- | Property | Attribute | Description | Type | Default |
26
- | --------------------- | ---------- | -------------------------------------- | ---------------------------------- | ----------- |
27
- | `_caption` | `_caption` | Setzt die Überschrift. | `string` \| `undefined` | `undefined` |
28
- | `_href` _(required)_ | `_href` | Link auf die Quelle des Zitates. | `string` | `undefined` |
29
- | `_quote` _(required)_ | `_quote` | Setzt den Text, also das Zitat selbst. | `string` | `undefined` |
30
- | `_variant` | `_variant` | Setzt die Variante des Zitats. | `"block"` \| `"inline"` \| `undefined` | `'inline'` |
25
+ | Property | Attribute | Description | Type | Default |
26
+ | --------------------- | ---------- | --------------------------------------------------------------------------------------------------------------------------- | ---------------------------------- | ----------- |
27
+ | `_caption` | `_caption` | Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.). | `string` \| `undefined` | `undefined` |
28
+ | `_href` _(required)_ | `_href` | Gibt den Link zur Quelle des Zitates an. | `string` | `undefined` |
29
+ | `_quote` _(required)_ | `_quote` | Setzt den Text, also das Zitat selbst. | `string` | `undefined` |
30
+ | `_variant` | `_variant` | Gibt an, welche Variante der Darstellung genutzt werden soll. | `"block"` \| `"inline"` \| `undefined` | `'inline'` |
31
31
 
32
32
 
33
33
  ## Dependencies
package/doc/select.md CHANGED
@@ -90,27 +90,27 @@ import { xxx..., xxx..., FormatHandler, } from '@leanup/form';
90
90
 
91
91
  ## Properties
92
92
 
93
- | Property | Attribute | Description | Type | Default |
94
- | --------------------- | ------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------- | ----------- |
95
- | `_accessKey` | `_access-key` | Gibt an, mit welcher Tastenkombination man das Input auslösen oder fokussieren kann. | `string` \| `undefined` | `undefined` |
96
- | `_alert` | `_alert` | Gibt an, ob die Fehlermeldung vorgelesen werden soll, wenn es eine gibt. | `boolean` \| `undefined` | `true` |
97
- | `_disabled` | `_disabled` | Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt. | `boolean` \| `undefined` | `undefined` |
98
- | `_error` | `_error` | Gibt den Text für eine Fehlermeldung an. | `string` \| `undefined` | `undefined` |
99
- | `_height` | `_height` | <span class="text-red-500">**[DEPRECATED]**</span> Use _size instead.<br/><br/>Gibt an, ob eine individuelle Höhe übergeben werden soll. | `string` \| `undefined` | `undefined` |
100
- | `_hideLabel` | `_hide-label` | Versteckt das sichtbare Label des Elements. | `boolean` \| `undefined` | `undefined` |
101
- | `_hint` | `_hint` | Gibt den Hinweistext an. | `string` \| `undefined` | `''` |
102
- | `_icon` | `_icon` | Ermöglicht das Anzeigen von Icons links und/oder rechts am Rand des Eingabefeldes. | `string` \| `undefined` \| `{ right?: IconOrIconClass` \| `undefined; left?: IconOrIconClass` \| `undefined; }` | `undefined` |
103
- | `_id` | `_id` | Gibt die technische ID des Eingabefeldes an. | `string` \| `undefined` | `undefined` |
104
- | `_label` _(required)_ | `_label` | Das Label dient der Beschriftung unterschiedlicher Elemente. - Button -> label text - Heading -> headline text - Input, Select und Textarea -> label text - Summary -> summary text - Table -> caption text - etc. Das Label ist häufig ein Pflichtattribut und kann leer gesetzt werden, wenn man das Label mittels dem Expert-Slot überschreiben will. | `string` | `undefined` |
105
- | `_list` _(required)_ | `_list` | Gibt den technischen Namen des Eingabefeldes an. | `SelectOption<W3CInputValue>[]` \| `string` | `undefined` |
106
- | `_multiple` | `_multiple` | Gibt an, ob mehrere Werte eingegeben werden können. | `boolean` \| `undefined` | `false` |
107
- | `_name` | `_name` | Gibt den technischen Namen des Eingabefeldes an. | `string` \| `undefined` | `undefined` |
108
- | `_on` | -- | Gibt die EventCallback-Funktionen für das Input-Event an. | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus` \| `undefined` | `undefined` |
109
- | `_required` | `_required` | Macht das Eingabeelement zu einem Pflichtfeld. | `boolean` \| `undefined` | `undefined` |
110
- | `_size` | `_size` | Wechselt das Eingabeelement in den Auswahlfeld modus und setzt die Höhe des Feldes. | `number` \| `undefined` | `undefined` |
111
- | `_tabIndex` | `_tab-index` | Gibt an, welchen Tab-Index dieses Input hat. | `number` \| `undefined` | `undefined` |
112
- | `_touched` | `_touched` | Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde. | `boolean` \| `undefined` | `false` |
113
- | `_value` | `_value` | Gibt den Wert des Eingabefeldes an. | `W3CInputValue[]` \| `string` \| `undefined` | `undefined` |
93
+ | Property | Attribute | Description | Type | Default |
94
+ | --------------------- | ------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------- | ----------- |
95
+ | `_accessKey` | `_access-key` | Gibt an, mit welcher Tastenkombination man das interaktive Element der Komponente auslösen oder fokussieren kann. | `string` \| `undefined` | `undefined` |
96
+ | `_alert` | `_alert` | Gibt an, ob der Screenreader die Meldung aktiv vorlesen soll. | `boolean` \| `undefined` | `true` |
97
+ | `_disabled` | `_disabled` | Deaktiviert das interaktive Element in der Komponente und erlaubt keine Interaktion mehr damit. | `boolean` \| `undefined` | `undefined` |
98
+ | `_error` | `_error` | Gibt den Text für eine Fehlermeldung an. | `string` \| `undefined` | `undefined` |
99
+ | `_height` | `_height` | <span class="text-red-500">**[DEPRECATED]**</span> Use _size instead.<br/><br/>Gibt an, ob eine individuelle Höhe übergeben werden soll. | `string` \| `undefined` | `undefined` |
100
+ | `_hideLabel` | `_hide-label` | Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an. | `boolean` \| `undefined` | `undefined` |
101
+ | `_hint` | `_hint` | Gibt den Hinweistext an. | `string` \| `undefined` | `''` |
102
+ | `_icon` | `_icon` | Setzt die Iconklasse (z.B.: `_icon="codicon codicon-home`). | `string` \| `undefined` \| `{ right?: IconOrIconClass` \| `undefined; left?: IconOrIconClass` \| `undefined; }` | `undefined` |
103
+ | `_id` | `_id` | Gibt die interne ID des primären Elements in der Komponente an. | `string` \| `undefined` | `undefined` |
104
+ | `_label` _(required)_ | `_label` | Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.). | `string` | `undefined` |
105
+ | `_list` _(required)_ | `_list` | Gibt den technischen Namen des Eingabefeldes an. | `SelectOption<W3CInputValue>[]` \| `string` | `undefined` |
106
+ | `_multiple` | `_multiple` | Gibt an, ob mehrere Werte eingegeben werden können. | `boolean` \| `undefined` | `false` |
107
+ | `_name` | `_name` | Gibt den technischen Namen des Eingabefeldes an. | `string` \| `undefined` | `undefined` |
108
+ | `_on` | -- | Gibt die EventCallback-Funktionen für das Input-Event an. | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus` \| `undefined` | `undefined` |
109
+ | `_required` | `_required` | Macht das Eingabeelement zu einem Pflichtfeld. | `boolean` \| `undefined` | `undefined` |
110
+ | `_size` | `_size` | Wechselt das Eingabeelement in den Auswahlfeld modus und setzt die Höhe des Feldes. | `number` \| `undefined` | `undefined` |
111
+ | `_tabIndex` | `_tab-index` | Gibt an, welchen Tab-Index das primäre Element in der Komponente hat. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) | `number` \| `undefined` | `undefined` |
112
+ | `_touched` | `_touched` | Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde. | `boolean` \| `undefined` | `false` |
113
+ | `_value` | `_value` | Gibt den Wert des Eingabefeldes an. | `W3CInputValue[]` \| `string` \| `undefined` | `undefined` |
114
114
 
115
115
 
116
116
  ## Slots
package/doc/skip-nav.md CHANGED
@@ -54,10 +54,10 @@ Die **SkipNav** wird durch Übergabe eines JSON-Objekts erzeugt, das für das Re
54
54
 
55
55
  ## Properties
56
56
 
57
- | Property | Attribute | Description | Type | Default |
58
- | ------------------------- | ------------- | ---------------------------------------------------------------------------- | ----------------------- | ----------- |
59
- | `_ariaLabel` _(required)_ | `_aria-label` | Gibt den Text an, der die Navigation von anderen Navigationen differenziert. | `string` | `undefined` |
60
- | `_links` _(required)_ | `_links` | Setzt die Liste der darzustellenden Links. | `LinkProps[]` \| `string` | `undefined` |
57
+ | Property | Attribute | Description | Type | Default |
58
+ | ------------------------- | ------------- | --------------------------------------------------------------------------------------------------------------------------- | ----------------------- | ----------- |
59
+ | `_ariaLabel` _(required)_ | `_aria-label` | Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.). | `string` | `undefined` |
60
+ | `_links` _(required)_ | `_links` | Gibt die Liste der darzustellenden Button, Links oder Texte an. | `LinkProps[]` \| `string` | `undefined` |
61
61
 
62
62
 
63
63
  ## Dependencies
package/doc/span.md CHANGED
@@ -21,11 +21,11 @@ Die **Span**-Komponente dient dazu innerhalb zahlreicher KoliBri-Komponenten die
21
21
 
22
22
  ## Properties
23
23
 
24
- | Property | Attribute | Description | Type | Default |
25
- | --------------------- | ------------ | ----------------------------------------- | -------------------------------------------------------------------- | ----------- |
26
- | `_icon` | `_icon` | Iconklasse (z.B.: "codicon codicon-home") | `KoliBriHorizontalIcon & KoliBriVerticalIcon` \| `string` \| `undefined` | `undefined` |
27
- | `_iconOnly` | `_icon-only` | Gibt an, ob nur das Icon angezeigt wird. | `boolean` \| `undefined` | `false` |
28
- | `_label` _(required)_ | `_label` | Setzt den sichtbaren Text des Elements. | `string` | `undefined` |
24
+ | Property | Attribute | Description | Type | Default |
25
+ | --------------------- | ------------ | --------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------- | ----------- |
26
+ | `_icon` | `_icon` | Setzt die Iconklasse (z.B.: `_icon="codicon codicon-home`). | `KoliBriHorizontalIcon & KoliBriVerticalIcon` \| `string` \| `undefined` | `undefined` |
27
+ | `_iconOnly` | `_icon-only` | Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an. | `boolean` \| `undefined` | `false` |
28
+ | `_label` _(required)_ | `_label` | Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.). | `string` | `undefined` |
29
29
 
30
30
 
31
31
  ## Dependencies
package/doc/spin.md CHANGED
@@ -67,8 +67,9 @@ Ladeanzeigen, wie die **Spin**-Komponente, informieren die Nutzer:innen über La
67
67
  </style>
68
68
  <div>
69
69
  <kol-spin _show></kol-spin>
70
+ <kol-spin _show _variant="cycle"></kol-spin>
70
71
  <!-- for a11y experts - own animation -->
71
- <kol-spin _show="true" _variant="none">
72
+ <kol-spin _show _variant="none">
72
73
  <!-- slot for own animation : https://github.com/vineethtrv/css-loader -->
73
74
  <span className="loader" slot="expert"></span>
74
75
  </kol-spin>
@@ -81,8 +82,8 @@ Ladeanzeigen, wie die **Spin**-Komponente, informieren die Nutzer:innen über La
81
82
  ### Beispiel
82
83
 
83
84
  <kol-spin _show></kol-spin>
84
-
85
- <kol-spin _show="true" _variant="none"><span className="loader" slot="expert"></span></kol-spin>
85
+ <kol-spin _show _variant="cycle"></kol-spin>
86
+ <kol-spin _show _variant="none"><span className="loader" slot="expert"></span></kol-spin>
86
87
 
87
88
  <kol-details _summary="CSS Loaders & Spinners" _open>
88
89
  Es gibt im Internet viele verschiedene CSS Loaders und Spinners. Beispielsweise bietet _Vineeth_ eine ganze Reihe interessanter CSS Loaders an. Diese können auch in der KoliBri Bibliothek genutzt werden. Dazu muss lediglich der Link zu der entsprechenden CSS Datei in den Head der HTML Datei eingebunden werden. Anschließend kann die gewünschte Animation über den Expert-Slot in die KoliBri-Komponente eingebunden werden. Hier sind einige Beispiele (ohne reduzierte Animationsgeschwindigkeit):
@@ -114,10 +115,10 @@ Verwenden Sie das Attribut `_show` um festzulegen, ob der Spin angezeigt wird.
114
115
 
115
116
  ## Properties
116
117
 
117
- | Property | Attribute | Description | Type | Default |
118
- | ---------- | ---------- | ---------------------------------------------------------------------------- | ----------------------------------------- | ------- |
119
- | `_show` | `_show` | Gibt an, ob die Ladeanzeige eingeblendet wird oder nicht. | `boolean` \| `undefined` | `false` |
120
- | `_variant` | `_variant` | Gibt an, welche Ladeanimation oder ob keine Animation verwendet werden soll. | `"cycle"` \| `"dot"` \| `"none"` \| `undefined` | `'dot'` |
118
+ | Property | Attribute | Description | Type | Default |
119
+ | ---------- | ---------- | --------------------------------------------------------------- | ----------------------------------------- | ------- |
120
+ | `_show` | `_show` | Gibt an, ob die Komponente entweder ein- oder ausgeblendet ist. | `boolean` \| `undefined` | `false` |
121
+ | `_variant` | `_variant` | Gibt an, welche Variante der Darstellung genutzt werden soll. | `"cycle"` \| `"dot"` \| `"none"` \| `undefined` | `'dot'` |
121
122
 
122
123
 
123
124
  ----------------------------------------------