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

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 (466) hide show
  1. package/custom-elements.json +51 -10
  2. package/dist/cjs/{app-globals-f9bd7c4a.js → app-globals-fe603fde.js} +1 -1
  3. package/dist/cjs/{app-globals-f9bd7c4a.js.map → app-globals-fe603fde.js.map} +1 -1
  4. package/dist/cjs/button-link-153007e8.js.map +1 -1
  5. package/dist/cjs/floating-ui.dom.esm-f01eaf3d.js +4 -0
  6. package/dist/cjs/floating-ui.dom.esm-f01eaf3d.js.map +1 -0
  7. package/dist/cjs/{i18n-8b3f04f3.js → i18n-cc52d740.js} +1 -1
  8. package/dist/cjs/{i18n-8b3f04f3.js.map → i18n-cc52d740.js.map} +1 -1
  9. package/dist/cjs/index-329335d1.js +4 -0
  10. package/dist/cjs/index-329335d1.js.map +1 -0
  11. package/dist/cjs/{index-94bf4fa8.js → index-44abe473.js} +1 -1
  12. package/dist/cjs/index-44abe473.js.map +1 -0
  13. package/dist/cjs/index.cjs.js +1 -1
  14. package/dist/cjs/kol-abbr.cjs.entry.js +1 -1
  15. package/dist/cjs/kol-accordion.cjs.entry.js +1 -1
  16. package/dist/cjs/kol-accordion.cjs.entry.js.map +1 -1
  17. package/dist/cjs/kol-alert-wc_2.cjs.entry.js +1 -1
  18. package/dist/cjs/kol-alert-wc_2.cjs.entry.js.map +1 -1
  19. package/dist/cjs/kol-alert.cjs.entry.js +1 -1
  20. package/dist/cjs/kol-badge.cjs.entry.js +1 -1
  21. package/dist/cjs/kol-badge.cjs.entry.js.map +1 -1
  22. package/dist/cjs/kol-breadcrumb.cjs.entry.js +1 -1
  23. package/dist/cjs/kol-breadcrumb.cjs.entry.js.map +1 -1
  24. package/dist/cjs/kol-button-group-wc.cjs.entry.js +1 -1
  25. package/dist/cjs/kol-button-group.cjs.entry.js +1 -1
  26. package/dist/cjs/kol-button-link-text-switch.cjs.entry.js +4 -0
  27. package/dist/cjs/kol-button-link-text-switch.cjs.entry.js.map +1 -0
  28. package/dist/cjs/kol-button-link.cjs.entry.js +1 -1
  29. package/dist/cjs/kol-button-link.cjs.entry.js.map +1 -1
  30. package/dist/cjs/kol-button-wc_2.cjs.entry.js +4 -0
  31. package/dist/cjs/kol-button-wc_2.cjs.entry.js.map +1 -0
  32. package/dist/cjs/kol-button.cjs.entry.js +1 -1
  33. package/dist/cjs/kol-button.cjs.entry.js.map +1 -1
  34. package/dist/cjs/kol-card.cjs.entry.js +1 -1
  35. package/dist/cjs/kol-details.cjs.entry.js +1 -1
  36. package/dist/cjs/kol-details.cjs.entry.js.map +1 -1
  37. package/dist/cjs/kol-form.cjs.entry.js +1 -1
  38. package/dist/cjs/kol-heading.cjs.entry.js +1 -1
  39. package/dist/cjs/kol-icon-font-awesome.cjs.entry.js +1 -1
  40. package/dist/cjs/kol-icon-icofont.cjs.entry.js +1 -1
  41. package/dist/cjs/kol-icon.cjs.entry.js +1 -1
  42. package/dist/cjs/kol-image.cjs.entry.js +1 -1
  43. package/dist/cjs/kol-indented-text.cjs.entry.js +1 -1
  44. package/dist/cjs/kol-input-adapter-leanup.cjs.entry.js +1 -1
  45. package/dist/cjs/kol-input-checkbox.cjs.entry.js +1 -1
  46. package/dist/cjs/kol-input-color.cjs.entry.js +1 -1
  47. package/dist/cjs/kol-input-date.cjs.entry.js +1 -1
  48. package/dist/cjs/kol-input-email.cjs.entry.js +1 -1
  49. package/dist/cjs/kol-input-email.cjs.entry.js.map +1 -1
  50. package/dist/cjs/kol-input-file.cjs.entry.js +1 -1
  51. package/dist/cjs/kol-input-number.cjs.entry.js +1 -1
  52. package/dist/cjs/kol-input-password.cjs.entry.js +1 -1
  53. package/dist/cjs/kol-input-password.cjs.entry.js.map +1 -1
  54. package/dist/cjs/kol-input-radio-group.cjs.entry.js +1 -1
  55. package/dist/cjs/kol-input-radio.cjs.entry.js +1 -1
  56. package/dist/cjs/kol-input-range.cjs.entry.js +1 -1
  57. package/dist/cjs/kol-input-range.cjs.entry.js.map +1 -1
  58. package/dist/cjs/kol-input-text.cjs.entry.js +1 -1
  59. package/dist/cjs/kol-input-text.cjs.entry.js.map +1 -1
  60. package/dist/cjs/kol-kolibri.cjs.entry.js +1 -1
  61. package/dist/cjs/kol-link-button.cjs.entry.js +1 -1
  62. package/dist/cjs/kol-link-button.cjs.entry.js.map +1 -1
  63. package/dist/cjs/kol-link-group.cjs.entry.js +1 -1
  64. package/dist/cjs/kol-link-wc.cjs.entry.js +1 -1
  65. package/dist/cjs/kol-link-wc.cjs.entry.js.map +1 -1
  66. package/dist/cjs/kol-link.cjs.entry.js +1 -1
  67. package/dist/cjs/kol-link.cjs.entry.js.map +1 -1
  68. package/dist/cjs/kol-logo.cjs.entry.js +1 -1
  69. package/dist/cjs/kol-modal.cjs.entry.js +1 -1
  70. package/dist/cjs/kol-nav.cjs.entry.js +1 -1
  71. package/dist/cjs/kol-nav.cjs.entry.js.map +1 -1
  72. package/dist/cjs/kol-pagination.cjs.entry.js +1 -1
  73. package/dist/cjs/kol-pagination.cjs.entry.js.map +1 -1
  74. package/dist/cjs/kol-popover.cjs.entry.js +1 -1
  75. package/dist/cjs/kol-progress.cjs.entry.js +1 -1
  76. package/dist/cjs/kol-progress.cjs.entry.js.map +1 -1
  77. package/dist/cjs/kol-quote.cjs.entry.js +1 -1
  78. package/dist/cjs/kol-select.cjs.entry.js +1 -1
  79. package/dist/cjs/kol-skip-nav.cjs.entry.js +1 -1
  80. package/dist/cjs/kol-skip-nav.cjs.entry.js.map +1 -1
  81. package/dist/cjs/kol-span-wc.cjs.entry.js +4 -0
  82. package/dist/cjs/kol-span-wc.cjs.entry.js.map +1 -0
  83. package/dist/cjs/kol-span.cjs.entry.js +1 -1
  84. package/dist/cjs/kol-span.cjs.entry.js.map +1 -1
  85. package/dist/cjs/kol-spin.cjs.entry.js +1 -1
  86. package/dist/cjs/kol-split-button.cjs.entry.js +1 -1
  87. package/dist/cjs/kol-split-button.cjs.entry.js.map +1 -1
  88. package/dist/cjs/kol-symbol.cjs.entry.js +1 -1
  89. package/dist/cjs/kol-table.cjs.entry.js +1 -1
  90. package/dist/cjs/kol-table.cjs.entry.js.map +1 -1
  91. package/dist/cjs/kol-tabs.cjs.entry.js +1 -1
  92. package/dist/cjs/kol-tabs.cjs.entry.js.map +1 -1
  93. package/dist/cjs/kol-textarea.cjs.entry.js +1 -1
  94. package/dist/cjs/kol-toast.cjs.entry.js +1 -1
  95. package/dist/cjs/kol-tooltip.cjs.entry.js +1 -1
  96. package/dist/cjs/kol-version.cjs.entry.js +1 -1
  97. package/dist/cjs/kolibri.cjs.js +1 -1
  98. package/dist/cjs/kolibri.cjs.js.map +1 -1
  99. package/dist/cjs/loader.cjs.js +1 -1
  100. package/dist/cjs/loader.cjs.js.map +1 -1
  101. package/dist/components/component.js.map +1 -1
  102. package/dist/components/component10.js +1 -1
  103. package/dist/components/component10.js.map +1 -1
  104. package/dist/components/component11.js +1 -1
  105. package/dist/components/component11.js.map +1 -1
  106. package/dist/components/component12.js +1 -1
  107. package/dist/components/component12.js.map +1 -1
  108. package/dist/components/component13.js +1 -1
  109. package/dist/components/component13.js.map +1 -1
  110. package/dist/components/component14.js +1 -1
  111. package/dist/components/component14.js.map +1 -1
  112. package/dist/components/component15.js +4 -0
  113. package/dist/components/component15.js.map +1 -0
  114. package/dist/components/component3.js +1 -1
  115. package/dist/components/component3.js.map +1 -1
  116. package/dist/components/component5.js +1 -1
  117. package/dist/components/component5.js.map +1 -1
  118. package/dist/components/component6.js +1 -1
  119. package/dist/components/component6.js.map +1 -1
  120. package/dist/components/component7.js +1 -1
  121. package/dist/components/component7.js.map +1 -1
  122. package/dist/components/component8.js +1 -1
  123. package/dist/components/component8.js.map +1 -1
  124. package/dist/components/controller.js +1 -1
  125. package/dist/components/floating-ui.dom.esm.js +1 -1
  126. package/dist/components/floating-ui.dom.esm.js.map +1 -1
  127. package/dist/components/i18n.js +1 -1
  128. package/dist/components/i18n.js.map +1 -1
  129. package/dist/components/kol-accordion.js +1 -1
  130. package/dist/components/kol-accordion.js.map +1 -1
  131. package/dist/components/kol-breadcrumb.js +1 -1
  132. package/dist/components/kol-breadcrumb.js.map +1 -1
  133. package/dist/components/kol-button-link-text-switch.d.ts +11 -0
  134. package/dist/components/kol-button-link-text-switch.js +4 -0
  135. package/dist/components/kol-button-link-text-switch.js.map +1 -0
  136. package/dist/components/kol-button-link.js +1 -1
  137. package/dist/components/kol-button-link.js.map +1 -1
  138. package/dist/components/kol-details.js +1 -1
  139. package/dist/components/kol-details.js.map +1 -1
  140. package/dist/components/kol-form.js +1 -1
  141. package/dist/components/kol-indented-text.js +1 -1
  142. package/dist/components/kol-input-checkbox.js +1 -1
  143. package/dist/components/kol-input-color.js +1 -1
  144. package/dist/components/kol-input-date.js +1 -1
  145. package/dist/components/kol-input-email.js +1 -1
  146. package/dist/components/kol-input-email.js.map +1 -1
  147. package/dist/components/kol-input-file.js +1 -1
  148. package/dist/components/kol-input-number.js +1 -1
  149. package/dist/components/kol-input-password.js +1 -1
  150. package/dist/components/kol-input-password.js.map +1 -1
  151. package/dist/components/kol-input-radio-group.js +1 -1
  152. package/dist/components/kol-input-radio.js +1 -1
  153. package/dist/components/kol-input-range.js +1 -1
  154. package/dist/components/kol-input-range.js.map +1 -1
  155. package/dist/components/kol-input-text.js +1 -1
  156. package/dist/components/kol-input-text.js.map +1 -1
  157. package/dist/components/kol-input.js +1 -1
  158. package/dist/components/kol-link-button.js +1 -1
  159. package/dist/components/kol-link-button.js.map +1 -1
  160. package/dist/components/kol-nav.js +1 -1
  161. package/dist/components/kol-nav.js.map +1 -1
  162. package/dist/components/kol-pagination.js +1 -1
  163. package/dist/components/kol-progress.js +1 -1
  164. package/dist/components/kol-progress.js.map +1 -1
  165. package/dist/components/kol-select.js +1 -1
  166. package/dist/components/kol-skip-nav.js +1 -1
  167. package/dist/components/kol-skip-nav.js.map +1 -1
  168. package/dist/components/kol-span.js +1 -1
  169. package/dist/components/kol-span.js.map +1 -1
  170. package/dist/components/kol-split-button.js +1 -1
  171. package/dist/components/kol-split-button.js.map +1 -1
  172. package/dist/components/kol-table.js +1 -1
  173. package/dist/components/kol-table.js.map +1 -1
  174. package/dist/components/kol-tabs.js +1 -1
  175. package/dist/components/kol-tabs.js.map +1 -1
  176. package/dist/components/kol-textarea.js +1 -1
  177. package/dist/components/shadow2.js +1 -1
  178. package/dist/components/shadow2.js.map +1 -1
  179. package/dist/components/shadow3.js +1 -1
  180. package/dist/components/shadow3.js.map +1 -1
  181. package/dist/esm/{app-globals-db727ab2.js → app-globals-880ba1c1.js} +1 -1
  182. package/dist/esm/{app-globals-db727ab2.js.map → app-globals-880ba1c1.js.map} +1 -1
  183. package/dist/esm/button-link-283b2d32.js.map +1 -1
  184. package/dist/esm/floating-ui.dom.esm-2bceafa3.js +4 -0
  185. package/dist/esm/floating-ui.dom.esm-2bceafa3.js.map +1 -0
  186. package/dist/esm/{i18n-87a7ecb7.js → i18n-3ed8125e.js} +1 -1
  187. package/dist/esm/{i18n-87a7ecb7.js.map → i18n-3ed8125e.js.map} +1 -1
  188. package/dist/esm/{index-34c3d6f8.js → index-6ad587d0.js} +1 -1
  189. package/dist/esm/index-6ad587d0.js.map +1 -0
  190. package/dist/esm/index-ebb14eab.js +4 -0
  191. package/dist/esm/index-ebb14eab.js.map +1 -0
  192. package/dist/esm/index.js +1 -1
  193. package/dist/esm/kol-abbr.entry.js +1 -1
  194. package/dist/esm/kol-accordion.entry.js +1 -1
  195. package/dist/esm/kol-accordion.entry.js.map +1 -1
  196. package/dist/esm/kol-alert-wc_2.entry.js +1 -1
  197. package/dist/esm/kol-alert-wc_2.entry.js.map +1 -1
  198. package/dist/esm/kol-alert.entry.js +1 -1
  199. package/dist/esm/kol-badge.entry.js +1 -1
  200. package/dist/esm/kol-badge.entry.js.map +1 -1
  201. package/dist/esm/kol-breadcrumb.entry.js +1 -1
  202. package/dist/esm/kol-breadcrumb.entry.js.map +1 -1
  203. package/dist/esm/kol-button-group-wc.entry.js +1 -1
  204. package/dist/esm/kol-button-group.entry.js +1 -1
  205. package/dist/esm/kol-button-link-text-switch.entry.js +4 -0
  206. package/dist/esm/kol-button-link-text-switch.entry.js.map +1 -0
  207. package/dist/esm/kol-button-link.entry.js +1 -1
  208. package/dist/esm/kol-button-link.entry.js.map +1 -1
  209. package/dist/esm/kol-button-wc_2.entry.js +4 -0
  210. package/dist/esm/kol-button-wc_2.entry.js.map +1 -0
  211. package/dist/esm/kol-button.entry.js +1 -1
  212. package/dist/esm/kol-button.entry.js.map +1 -1
  213. package/dist/esm/kol-card.entry.js +1 -1
  214. package/dist/esm/kol-details.entry.js +1 -1
  215. package/dist/esm/kol-details.entry.js.map +1 -1
  216. package/dist/esm/kol-form.entry.js +1 -1
  217. package/dist/esm/kol-heading.entry.js +1 -1
  218. package/dist/esm/kol-icon-font-awesome.entry.js +1 -1
  219. package/dist/esm/kol-icon-icofont.entry.js +1 -1
  220. package/dist/esm/kol-icon.entry.js +1 -1
  221. package/dist/esm/kol-image.entry.js +1 -1
  222. package/dist/esm/kol-indented-text.entry.js +1 -1
  223. package/dist/esm/kol-input-adapter-leanup.entry.js +1 -1
  224. package/dist/esm/kol-input-checkbox.entry.js +1 -1
  225. package/dist/esm/kol-input-color.entry.js +1 -1
  226. package/dist/esm/kol-input-date.entry.js +1 -1
  227. package/dist/esm/kol-input-email.entry.js +1 -1
  228. package/dist/esm/kol-input-email.entry.js.map +1 -1
  229. package/dist/esm/kol-input-file.entry.js +1 -1
  230. package/dist/esm/kol-input-number.entry.js +1 -1
  231. package/dist/esm/kol-input-password.entry.js +1 -1
  232. package/dist/esm/kol-input-password.entry.js.map +1 -1
  233. package/dist/esm/kol-input-radio-group.entry.js +1 -1
  234. package/dist/esm/kol-input-radio.entry.js +1 -1
  235. package/dist/esm/kol-input-range.entry.js +1 -1
  236. package/dist/esm/kol-input-range.entry.js.map +1 -1
  237. package/dist/esm/kol-input-text.entry.js +1 -1
  238. package/dist/esm/kol-input-text.entry.js.map +1 -1
  239. package/dist/esm/kol-kolibri.entry.js +1 -1
  240. package/dist/esm/kol-link-button.entry.js +1 -1
  241. package/dist/esm/kol-link-button.entry.js.map +1 -1
  242. package/dist/esm/kol-link-group.entry.js +1 -1
  243. package/dist/esm/kol-link-wc.entry.js +1 -1
  244. package/dist/esm/kol-link-wc.entry.js.map +1 -1
  245. package/dist/esm/kol-link.entry.js +1 -1
  246. package/dist/esm/kol-link.entry.js.map +1 -1
  247. package/dist/esm/kol-logo.entry.js +1 -1
  248. package/dist/esm/kol-modal.entry.js +1 -1
  249. package/dist/esm/kol-nav.entry.js +1 -1
  250. package/dist/esm/kol-nav.entry.js.map +1 -1
  251. package/dist/esm/kol-pagination.entry.js +1 -1
  252. package/dist/esm/kol-pagination.entry.js.map +1 -1
  253. package/dist/esm/kol-popover.entry.js +1 -1
  254. package/dist/esm/kol-progress.entry.js +1 -1
  255. package/dist/esm/kol-progress.entry.js.map +1 -1
  256. package/dist/esm/kol-quote.entry.js +1 -1
  257. package/dist/esm/kol-select.entry.js +1 -1
  258. package/dist/esm/kol-skip-nav.entry.js +1 -1
  259. package/dist/esm/kol-skip-nav.entry.js.map +1 -1
  260. package/dist/esm/kol-span-wc.entry.js +4 -0
  261. package/dist/esm/kol-span-wc.entry.js.map +1 -0
  262. package/dist/esm/kol-span.entry.js +1 -1
  263. package/dist/esm/kol-span.entry.js.map +1 -1
  264. package/dist/esm/kol-spin.entry.js +1 -1
  265. package/dist/esm/kol-split-button.entry.js +1 -1
  266. package/dist/esm/kol-split-button.entry.js.map +1 -1
  267. package/dist/esm/kol-symbol.entry.js +1 -1
  268. package/dist/esm/kol-table.entry.js +1 -1
  269. package/dist/esm/kol-table.entry.js.map +1 -1
  270. package/dist/esm/kol-tabs.entry.js +1 -1
  271. package/dist/esm/kol-tabs.entry.js.map +1 -1
  272. package/dist/esm/kol-textarea.entry.js +1 -1
  273. package/dist/esm/kol-toast.entry.js +1 -1
  274. package/dist/esm/kol-tooltip.entry.js +1 -1
  275. package/dist/esm/kol-version.entry.js +1 -1
  276. package/dist/esm/kolibri.js +1 -1
  277. package/dist/esm/kolibri.js.map +1 -1
  278. package/dist/esm/loader.js +1 -1
  279. package/dist/esm/loader.js.map +1 -1
  280. package/dist/kolibri/app-globals-880ba1c1.js +4 -0
  281. package/dist/kolibri/assets/style.css +0 -5
  282. package/dist/kolibri/button-link-283b2d32.js.map +1 -1
  283. package/dist/kolibri/floating-ui.dom.esm-2bceafa3.js +4 -0
  284. package/dist/kolibri/floating-ui.dom.esm-2bceafa3.js.map +1 -0
  285. package/dist/kolibri/{i18n-87a7ecb7.js → i18n-3ed8125e.js} +1 -1
  286. package/dist/kolibri/index-6ad587d0.js +5 -0
  287. package/dist/kolibri/index-6ad587d0.js.map +1 -0
  288. package/dist/kolibri/index-ebb14eab.js +4 -0
  289. package/dist/kolibri/index-ebb14eab.js.map +1 -0
  290. package/dist/kolibri/index.esm.js +1 -1
  291. package/dist/kolibri/kol-abbr.entry.js +1 -1
  292. package/dist/kolibri/kol-accordion.entry.js +1 -1
  293. package/dist/kolibri/kol-accordion.entry.js.map +1 -1
  294. package/dist/kolibri/kol-alert-wc_2.entry.js +1 -1
  295. package/dist/kolibri/kol-alert-wc_2.entry.js.map +1 -1
  296. package/dist/kolibri/kol-alert.entry.js +1 -1
  297. package/dist/kolibri/kol-badge.entry.js +1 -1
  298. package/dist/kolibri/kol-badge.entry.js.map +1 -1
  299. package/dist/kolibri/kol-breadcrumb.entry.js +1 -1
  300. package/dist/kolibri/kol-breadcrumb.entry.js.map +1 -1
  301. package/dist/kolibri/kol-button-group-wc.entry.js +1 -1
  302. package/dist/kolibri/kol-button-group.entry.js +1 -1
  303. package/dist/kolibri/kol-button-link-text-switch.entry.js +4 -0
  304. package/dist/kolibri/kol-button-link-text-switch.entry.js.map +1 -0
  305. package/dist/kolibri/kol-button-link.entry.js +1 -1
  306. package/dist/kolibri/kol-button-link.entry.js.map +1 -1
  307. package/dist/kolibri/kol-button-wc_2.entry.js +4 -0
  308. package/dist/kolibri/kol-button-wc_2.entry.js.map +1 -0
  309. package/dist/kolibri/kol-button.entry.js +1 -1
  310. package/dist/kolibri/kol-button.entry.js.map +1 -1
  311. package/dist/kolibri/kol-card.entry.js +1 -1
  312. package/dist/kolibri/kol-details.entry.js +1 -1
  313. package/dist/kolibri/kol-details.entry.js.map +1 -1
  314. package/dist/kolibri/kol-form.entry.js +1 -1
  315. package/dist/kolibri/kol-heading.entry.js +1 -1
  316. package/dist/kolibri/kol-icon-font-awesome.entry.js +1 -1
  317. package/dist/kolibri/kol-icon-icofont.entry.js +1 -1
  318. package/dist/kolibri/kol-icon.entry.js +1 -1
  319. package/dist/kolibri/kol-image.entry.js +1 -1
  320. package/dist/kolibri/kol-indented-text.entry.js +1 -1
  321. package/dist/kolibri/kol-input-adapter-leanup.entry.js +1 -1
  322. package/dist/kolibri/kol-input-checkbox.entry.js +1 -1
  323. package/dist/kolibri/kol-input-color.entry.js +1 -1
  324. package/dist/kolibri/kol-input-date.entry.js +1 -1
  325. package/dist/kolibri/kol-input-email.entry.js +1 -1
  326. package/dist/kolibri/kol-input-email.entry.js.map +1 -1
  327. package/dist/kolibri/kol-input-file.entry.js +1 -1
  328. package/dist/kolibri/kol-input-number.entry.js +1 -1
  329. package/dist/kolibri/kol-input-password.entry.js +1 -1
  330. package/dist/kolibri/kol-input-password.entry.js.map +1 -1
  331. package/dist/kolibri/kol-input-radio-group.entry.js +1 -1
  332. package/dist/kolibri/kol-input-radio.entry.js +1 -1
  333. package/dist/kolibri/kol-input-range.entry.js +1 -1
  334. package/dist/kolibri/kol-input-range.entry.js.map +1 -1
  335. package/dist/kolibri/kol-input-text.entry.js +1 -1
  336. package/dist/kolibri/kol-input-text.entry.js.map +1 -1
  337. package/dist/kolibri/kol-kolibri.entry.js +1 -1
  338. package/dist/kolibri/kol-link-button.entry.js +1 -1
  339. package/dist/kolibri/kol-link-button.entry.js.map +1 -1
  340. package/dist/kolibri/kol-link-group.entry.js +1 -1
  341. package/dist/kolibri/kol-link-wc.entry.js +1 -1
  342. package/dist/kolibri/kol-link-wc.entry.js.map +1 -1
  343. package/dist/kolibri/kol-link.entry.js +1 -1
  344. package/dist/kolibri/kol-link.entry.js.map +1 -1
  345. package/dist/kolibri/kol-logo.entry.js +1 -1
  346. package/dist/kolibri/kol-modal.entry.js +1 -1
  347. package/dist/kolibri/kol-nav.entry.js +1 -1
  348. package/dist/kolibri/kol-nav.entry.js.map +1 -1
  349. package/dist/kolibri/kol-pagination.entry.js +1 -1
  350. package/dist/kolibri/kol-pagination.entry.js.map +1 -1
  351. package/dist/kolibri/kol-popover.entry.js +1 -1
  352. package/dist/kolibri/kol-progress.entry.js +1 -1
  353. package/dist/kolibri/kol-progress.entry.js.map +1 -1
  354. package/dist/kolibri/kol-quote.entry.js +1 -1
  355. package/dist/kolibri/kol-select.entry.js +1 -1
  356. package/dist/kolibri/kol-skip-nav.entry.js +1 -1
  357. package/dist/kolibri/kol-skip-nav.entry.js.map +1 -1
  358. package/dist/kolibri/kol-span-wc.entry.js +4 -0
  359. package/dist/kolibri/kol-span-wc.entry.js.map +1 -0
  360. package/dist/kolibri/kol-span.entry.js +1 -1
  361. package/dist/kolibri/kol-span.entry.js.map +1 -1
  362. package/dist/kolibri/kol-spin.entry.js +1 -1
  363. package/dist/kolibri/kol-split-button.entry.js +1 -1
  364. package/dist/kolibri/kol-split-button.entry.js.map +1 -1
  365. package/dist/kolibri/kol-symbol.entry.js +1 -1
  366. package/dist/kolibri/kol-table.entry.js +1 -1
  367. package/dist/kolibri/kol-table.entry.js.map +1 -1
  368. package/dist/kolibri/kol-tabs.entry.js +1 -1
  369. package/dist/kolibri/kol-tabs.entry.js.map +1 -1
  370. package/dist/kolibri/kol-textarea.entry.js +1 -1
  371. package/dist/kolibri/kol-toast.entry.js +1 -1
  372. package/dist/kolibri/kol-tooltip.entry.js +1 -1
  373. package/dist/kolibri/kol-version.entry.js +1 -1
  374. package/dist/kolibri/kolibri.esm.js +1 -1
  375. package/dist/kolibri/kolibri.esm.js.map +1 -1
  376. package/dist/types/components/badge/component.d.ts +3 -1
  377. package/dist/types/components/breadcrumb/component.d.ts +1 -0
  378. package/dist/types/components/button/component.d.ts +2 -0
  379. package/dist/types/components/button/shadow.d.ts +1 -0
  380. package/dist/types/components/button-link/component.d.ts +1 -0
  381. package/dist/types/components/button-link-text-switch/component.d.ts +13 -0
  382. package/dist/types/components/button-link-text-switch/types.d.ts +11 -0
  383. package/dist/types/components/link/component.d.ts +2 -0
  384. package/dist/types/components/link/shadow.d.ts +1 -0
  385. package/dist/types/components/link-button/component.d.ts +1 -0
  386. package/dist/types/components/nav/component.d.ts +0 -4
  387. package/dist/types/components/span/component.d.ts +7 -3
  388. package/dist/types/components/span/shadow.d.ts +1 -0
  389. package/dist/types/components/table/component.d.ts +7 -0
  390. package/dist/types/components/tabs/component.d.ts +2 -2
  391. package/dist/types/components.d.ts +149 -2
  392. package/dist/types/stencil-public-runtime.d.ts +2 -0
  393. package/dist/types/types/button-link.d.ts +3 -3
  394. package/dist/types/types/table.d.ts +1 -1
  395. package/doc/alert.md +4 -4
  396. package/doc/badge.md +8 -7
  397. package/doc/breadcrumb.md +2 -2
  398. package/doc/button-link.md +2 -1
  399. package/doc/button.md +3 -2
  400. package/doc/icon-icofont.md +1 -1
  401. package/doc/input-color.md +21 -21
  402. package/doc/input-date.md +27 -27
  403. package/doc/input-email.md +28 -28
  404. package/doc/input-file.md +24 -22
  405. package/doc/input-number.md +28 -28
  406. package/doc/input-password.md +26 -26
  407. package/doc/input-range.md +11 -2
  408. package/doc/input-text.md +27 -27
  409. package/doc/kolibri.md +4 -6
  410. package/doc/link-button.md +3 -2
  411. package/doc/link.md +2 -3
  412. package/doc/nav.md +5 -4
  413. package/doc/skip-nav.md +2 -3
  414. package/doc/span.md +6 -5
  415. package/doc/spin.md +18 -16
  416. package/doc/split-button.md +1 -1
  417. package/doc/table.md +6 -5
  418. package/jest-test-results.json +1 -1
  419. package/package.json +1 -1
  420. package/vscode-custom-data.json +31 -3
  421. package/dist/cjs/floating-ui.dom.esm-03ac0b3f.js +0 -4
  422. package/dist/cjs/floating-ui.dom.esm-03ac0b3f.js.map +0 -1
  423. package/dist/cjs/index-75a7808a.js +0 -4
  424. package/dist/cjs/index-75a7808a.js.map +0 -1
  425. package/dist/cjs/index-94bf4fa8.js.map +0 -1
  426. package/dist/cjs/kol-button-wc_3.cjs.entry.js +0 -4
  427. package/dist/cjs/kol-button-wc_3.cjs.entry.js.map +0 -1
  428. package/dist/components/hide-label.js +0 -4
  429. package/dist/components/hide-label.js.map +0 -1
  430. package/dist/esm/floating-ui.dom.esm-74010e65.js +0 -4
  431. package/dist/esm/floating-ui.dom.esm-74010e65.js.map +0 -1
  432. package/dist/esm/index-34c3d6f8.js.map +0 -1
  433. package/dist/esm/index-bacdc4cb.js +0 -4
  434. package/dist/esm/index-bacdc4cb.js.map +0 -1
  435. package/dist/esm/kol-button-wc_3.entry.js +0 -4
  436. package/dist/esm/kol-button-wc_3.entry.js.map +0 -1
  437. package/dist/kolibri/app-globals-db727ab2.js +0 -4
  438. package/dist/kolibri/assets/accordion-simulation.js +0 -1
  439. package/dist/kolibri/assets/alert-simulation.js +0 -1
  440. package/dist/kolibri/assets/button-simulation.js +0 -1
  441. package/dist/kolibri/assets/form-simulation.js +0 -1
  442. package/dist/kolibri/assets/form-simulation.textarea.js +0 -1
  443. package/dist/kolibri/assets/form-simulation.weitere-cases.js +0 -1
  444. package/dist/kolibri/assets/link-simulation.js +0 -1
  445. package/dist/kolibri/assets/modal-simulation.js +0 -1
  446. package/dist/kolibri/assets/nav-simulation.js +0 -1
  447. package/dist/kolibri/assets/pagination-simulation.js +0 -1
  448. package/dist/kolibri/assets/popover-simulation.js +0 -1
  449. package/dist/kolibri/assets/progress-simulation.js +0 -1
  450. package/dist/kolibri/assets/smart-button-simulation.js +0 -1
  451. package/dist/kolibri/assets/spin-simulation.js +0 -1
  452. package/dist/kolibri/assets/table-simulation.js +0 -1
  453. package/dist/kolibri/assets/tabs-simulation.js +0 -1
  454. package/dist/kolibri/assets/toast-simulation.js +0 -1
  455. package/dist/kolibri/assets/tooltip-simulation.js +0 -1
  456. package/dist/kolibri/floating-ui.dom.esm-74010e65.js +0 -4
  457. package/dist/kolibri/floating-ui.dom.esm-74010e65.js.map +0 -1
  458. package/dist/kolibri/index-34c3d6f8.js +0 -5
  459. package/dist/kolibri/index-34c3d6f8.js.map +0 -1
  460. package/dist/kolibri/index-bacdc4cb.js +0 -4
  461. package/dist/kolibri/index-bacdc4cb.js.map +0 -1
  462. package/dist/kolibri/kol-button-wc_3.entry.js +0 -4
  463. package/dist/kolibri/kol-button-wc_3.entry.js.map +0 -1
  464. package/dist/types/core/declare.d.ts +0 -10
  465. /package/dist/kolibri/{app-globals-db727ab2.js.map → app-globals-880ba1c1.js.map} +0 -0
  466. /package/dist/kolibri/{i18n-87a7ecb7.js.map → i18n-3ed8125e.js.map} +0 -0
package/doc/input-file.md CHANGED
@@ -7,12 +7,14 @@ Der Input-Typ **File** erzeugt ein Eingabefeld für zum Beispiel Uploads. Es kö
7
7
  ### Code
8
8
 
9
9
  ```html
10
- <kol-input-file _id="mein_upload" _name="mein_upload" _accept="image/png, image/jpeg, application/pdf"> Bild hochladen </kol-input-file>
10
+ <kol-input-file _id="mein_upload" _name="mein_upload" _accept="image/png, image/jpeg, application/pdf" _icon='{ "right": "codicon codicon-device-camera"}'>
11
+ Bild hochladen
12
+ </kol-input-file>
11
13
  ```
12
14
 
13
15
  ### Beispiel
14
16
 
15
- <kol-input-file _id="mein_upload" _name="mein_upload" _accept="image/png, image/jpeg, application/pdf"> Bild hochladen </kol-input-file>
17
+ <kol-input-file _id="mein_upload" _name="mein_upload" _accept="image/png, image/jpeg, application/pdf" _icon='{ "right": "codicon codicon-device-camera"}'> Bild hochladen </kol-input-file>
16
18
 
17
19
  ## Verwendung
18
20
 
@@ -42,26 +44,26 @@ Mögliche Werte und weitere Informationen erhalten Sie im <kol-link _href="https
42
44
 
43
45
  ## Properties
44
46
 
45
- | Property | Attribute | Description | Type | Default |
46
- | --------------------- | ------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
47
- | `_accept` | `_accept` | Gibt an, welche Dateiformate erlaubt sind. | `string` \| `undefined` | `undefined` |
48
- | `_accessKey` | `_access-key` | Gibt an, mit welcher Tastenkombination man das interaktive Element der Komponente auslösen oder fokussieren kann. | `string` \| `undefined` | `undefined` |
49
- | `_alert` | `_alert` | Gibt an, ob der Screenreader die Meldung aktiv vorlesen soll. | `boolean` \| `undefined` | `true` |
50
- | `_disabled` | `_disabled` | Deaktiviert das interaktive Element in der Komponente und erlaubt keine Interaktion mehr damit. | `boolean` \| `undefined` | `undefined` |
51
- | `_error` | `_error` | Gibt den Text für eine Fehlermeldung an. | `string` \| `undefined` | `undefined` |
52
- | `_hideLabel` | `_hide-label` | Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an. | `boolean` \| `undefined` | `undefined` |
53
- | `_hint` | `_hint` | Gibt den Hinweistext an. | `string` \| `undefined` | `''` |
54
- | `_icon` | `_icon` | Setzt die Iconklasse (z.B.: `_icon="codicon codicon-home`). | `string` \| `undefined` \| `{ right?: IconOrIconClass` \| `undefined; left?: IconOrIconClass` \| `undefined; }` | `undefined` |
55
- | `_id` | `_id` | Gibt die interne ID des primären Elements in der Komponente an. | `string` \| `undefined` | `undefined` |
56
- | `_label` _(required)_ | `_label` | Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.). | `string` | `undefined` |
57
- | `_multiple` | `_multiple` | Gibt an, ob mehrere Werte eingegeben werden können. | `boolean` \| `undefined` | `undefined` |
58
- | `_name` | `_name` | Gibt den technischen Namen des Eingabefeldes an. | `string` \| `undefined` | `undefined` |
59
- | `_on` | -- | Gibt die EventCallback-Funktionen für das Input-Event an. | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus` \| `undefined` | `undefined` |
60
- | `_required` | `_required` | Macht das Eingabeelement zu einem Pflichtfeld. | `boolean` \| `undefined` | `undefined` |
61
- | `_smartButton` | -- | Ermöglicht eine Schaltfläche ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (ohne label). | `undefined` \| `{ _label: string; } & { _ariaControls?: string` \| `undefined; _ariaLabel?: string` \| `undefined; _icon?: Stringified<KoliBriIconProp>` \| `undefined; _iconAlign?: Align` \| `undefined; _iconOnly?: boolean` \| `undefined; _role?: AlternativButtonLinkRole` \| `undefined; _tabIndex?: number` \| `undefined; _tooltipAlign?: Align` \| `undefined; _ariaCurrent?: AriaCurrent` \| `undefined; _ariaExpanded?: boolean` \| `undefined; _ariaSelected?: boolean` \| `undefined; _disabled?: boolean` \| `undefined; _accessKey?: string` \| `undefined; _id?: string` \| `undefined; _on?: KoliBriButtonCallbacks<unknown>` \| `undefined; _type?: KoliBriButtonType` \| `undefined; _value?: unknown; _variant?: KoliBriButtonVariant` \| `undefined; _customClass?: string` \| `undefined; }` | `undefined` |
62
- | `_tabIndex` | `_tab-index` | Gibt an, welchen Tab-Index das primäre Element in der Komponente hat. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) | `number` \| `undefined` | `undefined` |
63
- | `_touched` | `_touched` | Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde. | `boolean` \| `undefined` | `false` |
64
- | `_value` | `_value` | Gibt den Wert des Eingabefeldes an. | `string` \| `undefined` | `undefined` |
47
+ | Property | Attribute | Description | Type | Default |
48
+ | --------------------- | ------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
49
+ | `_accept` | `_accept` | Gibt an, welche Dateiformate erlaubt sind. | `string` \| `undefined` | `undefined` |
50
+ | `_accessKey` | `_access-key` | Gibt an, mit welcher Tastenkombination man das interaktive Element der Komponente auslösen oder fokussieren kann. | `string` \| `undefined` | `undefined` |
51
+ | `_alert` | `_alert` | Gibt an, ob der Screenreader die Meldung aktiv vorlesen soll. | `boolean` \| `undefined` | `true` |
52
+ | `_disabled` | `_disabled` | Deaktiviert das interaktive Element in der Komponente und erlaubt keine Interaktion mehr damit. | `boolean` \| `undefined` | `undefined` |
53
+ | `_error` | `_error` | Gibt den Text für eine Fehlermeldung an. | `string` \| `undefined` | `undefined` |
54
+ | `_hideLabel` | `_hide-label` | Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an. | `boolean` \| `undefined` | `undefined` |
55
+ | `_hint` | `_hint` | Gibt den Hinweistext an. | `string` \| `undefined` | `''` |
56
+ | `_icon` | `_icon` | Setzt die Iconklasse (z.B.: `_icon="codicon codicon-home`). | `string` \| `undefined` \| `{ right?: IconOrIconClass` \| `undefined; left?: IconOrIconClass` \| `undefined; }` | `undefined` |
57
+ | `_id` | `_id` | Gibt die interne ID des primären Elements in der Komponente an. | `string` \| `undefined` | `undefined` |
58
+ | `_label` _(required)_ | `_label` | Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.). | `string` | `undefined` |
59
+ | `_multiple` | `_multiple` | Gibt an, ob mehrere Werte eingegeben werden können. | `boolean` \| `undefined` | `undefined` |
60
+ | `_name` | `_name` | Gibt den technischen Namen des Eingabefeldes an. | `string` \| `undefined` | `undefined` |
61
+ | `_on` | -- | Gibt die EventCallback-Funktionen für das Input-Event an. | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus` \| `undefined` | `undefined` |
62
+ | `_required` | `_required` | Macht das Eingabeelement zu einem Pflichtfeld. | `boolean` \| `undefined` | `undefined` |
63
+ | `_smartButton` | -- | Ermöglicht eine Schaltfläche ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (ohne label). | `undefined` \| `{ _label: string; } & { _ariaControls?: string` \| `undefined; _ariaLabel?: string` \| `undefined; _icon?: Stringified<KoliBriIconProp>` \| `undefined; _iconAlign?: Align` \| `undefined; _iconOnly?: boolean` \| `undefined; _role?: AlternativButtonLinkRole` \| `undefined; _tabIndex?: number` \| `undefined; _tooltipAlign?: Align` \| `undefined; _ariaCurrent?: AriaCurrent` \| `undefined; _ariaExpanded?: boolean` \| `undefined; _ariaSelected?: boolean` \| `undefined; _disabled?: boolean` \| `undefined; _hideLabel?: boolean` \| `undefined; _accessKey?: string` \| `undefined; _id?: string` \| `undefined; _on?: KoliBriButtonCallbacks<unknown>` \| `undefined; _type?: KoliBriButtonType` \| `undefined; _value?: unknown; _variant?: KoliBriButtonVariant` \| `undefined; _customClass?: string` \| `undefined; }` | `undefined` |
64
+ | `_tabIndex` | `_tab-index` | Gibt an, welchen Tab-Index das primäre Element in der Komponente hat. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) | `number` \| `undefined` | `undefined` |
65
+ | `_touched` | `_touched` | Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde. | `boolean` \| `undefined` | `false` |
66
+ | `_value` | `_value` | Gibt den Wert des Eingabefeldes an. | `string` \| `undefined` | `undefined` |
65
67
 
66
68
 
67
69
  ## Slots
package/doc/input-number.md CHANGED
@@ -7,12 +7,12 @@ Der Input-Typ **Number** erzeugt ein Eingabefeld für Zahlen.
7
7
  ### Code
8
8
 
9
9
  ```html
10
- <kol-input-number _id="meine_zahl" _name="meine_zahl" _value="74">ZAHL!</kol-input-number>
10
+ <kol-input-number _id="meine_zahl" _name="meine_zahl" _value="74" _icon='{ "right": "codicon codicon-dashboard"}'>ZAHL!</kol-input-number>
11
11
  ```
12
12
 
13
13
  ### Beispiel
14
14
 
15
- <kol-input-number _id="meine_zahl" _name="meine_zahl" _value="74">ZAHL!</kol-input-number>
15
+ <kol-input-number _id="meine_zahl" _name="meine_zahl" _value="74" _icon='{ "right": "codicon codicon-dashboard"}'>ZAHL!</kol-input-number>
16
16
 
17
17
  ## Verwendung
18
18
 
@@ -36,32 +36,32 @@ Der Input-Typ **Number** erzeugt ein Eingabefeld für Zahlen.
36
36
 
37
37
  ## Properties
38
38
 
39
- | Property | Attribute | Description | Type | Default |
40
- | --------------------- | ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
41
- | `_accessKey` | `_access-key` | Gibt an, mit welcher Tastenkombination man das interaktive Element der Komponente auslösen oder fokussieren kann. | `string` \| `undefined` | `undefined` |
42
- | `_alert` | `_alert` | Gibt an, ob der Screenreader die Meldung aktiv vorlesen soll. | `boolean` \| `undefined` | `true` |
43
- | `_autoComplete` | `_auto-complete` | Gibt an, ob das Eingabefeld autovervollständigt werden kann. | `"off"` \| `"on"` \| `undefined` | `undefined` |
44
- | `_disabled` | `_disabled` | Deaktiviert das interaktive Element in der Komponente und erlaubt keine Interaktion mehr damit. | `boolean` \| `undefined` | `undefined` |
45
- | `_error` | `_error` | Gibt den Text für eine Fehlermeldung an. | `string` \| `undefined` | `undefined` |
46
- | `_hideLabel` | `_hide-label` | Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an. | `boolean` \| `undefined` | `undefined` |
47
- | `_hint` | `_hint` | Gibt den Hinweistext an. | `string` \| `undefined` | `''` |
48
- | `_icon` | `_icon` | Setzt die Iconklasse (z.B.: `_icon="codicon codicon-home`). | `string` \| `undefined` \| `{ right?: IconOrIconClass` \| `undefined; left?: IconOrIconClass` \| `undefined; }` | `undefined` |
49
- | `_id` | `_id` | Gibt die interne ID des primären Elements in der Komponente an. | `string` \| `undefined` | `undefined` |
50
- | `_label` _(required)_ | `_label` | Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.). | `string` | `undefined` |
51
- | `_list` | `_list` | Gibt die Liste der Vorschlagszahlen an. | `string` \| `string[]` \| `undefined` | `undefined` |
52
- | `_max` | `_max` | Gibt den größtmöglichen Eingabewert an. | ``${number}-${number}-${number}T${number}:${number}:${number}`` \| ``${number}-${number}-${number}T${number}:${number}`` \| ``${number}-${number}-${number}`` \| ``${number}-${number}`` \| ``${number}-W${number}`` \| ``${number}:${number}:${number}`` \| ``${number}:${number}`` \| `number` \| `undefined` | `undefined` |
53
- | `_min` | `_min` | Gibt den kleinstmöglichen Eingabewert an. | ``${number}-${number}-${number}T${number}:${number}:${number}`` \| ``${number}-${number}-${number}T${number}:${number}`` \| ``${number}-${number}-${number}`` \| ``${number}-${number}`` \| ``${number}-W${number}`` \| ``${number}:${number}:${number}`` \| ``${number}:${number}`` \| `number` \| `undefined` | `undefined` |
54
- | `_name` | `_name` | Gibt den technischen Namen des Eingabefeldes an. | `string` \| `undefined` | `undefined` |
55
- | `_on` | -- | Gibt die EventCallback-Funktionen für das Input-Event an. | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus` \| `undefined` | `undefined` |
56
- | `_placeholder` | `_placeholder` | Gibt den Platzhalter des Eingabefeldes an, wenn es leer ist. | `string` \| `undefined` | `undefined` |
57
- | `_readOnly` | `_read-only` | Setzt das Eingabefeld in den schreibgeschützten Modus. | `boolean` \| `undefined` | `undefined` |
58
- | `_required` | `_required` | Macht das Eingabeelement zu einem Pflichtfeld. | `boolean` \| `undefined` | `undefined` |
59
- | `_smartButton` | -- | Ermöglicht eine Schaltfläche ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (ohne label). | `undefined` \| `{ _label: string; } & { _ariaControls?: string` \| `undefined; _ariaLabel?: string` \| `undefined; _icon?: Stringified<KoliBriIconProp>` \| `undefined; _iconAlign?: Align` \| `undefined; _iconOnly?: boolean` \| `undefined; _role?: AlternativButtonLinkRole` \| `undefined; _tabIndex?: number` \| `undefined; _tooltipAlign?: Align` \| `undefined; _ariaCurrent?: AriaCurrent` \| `undefined; _ariaExpanded?: boolean` \| `undefined; _ariaSelected?: boolean` \| `undefined; _disabled?: boolean` \| `undefined; _accessKey?: string` \| `undefined; _id?: string` \| `undefined; _on?: KoliBriButtonCallbacks<unknown>` \| `undefined; _type?: KoliBriButtonType` \| `undefined; _value?: unknown; _variant?: KoliBriButtonVariant` \| `undefined; _customClass?: string` \| `undefined; }` | `undefined` |
60
- | `_step` | `_step` | Gibt die Schrittweite der Wertveränderung an. | `number` \| `undefined` | `undefined` |
61
- | `_tabIndex` | `_tab-index` | Gibt an, welchen Tab-Index das primäre Element in der Komponente hat. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) | `number` \| `undefined` | `undefined` |
62
- | `_touched` | `_touched` | Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde. | `boolean` \| `undefined` | `false` |
63
- | `_type` | `_type` | <span class="text-red-500">**[DEPRECATED]**</span> Das W3C hat die Date-Typen in eine eigene Gruppe zusammengefasst. Verwende hierfür die InputDate-Komponente.<br/><br/>Setzt den Typ der Komponente oder des interaktiven Elements in der Komponente an. | `"date"` \| `"datetime-local"` \| `"month"` \| `"number"` \| `"time"` \| `"week"` \| `undefined` | `'number'` |
64
- | `_value` | `_value` | Gibt den Wert des Eingabefeldes an. | ``${number}-${number}-${number}T${number}:${number}:${number}`` \| ``${number}-${number}-${number}T${number}:${number}`` \| ``${number}-${number}-${number}`` \| ``${number}-${number}`` \| ``${number}-W${number}`` \| ``${number}:${number}:${number}`` \| ``${number}:${number}`` \| `null` \| `number` \| `undefined` | `undefined` |
39
+ | Property | Attribute | Description | Type | Default |
40
+ | --------------------- | ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
41
+ | `_accessKey` | `_access-key` | Gibt an, mit welcher Tastenkombination man das interaktive Element der Komponente auslösen oder fokussieren kann. | `string` \| `undefined` | `undefined` |
42
+ | `_alert` | `_alert` | Gibt an, ob der Screenreader die Meldung aktiv vorlesen soll. | `boolean` \| `undefined` | `true` |
43
+ | `_autoComplete` | `_auto-complete` | Gibt an, ob das Eingabefeld autovervollständigt werden kann. | `"off"` \| `"on"` \| `undefined` | `undefined` |
44
+ | `_disabled` | `_disabled` | Deaktiviert das interaktive Element in der Komponente und erlaubt keine Interaktion mehr damit. | `boolean` \| `undefined` | `undefined` |
45
+ | `_error` | `_error` | Gibt den Text für eine Fehlermeldung an. | `string` \| `undefined` | `undefined` |
46
+ | `_hideLabel` | `_hide-label` | Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an. | `boolean` \| `undefined` | `undefined` |
47
+ | `_hint` | `_hint` | Gibt den Hinweistext an. | `string` \| `undefined` | `''` |
48
+ | `_icon` | `_icon` | Setzt die Iconklasse (z.B.: `_icon="codicon codicon-home`). | `string` \| `undefined` \| `{ right?: IconOrIconClass` \| `undefined; left?: IconOrIconClass` \| `undefined; }` | `undefined` |
49
+ | `_id` | `_id` | Gibt die interne ID des primären Elements in der Komponente an. | `string` \| `undefined` | `undefined` |
50
+ | `_label` _(required)_ | `_label` | Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.). | `string` | `undefined` |
51
+ | `_list` | `_list` | Gibt die Liste der Vorschlagszahlen an. | `string` \| `string[]` \| `undefined` | `undefined` |
52
+ | `_max` | `_max` | Gibt den größtmöglichen Eingabewert an. | ``${number}-${number}-${number}T${number}:${number}:${number}`` \| ``${number}-${number}-${number}T${number}:${number}`` \| ``${number}-${number}-${number}`` \| ``${number}-${number}`` \| ``${number}-W${number}`` \| ``${number}:${number}:${number}`` \| ``${number}:${number}`` \| `number` \| `undefined` | `undefined` |
53
+ | `_min` | `_min` | Gibt den kleinstmöglichen Eingabewert an. | ``${number}-${number}-${number}T${number}:${number}:${number}`` \| ``${number}-${number}-${number}T${number}:${number}`` \| ``${number}-${number}-${number}`` \| ``${number}-${number}`` \| ``${number}-W${number}`` \| ``${number}:${number}:${number}`` \| ``${number}:${number}`` \| `number` \| `undefined` | `undefined` |
54
+ | `_name` | `_name` | Gibt den technischen Namen des Eingabefeldes an. | `string` \| `undefined` | `undefined` |
55
+ | `_on` | -- | Gibt die EventCallback-Funktionen für das Input-Event an. | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus` \| `undefined` | `undefined` |
56
+ | `_placeholder` | `_placeholder` | Gibt den Platzhalter des Eingabefeldes an, wenn es leer ist. | `string` \| `undefined` | `undefined` |
57
+ | `_readOnly` | `_read-only` | Setzt das Eingabefeld in den schreibgeschützten Modus. | `boolean` \| `undefined` | `undefined` |
58
+ | `_required` | `_required` | Macht das Eingabeelement zu einem Pflichtfeld. | `boolean` \| `undefined` | `undefined` |
59
+ | `_smartButton` | -- | Ermöglicht eine Schaltfläche ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (ohne label). | `undefined` \| `{ _label: string; } & { _ariaControls?: string` \| `undefined; _ariaLabel?: string` \| `undefined; _icon?: Stringified<KoliBriIconProp>` \| `undefined; _iconAlign?: Align` \| `undefined; _iconOnly?: boolean` \| `undefined; _role?: AlternativButtonLinkRole` \| `undefined; _tabIndex?: number` \| `undefined; _tooltipAlign?: Align` \| `undefined; _ariaCurrent?: AriaCurrent` \| `undefined; _ariaExpanded?: boolean` \| `undefined; _ariaSelected?: boolean` \| `undefined; _disabled?: boolean` \| `undefined; _hideLabel?: boolean` \| `undefined; _accessKey?: string` \| `undefined; _id?: string` \| `undefined; _on?: KoliBriButtonCallbacks<unknown>` \| `undefined; _type?: KoliBriButtonType` \| `undefined; _value?: unknown; _variant?: KoliBriButtonVariant` \| `undefined; _customClass?: string` \| `undefined; }` | `undefined` |
60
+ | `_step` | `_step` | Gibt die Schrittweite der Wertveränderung an. | `number` \| `undefined` | `undefined` |
61
+ | `_tabIndex` | `_tab-index` | Gibt an, welchen Tab-Index das primäre Element in der Komponente hat. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) | `number` \| `undefined` | `undefined` |
62
+ | `_touched` | `_touched` | Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde. | `boolean` \| `undefined` | `false` |
63
+ | `_type` | `_type` | <span class="text-red-500">**[DEPRECATED]**</span> Das W3C hat die Date-Typen in eine eigene Gruppe zusammengefasst. Verwende hierfür die InputDate-Komponente.<br/><br/>Setzt den Typ der Komponente oder des interaktiven Elements in der Komponente an. | `"date"` \| `"datetime-local"` \| `"month"` \| `"number"` \| `"time"` \| `"week"` \| `undefined` | `'number'` |
64
+ | `_value` | `_value` | Gibt den Wert des Eingabefeldes an. | ``${number}-${number}-${number}T${number}:${number}:${number}`` \| ``${number}-${number}-${number}T${number}:${number}`` \| ``${number}-${number}-${number}`` \| ``${number}-${number}`` \| ``${number}-W${number}`` \| ``${number}:${number}:${number}`` \| ``${number}:${number}`` \| `null` \| `number` \| `undefined` | `undefined` |
65
65
 
66
66
 
67
67
  ## Slots
package/doc/input-password.md CHANGED
@@ -7,14 +7,14 @@ Der Input-Typ **Password** erzeugt ein Eingabefeld für Passwörter. Die Eingabe
7
7
  ### Code
8
8
 
9
9
  ```html
10
- <kol-input-password _id="main_passwort" _name="main_passwort" _smartButton="{ _icon: 'codicon codicon-eye', _iconOnly: true, _label: 'Passwort anzeigen' }">
10
+ <kol-input-password _id="main_passwort" _name="main_passwort" _smartButton="{ _icon: 'codicon codicon-eye', _hideLabel_: true, _label: 'Passwort anzeigen' }">
11
11
  Passwort
12
12
  </kol-input-password>
13
13
  ```
14
14
 
15
15
  ### Beispiel
16
16
 
17
- <kol-input-password _id="main_passwort" _name="main_passwort" _smartButton="{ _icon: 'codicon codicon-eye', _iconOnly: true, _label: 'Passwort anzeigen' }">
17
+ <kol-input-password _id="main_passwort" _name="main_passwort" _smartButton="{ _icon: 'codicon codicon-eye', _hideLabel_: true, _label: 'Passwort anzeigen' }">
18
18
  Passwort
19
19
  </kol-input-password>
20
20
 
@@ -41,30 +41,30 @@ Der Input-Typ **Password** erzeugt ein Eingabefeld für Passwörter. Die Eingabe
41
41
 
42
42
  ## Properties
43
43
 
44
- | Property | Attribute | Description | Type | Default |
45
- | --------------------- | ---------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
46
- | `_accessKey` | `_access-key` | Gibt an, mit welcher Tastenkombination man das interaktive Element der Komponente auslösen oder fokussieren kann. | `string` \| `undefined` | `undefined` |
47
- | `_alert` | `_alert` | Gibt an, ob der Screenreader die Meldung aktiv vorlesen soll. | `boolean` \| `undefined` | `true` |
48
- | `_autoComplete` | `_auto-complete` | Gibt an, ob das Eingabefeld autovervollständigt werden kann. | `"off"` \| `"on"` \| `undefined` | `undefined` |
49
- | `_disabled` | `_disabled` | Deaktiviert das interaktive Element in der Komponente und erlaubt keine Interaktion mehr damit. | `boolean` \| `undefined` | `undefined` |
50
- | `_error` | `_error` | Gibt den Text für eine Fehlermeldung an. | `string` \| `undefined` | `undefined` |
51
- | `_hideLabel` | `_hide-label` | Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an. | `boolean` \| `undefined` | `undefined` |
52
- | `_hint` | `_hint` | Gibt den Hinweistext an. | `string` \| `undefined` | `''` |
53
- | `_icon` | `_icon` | Setzt die Iconklasse (z.B.: `_icon="codicon codicon-home`). | `string` \| `undefined` \| `{ right?: IconOrIconClass` \| `undefined; left?: IconOrIconClass` \| `undefined; }` | `undefined` |
54
- | `_id` | `_id` | Gibt die interne ID des primären Elements in der Komponente an. | `string` \| `undefined` | `undefined` |
55
- | `_label` _(required)_ | `_label` | Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.). | `string` | `undefined` |
56
- | `_maxLength` | `_max-length` | Gibt an, wie viele Zeichen maximal eingegeben werden können. | `number` \| `undefined` | `undefined` |
57
- | `_name` | `_name` | Gibt den technischen Namen des Eingabefeldes an. | `string` \| `undefined` | `undefined` |
58
- | `_on` | -- | Gibt die EventCallback-Funktionen für das Input-Event an. | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus` \| `undefined` | `undefined` |
59
- | `_pattern` | `_pattern` | Gibt ein Prüfmuster (Pattern) für das Eingabefeld an. | `string` \| `undefined` | `undefined` |
60
- | `_placeholder` | `_placeholder` | Gibt den Platzhalter des Eingabefeldes an, wenn es leer ist. | `string` \| `undefined` | `undefined` |
61
- | `_readOnly` | `_read-only` | Setzt das Eingabefeld in den schreibgeschützten Modus. | `boolean` \| `undefined` | `undefined` |
62
- | `_required` | `_required` | Macht das Eingabeelement zu einem Pflichtfeld. | `boolean` \| `undefined` | `undefined` |
63
- | `_size` | `_size` | Setzt die Breite des Eingabefeldes in Buchstabenbreiten. | `number` \| `undefined` | `undefined` |
64
- | `_smartButton` | -- | Ermöglicht eine Schaltfläche ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (ohne label). | `undefined` \| `{ _label: string; } & { _ariaControls?: string` \| `undefined; _ariaLabel?: string` \| `undefined; _icon?: Stringified<KoliBriIconProp>` \| `undefined; _iconAlign?: Align` \| `undefined; _iconOnly?: boolean` \| `undefined; _role?: AlternativButtonLinkRole` \| `undefined; _tabIndex?: number` \| `undefined; _tooltipAlign?: Align` \| `undefined; _ariaCurrent?: AriaCurrent` \| `undefined; _ariaExpanded?: boolean` \| `undefined; _ariaSelected?: boolean` \| `undefined; _disabled?: boolean` \| `undefined; _accessKey?: string` \| `undefined; _id?: string` \| `undefined; _on?: KoliBriButtonCallbacks<unknown>` \| `undefined; _type?: KoliBriButtonType` \| `undefined; _value?: unknown; _variant?: KoliBriButtonVariant` \| `undefined; _customClass?: string` \| `undefined; }` | `undefined` |
65
- | `_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` |
66
- | `_touched` | `_touched` | Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde. | `boolean` \| `undefined` | `false` |
67
- | `_value` | `_value` | Gibt den Wert des Eingabefeldes an. | `string` \| `undefined` | `undefined` |
44
+ | Property | Attribute | Description | Type | Default |
45
+ | --------------------- | ---------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
46
+ | `_accessKey` | `_access-key` | Gibt an, mit welcher Tastenkombination man das interaktive Element der Komponente auslösen oder fokussieren kann. | `string` \| `undefined` | `undefined` |
47
+ | `_alert` | `_alert` | Gibt an, ob der Screenreader die Meldung aktiv vorlesen soll. | `boolean` \| `undefined` | `true` |
48
+ | `_autoComplete` | `_auto-complete` | Gibt an, ob das Eingabefeld autovervollständigt werden kann. | `"off"` \| `"on"` \| `undefined` | `undefined` |
49
+ | `_disabled` | `_disabled` | Deaktiviert das interaktive Element in der Komponente und erlaubt keine Interaktion mehr damit. | `boolean` \| `undefined` | `undefined` |
50
+ | `_error` | `_error` | Gibt den Text für eine Fehlermeldung an. | `string` \| `undefined` | `undefined` |
51
+ | `_hideLabel` | `_hide-label` | Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an. | `boolean` \| `undefined` | `undefined` |
52
+ | `_hint` | `_hint` | Gibt den Hinweistext an. | `string` \| `undefined` | `''` |
53
+ | `_icon` | `_icon` | Setzt die Iconklasse (z.B.: `_icon="codicon codicon-home`). | `string` \| `undefined` \| `{ right?: IconOrIconClass` \| `undefined; left?: IconOrIconClass` \| `undefined; }` | `undefined` |
54
+ | `_id` | `_id` | Gibt die interne ID des primären Elements in der Komponente an. | `string` \| `undefined` | `undefined` |
55
+ | `_label` _(required)_ | `_label` | Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.). | `string` | `undefined` |
56
+ | `_maxLength` | `_max-length` | Gibt an, wie viele Zeichen maximal eingegeben werden können. | `number` \| `undefined` | `undefined` |
57
+ | `_name` | `_name` | Gibt den technischen Namen des Eingabefeldes an. | `string` \| `undefined` | `undefined` |
58
+ | `_on` | -- | Gibt die EventCallback-Funktionen für das Input-Event an. | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus` \| `undefined` | `undefined` |
59
+ | `_pattern` | `_pattern` | Gibt ein Prüfmuster (Pattern) für das Eingabefeld an. | `string` \| `undefined` | `undefined` |
60
+ | `_placeholder` | `_placeholder` | Gibt den Platzhalter des Eingabefeldes an, wenn es leer ist. | `string` \| `undefined` | `undefined` |
61
+ | `_readOnly` | `_read-only` | Setzt das Eingabefeld in den schreibgeschützten Modus. | `boolean` \| `undefined` | `undefined` |
62
+ | `_required` | `_required` | Macht das Eingabeelement zu einem Pflichtfeld. | `boolean` \| `undefined` | `undefined` |
63
+ | `_size` | `_size` | Setzt die Breite des Eingabefeldes in Buchstabenbreiten. | `number` \| `undefined` | `undefined` |
64
+ | `_smartButton` | -- | Ermöglicht eine Schaltfläche ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (ohne label). | `undefined` \| `{ _label: string; } & { _ariaControls?: string` \| `undefined; _ariaLabel?: string` \| `undefined; _icon?: Stringified<KoliBriIconProp>` \| `undefined; _iconAlign?: Align` \| `undefined; _iconOnly?: boolean` \| `undefined; _role?: AlternativButtonLinkRole` \| `undefined; _tabIndex?: number` \| `undefined; _tooltipAlign?: Align` \| `undefined; _ariaCurrent?: AriaCurrent` \| `undefined; _ariaExpanded?: boolean` \| `undefined; _ariaSelected?: boolean` \| `undefined; _disabled?: boolean` \| `undefined; _hideLabel?: boolean` \| `undefined; _accessKey?: string` \| `undefined; _id?: string` \| `undefined; _on?: KoliBriButtonCallbacks<unknown>` \| `undefined; _type?: KoliBriButtonType` \| `undefined; _value?: unknown; _variant?: KoliBriButtonVariant` \| `undefined; _customClass?: string` \| `undefined; }` | `undefined` |
65
+ | `_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` |
66
+ | `_touched` | `_touched` | Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde. | `boolean` \| `undefined` | `false` |
67
+ | `_value` | `_value` | Gibt den Wert des Eingabefeldes an. | `string` \| `undefined` | `undefined` |
68
68
 
69
69
 
70
70
  ## Slots
package/doc/input-range.md CHANGED
@@ -7,12 +7,21 @@ Der Input-Typ **Range** erzeugt ein interaktives Element, mit dem Werte durch Ve
7
7
  ### Code
8
8
 
9
9
  ```html
10
- <kol-input-range _id="meine_range" _name="meine_range" _min="100" _max="200" _value="100" _step="20">Wertebereich</kol-input-range>
10
+ <kol-input-range
11
+ _id="meine_range"
12
+ _name="meine_range"
13
+ _min="100"
14
+ _max="200"
15
+ _value="100"
16
+ _step="20"
17
+ _icon='{ "left": "codicon codicon-arrow-small-down", "right": "codicon codicon-arrow-small-up"}'
18
+ >Wertebereich</kol-input-range
19
+ >
11
20
  ```
12
21
 
13
22
  ### Beispiel
14
23
 
15
- <kol-input-range _id="meine_range" _name="meine_range" _min="100" _max="200" _value="100" _step="20">Wertebereich</kol-input-range>
24
+ <kol-input-range _id="meine_range" _name="meine_range" _min="100" _max="200" _value="100" _step="20" _icon='{ "left": "codicon codicon-arrow-small-down", "right": "codicon codicon-arrow-small-up"}'>Wertebereich</kol-input-range>
16
25
 
17
26
  ## Verwendung
18
27