@public-ui/components 2.2.11 → 3.0.0-0a564237c37a5d1ca12470bdd73e4ea1eac06982.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (1570) hide show
  1. package/custom-elements.json +290 -680
  2. package/dist/cjs/Alert-fe32c539.js +4 -0
  3. package/dist/cjs/Alert-fe32c539.js.map +1 -0
  4. package/dist/cjs/Collapsible-4ca71fd6.js +4 -0
  5. package/dist/cjs/Collapsible-4ca71fd6.js.map +1 -0
  6. package/dist/cjs/CustomSuggestionsOptionsGroup-218ef4fb.js +4 -0
  7. package/dist/cjs/CustomSuggestionsOptionsGroup-218ef4fb.js.map +1 -0
  8. package/dist/cjs/FieldControlStateWrapper-93112c76.js +4 -0
  9. package/dist/cjs/FieldControlStateWrapper-93112c76.js.map +1 -0
  10. package/dist/cjs/Heading-34ee96af.js +4 -0
  11. package/dist/cjs/Heading-34ee96af.js.map +1 -0
  12. package/dist/cjs/Icon-fd91b30e.js +4 -0
  13. package/dist/cjs/Icon-fd91b30e.js.map +1 -0
  14. package/dist/cjs/Input-ffc26107.js +4 -0
  15. package/dist/cjs/Input-ffc26107.js.map +1 -0
  16. package/dist/cjs/InputStateWrapper-6b2effff.js +4 -0
  17. package/dist/cjs/InputStateWrapper-6b2effff.js.map +1 -0
  18. package/dist/cjs/InternalUnderlinedBadgeText-ec26f7f6.js +4 -0
  19. package/dist/cjs/InternalUnderlinedBadgeText-ec26f7f6.js.map +1 -0
  20. package/dist/cjs/Span-44005167.js +4 -0
  21. package/dist/cjs/Span-44005167.js.map +1 -0
  22. package/dist/cjs/access-and-short-key-c9b6eca5.js +4 -0
  23. package/dist/cjs/access-and-short-key-c9b6eca5.js.map +1 -0
  24. package/dist/cjs/align-93a03292.js +4 -0
  25. package/dist/cjs/align-93a03292.js.map +1 -0
  26. package/dist/cjs/align-floating-elements-f88156a1.js +4 -0
  27. package/dist/cjs/align-floating-elements-f88156a1.js.map +1 -0
  28. package/dist/cjs/app-globals-a8c62c1a.js +4 -0
  29. package/dist/cjs/app-globals-a8c62c1a.js.map +1 -0
  30. package/dist/cjs/associated.controller-9b900f21.js +4 -0
  31. package/dist/cjs/associated.controller-9b900f21.js.map +1 -0
  32. package/dist/cjs/bem-85316256.js +4 -0
  33. package/dist/cjs/bem-85316256.js.map +1 -0
  34. package/dist/cjs/bem-c7c596d7.js +4 -0
  35. package/dist/cjs/bem-c7c596d7.js.map +1 -0
  36. package/dist/cjs/browser-4433089a.js +4 -0
  37. package/dist/cjs/browser-4433089a.js.map +1 -0
  38. package/dist/cjs/button-variant-9968f6a1.js +4 -0
  39. package/dist/cjs/button-variant-9968f6a1.js.map +1 -0
  40. package/dist/cjs/color-dc09cdf5.js +4 -0
  41. package/dist/cjs/color-dc09cdf5.js.map +1 -0
  42. package/dist/cjs/component-names-82c4d68d.js +4 -0
  43. package/dist/cjs/component-names-82c4d68d.js.map +1 -0
  44. package/dist/cjs/controller-2ab8bf77.js +4 -0
  45. package/dist/cjs/controller-2ab8bf77.js.map +1 -0
  46. package/dist/cjs/controller-9e02ba64.js +4 -0
  47. package/dist/cjs/controller-9e02ba64.js.map +1 -0
  48. package/dist/cjs/controller-b26368e7.js +4 -0
  49. package/dist/cjs/controller-b26368e7.js.map +1 -0
  50. package/dist/cjs/controller-d926ed4c.js +4 -0
  51. package/dist/cjs/controller-d926ed4c.js.map +1 -0
  52. package/dist/cjs/controller-icon-26a0c9bf.js +4 -0
  53. package/dist/cjs/controller-icon-26a0c9bf.js.map +1 -0
  54. package/dist/cjs/custom-class-38fd2475.js +4 -0
  55. package/dist/cjs/custom-class-38fd2475.js.map +1 -0
  56. package/dist/cjs/dev.utils-c01ed0db.js +4 -0
  57. package/dist/cjs/dev.utils-c01ed0db.js.map +1 -0
  58. package/dist/cjs/devtools-9de2b586.js +4 -0
  59. package/dist/cjs/devtools-9de2b586.js.map +1 -0
  60. package/dist/cjs/disabled-a0110ea5.js +4 -0
  61. package/dist/cjs/disabled-a0110ea5.js.map +1 -0
  62. package/dist/cjs/events-40771c95.js +4 -0
  63. package/dist/cjs/events-40771c95.js.map +1 -0
  64. package/dist/cjs/getRenderStates-528714f9.js +4 -0
  65. package/dist/cjs/getRenderStates-528714f9.js.map +1 -0
  66. package/dist/cjs/has-closer-ef341b5a.js +4 -0
  67. package/dist/cjs/has-closer-ef341b5a.js.map +1 -0
  68. package/dist/cjs/has-counter-759c9aaa.js +4 -0
  69. package/dist/cjs/has-counter-759c9aaa.js.map +1 -0
  70. package/dist/cjs/hide-label-6a0e93be.js +4 -0
  71. package/dist/cjs/hide-label-6a0e93be.js.map +1 -0
  72. package/dist/cjs/href-0a142e94.js +4 -0
  73. package/dist/cjs/href-0a142e94.js.map +1 -0
  74. package/dist/cjs/i18n-0e710ccd.js +4 -0
  75. package/dist/cjs/i18n-0e710ccd.js.map +1 -0
  76. package/dist/cjs/i18n-8c288a27.js +4 -0
  77. package/dist/cjs/i18n-8c288a27.js.map +1 -0
  78. package/dist/cjs/icons-a86d96c3.js +4 -0
  79. package/dist/cjs/icons-a86d96c3.js.map +1 -0
  80. package/dist/cjs/image-source-516d45d9.js +4 -0
  81. package/dist/cjs/image-source-516d45d9.js.map +1 -0
  82. package/dist/cjs/index-58ac5907.js +4 -0
  83. package/dist/cjs/index-58ac5907.js.map +1 -0
  84. package/dist/cjs/index-daa20b89.js +4 -0
  85. package/dist/cjs/index-daa20b89.js.map +1 -0
  86. package/dist/cjs/index.cjs.js +1 -1
  87. package/dist/cjs/index.cjs.js.map +1 -1
  88. package/dist/cjs/isArray-e114fe6e.js +4 -0
  89. package/dist/cjs/isArray-e114fe6e.js.map +1 -0
  90. package/dist/cjs/isObject-6090b636.js +4 -0
  91. package/dist/cjs/isObject-6090b636.js.map +1 -0
  92. package/dist/cjs/kol-abbr.cjs.entry.js +1 -1
  93. package/dist/cjs/kol-abbr.cjs.entry.js.map +1 -1
  94. package/dist/cjs/kol-accordion.cjs.entry.js +1 -1
  95. package/dist/cjs/kol-accordion.cjs.entry.js.map +1 -1
  96. package/dist/cjs/kol-alert-wc.cjs.entry.js +1 -1
  97. package/dist/cjs/kol-alert-wc.cjs.entry.js.map +1 -1
  98. package/dist/cjs/kol-alert.cjs.entry.js +1 -1
  99. package/dist/cjs/kol-alert.cjs.entry.js.map +1 -1
  100. package/dist/cjs/kol-avatar-wc.cjs.entry.js +1 -1
  101. package/dist/cjs/kol-avatar-wc.cjs.entry.js.map +1 -1
  102. package/dist/cjs/kol-avatar.cjs.entry.js +1 -1
  103. package/dist/cjs/kol-avatar.cjs.entry.js.map +1 -1
  104. package/dist/cjs/kol-badge.cjs.entry.js +1 -1
  105. package/dist/cjs/kol-badge.cjs.entry.js.map +1 -1
  106. package/dist/cjs/kol-breadcrumb.cjs.entry.js +1 -1
  107. package/dist/cjs/kol-breadcrumb.cjs.entry.js.map +1 -1
  108. package/dist/cjs/kol-button-link.cjs.entry.js +1 -1
  109. package/dist/cjs/kol-button-link.cjs.entry.js.map +1 -1
  110. package/dist/cjs/kol-button-wc.cjs.entry.js +1 -1
  111. package/dist/cjs/kol-button-wc.cjs.entry.js.map +1 -1
  112. package/dist/cjs/kol-button.cjs.entry.js +1 -1
  113. package/dist/cjs/kol-button.cjs.entry.js.map +1 -1
  114. package/dist/cjs/kol-card.cjs.entry.js +1 -1
  115. package/dist/cjs/kol-card.cjs.entry.js.map +1 -1
  116. package/dist/cjs/kol-combobox.cjs.entry.js +1 -1
  117. package/dist/cjs/kol-combobox.cjs.entry.js.map +1 -1
  118. package/dist/cjs/kol-details.cjs.entry.js +1 -1
  119. package/dist/cjs/kol-details.cjs.entry.js.map +1 -1
  120. package/dist/cjs/kol-drawer.cjs.entry.js +1 -1
  121. package/dist/cjs/kol-drawer.cjs.entry.js.map +1 -1
  122. package/dist/cjs/kol-form.cjs.entry.js +1 -1
  123. package/dist/cjs/kol-form.cjs.entry.js.map +1 -1
  124. package/dist/cjs/kol-heading.cjs.entry.js +1 -1
  125. package/dist/cjs/kol-heading.cjs.entry.js.map +1 -1
  126. package/dist/cjs/kol-icon.cjs.entry.js +1 -1
  127. package/dist/cjs/kol-icon.cjs.entry.js.map +1 -1
  128. package/dist/cjs/kol-image.cjs.entry.js +1 -1
  129. package/dist/cjs/kol-image.cjs.entry.js.map +1 -1
  130. package/dist/cjs/kol-input-checkbox.cjs.entry.js +1 -1
  131. package/dist/cjs/kol-input-checkbox.cjs.entry.js.map +1 -1
  132. package/dist/cjs/kol-input-color.cjs.entry.js +1 -1
  133. package/dist/cjs/kol-input-color.cjs.entry.js.map +1 -1
  134. package/dist/cjs/kol-input-date.cjs.entry.js +1 -1
  135. package/dist/cjs/kol-input-date.cjs.entry.js.map +1 -1
  136. package/dist/cjs/kol-input-email.cjs.entry.js +1 -1
  137. package/dist/cjs/kol-input-email.cjs.entry.js.map +1 -1
  138. package/dist/cjs/kol-input-file.cjs.entry.js +1 -1
  139. package/dist/cjs/kol-input-file.cjs.entry.js.map +1 -1
  140. package/dist/cjs/kol-input-number.cjs.entry.js +1 -1
  141. package/dist/cjs/kol-input-number.cjs.entry.js.map +1 -1
  142. package/dist/cjs/kol-input-password.cjs.entry.js +1 -1
  143. package/dist/cjs/kol-input-password.cjs.entry.js.map +1 -1
  144. package/dist/cjs/kol-input-radio.cjs.entry.js +1 -1
  145. package/dist/cjs/kol-input-radio.cjs.entry.js.map +1 -1
  146. package/dist/cjs/kol-input-range.cjs.entry.js +1 -1
  147. package/dist/cjs/kol-input-range.cjs.entry.js.map +1 -1
  148. package/dist/cjs/kol-input-text.cjs.entry.js +1 -1
  149. package/dist/cjs/kol-input-text.cjs.entry.js.map +1 -1
  150. package/dist/cjs/kol-kolibri.cjs.entry.js +1 -1
  151. package/dist/cjs/kol-kolibri.cjs.entry.js.map +1 -1
  152. package/dist/cjs/kol-link-button.cjs.entry.js +1 -1
  153. package/dist/cjs/kol-link-button.cjs.entry.js.map +1 -1
  154. package/dist/cjs/kol-link-wc.cjs.entry.js +1 -1
  155. package/dist/cjs/kol-link-wc.cjs.entry.js.map +1 -1
  156. package/dist/cjs/kol-link.cjs.entry.js +1 -1
  157. package/dist/cjs/kol-link.cjs.entry.js.map +1 -1
  158. package/dist/cjs/kol-modal.cjs.entry.js +1 -1
  159. package/dist/cjs/kol-modal.cjs.entry.js.map +1 -1
  160. package/dist/cjs/kol-nav.cjs.entry.js +1 -1
  161. package/dist/cjs/kol-nav.cjs.entry.js.map +1 -1
  162. package/dist/cjs/kol-pagination.cjs.entry.js +1 -1
  163. package/dist/cjs/kol-pagination.cjs.entry.js.map +1 -1
  164. package/dist/cjs/kol-popover-button-wc.cjs.entry.js +4 -0
  165. package/dist/cjs/kol-popover-button-wc.cjs.entry.js.map +1 -0
  166. package/dist/cjs/kol-popover-button.cjs.entry.js +1 -1
  167. package/dist/cjs/kol-popover-button.cjs.entry.js.map +1 -1
  168. package/dist/cjs/kol-popover-wc.cjs.entry.js +1 -1
  169. package/dist/cjs/kol-popover-wc.cjs.entry.js.map +1 -1
  170. package/dist/cjs/kol-progress.cjs.entry.js +1 -1
  171. package/dist/cjs/kol-progress.cjs.entry.js.map +1 -1
  172. package/dist/cjs/kol-quote.cjs.entry.js +1 -1
  173. package/dist/cjs/kol-quote.cjs.entry.js.map +1 -1
  174. package/dist/cjs/kol-select.cjs.entry.js +1 -1
  175. package/dist/cjs/kol-select.cjs.entry.js.map +1 -1
  176. package/dist/cjs/kol-single-select.cjs.entry.js +1 -1
  177. package/dist/cjs/kol-single-select.cjs.entry.js.map +1 -1
  178. package/dist/cjs/kol-skip-nav.cjs.entry.js +1 -1
  179. package/dist/cjs/kol-skip-nav.cjs.entry.js.map +1 -1
  180. package/dist/cjs/kol-spin.cjs.entry.js +1 -1
  181. package/dist/cjs/kol-spin.cjs.entry.js.map +1 -1
  182. package/dist/cjs/kol-split-button.cjs.entry.js +1 -1
  183. package/dist/cjs/kol-split-button.cjs.entry.js.map +1 -1
  184. package/dist/cjs/kol-table-settings-wc.cjs.entry.js +4 -0
  185. package/dist/cjs/kol-table-settings-wc.cjs.entry.js.map +1 -0
  186. package/dist/cjs/kol-table-stateful.cjs.entry.js +1 -1
  187. package/dist/cjs/kol-table-stateful.cjs.entry.js.map +1 -1
  188. package/dist/cjs/kol-table-stateless-wc.cjs.entry.js +1 -1
  189. package/dist/cjs/kol-table-stateless-wc.cjs.entry.js.map +1 -1
  190. package/dist/cjs/kol-table-stateless.cjs.entry.js +1 -1
  191. package/dist/cjs/kol-table-stateless.cjs.entry.js.map +1 -1
  192. package/dist/cjs/kol-tabs.cjs.entry.js +1 -1
  193. package/dist/cjs/kol-tabs.cjs.entry.js.map +1 -1
  194. package/dist/cjs/kol-textarea.cjs.entry.js +1 -1
  195. package/dist/cjs/kol-textarea.cjs.entry.js.map +1 -1
  196. package/dist/cjs/kol-toast-container.cjs.entry.js +1 -1
  197. package/dist/cjs/kol-toast-container.cjs.entry.js.map +1 -1
  198. package/dist/cjs/kol-toolbar.cjs.entry.js +1 -1
  199. package/dist/cjs/kol-toolbar.cjs.entry.js.map +1 -1
  200. package/dist/cjs/kol-tooltip-wc.cjs.entry.js +1 -1
  201. package/dist/cjs/kol-tooltip-wc.cjs.entry.js.map +1 -1
  202. package/dist/cjs/kol-tree-item-wc.cjs.entry.js +1 -1
  203. package/dist/cjs/kol-tree-item-wc.cjs.entry.js.map +1 -1
  204. package/dist/cjs/kol-tree-item.cjs.entry.js +1 -1
  205. package/dist/cjs/kol-tree-item.cjs.entry.js.map +1 -1
  206. package/dist/cjs/kol-tree-wc.cjs.entry.js +1 -1
  207. package/dist/cjs/kol-tree-wc.cjs.entry.js.map +1 -1
  208. package/dist/cjs/kol-tree.cjs.entry.js +1 -1
  209. package/dist/cjs/kol-tree.cjs.entry.js.map +1 -1
  210. package/dist/cjs/kol-version.cjs.entry.js +1 -1
  211. package/dist/cjs/kol-version.cjs.entry.js.map +1 -1
  212. package/dist/cjs/kolibri.cjs.js +1 -1
  213. package/dist/cjs/label-ab57738c.js +4 -0
  214. package/dist/cjs/label-ab57738c.js.map +1 -0
  215. package/dist/cjs/loader.cjs.js +1 -1
  216. package/dist/cjs/open-0551bf2a.js +4 -0
  217. package/dist/cjs/open-0551bf2a.js.map +1 -0
  218. package/dist/cjs/prop.validators-e984090f.js +4 -0
  219. package/dist/cjs/prop.validators-e984090f.js.map +1 -0
  220. package/dist/cjs/reuse-8650ea4e.js +4 -0
  221. package/dist/cjs/reuse-8650ea4e.js.map +1 -0
  222. package/dist/cjs/rows-f79b5888.js +4 -0
  223. package/dist/cjs/rows-f79b5888.js.map +1 -0
  224. package/dist/cjs/show-6fcedf06.js +4 -0
  225. package/dist/cjs/show-6fcedf06.js.map +1 -0
  226. package/dist/cjs/spell-check-804f80f3.js +4 -0
  227. package/dist/cjs/spell-check-804f80f3.js.map +1 -0
  228. package/dist/cjs/suggestions-cc7f7d12.js +4 -0
  229. package/dist/cjs/suggestions-cc7f7d12.js.map +1 -0
  230. package/dist/cjs/table-settings-002db8b1.js +4 -0
  231. package/dist/cjs/table-settings-002db8b1.js.map +1 -0
  232. package/dist/cjs/test-component.cjs.entry.js +1 -1
  233. package/dist/cjs/tooltip-align-83772c00.js +4 -0
  234. package/dist/cjs/tooltip-align-83772c00.js.map +1 -0
  235. package/dist/cjs/validation-f5ed486c.js +4 -0
  236. package/dist/cjs/validation-f5ed486c.js.map +1 -0
  237. package/dist/cjs/validation-f681c170.js +4 -0
  238. package/dist/cjs/validation-f681c170.js.map +1 -0
  239. package/dist/components/Alert.js +1 -1
  240. package/dist/components/Alert.js.map +1 -1
  241. package/dist/components/Collapsible.js +1 -1
  242. package/dist/components/Collapsible.js.map +1 -1
  243. package/dist/components/CustomSuggestionsOptionsGroup.js +4 -0
  244. package/dist/components/CustomSuggestionsOptionsGroup.js.map +1 -0
  245. package/dist/components/FieldControlStateWrapper.js +4 -0
  246. package/dist/components/FieldControlStateWrapper.js.map +1 -0
  247. package/dist/components/Heading.js +4 -0
  248. package/dist/components/Heading.js.map +1 -0
  249. package/dist/components/Icon.js +4 -0
  250. package/dist/components/Icon.js.map +1 -0
  251. package/dist/components/Input.js +4 -0
  252. package/dist/components/Input.js.map +1 -0
  253. package/dist/components/InputContainerStateWrapper.js +4 -0
  254. package/dist/components/InputContainerStateWrapper.js.map +1 -0
  255. package/dist/components/InputStateWrapper.js +4 -0
  256. package/dist/components/InputStateWrapper.js.map +1 -0
  257. package/dist/components/InternalUnderlinedBadgeText.js +1 -1
  258. package/dist/components/InternalUnderlinedBadgeText.js.map +1 -1
  259. package/dist/components/Span.js +4 -0
  260. package/dist/components/Span.js.map +1 -0
  261. package/dist/components/access-and-short-key.js +1 -1
  262. package/dist/components/align-floating-elements.js +1 -1
  263. package/dist/components/align-floating-elements.js.map +1 -1
  264. package/dist/components/associated.controller.js +1 -1
  265. package/dist/components/bem.js +4 -0
  266. package/dist/components/bem.js.map +1 -0
  267. package/dist/components/bem2.js +4 -0
  268. package/dist/components/bem2.js.map +1 -0
  269. package/dist/components/browser.js +4 -0
  270. package/dist/components/browser.js.map +1 -0
  271. package/dist/components/button-variant.js +1 -1
  272. package/dist/components/color.js +1 -1
  273. package/dist/components/component-names.js +1 -1
  274. package/dist/components/component-names.js.map +1 -1
  275. package/dist/components/controller.js +1 -1
  276. package/dist/components/controller2.js +1 -1
  277. package/dist/components/controller2.js.map +1 -1
  278. package/dist/components/controller3.js +1 -1
  279. package/dist/components/controller3.js.map +1 -1
  280. package/dist/components/controller4.js +1 -1
  281. package/dist/components/controller4.js.map +1 -1
  282. package/dist/components/custom-class.js +1 -1
  283. package/dist/components/devtools.js +1 -1
  284. package/dist/components/disabled.js +1 -1
  285. package/dist/components/events.js +1 -1
  286. package/dist/components/events.js.map +1 -1
  287. package/dist/components/getRenderStates.js +4 -0
  288. package/dist/components/getRenderStates.js.map +1 -0
  289. package/dist/components/has-closer.js +1 -1
  290. package/dist/components/has-counter.js +1 -1
  291. package/dist/components/hide-label.js +1 -1
  292. package/dist/components/href.js +1 -1
  293. package/dist/components/i18n.js +1 -1
  294. package/dist/components/i18n.js.map +1 -1
  295. package/dist/components/icons.js +1 -1
  296. package/dist/components/image-source.js +1 -1
  297. package/dist/components/index.js +1 -1
  298. package/dist/components/index.js.map +1 -1
  299. package/dist/components/isArray.js +4 -0
  300. package/dist/components/isArray.js.map +1 -0
  301. package/dist/components/isObject.js +4 -0
  302. package/dist/components/isObject.js.map +1 -0
  303. package/dist/components/kol-abbr.js +1 -1
  304. package/dist/components/kol-abbr.js.map +1 -1
  305. package/dist/components/kol-accordion.js +1 -1
  306. package/dist/components/kol-accordion.js.map +1 -1
  307. package/dist/components/kol-alert-wc.js +1 -1
  308. package/dist/components/kol-alert-wc.js.map +1 -1
  309. package/dist/components/kol-alert.js +1 -1
  310. package/dist/components/kol-alert.js.map +1 -1
  311. package/dist/components/kol-avatar-wc.js +1 -1
  312. package/dist/components/kol-avatar-wc.js.map +1 -1
  313. package/dist/components/kol-avatar.js +1 -1
  314. package/dist/components/kol-avatar.js.map +1 -1
  315. package/dist/components/kol-badge.js +1 -1
  316. package/dist/components/kol-badge.js.map +1 -1
  317. package/dist/components/kol-breadcrumb.js +1 -1
  318. package/dist/components/kol-breadcrumb.js.map +1 -1
  319. package/dist/components/kol-button-link.js +1 -1
  320. package/dist/components/kol-button-link.js.map +1 -1
  321. package/dist/components/kol-button-wc.js +1 -1
  322. package/dist/components/kol-button-wc.js.map +1 -1
  323. package/dist/components/kol-button.js +1 -1
  324. package/dist/components/kol-button.js.map +1 -1
  325. package/dist/components/kol-card.js +1 -1
  326. package/dist/components/kol-card.js.map +1 -1
  327. package/dist/components/kol-combobox.js +1 -1
  328. package/dist/components/kol-combobox.js.map +1 -1
  329. package/dist/components/kol-details.js +1 -1
  330. package/dist/components/kol-details.js.map +1 -1
  331. package/dist/components/kol-drawer.js +1 -1
  332. package/dist/components/kol-drawer.js.map +1 -1
  333. package/dist/components/kol-form.js +1 -1
  334. package/dist/components/kol-form.js.map +1 -1
  335. package/dist/components/kol-heading.js +1 -1
  336. package/dist/components/kol-heading.js.map +1 -1
  337. package/dist/components/kol-icon.js +1 -1
  338. package/dist/components/kol-icon.js.map +1 -1
  339. package/dist/components/kol-image.js +1 -1
  340. package/dist/components/kol-image.js.map +1 -1
  341. package/dist/components/kol-input-checkbox.js +1 -1
  342. package/dist/components/kol-input-checkbox.js.map +1 -1
  343. package/dist/components/kol-input-color.js +1 -1
  344. package/dist/components/kol-input-color.js.map +1 -1
  345. package/dist/components/kol-input-date.js +1 -1
  346. package/dist/components/kol-input-date.js.map +1 -1
  347. package/dist/components/kol-input-email.js +1 -1
  348. package/dist/components/kol-input-email.js.map +1 -1
  349. package/dist/components/kol-input-file.js +1 -1
  350. package/dist/components/kol-input-file.js.map +1 -1
  351. package/dist/components/kol-input-number.js +1 -1
  352. package/dist/components/kol-input-number.js.map +1 -1
  353. package/dist/components/kol-input-password.js +1 -1
  354. package/dist/components/kol-input-password.js.map +1 -1
  355. package/dist/components/kol-input-radio.js +1 -1
  356. package/dist/components/kol-input-radio.js.map +1 -1
  357. package/dist/components/kol-input-range.js +1 -1
  358. package/dist/components/kol-input-range.js.map +1 -1
  359. package/dist/components/kol-input-text.js +1 -1
  360. package/dist/components/kol-input-text.js.map +1 -1
  361. package/dist/components/kol-kolibri.js +1 -1
  362. package/dist/components/kol-kolibri.js.map +1 -1
  363. package/dist/components/kol-link-button.js +1 -1
  364. package/dist/components/kol-link-button.js.map +1 -1
  365. package/dist/components/kol-link-wc.js +1 -1
  366. package/dist/components/kol-link-wc.js.map +1 -1
  367. package/dist/components/kol-link.js +1 -1
  368. package/dist/components/kol-link.js.map +1 -1
  369. package/dist/components/kol-modal.js +1 -1
  370. package/dist/components/kol-modal.js.map +1 -1
  371. package/dist/components/kol-nav.js +1 -1
  372. package/dist/components/kol-nav.js.map +1 -1
  373. package/dist/components/kol-pagination.js +1 -1
  374. package/dist/components/kol-pagination.js.map +1 -1
  375. package/dist/components/kol-popover-button-wc.d.ts +11 -0
  376. package/dist/components/kol-popover-button-wc.js +4 -0
  377. package/dist/components/kol-popover-button-wc.js.map +1 -0
  378. package/dist/components/kol-popover-button.js +1 -1
  379. package/dist/components/kol-popover-button.js.map +1 -1
  380. package/dist/components/kol-popover-wc.js +1 -1
  381. package/dist/components/kol-popover-wc.js.map +1 -1
  382. package/dist/components/kol-progress.js +1 -1
  383. package/dist/components/kol-progress.js.map +1 -1
  384. package/dist/components/kol-quote.js +1 -1
  385. package/dist/components/kol-quote.js.map +1 -1
  386. package/dist/components/kol-select.js +1 -1
  387. package/dist/components/kol-select.js.map +1 -1
  388. package/dist/components/kol-single-select.js +1 -1
  389. package/dist/components/kol-single-select.js.map +1 -1
  390. package/dist/components/kol-skip-nav.js +1 -1
  391. package/dist/components/kol-skip-nav.js.map +1 -1
  392. package/dist/components/kol-spin.js +1 -1
  393. package/dist/components/kol-spin.js.map +1 -1
  394. package/dist/components/kol-split-button.js +1 -1
  395. package/dist/components/kol-split-button.js.map +1 -1
  396. package/dist/components/kol-table-settings-wc.d.ts +11 -0
  397. package/dist/components/kol-table-settings-wc.js +4 -0
  398. package/dist/components/kol-table-settings-wc.js.map +1 -0
  399. package/dist/components/kol-table-stateful.js +1 -1
  400. package/dist/components/kol-table-stateful.js.map +1 -1
  401. package/dist/components/kol-table-stateless-wc.js +1 -1
  402. package/dist/components/kol-table-stateless-wc.js.map +1 -1
  403. package/dist/components/kol-table-stateless.js +1 -1
  404. package/dist/components/kol-table-stateless.js.map +1 -1
  405. package/dist/components/kol-tabs.js +1 -1
  406. package/dist/components/kol-tabs.js.map +1 -1
  407. package/dist/components/kol-textarea.js +1 -1
  408. package/dist/components/kol-textarea.js.map +1 -1
  409. package/dist/components/kol-toast-container.js +1 -1
  410. package/dist/components/kol-toast-container.js.map +1 -1
  411. package/dist/components/kol-toolbar.js +1 -1
  412. package/dist/components/kol-toolbar.js.map +1 -1
  413. package/dist/components/kol-tooltip-wc.js +1 -1
  414. package/dist/components/kol-tooltip-wc.js.map +1 -1
  415. package/dist/components/kol-tree-item-wc.js +1 -1
  416. package/dist/components/kol-tree-item-wc.js.map +1 -1
  417. package/dist/components/kol-tree-item.js +1 -1
  418. package/dist/components/kol-tree-item.js.map +1 -1
  419. package/dist/components/kol-tree-wc.js +1 -1
  420. package/dist/components/kol-tree-wc.js.map +1 -1
  421. package/dist/components/kol-tree.js +1 -1
  422. package/dist/components/kol-tree.js.map +1 -1
  423. package/dist/components/kol-version.js +1 -1
  424. package/dist/components/kol-version.js.map +1 -1
  425. package/dist/components/label.js +1 -1
  426. package/dist/components/open.js +1 -1
  427. package/dist/components/prop.validators.js +1 -1
  428. package/dist/components/prop.validators.js.map +1 -1
  429. package/dist/components/reuse.js +1 -1
  430. package/dist/components/reuse.js.map +1 -1
  431. package/dist/components/show.js +1 -1
  432. package/dist/components/spell-check.js +1 -1
  433. package/dist/components/suggestions.js +1 -1
  434. package/dist/components/table-settings.js +4 -0
  435. package/dist/components/table-settings.js.map +1 -0
  436. package/dist/components/validation2.js +1 -1
  437. package/dist/esm/Alert-6cd2f6dc.js +4 -0
  438. package/dist/esm/Alert-6cd2f6dc.js.map +1 -0
  439. package/dist/esm/Collapsible-c913fc3d.js +4 -0
  440. package/dist/esm/Collapsible-c913fc3d.js.map +1 -0
  441. package/dist/esm/CustomSuggestionsOptionsGroup-6142831a.js +4 -0
  442. package/dist/esm/CustomSuggestionsOptionsGroup-6142831a.js.map +1 -0
  443. package/dist/esm/FieldControlStateWrapper-ebd5579d.js +4 -0
  444. package/dist/esm/FieldControlStateWrapper-ebd5579d.js.map +1 -0
  445. package/dist/esm/Heading-7f4642c5.js +4 -0
  446. package/dist/esm/Heading-7f4642c5.js.map +1 -0
  447. package/dist/esm/Icon-6bed0b43.js +4 -0
  448. package/dist/esm/Icon-6bed0b43.js.map +1 -0
  449. package/dist/esm/Input-7d2ee70a.js +4 -0
  450. package/dist/esm/Input-7d2ee70a.js.map +1 -0
  451. package/dist/esm/InputStateWrapper-4a79e4a6.js +4 -0
  452. package/dist/esm/InputStateWrapper-4a79e4a6.js.map +1 -0
  453. package/dist/esm/InternalUnderlinedBadgeText-d1821325.js +4 -0
  454. package/dist/esm/InternalUnderlinedBadgeText-d1821325.js.map +1 -0
  455. package/dist/esm/Span-cb3bdb3f.js +4 -0
  456. package/dist/esm/Span-cb3bdb3f.js.map +1 -0
  457. package/dist/esm/access-and-short-key-58467f3a.js +4 -0
  458. package/dist/esm/access-and-short-key-58467f3a.js.map +1 -0
  459. package/dist/esm/align-2f553440.js +4 -0
  460. package/dist/esm/align-2f553440.js.map +1 -0
  461. package/dist/esm/align-floating-elements-7cdb6dc6.js +4 -0
  462. package/dist/esm/align-floating-elements-7cdb6dc6.js.map +1 -0
  463. package/dist/esm/app-globals-50619664.js +4 -0
  464. package/dist/esm/app-globals-50619664.js.map +1 -0
  465. package/dist/esm/associated.controller-a6273a44.js +4 -0
  466. package/dist/esm/associated.controller-a6273a44.js.map +1 -0
  467. package/dist/esm/bem-dabd96cc.js +4 -0
  468. package/dist/esm/bem-dabd96cc.js.map +1 -0
  469. package/dist/esm/bem-e4c3a2e6.js +4 -0
  470. package/dist/esm/bem-e4c3a2e6.js.map +1 -0
  471. package/dist/esm/browser-f629a56a.js +4 -0
  472. package/dist/esm/browser-f629a56a.js.map +1 -0
  473. package/dist/esm/button-variant-22db3cae.js +4 -0
  474. package/dist/esm/button-variant-22db3cae.js.map +1 -0
  475. package/dist/esm/color-e2f76a18.js +4 -0
  476. package/dist/esm/color-e2f76a18.js.map +1 -0
  477. package/dist/esm/common-54bf85ba.js +4 -0
  478. package/dist/esm/common-54bf85ba.js.map +1 -0
  479. package/dist/esm/component-names-7ee7402b.js +4 -0
  480. package/dist/esm/component-names-7ee7402b.js.map +1 -0
  481. package/dist/esm/controller-04af0502.js +4 -0
  482. package/dist/esm/controller-04af0502.js.map +1 -0
  483. package/dist/esm/controller-1a508e22.js +4 -0
  484. package/dist/esm/controller-1a508e22.js.map +1 -0
  485. package/dist/esm/controller-7964efb9.js +4 -0
  486. package/dist/esm/controller-7964efb9.js.map +1 -0
  487. package/dist/esm/controller-b150dd8f.js +4 -0
  488. package/dist/esm/controller-b150dd8f.js.map +1 -0
  489. package/dist/esm/controller-icon-0bd2a7ef.js +4 -0
  490. package/dist/esm/controller-icon-0bd2a7ef.js.map +1 -0
  491. package/dist/esm/custom-class-1ea7f6ba.js +4 -0
  492. package/dist/esm/custom-class-1ea7f6ba.js.map +1 -0
  493. package/dist/esm/dev.utils-869ad410.js +4 -0
  494. package/dist/esm/dev.utils-869ad410.js.map +1 -0
  495. package/dist/esm/devtools-a9857e56.js +4 -0
  496. package/dist/esm/devtools-a9857e56.js.map +1 -0
  497. package/dist/esm/disabled-bdfddd32.js +4 -0
  498. package/dist/esm/disabled-bdfddd32.js.map +1 -0
  499. package/dist/esm/events-5886c68b.js +4 -0
  500. package/dist/esm/events-5886c68b.js.map +1 -0
  501. package/dist/esm/getRenderStates-05837109.js +4 -0
  502. package/dist/esm/getRenderStates-05837109.js.map +1 -0
  503. package/dist/esm/has-closer-1f00aaf3.js +4 -0
  504. package/dist/esm/has-closer-1f00aaf3.js.map +1 -0
  505. package/dist/esm/has-counter-46536f3c.js +4 -0
  506. package/dist/esm/has-counter-46536f3c.js.map +1 -0
  507. package/dist/esm/hide-label-8fc169d2.js +4 -0
  508. package/dist/esm/hide-label-8fc169d2.js.map +1 -0
  509. package/dist/esm/href-50f7d11b.js +4 -0
  510. package/dist/esm/href-50f7d11b.js.map +1 -0
  511. package/dist/esm/i18n-45224cc3.js +4 -0
  512. package/dist/esm/i18n-45224cc3.js.map +1 -0
  513. package/dist/esm/i18n-efbafc80.js +4 -0
  514. package/dist/esm/i18n-efbafc80.js.map +1 -0
  515. package/dist/esm/icons-d9615c78.js +4 -0
  516. package/dist/esm/icons-d9615c78.js.map +1 -0
  517. package/dist/esm/image-source-dc18dccc.js +4 -0
  518. package/dist/esm/image-source-dc18dccc.js.map +1 -0
  519. package/dist/esm/index-058cc56d.js +4 -0
  520. package/dist/esm/index-058cc56d.js.map +1 -0
  521. package/dist/esm/index-0a773c52.js +4 -0
  522. package/dist/esm/index-0a773c52.js.map +1 -0
  523. package/dist/esm/index.js +1 -1
  524. package/dist/esm/index.js.map +1 -1
  525. package/dist/esm/isArray-7a60fa7f.js +4 -0
  526. package/dist/esm/isArray-7a60fa7f.js.map +1 -0
  527. package/dist/esm/isObject-ffcbbb76.js +4 -0
  528. package/dist/esm/isObject-ffcbbb76.js.map +1 -0
  529. package/dist/esm/kol-abbr.entry.js +1 -1
  530. package/dist/esm/kol-abbr.entry.js.map +1 -1
  531. package/dist/esm/kol-accordion.entry.js +1 -1
  532. package/dist/esm/kol-accordion.entry.js.map +1 -1
  533. package/dist/esm/kol-alert-wc.entry.js +1 -1
  534. package/dist/esm/kol-alert-wc.entry.js.map +1 -1
  535. package/dist/esm/kol-alert.entry.js +1 -1
  536. package/dist/esm/kol-alert.entry.js.map +1 -1
  537. package/dist/esm/kol-avatar-wc.entry.js +1 -1
  538. package/dist/esm/kol-avatar-wc.entry.js.map +1 -1
  539. package/dist/esm/kol-avatar.entry.js +1 -1
  540. package/dist/esm/kol-avatar.entry.js.map +1 -1
  541. package/dist/esm/kol-badge.entry.js +1 -1
  542. package/dist/esm/kol-badge.entry.js.map +1 -1
  543. package/dist/esm/kol-breadcrumb.entry.js +1 -1
  544. package/dist/esm/kol-breadcrumb.entry.js.map +1 -1
  545. package/dist/esm/kol-button-link.entry.js +1 -1
  546. package/dist/esm/kol-button-link.entry.js.map +1 -1
  547. package/dist/esm/kol-button-wc.entry.js +1 -1
  548. package/dist/esm/kol-button-wc.entry.js.map +1 -1
  549. package/dist/esm/kol-button.entry.js +1 -1
  550. package/dist/esm/kol-button.entry.js.map +1 -1
  551. package/dist/esm/kol-card.entry.js +1 -1
  552. package/dist/esm/kol-card.entry.js.map +1 -1
  553. package/dist/esm/kol-combobox.entry.js +1 -1
  554. package/dist/esm/kol-combobox.entry.js.map +1 -1
  555. package/dist/esm/kol-details.entry.js +1 -1
  556. package/dist/esm/kol-details.entry.js.map +1 -1
  557. package/dist/esm/kol-drawer.entry.js +1 -1
  558. package/dist/esm/kol-drawer.entry.js.map +1 -1
  559. package/dist/esm/kol-form.entry.js +1 -1
  560. package/dist/esm/kol-form.entry.js.map +1 -1
  561. package/dist/esm/kol-heading.entry.js +1 -1
  562. package/dist/esm/kol-heading.entry.js.map +1 -1
  563. package/dist/esm/kol-icon.entry.js +1 -1
  564. package/dist/esm/kol-icon.entry.js.map +1 -1
  565. package/dist/esm/kol-image.entry.js +1 -1
  566. package/dist/esm/kol-image.entry.js.map +1 -1
  567. package/dist/esm/kol-input-checkbox.entry.js +1 -1
  568. package/dist/esm/kol-input-checkbox.entry.js.map +1 -1
  569. package/dist/esm/kol-input-color.entry.js +1 -1
  570. package/dist/esm/kol-input-color.entry.js.map +1 -1
  571. package/dist/esm/kol-input-date.entry.js +1 -1
  572. package/dist/esm/kol-input-date.entry.js.map +1 -1
  573. package/dist/esm/kol-input-email.entry.js +1 -1
  574. package/dist/esm/kol-input-email.entry.js.map +1 -1
  575. package/dist/esm/kol-input-file.entry.js +1 -1
  576. package/dist/esm/kol-input-file.entry.js.map +1 -1
  577. package/dist/esm/kol-input-number.entry.js +1 -1
  578. package/dist/esm/kol-input-number.entry.js.map +1 -1
  579. package/dist/esm/kol-input-password.entry.js +1 -1
  580. package/dist/esm/kol-input-password.entry.js.map +1 -1
  581. package/dist/esm/kol-input-radio.entry.js +1 -1
  582. package/dist/esm/kol-input-radio.entry.js.map +1 -1
  583. package/dist/esm/kol-input-range.entry.js +1 -1
  584. package/dist/esm/kol-input-range.entry.js.map +1 -1
  585. package/dist/esm/kol-input-text.entry.js +1 -1
  586. package/dist/esm/kol-input-text.entry.js.map +1 -1
  587. package/dist/esm/kol-kolibri.entry.js +1 -1
  588. package/dist/esm/kol-kolibri.entry.js.map +1 -1
  589. package/dist/esm/kol-link-button.entry.js +1 -1
  590. package/dist/esm/kol-link-button.entry.js.map +1 -1
  591. package/dist/esm/kol-link-wc.entry.js +1 -1
  592. package/dist/esm/kol-link-wc.entry.js.map +1 -1
  593. package/dist/esm/kol-link.entry.js +1 -1
  594. package/dist/esm/kol-link.entry.js.map +1 -1
  595. package/dist/esm/kol-modal.entry.js +1 -1
  596. package/dist/esm/kol-modal.entry.js.map +1 -1
  597. package/dist/esm/kol-nav.entry.js +1 -1
  598. package/dist/esm/kol-nav.entry.js.map +1 -1
  599. package/dist/esm/kol-pagination.entry.js +1 -1
  600. package/dist/esm/kol-pagination.entry.js.map +1 -1
  601. package/dist/esm/kol-popover-button-wc.entry.js +4 -0
  602. package/dist/esm/kol-popover-button-wc.entry.js.map +1 -0
  603. package/dist/esm/kol-popover-button.entry.js +1 -1
  604. package/dist/esm/kol-popover-button.entry.js.map +1 -1
  605. package/dist/esm/kol-popover-wc.entry.js +1 -1
  606. package/dist/esm/kol-popover-wc.entry.js.map +1 -1
  607. package/dist/esm/kol-progress.entry.js +1 -1
  608. package/dist/esm/kol-progress.entry.js.map +1 -1
  609. package/dist/esm/kol-quote.entry.js +1 -1
  610. package/dist/esm/kol-quote.entry.js.map +1 -1
  611. package/dist/esm/kol-select.entry.js +1 -1
  612. package/dist/esm/kol-select.entry.js.map +1 -1
  613. package/dist/esm/kol-single-select.entry.js +1 -1
  614. package/dist/esm/kol-single-select.entry.js.map +1 -1
  615. package/dist/esm/kol-skip-nav.entry.js +1 -1
  616. package/dist/esm/kol-skip-nav.entry.js.map +1 -1
  617. package/dist/esm/kol-spin.entry.js +1 -1
  618. package/dist/esm/kol-spin.entry.js.map +1 -1
  619. package/dist/esm/kol-split-button.entry.js +1 -1
  620. package/dist/esm/kol-split-button.entry.js.map +1 -1
  621. package/dist/esm/kol-table-settings-wc.entry.js +4 -0
  622. package/dist/esm/kol-table-settings-wc.entry.js.map +1 -0
  623. package/dist/esm/kol-table-stateful.entry.js +1 -1
  624. package/dist/esm/kol-table-stateful.entry.js.map +1 -1
  625. package/dist/esm/kol-table-stateless-wc.entry.js +1 -1
  626. package/dist/esm/kol-table-stateless-wc.entry.js.map +1 -1
  627. package/dist/esm/kol-table-stateless.entry.js +1 -1
  628. package/dist/esm/kol-table-stateless.entry.js.map +1 -1
  629. package/dist/esm/kol-tabs.entry.js +1 -1
  630. package/dist/esm/kol-tabs.entry.js.map +1 -1
  631. package/dist/esm/kol-textarea.entry.js +1 -1
  632. package/dist/esm/kol-textarea.entry.js.map +1 -1
  633. package/dist/esm/kol-toast-container.entry.js +1 -1
  634. package/dist/esm/kol-toast-container.entry.js.map +1 -1
  635. package/dist/esm/kol-toolbar.entry.js +1 -1
  636. package/dist/esm/kol-toolbar.entry.js.map +1 -1
  637. package/dist/esm/kol-tooltip-wc.entry.js +1 -1
  638. package/dist/esm/kol-tooltip-wc.entry.js.map +1 -1
  639. package/dist/esm/kol-tree-item-wc.entry.js +1 -1
  640. package/dist/esm/kol-tree-item-wc.entry.js.map +1 -1
  641. package/dist/esm/kol-tree-item.entry.js +1 -1
  642. package/dist/esm/kol-tree-item.entry.js.map +1 -1
  643. package/dist/esm/kol-tree-wc.entry.js +1 -1
  644. package/dist/esm/kol-tree-wc.entry.js.map +1 -1
  645. package/dist/esm/kol-tree.entry.js +1 -1
  646. package/dist/esm/kol-tree.entry.js.map +1 -1
  647. package/dist/esm/kol-version.entry.js +1 -1
  648. package/dist/esm/kol-version.entry.js.map +1 -1
  649. package/dist/esm/kolibri.js +1 -1
  650. package/dist/esm/label-0219bcdb.js +4 -0
  651. package/dist/esm/label-0219bcdb.js.map +1 -0
  652. package/dist/esm/loader.js +1 -1
  653. package/dist/esm/open-d5b42a38.js +4 -0
  654. package/dist/esm/open-d5b42a38.js.map +1 -0
  655. package/dist/esm/prop.validators-de1491c5.js +4 -0
  656. package/dist/esm/prop.validators-de1491c5.js.map +1 -0
  657. package/dist/esm/reuse-f46e7e35.js +4 -0
  658. package/dist/esm/reuse-f46e7e35.js.map +1 -0
  659. package/dist/esm/rows-4dc53b94.js +4 -0
  660. package/dist/esm/rows-4dc53b94.js.map +1 -0
  661. package/dist/esm/show-46145480.js +4 -0
  662. package/dist/esm/show-46145480.js.map +1 -0
  663. package/dist/esm/spell-check-d3f3ed29.js +4 -0
  664. package/dist/esm/spell-check-d3f3ed29.js.map +1 -0
  665. package/dist/esm/suggestions-dc373440.js +4 -0
  666. package/dist/esm/suggestions-dc373440.js.map +1 -0
  667. package/dist/esm/table-settings-9d7f54fa.js +4 -0
  668. package/dist/esm/table-settings-9d7f54fa.js.map +1 -0
  669. package/dist/esm/test-component.entry.js +1 -1
  670. package/dist/esm/tooltip-align-f41ae17f.js +4 -0
  671. package/dist/esm/tooltip-align-f41ae17f.js.map +1 -0
  672. package/dist/esm/validation-1473d7f0.js +4 -0
  673. package/dist/esm/validation-1473d7f0.js.map +1 -0
  674. package/dist/esm/validation-70143d97.js +4 -0
  675. package/dist/esm/validation-70143d97.js.map +1 -0
  676. package/dist/kolibri/Alert-6cd2f6dc.js +4 -0
  677. package/dist/kolibri/Alert-6cd2f6dc.js.map +1 -0
  678. package/dist/kolibri/Collapsible-c913fc3d.js +4 -0
  679. package/dist/kolibri/Collapsible-c913fc3d.js.map +1 -0
  680. package/dist/kolibri/CustomSuggestionsOptionsGroup-6142831a.js +4 -0
  681. package/dist/kolibri/CustomSuggestionsOptionsGroup-6142831a.js.map +1 -0
  682. package/dist/kolibri/FieldControlStateWrapper-ebd5579d.js +4 -0
  683. package/dist/kolibri/FieldControlStateWrapper-ebd5579d.js.map +1 -0
  684. package/dist/kolibri/Heading-7f4642c5.js +4 -0
  685. package/dist/kolibri/Heading-7f4642c5.js.map +1 -0
  686. package/dist/kolibri/Icon-6bed0b43.js +4 -0
  687. package/dist/kolibri/Icon-6bed0b43.js.map +1 -0
  688. package/dist/kolibri/Input-7d2ee70a.js +4 -0
  689. package/dist/kolibri/Input-7d2ee70a.js.map +1 -0
  690. package/dist/kolibri/InputStateWrapper-4a79e4a6.js +4 -0
  691. package/dist/kolibri/InputStateWrapper-4a79e4a6.js.map +1 -0
  692. package/dist/kolibri/InternalUnderlinedBadgeText-d1821325.js +4 -0
  693. package/dist/kolibri/InternalUnderlinedBadgeText-d1821325.js.map +1 -0
  694. package/dist/kolibri/Span-cb3bdb3f.js +4 -0
  695. package/dist/kolibri/Span-cb3bdb3f.js.map +1 -0
  696. package/dist/kolibri/access-and-short-key-58467f3a.js +4 -0
  697. package/dist/kolibri/align-2f553440.js +4 -0
  698. package/dist/kolibri/align-floating-elements-7cdb6dc6.js +4 -0
  699. package/dist/kolibri/align-floating-elements-7cdb6dc6.js.map +1 -0
  700. package/dist/kolibri/app-globals-50619664.js +4 -0
  701. package/dist/kolibri/app-globals-50619664.js.map +1 -0
  702. package/dist/kolibri/associated.controller-a6273a44.js +4 -0
  703. package/dist/kolibri/bem-dabd96cc.js +4 -0
  704. package/dist/kolibri/bem-dabd96cc.js.map +1 -0
  705. package/dist/kolibri/bem-e4c3a2e6.js +4 -0
  706. package/dist/kolibri/bem-e4c3a2e6.js.map +1 -0
  707. package/dist/kolibri/browser-f629a56a.js +4 -0
  708. package/dist/kolibri/browser-f629a56a.js.map +1 -0
  709. package/dist/kolibri/button-variant-22db3cae.js +4 -0
  710. package/dist/kolibri/color-e2f76a18.js +4 -0
  711. package/dist/kolibri/common-54bf85ba.js +4 -0
  712. package/dist/kolibri/component-names-7ee7402b.js +4 -0
  713. package/dist/kolibri/component-names-7ee7402b.js.map +1 -0
  714. package/dist/kolibri/controller-04af0502.js +4 -0
  715. package/dist/kolibri/controller-1a508e22.js +4 -0
  716. package/dist/kolibri/controller-7964efb9.js +4 -0
  717. package/dist/kolibri/controller-7964efb9.js.map +1 -0
  718. package/dist/kolibri/controller-b150dd8f.js +4 -0
  719. package/dist/kolibri/controller-icon-0bd2a7ef.js +4 -0
  720. package/dist/kolibri/controller-icon-0bd2a7ef.js.map +1 -0
  721. package/dist/kolibri/custom-class-1ea7f6ba.js +4 -0
  722. package/dist/kolibri/dev.utils-869ad410.js +4 -0
  723. package/dist/kolibri/devtools-a9857e56.js +4 -0
  724. package/dist/kolibri/disabled-bdfddd32.js +4 -0
  725. package/dist/kolibri/events-5886c68b.js +4 -0
  726. package/dist/kolibri/events-5886c68b.js.map +1 -0
  727. package/dist/kolibri/getRenderStates-05837109.js +4 -0
  728. package/dist/kolibri/getRenderStates-05837109.js.map +1 -0
  729. package/dist/kolibri/has-closer-1f00aaf3.js +4 -0
  730. package/dist/kolibri/has-counter-46536f3c.js +4 -0
  731. package/dist/kolibri/hide-label-8fc169d2.js +4 -0
  732. package/dist/kolibri/href-50f7d11b.js +4 -0
  733. package/dist/kolibri/i18n-45224cc3.js +4 -0
  734. package/dist/kolibri/i18n-45224cc3.js.map +1 -0
  735. package/dist/kolibri/i18n-efbafc80.js +4 -0
  736. package/dist/kolibri/icons-d9615c78.js +4 -0
  737. package/dist/kolibri/image-source-dc18dccc.js +4 -0
  738. package/dist/kolibri/index-058cc56d.js +5 -0
  739. package/dist/kolibri/index-058cc56d.js.map +1 -0
  740. package/dist/kolibri/index-0a773c52.js +4 -0
  741. package/dist/kolibri/index-0a773c52.js.map +1 -0
  742. package/dist/kolibri/index.esm.js +1 -1
  743. package/dist/kolibri/index.esm.js.map +1 -1
  744. package/dist/kolibri/isArray-7a60fa7f.js +4 -0
  745. package/dist/kolibri/isArray-7a60fa7f.js.map +1 -0
  746. package/dist/kolibri/isObject-ffcbbb76.js +4 -0
  747. package/dist/kolibri/isObject-ffcbbb76.js.map +1 -0
  748. package/dist/kolibri/kol-abbr.entry.js +1 -1
  749. package/dist/kolibri/kol-abbr.entry.js.map +1 -1
  750. package/dist/kolibri/kol-accordion.entry.js +1 -1
  751. package/dist/kolibri/kol-accordion.entry.js.map +1 -1
  752. package/dist/kolibri/kol-alert-wc.entry.js +1 -1
  753. package/dist/kolibri/kol-alert-wc.entry.js.map +1 -1
  754. package/dist/kolibri/kol-alert.entry.js +1 -1
  755. package/dist/kolibri/kol-alert.entry.js.map +1 -1
  756. package/dist/kolibri/kol-avatar-wc.entry.js +1 -1
  757. package/dist/kolibri/kol-avatar-wc.entry.js.map +1 -1
  758. package/dist/kolibri/kol-avatar.entry.js +1 -1
  759. package/dist/kolibri/kol-avatar.entry.js.map +1 -1
  760. package/dist/kolibri/kol-badge.entry.js +1 -1
  761. package/dist/kolibri/kol-badge.entry.js.map +1 -1
  762. package/dist/kolibri/kol-breadcrumb.entry.js +1 -1
  763. package/dist/kolibri/kol-breadcrumb.entry.js.map +1 -1
  764. package/dist/kolibri/kol-button-link.entry.js +1 -1
  765. package/dist/kolibri/kol-button-link.entry.js.map +1 -1
  766. package/dist/kolibri/kol-button-wc.entry.js +1 -1
  767. package/dist/kolibri/kol-button-wc.entry.js.map +1 -1
  768. package/dist/kolibri/kol-button.entry.js +1 -1
  769. package/dist/kolibri/kol-button.entry.js.map +1 -1
  770. package/dist/kolibri/kol-card.entry.js +1 -1
  771. package/dist/kolibri/kol-card.entry.js.map +1 -1
  772. package/dist/kolibri/kol-combobox.entry.js +1 -1
  773. package/dist/kolibri/kol-combobox.entry.js.map +1 -1
  774. package/dist/kolibri/kol-details.entry.js +1 -1
  775. package/dist/kolibri/kol-details.entry.js.map +1 -1
  776. package/dist/kolibri/kol-drawer.entry.js +1 -1
  777. package/dist/kolibri/kol-drawer.entry.js.map +1 -1
  778. package/dist/kolibri/kol-form.entry.js +1 -1
  779. package/dist/kolibri/kol-form.entry.js.map +1 -1
  780. package/dist/kolibri/kol-heading.entry.js +1 -1
  781. package/dist/kolibri/kol-heading.entry.js.map +1 -1
  782. package/dist/kolibri/kol-icon.entry.js +1 -1
  783. package/dist/kolibri/kol-icon.entry.js.map +1 -1
  784. package/dist/kolibri/kol-image.entry.js +1 -1
  785. package/dist/kolibri/kol-image.entry.js.map +1 -1
  786. package/dist/kolibri/kol-input-checkbox.entry.js +1 -1
  787. package/dist/kolibri/kol-input-checkbox.entry.js.map +1 -1
  788. package/dist/kolibri/kol-input-color.entry.js +1 -1
  789. package/dist/kolibri/kol-input-color.entry.js.map +1 -1
  790. package/dist/kolibri/kol-input-date.entry.js +1 -1
  791. package/dist/kolibri/kol-input-date.entry.js.map +1 -1
  792. package/dist/kolibri/kol-input-email.entry.js +1 -1
  793. package/dist/kolibri/kol-input-email.entry.js.map +1 -1
  794. package/dist/kolibri/kol-input-file.entry.js +1 -1
  795. package/dist/kolibri/kol-input-file.entry.js.map +1 -1
  796. package/dist/kolibri/kol-input-number.entry.js +1 -1
  797. package/dist/kolibri/kol-input-number.entry.js.map +1 -1
  798. package/dist/kolibri/kol-input-password.entry.js +1 -1
  799. package/dist/kolibri/kol-input-password.entry.js.map +1 -1
  800. package/dist/kolibri/kol-input-radio.entry.js +1 -1
  801. package/dist/kolibri/kol-input-radio.entry.js.map +1 -1
  802. package/dist/kolibri/kol-input-range.entry.js +1 -1
  803. package/dist/kolibri/kol-input-range.entry.js.map +1 -1
  804. package/dist/kolibri/kol-input-text.entry.js +1 -1
  805. package/dist/kolibri/kol-input-text.entry.js.map +1 -1
  806. package/dist/kolibri/kol-kolibri.entry.js +1 -1
  807. package/dist/kolibri/kol-kolibri.entry.js.map +1 -1
  808. package/dist/kolibri/kol-link-button.entry.js +1 -1
  809. package/dist/kolibri/kol-link-button.entry.js.map +1 -1
  810. package/dist/kolibri/kol-link-wc.entry.js +1 -1
  811. package/dist/kolibri/kol-link-wc.entry.js.map +1 -1
  812. package/dist/kolibri/kol-link.entry.js +1 -1
  813. package/dist/kolibri/kol-link.entry.js.map +1 -1
  814. package/dist/kolibri/kol-modal.entry.js +1 -1
  815. package/dist/kolibri/kol-modal.entry.js.map +1 -1
  816. package/dist/kolibri/kol-nav.entry.js +1 -1
  817. package/dist/kolibri/kol-nav.entry.js.map +1 -1
  818. package/dist/kolibri/kol-pagination.entry.js +1 -1
  819. package/dist/kolibri/kol-pagination.entry.js.map +1 -1
  820. package/dist/kolibri/kol-popover-button-wc.entry.js +4 -0
  821. package/dist/kolibri/kol-popover-button-wc.entry.js.map +1 -0
  822. package/dist/kolibri/kol-popover-button.entry.js +1 -1
  823. package/dist/kolibri/kol-popover-button.entry.js.map +1 -1
  824. package/dist/kolibri/kol-popover-wc.entry.js +1 -1
  825. package/dist/kolibri/kol-popover-wc.entry.js.map +1 -1
  826. package/dist/kolibri/kol-progress.entry.js +1 -1
  827. package/dist/kolibri/kol-progress.entry.js.map +1 -1
  828. package/dist/kolibri/kol-quote.entry.js +1 -1
  829. package/dist/kolibri/kol-quote.entry.js.map +1 -1
  830. package/dist/kolibri/kol-select.entry.js +1 -1
  831. package/dist/kolibri/kol-select.entry.js.map +1 -1
  832. package/dist/kolibri/kol-single-select.entry.js +1 -1
  833. package/dist/kolibri/kol-single-select.entry.js.map +1 -1
  834. package/dist/kolibri/kol-skip-nav.entry.js +1 -1
  835. package/dist/kolibri/kol-skip-nav.entry.js.map +1 -1
  836. package/dist/kolibri/kol-spin.entry.js +1 -1
  837. package/dist/kolibri/kol-spin.entry.js.map +1 -1
  838. package/dist/kolibri/kol-split-button.entry.js +1 -1
  839. package/dist/kolibri/kol-split-button.entry.js.map +1 -1
  840. package/dist/kolibri/kol-table-settings-wc.entry.js +4 -0
  841. package/dist/kolibri/kol-table-settings-wc.entry.js.map +1 -0
  842. package/dist/kolibri/kol-table-stateful.entry.js +1 -1
  843. package/dist/kolibri/kol-table-stateful.entry.js.map +1 -1
  844. package/dist/kolibri/kol-table-stateless-wc.entry.js +1 -1
  845. package/dist/kolibri/kol-table-stateless-wc.entry.js.map +1 -1
  846. package/dist/kolibri/kol-table-stateless.entry.js +1 -1
  847. package/dist/kolibri/kol-table-stateless.entry.js.map +1 -1
  848. package/dist/kolibri/kol-tabs.entry.js +1 -1
  849. package/dist/kolibri/kol-tabs.entry.js.map +1 -1
  850. package/dist/kolibri/kol-textarea.entry.js +1 -1
  851. package/dist/kolibri/kol-textarea.entry.js.map +1 -1
  852. package/dist/kolibri/kol-toast-container.entry.js +1 -1
  853. package/dist/kolibri/kol-toast-container.entry.js.map +1 -1
  854. package/dist/kolibri/kol-toolbar.entry.js +1 -1
  855. package/dist/kolibri/kol-toolbar.entry.js.map +1 -1
  856. package/dist/kolibri/kol-tooltip-wc.entry.js +1 -1
  857. package/dist/kolibri/kol-tooltip-wc.entry.js.map +1 -1
  858. package/dist/kolibri/kol-tree-item-wc.entry.js +1 -1
  859. package/dist/kolibri/kol-tree-item-wc.entry.js.map +1 -1
  860. package/dist/kolibri/kol-tree-item.entry.js +1 -1
  861. package/dist/kolibri/kol-tree-item.entry.js.map +1 -1
  862. package/dist/kolibri/kol-tree-wc.entry.js +1 -1
  863. package/dist/kolibri/kol-tree-wc.entry.js.map +1 -1
  864. package/dist/kolibri/kol-tree.entry.js +1 -1
  865. package/dist/kolibri/kol-tree.entry.js.map +1 -1
  866. package/dist/kolibri/kol-version.entry.js +1 -1
  867. package/dist/kolibri/kol-version.entry.js.map +1 -1
  868. package/dist/kolibri/kolibri.esm.js +1 -1
  869. package/dist/kolibri/kolibri.esm.js.map +1 -1
  870. package/dist/kolibri/label-0219bcdb.js +4 -0
  871. package/dist/kolibri/open-d5b42a38.js +4 -0
  872. package/dist/kolibri/prop.validators-de1491c5.js +4 -0
  873. package/dist/kolibri/reuse-f46e7e35.js +4 -0
  874. package/dist/kolibri/reuse-f46e7e35.js.map +1 -0
  875. package/dist/kolibri/rows-4dc53b94.js +4 -0
  876. package/dist/kolibri/show-46145480.js +4 -0
  877. package/dist/kolibri/spell-check-d3f3ed29.js +4 -0
  878. package/dist/kolibri/suggestions-dc373440.js +4 -0
  879. package/dist/kolibri/table-settings-9d7f54fa.js +4 -0
  880. package/dist/kolibri/table-settings-9d7f54fa.js.map +1 -0
  881. package/dist/kolibri/test-component.entry.js +1 -1
  882. package/dist/kolibri/tooltip-align-f41ae17f.js +4 -0
  883. package/dist/kolibri/validation-1473d7f0.js +4 -0
  884. package/dist/kolibri/validation-70143d97.js +4 -0
  885. package/dist/types/components/@deprecated/input/controller.d.ts +3 -3
  886. package/dist/types/components/@deprecated/input/types-icon.d.ts +1 -1
  887. package/dist/types/components/@deprecated/input/types.d.ts +1 -2
  888. package/dist/types/components/abbr/shadow.d.ts +2 -5
  889. package/dist/types/components/accordion/shadow.d.ts +1 -1
  890. package/dist/types/components/alert/component.d.ts +1 -0
  891. package/dist/types/components/badge/shadow.d.ts +1 -0
  892. package/dist/types/components/button/component.d.ts +3 -0
  893. package/dist/types/components/button/shadow.d.ts +0 -2
  894. package/dist/types/components/button-link/shadow.d.ts +0 -2
  895. package/dist/types/components/card/shadow.d.ts +2 -1
  896. package/dist/types/components/combobox/shadow.d.ts +6 -8
  897. package/dist/types/components/component-list.d.ts +16 -2
  898. package/dist/types/components/details/shadow.d.ts +1 -2
  899. package/dist/types/components/drawer/shadow.d.ts +5 -5
  900. package/dist/types/components/form/shadow.d.ts +1 -0
  901. package/dist/types/components/heading/shadow.d.ts +9 -3
  902. package/dist/types/components/icon/bem.d.ts +16 -0
  903. package/dist/types/components/input/controller.d.ts +1 -1
  904. package/dist/types/components/input/types.d.ts +2 -2
  905. package/dist/types/components/input-adapter-leanup/controller.d.ts +0 -1
  906. package/dist/types/components/input-adapter-leanup/types.d.ts +0 -1
  907. package/dist/types/components/input-checkbox/shadow.d.ts +7 -11
  908. package/dist/types/components/input-color/shadow.d.ts +16 -11
  909. package/dist/types/components/input-date/shadow.d.ts +7 -10
  910. package/dist/types/components/input-email/shadow.d.ts +5 -10
  911. package/dist/types/components/input-file/controller.d.ts +0 -1
  912. package/dist/types/components/input-file/shadow.d.ts +11 -12
  913. package/dist/types/components/input-number/shadow.d.ts +12 -16
  914. package/dist/types/components/input-password/shadow.d.ts +6 -10
  915. package/dist/types/components/input-radio/shadow.d.ts +7 -11
  916. package/dist/types/components/input-range/shadow.d.ts +8 -10
  917. package/dist/types/components/input-text/shadow.d.ts +7 -10
  918. package/dist/types/components/link/component.d.ts +4 -3
  919. package/dist/types/components/link/shadow.d.ts +0 -2
  920. package/dist/types/components/link-button/shadow.d.ts +0 -2
  921. package/dist/types/components/modal/shadow.d.ts +5 -3
  922. package/dist/types/components/pagination/shadow.d.ts +1 -0
  923. package/dist/types/components/popover-button/component.d.ts +40 -0
  924. package/dist/types/components/popover-button/shadow.d.ts +3 -13
  925. package/dist/types/components/select/shadow.d.ts +5 -9
  926. package/dist/types/components/single-select/shadow.d.ts +7 -8
  927. package/dist/types/components/split-button/shadow.d.ts +0 -1
  928. package/dist/types/components/table-stateful/shadow.d.ts +6 -6
  929. package/dist/types/components/table-stateless/component.d.ts +20 -3
  930. package/dist/types/components/table-stateless/shadow.d.ts +5 -2
  931. package/dist/types/components/table-stateless/table-settings.d.ts +18 -0
  932. package/dist/types/components/textarea/shadow.d.ts +5 -10
  933. package/dist/types/components.d.ts +401 -1275
  934. package/dist/types/core/component-names.d.ts +3 -11
  935. package/dist/types/functional-component-wrappers/CheckboxStateWrapper/CheckboxStateWrapper.d.ts +10 -0
  936. package/dist/types/functional-component-wrappers/CheckboxStateWrapper/index.d.ts +1 -0
  937. package/dist/types/functional-component-wrappers/FieldControlStateWrapper/FieldControlStateWrapper.d.ts +9 -0
  938. package/dist/types/functional-component-wrappers/FieldControlStateWrapper/index.d.ts +1 -0
  939. package/dist/types/functional-component-wrappers/FormFieldStateWrapper/FormFieldStateWrapper.d.ts +9 -0
  940. package/dist/types/functional-component-wrappers/FormFieldStateWrapper/index.d.ts +1 -0
  941. package/dist/types/functional-component-wrappers/InputContainerStateWrapper/InputContainerStateWrapper.d.ts +9 -0
  942. package/dist/types/functional-component-wrappers/InputContainerStateWrapper/index.d.ts +1 -0
  943. package/dist/types/functional-component-wrappers/InputStateWrapper/InputStateWrapper.d.ts +10 -0
  944. package/dist/types/functional-component-wrappers/InputStateWrapper/index.d.ts +1 -0
  945. package/dist/types/functional-component-wrappers/SelectStateWrapper/SelectStateWrapper.d.ts +8 -0
  946. package/dist/types/functional-component-wrappers/SelectStateWrapper/index.d.ts +1 -0
  947. package/dist/types/functional-component-wrappers/TextAreaStateWrapper/TextAreaStateWrapper.d.ts +8 -0
  948. package/dist/types/functional-component-wrappers/TextAreaStateWrapper/index.d.ts +1 -0
  949. package/dist/types/functional-component-wrappers/_helpers/getRenderStates.d.ts +11 -0
  950. package/dist/types/functional-components/Alert/Alert.d.ts +2 -2
  951. package/dist/types/functional-components/Alert/bem.d.ts +29 -0
  952. package/dist/types/functional-components/Button/Button.d.ts +9 -0
  953. package/dist/types/functional-components/Button/index.d.ts +1 -0
  954. package/dist/types/functional-components/Button/tests/snapshot.test.d.ts +1 -0
  955. package/dist/types/functional-components/Collapsible/Collapsible.d.ts +1 -1
  956. package/dist/types/functional-components/CustomSuggestionsOption/CustomSuggestionsOption.d.ts +11 -0
  957. package/dist/types/functional-components/CustomSuggestionsOption/index.d.ts +1 -0
  958. package/dist/types/functional-components/CustomSuggestionsOption/test/snapshot.test.d.ts +1 -0
  959. package/dist/types/functional-components/CustomSuggestionsOptionsGroup/CustomSuggestionsOptionsGroup.d.ts +7 -0
  960. package/dist/types/functional-components/CustomSuggestionsOptionsGroup/index.d.ts +1 -0
  961. package/dist/types/functional-components/CustomSuggestionsOptionsGroup/test/snapshot.test.d.ts +1 -0
  962. package/dist/types/functional-components/CustomSuggestionsToggle/CustomSuggestionsToggle.d.ts +7 -0
  963. package/dist/types/functional-components/CustomSuggestionsToggle/index.d.ts +1 -0
  964. package/dist/types/functional-components/CustomSuggestionsToggle/test/snapshot.test.d.ts +1 -0
  965. package/dist/types/functional-components/FieldControl/FieldControl.d.ts +31 -0
  966. package/dist/types/functional-components/FieldControl/index.d.ts +1 -0
  967. package/dist/types/functional-components/FormField/FormField.d.ts +41 -0
  968. package/dist/types/functional-components/FormField/index.d.ts +1 -0
  969. package/dist/types/functional-components/FormField/tests/snapshot.test.d.ts +1 -0
  970. package/dist/types/functional-components/FormFieldCounter/FormFieldCounter.d.ts +8 -0
  971. package/dist/types/functional-components/FormFieldCounter/index.d.ts +1 -0
  972. package/dist/types/functional-components/FormFieldCounter/tests/snapshot.test.d.ts +1 -0
  973. package/dist/types/functional-components/FormFieldHint/FormFieldHint.d.ts +8 -0
  974. package/dist/types/functional-components/FormFieldHint/index.d.ts +1 -0
  975. package/dist/types/functional-components/FormFieldHint/tests/snapshot.test.d.ts +1 -0
  976. package/dist/types/functional-components/FormFieldLabel/FormFieldLabel.d.ts +18 -0
  977. package/dist/types/functional-components/FormFieldLabel/index.d.ts +1 -0
  978. package/dist/types/functional-components/FormFieldLabel/tests/snapshot.test.d.ts +1 -0
  979. package/dist/types/functional-components/FormFieldMsg/FormFieldMsg.d.ts +7 -6
  980. package/dist/types/functional-components/FormFieldMsg/tests/snapshort.test.d.ts +1 -0
  981. package/dist/types/functional-components/FormFieldTooltip/FormFieldTooltip.d.ts +12 -0
  982. package/dist/types/functional-components/FormFieldTooltip/index.d.ts +1 -0
  983. package/dist/types/functional-components/FormFieldTooltip/tests/snapshort.test.d.ts +1 -0
  984. package/dist/types/functional-components/Heading/Heading.d.ts +21 -0
  985. package/dist/types/functional-components/Heading/index.d.ts +1 -0
  986. package/dist/types/functional-components/Heading/test/Heading.test.d.ts +1 -0
  987. package/dist/types/functional-components/Heading/test/snapshot.test.d.ts +1 -0
  988. package/dist/types/functional-components/Icon/Icon.d.ts +11 -0
  989. package/dist/types/functional-components/Icon/index.d.ts +1 -0
  990. package/dist/types/functional-components/Icon/tests/snapshot.test.d.ts +1 -0
  991. package/dist/types/functional-components/IconButton/IconButton.d.ts +19 -0
  992. package/dist/types/functional-components/IconButton/index.d.ts +1 -0
  993. package/dist/types/functional-components/IconButton/tests/snapshot.test.d.ts +1 -0
  994. package/dist/types/functional-components/InputAdornment/InputAdornment.d.ts +7 -0
  995. package/dist/types/functional-components/InputAdornment/index.d.ts +1 -0
  996. package/dist/types/functional-components/InputAdornment/tests/snapshot.test.d.ts +1 -0
  997. package/dist/types/functional-components/InputContainer/InputContainer.d.ts +16 -0
  998. package/dist/types/functional-components/InputContainer/index.d.ts +1 -0
  999. package/dist/types/functional-components/InputContainer/tests/snapshot.test.d.ts +1 -0
  1000. package/dist/types/functional-components/InternalUnderlinedBadgeText/InternalUnderlinedBadgeText.d.ts +8 -0
  1001. package/dist/types/functional-components/InternalUnderlinedBadgeText/index.d.ts +1 -0
  1002. package/dist/types/functional-components/Span/IconHelper.d.ts +6 -0
  1003. package/dist/types/functional-components/Span/LabelHelper.d.ts +9 -0
  1004. package/dist/types/functional-components/Span/Span.d.ts +12 -0
  1005. package/dist/types/functional-components/Span/SpanCoreHelper.d.ts +9 -0
  1006. package/dist/types/functional-components/Span/index.d.ts +1 -0
  1007. package/dist/types/functional-components/Span/test/snapshot.test.d.ts +1 -0
  1008. package/dist/types/functional-components/Suggestions/Suggestions.d.ts +9 -0
  1009. package/dist/types/functional-components/Suggestions/index.d.ts +1 -0
  1010. package/dist/types/functional-components/Suggestions/tests/snapshot.test.d.ts +1 -0
  1011. package/dist/types/functional-components/ToastItem/ToastItem.d.ts +10 -0
  1012. package/dist/types/functional-components/ToastItem/index.d.ts +1 -0
  1013. package/dist/types/functional-components/ToastItem/tests/snapshot.test.d.ts +1 -0
  1014. package/dist/types/functional-components/index.d.ts +1 -1
  1015. package/dist/types/functional-components/inputs/Checkbox/Checkbox.d.ts +10 -0
  1016. package/dist/types/functional-components/inputs/Checkbox/index.d.ts +1 -0
  1017. package/dist/types/functional-components/inputs/Combobox/Combobox.d.ts +10 -0
  1018. package/dist/types/functional-components/inputs/Input/Input.d.ts +16 -0
  1019. package/dist/types/functional-components/inputs/Input/index.d.ts +1 -0
  1020. package/dist/types/functional-components/inputs/Input/tests/snapshot.test.d.ts +1 -0
  1021. package/dist/types/functional-components/inputs/NativeOption/NativeOption.d.ts +12 -0
  1022. package/dist/types/functional-components/inputs/NativeOption/index.d.ts +1 -0
  1023. package/dist/types/functional-components/inputs/NativeOption/tests/snapshot.test.d.ts +1 -0
  1024. package/dist/types/functional-components/inputs/NativeOptionList/NativeOptionList.d.ts +14 -0
  1025. package/dist/types/functional-components/inputs/NativeOptionList/index.d.ts +1 -0
  1026. package/dist/types/functional-components/inputs/NativeOptionList/tests/snapshot.test.d.ts +1 -0
  1027. package/dist/types/functional-components/inputs/NativeSelect/NativeSelect.d.ts +12 -0
  1028. package/dist/types/functional-components/inputs/NativeSelect/index.d.ts +1 -0
  1029. package/dist/types/functional-components/inputs/NativeSelect/tests/snapshot.test.d.ts +1 -0
  1030. package/dist/types/functional-components/inputs/TextArea/TextArea.d.ts +11 -0
  1031. package/dist/types/functional-components/inputs/TextArea/index.d.ts +1 -0
  1032. package/dist/types/functional-components/inputs/TextArea/tests/snapshot.test.d.ts +1 -0
  1033. package/dist/types/functional-components/inputs/_helpers/getDefaultProps.d.ts +11 -0
  1034. package/dist/types/functional-components/inputs/_helpers/getDefaultProps.test.d.ts +1 -0
  1035. package/dist/types/functional-components/inputs/_types/index.d.ts +6 -0
  1036. package/dist/types/index.d.ts +3 -0
  1037. package/dist/types/locales/de.d.ts +10 -0
  1038. package/dist/types/locales/en.d.ts +10 -0
  1039. package/dist/types/schema/components/abbr.d.ts +3 -3
  1040. package/dist/types/schema/components/badge.d.ts +5 -3
  1041. package/dist/types/schema/components/button.d.ts +1 -0
  1042. package/dist/types/schema/components/combobox.d.ts +3 -6
  1043. package/dist/types/schema/components/form.d.ts +3 -3
  1044. package/dist/types/schema/components/icon.d.ts +1 -0
  1045. package/dist/types/schema/components/index.d.ts +1 -1
  1046. package/dist/types/schema/components/input-checkbox.d.ts +3 -8
  1047. package/dist/types/schema/components/input-color.d.ts +3 -8
  1048. package/dist/types/schema/components/input-date.d.ts +3 -6
  1049. package/dist/types/schema/components/input-email.d.ts +3 -8
  1050. package/dist/types/schema/components/input-file.d.ts +3 -10
  1051. package/dist/types/schema/components/input-number.d.ts +4 -7
  1052. package/dist/types/schema/components/input-password.d.ts +3 -8
  1053. package/dist/types/schema/components/input-radio.d.ts +3 -8
  1054. package/dist/types/schema/components/input-range.d.ts +3 -8
  1055. package/dist/types/schema/components/input-text.d.ts +3 -8
  1056. package/dist/types/schema/components/input.d.ts +2 -3
  1057. package/dist/types/schema/components/link-button.d.ts +2 -2
  1058. package/dist/types/schema/components/link.d.ts +1 -6
  1059. package/dist/types/schema/components/modal.d.ts +3 -4
  1060. package/dist/types/schema/components/pagination.d.ts +2 -2
  1061. package/dist/types/schema/components/select.d.ts +3 -7
  1062. package/dist/types/schema/components/single-select.d.ts +4 -8
  1063. package/dist/types/schema/components/table.d.ts +10 -18
  1064. package/dist/types/schema/components/tableStateless.d.ts +7 -9
  1065. package/dist/types/schema/components/tabs.d.ts +3 -3
  1066. package/dist/types/schema/components/textarea.d.ts +4 -10
  1067. package/dist/types/schema/components/toaster.d.ts +0 -2
  1068. package/dist/types/schema/enums/index.d.ts +1 -1
  1069. package/dist/types/schema/index.d.ts +1 -1
  1070. package/dist/types/schema/interfaces/EventDetail.d.ts +4 -0
  1071. package/dist/types/schema/props/accordion-callbacks.d.ts +2 -2
  1072. package/dist/types/schema/props/alert.d.ts +0 -2
  1073. package/dist/types/schema/props/aria-has-popup.d.ts +3 -0
  1074. package/dist/types/schema/props/button-callbacks.d.ts +3 -3
  1075. package/dist/types/schema/props/details-callbacks.d.ts +2 -2
  1076. package/dist/types/schema/props/hide-msg.d.ts +7 -0
  1077. package/dist/types/schema/props/index.d.ts +1 -1
  1078. package/dist/types/schema/props/link-on-callbacks.d.ts +2 -2
  1079. package/dist/types/schema/props/min-width.d.ts +7 -0
  1080. package/dist/types/schema/props/msg.d.ts +6 -1
  1081. package/dist/types/schema/props/popover-callbacks.d.ts +2 -2
  1082. package/dist/types/schema/props/table-callbacks.d.ts +4 -4
  1083. package/dist/types/schema/props/table-settings.d.ts +7 -0
  1084. package/dist/types/schema/props/variant/modal.d.ts +8 -0
  1085. package/dist/types/schema/tag-names.d.ts +45 -48
  1086. package/dist/types/schema/types/icons.d.ts +1 -1
  1087. package/dist/types/schema/types/index.d.ts +1 -1
  1088. package/dist/types/schema/types/input/control/number.d.ts +2 -5
  1089. package/dist/types/schema/types/input/types.d.ts +6 -6
  1090. package/dist/types/schema/types/table-settings.d.ts +10 -0
  1091. package/dist/types/schema/types/table.d.ts +1 -1
  1092. package/dist/types/utils/events.d.ts +20 -5
  1093. package/doc/abbr.md +7 -48
  1094. package/doc/accordion.md +1 -118
  1095. package/doc/alert.md +2 -86
  1096. package/doc/avatar.md +1 -45
  1097. package/doc/badge.md +1 -96
  1098. package/doc/breadcrumb.md +1 -84
  1099. package/doc/button-link.md +1 -59
  1100. package/doc/button.md +1 -128
  1101. package/doc/card.md +2 -66
  1102. package/doc/combobox.md +21 -72
  1103. package/doc/components.md +1 -1
  1104. package/doc/details.md +1 -99
  1105. package/doc/drawer.md +1 -127
  1106. package/doc/form.md +1 -21
  1107. package/doc/heading.md +5 -38
  1108. package/doc/icon.md +1 -43
  1109. package/doc/image.md +1 -51
  1110. package/doc/input-checkbox.md +26 -116
  1111. package/doc/input-color.md +21 -77
  1112. package/doc/input-date.md +27 -138
  1113. package/doc/input-email.md +28 -105
  1114. package/doc/input-file.md +21 -98
  1115. package/doc/input-number.md +27 -95
  1116. package/doc/input-password.md +27 -96
  1117. package/doc/input-radio.md +20 -129
  1118. package/doc/input-range.md +23 -110
  1119. package/doc/input-text.md +29 -121
  1120. package/doc/kolibri.md +1 -18
  1121. package/doc/link-button.md +1 -37
  1122. package/doc/link.md +1 -82
  1123. package/doc/modal.md +7 -97
  1124. package/doc/nav.md +1 -110
  1125. package/doc/pagination.md +1 -42
  1126. package/doc/popover-button.md +14 -2
  1127. package/doc/progress.md +1 -41
  1128. package/doc/quote.md +1 -63
  1129. package/doc/select.md +23 -148
  1130. package/doc/single-select.md +22 -52
  1131. package/doc/skip-nav.md +1 -50
  1132. package/doc/spin.md +1 -113
  1133. package/doc/split-button.md +1 -25
  1134. package/doc/table-stateful.md +14 -200
  1135. package/doc/table-stateless.md +11 -81
  1136. package/doc/tabs.md +1 -89
  1137. package/doc/textarea.md +4 -89
  1138. package/doc/toaster.md +4 -74
  1139. package/doc/toolbar.md +1 -46
  1140. package/doc/tree-item.md +1 -3
  1141. package/doc/tree.md +1 -70
  1142. package/doc/version.md +1 -23
  1143. package/package.json +6 -4
  1144. package/vscode-custom-data.json +305 -520
  1145. package/dist/cjs/Alert-96b369f4.js +0 -4
  1146. package/dist/cjs/Alert-96b369f4.js.map +0 -1
  1147. package/dist/cjs/Collapsible-8b3c4050.js +0 -4
  1148. package/dist/cjs/Collapsible-8b3c4050.js.map +0 -1
  1149. package/dist/cjs/FormFieldMsg-f54e236a.js +0 -4
  1150. package/dist/cjs/FormFieldMsg-f54e236a.js.map +0 -1
  1151. package/dist/cjs/InternalUnderlinedBadgeText-5bf32805.js +0 -4
  1152. package/dist/cjs/InternalUnderlinedBadgeText-5bf32805.js.map +0 -1
  1153. package/dist/cjs/access-and-short-key-6155af7d.js +0 -4
  1154. package/dist/cjs/access-and-short-key-6155af7d.js.map +0 -1
  1155. package/dist/cjs/align-a9f24187.js +0 -4
  1156. package/dist/cjs/align-a9f24187.js.map +0 -1
  1157. package/dist/cjs/align-floating-elements-74691aff.js +0 -4
  1158. package/dist/cjs/align-floating-elements-74691aff.js.map +0 -1
  1159. package/dist/cjs/app-globals-52debe8b.js +0 -4
  1160. package/dist/cjs/app-globals-52debe8b.js.map +0 -1
  1161. package/dist/cjs/associated.controller-2005f7f0.js +0 -4
  1162. package/dist/cjs/associated.controller-2005f7f0.js.map +0 -1
  1163. package/dist/cjs/badge-text-9d12359c.js +0 -4
  1164. package/dist/cjs/badge-text-9d12359c.js.map +0 -1
  1165. package/dist/cjs/bund-4be96755.js +0 -4
  1166. package/dist/cjs/bund-4be96755.js.map +0 -1
  1167. package/dist/cjs/button-variant-10ad2503.js +0 -4
  1168. package/dist/cjs/button-variant-10ad2503.js.map +0 -1
  1169. package/dist/cjs/color-327a493c.js +0 -4
  1170. package/dist/cjs/color-327a493c.js.map +0 -1
  1171. package/dist/cjs/component-names-2c750b1b.js +0 -4
  1172. package/dist/cjs/component-names-2c750b1b.js.map +0 -1
  1173. package/dist/cjs/controller-20541e1e.js +0 -4
  1174. package/dist/cjs/controller-20541e1e.js.map +0 -1
  1175. package/dist/cjs/controller-3c347f5b.js +0 -4
  1176. package/dist/cjs/controller-3c347f5b.js.map +0 -1
  1177. package/dist/cjs/controller-8d407dee.js +0 -4
  1178. package/dist/cjs/controller-8d407dee.js.map +0 -1
  1179. package/dist/cjs/controller-b8eea6f7.js +0 -4
  1180. package/dist/cjs/controller-b8eea6f7.js.map +0 -1
  1181. package/dist/cjs/controller-d7e8fba5.js +0 -4
  1182. package/dist/cjs/controller-d7e8fba5.js.map +0 -1
  1183. package/dist/cjs/controller-icon-a88486d3.js +0 -4
  1184. package/dist/cjs/controller-icon-a88486d3.js.map +0 -1
  1185. package/dist/cjs/custom-class-1bd0519a.js +0 -4
  1186. package/dist/cjs/custom-class-1bd0519a.js.map +0 -1
  1187. package/dist/cjs/dev.utils-17f58b75.js +0 -4
  1188. package/dist/cjs/dev.utils-17f58b75.js.map +0 -1
  1189. package/dist/cjs/devtools-55284fd6.js +0 -4
  1190. package/dist/cjs/devtools-55284fd6.js.map +0 -1
  1191. package/dist/cjs/disabled-0ee19649.js +0 -4
  1192. package/dist/cjs/disabled-0ee19649.js.map +0 -1
  1193. package/dist/cjs/events-221fcb43.js +0 -4
  1194. package/dist/cjs/events-221fcb43.js.map +0 -1
  1195. package/dist/cjs/events-2a23336e.js +0 -4
  1196. package/dist/cjs/events-2a23336e.js.map +0 -1
  1197. package/dist/cjs/has-closer-51ccf77f.js +0 -4
  1198. package/dist/cjs/has-closer-51ccf77f.js.map +0 -1
  1199. package/dist/cjs/has-counter-8679115c.js +0 -4
  1200. package/dist/cjs/has-counter-8679115c.js.map +0 -1
  1201. package/dist/cjs/hide-label-a9a94f19.js +0 -4
  1202. package/dist/cjs/hide-label-a9a94f19.js.map +0 -1
  1203. package/dist/cjs/href-c14d2c3e.js +0 -4
  1204. package/dist/cjs/href-c14d2c3e.js.map +0 -1
  1205. package/dist/cjs/i18n-3219485c.js +0 -4
  1206. package/dist/cjs/i18n-3219485c.js.map +0 -1
  1207. package/dist/cjs/i18n-5f0ed6ed.js +0 -4
  1208. package/dist/cjs/i18n-5f0ed6ed.js.map +0 -1
  1209. package/dist/cjs/icons-cfdc392f.js +0 -4
  1210. package/dist/cjs/icons-cfdc392f.js.map +0 -1
  1211. package/dist/cjs/image-source-3b5f1388.js +0 -4
  1212. package/dist/cjs/image-source-3b5f1388.js.map +0 -1
  1213. package/dist/cjs/index-c77a4142.js +0 -4
  1214. package/dist/cjs/index-c77a4142.js.map +0 -1
  1215. package/dist/cjs/index-cb5cbda1.js +0 -4
  1216. package/dist/cjs/index-cb5cbda1.js.map +0 -1
  1217. package/dist/cjs/kol-button-group-wc.cjs.entry.js +0 -4
  1218. package/dist/cjs/kol-button-group-wc.cjs.entry.js.map +0 -1
  1219. package/dist/cjs/kol-button-group.cjs.entry.js +0 -4
  1220. package/dist/cjs/kol-button-group.cjs.entry.js.map +0 -1
  1221. package/dist/cjs/kol-heading-wc.cjs.entry.js +0 -4
  1222. package/dist/cjs/kol-heading-wc.cjs.entry.js.map +0 -1
  1223. package/dist/cjs/kol-indented-text-wc.cjs.entry.js +0 -4
  1224. package/dist/cjs/kol-indented-text-wc.cjs.entry.js.map +0 -1
  1225. package/dist/cjs/kol-indented-text.cjs.entry.js +0 -4
  1226. package/dist/cjs/kol-indented-text.cjs.entry.js.map +0 -1
  1227. package/dist/cjs/kol-input.cjs.entry.js +0 -4
  1228. package/dist/cjs/kol-input.cjs.entry.js.map +0 -1
  1229. package/dist/cjs/kol-link-group.cjs.entry.js +0 -4
  1230. package/dist/cjs/kol-link-group.cjs.entry.js.map +0 -1
  1231. package/dist/cjs/kol-logo.cjs.entry.js +0 -4
  1232. package/dist/cjs/kol-logo.cjs.entry.js.map +0 -1
  1233. package/dist/cjs/kol-span-wc.cjs.entry.js +0 -4
  1234. package/dist/cjs/kol-span-wc.cjs.entry.js.map +0 -1
  1235. package/dist/cjs/kol-symbol.cjs.entry.js +0 -4
  1236. package/dist/cjs/kol-symbol.cjs.entry.js.map +0 -1
  1237. package/dist/cjs/kol-table.cjs.entry.js +0 -4
  1238. package/dist/cjs/kol-table.cjs.entry.js.map +0 -1
  1239. package/dist/cjs/label-3ce275fe.js +0 -4
  1240. package/dist/cjs/label-3ce275fe.js.map +0 -1
  1241. package/dist/cjs/open-e08280be.js +0 -4
  1242. package/dist/cjs/open-e08280be.js.map +0 -1
  1243. package/dist/cjs/prop.validators-3c86f8eb.js +0 -4
  1244. package/dist/cjs/prop.validators-3c86f8eb.js.map +0 -1
  1245. package/dist/cjs/reuse-8cfefa9b.js +0 -4
  1246. package/dist/cjs/reuse-8cfefa9b.js.map +0 -1
  1247. package/dist/cjs/rows-24ccf646.js +0 -4
  1248. package/dist/cjs/rows-24ccf646.js.map +0 -1
  1249. package/dist/cjs/show-0625d136.js +0 -4
  1250. package/dist/cjs/show-0625d136.js.map +0 -1
  1251. package/dist/cjs/spell-check-d54fcffc.js +0 -4
  1252. package/dist/cjs/spell-check-d54fcffc.js.map +0 -1
  1253. package/dist/cjs/suggestions-eccef9c3.js +0 -4
  1254. package/dist/cjs/suggestions-eccef9c3.js.map +0 -1
  1255. package/dist/cjs/tooltip-align-5aee86e8.js +0 -4
  1256. package/dist/cjs/tooltip-align-5aee86e8.js.map +0 -1
  1257. package/dist/cjs/validation-2820e912.js +0 -4
  1258. package/dist/cjs/validation-2820e912.js.map +0 -1
  1259. package/dist/cjs/validation-bcb18e67.js +0 -4
  1260. package/dist/cjs/validation-bcb18e67.js.map +0 -1
  1261. package/dist/components/FormFieldMsg.js +0 -4
  1262. package/dist/components/FormFieldMsg.js.map +0 -1
  1263. package/dist/components/badge-text.js +0 -4
  1264. package/dist/components/badge-text.js.map +0 -1
  1265. package/dist/components/bund.js +0 -4
  1266. package/dist/components/bund.js.map +0 -1
  1267. package/dist/components/controller-icon.js +0 -4
  1268. package/dist/components/controller-icon.js.map +0 -1
  1269. package/dist/components/controller5.js +0 -4
  1270. package/dist/components/controller5.js.map +0 -1
  1271. package/dist/components/events2.js +0 -4
  1272. package/dist/components/events2.js.map +0 -1
  1273. package/dist/components/kol-button-group-wc.d.ts +0 -11
  1274. package/dist/components/kol-button-group-wc.js +0 -4
  1275. package/dist/components/kol-button-group-wc.js.map +0 -1
  1276. package/dist/components/kol-button-group.d.ts +0 -11
  1277. package/dist/components/kol-button-group.js +0 -4
  1278. package/dist/components/kol-button-group.js.map +0 -1
  1279. package/dist/components/kol-heading-wc.d.ts +0 -11
  1280. package/dist/components/kol-heading-wc.js +0 -4
  1281. package/dist/components/kol-heading-wc.js.map +0 -1
  1282. package/dist/components/kol-indented-text-wc.d.ts +0 -11
  1283. package/dist/components/kol-indented-text-wc.js +0 -4
  1284. package/dist/components/kol-indented-text-wc.js.map +0 -1
  1285. package/dist/components/kol-indented-text.d.ts +0 -11
  1286. package/dist/components/kol-indented-text.js +0 -4
  1287. package/dist/components/kol-indented-text.js.map +0 -1
  1288. package/dist/components/kol-input.d.ts +0 -11
  1289. package/dist/components/kol-input.js +0 -4
  1290. package/dist/components/kol-input.js.map +0 -1
  1291. package/dist/components/kol-link-group.d.ts +0 -11
  1292. package/dist/components/kol-link-group.js +0 -4
  1293. package/dist/components/kol-link-group.js.map +0 -1
  1294. package/dist/components/kol-logo.d.ts +0 -11
  1295. package/dist/components/kol-logo.js +0 -4
  1296. package/dist/components/kol-logo.js.map +0 -1
  1297. package/dist/components/kol-span-wc.d.ts +0 -11
  1298. package/dist/components/kol-span-wc.js +0 -4
  1299. package/dist/components/kol-span-wc.js.map +0 -1
  1300. package/dist/components/kol-symbol.d.ts +0 -11
  1301. package/dist/components/kol-symbol.js +0 -4
  1302. package/dist/components/kol-symbol.js.map +0 -1
  1303. package/dist/components/kol-table.d.ts +0 -11
  1304. package/dist/components/kol-table.js +0 -4
  1305. package/dist/components/kol-table.js.map +0 -1
  1306. package/dist/esm/Alert-69d3fb7c.js +0 -4
  1307. package/dist/esm/Alert-69d3fb7c.js.map +0 -1
  1308. package/dist/esm/Collapsible-a6f9d7da.js +0 -4
  1309. package/dist/esm/Collapsible-a6f9d7da.js.map +0 -1
  1310. package/dist/esm/FormFieldMsg-555f329f.js +0 -4
  1311. package/dist/esm/FormFieldMsg-555f329f.js.map +0 -1
  1312. package/dist/esm/InternalUnderlinedBadgeText-868a81c0.js +0 -4
  1313. package/dist/esm/InternalUnderlinedBadgeText-868a81c0.js.map +0 -1
  1314. package/dist/esm/access-and-short-key-16c1f3d9.js +0 -4
  1315. package/dist/esm/access-and-short-key-16c1f3d9.js.map +0 -1
  1316. package/dist/esm/align-eeb4ecdd.js +0 -4
  1317. package/dist/esm/align-eeb4ecdd.js.map +0 -1
  1318. package/dist/esm/align-floating-elements-ae4deaae.js +0 -4
  1319. package/dist/esm/align-floating-elements-ae4deaae.js.map +0 -1
  1320. package/dist/esm/app-globals-2d0926bd.js +0 -4
  1321. package/dist/esm/app-globals-2d0926bd.js.map +0 -1
  1322. package/dist/esm/associated.controller-3b160a7e.js +0 -4
  1323. package/dist/esm/associated.controller-3b160a7e.js.map +0 -1
  1324. package/dist/esm/badge-text-91fe6f6c.js +0 -4
  1325. package/dist/esm/badge-text-91fe6f6c.js.map +0 -1
  1326. package/dist/esm/bund-ad41b762.js +0 -4
  1327. package/dist/esm/bund-ad41b762.js.map +0 -1
  1328. package/dist/esm/button-variant-a4270d4a.js +0 -4
  1329. package/dist/esm/button-variant-a4270d4a.js.map +0 -1
  1330. package/dist/esm/color-c32d99db.js +0 -4
  1331. package/dist/esm/color-c32d99db.js.map +0 -1
  1332. package/dist/esm/common-0f1f2276.js +0 -4
  1333. package/dist/esm/common-0f1f2276.js.map +0 -1
  1334. package/dist/esm/component-names-4cb1c62b.js +0 -4
  1335. package/dist/esm/component-names-4cb1c62b.js.map +0 -1
  1336. package/dist/esm/controller-30593aa8.js +0 -4
  1337. package/dist/esm/controller-30593aa8.js.map +0 -1
  1338. package/dist/esm/controller-63e3499d.js +0 -4
  1339. package/dist/esm/controller-63e3499d.js.map +0 -1
  1340. package/dist/esm/controller-80316c73.js +0 -4
  1341. package/dist/esm/controller-80316c73.js.map +0 -1
  1342. package/dist/esm/controller-823a2e8d.js +0 -4
  1343. package/dist/esm/controller-823a2e8d.js.map +0 -1
  1344. package/dist/esm/controller-8ee06262.js +0 -4
  1345. package/dist/esm/controller-8ee06262.js.map +0 -1
  1346. package/dist/esm/controller-icon-0a8dd3ac.js +0 -4
  1347. package/dist/esm/controller-icon-0a8dd3ac.js.map +0 -1
  1348. package/dist/esm/custom-class-c7abcffc.js +0 -4
  1349. package/dist/esm/custom-class-c7abcffc.js.map +0 -1
  1350. package/dist/esm/dev.utils-c278c4ae.js +0 -4
  1351. package/dist/esm/dev.utils-c278c4ae.js.map +0 -1
  1352. package/dist/esm/devtools-35fb12ed.js +0 -4
  1353. package/dist/esm/devtools-35fb12ed.js.map +0 -1
  1354. package/dist/esm/disabled-11f5f213.js +0 -4
  1355. package/dist/esm/disabled-11f5f213.js.map +0 -1
  1356. package/dist/esm/events-29e84d75.js +0 -4
  1357. package/dist/esm/events-29e84d75.js.map +0 -1
  1358. package/dist/esm/events-3c3b4721.js +0 -4
  1359. package/dist/esm/events-3c3b4721.js.map +0 -1
  1360. package/dist/esm/has-closer-b582e72a.js +0 -4
  1361. package/dist/esm/has-closer-b582e72a.js.map +0 -1
  1362. package/dist/esm/has-counter-0ab5f398.js +0 -4
  1363. package/dist/esm/has-counter-0ab5f398.js.map +0 -1
  1364. package/dist/esm/hide-label-90b37cc2.js +0 -4
  1365. package/dist/esm/hide-label-90b37cc2.js.map +0 -1
  1366. package/dist/esm/href-8bd5e6c9.js +0 -4
  1367. package/dist/esm/href-8bd5e6c9.js.map +0 -1
  1368. package/dist/esm/i18n-31adef87.js +0 -4
  1369. package/dist/esm/i18n-31adef87.js.map +0 -1
  1370. package/dist/esm/i18n-eef4b287.js +0 -4
  1371. package/dist/esm/i18n-eef4b287.js.map +0 -1
  1372. package/dist/esm/icons-b21fdac0.js +0 -4
  1373. package/dist/esm/icons-b21fdac0.js.map +0 -1
  1374. package/dist/esm/image-source-6cc4aef4.js +0 -4
  1375. package/dist/esm/image-source-6cc4aef4.js.map +0 -1
  1376. package/dist/esm/index-5879a66b.js +0 -4
  1377. package/dist/esm/index-5879a66b.js.map +0 -1
  1378. package/dist/esm/index-6d801dad.js +0 -4
  1379. package/dist/esm/index-6d801dad.js.map +0 -1
  1380. package/dist/esm/kol-button-group-wc.entry.js +0 -4
  1381. package/dist/esm/kol-button-group-wc.entry.js.map +0 -1
  1382. package/dist/esm/kol-button-group.entry.js +0 -4
  1383. package/dist/esm/kol-button-group.entry.js.map +0 -1
  1384. package/dist/esm/kol-heading-wc.entry.js +0 -4
  1385. package/dist/esm/kol-heading-wc.entry.js.map +0 -1
  1386. package/dist/esm/kol-indented-text-wc.entry.js +0 -4
  1387. package/dist/esm/kol-indented-text-wc.entry.js.map +0 -1
  1388. package/dist/esm/kol-indented-text.entry.js +0 -4
  1389. package/dist/esm/kol-indented-text.entry.js.map +0 -1
  1390. package/dist/esm/kol-input.entry.js +0 -4
  1391. package/dist/esm/kol-input.entry.js.map +0 -1
  1392. package/dist/esm/kol-link-group.entry.js +0 -4
  1393. package/dist/esm/kol-link-group.entry.js.map +0 -1
  1394. package/dist/esm/kol-logo.entry.js +0 -4
  1395. package/dist/esm/kol-logo.entry.js.map +0 -1
  1396. package/dist/esm/kol-span-wc.entry.js +0 -4
  1397. package/dist/esm/kol-span-wc.entry.js.map +0 -1
  1398. package/dist/esm/kol-symbol.entry.js +0 -4
  1399. package/dist/esm/kol-symbol.entry.js.map +0 -1
  1400. package/dist/esm/kol-table.entry.js +0 -4
  1401. package/dist/esm/kol-table.entry.js.map +0 -1
  1402. package/dist/esm/label-90c13388.js +0 -4
  1403. package/dist/esm/label-90c13388.js.map +0 -1
  1404. package/dist/esm/open-4d9f16d0.js +0 -4
  1405. package/dist/esm/open-4d9f16d0.js.map +0 -1
  1406. package/dist/esm/prop.validators-17aec743.js +0 -4
  1407. package/dist/esm/prop.validators-17aec743.js.map +0 -1
  1408. package/dist/esm/reuse-32931294.js +0 -4
  1409. package/dist/esm/reuse-32931294.js.map +0 -1
  1410. package/dist/esm/rows-f033b1b3.js +0 -4
  1411. package/dist/esm/rows-f033b1b3.js.map +0 -1
  1412. package/dist/esm/show-c115b1eb.js +0 -4
  1413. package/dist/esm/show-c115b1eb.js.map +0 -1
  1414. package/dist/esm/spell-check-27a3f91d.js +0 -4
  1415. package/dist/esm/spell-check-27a3f91d.js.map +0 -1
  1416. package/dist/esm/suggestions-04da2b2e.js +0 -4
  1417. package/dist/esm/suggestions-04da2b2e.js.map +0 -1
  1418. package/dist/esm/tooltip-align-d8ac9d69.js +0 -4
  1419. package/dist/esm/tooltip-align-d8ac9d69.js.map +0 -1
  1420. package/dist/esm/validation-16bfc143.js +0 -4
  1421. package/dist/esm/validation-16bfc143.js.map +0 -1
  1422. package/dist/esm/validation-81a4e752.js +0 -4
  1423. package/dist/esm/validation-81a4e752.js.map +0 -1
  1424. package/dist/kolibri/Alert-69d3fb7c.js +0 -4
  1425. package/dist/kolibri/Alert-69d3fb7c.js.map +0 -1
  1426. package/dist/kolibri/Collapsible-a6f9d7da.js +0 -4
  1427. package/dist/kolibri/Collapsible-a6f9d7da.js.map +0 -1
  1428. package/dist/kolibri/FormFieldMsg-555f329f.js +0 -4
  1429. package/dist/kolibri/FormFieldMsg-555f329f.js.map +0 -1
  1430. package/dist/kolibri/InternalUnderlinedBadgeText-868a81c0.js +0 -4
  1431. package/dist/kolibri/InternalUnderlinedBadgeText-868a81c0.js.map +0 -1
  1432. package/dist/kolibri/access-and-short-key-16c1f3d9.js +0 -4
  1433. package/dist/kolibri/align-eeb4ecdd.js +0 -4
  1434. package/dist/kolibri/align-floating-elements-ae4deaae.js +0 -4
  1435. package/dist/kolibri/align-floating-elements-ae4deaae.js.map +0 -1
  1436. package/dist/kolibri/app-globals-2d0926bd.js +0 -4
  1437. package/dist/kolibri/app-globals-2d0926bd.js.map +0 -1
  1438. package/dist/kolibri/associated.controller-3b160a7e.js +0 -4
  1439. package/dist/kolibri/badge-text-91fe6f6c.js +0 -4
  1440. package/dist/kolibri/badge-text-91fe6f6c.js.map +0 -1
  1441. package/dist/kolibri/bund-ad41b762.js +0 -4
  1442. package/dist/kolibri/bund-ad41b762.js.map +0 -1
  1443. package/dist/kolibri/button-variant-a4270d4a.js +0 -4
  1444. package/dist/kolibri/color-c32d99db.js +0 -4
  1445. package/dist/kolibri/common-0f1f2276.js +0 -4
  1446. package/dist/kolibri/component-names-4cb1c62b.js +0 -4
  1447. package/dist/kolibri/component-names-4cb1c62b.js.map +0 -1
  1448. package/dist/kolibri/controller-30593aa8.js +0 -4
  1449. package/dist/kolibri/controller-63e3499d.js +0 -4
  1450. package/dist/kolibri/controller-80316c73.js +0 -4
  1451. package/dist/kolibri/controller-80316c73.js.map +0 -1
  1452. package/dist/kolibri/controller-823a2e8d.js +0 -4
  1453. package/dist/kolibri/controller-8ee06262.js +0 -4
  1454. package/dist/kolibri/controller-8ee06262.js.map +0 -1
  1455. package/dist/kolibri/controller-icon-0a8dd3ac.js +0 -4
  1456. package/dist/kolibri/controller-icon-0a8dd3ac.js.map +0 -1
  1457. package/dist/kolibri/custom-class-c7abcffc.js +0 -4
  1458. package/dist/kolibri/dev.utils-c278c4ae.js +0 -4
  1459. package/dist/kolibri/devtools-35fb12ed.js +0 -4
  1460. package/dist/kolibri/disabled-11f5f213.js +0 -4
  1461. package/dist/kolibri/events-29e84d75.js +0 -4
  1462. package/dist/kolibri/events-29e84d75.js.map +0 -1
  1463. package/dist/kolibri/events-3c3b4721.js +0 -4
  1464. package/dist/kolibri/events-3c3b4721.js.map +0 -1
  1465. package/dist/kolibri/has-closer-b582e72a.js +0 -4
  1466. package/dist/kolibri/has-counter-0ab5f398.js +0 -4
  1467. package/dist/kolibri/hide-label-90b37cc2.js +0 -4
  1468. package/dist/kolibri/href-8bd5e6c9.js +0 -4
  1469. package/dist/kolibri/i18n-31adef87.js +0 -4
  1470. package/dist/kolibri/i18n-eef4b287.js +0 -4
  1471. package/dist/kolibri/i18n-eef4b287.js.map +0 -1
  1472. package/dist/kolibri/icons-b21fdac0.js +0 -4
  1473. package/dist/kolibri/image-source-6cc4aef4.js +0 -4
  1474. package/dist/kolibri/index-5879a66b.js +0 -5
  1475. package/dist/kolibri/index-5879a66b.js.map +0 -1
  1476. package/dist/kolibri/index-6d801dad.js +0 -4
  1477. package/dist/kolibri/index-6d801dad.js.map +0 -1
  1478. package/dist/kolibri/kol-button-group-wc.entry.js +0 -4
  1479. package/dist/kolibri/kol-button-group-wc.entry.js.map +0 -1
  1480. package/dist/kolibri/kol-button-group.entry.js +0 -4
  1481. package/dist/kolibri/kol-button-group.entry.js.map +0 -1
  1482. package/dist/kolibri/kol-heading-wc.entry.js +0 -4
  1483. package/dist/kolibri/kol-heading-wc.entry.js.map +0 -1
  1484. package/dist/kolibri/kol-indented-text-wc.entry.js +0 -4
  1485. package/dist/kolibri/kol-indented-text-wc.entry.js.map +0 -1
  1486. package/dist/kolibri/kol-indented-text.entry.js +0 -4
  1487. package/dist/kolibri/kol-indented-text.entry.js.map +0 -1
  1488. package/dist/kolibri/kol-input.entry.js +0 -4
  1489. package/dist/kolibri/kol-input.entry.js.map +0 -1
  1490. package/dist/kolibri/kol-link-group.entry.js +0 -4
  1491. package/dist/kolibri/kol-link-group.entry.js.map +0 -1
  1492. package/dist/kolibri/kol-logo.entry.js +0 -4
  1493. package/dist/kolibri/kol-logo.entry.js.map +0 -1
  1494. package/dist/kolibri/kol-span-wc.entry.js +0 -4
  1495. package/dist/kolibri/kol-span-wc.entry.js.map +0 -1
  1496. package/dist/kolibri/kol-symbol.entry.js +0 -4
  1497. package/dist/kolibri/kol-symbol.entry.js.map +0 -1
  1498. package/dist/kolibri/kol-table.entry.js +0 -4
  1499. package/dist/kolibri/kol-table.entry.js.map +0 -1
  1500. package/dist/kolibri/label-90c13388.js +0 -4
  1501. package/dist/kolibri/open-4d9f16d0.js +0 -4
  1502. package/dist/kolibri/prop.validators-17aec743.js +0 -4
  1503. package/dist/kolibri/reuse-32931294.js +0 -4
  1504. package/dist/kolibri/reuse-32931294.js.map +0 -1
  1505. package/dist/kolibri/rows-f033b1b3.js +0 -4
  1506. package/dist/kolibri/show-c115b1eb.js +0 -4
  1507. package/dist/kolibri/spell-check-27a3f91d.js +0 -4
  1508. package/dist/kolibri/suggestions-04da2b2e.js +0 -4
  1509. package/dist/kolibri/tooltip-align-d8ac9d69.js +0 -4
  1510. package/dist/kolibri/validation-16bfc143.js +0 -4
  1511. package/dist/kolibri/validation-81a4e752.js +0 -4
  1512. package/dist/types/components/button-group/component.d.ts +0 -6
  1513. package/dist/types/components/button-group/shadow.d.ts +0 -5
  1514. package/dist/types/components/heading/component.d.ts +0 -17
  1515. package/dist/types/components/indented-text/component.d.ts +0 -6
  1516. package/dist/types/components/indented-text/shadow.d.ts +0 -5
  1517. package/dist/types/components/input/component.d.ts +0 -35
  1518. package/dist/types/components/link-group/shadow.d.ts +0 -17
  1519. package/dist/types/components/logo/shadow.d.ts +0 -10
  1520. package/dist/types/components/logo/types.d.ts +0 -11
  1521. package/dist/types/components/span/InternalUnderlinedBadgeText.d.ts +0 -7
  1522. package/dist/types/components/span/component.d.ts +0 -17
  1523. package/dist/types/components/symbol/component.d.ts +0 -11
  1524. package/dist/types/components/table/shadow.d.ts +0 -15
  1525. package/dist/types/components/toaster/InternalToast.d.ts +0 -9
  1526. package/dist/types/schema/components/button-group.d.ts +0 -9
  1527. package/dist/types/schema/components/indented-text.d.ts +0 -9
  1528. package/dist/types/schema/components/link-group.d.ts +0 -22
  1529. package/dist/types/schema/components/symbol.d.ts +0 -12
  1530. package/dist/types/schema/enums/events.d.ts +0 -23
  1531. package/dist/types/schema/props/hide-error.d.ts +0 -7
  1532. package/doc/button-group.md +0 -96
  1533. package/doc/indented-text.md +0 -52
  1534. package/doc/link-group.md +0 -98
  1535. package/doc/logo.md +0 -67
  1536. package/doc/popover.md +0 -26
  1537. package/doc/span.md +0 -32
  1538. package/doc/symbol.md +0 -44
  1539. package/doc/table.md +0 -201
  1540. package/doc/tooltip.md +0 -47
  1541. /package/dist/kolibri/{access-and-short-key-16c1f3d9.js.map → access-and-short-key-58467f3a.js.map} +0 -0
  1542. /package/dist/kolibri/{align-eeb4ecdd.js.map → align-2f553440.js.map} +0 -0
  1543. /package/dist/kolibri/{associated.controller-3b160a7e.js.map → associated.controller-a6273a44.js.map} +0 -0
  1544. /package/dist/kolibri/{button-variant-a4270d4a.js.map → button-variant-22db3cae.js.map} +0 -0
  1545. /package/dist/kolibri/{color-c32d99db.js.map → color-e2f76a18.js.map} +0 -0
  1546. /package/dist/kolibri/{common-0f1f2276.js.map → common-54bf85ba.js.map} +0 -0
  1547. /package/dist/kolibri/{controller-63e3499d.js.map → controller-04af0502.js.map} +0 -0
  1548. /package/dist/kolibri/{controller-30593aa8.js.map → controller-1a508e22.js.map} +0 -0
  1549. /package/dist/kolibri/{controller-823a2e8d.js.map → controller-b150dd8f.js.map} +0 -0
  1550. /package/dist/kolibri/{custom-class-c7abcffc.js.map → custom-class-1ea7f6ba.js.map} +0 -0
  1551. /package/dist/kolibri/{dev.utils-c278c4ae.js.map → dev.utils-869ad410.js.map} +0 -0
  1552. /package/dist/kolibri/{devtools-35fb12ed.js.map → devtools-a9857e56.js.map} +0 -0
  1553. /package/dist/kolibri/{disabled-11f5f213.js.map → disabled-bdfddd32.js.map} +0 -0
  1554. /package/dist/kolibri/{has-closer-b582e72a.js.map → has-closer-1f00aaf3.js.map} +0 -0
  1555. /package/dist/kolibri/{has-counter-0ab5f398.js.map → has-counter-46536f3c.js.map} +0 -0
  1556. /package/dist/kolibri/{hide-label-90b37cc2.js.map → hide-label-8fc169d2.js.map} +0 -0
  1557. /package/dist/kolibri/{href-8bd5e6c9.js.map → href-50f7d11b.js.map} +0 -0
  1558. /package/dist/kolibri/{i18n-31adef87.js.map → i18n-efbafc80.js.map} +0 -0
  1559. /package/dist/kolibri/{icons-b21fdac0.js.map → icons-d9615c78.js.map} +0 -0
  1560. /package/dist/kolibri/{image-source-6cc4aef4.js.map → image-source-dc18dccc.js.map} +0 -0
  1561. /package/dist/kolibri/{label-90c13388.js.map → label-0219bcdb.js.map} +0 -0
  1562. /package/dist/kolibri/{open-4d9f16d0.js.map → open-d5b42a38.js.map} +0 -0
  1563. /package/dist/kolibri/{prop.validators-17aec743.js.map → prop.validators-de1491c5.js.map} +0 -0
  1564. /package/dist/kolibri/{rows-f033b1b3.js.map → rows-4dc53b94.js.map} +0 -0
  1565. /package/dist/kolibri/{show-c115b1eb.js.map → show-46145480.js.map} +0 -0
  1566. /package/dist/kolibri/{spell-check-27a3f91d.js.map → spell-check-d3f3ed29.js.map} +0 -0
  1567. /package/dist/kolibri/{suggestions-04da2b2e.js.map → suggestions-dc373440.js.map} +0 -0
  1568. /package/dist/kolibri/{tooltip-align-d8ac9d69.js.map → tooltip-align-f41ae17f.js.map} +0 -0
  1569. /package/dist/kolibri/{validation-16bfc143.js.map → validation-1473d7f0.js.map} +0 -0
  1570. /package/dist/kolibri/{validation-81a4e752.js.map → validation-70143d97.js.map} +0 -0
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * KoliBri - The accessible HTML-Standard
3
3
  */
4
- import{h as t,F as e,H as i,r as n,g as s}from"./index-5879a66b.js";import{c as o}from"./clsx-09a06a12.js";import{l as a,g as l}from"./component-names-4cb1c62b.js";import{t as r}from"./i18n-31adef87.js";import{n as h}from"./dev.utils-c278c4ae.js";import{t as d}from"./events-29e84d75.js";import{g as c}from"./controller-8ee06262.js";import{I as u}from"./InternalUnderlinedBadgeText-868a81c0.js";import{I as p}from"./controller-icon-0a8dd3ac.js";import{f,b}from"./controller-80316c73.js";import{b as m,w as v,i as y,k as g}from"./prop.validators-17aec743.js";import{s as k,b as w}from"./reuse-32931294.js";import"./i18n-eef4b287.js";import"./dev.utils-fab45cbc.js";import"./associated.controller-3b160a7e.js";import"./access-and-short-key-16c1f3d9.js";import"./hide-label-90b37cc2.js";import"./label-90c13388.js";import"./common-0f1f2276.js";import"./tooltip-align-d8ac9d69.js";import"./align-eeb4ecdd.js";import"./icons-b21fdac0.js";import"./index-6d801dad.js";class _ extends p{constructor(t,e,i){super(t,e,i),this.keyOptionMap=new Map,this.afterPatchOptions=(t,e,i,n)=>{"_value"===n&&this.setFormAssociatedValue(t)},this.beforePatchOptions=(t,e)=>{const i=e.has("_options")?e.get("_options"):this.component.state._options;Array.isArray(i)&&i.length>0&&(this.keyOptionMap.clear(),f(this.keyOptionMap,i))},this.component=t}validateOptions(t){b(this.component,t,{hooks:{afterPatch:this.afterPatchOptions,beforePatch:this.beforePatchOptions}})}validateRequired(t){m(this.component,"_required",t)}validateValue(t){v(this.component,"_value",(t=>void 0!==t),new Set(["KoliBriUnknown"]),t)}validatePlaceholder(t){y(this.component,"_placeholder",t)}validateHideClearButton(t){m(this.component,"_hideClearButton",t)}validateRows(t){g(this.component,"_rows",t)}componentWillLoad(){super.componentWillLoad(),this.validateOptions(this.component._options),this.validateRequired(this.component._required),this.validateValue(this.component._value),this.validatePlaceholder(this.component._placeholder),this.validateHideClearButton(this.component._hideClearButton),this.validateRows(this.component._rows)}}const x="/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n :host {\n /*\n * Minimum size of interactive elements.\n */\n --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\n /*\n * No element should be used without a background and font color whose contrast ratio has\n * not been checked. By initially setting the background color to white and the font color\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\n */\n background-color: white;\n color: black;\n /*\n * Verdana is an accessible font that can be used without requiring additional loading time.\n */\n font-family: Verdana;\n }\n * {\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n hyphens: auto;\n /*\n * Letter spacing is required for all texts.\n */\n letter-spacing: inherit;\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n word-break: break-word;\n /*\n * Word spacing is required for all texts.\n */\n word-spacing: inherit;\n }\n /*\n * All interactive elements should have a minimum size of rem(44).\n */\n /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n /* option, */\n /* select, */\n /* textarea, */\n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n /*\n * Some interactive elements should not inherit the font-family and font-size.\n */\n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n /*\n * All elements should inherit the font family from his parent element.\n */\n font-family: inherit;\n /*\n * All elements should inherit the font size from his parent element.\n */\n font-size: inherit;\n }\n}\n/**\n * Sometimes we need the semantic element for accessibility reasons,\n * but we don't want to show it.\n *\n * - https://www.a11yproject.com/posts/how-to-hide-content/\n */\n.visually-hidden {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: calc(1rem / var(--kolibri-root-font-size, 16));\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: calc(1rem / var(--kolibri-root-font-size, 16));\n}\n\n@layer kol-global {\n /*\n * Dieses CSS stellt sicher, dass der Standard-Style\n * von A und Button resettet werden.\n */\n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; /* 100% needed for custom width from outside */\n }\n /*\n * Ensure elements with hidden attribute to be actually not visible\n * @see https://meowni.ca/hidden.is.a.lie.html\n */\n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n :host {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n /*\n * The max-width is needed to prevent the table from overflowing the\n * parent node, if the table is wider than the parent node.\n */\n max-width: 100%;\n }\n * {\n /*\n * We prefer to box-sizing: border-box for all elements.\n */\n box-sizing: border-box;\n }\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n /* This is the text label. */\n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n /* Reset browser agent style. */\n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n .badge-text-hint {\n background-color: lightgray;\n color: black;\n }\n}\n@layer kol-component {\n :host {\n display: block;\n }\n}\n@layer kol-component {\n .kol-tooltip-wc {\n display: contents;\n }\n .kol-tooltip-wc .tooltip-floating {\n animation-duration: 0.25s;\n animation-iteration-count: 1;\n animation-name: fadeInOpacity;\n animation-timing-function: ease-in;\n box-sizing: border-box;\n display: none;\n position: fixed;\n visibility: hidden;\n /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n top: 0;\n left: 0;\n max-width: 90vw;\n max-height: 90vh;\n /* Can be used to specify the tooltip-width from the outside. Unset by default. */\n width: var(--kol-tooltip-width);\n }\n /* Shared between content and arrow */\n .kol-tooltip-wc .tooltip-area {\n background-color: #fff;\n color: #000;\n }\n .kol-tooltip-wc .tooltip-arrow {\n height: calc(10rem / var(--kolibri-root-font-size, 16));\n position: absolute;\n transform: rotate(45deg);\n width: calc(10rem / var(--kolibri-root-font-size, 16));\n z-index: 999;\n }\n .kol-tooltip-wc .tooltip-content {\n position: relative;\n z-index: 1000;\n }\n @keyframes fadeInOpacity {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n }\n}\n@layer kol-component {\n .required label > span::after,\n .required legend > span::after {\n content: \"*\";\n }\n}\n@layer kol-component {\n input,\n textarea {\n cursor: text;\n }\n input[type=checkbox],\n input[type=color],\n input[type=file],\n input[type=radio],\n input[type=range],\n label,\n option,\n select {\n cursor: pointer;\n }\n /* input[type='checkbox'], */\n /* input[type='radio'], */\n /* input[type='range'], */\n input[type=color],\n input[type=date],\n input[type=datetime-local],\n input[type=email],\n input[type=file],\n input[type=month],\n input[type=number],\n input[type=password],\n input[type=search],\n input[type=tel],\n input[type=text],\n input[type=time],\n input[type=url],\n input[type=week],\n option,\n select,\n textarea {\n background-color: transparent;\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n width: 100%;\n }\n /* needed hack for vertical alignment */\n input[type=file] {\n padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 10) 0.5em;\n }\n /* needed hack for vertical alignment */\n select[multiple] option {\n padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 2) 0.5em;\n }\n}\n@layer kol-component {\n .kol-alert-wc {\n display: grid;\n }\n .kol-alert-wc .heading {\n display: flex;\n place-items: center;\n overflow: hidden;\n }\n .kol-alert-wc .heading > div {\n flex-grow: 1;\n }\n .close {\n /* Visible with forced colors */\n outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\n }\n}\n@layer kol-component {\n .kol-input {\n display: grid;\n }\n .kol-input .input-slot {\n flex-grow: 1;\n overflow: hidden;\n }\n input:focus,\n option:focus,\n select:focus,\n textarea:focus {\n outline: 0;\n }\n .input {\n align-items: center;\n background-color: white;\n cursor: pointer;\n display: flex;\n }\n button:not([role=link]) {\n min-height: auto;\n }\n .input > .kol-icon {\n display: grid;\n place-items: center;\n }\n .kol-input.required .input-tooltip .span-label::after {\n content: \"*\";\n }\n}\n@layer kol-component {\n .single-select {\n position: relative;\n }\n .single-select.disabled, .single-select.disabled * {\n cursor: not-allowed !important;\n }\n .single-select__group {\n display: inline-flex;\n align-items: center;\n }\n .single-select__input {\n flex-grow: 1;\n }\n .single-select__button {\n height: auto;\n width: var(--a11y-min-size);\n }\n .single-select__listbox {\n display: block;\n position: absolute;\n list-style-type: none;\n margin: 0;\n padding: 0;\n overflow-y: auto;\n overflow-x: hidden;\n z-index: 2;\n background-color: white;\n max-height: calc((40rem / var(--kolibri-root-font-size, 16)) * var(--visible-options, 5) + (2rem / var(--kolibri-root-font-size, 16))) !important;\n }\n .single-select__item.highlighted {\n background-color: #f0f0f0;\n }\n .single-select__listbox--cursor-hidden .single-select__item {\n cursor: none !important;\n }\n .single-select__no-results-message {\n cursor: default;\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: calc(50rem / var(--kolibri-root-font-size, 16));\n }\n}",z=x,j=class{async getValue(){return this._value}async kolFocus(){var t;null===(t=this.refInput)||void 0===t||t.focus()}onBlur(){var t;Array.isArray(this.state._options)&&this.state._options.length>0&&!this.state._options.some((t=>t.label===this._inputValue))&&(this._inputValue=null===(t=this.state._options.find((t=>t.value===this._value)))||void 0===t?void 0:t.label,this._filteredOptions=[...this.state._options]),this._isOpen=!1,this._hasOpened=!1}clearSelection(){if(!this.state._disabled){const t="";this._focusedOptionIndex=-1,this._value=t,this._inputValue=t,this._filteredOptions=[...this.state._options],this.controller.onFacade.onInput(new CustomEvent("input",{bubbles:!0,detail:{name:this.state._name,value:t}}),!0,t),this.controller.onFacade.onChange(new CustomEvent("change",{bubbles:!0,detail:{name:this.state._name,value:t}}),t)}}selectOption(t){this._value=t.value,this._inputValue=t.label,this.controller.onFacade.onInput(new CustomEvent("input",{bubbles:!0,detail:{name:this.state._name,value:t.value}}),!1,t.value),this.controller.onFacade.onChange(new CustomEvent("change",{bubbles:!0,detail:{name:this.state._name,value:t.value}}),t.value),this._filteredOptions=[...this.state._options],this.controller.setFormAssociatedValue(this._value)}onInput(t){const e=t.target;this._inputValue=e.value,this._isOpen=!0,this.setFilteredOptionsByQuery(e.value),this._focusedOptionIndex=-1}handleKeyDownDropdown(t){1===t.key.length&&/[a-z0-9]/i.test(t.key)&&(t.preventDefault(),this._isOpen=!0,this.focusSuggestionStartingWith(t.key))}setFilteredOptionsByQuery(t){""===(null==t?void 0:t.trim())?this._filteredOptions=[...this.state._options]:Array.isArray(this.state._options)&&this.state._options.length>0&&t.length>0&&(this._filteredOptions=this.state._options.filter((e=>{var i,n;return null===(n=null===(i=e.label)||void 0===i?void 0:i.toLowerCase())||void 0===n?void 0:n.includes(null==t?void 0:t.toLowerCase())})))}moveFocus(t){if(!this._filteredOptions)return;let e=this._focusedOptionIndex+t;e>=this._filteredOptions.length&&(e=0),e<0&&(e=this._filteredOptions.length-1),this._focusedOptionIndex=e,this.focusOption(this._focusedOptionIndex)}focusOption(t){if(this.refOptions){const e=this.refOptions[t];null==e||e.focus()}}focusSuggestionStartingWith(t){const e=t.toLowerCase(),i=Array.isArray(this._filteredOptions)&&this._filteredOptions.findIndex((t=>t.label.toLowerCase().startsWith(e)));"number"==typeof i&&(this._focusedOptionIndex=i,this.focusOption(i))}render(){var n;const s=k(this.state._label),{ariaDescribedBy:d}=c(this.state);return t(i,{key:"cc3133a2f097fab6e9c082d6f91d8fa1e74c21bf",class:"kol-single-select"},t("div",{key:"55ff97af5cbbe984e8400e844b6e5097b9f5235b",class:`single-select ${!0===this.state._disabled?"disabled":""} `},t(a,{key:"e879c998480f468b8b35c345085518665665d3c4",_accessKey:this.state._accessKey,_alert:this.showAsAlert(),_disabled:this.state._disabled,_hideError:this.state._hideError,_hideLabel:this.state._hideLabel,_hint:this.state._hint,_icons:this.state._icons,_id:this.state._id,_label:this.state._label,_msg:this.state._msg,_required:this.state._required,_shortKey:this.state._shortKey,_tooltipAlign:this._tooltipAlign,_touched:this.state._touched,role:"presentation"},t("span",{key:"d54ea356639f88482b0552b0358a81acb05039c5",slot:"label"},s?t("slot",{name:"expert"}):"string"==typeof this.state._accessKey||"string"==typeof this.state._shortKey?t(e,null,t(u,{badgeText:w(this.state._accessKey||this.state._shortKey),label:this.state._label})," ",t("span",{class:"badge-text-hint","aria-hidden":"true"},w(this.state._accessKey||this.state._shortKey))):t("span",null,this.state._label)),t("div",{key:"63be6784d1c397d03d9587cd6d47b485333b171f",slot:"input"},t("div",{key:"5af3aef92dbf40921e10717bcf33bf6a76a65695",class:"single-select__group"},t("input",Object.assign({key:"e6c9f147ed7d121354832108cedc992c9cdec92a",ref:this.catchRef,class:"single-select__input","data-testid":"single-select-input",type:"text","aria-autocomplete":"both","aria-controls":"listbox",value:this._inputValue,accessKey:this.state._accessKey,"aria-describedby":d.length>0?d.join(" "):void 0,"aria-label":this.state._hideLabel&&"string"==typeof this.state._label?this.state._label:void 0,"aria-activedescendant":this._isOpen&&this._focusedOptionIndex>=0?`option-${this._focusedOptionIndex}`:void 0,autoCapitalize:"off",autoCorrect:"off",disabled:this.state._disabled,name:this.state._name,required:this.state._required},this.controller.onFacade,{onInput:this.onInput.bind(this),onChange:this.onChange.bind(this),onClick:this.toggleListbox.bind(this),onFocus:t=>{this.controller.onFacade.onFocus(t),this.inputHasFocus=!0},onBlur:t=>{this.controller.onFacade.onBlur(t),this.inputHasFocus=!1},placeholder:this.state._placeholder})),this._inputValue&&!this.state._hideClearButton&&t(l,{key:"f566da1880518328039aeafc028be7b06db6c686",_icons:"codicon codicon-close",_label:r("kol-delete-selection"),onClick:()=>{var t;this.clearSelection(),null===(t=this.refInput)||void 0===t||t.focus()},class:"single-select__delete"}),t("button",{key:"ab50e96d8427167d4e0c9c8a636c5c8b3cd352cc",tabindex:"-1",class:"single-select__button",onClick:this.toggleListbox.bind(this),disabled:this.state._disabled},t(l,{key:"42a1c2428ef79014282cc40fd937bd22a482a052",_icons:"codicon codicon-triangle-down",_label:r("kol-dropdown")}))),this._isOpen&&!(!0===this.state._disabled)&&t("ul",{key:"dce5f46ed13d22f036c53ae5c0d73278d59ba91f",role:"listbox",class:o("single-select__listbox",this.blockSuggestionMouseOver&&"single-select__listbox--cursor-hidden"),style:{"--visible-options":`${null!==(n=this._rows)&&void 0!==n?n:5}`},onKeyDown:this.handleKeyDownDropdown.bind(this)},Array.isArray(this._filteredOptions)&&this._filteredOptions.length>0?this._filteredOptions.map(((e,i)=>t("li",{id:`option-${i}`,key:`-${i}`,ref:t=>{t&&(this.refOptions[i]=t)},tabIndex:-1,role:"option","aria-selected":this._value===e.value?"true":void 0,onClick:t=>{var i;this.selectOption(e),null===(i=this.refInput)||void 0===i||i.focus(),this.toggleListbox(t),this._isOpen=!1,this._hasOpened=!1},onMouseOver:()=>{this.blockSuggestionMouseOver||(this._focusedOptionIndex=i,this.focusOption(i))},onFocus:()=>{this._focusedOptionIndex=i,this.focusOption(i)},class:"single-select__item",onKeyDown:t=>{var i;"Enter"!==t.key&&"NumpadEnter"!==t.key||(this.selectOption(e),null===(i=this.refInput)||void 0===i||i.focus(),this.toggleListbox(t),t.preventDefault())}},t("input",{class:"visually-hidden",type:"radio",name:"options",id:`option-radio-${i}`,value:e.value,checked:this._value===e.value||i===this._focusedOptionIndex}),t("label",{htmlFor:`option-radio-${i}`,class:"radio-label"},e.label)))):t("li",{class:"single-select__no-results-message"},r("kol-no-results-message")," "))))))}handleFocusOut(){setTimeout((()=>{var t;(null===(t=this.host)||void 0===t?void 0:t.contains(document.activeElement))||this.onBlur()}),0)}handleWindowBlur(){this.onBlur()}handleKeyDown(t){var e,i;const n=(e,i)=>{var n;t.preventDefault(),void 0!==e&&(this._isOpen=e,e||null===(n=this.refInput)||void 0===n||n.focus()),null==i||i()};switch(t.key){case"Down":case"ArrowDown":this.blockSuggestionMouseOver=!0,n(!0,(()=>this.moveFocus(1)));break;case"Up":case"ArrowUp":this.blockSuggestionMouseOver=!0,n(!0,(()=>this.moveFocus(-1)));break;case"Tab":this._isOpen&&(this._isOpen=!this._isOpen,null===(e=this.refInput)||void 0===e||e.focus());break;case"Esc":case"Escape":this._hasOpened=!1,this._isOpen=!1,n(!1);break;case" ":this._isOpen?Array.isArray(this._filteredOptions)&&this._filteredOptions.length>0&&(this.selectOption(this._filteredOptions[this._focusedOptionIndex]),null===(i=this.refInput)||void 0===i||i.focus(),n(!1)):this.toggleListbox(t);break;case"NumpadEnter":case"Enter":this.toggleListbox(t),this._hasOpened=!1,this._isOpen=!1;break;case"Home":this.blockSuggestionMouseOver=!0,n(void 0,(()=>{this._isOpen&&(this._focusedOptionIndex=0,this.focusOption(this._focusedOptionIndex))}));break;case"End":this.blockSuggestionMouseOver=!0,n(void 0,(()=>{this._isOpen&&(this._focusedOptionIndex=this._filteredOptions?this._filteredOptions.length-1:0,this.focusOption(this._focusedOptionIndex))}));break;case"PageUp":this.blockSuggestionMouseOver=!0,n(void 0,(()=>this._isOpen&&this.moveFocus(-10)));break;case"PageDown":this.blockSuggestionMouseOver=!0,n(void 0,(()=>this._isOpen&&this.moveFocus(10)))}}constructor(t){n(this,t),this.refOptions=[],this.catchRef=t=>{this.refInput=t},this.toggleListbox=t=>{var e;if(null==t||t.preventDefault(),!this.state._disabled&&!this._hasOpened){this._isOpen=!0,this._hasOpened=!0,null===(e=this.refInput)||void 0===e||e.focus();const t=Array.isArray(this._filteredOptions)?this._filteredOptions.findIndex((t=>t.label===this._inputValue)):-1,i=this.refOptions[t];null==i||i.scrollIntoView({block:"nearest"}),this.focusOption(this._focusedOptionIndex)}},this._focusedOptionIndex=-1,this._isOpen=!1,this._hasOpened=!1,this._filteredOptions=[],this._inputValue="",this.blockSuggestionMouseOver=!1,this._accessKey=void 0,this._placeholder=void 0,this._alert=void 0,this._disabled=!1,this._hideError=!1,this._hideLabel=!1,this._hint="",this._icons=void 0,this._id=void 0,this._label=void 0,this._msg=void 0,this._name=void 0,this._on=void 0,this._options=void 0,this._required=!1,this._shortKey=void 0,this._syncValueBySelector=void 0,this._tabIndex=void 0,this._tooltipAlign="top",this._touched=!1,this._value=void 0,this._hideClearButton=!1,this._rows=void 0,this.state={_hideError:!1,_id:`id-${h()}`,_label:"",_options:[],_hideClearButton:!1},this.inputHasFocus=!1,this.controller=new _(this,"single-select",this.host)}showAsAlert(){return void 0===this.state._alert?Boolean(this.state._touched)&&!this.inputHasFocus:this.state._alert}validatePlaceholder(t){this.controller.validatePlaceholder(t)}validateAccessKey(t){this.controller.validateAccessKey(t)}validateAlert(t){this.controller.validateAlert(t)}validateDisabled(t){this.controller.validateDisabled(t)}validateHideError(t){this.controller.validateHideError(t)}validateHideLabel(t){this.controller.validateHideLabel(t)}validateHint(t){this.controller.validateHint(t)}validateIcons(t){this.controller.validateIcons(t)}validateId(t){this.controller.validateId(t)}validateLabel(t){this.controller.validateLabel(t)}validateMsg(t){this.controller.validateMsg(t)}validateName(t){this.controller.validateName(t)}validateOn(t){this.controller.validateOn(t)}validateOptions(t){this.controller.validateOptions(t),this._filteredOptions=t,this.updateInputValue(this._value)}validateRequired(t){this.controller.validateRequired(t)}validateShortKey(t){this.controller.validateShortKey(t)}validateSyncValueBySelector(t){this.controller.validateSyncValueBySelector(t)}validateTabIndex(t){this.controller.validateTabIndex(t)}validateTouched(t){this.controller.validateTouched(t)}validateValue(t){this.controller.validateValue(t),this.oldValue=t,this.updateInputValue(t)}validateHideClearButton(t){this.controller.validateHideClearButton(t)}validateRows(t){this.controller.validateRows(t)}handleMouseEvent(){this.blockSuggestionMouseOver=!1}updateInputValue(t){if(Array.isArray(this._options)){const e=this._options.find((e=>e.value===t));this._inputValue=e?String(e.label):""}}componentWillLoad(){this.refOptions=[],this._touched=!0===this._touched,this.controller.componentWillLoad(),this.oldValue=this._value,this._filteredOptions=this.state._options,this.updateInputValue(this._value)}onChange(t){var e,i,n,o;this.oldValue!==(null===(e=this.refInput)||void 0===e?void 0:e.value)&&(this.oldValue=null===(i=this.refInput)||void 0===i?void 0:i.value),d("change",this.host,this._value),"function"!=typeof(null===(n=this.state._on)||void 0===n?void 0:n.onChange)||this._isOpen||this.state._on.onChange(t,this._value&&this.oldValue!==(null===(o=this.refInput)||void 0===o?void 0:o.value))}static get delegatesFocus(){return!0}get host(){return s(this)}static get watchers(){return{_placeholder:["validatePlaceholder"],_accessKey:["validateAccessKey"],_alert:["validateAlert"],_disabled:["validateDisabled"],_hideError:["validateHideError"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_icons:["validateIcons"],_id:["validateId"],_label:["validateLabel"],_msg:["validateMsg"],_name:["validateName"],_on:["validateOn"],_options:["validateOptions"],_required:["validateRequired"],_shortKey:["validateShortKey"],_syncValueBySelector:["validateSyncValueBySelector"],_tabIndex:["validateTabIndex"],_touched:["validateTouched"],_value:["validateValue"],"_hideClearButton ":["validateHideClearButton"],_rows:["validateRows"]}}};j.style={default:z};export{j as kol_single_select};
4
+ import{h as t,r as e,g as i}from"./index-058cc56d.js";import{c as n}from"./clsx-09a06a12.js";import{d as s}from"./component-names-7ee7402b.js";import{K as o}from"./InputStateWrapper-4a79e4a6.js";import{g as a,C as l,a as r,b as h}from"./CustomSuggestionsOptionsGroup-6142831a.js";import{t as d}from"./i18n-efbafc80.js";import{n as c}from"./dev.utils-869ad410.js";import{I as u,K as f}from"./controller-icon-0bd2a7ef.js";import{f as p,b as m}from"./controller-7964efb9.js";import{b,w as v,i as g,k}from"./prop.validators-de1491c5.js";import{K as y}from"./getRenderStates-05837109.js";import"./tslib.es6-1173d062.js";import"./Input-7d2ee70a.js";import"./i18n-45224cc3.js";import"./reuse-f46e7e35.js";import"./dev.utils-fab45cbc.js";import"./InternalUnderlinedBadgeText-d1821325.js";import"./isArray-7a60fa7f.js";import"./isObject-ffcbbb76.js";import"./Icon-6bed0b43.js";import"./icons-d9615c78.js";import"./common-54bf85ba.js";import"./label-0219bcdb.js";import"./index-0a773c52.js";import"./events-5886c68b.js";import"./associated.controller-a6273a44.js";import"./access-and-short-key-58467f3a.js";import"./tooltip-align-f41ae17f.js";import"./align-2f553440.js";import"./hide-label-8fc169d2.js";import"./Alert-6cd2f6dc.js";import"./bem-e4c3a2e6.js";import"./browser-f629a56a.js";import"./Heading-7f4642c5.js";class _ extends u{constructor(t,e,n){super(t,e,n),this.keyOptionMap=new Map,this.afterPatchOptions=(t,e,n,i)=>{"_value"===i&&this.setFormAssociatedValue(t)},this.beforePatchOptions=(t,e)=>{const n=e.has("_options")?e.get("_options"):this.component.state._options;Array.isArray(n)&&n.length>0&&(this.keyOptionMap.clear(),p(this.keyOptionMap,n))},this.component=t}validateOptions(t){m(this.component,t,{hooks:{afterPatch:this.afterPatchOptions,beforePatch:this.beforePatchOptions}})}validateRequired(t){b(this.component,"_required",t)}validateValue(t){v(this.component,"_value",(t=>void 0!==t),new Set(["KoliBriUnknown"]),t)}validatePlaceholder(t){g(this.component,"_placeholder",t)}validateHideClearButton(t){b(this.component,"_hideClearButton",t)}validateRows(t){k(this.component,"_rows",t)}componentWillLoad(){super.componentWillLoad(),this.validateOptions(this.component._options),this.validateRequired(this.component._required),this.validateValue(this.component._value),this.validatePlaceholder(this.component._placeholder),this.validateHideClearButton(this.component._hideClearButton),this.validateRows(this.component._rows)}}const w="/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n :host {\n /*\n * Minimum size of interactive elements.\n */\n --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\n /*\n * No element should be used without a background and font color whose contrast ratio has\n * not been checked. By initially setting the background color to white and the font color\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\n */\n background-color: white;\n color: black;\n /*\n * Verdana is an accessible font that can be used without requiring additional loading time.\n */\n font-family: Verdana;\n }\n * {\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n hyphens: auto;\n /*\n * Letter spacing is required for all texts.\n */\n letter-spacing: inherit;\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n word-break: break-word;\n /*\n * Word spacing is required for all texts.\n */\n word-spacing: inherit;\n }\n /*\n * All interactive elements should have a minimum size of rem(44).\n */\n /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n /* option, */\n /* select, */\n /* textarea, */\n [role=button],\n button:not([role=link]) {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n /*\n * Some interactive elements should not inherit the font-family and font-size.\n */\n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n /*\n * All elements should inherit the font family from his parent element.\n */\n font-family: inherit;\n /*\n * All elements should inherit the font size from his parent element.\n */\n font-size: inherit;\n }\n}\n/**\n * Sometimes we need the semantic element for accessibility reasons,\n * but we don't want to show it.\n *\n * - https://www.a11yproject.com/posts/how-to-hide-content/\n */\n.visually-hidden {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: calc(1rem / var(--kolibri-root-font-size, 16));\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: calc(1rem / var(--kolibri-root-font-size, 16));\n}\n\n@layer kol-global {\n /*\n * Dieses CSS stellt sicher, dass der Standard-Style\n * von A und Button resettet werden.\n */\n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%;\n /* 100% needed for custom width from outside */\n }\n /*\n * Ensure elements with hidden attribute to be actually not visible\n * @see https://meowni.ca/hidden.is.a.lie.html\n */\n [hidden] {\n display: none !important;\n }\n .badge-text-hint {\n background-color: lightgray;\n color: black;\n }\n}\n@layer kol-global {\n :host {\n /*\n * The max-width is needed to prevent the table from overflowing the\n * parent node, if the table is wider than the parent node.\n */\n max-width: 100%;\n }\n * {\n /*\n * We prefer to box-sizing: border-box for all elements.\n */\n box-sizing: border-box;\n }\n .kol-span {\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n display: grid;\n place-items: center;\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n }\n .kol-span__container {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .kol-span .kol-span__label--hide-label .kol-span__label {\n display: none;\n }\n /* Reset browser agent style. */\n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span,\n [disabled]:focus .kol-span {\n outline: none !important;\n }\n}\n@layer kol-component {\n :host {\n display: block;\n }\n}\n@layer kol-component {\n :host {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-tooltip {\n display: contents;\n }\n .kol-tooltip__floating {\n animation-duration: 0.25s;\n animation-iteration-count: 1;\n animation-name: fadeInOpacity;\n animation-timing-function: ease-in;\n box-sizing: border-box;\n display: none;\n position: fixed;\n visibility: hidden;\n /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n top: 0;\n left: 0;\n max-width: 90vw;\n max-height: 90vh;\n /* Can be used to specify the tooltip-width from the outside. Unset by default. */\n width: var(--kol-tooltip-width);\n }\n .kol-tooltip__arrow {\n background-color: #fff;\n color: #000;\n height: calc(10rem / var(--kolibri-root-font-size, 16));\n position: absolute;\n transform: rotate(45deg);\n width: calc(10rem / var(--kolibri-root-font-size, 16));\n z-index: 999;\n }\n .kol-tooltip__content {\n background-color: #fff;\n color: #000;\n position: relative;\n z-index: 1000;\n }\n @keyframes fadeInOpacity {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n }\n}\n@layer kol-component {\n .kol-alert {\n display: grid;\n }\n .kol-alert__container {\n place-items: center;\n display: flex;\n }\n .kol-alert__container-content {\n flex-grow: 1;\n }\n .kol-alert__closer {\n /* Visible with forced colors */\n outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\n }\n}\n@layer kol-component {\n .kol-custom-suggestions-option {\n cursor: pointer;\n white-space: normal;\n overflow-wrap: break-word;\n word-wrap: break-word;\n line-height: 1.5;\n box-sizing: border-box;\n }\n .kol-custom-suggestions-options-group--cursor-hidden .kol-custom-suggestions-option {\n cursor: none !important;\n }\n}\n@layer kol-component {\n .kol-custom-suggestions-options-group {\n display: block;\n position: absolute;\n list-style-type: none;\n margin: 0;\n padding: 0;\n overflow-y: auto;\n overflow-x: hidden;\n z-index: 2;\n background-color: white;\n max-height: calc(250rem / var(--kolibri-root-font-size, 16));\n }\n}\n@layer kol-component {\n .kol-custom-suggestions-toggle {\n align-items: center;\n display: flex;\n height: var(--a11y-min-size);\n width: var(--a11y-min-size);\n }\n .kol-custom-suggestions-toggle:not(:disabled) {\n cursor: pointer;\n }\n}\n@layer kol-component {\n .kol-form-field {\n display: grid;\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label {\n cursor: pointer;\n }\n .kol-form-field--disabled .kol-form-field__label {\n opacity: 0.5;\n }\n .kol-form-field--required .kol-form-field__label-text::after {\n content: \"*\";\n }\n .kol-form-field--disabled .kol-form-field__hint {\n opacity: 0.5;\n }\n .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n content: \"*\";\n }\n}\n@layer kol-component {\n .kol-input-container {\n align-items: center;\n background-color: white;\n display: grid;\n grid-template-columns: 1fr;\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n width: 100%;\n }\n .kol-input-container:has(> .kol-input-container__adornment--start) {\n grid-template-columns: auto 1fr;\n }\n .kol-input-container:has(> .kol-input-container__adornment--end) {\n grid-template-columns: 1fr auto;\n }\n .kol-input-container:has(> .kol-input-container__adornment--start):has(> .kol-input-container__adornment--end) {\n grid-template-columns: auto 1fr auto;\n }\n .kol-input-container__container {\n position: relative;\n }\n .kol-input-container__adornment {\n display: flex;\n align-items: center;\n }\n .kol-input-container__adornment .kol-icon {\n display: grid;\n height: var(--a11y-min-size);\n place-items: center;\n }\n}\n@layer kol-component {\n .kol-input {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n min-width: var(--a11y-min-size);\n width: 100%;\n }\n .kol-input:focus {\n outline: none;\n }\n}\n@layer kol-component {\n .kol-single-select__delete {\n cursor: pointer;\n }\n .kol-single-select__delete--disabled {\n cursor: not-allowed;\n }\n .kol-single-select__no-results-message {\n cursor: default;\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: calc(50rem / var(--kolibri-root-font-size, 16));\n }\n .kol-single-select .kol-custom-suggestions-options-group {\n max-height: calc((40rem / var(--kolibri-root-font-size, 16)) * var(--visible-options, 5) + (2rem / var(--kolibri-root-font-size, 16))) !important;\n }\n}",x=w,j=class{async getValue(){return this._value}async kolFocus(){var t;null===(t=this.refInput)||void 0===t||t.focus()}onBlur(){var t;Array.isArray(this.state._options)&&this.state._options.length>0&&!this.state._options.some((t=>t.label===this._inputValue))&&(this._inputValue=null===(t=this.state._options.find((t=>t.value===this._value)))||void 0===t?void 0:t.label,this._filteredOptions=[...this.state._options]),this._isOpen=!1,this._hasOpened=!1}clearSelection(){if(!this.state._disabled){const t="";this._focusedOptionIndex=-1,this._value=t,this._inputValue=t,this._filteredOptions=[...this.state._options],this.controller.onFacade.onInput(new CustomEvent("input",{bubbles:!0,detail:{name:this.state._name,value:t}}),!0,t),this.controller.onFacade.onChange(new CustomEvent("change",{bubbles:!0,detail:{name:this.state._name,value:t}}),t)}}selectOption(t){this._value=t.value,this._inputValue=t.label,this.controller.onFacade.onInput(new CustomEvent("input",{bubbles:!0,detail:{name:this.state._name,value:t.value}}),!1,t.value),this.controller.onFacade.onChange(new CustomEvent("change",{bubbles:!0,detail:{name:this.state._name,value:t.value}}),t.value),this._filteredOptions=[...this.state._options],this.controller.setFormAssociatedValue(this._value)}onInput(t){const e=t.target;this._inputValue=e.value,this._isOpen=!0,this.setFilteredOptionsByQuery(e.value),this._focusedOptionIndex=-1}handleKeyDownDropdown(t){1===t.key.length&&/[a-z0-9]/i.test(t.key)&&(t.preventDefault(),this._isOpen=!0,this.focusSuggestionStartingWith(t.key))}setFilteredOptionsByQuery(t){""===(null==t?void 0:t.trim())?this._filteredOptions=[...this.state._options]:Array.isArray(this.state._options)&&this.state._options.length>0&&t.length>0&&(this._filteredOptions=this.state._options.filter((e=>{var n,i;return null===(i=null===(n=e.label)||void 0===n?void 0:n.toLowerCase())||void 0===i?void 0:i.includes(null==t?void 0:t.toLowerCase())})))}moveFocus(t){if(!this._filteredOptions)return;let e=this._focusedOptionIndex+t;e>=this._filteredOptions.length&&(e=0),e<0&&(e=this._filteredOptions.length-1),this._focusedOptionIndex=e,this.focusOption(this._focusedOptionIndex)}focusOption(t){if(this.refOptions){const e=this.refOptions[t];null==e||e.focus()}}focusSuggestionStartingWith(t){const e=t.toLowerCase(),n=Array.isArray(this._filteredOptions)&&this._filteredOptions.findIndex((t=>t.label.toLowerCase().startsWith(e)));"number"==typeof n&&(this._focusedOptionIndex=n,this.focusOption(n))}getFormFieldProps(){return{state:this.state,class:"kol-single-select",tooltipAlign:this._tooltipAlign,onClick:()=>{var t;return null===(t=this.refInput)||void 0===t?void 0:t.focus()},alert:this.showAsAlert()}}getInputProps(){const{ariaDescribedBy:t}=a(this.state);return Object.assign(Object.assign({"aria-activedescendant":this._isOpen&&this._focusedOptionIndex>=0?`option-${this._focusedOptionIndex}`:void 0,"aria-autocomplete":"both","aria-controls":"listbox","aria-describedby":t.length>0?t.join(" "):void 0,"aria-label":this.state._hideLabel&&"string"==typeof this.state._label?this.state._label:void 0,accessKey:this.state._accessKey,autocapitalize:"off",autocorrect:"off",class:"kol-single-select__input",disabled:this.state._disabled,name:this.state._name,placeholder:this.state._placeholder,ref:this.catchRef,required:this.state._required,state:this.state,type:"text",value:this._inputValue},this.controller.onFacade),{onChange:this.onChange.bind(this),onClick:this.onClick.bind(this),onInput:this.onInput.bind(this),onFocus:t=>{this.controller.onFacade.onFocus(t),this.inputHasFocus=!0},onBlur:t=>{this.controller.onFacade.onBlur(t),this.inputHasFocus=!1}})}render(){var e;return t(y,Object.assign({key:"cdb72de6f61b1615cd32870580153774691c6b43"},this.getFormFieldProps()),t(f,{key:"2cefeed94b8376156b6ad75e777319ca2db9c656",state:this.state},t("div",{key:"b4ef7f976dc946bc1f38bc41d5a942b2ea4ced93",class:"kol-single-select__group"},t(o,Object.assign({key:"492a3beb4fca89b1d1303caf71df136515c5fba0"},this.getInputProps())),this._inputValue&&!this.state._hideClearButton&&t(s,{key:"e6af67ff63addc06e3a2b83d5b477f333b5a68f2",_icons:"codicon codicon-close","data-testid":"single-select-delete",_label:d("kol-delete-selection"),onClick:()=>{var t;this.clearSelection(),null===(t=this.refInput)||void 0===t||t.focus()},class:n("kol-single-select__delete",{"kol-single-select__delete--disabled":this.state._disabled})}),t(l,{key:"d6cb818ee47ff1b65c3ca2b88a941d27a89cdf2e",onClick:this.toggleListbox.bind(this),disabled:this.state._disabled})),this._isOpen&&!(!0===this.state._disabled)&&t(r,{key:"06327f8bcc101cc0a836d293300a506bd99ecd1b",blockSuggestionMouseOver:this.blockSuggestionMouseOver,onKeyDown:this.handleKeyDownDropdown.bind(this),style:{"--visible-options":`${null!==(e=this._rows)&&void 0!==e?e:5}`}},Array.isArray(this._filteredOptions)&&this._filteredOptions.length>0?this._filteredOptions.map(((e,n)=>t(h,{index:n,option:e.label,ref:t=>{t&&(this.refOptions[n]=t)},selected:this._value===e.value,onClick:t=>{var n;this.selectOption(e),null===(n=this.refInput)||void 0===n||n.focus(),this.toggleListbox(t),this._isOpen=!1,this._hasOpened=!1},onMouseOver:()=>{this.blockSuggestionMouseOver||(this._focusedOptionIndex=n,this.focusOption(n))},onFocus:()=>{this._focusedOptionIndex=n,this.focusOption(n)},onKeyDown:t=>{var n;"Enter"!==t.key&&"NumpadEnter"!==t.key||(this.selectOption(e),null===(n=this.refInput)||void 0===n||n.focus(),this.toggleListbox(t),t.preventDefault())}}))):t("li",{class:"kol-single-select__no-results-message"},d("kol-no-results-message")," "))))}handleFocusOut(){setTimeout((()=>{var t;(null===(t=this.host)||void 0===t?void 0:t.contains(document.activeElement))||this.onBlur()}),0)}handleWindowBlur(){this.onBlur()}handleKeyDown(t){var e,n;const i=(e,n)=>{var i;t.preventDefault(),void 0!==e&&(this._isOpen=e,e||null===(i=this.refInput)||void 0===i||i.focus()),null==n||n()};switch(t.key){case"Down":case"ArrowDown":this.blockSuggestionMouseOver=!0,i(!0,(()=>this.moveFocus(1)));break;case"Up":case"ArrowUp":this.blockSuggestionMouseOver=!0,i(!0,(()=>this.moveFocus(-1)));break;case"Tab":this._isOpen&&(this._isOpen=!this._isOpen,null===(e=this.refInput)||void 0===e||e.focus());break;case"Esc":case"Escape":this._hasOpened=!1,this._isOpen=!1,i(!1);break;case" ":this._isOpen?Array.isArray(this._filteredOptions)&&this._filteredOptions.length>0&&(this.selectOption(this._filteredOptions[this._focusedOptionIndex]),null===(n=this.refInput)||void 0===n||n.focus(),i(!1)):this.toggleListbox(t);break;case"NumpadEnter":case"Enter":this.toggleListbox(t),this._hasOpened=!1,this._isOpen=!1;break;case"Home":this.blockSuggestionMouseOver=!0,i(void 0,(()=>{this._isOpen&&(this._focusedOptionIndex=0,this.focusOption(this._focusedOptionIndex))}));break;case"End":this.blockSuggestionMouseOver=!0,i(void 0,(()=>{this._isOpen&&(this._focusedOptionIndex=this._filteredOptions?this._filteredOptions.length-1:0,this.focusOption(this._focusedOptionIndex))}));break;case"PageUp":this.blockSuggestionMouseOver=!0,i(void 0,(()=>this._isOpen&&this.moveFocus(-10)));break;case"PageDown":this.blockSuggestionMouseOver=!0,i(void 0,(()=>this._isOpen&&this.moveFocus(10)))}}constructor(t){e(this,t),this.refOptions=[],this.catchRef=t=>{this.refInput=t},this.toggleListbox=t=>{var e;if(null==t||t.preventDefault(),!this.state._disabled&&!this._hasOpened){this._isOpen=!0,this._hasOpened=!0,null===(e=this.refInput)||void 0===e||e.focus();const t=Array.isArray(this._filteredOptions)?this._filteredOptions.findIndex((t=>t.label===this._inputValue)):-1;this._focusedOptionIndex=t>=0?t:-1,this.focusOption(this._focusedOptionIndex)}},this._focusedOptionIndex=-1,this._isOpen=!1,this._filteredOptions=[],this._inputValue="",this.blockSuggestionMouseOver=!1,this._hasOpened=!1,this._accessKey=void 0,this._placeholder=void 0,this._disabled=!1,this._hideMsg=!1,this._hideLabel=!1,this._hint="",this._icons=void 0,this._id=void 0,this._label=void 0,this._msg=void 0,this._name=void 0,this._on=void 0,this._options=void 0,this._required=!1,this._shortKey=void 0,this._syncValueBySelector=void 0,this._tooltipAlign="top",this._touched=!1,this._value=void 0,this._hideClearButton=!1,this._rows=void 0,this.state={_hideMsg:!1,_id:`id-${c()}`,_label:"",_options:[],_hideClearButton:!1},this.inputHasFocus=!1,this.controller=new _(this,"single-select",this.host)}showAsAlert(){return Boolean(this.state._touched)&&!this.inputHasFocus}validatePlaceholder(t){this.controller.validatePlaceholder(t)}validateAccessKey(t){this.controller.validateAccessKey(t)}validateDisabled(t){this.controller.validateDisabled(t)}validateHideMsg(t){this.controller.validateHideMsg(t)}validateHideLabel(t){this.controller.validateHideLabel(t)}validateHint(t){this.controller.validateHint(t)}validateIcons(t){this.controller.validateIcons(t)}validateId(t){this.controller.validateId(t)}validateLabel(t){this.controller.validateLabel(t)}validateMsg(t){this.controller.validateMsg(t)}validateName(t){this.controller.validateName(t)}validateOn(t){this.controller.validateOn(t)}validateOptions(t){this.controller.validateOptions(t),this._filteredOptions=t,this.updateInputValue(this._value)}validateRequired(t){this.controller.validateRequired(t)}validateShortKey(t){this.controller.validateShortKey(t)}validateSyncValueBySelector(t){this.controller.validateSyncValueBySelector(t)}validateTouched(t){this.controller.validateTouched(t)}validateValue(t){this.controller.validateValue(t),this.oldValue=t,this.updateInputValue(t)}validateHideClearButton(t){this.controller.validateHideClearButton(t)}validateRows(t){this.controller.validateRows(t)}handleMouseEvent(){this.blockSuggestionMouseOver=!1}updateInputValue(t){if(Array.isArray(this._options)){const e=this._options.find((e=>e.value===t));this._inputValue=e?String(e.label):""}}componentWillLoad(){this.refOptions=[],this._touched=!0===this._touched,this.controller.componentWillLoad(),this.oldValue=this._value,this._filteredOptions=this.state._options,this.updateInputValue(this._value)}onChange(t){var e,n;this.oldValue!==(null===(e=this.refInput)||void 0===e?void 0:e.value)&&(this.oldValue=null===(n=this.refInput)||void 0===n?void 0:n.value),this._isOpen||this.controller.onFacade.onChange(t,this._value)}onClick(t){this.toggleListbox(t),this.controller.onFacade.onClick(t)}static get delegatesFocus(){return!0}get host(){return i(this)}static get watchers(){return{_placeholder:["validatePlaceholder"],_accessKey:["validateAccessKey"],_disabled:["validateDisabled"],_hideMsg:["validateHideMsg"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_icons:["validateIcons"],_id:["validateId"],_label:["validateLabel"],_msg:["validateMsg"],_name:["validateName"],_on:["validateOn"],_options:["validateOptions"],_required:["validateRequired"],_shortKey:["validateShortKey"],_syncValueBySelector:["validateSyncValueBySelector"],_touched:["validateTouched"],_value:["validateValue"],"_hideClearButton ":["validateHideClearButton"],_rows:["validateRows"]}}};j.style={default:x};export{j as kol_single_select};
@@ -1 +1 @@
1
- {"version":3,"names":["SingleSelectController","InputIconController","constructor","component","name","host","super","this","keyOptionMap","Map","afterPatchOptions","value","_state","_component","key","setFormAssociatedValue","beforePatchOptions","_value","nextState","options","has","get","state","_options","Array","isArray","length","clear","fillKeyOptionMap","validateOptions","hooks","afterPatch","beforePatch","validateRequired","watchBoolean","validateValue","watchValidator","v","undefined","Set","validatePlaceholder","watchString","validateHideClearButton","validateRows","watchNumber","componentWillLoad","_required","_placeholder","_hideClearButton","_rows","defaultStyleCss","KolSingleSelectDefaultStyle0","KolSingleSelect","getValue","kolFocus","_a","refInput","focus","onBlur","some","option","label","_inputValue","find","_filteredOptions","_isOpen","_hasOpened","clearSelection","_disabled","emptyValue","_focusedOptionIndex","controller","onFacade","onInput","CustomEvent","bubbles","detail","_name","onChange","selectOption","event","target","setFilteredOptionsByQuery","handleKeyDownDropdown","test","preventDefault","focusSuggestionStartingWith","query","trim","filter","_b","toLowerCase","includes","moveFocus","delta","newIndex","focusOption","index","refOptions","optionElement","char","charLowerCase","findIndex","startsWith","render","hasExpertSlot","showExpertSlot","_label","ariaDescribedBy","getRenderStates","h","Host","class","KolInputTag","_accessKey","_alert","showAsAlert","_hideError","_hideLabel","_hint","_icons","_id","_msg","_shortKey","_tooltipAlign","_touched","role","slot","Fragment","InternalUnderlinedBadgeText","badgeText","buildBadgeTextString","Object","assign","ref","catchRef","type","accessKey","join","autoCapitalize","autoCorrect","disabled","required","bind","onClick","toggleListbox","onFocus","inputHasFocus","placeholder","KolIconTag","translate","tabindex","clsx","blockSuggestionMouseOver","style","onKeyDown","map","id","el","tabIndex","onMouseOver","e","checked","htmlFor","handleFocusOut","setTimeout","contains","document","activeElement","handleWindowBlur","handleKeyDown","handleEvent","isOpen","callback","hostRef","selectedIndex","selectedOptionElement","scrollIntoView","block","nonce","Boolean","validateAccessKey","validateAlert","validateDisabled","validateHideError","validateHideLabel","validateHint","validateIcons","validateId","validateLabel","validateMsg","validateName","validateOn","updateInputValue","validateShortKey","validateSyncValueBySelector","validateTabIndex","validateTouched","oldValue","handleMouseEvent","matchedOption","String","tryToDispatchKoliBriEvent","_c","_on","_d"],"sources":["src/components/single-select/controller.ts","src/components/single-select/style.scss?tag=kol-single-select&mode=default&encapsulation=shadow","src/components/single-select/shadow.tsx"],"sourcesContent":["import type { Option, OptionsPropType, SelectOption, SingleSelectProps, SingleSelectWatches, StencilUnknown, W3CInputValue } from '../../schema';\nimport { validateOptions, watchBoolean, watchNumber, watchString, watchValidator } from '../../schema';\n\nimport { InputIconController } from '../@deprecated/input/controller-icon';\nimport { fillKeyOptionMap } from '../input-radio/controller';\n\nimport type { Generic } from 'adopted-style-sheets';\n\nexport class SingleSelectController extends InputIconController implements SingleSelectWatches {\n\tprotected readonly component: Generic.Element.Component & SingleSelectProps;\n\tprivate readonly keyOptionMap = new Map<string, Option<string>>();\n\n\tpublic constructor(component: Generic.Element.Component & SingleSelectProps, name: string, host?: HTMLElement) {\n\t\tsuper(component, name, host);\n\t\tthis.component = component;\n\t}\n\n\tprotected readonly afterPatchOptions = (value: unknown, _state: Record<string, unknown>, _component: Generic.Element.Component, key: string): void => {\n\t\tif (key === '_value') {\n\t\t\tthis.setFormAssociatedValue(value as string);\n\t\t}\n\t};\n\n\tprotected readonly beforePatchOptions = (_value: unknown, nextState: Map<string, unknown>): void => {\n\t\tconst options = nextState.has('_options') ? nextState.get('_options') : this.component.state._options;\n\t\tif (Array.isArray(options) && options.length > 0) {\n\t\t\tthis.keyOptionMap.clear();\n\t\t\tfillKeyOptionMap(this.keyOptionMap, options as SelectOption<W3CInputValue>[]);\n\t\t}\n\t};\n\n\tpublic validateOptions(value?: OptionsPropType): void {\n\t\tvalidateOptions(this.component, value, {\n\t\t\thooks: {\n\t\t\t\tafterPatch: this.afterPatchOptions,\n\t\t\t\tbeforePatch: this.beforePatchOptions,\n\t\t\t},\n\t\t});\n\t}\n\n\tpublic validateRequired(value?: boolean): void {\n\t\twatchBoolean(this.component, '_required', value);\n\t}\n\n\tpublic validateValue(value?: StencilUnknown): void {\n\t\twatchValidator(this.component, '_value', (v) => v !== undefined, new Set([`StencilUnknown`]), value);\n\t}\n\n\tpublic validatePlaceholder(value?: string): void {\n\t\twatchString(this.component, '_placeholder', value);\n\t}\n\tpublic validateHideClearButton(value?: boolean): void {\n\t\twatchBoolean(this.component, '_hideClearButton', value);\n\t}\n\tpublic validateRows(value?: number): void {\n\t\twatchNumber(this.component, '_rows', value);\n\t}\n\tpublic componentWillLoad(): void {\n\t\tsuper.componentWillLoad();\n\t\tthis.validateOptions(this.component._options);\n\t\tthis.validateRequired(this.component._required);\n\t\tthis.validateValue(this.component._value);\n\t\tthis.validatePlaceholder(this.component._placeholder);\n\t\tthis.validateHideClearButton(this.component._hideClearButton);\n\t\tthis.validateRows(this.component._rows);\n\t}\n}\n","@use '../@shared/mixins' as *;\n@use '../style' as *;\n@use '../input-line' as *;\n\n$option-height: rem(40);\n$visible-options: var(--visible-options, 5);\n\n@layer kol-component {\n\t.single-select {\n\t\tposition: relative;\n\n\t\t&.disabled,\n\t\t&.disabled * {\n\t\t\tcursor: not-allowed !important;\n\t\t}\n\n\t\t&__group {\n\t\t\tdisplay: inline-flex;\n\t\t\talign-items: center;\n\t\t}\n\n\t\t&__input {\n\t\t\tflex-grow: 1;\n\t\t}\n\n\t\t&__button {\n\t\t\theight: auto;\n\t\t\twidth: var(--a11y-min-size);\n\t\t}\n\n\t\t&__listbox {\n\t\t\tdisplay: block;\n\t\t\tposition: absolute;\n\t\t\tlist-style-type: none;\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\t\t\toverflow-y: auto;\n\t\t\toverflow-x: hidden;\n\t\t\tz-index: 2;\n\t\t\tbackground-color: white;\n\t\t\tmax-height: calc($option-height * $visible-options + rem(2)) !important;\n\t\t}\n\n\t\t&__item {\n\t\t\t&.highlighted {\n\t\t\t\tbackground-color: #f0f0f0;\n\t\t\t}\n\n\t\t\t.single-select__listbox--cursor-hidden & {\n\t\t\t\tcursor: none !important;\n\t\t\t}\n\t\t}\n\n\t\t&__no-results-message {\n\t\t\tcursor: default;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\tmin-height: rem(50);\n\t\t}\n\t}\n}\n","import type { JSX } from '@stencil/core';\nimport { Component, Element, Fragment, h, Host, Listen, Method, Prop, State, Watch } from '@stencil/core';\nimport type {\n\tHideErrorPropType,\n\tIconsHorizontalPropType,\n\tIdPropType,\n\tInputTypeOnDefault,\n\tLabelWithExpertSlotPropType,\n\tMsgPropType,\n\tNamePropType,\n\tOption,\n\tOptionsPropType,\n\tRowsPropType,\n\tShortKeyPropType,\n\tSingleSelectAPI,\n\tSingleSelectStates,\n\tStencilUnknown,\n\tStringified,\n\tSyncValueBySelectorPropType,\n\tTooltipAlignPropType,\n} from '../../schema';\nimport { buildBadgeTextString, showExpertSlot } from '../../schema';\n\nimport clsx from 'clsx';\nimport { KolIconTag, KolInputTag } from '../../core/component-names';\nimport { translate } from '../../i18n';\nimport { nonce } from '../../utils/dev.utils';\nimport { tryToDispatchKoliBriEvent } from '../../utils/events';\nimport { getRenderStates } from '../input/controller';\nimport { InternalUnderlinedBadgeText } from '../span/InternalUnderlinedBadgeText';\nimport { SingleSelectController } from './controller';\n\n/**\n * @slot - The input field label.\n */\n@Component({\n\ttag: 'kol-single-select',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: {\n\t\tdelegatesFocus: true,\n\t},\n})\nexport class KolSingleSelect implements SingleSelectAPI {\n\t@Element() private readonly host?: HTMLKolSingleSelectElement;\n\tprivate refInput?: HTMLInputElement;\n\tprivate refOptions: HTMLLIElement[] = [];\n\tprivate oldValue?: StencilUnknown;\n\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async getValue(): Promise<StencilUnknown | undefined> {\n\t\treturn this._value;\n\t}\n\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async kolFocus() {\n\t\tthis.refInput?.focus();\n\t}\n\n\tprivate readonly catchRef = (ref?: HTMLInputElement) => {\n\t\tthis.refInput = ref;\n\t};\n\n\tprivate toggleListbox = (event: Event) => {\n\t\tevent?.preventDefault();\n\t\tif (this.state._disabled) {\n\t\t\treturn;\n\t\t} else {\n\t\t\tif (!this._hasOpened) {\n\t\t\t\tthis._isOpen = true;\n\t\t\t\tthis._hasOpened = true;\n\t\t\t\tthis.refInput?.focus();\n\t\t\t\tconst selectedIndex = Array.isArray(this._filteredOptions) ? this._filteredOptions.findIndex((option) => option.label === this._inputValue) : -1;\n\t\t\t\tconst selectedOptionElement = this.refOptions[selectedIndex];\n\t\t\t\tselectedOptionElement?.scrollIntoView({ block: 'nearest' });\n\t\t\t\tthis.focusOption(this._focusedOptionIndex);\n\t\t\t}\n\t\t}\n\t};\n\n\t/**\n\t * If there are options and the current input value doesn't match any option's label,\n\t * resets the input value to match the label of the currently selected option.\n\t * Closes the dropdown and resets the opened state.\n\t */\n\tprivate onBlur() {\n\t\tif (Array.isArray(this.state._options) && this.state._options.length > 0 && !this.state._options.some((option) => option.label === this._inputValue)) {\n\t\t\tthis._inputValue = this.state._options.find((option) => (option as Option<string>).value === this._value)?.label as string;\n\t\t\tthis._filteredOptions = [...this.state._options];\n\t\t}\n\t\tthis._isOpen = false;\n\t\tthis._hasOpened = false;\n\t}\n\n\tprivate clearSelection() {\n\t\tif (this.state._disabled) {\n\t\t\treturn;\n\t\t} else {\n\t\t\tconst emptyValue = '';\n\t\t\tthis._focusedOptionIndex = -1;\n\t\t\tthis._value = emptyValue;\n\t\t\tthis._inputValue = emptyValue;\n\t\t\tthis._filteredOptions = [...this.state._options];\n\t\t\tthis.controller.onFacade.onInput(new CustomEvent('input', { bubbles: true, detail: { name: this.state._name, value: emptyValue } }), true, emptyValue);\n\t\t\tthis.controller.onFacade.onChange(new CustomEvent('change', { bubbles: true, detail: { name: this.state._name, value: emptyValue } }), emptyValue);\n\t\t}\n\t}\n\n\tprivate selectOption(option: Option<string>) {\n\t\tthis._value = option.value;\n\t\tthis._inputValue = option.label as string;\n\t\tthis.controller.onFacade.onInput(new CustomEvent('input', { bubbles: true, detail: { name: this.state._name, value: option.value } }), false, option.value);\n\t\tthis.controller.onFacade.onChange(new CustomEvent('change', { bubbles: true, detail: { name: this.state._name, value: option.value } }), option.value);\n\t\tthis._filteredOptions = [...this.state._options];\n\n\t\tthis.controller.setFormAssociatedValue(this._value);\n\t}\n\n\tprivate onInput(event: Event) {\n\t\tconst target = event.target as HTMLInputElement;\n\t\tthis._inputValue = target.value;\n\t\tthis._isOpen = true;\n\t\tthis.setFilteredOptionsByQuery(target.value);\n\t\tthis._focusedOptionIndex = -1;\n\t}\n\n\tprivate handleKeyDownDropdown(event: KeyboardEvent) {\n\t\tif (event.key.length === 1 && /[a-z0-9]/i.test(event.key)) {\n\t\t\tevent.preventDefault();\n\t\t\tthis._isOpen = true;\n\t\t\tthis.focusSuggestionStartingWith(event.key);\n\t\t}\n\t}\n\n\tprivate setFilteredOptionsByQuery(query: string) {\n\t\tif (query?.trim() === '') {\n\t\t\tthis._filteredOptions = [...this.state._options];\n\t\t} else if (Array.isArray(this.state._options) && this.state._options.length > 0 && query.length > 0) {\n\t\t\tthis._filteredOptions = this.state._options.filter((option) => {\n\t\t\t\treturn (option.label as string)?.toLowerCase()?.includes(query?.toLowerCase());\n\t\t\t});\n\t\t}\n\t}\n\n\tprivate _focusedOptionIndex: number = -1;\n\n\tprivate moveFocus(delta: number) {\n\t\tif (!this._filteredOptions) {\n\t\t\treturn;\n\t\t}\n\t\tlet newIndex = this._focusedOptionIndex + delta;\n\n\t\tif (newIndex >= this._filteredOptions.length) {\n\t\t\tnewIndex = 0;\n\t\t}\n\n\t\tif (newIndex < 0) {\n\t\t\tnewIndex = this._filteredOptions.length - 1;\n\t\t}\n\n\t\tthis._focusedOptionIndex = newIndex;\n\t\tthis.focusOption(this._focusedOptionIndex);\n\t}\n\n\tprivate focusOption(index: number) {\n\t\tif (this.refOptions) {\n\t\t\tconst optionElement = this.refOptions[index];\n\t\t\toptionElement?.focus();\n\t\t}\n\t}\n\n\tprivate focusSuggestionStartingWith(char: string) {\n\t\tconst charLowerCase = char.toLowerCase();\n\n\t\tconst index =\n\t\t\tArray.isArray(this._filteredOptions) && this._filteredOptions.findIndex((option) => (option.label as string).toLowerCase().startsWith(charLowerCase));\n\n\t\tif (typeof index === 'number') {\n\t\t\tthis._focusedOptionIndex = index;\n\t\t\tthis.focusOption(index);\n\t\t}\n\t}\n\n\tpublic render(): JSX.Element {\n\t\tconst hasExpertSlot = showExpertSlot(this.state._label);\n\t\tconst { ariaDescribedBy } = getRenderStates(this.state);\n\n\t\treturn (\n\t\t\t<Host class=\"kol-single-select\">\n\t\t\t\t<div class={`single-select ${this.state._disabled === true ? 'disabled' : ''} `}>\n\t\t\t\t\t<KolInputTag\n\t\t\t\t\t\t_accessKey={this.state._accessKey}\n\t\t\t\t\t\t_alert={this.showAsAlert()}\n\t\t\t\t\t\t_disabled={this.state._disabled}\n\t\t\t\t\t\t_hideError={this.state._hideError}\n\t\t\t\t\t\t_hideLabel={this.state._hideLabel}\n\t\t\t\t\t\t_hint={this.state._hint}\n\t\t\t\t\t\t_icons={this.state._icons}\n\t\t\t\t\t\t_id={this.state._id}\n\t\t\t\t\t\t_label={this.state._label}\n\t\t\t\t\t\t_msg={this.state._msg}\n\t\t\t\t\t\t_required={this.state._required}\n\t\t\t\t\t\t_shortKey={this.state._shortKey}\n\t\t\t\t\t\t_tooltipAlign={this._tooltipAlign}\n\t\t\t\t\t\t_touched={this.state._touched}\n\t\t\t\t\t\trole={`presentation` /* Avoid element being read as 'clickable' in NVDA */}\n\t\t\t\t\t>\n\t\t\t\t\t\t<span slot=\"label\">\n\t\t\t\t\t\t\t{hasExpertSlot ? (\n\t\t\t\t\t\t\t\t<slot name=\"expert\"></slot>\n\t\t\t\t\t\t\t) : typeof this.state._accessKey === 'string' || typeof this.state._shortKey === 'string' ? (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t<InternalUnderlinedBadgeText badgeText={buildBadgeTextString(this.state._accessKey || this.state._shortKey)} label={this.state._label} />{' '}\n\t\t\t\t\t\t\t\t\t<span class=\"badge-text-hint\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t{buildBadgeTextString(this.state._accessKey || this.state._shortKey)}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<span>{this.state._label}</span>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t<div slot=\"input\">\n\t\t\t\t\t\t\t<div class=\"single-select__group\">\n\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\tref={this.catchRef}\n\t\t\t\t\t\t\t\t\tclass=\"single-select__input\"\n\t\t\t\t\t\t\t\t\tdata-testid=\"single-select-input\"\n\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\taria-autocomplete=\"both\"\n\t\t\t\t\t\t\t\t\taria-controls=\"listbox\"\n\t\t\t\t\t\t\t\t\tvalue={this._inputValue}\n\t\t\t\t\t\t\t\t\taccessKey={this.state._accessKey}\n\t\t\t\t\t\t\t\t\taria-describedby={ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined}\n\t\t\t\t\t\t\t\t\taria-label={this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined}\n\t\t\t\t\t\t\t\t\taria-activedescendant={this._isOpen && this._focusedOptionIndex >= 0 ? `option-${this._focusedOptionIndex}` : undefined}\n\t\t\t\t\t\t\t\t\tautoCapitalize=\"off\"\n\t\t\t\t\t\t\t\t\tautoCorrect=\"off\"\n\t\t\t\t\t\t\t\t\tdisabled={this.state._disabled}\n\t\t\t\t\t\t\t\t\tname={this.state._name}\n\t\t\t\t\t\t\t\t\trequired={this.state._required}\n\t\t\t\t\t\t\t\t\t{...this.controller.onFacade}\n\t\t\t\t\t\t\t\t\tonInput={this.onInput.bind(this)}\n\t\t\t\t\t\t\t\t\tonChange={this.onChange.bind(this)}\n\t\t\t\t\t\t\t\t\tonClick={this.toggleListbox.bind(this)}\n\t\t\t\t\t\t\t\t\tonFocus={(event) => {\n\t\t\t\t\t\t\t\t\t\tthis.controller.onFacade.onFocus(event);\n\t\t\t\t\t\t\t\t\t\tthis.inputHasFocus = true;\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tonBlur={(event) => {\n\t\t\t\t\t\t\t\t\t\tthis.controller.onFacade.onBlur(event);\n\t\t\t\t\t\t\t\t\t\tthis.inputHasFocus = false;\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tplaceholder={this.state._placeholder}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t{this._inputValue && !this.state._hideClearButton && (\n\t\t\t\t\t\t\t\t\t<KolIconTag\n\t\t\t\t\t\t\t\t\t\t_icons=\"codicon codicon-close\"\n\t\t\t\t\t\t\t\t\t\t_label={translate('kol-delete-selection')}\n\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\tthis.clearSelection();\n\t\t\t\t\t\t\t\t\t\t\tthis.refInput?.focus();\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tclass=\"single-select__delete\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t<button tabindex=\"-1\" class=\"single-select__button\" onClick={this.toggleListbox.bind(this)} disabled={this.state._disabled}>\n\t\t\t\t\t\t\t\t\t<KolIconTag _icons=\"codicon codicon-triangle-down\" _label={translate('kol-dropdown')} />\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t{this._isOpen && !(this.state._disabled === true) && (\n\t\t\t\t\t\t\t\t<ul\n\t\t\t\t\t\t\t\t\trole=\"listbox\"\n\t\t\t\t\t\t\t\t\tclass={clsx('single-select__listbox', this.blockSuggestionMouseOver && 'single-select__listbox--cursor-hidden')}\n\t\t\t\t\t\t\t\t\tstyle={{ '--visible-options': `${this._rows ?? 5}` }}\n\t\t\t\t\t\t\t\t\tonKeyDown={this.handleKeyDownDropdown.bind(this)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{Array.isArray(this._filteredOptions) && this._filteredOptions.length > 0 ? (\n\t\t\t\t\t\t\t\t\t\tthis._filteredOptions.map((option, index) => (\n\t\t\t\t\t\t\t\t\t\t\t<li\n\t\t\t\t\t\t\t\t\t\t\t\tid={`option-${index}`}\n\t\t\t\t\t\t\t\t\t\t\t\tkey={`-${index}`}\n\t\t\t\t\t\t\t\t\t\t\t\tref={(el) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tif (el) this.refOptions[index] = el;\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\ttabIndex={-1}\n\t\t\t\t\t\t\t\t\t\t\t\trole=\"option\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-selected={this._value === (option as Option<string>).value ? 'true' : undefined}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={(event: Event) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tthis.selectOption(option as Option<string>);\n\t\t\t\t\t\t\t\t\t\t\t\t\tthis.refInput?.focus();\n\t\t\t\t\t\t\t\t\t\t\t\t\tthis.toggleListbox(event);\n\t\t\t\t\t\t\t\t\t\t\t\t\tthis._isOpen = false;\n\t\t\t\t\t\t\t\t\t\t\t\t\tthis._hasOpened = false;\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\tonMouseOver={() => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tif (!this.blockSuggestionMouseOver) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis._focusedOptionIndex = index;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.focusOption(index);\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\tonFocus={() => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tthis._focusedOptionIndex = index;\n\t\t\t\t\t\t\t\t\t\t\t\t\tthis.focusOption(index);\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"single-select__item\"\n\t\t\t\t\t\t\t\t\t\t\t\tonKeyDown={(e) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tif (e.key === 'Enter' || e.key === 'NumpadEnter') {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.selectOption(option as Option<string>);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.refInput?.focus();\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.toggleListbox(e);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"visually-hidden\"\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tname=\"options\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tid={`option-radio-${index}`}\n\t\t\t\t\t\t\t\t\t\t\t\t\tvalue={(option as Option<string>).value}\n\t\t\t\t\t\t\t\t\t\t\t\t\tchecked={this._value === (option as Option<string>).value || index === this._focusedOptionIndex}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t\t\t\t\t\t<label htmlFor={`option-radio-${index}`} class=\"radio-label\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t{option.label}\n\t\t\t\t\t\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t\t\t\t))\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t<li class=\"single-select__no-results-message\">{translate('kol-no-results-message')} </li>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</ul>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</KolInputTag>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('focusout', { target: 'window' })\n\tpublic handleFocusOut() {\n\t\tsetTimeout(() => {\n\t\t\tif (!this.host?.contains(document.activeElement)) {\n\t\t\t\tthis.onBlur();\n\t\t\t}\n\t\t}, 0);\n\t}\n\t@Listen('blur', { target: 'window' })\n\tpublic handleWindowBlur() {\n\t\tthis.onBlur();\n\t}\n\n\t@Listen('keydown')\n\tpublic handleKeyDown(event: KeyboardEvent) {\n\t\tconst handleEvent = (isOpen?: boolean, callback?: () => void): void => {\n\t\t\tevent.preventDefault();\n\n\t\t\tif (isOpen !== undefined) {\n\t\t\t\tthis._isOpen = isOpen;\n\t\t\t\tif (!isOpen) {\n\t\t\t\t\tthis.refInput?.focus();\n\t\t\t\t}\n\t\t\t}\n\t\t\tcallback?.();\n\t\t};\n\n\t\tswitch (event.key) {\n\t\t\tcase 'Down':\n\t\t\tcase 'ArrowDown': {\n\t\t\t\tthis.blockSuggestionMouseOver = true;\n\t\t\t\thandleEvent(true, () => this.moveFocus(1));\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'Up':\n\t\t\tcase 'ArrowUp': {\n\t\t\t\tthis.blockSuggestionMouseOver = true;\n\t\t\t\thandleEvent(true, () => this.moveFocus(-1));\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'Tab':\n\t\t\t\tif (this._isOpen) {\n\t\t\t\t\tthis._isOpen = !this._isOpen;\n\t\t\t\t\tthis.refInput?.focus();\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\tcase 'Esc':\n\t\t\tcase 'Escape': {\n\t\t\t\tthis._hasOpened = false;\n\t\t\t\tthis._isOpen = false;\n\n\t\t\t\thandleEvent(false);\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase ' ': {\n\t\t\t\tif (this._isOpen) {\n\t\t\t\t\tif (Array.isArray(this._filteredOptions) && this._filteredOptions.length > 0) {\n\t\t\t\t\t\tthis.selectOption(this._filteredOptions[this._focusedOptionIndex] as Option<string>);\n\t\t\t\t\t\tthis.refInput?.focus();\n\t\t\t\t\t\thandleEvent(false);\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tthis.toggleListbox(event);\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'NumpadEnter':\n\t\t\tcase 'Enter': {\n\t\t\t\tthis.toggleListbox(event);\n\t\t\t\tthis._hasOpened = false;\n\t\t\t\tthis._isOpen = false;\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'Home': {\n\t\t\t\tthis.blockSuggestionMouseOver = true;\n\t\t\t\thandleEvent(undefined, () => {\n\t\t\t\t\tif (this._isOpen) {\n\t\t\t\t\t\tthis._focusedOptionIndex = 0;\n\t\t\t\t\t\tthis.focusOption(this._focusedOptionIndex);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'End': {\n\t\t\t\tthis.blockSuggestionMouseOver = true;\n\t\t\t\thandleEvent(undefined, () => {\n\t\t\t\t\tif (this._isOpen) {\n\t\t\t\t\t\tthis._focusedOptionIndex = this._filteredOptions ? this._filteredOptions.length - 1 : 0;\n\t\t\t\t\t\tthis.focusOption(this._focusedOptionIndex);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'PageUp': {\n\t\t\t\tthis.blockSuggestionMouseOver = true;\n\t\t\t\thandleEvent(undefined, () => this._isOpen && this.moveFocus(-10));\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'PageDown': {\n\t\t\t\tthis.blockSuggestionMouseOver = true;\n\t\t\t\thandleEvent(undefined, () => this._isOpen && this.moveFocus(10));\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate readonly controller: SingleSelectController;\n\t@State()\n\tprivate _isOpen = false;\n\t@State()\n\tprivate _hasOpened = false;\n\t@State()\n\tprivate _filteredOptions?: OptionsPropType = [];\n\t@State()\n\tprivate _inputValue: string = '';\n\t@State()\n\tprivate blockSuggestionMouseOver: boolean = false;\n\t/**\n\t * Defines which key combination can be used to trigger or focus the interactive element of the component.\n\t */\n\t@Prop() public _accessKey?: string;\n\n\t/**\n\t * Defines the placeholder for input field. To be shown when there's no value.\n\t */\n\t@Prop() public _placeholder?: string;\n\n\t/**\n\t * Defines whether the screen-readers should read out the notification.\n\t * @deprecated Will be removed in v3. Use automatic behaviour instead.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _alert?: boolean;\n\n\t/**\n\t * Makes the element not focusable and ignore all events.\n\t */\n\t@Prop() public _disabled?: boolean = false;\n\n\t/**\n\t * Hides the error message but leaves it in the DOM for the input's aria-describedby.\n\t * @TODO: Change type back to `HideErrorPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _hideError?: boolean = false;\n\n\t/**\n\t * Hides the caption by default and displays the caption text with a tooltip when the\n\t * interactive element is focused or the mouse is over it.\n\t * @TODO: Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hideLabel?: boolean = false;\n\n\t/**\n\t * Defines the hint text.\n\t */\n\t@Prop() public _hint?: string = '';\n\n\t/**\n\t * Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).\n\t */\n\t@Prop() public _icons?: IconsHorizontalPropType;\n\n\t/**\n\t * Defines the internal ID of the primary component element.\n\t */\n\t@Prop() public _id?: IdPropType;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.\n\t */\n\t@Prop() public _label!: LabelWithExpertSlotPropType;\n\n\t/**\n\t * Defines the properties for a message rendered as Alert component.\n\t */\n\t@Prop() public _msg?: Stringified<MsgPropType>;\n\n\t/**\n\t * Defines the technical name of an input field.\n\t */\n\t@Prop() public _name?: NamePropType;\n\n\t/**\n\t * Gibt die EventCallback-Funktionen für das Input-Event an.\n\t */\n\t@Prop() public _on?: InputTypeOnDefault;\n\n\t/**\n\t * Options the user can choose from.\n\t */\n\t@Prop() public _options!: OptionsPropType;\n\n\t/**\n\t * Makes the input element required.\n\t * @TODO: Change type back to `RequiredPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _required?: boolean = false;\n\n\t/**\n\t * Adds a visual short key hint to the component.\n\t */\n\t@Prop() public _shortKey?: ShortKeyPropType;\n\n\t/**\n\t * Selector for synchronizing the value with another input element.\n\t * @internal\n\t */\n\t@Prop() public _syncValueBySelector?: SyncValueBySelectorPropType;\n\n\t/**\n\t * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)\n\t */\n\t@Prop() public _tabIndex?: number;\n\n\t/**\n\t * Defines where to show the Tooltip preferably: top, right, bottom or left.\n\t */\n\t@Prop() public _tooltipAlign?: TooltipAlignPropType = 'top';\n\n\t/**\n\t * Shows if the input was touched by a user.\n\t * @TODO: Change type back to `TouchedPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _touched?: boolean = false;\n\n\t/**\n\t * Defines the value of the input.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _value?: StencilUnknown;\n\n\t/**\n\t * Defines the whether the clear button should be hidden.\n\t */\n\t@Prop() public _hideClearButton?: boolean = false;\n\n\t/**\n\t * Maximum number of visible rows in the options dropdown before scrolling.\n\t */\n\t@Prop() public _rows?: RowsPropType;\n\n\t@State() public state: SingleSelectStates = {\n\t\t_hideError: false,\n\t\t_id: `id-${nonce()}`,\n\t\t_label: '', // ⚠ required\n\t\t_options: [],\n\t\t_hideClearButton: false,\n\t};\n\n\t@State() private inputHasFocus = false;\n\n\tpublic constructor() {\n\t\tthis.controller = new SingleSelectController(this, 'single-select', this.host);\n\t}\n\n\tprivate showAsAlert(): boolean {\n\t\tif (this.state._alert === undefined) {\n\t\t\treturn Boolean(this.state._touched) && !this.inputHasFocus;\n\t\t}\n\t\treturn this.state._alert;\n\t}\n\n\t@Watch('_placeholder')\n\tpublic validatePlaceholder(value?: string): void {\n\t\tthis.controller.validatePlaceholder(value);\n\t}\n\n\t@Watch('_accessKey')\n\tpublic validateAccessKey(value?: string): void {\n\t\tthis.controller.validateAccessKey(value);\n\t}\n\n\t@Watch('_alert')\n\tpublic validateAlert(value?: boolean): void {\n\t\tthis.controller.validateAlert(value);\n\t}\n\n\t@Watch('_disabled')\n\tpublic validateDisabled(value?: boolean): void {\n\t\tthis.controller.validateDisabled(value);\n\t}\n\n\t@Watch('_hideError')\n\tpublic validateHideError(value?: HideErrorPropType): void {\n\t\tthis.controller.validateHideError(value);\n\t}\n\n\t@Watch('_hideLabel')\n\tpublic validateHideLabel(value?: boolean): void {\n\t\tthis.controller.validateHideLabel(value);\n\t}\n\n\t@Watch('_hint')\n\tpublic validateHint(value?: string): void {\n\t\tthis.controller.validateHint(value);\n\t}\n\n\t@Watch('_icons')\n\tpublic validateIcons(value?: IconsHorizontalPropType): void {\n\t\tthis.controller.validateIcons(value);\n\t}\n\n\t@Watch('_id')\n\tpublic validateId(value?: string): void {\n\t\tthis.controller.validateId(value);\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelWithExpertSlotPropType): void {\n\t\tthis.controller.validateLabel(value);\n\t}\n\n\t@Watch('_msg')\n\tpublic validateMsg(value?: Stringified<MsgPropType>): void {\n\t\tthis.controller.validateMsg(value);\n\t}\n\n\t@Watch('_name')\n\tpublic validateName(value?: string): void {\n\t\tthis.controller.validateName(value);\n\t}\n\n\t@Watch('_on')\n\tpublic validateOn(value?: InputTypeOnDefault): void {\n\t\tthis.controller.validateOn(value);\n\t}\n\n\t@Watch('_options')\n\tpublic validateOptions(value?: OptionsPropType): void {\n\t\tthis.controller.validateOptions(value);\n\t\tthis._filteredOptions = value;\n\t\tthis.updateInputValue(this._value);\n\t}\n\n\t@Watch('_required')\n\tpublic validateRequired(value?: boolean): void {\n\t\tthis.controller.validateRequired(value);\n\t}\n\n\t@Watch('_shortKey')\n\tpublic validateShortKey(value?: ShortKeyPropType): void {\n\t\tthis.controller.validateShortKey(value);\n\t}\n\n\t@Watch('_syncValueBySelector')\n\tpublic validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void {\n\t\tthis.controller.validateSyncValueBySelector(value);\n\t}\n\n\t@Watch('_tabIndex')\n\tpublic validateTabIndex(value?: number): void {\n\t\tthis.controller.validateTabIndex(value);\n\t}\n\n\t@Watch('_touched')\n\tpublic validateTouched(value?: boolean): void {\n\t\tthis.controller.validateTouched(value);\n\t}\n\n\t@Watch('_value')\n\tpublic validateValue(value?: StencilUnknown): void {\n\t\tthis.controller.validateValue(value);\n\t\tthis.oldValue = value;\n\t\tthis.updateInputValue(value);\n\t}\n\n\t@Watch('_hideClearButton ')\n\tpublic validateHideClearButton(value?: boolean): void {\n\t\tthis.controller.validateHideClearButton(value);\n\t}\n\n\t@Watch('_rows')\n\tpublic validateRows(value?: number): void {\n\t\tthis.controller.validateRows(value);\n\t}\n\n\t@Listen('mousemove')\n\tpublic handleMouseEvent() {\n\t\tthis.blockSuggestionMouseOver = false;\n\t}\n\n\tprivate updateInputValue(value?: StencilUnknown) {\n\t\tif (Array.isArray(this._options)) {\n\t\t\tconst matchedOption = this._options.find((option) => option.value === value);\n\t\t\tthis._inputValue = matchedOption ? String(matchedOption.label) : '';\n\t\t}\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.refOptions = [];\n\t\tthis._touched = this._touched === true;\n\t\tthis.controller.componentWillLoad();\n\t\tthis.oldValue = this._value;\n\t\tthis._filteredOptions = this.state._options;\n\t\tthis.updateInputValue(this._value);\n\t}\n\n\tprivate onChange(event: Event): void {\n\t\tif (this.oldValue !== this.refInput?.value) {\n\t\t\tthis.oldValue = this.refInput?.value;\n\t\t}\n\n\t\ttryToDispatchKoliBriEvent('change', this.host, this._value);\n\n\t\t// Callback\n\t\tif (typeof this.state._on?.onChange === 'function' && !this._isOpen) {\n\t\t\tthis.state._on.onChange(event, this._value && this.oldValue !== this.refInput?.value);\n\t\t}\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["SingleSelectController","InputIconController","constructor","component","name","host","super","this","keyOptionMap","Map","afterPatchOptions","value","_state","_component","key","setFormAssociatedValue","beforePatchOptions","_value","nextState","options","has","get","state","_options","Array","isArray","length","clear","fillKeyOptionMap","validateOptions","hooks","afterPatch","beforePatch","validateRequired","watchBoolean","validateValue","watchValidator","v","undefined","Set","validatePlaceholder","watchString","validateHideClearButton","validateRows","watchNumber","componentWillLoad","_required","_placeholder","_hideClearButton","_rows","defaultStyleCss","KolSingleSelectDefaultStyle0","KolSingleSelect","getValue","kolFocus","_a","refInput","focus","onBlur","some","option","label","_inputValue","find","_filteredOptions","_isOpen","_hasOpened","clearSelection","_disabled","emptyValue","_focusedOptionIndex","controller","onFacade","onInput","CustomEvent","bubbles","detail","_name","onChange","selectOption","event","target","setFilteredOptionsByQuery","handleKeyDownDropdown","test","preventDefault","focusSuggestionStartingWith","query","trim","filter","_b","toLowerCase","includes","moveFocus","delta","newIndex","focusOption","index","refOptions","optionElement","char","charLowerCase","findIndex","startsWith","getFormFieldProps","class","tooltipAlign","_tooltipAlign","onClick","alert","showAsAlert","getInputProps","ariaDescribedBy","getRenderStates","Object","assign","join","_hideLabel","_label","accessKey","_accessKey","autocapitalize","autocorrect","disabled","placeholder","ref","catchRef","required","type","bind","onFocus","inputHasFocus","render","h","KolFormFieldStateWrapperFc","KolInputContainerFc","KolInputStateWrapperFc","KolIconTag","_icons","translate","clsx","CustomSuggestionsToggleFc","toggleListbox","CustomSuggestionsOptionsGroupFc","blockSuggestionMouseOver","onKeyDown","style","map","CustomSuggestionsOptionFc","el","selected","onMouseOver","e","handleFocusOut","setTimeout","contains","document","activeElement","handleWindowBlur","handleKeyDown","handleEvent","isOpen","callback","hostRef","selectedIndex","_hideMsg","_id","nonce","Boolean","_touched","validateAccessKey","validateDisabled","validateHideMsg","validateHideLabel","validateHint","validateIcons","validateId","validateLabel","validateMsg","validateName","validateOn","updateInputValue","validateShortKey","validateSyncValueBySelector","validateTouched","oldValue","handleMouseEvent","matchedOption","String"],"sources":["src/components/single-select/controller.ts","src/components/single-select/style.scss?tag=kol-single-select&mode=default&encapsulation=shadow","src/components/single-select/shadow.tsx"],"sourcesContent":["import type { Option, OptionsPropType, SelectOption, SingleSelectProps, SingleSelectWatches, StencilUnknown, W3CInputValue } from '../../schema';\nimport { validateOptions, watchBoolean, watchNumber, watchString, watchValidator } from '../../schema';\n\nimport { InputIconController } from '../@deprecated/input/controller-icon';\nimport { fillKeyOptionMap } from '../input-radio/controller';\n\nimport type { Generic } from 'adopted-style-sheets';\n\nexport class SingleSelectController extends InputIconController implements SingleSelectWatches {\n\tprotected readonly component: Generic.Element.Component & SingleSelectProps;\n\tprivate readonly keyOptionMap = new Map<string, Option<string>>();\n\n\tpublic constructor(component: Generic.Element.Component & SingleSelectProps, name: string, host?: HTMLElement) {\n\t\tsuper(component, name, host);\n\t\tthis.component = component;\n\t}\n\n\tprotected readonly afterPatchOptions = (value: unknown, _state: Record<string, unknown>, _component: Generic.Element.Component, key: string): void => {\n\t\tif (key === '_value') {\n\t\t\tthis.setFormAssociatedValue(value as string);\n\t\t}\n\t};\n\n\tprotected readonly beforePatchOptions = (_value: unknown, nextState: Map<string, unknown>): void => {\n\t\tconst options = nextState.has('_options') ? nextState.get('_options') : this.component.state._options;\n\t\tif (Array.isArray(options) && options.length > 0) {\n\t\t\tthis.keyOptionMap.clear();\n\t\t\tfillKeyOptionMap(this.keyOptionMap, options as SelectOption<W3CInputValue>[]);\n\t\t}\n\t};\n\n\tpublic validateOptions(value?: OptionsPropType): void {\n\t\tvalidateOptions(this.component, value, {\n\t\t\thooks: {\n\t\t\t\tafterPatch: this.afterPatchOptions,\n\t\t\t\tbeforePatch: this.beforePatchOptions,\n\t\t\t},\n\t\t});\n\t}\n\n\tpublic validateRequired(value?: boolean): void {\n\t\twatchBoolean(this.component, '_required', value);\n\t}\n\n\tpublic validateValue(value?: StencilUnknown): void {\n\t\twatchValidator(this.component, '_value', (v) => v !== undefined, new Set([`StencilUnknown`]), value);\n\t}\n\n\tpublic validatePlaceholder(value?: string): void {\n\t\twatchString(this.component, '_placeholder', value);\n\t}\n\n\tpublic validateHideClearButton(value?: boolean): void {\n\t\twatchBoolean(this.component, '_hideClearButton', value);\n\t}\n\n\tpublic validateRows(value?: number): void {\n\t\twatchNumber(this.component, '_rows', value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tsuper.componentWillLoad();\n\t\tthis.validateOptions(this.component._options);\n\t\tthis.validateRequired(this.component._required);\n\t\tthis.validateValue(this.component._value);\n\t\tthis.validatePlaceholder(this.component._placeholder);\n\t\tthis.validateHideClearButton(this.component._hideClearButton);\n\t\tthis.validateRows(this.component._rows);\n\t}\n}\n","@use '../../styles/global' as *;\n@use '../../styles/kol-alert-mixin' as *;\n@use '../../styles/kol-custom-suggestions-option' as *;\n@use '../../styles/kol-custom-suggestions-options-group' as *;\n@use '../../styles/kol-custom-suggestions-toggle' as *;\n@use '../../styles/kol-form-field-mixin' as *;\n@use '../../styles/kol-input-container-mixin' as *;\n@use '../../styles/kol-input-mixin' as *;\n@use '../@shared/mixins' as *;\n\n@include kol-alert;\n@include kol-custom-suggestions-option;\n@include kol-custom-suggestions-options-group;\n@include kol-custom-suggestions-toggle;\n@include kol-form-field;\n@include kol-input-container;\n@include kol-input;\n\n$option-height: rem(40);\n$visible-options: var(--visible-options, 5);\n\n@layer kol-component {\n\t.kol-single-select {\n\t\t&__delete {\n\t\t\tcursor: pointer;\n\n\t\t\t&--disabled {\n\t\t\t\tcursor: not-allowed;\n\t\t\t}\n\t\t}\n\n\t\t&__no-results-message {\n\t\t\tcursor: default;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\tmin-height: rem(50);\n\t\t}\n\n\t\t.kol-custom-suggestions-options-group {\n\t\t\tmax-height: calc($option-height * $visible-options + rem(2)) !important;\n\t\t}\n\t}\n}\n","import type { JSX } from '@stencil/core';\nimport { Component, Element, h, Listen, Method, Prop, State, Watch } from '@stencil/core';\nimport type {\n\tHideMsgPropType,\n\tIconsHorizontalPropType,\n\tIdPropType,\n\tInputTypeOnDefault,\n\tLabelWithExpertSlotPropType,\n\tMsgPropType,\n\tNamePropType,\n\tOption,\n\tOptionsPropType,\n\tRowsPropType,\n\tShortKeyPropType,\n\tSingleSelectAPI,\n\tSingleSelectStates,\n\tStencilUnknown,\n\tStringified,\n\tSyncValueBySelectorPropType,\n\tTooltipAlignPropType,\n} from '../../schema';\n\nimport clsx from 'clsx';\nimport { KolIconTag } from '../../core/component-names';\nimport KolFormFieldStateWrapperFc, { type FormFieldStateWrapperProps } from '../../functional-component-wrappers/FormFieldStateWrapper';\nimport KolInputContainerFc from '../../functional-component-wrappers/InputContainerStateWrapper';\nimport type { InputStateWrapperProps } from '../../functional-component-wrappers/InputStateWrapper';\nimport KolInputStateWrapperFc from '../../functional-component-wrappers/InputStateWrapper/InputStateWrapper';\nimport CustomSuggestionsOptionFc from '../../functional-components/CustomSuggestionsOption/CustomSuggestionsOption';\nimport CustomSuggestionsOptionsGroupFc from '../../functional-components/CustomSuggestionsOptionsGroup';\nimport CustomSuggestionsToggleFc from '../../functional-components/CustomSuggestionsToggle';\nimport { translate } from '../../i18n';\nimport type { EventDetail } from '../../schema/interfaces/EventDetail';\nimport { nonce } from '../../utils/dev.utils';\nimport { getRenderStates } from '../input/controller';\nimport { SingleSelectController } from './controller';\n\n/**\n * @slot - The input field label.\n */\n@Component({\n\ttag: 'kol-single-select',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: {\n\t\tdelegatesFocus: true,\n\t},\n})\nexport class KolSingleSelect implements SingleSelectAPI {\n\t@Element() private readonly host?: HTMLKolSingleSelectElement;\n\tprivate refInput?: HTMLInputElement;\n\tprivate refOptions: HTMLLIElement[] = [];\n\tprivate oldValue?: StencilUnknown;\n\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async getValue(): Promise<StencilUnknown | undefined> {\n\t\treturn this._value;\n\t}\n\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async kolFocus() {\n\t\tthis.refInput?.focus();\n\t}\n\n\tprivate readonly catchRef = (ref?: HTMLInputElement) => {\n\t\tthis.refInput = ref;\n\t};\n\n\tprivate toggleListbox = (event: Event) => {\n\t\tevent?.preventDefault();\n\t\tif (this.state._disabled) {\n\t\t\treturn;\n\t\t} else {\n\t\t\tif (!this._hasOpened) {\n\t\t\t\tthis._isOpen = true;\n\t\t\t\tthis._hasOpened = true;\n\t\t\t\tthis.refInput?.focus();\n\t\t\t\tconst selectedIndex = Array.isArray(this._filteredOptions) ? this._filteredOptions.findIndex((option) => option.label === this._inputValue) : -1;\n\t\t\t\tthis._focusedOptionIndex = selectedIndex >= 0 ? selectedIndex : -1;\n\t\t\t\tthis.focusOption(this._focusedOptionIndex);\n\t\t\t}\n\t\t}\n\t};\n\n\tprivate onBlur() {\n\t\tif (Array.isArray(this.state._options) && this.state._options.length > 0 && !this.state._options.some((option) => option.label === this._inputValue)) {\n\t\t\tthis._inputValue = this.state._options.find((option) => (option as Option<string>).value === this._value)?.label as string;\n\t\t\tthis._filteredOptions = [...this.state._options];\n\t\t}\n\t\tthis._isOpen = false;\n\t\tthis._hasOpened = false;\n\t}\n\n\tprivate clearSelection() {\n\t\tif (this.state._disabled) {\n\t\t\treturn;\n\t\t} else {\n\t\t\tconst emptyValue = '';\n\t\t\tthis._focusedOptionIndex = -1;\n\t\t\tthis._value = emptyValue;\n\t\t\tthis._inputValue = emptyValue;\n\t\t\tthis._filteredOptions = [...this.state._options];\n\n\t\t\tthis.controller.onFacade.onInput(\n\t\t\t\tnew CustomEvent<EventDetail>('input', { bubbles: true, detail: { name: this.state._name as string, value: emptyValue } }),\n\t\t\t\ttrue,\n\t\t\t\temptyValue,\n\t\t\t);\n\t\t\tthis.controller.onFacade.onChange(\n\t\t\t\tnew CustomEvent<EventDetail>('change', { bubbles: true, detail: { name: this.state._name as string, value: emptyValue } }),\n\t\t\t\temptyValue,\n\t\t\t);\n\t\t}\n\t}\n\n\tprivate selectOption(option: Option<string>) {\n\t\tthis._value = option.value;\n\t\tthis._inputValue = option.label as string;\n\t\tthis.controller.onFacade.onInput(\n\t\t\tnew CustomEvent<EventDetail>('input', { bubbles: true, detail: { name: this.state._name as string, value: option.value } }),\n\t\t\tfalse,\n\t\t\toption.value,\n\t\t);\n\t\tthis.controller.onFacade.onChange(\n\t\t\tnew CustomEvent<EventDetail>('change', { bubbles: true, detail: { name: this.state._name as string, value: option.value } }),\n\t\t\toption.value,\n\t\t);\n\n\t\tthis._filteredOptions = [...this.state._options];\n\n\t\tthis.controller.setFormAssociatedValue(this._value);\n\t}\n\n\tprivate onInput(event: Event) {\n\t\tconst target = event.target as HTMLInputElement;\n\t\tthis._inputValue = target.value;\n\t\tthis._isOpen = true;\n\t\tthis.setFilteredOptionsByQuery(target.value);\n\t\tthis._focusedOptionIndex = -1;\n\t}\n\n\tprivate handleKeyDownDropdown(event: KeyboardEvent) {\n\t\tif (event.key.length === 1 && /[a-z0-9]/i.test(event.key)) {\n\t\t\tevent.preventDefault();\n\t\t\tthis._isOpen = true;\n\t\t\tthis.focusSuggestionStartingWith(event.key);\n\t\t}\n\t}\n\n\tprivate setFilteredOptionsByQuery(query: string) {\n\t\tif (query?.trim() === '') {\n\t\t\tthis._filteredOptions = [...this.state._options];\n\t\t} else if (Array.isArray(this.state._options) && this.state._options.length > 0 && query.length > 0) {\n\t\t\tthis._filteredOptions = this.state._options.filter((option) => {\n\t\t\t\treturn (option.label as string)?.toLowerCase()?.includes(query?.toLowerCase());\n\t\t\t});\n\t\t}\n\t}\n\n\tprivate _focusedOptionIndex: number = -1;\n\n\tprivate moveFocus(delta: number) {\n\t\tif (!this._filteredOptions) {\n\t\t\treturn;\n\t\t}\n\t\tlet newIndex = this._focusedOptionIndex + delta;\n\n\t\tif (newIndex >= this._filteredOptions.length) {\n\t\t\tnewIndex = 0;\n\t\t}\n\n\t\tif (newIndex < 0) {\n\t\t\tnewIndex = this._filteredOptions.length - 1;\n\t\t}\n\n\t\tthis._focusedOptionIndex = newIndex;\n\t\tthis.focusOption(this._focusedOptionIndex);\n\t}\n\n\tprivate focusOption(index: number) {\n\t\tif (this.refOptions) {\n\t\t\tconst optionElement = this.refOptions[index];\n\t\t\toptionElement?.focus();\n\t\t}\n\t}\n\n\tprivate focusSuggestionStartingWith(char: string) {\n\t\tconst charLowerCase = char.toLowerCase();\n\n\t\tconst index =\n\t\t\tArray.isArray(this._filteredOptions) && this._filteredOptions.findIndex((option) => (option.label as string).toLowerCase().startsWith(charLowerCase));\n\n\t\tif (typeof index === 'number') {\n\t\t\tthis._focusedOptionIndex = index;\n\t\t\tthis.focusOption(index);\n\t\t}\n\t}\n\n\tprivate getFormFieldProps(): FormFieldStateWrapperProps {\n\t\treturn {\n\t\t\tstate: this.state,\n\t\t\tclass: 'kol-single-select',\n\t\t\ttooltipAlign: this._tooltipAlign,\n\t\t\tonClick: () => this.refInput?.focus(),\n\t\t\talert: this.showAsAlert(),\n\t\t};\n\t}\n\n\tprivate getInputProps(): InputStateWrapperProps {\n\t\tconst { ariaDescribedBy } = getRenderStates(this.state);\n\n\t\treturn {\n\t\t\t'aria-activedescendant': this._isOpen && this._focusedOptionIndex >= 0 ? `option-${this._focusedOptionIndex}` : undefined,\n\t\t\t'aria-autocomplete': 'both',\n\t\t\t'aria-controls': 'listbox',\n\t\t\t'aria-describedby': ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined,\n\t\t\t'aria-label': this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined,\n\t\t\taccessKey: this.state._accessKey,\n\t\t\tautocapitalize: 'off',\n\t\t\tautocorrect: 'off',\n\t\t\tclass: 'kol-single-select__input',\n\t\t\tdisabled: this.state._disabled,\n\t\t\tname: this.state._name,\n\t\t\tplaceholder: this.state._placeholder,\n\t\t\tref: this.catchRef,\n\t\t\trequired: this.state._required,\n\t\t\tstate: this.state,\n\t\t\ttype: 'text',\n\t\t\tvalue: this._inputValue,\n\t\t\t...this.controller.onFacade,\n\t\t\tonChange: this.onChange.bind(this),\n\t\t\tonClick: this.onClick.bind(this),\n\t\t\tonInput: this.onInput.bind(this),\n\t\t\tonFocus: (event) => {\n\t\t\t\tthis.controller.onFacade.onFocus(event);\n\t\t\t\tthis.inputHasFocus = true;\n\t\t\t},\n\t\t\tonBlur: (event) => {\n\t\t\t\tthis.controller.onFacade.onBlur(event);\n\t\t\t\tthis.inputHasFocus = false;\n\t\t\t},\n\t\t};\n\t}\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<KolFormFieldStateWrapperFc {...this.getFormFieldProps()}>\n\t\t\t\t<KolInputContainerFc state={this.state}>\n\t\t\t\t\t<div class=\"kol-single-select__group\">\n\t\t\t\t\t\t<KolInputStateWrapperFc {...this.getInputProps()} />\n\n\t\t\t\t\t\t{this._inputValue && !this.state._hideClearButton && (\n\t\t\t\t\t\t\t<KolIconTag\n\t\t\t\t\t\t\t\t_icons=\"codicon codicon-close\"\n\t\t\t\t\t\t\t\tdata-testid=\"single-select-delete\"\n\t\t\t\t\t\t\t\t_label={translate('kol-delete-selection')}\n\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\tthis.clearSelection();\n\t\t\t\t\t\t\t\t\tthis.refInput?.focus();\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tclass={clsx('kol-single-select__delete', {\n\t\t\t\t\t\t\t\t\t'kol-single-select__delete--disabled': this.state._disabled,\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t<CustomSuggestionsToggleFc onClick={this.toggleListbox.bind(this)} disabled={this.state._disabled} />\n\t\t\t\t\t</div>\n\t\t\t\t\t{this._isOpen && !(this.state._disabled === true) && (\n\t\t\t\t\t\t<CustomSuggestionsOptionsGroupFc\n\t\t\t\t\t\t\tblockSuggestionMouseOver={this.blockSuggestionMouseOver}\n\t\t\t\t\t\t\tonKeyDown={this.handleKeyDownDropdown.bind(this)}\n\t\t\t\t\t\t\tstyle={{ '--visible-options': `${this._rows ?? 5}` }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{Array.isArray(this._filteredOptions) && this._filteredOptions.length > 0 ? (\n\t\t\t\t\t\t\t\tthis._filteredOptions.map((option, index) => (\n\t\t\t\t\t\t\t\t\t<CustomSuggestionsOptionFc\n\t\t\t\t\t\t\t\t\t\tindex={index}\n\t\t\t\t\t\t\t\t\t\toption={option.label}\n\t\t\t\t\t\t\t\t\t\tref={(el) => {\n\t\t\t\t\t\t\t\t\t\t\tif (el) this.refOptions[index] = el;\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tselected={this._value === (option as Option<string>).value}\n\t\t\t\t\t\t\t\t\t\tonClick={(event: Event) => {\n\t\t\t\t\t\t\t\t\t\t\tthis.selectOption(option as Option<string>);\n\t\t\t\t\t\t\t\t\t\t\tthis.refInput?.focus();\n\t\t\t\t\t\t\t\t\t\t\tthis.toggleListbox(event);\n\t\t\t\t\t\t\t\t\t\t\tthis._isOpen = false;\n\t\t\t\t\t\t\t\t\t\t\tthis._hasOpened = false;\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tonMouseOver={() => {\n\t\t\t\t\t\t\t\t\t\t\tif (!this.blockSuggestionMouseOver) {\n\t\t\t\t\t\t\t\t\t\t\t\tthis._focusedOptionIndex = index;\n\t\t\t\t\t\t\t\t\t\t\t\tthis.focusOption(index);\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tonFocus={() => {\n\t\t\t\t\t\t\t\t\t\t\tthis._focusedOptionIndex = index;\n\t\t\t\t\t\t\t\t\t\t\tthis.focusOption(index);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tonKeyDown={(e) => {\n\t\t\t\t\t\t\t\t\t\t\tif (e.key === 'Enter' || e.key === 'NumpadEnter') {\n\t\t\t\t\t\t\t\t\t\t\t\tthis.selectOption(option as Option<string>);\n\t\t\t\t\t\t\t\t\t\t\t\tthis.refInput?.focus();\n\t\t\t\t\t\t\t\t\t\t\t\tthis.toggleListbox(e);\n\t\t\t\t\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t))\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<li class=\"kol-single-select__no-results-message\">{translate('kol-no-results-message')} </li>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</CustomSuggestionsOptionsGroupFc>\n\t\t\t\t\t)}\n\t\t\t\t</KolInputContainerFc>\n\t\t\t</KolFormFieldStateWrapperFc>\n\t\t);\n\t}\n\n\t@Listen('focusout', { target: 'window' })\n\tpublic handleFocusOut() {\n\t\tsetTimeout(() => {\n\t\t\tif (!this.host?.contains(document.activeElement)) {\n\t\t\t\tthis.onBlur();\n\t\t\t}\n\t\t}, 0);\n\t}\n\t@Listen('blur', { target: 'window' })\n\tpublic handleWindowBlur() {\n\t\tthis.onBlur();\n\t}\n\n\t@Listen('keydown')\n\tpublic handleKeyDown(event: KeyboardEvent) {\n\t\tconst handleEvent = (isOpen?: boolean, callback?: () => void): void => {\n\t\t\tevent.preventDefault();\n\n\t\t\tif (isOpen !== undefined) {\n\t\t\t\tthis._isOpen = isOpen;\n\t\t\t\tif (!isOpen) {\n\t\t\t\t\tthis.refInput?.focus();\n\t\t\t\t}\n\t\t\t}\n\t\t\tcallback?.();\n\t\t};\n\n\t\tswitch (event.key) {\n\t\t\tcase 'Down':\n\t\t\tcase 'ArrowDown': {\n\t\t\t\tthis.blockSuggestionMouseOver = true;\n\t\t\t\thandleEvent(true, () => this.moveFocus(1));\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'Up':\n\t\t\tcase 'ArrowUp': {\n\t\t\t\tthis.blockSuggestionMouseOver = true;\n\t\t\t\thandleEvent(true, () => this.moveFocus(-1));\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'Tab':\n\t\t\t\tif (this._isOpen) {\n\t\t\t\t\tthis._isOpen = !this._isOpen;\n\t\t\t\t\tthis.refInput?.focus();\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\tcase 'Esc':\n\t\t\tcase 'Escape': {\n\t\t\t\tthis._hasOpened = false;\n\t\t\t\tthis._isOpen = false;\n\t\t\t\thandleEvent(false);\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase ' ': {\n\t\t\t\tif (this._isOpen) {\n\t\t\t\t\tif (Array.isArray(this._filteredOptions) && this._filteredOptions.length > 0) {\n\t\t\t\t\t\tthis.selectOption(this._filteredOptions[this._focusedOptionIndex] as Option<string>);\n\t\t\t\t\t\tthis.refInput?.focus();\n\t\t\t\t\t\thandleEvent(false);\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tthis.toggleListbox(event);\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'NumpadEnter':\n\t\t\tcase 'Enter': {\n\t\t\t\tthis.toggleListbox(event);\n\t\t\t\tthis._hasOpened = false;\n\t\t\t\tthis._isOpen = false;\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'Home': {\n\t\t\t\tthis.blockSuggestionMouseOver = true;\n\t\t\t\thandleEvent(undefined, () => {\n\t\t\t\t\tif (this._isOpen) {\n\t\t\t\t\t\tthis._focusedOptionIndex = 0;\n\t\t\t\t\t\tthis.focusOption(this._focusedOptionIndex);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'End': {\n\t\t\t\tthis.blockSuggestionMouseOver = true;\n\t\t\t\thandleEvent(undefined, () => {\n\t\t\t\t\tif (this._isOpen) {\n\t\t\t\t\t\tthis._focusedOptionIndex = this._filteredOptions ? this._filteredOptions.length - 1 : 0;\n\t\t\t\t\t\tthis.focusOption(this._focusedOptionIndex);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'PageUp': {\n\t\t\t\tthis.blockSuggestionMouseOver = true;\n\t\t\t\thandleEvent(undefined, () => this._isOpen && this.moveFocus(-10));\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'PageDown': {\n\t\t\t\tthis.blockSuggestionMouseOver = true;\n\t\t\t\thandleEvent(undefined, () => this._isOpen && this.moveFocus(10));\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate readonly controller: SingleSelectController;\n\t@State()\n\tprivate _isOpen = false;\n\t@State()\n\tprivate _filteredOptions?: OptionsPropType = [];\n\t@State()\n\tprivate _inputValue: string = '';\n\t@State()\n\tprivate blockSuggestionMouseOver: boolean = false;\n\t@State()\n\tprivate _hasOpened = false;\n\n\t/**\n\t * Defines which key combination can be used to trigger or focus the interactive element of the component.\n\t */\n\t@Prop() public _accessKey?: string;\n\n\t/**\n\t * Defines the placeholder for input field. To be shown when there's no value.\n\t */\n\t@Prop() public _placeholder?: string;\n\n\t/**\n\t * Makes the element not focusable and ignore all events.\n\t */\n\t@Prop() public _disabled?: boolean = false;\n\n\t/**\n\t * Hides the error message but leaves it in the DOM for the input's aria-describedby.\n\t * @TODO: Change type back to `HideMsgPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _hideMsg?: boolean = false;\n\n\t/**\n\t * Hides the caption by default and displays the caption text with a tooltip when the\n\t * interactive element is focused or the mouse is over it.\n\t * @TODO: Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hideLabel?: boolean = false;\n\n\t/**\n\t * Defines the hint text.\n\t */\n\t@Prop() public _hint?: string = '';\n\n\t/**\n\t * Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).\n\t */\n\t@Prop() public _icons?: IconsHorizontalPropType;\n\n\t/**\n\t * Defines the internal ID of the primary component element.\n\t */\n\t@Prop() public _id?: IdPropType;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.\n\t */\n\t@Prop() public _label!: LabelWithExpertSlotPropType;\n\n\t/**\n\t * Defines the properties for a message rendered as Alert component.\n\t */\n\t@Prop() public _msg?: Stringified<MsgPropType>;\n\n\t/**\n\t * Defines the technical name of an input field.\n\t */\n\t@Prop() public _name?: NamePropType;\n\n\t/**\n\t * Gibt die EventCallback-Funktionen für das Input-Event an.\n\t */\n\t@Prop() public _on?: InputTypeOnDefault;\n\n\t/**\n\t * Options the user can choose from.\n\t */\n\t@Prop() public _options!: OptionsPropType;\n\n\t/**\n\t * Makes the input element required.\n\t * @TODO: Change type back to `RequiredPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _required?: boolean = false;\n\n\t/**\n\t * Adds a visual short key hint to the component.\n\t */\n\t@Prop() public _shortKey?: ShortKeyPropType;\n\n\t/**\n\t * Selector for synchronizing the value with another input element.\n\t * @internal\n\t */\n\t@Prop() public _syncValueBySelector?: SyncValueBySelectorPropType;\n\n\t/**\n\t * Defines where to show the Tooltip preferably: top, right, bottom or left.\n\t */\n\t@Prop() public _tooltipAlign?: TooltipAlignPropType = 'top';\n\n\t/**\n\t * Shows if the input was touched by a user.\n\t * @TODO: Change type back to `TouchedPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _touched?: boolean = false;\n\n\t/**\n\t * Defines the value of the input.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _value?: StencilUnknown;\n\n\t/**\n\t * Defines the whether the clear button should be hidden.\n\t */\n\t@Prop() public _hideClearButton?: boolean = false;\n\n\t/**\n\t * Maximum number of visible rows in the options dropdown before scrolling.\n\t */\n\t@Prop() public _rows?: RowsPropType;\n\n\t@State() public state: SingleSelectStates = {\n\t\t_hideMsg: false,\n\t\t_id: `id-${nonce()}`,\n\t\t_label: '', // ⚠ required\n\t\t_options: [],\n\t\t_hideClearButton: false,\n\t};\n\n\t@State() private inputHasFocus = false;\n\n\tpublic constructor() {\n\t\tthis.controller = new SingleSelectController(this, 'single-select', this.host);\n\t}\n\n\tprivate showAsAlert(): boolean {\n\t\treturn Boolean(this.state._touched) && !this.inputHasFocus;\n\t}\n\n\t@Watch('_placeholder')\n\tpublic validatePlaceholder(value?: string): void {\n\t\tthis.controller.validatePlaceholder(value);\n\t}\n\n\t@Watch('_accessKey')\n\tpublic validateAccessKey(value?: string): void {\n\t\tthis.controller.validateAccessKey(value);\n\t}\n\n\t@Watch('_disabled')\n\tpublic validateDisabled(value?: boolean): void {\n\t\tthis.controller.validateDisabled(value);\n\t}\n\n\t@Watch('_hideMsg')\n\tpublic validateHideMsg(value?: HideMsgPropType): void {\n\t\tthis.controller.validateHideMsg(value);\n\t}\n\n\t@Watch('_hideLabel')\n\tpublic validateHideLabel(value?: boolean): void {\n\t\tthis.controller.validateHideLabel(value);\n\t}\n\n\t@Watch('_hint')\n\tpublic validateHint(value?: string): void {\n\t\tthis.controller.validateHint(value);\n\t}\n\n\t@Watch('_icons')\n\tpublic validateIcons(value?: IconsHorizontalPropType): void {\n\t\tthis.controller.validateIcons(value);\n\t}\n\n\t@Watch('_id')\n\tpublic validateId(value?: string): void {\n\t\tthis.controller.validateId(value);\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelWithExpertSlotPropType): void {\n\t\tthis.controller.validateLabel(value);\n\t}\n\n\t@Watch('_msg')\n\tpublic validateMsg(value?: Stringified<MsgPropType>): void {\n\t\tthis.controller.validateMsg(value);\n\t}\n\n\t@Watch('_name')\n\tpublic validateName(value?: string): void {\n\t\tthis.controller.validateName(value);\n\t}\n\n\t@Watch('_on')\n\tpublic validateOn(value?: InputTypeOnDefault): void {\n\t\tthis.controller.validateOn(value);\n\t}\n\n\t@Watch('_options')\n\tpublic validateOptions(value?: OptionsPropType): void {\n\t\tthis.controller.validateOptions(value);\n\t\tthis._filteredOptions = value;\n\t\tthis.updateInputValue(this._value);\n\t}\n\n\t@Watch('_required')\n\tpublic validateRequired(value?: boolean): void {\n\t\tthis.controller.validateRequired(value);\n\t}\n\n\t@Watch('_shortKey')\n\tpublic validateShortKey(value?: ShortKeyPropType): void {\n\t\tthis.controller.validateShortKey(value);\n\t}\n\n\t@Watch('_syncValueBySelector')\n\tpublic validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void {\n\t\tthis.controller.validateSyncValueBySelector(value);\n\t}\n\n\t@Watch('_touched')\n\tpublic validateTouched(value?: boolean): void {\n\t\tthis.controller.validateTouched(value);\n\t}\n\n\t@Watch('_value')\n\tpublic validateValue(value?: StencilUnknown): void {\n\t\tthis.controller.validateValue(value);\n\t\tthis.oldValue = value;\n\t\tthis.updateInputValue(value);\n\t}\n\n\t@Watch('_hideClearButton ')\n\tpublic validateHideClearButton(value?: boolean): void {\n\t\tthis.controller.validateHideClearButton(value);\n\t}\n\n\t@Watch('_rows')\n\tpublic validateRows(value?: number): void {\n\t\tthis.controller.validateRows(value);\n\t}\n\n\t@Listen('mousemove')\n\tpublic handleMouseEvent() {\n\t\tthis.blockSuggestionMouseOver = false;\n\t}\n\n\tprivate updateInputValue(value?: StencilUnknown) {\n\t\tif (Array.isArray(this._options)) {\n\t\t\tconst matchedOption = this._options.find((option) => option.value === value);\n\t\t\tthis._inputValue = matchedOption ? String(matchedOption.label) : '';\n\t\t}\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.refOptions = [];\n\t\tthis._touched = this._touched === true;\n\t\tthis.controller.componentWillLoad();\n\t\tthis.oldValue = this._value;\n\t\tthis._filteredOptions = this.state._options;\n\t\tthis.updateInputValue(this._value);\n\t}\n\n\tprivate onChange(event: Event): void {\n\t\tif (this.oldValue !== this.refInput?.value) {\n\t\t\tthis.oldValue = this.refInput?.value;\n\t\t}\n\n\t\tif (!this._isOpen) {\n\t\t\tthis.controller.onFacade.onChange(event, this._value);\n\t\t}\n\t}\n\n\tprivate onClick(event: MouseEvent): void {\n\t\tthis.toggleListbox(event);\n\t\tthis.controller.onFacade.onClick(event);\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * KoliBri - The accessible HTML-Standard
3
3
  */
4
- import{r as n,h as e,H as t}from"./index-5879a66b.js";import{r as i,a as o}from"./unique-nav-labels-768d04e9.js";import{w as a}from"./validation-81a4e752.js";import{j as l}from"./component-names-4cb1c62b.js";import{v as s}from"./label-90c13388.js";import"./dev.utils-fab45cbc.js";import"./prop.validators-17aec743.js";import"./index-6d801dad.js";const r="/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n :host {\n /*\n * Minimum size of interactive elements.\n */\n --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\n /*\n * No element should be used without a background and font color whose contrast ratio has\n * not been checked. By initially setting the background color to white and the font color\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\n */\n background-color: white;\n color: black;\n /*\n * Verdana is an accessible font that can be used without requiring additional loading time.\n */\n font-family: Verdana;\n }\n * {\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n hyphens: auto;\n /*\n * Letter spacing is required for all texts.\n */\n letter-spacing: inherit;\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n word-break: break-word;\n /*\n * Word spacing is required for all texts.\n */\n word-spacing: inherit;\n }\n /*\n * All interactive elements should have a minimum size of rem(44).\n */\n /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n /* option, */\n /* select, */\n /* textarea, */\n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n /*\n * Some interactive elements should not inherit the font-family and font-size.\n */\n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n /*\n * All elements should inherit the font family from his parent element.\n */\n font-family: inherit;\n /*\n * All elements should inherit the font size from his parent element.\n */\n font-size: inherit;\n }\n}\n/**\n * Sometimes we need the semantic element for accessibility reasons,\n * but we don't want to show it.\n *\n * - https://www.a11yproject.com/posts/how-to-hide-content/\n */\n.visually-hidden {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: calc(1rem / var(--kolibri-root-font-size, 16));\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: calc(1rem / var(--kolibri-root-font-size, 16));\n}\n\n@layer kol-global {\n /*\n * Dieses CSS stellt sicher, dass der Standard-Style\n * von A und Button resettet werden.\n */\n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; /* 100% needed for custom width from outside */\n }\n /*\n * Ensure elements with hidden attribute to be actually not visible\n * @see https://meowni.ca/hidden.is.a.lie.html\n */\n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n :host {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n /*\n * The max-width is needed to prevent the table from overflowing the\n * parent node, if the table is wider than the parent node.\n */\n max-width: 100%;\n }\n * {\n /*\n * We prefer to box-sizing: border-box for all elements.\n */\n box-sizing: border-box;\n }\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n /* This is the text label. */\n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n /* Reset browser agent style. */\n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n .badge-text-hint {\n background-color: lightgray;\n color: black;\n }\n}\n@layer kol-component {\n ul {\n display: grid;\n list-style: none;\n place-items: center;\n }\n ul li {\n height: 0;\n }\n .kol-link-wc a {\n left: calc(-99999rem / var(--kolibri-root-font-size, 16));\n overflow: hidden;\n position: absolute;\n z-index: 9999999;\n line-height: 1;\n }\n .kol-link-wc a:focus {\n background-color: #fff;\n left: unset;\n position: unset;\n }\n}",d=r,c=class{constructor(e){n(this,e),this._label=void 0,this._links=void 0,this.state={_label:"",_links:[]}}render(){return e(t,{key:"fa1a4c48e12e2def09995bb61ec37142d176ce9a",class:"kol-skip-nav"},e("nav",{key:"0e3c41fdc5783b33b853ba5d601bedc38ec06466","aria-label":this.state._label},e("ul",{key:"74efc0e132cbb788e0013dff9d6124c486a84966"},this.state._links.map(((n,t)=>e("li",{key:t},e(l,Object.assign({},n))))))))}validateLabel(n,e,t=!1){t||i(this.state._label),s(this,n,{required:!0}),o(this.state._label)}validateLinks(n){a("KolSkipNav",this,n)}componentWillLoad(){this.validateLabel(this._label,void 0,!0),this.validateLinks(this._links)}disconnectedCallback(){i(this.state._label)}static get watchers(){return{_label:["validateLabel"],_links:["validateLinks"]}}};c.style={default:d};export{c as kol_skip_nav};
4
+ import{r as n,h as e}from"./index-058cc56d.js";import{r as t,a as i}from"./unique-nav-labels-768d04e9.js";import{w as o}from"./validation-70143d97.js";import{e as a}from"./component-names-7ee7402b.js";import{v as l}from"./label-0219bcdb.js";import"./dev.utils-fab45cbc.js";import"./prop.validators-de1491c5.js";import"./index-0a773c52.js";const s="/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n :host {\n /*\n * Minimum size of interactive elements.\n */\n --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\n /*\n * No element should be used without a background and font color whose contrast ratio has\n * not been checked. By initially setting the background color to white and the font color\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\n */\n background-color: white;\n color: black;\n /*\n * Verdana is an accessible font that can be used without requiring additional loading time.\n */\n font-family: Verdana;\n }\n * {\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n hyphens: auto;\n /*\n * Letter spacing is required for all texts.\n */\n letter-spacing: inherit;\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n word-break: break-word;\n /*\n * Word spacing is required for all texts.\n */\n word-spacing: inherit;\n }\n /*\n * All interactive elements should have a minimum size of rem(44).\n */\n /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n /* option, */\n /* select, */\n /* textarea, */\n [role=button],\n button:not([role=link]) {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n /*\n * Some interactive elements should not inherit the font-family and font-size.\n */\n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n /*\n * All elements should inherit the font family from his parent element.\n */\n font-family: inherit;\n /*\n * All elements should inherit the font size from his parent element.\n */\n font-size: inherit;\n }\n}\n/**\n * Sometimes we need the semantic element for accessibility reasons,\n * but we don't want to show it.\n *\n * - https://www.a11yproject.com/posts/how-to-hide-content/\n */\n.visually-hidden {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: calc(1rem / var(--kolibri-root-font-size, 16));\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: calc(1rem / var(--kolibri-root-font-size, 16));\n}\n\n@layer kol-global {\n /*\n * Dieses CSS stellt sicher, dass der Standard-Style\n * von A und Button resettet werden.\n */\n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%;\n /* 100% needed for custom width from outside */\n }\n /*\n * Ensure elements with hidden attribute to be actually not visible\n * @see https://meowni.ca/hidden.is.a.lie.html\n */\n [hidden] {\n display: none !important;\n }\n .badge-text-hint {\n background-color: lightgray;\n color: black;\n }\n}\n@layer kol-global {\n :host {\n /*\n * The max-width is needed to prevent the table from overflowing the\n * parent node, if the table is wider than the parent node.\n */\n max-width: 100%;\n }\n * {\n /*\n * We prefer to box-sizing: border-box for all elements.\n */\n box-sizing: border-box;\n }\n .kol-span {\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n display: grid;\n place-items: center;\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n }\n .kol-span__container {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .kol-span .kol-span__label--hide-label .kol-span__label {\n display: none;\n }\n /* Reset browser agent style. */\n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span,\n [disabled]:focus .kol-span {\n outline: none !important;\n }\n}\n@layer kol-component {\n .kol-skip-nav {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-skip-nav__list {\n display: grid;\n list-style: none;\n place-items: center;\n }\n .kol-skip-nav__list-item {\n height: 0;\n }\n .kol-skip-nav .kol-link {\n left: calc(-99999rem / var(--kolibri-root-font-size, 16));\n overflow: hidden;\n position: absolute;\n z-index: 9999999;\n line-height: 1;\n }\n .kol-skip-nav .kol-link:focus {\n background-color: #fff;\n left: unset;\n position: unset;\n }\n}",r=s,d=class{constructor(e){n(this,e),this._label=void 0,this._links=void 0,this.state={_label:"",_links:[]}}render(){return e("nav",{key:"6696f974f96add5529fce40c73c96429d6d46c14",class:"kol-skip-nav","aria-label":this.state._label},e("ul",{key:"44472c7c253cb6bdffd89d999d9b5f11a39bad22",class:"kol-skip-nav__list"},this.state._links.map(((n,t)=>e("li",{class:"kol-skip-nav__list-item",key:t},e(a,Object.assign({},n)))))))}validateLabel(n,e,o=!1){o||t(this.state._label),l(this,n,{required:!0}),i(this.state._label)}validateLinks(n){o("KolSkipNav",this,n)}componentWillLoad(){this.validateLabel(this._label,void 0,!0),this.validateLinks(this._links)}disconnectedCallback(){t(this.state._label)}static get watchers(){return{_label:["validateLabel"],_links:["validateLinks"]}}};d.style={default:r};export{d as kol_skip_nav};
@@ -1 +1 @@
1
- {"version":3,"names":["defaultStyleCss","KolSkipNavDefaultStyle0","KolSkipNav","_label","_links","render","h","Host","key","class","this","state","map","link","index","KolLinkWcTag","Object","assign","validateLabel","value","_oldValue","initial","removeNavLabel","required","addNavLabel","validateLinks","watchNavLinks","componentWillLoad","undefined","disconnectedCallback"],"sources":["src/components/skip-nav/style.scss?tag=kol-skip-nav&mode=default&encapsulation=shadow","src/components/skip-nav/shadow.tsx"],"sourcesContent":["@use '../@shared/mixins' as *;\n@use '../style' as *;\n\n@layer kol-component {\n\tul {\n\t\tdisplay: grid;\n\t\tlist-style: none;\n\t\tplace-items: center;\n\t}\n\n\tul li {\n\t\theight: 0;\n\t}\n\n\t.kol-link-wc a {\n\t\tleft: rem(-99999);\n\t\toverflow: hidden;\n\t\tposition: absolute;\n\t\tz-index: 9999999;\n\t\tline-height: 1;\n\t}\n\n\t.kol-link-wc a:focus {\n\t\tbackground-color: #fff;\n\t\tleft: unset;\n\t\tposition: unset;\n\t}\n}\n","import type { LabelPropType, LinkProps, SkipNavAPI, SkipNavStates, Stringified } from '../../schema';\nimport { validateLabel } from '../../schema';\nimport { Component, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport { addNavLabel, removeNavLabel } from '../../utils/unique-nav-labels';\nimport { watchNavLinks } from '../nav/validation';\n\nimport type { JSX } from '@stencil/core';\nimport { KolLinkWcTag } from '../../core/component-names';\n@Component({\n\ttag: 'kol-skip-nav',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolSkipNav implements SkipNavAPI {\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host class=\"kol-skip-nav\">\n\t\t\t\t<nav aria-label={this.state._label}>\n\t\t\t\t\t<ul>\n\t\t\t\t\t\t{this.state._links.map((link: LinkProps, index: number) => {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<li key={index}>\n\t\t\t\t\t\t\t\t\t<KolLinkWcTag {...link}></KolLinkWcTag>\n\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t</ul>\n\t\t\t\t</nav>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop() public _label!: LabelPropType;\n\n\t/**\n\t * Defines the list of links combined with their labels to render.\n\t */\n\t@Prop() public _links!: Stringified<LinkProps[]>;\n\n\t@State() public state: SkipNavStates = {\n\t\t_label: '', // ⚠ required\n\t\t_links: [],\n\t};\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelPropType, _oldValue?: LabelPropType, initial = false): void {\n\t\tif (!initial) {\n\t\t\tremoveNavLabel(this.state._label); // remove the current\n\t\t}\n\t\tvalidateLabel(this, value, {\n\t\t\trequired: true,\n\t\t});\n\t\taddNavLabel(this.state._label); // add the state instead of prop, because the prop could be invalid and not set as new label\n\t}\n\n\t@Watch('_links')\n\tpublic validateLinks(value?: Stringified<LinkProps[]>): void {\n\t\twatchNavLinks('KolSkipNav', this, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateLabel(this._label, undefined, true);\n\t\tthis.validateLinks(this._links);\n\t}\n\n\tpublic disconnectedCallback(): void {\n\t\tremoveNavLabel(this.state._label);\n\t}\n}\n"],"mappings":";;;0VAAA,MAAMA,EAAkB,2pJACxB,MAAAC,EAAeD,E,MCeFE,EAAU,M,gFA6BiB,CACtCC,OAAQ,GACRC,OAAQ,G,CA9BF,MAAAC,GACN,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAM,gBACXH,EAAA,OAAAE,IAAA,wDAAiBE,KAAKC,MAAMR,QAC3BG,EAAA,MAAAE,IAAA,4CACEE,KAAKC,MAAMP,OAAOQ,KAAI,CAACC,EAAiBC,IAEvCR,EAAA,MAAIE,IAAKM,GACRR,EAACS,EAAYC,OAAAC,OAAA,GAAKJ,S,CA0BnB,aAAAK,CAAcC,EAAuBC,EAA2BC,EAAU,OAChF,IAAKA,EAAS,CACbC,EAAeZ,KAAKC,MAAMR,O,CAE3Be,EAAcR,KAAMS,EAAO,CAC1BI,SAAU,OAEXC,EAAYd,KAAKC,MAAMR,O,CAIjB,aAAAsB,CAAcN,GACpBO,EAAc,aAAchB,KAAMS,E,CAG5B,iBAAAQ,GACNjB,KAAKQ,cAAcR,KAAKP,OAAQyB,UAAW,MAC3ClB,KAAKe,cAAcf,KAAKN,O,CAGlB,oBAAAyB,GACNP,EAAeZ,KAAKC,MAAMR,O","ignoreList":[]}
1
+ {"version":3,"names":["defaultStyleCss","KolSkipNavDefaultStyle0","KolSkipNav","_label","_links","render","h","key","class","this","state","map","link","index","KolLinkWcTag","Object","assign","validateLabel","value","_oldValue","initial","removeNavLabel","required","addNavLabel","validateLinks","watchNavLinks","componentWillLoad","undefined","disconnectedCallback"],"sources":["src/components/skip-nav/style.scss?tag=kol-skip-nav&mode=default&encapsulation=shadow","src/components/skip-nav/shadow.tsx"],"sourcesContent":["@use '../@shared/mixins' as *;\n@use '../../styles/global' as *;\n\n@layer kol-component {\n\t.kol-skip-nav {\n\t\tfont-size: rem(16);\n\n\t\t&__list {\n\t\t\tdisplay: grid;\n\t\t\tlist-style: none;\n\t\t\tplace-items: center;\n\t\t}\n\n\t\t&__list-item {\n\t\t\theight: 0;\n\t\t}\n\n\t\t.kol-link {\n\t\t\tleft: rem(-99999);\n\t\t\toverflow: hidden;\n\t\t\tposition: absolute;\n\t\t\tz-index: 9999999;\n\t\t\tline-height: 1;\n\n\t\t\t&:focus {\n\t\t\t\tbackground-color: #fff;\n\t\t\t\tleft: unset;\n\t\t\t\tposition: unset;\n\t\t\t}\n\t\t}\n\t}\n}\n","import type { LabelPropType, LinkProps, SkipNavAPI, SkipNavStates, Stringified } from '../../schema';\nimport { validateLabel } from '../../schema';\nimport { Component, h, Prop, State, Watch } from '@stencil/core';\n\nimport { addNavLabel, removeNavLabel } from '../../utils/unique-nav-labels';\nimport { watchNavLinks } from '../nav/validation';\n\nimport type { JSX } from '@stencil/core';\nimport { KolLinkWcTag } from '../../core/component-names';\n@Component({\n\ttag: 'kol-skip-nav',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolSkipNav implements SkipNavAPI {\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<nav class=\"kol-skip-nav\" aria-label={this.state._label}>\n\t\t\t\t<ul class=\"kol-skip-nav__list\">\n\t\t\t\t\t{this.state._links.map((link: LinkProps, index: number) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<li class=\"kol-skip-nav__list-item\" key={index}>\n\t\t\t\t\t\t\t\t<KolLinkWcTag {...link}></KolLinkWcTag>\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</ul>\n\t\t\t</nav>\n\t\t);\n\t}\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop() public _label!: LabelPropType;\n\n\t/**\n\t * Defines the list of links combined with their labels to render.\n\t */\n\t@Prop() public _links!: Stringified<LinkProps[]>;\n\n\t@State() public state: SkipNavStates = {\n\t\t_label: '', // ⚠ required\n\t\t_links: [],\n\t};\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelPropType, _oldValue?: LabelPropType, initial = false): void {\n\t\tif (!initial) {\n\t\t\tremoveNavLabel(this.state._label); // remove the current\n\t\t}\n\t\tvalidateLabel(this, value, {\n\t\t\trequired: true,\n\t\t});\n\t\taddNavLabel(this.state._label); // add the state instead of prop, because the prop could be invalid and not set as new label\n\t}\n\n\t@Watch('_links')\n\tpublic validateLinks(value?: Stringified<LinkProps[]>): void {\n\t\twatchNavLinks('KolSkipNav', this, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateLabel(this._label, undefined, true);\n\t\tthis.validateLinks(this._links);\n\t}\n\n\tpublic disconnectedCallback(): void {\n\t\tremoveNavLabel(this.state._label);\n\t}\n}\n"],"mappings":";;;mVAAA,MAAMA,EAAkB,ksJACxB,MAAAC,EAAeD,E,MCeFE,EAAU,M,gFA2BiB,CACtCC,OAAQ,GACRC,OAAQ,G,CA5BF,MAAAC,GACN,OACCC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,eAAc,aAAaC,KAAKC,MAAMP,QAChDG,EAAA,MAAAC,IAAA,2CAAIC,MAAM,sBACRC,KAAKC,MAAMN,OAAOO,KAAI,CAACC,EAAiBC,IAEvCP,EAAA,MAAIE,MAAM,0BAA0BD,IAAKM,GACxCP,EAACQ,EAAYC,OAAAC,OAAA,GAAKJ,Q,CAyBlB,aAAAK,CAAcC,EAAuBC,EAA2BC,EAAU,OAChF,IAAKA,EAAS,CACbC,EAAeZ,KAAKC,MAAMP,O,CAE3Bc,EAAcR,KAAMS,EAAO,CAC1BI,SAAU,OAEXC,EAAYd,KAAKC,MAAMP,O,CAIjB,aAAAqB,CAAcN,GACpBO,EAAc,aAAchB,KAAMS,E,CAG5B,iBAAAQ,GACNjB,KAAKQ,cAAcR,KAAKN,OAAQwB,UAAW,MAC3ClB,KAAKe,cAAcf,KAAKL,O,CAGlB,oBAAAwB,GACNP,EAAeZ,KAAKC,MAAMP,O","ignoreList":[]}
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * KoliBri - The accessible HTML-Standard
3
3
  */
4
- import{r as n,h as e,H as i,F as t}from"./index-5879a66b.js";import{t as o}from"./i18n-31adef87.js";import{v as a}from"./show-c115b1eb.js";import{w as r}from"./prop.validators-17aec743.js";import"./i18n-eef4b287.js";import"./reuse-32931294.js";import"./index-6d801dad.js";import"./dev.utils-fab45cbc.js";const s=["cycle","dot","none"],l=(n,e)=>{r(n,"_variant",(n=>"string"==typeof n&&s.includes(n)),new Set(s),e)},d="/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n :host {\n /*\n * Minimum size of interactive elements.\n */\n --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\n /*\n * No element should be used without a background and font color whose contrast ratio has\n * not been checked. By initially setting the background color to white and the font color\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\n */\n background-color: white;\n color: black;\n /*\n * Verdana is an accessible font that can be used without requiring additional loading time.\n */\n font-family: Verdana;\n }\n * {\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n hyphens: auto;\n /*\n * Letter spacing is required for all texts.\n */\n letter-spacing: inherit;\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n word-break: break-word;\n /*\n * Word spacing is required for all texts.\n */\n word-spacing: inherit;\n }\n /*\n * All interactive elements should have a minimum size of rem(44).\n */\n /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n /* option, */\n /* select, */\n /* textarea, */\n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n /*\n * Some interactive elements should not inherit the font-family and font-size.\n */\n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n /*\n * All elements should inherit the font family from his parent element.\n */\n font-family: inherit;\n /*\n * All elements should inherit the font size from his parent element.\n */\n font-size: inherit;\n }\n}\n/**\n * Sometimes we need the semantic element for accessibility reasons,\n * but we don't want to show it.\n *\n * - https://www.a11yproject.com/posts/how-to-hide-content/\n */\n.visually-hidden {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: calc(1rem / var(--kolibri-root-font-size, 16));\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: calc(1rem / var(--kolibri-root-font-size, 16));\n}\n\n@layer kol-global {\n /*\n * Dieses CSS stellt sicher, dass der Standard-Style\n * von A und Button resettet werden.\n */\n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; /* 100% needed for custom width from outside */\n }\n /*\n * Ensure elements with hidden attribute to be actually not visible\n * @see https://meowni.ca/hidden.is.a.lie.html\n */\n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n :host {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n /*\n * The max-width is needed to prevent the table from overflowing the\n * parent node, if the table is wider than the parent node.\n */\n max-width: 100%;\n }\n * {\n /*\n * We prefer to box-sizing: border-box for all elements.\n */\n box-sizing: border-box;\n }\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n /* This is the text label. */\n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n /* Reset browser agent style. */\n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n .badge-text-hint {\n background-color: lightgray;\n color: black;\n }\n}\n@layer kol-component {\n .spin.cycle {\n width: calc(48rem / var(--kolibri-root-font-size, 16));\n height: calc(48rem / var(--kolibri-root-font-size, 16));\n }\n .spin.cycle > .loader {\n display: block;\n width: 100%;\n height: 100%;\n border-radius: 50%;\n position: relative;\n animation: 2s linear infinite rotate;\n }\n .spin.cycle > .loader::before {\n content: \"\";\n box-sizing: border-box;\n position: absolute;\n inset: 0;\n border-radius: 50%;\n border: 5px solid #333;\n animation: 3s linear infinite prixClipFix;\n }\n @keyframes rotate {\n 100% {\n transform: rotate(360deg);\n }\n }\n @keyframes prixClipFix {\n 0% {\n border-color: #fff;\n clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);\n }\n 25% {\n border-color: #666;\n clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);\n }\n 50% {\n border-color: #000;\n clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);\n }\n 75% {\n border-color: #000;\n clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);\n }\n 100% {\n border-color: #000;\n clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);\n }\n }\n /* https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion#toning_down_the_animation_scaling */\n @media (prefers-reduced-motion) {\n .spin.cycle > .loader {\n animation-duration: 4s;\n }\n .spin.cycle > .loader::before {\n animation-duration: 6s;\n }\n }\n}\n@layer kol-component {\n .spin.dot {\n height: calc(16rem / var(--kolibri-root-font-size, 16));\n width: calc(48rem / var(--kolibri-root-font-size, 16));\n }\n .spin.dot > span {\n animation-timing-function: cubic-bezier(0, 1, 1, 0);\n border-radius: 50%;\n border: 0.16px solid #fff;\n height: calc(12.8rem / var(--kolibri-root-font-size, 16));\n position: absolute;\n top: calc(0.16rem / var(--kolibri-root-font-size, 16));\n width: calc(12.8rem / var(--kolibri-root-font-size, 16));\n }\n .spin.dot > span:first-child {\n background-color: #000;\n z-index: 0;\n animation: 1s infinite spin1;\n left: calc(0.16rem / var(--kolibri-root-font-size, 16));\n }\n .spin.dot > span:nth-child(2) {\n background-color: #000;\n z-index: 1;\n animation: 1s infinite spin2;\n left: calc(0.16rem / var(--kolibri-root-font-size, 16));\n }\n .spin.dot > span:nth-child(3) {\n background-color: #000;\n z-index: 1;\n animation: 1s infinite spin2;\n left: calc(17.6rem / var(--kolibri-root-font-size, 16));\n }\n .spin.dot > span:nth-child(4) {\n background-color: #666;\n z-index: 0;\n animation: 1s infinite spin3;\n left: calc(33.6rem / var(--kolibri-root-font-size, 16));\n }\n @keyframes spin1 {\n 0% {\n transform: scale(0);\n }\n 100% {\n transform: scale(1);\n }\n }\n @keyframes spin2 {\n 0% {\n transform: translate(0, 0);\n }\n 100% {\n transform: translate(calc(16rem / var(--kolibri-root-font-size, 16)), 0);\n }\n }\n @keyframes spin3 {\n 0% {\n transform: scale(1);\n }\n 100% {\n transform: scale(0);\n }\n }\n /* https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion#toning_down_the_animation_scaling */\n @media (prefers-reduced-motion) {\n .spin.dot > span:first-child,\n .spin.dot > span:nth-child(2),\n .spin.dot > span:nth-child(3),\n .spin.dot > span:nth-child(4) {\n animation-duration: 2s;\n }\n }\n}\n@layer kol-component {\n .spin {\n display: block;\n padding: calc(2rem / var(--kolibri-root-font-size, 16));\n position: relative;\n }\n}",c=d;function p(n){switch(n){case"cycle":return e("span",{class:"loader"});case"none":return e("slot",{name:"expert"});default:return e(t,null,e("span",{class:"bg-spin-1"}),e("span",{class:"bg-spin-2"}),e("span",{class:"bg-spin-3"}),e("span",{class:"bg-neutral"}))}}const h=class{constructor(e){n(this,e),this.showToggled=!1,this._show=!1,this._variant="dot",this.state={_variant:"dot"}}render(){return e(i,{key:"08f76fb91740319251ee423d4fc5296da7d1fc2d",class:"kol-spin"},this.state._show?e("span",{"aria-busy":"true","aria-label":o("kol-action-running"),"aria-live":"polite",class:{spin:!0,[this.state._variant]:!0},role:"alert"},p(this.state._variant)):this.showToggled&&e("span",{"aria-label":o("kol-action-done"),"aria-busy":"false","aria-live":"polite",role:"alert"}))}validateShow(n){this.showToggled=!0===this.state._show&&!1===this._show,a(this,n)}validateVariant(n){l(this,n)}componentWillLoad(){this.validateShow(this._show),this.validateVariant(this._variant)}static get watchers(){return{_show:["validateShow"],_variant:["validateVariant"]}}};h.style={default:c};export{h as kol_spin};
4
+ import{r as n,h as e,H as i,F as o}from"./index-058cc56d.js";import{t}from"./i18n-efbafc80.js";import{c as r}from"./clsx-09a06a12.js";import{v as a}from"./show-46145480.js";import{w as s}from"./prop.validators-de1491c5.js";import"./i18n-45224cc3.js";import"./reuse-f46e7e35.js";import"./index-0a773c52.js";import"./dev.utils-fab45cbc.js";const l=["cycle","dot","none"],c=(n,e)=>{s(n,"_variant",(n=>"string"==typeof n&&l.includes(n)),new Set(l),e)},d="/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n :host {\n /*\n * Minimum size of interactive elements.\n */\n --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\n /*\n * No element should be used without a background and font color whose contrast ratio has\n * not been checked. By initially setting the background color to white and the font color\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\n */\n background-color: white;\n color: black;\n /*\n * Verdana is an accessible font that can be used without requiring additional loading time.\n */\n font-family: Verdana;\n }\n * {\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n hyphens: auto;\n /*\n * Letter spacing is required for all texts.\n */\n letter-spacing: inherit;\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n word-break: break-word;\n /*\n * Word spacing is required for all texts.\n */\n word-spacing: inherit;\n }\n /*\n * All interactive elements should have a minimum size of rem(44).\n */\n /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n /* option, */\n /* select, */\n /* textarea, */\n [role=button],\n button:not([role=link]) {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n /*\n * Some interactive elements should not inherit the font-family and font-size.\n */\n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n /*\n * All elements should inherit the font family from his parent element.\n */\n font-family: inherit;\n /*\n * All elements should inherit the font size from his parent element.\n */\n font-size: inherit;\n }\n}\n/**\n * Sometimes we need the semantic element for accessibility reasons,\n * but we don't want to show it.\n *\n * - https://www.a11yproject.com/posts/how-to-hide-content/\n */\n.visually-hidden {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: calc(1rem / var(--kolibri-root-font-size, 16));\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: calc(1rem / var(--kolibri-root-font-size, 16));\n}\n\n@layer kol-global {\n /*\n * Dieses CSS stellt sicher, dass der Standard-Style\n * von A und Button resettet werden.\n */\n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%;\n /* 100% needed for custom width from outside */\n }\n /*\n * Ensure elements with hidden attribute to be actually not visible\n * @see https://meowni.ca/hidden.is.a.lie.html\n */\n [hidden] {\n display: none !important;\n }\n .badge-text-hint {\n background-color: lightgray;\n color: black;\n }\n}\n@layer kol-global {\n :host {\n /*\n * The max-width is needed to prevent the table from overflowing the\n * parent node, if the table is wider than the parent node.\n */\n max-width: 100%;\n }\n * {\n /*\n * We prefer to box-sizing: border-box for all elements.\n */\n box-sizing: border-box;\n }\n .kol-span {\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n display: grid;\n place-items: center;\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n }\n .kol-span__container {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .kol-span .kol-span__label--hide-label .kol-span__label {\n display: none;\n }\n /* Reset browser agent style. */\n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span,\n [disabled]:focus .kol-span {\n outline: none !important;\n }\n}\n@layer kol-component {\n .kol-spin__spinner--cycle {\n width: calc(48rem / var(--kolibri-root-font-size, 16));\n height: calc(48rem / var(--kolibri-root-font-size, 16));\n }\n .kol-spin__loader {\n display: block;\n width: 100%;\n height: 100%;\n border-radius: 50%;\n position: relative;\n animation: 2s linear infinite rotate;\n }\n .kol-spin__loader::before {\n content: \"\";\n box-sizing: border-box;\n position: absolute;\n inset: 0;\n border-radius: 50%;\n border: 5px solid #333;\n animation: 3s linear infinite prixClipFix;\n }\n @keyframes rotate {\n 100% {\n transform: rotate(360deg);\n }\n }\n @keyframes prixClipFix {\n 0% {\n border-color: #fff;\n clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);\n }\n 25% {\n border-color: #666;\n clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);\n }\n 50% {\n border-color: #000;\n clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);\n }\n 75% {\n border-color: #000;\n clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);\n }\n 100% {\n border-color: #000;\n clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);\n }\n }\n /* https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion#toning_down_the_animation_scaling */\n @media (prefers-reduced-motion) {\n .kol-spin__loader {\n animation-duration: 4s;\n }\n .kol-spin__loader::before {\n animation-duration: 6s;\n }\n }\n}\n@layer kol-component {\n .kol-spin__spinner--dot {\n height: calc(16rem / var(--kolibri-root-font-size, 16));\n width: calc(48rem / var(--kolibri-root-font-size, 16));\n }\n .kol-spin__spinner-element {\n animation-timing-function: cubic-bezier(0, 1, 1, 0);\n border-radius: 50%;\n border: calc(0.16rem / var(--kolibri-root-font-size, 16)) solid #fff;\n height: calc(12.8rem / var(--kolibri-root-font-size, 16));\n position: absolute;\n top: calc(0.16rem / var(--kolibri-root-font-size, 16));\n width: calc(12.8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-spin__spinner-element--1 {\n background-color: #000;\n z-index: 0;\n animation: 1s infinite spin1;\n left: calc(0.16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-spin__spinner-element--2 {\n background-color: #000;\n z-index: 1;\n animation: 1s infinite spin2;\n left: calc(0.16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-spin__spinner-element--3 {\n background-color: #000;\n z-index: 1;\n animation: 1s infinite spin2;\n left: calc(17.6rem / var(--kolibri-root-font-size, 16));\n }\n .kol-spin__spinner-element--neutral {\n background-color: #666;\n z-index: 0;\n animation: 1s infinite spin3;\n left: calc(33.6rem / var(--kolibri-root-font-size, 16));\n }\n @keyframes spin1 {\n 0% {\n transform: scale(0);\n }\n 100% {\n transform: scale(1);\n }\n }\n @keyframes spin2 {\n 0% {\n transform: translate(0, 0);\n }\n 100% {\n transform: translate(calc(16rem / var(--kolibri-root-font-size, 16)), 0);\n }\n }\n @keyframes spin3 {\n 0% {\n transform: scale(1);\n }\n 100% {\n transform: scale(0);\n }\n }\n /* https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion#toning_down_the_animation_scaling */\n @media (prefers-reduced-motion) {\n .kol-spin__spinner-element {\n animation-duration: 2s;\n }\n }\n}\n@layer kol-component {\n .kol-spin {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-spin__spinner {\n display: block;\n padding: calc(2rem / var(--kolibri-root-font-size, 16));\n position: relative;\n }\n}",p=d;function h(n){switch(n){case"cycle":return e("span",{class:"kol-spin__loader"});case"none":return e("slot",{name:"expert"});default:return e(o,null,e("span",{class:"kol-spin__spinner-element kol-spin__spinner-element--1"}),e("span",{class:"kol-spin__spinner-element kol-spin__spinner-element--2"}),e("span",{class:"kol-spin__spinner-element kol-spin__spinner-element--3"}),e("span",{class:"kol-spin__spinner-element kol-spin__spinner-element--neutral"}))}}const m=class{constructor(e){n(this,e),this.showToggled=!1,this._show=!1,this._variant="dot",this.state={_variant:"dot"}}render(){return e(i,{key:"728409fcfcd08192157e7b2e561ec6c0c1f482c7",class:"kol-spin"},this.state._show?e("span",{"aria-busy":"true","aria-label":t("kol-action-running"),"aria-live":"polite",class:r("kol-spin__spinner",`kol-spin__spinner--${this.state._variant}`),role:"alert"},h(this.state._variant)):this.showToggled&&e("span",{"aria-label":t("kol-action-done"),"aria-busy":"false","aria-live":"polite",role:"alert"}))}validateShow(n){this.showToggled=!0===this.state._show&&!1===this._show,a(this,n)}validateVariant(n){c(this,n)}componentWillLoad(){this.validateShow(this._show),this.validateVariant(this._variant)}static get watchers(){return{_show:["validateShow"],_variant:["validateVariant"]}}};m.style={default:p};export{m as kol_spin};
@@ -1 +1 @@
1
- {"version":3,"names":["spinVariantPropTypeOptions","validateSpinVariant","component","value","watchValidator","includes","Set","defaultStyleCss","KolSpinDefaultStyle0","renderSpin","variant","h","class","name","Fragment","KolSpin","this","showToggled","_variant","render","Host","key","state","_show","translate","spin","role","validateShow","validateVariant","componentWillLoad"],"sources":["src/schema/props/variant/spin.ts","src/components/spin/style.scss?tag=kol-spin&mode=default&encapsulation=shadow","src/components/spin/shadow.tsx"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport { watchValidator } from '../../utils/prop.validators';\n\n/* types */\n/**\n * Loading-spinner\n * - https://github.com/vineethtrv/css-loader\n */\nconst spinVariantPropTypeOptions = ['cycle', 'dot', 'none'] as const;\nexport type SpinVariantPropType = (typeof spinVariantPropTypeOptions)[number];\n\n/**\n * Defines the variant of spin navigation.\n */\nexport type PropSpinVariant = {\n\tvariant: SpinVariantPropType;\n};\n\n/* validator */\nexport const validateSpinVariant = (component: Generic.Element.Component, value?: SpinVariantPropType): void => {\n\twatchValidator(\n\t\tcomponent,\n\t\t'_variant',\n\t\t(value) => typeof value === 'string' && spinVariantPropTypeOptions.includes(value),\n\t\tnew Set(spinVariantPropTypeOptions),\n\t\tvalue,\n\t);\n};\n","@use '../@shared/mixins' as *;\n@use '../style' as *;\n@use './cycle' as *;\n@use './dot' as *;\n\n@layer kol-component {\n\t.spin {\n\t\tdisplay: block;\n\t\tpadding: rem(2);\n\t\tposition: relative;\n\t}\n}\n","import type { JSX } from '@stencil/core';\nimport { validateShow, validateSpinVariant } from '../../schema';\nimport { Component, Fragment, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport { translate } from '../../i18n';\n\nimport type { ShowPropType, SpinAPI, SpinStates, SpinVariantPropType } from '../../schema';\nfunction renderSpin(variant: SpinVariantPropType): JSX.Element {\n\tswitch (variant) {\n\t\tcase 'cycle':\n\t\t\treturn <span class=\"loader\"></span>;\n\t\tcase 'none':\n\t\t\treturn <slot name=\"expert\"></slot>;\n\t\tdefault:\n\t\t\treturn (\n\t\t\t\t<>\n\t\t\t\t\t<span class=\"bg-spin-1\"></span>\n\t\t\t\t\t<span class=\"bg-spin-2\"></span>\n\t\t\t\t\t<span class=\"bg-spin-3\"></span>\n\t\t\t\t\t<span class=\"bg-neutral\"></span>\n\t\t\t\t</>\n\t\t\t);\n\t}\n}\n\n@Component({\n\ttag: 'kol-spin',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolSpin implements SpinAPI {\n\tprivate showToggled = false;\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host class=\"kol-spin\">\n\t\t\t\t{this.state._show ? (\n\t\t\t\t\t<span\n\t\t\t\t\t\taria-busy=\"true\"\n\t\t\t\t\t\taria-label={translate('kol-action-running')}\n\t\t\t\t\t\taria-live=\"polite\"\n\t\t\t\t\t\tclass={{\n\t\t\t\t\t\t\tspin: true,\n\t\t\t\t\t\t\t[this.state._variant]: true,\n\t\t\t\t\t\t\t/* [`spin--${this.state._variant}`]: true, witch benefit have this notation? */\n\t\t\t\t\t\t}}\n\t\t\t\t\t\trole=\"alert\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{renderSpin(this.state._variant)}\n\t\t\t\t\t</span>\n\t\t\t\t) : (\n\t\t\t\t\tthis.showToggled && <span aria-label={translate('kol-action-done')} aria-busy=\"false\" aria-live=\"polite\" role=\"alert\"></span>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/**\n\t * Makes the element show up.\n\t * @TODO: Change type back to `ShowPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _show?: boolean = false;\n\n\t/**\n\t * Defines which variant should be used for presentation.\n\t */\n\t@Prop() public _variant?: SpinVariantPropType = 'dot';\n\n\t@State() public state: SpinStates = {\n\t\t_variant: 'dot',\n\t};\n\n\t@Watch('_show')\n\tpublic validateShow(value?: ShowPropType): void {\n\t\tthis.showToggled = this.state._show === true && this._show === false;\n\t\tvalidateShow(this, value);\n\t}\n\n\t@Watch('_variant')\n\tpublic validateVariant(value?: SpinVariantPropType): void {\n\t\tvalidateSpinVariant(this, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateShow(this._show);\n\t\tthis.validateVariant(this._variant);\n\t}\n}\n"],"mappings":";;;gTASA,MAAMA,EAA6B,CAAC,QAAS,MAAO,QAW7C,MAAMC,EAAsB,CAACC,EAAsCC,KACzEC,EACCF,EACA,YACCC,UAAiBA,IAAU,UAAYH,EAA2BK,SAASF,IAC5E,IAAIG,IAAIN,GACRG,EACA,EC3BF,MAAMI,EAAkB,26PACxB,MAAAC,EAAeD,ECMf,SAASE,EAAWC,GACnB,OAAQA,GACP,IAAK,QACJ,OAAOC,EAAA,QAAMC,MAAM,WACpB,IAAK,OACJ,OAAOD,EAAA,QAAME,KAAK,WACnB,QACC,OACCF,EAAAG,EAAA,KACCH,EAAA,QAAMC,MAAM,cACZD,EAAA,QAAMC,MAAM,cACZD,EAAA,QAAMC,MAAM,cACZD,EAAA,QAAMC,MAAM,gBAIjB,C,MASaG,EAAO,M,yBACXC,KAAAC,YAAc,M,WA8B2C,M,cAKjB,M,WAEZ,CACnCC,SAAU,M,CApCJ,MAAAC,GACN,OACCR,EAACS,EAAI,CAAAC,IAAA,2CAACT,MAAM,YACVI,KAAKM,MAAMC,MACXZ,EAAA,oBACW,OAAM,aACJa,EAAU,sBAAqB,YACjC,SACVZ,MAAO,CACNa,KAAM,KACN,CAACT,KAAKM,MAAMJ,UAAW,MAGxBQ,KAAK,SAEJjB,EAAWO,KAAKM,MAAMJ,WAGxBF,KAAKC,aAAeN,EAAA,qBAAkBa,EAAU,mBAAkB,YAAY,QAAO,YAAW,SAASE,KAAK,U,CAsB3G,YAAAC,CAAaxB,GACnBa,KAAKC,YAAcD,KAAKM,MAAMC,QAAU,MAAQP,KAAKO,QAAU,MAC/DI,EAAaX,KAAMb,E,CAIb,eAAAyB,CAAgBzB,GACtBF,EAAoBe,KAAMb,E,CAGpB,iBAAA0B,GACNb,KAAKW,aAAaX,KAAKO,OACvBP,KAAKY,gBAAgBZ,KAAKE,S","ignoreList":[]}
1
+ {"version":3,"names":["spinVariantPropTypeOptions","validateSpinVariant","component","value","watchValidator","includes","Set","defaultStyleCss","KolSpinDefaultStyle0","renderSpin","variant","h","class","name","Fragment","KolSpin","this","showToggled","_variant","render","Host","key","state","_show","translate","clsx","role","validateShow","validateVariant","componentWillLoad"],"sources":["src/schema/props/variant/spin.ts","src/components/spin/style.scss?tag=kol-spin&mode=default&encapsulation=shadow","src/components/spin/shadow.tsx"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport { watchValidator } from '../../utils/prop.validators';\n\n/* types */\n/**\n * Loading-spinner\n * - https://github.com/vineethtrv/css-loader\n */\nconst spinVariantPropTypeOptions = ['cycle', 'dot', 'none'] as const;\nexport type SpinVariantPropType = (typeof spinVariantPropTypeOptions)[number];\n\n/**\n * Defines the variant of spin navigation.\n */\nexport type PropSpinVariant = {\n\tvariant: SpinVariantPropType;\n};\n\n/* validator */\nexport const validateSpinVariant = (component: Generic.Element.Component, value?: SpinVariantPropType): void => {\n\twatchValidator(\n\t\tcomponent,\n\t\t'_variant',\n\t\t(value) => typeof value === 'string' && spinVariantPropTypeOptions.includes(value),\n\t\tnew Set(spinVariantPropTypeOptions),\n\t\tvalue,\n\t);\n};\n","@use '../@shared/mixins' as *;\n@use '../../styles/global' as *;\n@use './cycle' as *;\n@use './dot' as *;\n\n@layer kol-component {\n\t.kol-spin {\n\t\tfont-size: rem(16);\n\n\t\t&__spinner {\n\t\t\tdisplay: block;\n\t\t\tpadding: rem(2);\n\t\t\tposition: relative;\n\t\t}\n\t}\n}\n","import type { JSX } from '@stencil/core';\nimport { validateShow, validateSpinVariant } from '../../schema';\nimport { Component, Fragment, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport { translate } from '../../i18n';\n\nimport type { ShowPropType, SpinAPI, SpinStates, SpinVariantPropType } from '../../schema';\nimport clsx from 'clsx';\nfunction renderSpin(variant: SpinVariantPropType): JSX.Element {\n\tswitch (variant) {\n\t\tcase 'cycle':\n\t\t\treturn <span class=\"kol-spin__loader\"></span>;\n\t\tcase 'none':\n\t\t\treturn <slot name=\"expert\"></slot>;\n\t\tdefault:\n\t\t\treturn (\n\t\t\t\t<>\n\t\t\t\t\t<span class=\"kol-spin__spinner-element kol-spin__spinner-element--1\"></span>\n\t\t\t\t\t<span class=\"kol-spin__spinner-element kol-spin__spinner-element--2\"></span>\n\t\t\t\t\t<span class=\"kol-spin__spinner-element kol-spin__spinner-element--3\"></span>\n\t\t\t\t\t<span class=\"kol-spin__spinner-element kol-spin__spinner-element--neutral\"></span>\n\t\t\t\t</>\n\t\t\t);\n\t}\n}\n\n@Component({\n\ttag: 'kol-spin',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolSpin implements SpinAPI {\n\tprivate showToggled = false;\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host class=\"kol-spin\">\n\t\t\t\t{this.state._show ? (\n\t\t\t\t\t<span\n\t\t\t\t\t\taria-busy=\"true\"\n\t\t\t\t\t\taria-label={translate('kol-action-running')}\n\t\t\t\t\t\taria-live=\"polite\"\n\t\t\t\t\t\tclass={clsx('kol-spin__spinner', `kol-spin__spinner--${this.state._variant}`)}\n\t\t\t\t\t\trole=\"alert\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{renderSpin(this.state._variant)}\n\t\t\t\t\t</span>\n\t\t\t\t) : (\n\t\t\t\t\tthis.showToggled && <span aria-label={translate('kol-action-done')} aria-busy=\"false\" aria-live=\"polite\" role=\"alert\"></span>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/**\n\t * Makes the element show up.\n\t * @TODO: Change type back to `ShowPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _show?: boolean = false;\n\n\t/**\n\t * Defines which variant should be used for presentation.\n\t */\n\t@Prop() public _variant?: SpinVariantPropType = 'dot';\n\n\t@State() public state: SpinStates = {\n\t\t_variant: 'dot',\n\t};\n\n\t@Watch('_show')\n\tpublic validateShow(value?: ShowPropType): void {\n\t\tthis.showToggled = this.state._show === true && this._show === false;\n\t\tvalidateShow(this, value);\n\t}\n\n\t@Watch('_variant')\n\tpublic validateVariant(value?: SpinVariantPropType): void {\n\t\tvalidateSpinVariant(this, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateShow(this._show);\n\t\tthis.validateVariant(this._variant);\n\t}\n}\n"],"mappings":";;;kVASA,MAAMA,EAA6B,CAAC,QAAS,MAAO,QAW7C,MAAMC,EAAsB,CAACC,EAAsCC,KACzEC,EACCF,EACA,YACCC,UAAiBA,IAAU,UAAYH,EAA2BK,SAASF,IAC5E,IAAIG,IAAIN,GACRG,EACA,EC3BF,MAAMI,EAAkB,+3PACxB,MAAAC,EAAeD,ECOf,SAASE,EAAWC,GACnB,OAAQA,GACP,IAAK,QACJ,OAAOC,EAAA,QAAMC,MAAM,qBACpB,IAAK,OACJ,OAAOD,EAAA,QAAME,KAAK,WACnB,QACC,OACCF,EAAAG,EAAA,KACCH,EAAA,QAAMC,MAAM,2DACZD,EAAA,QAAMC,MAAM,2DACZD,EAAA,QAAMC,MAAM,2DACZD,EAAA,QAAMC,MAAM,kEAIjB,C,MASaG,EAAO,M,yBACXC,KAAAC,YAAc,M,WA0B2C,M,cAKjB,M,WAEZ,CACnCC,SAAU,M,CAhCJ,MAAAC,GACN,OACCR,EAACS,EAAI,CAAAC,IAAA,2CAACT,MAAM,YACVI,KAAKM,MAAMC,MACXZ,EAAA,oBACW,OAAM,aACJa,EAAU,sBAAqB,YACjC,SACVZ,MAAOa,EAAK,oBAAqB,sBAAsBT,KAAKM,MAAMJ,YAClEQ,KAAK,SAEJjB,EAAWO,KAAKM,MAAMJ,WAGxBF,KAAKC,aAAeN,EAAA,qBAAkBa,EAAU,mBAAkB,YAAY,QAAO,YAAW,SAASE,KAAK,U,CAsB3G,YAAAC,CAAaxB,GACnBa,KAAKC,YAAcD,KAAKM,MAAMC,QAAU,MAAQP,KAAKO,QAAU,MAC/DI,EAAaX,KAAMb,E,CAIb,eAAAyB,CAAgBzB,GACtBF,EAAoBe,KAAMb,E,CAGpB,iBAAA0B,GACNb,KAAKW,aAAaX,KAAKO,OACvBP,KAAKY,gBAAgBZ,KAAKE,S","ignoreList":[]}
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * KoliBri - The accessible HTML-Standard
3
3
  */
4
- import{r as n,h as t,H as e}from"./index-5879a66b.js";import{t as i}from"./i18n-31adef87.js";import{o,c as a}from"./component-names-4cb1c62b.js";import"./i18n-eef4b287.js";import"./reuse-32931294.js";const s="/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n :host {\n /*\n * Minimum size of interactive elements.\n */\n --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\n /*\n * No element should be used without a background and font color whose contrast ratio has\n * not been checked. By initially setting the background color to white and the font color\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\n */\n background-color: white;\n color: black;\n /*\n * Verdana is an accessible font that can be used without requiring additional loading time.\n */\n font-family: Verdana;\n }\n * {\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n hyphens: auto;\n /*\n * Letter spacing is required for all texts.\n */\n letter-spacing: inherit;\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n word-break: break-word;\n /*\n * Word spacing is required for all texts.\n */\n word-spacing: inherit;\n }\n /*\n * All interactive elements should have a minimum size of rem(44).\n */\n /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n /* option, */\n /* select, */\n /* textarea, */\n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n /*\n * Some interactive elements should not inherit the font-family and font-size.\n */\n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n /*\n * All elements should inherit the font family from his parent element.\n */\n font-family: inherit;\n /*\n * All elements should inherit the font size from his parent element.\n */\n font-size: inherit;\n }\n}\n/**\n * Sometimes we need the semantic element for accessibility reasons,\n * but we don't want to show it.\n *\n * - https://www.a11yproject.com/posts/how-to-hide-content/\n */\n.visually-hidden {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: calc(1rem / var(--kolibri-root-font-size, 16));\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: calc(1rem / var(--kolibri-root-font-size, 16));\n}\n\n@layer kol-global {\n /*\n * Dieses CSS stellt sicher, dass der Standard-Style\n * von A und Button resettet werden.\n */\n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; /* 100% needed for custom width from outside */\n }\n /*\n * Ensure elements with hidden attribute to be actually not visible\n * @see https://meowni.ca/hidden.is.a.lie.html\n */\n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n :host {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n /*\n * The max-width is needed to prevent the table from overflowing the\n * parent node, if the table is wider than the parent node.\n */\n max-width: 100%;\n }\n * {\n /*\n * We prefer to box-sizing: border-box for all elements.\n */\n box-sizing: border-box;\n }\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n /* This is the text label. */\n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n /* Reset browser agent style. */\n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n .badge-text-hint {\n background-color: lightgray;\n color: black;\n }\n}\n@layer kol-component {\n .kol-popover {\n height: 0;\n position: absolute;\n }\n .kol-popover .popover {\n background-color: #fff;\n min-height: max-content;\n min-width: max-content;\n opacity: 0;\n position: absolute;\n }\n .kol-popover .show {\n animation: 0.3s ease-in forwards fadeInOpacity;\n }\n .kol-popover .disappear {\n animation: 0.3s ease-in backwards fadeInOpacity;\n }\n .kol-popover .arrow {\n background-color: inherit;\n height: var(--font-size);\n position: absolute;\n rotate: 0.125turn;\n width: var(--font-size);\n z-index: -1;\n }\n @keyframes fadeInOpacity {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n }\n}\n@layer kol-component {\n .kol-tooltip-wc {\n display: contents;\n }\n .kol-tooltip-wc .tooltip-floating {\n animation-duration: 0.25s;\n animation-iteration-count: 1;\n animation-name: fadeInOpacity;\n animation-timing-function: ease-in;\n box-sizing: border-box;\n display: none;\n position: fixed;\n visibility: hidden;\n /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n top: 0;\n left: 0;\n max-width: 90vw;\n max-height: 90vh;\n /* Can be used to specify the tooltip-width from the outside. Unset by default. */\n width: var(--kol-tooltip-width);\n }\n /* Shared between content and arrow */\n .kol-tooltip-wc .tooltip-area {\n background-color: #fff;\n color: #000;\n }\n .kol-tooltip-wc .tooltip-arrow {\n height: calc(10rem / var(--kolibri-root-font-size, 16));\n position: absolute;\n transform: rotate(45deg);\n width: calc(10rem / var(--kolibri-root-font-size, 16));\n z-index: 999;\n }\n .kol-tooltip-wc .tooltip-content {\n position: relative;\n z-index: 1000;\n }\n @keyframes fadeInOpacity {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n }\n}\n@layer kol-component {\n :host {\n display: flex;\n position: relative;\n }\n .split-button-root {\n display: flex;\n position: relative;\n }\n .main-button {\n flex-grow: 1;\n text-align: left;\n }\n .kol-popover .popover {\n margin-top: calc(2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-popover .arrow {\n display: none;\n }\n}",l=s,r=class{constructor(t){n(this,t),this.clickButtonHandler={onClick:n=>{var t,e;"function"==typeof(null===(t=this._on)||void 0===t?void 0:t.onClick)?null===(e=this._on)||void 0===e||e.onClick(n,this._value):this.toggleDropdown()}},this.clickToggleHandler={onClick:()=>this.toggleDropdown()},this.toggleDropdown=()=>{this.state=Object.assign(Object.assign({},this.state),{_show:!this.state._show})},this.handleOnClose=()=>{this.state=Object.assign(Object.assign({},this.state),{_show:!1})},this._ariaControls=void 0,this._ariaExpanded=void 0,this._ariaSelected=void 0,this._customClass=void 0,this._disabled=!1,this._hideLabel=!1,this._icons=void 0,this._id=void 0,this._label=void 0,this._name=void 0,this._on=void 0,this._role=void 0,this._syncValueBySelector=void 0,this._tabIndex=void 0,this._tooltipAlign="top",this._type="button",this._value=void 0,this._variant="normal",this.state={_show:!1}}render(){const n="kol-split-button-dropdown-label";return t(e,{key:"bf0b8bbd7c2dc4fc85d7277dd92d16e2ce288d76",class:"kol-split-button"},t("div",{key:"74daf437028dc1c2add23932d7cd52782ccc1e4c",class:"split-button-root"},t(a,{key:"3bf984a61b273d36574f0846a102bc35700c9caf",class:{"main-button":!0,button:!0},_ariaControls:this._ariaControls,_ariaExpanded:this._ariaExpanded,_ariaSelected:this._ariaSelected,_customClass:this._customClass,_disabled:this._disabled,_icons:this._icons,_hideLabel:this._hideLabel,_label:this._label,_name:this._name,_on:this.clickButtonHandler,_role:this._role,_syncValueBySelector:this._syncValueBySelector,_tabIndex:this._tabIndex,_tooltipAlign:this._tooltipAlign,_type:this._type,_value:this._value,_variant:this._variant}),t("div",{key:"a3f4b6dbd1a16d95024ab0825dcc5012b5ccd0af",class:"horizontal-line"}),t(a,{key:"d046ecef26cc8872fd17271258fd98b1daafa342",class:{"secondary-button":!0,[this._variant]:"custom"!==this._variant},_disabled:this._disabled,_hideLabel:!0,_icons:"codicon codicon-triangle-down",_label:this.state._show?i(`${n}-close`):i(`${n}-open`),_on:this.clickToggleHandler,_variant:this._variant})),t(o,{key:"2b0eeafd1d2f2ef8960b932adb6a34315bce0910",_show:this.state._show,_on:{onClose:this.handleOnClose},_align:"bottom"},t("slot",{key:"f5eba083e4760144334a4ad225086781782f3809"})))}async closePopup(){return this.handleOnClose(),Promise.resolve()}static get delegatesFocus(){return!0}};r.style={default:l};export{r as kol_split_button};
4
+ import{r as n,h as t}from"./index-058cc56d.js";import{t as e}from"./i18n-efbafc80.js";import{k as o,a as i}from"./component-names-7ee7402b.js";import{c as s}from"./clsx-09a06a12.js";import"./i18n-45224cc3.js";import"./reuse-f46e7e35.js";const a="/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n :host {\n /*\n * Minimum size of interactive elements.\n */\n --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\n /*\n * No element should be used without a background and font color whose contrast ratio has\n * not been checked. By initially setting the background color to white and the font color\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\n */\n background-color: white;\n color: black;\n /*\n * Verdana is an accessible font that can be used without requiring additional loading time.\n */\n font-family: Verdana;\n }\n * {\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n hyphens: auto;\n /*\n * Letter spacing is required for all texts.\n */\n letter-spacing: inherit;\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n word-break: break-word;\n /*\n * Word spacing is required for all texts.\n */\n word-spacing: inherit;\n }\n /*\n * All interactive elements should have a minimum size of rem(44).\n */\n /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n /* option, */\n /* select, */\n /* textarea, */\n [role=button],\n button:not([role=link]) {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n /*\n * Some interactive elements should not inherit the font-family and font-size.\n */\n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n /*\n * All elements should inherit the font family from his parent element.\n */\n font-family: inherit;\n /*\n * All elements should inherit the font size from his parent element.\n */\n font-size: inherit;\n }\n}\n/**\n * Sometimes we need the semantic element for accessibility reasons,\n * but we don't want to show it.\n *\n * - https://www.a11yproject.com/posts/how-to-hide-content/\n */\n.visually-hidden {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: calc(1rem / var(--kolibri-root-font-size, 16));\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: calc(1rem / var(--kolibri-root-font-size, 16));\n}\n\n@layer kol-global {\n /*\n * Dieses CSS stellt sicher, dass der Standard-Style\n * von A und Button resettet werden.\n */\n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%;\n /* 100% needed for custom width from outside */\n }\n /*\n * Ensure elements with hidden attribute to be actually not visible\n * @see https://meowni.ca/hidden.is.a.lie.html\n */\n [hidden] {\n display: none !important;\n }\n .badge-text-hint {\n background-color: lightgray;\n color: black;\n }\n}\n@layer kol-global {\n :host {\n /*\n * The max-width is needed to prevent the table from overflowing the\n * parent node, if the table is wider than the parent node.\n */\n max-width: 100%;\n }\n * {\n /*\n * We prefer to box-sizing: border-box for all elements.\n */\n box-sizing: border-box;\n }\n .kol-span {\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n display: grid;\n place-items: center;\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n }\n .kol-span__container {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .kol-span .kol-span__label--hide-label .kol-span__label {\n display: none;\n }\n /* Reset browser agent style. */\n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span,\n [disabled]:focus .kol-span {\n outline: none !important;\n }\n}\n@layer kol-component {\n .kol-popover {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n height: 0;\n position: absolute;\n }\n .kol-popover__content {\n background-color: #fff;\n min-height: max-content;\n min-width: max-content;\n opacity: 0;\n position: absolute;\n }\n .kol-popover__content--visible {\n animation: 0.3s ease-in forwards fadeInOpacity;\n }\n .kol-popover__content--disappear {\n animation: 0.3s ease-in backwards fadeInOpacity;\n }\n .kol-popover__arrow {\n background-color: inherit;\n height: var(--font-size);\n position: absolute;\n rotate: 0.125turn;\n width: var(--font-size);\n z-index: -1;\n }\n @keyframes fadeInOpacity {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n }\n}\n@layer kol-component {\n :host {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-tooltip {\n display: contents;\n }\n .kol-tooltip__floating {\n animation-duration: 0.25s;\n animation-iteration-count: 1;\n animation-name: fadeInOpacity;\n animation-timing-function: ease-in;\n box-sizing: border-box;\n display: none;\n position: fixed;\n visibility: hidden;\n /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n top: 0;\n left: 0;\n max-width: 90vw;\n max-height: 90vh;\n /* Can be used to specify the tooltip-width from the outside. Unset by default. */\n width: var(--kol-tooltip-width);\n }\n .kol-tooltip__arrow {\n background-color: #fff;\n color: #000;\n height: calc(10rem / var(--kolibri-root-font-size, 16));\n position: absolute;\n transform: rotate(45deg);\n width: calc(10rem / var(--kolibri-root-font-size, 16));\n z-index: 999;\n }\n .kol-tooltip__content {\n background-color: #fff;\n color: #000;\n position: relative;\n z-index: 1000;\n }\n @keyframes fadeInOpacity {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n }\n}\n@layer kol-component {\n .kol-split-button {\n display: flex;\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n position: relative;\n }\n .kol-split-button__root {\n display: flex;\n position: relative;\n }\n .kol-split-button__button {\n flex-grow: 1;\n text-align: left;\n }\n .kol-split-button .kol-popover__content {\n margin-top: calc(2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-split-button .kol-popover__arrow {\n display: none;\n }\n}",l=a,r=class{constructor(t){n(this,t),this.clickButtonHandler={onClick:n=>{var t,e;n.stopPropagation(),"function"==typeof(null===(t=this._on)||void 0===t?void 0:t.onClick)?null===(e=this._on)||void 0===e||e.onClick(n,this._value):this.toggleDropdown()}},this.clickToggleHandler={onClick:n=>{n.stopPropagation(),this.toggleDropdown()}},this.toggleDropdown=()=>{this.state=Object.assign(Object.assign({},this.state),{_show:!this.state._show})},this.handleOnClose=()=>{this.state=Object.assign(Object.assign({},this.state),{_show:!1})},this._ariaControls=void 0,this._ariaExpanded=void 0,this._ariaSelected=void 0,this._customClass=void 0,this._disabled=!1,this._hideLabel=!1,this._icons=void 0,this._id=void 0,this._label=void 0,this._name=void 0,this._on=void 0,this._role=void 0,this._syncValueBySelector=void 0,this._tooltipAlign="top",this._type="button",this._value=void 0,this._variant="normal",this.state={_show:!1}}render(){const n="kol-split-button-dropdown-label";return t("div",{key:"0c88a85fb8276e85ec24cb2e4c6d5b4ea5f4def5",class:"kol-split-button"},t("div",{key:"dc3714e07c2520223c2b8cad45898e9815282681",class:"kol-split-button__root"},t(i,{key:"b7f61444b57f22216b4614c2a713c33585183ba1",class:s("kol-split-button__button",{[this._variant]:"custom"!==this._variant,[this._customClass]:"custom"===this._variant&&"string"==typeof this._customClass&&this._customClass.length>0}),_ariaControls:this._ariaControls,_ariaExpanded:this._ariaExpanded,_ariaSelected:this._ariaSelected,_customClass:this._customClass,_disabled:this._disabled,_icons:this._icons,_hideLabel:this._hideLabel,_label:this._label,_name:this._name,_on:this.clickButtonHandler,_role:this._role,_syncValueBySelector:this._syncValueBySelector,_tooltipAlign:this._tooltipAlign,_type:this._type,_value:this._value,_variant:this._variant}),t("div",{key:"fcb8212ab113127e25ebea6b1b69e90fa2c767ae",class:"kol-split-button__horizontal-line"}),t(i,{key:"81fe77362ce48e18fa23d20c6801a8d2cd224a15",class:"kol-split-button__secondary-button",_disabled:this._disabled,_hideLabel:!0,_icons:"codicon codicon-triangle-down",_label:this.state._show?e(`${n}-close`):e(`${n}-open`),_on:this.clickToggleHandler})),t(o,{key:"a70171de4785124fec0f53ece004864f1ef0d2f7",_show:this.state._show,_on:{onClose:this.handleOnClose},_align:"bottom"},t("slot",{key:"9ce7ea4b4157712fed4b866c18f50842fbd83704"})))}async closePopup(){return this.handleOnClose(),Promise.resolve()}static get delegatesFocus(){return!0}};r.style={default:l};export{r as kol_split_button};