@public-ui/components 1.1.10-rc.13 → 1.1.10-rc.14

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 (353) hide show
  1. package/custom-elements.json +1 -1
  2. package/dist/cjs/{app-globals-709b90be.js → app-globals-9091d361.js} +1 -1
  3. package/dist/cjs/{button-link-52191fff.js → button-link-71b934a3.js} +1 -1
  4. package/dist/cjs/{controller-e1001e4c.js → controller-2e8bd56c.js} +1 -1
  5. package/dist/cjs/controller-5c8efeab.js +4 -0
  6. package/dist/cjs/{controller-61e40173.js → controller-67d733f6.js} +1 -1
  7. package/dist/cjs/{controller-99a9ae13.js → controller-76e4c26a.js} +1 -1
  8. package/dist/cjs/controller-a4f0abd6.js +4 -0
  9. package/dist/cjs/{controller-e05fa91b.js → controller-fbfa0427.js} +1 -1
  10. package/dist/cjs/{devtools-dd744fee.js → devtools-b909359b.js} +1 -1
  11. package/dist/cjs/icon-c9d7feb8.js +4 -0
  12. package/dist/cjs/{index-e6ae017d.js → index-33446c36.js} +1 -1
  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-alert.cjs.entry.js +1 -1
  17. package/dist/cjs/kol-badge.cjs.entry.js +1 -1
  18. package/dist/cjs/kol-breadcrumb.cjs.entry.js +1 -1
  19. package/dist/cjs/kol-button-group.cjs.entry.js +1 -1
  20. package/dist/cjs/kol-button-link.cjs.entry.js +1 -1
  21. package/dist/cjs/kol-button-wc_3.cjs.entry.js +1 -1
  22. package/dist/cjs/kol-button.cjs.entry.js +1 -1
  23. package/dist/cjs/kol-card.cjs.entry.js +1 -1
  24. package/dist/cjs/kol-color.cjs.entry.js +1 -1
  25. package/dist/cjs/kol-counter.cjs.entry.js +1 -1
  26. package/dist/cjs/kol-details.cjs.entry.js +1 -1
  27. package/dist/cjs/kol-form.cjs.entry.js +1 -1
  28. package/dist/cjs/kol-heading.cjs.entry.js +1 -1
  29. package/dist/cjs/kol-icon-font-awesome.cjs.entry.js +1 -1
  30. package/dist/cjs/kol-icon-icofont.cjs.entry.js +1 -1
  31. package/dist/cjs/kol-icon.cjs.entry.js +1 -1
  32. package/dist/cjs/kol-indented-text.cjs.entry.js +1 -1
  33. package/dist/cjs/kol-input-adapter-leanup.cjs.entry.js +1 -1
  34. package/dist/cjs/kol-input-checkbox.cjs.entry.js +1 -1
  35. package/dist/cjs/kol-input-color.cjs.entry.js +1 -1
  36. package/dist/cjs/kol-input-date.cjs.entry.js +1 -1
  37. package/dist/cjs/kol-input-email.cjs.entry.js +1 -1
  38. package/dist/cjs/kol-input-file.cjs.entry.js +1 -1
  39. package/dist/cjs/kol-input-number.cjs.entry.js +1 -1
  40. package/dist/cjs/kol-input-password.cjs.entry.js +1 -1
  41. package/dist/cjs/kol-input-radio-group.cjs.entry.js +1 -1
  42. package/dist/cjs/kol-input-radio.cjs.entry.js +1 -1
  43. package/dist/cjs/kol-input-range.cjs.entry.js +1 -1
  44. package/dist/cjs/kol-input-text.cjs.entry.js +1 -1
  45. package/dist/cjs/kol-kolibri.cjs.entry.js +1 -1
  46. package/dist/cjs/kol-link-button.cjs.entry.js +1 -1
  47. package/dist/cjs/kol-link-group.cjs.entry.js +1 -1
  48. package/dist/cjs/kol-link-wc.cjs.entry.js +1 -1
  49. package/dist/cjs/kol-link.cjs.entry.js +1 -1
  50. package/dist/cjs/kol-logo.cjs.entry.js +1 -1
  51. package/dist/cjs/kol-modal.cjs.entry.js +1 -1
  52. package/dist/cjs/kol-nav.cjs.entry.js +1 -1
  53. package/dist/cjs/kol-pagination.cjs.entry.js +1 -1
  54. package/dist/cjs/kol-progress.cjs.entry.js +1 -1
  55. package/dist/cjs/kol-select.cjs.entry.js +1 -1
  56. package/dist/cjs/kol-skip-nav.cjs.entry.js +1 -1
  57. package/dist/cjs/kol-span-wc.cjs.entry.js +1 -1
  58. package/dist/cjs/kol-span.cjs.entry.js +1 -1
  59. package/dist/cjs/kol-spin.cjs.entry.js +1 -1
  60. package/dist/cjs/kol-symbol.cjs.entry.js +1 -1
  61. package/dist/cjs/kol-table.cjs.entry.js +1 -1
  62. package/dist/cjs/kol-tabs.cjs.entry.js +1 -1
  63. package/dist/cjs/kol-textarea.cjs.entry.js +1 -1
  64. package/dist/cjs/kol-toast.cjs.entry.js +1 -1
  65. package/dist/cjs/kol-tooltip.cjs.entry.js +1 -1
  66. package/dist/cjs/kol-version.cjs.entry.js +1 -1
  67. package/dist/cjs/kolibri.cjs.js +1 -1
  68. package/dist/cjs/label-d607638f.js +4 -0
  69. package/dist/cjs/loader.cjs.js +1 -1
  70. package/dist/cjs/prop.validators-561175f3.js +4 -0
  71. package/dist/cjs/{tab-index-7dd665c2.js → tab-index-054a7680.js} +1 -1
  72. package/dist/cjs/{validation-d475c7d2.js → validation-2c303be1.js} +1 -1
  73. package/dist/cjs/{validation-b8c30c47.js → validation-e130b233.js} +1 -1
  74. package/dist/components/component10.js +1 -1
  75. package/dist/components/component11.js +1 -1
  76. package/dist/components/component12.js +1 -1
  77. package/dist/components/component13.js +1 -1
  78. package/dist/components/component14.js +1 -1
  79. package/dist/components/component15.js +1 -1
  80. package/dist/components/component16.js +1 -1
  81. package/dist/components/component2.js +1 -1
  82. package/dist/components/component4.js +1 -1
  83. package/dist/components/component6.js +1 -1
  84. package/dist/components/controller.js +1 -1
  85. package/dist/components/controller2.js +1 -1
  86. package/dist/components/controller3.js +1 -1
  87. package/dist/components/controller4.js +1 -1
  88. package/dist/components/controller5.js +1 -1
  89. package/dist/components/controller6.js +4 -0
  90. package/dist/components/kol-accordion.js +1 -1
  91. package/dist/components/kol-button-link.js +1 -1
  92. package/dist/components/kol-details.js +1 -1
  93. package/dist/components/kol-form.js +1 -1
  94. package/dist/components/kol-input-checkbox.js +1 -1
  95. package/dist/components/kol-input-color.js +1 -1
  96. package/dist/components/kol-input-date.js +1 -1
  97. package/dist/components/kol-input-email.js +1 -1
  98. package/dist/components/kol-input-file.js +1 -1
  99. package/dist/components/kol-input-password.js +1 -1
  100. package/dist/components/kol-input-radio-group.js +1 -1
  101. package/dist/components/kol-input-range.js +1 -1
  102. package/dist/components/kol-input-text.js +1 -1
  103. package/dist/components/kol-link-button.js +1 -1
  104. package/dist/components/kol-span.js +1 -1
  105. package/dist/components/kol-tabs.js +1 -1
  106. package/dist/components/kol-textarea.js +1 -1
  107. package/dist/components/kol-toast.js +1 -1
  108. package/dist/components/prop.validators.js +1 -1
  109. package/dist/components/shadow.js +1 -1
  110. package/dist/components/shadow2.js +1 -1
  111. package/dist/custom-elements/index.js +1 -1
  112. package/dist/esm/{app-globals-0525df58.js → app-globals-0594c7fd.js} +1 -1
  113. package/dist/esm/{button-link-00bf24d2.js → button-link-7ad3e030.js} +1 -1
  114. package/dist/esm/{controller-67dffd0c.js → controller-008ecd86.js} +1 -1
  115. package/dist/esm/{controller-86a4dd7b.js → controller-056df235.js} +1 -1
  116. package/dist/esm/controller-36a72a2d.js +4 -0
  117. package/dist/esm/{controller-71b1c941.js → controller-4c41e3c3.js} +1 -1
  118. package/dist/esm/controller-64164d6b.js +4 -0
  119. package/dist/esm/{controller-79bf4f2f.js → controller-6594aebf.js} +1 -1
  120. package/dist/esm/{devtools-d836cfec.js → devtools-b3d64873.js} +1 -1
  121. package/dist/esm/icon-9dfd9419.js +4 -0
  122. package/dist/esm/{index-bc1a7f22.js → index-d338436e.js} +1 -1
  123. package/dist/esm/index.js +1 -1
  124. package/dist/esm/kol-abbr.entry.js +1 -1
  125. package/dist/esm/kol-accordion.entry.js +1 -1
  126. package/dist/esm/kol-alert.entry.js +1 -1
  127. package/dist/esm/kol-badge.entry.js +1 -1
  128. package/dist/esm/kol-breadcrumb.entry.js +1 -1
  129. package/dist/esm/kol-button-group.entry.js +1 -1
  130. package/dist/esm/kol-button-link.entry.js +1 -1
  131. package/dist/esm/kol-button-wc_3.entry.js +1 -1
  132. package/dist/esm/kol-button.entry.js +1 -1
  133. package/dist/esm/kol-card.entry.js +1 -1
  134. package/dist/esm/kol-color.entry.js +1 -1
  135. package/dist/esm/kol-counter.entry.js +1 -1
  136. package/dist/esm/kol-details.entry.js +1 -1
  137. package/dist/esm/kol-form.entry.js +1 -1
  138. package/dist/esm/kol-heading.entry.js +1 -1
  139. package/dist/esm/kol-icon-font-awesome.entry.js +1 -1
  140. package/dist/esm/kol-icon-icofont.entry.js +1 -1
  141. package/dist/esm/kol-icon.entry.js +1 -1
  142. package/dist/esm/kol-indented-text.entry.js +1 -1
  143. package/dist/esm/kol-input-adapter-leanup.entry.js +1 -1
  144. package/dist/esm/kol-input-checkbox.entry.js +1 -1
  145. package/dist/esm/kol-input-color.entry.js +1 -1
  146. package/dist/esm/kol-input-date.entry.js +1 -1
  147. package/dist/esm/kol-input-email.entry.js +1 -1
  148. package/dist/esm/kol-input-file.entry.js +1 -1
  149. package/dist/esm/kol-input-number.entry.js +1 -1
  150. package/dist/esm/kol-input-password.entry.js +1 -1
  151. package/dist/esm/kol-input-radio-group.entry.js +1 -1
  152. package/dist/esm/kol-input-radio.entry.js +1 -1
  153. package/dist/esm/kol-input-range.entry.js +1 -1
  154. package/dist/esm/kol-input-text.entry.js +1 -1
  155. package/dist/esm/kol-kolibri.entry.js +1 -1
  156. package/dist/esm/kol-link-button.entry.js +1 -1
  157. package/dist/esm/kol-link-group.entry.js +1 -1
  158. package/dist/esm/kol-link-wc.entry.js +1 -1
  159. package/dist/esm/kol-link.entry.js +1 -1
  160. package/dist/esm/kol-logo.entry.js +1 -1
  161. package/dist/esm/kol-modal.entry.js +1 -1
  162. package/dist/esm/kol-nav.entry.js +1 -1
  163. package/dist/esm/kol-pagination.entry.js +1 -1
  164. package/dist/esm/kol-progress.entry.js +1 -1
  165. package/dist/esm/kol-select.entry.js +1 -1
  166. package/dist/esm/kol-skip-nav.entry.js +1 -1
  167. package/dist/esm/kol-span-wc.entry.js +1 -1
  168. package/dist/esm/kol-span.entry.js +1 -1
  169. package/dist/esm/kol-spin.entry.js +1 -1
  170. package/dist/esm/kol-symbol.entry.js +1 -1
  171. package/dist/esm/kol-table.entry.js +1 -1
  172. package/dist/esm/kol-tabs.entry.js +1 -1
  173. package/dist/esm/kol-textarea.entry.js +1 -1
  174. package/dist/esm/kol-toast.entry.js +1 -1
  175. package/dist/esm/kol-tooltip.entry.js +1 -1
  176. package/dist/esm/kol-version.entry.js +1 -1
  177. package/dist/esm/kolibri.js +1 -1
  178. package/dist/esm/label-80acb70a.js +4 -0
  179. package/dist/esm/loader.js +1 -1
  180. package/dist/esm/prop.validators-b13955e2.js +4 -0
  181. package/dist/esm/{tab-index-69ee0c1b.js → tab-index-ee707829.js} +1 -1
  182. package/dist/esm/{validation-e4911c61.js → validation-140faa0f.js} +1 -1
  183. package/dist/esm/{validation-7c1d0c98.js → validation-2b971137.js} +1 -1
  184. package/dist/kolibri/{app-globals-0525df58.js → app-globals-0594c7fd.js} +1 -1
  185. package/dist/kolibri/assets/form-simulation.js +1 -1
  186. package/{www/build/button-link-00bf24d2.js → dist/kolibri/button-link-7ad3e030.js} +1 -1
  187. package/dist/kolibri/{controller-67dffd0c.js → controller-008ecd86.js} +1 -1
  188. package/dist/kolibri/{controller-86a4dd7b.js → controller-056df235.js} +1 -1
  189. package/dist/kolibri/controller-36a72a2d.js +4 -0
  190. package/dist/kolibri/controller-4c41e3c3.js +4 -0
  191. package/dist/kolibri/controller-64164d6b.js +4 -0
  192. package/dist/kolibri/{controller-79bf4f2f.js → controller-6594aebf.js} +1 -1
  193. package/dist/kolibri/{devtools-d836cfec.js → devtools-b3d64873.js} +1 -1
  194. package/dist/kolibri/{icon-7cfc4157.js → icon-9dfd9419.js} +1 -1
  195. package/dist/kolibri/{index-bc1a7f22.js → index-d338436e.js} +2 -2
  196. package/dist/kolibri/index.esm.js +1 -1
  197. package/dist/kolibri/kol-abbr.entry.js +1 -1
  198. package/dist/kolibri/kol-accordion.entry.js +1 -1
  199. package/dist/kolibri/kol-alert.entry.js +1 -1
  200. package/dist/kolibri/kol-badge.entry.js +1 -1
  201. package/dist/kolibri/kol-breadcrumb.entry.js +1 -1
  202. package/dist/kolibri/kol-button-group.entry.js +1 -1
  203. package/dist/kolibri/kol-button-link.entry.js +1 -1
  204. package/dist/kolibri/kol-button-wc_3.entry.js +1 -1
  205. package/dist/kolibri/kol-button.entry.js +1 -1
  206. package/dist/kolibri/kol-card.entry.js +1 -1
  207. package/dist/kolibri/kol-color.entry.js +1 -1
  208. package/dist/kolibri/kol-counter.entry.js +1 -1
  209. package/dist/kolibri/kol-details.entry.js +1 -1
  210. package/dist/kolibri/kol-form.entry.js +1 -1
  211. package/dist/kolibri/kol-heading.entry.js +1 -1
  212. package/dist/kolibri/kol-icon-font-awesome.entry.js +1 -1
  213. package/dist/kolibri/kol-icon-icofont.entry.js +1 -1
  214. package/dist/kolibri/kol-icon.entry.js +1 -1
  215. package/dist/kolibri/kol-indented-text.entry.js +1 -1
  216. package/dist/kolibri/kol-input-adapter-leanup.entry.js +1 -1
  217. package/dist/kolibri/kol-input-checkbox.entry.js +1 -1
  218. package/dist/kolibri/kol-input-color.entry.js +1 -1
  219. package/dist/kolibri/kol-input-date.entry.js +1 -1
  220. package/dist/kolibri/kol-input-email.entry.js +1 -1
  221. package/dist/kolibri/kol-input-file.entry.js +1 -1
  222. package/dist/kolibri/kol-input-number.entry.js +1 -1
  223. package/dist/kolibri/kol-input-password.entry.js +1 -1
  224. package/dist/kolibri/kol-input-radio-group.entry.js +1 -1
  225. package/dist/kolibri/kol-input-radio.entry.js +1 -1
  226. package/dist/kolibri/kol-input-range.entry.js +1 -1
  227. package/dist/kolibri/kol-input-text.entry.js +1 -1
  228. package/dist/kolibri/kol-kolibri.entry.js +1 -1
  229. package/dist/kolibri/kol-link-button.entry.js +1 -1
  230. package/dist/kolibri/kol-link-group.entry.js +1 -1
  231. package/dist/kolibri/kol-link-wc.entry.js +1 -1
  232. package/dist/kolibri/kol-link.entry.js +1 -1
  233. package/dist/kolibri/kol-logo.entry.js +1 -1
  234. package/dist/kolibri/kol-modal.entry.js +1 -1
  235. package/dist/kolibri/kol-nav.entry.js +1 -1
  236. package/dist/kolibri/kol-pagination.entry.js +1 -1
  237. package/dist/kolibri/kol-progress.entry.js +1 -1
  238. package/dist/kolibri/kol-select.entry.js +1 -1
  239. package/dist/kolibri/kol-skip-nav.entry.js +1 -1
  240. package/dist/kolibri/kol-span-wc.entry.js +1 -1
  241. package/dist/kolibri/kol-span.entry.js +1 -1
  242. package/dist/kolibri/kol-spin.entry.js +1 -1
  243. package/dist/kolibri/kol-symbol.entry.js +1 -1
  244. package/dist/kolibri/kol-table.entry.js +1 -1
  245. package/dist/kolibri/kol-tabs.entry.js +1 -1
  246. package/dist/kolibri/kol-textarea.entry.js +1 -1
  247. package/dist/kolibri/kol-toast.entry.js +1 -1
  248. package/dist/kolibri/kol-tooltip.entry.js +1 -1
  249. package/dist/kolibri/kol-version.entry.js +1 -1
  250. package/dist/kolibri/kolibri.esm.js +1 -1
  251. package/dist/kolibri/label-80acb70a.js +4 -0
  252. package/dist/kolibri/{prop.validators-359f6f9d.js → prop.validators-b13955e2.js} +1 -1
  253. package/dist/kolibri/{tab-index-69ee0c1b.js → tab-index-ee707829.js} +1 -1
  254. package/dist/kolibri/{validation-e4911c61.js → validation-140faa0f.js} +1 -1
  255. package/{www/build/validation-7c1d0c98.js → dist/kolibri/validation-2b971137.js} +1 -1
  256. package/dist/types/components/button/component.d.ts +1 -1
  257. package/dist/types/components/button/controller.d.ts +0 -1
  258. package/dist/types/components/button-link/component.d.ts +1 -1
  259. package/dist/types/components/link-button/component.d.ts +1 -1
  260. package/dist/types/components/span/test/html.mock.d.ts +3 -2
  261. package/dist/types/utils/prop.validators.d.ts +0 -1
  262. package/dist/types/utils/testing.d.ts +1 -1
  263. package/dist/types/utils/validators/icon.d.ts +1 -1
  264. package/dist/types/utils/validators/label.d.ts +3 -0
  265. package/jest-test-results.json +1 -1
  266. package/package.json +1 -1
  267. package/www/assets/form-simulation.js +1 -1
  268. package/www/build/{app-globals-0525df58.js → app-globals-0594c7fd.js} +1 -1
  269. package/{dist/kolibri/button-link-00bf24d2.js → www/build/button-link-7ad3e030.js} +1 -1
  270. package/www/build/{controller-67dffd0c.js → controller-008ecd86.js} +1 -1
  271. package/www/build/{controller-86a4dd7b.js → controller-056df235.js} +1 -1
  272. package/www/build/controller-36a72a2d.js +4 -0
  273. package/www/build/controller-4c41e3c3.js +4 -0
  274. package/www/build/controller-64164d6b.js +4 -0
  275. package/www/build/{controller-79bf4f2f.js → controller-6594aebf.js} +1 -1
  276. package/www/build/{devtools-d836cfec.js → devtools-b3d64873.js} +1 -1
  277. package/www/build/{icon-7cfc4157.js → icon-9dfd9419.js} +1 -1
  278. package/www/build/{index-bc1a7f22.js → index-d338436e.js} +2 -2
  279. package/www/build/index.esm.js +1 -1
  280. package/www/build/kol-abbr.entry.js +1 -1
  281. package/www/build/kol-accordion.entry.js +1 -1
  282. package/www/build/kol-alert.entry.js +1 -1
  283. package/www/build/kol-badge.entry.js +1 -1
  284. package/www/build/kol-breadcrumb.entry.js +1 -1
  285. package/www/build/kol-button-group.entry.js +1 -1
  286. package/www/build/kol-button-link.entry.js +1 -1
  287. package/www/build/kol-button-wc_3.entry.js +1 -1
  288. package/www/build/kol-button.entry.js +1 -1
  289. package/www/build/kol-card.entry.js +1 -1
  290. package/www/build/kol-color.entry.js +1 -1
  291. package/www/build/kol-counter.entry.js +1 -1
  292. package/www/build/kol-details.entry.js +1 -1
  293. package/www/build/kol-form.entry.js +1 -1
  294. package/www/build/kol-heading.entry.js +1 -1
  295. package/www/build/kol-icon-font-awesome.entry.js +1 -1
  296. package/www/build/kol-icon-icofont.entry.js +1 -1
  297. package/www/build/kol-icon.entry.js +1 -1
  298. package/www/build/kol-indented-text.entry.js +1 -1
  299. package/www/build/kol-input-adapter-leanup.entry.js +1 -1
  300. package/www/build/kol-input-checkbox.entry.js +1 -1
  301. package/www/build/kol-input-color.entry.js +1 -1
  302. package/www/build/kol-input-date.entry.js +1 -1
  303. package/www/build/kol-input-email.entry.js +1 -1
  304. package/www/build/kol-input-file.entry.js +1 -1
  305. package/www/build/kol-input-number.entry.js +1 -1
  306. package/www/build/kol-input-password.entry.js +1 -1
  307. package/www/build/kol-input-radio-group.entry.js +1 -1
  308. package/www/build/kol-input-radio.entry.js +1 -1
  309. package/www/build/kol-input-range.entry.js +1 -1
  310. package/www/build/kol-input-text.entry.js +1 -1
  311. package/www/build/kol-kolibri.entry.js +1 -1
  312. package/www/build/kol-link-button.entry.js +1 -1
  313. package/www/build/kol-link-group.entry.js +1 -1
  314. package/www/build/kol-link-wc.entry.js +1 -1
  315. package/www/build/kol-link.entry.js +1 -1
  316. package/www/build/kol-logo.entry.js +1 -1
  317. package/www/build/kol-modal.entry.js +1 -1
  318. package/www/build/kol-nav.entry.js +1 -1
  319. package/www/build/kol-pagination.entry.js +1 -1
  320. package/www/build/kol-progress.entry.js +1 -1
  321. package/www/build/kol-select.entry.js +1 -1
  322. package/www/build/kol-skip-nav.entry.js +1 -1
  323. package/www/build/kol-span-wc.entry.js +1 -1
  324. package/www/build/kol-span.entry.js +1 -1
  325. package/www/build/kol-spin.entry.js +1 -1
  326. package/www/build/kol-symbol.entry.js +1 -1
  327. package/www/build/kol-table.entry.js +1 -1
  328. package/www/build/kol-tabs.entry.js +1 -1
  329. package/www/build/kol-textarea.entry.js +1 -1
  330. package/www/build/kol-toast.entry.js +1 -1
  331. package/www/build/kol-tooltip.entry.js +1 -1
  332. package/www/build/kol-version.entry.js +1 -1
  333. package/www/build/kolibri.esm.js +1 -1
  334. package/www/build/label-80acb70a.js +4 -0
  335. package/www/build/{prop.validators-359f6f9d.js → prop.validators-b13955e2.js} +1 -1
  336. package/www/build/{tab-index-69ee0c1b.js → tab-index-ee707829.js} +1 -1
  337. package/www/build/{validation-e4911c61.js → validation-140faa0f.js} +1 -1
  338. package/{dist/kolibri/validation-7c1d0c98.js → www/build/validation-2b971137.js} +1 -1
  339. package/www/index.html +5 -5
  340. package/dist/cjs/controller-74427691.js +0 -4
  341. package/dist/cjs/controller-7a0bcadc.js +0 -4
  342. package/dist/cjs/icon-d1b56c51.js +0 -4
  343. package/dist/cjs/prop.validators-78c2b613.js +0 -4
  344. package/dist/esm/controller-5191c911.js +0 -4
  345. package/dist/esm/controller-dfdcadad.js +0 -4
  346. package/dist/esm/icon-7cfc4157.js +0 -4
  347. package/dist/esm/prop.validators-359f6f9d.js +0 -4
  348. package/dist/kolibri/controller-5191c911.js +0 -4
  349. package/dist/kolibri/controller-71b1c941.js +0 -4
  350. package/dist/kolibri/controller-dfdcadad.js +0 -4
  351. package/www/build/controller-5191c911.js +0 -4
  352. package/www/build/controller-71b1c941.js +0 -4
  353. package/www/build/controller-dfdcadad.js +0 -4
package/www/build/{validation-e4911c61.js → validation-140faa0f.js} RENAMED
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * KoliBri - the accessible web component library
3
3
  */
4
- import{a as e}from"./prop.validators-359f6f9d.js";const r=(r,a)=>{e(r,"_level",(e=>"number"==typeof e&&1<=e&&e<=6),new Set(["Number {1, 2, 3, 4, 5, 6}"]),a,{defaultValue:1,required:!0})};export{r as w};
4
+ import{a as e}from"./prop.validators-b13955e2.js";const r=(r,a)=>{e(r,"_level",(e=>"number"==typeof e&&1<=e&&e<=6),new Set(["Number {1, 2, 3, 4, 5, 6}"]),a,{defaultValue:1,required:!0})};export{r as w};
package/{dist/kolibri/validation-7c1d0c98.js → www/build/validation-2b971137.js} RENAMED
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * KoliBri - the accessible web component library
3
3
  */
4
- import{u as o}from"./a11y.tipps-bec0e549.js";import{c as s}from"./prop.validators-359f6f9d.js";const t=(t,e,p)=>{s(e,"_links",(t=>"object"==typeof t&&"string"==typeof t._label),p),o(t,e.state._links.length)};export{t as w};
4
+ import{u as o}from"./a11y.tipps-bec0e549.js";import{c as s}from"./prop.validators-b13955e2.js";const t=(t,e,p)=>{s(e,"_links",(t=>"object"==typeof t&&"string"==typeof t._label),p),o(t,e.state._links.length)};export{t as w};
package/www/index.html CHANGED
@@ -1,7 +1,7 @@
1
1
  <!doctype html><html dir="ltr" lang="de"><head> <script type="module">
2
- import { register } from 'https://esm.sh/@public-ui/core@1.1.10-rc.13';
3
- import { BMF } from 'https://esm.sh/@public-ui/themes@1.1.10-rc.13';
4
- import { KoliBriDevHelper } from 'https://esm.sh/@public-ui/components@1.1.10-rc.13';
2
+ import { register } from 'https://esm.sh/@public-ui/core@1.1.10-rc.14';
3
+ import { BMF } from 'https://esm.sh/@public-ui/themes@1.1.10-rc.14';
4
+ import { KoliBriDevHelper } from 'https://esm.sh/@public-ui/components@1.1.10-rc.14';
5
5
  register([BMF], [])
6
6
  .then(() => {
7
7
  KoliBriDevHelper.patchTheme('bmf', {
@@ -10,7 +10,7 @@
10
10
  });
11
11
  })
12
12
  .catch(console.warn);
13
- </script> <meta charset="utf-8"> <title>BIK BITV-Test | KoliBri</title> <meta name="description" content="Auf der Seite werden alle KoliBri-Komponenten für den BIK BITV-Test dargestellt."> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- <meta http-equiv="Content-Security-Policy" content="default-src 'self' *.jsdelivr.net " /> --> <script type="module" src="build/kolibri.esm.js"></script> <script nomodule="" src="build/kolibri.js"></script> <link rel="shortcut icon" type="image/x-icon" href="assets/favicon.ico"> <link rel="stylesheet" href="assets/fontawesome-free/v5/css/all.css"> <link rel="stylesheet" href="assets/fontawesome-free/v6/css/all.css"> <link rel="stylesheet" href="assets/icofont/icofont.css"> <link rel="stylesheet" href="assets/bund/bund.css"> <link rel="stylesheet" href="assets/roboto/roboto.css"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"> <link rel="stylesheet" href="assets/themes/bamf.css"> <link rel="stylesheet" href="assets/themes/bmf.css"> <link rel="stylesheet" href="assets/themes/bzst.css"> <link rel="stylesheet" href="assets/themes/itzbund.css"> <link rel="stylesheet" href="assets/themes/mapz.css"> <link rel="stylesheet" href="assets/style.css"> <meta name="robots" content="noindex"> <meta name="kolibri" content="dev-mode=true,color-contrast-analysis=false"> </head> <body data-theme="mapz" data-theme-cache="true" data-theme-reset="true"> <header class="container"> <!-- <kol-all></kol-all> --> <div class="row"> <div class="col-12"> <kol-kolibri style="display: block; width: 150px;"></kol-kolibri> </div> <div class="col-12"> <kol-heading>BIK BITV-Test</kol-heading> </div> <div class="gap-2 col-12 d-flex"> <kol-version _version="1.1.10-rc.13"></kol-version> <kol-badge _icon="check" _color="#030" _label="BIK BITV-Test"></kol-badge> <kol-badge _color="#f0f" _label="Test"></kol-badge> <kol-badge _color="#0bf" _label="Test"></kol-badge> <kol-badge _label="Content-Security-Policy" _icon="check" _color="#300"></kol-badge> </div> <div class="col-12"> <kol-details _summary="Sternchenhinweise" _open=""> <p>* Gibt an, dass der BIK BITV-Test noch Verbesserungsvorschläge beinhaltet.</p> </kol-details> </div> <p> Bookmarklet: <a href="javascript:(function(){var d=document,id='phltsbkmklt',el=d.getElementById(id),f=d.querySelectorAll('iframe'),i=0,l=f.length;if(el){function removeFromShadows(root){for(var el of root.querySelectorAll('*')){if(el.shadowRoot){el.shadowRoot.getElementById(id).remove();removeFromShadows(el.shadowRoot);}}}el.remove();if(l){for(i=0;i<l;i++){try{f[i].contentWindow.document.getElementById(id).remove();removeFromShadows(f[i].contentWindow.document);}catch(e){console.log(e)}}}removeFromShadows(d);}else{s=d.createElement('style');s.id=id;s.appendChild(d.createTextNode('*{line-height:1.5 !important;letter-spacing:0.12em !important;word-spacing:0.16em !important;}p{margin-bottom:2em !important;}'));function applyToShadows(root){for(var el of root.querySelectorAll('*')){if(el.shadowRoot){el.shadowRoot.appendChild(s.cloneNode(true));applyToShadows(el.shadowRoot);}}}d.getElementsByTagName('head')[0].appendChild(s);for(i=0;i<l;i++){try{f[i].contentWindow.document.getElementsByTagName('head')[0].appendChild(s.cloneNode(true));applyToShadows(f[i].contentWindow.document);}catch(e){console.log(e)}}applyToShadows(d);}})();"> Text Spacing </a> </p> <div class="py-2 col-12"> <kol-alert _type="info" _level="2" _heading="Hinweise an das A11y-Test-Team" class="pb-2"> <p>Liebe Tester:innen bitte lest vor dem 9. BIK BITV-Test folgende Hinweise.</p> <kol-heading _level="3">Refactoring Eingabefelder</kol-heading> <p> <kol-details _summary="Beschreibung"> Wir haben ein umfangreiches Refactoring an den Eingabefeldern vorgenommen, um die Developer Experience deutlich zu verbessern. Hierzu wurde alle
13
+ </script> <meta charset="utf-8"> <title>BIK BITV-Test | KoliBri</title> <meta name="description" content="Auf der Seite werden alle KoliBri-Komponenten für den BIK BITV-Test dargestellt."> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- <meta http-equiv="Content-Security-Policy" content="default-src 'self' *.jsdelivr.net " /> --> <script type="module" src="build/kolibri.esm.js"></script> <script nomodule="" src="build/kolibri.js"></script> <link rel="shortcut icon" type="image/x-icon" href="assets/favicon.ico"> <link rel="stylesheet" href="assets/fontawesome-free/v5/css/all.css"> <link rel="stylesheet" href="assets/fontawesome-free/v6/css/all.css"> <link rel="stylesheet" href="assets/icofont/icofont.css"> <link rel="stylesheet" href="assets/bund/bund.css"> <link rel="stylesheet" href="assets/roboto/roboto.css"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"> <link rel="stylesheet" href="assets/themes/bamf.css"> <link rel="stylesheet" href="assets/themes/bmf.css"> <link rel="stylesheet" href="assets/themes/bzst.css"> <link rel="stylesheet" href="assets/themes/itzbund.css"> <link rel="stylesheet" href="assets/themes/mapz.css"> <link rel="stylesheet" href="assets/style.css"> <meta name="robots" content="noindex"> <meta name="kolibri" content="dev-mode=true,color-contrast-analysis=false"> </head> <body data-theme="mapz" data-theme-cache="true" data-theme-reset="true"> <header class="container"> <!-- <kol-all></kol-all> --> <div class="row"> <div class="col-12"> <kol-kolibri style="display: block; width: 150px;"></kol-kolibri> </div> <div class="col-12"> <kol-heading>BIK BITV-Test</kol-heading> </div> <div class="gap-2 col-12 d-flex"> <kol-version _version="1.1.10-rc.14"></kol-version> <kol-badge _icon="check" _color="#030" _label="BIK BITV-Test"></kol-badge> <kol-badge _color="#f0f" _label="Test"></kol-badge> <kol-badge _color="#0bf" _label="Test"></kol-badge> <kol-badge _label="Content-Security-Policy" _icon="check" _color="#300"></kol-badge> </div> <div class="col-12"> <kol-details _summary="Sternchenhinweise" _open=""> <p>* Gibt an, dass der BIK BITV-Test noch Verbesserungsvorschläge beinhaltet.</p> </kol-details> </div> <p> Bookmarklet: <a href="javascript:(function(){var d=document,id='phltsbkmklt',el=d.getElementById(id),f=d.querySelectorAll('iframe'),i=0,l=f.length;if(el){function removeFromShadows(root){for(var el of root.querySelectorAll('*')){if(el.shadowRoot){el.shadowRoot.getElementById(id).remove();removeFromShadows(el.shadowRoot);}}}el.remove();if(l){for(i=0;i<l;i++){try{f[i].contentWindow.document.getElementById(id).remove();removeFromShadows(f[i].contentWindow.document);}catch(e){console.log(e)}}}removeFromShadows(d);}else{s=d.createElement('style');s.id=id;s.appendChild(d.createTextNode('*{line-height:1.5 !important;letter-spacing:0.12em !important;word-spacing:0.16em !important;}p{margin-bottom:2em !important;}'));function applyToShadows(root){for(var el of root.querySelectorAll('*')){if(el.shadowRoot){el.shadowRoot.appendChild(s.cloneNode(true));applyToShadows(el.shadowRoot);}}}d.getElementsByTagName('head')[0].appendChild(s);for(i=0;i<l;i++){try{f[i].contentWindow.document.getElementsByTagName('head')[0].appendChild(s.cloneNode(true));applyToShadows(f[i].contentWindow.document);}catch(e){console.log(e)}}applyToShadows(d);}})();"> Text Spacing </a> </p> <div class="py-2 col-12"> <kol-alert _type="info" _level="2" _heading="Hinweise an das A11y-Test-Team" class="pb-2"> <p>Liebe Tester:innen bitte lest vor dem 9. BIK BITV-Test folgende Hinweise.</p> <kol-heading _level="3">Refactoring Eingabefelder</kol-heading> <p> <kol-details _summary="Beschreibung"> Wir haben ein umfangreiches Refactoring an den Eingabefeldern vorgenommen, um die Developer Experience deutlich zu verbessern. Hierzu wurde alle
14
14
  Eingabefeldtypen gemäß der <kol-link _href="https://www.w3.org/TR/2010/WD-html5-20101019/the-input-element.html" _target="w3c"> W3C-Klassifizierung</kol-link> separiert.<br> Durch die Überarbeitung der Eingabefelder wurden jetzt auch noch mehr Eingabefeldtypen umgesetzt: <code>checkbox</code>, <code>color</code>, <code>date</code>, <code>datetime-local</code>, <code>email</code>, <code>file</code>, <code>month</code>, <code>number</code>, <code>radio, password</code>, <code>range</code>, <code>search</code>, <code>text</code>, <code>tel</code>, <code>time</code>, <code>url</code> und <code>week</code> <br> Darüber hinaus wurde das Label eines Eingabefeldes flexibler gemacht. Es kann jetzt im Label individuelles <kol-abbr _title="Hypertext-Markup-Language">HTML</kol-abbr> verwendet werden. Wodurch auch Links oder andere Anforderungen am Label umgesetzt
15
15
  werden können. </kol-details> </p> <kol-heading _level="3">Refactoring Icon</kol-heading> <p> <kol-details _summary="Beschreibung"> Wir haben festgestellt, dass wir mit einer einzigen Icon-Font nicht flexibel genug aufgestellt sind. Daher haben wir eine noch generischere
16
16
  Icon-Komponente umgesetzt, der nun egal ist, welche Icon-Font es verwendet. Es stellt, aber unabhängig davon weiterhin sicher, dass Icons für
@@ -44,7 +44,7 @@
44
44
  sint modi possimus. </p> </kol-accordion> <kol-accordion class="bordered" _heading="Accordion #3 Header" _level="3"> <p slot="header"> In den Accordion-Header kann auch noch was komplexeres eingefügt werden. <kol-button class="not-used" _icon="ui-add" _label="Hinzufügen" _variant="secondary"></kol-button> </p> <p slot="content"> Lorem ipsum dolor sit amet consectetur, adipisicing elit. Soluta pariatur laudantium saepe ipsa atque officia cupiditate repudiandae harum
45
45
  earum aut doloribus autem libero exercitationem dolor ad, magni dignissimos ratione fuga. Lorem ipsum dolor sit amet consectetur adipisicing
46
46
  elit. Officiis perferendis qui animi nesciunt illo facere, doloribus sint cupiditate nihil dolorem voluptate ab esse! Ducimus ad est commodi
47
- molestias voluptas reiciendis. </p> </kol-accordion> </div> </div> </li> <li> <div class="row"> <div class="col-12"> <div class="gap-2 d-flex"> <kol-badge _icon="dashboard" _color="#600" _label="Retest"></kol-badge> <kol-badge _icon="check" _color="#030" _label="BIK BITV-Test v9"></kol-badge> <kol-badge _icon="search-document" _color="#033" _label="Snapshot-Tests"></kol-badge> </div> <kol-heading _level="2">Alert</kol-heading> </div> <div class="gap-2 col-12 d-grid"> <kol-alert _heading="Nachricht" _level="2">Hier wird Nachricht näher beschrieben.</kol-alert> <kol-alert _type="error" _heading="Fehler" _level="3">Hier wird der Fehler näher beschrieben.</kol-alert> <kol-alert _type="info" _heading="Hinweis" _level="4">Hier wird der Hinweis näher beschrieben.</kol-alert> <kol-alert _type="success" _heading="Erfolg" _level="5"> Hier wird der Erfolg näher beschrieben.</kol-alert> <kol-alert _type="warning" _heading="Warnung" _level="6"> Hier wird die Warnung näher beschrieben.</kol-alert> <kol-alert>Hier wird Nachricht näher beschrieben.</kol-alert> <kol-alert _type="error">Hier wird der Fehler kurz beschrieben.</kol-alert> <kol-alert _type="info">Hier wird der Hinweis kurz beschrieben.</kol-alert> <kol-alert _type="success">Hier wird der Erfolg kurz beschrieben.</kol-alert> <kol-alert _type="warning">Hier wird die Warnung kurz beschrieben.</kol-alert> <kol-alert _heading="Nachricht" _level="2" _variant="card">Hier wird Nachricht näher beschrieben.</kol-alert> <kol-alert _type="error" _heading="Fehler" _level="3" _variant="card">Hier wird der Fehler näher beschrieben.</kol-alert> <kol-alert _type="info" _heading="Hinweis" _level="4" _variant="card">Hier wird der Hinweis näher beschrieben.</kol-alert> <kol-alert _type="success" _heading="Erfolg" _level="5" _variant="card"> Hier wird der Erfolg näher beschrieben.</kol-alert> <kol-alert _type="warning" _heading="Warnung" _level="6" _variant="card"> Hier wird die Warnung näher beschrieben.</kol-alert> <kol-alert _heading="Nachricht" _variant="card">Hier wird Nachricht näher beschrieben.</kol-alert> <kol-alert _type="error" _variant="card">Hier wird der Fehler kurz beschrieben.</kol-alert> <kol-alert _type="info" _variant="card">Hier wird der Hinweis kurz beschrieben.</kol-alert> <kol-alert _type="success" _variant="card">Hier wird der Erfolg kurz beschrieben.</kol-alert> <kol-alert _type="warning" _variant="card">Hier wird die Warnung kurz beschrieben.</kol-alert> </div> </div> </li> <li> <div class="row"> <div class="col-12"> <div class="gap-2 d-flex"> <kol-badge _icon="check" _color="#030" _label="BIK BITV-Test v12"></kol-badge> <kol-badge _icon="search-document" _color="#033" _label="Snapshot-Tests"></kol-badge> </div> <kol-heading _level="2">Badge</kol-heading> <kol-details _summary="Erklärung zum Color-Contrast-Feature">Die folgende Komponente managed die Schriftfarbe in Abhängigkeit zur Hintergrundfarbe automatisch.</kol-details> </div> <div class="gap-2 col-12 d-grid"> <kol-heading _level="3">Heller Hintergrund</kol-heading> <div> <kol-badge _label="Ich bin ein Tag!" _icon="ui-love" _color="#c1ca31"></kol-badge> <kol-badge _label="Ich auch!" _icon="ui-rating" _icon-align="right" _color="#f7bb3d"></kol-badge> <kol-badge _label="Und ich!" _color="#80cdec"></kol-badge> <kol-badge _icon="ui-rate-blank" _label="Ich bin ein Icon!" _icon-only="" _color="#f9e03a"></kol-badge> </div> <kol-heading _level="3">Dunkler Hintergrund</kol-heading> <div> <kol-badge _label="Ich bin ein Tag!" _icon="ui-love" _color="#000"></kol-badge> <kol-badge _label="Ich auch!" _icon="ui-rating" _icon-align="right" _color="#94083c"></kol-badge> <kol-badge _label="Und ich!" _color="#0c247d"></kol-badge> <kol-badge _icon="ui-rate-blank" _label="Ich bin ein Icon!" _icon-only="" _color="#030"></kol-badge> </div> </div> </div> </li> <li> <div class="row"> <div class="col-12"> <div class="gap-2 d-flex"> <kol-badge _icon="check" _color="#030" _label="BIK BITV-Test v9"></kol-badge> <kol-badge _icon="search-document" _color="#033" _label="Snapshot-Tests"></kol-badge> </div> <kol-heading _level="2">Breadcrumb</kol-heading> </div> <div class="gap-2 py-2 col-12 d-grid"> <kol-breadcrumb _aria-label="Breadcrumb aus Text-Links" _links="[{'_label':'Startseite','_href':'#/'},{'_label':'Unterseite der Startseite','_href':'#/unterseite'},{'_label':'Unterseite der Unterseite','_href':'#/unterseite/unterseite'}]"></kol-breadcrumb> <kol-breadcrumb _aria-label="Breadcrumb aus Icons- oder Text-Links" _links="[{'_label':'Startseite', '_icon': 'home', '_iconOnly': true,'_href':'#/'},{'_label':'Unterseite der Startseite mit sehr langem Link-Test','_href':'#/unterseite'},{'_label':'Unterseite der Unterseite','_href':'#/unterseite/unterseite'}]"></kol-breadcrumb> <kol-breadcrumb _aria-label="Breadcrumb aus Icons- und Text-Links" _links="[{'_label':'Startseite', '_icon': 'home', '_href':'#/'},{'_label':'Unterseite der Startseite und ich_bin_ein_echt_langes_zusammengesetztes_Worte_und_versuche_das_Layout_zu_brechen','_href':'#/unterseite'},{'_label':'Unterseite der Unterseite','_href':'#/unterseite/unterseite'}]"></kol-breadcrumb> <kol-breadcrumb _aria-label="Breadcrumb aus Icons- und Text-Links" _links="[{'_label':'Startseite', '_icon': 'home', '_iconOnly': true, '_href':'#/'}]"></kol-breadcrumb> </div> </div> </li> <li> <div class="row"> <div class="col-12"> <div class="gap-2 d-flex"> <kol-badge _icon="check" _color="#030" _label="BIK BITV-Test v12"></kol-badge> <kol-badge _icon="search-document" _color="#033" _label="Snapshot-Tests"></kol-badge> </div> <kol-heading _level="2">Button</kol-heading> </div> <div class="gap-2 py-2 col-12 d-grid"> <kol-indented-text>Der folgende Schalter hat ein abweichendes Aria-Label:</kol-indented-text> <kol-button class="not-used" _aria-label="Ich bin ein abweichendes Label" _variant="primary" _label="Primary-Schaltfläche" style="width: 15em;"></kol-button> <kol-button class="not-used" _icon="{'top': {'style': {'font-size': '200%', 'transform': 'rotate(45deg)'}, 'icon': 'icofont-arrow-up'},'right': {'icon': 'icofont-arrow-right'},'bottom': {'icon': 'icofont-arrow-down'},'left': {'icon': 'icofont-arrow-left'}}" _label="Icon's in alle Richtungen" _variant="primary"></kol-button> <kol-button class="not-used" _icon="{'top': {'style': {'font-size': '200%', 'transform': 'rotate(45deg)'}, 'icon': 'fa-solid fa-arrow-up'},'right': {'icon': 'fa-solid fa-arrow-right'},'bottom': {'icon': 'fa-solid fa-arrow-down'},'left': {'icon': 'fa-solid fa-arrow-left'}}" _label="Icon's in alle Richtungen" _variant="primary"></kol-button> <kol-button class="not-used" _icon="ui-play" _label="Martin"></kol-button> <kol-button class="not-used" _icon="home" _variant="primary" _label="Primary-Schaltfläche"></kol-button> <kol-button class="not-used" _icon="home" _icon-only="" _variant="primary" _label="Primary-Schaltfläche"></kol-button> <kol-button class="not-used" _variant="secondary" _label="Secondary-Schaltfläche" style="width: 15em;"></kol-button> <kol-button class="not-used" _variant="normal" _label="Normal-Schaltfläche" style="width: 15em;"></kol-button> <kol-button class="not-used" _variant="danger" _label="Danger-Schaltfläche" style="width: 15em;"></kol-button> <kol-button class="not-used" _variant="ghost" _label="Ghost-Schaltfläche" style="width: 15em;"></kol-button> <kol-button class="not-used" _disabled="true" _label="Disabled-Schaltfläche"></kol-button> <kol-button class="not-used" _label="Hinzufügen"></kol-button> <kol-button class="not-used font-80" _icon="ui-add" _label="Hinzufügen"></kol-button> <kol-button class="not-used font-60" _icon="ui-add" _icon-align="right" _label="Hinzufügen"></kol-button> <kol-button class="not-used" _icon="ui-add" _icon-align="right" _icon-only="true" _label="Hinzufügen (nur Icon)"></kol-button> <kol-button class="not-used" _label="ich_bin_ein_echt_langes_zusammengesetztes_Worte_und_versuche_das_Layout_zu_brechen"></kol-button> </div> <div class="gap-2 py-2 col-12 d-grid"> <div> <kol-button class="not-used" _label="Speichern" _variant="primary"></kol-button> <kol-button class="not-used" _label="Bearbeiten" _disabled=""></kol-button> <kol-button class="not-used" _label="Abbrechen"></kol-button> <kol-button class="not-used" _label="Löschen"></kol-button> </div> <div class="font-80"> <kol-button class="not-used" _label="Speichern" _variant="primary"></kol-button> <kol-button class="not-used" _label="Bearbeiten" _disabled=""></kol-button> <kol-button class="not-used" _label="Abbrechen"></kol-button> <kol-button class="not-used" _label="Löschen"></kol-button> </div> <div class="font-60"> <kol-button class="not-used" _label="Speichern" _variant="primary"></kol-button> <kol-button class="not-used" _label="Bearbeiten" _disabled=""></kol-button> <kol-button class="not-used" _label="Abbrechen"></kol-button> <kol-button class="not-used" _label="Löschen"></kol-button> </div> </div> </div> </li> <li> <div class="row"> <div class="col-12"> <div class="gap-2 d-flex"> <!-- <kol-badge _icon="check" _color="#030" _label="BIK BITV-Test v12"></kol-badge> --> <!-- <kol-badge _icon="search-document" _color="#033" _label="Snapshot-Tests"></kol-badge> --> </div> <kol-heading _level="2">Link-Button</kol-heading> </div> <div class="gap-2 py-2 col-12 d-grid"> <kol-indented-text>Der folgende Schalter hat ein abweichendes Aria-Label:</kol-indented-text> <kol-link-button class="not-used" _aria-label="Ich bin ein abweichendes Label" _variant="primary" _label="Primary-Schaltfläche" style="width: 15em;"></kol-link-button> <kol-link-button class="not-used" _icon="{'top': {'style': {'font-size': '200%', 'transform': 'rotate(45deg)'}, 'icon': 'icofont-arrow-up'},'right': {'icon': 'icofont-arrow-right'},'bottom': {'icon': 'icofont-arrow-down'},'left': {'icon': 'icofont-arrow-left'}}" _label="Icon's in alle Richtungen" _variant="primary"></kol-link-button> <kol-link-button class="not-used" _icon="{'top': {'style': {'font-size': '200%', 'transform': 'rotate(45deg)'}, 'icon': 'fa-solid fa-arrow-up'},'right': {'icon': 'fa-solid fa-arrow-right'},'bottom': {'icon': 'fa-solid fa-arrow-down'},'left': {'icon': 'fa-solid fa-arrow-left'}}" _label="Icon's in alle Richtungen" _variant="primary"></kol-link-button> <kol-link-button class="not-used" _icon="ui-play" _label="Martin"></kol-link-button> <kol-link-button class="not-used" _icon="home" _variant="primary" _label="Primary-Schaltfläche"></kol-link-button> <kol-link-button class="not-used" _icon="home" _icon-only="" _variant="primary" _label="Primary-Schaltfläche"></kol-link-button> <kol-link-button class="not-used" _variant="secondary" _label="Secondary-Schaltfläche" style="width: 15em;"></kol-link-button> <kol-link-button class="not-used" _variant="normal" _label="Normal-Schaltfläche" style="width: 15em;"></kol-link-button> <kol-link-button class="not-used" _variant="danger" _label="Danger-Schaltfläche" style="width: 15em;"></kol-link-button> <kol-link-button class="not-used" _variant="ghost" _label="Ghost-Schaltfläche" style="width: 15em;"></kol-link-button> <kol-link-button class="not-used" _disabled="true" _label="Disabled-Schaltfläche"></kol-link-button> <kol-link-button class="not-used" _label="Hinzufügen"></kol-link-button> <kol-link-button class="not-used font-80" _icon="ui-add" _label="Hinzufügen"></kol-link-button> <kol-link-button class="not-used font-60" _icon="ui-add" _icon-align="right" _label="Hinzufügen"></kol-link-button> <kol-link-button class="not-used" _icon="ui-add" _icon-align="right" _icon-only="true" _label="Hinzufügen (nur Icon)"></kol-link-button> <kol-link-button class="not-used" _label="ich_bin_ein_echt_langes_zusammengesetztes_Worte_und_versuche_das_Layout_zu_brechen"></kol-link-button> </div> <div class="gap-2 py-2 col-12 d-grid"> <div> <kol-link-button class="not-used" _label="Speichern" _variant="primary"></kol-link-button> <kol-link-button class="not-used" _label="Bearbeiten" _disabled=""></kol-link-button> <kol-link-button class="not-used" _label="Abbrechen"></kol-link-button> <kol-link-button class="not-used" _label="Löschen"></kol-link-button> </div> <div class="font-80"> <kol-link-button class="not-used" _label="Speichern" _variant="primary"></kol-link-button> <kol-link-button class="not-used" _label="Bearbeiten" _disabled=""></kol-link-button> <kol-link-button class="not-used" _label="Abbrechen"></kol-link-button> <kol-link-button class="not-used" _label="Löschen"></kol-link-button> </div> <div class="font-60"> <kol-link-button class="not-used" _label="Speichern" _variant="primary"></kol-link-button> <kol-link-button class="not-used" _label="Bearbeiten" _disabled=""></kol-link-button> <kol-link-button class="not-used" _label="Abbrechen"></kol-link-button> <kol-link-button class="not-used" _label="Löschen"></kol-link-button> </div> </div> </div> </li> <li> <div class="row"> <div class="col-12"> <div class="gap-2 d-flex"> <kol-badge _icon="check" _color="#030" _label="BIK BITV-Test v9*"></kol-badge> <kol-badge _icon="search-document" _color="#033" _label="Snapshot-Tests"></kol-badge> </div> <kol-heading _level="2">ButtonGroup</kol-heading> </div> <div class="gap-2 col-12 d-grid"> <kol-button-group> <kol-button class="not-used" _label="Speichern" _variant="primary"></kol-button> <kol-button class="not-used" _label="Bearbeiten" _disabled=""></kol-button> <kol-button class="not-used" _label="Abbrechen"></kol-button> <kol-button class="not-used" _label="Löschen"></kol-button> </kol-button-group> <kol-button-group class="font-80"> <kol-button class="not-used" _label="Speichern" _variant="primary"></kol-button> <kol-button class="not-used" _label="Bearbeiten" _disabled=""></kol-button> <kol-button class="not-used" _label="Abbrechen"></kol-button> <kol-button class="not-used" _label="Löschen"></kol-button> </kol-button-group> <kol-button-group class="font-60"> <kol-button class="not-used" _label="Speichern" _variant="primary"></kol-button> <kol-button class="not-used" _label="Bearbeiten" _disabled=""></kol-button> <kol-button class="not-used" _label="Abbrechen"></kol-button> <kol-button class="not-used" _label="Löschen"></kol-button> </kol-button-group> </div> </div> </li> <li> <div class="row"> <div class="col-12"> <div class="gap-2 d-flex"> <kol-badge _icon="check" _color="#030" _label="BIK BITV-Test v12"></kol-badge> <kol-badge _icon="search-document" _color="#033" _label="Snapshot-Tests"></kol-badge> </div> <kol-heading _level="2">Card</kol-heading> </div> <div class="gap-2 col-12 d-grid"> <kol-card _headline="Mit h1-Überschrift und Footer" _has-footer=""> <p slot="header">Test</p> <p slot="content"> Lorem ipsum dolor sit amet consectetur, adipisicing elit. Soluta pariatur laudantium saepe ipsa atque officia cupiditate repudiandae harum
47
+ molestias voluptas reiciendis. </p> </kol-accordion> </div> </div> </li> <li> <div class="row"> <div class="col-12"> <div class="gap-2 d-flex"> <kol-badge _icon="dashboard" _color="#600" _label="Retest"></kol-badge> <kol-badge _icon="check" _color="#030" _label="BIK BITV-Test v9"></kol-badge> <kol-badge _icon="search-document" _color="#033" _label="Snapshot-Tests"></kol-badge> </div> <kol-heading _level="2">Alert</kol-heading> </div> <div class="gap-2 col-12 d-grid"> <kol-alert _heading="Nachricht" _level="2">Hier wird Nachricht näher beschrieben.</kol-alert> <kol-alert _type="error" _heading="Fehler" _level="3">Hier wird der Fehler näher beschrieben.</kol-alert> <kol-alert _type="info" _heading="Hinweis" _level="4">Hier wird der Hinweis näher beschrieben.</kol-alert> <kol-alert _type="success" _heading="Erfolg" _level="5"> Hier wird der Erfolg näher beschrieben.</kol-alert> <kol-alert _type="warning" _heading="Warnung" _level="6"> Hier wird die Warnung näher beschrieben.</kol-alert> <kol-alert>Hier wird Nachricht näher beschrieben.</kol-alert> <kol-alert _type="error">Hier wird der Fehler kurz beschrieben.</kol-alert> <kol-alert _type="info">Hier wird der Hinweis kurz beschrieben.</kol-alert> <kol-alert _type="success">Hier wird der Erfolg kurz beschrieben.</kol-alert> <kol-alert _type="warning">Hier wird die Warnung kurz beschrieben.</kol-alert> <kol-alert _heading="Nachricht" _level="2" _variant="card">Hier wird Nachricht näher beschrieben.</kol-alert> <kol-alert _type="error" _heading="Fehler" _level="3" _variant="card">Hier wird der Fehler näher beschrieben.</kol-alert> <kol-alert _type="info" _heading="Hinweis" _level="4" _variant="card">Hier wird der Hinweis näher beschrieben.</kol-alert> <kol-alert _type="success" _heading="Erfolg" _level="5" _variant="card"> Hier wird der Erfolg näher beschrieben.</kol-alert> <kol-alert _type="warning" _heading="Warnung" _level="6" _variant="card"> Hier wird die Warnung näher beschrieben.</kol-alert> <kol-alert _heading="Nachricht" _variant="card">Hier wird Nachricht näher beschrieben.</kol-alert> <kol-alert _type="error" _variant="card">Hier wird der Fehler kurz beschrieben.</kol-alert> <kol-alert _type="info" _variant="card">Hier wird der Hinweis kurz beschrieben.</kol-alert> <kol-alert _type="success" _variant="card">Hier wird der Erfolg kurz beschrieben.</kol-alert> <kol-alert _type="warning" _variant="card">Hier wird die Warnung kurz beschrieben.</kol-alert> </div> </div> </li> <li> <div class="row"> <div class="col-12"> <div class="gap-2 d-flex"> <kol-badge _icon="check" _color="#030" _label="BIK BITV-Test v12"></kol-badge> <kol-badge _icon="search-document" _color="#033" _label="Snapshot-Tests"></kol-badge> </div> <kol-heading _level="2">Badge</kol-heading> <kol-details _summary="Erklärung zum Color-Contrast-Feature">Die folgende Komponente managed die Schriftfarbe in Abhängigkeit zur Hintergrundfarbe automatisch.</kol-details> </div> <div class="gap-2 col-12 d-grid"> <kol-heading _level="3">Heller Hintergrund</kol-heading> <div> <kol-badge _label="Ich bin ein Tag!" _icon="ui-love" _color="#c1ca31"></kol-badge> <kol-badge _label="Ich auch!" _icon="ui-rating" _icon-align="right" _color="#f7bb3d"></kol-badge> <kol-badge _label="Und ich!" _color="#80cdec"></kol-badge> <kol-badge _icon="ui-rate-blank" _label="Ich bin ein Icon!" _icon-only="" _color="#f9e03a"></kol-badge> </div> <kol-heading _level="3">Dunkler Hintergrund</kol-heading> <div> <kol-badge _label="Ich bin ein Tag!" _icon="ui-love" _color="#000"></kol-badge> <kol-badge _label="Ich auch!" _icon="ui-rating" _icon-align="right" _color="#94083c"></kol-badge> <kol-badge _label="Und ich!" _color="#0c247d"></kol-badge> <kol-badge _icon="ui-rate-blank" _label="Ich bin ein Icon!" _icon-only="" _color="#030"></kol-badge> </div> </div> </div> </li> <li> <div class="row"> <div class="col-12"> <div class="gap-2 d-flex"> <kol-badge _icon="check" _color="#030" _label="BIK BITV-Test v9"></kol-badge> <kol-badge _icon="search-document" _color="#033" _label="Snapshot-Tests"></kol-badge> </div> <kol-heading _level="2">Breadcrumb</kol-heading> </div> <div class="gap-2 py-2 col-12 d-grid"> <kol-breadcrumb _aria-label="Breadcrumb aus Text-Links" _links="[{'_label':'Startseite','_href':'#/'},{'_label':'Unterseite der Startseite','_href':'#/unterseite'},{'_label':'Unterseite der Unterseite','_href':'#/unterseite/unterseite'}]"></kol-breadcrumb> <kol-breadcrumb _aria-label="Breadcrumb aus Icons- oder Text-Links" _links="[{'_label':'Startseite', '_icon': 'home', '_iconOnly': true,'_href':'#/'},{'_label':'Unterseite der Startseite mit sehr langem Link-Test','_href':'#/unterseite'},{'_label':'Unterseite der Unterseite','_href':'#/unterseite/unterseite'}]"></kol-breadcrumb> <kol-breadcrumb _aria-label="Breadcrumb aus Icons- und Text-Links" _links="[{'_label':'Startseite', '_icon': 'home', '_href':'#/'},{'_label':'Unterseite der Startseite und ich_bin_ein_echt_langes_zusammengesetztes_Worte_und_versuche_das_Layout_zu_brechen','_href':'#/unterseite'},{'_label':'Unterseite der Unterseite','_href':'#/unterseite/unterseite'}]"></kol-breadcrumb> <kol-breadcrumb _aria-label="Breadcrumb aus Icons- und Text-Links" _links="[{'_label':'Startseite', '_icon': 'home', '_iconOnly': true, '_href':'#/'}]"></kol-breadcrumb> </div> </div> </li> <li> <div class="row"> <div class="col-12"> <div class="gap-2 d-flex"> <kol-badge _icon="check" _color="#030" _label="BIK BITV-Test v12"></kol-badge> <kol-badge _icon="search-document" _color="#033" _label="Snapshot-Tests"></kol-badge> </div> <kol-heading _level="2">Button</kol-heading> </div> <div class="gap-2 py-2 col-12 d-grid"> <kol-indented-text>Der folgende Schalter hat ein abweichendes Aria-Label:</kol-indented-text> <kol-button class="not-used" _aria-label="Ich bin ein abweichendes Label" _variant="primary" _label="Primary-Schaltfläche" style="width: 15em;"></kol-button> <kol-button class="not-used" _icon="{'top': {'style': {'font-size': '200%', 'transform': 'rotate(45deg)'}, 'icon': 'icofont-arrow-up'},'right': {'icon': 'icofont-arrow-right'},'bottom': {'icon': 'icofont-arrow-down'},'left': {'icon': 'icofont-arrow-left'}}" _label="Icon's in alle Richtungen" _variant="primary"></kol-button> <kol-button class="not-used" _icon="{'top': {'style': {'font-size': '200%', 'transform': 'rotate(45deg)'}, 'icon': 'fa-solid fa-arrow-up'},'right': {'icon': 'fa-solid fa-arrow-right'},'bottom': {'icon': 'fa-solid fa-arrow-down'},'left': {'icon': 'fa-solid fa-arrow-left'}}" _label="Icon's in alle Richtungen" _variant="primary"></kol-button> <kol-button class="not-used" _icon="ui-play" _label="Martin"></kol-button> <kol-button class="not-used" _icon="home" _variant="primary" _label="Primary-Schaltfläche"></kol-button> <kol-button class="not-used" _icon="home" _icon-only="" _variant="primary" _label="Primary-Schaltfläche"></kol-button> <kol-button class="not-used" _variant="secondary" _label="Secondary-Schaltfläche" style="width: 15em;"></kol-button> <kol-button class="not-used" _variant="normal" _label="Normal-Schaltfläche" style="width: 15em;"></kol-button> <kol-button class="not-used" _variant="danger" _label="Danger-Schaltfläche" style="width: 15em;"></kol-button> <kol-button class="not-used" _variant="ghost" _label="Ghost-Schaltfläche" style="width: 15em;"></kol-button> <kol-button class="not-used" _disabled="true" _label="Disabled-Schaltfläche"></kol-button> <kol-button class="not-used" _label="Hinzufügen"></kol-button> <kol-button class="not-used font-80" _icon="ui-add" _label="Hinzufügen"></kol-button> <kol-button class="not-used font-60" _icon="ui-add" _icon-align="right" _label="Hinzufügen"></kol-button> <kol-button class="not-used" _icon="ui-add" _icon-align="right" _icon-only="true" _label="Hinzufügen (nur Icon)"></kol-button> <kol-button class="not-used" _label="ich_bin_ein_echt_langes_zusammengesetztes_Worte_und_versuche_das_Layout_zu_brechen"></kol-button> </div> <div class="gap-2 py-2 col-12 d-grid"> <div> <kol-button class="not-used" _label="Speichern" _variant="primary"></kol-button> <kol-button class="not-used" _label="Bearbeiten" _disabled=""></kol-button> <kol-button class="not-used" _label="Abbrechen"></kol-button> <kol-button class="not-used" _label="Löschen"></kol-button> </div> <div class="font-80"> <kol-button class="not-used" _label="Speichern" _variant="primary"></kol-button> <kol-button class="not-used" _label="Bearbeiten" _disabled=""></kol-button> <kol-button class="not-used" _label="Abbrechen"></kol-button> <kol-button class="not-used" _label="Löschen"></kol-button> </div> <div class="font-60"> <kol-button class="not-used" _label="" _variant="primary"><span slot="expert">Speichern</span></kol-button> <kol-button class="not-used" _label="" _disabled=""><span slot="expert">Bearbeiten</span></kol-button> <kol-button class="not-used" _label=""><span slot="expert">Abbrechen</span></kol-button> <kol-button class="not-used" _label=""><span slot="expert">Löschen</span></kol-button> </div> </div> </div> </li> <li> <div class="row"> <div class="col-12"> <div class="gap-2 d-flex"> <!-- <kol-badge _icon="check" _color="#030" _label="BIK BITV-Test v12"></kol-badge> --> <!-- <kol-badge _icon="search-document" _color="#033" _label="Snapshot-Tests"></kol-badge> --> </div> <kol-heading _level="2">Link-Button</kol-heading> </div> <div class="gap-2 py-2 col-12 d-grid"> <kol-indented-text>Der folgende Schalter hat ein abweichendes Aria-Label:</kol-indented-text> <kol-link-button class="not-used" _aria-label="Ich bin ein abweichendes Label" _variant="primary" _label="Primary-Schaltfläche" style="width: 15em;"></kol-link-button> <kol-link-button class="not-used" _icon="{'top': {'style': {'font-size': '200%', 'transform': 'rotate(45deg)'}, 'icon': 'icofont-arrow-up'},'right': {'icon': 'icofont-arrow-right'},'bottom': {'icon': 'icofont-arrow-down'},'left': {'icon': 'icofont-arrow-left'}}" _label="Icon's in alle Richtungen" _variant="primary"></kol-link-button> <kol-link-button class="not-used" _icon="{'top': {'style': {'font-size': '200%', 'transform': 'rotate(45deg)'}, 'icon': 'fa-solid fa-arrow-up'},'right': {'icon': 'fa-solid fa-arrow-right'},'bottom': {'icon': 'fa-solid fa-arrow-down'},'left': {'icon': 'fa-solid fa-arrow-left'}}" _label="Icon's in alle Richtungen" _variant="primary"></kol-link-button> <kol-link-button class="not-used" _icon="ui-play" _label="Martin"></kol-link-button> <kol-link-button class="not-used" _icon="home" _variant="primary" _label="Primary-Schaltfläche"></kol-link-button> <kol-link-button class="not-used" _icon="home" _icon-only="" _variant="primary" _label="Primary-Schaltfläche"></kol-link-button> <kol-link-button class="not-used" _variant="secondary" _label="Secondary-Schaltfläche" style="width: 15em;"></kol-link-button> <kol-link-button class="not-used" _variant="normal" _label="Normal-Schaltfläche" style="width: 15em;"></kol-link-button> <kol-link-button class="not-used" _variant="danger" _label="Danger-Schaltfläche" style="width: 15em;"></kol-link-button> <kol-link-button class="not-used" _variant="ghost" _label="Ghost-Schaltfläche" style="width: 15em;"></kol-link-button> <kol-link-button class="not-used" _disabled="true" _label="Disabled-Schaltfläche"></kol-link-button> <kol-link-button class="not-used" _label="Hinzufügen"></kol-link-button> <kol-link-button class="not-used font-80" _icon="ui-add" _label="Hinzufügen"></kol-link-button> <kol-link-button class="not-used font-60" _icon="ui-add" _icon-align="right" _label="Hinzufügen"></kol-link-button> <kol-link-button class="not-used" _icon="ui-add" _icon-align="right" _icon-only="true" _label="Hinzufügen (nur Icon)"></kol-link-button> <kol-link-button class="not-used" _label="ich_bin_ein_echt_langes_zusammengesetztes_Worte_und_versuche_das_Layout_zu_brechen"></kol-link-button> </div> <div class="gap-2 py-2 col-12 d-grid"> <div> <kol-link-button class="not-used" _label="Speichern" _variant="primary"></kol-link-button> <kol-link-button class="not-used" _label="Bearbeiten" _disabled=""></kol-link-button> <kol-link-button class="not-used" _label="Abbrechen"></kol-link-button> <kol-link-button class="not-used" _label="Löschen"></kol-link-button> </div> <div class="font-80"> <kol-link-button class="not-used" _label="Speichern" _variant="primary"></kol-link-button> <kol-link-button class="not-used" _label="Bearbeiten" _disabled=""></kol-link-button> <kol-link-button class="not-used" _label="Abbrechen"></kol-link-button> <kol-link-button class="not-used" _label="Löschen"></kol-link-button> </div> <div class="font-60"> <kol-link-button class="not-used" _label="" _variant="primary"><span slot="expert">Speichern</span></kol-link-button> <kol-link-button class="not-used" _label=""><span slot="expert">Bearbeiten</span></kol-link-button> <kol-link-button class="not-used" _label=""><span slot="expert">Abbrechen</span></kol-link-button> <kol-link-button class="not-used" _label=""><span slot="expert">Löschen</span></kol-link-button> </div> </div> </div> </li> <li> <div class="row"> <div class="col-12"> <div class="gap-2 d-flex"> <kol-badge _icon="check" _color="#030" _label="BIK BITV-Test v9*"></kol-badge> <kol-badge _icon="search-document" _color="#033" _label="Snapshot-Tests"></kol-badge> </div> <kol-heading _level="2">ButtonGroup</kol-heading> </div> <div class="gap-2 col-12 d-grid"> <kol-button-group> <kol-button class="not-used" _label="Speichern" _variant="primary"></kol-button> <kol-button class="not-used" _label="Bearbeiten" _disabled=""></kol-button> <kol-button class="not-used" _label="Abbrechen"></kol-button> <kol-button class="not-used" _label="Löschen"></kol-button> </kol-button-group> <kol-button-group class="font-80"> <kol-button class="not-used" _label="Speichern" _variant="primary"></kol-button> <kol-button class="not-used" _label="Bearbeiten" _disabled=""></kol-button> <kol-button class="not-used" _label="Abbrechen"></kol-button> <kol-button class="not-used" _label="Löschen"></kol-button> </kol-button-group> <kol-button-group class="font-60"> <kol-button class="not-used" _label="Speichern" _variant="primary"></kol-button> <kol-button class="not-used" _label="Bearbeiten" _disabled=""></kol-button> <kol-button class="not-used" _label="Abbrechen"></kol-button> <kol-button class="not-used" _label="Löschen"></kol-button> </kol-button-group> </div> </div> </li> <li> <div class="row"> <div class="col-12"> <div class="gap-2 d-flex"> <kol-badge _icon="check" _color="#030" _label="BIK BITV-Test v12"></kol-badge> <kol-badge _icon="search-document" _color="#033" _label="Snapshot-Tests"></kol-badge> </div> <kol-heading _level="2">Card</kol-heading> </div> <div class="gap-2 col-12 d-grid"> <kol-card _headline="Mit h1-Überschrift und Footer" _has-footer=""> <p slot="header">Test</p> <p slot="content"> Lorem ipsum dolor sit amet consectetur, adipisicing elit. Soluta pariatur laudantium saepe ipsa atque officia cupiditate repudiandae harum
48
48
  earum aut doloribus autem libero exercitationem dolor ad, magni dignissimos ratione fuga. Lorem ipsum dolor sit amet consectetur adipisicing
49
49
  elit. Officiis perferendis qui animi nesciunt illo facere, doloribus sint cupiditate nihil dolorem voluptate ab esse! Ducimus ad est commodi
50
50
  molestias voluptas reiciendis. </p> <div slot="footer"> <kol-button class="not-used min-width" _label="Ok"></kol-button> <kol-button class="not-used min-width" _label="Abbrechen"></kol-button> </div> </kol-card> <kol-card _headline="Mit h2-Überschrift" _level="2" class="bordered"> <p slot="content"> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed
package/dist/cjs/controller-74427691.js DELETED
@@ -1,4 +0,0 @@
1
- /*!
2
- * KoliBri - the accessible web component library
3
- */
4
- "use strict";const a11y_tipps=require("./a11y.tipps-c34c01ad.js"),prop_validators=require("./prop.validators-78c2b613.js"),syncAriaLabelBeforePatch=(a,t,e,r)=>{const i=t.has("_ariaLabel")?t.get("_ariaLabel"):e.state._ariaLabel;if("string"==typeof i&&i.length>0){const a=t.has("_label")?t.get("_label"):e.state._label;!1===new RegExp(`^${a}`).test(i)&&("_ariaLabel"===r?(t.set("_label",i),e._label=i):(t.set("_ariaLabel",a),e._ariaLabel=a),a11y_tipps.a11yHint("Das abweichende Aria-Label am Schalter ist nicht barrierefrei. Ein abweichendes Aria-Label muss aus Barrierefreiheitsgründen für die Sprachsteuerung mit dem Label-Text beginnen."))}},watchButtonType=(a,t,e)=>{prop_validators.watchValidator(a,t,(a=>"button"===a||"reset"===a||"submit"===a),new Set(["KoliBriButtonType {button, reset, submit}"]),e)},watchButtonVariant=(a,t,e)=>{prop_validators.watchValidator(a,t,(a=>"primary"===a||"secondary"===a||"normal"===a||"danger"===a||"ghost"===a||"custom"===a),new Set(["KoliBriButtonVariant {primary, secondary, normal, danger, ghost, custom}"]),e,{defaultValue:"normal"})};exports.syncAriaLabelBeforePatch=syncAriaLabelBeforePatch,exports.watchButtonType=watchButtonType,exports.watchButtonVariant=watchButtonVariant;
package/dist/cjs/controller-7a0bcadc.js DELETED
@@ -1,4 +0,0 @@
1
- /*!
2
- * KoliBri - the accessible web component library
3
- */
4
- "use strict";const a11y_tipps=require("./a11y.tipps-c34c01ad.js"),prop_validators=require("./prop.validators-78c2b613.js"),validator=require("./validator-3a019e4f.js"),icon=require("./icon-d1b56c51.js"),tabIndex=require("./tab-index-7dd665c2.js"),getRenderStates=t=>{const o="string"==typeof t._error&&t._error.length>0&&!0===t._touched,n="string"==typeof t._hint&&t._hint.length>0,e=[];return!0===o&&e.push(`${t._id}-error`),!0===n&&e.push(`${t._id}-hint`),{hasError:o,hasHint:n,ariaDiscribedBy:e}};class ControlledInputController{constructor(t,o){this.component=t,this.name=o}validateAlert(t){prop_validators.watchBoolean(this.component,"_alert",t)}validateTouched(t){prop_validators.watchBoolean(this.component,"_touched",t)}componentWillLoad(){this.validateAlert(this.component._alert),this.validateTouched(this.component._touched)}}const beforePatchIcon=(t,o)=>{const n=t;"object"==typeof n&&null!==n&&(validator.isString(n.right,1)&&(n.right={icon:n.right}),validator.isString(n.left,1)&&(n.left={icon:n.left}),o.set("_icon",n))};class InputController extends ControlledInputController{constructor(t,o){super(t,o),this.hideLabel=!1,this.onFacade={onBlur:this.onBlur.bind(this),onChange:this.onChange.bind(this),onClick:this.onClick.bind(this),onFocus:this.onFocus.bind(this)},this.component=t}validateAccessKey(t){prop_validators.watchString(this.component,"_accessKey",t)}validateAdjustHeight(t){prop_validators.watchBoolean(this.component,"_adjustHeight",t)}validateDisabled(t){prop_validators.watchBoolean(this.component,"_disabled",t),!0===t&&a11y_tipps.a11yHintDisabled()}validateError(t){prop_validators.watchString(this.component,"_error",t,{minLength:0})}validateHideLabel(t){prop_validators.watchBoolean(this.component,"_hideLabel",t)}validateHint(t){prop_validators.watchString(this.component,"_hint",t)}validateIcon(t){prop_validators.objectObjectHandler(t,(()=>{try{t=prop_validators.parseJson(t)}catch(t){}prop_validators.watchValidator(this.component,"_icon",(t=>"object"==typeof t&&null!==t&&(validator.isString(t.left,1)||icon.isIcon(t.left)||validator.isString(t.right,1)||icon.isIcon(t.right))),new Set(["KoliBriInputIcon"]),t,{hooks:{beforePatch:beforePatchIcon},required:!0})}))}validateId(t){prop_validators.watchString(this.component,"_id",t),void 0===t&&a11y_tipps.devHint("Eine eindeutige ID an den Eingabefeldern ist nicht zwingend erforderlich, könnte aber für die E2E-Tests relevant sein.")}validateName(t){prop_validators.watchString(this.component,"_name",t),void 0===t&&a11y_tipps.devHint("Ein Name an den Eingabefeldern ist nicht zwingend erforderlich, könnte aber für die Autocomplete-Funktion des Eingabefeldes relevant sein.")}validateOn(t){"object"==typeof t&&prop_validators.setState(this.component,"_on",t)}validateSmartButton(t){prop_validators.objectObjectHandler(t,(()=>{try{t=prop_validators.parseJson(t)}catch(t){}prop_validators.setState(this.component,"_smartButton",t)}))}validateTabIndex(t){tabIndex.validateTabIndex(this.component,t)}componentWillLoad(){super.componentWillLoad(),this.validateAccessKey(this.component._accessKey),this.validateAdjustHeight(this.component._adjustHeight),this.validateError(this.component._error),this.validateDisabled(this.component._disabled),this.validateHideLabel(this.component._hideLabel),this.validateHint(this.component._hint),this.validateIcon(this.component._icon),this.validateId(this.component._id),this.validateName(this.component._name),this.validateSmartButton(this.component._smartButton),this.validateOn(this.component._on),this.validateTabIndex(this.component._tabIndex)}onBlur(t){var o;this.component._alert=!0,this.component._touched=!0,"function"==typeof(null===(o=this.component._on)||void 0===o?void 0:o.onBlur)&&this.component._on.onBlur(t)}onChange(t){var o;"function"==typeof(null===(o=this.component._on)||void 0===o?void 0:o.onChange)&&this.component._on.onChange(t,t.target.value)}onClick(t){var o;"function"==typeof(null===(o=this.component._on)||void 0===o?void 0:o.onClick)&&this.component._on.onClick(t)}onFocus(t){var o;this.component._alert=!0,"function"==typeof(null===(o=this.component._on)||void 0===o?void 0:o.onFocus)&&this.component._on.onFocus(t)}setValue(t,o){var n;"function"==typeof(null===(n=this.component._on)||void 0===n?void 0:n.onChange)&&this.component._on.onChange(t,o)}}exports.InputController=InputController,exports.getRenderStates=getRenderStates;
package/dist/cjs/icon-d1b56c51.js DELETED
@@ -1,4 +0,0 @@
1
- /*!
2
- * KoliBri - the accessible web component library
3
- */
4
- "use strict";const prop_validators=require("./prop.validators-78c2b613.js"),validator=require("./validator-3a019e4f.js"),mapCustomIcon=(t,o)=>{validator.isObject(o)?t.left=o:validator.isString(o,1)&&(t.left={icon:o})},mapIconProp2State=(t,o)=>{let i={};if(validator.isString(t,1))if("right"===o)i={right:{icon:t}};else i={left:{icon:t}};else"object"==typeof t&&null!==t&&(mapCustomIcon(i,t.top),mapCustomIcon(i,t.right),mapCustomIcon(i,t.bottom),mapCustomIcon(i,t.left));return i},beforePatchIcon=t=>{var o,i,n,e,a,l,c;if(null===(o=t.nextState)||void 0===o?void 0:o.has("_icon")){const o=null===(i=t.nextState)||void 0===i?void 0:i.get("_icon"),a=(null===(n=t.nextState)||void 0===n?void 0:n.get("_iconAlign"))||t.state._iconAlign;null===(e=t.nextState)||void 0===e||e.set("_icon",mapIconProp2State(o,a))}else if(null===(a=t.nextState)||void 0===a?void 0:a.has("_iconAlign")){const o=t.state._iconAlign;null===(l=t.nextState)||void 0===l||l.set("_icon",{[o]:void 0,[null===(c=t.nextState)||void 0===c?void 0:c.get("_iconAlign")]:t.state._icon[o]})}},isIcon=t=>"object"==typeof t&&null!==t&&(void 0===t.style||validator.isStyle(t.style))&&validator.isString(t.icon,1),watchIcon=(t,o)=>{prop_validators.objectObjectHandler(o,(()=>{try{o=prop_validators.parseJson(o)}catch(t){}prop_validators.watchValidator(t,"_icon",(t=>null===t||validator.isString(t,1)||"object"==typeof t&&null!==t&&(validator.isString(t.left,1)||isIcon(t.left)||validator.isString(t.right,1)||isIcon(t.right)||validator.isString(t.top,1)||isIcon(t.top)||validator.isString(t.bottom,1)||isIcon(t.bottom))),new Set(["KoliBriIcon"]),o,{hooks:{beforePatch:(o,i)=>{null===o&&i.set("_icon",{}),beforePatchIcon(t)}},required:!0})}))},watchIconAlign=(t,o)=>{prop_validators.watchValidator(t,"_iconAlign",(t=>"left"===t||"right"===t),new Set(["Alignment {left, right, top, bottom}"]),o,{hooks:{beforePatch:()=>{beforePatchIcon(t)}}})};exports.isIcon=isIcon,exports.watchIcon=watchIcon,exports.watchIconAlign=watchIconAlign;
package/dist/cjs/prop.validators-78c2b613.js DELETED
@@ -1,4 +0,0 @@
1
- /*!
2
- * KoliBri - the accessible web component library
3
- */
4
- "use strict";const index_m=require("./index.m-d4f02c88.js"),a11y_tipps=require("./a11y.tipps-c34c01ad.js"),dev_utils=require("./dev.utils-d0a4bbec.js"),index=require("./index-009cdc55.js"),pushNodes=(e,t)=>{t.forEach((t=>{!1===e.has(t)&&e.add(t)}))},querySelectorAll=(e,t=document)=>{if(t instanceof Document||t instanceof HTMLElement||t instanceof ShadowRoot){const r=new Set;pushNodes(r,t.querySelectorAll(e));const o=t.querySelectorAll('[class*="hydrated"]');for(let t=0;t<o.length;t++){const n=o[t].shadowRoot;pushNodes(r,querySelectorAll(e,"object"==typeof n&&null!==n?n:o[t]))}return Array.from(r)}throw new Error("The parameter document for the method querySelectorAll is not type of Document, HTMLElement or ShadowRoot.")},querySelector=(e,t=document)=>{if(t instanceof Document||t instanceof HTMLElement||t instanceof ShadowRoot){let r=t.querySelector(e);if(null===r){const o=t.querySelectorAll('[class*="hydrated"]');for(let t=0;t<o.length;t++){const n=o[t].shadowRoot;if(r=querySelector(e,"object"==typeof n&&null!==n?n:o[t]),null!==r)break}}return r}throw new Error("The parameter document for the method querySelector is not type of Document, HTMLElement or ShadowRoot.")};var rgbaConvert=arr,arr_1=arr,obj_1=obj,css_1=css,hex_1=hex,num_1=num;function arr(e){var t=parse(e);return 3==t.length?t.concat(255):(t[3]=Math.round(t[3]),t)}function obj(e){var t=parse(e);return{r:t[0],g:t[1],b:t[2],a:3==t.length?255:Math.round(t[3])}}function css(e){var t=parse(e);return 3==t.length&&t.push(255),255==t[3]?"rgb("+t[0]+", "+t[1]+", "+t[2]+")":0==t[3]?"rgba("+t[0]+", "+t[1]+", "+t[2]+", 0)":"rgba("+t[0]+", "+t[1]+", "+t[2]+", "+String(t[3]/255).substr(1)+")"}function hex(e){3==(t=parse(e)).length&&t.push(255);var t,r=255==t[3],o=num2hex(t[0]),n=num2hex(t[1]),l=num2hex(t[2]),i=isshort(o,n,l,t=num2hex(Math.round(t[3])));return r?i?"#"+o.charAt(0)+n.charAt(0)+l.charAt(0):"#"+o+n+l:i?"#"+o.charAt(0)+n.charAt(0)+l.charAt(0)+t.charAt(0):"#"+o+n+l+t}function num(e){var t=parse(e);return 3==t.length?t.push(255):t[3]=Math.round(t[3]),(t[3]<<24>>>0|t[0]<<16|t[1]<<8|t[2])>>>0}function parse(e){return"string"==typeof e?name(e=e.toLowerCase())||hex3(e)||hex6(e)||rgb(e)||rgba(e)||[0,0,0,255]:object(e)||array(e)||number(e)||[0,0,0,255]}function num2hex(e){var t=e.toString(16);return 1==t.length?"0"+t:t}function isshort(e,t,r,o){var n=["ff","00","11","22","33","44","55","66","77","88","99","aa","bb","cc","dd","ee"];return-1!=n.indexOf(e)&&-1!=n.indexOf(t)&&-1!=n.indexOf(r)&&-1!=n.indexOf(o)}function name(e){return"red"==e?[255,0,0]:"green"==e?[0,255,0]:"blue"==e?[0,0,255]:"black"==e?[0,0,0]:"white"==e?[255,255,255]:"cyan"==e?[0,255,255]:"gray"==e||"grey"==e?[128,128,128]:"magenta"==e||"pink"==e?[255,0,255]:"yellow"==e?[255,255,0]:void 0}function hex2num(e){return 1==e.length?parseInt(e+e,16):parseInt(e,16)}function hex3(e){var t=e.replace(/^#/,""),r=t.length;if(3==r||4==r){var o=hex2num(t[0]),n=hex2num(t[1]),l=hex2num(t[2]),i=3==r?255:hex2num(t[3]);if(isNaN(o)||isNaN(n)||isNaN(l)||isNaN(i))return;return[o,n,l,i]}}function hex6(e){var t=e.replace(/^#/,""),r=t.length;if(6==r||8==r){var o=hex2num(t.slice(0,2)),n=hex2num(t.slice(2,4)),l=hex2num(t.slice(4,6)),i=6==r?255:hex2num(t.slice(6,8));if(isNaN(o)||isNaN(n)||isNaN(l)||isNaN(i))return;return[o,n,l,i]}}function getnum(e,t){return"number"!=typeof e||!0===t&&Math.floor(e)!==e?-1:e>=0&&e<=255?e:-1}function object(e){if("[object Object]"===Object.prototype.toString.call(e)&&Object.getPrototypeOf(e)===Object.getPrototypeOf({})){var t=getnum(null!=e.r?e.r:null!=e.red?e.red:0,!0),r=getnum(null!=e.g?e.g:null!=e.green?e.green:0,!0),o=getnum(null!=e.b?e.b:null!=e.blue?e.blue:0,!0),n=getnum(null!=e.a?e.a:null!=e.alpha?e.alpha:255,!0);if(-1!=t&&-1!=r&&-1!=o&&-1!=n)return[t,r,o,n]}}function array(e){if(Array.isArray(e)&&(3==e.length||4==e.length)){var t=getnum(e[0],!0),r=getnum(e[1],!0),o=getnum(e[2],!0),n=getnum(null!=e[3]?e[3]:255,!0);if(-1!=t&&-1!=r&&-1!=o&&-1!=n)return[t,r,o,n]}}function number(e){if("number"==typeof e&&Math.floor(e)==e&&e<=4294967295&&e>=0)return[e>>16&255,e>>8&255,255&e,e>>24&255]}function rgb(e){if("rgb("==e.substr(0,4)){var t=(e=e.match(/^rgb\(([^)]+)\)/)[1]).split(/ *, */).map(Number),r=getnum(t[0],!0),o=getnum(t[1],!0),n=getnum(t[2],!0);if(-1!=r&&-1!=o&&-1!=n)return[r,o,n,255]}}function rgba(e){if("rgba("==e.substr(0,5)){var t=(e=e.match(/^rgba\(([^)]+)\)/)[1]).split(/ *, */).map(Number),r=getnum(t[0],!0),o=getnum(t[1],!0),n=getnum(t[2],!0),l=getnum(255*t[3]);if(-1!=r&&-1!=o&&-1!=n&&-1!=l)return[r,o,n,l]}}rgbaConvert.arr=arr_1,rgbaConvert.obj=obj_1,rgbaConvert.css=css_1,rgbaConvert.hex=hex_1,rgbaConvert.num=num_1;const OBJECT_OBJECT=/\[object Object\]/,objectObjectHandler=(e,t)=>{"string"==typeof e&&OBJECT_OBJECT.test(e)||t()},emptyStringByArrayHandler=(e,t)=>{"string"==typeof e&&""===e||t()},setEventTargetAndStopPropagation=(e,t)=>{Object.defineProperty(e,"target",{value:t,writable:!1}),null==e||e.stopPropagation()},patchState=e=>{var t,r,o;null===(t=e.nextHooks)||void 0===t||t.forEach(((t,r)=>{var o;const n=t.get("beforePatch");"function"==typeof n&&n(null===(o=e.nextState)||void 0===o?void 0:o.get(r),e.nextState,e,r)})),(null===(r=e.nextState)||void 0===r?void 0:r.size)>0&&(e.state=Object.assign(Object.assign({},e.state),Object.fromEntries(e.nextState)),delete e.nextState,null===(o=e.nextHooks)||void 0===o||o.forEach(((t,r)=>{const o=t.get("afterPatch");"function"==typeof o&&o(e.state[r],e.state,e,r)}))),delete e.nextHooks},setState=(e,t,r,o={})=>{var n,l;if(void 0===e.nextHooks&&(e.nextHooks=new Map),void 0===e.nextState&&(e.nextState=new Map),e.nextState.get(t)!==r){e.nextHooks.get(t)instanceof Map==!1&&e.nextHooks.set(t,new Map),"function"==typeof o.afterPatch&&(null===(n=e.nextHooks.get(t))||void 0===n||n.set("afterPatch",o.afterPatch)),"function"==typeof o.beforePatch&&(null===(l=e.nextHooks.get(t))||void 0===l||l.set("beforePatch",o.beforePatch)),e.nextState.set(t,r),patchState(e)}},logWarn=(e,t,r,o)=>{a11y_tipps.devHint(`[${e.constructor.name}] Der Property-Wert (${r}) für '${t}' ist nicht valide. Folgende Werte sind erlaubt: ${Array.from(o).join(", ")}`)},watchValidator=(e,t,r,o,n,l={})=>{!r(n)||void 0!==(null==l?void 0:l.allowNull)&&!1!==(null==l?void 0:l.allowNull)&&null!==n?void 0!==(null==l?void 0:l.defaultValue)||void 0===(null==l?void 0:l.required)||!1===(null==l?void 0:l.required)?setState(e,t,null==l?void 0:l.defaultValue,null==l?void 0:l.hooks):(!0===l.allowNull&&o.add(null),!0!==l.required&&o.add(void 0),logWarn(e,t,n,o)):setState(e,t,n,null==l?void 0:l.hooks)},watchBoolean=(e,t,r,o)=>{watchValidator(e,t,(e=>"boolean"==typeof e),new Set(["Boolean {true, false}"]),r,o)},watchString=(e,t,r,o)=>{watchValidator(e,t,(e=>"string"==typeof e&&e.length>=("number"==typeof(null==o?void 0:o.minLength)?null==o?void 0:o.minLength:1)),new Set(["String (nicht leer)"]),r,o)},watchNumber=(e,t,r,o)=>{watchValidator(e,t,(e=>"number"==typeof e&&(void 0===(null==o?void 0:o.min)||"number"==typeof(null==o?void 0:o.min)&&e>=o.min)&&(void 0===(null==o?void 0:o.max)||"number"==typeof(null==o?void 0:o.max)&&e<=o.max)),new Set(["Number"]),r,o)},watchJsonArrayString=(e,t,r,o,n=(e=>e==e),l={})=>{emptyStringByArrayHandler(o,(()=>{objectObjectHandler(o,(()=>{void 0===o&&(o=[]);try{if("string"==typeof o&&(o=parseJson(o)),Array.isArray(o)){const i=o.find((e=>!r(e)));void 0===i&&n(o)?setState(e,t,o,l.hooks):objectObjectHandler(i,(()=>{throw console.log(i),new Error("↑ Das Schema für das Property (_options) ist nicht valide. Der Wert wird nicht geändert.")}))}else objectObjectHandler(o,(()=>{throw new Error("↑ Das Schema für das Property (_options) ist nicht valide. Der Wert wird nicht geändert.")}))}catch(e){a11y_tipps.devHint("Known bug: Zeichenkettenliste (string[])")}}))}))},stringifyJson=e=>{try{return JSON.stringify(e).replace(/"/g,"'")}catch(e){throw new Error("↑ Das JSON konnte nicht in einen String umgewandelt werden. Es wird ein stringifizierbares JSON erwartet.")}},parseJson=e=>{try{return JSON.parse(e)}catch(t){try{return JSON.parse(e.replace(/'/g,'"'))}catch(e){throw new Error("↑ Der JSON-String konnte nicht geparsed werden. Achten Sie darauf, dass einfache Anführungszeichen im Text maskiert werden (&#8216;).")}}},mapBoolean2String=e=>"boolean"==typeof e?!0===e?"true":"false":void 0,mapStringOrBoolean2String=e=>"string"==typeof e?e:mapBoolean2String(e),koliBriQuerySelector=(e,t)=>querySelector(e,t||dev_utils.getDocument()),koliBriQuerySelectorAll=(e,t)=>querySelectorAll(e,t||dev_utils.getDocument());let DEFAULT_COLOR_CONTRAST=null;const getDefaultColorContrast=()=>(DEFAULT_COLOR_CONTRAST=DEFAULT_COLOR_CONTRAST||{backgroundColor:"#00000000",color:"#00000000",domNode:dev_utils.getDocument().body,level:"Fail",score:1},DEFAULT_COLOR_CONTRAST),TRANSPARENT_REGEXP=/(\d+, ){3}0\)/,koliBriA11yColorContrast=(e,t=getDefaultColorContrast())=>{const r=getComputedStyle(e),o=TRANSPARENT_REGEXP.test(r.backgroundColor)?t.backgroundColor:rgbaConvert.hex(r.backgroundColor),n=TRANSPARENT_REGEXP.test(r.color)?t.color:rgbaConvert.hex(r.color),l=index_m.s(o,n),i={backgroundColor:o,color:n,domNode:e,level:index_m.f(l),score:l};return l<4.5&&dev_utils.Log.error(["Color-Contrast-Error",{backgroundColor:i.backgroundColor,color:i.color,level:i.level,score:i.score},i.domNode]),i},koliBriQuerySelectorColors=(e,t=getDefaultColorContrast())=>{t.domNode instanceof HTMLElement&&(t=koliBriA11yColorContrast(t.domNode,t));const r=t.domNode.querySelector(e);if(null===r){const r=t.domNode.querySelectorAll('[class="hydrated"]');for(let o=0;o<r.length&&(t.domNode=r[o],null===(t=koliBriQuerySelectorColors(e,t)).domNode);o++);return t}return koliBriA11yColorContrast(r,t)},scrollByHTMLElement=(e,t=window)=>{e instanceof HTMLElement?(t.scrollTo({behavior:"smooth",top:e.getBoundingClientRect().top+dev_utils.getWindow().pageYOffset-50}),e.focus()):a11y_tipps.devHint("Das HTMLElement ist nicht valide, zu dem gescrollt werden soll.")},scrollBySelector=(e,t)=>{if((e instanceof Document||e instanceof HTMLElement||e instanceof ShadowRoot)&&"string"==typeof t){a11y_tipps.devHint("Bei der Methode querySelectorAll wurden die Parameter document, selector in selector, document getauscht, da der Parameter selector nicht, allerdings der Parameter document optional sein kann.");const r=`${t}`;t=e,e=r}if("string"==typeof e){const r=koliBriQuerySelector(e,t);r instanceof HTMLElement?scrollByHTMLElement(r):a11y_tipps.devHint(`Es konnte kein HTMLElement mit dem Selector (${e}) gefunden werden, zu dem gescrollt werden soll.`)}else a11y_tipps.devHint("Der Selector ist nicht valide, zu dem gescrollt werden soll.")};class KoliBriUtils{static queryHtmlElementColors(e,t,r=!1,o=!0){let n=null;if(!0===r||!1===KoliBriUtils.executionLock)if(!1===r&&(KoliBriUtils.cache.clear(),KoliBriUtils.cache.set(t.domNode,t),KoliBriUtils.executionLock=!0,!0===o&&dev_utils.Log.debug("[KoliBriUtils] Color contrast analysis started...")),e===t.domNode)n=t;else{const r=new Set;if(t.domNode.shadowRoot){const e=t.domNode.shadowRoot.children;for(let t=0;t<e.length;t++)r.add(e[t])}const o=t.domNode;if("function"==typeof o.assignedNodes){const e=o.assignedNodes();for(let t=0;t<e.length;t++)e[t]instanceof HTMLElement&&r.add(e[t])}const l=t.domNode.children;for(let e=0;e<l.length;e++)r.add(l[e]);const i=Array.from(r);for(let r=0;r<i.length;r++){let o=KoliBriUtils.cache.get(i[r]);void 0===o&&(o=koliBriA11yColorContrast(i[r],t)),KoliBriUtils.cache.set(i[r],o);const l=KoliBriUtils.queryHtmlElementColors(e,o,!0,!1);if(null!==l){n=l;break}}}else dev_utils.Log.debug("[KoliBriUtils] Call aborted because a color contrast analysis is currently being executed.");return!1===r&&(!0===o&&dev_utils.Log.debug(`[KoliBriUtils] Color contrast analysis finished (${KoliBriUtils.cache.size} DOM elements are analysed).`),KoliBriUtils.executionLock=!1,KoliBriUtils.cache.clear()),n}}KoliBriUtils.executionLock=!1,KoliBriUtils.cache=new Map;class KoliBriDevHelper{}KoliBriDevHelper.patchTheme=index.patchTheme,KoliBriDevHelper.patchThemeTag=index.patchThemeTag,KoliBriDevHelper.querySelector=koliBriQuerySelector,KoliBriDevHelper.querySelectorAll=koliBriQuerySelectorAll,KoliBriDevHelper.scrollByHTMLElement=scrollByHTMLElement,KoliBriDevHelper.scrollBySelector=scrollBySelector,KoliBriDevHelper.stringifyJson=stringifyJson,exports.KoliBriDevHelper=KoliBriDevHelper,exports.KoliBriUtils=KoliBriUtils,exports.emptyStringByArrayHandler=emptyStringByArrayHandler,exports.koliBriA11yColorContrast=koliBriA11yColorContrast,exports.koliBriQuerySelector=koliBriQuerySelector,exports.koliBriQuerySelectorAll=koliBriQuerySelectorAll,exports.koliBriQuerySelectorColors=koliBriQuerySelectorColors,exports.mapBoolean2String=mapBoolean2String,exports.mapStringOrBoolean2String=mapStringOrBoolean2String,exports.objectObjectHandler=objectObjectHandler,exports.parseJson=parseJson,exports.rgbaConvert=rgbaConvert,exports.scrollBySelector=scrollBySelector,exports.setEventTargetAndStopPropagation=setEventTargetAndStopPropagation,exports.setState=setState,exports.stringifyJson=stringifyJson,exports.watchBoolean=watchBoolean,exports.watchJsonArrayString=watchJsonArrayString,exports.watchNumber=watchNumber,exports.watchString=watchString,exports.watchValidator=watchValidator;
package/dist/esm/controller-5191c911.js DELETED
@@ -1,4 +0,0 @@
1
- /*!
2
- * KoliBri - the accessible web component library
3
- */
4
- import{b as a11yHintDisabled,d as devHint}from"./a11y.tipps-bec0e549.js";import{b as watchBoolean,w as watchString,o as objectObjectHandler,p as parseJson,a as watchValidator,s as setState}from"./prop.validators-359f6f9d.js";import{i as isString}from"./validator-05e130c7.js";import{i as isIcon}from"./icon-7cfc4157.js";import{v as validateTabIndex}from"./tab-index-69ee0c1b.js";const getRenderStates=t=>{const n="string"==typeof t._error&&t._error.length>0&&!0===t._touched,e="string"==typeof t._hint&&t._hint.length>0,o=[];return!0===n&&o.push(`${t._id}-error`),!0===e&&o.push(`${t._id}-hint`),{hasError:n,hasHint:e,ariaDiscribedBy:o}};class ControlledInputController{constructor(t,n){this.component=t,this.name=n}validateAlert(t){watchBoolean(this.component,"_alert",t)}validateTouched(t){watchBoolean(this.component,"_touched",t)}componentWillLoad(){this.validateAlert(this.component._alert),this.validateTouched(this.component._touched)}}const beforePatchIcon=(t,n)=>{const e=t;"object"==typeof e&&null!==e&&(isString(e.right,1)&&(e.right={icon:e.right}),isString(e.left,1)&&(e.left={icon:e.left}),n.set("_icon",e))};class InputController extends ControlledInputController{constructor(t,n){super(t,n),this.hideLabel=!1,this.onFacade={onBlur:this.onBlur.bind(this),onChange:this.onChange.bind(this),onClick:this.onClick.bind(this),onFocus:this.onFocus.bind(this)},this.component=t}validateAccessKey(t){watchString(this.component,"_accessKey",t)}validateAdjustHeight(t){watchBoolean(this.component,"_adjustHeight",t)}validateDisabled(t){watchBoolean(this.component,"_disabled",t),!0===t&&a11yHintDisabled()}validateError(t){watchString(this.component,"_error",t,{minLength:0})}validateHideLabel(t){watchBoolean(this.component,"_hideLabel",t)}validateHint(t){watchString(this.component,"_hint",t)}validateIcon(t){objectObjectHandler(t,(()=>{try{t=parseJson(t)}catch(t){}watchValidator(this.component,"_icon",(t=>"object"==typeof t&&null!==t&&(isString(t.left,1)||isIcon(t.left)||isString(t.right,1)||isIcon(t.right))),new Set(["KoliBriInputIcon"]),t,{hooks:{beforePatch:beforePatchIcon},required:!0})}))}validateId(t){watchString(this.component,"_id",t),void 0===t&&devHint("Eine eindeutige ID an den Eingabefeldern ist nicht zwingend erforderlich, könnte aber für die E2E-Tests relevant sein.")}validateName(t){watchString(this.component,"_name",t),void 0===t&&devHint("Ein Name an den Eingabefeldern ist nicht zwingend erforderlich, könnte aber für die Autocomplete-Funktion des Eingabefeldes relevant sein.")}validateOn(t){"object"==typeof t&&setState(this.component,"_on",t)}validateSmartButton(t){objectObjectHandler(t,(()=>{try{t=parseJson(t)}catch(t){}setState(this.component,"_smartButton",t)}))}validateTabIndex(t){validateTabIndex(this.component,t)}componentWillLoad(){super.componentWillLoad(),this.validateAccessKey(this.component._accessKey),this.validateAdjustHeight(this.component._adjustHeight),this.validateError(this.component._error),this.validateDisabled(this.component._disabled),this.validateHideLabel(this.component._hideLabel),this.validateHint(this.component._hint),this.validateIcon(this.component._icon),this.validateId(this.component._id),this.validateName(this.component._name),this.validateSmartButton(this.component._smartButton),this.validateOn(this.component._on),this.validateTabIndex(this.component._tabIndex)}onBlur(t){var n;this.component._alert=!0,this.component._touched=!0,"function"==typeof(null===(n=this.component._on)||void 0===n?void 0:n.onBlur)&&this.component._on.onBlur(t)}onChange(t){var n;"function"==typeof(null===(n=this.component._on)||void 0===n?void 0:n.onChange)&&this.component._on.onChange(t,t.target.value)}onClick(t){var n;"function"==typeof(null===(n=this.component._on)||void 0===n?void 0:n.onClick)&&this.component._on.onClick(t)}onFocus(t){var n;this.component._alert=!0,"function"==typeof(null===(n=this.component._on)||void 0===n?void 0:n.onFocus)&&this.component._on.onFocus(t)}setValue(t,n){var e;"function"==typeof(null===(e=this.component._on)||void 0===e?void 0:e.onChange)&&this.component._on.onChange(t,n)}}export{InputController as I,getRenderStates as g};
package/dist/esm/controller-dfdcadad.js DELETED
@@ -1,4 +0,0 @@
1
- /*!
2
- * KoliBri - the accessible web component library
3
- */
4
- import{c as a11yHint}from"./a11y.tipps-bec0e549.js";import{a as watchValidator}from"./prop.validators-359f6f9d.js";const syncAriaLabelBeforePatch=(a,e,t,r)=>{const i=e.has("_ariaLabel")?e.get("_ariaLabel"):t.state._ariaLabel;if("string"==typeof i&&i.length>0){const a=e.has("_label")?e.get("_label"):t.state._label;!1===new RegExp(`^${a}`).test(i)&&("_ariaLabel"===r?(e.set("_label",i),t._label=i):(e.set("_ariaLabel",a),t._ariaLabel=a),a11yHint("Das abweichende Aria-Label am Schalter ist nicht barrierefrei. Ein abweichendes Aria-Label muss aus Barrierefreiheitsgründen für die Sprachsteuerung mit dem Label-Text beginnen."))}},watchButtonType=(a,e,t)=>{watchValidator(a,e,(a=>"button"===a||"reset"===a||"submit"===a),new Set(["KoliBriButtonType {button, reset, submit}"]),t)},watchButtonVariant=(a,e,t)=>{watchValidator(a,e,(a=>"primary"===a||"secondary"===a||"normal"===a||"danger"===a||"ghost"===a||"custom"===a),new Set(["KoliBriButtonVariant {primary, secondary, normal, danger, ghost, custom}"]),t,{defaultValue:"normal"})};export{watchButtonVariant as a,syncAriaLabelBeforePatch as s,watchButtonType as w};
package/dist/esm/icon-7cfc4157.js DELETED
@@ -1,4 +0,0 @@
1
- /*!
2
- * KoliBri - the accessible web component library
3
- */
4
- import{o as objectObjectHandler,a as watchValidator,p as parseJson}from"./prop.validators-359f6f9d.js";import{i as isString,a as isStyle,b as isObject}from"./validator-05e130c7.js";const mapCustomIcon=(t,o)=>{isObject(o)?t.left=o:isString(o,1)&&(t.left={icon:o})},mapIconProp2State=(t,o)=>{let i={};if(isString(t,1))if("right"===o)i={right:{icon:t}};else i={left:{icon:t}};else"object"==typeof t&&null!==t&&(mapCustomIcon(i,t.top),mapCustomIcon(i,t.right),mapCustomIcon(i,t.bottom),mapCustomIcon(i,t.left));return i},beforePatchIcon=t=>{var o,i,n,e,c,a,s;if(null===(o=t.nextState)||void 0===o?void 0:o.has("_icon")){const o=null===(i=t.nextState)||void 0===i?void 0:i.get("_icon"),c=(null===(n=t.nextState)||void 0===n?void 0:n.get("_iconAlign"))||t.state._iconAlign;null===(e=t.nextState)||void 0===e||e.set("_icon",mapIconProp2State(o,c))}else if(null===(c=t.nextState)||void 0===c?void 0:c.has("_iconAlign")){const o=t.state._iconAlign;null===(a=t.nextState)||void 0===a||a.set("_icon",{[o]:void 0,[null===(s=t.nextState)||void 0===s?void 0:s.get("_iconAlign")]:t.state._icon[o]})}},isIcon=t=>"object"==typeof t&&null!==t&&(void 0===t.style||isStyle(t.style))&&isString(t.icon,1),watchIcon=(t,o)=>{objectObjectHandler(o,(()=>{try{o=parseJson(o)}catch(t){}watchValidator(t,"_icon",(t=>null===t||isString(t,1)||"object"==typeof t&&null!==t&&(isString(t.left,1)||isIcon(t.left)||isString(t.right,1)||isIcon(t.right)||isString(t.top,1)||isIcon(t.top)||isString(t.bottom,1)||isIcon(t.bottom))),new Set(["KoliBriIcon"]),o,{hooks:{beforePatch:(o,i)=>{null===o&&i.set("_icon",{}),beforePatchIcon(t)}},required:!0})}))},watchIconAlign=(t,o)=>{watchValidator(t,"_iconAlign",(t=>"left"===t||"right"===t),new Set(["Alignment {left, right, top, bottom}"]),o,{hooks:{beforePatch:()=>{beforePatchIcon(t)}}})};export{watchIconAlign as a,isIcon as i,watchIcon as w};
package/dist/esm/prop.validators-359f6f9d.js DELETED
@@ -1,4 +0,0 @@
1
- /*!
2
- * KoliBri - the accessible web component library
3
- */
4
- import{s,f}from"./index.m-df5ce03f.js";import{d as devHint}from"./a11y.tipps-bec0e549.js";import{g as getDocument,a as getWindow,L as Log}from"./dev.utils-bbaf8793.js";import{p as patchTheme,a as patchThemeTag}from"./index-315c6aa5.js";const pushNodes=(e,t)=>{t.forEach((t=>{!1===e.has(t)&&e.add(t)}))},querySelectorAll=(e,t=document)=>{if(t instanceof Document||t instanceof HTMLElement||t instanceof ShadowRoot){const r=new Set;pushNodes(r,t.querySelectorAll(e));const o=t.querySelectorAll('[class*="hydrated"]');for(let t=0;t<o.length;t++){const n=o[t].shadowRoot;pushNodes(r,querySelectorAll(e,"object"==typeof n&&null!==n?n:o[t]))}return Array.from(r)}throw new Error("The parameter document for the method querySelectorAll is not type of Document, HTMLElement or ShadowRoot.")},querySelector=(e,t=document)=>{if(t instanceof Document||t instanceof HTMLElement||t instanceof ShadowRoot){let r=t.querySelector(e);if(null===r){const o=t.querySelectorAll('[class*="hydrated"]');for(let t=0;t<o.length;t++){const n=o[t].shadowRoot;if(r=querySelector(e,"object"==typeof n&&null!==n?n:o[t]),null!==r)break}}return r}throw new Error("The parameter document for the method querySelector is not type of Document, HTMLElement or ShadowRoot.")};var rgbaConvert=arr,arr_1=arr,obj_1=obj,css_1=css,hex_1=hex,num_1=num;function arr(e){var t=parse(e);return 3==t.length?t.concat(255):(t[3]=Math.round(t[3]),t)}function obj(e){var t=parse(e);return{r:t[0],g:t[1],b:t[2],a:3==t.length?255:Math.round(t[3])}}function css(e){var t=parse(e);return 3==t.length&&t.push(255),255==t[3]?"rgb("+t[0]+", "+t[1]+", "+t[2]+")":0==t[3]?"rgba("+t[0]+", "+t[1]+", "+t[2]+", 0)":"rgba("+t[0]+", "+t[1]+", "+t[2]+", "+String(t[3]/255).substr(1)+")"}function hex(e){3==(t=parse(e)).length&&t.push(255);var t,r=255==t[3],o=num2hex(t[0]),n=num2hex(t[1]),l=num2hex(t[2]),a=isshort(o,n,l,t=num2hex(Math.round(t[3])));return r?a?"#"+o.charAt(0)+n.charAt(0)+l.charAt(0):"#"+o+n+l:a?"#"+o.charAt(0)+n.charAt(0)+l.charAt(0)+t.charAt(0):"#"+o+n+l+t}function num(e){var t=parse(e);return 3==t.length?t.push(255):t[3]=Math.round(t[3]),(t[3]<<24>>>0|t[0]<<16|t[1]<<8|t[2])>>>0}function parse(e){return"string"==typeof e?name(e=e.toLowerCase())||hex3(e)||hex6(e)||rgb(e)||rgba(e)||[0,0,0,255]:object(e)||array(e)||number(e)||[0,0,0,255]}function num2hex(e){var t=e.toString(16);return 1==t.length?"0"+t:t}function isshort(e,t,r,o){var n=["ff","00","11","22","33","44","55","66","77","88","99","aa","bb","cc","dd","ee"];return-1!=n.indexOf(e)&&-1!=n.indexOf(t)&&-1!=n.indexOf(r)&&-1!=n.indexOf(o)}function name(e){return"red"==e?[255,0,0]:"green"==e?[0,255,0]:"blue"==e?[0,0,255]:"black"==e?[0,0,0]:"white"==e?[255,255,255]:"cyan"==e?[0,255,255]:"gray"==e||"grey"==e?[128,128,128]:"magenta"==e||"pink"==e?[255,0,255]:"yellow"==e?[255,255,0]:void 0}function hex2num(e){return 1==e.length?parseInt(e+e,16):parseInt(e,16)}function hex3(e){var t=e.replace(/^#/,""),r=t.length;if(3==r||4==r){var o=hex2num(t[0]),n=hex2num(t[1]),l=hex2num(t[2]),a=3==r?255:hex2num(t[3]);if(isNaN(o)||isNaN(n)||isNaN(l)||isNaN(a))return;return[o,n,l,a]}}function hex6(e){var t=e.replace(/^#/,""),r=t.length;if(6==r||8==r){var o=hex2num(t.slice(0,2)),n=hex2num(t.slice(2,4)),l=hex2num(t.slice(4,6)),a=6==r?255:hex2num(t.slice(6,8));if(isNaN(o)||isNaN(n)||isNaN(l)||isNaN(a))return;return[o,n,l,a]}}function getnum(e,t){return"number"!=typeof e||!0===t&&Math.floor(e)!==e?-1:e>=0&&e<=255?e:-1}function object(e){if("[object Object]"===Object.prototype.toString.call(e)&&Object.getPrototypeOf(e)===Object.getPrototypeOf({})){var t=getnum(null!=e.r?e.r:null!=e.red?e.red:0,!0),r=getnum(null!=e.g?e.g:null!=e.green?e.green:0,!0),o=getnum(null!=e.b?e.b:null!=e.blue?e.blue:0,!0),n=getnum(null!=e.a?e.a:null!=e.alpha?e.alpha:255,!0);if(-1!=t&&-1!=r&&-1!=o&&-1!=n)return[t,r,o,n]}}function array(e){if(Array.isArray(e)&&(3==e.length||4==e.length)){var t=getnum(e[0],!0),r=getnum(e[1],!0),o=getnum(e[2],!0),n=getnum(null!=e[3]?e[3]:255,!0);if(-1!=t&&-1!=r&&-1!=o&&-1!=n)return[t,r,o,n]}}function number(e){if("number"==typeof e&&Math.floor(e)==e&&e<=4294967295&&e>=0)return[e>>16&255,e>>8&255,255&e,e>>24&255]}function rgb(e){if("rgb("==e.substr(0,4)){var t=(e=e.match(/^rgb\(([^)]+)\)/)[1]).split(/ *, */).map(Number),r=getnum(t[0],!0),o=getnum(t[1],!0),n=getnum(t[2],!0);if(-1!=r&&-1!=o&&-1!=n)return[r,o,n,255]}}function rgba(e){if("rgba("==e.substr(0,5)){var t=(e=e.match(/^rgba\(([^)]+)\)/)[1]).split(/ *, */).map(Number),r=getnum(t[0],!0),o=getnum(t[1],!0),n=getnum(t[2],!0),l=getnum(255*t[3]);if(-1!=r&&-1!=o&&-1!=n&&-1!=l)return[r,o,n,l]}}rgbaConvert.arr=arr_1,rgbaConvert.obj=obj_1,rgbaConvert.css=css_1,rgbaConvert.hex=hex_1,rgbaConvert.num=num_1;const OBJECT_OBJECT=/\[object Object\]/,objectObjectHandler=(e,t)=>{"string"==typeof e&&OBJECT_OBJECT.test(e)||t()},emptyStringByArrayHandler=(e,t)=>{"string"==typeof e&&""===e||t()},setEventTargetAndStopPropagation=(e,t)=>{Object.defineProperty(e,"target",{value:t,writable:!1}),null==e||e.stopPropagation()},patchState=e=>{var t,r,o;null===(t=e.nextHooks)||void 0===t||t.forEach(((t,r)=>{var o;const n=t.get("beforePatch");"function"==typeof n&&n(null===(o=e.nextState)||void 0===o?void 0:o.get(r),e.nextState,e,r)})),(null===(r=e.nextState)||void 0===r?void 0:r.size)>0&&(e.state=Object.assign(Object.assign({},e.state),Object.fromEntries(e.nextState)),delete e.nextState,null===(o=e.nextHooks)||void 0===o||o.forEach(((t,r)=>{const o=t.get("afterPatch");"function"==typeof o&&o(e.state[r],e.state,e,r)}))),delete e.nextHooks},setState=(e,t,r,o={})=>{var n,l;if(void 0===e.nextHooks&&(e.nextHooks=new Map),void 0===e.nextState&&(e.nextState=new Map),e.nextState.get(t)!==r){e.nextHooks.get(t)instanceof Map==!1&&e.nextHooks.set(t,new Map),"function"==typeof o.afterPatch&&(null===(n=e.nextHooks.get(t))||void 0===n||n.set("afterPatch",o.afterPatch)),"function"==typeof o.beforePatch&&(null===(l=e.nextHooks.get(t))||void 0===l||l.set("beforePatch",o.beforePatch)),e.nextState.set(t,r),patchState(e)}},logWarn=(e,t,r,o)=>{devHint(`[${e.constructor.name}] Der Property-Wert (${r}) für '${t}' ist nicht valide. Folgende Werte sind erlaubt: ${Array.from(o).join(", ")}`)},watchValidator=(e,t,r,o,n,l={})=>{!r(n)||void 0!==(null==l?void 0:l.allowNull)&&!1!==(null==l?void 0:l.allowNull)&&null!==n?void 0!==(null==l?void 0:l.defaultValue)||void 0===(null==l?void 0:l.required)||!1===(null==l?void 0:l.required)?setState(e,t,null==l?void 0:l.defaultValue,null==l?void 0:l.hooks):(!0===l.allowNull&&o.add(null),!0!==l.required&&o.add(void 0),logWarn(e,t,n,o)):setState(e,t,n,null==l?void 0:l.hooks)},watchBoolean=(e,t,r,o)=>{watchValidator(e,t,(e=>"boolean"==typeof e),new Set(["Boolean {true, false}"]),r,o)},watchString=(e,t,r,o)=>{watchValidator(e,t,(e=>"string"==typeof e&&e.length>=("number"==typeof(null==o?void 0:o.minLength)?null==o?void 0:o.minLength:1)),new Set(["String (nicht leer)"]),r,o)},watchNumber=(e,t,r,o)=>{watchValidator(e,t,(e=>"number"==typeof e&&(void 0===(null==o?void 0:o.min)||"number"==typeof(null==o?void 0:o.min)&&e>=o.min)&&(void 0===(null==o?void 0:o.max)||"number"==typeof(null==o?void 0:o.max)&&e<=o.max)),new Set(["Number"]),r,o)},watchJsonArrayString=(e,t,r,o,n=(e=>e==e),l={})=>{emptyStringByArrayHandler(o,(()=>{objectObjectHandler(o,(()=>{void 0===o&&(o=[]);try{if("string"==typeof o&&(o=parseJson(o)),Array.isArray(o)){const a=o.find((e=>!r(e)));void 0===a&&n(o)?setState(e,t,o,l.hooks):objectObjectHandler(a,(()=>{throw console.log(a),new Error("↑ Das Schema für das Property (_options) ist nicht valide. Der Wert wird nicht geändert.")}))}else objectObjectHandler(o,(()=>{throw new Error("↑ Das Schema für das Property (_options) ist nicht valide. Der Wert wird nicht geändert.")}))}catch(e){devHint("Known bug: Zeichenkettenliste (string[])")}}))}))},stringifyJson=e=>{try{return JSON.stringify(e).replace(/"/g,"'")}catch(e){throw new Error("↑ Das JSON konnte nicht in einen String umgewandelt werden. Es wird ein stringifizierbares JSON erwartet.")}},parseJson=e=>{try{return JSON.parse(e)}catch(t){try{return JSON.parse(e.replace(/'/g,'"'))}catch(e){throw new Error("↑ Der JSON-String konnte nicht geparsed werden. Achten Sie darauf, dass einfache Anführungszeichen im Text maskiert werden (&#8216;).")}}},mapBoolean2String=e=>"boolean"==typeof e?!0===e?"true":"false":void 0,mapStringOrBoolean2String=e=>"string"==typeof e?e:mapBoolean2String(e),koliBriQuerySelector=(e,t)=>querySelector(e,t||getDocument()),koliBriQuerySelectorAll=(e,t)=>querySelectorAll(e,t||getDocument());let DEFAULT_COLOR_CONTRAST=null;const getDefaultColorContrast=()=>(DEFAULT_COLOR_CONTRAST=DEFAULT_COLOR_CONTRAST||{backgroundColor:"#00000000",color:"#00000000",domNode:getDocument().body,level:"Fail",score:1},DEFAULT_COLOR_CONTRAST),TRANSPARENT_REGEXP=/(\d+, ){3}0\)/,koliBriA11yColorContrast=(e,t=getDefaultColorContrast())=>{const r=getComputedStyle(e),o=TRANSPARENT_REGEXP.test(r.backgroundColor)?t.backgroundColor:rgbaConvert.hex(r.backgroundColor),n=TRANSPARENT_REGEXP.test(r.color)?t.color:rgbaConvert.hex(r.color),l=s(o,n),a={backgroundColor:o,color:n,domNode:e,level:f(l),score:l};return l<4.5&&Log.error(["Color-Contrast-Error",{backgroundColor:a.backgroundColor,color:a.color,level:a.level,score:a.score},a.domNode]),a},koliBriQuerySelectorColors=(e,t=getDefaultColorContrast())=>{t.domNode instanceof HTMLElement&&(t=koliBriA11yColorContrast(t.domNode,t));const r=t.domNode.querySelector(e);if(null===r){const r=t.domNode.querySelectorAll('[class="hydrated"]');for(let o=0;o<r.length&&(t.domNode=r[o],null===(t=koliBriQuerySelectorColors(e,t)).domNode);o++);return t}return koliBriA11yColorContrast(r,t)},scrollByHTMLElement=(e,t=window)=>{e instanceof HTMLElement?(t.scrollTo({behavior:"smooth",top:e.getBoundingClientRect().top+getWindow().pageYOffset-50}),e.focus()):devHint("Das HTMLElement ist nicht valide, zu dem gescrollt werden soll.")},scrollBySelector=(e,t)=>{if((e instanceof Document||e instanceof HTMLElement||e instanceof ShadowRoot)&&"string"==typeof t){devHint("Bei der Methode querySelectorAll wurden die Parameter document, selector in selector, document getauscht, da der Parameter selector nicht, allerdings der Parameter document optional sein kann.");const r=`${t}`;t=e,e=r}if("string"==typeof e){const r=koliBriQuerySelector(e,t);r instanceof HTMLElement?scrollByHTMLElement(r):devHint(`Es konnte kein HTMLElement mit dem Selector (${e}) gefunden werden, zu dem gescrollt werden soll.`)}else devHint("Der Selector ist nicht valide, zu dem gescrollt werden soll.")};class KoliBriUtils{static queryHtmlElementColors(e,t,r=!1,o=!0){let n=null;if(!0===r||!1===KoliBriUtils.executionLock)if(!1===r&&(KoliBriUtils.cache.clear(),KoliBriUtils.cache.set(t.domNode,t),KoliBriUtils.executionLock=!0,!0===o&&Log.debug("[KoliBriUtils] Color contrast analysis started...")),e===t.domNode)n=t;else{const r=new Set;if(t.domNode.shadowRoot){const e=t.domNode.shadowRoot.children;for(let t=0;t<e.length;t++)r.add(e[t])}const o=t.domNode;if("function"==typeof o.assignedNodes){const e=o.assignedNodes();for(let t=0;t<e.length;t++)e[t]instanceof HTMLElement&&r.add(e[t])}const l=t.domNode.children;for(let e=0;e<l.length;e++)r.add(l[e]);const a=Array.from(r);for(let r=0;r<a.length;r++){let o=KoliBriUtils.cache.get(a[r]);void 0===o&&(o=koliBriA11yColorContrast(a[r],t)),KoliBriUtils.cache.set(a[r],o);const l=KoliBriUtils.queryHtmlElementColors(e,o,!0,!1);if(null!==l){n=l;break}}}else Log.debug("[KoliBriUtils] Call aborted because a color contrast analysis is currently being executed.");return!1===r&&(!0===o&&Log.debug(`[KoliBriUtils] Color contrast analysis finished (${KoliBriUtils.cache.size} DOM elements are analysed).`),KoliBriUtils.executionLock=!1,KoliBriUtils.cache.clear()),n}}KoliBriUtils.executionLock=!1,KoliBriUtils.cache=new Map;class KoliBriDevHelper{}KoliBriDevHelper.patchTheme=patchTheme,KoliBriDevHelper.patchThemeTag=patchThemeTag,KoliBriDevHelper.querySelector=koliBriQuerySelector,KoliBriDevHelper.querySelectorAll=koliBriQuerySelectorAll,KoliBriDevHelper.scrollByHTMLElement=scrollByHTMLElement,KoliBriDevHelper.scrollBySelector=scrollBySelector,KoliBriDevHelper.stringifyJson=stringifyJson;export{KoliBriDevHelper as K,watchValidator as a,watchBoolean as b,watchJsonArrayString as c,setEventTargetAndStopPropagation as d,mapBoolean2String as e,watchNumber as f,scrollBySelector as g,emptyStringByArrayHandler as h,KoliBriUtils as i,koliBriA11yColorContrast as j,koliBriQuerySelector as k,koliBriQuerySelectorAll as l,mapStringOrBoolean2String as m,koliBriQuerySelectorColors as n,objectObjectHandler as o,parseJson as p,stringifyJson as q,rgbaConvert as r,setState as s,watchString as w};
package/dist/kolibri/controller-5191c911.js DELETED
@@ -1,4 +0,0 @@
1
- /*!
2
- * KoliBri - the accessible web component library
3
- */
4
- import{b as t,d as i}from"./a11y.tipps-bec0e549.js";import{b as s,w as e,o,p as n,a,s as h}from"./prop.validators-359f6f9d.js";import{i as r}from"./validator-05e130c7.js";import{i as d}from"./icon-7cfc4157.js";import{v as l}from"./tab-index-69ee0c1b.js";const c=t=>{const n="string"==typeof t._error&&t._error.length>0&&!0===t._touched,o="string"==typeof t._hint&&t._hint.length>0,e=[];return!0===n&&e.push(`${t._id}-error`),!0===o&&e.push(`${t._id}-hint`),{hasError:n,hasHint:o,ariaDiscribedBy:e}},v=(t,n)=>{const o=t;"object"==typeof o&&null!==o&&(r(o.right,1)&&(o.right={icon:o.right}),r(o.left,1)&&(o.left={icon:o.left}),n.set("_icon",o))};class u extends class{constructor(t,n){this.component=t,this.name=n}validateAlert(t){s(this.component,"_alert",t)}validateTouched(t){s(this.component,"_touched",t)}componentWillLoad(){this.validateAlert(this.component._alert),this.validateTouched(this.component._touched)}}{constructor(t,n){super(t,n),this.hideLabel=!1,this.onFacade={onBlur:this.onBlur.bind(this),onChange:this.onChange.bind(this),onClick:this.onClick.bind(this),onFocus:this.onFocus.bind(this)},this.component=t}validateAccessKey(t){e(this.component,"_accessKey",t)}validateAdjustHeight(t){s(this.component,"_adjustHeight",t)}validateDisabled(n){s(this.component,"_disabled",n),!0===n&&t()}validateError(t){e(this.component,"_error",t,{minLength:0})}validateHideLabel(t){s(this.component,"_hideLabel",t)}validateHint(t){e(this.component,"_hint",t)}validateIcon(t){o(t,(()=>{try{t=n(t)}catch(t){}a(this.component,"_icon",(t=>"object"==typeof t&&null!==t&&(r(t.left,1)||d(t.left)||r(t.right,1)||d(t.right))),new Set(["KoliBriInputIcon"]),t,{hooks:{beforePatch:v},required:!0})}))}validateId(t){e(this.component,"_id",t),void 0===t&&i("Eine eindeutige ID an den Eingabefeldern ist nicht zwingend erforderlich, könnte aber für die E2E-Tests relevant sein.")}validateName(t){e(this.component,"_name",t),void 0===t&&i("Ein Name an den Eingabefeldern ist nicht zwingend erforderlich, könnte aber für die Autocomplete-Funktion des Eingabefeldes relevant sein.")}validateOn(t){"object"==typeof t&&h(this.component,"_on",t)}validateSmartButton(t){o(t,(()=>{try{t=n(t)}catch(t){}h(this.component,"_smartButton",t)}))}validateTabIndex(t){l(this.component,t)}componentWillLoad(){super.componentWillLoad(),this.validateAccessKey(this.component._accessKey),this.validateAdjustHeight(this.component._adjustHeight),this.validateError(this.component._error),this.validateDisabled(this.component._disabled),this.validateHideLabel(this.component._hideLabel),this.validateHint(this.component._hint),this.validateIcon(this.component._icon),this.validateId(this.component._id),this.validateName(this.component._name),this.validateSmartButton(this.component._smartButton),this.validateOn(this.component._on),this.validateTabIndex(this.component._tabIndex)}onBlur(t){var n;this.component._alert=!0,this.component._touched=!0,"function"==typeof(null===(n=this.component._on)||void 0===n?void 0:n.onBlur)&&this.component._on.onBlur(t)}onChange(t){var n;"function"==typeof(null===(n=this.component._on)||void 0===n?void 0:n.onChange)&&this.component._on.onChange(t,t.target.value)}onClick(t){var n;"function"==typeof(null===(n=this.component._on)||void 0===n?void 0:n.onClick)&&this.component._on.onClick(t)}onFocus(t){var n;this.component._alert=!0,"function"==typeof(null===(n=this.component._on)||void 0===n?void 0:n.onFocus)&&this.component._on.onFocus(t)}setValue(t,n){var o;"function"==typeof(null===(o=this.component._on)||void 0===o?void 0:o.onChange)&&this.component._on.onChange(t,n)}}export{u as I,c as g};
package/dist/kolibri/controller-71b1c941.js DELETED
@@ -1,4 +0,0 @@
1
- /*!
2
- * KoliBri - the accessible web component library
3
- */
4
- import{d as t}from"./a11y.tipps-bec0e549.js";import{a as e,b as i,f as s,w as h}from"./prop.validators-359f6f9d.js";import{I as a}from"./controller-5191c911.js";class o extends a{constructor(e,a){super(e,a),this.handleHiddenLabelAndRequired=()=>{!0===this.component.state._hideLabel&&!0===this.component.state._required?(t("[KolInput*] Wenn man das Label ausblendet, dann kann der sehende Nutzer:in nicht mehr erkennen, ob die Eingabe erforderlich ist."),this.hideLabel=!1):this.hideLabel=!0===this.component.state._hideLabel},this.component=e}validateAutoComplete(t){e(this.component,"_autoComplete",(e=>"string"==typeof e&&("on"===e||"off"===e)),new Set(["on | off"]),t)}validateHideLabel(e){i(this.component,"_hideLabel",e,{hooks:{afterPatch:this.handleHiddenLabelAndRequired}})}validateMaxLength(e){s(this.component,"_maxLength",e,{min:0})}validatePattern(e){h(this.component,"_pattern",e)}validatePlaceholder(e){h(this.component,"_placeholder",e)}validateReadOnly(e){i(this.component,"_readOnly",e)}validateRequired(e){i(this.component,"_required",e,{hooks:{afterPatch:this.handleHiddenLabelAndRequired}})}validateSize(e){s(this.component,"_size",e,{min:1})}validateValue(e){null===e?this.component.state._value=null:h(this.component,"_value",e,{minLength:0})}componentWillLoad(){super.componentWillLoad(),this.validateAutoComplete(this.component._autoComplete),this.validateMaxLength(this.component._maxLength),this.validatePattern(this.component._pattern),this.validatePlaceholder(this.component._placeholder),this.validateReadOnly(this.component._readOnly),this.validateRequired(this.component._required),this.validateSize(this.component._size),this.validateValue(this.component._value)}onBlur(e){this.component.state=Object.assign(Object.assign({},this.component.state),{_placeholder:this.placeholderCache}),this.placeholderCache=void 0,super.onBlur(e)}onFocus(e){this.placeholderCache=this.component.state._placeholder,this.component.state=Object.assign(Object.assign({},this.component.state),{_placeholder:void 0}),super.onFocus(e)}}export{o as I};
package/dist/kolibri/controller-dfdcadad.js DELETED
@@ -1,4 +0,0 @@
1
- /*!
2
- * KoliBri - the accessible web component library
3
- */
4
- import{c as e}from"./a11y.tipps-bec0e549.js";import{a}from"./prop.validators-359f6f9d.js";const r=(a,t,r,i)=>{const s=t.has("_ariaLabel")?t.get("_ariaLabel"):r.state._ariaLabel;if("string"==typeof s&&s.length>0){const a=t.has("_label")?t.get("_label"):r.state._label;!1===new RegExp(`^${a}`).test(s)&&("_ariaLabel"===i?(t.set("_label",s),r._label=s):(t.set("_ariaLabel",a),r._ariaLabel=a),e("Das abweichende Aria-Label am Schalter ist nicht barrierefrei. Ein abweichendes Aria-Label muss aus Barrierefreiheitsgründen für die Sprachsteuerung mit dem Label-Text beginnen."))}},t=(e,t,r)=>{a(e,t,(e=>"button"===e||"reset"===e||"submit"===e),new Set(["KoliBriButtonType {button, reset, submit}"]),r)},i=(e,t,r)=>{a(e,t,(e=>"primary"===e||"secondary"===e||"normal"===e||"danger"===e||"ghost"===e||"custom"===e),new Set(["KoliBriButtonVariant {primary, secondary, normal, danger, ghost, custom}"]),r,{defaultValue:"normal"})};export{i as a,r as s,t as w};
package/www/build/controller-5191c911.js DELETED
@@ -1,4 +0,0 @@
1
- /*!
2
- * KoliBri - the accessible web component library
3
- */
4
- import{b as t,d as i}from"./a11y.tipps-bec0e549.js";import{b as s,w as e,o,p as n,a,s as h}from"./prop.validators-359f6f9d.js";import{i as r}from"./validator-05e130c7.js";import{i as d}from"./icon-7cfc4157.js";import{v as l}from"./tab-index-69ee0c1b.js";const c=t=>{const n="string"==typeof t._error&&t._error.length>0&&!0===t._touched,o="string"==typeof t._hint&&t._hint.length>0,e=[];return!0===n&&e.push(`${t._id}-error`),!0===o&&e.push(`${t._id}-hint`),{hasError:n,hasHint:o,ariaDiscribedBy:e}},v=(t,n)=>{const o=t;"object"==typeof o&&null!==o&&(r(o.right,1)&&(o.right={icon:o.right}),r(o.left,1)&&(o.left={icon:o.left}),n.set("_icon",o))};class u extends class{constructor(t,n){this.component=t,this.name=n}validateAlert(t){s(this.component,"_alert",t)}validateTouched(t){s(this.component,"_touched",t)}componentWillLoad(){this.validateAlert(this.component._alert),this.validateTouched(this.component._touched)}}{constructor(t,n){super(t,n),this.hideLabel=!1,this.onFacade={onBlur:this.onBlur.bind(this),onChange:this.onChange.bind(this),onClick:this.onClick.bind(this),onFocus:this.onFocus.bind(this)},this.component=t}validateAccessKey(t){e(this.component,"_accessKey",t)}validateAdjustHeight(t){s(this.component,"_adjustHeight",t)}validateDisabled(n){s(this.component,"_disabled",n),!0===n&&t()}validateError(t){e(this.component,"_error",t,{minLength:0})}validateHideLabel(t){s(this.component,"_hideLabel",t)}validateHint(t){e(this.component,"_hint",t)}validateIcon(t){o(t,(()=>{try{t=n(t)}catch(t){}a(this.component,"_icon",(t=>"object"==typeof t&&null!==t&&(r(t.left,1)||d(t.left)||r(t.right,1)||d(t.right))),new Set(["KoliBriInputIcon"]),t,{hooks:{beforePatch:v},required:!0})}))}validateId(t){e(this.component,"_id",t),void 0===t&&i("Eine eindeutige ID an den Eingabefeldern ist nicht zwingend erforderlich, könnte aber für die E2E-Tests relevant sein.")}validateName(t){e(this.component,"_name",t),void 0===t&&i("Ein Name an den Eingabefeldern ist nicht zwingend erforderlich, könnte aber für die Autocomplete-Funktion des Eingabefeldes relevant sein.")}validateOn(t){"object"==typeof t&&h(this.component,"_on",t)}validateSmartButton(t){o(t,(()=>{try{t=n(t)}catch(t){}h(this.component,"_smartButton",t)}))}validateTabIndex(t){l(this.component,t)}componentWillLoad(){super.componentWillLoad(),this.validateAccessKey(this.component._accessKey),this.validateAdjustHeight(this.component._adjustHeight),this.validateError(this.component._error),this.validateDisabled(this.component._disabled),this.validateHideLabel(this.component._hideLabel),this.validateHint(this.component._hint),this.validateIcon(this.component._icon),this.validateId(this.component._id),this.validateName(this.component._name),this.validateSmartButton(this.component._smartButton),this.validateOn(this.component._on),this.validateTabIndex(this.component._tabIndex)}onBlur(t){var n;this.component._alert=!0,this.component._touched=!0,"function"==typeof(null===(n=this.component._on)||void 0===n?void 0:n.onBlur)&&this.component._on.onBlur(t)}onChange(t){var n;"function"==typeof(null===(n=this.component._on)||void 0===n?void 0:n.onChange)&&this.component._on.onChange(t,t.target.value)}onClick(t){var n;"function"==typeof(null===(n=this.component._on)||void 0===n?void 0:n.onClick)&&this.component._on.onClick(t)}onFocus(t){var n;this.component._alert=!0,"function"==typeof(null===(n=this.component._on)||void 0===n?void 0:n.onFocus)&&this.component._on.onFocus(t)}setValue(t,n){var o;"function"==typeof(null===(o=this.component._on)||void 0===o?void 0:o.onChange)&&this.component._on.onChange(t,n)}}export{u as I,c as g};
package/www/build/controller-71b1c941.js DELETED
@@ -1,4 +0,0 @@
1
- /*!
2
- * KoliBri - the accessible web component library
3
- */
4
- import{d as t}from"./a11y.tipps-bec0e549.js";import{a as e,b as i,f as s,w as h}from"./prop.validators-359f6f9d.js";import{I as a}from"./controller-5191c911.js";class o extends a{constructor(e,a){super(e,a),this.handleHiddenLabelAndRequired=()=>{!0===this.component.state._hideLabel&&!0===this.component.state._required?(t("[KolInput*] Wenn man das Label ausblendet, dann kann der sehende Nutzer:in nicht mehr erkennen, ob die Eingabe erforderlich ist."),this.hideLabel=!1):this.hideLabel=!0===this.component.state._hideLabel},this.component=e}validateAutoComplete(t){e(this.component,"_autoComplete",(e=>"string"==typeof e&&("on"===e||"off"===e)),new Set(["on | off"]),t)}validateHideLabel(e){i(this.component,"_hideLabel",e,{hooks:{afterPatch:this.handleHiddenLabelAndRequired}})}validateMaxLength(e){s(this.component,"_maxLength",e,{min:0})}validatePattern(e){h(this.component,"_pattern",e)}validatePlaceholder(e){h(this.component,"_placeholder",e)}validateReadOnly(e){i(this.component,"_readOnly",e)}validateRequired(e){i(this.component,"_required",e,{hooks:{afterPatch:this.handleHiddenLabelAndRequired}})}validateSize(e){s(this.component,"_size",e,{min:1})}validateValue(e){null===e?this.component.state._value=null:h(this.component,"_value",e,{minLength:0})}componentWillLoad(){super.componentWillLoad(),this.validateAutoComplete(this.component._autoComplete),this.validateMaxLength(this.component._maxLength),this.validatePattern(this.component._pattern),this.validatePlaceholder(this.component._placeholder),this.validateReadOnly(this.component._readOnly),this.validateRequired(this.component._required),this.validateSize(this.component._size),this.validateValue(this.component._value)}onBlur(e){this.component.state=Object.assign(Object.assign({},this.component.state),{_placeholder:this.placeholderCache}),this.placeholderCache=void 0,super.onBlur(e)}onFocus(e){this.placeholderCache=this.component.state._placeholder,this.component.state=Object.assign(Object.assign({},this.component.state),{_placeholder:void 0}),super.onFocus(e)}}export{o as I};
package/www/build/controller-dfdcadad.js DELETED
@@ -1,4 +0,0 @@
1
- /*!
2
- * KoliBri - the accessible web component library
3
- */
4
- import{c as e}from"./a11y.tipps-bec0e549.js";import{a}from"./prop.validators-359f6f9d.js";const r=(a,t,r,i)=>{const s=t.has("_ariaLabel")?t.get("_ariaLabel"):r.state._ariaLabel;if("string"==typeof s&&s.length>0){const a=t.has("_label")?t.get("_label"):r.state._label;!1===new RegExp(`^${a}`).test(s)&&("_ariaLabel"===i?(t.set("_label",s),r._label=s):(t.set("_ariaLabel",a),r._ariaLabel=a),e("Das abweichende Aria-Label am Schalter ist nicht barrierefrei. Ein abweichendes Aria-Label muss aus Barrierefreiheitsgründen für die Sprachsteuerung mit dem Label-Text beginnen."))}},t=(e,t,r)=>{a(e,t,(e=>"button"===e||"reset"===e||"submit"===e),new Set(["KoliBriButtonType {button, reset, submit}"]),r)},i=(e,t,r)=>{a(e,t,(e=>"primary"===e||"secondary"===e||"normal"===e||"danger"===e||"ghost"===e||"custom"===e),new Set(["KoliBriButtonVariant {primary, secondary, normal, danger, ghost, custom}"]),r,{defaultValue:"normal"})};export{i as a,r as s,t as w};