@public-ui/sample-react 4.0.0-alpha.0 → 5.0.0-alpha.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 (664) hide show
  1. package/README.md +20 -1
  2. package/dist/assets/Alert-CPAV4jP0-CLk7QYp0.js +4 -0
  3. package/dist/assets/Alert-CPAV4jP0-CLk7QYp0.js.map +1 -0
  4. package/dist/assets/Collapsible-BdJSqZfQ-CW3zh1sv.js +4 -0
  5. package/dist/assets/Collapsible-BdJSqZfQ-CW3zh1sv.js.map +1 -0
  6. package/dist/assets/CustomSuggestionsToggle-bD-uaZjm-VQtkCu9s.js +4 -0
  7. package/dist/assets/CustomSuggestionsToggle-bD-uaZjm-VQtkCu9s.js.map +1 -0
  8. package/dist/assets/FieldControlStateWrapper-Dx7wIY7O-BARR_W_9.js +4 -0
  9. package/dist/assets/FieldControlStateWrapper-Dx7wIY7O-BARR_W_9.js.map +1 -0
  10. package/dist/assets/FormFieldStateWrapper-P3gsirX7-_klxEfUe.js +4 -0
  11. package/dist/assets/FormFieldStateWrapper-P3gsirX7-_klxEfUe.js.map +1 -0
  12. package/dist/assets/Heading-E6VPUTCQ-B1xNnKja.js +4 -0
  13. package/dist/assets/Heading-E6VPUTCQ-B1xNnKja.js.map +1 -0
  14. package/dist/assets/Icon-CZGGWMvI-CpggmwQf.js +4 -0
  15. package/dist/assets/Icon-CZGGWMvI-CpggmwQf.js.map +1 -0
  16. package/dist/assets/Input-B9Wel4KN-CD5ZpCgM.js +4 -0
  17. package/dist/assets/Input-B9Wel4KN-CD5ZpCgM.js.map +1 -0
  18. package/dist/assets/InputStateWrapper-tA40Qb4L-B2T4BcML.js +4 -0
  19. package/dist/assets/InputStateWrapper-tA40Qb4L-B2T4BcML.js.map +1 -0
  20. package/dist/assets/InternalUnderlinedBadgeText-CAeB1moW-RuwntPUK.js +4 -0
  21. package/dist/assets/InternalUnderlinedBadgeText-CAeB1moW-RuwntPUK.js.map +1 -0
  22. package/dist/assets/README.md +1 -0
  23. package/dist/assets/Span-4JeabU4v-B4Ic693K.js +4 -0
  24. package/dist/assets/Span-4JeabU4v-B4Ic693K.js.map +1 -0
  25. package/dist/assets/access-and-short-key-bcID78Ha-DEFKt7Bg.js +4 -0
  26. package/dist/assets/access-and-short-key-bcID78Ha-DEFKt7Bg.js.map +1 -0
  27. package/dist/assets/align-CyK0wp7d-DAXTQf4t.js +4 -0
  28. package/dist/assets/align-CyK0wp7d-DAXTQf4t.js.map +1 -0
  29. package/dist/assets/align-floating-elements-Bx4ukVlr-CL_0eU3g.js +4 -0
  30. package/dist/assets/align-floating-elements-Bx4ukVlr-CL_0eU3g.js.map +1 -0
  31. package/dist/assets/associated.controller-BKIODHIT-Di-mnA6P.js +4 -0
  32. package/dist/assets/associated.controller-BKIODHIT-Di-mnA6P.js.map +1 -0
  33. package/dist/assets/auto-complete-BsG3RQJ3-Bomu057n.js +4 -0
  34. package/dist/assets/auto-complete-BsG3RQJ3-Bomu057n.js.map +1 -0
  35. package/dist/assets/clsx-eK3rPvPS-BT_IL7Fz.js +4 -0
  36. package/dist/assets/clsx-eK3rPvPS-BT_IL7Fz.js.map +1 -0
  37. package/dist/assets/codicons/codicon.css +54 -1
  38. package/dist/assets/codicons/codicon.csv +41 -0
  39. package/dist/assets/codicons/codicon.svg +1 -1
  40. package/dist/assets/codicons/codicon.ttf +0 -0
  41. package/dist/assets/color-C3pYZKV3-Boz82QD1.js +4 -0
  42. package/dist/assets/color-C3pYZKV3-Boz82QD1.js.map +1 -0
  43. package/dist/assets/controller-4o5NtKAV-D22HY-_r.js +4 -0
  44. package/dist/assets/controller-4o5NtKAV-D22HY-_r.js.map +1 -0
  45. package/dist/assets/controller-CAN1DW3L-B9N3aOv7.js +4 -0
  46. package/dist/assets/controller-CAN1DW3L-B9N3aOv7.js.map +1 -0
  47. package/dist/assets/controller-CV2y9Ae_-C2Ci0S_1.js +4 -0
  48. package/dist/assets/controller-CV2y9Ae_-C2Ci0S_1.js.map +1 -0
  49. package/dist/assets/controller-Dl3IUIE_-BJro71ic.js +4 -0
  50. package/dist/assets/controller-Dl3IUIE_-BJro71ic.js.map +1 -0
  51. package/dist/assets/controller-icon-Dl7OIeHN-B8sxZuO8.js +4 -0
  52. package/dist/assets/controller-icon-Dl7OIeHN-B8sxZuO8.js.map +1 -0
  53. package/dist/assets/custom-class-CA0KGtrM-CKVUEgqH.js +4 -0
  54. package/dist/assets/custom-class-CA0KGtrM-CKVUEgqH.js.map +1 -0
  55. package/dist/assets/dev.utils-CeYsnaLz-_oCb7mSZ.js +16 -0
  56. package/dist/assets/dev.utils-CeYsnaLz-_oCb7mSZ.js.map +1 -0
  57. package/dist/assets/devtools-DAp5aq4j-B34OXP1z.js +16 -0
  58. package/dist/assets/devtools-DAp5aq4j-B34OXP1z.js.map +1 -0
  59. package/dist/assets/disabled-BydergHu-DG5LdC-Q.js +4 -0
  60. package/dist/assets/disabled-BydergHu-DG5LdC-Q.js.map +1 -0
  61. package/dist/assets/has-closer-BBMh8HY3-X-04kzoH.js +4 -0
  62. package/dist/assets/has-closer-BBMh8HY3-X-04kzoH.js.map +1 -0
  63. package/dist/assets/hide-label-DRunOux4--dDsrCvo.js +4 -0
  64. package/dist/assets/hide-label-DRunOux4--dDsrCvo.js.map +1 -0
  65. package/dist/assets/href-zZq6HYWf-CJRn7KoA.js +4 -0
  66. package/dist/assets/href-zZq6HYWf-CJRn7KoA.js.map +1 -0
  67. package/dist/assets/i18n-CdSCDnmA-DXZ5RBs2.js +4 -0
  68. package/dist/assets/i18n-CdSCDnmA-DXZ5RBs2.js.map +1 -0
  69. package/dist/assets/icons-72ER78AW-DpSGILmm.js +4 -0
  70. package/dist/assets/icons-72ER78AW-DpSGILmm.js.map +1 -0
  71. package/dist/assets/image-source-RWPv7frZ-DPAFBpz5.js +4 -0
  72. package/dist/assets/image-source-RWPv7frZ-DPAFBpz5.js.map +1 -0
  73. package/dist/assets/index-BGOAkFhh.css +1 -0
  74. package/dist/assets/index-BcWoQyjV.js +14095 -0
  75. package/dist/assets/index-BcWoQyjV.js.map +1 -0
  76. package/dist/assets/isObject-DvSELytj-B0RigBxT.js +4 -0
  77. package/dist/assets/isObject-DvSELytj-B0RigBxT.js.map +1 -0
  78. package/dist/assets/keyboard-D6PoWr38-Bn_Qh8Bq.js +4 -0
  79. package/dist/assets/keyboard-D6PoWr38-Bn_Qh8Bq.js.map +1 -0
  80. package/dist/assets/kol-abbr.entry-D1-px79M.js +237 -0
  81. package/dist/assets/kol-abbr.entry-D1-px79M.js.map +1 -0
  82. package/dist/assets/kol-accordion.entry-D5TwzVdy.js +249 -0
  83. package/dist/assets/kol-accordion.entry-D5TwzVdy.js.map +1 -0
  84. package/dist/assets/kol-alert-wc.entry-BRcerKE9.js +4 -0
  85. package/dist/assets/kol-alert-wc.entry-BRcerKE9.js.map +1 -0
  86. package/dist/assets/kol-alert.entry-DjTpHMvm.js +258 -0
  87. package/dist/assets/kol-alert.entry-DjTpHMvm.js.map +1 -0
  88. package/dist/assets/kol-avatar-wc.entry-DL1FiK4Y.js +4 -0
  89. package/dist/assets/kol-avatar-wc.entry-DL1FiK4Y.js.map +1 -0
  90. package/dist/assets/kol-avatar.entry-D-Hk8QoG.js +221 -0
  91. package/dist/assets/kol-avatar.entry-D-Hk8QoG.js.map +1 -0
  92. package/dist/assets/kol-badge.entry-BmtWYybc.js +248 -0
  93. package/dist/assets/kol-badge.entry-BmtWYybc.js.map +1 -0
  94. package/dist/assets/kol-breadcrumb.entry-4_4wJ1V7.js +281 -0
  95. package/dist/assets/kol-breadcrumb.entry-4_4wJ1V7.js.map +1 -0
  96. package/dist/assets/kol-button-link.entry-C4RHDvXg.js +267 -0
  97. package/dist/assets/kol-button-link.entry-C4RHDvXg.js.map +1 -0
  98. package/dist/assets/kol-button-wc.entry-CO1HKaP-.js +4 -0
  99. package/dist/assets/kol-button-wc.entry-CO1HKaP-.js.map +1 -0
  100. package/dist/assets/kol-button.entry-7-wx39q5.js +258 -0
  101. package/dist/assets/kol-button.entry-7-wx39q5.js.map +1 -0
  102. package/dist/assets/kol-card-wc.entry-PlaKhF5y.js +4 -0
  103. package/dist/assets/kol-card-wc.entry-PlaKhF5y.js.map +1 -0
  104. package/dist/assets/kol-card.entry-CyHtLWIW.js +250 -0
  105. package/dist/assets/kol-card.entry-CyHtLWIW.js.map +1 -0
  106. package/dist/assets/kol-combobox.entry-CpmqxpBN.js +343 -0
  107. package/dist/assets/kol-combobox.entry-CpmqxpBN.js.map +1 -0
  108. package/dist/assets/kol-details.entry-kQzWhN5P.js +260 -0
  109. package/dist/assets/kol-details.entry-kQzWhN5P.js.map +1 -0
  110. package/dist/assets/kol-drawer.entry-DxS7MGCL.js +289 -0
  111. package/dist/assets/kol-drawer.entry-DxS7MGCL.js.map +1 -0
  112. package/dist/assets/kol-form.entry-DFy3LYKz.js +283 -0
  113. package/dist/assets/kol-form.entry-DFy3LYKz.js.map +1 -0
  114. package/dist/assets/kol-heading.entry-Bz6Uz9Xb.js +197 -0
  115. package/dist/assets/kol-heading.entry-Bz6Uz9Xb.js.map +1 -0
  116. package/dist/assets/kol-icon.entry-C4kKMLmM.js +2376 -0
  117. package/dist/assets/kol-icon.entry-C4kKMLmM.js.map +1 -0
  118. package/dist/assets/kol-image.entry-DN85gHIY.js +199 -0
  119. package/dist/assets/kol-image.entry-DN85gHIY.js.map +1 -0
  120. package/dist/assets/kol-input-checkbox.entry-BB36qYTr.js +435 -0
  121. package/dist/assets/kol-input-checkbox.entry-BB36qYTr.js.map +1 -0
  122. package/dist/assets/kol-input-color.entry-CRrCLnIq.js +331 -0
  123. package/dist/assets/kol-input-color.entry-CRrCLnIq.js.map +1 -0
  124. package/dist/assets/kol-input-date.entry-GfOOymhn.js +313 -0
  125. package/dist/assets/kol-input-date.entry-GfOOymhn.js.map +1 -0
  126. package/dist/assets/kol-input-email.entry-PV2-V6ea.js +313 -0
  127. package/dist/assets/kol-input-email.entry-PV2-V6ea.js.map +1 -0
  128. package/dist/assets/kol-input-file.entry-BV9OeZr8.js +345 -0
  129. package/dist/assets/kol-input-file.entry-BV9OeZr8.js.map +1 -0
  130. package/dist/assets/kol-input-number.entry-RTzOX8E_.js +313 -0
  131. package/dist/assets/kol-input-number.entry-RTzOX8E_.js.map +1 -0
  132. package/dist/assets/kol-input-password.entry-P1D_zg4A.js +316 -0
  133. package/dist/assets/kol-input-password.entry-P1D_zg4A.js.map +1 -0
  134. package/dist/assets/kol-input-radio.entry-dTd41HrI.js +434 -0
  135. package/dist/assets/kol-input-radio.entry-dTd41HrI.js.map +1 -0
  136. package/dist/assets/kol-input-range.entry-DcGp-uOd.js +360 -0
  137. package/dist/assets/kol-input-range.entry-DcGp-uOd.js.map +1 -0
  138. package/dist/assets/kol-input-text.entry-TOkH_vFE.js +313 -0
  139. package/dist/assets/kol-input-text.entry-TOkH_vFE.js.map +1 -0
  140. package/dist/assets/kol-kolibri.entry-vnjBHTkR.js +203 -0
  141. package/dist/assets/kol-kolibri.entry-vnjBHTkR.js.map +1 -0
  142. package/dist/assets/kol-link-button.entry-CiZlKz0X.js +258 -0
  143. package/dist/assets/kol-link-button.entry-CiZlKz0X.js.map +1 -0
  144. package/dist/assets/kol-link-wc.entry-gCO8GEIA.js +4 -0
  145. package/dist/assets/kol-link-wc.entry-gCO8GEIA.js.map +1 -0
  146. package/dist/assets/kol-link.entry-CEbyTLtL.js +264 -0
  147. package/dist/assets/kol-link.entry-CEbyTLtL.js.map +1 -0
  148. package/dist/assets/kol-modal.entry-DxkjKvjF.js +265 -0
  149. package/dist/assets/kol-modal.entry-DxkjKvjF.js.map +1 -0
  150. package/dist/assets/kol-nav.entry-ETXrkvXL.js +280 -0
  151. package/dist/assets/kol-nav.entry-ETXrkvXL.js.map +1 -0
  152. package/dist/assets/kol-pagination-wc.entry-CVm2_d-B.js +4 -0
  153. package/dist/assets/kol-pagination-wc.entry-CVm2_d-B.js.map +1 -0
  154. package/dist/assets/kol-pagination.entry-CFi2-gxM.js +258 -0
  155. package/dist/assets/kol-pagination.entry-CFi2-gxM.js.map +1 -0
  156. package/dist/assets/kol-popover-button-wc.entry-ChSU6IFm.js +4 -0
  157. package/dist/assets/kol-popover-button-wc.entry-ChSU6IFm.js.map +1 -0
  158. package/dist/assets/kol-popover-button.entry-DxNtCQp-.js +266 -0
  159. package/dist/assets/kol-popover-button.entry-DxNtCQp-.js.map +1 -0
  160. package/dist/assets/kol-popover-wc.entry-DifxtFqF.js +4 -0
  161. package/dist/assets/kol-popover-wc.entry-DifxtFqF.js.map +1 -0
  162. package/dist/assets/kol-progress.entry-nca34a3W.js +275 -0
  163. package/dist/assets/kol-progress.entry-nca34a3W.js.map +1 -0
  164. package/dist/assets/kol-quote.entry-YXiTZNnm.js +220 -0
  165. package/dist/assets/kol-quote.entry-YXiTZNnm.js.map +1 -0
  166. package/dist/assets/kol-select.entry-BH_s2GX5.js +326 -0
  167. package/dist/assets/kol-select.entry-BH_s2GX5.js.map +1 -0
  168. package/dist/assets/kol-single-select.entry-DVUfcX_x.js +359 -0
  169. package/dist/assets/kol-single-select.entry-DVUfcX_x.js.map +1 -0
  170. package/dist/assets/kol-skip-nav.entry-CMICgsBM.js +213 -0
  171. package/dist/assets/kol-skip-nav.entry-CMICgsBM.js.map +1 -0
  172. package/dist/assets/kol-spin.entry-BibNCOH_.js +326 -0
  173. package/dist/assets/kol-spin.entry-BibNCOH_.js.map +1 -0
  174. package/dist/assets/kol-split-button.entry-CN1J8gkv.js +299 -0
  175. package/dist/assets/kol-split-button.entry-CN1J8gkv.js.map +1 -0
  176. package/dist/assets/kol-table-settings-wc.entry-DzYEaUnI.js +4 -0
  177. package/dist/assets/kol-table-settings-wc.entry-DzYEaUnI.js.map +1 -0
  178. package/dist/assets/kol-table-stateful.entry-DC6QZqed.js +478 -0
  179. package/dist/assets/kol-table-stateful.entry-DC6QZqed.js.map +1 -0
  180. package/dist/assets/kol-table-stateless-wc.entry-BKTtdiXs.js +4 -0
  181. package/dist/assets/kol-table-stateless-wc.entry-BKTtdiXs.js.map +1 -0
  182. package/dist/assets/kol-table-stateless.entry-ceyX4Pr1.js +437 -0
  183. package/dist/assets/kol-table-stateless.entry-ceyX4Pr1.js.map +1 -0
  184. package/dist/assets/kol-tabs.entry-ugHVPvjR.js +285 -0
  185. package/dist/assets/kol-tabs.entry-ugHVPvjR.js.map +1 -0
  186. package/dist/assets/kol-textarea.entry-BvcXAwnb.js +312 -0
  187. package/dist/assets/kol-textarea.entry-BvcXAwnb.js.map +1 -0
  188. package/dist/assets/kol-toast-container.entry-C3GIT1za.js +267 -0
  189. package/dist/assets/kol-toast-container.entry-C3GIT1za.js.map +1 -0
  190. package/dist/assets/kol-toolbar.entry-2hd718Om.js +271 -0
  191. package/dist/assets/kol-toolbar.entry-2hd718Om.js.map +1 -0
  192. package/dist/assets/kol-tooltip-wc.entry-hBiCsVpb.js +4 -0
  193. package/dist/assets/kol-tooltip-wc.entry-hBiCsVpb.js.map +1 -0
  194. package/dist/assets/kol-tree-item-wc.entry-Cr2lH6I6.js +4 -0
  195. package/dist/assets/kol-tree-item-wc.entry-Cr2lH6I6.js.map +1 -0
  196. package/dist/assets/kol-tree-item.entry-DmWUWFcB.js +230 -0
  197. package/dist/assets/kol-tree-item.entry-DmWUWFcB.js.map +1 -0
  198. package/dist/assets/kol-tree-wc.entry-BxjlLj3I.js +4 -0
  199. package/dist/assets/kol-tree-wc.entry-BxjlLj3I.js.map +1 -0
  200. package/dist/assets/kol-tree.entry-DtuEyjDz.js +203 -0
  201. package/dist/assets/kol-tree.entry-DtuEyjDz.js.map +1 -0
  202. package/dist/assets/kol-version.entry-BAe12zmq.js +192 -0
  203. package/dist/assets/kol-version.entry-BAe12zmq.js.map +1 -0
  204. package/dist/assets/kreon/OFL.txt +93 -93
  205. package/dist/assets/label-CdtNxOKu-pHFEuQ3R.js +4 -0
  206. package/dist/assets/label-CdtNxOKu-pHFEuQ3R.js.map +1 -0
  207. package/dist/assets/link-variant-H9yefO89-BVbfesoN.js +4 -0
  208. package/dist/assets/link-variant-H9yefO89-BVbfesoN.js.map +1 -0
  209. package/dist/assets/markdown-DL-PkOqb-4V8Cu5gn.js +19 -0
  210. package/dist/assets/markdown-DL-PkOqb-4V8Cu5gn.js.map +1 -0
  211. package/dist/assets/material-icons/css/_mixins.scss +2 -2
  212. package/dist/assets/material-icons/css/_variables.scss +3 -3
  213. package/dist/assets/material-icons/css/material-icons.scss +16 -22
  214. package/dist/assets/material-icons/iconfont/filled.scss +3 -3
  215. package/dist/assets/material-icons/iconfont/material-icons.scss +5 -5
  216. package/dist/assets/material-icons/iconfont/outlined.scss +3 -3
  217. package/dist/assets/material-icons/iconfont/round.scss +3 -3
  218. package/dist/assets/material-icons/iconfont/sharp.scss +3 -3
  219. package/dist/assets/material-icons/iconfont/two-tone.scss +3 -3
  220. package/dist/assets/material-symbols/index.scss +3 -3
  221. package/dist/assets/material-symbols/outlined.scss +2 -2
  222. package/dist/assets/material-symbols/rounded.scss +2 -2
  223. package/dist/assets/material-symbols/sharp.scss +2 -2
  224. package/dist/assets/max-length-behavior-BmNWss6T-BiOjdIG-.js +4 -0
  225. package/dist/assets/max-length-behavior-BmNWss6T-BiOjdIG-.js.map +1 -0
  226. package/dist/assets/multiple-bcm5IaCN-BM-5Peyu.js +4 -0
  227. package/dist/assets/multiple-bcm5IaCN-BM-5Peyu.js.map +1 -0
  228. package/dist/assets/noto-sans/fonts/OFL.txt +93 -93
  229. package/dist/assets/open-D9q98v46-Bj8Lg8iR.js +4 -0
  230. package/dist/assets/open-D9q98v46-Bj8Lg8iR.js.map +1 -0
  231. package/dist/assets/orientation-5kQWqijN-b_j8C7_r.js +4 -0
  232. package/dist/assets/orientation-5kQWqijN-b_j8C7_r.js.map +1 -0
  233. package/dist/assets/placeholder-6URRds0_-BkuOrv2r.js +4 -0
  234. package/dist/assets/placeholder-6URRds0_-BkuOrv2r.js.map +1 -0
  235. package/dist/assets/read-only-CcRldJ9w-CcImKy3V.js +4 -0
  236. package/dist/assets/read-only-CcRldJ9w-CcImKy3V.js.map +1 -0
  237. package/dist/assets/required-G86n77y0-D0bNZ_U9.js +4 -0
  238. package/dist/assets/required-G86n77y0-D0bNZ_U9.js.map +1 -0
  239. package/dist/assets/reuse-CX4AQDkS-Cyh-fyjG.js +4 -0
  240. package/dist/assets/reuse-CX4AQDkS-Cyh-fyjG.js.map +1 -0
  241. package/dist/assets/roboto/LICENSE.txt +202 -202
  242. package/dist/assets/rows-P4l3PNiA-BMhEFcD5.js +4 -0
  243. package/dist/assets/rows-P4l3PNiA-BMhEFcD5.js.map +1 -0
  244. package/dist/assets/show-DsV_Vx8g-Dv3aCZCZ.js +4 -0
  245. package/dist/assets/show-DsV_Vx8g-Dv3aCZCZ.js.map +1 -0
  246. package/dist/assets/spell-check-DIsLAYgk-nyUkR3AD.js +4 -0
  247. package/dist/assets/spell-check-DIsLAYgk-nyUkR3AD.js.map +1 -0
  248. package/dist/assets/suggestions-DfF4lcNG-DtOaXua3.js +4 -0
  249. package/dist/assets/suggestions-DfF4lcNG-DtOaXua3.js.map +1 -0
  250. package/dist/assets/table-settings-DSZObo-2-CG57c-Iz.js +4 -0
  251. package/dist/assets/table-settings-DSZObo-2-CG57c-Iz.js.map +1 -0
  252. package/dist/assets/test-component.entry-XCdkvKax.js +4 -0
  253. package/dist/assets/test-component.entry-XCdkvKax.js.map +1 -0
  254. package/dist/assets/tooltip-align-_VI7LehI-CnTmBpTY.js +4 -0
  255. package/dist/assets/tooltip-align-_VI7LehI-CnTmBpTY.js.map +1 -0
  256. package/dist/assets/tooltip-open-tracking-rBbBgPWP-CZrYVTp5.js +4 -0
  257. package/dist/assets/tooltip-open-tracking-rBbBgPWP-CZrYVTp5.js.map +1 -0
  258. package/dist/assets/tslib.es6-CxX45GIN-BAJoBDh7.js +4 -0
  259. package/dist/assets/tslib.es6-CxX45GIN-BAJoBDh7.js.map +1 -0
  260. package/dist/assets/unique-nav-labels-C_NhdgGz-CJHm2FuG.js +4 -0
  261. package/dist/assets/unique-nav-labels-C_NhdgGz-CJHm2FuG.js.map +1 -0
  262. package/dist/assets/validation-CW_RXPSn-jNLxrEvl.js +4 -0
  263. package/dist/assets/validation-CW_RXPSn-jNLxrEvl.js.map +1 -0
  264. package/dist/assets/validation-DoIjmu3L-CXCVI4ek.js +4 -0
  265. package/dist/assets/validation-DoIjmu3L-CXCVI4ek.js.map +1 -0
  266. package/dist/index.html +16 -14
  267. package/index.html +29 -0
  268. package/package.json +54 -48
  269. package/public/assets/README.md +1 -0
  270. package/public/assets/codicons/codicon.css +54 -1
  271. package/public/assets/codicons/codicon.csv +41 -0
  272. package/public/assets/codicons/codicon.svg +1 -1
  273. package/public/assets/codicons/codicon.ttf +0 -0
  274. package/public/assets/kreon/OFL.txt +93 -93
  275. package/public/assets/material-icons/css/_mixins.scss +2 -2
  276. package/public/assets/material-icons/css/_variables.scss +3 -3
  277. package/public/assets/material-icons/css/material-icons.scss +16 -22
  278. package/public/assets/material-icons/iconfont/filled.scss +3 -3
  279. package/public/assets/material-icons/iconfont/material-icons.scss +5 -5
  280. package/public/assets/material-icons/iconfont/outlined.scss +3 -3
  281. package/public/assets/material-icons/iconfont/round.scss +3 -3
  282. package/public/assets/material-icons/iconfont/sharp.scss +3 -3
  283. package/public/assets/material-icons/iconfont/two-tone.scss +3 -3
  284. package/public/assets/material-symbols/index.scss +3 -3
  285. package/public/assets/material-symbols/outlined.scss +2 -2
  286. package/public/assets/material-symbols/rounded.scss +2 -2
  287. package/public/assets/material-symbols/sharp.scss +2 -2
  288. package/public/assets/noto-sans/fonts/OFL.txt +93 -93
  289. package/public/assets/roboto/LICENSE.txt +202 -202
  290. package/src/App.tsx +2 -6
  291. package/src/components/BackPage.tsx +1 -1
  292. package/src/components/FormWrap.tsx +18 -16
  293. package/src/components/Navigation.tsx +1 -1
  294. package/src/components/SampleColumns.tsx +10 -0
  295. package/src/components/SampleDescription.tsx +28 -16
  296. package/src/components/Sidebar.tsx +32 -13
  297. package/src/components/abbr/basic.tsx +2 -2
  298. package/src/components/accordion/basic.tsx +1 -1
  299. package/src/components/accordion/headlines.tsx +1 -1
  300. package/src/components/alert/basic.tsx +5 -5
  301. package/src/components/alert/html.tsx +1 -1
  302. package/src/components/avatar/basic.tsx +1 -1
  303. package/src/components/badge/basic.tsx +2 -2
  304. package/src/components/badge/button.tsx +2 -2
  305. package/src/components/badge/formatted-label.tsx +19 -0
  306. package/src/components/badge/routes.ts +2 -0
  307. package/src/components/breadcrumb/basic.tsx +1 -1
  308. package/src/components/button/access-key.tsx +5 -4
  309. package/src/components/button/aria-description.tsx +1 -1
  310. package/src/components/button/baselined.tsx +2 -2
  311. package/src/components/button/icons.tsx +1 -1
  312. package/src/components/button/partials/cases.tsx +3 -3
  313. package/src/components/button/partials/variants.tsx +1 -1
  314. package/src/components/button/routes.ts +2 -0
  315. package/src/components/button/row-reverse-tooltip.tsx +26 -0
  316. package/src/components/button/short-key.tsx +108 -6
  317. package/src/components/button/width.tsx +1 -1
  318. package/src/components/button-link/aria-description.tsx +1 -1
  319. package/src/components/button-link/basic.tsx +9 -4
  320. package/src/components/button-link/icons.tsx +1 -1
  321. package/src/components/button-link/image.tsx +1 -1
  322. package/src/components/card/basic.tsx +1 -1
  323. package/src/components/combobox/basic.tsx +1 -6
  324. package/src/components/combobox/partials/cases.tsx +1 -1
  325. package/src/components/combobox/partials/variants.tsx +3 -2
  326. package/src/components/details/basic.tsx +1 -1
  327. package/src/components/drawer/basic.tsx +32 -30
  328. package/src/components/drawer/controlled.tsx +2 -13
  329. package/src/components/drawer/partials/align.tsx +1 -1
  330. package/src/components/drawer/routes.ts +2 -0
  331. package/src/components/drawer/scrolled.tsx +133 -0
  332. package/src/components/form/basic.tsx +1 -1
  333. package/src/components/form/error-list.tsx +66 -24
  334. package/src/components/handout/basic.tsx +27 -37
  335. package/src/components/heading/badged.tsx +1 -1
  336. package/src/components/heading/basic.tsx +1 -1
  337. package/src/components/heading/paragraph.tsx +1 -1
  338. package/src/components/heading/routes.ts +2 -0
  339. package/src/components/heading/secondary.tsx +20 -0
  340. package/src/components/icon/basic.tsx +3 -2
  341. package/src/components/image/basic.tsx +2 -2
  342. package/src/components/input-checkbox/basic.tsx +1 -1
  343. package/src/components/input-checkbox/button.tsx +1 -1
  344. package/src/components/input-checkbox/partials/cases.tsx +1 -1
  345. package/src/components/input-checkbox/partials/variants.tsx +5 -4
  346. package/src/components/input-checkbox/switch.tsx +1 -1
  347. package/src/components/input-color/basic.tsx +1 -1
  348. package/src/components/input-color/partials/cases.tsx +5 -3
  349. package/src/components/input-color/partials/variants.tsx +3 -2
  350. package/src/components/input-date/basic.tsx +1 -1
  351. package/src/components/input-date/copy-paste.tsx +172 -0
  352. package/src/components/input-date/partials/cases.tsx +8 -5
  353. package/src/components/input-date/partials/minMax.tsx +4 -4
  354. package/src/components/input-date/partials/variants.tsx +4 -3
  355. package/src/components/input-date/reset.tsx +1 -1
  356. package/src/components/input-date/routes.ts +4 -0
  357. package/src/components/input-date/show-hide-msg.tsx +59 -0
  358. package/src/components/input-email/basic.tsx +1 -1
  359. package/src/components/input-email/partials/cases.tsx +7 -4
  360. package/src/components/input-email/partials/variants.tsx +3 -2
  361. package/src/components/input-file/basic.tsx +1 -1
  362. package/src/components/input-file/partials/cases.tsx +7 -4
  363. package/src/components/input-file/partials/variants.tsx +3 -2
  364. package/src/components/input-number/basic.tsx +1 -1
  365. package/src/components/input-number/partials/cases.tsx +1 -1
  366. package/src/components/input-number/partials/variants.tsx +3 -2
  367. package/src/components/input-password/basic.tsx +1 -1
  368. package/src/components/input-password/partials/cases.tsx +9 -6
  369. package/src/components/input-password/partials/variants.tsx +3 -2
  370. package/src/components/input-password/show-password.tsx +9 -1
  371. package/src/components/input-radio/basic.tsx +1 -1
  372. package/src/components/input-radio/horizontal.tsx +3 -3
  373. package/src/components/input-radio/objectValue.tsx +1 -1
  374. package/src/components/input-radio/partials/cases.tsx +1 -14
  375. package/src/components/input-radio/partials/variants.tsx +11 -8
  376. package/src/components/input-range/basic.tsx +1 -1
  377. package/src/components/input-range/partials/cases.tsx +7 -4
  378. package/src/components/input-range/partials/variants.tsx +3 -2
  379. package/src/components/input-text/basic.tsx +1 -1
  380. package/src/components/input-text/expert-slot.tsx +1 -1
  381. package/src/components/input-text/{hide-errors.tsx → hide-msg.tsx} +6 -6
  382. package/src/components/input-text/partials/cases.tsx +4 -4
  383. package/src/components/input-text/partials/variants.tsx +3 -2
  384. package/src/components/input-text/routes.ts +2 -2
  385. package/src/components/input-text/smart-button.tsx +43 -14
  386. package/src/components/input-text/text-formatter.tsx +3 -4
  387. package/src/components/kolibri/basic.tsx +1 -1
  388. package/src/components/link/access-key.tsx +2 -4
  389. package/src/components/link/aria-description.tsx +1 -1
  390. package/src/components/link/basic.tsx +13 -11
  391. package/src/components/link/icons.tsx +1 -1
  392. package/src/components/link/image.tsx +1 -1
  393. package/src/components/link/link-react-router.tsx +31 -0
  394. package/src/components/link/routes.ts +2 -0
  395. package/src/components/link/short-key.tsx +2 -2
  396. package/src/components/link/target.tsx +1 -1
  397. package/src/components/link-button/aria-description.tsx +2 -2
  398. package/src/components/link-button/basic.tsx +9 -11
  399. package/src/components/modal/basic.tsx +41 -55
  400. package/src/components/nav/aria-current.tsx +1 -1
  401. package/src/components/nav/basic.tsx +20 -4
  402. package/src/components/nav/links.ts +61 -0
  403. package/src/components/nav/routes.ts +0 -2
  404. package/src/components/pagination/basic.tsx +2 -2
  405. package/src/components/popover-button/basic.tsx +62 -0
  406. package/src/components/popover-button/routes.ts +8 -0
  407. package/src/components/progress/basic.tsx +13 -6
  408. package/src/components/quote/basic.tsx +1 -1
  409. package/src/components/quote/block.tsx +1 -1
  410. package/src/components/select/basic.tsx +1 -1
  411. package/src/components/select/partials/cases.tsx +25 -6
  412. package/src/components/select/partials/variants.tsx +3 -2
  413. package/src/components/single-select/basic.tsx +1 -7
  414. package/src/components/single-select/partials/cases.tsx +10 -5
  415. package/src/components/single-select/partials/variants.tsx +8 -7
  416. package/src/components/skip-nav/basic.tsx +1 -1
  417. package/src/components/spin/basic.tsx +1 -1
  418. package/src/components/spin/custom.css +13 -12
  419. package/src/components/spin/custom.tsx +1 -1
  420. package/src/components/spin/cycle.tsx +1 -1
  421. package/src/components/spin/label.tsx +23 -0
  422. package/src/components/spin/routes.ts +2 -0
  423. package/src/components/split-button/basic.tsx +28 -17
  424. package/src/components/split-button/with-context.tsx +2 -2
  425. package/src/components/table/column-alignment.tsx +16 -13
  426. package/src/components/table/complex-headers.tsx +21 -10
  427. package/src/components/table/horizontal-scrollbar.tsx +50 -25
  428. package/src/components/table/interactive-child-elements.tsx +3 -3
  429. package/src/components/table/multi-sort.tsx +6 -4
  430. package/src/components/table/non-hidable-columns.tsx +35 -0
  431. package/src/components/table/pagination-position.tsx +26 -5
  432. package/src/components/table/predefined-settings.tsx +42 -0
  433. package/src/components/table/render-cell.tsx +4 -5
  434. package/src/components/table/routes.ts +17 -9
  435. package/src/components/table/sort-data.tsx +16 -18
  436. package/src/components/table/stateful-with-selection.tsx +10 -6
  437. package/src/components/table/stateful-with-single-selection.tsx +6 -5
  438. package/src/components/table/stateless-with-selection.tsx +11 -7
  439. package/src/components/table/stateless-with-settings-menu.tsx +52 -0
  440. package/src/components/table/stateless-with-single-selection.tsx +9 -6
  441. package/src/components/table/stateless.tsx +3 -2
  442. package/src/components/table/sticky-header.tsx +37 -0
  443. package/src/components/table/test-complex-data.ts +2214 -0
  444. package/src/components/table/with-footer.tsx +4 -3
  445. package/src/components/table/with-pagination.tsx +3 -3
  446. package/src/components/tabs/align.tsx +1 -1
  447. package/src/components/tabs/basic.tsx +1 -1
  448. package/src/components/tabs/behavior.tsx +1 -1
  449. package/src/components/tabs/create-button.tsx +42 -0
  450. package/src/components/tabs/icons-only.tsx +1 -1
  451. package/src/components/tabs/routes.ts +2 -0
  452. package/src/components/textarea/adjust-height.tsx +1 -1
  453. package/src/components/textarea/basic.tsx +1 -1
  454. package/src/components/textarea/partials/cases.tsx +10 -5
  455. package/src/components/textarea/partials/variants.tsx +3 -2
  456. package/src/components/textarea/resize.tsx +7 -6
  457. package/src/components/textarea/routes.ts +2 -2
  458. package/src/components/textarea/rows.tsx +1 -1
  459. package/src/components/textarea/with-counter.tsx +23 -0
  460. package/src/components/toast/basic.tsx +11 -38
  461. package/src/components/toast/configurator.tsx +84 -0
  462. package/src/components/toast/routes.ts +2 -0
  463. package/src/components/toolbar/basic.tsx +40 -40
  464. package/src/components/toolbar/disabled.tsx +2 -5
  465. package/src/components/tree/basic.tsx +3 -3
  466. package/src/components/version/basic.tsx +1 -1
  467. package/src/components/version/context.tsx +1 -1
  468. package/src/main.ts +11 -0
  469. package/src/react.main.tsx +59 -10
  470. package/src/scenarios/appointment-form/AppointmentForm.tsx +1 -1
  471. package/src/scenarios/appointment-form/AvailableAppointmentsForm.tsx +1 -1
  472. package/src/scenarios/appointment-form/DistrictForm.tsx +2 -2
  473. package/src/scenarios/appointment-form/PersonalInformationForm.tsx +6 -3
  474. package/src/scenarios/appointment-form/Summary.tsx +1 -1
  475. package/src/scenarios/appointment-form/formUtils.ts +1 -1
  476. package/src/scenarios/change-tabindex.tsx +25 -23
  477. package/src/scenarios/custom-tooltip-width.tsx +1 -1
  478. package/src/scenarios/disabled-interactive-elements.tsx +1 -1
  479. package/src/scenarios/focus-elements.tsx +1 -1
  480. package/src/scenarios/horizontal-scrollbar-advanced/TableHorizontalScrollbarAdvanced.tsx +10 -4
  481. package/src/scenarios/horizontal-scrollbar-advanced/layout.scss +7 -7
  482. package/src/scenarios/input-group-with-error.tsx +5 -5
  483. package/src/scenarios/inputs-get-value.tsx +11 -6
  484. package/src/scenarios/performance-test.tsx +27 -0
  485. package/src/scenarios/react-hook-form/basic.tsx +183 -0
  486. package/src/scenarios/routes.ts +16 -6
  487. package/src/scenarios/same-height-of-all-interactive-elements.tsx +62 -0
  488. package/src/scenarios/sample-form-with-validation.tsx +192 -0
  489. package/src/scenarios/static-form.tsx +1 -1
  490. package/src/scenarios/toolbar-item-order.tsx +64 -0
  491. package/src/scenarios/tooltip-positioning.tsx +29 -0
  492. package/src/shares/longOptions.ts +15 -0
  493. package/src/shares/routes.ts +3 -7
  494. package/src/shares/store.ts +0 -19
  495. package/src/shares/theme.ts +5 -9
  496. package/src/style.scss +36 -13
  497. package/tsconfig.json +2 -1
  498. package/unocss.config.ts +251 -153
  499. package/vite.config.ts +42 -0
  500. package/.eslintignore +0 -2
  501. package/.eslintrc.js +0 -33
  502. package/.gitignore +0 -41
  503. package/.prettierignore +0 -4
  504. package/dist/1487.js +0 -2
  505. package/dist/1487.js.LICENSE.txt +0 -3
  506. package/dist/1552.js +0 -2
  507. package/dist/1552.js.LICENSE.txt +0 -3
  508. package/dist/1596.js +0 -2
  509. package/dist/1596.js.LICENSE.txt +0 -3
  510. package/dist/1636.js +0 -2
  511. package/dist/1636.js.LICENSE.txt +0 -3
  512. package/dist/1792.js +0 -2
  513. package/dist/1792.js.LICENSE.txt +0 -3
  514. package/dist/2017.js +0 -2
  515. package/dist/2017.js.LICENSE.txt +0 -3
  516. package/dist/2207.js +0 -2
  517. package/dist/2207.js.LICENSE.txt +0 -3
  518. package/dist/2322.js +0 -2
  519. package/dist/2322.js.LICENSE.txt +0 -3
  520. package/dist/2538.js +0 -2
  521. package/dist/2538.js.LICENSE.txt +0 -3
  522. package/dist/2567.js +0 -2
  523. package/dist/2567.js.LICENSE.txt +0 -3
  524. package/dist/263.js +0 -2
  525. package/dist/263.js.LICENSE.txt +0 -3
  526. package/dist/2719.js +0 -2
  527. package/dist/2719.js.LICENSE.txt +0 -3
  528. package/dist/3064.js +0 -2
  529. package/dist/3064.js.LICENSE.txt +0 -3
  530. package/dist/3077.js +0 -2
  531. package/dist/3077.js.LICENSE.txt +0 -3
  532. package/dist/3238.js +0 -2
  533. package/dist/3238.js.LICENSE.txt +0 -3
  534. package/dist/3395.js +0 -2
  535. package/dist/3395.js.LICENSE.txt +0 -3
  536. package/dist/35.js +0 -2
  537. package/dist/35.js.LICENSE.txt +0 -3
  538. package/dist/3521.js +0 -2
  539. package/dist/3521.js.LICENSE.txt +0 -3
  540. package/dist/356.js +0 -2
  541. package/dist/356.js.LICENSE.txt +0 -3
  542. package/dist/3714.js +0 -2
  543. package/dist/3714.js.LICENSE.txt +0 -3
  544. package/dist/3735.js +0 -2
  545. package/dist/3735.js.LICENSE.txt +0 -3
  546. package/dist/3766.js +0 -2
  547. package/dist/3766.js.LICENSE.txt +0 -3
  548. package/dist/380.js +0 -2
  549. package/dist/380.js.LICENSE.txt +0 -3
  550. package/dist/3906.js +0 -2
  551. package/dist/3906.js.LICENSE.txt +0 -3
  552. package/dist/3994.js +0 -2
  553. package/dist/3994.js.LICENSE.txt +0 -3
  554. package/dist/4025.js +0 -2
  555. package/dist/4025.js.LICENSE.txt +0 -3
  556. package/dist/4058.js +0 -2
  557. package/dist/4058.js.LICENSE.txt +0 -3
  558. package/dist/4118.js +0 -2
  559. package/dist/4118.js.LICENSE.txt +0 -3
  560. package/dist/4182.js +0 -2
  561. package/dist/4182.js.LICENSE.txt +0 -3
  562. package/dist/4188.js +0 -2
  563. package/dist/4188.js.LICENSE.txt +0 -3
  564. package/dist/4332.js +0 -2
  565. package/dist/4332.js.LICENSE.txt +0 -3
  566. package/dist/4402.js +0 -2
  567. package/dist/4402.js.LICENSE.txt +0 -3
  568. package/dist/4818.js +0 -2
  569. package/dist/4818.js.LICENSE.txt +0 -3
  570. package/dist/4892.js +0 -2
  571. package/dist/4892.js.LICENSE.txt +0 -3
  572. package/dist/4933.js +0 -2
  573. package/dist/4933.js.LICENSE.txt +0 -3
  574. package/dist/4943.js +0 -2
  575. package/dist/4943.js.LICENSE.txt +0 -3
  576. package/dist/5034.js +0 -2
  577. package/dist/5034.js.LICENSE.txt +0 -3
  578. package/dist/5056.js +0 -2
  579. package/dist/5056.js.LICENSE.txt +0 -3
  580. package/dist/5157.js +0 -2
  581. package/dist/5157.js.LICENSE.txt +0 -3
  582. package/dist/5296.js +0 -2
  583. package/dist/5296.js.LICENSE.txt +0 -3
  584. package/dist/5356.js +0 -2
  585. package/dist/5356.js.LICENSE.txt +0 -3
  586. package/dist/5551.js +0 -2
  587. package/dist/5551.js.LICENSE.txt +0 -3
  588. package/dist/5835.js +0 -2
  589. package/dist/5835.js.LICENSE.txt +0 -3
  590. package/dist/5840.js +0 -2
  591. package/dist/5840.js.LICENSE.txt +0 -3
  592. package/dist/5889.js +0 -2
  593. package/dist/5889.js.LICENSE.txt +0 -3
  594. package/dist/5912.js +0 -2
  595. package/dist/5912.js.LICENSE.txt +0 -3
  596. package/dist/6082.js +0 -2
  597. package/dist/6082.js.LICENSE.txt +0 -3
  598. package/dist/6099.js +0 -2
  599. package/dist/6099.js.LICENSE.txt +0 -3
  600. package/dist/6181.js +0 -2
  601. package/dist/6181.js.LICENSE.txt +0 -3
  602. package/dist/619.js +0 -2
  603. package/dist/619.js.LICENSE.txt +0 -3
  604. package/dist/6671.js +0 -2
  605. package/dist/6671.js.LICENSE.txt +0 -3
  606. package/dist/6775.js +0 -2
  607. package/dist/6775.js.LICENSE.txt +0 -3
  608. package/dist/7274.js +0 -2
  609. package/dist/7274.js.LICENSE.txt +0 -3
  610. package/dist/7795.js +0 -2
  611. package/dist/7795.js.LICENSE.txt +0 -3
  612. package/dist/7802.js +0 -2
  613. package/dist/7802.js.LICENSE.txt +0 -3
  614. package/dist/7860.js +0 -2
  615. package/dist/7860.js.LICENSE.txt +0 -3
  616. package/dist/8092.js +0 -2
  617. package/dist/8092.js.LICENSE.txt +0 -3
  618. package/dist/8111.js +0 -2
  619. package/dist/8111.js.LICENSE.txt +0 -3
  620. package/dist/8146.js +0 -2
  621. package/dist/8146.js.LICENSE.txt +0 -3
  622. package/dist/8427.js +0 -2
  623. package/dist/8427.js.LICENSE.txt +0 -3
  624. package/dist/8495.js +0 -2
  625. package/dist/8495.js.LICENSE.txt +0 -3
  626. package/dist/8672.js +0 -2
  627. package/dist/8672.js.LICENSE.txt +0 -3
  628. package/dist/8737.js +0 -2
  629. package/dist/8737.js.LICENSE.txt +0 -3
  630. package/dist/8786.js +0 -2
  631. package/dist/8786.js.LICENSE.txt +0 -3
  632. package/dist/8796.js +0 -2
  633. package/dist/8796.js.LICENSE.txt +0 -3
  634. package/dist/8977.js +0 -2
  635. package/dist/8977.js.LICENSE.txt +0 -3
  636. package/dist/9333.js +0 -2
  637. package/dist/9333.js.LICENSE.txt +0 -3
  638. package/dist/9389.js +0 -2
  639. package/dist/9389.js.LICENSE.txt +0 -3
  640. package/dist/9561.js +0 -2
  641. package/dist/9561.js.LICENSE.txt +0 -3
  642. package/dist/9599.js +0 -2
  643. package/dist/9599.js.LICENSE.txt +0 -3
  644. package/dist/9612.js +0 -2
  645. package/dist/9612.js.LICENSE.txt +0 -3
  646. package/dist/9890.js +0 -2
  647. package/dist/9890.js.LICENSE.txt +0 -3
  648. package/dist/assets/codicons/codicon.html +0 -3911
  649. package/dist/main.css +0 -4
  650. package/dist/main.js +0 -2
  651. package/dist/main.js.LICENSE.txt +0 -64
  652. package/prettier.config.js +0 -5
  653. package/public/assets/codicons/codicon.html +0 -3911
  654. package/public/index.html +0 -28
  655. package/src/components/button-group/basic.tsx +0 -34
  656. package/src/components/button-group/routes.ts +0 -8
  657. package/src/components/indented-text/basic.tsx +0 -37
  658. package/src/components/indented-text/routes.ts +0 -8
  659. package/src/components/link-group/basic.tsx +0 -23
  660. package/src/components/link-group/horizontal.tsx +0 -23
  661. package/src/components/link-group/routes.ts +0 -10
  662. package/src/components/nav/horizontal.tsx +0 -24
  663. package/src/components/textarea/counter.tsx +0 -20
  664. package/webpack.config.js +0 -19
package/dist/3906.js DELETED
@@ -1,2 +0,0 @@
1
- /*! For license information please see 3906.js.LICENSE.txt */
2
- "use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[3906],{6762:(e,t,i)=>{i.d(t,{i:()=>s,n:()=>c,r:()=>a});var o=i(1114),n=i(1523),r=i(6448);const l=()=>{let e=(0,r.d)().KoliBri;return void 0===e&&(e={},Object.defineProperty((0,r.d)(),"KoliBri",{value:e,writable:!1})),e},s=()=>{(()=>{const e=(0,r.g)().querySelector('meta[name="kolibri"]');if(e&&e.hasAttribute("content")){const t=e.getAttribute("content");"string"==typeof t&&((0,r.s)(t.includes("dev-mode=true")),(0,r.b)(t.includes("experimental-mode=true")),(0,r.c)(t.includes("color-contrast-analysis=true")))}})(),r.L.debug(`\n,--. ,--. ,--. ,--. ,-----. ,--.\n| .' / ,---. | | \`--' | |) /_ ,--.--. \`--'\n| . ' | .-. | | | ,--. | .-. \\ | .--' ,--.\n| |\\ \\ | '-' | | | | | | '--' / | | | |\n\`--' \`--´ \`---´ \`--' \`--' \`------´ \`--' \`--'\n🚹 The accessible HTML-Standard | 👉 https://public-ui.github.io | ${o.E.kolibriVersion}\n\t`,{forceLog:!0})},a=()=>{!0!==l().adviceShown&&(Object.defineProperty(l(),"adviceShown",{get:function(){return!0}}),r.L.debug("\nYou are using the KoliBri component library. If you have any suggestions for improvement or find a problem, please contact us:\n\nTicket: https://github.com/public-ui/kolibri/issues/new/choose (for privacy reasons, please use email)\nEmail: kolibri@itzbund.de\n"))};let c=()=>Math.floor(16777215*Math.random()).toString(16);"test"===n.p&&(c=()=>"nonce")},3906:(e,t,i)=>{i.r(t),i.d(t,{initialize:()=>a});var o=i(6762),n=i(6448),r=i(4058);function l(e,t){try{Object.defineProperty((()=>{let e=(0,n.d)().KoliBri;return void 0===e&&(e={},Object.defineProperty((0,n.d)(),"KoliBri",{value:e,writable:!1})),e})(),e,{get:function(){return t}})}catch(t){n.L.debug(`KoliBri property ${e} is already bind.`)}}const s=(e,t)=>n.L.debug(`${e} ${t?"":"not "}activated`),a=()=>{if((0,o.i)(),(0,n.e)()){(0,o.r)(),l("a11yColorContrast",r.z),l("querySelector",r.v),l("querySelectorAll",r.A),l("querySelectorColors",r.B),l("utils",(function(){return r.C})),l("parseJson",r.p),l("stringifyJson",r.D);const e=(0,n.g)().body,t=(0,n.g)().createElement("svg");if(t.setAttribute("aria-label","KoliBri-DevTools"),t.setAttribute("xmlns","http://www.w3.org/2000/svg"),t.setAttribute("role","toolbar"),t.setAttribute("style","position: fixed;color: black;font-size: 200%;bottom: 0.25rem;right: 0.25rem;"),t.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,n.g)().body.appendChild(t),s("Development mode",(0,n.e)()),s("Experimental mode",(0,n.a)()),s("Color contrast analysis",(0,n.f)()),(0,n.f)()){const t=setTimeout((()=>{clearTimeout(t),setInterval((()=>{r.C.queryHtmlElementColors((0,n.g)().createElement("div"),(0,r.z)(e),!1,!1)}),1e4)}),2500)}}}},1523:(e,t,i)=>{i.d(t,{b:()=>l,h:()=>n,p:()=>o,s:()=>r});let o="development";try{o="production"}catch(e){o="production"}const n=(e,t,i)=>{if(e&&t&&"string"==typeof i){const o=e.querySelector(`[slot="${i}"]`);o&&t.appendChild(o)}},r=e=>""===e,l=(e,t)=>e||t||""}}]);
@@ -1,3 +0,0 @@
1
- /*!
2
- * KoliBri - The accessible HTML-Standard
3
- */
package/dist/3994.js DELETED
@@ -1,2 +0,0 @@
1
- /*! For license information please see 3994.js.LICENSE.txt */
2
- "use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[3994],{4913:(n,e,t)=>{t.d(e,{K:()=>h});var o=t(3133),i=t(1114),r=t(4600),a=t(1100),l=t(7883),s=t(9028),c=t(6448);const d=({ariaLabel:n,icon:e})=>(0,i.h)(l.d,{class:"heading-icon",_label:n,_icons:e}),p=({type:n,label:e})=>{switch(n){case"error":return(0,i.h)(d,{ariaLabel:(0,a.t)("kol-error"),icon:"codicon codicon-error",label:e});case"info":return(0,i.h)(d,{ariaLabel:(0,a.t)("kol-info"),icon:"codicon codicon-info",label:e});case"warning":return(0,i.h)(d,{ariaLabel:(0,a.t)("kol-warning"),icon:"codicon codicon-warning",label:e});case"success":return(0,i.h)(d,{ariaLabel:(0,a.t)("kol-success"),icon:"codicon codicon-pass",label:e});default:return(0,i.h)(d,{ariaLabel:(0,a.t)("kol-message"),icon:"codicon codicon-comment",label:e})}},h=(n,e)=>{const{class:t={},type:d="default",variant:h="msg",label:u,hasCloser:f,alert:b,onAlertTimeout:m,onCloserClick:y,level:v}=n,g=(0,o._)(n,["class","type","variant","label","hasCloser","alert","onAlertTimeout","onCloserClick","level"]);if(b){try{c.L.debug(["Navigator should vibrate ...",navigator.vibrate([100,75,100,75,100])])}catch(n){c.L.debug("Navigator does not support vibration.")}setTimeout((()=>{null==m||m()}),1e4)}const k=Object.assign({class:(0,r.c)("kol-alert-wc","alert",d,h,{hasCloser:!!f},t),role:b?"alert":void 0},g);return(0,i.h)("div",Object.assign({},k),(0,i.h)("div",{class:"heading"},(0,i.h)(p,{label:u,type:d}),(0,i.h)("div",{class:"heading-content"},u?(0,i.h)(s.K,{level:v},u):null,"msg"===h&&(0,i.h)("div",{class:"content"},e)),f&&(0,i.h)(l.a,{class:"close",_ariaDescription:(null==u?void 0:u.trim())||"",_hideLabel:!0,_icons:{left:{icon:"codicon codicon-close"}},_label:(0,a.t)("kol-close-alert"),_on:{onClick:y},_tooltipAlign:"left"})),"card"===h&&(0,i.h)("div",{class:"content"},e))}},9028:(n,e,t)=>{t.d(e,{K:()=>d});var o=t(3133),i=t(1114),r=t(4600);const a=1;function l(n){return function(n){return n>=a&&n<=6}(n)?`h${n}`:"strong"}const s=(n,e)=>{var{class:t,level:s=a,variant:c}=n,d=(0,o._)(n,["class","level","variant"]);const p=l(s),h=c||p;return(0,i.h)(p,Object.assign({class:(0,r.c)("headline",`headline-${h}`,t)},d),e)},c=(n,e)=>{var{class:t,level:s=a}=n,c=(0,o._)(n,["class","level"]);const d=function(n){return 1===n?"span":l(n)}(s+1);return(0,i.h)(d,Object.assign({class:(0,r.c)("secondary-headline",t)},c),e)},d=(n,e)=>{var{secondaryHeadline:t,level:l=a,class:d,HeadingGroupProps:p={},SecondaryHeadlineProps:h={}}=n,u=(0,o._)(n,["secondaryHeadline","level","class","HeadingGroupProps","SecondaryHeadlineProps"]);const f="kol-heading-wc",b=Object.assign({level:l},u);if(!t)return(0,i.h)(s,Object.assign({class:(0,r.c)(f,d)},b),e);const{class:m}=p,y=(0,o._)(p,["class"]),v=Object.assign({class:(0,r.c)(f,m)},y);return(0,i.h)("hgroup",Object.assign({},v),(0,i.h)(s,Object.assign({class:d},b),e),(0,i.h)(c,Object.assign({level:l},h),t))}},4600:(n,e,t)=>{function o(n){var e,t,i="";if("string"==typeof n||"number"==typeof n)i+=n;else if("object"==typeof n)if(Array.isArray(n)){var r=n.length;for(e=0;e<r;e++)n[e]&&(t=o(n[e]))&&(i&&(i+=" "),i+=t)}else for(t in n)n[t]&&(i&&(i+=" "),i+=t);return i}function i(){for(var n,e,t=0,i="",r=arguments.length;t<r;t++)(n=arguments[t])&&(e=o(n))&&(i&&(i+=" "),i+=e);return i}t.d(e,{c:()=>i})},1100:(n,e,t)=>{t.d(e,{t:()=>r});var o=t(8457),i=t(1523);let r=(n,e)=>{var t;return(null!==(t=(0,o.g)())&&void 0!==t?t:(0,o.i)("de")).translate(n,e)};"test"===i.p&&(r=n=>n)},3994:(n,e,t)=>{t.r(e),t.d(e,{kol_form:()=>s});var o=t(1114),i=t(1100),r=t(7883),a=t(4913),l=t(4058);const s=class{constructor(n){(0,o.r)(this,n),this.onSubmit=n=>{var e,t;n.preventDefault(),n.stopPropagation(),"function"==typeof(null===(e=this.state._on)||void 0===e?void 0:e.onSubmit)&&(null===(t=this.state._on)||void 0===t||t.onSubmit(n))},this.onReset=n=>{var e,t;n.preventDefault(),n.stopPropagation(),"function"==typeof(null===(e=this.state._on)||void 0===e?void 0:e.onReset)&&(null===(t=this.state._on)||void 0===t||t.onReset(n))},this.handleLinkClick=n=>{var e;const t=null===(e=n.target)||void 0===e?void 0:e.href;if(t){const n=new URL(t),e=document.querySelector(n.hash);e&&"function"==typeof e.focus&&(e.scrollIntoView({behavior:"smooth"}),e.focus())}},this._on=void 0,this._requiredText=!0,this._errorList=void 0,this.state={}}renderErrorList(n){return(0,o.h)(a.K,{type:"error",variant:"card",label:(0,i.t)("kol-error-list-message")},(0,o.h)("nav",{"aria-label":(0,i.t)("kol-error-list")},(0,o.h)("ul",null,null==n?void 0:n.map(((n,e)=>(0,o.h)("li",{key:e},(0,o.h)(r.g,{_href:n.selector,_label:n.message,_on:{onClick:this.handleLinkClick},ref:n=>{0===e&&(this.errorListElement=n)}})))))))}renderFormElement(){return(0,o.h)("form",{method:"post",onSubmit:this.onSubmit,onReset:this.onReset,autoComplete:"off",noValidate:!0},!0===this.state._requiredText?(0,o.h)("p",null,(0,o.h)("div",{class:"mandatory-fields-hint"},(0,i.t)("kol-form-description"))):"string"==typeof this.state._requiredText&&this.state._requiredText.length>0?(0,o.h)("p",null,(0,o.h)("div",{class:"mandatory-fields-hint"},this.state._requiredText)):null,(0,o.h)("slot",null))}render(){const n=Array.isArray(this._errorList)&&this._errorList.length>0;return(0,o.h)(o.H,{key:"287a0d74e3d7d647ce3016cdab697fe4fe7e89fd",class:"kol-form"},n&&this.renderErrorList(this._errorList),this.renderFormElement())}focusErrorList(){return n=this,e=function*(){var n;return this._errorList&&this._errorList.length>0&&(null===(n=this.errorListElement)||void 0===n||n.focus()),Promise.resolve()},new Promise(((t,o)=>{var i=n=>{try{a(e.next(n))}catch(n){o(n)}},r=n=>{try{a(e.throw(n))}catch(n){o(n)}},a=n=>n.done?t(n.value):Promise.resolve(n.value).then(i,r);a((e=e.apply(n,null)).next())}));var n,e}validateOn(n){"object"==typeof n&&null!==n&&(this.state=Object.assign(Object.assign({},this.state),{_on:n}))}validateRequiredText(n){"boolean"==typeof n?(0,l.b)(this,"_requiredText",n):(0,l.i)(this,"_requiredText",n)}validateErrorList(n){((n,e)=>{(0,l.w)(n,"errorList",(n=>"object"==typeof n),new Set(["Object"]),e)})(this,n)}componentWillLoad(){this.validateOn(this._on),this.validateRequiredText(this._requiredText),this.validateErrorList(this._errorList)}static get watchers(){return{_on:["validateOn"],_requiredText:["validateRequiredText"],_errorList:["validateErrorList"]}}};s.style={default:"/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n :host {\n /*\n * Minimum size of interactive elements.\n */\n --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\n /*\n * No element should be used without a background and font color whose contrast ratio has\n * not been checked. By initially setting the background color to white and the font color\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\n */\n background-color: white;\n color: black;\n /*\n * Verdana is an accessible font that can be used without requiring additional loading time.\n */\n font-family: Verdana;\n }\n * {\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n hyphens: auto;\n /*\n * Letter spacing is required for all texts.\n */\n letter-spacing: inherit;\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n word-break: break-word;\n /*\n * Word spacing is required for all texts.\n */\n word-spacing: inherit;\n }\n /*\n * All interactive elements should have a minimum size of rem(44).\n */\n /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n /* option, */\n /* select, */\n /* textarea, */\n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n /*\n * Some interactive elements should not inherit the font-family and font-size.\n */\n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n /*\n * All elements should inherit the font family from his parent element.\n */\n font-family: inherit;\n /*\n * All elements should inherit the font size from his parent element.\n */\n font-size: inherit;\n }\n}\n/**\n * Sometimes we need the semantic element for accessibility reasons,\n * but we don't want to show it.\n *\n * - https://www.a11yproject.com/posts/how-to-hide-content/\n */\n.visually-hidden {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: calc(1rem / var(--kolibri-root-font-size, 16));\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: calc(1rem / var(--kolibri-root-font-size, 16));\n}\n\n@layer kol-global {\n /*\n * Dieses CSS stellt sicher, dass der Standard-Style\n * von A und Button resettet werden.\n */\n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; /* 100% needed for custom width from outside */\n }\n /*\n * Ensure elements with hidden attribute to be actually not visible\n * @see https://meowni.ca/hidden.is.a.lie.html\n */\n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n :host {\n /*\n * The max-width is needed to prevent the table from overflowing the\n * parent node, if the table is wider than the parent node.\n */\n max-width: 100%;\n }\n * {\n /*\n * We prefer to box-sizing: border-box for all elements.\n */\n box-sizing: border-box;\n }\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n /* This is the text label. */\n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n /* Reset browser agent style. */\n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n :host {\n display: block;\n }\n}\n@layer kol-component {\n :host {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-tooltip-wc {\n display: contents;\n }\n .kol-tooltip-wc .tooltip-floating {\n animation-duration: 0.5s;\n animation-iteration-count: 1;\n animation-name: fadeInOpacity;\n animation-timing-function: ease-in;\n box-sizing: border-box;\n display: none;\n position: fixed;\n visibility: hidden;\n /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n top: 0;\n left: 0;\n max-width: 90vw;\n max-height: 90vh;\n /* Can be used to specify the tooltip-width from the outside. Unset by default. */\n width: var(--kol-tooltip-width);\n }\n /* Shared between content and arrow */\n .kol-tooltip-wc .tooltip-area {\n background-color: #fff;\n color: #000;\n }\n .kol-tooltip-wc .tooltip-arrow {\n height: calc(10rem / var(--kolibri-root-font-size, 16));\n position: absolute;\n transform: rotate(45deg);\n width: calc(10rem / var(--kolibri-root-font-size, 16));\n z-index: 999;\n }\n .kol-tooltip-wc .tooltip-content {\n position: relative;\n z-index: 1000;\n }\n @keyframes fadeInOpacity {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n }\n}\n@layer kol-component {\n .required label > span::after,\n .required legend > span::after {\n content: \"*\";\n }\n}\n@layer kol-component {\n :host {\n display: block;\n }\n}\n@layer kol-component {\n input,\n textarea {\n cursor: text;\n }\n input[type=checkbox],\n input[type=color],\n input[type=file],\n input[type=radio],\n input[type=range],\n label,\n option,\n select {\n cursor: pointer;\n }\n /* input[type='checkbox'], */\n /* input[type='radio'], */\n /* input[type='range'], */\n input[type=color],\n input[type=date],\n input[type=datetime-local],\n input[type=email],\n input[type=file],\n input[type=month],\n input[type=number],\n input[type=password],\n input[type=search],\n input[type=tel],\n input[type=text],\n input[type=time],\n input[type=url],\n input[type=week],\n select,\n select[multiple] option,\n textarea {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n width: 100%;\n }\n /* needed hack for vertical alignment */\n input[type=file] {\n padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 10) 0.5em;\n }\n /* needed hack for vertical alignment */\n select[multiple] option {\n padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 2) 0.5em;\n }\n .input {\n background-color: white;\n }\n}\n@layer kol-component {\n .kol-input {\n display: grid;\n }\n .kol-input .input-slot {\n flex-grow: 1;\n }\n input:not([type=checkbox], [type=radio]),\n select:not([multiple], [size]) {\n height: 2.75em;\n }\n input:focus,\n option:focus,\n select:focus,\n textarea:focus {\n outline: 0;\n }\n .input {\n display: flex;\n align-items: center;\n }\n .input > .kol-icon {\n display: grid;\n height: var(--a11y-min-size);\n place-items: center;\n }\n .kol-input.required .input-tooltip .span-label::after {\n content: \"*\";\n }\n}\n@layer kol-component {\n :host {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-tooltip-wc {\n display: contents;\n }\n .kol-tooltip-wc .tooltip-floating {\n animation-duration: 0.5s;\n animation-iteration-count: 1;\n animation-name: fadeInOpacity;\n animation-timing-function: ease-in;\n box-sizing: border-box;\n display: none;\n position: fixed;\n visibility: hidden;\n /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n top: 0;\n left: 0;\n max-width: 90vw;\n max-height: 90vh;\n /* Can be used to specify the tooltip-width from the outside. Unset by default. */\n width: var(--kol-tooltip-width);\n }\n /* Shared between content and arrow */\n .kol-tooltip-wc .tooltip-area {\n background-color: #fff;\n color: #000;\n }\n .kol-tooltip-wc .tooltip-arrow {\n height: calc(10rem / var(--kolibri-root-font-size, 16));\n position: absolute;\n transform: rotate(45deg);\n width: calc(10rem / var(--kolibri-root-font-size, 16));\n z-index: 999;\n }\n .kol-tooltip-wc .tooltip-content {\n position: relative;\n z-index: 1000;\n }\n @keyframes fadeInOpacity {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n }\n}\n@layer kol-component {\n :host {\n display: inline-block;\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n :is(a, button) {\n align-items: baseline;\n display: inline-flex;\n place-items: center;\n text-align: left;\n text-decoration-line: none;\n }\n :is(a, button) .kol-span-wc .span-label {\n text-decoration-line: underline;\n }\n a:is(:focus, :hover):not([aria-disabled]) .kol-span-wc .span-label,\n button:is(:focus, :hover):not([disabled]) .kol-span-wc .span-label {\n text-decoration-thickness: 0.2em;\n }\n .skip {\n left: calc(-99999rem / var(--kolibri-root-font-size, 16));\n overflow: hidden;\n position: absolute;\n z-index: 9999999;\n line-height: 1;\n }\n .skip:focus {\n background-color: #fff;\n left: unset;\n padding: 1em;\n position: unset;\n }\n .kol-icon.external-link-icon {\n display: inline-flex;\n margin-left: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n}\n@layer kol-component {\n .kol-alert-wc {\n display: grid;\n }\n .kol-alert-wc .heading {\n display: flex;\n place-items: center;\n }\n .kol-alert-wc .heading > div {\n flex-grow: 1;\n }\n .close {\n /* Visible with forced colors */\n outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\n }\n}\n@layer kol-component {\n :host {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n}"}},1523:(n,e,t)=>{t.d(e,{b:()=>a,h:()=>i,p:()=>o,s:()=>r});let o="development";try{o="production"}catch(n){o="production"}const i=(n,e,t)=>{if(n&&e&&"string"==typeof t){const o=n.querySelector(`[slot="${t}"]`);o&&e.appendChild(o)}},r=n=>""===n,a=(n,e)=>n||e||""},3133:(n,e,t)=>{function o(n,e){var t={};for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&e.indexOf(o)<0&&(t[o]=n[o]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(o=Object.getOwnPropertySymbols(n);i<o.length;i++)e.indexOf(o[i])<0&&Object.prototype.propertyIsEnumerable.call(n,o[i])&&(t[o[i]]=n[o[i]])}return t}t.d(e,{_:()=>o}),"function"==typeof SuppressedError&&SuppressedError}}]);
@@ -1,3 +0,0 @@
1
- /*!
2
- * KoliBri - The accessible HTML-Standard
3
- */
package/dist/4025.js DELETED
@@ -1,2 +0,0 @@
1
- /*! For license information please see 4025.js.LICENSE.txt */
2
- "use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[4025],{1853:(n,e,t)=>{t.d(e,{a:()=>o,v:()=>l});var i=t(4058);const o=(n,e,t)=>{(0,i.w)(n,e,(n=>"string"==typeof n&&a.includes(n)),new Set(a),t,{defaultValue:"top"})},a=["left","right","top","bottom"],l=(n,e)=>{o(n,"_align",e)}},4025:(n,e,t)=>{t.r(e),t.d(e,{kol_drawer:()=>d});var i=t(1114),o=t(1853),a=t(4058),l=t(1085),s=t(7744),r=(n,e,t)=>new Promise(((i,o)=>{var a=n=>{try{s(t.next(n))}catch(n){o(n)}},l=n=>{try{s(t.throw(n))}catch(n){o(n)}},s=n=>n.done?i(n.value):Promise.resolve(n.value).then(a,l);s((t=t.apply(n,e)).next())}));const d=class{constructor(n){(0,i.r)(this,n),this.getWrapperRef=n=>this.dialogWrapperElement=n,this.getRef=n=>this.dialogElement=n,this._open=void 0,this._align=void 0,this._label=void 0,this._modal=void 0,this._on=void 0,this.state={_label:"",_open:!1,_align:"left"}}open(){return r(this,null,(function*(){var n,e;this.state=Object.assign(Object.assign({},this.state),{_open:!0}),this.state._modal?null===(n=this.dialogElement)||void 0===n||n.showModal():null===(e=this.dialogElement)||void 0===e||e.show()}))}close(){return r(this,null,(function*(){this.state=Object.assign(Object.assign({},this.state),{_open:!1});const n=this.dialogWrapperElement;n&&"none"===window.getComputedStyle(n).animationName&&this.handleCloseDialog()}))}renderDialogContent(){const n=this.state._align;return(0,i.h)("div",{ref:this.getWrapperRef,class:`drawer__wrapper drawer__wrapper--${n} ${this.state._open?"drawer__wrapper--open":"is-closing"}`,"aria-label":this.state._label},(0,i.h)("div",{class:"drawer__content"},(0,i.h)("slot",null)))}render(){const n=this.state._modal;return(0,i.h)(i.H,{key:"0d09864696d1d178fbf93db7e5198147610afd1f",class:"kol-drawer drawer "+(n?"drawer--modal":""),ref:n=>this.hostElement=n},(0,i.h)("dialog",{key:"ed6d121734ab4f5a6ec5b8d7c8090509c7a94d80",class:"drawer__dialog",ref:this.getRef},this.renderDialogContent()))}validateLabel(n){(0,l.v)(this,n,{required:!0})}validateAlign(n){(0,o.v)(this,n)}validateModal(n){((n,e)=>{(0,a.b)(n,"_modal",e)})(this,n)}validateOpen(n){return r(this,null,(function*(){"boolean"==typeof n&&((0,s.v)(this,n),n?yield this.open():yield this.close())}))}validateOn(n){if("object"==typeof n&&null!==n){const e={};"function"==typeof n.onClose&&(e.onClose=n.onClose),(0,a.s)(this,"_on",e)}}handleCloseDialog(){var n,e,t;null===(n=this.dialogElement)||void 0===n||n.close(),null===(t=null===(e=this._on)||void 0===e?void 0:e.onClose)||void 0===t||t.call(e)}handleClose(){}handleAnimationEnd(n){n.animationName.includes("slideOut")&&this.handleCloseDialog()}componentDidLoad(){var n,e;null===(n=this.dialogElement)||void 0===n||n.addEventListener("animationend",this.handleAnimationEnd.bind(this)),null===(e=this.dialogElement)||void 0===e||e.addEventListener("close",this.handleClose.bind(this))}disconnectedCallback(){var n,e;null===(n=this.dialogElement)||void 0===n||n.removeEventListener("animationend",this.handleAnimationEnd.bind(this)),null===(e=this.dialogElement)||void 0===e||e.removeEventListener("close",this.handleClose.bind(this))}componentWillLoad(){return r(this,null,(function*(){this.validateLabel(this._label),yield this.validateOpen(this._open),this.validateAlign(this._align),this.validateModal(this._modal),this.validateOn(this._on)}))}static get watchers(){return{_label:["validateLabel"],_align:["validateAlign"],_modal:["validateModal"],_open:["validateOpen"],_on:["validateOn"]}}};d.style={default:"/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n :host {\n /*\n * Minimum size of interactive elements.\n */\n --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\n /*\n * No element should be used without a background and font color whose contrast ratio has\n * not been checked. By initially setting the background color to white and the font color\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\n */\n background-color: white;\n color: black;\n /*\n * Verdana is an accessible font that can be used without requiring additional loading time.\n */\n font-family: Verdana;\n }\n * {\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n hyphens: auto;\n /*\n * Letter spacing is required for all texts.\n */\n letter-spacing: inherit;\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n word-break: break-word;\n /*\n * Word spacing is required for all texts.\n */\n word-spacing: inherit;\n }\n /*\n * All interactive elements should have a minimum size of rem(44).\n */\n /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n /* option, */\n /* select, */\n /* textarea, */\n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n /*\n * Some interactive elements should not inherit the font-family and font-size.\n */\n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n /*\n * All elements should inherit the font family from his parent element.\n */\n font-family: inherit;\n /*\n * All elements should inherit the font size from his parent element.\n */\n font-size: inherit;\n }\n}\n/**\n * Sometimes we need the semantic element for accessibility reasons,\n * but we don't want to show it.\n *\n * - https://www.a11yproject.com/posts/how-to-hide-content/\n */\n.visually-hidden {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: calc(1rem / var(--kolibri-root-font-size, 16));\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: calc(1rem / var(--kolibri-root-font-size, 16));\n}\n\n@layer kol-global {\n /*\n * Dieses CSS stellt sicher, dass der Standard-Style\n * von A und Button resettet werden.\n */\n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; /* 100% needed for custom width from outside */\n }\n /*\n * Ensure elements with hidden attribute to be actually not visible\n * @see https://meowni.ca/hidden.is.a.lie.html\n */\n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n :host {\n /*\n * The max-width is needed to prevent the table from overflowing the\n * parent node, if the table is wider than the parent node.\n */\n max-width: 100%;\n }\n * {\n /*\n * We prefer to box-sizing: border-box for all elements.\n */\n box-sizing: border-box;\n }\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n /* This is the text label. */\n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n /* Reset browser agent style. */\n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n :host {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .drawer__dialog {\n padding: 0;\n border: none;\n }\n .drawer__wrapper {\n position: fixed;\n width: auto;\n overflow: auto;\n background-color: white;\n }\n .drawer__wrapper--left {\n top: 0;\n left: 0;\n height: 100vh;\n max-height: 100%;\n }\n .drawer__wrapper--right {\n top: 0;\n right: 0;\n height: 100vh;\n max-height: 100%;\n }\n .drawer__wrapper--top {\n left: 0;\n top: 0;\n width: 100vw;\n max-width: 100%;\n }\n .drawer__wrapper--bottom {\n left: 0;\n bottom: 0;\n width: 100vw;\n max-width: 100%;\n }\n .drawer__content {\n position: relative;\n padding: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n}"}},1085:(n,e,t)=>{t.d(e,{a:()=>c,b:()=>s,c:()=>r,h:()=>o,v:()=>h});var i=t(4058);const o=[0,1,2,3,4,5,6],a=/[a-zA-Z0-9äöüÄÖÜß]/g,l=/^\d+$/;function s(n,e=1){return function(n){var e;return"string"==typeof n&&(null===(e=n.match(a))||void 0===e?void 0:e.length)||0}(n)>=e}function r(n){return l.test(n)}const d=new Set(["string"]),h=(n,e,t={})=>{(0,i.w)(n,"_label",(n=>"string"==typeof n),d,e,function(n){var e;return Object.assign(Object.assign({},n),{hooks:{afterPatch:(e,t,o,a)=>{var l,d;"function"==typeof(null===(l=n.hooks)||void 0===l?void 0:l.afterPatch)&&(null===(d=n.hooks)||void 0===d||d.afterPatch(e,t,o,a)),"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=n.hooks)||void 0===e?void 0:e.beforePatch}})}(t))},c=h},7744:(n,e,t)=>{t.d(e,{v:()=>o});var i=t(4058);const o=(n,e,t)=>{(0,i.b)(n,"_open",e,t)}}}]);
@@ -1,3 +0,0 @@
1
- /*!
2
- * KoliBri - The accessible HTML-Standard
3
- */
package/dist/4058.js DELETED
@@ -1,2 +0,0 @@
1
- /*! For license information please see 4058.js.LICENSE.txt */
2
- "use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[4058],{4058:(e,t,o)=>{o.d(t,{A:()=>ne,B:()=>ce,C:()=>ue,D:()=>X,K:()=>de,a:()=>l,b:()=>K,c:()=>b,d:()=>A,e:()=>m,f:()=>h,g:()=>W,h:()=>v,i:()=>F,j:()=>u,k:()=>U,l:()=>d,m:()=>Q,n:()=>s,o:()=>R,p:()=>ee,q:()=>I,r:()=>H,s:()=>D,t:()=>J,u:()=>p,v:()=>re,w:()=>z,x:()=>te,y:()=>oe,z:()=>se});var r=o(6020),n=o(6448);const a=new Set,l=(e,t)=>{(!1===a.has(e)||(null==t?void 0:t.force))&&(a.add(e),n.L.debug([e].concat((null==t?void 0:t.details)||[]),{classifier:"✋ a11y",forceLog:!!(null==t?void 0:t.force),overwriteStyle:"; background-color: #09f"}))},i=new Set,s=(e,t)=>{(!1===i.has(e)||(null==t?void 0:t.force))&&(i.add(e),n.L.warn([e].concat((null==t?void 0:t.details)||[]),{classifier:"🔥 deprecated",forceLog:!!(null==t?void 0:t.force),overwriteStyle:"; background-color: #f00"}))},c=new Set,u=(e,t)=>{(!1===c.has(e)||(null==t?void 0:t.force))&&(c.add(e),n.L.debug([e].concat((null==t?void 0:t.details)||[]),{classifier:"💻 dev",forceLog:!!(null==t?void 0:t.force),overwriteStyle:"; background-color: #f09"}))},d=(e,t)=>{(!1===c.has(e)||(null==t?void 0:t.force))&&(c.add(e),n.L.warn([e].concat((null==t?void 0:t.details)||[]),{classifier:"⚠️ dev",forceLog:!!(null==t?void 0:t.force),overwriteStyle:"; background-color: #f09"}))},f=new Set,h=(e,t=!1,o)=>{(!1===f.has(e)||(null==o?void 0:o.force))&&(f.add(e),e+=!0===t?" ✅":"",n.L.debug([e].concat((null==o?void 0:o.details)||[]),{classifier:"🌟 feature",forceLog:!!(null==o?void 0:o.force),overwriteStyle:"; background-color: #309"}))};u("We appreciate any feedback, comments, screenshots, or demo links of an application based on KoliBri (kolibri@itzbund.de). Thank you!");const g=new Set,p=(e,t)=>{(!1===g.has(e)||(null==t?void 0:t.force))&&(g.add(e),n.L.debug([e].concat((null==t?void 0:t.details)||[]),{classifier:"📑 ui/ux",forceLog:!!(null==t?void 0:t.force),overwriteStyle:"; background-color: #060;"}))},b=()=>{l('"Disabled" limits accessibility and visibility. From an accessibility perspective, we recommend using the readonly attribute instead of disabled.\n- https://uxdesign.cc/is-it-ok-to-grey-out-disabled-buttons-8afa74a0fae')},m=e=>{"string"==typeof e&&""!==e||l("Some structural elements, such as the nav tag, can be used multiple times on a webpage. To distinguish between similarly named structural elements, it is necessary to set an ARIA label.\n- https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Navigation_Role#accessibility_concerns")},v=(e,t=8)=>{t>7&&p(`[${e}] Within navigation structures, it is recommended to use no more than 7 menu items.\n\nLink:\n- https://en.wikipedia.org/wiki/The_Magical_Number_Seven,_Plus_or_Minus_Two`)};var y=.2126,w=.7152,S=.0722,k=1/12.92;function x(e){return Math.pow((e+.055)/1.055,2.4)}function N(e){var t=e[0]/255,o=e[1]/255,r=e[2]/255,n=t<=.03928?t*k:x(t),a=o<=.03928?o*k:x(o),l=r<=.03928?r*k:x(r);return n*y+a*w+l*S}function L(e){var t=255;8===(e=e.replace(/^#/,"")).length&&(t=parseInt(e.slice(6,8),16),e=e.substring(0,6)),4===e.length&&(t=parseInt(e.slice(3,4).repeat(2),16),e=e.substring(0,3)),3===e.length&&(e=e[0]+e[0]+e[1]+e[1]+e[2]+e[2]);var o=parseInt(e,16);return[o>>16,o>>8&255,255&o,t]}function A(e,t){return function(e,t){return function(e,t){return(Math.max(e,t)+.05)/(Math.min(e,t)+.05)}(N(e),N(t))}(L(e),L(t))}var M={exports:{}};function O(e){var t=T(e);return 3==t.length?t.concat(255):(t[3]=Math.round(t[3]),t)}function T(e){return"string"==typeof e?("red"==(t=e=e.toLowerCase())?[255,0,0]:"green"==t?[0,255,0]:"blue"==t?[0,0,255]:"black"==t?[0,0,0]:"white"==t?[255,255,255]:"cyan"==t?[0,255,255]:"gray"==t||"grey"==t?[128,128,128]:"magenta"==t||"pink"==t?[255,0,255]:"yellow"==t?[255,255,0]:void 0)||function(e){var t=e.replace(/^#/,""),o=t.length;if(3==o||4==o){var r=E(t[0]),n=E(t[1]),a=E(t[2]),l=3==o?255:E(t[3]);if(isNaN(r)||isNaN(n)||isNaN(a)||isNaN(l))return;return[r,n,a,l]}}(e)||function(e){var t=e.replace(/^#/,""),o=t.length;if(6==o||8==o){var r=E(t.slice(0,2)),n=E(t.slice(2,4)),a=E(t.slice(4,6)),l=6==o?255:E(t.slice(6,8));if(isNaN(r)||isNaN(n)||isNaN(a)||isNaN(l))return;return[r,n,a,l]}}(e)||function(e){if("rgb("==e.substr(0,4)){var t=(e=e.match(/^rgb\(([^)]+)\)/)[1]).split(/ *, */).map(Number),o=_(t[0],!0),r=_(t[1],!0),n=_(t[2],!0);if(-1!=o&&-1!=r&&-1!=n)return[o,r,n,255]}}(e)||function(e){if("rgba("==e.substr(0,5)){var t=(e=e.match(/^rgba\(([^)]+)\)/)[1]).split(/ *, */).map(Number),o=_(t[0],!0),r=_(t[1],!0),n=_(t[2],!0),a=_(255*t[3]);if(-1!=o&&-1!=r&&-1!=n&&-1!=a)return[o,r,n,a]}}(e)||[0,0,0,255]:function(e){if("[object Object]"===Object.prototype.toString.call(e)&&Object.getPrototypeOf(e)===Object.getPrototypeOf({})){var t=_(null!=e.r?e.r:null!=e.red?e.red:0,!0),o=_(null!=e.g?e.g:null!=e.green?e.green:0,!0),r=_(null!=e.b?e.b:null!=e.blue?e.blue:0,!0),n=_(null!=e.a?e.a:null!=e.alpha?e.alpha:255,!0);if(-1!=t&&-1!=o&&-1!=r&&-1!=n)return[t,o,r,n]}}(e)||function(e){if(Array.isArray(e)&&(3==e.length||4==e.length)){var t=_(e[0],!0),o=_(e[1],!0),r=_(e[2],!0),n=_(null!=e[3]?e[3]:255,!0);if(-1!=t&&-1!=o&&-1!=r&&-1!=n)return[t,o,r,n]}}(e)||function(e){if("number"==typeof e&&Math.floor(e)==e&&e<=4294967295&&e>=0)return[e>>16&255,e>>8&255,255&e,e>>24&255]}(e)||[0,0,0,255];var t}function C(e){var t=e.toString(16);return 1==t.length?"0"+t:t}function E(e){return 1==e.length?parseInt(e+e,16):parseInt(e,16)}function _(e,t){return"number"!=typeof e||!0===t&&Math.floor(e)!==e?-1:e>=0&&e<=255?e:-1}M.exports=O,M.exports.arr=O,M.exports.obj=function(e){var t=T(e);return{r:t[0],g:t[1],b:t[2],a:3==t.length?255:Math.round(t[3])}},M.exports.css=function(e){var t=T(e);return 3==t.length&&t.push(255),255==t[3]?"rgb("+t[0]+", "+t[1]+", "+t[2]+")":0==t[3]?"rgba("+t[0]+", "+t[1]+", "+t[2]+", 0)":"rgba("+t[0]+", "+t[1]+", "+t[2]+", "+String(t[3]/255).substr(1)+")"},M.exports.hex=function(e){3==(a=T(e)).length&&a.push(255);var t=255==a[3],o=C(a[0]),r=C(a[1]),n=C(a[2]),a=C(Math.round(a[3])),l=function(e,t,o,r){var n=["ff","00","11","22","33","44","55","66","77","88","99","aa","bb","cc","dd","ee"];return-1!=n.indexOf(e)&&-1!=n.indexOf(t)&&-1!=n.indexOf(o)&&-1!=n.indexOf(r)}(o,r,n,a);return t?l?"#"+o.charAt(0)+r.charAt(0)+n.charAt(0):"#"+o+r+n:l?"#"+o.charAt(0)+r.charAt(0)+n.charAt(0)+a.charAt(0):"#"+o+r+n+a},M.exports.num=function(e){var t=T(e);return 3==t.length?t.push(255):t[3]=Math.round(t[3]),(t[3]<<24>>>0|t[0]<<16|t[1]<<8|t[2])>>>0};const H=M.exports,j=(e,t)=>{t.forEach((t=>{!1===e.has(t)&&e.add(t)}))},q=(e,t=document)=>{if(t instanceof Document||t instanceof HTMLElement||t instanceof ShadowRoot){const o=new Set;j(o,t.querySelectorAll(e));const r=t.querySelectorAll('[class*="hydrated"]');for(let t=0;t<r.length;t++){const n=r[t].shadowRoot;j(o,q(e,"object"==typeof n&&null!==n?n:r[t]))}return Array.from(o)}throw new Error("The parameter document for the method querySelectorAll is not type of Document, HTMLElement or ShadowRoot.")},$=(e,t=document)=>{if(t instanceof Document||t instanceof HTMLElement||t instanceof ShadowRoot){let o=t.querySelector(e);if(null===o){const r=t.querySelectorAll('[class*="hydrated"]');for(let t=0;t<r.length;t++){const n=r[t].shadowRoot;if(o=$(e,"object"==typeof n&&null!==n?n:r[t]),null!==o)break}}return o}throw new Error("The parameter document for the method querySelector is not type of Document, HTMLElement or ShadowRoot.")},P=/\[object Object\]/,R=(e,t)=>{"string"==typeof e&&P.test(e)||t()},J=(e,t)=>{"string"==typeof e&&""===e||t()},I=(e,t)=>{(0,n.a)()&&(n.L.debug([e,t]),n.L.debug("↑ We propagate the (submit) event to this target.")),Object.defineProperty(e,"target",{value:t,writable:!1})},D=(e,t,o,r={})=>{var n,a;void 0===e.nextHooks&&(e.nextHooks=new Map),void 0===e.nextState&&(e.nextState=new Map),e.nextHooks.get(t)instanceof Map==0&&e.nextHooks.set(t,new Map),"function"==typeof r.afterPatch&&(null===(n=e.nextHooks.get(t))||void 0===n||n.set("afterPatch",r.afterPatch)),"function"==typeof r.beforePatch&&(null===(a=e.nextHooks.get(t))||void 0===a||a.set("beforePatch",r.beforePatch)),e.nextState.set(t,o),(e=>{var t,o,r;null===(t=e.nextHooks)||void 0===t||t.forEach(((t,o)=>{var r;const n=t.get("beforePatch");"function"==typeof n&&n(null===(r=e.nextState)||void 0===r?void 0:r.get(o),e.nextState,e,o)})),(null===(o=e.nextState)||void 0===o?void 0:o.size)>0&&(e.state=Object.assign(Object.assign({},e.state),Object.fromEntries(e.nextState)),delete e.nextState,null===(r=e.nextHooks)||void 0===r||r.forEach(((t,o)=>{const r=t.get("afterPatch");"function"==typeof r&&r(e.state[o],e.state,e,o)}))),delete e.nextHooks})(e)},B=(e,t,o,r)=>{u(`[${e.constructor.name}] The property value: (${o}) for '${t}' is not valid. Allowed values are: ${Array.from(r).join(", ")}`)};function z(e,t,o,r,n,a={}){o(n)?D(e,t,n,a.hooks):void 0===n&&!0!==a.required&&o(a.defaultValue)?D(e,t,a.defaultValue,a.hooks):(a.required||r.add(null),B(e,t,n,r))}const K=(e,t,o,r)=>{z(e,t,(e=>"boolean"==typeof e),new Set(["Boolean {true, false}"]),o,r)},F=(e,t,o,r={})=>{const n="number"==typeof r.minLength?null==r?void 0:r.minLength:0;z(e,t,(e=>"string"==typeof e&&e.length>=n&&(void 0===(null==r?void 0:r.maxLength)||e.length<=r.maxLength)),new Set(["String"]),o,r)},U=(e,t,o,r)=>{z(e,t,(e=>"number"==typeof e&&(void 0===(null==r?void 0:r.min)||"number"==typeof(null==r?void 0:r.min)&&e>=r.min)&&(void 0===(null==r?void 0:r.max)||"number"==typeof(null==r?void 0:r.max)&&e<=r.max)),new Set(["Number"]),o,r)},W=(e,t,o,r,a=e=>e==e,l={})=>{J(r,(()=>{R(r,(()=>{void 0===r&&(r=[]);try{try{r=ee(r)}catch(e){}if(Array.isArray(r)){const i=r.find((e=>!o(e)));void 0===i&&a(r)?D(e,t,r,l.hooks):R(i,(()=>{throw n.L.debug(i),new Error("↑ The schema for the property (_options) is not valid. The value will not be changed.")}))}else R(r,(()=>{throw n.L.debug(r),new Error("↑ The schema for the property (_options) is not valid. The value will not be changed.")}))}catch(e){n.L.debug(e)}}))}))},V=/^(true|false)$/,Y=/^-?(0|[1-9]\d*)$/,G=/^-?(0.|[1-9]\d*.)\d*[1-9]$/,Q=e=>{const t=typeof e,o=`${e}`;if("string"==typeof e)if(V.test(e))e="true"===e;else if(Y.test(e))e=parseInt(e);else if(G.test(e))e=parseFloat(e);else if(Z.test(e))try{e=ee(e)}catch(e){}return t!==typeof e&&u(`You have used a stringified property value (${o} to ${JSON.stringify(e)}) which type switched from ${t} to ${typeof e}!`),e},X=e=>{try{return JSON.stringify(e).replace(/"/g,"'")}catch(t){throw n.L.warn(["stringifyJson",e]),n.L.error("↑ The JSON could not be converted to a string. A stringifiable JSON is expected."),new Error}},Z=/^[{[]/,ee=e=>{if("string"==typeof e)try{return JSON.parse(e)}catch(t){if(Z.test(e))try{return JSON.parse(e.replace(/'/g,'"'))}catch(t){n.L.warn(["parseJson",e]),n.L.error("↑ The JSON string could not be parsed. Make sure that single quotes in the text are escaped (&#8216;).")}}throw new Error},te=e=>"boolean"==typeof e?!0===e?"true":"false":void 0,oe=e=>"string"==typeof e?e:te(e),re=(e,t)=>$(e,t||(0,n.g)()),ne=(e,t)=>q(e,t||(0,n.g)());let ae=null;const le=()=>(ae=ae||{backgroundColor:"#00000000",color:"#00000000",domNode:(0,n.g)().body,level:"Fail",score:1},ae),ie=/(\d+, ){3}0\)/,se=(e,t=le())=>{const o=getComputedStyle(e),r=ie.test(o.backgroundColor)?t.backgroundColor:H.hex(o.backgroundColor),a=ie.test(o.color)?t.color:H.hex(o.color),l=A(r,a),i={backgroundColor:r,color:a,domNode:e,level:(s=l,s>=7?"AAA":s>=4.5?"AA":s>=3?"AA Large":"Fail"),score:l};var s;return l<4.5&&n.L.error(["Color-Contrast-Error",{backgroundColor:i.backgroundColor,color:i.color,level:i.level,score:i.score},i.domNode]),i},ce=(e,t=le())=>{t.domNode instanceof HTMLElement&&(t=se(t.domNode,t));const o=t.domNode.querySelector(e);if(null===o){const o=t.domNode.querySelectorAll('[class="hydrated"]');for(let r=0;r<o.length&&(t.domNode=o[r],null===(t=ce(e,t)).domNode);r++);return t}return se(o,t)};class ue{static queryHtmlElementColors(e,t,o=!1,r=!0){let a=null;if(!0===o||!1===ue.executionLock)if(!1===o&&(ue.cache.clear(),ue.cache.set(t.domNode,t),ue.executionLock=!0,!0===r&&n.L.debug("[KoliBriUtils] Color contrast analysis started...")),e===t.domNode)a=t;else{const o=new Set;if(t.domNode.shadowRoot){const e=t.domNode.shadowRoot.children;for(let t=0;t<e.length;t++)o.add(e[t])}const r=t.domNode;if("function"==typeof r.assignedNodes){const e=r.assignedNodes();for(let t=0;t<e.length;t++)e[t]instanceof HTMLElement&&o.add(e[t])}const n=t.domNode.children;for(let e=0;e<n.length;e++)o.add(n[e]);const l=Array.from(o);for(let o=0;o<l.length;o++){let r=ue.cache.get(l[o]);void 0===r&&(r=se(l[o],t)),ue.cache.set(l[o],r);const n=ue.queryHtmlElementColors(e,r,!0,!1);if(null!==n){a=n;break}}}else n.L.debug("[KoliBriUtils] Call aborted because a color contrast analysis is currently being executed.");return!1===o&&(!0===r&&n.L.debug(`[KoliBriUtils] Color contrast analysis finished (${ue.cache.size} DOM elements are analysed).`),ue.executionLock=!1,ue.cache.clear()),a}}ue.executionLock=!1,ue.cache=new Map;class de{}de.getCssStyle=r.l,de.patchTheme=r.k,de.patchThemeTag=r.$,de.querySelector=re,de.querySelectorAll=ne,de.stringifyJson=X}}]);
@@ -1,3 +0,0 @@
1
- /*!
2
- * KoliBri - The accessible HTML-Standard
3
- */
package/dist/4118.js DELETED
@@ -1,2 +0,0 @@
1
- /*! For license information please see 4118.js.LICENSE.txt */
2
- "use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[4118],{3260:(e,t,o)=>{o.d(t,{S:()=>l,a:()=>i,b:()=>n,i:()=>a});const n=e=>"object"==typeof e&&null!==e,a=(e,t=0)=>"string"==typeof e&&e.length>=t,i=e=>{if("object"!=typeof e||null===e)return a(e,1);for(const t in e)if(!1===a(t,1))return!1;return!0},l=new Event("StateChange")},6762:(e,t,o)=>{o.d(t,{i:()=>s,n:()=>c,r:()=>r});var n=o(1114),a=o(1523),i=o(6448);const l=()=>{let e=(0,i.d)().KoliBri;return void 0===e&&(e={},Object.defineProperty((0,i.d)(),"KoliBri",{value:e,writable:!1})),e},s=()=>{(()=>{const e=(0,i.g)().querySelector('meta[name="kolibri"]');if(e&&e.hasAttribute("content")){const t=e.getAttribute("content");"string"==typeof t&&((0,i.s)(t.includes("dev-mode=true")),(0,i.b)(t.includes("experimental-mode=true")),(0,i.c)(t.includes("color-contrast-analysis=true")))}})(),i.L.debug(`\n,--. ,--. ,--. ,--. ,-----. ,--.\n| .' / ,---. | | \`--' | |) /_ ,--.--. \`--'\n| . ' | .-. | | | ,--. | .-. \\ | .--' ,--.\n| |\\ \\ | '-' | | | | | | '--' / | | | |\n\`--' \`--´ \`---´ \`--' \`--' \`------´ \`--' \`--'\n🚹 The accessible HTML-Standard | 👉 https://public-ui.github.io | ${n.E.kolibriVersion}\n\t`,{forceLog:!0})},r=()=>{!0!==l().adviceShown&&(Object.defineProperty(l(),"adviceShown",{get:function(){return!0}}),i.L.debug("\nYou are using the KoliBri component library. If you have any suggestions for improvement or find a problem, please contact us:\n\nTicket: https://github.com/public-ui/kolibri/issues/new/choose (for privacy reasons, please use email)\nEmail: kolibri@itzbund.de\n"))};let c=()=>Math.floor(16777215*Math.random()).toString(16);"test"===a.p&&(c=()=>"nonce")},6855:(e,t,o)=>{function n(e){e.stopImmediatePropagation(),e.stopPropagation()}function a(e,t,o){t&&function(e,t,o){const n=e.dispatchEvent(function(e,t){return new CustomEvent(`kol-${e}`,{bubbles:!0,cancelable:!0,composed:!0,detail:t})}(t,o))}(t,e,o)}function i(e){e.preventDefault(),n(e)}o.d(t,{p:()=>i,s:()=>n,t:()=>a})},1988:(e,t,o)=>{o.d(t,{E:()=>h,a:()=>r,b:()=>c,c:()=>l,d:()=>i,v:()=>s});var n=o(4058),a=o(3260);const i=(e,t)=>{(0,n.w)(e,"_on",(e=>"object"==typeof e&&null!==e),new Set(["TableCallbacksPropType {Events.onSort, Events.onSelectionChange}"]),t)},l=(e,t)=>{(0,n.w)(e,"_on",(e=>"object"==typeof e&&null!==e),new Set(["TableStatefulCallbacksPropType {Events.onSelectionChange}"]),t)},s=(e,t,o)=>{(0,n.t)(t,(()=>{(0,n.o)(t,(()=>{void 0===t&&(t=[]);try{t=(0,n.p)(t)}catch(e){}Array.isArray(t)&&t.every((e=>"object"==typeof e&&null!==e))&&(0,n.s)(e,"_data",t,o)}))}))},r=(e,t,o)=>{(0,n.t)(t,(()=>{(0,n.o)(t,(()=>{void 0===t&&(t=[]);try{t=(0,n.p)(t)}catch(e){}Array.isArray(t)&&t.every((e=>"object"==typeof e&&null!==e))&&(0,n.s)(e,"_dataFoot",t,o)}))}))},c=(e,t)=>{var o;(o="string"==typeof t?(()=>{try{return(0,n.p)(t)}catch(e){return}})():t)&&(0,a.b)(o)&&"function"==typeof o.label&&(!o.selectedKeys||Array.isArray(o.selectedKeys))&&(0,n.s)(e,"_selection",t)};var h,d;(d=h||(h={})).onBlur="onBlur",d.onChange="onChange",d.onClick="onClick",d.onDblClick="onDblClick",d.onFocus="onFocus",d.onInput="onInput",d.onKeyDown="onKeyDown",d.onKeyPress="onKeyPress",d.onKeyUp="onKeyUp",d.onMouseDown="onMouseDown",d.onMouseMove="onMouseMove",d.onMouseOut="onMouseOut",d.onMouseOver="onMouseOver",d.onMouseUp="onMouseUp",d.onReset="onReset",d.onSelect="onSelect",d.onSort="onSort",d.onSelectionChange="onSelectionChange",d.onSubmit="onSubmit",d.onToggle="onToggle",d.onClose="onClose"},1100:(e,t,o)=>{o.d(t,{t:()=>i});var n=o(8457),a=o(1523);let i=(e,t)=>{var o;return(null!==(o=(0,n.g)())&&void 0!==o?o:(0,n.i)("de")).translate(e,t)};"test"===a.p&&(i=e=>e)},4118:(e,t,o)=>{o.r(t),o.d(t,{kol_table_stateless_wc:()=>d});var n=o(1114),a=o(7883),i=o(1100),l=o(6855),s=o(6762),r=o(4058),c=o(1988),h=o(1085);const d=class{constructor(e){(0,n.r)(this,e),this.horizontal=!0,this.cellsToRenderTimeouts=new Map,this.dataToKeyMap=new Map,this.checkboxRefs=[],this.renderTableRow=(e,t,o)=>{var a,i;let l=String(t);return this.horizontal&&(null===(a=e[0])||void 0===a?void 0:a.data)&&(l=null!==(i=this.getDataKey(e[0].data))&&void 0!==i?i:l),(0,n.h)("tr",{key:`row-${l}`},this.renderSelectionCell(e,t),e.map(((e,n)=>this.renderTableCell(e,t,n,o))))},this.renderTableCell=(e,t,o,a)=>{let i=`${t}-${o}-${e.label}`;if(e.data){const n=this.getDataKey(e.data);i=n?`${n}-${this.horizontal?o:t}`:i}return!1===e.asTd?this.renderHeadingCell(e,t,o,a):(0,n.h)("td",{key:`cell-${i}`,class:{[e.textAlign]:"string"==typeof e.textAlign&&e.textAlign.length>0},colSpan:e.colSpan,rowSpan:e.rowSpan,style:{textAlign:e.textAlign,width:e.width},ref:"function"==typeof e.render?t=>{this.cellRender(e,t)}:void 0},"function"!=typeof e.render?e.label:"")},this.state={_data:[],_label:"",_headerCells:{horizontal:[],vertical:[]}},this.tableDivElementHasScrollbar=!1,this._data=void 0,this._dataFoot=void 0,this._headerCells=void 0,this._label=void 0,this._minWidth=void 0,this._on=void 0,this._selection=void 0}validateData(e){(0,c.v)(this,e,{beforePatch:e=>{this.updateDataToKeyMap(e)}})}validateDataFoot(e){(0,c.a)(this,e)}validateHeaderCells(e){((e,t)=>{(0,r.t)(t,(()=>{(0,r.o)(t,(()=>{try{t=(0,r.p)(t)}catch(e){}(0,r.w)(e,"_headerCells",(e=>"object"==typeof e&&null!==e),new Set(["TableHeaderCellsPropType"]),t)}))}))})(this,e)}validateLabel(e){(0,h.v)(this,e,{required:!0})}validateMinWidth(e){(0,r.i)(this,"_minWidth",e,{defaultValue:void 0})}validateOn(e){(0,c.d)(this,e)}validateSelection(e){(0,c.b)(this,e)}handleKeyDown(e){var t;if("ArrowUp"===e.key||"ArrowDown"===e.key){const o=null===(t=this.tableDivElement)||void 0===t?void 0:t.querySelector(":focus");let n=this.checkboxRefs.indexOf(o);n>-1&&(e.preventDefault(),"ArrowDown"===e.key?(n=(n+1)%this.checkboxRefs.length,this.checkboxRefs[n].focus()):"ArrowUp"===e.key&&(e.preventDefault(),n=(n+this.checkboxRefs.length-1)%this.checkboxRefs.length,this.checkboxRefs[n].focus()))}}componentDidRender(){this.checkDivElementScrollbar()}componentDidLoad(){this.tableDivElement&&ResizeObserver&&(this.tableDivElementResizeObserver=new ResizeObserver(this.checkDivElementScrollbar.bind(this)),this.tableDivElementResizeObserver.observe(this.tableDivElement))}disconnectedCallback(){var e;null===(e=this.tableDivElementResizeObserver)||void 0===e||e.disconnect()}checkDivElementScrollbar(){this.tableDivElement&&(this.tableDivElementHasScrollbar=this.tableDivElement.scrollWidth>this.tableDivElement.clientWidth)}updateDataToKeyMap(e){e.forEach((e=>{this.dataToKeyMap.has(e)||this.dataToKeyMap.set(e,(0,s.n)())})),this.dataToKeyMap.forEach(((t,o)=>{e.includes(o)||this.dataToKeyMap.delete(o)}))}getDataKey(e){return this.dataToKeyMap.get(e)}cellRender(e,t){t&&(clearTimeout(this.cellsToRenderTimeouts.get(t)),this.cellsToRenderTimeouts.set(t,setTimeout((()=>{if("function"==typeof e.render){const o=e.render(t,e,e.data,this.state._data);"string"==typeof o&&(t.textContent=o)}}))))}getNumberOfCols(e,t){let o=0;return e.forEach((e=>{let t=0;e.forEach((e=>{var o;return t+=null!==(o=e.colSpan)&&void 0!==o?o:1})),o<t&&(o=t)})),0===o&&(o=t.length),o}getNumberOfRows(e,t){var o;let n=0;return e.forEach((e=>{let t=0;e.forEach((e=>{var o;return t+=null!==(o=e.rowSpan)&&void 0!==o?o:1})),n<t&&(n=t)})),0===n?n=t.length:n-=(null===(o=this.state._dataFoot)||void 0===o?void 0:o.length)||0,n}filterHeaderKeys(e){const t=[];return e.forEach((e=>{e.forEach((e=>{"string"==typeof e.key&&t.push(e)}))})),t}getPrimaryHeader(e){var t,o;let n=this.filterHeaderKeys(null!==(t=e.horizontal)&&void 0!==t?t:[]);return this.horizontal=!0,0===n.length&&(n=this.filterHeaderKeys(null!==(o=e.vertical)&&void 0!==o?o:[]),n.length>0&&(this.horizontal=!1)),n}createDataField(e,t,o){var n;t.horizontal=Array.isArray(null==t?void 0:t.horizontal)?t.horizontal:[],t.vertical=Array.isArray(null==t?void 0:t.vertical)?t.vertical:[];const a=this.getPrimaryHeader(t),l=this.getNumberOfCols(t.horizontal,e);let s=this.getNumberOfRows(t.vertical,e),r=0;o&&(r=s,s+=(null===(n=this.state._dataFoot)||void 0===n?void 0:n.length)||0);const c=[],h=[],d=[];t.vertical.forEach(((e,t)=>{h[t]=0,d[t]=[]}));for(let n=r;n<s;n++){const i=[];t.vertical.forEach(((e,t)=>{let o=0;if(d[t].forEach((e=>o+=e)),o<=n){const a=e[n-o+h[t]];if("object"==typeof a){i.push(Object.assign(Object.assign({},a),{asTd:!1,data:{}}));let e=1;if("number"==typeof a.rowSpan&&a.rowSpan>1&&(e=a.rowSpan),d[t].push(e),"number"==typeof a.colSpan&&a.colSpan>1)for(let o=1;o<a.colSpan;o++)d[t+o].push(e);h[t]++}}}));for(let t=0;t<l;t++)if(!0===this.horizontal){const l=o&&this.state._dataFoot?this.state._dataFoot[n-r]:e[n];"object"==typeof a[t]&&null!==a[t]&&"string"==typeof a[t].key&&"object"==typeof l&&null!==l&&i.push(Object.assign(Object.assign({},a[t]),{colSpan:void 0,data:l,label:l[a[t].key],rowSpan:void 0}))}else"object"==typeof a[n]&&null!==a[n]&&"string"==typeof a[n].key&&"object"==typeof e[t]&&null!==e[t]&&i.push(Object.assign(Object.assign({},a[n]),{colSpan:void 0,data:e[t],label:e[t][a[n].key],rowSpan:void 0}));c.push(i)}if(0===e.length){let e=0,o=0;Array.isArray(t.horizontal)&&t.horizontal.length>0&&t.horizontal[0].forEach((t=>{e+=t.colSpan||1})),Array.isArray(t.vertical)&&t.vertical.length>0&&(e-=t.vertical.length,t.vertical[0].forEach((e=>{o+=e.rowSpan||1})));const n={colSpan:e,label:(0,i.t)("kol-no-entries"),render:void 0,rowSpan:Math.max(o,1)};0===c.length?c.push([n]):c[0].push(n)}return c}componentWillLoad(){this.validateData(this._data),this.validateDataFoot(this._dataFoot),this.validateHeaderCells(this._headerCells),this.validateLabel(this._label),this.validateMinWidth(this._minWidth),this.validateOn(this._on),this.validateSelection(this._selection)}renderSelectionCell(e,t){var o,i,s;const r=this.state._selection;if(!r)return"";const h=null!==(o=r.keyPropertyName)&&void 0!==o?o:"id",d=null===(i=e[0])||void 0===i?void 0:i.data;if(!d)return"";const u=d[h],p=r.multiple||void 0===r.multiple,b=null===(s=null==r?void 0:r.selectedKeys)||void 0===s?void 0:s.includes(u),v=r.label(d),f={name:"selection",checked:b,id:u,"aria-label":v};return(0,n.h)("td",{key:`tbody-${t}-selection`,class:"selection-cell"},(0,n.h)("div",{class:"input "+(b?"checked":"")},p?(0,n.h)("label",{class:"checkbox-container"},(0,n.h)(a.d,{class:"icon",_icons:"codicon "+(b?"codicon-check":""),_label:""}),(0,n.h)("input",Object.assign({ref:e=>e&&this.checkboxRefs.push(e)},f,{type:"checkbox",onInput:e=>{var t,o,n;const a=b?null===(o=null==r?void 0:r.selectedKeys)||void 0===o?void 0:o.filter((e=>e!==u)):[...null!==(t=null==r?void 0:r.selectedKeys)&&void 0!==t?t:[],u];(0,l.t)("selection-change",this.host,a),"function"==typeof(null===(n=this.state._on)||void 0===n?void 0:n[c.E.onSelectionChange])&&this.state._on[c.E.onSelectionChange](e,null!=a?a:[])}}))):(0,n.h)("label",{class:"radio-container"},(0,n.h)("input",Object.assign({},f,{type:"radio",onInput:e=>{var t;(0,l.t)("selection-change",this.host,u),"function"==typeof(null===(t=this.state._on)||void 0===t?void 0:t[c.E.onSelectionChange])&&this.state._on[c.E.onSelectionChange](e,u)}}))),(0,n.h)(a.u,{"aria-hidden":"true",class:"input-tooltip",_align:"right",_id:`${u}-label`,_label:v})))}renderHeadingSelectionCell(){var e,t;const o=this.state._selection;if(!o||!o.multiple&&void 0!==o.multiple)return(0,n.h)("th",{key:"thead-0"});const s=null!==(e=o.keyPropertyName)&&void 0!==e?e:"id",r=null===(t=o.selectedKeys)||void 0===t?void 0:t.length,h=r===this.state._data.length,d=0!==r&&!h;let u="kol-table-selection-indeterminate";h&&!d&&(u="kol-table-selection-none"),0===r&&(u="kol-table-selection-all");const p=(0,i.t)(u);return(0,n.h)("th",{key:"thead-0-selection",class:"selection-cell selection-control"},(0,n.h)("div",{class:"input "+(d?"indeterminate":h?"checked":"")},(0,n.h)("label",{class:"checkbox-container"},(0,n.h)(a.d,{class:"icon",_icons:"codicon "+(d?"codicon-remove":h?"codicon-check":""),_label:""}),(0,n.h)("input",{ref:e=>e&&this.checkboxRefs.push(e),name:"selection",checked:h&&!d,"aria-label":p,type:"checkbox",onInput:e=>{var t;const o=h?[]:this.state._data.map((e=>null==e?void 0:e[s]));(0,l.t)("selection-change",this.host,o),"function"==typeof(null===(t=this.state._on)||void 0===t?void 0:t[c.E.onSelectionChange])&&this.state._on[c.E.onSelectionChange](e,o)}})),(0,n.h)(a.u,{"aria-hidden":"true",class:"input-tooltip",_align:"right",_id:`${u}-label`,_label:p})))}renderHeadingCell(e,t,o,i){let l,s="codicon codicon-fold";if(e.sortDirection)switch(e.sortDirection){case"ASC":s="codicon codicon-chevron-up",l="ascending";break;case"DESC":s="codicon codicon-chevron-down",l="descending"}const r=i?"row":"number"==typeof e.colSpan&&e.colSpan>1?"colgroup":"col";return(0,n.h)("th",{key:`${t}-${o}-${e.label}`,class:e.textAlign?`align-${e.textAlign}`:void 0,scope:r,colSpan:e.colSpan,rowSpan:e.rowSpan,style:{width:e.width},"aria-sort":l,"data-sort":`sort-${e.sortDirection}`},e.sortDirection?(0,n.h)(a.a,{class:"table-sort-button",exportparts:"icon",_icons:{right:s},_label:e.label,_on:{onClick:t=>{var o;"function"==typeof(null===(o=this.state._on)||void 0===o?void 0:o.onSort)&&e.key&&e.sortDirection&&this.state._on.onSort(t,{key:e.key,currentSortDirection:e.sortDirection})}}}):e.label)}renderSpacer(e,t){var o;const a=null===(o=null==t?void 0:t[0])||void 0===o?void 0:o.reduce(((e,t)=>e+(t.colSpan||1)),0);return(0,n.h)("tr",{class:`${e}-spacer`,"aria-hidden":"true"},(0,n.h)("td",{colSpan:a}))}renderFoot(){if(!this.state._dataFoot||0===this.state._dataFoot.length)return null;const e=this.createDataField(this.state._dataFoot,this.state._headerCells,!0);return(0,n.h)("tfoot",null,[this.renderSpacer("foot",e),e.map(((e,t)=>this.renderTableRow(e,t,!0)))])}render(){const e=this.createDataField(this.state._data,this.state._headerCells);return this.checkboxRefs=[],(0,n.h)(n.H,{key:"6f41723609fd16851183723f520e1666a868c555",class:"kol-table-stateless-wc"},(0,n.h)("div",{key:"1f33c8399f614f5439270c1d4685a85d58737799",ref:e=>this.tableDivElement=e,class:"table",tabindex:this.tableDivElementHasScrollbar?"-1":void 0},(0,n.h)("table",{key:"a2951c1fccdb56a7c4d2f083352cd31740773c0f",style:{minWidth:this.state._minWidth}},(0,n.h)("div",{key:"6412112eee29e4a383b86de354f1060f014d7553",class:"focus-element",tabindex:this.tableDivElementHasScrollbar?"0":void 0,"aria-describedby":"caption"}," "),(0,n.h)("caption",{key:"108a3406f3290e73cf68121c19deefa317b4ffd2",id:"caption"},this.state._label),Array.isArray(this.state._headerCells.horizontal)&&(0,n.h)("thead",{key:"63bf023ea1b1a30b6f64f43dca50bbe96d6b4c81"},[this.state._headerCells.horizontal.map(((e,t)=>(0,n.h)("tr",{key:`thead-${t}`},this.state._selection&&this.renderHeadingSelectionCell(),e.map(((e,o)=>!0===e.asTd?(0,n.h)("td",{key:`thead-${t}-${o}-${e.label}`,class:{[e.textAlign]:"string"==typeof e.textAlign&&e.textAlign.length>0},colSpan:e.colSpan,rowSpan:e.rowSpan,style:{textAlign:e.textAlign,width:e.width},ref:"function"==typeof e.render?t=>{this.cellRender(e,t)}:void 0},"function"!=typeof e.render?e.label:""):this.renderHeadingCell(e,t,o,!1)))))),this.renderSpacer("head",this.state._headerCells.horizontal)]),(0,n.h)("tbody",{key:"b25f4e3524413d9d9766146c9a14a6ada67d95fb"},e.map(((e,t)=>this.renderTableRow(e,t,!0)))),this.renderFoot())))}get host(){return(0,n.g)(this)}static get watchers(){return{_data:["validateData"],_dataFoot:["validateDataFoot"],_headerCells:["validateHeaderCells"],_label:["validateLabel"],_minWidth:["validateMinWidth"],_on:["validateOn"],_selection:["validateSelection"]}}}},1085:(e,t,o)=>{o.d(t,{a:()=>d,b:()=>s,c:()=>r,h:()=>a,v:()=>h});var n=o(4058);const a=[0,1,2,3,4,5,6],i=/[a-zA-Z0-9äöüÄÖÜß]/g,l=/^\d+$/;function s(e,t=1){return function(e){var t;return"string"==typeof e&&(null===(t=e.match(i))||void 0===t?void 0:t.length)||0}(e)>=t}function r(e){return l.test(e)}const c=new Set(["string"]),h=(e,t,o={})=>{(0,n.w)(e,"_label",(e=>"string"==typeof e),c,t,function(e){var t;return Object.assign(Object.assign({},e),{hooks:{afterPatch:(t,o,a,i)=>{var l,c;"function"==typeof(null===(l=e.hooks)||void 0===l?void 0:l.afterPatch)&&(null===(c=e.hooks)||void 0===c||c.afterPatch(t,o,a,i)),"string"==typeof t&&!1===s(t,3)&&!1===r(t)&&(0,n.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,n.u)("A heading or label should not be longer than 80 characters.")},beforePatch:null===(t=e.hooks)||void 0===t?void 0:t.beforePatch}})}(o))},d=h},1523:(e,t,o)=>{o.d(t,{b:()=>l,h:()=>a,p:()=>n,s:()=>i});let n="development";try{n="production"}catch(e){n="production"}const a=(e,t,o)=>{if(e&&t&&"string"==typeof o){const n=e.querySelector(`[slot="${o}"]`);n&&t.appendChild(n)}},i=e=>""===e,l=(e,t)=>e||t||""}}]);
@@ -1,3 +0,0 @@
1
- /*!
2
- * KoliBri - The accessible HTML-Standard
3
- */
package/dist/4182.js DELETED
@@ -1,2 +0,0 @@
1
- /*! For license information please see 4182.js.LICENSE.txt */
2
- "use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[4182],{4913:(e,t,i)=>{i.d(t,{K:()=>_});var s=i(3133),o=i(1114),a=i(4600),l=i(1100),n=i(7883),r=i(9028),c=i(6448);const d=({ariaLabel:e,icon:t})=>(0,o.h)(n.d,{class:"heading-icon",_label:e,_icons:t}),h=({type:e,label:t})=>{switch(e){case"error":return(0,o.h)(d,{ariaLabel:(0,l.t)("kol-error"),icon:"codicon codicon-error",label:t});case"info":return(0,o.h)(d,{ariaLabel:(0,l.t)("kol-info"),icon:"codicon codicon-info",label:t});case"warning":return(0,o.h)(d,{ariaLabel:(0,l.t)("kol-warning"),icon:"codicon codicon-warning",label:t});case"success":return(0,o.h)(d,{ariaLabel:(0,l.t)("kol-success"),icon:"codicon codicon-pass",label:t});default:return(0,o.h)(d,{ariaLabel:(0,l.t)("kol-message"),icon:"codicon codicon-comment",label:t})}},_=(e,t)=>{const{class:i={},type:d="default",variant:_="msg",label:u,hasCloser:b,alert:f,onAlertTimeout:p,onCloserClick:v,level:g}=e,y=(0,s._)(e,["class","type","variant","label","hasCloser","alert","onAlertTimeout","onCloserClick","level"]);if(f){try{c.L.debug(["Navigator should vibrate ...",navigator.vibrate([100,75,100,75,100])])}catch(e){c.L.debug("Navigator does not support vibration.")}setTimeout((()=>{null==p||p()}),1e4)}const m=Object.assign({class:(0,a.c)("kol-alert-wc","alert",d,_,{hasCloser:!!b},i),role:f?"alert":void 0},y);return(0,o.h)("div",Object.assign({},m),(0,o.h)("div",{class:"heading"},(0,o.h)(h,{label:u,type:d}),(0,o.h)("div",{class:"heading-content"},u?(0,o.h)(r.K,{level:g},u):null,"msg"===_&&(0,o.h)("div",{class:"content"},t)),b&&(0,o.h)(n.a,{class:"close",_ariaDescription:(null==u?void 0:u.trim())||"",_hideLabel:!0,_icons:{left:{icon:"codicon codicon-close"}},_label:(0,l.t)("kol-close-alert"),_on:{onClick:v},_tooltipAlign:"left"})),"card"===_&&(0,o.h)("div",{class:"content"},t))}},9048:(e,t,i)=>{i.d(t,{K:()=>l});var s=i(4600),o=i(1114),a=i(4913);const l=({_alert:e,_msg:t,_hideError:i,_id:l})=>(0,o.h)(a.K,Object.assign({"aria-hidden":"true",id:`${l}-error`,alert:e,type:"error",class:(0,s.c)({error:!0,"visually-hidden":!0===i})},t),(null==t?void 0:t._description)||void 0)},9028:(e,t,i)=>{i.d(t,{K:()=>d});var s=i(3133),o=i(1114),a=i(4600);const l=1;function n(e){return function(e){return e>=l&&e<=6}(e)?`h${e}`:"strong"}const r=(e,t)=>{var{class:i,level:r=l,variant:c}=e,d=(0,s._)(e,["class","level","variant"]);const h=n(r),_=c||h;return(0,o.h)(h,Object.assign({class:(0,a.c)("headline",`headline-${_}`,i)},d),t)},c=(e,t)=>{var{class:i,level:r=l}=e,c=(0,s._)(e,["class","level"]);const d=function(e){return 1===e?"span":n(e)}(r+1);return(0,o.h)(d,Object.assign({class:(0,a.c)("secondary-headline",i)},c),t)},d=(e,t)=>{var{secondaryHeadline:i,level:n=l,class:d,HeadingGroupProps:h={},SecondaryHeadlineProps:_={}}=e,u=(0,s._)(e,["secondaryHeadline","level","class","HeadingGroupProps","SecondaryHeadlineProps"]);const b="kol-heading-wc",f=Object.assign({level:n},u);if(!i)return(0,o.h)(r,Object.assign({class:(0,a.c)(b,d)},f),t);const{class:p}=h,v=(0,s._)(h,["class"]),g=Object.assign({class:(0,a.c)(b,p)},v);return(0,o.h)("hgroup",Object.assign({},g),(0,o.h)(r,Object.assign({class:d},f),t),(0,o.h)(c,Object.assign({level:n},_),i))}},4600:(e,t,i)=>{function s(e){var t,i,o="";if("string"==typeof e||"number"==typeof e)o+=e;else if("object"==typeof e)if(Array.isArray(e)){var a=e.length;for(t=0;t<a;t++)e[t]&&(i=s(e[t]))&&(o&&(o+=" "),o+=i)}else for(i in e)e[i]&&(o&&(o+=" "),o+=i);return o}function o(){for(var e,t,i=0,o="",a=arguments.length;i<a;i++)(e=arguments[i])&&(t=s(e))&&(o&&(o+=" "),o+=t);return o}i.d(t,{c:()=>o})},1100:(e,t,i)=>{i.d(t,{t:()=>a});var s=i(8457),o=i(1523);let a=(e,t)=>{var i;return(null!==(i=(0,s.g)())&&void 0!==i?i:(0,s.i)("de")).translate(e,t)};"test"===o.p&&(a=e=>e)},4182:(e,t,i)=>{i.r(t),i.d(t,{kol_input:()=>c});var s=i(1114),o=i(4600),a=i(1100),l=i(7883),n=i(1523),r=i(9048);const c=class{constructor(e){(0,s.r)(this,e),this.slotName="input",this.catchInputSlot=e=>{(0,n.h)(this.host,e,this.slotName)},this._accessKey=void 0,this._alert=!0,this._currentLength=void 0,this._disabled=!1,this._hasCounter=!1,this._hideError=!1,this._hideLabel=!1,this._hint="",this._icons=void 0,this._id=void 0,this._label=void 0,this._maxLength=void 0,this._msg=void 0,this._readOnly=!1,this._renderNoLabel=!1,this._required=!1,this._shortKey=void 0,this._slotName=void 0,this._suggestions=void 0,this._smartButton=void 0,this._tooltipAlign="top",this._touched=!1}componentWillRender(){this.slotName=this._slotName?this._slotName:"input"}getIconStyles(e){return e&&"object"==typeof e&&e.style?e.style:{}}render(){var e,t,i,c,d,h,_,u,b,f,p,v;const g=Boolean("error"===(null===(e=this._msg)||void 0===e?void 0:e._type)&&this._msg._description&&(null===(t=this._msg._description)||void 0===t?void 0:t.length)>0),y=!this._readOnly&&g&&!0===this._touched,m=Boolean(y||"error"!==(null===(i=this._msg)||void 0===i?void 0:i._type)&&(null===(c=this._msg)||void 0===c?void 0:c._description)),k=(0,n.s)(this._label),O="string"==typeof this._hint&&this._hint.length>0,j=!k&&this._hideLabel;return(0,s.h)(s.H,{key:"b8df7f60763afdbfdf35b0026a092c49a3b1866b",class:(0,o.c)("kol-input",this.getModifierClassNameByMsgType(),{disabled:!0===this._disabled,error:!0===y,"read-only":!0===this._readOnly,required:!0===this._required,touched:!0===this._touched,"hidden-error":!0===this._hideError})},(0,s.h)("label",{key:"29a105409c1aa053d015150788729b94745518bd",class:"input-label",id:j?void 0:`${this._id}-label`,hidden:j,htmlFor:this._id},(0,s.h)("span",{key:"6808011d7fdc8605a78c0c02381f11fdb18f34f5",class:"input-label-span"},(0,s.h)("slot",{key:"9cb9136bbe0e9adf68d3b75f68496f71bfb81020",name:"label"}))),O&&(0,s.h)("span",{key:"d701237628ecde9eeef3ddda238858bcd5ecbe5c",class:"hint",id:`${this._id}-hint`},this._hint),(0,s.h)("div",{key:"2ddffe093cfe68ba213fc84416751401557a4745",class:{input:!0,"icon-left":"object"==typeof(null===(d=this._icons)||void 0===d?void 0:d.left),"icon-right":"object"==typeof(null===(h=this._icons)||void 0===h?void 0:h.right)}},(null===(_=this._icons)||void 0===_?void 0:_.left)&&(0,s.h)(l.d,{key:"d5ee1e5d7ffde6adc6518301bd7515902d8c4015",_label:"",_icons:(null===(u=this._icons)||void 0===u?void 0:u.left).icon,style:this.getIconStyles(null===(b=this._icons)||void 0===b?void 0:b.left)}),(0,s.h)("div",{key:"55b2164813cefbafbf9951fd44f7f9d720116414",ref:this.catchInputSlot,id:this.slotName,class:"input-slot"}),"object"==typeof this._smartButton&&null!==this._smartButton&&(0,s.h)(l.a,{key:"3f03623c2f5ddc28a3a17d21738182253f8bd471",_customClass:this._smartButton._customClass,_disabled:this._smartButton._disabled,_icons:this._smartButton._icons,_hideLabel:!0,_id:this._smartButton._id,_label:this._smartButton._label,_on:this._smartButton._on,_tooltipAlign:this._smartButton._tooltipAlign,_variant:this._smartButton._variant}),(null===(f=this._icons)||void 0===f?void 0:f.right)&&(0,s.h)(l.d,{key:"d38fb504da0f5a37e5808ede0d16b0f368db6f25",_label:"",_icons:(null===(p=this._icons)||void 0===p?void 0:p.right).icon,style:this.getIconStyles(null===(v=this._icons)||void 0===v?void 0:v.right)})),j&&(0,s.h)(l.u,{key:"fd6697c91cf0c33934be094ee8e10913f5244955","aria-hidden":"true",class:"input-tooltip",_badgeText:this._accessKey||this._shortKey,_align:this._tooltipAlign,_id:this._hideLabel?`${this._id}-label`:void 0,_label:this._label}),m&&(0,s.h)(r.K,{key:"babedf64505945c9d8c9a3e3f41f464346c795e1",_alert:this._alert,_hideError:this._hideError,_msg:this._msg,_id:this._id}),Array.isArray(this._suggestions)&&this._suggestions.length>0&&(0,s.h)("datalist",{key:"18aa171c5139a11b793e4cdd3379a9b98c91670f",id:`${this._id}-list`},this._suggestions.map((e=>(0,s.h)("option",{value:e})))),this._hasCounter&&(0,s.h)("span",{key:"193f9b434011825c0695ac11dbc135bd5614e692",class:"counter","aria-atomic":"true","aria-live":"polite","data-testid":"input-counter"},this._currentLength,this._maxLength&&(0,s.h)(s.F,null,(0,s.h)("span",{key:"43426e33b6e7a204b2f7614cf51f890adbb6d51b","aria-label":(0,a.t)("kol-of"),role:"img"},"/"),this._maxLength)," ",(0,s.h)("span",{key:"e7856e63c99d0ece89fd8f8005f4dd2843a59f31"},(0,a.t)("kol-characters"))))}getModifierClassNameByMsgType(){var e,t;if(null===(e=this._msg)||void 0===e?void 0:e._type)return{default:"msg-type-default",info:"msg-type-info",success:"msg-type-success",warning:"msg-type-warning",error:"msg-type-error"}[null===(t=this._msg)||void 0===t?void 0:t._type]}get host(){return(0,s.g)(this)}}},1523:(e,t,i)=>{i.d(t,{b:()=>l,h:()=>o,p:()=>s,s:()=>a});let s="development";try{s="production"}catch(e){s="production"}const o=(e,t,i)=>{if(e&&t&&"string"==typeof i){const s=e.querySelector(`[slot="${i}"]`);s&&t.appendChild(s)}},a=e=>""===e,l=(e,t)=>e||t||""},3133:(e,t,i)=>{function s(e,t){var i={};for(var s in e)Object.prototype.hasOwnProperty.call(e,s)&&t.indexOf(s)<0&&(i[s]=e[s]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(s=Object.getOwnPropertySymbols(e);o<s.length;o++)t.indexOf(s[o])<0&&Object.prototype.propertyIsEnumerable.call(e,s[o])&&(i[s[o]]=e[s[o]])}return i}i.d(t,{_:()=>s}),"function"==typeof SuppressedError&&SuppressedError}}]);
@@ -1,3 +0,0 @@
1
- /*!
2
- * KoliBri - The accessible HTML-Standard
3
- */
package/dist/4188.js DELETED
@@ -1,2 +0,0 @@
1
- /*! For license information please see 4188.js.LICENSE.txt */
2
- "use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[4188],{1853:(t,e,n)=>{n.d(e,{a:()=>a,v:()=>s});var i=n(4058);const a=(t,e,n)=>{(0,i.w)(t,e,(t=>"string"==typeof t&&o.includes(t)),new Set(o),n,{defaultValue:"top"})},o=["left","right","top","bottom"],s=(t,e)=>{a(t,"_align",e)}},3260:(t,e,n)=>{n.d(e,{S:()=>s,a:()=>o,b:()=>i,i:()=>a});const i=t=>"object"==typeof t&&null!==t,a=(t,e=0)=>"string"==typeof t&&t.length>=e,o=t=>{if("object"!=typeof t||null===t)return a(t,1);for(const e in t)if(!1===a(e,1))return!1;return!0},s=new Event("StateChange")},9923:(t,e,n)=>{n.d(e,{v:()=>a});var i=n(4058);const a=(t,e)=>{(0,i.i)(t,"_customClass",e,{defaultValue:void 0})}},6762:(t,e,n)=>{n.d(e,{i:()=>l,n:()=>h,r:()=>r});var i=n(1114),a=n(1523),o=n(6448);const s=()=>{let t=(0,o.d)().KoliBri;return void 0===t&&(t={},Object.defineProperty((0,o.d)(),"KoliBri",{value:t,writable:!1})),t},l=()=>{(()=>{const t=(0,o.g)().querySelector('meta[name="kolibri"]');if(t&&t.hasAttribute("content")){const e=t.getAttribute("content");"string"==typeof e&&((0,o.s)(e.includes("dev-mode=true")),(0,o.b)(e.includes("experimental-mode=true")),(0,o.c)(e.includes("color-contrast-analysis=true")))}})(),o.L.debug(`\n,--. ,--. ,--. ,--. ,-----. ,--.\n| .' / ,---. | | \`--' | |) /_ ,--.--. \`--'\n| . ' | .-. | | | ,--. | .-. \\ | .--' ,--.\n| |\\ \\ | '-' | | | | | | '--' / | | | |\n\`--' \`--´ \`---´ \`--' \`--' \`------´ \`--' \`--'\n🚹 The accessible HTML-Standard | 👉 https://public-ui.github.io | ${i.E.kolibriVersion}\n\t`,{forceLog:!0})},r=()=>{!0!==s().adviceShown&&(Object.defineProperty(s(),"adviceShown",{get:function(){return!0}}),o.L.debug("\nYou are using the KoliBri component library. If you have any suggestions for improvement or find a problem, please contact us:\n\nTicket: https://github.com/public-ui/kolibri/issues/new/choose (for privacy reasons, please use email)\nEmail: kolibri@itzbund.de\n"))};let h=()=>Math.floor(16777215*Math.random()).toString(16);"test"===a.p&&(h=()=>"nonce")},1100:(t,e,n)=>{n.d(e,{t:()=>o});var i=n(8457),a=n(1523);let o=(t,e)=>{var n;return(null!==(n=(0,i.g)())&&void 0!==n?n:(0,i.i)("de")).translate(t,e)};"test"===a.p&&(o=t=>t)},4188:(t,e,n)=>{n.r(e),n.d(e,{kol_pagination:()=>v});var i=n(1114),a=n(1100),o=n(6762),s=n(1880),l=n(7883),r=n(3260),h=n(9923),c=n(4058),d=n(1085),p=n(28);const u={left:"codicon codicon-debug-reverse-continue"},g={left:"codicon codicon-chevron-left"},b={right:"codicon codicon-chevron-right"},_={right:"codicon codicon-debug-continue"},f=function(){const t=navigator.language||"de-DE";return t.includes("-")?t:`${t}-${t.toUpperCase()}`}(),m=new Intl.NumberFormat(f,{style:"decimal",minimumFractionDigits:0,maximumFractionDigits:0}),v=class{constructor(t){(0,i.r)(this,t),this.nonce=(0,o.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 n=setTimeout((()=>{clearTimeout(n),"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 n=setTimeout((()=>{clearTimeout(n),"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 n=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===n));n=void 0===t?i[0].value:t.value,e.set("_pageSize",n)}const a=e.has("_page")?e.get("_page"):this.state._page,o=e.has("_max")?e.get("_max"):this.state._max;this.syncPage(e,a,e.get("_pageSize"),o)},this.syncPage=(t,e,n,i)=>{if(i>0){const a=this.calcCount(i,n);a>0&&(e>a?(t.set("_page",a),this.onChangePage(r.S,a)):e<1&&(t.set("_page",1),this.onChangePage(r.S,1)))}},this.beforePageSizeOptions=(t,e)=>{const n=[];if(Array.isArray(t))for(const e of t)"number"==typeof e&&n.push({label:(0,a.t)("kol-page-per-site",{placeholders:{entries:`${e}`}}),value:e});e.set("_pageSizeOptions",n),this.beforePageSize(n,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._max=void 0,this.state={_boundaryCount:1,_label:(0,a.t)("kol-pagination"),_hasButtons:{first:!0,last:!0,next:!0,previous:!0},_on:{onClick:()=>null},_page:0,_pageSize:1,_pageSizeOptions:[],_siblingCount:1,_max:0}}render(){var t;let e=!1;const n=this.getCount(),s=Array.from(Array(n).keys()).map((t=>t+1)).map((t=>t<=this.state._boundaryCount||t>n-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",{key:(0,o.n)()},(0,i.h)("span",{class:"separator","aria-hidden":"true"}))):null));return(0,i.h)(i.H,{class:"kol-pagination"},(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)(l.a,{class:"first",exportparts:"icon",_customClass:this.state._customClass,_disabled:this.state._page<=1,_icons:u,_hideLabel:!0,_label:(0,a.t)("kol-page-first"),_on:this.onGoToFirst,_tooltipAlign:this.state._tooltipAlign})),this.state._hasButtons.previous&&(0,i.h)("li",null,(0,i.h)(l.a,{class:"previous",exportparts:"icon",_customClass:this.state._customClass,_disabled:this.state._page<=1,_icons:g,_hideLabel:!0,_label:(0,a.t)("kol-page-back"),_on:this.onGoBackward,_tooltipAlign:this.state._tooltipAlign})),s,this.state._hasButtons.next&&(0,i.h)("li",null,(0,i.h)(l.a,{class:"next",exportparts:"icon",_customClass:this.state._customClass,_disabled:n<=this.state._page,_icons:b,_hideLabel:!0,_label:(0,a.t)("kol-page-next"),_on:this.onGoForward,_tooltipAlign:this.state._tooltipAlign})),this.state._hasButtons.last&&(0,i.h)("li",null,(0,i.h)(l.a,{class:"last",exportparts:"icon",_customClass:this.state._customClass,_disabled:n<=this.state._page,_icons:_,_hideLabel:!0,_label:(0,a.t)("kol-page-last"),_on:this.onGoToEnd,_tooltipAlign:this.state._tooltipAlign})))),(null===(t=this.state._pageSizeOptions)||void 0===t?void 0:t.length)>0&&(0,i.h)(l.l,{_hideLabel:!0,_id:`pagination-size-${this.nonce}`,_label:(0,a.t)("kol-entries-per-site"),_options:this.state._pageSizeOptions,_on:{onChange:this.onChangePageSize},_value:[this.state._pageSize]}))}getUnselectedPageButton(t){return(0,i.h)("li",{key:(0,o.n)()},(0,i.h)(l.a,{exportparts:"icon",_customClass:this.state._customClass,_label:"",_on:{onClick:e=>{this.onClick(e,t)}}},(0,i.h)("span",{slot:"expert"},(0,i.h)("span",{class:"visually-hidden"},(0,a.t)("kol-page"))," ",m.format(t))))}getSelectedPageButton(t){return(0,i.h)("li",{key:(0,o.n)()},(0,i.h)(l.a,{class:"selected",_customClass:this.state._customClass,_disabled:!0,_label:""},(0,i.h)("span",{slot:"expert"},(0,i.h)("span",{class:"visually-hidden"},(0,a.t)("kol-page"))," ",m.format(t))))}validateBoundaryCount(t){(0,c.k)(this,"_boundaryCount",Math.max(0,null!=t?t:1))}validateCustomClass(t){(0,h.v)(this,t)}validateLabel(t,e,n=!1){n||(0,s.r)(this.state._label),(0,d.v)(this,t),(0,s.a)(this.state._label)}validateHasButtons(t){(0,c.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,c.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,c.k)(this,"_page",t,{hooks:{beforePatch:(t,e)=>{const n=e.has("_pageSize")?e.get("_pageSize"):this.state._pageSize,i=e.has("_max")?e.get("_max"):this.state._max;this.syncPage(e,t,n,i)}}})}validatePageSize(t){(0,c.k)(this,"_pageSize",t,{hooks:{beforePatch:this.beforePageSize}})}validatePageSizeOptions(t){(0,c.g)(this,"_pageSizeOptions",(t=>"number"==typeof t),t,void 0,{hooks:{beforePatch:this.beforePageSizeOptions}})}validateSiblingCount(t){(0,c.k)(this,"_siblingCount",Math.max(0,null!=t?t:1))}validateMax(t){((t,e,n)=>{(0,c.k)(t,"_max",e,n)})(this,t,{hooks:{beforePatch:(t,e)=>{const n=e.has("_page")?e.get("_page"):this.state._page,i=e.has("_pageSize")?e.get("_pageSize"):this.state._pageSize;this.syncPage(e,n,i,t)}}})}validateTooltipAlign(t){(0,p.v)(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.validatePage(this._page)}disconnectedCallback(){(0,s.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"],_max:["validateMax"],_tooltipAlign:["validateTooltipAlign"]}}};v.style={default:"@charset \"UTF-8\";\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n :host {\n /*\n * Minimum size of interactive elements.\n */\n --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\n /*\n * No element should be used without a background and font color whose contrast ratio has\n * not been checked. By initially setting the background color to white and the font color\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\n */\n background-color: white;\n color: black;\n /*\n * Verdana is an accessible font that can be used without requiring additional loading time.\n */\n font-family: Verdana;\n }\n * {\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n hyphens: auto;\n /*\n * Letter spacing is required for all texts.\n */\n letter-spacing: inherit;\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n word-break: break-word;\n /*\n * Word spacing is required for all texts.\n */\n word-spacing: inherit;\n }\n /*\n * All interactive elements should have a minimum size of rem(44).\n */\n /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n /* option, */\n /* select, */\n /* textarea, */\n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n /*\n * Some interactive elements should not inherit the font-family and font-size.\n */\n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n /*\n * All elements should inherit the font family from his parent element.\n */\n font-family: inherit;\n /*\n * All elements should inherit the font size from his parent element.\n */\n font-size: inherit;\n }\n}\n/**\n * Sometimes we need the semantic element for accessibility reasons,\n * but we don't want to show it.\n *\n * - https://www.a11yproject.com/posts/how-to-hide-content/\n */\n.visually-hidden {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: calc(1rem / var(--kolibri-root-font-size, 16));\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: calc(1rem / var(--kolibri-root-font-size, 16));\n}\n\n@layer kol-global {\n /*\n * Dieses CSS stellt sicher, dass der Standard-Style\n * von A und Button resettet werden.\n */\n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; /* 100% needed for custom width from outside */\n }\n /*\n * Ensure elements with hidden attribute to be actually not visible\n * @see https://meowni.ca/hidden.is.a.lie.html\n */\n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n :host {\n /*\n * The max-width is needed to prevent the table from overflowing the\n * parent node, if the table is wider than the parent node.\n */\n max-width: 100%;\n }\n * {\n /*\n * We prefer to box-sizing: border-box for all elements.\n */\n box-sizing: border-box;\n }\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n /* This is the text label. */\n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n /* Reset browser agent style. */\n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n :host {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-tooltip-wc {\n display: contents;\n }\n .kol-tooltip-wc .tooltip-floating {\n animation-duration: 0.5s;\n animation-iteration-count: 1;\n animation-name: fadeInOpacity;\n animation-timing-function: ease-in;\n box-sizing: border-box;\n display: none;\n position: fixed;\n visibility: hidden;\n /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n top: 0;\n left: 0;\n max-width: 90vw;\n max-height: 90vh;\n /* Can be used to specify the tooltip-width from the outside. Unset by default. */\n width: var(--kol-tooltip-width);\n }\n /* Shared between content and arrow */\n .kol-tooltip-wc .tooltip-area {\n background-color: #fff;\n color: #000;\n }\n .kol-tooltip-wc .tooltip-arrow {\n height: calc(10rem / var(--kolibri-root-font-size, 16));\n position: absolute;\n transform: rotate(45deg);\n width: calc(10rem / var(--kolibri-root-font-size, 16));\n z-index: 999;\n }\n .kol-tooltip-wc .tooltip-content {\n position: relative;\n z-index: 1000;\n }\n @keyframes fadeInOpacity {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n }\n}\n@layer kol-component {\n :host {\n align-items: center;\n display: grid;\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n gap: calc(16rem / var(--kolibri-root-font-size, 16));\n grid-template-columns: 1fr auto;\n }\n .navigation-list {\n align-items: center;\n display: inline-flex;\n flex-wrap: wrap;\n gap: 0.5em;\n list-style: none;\n margin: 0;\n padding: 0;\n }\n .separator:before {\n content: \"•••\";\n }\n}"}},1085:(t,e,n)=>{n.d(e,{a:()=>d,b:()=>l,c:()=>r,h:()=>a,v:()=>c});var i=n(4058);const a=[0,1,2,3,4,5,6],o=/[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(o))||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,n={})=>{(0,i.w)(t,"_label",(t=>"string"==typeof t),h,e,function(t){var e;return Object.assign(Object.assign({},t),{hooks:{afterPatch:(e,n,a,o)=>{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,n,a,o)),"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}})}(n))},d=c},1523:(t,e,n)=>{n.d(e,{b:()=>s,h:()=>a,p:()=>i,s:()=>o});let i="development";try{i="production"}catch(t){i="production"}const a=(t,e,n)=>{if(t&&e&&"string"==typeof n){const i=t.querySelector(`[slot="${n}"]`);i&&e.appendChild(i)}},o=t=>""===t,s=(t,e)=>t||e||""},28:(t,e,n)=>{n.d(e,{v:()=>a});var i=n(1853);const a=(t,e)=>{(0,i.a)(t,"_tooltipAlign",e)}},1880:(t,e,n)=>{n.d(e,{a:()=>o,r:()=>s});var i=n(6448);const a=new Set;function o(t){a.has(t)?i.L.error(`There already is a nav element with the label "${t}"`,{forceLog:!0}):a.add(t)}function s(t){a.delete(t)}}}]);
@@ -1,3 +0,0 @@
1
- /*!
2
- * KoliBri - The accessible HTML-Standard
3
- */
package/dist/4332.js DELETED
@@ -1,2 +0,0 @@
1
- /*! For license information please see 4332.js.LICENSE.txt */
2
- "use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[4332],{4332:(n,e,t)=>{t.r(e),t.d(e,{kol_link:()=>l});var i=t(1114),o=t(7883),a=(n,e,t)=>new Promise(((i,o)=>{var a=n=>{try{s(t.next(n))}catch(n){o(n)}},l=n=>{try{s(t.throw(n))}catch(n){o(n)}},s=n=>n.done?i(n.value):Promise.resolve(n.value).then(a,l);s((t=t.apply(n,e)).next())}));const l=class{constructor(n){(0,i.r)(this,n),this.catchRef=n=>{this.linkWcRef=n},this._accessKey=void 0,this._ariaCurrentValue=void 0,this._ariaDescription=void 0,this._disabled=!1,this._download=void 0,this._hideLabel=!1,this._href=void 0,this._icons=void 0,this._label=void 0,this._on=void 0,this._role=void 0,this._shortKey=void 0,this._tabIndex=void 0,this._target=void 0,this._tooltipAlign="right"}focus(){return a(this,null,(function*(){yield this.kolFocus()}))}kolFocus(){return a(this,null,(function*(){var n;yield null===(n=this.linkWcRef)||void 0===n?void 0:n.kolFocus()}))}render(){return(0,i.h)(i.H,{key:"f52757a985c5d4a202002d432d08b8c2466f9312",class:"kol-link"},(0,i.h)(o.g,{key:"6c2a52cb20c40447ae87cfe311051f0a80b92b39",ref:this.catchRef,_accessKey:this._accessKey,_ariaCurrentValue:this._ariaCurrentValue,_ariaDescription:this._ariaDescription,_disabled:this._disabled,_download:this._download,_hideLabel:this._hideLabel,_href:this._href,_icons:this._icons,_label:this._label,_on:this._on,_role:this._role,_shortKey:this._shortKey,_tabIndex:this._tabIndex,_target:this._target,_tooltipAlign:this._tooltipAlign},(0,i.h)("slot",{key:"09fa3ec7b391f0e8c6614c968ec7730db25c707f",name:"expert",slot:"expert"})))}static get delegatesFocus(){return!0}};l.style={default:"/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n :host {\n /*\n * Minimum size of interactive elements.\n */\n --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\n /*\n * No element should be used without a background and font color whose contrast ratio has\n * not been checked. By initially setting the background color to white and the font color\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\n */\n background-color: white;\n color: black;\n /*\n * Verdana is an accessible font that can be used without requiring additional loading time.\n */\n font-family: Verdana;\n }\n * {\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n hyphens: auto;\n /*\n * Letter spacing is required for all texts.\n */\n letter-spacing: inherit;\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n word-break: break-word;\n /*\n * Word spacing is required for all texts.\n */\n word-spacing: inherit;\n }\n /*\n * All interactive elements should have a minimum size of rem(44).\n */\n /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n /* option, */\n /* select, */\n /* textarea, */\n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n /*\n * Some interactive elements should not inherit the font-family and font-size.\n */\n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n /*\n * All elements should inherit the font family from his parent element.\n */\n font-family: inherit;\n /*\n * All elements should inherit the font size from his parent element.\n */\n font-size: inherit;\n }\n}\n/**\n * Sometimes we need the semantic element for accessibility reasons,\n * but we don't want to show it.\n *\n * - https://www.a11yproject.com/posts/how-to-hide-content/\n */\n.visually-hidden {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: calc(1rem / var(--kolibri-root-font-size, 16));\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: calc(1rem / var(--kolibri-root-font-size, 16));\n}\n\n@layer kol-global {\n /*\n * Dieses CSS stellt sicher, dass der Standard-Style\n * von A und Button resettet werden.\n */\n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; /* 100% needed for custom width from outside */\n }\n /*\n * Ensure elements with hidden attribute to be actually not visible\n * @see https://meowni.ca/hidden.is.a.lie.html\n */\n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n :host {\n /*\n * The max-width is needed to prevent the table from overflowing the\n * parent node, if the table is wider than the parent node.\n */\n max-width: 100%;\n }\n * {\n /*\n * We prefer to box-sizing: border-box for all elements.\n */\n box-sizing: border-box;\n }\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n /* This is the text label. */\n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n /* Reset browser agent style. */\n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n :host {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-tooltip-wc {\n display: contents;\n }\n .kol-tooltip-wc .tooltip-floating {\n animation-duration: 0.5s;\n animation-iteration-count: 1;\n animation-name: fadeInOpacity;\n animation-timing-function: ease-in;\n box-sizing: border-box;\n display: none;\n position: fixed;\n visibility: hidden;\n /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n top: 0;\n left: 0;\n max-width: 90vw;\n max-height: 90vh;\n /* Can be used to specify the tooltip-width from the outside. Unset by default. */\n width: var(--kol-tooltip-width);\n }\n /* Shared between content and arrow */\n .kol-tooltip-wc .tooltip-area {\n background-color: #fff;\n color: #000;\n }\n .kol-tooltip-wc .tooltip-arrow {\n height: calc(10rem / var(--kolibri-root-font-size, 16));\n position: absolute;\n transform: rotate(45deg);\n width: calc(10rem / var(--kolibri-root-font-size, 16));\n z-index: 999;\n }\n .kol-tooltip-wc .tooltip-content {\n position: relative;\n z-index: 1000;\n }\n @keyframes fadeInOpacity {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n }\n}\n@layer kol-component {\n :host {\n display: inline-block;\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n :is(a, button) {\n align-items: baseline;\n display: inline-flex;\n place-items: center;\n text-align: left;\n text-decoration-line: none;\n }\n :is(a, button) .kol-span-wc .span-label {\n text-decoration-line: underline;\n }\n a:is(:focus, :hover):not([aria-disabled]) .kol-span-wc .span-label,\n button:is(:focus, :hover):not([disabled]) .kol-span-wc .span-label {\n text-decoration-thickness: 0.2em;\n }\n .skip {\n left: calc(-99999rem / var(--kolibri-root-font-size, 16));\n overflow: hidden;\n position: absolute;\n z-index: 9999999;\n line-height: 1;\n }\n .skip:focus {\n background-color: #fff;\n left: unset;\n padding: 1em;\n position: unset;\n }\n .kol-icon.external-link-icon {\n display: inline-flex;\n margin-left: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n}"}}}]);
@@ -1,3 +0,0 @@
1
- /*!
2
- * KoliBri - The accessible HTML-Standard
3
- */
package/dist/4402.js DELETED
@@ -1,2 +0,0 @@
1
- /*! For license information please see 4402.js.LICENSE.txt */
2
- "use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[4402],{3260:(t,e,n)=>{n.d(e,{S:()=>l,a:()=>a,b:()=>i,i:()=>o});const i=t=>"object"==typeof t&&null!==t,o=(t,e=0)=>"string"==typeof t&&t.length>=e,a=t=>{if("object"!=typeof t||null===t)return o(t,1);for(const e in t)if(!1===o(e,1))return!1;return!0},l=new Event("StateChange")},6179:(t,e,n)=>{n.d(e,{a:()=>s,p:()=>r});var i=n(7883),o=n(4058),a=n(6448);const l=t=>{for((0,a.a)()&&((0,o.j)("↓ Search form element start."),a.L.debug(t));t instanceof HTMLElement&&"FORM"!==t.tagName&&t.tagName!==i.j.toUpperCase();){try{t=t.parentElement instanceof HTMLElement?t.parentElement:t.parentNode instanceof ShadowRoot?t.parentNode.host:null}catch(t){}(0,a.a)()&&(a.L.debug(t),(0,o.j)("↑ Search form element finished."))}return t},s=(t={})=>{var e,n;const a=l(t.form);if(a instanceof HTMLElement){const t=new Event("reset",{bubbles:!0,cancelable:!0});if("FORM"===a.tagName)(0,o.q)(t,a),a.dispatchEvent(t);else if(a.tagName===i.j.toUpperCase()){(0,o.q)(t,o.K.querySelector("form",a));const i=a;"function"==typeof(null===(e=i._on)||void 0===e?void 0:e.onReset)&&(null===(n=i._on)||void 0===n||n.onReset(t))}}},r=(t={})=>{const e=l(t.form);if(e instanceof HTMLElement){const t=new SubmitEvent("submit",{bubbles:!0,cancelable:!0,submitter:e});if("FORM"===e.tagName)(0,a.a)()&&!1===e.noValidate&&(0,o.j)("If you have not focusable or hidden form fields in your form, you should enable noValidate for your form.",{force:!0}),setTimeout((()=>{"function"==typeof e.requestSubmit?e.requestSubmit():((0,o.q)(t,e),e.dispatchEvent(t))}));else if(e.tagName===i.j.toUpperCase()){(0,o.q)(t,o.K.querySelector("form",e));const n=e;setTimeout((()=>{var e,i;"function"==typeof(null===(e=n._on)||void 0===e?void 0:e.onSubmit)&&(null===(i=n._on)||void 0===i||i.onSubmit(t))}))}}}},4630:(t,e,n)=>{n.d(e,{I:()=>s});var i=n(4058),o=n(324),a=n(2827);const l=["default","visibility-toggle"];class s extends o.I{constructor(t,e,n){super(t,e,n),this.afterSyncCharCounter=()=>{"string"==typeof this.component._value&&this.component._value.length>0&&(this.component.state._currentLength=this.component._value.length)},this.component=t}validateAutoComplete(t){(0,i.w)(this.component,"_autoComplete",(t=>"string"==typeof t&&("on"===t||"off"===t)),new Set(["on | off"]),t)}validateHasCounter(t){(0,a.v)(this.component,t,{hooks:{afterPatch:this.afterSyncCharCounter}})}validateVariant(t){((t,e)=>{(0,i.w)(t,"_variant",(t=>"string"==typeof t&&l.includes(t)),new Set(l),e)})(this.component,t)}validateMaxLength(t){(0,i.k)(this.component,"_maxLength",t,{hooks:{afterPatch:this.afterSyncCharCounter},min:0})}validatePattern(t){(0,i.i)(this.component,"_pattern",t)}validatePlaceholder(t){(0,i.i)(this.component,"_placeholder",t)}validateReadOnly(t){(0,i.b)(this.component,"_readOnly",t)}validateRequired(t){(0,i.b)(this.component,"_required",t)}validateValue(t){(0,i.i)(this.component,"_value",t,{hooks:{afterPatch:this.afterSyncCharCounter}}),this.setFormAssociatedValue(this.component.state._value)}componentWillLoad(){super.componentWillLoad(),this.validateAutoComplete(this.component._autoComplete),this.validateHasCounter(this.component._hasCounter),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.validateValue(this.component._value),this.validateVariant(this.component._variant)}}},324:(t,e,n)=>{n.d(e,{I:()=>r});var i=n(4932),o=n(5670),a=n(4058),l=n(3260);const s=(t,e)=>{const n=t;"object"==typeof n&&null!==n&&((0,l.i)(n.right,1)&&(n.right={icon:n.right}),(0,l.i)(n.left,1)&&(n.left={icon:n.left}),e.set("_icons",n))};class r extends i.I{constructor(t,e,n){super(t,e,n),this.component=t}validateIcons(t){(0,a.o)(t,(()=>{try{t=(0,a.p)(t)}catch(t){}(0,a.w)(this.component,"_icons",(t=>"object"==typeof t&&null!==t&&((0,l.i)(t.left,1)||(0,o.i)(t.left)||(0,l.i)(t.right,1)||(0,o.i)(t.right))),new Set(["KoliBriHorizontalIcon"]),t,{hooks:{beforePatch:s},required:!0})}))}componentWillLoad(){super.componentWillLoad(),this.validateIcons(this.component._icons)}}},2827:(t,e,n)=>{n.d(e,{v:()=>o});var i=n(4058);const o=(t,e,n)=>{(0,i.b)(t,"_hasCounter",e,n)}},1100:(t,e,n)=>{n.d(e,{t:()=>a});var i=n(8457),o=n(1523);let a=(t,e)=>{var n;return(null!==(n=(0,i.g)())&&void 0!==n?n:(0,i.i)("de")).translate(t,e)};"test"===o.p&&(a=t=>t)},5670:(t,e,n)=>{n.d(e,{i:()=>l,v:()=>s});var i=n(4058),o=n(3260);const a=(t,e,n)=>{(0,o.b)(n)?t[e]=n:(0,o.i)(n,1)&&(t[e]={icon:n})},l=t=>"object"==typeof t&&null!==t&&(void 0===t.style||(0,o.a)(t.style))&&(void 0===t.label||(0,o.i)(t.label))&&(0,o.i)(t.icon,1),s=(t,e,n={})=>{(0,i.o)(e,(()=>{var s;try{e=(0,i.p)(e)}catch(t){}(0,i.w)(t,"_icons",(t=>{const e="object"==typeof t&&null!==t&&0===Object.keys(t).length;return null===t||e||(0,o.i)(t,1)||"object"==typeof t&&null!==t&&((0,o.i)(t.left,1)||l(t.left)||(0,o.i)(t.right,1)||l(t.right)||(0,o.i)(t.top,1)||l(t.top)||(0,o.i)(t.bottom,1)||l(t.bottom))}),new Set(["KoliBriIcon"]),e,Object.assign(Object.assign({},n),{defaultValue:{},hooks:{afterPatch:null===(s=n.hooks)||void 0===s?void 0:s.afterPatch,beforePatch:(t,e,i,l)=>{var s,r;"function"==typeof(null===(s=n.hooks)||void 0===s?void 0:s.beforePatch)&&(null===(r=n.hooks)||void 0===r||r.beforePatch(t,e,i,l)),(t=>{var e,n,i;if(null===(e=t.nextState)||void 0===e?void 0:e.has("_icons")){const e=null===(n=t.nextState)||void 0===n?void 0:n.get("_icons");null===(i=t.nextState)||void 0===i||i.set("_icons",(t=>{let e={};return(0,o.i)(t,1)?e={left:{icon:t}}:"object"==typeof t&&null!==t&&(a(e,"top",t.top),a(e,"right",t.right),a(e,"bottom",t.bottom),a(e,"left",t.left)),e})(e))}})(i)}}}))}))}},4402:(t,e,n)=>{n.r(e),n.d(e,{kol_input_password:()=>v});var i=n(1114),o=n(6762),a=n(6179),l=n(4932),s=n(4630),r=n(7883),d=n(1100),h=n(9196),c=n(1523),u=n(4058),p=(t,e,n)=>new Promise(((i,o)=>{var a=t=>{try{s(n.next(t))}catch(t){o(t)}},l=t=>{try{s(n.throw(t))}catch(t){o(t)}},s=t=>t.done?i(t.value):Promise.resolve(t.value).then(a,l);s((n=n.apply(t,e)).next())}));const v=class{getValue(){return p(this,null,(function*(){var t;return null===(t=this.inputRef)||void 0===t?void 0:t.value}))}focus(){return p(this,null,(function*(){yield this.kolFocus()}))}kolFocus(){return p(this,null,(function*(){var t;null===(t=this.inputRef)||void 0===t||t.focus()}))}render(){var t;const{ariaDescribedBy:e}=(0,l.g)(this.state),n=(0,c.s)(this.state._label);return(0,i.h)(i.H,{key:"aff6404495707fbc7dc0e5344f5ef3a98276625f",class:{"kol-input-password":!0,"has-value":this.state._hasValue}},(0,i.h)(r.i,{key:"46f4ffcf78217f46a8ee36dfda84f8173362b682",class:{"hide-label":!!this.state._hideLabel,password:!0},_accessKey:this.state._accessKey,_alert:this.showAsAlert(),_currentLength:this.state._currentLength,_disabled:this.state._disabled,_msg:this.state._msg,_hasCounter:this.state._hasCounter,_hideError:this.state._hideError,_hideLabel:this.state._hideLabel,_hint:this.state._hint,_icons:this.state._icons,_id:this.state._id,_label:this.state._label,_maxLength:this.state._maxLength,_readOnly:this.state._readOnly,_required:this.state._required,_shortKey:this.state._shortKey,_smartButton:this.state._smartButton,_tooltipAlign:this._tooltipAlign,_touched:this.state._touched,onClick:()=>{var t;return null===(t=this.inputRef)||void 0===t?void 0:t.focus()},role:"presentation"},(0,i.h)("span",{key:"84bffdb6b625e0a6e928f8d37d9b9a4f2184635f",slot:"label"},n?(0,i.h)("slot",{name:"expert"}):"string"==typeof this.state._accessKey||"string"==typeof this.state._shortKey?(0,i.h)(i.F,null,(0,i.h)(h.I,{badgeText:(0,c.b)(this.state._accessKey,this.state._shortKey),label:this.state._label})," ",(0,i.h)("span",{class:"access-key-hint","aria-hidden":"true"},(0,c.b)(this.state._accessKey,this.state._shortKey))):(0,i.h)("span",null,this.state._label)),(0,i.h)("div",{key:"666377ec91d63449bbdc328f6ab31f034bd7352f",slot:"input"},(0,i.h)("input",Object.assign({key:"59189ef60bdb7abb88da214ae621bfc11680ad1d",ref:this.catchRef,title:"",accessKey:this.state._accessKey,"aria-describedby":e.length>0?e.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,maxlength:this.state._maxLength,name:this.state._name,pattern:this.state._pattern,placeholder:this.state._placeholder,readOnly:this.state._readOnly,required:this.state._required,spellcheck:"false",type:this._passwordVisible?"text":"password",value:this.state._value},this.controller.onFacade,{onKeyDown:this.onKeyDown,onInput:this.onInput,onFocus:t=>{this.controller.onFacade.onFocus(t),this.inputHasFocus=!0},onBlur:t=>{this.controller.onFacade.onBlur(t),this.inputHasFocus=!1}})),"visibility-toggle"===this._variant&&this.inputRef&&(null===(t=this.inputRef.value)||void 0===t?void 0:t.length)>0?(0,i.h)(r.a,{class:"password-toggle-button",_label:this._passwordVisible?(0,d.t)("kol-hide-password"):(0,d.t)("kol-show-password"),_variant:"ghost",_on:{onClick:()=>{this._passwordVisible=!this._passwordVisible}},_hideLabel:!0,_icons:this._passwordVisible?"codicon codicon-eye-closed":"codicon codicon-eye-watch"}):"")))}constructor(t){(0,i.r)(this,t),this.catchRef=t=>{this.inputRef=t},this.onKeyDown=t=>{"Enter"!==t.code&&"NumpadEnter"!==t.code||(0,a.p)({form:this.host,ref:this.inputRef})},this.onInput=t=>{(0,u.s)(this,"_currentLength",t.target.value.length),this.controller.onFacade.onInput(t)},this._accessKey=void 0,this._alert=void 0,this._autoComplete=void 0,this._disabled=!1,this._error=void 0,this._hasCounter=!1,this._hideError=!1,this._hideLabel=!1,this._hint="",this._icons=void 0,this._id=void 0,this._label=void 0,this._maxLength=void 0,this._msg=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._shortKey=void 0,this._smartButton=void 0,this._syncValueBySelector=void 0,this._tabIndex=void 0,this._tooltipAlign="top",this._touched=!1,this._value=void 0,this._variant="default",this.state={_autoComplete:"off",_currentLength:0,_hasValue:!1,_hideError:!1,_id:`id-${(0,o.n)()}`,_label:"",_variant:"default"},this._passwordVisible=!1,this.inputHasFocus=!1,this.controller=new s.I(this,"password",this.host)}showAsAlert(){return void 0===this.state._alert?Boolean(this.state._touched)&&!this.inputHasFocus:this.state._alert}validateAccessKey(t){this.controller.validateAccessKey(t)}validateAlert(t){this.controller.validateAlert(t)}validateAutoComplete(t){this.controller.validateAutoComplete(t),"on"===t&&(0,u.j)("[KolInputPassword] The 'autocomplete' option should not be set to \"on\" for a password input field")}validateDisabled(t){this.controller.validateDisabled(t)}validateVariant(t){this.controller.validateVariant(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)}validateIcons(t){this.controller.validateIcons(t)}validateId(t){this.controller.validateId(t)}validateLabel(t){this.controller.validateLabel(t)}validateMaxLength(t){this.controller.validateMaxLength(t)}validateMsg(t){this.controller.validateMsg(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)}validateShortKey(t){this.controller.validateShortKey(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._touched=!0===this._touched,this.controller.componentWillLoad(),this.state._hasValue=!!this.state._value,this.controller.addValueChangeListener((t=>this.state._hasValue=!!t))}static get delegatesFocus(){return!0}get host(){return(0,i.g)(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_alert:["validateAlert"],_autoComplete:["validateAutoComplete"],_disabled:["validateDisabled"],_variant:["validateVariant"],_error:["validateError"],_hasCounter:["validateHasCounter"],_hideError:["validateHideError"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_icons:["validateIcons"],_id:["validateId"],_label:["validateLabel"],_maxLength:["validateMaxLength"],_msg:["validateMsg"],_name:["validateName"],_on:["validateOn"],_pattern:["validatePattern"],_placeholder:["validatePlaceholder"],_readOnly:["validateReadOnly"],_required:["validateRequired"],_shortKey:["validateShortKey"],_smartButton:["validateSmartButton"],_syncValueBySelector:["validateSyncValueBySelector"],_tabIndex:["validateTabIndex"],_touched:["validateTouched"],_value:["validateValue"]}}};v.style={default:"/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n :host {\n /*\n * Minimum size of interactive elements.\n */\n --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\n /*\n * No element should be used without a background and font color whose contrast ratio has\n * not been checked. By initially setting the background color to white and the font color\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\n */\n background-color: white;\n color: black;\n /*\n * Verdana is an accessible font that can be used without requiring additional loading time.\n */\n font-family: Verdana;\n }\n * {\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n hyphens: auto;\n /*\n * Letter spacing is required for all texts.\n */\n letter-spacing: inherit;\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n word-break: break-word;\n /*\n * Word spacing is required for all texts.\n */\n word-spacing: inherit;\n }\n /*\n * All interactive elements should have a minimum size of rem(44).\n */\n /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n /* option, */\n /* select, */\n /* textarea, */\n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n /*\n * Some interactive elements should not inherit the font-family and font-size.\n */\n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n /*\n * All elements should inherit the font family from his parent element.\n */\n font-family: inherit;\n /*\n * All elements should inherit the font size from his parent element.\n */\n font-size: inherit;\n }\n}\n/**\n * Sometimes we need the semantic element for accessibility reasons,\n * but we don't want to show it.\n *\n * - https://www.a11yproject.com/posts/how-to-hide-content/\n */\n.visually-hidden {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: calc(1rem / var(--kolibri-root-font-size, 16));\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: calc(1rem / var(--kolibri-root-font-size, 16));\n}\n\n@layer kol-global {\n /*\n * Dieses CSS stellt sicher, dass der Standard-Style\n * von A und Button resettet werden.\n */\n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; /* 100% needed for custom width from outside */\n }\n /*\n * Ensure elements with hidden attribute to be actually not visible\n * @see https://meowni.ca/hidden.is.a.lie.html\n */\n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n :host {\n /*\n * The max-width is needed to prevent the table from overflowing the\n * parent node, if the table is wider than the parent node.\n */\n max-width: 100%;\n }\n * {\n /*\n * We prefer to box-sizing: border-box for all elements.\n */\n box-sizing: border-box;\n }\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n /* This is the text label. */\n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n /* Reset browser agent style. */\n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n :host {\n display: block;\n }\n}\n@layer kol-component {\n :host {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-tooltip-wc {\n display: contents;\n }\n .kol-tooltip-wc .tooltip-floating {\n animation-duration: 0.5s;\n animation-iteration-count: 1;\n animation-name: fadeInOpacity;\n animation-timing-function: ease-in;\n box-sizing: border-box;\n display: none;\n position: fixed;\n visibility: hidden;\n /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n top: 0;\n left: 0;\n max-width: 90vw;\n max-height: 90vh;\n /* Can be used to specify the tooltip-width from the outside. Unset by default. */\n width: var(--kol-tooltip-width);\n }\n /* Shared between content and arrow */\n .kol-tooltip-wc .tooltip-area {\n background-color: #fff;\n color: #000;\n }\n .kol-tooltip-wc .tooltip-arrow {\n height: calc(10rem / var(--kolibri-root-font-size, 16));\n position: absolute;\n transform: rotate(45deg);\n width: calc(10rem / var(--kolibri-root-font-size, 16));\n z-index: 999;\n }\n .kol-tooltip-wc .tooltip-content {\n position: relative;\n z-index: 1000;\n }\n @keyframes fadeInOpacity {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n }\n}\n@layer kol-component {\n .required label > span::after,\n .required legend > span::after {\n content: \"*\";\n }\n}\n@layer kol-component {\n :host {\n display: block;\n }\n}\n@layer kol-component {\n input,\n textarea {\n cursor: text;\n }\n input[type=checkbox],\n input[type=color],\n input[type=file],\n input[type=radio],\n input[type=range],\n label,\n option,\n select {\n cursor: pointer;\n }\n /* input[type='checkbox'], */\n /* input[type='radio'], */\n /* input[type='range'], */\n input[type=color],\n input[type=date],\n input[type=datetime-local],\n input[type=email],\n input[type=file],\n input[type=month],\n input[type=number],\n input[type=password],\n input[type=search],\n input[type=tel],\n input[type=text],\n input[type=time],\n input[type=url],\n input[type=week],\n select,\n select[multiple] option,\n textarea {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n width: 100%;\n }\n /* needed hack for vertical alignment */\n input[type=file] {\n padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 10) 0.5em;\n }\n /* needed hack for vertical alignment */\n select[multiple] option {\n padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 2) 0.5em;\n }\n .input {\n background-color: white;\n }\n}\n@layer kol-component {\n .kol-input {\n display: grid;\n }\n .kol-input .input-slot {\n flex-grow: 1;\n }\n input:not([type=checkbox], [type=radio]),\n select:not([multiple], [size]) {\n height: 2.75em;\n }\n input:focus,\n option:focus,\n select:focus,\n textarea:focus {\n outline: 0;\n }\n .input {\n display: flex;\n align-items: center;\n }\n .input > .kol-icon {\n display: grid;\n height: var(--a11y-min-size);\n place-items: center;\n }\n .kol-input.required .input-tooltip .span-label::after {\n content: \"*\";\n }\n}\n@layer kol-component {\n .kol-alert-wc {\n display: grid;\n }\n .kol-alert-wc .heading {\n display: flex;\n place-items: center;\n }\n .kol-alert-wc .heading > div {\n flex-grow: 1;\n }\n .close {\n /* Visible with forced colors */\n outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\n }\n}\n@layer kol-component {\n :host {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .password-toggle-button {\n position: absolute;\n transform: translateX(-100%);\n }\n .kol-tooltip-wc {\n --kol-tooltip-width: calc(160rem / var(--kolibri-root-font-size, 16));\n }\n}"}}}]);
@@ -1,3 +0,0 @@
1
- /*!
2
- * KoliBri - The accessible HTML-Standard
3
- */
package/dist/4818.js DELETED
@@ -1,2 +0,0 @@
1
- /*! For license information please see 4818.js.LICENSE.txt */
2
- "use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[4818],{3260:(t,e,n)=>{n.d(e,{S:()=>l,a:()=>a,b:()=>i,i:()=>o});const i=t=>"object"==typeof t&&null!==t,o=(t,e=0)=>"string"==typeof t&&t.length>=e,a=t=>{if("object"!=typeof t||null===t)return o(t,1);for(const e in t)if(!1===o(e,1))return!1;return!0},l=new Event("StateChange")},6179:(t,e,n)=>{n.d(e,{a:()=>s,p:()=>r});var i=n(7883),o=n(4058),a=n(6448);const l=t=>{for((0,a.a)()&&((0,o.j)("↓ Search form element start."),a.L.debug(t));t instanceof HTMLElement&&"FORM"!==t.tagName&&t.tagName!==i.j.toUpperCase();){try{t=t.parentElement instanceof HTMLElement?t.parentElement:t.parentNode instanceof ShadowRoot?t.parentNode.host:null}catch(t){}(0,a.a)()&&(a.L.debug(t),(0,o.j)("↑ Search form element finished."))}return t},s=(t={})=>{var e,n;const a=l(t.form);if(a instanceof HTMLElement){const t=new Event("reset",{bubbles:!0,cancelable:!0});if("FORM"===a.tagName)(0,o.q)(t,a),a.dispatchEvent(t);else if(a.tagName===i.j.toUpperCase()){(0,o.q)(t,o.K.querySelector("form",a));const i=a;"function"==typeof(null===(e=i._on)||void 0===e?void 0:e.onReset)&&(null===(n=i._on)||void 0===n||n.onReset(t))}}},r=(t={})=>{const e=l(t.form);if(e instanceof HTMLElement){const t=new SubmitEvent("submit",{bubbles:!0,cancelable:!0,submitter:e});if("FORM"===e.tagName)(0,a.a)()&&!1===e.noValidate&&(0,o.j)("If you have not focusable or hidden form fields in your form, you should enable noValidate for your form.",{force:!0}),setTimeout((()=>{"function"==typeof e.requestSubmit?e.requestSubmit():((0,o.q)(t,e),e.dispatchEvent(t))}));else if(e.tagName===i.j.toUpperCase()){(0,o.q)(t,o.K.querySelector("form",e));const n=e;setTimeout((()=>{var e,i;"function"==typeof(null===(e=n._on)||void 0===e?void 0:e.onSubmit)&&(null===(i=n._on)||void 0===i||i.onSubmit(t))}))}}}},324:(t,e,n)=>{n.d(e,{I:()=>r});var i=n(4932),o=n(5670),a=n(4058),l=n(3260);const s=(t,e)=>{const n=t;"object"==typeof n&&null!==n&&((0,l.i)(n.right,1)&&(n.right={icon:n.right}),(0,l.i)(n.left,1)&&(n.left={icon:n.left}),e.set("_icons",n))};class r extends i.I{constructor(t,e,n){super(t,e,n),this.component=t}validateIcons(t){(0,a.o)(t,(()=>{try{t=(0,a.p)(t)}catch(t){}(0,a.w)(this.component,"_icons",(t=>"object"==typeof t&&null!==t&&((0,l.i)(t.left,1)||(0,o.i)(t.left)||(0,l.i)(t.right,1)||(0,o.i)(t.right))),new Set(["KoliBriHorizontalIcon"]),t,{hooks:{beforePatch:s},required:!0})}))}componentWillLoad(){super.componentWillLoad(),this.validateIcons(this.component._icons)}}},5670:(t,e,n)=>{n.d(e,{i:()=>l,v:()=>s});var i=n(4058),o=n(3260);const a=(t,e,n)=>{(0,o.b)(n)?t[e]=n:(0,o.i)(n,1)&&(t[e]={icon:n})},l=t=>"object"==typeof t&&null!==t&&(void 0===t.style||(0,o.a)(t.style))&&(void 0===t.label||(0,o.i)(t.label))&&(0,o.i)(t.icon,1),s=(t,e,n={})=>{(0,i.o)(e,(()=>{var s;try{e=(0,i.p)(e)}catch(t){}(0,i.w)(t,"_icons",(t=>{const e="object"==typeof t&&null!==t&&0===Object.keys(t).length;return null===t||e||(0,o.i)(t,1)||"object"==typeof t&&null!==t&&((0,o.i)(t.left,1)||l(t.left)||(0,o.i)(t.right,1)||l(t.right)||(0,o.i)(t.top,1)||l(t.top)||(0,o.i)(t.bottom,1)||l(t.bottom))}),new Set(["KoliBriIcon"]),e,Object.assign(Object.assign({},n),{defaultValue:{},hooks:{afterPatch:null===(s=n.hooks)||void 0===s?void 0:s.afterPatch,beforePatch:(t,e,i,l)=>{var s,r;"function"==typeof(null===(s=n.hooks)||void 0===s?void 0:s.beforePatch)&&(null===(r=n.hooks)||void 0===r||r.beforePatch(t,e,i,l)),(t=>{var e,n,i;if(null===(e=t.nextState)||void 0===e?void 0:e.has("_icons")){const e=null===(n=t.nextState)||void 0===n?void 0:n.get("_icons");null===(i=t.nextState)||void 0===i||i.set("_icons",(t=>{let e={};return(0,o.i)(t,1)?e={left:{icon:t}}:"object"==typeof t&&null!==t&&(a(e,"top",t.top),a(e,"right",t.right),a(e,"bottom",t.bottom),a(e,"left",t.left)),e})(e))}})(i)}}}))}))}},4818:(t,e,n)=>{n.r(e),n.d(e,{kol_input_number:()=>m});var i=n(1114),o=n(6762),a=n(6179),l=n(4932),s=n(324),r=n(4058),d=n(2079),h=n(7883),c=n(9196),u=n(1523),p=(t,e,n)=>new Promise(((i,o)=>{var a=t=>{try{s(n.next(t))}catch(t){o(t)}},l=t=>{try{s(n.throw(t))}catch(t){o(t)}},s=t=>t.done?i(t.value):Promise.resolve(t.value).then(a,l);s((n=n.apply(t,e)).next())}));class v extends s.I{constructor(t,e,n){super(t,e,n),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,n)=>{const i=parseFloat(e),o=i==e;return(0,r.w)(this.component,t,(t=>void 0===t||""===t||o&&"number"==typeof i||this.numberOrIsoDateRegex.test(t)),new Set(["number","Date","string{ISO-8601}"]),this.parseToString(e),{hooks:{afterPatch:t=>{"string"==typeof t&&n&&n(t)}}})},this.component=t}validateAutoComplete(t){(0,r.w)(this.component,"_autoComplete",(t=>"string"==typeof t&&("on"===t||"off"===t)),new Set(["on | off"]),t)}validateSuggestions(t){(0,d.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,r.i)(this.component,"_placeholder",t)}validateReadOnly(t){(0,r.b)(this.component,"_readOnly",t)}validateRequired(t){(0,r.b)(this.component,"_required",t)}validateStep(t){(0,r.k)(this.component,"_step",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.validateMax(this.component._max),this.validateMin(this.component._min),this.validateSuggestions(this.component._suggestions),this.validatePlaceholder(this.component._placeholder),this.validateReadOnly(this.component._readOnly),this.validateRequired(this.component._required),this.validateStep(this.component._step),this.validateValue(this.component._value)}}const m=class{getValue(){return p(this,null,(function*(){var t;return null===(t=this.inputRef)||void 0===t?void 0:t.value}))}focus(){return p(this,null,(function*(){yield this.kolFocus()}))}kolFocus(){return p(this,null,(function*(){var t;null===(t=this.inputRef)||void 0===t||t.focus()}))}render(){const{ariaDescribedBy:t}=(0,l.g)(this.state),e=Array.isArray(this.state._suggestions)&&this.state._suggestions.length>0,n=(0,u.s)(this.state._label);return(0,i.h)(i.H,{key:"74dfa983015c278868b8ff1e44fc9a1b48b20d66",class:{"kol-input-number":!0,"has-value":this.state._hasValue}},(0,i.h)(h.i,{key:"d59a5860250baaeb5771d9a8cc06a728fcb16a01",class:{number:!0,"hide-label":!!this.state._hideLabel},_accessKey:this.state._accessKey,_alert:this.showAsAlert(),_disabled:this.state._disabled,_msg:this.state._msg,_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,_shortKey:this.state._shortKey,_smartButton:this.state._smartButton,_tooltipAlign:this._tooltipAlign,_touched:this.state._touched},(0,i.h)("span",{key:"88ec50063c5a1d5ee249e044d377e5b916d663b5",slot:"label"},n?(0,i.h)("slot",{name:"expert"}):"string"==typeof this.state._accessKey||"string"==typeof this.state._shortKey?(0,i.h)(i.F,null,(0,i.h)(c.I,{badgeText:(0,u.b)(this.state._accessKey,this.state._shortKey),label:this.state._label})," ",(0,i.h)("span",{class:"access-key-hint","aria-hidden":"true"},(0,u.b)(this.state._accessKey,this.state._shortKey))):(0,i.h)("span",null,this.state._label)),(0,i.h)("div",{key:"c4462ad936edd4757dd8daada27f625f6d796111",slot:"input"},(0,i.h)("input",Object.assign({key:"0dd169d460a500e653b6c1c42e37a653402704d3",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:"number",value:this.state._value},this.controller.onFacade,{onKeyDown:this.onKeyDown,onFocus:t=>{this.controller.onFacade.onFocus(t),this.inputHasFocus=!0},onBlur:t=>{this.controller.onFacade.onBlur(t),this.inputHasFocus=!1}})))))}constructor(t){(0,i.r)(this,t),this.catchRef=t=>{this.inputRef=t},this.onKeyDown=t=>{"Enter"!==t.code&&"NumpadEnter"!==t.code||(0,a.p)({form:this.host,ref:this.inputRef})},this._accessKey=void 0,this._alert=void 0,this._autoComplete=void 0,this._disabled=!1,this._error=void 0,this._hideError=!1,this._hideLabel=!1,this._hint="",this._icons=void 0,this._id=void 0,this._label=void 0,this._max=void 0,this._min=void 0,this._msg=void 0,this._name=void 0,this._on=void 0,this._placeholder=void 0,this._readOnly=!1,this._required=!1,this._shortKey=void 0,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._value=void 0,this.state={_autoComplete:"off",_hasValue:!1,_hideError:!1,_id:`id-${(0,o.n)()}`,_label:"",_suggestions:[]},this.inputHasFocus=!1,this.controller=new v(this,"number",this.host)}showAsAlert(){return void 0===this.state._alert?Boolean(this.state._touched)&&!this.inputHasFocus:this.state._alert}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)}validateIcons(t){this.controller.validateIcons(t)}validateId(t){this.controller.validateId(t)}validateLabel(t){this.controller.validateLabel(t)}validateMax(t){this.controller.validateMax(t)}validateMin(t){this.controller.validateMin(t)}validateMsg(t){this.controller.validateMsg(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)}validateShortKey(t){this.controller.validateShortKey(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)}validateValue(t){this.controller.validateValueEx(t,(t=>{""===t&&this.inputRef&&(this.inputRef.value="")}))}componentWillLoad(){this._touched=!0===this._touched,this.controller.componentWillLoad(),this.state._hasValue=!!this.state._value,this.controller.addValueChangeListener((t=>this.state._hasValue=!!t))}static get delegatesFocus(){return!0}get host(){return(0,i.g)(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_alert:["validateAlert"],_autoComplete:["validateAutoComplete"],_disabled:["validateDisabled"],_error:["validateError"],_hideError:["validateHideError"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_icons:["validateIcons"],_id:["validateId"],_label:["validateLabel"],_max:["validateMax"],_min:["validateMin"],_msg:["validateMsg"],_name:["validateName"],_on:["validateOn"],_placeholder:["validatePlaceholder"],_readOnly:["validateReadOnly"],_required:["validateRequired"],_shortKey:["validateShortKey"],_smartButton:["validateSmartButton"],_suggestions:["validateSuggestions"],_step:["validateStep"],_syncValueBySelector:["validateSyncValueBySelector"],_tabIndex:["validateTabIndex"],_touched:["validateTouched"],_value:["validateValue"]}}};m.style={default:"/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n :host {\n /*\n * Minimum size of interactive elements.\n */\n --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\n /*\n * No element should be used without a background and font color whose contrast ratio has\n * not been checked. By initially setting the background color to white and the font color\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\n */\n background-color: white;\n color: black;\n /*\n * Verdana is an accessible font that can be used without requiring additional loading time.\n */\n font-family: Verdana;\n }\n * {\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n hyphens: auto;\n /*\n * Letter spacing is required for all texts.\n */\n letter-spacing: inherit;\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n word-break: break-word;\n /*\n * Word spacing is required for all texts.\n */\n word-spacing: inherit;\n }\n /*\n * All interactive elements should have a minimum size of rem(44).\n */\n /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n /* option, */\n /* select, */\n /* textarea, */\n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n /*\n * Some interactive elements should not inherit the font-family and font-size.\n */\n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n /*\n * All elements should inherit the font family from his parent element.\n */\n font-family: inherit;\n /*\n * All elements should inherit the font size from his parent element.\n */\n font-size: inherit;\n }\n}\n/**\n * Sometimes we need the semantic element for accessibility reasons,\n * but we don't want to show it.\n *\n * - https://www.a11yproject.com/posts/how-to-hide-content/\n */\n.visually-hidden {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: calc(1rem / var(--kolibri-root-font-size, 16));\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: calc(1rem / var(--kolibri-root-font-size, 16));\n}\n\n@layer kol-global {\n /*\n * Dieses CSS stellt sicher, dass der Standard-Style\n * von A und Button resettet werden.\n */\n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; /* 100% needed for custom width from outside */\n }\n /*\n * Ensure elements with hidden attribute to be actually not visible\n * @see https://meowni.ca/hidden.is.a.lie.html\n */\n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n :host {\n /*\n * The max-width is needed to prevent the table from overflowing the\n * parent node, if the table is wider than the parent node.\n */\n max-width: 100%;\n }\n * {\n /*\n * We prefer to box-sizing: border-box for all elements.\n */\n box-sizing: border-box;\n }\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n /* This is the text label. */\n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n /* Reset browser agent style. */\n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n :host {\n display: block;\n }\n}\n@layer kol-component {\n :host {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-tooltip-wc {\n display: contents;\n }\n .kol-tooltip-wc .tooltip-floating {\n animation-duration: 0.5s;\n animation-iteration-count: 1;\n animation-name: fadeInOpacity;\n animation-timing-function: ease-in;\n box-sizing: border-box;\n display: none;\n position: fixed;\n visibility: hidden;\n /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n top: 0;\n left: 0;\n max-width: 90vw;\n max-height: 90vh;\n /* Can be used to specify the tooltip-width from the outside. Unset by default. */\n width: var(--kol-tooltip-width);\n }\n /* Shared between content and arrow */\n .kol-tooltip-wc .tooltip-area {\n background-color: #fff;\n color: #000;\n }\n .kol-tooltip-wc .tooltip-arrow {\n height: calc(10rem / var(--kolibri-root-font-size, 16));\n position: absolute;\n transform: rotate(45deg);\n width: calc(10rem / var(--kolibri-root-font-size, 16));\n z-index: 999;\n }\n .kol-tooltip-wc .tooltip-content {\n position: relative;\n z-index: 1000;\n }\n @keyframes fadeInOpacity {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n }\n}\n@layer kol-component {\n .required label > span::after,\n .required legend > span::after {\n content: \"*\";\n }\n}\n@layer kol-component {\n :host {\n display: block;\n }\n}\n@layer kol-component {\n input,\n textarea {\n cursor: text;\n }\n input[type=checkbox],\n input[type=color],\n input[type=file],\n input[type=radio],\n input[type=range],\n label,\n option,\n select {\n cursor: pointer;\n }\n /* input[type='checkbox'], */\n /* input[type='radio'], */\n /* input[type='range'], */\n input[type=color],\n input[type=date],\n input[type=datetime-local],\n input[type=email],\n input[type=file],\n input[type=month],\n input[type=number],\n input[type=password],\n input[type=search],\n input[type=tel],\n input[type=text],\n input[type=time],\n input[type=url],\n input[type=week],\n select,\n select[multiple] option,\n textarea {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n width: 100%;\n }\n /* needed hack for vertical alignment */\n input[type=file] {\n padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 10) 0.5em;\n }\n /* needed hack for vertical alignment */\n select[multiple] option {\n padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 2) 0.5em;\n }\n .input {\n background-color: white;\n }\n}\n@layer kol-component {\n .kol-input {\n display: grid;\n }\n .kol-input .input-slot {\n flex-grow: 1;\n }\n input:not([type=checkbox], [type=radio]),\n select:not([multiple], [size]) {\n height: 2.75em;\n }\n input:focus,\n option:focus,\n select:focus,\n textarea:focus {\n outline: 0;\n }\n .input {\n display: flex;\n align-items: center;\n }\n .input > .kol-icon {\n display: grid;\n height: var(--a11y-min-size);\n place-items: center;\n }\n .kol-input.required .input-tooltip .span-label::after {\n content: \"*\";\n }\n}\n@layer kol-component {\n .kol-alert-wc {\n display: grid;\n }\n .kol-alert-wc .heading {\n display: flex;\n place-items: center;\n }\n .kol-alert-wc .heading > div {\n flex-grow: 1;\n }\n .close {\n /* Visible with forced colors */\n outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\n }\n}\n@layer kol-component {\n :host {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n}"}},2079:(t,e,n)=>{n.d(e,{v:()=>o});var i=n(4058);const o=(t,e)=>{(0,i.g)(t,"_suggestions",(t=>"string"==typeof t||"number"==typeof t),e,void 0,{hooks:{afterPatch:t=>{Array.isArray(t)&&t.length&&(0,i.a)("Property suggestions: Options have accessibility issues in how browsers implemented them and should not be used for now.")}}})}}}]);
@@ -1,3 +0,0 @@
1
- /*!
2
- * KoliBri - The accessible HTML-Standard
3
- */
package/dist/4892.js DELETED
@@ -1,2 +0,0 @@
1
- /*! For license information please see 4892.js.LICENSE.txt */
2
- "use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[4892],{1100:(n,e,t)=>{t.d(e,{t:()=>a});var i=t(8457),o=t(1523);let a=(n,e)=>{var t;return(null!==(t=(0,i.g)())&&void 0!==t?t:(0,i.i)("de")).translate(n,e)};"test"===o.p&&(a=n=>n)},4892:(n,e,t)=>{t.r(e),t.d(e,{kol_spin:()=>l});var i=t(1114),o=t(1100),a=t(3851),r=t(4058);const s=["cycle","dot","none"],l=class{constructor(n){(0,i.r)(this,n),this.showToggled=!1,this._show=!1,this._variant="dot",this.state={_variant:"dot"}}render(){return(0,i.h)(i.H,{key:"e628b9baf0da099609e89bcf61a2503b11acfb31",class:"kol-spin"},this.state._show?(0,i.h)("span",{"aria-busy":"true","aria-label":(0,o.t)("kol-action-running"),"aria-live":"polite",class:{spin:!0,[this.state._variant]:!0},role:"alert"},function(n){switch(n){case"cycle":return(0,i.h)("span",{class:"loader"});case"none":return(0,i.h)("slot",{name:"expert"});default:return(0,i.h)(i.F,null,(0,i.h)("span",{class:"bg-spin-1"}),(0,i.h)("span",{class:"bg-spin-2"}),(0,i.h)("span",{class:"bg-spin-3"}),(0,i.h)("span",{class:"bg-neutral"}))}}(this.state._variant)):this.showToggled&&(0,i.h)("span",{"aria-label":(0,o.t)("kol-action-done"),"aria-busy":"false","aria-live":"polite",role:"alert"}))}validateShow(n){this.showToggled=!0===this.state._show&&!1===this._show,(0,a.v)(this,n)}validateVariant(n){((n,e)=>{(0,r.w)(n,"_variant",(n=>"string"==typeof n&&s.includes(n)),new Set(s),e)})(this,n)}componentWillLoad(){this.validateShow(this._show),this.validateVariant(this._variant)}static get watchers(){return{_show:["validateShow"],_variant:["validateVariant"]}}};l.style={default:"/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n :host {\n /*\n * Minimum size of interactive elements.\n */\n --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\n /*\n * No element should be used without a background and font color whose contrast ratio has\n * not been checked. By initially setting the background color to white and the font color\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\n */\n background-color: white;\n color: black;\n /*\n * Verdana is an accessible font that can be used without requiring additional loading time.\n */\n font-family: Verdana;\n }\n * {\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n hyphens: auto;\n /*\n * Letter spacing is required for all texts.\n */\n letter-spacing: inherit;\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n word-break: break-word;\n /*\n * Word spacing is required for all texts.\n */\n word-spacing: inherit;\n }\n /*\n * All interactive elements should have a minimum size of rem(44).\n */\n /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n /* option, */\n /* select, */\n /* textarea, */\n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n /*\n * Some interactive elements should not inherit the font-family and font-size.\n */\n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n /*\n * All elements should inherit the font family from his parent element.\n */\n font-family: inherit;\n /*\n * All elements should inherit the font size from his parent element.\n */\n font-size: inherit;\n }\n}\n/**\n * Sometimes we need the semantic element for accessibility reasons,\n * but we don't want to show it.\n *\n * - https://www.a11yproject.com/posts/how-to-hide-content/\n */\n.visually-hidden {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: calc(1rem / var(--kolibri-root-font-size, 16));\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: calc(1rem / var(--kolibri-root-font-size, 16));\n}\n\n@layer kol-global {\n /*\n * Dieses CSS stellt sicher, dass der Standard-Style\n * von A und Button resettet werden.\n */\n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; /* 100% needed for custom width from outside */\n }\n /*\n * Ensure elements with hidden attribute to be actually not visible\n * @see https://meowni.ca/hidden.is.a.lie.html\n */\n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n :host {\n /*\n * The max-width is needed to prevent the table from overflowing the\n * parent node, if the table is wider than the parent node.\n */\n max-width: 100%;\n }\n * {\n /*\n * We prefer to box-sizing: border-box for all elements.\n */\n box-sizing: border-box;\n }\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n /* This is the text label. */\n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n /* Reset browser agent style. */\n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n .spin.cycle {\n width: calc(48rem / var(--kolibri-root-font-size, 16));\n height: calc(48rem / var(--kolibri-root-font-size, 16));\n }\n .spin.cycle > .loader {\n display: block;\n width: 100%;\n height: 100%;\n border-radius: 50%;\n position: relative;\n animation: 2s linear infinite rotate;\n }\n .spin.cycle > .loader::before {\n content: \"\";\n box-sizing: border-box;\n position: absolute;\n inset: 0;\n border-radius: 50%;\n border: calc(5rem / var(--kolibri-root-font-size, 16)) solid #333;\n animation: 3s linear infinite prixClipFix;\n }\n @keyframes rotate {\n 100% {\n transform: rotate(360deg);\n }\n }\n @keyframes prixClipFix {\n 0% {\n border-color: #fff;\n clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);\n }\n 25% {\n border-color: #666;\n clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);\n }\n 50% {\n border-color: #000;\n clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);\n }\n 75% {\n border-color: #000;\n clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);\n }\n 100% {\n border-color: #000;\n clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);\n }\n }\n /* https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion#toning_down_the_animation_scaling */\n @media (prefers-reduced-motion) {\n .spin.cycle > .loader {\n animation-duration: 4s;\n }\n .spin.cycle > .loader::before {\n animation-duration: 6s;\n }\n }\n}\n@layer kol-component {\n .spin.dot {\n height: calc(16rem / var(--kolibri-root-font-size, 16));\n width: calc(48rem / var(--kolibri-root-font-size, 16));\n }\n .spin.dot > span {\n animation-timing-function: cubic-bezier(0, 1, 1, 0);\n border-radius: 50%;\n border: calc(0.16rem / var(--kolibri-root-font-size, 16)) solid #fff;\n height: calc(12.8rem / var(--kolibri-root-font-size, 16));\n position: absolute;\n top: calc(0.16rem / var(--kolibri-root-font-size, 16));\n width: calc(12.8rem / var(--kolibri-root-font-size, 16));\n }\n .spin.dot > span:first-child {\n background-color: #000;\n z-index: 0;\n animation: 1s infinite spin1;\n left: calc(0.16rem / var(--kolibri-root-font-size, 16));\n }\n .spin.dot > span:nth-child(2) {\n background-color: #000;\n z-index: 1;\n animation: 1s infinite spin2;\n left: calc(0.16rem / var(--kolibri-root-font-size, 16));\n }\n .spin.dot > span:nth-child(3) {\n background-color: #000;\n z-index: 1;\n animation: 1s infinite spin2;\n left: calc(17.6rem / var(--kolibri-root-font-size, 16));\n }\n .spin.dot > span:nth-child(4) {\n background-color: #666;\n z-index: 0;\n animation: 1s infinite spin3;\n left: calc(33.6rem / var(--kolibri-root-font-size, 16));\n }\n @keyframes spin1 {\n 0% {\n transform: scale(0);\n }\n 100% {\n transform: scale(1);\n }\n }\n @keyframes spin2 {\n 0% {\n transform: translate(0, 0);\n }\n 100% {\n transform: translate(calc(16rem / var(--kolibri-root-font-size, 16)), 0);\n }\n }\n @keyframes spin3 {\n 0% {\n transform: scale(1);\n }\n 100% {\n transform: scale(0);\n }\n }\n /* https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion#toning_down_the_animation_scaling */\n @media (prefers-reduced-motion) {\n .spin.dot > span:first-child,\n .spin.dot > span:nth-child(2),\n .spin.dot > span:nth-child(3),\n .spin.dot > span:nth-child(4) {\n animation-duration: 2s;\n }\n }\n}\n@layer kol-component {\n :host {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .spin {\n display: block;\n padding: calc(2rem / var(--kolibri-root-font-size, 16));\n position: relative;\n }\n}"}},1523:(n,e,t)=>{t.d(e,{b:()=>r,h:()=>o,p:()=>i,s:()=>a});let i="development";try{i="production"}catch(n){i="production"}const o=(n,e,t)=>{if(n&&e&&"string"==typeof t){const i=n.querySelector(`[slot="${t}"]`);i&&e.appendChild(i)}},a=n=>""===n,r=(n,e)=>n||e||""},3851:(n,e,t)=>{t.d(e,{v:()=>o});var i=t(4058);const o=(n,e,t)=>{(0,i.b)(n,"_show",e,t)}}}]);
@@ -1,3 +0,0 @@
1
- /*!
2
- * KoliBri - The accessible HTML-Standard
3
- */
package/dist/4933.js DELETED
@@ -1,2 +0,0 @@
1
- /*! For license information please see 4933.js.LICENSE.txt */
2
- "use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[4933],{4933:(n,e,t)=>{t.r(e),t.d(e,{kol_button_link:()=>l});var i=t(1114),o=t(7883),a=(n,e,t)=>new Promise(((i,o)=>{var a=n=>{try{s(t.next(n))}catch(n){o(n)}},l=n=>{try{s(t.throw(n))}catch(n){o(n)}},s=n=>n.done?i(n.value):Promise.resolve(n.value).then(a,l);s((t=t.apply(n,e)).next())}));const l=class{constructor(n){(0,i.r)(this,n),this.catchRef=n=>{this.buttonWcRef=n},this._accessKey=void 0,this._ariaControls=void 0,this._ariaDescription=void 0,this._ariaExpanded=void 0,this._ariaSelected=void 0,this._disabled=!1,this._hideLabel=!1,this._icons=void 0,this._id=void 0,this._label=void 0,this._name=void 0,this._on=void 0,this._role=void 0,this._shortKey=void 0,this._syncValueBySelector=void 0,this._tabIndex=void 0,this._tooltipAlign="top",this._type="button",this._value=void 0}getValue(){return a(this,null,(function*(){return this._value}))}focus(){return a(this,null,(function*(){yield this.kolFocus()}))}kolFocus(){return a(this,null,(function*(){var n;yield null===(n=this.buttonWcRef)||void 0===n?void 0:n.kolFocus()}))}render(){return(0,i.h)(i.H,{key:"68f55a65066cb392c520c140475a93cc2cfa75c8",class:"kol-button-link"},(0,i.h)(o.a,{key:"3cc8c2adab3d1f538ff54d6212fdcfa647f3f8a8",ref:this.catchRef,_accessKey:this._accessKey,_ariaControls:this._ariaControls,_ariaDescription:this._ariaDescription,_ariaExpanded:this._ariaExpanded,_ariaSelected:this._ariaSelected,_disabled:this._disabled,_icons:this._icons,_hideLabel:this._hideLabel,_id:this._id,_label:this._label,_name:this._name,_on:this._on,_role:"link",_shortKey:this._shortKey,_syncValueBySelector:this._syncValueBySelector,_tabIndex:this._tabIndex,_tooltipAlign:this._tooltipAlign,_type:this._type,_value:this._value},(0,i.h)("slot",{key:"43de726cd841c948d6b9a5f30895e2be188350ed",name:"expert",slot:"expert"})))}static get delegatesFocus(){return!0}};l.style={default:"/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n :host {\n /*\n * Minimum size of interactive elements.\n */\n --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\n /*\n * No element should be used without a background and font color whose contrast ratio has\n * not been checked. By initially setting the background color to white and the font color\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\n */\n background-color: white;\n color: black;\n /*\n * Verdana is an accessible font that can be used without requiring additional loading time.\n */\n font-family: Verdana;\n }\n * {\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n hyphens: auto;\n /*\n * Letter spacing is required for all texts.\n */\n letter-spacing: inherit;\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n word-break: break-word;\n /*\n * Word spacing is required for all texts.\n */\n word-spacing: inherit;\n }\n /*\n * All interactive elements should have a minimum size of rem(44).\n */\n /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n /* option, */\n /* select, */\n /* textarea, */\n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n /*\n * Some interactive elements should not inherit the font-family and font-size.\n */\n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n /*\n * All elements should inherit the font family from his parent element.\n */\n font-family: inherit;\n /*\n * All elements should inherit the font size from his parent element.\n */\n font-size: inherit;\n }\n}\n/**\n * Sometimes we need the semantic element for accessibility reasons,\n * but we don't want to show it.\n *\n * - https://www.a11yproject.com/posts/how-to-hide-content/\n */\n.visually-hidden {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: calc(1rem / var(--kolibri-root-font-size, 16));\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: calc(1rem / var(--kolibri-root-font-size, 16));\n}\n\n@layer kol-global {\n /*\n * Dieses CSS stellt sicher, dass der Standard-Style\n * von A und Button resettet werden.\n */\n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; /* 100% needed for custom width from outside */\n }\n /*\n * Ensure elements with hidden attribute to be actually not visible\n * @see https://meowni.ca/hidden.is.a.lie.html\n */\n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n :host {\n /*\n * The max-width is needed to prevent the table from overflowing the\n * parent node, if the table is wider than the parent node.\n */\n max-width: 100%;\n }\n * {\n /*\n * We prefer to box-sizing: border-box for all elements.\n */\n box-sizing: border-box;\n }\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n /* This is the text label. */\n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n /* Reset browser agent style. */\n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n :host {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-tooltip-wc {\n display: contents;\n }\n .kol-tooltip-wc .tooltip-floating {\n animation-duration: 0.5s;\n animation-iteration-count: 1;\n animation-name: fadeInOpacity;\n animation-timing-function: ease-in;\n box-sizing: border-box;\n display: none;\n position: fixed;\n visibility: hidden;\n /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n top: 0;\n left: 0;\n max-width: 90vw;\n max-height: 90vh;\n /* Can be used to specify the tooltip-width from the outside. Unset by default. */\n width: var(--kol-tooltip-width);\n }\n /* Shared between content and arrow */\n .kol-tooltip-wc .tooltip-area {\n background-color: #fff;\n color: #000;\n }\n .kol-tooltip-wc .tooltip-arrow {\n height: calc(10rem / var(--kolibri-root-font-size, 16));\n position: absolute;\n transform: rotate(45deg);\n width: calc(10rem / var(--kolibri-root-font-size, 16));\n z-index: 999;\n }\n .kol-tooltip-wc .tooltip-content {\n position: relative;\n z-index: 1000;\n }\n @keyframes fadeInOpacity {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n }\n}\n@layer kol-component {\n :host {\n display: inline-block;\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n :is(a, button) {\n align-items: baseline;\n display: inline-flex;\n place-items: center;\n text-align: left;\n text-decoration-line: none;\n }\n :is(a, button) .kol-span-wc .span-label {\n text-decoration-line: underline;\n }\n a:is(:focus, :hover):not([aria-disabled]) .kol-span-wc .span-label,\n button:is(:focus, :hover):not([disabled]) .kol-span-wc .span-label {\n text-decoration-thickness: 0.2em;\n }\n .skip {\n left: calc(-99999rem / var(--kolibri-root-font-size, 16));\n overflow: hidden;\n position: absolute;\n z-index: 9999999;\n line-height: 1;\n }\n .skip:focus {\n background-color: #fff;\n left: unset;\n padding: 1em;\n position: unset;\n }\n .kol-icon.external-link-icon {\n display: inline-flex;\n margin-left: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n}"}}}]);
@@ -1,3 +0,0 @@
1
- /*!
2
- * KoliBri - The accessible HTML-Standard
3
- */
package/dist/4943.js DELETED
@@ -1,2 +0,0 @@
1
- /*! For license information please see 4943.js.LICENSE.txt */
2
- "use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[4943],{4943:(n,e,t)=>{t.r(e),t.d(e,{kol_abbr:()=>a});var o=t(1114),i=t(1085);const a=class{constructor(n){(0,o.r)(this,n),this._label=void 0,this.state={_label:""}}render(){return(0,o.h)(o.H,{key:"8267aa3e74d7eaa360974c5d574061ef207f2b79",class:"kol-abbr"},(0,o.h)("abbr",{key:"cc15d83f035241891e2c44fe7401501dae83c15e"},(0,o.h)("slot",{key:"2a655a6e8c1dbae8377bd8175cd83189b0b00483"})),this.state._label?` (${this.state._label})`:"")}validateLabel(n){(0,i.v)(this,n,{required:!0})}componentWillLoad(){this.validateLabel(this._label)}static get watchers(){return{_label:["validateLabel"]}}};a.style={default:"/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n :host {\n /*\n * Minimum size of interactive elements.\n */\n --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\n /*\n * No element should be used without a background and font color whose contrast ratio has\n * not been checked. By initially setting the background color to white and the font color\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\n */\n background-color: white;\n color: black;\n /*\n * Verdana is an accessible font that can be used without requiring additional loading time.\n */\n font-family: Verdana;\n }\n * {\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n hyphens: auto;\n /*\n * Letter spacing is required for all texts.\n */\n letter-spacing: inherit;\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n word-break: break-word;\n /*\n * Word spacing is required for all texts.\n */\n word-spacing: inherit;\n }\n /*\n * All interactive elements should have a minimum size of rem(44).\n */\n /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n /* option, */\n /* select, */\n /* textarea, */\n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n /*\n * Some interactive elements should not inherit the font-family and font-size.\n */\n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n /*\n * All elements should inherit the font family from his parent element.\n */\n font-family: inherit;\n /*\n * All elements should inherit the font size from his parent element.\n */\n font-size: inherit;\n }\n}\n/**\n * Sometimes we need the semantic element for accessibility reasons,\n * but we don't want to show it.\n *\n * - https://www.a11yproject.com/posts/how-to-hide-content/\n */\n.visually-hidden {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: calc(1rem / var(--kolibri-root-font-size, 16));\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: calc(1rem / var(--kolibri-root-font-size, 16));\n}\n\n@layer kol-global {\n /*\n * Dieses CSS stellt sicher, dass der Standard-Style\n * von A und Button resettet werden.\n */\n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; /* 100% needed for custom width from outside */\n }\n /*\n * Ensure elements with hidden attribute to be actually not visible\n * @see https://meowni.ca/hidden.is.a.lie.html\n */\n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n :host {\n /*\n * The max-width is needed to prevent the table from overflowing the\n * parent node, if the table is wider than the parent node.\n */\n max-width: 100%;\n }\n * {\n /*\n * We prefer to box-sizing: border-box for all elements.\n */\n box-sizing: border-box;\n }\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n /* This is the text label. */\n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n /* Reset browser agent style. */\n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n :host {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-tooltip-wc {\n display: contents;\n }\n .kol-tooltip-wc .tooltip-floating {\n animation-duration: 0.5s;\n animation-iteration-count: 1;\n animation-name: fadeInOpacity;\n animation-timing-function: ease-in;\n box-sizing: border-box;\n display: none;\n position: fixed;\n visibility: hidden;\n /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n top: 0;\n left: 0;\n max-width: 90vw;\n max-height: 90vh;\n /* Can be used to specify the tooltip-width from the outside. Unset by default. */\n width: var(--kol-tooltip-width);\n }\n /* Shared between content and arrow */\n .kol-tooltip-wc .tooltip-area {\n background-color: #fff;\n color: #000;\n }\n .kol-tooltip-wc .tooltip-arrow {\n height: calc(10rem / var(--kolibri-root-font-size, 16));\n position: absolute;\n transform: rotate(45deg);\n width: calc(10rem / var(--kolibri-root-font-size, 16));\n z-index: 999;\n }\n .kol-tooltip-wc .tooltip-content {\n position: relative;\n z-index: 1000;\n }\n @keyframes fadeInOpacity {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n }\n}\n@layer kol-component {\n :host {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n}"}},1085:(n,e,t)=>{t.d(e,{a:()=>h,b:()=>r,c:()=>s,h:()=>i,v:()=>c});var o=t(4058);const i=[0,1,2,3,4,5,6],a=/[a-zA-Z0-9äöüÄÖÜß]/g,l=/^\d+$/;function r(n,e=1){return function(n){var e;return"string"==typeof n&&(null===(e=n.match(a))||void 0===e?void 0:e.length)||0}(n)>=e}function s(n){return l.test(n)}const d=new Set(["string"]),c=(n,e,t={})=>{(0,o.w)(n,"_label",(n=>"string"==typeof n),d,e,function(n){var e;return Object.assign(Object.assign({},n),{hooks:{afterPatch:(e,t,i,a)=>{var l,d;"function"==typeof(null===(l=n.hooks)||void 0===l?void 0:l.afterPatch)&&(null===(d=n.hooks)||void 0===d||d.afterPatch(e,t,i,a)),"string"==typeof e&&!1===r(e,3)&&!1===s(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=n.hooks)||void 0===e?void 0:e.beforePatch}})}(t))},h=c}}]);
@@ -1,3 +0,0 @@
1
- /*!
2
- * KoliBri - The accessible HTML-Standard
3
- */
package/dist/5034.js DELETED
@@ -1,2 +0,0 @@
1
- /*! For license information please see 5034.js.LICENSE.txt */
2
- "use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[5034],{5034:(n,e,t)=>{t.r(e),t.d(e,{kol_button_group:()=>a});var i=t(1114),o=t(7883);const a=class{constructor(n){(0,i.r)(this,n)}render(){return(0,i.h)(i.H,{key:"feb0216ccf8dae03262a8bc164cd7e202baed013",class:"kol-button-group"},(0,i.h)(o.f,{key:"0f0accb8260b5f7e8bf7cf3b57e06a919f43c56f"},(0,i.h)("slot",{key:"50857b6cbdee8c315a3ca7ee84496aa2b3b8fcbc"})))}};a.style={default:"/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n :host {\n /*\n * Minimum size of interactive elements.\n */\n --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\n /*\n * No element should be used without a background and font color whose contrast ratio has\n * not been checked. By initially setting the background color to white and the font color\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\n */\n background-color: white;\n color: black;\n /*\n * Verdana is an accessible font that can be used without requiring additional loading time.\n */\n font-family: Verdana;\n }\n * {\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n hyphens: auto;\n /*\n * Letter spacing is required for all texts.\n */\n letter-spacing: inherit;\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n word-break: break-word;\n /*\n * Word spacing is required for all texts.\n */\n word-spacing: inherit;\n }\n /*\n * All interactive elements should have a minimum size of rem(44).\n */\n /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n /* option, */\n /* select, */\n /* textarea, */\n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n /*\n * Some interactive elements should not inherit the font-family and font-size.\n */\n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n /*\n * All elements should inherit the font family from his parent element.\n */\n font-family: inherit;\n /*\n * All elements should inherit the font size from his parent element.\n */\n font-size: inherit;\n }\n}\n/**\n * Sometimes we need the semantic element for accessibility reasons,\n * but we don't want to show it.\n *\n * - https://www.a11yproject.com/posts/how-to-hide-content/\n */\n.visually-hidden {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: calc(1rem / var(--kolibri-root-font-size, 16));\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: calc(1rem / var(--kolibri-root-font-size, 16));\n}\n\n@layer kol-global {\n /*\n * Dieses CSS stellt sicher, dass der Standard-Style\n * von A und Button resettet werden.\n */\n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; /* 100% needed for custom width from outside */\n }\n /*\n * Ensure elements with hidden attribute to be actually not visible\n * @see https://meowni.ca/hidden.is.a.lie.html\n */\n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n :host {\n /*\n * The max-width is needed to prevent the table from overflowing the\n * parent node, if the table is wider than the parent node.\n */\n max-width: 100%;\n }\n * {\n /*\n * We prefer to box-sizing: border-box for all elements.\n */\n box-sizing: border-box;\n }\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n /* This is the text label. */\n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n /* Reset browser agent style. */\n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n :host {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n :host > .kol-button-group-wc {\n display: flex;\n flex-wrap: wrap;\n }\n}"}}}]);
@@ -1,3 +0,0 @@
1
- /*!
2
- * KoliBri - The accessible HTML-Standard
3
- */
package/dist/5056.js DELETED
@@ -1,2 +0,0 @@
1
- /*! For license information please see 5056.js.LICENSE.txt */
2
- "use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[5056],{1100:(t,e,a)=>{a.d(e,{t:()=>l});var s=a(8457),r=a(1523);let l=(t,e)=>{var a;return(null!==(a=(0,s.g)())&&void 0!==a?a:(0,s.i)("de")).translate(t,e)};"test"===r.p&&(l=t=>t)},7846:(t,e,a)=>{a.d(e,{v:()=>r});var s=a(4058);const r=(t,e,a)=>{(0,s.i)(t,"_src",e,a)}},5056:(t,e,a)=>{a.r(e),a.d(e,{kol_avatar_wc:()=>n});var s=a(1114),r=a(1100),l=a(7846),i=a(1085);const c=t=>0===t.length?"":t[0].toUpperCase(),n=class{constructor(t){(0,s.r)(this,t),this._src=void 0,this._label=void 0,this.state={_src:"",_label:""}}render(){return(0,s.h)(s.H,{key:"bae5c6360b2eee7a2981083377c588892541ebd7",class:"kol-avatar-wc"},(0,s.h)("div",{key:"4ded87fb86a5cbe89329637817145fed01efcc1e","aria-label":(0,r.t)("kol-avatar-alt",{placeholders:{name:this.state._label}}),class:"container",role:"img"},this.state._src?(0,s.h)("img",{alt:"","aria-hidden":"true",class:"image",src:this.state._src}):(0,s.h)("span",{"aria-hidden":"true",class:"initials"},(t=>{const e=t.split(/\s+/),a=e.at(0),s=e.at(-1);return e.length>=2&&a&&s?`${c(a)}${c(s)}`:c(t)})(this.state._label.trim()))))}validateSrc(t){(0,l.v)(this,t)}validateLabel(t){(0,i.v)(this,t,{required:!0})}componentWillLoad(){this.validateSrc(this._src),this.validateLabel(this._label)}static get watchers(){return{_src:["validateSrc"],_label:["validateLabel"]}}}},1085:(t,e,a)=>{a.d(e,{a:()=>d,b:()=>c,c:()=>n,h:()=>r,v:()=>h});var s=a(4058);const r=[0,1,2,3,4,5,6],l=/[a-zA-Z0-9äöüÄÖÜß]/g,i=/^\d+$/;function c(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 n(t){return i.test(t)}const o=new Set(["string"]),h=(t,e,a={})=>{(0,s.w)(t,"_label",(t=>"string"==typeof t),o,e,function(t){var e;return Object.assign(Object.assign({},t),{hooks:{afterPatch:(e,a,r,l)=>{var i,o;"function"==typeof(null===(i=t.hooks)||void 0===i?void 0:i.afterPatch)&&(null===(o=t.hooks)||void 0===o||o.afterPatch(e,a,r,l)),"string"==typeof e&&!1===c(e,3)&&!1===n(e)&&(0,s.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,s.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=h},1523:(t,e,a)=>{a.d(e,{b:()=>i,h:()=>r,p:()=>s,s:()=>l});let s="development";try{s="production"}catch(t){s="production"}const r=(t,e,a)=>{if(t&&e&&"string"==typeof a){const s=t.querySelector(`[slot="${a}"]`);s&&e.appendChild(s)}},l=t=>""===t,i=(t,e)=>t||e||""}}]);
@@ -1,3 +0,0 @@
1
- /*!
2
- * KoliBri - The accessible HTML-Standard
3
- */