@public-ui/sample-react 1.7.0-rc.8 → 1.7.0

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 (457) hide show
  1. package/.eslintrc.js +5 -0
  2. package/dist/.htaccess +3 -0
  3. package/dist/1159.js +2 -0
  4. package/dist/1159.js.LICENSE.txt +3 -0
  5. package/dist/1407.js +2 -0
  6. package/dist/1407.js.LICENSE.txt +3 -0
  7. package/dist/1474.js +2 -0
  8. package/dist/1474.js.LICENSE.txt +3 -0
  9. package/dist/183.js +2 -0
  10. package/dist/183.js.LICENSE.txt +3 -0
  11. package/dist/2337.js +2 -0
  12. package/dist/2337.js.LICENSE.txt +3 -0
  13. package/dist/2412.js +2 -0
  14. package/dist/2412.js.LICENSE.txt +3 -0
  15. package/dist/3303.js +2 -0
  16. package/dist/3303.js.LICENSE.txt +3 -0
  17. package/dist/3325.js +2 -0
  18. package/dist/3325.js.LICENSE.txt +3 -0
  19. package/dist/3429.js +2 -0
  20. package/dist/3429.js.LICENSE.txt +3 -0
  21. package/dist/3459.js +2 -0
  22. package/dist/3459.js.LICENSE.txt +3 -0
  23. package/dist/3537.js +2 -0
  24. package/dist/3537.js.LICENSE.txt +3 -0
  25. package/dist/3932.js +2 -0
  26. package/dist/3932.js.LICENSE.txt +3 -0
  27. package/dist/4021.js +2 -0
  28. package/dist/4021.js.LICENSE.txt +3 -0
  29. package/dist/4022.js +2 -0
  30. package/dist/4022.js.LICENSE.txt +3 -0
  31. package/dist/4195.js +2 -0
  32. package/dist/4195.js.LICENSE.txt +3 -0
  33. package/dist/4291.js +2 -0
  34. package/dist/4291.js.LICENSE.txt +3 -0
  35. package/dist/4323.js +2 -0
  36. package/dist/4323.js.LICENSE.txt +3 -0
  37. package/dist/4355.js +2 -0
  38. package/dist/4355.js.LICENSE.txt +3 -0
  39. package/dist/4477.js +2 -0
  40. package/dist/4477.js.LICENSE.txt +3 -0
  41. package/dist/4564.js +2 -0
  42. package/dist/4564.js.LICENSE.txt +3 -0
  43. package/dist/4609.js +2 -0
  44. package/dist/4609.js.LICENSE.txt +3 -0
  45. package/dist/4891.js +2 -0
  46. package/dist/4891.js.LICENSE.txt +3 -0
  47. package/dist/5183.js +2 -0
  48. package/dist/5183.js.LICENSE.txt +3 -0
  49. package/dist/5369.js +2 -0
  50. package/dist/5369.js.LICENSE.txt +3 -0
  51. package/dist/5390.js +2 -0
  52. package/dist/5390.js.LICENSE.txt +3 -0
  53. package/dist/540.js +2 -0
  54. package/dist/540.js.LICENSE.txt +3 -0
  55. package/dist/5862.js +2 -0
  56. package/dist/5862.js.LICENSE.txt +3 -0
  57. package/dist/5866.js +2 -0
  58. package/dist/5866.js.LICENSE.txt +3 -0
  59. package/dist/6012.js +2 -0
  60. package/dist/6012.js.LICENSE.txt +3 -0
  61. package/dist/6068.js +2 -0
  62. package/dist/6068.js.LICENSE.txt +3 -0
  63. package/dist/6210.js +2 -0
  64. package/dist/6210.js.LICENSE.txt +3 -0
  65. package/dist/6320.js +2 -0
  66. package/dist/6320.js.LICENSE.txt +3 -0
  67. package/dist/6558.js +2 -0
  68. package/dist/6558.js.LICENSE.txt +3 -0
  69. package/dist/6655.js +2 -0
  70. package/dist/6655.js.LICENSE.txt +3 -0
  71. package/dist/6813.js +2 -0
  72. package/dist/6813.js.LICENSE.txt +3 -0
  73. package/dist/6908.js +2 -0
  74. package/dist/6908.js.LICENSE.txt +3 -0
  75. package/dist/7029.js +2 -0
  76. package/dist/7029.js.LICENSE.txt +3 -0
  77. package/dist/7255.js +2 -0
  78. package/dist/7255.js.LICENSE.txt +3 -0
  79. package/dist/7447.js +2 -0
  80. package/dist/7447.js.LICENSE.txt +3 -0
  81. package/dist/7715.js +2 -0
  82. package/dist/7715.js.LICENSE.txt +3 -0
  83. package/dist/7722.js +2 -0
  84. package/dist/7722.js.LICENSE.txt +3 -0
  85. package/dist/7793.js +2 -0
  86. package/dist/7793.js.LICENSE.txt +3 -0
  87. package/dist/7801.js +2 -0
  88. package/dist/7801.js.LICENSE.txt +3 -0
  89. package/dist/7858.js +2 -0
  90. package/dist/7858.js.LICENSE.txt +3 -0
  91. package/dist/7955.js +2 -0
  92. package/dist/7955.js.LICENSE.txt +3 -0
  93. package/dist/7958.js +2 -0
  94. package/dist/7958.js.LICENSE.txt +3 -0
  95. package/dist/7995.js +2 -0
  96. package/dist/7995.js.LICENSE.txt +3 -0
  97. package/dist/8061.js +2 -0
  98. package/dist/8061.js.LICENSE.txt +3 -0
  99. package/dist/8065.js +2 -0
  100. package/dist/8065.js.LICENSE.txt +3 -0
  101. package/dist/8073.js +2 -0
  102. package/dist/8073.js.LICENSE.txt +3 -0
  103. package/dist/8099.js +2 -0
  104. package/dist/8099.js.LICENSE.txt +3 -0
  105. package/dist/8111.js +2 -0
  106. package/dist/8111.js.LICENSE.txt +3 -0
  107. package/dist/8255.js +2 -0
  108. package/dist/8255.js.LICENSE.txt +3 -0
  109. package/dist/8291.js +2 -0
  110. package/dist/8291.js.LICENSE.txt +3 -0
  111. package/dist/8408.js +2 -0
  112. package/dist/8408.js.LICENSE.txt +3 -0
  113. package/dist/8709.js +1 -0
  114. package/dist/8761.js +2 -0
  115. package/dist/8761.js.LICENSE.txt +3 -0
  116. package/dist/8976.js +2 -0
  117. package/dist/8976.js.LICENSE.txt +3 -0
  118. package/dist/9106.js +2 -0
  119. package/dist/9106.js.LICENSE.txt +3 -0
  120. package/dist/9230.js +2 -0
  121. package/dist/9230.js.LICENSE.txt +3 -0
  122. package/dist/9329.js +2 -0
  123. package/dist/9329.js.LICENSE.txt +3 -0
  124. package/dist/9598.js +2 -0
  125. package/dist/9598.js.LICENSE.txt +3 -0
  126. package/dist/9734.js +2 -0
  127. package/dist/9734.js.LICENSE.txt +3 -0
  128. package/dist/9747.js +2 -0
  129. package/dist/9747.js.LICENSE.txt +3 -0
  130. package/dist/9792.js +2 -0
  131. package/dist/9792.js.LICENSE.txt +3 -0
  132. package/dist/9895.js +2 -0
  133. package/dist/9895.js.LICENSE.txt +3 -0
  134. package/dist/9963.js +2 -0
  135. package/dist/9963.js.LICENSE.txt +3 -0
  136. package/dist/9972.js +2 -0
  137. package/dist/9972.js.LICENSE.txt +3 -0
  138. package/dist/assets/bundes/LICENSE.md +1 -0
  139. package/dist/assets/bundes/sans/BundesSans-Web-Black.ttf +0 -0
  140. package/dist/assets/bundes/sans/BundesSans-Web-Black.woff +0 -0
  141. package/dist/assets/bundes/sans/BundesSans-Web-Black.woff2 +0 -0
  142. package/dist/assets/bundes/sans/BundesSans-Web-BlackItalic.ttf +0 -0
  143. package/dist/assets/bundes/sans/BundesSans-Web-BlackItalic.woff +0 -0
  144. package/dist/assets/bundes/sans/BundesSans-Web-BlackItalic.woff2 +0 -0
  145. package/dist/assets/bundes/sans/BundesSans-Web-Bold.ttf +0 -0
  146. package/dist/assets/bundes/sans/BundesSans-Web-Bold.woff +0 -0
  147. package/dist/assets/bundes/sans/BundesSans-Web-Bold.woff2 +0 -0
  148. package/dist/assets/bundes/sans/BundesSans-Web-BoldItalic.ttf +0 -0
  149. package/dist/assets/bundes/sans/BundesSans-Web-BoldItalic.woff +0 -0
  150. package/dist/assets/bundes/sans/BundesSans-Web-BoldItalic.woff2 +0 -0
  151. package/dist/assets/bundes/sans/BundesSans-Web-Light.ttf +0 -0
  152. package/dist/assets/bundes/sans/BundesSans-Web-Light.woff +0 -0
  153. package/dist/assets/bundes/sans/BundesSans-Web-Light.woff2 +0 -0
  154. package/dist/assets/bundes/sans/BundesSans-Web-LightItalic.ttf +0 -0
  155. package/dist/assets/bundes/sans/BundesSans-Web-LightItalic.woff +0 -0
  156. package/dist/assets/bundes/sans/BundesSans-Web-LightItalic.woff2 +0 -0
  157. package/dist/assets/bundes/sans/BundesSans-Web-Medium.ttf +0 -0
  158. package/dist/assets/bundes/sans/BundesSans-Web-Medium.woff +0 -0
  159. package/dist/assets/bundes/sans/BundesSans-Web-Medium.woff2 +0 -0
  160. package/dist/assets/bundes/sans/BundesSans-Web-MediumItalic.ttf +0 -0
  161. package/dist/assets/bundes/sans/BundesSans-Web-MediumItalic.woff +0 -0
  162. package/dist/assets/bundes/sans/BundesSans-Web-MediumItalic.woff2 +0 -0
  163. package/dist/assets/bundes/sans/BundesSans-Web-Regular.ttf +0 -0
  164. package/dist/assets/bundes/sans/BundesSans-Web-Regular.woff +0 -0
  165. package/dist/assets/bundes/sans/BundesSans-Web-Regular.woff2 +0 -0
  166. package/dist/assets/bundes/sans/BundesSans-Web-RegularItalic.ttf +0 -0
  167. package/dist/assets/bundes/sans/BundesSans-Web-RegularItalic.woff +0 -0
  168. package/dist/assets/bundes/sans/BundesSans-Web-RegularItalic.woff2 +0 -0
  169. package/dist/assets/bundes/sans-cond/BundesSansCond-Web-Regular.ttf +0 -0
  170. package/dist/assets/bundes/sans-cond/BundesSansCond-Web-Regular.woff +0 -0
  171. package/dist/assets/bundes/sans-cond/BundesSansCond-Web-Regular.woff2 +0 -0
  172. package/dist/assets/bundes/serif/BundesSerif-Web-Bold.ttf +0 -0
  173. package/dist/assets/bundes/serif/BundesSerif-Web-Bold.woff +0 -0
  174. package/dist/assets/bundes/serif/BundesSerif-Web-Bold.woff2 +0 -0
  175. package/dist/assets/bundes/serif/BundesSerif-Web-BoldItalic.ttf +0 -0
  176. package/dist/assets/bundes/serif/BundesSerif-Web-BoldItalic.woff +0 -0
  177. package/dist/assets/bundes/serif/BundesSerif-Web-BoldItalic.woff2 +0 -0
  178. package/dist/assets/bundes/serif/BundesSerif-Web-Italic.ttf +0 -0
  179. package/dist/assets/bundes/serif/BundesSerif-Web-Italic.woff +0 -0
  180. package/dist/assets/bundes/serif/BundesSerif-Web-Italic.woff2 +0 -0
  181. package/dist/assets/bundes/serif/BundesSerif-Web-Regular.ttf +0 -0
  182. package/dist/assets/bundes/serif/BundesSerif-Web-Regular.woff +0 -0
  183. package/dist/assets/bundes/serif/BundesSerif-Web-Regular.woff2 +0 -0
  184. package/dist/assets/bundes/style.css +84 -0
  185. package/dist/assets/codicons/LICENSE +395 -0
  186. package/dist/assets/codicons/LICENSE-CODE +21 -0
  187. package/dist/assets/codicons/codicon.css +582 -0
  188. package/dist/assets/codicons/codicon.csv +426 -0
  189. package/dist/assets/codicons/codicon.html +3911 -0
  190. package/dist/assets/codicons/codicon.svg +1 -0
  191. package/dist/assets/codicons/codicon.ttf +0 -0
  192. package/dist/assets/fontawesome-free/LICENSE.txt +165 -0
  193. package/dist/assets/fontawesome-free/css/all.css +7831 -0
  194. package/dist/assets/fontawesome-free/css/all.min.css +6 -0
  195. package/dist/assets/fontawesome-free/css/brands.css +1432 -0
  196. package/dist/assets/fontawesome-free/css/brands.min.css +6 -0
  197. package/dist/assets/fontawesome-free/css/fontawesome.css +6338 -0
  198. package/dist/assets/fontawesome-free/css/fontawesome.min.css +6 -0
  199. package/dist/assets/fontawesome-free/css/regular.css +19 -0
  200. package/dist/assets/fontawesome-free/css/regular.min.css +6 -0
  201. package/dist/assets/fontawesome-free/css/solid.css +19 -0
  202. package/dist/assets/fontawesome-free/css/solid.min.css +6 -0
  203. package/dist/assets/fontawesome-free/css/svg-with-js.css +634 -0
  204. package/dist/assets/fontawesome-free/css/svg-with-js.min.css +6 -0
  205. package/dist/assets/fontawesome-free/css/v4-font-face.css +26 -0
  206. package/dist/assets/fontawesome-free/css/v4-font-face.min.css +6 -0
  207. package/dist/assets/fontawesome-free/css/v4-shims.css +2146 -0
  208. package/dist/assets/fontawesome-free/css/v4-shims.min.css +6 -0
  209. package/dist/assets/fontawesome-free/css/v5-font-face.css +22 -0
  210. package/dist/assets/fontawesome-free/css/v5-font-face.min.css +6 -0
  211. package/dist/assets/fontawesome-free/webfonts/fa-brands-400.ttf +0 -0
  212. package/dist/assets/fontawesome-free/webfonts/fa-brands-400.woff2 +0 -0
  213. package/dist/assets/fontawesome-free/webfonts/fa-regular-400.ttf +0 -0
  214. package/dist/assets/fontawesome-free/webfonts/fa-regular-400.woff2 +0 -0
  215. package/dist/assets/fontawesome-free/webfonts/fa-solid-900.ttf +0 -0
  216. package/dist/assets/fontawesome-free/webfonts/fa-solid-900.woff2 +0 -0
  217. package/dist/assets/fontawesome-free/webfonts/fa-v4compatibility.ttf +0 -0
  218. package/dist/assets/fontawesome-free/webfonts/fa-v4compatibility.woff2 +0 -0
  219. package/dist/assets/icofont/demo.html +18939 -0
  220. package/dist/assets/icofont/fonts/icofont.eot +0 -0
  221. package/dist/assets/icofont/fonts/icofont.svg +2105 -0
  222. package/dist/assets/icofont/fonts/icofont.ttf +0 -0
  223. package/dist/assets/icofont/fonts/icofont.woff +0 -0
  224. package/dist/assets/icofont/fonts/icofont.woff2 +0 -0
  225. package/dist/assets/icofont/icofont.css +10757 -0
  226. package/dist/assets/icofont/icofont.min.css +7 -0
  227. package/dist/assets/kolibri.ico +0 -0
  228. package/dist/assets/kreon/Kreon-VariableFont_wght.ttf +0 -0
  229. package/dist/assets/kreon/OFL.txt +93 -0
  230. package/dist/assets/kreon/README.txt +67 -0
  231. package/dist/assets/kreon/static/Kreon-Bold.ttf +0 -0
  232. package/dist/assets/kreon/static/Kreon-Light.ttf +0 -0
  233. package/dist/assets/kreon/static/Kreon-Medium.ttf +0 -0
  234. package/dist/assets/kreon/static/Kreon-Regular.ttf +0 -0
  235. package/dist/assets/kreon/static/Kreon-SemiBold.ttf +0 -0
  236. package/dist/assets/kreon/style.css +41 -0
  237. package/dist/assets/material-icons/LICENSE +202 -0
  238. package/dist/assets/material-icons/README.md +129 -0
  239. package/dist/assets/material-icons/_data/versions.json +2124 -0
  240. package/dist/assets/material-icons/css/_codepoints.scss +2279 -0
  241. package/dist/assets/material-icons/css/_mixins.scss +13 -0
  242. package/dist/assets/material-icons/css/_variables.scss +6 -0
  243. package/dist/assets/material-icons/css/material-icons.css +9208 -0
  244. package/dist/assets/material-icons/css/material-icons.min.css +1 -0
  245. package/dist/assets/material-icons/css/material-icons.scss +39 -0
  246. package/dist/assets/material-icons/iconfont/_mixins.scss +55 -0
  247. package/dist/assets/material-icons/iconfont/_variables.scss +3 -0
  248. package/dist/assets/material-icons/iconfont/filled.css +24 -0
  249. package/dist/assets/material-icons/iconfont/filled.scss +4 -0
  250. package/dist/assets/material-icons/iconfont/material-icons-outlined.woff +0 -0
  251. package/dist/assets/material-icons/iconfont/material-icons-outlined.woff2 +0 -0
  252. package/dist/assets/material-icons/iconfont/material-icons-round.woff +0 -0
  253. package/dist/assets/material-icons/iconfont/material-icons-round.woff2 +0 -0
  254. package/dist/assets/material-icons/iconfont/material-icons-sharp.woff +0 -0
  255. package/dist/assets/material-icons/iconfont/material-icons-sharp.woff2 +0 -0
  256. package/dist/assets/material-icons/iconfont/material-icons-two-tone.woff +0 -0
  257. package/dist/assets/material-icons/iconfont/material-icons-two-tone.woff2 +0 -0
  258. package/dist/assets/material-icons/iconfont/material-icons.css +124 -0
  259. package/dist/assets/material-icons/iconfont/material-icons.scss +5 -0
  260. package/dist/assets/material-icons/iconfont/material-icons.woff +0 -0
  261. package/dist/assets/material-icons/iconfont/material-icons.woff2 +0 -0
  262. package/dist/assets/material-icons/iconfont/outlined.css +24 -0
  263. package/dist/assets/material-icons/iconfont/outlined.scss +4 -0
  264. package/dist/assets/material-icons/iconfont/round.css +24 -0
  265. package/dist/assets/material-icons/iconfont/round.scss +4 -0
  266. package/dist/assets/material-icons/iconfont/sharp.css +24 -0
  267. package/dist/assets/material-icons/iconfont/sharp.scss +4 -0
  268. package/dist/assets/material-icons/iconfont/two-tone.css +24 -0
  269. package/dist/assets/material-icons/iconfont/two-tone.scss +4 -0
  270. package/dist/assets/material-icons/index.d.ts +2128 -0
  271. package/dist/assets/material-icons/package.json +52 -0
  272. package/dist/assets/material-symbols/LICENSE +202 -0
  273. package/dist/assets/material-symbols/README.md +114 -0
  274. package/dist/assets/material-symbols/_core.scss +47 -0
  275. package/dist/assets/material-symbols/index.css +74 -0
  276. package/dist/assets/material-symbols/index.d.ts +2809 -0
  277. package/dist/assets/material-symbols/index.scss +3 -0
  278. package/dist/assets/material-symbols/material-symbols-outlined.woff2 +0 -0
  279. package/dist/assets/material-symbols/material-symbols-rounded.woff2 +0 -0
  280. package/dist/assets/material-symbols/material-symbols-sharp.woff2 +0 -0
  281. package/dist/assets/material-symbols/outlined.css +24 -0
  282. package/dist/assets/material-symbols/outlined.scss +3 -0
  283. package/dist/assets/material-symbols/package.json +41 -0
  284. package/dist/assets/material-symbols/rounded.css +24 -0
  285. package/dist/assets/material-symbols/rounded.scss +3 -0
  286. package/dist/assets/material-symbols/sharp.css +24 -0
  287. package/dist/assets/material-symbols/sharp.scss +3 -0
  288. package/dist/assets/noto-sans/fonts/NotoSans-Black.ttf +0 -0
  289. package/dist/assets/noto-sans/fonts/NotoSans-BlackItalic.ttf +0 -0
  290. package/dist/assets/noto-sans/fonts/NotoSans-Bold.ttf +0 -0
  291. package/dist/assets/noto-sans/fonts/NotoSans-BoldItalic.ttf +0 -0
  292. package/dist/assets/noto-sans/fonts/NotoSans-ExtraBold.ttf +0 -0
  293. package/dist/assets/noto-sans/fonts/NotoSans-ExtraBoldItalic.ttf +0 -0
  294. package/dist/assets/noto-sans/fonts/NotoSans-ExtraLight.ttf +0 -0
  295. package/dist/assets/noto-sans/fonts/NotoSans-ExtraLightItalic.ttf +0 -0
  296. package/dist/assets/noto-sans/fonts/NotoSans-Italic.ttf +0 -0
  297. package/dist/assets/noto-sans/fonts/NotoSans-Light.ttf +0 -0
  298. package/dist/assets/noto-sans/fonts/NotoSans-LightItalic.ttf +0 -0
  299. package/dist/assets/noto-sans/fonts/NotoSans-Medium.ttf +0 -0
  300. package/dist/assets/noto-sans/fonts/NotoSans-MediumItalic.ttf +0 -0
  301. package/dist/assets/noto-sans/fonts/NotoSans-Regular.ttf +0 -0
  302. package/dist/assets/noto-sans/fonts/NotoSans-SemiBold.ttf +0 -0
  303. package/dist/assets/noto-sans/fonts/NotoSans-SemiBoldItalic.ttf +0 -0
  304. package/dist/assets/noto-sans/fonts/NotoSans-Thin.ttf +0 -0
  305. package/dist/assets/noto-sans/fonts/NotoSans-ThinItalic.ttf +0 -0
  306. package/dist/assets/noto-sans/fonts/OFL.txt +93 -0
  307. package/dist/assets/noto-sans/noto-sans.css +11 -0
  308. package/dist/assets/roboto/LICENSE.txt +202 -0
  309. package/dist/assets/roboto/Roboto-Black.ttf +0 -0
  310. package/dist/assets/roboto/Roboto-BlackItalic.ttf +0 -0
  311. package/dist/assets/roboto/Roboto-Bold.ttf +0 -0
  312. package/dist/assets/roboto/Roboto-BoldItalic.ttf +0 -0
  313. package/dist/assets/roboto/Roboto-Italic.ttf +0 -0
  314. package/dist/assets/roboto/Roboto-Light.ttf +0 -0
  315. package/dist/assets/roboto/Roboto-LightItalic.ttf +0 -0
  316. package/dist/assets/roboto/Roboto-Medium.ttf +0 -0
  317. package/dist/assets/roboto/Roboto-MediumItalic.ttf +0 -0
  318. package/dist/assets/roboto/Roboto-Regular.ttf +0 -0
  319. package/dist/assets/roboto/Roboto-Thin.ttf +0 -0
  320. package/dist/assets/roboto/Roboto-ThinItalic.ttf +0 -0
  321. package/dist/assets/roboto/roboto.css +27 -0
  322. package/dist/assets/tabler-icons/fonts/tabler-icons.eot +0 -0
  323. package/dist/assets/tabler-icons/fonts/tabler-icons.ttf +0 -0
  324. package/dist/assets/tabler-icons/fonts/tabler-icons.woff +0 -0
  325. package/dist/assets/tabler-icons/fonts/tabler-icons.woff2 +0 -0
  326. package/dist/assets/tabler-icons/tabler-icons.css +16056 -0
  327. package/dist/assets/tabler-icons/tabler-icons.html +36226 -0
  328. package/dist/assets/tabler-icons/tabler-icons.min.css +4 -0
  329. package/dist/assets/tabler-icons/tabler-icons.png +0 -0
  330. package/dist/assets/tabler-icons/tabler-icons.scss +8058 -0
  331. package/dist/index.html +28 -0
  332. package/dist/main.css +3 -0
  333. package/dist/main.js +2374 -0
  334. package/dist/main.js.LICENSE.txt +57 -0
  335. package/dist/robots.txt +2 -0
  336. package/package.json +61 -63
  337. package/public/index.html +1 -1
  338. package/src/App.tsx +13 -5
  339. package/src/components/FocusInput.tsx +20 -0
  340. package/src/components/FormWrap.tsx +21 -0
  341. package/src/components/Sidebar.tsx +37 -23
  342. package/src/components/alert/basic.tsx +6 -0
  343. package/src/components/alert/card-msg.tsx +0 -1
  344. package/src/components/alert/html.tsx +3 -3
  345. package/src/components/badge/button.tsx +1 -1
  346. package/src/components/breadcrumb/basic.tsx +2 -2
  347. package/src/components/button/basic.tsx +4 -28
  348. package/src/components/button/hide-label.tsx +1 -1
  349. package/src/components/button/icons.tsx +1 -1
  350. package/src/components/button/partials/cases.tsx +16 -0
  351. package/src/components/button/partials/variants.tsx +27 -0
  352. package/src/components/button/width.tsx +1 -1
  353. package/src/components/button-group/basic.tsx +2 -2
  354. package/src/components/button-link/basic.tsx +5 -5
  355. package/src/components/button-link/icons.tsx +5 -5
  356. package/src/components/button-link/image.tsx +2 -2
  357. package/src/components/button-link/routes.ts +0 -3
  358. package/src/components/card/confirm.tsx +1 -1
  359. package/src/components/card/selection.tsx +4 -4
  360. package/src/components/handout/basic.tsx +42 -42
  361. package/src/components/heading/badged.tsx +6 -6
  362. package/src/components/icon/basic.tsx +2 -2
  363. package/src/components/image/basic.tsx +5 -0
  364. package/src/components/image/routes.ts +9 -0
  365. package/src/components/input-checkbox/basic.tsx +4 -36
  366. package/src/components/input-checkbox/button.tsx +5 -0
  367. package/src/components/input-checkbox/partials/cases.tsx +62 -0
  368. package/src/components/input-checkbox/partials/variants.tsx +19 -0
  369. package/src/components/input-checkbox/routes.ts +4 -0
  370. package/src/components/input-checkbox/switch.tsx +5 -0
  371. package/src/components/input-color/basic.tsx +4 -28
  372. package/src/components/input-color/partials/cases.tsx +25 -0
  373. package/src/components/input-color/partials/variants.tsx +19 -0
  374. package/src/components/input-date/basic.tsx +4 -19
  375. package/src/components/input-date/partials/cases.tsx +22 -0
  376. package/src/components/input-date/partials/variants.tsx +19 -0
  377. package/src/components/input-email/basic.tsx +4 -29
  378. package/src/components/input-email/partials/cases.tsx +33 -0
  379. package/src/components/input-email/partials/variants.tsx +19 -0
  380. package/src/components/input-file/basic.tsx +4 -24
  381. package/src/components/input-file/partials/cases.tsx +27 -0
  382. package/src/components/input-file/partials/variants.tsx +19 -0
  383. package/src/components/input-number/basic.tsx +4 -29
  384. package/src/components/input-number/partials/cases.tsx +32 -0
  385. package/src/components/input-number/partials/variants.tsx +19 -0
  386. package/src/components/input-password/basic.tsx +4 -40
  387. package/src/components/input-password/partials/cases.tsx +32 -0
  388. package/src/components/input-password/partials/variants.tsx +19 -0
  389. package/src/components/input-password/routes.ts +2 -0
  390. package/src/components/input-password/show-password.tsx +39 -0
  391. package/src/components/input-radio/basic.tsx +4 -45
  392. package/src/components/input-radio/horizontal.tsx +9 -6
  393. package/src/components/input-radio/partials/cases.tsx +56 -0
  394. package/src/components/input-radio/partials/variants.tsx +19 -0
  395. package/src/components/input-radio/select.tsx +1 -1
  396. package/src/components/input-range/basic.tsx +4 -28
  397. package/src/components/input-range/partials/cases.tsx +31 -0
  398. package/src/components/input-range/partials/variants.tsx +19 -0
  399. package/src/components/input-text/basic.tsx +4 -71
  400. package/src/components/input-text/blur.tsx +2 -4
  401. package/src/components/input-text/focus.tsx +8 -6
  402. package/src/components/input-text/partials/cases.tsx +47 -0
  403. package/src/components/input-text/partials/variants.tsx +19 -0
  404. package/src/components/input-text/routes.ts +0 -3
  405. package/src/components/kolibri/animated.tsx +4 -0
  406. package/src/components/kolibri/basic.tsx +4 -0
  407. package/src/components/kolibri/no-label.tsx +4 -0
  408. package/src/components/kolibri/routes.ts +13 -0
  409. package/src/components/link/icons.tsx +5 -5
  410. package/src/components/link/image.tsx +1 -2
  411. package/src/components/link/target.tsx +5 -6
  412. package/src/components/link-group/basic.tsx +9 -0
  413. package/src/components/link-group/horizontal.tsx +9 -0
  414. package/src/components/link-group/routes.ts +6 -1
  415. package/src/components/logo/basic.tsx +5 -0
  416. package/src/components/logo/routes.ts +9 -0
  417. package/src/components/modal/basic.tsx +37 -0
  418. package/src/components/modal/routes.ts +9 -0
  419. package/src/components/nav/active.tsx +2 -2
  420. package/src/components/nav/basic.tsx +2 -2
  421. package/src/components/pagination/basic.tsx +4 -3
  422. package/src/components/popover/basic.tsx +5 -5
  423. package/src/components/quote/basic.tsx +6 -0
  424. package/src/components/quote/block.tsx +17 -0
  425. package/src/components/quote/routes.ts +11 -0
  426. package/src/components/select/basic.tsx +4 -50
  427. package/src/components/select/partials/cases.tsx +67 -0
  428. package/src/components/select/partials/variants.tsx +19 -0
  429. package/src/components/split-button/basic.tsx +7 -35
  430. package/src/components/table/badge-size.tsx +2 -2
  431. package/src/components/table/render-cell.tsx +3 -3
  432. package/src/components/table/routes.ts +4 -2
  433. package/src/components/table/sort-date.tsx +1 -1
  434. package/src/components/table/with-pagination.tsx +22 -0
  435. package/src/components/tabs/basic.tsx +30 -0
  436. package/src/components/tabs/icons-only.tsx +34 -0
  437. package/src/components/tabs/routes.ts +11 -0
  438. package/src/components/textarea/adjust-height.tsx +2 -2
  439. package/src/components/textarea/basic.tsx +4 -10
  440. package/src/components/textarea/counter.tsx +6 -0
  441. package/src/components/textarea/disabled.tsx +1 -1
  442. package/src/components/textarea/partials/cases.tsx +14 -0
  443. package/src/components/textarea/partials/variants.tsx +19 -0
  444. package/src/components/textarea/placeholder.tsx +1 -1
  445. package/src/components/textarea/readonly.tsx +1 -1
  446. package/src/components/textarea/resize.tsx +4 -4
  447. package/src/components/textarea/routes.ts +2 -0
  448. package/src/components/textarea/rows.tsx +1 -1
  449. package/src/components/toast/basic.tsx +2 -2
  450. package/src/components/types.tsx +42 -0
  451. package/src/hooks/useMobile.ts +21 -0
  452. package/src/shares/routes.ts +15 -3
  453. package/src/style.scss +19 -9
  454. package/tsconfig.json +2 -3
  455. package/src/components/button-link/target.tsx +0 -16
  456. package/src/components/input-text/hidden-label.tsx +0 -66
  457. package/test-build.sh +0 -2
package/.eslintrc.js CHANGED
@@ -1,5 +1,9 @@
1
1
  const config = require('@leanup/stack/.eslintrc');
2
2
 
3
+ config.parserOptions = {
4
+ tsconfigRootDir: __dirname,
5
+ };
6
+
3
7
  config.overrides = config.overrides || [];
4
8
  config.overrides.push({
5
9
  extends: ['plugin:react/recommended', 'plugin:jsx-a11y/recommended'],
@@ -10,6 +14,7 @@ config.overrides.push({
10
14
  },
11
15
  },
12
16
  rules: {
17
+ '@typescript-eslint/no-unsafe-member-access': 'warn',
13
18
  'react/no-unused-state': 'error',
14
19
  },
15
20
  });
package/dist/.htaccess ADDED
@@ -0,0 +1,3 @@
1
+ RewriteEngine On
2
+ RewriteCond %{HTTPS} !=on
3
+ RewriteRule ^ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]
package/dist/1159.js ADDED
@@ -0,0 +1,2 @@
1
+ /*! For license information please see 1159.js.LICENSE.txt */
2
+ "use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[1159],{1159:(i,t,o)=>{o.r(t),o.d(t,{kol_icon_icofont:()=>r});var s=o(8269);const r=class{constructor(i){(0,s.r)(this,i),this._ariaLabel=void 0,this._icon=void 0,this._part=void 0}render(){return(0,s.h)("kol-icon",{exportparts:"icon"+("string"==typeof this._part?`,${this._part}`:""),_ariaLabel:this._ariaLabel,_icon:"string"==typeof this._icon?`icofont-${this._icon}`:void 0})}}}}]);
@@ -0,0 +1,3 @@
1
+ /*!
2
+ * KoliBri - The accessible HTML-Standard
3
+ */
package/dist/1407.js ADDED
@@ -0,0 +1,2 @@
1
+ /*! For license information please see 1407.js.LICENSE.txt */
2
+ "use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[1407],{1407:(t,e,i)=>{i.r(e),i.d(e,{initialize:()=>s});var l=i(160),r=i(4609);function n(t,e){try{Object.defineProperty(l.K,t,{get:function(){return e}})}catch(e){l.L.debug(`KoliBri property ${t} is already bind.`)}}const o=(t,e)=>l.L.debug(`${t} ${e?"":"not "}activated`),s=()=>{if((0,l.i)(),(0,l.e)()){(0,l.r)(),n("a11yColorContrast",r.q),n("querySelector",r.k),n("querySelectorAll",r.t),n("querySelectorColors",r.u),n("utils",(function(){return r.n})),n("parseJson",r.p),n("stringifyJson",r.v);const t=(0,l.g)().body,e=(0,l.g)().createElement("svg");if(e.setAttribute("aria-label","KoliBri-DevTools"),e.setAttribute("xmlns","http://www.w3.org/2000/svg"),e.setAttribute("role","toolbar"),e.setAttribute("style","position: fixed;color: black;font-size: 200%;bottom: 0.25rem;right: 0.25rem;"),e.innerHTML='<svg\n xmlns="http://www.w3.org/2000/svg"\n width="50"\n height="50"\n viewBox="0 0 600 600"\n>\n <path d="M353 322L213 304V434L353 322Z" fill="#047" />\n <path d="M209 564V304L149 434L209 564Z" fill="#047" />\n <path d="M357 316L417 250L361 210L275 244L357 316Z" fill="#047" />\n <path d="M353 318L35 36L213 300L353 318Z" fill="#047" />\n <path d="M329 218L237 92L250 222L272 241L329 218Z" fill="#047" />\n <path d="M391 286L565 272L421 252L391 286Z" fill="#047" />\n</svg>',(0,l.g)().body.appendChild(e),o("Development mode",(0,l.e)()),o("Experimental mode",(0,l.b)()),o("Color contrast analysis",(0,l.f)()),(0,l.f)()){const e=setTimeout((()=>{clearTimeout(e),setInterval((()=>{r.n.queryHtmlElementColors((0,l.g)().createElement("div"),(0,r.q)(t),!1,!1)}),1e4)}),2500)}}}}}]);
@@ -0,0 +1,3 @@
1
+ /*!
2
+ * KoliBri - The accessible HTML-Standard
3
+ */
package/dist/1474.js ADDED
@@ -0,0 +1,2 @@
1
+ /*! For license information please see 1474.js.LICENSE.txt */
2
+ "use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[1474],{5753:(t,e,i)=>{i.d(e,{A:()=>s});var a=i(4609),o=i(9736);const n=(0,i(160).b)();class s{constructor(t,e,i){var a,s;if(this.setFormAssociatedValue=t=>{var e;const i=null===(e=this.formAssociated)||void 0===e?void 0:e.getAttribute("name");null!==i&&""!==i||(0,o.d)(` The form field (${this.name}) must have a name attribute to be form-associated. Please define the _name attribute.`);const a=this.tryToStringifyValue(t);this.syncValue(t,a,this.formAssociated),this.syncValue(t,a,this.syncToOwnInput)},this.component=t,this.host=this.findHostWithShadowRoot(i),this.name=e,n){switch(null===(a=this.host)||void 0===a||a.querySelectorAll("input,select,textarea").forEach((t=>{var e;null===(e=this.host)||void 0===e||e.removeChild(t)})),this.name){case"button":this.formAssociated=document.createElement("button");break;case"select":this.formAssociated=document.createElement("select"),this.formAssociated.setAttribute("multiple","");break;case"textarea":this.formAssociated=document.createElement("textarea");break;default:this.formAssociated=document.createElement("input"),this.formAssociated.setAttribute("type","hidden")}this.formAssociated.setAttribute("aria-hidden","true"),this.formAssociated.setAttribute("data-form-associated",""),this.formAssociated.setAttribute("hidden",""),null===(s=this.host)||void 0===s||s.appendChild(this.formAssociated)}}findHostWithShadowRoot(t){for(;null===(null==t?void 0:t.shadowRoot)&&t!==document.body;)(t=null==t?void 0:t.parentNode).host&&(t=t.host);return t}setAttribute(t,e,i){if(n)try{if("boolean"!=typeof(i="object"==typeof i&&null!==i?JSON.stringify(i):i)&&"number"!=typeof i&&"string"!=typeof i)throw new Error("Invalid value type: "+typeof i);null==e||e.setAttribute(t,`${i}`)}catch(i){null==e||e.removeAttribute(t)}}tryToStringifyValue(t){try{return"object"==typeof t&&null!==t?JSON.stringify(t).toString():null==t?null:t.toString()}catch(t){return(0,o.h)(`The form field raw value is not able to stringify! ${t}`),""}}syncValue(t,e,i){i&&("select"===this.name?(i.querySelectorAll("option").forEach((t=>{i.removeChild(t)})),Array.isArray(t)&&t.forEach((t=>{const e=this.tryToStringifyValue(t);if("string"==typeof e){const t=document.createElement("option");t.setAttribute("value",e),t.setAttribute("selected",""),i.appendChild(t)}}))):"string"==typeof e?(i.setAttribute("value",e),i.value=e):(i.removeAttribute("value"),i.value=""))}validateName(t){((t,e,i)=>{(0,a.d)(t,"_name",e,i)})(this.component,t,{hooks:{afterPatch:()=>{this.setAttribute("name",this.formAssociated,this.component.state._name)}}}),void 0===t&&(0,o.d)("Ein Name am Eingabefeldern oder Schalter ist nicht zwingend erforderlich, kann aber für die Autocomplete-Funktion und für das statische Versenden des Eingabefeldes relevant sein.")}validateSyncValueBySelector(t){if(n&&"string"==typeof t){const e=document.querySelector(t);e&&(this.syncToOwnInput=e)}}componentWillLoad(){this.validateName(this.component._name),this.validateSyncValueBySelector(this.component._syncValueBySelector)}}},9017:(t,e,i)=>{i.d(e,{I:()=>p,g:()=>d,v:()=>c});var a=i(4609),o=i(774),n=i(718),s=i(9736),l=i(9865),r=i(3185),h=i(5753);const d=t=>{const e="string"==typeof t._error&&t._error.length>0&&!0===t._touched,i="string"==typeof t._hint&&t._hint.length>0,a=[];return!0===e&&a.push(`${t._id}-error`),!0===i&&a.push(`${t._id}-hint`),{hasError:e,hasHint:i,ariaDescribedBy:a}},c=(t,e,i)=>{(0,a.a)(t,"_hideError",e,i)};class u extends h.A{constructor(t,e,i){super(t,e,i),this.component=t}validateAlert(t){(0,a.a)(this.component,"_alert",t)}validateTouched(t){((t,e)=>{(0,a.a)(t,"_touched",e)})(this.component,t)}componentWillLoad(){super.componentWillLoad(),this.validateAlert(this.component._alert),this.validateTouched(this.component._touched)}}class p extends u{constructor(t,e,i){super(t,e,i),this.valueChangeListeners=[],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){(0,a.d)(this.component,"_accessKey",t)}validateAdjustHeight(t){((t,e)=>{(0,a.a)(t,"_adjustHeight",e)})(this.component,t)}validateDisabled(t){(0,a.a)(this.component,"_disabled",t),!0===t&&(0,s.g)()}validateError(t){(0,a.d)(this.component,"_error",t)}validateHideLabel(t){(0,o.v)(this.component,t,{hooks:{afterPatch:()=>{this.component.state._hideLabel&&(0,s.a)("Property hide-label for inputs: Only use for exceptions like search inputs that are clearly identifiable by their context.")}}})}validateHint(t){(0,a.d)(this.component,"_hint",t)}validateId(t){(0,a.d)(this.component,"_id",t,{hooks:{afterPatch:()=>{this.setAttribute("id",this.formAssociated,this.component.state._id)}},minLength:1}),""!==t&&void 0!==t||(0,s.d)("Eine eindeutige ID an den Eingabefeldern ist nicht zwingend erforderlich, könnte aber für die E2E-Tests relevant sein.")}validateLabel(t){(0,n.a)(this.component,t)}validateOn(t){"object"==typeof t&&(0,a.s)(this.component,"_on",t)}validateSmartButton(t){(0,a.o)(t,(()=>{try{t=(0,a.p)(t)}catch(t){}(0,a.s)(this.component,"_smartButton",t)}))}validateTabIndex(t){(0,r.v)(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.validateId(this.component._id),this.validateLabel(this.component._label),this.validateSmartButton(this.component._smartButton),this.validateOn(this.component._on),this.validateTabIndex(this.component._tabIndex)}onBlur(t){var e;this.component._alert=!0,this.component._touched=!0,(0,l.s)(t),(0,l.t)("blur",this.host),"function"==typeof(null===(e=this.component._on)||void 0===e?void 0:e.onBlur)&&this.component._on.onBlur(t)}onChange(t){var e;const i=t.target.value;(0,l.s)(t),(0,l.t)("change",this.host,i),this.setFormAssociatedValue(i),"function"==typeof(null===(e=this.component._on)||void 0===e?void 0:e.onChange)&&this.component._on.onChange(t,i),this.valueChangeListeners.forEach((t=>t(i)))}onClick(t){var e;(0,l.s)(t),(0,l.t)("click",this.host),"function"==typeof(null===(e=this.component._on)||void 0===e?void 0:e.onClick)&&this.component._on.onClick(t)}onFocus(t){var e;this.component._alert=!0,(0,l.s)(t),(0,l.t)("focus",this.host),"function"==typeof(null===(e=this.component._on)||void 0===e?void 0:e.onFocus)&&this.component._on.onFocus(t)}setValue(t,e){var i;this.setFormAssociatedValue(e),"function"==typeof(null===(i=this.component._on)||void 0===i?void 0:i.onChange)&&this.component._on.onChange(t,e)}addValueChangeListener(t){this.valueChangeListeners.push(t)}}},9865:(t,e,i)=>{function a(t){t.stopImmediatePropagation(),t.stopPropagation()}function o(t,e,i){e&&function(t,e,i){const a=t.dispatchEvent(function(t,e){return new CustomEvent(`kol-${t}`,{bubbles:!0,cancelable:!0,composed:!0,detail:e})}(e,i))}(e,t,i)}i.d(e,{s:()=>a,t:()=>o})},774:(t,e,i)=>{i.d(e,{v:()=>o});var a=i(4609);const o=(t,e,i={})=>{(0,a.a)(t,"_hideLabel",e,i)}},1474:(t,e,i)=>{i.r(e),i.d(e,{kol_textarea:()=>c});var a=i(8269),o=i(160),n=i(4609),s=i(2180),l=i(9017),r=i(8974),h=i(9736);class d extends l.I{constructor(t,e,i){super(t,e,i),this.afterSyncCharCounter=()=>{"string"==typeof this.component._value&&this.component._value.length>0&&(this.component.state._currentLength=this.component._value.length)},this.component=t}validateHasCounter(t){(0,n.a)(this.component,"_hasCounter",t,{hooks:{afterPatch:this.afterSyncCharCounter}})}validateHideError(t){(0,l.v)(this.component,t,{hooks:{afterPatch:()=>{this.component.state._hideError&&(0,h.a)("Property hide-error for inputs: Only use when the error message is shown outside of the input component.")}}})}validateMaxLength(t){(0,n.e)(this.component,"_maxLength",t,{hooks:{afterPatch:this.afterSyncCharCounter},min:0})}validatePlaceholder(t){(0,n.d)(this.component,"_placeholder",t)}validateReadOnly(t){(0,n.a)(this.component,"_readOnly",t)}validateResize(t){(0,n.w)(this.component,"_resize",(t=>"string"==typeof t&&("both"===t||"horizontal"===t||"none"===t||"vertical"===t)),new Set("String {both, horizontal, vertical, none}"),t)}validateRequired(t){(0,n.a)(this.component,"_required",t)}validateRows(t){(0,r.v)(this.component,t)}validateValue(t){(0,n.d)(this.component,"_value",t,{hooks:{afterPatch:this.afterSyncCharCounter}}),this.setFormAssociatedValue(this.component._value)}componentWillLoad(){super.componentWillLoad(),this.validateHasCounter(this.component._hasCounter),this.validateHideError(this.component._hideError),this.validateMaxLength(this.component._maxLength),this.validatePlaceholder(this.component._placeholder),this.validateReadOnly(this.component._readOnly),this.validateResize(this.component._resize),this.validateRequired(this.component._required),this.validateRows(this.component._rows),this.validateValue(this.component._value)}}const c=class{render(){const{ariaDescribedBy:t}=(0,l.g)(this.state),e=(0,s.s)(this.state._label);return(0,a.h)(a.H,{class:{"has-value":this.state._hasValue}},(0,a.h)("kol-input",{class:{textarea:!0,"hide-label":!!this.state._hideLabel,"has-counter":!!this.state._hasCounter},_alert:this.state._alert,_currentLength:this.state._currentLength,_disabled:this.state._disabled,_error:this.state._error,_hideError:this.state._hideError,_hasCounter:this.state._hasCounter,_hideLabel:this.state._hideLabel,_hint:this.state._hint,_id:this.state._id,_label:this.state._label,_maxLength:this.state._maxLength,_readOnly:this.state._readOnly,_required:this.state._required,_tooltipAlign:this._tooltipAlign,_touched:this.state._touched,onClick:()=>{var t;return null===(t=this.ref)||void 0===t?void 0:t.focus()}},(0,a.h)("span",{slot:"label"},e?(0,a.h)("slot",null):this.state._label),(0,a.h)("div",{slot:"input"},(0,a.h)("textarea",Object.assign({ref:this.catchRef,title:"",accessKey:this.state._accessKey,"aria-describedby":t.length>0?t.join(" "):void 0,"aria-label":this.state._hideLabel&&"string"==typeof this.state._label?this.state._label:void 0,autoCapitalize:"off",autoCorrect:"off",disabled:this.state._disabled,id:this.state._id,maxlength:this.state._maxLength,name:this.state._name,readOnly:this.state._readOnly,required:this.state._required,rows:this.state._rows,placeholder:this.state._placeholder,spellcheck:"false"},this.controller.onFacade,{onKeyUp:this.onKeyUp,style:{resize:this.state._resize},value:this.state._value})))))}constructor(t){(0,a.r)(this,t),this.catchRef=t=>{this.ref=t,(0,s.a)(this.host,this.ref)},this.onKeyUp=()=>{this.ref instanceof HTMLTextAreaElement&&((0,n.s)(this,"_currentLength",this.ref.value.length),this.state._adjustHeight&&(this._rows=(t=>{t.style.overflow="hidden";const e=t.rows,i=t.clientHeight/e;t.rows=1;const a=Math.round(t.scrollHeight/i);return t.rows=e,a})(this.ref)))},this._accessKey=void 0,this._adjustHeight=!1,this._alert=!0,this._disabled=!1,this._error=void 0,this._hasCounter=!1,this._hideError=!1,this._hideLabel=!1,this._hint="",this._id=void 0,this._label=void 0,this._maxLength=void 0,this._name=void 0,this._on=void 0,this._placeholder=void 0,this._readOnly=!1,this._resize="vertical",this._required=!1,this._rows=void 0,this._syncValueBySelector=void 0,this._tabIndex=void 0,this._tooltipAlign="top",this._touched=!1,this._value=void 0,this.state={_adjustHeight:!1,_currentLength:0,_hasValue:!1,_hideError:!1,_id:`id-${(0,o.n)()}`,_label:"",_resize:"vertical"},this.controller=new d(this,"textarea",this.host)}validateAccessKey(t){this.controller.validateAccessKey(t)}validateAdjustHeight(t){this.controller.validateAdjustHeight(t)}validateAlert(t){this.controller.validateAlert(t)}validateDisabled(t){this.controller.validateDisabled(t)}validateError(t){this.controller.validateError(t)}validateHasCounter(t){this.controller.validateHasCounter(t)}validateHideError(t){this.controller.validateHideError(t)}validateHideLabel(t){this.controller.validateHideLabel(t)}validateHint(t){this.controller.validateHint(t)}validateId(t){this.controller.validateId(t)}validateLabel(t){this.controller.validateLabel(t)}validateMaxLength(t){this.controller.validateMaxLength(t)}validateName(t){this.controller.validateName(t)}validateOn(t){this.controller.validateOn(t)}validatePlaceholder(t){this.controller.validatePlaceholder(t)}validateReadOnly(t){this.controller.validateReadOnly(t)}validateResize(t){this.controller.validateResize(t)}validateRequired(t){this.controller.validateRequired(t)}validateRows(t){this.controller.validateRows(t)}validateSyncValueBySelector(t){this.controller.validateSyncValueBySelector(t)}validateTabIndex(t){this.controller.validateTabIndex(t)}validateTouched(t){this.controller.validateTouched(t)}validateValue(t){this.controller.validateValue(t)}componentWillLoad(){this._alert=!0===this._alert,this._touched=!0===this._touched,this.controller.componentWillLoad(),this.state._hasValue=!!this.state._value,this.controller.addValueChangeListener((t=>this.state._hasValue=!!t))}get host(){return(0,a.g)(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_adjustHeight:["validateAdjustHeight"],_alert:["validateAlert"],_disabled:["validateDisabled"],_error:["validateError"],_hasCounter:["validateHasCounter"],_hideError:["validateHideError"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_id:["validateId"],_label:["validateLabel"],_maxLength:["validateMaxLength"],_name:["validateName"],_on:["validateOn"],_placeholder:["validatePlaceholder"],_readOnly:["validateReadOnly"],_resize:["validateResize"],_required:["validateRequired"],_rows:["validateRows"],_syncValueBySelector:["validateSyncValueBySelector"],_tabIndex:["validateTabIndex"],_touched:["validateTouched"],_value:["validateValue"]}}};c.style={default:":host{--a11y-min-size:44px;font-size:inherit}*{font-family:Verdana;hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}[role='button'],button:not([role='link']),kol-input .input{min-height:var(--a11y-min-size);min-width:var(--a11y-min-size)}a,button,h1,h2,h3,h4,h5,h6,input,option,select,textarea{font-family:inherit;font-size:inherit}:is(a,button){background-color:transparent;border:none;margin:0;padding:0;width:100%;}:host{max-width:100%}*{box-sizing:border-box}kol-span-wc{display:grid;place-items:center}kol-span-wc>span{display:flex;place-items:center}a,button{cursor:pointer}button,input,option,select,textarea{font-family:inherit}.icon-only>kol-span-wc>span>span{display:none}.required label>span::after,.required legend>span::after{content:'*'}:host{display:block}input,textarea{cursor:text}input[type='checkbox'],input[type='color'],input[type='file'],input[type='radio'],input[type='range'],label,option,select{cursor:pointer}input[type='color'],input[type='date'],input[type='datetime-local'],input[type='email'],input[type='file'],input[type='month'],input[type='number'],input[type='password'],input[type='search'],input[type='tel'],input[type='text'],input[type='time'],input[type='url'],input[type='week'],select,select[multiple] option,textarea{font-size:1rem;width:100%}input[type='file']{padding:calc((var(--a11y-min-size) - 1rem) / 10) 0.5em}select[multiple] option{padding:calc((var(--a11y-min-size) - 1rem) / 2) 0.5em}kol-input.disabled :is(button,input,label,option,select,textarea){cursor:not-allowed;opacity:0.5}kol-input{display:grid}kol-input .input-slot{flex-grow:1}input:not([type='checkbox'],[type='radio']),select:not([multiple],[size]){height:2.75em}input:focus,option:focus,select:focus,textarea:focus{outline:0}.input{display:flex;align-items:center}.input>kol-icon{display:grid;height:var(--a11y-min-size);place-items:center}kol-input.required .input-tooltip .span-label::after{content:'*'}.error.hidden{display:none}"}},718:(t,e,i)=>{i.d(e,{a:()=>c,c:()=>r,h:()=>l,v:()=>d});var a=i(9736),o=i(4609);const n=/[a-zA-Z0-9äöüÄÖÜß]/g,s=/^\d+$/;function l(t,e=1){return function(t){var e;return"string"==typeof t&&(null===(e=t.match(n))||void 0===e?void 0:e.length)||0}(t)>=e}function r(t){return s.test(t)}const h=new Set(["string"]),d=(t,e,i={})=>{(0,o.w)(t,"_label",(t=>"string"==typeof t),h,e,function(t){var e;return{hooks:{afterPatch:(e,i,o,n)=>{var s,h;"function"==typeof(null===(s=t.hooks)||void 0===s?void 0:s.afterPatch)&&(null===(h=t.hooks)||void 0===h||h.afterPatch(e,i,o,n)),"string"==typeof e&&!1===l(e,3)&&!1===r(e)&&(0,a.a)(`The heading or label ("${e}") is not accessible. A label should consist of at least three readable characters.`),"string"==typeof e&&e.length>80&&(0,a.u)("A heading or label should not be longer than 80 characters.")},beforePatch:null===(e=t.hooks)||void 0===e?void 0:e.beforePatch}}}(i))},c=d},8974:(t,e,i)=>{i.d(e,{v:()=>o});var a=i(4609);const o=(t,e)=>{(0,a.e)(t,"_rows",e,{min:1})}},3185:(t,e,i)=>{i.d(e,{v:()=>s});var a=i(9736),o=i(4609);const n={hooks:{afterPatch:t=>{-1!==t&&0!==t&&(0,a.a)("Don’t Use Tabindex Greater than 0: https://adrianroselli.com/2014/11/dont-use-tabindex-greater-than-0.html")}}},s=(t,e)=>{(0,o.e)(t,"_tabIndex",e,n)}}}]);
@@ -0,0 +1,3 @@
1
+ /*!
2
+ * KoliBri - The accessible HTML-Standard
3
+ */
package/dist/183.js ADDED
@@ -0,0 +1,2 @@
1
+ /*! For license information please see 183.js.LICENSE.txt */
2
+ "use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[183],{183:(t,e,i)=>{i.r(e),i.d(e,{kol_link_group:()=>d});var a=i(8269),l=i(718),n=i(4609),s=i(8230),r=i(6634),o=i(9058);const h=t=>{const e=[];return t.links.map(((i,l)=>{e.push((0,a.h)("li",{key:l,class:{ident:l>0&&"vertical"===t.orientation,"list-none":0===l&&"horizontal"===t.orientation},style:{listStyleType:t.listStyleType}},(0,a.h)("kol-link",Object.assign({},i))))})),e},d=class{constructor(t){(0,a.r)(this,t),this.isUl=!0,this._ariaLabel=void 0,this._listStyleType=void 0,this._heading=void 0,this._label=void 0,this._level=void 0,this._links=void 0,this._ordered=!1,this._orientation="vertical",this.state={_label:"…",_listStyleType:"disc",_links:[],_orientation:"vertical"}}render(){var t;return(0,a.h)("nav",{"aria-label":this.state._label,class:{vertical:"vertical"===this.state._orientation,horizontal:"horizontal"===this.state._orientation}},"string"==typeof this.state._heading&&(null===(t=this.state._heading)||void 0===t?void 0:t.length)>0&&(0,a.h)("kol-heading-wc",{_label:this.state._heading,_level:this.state._level}),!1===this.isUl?(0,a.h)("ol",null,(0,a.h)(h,{links:this.state._links,orientation:this.state._orientation,listStyleType:this.state._listStyleType})):(0,a.h)("ul",null,(0,a.h)(h,{links:this.state._links,orientation:this.state._orientation,listStyleType:this.state._listStyleType})))}validateAriaLabel(t){this.validateLabel(t)}validateHeading(t){(0,n.d)(this,"_heading",t)}validateLabel(t,e,i=!1){i||(0,s.r)(this.state._label),(0,l.v)(this,t),(0,s.a)(this.state._label)}validateLevel(t){(0,r.w)(this,t)}validateListStyleType(t){(0,n.w)(this,"_listStyleType",(t=>{switch(t){case"disc":case"circle":case"square":case"none":return this.isUl=!0,!0;case"decimal":case"decimal-leading-zero":case"lower-alpha":case"lower-latin":case"lower-greek":case"lower-roman":case"upper-alpha":case"upper-latin":case"upper-roman":return this.isUl=!1,!0;default:return!1}}),new Set(["https://www.w3schools.com/tags/tag_ol.asp"]),t)}validateLinks(t){(0,o.w)("KolLinkGroup",this,t)}validateOrdered(t){(0,n.a)(this,"_ordered",t)}validateOrientation(t){(0,n.w)(this,"_orientation",(t=>"horizontal"===t||"vertical"===t),new Set(["Orientation {horizontal, vertical}"]),t,{defaultValue:"vertical"})}componentWillLoad(){this.validateHeading(this._heading),this.validateLabel(this._label||this._ariaLabel,void 0,!0),this.validateLevel(this._level),this.validateListStyleType(this._listStyleType),this.validateLinks(this._links),this.validateOrientation(this._orientation)}disconnectedCallback(){(0,s.r)(this.state._label)}static get watchers(){return{_ariaLabel:["validateAriaLabel"],_heading:["validateHeading"],_label:["validateLabel"],_level:["validateLevel"],_listStyleType:["validateListStyleType"],_links:["validateLinks"],_ordered:["validateOrdered"],_orientation:["validateOrientation"]}}};d.style={default:":host{--a11y-min-size:44px;font-size:inherit}*{font-family:Verdana;hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}[role='button'],button:not([role='link']),kol-input .input{min-height:var(--a11y-min-size);min-width:var(--a11y-min-size)}a,button,h1,h2,h3,h4,h5,h6,input,option,select,textarea{font-family:inherit;font-size:inherit}:is(a,button){background-color:transparent;border:none;margin:0;padding:0;width:100%;}:host{max-width:100%}*{box-sizing:border-box}kol-span-wc{display:grid;place-items:center}kol-span-wc>span{display:flex;place-items:center}a,button{cursor:pointer}button,input,option,select,textarea{font-family:inherit}.icon-only>kol-span-wc>span>span{display:none}ul{list-style:none;margin:0;padding:0}nav.horizontal ul{display:flex;flex-wrap:wrap}nav.horizontal li{margin-left:1.25rem;margin-right:0.25rem}nav.horizontal li:first-child{margin-left:0}nav.horizontal li:last-child{margin-right:0}nav.vertical li{margin-left:1.75rem;margin-right:0.5rem}li.list-none{list-style-type:none !important;margin-left:0}"}},718:(t,e,i)=>{i.d(e,{a:()=>c,c:()=>o,h:()=>r,v:()=>d});var a=i(9736),l=i(4609);const n=/[a-zA-Z0-9äöüÄÖÜß]/g,s=/^\d+$/;function r(t,e=1){return function(t){var e;return"string"==typeof t&&(null===(e=t.match(n))||void 0===e?void 0:e.length)||0}(t)>=e}function o(t){return s.test(t)}const h=new Set(["string"]),d=(t,e,i={})=>{(0,l.w)(t,"_label",(t=>"string"==typeof t),h,e,function(t){var e;return{hooks:{afterPatch:(e,i,l,n)=>{var s,h;"function"==typeof(null===(s=t.hooks)||void 0===s?void 0:s.afterPatch)&&(null===(h=t.hooks)||void 0===h||h.afterPatch(e,i,l,n)),"string"==typeof e&&!1===r(e,3)&&!1===o(e)&&(0,a.a)(`The heading or label ("${e}") is not accessible. A label should consist of at least three readable characters.`),"string"==typeof e&&e.length>80&&(0,a.u)("A heading or label should not be longer than 80 characters.")},beforePatch:null===(e=t.hooks)||void 0===e?void 0:e.beforePatch}}}(i))},c=d},8230:(t,e,i)=>{i.d(e,{a:()=>l,r:()=>n});const a=new Set;function l(t){a.has(t)?console.error(`There already is a nav element with the label "${t}"`):a.add(t)}function n(t){a.delete(t)}},6634:(t,e,i)=>{i.d(e,{w:()=>l});var a=i(4609);const l=(t,e)=>{(0,a.w)(t,"_level",(t=>"number"==typeof t&&0<=t&&t<=6),new Set(["Number {0, 1, 2, 3, 4, 5, 6}"]),e,{defaultValue:1,required:!0})}},9058:(t,e,i)=>{i.d(e,{w:()=>n});var a=i(9736),l=i(4609);const n=(t,e,i)=>{(0,l.c)(e,"_links",(t=>"object"==typeof t&&("string"==typeof t._href||"string"==typeof t._label)),i),(0,a.c)(t,e.state._links.length)}}}]);
@@ -0,0 +1,3 @@
1
+ /*!
2
+ * KoliBri - The accessible HTML-Standard
3
+ */
package/dist/2337.js ADDED
@@ -0,0 +1,2 @@
1
+ /*! For license information please see 2337.js.LICENSE.txt */
2
+ "use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[2337],{2337:(t,e,i)=>{i.r(e),i.d(e,{kol_input_file:()=>p});var a=i(8269),l=i(160),o=i(9865),s=i(2180),n=i(9017),r=i(9736),d=i(4609),h=i(8976);class c extends h.I{constructor(t,e,i){super(t,e,i),this.component=t}validateAccept(t){(0,d.d)(this.component,"_accept",t)}validateHideError(t){(0,n.v)(this.component,t,{hooks:{afterPatch:()=>{this.component.state._hideError&&(0,r.a)("Property hide-error for inputs: Only use when the error message is shown outside of the input component.")}}})}validateMultiple(t){(0,d.a)(this.component,"_multiple",t)}validateRequired(t){(0,d.a)(this.component,"_required",t)}validateValue(t){(0,d.d)(this.component,"_value",t),this.setFormAssociatedValue(this.component._value)}componentWillLoad(){super.componentWillLoad(),this.validateAccept(this.component._accept),this.validateHideError(this.component._hideError),this.validateMultiple(this.component._multiple),this.validateRequired(this.component._required),this.validateValue(this.component._value)}}const p=class{render(){const{ariaDescribedBy:t}=(0,n.g)(this.state),e=(0,s.s)(this.state._label);return(0,a.h)(a.H,null,(0,a.h)("kol-input",{class:{file:!0,"hide-label":!!this.state._hideLabel},_disabled:this.state._disabled,_error:this.state._error,_hideError:this.state._hideError,_hideLabel:this.state._hideLabel,_hint:this.state._hint,_icons:this.state._icons,_id:this.state._id,_label:this.state._label,_required:this.state._required,_smartButton:this.state._smartButton,_tooltipAlign:this._tooltipAlign,_touched:this.state._touched,onClick:()=>{var t;return null===(t=this.ref)||void 0===t?void 0:t.focus()}},(0,a.h)("span",{slot:"label"},e?(0,a.h)("slot",null):this.state._label),(0,a.h)("div",{slot:"input"},(0,a.h)("input",Object.assign({ref:this.catchRef,title:"",accept:this.state._accept,accessKey:this.state._accessKey,"aria-describedby":t.length>0?t.join(" "):void 0,"aria-label":this.state._hideLabel&&"string"==typeof this.state._label?this.state._label:void 0,autoCapitalize:"off",autoCorrect:"off",disabled:this.state._disabled,id:this.state._id,multiple:this.state._multiple,name:this.state._name,required:this.state._required,spellcheck:"false",type:"file",value:this.state._value},this.controller.onFacade,{onChange:this.onChange})))))}constructor(t){(0,a.r)(this,t),this.catchRef=t=>{this.ref=t,(0,s.a)(this.host,this.ref)},this.onChange=t=>{var e;if(this.ref instanceof HTMLInputElement&&"file"===this.ref.type){const i=this.ref.files;(0,o.s)(t),(0,o.t)("change",this.host,i),this.controller.setFormAssociatedValue(i),"function"==typeof(null===(e=this.state._on)||void 0===e?void 0:e.onChange)&&this.state._on.onChange(t,i)}},this._accept=void 0,this._accessKey=void 0,this._alert=!0,this._disabled=!1,this._error=void 0,this._hideError=!1,this._hideLabel=!1,this._hint="",this._icon=void 0,this._icons=void 0,this._id=void 0,this._label=void 0,this._multiple=!1,this._name=void 0,this._on=void 0,this._required=!1,this._smartButton=void 0,this._syncValueBySelector=void 0,this._tabIndex=void 0,this._tooltipAlign="top",this._touched=!1,this._value=void 0,this.state={_hideError:!1,_id:`id-${(0,l.n)()}`,_label:""},this.controller=new c(this,"input-file",this.host)}validateAccept(t){this.controller.validateAccept(t)}validateAccessKey(t){this.controller.validateAccessKey(t)}validateAlert(t){this.controller.validateAlert(t)}validateDisabled(t){this.controller.validateDisabled(t)}validateError(t){this.controller.validateError(t)}validateHideError(t){this.controller.validateHideError(t)}validateHideLabel(t){this.controller.validateHideLabel(t)}validateHint(t){this.controller.validateHint(t)}validateIcon(t){this.validateIcons(t)}validateIcons(t){this.controller.validateIcons(t)}validateId(t){this.controller.validateId(t)}validateLabel(t){this.controller.validateLabel(t)}validateMultiple(t){this.controller.validateMultiple(t)}validateName(t){this.controller.validateName(t)}validateOn(t){this.controller.validateOn(t)}validateRequired(t){this.controller.validateRequired(t)}validateSmartButton(t){this.controller.validateSmartButton(t)}validateSyncValueBySelector(t){this.controller.validateSyncValueBySelector(t)}validateTabIndex(t){this.controller.validateTabIndex(t)}validateTouched(t){this.controller.validateTouched(t)}validateValue(t){this.controller.validateValue(t)}componentWillLoad(){this._alert=!0===this._alert,this._touched=!0===this._touched,this.controller.componentWillLoad()}get host(){return(0,a.g)(this)}static get watchers(){return{_accept:["validateAccept"],_accessKey:["validateAccessKey"],_alert:["validateAlert"],_disabled:["validateDisabled"],_error:["validateError"],_hideError:["validateHideError"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_icon:["validateIcon"],_icons:["validateIcons"],_id:["validateId"],_label:["validateLabel"],_multiple:["validateMultiple"],_name:["validateName"],_on:["validateOn"],_required:["validateRequired"],_smartButton:["validateSmartButton"],_syncValueBySelector:["validateSyncValueBySelector"],_tabIndex:["validateTabIndex"],_touched:["validateTouched"],_value:["validateValue"]}}};p.style={default:":host{--a11y-min-size:44px;font-size:inherit}*{font-family:Verdana;hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}[role='button'],button:not([role='link']),kol-input .input{min-height:var(--a11y-min-size);min-width:var(--a11y-min-size)}a,button,h1,h2,h3,h4,h5,h6,input,option,select,textarea{font-family:inherit;font-size:inherit}:is(a,button){background-color:transparent;border:none;margin:0;padding:0;width:100%;}:host{max-width:100%}*{box-sizing:border-box}kol-span-wc{display:grid;place-items:center}kol-span-wc>span{display:flex;place-items:center}a,button{cursor:pointer}button,input,option,select,textarea{font-family:inherit}.icon-only>kol-span-wc>span>span{display:none}.required label>span::after,.required legend>span::after{content:'*'}:host{display:block}input,textarea{cursor:text}input[type='checkbox'],input[type='color'],input[type='file'],input[type='radio'],input[type='range'],label,option,select{cursor:pointer}input[type='color'],input[type='date'],input[type='datetime-local'],input[type='email'],input[type='file'],input[type='month'],input[type='number'],input[type='password'],input[type='search'],input[type='tel'],input[type='text'],input[type='time'],input[type='url'],input[type='week'],select,select[multiple] option,textarea{font-size:1rem;width:100%}input[type='file']{padding:calc((var(--a11y-min-size) - 1rem) / 10) 0.5em}select[multiple] option{padding:calc((var(--a11y-min-size) - 1rem) / 2) 0.5em}kol-input.disabled :is(button,input,label,option,select,textarea){cursor:not-allowed;opacity:0.5}kol-input{display:grid}kol-input .input-slot{flex-grow:1}input:not([type='checkbox'],[type='radio']),select:not([multiple],[size]){height:2.75em}input:focus,option:focus,select:focus,textarea:focus{outline:0}.input{display:flex;align-items:center}.input>kol-icon{display:grid;height:var(--a11y-min-size);place-items:center}kol-input.required .input-tooltip .span-label::after{content:'*'}label input[type='file']::-webkit-file-upload-button{display:none}label input[type='file']:before{content:'Datei auswählen'}label input[multiple]:before{content:'Dateien auswählen'}div.input{cursor:pointer}.error.hidden{display:none}"}}}]);
@@ -0,0 +1,3 @@
1
+ /*!
2
+ * KoliBri - The accessible HTML-Standard
3
+ */
package/dist/2412.js ADDED
@@ -0,0 +1,2 @@
1
+ /*! For license information please see 2412.js.LICENSE.txt */
2
+ "use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[2412],{9865:(t,e,i)=>{function n(t){t.stopImmediatePropagation(),t.stopPropagation()}function s(t,e,i){e&&function(t,e,i){const n=t.dispatchEvent(function(t,e){return new CustomEvent(`kol-${t}`,{bubbles:!0,cancelable:!0,composed:!0,detail:e})}(e,i))}(e,t,i)}i.d(e,{s:()=>n,t:()=>s})},2412:(t,e,i)=>{i.r(e),i.d(e,{kol_details:()=>r});var n=i(8269),s=i(718),o=i(7860),a=i(9865),l=i(4609);class h{constructor(t,e,i){this.detailsElement=t,this.summaryElement=e,this.contentElement=i,this.isClosing=!1,this.isExpanding=!1,this.summaryElement.addEventListener("click",this.handleSummaryClick.bind(this))}handleSummaryClick(t){t.preventDefault(),this.detailsElement.style.overflow="hidden",this.isClosing||!this.detailsElement.open?this.open():(this.isExpanding||this.detailsElement.open)&&this.collapse()}open(){var t;this.detailsElement.style.height=`${null!==(t=this.detailsElement.offsetHeight)&&void 0!==t?t:0}px`,this.detailsElement.open=!0,window.requestAnimationFrame(this.expand.bind(this))}expand(){this.isExpanding=!0,this.animateDetailsHeight(this.summaryElement.offsetHeight+this.contentElement.offsetHeight,"expand")}collapse(){this.isClosing=!0,this.animateDetailsHeight(this.summaryElement.offsetHeight,"collapse")}animateDetailsHeight(t,e){const i=this.detailsElement.offsetHeight;this.animation&&this.animation.cancel(),this.animation=this.detailsElement.animate({height:[`${i}px`,`${t}px`]},{duration:matchMedia("(prefers-reduced-motion)").matches?0:250,easing:"ease-out"}),this.animation.addEventListener("finish",(()=>{this.onAnimationFinish()}),{once:!0}),this.animation.addEventListener("cancel",(()=>{"expand"===e?this.isExpanding=!1:this.isClosing=!1}),{once:!0})}onAnimationFinish(){this.detailsElement.open=this.isExpanding,this.animation=void 0,this.isClosing=!1,this.isExpanding=!1,this.detailsElement.style.removeProperty("height"),this.detailsElement.style.removeProperty("overview")}}const r=class{constructor(t){(0,n.r)(this,t),this.handleToggle=t=>{clearTimeout(this.toggleTimeout),this.toggleTimeout=setTimeout((()=>{var e,i,n,s;Boolean(null===(e=this.detailsElement)||void 0===e?void 0:e.open)!==this.state._open&&(this._open=Boolean(null===(i=this.detailsElement)||void 0===i?void 0:i.open),(0,a.t)("toggle",this.host,this._open),"function"==typeof(null===(n=this.state._on)||void 0===n?void 0:n.onToggle)&&(null===(s=this.state._on)||void 0===s||s.onToggle(t,this._open)))}),25)},this._label=void 0,this._on=void 0,this._open=!1,this._summary=void 0,this.state={_label:"…",_on:{}}}render(){return(0,n.h)(n.H,null,(0,n.h)("details",{ref:t=>{this.detailsElement=t},onToggle:this.handleToggle},(0,n.h)("summary",{ref:t=>this.summaryElement=t},this.state._open?(0,n.h)("kol-icon",{_label:"",_icons:"codicon codicon-chevron-down"}):(0,n.h)("kol-icon",{_label:"",_icons:"codicon codicon-chevron-right"}),(0,n.h)("span",null,this.state._label)),(0,n.h)("div",{class:"content",ref:t=>this.contentElement=t},(0,n.h)("kol-indented-text",null,(0,n.h)("slot",null)))))}validateLabel(t){(0,s.v)(this,t)}validateOn(t){"object"==typeof t&&null!==t&&"function"==typeof t.onToggle&&(0,l.s)(this,"_on",t)}validateOpen(t){(0,o.v)(this,t)}validateSummary(t){this.validateLabel(t)}componentWillLoad(){this.validateLabel(this._label||this._summary),this.validateOn(this._on),this.validateOpen(this._open)}componentDidLoad(){if(this.detailsElement&&this.summaryElement&&this.contentElement){const t=new h(this.detailsElement,this.summaryElement,this.contentElement);this.state._open&&t.open()}}get host(){return(0,n.g)(this)}static get watchers(){return{_label:["validateLabel"],_on:["validateOn"],_open:["validateOpen"],_summary:["validateSummary"]}}};r.style={default:":host{--a11y-min-size:44px;font-size:inherit}*{font-family:Verdana;hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}[role='button'],button:not([role='link']),kol-input .input{min-height:var(--a11y-min-size);min-width:var(--a11y-min-size)}a,button,h1,h2,h3,h4,h5,h6,input,option,select,textarea{font-family:inherit;font-size:inherit}:is(a,button){background-color:transparent;border:none;margin:0;padding:0;width:100%;}:host{max-width:100%}*{box-sizing:border-box}kol-span-wc{display:grid;place-items:center}kol-span-wc>span{display:flex;place-items:center}a,button{cursor:pointer}button,input,option,select,textarea{font-family:inherit}.icon-only>kol-span-wc>span>span{display:none}:host{display:block}details{display:grid}details>summary{cursor:pointer;display:flex;place-items:center}details>summary>span{border-bottom-color:grey;border-bottom-style:solid}details>summary:focus>span,details>summary:hover>span,details[open]>summary>span{border-bottom-color:#000}details>kol-indented-text{margin:0.25em 0 0 0.5em}"}},718:(t,e,i)=>{i.d(e,{a:()=>m,c:()=>h,h:()=>l,v:()=>d});var n=i(9736),s=i(4609);const o=/[a-zA-Z0-9äöüÄÖÜß]/g,a=/^\d+$/;function l(t,e=1){return function(t){var e;return"string"==typeof t&&(null===(e=t.match(o))||void 0===e?void 0:e.length)||0}(t)>=e}function h(t){return a.test(t)}const r=new Set(["string"]),d=(t,e,i={})=>{(0,s.w)(t,"_label",(t=>"string"==typeof t),r,e,function(t){var e;return{hooks:{afterPatch:(e,i,s,o)=>{var a,r;"function"==typeof(null===(a=t.hooks)||void 0===a?void 0:a.afterPatch)&&(null===(r=t.hooks)||void 0===r||r.afterPatch(e,i,s,o)),"string"==typeof e&&!1===l(e,3)&&!1===h(e)&&(0,n.a)(`The heading or label ("${e}") is not accessible. A label should consist of at least three readable characters.`),"string"==typeof e&&e.length>80&&(0,n.u)("A heading or label should not be longer than 80 characters.")},beforePatch:null===(e=t.hooks)||void 0===e?void 0:e.beforePatch}}}(i))},m=d},7860:(t,e,i)=>{i.d(e,{v:()=>s});var n=i(4609);const s=(t,e,i)=>{(0,n.a)(t,"_open",e,i)}}}]);
@@ -0,0 +1,3 @@
1
+ /*!
2
+ * KoliBri - The accessible HTML-Standard
3
+ */
package/dist/3303.js ADDED
@@ -0,0 +1,2 @@
1
+ /*! For license information please see 3303.js.LICENSE.txt */
2
+ "use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[3303],{3303:(t,e,a)=>{a.r(e),a.d(e,{kol_skip_nav:()=>o});var i=a(8269),n=a(718),l=a(8230),s=a(9058);const o=class{constructor(t){(0,i.r)(this,t),this._ariaLabel=void 0,this._label=void 0,this._links=void 0,this.state={_label:"…",_links:[]}}render(){return(0,i.h)("nav",{"aria-label":this.state._label},(0,i.h)("ul",null,this.state._links.map(((t,e)=>(0,i.h)("li",{key:e},(0,i.h)("kol-link-wc",Object.assign({},t)))))))}validateAriaLabel(t){this.validateLabel(t)}validateLabel(t,e,a=!1){a||(0,l.r)(this.state._label),(0,n.v)(this,t),(0,l.a)(this.state._label)}validateLinks(t){(0,s.w)("KolSkipNav",this,t)}componentWillLoad(){this.validateLabel(this._label||this._ariaLabel,void 0,!0),this.validateLinks(this._links)}disconnectedCallback(){(0,l.r)(this.state._label)}static get watchers(){return{_ariaLabel:["validateAriaLabel"],_label:["validateLabel"],_links:["validateLinks"]}}};o.style={default:":host{--a11y-min-size:44px;font-size:inherit}*{font-family:Verdana;hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}[role='button'],button:not([role='link']),kol-input .input{min-height:var(--a11y-min-size);min-width:var(--a11y-min-size)}a,button,h1,h2,h3,h4,h5,h6,input,option,select,textarea{font-family:inherit;font-size:inherit}:is(a,button){background-color:transparent;border:none;margin:0;padding:0;width:100%;}:host{max-width:100%}*{box-sizing:border-box}kol-span-wc{display:grid;place-items:center}kol-span-wc>span{display:flex;place-items:center}a,button{cursor:pointer}button,input,option,select,textarea{font-family:inherit}.icon-only>kol-span-wc>span>span{display:none}ul{display:grid;list-style:none;place-items:center}ul li{height:0}kol-link-wc a{left:-99999px;overflow:hidden;position:absolute;z-index:9999999;line-height:1em}kol-link-wc a:focus{background-color:#fff;left:unset;position:unset}"}},718:(t,e,a)=>{a.d(e,{a:()=>d,c:()=>r,h:()=>o,v:()=>c});var i=a(9736),n=a(4609);const l=/[a-zA-Z0-9äöüÄÖÜß]/g,s=/^\d+$/;function o(t,e=1){return function(t){var e;return"string"==typeof t&&(null===(e=t.match(l))||void 0===e?void 0:e.length)||0}(t)>=e}function r(t){return s.test(t)}const h=new Set(["string"]),c=(t,e,a={})=>{(0,n.w)(t,"_label",(t=>"string"==typeof t),h,e,function(t){var e;return{hooks:{afterPatch:(e,a,n,l)=>{var s,h;"function"==typeof(null===(s=t.hooks)||void 0===s?void 0:s.afterPatch)&&(null===(h=t.hooks)||void 0===h||h.afterPatch(e,a,n,l)),"string"==typeof e&&!1===o(e,3)&&!1===r(e)&&(0,i.a)(`The heading or label ("${e}") is not accessible. A label should consist of at least three readable characters.`),"string"==typeof e&&e.length>80&&(0,i.u)("A heading or label should not be longer than 80 characters.")},beforePatch:null===(e=t.hooks)||void 0===e?void 0:e.beforePatch}}}(a))},d=c},8230:(t,e,a)=>{a.d(e,{a:()=>n,r:()=>l});const i=new Set;function n(t){i.has(t)?console.error(`There already is a nav element with the label "${t}"`):i.add(t)}function l(t){i.delete(t)}},9058:(t,e,a)=>{a.d(e,{w:()=>l});var i=a(9736),n=a(4609);const l=(t,e,a)=>{(0,n.c)(e,"_links",(t=>"object"==typeof t&&("string"==typeof t._href||"string"==typeof t._label)),a),(0,i.c)(t,e.state._links.length)}}}]);
@@ -0,0 +1,3 @@
1
+ /*!
2
+ * KoliBri - The accessible HTML-Standard
3
+ */
package/dist/3325.js ADDED
@@ -0,0 +1,2 @@
1
+ /*! For license information please see 3325.js.LICENSE.txt */
2
+ "use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[3325],{5753:(t,e,i)=>{i.d(e,{A:()=>s});var o=i(4609),n=i(9736);const a=(0,i(160).b)();class s{constructor(t,e,i){var o,s;if(this.setFormAssociatedValue=t=>{var e;const i=null===(e=this.formAssociated)||void 0===e?void 0:e.getAttribute("name");null!==i&&""!==i||(0,n.d)(` The form field (${this.name}) must have a name attribute to be form-associated. Please define the _name attribute.`);const o=this.tryToStringifyValue(t);this.syncValue(t,o,this.formAssociated),this.syncValue(t,o,this.syncToOwnInput)},this.component=t,this.host=this.findHostWithShadowRoot(i),this.name=e,a){switch(null===(o=this.host)||void 0===o||o.querySelectorAll("input,select,textarea").forEach((t=>{var e;null===(e=this.host)||void 0===e||e.removeChild(t)})),this.name){case"button":this.formAssociated=document.createElement("button");break;case"select":this.formAssociated=document.createElement("select"),this.formAssociated.setAttribute("multiple","");break;case"textarea":this.formAssociated=document.createElement("textarea");break;default:this.formAssociated=document.createElement("input"),this.formAssociated.setAttribute("type","hidden")}this.formAssociated.setAttribute("aria-hidden","true"),this.formAssociated.setAttribute("data-form-associated",""),this.formAssociated.setAttribute("hidden",""),null===(s=this.host)||void 0===s||s.appendChild(this.formAssociated)}}findHostWithShadowRoot(t){for(;null===(null==t?void 0:t.shadowRoot)&&t!==document.body;)(t=null==t?void 0:t.parentNode).host&&(t=t.host);return t}setAttribute(t,e,i){if(a)try{if("boolean"!=typeof(i="object"==typeof i&&null!==i?JSON.stringify(i):i)&&"number"!=typeof i&&"string"!=typeof i)throw new Error("Invalid value type: "+typeof i);null==e||e.setAttribute(t,`${i}`)}catch(i){null==e||e.removeAttribute(t)}}tryToStringifyValue(t){try{return"object"==typeof t&&null!==t?JSON.stringify(t).toString():null==t?null:t.toString()}catch(t){return(0,n.h)(`The form field raw value is not able to stringify! ${t}`),""}}syncValue(t,e,i){i&&("select"===this.name?(i.querySelectorAll("option").forEach((t=>{i.removeChild(t)})),Array.isArray(t)&&t.forEach((t=>{const e=this.tryToStringifyValue(t);if("string"==typeof e){const t=document.createElement("option");t.setAttribute("value",e),t.setAttribute("selected",""),i.appendChild(t)}}))):"string"==typeof e?(i.setAttribute("value",e),i.value=e):(i.removeAttribute("value"),i.value=""))}validateName(t){((t,e,i)=>{(0,o.d)(t,"_name",e,i)})(this.component,t,{hooks:{afterPatch:()=>{this.setAttribute("name",this.formAssociated,this.component.state._name)}}}),void 0===t&&(0,n.d)("Ein Name am Eingabefeldern oder Schalter ist nicht zwingend erforderlich, kann aber für die Autocomplete-Funktion und für das statische Versenden des Eingabefeldes relevant sein.")}validateSyncValueBySelector(t){if(a&&"string"==typeof t){const e=document.querySelector(t);e&&(this.syncToOwnInput=e)}}componentWillLoad(){this.validateName(this.component._name),this.validateSyncValueBySelector(this.component._syncValueBySelector)}}},9017:(t,e,i)=>{i.d(e,{I:()=>p,g:()=>c,v:()=>d});var o=i(4609),n=i(774),a=i(718),s=i(9736),r=i(9865),l=i(3185),h=i(5753);const c=t=>{const e="string"==typeof t._error&&t._error.length>0&&!0===t._touched,i="string"==typeof t._hint&&t._hint.length>0,o=[];return!0===e&&o.push(`${t._id}-error`),!0===i&&o.push(`${t._id}-hint`),{hasError:e,hasHint:i,ariaDescribedBy:o}},d=(t,e,i)=>{(0,o.a)(t,"_hideError",e,i)};class u extends h.A{constructor(t,e,i){super(t,e,i),this.component=t}validateAlert(t){(0,o.a)(this.component,"_alert",t)}validateTouched(t){((t,e)=>{(0,o.a)(t,"_touched",e)})(this.component,t)}componentWillLoad(){super.componentWillLoad(),this.validateAlert(this.component._alert),this.validateTouched(this.component._touched)}}class p extends u{constructor(t,e,i){super(t,e,i),this.valueChangeListeners=[],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){(0,o.d)(this.component,"_accessKey",t)}validateAdjustHeight(t){((t,e)=>{(0,o.a)(t,"_adjustHeight",e)})(this.component,t)}validateDisabled(t){(0,o.a)(this.component,"_disabled",t),!0===t&&(0,s.g)()}validateError(t){(0,o.d)(this.component,"_error",t)}validateHideLabel(t){(0,n.v)(this.component,t,{hooks:{afterPatch:()=>{this.component.state._hideLabel&&(0,s.a)("Property hide-label for inputs: Only use for exceptions like search inputs that are clearly identifiable by their context.")}}})}validateHint(t){(0,o.d)(this.component,"_hint",t)}validateId(t){(0,o.d)(this.component,"_id",t,{hooks:{afterPatch:()=>{this.setAttribute("id",this.formAssociated,this.component.state._id)}},minLength:1}),""!==t&&void 0!==t||(0,s.d)("Eine eindeutige ID an den Eingabefeldern ist nicht zwingend erforderlich, könnte aber für die E2E-Tests relevant sein.")}validateLabel(t){(0,a.a)(this.component,t)}validateOn(t){"object"==typeof t&&(0,o.s)(this.component,"_on",t)}validateSmartButton(t){(0,o.o)(t,(()=>{try{t=(0,o.p)(t)}catch(t){}(0,o.s)(this.component,"_smartButton",t)}))}validateTabIndex(t){(0,l.v)(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.validateId(this.component._id),this.validateLabel(this.component._label),this.validateSmartButton(this.component._smartButton),this.validateOn(this.component._on),this.validateTabIndex(this.component._tabIndex)}onBlur(t){var e;this.component._alert=!0,this.component._touched=!0,(0,r.s)(t),(0,r.t)("blur",this.host),"function"==typeof(null===(e=this.component._on)||void 0===e?void 0:e.onBlur)&&this.component._on.onBlur(t)}onChange(t){var e;const i=t.target.value;(0,r.s)(t),(0,r.t)("change",this.host,i),this.setFormAssociatedValue(i),"function"==typeof(null===(e=this.component._on)||void 0===e?void 0:e.onChange)&&this.component._on.onChange(t,i),this.valueChangeListeners.forEach((t=>t(i)))}onClick(t){var e;(0,r.s)(t),(0,r.t)("click",this.host),"function"==typeof(null===(e=this.component._on)||void 0===e?void 0:e.onClick)&&this.component._on.onClick(t)}onFocus(t){var e;this.component._alert=!0,(0,r.s)(t),(0,r.t)("focus",this.host),"function"==typeof(null===(e=this.component._on)||void 0===e?void 0:e.onFocus)&&this.component._on.onFocus(t)}setValue(t,e){var i;this.setFormAssociatedValue(e),"function"==typeof(null===(i=this.component._on)||void 0===i?void 0:i.onChange)&&this.component._on.onChange(t,e)}addValueChangeListener(t){this.valueChangeListeners.push(t)}}},443:(t,e,i)=>{i.d(e,{I:()=>d,a:()=>u,f:()=>c,v:()=>h});var o=i(9017),n=i(4609),a=i(718),s=i(9736),r=i(2180);const l=t=>{if("object"==typeof t&&null!==t){if("string"==typeof t.label&&t.label.length>0)return t.disabled=!0===t.disabled,t.label=`${t.label}`.trim(),!1===(0,a.h)(t.label,3)&&!1===(0,a.c)(t.label)&&(0,s.a)(`Ein abweichendes Aria-Label (${t.label}) ist nicht barrierefrei. Ein abweichendes Aria-Label sollte aus mindestens drei lesbaren Zeichen bestehen.`),!Array.isArray(t.options)||void 0===t.options.find((t=>!1===l(t)));if("number"==typeof t.label)return!0}return!1},h=(t,e,i={})=>{(0,n.c)(t,"_options",l,e,void 0,i)},c=(t,e,i="")=>{e.forEach(((e,o)=>{const n=`${i}-${o}`;"object"==typeof e&&null!==e&&"string"==typeof e.label&&e.label.length>0&&(Array.isArray(e.options)?c(t,e.options,n):t.set(n,e))}))};class d extends o.I{constructor(t,e,i){super(t,e,i),this.component=t}validateHideError(t){(0,o.v)(this.component,t,{hooks:{afterPatch:()=>{this.component.state._hideError&&(0,s.a)("Property hide-error for inputs: Only use when the error message is shown outside of the input component.")}}})}validateRequired(t){((t,e)=>{(0,n.a)(t,"_required",e)})(this.component,t)}componentWillLoad(){super.componentWillLoad(),this.validateRequired(this.component._required)}}class u extends d{constructor(t,e,i){super(t,e,i),this.keyOptionMap=new Map,this.getOptionByKey=t=>this.keyOptionMap.get(t),this.isValueInOptions=(t,e)=>void 0!==e.find((e=>e.value===t)),this.beforePatchOptions=(t,e)=>{const i=e.has("_options")?e.get("_options"):this.component.state._options;if(Array.isArray(i)&&i.length>0){this.keyOptionMap.clear(),c(this.keyOptionMap,i);const t=e.has("_value")?e.get("_value"):this.component.state._value;if(!1===this.isValueInOptions(t,i)){const t=i[0].value;e.set("_value",t),this.onStateChange()}}},this.component=t}validateOrientation(t){(0,n.w)(this.component,"_orientation",(t=>"horizontal"===t||"vertical"===t),new Set(["Orientation {horizontal, vertical}"]),t,{defaultValue:"vertical"})}validateOptions(t){((t,e,i={})=>{(0,n.c)(t,"_options",(t=>"object"==typeof t&&null!==t&&"string"==typeof t.label&&t.label.length>0),e,void 0,i)})(this.component,t,{hooks:{beforePatch:this.beforePatchOptions}})}validateValue(t){t=(0,n.m)(t),t=Array.isArray(t)?t[0]:t,(0,n.s)(this.component,"_value",t,{beforePatch:this.beforePatchOptions}),this.setFormAssociatedValue(this.component._value)}componentWillLoad(t){super.componentWillLoad(),this.onStateChange=()=>{if("function"==typeof t){const e=setTimeout((()=>{clearTimeout(e),t(r.S)}))}},this.validateOrientation(this.component._orientation),this.validateOptions(this.component._options||this.component._list),this.validateHideError(this.component._hideError),this.validateValue(this.component._value)}}},9865:(t,e,i)=>{function o(t){t.stopImmediatePropagation(),t.stopPropagation()}function n(t,e,i){e&&function(t,e,i){const o=t.dispatchEvent(function(t,e){return new CustomEvent(`kol-${t}`,{bubbles:!0,cancelable:!0,composed:!0,detail:e})}(e,i))}(e,t,i)}i.d(e,{s:()=>o,t:()=>n})},774:(t,e,i)=>{i.d(e,{v:()=>n});var o=i(4609);const n=(t,e,i={})=>{(0,o.a)(t,"_hideLabel",e,i)}},3325:(t,e,i)=>{i.r(e),i.d(e,{kol_input_checkbox:()=>u});var o=i(8269),n=i(160),a=i(9865),s=i(2180),r=i(9017),l=i(4609),h=i(9736),c=i(443);class d extends c.I{constructor(t,e,i){super(t,e,i),this.setFormAssociatedCheckboxValue=t=>{this.component._checked?this.setFormAssociatedValue(t):this.setFormAssociatedValue(null)},this.component=t}validateChecked(t){((t,e)=>{(0,l.a)(t,"_checked",e)})(this.component,t),this.setFormAssociatedCheckboxValue(this.component.state._value)}validateHideError(t){(0,r.v)(this.component,t,{hooks:{afterPatch:()=>{this.component.state._hideError&&(0,h.a)("Property hide-error for inputs: Only use when the error message is shown outside of the input component.")}}})}validateIcon(t){this.validateIcons(t)}validateIcons(t){(0,l.w)(this.component,"_icons",(t=>"object"==typeof t&&null!==t&&((0,s.i)(t.checked,1)||(0,s.i)(t.indeterminate,1)||(0,s.i)(t.unchecked,1))),new Set(["InputCheckboxIcons"]),t,{hooks:{beforePatch:(t,e,i)=>{e.set("_icons",Object.assign(Object.assign({},i.state._icons),t))}}})}validateIndeterminate(t){((t,e)=>{(0,l.a)(t,"_indeterminate",e)})(this.component,t)}validateType(t){(0,h.d)('The "_type" prop is deprecated. Use "_variant" instead.'),this.validateVariant(t)}validateValue(t){(0,l.s)(this.component,"_value",t),this.setFormAssociatedCheckboxValue(this.component.state._value)}validateVariant(t){"checkbox"===t&&((0,h.d)("[KolCheckbox] The \"_variant\" value 'checkbox' is deprecated. Use the new value 'default' instead."),t="default"),(0,l.w)(this.component,"_variant",(t=>"string"==typeof t&&("button"===t||"default"===t||"switch"===t)),new Set(["String {button, default, switch}"]),t)}componentWillLoad(){super.componentWillLoad(),this.validateChecked(this.component._checked),this.validateHideError(this.component._hideError),this.validateIcons(this.component._icons||this.component._icon),this.validateIndeterminate(this.component._indeterminate),this.validateValue(this.component._value),this.validateVariant(this.component._variant||this.component._type)}}const u=class{render(){const{ariaDescribedBy:t}=(0,r.g)(this.state),e=(0,s.s)(this.state._label);return(0,o.h)(o.H,null,(0,o.h)("kol-input",{class:{checkbox:!0,[this.state._variant]:!0,"hide-label":!!this.state._hideLabel,checked:this.state._checked},"data-role":"button"===this.state._variant?"button":void 0,onKeyPress:"button"===this.state._variant?this.onChange:void 0,tabIndex:"button"===this.state._variant?0:void 0,_alert:this.state._alert,_disabled:this.state._disabled,_error:this.state._error,_hideError:this.state._hideError,_hideLabel:this.state._hideLabel,_hint:this.state._hint,_id:this.state._id,_label:this.state._label,_required:this.state._required,_tooltipAlign:this._tooltipAlign,_touched:this.state._touched},(0,o.h)("span",{slot:"label"},e?(0,o.h)("slot",null):this.state._label),(0,o.h)("div",{slot:"input"},(0,o.h)("kol-icon",{class:"icon",onClick:this.handleIconClick.bind(this),_icons:this.state._indeterminate?this.state._icons.indeterminate:this.state._checked?this.state._icons.checked:this.state._icons.unchecked,_label:""}),(0,o.h)("input",Object.assign({ref:this.catchRef,title:"",accessKey:this.state._accessKey,"aria-describedby":t.length>0?t.join(" "):void 0,"aria-label":this.state._hideLabel&&"string"==typeof this.state._label?this.state._label:void 0,checked:this.state._checked,disabled:this.state._disabled,id:this.state._id,indeterminate:this.state._indeterminate,name:this.state._name,required:this.state._required,tabIndex:this.state._tabIndex,type:"checkbox"},this.controller.onFacade,{onChange:this.onChange,onClick:void 0})))))}constructor(t){(0,o.r)(this,t),this.catchRef=t=>{this.ref=t,(0,s.a)(this.host,this.ref)},this.onChange=t=>{var e;this._checked=!this._checked,this._indeterminate=!1;const i=this._checked?this.state._value:null;(0,a.s)(t),(0,a.t)("change",this.host,i),this.controller.setFormAssociatedValue(i),"function"==typeof(null===(e=this.state._on)||void 0===e?void 0:e.onChange)&&this.state._on.onChange(t,i)},this._accessKey=void 0,this._alert=!0,this._checked=!1,this._hideError=!1,this._disabled=!1,this._error=void 0,this._hideLabel=!1,this._hint="",this._icon=void 0,this._icons=void 0,this._id=void 0,this._indeterminate=void 0,this._label=void 0,this._name=void 0,this._on=void 0,this._required=!1,this._syncValueBySelector=void 0,this._tabIndex=void 0,this._tooltipAlign="top",this._touched=!1,this._type=void 0,this._value=!0,this._variant=void 0,this.state={_checked:!1,_hideError:!1,_icons:{checked:"codicon codicon-check",indeterminate:"codicon codicon-remove",unchecked:"codicon codicon-add"},_id:`id-${(0,n.n)()}`,_indeterminate:!1,_label:"",_value:!0,_variant:"default"},this.controller=new d(this,"input-checkbox",this.host)}validateAccessKey(t){this.controller.validateAccessKey(t)}validateAlert(t){this.controller.validateAlert(t)}validateChecked(t){this.controller.validateChecked(t)}validateDisabled(t){this.controller.validateDisabled(t)}validateError(t){this.controller.validateError(t)}validateHideError(t){this.controller.validateHideError(t)}validateHideLabel(t){this.controller.validateHideLabel(t)}validateHint(t){this.controller.validateHint(t)}validateIcon(t){this.validateIcons(t)}validateIcons(t){this.controller.validateIcons(t)}validateId(t){this.controller.validateId(t)}validateIndeterminate(t){this.controller.validateIndeterminate(t)}validateLabel(t){this.controller.validateLabel(t)}validateName(t){this.controller.validateName(t)}validateOn(t){this.controller.validateOn(t)}validateRequired(t){this.controller.validateRequired(t)}validateSyncValueBySelector(t){this.controller.validateSyncValueBySelector(t)}validateTabIndex(t){this.controller.validateTabIndex(t)}validateTouched(t){this.controller.validateTouched(t)}validateType(t){this.controller.validateType(t)}validateValue(t){this.controller.validateValue(t)}validateVariant(t){this.controller.validateVariant(t)}componentWillLoad(){this._alert=!0===this._alert,this._touched=!0===this._touched,this.controller.componentWillLoad()}handleIconClick(t){this.state._disabled||this.onChange(t)}get host(){return(0,o.g)(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_alert:["validateAlert"],_checked:["validateChecked"],_disabled:["validateDisabled"],_error:["validateError"],_hideError:["validateHideError"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_icon:["validateIcon"],_icons:["validateIcons"],_id:["validateId"],_indeterminate:["validateIndeterminate"],_label:["validateLabel"],_name:["validateName"],_on:["validateOn"],_required:["validateRequired"],_syncValueBySelector:["validateSyncValueBySelector"],_tabIndex:["validateTabIndex"],_touched:["validateTouched"],_type:["validateType"],_value:["validateValue"],_variant:["validateVariant"]}}};u.style={default:":host{--a11y-min-size:44px;font-size:inherit}*{font-family:Verdana;hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}[role='button'],button:not([role='link']),kol-input .input{min-height:var(--a11y-min-size);min-width:var(--a11y-min-size)}a,button,h1,h2,h3,h4,h5,h6,input,option,select,textarea{font-family:inherit;font-size:inherit}:is(a,button){background-color:transparent;border:none;margin:0;padding:0;width:100%;}:host{max-width:100%}*{box-sizing:border-box}kol-span-wc{display:grid;place-items:center}kol-span-wc>span{display:flex;place-items:center}a,button{cursor:pointer}button,input,option,select,textarea{font-family:inherit}.icon-only>kol-span-wc>span>span{display:none}.required label>span::after,.required legend>span::after{content:'*'}:host{display:block}input,textarea{cursor:text}input[type='checkbox'],input[type='color'],input[type='file'],input[type='radio'],input[type='range'],label,option,select{cursor:pointer}input[type='color'],input[type='date'],input[type='datetime-local'],input[type='email'],input[type='file'],input[type='month'],input[type='number'],input[type='password'],input[type='search'],input[type='tel'],input[type='text'],input[type='time'],input[type='url'],input[type='week'],select,select[multiple] option,textarea{font-size:1rem;width:100%}input[type='file']{padding:calc((var(--a11y-min-size) - 1rem) / 10) 0.5em}select[multiple] option{padding:calc((var(--a11y-min-size) - 1rem) / 2) 0.5em}kol-input.disabled :is(button,input,label,option,select,textarea){cursor:not-allowed;opacity:0.5}label{cursor:pointer}kol-input{align-items:center;display:grid;justify-items:left}kol-input.default,kol-input.switch{grid-template-columns:auto 1fr}kol-input .input{align-items:center;display:grid;order:1}kol-input .input div{display:inline-flex}kol-input .input input{margin:0}kol-input label{order:2}kol-input .hint,kol-input.error>kol-alert{grid-column:span 2}kol-input kol-alert.error{order:3}kol-input .hint{order:4}.error.hidden{display:none}input{border-style:solid;border-width:2px;line-height:24px}input[type='checkbox']{appearance:none;background-color:#fff;cursor:pointer;transition:0.5s}input[type='checkbox'].kol-disabled:before{cursor:not-allowed}input[type='checkbox']:before{content:'';cursor:pointer}.default kol-icon{display:none}kol-input.required .tooltip-content .span-label::after{content:'*'}.button{display:grid;grid-template-columns:var(--a11y-min-size) auto;grid-template-areas:'error error' 'input label' 'hint hint'}.button[tabindex]:focus{cursor:inherit}.button input{display:none}.button>.error{grid-area:error}.button>label{grid-area:label}.button>.input{grid-area:input}.button>.hint{grid-area:hint}.button .icon{display:flex;align-items:center;justify-content:center;width:var(--a11y-min-size);height:var(--a11y-min-size)}.default input[type='checkbox']{height:1.5em;width:1.5em}.default input[type='checkbox']:before{display:block;height:1.5em;position:relative;width:1.5em}.default input[type='checkbox']:checked:before{border-radius:1px;border-style:solid;border-width:0 3px 3px 0;height:0.75em;left:calc(0.375em - 2px);transform:rotate(40deg) translate(-50%, -50%);top:calc(0.7125em - 2px);width:0.375em}.default input[type='checkbox']:indeterminate:before{background-color:#000;height:0.2em;left:0.24em;top:0.575em;width:0.8em}.switch .input{position:relative}.switch input[type='checkbox']{display:inline-block;height:1.7em;min-width:3.2em;position:relative;width:3.2em}.switch input[type='checkbox']::before{background-color:#000;height:1.2em;left:calc(0.25em - 2px);top:calc(0.25em - 2px);position:absolute;transition:0.5s;width:1.2em}.switch input[type='checkbox']:checked::before{transform:translateX(1.5em)}.switch input[type='checkbox']:indeterminate::before{transform:translateX(0.75em)}.switch .icon{cursor:pointer;display:flex;align-items:center;justify-content:center;width:1.2em;height:1.2em;position:absolute;z-index:1;top:50%;left:4px;transform:translate(0, -50%);transition:0.5s;color:#000}.switch:has(input:checked) .icon{transform:translate(1.5em, -50%)}.switch:has(input:indeterminate) .icon{transform:translate(0.75em, -50%)}"}},718:(t,e,i)=>{i.d(e,{a:()=>d,c:()=>l,h:()=>r,v:()=>c});var o=i(9736),n=i(4609);const a=/[a-zA-Z0-9äöüÄÖÜß]/g,s=/^\d+$/;function r(t,e=1){return function(t){var e;return"string"==typeof t&&(null===(e=t.match(a))||void 0===e?void 0:e.length)||0}(t)>=e}function l(t){return s.test(t)}const h=new Set(["string"]),c=(t,e,i={})=>{(0,n.w)(t,"_label",(t=>"string"==typeof t),h,e,function(t){var e;return{hooks:{afterPatch:(e,i,n,a)=>{var s,h;"function"==typeof(null===(s=t.hooks)||void 0===s?void 0:s.afterPatch)&&(null===(h=t.hooks)||void 0===h||h.afterPatch(e,i,n,a)),"string"==typeof e&&!1===r(e,3)&&!1===l(e)&&(0,o.a)(`The heading or label ("${e}") is not accessible. A label should consist of at least three readable characters.`),"string"==typeof e&&e.length>80&&(0,o.u)("A heading or label should not be longer than 80 characters.")},beforePatch:null===(e=t.hooks)||void 0===e?void 0:e.beforePatch}}}(i))},d=c},3185:(t,e,i)=>{i.d(e,{v:()=>s});var o=i(9736),n=i(4609);const a={hooks:{afterPatch:t=>{-1!==t&&0!==t&&(0,o.a)("Don’t Use Tabindex Greater than 0: https://adrianroselli.com/2014/11/dont-use-tabindex-greater-than-0.html")}}},s=(t,e)=>{(0,n.e)(t,"_tabIndex",e,a)}}}]);
@@ -0,0 +1,3 @@
1
+ /*!
2
+ * KoliBri - The accessible HTML-Standard
3
+ */
package/dist/3429.js ADDED
@@ -0,0 +1,2 @@
1
+ /*! For license information please see 3429.js.LICENSE.txt */
2
+ "use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[3429],{3429:(t,n,i)=>{i.r(n),i.d(n,{kol_button_link_text_switch:()=>e});var s=i(8269);const e=class{constructor(t){(0,s.r)(this,t),this.button=t=>(0,s.h)("kol-button-wc",Object.assign({},t)),this.link=t=>(0,s.h)("kol-link-wc",Object.assign({},t)),this.text=t=>(0,s.h)("kol-span-wc",Object.assign({},t)),this._link=void 0}render(){return(0,s.h)(s.H,null,this.renderContent())}renderContent(){if(this._link._on){const t=this._link;return this.button(t)}if(this._link._href){const t=this._link;return this.link(t)}{const t=this._link;return this.text(t)}}}}}]);
@@ -0,0 +1,3 @@
1
+ /*!
2
+ * KoliBri - The accessible HTML-Standard
3
+ */
package/dist/3459.js ADDED
@@ -0,0 +1,2 @@
1
+ /*! For license information please see 3459.js.LICENSE.txt */
2
+ "use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[3459],{663:(t,e,i)=>{i.d(e,{a:()=>l,p:()=>r});var a=i(9736),o=i(160),s=i(4609);const n=t=>{for((0,o.b)()&&((0,a.d)("↓ Search form element start."),console.log(t));t instanceof HTMLElement&&"FORM"!==t.tagName&&"KOL-FORM"!==t.tagName;)t=t.parentElement instanceof HTMLElement?t.parentElement:t.parentNode instanceof ShadowRoot?t.parentNode.host:null,(0,o.b)()&&console.log(t);return(0,o.b)()&&(0,a.d)("↑ Search form element finished."),t},l=(t={})=>{var e,i;const a=n(t.form);if(a instanceof HTMLElement){const t=new Event("reset",{bubbles:!0,cancelable:!0});if("FORM"===a.tagName)(0,s.f)(t,a),a.dispatchEvent(t);else if("KOL-FORM"===a.tagName){(0,s.f)(t,s.K.querySelector("form",a));const o=a;"function"==typeof(null===(e=o._on)||void 0===e?void 0:e.onReset)&&(null===(i=o._on)||void 0===i||i.onReset(t))}}},r=(t={})=>{var e,i;const a=n(t.form);if(a instanceof HTMLElement){const t=new SubmitEvent("submit",{bubbles:!0,cancelable:!0,submitter:a});if("FORM"===a.tagName)(0,s.f)(t,a),a.dispatchEvent(t);else if("KOL-FORM"===a.tagName){(0,s.f)(t,s.K.querySelector("form",a));const o=a;"function"==typeof(null===(e=o._on)||void 0===e?void 0:e.onSubmit)&&(null===(i=o._on)||void 0===i||i.onSubmit(t))}}}},7776:(t,e,i)=>{i.d(e,{I:()=>r,a:()=>h});var a=i(5400),o=i(9017),s=i(6717),n=i(9736),l=i(4609);class r extends a.I{constructor(t,e,i){super(t,e,i),this.component=t}validateHideError(t){(0,o.v)(this.component,t,{hooks:{afterPatch:()=>{this.component.state._hideError&&(0,n.a)("Property hide-error for inputs: Only use when the error message is shown outside of the input component.")}}})}validateList(){}validateSuggestions(t){(0,s.v)(this.component,t)}componentWillLoad(){super.componentWillLoad(),this.validateSuggestions(this.component._suggestions||this.component._list)}}class h extends r{constructor(t,e,i){super(t,e,i),this.hasError=!1,this.component=t}validateType(t){(0,l.w)(this.component,"_type",(t=>"string"==typeof t&&("text"===t||"search"===t||"url"===t||"tel"===t)),new Set(["String {text, search, url, tel}"]),t)}validateHasCounter(t){(0,a.v)(this.component,t)}componentWillLoad(){super.componentWillLoad(),this.validateHideError(this.component._hideError),this.validateType(this.component._type),this.validateHasCounter(this.component._hasCounter)}}},5400:(t,e,i)=>{i.d(e,{I:()=>r,v:()=>l});var a=i(4609),o=i(9017),s=i(9736),n=i(8976);const l=(t,e)=>{(0,a.a)(t,"_hasCounter",e)};class r extends n.I{constructor(t,e,i){super(t,e,i),this.component=t}validateAutoComplete(t){(0,a.w)(this.component,"_autoComplete",(t=>"string"==typeof t&&("on"===t||"off"===t)),new Set(["on | off"]),t)}validateHasCounter(t){l(this.component,t)}validateHideError(t){(0,o.v)(this.component,t,{hooks:{afterPatch:()=>{this.component.state._hideError&&(0,s.a)("Property hide-error for inputs: Only use when the error message is shown outside of the input component.")}}})}validateMaxLength(t){(0,a.e)(this.component,"_maxLength",t,{min:0})}validatePattern(t){(0,a.d)(this.component,"_pattern",t)}validatePlaceholder(t){(0,a.d)(this.component,"_placeholder",t)}validateReadOnly(t){(0,a.a)(this.component,"_readOnly",t)}validateRequired(t){(0,a.a)(this.component,"_required",t)}validateSize(t){(0,a.e)(this.component,"_size",t,{min:1})}validateValue(t){(0,a.d)(this.component,"_value",t),this.setFormAssociatedValue(this.component.state._value)}componentWillLoad(){super.componentWillLoad(),this.validateAutoComplete(this.component._autoComplete),this.validateHasCounter(this.component._hasCounter),this.validateHideError(this.component._hideError),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(t){this.component.state=Object.assign(Object.assign({},this.component.state),{_placeholder:this.placeholderCache}),this.placeholderCache=void 0,super.onBlur(t)}onFocus(t){this.placeholderCache=this.component.state._placeholder,this.component.state=Object.assign(Object.assign({},this.component.state),{_placeholder:void 0}),super.onFocus(t)}}},3459:(t,e,i)=>{i.r(e),i.d(e,{kol_input_text:()=>c});var a=i(8269),o=i(4609),s=i(9736),n=i(160),l=i(2180),r=i(663),h=i(9017),d=i(7776);(0,s.f)("[KolInputText] Pre- und post-Label für Währung usw.");const c=class{render(){const{ariaDescribedBy:t}=(0,h.g)(this.state),e=Array.isArray(this.state._suggestions)&&this.state._suggestions.length>0,i=(0,l.s)(this.state._label);return(0,a.h)(a.H,{class:{"has-value":this.state._hasValue}},(0,a.h)("kol-input",{class:{[this.state._type]:!0,"hide-label":!!this.state._hideLabel},_currentLength:this.state._currentLength,_disabled:this.state._disabled,_error:this.state._error,_hideError:this.state._hideError,_hasCounter:this.state._hasCounter,_hideLabel:this.state._hideLabel,_hint:this.state._hint,_icons:this.state._icons,_id:this.state._id,_label:this.state._label,_suggestions:this.state._suggestions,_maxLength:this.state._maxLength,_readOnly:this.state._readOnly,_required:this.state._required,_smartButton:this.state._smartButton,_tooltipAlign:this._tooltipAlign,_touched:this.state._touched,onClick:()=>{var t;return null===(t=this.ref)||void 0===t?void 0:t.focus()}},(0,a.h)("span",{slot:"label"},i?(0,a.h)("slot",null):this.state._label),(0,a.h)("div",{slot:"input"},(0,a.h)("input",Object.assign({ref:this.catchRef,title:"",accessKey:this.state._accessKey,"aria-describedby":t.length>0?t.join(" "):void 0,"aria-label":this.state._hideLabel&&"string"==typeof this.state._label?this.state._label:void 0,autoCapitalize:"off",autoComplete:this.state._autoComplete,autoCorrect:"off",disabled:this.state._disabled,id:this.state._id,list:e?`${this.state._id}-list`:void 0,maxlength:this.state._maxLength,name:this.state._name,pattern:this.state._pattern,placeholder:this.state._placeholder,readOnly:this.state._readOnly,required:this.state._required,size:this.state._size,spellcheck:"false",type:this.state._type,value:this.state._value},this.controller.onFacade,{onKeyUp:this.onKeyUp})))))}constructor(t){(0,a.r)(this,t),this.catchRef=t=>{var e;this.ref=t,(0,l.a)(this.host,this.ref),this.disconnectedCallback(),null===(e=this.ref)||void 0===e||e.addEventListener("search",this.onChange)},this.onKeyUp=t=>{(0,o.s)(this,"_currentLength",t.target.value.length),"Enter"===t.code||"NumpadEnter"===t.code?(0,r.p)({form:this.host,ref:this.ref}):this.onChange(t)},this.onChange=t=>{var e,i;this.oldValue!==(null===(e=this.ref)||void 0===e?void 0:e.value)&&(this.oldValue=null===(i=this.ref)||void 0===i?void 0:i.value,this.controller.onFacade.onChange(t))},this._accessKey=void 0,this._alert=!0,this._autoComplete=void 0,this._disabled=!1,this._error=void 0,this._hasCounter=!1,this._hideError=!1,this._hideLabel=!1,this._hint="",this._icon=void 0,this._icons=void 0,this._id=void 0,this._label=void 0,this._list=void 0,this._maxLength=void 0,this._name=void 0,this._on=void 0,this._pattern=void 0,this._placeholder=void 0,this._readOnly=!1,this._required=!1,this._size=void 0,this._suggestions=void 0,this._smartButton=void 0,this._syncValueBySelector=void 0,this._tabIndex=void 0,this._tooltipAlign="top",this._touched=!1,this._type="text",this._value=void 0,this.state={_autoComplete:"off",_currentLength:0,_hasValue:!1,_hideError:!1,_id:`id-${(0,n.n)()}`,_label:"",_suggestions:[],_type:"text"},this.controller=new d.a(this,"input-text",this.host)}validateAccessKey(t){this.controller.validateAccessKey(t)}validateAlert(t){((t,e)=>{(0,o.a)(t,"_alert",e)})(this,t)}validateAutoComplete(t){this.controller.validateAutoComplete(t)}validateDisabled(t){this.controller.validateDisabled(t)}validateError(t){this.controller.validateError(t)}validateHasCounter(t){this.controller.validateHasCounter(t)}validateHideError(t){this.controller.validateHideError(t)}validateHideLabel(t){this.controller.validateHideLabel(t)}validateHint(t){this.controller.validateHint(t)}validateIcon(t){this.validateIcons(t)}validateIcons(t){this.controller.validateIcons(t)}validateId(t){this.controller.validateId(t)}validateLabel(t){this.controller.validateLabel(t)}validateList(t){this.validateSuggestions(t)}validateMaxLength(t){this.controller.validateMaxLength(t)}validateName(t){this.controller.validateName(t)}validateOn(t){this.controller.validateOn(t)}validatePattern(t){this.controller.validatePattern(t)}validatePlaceholder(t){this.controller.validatePlaceholder(t)}validateReadOnly(t){this.controller.validateReadOnly(t)}validateRequired(t){this.controller.validateRequired(t)}validateSize(t){this.controller.validateSize(t)}validateSuggestions(t){this.controller.validateSuggestions(t)}validateSmartButton(t){this.controller.validateSmartButton(t)}validateSyncValueBySelector(t){this.controller.validateSyncValueBySelector(t)}validateTabIndex(t){this.controller.validateTabIndex(t)}validateTouched(t){this.controller.validateTouched(t)}validateType(t){this.controller.validateType(t)}validateValue(t){this.controller.validateValue(t)}componentWillLoad(){this._alert=!0===this._alert,this._touched=!0===this._touched,this.oldValue=this._value,this.controller.componentWillLoad(),this.state._hasValue=!!this.state._value,this.controller.addValueChangeListener((t=>this.state._hasValue=!!t))}disconnectedCallback(){var t;null===(t=this.ref)||void 0===t||t.removeEventListener("search",this.onChange)}get host(){return(0,a.g)(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_alert:["validateAlert"],_autoComplete:["validateAutoComplete"],_disabled:["validateDisabled"],_error:["validateError"],_hasCounter:["validateHasCounter"],_hideError:["validateHideError"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_icon:["validateIcon"],_icons:["validateIcons"],_id:["validateId"],_label:["validateLabel"],_list:["validateList"],_maxLength:["validateMaxLength"],_name:["validateName"],_on:["validateOn"],_pattern:["validatePattern"],_placeholder:["validatePlaceholder"],_readOnly:["validateReadOnly"],_required:["validateRequired"],_size:["validateSize"],_suggestions:["validateSuggestions"],_smartButton:["validateSmartButton"],_syncValueBySelector:["validateSyncValueBySelector"],_tabIndex:["validateTabIndex"],_touched:["validateTouched"],_type:["validateType"],_value:["validateValue"]}}};c.style={default:":host{--a11y-min-size:44px;font-size:inherit}*{font-family:Verdana;hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}[role='button'],button:not([role='link']),kol-input .input{min-height:var(--a11y-min-size);min-width:var(--a11y-min-size)}a,button,h1,h2,h3,h4,h5,h6,input,option,select,textarea{font-family:inherit;font-size:inherit}:is(a,button){background-color:transparent;border:none;margin:0;padding:0;width:100%;}:host{max-width:100%}*{box-sizing:border-box}kol-span-wc{display:grid;place-items:center}kol-span-wc>span{display:flex;place-items:center}a,button{cursor:pointer}button,input,option,select,textarea{font-family:inherit}.icon-only>kol-span-wc>span>span{display:none}.required label>span::after,.required legend>span::after{content:'*'}:host{display:block}input,textarea{cursor:text}input[type='checkbox'],input[type='color'],input[type='file'],input[type='radio'],input[type='range'],label,option,select{cursor:pointer}input[type='color'],input[type='date'],input[type='datetime-local'],input[type='email'],input[type='file'],input[type='month'],input[type='number'],input[type='password'],input[type='search'],input[type='tel'],input[type='text'],input[type='time'],input[type='url'],input[type='week'],select,select[multiple] option,textarea{font-size:1rem;width:100%}input[type='file']{padding:calc((var(--a11y-min-size) - 1rem) / 10) 0.5em}select[multiple] option{padding:calc((var(--a11y-min-size) - 1rem) / 2) 0.5em}kol-input.disabled :is(button,input,label,option,select,textarea){cursor:not-allowed;opacity:0.5}kol-input{display:grid}kol-input .input-slot{flex-grow:1}input:not([type='checkbox'],[type='radio']),select:not([multiple],[size]){height:2.75em}input:focus,option:focus,select:focus,textarea:focus{outline:0}.input{display:flex;align-items:center}.input>kol-icon{display:grid;height:var(--a11y-min-size);place-items:center}kol-input.required .input-tooltip .span-label::after{content:'*'}.error.hidden{display:none}"}},6717:(t,e,i)=>{i.d(e,{v:()=>s});var a=i(4609),o=i(9736);const s=(t,e)=>{(0,a.c)(t,"_suggestions",(t=>"string"==typeof t||"number"==typeof t),e,void 0,{hooks:{afterPatch:t=>{Array.isArray(t)&&t.length&&(0,o.a)("Property suggestions: Options have accessibility issues in how browsers implemented them and should not be used for now.")}}})}}}]);
@@ -0,0 +1,3 @@
1
+ /*!
2
+ * KoliBri - The accessible HTML-Standard
3
+ */
package/dist/3537.js ADDED
@@ -0,0 +1,2 @@
1
+ /*! For license information please see 3537.js.LICENSE.txt */
2
+ "use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[3537],{3537:(t,e,s)=>{s.r(e),s.d(e,{kol_toast:()=>n});var a=s(8269),o=s(718),l=s(4609);const i=["adding","settled","removing"],n=class{constructor(t){(0,a.r)(this,t),this.close=()=>{var t;void 0!==(null===(t=this._on)||void 0===t?void 0:t.onClose)&&this._on.onClose(new Event("Close"))},this.on={onClose:this.close},this._label=void 0,this._on=void 0,this._status=void 0,this._type="default",this.state={_label:"...",_status:"adding"}}validateLabel(t){(0,o.v)(this,t)}validateOn(t){"object"!=typeof t||"function"!=typeof(null==t?void 0:t.onClose)&&!0!==t.onClose||(0,l.s)(this,"_on",{onClose:t.onClose})}validateStatus(t){(0,l.w)(this,"_status",(t=>"string"==typeof t&&i.includes(t)),new Set("String {adding, settled, removing}"),t)}validateType(t){(0,l.w)(this,"_type",(t=>"string"==typeof t&&("default"===t||"error"===t||"info"===t||"success"===t||"warning"===t)),new Set("String {success, info, warning, error}"),t)}componentWillLoad(){this.validateLabel(this._label),this.validateOn(this._on),this.validateStatus(this._status),this.validateType(this._type)}render(){return(0,a.h)("div",{class:`toast ${this.state._status}`},(0,a.h)("kol-alert",{class:"alert",_alert:!0,_label:this.state._label,_level:0,_hasCloser:!0,_type:this.state._type,_variant:"card",_on:this.on},(0,a.h)("slot",null)))}static get watchers(){return{_label:["validateLabel"],_on:["validateOn"],_status:["validateStatus"],_type:["validateType"]}}};n.style={default:""}},718:(t,e,s)=>{s.d(e,{a:()=>c,c:()=>r,h:()=>n,v:()=>d});var a=s(9736),o=s(4609);const l=/[a-zA-Z0-9äöüÄÖÜß]/g,i=/^\d+$/;function n(t,e=1){return function(t){var e;return"string"==typeof t&&(null===(e=t.match(l))||void 0===e?void 0:e.length)||0}(t)>=e}function r(t){return i.test(t)}const h=new Set(["string"]),d=(t,e,s={})=>{(0,o.w)(t,"_label",(t=>"string"==typeof t),h,e,function(t){var e;return{hooks:{afterPatch:(e,s,o,l)=>{var i,h;"function"==typeof(null===(i=t.hooks)||void 0===i?void 0:i.afterPatch)&&(null===(h=t.hooks)||void 0===h||h.afterPatch(e,s,o,l)),"string"==typeof e&&!1===n(e,3)&&!1===r(e)&&(0,a.a)(`The heading or label ("${e}") is not accessible. A label should consist of at least three readable characters.`),"string"==typeof e&&e.length>80&&(0,a.u)("A heading or label should not be longer than 80 characters.")},beforePatch:null===(e=t.hooks)||void 0===e?void 0:e.beforePatch}}}(s))},c=d}}]);
@@ -0,0 +1,3 @@
1
+ /*!
2
+ * KoliBri - The accessible HTML-Standard
3
+ */
package/dist/3932.js ADDED
@@ -0,0 +1,2 @@
1
+ /*! For license information please see 3932.js.LICENSE.txt */
2
+ "use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[3932],{3932:(i,t,e)=>{e.r(t),e.d(t,{kol_link:()=>a});var n=e(8269),s=e(2180);const a=class{constructor(i){(0,n.r)(this,i),this.catchRef=i=>{this.ref=i,(0,s.a)(this.host,this.ref)},this._ariaControls=void 0,this._ariaCurrent=void 0,this._ariaExpanded=void 0,this._ariaLabel=void 0,this._ariaSelected=void 0,this._disabled=!1,this._download=void 0,this._hideLabel=!1,this._href=void 0,this._icon=void 0,this._icons=void 0,this._iconAlign=void 0,this._iconOnly=void 0,this._label=void 0,this._listenAriaCurrent=void 0,this._on=void 0,this._role=void 0,this._selector=void 0,this._stealth=!1,this._tabIndex=void 0,this._target=void 0,this._targetDescription="Der Link wird in einem neuen Tab geöffnet.",this._tooltipAlign="right",this._useCase="text"}render(){return(0,n.h)(n.H,null,(0,n.h)("kol-link-wc",{ref:this.catchRef,_ariaControls:this._ariaControls,_ariaCurrent:this._ariaCurrent,_ariaExpanded:this._ariaExpanded,_ariaLabel:this._ariaLabel,_ariaSelected:this._ariaSelected,_disabled:this._disabled,_download:this._download,_hideLabel:this._hideLabel,_href:this._href,_icons:this._icons||this._icon,_iconAlign:this._iconAlign,_label:this._label,_listenAriaCurrent:this._listenAriaCurrent,_on:this._on,_role:this._role,_selector:this._selector,_stealth:this._stealth,_tabIndex:this._tabIndex,_target:this._target,_targetDescription:this._targetDescription,_tooltipAlign:this._tooltipAlign,_useCase:this._useCase},(0,n.h)("slot",{name:"expert",slot:"expert"}),(0,n.h)("slot",{slot:"expert"})))}get host(){return(0,n.g)(this)}};a.style={default:":host{--a11y-min-size:44px;font-size:inherit}*{font-family:Verdana;hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}[role='button'],button:not([role='link']),kol-input .input{min-height:var(--a11y-min-size);min-width:var(--a11y-min-size)}a,button,h1,h2,h3,h4,h5,h6,input,option,select,textarea{font-family:inherit;font-size:inherit}:is(a,button){background-color:transparent;border:none;margin:0;padding:0;width:100%;}:host{max-width:100%}*{box-sizing:border-box}kol-span-wc{display:grid;place-items:center}kol-span-wc>span{display:flex;place-items:center}a,button{cursor:pointer}button,input,option,select,textarea{font-family:inherit}.icon-only>kol-span-wc>span>span{display:none}:host{display:inline-block}:is(a,button){align-items:baseline;display:inline-flex;place-items:center;text-align:left;text-decoration-line:underline}:is(a,button):is(:focus,:hover){text-decoration-thickness:0.2em}.hidden{display:none;visibility:hidden}.skip{left:-99999px;overflow:hidden;position:absolute;z-index:9999999;line-height:1em}.skip:focus{background-color:#fff;left:unset;padding:1em;position:unset}kol-icon.external-link-icon{display:inline-flex}"}}}]);
@@ -0,0 +1,3 @@
1
+ /*!
2
+ * KoliBri - The accessible HTML-Standard
3
+ */
package/dist/4021.js ADDED
@@ -0,0 +1,2 @@
1
+ /*! For license information please see 4021.js.LICENSE.txt */
2
+ "use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[4021],{6432:(e,t,a)=>{a.d(t,{v:()=>l});var i=a(4609);const s=new Set([...new Set(['"left", "right"']),...new Set(['"bottom", "top"'])]),l=(e,t,a)=>{(0,i.w)(e,t,(e=>"bottom"===e||"left"===e||"right"===e||"top"===e),s,a,{defaultValue:"top"})}},1701:(e,t,a)=>{a.d(t,{a:()=>o,b:()=>r,c:()=>s,v:()=>l});var i=a(4609);const s=(e,t)=>{(0,i.d)(e,"_role",t)},l=(e,t)=>{(0,i.d)(e,"_ariaControls",t)},n=(e,t,a)=>{(0,i.w)(e,t,(e=>"date"===e||"location"===e||"page"===e||"step"===e||"time"===e||!0===e||!1===e),new Set(["String {data, location, page, step, time}","boolean"]),a)},o=(e,t)=>{n(e,"_ariaCurrent",t)},r=(e,t)=>{n(e,"_listenAriaCurrent",t)}},5753:(e,t,a)=>{a.d(t,{A:()=>n});var i=a(4609),s=a(9736);const l=(0,a(160).b)();class n{constructor(e,t,a){var i,n;if(this.setFormAssociatedValue=e=>{var t;const a=null===(t=this.formAssociated)||void 0===t?void 0:t.getAttribute("name");null!==a&&""!==a||(0,s.d)(` The form field (${this.name}) must have a name attribute to be form-associated. Please define the _name attribute.`);const i=this.tryToStringifyValue(e);this.syncValue(e,i,this.formAssociated),this.syncValue(e,i,this.syncToOwnInput)},this.component=e,this.host=this.findHostWithShadowRoot(a),this.name=t,l){switch(null===(i=this.host)||void 0===i||i.querySelectorAll("input,select,textarea").forEach((e=>{var t;null===(t=this.host)||void 0===t||t.removeChild(e)})),this.name){case"button":this.formAssociated=document.createElement("button");break;case"select":this.formAssociated=document.createElement("select"),this.formAssociated.setAttribute("multiple","");break;case"textarea":this.formAssociated=document.createElement("textarea");break;default:this.formAssociated=document.createElement("input"),this.formAssociated.setAttribute("type","hidden")}this.formAssociated.setAttribute("aria-hidden","true"),this.formAssociated.setAttribute("data-form-associated",""),this.formAssociated.setAttribute("hidden",""),null===(n=this.host)||void 0===n||n.appendChild(this.formAssociated)}}findHostWithShadowRoot(e){for(;null===(null==e?void 0:e.shadowRoot)&&e!==document.body;)(e=null==e?void 0:e.parentNode).host&&(e=e.host);return e}setAttribute(e,t,a){if(l)try{if("boolean"!=typeof(a="object"==typeof a&&null!==a?JSON.stringify(a):a)&&"number"!=typeof a&&"string"!=typeof a)throw new Error("Invalid value type: "+typeof a);null==t||t.setAttribute(e,`${a}`)}catch(a){null==t||t.removeAttribute(e)}}tryToStringifyValue(e){try{return"object"==typeof e&&null!==e?JSON.stringify(e).toString():null==e?null:e.toString()}catch(e){return(0,s.h)(`The form field raw value is not able to stringify! ${e}`),""}}syncValue(e,t,a){a&&("select"===this.name?(a.querySelectorAll("option").forEach((e=>{a.removeChild(e)})),Array.isArray(e)&&e.forEach((e=>{const t=this.tryToStringifyValue(e);if("string"==typeof t){const e=document.createElement("option");e.setAttribute("value",t),e.setAttribute("selected",""),a.appendChild(e)}}))):"string"==typeof t?(a.setAttribute("value",t),a.value=t):(a.removeAttribute("value"),a.value=""))}validateName(e){((e,t,a)=>{(0,i.d)(e,"_name",t,a)})(this.component,e,{hooks:{afterPatch:()=>{this.setAttribute("name",this.formAssociated,this.component.state._name)}}}),void 0===e&&(0,s.d)("Ein Name am Eingabefeldern oder Schalter ist nicht zwingend erforderlich, kann aber für die Autocomplete-Funktion und für das statische Versenden des Eingabefeldes relevant sein.")}validateSyncValueBySelector(e){if(l&&"string"==typeof e){const t=document.querySelector(e);t&&(this.syncToOwnInput=t)}}componentWillLoad(){this.validateName(this.component._name),this.validateSyncValueBySelector(this.component._syncValueBySelector)}}},663:(e,t,a)=>{a.d(t,{a:()=>o,p:()=>r});var i=a(9736),s=a(160),l=a(4609);const n=e=>{for((0,s.b)()&&((0,i.d)("↓ Search form element start."),console.log(e));e instanceof HTMLElement&&"FORM"!==e.tagName&&"KOL-FORM"!==e.tagName;)e=e.parentElement instanceof HTMLElement?e.parentElement:e.parentNode instanceof ShadowRoot?e.parentNode.host:null,(0,s.b)()&&console.log(e);return(0,s.b)()&&(0,i.d)("↑ Search form element finished."),e},o=(e={})=>{var t,a;const i=n(e.form);if(i instanceof HTMLElement){const e=new Event("reset",{bubbles:!0,cancelable:!0});if("FORM"===i.tagName)(0,l.f)(e,i),i.dispatchEvent(e);else if("KOL-FORM"===i.tagName){(0,l.f)(e,l.K.querySelector("form",i));const s=i;"function"==typeof(null===(t=s._on)||void 0===t?void 0:t.onReset)&&(null===(a=s._on)||void 0===a||a.onReset(e))}}},r=(e={})=>{var t,a;const i=n(e.form);if(i instanceof HTMLElement){const e=new SubmitEvent("submit",{bubbles:!0,cancelable:!0,submitter:i});if("FORM"===i.tagName)(0,l.f)(e,i),i.dispatchEvent(e);else if("KOL-FORM"===i.tagName){(0,l.f)(e,l.K.querySelector("form",i));const s=i;"function"==typeof(null===(t=s._on)||void 0===t?void 0:t.onSubmit)&&(null===(a=s._on)||void 0===a||a.onSubmit(e))}}}},8461:(e,t,a)=>{a.d(t,{a:()=>s,v:()=>l});var i=a(4609);const s=(e,t)=>{(0,i.w)(e,"_variant",(e=>"primary"===e||"secondary"===e||"normal"===e||"danger"===e||"ghost"===e||"custom"===e),new Set(["KoliBriButtonVariant {primary, secondary, normal, danger, ghost, custom}"]),t,{defaultValue:"normal"})},l=(e,t)=>{(0,i.d)(e,"_customClass",t,{defaultValue:void 0})}},9865:(e,t,a)=>{function i(e){e.stopImmediatePropagation(),e.stopPropagation()}function s(e,t,a){t&&function(e,t,a){const i=e.dispatchEvent(function(e,t){return new CustomEvent(`kol-${e}`,{bubbles:!0,cancelable:!0,composed:!0,detail:t})}(t,a))}(t,e,a)}a.d(t,{s:()=>i,t:()=>s})},1393:(e,t,a)=>{a.d(t,{v:()=>s});var i=a(4609);const s=(e,t)=>{(0,i.a)(e,"_hasCloser",t)}},774:(e,t,a)=>{a.d(t,{v:()=>s});var i=a(4609);const s=(e,t,a={})=>{(0,i.a)(e,"_hideLabel",t,a)}},7681:(e,t,a)=>{a.d(t,{a:()=>d});var i=a(6341),s=a(9736);const l={error:"Fehler",warning:"Warnung",info:"Hinweis",success:"Erfolg",message:"Nachricht",close:"Schließen","form-description":"Formular-Felder, die mit einem Sternchen (*) gekennzeichnet sind, sind Pflichtangaben.",of:"von",characters:"Zeichen",new:"Neu","no-entries":"Es sind keine Einträge vorhanden.","change-order":"Sortierung von {{colLabel}} ändern","action-running":"Aktion wird ausgeführt...","action-done":"Aktion abgeschlossen",pagination:"Paginierung","page-first":"Direkt zur ersten Seite","page-back":"Eine Seite zurück","page-next":"Eine Seite weiter","page-last":"Direkt zur letzten Seite","entries-per-site":"Einträge pro Seite","page-current":"Seite {{page}}","page-selected":"Seite {{page}} ist ausgewählt","page-per-site":"{{entries}} Einträge pro Seite","nav-maximize":"Navigation maximieren","nav-minimize":"Navigation minimieren","logo-description":"Logo {{orgShort}}. Bundesadler mit Flaggenstab und Schriftzug {{orgLong}}","open-link-in-tab":"Der Link wird in einem neuen Tab geöffnet.","kolibri-logo":"Logo von KoliBri","sort-descending":"Spalte {{column}} absteigend sortiert","sort-ascending":"Spalte {{column}} aufsteigend sortiert","sort-none":"Spalte {{column}} nicht sortiert","table-pagination-label":"Paginierung für die Tabelle {{label}}","avatar-alt":"Avatar von {{name}}","toast-close-all":"Alle schließen"},n={error:"Error",warning:"Warning",info:"Note",success:"Success",message:"Message",close:"Close","form-description":"Form fields marked with an asterisk (*) are mandatory.",of:"of",characters:"characters",new:"New","no-entries":"No entries available.","change-order":"Change order of {{colLabel}}","action-running":"Action is running...","action-done":"Action done",pagination:"Pagination","page-first":"Directly to the first page","page-back":"One page back","page-next":"One page further","page-last":"Directly to the last page","entries-per-site":"Entries per page","page-current":"Page {{page}}","page-selected":"Page {{page}} is selected","page-per-site":"{{entries}} entries per page","nav-maximize":"Maximize","nav-minimize":"Minimize","logo-description":"Logo {{orgShort}}. Federal eagle with flag staff and lettering {{orgLong}}","open-link-in-tab":"The link will open in a new tab.","kolibri-logo":"KoliBri logo","sort-descending":"sorted column {{column}} descending","sort-ascending":"sorted column {{column}} ascending","sort-none":"column {{column}} not sorted","table-pagination-label":"Pagination for table {{label}}","avatar-alt":"Avatar of {{name}}","toast-close-all":"Close all"},o=e=>Object.keys(e).reduce(((t,a)=>(t[`kol-${a}`]=e[a],t)),{}),r=new Set([e=>e("en",o(n)),e=>e("de",o(l))]),d=(e,t)=>{const a=(0,i.g)();if(void 0===a)return(0,s.d)("[I18n] I18nService not available! Please call the global register function."),e;let l=a.translate(e,t);return l===e&&((0,s.d)("[I18n] Locales not initialized! Initialize default locales automatically."),r.forEach((e=>e(((e,t)=>(a.addResourceBundle(e,t),e))))),l=a.translate(e,t)),l}},3164:(e,t,a)=>{a.d(t,{i:()=>o,v:()=>r,w:()=>d});var i=a(4609),s=a(2180);const l=(e,t,a)=>{(0,s.c)(a)?e[t]=a:(0,s.i)(a,1)&&(e[t]={icon:a})},n=e=>{var t,a,i,n,o,r,d;if(null===(t=e.nextState)||void 0===t?void 0:t.has("_icons")){const t=null===(a=e.nextState)||void 0===a?void 0:a.get("_icons"),o=(null===(i=e.nextState)||void 0===i?void 0:i.get("_iconAlign"))||e.state._iconAlign;null===(n=e.nextState)||void 0===n||n.set("_icons",((e,t)=>{let a={};return(0,s.i)(e,1)?a="right"===t?{right:{icon:e}}:{left:{icon:e}}:"object"==typeof e&&null!==e&&(l(a,"top",e.top),l(a,"right",e.right),l(a,"bottom",e.bottom),l(a,"left",e.left)),a})(t,o))}else if(null===(o=e.nextState)||void 0===o?void 0:o.has("_iconAlign")){const t=e.state._iconAlign;null===(r=e.nextState)||void 0===r||r.set("_icons",{[t]:void 0,[null===(d=e.nextState)||void 0===d?void 0:d.get("_iconAlign")]:e.state._icons[t]})}},o=e=>"object"==typeof e&&null!==e&&(void 0===e.style||(0,s.b)(e.style))&&(0,s.i)(e.icon,1),r=(e,t)=>{(0,i.o)(t,(()=>{try{t=(0,i.p)(t)}catch(e){}(0,i.w)(e,"_icons",(e=>null===e||(0,s.i)(e,1)||"object"==typeof e&&null!==e&&((0,s.i)(e.left,1)||o(e.left)||(0,s.i)(e.right,1)||o(e.right)||(0,s.i)(e.top,1)||o(e.top)||(0,s.i)(e.bottom,1)||o(e.bottom))),new Set(["KoliBriIcon"]),t,{hooks:{beforePatch:(t,a)=>{null===t&&a.set("_icons",{}),n(e)}},required:!0})}))},d=(e,t)=>{(0,i.w)(e,"_iconAlign",(e=>"left"===e||"right"===e),new Set(["Alignment {left, right, top, bottom}"]),t,{hooks:{beforePatch:()=>{n(e)}}})}},4021:(e,t,a)=>{a.r(t),a.d(t,{kol_alert_wc:()=>w,kol_button_wc:()=>L,kol_heading_wc:()=>C});var i=a(8269),s=a(7681),l=a(1393),n=a(718),o=a(160),r=a(4609),d=a(6634),c=a(1701),h=a(8461),v=a(774),u=a(3164),_=a(3248),b=a(9736),g=a(9865),f=a(2180),m=a(3185),p=a(663),y=a(5753);const A=e=>(0,i.h)("kol-icon",{class:"heading-icon",_ariaLabel:"string"==typeof e.label&&e.label.length>0?"":e.ariaLabel,_icons:e.icon}),S=e=>{switch(e.type){case"error":return(0,i.h)(A,{ariaLabel:(0,s.a)("kol-error"),icon:"codicon codicon-error",label:e.label});case"info":return(0,i.h)(A,{ariaLabel:(0,s.a)("kol-info"),icon:"codicon codicon-info",label:e.label});case"warning":return(0,i.h)(A,{ariaLabel:(0,s.a)("kol-warning"),icon:"codicon codicon-warning",label:e.label});case"success":return(0,i.h)(A,{ariaLabel:(0,s.a)("kol-success"),icon:"codicon codicon-pass",label:e.label});default:return(0,i.h)(A,{ariaLabel:(0,s.a)("kol-message"),icon:"codicon codicon-comment",label:e.label})}},w=class{constructor(e){(0,i.r)(this,e),this.close=()=>{var e;void 0!==(null===(e=this._on)||void 0===e?void 0:e.onClose)&&this._on.onClose(new Event("Close"))},this.on={onClick:this.close},this.validateOnValue=e=>"object"==typeof e&&null!==e&&"function"==typeof e.onClose,this._alert=!1,this._hasCloser=!1,this._label=void 0,this._level=1,this._on=void 0,this._type="default",this._variant="msg",this.state={_level:1}}render(){var e;if(this.state._alert){try{o.L.debug(["Navigator should vibrate ...",navigator.vibrate([100,75,100,75,100])])}catch(e){o.L.debug("Navigator does not support vibration.")}setTimeout((()=>{this.validateAlert(!1)}),1e4)}return(0,i.h)(i.H,{class:{[this.state._type]:!0,[this.state._variant]:!0,hasCloser:!!this.state._hasCloser},role:this.state._alert?"alert":void 0},(0,i.h)("div",{class:"heading"},(0,i.h)(S,{label:this.state._label,type:this.state._type}),(0,i.h)("div",null,"string"==typeof this.state._label&&(null===(e=this.state._label)||void 0===e?void 0:e.length)>0&&(0,i.h)("kol-heading-wc",{_label:this.state._label,_level:this.state._level}),"msg"===this._variant&&(0,i.h)("div",{class:"content"},(0,i.h)("slot",null))),this.state._hasCloser&&(0,i.h)("kol-button-wc",{class:"close",_hideLabel:!0,_icons:{left:{icon:"codicon codicon-close"}},_label:(0,s.a)("kol-close"),_on:this.on,_tooltipAlign:"left"})),"card"===this._variant&&(0,i.h)("div",{class:"content"},(0,i.h)("slot",null)))}validateAlert(e){(0,r.a)(this,"_alert",e)}validateHasCloser(e){(0,l.v)(this,e)}validateLabel(e){(0,n.v)(this,e)}validateLevel(e){(0,d.w)(this,e)}validateOn(e){this.validateOnValue(e)&&(0,r.s)(this,"_on",{onClose:e.onClose})}validateType(e){(0,r.w)(this,"_type",(e=>"string"==typeof e&&("default"===e||"error"===e||"info"===e||"success"===e||"warning"===e)),new Set("String {success, info, warning, error}"),e)}validateVariant(e){(0,r.w)(this,"_variant",(e=>"card"===e||"msg"===e),new Set("AlertVariant {card, msg}"),e)}componentWillLoad(){this.validateAlert(this._alert),this.validateHasCloser(this._hasCloser),this.validateLabel(this._label),this.validateLevel(this._level),this.validateOn(this._on),this.validateType(this._type),this.validateVariant(this._variant)}static get watchers(){return{_alert:["validateAlert"],_hasCloser:["validateHasCloser"],_label:["validateLabel"],_level:["validateLevel"],_on:["validateOn"],_type:["validateType"],_variant:["validateVariant"]}}},L=class{render(){const e=(0,f.s)(this.state._label);return(0,i.h)(i.H,null,(0,i.h)("button",Object.assign({ref:this.catchRef,accessKey:this.state._accessKey,"aria-controls":this.state._ariaControls,"aria-current":(0,r.l)(this.state._ariaCurrent),"aria-expanded":(0,r.i)(this.state._ariaExpanded),"aria-label":this.state._hideLabel&&"string"==typeof this.state._label?this.state._label:void 0,"aria-selected":(0,r.l)(this.state._ariaSelected),class:{[this.state._variant]:"custom"!==this.state._variant,[this.state._customClass]:"custom"===this.state._variant&&"string"==typeof this.state._customClass&&this.state._customClass.length>0,"icon-only":!0===this.state._hideLabel,"hide-label":!0===this.state._hideLabel},disabled:this.state._disabled,id:this.state._id,name:this.state._name},this.state._on,{onClick:this.onClick,role:this.state._role,tabIndex:this.state._tabIndex,type:this.state._type}),(0,i.h)("kol-span-wc",{_icons:this.state._icons,_hideLabel:this.state._hideLabel,_label:e?"":this.state._label},(0,i.h)("slot",{name:"expert",slot:"expert"}))),(0,i.h)("kol-tooltip-wc",{"aria-hidden":"true",hidden:e||!this.state._hideLabel,_align:this.state._tooltipAlign,_label:"string"==typeof this.state._label?this.state._label:""}))}constructor(e){(0,i.r)(this,e),this.catchRef=e=>{this.ref=e,(0,f.a)(this.host,this.ref)},this.onClick=e=>{var t,a;"submit"===this.state._type?(0,p.p)({form:this.host,ref:this.ref}):"reset"===this.state._type?(0,p.a)({form:this.host,ref:this.ref}):((0,g.s)(e),(0,g.t)("click",this.host,this.state._value),this.controller.setFormAssociatedValue(this.state._value),"function"==typeof(null===(t=this.state._on)||void 0===t?void 0:t.onClick)&&((0,r.f)(e,this.ref),null===(a=this.state._on)||void 0===a||a.onClick(e,this.state._value)))},this._accessKey=void 0,this._ariaControls=void 0,this._ariaCurrent=void 0,this._ariaExpanded=void 0,this._ariaLabel=void 0,this._ariaSelected=void 0,this._customClass=void 0,this._disabled=!1,this._hideLabel=!1,this._icon=void 0,this._icons=void 0,this._iconAlign=void 0,this._iconOnly=void 0,this._id=void 0,this._label=void 0,this._name=void 0,this._on=void 0,this._role=void 0,this._syncValueBySelector=void 0,this._tabIndex=void 0,this._tooltipAlign="top",this._type="button",this._value=void 0,this._variant="normal",this.state={_icons:{},_label:"",_on:{},_type:"button",_variant:"normal"},this.controller=new y.A(this,"button",this.host)}validateAccessKey(e){(0,r.d)(this,"_accessKey",e)}validateAriaControls(e){(0,c.v)(this,e)}validateAriaCurrent(e){(0,c.a)(this,e)}validateAriaExpanded(e){((e,t)=>{(0,r.a)(e,"_ariaExpanded",t)})(this,e)}validateAriaLabel(e){this.validateLabel(e)}validateAriaSelected(e){(0,r.a)(this,"_ariaSelected",e)}validateCustomClass(e){(0,h.v)(this,e)}validateDisabled(e){((e,t)=>{(0,r.a)(e,"_disabled",t)})(this,e),!0===e&&(0,b.g)()}validateHideLabel(e){(0,v.v)(this,e)}validateIcon(e){(0,u.v)(this,e)}validateIcons(e){(0,u.v)(this,e)}validateIconAlign(e){(0,u.w)(this,e)}validateIconOnly(e){this.validateHideLabel(e)}validateId(e){(0,r.d)(this,"_id",e)}validateLabel(e){(0,n.a)(this,e)}validateName(e){this.controller.validateName(e)}validateOn(e){((e,t)=>{(0,r.w)(e,"_on",(e=>"object"==typeof e&&null!==e),new Set(["ButtonCallbacksPropType {Events.onClick, Events.onMouseDown}"]),t)})(this,e)}validateRole(e){(0,c.c)(this,e)}validateSyncValueBySelector(e){this.controller.validateSyncValueBySelector(e)}validateTabIndex(e){(0,m.v)(this,e)}validateTooltipAlign(e){(0,_.v)(this,e)}validateType(e){((e,t)=>{(0,r.w)(e,"_type",(e=>"button"===e||"reset"===e||"submit"===e),new Set(["KoliBriButtonType {button, reset, submit}"]),t)})(this,e)}validateValue(e){(0,r.s)(this,"_value",e),this.controller.setFormAssociatedValue(this.state._value)}validateVariant(e){(0,h.a)(this,e)}componentWillLoad(){this.validateAccessKey(this._accessKey),this.validateAriaControls(this._ariaControls),this.validateAriaCurrent(this._ariaCurrent),this.validateAriaExpanded(this._ariaExpanded),this.validateAriaSelected(this._ariaSelected),this.validateCustomClass(this._customClass),this.validateDisabled(this._disabled),this.validateHideLabel(this._hideLabel||this._iconOnly),this.validateIcons(this._icons||this._icon),this.validateIconAlign(this._iconAlign),this.validateId(this._id),this.validateLabel(this._label||this._ariaLabel),this.validateName(this._name),this.validateOn(this._on),this.validateRole(this._role),this.validateSyncValueBySelector(this._syncValueBySelector),this.validateTabIndex(this._tabIndex),this.validateTooltipAlign(this._tooltipAlign),this.validateType(this._type),this.validateValue(this._value),this.validateVariant(this._variant)}get host(){return(0,i.g)(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_ariaControls:["validateAriaControls"],_ariaCurrent:["validateAriaCurrent"],_ariaExpanded:["validateAriaExpanded"],_ariaLabel:["validateAriaLabel"],_ariaSelected:["validateAriaSelected"],_customClass:["validateCustomClass"],_disabled:["validateDisabled"],_hideLabel:["validateHideLabel"],_icon:["validateIcon"],_icons:["validateIcons"],_iconAlign:["validateIconAlign"],_iconOnly:["validateIconOnly"],_id:["validateId"],_label:["validateLabel"],_name:["validateName"],_on:["validateOn"],_role:["validateRole"],_syncValueBySelector:["validateSyncValueBySelector"],_tabIndex:["validateTabIndex"],_tooltipAlign:["validateTooltipAlign"],_type:["validateType"],_value:["validateValue"],_variant:["validateVariant"]}}},C=class{constructor(e){(0,i.r)(this,e),this.renderHeadline=(e,t)=>{switch(t){case 1:return(0,i.h)("h1",{class:"headline"},e,(0,i.h)("slot",null));case 2:return(0,i.h)("h2",{class:"headline"},e,(0,i.h)("slot",null));case 3:return(0,i.h)("h3",{class:"headline"},e,(0,i.h)("slot",null));case 4:return(0,i.h)("h4",{class:"headline"},e,(0,i.h)("slot",null));case 5:return(0,i.h)("h5",{class:"headline"},e,(0,i.h)("slot",null));case 6:return(0,i.h)("h6",{class:"headline"},e,(0,i.h)("slot",null));default:return(0,i.h)("strong",{class:"headline"},e,(0,i.h)("slot",null))}},this.renderSecondaryHeadline=(e,t)=>{switch(t){case 1:return(0,i.h)("span",{class:"secondary-headline"},e);case 2:return(0,i.h)("h2",{class:"secondary-headline"},e);case 3:return(0,i.h)("h3",{class:"secondary-headline"},e);case 4:return(0,i.h)("h4",{class:"secondary-headline"},e);case 5:return(0,i.h)("h5",{class:"secondary-headline"},e);case 6:return(0,i.h)("h6",{class:"secondary-headline"},e);default:return(0,i.h)("strong",{class:"secondary-headline"},e)}},this._label=void 0,this._level=1,this._secondaryHeadline=void 0,this.state={_label:"",_level:1}}validateLabel(e){(0,n.a)(this,e)}validateLevel(e){(0,d.w)(this,e)}validateSecondaryHeadline(e){(0,r.d)(this,"_secondaryHeadline",e)}componentWillLoad(){this.validateLabel(this._label),this.validateLevel(this._level),this.validateSecondaryHeadline(this._secondaryHeadline)}render(){return(0,i.h)(i.H,null,"string"==typeof this.state._secondaryHeadline&&this.state._secondaryHeadline.length>0?(0,i.h)("hgroup",null,this.renderHeadline(this.state._label,this.state._level),this.state._secondaryHeadline&&this.renderSecondaryHeadline(this.state._secondaryHeadline,this.state._level+1)):this.renderHeadline(this.state._label,this.state._level))}static get watchers(){return{_label:["validateLabel"],_level:["validateLevel"],_secondaryHeadline:["validateSecondaryHeadline"]}}}},718:(e,t,a)=>{a.d(t,{a:()=>h,c:()=>r,h:()=>o,v:()=>c});var i=a(9736),s=a(4609);const l=/[a-zA-Z0-9äöüÄÖÜß]/g,n=/^\d+$/;function o(e,t=1){return function(e){var t;return"string"==typeof e&&(null===(t=e.match(l))||void 0===t?void 0:t.length)||0}(e)>=t}function r(e){return n.test(e)}const d=new Set(["string"]),c=(e,t,a={})=>{(0,s.w)(e,"_label",(e=>"string"==typeof e),d,t,function(e){var t;return{hooks:{afterPatch:(t,a,s,l)=>{var n,d;"function"==typeof(null===(n=e.hooks)||void 0===n?void 0:n.afterPatch)&&(null===(d=e.hooks)||void 0===d||d.afterPatch(t,a,s,l)),"string"==typeof t&&!1===o(t,3)&&!1===r(t)&&(0,i.a)(`The heading or label ("${t}") is not accessible. A label should consist of at least three readable characters.`),"string"==typeof t&&t.length>80&&(0,i.u)("A heading or label should not be longer than 80 characters.")},beforePatch:null===(t=e.hooks)||void 0===t?void 0:t.beforePatch}}}(a))},h=c},3185:(e,t,a)=>{a.d(t,{v:()=>n});var i=a(9736),s=a(4609);const l={hooks:{afterPatch:e=>{-1!==e&&0!==e&&(0,i.a)("Don’t Use Tabindex Greater than 0: https://adrianroselli.com/2014/11/dont-use-tabindex-greater-than-0.html")}}},n=(e,t)=>{(0,s.e)(e,"_tabIndex",t,l)}},3248:(e,t,a)=>{a.d(t,{v:()=>s});var i=a(6432);const s=(e,t)=>{(0,i.v)(e,"_tooltipAlign",t)}},6634:(e,t,a)=>{a.d(t,{w:()=>s});var i=a(4609);const s=(e,t)=>{(0,i.w)(e,"_level",(e=>"number"==typeof e&&0<=e&&e<=6),new Set(["Number {0, 1, 2, 3, 4, 5, 6}"]),t,{defaultValue:1,required:!0})}}}]);
@@ -0,0 +1,3 @@
1
+ /*!
2
+ * KoliBri - The accessible HTML-Standard
3
+ */
package/dist/4022.js ADDED
@@ -0,0 +1,2 @@
1
+ /*! For license information please see 4022.js.LICENSE.txt */
2
+ "use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[4022],{7955:(i,t,e)=>{e.r(t),e.d(t,{kol_button_link:()=>a});var n=e(8269),s=e(2180);const a=class{constructor(i){(0,n.r)(this,i),this.catchRef=i=>{this.ref=i,(0,s.a)(this.host,this.ref)},this._accessKey=void 0,this._ariaControls=void 0,this._ariaCurrent=void 0,this._ariaExpanded=void 0,this._ariaLabel=void 0,this._ariaSelected=void 0,this._disabled=!1,this._hideLabel=!1,this._icon=void 0,this._icons=void 0,this._iconOnly=void 0,this._id=void 0,this._label=void 0,this._name=void 0,this._on=void 0,this._role=void 0,this._syncValueBySelector=void 0,this._tabIndex=void 0,this._tooltipAlign="top",this._type="button",this._value=void 0}render(){return(0,n.h)(n.H,null,(0,n.h)("kol-button-wc",{ref:this.catchRef,_accessKey:this._accessKey,_ariaControls:this._ariaControls,_ariaCurrent:this._ariaCurrent,_ariaExpanded:this._ariaExpanded,_ariaLabel:this._ariaLabel,_ariaSelected:this._ariaSelected,_disabled:this._disabled,_icons:this._icons||this._icon,_hideLabel:this._hideLabel||this._iconOnly,_id:this._id,_label:this._label,_name:this._name,_on:this._on,_role:"link",_syncValueBySelector:this._syncValueBySelector,_tabIndex:this._tabIndex,_tooltipAlign:this._tooltipAlign,_type:this._type,_value:this._value},(0,n.h)("slot",{name:"expert",slot:"expert"})))}get host(){return(0,n.g)(this)}};a.style={default:":host{--a11y-min-size:44px;font-size:inherit}*{font-family:Verdana;hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}[role='button'],button:not([role='link']),kol-input .input{min-height:var(--a11y-min-size);min-width:var(--a11y-min-size)}a,button,h1,h2,h3,h4,h5,h6,input,option,select,textarea{font-family:inherit;font-size:inherit}:is(a,button){background-color:transparent;border:none;margin:0;padding:0;width:100%;}:host{max-width:100%}*{box-sizing:border-box}kol-span-wc{display:grid;place-items:center}kol-span-wc>span{display:flex;place-items:center}a,button{cursor:pointer}button,input,option,select,textarea{font-family:inherit}.icon-only>kol-span-wc>span>span{display:none}:host{display:inline-block}:is(a,button){align-items:baseline;display:inline-flex;place-items:center;text-align:left;text-decoration-line:underline}:is(a,button):is(:focus,:hover){text-decoration-thickness:0.2em}.hidden{display:none;visibility:hidden}.skip{left:-99999px;overflow:hidden;position:absolute;z-index:9999999;line-height:1em}.skip:focus{background-color:#fff;left:unset;padding:1em;position:unset}kol-icon.external-link-icon{display:inline-flex}"}}}]);
@@ -0,0 +1,3 @@
1
+ /*!
2
+ * KoliBri - The accessible HTML-Standard
3
+ */
package/dist/4195.js ADDED
@@ -0,0 +1,2 @@
1
+ /*! For license information please see 4195.js.LICENSE.txt */
2
+ "use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[4195],{4195:(t,n,e)=>{e.r(n),e.d(n,{kol_indented_text:()=>a});var i=e(8269);const a=class{constructor(t){(0,i.r)(this,t),this.state={}}render(){return(0,i.h)(i.H,null,(0,i.h)("div",null,(0,i.h)("slot",null)))}};a.style={default:":host{--a11y-min-size:44px;font-size:inherit}*{font-family:Verdana;hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}[role='button'],button:not([role='link']),kol-input .input{min-height:var(--a11y-min-size);min-width:var(--a11y-min-size)}a,button,h1,h2,h3,h4,h5,h6,input,option,select,textarea{font-family:inherit;font-size:inherit}:is(a,button){background-color:transparent;border:none;margin:0;padding:0;width:100%;}:host{max-width:100%}*{box-sizing:border-box}kol-span-wc{display:grid;place-items:center}kol-span-wc>span{display:flex;place-items:center}a,button{cursor:pointer}button,input,option,select,textarea{font-family:inherit}.icon-only>kol-span-wc>span>span{display:none}:host{display:block}:host>div{border-left-style:solid;padding-left:0.5em}"}}}]);
@@ -0,0 +1,3 @@
1
+ /*!
2
+ * KoliBri - The accessible HTML-Standard
3
+ */
package/dist/4291.js ADDED
@@ -0,0 +1,2 @@
1
+ /*! For license information please see 4291.js.LICENSE.txt */
2
+ "use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[4291],{6432:(t,e,a)=>{a.d(e,{v:()=>n});var i=a(4609);const s=new Set([...new Set(['"left", "right"']),...new Set(['"bottom", "top"'])]),n=(t,e,a)=>{(0,i.w)(t,e,(t=>"bottom"===t||"left"===t||"right"===t||"top"===t),s,a,{defaultValue:"top"})}},8461:(t,e,a)=>{a.d(e,{a:()=>s,v:()=>n});var i=a(4609);const s=(t,e)=>{(0,i.w)(t,"_variant",(t=>"primary"===t||"secondary"===t||"normal"===t||"danger"===t||"ghost"===t||"custom"===t),new Set(["KoliBriButtonVariant {primary, secondary, normal, danger, ghost, custom}"]),e,{defaultValue:"normal"})},n=(t,e)=>{(0,i.d)(t,"_customClass",e,{defaultValue:void 0})}},7681:(t,e,a)=>{a.d(e,{a:()=>h});var i=a(6341),s=a(9736);const n={error:"Fehler",warning:"Warnung",info:"Hinweis",success:"Erfolg",message:"Nachricht",close:"Schließen","form-description":"Formular-Felder, die mit einem Sternchen (*) gekennzeichnet sind, sind Pflichtangaben.",of:"von",characters:"Zeichen",new:"Neu","no-entries":"Es sind keine Einträge vorhanden.","change-order":"Sortierung von {{colLabel}} ändern","action-running":"Aktion wird ausgeführt...","action-done":"Aktion abgeschlossen",pagination:"Paginierung","page-first":"Direkt zur ersten Seite","page-back":"Eine Seite zurück","page-next":"Eine Seite weiter","page-last":"Direkt zur letzten Seite","entries-per-site":"Einträge pro Seite","page-current":"Seite {{page}}","page-selected":"Seite {{page}} ist ausgewählt","page-per-site":"{{entries}} Einträge pro Seite","nav-maximize":"Navigation maximieren","nav-minimize":"Navigation minimieren","logo-description":"Logo {{orgShort}}. Bundesadler mit Flaggenstab und Schriftzug {{orgLong}}","open-link-in-tab":"Der Link wird in einem neuen Tab geöffnet.","kolibri-logo":"Logo von KoliBri","sort-descending":"Spalte {{column}} absteigend sortiert","sort-ascending":"Spalte {{column}} aufsteigend sortiert","sort-none":"Spalte {{column}} nicht sortiert","table-pagination-label":"Paginierung für die Tabelle {{label}}","avatar-alt":"Avatar von {{name}}","toast-close-all":"Alle schließen"},o={error:"Error",warning:"Warning",info:"Note",success:"Success",message:"Message",close:"Close","form-description":"Form fields marked with an asterisk (*) are mandatory.",of:"of",characters:"characters",new:"New","no-entries":"No entries available.","change-order":"Change order of {{colLabel}}","action-running":"Action is running...","action-done":"Action done",pagination:"Pagination","page-first":"Directly to the first page","page-back":"One page back","page-next":"One page further","page-last":"Directly to the last page","entries-per-site":"Entries per page","page-current":"Page {{page}}","page-selected":"Page {{page}} is selected","page-per-site":"{{entries}} entries per page","nav-maximize":"Maximize","nav-minimize":"Minimize","logo-description":"Logo {{orgShort}}. Federal eagle with flag staff and lettering {{orgLong}}","open-link-in-tab":"The link will open in a new tab.","kolibri-logo":"KoliBri logo","sort-descending":"sorted column {{column}} descending","sort-ascending":"sorted column {{column}} ascending","sort-none":"column {{column}} not sorted","table-pagination-label":"Pagination for table {{label}}","avatar-alt":"Avatar of {{name}}","toast-close-all":"Close all"},l=t=>Object.keys(t).reduce(((e,a)=>(e[`kol-${a}`]=t[a],e)),{}),r=new Set([t=>t("en",l(o)),t=>t("de",l(n))]),h=(t,e)=>{const a=(0,i.g)();if(void 0===a)return(0,s.d)("[I18n] I18nService not available! Please call the global register function."),t;let n=a.translate(t,e);return n===t&&((0,s.d)("[I18n] Locales not initialized! Initialize default locales automatically."),r.forEach((t=>t(((t,e)=>(a.addResourceBundle(t,e),t))))),n=a.translate(t,e)),n}},4291:(t,e,a)=>{a.r(e),a.d(e,{kol_pagination:()=>b});var i=a(8269),s=a(7681),n=a(8461),o=a(718),l=a(3248),r=a(160),h=a(4609),g=a(8230),c=a(2180);const p={left:"codicon codicon-debug-reverse-continue"},u={left:"codicon codicon-chevron-left"},d={right:"codicon codicon-chevron-right"},_={right:"codicon codicon-debug-continue"},b=class{constructor(t){(0,i.r)(this,t),this.nonce=(0,r.n)(),this.calcCount=(t,e=1)=>Math.ceil(t/e),this.getCount=()=>this.calcCount(this.state._max,this.state._pageSize),this.onClick=(t,e)=>{"function"==typeof this.state._on.onClick&&this.state._on.onClick(t,e),this.onChangePage(t,e)},this.onChangePage=(t,e)=>{const a=setTimeout((()=>{clearTimeout(a),"function"==typeof this.state._on.onChangePage&&this.state._on.onChangePage(t,e)}))},this.onChangePageSize=(t,e)=>{if("number"==typeof(e=parseInt(e[0]))&&e>0&&this._pageSize!==e){this._pageSize=e;const a=setTimeout((()=>{clearTimeout(a),"function"==typeof this.state._on.onChangePageSize&&this.state._on.onChangePageSize(t,this._pageSize)}))}},this.onGoToFirst={onClick:t=>{this.onClick(t,1)}},this.onGoToEnd={onClick:t=>{this.onClick(t,this.getCount())}},this.onGoBackward={onClick:t=>{this.onClick(t,this.state._page-1)}},this.onGoForward={onClick:t=>{this.onClick(t,this.state._page+1)}},this.beforePageSize=(t,e)=>{let a=e.has("_pageSize")?e.get("_pageSize"):this.state._pageSize;const i=e.has("_pageSizeOptions")?e.get("_pageSizeOptions"):this.state._pageSizeOptions;if(Array.isArray(i)&&i.length>0){const t=i.find((t=>t.value===a));a=void 0===t?i[0].value:t.value,e.set("_pageSize",a)}const s=e.has("_page")?e.get("_page"):this.state._page,n=e.has("_max")?e.get("_max"):this.state._max;this.syncPage(e,s,e.get("_pageSize"),n)},this.syncPage=(t,e,a,i)=>{if(i>0){const s=this.calcCount(i,a);s>0&&(e>s?(t.set("_page",s),this.onChangePage(c.S,s)):e<1&&(t.set("_page",1),this.onChangePage(c.S,1)))}},this.beforePageSizeOptions=(t,e)=>{const a=[];if(Array.isArray(t))for(const e of t)"number"==typeof e&&a.push({label:(0,s.a)("kol-page-per-site",{placeholders:{entries:`${e}`}}),value:e});e.set("_pageSizeOptions",a),this.beforePageSize(a,e)},this._boundaryCount=1,this._customClass=void 0,this._label=void 0,this._hasButtons=!0,this._page=void 0,this._pageSize=1,this._pageSizeOptions=[],this._on=void 0,this._siblingCount=1,this._tooltipAlign="top",this._total=void 0,this._max=void 0,this._variant="normal",this.state={_boundaryCount:1,_label:(0,s.a)("kol-pagination"),_hasButtons:{first:!0,last:!0,next:!0,previous:!0},_on:{onClick:()=>null},_page:0,_pageSize:1,_pageSizeOptions:[],_siblingCount:1,_max:0,_variant:"normal"}}render(){var t;let e=!1;const a=this.getCount(),n=Array.from(Array(a).keys()).map((t=>t+1)).map((t=>t<=this.state._boundaryCount||t>a-this.state._boundaryCount||t>=this.state._page-this.state._siblingCount&&t<=this.state._page+this.state._siblingCount?(e=!0,this.state._page===t?this.getSelectedPageButton(t):this.getUnselectedPageButton(t)):!0===e?(e=!1,(0,i.h)("li",null,(0,i.h)("span",{class:"separator",key:`${this.nonce}-el-${t}`,"aria-hidden":"true"}))):null));return(0,i.h)(i.H,null,(0,i.h)("nav",{"aria-label":this.state._label},(0,i.h)("ul",{class:"navigation-list"},this.state._hasButtons.first&&(0,i.h)("li",null,(0,i.h)("kol-button",{class:"first",exportparts:"icon",_customClass:this.state._customClass,_disabled:this.state._page<=1,_icon:p,_hideLabel:!0,_label:(0,s.a)("kol-page-first"),_on:this.onGoToFirst,_variant:this.state._variant,_tooltipAlign:this.state._tooltipAlign})),this.state._hasButtons.previous&&(0,i.h)("li",null,(0,i.h)("kol-button",{class:"previous",exportparts:"icon",_customClass:this.state._customClass,_disabled:this.state._page<=1,_icon:u,_hideLabel:!0,_label:(0,s.a)("kol-page-back"),_on:this.onGoBackward,_variant:this.state._variant,_tooltipAlign:this.state._tooltipAlign})),n,this.state._hasButtons.next&&(0,i.h)("li",null,(0,i.h)("kol-button",{class:"next",exportparts:"icon",_customClass:this.state._customClass,_disabled:a<=this.state._page,_icon:d,_hideLabel:!0,_label:(0,s.a)("kol-page-next"),_on:this.onGoForward,_variant:this.state._variant,_tooltipAlign:this.state._tooltipAlign})),this.state._hasButtons.last&&(0,i.h)("li",null,(0,i.h)("kol-button",{class:"last",exportparts:"icon",_customClass:this.state._customClass,_disabled:a<=this.state._page,_icon:_,_hideLabel:!0,_label:(0,s.a)("kol-page-last"),_on:this.onGoToEnd,_variant:this.state._variant,_tooltipAlign:this.state._tooltipAlign})))),(null===(t=this.state._pageSizeOptions)||void 0===t?void 0:t.length)>0&&(0,i.h)("kol-select",{_hideLabel:!0,_id:`pagination-size-${this.nonce}`,_label:(0,s.a)("kol-entries-per-site"),_list:this.state._pageSizeOptions,_on:{onChange:this.onChangePageSize},_value:[this.state._pageSize]}))}getUnselectedPageButton(t){return(0,i.h)("li",null,(0,i.h)("kol-button",{exportparts:"icon",key:`${this.nonce}-${t}`,_customClass:this.state._customClass,_label:`${t}`,_on:{onClick:e=>{this.onClick(e,t)}},_variant:this.state._variant}))}getSelectedPageButton(t){return(0,i.h)("li",null,(0,i.h)("kol-button-wc",{class:"selected",key:`${this.nonce}-selected`,_customClass:this.state._customClass,_disabled:!0,_ariaCurrent:!0,_label:`${t}`,_variant:this.state._variant}))}validateBoundaryCount(t){(0,h.e)(this,"_boundaryCount",Math.max(0,null!=t?t:1))}validateCustomClass(t){(0,n.v)(this,t)}validateLabel(t,e,a=!1){a||(0,g.r)(this.state._label),(0,o.v)(this,t),(0,g.a)(this.state._label)}validateHasButtons(t){(0,h.w)(this,"_hasButtons",(t=>"boolean"==typeof t||"string"==typeof t||"object"==typeof t&&null!==t),new Set(["Boolean","PaginationHasButton"]),t,{hooks:{beforePatch:(t,e)=>{if("boolean"==typeof t)e.set("_hasButtons",{first:t,last:t,next:t,previous:t});else{if("string"==typeof t)try{t=(0,h.p)(t)}catch(t){e.delete("_hasButtons")}"object"==typeof t&&null!==t&&e.set("_hasButtons",Object.assign(Object.assign({},this.state._hasButtons),{first:"boolean"==typeof t.first?!0===t.first:this.state._hasButtons.first,last:"boolean"==typeof t.last?!0===t.last:this.state._hasButtons.last,next:"boolean"==typeof t.next?!0===t.next:this.state._hasButtons.next,previous:"boolean"==typeof t.previous?!0===t.previous:this.state._hasButtons.previous}))}}}})}validateOn(t){"object"==typeof t&&null!==t&&(this.state=Object.assign(Object.assign({},this.state),{_on:t}))}validatePage(t){(0,h.e)(this,"_page",t,{hooks:{beforePatch:(t,e)=>{const a=e.has("_pageSize")?e.get("_pageSize"):this.state._pageSize,i=e.has("_max")?e.get("_max"):this.state._max;this.syncPage(e,t,a,i)}}})}validatePageSize(t){(0,h.e)(this,"_pageSize",t,{hooks:{beforePatch:this.beforePageSize}})}validatePageSizeOptions(t){(0,h.c)(this,"_pageSizeOptions",(t=>"number"==typeof t),t,void 0,{hooks:{beforePatch:this.beforePageSizeOptions}})}validateSiblingCount(t){(0,h.e)(this,"_siblingCount",Math.max(0,null!=t?t:1))}validateTotal(t){this.validateMax(t)}validateMax(t){((t,e,a)=>{(0,h.e)(t,"_max",e,a)})(this,t,{hooks:{beforePatch:(t,e)=>{const a=e.has("_page")?e.get("_page"):this.state._page,i=e.has("_pageSize")?e.get("_pageSize"):this.state._pageSize;this.syncPage(e,a,i,t)}}})}validateTooltipAlign(t){(0,l.v)(this,t)}validateVariant(t){(0,n.a)(this,t)}componentWillLoad(){this.validateBoundaryCount(this._boundaryCount),this.validateCustomClass(this._customClass),this.validateHasButtons(this._hasButtons),this.validateLabel(this._label,void 0,!0),this.validateOn(this._on),this.validatePage(this._page),this.validatePageSize(this._pageSize),this.validatePageSizeOptions(this._pageSizeOptions),this.validateSiblingCount(this._siblingCount),this.validateTooltipAlign(this._tooltipAlign),this.validateMax(this._max||this._total),this.validateVariant(this._variant),this.validatePage(this._page)}disconnectedCallback(){(0,g.r)(this.state._label)}static get watchers(){return{_boundaryCount:["validateBoundaryCount"],_customClass:["validateCustomClass"],_label:["validateLabel"],_hasButtons:["validateHasButtons"],_on:["validateOn"],_page:["validatePage"],_pageSize:["validatePageSize"],_pageSizeOptions:["validatePageSizeOptions"],_siblingCount:["validateSiblingCount"],_total:["validateTotal"],_max:["validateMax"],_tooltipAlign:["validateTooltipAlign"],_variant:["validateVariant"]}}};b.style={default:":host{--a11y-min-size:44px;font-size:inherit}*{font-family:Verdana;hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}[role='button'],button:not([role='link']),kol-input .input{min-height:var(--a11y-min-size);min-width:var(--a11y-min-size)}a,button,h1,h2,h3,h4,h5,h6,input,option,select,textarea{font-family:inherit;font-size:inherit}:is(a,button){background-color:transparent;border:none;margin:0;padding:0;width:100%;}:host{max-width:100%}*{box-sizing:border-box}kol-span-wc{display:grid;place-items:center}kol-span-wc>span{display:flex;place-items:center}a,button{cursor:pointer}button,input,option,select,textarea{font-family:inherit}.icon-only>kol-span-wc>span>span{display:none}.navigation-list{list-style:none}.separator:before{content:'•••'}"}},718:(t,e,a)=>{a.d(e,{a:()=>c,c:()=>r,h:()=>l,v:()=>g});var i=a(9736),s=a(4609);const n=/[a-zA-Z0-9äöüÄÖÜß]/g,o=/^\d+$/;function l(t,e=1){return function(t){var e;return"string"==typeof t&&(null===(e=t.match(n))||void 0===e?void 0:e.length)||0}(t)>=e}function r(t){return o.test(t)}const h=new Set(["string"]),g=(t,e,a={})=>{(0,s.w)(t,"_label",(t=>"string"==typeof t),h,e,function(t){var e;return{hooks:{afterPatch:(e,a,s,n)=>{var o,h;"function"==typeof(null===(o=t.hooks)||void 0===o?void 0:o.afterPatch)&&(null===(h=t.hooks)||void 0===h||h.afterPatch(e,a,s,n)),"string"==typeof e&&!1===l(e,3)&&!1===r(e)&&(0,i.a)(`The heading or label ("${e}") is not accessible. A label should consist of at least three readable characters.`),"string"==typeof e&&e.length>80&&(0,i.u)("A heading or label should not be longer than 80 characters.")},beforePatch:null===(e=t.hooks)||void 0===e?void 0:e.beforePatch}}}(a))},c=g},3248:(t,e,a)=>{a.d(e,{v:()=>s});var i=a(6432);const s=(t,e)=>{(0,i.v)(t,"_tooltipAlign",e)}},8230:(t,e,a)=>{a.d(e,{a:()=>s,r:()=>n});const i=new Set;function s(t){i.has(t)?console.error(`There already is a nav element with the label "${t}"`):i.add(t)}function n(t){i.delete(t)}}}]);
@@ -0,0 +1,3 @@
1
+ /*!
2
+ * KoliBri - The accessible HTML-Standard
3
+ */
package/dist/4323.js ADDED
@@ -0,0 +1,2 @@
1
+ /*! For license information please see 4323.js.LICENSE.txt */
2
+ "use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[4323],{663:(t,e,i)=>{i.d(e,{a:()=>n,p:()=>r});var a=i(9736),o=i(160),s=i(4609);const l=t=>{for((0,o.b)()&&((0,a.d)("↓ Search form element start."),console.log(t));t instanceof HTMLElement&&"FORM"!==t.tagName&&"KOL-FORM"!==t.tagName;)t=t.parentElement instanceof HTMLElement?t.parentElement:t.parentNode instanceof ShadowRoot?t.parentNode.host:null,(0,o.b)()&&console.log(t);return(0,o.b)()&&(0,a.d)("↑ Search form element finished."),t},n=(t={})=>{var e,i;const a=l(t.form);if(a instanceof HTMLElement){const t=new Event("reset",{bubbles:!0,cancelable:!0});if("FORM"===a.tagName)(0,s.f)(t,a),a.dispatchEvent(t);else if("KOL-FORM"===a.tagName){(0,s.f)(t,s.K.querySelector("form",a));const o=a;"function"==typeof(null===(e=o._on)||void 0===e?void 0:e.onReset)&&(null===(i=o._on)||void 0===i||i.onReset(t))}}},r=(t={})=>{var e,i;const a=l(t.form);if(a instanceof HTMLElement){const t=new SubmitEvent("submit",{bubbles:!0,cancelable:!0,submitter:a});if("FORM"===a.tagName)(0,s.f)(t,a),a.dispatchEvent(t);else if("KOL-FORM"===a.tagName){(0,s.f)(t,s.K.querySelector("form",a));const o=a;"function"==typeof(null===(e=o._on)||void 0===e?void 0:e.onSubmit)&&(null===(i=o._on)||void 0===i||i.onSubmit(t))}}}},4323:(t,e,i)=>{i.r(e),i.d(e,{kol_input_number:()=>u});var a=i(8269),o=i(160),s=i(2180),l=i(663),n=i(9017),r=i(6717),d=i(9736),h=i(4609),c=i(8976);class p extends c.I{constructor(t,e,i){super(t,e,i),this.numberOrIsoDateRegex=/^\d+$|(^\d{4}-([0]\d|1[0-2])-([0-2]\d|3[01])([T ][0-2]\d:[0-5]\d:[0-5]\d(?:\.\d+)?([+-][0-2]\d:[0-5]\d|Z)?)?$)|(^[0-2]\d:[0-5]\d(:[0-5]\d)?$)/,this.parseToString=t=>"string"==typeof t?t:"number"==typeof t?`${t}`:"object"==typeof t&&t instanceof Date?t.toISOString():"",this.validateIso8601=(t,e,i)=>{const a=parseFloat(e),o=a==e;return(0,h.w)(this.component,t,(t=>void 0===t||""===t||o&&"number"==typeof a||this.numberOrIsoDateRegex.test(t)),new Set(["number","Date","string{ISO-8601}"]),this.parseToString(e),{hooks:{afterPatch:t=>{"string"==typeof t&&i&&i(t)}}})},this.component=t}validateAutoComplete(t){(0,h.w)(this.component,"_autoComplete",(t=>"string"==typeof t&&("on"===t||"off"===t)),new Set(["on | off"]),t)}validateHideError(t){(0,n.v)(this.component,t,{hooks:{afterPatch:()=>{this.component.state._hideError&&(0,d.a)("Property hide-error for inputs: Only use when the error message is shown outside of the input component.")}}})}validateList(){}validateSuggestions(t){(0,r.v)(this.component,t)}onChange(t){super.onChange(t),!!t.target.value!=!!this.component._value&&(this.component._value=t.target.value)}validateMax(t){this.validateIso8601("_max",t)}validateMin(t){this.validateIso8601("_min",t)}validatePlaceholder(t){(0,h.d)(this.component,"_placeholder",t)}validateReadOnly(t){(0,h.a)(this.component,"_readOnly",t)}validateRequired(t){(0,h.a)(this.component,"_required",t)}validateStep(t){(0,h.e)(this.component,"_step",t)}validateType(t){(0,h.w)(this.component,"_type",(t=>"string"==typeof t&&("date"===t||"datetime-local"===t||"month"===t||"number"===t||"time"===t||"week"===t)),new Set(["String {date, datetime-local, month, number, time, week}"]),t)}validateValue(t){this.validateValueEx(t)}validateValueEx(t,e){this.validateIso8601("_value",t,e),this.setFormAssociatedValue(this.component.state._value)}componentWillLoad(){super.componentWillLoad(),this.validateAutoComplete(this.component._autoComplete),this.validateHideError(this.component._hideError),this.validateMax(this.component._max),this.validateMin(this.component._min),this.validateSuggestions(this.component._suggestions||this.component._list),this.validatePlaceholder(this.component._placeholder),this.validateReadOnly(this.component._readOnly),this.validateRequired(this.component._required),this.validateStep(this.component._step),this.validateType(this.component._type),this.validateValue(this.component._value)}}const u=class{render(){const{ariaDescribedBy:t}=(0,n.g)(this.state),e=Array.isArray(this.state._suggestions)&&this.state._suggestions.length>0,i=(0,s.s)(this.state._label);return(0,a.h)(a.H,{class:{"has-value":this.state._hasValue}},(0,a.h)("kol-input",{class:{[this.state._type]:!0,"hide-label":!!this.state._hideLabel},_disabled:this.state._disabled,_error:this.state._error,_hideError:this.state._hideError,_hideLabel:this.state._hideLabel,_hint:this.state._hint,_icons:this.state._icons,_id:this.state._id,_label:this.state._label,_suggestions:this.state._suggestions,_readOnly:this.state._readOnly,_required:this.state._required,_smartButton:this.state._smartButton,_tooltipAlign:this._tooltipAlign,_touched:this.state._touched},(0,a.h)("span",{slot:"label"},i?(0,a.h)("slot",null):this.state._label),(0,a.h)("div",{slot:"input"},(0,a.h)("input",Object.assign({ref:this.catchRef,title:"",accessKey:this.state._accessKey,"aria-describedby":t.length>0?t.join(" "):void 0,"aria-label":this.state._hideLabel&&"string"==typeof this.state._label?this.state._label:void 0,autoCapitalize:"off",autoComplete:this.state._autoComplete,autoCorrect:"off",disabled:this.state._disabled,id:this.state._id,list:e?`${this.state._id}-list`:void 0,max:this.state._max,min:this.state._min,name:this.state._name,readOnly:this.state._readOnly,required:this.state._required,placeholder:this.state._placeholder,step:this.state._step,spellcheck:"false",type:this.state._type,value:this.state._value},this.controller.onFacade,{onKeyUp:this.onKeyUp})))))}constructor(t){(0,a.r)(this,t),this.catchRef=t=>{this.ref=t,(0,s.a)(this.host,this.ref)},this.onKeyUp=t=>{"Enter"===t.code?(0,l.p)({form:this.host,ref:this.ref}):this.controller.onFacade.onChange(t)},this._accessKey=void 0,this._alert=!0,this._autoComplete=void 0,this._disabled=!1,this._error=void 0,this._hideError=!1,this._hideLabel=!1,this._hint="",this._icon=void 0,this._icons=void 0,this._id=void 0,this._label=void 0,this._list=void 0,this._max=void 0,this._min=void 0,this._name=void 0,this._on=void 0,this._placeholder=void 0,this._readOnly=!1,this._required=!1,this._smartButton=void 0,this._suggestions=void 0,this._step=void 0,this._syncValueBySelector=void 0,this._tabIndex=void 0,this._tooltipAlign="top",this._touched=!1,this._type="number",this._value=void 0,this.state={_autoComplete:"off",_hasValue:!1,_hideError:!1,_id:`id-${(0,o.n)()}`,_label:"",_suggestions:[],_type:"number"},this.controller=new p(this,"input-number",this.host)}validateAccessKey(t){this.controller.validateAccessKey(t)}validateAlert(t){this.controller.validateAlert(t)}validateAutoComplete(t){this.controller.validateAutoComplete(t)}validateDisabled(t){this.controller.validateDisabled(t)}validateError(t){this.controller.validateError(t)}validateHideError(t){this.controller.validateHideError(t)}validateHideLabel(t){this.controller.validateHideLabel(t)}validateHint(t){this.controller.validateHint(t)}validateIcon(t){this.validateIcons(t)}validateIcons(t){this.controller.validateIcons(t)}validateId(t){this.controller.validateId(t)}validateLabel(t){this.controller.validateLabel(t)}validateList(t){this.validateSuggestions(t)}validateMax(t){this.controller.validateMax(t)}validateMin(t){this.controller.validateMin(t)}validateName(t){this.controller.validateName(t)}validateOn(t){this.controller.validateOn(t)}validatePlaceholder(t){this.controller.validatePlaceholder(t)}validateReadOnly(t){this.controller.validateReadOnly(t)}validateRequired(t){this.controller.validateRequired(t)}validateSmartButton(t){this.controller.validateSmartButton(t)}validateSuggestions(t){this.controller.validateSuggestions(t)}validateStep(t){this.controller.validateStep(t)}validateSyncValueBySelector(t){this.controller.validateSyncValueBySelector(t)}validateTabIndex(t){this.controller.validateTabIndex(t)}validateTouched(t){this.controller.validateTouched(t)}validateType(t){this.controller.validateType(t)}validateValue(t){this.controller.validateValueEx(t,(t=>{""===t&&this.ref&&(this.ref.value="")}))}componentWillLoad(){this._alert=!0===this._alert,this._touched=!0===this._touched,this.controller.componentWillLoad(),this.state._hasValue=!!this.state._value,this.controller.addValueChangeListener((t=>this.state._hasValue=!!t))}get host(){return(0,a.g)(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_alert:["validateAlert"],_autoComplete:["validateAutoComplete"],_disabled:["validateDisabled"],_error:["validateError"],_hideError:["validateHideError"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_icon:["validateIcon"],_icons:["validateIcons"],_id:["validateId"],_label:["validateLabel"],_list:["validateList"],_max:["validateMax"],_min:["validateMin"],_name:["validateName"],_on:["validateOn"],_placeholder:["validatePlaceholder"],_readOnly:["validateReadOnly"],_required:["validateRequired"],_smartButton:["validateSmartButton"],_suggestions:["validateSuggestions"],_step:["validateStep"],_syncValueBySelector:["validateSyncValueBySelector"],_tabIndex:["validateTabIndex"],_touched:["validateTouched"],_type:["validateType"],_value:["validateValue"]}}};u.style={default:":host{--a11y-min-size:44px;font-size:inherit}*{font-family:Verdana;hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}[role='button'],button:not([role='link']),kol-input .input{min-height:var(--a11y-min-size);min-width:var(--a11y-min-size)}a,button,h1,h2,h3,h4,h5,h6,input,option,select,textarea{font-family:inherit;font-size:inherit}:is(a,button){background-color:transparent;border:none;margin:0;padding:0;width:100%;}:host{max-width:100%}*{box-sizing:border-box}kol-span-wc{display:grid;place-items:center}kol-span-wc>span{display:flex;place-items:center}a,button{cursor:pointer}button,input,option,select,textarea{font-family:inherit}.icon-only>kol-span-wc>span>span{display:none}.required label>span::after,.required legend>span::after{content:'*'}:host{display:block}input,textarea{cursor:text}input[type='checkbox'],input[type='color'],input[type='file'],input[type='radio'],input[type='range'],label,option,select{cursor:pointer}input[type='color'],input[type='date'],input[type='datetime-local'],input[type='email'],input[type='file'],input[type='month'],input[type='number'],input[type='password'],input[type='search'],input[type='tel'],input[type='text'],input[type='time'],input[type='url'],input[type='week'],select,select[multiple] option,textarea{font-size:1rem;width:100%}input[type='file']{padding:calc((var(--a11y-min-size) - 1rem) / 10) 0.5em}select[multiple] option{padding:calc((var(--a11y-min-size) - 1rem) / 2) 0.5em}kol-input.disabled :is(button,input,label,option,select,textarea){cursor:not-allowed;opacity:0.5}kol-input{display:grid}kol-input .input-slot{flex-grow:1}input:not([type='checkbox'],[type='radio']),select:not([multiple],[size]){height:2.75em}input:focus,option:focus,select:focus,textarea:focus{outline:0}.input{display:flex;align-items:center}.input>kol-icon{display:grid;height:var(--a11y-min-size);place-items:center}kol-input.required .input-tooltip .span-label::after{content:'*'}.error.hidden{display:none}"}},6717:(t,e,i)=>{i.d(e,{v:()=>s});var a=i(4609),o=i(9736);const s=(t,e)=>{(0,a.c)(t,"_suggestions",(t=>"string"==typeof t||"number"==typeof t),e,void 0,{hooks:{afterPatch:t=>{Array.isArray(t)&&t.length&&(0,o.a)("Property suggestions: Options have accessibility issues in how browsers implemented them and should not be used for now.")}}})}}}]);
@@ -0,0 +1,3 @@
1
+ /*!
2
+ * KoliBri - The accessible HTML-Standard
3
+ */
package/dist/4355.js ADDED
@@ -0,0 +1,2 @@
1
+ /*! For license information please see 4355.js.LICENSE.txt */
2
+ "use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[4355],{1942:(t,e,a)=>{a.d(e,{v:()=>n});var i=a(6432);const n=(t,e)=>{(0,i.v)(t,"_align",e)}},6432:(t,e,a)=>{a.d(e,{v:()=>o});var i=a(4609);const n=new Set([...new Set(['"left", "right"']),...new Set(['"bottom", "top"'])]),o=(t,e,a)=>{(0,i.w)(t,e,(t=>"bottom"===t||"left"===t||"right"===t||"top"===t),n,a,{defaultValue:"top"})}},7681:(t,e,a)=>{a.d(e,{a:()=>d});var i=a(6341),n=a(9736);const o={error:"Fehler",warning:"Warnung",info:"Hinweis",success:"Erfolg",message:"Nachricht",close:"Schließen","form-description":"Formular-Felder, die mit einem Sternchen (*) gekennzeichnet sind, sind Pflichtangaben.",of:"von",characters:"Zeichen",new:"Neu","no-entries":"Es sind keine Einträge vorhanden.","change-order":"Sortierung von {{colLabel}} ändern","action-running":"Aktion wird ausgeführt...","action-done":"Aktion abgeschlossen",pagination:"Paginierung","page-first":"Direkt zur ersten Seite","page-back":"Eine Seite zurück","page-next":"Eine Seite weiter","page-last":"Direkt zur letzten Seite","entries-per-site":"Einträge pro Seite","page-current":"Seite {{page}}","page-selected":"Seite {{page}} ist ausgewählt","page-per-site":"{{entries}} Einträge pro Seite","nav-maximize":"Navigation maximieren","nav-minimize":"Navigation minimieren","logo-description":"Logo {{orgShort}}. Bundesadler mit Flaggenstab und Schriftzug {{orgLong}}","open-link-in-tab":"Der Link wird in einem neuen Tab geöffnet.","kolibri-logo":"Logo von KoliBri","sort-descending":"Spalte {{column}} absteigend sortiert","sort-ascending":"Spalte {{column}} aufsteigend sortiert","sort-none":"Spalte {{column}} nicht sortiert","table-pagination-label":"Paginierung für die Tabelle {{label}}","avatar-alt":"Avatar von {{name}}","toast-close-all":"Alle schließen"},l={error:"Error",warning:"Warning",info:"Note",success:"Success",message:"Message",close:"Close","form-description":"Form fields marked with an asterisk (*) are mandatory.",of:"of",characters:"characters",new:"New","no-entries":"No entries available.","change-order":"Change order of {{colLabel}}","action-running":"Action is running...","action-done":"Action done",pagination:"Pagination","page-first":"Directly to the first page","page-back":"One page back","page-next":"One page further","page-last":"Directly to the last page","entries-per-site":"Entries per page","page-current":"Page {{page}}","page-selected":"Page {{page}} is selected","page-per-site":"{{entries}} entries per page","nav-maximize":"Maximize","nav-minimize":"Minimize","logo-description":"Logo {{orgShort}}. Federal eagle with flag staff and lettering {{orgLong}}","open-link-in-tab":"The link will open in a new tab.","kolibri-logo":"KoliBri logo","sort-descending":"sorted column {{column}} descending","sort-ascending":"sorted column {{column}} ascending","sort-none":"column {{column}} not sorted","table-pagination-label":"Pagination for table {{label}}","avatar-alt":"Avatar of {{name}}","toast-close-all":"Close all"},s=t=>Object.keys(t).reduce(((e,a)=>(e[`kol-${a}`]=t[a],e)),{}),r=new Set([t=>t("en",s(l)),t=>t("de",s(o))]),d=(t,e)=>{const a=(0,i.g)();if(void 0===a)return(0,n.d)("[I18n] I18nService not available! Please call the global register function."),t;let o=a.translate(t,e);return o===t&&((0,n.d)("[I18n] Locales not initialized! Initialize default locales automatically."),r.forEach((t=>t(((t,e)=>(a.addResourceBundle(t,e),t))))),o=a.translate(t,e)),o}},4355:(t,e,a)=>{a.r(e),a.d(e,{kol_tabs:()=>c});var i=a(8269),n=a(7681),o=a(1942),l=a(718),s=a(9736),r=a(160),d=a(4609);const c=class{constructor(t){(0,i.r)(this,t),this.onCreateLabel=`${(0,n.a)("kol-new")} …`,this.showCreateTab=!1,this.nextPossibleTabIndex=(t,e,a)=>{if(a>0){if(e+a<t.length)return t[e+a]._disabled?this.nextPossibleTabIndex(t,e,a+1):e+a}else if(a<0&&e+a>=0)return t[e+a]._disabled?this.nextPossibleTabIndex(t,e,a-1):e+a;return e},this.onKeyDown=t=>{const e=setTimeout((()=>{clearTimeout(e);let a=null;switch(t.key){case"ArrowRight":a=this.nextPossibleTabIndex(this.state._tabs,this.state._selected,1);break;case"ArrowLeft":a=this.nextPossibleTabIndex(this.state._tabs,this.state._selected,-1)}null!==a&&this.onSelect(t,a,!0)}),250)},this.onClickSelect=(t,e)=>{this.onSelect(t,e,!0)},this.onMouseDown=t=>{t.preventDefault(),t.stopPropagation()},this.callbacks={onClick:this.onClickSelect,onMouseDown:this.onMouseDown},this.catchTabPanelHost=t=>{this.tabPanelHost=t},this.selectNextNotDisabledTab=(t,e,a=!0,i)=>{if(t>e.length-1&&(t=e.length-1),t<0&&(t=0),Array.isArray(e)&&e[t]&&e[t]._disabled){if(!0===a){if(t<e.length-1)return this.selectNextNotDisabledTab(t+1,e,!0,i||t);t=i||t,a=!1}if(!1===a){if(t>0)return this.selectNextNotDisabledTab(t-1,e,!1,i||t);(0,s.d)("[KolTabs] Alle Tabs sind deaktiviert und somit kann kein Tab angezeigt werden.")}}return t},this.syncSelectedAndTabs=(t,e,a,i)=>{let n,o;n="_selected"===i?t:this.state._selected,o="_tabs"===i?t:this.state._tabs,o.length>0&&e.set("_selected",this.selectNextNotDisabledTab(n,o))},this.handleTabPanels=()=>{var t,e,a;if(this.tabPanelHost instanceof HTMLDivElement)for(let i=this.tabPanelHost.children.length;i<this.state._tabs.length;i++){const n=document.createElement("div");n.setAttribute("aria-labelledby",`${this.state._label.replace(/\s/g,"-")}-tab-${i}`),n.setAttribute("id",`tabpanel-${i}`),n.setAttribute("role","tabpanel"),n.setAttribute("hidden","");const o=document.createElement("slot");o.setAttribute("name",`tabpanel-slot-${i}`),n.appendChild(o),this.tabPanelHost.appendChild(n),(null===(t=this.host)||void 0===t?void 0:t.children)instanceof HTMLCollection&&(null===(e=this.host)||void 0===e?void 0:e.children[i])&&(null===(a=this.host)||void 0===a||a.children[i].setAttribute("slot",`tabpanel-slot-${i}`))}},this.onCreate=t=>{var e,a;t.preventDefault(),t.stopPropagation(),"function"==typeof(null===(e=this.state._on)||void 0===e?void 0:e.onCreate)&&(null===(a=this.state._on)||void 0===a||a.onCreate(t))},this._align="top",this._ariaLabel=void 0,this._label=void 0,this._on=void 0,this._selected=0,this._tabs=void 0,this._tabsAlign="top",this.state={_align:"top",_label:"…",_selected:0,_tabs:[]}}renderButtonGroup(){return(0,i.h)("kol-button-group-wc",{role:"tablist","aria-label":this.state._label,onKeyDown:this.onKeyDown},this.state._tabs.map(((t,e)=>(0,i.h)("kol-button-wc",{_disabled:t._disabled,_icons:t._icons||t._icon,_hideLabel:t._hideLabel||t._iconOnly,_label:t._label,_on:this.callbacks,_tabIndex:this.state._selected===e?0:-1,_tooltipAlign:t._tooltipAlign,_variant:this.state._selected===e?"custom":void 0,_customClass:this.state._selected===e?"selected":void 0,_ariaControls:`tabpanel-${e}`,_ariaSelected:this.state._selected===e,_id:`${this.state._label.replace(/\s/g,"-")}-tab-${e}`,_role:"tab",_value:e}))),this.showCreateTab&&(0,i.h)("kol-button-wc",{class:"create-button",_label:this.onCreateLabel,_on:{onClick:this.onCreate}}))}render(){return(0,i.h)(i.H,null,(0,i.h)("div",{ref:t=>{this.tabPanelsElement=t},class:{[`tabs-align-${this.state._align}`]:!0}},this.renderButtonGroup(),(0,i.h)("div",{ref:this.catchTabPanelHost})))}validateAlign(t){(0,o.v)(this,t)}validateAriaLabel(t){this.validateLabel(t)}validateLabel(t){(0,l.v)(this,t)}validateOn(t){if("object"==typeof t&&null!==t){(0,s.f)("[KolTabs] Prüfen, wie man auch einen EventCallback einzeln ändern kann.");const e={};"function"!=typeof t.onCreate&&"object"!=typeof t.onCreate||("object"==typeof t.onCreate?("string"==typeof t.onCreate.label&&t.onCreate.label.length>0?this.onCreateLabel=t.onCreate.label:r.L.debug("[KolTabs] Der Label-Text für Neu in {\n onCreate: {\n label: string (!),\n callback: Function\n }\n} ist nicht korrekt gesetzt."),"function"==typeof t.onCreate.callback?e.onCreate=t.onCreate.callback:r.L.debug("[KolTabs] Die onCreate-Callback-Funktion für Neu in {\n onCreate: {\n label: string,\n callback: Function (!)\n }\n} ist nicht korrekt gesetzt.")):e.onCreate=t.onCreate,this.showCreateTab="function"==typeof e.onCreate),"function"==typeof t.onSelect&&(e.onSelect=t.onSelect),(0,d.s)(this,"_on",e)}}validateSelected(t){(0,d.e)(this,"_selected",t,{hooks:{beforePatch:this.syncSelectedAndTabs}})}validateTabs(t){(0,d.c)(this,"_tabs",(t=>"object"==typeof t&&null!==t&&"string"==typeof t._label&&t._label.length>0),t,void 0,{hooks:{beforePatch:this.syncSelectedAndTabs}}),(0,s.c)("KolTabs",this.state._tabs.length)}validateTabsAlign(t){this.validateAlign(t)}componentWillLoad(){this.validateAlign(this._align||this._tabsAlign),this.validateLabel(this._label||this._ariaLabel),this.validateOn(this._on),this.validateSelected(this._selected),this.validateTabs(this._tabs)}componentDidRender(){if(this.handleTabPanels(),this.tabPanelHost instanceof HTMLDivElement)for(let t=0;t<this.tabPanelHost.children.length;t++)t!==this.state._selected?this.tabPanelHost.children[t].setAttribute("hidden",""):this.tabPanelHost.children[t].removeAttribute("hidden")}onSelect(t,e,a=!1){var i,n;this._selected=e,"function"==typeof(null===(i=this._on)||void 0===i?void 0:i.onSelect)&&(null===(n=this._on)||void 0===n||n.onSelect(t,e)),!0===a&&(this.selectedTimeout=setTimeout((()=>{if(clearTimeout(this.selectedTimeout),this.tabPanelsElement){const t=(0,d.k)(`button#${this.state._label.replace(/\s/g,"-")}-tab-${e}`,this.tabPanelsElement);null==t||t.focus()}}),250))}get host(){return(0,i.g)(this)}static get watchers(){return{_align:["validateAlign"],_ariaLabel:["validateAriaLabel"],_label:["validateLabel"],_on:["validateOn"],_selected:["validateSelected"],_tabs:["validateTabs"],_tabsAlign:["validateTabsAlign"]}}};c.style={default:":host{--a11y-min-size:44px;font-size:inherit}*{font-family:Verdana;hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}[role='button'],button:not([role='link']),kol-input .input{min-height:var(--a11y-min-size);min-width:var(--a11y-min-size)}a,button,h1,h2,h3,h4,h5,h6,input,option,select,textarea{font-family:inherit;font-size:inherit}:is(a,button){background-color:transparent;border:none;margin:0;padding:0;width:100%;}:host{max-width:100%}*{box-sizing:border-box}kol-span-wc{display:grid;place-items:center}kol-span-wc>span{display:flex;place-items:center}a,button{cursor:pointer}button,input,option,select,textarea{font-family:inherit}.icon-only>kol-span-wc>span>span{display:none}:host{display:block}kol-button-group-wc{display:inline-flex;flex-wrap:wrap}kol-button-group-wc button{border-bottom-color:transparent;border-bottom-style:solid;display:block}div.grid,div[role='tabpanel']{height:100%}:host>.tabs-align-right{display:grid;grid-template-columns:1fr auto}:host>.tabs-align-right kol-button-group-wc{display:grid;order:2}:host>.tabs-align-left{display:grid;grid-template-columns:auto 1fr}:host>.tabs-align-left kol-button-group-wc{display:grid;order:0}:host>.tabs-align-bottom{display:grid;grid-template-rows:1fr auto}:host>.tabs-align-bottom kol-button-group-wc{order:2}:host>.tabs-align-bottom kol-button-group-wc>div{display:flex}:host>.tabs-align-bottom>kol-button-group-wc>div>div:first-child{margin:0 1em 0 0}:host>.tabs-align-bottom>kol-button-group-wc>div>div{margin:0 1em}:host>.tabs-align-top{display:grid;grid-template-rows:auto 1fr}:host>.tabs-align-top kol-button-group-wc{order:0}:host>.tabs-align-top kol-button-group-wc>div{display:flex}:host>.tabs-align-top>kol-button-group-wc>div>div:first-child{margin:0 1em 0 0}:host>.tabs-align-top>kol-button-group-wc>div>div{margin:0 1em}:host>div{display:grid}:host>.tabs-align-left kol-button-group-wc,:host>.tabs-align-top kol-button-group-wc{order:0}:host>.tabs-align-bottom kol-button-group-wc,:host>.tabs-align-right kol-button-group-wc{order:1}:host>div.tabs-align-left kol-button-group-wc>div,:host>div.tabs-align-left kol-button-group-wc>div>div,:host>div.tabs-align-right kol-button-group-wc>div,:host>div.tabs-align-right kol-button-group-wc>div>div{display:grid}:host>div.tabs-align-left kol-button-group-wc>div>div kol-button-wc,:host>div.tabs-align-right kol-button-group-wc>div>div kol-button-wc{width:100%}:host>div.tabs-align-bottom kol-button-group-wc div,:host>div.tabs-align-top kol-button-group-wc div{display:flex;flex-wrap:wrap}"}},718:(t,e,a)=>{a.d(e,{a:()=>h,c:()=>r,h:()=>s,v:()=>c});var i=a(9736),n=a(4609);const o=/[a-zA-Z0-9äöüÄÖÜß]/g,l=/^\d+$/;function s(t,e=1){return function(t){var e;return"string"==typeof t&&(null===(e=t.match(o))||void 0===e?void 0:e.length)||0}(t)>=e}function r(t){return l.test(t)}const d=new Set(["string"]),c=(t,e,a={})=>{(0,n.w)(t,"_label",(t=>"string"==typeof t),d,e,function(t){var e;return{hooks:{afterPatch:(e,a,n,o)=>{var l,d;"function"==typeof(null===(l=t.hooks)||void 0===l?void 0:l.afterPatch)&&(null===(d=t.hooks)||void 0===d||d.afterPatch(e,a,n,o)),"string"==typeof e&&!1===s(e,3)&&!1===r(e)&&(0,i.a)(`The heading or label ("${e}") is not accessible. A label should consist of at least three readable characters.`),"string"==typeof e&&e.length>80&&(0,i.u)("A heading or label should not be longer than 80 characters.")},beforePatch:null===(e=t.hooks)||void 0===e?void 0:e.beforePatch}}}(a))},h=c}}]);
@@ -0,0 +1,3 @@
1
+ /*!
2
+ * KoliBri - The accessible HTML-Standard
3
+ */
package/dist/4477.js ADDED
@@ -0,0 +1,2 @@
1
+ /*! For license information please see 4477.js.LICENSE.txt */
2
+ "use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[4477],{9736:(e,i,t)=>{t.d(i,{a:()=>o,b:()=>p,c:()=>f,d:()=>l,e:()=>a,f:()=>h,g:()=>v,h:()=>u,u:()=>b});var n=t(160);const r=new Set,o=(e,i)=>{(!1===r.has(e)||(null==i?void 0:i.force))&&(r.add(e),n.L.debug([e].concat((null==i?void 0:i.details)||[]),{classifier:"✋ a11y",overwriteStyle:"; background-color: #09f"}))},d=new Set,a=(e,i)=>{(!1===d.has(e)||(null==i?void 0:i.force))&&(d.add(e),n.L.warn([e].concat((null==i?void 0:i.details)||[]),{classifier:"🔥 deprecated",overwriteStyle:"; background-color: #f00"}))},s=new Set,l=(e,i)=>{(!1===s.has(e)||(null==i?void 0:i.force))&&(s.add(e),n.L.debug([e].concat((null==i?void 0:i.details)||[]),{classifier:"💻 dev",overwriteStyle:"; background-color: #f09"}))},u=(e,i)=>{(!1===s.has(e)||(null==i?void 0:i.force))&&(s.add(e),n.L.warn([e].concat((null==i?void 0:i.details)||[]),{classifier:"💻 dev",overwriteStyle:"; background-color: #f09"}))},c=new Set,h=(e,i=!1,t)=>{(!1===c.has(e)||(null==t?void 0:t.force))&&(c.add(e),e+=!0===i?" ✅":"",n.L.debug([e].concat((null==t?void 0:t.details)||[]),{classifier:"🌟 feature",overwriteStyle:"; background-color: #309"}))};l("Wir freuen uns über jedes Feedback, Kommentare, Screenshots oder Demo-Links von einer auf KoliBri-basierenden Anwendung (kolibri@itzbund.de). Vielen Dank!");const _=new Set,b=(e,i)=>{(!1===_.has(e)||(null==i?void 0:i.force))&&(_.add(e),n.L.debug([e].concat((null==i?void 0:i.details)||[]),{classifier:"📑 ui/ux",overwriteStyle:"; background-color: #060;"}))},v=()=>{o('"Disabled" schränkt die Zugänglichkeit und Sichtbarkeit ein. Wir empfehlen aus Sicht der Barrierefreiheit readonly- statt disabled-Attribut zu verwenden.\n- https://uxdesign.cc/is-it-ok-to-grey-out-disabled-buttons-8afa74a0fae')},p=e=>{"string"==typeof e&&""!==e||o("Manche Strukturelemente, wie bspw. der nav-Tag, können mehrfach in einer Webseite verwendet werden. Damit die gleichnamigen Strukturelemente voneinander unterschieden werden können, ist es erforderlich ein Aria-Label zu setzen.\n- https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Navigation_Role#accessibility_concerns")},f=(e,i=8)=>{i>7&&b(`[${e}] Innerhalb von Navigationsstrukturen wird empfohlen nicht mehr als 7 Menüpunkte zu verwenden.\n\nLinks:\n- https://de.ryte.com/wiki/Millersche_Zahl\n- https://de.wikipedia.org/wiki/Millersche_Zahl`)}},4477:(e,i,t)=>{t.r(i),t.d(i,{kol_input_radio_group:()=>o});var n=t(8269),r=t(9736);const o=class{constructor(e){(0,n.r)(this,e),this._accessKey=void 0,this._alert=!0,this._disabled=!1,this._error=void 0,this._hideLabel=!1,this._hint="",this._id=void 0,this._label=void 0,this._list=void 0,this._name=void 0,this._on=void 0,this._orientation="vertical",this._required=!1,this._tabIndex=void 0,this._touched=!1,this._value=void 0}render(){return(0,r.e)("[KolInputRadioGroup] Die Komponenten Input-Radio-Group und Input-Radio werden zur Komponente Input-Radio zusammengeführt. Wir empfehlen den Tag <kol-input-radio> statt <kol-input-radio-group> zu verwenden.\n\nMit der Version 1.1 wird die Komponente KolInputRadioGroup aus der Bibliothek entfernt."),(0,n.h)("kol-input-radio",{_accessKey:this._accessKey,_disabled:this._disabled,_error:this._error,_hideLabel:this._hideLabel,_id:this._id,_label:this._label,_list:this._list,_name:this._name,_on:this._on,_orientation:this._orientation,_required:this._required,_tabIndex:this._tabIndex,_touched:this._touched,_value:this._value},(0,n.h)("slot",null))}}}}]);
@@ -0,0 +1,3 @@
1
+ /*!
2
+ * KoliBri - The accessible HTML-Standard
3
+ */