@public-ui/components 1.6.0 → 1.6.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (506) hide show
  1. package/custom-elements.json +34 -33
  2. package/dist/cjs/{a11y.tipps-cef2e1e8.js → a11y.tipps-16aa154f.js} +1 -1
  3. package/dist/cjs/{a11y.tipps-cef2e1e8.js.map → a11y.tipps-16aa154f.js.map} +1 -1
  4. package/dist/cjs/align-586041f5.js +4 -0
  5. package/dist/cjs/{align-8d970f97.js.map → align-586041f5.js.map} +1 -1
  6. package/dist/cjs/{alignment-f48af48d.js → alignment-75e80272.js} +1 -1
  7. package/dist/cjs/{alignment-f48af48d.js.map → alignment-75e80272.js.map} +1 -1
  8. package/dist/cjs/{alternative-button-link-role-eb653780.js → alternative-button-link-role-60d7ab6e.js} +1 -1
  9. package/dist/cjs/{alternative-button-link-role-eb653780.js.map → alternative-button-link-role-60d7ab6e.js.map} +1 -1
  10. package/dist/cjs/{app-globals-675d7278.js → app-globals-b799a4bd.js} +1 -1
  11. package/dist/cjs/{app-globals-675d7278.js.map → app-globals-b799a4bd.js.map} +1 -1
  12. package/dist/cjs/{associated.controller-5f3bd107.js → associated.controller-99bc08ae.js} +1 -1
  13. package/dist/cjs/{associated.controller-5f3bd107.js.map → associated.controller-99bc08ae.js.map} +1 -1
  14. package/dist/cjs/color-38223330.js +4 -0
  15. package/dist/cjs/color-38223330.js.map +1 -0
  16. package/dist/cjs/controller-0e69dbb2.js +4 -0
  17. package/dist/cjs/{controller-32ba245c.js.map → controller-0e69dbb2.js.map} +1 -1
  18. package/dist/cjs/{controller-bd7a28a4.js → controller-2eb9fb38.js} +1 -1
  19. package/dist/cjs/{controller-bd7a28a4.js.map → controller-2eb9fb38.js.map} +1 -1
  20. package/dist/cjs/{controller-0e65651c.js → controller-3e2c5a85.js} +1 -1
  21. package/dist/cjs/controller-3e2c5a85.js.map +1 -0
  22. package/dist/cjs/{controller-1d216f6f.js → controller-4eb70639.js} +1 -1
  23. package/dist/cjs/{controller-1d216f6f.js.map → controller-4eb70639.js.map} +1 -1
  24. package/dist/cjs/{controller-73c59c00.js → controller-eec65537.js} +1 -1
  25. package/dist/cjs/{controller-73c59c00.js.map → controller-eec65537.js.map} +1 -1
  26. package/dist/cjs/{controller-icon-90f448b1.js → controller-icon-b2adb41f.js} +1 -1
  27. package/dist/cjs/{controller-icon-90f448b1.js.map → controller-icon-b2adb41f.js.map} +1 -1
  28. package/dist/cjs/{custom-class-ca6211ab.js → custom-class-21ff3afb.js} +1 -1
  29. package/dist/cjs/{custom-class-ca6211ab.js.map → custom-class-21ff3afb.js.map} +1 -1
  30. package/dist/cjs/{dev.utils-320a557e.js → dev.utils-d13975a9.js} +1 -1
  31. package/dist/cjs/{dev.utils-320a557e.js.map → dev.utils-d13975a9.js.map} +1 -1
  32. package/dist/cjs/{devtools-194d558b.js → devtools-38f857d8.js} +1 -1
  33. package/dist/cjs/{devtools-194d558b.js.map → devtools-38f857d8.js.map} +1 -1
  34. package/dist/cjs/has-closer-100a47c2.js +4 -0
  35. package/dist/cjs/{has-closer-a935f70c.js.map → has-closer-100a47c2.js.map} +1 -1
  36. package/dist/cjs/hide-label-6723b5b2.js +4 -0
  37. package/dist/cjs/{hide-label-ac3e5409.js.map → hide-label-6723b5b2.js.map} +1 -1
  38. package/dist/cjs/{i18n-1b318141.js → i18n-eba54a7b.js} +1 -1
  39. package/dist/cjs/{i18n-1b318141.js.map → i18n-eba54a7b.js.map} +1 -1
  40. package/dist/cjs/{icon-1b368e34.js → icon-0f3a69be.js} +1 -1
  41. package/dist/cjs/{icon-1b368e34.js.map → icon-0f3a69be.js.map} +1 -1
  42. package/dist/cjs/image-source-1983e735.js +4 -0
  43. package/dist/cjs/{image-source-0a4f0f97.js.map → image-source-1983e735.js.map} +1 -1
  44. package/dist/cjs/index.cjs.js +1 -1
  45. package/dist/cjs/kol-abbr.cjs.entry.js +1 -1
  46. package/dist/cjs/kol-accordion.cjs.entry.js +1 -1
  47. package/dist/cjs/kol-alert-wc_2.cjs.entry.js +1 -1
  48. package/dist/cjs/kol-alert-wc_2.cjs.entry.js.map +1 -1
  49. package/dist/cjs/kol-avatar-wc.cjs.entry.js +1 -1
  50. package/dist/cjs/kol-badge.cjs.entry.js +1 -1
  51. package/dist/cjs/kol-breadcrumb.cjs.entry.js +1 -1
  52. package/dist/cjs/kol-button-wc_2.cjs.entry.js +1 -1
  53. package/dist/cjs/kol-card.cjs.entry.js +1 -1
  54. package/dist/cjs/kol-card.cjs.entry.js.map +1 -1
  55. package/dist/cjs/kol-details.cjs.entry.js +1 -1
  56. package/dist/cjs/kol-form.cjs.entry.js +1 -1
  57. package/dist/cjs/kol-icon.cjs.entry.js +1 -1
  58. package/dist/cjs/kol-image.cjs.entry.js +1 -1
  59. package/dist/cjs/kol-input-adapter-leanup.cjs.entry.js +1 -1
  60. package/dist/cjs/kol-input-checkbox.cjs.entry.js +1 -1
  61. package/dist/cjs/kol-input-checkbox.cjs.entry.js.map +1 -1
  62. package/dist/cjs/kol-input-color.cjs.entry.js +1 -1
  63. package/dist/cjs/kol-input-color.cjs.entry.js.map +1 -1
  64. package/dist/cjs/kol-input-date.cjs.entry.js +1 -1
  65. package/dist/cjs/kol-input-date.cjs.entry.js.map +1 -1
  66. package/dist/cjs/kol-input-email.cjs.entry.js +1 -1
  67. package/dist/cjs/kol-input-email.cjs.entry.js.map +1 -1
  68. package/dist/cjs/kol-input-file.cjs.entry.js +1 -1
  69. package/dist/cjs/kol-input-file.cjs.entry.js.map +1 -1
  70. package/dist/cjs/kol-input-number.cjs.entry.js +1 -1
  71. package/dist/cjs/kol-input-number.cjs.entry.js.map +1 -1
  72. package/dist/cjs/kol-input-password.cjs.entry.js +1 -1
  73. package/dist/cjs/kol-input-password.cjs.entry.js.map +1 -1
  74. package/dist/cjs/kol-input-radio-group.cjs.entry.js +1 -1
  75. package/dist/cjs/kol-input-radio-group.cjs.entry.js.map +1 -1
  76. package/dist/cjs/kol-input-radio.cjs.entry.js +1 -1
  77. package/dist/cjs/kol-input-radio.cjs.entry.js.map +1 -1
  78. package/dist/cjs/kol-input-range.cjs.entry.js +1 -1
  79. package/dist/cjs/kol-input-range.cjs.entry.js.map +1 -1
  80. package/dist/cjs/kol-input-text.cjs.entry.js +1 -1
  81. package/dist/cjs/kol-input-text.cjs.entry.js.map +1 -1
  82. package/dist/cjs/kol-kolibri.cjs.entry.js +1 -1
  83. package/dist/cjs/kol-link-button.cjs.entry.js +1 -1
  84. package/dist/cjs/kol-link-group.cjs.entry.js +1 -1
  85. package/dist/cjs/kol-link-wc.cjs.entry.js +1 -1
  86. package/dist/cjs/kol-logo.cjs.entry.js +1 -1
  87. package/dist/cjs/kol-modal.cjs.entry.js +1 -1
  88. package/dist/cjs/kol-nav.cjs.entry.js +1 -1
  89. package/dist/cjs/kol-pagination.cjs.entry.js +1 -1
  90. package/dist/cjs/kol-pagination.cjs.entry.js.map +1 -1
  91. package/dist/cjs/kol-popover.cjs.entry.js +1 -1
  92. package/dist/cjs/kol-progress.cjs.entry.js +1 -1
  93. package/dist/cjs/kol-quote.cjs.entry.js +1 -1
  94. package/dist/cjs/kol-select.cjs.entry.js +1 -1
  95. package/dist/cjs/kol-select.cjs.entry.js.map +1 -1
  96. package/dist/cjs/kol-skip-nav.cjs.entry.js +1 -1
  97. package/dist/cjs/kol-span-wc_2.cjs.entry.js +1 -1
  98. package/dist/cjs/kol-spin.cjs.entry.js +1 -1
  99. package/dist/cjs/kol-split-button.cjs.entry.js +1 -1
  100. package/dist/cjs/kol-symbol.cjs.entry.js +1 -1
  101. package/dist/cjs/kol-table.cjs.entry.js +1 -1
  102. package/dist/cjs/kol-tabs.cjs.entry.js +1 -1
  103. package/dist/cjs/kol-textarea.cjs.entry.js +1 -1
  104. package/dist/cjs/kol-textarea.cjs.entry.js.map +1 -1
  105. package/dist/cjs/kol-toast.cjs.entry.js +1 -1
  106. package/dist/cjs/kol-toast.cjs.entry.js.map +1 -1
  107. package/dist/cjs/kol-version.cjs.entry.js +1 -1
  108. package/dist/cjs/kolibri.cjs.js +1 -1
  109. package/dist/cjs/{label-0a21ec26.js → label-d9a9a6f4.js} +1 -1
  110. package/dist/cjs/{label-0a21ec26.js.map → label-d9a9a6f4.js.map} +1 -1
  111. package/dist/cjs/loader.cjs.js +1 -1
  112. package/dist/cjs/open-52eaa417.js +4 -0
  113. package/dist/cjs/{open-ff905ecc.js.map → open-52eaa417.js.map} +1 -1
  114. package/dist/cjs/{prop.validators-b422d3b2.js → prop.validators-39b64779.js} +1 -1
  115. package/dist/cjs/{prop.validators-b422d3b2.js.map → prop.validators-39b64779.js.map} +1 -1
  116. package/dist/cjs/rows-e8b15d1e.js +4 -0
  117. package/dist/cjs/{rows-036ed047.js.map → rows-e8b15d1e.js.map} +1 -1
  118. package/dist/cjs/show-6594fa81.js +4 -0
  119. package/dist/cjs/{show-5fc43fc1.js.map → show-6594fa81.js.map} +1 -1
  120. package/dist/cjs/suggestions-31e0f03d.js +4 -0
  121. package/dist/cjs/{suggestions-973087f1.js.map → suggestions-31e0f03d.js.map} +1 -1
  122. package/dist/cjs/{tab-index-6eb873b6.js → tab-index-35c6760c.js} +1 -1
  123. package/dist/cjs/{tab-index-6eb873b6.js.map → tab-index-35c6760c.js.map} +1 -1
  124. package/dist/cjs/tooltip-align-1d0ca98b.js +4 -0
  125. package/dist/cjs/{tooltip-align-eac89b0d.js.map → tooltip-align-1d0ca98b.js.map} +1 -1
  126. package/dist/cjs/validation-0b5d9cb4.js +4 -0
  127. package/dist/cjs/{validation-c206d5af.js.map → validation-0b5d9cb4.js.map} +1 -1
  128. package/dist/cjs/{validation-a7af53ee.js → validation-bdafce0a.js} +1 -1
  129. package/dist/cjs/{validation-a7af53ee.js.map → validation-bdafce0a.js.map} +1 -1
  130. package/dist/components/color.js +1 -1
  131. package/dist/components/color.js.map +1 -1
  132. package/dist/components/component14.js.map +1 -1
  133. package/dist/components/component15.js.map +1 -1
  134. package/dist/components/component16.js.map +1 -1
  135. package/dist/components/component6.js.map +1 -1
  136. package/dist/components/controller2.js.map +1 -1
  137. package/dist/components/controller3.js.map +1 -1
  138. package/dist/components/kol-card.js.map +1 -1
  139. package/dist/components/kol-input-checkbox.js +1 -1
  140. package/dist/components/kol-input-checkbox.js.map +1 -1
  141. package/dist/components/kol-input-color.js.map +1 -1
  142. package/dist/components/kol-input-date.js.map +1 -1
  143. package/dist/components/kol-input-email.js.map +1 -1
  144. package/dist/components/kol-input-file.js.map +1 -1
  145. package/dist/components/kol-input-number.js.map +1 -1
  146. package/dist/components/kol-input-password.js.map +1 -1
  147. package/dist/components/kol-input-radio-group.js.map +1 -1
  148. package/dist/components/kol-input-range.js.map +1 -1
  149. package/dist/components/kol-input-text.js.map +1 -1
  150. package/dist/components/kol-textarea.js.map +1 -1
  151. package/dist/components/kol-toast.js.map +1 -1
  152. package/dist/components/prop.validators.js +1 -1
  153. package/dist/components/prop.validators.js.map +1 -1
  154. package/dist/esm/{a11y.tipps-35a8451a.js → a11y.tipps-3205ae7d.js} +1 -1
  155. package/dist/esm/{a11y.tipps-35a8451a.js.map → a11y.tipps-3205ae7d.js.map} +1 -1
  156. package/dist/esm/{align-92c5bc16.js → align-c3f25b15.js} +1 -1
  157. package/dist/esm/{align-92c5bc16.js.map → align-c3f25b15.js.map} +1 -1
  158. package/dist/esm/{alignment-b51e051c.js → alignment-c3101451.js} +1 -1
  159. package/dist/esm/{alignment-b51e051c.js.map → alignment-c3101451.js.map} +1 -1
  160. package/dist/esm/{alternative-button-link-role-510f3e5d.js → alternative-button-link-role-3ee6a8a7.js} +1 -1
  161. package/dist/esm/{alternative-button-link-role-510f3e5d.js.map → alternative-button-link-role-3ee6a8a7.js.map} +1 -1
  162. package/dist/esm/app-globals-d2864967.js +4 -0
  163. package/dist/esm/{app-globals-8e026dff.js.map → app-globals-d2864967.js.map} +1 -1
  164. package/dist/esm/{associated.controller-97d657c9.js → associated.controller-e261bc1a.js} +1 -1
  165. package/dist/esm/{associated.controller-97d657c9.js.map → associated.controller-e261bc1a.js.map} +1 -1
  166. package/dist/esm/color-e03668b8.js +4 -0
  167. package/dist/esm/color-e03668b8.js.map +1 -0
  168. package/dist/esm/{controller-342152c9.js → controller-04ef05b8.js} +1 -1
  169. package/dist/esm/{controller-342152c9.js.map → controller-04ef05b8.js.map} +1 -1
  170. package/dist/esm/{controller-5772e244.js → controller-ac00e430.js} +1 -1
  171. package/dist/esm/{controller-5772e244.js.map → controller-ac00e430.js.map} +1 -1
  172. package/dist/esm/{controller-7fd0a811.js → controller-b538f5cd.js} +1 -1
  173. package/dist/esm/{controller-7fd0a811.js.map → controller-b538f5cd.js.map} +1 -1
  174. package/dist/esm/{controller-067fa41d.js → controller-c37fdd5f.js} +1 -1
  175. package/dist/esm/{controller-067fa41d.js.map → controller-c37fdd5f.js.map} +1 -1
  176. package/dist/esm/{controller-c994d374.js → controller-dc4b7a0e.js} +1 -1
  177. package/dist/esm/controller-dc4b7a0e.js.map +1 -0
  178. package/dist/esm/{controller-icon-ac0f10f5.js → controller-icon-caaea418.js} +1 -1
  179. package/dist/esm/{controller-icon-ac0f10f5.js.map → controller-icon-caaea418.js.map} +1 -1
  180. package/dist/esm/{custom-class-aee02f0e.js → custom-class-fc81ab83.js} +1 -1
  181. package/dist/esm/{custom-class-aee02f0e.js.map → custom-class-fc81ab83.js.map} +1 -1
  182. package/dist/esm/{dev.utils-d7ee8485.js → dev.utils-c0c1c4e5.js} +1 -1
  183. package/dist/esm/{dev.utils-d7ee8485.js.map → dev.utils-c0c1c4e5.js.map} +1 -1
  184. package/dist/esm/{devtools-09a7a8d8.js → devtools-2bc3c829.js} +1 -1
  185. package/dist/esm/{devtools-09a7a8d8.js.map → devtools-2bc3c829.js.map} +1 -1
  186. package/dist/esm/{has-closer-0bb6f4c3.js → has-closer-f435688d.js} +1 -1
  187. package/dist/esm/{has-closer-0bb6f4c3.js.map → has-closer-f435688d.js.map} +1 -1
  188. package/dist/esm/{hide-label-8ac8a4d6.js → hide-label-7ff2d26a.js} +1 -1
  189. package/dist/esm/{hide-label-8ac8a4d6.js.map → hide-label-7ff2d26a.js.map} +1 -1
  190. package/dist/esm/{i18n-aeee51c6.js → i18n-45aa3c6d.js} +1 -1
  191. package/dist/esm/{i18n-aeee51c6.js.map → i18n-45aa3c6d.js.map} +1 -1
  192. package/dist/esm/{icon-39480b46.js → icon-995dad86.js} +1 -1
  193. package/dist/esm/{icon-39480b46.js.map → icon-995dad86.js.map} +1 -1
  194. package/dist/esm/{image-source-85eb084d.js → image-source-67fe13cc.js} +1 -1
  195. package/dist/esm/{image-source-85eb084d.js.map → image-source-67fe13cc.js.map} +1 -1
  196. package/dist/esm/index.js +1 -1
  197. package/dist/esm/kol-abbr.entry.js +1 -1
  198. package/dist/esm/kol-accordion.entry.js +1 -1
  199. package/dist/esm/kol-alert-wc_2.entry.js +1 -1
  200. package/dist/esm/kol-alert-wc_2.entry.js.map +1 -1
  201. package/dist/esm/kol-avatar-wc.entry.js +1 -1
  202. package/dist/esm/kol-badge.entry.js +1 -1
  203. package/dist/esm/kol-breadcrumb.entry.js +1 -1
  204. package/dist/esm/kol-button-wc_2.entry.js +1 -1
  205. package/dist/esm/kol-card.entry.js +1 -1
  206. package/dist/esm/kol-card.entry.js.map +1 -1
  207. package/dist/esm/kol-details.entry.js +1 -1
  208. package/dist/esm/kol-form.entry.js +1 -1
  209. package/dist/esm/kol-icon.entry.js +1 -1
  210. package/dist/esm/kol-image.entry.js +1 -1
  211. package/dist/esm/kol-input-adapter-leanup.entry.js +1 -1
  212. package/dist/esm/kol-input-checkbox.entry.js +1 -1
  213. package/dist/esm/kol-input-checkbox.entry.js.map +1 -1
  214. package/dist/esm/kol-input-color.entry.js +1 -1
  215. package/dist/esm/kol-input-color.entry.js.map +1 -1
  216. package/dist/esm/kol-input-date.entry.js +1 -1
  217. package/dist/esm/kol-input-date.entry.js.map +1 -1
  218. package/dist/esm/kol-input-email.entry.js +1 -1
  219. package/dist/esm/kol-input-email.entry.js.map +1 -1
  220. package/dist/esm/kol-input-file.entry.js +1 -1
  221. package/dist/esm/kol-input-file.entry.js.map +1 -1
  222. package/dist/esm/kol-input-number.entry.js +1 -1
  223. package/dist/esm/kol-input-number.entry.js.map +1 -1
  224. package/dist/esm/kol-input-password.entry.js +1 -1
  225. package/dist/esm/kol-input-password.entry.js.map +1 -1
  226. package/dist/esm/kol-input-radio-group.entry.js +1 -1
  227. package/dist/esm/kol-input-radio-group.entry.js.map +1 -1
  228. package/dist/esm/kol-input-radio.entry.js +1 -1
  229. package/dist/esm/kol-input-radio.entry.js.map +1 -1
  230. package/dist/esm/kol-input-range.entry.js +1 -1
  231. package/dist/esm/kol-input-range.entry.js.map +1 -1
  232. package/dist/esm/kol-input-text.entry.js +1 -1
  233. package/dist/esm/kol-input-text.entry.js.map +1 -1
  234. package/dist/esm/kol-kolibri.entry.js +1 -1
  235. package/dist/esm/kol-link-button.entry.js +1 -1
  236. package/dist/esm/kol-link-group.entry.js +1 -1
  237. package/dist/esm/kol-link-wc.entry.js +1 -1
  238. package/dist/esm/kol-logo.entry.js +1 -1
  239. package/dist/esm/kol-modal.entry.js +1 -1
  240. package/dist/esm/kol-nav.entry.js +1 -1
  241. package/dist/esm/kol-pagination.entry.js +1 -1
  242. package/dist/esm/kol-pagination.entry.js.map +1 -1
  243. package/dist/esm/kol-popover.entry.js +1 -1
  244. package/dist/esm/kol-progress.entry.js +1 -1
  245. package/dist/esm/kol-quote.entry.js +1 -1
  246. package/dist/esm/kol-select.entry.js +1 -1
  247. package/dist/esm/kol-select.entry.js.map +1 -1
  248. package/dist/esm/kol-skip-nav.entry.js +1 -1
  249. package/dist/esm/kol-span-wc_2.entry.js +1 -1
  250. package/dist/esm/kol-spin.entry.js +1 -1
  251. package/dist/esm/kol-split-button.entry.js +1 -1
  252. package/dist/esm/kol-symbol.entry.js +1 -1
  253. package/dist/esm/kol-table.entry.js +1 -1
  254. package/dist/esm/kol-tabs.entry.js +1 -1
  255. package/dist/esm/kol-textarea.entry.js +1 -1
  256. package/dist/esm/kol-textarea.entry.js.map +1 -1
  257. package/dist/esm/kol-toast.entry.js +1 -1
  258. package/dist/esm/kol-toast.entry.js.map +1 -1
  259. package/dist/esm/kol-version.entry.js +1 -1
  260. package/dist/esm/kolibri.js +1 -1
  261. package/dist/esm/{label-45ce75a0.js → label-f1600f9b.js} +1 -1
  262. package/dist/esm/{label-45ce75a0.js.map → label-f1600f9b.js.map} +1 -1
  263. package/dist/esm/loader.js +1 -1
  264. package/dist/esm/{open-b3f288a0.js → open-696153d1.js} +1 -1
  265. package/dist/esm/{open-b3f288a0.js.map → open-696153d1.js.map} +1 -1
  266. package/dist/esm/{prop.validators-848907c9.js → prop.validators-fba03cca.js} +1 -1
  267. package/dist/esm/{prop.validators-848907c9.js.map → prop.validators-fba03cca.js.map} +1 -1
  268. package/dist/esm/{rows-3c427799.js → rows-4f484519.js} +1 -1
  269. package/dist/esm/{rows-3c427799.js.map → rows-4f484519.js.map} +1 -1
  270. package/dist/esm/{show-32e7c9a1.js → show-7c8e9658.js} +1 -1
  271. package/dist/esm/{show-32e7c9a1.js.map → show-7c8e9658.js.map} +1 -1
  272. package/dist/esm/{suggestions-b21d08a1.js → suggestions-ec4c5896.js} +1 -1
  273. package/dist/esm/{suggestions-b21d08a1.js.map → suggestions-ec4c5896.js.map} +1 -1
  274. package/dist/esm/{tab-index-6f2034cd.js → tab-index-047d5fa8.js} +1 -1
  275. package/dist/esm/{tab-index-6f2034cd.js.map → tab-index-047d5fa8.js.map} +1 -1
  276. package/dist/esm/{tooltip-align-bbfedcc8.js → tooltip-align-059bc525.js} +1 -1
  277. package/dist/esm/{tooltip-align-bbfedcc8.js.map → tooltip-align-059bc525.js.map} +1 -1
  278. package/dist/esm/validation-5a1145b4.js +4 -0
  279. package/dist/esm/{validation-803143f8.js.map → validation-5a1145b4.js.map} +1 -1
  280. package/dist/esm/validation-e77a4410.js +4 -0
  281. package/dist/esm/{validation-5031e4a9.js.map → validation-e77a4410.js.map} +1 -1
  282. package/dist/kolibri/{a11y.tipps-35a8451a.js → a11y.tipps-3205ae7d.js} +1 -1
  283. package/dist/kolibri/align-c3f25b15.js +4 -0
  284. package/dist/kolibri/alignment-c3101451.js +4 -0
  285. package/dist/kolibri/{alternative-button-link-role-510f3e5d.js → alternative-button-link-role-3ee6a8a7.js} +1 -1
  286. package/dist/kolibri/app-globals-d2864967.js +4 -0
  287. package/dist/kolibri/{app-globals-8e026dff.js.map → app-globals-d2864967.js.map} +1 -1
  288. package/dist/kolibri/{associated.controller-97d657c9.js → associated.controller-e261bc1a.js} +1 -1
  289. package/dist/kolibri/color-e03668b8.js +4 -0
  290. package/dist/kolibri/color-e03668b8.js.map +1 -0
  291. package/dist/kolibri/{controller-342152c9.js → controller-04ef05b8.js} +1 -1
  292. package/dist/kolibri/controller-04ef05b8.js.map +1 -0
  293. package/dist/kolibri/{controller-5772e244.js → controller-ac00e430.js} +1 -1
  294. package/dist/kolibri/{controller-7fd0a811.js → controller-b538f5cd.js} +1 -1
  295. package/dist/kolibri/{controller-067fa41d.js → controller-c37fdd5f.js} +1 -1
  296. package/dist/kolibri/{controller-c994d374.js → controller-dc4b7a0e.js} +1 -1
  297. package/dist/kolibri/controller-dc4b7a0e.js.map +1 -0
  298. package/dist/kolibri/controller-icon-caaea418.js +4 -0
  299. package/dist/kolibri/{custom-class-aee02f0e.js → custom-class-fc81ab83.js} +1 -1
  300. package/dist/kolibri/{dev.utils-d7ee8485.js → dev.utils-c0c1c4e5.js} +1 -1
  301. package/dist/kolibri/{dev.utils-d7ee8485.js.map → dev.utils-c0c1c4e5.js.map} +1 -1
  302. package/dist/kolibri/{devtools-09a7a8d8.js → devtools-2bc3c829.js} +1 -1
  303. package/dist/kolibri/has-closer-f435688d.js +4 -0
  304. package/dist/kolibri/{has-closer-0bb6f4c3.js.map → has-closer-f435688d.js.map} +1 -1
  305. package/dist/kolibri/hide-label-7ff2d26a.js +4 -0
  306. package/dist/kolibri/{i18n-aeee51c6.js → i18n-45aa3c6d.js} +1 -1
  307. package/dist/kolibri/{icon-39480b46.js → icon-995dad86.js} +1 -1
  308. package/dist/kolibri/image-source-67fe13cc.js +4 -0
  309. package/dist/kolibri/index.esm.js +1 -1
  310. package/dist/kolibri/kol-abbr.entry.js +1 -1
  311. package/dist/kolibri/kol-accordion.entry.js +1 -1
  312. package/dist/kolibri/kol-alert-wc_2.entry.js +1 -1
  313. package/dist/kolibri/kol-alert-wc_2.entry.js.map +1 -1
  314. package/dist/kolibri/kol-avatar-wc.entry.js +1 -1
  315. package/dist/kolibri/kol-badge.entry.js +1 -1
  316. package/dist/kolibri/kol-breadcrumb.entry.js +1 -1
  317. package/dist/kolibri/kol-button-wc_2.entry.js +1 -1
  318. package/dist/kolibri/kol-card.entry.js +1 -1
  319. package/dist/kolibri/kol-card.entry.js.map +1 -1
  320. package/dist/kolibri/kol-details.entry.js +1 -1
  321. package/dist/kolibri/kol-form.entry.js +1 -1
  322. package/dist/kolibri/kol-icon.entry.js +1 -1
  323. package/dist/kolibri/kol-image.entry.js +1 -1
  324. package/dist/kolibri/kol-input-adapter-leanup.entry.js +1 -1
  325. package/dist/kolibri/kol-input-checkbox.entry.js +1 -1
  326. package/dist/kolibri/kol-input-checkbox.entry.js.map +1 -1
  327. package/dist/kolibri/kol-input-color.entry.js +1 -1
  328. package/dist/kolibri/kol-input-color.entry.js.map +1 -1
  329. package/dist/kolibri/kol-input-date.entry.js +1 -1
  330. package/dist/kolibri/kol-input-date.entry.js.map +1 -1
  331. package/dist/kolibri/kol-input-email.entry.js +1 -1
  332. package/dist/kolibri/kol-input-email.entry.js.map +1 -1
  333. package/dist/kolibri/kol-input-file.entry.js +1 -1
  334. package/dist/kolibri/kol-input-file.entry.js.map +1 -1
  335. package/dist/kolibri/kol-input-number.entry.js +1 -1
  336. package/dist/kolibri/kol-input-number.entry.js.map +1 -1
  337. package/dist/kolibri/kol-input-password.entry.js +1 -1
  338. package/dist/kolibri/kol-input-password.entry.js.map +1 -1
  339. package/dist/kolibri/kol-input-radio-group.entry.js +1 -1
  340. package/dist/kolibri/kol-input-radio-group.entry.js.map +1 -1
  341. package/dist/kolibri/kol-input-radio.entry.js +1 -1
  342. package/dist/kolibri/kol-input-radio.entry.js.map +1 -1
  343. package/dist/kolibri/kol-input-range.entry.js +1 -1
  344. package/dist/kolibri/kol-input-range.entry.js.map +1 -1
  345. package/dist/kolibri/kol-input-text.entry.js +1 -1
  346. package/dist/kolibri/kol-input-text.entry.js.map +1 -1
  347. package/dist/kolibri/kol-kolibri.entry.js +1 -1
  348. package/dist/kolibri/kol-link-button.entry.js +1 -1
  349. package/dist/kolibri/kol-link-group.entry.js +1 -1
  350. package/dist/kolibri/kol-link-wc.entry.js +1 -1
  351. package/dist/kolibri/kol-logo.entry.js +1 -1
  352. package/dist/kolibri/kol-modal.entry.js +1 -1
  353. package/dist/kolibri/kol-nav.entry.js +1 -1
  354. package/dist/kolibri/kol-pagination.entry.js +1 -1
  355. package/dist/kolibri/kol-pagination.entry.js.map +1 -1
  356. package/dist/kolibri/kol-popover.entry.js +1 -1
  357. package/dist/kolibri/kol-progress.entry.js +1 -1
  358. package/dist/kolibri/kol-quote.entry.js +1 -1
  359. package/dist/kolibri/kol-select.entry.js +1 -1
  360. package/dist/kolibri/kol-select.entry.js.map +1 -1
  361. package/dist/kolibri/kol-skip-nav.entry.js +1 -1
  362. package/dist/kolibri/kol-span-wc_2.entry.js +1 -1
  363. package/dist/kolibri/kol-spin.entry.js +1 -1
  364. package/dist/kolibri/kol-split-button.entry.js +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-tabs.entry.js +1 -1
  368. package/dist/kolibri/kol-textarea.entry.js +1 -1
  369. package/dist/kolibri/kol-textarea.entry.js.map +1 -1
  370. package/dist/kolibri/kol-toast.entry.js +1 -1
  371. package/dist/kolibri/kol-toast.entry.js.map +1 -1
  372. package/dist/kolibri/kol-version.entry.js +1 -1
  373. package/dist/kolibri/kolibri.esm.js +1 -1
  374. package/dist/kolibri/label-f1600f9b.js +4 -0
  375. package/dist/kolibri/open-696153d1.js +4 -0
  376. package/dist/kolibri/{open-b3f288a0.js.map → open-696153d1.js.map} +1 -1
  377. package/dist/kolibri/{prop.validators-848907c9.js → prop.validators-fba03cca.js} +1 -1
  378. package/dist/kolibri/rows-4f484519.js +4 -0
  379. package/dist/kolibri/show-7c8e9658.js +4 -0
  380. package/dist/kolibri/{show-32e7c9a1.js.map → show-7c8e9658.js.map} +1 -1
  381. package/dist/kolibri/{suggestions-b21d08a1.js → suggestions-ec4c5896.js} +1 -1
  382. package/dist/kolibri/tab-index-047d5fa8.js +4 -0
  383. package/dist/kolibri/tooltip-align-059bc525.js +4 -0
  384. package/dist/kolibri/validation-5a1145b4.js +4 -0
  385. package/dist/kolibri/validation-e77a4410.js +4 -0
  386. package/dist/types/components/@deprecated/input/types-icon.d.ts +2 -2
  387. package/dist/types/components/@deprecated/input/types.d.ts +2 -2
  388. package/dist/types/components/input-checkbox/component.d.ts +2 -2
  389. package/dist/types/components/input-checkbox/types.d.ts +3 -4
  390. package/dist/types/components/input-color/component.d.ts +1 -1
  391. package/dist/types/components/input-color/types.d.ts +2 -2
  392. package/dist/types/components/input-date/component.d.ts +1 -1
  393. package/dist/types/components/input-date/types.d.ts +2 -2
  394. package/dist/types/components/input-email/component.d.ts +1 -1
  395. package/dist/types/components/input-email/types.d.ts +2 -2
  396. package/dist/types/components/input-file/component.d.ts +1 -1
  397. package/dist/types/components/input-file/types.d.ts +2 -2
  398. package/dist/types/components/input-number/component.d.ts +1 -1
  399. package/dist/types/components/input-number/types.d.ts +2 -2
  400. package/dist/types/components/input-password/component.d.ts +1 -1
  401. package/dist/types/components/input-password/types.d.ts +2 -2
  402. package/dist/types/components/input-radio/component.d.ts +1 -1
  403. package/dist/types/components/input-radio/controller.d.ts +2 -2
  404. package/dist/types/components/input-radio/types.d.ts +2 -2
  405. package/dist/types/components/input-radio-group/component.d.ts +1 -1
  406. package/dist/types/components/input-range/component.d.ts +1 -1
  407. package/dist/types/components/input-range/types.d.ts +2 -2
  408. package/dist/types/components/input-text/component.d.ts +1 -1
  409. package/dist/types/components/input-text/controller.d.ts +2 -2
  410. package/dist/types/components/input-text/types.d.ts +2 -2
  411. package/dist/types/components/select/component.d.ts +1 -1
  412. package/dist/types/components/select/types.d.ts +2 -2
  413. package/dist/types/components/textarea/component.d.ts +1 -1
  414. package/dist/types/components/textarea/types.d.ts +2 -2
  415. package/dist/types/components.d.ts +40 -38
  416. package/doc/accordion.md +0 -12
  417. package/doc/alert.md +1 -1
  418. package/doc/badge.md +4 -4
  419. package/doc/card.md +3 -9
  420. package/doc/form.md +6 -6
  421. package/doc/image.md +1 -3
  422. package/doc/input-checkbox.md +30 -32
  423. package/doc/input-color.md +24 -24
  424. package/doc/input-date.md +29 -29
  425. package/doc/input-email.md +31 -31
  426. package/doc/input-file.md +23 -25
  427. package/doc/input-number.md +30 -30
  428. package/doc/input-password.md +28 -32
  429. package/doc/input-radio-group.md +18 -18
  430. package/doc/input-radio.md +22 -28
  431. package/doc/input-range.md +34 -29
  432. package/doc/input-text.md +47 -45
  433. package/doc/link-button.md +10 -10
  434. package/doc/link-group.md +0 -1
  435. package/doc/pagination.md +14 -14
  436. package/doc/quote.md +47 -0
  437. package/doc/select.md +24 -24
  438. package/doc/split-button.md +17 -0
  439. package/doc/table.md +2 -2
  440. package/doc/textarea.md +24 -24
  441. package/doc/toast.md +1 -1
  442. package/jest-test-results.json +1 -1
  443. package/package.json +1 -1
  444. package/vscode-custom-data.json +5 -5
  445. package/dist/cjs/align-8d970f97.js +0 -4
  446. package/dist/cjs/color-f6976663.js +0 -4
  447. package/dist/cjs/color-f6976663.js.map +0 -1
  448. package/dist/cjs/controller-0e65651c.js.map +0 -1
  449. package/dist/cjs/controller-32ba245c.js +0 -4
  450. package/dist/cjs/has-closer-a935f70c.js +0 -4
  451. package/dist/cjs/hide-label-ac3e5409.js +0 -4
  452. package/dist/cjs/image-source-0a4f0f97.js +0 -4
  453. package/dist/cjs/open-ff905ecc.js +0 -4
  454. package/dist/cjs/rows-036ed047.js +0 -4
  455. package/dist/cjs/show-5fc43fc1.js +0 -4
  456. package/dist/cjs/suggestions-973087f1.js +0 -4
  457. package/dist/cjs/tooltip-align-eac89b0d.js +0 -4
  458. package/dist/cjs/validation-c206d5af.js +0 -4
  459. package/dist/esm/app-globals-8e026dff.js +0 -4
  460. package/dist/esm/color-77ea8066.js +0 -4
  461. package/dist/esm/color-77ea8066.js.map +0 -1
  462. package/dist/esm/controller-c994d374.js.map +0 -1
  463. package/dist/esm/validation-5031e4a9.js +0 -4
  464. package/dist/esm/validation-803143f8.js +0 -4
  465. package/dist/kolibri/align-92c5bc16.js +0 -4
  466. package/dist/kolibri/alignment-b51e051c.js +0 -4
  467. package/dist/kolibri/app-globals-8e026dff.js +0 -4
  468. package/dist/kolibri/color-77ea8066.js +0 -4
  469. package/dist/kolibri/color-77ea8066.js.map +0 -1
  470. package/dist/kolibri/controller-342152c9.js.map +0 -1
  471. package/dist/kolibri/controller-c994d374.js.map +0 -1
  472. package/dist/kolibri/controller-icon-ac0f10f5.js +0 -4
  473. package/dist/kolibri/has-closer-0bb6f4c3.js +0 -4
  474. package/dist/kolibri/hide-label-8ac8a4d6.js +0 -4
  475. package/dist/kolibri/image-source-85eb084d.js +0 -4
  476. package/dist/kolibri/label-45ce75a0.js +0 -4
  477. package/dist/kolibri/open-b3f288a0.js +0 -4
  478. package/dist/kolibri/rows-3c427799.js +0 -4
  479. package/dist/kolibri/show-32e7c9a1.js +0 -4
  480. package/dist/kolibri/tab-index-6f2034cd.js +0 -4
  481. package/dist/kolibri/tooltip-align-bbfedcc8.js +0 -4
  482. package/dist/kolibri/validation-5031e4a9.js +0 -4
  483. package/dist/kolibri/validation-803143f8.js +0 -4
  484. /package/dist/kolibri/{a11y.tipps-35a8451a.js.map → a11y.tipps-3205ae7d.js.map} +0 -0
  485. /package/dist/kolibri/{align-92c5bc16.js.map → align-c3f25b15.js.map} +0 -0
  486. /package/dist/kolibri/{alignment-b51e051c.js.map → alignment-c3101451.js.map} +0 -0
  487. /package/dist/kolibri/{alternative-button-link-role-510f3e5d.js.map → alternative-button-link-role-3ee6a8a7.js.map} +0 -0
  488. /package/dist/kolibri/{associated.controller-97d657c9.js.map → associated.controller-e261bc1a.js.map} +0 -0
  489. /package/dist/kolibri/{controller-5772e244.js.map → controller-ac00e430.js.map} +0 -0
  490. /package/dist/kolibri/{controller-7fd0a811.js.map → controller-b538f5cd.js.map} +0 -0
  491. /package/dist/kolibri/{controller-067fa41d.js.map → controller-c37fdd5f.js.map} +0 -0
  492. /package/dist/kolibri/{controller-icon-ac0f10f5.js.map → controller-icon-caaea418.js.map} +0 -0
  493. /package/dist/kolibri/{custom-class-aee02f0e.js.map → custom-class-fc81ab83.js.map} +0 -0
  494. /package/dist/kolibri/{devtools-09a7a8d8.js.map → devtools-2bc3c829.js.map} +0 -0
  495. /package/dist/kolibri/{hide-label-8ac8a4d6.js.map → hide-label-7ff2d26a.js.map} +0 -0
  496. /package/dist/kolibri/{i18n-aeee51c6.js.map → i18n-45aa3c6d.js.map} +0 -0
  497. /package/dist/kolibri/{icon-39480b46.js.map → icon-995dad86.js.map} +0 -0
  498. /package/dist/kolibri/{image-source-85eb084d.js.map → image-source-67fe13cc.js.map} +0 -0
  499. /package/dist/kolibri/{label-45ce75a0.js.map → label-f1600f9b.js.map} +0 -0
  500. /package/dist/kolibri/{prop.validators-848907c9.js.map → prop.validators-fba03cca.js.map} +0 -0
  501. /package/dist/kolibri/{rows-3c427799.js.map → rows-4f484519.js.map} +0 -0
  502. /package/dist/kolibri/{suggestions-b21d08a1.js.map → suggestions-ec4c5896.js.map} +0 -0
  503. /package/dist/kolibri/{tab-index-6f2034cd.js.map → tab-index-047d5fa8.js.map} +0 -0
  504. /package/dist/kolibri/{tooltip-align-bbfedcc8.js.map → tooltip-align-059bc525.js.map} +0 -0
  505. /package/dist/kolibri/{validation-803143f8.js.map → validation-5a1145b4.js.map} +0 -0
  506. /package/dist/kolibri/{validation-5031e4a9.js.map → validation-e77a4410.js.map} +0 -0
package/doc/input-range.md CHANGED
@@ -8,20 +8,25 @@ Der Input-Typ **Range** erzeugt ein interaktives Element, mit dem Werte durch Ve
8
8
 
9
9
  ```html
10
10
  <kol-input-range
11
- _id="meine_range"
12
- _name="meine_range"
11
+ _label="Wertebereich"
13
12
  _min="100"
14
13
  _max="200"
15
14
  _value="100"
16
15
  _step="20"
17
- _icon='{ "left": "codicon codicon-arrow-small-down", "right": "codicon codicon-arrow-small-up"}'
18
- >Wertebereich</kol-input-range
19
- >
16
+ _icon='{"left": "codicon codicon-arrow-small-down", "right": "codicon codicon-arrow-small-up"}'
17
+ ></kol-input-range>
20
18
  ```
21
19
 
22
20
  ### Beispiel
23
21
 
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>
22
+ <kol-input-range
23
+ _label="Wertebereich"
24
+ _min="100"
25
+ _max="200"
26
+ _value="100"
27
+ _step="20"
28
+ _icon='{"left": "codicon codicon-arrow-small-down", "right": "codicon codicon-arrow-small-up"}'
29
+ ></kol-input-range
25
30
 
26
31
  ## Verwendung
27
32
 
@@ -47,29 +52,29 @@ Der Input-Typ **Range** erzeugt ein interaktives Element, mit dem Werte durch Ve
47
52
 
48
53
  ## Properties
49
54
 
50
- | Property | Attribute | Description | Type | Default |
51
- | --------------------- | ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------- | ----------- |
52
- | `_accessKey` | `_access-key` | Defines which key combination can be used to trigger or focus the interactive element of the component. | `string` \| `undefined` | `undefined` |
53
- | `_alert` | `_alert` | Defines whether the screen-readers should read out the notification. | `boolean` \| `undefined` | `true` |
54
- | `_autoComplete` | `_auto-complete` | Defines whether the input can be auto-completed. | `"off"` \| `"on"` \| `undefined` | `undefined` |
55
- | `_disabled` | `_disabled` | Makes the element not focusable and ignore all events. | `boolean` \| `undefined` | `undefined` |
56
- | `_error` | `_error` | Defines the error message text. | `string` \| `undefined` | `undefined` |
57
- | `_hideLabel` | `_hide-label` | Hides the label. | `boolean` \| `undefined` | `undefined` |
58
- | `_hint` | `_hint` | Defines the hint text. | `string` \| `undefined` | `''` |
59
- | `_icon` | `_icon` | Defines the icon classnames (e.g. `_icon="fa-solid fa-user"`). | `string` \| `undefined` \| `{ right?: IconOrIconClass` \| `undefined; left?: IconOrIconClass` \| `undefined; }` | `undefined` |
60
- | `_id` | `_id` | Defines the internal ID of the primary component element. | `string` \| `undefined` | `undefined` |
61
- | `_label` _(required)_ | `_label` | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot. | `boolean` \| `string` | `undefined` |
62
- | `_list` | `_list` | <span class="text-red-500">**[DEPRECATED]**</span> Use _suggestions.<br/><br/>Deprecated: Gibt die Liste der Vorschlagswörter an. | `Option<W3CInputValue>[]` \| `string` \| `undefined` | `undefined` |
63
- | `_max` | `_max` | Defines the largest possible input value. | `number` \| `undefined` | `undefined` |
64
- | `_min` | `_min` | Defines the smallest possible input value. | `number` \| `undefined` | `undefined` |
65
- | `_name` | `_name` | Defines the technical name of an input field. | `string` \| `undefined` | `undefined` |
66
- | `_on` | -- | Gibt die EventCallback-Funktionen für das Input-Event an. | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus` \| `undefined` | `undefined` |
67
- | `_step` | `_step` | Defines the step size for value changes. | `number` \| `undefined` | `undefined` |
68
- | `_suggestions` | `_suggestions` | Suggestions to provide for the input. | `W3CInputValue[]` \| `string` \| `undefined` | `undefined` |
69
- | `_tabIndex` | `_tab-index` | Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) | `number` \| `undefined` | `undefined` |
70
- | `_tooltipAlign` | `_tooltip-align` | Defines where to show the Tooltip preferably: top, right, bottom or left. | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined` | `'top'` |
71
- | `_touched` | `_touched` | Shows if the input was touched by a user. | `boolean` \| `undefined` | `false` |
72
- | `_value` | `_value` | Defines the value of the input. | `number` \| `undefined` | `undefined` |
55
+ | Property | Attribute | Description | Type | Default |
56
+ | --------------- | ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------- | ----------- |
57
+ | `_accessKey` | `_access-key` | Defines which key combination can be used to trigger or focus the interactive element of the component. | `string` \| `undefined` | `undefined` |
58
+ | `_alert` | `_alert` | Defines whether the screen-readers should read out the notification. | `boolean` \| `undefined` | `true` |
59
+ | `_autoComplete` | `_auto-complete` | Defines whether the input can be auto-completed. | `"off"` \| `"on"` \| `undefined` | `undefined` |
60
+ | `_disabled` | `_disabled` | Makes the element not focusable and ignore all events. | `boolean` \| `undefined` | `undefined` |
61
+ | `_error` | `_error` | Defines the error message text. | `string` \| `undefined` | `undefined` |
62
+ | `_hideLabel` | `_hide-label` | Hides the label. | `boolean` \| `undefined` | `undefined` |
63
+ | `_hint` | `_hint` | Defines the hint text. | `string` \| `undefined` | `''` |
64
+ | `_icon` | `_icon` | Defines the icon classnames (e.g. `_icon="fa-solid fa-user"`). | `string` \| `undefined` \| `{ right?: IconOrIconClass` \| `undefined; left?: IconOrIconClass` \| `undefined; }` | `undefined` |
65
+ | `_id` | `_id` | Defines the internal ID of the primary component element. | `string` \| `undefined` | `undefined` |
66
+ | `_label` | `_label` | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot. | `boolean` \| `string` \| `undefined` | `undefined` |
67
+ | `_list` | `_list` | <span class="text-red-500">**[DEPRECATED]**</span> Use _suggestions.<br/><br/>Deprecated: Gibt die Liste der Vorschlagswörter an. | `Option<W3CInputValue>[]` \| `string` \| `undefined` | `undefined` |
68
+ | `_max` | `_max` | Defines the largest possible input value. | `number` \| `undefined` | `undefined` |
69
+ | `_min` | `_min` | Defines the smallest possible input value. | `number` \| `undefined` | `undefined` |
70
+ | `_name` | `_name` | Defines the technical name of an input field. | `string` \| `undefined` | `undefined` |
71
+ | `_on` | -- | Gibt die EventCallback-Funktionen für das Input-Event an. | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus` \| `undefined` | `undefined` |
72
+ | `_step` | `_step` | Defines the step size for value changes. | `number` \| `undefined` | `undefined` |
73
+ | `_suggestions` | `_suggestions` | Suggestions to provide for the input. | `W3CInputValue[]` \| `string` \| `undefined` | `undefined` |
74
+ | `_tabIndex` | `_tab-index` | Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) | `number` \| `undefined` | `undefined` |
75
+ | `_tooltipAlign` | `_tooltip-align` | Defines where to show the Tooltip preferably: top, right, bottom or left. | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined` | `'top'` |
76
+ | `_touched` | `_touched` | Shows if the input was touched by a user. | `boolean` \| `undefined` | `false` |
77
+ | `_value` | `_value` | Defines the value of the input. | `number` \| `undefined` | `undefined` |
73
78
 
74
79
 
75
80
  ## Slots
package/doc/input-text.md CHANGED
@@ -9,28 +9,30 @@ Der Input-Typ **Text** erzeugt ein Eingabefeld für normalen Text, Suchbegriffe,
9
9
  ```html
10
10
  <kol-input-text
11
11
  _type="text"
12
- _id="mein_text"
13
- _name="mein_text"
14
- _icon="{ left: 'codicon codicon-arrow-left', right: { icon: 'codicon codicon-arrow-right', style: { 'font-size': '200%', }, }, }"
15
- >Texteingabe</kol-input-text
16
- >
17
- <kol-input-text _type="text" _id="deaktiviert" _name="deaktiviert" _disabled>Deaktiviert</kol-input-text>
18
- <kol-input-text _type="text" _id="schreibgeschützt" _name="schreibgeschützt" _read-only>Schreibgeschützt</kol-input-text>
12
+ _label="Texteingabe"
13
+ _icon='{"left": "codicon codicon-arrow-left", "right": {"icon": "codicon codicon-arrow-right", "style": {"font-size": "200%"}}}'
14
+ ></kol-input-text>
15
+ <kol-input-text _type="text" _label="Deaktiviert" _disabled></kol-input-text>
16
+ <kol-input-text _type="text" _label="Schreibgeschützt" _read-only></kol-input-text>
19
17
  <kol-input-text
20
18
  _type="text"
21
- _id="loeschbar"
22
- _name="loeschbar"
23
- _smartButton="{ _icon: 'codicon codicon-chrome-close', _hideLabel: true, _label: 'Löschen', _on: { onClick: clearInput } }"
24
- >Löschbar</kol-input-text
25
- >
19
+ _label="Mit Button"
20
+ _smart-button='{"_icon": "codicon codicon-chrome-close", "_hideLabel": true, "_label": "Löschen"}'
21
+ ></kol-input-text>
26
22
  ```
27
23
 
28
24
  ### Beispiel
29
25
 
30
- <kol-input-text _type="text" _id="mein_text" _name="mein_text" _icon="{ left: 'codicon codicon-arrow-left', right: { icon: 'codicon codicon-arrow-right', style: { 'font-size': '200%', }, }, }">Texteingabe</kol-input-text>
31
- <kol-input-text _type="text" _id="deaktiviert" _name="deaktiviert" _disabled>Deaktiviert</kol-input-text>
32
- <kol-input-text _type="text" _id="schreibgeschützt" _name="schreibgeschützt" _read-only>Schreibgeschützt</kol-input-text>
33
- <kol-input-text _type="text" _id="loeschbar" _name="loeschbar">Löschbar</kol-input-text>
26
+ <kol-input-text _type="text" _label="Texteingabe" _icon='{"left": "codicon codicon-arrow-left", "right": {"icon": "codicon codicon-arrow-right", "style": {"font-size": "200%"}}}'></kol-input-text>
27
+ <kol-input-text _type="text" _label="Deaktiviert" _disabled></kol-input-text>
28
+ <kol-input-text _type="text" _label="Schreibgeschützt" _read-only></kol-input-text>
29
+ <kol-input-text
30
+ _type="text"
31
+ _label="Mit Button"
32
+ _smart-button='{"_icon": "codicon codicon-chrome-close", "_hideLabel": true, "_label": "Löschen"}'
33
+ ></kol-input-text
34
+
35
+ >
34
36
 
35
37
  ## Verwendung
36
38
 
@@ -57,35 +59,35 @@ Der Input-Typ **Text** erzeugt ein Eingabefeld für normalen Text, Suchbegriffe,
57
59
 
58
60
  ## Properties
59
61
 
60
- | Property | Attribute | Description | Type | Default |
61
- | --------------------- | ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
62
- | `_accessKey` | `_access-key` | Defines which key combination can be used to trigger or focus the interactive element of the component. | `string` \| `undefined` | `undefined` |
63
- | `_alert` | `_alert` | Defines whether the screen-readers should read out the notification. | `boolean` \| `undefined` | `true` |
64
- | `_autoComplete` | `_auto-complete` | Defines whether the input can be auto-completed. | `"off"` \| `"on"` \| `undefined` | `undefined` |
65
- | `_disabled` | `_disabled` | Makes the element not focusable and ignore all events. | `boolean` \| `undefined` | `undefined` |
66
- | `_error` | `_error` | Defines the error message text. | `string` \| `undefined` | `undefined` |
67
- | `_hasCounter` | `_has-counter` | Shows the character count on the lower border of the input. | `boolean` \| `undefined` | `undefined` |
68
- | `_hideLabel` | `_hide-label` | Hides the label. | `boolean` \| `undefined` | `undefined` |
69
- | `_hint` | `_hint` | Defines the hint text. | `string` \| `undefined` | `''` |
70
- | `_icon` | `_icon` | Defines the icon classnames (e.g. `_icon="fa-solid fa-user"`). | `string` \| `undefined` \| `{ right?: IconOrIconClass` \| `undefined; left?: IconOrIconClass` \| `undefined; }` | `undefined` |
71
- | `_id` | `_id` | Defines the internal ID of the primary component element. | `string` \| `undefined` | `undefined` |
72
- | `_label` _(required)_ | `_label` | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot. | `boolean` \| `string` | `undefined` |
73
- | `_list` | `_list` | <span class="text-red-500">**[DEPRECATED]**</span> Use _suggestions.<br/><br/>Deprecated: Gibt die Liste der Vorschlagswörter an. | `string` \| `string[]` \| `undefined` | `undefined` |
74
- | `_maxLength` | `_max-length` | Defines the maximum number of input characters. | `number` \| `undefined` | `undefined` |
75
- | `_name` | `_name` | Defines the technical name of an input field. | `string` \| `undefined` | `undefined` |
76
- | `_on` | -- | Gibt die EventCallback-Funktionen für das Input-Event an. | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus` \| `undefined` | `undefined` |
77
- | `_pattern` | `_pattern` | Defines a validation pattern for the input field. | `string` \| `undefined` | `undefined` |
78
- | `_placeholder` | `_placeholder` | Defines the placeholder for input field. To be shown when there's no value. | `string` \| `undefined` | `undefined` |
79
- | `_readOnly` | `_read-only` | Makes the input element read only. | `boolean` \| `undefined` | `undefined` |
80
- | `_required` | `_required` | Makes the input element required. | `boolean` \| `undefined` | `undefined` |
81
- | `_size` | `_size` | Setzt die Breite des Eingabefeldes in Buchstabenbreiten. | `number` \| `undefined` | `undefined` |
82
- | `_smartButton` | `_smart-button` | Allows to add a button with an arbitrary action within the element (_hide-label only). | `string` \| `undefined` \| `{ _label: LabelWithExpertSlotPropType; } & { _tabIndex?: number` \| `undefined; _value?: Stringified<StencilUnknown>; _accessKey?: string` \| `undefined; _iconAlign?: AlignPropType` \| `undefined; _iconOnly?: boolean` \| `undefined; _role?: AlternativeButtonLinkRolePropType` \| `undefined; _ariaControls?: string` \| `undefined; _ariaCurrent?: AriaCurrentPropType` \| `undefined; _ariaExpanded?: boolean` \| `undefined; _ariaLabel?: string` \| `undefined; _ariaSelected?: boolean` \| `undefined; _on?: ButtonCallbacksPropType<StencilUnknown>` \| `undefined; _type?: ButtonTypePropType` \| `undefined; _variant?: ButtonVariantPropType` \| `undefined; _customClass?: string` \| `undefined; _disabled?: boolean` \| `undefined; _hideLabel?: boolean` \| `undefined; _icon?: IconPropType` \| `undefined; _id?: string` \| `undefined; _name?: string` \| `undefined; _syncValueBySelector?: string` \| `undefined; _tooltipAlign?: AlignPropType` \| `undefined; }` | `undefined` |
83
- | `_suggestions` | `_suggestions` | Suggestions to provide for the input. | `W3CInputValue[]` \| `string` \| `undefined` | `undefined` |
84
- | `_tabIndex` | `_tab-index` | Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) | `number` \| `undefined` | `undefined` |
85
- | `_tooltipAlign` | `_tooltip-align` | Defines where to show the Tooltip preferably: top, right, bottom or left. | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined` | `'top'` |
86
- | `_touched` | `_touched` | Shows if the input was touched by a user. | `boolean` \| `undefined` | `false` |
87
- | `_type` | `_type` | Defines either the type of the component or of the components interactive element. | `"search"` \| `"tel"` \| `"text"` \| `"url"` \| `undefined` | `'text'` |
88
- | `_value` | `_value` | Defines the value of the input. | `string` \| `undefined` | `undefined` |
62
+ | Property | Attribute | Description | Type | Default |
63
+ | --------------- | ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
64
+ | `_accessKey` | `_access-key` | Defines which key combination can be used to trigger or focus the interactive element of the component. | `string` \| `undefined` | `undefined` |
65
+ | `_alert` | `_alert` | Defines whether the screen-readers should read out the notification. | `boolean` \| `undefined` | `true` |
66
+ | `_autoComplete` | `_auto-complete` | Defines whether the input can be auto-completed. | `"off"` \| `"on"` \| `undefined` | `undefined` |
67
+ | `_disabled` | `_disabled` | Makes the element not focusable and ignore all events. | `boolean` \| `undefined` | `undefined` |
68
+ | `_error` | `_error` | Defines the error message text. | `string` \| `undefined` | `undefined` |
69
+ | `_hasCounter` | `_has-counter` | Shows the character count on the lower border of the input. | `boolean` \| `undefined` | `undefined` |
70
+ | `_hideLabel` | `_hide-label` | Hides the label. | `boolean` \| `undefined` | `undefined` |
71
+ | `_hint` | `_hint` | Defines the hint text. | `string` \| `undefined` | `''` |
72
+ | `_icon` | `_icon` | Defines the icon classnames (e.g. `_icon="fa-solid fa-user"`). | `string` \| `undefined` \| `{ right?: IconOrIconClass` \| `undefined; left?: IconOrIconClass` \| `undefined; }` | `undefined` |
73
+ | `_id` | `_id` | Defines the internal ID of the primary component element. | `string` \| `undefined` | `undefined` |
74
+ | `_label` | `_label` | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot. | `boolean` \| `string` \| `undefined` | `undefined` |
75
+ | `_list` | `_list` | <span class="text-red-500">**[DEPRECATED]**</span> Use _suggestions.<br/><br/>Deprecated: Gibt die Liste der Vorschlagswörter an. | `string` \| `string[]` \| `undefined` | `undefined` |
76
+ | `_maxLength` | `_max-length` | Defines the maximum number of input characters. | `number` \| `undefined` | `undefined` |
77
+ | `_name` | `_name` | Defines the technical name of an input field. | `string` \| `undefined` | `undefined` |
78
+ | `_on` | -- | Gibt die EventCallback-Funktionen für das Input-Event an. | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus` \| `undefined` | `undefined` |
79
+ | `_pattern` | `_pattern` | Defines a validation pattern for the input field. | `string` \| `undefined` | `undefined` |
80
+ | `_placeholder` | `_placeholder` | Defines the placeholder for input field. To be shown when there's no value. | `string` \| `undefined` | `undefined` |
81
+ | `_readOnly` | `_read-only` | Makes the input element read only. | `boolean` \| `undefined` | `undefined` |
82
+ | `_required` | `_required` | Makes the input element required. | `boolean` \| `undefined` | `undefined` |
83
+ | `_size` | `_size` | Setzt die Breite des Eingabefeldes in Buchstabenbreiten. | `number` \| `undefined` | `undefined` |
84
+ | `_smartButton` | `_smart-button` | Allows to add a button with an arbitrary action within the element (_hide-label only). | `string` \| `undefined` \| `{ _label: LabelWithExpertSlotPropType; } & { _tabIndex?: number` \| `undefined; _value?: Stringified<StencilUnknown>; _accessKey?: string` \| `undefined; _iconAlign?: AlignPropType` \| `undefined; _iconOnly?: boolean` \| `undefined; _role?: AlternativeButtonLinkRolePropType` \| `undefined; _ariaControls?: string` \| `undefined; _ariaCurrent?: AriaCurrentPropType` \| `undefined; _ariaExpanded?: boolean` \| `undefined; _ariaLabel?: string` \| `undefined; _ariaSelected?: boolean` \| `undefined; _on?: ButtonCallbacksPropType<StencilUnknown>` \| `undefined; _type?: ButtonTypePropType` \| `undefined; _variant?: ButtonVariantPropType` \| `undefined; _customClass?: string` \| `undefined; _disabled?: boolean` \| `undefined; _hideLabel?: boolean` \| `undefined; _icon?: IconPropType` \| `undefined; _id?: string` \| `undefined; _name?: string` \| `undefined; _syncValueBySelector?: string` \| `undefined; _tooltipAlign?: AlignPropType` \| `undefined; }` | `undefined` |
85
+ | `_suggestions` | `_suggestions` | Suggestions to provide for the input. | `W3CInputValue[]` \| `string` \| `undefined` | `undefined` |
86
+ | `_tabIndex` | `_tab-index` | Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) | `number` \| `undefined` | `undefined` |
87
+ | `_tooltipAlign` | `_tooltip-align` | Defines where to show the Tooltip preferably: top, right, bottom or left. | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined` | `'top'` |
88
+ | `_touched` | `_touched` | Shows if the input was touched by a user. | `boolean` \| `undefined` | `false` |
89
+ | `_type` | `_type` | Defines either the type of the component or of the components interactive element. | `"search"` \| `"tel"` \| `"text"` \| `"url"` \| `undefined` | `'text'` |
90
+ | `_value` | `_value` | Defines the value of the input. | `string` \| `undefined` | `undefined` |
89
91
 
90
92
 
91
93
  ## Slots
package/doc/link-button.md CHANGED
@@ -8,21 +8,21 @@ Weitere Informationen zum Aussehen finden Sie auf der <kol-link _href="/docs/com
8
8
  ### Code
9
9
 
10
10
  ```html
11
- <kol-link-button _href="#" _label="#" _label="Primary" _variant="primary"></kol-link-button>
12
- <kol-link-button _href="#" _label="#" _label="Secondary" _variant="secondary"></kol-link-button>
13
- <kol-link-button _href="#" _label="#" _label="Normal" _variant="normal"></kol-link-button>
14
- <kol-link-button _href="#" _label="#" _label="Secondary" _variant="danger"></kol-link-button>
15
- <kol-link-button _href="#" _label="#" _label="Ghost" _variant="ghost"></kol-link-button>
11
+ <kol-link-button _href="#" _label="Primary" _variant="primary"></kol-link-button>
12
+ <kol-link-button _href="#" _label="Secondary" _variant="secondary"></kol-link-button>
13
+ <kol-link-button _href="#" _label="Normal" _variant="normal"></kol-link-button>
14
+ <kol-link-button _href="#" _label="Secondary" _variant="danger"></kol-link-button>
15
+ <kol-link-button _href="#" _label="Ghost" _variant="ghost"></kol-link-button>
16
16
  ```
17
17
 
18
18
  ### Beispiel
19
19
 
20
20
  <div class="flex gap-2">
21
- <kol-link-button _href="#" _label="#" _label="Primary" _variant="primary"></kol-link-button>
22
- <kol-link-button _href="#" _label="#" _label="Secondary" _variant="secondary"></kol-link-button>
23
- <kol-link-button _href="#" _label="#" _label="Normal" _variant="normal"></kol-link-button>
24
- <kol-link-button _href="#" _label="#" _label="Danger" _variant="danger"></kol-link-button>
25
- <kol-link-button _href="#" _label="#" _label="Ghost" _variant="ghost"></kol-link-button>
21
+ <kol-link-button _href="#" _label="Primary" _variant="primary"></kol-link-button>
22
+ <kol-link-button _href="#" _label="Secondary" _variant="secondary"></kol-link-button>
23
+ <kol-link-button _href="#" _label="Normal" _variant="normal"></kol-link-button>
24
+ <kol-link-button _href="#" _label="Danger" _variant="danger"></kol-link-button>
25
+ <kol-link-button _href="#" _label="Ghost" _variant="ghost"></kol-link-button>
26
26
  </div>
27
27
 
28
28
  <!-- Auto Generated Below -->
package/doc/link-group.md CHANGED
@@ -9,7 +9,6 @@ Die **LinkGroup**-Komponente bildet einen umfassenden Container für eine vertik
9
9
  ```html
10
10
  <kol-link-group
11
11
  _label="Einfache LinkGroup"
12
- _caption="Überschrift der LinkGroup"
13
12
  _links="[{'_label':'Link 1','_href':'https://www.w3.org'},{'_label':'Link 2','_href':'https://www.w3.org'},{'_label':'Link 3','_href':'https://www.w3.org'}]"
14
13
  _list-style-type="disc"
15
14
  _orientation="'vertical"
package/doc/pagination.md CHANGED
@@ -46,20 +46,20 @@ Klassische Anwendungsbereiche einer Paginierung sind z.B. Blog-ähnliche Inhalte
46
46
 
47
47
  ## Properties
48
48
 
49
- | Property | Attribute | Description | Type | Default |
50
- | --------------------- | -------------------- | --------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
51
- | `_boundaryCount` | `_boundary-count` | Defines the amount of pages to show next to the outer arrow buttons. | `number` \| `undefined` | `1` |
52
- | `_customClass` | `_custom-class` | Defines the custom class attribute for the buttons. | `string` \| `undefined` | `undefined` |
53
- | `_hasButtons` | `_has-buttons` | Defines which navigation buttons to render (first, last, next, previous buttons). | `boolean` \| `string` \| `undefined` \| `{ first: boolean; last: boolean; next: boolean; previous: boolean; }` | `true` |
54
- | `_label` | `_label` | Defines the description of the component. | `string` \| `undefined` | `undefined` |
55
- | `_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` |
56
- | `_page` _(required)_ | `_page` | Defines the current page. | `number` | `undefined` |
57
- | `_pageSize` | `_page-size` | Defines the amount of entries to show per page. | `number` | `1` |
58
- | `_pageSizeOptions` | `_page-size-options` | Defines the options for the page-size-select. | `number[]` \| `string` | `[]` |
59
- | `_siblingCount` | `_sibling-count` | Defines the amount of pages to show next to the current page. | `number` \| `undefined` | `1` |
60
- | `_tooltipAlign` | `_tooltip-align` | Defines where to show the Tooltip preferably: top, right, bottom or left. | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined` | `'top'` |
61
- | `_total` _(required)_ | `_total` | Setzt die Gesamtanzahl der Seiten. | `number` | `undefined` |
62
- | `_variant` | `_variant` | Defines which variant should be used for presentation. | `"custom"` \| `"danger"` \| `"ghost"` \| `"normal"` \| `"primary"` \| `"secondary"` \| `"tertiary"` \| `undefined` | `'normal'` |
49
+ | Property | Attribute | Description | Type | Default |
50
+ | --------------------- | -------------------- | ------------------------------------------------------------------------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
51
+ | `_boundaryCount` | `_boundary-count` | Defines the amount of pages to show next to the outer arrow buttons. | `number` \| `undefined` | `1` |
52
+ | `_customClass` | `_custom-class` | Defines the custom class attribute for the buttons. | `string` \| `undefined` | `undefined` |
53
+ | `_hasButtons` | `_has-buttons` | Defines which navigation buttons to render (first, last, next, previous buttons). | `boolean` \| `string` \| `undefined` \| `{ first: boolean; last: boolean; next: boolean; previous: boolean; }` | `true` |
54
+ | `_label` | `_label` | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). | `string` \| `undefined` | `undefined` |
55
+ | `_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` |
56
+ | `_page` _(required)_ | `_page` | Defines the current page. | `number` | `undefined` |
57
+ | `_pageSize` | `_page-size` | Defines the amount of entries to show per page. | `number` | `1` |
58
+ | `_pageSizeOptions` | `_page-size-options` | Defines the options for the page-size-select. | `number[]` \| `string` | `[]` |
59
+ | `_siblingCount` | `_sibling-count` | Defines the amount of pages to show next to the current page. | `number` \| `undefined` | `1` |
60
+ | `_tooltipAlign` | `_tooltip-align` | Defines where to show the Tooltip preferably: top, right, bottom or left. | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined` | `'top'` |
61
+ | `_total` _(required)_ | `_total` | Setzt die Gesamtanzahl der Seiten. | `number` | `undefined` |
62
+ | `_variant` | `_variant` | Defines which variant should be used for presentation. | `"custom"` \| `"danger"` \| `"ghost"` \| `"normal"` \| `"primary"` \| `"secondary"` \| `"tertiary"` \| `undefined` | `'normal'` |
63
63
 
64
64
 
65
65
  ## Dependencies
package/doc/quote.md CHANGED
@@ -4,6 +4,53 @@
4
4
 
5
5
  Die **Quote**-Komponente verfügt über zwei Varianten, eine kurze Fließtext-(`inline`) und eine eingerückte(`block`) Variante. Beide Varianten enthalten einen Link auf die Quelle des Zitates.
6
6
 
7
+ ## Konstruktion
8
+
9
+ ### Code
10
+
11
+ ```html
12
+ <kol-quote
13
+ _label="RFC 1149"
14
+ _href="https://datatracker.ietf.org/doc/html/rfc1149"
15
+ _quote="Avian carriers can provide high delay, low throughput, and low altitude
16
+ service. The connection topology is limited to a single point-to-point path
17
+ for each carrier, used with standard carriers, but many carriers can be used
18
+ without significant interference with each other, outside early spring.
19
+ This is because of the 3D ether space available to the carriers, in contrast
20
+ to the 1D ether used by IEEE802.3. The carriers have an intrinsic collision
21
+ avoidance system, which increases availability."
22
+ _variant="block"
23
+ >
24
+ </kol-quote>
25
+ <kol-quote
26
+ _label="RFC 1149"
27
+ _href="https://datatracker.ietf.org/doc/html/rfc1149"
28
+ _quote="Avian carriers can provide high delay."
29
+ _variant="inline"
30
+ ></kol-quote>
31
+ ```
32
+
33
+ ### Beispiele
34
+
35
+ <kol-quote
36
+ _label="RFC 1149"
37
+ _href="https://datatracker.ietf.org/doc/html/rfc1149"
38
+ _quote="Avian carriers can provide high delay, low throughput, and low altitude
39
+ service. The connection topology is limited to a single point-to-point path
40
+ for each carrier, used with standard carriers, but many carriers can be used
41
+ without significant interference with each other, outside early spring.
42
+ This is because of the 3D ether space available to the carriers, in contrast
43
+ to the 1D ether used by IEEE802.3. The carriers have an intrinsic collision
44
+ avoidance system, which increases availability."
45
+ _variant="block">
46
+ </kol-quote>
47
+ <kol-quote
48
+ _label="RFC 1149"
49
+ _href="https://datatracker.ietf.org/doc/html/rfc1149"
50
+ _quote="Avian carriers can provide high delay."
51
+ _variant="inline"
52
+ ></kol-quote>
53
+
7
54
  ## Verwendung
8
55
 
9
56
  Mittels **`_label`** kann eine Überschrift gesetzt werden, während **`_quote`** das eigentliche Zitat enthält. Der Ursprung wird über **`_href`** gesetzt.
package/doc/select.md CHANGED
@@ -90,30 +90,30 @@ 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` | Defines which key combination can be used to trigger or focus the interactive element of the component. | `string` \| `undefined` | `undefined` |
96
- | `_alert` | `_alert` | Defines whether the screen-readers should read out the notification. | `boolean` \| `undefined` | `true` |
97
- | `_disabled` | `_disabled` | Makes the element not focusable and ignore all events. | `boolean` \| `undefined` | `undefined` |
98
- | `_error` | `_error` | Defines the error message text. | `string` \| `undefined` | `undefined` |
99
- | `_height` | `_height` | <span class="text-red-500">**[DEPRECATED]**</span> Use _rows instead.<br/><br/>Deprecated: Defines an individual height. | `string` \| `undefined` | `undefined` |
100
- | `_hideLabel` | `_hide-label` | Hides the label. | `boolean` \| `undefined` | `undefined` |
101
- | `_hint` | `_hint` | Defines the hint text. | `string` \| `undefined` | `''` |
102
- | `_icon` | `_icon` | Defines the icon classnames (e.g. `_icon="fa-solid fa-user"`). | `string` \| `undefined` \| `{ right?: IconOrIconClass` \| `undefined; left?: IconOrIconClass` \| `undefined; }` | `undefined` |
103
- | `_id` | `_id` | Defines the internal ID of the primary component element. | `string` \| `undefined` | `undefined` |
104
- | `_label` _(required)_ | `_label` | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot. | `boolean` \| `string` | `undefined` |
105
- | `_list` | `_list` | <span style="color:red">**[DEPRECATED]**</span> use _options<br/><br/>Deprecated: Options the user can choose from, also supporting Optgroup. | `SelectOption<W3CInputValue>[]` \| `string` \| `undefined` | `undefined` |
106
- | `_multiple` | `_multiple` | Makes the input accept multiple inputs. | `boolean` \| `undefined` | `false` |
107
- | `_name` | `_name` | Defines the technical name of an input field. | `string` \| `undefined` | `undefined` |
108
- | `_on` | -- | Gibt die EventCallback-Funktionen für das Input-Event an. | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus` \| `undefined` | `undefined` |
109
- | `_options` | `_options` | Options the user can choose from, also supporting Optgroup. | `(Option<W3CInputValue>` \| `Optgroup<W3CInputValue>)[]` \| `string` \| `undefined` | `undefined` |
110
- | `_required` | `_required` | Makes the input element required. | `boolean` \| `undefined` | `undefined` |
111
- | `_rows` | `_rows` | Defines how many rows of options should be visible at the same time. | `number` \| `undefined` | `undefined` |
112
- | `_size` | `_size` | Wechselt das Eingabeelement in den Auswahlfeld modus und setzt die Höhe des Feldes. | `number` \| `undefined` | `undefined` |
113
- | `_tabIndex` | `_tab-index` | Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) | `number` \| `undefined` | `undefined` |
114
- | `_tooltipAlign` | `_tooltip-align` | Defines where to show the Tooltip preferably: top, right, bottom or left. | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined` | `'top'` |
115
- | `_touched` | `_touched` | Shows if the input was touched by a user. | `boolean` \| `undefined` | `false` |
116
- | `_value` | `_value` | Defines the value of the input. | `W3CInputValue[]` \| `string` \| `undefined` | `undefined` |
93
+ | Property | Attribute | Description | Type | Default |
94
+ | --------------- | ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------- | ----------- |
95
+ | `_accessKey` | `_access-key` | Defines which key combination can be used to trigger or focus the interactive element of the component. | `string` \| `undefined` | `undefined` |
96
+ | `_alert` | `_alert` | Defines whether the screen-readers should read out the notification. | `boolean` \| `undefined` | `true` |
97
+ | `_disabled` | `_disabled` | Makes the element not focusable and ignore all events. | `boolean` \| `undefined` | `undefined` |
98
+ | `_error` | `_error` | Defines the error message text. | `string` \| `undefined` | `undefined` |
99
+ | `_height` | `_height` | <span class="text-red-500">**[DEPRECATED]**</span> Use _rows instead.<br/><br/>Deprecated: Defines an individual height. | `string` \| `undefined` | `undefined` |
100
+ | `_hideLabel` | `_hide-label` | Hides the label. | `boolean` \| `undefined` | `undefined` |
101
+ | `_hint` | `_hint` | Defines the hint text. | `string` \| `undefined` | `''` |
102
+ | `_icon` | `_icon` | Defines the icon classnames (e.g. `_icon="fa-solid fa-user"`). | `string` \| `undefined` \| `{ right?: IconOrIconClass` \| `undefined; left?: IconOrIconClass` \| `undefined; }` | `undefined` |
103
+ | `_id` | `_id` | Defines the internal ID of the primary component element. | `string` \| `undefined` | `undefined` |
104
+ | `_label` | `_label` | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot. | `boolean` \| `string` \| `undefined` | `undefined` |
105
+ | `_list` | `_list` | <span style="color:red">**[DEPRECATED]**</span> use _options<br/><br/>Deprecated: Options the user can choose from, also supporting Optgroup. | `SelectOption<W3CInputValue>[]` \| `string` \| `undefined` | `undefined` |
106
+ | `_multiple` | `_multiple` | Makes the input accept multiple inputs. | `boolean` \| `undefined` | `false` |
107
+ | `_name` | `_name` | Defines the technical name of an input field. | `string` \| `undefined` | `undefined` |
108
+ | `_on` | -- | Gibt die EventCallback-Funktionen für das Input-Event an. | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus` \| `undefined` | `undefined` |
109
+ | `_options` | `_options` | Options the user can choose from, also supporting Optgroup. | `(Option<W3CInputValue>` \| `Optgroup<W3CInputValue>)[]` \| `string` \| `undefined` | `undefined` |
110
+ | `_required` | `_required` | Makes the input element required. | `boolean` \| `undefined` | `undefined` |
111
+ | `_rows` | `_rows` | Defines how many rows of options should be visible at the same time. | `number` \| `undefined` | `undefined` |
112
+ | `_size` | `_size` | Wechselt das Eingabeelement in den Auswahlfeld modus und setzt die Höhe des Feldes. | `number` \| `undefined` | `undefined` |
113
+ | `_tabIndex` | `_tab-index` | Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) | `number` \| `undefined` | `undefined` |
114
+ | `_tooltipAlign` | `_tooltip-align` | Defines where to show the Tooltip preferably: top, right, bottom or left. | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined` | `'top'` |
115
+ | `_touched` | `_touched` | Shows if the input was touched by a user. | `boolean` \| `undefined` | `false` |
116
+ | `_value` | `_value` | Defines the value of the input. | `W3CInputValue[]` \| `string` \| `undefined` | `undefined` |
117
117
 
118
118
 
119
119
  ## Slots