@public-ui/components 1.1.15-rc.5 → 1.1.15-rc.6

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 (244) hide show
  1. package/cheat-sheet.html +17 -12
  2. package/custom-elements.json +7 -1
  3. package/dist/cjs/{app-globals-9aac4250.js → app-globals-0afb74ff.js} +1 -1
  4. package/dist/cjs/{button-link-4ca98f7b.js → button-link-53dceb58.js} +1 -1
  5. package/dist/cjs/{controller-879689e3.js → controller-79725777.js} +1 -1
  6. package/dist/cjs/{controller-a505f829.js → controller-9c3fb07f.js} +1 -1
  7. package/dist/cjs/{controller-b9bb6fb4.js → controller-deac578d.js} +1 -1
  8. package/dist/cjs/{controller-027ab1d6.js → controller-e4ec0893.js} +1 -1
  9. package/dist/cjs/{controller-abbbf1ab.js → controller-f272d74e.js} +1 -1
  10. package/dist/cjs/{controller-92b6d53e.js → controller-f3a48fd9.js} +1 -1
  11. package/dist/cjs/{devtools-54a1e233.js → devtools-62a24a78.js} +1 -1
  12. package/dist/cjs/index.cjs.js +1 -1
  13. package/dist/cjs/kol-abbr.cjs.entry.js +1 -1
  14. package/dist/cjs/kol-accordion.cjs.entry.js +1 -1
  15. package/dist/cjs/kol-alert.cjs.entry.js +1 -1
  16. package/dist/cjs/kol-badge.cjs.entry.js +1 -1
  17. package/dist/cjs/kol-breadcrumb.cjs.entry.js +1 -1
  18. package/dist/cjs/kol-button-group.cjs.entry.js +1 -1
  19. package/dist/cjs/kol-button-link.cjs.entry.js +1 -1
  20. package/dist/cjs/kol-button-wc_2.cjs.entry.js +1 -1
  21. package/dist/cjs/kol-button.cjs.entry.js +1 -1
  22. package/dist/cjs/kol-card.cjs.entry.js +1 -1
  23. package/dist/cjs/kol-color.cjs.entry.js +1 -1
  24. package/dist/cjs/kol-details.cjs.entry.js +1 -1
  25. package/dist/cjs/kol-form.cjs.entry.js +1 -1
  26. package/dist/cjs/kol-heading-wc_2.cjs.entry.js +1 -1
  27. package/dist/cjs/kol-heading.cjs.entry.js +1 -1
  28. package/dist/cjs/kol-icon.cjs.entry.js +1 -1
  29. package/dist/cjs/kol-indented-text.cjs.entry.js +1 -1
  30. package/dist/cjs/kol-input-checkbox.cjs.entry.js +1 -1
  31. package/dist/cjs/kol-input-color.cjs.entry.js +1 -1
  32. package/dist/cjs/kol-input-date.cjs.entry.js +1 -1
  33. package/dist/cjs/kol-input-email.cjs.entry.js +1 -1
  34. package/dist/cjs/kol-input-file.cjs.entry.js +1 -1
  35. package/dist/cjs/kol-input-number.cjs.entry.js +1 -1
  36. package/dist/cjs/kol-input-password.cjs.entry.js +1 -1
  37. package/dist/cjs/kol-input-radio.cjs.entry.js +1 -1
  38. package/dist/cjs/kol-input-range.cjs.entry.js +1 -1
  39. package/dist/cjs/kol-input-text.cjs.entry.js +1 -1
  40. package/dist/cjs/kol-kolibri.cjs.entry.js +1 -1
  41. package/dist/cjs/kol-link-button.cjs.entry.js +1 -1
  42. package/dist/cjs/kol-link-group.cjs.entry.js +1 -1
  43. package/dist/cjs/kol-link-wc.cjs.entry.js +1 -1
  44. package/dist/cjs/kol-link.cjs.entry.js +1 -1
  45. package/dist/cjs/kol-logo.cjs.entry.js +1 -1
  46. package/dist/cjs/kol-modal.cjs.entry.js +1 -1
  47. package/dist/cjs/kol-nav.cjs.entry.js +1 -1
  48. package/dist/cjs/kol-pagination.cjs.entry.js +1 -1
  49. package/dist/cjs/kol-progress.cjs.entry.js +1 -1
  50. package/dist/cjs/kol-select.cjs.entry.js +1 -1
  51. package/dist/cjs/kol-skip-nav.cjs.entry.js +1 -1
  52. package/dist/cjs/kol-span.cjs.entry.js +1 -1
  53. package/dist/cjs/kol-spin.cjs.entry.js +1 -1
  54. package/dist/cjs/kol-symbol.cjs.entry.js +1 -1
  55. package/dist/cjs/kol-table.cjs.entry.js +1 -1
  56. package/dist/cjs/kol-tabs.cjs.entry.js +1 -1
  57. package/dist/cjs/kol-textarea.cjs.entry.js +1 -1
  58. package/dist/cjs/kol-toast.cjs.entry.js +1 -1
  59. package/dist/cjs/kol-tooltip.cjs.entry.js +1 -1
  60. package/dist/cjs/kol-version.cjs.entry.js +1 -1
  61. package/dist/cjs/kolibri.cjs.js +1 -1
  62. package/dist/cjs/{label-83eaae1a.js → label-f7d91f42.js} +1 -1
  63. package/dist/cjs/loader.cjs.js +1 -1
  64. package/dist/cjs/{prop.validators-dd1b78c2.js → prop.validators-8ddaf00e.js} +1 -1
  65. package/dist/cjs/{tab-index-268ecadc.js → tab-index-6d58aaf6.js} +1 -1
  66. package/dist/cjs/{validation-3dc5e5fc.js → validation-1d0eba3e.js} +1 -1
  67. package/dist/cjs/{validation-9783b057.js → validation-7fc058fe.js} +1 -1
  68. package/dist/components/component.js +1 -1
  69. package/dist/components/component11.js +1 -1
  70. package/dist/components/component12.js +1 -1
  71. package/dist/components/component2.js +1 -1
  72. package/dist/components/component6.js +1 -1
  73. package/dist/components/component8.js +1 -1
  74. package/dist/components/component9.js +1 -1
  75. package/dist/components/kol-abbr.js +1 -1
  76. package/dist/components/kol-accordion.js +1 -1
  77. package/dist/components/kol-breadcrumb.js +1 -1
  78. package/dist/components/kol-button-group.js +1 -1
  79. package/dist/components/kol-button-link.js +1 -1
  80. package/dist/components/kol-card.js +1 -1
  81. package/dist/components/kol-color.js +1 -1
  82. package/dist/components/kol-details.js +1 -1
  83. package/dist/components/kol-heading.js +1 -1
  84. package/dist/components/kol-input-checkbox.js +1 -1
  85. package/dist/components/kol-input-color.js +1 -1
  86. package/dist/components/kol-input-date.js +1 -1
  87. package/dist/components/kol-input-email.js +1 -1
  88. package/dist/components/kol-input-file.js +1 -1
  89. package/dist/components/kol-input-password.js +1 -1
  90. package/dist/components/kol-input-range.js +1 -1
  91. package/dist/components/kol-input-text.js +1 -1
  92. package/dist/components/kol-kolibri.js +1 -1
  93. package/dist/components/kol-link-button.js +1 -1
  94. package/dist/components/kol-link-group.js +1 -1
  95. package/dist/components/kol-logo.js +1 -1
  96. package/dist/components/kol-modal.js +1 -1
  97. package/dist/components/kol-nav.js +1 -1
  98. package/dist/components/kol-skip-nav.js +1 -1
  99. package/dist/components/kol-span.js +1 -1
  100. package/dist/components/kol-spin.js +1 -1
  101. package/dist/components/kol-table.js +1 -1
  102. package/dist/components/kol-tabs.js +1 -1
  103. package/dist/components/kol-textarea.js +1 -1
  104. package/dist/components/kol-toast.js +1 -1
  105. package/dist/components/kol-version.js +1 -1
  106. package/dist/components/prop.validators.js +1 -1
  107. package/dist/components/shadow.js +1 -1
  108. package/dist/components/shadow2.js +1 -1
  109. package/dist/esm/{app-globals-297c26f2.js → app-globals-478a6001.js} +1 -1
  110. package/dist/esm/{button-link-bf343c76.js → button-link-0e3aab16.js} +1 -1
  111. package/dist/esm/{controller-9115270a.js → controller-014fc17e.js} +1 -1
  112. package/dist/esm/{controller-ad99c416.js → controller-0a259caf.js} +1 -1
  113. package/dist/esm/{controller-6d82eda5.js → controller-1e0ec378.js} +1 -1
  114. package/dist/esm/{controller-efa0a120.js → controller-563ae343.js} +1 -1
  115. package/dist/esm/{controller-3529fb08.js → controller-ca25e97c.js} +1 -1
  116. package/dist/esm/{controller-815734bb.js → controller-f46df1f0.js} +1 -1
  117. package/dist/esm/{devtools-15facbbc.js → devtools-cc50ca43.js} +1 -1
  118. package/dist/esm/index.js +1 -1
  119. package/dist/esm/kol-abbr.entry.js +1 -1
  120. package/dist/esm/kol-accordion.entry.js +1 -1
  121. package/dist/esm/kol-alert.entry.js +1 -1
  122. package/dist/esm/kol-badge.entry.js +1 -1
  123. package/dist/esm/kol-breadcrumb.entry.js +1 -1
  124. package/dist/esm/kol-button-group.entry.js +1 -1
  125. package/dist/esm/kol-button-link.entry.js +1 -1
  126. package/dist/esm/kol-button-wc_2.entry.js +1 -1
  127. package/dist/esm/kol-button.entry.js +1 -1
  128. package/dist/esm/kol-card.entry.js +1 -1
  129. package/dist/esm/kol-color.entry.js +1 -1
  130. package/dist/esm/kol-details.entry.js +1 -1
  131. package/dist/esm/kol-form.entry.js +1 -1
  132. package/dist/esm/kol-heading-wc_2.entry.js +1 -1
  133. package/dist/esm/kol-heading.entry.js +1 -1
  134. package/dist/esm/kol-icon.entry.js +1 -1
  135. package/dist/esm/kol-indented-text.entry.js +1 -1
  136. package/dist/esm/kol-input-checkbox.entry.js +1 -1
  137. package/dist/esm/kol-input-color.entry.js +1 -1
  138. package/dist/esm/kol-input-date.entry.js +1 -1
  139. package/dist/esm/kol-input-email.entry.js +1 -1
  140. package/dist/esm/kol-input-file.entry.js +1 -1
  141. package/dist/esm/kol-input-number.entry.js +1 -1
  142. package/dist/esm/kol-input-password.entry.js +1 -1
  143. package/dist/esm/kol-input-radio.entry.js +1 -1
  144. package/dist/esm/kol-input-range.entry.js +1 -1
  145. package/dist/esm/kol-input-text.entry.js +1 -1
  146. package/dist/esm/kol-kolibri.entry.js +1 -1
  147. package/dist/esm/kol-link-button.entry.js +1 -1
  148. package/dist/esm/kol-link-group.entry.js +1 -1
  149. package/dist/esm/kol-link-wc.entry.js +1 -1
  150. package/dist/esm/kol-link.entry.js +1 -1
  151. package/dist/esm/kol-logo.entry.js +1 -1
  152. package/dist/esm/kol-modal.entry.js +1 -1
  153. package/dist/esm/kol-nav.entry.js +1 -1
  154. package/dist/esm/kol-pagination.entry.js +1 -1
  155. package/dist/esm/kol-progress.entry.js +1 -1
  156. package/dist/esm/kol-select.entry.js +1 -1
  157. package/dist/esm/kol-skip-nav.entry.js +1 -1
  158. package/dist/esm/kol-span.entry.js +1 -1
  159. package/dist/esm/kol-spin.entry.js +1 -1
  160. package/dist/esm/kol-symbol.entry.js +1 -1
  161. package/dist/esm/kol-table.entry.js +1 -1
  162. package/dist/esm/kol-tabs.entry.js +1 -1
  163. package/dist/esm/kol-textarea.entry.js +1 -1
  164. package/dist/esm/kol-toast.entry.js +1 -1
  165. package/dist/esm/kol-tooltip.entry.js +1 -1
  166. package/dist/esm/kol-version.entry.js +1 -1
  167. package/dist/esm/kolibri.js +1 -1
  168. package/dist/esm/{label-bc602bf5.js → label-6aec7f29.js} +1 -1
  169. package/dist/esm/loader.js +1 -1
  170. package/dist/esm/{prop.validators-4d9cba3b.js → prop.validators-82b345aa.js} +1 -1
  171. package/dist/esm/{tab-index-46edc6be.js → tab-index-7a782a55.js} +1 -1
  172. package/dist/esm/{validation-3124f600.js → validation-50c2f4e0.js} +1 -1
  173. package/dist/esm/{validation-0ddfb250.js → validation-54731d67.js} +1 -1
  174. package/dist/kolibri/{app-globals-297c26f2.js → app-globals-478a6001.js} +1 -1
  175. package/dist/kolibri/assets/form-simulation.js +1 -1
  176. package/dist/kolibri/{button-link-bf343c76.js → button-link-0e3aab16.js} +1 -1
  177. package/dist/kolibri/{controller-9115270a.js → controller-014fc17e.js} +1 -1
  178. package/dist/kolibri/{controller-ad99c416.js → controller-0a259caf.js} +1 -1
  179. package/dist/kolibri/{controller-6d82eda5.js → controller-1e0ec378.js} +1 -1
  180. package/dist/kolibri/{controller-efa0a120.js → controller-563ae343.js} +1 -1
  181. package/dist/kolibri/{controller-3529fb08.js → controller-ca25e97c.js} +1 -1
  182. package/dist/kolibri/{controller-815734bb.js → controller-f46df1f0.js} +1 -1
  183. package/dist/kolibri/{devtools-15facbbc.js → devtools-cc50ca43.js} +1 -1
  184. package/dist/kolibri/index.esm.js +1 -1
  185. package/dist/kolibri/kol-abbr.entry.js +1 -1
  186. package/dist/kolibri/kol-accordion.entry.js +1 -1
  187. package/dist/kolibri/kol-alert.entry.js +1 -1
  188. package/dist/kolibri/kol-badge.entry.js +1 -1
  189. package/dist/kolibri/kol-breadcrumb.entry.js +1 -1
  190. package/dist/kolibri/kol-button-group.entry.js +1 -1
  191. package/dist/kolibri/kol-button-link.entry.js +1 -1
  192. package/dist/kolibri/kol-button-wc_2.entry.js +1 -1
  193. package/dist/kolibri/kol-button.entry.js +1 -1
  194. package/dist/kolibri/kol-card.entry.js +1 -1
  195. package/dist/kolibri/kol-color.entry.js +1 -1
  196. package/dist/kolibri/kol-details.entry.js +1 -1
  197. package/dist/kolibri/kol-form.entry.js +1 -1
  198. package/dist/kolibri/kol-heading-wc_2.entry.js +1 -1
  199. package/dist/kolibri/kol-heading.entry.js +1 -1
  200. package/dist/kolibri/kol-icon.entry.js +1 -1
  201. package/dist/kolibri/kol-indented-text.entry.js +1 -1
  202. package/dist/kolibri/kol-input-checkbox.entry.js +1 -1
  203. package/dist/kolibri/kol-input-color.entry.js +1 -1
  204. package/dist/kolibri/kol-input-date.entry.js +1 -1
  205. package/dist/kolibri/kol-input-email.entry.js +1 -1
  206. package/dist/kolibri/kol-input-file.entry.js +1 -1
  207. package/dist/kolibri/kol-input-number.entry.js +1 -1
  208. package/dist/kolibri/kol-input-password.entry.js +1 -1
  209. package/dist/kolibri/kol-input-radio.entry.js +1 -1
  210. package/dist/kolibri/kol-input-range.entry.js +1 -1
  211. package/dist/kolibri/kol-input-text.entry.js +1 -1
  212. package/dist/kolibri/kol-kolibri.entry.js +1 -1
  213. package/dist/kolibri/kol-link-button.entry.js +1 -1
  214. package/dist/kolibri/kol-link-group.entry.js +1 -1
  215. package/dist/kolibri/kol-link-wc.entry.js +1 -1
  216. package/dist/kolibri/kol-link.entry.js +1 -1
  217. package/dist/kolibri/kol-logo.entry.js +1 -1
  218. package/dist/kolibri/kol-modal.entry.js +1 -1
  219. package/dist/kolibri/kol-nav.entry.js +1 -1
  220. package/dist/kolibri/kol-pagination.entry.js +1 -1
  221. package/dist/kolibri/kol-progress.entry.js +1 -1
  222. package/dist/kolibri/kol-select.entry.js +1 -1
  223. package/dist/kolibri/kol-skip-nav.entry.js +1 -1
  224. package/dist/kolibri/kol-span.entry.js +1 -1
  225. package/dist/kolibri/kol-spin.entry.js +1 -1
  226. package/dist/kolibri/kol-symbol.entry.js +1 -1
  227. package/dist/kolibri/kol-table.entry.js +1 -1
  228. package/dist/kolibri/kol-tabs.entry.js +1 -1
  229. package/dist/kolibri/kol-textarea.entry.js +1 -1
  230. package/dist/kolibri/kol-toast.entry.js +1 -1
  231. package/dist/kolibri/kol-tooltip.entry.js +1 -1
  232. package/dist/kolibri/kol-version.entry.js +1 -1
  233. package/dist/kolibri/kolibri.esm.js +1 -1
  234. package/dist/kolibri/{label-bc602bf5.js → label-6aec7f29.js} +1 -1
  235. package/dist/kolibri/{prop.validators-4d9cba3b.js → prop.validators-82b345aa.js} +1 -1
  236. package/dist/kolibri/{tab-index-46edc6be.js → tab-index-7a782a55.js} +1 -1
  237. package/dist/kolibri/validation-50c2f4e0.js +4 -0
  238. package/dist/kolibri/{validation-0ddfb250.js → validation-54731d67.js} +1 -1
  239. package/dist/types/components/badge/component.d.ts +2 -2
  240. package/dist/types/components.d.ts +2 -2
  241. package/jest-test-results.json +1 -1
  242. package/package.json +1 -1
  243. package/vscode-custom-data.json +4 -0
  244. package/dist/kolibri/validation-3124f600.js +0 -4
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * KoliBri - The accessible HTML-Standard
3
3
  */
4
- import{c as deprecatedHint,e as a11yHint}from"./a11y.tipps-d591ee77.js";import{o as objectObjectHandler,p as parseJson,a as watchValidator,f as watchNumber}from"./prop.validators-4d9cba3b.js";import{i as isString,a as isStyle,b as isObject}from"./validator-fe8c60ef.js";const mapCustomIcon=(t,o,e)=>{isObject(e)?t[o]=e:isString(e,1)&&(t[o]={icon:e})},mapIconProp2State=(t,o)=>{let e={};if(isString(t,1))if("right"===o)e={right:{icon:t}};else e={left:{icon:t}};else"object"==typeof t&&null!==t&&(mapCustomIcon(e,"top",t.top),mapCustomIcon(e,"right",t.right),mapCustomIcon(e,"bottom",t.bottom),mapCustomIcon(e,"left",t.left));return e},beforePatchIcon=t=>{var o,e,i,n,a,c,s;if(null===(o=t.nextState)||void 0===o?void 0:o.has("_icon")){const o=null===(e=t.nextState)||void 0===e?void 0:e.get("_icon"),a=(null===(i=t.nextState)||void 0===i?void 0:i.get("_iconAlign"))||t.state._iconAlign;null===(n=t.nextState)||void 0===n||n.set("_icon",mapIconProp2State(o,a))}else if(null===(a=t.nextState)||void 0===a?void 0:a.has("_iconAlign")){const o=t.state._iconAlign;null===(c=t.nextState)||void 0===c||c.set("_icon",{[o]:void 0,[null===(s=t.nextState)||void 0===s?void 0:s.get("_iconAlign")]:t.state._icon[o]})}},isIcon=t=>"object"==typeof t&&null!==t&&(void 0===t.style||isStyle(t.style))&&isString(t.icon,1),validateIcon=(t,o)=>{objectObjectHandler(o,(()=>{try{o=parseJson(o)}catch(t){}watchValidator(t,"_icon",(t=>null===t||isString(t,1)||"object"==typeof t&&null!==t&&(isString(t.left,1)||isIcon(t.left)||isString(t.right,1)||isIcon(t.right)||isString(t.top,1)||isIcon(t.top)||isString(t.bottom,1)||isIcon(t.bottom))),new Set(["KoliBriIcon"]),o,{hooks:{beforePatch:(o,e)=>{null===o&&e.set("_icon",{}),beforePatchIcon(t)}},required:!0})}))},watchIconAlign=(t,o)=>{deprecatedHint("Das Property _icon-align bzw. _iconAlign ist veraltet. Die Ausrichtung der Icon's kann jetzt direkt über das _icon-Property vorgenommen werden. (v1.1.10: https://public-ui.github.io/?path=/story/backlog-und-changelog--page)"),watchValidator(t,"_iconAlign",(t=>"left"===t||"right"===t),new Set(["Alignment {left, right, top, bottom}"]),o,{hooks:{beforePatch:()=>{beforePatchIcon(t)}}})},options={hooks:{afterPatch:t=>{-1!==t&&0!==t&&a11yHint("Don’t Use Tabindex Greater than 0: https://adrianroselli.com/2014/11/dont-use-tabindex-greater-than-0.html")}}},validateTabIndex=(t,o)=>{watchNumber(t,"_tabIndex",o,options)};export{validateTabIndex as a,isIcon as i,validateIcon as v,watchIconAlign as w};
4
+ import{c as deprecatedHint,e as a11yHint}from"./a11y.tipps-d591ee77.js";import{o as objectObjectHandler,p as parseJson,a as watchValidator,f as watchNumber}from"./prop.validators-82b345aa.js";import{i as isString,a as isStyle,b as isObject}from"./validator-fe8c60ef.js";const mapCustomIcon=(t,o,e)=>{isObject(e)?t[o]=e:isString(e,1)&&(t[o]={icon:e})},mapIconProp2State=(t,o)=>{let e={};if(isString(t,1))if("right"===o)e={right:{icon:t}};else e={left:{icon:t}};else"object"==typeof t&&null!==t&&(mapCustomIcon(e,"top",t.top),mapCustomIcon(e,"right",t.right),mapCustomIcon(e,"bottom",t.bottom),mapCustomIcon(e,"left",t.left));return e},beforePatchIcon=t=>{var o,e,i,n,a,c,s;if(null===(o=t.nextState)||void 0===o?void 0:o.has("_icon")){const o=null===(e=t.nextState)||void 0===e?void 0:e.get("_icon"),a=(null===(i=t.nextState)||void 0===i?void 0:i.get("_iconAlign"))||t.state._iconAlign;null===(n=t.nextState)||void 0===n||n.set("_icon",mapIconProp2State(o,a))}else if(null===(a=t.nextState)||void 0===a?void 0:a.has("_iconAlign")){const o=t.state._iconAlign;null===(c=t.nextState)||void 0===c||c.set("_icon",{[o]:void 0,[null===(s=t.nextState)||void 0===s?void 0:s.get("_iconAlign")]:t.state._icon[o]})}},isIcon=t=>"object"==typeof t&&null!==t&&(void 0===t.style||isStyle(t.style))&&isString(t.icon,1),validateIcon=(t,o)=>{objectObjectHandler(o,(()=>{try{o=parseJson(o)}catch(t){}watchValidator(t,"_icon",(t=>null===t||isString(t,1)||"object"==typeof t&&null!==t&&(isString(t.left,1)||isIcon(t.left)||isString(t.right,1)||isIcon(t.right)||isString(t.top,1)||isIcon(t.top)||isString(t.bottom,1)||isIcon(t.bottom))),new Set(["KoliBriIcon"]),o,{hooks:{beforePatch:(o,e)=>{null===o&&e.set("_icon",{}),beforePatchIcon(t)}},required:!0})}))},watchIconAlign=(t,o)=>{deprecatedHint("Das Property _icon-align bzw. _iconAlign ist veraltet. Die Ausrichtung der Icon's kann jetzt direkt über das _icon-Property vorgenommen werden. (v1.1.10: https://public-ui.github.io/?path=/story/backlog-und-changelog--page)"),watchValidator(t,"_iconAlign",(t=>"left"===t||"right"===t),new Set(["Alignment {left, right, top, bottom}"]),o,{hooks:{beforePatch:()=>{beforePatchIcon(t)}}})},options={hooks:{afterPatch:t=>{-1!==t&&0!==t&&a11yHint("Don’t Use Tabindex Greater than 0: https://adrianroselli.com/2014/11/dont-use-tabindex-greater-than-0.html")}}},validateTabIndex=(t,o)=>{watchNumber(t,"_tabIndex",o,options)};export{validateTabIndex as a,isIcon as i,validateIcon as v,watchIconAlign as w};
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * KoliBri - The accessible HTML-Standard
3
3
  */
4
- import{a as watchValidator}from"./prop.validators-4d9cba3b.js";const watchHeadingLevel=(a,e)=>{watchValidator(a,"_level",(a=>"number"==typeof a&&1<=a&&a<=6),new Set(["Number {1, 2, 3, 4, 5, 6}"]),e,{defaultValue:1,required:!0})};export{watchHeadingLevel as w};
4
+ import{a as watchValidator}from"./prop.validators-82b345aa.js";const watchHeadingLevel=(a,e)=>{watchValidator(a,"_level",(a=>"number"==typeof a&&1<=a&&a<=6),new Set(["Number {1, 2, 3, 4, 5, 6}"]),e,{defaultValue:1,required:!0})};export{watchHeadingLevel as w};
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * KoliBri - The accessible HTML-Standard
3
3
  */
4
- import{u as uiUxHintMillerscheZahl}from"./a11y.tipps-d591ee77.js";import{c as watchJsonArrayString}from"./prop.validators-4d9cba3b.js";const watchNavLinks=(t,a,s)=>{watchJsonArrayString(a,"_links",(t=>"object"==typeof t&&"string"==typeof t._label),s),uiUxHintMillerscheZahl(t,a.state._links.length)};export{watchNavLinks as w};
4
+ import{u as uiUxHintMillerscheZahl}from"./a11y.tipps-d591ee77.js";import{c as watchJsonArrayString}from"./prop.validators-82b345aa.js";const watchNavLinks=(t,a,s)=>{watchJsonArrayString(a,"_links",(t=>"object"==typeof t&&"string"==typeof t._label),s),uiUxHintMillerscheZahl(t,a.state._links.length)};export{watchNavLinks as w};
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * KoliBri - The accessible HTML-Standard
3
3
  */
4
- import{s as o}from"./index-a9774259.js";import{L as t}from"./dev.utils-daaf2f39.js";import{s,g as n}from"./index-d870d3e1.js";const a=()=>{t.info("\n,--. ,--. ,--. ,--. ,-----. ,--.\n| .' / ,---. | | `--' | |) /_ ,--.--. `--'\n| . ' | .-. | | | ,--. | .-. \\ | .--' ,--.\n| |\\ \\ | '-' | | | | | | '--' / | | | |\n`--' `--´ `---´ `--' `--' `------´ `--' `--'\n🚹 The accessible HTML-Standard | 👉 https://public-ui.github.io\n",{forceLog:!0}),o((o=>(o.shadowRoot instanceof ShadowRoot&&s(o,n(o)),"default"))),import("./devtools-15facbbc.js").then((o=>{"object"==typeof o&&null!==o&&"function"==typeof o.initialize&&o.initialize()})).catch((o=>{t.error(o)}))};export{a as g};
4
+ import{s as o}from"./index-a9774259.js";import{L as t}from"./dev.utils-daaf2f39.js";import{s,g as n}from"./index-d870d3e1.js";const a=()=>{t.info("\n,--. ,--. ,--. ,--. ,-----. ,--.\n| .' / ,---. | | `--' | |) /_ ,--.--. `--'\n| . ' | .-. | | | ,--. | .-. \\ | .--' ,--.\n| |\\ \\ | '-' | | | | | | '--' / | | | |\n`--' `--´ `---´ `--' `--' `------´ `--' `--'\n🚹 The accessible HTML-Standard | 👉 https://public-ui.github.io\n",{forceLog:!0}),o((o=>(o.shadowRoot instanceof ShadowRoot&&s(o,n(o)),"default"))),import("./devtools-cc50ca43.js").then((o=>{"object"==typeof o&&null!==o&&"function"==typeof o.initialize&&o.initialize()})).catch((o=>{t.error(o)}))};export{a as g};
@@ -1 +1 @@
1
- const FORMULAR_FORM=LeanUpForm.FormFactory.createForm("anschrift",{anschrift:{anrede:{ansprache:"Frau",vorname:"Elke",nachname:"Mustermann"},adresse:{strasse:"Musterstraße",hausnummer:"1a",ort:"Musterstadt",plz:"54321"}},email:"",text:"",datum:"2000-12-24",password:"Passwort",betrag:45,status:0,agb:null,datenschutz:null});console.log(FORMULAR_FORM);const ANSCHRIFT_FORM=FORMULAR_FORM.getControl("anschrift"),ANREDE_FORM=ANSCHRIFT_FORM.getControl("anrede"),ANREDE_ANSPRACHE_INPUT=ANREDE_FORM.getControl("ansprache"),ANREDE_VORNAME_INPUT=ANREDE_FORM.getControl("vorname"),ANREDE_NACHNAME_INPUT=ANREDE_FORM.getControl("nachname");ANREDE_ANSPRACHE_INPUT.label="Anrede",ANREDE_ANSPRACHE_INPUT.mandatory=!0,ANREDE_VORNAME_INPUT.label="Vorname",ANREDE_VORNAME_INPUT.mandatory=!0,ANREDE_VORNAME_INPUT.info="Bitte geben Sie einen schönen Vorname ein.",ANREDE_NACHNAME_INPUT.label="Nachname",ANREDE_VORNAME_INPUT.changeListeners.add(((...a)=>{console.log(...a)}));class DemoFehler extends LeanUpForm.AbstractValidator{constructor(){super("Test")}isValid(a){return!("string"==typeof a&&a.length>5||"boolean"==typeof a&&!1===a)}}class DemoFormatter extends LeanUpForm.AbstractFormatter{format(a){return a.toLocaleUpperCase()}parse(a){return a}}class Demo4SignSepFormatter extends LeanUpForm.AbstractFormatter{format(a){const e=a.match(/(.{1,4})/g);return Array.isArray(e)?e.join(" "):a}parse(a){return a.replace(/ +/g,"")}}class DemoMaxLength extends LeanUpForm.AbstractFormatter{format(a){return a}parse(a){return a.substring(0,6)}}const VALIDATION_HANDLER=new LeanUpForm.ValidationHandler;VALIDATION_HANDLER.validators.add(new DemoFehler),ANREDE_VORNAME_INPUT.setValidationHandler(VALIDATION_HANDLER),ANREDE_NACHNAME_INPUT.setValidationHandler(VALIDATION_HANDLER);const FORMAT_HANDLER=new LeanUpForm.FormatHandler;FORMAT_HANDLER.formatters.add([new DemoFormatter,new Demo4SignSepFormatter,new DemoMaxLength]),ANREDE_VORNAME_INPUT.setFormatHandler(FORMAT_HANDLER),document.querySelector("#kol-input-text")._control=ANREDE_VORNAME_INPUT;const ADRESSE_FORM=ANSCHRIFT_FORM.getControl("adresse"),ADRESSE_STRASSE_INPUT=ADRESSE_FORM.getControl("strasse"),ADRESSE_HAUSNUMMER_INPUT=ADRESSE_FORM.getControl("hausnummer"),ADRESSE_PLZ_INPUT=ADRESSE_FORM.getControl("plz"),ADRESSE_ORT_INPUT=ADRESSE_FORM.getControl("ort");ADRESSE_STRASSE_INPUT.label="Straße",ADRESSE_HAUSNUMMER_INPUT.label="Hausnummer",ADRESSE_PLZ_INPUT.label="Postleitzahl",ADRESSE_ORT_INPUT.label="Ort";const STATUS_INPUT=FORMULAR_FORM.getControl("status"),EMAIL_INPUT=FORMULAR_FORM.getControl("email"),TEXT_INPUT=FORMULAR_FORM.getControl("text"),BETRAG_INPUT=FORMULAR_FORM.getControl("betrag"),AGB_INPUT=FORMULAR_FORM.getControl("agb"),DATENSCHUTZ_INPUT=FORMULAR_FORM.getControl("datenschutz");STATUS_INPUT.label="Status",EMAIL_INPUT.label="E-Mail-Adresse",EMAIL_INPUT.info="Bitte geben Sie hier eine E-Mail-Adresse ein.",TEXT_INPUT.label="Text",TEXT_INPUT.mandatory=!0,TEXT_INPUT.setValidationHandler(VALIDATION_HANDLER),BETRAG_INPUT.label="Betrag",BETRAG_INPUT.mandatory=!0,BETRAG_INPUT.setValidationHandler(VALIDATION_HANDLER),AGB_INPUT.label="Ich akzeptiere die Allgemeinen Geschäftsbedingungen.",AGB_INPUT.mandatory=!0,AGB_INPUT.setValidationHandler(VALIDATION_HANDLER),DATENSCHUTZ_INPUT.label="Ich akzeptiere die Datenschutzerklärung.";const PASSWORD_INPUT=FORMULAR_FORM.getControl("password"),DATUM_INPUT=FORMULAR_FORM.getControl("datum");function domReady(){document.querySelector("#anrede-adapter")._control=ANREDE_ANSPRACHE_INPUT;const a=[{label:"Herr",value:"Herr"},{label:"Frau",value:"Frau"}];document.querySelectorAll("kol-input-radido").forEach((e=>{e._list=a,e._on={onChange:console.log}})),document.querySelector("kol-form").addEventListener("submit",(a=>{a.stopPropagation(),console.log(a,ANREDE_FORM.getData())}));document.querySelectorAll(".datenschutz-checkbox").forEach((a=>{a._control=AGB_INPUT})),document.querySelector("#new-input-checkbox")._control=AGB_INPUT,document.querySelector("#new-input-checkbox-leanup")._control=AGB_INPUT,document.querySelectorAll("kol-input-radio").forEach((e=>{e._list=a})),document.querySelector("#kol-input-text")._control=ANREDE_VORNAME_INPUT,document.querySelector("kol-input-text.vorname")._list=NAMEN,document.querySelector("#new-input-email")._control=EMAIL_INPUT,document.querySelector("#new-input-color")._control=new LeanUpForm.InputControl("color",{label:"Farbe",value:"#ff0000"}),document.querySelector("#new-input-file")._control=new LeanUpForm.InputControl("file",{label:"Datei(en) hochladen"}),document.querySelector("#new-input-range")._control=BETRAG_INPUT,document.querySelector("#new-textarea")._control=TEXT_INPUT;const e=setInterval((()=>{TEXT_INPUT.value=`${TEXT_INPUT.value}A`,document.querySelector('kol-textarea[_hide-label=""]')._value=TEXT_INPUT.value}),1e3),n=setTimeout((()=>{clearInterval(e),clearTimeout(n)}),10);STATUS_INPUT.value="['c1','2']",document.querySelectorAll("kol-select").forEach((a=>{a._on={onChange:console.log}})),document.querySelectorAll("kol-select.list4value").forEach((a=>{a._list="[{'value':null,'label':'- keine Auswahl -'},{'label':'Optgroup 1','options':[{'value':'a1','label':'A1'},{'disabled':true,'value':'b1','label':'B1'},{'label':'Optgroup 2','options':[{'value':'a2','label':'A2'},{'value':'b2','label':'B2'}]},{'value':'c1','label':'C1'}]},{'value':'1','label':'Gute Laune'},{'value':'2','label':'Geht so'},{'value':'3','label':'Schlechte Laune'},{'value':'4','label':'ich_bin_ein_echt_langes_zusammengesetztes_Worte_und_versuche_das_Layout_zu_brechen'}]"})),document.querySelectorAll("kol-select.value4list").forEach((a=>{a._value=STATUS_INPUT.value})),setTimeout((()=>{document.querySelectorAll("kol-select.value4list").forEach((a=>{a._list="[{'value':null,'label':'- keine Auswahl -'},{'label':'Optgroup 1','options':[{'value':'a1','label':'A1'},{'disabled':true,'value':'b1','label':'B1'},{'label':'Optgroup 2','options':[{'value':'a2','label':'A2'},{'value':'b2','label':'B2'}]},{'value':'c1','label':'C1'}]},{'value':'1','label':'Gute Laune'},{'value':'2','label':'Geht so'},{'value':'3','label':'Schlechte Laune'},{'value':'4','label':'ich_bin_ein_echt_langes_zusammengesetztes_Worte_und_versuche_das_Layout_zu_brechen'}]"})),document.querySelectorAll(".select-adapter").forEach((a=>{a._control=STATUS_INPUT})),document.querySelectorAll("kol-select.list4value").forEach((a=>{a._value=STATUS_INPUT.value}))}),5e3),document.querySelector("#new-input-date")._control=DATUM_INPUT,document.querySelector("#filter-table")._data=DATA,document.querySelector("#filter-input")._on={onChange:a=>{console.log(a.target.value),document.querySelector("#filter-table")._data=DATA.filter((e=>{const n=new RegExp(a.target.value,"i");return n.test(e.montag)||n.test(e.dienstag)||n.test(e.mittwoch)||n.test(e.donnerstag)||n.test(e.freitag)}))}};var t=document.querySelector("#fix-select-multi");t instanceof HTMLElement&&(t._list=[{label:"Baum",value:Date.now()},{label:"Baum",value:Date.now()}],t._on={onChange:(...a)=>{console.log("onChange",a),setTimeout((()=>{t._list=[{label:"Baum",value:Date.now()}].concat(t._list),setTimeout((()=>{console.log(t._value)}),100)}),100)}})}PASSWORD_INPUT.label="Passwort",DATUM_INPUT.label="Datum",ANREDE_ANSPRACHE_INPUT.readonly=!0,ANREDE_ANSPRACHE_INPUT.changeListeners.add((a=>{ANREDE_VORNAME_INPUT.disabled=!ANREDE_VORNAME_INPUT.disabled,ANREDE_NACHNAME_INPUT.readonly=!ANREDE_NACHNAME_INPUT.readonly,AGB_INPUT.readonly=!AGB_INPUT.readonly,DATENSCHUTZ_INPUT.disabled=!DATENSCHUTZ_INPUT.disabled})),ANREDE_VORNAME_INPUT.changeListeners.add((()=>{})),ANREDE_NACHNAME_INPUT.changeListeners.add((()=>{document.querySelector("#nachname").setAttribute("_readonly",ANREDE_NACHNAME_INPUT.readonly)})),document.onreadystatechange=function(){"complete"==document.readyState&&setTimeout(domReady,1e3)};const DATA=[{montag:"Alex",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Helena",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Marcus"},{montag:"Fabian",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Alex",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Helena",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Marcus"},{montag:"Fabian",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Alex",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Helena",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Marcus"},{montag:"Fabian",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Alex",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Helena",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Marcus"},{montag:"Fabian",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Alex",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Helena",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Marcus"},{montag:"Fabian",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Alex",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Helena",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Marcus"},{montag:"Fabian",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Alex",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Helena",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Marcus"},{montag:"Fabian",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Alex",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Helena",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Marcus"},{montag:"Fabian",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Alex",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Helena",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Marcus"},{montag:"Fabian",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Hong",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"}],NAMEN=["Lucy","Lukas","Ella","Konstantin","Amy","Ben","Emely","Jonas","Finja","Elias","Amelie","Niklas","Luise","David","Frieda","Oskar","Katharina","Philipp","Romy","Leon","Juna","Noah","Theresa","Luis","Eva","Paul","Julia","Finn","Anna","Felix","Carla","Julian","Paulina","Maximilian","Elisabeth","Henry","Rosa","Tim","Mia","Karl","Maya","Friedrich","Selma","Peter","Edda","Quirin","Flora","Liam","Berenike","Linus","Simone","Quentin","Elena","Paul","Meike","Johannes","Susanne","Alexander","Annika","Anton","Augusta","Aras","Alba","Asis","Wilma","Adrian","Annegret","Arthur","Aglaia","Adam","Aaliyah","Arian","Annabelle","Amos","Alma","Arik","Alicia","Ake","Anette","Altfried","Astrid","Ari","Anisha","Andreas","Antke","Allessandro","Abigail","Achim","Aideen","Ben","Aini","Bela","Aida","Baldur","Aamenah","Benedikt","Ariane","Beat","Adriana","Bernd","Alexandra","Bertram","Ava","Blue","Arielle","Badi","Allissa","Batiste","Aamu","Bastian","Arzu","Caleb","Anouk","Caspar","Andrea","Calvin","Bianca","Cadmus","Blanka","Christoph","Benita","Cedrik","Bettina","Camern","Bamika","Carsten","Bente","Cainan","Barbara","Cem","Berit","Carl","Bentje","Cyranus","Birte","Curt","Brigitte","Daniel","Christiane","Dominik","Charlotte","Darius","Catherina","Dario","Caroline","Dag","Caren","Diminic","Caecilia","Damian","Celine","Diego","Coco","Dieter","Chaya","Demian","Dalia","Dewis","Deenah","Dirk","Daphne","Donald","Delia","Enzo","Dari","Emil","Doerte","Erik","Djamila","Edwin","Dominique","Eliah","Doerte","Ethan","Dorothee","Erwin","Emira","Eliot","Emily","Enes","Elif","Emilio","Ellen","Ebbo","Enna","Eberhard","Ebba","Edgar","Eleni","Fabrizius","Freya","Finn","Fiona","Fabian","Franziska","Fabio","Luzia","Finjas","Fabienne","Franz","Mädchen","Jungen","Fiona","Falko","Felina","Fatih","Felicitas","Fynn","Fabia","Flavio","Fabiola","Fady","Fabrizia","Fritz","Filomae","Falko","Floris","Gabriel","Fae","Gustav","Fanny","Guiseppe","Fritzi","Günter","Greta","Gerhard","Gabrielle","Georg","Grit","Gel","Gwen","Gerald","Gabi","Geoffrey","Gila","Gismund","Giorgina","Giulio","Gisele","Godo","Heike","Henri","Hanna","Hannes","Helena","Henry","Haima","Henrik","Heike","Hendrik","Helen","Heiko","Isabell","Haku","Ida","Hanno","Ilona","Hugo","Ingrid","Henryk","Iris","Hardy","Ira","Hagar","Iara","Hafiz","Ivette","Haile","Irma","Hakan","Jardis","Hasso","Juni","Harry","Juna","Hauke","Josephine","Harun","Jella","Hayo","Jill","Idil","Jennifer","Ian","Jakobine","Izzy","Jessika","Ibrahim","Julie","Igor","Jasmin","Jack","Joana","Jules","Jaqueline","Julian","Jonna","Jan","Jean","Jakob","Janis","Jaap","Jodi","Jonathan","Jen","Jannik","Justyna","Jona","Jutta","Jannis","Kathleen","Joel","Kayra","Jonte","Klara","Jarin","Kiara","Jörn","Kathrin","Jari","Catrin","Jannik","Kiki","Jukka","Judith","Samo","Celia","Jaakov","Kaaria","Jeremy","Kerstin","Jarne","Kim","Kilian","Kader","Kai","Kaisa","Kylan","Liv","Kristian","Livia","Kasper","Louisa","Kadmos","Lucy","Klaus","Lina","Kaarle","Lena","Kevin","Leonie","Kadir","Lea","Konrad","Leni","Lukas","Lotta","Leon","Laura","Leopold","Lara","Luca","Lia","Linas","Lisa","Roland","Luna","Leo","Linda","Lennard","Laureen","Luke","Liv","Lenny","Liz","Lasse","Mona","Lion","Mareen","Luca","Mathilda","Lutz","Marlene","Levi","Marianne","Matthias","Mara","Moritz","Mina","Meteo","Magdalena","Mats","Miriam","Matthis","Marianne","Mattes","Martje","Milo","Maeve","Mika","Mae","Maxim","Mädchen","Jungen","Nadja","Marlon","Nadine","Mark","Nele","Matti","Nora","Martin","Nina","Morris","Nada","Miran","Nadeshda","Miro","Nancy","Niklas","Nova","Nika","Nika","Niko","Nike","Nabil","Oda","Noel","Odilie","Nils","Okka","Nick","Olea","Neo","Odett","Nadeem","Olivia","Namo","Odilia","Nepomuk","Oana","Oscar","Pia","Ole","Paula","Oliver","Phlomena","Olivier","Paloma","Onur","Paris","Owen","Paola","Obbo","Poppy","Idil","Panja","Otto","Pardis","Oswald","Quirine","Paul","Quinta","Phil","Qara","Patrick","Ria","Paavo","Rita","Pamir","Raina","Pascal","Rabea","Peter","Radost","Quinn","Rabi","Quazim","Ronina","Kasimir","Rae","René","Radia","Riko","Svea","Robin","Smila","Raphael","Sofia","Rudi","Sonja","Remigius","Sophie","Richard","Stella","Radi","Sarah","Rainer","Silvie","Rasmus","Silke","Ruben","Sila","Samuel","Siri","Stefan","Sarah","Sascha","Saara","Serkan","Svenja","Marco","Sabine","Manuel","Sandra","Tom","Tiffanie","Tim","Thea","Theo","Tilda","Theodor","Tardis","Thilo","Tamina","Till","Tamy","Timo","Trudi","Tino","Tea","Tiny","Tima","Taylor","Tabia","Titus","Tassja","Tristan","Tilla","Tizian","Tabita","Todd","Tahua","Thomas","Uli","Taavi","Ulrike","Tillmann","Ute","Uwe","Uda","Udo","Ulla","Ugor","Ulrika","Ulrich","Ulva","Uli","Ulvi","Ulas","Uma","Ulf","Violeta","Volker","Victoria","Vinzent","Vanessa","Valentin","Valentine","Vitus","Valeska","Volker","Wandy","Valentin","Waris","Vidu","Walli","Valerio","Waltraud","Wilhelm","Wanda","William","Xenia","Will","Xani","Walter","Xanthe","Wanja","Yvonne","Wadi","Yu","Walid","Yla","Xaver","Zoe","Yannis","Zilla","Yannik","Zuri","Yoshi","Zamira","Yunus"];document.querySelector("kol-input-text.vorname")._list=NAMEN;
1
+ const FORMULAR_FORM=LeanUpForm.FormFactory.createForm("anschrift",{anschrift:{anrede:{ansprache:"Frau",vorname:"Elke",nachname:"Mustermann"},adresse:{strasse:"Musterstraße",hausnummer:"1a",ort:"Musterstadt",plz:"54321"}},email:"",text:"",datum:"2000-12-24",password:"Passwort",betrag:45,status:0,agb:null,datenschutz:null});console.log(FORMULAR_FORM);const ANSCHRIFT_FORM=FORMULAR_FORM.getControl("anschrift"),ANREDE_FORM=ANSCHRIFT_FORM.getControl("anrede"),ANREDE_ANSPRACHE_INPUT=ANREDE_FORM.getControl("ansprache"),ANREDE_VORNAME_INPUT=ANREDE_FORM.getControl("vorname"),ANREDE_NACHNAME_INPUT=ANREDE_FORM.getControl("nachname");ANREDE_ANSPRACHE_INPUT.label="Anrede",ANREDE_ANSPRACHE_INPUT.mandatory=!0,ANREDE_VORNAME_INPUT.label="Vorname",ANREDE_VORNAME_INPUT.mandatory=!0,ANREDE_VORNAME_INPUT.info="Bitte geben Sie einen schönen Vorname ein.",ANREDE_NACHNAME_INPUT.label="Nachname",ANREDE_VORNAME_INPUT.changeListeners.add(((...a)=>{console.log(...a)}));class DemoFehler extends LeanUpForm.AbstractValidator{constructor(){super("Test")}isValid(a){return!("string"==typeof a&&a.length>5||"boolean"==typeof a&&!1===a)}}class DemoFormatter extends LeanUpForm.AbstractFormatter{format(a){return a.toLocaleUpperCase()}parse(a){return a}}class Demo4SignSepFormatter extends LeanUpForm.AbstractFormatter{format(a){const e=a.match(/(.{1,4})/g);return Array.isArray(e)?e.join(" "):a}parse(a){return a.replace(/ +/g,"")}}class DemoMaxLength extends LeanUpForm.AbstractFormatter{format(a){return a}parse(a){return a.substring(0,6)}}const VALIDATION_HANDLER=new LeanUpForm.ValidationHandler;VALIDATION_HANDLER.validators.add(new DemoFehler),ANREDE_VORNAME_INPUT.setValidationHandler(VALIDATION_HANDLER),ANREDE_NACHNAME_INPUT.setValidationHandler(VALIDATION_HANDLER);const FORMAT_HANDLER=new LeanUpForm.FormatHandler;FORMAT_HANDLER.formatters.add([new DemoFormatter,new Demo4SignSepFormatter,new DemoMaxLength]),ANREDE_VORNAME_INPUT.setFormatHandler(FORMAT_HANDLER),document.querySelector("#kol-input-text")._control=ANREDE_VORNAME_INPUT;const ADRESSE_FORM=ANSCHRIFT_FORM.getControl("adresse"),ADRESSE_STRASSE_INPUT=ADRESSE_FORM.getControl("strasse"),ADRESSE_HAUSNUMMER_INPUT=ADRESSE_FORM.getControl("hausnummer"),ADRESSE_PLZ_INPUT=ADRESSE_FORM.getControl("plz"),ADRESSE_ORT_INPUT=ADRESSE_FORM.getControl("ort");ADRESSE_STRASSE_INPUT.label="Straße",ADRESSE_HAUSNUMMER_INPUT.label="Hausnummer",ADRESSE_PLZ_INPUT.label="Postleitzahl",ADRESSE_ORT_INPUT.label="Ort";const STATUS_INPUT=FORMULAR_FORM.getControl("status"),EMAIL_INPUT=FORMULAR_FORM.getControl("email"),TEXT_INPUT=FORMULAR_FORM.getControl("text"),BETRAG_INPUT=FORMULAR_FORM.getControl("betrag"),AGB_INPUT=FORMULAR_FORM.getControl("agb"),DATENSCHUTZ_INPUT=FORMULAR_FORM.getControl("datenschutz");STATUS_INPUT.label="Status",EMAIL_INPUT.label="E-Mail-Adresse",EMAIL_INPUT.info="Bitte geben Sie hier eine E-Mail-Adresse ein.",TEXT_INPUT.label="Text",TEXT_INPUT.mandatory=!0,TEXT_INPUT.setValidationHandler(VALIDATION_HANDLER),BETRAG_INPUT.label="Betrag",BETRAG_INPUT.mandatory=!0,BETRAG_INPUT.setValidationHandler(VALIDATION_HANDLER),AGB_INPUT.label="Ich akzeptiere die Allgemeinen Geschäftsbedingungen.",AGB_INPUT.mandatory=!0,AGB_INPUT.setValidationHandler(VALIDATION_HANDLER),DATENSCHUTZ_INPUT.label="Ich akzeptiere die Datenschutzerklärung.";const PASSWORD_INPUT=FORMULAR_FORM.getControl("password"),DATUM_INPUT=FORMULAR_FORM.getControl("datum");function domReady(){document.querySelector("#anrede-adapter")._control=ANREDE_ANSPRACHE_INPUT;const a=[{label:"Herr",value:"Herr"},{label:"Frau",value:"Frau"}];document.querySelectorAll("kol-input-radido").forEach((e=>{e._list=a,e._on={onChange:console.log}})),document.querySelector("kol-form").addEventListener("submit",(a=>{a.stopPropagation(),console.log(a,ANREDE_FORM.getData())}));document.querySelectorAll(".datenschutz-checkbox").forEach((a=>{a._control=AGB_INPUT})),document.querySelector("#new-input-checkbox")._control=AGB_INPUT,document.querySelector("#new-input-checkbox-leanup")._control=AGB_INPUT,document.querySelectorAll("kol-input-radio.herr-frau").forEach((e=>{e._list=a})),document.querySelector("#kol-input-text")._control=ANREDE_VORNAME_INPUT,document.querySelector("kol-input-text.vorname")._list=NAMEN,document.querySelector("#new-input-email")._control=EMAIL_INPUT,document.querySelector("#new-input-color")._control=new LeanUpForm.InputControl("color",{label:"Farbe",value:"#ff0000"}),document.querySelector("#new-input-file")._control=new LeanUpForm.InputControl("file",{label:"Datei(en) hochladen"}),document.querySelector("#new-input-range")._control=BETRAG_INPUT,document.querySelector("#new-textarea")._control=TEXT_INPUT;const e=setInterval((()=>{TEXT_INPUT.value=`${TEXT_INPUT.value}A`,document.querySelector('kol-textarea[_hide-label=""]')._value=TEXT_INPUT.value}),1e3),n=setTimeout((()=>{clearInterval(e),clearTimeout(n)}),10);STATUS_INPUT.value="['c1','2']",document.querySelectorAll("kol-select").forEach((a=>{a._on={onChange:console.log}})),document.querySelectorAll("kol-select.list4value").forEach((a=>{a._list="[{'value':null,'label':'- keine Auswahl -'},{'label':'Optgroup 1','options':[{'value':'a1','label':'A1'},{'disabled':true,'value':'b1','label':'B1'},{'label':'Optgroup 2','options':[{'value':'a2','label':'A2'},{'value':'b2','label':'B2'}]},{'value':'c1','label':'C1'}]},{'value':'1','label':'Gute Laune'},{'value':'2','label':'Geht so'},{'value':'3','label':'Schlechte Laune'},{'value':'4','label':'ich_bin_ein_echt_langes_zusammengesetztes_Worte_und_versuche_das_Layout_zu_brechen'}]"})),document.querySelectorAll("kol-select.value4list").forEach((a=>{a._value=STATUS_INPUT.value})),setTimeout((()=>{document.querySelectorAll("kol-select.value4list").forEach((a=>{a._list="[{'value':null,'label':'- keine Auswahl -'},{'label':'Optgroup 1','options':[{'value':'a1','label':'A1'},{'disabled':true,'value':'b1','label':'B1'},{'label':'Optgroup 2','options':[{'value':'a2','label':'A2'},{'value':'b2','label':'B2'}]},{'value':'c1','label':'C1'}]},{'value':'1','label':'Gute Laune'},{'value':'2','label':'Geht so'},{'value':'3','label':'Schlechte Laune'},{'value':'4','label':'ich_bin_ein_echt_langes_zusammengesetztes_Worte_und_versuche_das_Layout_zu_brechen'}]"})),document.querySelectorAll(".select-adapter").forEach((a=>{a._control=STATUS_INPUT})),document.querySelectorAll("kol-select.list4value").forEach((a=>{a._value=STATUS_INPUT.value}))}),5e3),document.querySelector("#new-input-date")._control=DATUM_INPUT,document.querySelector("#filter-table")._data=DATA,document.querySelector("#filter-input")._on={onChange:a=>{console.log(a.target.value),document.querySelector("#filter-table")._data=DATA.filter((e=>{const n=new RegExp(a.target.value,"i");return n.test(e.montag)||n.test(e.dienstag)||n.test(e.mittwoch)||n.test(e.donnerstag)||n.test(e.freitag)}))}};var t=document.querySelector("#fix-select-multi");t instanceof HTMLElement&&(t._list=[{label:"Baum",value:Date.now()},{label:"Baum",value:Date.now()}],t._on={onChange:(...a)=>{console.log("onChange",a),setTimeout((()=>{t._list=[{label:"Baum",value:Date.now()}].concat(t._list),setTimeout((()=>{console.log(t._value)}),100)}),100)}})}PASSWORD_INPUT.label="Passwort",DATUM_INPUT.label="Datum",ANREDE_ANSPRACHE_INPUT.readonly=!0,ANREDE_ANSPRACHE_INPUT.changeListeners.add((a=>{ANREDE_VORNAME_INPUT.disabled=!ANREDE_VORNAME_INPUT.disabled,ANREDE_NACHNAME_INPUT.readonly=!ANREDE_NACHNAME_INPUT.readonly,AGB_INPUT.readonly=!AGB_INPUT.readonly,DATENSCHUTZ_INPUT.disabled=!DATENSCHUTZ_INPUT.disabled})),ANREDE_VORNAME_INPUT.changeListeners.add((()=>{})),ANREDE_NACHNAME_INPUT.changeListeners.add((()=>{document.querySelector("#nachname").setAttribute("_readonly",ANREDE_NACHNAME_INPUT.readonly)})),document.onreadystatechange=function(){"complete"==document.readyState&&setTimeout(domReady,1e3)};const DATA=[{montag:"Alex",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Helena",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Marcus"},{montag:"Fabian",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Alex",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Helena",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Marcus"},{montag:"Fabian",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Alex",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Helena",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Marcus"},{montag:"Fabian",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Alex",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Helena",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Marcus"},{montag:"Fabian",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Alex",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Helena",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Marcus"},{montag:"Fabian",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Alex",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Helena",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Marcus"},{montag:"Fabian",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Alex",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Helena",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Marcus"},{montag:"Fabian",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Alex",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Helena",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Marcus"},{montag:"Fabian",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Alex",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Helena",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Marcus"},{montag:"Fabian",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Hong",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"}],NAMEN=["Lucy","Lukas","Ella","Konstantin","Amy","Ben","Emely","Jonas","Finja","Elias","Amelie","Niklas","Luise","David","Frieda","Oskar","Katharina","Philipp","Romy","Leon","Juna","Noah","Theresa","Luis","Eva","Paul","Julia","Finn","Anna","Felix","Carla","Julian","Paulina","Maximilian","Elisabeth","Henry","Rosa","Tim","Mia","Karl","Maya","Friedrich","Selma","Peter","Edda","Quirin","Flora","Liam","Berenike","Linus","Simone","Quentin","Elena","Paul","Meike","Johannes","Susanne","Alexander","Annika","Anton","Augusta","Aras","Alba","Asis","Wilma","Adrian","Annegret","Arthur","Aglaia","Adam","Aaliyah","Arian","Annabelle","Amos","Alma","Arik","Alicia","Ake","Anette","Altfried","Astrid","Ari","Anisha","Andreas","Antke","Allessandro","Abigail","Achim","Aideen","Ben","Aini","Bela","Aida","Baldur","Aamenah","Benedikt","Ariane","Beat","Adriana","Bernd","Alexandra","Bertram","Ava","Blue","Arielle","Badi","Allissa","Batiste","Aamu","Bastian","Arzu","Caleb","Anouk","Caspar","Andrea","Calvin","Bianca","Cadmus","Blanka","Christoph","Benita","Cedrik","Bettina","Camern","Bamika","Carsten","Bente","Cainan","Barbara","Cem","Berit","Carl","Bentje","Cyranus","Birte","Curt","Brigitte","Daniel","Christiane","Dominik","Charlotte","Darius","Catherina","Dario","Caroline","Dag","Caren","Diminic","Caecilia","Damian","Celine","Diego","Coco","Dieter","Chaya","Demian","Dalia","Dewis","Deenah","Dirk","Daphne","Donald","Delia","Enzo","Dari","Emil","Doerte","Erik","Djamila","Edwin","Dominique","Eliah","Doerte","Ethan","Dorothee","Erwin","Emira","Eliot","Emily","Enes","Elif","Emilio","Ellen","Ebbo","Enna","Eberhard","Ebba","Edgar","Eleni","Fabrizius","Freya","Finn","Fiona","Fabian","Franziska","Fabio","Luzia","Finjas","Fabienne","Franz","Mädchen","Jungen","Fiona","Falko","Felina","Fatih","Felicitas","Fynn","Fabia","Flavio","Fabiola","Fady","Fabrizia","Fritz","Filomae","Falko","Floris","Gabriel","Fae","Gustav","Fanny","Guiseppe","Fritzi","Günter","Greta","Gerhard","Gabrielle","Georg","Grit","Gel","Gwen","Gerald","Gabi","Geoffrey","Gila","Gismund","Giorgina","Giulio","Gisele","Godo","Heike","Henri","Hanna","Hannes","Helena","Henry","Haima","Henrik","Heike","Hendrik","Helen","Heiko","Isabell","Haku","Ida","Hanno","Ilona","Hugo","Ingrid","Henryk","Iris","Hardy","Ira","Hagar","Iara","Hafiz","Ivette","Haile","Irma","Hakan","Jardis","Hasso","Juni","Harry","Juna","Hauke","Josephine","Harun","Jella","Hayo","Jill","Idil","Jennifer","Ian","Jakobine","Izzy","Jessika","Ibrahim","Julie","Igor","Jasmin","Jack","Joana","Jules","Jaqueline","Julian","Jonna","Jan","Jean","Jakob","Janis","Jaap","Jodi","Jonathan","Jen","Jannik","Justyna","Jona","Jutta","Jannis","Kathleen","Joel","Kayra","Jonte","Klara","Jarin","Kiara","Jörn","Kathrin","Jari","Catrin","Jannik","Kiki","Jukka","Judith","Samo","Celia","Jaakov","Kaaria","Jeremy","Kerstin","Jarne","Kim","Kilian","Kader","Kai","Kaisa","Kylan","Liv","Kristian","Livia","Kasper","Louisa","Kadmos","Lucy","Klaus","Lina","Kaarle","Lena","Kevin","Leonie","Kadir","Lea","Konrad","Leni","Lukas","Lotta","Leon","Laura","Leopold","Lara","Luca","Lia","Linas","Lisa","Roland","Luna","Leo","Linda","Lennard","Laureen","Luke","Liv","Lenny","Liz","Lasse","Mona","Lion","Mareen","Luca","Mathilda","Lutz","Marlene","Levi","Marianne","Matthias","Mara","Moritz","Mina","Meteo","Magdalena","Mats","Miriam","Matthis","Marianne","Mattes","Martje","Milo","Maeve","Mika","Mae","Maxim","Mädchen","Jungen","Nadja","Marlon","Nadine","Mark","Nele","Matti","Nora","Martin","Nina","Morris","Nada","Miran","Nadeshda","Miro","Nancy","Niklas","Nova","Nika","Nika","Niko","Nike","Nabil","Oda","Noel","Odilie","Nils","Okka","Nick","Olea","Neo","Odett","Nadeem","Olivia","Namo","Odilia","Nepomuk","Oana","Oscar","Pia","Ole","Paula","Oliver","Phlomena","Olivier","Paloma","Onur","Paris","Owen","Paola","Obbo","Poppy","Idil","Panja","Otto","Pardis","Oswald","Quirine","Paul","Quinta","Phil","Qara","Patrick","Ria","Paavo","Rita","Pamir","Raina","Pascal","Rabea","Peter","Radost","Quinn","Rabi","Quazim","Ronina","Kasimir","Rae","René","Radia","Riko","Svea","Robin","Smila","Raphael","Sofia","Rudi","Sonja","Remigius","Sophie","Richard","Stella","Radi","Sarah","Rainer","Silvie","Rasmus","Silke","Ruben","Sila","Samuel","Siri","Stefan","Sarah","Sascha","Saara","Serkan","Svenja","Marco","Sabine","Manuel","Sandra","Tom","Tiffanie","Tim","Thea","Theo","Tilda","Theodor","Tardis","Thilo","Tamina","Till","Tamy","Timo","Trudi","Tino","Tea","Tiny","Tima","Taylor","Tabia","Titus","Tassja","Tristan","Tilla","Tizian","Tabita","Todd","Tahua","Thomas","Uli","Taavi","Ulrike","Tillmann","Ute","Uwe","Uda","Udo","Ulla","Ugor","Ulrika","Ulrich","Ulva","Uli","Ulvi","Ulas","Uma","Ulf","Violeta","Volker","Victoria","Vinzent","Vanessa","Valentin","Valentine","Vitus","Valeska","Volker","Wandy","Valentin","Waris","Vidu","Walli","Valerio","Waltraud","Wilhelm","Wanda","William","Xenia","Will","Xani","Walter","Xanthe","Wanja","Yvonne","Wadi","Yu","Walid","Yla","Xaver","Zoe","Yannis","Zilla","Yannik","Zuri","Yoshi","Zamira","Yunus"];document.querySelector("kol-input-text.vorname")._list=NAMEN;
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * KoliBri - The accessible HTML-Standard
3
3
  */
4
- import{a as t}from"./prop.validators-4d9cba3b.js";const o=(o,a,e)=>{t(o,a,(t=>"top"===t||"right"===t||"bottom"===t||"left"===t),new Set(["TooltipAlignment {top, right, buttom, left}"]),e,{defaultValue:"top"})};export{o as w};
4
+ import{a as t}from"./prop.validators-82b345aa.js";const o=(o,a,e)=>{t(o,a,(t=>"top"===t||"right"===t||"bottom"===t||"left"===t),new Set(["TooltipAlignment {top, right, buttom, left}"]),e,{defaultValue:"top"})};export{o as w};
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * KoliBri - The accessible HTML-Standard
3
3
  */
4
- import{b as i,d as t}from"./a11y.tipps-d591ee77.js";import{b as s,w as e,o as h,p as o,a,s as n}from"./prop.validators-4d9cba3b.js";import{i as d}from"./validator-fe8c60ef.js";import{i as l,a as r}from"./tab-index-46edc6be.js";import{b as c}from"./dev.utils-daaf2f39.js";const v=t=>{const e="string"==typeof t._error&&t._error.length>0&&!0===t._touched,o="string"==typeof t._hint&&t._hint.length>0,i=[];return!0===e&&i.push(`${t._id}-error`),!0===o&&i.push(`${t._id}-hint`),{hasError:e,hasHint:o,ariaDiscribedBy:i}},u=c(),f=(t,e)=>{const o=t;"object"==typeof o&&null!==o&&(d(o.right,1)&&(o.right={icon:o.right}),d(o.left,1)&&(o.left={icon:o.left}),e.set("_icon",o))};class p extends class{constructor(t,e,o){var i,n,s,a,h;if(this.syncFormAssociatedName=()=>{var t;u&&(null===(t=this.formAssociated)||void 0===t||t.setAttribute("name",this.component.state._name||this.component.state._id))},this.setFormAssociatedValue=(t=null)=>{var e;u&&(null===(e=this.formAssociated)||void 0===e||e.setAttribute("value",t))},this.component=t,this.name=e,this.host=o,u){this.formAssociated=document.createElement("input"),this.formAssociated.setAttribute("type","hidden");const t=(null===(i=this.host)||void 0===i?void 0:i.children)||[];for(let e=0;e<t.length;e++)"INPUT"===(null===(n=this.host)||void 0===n?void 0:n.children[e].tagName)&&(null===(s=this.host)||void 0===s||s.removeChild(null===(a=this.host)||void 0===a?void 0:a.children[e]));null===(h=this.host)||void 0===h||h.appendChild(this.formAssociated)}}validateAlert(t){s(this.component,"_alert",t)}validateTouched(t){s(this.component,"_touched",t)}componentWillLoad(){this.validateAlert(this.component._alert),this.validateTouched(this.component._touched)}}{constructor(t,e,o){super(t,e,o),this.hideLabel=!1,this.onFacade={onBlur:this.onBlur.bind(this),onChange:this.onChange.bind(this),onClick:this.onClick.bind(this),onFocus:this.onFocus.bind(this)},this.component=t}validateAccessKey(t){e(this.component,"_accessKey",t)}validateAdjustHeight(t){s(this.component,"_adjustHeight",t)}validateDisabled(t){s(this.component,"_disabled",t),!0===t&&i()}validateError(t){e(this.component,"_error",t)}validateHideLabel(t){s(this.component,"_hideLabel",t)}validateHint(t){e(this.component,"_hint",t)}validateIcon(t){h(t,(()=>{try{t=o(t)}catch(t){}a(this.component,"_icon",(t=>"object"==typeof t&&null!==t&&(d(t.left,1)||l(t.left)||d(t.right,1)||l(t.right))),new Set(["KoliBriInputIcon"]),t,{hooks:{beforePatch:f},required:!0})}))}validateId(o){e(this.component,"_id",o,{hooks:{afterPatch:this.syncFormAssociatedName}}),void 0===o&&t("Eine eindeutige ID an den Eingabefeldern ist nicht zwingend erforderlich, könnte aber für die E2E-Tests relevant sein.")}validateName(o){e(this.component,"_name",o,{hooks:{afterPatch:this.syncFormAssociatedName}}),void 0===o&&t("Ein Name an den Eingabefeldern ist nicht zwingend erforderlich, kann aber für die Autocomplete-Funktion des Eingabefeldes relevant sein.")}validateOn(t){"object"==typeof t&&n(this.component,"_on",t)}validateSmartButton(t){h(t,(()=>{try{t=o(t)}catch(t){}n(this.component,"_smartButton",t)}))}validateTabIndex(t){r(this.component,t)}componentWillLoad(){super.componentWillLoad(),this.validateAccessKey(this.component._accessKey),this.validateAdjustHeight(this.component._adjustHeight),this.validateError(this.component._error),this.validateDisabled(this.component._disabled),this.validateHideLabel(this.component._hideLabel),this.validateHint(this.component._hint),this.validateIcon(this.component._icon),this.validateId(this.component._id),this.validateName(this.component._name),this.validateSmartButton(this.component._smartButton),this.validateOn(this.component._on),this.validateTabIndex(this.component._tabIndex),this.syncFormAssociatedName()}onBlur(t){var e;this.component._alert=!0,this.component._touched=!0,"function"==typeof(null===(e=this.component._on)||void 0===e?void 0:e.onBlur)&&this.component._on.onBlur(t)}onChange(t){var e;this.setFormAssociatedValue(t.target.value),"function"==typeof(null===(e=this.component._on)||void 0===e?void 0:e.onChange)&&this.component._on.onChange(t,t.target.value)}onClick(t){var e;"function"==typeof(null===(e=this.component._on)||void 0===e?void 0:e.onClick)&&this.component._on.onClick(t)}onFocus(t){var e;this.component._alert=!0,"function"==typeof(null===(e=this.component._on)||void 0===e?void 0:e.onFocus)&&this.component._on.onFocus(t)}setValue(t,e){var o;this.setFormAssociatedValue(e),"function"==typeof(null===(o=this.component._on)||void 0===o?void 0:o.onChange)&&this.component._on.onChange(t,e)}}export{p as I,v as g};
4
+ import{b as i,d as t}from"./a11y.tipps-d591ee77.js";import{b as s,w as e,o as h,p as o,a,s as n}from"./prop.validators-82b345aa.js";import{i as d}from"./validator-fe8c60ef.js";import{i as l,a as r}from"./tab-index-7a782a55.js";import{b as c}from"./dev.utils-daaf2f39.js";const v=t=>{const o="string"==typeof t._error&&t._error.length>0&&!0===t._touched,e="string"==typeof t._hint&&t._hint.length>0,i=[];return!0===o&&i.push(`${t._id}-error`),!0===e&&i.push(`${t._id}-hint`),{hasError:o,hasHint:e,ariaDiscribedBy:i}},u=c(),f=(t,o)=>{const e=t;"object"==typeof e&&null!==e&&(d(e.right,1)&&(e.right={icon:e.right}),d(e.left,1)&&(e.left={icon:e.left}),o.set("_icon",e))};class p extends class{constructor(t,o,e){var i,n,s,a,h;if(this.syncFormAssociatedName=()=>{var t;u&&(null===(t=this.formAssociated)||void 0===t||t.setAttribute("name",this.component.state._name||this.component.state._id))},this.setFormAssociatedValue=(t=null)=>{var o;u&&(null===(o=this.formAssociated)||void 0===o||o.setAttribute("value",t))},this.component=t,this.name=o,this.host=e,u){this.formAssociated=document.createElement("input"),this.formAssociated.setAttribute("type","hidden");const t=(null===(i=this.host)||void 0===i?void 0:i.children)||[];for(let o=0;o<t.length;o++)"INPUT"===(null===(n=this.host)||void 0===n?void 0:n.children[o].tagName)&&(null===(s=this.host)||void 0===s||s.removeChild(null===(a=this.host)||void 0===a?void 0:a.children[o]));null===(h=this.host)||void 0===h||h.appendChild(this.formAssociated)}}validateAlert(t){s(this.component,"_alert",t)}validateTouched(t){s(this.component,"_touched",t)}componentWillLoad(){this.validateAlert(this.component._alert),this.validateTouched(this.component._touched)}}{constructor(t,o,e){super(t,o,e),this.hideLabel=!1,this.onFacade={onBlur:this.onBlur.bind(this),onChange:this.onChange.bind(this),onClick:this.onClick.bind(this),onFocus:this.onFocus.bind(this)},this.component=t}validateAccessKey(t){e(this.component,"_accessKey",t)}validateAdjustHeight(t){s(this.component,"_adjustHeight",t)}validateDisabled(t){s(this.component,"_disabled",t),!0===t&&i()}validateError(t){e(this.component,"_error",t)}validateHideLabel(t){s(this.component,"_hideLabel",t)}validateHint(t){e(this.component,"_hint",t)}validateIcon(t){h(t,(()=>{try{t=o(t)}catch(t){}a(this.component,"_icon",(t=>"object"==typeof t&&null!==t&&(d(t.left,1)||l(t.left)||d(t.right,1)||l(t.right))),new Set(["KoliBriInputIcon"]),t,{hooks:{beforePatch:f},required:!0})}))}validateId(o){e(this.component,"_id",o,{hooks:{afterPatch:this.syncFormAssociatedName}}),void 0===o&&t("Eine eindeutige ID an den Eingabefeldern ist nicht zwingend erforderlich, könnte aber für die E2E-Tests relevant sein.")}validateName(o){e(this.component,"_name",o,{hooks:{afterPatch:this.syncFormAssociatedName}}),void 0===o&&t("Ein Name an den Eingabefeldern ist nicht zwingend erforderlich, kann aber für die Autocomplete-Funktion des Eingabefeldes relevant sein.")}validateOn(t){"object"==typeof t&&n(this.component,"_on",t)}validateSmartButton(t){h(t,(()=>{try{t=o(t)}catch(t){}n(this.component,"_smartButton",t)}))}validateTabIndex(t){r(this.component,t)}componentWillLoad(){super.componentWillLoad(),this.validateAccessKey(this.component._accessKey),this.validateAdjustHeight(this.component._adjustHeight),this.validateError(this.component._error),this.validateDisabled(this.component._disabled),this.validateHideLabel(this.component._hideLabel),this.validateHint(this.component._hint),this.validateIcon(this.component._icon),this.validateId(this.component._id),this.validateName(this.component._name),this.validateSmartButton(this.component._smartButton),this.validateOn(this.component._on),this.validateTabIndex(this.component._tabIndex),this.syncFormAssociatedName()}onBlur(t){var o;this.component._alert=!0,this.component._touched=!0,"function"==typeof(null===(o=this.component._on)||void 0===o?void 0:o.onBlur)&&this.component._on.onBlur(t)}onChange(t){var o;this.setFormAssociatedValue(t.target.value),"function"==typeof(null===(o=this.component._on)||void 0===o?void 0:o.onChange)&&this.component._on.onChange(t,t.target.value)}onClick(t){var o;"function"==typeof(null===(o=this.component._on)||void 0===o?void 0:o.onClick)&&this.component._on.onClick(t)}onFocus(t){var o;this.component._alert=!0,"function"==typeof(null===(o=this.component._on)||void 0===o?void 0:o.onFocus)&&this.component._on.onFocus(t)}setValue(t,o){var e;this.setFormAssociatedValue(o),"function"==typeof(null===(e=this.component._on)||void 0===e?void 0:e.onChange)&&this.component._on.onChange(t,o)}}export{p as I,v as g};
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * KoliBri - The accessible HTML-Standard
3
3
  */
4
- import{a as t,c as s}from"./prop.validators-4d9cba3b.js";import{I as e}from"./controller-815734bb.js";class r extends e{constructor(t,s,e){super(t,s,e),this.component=t}validateList(t){s(this.component,"_list",(t=>"string"==typeof t),t)}componentWillLoad(){super.componentWillLoad(),this.validateList(this.component._list)}}class i extends r{constructor(t,s,e){super(t,s,e),this.hasError=!1,this.hasList=!1,this.component=t}validateType(s){t(this.component,"_type",(t=>"string"==typeof t&&("text"===t||"search"===t||"url"===t||"tel"===t)),new Set(["String {text, search, url, tel}"]),s)}componentWillLoad(){super.componentWillLoad(),this.validateType(this.component._type)}}export{r as I,i as a};
4
+ import{a as t,c as s}from"./prop.validators-82b345aa.js";import{I as e}from"./controller-f46df1f0.js";class r extends e{constructor(t,s,e){super(t,s,e),this.component=t}validateList(t){s(this.component,"_list",(t=>"string"==typeof t),t)}componentWillLoad(){super.componentWillLoad(),this.validateList(this.component._list)}}class i extends r{constructor(t,s,e){super(t,s,e),this.hasError=!1,this.hasList=!1,this.component=t}validateType(s){t(this.component,"_type",(t=>"string"==typeof t&&("text"===t||"search"===t||"url"===t||"tel"===t)),new Set(["String {text, search, url, tel}"]),s)}componentWillLoad(){super.componentWillLoad(),this.validateType(this.component._type)}}export{r as I,i as a};
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * KoliBri - The accessible HTML-Standard
3
3
  */
4
- import{a as t}from"./prop.validators-4d9cba3b.js";const a=(a,o,r)=>{t(a,o,(t=>"button"===t||"reset"===t||"submit"===t),new Set(["KoliBriButtonType {button, reset, submit}"]),r)},o=(a,o,r)=>{t(a,o,(t=>"primary"===t||"secondary"===t||"normal"===t||"danger"===t||"ghost"===t||"custom"===t),new Set(["KoliBriButtonVariant {primary, secondary, normal, danger, ghost, custom}"]),r,{defaultValue:"normal"})};export{o as a,a as w};
4
+ import{a as t}from"./prop.validators-82b345aa.js";const a=(a,o,r)=>{t(a,o,(t=>"button"===t||"reset"===t||"submit"===t),new Set(["KoliBriButtonType {button, reset, submit}"]),r)},o=(a,o,r)=>{t(a,o,(t=>"primary"===t||"secondary"===t||"normal"===t||"danger"===t||"ghost"===t||"custom"===t),new Set(["KoliBriButtonVariant {primary, secondary, normal, danger, ghost, custom}"]),r,{defaultValue:"normal"})};export{o as a,a as w};
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * KoliBri - The accessible HTML-Standard
3
3
  */
4
- import{d as e}from"./a11y.tipps-d591ee77.js";import{b as t}from"./dev.utils-daaf2f39.js";import{d as o,K as n}from"./prop.validators-4d9cba3b.js";const s=o=>{for(t()&&(e("↓ Search form element start."),console.log(o));o instanceof HTMLElement&&"FORM"!==o.tagName&&"KOL-FORM"!==o.tagName;)o=o.parentElement instanceof HTMLElement?o.parentElement:o.parentNode instanceof ShadowRoot?o.parentNode.host:null,t()&&console.log(o);return t()&&e("↑ Search form element finished."),o},f=(e={})=>{const t=s(e.form);if(t instanceof HTMLElement){const e=new Event("reset",{bubbles:!0,cancelable:!0});if("FORM"===t.tagName)o(e,t),t.dispatchEvent(e);else if("KOL-FORM"===t.tagName){o(e,n.querySelector("form",t));const a=t;"object"==typeof a._on&&null!==typeof a._on&&"function"==typeof a._on.onReset&&a._on.onReset(e)}}},a=(e={})=>{const t=s(e.form);if(t instanceof HTMLElement){const e=new SubmitEvent("submit",{bubbles:!0,cancelable:!0,submitter:t});if("FORM"===t.tagName)o(e,t),t.dispatchEvent(e);else if("KOL-FORM"===t.tagName){o(e,n.querySelector("form",t));const a=t;"object"==typeof a._on&&null!==typeof a._on&&"function"==typeof a._on.onSubmit&&a._on.onSubmit(e)}}};export{f as a,a as p};
4
+ import{d as e}from"./a11y.tipps-d591ee77.js";import{b as t}from"./dev.utils-daaf2f39.js";import{d as o,K as n}from"./prop.validators-82b345aa.js";const s=o=>{for(t()&&(e("↓ Search form element start."),console.log(o));o instanceof HTMLElement&&"FORM"!==o.tagName&&"KOL-FORM"!==o.tagName;)o=o.parentElement instanceof HTMLElement?o.parentElement:o.parentNode instanceof ShadowRoot?o.parentNode.host:null,t()&&console.log(o);return t()&&e("↑ Search form element finished."),o},f=(e={})=>{const t=s(e.form);if(t instanceof HTMLElement){const e=new Event("reset",{bubbles:!0,cancelable:!0});if("FORM"===t.tagName)o(e,t),t.dispatchEvent(e);else if("KOL-FORM"===t.tagName){o(e,n.querySelector("form",t));const a=t;"object"==typeof a._on&&null!==typeof a._on&&"function"==typeof a._on.onReset&&a._on.onReset(e)}}},a=(e={})=>{const t=s(e.form);if(t instanceof HTMLElement){const e=new SubmitEvent("submit",{bubbles:!0,cancelable:!0,submitter:t});if("FORM"===t.tagName)o(e,t),t.dispatchEvent(e);else if("KOL-FORM"===t.tagName){o(e,n.querySelector("form",t));const a=t;"object"==typeof a._on&&null!==typeof a._on&&"function"==typeof a._on.onSubmit&&a._on.onSubmit(e)}}};export{f as a,a as p};
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * KoliBri - The accessible HTML-Standard
3
3
  */
4
- import{a as t,c as s,g as i,s as e,b as a}from"./prop.validators-4d9cba3b.js";import{S as o}from"./validator-fe8c60ef.js";import{I as r}from"./controller-9115270a.js";const h=(t,e,o="")=>{e.forEach(((e,a)=>{const i=`${o}-${a}`;"object"==typeof e&&null!==e&&"string"==typeof e.label&&e.label.length>0&&(Array.isArray(e.options)?h(t,e.options,i):t.set(i,e))}))};class l extends r{constructor(t,e,o){super(t,e,o),this.component=t}validateRequired(t){a(this.component,"_required",t)}componentWillLoad(){super.componentWillLoad(),this.validateRequired(this.component._required)}}class n extends l{constructor(t,e,o){super(t,e,o),this.keyOptionMap=new Map,this.getOptionByKey=t=>this.keyOptionMap.get(t),this.isValueInOptions=(t,e)=>void 0!==e.find((e=>e.value===t)),this.beforePatchListValue=(t,e)=>{const o=e.has("_list")?e.get("_list"):this.component.state._list;if(Array.isArray(o)&&o.length>0){this.keyOptionMap.clear(),h(this.keyOptionMap,o);const t=e.has("_value")?e.get("_value"):this.component.state._value;!1===this.isValueInOptions(t,o)&&(e.set("_value",o[0].value),this.onStateChange())}},this.component=t}validateOrientation(e){t(this.component,"_orientation",(t=>"horizontal"===t||"vertical"===t),new Set(["Orientation {horizontal, vertical}"]),e,{defaultValue:"vertical"})}validateList(t){s(this.component,"_list",(t=>"object"==typeof t&&null!==t&&"string"==typeof t.label&&t.label.length>0),t,void 0,{hooks:{beforePatch:this.beforePatchListValue}})}validateValue(t){t=i(t),t=Array.isArray(t)?t[0]:t,e(this.component,"_value",t,{beforePatch:this.beforePatchListValue}),this.setFormAssociatedValue(this.component._value)}componentWillLoad(t){super.componentWillLoad(),this.onStateChange=()=>{if("function"==typeof t){const e=setTimeout((()=>{clearTimeout(e),t(o)}))}},this.validateOrientation(this.component._orientation),this.validateList(this.component._list),this.validateValue(this.component._value)}}export{l as I,n as a,h as f};
4
+ import{a as t,c as s,g as i,s as e,b as a}from"./prop.validators-82b345aa.js";import{S as o}from"./validator-fe8c60ef.js";import{I as r}from"./controller-014fc17e.js";const h=(t,e,o="")=>{e.forEach(((e,a)=>{const i=`${o}-${a}`;"object"==typeof e&&null!==e&&"string"==typeof e.label&&e.label.length>0&&(Array.isArray(e.options)?h(t,e.options,i):t.set(i,e))}))};class l extends r{constructor(t,e,o){super(t,e,o),this.component=t}validateRequired(t){a(this.component,"_required",t)}componentWillLoad(){super.componentWillLoad(),this.validateRequired(this.component._required)}}class n extends l{constructor(t,e,o){super(t,e,o),this.keyOptionMap=new Map,this.getOptionByKey=t=>this.keyOptionMap.get(t),this.isValueInOptions=(t,e)=>void 0!==e.find((e=>e.value===t)),this.beforePatchListValue=(t,e)=>{const o=e.has("_list")?e.get("_list"):this.component.state._list;if(Array.isArray(o)&&o.length>0){this.keyOptionMap.clear(),h(this.keyOptionMap,o);const t=e.has("_value")?e.get("_value"):this.component.state._value;!1===this.isValueInOptions(t,o)&&(e.set("_value",o[0].value),this.onStateChange())}},this.component=t}validateOrientation(e){t(this.component,"_orientation",(t=>"horizontal"===t||"vertical"===t),new Set(["Orientation {horizontal, vertical}"]),e,{defaultValue:"vertical"})}validateList(t){s(this.component,"_list",(t=>"object"==typeof t&&null!==t&&"string"==typeof t.label&&t.label.length>0),t,void 0,{hooks:{beforePatch:this.beforePatchListValue}})}validateValue(t){t=i(t),t=Array.isArray(t)?t[0]:t,e(this.component,"_value",t,{beforePatch:this.beforePatchListValue}),this.setFormAssociatedValue(this.component._value)}componentWillLoad(t){super.componentWillLoad(),this.onStateChange=()=>{if("function"==typeof t){const e=setTimeout((()=>{clearTimeout(e),t(o)}))}},this.validateOrientation(this.component._orientation),this.validateList(this.component._list),this.validateValue(this.component._value)}}export{l as I,n as a,h as f};
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * KoliBri - The accessible HTML-Standard
3
3
  */
4
- import{d as t}from"./a11y.tipps-d591ee77.js";import{a as e,b as i,f as s,w as a}from"./prop.validators-4d9cba3b.js";import{I as h}from"./controller-9115270a.js";class o extends h{constructor(e,a,o){super(e,a,o),this.handleHiddenLabelAndRequired=()=>{!0===this.component.state._hideLabel&&!0===this.component.state._required?(t("[KolInput*] Wenn man das Label ausblendet, dann kann der sehende Nutzer:in nicht mehr erkennen, ob die Eingabe erforderlich ist."),this.hideLabel=!1):this.hideLabel=!0===this.component.state._hideLabel},this.component=e}validateAutoComplete(t){e(this.component,"_autoComplete",(e=>"string"==typeof e&&("on"===e||"off"===e)),new Set(["on | off"]),t)}validateHideLabel(e){i(this.component,"_hideLabel",e,{hooks:{afterPatch:this.handleHiddenLabelAndRequired}})}validateMaxLength(e){s(this.component,"_maxLength",e,{min:0})}validatePattern(e){a(this.component,"_pattern",e)}validatePlaceholder(e){a(this.component,"_placeholder",e)}validateReadOnly(e){i(this.component,"_readOnly",e)}validateRequired(e){i(this.component,"_required",e,{hooks:{afterPatch:this.handleHiddenLabelAndRequired}})}validateSize(e){s(this.component,"_size",e,{min:1})}validateValue(e){a(this.component,"_value",e)}componentWillLoad(){super.componentWillLoad(),this.validateAutoComplete(this.component._autoComplete),this.validateMaxLength(this.component._maxLength),this.validatePattern(this.component._pattern),this.validatePlaceholder(this.component._placeholder),this.validateReadOnly(this.component._readOnly),this.validateRequired(this.component._required),this.validateSize(this.component._size),this.validateValue(this.component._value)}onBlur(e){this.component.state=Object.assign(Object.assign({},this.component.state),{_placeholder:this.placeholderCache}),this.placeholderCache=void 0,super.onBlur(e)}onFocus(e){this.placeholderCache=this.component.state._placeholder,this.component.state=Object.assign(Object.assign({},this.component.state),{_placeholder:void 0}),super.onFocus(e)}}export{o as I};
4
+ import{d as t}from"./a11y.tipps-d591ee77.js";import{a as e,b as i,f as s,w as a}from"./prop.validators-82b345aa.js";import{I as h}from"./controller-014fc17e.js";class o extends h{constructor(e,a,o){super(e,a,o),this.handleHiddenLabelAndRequired=()=>{!0===this.component.state._hideLabel&&!0===this.component.state._required?(t("[KolInput*] Wenn man das Label ausblendet, dann kann der sehende Nutzer:in nicht mehr erkennen, ob die Eingabe erforderlich ist."),this.hideLabel=!1):this.hideLabel=!0===this.component.state._hideLabel},this.component=e}validateAutoComplete(t){e(this.component,"_autoComplete",(e=>"string"==typeof e&&("on"===e||"off"===e)),new Set(["on | off"]),t)}validateHideLabel(e){i(this.component,"_hideLabel",e,{hooks:{afterPatch:this.handleHiddenLabelAndRequired}})}validateMaxLength(e){s(this.component,"_maxLength",e,{min:0})}validatePattern(e){a(this.component,"_pattern",e)}validatePlaceholder(e){a(this.component,"_placeholder",e)}validateReadOnly(e){i(this.component,"_readOnly",e)}validateRequired(e){i(this.component,"_required",e,{hooks:{afterPatch:this.handleHiddenLabelAndRequired}})}validateSize(e){s(this.component,"_size",e,{min:1})}validateValue(e){a(this.component,"_value",e)}componentWillLoad(){super.componentWillLoad(),this.validateAutoComplete(this.component._autoComplete),this.validateMaxLength(this.component._maxLength),this.validatePattern(this.component._pattern),this.validatePlaceholder(this.component._placeholder),this.validateReadOnly(this.component._readOnly),this.validateRequired(this.component._required),this.validateSize(this.component._size),this.validateValue(this.component._value)}onBlur(e){this.component.state=Object.assign(Object.assign({},this.component.state),{_placeholder:this.placeholderCache}),this.placeholderCache=void 0,super.onBlur(e)}onFocus(e){this.placeholderCache=this.component.state._placeholder,this.component.state=Object.assign(Object.assign({},this.component.state),{_placeholder:void 0}),super.onFocus(e)}}export{o as I};
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * KoliBri - The accessible HTML-Standard
3
3
  */
4
- import{i as t,e as o,r as s,g as e,L as a,b as i,f as r,K as l}from"./dev.utils-daaf2f39.js";import{j as n,l as p,k as d,n as c,q as f,p as m,t as L}from"./prop.validators-4d9cba3b.js";import"./index.m-86dc8c44.js";import"./a11y.tipps-d591ee77.js";import"./index-d870d3e1.js";function h(t,e){try{Object.defineProperty(l,t,{get:function(){return e}})}catch(e){a.debug(`KoliBri property ${t} is already bind.`)}}const v=(t,e)=>a.debug(`${t} ${e?"":"not "}activated`),g=()=>{if(t(),o()){s(),h("a11yColorContrast",p),h("querySelector",d),h("querySelectorAll",c),h("querySelectorColors",f),h("utils",(function(){return n})),h("parseJson",m),h("stringifyJson",L);const t=e().body,a=e().createElement("svg");if(a.setAttribute("aria-label","KoliBri-DevTools"),a.setAttribute("xmlns","http://www.w3.org/2000/svg"),a.setAttribute("role","toolbar"),a.setAttribute("style","position: fixed;color: black;font-size: 200%;bottom: 0.25rem;right: 0.25rem;"),a.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>',e().body.appendChild(a),v("Development mode",o()),v("Experimental mode",i()),v("Color contrast analysis",r()),r()){const o=setTimeout((()=>{clearTimeout(o),setInterval((()=>{n.queryHtmlElementColors(e().createElement("div"),p(t),!1,!1)}),1e4)}),2500)}}};export{g as initialize};
4
+ import{i as t,e as o,r as s,g as e,L as a,b as i,f as r,K as l}from"./dev.utils-daaf2f39.js";import{j as n,l as p,k as d,n as c,q as f,p as m,t as L}from"./prop.validators-82b345aa.js";import"./index.m-86dc8c44.js";import"./a11y.tipps-d591ee77.js";import"./index-d870d3e1.js";function h(t,e){try{Object.defineProperty(l,t,{get:function(){return e}})}catch(e){a.debug(`KoliBri property ${t} is already bind.`)}}const v=(t,e)=>a.debug(`${t} ${e?"":"not "}activated`),g=()=>{if(t(),o()){s(),h("a11yColorContrast",p),h("querySelector",d),h("querySelectorAll",c),h("querySelectorColors",f),h("utils",(function(){return n})),h("parseJson",m),h("stringifyJson",L);const t=e().body,a=e().createElement("svg");if(a.setAttribute("aria-label","KoliBri-DevTools"),a.setAttribute("xmlns","http://www.w3.org/2000/svg"),a.setAttribute("role","toolbar"),a.setAttribute("style","position: fixed;color: black;font-size: 200%;bottom: 0.25rem;right: 0.25rem;"),a.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>',e().body.appendChild(a),v("Development mode",o()),v("Experimental mode",i()),v("Color contrast analysis",r()),r()){const o=setTimeout((()=>{clearTimeout(o),setInterval((()=>{n.queryHtmlElementColors(e().createElement("div"),p(t),!1,!1)}),1e4)}),2500)}}};export{g as initialize};
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * KoliBri - The accessible HTML-Standard
3
3
  */
4
- export{c as BUNDESAEMTER,e as BUNDESANSTALTEN,a as BUNDESMINISTERIEN,f as BUND_LOGO_TEXT_MAP,b as Bundesamt,d as Bundesanstalt,B as Bundesministerium}from"./bund-fe1f3789.js";export{T as ToasterService,c as configKoliBri}from"./dev.utils-daaf2f39.js";export{K as KoliBriDevHelper}from"./prop.validators-4d9cba3b.js";import"./index.m-86dc8c44.js";import"./a11y.tipps-d591ee77.js";import"./index-d870d3e1.js";
4
+ export{c as BUNDESAEMTER,e as BUNDESANSTALTEN,a as BUNDESMINISTERIEN,f as BUND_LOGO_TEXT_MAP,b as Bundesamt,d as Bundesanstalt,B as Bundesministerium}from"./bund-fe1f3789.js";export{T as ToasterService,c as configKoliBri}from"./dev.utils-daaf2f39.js";export{K as KoliBriDevHelper}from"./prop.validators-82b345aa.js";import"./index.m-86dc8c44.js";import"./a11y.tipps-d591ee77.js";import"./index-d870d3e1.js";
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * KoliBri - The accessible HTML-Standard
3
3
  */
4
- import{r as t,h as i,H as e}from"./index-a9774259.js";import{w as o}from"./button-link-bf343c76.js";import{n as r}from"./dev.utils-daaf2f39.js";import{w as a}from"./prop.validators-4d9cba3b.js";import"./index.m-86dc8c44.js";import"./a11y.tipps-d591ee77.js";import"./index-d870d3e1.js";const l=class{constructor(i){t(this,i),this.nonce=r(),this._tooltipAlign="top",this._title=void 0,this.state={_title:"",_tooltipAlign:"top"}}render(){return i(e,{style:{display:"inline-block"}},i("abbr",{"aria-labelledby":this.nonce,role:"definition",title:this.state._title},i("span",{title:""},i("slot",null))),i("kol-tooltip",{_align:this.state._tooltipAlign,_id:this.nonce,_label:this.state._title}))}validateTitle(t){a(this,"_title",t,{required:!0})}validateTooltipAlign(t){o(this,"_tooltipAlign",t)}componentWillLoad(){this.validateTitle(this._title),this.validateTooltipAlign(this._tooltipAlign)}static get watchers(){return{_title:["validateTitle"],_tooltipAlign:["validateTooltipAlign"]}}};l.style={default:'*,::before,::after{-webkit-box-sizing:border-box;box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--kolibri-border-color)}*{--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:var(--kolibri-color);--tw-ring-color:rgba(undefined, 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000}:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}::moz-focus-inner{border-style:none;padding:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=\'search\']{-webkit-appearance:textfield;outline-offset:-2px}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}a{color:inherit;text-decoration:inherit}body{margin:0;font-family:inherit;line-height:inherit}button,select{text-transform:none}button,[type=\'button\'],[type=\'reset\'],[type=\'submit\']{-webkit-appearance:button}button{background-color:transparent;background-image:none}button,[role="button"]{cursor:pointer}code{font-size:1em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}fieldset{margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";line-height:1.5}h1,p,h2,h3,h4,h5,h6{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}input,button,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;padding:0;line-height:inherit;color:inherit}input::placeholder{opacity:1;color:#9ca3af}input::webkit-input-placeholder{opacity:1;color:#9ca3af}input::-moz-placeholder{opacity:1;color:#9ca3af}input:-ms-input-placeholder{opacity:1;color:#9ca3af}input::-ms-input-placeholder{opacity:1;color:#9ca3af}legend{padding:0}progress{vertical-align:baseline}small{font-size:80%}svg{display:block;vertical-align:middle}table{text-indent:0;border-color:inherit;border-collapse:collapse}textarea{resize:vertical}textarea::placeholder{opacity:1;color:#9ca3af}textarea::webkit-input-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}textarea:-ms-input-placeholder{opacity:1;color:#9ca3af}textarea::-ms-input-placeholder{opacity:1;color:#9ca3af}ul,ol{list-style:none;margin:0;padding:0}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.bg-normal{background-color:var(--kolibri-color-normal)}.bg-white{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity))}.bg-spin-1{background-color:var(--kolibri-color-spin-1)}.bg-spin-2{background-color:var(--kolibri-color-spin-2)}.bg-spin-3{background-color:var(--kolibri-color-spin-3)}.rounded{border-radius:var(--kolibri-border-radius)}.border-1{border-width:1px}.cursor-pointer{cursor:pointer}.block{display:block}.inline-block{display:inline-block}.flex{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.inline-flex{display:-webkit-inline-box;display:-ms-inline-flexbox;display:-webkit-inline-flex;display:inline-flex}.table{display:table}.grid{display:-ms-grid;display:grid}.hidden{display:none}.flex-wrap{-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.items-center{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.content-center{-ms-flex-line-pack:center;-webkit-align-content:center;align-content:center}.float-left{float:left}.h-full{height:100%}.h-0{height:0px}.h-0\\.41c-2\\.42\\2c 0-4\\.82-1\\.57-4\\.82-3\\.58c0\\.05-0\\.98\\2c 0\\.43-1\\.91\\2c 1\\.07-2\\.65c0\\.3\\2c 0\\.05\\2c 0\\.61\\2c 0\\.09\\2c 0\\.92\\2c 0\\.09c1\\.1\\2c 0\\2c 1\\.69-0\\.58\\2c 1\\.74-1\\.16{height:0.29rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.leading-normal{line-height:1.5}.list-none{list-style-type:none}.list-disc{list-style-type:disc}.list-decimal{list-style-type:decimal}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:calc(1 * var(--kolibri-spacing))}.mr-2{margin-right:calc(2 * var(--kolibri-spacing))}.ml-2{margin-left:calc(2 * var(--kolibri-spacing))}.mt-2{margin-top:calc(2 * var(--kolibri-spacing))}.mt-4{margin-top:calc(4 * var(--kolibri-spacing))}.outline{outline-style:solid}.overflow-y-visible{overflow-y:visible}.px{padding-left:1px;padding-right:1px}.pl-8{padding-left:2rem}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4}.absolute{position:absolute}.text-center{text-align:center}.text-normal{color:var(--kolibri-color-normal)}.hover\\:text-primary:hover{color:var(--kolibri-color-primary)}.italic{font-style:italic}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.indent{text-indent:1.5rem}.visible{visibility:visible}.w-full{width:100%}.w-4\\/5{width:80%}.z-50{z-index:50}.gap-1{grid-gap:calc(1 * var(--kolibri-spacing));gap:calc(1 * var(--kolibri-spacing))}.grid-flow-col{grid-auto-flow:column}.animate{-webkit-animation-iteration-count:1;animation-iteration-count:1}.filter{--tw-blur:var(--tw-empty, );--tw-brightness:var(--tw-empty, );--tw-contrast:var(--tw-empty, );--tw-grayscale:var(--tw-empty, );--tw-hue-rotate:var(--tw-empty, );--tw-invert:var(--tw-empty, );--tw-saturate:var(--tw-empty, );--tw-sepia:var(--tw-empty, );--tw-drop-shadow:var(--tw-empty, );-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}:host *{-ms-hyphens:var(--kolibri-hyphens);-webkit-hyphens:var(--kolibri-hyphens);hyphens:var(--kolibri-hyphens);font-family:var(--kolibri-font-family);line-height:var(--kolibri-line-height);word-break:break-word}:host abbr{cursor:help}'};export{l as kol_abbr};
4
+ import{r as t,h as e,H as a}from"./index-a9774259.js";import{w as i}from"./button-link-0e3aab16.js";import{n as r}from"./dev.utils-daaf2f39.js";import{w as o}from"./prop.validators-82b345aa.js";import"./index.m-86dc8c44.js";import"./a11y.tipps-d591ee77.js";import"./index-d870d3e1.js";const l=class{constructor(e){t(this,e),this.nonce=r(),this._tooltipAlign="top",this._title=void 0,this.state={_title:"",_tooltipAlign:"top"}}render(){return e(a,{style:{display:"inline-block"}},e("abbr",{"aria-labelledby":this.nonce,role:"definition",title:this.state._title},e("span",{title:""},e("slot",null))),e("kol-tooltip",{_align:this.state._tooltipAlign,_id:this.nonce,_label:this.state._title}))}validateTitle(t){o(this,"_title",t,{required:!0})}validateTooltipAlign(t){i(this,"_tooltipAlign",t)}componentWillLoad(){this.validateTitle(this._title),this.validateTooltipAlign(this._tooltipAlign)}static get watchers(){return{_title:["validateTitle"],_tooltipAlign:["validateTooltipAlign"]}}};l.style={default:'*,::before,::after{-webkit-box-sizing:border-box;box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--kolibri-border-color)}*{--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:var(--kolibri-color);--tw-ring-color:rgba(undefined, 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000}:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}::moz-focus-inner{border-style:none;padding:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=\'search\']{-webkit-appearance:textfield;outline-offset:-2px}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}a{color:inherit;text-decoration:inherit}body{margin:0;font-family:inherit;line-height:inherit}b{font-weight:bolder}button,select{text-transform:none}button,[type=\'button\'],[type=\'reset\'],[type=\'submit\']{-webkit-appearance:button}button{background-color:transparent;background-image:none}button,[role="button"]{cursor:pointer}code{font-size:1em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}fieldset{margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";line-height:1.5}h1,p,h2,h3,h4,h5,h6{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}input,button,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;padding:0;line-height:inherit;color:inherit}input::placeholder{opacity:1;color:#9ca3af}input::webkit-input-placeholder{opacity:1;color:#9ca3af}input::-moz-placeholder{opacity:1;color:#9ca3af}input:-ms-input-placeholder{opacity:1;color:#9ca3af}input::-ms-input-placeholder{opacity:1;color:#9ca3af}legend{padding:0}progress{vertical-align:baseline}small{font-size:80%}svg{display:block;vertical-align:middle}table{text-indent:0;border-color:inherit;border-collapse:collapse}textarea{resize:vertical}textarea::placeholder{opacity:1;color:#9ca3af}textarea::webkit-input-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}textarea:-ms-input-placeholder{opacity:1;color:#9ca3af}textarea::-ms-input-placeholder{opacity:1;color:#9ca3af}ul,ol{list-style:none;margin:0;padding:0}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.bg-normal{background-color:var(--kolibri-color-normal)}.bg-white{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity))}.bg-spin-1{background-color:var(--kolibri-color-spin-1)}.bg-spin-2{background-color:var(--kolibri-color-spin-2)}.bg-spin-3{background-color:var(--kolibri-color-spin-3)}.rounded{border-radius:var(--kolibri-border-radius)}.border-1{border-width:1px}.cursor-pointer{cursor:pointer}.block{display:block}.inline-block{display:inline-block}.flex{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.inline-flex{display:-webkit-inline-box;display:-ms-inline-flexbox;display:-webkit-inline-flex;display:inline-flex}.table{display:table}.grid{display:-ms-grid;display:grid}.hidden{display:none}.flex-wrap{-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.items-center{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.content-center{-ms-flex-line-pack:center;-webkit-align-content:center;align-content:center}.float-left{float:left}.font-80{font-weight:80}.font-60{font-weight:60}.h-full{height:100%}.h-0{height:0px}.h-0\\.41c-2\\.42\\2c 0-4\\.82-1\\.57-4\\.82-3\\.58c0\\.05-0\\.98\\2c 0\\.43-1\\.91\\2c 1\\.07-2\\.65c0\\.3\\2c 0\\.05\\2c 0\\.61\\2c 0\\.09\\2c 0\\.92\\2c 0\\.09c1\\.1\\2c 0\\2c 1\\.69-0\\.58\\2c 1\\.74-1\\.16{height:0.29rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.leading-normal{line-height:1.5}.list-none{list-style-type:none}.list-disc{list-style-type:disc}.list-decimal{list-style-type:decimal}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:calc(1 * var(--kolibri-spacing))}.mr-2{margin-right:calc(2 * var(--kolibri-spacing))}.ml-2{margin-left:calc(2 * var(--kolibri-spacing))}.mt-2{margin-top:calc(2 * var(--kolibri-spacing))}.mt-4{margin-top:calc(4 * var(--kolibri-spacing))}.outline{outline-style:solid}.overflow-hidden{overflow:hidden}.overflow-y-visible{overflow-y:visible}.p-2{padding:calc(2 * var(--kolibri-spacing))}.p-4{padding:calc(4 * var(--kolibri-spacing))}.px{padding-left:1px;padding-right:1px}.py-2{padding-top:calc(2 * var(--kolibri-spacing));padding-bottom:calc(2 * var(--kolibri-spacing))}.pl-8{padding-left:2rem}.pb-2{padding-bottom:calc(2 * var(--kolibri-spacing))}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4}.absolute{position:absolute}.text-center{text-align:center}.text-normal{color:var(--kolibri-color-normal)}.hover\\:text-primary:hover{color:var(--kolibri-color-primary)}.italic{font-style:italic}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.indent{text-indent:1.5rem}.visible{visibility:visible}.w-full{width:100%}.w-4\\/5{width:80%}.z-50{z-index:50}.gap-1{grid-gap:calc(1 * var(--kolibri-spacing));gap:calc(1 * var(--kolibri-spacing))}.gap-2{grid-gap:calc(2 * var(--kolibri-spacing));gap:calc(2 * var(--kolibri-spacing))}.grid-flow-col{grid-auto-flow:column}.transform{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate:0;--tw-rotate-x:0;--tw-rotate-y:0;--tw-rotate-z:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;-webkit-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));-ms-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z))}.animate{-webkit-animation-iteration-count:1;animation-iteration-count:1}.filter{--tw-blur:var(--tw-empty, );--tw-brightness:var(--tw-empty, );--tw-contrast:var(--tw-empty, );--tw-grayscale:var(--tw-empty, );--tw-hue-rotate:var(--tw-empty, );--tw-invert:var(--tw-empty, );--tw-saturate:var(--tw-empty, );--tw-sepia:var(--tw-empty, );--tw-drop-shadow:var(--tw-empty, );-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}:host *{-ms-hyphens:var(--kolibri-hyphens);-webkit-hyphens:var(--kolibri-hyphens);hyphens:var(--kolibri-hyphens);font-family:var(--kolibri-font-family);line-height:var(--kolibri-line-height);word-break:break-word}:host abbr{cursor:help}'};export{l as kol_abbr};
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * KoliBri - The accessible HTML-Standard
3
3
  */
4
- import{r as t,h as i,H as e}from"./index-a9774259.js";import{f as o}from"./a11y.tipps-d591ee77.js";import{w as a,s as r,b as n}from"./prop.validators-4d9cba3b.js";import{w as l}from"./validation-3124f600.js";import"./dev.utils-daaf2f39.js";import"./index.m-86dc8c44.js";import"./index-d870d3e1.js";o("[KolAccordion] Anfrage nach einer KolAccordionGroup bei dem immer nur ein Accordion geöffnet ist.\n\n- onClick auf der KolAccordion anwenden\n- Click-Event prüft den _open-Status der Accordions\n- Logik Öffnet und Schließt entsprechend"),o("[KolAccordion] Tab-Sperre des Inhalts im geschlossenen Zustand.");const s=class{constructor(e){t(this,e),this.catchAriaExpanded=t=>{t instanceof HTMLButtonElement&&(this.buttonRef=t)},this.triggerAriaExpanded=t=>{t.setAttribute("aria-expanded",this.state._open?"true":"false")},this.onClick=t=>{this._open=!1===this._open;const e=setTimeout((()=>{var i;clearTimeout(e),"function"==typeof(null===(i=this.state._on)||void 0===i?void 0:i.onClick)&&this.state._on.onClick(t,!0===this._open),this.buttonRef instanceof HTMLButtonElement&&this.triggerAriaExpanded(this.buttonRef)}))},this._heading=void 0,this._level=1,this._on=void 0,this._open=!1,this.state={_heading:"⚠"}}render(){return i(e,null,i("div",{part:"accordion "+(this.state._open?"open":"close")},i("kol-heading-wc",{_level:this.state._level},i("button",{ref:this.catchAriaExpanded,onClick:this.onClick},i("kol-icon",{_ariaLabel:"",_icon:this.state._open?"fa-solid fa-minus":"fa-solid fa-plus",_part:this.state._open?"close":"open"}),i("span",null,this.state._heading))),i("div",{part:"header"},i("slot",{name:"header"})),i("div",{part:"content",style:!1===this.state._open?{display:"none",height:"0",visibility:"hidden"}:void 0},i("slot",{name:"content"}))))}validateHeading(t){a(this,"_heading",t,{required:!0})}validateLevel(t){l(this,t)}validateOn(t){"object"==typeof t&&null!==t&&"function"==typeof t.onClick&&r(this,"_on",t)}validateOpen(t){n(this,"_open",t)}componentWillLoad(){this.validateHeading(this._heading),this.validateLevel(this._level),this.validateOn(this._on),this.validateOpen(this._open)}static get watchers(){return{_heading:["validateHeading"],_level:["validateLevel"],_on:["validateOn"],_open:["validateOpen"]}}};s.style={default:'*,::before,::after{-webkit-box-sizing:border-box;box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--kolibri-border-color)}*{--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:var(--kolibri-color);--tw-ring-color:rgba(undefined, 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000}:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}::moz-focus-inner{border-style:none;padding:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=\'search\']{-webkit-appearance:textfield;outline-offset:-2px}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}a{color:inherit;text-decoration:inherit}body{margin:0;font-family:inherit;line-height:inherit}button,select{text-transform:none}button,[type=\'button\'],[type=\'reset\'],[type=\'submit\']{-webkit-appearance:button}button{background-color:transparent;background-image:none}button,[role="button"]{cursor:pointer}code{font-size:1em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}fieldset{margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";line-height:1.5}h1,p,h2,h3,h4,h5,h6{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}input,button,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;padding:0;line-height:inherit;color:inherit}input::placeholder{opacity:1;color:#9ca3af}input::webkit-input-placeholder{opacity:1;color:#9ca3af}input::-moz-placeholder{opacity:1;color:#9ca3af}input:-ms-input-placeholder{opacity:1;color:#9ca3af}input::-ms-input-placeholder{opacity:1;color:#9ca3af}legend{padding:0}progress{vertical-align:baseline}small{font-size:80%}svg{display:block;vertical-align:middle}table{text-indent:0;border-color:inherit;border-collapse:collapse}textarea{resize:vertical}textarea::placeholder{opacity:1;color:#9ca3af}textarea::webkit-input-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}textarea:-ms-input-placeholder{opacity:1;color:#9ca3af}textarea::-ms-input-placeholder{opacity:1;color:#9ca3af}ul,ol{list-style:none;margin:0;padding:0}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.bg-normal{background-color:var(--kolibri-color-normal)}.bg-white{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity))}.bg-spin-1{background-color:var(--kolibri-color-spin-1)}.bg-spin-2{background-color:var(--kolibri-color-spin-2)}.bg-spin-3{background-color:var(--kolibri-color-spin-3)}.rounded{border-radius:var(--kolibri-border-radius)}.border-1{border-width:1px}.cursor-pointer{cursor:pointer}.block{display:block}.inline-block{display:inline-block}.flex{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.inline-flex{display:-webkit-inline-box;display:-ms-inline-flexbox;display:-webkit-inline-flex;display:inline-flex}.table{display:table}.grid{display:-ms-grid;display:grid}.hidden{display:none}.flex-wrap{-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.items-center{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.content-center{-ms-flex-line-pack:center;-webkit-align-content:center;align-content:center}.float-left{float:left}.h-full{height:100%}.h-0{height:0px}.h-0\\.41c-2\\.42\\2c 0-4\\.82-1\\.57-4\\.82-3\\.58c0\\.05-0\\.98\\2c 0\\.43-1\\.91\\2c 1\\.07-2\\.65c0\\.3\\2c 0\\.05\\2c 0\\.61\\2c 0\\.09\\2c 0\\.92\\2c 0\\.09c1\\.1\\2c 0\\2c 1\\.69-0\\.58\\2c 1\\.74-1\\.16{height:0.29rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.leading-normal{line-height:1.5}.list-none{list-style-type:none}.list-disc{list-style-type:disc}.list-decimal{list-style-type:decimal}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:calc(1 * var(--kolibri-spacing))}.mr-2{margin-right:calc(2 * var(--kolibri-spacing))}.ml-2{margin-left:calc(2 * var(--kolibri-spacing))}.mt-2{margin-top:calc(2 * var(--kolibri-spacing))}.mt-4{margin-top:calc(4 * var(--kolibri-spacing))}.outline{outline-style:solid}.overflow-y-visible{overflow-y:visible}.px{padding-left:1px;padding-right:1px}.pl-8{padding-left:2rem}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4}.absolute{position:absolute}.text-center{text-align:center}.text-normal{color:var(--kolibri-color-normal)}.hover\\:text-primary:hover{color:var(--kolibri-color-primary)}.italic{font-style:italic}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.indent{text-indent:1.5rem}.visible{visibility:visible}.w-full{width:100%}.w-4\\/5{width:80%}.z-50{z-index:50}.gap-1{grid-gap:calc(1 * var(--kolibri-spacing));gap:calc(1 * var(--kolibri-spacing))}.grid-flow-col{grid-auto-flow:column}.animate{-webkit-animation-iteration-count:1;animation-iteration-count:1}.filter{--tw-blur:var(--tw-empty, );--tw-brightness:var(--tw-empty, );--tw-contrast:var(--tw-empty, );--tw-grayscale:var(--tw-empty, );--tw-hue-rotate:var(--tw-empty, );--tw-invert:var(--tw-empty, );--tw-saturate:var(--tw-empty, );--tw-sepia:var(--tw-empty, );--tw-drop-shadow:var(--tw-empty, );-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}:host *{-ms-hyphens:var(--kolibri-hyphens);-webkit-hyphens:var(--kolibri-hyphens);hyphens:var(--kolibri-hyphens);font-family:var(--kolibri-font-family);line-height:var(--kolibri-line-height);word-break:break-word}'};export{s as kol_accordion};
4
+ import{r as t,h as e,H as a}from"./index-a9774259.js";import{f as i}from"./a11y.tipps-d591ee77.js";import{w as r,s as o,b as n}from"./prop.validators-82b345aa.js";import{w as l}from"./validation-50c2f4e0.js";import"./dev.utils-daaf2f39.js";import"./index.m-86dc8c44.js";import"./index-d870d3e1.js";i("[KolAccordion] Anfrage nach einer KolAccordionGroup bei dem immer nur ein Accordion geöffnet ist.\n\n- onClick auf der KolAccordion anwenden\n- Click-Event prüft den _open-Status der Accordions\n- Logik Öffnet und Schließt entsprechend"),i("[KolAccordion] Tab-Sperre des Inhalts im geschlossenen Zustand.");const s=class{constructor(e){t(this,e),this.catchAriaExpanded=t=>{t instanceof HTMLButtonElement&&(this.buttonRef=t)},this.triggerAriaExpanded=t=>{t.setAttribute("aria-expanded",this.state._open?"true":"false")},this.onClick=t=>{this._open=!1===this._open;const e=setTimeout((()=>{var a;clearTimeout(e),"function"==typeof(null===(a=this.state._on)||void 0===a?void 0:a.onClick)&&this.state._on.onClick(t,!0===this._open),this.buttonRef instanceof HTMLButtonElement&&this.triggerAriaExpanded(this.buttonRef)}))},this._heading=void 0,this._level=1,this._on=void 0,this._open=!1,this.state={_heading:"⚠"}}render(){return e(a,null,e("div",{part:"accordion "+(this.state._open?"open":"close")},e("kol-heading-wc",{_level:this.state._level},e("button",{ref:this.catchAriaExpanded,onClick:this.onClick},e("kol-icon",{_ariaLabel:"",_icon:this.state._open?"fa-solid fa-minus":"fa-solid fa-plus",_part:this.state._open?"close":"open"}),e("span",null,this.state._heading))),e("div",{part:"header"},e("slot",{name:"header"})),e("div",{part:"content",style:!1===this.state._open?{display:"none",height:"0",visibility:"hidden"}:void 0},e("slot",{name:"content"}))))}validateHeading(t){r(this,"_heading",t,{required:!0})}validateLevel(t){l(this,t)}validateOn(t){"object"==typeof t&&null!==t&&"function"==typeof t.onClick&&o(this,"_on",t)}validateOpen(t){n(this,"_open",t)}componentWillLoad(){this.validateHeading(this._heading),this.validateLevel(this._level),this.validateOn(this._on),this.validateOpen(this._open)}static get watchers(){return{_heading:["validateHeading"],_level:["validateLevel"],_on:["validateOn"],_open:["validateOpen"]}}};s.style={default:'*,::before,::after{-webkit-box-sizing:border-box;box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--kolibri-border-color)}*{--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:var(--kolibri-color);--tw-ring-color:rgba(undefined, 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000}:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}::moz-focus-inner{border-style:none;padding:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=\'search\']{-webkit-appearance:textfield;outline-offset:-2px}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}a{color:inherit;text-decoration:inherit}body{margin:0;font-family:inherit;line-height:inherit}b{font-weight:bolder}button,select{text-transform:none}button,[type=\'button\'],[type=\'reset\'],[type=\'submit\']{-webkit-appearance:button}button{background-color:transparent;background-image:none}button,[role="button"]{cursor:pointer}code{font-size:1em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}fieldset{margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";line-height:1.5}h1,p,h2,h3,h4,h5,h6{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}input,button,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;padding:0;line-height:inherit;color:inherit}input::placeholder{opacity:1;color:#9ca3af}input::webkit-input-placeholder{opacity:1;color:#9ca3af}input::-moz-placeholder{opacity:1;color:#9ca3af}input:-ms-input-placeholder{opacity:1;color:#9ca3af}input::-ms-input-placeholder{opacity:1;color:#9ca3af}legend{padding:0}progress{vertical-align:baseline}small{font-size:80%}svg{display:block;vertical-align:middle}table{text-indent:0;border-color:inherit;border-collapse:collapse}textarea{resize:vertical}textarea::placeholder{opacity:1;color:#9ca3af}textarea::webkit-input-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}textarea:-ms-input-placeholder{opacity:1;color:#9ca3af}textarea::-ms-input-placeholder{opacity:1;color:#9ca3af}ul,ol{list-style:none;margin:0;padding:0}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.bg-normal{background-color:var(--kolibri-color-normal)}.bg-white{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity))}.bg-spin-1{background-color:var(--kolibri-color-spin-1)}.bg-spin-2{background-color:var(--kolibri-color-spin-2)}.bg-spin-3{background-color:var(--kolibri-color-spin-3)}.rounded{border-radius:var(--kolibri-border-radius)}.border-1{border-width:1px}.cursor-pointer{cursor:pointer}.block{display:block}.inline-block{display:inline-block}.flex{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.inline-flex{display:-webkit-inline-box;display:-ms-inline-flexbox;display:-webkit-inline-flex;display:inline-flex}.table{display:table}.grid{display:-ms-grid;display:grid}.hidden{display:none}.flex-wrap{-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.items-center{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.content-center{-ms-flex-line-pack:center;-webkit-align-content:center;align-content:center}.float-left{float:left}.font-80{font-weight:80}.font-60{font-weight:60}.h-full{height:100%}.h-0{height:0px}.h-0\\.41c-2\\.42\\2c 0-4\\.82-1\\.57-4\\.82-3\\.58c0\\.05-0\\.98\\2c 0\\.43-1\\.91\\2c 1\\.07-2\\.65c0\\.3\\2c 0\\.05\\2c 0\\.61\\2c 0\\.09\\2c 0\\.92\\2c 0\\.09c1\\.1\\2c 0\\2c 1\\.69-0\\.58\\2c 1\\.74-1\\.16{height:0.29rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.leading-normal{line-height:1.5}.list-none{list-style-type:none}.list-disc{list-style-type:disc}.list-decimal{list-style-type:decimal}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:calc(1 * var(--kolibri-spacing))}.mr-2{margin-right:calc(2 * var(--kolibri-spacing))}.ml-2{margin-left:calc(2 * var(--kolibri-spacing))}.mt-2{margin-top:calc(2 * var(--kolibri-spacing))}.mt-4{margin-top:calc(4 * var(--kolibri-spacing))}.outline{outline-style:solid}.overflow-hidden{overflow:hidden}.overflow-y-visible{overflow-y:visible}.p-2{padding:calc(2 * var(--kolibri-spacing))}.p-4{padding:calc(4 * var(--kolibri-spacing))}.px{padding-left:1px;padding-right:1px}.py-2{padding-top:calc(2 * var(--kolibri-spacing));padding-bottom:calc(2 * var(--kolibri-spacing))}.pl-8{padding-left:2rem}.pb-2{padding-bottom:calc(2 * var(--kolibri-spacing))}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4}.absolute{position:absolute}.text-center{text-align:center}.text-normal{color:var(--kolibri-color-normal)}.hover\\:text-primary:hover{color:var(--kolibri-color-primary)}.italic{font-style:italic}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.indent{text-indent:1.5rem}.visible{visibility:visible}.w-full{width:100%}.w-4\\/5{width:80%}.z-50{z-index:50}.gap-1{grid-gap:calc(1 * var(--kolibri-spacing));gap:calc(1 * var(--kolibri-spacing))}.gap-2{grid-gap:calc(2 * var(--kolibri-spacing));gap:calc(2 * var(--kolibri-spacing))}.grid-flow-col{grid-auto-flow:column}.transform{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate:0;--tw-rotate-x:0;--tw-rotate-y:0;--tw-rotate-z:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;-webkit-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));-ms-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z))}.animate{-webkit-animation-iteration-count:1;animation-iteration-count:1}.filter{--tw-blur:var(--tw-empty, );--tw-brightness:var(--tw-empty, );--tw-contrast:var(--tw-empty, );--tw-grayscale:var(--tw-empty, );--tw-hue-rotate:var(--tw-empty, );--tw-invert:var(--tw-empty, );--tw-saturate:var(--tw-empty, );--tw-sepia:var(--tw-empty, );--tw-drop-shadow:var(--tw-empty, );-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}:host *{-ms-hyphens:var(--kolibri-hyphens);-webkit-hyphens:var(--kolibri-hyphens);hyphens:var(--kolibri-hyphens);font-family:var(--kolibri-font-family);line-height:var(--kolibri-line-height);word-break:break-word}'};export{s as kol_accordion};
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * KoliBri - The accessible HTML-Standard
3
3
  */
4
- import{r as i,h as t,H as e}from"./index-a9774259.js";import{f as r}from"./a11y.tipps-d591ee77.js";import{L as o}from"./dev.utils-daaf2f39.js";import{b as a,w as n,s as l,a as s}from"./prop.validators-4d9cba3b.js";import{w as c}from"./validation-3124f600.js";import"./index.m-86dc8c44.js";import"./index-d870d3e1.js";const d=i=>t("kol-icon",{class:"icon",_ariaLabel:"string"==typeof i.heading&&i.heading.length>0?"":i.ariaLabel,_icon:i.icon}),h=i=>{switch(i.type){case"error":return t(d,{ariaLabel:"Fehler",icon:"fa-solid fa-circle-xmark",heading:i.heading});case"info":return t(d,{ariaLabel:"Hinweis",icon:"fa-solid fa-circle-info",heading:i.heading});case"warning":return t(d,{ariaLabel:"Warnung",icon:"fa-solid fa-triangle-exclamation",heading:i.heading});case"success":return t(d,{ariaLabel:"Erfolg",icon:"fa-solid fa-circle-check",heading:i.heading});default:return t(d,{ariaLabel:"Nachricht",icon:"fa-regular fa-comment",heading:i.heading})}},p=class{constructor(t){i(this,t),this.close=()=>{var i;void 0!==(null===(i=this._on)||void 0===i?void 0:i.onClose)&&this._on.onClose(new Event("Close"))},this.on={onClick:this.close},this._alert=!1,this._hasCloser=!1,this._heading=void 0,this._level=1,this._on=void 0,this._type="default",this._variant="msg",this.state={}}render(){if(this.state._alert){try{o.debug(["Navigator should vibrate ...",navigator.vibrate([100,75,100,75,100])])}catch(i){o.debug("Navigator does not support vibration.")}setTimeout((()=>{this.validateAlert(!1)}),1e4)}return t(e,null,t("div",{class:{[this.state._type]:!0,[this.state._variant]:!0},role:this.state._alert?"alert":void 0},"msg"===this.state._variant&&t(h,{heading:this.state._heading,type:this.state._type}),t("div",null,("string"==typeof this.state._heading&&this.state._heading.length>0||"card"===this.state._variant)&&t("kol-heading-wc",{class:"heading",_level:this.state._level},"card"===this.state._variant&&t(h,{heading:this.state._heading,type:this.state._type}),this.state._heading),t("div",{class:"content"},t("slot",null)),this.state._hasCloser&&t("kol-button-wc",{class:"close",_icon:{left:{icon:"fa-solid fa-circle-xmark"}},_iconOnly:!0,_label:"Schließen",_on:this.on,_tooltipAlign:"left"}))))}validateAlert(i){a(this,"_alert",i)}validateHasCloser(i){a(this,"_hasCloser",i)}validateHeading(i){n(this,"_heading",i)}validateLevel(i){c(this,i)}validateOn(i){if("object"==typeof i&&null!==i){r("[KolAlert] Prüfen, wie man auch einen EventCallback einzeln ändern kann.");const t={};"function"!=typeof i.onClose&&!0!==i.onClose||(t.onClose=i.onClose),l(this,"_on",t)}}validateType(i){s(this,"_type",(i=>"string"==typeof i&&("default"===i||"error"===i||"info"===i||"success"===i||"warning"===i)),new Set("String {success, info, warning, error}"),i)}validateVariant(i){s(this,"_variant",(i=>"card"===i||"msg"===i),new Set("AlertVariant {card, msg}"),i)}componentWillLoad(){this.validateAlert(this._alert),this.validateHasCloser(this._hasCloser),this.validateHeading(this._heading),this.validateLevel(this._level),this.validateOn(this._on),this.validateType(this._type),this.validateVariant(this._variant)}static get watchers(){return{_alert:["validateAlert"],_hasCloser:["validateHasCloser"],_heading:["validateHeading"],_level:["validateLevel"],_on:["validateOn"],_type:["validateType"],_variant:["validateVariant"]}}};p.style={default:'*,::before,::after{-webkit-box-sizing:border-box;box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--kolibri-border-color)}*{--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:var(--kolibri-color);--tw-ring-color:rgba(undefined, 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000}:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}::moz-focus-inner{border-style:none;padding:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=\'search\']{-webkit-appearance:textfield;outline-offset:-2px}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}a{color:inherit;text-decoration:inherit}body{margin:0;font-family:inherit;line-height:inherit}button,select{text-transform:none}button,[type=\'button\'],[type=\'reset\'],[type=\'submit\']{-webkit-appearance:button}button{background-color:transparent;background-image:none}button,[role="button"]{cursor:pointer}code{font-size:1em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}fieldset{margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";line-height:1.5}h1,p,h2,h3,h4,h5,h6{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}input,button,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;padding:0;line-height:inherit;color:inherit}input::placeholder{opacity:1;color:#9ca3af}input::webkit-input-placeholder{opacity:1;color:#9ca3af}input::-moz-placeholder{opacity:1;color:#9ca3af}input:-ms-input-placeholder{opacity:1;color:#9ca3af}input::-ms-input-placeholder{opacity:1;color:#9ca3af}legend{padding:0}progress{vertical-align:baseline}small{font-size:80%}svg{display:block;vertical-align:middle}table{text-indent:0;border-color:inherit;border-collapse:collapse}textarea{resize:vertical}textarea::placeholder{opacity:1;color:#9ca3af}textarea::webkit-input-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}textarea:-ms-input-placeholder{opacity:1;color:#9ca3af}textarea::-ms-input-placeholder{opacity:1;color:#9ca3af}ul,ol{list-style:none;margin:0;padding:0}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.bg-normal{background-color:var(--kolibri-color-normal)}.bg-white{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity))}.bg-spin-1{background-color:var(--kolibri-color-spin-1)}.bg-spin-2{background-color:var(--kolibri-color-spin-2)}.bg-spin-3{background-color:var(--kolibri-color-spin-3)}.rounded{border-radius:var(--kolibri-border-radius)}.border-1{border-width:1px}.cursor-pointer{cursor:pointer}.block{display:block}.inline-block{display:inline-block}.flex{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.inline-flex{display:-webkit-inline-box;display:-ms-inline-flexbox;display:-webkit-inline-flex;display:inline-flex}.table{display:table}.grid{display:-ms-grid;display:grid}.hidden{display:none}.flex-wrap{-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.items-center{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.content-center{-ms-flex-line-pack:center;-webkit-align-content:center;align-content:center}.float-left{float:left}.h-full{height:100%}.h-0{height:0px}.h-0\\.41c-2\\.42\\2c 0-4\\.82-1\\.57-4\\.82-3\\.58c0\\.05-0\\.98\\2c 0\\.43-1\\.91\\2c 1\\.07-2\\.65c0\\.3\\2c 0\\.05\\2c 0\\.61\\2c 0\\.09\\2c 0\\.92\\2c 0\\.09c1\\.1\\2c 0\\2c 1\\.69-0\\.58\\2c 1\\.74-1\\.16{height:0.29rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.leading-normal{line-height:1.5}.list-none{list-style-type:none}.list-disc{list-style-type:disc}.list-decimal{list-style-type:decimal}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:calc(1 * var(--kolibri-spacing))}.mr-2{margin-right:calc(2 * var(--kolibri-spacing))}.ml-2{margin-left:calc(2 * var(--kolibri-spacing))}.mt-2{margin-top:calc(2 * var(--kolibri-spacing))}.mt-4{margin-top:calc(4 * var(--kolibri-spacing))}.outline{outline-style:solid}.overflow-y-visible{overflow-y:visible}.px{padding-left:1px;padding-right:1px}.pl-8{padding-left:2rem}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4}.absolute{position:absolute}.text-center{text-align:center}.text-normal{color:var(--kolibri-color-normal)}.hover\\:text-primary:hover{color:var(--kolibri-color-primary)}.italic{font-style:italic}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.indent{text-indent:1.5rem}.visible{visibility:visible}.w-full{width:100%}.w-4\\/5{width:80%}.z-50{z-index:50}.gap-1{grid-gap:calc(1 * var(--kolibri-spacing));gap:calc(1 * var(--kolibri-spacing))}.grid-flow-col{grid-auto-flow:column}.animate{-webkit-animation-iteration-count:1;animation-iteration-count:1}.filter{--tw-blur:var(--tw-empty, );--tw-brightness:var(--tw-empty, );--tw-contrast:var(--tw-empty, );--tw-grayscale:var(--tw-empty, );--tw-hue-rotate:var(--tw-empty, );--tw-invert:var(--tw-empty, );--tw-saturate:var(--tw-empty, );--tw-sepia:var(--tw-empty, );--tw-drop-shadow:var(--tw-empty, );-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}:host *{-ms-hyphens:var(--kolibri-hyphens);-webkit-hyphens:var(--kolibri-hyphens);hyphens:var(--kolibri-hyphens);font-family:var(--kolibri-font-family);line-height:var(--kolibri-line-height);word-break:break-word}:host *{box-sizing:border-box}:host>div{background-color:white;border-color:white;border-width:1px;border-radius:0.5rem;border-style:solid;display:flex;width:100%;overflow:hidden}:host>div.error{border-color:var(--kolibri-color-error)}:host>div.error .icon{background-color:var(--kolibri-color-error)}:host>div.info{border-color:var(--kolibri-color-info)}:host>div.info .icon{background-color:var(--kolibri-color-info)}:host>div.success{border-color:var(--kolibri-color-success)}:host>div.success .icon{background-color:var(--kolibri-color-success)}:host>div.warning{border-color:var(--kolibri-color-warning)}:host>div.warning .icon{background-color:var(--kolibri-color-warning)}:host>div .icon{color:white;display:inline-block;padding:0 0.25rem}:host>div>div{display:grid}:host>div>div .heading{padding:0 0.25rem;display:inline-block}:host>div>div .heading .icon{margin-left:-0.25rem;margin-right:0.25rem;border-radius:0 0 0.25rem 0}:host>div>div>div:last-child{padding:0.25rem}'};export{p as kol_alert};
4
+ import{r as t,h as i,H as e}from"./index-a9774259.js";import{f as a}from"./a11y.tipps-d591ee77.js";import{L as r}from"./dev.utils-daaf2f39.js";import{b as o,w as n,s as l,a as s}from"./prop.validators-82b345aa.js";import{w as c}from"./validation-50c2f4e0.js";import"./index.m-86dc8c44.js";import"./index-d870d3e1.js";const d=t=>i("kol-icon",{class:"icon",_ariaLabel:"string"==typeof t.heading&&t.heading.length>0?"":t.ariaLabel,_icon:t.icon}),h=t=>{switch(t.type){case"error":return i(d,{ariaLabel:"Fehler",icon:"fa-solid fa-circle-xmark",heading:t.heading});case"info":return i(d,{ariaLabel:"Hinweis",icon:"fa-solid fa-circle-info",heading:t.heading});case"warning":return i(d,{ariaLabel:"Warnung",icon:"fa-solid fa-triangle-exclamation",heading:t.heading});case"success":return i(d,{ariaLabel:"Erfolg",icon:"fa-solid fa-circle-check",heading:t.heading});default:return i(d,{ariaLabel:"Nachricht",icon:"fa-regular fa-comment",heading:t.heading})}},p=class{constructor(e){t(this,e),this.close=()=>{var t;void 0!==(null===(t=this._on)||void 0===t?void 0:t.onClose)&&this._on.onClose(new Event("Close"))},this.on={onClick:this.close},this._alert=!1,this._hasCloser=!1,this._heading=void 0,this._level=1,this._on=void 0,this._type="default",this._variant="msg",this.state={}}render(){if(this.state._alert){try{r.debug(["Navigator should vibrate ...",navigator.vibrate([100,75,100,75,100])])}catch(t){r.debug("Navigator does not support vibration.")}setTimeout((()=>{this.validateAlert(!1)}),1e4)}return i(e,null,i("div",{class:{[this.state._type]:!0,[this.state._variant]:!0},role:this.state._alert?"alert":void 0},"msg"===this.state._variant&&i(h,{heading:this.state._heading,type:this.state._type}),i("div",null,("string"==typeof this.state._heading&&this.state._heading.length>0||"card"===this.state._variant)&&i("kol-heading-wc",{class:"heading",_level:this.state._level},"card"===this.state._variant&&i(h,{heading:this.state._heading,type:this.state._type}),this.state._heading),i("div",{class:"content"},i("slot",null)),this.state._hasCloser&&i("kol-button-wc",{class:"close",_icon:{left:{icon:"fa-solid fa-circle-xmark"}},_iconOnly:!0,_label:"Schließen",_on:this.on,_tooltipAlign:"left"}))))}validateAlert(t){o(this,"_alert",t)}validateHasCloser(t){o(this,"_hasCloser",t)}validateHeading(t){n(this,"_heading",t)}validateLevel(t){c(this,t)}validateOn(t){if("object"==typeof t&&null!==t){a("[KolAlert] Prüfen, wie man auch einen EventCallback einzeln ändern kann.");const e={};"function"!=typeof t.onClose&&!0!==t.onClose||(e.onClose=t.onClose),l(this,"_on",e)}}validateType(t){s(this,"_type",(t=>"string"==typeof t&&("default"===t||"error"===t||"info"===t||"success"===t||"warning"===t)),new Set("String {success, info, warning, error}"),t)}validateVariant(t){s(this,"_variant",(t=>"card"===t||"msg"===t),new Set("AlertVariant {card, msg}"),t)}componentWillLoad(){this.validateAlert(this._alert),this.validateHasCloser(this._hasCloser),this.validateHeading(this._heading),this.validateLevel(this._level),this.validateOn(this._on),this.validateType(this._type),this.validateVariant(this._variant)}static get watchers(){return{_alert:["validateAlert"],_hasCloser:["validateHasCloser"],_heading:["validateHeading"],_level:["validateLevel"],_on:["validateOn"],_type:["validateType"],_variant:["validateVariant"]}}};p.style={default:'*,::before,::after{-webkit-box-sizing:border-box;box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--kolibri-border-color)}*{--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:var(--kolibri-color);--tw-ring-color:rgba(undefined, 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000}:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}::moz-focus-inner{border-style:none;padding:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=\'search\']{-webkit-appearance:textfield;outline-offset:-2px}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}a{color:inherit;text-decoration:inherit}body{margin:0;font-family:inherit;line-height:inherit}b{font-weight:bolder}button,select{text-transform:none}button,[type=\'button\'],[type=\'reset\'],[type=\'submit\']{-webkit-appearance:button}button{background-color:transparent;background-image:none}button,[role="button"]{cursor:pointer}code{font-size:1em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}fieldset{margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";line-height:1.5}h1,p,h2,h3,h4,h5,h6{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}input,button,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;padding:0;line-height:inherit;color:inherit}input::placeholder{opacity:1;color:#9ca3af}input::webkit-input-placeholder{opacity:1;color:#9ca3af}input::-moz-placeholder{opacity:1;color:#9ca3af}input:-ms-input-placeholder{opacity:1;color:#9ca3af}input::-ms-input-placeholder{opacity:1;color:#9ca3af}legend{padding:0}progress{vertical-align:baseline}small{font-size:80%}svg{display:block;vertical-align:middle}table{text-indent:0;border-color:inherit;border-collapse:collapse}textarea{resize:vertical}textarea::placeholder{opacity:1;color:#9ca3af}textarea::webkit-input-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}textarea:-ms-input-placeholder{opacity:1;color:#9ca3af}textarea::-ms-input-placeholder{opacity:1;color:#9ca3af}ul,ol{list-style:none;margin:0;padding:0}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.bg-normal{background-color:var(--kolibri-color-normal)}.bg-white{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity))}.bg-spin-1{background-color:var(--kolibri-color-spin-1)}.bg-spin-2{background-color:var(--kolibri-color-spin-2)}.bg-spin-3{background-color:var(--kolibri-color-spin-3)}.rounded{border-radius:var(--kolibri-border-radius)}.border-1{border-width:1px}.cursor-pointer{cursor:pointer}.block{display:block}.inline-block{display:inline-block}.flex{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.inline-flex{display:-webkit-inline-box;display:-ms-inline-flexbox;display:-webkit-inline-flex;display:inline-flex}.table{display:table}.grid{display:-ms-grid;display:grid}.hidden{display:none}.flex-wrap{-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.items-center{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.content-center{-ms-flex-line-pack:center;-webkit-align-content:center;align-content:center}.float-left{float:left}.font-80{font-weight:80}.font-60{font-weight:60}.h-full{height:100%}.h-0{height:0px}.h-0\\.41c-2\\.42\\2c 0-4\\.82-1\\.57-4\\.82-3\\.58c0\\.05-0\\.98\\2c 0\\.43-1\\.91\\2c 1\\.07-2\\.65c0\\.3\\2c 0\\.05\\2c 0\\.61\\2c 0\\.09\\2c 0\\.92\\2c 0\\.09c1\\.1\\2c 0\\2c 1\\.69-0\\.58\\2c 1\\.74-1\\.16{height:0.29rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.leading-normal{line-height:1.5}.list-none{list-style-type:none}.list-disc{list-style-type:disc}.list-decimal{list-style-type:decimal}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:calc(1 * var(--kolibri-spacing))}.mr-2{margin-right:calc(2 * var(--kolibri-spacing))}.ml-2{margin-left:calc(2 * var(--kolibri-spacing))}.mt-2{margin-top:calc(2 * var(--kolibri-spacing))}.mt-4{margin-top:calc(4 * var(--kolibri-spacing))}.outline{outline-style:solid}.overflow-hidden{overflow:hidden}.overflow-y-visible{overflow-y:visible}.p-2{padding:calc(2 * var(--kolibri-spacing))}.p-4{padding:calc(4 * var(--kolibri-spacing))}.px{padding-left:1px;padding-right:1px}.py-2{padding-top:calc(2 * var(--kolibri-spacing));padding-bottom:calc(2 * var(--kolibri-spacing))}.pl-8{padding-left:2rem}.pb-2{padding-bottom:calc(2 * var(--kolibri-spacing))}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4}.absolute{position:absolute}.text-center{text-align:center}.text-normal{color:var(--kolibri-color-normal)}.hover\\:text-primary:hover{color:var(--kolibri-color-primary)}.italic{font-style:italic}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.indent{text-indent:1.5rem}.visible{visibility:visible}.w-full{width:100%}.w-4\\/5{width:80%}.z-50{z-index:50}.gap-1{grid-gap:calc(1 * var(--kolibri-spacing));gap:calc(1 * var(--kolibri-spacing))}.gap-2{grid-gap:calc(2 * var(--kolibri-spacing));gap:calc(2 * var(--kolibri-spacing))}.grid-flow-col{grid-auto-flow:column}.transform{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate:0;--tw-rotate-x:0;--tw-rotate-y:0;--tw-rotate-z:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;-webkit-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));-ms-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z))}.animate{-webkit-animation-iteration-count:1;animation-iteration-count:1}.filter{--tw-blur:var(--tw-empty, );--tw-brightness:var(--tw-empty, );--tw-contrast:var(--tw-empty, );--tw-grayscale:var(--tw-empty, );--tw-hue-rotate:var(--tw-empty, );--tw-invert:var(--tw-empty, );--tw-saturate:var(--tw-empty, );--tw-sepia:var(--tw-empty, );--tw-drop-shadow:var(--tw-empty, );-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}:host *{-ms-hyphens:var(--kolibri-hyphens);-webkit-hyphens:var(--kolibri-hyphens);hyphens:var(--kolibri-hyphens);font-family:var(--kolibri-font-family);line-height:var(--kolibri-line-height);word-break:break-word}:host *{box-sizing:border-box}:host>div{background-color:white;border-color:white;border-width:1px;border-radius:0.5rem;border-style:solid;display:flex;width:100%;overflow:hidden}:host>div.error{border-color:var(--kolibri-color-error)}:host>div.error .icon{background-color:var(--kolibri-color-error)}:host>div.info{border-color:var(--kolibri-color-info)}:host>div.info .icon{background-color:var(--kolibri-color-info)}:host>div.success{border-color:var(--kolibri-color-success)}:host>div.success .icon{background-color:var(--kolibri-color-success)}:host>div.warning{border-color:var(--kolibri-color-warning)}:host>div.warning .icon{background-color:var(--kolibri-color-warning)}:host>div .icon{color:white;display:inline-block;padding:0 0.25rem}:host>div>div{display:grid}:host>div>div .heading{padding:0 0.25rem;display:inline-block}:host>div>div .heading .icon{margin-left:-0.25rem;margin-right:0.25rem;border-radius:0 0 0.25rem 0}:host>div>div>div:last-child{padding:0.25rem}'};export{p as kol_alert};
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * KoliBri - The accessible HTML-Standard
3
3
  */
4
- import{r as t,h as i,H as e}from"./index-a9774259.js";import{N as o}from"./color-d69786a5.js";import{f as r,d as a}from"./a11y.tipps-d591ee77.js";import{r as n,a as l,o as s,p as c,s as p}from"./prop.validators-4d9cba3b.js";import{s as d}from"./index.m-86dc8c44.js";import{c as b}from"./index-e722bdb7.js";import"./dev.utils-daaf2f39.js";import"./index-d870d3e1.js";import"./index-1b8b837d.js";const h=(t,i,o,e=1)=>{const r=[Math.max(Math.min(Math.round(i[0]+e*Math.max(1,i[0]/100)),255),0),Math.max(Math.min(Math.round(i[1]+e*Math.max(1,i[1]/100)),255),0),Math.max(Math.min(Math.round(i[2]+e*Math.max(1,i[2]/100)),255),0)],a=d(n.hex(`rgba(${t.join(",")},1)`),n.hex(`rgba(${r.join(",")},1)`)),l=r[0]+r[1]+r[2];return 0===l||765===l||a>o?r:h(t,r,o,e)},m=new Map,g=(t,i=7)=>{let o=[0,0,0,1],e=[255,255,255,1];return"string"==typeof t?(o=b(t),e=o):"object"==typeof t&&null!==t&&"string"==typeof t.baseColor&&(o=b(t.baseColor),e="string"==typeof t.contrastColor?b(t.contrastColor):o),e=[...((t,i,o,e=1)=>{if(m.has(t))return m.get(t);const r=h(t,i,o,e);return m.set(t,r),r})([o[0],o[1],o[2]],[e[0],e[1],e[2]],i,(299*o[0]+587*o[1]+114*o[2])/1e3>=128?-1:1),1],{baseColor:n.hex(`rgba(${o.join(",")})`),contrastColor:n.hex(`rgba(${e.join(",")})`)}};r("[KolBadge] Optimierung des _color-Properties (rgba, rgb, hex usw.).");const w=/^([a-f0-9]{3}|[a-f0-9]{6})$/,u=class{constructor(i){t(this,i),this.bgColorStr="#000",this.colorStr="#fff",this.handleColorChange=t=>{let i,o=t;"string"==typeof o?(w.test(o)&&(a("[KolBadge] Bitte verwenden Sie zukünftig nur noch das Standard-Farbformat für CSS (https://developer.mozilla.org/en-US/docs/Web/CSS/color_value)."),o=`#${o}`),i=g(o)):i=g({baseColor:o.backgroundColor,contrastColor:o.color}),this.bgColorStr=i.baseColor,this.colorStr=i.contrastColor},this._color=o.Schwarz,this._icon=void 0,this._iconAlign="left",this._iconOnly=!1,this._label=void 0,this._smartButton=void 0,this.state={_color:o.Schwarz}}render(){return i(e,null,i("kol-span-wc",{class:{"smart-button":"object"==typeof this._smartButton&&null!==this._smartButton},_label:this._label,_icon:this._icon,_iconOnly:this._iconOnly,style:{backgroundColor:this.bgColorStr,color:this.colorStr}}),"object"==typeof this._smartButton&&null!==this._smartButton&&i("kol-button-wc",{_ariaLabel:this._smartButton._ariaLabel,_customClass:this._smartButton._customClass,_disabled:this._smartButton._disabled,_icon:this._smartButton._icon,_iconOnly:!0,_id:this._smartButton._id,_label:this._smartButton._label,_on:this._smartButton._on,_tooltipAlign:this._smartButton._tooltipAlign,_variant:this._smartButton._variant}))}validateColor(t){l(this,"_color",(t=>"string"==typeof t||"object"==typeof t&&null!==t),new Set(["string","KoliBriColor"]),t,{defaultValue:o.Schwarz,hooks:{beforePatch:this.handleColorChange}})}validateSmartButton(t){s(t,(()=>{try{t=c(t)}catch(t){}p(this,"_smartButton",t)}))}componentWillLoad(){this.validateColor(this._color),this.validateSmartButton(this._smartButton)}static get watchers(){return{_color:["validateColor"],_smartButton:["validateSmartButton"]}}};u.style={default:'*,::before,::after{-webkit-box-sizing:border-box;box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--kolibri-border-color)}*{--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:var(--kolibri-color);--tw-ring-color:rgba(undefined, 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000}:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}::moz-focus-inner{border-style:none;padding:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=\'search\']{-webkit-appearance:textfield;outline-offset:-2px}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}a{color:inherit;text-decoration:inherit}body{margin:0;font-family:inherit;line-height:inherit}button,select{text-transform:none}button,[type=\'button\'],[type=\'reset\'],[type=\'submit\']{-webkit-appearance:button}button{background-color:transparent;background-image:none}button,[role="button"]{cursor:pointer}code{font-size:1em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}fieldset{margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";line-height:1.5}h1,p,h2,h3,h4,h5,h6{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}input,button,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;padding:0;line-height:inherit;color:inherit}input::placeholder{opacity:1;color:#9ca3af}input::webkit-input-placeholder{opacity:1;color:#9ca3af}input::-moz-placeholder{opacity:1;color:#9ca3af}input:-ms-input-placeholder{opacity:1;color:#9ca3af}input::-ms-input-placeholder{opacity:1;color:#9ca3af}legend{padding:0}progress{vertical-align:baseline}small{font-size:80%}svg{display:block;vertical-align:middle}table{text-indent:0;border-color:inherit;border-collapse:collapse}textarea{resize:vertical}textarea::placeholder{opacity:1;color:#9ca3af}textarea::webkit-input-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}textarea:-ms-input-placeholder{opacity:1;color:#9ca3af}textarea::-ms-input-placeholder{opacity:1;color:#9ca3af}ul,ol{list-style:none;margin:0;padding:0}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.bg-normal{background-color:var(--kolibri-color-normal)}.bg-white{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity))}.bg-spin-1{background-color:var(--kolibri-color-spin-1)}.bg-spin-2{background-color:var(--kolibri-color-spin-2)}.bg-spin-3{background-color:var(--kolibri-color-spin-3)}.rounded{border-radius:var(--kolibri-border-radius)}.border-1{border-width:1px}.cursor-pointer{cursor:pointer}.block{display:block}.inline-block{display:inline-block}.flex{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.inline-flex{display:-webkit-inline-box;display:-ms-inline-flexbox;display:-webkit-inline-flex;display:inline-flex}.table{display:table}.grid{display:-ms-grid;display:grid}.hidden{display:none}.flex-wrap{-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.items-center{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.content-center{-ms-flex-line-pack:center;-webkit-align-content:center;align-content:center}.float-left{float:left}.h-full{height:100%}.h-0{height:0px}.h-0\\.41c-2\\.42\\2c 0-4\\.82-1\\.57-4\\.82-3\\.58c0\\.05-0\\.98\\2c 0\\.43-1\\.91\\2c 1\\.07-2\\.65c0\\.3\\2c 0\\.05\\2c 0\\.61\\2c 0\\.09\\2c 0\\.92\\2c 0\\.09c1\\.1\\2c 0\\2c 1\\.69-0\\.58\\2c 1\\.74-1\\.16{height:0.29rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.leading-normal{line-height:1.5}.list-none{list-style-type:none}.list-disc{list-style-type:disc}.list-decimal{list-style-type:decimal}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:calc(1 * var(--kolibri-spacing))}.mr-2{margin-right:calc(2 * var(--kolibri-spacing))}.ml-2{margin-left:calc(2 * var(--kolibri-spacing))}.mt-2{margin-top:calc(2 * var(--kolibri-spacing))}.mt-4{margin-top:calc(4 * var(--kolibri-spacing))}.outline{outline-style:solid}.overflow-y-visible{overflow-y:visible}.px{padding-left:1px;padding-right:1px}.pl-8{padding-left:2rem}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4}.absolute{position:absolute}.text-center{text-align:center}.text-normal{color:var(--kolibri-color-normal)}.hover\\:text-primary:hover{color:var(--kolibri-color-primary)}.italic{font-style:italic}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.indent{text-indent:1.5rem}.visible{visibility:visible}.w-full{width:100%}.w-4\\/5{width:80%}.z-50{z-index:50}.gap-1{grid-gap:calc(1 * var(--kolibri-spacing));gap:calc(1 * var(--kolibri-spacing))}.grid-flow-col{grid-auto-flow:column}.animate{-webkit-animation-iteration-count:1;animation-iteration-count:1}.filter{--tw-blur:var(--tw-empty, );--tw-brightness:var(--tw-empty, );--tw-contrast:var(--tw-empty, );--tw-grayscale:var(--tw-empty, );--tw-hue-rotate:var(--tw-empty, );--tw-invert:var(--tw-empty, );--tw-saturate:var(--tw-empty, );--tw-sepia:var(--tw-empty, );--tw-drop-shadow:var(--tw-empty, );-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}:host *{-ms-hyphens:var(--kolibri-hyphens);-webkit-hyphens:var(--kolibri-hyphens);hyphens:var(--kolibri-hyphens);font-family:var(--kolibri-font-family);line-height:var(--kolibri-line-height);word-break:break-word}span{display:inline-block;border-radius:var(--kolibri-border-radius);padding-left:calc(2 * var(--kolibri-spacing));padding-right:calc(2 * var(--kolibri-spacing));padding-top:0.125rem;padding-bottom:0.125rem}'};export{u as kol_badge};
4
+ import{r as t,h as a,H as e}from"./index-a9774259.js";import{N as r}from"./color-d69786a5.js";import{f as i,d as o}from"./a11y.tipps-d591ee77.js";import{r as l,a as n,o as s,p as c,s as p}from"./prop.validators-82b345aa.js";import{s as d}from"./index.m-86dc8c44.js";import{c as b}from"./index-e722bdb7.js";import"./dev.utils-daaf2f39.js";import"./index-d870d3e1.js";import"./index-1b8b837d.js";const w=(t,a,e,r=1)=>{const o=[Math.max(Math.min(Math.round(a[0]+r*Math.max(1,a[0]/100)),255),0),Math.max(Math.min(Math.round(a[1]+r*Math.max(1,a[1]/100)),255),0),Math.max(Math.min(Math.round(a[2]+r*Math.max(1,a[2]/100)),255),0)],i=d(l.hex(`rgba(${t.join(",")},1)`),l.hex(`rgba(${o.join(",")},1)`)),n=o[0]+o[1]+o[2];return 0===n||765===n||i>e?o:w(t,o,e,r)},h=new Map,g=(t,a=7)=>{let e=[0,0,0,1],r=[255,255,255,1];return"string"==typeof t?(e=b(t),r=e):"object"==typeof t&&null!==t&&"string"==typeof t.baseColor&&(e=b(t.baseColor),r="string"==typeof t.contrastColor?b(t.contrastColor):e),r=[...((t,a,e,r=1)=>{if(h.has(t))return h.get(t);const o=w(t,a,e,r);return h.set(t,o),o})([e[0],e[1],e[2]],[r[0],r[1],r[2]],a,(299*e[0]+587*e[1]+114*e[2])/1e3>=128?-1:1),1],{baseColor:l.hex(`rgba(${e.join(",")})`),contrastColor:l.hex(`rgba(${r.join(",")})`)}};i("[KolBadge] Optimierung des _color-Properties (rgba, rgb, hex usw.).");const m=/^([a-f0-9]{3}|[a-f0-9]{6})$/,v=class{constructor(a){t(this,a),this.bgColorStr="#000",this.colorStr="#fff",this.handleColorChange=t=>{let a,e=t;"string"==typeof e?(m.test(e)&&(o("[KolBadge] Bitte verwenden Sie zukünftig nur noch das Standard-Farbformat für CSS (https://developer.mozilla.org/en-US/docs/Web/CSS/color_value)."),e=`#${e}`),a=g(e)):a=g({baseColor:e.backgroundColor,contrastColor:e.color}),this.bgColorStr=a.baseColor,this.colorStr=a.contrastColor},this._color=r.Schwarz,this._icon=void 0,this._iconAlign="left",this._iconOnly=!1,this._label=void 0,this._smartButton=void 0,this.state={_color:r.Schwarz}}render(){return a(e,null,a("kol-span-wc",{class:{"smart-button":"object"==typeof this.state._smartButton&&null!==this.state._smartButton},_label:this._label,_icon:this._icon,_iconOnly:this._iconOnly,style:{backgroundColor:this.bgColorStr,color:this.colorStr}}),"object"==typeof this.state._smartButton&&null!==this.state._smartButton&&a("kol-button-wc",{_ariaLabel:this.state._smartButton._ariaLabel,_customClass:this.state._smartButton._customClass,_disabled:this.state._smartButton._disabled,_icon:this.state._smartButton._icon,_iconOnly:!0,_id:this.state._smartButton._id,_label:this.state._smartButton._label,_on:this.state._smartButton._on,_tooltipAlign:this.state._smartButton._tooltipAlign,_variant:this.state._smartButton._variant}))}validateColor(t){n(this,"_color",(t=>"string"==typeof t||"object"==typeof t&&null!==t),new Set(["string","KoliBriColor"]),t,{defaultValue:r.Schwarz,hooks:{beforePatch:this.handleColorChange}})}validateSmartButton(t){s(t,(()=>{try{t=c(t)}catch(t){}p(this,"_smartButton",t)}))}componentWillLoad(){this.validateColor(this._color),this.validateSmartButton(this._smartButton)}static get watchers(){return{_color:["validateColor"],_smartButton:["validateSmartButton"]}}};v.style={default:'*,::before,::after{-webkit-box-sizing:border-box;box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--kolibri-border-color)}*{--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:var(--kolibri-color);--tw-ring-color:rgba(undefined, 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000}:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}::moz-focus-inner{border-style:none;padding:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=\'search\']{-webkit-appearance:textfield;outline-offset:-2px}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}a{color:inherit;text-decoration:inherit}body{margin:0;font-family:inherit;line-height:inherit}b{font-weight:bolder}button,select{text-transform:none}button,[type=\'button\'],[type=\'reset\'],[type=\'submit\']{-webkit-appearance:button}button{background-color:transparent;background-image:none}button,[role="button"]{cursor:pointer}code{font-size:1em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}fieldset{margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";line-height:1.5}h1,p,h2,h3,h4,h5,h6{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}input,button,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;padding:0;line-height:inherit;color:inherit}input::placeholder{opacity:1;color:#9ca3af}input::webkit-input-placeholder{opacity:1;color:#9ca3af}input::-moz-placeholder{opacity:1;color:#9ca3af}input:-ms-input-placeholder{opacity:1;color:#9ca3af}input::-ms-input-placeholder{opacity:1;color:#9ca3af}legend{padding:0}progress{vertical-align:baseline}small{font-size:80%}svg{display:block;vertical-align:middle}table{text-indent:0;border-color:inherit;border-collapse:collapse}textarea{resize:vertical}textarea::placeholder{opacity:1;color:#9ca3af}textarea::webkit-input-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}textarea:-ms-input-placeholder{opacity:1;color:#9ca3af}textarea::-ms-input-placeholder{opacity:1;color:#9ca3af}ul,ol{list-style:none;margin:0;padding:0}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.bg-normal{background-color:var(--kolibri-color-normal)}.bg-white{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity))}.bg-spin-1{background-color:var(--kolibri-color-spin-1)}.bg-spin-2{background-color:var(--kolibri-color-spin-2)}.bg-spin-3{background-color:var(--kolibri-color-spin-3)}.rounded{border-radius:var(--kolibri-border-radius)}.border-1{border-width:1px}.cursor-pointer{cursor:pointer}.block{display:block}.inline-block{display:inline-block}.flex{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.inline-flex{display:-webkit-inline-box;display:-ms-inline-flexbox;display:-webkit-inline-flex;display:inline-flex}.table{display:table}.grid{display:-ms-grid;display:grid}.hidden{display:none}.flex-wrap{-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.items-center{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.content-center{-ms-flex-line-pack:center;-webkit-align-content:center;align-content:center}.float-left{float:left}.font-80{font-weight:80}.font-60{font-weight:60}.h-full{height:100%}.h-0{height:0px}.h-0\\.41c-2\\.42\\2c 0-4\\.82-1\\.57-4\\.82-3\\.58c0\\.05-0\\.98\\2c 0\\.43-1\\.91\\2c 1\\.07-2\\.65c0\\.3\\2c 0\\.05\\2c 0\\.61\\2c 0\\.09\\2c 0\\.92\\2c 0\\.09c1\\.1\\2c 0\\2c 1\\.69-0\\.58\\2c 1\\.74-1\\.16{height:0.29rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.leading-normal{line-height:1.5}.list-none{list-style-type:none}.list-disc{list-style-type:disc}.list-decimal{list-style-type:decimal}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:calc(1 * var(--kolibri-spacing))}.mr-2{margin-right:calc(2 * var(--kolibri-spacing))}.ml-2{margin-left:calc(2 * var(--kolibri-spacing))}.mt-2{margin-top:calc(2 * var(--kolibri-spacing))}.mt-4{margin-top:calc(4 * var(--kolibri-spacing))}.outline{outline-style:solid}.overflow-hidden{overflow:hidden}.overflow-y-visible{overflow-y:visible}.p-2{padding:calc(2 * var(--kolibri-spacing))}.p-4{padding:calc(4 * var(--kolibri-spacing))}.px{padding-left:1px;padding-right:1px}.py-2{padding-top:calc(2 * var(--kolibri-spacing));padding-bottom:calc(2 * var(--kolibri-spacing))}.pl-8{padding-left:2rem}.pb-2{padding-bottom:calc(2 * var(--kolibri-spacing))}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4}.absolute{position:absolute}.text-center{text-align:center}.text-normal{color:var(--kolibri-color-normal)}.hover\\:text-primary:hover{color:var(--kolibri-color-primary)}.italic{font-style:italic}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.indent{text-indent:1.5rem}.visible{visibility:visible}.w-full{width:100%}.w-4\\/5{width:80%}.z-50{z-index:50}.gap-1{grid-gap:calc(1 * var(--kolibri-spacing));gap:calc(1 * var(--kolibri-spacing))}.gap-2{grid-gap:calc(2 * var(--kolibri-spacing));gap:calc(2 * var(--kolibri-spacing))}.grid-flow-col{grid-auto-flow:column}.transform{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate:0;--tw-rotate-x:0;--tw-rotate-y:0;--tw-rotate-z:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;-webkit-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));-ms-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z))}.animate{-webkit-animation-iteration-count:1;animation-iteration-count:1}.filter{--tw-blur:var(--tw-empty, );--tw-brightness:var(--tw-empty, );--tw-contrast:var(--tw-empty, );--tw-grayscale:var(--tw-empty, );--tw-hue-rotate:var(--tw-empty, );--tw-invert:var(--tw-empty, );--tw-saturate:var(--tw-empty, );--tw-sepia:var(--tw-empty, );--tw-drop-shadow:var(--tw-empty, );-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}:host *{-ms-hyphens:var(--kolibri-hyphens);-webkit-hyphens:var(--kolibri-hyphens);hyphens:var(--kolibri-hyphens);font-family:var(--kolibri-font-family);line-height:var(--kolibri-line-height);word-break:break-word}span{display:inline-block;border-radius:var(--kolibri-border-radius);padding-left:calc(2 * var(--kolibri-spacing));padding-right:calc(2 * var(--kolibri-spacing));padding-top:0.125rem;padding-bottom:0.125rem}'};export{v as kol_badge};
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * KoliBri - The accessible HTML-Standard
3
3
  */
4
- import{r as i,h as t,F as e,H as a}from"./index-a9774259.js";import{a as r}from"./a11y.tipps-d591ee77.js";import{w as o}from"./prop.validators-4d9cba3b.js";import{w as n}from"./validation-0ddfb250.js";import"./dev.utils-daaf2f39.js";import"./index.m-86dc8c44.js";import"./index-d870d3e1.js";const l=class{constructor(t){i(this,t),this._ariaLabel=void 0,this._links=void 0,this.state={_ariaLabel:"…",_links:[]}}render(){const i=this.state._links.length-1;return t(a,null,t("nav",{"aria-label":this.state._ariaLabel},t("ul",null,0===this.state._links.length&&t("li",null,t("kol-icon",{_ariaLabel:"",_icon:"fa-solid fa-house"}),"…"),this.state._links.map(((a,r)=>t("li",{key:r},0!==r&&t("kol-icon",{_ariaLabel:"",_icon:"fa-solid fa-angle-right",_part:"separator",exportparts:"separator"}),r===i?t("span",null,a._iconOnly?t("kol-icon",{_ariaLabel:a._label,_icon:"string"==typeof a._icon?a._icon:"fa-solid fa-link-slash"}):t(e,null,a._label)):t("kol-link",Object.assign({exportparts:"link",_useCase:"nav"},a,{_ariaLabel:a._label}),a._label)))))))}validateAriaLabel(t){o(this,"_ariaLabel",t,{required:!0}),r(t)}validateLinks(t){n("KolBreadcrumb",this,t)}componentWillLoad(){this.validateAriaLabel(this._ariaLabel),this.validateLinks(this._links)}static get watchers(){return{_ariaLabel:["validateAriaLabel"],_links:["validateLinks"]}}};l.style={default:'*,::before,::after{-webkit-box-sizing:border-box;box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--kolibri-border-color)}*{--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:var(--kolibri-color);--tw-ring-color:rgba(undefined, 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000}:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}::moz-focus-inner{border-style:none;padding:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=\'search\']{-webkit-appearance:textfield;outline-offset:-2px}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}a{color:inherit;text-decoration:inherit}body{margin:0;font-family:inherit;line-height:inherit}button,select{text-transform:none}button,[type=\'button\'],[type=\'reset\'],[type=\'submit\']{-webkit-appearance:button}button{background-color:transparent;background-image:none}button,[role="button"]{cursor:pointer}code{font-size:1em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}fieldset{margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";line-height:1.5}h1,p,h2,h3,h4,h5,h6{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}input,button,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;padding:0;line-height:inherit;color:inherit}input::placeholder{opacity:1;color:#9ca3af}input::webkit-input-placeholder{opacity:1;color:#9ca3af}input::-moz-placeholder{opacity:1;color:#9ca3af}input:-ms-input-placeholder{opacity:1;color:#9ca3af}input::-ms-input-placeholder{opacity:1;color:#9ca3af}legend{padding:0}progress{vertical-align:baseline}small{font-size:80%}svg{display:block;vertical-align:middle}table{text-indent:0;border-color:inherit;border-collapse:collapse}textarea{resize:vertical}textarea::placeholder{opacity:1;color:#9ca3af}textarea::webkit-input-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}textarea:-ms-input-placeholder{opacity:1;color:#9ca3af}textarea::-ms-input-placeholder{opacity:1;color:#9ca3af}ul,ol{list-style:none;margin:0;padding:0}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.bg-normal{background-color:var(--kolibri-color-normal)}.bg-white{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity))}.bg-spin-1{background-color:var(--kolibri-color-spin-1)}.bg-spin-2{background-color:var(--kolibri-color-spin-2)}.bg-spin-3{background-color:var(--kolibri-color-spin-3)}.rounded{border-radius:var(--kolibri-border-radius)}.border-1{border-width:1px}.cursor-pointer{cursor:pointer}.block{display:block}.inline-block{display:inline-block}.flex{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.inline-flex{display:-webkit-inline-box;display:-ms-inline-flexbox;display:-webkit-inline-flex;display:inline-flex}.table{display:table}.grid{display:-ms-grid;display:grid}.hidden{display:none}.flex-wrap{-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.items-center{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.content-center{-ms-flex-line-pack:center;-webkit-align-content:center;align-content:center}.float-left{float:left}.h-full{height:100%}.h-0{height:0px}.h-0\\.41c-2\\.42\\2c 0-4\\.82-1\\.57-4\\.82-3\\.58c0\\.05-0\\.98\\2c 0\\.43-1\\.91\\2c 1\\.07-2\\.65c0\\.3\\2c 0\\.05\\2c 0\\.61\\2c 0\\.09\\2c 0\\.92\\2c 0\\.09c1\\.1\\2c 0\\2c 1\\.69-0\\.58\\2c 1\\.74-1\\.16{height:0.29rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.leading-normal{line-height:1.5}.list-none{list-style-type:none}.list-disc{list-style-type:disc}.list-decimal{list-style-type:decimal}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:calc(1 * var(--kolibri-spacing))}.mr-2{margin-right:calc(2 * var(--kolibri-spacing))}.ml-2{margin-left:calc(2 * var(--kolibri-spacing))}.mt-2{margin-top:calc(2 * var(--kolibri-spacing))}.mt-4{margin-top:calc(4 * var(--kolibri-spacing))}.outline{outline-style:solid}.overflow-y-visible{overflow-y:visible}.px{padding-left:1px;padding-right:1px}.pl-8{padding-left:2rem}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4}.absolute{position:absolute}.text-center{text-align:center}.text-normal{color:var(--kolibri-color-normal)}.hover\\:text-primary:hover{color:var(--kolibri-color-primary)}.italic{font-style:italic}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.indent{text-indent:1.5rem}.visible{visibility:visible}.w-full{width:100%}.w-4\\/5{width:80%}.z-50{z-index:50}.gap-1{grid-gap:calc(1 * var(--kolibri-spacing));gap:calc(1 * var(--kolibri-spacing))}.grid-flow-col{grid-auto-flow:column}.animate{-webkit-animation-iteration-count:1;animation-iteration-count:1}.filter{--tw-blur:var(--tw-empty, );--tw-brightness:var(--tw-empty, );--tw-contrast:var(--tw-empty, );--tw-grayscale:var(--tw-empty, );--tw-hue-rotate:var(--tw-empty, );--tw-invert:var(--tw-empty, );--tw-saturate:var(--tw-empty, );--tw-sepia:var(--tw-empty, );--tw-drop-shadow:var(--tw-empty, );-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}:host *{-ms-hyphens:var(--kolibri-hyphens);-webkit-hyphens:var(--kolibri-hyphens);hyphens:var(--kolibri-hyphens);font-family:var(--kolibri-font-family);line-height:var(--kolibri-line-height);word-break:break-word}'};export{l as kol_breadcrumb};
4
+ import{r as t,h as a,F as e,H as i}from"./index-a9774259.js";import{a as r}from"./a11y.tipps-d591ee77.js";import{w as o}from"./prop.validators-82b345aa.js";import{w as l}from"./validation-54731d67.js";import"./dev.utils-daaf2f39.js";import"./index.m-86dc8c44.js";import"./index-d870d3e1.js";const n=class{constructor(a){t(this,a),this._ariaLabel=void 0,this._links=void 0,this.state={_ariaLabel:"…",_links:[]}}render(){const t=this.state._links.length-1;return a(i,null,a("nav",{"aria-label":this.state._ariaLabel},a("ul",null,0===this.state._links.length&&a("li",null,a("kol-icon",{_ariaLabel:"",_icon:"fa-solid fa-house"}),"…"),this.state._links.map(((i,r)=>a("li",{key:r},0!==r&&a("kol-icon",{_ariaLabel:"",_icon:"fa-solid fa-angle-right",_part:"separator",exportparts:"separator"}),r===t?a("span",null,i._iconOnly?a("kol-icon",{_ariaLabel:i._label,_icon:"string"==typeof i._icon?i._icon:"fa-solid fa-link-slash"}):a(e,null,i._label)):a("kol-link",Object.assign({exportparts:"link",_useCase:"nav"},i,{_ariaLabel:i._label}),i._label)))))))}validateAriaLabel(t){o(this,"_ariaLabel",t,{required:!0}),r(t)}validateLinks(t){l("KolBreadcrumb",this,t)}componentWillLoad(){this.validateAriaLabel(this._ariaLabel),this.validateLinks(this._links)}static get watchers(){return{_ariaLabel:["validateAriaLabel"],_links:["validateLinks"]}}};n.style={default:'*,::before,::after{-webkit-box-sizing:border-box;box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--kolibri-border-color)}*{--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:var(--kolibri-color);--tw-ring-color:rgba(undefined, 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000}:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}::moz-focus-inner{border-style:none;padding:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=\'search\']{-webkit-appearance:textfield;outline-offset:-2px}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}a{color:inherit;text-decoration:inherit}body{margin:0;font-family:inherit;line-height:inherit}b{font-weight:bolder}button,select{text-transform:none}button,[type=\'button\'],[type=\'reset\'],[type=\'submit\']{-webkit-appearance:button}button{background-color:transparent;background-image:none}button,[role="button"]{cursor:pointer}code{font-size:1em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}fieldset{margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";line-height:1.5}h1,p,h2,h3,h4,h5,h6{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}input,button,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;padding:0;line-height:inherit;color:inherit}input::placeholder{opacity:1;color:#9ca3af}input::webkit-input-placeholder{opacity:1;color:#9ca3af}input::-moz-placeholder{opacity:1;color:#9ca3af}input:-ms-input-placeholder{opacity:1;color:#9ca3af}input::-ms-input-placeholder{opacity:1;color:#9ca3af}legend{padding:0}progress{vertical-align:baseline}small{font-size:80%}svg{display:block;vertical-align:middle}table{text-indent:0;border-color:inherit;border-collapse:collapse}textarea{resize:vertical}textarea::placeholder{opacity:1;color:#9ca3af}textarea::webkit-input-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}textarea:-ms-input-placeholder{opacity:1;color:#9ca3af}textarea::-ms-input-placeholder{opacity:1;color:#9ca3af}ul,ol{list-style:none;margin:0;padding:0}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.bg-normal{background-color:var(--kolibri-color-normal)}.bg-white{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity))}.bg-spin-1{background-color:var(--kolibri-color-spin-1)}.bg-spin-2{background-color:var(--kolibri-color-spin-2)}.bg-spin-3{background-color:var(--kolibri-color-spin-3)}.rounded{border-radius:var(--kolibri-border-radius)}.border-1{border-width:1px}.cursor-pointer{cursor:pointer}.block{display:block}.inline-block{display:inline-block}.flex{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.inline-flex{display:-webkit-inline-box;display:-ms-inline-flexbox;display:-webkit-inline-flex;display:inline-flex}.table{display:table}.grid{display:-ms-grid;display:grid}.hidden{display:none}.flex-wrap{-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.items-center{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.content-center{-ms-flex-line-pack:center;-webkit-align-content:center;align-content:center}.float-left{float:left}.font-80{font-weight:80}.font-60{font-weight:60}.h-full{height:100%}.h-0{height:0px}.h-0\\.41c-2\\.42\\2c 0-4\\.82-1\\.57-4\\.82-3\\.58c0\\.05-0\\.98\\2c 0\\.43-1\\.91\\2c 1\\.07-2\\.65c0\\.3\\2c 0\\.05\\2c 0\\.61\\2c 0\\.09\\2c 0\\.92\\2c 0\\.09c1\\.1\\2c 0\\2c 1\\.69-0\\.58\\2c 1\\.74-1\\.16{height:0.29rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.leading-normal{line-height:1.5}.list-none{list-style-type:none}.list-disc{list-style-type:disc}.list-decimal{list-style-type:decimal}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:calc(1 * var(--kolibri-spacing))}.mr-2{margin-right:calc(2 * var(--kolibri-spacing))}.ml-2{margin-left:calc(2 * var(--kolibri-spacing))}.mt-2{margin-top:calc(2 * var(--kolibri-spacing))}.mt-4{margin-top:calc(4 * var(--kolibri-spacing))}.outline{outline-style:solid}.overflow-hidden{overflow:hidden}.overflow-y-visible{overflow-y:visible}.p-2{padding:calc(2 * var(--kolibri-spacing))}.p-4{padding:calc(4 * var(--kolibri-spacing))}.px{padding-left:1px;padding-right:1px}.py-2{padding-top:calc(2 * var(--kolibri-spacing));padding-bottom:calc(2 * var(--kolibri-spacing))}.pl-8{padding-left:2rem}.pb-2{padding-bottom:calc(2 * var(--kolibri-spacing))}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4}.absolute{position:absolute}.text-center{text-align:center}.text-normal{color:var(--kolibri-color-normal)}.hover\\:text-primary:hover{color:var(--kolibri-color-primary)}.italic{font-style:italic}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.indent{text-indent:1.5rem}.visible{visibility:visible}.w-full{width:100%}.w-4\\/5{width:80%}.z-50{z-index:50}.gap-1{grid-gap:calc(1 * var(--kolibri-spacing));gap:calc(1 * var(--kolibri-spacing))}.gap-2{grid-gap:calc(2 * var(--kolibri-spacing));gap:calc(2 * var(--kolibri-spacing))}.grid-flow-col{grid-auto-flow:column}.transform{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate:0;--tw-rotate-x:0;--tw-rotate-y:0;--tw-rotate-z:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;-webkit-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));-ms-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z))}.animate{-webkit-animation-iteration-count:1;animation-iteration-count:1}.filter{--tw-blur:var(--tw-empty, );--tw-brightness:var(--tw-empty, );--tw-contrast:var(--tw-empty, );--tw-grayscale:var(--tw-empty, );--tw-hue-rotate:var(--tw-empty, );--tw-invert:var(--tw-empty, );--tw-saturate:var(--tw-empty, );--tw-sepia:var(--tw-empty, );--tw-drop-shadow:var(--tw-empty, );-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}:host *{-ms-hyphens:var(--kolibri-hyphens);-webkit-hyphens:var(--kolibri-hyphens);hyphens:var(--kolibri-hyphens);font-family:var(--kolibri-font-family);line-height:var(--kolibri-line-height);word-break:break-word}'};export{n as kol_breadcrumb};