@public-ui/sample-react 3.1.0-rc.1 → 3.1.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 (376) hide show
  1. package/dist/assets/{Alert-DZ3Qvmx3-0wJkKMP4.js → Alert-I3c2hFqL-BJ91wMmi.js} +2 -2
  2. package/dist/assets/{Alert-DZ3Qvmx3-0wJkKMP4.js.map → Alert-I3c2hFqL-BJ91wMmi.js.map} +1 -1
  3. package/dist/assets/{Collapsible-sLC3-zDi-U-l13giF.js → Collapsible-CK8NIzH0-OFSkk9ww.js} +2 -2
  4. package/dist/assets/{Collapsible-sLC3-zDi-U-l13giF.js.map → Collapsible-CK8NIzH0-OFSkk9ww.js.map} +1 -1
  5. package/dist/assets/{CustomSuggestionsOptionsGroup-110zEZnD-Dpe6x8fT.js → CustomSuggestionsOptionsGroup-CKk6vmBF-BoQ44r6E.js} +2 -2
  6. package/dist/assets/CustomSuggestionsOptionsGroup-CKk6vmBF-BoQ44r6E.js.map +1 -0
  7. package/dist/assets/{FieldControlStateWrapper-Dwn9ilVO-CKdF9x6B.js → FieldControlStateWrapper-CHxIkx4o-1Rkf42r6.js} +2 -2
  8. package/dist/assets/{FieldControlStateWrapper-Dwn9ilVO-CKdF9x6B.js.map → FieldControlStateWrapper-CHxIkx4o-1Rkf42r6.js.map} +1 -1
  9. package/dist/assets/{FormFieldStateWrapper-CMVWsf1s-BiEsxT4A.js → FormFieldStateWrapper-BD6_Aq_y-Bt2PU-LJ.js} +2 -2
  10. package/dist/assets/{FormFieldStateWrapper-CMVWsf1s-BiEsxT4A.js.map → FormFieldStateWrapper-BD6_Aq_y-Bt2PU-LJ.js.map} +1 -1
  11. package/dist/assets/{Heading-CLE-Js8a-B1sdKGjJ.js → Heading-DwQEABii-THMC_gpR.js} +2 -2
  12. package/dist/assets/{Heading-CLE-Js8a-B1sdKGjJ.js.map → Heading-DwQEABii-THMC_gpR.js.map} +1 -1
  13. package/dist/assets/{Icon-R0rZZbtD-CQ9nShoD.js → Icon-DazIQvDi-DtkY3Xyh.js} +2 -2
  14. package/dist/assets/Icon-DazIQvDi-DtkY3Xyh.js.map +1 -0
  15. package/dist/assets/{Input-Dc432kZ2-mAMePEAs.js → Input-KPeaFJZR-l78mKgnQ.js} +2 -2
  16. package/dist/assets/{Input-Dc432kZ2-mAMePEAs.js.map → Input-KPeaFJZR-l78mKgnQ.js.map} +1 -1
  17. package/dist/assets/{InputStateWrapper-D6x3J4a5-B7qv5TaK.js → InputStateWrapper-Br3zT89Q-C_37sFaf.js} +2 -2
  18. package/dist/assets/{InputStateWrapper-D6x3J4a5-B7qv5TaK.js.map → InputStateWrapper-Br3zT89Q-C_37sFaf.js.map} +1 -1
  19. package/dist/assets/{InternalUnderlinedBadgeText-CQHhXGXt-DxUtlajL.js → InternalUnderlinedBadgeText-BXMEPoNX-CjXRzrmL.js} +2 -2
  20. package/dist/assets/{InternalUnderlinedBadgeText-CQHhXGXt-DxUtlajL.js.map → InternalUnderlinedBadgeText-BXMEPoNX-CjXRzrmL.js.map} +1 -1
  21. package/dist/assets/{Span-MWb3xhCV-Bp7zPgEs.js → Span-_4yQD2YZ-CzGvCcG8.js} +2 -2
  22. package/dist/assets/{Span-MWb3xhCV-Bp7zPgEs.js.map → Span-_4yQD2YZ-CzGvCcG8.js.map} +1 -1
  23. package/dist/assets/{access-and-short-key-B37XLwy2-DC_gmX68.js → access-and-short-key-B37XLwy2-COtfXnqU.js} +2 -2
  24. package/dist/assets/{access-and-short-key-B37XLwy2-DC_gmX68.js.map → access-and-short-key-B37XLwy2-COtfXnqU.js.map} +1 -1
  25. package/dist/assets/{align-D-ifSKu8-SlOsnUXs.js → align-D-ifSKu8-7Mn2tQC6.js} +2 -2
  26. package/dist/assets/{align-D-ifSKu8-SlOsnUXs.js.map → align-D-ifSKu8-7Mn2tQC6.js.map} +1 -1
  27. package/dist/assets/{align-floating-elements-BkpeqvtE-NerhTqkb.js → align-floating-elements-BkpeqvtE-DrZYr5-a.js} +2 -2
  28. package/dist/assets/{align-floating-elements-BkpeqvtE-NerhTqkb.js.map → align-floating-elements-BkpeqvtE-DrZYr5-a.js.map} +1 -1
  29. package/dist/assets/{associated.controller-B9GDDaFL-DV2fglHM.js → associated.controller-B9GDDaFL-C06Z5T1A.js} +2 -2
  30. package/dist/assets/{associated.controller-B9GDDaFL-DV2fglHM.js.map → associated.controller-B9GDDaFL-C06Z5T1A.js.map} +1 -1
  31. package/dist/assets/{auto-complete-mCkUnxg2-BTT2bEBv.js → auto-complete-mCkUnxg2-DO6_8hbn.js} +2 -2
  32. package/dist/assets/auto-complete-mCkUnxg2-DO6_8hbn.js.map +1 -0
  33. package/dist/assets/{button-variant-_wL6MroY-DSUUiaq7.js → button-variant-_wL6MroY-CbBazqdv.js} +2 -2
  34. package/dist/assets/{button-variant-_wL6MroY-DSUUiaq7.js.map → button-variant-_wL6MroY-CbBazqdv.js.map} +1 -1
  35. package/dist/assets/clsx-eK3rPvPS-B-dksMZM.js.map +1 -1
  36. package/dist/assets/{color-BOIEtqEM-DeRe8V_X.js → color-BOIEtqEM-CeIOGeuA.js} +2 -2
  37. package/dist/assets/{color-BOIEtqEM-DeRe8V_X.js.map → color-BOIEtqEM-CeIOGeuA.js.map} +1 -1
  38. package/dist/assets/{controller-YU3DJWZU-BVaLVIG4.js → controller-BVGTTRsM-v4xNZYW6.js} +2 -2
  39. package/dist/assets/{controller-YU3DJWZU-BVaLVIG4.js.map → controller-BVGTTRsM-v4xNZYW6.js.map} +1 -1
  40. package/dist/assets/{controller-DiBS7J6Z-CUL7q3Rn.js → controller-CBTbnj0P-B-CKQWbQ.js} +2 -2
  41. package/dist/assets/{controller-DiBS7J6Z-CUL7q3Rn.js.map → controller-CBTbnj0P-B-CKQWbQ.js.map} +1 -1
  42. package/dist/assets/{controller-CM5wW8Ij-C9ixV86T.js → controller-CM5wW8Ij-CM4XghRP.js} +2 -2
  43. package/dist/assets/{controller-CM5wW8Ij-C9ixV86T.js.map → controller-CM5wW8Ij-CM4XghRP.js.map} +1 -1
  44. package/dist/assets/{controller-ByoIxwlc-BjSadYhE.js → controller-hCTGmOJP-BUfOAMHL.js} +2 -2
  45. package/dist/assets/{controller-ByoIxwlc-BjSadYhE.js.map → controller-hCTGmOJP-BUfOAMHL.js.map} +1 -1
  46. package/dist/assets/{controller-icon-DwSibEz--CwJRjEj7.js → controller-icon-z0j8meAS-C-joMNrP.js} +2 -2
  47. package/dist/assets/{controller-icon-DwSibEz--CwJRjEj7.js.map → controller-icon-z0j8meAS-C-joMNrP.js.map} +1 -1
  48. package/dist/assets/custom-class-nuoQ9Aml-DvCkJ7No.js +2 -0
  49. package/dist/assets/{custom-class-nuoQ9Aml-CPDCXlOx.js.map → custom-class-nuoQ9Aml-DvCkJ7No.js.map} +1 -1
  50. package/dist/assets/{dev.utils-1ts_3yRe-FsqGasuJ.js → dev.utils-CT0IU26V-Cs-xItdq.js} +2 -2
  51. package/dist/assets/{dev.utils-1ts_3yRe-FsqGasuJ.js.map → dev.utils-CT0IU26V-Cs-xItdq.js.map} +1 -1
  52. package/dist/assets/{devtools-CjGJpuSn-KlK9Af1q.js → devtools-CKGr6nvH-C2rVTuRq.js} +2 -2
  53. package/dist/assets/{devtools-CjGJpuSn-KlK9Af1q.js.map → devtools-CKGr6nvH-C2rVTuRq.js.map} +1 -1
  54. package/dist/assets/disabled-BhpAFgSp-XwsrDnWT.js +2 -0
  55. package/dist/assets/{disabled-BhpAFgSp-C8MjIJqp.js.map → disabled-BhpAFgSp-XwsrDnWT.js.map} +1 -1
  56. package/dist/assets/has-closer-CQzjaTkv-DPI4Hbbv.js +2 -0
  57. package/dist/assets/has-closer-CQzjaTkv-DPI4Hbbv.js.map +1 -0
  58. package/dist/assets/hide-label-B9FhGrWP-B9enFW4p.js +2 -0
  59. package/dist/assets/hide-label-B9FhGrWP-B9enFW4p.js.map +1 -0
  60. package/dist/assets/href-rwDd36rS-BgSlWBOp.js +2 -0
  61. package/dist/assets/href-rwDd36rS-BgSlWBOp.js.map +1 -0
  62. package/dist/assets/i18n-LBpyQ66X-tgWLHoTR.js +2 -0
  63. package/dist/assets/{i18n-LBpyQ66X-B2U39IUc.js.map → i18n-LBpyQ66X-tgWLHoTR.js.map} +1 -1
  64. package/dist/assets/{icons-DNTuScEN-BkbiP0ld.js → icons-DNTuScEN-yEnXhcF2.js} +2 -2
  65. package/dist/assets/{icons-DNTuScEN-BkbiP0ld.js.map → icons-DNTuScEN-yEnXhcF2.js.map} +1 -1
  66. package/dist/assets/image-source-BfBEJ0rX-BNUszK7Z.js +2 -0
  67. package/dist/assets/image-source-BfBEJ0rX-BNUszK7Z.js.map +1 -0
  68. package/dist/assets/{index-CpVRrVxh.js → index-hDzmycZM.js} +175 -173
  69. package/dist/assets/index-hDzmycZM.js.map +1 -0
  70. package/dist/assets/inline-cDaqwSfK-7NZNnNoH.js +2 -0
  71. package/dist/assets/inline-cDaqwSfK-7NZNnNoH.js.map +1 -0
  72. package/dist/assets/isObject-DvSELytj-DhzEQer1.js.map +1 -1
  73. package/dist/assets/keyboard-D6PoWr38-BGYQJqo4.js.map +1 -1
  74. package/dist/assets/kol-abbr.entry-BbgWOVw7.js +2 -0
  75. package/dist/assets/kol-abbr.entry-BbgWOVw7.js.map +1 -0
  76. package/dist/assets/kol-accordion.entry-B3q3Iy0c.js +6 -0
  77. package/dist/assets/kol-accordion.entry-B3q3Iy0c.js.map +1 -0
  78. package/dist/assets/{kol-alert-wc.entry-B4Vv55-O.js → kol-alert-wc.entry-XD1xlp_f.js} +2 -2
  79. package/dist/assets/{kol-alert-wc.entry-B4Vv55-O.js.map → kol-alert-wc.entry-XD1xlp_f.js.map} +1 -1
  80. package/dist/assets/kol-alert.entry-Dss1fjZh.js +2 -0
  81. package/dist/assets/kol-alert.entry-Dss1fjZh.js.map +1 -0
  82. package/dist/assets/{kol-avatar-wc.entry-C64A1Av5.js → kol-avatar-wc.entry-UAJI0GLP.js} +2 -2
  83. package/dist/assets/{kol-avatar-wc.entry-C64A1Av5.js.map → kol-avatar-wc.entry-UAJI0GLP.js.map} +1 -1
  84. package/dist/assets/kol-avatar.entry-D6-gitDM.js +2 -0
  85. package/dist/assets/kol-avatar.entry-D6-gitDM.js.map +1 -0
  86. package/dist/assets/kol-badge.entry-BwIYad7r.js +2 -0
  87. package/dist/assets/kol-badge.entry-BwIYad7r.js.map +1 -0
  88. package/dist/assets/kol-breadcrumb.entry-Dm7LdhUK.js +2 -0
  89. package/dist/assets/kol-breadcrumb.entry-Dm7LdhUK.js.map +1 -0
  90. package/dist/assets/kol-button-link.entry-CfqAyUBv.js +2 -0
  91. package/dist/assets/kol-button-link.entry-CfqAyUBv.js.map +1 -0
  92. package/dist/assets/{kol-button-wc.entry-CWm5M6Iv.js → kol-button-wc.entry-B0MZ9axG.js} +2 -2
  93. package/dist/assets/{kol-button-wc.entry-CWm5M6Iv.js.map → kol-button-wc.entry-B0MZ9axG.js.map} +1 -1
  94. package/dist/assets/kol-button.entry-BFTTSAi0.js +2 -0
  95. package/dist/assets/kol-button.entry-BFTTSAi0.js.map +1 -0
  96. package/dist/assets/{kol-card-wc.entry-ZghwrIUF.js → kol-card-wc.entry-C1Skm83s.js} +2 -2
  97. package/dist/assets/{kol-card-wc.entry-ZghwrIUF.js.map → kol-card-wc.entry-C1Skm83s.js.map} +1 -1
  98. package/dist/assets/kol-card.entry-D53dab-y.js +2 -0
  99. package/dist/assets/kol-card.entry-D53dab-y.js.map +1 -0
  100. package/dist/assets/kol-combobox.entry-DklS9QlJ.js +2 -0
  101. package/dist/assets/kol-combobox.entry-DklS9QlJ.js.map +1 -0
  102. package/dist/assets/kol-details.entry-DHdhfZ0q.js +2 -0
  103. package/dist/assets/kol-details.entry-DHdhfZ0q.js.map +1 -0
  104. package/dist/assets/kol-drawer.entry-Dr6lIO6M.js +2 -0
  105. package/dist/assets/kol-drawer.entry-Dr6lIO6M.js.map +1 -0
  106. package/dist/assets/kol-form.entry-kIfzW2cC.js +2 -0
  107. package/dist/assets/kol-form.entry-kIfzW2cC.js.map +1 -0
  108. package/dist/assets/kol-heading.entry-BQf-KwT3.js +2 -0
  109. package/dist/assets/kol-heading.entry-BQf-KwT3.js.map +1 -0
  110. package/dist/assets/kol-icon.entry-CWs6W3-s.js +2 -0
  111. package/dist/assets/kol-icon.entry-CWs6W3-s.js.map +1 -0
  112. package/dist/assets/kol-image.entry-Bm6iVXMw.js +2 -0
  113. package/dist/assets/kol-image.entry-Bm6iVXMw.js.map +1 -0
  114. package/dist/assets/kol-input-checkbox.entry-BeqnKl_P.js +2 -0
  115. package/dist/assets/kol-input-checkbox.entry-BeqnKl_P.js.map +1 -0
  116. package/dist/assets/kol-input-color.entry-BYhPsmTH.js +2 -0
  117. package/dist/assets/kol-input-color.entry-BYhPsmTH.js.map +1 -0
  118. package/dist/assets/kol-input-date.entry-13hrQCc4.js +2 -0
  119. package/dist/assets/kol-input-date.entry-13hrQCc4.js.map +1 -0
  120. package/dist/assets/kol-input-email.entry-phcjpNGI.js +2 -0
  121. package/dist/assets/kol-input-email.entry-phcjpNGI.js.map +1 -0
  122. package/dist/assets/kol-input-file.entry-D_K5ZJsj.js +2 -0
  123. package/dist/assets/kol-input-file.entry-D_K5ZJsj.js.map +1 -0
  124. package/dist/assets/kol-input-number.entry-D6KPVw2J.js +2 -0
  125. package/dist/assets/kol-input-number.entry-D6KPVw2J.js.map +1 -0
  126. package/dist/assets/kol-input-password.entry-Dxxbn-8q.js +2 -0
  127. package/dist/assets/kol-input-password.entry-Dxxbn-8q.js.map +1 -0
  128. package/dist/assets/kol-input-radio.entry-Csqphlyp.js +2 -0
  129. package/dist/assets/kol-input-radio.entry-Csqphlyp.js.map +1 -0
  130. package/dist/assets/kol-input-range.entry-DrX_qcg6.js +2 -0
  131. package/dist/assets/kol-input-range.entry-DrX_qcg6.js.map +1 -0
  132. package/dist/assets/kol-input-text.entry-TKwdsRhe.js +2 -0
  133. package/dist/assets/kol-input-text.entry-TKwdsRhe.js.map +1 -0
  134. package/dist/assets/kol-kolibri.entry-BVtq0QhA.js +2 -0
  135. package/dist/assets/kol-kolibri.entry-BVtq0QhA.js.map +1 -0
  136. package/dist/assets/kol-link-button.entry-Bj-xfZe5.js +2 -0
  137. package/dist/assets/kol-link-button.entry-Bj-xfZe5.js.map +1 -0
  138. package/dist/assets/{kol-link-wc.entry-DLuKaE6r.js → kol-link-wc.entry-B83vPIT2.js} +2 -2
  139. package/dist/assets/{kol-link-wc.entry-DLuKaE6r.js.map → kol-link-wc.entry-B83vPIT2.js.map} +1 -1
  140. package/dist/assets/kol-link.entry-CJ55wH3d.js +2 -0
  141. package/dist/assets/kol-link.entry-CJ55wH3d.js.map +1 -0
  142. package/dist/assets/kol-modal.entry-BTDiLTuj.js +2 -0
  143. package/dist/assets/kol-modal.entry-BTDiLTuj.js.map +1 -0
  144. package/dist/assets/kol-nav.entry-k4Z80fPp.js +2 -0
  145. package/dist/assets/kol-nav.entry-k4Z80fPp.js.map +1 -0
  146. package/dist/assets/{kol-pagination-wc.entry-CeENHsJf.js → kol-pagination-wc.entry-D1AoEHVh.js} +2 -2
  147. package/dist/assets/{kol-pagination-wc.entry-CeENHsJf.js.map → kol-pagination-wc.entry-D1AoEHVh.js.map} +1 -1
  148. package/dist/assets/kol-pagination.entry-CHy4DGQi.js +2 -0
  149. package/dist/assets/kol-pagination.entry-CHy4DGQi.js.map +1 -0
  150. package/dist/assets/{kol-popover-button-wc.entry-Bhid7r6W.js → kol-popover-button-wc.entry-Dq5vqt19.js} +2 -2
  151. package/dist/assets/{kol-popover-button-wc.entry-Bhid7r6W.js.map → kol-popover-button-wc.entry-Dq5vqt19.js.map} +1 -1
  152. package/dist/assets/kol-popover-button.entry-8zF36dV4.js +2 -0
  153. package/dist/assets/kol-popover-button.entry-8zF36dV4.js.map +1 -0
  154. package/dist/assets/{kol-popover-wc.entry-BPvg_CXg.js → kol-popover-wc.entry-k2ndKMjo.js} +2 -2
  155. package/dist/assets/{kol-popover-wc.entry-BPvg_CXg.js.map → kol-popover-wc.entry-k2ndKMjo.js.map} +1 -1
  156. package/dist/assets/kol-progress.entry-Cdi_2dkf.js +2 -0
  157. package/dist/assets/kol-progress.entry-Cdi_2dkf.js.map +1 -0
  158. package/dist/assets/kol-quote.entry-ClTSiK2L.js +2 -0
  159. package/dist/assets/kol-quote.entry-ClTSiK2L.js.map +1 -0
  160. package/dist/assets/{kol-select-wc.entry-C9AXzEKk.js → kol-select-wc.entry-C9ePJWLU.js} +2 -2
  161. package/dist/assets/{kol-select-wc.entry-C9AXzEKk.js.map → kol-select-wc.entry-C9ePJWLU.js.map} +1 -1
  162. package/dist/assets/kol-select.entry-ogG9jLpG.js +2 -0
  163. package/dist/assets/kol-select.entry-ogG9jLpG.js.map +1 -0
  164. package/dist/assets/kol-single-select.entry-DiJEWgZm.js +2 -0
  165. package/dist/assets/kol-single-select.entry-DiJEWgZm.js.map +1 -0
  166. package/dist/assets/kol-skip-nav.entry-rmwMtMTr.js +2 -0
  167. package/dist/assets/kol-skip-nav.entry-rmwMtMTr.js.map +1 -0
  168. package/dist/assets/kol-spin.entry-CTtpGTN2.js +2 -0
  169. package/dist/assets/kol-spin.entry-CTtpGTN2.js.map +1 -0
  170. package/dist/assets/kol-split-button.entry-BYO2RUMM.js +2 -0
  171. package/dist/assets/kol-split-button.entry-BYO2RUMM.js.map +1 -0
  172. package/dist/assets/{kol-table-settings-wc.entry-D-X2nrab.js → kol-table-settings-wc.entry-BJxvZysj.js} +2 -2
  173. package/dist/assets/{kol-table-settings-wc.entry-D-X2nrab.js.map → kol-table-settings-wc.entry-BJxvZysj.js.map} +1 -1
  174. package/dist/assets/kol-table-stateful.entry-BvdLK3d9.js +2 -0
  175. package/dist/assets/kol-table-stateful.entry-BvdLK3d9.js.map +1 -0
  176. package/dist/assets/{kol-table-stateless-wc.entry-rACRhqyQ.js → kol-table-stateless-wc.entry-DDSpRe8M.js} +2 -2
  177. package/dist/assets/{kol-table-stateless-wc.entry-rACRhqyQ.js.map → kol-table-stateless-wc.entry-DDSpRe8M.js.map} +1 -1
  178. package/dist/assets/kol-table-stateless.entry-YhJvYYwN.js +2 -0
  179. package/dist/assets/kol-table-stateless.entry-YhJvYYwN.js.map +1 -0
  180. package/dist/assets/kol-tabs.entry-FIxb5xVL.js +2 -0
  181. package/dist/assets/kol-tabs.entry-FIxb5xVL.js.map +1 -0
  182. package/dist/assets/kol-textarea.entry-Gj8OlVIj.js +2 -0
  183. package/dist/assets/kol-textarea.entry-Gj8OlVIj.js.map +1 -0
  184. package/dist/assets/kol-toast-container.entry-yV_Wl1hI.js +2 -0
  185. package/dist/assets/kol-toast-container.entry-yV_Wl1hI.js.map +1 -0
  186. package/dist/assets/kol-toolbar.entry-GxX9b6NQ.js +2 -0
  187. package/dist/assets/kol-toolbar.entry-GxX9b6NQ.js.map +1 -0
  188. package/dist/assets/{kol-tooltip-wc.entry-CWYHeCfc.js → kol-tooltip-wc.entry-CC8YSLd6.js} +2 -2
  189. package/dist/assets/{kol-tooltip-wc.entry-CWYHeCfc.js.map → kol-tooltip-wc.entry-CC8YSLd6.js.map} +1 -1
  190. package/dist/assets/{kol-tree-item-wc.entry-D3pVjptc.js → kol-tree-item-wc.entry-DaEI8uXd.js} +2 -2
  191. package/dist/assets/{kol-tree-item-wc.entry-D3pVjptc.js.map → kol-tree-item-wc.entry-DaEI8uXd.js.map} +1 -1
  192. package/dist/assets/kol-tree-item.entry-Bw9Z_Rnu.js +2 -0
  193. package/dist/assets/kol-tree-item.entry-Bw9Z_Rnu.js.map +1 -0
  194. package/dist/assets/{kol-tree-wc.entry-__ktJ092.js → kol-tree-wc.entry-CGlIxG7r.js} +2 -2
  195. package/dist/assets/{kol-tree-wc.entry-__ktJ092.js.map → kol-tree-wc.entry-CGlIxG7r.js.map} +1 -1
  196. package/dist/assets/kol-tree.entry-C2IgvRNv.js +2 -0
  197. package/dist/assets/kol-tree.entry-C2IgvRNv.js.map +1 -0
  198. package/dist/assets/kol-version.entry-BXtJNh9a.js +2 -0
  199. package/dist/assets/kol-version.entry-BXtJNh9a.js.map +1 -0
  200. package/dist/assets/{label-Dnmzb2S_-BN9gaaNz.js → label-Dnmzb2S_-YuosJx7D.js} +2 -2
  201. package/dist/assets/{label-Dnmzb2S_-BN9gaaNz.js.map → label-Dnmzb2S_-YuosJx7D.js.map} +1 -1
  202. package/dist/assets/{markdown-BSkXjaSn-BM4jz18m.js → markdown-BSkXjaSn-CgWNYJ5a.js} +2 -2
  203. package/dist/assets/{markdown-BSkXjaSn-BM4jz18m.js.map → markdown-BSkXjaSn-CgWNYJ5a.js.map} +1 -1
  204. package/dist/assets/{max-length-behavior-nTw1Zuyf-DmuRIbKU.js → max-length-behavior-nTw1Zuyf-KStjBTH7.js} +2 -2
  205. package/dist/assets/{max-length-behavior-nTw1Zuyf-DmuRIbKU.js.map → max-length-behavior-nTw1Zuyf-KStjBTH7.js.map} +1 -1
  206. package/dist/assets/multiple-Cj3JQafH-B5QdRmJ8.js +2 -0
  207. package/dist/assets/multiple-Cj3JQafH-B5QdRmJ8.js.map +1 -0
  208. package/dist/assets/open-CbvHO4XG-n8QXh3_y.js +2 -0
  209. package/dist/assets/open-CbvHO4XG-n8QXh3_y.js.map +1 -0
  210. package/dist/assets/{orientation-eCMt8CD1-XGH1jYS6.js → orientation-eCMt8CD1-Czjtd99A.js} +2 -2
  211. package/dist/assets/orientation-eCMt8CD1-Czjtd99A.js.map +1 -0
  212. package/dist/assets/placeholder-BVhy3BzI-DfeHlbLA.js +2 -0
  213. package/dist/assets/placeholder-BVhy3BzI-DfeHlbLA.js.map +1 -0
  214. package/dist/assets/read-only-BetTuumR-BCLChh9Q.js +2 -0
  215. package/dist/assets/read-only-BetTuumR-BCLChh9Q.js.map +1 -0
  216. package/dist/assets/required-CnTTpFCN-CvjJVgRi.js +2 -0
  217. package/dist/assets/{required-CnTTpFCN-D9qGvjNX.js.map → required-CnTTpFCN-CvjJVgRi.js.map} +1 -1
  218. package/dist/assets/reuse-CX4AQDkS-BaVSFETn.js.map +1 -1
  219. package/dist/assets/rows-DtS-0sp9-BBrKh0Mv.js +2 -0
  220. package/dist/assets/rows-DtS-0sp9-BBrKh0Mv.js.map +1 -0
  221. package/dist/assets/show-DdPK3aM7-Dd0aproS.js +2 -0
  222. package/dist/assets/{show-DdPK3aM7-BrwmnRxT.js.map → show-DdPK3aM7-Dd0aproS.js.map} +1 -1
  223. package/dist/assets/spell-check-B9ot-4t--BDiiALyM.js +2 -0
  224. package/dist/assets/{spell-check-B9ot-4t--CoH8-1u1.js.map → spell-check-B9ot-4t--BDiiALyM.js.map} +1 -1
  225. package/dist/assets/{suggestions-B-jLvT4L-CBfAVs-D.js → suggestions-B-jLvT4L-DSicgMjt.js} +2 -2
  226. package/dist/assets/{suggestions-B-jLvT4L-CBfAVs-D.js.map → suggestions-B-jLvT4L-DSicgMjt.js.map} +1 -1
  227. package/dist/assets/{table-settings-DxLvhwRE-pM1TLTVQ.js → table-settings-DxLvhwRE-Cm4VuPXY.js} +2 -2
  228. package/dist/assets/{table-settings-DxLvhwRE-pM1TLTVQ.js.map → table-settings-DxLvhwRE-Cm4VuPXY.js.map} +1 -1
  229. package/dist/assets/test-component.entry-CF5WFFS0.js +2 -0
  230. package/dist/assets/test-component.entry-CF5WFFS0.js.map +1 -0
  231. package/dist/assets/tooltip-align-Cnin7S26-e-hO8qp6.js +2 -0
  232. package/dist/assets/{tooltip-align-Cnin7S26-C_82tLbA.js.map → tooltip-align-Cnin7S26-e-hO8qp6.js.map} +1 -1
  233. package/dist/assets/tooltip-open-tracking-rBbBgPWP-DRkgcff2.js.map +1 -1
  234. package/dist/assets/tslib.es6-CxX45GIN-BGVaTf34.js.map +1 -1
  235. package/dist/assets/{unique-nav-labels-CrfmPC99-Bz0VjzCS.js → unique-nav-labels-CrfmPC99-EqK7GyZg.js} +2 -2
  236. package/dist/assets/{unique-nav-labels-CrfmPC99-Bz0VjzCS.js.map → unique-nav-labels-CrfmPC99-EqK7GyZg.js.map} +1 -1
  237. package/dist/assets/{validation-BfjI5un_-CbgTidoI.js → validation-BfjI5un_-BVFslV0j.js} +2 -2
  238. package/dist/assets/validation-BfjI5un_-BVFslV0j.js.map +1 -0
  239. package/dist/assets/validation-aqgnZOL6-VLAcEczo.js +2 -0
  240. package/dist/assets/{validation-aqgnZOL6-CyLhRYxT.js.map → validation-aqgnZOL6-VLAcEczo.js.map} +1 -1
  241. package/dist/index.html +1 -1
  242. package/package.json +7 -7
  243. package/dist/assets/CustomSuggestionsOptionsGroup-110zEZnD-Dpe6x8fT.js.map +0 -1
  244. package/dist/assets/Icon-R0rZZbtD-CQ9nShoD.js.map +0 -1
  245. package/dist/assets/auto-complete-mCkUnxg2-BTT2bEBv.js.map +0 -1
  246. package/dist/assets/custom-class-nuoQ9Aml-CPDCXlOx.js +0 -2
  247. package/dist/assets/disabled-BhpAFgSp-C8MjIJqp.js +0 -2
  248. package/dist/assets/has-closer-CQzjaTkv-D8_XhMxL.js +0 -2
  249. package/dist/assets/has-closer-CQzjaTkv-D8_XhMxL.js.map +0 -1
  250. package/dist/assets/hide-label-B9FhGrWP-C79tbS-G.js +0 -2
  251. package/dist/assets/hide-label-B9FhGrWP-C79tbS-G.js.map +0 -1
  252. package/dist/assets/href-rwDd36rS-DqOOdExo.js +0 -2
  253. package/dist/assets/href-rwDd36rS-DqOOdExo.js.map +0 -1
  254. package/dist/assets/i18n-LBpyQ66X-B2U39IUc.js +0 -2
  255. package/dist/assets/image-source-BfBEJ0rX-BoVjBaqT.js +0 -2
  256. package/dist/assets/image-source-BfBEJ0rX-BoVjBaqT.js.map +0 -1
  257. package/dist/assets/index-CpVRrVxh.js.map +0 -1
  258. package/dist/assets/inline-cDaqwSfK-Bx-kZnjp.js +0 -2
  259. package/dist/assets/inline-cDaqwSfK-Bx-kZnjp.js.map +0 -1
  260. package/dist/assets/kol-abbr.entry-6cT8sntq.js +0 -262
  261. package/dist/assets/kol-abbr.entry-6cT8sntq.js.map +0 -1
  262. package/dist/assets/kol-accordion.entry-fxRE4IOh.js +0 -262
  263. package/dist/assets/kol-accordion.entry-fxRE4IOh.js.map +0 -1
  264. package/dist/assets/kol-alert.entry-RiM2nIrU.js +0 -283
  265. package/dist/assets/kol-alert.entry-RiM2nIrU.js.map +0 -1
  266. package/dist/assets/kol-avatar.entry-Dn0l6Jye.js +0 -229
  267. package/dist/assets/kol-avatar.entry-Dn0l6Jye.js.map +0 -1
  268. package/dist/assets/kol-badge.entry-MN_KsLfK.js +0 -273
  269. package/dist/assets/kol-badge.entry-MN_KsLfK.js.map +0 -1
  270. package/dist/assets/kol-breadcrumb.entry-Kl1Mm-Qa.js +0 -306
  271. package/dist/assets/kol-breadcrumb.entry-Kl1Mm-Qa.js.map +0 -1
  272. package/dist/assets/kol-button-link.entry-C57MtACc.js +0 -293
  273. package/dist/assets/kol-button-link.entry-C57MtACc.js.map +0 -1
  274. package/dist/assets/kol-button.entry-CskyWKWe.js +0 -280
  275. package/dist/assets/kol-button.entry-CskyWKWe.js.map +0 -1
  276. package/dist/assets/kol-card.entry-DnKYLbVV.js +0 -275
  277. package/dist/assets/kol-card.entry-DnKYLbVV.js.map +0 -1
  278. package/dist/assets/kol-combobox.entry-Cs6xAOrz.js +0 -386
  279. package/dist/assets/kol-combobox.entry-Cs6xAOrz.js.map +0 -1
  280. package/dist/assets/kol-details.entry-DHbKVODQ.js +0 -273
  281. package/dist/assets/kol-details.entry-DHbKVODQ.js.map +0 -1
  282. package/dist/assets/kol-drawer.entry-CL5eJ8Ar.js +0 -314
  283. package/dist/assets/kol-drawer.entry-CL5eJ8Ar.js.map +0 -1
  284. package/dist/assets/kol-form.entry-D_mCzcKg.js +0 -308
  285. package/dist/assets/kol-form.entry-D_mCzcKg.js.map +0 -1
  286. package/dist/assets/kol-heading.entry-CrdwRZxu.js +0 -205
  287. package/dist/assets/kol-heading.entry-CrdwRZxu.js.map +0 -1
  288. package/dist/assets/kol-icon.entry-ymsfoBY2.js +0 -2374
  289. package/dist/assets/kol-icon.entry-ymsfoBY2.js.map +0 -1
  290. package/dist/assets/kol-image.entry-Xmu2ZgJq.js +0 -207
  291. package/dist/assets/kol-image.entry-Xmu2ZgJq.js.map +0 -1
  292. package/dist/assets/kol-input-checkbox.entry-BY_2B94J.js +0 -460
  293. package/dist/assets/kol-input-checkbox.entry-BY_2B94J.js.map +0 -1
  294. package/dist/assets/kol-input-color.entry-CeAUDkrv.js +0 -357
  295. package/dist/assets/kol-input-color.entry-CeAUDkrv.js.map +0 -1
  296. package/dist/assets/kol-input-date.entry-DAgGmBHa.js +0 -359
  297. package/dist/assets/kol-input-date.entry-DAgGmBHa.js.map +0 -1
  298. package/dist/assets/kol-input-email.entry-cESfpxQA.js +0 -339
  299. package/dist/assets/kol-input-email.entry-cESfpxQA.js.map +0 -1
  300. package/dist/assets/kol-input-file.entry-opcfvRVU.js +0 -371
  301. package/dist/assets/kol-input-file.entry-opcfvRVU.js.map +0 -1
  302. package/dist/assets/kol-input-number.entry-DOEKaMl6.js +0 -339
  303. package/dist/assets/kol-input-number.entry-DOEKaMl6.js.map +0 -1
  304. package/dist/assets/kol-input-password.entry-oAVuFpms.js +0 -342
  305. package/dist/assets/kol-input-password.entry-oAVuFpms.js.map +0 -1
  306. package/dist/assets/kol-input-radio.entry-CWHmdZsV.js +0 -459
  307. package/dist/assets/kol-input-radio.entry-CWHmdZsV.js.map +0 -1
  308. package/dist/assets/kol-input-range.entry-DglEyQDt.js +0 -386
  309. package/dist/assets/kol-input-range.entry-DglEyQDt.js.map +0 -1
  310. package/dist/assets/kol-input-text.entry-Nyj6nNRw.js +0 -339
  311. package/dist/assets/kol-input-text.entry-Nyj6nNRw.js.map +0 -1
  312. package/dist/assets/kol-kolibri.entry-oefvQhYv.js +0 -211
  313. package/dist/assets/kol-kolibri.entry-oefvQhYv.js.map +0 -1
  314. package/dist/assets/kol-link-button.entry-B_-3vR3G.js +0 -280
  315. package/dist/assets/kol-link-button.entry-B_-3vR3G.js.map +0 -1
  316. package/dist/assets/kol-link.entry-B5PQtZU8.js +0 -289
  317. package/dist/assets/kol-link.entry-B5PQtZU8.js.map +0 -1
  318. package/dist/assets/kol-modal.entry-BfhIJhRz.js +0 -290
  319. package/dist/assets/kol-modal.entry-BfhIJhRz.js.map +0 -1
  320. package/dist/assets/kol-nav.entry-D4vfM4cQ.js +0 -305
  321. package/dist/assets/kol-nav.entry-D4vfM4cQ.js.map +0 -1
  322. package/dist/assets/kol-pagination.entry-CtNkxoun.js +0 -376
  323. package/dist/assets/kol-pagination.entry-CtNkxoun.js.map +0 -1
  324. package/dist/assets/kol-popover-button.entry-CsrFwtXt.js +0 -294
  325. package/dist/assets/kol-popover-button.entry-CsrFwtXt.js.map +0 -1
  326. package/dist/assets/kol-progress.entry-C4nZTdOq.js +0 -283
  327. package/dist/assets/kol-progress.entry-C4nZTdOq.js.map +0 -1
  328. package/dist/assets/kol-quote.entry-G6F9DkIY.js +0 -228
  329. package/dist/assets/kol-quote.entry-G6F9DkIY.js.map +0 -1
  330. package/dist/assets/kol-select.entry-YJ0XYMFU.js +0 -354
  331. package/dist/assets/kol-select.entry-YJ0XYMFU.js.map +0 -1
  332. package/dist/assets/kol-single-select.entry-DTxm1kOf.js +0 -396
  333. package/dist/assets/kol-single-select.entry-DTxm1kOf.js.map +0 -1
  334. package/dist/assets/kol-skip-nav.entry-BeIuR64c.js +0 -221
  335. package/dist/assets/kol-skip-nav.entry-BeIuR64c.js.map +0 -1
  336. package/dist/assets/kol-spin.entry-C3tJLQn-.js +0 -334
  337. package/dist/assets/kol-spin.entry-C3tJLQn-.js.map +0 -1
  338. package/dist/assets/kol-split-button.entry-C8bPRyM4.js +0 -324
  339. package/dist/assets/kol-split-button.entry-C8bPRyM4.js.map +0 -1
  340. package/dist/assets/kol-table-stateful.entry-DP9AIwVR.js +0 -591
  341. package/dist/assets/kol-table-stateful.entry-DP9AIwVR.js.map +0 -1
  342. package/dist/assets/kol-table-stateless.entry-C90OqMK4.js +0 -462
  343. package/dist/assets/kol-table-stateless.entry-C90OqMK4.js.map +0 -1
  344. package/dist/assets/kol-tabs.entry-YkjoOmT8.js +0 -310
  345. package/dist/assets/kol-tabs.entry-YkjoOmT8.js.map +0 -1
  346. package/dist/assets/kol-textarea.entry-BTQ-c-q8.js +0 -337
  347. package/dist/assets/kol-textarea.entry-BTQ-c-q8.js.map +0 -1
  348. package/dist/assets/kol-toast-container.entry-BAwzp4vQ.js +0 -293
  349. package/dist/assets/kol-toast-container.entry-BAwzp4vQ.js.map +0 -1
  350. package/dist/assets/kol-toolbar.entry-CX2mqXj1.js +0 -296
  351. package/dist/assets/kol-toolbar.entry-CX2mqXj1.js.map +0 -1
  352. package/dist/assets/kol-tree-item.entry-C_nYp4d6.js +0 -238
  353. package/dist/assets/kol-tree-item.entry-C_nYp4d6.js.map +0 -1
  354. package/dist/assets/kol-tree.entry-xhqHNfvu.js +0 -211
  355. package/dist/assets/kol-tree.entry-xhqHNfvu.js.map +0 -1
  356. package/dist/assets/kol-version.entry-ChhhscY6.js +0 -200
  357. package/dist/assets/kol-version.entry-ChhhscY6.js.map +0 -1
  358. package/dist/assets/multiple-Cj3JQafH-B444QdrD.js +0 -2
  359. package/dist/assets/multiple-Cj3JQafH-B444QdrD.js.map +0 -1
  360. package/dist/assets/open-CbvHO4XG-BZV3zdP_.js +0 -2
  361. package/dist/assets/open-CbvHO4XG-BZV3zdP_.js.map +0 -1
  362. package/dist/assets/orientation-eCMt8CD1-XGH1jYS6.js.map +0 -1
  363. package/dist/assets/placeholder-BVhy3BzI-DhNl1N95.js +0 -2
  364. package/dist/assets/placeholder-BVhy3BzI-DhNl1N95.js.map +0 -1
  365. package/dist/assets/read-only-BetTuumR-B9iXVYOX.js +0 -2
  366. package/dist/assets/read-only-BetTuumR-B9iXVYOX.js.map +0 -1
  367. package/dist/assets/required-CnTTpFCN-D9qGvjNX.js +0 -2
  368. package/dist/assets/rows-DtS-0sp9-CnG9JMrB.js +0 -2
  369. package/dist/assets/rows-DtS-0sp9-CnG9JMrB.js.map +0 -1
  370. package/dist/assets/show-DdPK3aM7-BrwmnRxT.js +0 -2
  371. package/dist/assets/spell-check-B9ot-4t--CoH8-1u1.js +0 -2
  372. package/dist/assets/test-component.entry-AK7rQsQn.js +0 -2
  373. package/dist/assets/test-component.entry-AK7rQsQn.js.map +0 -1
  374. package/dist/assets/tooltip-align-Cnin7S26-C_82tLbA.js +0 -2
  375. package/dist/assets/validation-BfjI5un_-CbgTidoI.js.map +0 -1
  376. package/dist/assets/validation-aqgnZOL6-CyLhRYxT.js +0 -2
@@ -0,0 +1,2 @@
1
+ import{r as e,h as o,e as a}from"./index-hDzmycZM.js";const n=()=>'@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component; @layer kol-a11y { :host { --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16)); color: black; background-color: white; font-family: Verdana; letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed; top: 0; left: 0; width: 1px; height: 1px; overflow: hidden; white-space: nowrap; clip-path: inset(50%); } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: lightgray; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } .kol-span .kol-span__label--hide-label .kol-span__label { display: none; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled], [disabled]:focus { opacity: 0.5; outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } } @layer kol-component { .kol-tooltip { display: contents; } .kol-tooltip__floating { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: var(--kol-tooltip-width, max-content); min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); max-width: 90vw; max-height: 90vh; animation-direction: normal; animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in; } .kol-tooltip__floating.hide { animation-name: hideTooltip; } .kol-tooltip__floating.show { animation-name: showTooltip; } .kol-tooltip__arrow { transform: rotate(45deg); color: #000; background-color: #fff; position: absolute; z-index: 999; width: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-tooltip__content { color: #000; background-color: #fff; position: relative; z-index: 1000; } @keyframes hideTooltip { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes showTooltip { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer kol-component { :host { display: inline-block; } .kol-button { display: inline-flex; font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); text-decoration-line: none; } .kol-button::before { content: "​"; } .kol-button__text { width: 100%; } }',l=class{constructor(t){e(this,t),this.catchRef=i=>{this.buttonWcRef=i},this._disabled=!1,this._hideLabel=!1,this._inline=!1,this._tooltipAlign="top",this._type="button",this._variant="normal"}async getValue(){return this._value}async focus(){var t;return Promise.resolve((t=this.buttonWcRef)===null||t===void 0?void 0:t.focus())}async kolFocus(){return this.focus()}render(){return o(a,{key:"04885e75c1664f013521070617765c168714c6db",ref:this.catchRef,_accessKey:this._accessKey,_ariaControls:this._ariaControls,_ariaDescription:this._ariaDescription,_ariaExpanded:this._ariaExpanded,_ariaSelected:this._ariaSelected,_customClass:this._customClass,_disabled:this._disabled,_hideLabel:this._hideLabel,_icons:this._icons,_id:this._id,_inline:this._inline,_label:this._label,_name:this._name,_on:this._on,_shortKey:this._shortKey,_syncValueBySelector:this._syncValueBySelector,_tooltipAlign:this._tooltipAlign,_type:this._type,_value:this._value,_buttonVariant:this._variant},o("slot",{key:"5f2085cc413dfee10d13ecc5b0a681645b4052ee",name:"expert",slot:"expert"}))}};l.style={default:n()};export{l as kol_button};
2
+ //# sourceMappingURL=kol-button.entry-BFTTSAi0.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"kol-button.entry-BFTTSAi0.js","sources":["../../../../components/dist/esm/kol-button.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h } from './index-BVfSKhpj.js';\nimport { d as KolButtonWcTag } from './component-names-C3fyby67.js';\nimport './common-Dd0zJQbD.js';\n\nconst defaultStyleCss = () => `@charset \"UTF-8\"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component; @layer kol-a11y { :host { --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16)); color: black; background-color: white; font-family: Verdana; letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed; top: 0; left: 0; width: 1px; height: 1px; overflow: hidden; white-space: nowrap; clip-path: inset(50%); } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: lightgray; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } .kol-span .kol-span__label--hide-label .kol-span__label { display: none; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled], [disabled]:focus { opacity: 0.5; outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } } @layer kol-component { .kol-tooltip { display: contents; } .kol-tooltip__floating { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: var(--kol-tooltip-width, max-content); min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); max-width: 90vw; max-height: 90vh; animation-direction: normal; animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in; } .kol-tooltip__floating.hide { animation-name: hideTooltip; } .kol-tooltip__floating.show { animation-name: showTooltip; } .kol-tooltip__arrow { transform: rotate(45deg); color: #000; background-color: #fff; position: absolute; z-index: 999; width: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-tooltip__content { color: #000; background-color: #fff; position: relative; z-index: 1000; } @keyframes hideTooltip { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes showTooltip { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer kol-component { :host { display: inline-block; } .kol-button { display: inline-flex; font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); text-decoration-line: none; } .kol-button::before { content: \"​\"; } .kol-button__text { width: 100%; } }`;\n\nconst KolButton = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.catchRef = (ref) => {\n this.buttonWcRef = ref;\n };\n this._disabled = false;\n this._hideLabel = false;\n this._inline = false;\n this._tooltipAlign = 'top';\n this._type = 'button';\n this._variant = 'normal';\n }\n async getValue() {\n return this._value;\n }\n async focus() {\n var _a;\n return Promise.resolve((_a = this.buttonWcRef) === null || _a === void 0 ? void 0 : _a.focus());\n }\n async kolFocus() {\n return this.focus();\n }\n render() {\n return (h(KolButtonWcTag, { key: '04885e75c1664f013521070617765c168714c6db', ref: this.catchRef, _accessKey: this._accessKey, _ariaControls: this._ariaControls, _ariaDescription: this._ariaDescription, _ariaExpanded: this._ariaExpanded, _ariaSelected: this._ariaSelected, _customClass: this._customClass, _disabled: this._disabled, _hideLabel: this._hideLabel, _icons: this._icons, _id: this._id, _inline: this._inline, _label: this._label, _name: this._name, _on: this._on, _shortKey: this._shortKey, _syncValueBySelector: this._syncValueBySelector, _tooltipAlign: this._tooltipAlign, _type: this._type, _value: this._value, _buttonVariant: this._variant }, h(\"slot\", { key: '5f2085cc413dfee10d13ecc5b0a681645b4052ee', name: \"expert\", slot: \"expert\" })));\n }\n};\nKolButton.style = {\n default: defaultStyleCss()\n};\n\nexport { KolButton as kol_button };\n"],"names":["defaultStyleCss","KolButton","hostRef","registerInstance","ref","_a","h","KolButtonWcTag"],"mappings":"sDAOA,MAAMA,EAAkB,IAAM,ksHAExBC,EAAY,KAAM,CACpB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,SAAYE,GAAQ,CACrB,KAAK,YAAcA,CACvB,EACA,KAAK,UAAY,GACjB,KAAK,WAAa,GAClB,KAAK,QAAU,GACf,KAAK,cAAgB,MACrB,KAAK,MAAQ,SACb,KAAK,SAAW,QACpB,CACA,MAAM,UAAW,CACb,OAAO,KAAK,MAChB,CACA,MAAM,OAAQ,CACV,IAAIC,EACJ,OAAO,QAAQ,SAASA,EAAK,KAAK,eAAiB,MAAQA,IAAO,OAAS,OAASA,EAAG,MAAK,CAAE,CAClG,CACA,MAAM,UAAW,CACb,OAAO,KAAK,MAAK,CACrB,CACA,QAAS,CACL,OAAQC,EAAEC,EAAgB,CAAE,IAAK,2CAA4C,IAAK,KAAK,SAAU,WAAY,KAAK,WAAY,cAAe,KAAK,cAAe,iBAAkB,KAAK,iBAAkB,cAAe,KAAK,cAAe,cAAe,KAAK,cAAe,aAAc,KAAK,aAAc,UAAW,KAAK,UAAW,WAAY,KAAK,WAAY,OAAQ,KAAK,OAAQ,IAAK,KAAK,IAAK,QAAS,KAAK,QAAS,OAAQ,KAAK,OAAQ,MAAO,KAAK,MAAO,IAAK,KAAK,IAAK,UAAW,KAAK,UAAW,qBAAsB,KAAK,qBAAsB,cAAe,KAAK,cAAe,MAAO,KAAK,MAAO,OAAQ,KAAK,OAAQ,eAAgB,KAAK,QAAQ,EAAID,EAAE,OAAQ,CAAE,IAAK,2CAA4C,KAAM,SAAU,KAAM,QAAQ,CAAE,CAAC,CACrvB,CACJ,EACAL,EAAU,MAAQ,CACd,QAASD,EAAe,CAC5B"}
@@ -1,2 +1,2 @@
1
- import{r as s,d as l,a as o,h as a,e as i,H as n,s as c,g as d}from"./index-CpVRrVxh.js";import{v as r}from"./has-closer-CQzjaTkv-D8_XhMxL.js";import{v as h}from"./label-Dnmzb2S_-BN9gaaNz.js";import{t as f}from"./i18n-LBpyQ66X-B2U39IUc.js";import{w as v}from"./validation-aqgnZOL6-CyLhRYxT.js";import"./Alert-DZ3Qvmx3-0wJkKMP4.js";import{K as _}from"./Heading-CLE-Js8a-B1sdKGjJ.js";import"./markdown-BSkXjaSn-BM4jz18m.js";import{n as b}from"./dev.utils-1ts_3yRe-FsqGasuJ.js";import"./tslib.es6-CxX45GIN-BGVaTf34.js";import"./clsx-eK3rPvPS-B-dksMZM.js";const O=class{constructor(e){s(this,e),this.nonce=b(),this.translateClose=f("kol-close"),this.close=()=>{var t;((t=this._on)===null||t===void 0?void 0:t.onClose)!==void 0&&this._on.onClose(new Event("Close")),this.host&&l(this.host,o.close)},this.on={onClick:this.close},this._hasCloser=!1,this._level=0,this.state={_label:""},this.validateOnValue=t=>typeof t=="object"&&t!==null&&typeof t.onClose=="function"}render(){return a(n,{key:"31a21a7dd16b81042127406bc4cd091f16f230d4"},a("div",{key:"22001ed9c1f73d9b6445b0b6e36109c9cc8ef608","aria-labelledby":this.nonce,class:"kol-card",role:"group"},a(_,{key:"5b6760cafee75437ba6ef208d35e05e96ec3f76a",class:"kol-card__header",id:this.nonce,level:this.state._level},this.state._label),a("div",{key:"9b780b199200df0ce78ad4f3d2f1ad746f838a8e",class:"kol-card__content"},a("slot",{key:"cdf53c951f6980b6827db3bf37ea7ad216037c69"})),this.state._hasCloser&&a(i,{key:"dd2b363336c1f891f7c6dfa4a46eca9ab1850dcf",class:"kol-card__close-button kol-close-button","data-testid":"card-close-button",_hideLabel:!0,_icons:{left:{icon:"codicon codicon-close"}},_label:this.translateClose,_on:this.on,_tooltipAlign:"left"})))}validateOn(e){this.validateOnValue(e)&&c(this,"_on",{onClose:e.onClose})}validateHasCloser(e){r(this,e)}validateLabel(e){h(this,e,{required:!0})}validateLevel(e){v(this,e)}componentWillLoad(){this.validateHasCloser(this._hasCloser),this.validateLabel(this._label),this.validateLevel(this._level),this.validateOn(this._on)}get host(){return d(this)}static get watchers(){return{_on:["validateOn"],_hasCloser:["validateHasCloser"],_label:["validateLabel"],_level:["validateLevel"]}}};export{O as kol_card_wc};
2
- //# sourceMappingURL=kol-card-wc.entry-ZghwrIUF.js.map
1
+ import{r as s,d as l,a as o,h as a,e as i,H as n,s as c,g as d}from"./index-hDzmycZM.js";import{v as r}from"./has-closer-CQzjaTkv-DPI4Hbbv.js";import{v as h}from"./label-Dnmzb2S_-YuosJx7D.js";import{t as f}from"./i18n-LBpyQ66X-tgWLHoTR.js";import{w as v}from"./validation-aqgnZOL6-VLAcEczo.js";import"./Alert-I3c2hFqL-BJ91wMmi.js";import{K as _}from"./Heading-DwQEABii-THMC_gpR.js";import"./markdown-BSkXjaSn-CgWNYJ5a.js";import{n as b}from"./dev.utils-CT0IU26V-Cs-xItdq.js";import"./tslib.es6-CxX45GIN-BGVaTf34.js";import"./clsx-eK3rPvPS-B-dksMZM.js";const O=class{constructor(e){s(this,e),this.nonce=b(),this.translateClose=f("kol-close"),this.close=()=>{var t;((t=this._on)===null||t===void 0?void 0:t.onClose)!==void 0&&this._on.onClose(new Event("Close")),this.host&&l(this.host,o.close)},this.on={onClick:this.close},this._hasCloser=!1,this._level=0,this.state={_label:""},this.validateOnValue=t=>typeof t=="object"&&t!==null&&typeof t.onClose=="function"}render(){return a(n,{key:"31a21a7dd16b81042127406bc4cd091f16f230d4"},a("div",{key:"22001ed9c1f73d9b6445b0b6e36109c9cc8ef608","aria-labelledby":this.nonce,class:"kol-card",role:"group"},a(_,{key:"5b6760cafee75437ba6ef208d35e05e96ec3f76a",class:"kol-card__header",id:this.nonce,level:this.state._level},this.state._label),a("div",{key:"9b780b199200df0ce78ad4f3d2f1ad746f838a8e",class:"kol-card__content"},a("slot",{key:"cdf53c951f6980b6827db3bf37ea7ad216037c69"})),this.state._hasCloser&&a(i,{key:"dd2b363336c1f891f7c6dfa4a46eca9ab1850dcf",class:"kol-card__close-button kol-close-button","data-testid":"card-close-button",_hideLabel:!0,_icons:{left:{icon:"codicon codicon-close"}},_label:this.translateClose,_on:this.on,_tooltipAlign:"left"})))}validateOn(e){this.validateOnValue(e)&&c(this,"_on",{onClose:e.onClose})}validateHasCloser(e){r(this,e)}validateLabel(e){h(this,e,{required:!0})}validateLevel(e){v(this,e)}componentWillLoad(){this.validateHasCloser(this._hasCloser),this.validateLabel(this._label),this.validateLevel(this._level),this.validateOn(this._on)}get host(){return d(this)}static get watchers(){return{_on:[{validateOn:0}],_hasCloser:[{validateHasCloser:0}],_label:[{validateLabel:0}],_level:[{validateLevel:0}]}}};export{O as kol_card_wc};
2
+ //# sourceMappingURL=kol-card-wc.entry-C1Skm83s.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"kol-card-wc.entry-ZghwrIUF.js","sources":["../../../../components/dist/esm/kol-card-wc.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host, g as getElement } from './index-DuOiqRzT.js';\nimport { s as setState } from './common-Dd0zJQbD.js';\nimport { v as validateHasCloser } from './has-closer-CQzjaTkv.js';\nimport { v as validateLabel } from './label-Dnmzb2S_.js';\nimport { t as translate } from './i18n-LBpyQ66X.js';\nimport { w as watchHeadingLevel } from './validation-aqgnZOL6.js';\nimport { d as KolButtonWcTag } from './component-names-C3fyby67.js';\nimport './Alert-DZ3Qvmx3.js';\nimport { K as KolHeadingFc } from './Heading-CLE-Js8a.js';\nimport './markdown-BSkXjaSn.js';\nimport { n as nonce } from './dev.utils-1ts_3yRe.js';\nimport { d as dispatchDomEvent, K as KolEvent } from './events-9-skLO0f.js';\nimport './i18n-CfLoIZ8T.js';\nimport './tslib.es6-CxX45GIN.js';\nimport './clsx-eK3rPvPS.js';\nimport './bem-Dj4gWVFO.js';\nimport './browser-DiRe0qUf.js';\n\nconst KolCardWc = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.nonce = nonce();\n this.translateClose = translate('kol-close');\n this.close = () => {\n var _a;\n if (((_a = this._on) === null || _a === void 0 ? void 0 : _a.onClose) !== undefined) {\n this._on.onClose(new Event('Close'));\n }\n if (this.host) {\n dispatchDomEvent(this.host, KolEvent.close);\n }\n };\n this.on = {\n onClick: this.close,\n };\n this._hasCloser = false;\n this._level = 0;\n this.state = {\n _label: '',\n };\n this.validateOnValue = (value) => typeof value === 'object' && value !== null && typeof value.onClose === 'function';\n }\n render() {\n return (h(Host, { key: '31a21a7dd16b81042127406bc4cd091f16f230d4' }, h(\"div\", { key: '22001ed9c1f73d9b6445b0b6e36109c9cc8ef608', \"aria-labelledby\": this.nonce, class: \"kol-card\", role: \"group\" }, h(KolHeadingFc, { key: '5b6760cafee75437ba6ef208d35e05e96ec3f76a', class: \"kol-card__header\", id: this.nonce, level: this.state._level }, this.state._label), h(\"div\", { key: '9b780b199200df0ce78ad4f3d2f1ad746f838a8e', class: \"kol-card__content\" }, h(\"slot\", { key: 'cdf53c951f6980b6827db3bf37ea7ad216037c69' })), this.state._hasCloser && (h(KolButtonWcTag, { key: 'dd2b363336c1f891f7c6dfa4a46eca9ab1850dcf', class: \"kol-card__close-button kol-close-button\", \"data-testid\": \"card-close-button\", _hideLabel: true, _icons: {\n left: {\n icon: 'codicon codicon-close',\n },\n }, _label: this.translateClose, _on: this.on, _tooltipAlign: \"left\" })))));\n }\n validateOn(value) {\n if (this.validateOnValue(value)) {\n setState(this, '_on', {\n onClose: value.onClose,\n });\n }\n }\n validateHasCloser(value) {\n validateHasCloser(this, value);\n }\n validateLabel(value) {\n validateLabel(this, value, {\n required: true,\n });\n }\n validateLevel(value) {\n watchHeadingLevel(this, value);\n }\n componentWillLoad() {\n this.validateHasCloser(this._hasCloser);\n this.validateLabel(this._label);\n this.validateLevel(this._level);\n this.validateOn(this._on);\n }\n get host() { return getElement(this); }\n static get watchers() { return {\n \"_on\": [\"validateOn\"],\n \"_hasCloser\": [\"validateHasCloser\"],\n \"_label\": [\"validateLabel\"],\n \"_level\": [\"validateLevel\"]\n }; }\n};\n\nexport { KolCardWc as kol_card_wc };\n//# sourceMappingURL=kol-card-wc.entry.js.map\n"],"names":["KolCardWc","hostRef","registerInstance","nonce","translate","_a","dispatchDomEvent","KolEvent","value","h","Host","KolHeadingFc","KolButtonWcTag","setState","validateHasCloser","validateLabel","watchHeadingLevel","getElement"],"mappings":"wiBAqBK,MAACA,EAAY,KAAM,CACpB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,MAAQE,EAAK,EAClB,KAAK,eAAiBC,EAAU,WAAW,EAC3C,KAAK,MAAQ,IAAM,CACf,IAAIC,IACEA,EAAK,KAAK,OAAS,MAAQA,IAAO,OAAS,OAASA,EAAG,WAAa,QACtE,KAAK,IAAI,QAAQ,IAAI,MAAM,OAAO,CAAC,EAEnC,KAAK,MACLC,EAAiB,KAAK,KAAMC,EAAS,KAAK,CAElD,EACA,KAAK,GAAK,CACN,QAAS,KAAK,KAC1B,EACQ,KAAK,WAAa,GAClB,KAAK,OAAS,EACd,KAAK,MAAQ,CACT,OAAQ,EACpB,EACQ,KAAK,gBAAmBC,GAAU,OAAOA,GAAU,UAAYA,IAAU,MAAQ,OAAOA,EAAM,SAAY,UAC9G,CACA,QAAS,CACL,OAAQC,EAAEC,EAAM,CAAE,IAAK,0CAA0C,EAAID,EAAE,MAAO,CAAE,IAAK,2CAA4C,kBAAmB,KAAK,MAAO,MAAO,WAAY,KAAM,OAAO,EAAIA,EAAEE,EAAc,CAAE,IAAK,2CAA4C,MAAO,mBAAoB,GAAI,KAAK,MAAO,MAAO,KAAK,MAAM,MAAM,EAAI,KAAK,MAAM,MAAM,EAAGF,EAAE,MAAO,CAAE,IAAK,2CAA4C,MAAO,mBAAmB,EAAIA,EAAE,OAAQ,CAAE,IAAK,0CAA0C,CAAE,CAAC,EAAG,KAAK,MAAM,YAAeA,EAAEG,EAAgB,CAAE,IAAK,2CAA4C,MAAO,0CAA2C,cAAe,oBAAqB,WAAY,GAAM,OAAQ,CACpsB,KAAM,CACF,KAAM,uBAC1B,CACA,EAAe,OAAQ,KAAK,eAAgB,IAAK,KAAK,GAAI,cAAe,OAAQ,CAAE,CAAC,CAChF,CACA,WAAWJ,EAAO,CACV,KAAK,gBAAgBA,CAAK,GAC1BK,EAAS,KAAM,MAAO,CAClB,QAASL,EAAM,OAC/B,CAAa,CAET,CACA,kBAAkBA,EAAO,CACrBM,EAAkB,KAAMN,CAAK,CACjC,CACA,cAAcA,EAAO,CACjBO,EAAc,KAAMP,EAAO,CACvB,SAAU,EACtB,CAAS,CACL,CACA,cAAcA,EAAO,CACjBQ,EAAkB,KAAMR,CAAK,CACjC,CACA,mBAAoB,CAChB,KAAK,kBAAkB,KAAK,UAAU,EACtC,KAAK,cAAc,KAAK,MAAM,EAC9B,KAAK,cAAc,KAAK,MAAM,EAC9B,KAAK,WAAW,KAAK,GAAG,CAC5B,CACA,IAAI,MAAO,CAAE,OAAOS,EAAW,IAAI,CAAG,CACtC,WAAW,UAAW,CAAE,MAAO,CAC3B,IAAO,CAAC,YAAY,EACpB,WAAc,CAAC,mBAAmB,EAClC,OAAU,CAAC,eAAe,EAC1B,OAAU,CAAC,eAAe,CAClC,CAAO,CACP"}
1
+ {"version":3,"file":"kol-card-wc.entry-C1Skm83s.js","sources":["../../../../components/dist/esm/kol-card-wc.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host, g as getElement } from './index-BVfSKhpj.js';\nimport { s as setState } from './common-Dd0zJQbD.js';\nimport { v as validateHasCloser } from './has-closer-CQzjaTkv.js';\nimport { v as validateLabel } from './label-Dnmzb2S_.js';\nimport { t as translate } from './i18n-LBpyQ66X.js';\nimport { w as watchHeadingLevel } from './validation-aqgnZOL6.js';\nimport { d as KolButtonWcTag } from './component-names-C3fyby67.js';\nimport './Alert-I3c2hFqL.js';\nimport { K as KolHeadingFc } from './Heading-DwQEABii.js';\nimport './markdown-BSkXjaSn.js';\nimport { n as nonce } from './dev.utils-CT0IU26V.js';\nimport { d as dispatchDomEvent, K as KolEvent } from './events-9-skLO0f.js';\nimport './i18n-CfLoIZ8T.js';\nimport './tslib.es6-CxX45GIN.js';\nimport './clsx-eK3rPvPS.js';\nimport './bem-Dj4gWVFO.js';\nimport './browser-DiRe0qUf.js';\n\nconst KolCardWc = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.nonce = nonce();\n this.translateClose = translate('kol-close');\n this.close = () => {\n var _a;\n if (((_a = this._on) === null || _a === void 0 ? void 0 : _a.onClose) !== undefined) {\n this._on.onClose(new Event('Close'));\n }\n if (this.host) {\n dispatchDomEvent(this.host, KolEvent.close);\n }\n };\n this.on = {\n onClick: this.close,\n };\n this._hasCloser = false;\n this._level = 0;\n this.state = {\n _label: '',\n };\n this.validateOnValue = (value) => typeof value === 'object' && value !== null && typeof value.onClose === 'function';\n }\n render() {\n return (h(Host, { key: '31a21a7dd16b81042127406bc4cd091f16f230d4' }, h(\"div\", { key: '22001ed9c1f73d9b6445b0b6e36109c9cc8ef608', \"aria-labelledby\": this.nonce, class: \"kol-card\", role: \"group\" }, h(KolHeadingFc, { key: '5b6760cafee75437ba6ef208d35e05e96ec3f76a', class: \"kol-card__header\", id: this.nonce, level: this.state._level }, this.state._label), h(\"div\", { key: '9b780b199200df0ce78ad4f3d2f1ad746f838a8e', class: \"kol-card__content\" }, h(\"slot\", { key: 'cdf53c951f6980b6827db3bf37ea7ad216037c69' })), this.state._hasCloser && (h(KolButtonWcTag, { key: 'dd2b363336c1f891f7c6dfa4a46eca9ab1850dcf', class: \"kol-card__close-button kol-close-button\", \"data-testid\": \"card-close-button\", _hideLabel: true, _icons: {\n left: {\n icon: 'codicon codicon-close',\n },\n }, _label: this.translateClose, _on: this.on, _tooltipAlign: \"left\" })))));\n }\n validateOn(value) {\n if (this.validateOnValue(value)) {\n setState(this, '_on', {\n onClose: value.onClose,\n });\n }\n }\n validateHasCloser(value) {\n validateHasCloser(this, value);\n }\n validateLabel(value) {\n validateLabel(this, value, {\n required: true,\n });\n }\n validateLevel(value) {\n watchHeadingLevel(this, value);\n }\n componentWillLoad() {\n this.validateHasCloser(this._hasCloser);\n this.validateLabel(this._label);\n this.validateLevel(this._level);\n this.validateOn(this._on);\n }\n get host() { return getElement(this); }\n static get watchers() { return {\n \"_on\": [{\n \"validateOn\": 0\n }],\n \"_hasCloser\": [{\n \"validateHasCloser\": 0\n }],\n \"_label\": [{\n \"validateLabel\": 0\n }],\n \"_level\": [{\n \"validateLevel\": 0\n }]\n }; }\n};\n\nexport { KolCardWc as kol_card_wc };\n"],"names":["KolCardWc","hostRef","registerInstance","nonce","translate","_a","dispatchDomEvent","KolEvent","value","h","Host","KolHeadingFc","KolButtonWcTag","setState","validateHasCloser","validateLabel","watchHeadingLevel","getElement"],"mappings":"wiBAqBK,MAACA,EAAY,KAAM,CACpB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,MAAQE,EAAK,EAClB,KAAK,eAAiBC,EAAU,WAAW,EAC3C,KAAK,MAAQ,IAAM,CACf,IAAIC,IACEA,EAAK,KAAK,OAAS,MAAQA,IAAO,OAAS,OAASA,EAAG,WAAa,QACtE,KAAK,IAAI,QAAQ,IAAI,MAAM,OAAO,CAAC,EAEnC,KAAK,MACLC,EAAiB,KAAK,KAAMC,EAAS,KAAK,CAElD,EACA,KAAK,GAAK,CACN,QAAS,KAAK,KAC1B,EACQ,KAAK,WAAa,GAClB,KAAK,OAAS,EACd,KAAK,MAAQ,CACT,OAAQ,EACpB,EACQ,KAAK,gBAAmBC,GAAU,OAAOA,GAAU,UAAYA,IAAU,MAAQ,OAAOA,EAAM,SAAY,UAC9G,CACA,QAAS,CACL,OAAQC,EAAEC,EAAM,CAAE,IAAK,0CAA0C,EAAID,EAAE,MAAO,CAAE,IAAK,2CAA4C,kBAAmB,KAAK,MAAO,MAAO,WAAY,KAAM,OAAO,EAAIA,EAAEE,EAAc,CAAE,IAAK,2CAA4C,MAAO,mBAAoB,GAAI,KAAK,MAAO,MAAO,KAAK,MAAM,MAAM,EAAI,KAAK,MAAM,MAAM,EAAGF,EAAE,MAAO,CAAE,IAAK,2CAA4C,MAAO,mBAAmB,EAAIA,EAAE,OAAQ,CAAE,IAAK,0CAA0C,CAAE,CAAC,EAAG,KAAK,MAAM,YAAeA,EAAEG,EAAgB,CAAE,IAAK,2CAA4C,MAAO,0CAA2C,cAAe,oBAAqB,WAAY,GAAM,OAAQ,CACpsB,KAAM,CACF,KAAM,uBAC1B,CACA,EAAe,OAAQ,KAAK,eAAgB,IAAK,KAAK,GAAI,cAAe,OAAQ,CAAE,CAAC,CAChF,CACA,WAAWJ,EAAO,CACV,KAAK,gBAAgBA,CAAK,GAC1BK,EAAS,KAAM,MAAO,CAClB,QAASL,EAAM,OAC/B,CAAa,CAET,CACA,kBAAkBA,EAAO,CACrBM,EAAkB,KAAMN,CAAK,CACjC,CACA,cAAcA,EAAO,CACjBO,EAAc,KAAMP,EAAO,CACvB,SAAU,EACtB,CAAS,CACL,CACA,cAAcA,EAAO,CACjBQ,EAAkB,KAAMR,CAAK,CACjC,CACA,mBAAoB,CAChB,KAAK,kBAAkB,KAAK,UAAU,EACtC,KAAK,cAAc,KAAK,MAAM,EAC9B,KAAK,cAAc,KAAK,MAAM,EAC9B,KAAK,WAAW,KAAK,GAAG,CAC5B,CACA,IAAI,MAAO,CAAE,OAAOS,EAAW,IAAI,CAAG,CACtC,WAAW,UAAW,CAAE,MAAO,CAC3B,IAAO,CAAC,CACA,WAAc,CAC9B,CAAa,EACL,WAAc,CAAC,CACP,kBAAqB,CACrC,CAAa,EACL,OAAU,CAAC,CACH,cAAiB,CACjC,CAAa,EACL,OAAU,CAAC,CACH,cAAiB,CACjC,CAAa,CACb,CAAO,CACP"}
@@ -0,0 +1,2 @@
1
+ import{r as t,h as o,l as a}from"./index-hDzmycZM.js";const e=()=>" @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component; @layer kol-a11y { :host { --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16)); color: black; background-color: white; font-family: Verdana; letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed; top: 0; left: 0; width: 1px; height: 1px; overflow: hidden; white-space: nowrap; clip-path: inset(50%); } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: lightgray; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } .kol-span .kol-span__label--hide-label .kol-span__label { display: none; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled], [disabled]:focus { opacity: 0.5; outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } } @layer kol-component { .kol-tooltip { display: contents; } .kol-tooltip__floating { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: var(--kol-tooltip-width, max-content); min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); max-width: 90vw; max-height: 90vh; animation-direction: normal; animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in; } .kol-tooltip__floating.hide { animation-name: hideTooltip; } .kol-tooltip__floating.show { animation-name: showTooltip; } .kol-tooltip__arrow { transform: rotate(45deg); color: #000; background-color: #fff; position: absolute; z-index: 999; width: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-tooltip__content { color: #000; background-color: #fff; position: relative; z-index: 1000; } @keyframes hideTooltip { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes showTooltip { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer kol-component { .kol-card { outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16)); position: relative; height: 100%; } .kol-card__close-button { position: absolute; top: 0; right: 0; } }",l=class{constructor(i){t(this,i),this._hasCloser=!1,this._level=0}render(){return o(a,{key:"db950a543bc2f41a1e0786c9ac3d4cb0fce5cf97",_on:this._on,_hasCloser:this._hasCloser,_label:this._label,_level:this._level},o("slot",{key:"f7ad1dd60427b5e2ae00f0e2260309a025d1ed44"}))}};l.style={default:e()};export{l as kol_card};
2
+ //# sourceMappingURL=kol-card.entry-D53dab-y.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"kol-card.entry-D53dab-y.js","sources":["../../../../components/dist/esm/kol-card.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h } from './index-BVfSKhpj.js';\nimport { g as KolCardWcTag } from './component-names-C3fyby67.js';\nimport './common-Dd0zJQbD.js';\n\nconst defaultStyleCss = () => ` @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component; @layer kol-a11y { :host { --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16)); color: black; background-color: white; font-family: Verdana; letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed; top: 0; left: 0; width: 1px; height: 1px; overflow: hidden; white-space: nowrap; clip-path: inset(50%); } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: lightgray; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } .kol-span .kol-span__label--hide-label .kol-span__label { display: none; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled], [disabled]:focus { opacity: 0.5; outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } } @layer kol-component { .kol-tooltip { display: contents; } .kol-tooltip__floating { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: var(--kol-tooltip-width, max-content); min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); max-width: 90vw; max-height: 90vh; animation-direction: normal; animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in; } .kol-tooltip__floating.hide { animation-name: hideTooltip; } .kol-tooltip__floating.show { animation-name: showTooltip; } .kol-tooltip__arrow { transform: rotate(45deg); color: #000; background-color: #fff; position: absolute; z-index: 999; width: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-tooltip__content { color: #000; background-color: #fff; position: relative; z-index: 1000; } @keyframes hideTooltip { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes showTooltip { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer kol-component { .kol-card { outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16)); position: relative; height: 100%; } .kol-card__close-button { position: absolute; top: 0; right: 0; } }`;\n\nconst KolCard = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this._hasCloser = false;\n this._level = 0;\n }\n render() {\n return (h(KolCardWcTag, { key: 'db950a543bc2f41a1e0786c9ac3d4cb0fce5cf97', _on: this._on, _hasCloser: this._hasCloser, _label: this._label, _level: this._level }, h(\"slot\", { key: 'f7ad1dd60427b5e2ae00f0e2260309a025d1ed44' })));\n }\n};\nKolCard.style = {\n default: defaultStyleCss()\n};\n\nexport { KolCard as kol_card };\n"],"names":["defaultStyleCss","KolCard","hostRef","registerInstance","h","KolCardWcTag"],"mappings":"sDAOA,MAAMA,EAAkB,IAAM,4nHAExBC,EAAU,KAAM,CAClB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,WAAa,GAClB,KAAK,OAAS,CAClB,CACA,QAAS,CACL,OAAQE,EAAEC,EAAc,CAAE,IAAK,2CAA4C,IAAK,KAAK,IAAK,WAAY,KAAK,WAAY,OAAQ,KAAK,OAAQ,OAAQ,KAAK,MAAM,EAAID,EAAE,OAAQ,CAAE,IAAK,0CAA0C,CAAE,CAAC,CACrO,CACJ,EACAH,EAAQ,MAAQ,CACZ,QAASD,EAAe,CAC5B"}
@@ -0,0 +1,2 @@
1
+ import{h as s,e as d,i as c,r as u,g as h,m as g,n as p}from"./index-hDzmycZM.js";import{c as r}from"./clsx-eK3rPvPS-B-dksMZM.js";import{g as f,F as m}from"./FormFieldStateWrapper-BD6_Aq_y-Bt2PU-LJ.js";import{I as _,a as b}from"./controller-icon-z0j8meAS-C-joMNrP.js";import{I as v}from"./InputStateWrapper-Br3zT89Q-C_37sFaf.js";import{C as k,a as y}from"./CustomSuggestionsOptionsGroup-CKk6vmBF-BoQ44r6E.js";import{t as S}from"./i18n-LBpyQ66X-tgWLHoTR.js";import{n as w}from"./dev.utils-CT0IU26V-Cs-xItdq.js";import{v as O}from"./placeholder-BVhy3BzI-DfeHlbLA.js";import{v as x}from"./required-CnTTpFCN-CvjJVgRi.js";import{v as I}from"./suggestions-B-jLvT4L-DSicgMjt.js";import"./isObject-DvSELytj-DhzEQer1.js";import"./tslib.es6-CxX45GIN-BGVaTf34.js";import"./Alert-I3c2hFqL-BJ91wMmi.js";import"./access-and-short-key-B37XLwy2-COtfXnqU.js";import"./disabled-BhpAFgSp-XwsrDnWT.js";import"./hide-label-B9FhGrWP-B9enFW4p.js";import"./label-Dnmzb2S_-YuosJx7D.js";import"./tooltip-align-Cnin7S26-e-hO8qp6.js";import"./align-D-ifSKu8-7Mn2tQC6.js";import"./associated.controller-B9GDDaFL-C06Z5T1A.js";import"./reuse-CX4AQDkS-BaVSFETn.js";import"./InternalUnderlinedBadgeText-BXMEPoNX-CjXRzrmL.js";import"./Icon-DazIQvDi-DtkY3Xyh.js";import"./icons-DNTuScEN-yEnXhcF2.js";import"./Input-KPeaFJZR-l78mKgnQ.js";import"./Heading-DwQEABii-THMC_gpR.js";class C extends b{constructor(t,i,o){super(t,i,o),this.component=t}validateHideClearButton(t){g(this.component,"_hideClearButton",t)}validatePlaceholder(t){O(this.component,t)}validateRequired(t){x(this.component,t)}validateSuggestions(t){I(this.component,t)}validateValue(t){p(this.component,"_value",t)}componentWillLoad(){super.componentWillLoad(),this.validateHideClearButton(this.component._hideClearButton),this.validatePlaceholder(this.component._placeholder),this.validateRequired(this.component._required),this.validateSuggestions(this.component._suggestions),this.validateValue(this.component._value)}}const F=()=>' @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component; @layer kol-a11y { :host { --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16)); color: black; background-color: white; font-family: Verdana; letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed; top: 0; left: 0; width: 1px; height: 1px; overflow: hidden; white-space: nowrap; clip-path: inset(50%); } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: lightgray; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } .kol-span .kol-span__label--hide-label .kol-span__label { display: none; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled], [disabled]:focus { opacity: 0.5; outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } } @layer kol-component { :host { display: block; } } @layer kol-component { .kol-tooltip { display: contents; } .kol-tooltip__floating { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: var(--kol-tooltip-width, max-content); min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); max-width: 90vw; max-height: 90vh; animation-direction: normal; animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in; } .kol-tooltip__floating.hide { animation-name: hideTooltip; } .kol-tooltip__floating.show { animation-name: showTooltip; } .kol-tooltip__arrow { transform: rotate(45deg); color: #000; background-color: #fff; position: absolute; z-index: 999; width: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-tooltip__content { color: #000; background-color: #fff; position: relative; z-index: 1000; } @keyframes hideTooltip { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes showTooltip { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer kol-component { .kol-alert { display: grid; } .kol-alert__container { display: flex; place-items: center; } .kol-alert__container-content { flex-grow: 1; } .kol-alert__closer { outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-custom-suggestions-option { line-height: 1.5; white-space: normal; cursor: pointer; overflow-wrap: break-word; } .kol-custom-suggestions-options-group--cursor-hidden .kol-custom-suggestions-option { cursor: none !important; } .kol-custom-suggestions-option--disabled:focus, .kol-custom-suggestions-option--disabled:focus * { cursor: not-allowed; } .kol-custom-suggestions-options-group { background-color: white; display: block; position: absolute; z-index: 2; max-height: calc(250 * 1rem / var(--kolibri-root-font-size, 16)); margin: 0; padding: 0; overflow-x: hidden; overflow-y: auto; list-style-type: none; } .kol-custom-suggestions-toggle { display: flex; width: var(--a11y-min-size); height: var(--a11y-min-size); align-items: center; justify-content: center; cursor: default; } .kol-custom-suggestions-toggle.kol-custom-suggestions-toggle--disabled { cursor: not-allowed; } .kol-form-field { display: grid; } .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label { cursor: pointer; } .kol-form-field--disabled .kol-form-field__label { opacity: 0.5; } .kol-form-field--required .kol-form-field__label-text::after { content: "*"/""; } .kol-form-field--disabled .kol-form-field__hint { opacity: 0.5; } .kol-form-field--required .kol-form-field__tooltip .span-label::after { content: "*"/""; } .kol-input-container { background-color: transparent; display: grid; width: 100%; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); align-items: center; grid-template-columns: 1fr; } .kol-input-container:has(> .kol-input-container__adornment--start) { grid-template-columns: auto 1fr; } .kol-input-container:has(> .kol-input-container__adornment--end) { grid-template-columns: 1fr auto; } .kol-input-container:has(> .kol-input-container__adornment--start):has(> .kol-input-container__adornment--end) { grid-template-columns: auto 1fr auto; } .kol-input-container__container { position: relative; } .kol-input-container__adornment { display: flex; align-items: center; } .kol-input-container__adornment .kol-icon { display: grid; height: var(--a11y-min-size); place-items: center; } .kol-input { background-color: transparent; width: 100%; min-width: var(--a11y-min-size); } .kol-input:focus { outline: none; } .kol-combobox__delete .kol-button { cursor: pointer; } .kol-combobox__delete--disabled .kol-button { cursor: not-allowed; } .kol-custom-suggestions-toggle:not(.kol-custom-suggestions-toggle--disabled) { cursor: pointer; } .kol-custom-suggestions-toggle--disabled { opacity: 0.5; } }',B=class{async getValue(){return this.state._value}async focus(){var e;return Promise.resolve((e=this.refInput)===null||e===void 0?void 0:e.focus())}async kolFocus(){return this.focus()}selectOption(e){var t;this.controller.onFacade.onInput(new CustomEvent("input",{bubbles:!0,detail:{name:this.state._name,value:e}}),!0,e),this.controller.onFacade.onChange(new CustomEvent("change",{bubbles:!0,detail:{name:this.state._name,value:e}}),e),this.controller.setFormAssociatedValue(e),this.state._value=e,(t=this.refInput)===null||t===void 0||t.focus()}clearSelection(){var e;if(this.state._disabled===!0)return;const i="";this._focusedOptionIndex=-1,this._value=i,this.state._value=i,this._filteredSuggestions=[...this.state._suggestions],this._isOpen=!1;const o={name:this.state._name,value:i};this.controller.onFacade.onInput(new CustomEvent("input",{bubbles:!0,detail:o}),!0,i),this.controller.onFacade.onChange(new CustomEvent("change",{bubbles:!0,detail:o}),i),this.controller.setFormAssociatedValue(i),(e=this.refInput)===null||e===void 0||e.focus()}onInput(e){const t=e.target;this.state._value=t.value,this._value=t.value,this.controller.onFacade.onInput(e),this.setFilteredSuggestionsByQuery(t.value),this._focusedOptionIndex=-1}handleKeyDownDropdown(e){e.key.length===1&&/[a-z0-9]/i.test(e.key)&&(this._isOpen=!0,this.focusSuggestionStartingWith(e.key))}setFilteredSuggestionsByQuery(e){e.trim()===""?this._filteredSuggestions=[...this.state._suggestions]:(this._filteredSuggestions=Array.isArray(this.state._suggestions)?this.state._suggestions.filter(t=>t.toLowerCase().includes(e.toLowerCase())):this._filteredSuggestions,this._isOpen=!!(this._filteredSuggestions&&this._filteredSuggestions.length>0))}moveFocus(e){if(!this._filteredSuggestions)return;let t=this._focusedOptionIndex+e;t>=this._filteredSuggestions.length&&(t=0),t<0&&(t=this._filteredSuggestions.length-1),this.focusOption(t)}focusOption(e){if(this._focusedOptionIndex=e,this.refSuggestions){const t=this.refSuggestions[e];t?.focus()}}focusSuggestionStartingWith(e){const t=e.toLowerCase(),i=Array.isArray(this._filteredSuggestions)&&this._filteredSuggestions.length>0&&this._filteredSuggestions.findIndex(o=>o.toLowerCase().startsWith(t));typeof i=="number"&&this.focusOption(i)}getFormFieldProps(){return{state:this.state,class:r("kol-combobox",{"has-value":this.state._hasValue}),tooltipAlign:this._tooltipAlign,alert:this.showAsAlert()}}getInputProps(){const{ariaDescribedBy:e}=f(this.state),t=this.state._disabled===!0;return Object.assign(Object.assign({ref:this.catchRef,state:this.state,class:"kol-combobox__input",type:"text",role:"combobox","aria-activedescendant":this._isOpen&&this._focusedOptionIndex>=0?`option-${this._focusedOptionIndex}`:void 0,"aria-autocomplete":"both","aria-controls":"listbox","aria-describedby":e.length>0?e.join(" "):void 0,"aria-expanded":this._isOpen?"true":"false","aria-label":this.state._hideLabel&&typeof this.state._label=="string"?this.state._label:void 0,"aria-labelledby":this.state._id,"aria-keyshortcuts":this.state._shortKey,value:this.state._value,accessKey:this.state._accessKey,autocapitalize:"off",autocorrect:"off",disabled:t,customSuggestions:!0,id:this.state._id,name:this.state._name,required:this.state._required},this.controller.onFacade),{onFocus:i=>{this.controller.onFacade.onFocus(i),this.inputHasFocus=!0},onBlur:i=>{this.controller.onFacade.onBlur(i),this.inputHasFocus=!1},onChange:this.onChange.bind(this),onInput:this.onInput.bind(this),placeholder:this.state._placeholder})}render(){const e=this.state._disabled===!0;return s(m,Object.assign({key:"c5afe28a1d16ea7880bf51e27eea443ce569a8ff"},this.getFormFieldProps()),s(_,{key:"dbccf31419288c4bec6e081c5a4c7dcf56c42f9c",state:this.state},s("div",{key:"99e682a31fdc8dbbcb92621b6618108c433f321e",class:"kol-combobox__group"},s(v,Object.assign({key:"c9da0b608dabe6adc24221722287fe373273ece4"},this.getInputProps())),this.state._value&&!this.state._hideClearButton&&s(d,{key:"58e6def1c6e17c1e0e7ad8540700de3576164eef",_icons:"codicon codicon-close",_label:this.translateDeleteSelection,_hideLabel:!0,_disabled:e,"data-testid":"combobox-delete",class:r("kol-combobox__delete",{"kol-combobox__delete--disabled":e}),_on:{onClick:()=>{this.clearSelection()}}}),s(c,{key:"e6b4d8abc7b46bcf94c6abdd3b3929a655cdda11",_icons:"codicon codicon-triangle-down",_label:"",class:r("kol-custom-suggestions-toggle",{"kol-custom-suggestions-toggle--disabled":e}),onClick:this.toggleListbox.bind(this)})),this._isOpen&&!e&&s(k,{key:"e6fb48734b7c3e4f0abc466a9be4ba4fcedd5c36",blockSuggestionMouseOver:this.blockSuggestionMouseOver,onKeyDown:this.handleKeyDownDropdown.bind(this)},Array.isArray(this._filteredSuggestions)&&this._filteredSuggestions.length>0&&this._filteredSuggestions.map((t,i)=>s(y,{disabled:!1,index:i,option:t,searchTerm:this.state._value,ref:o=>{o&&(this.refSuggestions[i]=o)},selected:this.state._value===t,onClick:()=>{this.selectOption(t),this.toggleListbox(),this._isOpen=!1},onMouseOver:()=>{this.blockSuggestionMouseOver||this.focusOption(i)},onFocus:()=>{this.focusOption(i)},onKeyDown:o=>{(o.key==="Enter"||o.key==="NumpadEnter")&&(this.selectOption(t),this.toggleListbox(),o.preventDefault())}})))))}handleKeyDown(e){var t,i;const o=(a,n)=>{var l;e.preventDefault(),a!==void 0&&(this._isOpen=a,a||(l=this.refInput)===null||l===void 0||l.focus()),n?.()};switch(e.key){case"Down":case"ArrowDown":{this.blockSuggestionMouseOver=!0,o(!0,()=>this.moveFocus(1));break}case"Up":case"ArrowUp":{this.blockSuggestionMouseOver=!0,o(!0,()=>this.moveFocus(-1));break}case"Tab":this._isOpen&&(this._isOpen=!1,(t=this.refInput)===null||t===void 0||t.focus());break;case"Esc":case"Escape":{this._isOpen=!1,e.preventDefault(),(i=this.refInput)===null||i===void 0||i.focus();break}case"NumpadEnter":case"Enter":{this._isOpen&&this._focusedOptionIndex>=0?(this._filteredSuggestions&&this.selectOption(this._filteredSuggestions[this._focusedOptionIndex]),this._isOpen=!1):this.toggleListbox(),e.preventDefault();break}case"Home":{this.blockSuggestionMouseOver=!0,o(void 0,()=>{this._isOpen&&this.focusOption(0)});break}case"End":{this.blockSuggestionMouseOver=!0,o(void 0,()=>{this._isOpen&&this.focusOption(this._filteredSuggestions?this._filteredSuggestions.length-1:0)});break}case"PageUp":{this.blockSuggestionMouseOver=!0,o(void 0,()=>this._isOpen&&this.moveFocus(-10));break}case"PageDown":{this.blockSuggestionMouseOver=!0,o(void 0,()=>this._isOpen&&this.moveFocus(10));break}}}handleWindowClick(e){this.host!==void 0&&!this.host.contains(e.target)&&(this._isOpen=!1)}constructor(e){u(this,e),this.refSuggestions=[],this._focusedOptionIndex=-1,this.translateDeleteSelection=S("kol-delete-selection"),this.toggleListbox=()=>{var t;if(this.state._disabled===!0)this._isOpen=!1;else if((t=this.refInput)===null||t===void 0||t.focus(),this._isOpen)this._isOpen=!1;else if(Array.isArray(this._filteredSuggestions)&&this._filteredSuggestions.length>0){this._isOpen=!0;const o=this._filteredSuggestions.findIndex(a=>a===this.state._value);this._focusedOptionIndex=o>=0?o:-1,this.focusOption(this._focusedOptionIndex)}},this.catchRef=t=>{this.refInput=t},this.blockSuggestionMouseOver=!1,this._isOpen=!1,this._disabled=!1,this._hideMsg=!1,this._hideLabel=!1,this._hint="",this._hideClearButton=!1,this._required=!1,this._tooltipAlign="top",this._touched=!1,this.state={_hasValue:!1,_hideClearButton:!1,_hideMsg:!1,_id:`id-${w()}`,_label:"",_suggestions:[],_value:""},this.inputHasFocus=!1,this.controller=new C(this,"combobox",this.host),this.onInput=this.onInput.bind(this)}showAsAlert(){return!!this.state._touched&&!this.inputHasFocus}validatePlaceholder(e){this.controller.validatePlaceholder(e)}validateAccessKey(e){this.controller.validateAccessKey(e)}validateDisabled(e){this.controller.validateDisabled(e)}validateHideMsg(e){this.controller.validateHideMsg(e)}validateHideLabel(e){this.controller.validateHideLabel(e)}validateHint(e){this.controller.validateHint(e)}validateIcons(e){this.controller.validateIcons(e)}validateId(e){this.controller.validateId(e)}validateLabel(e){this.controller.validateLabel(e)}validateMsg(e){this.controller.validateMsg(e)}validateName(e){this.controller.validateName(e)}validateOn(e){this.controller.validateOn(e)}validateShortKey(e){this.controller.validateShortKey(e)}validateSuggestions(e){this.controller.validateSuggestions(e),this._filteredSuggestions=e}validateHideClearButton(e){this.controller.validateHideClearButton(e)}validateRequired(e){this.controller.validateRequired(e)}validateSyncValueBySelector(e){this.controller.validateSyncValueBySelector(e)}validateTouched(e){this.controller.validateTouched(e)}validateValue(e){this.controller.validateValue(e),this.controller.setFormAssociatedValue(e)}componentWillLoad(){this.refSuggestions=[],this._touched=this._touched===!0,this.controller.componentWillLoad(),this.state._hasValue=!!this.state._value,this.controller.addValueChangeListener(e=>this.state._hasValue=!!e),this._filteredSuggestions=this.state._suggestions}handleMouseEvent(){this.blockSuggestionMouseOver=!1}handleFocusOut(){setTimeout(()=>{var e;!((e=this.host)===null||e===void 0)&&e.contains(document.activeElement)||this.onBlur()},0)}handleWindowBlur(){this.onBlur()}onBlur(){var e;this._isOpen&&(this._isOpen=!this._isOpen,(e=this.refInput)===null||e===void 0||e.focus())}onChange(e){this.controller.onFacade.onChange(e),this.controller.setFormAssociatedValue(this.state._value)}get host(){return h(this)}static get watchers(){return{_placeholder:[{validatePlaceholder:0}],_accessKey:[{validateAccessKey:0}],_disabled:[{validateDisabled:0}],_hideMsg:[{validateHideMsg:0}],_hideLabel:[{validateHideLabel:0}],_hint:[{validateHint:0}],_icons:[{validateIcons:0}],_id:[{validateId:0}],_label:[{validateLabel:0}],_msg:[{validateMsg:0}],_name:[{validateName:0}],_on:[{validateOn:0}],_shortKey:[{validateShortKey:0}],_suggestions:[{validateSuggestions:0}],_hideClearButton:[{validateHideClearButton:0}],_required:[{validateRequired:0}],_syncValueBySelector:[{validateSyncValueBySelector:0}],_touched:[{validateTouched:0}],_value:[{validateValue:0}]}}};B.style={default:F()};export{B as kol_combobox};
2
+ //# sourceMappingURL=kol-combobox.entry-DklS9QlJ.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"kol-combobox.entry-DklS9QlJ.js","sources":["../../../../components/dist/esm/kol-combobox.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { h, r as registerInstance, g as getElement } from './index-BVfSKhpj.js';\nimport { c as clsx } from './clsx-eK3rPvPS.js';\nimport { d as KolButtonWcTag, e as KolIconTag } from './component-names-C3fyby67.js';\nimport { g as getRenderStates, F as FormFieldStateWrapper } from './FormFieldStateWrapper-BD6_Aq_y.js';\nimport { I as InputIconController, a as InputContainerStateWrapperFc } from './controller-icon-z0j8meAS.js';\nimport { I as InputStateWrapper } from './InputStateWrapper-Br3zT89Q.js';\nimport { C as CustomSuggestionsOptionsGroupFc, a as CustomSuggestionsOptionFc } from './CustomSuggestionsOptionsGroup-CKk6vmBF.js';\nimport { t as translate } from './i18n-LBpyQ66X.js';\nimport { n as nonce } from './dev.utils-CT0IU26V.js';\nimport { d as watchBoolean, e as watchString } from './common-Dd0zJQbD.js';\nimport { v as validatePlaceholder } from './placeholder-BVhy3BzI.js';\nimport { v as validateRequired } from './required-CnTTpFCN.js';\nimport { v as validateSuggestions } from './suggestions-B-jLvT4L.js';\nimport './access-and-short-key-B37XLwy2.js';\nimport './disabled-BhpAFgSp.js';\nimport './hide-label-B9FhGrWP.js';\nimport './label-Dnmzb2S_.js';\nimport './tooltip-align-Cnin7S26.js';\nimport './align-D-ifSKu8.js';\nimport './events-9-skLO0f.js';\nimport './associated.controller-B9GDDaFL.js';\nimport './bootstrap-DcyDkVEo.js';\nimport './i18n-CfLoIZ8T.js';\nimport './isObject-DvSELytj.js';\nimport './tslib.es6-CxX45GIN.js';\nimport './reuse-CX4AQDkS.js';\nimport './InternalUnderlinedBadgeText-BXMEPoNX.js';\nimport './Alert-I3c2hFqL.js';\nimport './bem-Dj4gWVFO.js';\nimport './browser-DiRe0qUf.js';\nimport './Heading-DwQEABii.js';\nimport './Icon-DazIQvDi.js';\nimport './icons-DNTuScEN.js';\nimport './Input-KPeaFJZR.js';\n\nclass ComboboxController extends InputIconController {\n constructor(component, name, host) {\n super(component, name, host);\n this.component = component;\n }\n validateHideClearButton(value) {\n watchBoolean(this.component, '_hideClearButton', value);\n }\n validatePlaceholder(value) {\n validatePlaceholder(this.component, value);\n }\n validateRequired(value) {\n validateRequired(this.component, value);\n }\n validateSuggestions(value) {\n validateSuggestions(this.component, value);\n }\n validateValue(value) {\n watchString(this.component, '_value', value);\n }\n componentWillLoad() {\n super.componentWillLoad();\n this.validateHideClearButton(this.component._hideClearButton);\n this.validatePlaceholder(this.component._placeholder);\n this.validateRequired(this.component._required);\n this.validateSuggestions(this.component._suggestions);\n this.validateValue(this.component._value);\n }\n}\n\nconst defaultStyleCss = () => ` @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component; @layer kol-a11y { :host { --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16)); color: black; background-color: white; font-family: Verdana; letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed; top: 0; left: 0; width: 1px; height: 1px; overflow: hidden; white-space: nowrap; clip-path: inset(50%); } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: lightgray; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } .kol-span .kol-span__label--hide-label .kol-span__label { display: none; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled], [disabled]:focus { opacity: 0.5; outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } } @layer kol-component { :host { display: block; } } @layer kol-component { .kol-tooltip { display: contents; } .kol-tooltip__floating { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: var(--kol-tooltip-width, max-content); min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); max-width: 90vw; max-height: 90vh; animation-direction: normal; animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in; } .kol-tooltip__floating.hide { animation-name: hideTooltip; } .kol-tooltip__floating.show { animation-name: showTooltip; } .kol-tooltip__arrow { transform: rotate(45deg); color: #000; background-color: #fff; position: absolute; z-index: 999; width: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-tooltip__content { color: #000; background-color: #fff; position: relative; z-index: 1000; } @keyframes hideTooltip { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes showTooltip { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer kol-component { .kol-alert { display: grid; } .kol-alert__container { display: flex; place-items: center; } .kol-alert__container-content { flex-grow: 1; } .kol-alert__closer { outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-custom-suggestions-option { line-height: 1.5; white-space: normal; cursor: pointer; overflow-wrap: break-word; } .kol-custom-suggestions-options-group--cursor-hidden .kol-custom-suggestions-option { cursor: none !important; } .kol-custom-suggestions-option--disabled:focus, .kol-custom-suggestions-option--disabled:focus * { cursor: not-allowed; } .kol-custom-suggestions-options-group { background-color: white; display: block; position: absolute; z-index: 2; max-height: calc(250 * 1rem / var(--kolibri-root-font-size, 16)); margin: 0; padding: 0; overflow-x: hidden; overflow-y: auto; list-style-type: none; } .kol-custom-suggestions-toggle { display: flex; width: var(--a11y-min-size); height: var(--a11y-min-size); align-items: center; justify-content: center; cursor: default; } .kol-custom-suggestions-toggle.kol-custom-suggestions-toggle--disabled { cursor: not-allowed; } .kol-form-field { display: grid; } .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label { cursor: pointer; } .kol-form-field--disabled .kol-form-field__label { opacity: 0.5; } .kol-form-field--required .kol-form-field__label-text::after { content: \"*\"/\"\"; } .kol-form-field--disabled .kol-form-field__hint { opacity: 0.5; } .kol-form-field--required .kol-form-field__tooltip .span-label::after { content: \"*\"/\"\"; } .kol-input-container { background-color: transparent; display: grid; width: 100%; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); align-items: center; grid-template-columns: 1fr; } .kol-input-container:has(> .kol-input-container__adornment--start) { grid-template-columns: auto 1fr; } .kol-input-container:has(> .kol-input-container__adornment--end) { grid-template-columns: 1fr auto; } .kol-input-container:has(> .kol-input-container__adornment--start):has(> .kol-input-container__adornment--end) { grid-template-columns: auto 1fr auto; } .kol-input-container__container { position: relative; } .kol-input-container__adornment { display: flex; align-items: center; } .kol-input-container__adornment .kol-icon { display: grid; height: var(--a11y-min-size); place-items: center; } .kol-input { background-color: transparent; width: 100%; min-width: var(--a11y-min-size); } .kol-input:focus { outline: none; } .kol-combobox__delete .kol-button { cursor: pointer; } .kol-combobox__delete--disabled .kol-button { cursor: not-allowed; } .kol-custom-suggestions-toggle:not(.kol-custom-suggestions-toggle--disabled) { cursor: pointer; } .kol-custom-suggestions-toggle--disabled { opacity: 0.5; } }`;\n\nconst KolCombobox = class {\n async getValue() {\n return this.state._value;\n }\n async focus() {\n var _a;\n return Promise.resolve((_a = this.refInput) === null || _a === void 0 ? void 0 : _a.focus());\n }\n async kolFocus() {\n return this.focus();\n }\n selectOption(option) {\n var _a;\n this.controller.onFacade.onInput(new CustomEvent('input', { bubbles: true, detail: { name: this.state._name, value: option } }), true, option);\n this.controller.onFacade.onChange(new CustomEvent('change', { bubbles: true, detail: { name: this.state._name, value: option } }), option);\n this.controller.setFormAssociatedValue(option);\n this.state._value = option;\n (_a = this.refInput) === null || _a === void 0 ? void 0 : _a.focus();\n }\n clearSelection() {\n var _a;\n const isDisabled = this.state._disabled === true;\n if (isDisabled) {\n return;\n }\n const emptyValue = '';\n this._focusedOptionIndex = -1;\n this._value = emptyValue;\n this.state._value = emptyValue;\n this._filteredSuggestions = [...this.state._suggestions];\n this._isOpen = false;\n const detail = { name: this.state._name, value: emptyValue };\n this.controller.onFacade.onInput(new CustomEvent('input', { bubbles: true, detail }), true, emptyValue);\n this.controller.onFacade.onChange(new CustomEvent('change', { bubbles: true, detail }), emptyValue);\n this.controller.setFormAssociatedValue(emptyValue);\n (_a = this.refInput) === null || _a === void 0 ? void 0 : _a.focus();\n }\n onInput(event) {\n const target = event.target;\n this.state._value = target.value;\n this._value = target.value;\n this.controller.onFacade.onInput(event);\n this.setFilteredSuggestionsByQuery(target.value);\n this._focusedOptionIndex = -1;\n }\n handleKeyDownDropdown(event) {\n if (event.key.length === 1 && /[a-z0-9]/i.test(event.key)) {\n this._isOpen = true;\n this.focusSuggestionStartingWith(event.key);\n }\n }\n setFilteredSuggestionsByQuery(query) {\n if (query.trim() === '') {\n this._filteredSuggestions = [...this.state._suggestions];\n }\n else {\n this._filteredSuggestions = Array.isArray(this.state._suggestions)\n ? this.state._suggestions.filter((option) => {\n return option.toLowerCase().includes(query.toLowerCase());\n })\n : this._filteredSuggestions;\n this._isOpen = this._filteredSuggestions && this._filteredSuggestions.length > 0 ? true : false;\n }\n }\n moveFocus(delta) {\n if (!this._filteredSuggestions) {\n return;\n }\n let newIndex = this._focusedOptionIndex + delta;\n if (newIndex >= this._filteredSuggestions.length) {\n newIndex = 0;\n }\n if (newIndex < 0) {\n newIndex = this._filteredSuggestions.length - 1;\n }\n this.focusOption(newIndex);\n }\n focusOption(index) {\n this._focusedOptionIndex = index;\n if (this.refSuggestions) {\n const optionElement = this.refSuggestions[index];\n optionElement === null || optionElement === void 0 ? void 0 : optionElement.focus();\n }\n }\n focusSuggestionStartingWith(char) {\n const charLowerCase = char.toLowerCase();\n const index = Array.isArray(this._filteredSuggestions) &&\n this._filteredSuggestions.length > 0 &&\n this._filteredSuggestions.findIndex((option) => option.toLowerCase().startsWith(charLowerCase));\n if (typeof index === 'number') {\n this.focusOption(index);\n }\n }\n getFormFieldProps() {\n return {\n state: this.state,\n class: clsx('kol-combobox', {\n 'has-value': this.state._hasValue,\n }),\n tooltipAlign: this._tooltipAlign,\n alert: this.showAsAlert(),\n };\n }\n getInputProps() {\n const { ariaDescribedBy } = getRenderStates(this.state);\n const isDisabled = this.state._disabled === true;\n return Object.assign(Object.assign({ ref: this.catchRef, state: this.state, class: 'kol-combobox__input', type: 'text', role: 'combobox', 'aria-activedescendant': this._isOpen && this._focusedOptionIndex >= 0 ? `option-${this._focusedOptionIndex}` : undefined, 'aria-autocomplete': 'both', 'aria-controls': 'listbox', 'aria-describedby': ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, 'aria-expanded': this._isOpen ? 'true' : 'false', 'aria-label': this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, 'aria-labelledby': this.state._id, 'aria-keyshortcuts': this.state._shortKey, value: this.state._value, accessKey: this.state._accessKey, autocapitalize: 'off', autocorrect: 'off', disabled: isDisabled, customSuggestions: true, id: this.state._id, name: this.state._name, required: this.state._required }, this.controller.onFacade), { onFocus: (event) => {\n this.controller.onFacade.onFocus(event);\n this.inputHasFocus = true;\n }, onBlur: (event) => {\n this.controller.onFacade.onBlur(event);\n this.inputHasFocus = false;\n }, onChange: this.onChange.bind(this), onInput: this.onInput.bind(this), placeholder: this.state._placeholder });\n }\n render() {\n const isDisabled = this.state._disabled === true;\n return (h(FormFieldStateWrapper, Object.assign({ key: 'c5afe28a1d16ea7880bf51e27eea443ce569a8ff' }, this.getFormFieldProps()), h(InputContainerStateWrapperFc, { key: 'dbccf31419288c4bec6e081c5a4c7dcf56c42f9c', state: this.state }, h(\"div\", { key: '99e682a31fdc8dbbcb92621b6618108c433f321e', class: \"kol-combobox__group\" }, h(InputStateWrapper, Object.assign({ key: 'c9da0b608dabe6adc24221722287fe373273ece4' }, this.getInputProps())), this.state._value && !this.state._hideClearButton && (h(KolButtonWcTag, { key: '58e6def1c6e17c1e0e7ad8540700de3576164eef', _icons: \"codicon codicon-close\", _label: this.translateDeleteSelection, _hideLabel: true, _disabled: isDisabled, \"data-testid\": \"combobox-delete\", class: clsx('kol-combobox__delete', {\n 'kol-combobox__delete--disabled': isDisabled,\n }), _on: {\n onClick: () => {\n this.clearSelection();\n },\n } })), h(KolIconTag, { key: 'e6b4d8abc7b46bcf94c6abdd3b3929a655cdda11', _icons: \"codicon codicon-triangle-down\", _label: \"\", class: clsx('kol-custom-suggestions-toggle', {\n 'kol-custom-suggestions-toggle--disabled': isDisabled,\n }), onClick: this.toggleListbox.bind(this) })), this._isOpen && !isDisabled && (h(CustomSuggestionsOptionsGroupFc, { key: 'e6fb48734b7c3e4f0abc466a9be4ba4fcedd5c36', blockSuggestionMouseOver: this.blockSuggestionMouseOver, onKeyDown: this.handleKeyDownDropdown.bind(this) }, Array.isArray(this._filteredSuggestions) &&\n this._filteredSuggestions.length > 0 &&\n this._filteredSuggestions.map((option, index) => (h(CustomSuggestionsOptionFc, { disabled: false, index: index, option: option, searchTerm: this.state._value, ref: (el) => {\n if (el)\n this.refSuggestions[index] = el;\n }, selected: this.state._value === option, onClick: () => {\n this.selectOption(option);\n this.toggleListbox();\n this._isOpen = false;\n }, onMouseOver: () => {\n if (!this.blockSuggestionMouseOver) {\n this.focusOption(index);\n }\n }, onFocus: () => {\n this.focusOption(index);\n }, onKeyDown: (e) => {\n if (e.key === 'Enter' || e.key === 'NumpadEnter') {\n this.selectOption(option);\n this.toggleListbox();\n e.preventDefault();\n }\n } }))))))));\n }\n handleKeyDown(event) {\n var _a, _b;\n const handleEvent = (isOpen, callback) => {\n var _a;\n event.preventDefault();\n if (isOpen !== undefined) {\n this._isOpen = isOpen;\n if (!isOpen) {\n (_a = this.refInput) === null || _a === void 0 ? void 0 : _a.focus();\n }\n }\n callback === null || callback === void 0 ? void 0 : callback();\n };\n switch (event.key) {\n case 'Down':\n case 'ArrowDown': {\n this.blockSuggestionMouseOver = true;\n handleEvent(true, () => this.moveFocus(1));\n break;\n }\n case 'Up':\n case 'ArrowUp': {\n this.blockSuggestionMouseOver = true;\n handleEvent(true, () => this.moveFocus(-1));\n break;\n }\n case 'Tab':\n if (this._isOpen) {\n this._isOpen = false;\n (_a = this.refInput) === null || _a === void 0 ? void 0 : _a.focus();\n }\n break;\n case 'Esc':\n case 'Escape': {\n this._isOpen = false;\n event.preventDefault();\n (_b = this.refInput) === null || _b === void 0 ? void 0 : _b.focus();\n break;\n }\n case 'NumpadEnter':\n case 'Enter': {\n if (this._isOpen && this._focusedOptionIndex >= 0) {\n this._filteredSuggestions && this.selectOption(this._filteredSuggestions[this._focusedOptionIndex]);\n this._isOpen = false;\n }\n else {\n this.toggleListbox();\n }\n event.preventDefault();\n break;\n }\n case 'Home': {\n this.blockSuggestionMouseOver = true;\n handleEvent(undefined, () => {\n if (this._isOpen) {\n this.focusOption(0);\n }\n });\n break;\n }\n case 'End': {\n this.blockSuggestionMouseOver = true;\n handleEvent(undefined, () => {\n if (this._isOpen) {\n this.focusOption(this._filteredSuggestions ? this._filteredSuggestions.length - 1 : 0);\n }\n });\n break;\n }\n case 'PageUp': {\n this.blockSuggestionMouseOver = true;\n handleEvent(undefined, () => this._isOpen && this.moveFocus(-10));\n break;\n }\n case 'PageDown': {\n this.blockSuggestionMouseOver = true;\n handleEvent(undefined, () => this._isOpen && this.moveFocus(10));\n break;\n }\n }\n }\n handleWindowClick(event) {\n if (this.host !== undefined && !this.host.contains(event.target)) {\n this._isOpen = false;\n }\n }\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.refSuggestions = [];\n this._focusedOptionIndex = -1;\n this.translateDeleteSelection = translate('kol-delete-selection');\n this.toggleListbox = () => {\n var _a;\n const isDisabled = this.state._disabled === true;\n if (isDisabled) {\n this._isOpen = false;\n }\n else {\n (_a = this.refInput) === null || _a === void 0 ? void 0 : _a.focus();\n if (this._isOpen) {\n this._isOpen = false;\n }\n else if (Array.isArray(this._filteredSuggestions) && this._filteredSuggestions.length > 0) {\n this._isOpen = true;\n const selectedIndex = this._filteredSuggestions.findIndex((option) => option === this.state._value);\n this._focusedOptionIndex = selectedIndex >= 0 ? selectedIndex : -1;\n this.focusOption(this._focusedOptionIndex);\n }\n }\n };\n this.catchRef = (ref) => {\n this.refInput = ref;\n };\n this.blockSuggestionMouseOver = false;\n this._isOpen = false;\n this._disabled = false;\n this._hideMsg = false;\n this._hideLabel = false;\n this._hint = '';\n this._hideClearButton = false;\n this._required = false;\n this._tooltipAlign = 'top';\n this._touched = false;\n this.state = {\n _hasValue: false,\n _hideClearButton: false,\n _hideMsg: false,\n _id: `id-${nonce()}`,\n _label: '',\n _suggestions: [],\n _value: '',\n };\n this.inputHasFocus = false;\n this.controller = new ComboboxController(this, 'combobox', this.host);\n this.onInput = this.onInput.bind(this);\n }\n showAsAlert() {\n return Boolean(this.state._touched) && !this.inputHasFocus;\n }\n validatePlaceholder(value) {\n this.controller.validatePlaceholder(value);\n }\n validateAccessKey(value) {\n this.controller.validateAccessKey(value);\n }\n validateDisabled(value) {\n this.controller.validateDisabled(value);\n }\n validateHideMsg(value) {\n this.controller.validateHideMsg(value);\n }\n validateHideLabel(value) {\n this.controller.validateHideLabel(value);\n }\n validateHint(value) {\n this.controller.validateHint(value);\n }\n validateIcons(value) {\n this.controller.validateIcons(value);\n }\n validateId(value) {\n this.controller.validateId(value);\n }\n validateLabel(value) {\n this.controller.validateLabel(value);\n }\n validateMsg(value) {\n this.controller.validateMsg(value);\n }\n validateName(value) {\n this.controller.validateName(value);\n }\n validateOn(value) {\n this.controller.validateOn(value);\n }\n validateShortKey(value) {\n this.controller.validateShortKey(value);\n }\n validateSuggestions(value) {\n this.controller.validateSuggestions(value);\n this._filteredSuggestions = value;\n }\n validateHideClearButton(value) {\n this.controller.validateHideClearButton(value);\n }\n validateRequired(value) {\n this.controller.validateRequired(value);\n }\n validateSyncValueBySelector(value) {\n this.controller.validateSyncValueBySelector(value);\n }\n validateTouched(value) {\n this.controller.validateTouched(value);\n }\n validateValue(value) {\n this.controller.validateValue(value);\n this.controller.setFormAssociatedValue(value);\n }\n componentWillLoad() {\n this.refSuggestions = [];\n this._touched = this._touched === true;\n this.controller.componentWillLoad();\n this.state._hasValue = !!this.state._value;\n this.controller.addValueChangeListener((v) => (this.state._hasValue = !!v));\n this._filteredSuggestions = this.state._suggestions;\n }\n handleMouseEvent() {\n this.blockSuggestionMouseOver = false;\n }\n handleFocusOut() {\n setTimeout(() => {\n var _a;\n if (!((_a = this.host) === null || _a === void 0 ? void 0 : _a.contains(document.activeElement))) {\n this.onBlur();\n }\n }, 0);\n }\n handleWindowBlur() {\n this.onBlur();\n }\n onBlur() {\n var _a;\n if (this._isOpen) {\n this._isOpen = !this._isOpen;\n (_a = this.refInput) === null || _a === void 0 ? void 0 : _a.focus();\n }\n }\n onChange(event) {\n this.controller.onFacade.onChange(event);\n this.controller.setFormAssociatedValue(this.state._value);\n }\n get host() { return getElement(this); }\n static get watchers() { return {\n \"_placeholder\": [{\n \"validatePlaceholder\": 0\n }],\n \"_accessKey\": [{\n \"validateAccessKey\": 0\n }],\n \"_disabled\": [{\n \"validateDisabled\": 0\n }],\n \"_hideMsg\": [{\n \"validateHideMsg\": 0\n }],\n \"_hideLabel\": [{\n \"validateHideLabel\": 0\n }],\n \"_hint\": [{\n \"validateHint\": 0\n }],\n \"_icons\": [{\n \"validateIcons\": 0\n }],\n \"_id\": [{\n \"validateId\": 0\n }],\n \"_label\": [{\n \"validateLabel\": 0\n }],\n \"_msg\": [{\n \"validateMsg\": 0\n }],\n \"_name\": [{\n \"validateName\": 0\n }],\n \"_on\": [{\n \"validateOn\": 0\n }],\n \"_shortKey\": [{\n \"validateShortKey\": 0\n }],\n \"_suggestions\": [{\n \"validateSuggestions\": 0\n }],\n \"_hideClearButton\": [{\n \"validateHideClearButton\": 0\n }],\n \"_required\": [{\n \"validateRequired\": 0\n }],\n \"_syncValueBySelector\": [{\n \"validateSyncValueBySelector\": 0\n }],\n \"_touched\": [{\n \"validateTouched\": 0\n }],\n \"_value\": [{\n \"validateValue\": 0\n }]\n }; }\n};\nKolCombobox.style = {\n default: defaultStyleCss()\n};\n\nexport { KolCombobox as kol_combobox };\n"],"names":["ComboboxController","InputIconController","component","name","host","value","watchBoolean","validatePlaceholder","validateRequired","validateSuggestions","watchString","defaultStyleCss","KolCombobox","_a","option","emptyValue","detail","event","target","query","delta","newIndex","index","optionElement","char","charLowerCase","clsx","ariaDescribedBy","getRenderStates","isDisabled","h","FormFieldStateWrapper","InputContainerStateWrapperFc","InputStateWrapper","KolButtonWcTag","KolIconTag","CustomSuggestionsOptionsGroupFc","CustomSuggestionsOptionFc","el","e","_b","handleEvent","isOpen","callback","hostRef","registerInstance","translate","selectedIndex","ref","nonce","v","getElement"],"mappings":"6zCAsCA,MAAMA,UAA2BC,CAAoB,CACjD,YAAYC,EAAWC,EAAMC,EAAM,CAC/B,MAAMF,EAAWC,EAAMC,CAAI,EAC3B,KAAK,UAAYF,CACrB,CACA,wBAAwBG,EAAO,CAC3BC,EAAa,KAAK,UAAW,mBAAoBD,CAAK,CAC1D,CACA,oBAAoBA,EAAO,CACvBE,EAAoB,KAAK,UAAWF,CAAK,CAC7C,CACA,iBAAiBA,EAAO,CACpBG,EAAiB,KAAK,UAAWH,CAAK,CAC1C,CACA,oBAAoBA,EAAO,CACvBI,EAAoB,KAAK,UAAWJ,CAAK,CAC7C,CACA,cAAcA,EAAO,CACjBK,EAAY,KAAK,UAAW,SAAUL,CAAK,CAC/C,CACA,mBAAoB,CAChB,MAAM,kBAAiB,EACvB,KAAK,wBAAwB,KAAK,UAAU,gBAAgB,EAC5D,KAAK,oBAAoB,KAAK,UAAU,YAAY,EACpD,KAAK,iBAAiB,KAAK,UAAU,SAAS,EAC9C,KAAK,oBAAoB,KAAK,UAAU,YAAY,EACpD,KAAK,cAAc,KAAK,UAAU,MAAM,CAC5C,CACJ,CAEA,MAAMM,EAAkB,IAAM,kgNAExBC,EAAc,KAAM,CACtB,MAAM,UAAW,CACb,OAAO,KAAK,MAAM,MACtB,CACA,MAAM,OAAQ,CACV,IAAIC,EACJ,OAAO,QAAQ,SAASA,EAAK,KAAK,YAAc,MAAQA,IAAO,OAAS,OAASA,EAAG,MAAK,CAAE,CAC/F,CACA,MAAM,UAAW,CACb,OAAO,KAAK,MAAK,CACrB,CACA,aAAaC,EAAQ,CACjB,IAAID,EACJ,KAAK,WAAW,SAAS,QAAQ,IAAI,YAAY,QAAS,CAAE,QAAS,GAAM,OAAQ,CAAE,KAAM,KAAK,MAAM,MAAO,MAAOC,EAAQ,CAAE,EAAG,GAAMA,CAAM,EAC7I,KAAK,WAAW,SAAS,SAAS,IAAI,YAAY,SAAU,CAAE,QAAS,GAAM,OAAQ,CAAE,KAAM,KAAK,MAAM,MAAO,MAAOA,CAAM,EAAI,EAAGA,CAAM,EACzI,KAAK,WAAW,uBAAuBA,CAAM,EAC7C,KAAK,MAAM,OAASA,GACnBD,EAAK,KAAK,YAAc,MAAQA,IAAO,QAAkBA,EAAG,MAAK,CACtE,CACA,gBAAiB,CACb,IAAIA,EAEJ,GADmB,KAAK,MAAM,YAAc,GAExC,OAEJ,MAAME,EAAa,GACnB,KAAK,oBAAsB,GAC3B,KAAK,OAASA,EACd,KAAK,MAAM,OAASA,EACpB,KAAK,qBAAuB,CAAC,GAAG,KAAK,MAAM,YAAY,EACvD,KAAK,QAAU,GACf,MAAMC,EAAS,CAAE,KAAM,KAAK,MAAM,MAAO,MAAOD,CAAU,EAC1D,KAAK,WAAW,SAAS,QAAQ,IAAI,YAAY,QAAS,CAAE,QAAS,GAAM,OAAAC,CAAM,CAAE,EAAG,GAAMD,CAAU,EACtG,KAAK,WAAW,SAAS,SAAS,IAAI,YAAY,SAAU,CAAE,QAAS,GAAM,OAAAC,CAAM,CAAE,EAAGD,CAAU,EAClG,KAAK,WAAW,uBAAuBA,CAAU,GAChDF,EAAK,KAAK,YAAc,MAAQA,IAAO,QAAkBA,EAAG,MAAK,CACtE,CACA,QAAQI,EAAO,CACX,MAAMC,EAASD,EAAM,OACrB,KAAK,MAAM,OAASC,EAAO,MAC3B,KAAK,OAASA,EAAO,MACrB,KAAK,WAAW,SAAS,QAAQD,CAAK,EACtC,KAAK,8BAA8BC,EAAO,KAAK,EAC/C,KAAK,oBAAsB,EAC/B,CACA,sBAAsBD,EAAO,CACrBA,EAAM,IAAI,SAAW,GAAK,YAAY,KAAKA,EAAM,GAAG,IACpD,KAAK,QAAU,GACf,KAAK,4BAA4BA,EAAM,GAAG,EAElD,CACA,8BAA8BE,EAAO,CAC7BA,EAAM,KAAI,IAAO,GACjB,KAAK,qBAAuB,CAAC,GAAG,KAAK,MAAM,YAAY,GAGvD,KAAK,qBAAuB,MAAM,QAAQ,KAAK,MAAM,YAAY,EAC3D,KAAK,MAAM,aAAa,OAAQL,GACvBA,EAAO,YAAW,EAAG,SAASK,EAAM,YAAW,CAAE,CAC3D,EACC,KAAK,qBACX,KAAK,QAAU,QAAK,sBAAwB,KAAK,qBAAqB,OAAS,GAEvF,CACA,UAAUC,EAAO,CACb,GAAI,CAAC,KAAK,qBACN,OAEJ,IAAIC,EAAW,KAAK,oBAAsBD,EACtCC,GAAY,KAAK,qBAAqB,SACtCA,EAAW,GAEXA,EAAW,IACXA,EAAW,KAAK,qBAAqB,OAAS,GAElD,KAAK,YAAYA,CAAQ,CAC7B,CACA,YAAYC,EAAO,CAEf,GADA,KAAK,oBAAsBA,EACvB,KAAK,eAAgB,CACrB,MAAMC,EAAgB,KAAK,eAAeD,CAAK,EACeC,GAAc,MAAK,CACrF,CACJ,CACA,4BAA4BC,EAAM,CAC9B,MAAMC,EAAgBD,EAAK,YAAW,EAChCF,EAAQ,MAAM,QAAQ,KAAK,oBAAoB,GACjD,KAAK,qBAAqB,OAAS,GACnC,KAAK,qBAAqB,UAAWR,GAAWA,EAAO,YAAW,EAAG,WAAWW,CAAa,CAAC,EAC9F,OAAOH,GAAU,UACjB,KAAK,YAAYA,CAAK,CAE9B,CACA,mBAAoB,CAChB,MAAO,CACH,MAAO,KAAK,MACZ,MAAOI,EAAK,eAAgB,CACxB,YAAa,KAAK,MAAM,SACxC,CAAa,EACD,aAAc,KAAK,cACnB,MAAO,KAAK,YAAW,CACnC,CACI,CACA,eAAgB,CACZ,KAAM,CAAE,gBAAAC,CAAe,EAAKC,EAAgB,KAAK,KAAK,EAChDC,EAAa,KAAK,MAAM,YAAc,GAC5C,OAAO,OAAO,OAAO,OAAO,OAAO,CAAE,IAAK,KAAK,SAAU,MAAO,KAAK,MAAO,MAAO,sBAAuB,KAAM,OAAQ,KAAM,WAAY,wBAAyB,KAAK,SAAW,KAAK,qBAAuB,EAAI,UAAU,KAAK,mBAAmB,GAAK,OAAW,oBAAqB,OAAQ,gBAAiB,UAAW,mBAAoBF,EAAgB,OAAS,EAAIA,EAAgB,KAAK,GAAG,EAAI,OAAW,gBAAiB,KAAK,QAAU,OAAS,QAAS,aAAc,KAAK,MAAM,YAAc,OAAO,KAAK,MAAM,QAAW,SAAW,KAAK,MAAM,OAAS,OAAW,kBAAmB,KAAK,MAAM,IAAK,oBAAqB,KAAK,MAAM,UAAW,MAAO,KAAK,MAAM,OAAQ,UAAW,KAAK,MAAM,WAAY,eAAgB,MAAO,YAAa,MAAO,SAAUE,EAAY,kBAAmB,GAAM,GAAI,KAAK,MAAM,IAAK,KAAM,KAAK,MAAM,MAAO,SAAU,KAAK,MAAM,SAAS,EAAI,KAAK,WAAW,QAAQ,EAAG,CAAE,QAAUZ,GAAU,CACj5B,KAAK,WAAW,SAAS,QAAQA,CAAK,EACtC,KAAK,cAAgB,EACzB,EAAG,OAASA,GAAU,CAClB,KAAK,WAAW,SAAS,OAAOA,CAAK,EACrC,KAAK,cAAgB,EACzB,EAAG,SAAU,KAAK,SAAS,KAAK,IAAI,EAAG,QAAS,KAAK,QAAQ,KAAK,IAAI,EAAG,YAAa,KAAK,MAAM,aAAc,CACvH,CACA,QAAS,CACL,MAAMY,EAAa,KAAK,MAAM,YAAc,GAC5C,OAAQC,EAAEC,EAAuB,OAAO,OAAO,CAAE,IAAK,0CAA0C,EAAI,KAAK,kBAAiB,CAAE,EAAGD,EAAEE,EAA8B,CAAE,IAAK,2CAA4C,MAAO,KAAK,KAAK,EAAIF,EAAE,MAAO,CAAE,IAAK,2CAA4C,MAAO,qBAAqB,EAAIA,EAAEG,EAAmB,OAAO,OAAO,CAAE,IAAK,0CAA0C,EAAI,KAAK,cAAa,CAAE,CAAC,EAAG,KAAK,MAAM,QAAU,CAAC,KAAK,MAAM,kBAAqBH,EAAEI,EAAgB,CAAE,IAAK,2CAA4C,OAAQ,wBAAyB,OAAQ,KAAK,yBAA0B,WAAY,GAAM,UAAWL,EAAY,cAAe,kBAAmB,MAAOH,EAAK,uBAAwB,CAC7tB,iCAAkCG,CAClD,CAAa,EAAG,IAAK,CACL,QAAS,IAAM,CACX,KAAK,eAAc,CACvB,CAChB,CAAa,CAAE,EAAIC,EAAEK,EAAY,CAAE,IAAK,2CAA4C,OAAQ,gCAAiC,OAAQ,GAAI,MAAOT,EAAK,gCAAiC,CACtK,0CAA2CG,CAC3D,CAAa,EAAG,QAAS,KAAK,cAAc,KAAK,IAAI,CAAC,CAAE,CAAC,EAAG,KAAK,SAAW,CAACA,GAAeC,EAAEM,EAAiC,CAAE,IAAK,2CAA4C,yBAA0B,KAAK,yBAA0B,UAAW,KAAK,sBAAsB,KAAK,IAAI,CAAC,EAAI,MAAM,QAAQ,KAAK,oBAAoB,GAC1T,KAAK,qBAAqB,OAAS,GACnC,KAAK,qBAAqB,IAAI,CAACtB,EAAQQ,IAAWQ,EAAEO,EAA2B,CAAE,SAAU,GAAO,MAAOf,EAAO,OAAQR,EAAQ,WAAY,KAAK,MAAM,OAAQ,IAAMwB,GAAO,CAChKA,IACA,KAAK,eAAehB,CAAK,EAAIgB,EACrC,EAAG,SAAU,KAAK,MAAM,SAAWxB,EAAQ,QAAS,IAAM,CACtD,KAAK,aAAaA,CAAM,EACxB,KAAK,cAAa,EAClB,KAAK,QAAU,EACnB,EAAG,YAAa,IAAM,CACb,KAAK,0BACN,KAAK,YAAYQ,CAAK,CAE9B,EAAG,QAAS,IAAM,CACd,KAAK,YAAYA,CAAK,CAC1B,EAAG,UAAYiB,GAAM,EACbA,EAAE,MAAQ,SAAWA,EAAE,MAAQ,iBAC/B,KAAK,aAAazB,CAAM,EACxB,KAAK,cAAa,EAClByB,EAAE,eAAc,EAExB,EAAG,CAAE,CAAC,CAAE,CAAC,CACrB,CACA,cAActB,EAAO,CACjB,IAAIJ,EAAI2B,EACR,MAAMC,EAAc,CAACC,EAAQC,IAAa,CACtC,IAAI9B,EACJI,EAAM,eAAc,EAChByB,IAAW,SACX,KAAK,QAAUA,EACVA,IACA7B,EAAK,KAAK,YAAc,MAAQA,IAAO,QAAkBA,EAAG,MAAK,GAGtB8B,IAAQ,CAChE,EACA,OAAQ1B,EAAM,IAAG,CACb,IAAK,OACL,IAAK,YAAa,CACd,KAAK,yBAA2B,GAChCwB,EAAY,GAAM,IAAM,KAAK,UAAU,CAAC,CAAC,EACzC,KACJ,CACA,IAAK,KACL,IAAK,UAAW,CACZ,KAAK,yBAA2B,GAChCA,EAAY,GAAM,IAAM,KAAK,UAAU,EAAE,CAAC,EAC1C,KACJ,CACA,IAAK,MACG,KAAK,UACL,KAAK,QAAU,IACd5B,EAAK,KAAK,YAAc,MAAQA,IAAO,QAAkBA,EAAG,MAAK,GAEtE,MACJ,IAAK,MACL,IAAK,SAAU,CACX,KAAK,QAAU,GACfI,EAAM,eAAc,GACnBuB,EAAK,KAAK,YAAc,MAAQA,IAAO,QAAkBA,EAAG,MAAK,EAClE,KACJ,CACA,IAAK,cACL,IAAK,QAAS,CACN,KAAK,SAAW,KAAK,qBAAuB,GAC5C,KAAK,sBAAwB,KAAK,aAAa,KAAK,qBAAqB,KAAK,mBAAmB,CAAC,EAClG,KAAK,QAAU,IAGf,KAAK,cAAa,EAEtBvB,EAAM,eAAc,EACpB,KACJ,CACA,IAAK,OAAQ,CACT,KAAK,yBAA2B,GAChCwB,EAAY,OAAW,IAAM,CACrB,KAAK,SACL,KAAK,YAAY,CAAC,CAE1B,CAAC,EACD,KACJ,CACA,IAAK,MAAO,CACR,KAAK,yBAA2B,GAChCA,EAAY,OAAW,IAAM,CACrB,KAAK,SACL,KAAK,YAAY,KAAK,qBAAuB,KAAK,qBAAqB,OAAS,EAAI,CAAC,CAE7F,CAAC,EACD,KACJ,CACA,IAAK,SAAU,CACX,KAAK,yBAA2B,GAChCA,EAAY,OAAW,IAAM,KAAK,SAAW,KAAK,UAAU,GAAG,CAAC,EAChE,KACJ,CACA,IAAK,WAAY,CACb,KAAK,yBAA2B,GAChCA,EAAY,OAAW,IAAM,KAAK,SAAW,KAAK,UAAU,EAAE,CAAC,EAC/D,KACJ,CACZ,CACI,CACA,kBAAkBxB,EAAO,CACjB,KAAK,OAAS,QAAa,CAAC,KAAK,KAAK,SAASA,EAAM,MAAM,IAC3D,KAAK,QAAU,GAEvB,CACA,YAAY2B,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,eAAiB,CAAA,EACtB,KAAK,oBAAsB,GAC3B,KAAK,yBAA2BE,EAAU,sBAAsB,EAChE,KAAK,cAAgB,IAAM,CACvB,IAAIjC,EAEJ,GADmB,KAAK,MAAM,YAAc,GAExC,KAAK,QAAU,YAGdA,EAAK,KAAK,YAAc,MAAQA,IAAO,QAAkBA,EAAG,MAAK,EAC9D,KAAK,QACL,KAAK,QAAU,WAEV,MAAM,QAAQ,KAAK,oBAAoB,GAAK,KAAK,qBAAqB,OAAS,EAAG,CACvF,KAAK,QAAU,GACf,MAAMkC,EAAgB,KAAK,qBAAqB,UAAWjC,GAAWA,IAAW,KAAK,MAAM,MAAM,EAClG,KAAK,oBAAsBiC,GAAiB,EAAIA,EAAgB,GAChE,KAAK,YAAY,KAAK,mBAAmB,CAC7C,CAER,EACA,KAAK,SAAYC,GAAQ,CACrB,KAAK,SAAWA,CACpB,EACA,KAAK,yBAA2B,GAChC,KAAK,QAAU,GACf,KAAK,UAAY,GACjB,KAAK,SAAW,GAChB,KAAK,WAAa,GAClB,KAAK,MAAQ,GACb,KAAK,iBAAmB,GACxB,KAAK,UAAY,GACjB,KAAK,cAAgB,MACrB,KAAK,SAAW,GAChB,KAAK,MAAQ,CACT,UAAW,GACX,iBAAkB,GAClB,SAAU,GACV,IAAK,MAAMC,EAAK,CAAE,GAClB,OAAQ,GACR,aAAc,CAAA,EACd,OAAQ,EACpB,EACQ,KAAK,cAAgB,GACrB,KAAK,WAAa,IAAIjD,EAAmB,KAAM,WAAY,KAAK,IAAI,EACpE,KAAK,QAAU,KAAK,QAAQ,KAAK,IAAI,CACzC,CACA,aAAc,CACV,MAAO,EAAQ,KAAK,MAAM,UAAa,CAAC,KAAK,aACjD,CACA,oBAAoBK,EAAO,CACvB,KAAK,WAAW,oBAAoBA,CAAK,CAC7C,CACA,kBAAkBA,EAAO,CACrB,KAAK,WAAW,kBAAkBA,CAAK,CAC3C,CACA,iBAAiBA,EAAO,CACpB,KAAK,WAAW,iBAAiBA,CAAK,CAC1C,CACA,gBAAgBA,EAAO,CACnB,KAAK,WAAW,gBAAgBA,CAAK,CACzC,CACA,kBAAkBA,EAAO,CACrB,KAAK,WAAW,kBAAkBA,CAAK,CAC3C,CACA,aAAaA,EAAO,CAChB,KAAK,WAAW,aAAaA,CAAK,CACtC,CACA,cAAcA,EAAO,CACjB,KAAK,WAAW,cAAcA,CAAK,CACvC,CACA,WAAWA,EAAO,CACd,KAAK,WAAW,WAAWA,CAAK,CACpC,CACA,cAAcA,EAAO,CACjB,KAAK,WAAW,cAAcA,CAAK,CACvC,CACA,YAAYA,EAAO,CACf,KAAK,WAAW,YAAYA,CAAK,CACrC,CACA,aAAaA,EAAO,CAChB,KAAK,WAAW,aAAaA,CAAK,CACtC,CACA,WAAWA,EAAO,CACd,KAAK,WAAW,WAAWA,CAAK,CACpC,CACA,iBAAiBA,EAAO,CACpB,KAAK,WAAW,iBAAiBA,CAAK,CAC1C,CACA,oBAAoBA,EAAO,CACvB,KAAK,WAAW,oBAAoBA,CAAK,EACzC,KAAK,qBAAuBA,CAChC,CACA,wBAAwBA,EAAO,CAC3B,KAAK,WAAW,wBAAwBA,CAAK,CACjD,CACA,iBAAiBA,EAAO,CACpB,KAAK,WAAW,iBAAiBA,CAAK,CAC1C,CACA,4BAA4BA,EAAO,CAC/B,KAAK,WAAW,4BAA4BA,CAAK,CACrD,CACA,gBAAgBA,EAAO,CACnB,KAAK,WAAW,gBAAgBA,CAAK,CACzC,CACA,cAAcA,EAAO,CACjB,KAAK,WAAW,cAAcA,CAAK,EACnC,KAAK,WAAW,uBAAuBA,CAAK,CAChD,CACA,mBAAoB,CAChB,KAAK,eAAiB,CAAA,EACtB,KAAK,SAAW,KAAK,WAAa,GAClC,KAAK,WAAW,kBAAiB,EACjC,KAAK,MAAM,UAAY,CAAC,CAAC,KAAK,MAAM,OACpC,KAAK,WAAW,uBAAwB6C,GAAO,KAAK,MAAM,UAAY,CAAC,CAACA,CAAE,EAC1E,KAAK,qBAAuB,KAAK,MAAM,YAC3C,CACA,kBAAmB,CACf,KAAK,yBAA2B,EACpC,CACA,gBAAiB,CACb,WAAW,IAAM,CACb,IAAIrC,EACG,GAAAA,EAAK,KAAK,QAAU,MAAQA,IAAO,SAAkBA,EAAG,SAAS,SAAS,aAAa,GAC1F,KAAK,OAAM,CAEnB,EAAG,CAAC,CACR,CACA,kBAAmB,CACf,KAAK,OAAM,CACf,CACA,QAAS,CACL,IAAIA,EACA,KAAK,UACL,KAAK,QAAU,CAAC,KAAK,SACpBA,EAAK,KAAK,YAAc,MAAQA,IAAO,QAAkBA,EAAG,MAAK,EAE1E,CACA,SAASI,EAAO,CACZ,KAAK,WAAW,SAAS,SAASA,CAAK,EACvC,KAAK,WAAW,uBAAuB,KAAK,MAAM,MAAM,CAC5D,CACA,IAAI,MAAO,CAAE,OAAOkC,EAAW,IAAI,CAAG,CACtC,WAAW,UAAW,CAAE,MAAO,CAC3B,aAAgB,CAAC,CACT,oBAAuB,CACvC,CAAa,EACL,WAAc,CAAC,CACP,kBAAqB,CACrC,CAAa,EACL,UAAa,CAAC,CACN,iBAAoB,CACpC,CAAa,EACL,SAAY,CAAC,CACL,gBAAmB,CACnC,CAAa,EACL,WAAc,CAAC,CACP,kBAAqB,CACrC,CAAa,EACL,MAAS,CAAC,CACF,aAAgB,CAChC,CAAa,EACL,OAAU,CAAC,CACH,cAAiB,CACjC,CAAa,EACL,IAAO,CAAC,CACA,WAAc,CAC9B,CAAa,EACL,OAAU,CAAC,CACH,cAAiB,CACjC,CAAa,EACL,KAAQ,CAAC,CACD,YAAe,CAC/B,CAAa,EACL,MAAS,CAAC,CACF,aAAgB,CAChC,CAAa,EACL,IAAO,CAAC,CACA,WAAc,CAC9B,CAAa,EACL,UAAa,CAAC,CACN,iBAAoB,CACpC,CAAa,EACL,aAAgB,CAAC,CACT,oBAAuB,CACvC,CAAa,EACL,iBAAoB,CAAC,CACb,wBAA2B,CAC3C,CAAa,EACL,UAAa,CAAC,CACN,iBAAoB,CACpC,CAAa,EACL,qBAAwB,CAAC,CACjB,4BAA+B,CAC/C,CAAa,EACL,SAAY,CAAC,CACL,gBAAmB,CACnC,CAAa,EACL,OAAU,CAAC,CACH,cAAiB,CACjC,CAAa,CACb,CAAO,CACP,EACAvC,EAAY,MAAQ,CAChB,QAASD,EAAe,CAC5B"}
@@ -0,0 +1,2 @@
1
+ import{r as s,d as r,a as d,h as l,g as p,w as c}from"./index-hDzmycZM.js";import{K as h}from"./Collapsible-CK8NIzH0-OFSkk9ww.js";import{v as b}from"./disabled-BhpAFgSp-XwsrDnWT.js";import{v as _}from"./label-Dnmzb2S_-YuosJx7D.js";import{v as m}from"./open-CbvHO4XG-n8QXh3_y.js";import{n as u}from"./dev.utils-CT0IU26V-Cs-xItdq.js";import{w as f}from"./validation-aqgnZOL6-VLAcEczo.js";import"./tslib.es6-CxX45GIN-BGVaTf34.js";import"./clsx-eK3rPvPS-B-dksMZM.js";import"./Heading-DwQEABii-THMC_gpR.js";const g=(e,a)=>{c(e,"_on",t=>typeof t=="object"&&t!==null,new Set(["DetailsCallbacksPropType {Events.onToggle}"]),a)},v=()=>" @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component; @layer kol-a11y { :host { --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16)); color: black; background-color: white; font-family: Verdana; letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed; top: 0; left: 0; width: 1px; height: 1px; overflow: hidden; white-space: nowrap; clip-path: inset(50%); } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: lightgray; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } .kol-span .kol-span__label--hide-label .kol-span__label { display: none; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled], [disabled]:focus { opacity: 0.5; outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } } @layer kol-component { :host { display: block; } } @layer kol-component { @media (prefers-reduced-motion) { .collapsible__wrapper-animation, .collapsible__wrapper { transition-duration: 0s; } } .collapsible { } @media print { :not(.collapsible--open) .collapsible__wrapper-animation { display: none; } } .collapsible__wrapper { transform: translateZ(0); display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.3s; } .collapsible__wrapper-animation { opacity: 0; transform: scaleY(0); transform-origin: top; min-height: 0; visibility: hidden; transition: transform 0.3s, opacity 0.3s, visibility 0.3s; } .collapsible--open .collapsible__wrapper { grid-template-rows: 1fr; } .collapsible--open .collapsible__wrapper-animation { opacity: 1; transform: scaleY(1); visibility: visible; } .collapsible { } .collapsible__heading-button button .kol-span { align-items: flex-start; } .collapsible--open:focus-within { position: relative; z-index: 100; } } @layer kol-component { .kol-details__heading-button { display: flex; } .kol-details__heading-button .kol-button { min-height: auto; } .kol-details__heading-button .kol-button .kol-span__label { border-bottom-color: grey; border-bottom-style: solid; } .collapsible--open .kol-details__heading-button .kol-icon::part(icon) { transform: rotate(90deg); } }",k=class{constructor(e){s(this,e),this.nonce=u(),this.catchRef=a=>{this.buttonWcRef=a},this.handleOnClick=a=>{this._open=!this._open,clearTimeout(this.toggleTimeout),this.toggleTimeout=setTimeout(()=>{var t,o;this.host&&r(this.host,d.toggle,!!this._open),(o=(t=this.state._on)===null||t===void 0?void 0:t.onToggle)===null||o===void 0||o.call(t,a,!!this._open)},25)},this._disabled=!1,this._level=0,this._open=!1,this.state={_label:"",_level:0,_on:{}}}async focus(){var e;return Promise.resolve((e=this.buttonWcRef)===null||e===void 0?void 0:e.focus())}async kolFocus(){return this.focus()}render(){const{_open:e,_label:a,_disabled:t,_level:o}=this.state,i="kol-details",n={id:this.nonce,label:a,open:e,disabled:t,level:o,onClick:this.handleOnClick,class:i,HeadingProps:{class:`${i}__heading`},HeadingButtonProps:{ref:this.catchRef,class:`${i}__heading-button`,_icons:"codicon codicon-chevron-right"},ContentProps:{class:`${i}__content indented-text`,wrapperClass:`${i}__wrapper`,animationClass:`${i}__wrapper-animation`}};return l(h,Object.assign({key:"ea189966b0a9072b03f4296f71c8c7e5c25eb4c8"},n),l("slot",{key:"4a369f362fc6db0109baa6a4048eae8b2d640f78"}))}validateDisabled(e){b(this,e)}validateLabel(e){_(this,e,{required:!0})}validateLevel(e){f(this,e)}validateOn(e){g(this,e)}validateOpen(e){m(this,e)}componentWillLoad(){this.validateDisabled(this._disabled),this.validateLabel(this._label),this.validateLevel(this._level),this.validateOn(this._on),this.validateOpen(this._open)}get host(){return p(this)}static get watchers(){return{_disabled:[{validateDisabled:0}],_label:[{validateLabel:0}],_level:[{validateLevel:0}],_on:[{validateOn:0}],_open:[{validateOpen:0}]}}};k.style={default:v()};export{k as kol_details};
2
+ //# sourceMappingURL=kol-details.entry-DHdhfZ0q.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"kol-details.entry-DHdhfZ0q.js","sources":["../../../../components/dist/esm/kol-details.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, g as getElement } from './index-BVfSKhpj.js';\nimport { K as KolCollapsibleFc } from './Collapsible-CK8NIzH0.js';\nimport { w as watchValidator } from './common-Dd0zJQbD.js';\nimport { v as validateDisabled } from './disabled-BhpAFgSp.js';\nimport { v as validateLabel } from './label-Dnmzb2S_.js';\nimport { v as validateOpen } from './open-CbvHO4XG.js';\nimport { n as nonce } from './dev.utils-CT0IU26V.js';\nimport { d as dispatchDomEvent, K as KolEvent } from './events-9-skLO0f.js';\nimport { w as watchHeadingLevel } from './validation-aqgnZOL6.js';\nimport './tslib.es6-CxX45GIN.js';\nimport './clsx-eK3rPvPS.js';\nimport './component-names-C3fyby67.js';\nimport './Heading-DwQEABii.js';\n\nconst validateDetailsCallbacks = (component, value) => {\n watchValidator(component, `_on`, (value) => typeof value === 'object' && value !== null, new Set(['DetailsCallbacksPropType {Events.onToggle}']), value);\n};\n\nconst defaultStyleCss = () => ` @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component; @layer kol-a11y { :host { --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16)); color: black; background-color: white; font-family: Verdana; letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed; top: 0; left: 0; width: 1px; height: 1px; overflow: hidden; white-space: nowrap; clip-path: inset(50%); } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: lightgray; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } .kol-span .kol-span__label--hide-label .kol-span__label { display: none; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled], [disabled]:focus { opacity: 0.5; outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } } @layer kol-component { :host { display: block; } } @layer kol-component { @media (prefers-reduced-motion) { .collapsible__wrapper-animation, .collapsible__wrapper { transition-duration: 0s; } } .collapsible { } @media print { :not(.collapsible--open) .collapsible__wrapper-animation { display: none; } } .collapsible__wrapper { transform: translateZ(0); display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.3s; } .collapsible__wrapper-animation { opacity: 0; transform: scaleY(0); transform-origin: top; min-height: 0; visibility: hidden; transition: transform 0.3s, opacity 0.3s, visibility 0.3s; } .collapsible--open .collapsible__wrapper { grid-template-rows: 1fr; } .collapsible--open .collapsible__wrapper-animation { opacity: 1; transform: scaleY(1); visibility: visible; } .collapsible { } .collapsible__heading-button button .kol-span { align-items: flex-start; } .collapsible--open:focus-within { position: relative; z-index: 100; } } @layer kol-component { .kol-details__heading-button { display: flex; } .kol-details__heading-button .kol-button { min-height: auto; } .kol-details__heading-button .kol-button .kol-span__label { border-bottom-color: grey; border-bottom-style: solid; } .collapsible--open .kol-details__heading-button .kol-icon::part(icon) { transform: rotate(90deg); } }`;\n\nconst KolDetails = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.nonce = nonce();\n this.catchRef = (ref) => {\n this.buttonWcRef = ref;\n };\n this.handleOnClick = (event) => {\n this._open = !this._open;\n clearTimeout(this.toggleTimeout);\n this.toggleTimeout = setTimeout(() => {\n var _a, _b;\n if (this.host) {\n dispatchDomEvent(this.host, KolEvent.toggle, Boolean(this._open));\n }\n (_b = (_a = this.state._on) === null || _a === void 0 ? void 0 : _a.onToggle) === null || _b === void 0 ? void 0 : _b.call(_a, event, Boolean(this._open));\n }, 25);\n };\n this._disabled = false;\n this._level = 0;\n this._open = false;\n this.state = {\n _label: '',\n _level: 0,\n _on: {},\n };\n }\n async focus() {\n var _a;\n return Promise.resolve((_a = this.buttonWcRef) === null || _a === void 0 ? void 0 : _a.focus());\n }\n async kolFocus() {\n return this.focus();\n }\n render() {\n const { _open, _label, _disabled, _level } = this.state;\n const rootClass = 'kol-details';\n const props = {\n id: this.nonce,\n label: _label,\n open: _open,\n disabled: _disabled,\n level: _level,\n onClick: this.handleOnClick,\n class: rootClass,\n HeadingProps: { class: `${rootClass}__heading` },\n HeadingButtonProps: {\n ref: this.catchRef,\n class: `${rootClass}__heading-button`,\n _icons: 'codicon codicon-chevron-right',\n },\n ContentProps: {\n class: `${rootClass}__content indented-text`,\n wrapperClass: `${rootClass}__wrapper`,\n animationClass: `${rootClass}__wrapper-animation`,\n },\n };\n return (h(KolCollapsibleFc, Object.assign({ key: 'ea189966b0a9072b03f4296f71c8c7e5c25eb4c8' }, props), h(\"slot\", { key: '4a369f362fc6db0109baa6a4048eae8b2d640f78' })));\n }\n validateDisabled(value) {\n validateDisabled(this, value);\n }\n validateLabel(value) {\n validateLabel(this, value, {\n required: true,\n });\n }\n validateLevel(value) {\n watchHeadingLevel(this, value);\n }\n validateOn(on) {\n validateDetailsCallbacks(this, on);\n }\n validateOpen(value) {\n validateOpen(this, value);\n }\n componentWillLoad() {\n this.validateDisabled(this._disabled);\n this.validateLabel(this._label);\n this.validateLevel(this._level);\n this.validateOn(this._on);\n this.validateOpen(this._open);\n }\n get host() { return getElement(this); }\n static get watchers() { return {\n \"_disabled\": [{\n \"validateDisabled\": 0\n }],\n \"_label\": [{\n \"validateLabel\": 0\n }],\n \"_level\": [{\n \"validateLevel\": 0\n }],\n \"_on\": [{\n \"validateOn\": 0\n }],\n \"_open\": [{\n \"validateOpen\": 0\n }]\n }; }\n};\nKolDetails.style = {\n default: defaultStyleCss()\n};\n\nexport { KolDetails as kol_details };\n"],"names":["validateDetailsCallbacks","component","value","watchValidator","defaultStyleCss","KolDetails","hostRef","registerInstance","nonce","ref","event","_a","_b","dispatchDomEvent","KolEvent","_open","_label","_disabled","_level","rootClass","props","h","KolCollapsibleFc","validateDisabled","validateLabel","watchHeadingLevel","on","validateOpen","getElement"],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ import{r as i,h as o,l,H as n,s as r,d as s,a as d,g as h}from"./index-hDzmycZM.js";import{c as p}from"./clsx-eK3rPvPS-B-dksMZM.js";import{v as c}from"./align-D-ifSKu8-7Mn2tQC6.js";import{v as _}from"./has-closer-CQzjaTkv-DPI4Hbbv.js";import{v as m}from"./label-Dnmzb2S_-YuosJx7D.js";import{v as f}from"./open-CbvHO4XG-n8QXh3_y.js";import{h as b}from"./tooltip-open-tracking-rBbBgPWP-DRkgcff2.js";const g=()=>" @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component; @layer kol-a11y { :host { --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16)); color: black; background-color: white; font-family: Verdana; letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed; top: 0; left: 0; width: 1px; height: 1px; overflow: hidden; white-space: nowrap; clip-path: inset(50%); } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: lightgray; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } .kol-span .kol-span__label--hide-label .kol-span__label { display: none; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled], [disabled]:focus { opacity: 0.5; outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } } @layer kol-component { .kol-tooltip { display: contents; } .kol-tooltip__floating { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: var(--kol-tooltip-width, max-content); min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); max-width: 90vw; max-height: 90vh; animation-direction: normal; animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in; } .kol-tooltip__floating.hide { animation-name: hideTooltip; } .kol-tooltip__floating.show { animation-name: showTooltip; } .kol-tooltip__arrow { transform: rotate(45deg); color: #000; background-color: #fff; position: absolute; z-index: 999; width: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-tooltip__content { color: #000; background-color: #fff; position: relative; z-index: 1000; } @keyframes hideTooltip { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes showTooltip { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer kol-component { .kol-card { outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16)); position: relative; height: 100%; } .kol-card__close-button { position: absolute; top: 0; right: 0; } .kol-drawer__dialog { padding: 0; border: none; } .kol-drawer__wrapper { position: fixed; overflow: auto; } .kol-drawer__wrapper--left, .kol-drawer__wrapper--right { top: 0; max-width: 100vw; height: 100vh; } .kol-drawer__wrapper--left .kol-drawer__content, .kol-drawer__wrapper--right .kol-drawer__content { height: 100%; } .kol-drawer__wrapper--left { left: 0; } .kol-drawer__wrapper--right { right: 0; } .kol-drawer__wrapper--bottom, .kol-drawer__wrapper--top { left: 0; width: 100vw; max-height: 100vh; } .kol-drawer__wrapper--bottom .kol-drawer__content, .kol-drawer__wrapper--top .kol-drawer__content { width: 100%; } .kol-drawer__wrapper--bottom { bottom: 0; } .kol-drawer__wrapper--top { top: 0; } .kol-drawer__content { position: relative; } }",w=class{constructor(e){i(this,e),this.getWrapperRef=t=>this.dialogWrapperElement=t,this.getRef=t=>{this.dialogElement=t,setTimeout(()=>{this.openOrCloseBasedOnState()})},this._hasCloser=!1,this.state={_label:"",_open:!1,_align:"left"}}async open(){var e;this.state=Object.assign(Object.assign({},this.state),{_open:!0}),(e=this.dialogElement)===null||e===void 0||e.showModal()}async close(){this.state=Object.assign(Object.assign({},this.state),{_open:!1});const e=this.dialogWrapperElement;if(!e)return;window.getComputedStyle(e).animationName==="none"&&this.handleCloseDialog()}renderDialogContent(){const e=this.state._align;return o(l,{ref:this.getWrapperRef,class:p("kol-drawer__wrapper",`kol-drawer__wrapper--${e}`,{"kol-drawer__wrapper--open":this.state._open,"kol-drawer__wrapper--is-closing":this.state._open===!1}),_label:this.state._label,_hasCloser:this.state._hasCloser,_on:{onClose:()=>{this.close()}}},o("div",{class:"kol-drawer__content"},o("slot",null)))}render(){return o(n,{key:"48deffbc981b1796cd881d8efe1e2410b39e08aa",class:"kol-drawer"},o("dialog",{key:"e63e6c9cb356b9ecb7a1ed87b5f82ef062335698","aria-label":this.state._label,class:"kol-drawer__dialog",onCancel:b,ref:this.getRef},this.renderDialogContent()))}validateLabel(e){m(this,e,{required:!0})}validateAlign(e){c(this,e)}validateHasCloser(e){_(this,e)}validateOpen(e){typeof e=="boolean"&&(f(this,e),this.dialogElement&&this.openOrCloseBasedOnState())}async openOrCloseBasedOnState(){this.state._open?await this.open():await this.close()}validateOn(e){if(typeof e=="object"&&e!==null){const t={};typeof e.onClose=="function"&&(t.onClose=e.onClose),r(this,"_on",t)}}handleCloseDialog(){var e,t,a;(e=this.dialogElement)===null||e===void 0||e.close(),(a=(t=this._on)===null||t===void 0?void 0:t.onClose)===null||a===void 0||a.call(t),this.host&&s(this.host,d.close)}handleClose(){(async()=>(await this.close(),this.handleCloseDialog()))()}handleAnimationEnd(e){e.animationName.includes("slideOut")&&this.handleCloseDialog()}componentDidLoad(){var e,t;(e=this.dialogElement)===null||e===void 0||e.addEventListener("animationend",this.handleAnimationEnd.bind(this)),(t=this.dialogElement)===null||t===void 0||t.addEventListener("close",this.handleClose.bind(this))}disconnectedCallback(){var e,t;(e=this.dialogElement)===null||e===void 0||e.removeEventListener("animationend",this.handleAnimationEnd.bind(this)),(t=this.dialogElement)===null||t===void 0||t.removeEventListener("close",this.handleClose.bind(this))}componentWillLoad(){this.validateLabel(this._label),this.validateOpen(this._open),this.validateAlign(this._align),this.validateHasCloser(this._hasCloser),this.validateOn(this._on)}get host(){return h(this)}static get watchers(){return{_label:[{validateLabel:0}],_align:[{validateAlign:0}],_hasCloser:[{validateHasCloser:0}],_open:[{validateOpen:0}],_on:[{validateOn:0}]}}};w.style={default:g()};export{w as kol_drawer};
2
+ //# sourceMappingURL=kol-drawer.entry-Dr6lIO6M.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"kol-drawer.entry-Dr6lIO6M.js","sources":["../../../../components/dist/esm/kol-drawer.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host, g as getElement } from './index-BVfSKhpj.js';\nimport { c as clsx } from './clsx-eK3rPvPS.js';\nimport { g as KolCardWcTag } from './component-names-C3fyby67.js';\nimport { s as setState } from './common-Dd0zJQbD.js';\nimport { v as validateAlign } from './align-D-ifSKu8.js';\nimport { v as validateHasCloser } from './has-closer-CQzjaTkv.js';\nimport { v as validateLabel } from './label-Dnmzb2S_.js';\nimport { v as validateOpen } from './open-CbvHO4XG.js';\nimport { d as dispatchDomEvent, K as KolEvent } from './events-9-skLO0f.js';\nimport { h as handleCancelOverlay } from './tooltip-open-tracking-rBbBgPWP.js';\n\nconst defaultStyleCss = () => ` @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component; @layer kol-a11y { :host { --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16)); color: black; background-color: white; font-family: Verdana; letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed; top: 0; left: 0; width: 1px; height: 1px; overflow: hidden; white-space: nowrap; clip-path: inset(50%); } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: lightgray; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } .kol-span .kol-span__label--hide-label .kol-span__label { display: none; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled], [disabled]:focus { opacity: 0.5; outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } } @layer kol-component { .kol-tooltip { display: contents; } .kol-tooltip__floating { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: var(--kol-tooltip-width, max-content); min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); max-width: 90vw; max-height: 90vh; animation-direction: normal; animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in; } .kol-tooltip__floating.hide { animation-name: hideTooltip; } .kol-tooltip__floating.show { animation-name: showTooltip; } .kol-tooltip__arrow { transform: rotate(45deg); color: #000; background-color: #fff; position: absolute; z-index: 999; width: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-tooltip__content { color: #000; background-color: #fff; position: relative; z-index: 1000; } @keyframes hideTooltip { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes showTooltip { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer kol-component { .kol-card { outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16)); position: relative; height: 100%; } .kol-card__close-button { position: absolute; top: 0; right: 0; } .kol-drawer__dialog { padding: 0; border: none; } .kol-drawer__wrapper { position: fixed; overflow: auto; } .kol-drawer__wrapper--left, .kol-drawer__wrapper--right { top: 0; max-width: 100vw; height: 100vh; } .kol-drawer__wrapper--left .kol-drawer__content, .kol-drawer__wrapper--right .kol-drawer__content { height: 100%; } .kol-drawer__wrapper--left { left: 0; } .kol-drawer__wrapper--right { right: 0; } .kol-drawer__wrapper--bottom, .kol-drawer__wrapper--top { left: 0; width: 100vw; max-height: 100vh; } .kol-drawer__wrapper--bottom .kol-drawer__content, .kol-drawer__wrapper--top .kol-drawer__content { width: 100%; } .kol-drawer__wrapper--bottom { bottom: 0; } .kol-drawer__wrapper--top { top: 0; } .kol-drawer__content { position: relative; } }`;\n\nconst KolDrawer = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.getWrapperRef = (el) => (this.dialogWrapperElement = el);\n this.getRef = (el) => {\n this.dialogElement = el;\n setTimeout(() => {\n void this.openOrCloseBasedOnState();\n });\n };\n this._hasCloser = false;\n this.state = {\n _label: '',\n _open: false,\n _align: 'left',\n };\n }\n async open() {\n var _a;\n this.state = Object.assign(Object.assign({}, this.state), { _open: true });\n (_a = this.dialogElement) === null || _a === void 0 ? void 0 : _a.showModal();\n }\n async close() {\n this.state = Object.assign(Object.assign({}, this.state), { _open: false });\n const wrapper = this.dialogWrapperElement;\n if (!wrapper)\n return;\n const computedStyle = window.getComputedStyle(wrapper);\n if (computedStyle.animationName === 'none') {\n this.handleCloseDialog();\n }\n }\n renderDialogContent() {\n const align = this.state._align;\n return (h(KolCardWcTag, { ref: this.getWrapperRef, class: clsx(`kol-drawer__wrapper`, `kol-drawer__wrapper--${align}`, {\n 'kol-drawer__wrapper--open': this.state._open,\n 'kol-drawer__wrapper--is-closing': this.state._open === false,\n }), _label: this.state._label, _hasCloser: this.state._hasCloser, _on: {\n onClose: () => {\n void this.close();\n },\n } }, h(\"div\", { class: \"kol-drawer__content\" }, h(\"slot\", null))));\n }\n render() {\n return (h(Host, { key: '48deffbc981b1796cd881d8efe1e2410b39e08aa', class: \"kol-drawer\" }, h(\"dialog\", { key: 'e63e6c9cb356b9ecb7a1ed87b5f82ef062335698', \"aria-label\": this.state._label, class: \"kol-drawer__dialog\", onCancel: handleCancelOverlay, ref: this.getRef }, this.renderDialogContent())));\n }\n validateLabel(value) {\n validateLabel(this, value, {\n required: true,\n });\n }\n validateAlign(value) {\n validateAlign(this, value);\n }\n validateHasCloser(value) {\n validateHasCloser(this, value);\n }\n validateOpen(value) {\n if (typeof value === 'boolean') {\n validateOpen(this, value);\n if (this.dialogElement) {\n void this.openOrCloseBasedOnState();\n }\n }\n }\n async openOrCloseBasedOnState() {\n if (this.state._open) {\n await this.open();\n }\n else {\n await this.close();\n }\n }\n validateOn(value) {\n if (typeof value === 'object' && value !== null) {\n const callbacks = {};\n if (typeof value.onClose === 'function') {\n callbacks.onClose = value.onClose;\n }\n setState(this, '_on', callbacks);\n }\n }\n handleCloseDialog() {\n var _a, _b, _c;\n (_a = this.dialogElement) === null || _a === void 0 ? void 0 : _a.close();\n (_c = (_b = this._on) === null || _b === void 0 ? void 0 : _b.onClose) === null || _c === void 0 ? void 0 : _c.call(_b);\n if (this.host) {\n dispatchDomEvent(this.host, KolEvent.close);\n }\n }\n handleClose() {\n void (async () => {\n await this.close();\n this.handleCloseDialog();\n })();\n }\n handleAnimationEnd(e) {\n const animationEvent = e;\n if (animationEvent.animationName.includes('slideOut')) {\n this.handleCloseDialog();\n }\n }\n componentDidLoad() {\n var _a, _b;\n (_a = this.dialogElement) === null || _a === void 0 ? void 0 : _a.addEventListener('animationend', this.handleAnimationEnd.bind(this));\n (_b = this.dialogElement) === null || _b === void 0 ? void 0 : _b.addEventListener('close', this.handleClose.bind(this));\n }\n disconnectedCallback() {\n var _a, _b;\n (_a = this.dialogElement) === null || _a === void 0 ? void 0 : _a.removeEventListener('animationend', this.handleAnimationEnd.bind(this));\n (_b = this.dialogElement) === null || _b === void 0 ? void 0 : _b.removeEventListener('close', this.handleClose.bind(this));\n }\n componentWillLoad() {\n this.validateLabel(this._label);\n this.validateOpen(this._open);\n this.validateAlign(this._align);\n this.validateHasCloser(this._hasCloser);\n this.validateOn(this._on);\n }\n get host() { return getElement(this); }\n static get watchers() { return {\n \"_label\": [{\n \"validateLabel\": 0\n }],\n \"_align\": [{\n \"validateAlign\": 0\n }],\n \"_hasCloser\": [{\n \"validateHasCloser\": 0\n }],\n \"_open\": [{\n \"validateOpen\": 0\n }],\n \"_on\": [{\n \"validateOn\": 0\n }]\n }; }\n};\nKolDrawer.style = {\n default: defaultStyleCss()\n};\n\nexport { KolDrawer as kol_drawer };\n"],"names":["defaultStyleCss","KolDrawer","hostRef","registerInstance","el","_a","wrapper","align","h","KolCardWcTag","clsx","Host","handleCancelOverlay","value","validateLabel","validateAlign","validateHasCloser","validateOpen","callbacks","setState","_b","_c","dispatchDomEvent","KolEvent","getElement"],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ import{r as s,d as l,a,h as e,j as d,H as c,m as h,n as m,g as p,w as f}from"./index-hDzmycZM.js";import{t as n}from"./i18n-LBpyQ66X-tgWLHoTR.js";import{K as u}from"./Alert-I3c2hFqL-BJ91wMmi.js";import"./tslib.es6-CxX45GIN-BGVaTf34.js";import"./clsx-eK3rPvPS-B-dksMZM.js";import"./Heading-DwQEABii-THMC_gpR.js";const k=(t,i)=>{f(t,"errorList",o=>Array.isArray(o)&&o.find(r=>!(typeof r=="string"||typeof r=="function"))===void 0,new Set(["string","function"]),i)},b=()=>" @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component; @layer kol-a11y { :host { --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16)); color: black; background-color: white; font-family: Verdana; letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed; top: 0; left: 0; width: 1px; height: 1px; overflow: hidden; white-space: nowrap; clip-path: inset(50%); } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: lightgray; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } .kol-span .kol-span__label--hide-label .kol-span__label { display: none; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled], [disabled]:focus { opacity: 0.5; outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } } @layer kol-component { :host { display: block; } } @layer kol-component { .kol-tooltip { display: contents; } .kol-tooltip__floating { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: var(--kol-tooltip-width, max-content); min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); max-width: 90vw; max-height: 90vh; animation-direction: normal; animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in; } .kol-tooltip__floating.hide { animation-name: hideTooltip; } .kol-tooltip__floating.show { animation-name: showTooltip; } .kol-tooltip__arrow { transform: rotate(45deg); color: #000; background-color: #fff; position: absolute; z-index: 999; width: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-tooltip__content { color: #000; background-color: #fff; position: relative; z-index: 1000; } @keyframes hideTooltip { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes showTooltip { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer kol-component { :host { display: inline-block; } .kol-link { display: inline-flex; max-width: fit-content; align-items: baseline; place-items: center; text-align: left; text-decoration-line: none; } .kol-link--standalone { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } .kol-link:is(:focus, :hover):not([aria-disabled], [disabled]) .kol-link__text .kol-span__label { text-decoration-thickness: 0.2em; } .kol-link__text .kol-span__label { text-decoration-line: underline; } .kol-link__icon { display: inline-flex; margin-left: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-alert { display: grid; } .kol-alert__container { display: flex; place-items: center; } .kol-alert__container-content { flex-grow: 1; } .kol-alert__closer { outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16)); } }",_=class{constructor(t){s(this,t),this.translateErrorListMessage=n("kol-error-list-message"),this.translateErrorList=n("kol-error-list"),this.translateFormDescription=n("kol-form-description"),this.onSubmit=i=>{var o,r;i.preventDefault(),typeof((o=this.state._on)===null||o===void 0?void 0:o.onSubmit)=="function"&&((r=this.state._on)===null||r===void 0||r.onSubmit(i)),this.host&&l(this.host,a.submit)},this.onReset=i=>{var o,r;i.preventDefault(),typeof((o=this.state._on)===null||o===void 0?void 0:o.onReset)=="function"&&((r=this.state._on)===null||r===void 0||r.onReset(i)),this.host&&l(this.host,a.reset)},this.handleLinkClick=i=>{const o=document.querySelector(i);o&&typeof o.focus=="function"&&(o.scrollIntoView({behavior:"smooth"}),o.focus())},this.setBlockElement=i=>this.errorListBlock=i,this.setFirstLinkElement=i=>this.errorListFirstLink=i,this._requiredText=!0,this.state={}}renderErrorList(t){return e(u,{class:"kol-form__alert",ref:this.setBlockElement,type:"error",variant:"card",label:this.translateErrorListMessage},e("nav",{"aria-label":this.translateErrorList},e("ul",null,t?.map((i,o)=>e("li",{key:o},e(d,{class:"kol-form__link",_href:"",_label:i.message,_on:{onClick:typeof i.selector=="string"?()=>this.handleLinkClick(String(i.selector)):i.selector},ref:o===0?this.setFirstLinkElement:void 0}))))))}renderFormElement(){return e("form",{class:"kol-form",method:"post",onSubmit:this.onSubmit,onReset:this.onReset,noValidate:!0},this.state._requiredText===!0?e("p",null,e("div",{class:"kol-form__mandatory-fields-hint"},this.translateFormDescription)):typeof this.state._requiredText=="string"&&this.state._requiredText.length>0?e("p",null,e("div",{class:"kol-form__mandatory-fields-hint"},this.state._requiredText)):null,e("slot",null))}render(){const t=Array.isArray(this._errorList)&&this._errorList.length>0;return e(c,{key:"129655c9f0160c5c3eb6801253953b52c9649031"},t&&this.renderErrorList(this._errorList),this.renderFormElement())}scrollToErrorList(){var t;(t=this.errorListBlock)===null||t===void 0||t.scrollIntoView({behavior:"smooth",block:"start"}),setTimeout(()=>{var i,o;(o=(i=this.errorListFirstLink)===null||i===void 0?void 0:i.querySelector("a"))===null||o===void 0||o.focus()},250)}async focusErrorList(){return this.scrollToErrorList(),Promise.resolve()}validateOn(t){typeof t=="object"&&t!==null&&(this.state=Object.assign(Object.assign({},this.state),{_on:t}))}validateRequiredText(t){typeof t=="boolean"?h(this,"_requiredText",t):m(this,"_requiredText",t)}validateErrorList(t){k(this,t)}componentWillLoad(){this.validateOn(this._on),this.validateRequiredText(this._requiredText),this.validateErrorList(this._errorList)}get host(){return p(this)}static get watchers(){return{_on:[{validateOn:0}],_requiredText:[{validateRequiredText:0}],_errorList:[{validateErrorList:0}]}}};_.style={default:b()};export{_ as kol_form};
2
+ //# sourceMappingURL=kol-form.entry-kIfzW2cC.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"kol-form.entry-kIfzW2cC.js","sources":["../../../../components/dist/esm/kol-form.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host, g as getElement } from './index-BVfSKhpj.js';\nimport { w as watchValidator, d as watchBoolean, e as watchString } from './common-Dd0zJQbD.js';\nimport { t as translate } from './i18n-LBpyQ66X.js';\nimport { f as KolLinkWcTag } from './component-names-C3fyby67.js';\nimport { K as KolAlertFc } from './Alert-I3c2hFqL.js';\nimport { d as dispatchDomEvent, K as KolEvent } from './events-9-skLO0f.js';\nimport './i18n-CfLoIZ8T.js';\nimport './tslib.es6-CxX45GIN.js';\nimport './clsx-eK3rPvPS.js';\nimport './bem-Dj4gWVFO.js';\nimport './browser-DiRe0qUf.js';\nimport './Heading-DwQEABii.js';\n\nconst validateErrorList = (component, value) => {\n watchValidator(component, 'errorList', (value) => Array.isArray(value) && value.find((v) => !(typeof v === 'string' || typeof v === 'function')) === undefined, new Set(['string', 'function']), value);\n};\n\nconst defaultStyleCss = () => ` @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component; @layer kol-a11y { :host { --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16)); color: black; background-color: white; font-family: Verdana; letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed; top: 0; left: 0; width: 1px; height: 1px; overflow: hidden; white-space: nowrap; clip-path: inset(50%); } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: lightgray; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } .kol-span .kol-span__label--hide-label .kol-span__label { display: none; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled], [disabled]:focus { opacity: 0.5; outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } } @layer kol-component { :host { display: block; } } @layer kol-component { .kol-tooltip { display: contents; } .kol-tooltip__floating { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: var(--kol-tooltip-width, max-content); min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); max-width: 90vw; max-height: 90vh; animation-direction: normal; animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in; } .kol-tooltip__floating.hide { animation-name: hideTooltip; } .kol-tooltip__floating.show { animation-name: showTooltip; } .kol-tooltip__arrow { transform: rotate(45deg); color: #000; background-color: #fff; position: absolute; z-index: 999; width: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-tooltip__content { color: #000; background-color: #fff; position: relative; z-index: 1000; } @keyframes hideTooltip { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes showTooltip { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer kol-component { :host { display: inline-block; } .kol-link { display: inline-flex; max-width: fit-content; align-items: baseline; place-items: center; text-align: left; text-decoration-line: none; } .kol-link--standalone { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } .kol-link:is(:focus, :hover):not([aria-disabled], [disabled]) .kol-link__text .kol-span__label { text-decoration-thickness: 0.2em; } .kol-link__text .kol-span__label { text-decoration-line: underline; } .kol-link__icon { display: inline-flex; margin-left: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-alert { display: grid; } .kol-alert__container { display: flex; place-items: center; } .kol-alert__container-content { flex-grow: 1; } .kol-alert__closer { outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16)); } }`;\n\nconst KolForm = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.translateErrorListMessage = translate('kol-error-list-message');\n this.translateErrorList = translate('kol-error-list');\n this.translateFormDescription = translate('kol-form-description');\n this.onSubmit = (event) => {\n var _a, _b;\n event.preventDefault();\n if (typeof ((_a = this.state._on) === null || _a === void 0 ? void 0 : _a.onSubmit) === 'function') {\n (_b = this.state._on) === null || _b === void 0 ? void 0 : _b.onSubmit(event);\n }\n if (this.host) {\n dispatchDomEvent(this.host, KolEvent.submit);\n }\n };\n this.onReset = (event) => {\n var _a, _b;\n event.preventDefault();\n if (typeof ((_a = this.state._on) === null || _a === void 0 ? void 0 : _a.onReset) === 'function') {\n (_b = this.state._on) === null || _b === void 0 ? void 0 : _b.onReset(event);\n }\n if (this.host) {\n dispatchDomEvent(this.host, KolEvent.reset);\n }\n };\n this.handleLinkClick = (selector) => {\n const targetElement = document.querySelector(selector);\n if (targetElement && typeof targetElement.focus === 'function') {\n targetElement.scrollIntoView({ behavior: 'smooth' });\n targetElement.focus();\n }\n };\n this.setBlockElement = (el) => (this.errorListBlock = el);\n this.setFirstLinkElement = (el) => (this.errorListFirstLink = el);\n this._requiredText = true;\n this.state = {};\n }\n renderErrorList(errorList) {\n return (h(KolAlertFc, { class: \"kol-form__alert\", ref: this.setBlockElement, type: \"error\", variant: \"card\", label: this.translateErrorListMessage }, h(\"nav\", { \"aria-label\": this.translateErrorList }, h(\"ul\", null, errorList === null || errorList === void 0 ? void 0 : errorList.map((error, index) => (h(\"li\", { key: index }, h(KolLinkWcTag, { class: \"kol-form__link\", _href: \"\", _label: error.message, _on: { onClick: typeof error.selector === 'string' ? () => this.handleLinkClick(String(error.selector)) : error.selector }, ref: index === 0 ? this.setFirstLinkElement : undefined }))))))));\n }\n renderFormElement() {\n return (h(\"form\", { class: \"kol-form\", method: \"post\", onSubmit: this.onSubmit, onReset: this.onReset, noValidate: true }, this.state._requiredText === true ? (h(\"p\", null, h(\"div\", { class: \"kol-form__mandatory-fields-hint\" }, this.translateFormDescription))) : typeof this.state._requiredText === 'string' && this.state._requiredText.length > 0 ? (h(\"p\", null, h(\"div\", { class: \"kol-form__mandatory-fields-hint\" }, this.state._requiredText))) : null, h(\"slot\", null)));\n }\n render() {\n const hasErrorList = Array.isArray(this._errorList) && this._errorList.length > 0;\n return (h(Host, { key: '129655c9f0160c5c3eb6801253953b52c9649031' }, hasErrorList && this.renderErrorList(this._errorList), this.renderFormElement()));\n }\n scrollToErrorList() {\n var _a;\n (_a = this.errorListBlock) === null || _a === void 0 ? void 0 : _a.scrollIntoView({\n behavior: 'smooth',\n block: 'start',\n });\n setTimeout(() => {\n var _a, _b;\n (_b = (_a = this.errorListFirstLink) === null || _a === void 0 ? void 0 : _a.querySelector('a')) === null || _b === void 0 ? void 0 : _b.focus();\n }, 250);\n }\n async focusErrorList() {\n this.scrollToErrorList();\n return Promise.resolve();\n }\n validateOn(value) {\n if (typeof value === 'object' && value !== null) {\n this.state = Object.assign(Object.assign({}, this.state), { _on: value });\n }\n }\n validateRequiredText(value) {\n if (typeof value === 'boolean') {\n watchBoolean(this, '_requiredText', value);\n }\n else {\n watchString(this, '_requiredText', value);\n }\n }\n validateErrorList(value) {\n validateErrorList(this, value);\n }\n componentWillLoad() {\n this.validateOn(this._on);\n this.validateRequiredText(this._requiredText);\n this.validateErrorList(this._errorList);\n }\n get host() { return getElement(this); }\n static get watchers() { return {\n \"_on\": [{\n \"validateOn\": 0\n }],\n \"_requiredText\": [{\n \"validateRequiredText\": 0\n }],\n \"_errorList\": [{\n \"validateErrorList\": 0\n }]\n }; }\n};\nKolForm.style = {\n default: defaultStyleCss()\n};\n\nexport { KolForm as kol_form };\n"],"names":["validateErrorList","component","value","watchValidator","v","defaultStyleCss","KolForm","hostRef","registerInstance","translate","event","_a","_b","dispatchDomEvent","KolEvent","selector","targetElement","el","errorList","h","KolAlertFc","error","index","KolLinkWcTag","hasErrorList","Host","watchBoolean","watchString","getElement"],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ import{r as i,n as o,h as a}from"./index-hDzmycZM.js";import"./Alert-I3c2hFqL-BJ91wMmi.js";import{K as n}from"./Heading-DwQEABii-THMC_gpR.js";import{a as r}from"./label-Dnmzb2S_-YuosJx7D.js";import"./i18n-LBpyQ66X-tgWLHoTR.js";import"./markdown-BSkXjaSn-CgWNYJ5a.js";import{w as s}from"./validation-aqgnZOL6-VLAcEczo.js";import"./tslib.es6-CxX45GIN-BGVaTf34.js";import"./clsx-eK3rPvPS-B-dksMZM.js";const d=()=>" @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component; @layer kol-a11y { :host { --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16)); color: black; background-color: white; font-family: Verdana; letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed; top: 0; left: 0; width: 1px; height: 1px; overflow: hidden; white-space: nowrap; clip-path: inset(50%); } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: lightgray; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } .kol-span .kol-span__label--hide-label .kol-span__label { display: none; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled], [disabled]:focus { opacity: 0.5; outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } } @layer kol-component { .kol-headline--secondary { margin: 0; } }",c=class{constructor(e){i(this,e),this._level=0,this.state={_label:"",_level:0}}validateLabel(e){r(this,e)}validateLevel(e){s(this,e)}validateSecondaryHeadline(e){o(this,"_secondaryHeadline",e)}componentWillLoad(){this.validateLabel(this._label),this.validateLevel(this._level),this.validateSecondaryHeadline(this._secondaryHeadline)}render(){const{_secondaryHeadline:e,_label:t,_level:l}=this.state;return a(n,{key:"bca6f091d8c15ebbd3cd448deb11b8c21253369c",secondaryHeadline:e,level:l},t,a("slot",{key:"16c1177a2937b4a31efd828e26fb316f365049a7",name:"expert",slot:"expert"}))}static get watchers(){return{_label:[{validateLabel:0}],_level:[{validateLevel:0}],_secondaryHeadline:[{validateSecondaryHeadline:0}]}}};c.style={default:d()};export{c as kol_heading};
2
+ //# sourceMappingURL=kol-heading.entry-BQf-KwT3.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"kol-heading.entry-BQf-KwT3.js","sources":["../../../../components/dist/esm/kol-heading.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h } from './index-BVfSKhpj.js';\nimport './Alert-I3c2hFqL.js';\nimport { K as KolHeadingFc } from './Heading-DwQEABii.js';\nimport { e as watchString } from './common-Dd0zJQbD.js';\nimport { a as validateLabelWithExpertSlot } from './label-Dnmzb2S_.js';\nimport './i18n-LBpyQ66X.js';\nimport './markdown-BSkXjaSn.js';\nimport { w as watchHeadingLevel } from './validation-aqgnZOL6.js';\nimport './tslib.es6-CxX45GIN.js';\nimport './clsx-eK3rPvPS.js';\nimport './component-names-C3fyby67.js';\nimport './bem-Dj4gWVFO.js';\nimport './browser-DiRe0qUf.js';\nimport './i18n-CfLoIZ8T.js';\n\nconst defaultStyleCss = () => ` @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component; @layer kol-a11y { :host { --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16)); color: black; background-color: white; font-family: Verdana; letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed; top: 0; left: 0; width: 1px; height: 1px; overflow: hidden; white-space: nowrap; clip-path: inset(50%); } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: lightgray; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } .kol-span .kol-span__label--hide-label .kol-span__label { display: none; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled], [disabled]:focus { opacity: 0.5; outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } } @layer kol-component { .kol-headline--secondary { margin: 0; } }`;\n\nconst KolHeading = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this._level = 0;\n this.state = {\n _label: '',\n _level: 0,\n };\n }\n validateLabel(value) {\n validateLabelWithExpertSlot(this, value);\n }\n validateLevel(value) {\n watchHeadingLevel(this, value);\n }\n validateSecondaryHeadline(value) {\n watchString(this, '_secondaryHeadline', value);\n }\n componentWillLoad() {\n this.validateLabel(this._label);\n this.validateLevel(this._level);\n this.validateSecondaryHeadline(this._secondaryHeadline);\n }\n render() {\n const { _secondaryHeadline, _label, _level } = this.state;\n return (h(KolHeadingFc, { key: 'bca6f091d8c15ebbd3cd448deb11b8c21253369c', secondaryHeadline: _secondaryHeadline, level: _level }, _label, h(\"slot\", { key: '16c1177a2937b4a31efd828e26fb316f365049a7', name: \"expert\", slot: \"expert\" })));\n }\n static get watchers() { return {\n \"_label\": [{\n \"validateLabel\": 0\n }],\n \"_level\": [{\n \"validateLevel\": 0\n }],\n \"_secondaryHeadline\": [{\n \"validateSecondaryHeadline\": 0\n }]\n }; }\n};\nKolHeading.style = {\n default: defaultStyleCss()\n};\n\nexport { KolHeading as kol_heading };\n"],"names":["defaultStyleCss","KolHeading","hostRef","registerInstance","value","validateLabelWithExpertSlot","watchHeadingLevel","watchString","_secondaryHeadline","_label","_level","h","KolHeadingFc"],"mappings":"8YAkBA,MAAMA,EAAkB,IAAM,6pEAExBC,EAAa,KAAM,CACrB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,OAAS,EACd,KAAK,MAAQ,CACT,OAAQ,GACR,OAAQ,CACpB,CACI,CACA,cAAcE,EAAO,CACjBC,EAA4B,KAAMD,CAAK,CAC3C,CACA,cAAcA,EAAO,CACjBE,EAAkB,KAAMF,CAAK,CACjC,CACA,0BAA0BA,EAAO,CAC7BG,EAAY,KAAM,qBAAsBH,CAAK,CACjD,CACA,mBAAoB,CAChB,KAAK,cAAc,KAAK,MAAM,EAC9B,KAAK,cAAc,KAAK,MAAM,EAC9B,KAAK,0BAA0B,KAAK,kBAAkB,CAC1D,CACA,QAAS,CACL,KAAM,CAAE,mBAAAI,EAAoB,OAAAC,EAAQ,OAAAC,CAAM,EAAK,KAAK,MACpD,OAAQC,EAAEC,EAAc,CAAE,IAAK,2CAA4C,kBAAmBJ,EAAoB,MAAOE,CAAM,EAAID,EAAQE,EAAE,OAAQ,CAAE,IAAK,2CAA4C,KAAM,SAAU,KAAM,QAAQ,CAAE,CAAC,CAC7O,CACA,WAAW,UAAW,CAAE,MAAO,CAC3B,OAAU,CAAC,CACH,cAAiB,CACjC,CAAa,EACL,OAAU,CAAC,CACH,cAAiB,CACjC,CAAa,EACL,mBAAsB,CAAC,CACf,0BAA6B,CAC7C,CAAa,CACb,CAAO,CACP,EACAV,EAAW,MAAQ,CACf,QAASD,EAAe,CAC5B"}
@@ -0,0 +1,2 @@
1
+ import{h as c,B as n,q as t,H as b,r,n as i}from"./index-hDzmycZM.js";import{v as d}from"./label-Dnmzb2S_-YuosJx7D.js";import{c as a}from"./clsx-eK3rPvPS-B-dksMZM.js";class f{constructor(o){this.component=o}validateIcons(o){i(this.component,"_icons",o,{required:!0})}validateLabel(o){d(this.component,o,{required:!0,defaultValue:""})}componentWillLoad(){this.validateIcons(this.component._icons),this.validateLabel(this.component._label)}}const l=()=>'@font-face{font-family:"codicon";font-display:block;src:url("./codicon.ttf?be64b7213e352cd7f91ef58198e71237") format("truetype")}.codicon[class*=codicon-]{font:normal normal normal 16px/1 codicon;display:inline-block;text-decoration:none;text-rendering:auto;text-align:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;user-select:none;-webkit-user-select:none;-ms-user-select:none}@keyframes codicon-spin{100%{transform:rotate(360deg)}}.codicon-sync.codicon-modifier-spin,.codicon-loading.codicon-modifier-spin,.codicon-gear.codicon-modifier-spin{animation:codicon-spin 1.5s steps(30) infinite}.codicon-modifier-disabled{opacity:0.5}.codicon-modifier-hidden{opacity:0}.codicon-loading{animation-duration:1s !important;animation-timing-function:cubic-bezier(0.53, 0.21, 0.29, 0.67) !important}.codicon-add:before{content:"\\ea60"}.codicon-plus:before{content:"\\ea60"}.codicon-gist-new:before{content:"\\ea60"}.codicon-repo-create:before{content:"\\ea60"}.codicon-lightbulb:before{content:"\\ea61"}.codicon-light-bulb:before{content:"\\ea61"}.codicon-repo:before{content:"\\ea62"}.codicon-repo-delete:before{content:"\\ea62"}.codicon-gist-fork:before{content:"\\ea63"}.codicon-repo-forked:before{content:"\\ea63"}.codicon-git-pull-request:before{content:"\\ea64"}.codicon-git-pull-request-abandoned:before{content:"\\ea64"}.codicon-record-keys:before{content:"\\ea65"}.codicon-keyboard:before{content:"\\ea65"}.codicon-tag:before{content:"\\ea66"}.codicon-git-pull-request-label:before{content:"\\ea66"}.codicon-tag-add:before{content:"\\ea66"}.codicon-tag-remove:before{content:"\\ea66"}.codicon-person:before{content:"\\ea67"}.codicon-person-follow:before{content:"\\ea67"}.codicon-person-outline:before{content:"\\ea67"}.codicon-person-filled:before{content:"\\ea67"}.codicon-git-branch:before{content:"\\ea68"}.codicon-git-branch-create:before{content:"\\ea68"}.codicon-git-branch-delete:before{content:"\\ea68"}.codicon-source-control:before{content:"\\ea68"}.codicon-mirror:before{content:"\\ea69"}.codicon-mirror-public:before{content:"\\ea69"}.codicon-star:before{content:"\\ea6a"}.codicon-star-add:before{content:"\\ea6a"}.codicon-star-delete:before{content:"\\ea6a"}.codicon-star-empty:before{content:"\\ea6a"}.codicon-comment:before{content:"\\ea6b"}.codicon-comment-add:before{content:"\\ea6b"}.codicon-alert:before{content:"\\ea6c"}.codicon-warning:before{content:"\\ea6c"}.codicon-search:before{content:"\\ea6d"}.codicon-search-save:before{content:"\\ea6d"}.codicon-log-out:before{content:"\\ea6e"}.codicon-sign-out:before{content:"\\ea6e"}.codicon-log-in:before{content:"\\ea6f"}.codicon-sign-in:before{content:"\\ea6f"}.codicon-eye:before{content:"\\ea70"}.codicon-eye-unwatch:before{content:"\\ea70"}.codicon-eye-watch:before{content:"\\ea70"}.codicon-circle-filled:before{content:"\\ea71"}.codicon-primitive-dot:before{content:"\\ea71"}.codicon-close-dirty:before{content:"\\ea71"}.codicon-debug-breakpoint:before{content:"\\ea71"}.codicon-debug-breakpoint-disabled:before{content:"\\ea71"}.codicon-debug-hint:before{content:"\\ea71"}.codicon-terminal-decoration-success:before{content:"\\ea71"}.codicon-primitive-square:before{content:"\\ea72"}.codicon-edit:before{content:"\\ea73"}.codicon-pencil:before{content:"\\ea73"}.codicon-info:before{content:"\\ea74"}.codicon-issue-opened:before{content:"\\ea74"}.codicon-gist-private:before{content:"\\ea75"}.codicon-git-fork-private:before{content:"\\ea75"}.codicon-lock:before{content:"\\ea75"}.codicon-mirror-private:before{content:"\\ea75"}.codicon-close:before{content:"\\ea76"}.codicon-remove-close:before{content:"\\ea76"}.codicon-x:before{content:"\\ea76"}.codicon-repo-sync:before{content:"\\ea77"}.codicon-sync:before{content:"\\ea77"}.codicon-clone:before{content:"\\ea78"}.codicon-desktop-download:before{content:"\\ea78"}.codicon-beaker:before{content:"\\ea79"}.codicon-microscope:before{content:"\\ea79"}.codicon-vm:before{content:"\\ea7a"}.codicon-device-desktop:before{content:"\\ea7a"}.codicon-file:before{content:"\\ea7b"}.codicon-file-text:before{content:"\\ea7b"}.codicon-more:before{content:"\\ea7c"}.codicon-ellipsis:before{content:"\\ea7c"}.codicon-kebab-horizontal:before{content:"\\ea7c"}.codicon-mail-reply:before{content:"\\ea7d"}.codicon-reply:before{content:"\\ea7d"}.codicon-organization:before{content:"\\ea7e"}.codicon-organization-filled:before{content:"\\ea7e"}.codicon-organization-outline:before{content:"\\ea7e"}.codicon-new-file:before{content:"\\ea7f"}.codicon-file-add:before{content:"\\ea7f"}.codicon-new-folder:before{content:"\\ea80"}.codicon-file-directory-create:before{content:"\\ea80"}.codicon-trash:before{content:"\\ea81"}.codicon-trashcan:before{content:"\\ea81"}.codicon-history:before{content:"\\ea82"}.codicon-clock:before{content:"\\ea82"}.codicon-folder:before{content:"\\ea83"}.codicon-file-directory:before{content:"\\ea83"}.codicon-symbol-folder:before{content:"\\ea83"}.codicon-logo-github:before{content:"\\ea84"}.codicon-mark-github:before{content:"\\ea84"}.codicon-github:before{content:"\\ea84"}.codicon-terminal:before{content:"\\ea85"}.codicon-console:before{content:"\\ea85"}.codicon-repl:before{content:"\\ea85"}.codicon-zap:before{content:"\\ea86"}.codicon-symbol-event:before{content:"\\ea86"}.codicon-error:before{content:"\\ea87"}.codicon-stop:before{content:"\\ea87"}.codicon-variable:before{content:"\\ea88"}.codicon-symbol-variable:before{content:"\\ea88"}.codicon-array:before{content:"\\ea8a"}.codicon-symbol-array:before{content:"\\ea8a"}.codicon-symbol-module:before{content:"\\ea8b"}.codicon-symbol-package:before{content:"\\ea8b"}.codicon-symbol-namespace:before{content:"\\ea8b"}.codicon-symbol-object:before{content:"\\ea8b"}.codicon-symbol-method:before{content:"\\ea8c"}.codicon-symbol-function:before{content:"\\ea8c"}.codicon-symbol-constructor:before{content:"\\ea8c"}.codicon-symbol-boolean:before{content:"\\ea8f"}.codicon-symbol-null:before{content:"\\ea8f"}.codicon-symbol-numeric:before{content:"\\ea90"}.codicon-symbol-number:before{content:"\\ea90"}.codicon-symbol-structure:before{content:"\\ea91"}.codicon-symbol-struct:before{content:"\\ea91"}.codicon-symbol-parameter:before{content:"\\ea92"}.codicon-symbol-type-parameter:before{content:"\\ea92"}.codicon-symbol-key:before{content:"\\ea93"}.codicon-symbol-text:before{content:"\\ea93"}.codicon-symbol-reference:before{content:"\\ea94"}.codicon-go-to-file:before{content:"\\ea94"}.codicon-symbol-enum:before{content:"\\ea95"}.codicon-symbol-value:before{content:"\\ea95"}.codicon-symbol-ruler:before{content:"\\ea96"}.codicon-symbol-unit:before{content:"\\ea96"}.codicon-activate-breakpoints:before{content:"\\ea97"}.codicon-archive:before{content:"\\ea98"}.codicon-arrow-both:before{content:"\\ea99"}.codicon-arrow-down:before{content:"\\ea9a"}.codicon-arrow-left:before{content:"\\ea9b"}.codicon-arrow-right:before{content:"\\ea9c"}.codicon-arrow-small-down:before{content:"\\ea9d"}.codicon-arrow-small-left:before{content:"\\ea9e"}.codicon-arrow-small-right:before{content:"\\ea9f"}.codicon-arrow-small-up:before{content:"\\eaa0"}.codicon-arrow-up:before{content:"\\eaa1"}.codicon-bell:before{content:"\\eaa2"}.codicon-bold:before{content:"\\eaa3"}.codicon-book:before{content:"\\eaa4"}.codicon-bookmark:before{content:"\\eaa5"}.codicon-debug-breakpoint-conditional-unverified:before{content:"\\eaa6"}.codicon-debug-breakpoint-conditional:before{content:"\\eaa7"}.codicon-debug-breakpoint-conditional-disabled:before{content:"\\eaa7"}.codicon-debug-breakpoint-data-unverified:before{content:"\\eaa8"}.codicon-debug-breakpoint-data:before{content:"\\eaa9"}.codicon-debug-breakpoint-data-disabled:before{content:"\\eaa9"}.codicon-debug-breakpoint-log-unverified:before{content:"\\eaaa"}.codicon-debug-breakpoint-log:before{content:"\\eaab"}.codicon-debug-breakpoint-log-disabled:before{content:"\\eaab"}.codicon-briefcase:before{content:"\\eaac"}.codicon-broadcast:before{content:"\\eaad"}.codicon-browser:before{content:"\\eaae"}.codicon-bug:before{content:"\\eaaf"}.codicon-calendar:before{content:"\\eab0"}.codicon-case-sensitive:before{content:"\\eab1"}.codicon-check:before{content:"\\eab2"}.codicon-checklist:before{content:"\\eab3"}.codicon-chevron-down:before{content:"\\eab4"}.codicon-chevron-left:before{content:"\\eab5"}.codicon-chevron-right:before{content:"\\eab6"}.codicon-chevron-up:before{content:"\\eab7"}.codicon-chrome-close:before{content:"\\eab8"}.codicon-chrome-maximize:before{content:"\\eab9"}.codicon-chrome-minimize:before{content:"\\eaba"}.codicon-chrome-restore:before{content:"\\eabb"}.codicon-circle-outline:before{content:"\\eabc"}.codicon-circle:before{content:"\\eabc"}.codicon-debug-breakpoint-unverified:before{content:"\\eabc"}.codicon-terminal-decoration-incomplete:before{content:"\\eabc"}.codicon-circle-slash:before{content:"\\eabd"}.codicon-circuit-board:before{content:"\\eabe"}.codicon-clear-all:before{content:"\\eabf"}.codicon-clippy:before{content:"\\eac0"}.codicon-close-all:before{content:"\\eac1"}.codicon-cloud-download:before{content:"\\eac2"}.codicon-cloud-upload:before{content:"\\eac3"}.codicon-code:before{content:"\\eac4"}.codicon-collapse-all:before{content:"\\eac5"}.codicon-color-mode:before{content:"\\eac6"}.codicon-comment-discussion:before{content:"\\eac7"}.codicon-credit-card:before{content:"\\eac9"}.codicon-dash:before{content:"\\eacc"}.codicon-dashboard:before{content:"\\eacd"}.codicon-database:before{content:"\\eace"}.codicon-debug-continue:before{content:"\\eacf"}.codicon-debug-disconnect:before{content:"\\ead0"}.codicon-debug-pause:before{content:"\\ead1"}.codicon-debug-restart:before{content:"\\ead2"}.codicon-debug-start:before{content:"\\ead3"}.codicon-debug-step-into:before{content:"\\ead4"}.codicon-debug-step-out:before{content:"\\ead5"}.codicon-debug-step-over:before{content:"\\ead6"}.codicon-debug-stop:before{content:"\\ead7"}.codicon-debug:before{content:"\\ead8"}.codicon-device-camera-video:before{content:"\\ead9"}.codicon-device-camera:before{content:"\\eada"}.codicon-device-mobile:before{content:"\\eadb"}.codicon-diff-added:before{content:"\\eadc"}.codicon-diff-ignored:before{content:"\\eadd"}.codicon-diff-modified:before{content:"\\eade"}.codicon-diff-removed:before{content:"\\eadf"}.codicon-diff-renamed:before{content:"\\eae0"}.codicon-diff:before{content:"\\eae1"}.codicon-diff-sidebyside:before{content:"\\eae1"}.codicon-discard:before{content:"\\eae2"}.codicon-editor-layout:before{content:"\\eae3"}.codicon-empty-window:before{content:"\\eae4"}.codicon-exclude:before{content:"\\eae5"}.codicon-extensions:before{content:"\\eae6"}.codicon-eye-closed:before{content:"\\eae7"}.codicon-file-binary:before{content:"\\eae8"}.codicon-file-code:before{content:"\\eae9"}.codicon-file-media:before{content:"\\eaea"}.codicon-file-pdf:before{content:"\\eaeb"}.codicon-file-submodule:before{content:"\\eaec"}.codicon-file-symlink-directory:before{content:"\\eaed"}.codicon-file-symlink-file:before{content:"\\eaee"}.codicon-file-zip:before{content:"\\eaef"}.codicon-files:before{content:"\\eaf0"}.codicon-filter:before{content:"\\eaf1"}.codicon-flame:before{content:"\\eaf2"}.codicon-fold-down:before{content:"\\eaf3"}.codicon-fold-up:before{content:"\\eaf4"}.codicon-fold:before{content:"\\eaf5"}.codicon-folder-active:before{content:"\\eaf6"}.codicon-folder-opened:before{content:"\\eaf7"}.codicon-gear:before{content:"\\eaf8"}.codicon-gift:before{content:"\\eaf9"}.codicon-gist-secret:before{content:"\\eafa"}.codicon-gist:before{content:"\\eafb"}.codicon-git-commit:before{content:"\\eafc"}.codicon-git-compare:before{content:"\\eafd"}.codicon-compare-changes:before{content:"\\eafd"}.codicon-git-merge:before{content:"\\eafe"}.codicon-github-action:before{content:"\\eaff"}.codicon-github-alt:before{content:"\\eb00"}.codicon-globe:before{content:"\\eb01"}.codicon-grabber:before{content:"\\eb02"}.codicon-graph:before{content:"\\eb03"}.codicon-gripper:before{content:"\\eb04"}.codicon-heart:before{content:"\\eb05"}.codicon-home:before{content:"\\eb06"}.codicon-horizontal-rule:before{content:"\\eb07"}.codicon-hubot:before{content:"\\eb08"}.codicon-inbox:before{content:"\\eb09"}.codicon-issue-reopened:before{content:"\\eb0b"}.codicon-issues:before{content:"\\eb0c"}.codicon-italic:before{content:"\\eb0d"}.codicon-jersey:before{content:"\\eb0e"}.codicon-json:before{content:"\\eb0f"}.codicon-kebab-vertical:before{content:"\\eb10"}.codicon-key:before{content:"\\eb11"}.codicon-law:before{content:"\\eb12"}.codicon-lightbulb-autofix:before{content:"\\eb13"}.codicon-link-external:before{content:"\\eb14"}.codicon-link:before{content:"\\eb15"}.codicon-list-ordered:before{content:"\\eb16"}.codicon-list-unordered:before{content:"\\eb17"}.codicon-live-share:before{content:"\\eb18"}.codicon-loading:before{content:"\\eb19"}.codicon-location:before{content:"\\eb1a"}.codicon-mail-read:before{content:"\\eb1b"}.codicon-mail:before{content:"\\eb1c"}.codicon-markdown:before{content:"\\eb1d"}.codicon-megaphone:before{content:"\\eb1e"}.codicon-mention:before{content:"\\eb1f"}.codicon-milestone:before{content:"\\eb20"}.codicon-git-pull-request-milestone:before{content:"\\eb20"}.codicon-mortar-board:before{content:"\\eb21"}.codicon-move:before{content:"\\eb22"}.codicon-multiple-windows:before{content:"\\eb23"}.codicon-mute:before{content:"\\eb24"}.codicon-no-newline:before{content:"\\eb25"}.codicon-note:before{content:"\\eb26"}.codicon-octoface:before{content:"\\eb27"}.codicon-open-preview:before{content:"\\eb28"}.codicon-package:before{content:"\\eb29"}.codicon-paintcan:before{content:"\\eb2a"}.codicon-pin:before{content:"\\eb2b"}.codicon-play:before{content:"\\eb2c"}.codicon-run:before{content:"\\eb2c"}.codicon-plug:before{content:"\\eb2d"}.codicon-preserve-case:before{content:"\\eb2e"}.codicon-preview:before{content:"\\eb2f"}.codicon-project:before{content:"\\eb30"}.codicon-pulse:before{content:"\\eb31"}.codicon-question:before{content:"\\eb32"}.codicon-quote:before{content:"\\eb33"}.codicon-radio-tower:before{content:"\\eb34"}.codicon-reactions:before{content:"\\eb35"}.codicon-references:before{content:"\\eb36"}.codicon-refresh:before{content:"\\eb37"}.codicon-regex:before{content:"\\eb38"}.codicon-remote-explorer:before{content:"\\eb39"}.codicon-remote:before{content:"\\eb3a"}.codicon-remove:before{content:"\\eb3b"}.codicon-replace-all:before{content:"\\eb3c"}.codicon-replace:before{content:"\\eb3d"}.codicon-repo-clone:before{content:"\\eb3e"}.codicon-repo-force-push:before{content:"\\eb3f"}.codicon-repo-pull:before{content:"\\eb40"}.codicon-repo-push:before{content:"\\eb41"}.codicon-report:before{content:"\\eb42"}.codicon-request-changes:before{content:"\\eb43"}.codicon-rocket:before{content:"\\eb44"}.codicon-root-folder-opened:before{content:"\\eb45"}.codicon-root-folder:before{content:"\\eb46"}.codicon-rss:before{content:"\\eb47"}.codicon-ruby:before{content:"\\eb48"}.codicon-save-all:before{content:"\\eb49"}.codicon-save-as:before{content:"\\eb4a"}.codicon-save:before{content:"\\eb4b"}.codicon-screen-full:before{content:"\\eb4c"}.codicon-screen-normal:before{content:"\\eb4d"}.codicon-search-stop:before{content:"\\eb4e"}.codicon-server:before{content:"\\eb50"}.codicon-settings-gear:before{content:"\\eb51"}.codicon-settings:before{content:"\\eb52"}.codicon-shield:before{content:"\\eb53"}.codicon-smiley:before{content:"\\eb54"}.codicon-sort-precedence:before{content:"\\eb55"}.codicon-split-horizontal:before{content:"\\eb56"}.codicon-split-vertical:before{content:"\\eb57"}.codicon-squirrel:before{content:"\\eb58"}.codicon-star-full:before{content:"\\eb59"}.codicon-star-half:before{content:"\\eb5a"}.codicon-symbol-class:before{content:"\\eb5b"}.codicon-symbol-color:before{content:"\\eb5c"}.codicon-symbol-constant:before{content:"\\eb5d"}.codicon-symbol-enum-member:before{content:"\\eb5e"}.codicon-symbol-field:before{content:"\\eb5f"}.codicon-symbol-file:before{content:"\\eb60"}.codicon-symbol-interface:before{content:"\\eb61"}.codicon-symbol-keyword:before{content:"\\eb62"}.codicon-symbol-misc:before{content:"\\eb63"}.codicon-symbol-operator:before{content:"\\eb64"}.codicon-symbol-property:before{content:"\\eb65"}.codicon-wrench:before{content:"\\eb65"}.codicon-wrench-subaction:before{content:"\\eb65"}.codicon-symbol-snippet:before{content:"\\eb66"}.codicon-tasklist:before{content:"\\eb67"}.codicon-telescope:before{content:"\\eb68"}.codicon-text-size:before{content:"\\eb69"}.codicon-three-bars:before{content:"\\eb6a"}.codicon-thumbsdown:before{content:"\\eb6b"}.codicon-thumbsup:before{content:"\\eb6c"}.codicon-tools:before{content:"\\eb6d"}.codicon-triangle-down:before{content:"\\eb6e"}.codicon-triangle-left:before{content:"\\eb6f"}.codicon-triangle-right:before{content:"\\eb70"}.codicon-triangle-up:before{content:"\\eb71"}.codicon-twitter:before{content:"\\eb72"}.codicon-unfold:before{content:"\\eb73"}.codicon-unlock:before{content:"\\eb74"}.codicon-unmute:before{content:"\\eb75"}.codicon-unverified:before{content:"\\eb76"}.codicon-verified:before{content:"\\eb77"}.codicon-versions:before{content:"\\eb78"}.codicon-vm-active:before{content:"\\eb79"}.codicon-vm-outline:before{content:"\\eb7a"}.codicon-vm-running:before{content:"\\eb7b"}.codicon-watch:before{content:"\\eb7c"}.codicon-whitespace:before{content:"\\eb7d"}.codicon-whole-word:before{content:"\\eb7e"}.codicon-window:before{content:"\\eb7f"}.codicon-word-wrap:before{content:"\\eb80"}.codicon-zoom-in:before{content:"\\eb81"}.codicon-zoom-out:before{content:"\\eb82"}.codicon-list-filter:before{content:"\\eb83"}.codicon-list-flat:before{content:"\\eb84"}.codicon-list-selection:before{content:"\\eb85"}.codicon-selection:before{content:"\\eb85"}.codicon-list-tree:before{content:"\\eb86"}.codicon-debug-breakpoint-function-unverified:before{content:"\\eb87"}.codicon-debug-breakpoint-function:before{content:"\\eb88"}.codicon-debug-breakpoint-function-disabled:before{content:"\\eb88"}.codicon-debug-stackframe-active:before{content:"\\eb89"}.codicon-circle-small-filled:before{content:"\\eb8a"}.codicon-debug-stackframe-dot:before{content:"\\eb8a"}.codicon-terminal-decoration-mark:before{content:"\\eb8a"}.codicon-debug-stackframe:before{content:"\\eb8b"}.codicon-debug-stackframe-focused:before{content:"\\eb8b"}.codicon-debug-breakpoint-unsupported:before{content:"\\eb8c"}.codicon-symbol-string:before{content:"\\eb8d"}.codicon-debug-reverse-continue:before{content:"\\eb8e"}.codicon-debug-step-back:before{content:"\\eb8f"}.codicon-debug-restart-frame:before{content:"\\eb90"}.codicon-debug-alt:before{content:"\\eb91"}.codicon-call-incoming:before{content:"\\eb92"}.codicon-call-outgoing:before{content:"\\eb93"}.codicon-menu:before{content:"\\eb94"}.codicon-expand-all:before{content:"\\eb95"}.codicon-feedback:before{content:"\\eb96"}.codicon-git-pull-request-reviewer:before{content:"\\eb96"}.codicon-group-by-ref-type:before{content:"\\eb97"}.codicon-ungroup-by-ref-type:before{content:"\\eb98"}.codicon-account:before{content:"\\eb99"}.codicon-git-pull-request-assignee:before{content:"\\eb99"}.codicon-bell-dot:before{content:"\\eb9a"}.codicon-debug-console:before{content:"\\eb9b"}.codicon-library:before{content:"\\eb9c"}.codicon-output:before{content:"\\eb9d"}.codicon-run-all:before{content:"\\eb9e"}.codicon-sync-ignored:before{content:"\\eb9f"}.codicon-pinned:before{content:"\\eba0"}.codicon-github-inverted:before{content:"\\eba1"}.codicon-server-process:before{content:"\\eba2"}.codicon-server-environment:before{content:"\\eba3"}.codicon-pass:before{content:"\\eba4"}.codicon-issue-closed:before{content:"\\eba4"}.codicon-stop-circle:before{content:"\\eba5"}.codicon-play-circle:before{content:"\\eba6"}.codicon-record:before{content:"\\eba7"}.codicon-debug-alt-small:before{content:"\\eba8"}.codicon-vm-connect:before{content:"\\eba9"}.codicon-cloud:before{content:"\\ebaa"}.codicon-merge:before{content:"\\ebab"}.codicon-export:before{content:"\\ebac"}.codicon-graph-left:before{content:"\\ebad"}.codicon-magnet:before{content:"\\ebae"}.codicon-notebook:before{content:"\\ebaf"}.codicon-redo:before{content:"\\ebb0"}.codicon-check-all:before{content:"\\ebb1"}.codicon-pinned-dirty:before{content:"\\ebb2"}.codicon-pass-filled:before{content:"\\ebb3"}.codicon-circle-large-filled:before{content:"\\ebb4"}.codicon-circle-large:before{content:"\\ebb5"}.codicon-circle-large-outline:before{content:"\\ebb5"}.codicon-combine:before{content:"\\ebb6"}.codicon-gather:before{content:"\\ebb6"}.codicon-table:before{content:"\\ebb7"}.codicon-variable-group:before{content:"\\ebb8"}.codicon-type-hierarchy:before{content:"\\ebb9"}.codicon-type-hierarchy-sub:before{content:"\\ebba"}.codicon-type-hierarchy-super:before{content:"\\ebbb"}.codicon-git-pull-request-create:before{content:"\\ebbc"}.codicon-run-above:before{content:"\\ebbd"}.codicon-run-below:before{content:"\\ebbe"}.codicon-notebook-template:before{content:"\\ebbf"}.codicon-debug-rerun:before{content:"\\ebc0"}.codicon-workspace-trusted:before{content:"\\ebc1"}.codicon-workspace-untrusted:before{content:"\\ebc2"}.codicon-workspace-unknown:before{content:"\\ebc3"}.codicon-terminal-cmd:before{content:"\\ebc4"}.codicon-terminal-debian:before{content:"\\ebc5"}.codicon-terminal-linux:before{content:"\\ebc6"}.codicon-terminal-powershell:before{content:"\\ebc7"}.codicon-terminal-tmux:before{content:"\\ebc8"}.codicon-terminal-ubuntu:before{content:"\\ebc9"}.codicon-terminal-bash:before{content:"\\ebca"}.codicon-arrow-swap:before{content:"\\ebcb"}.codicon-copy:before{content:"\\ebcc"}.codicon-person-add:before{content:"\\ebcd"}.codicon-filter-filled:before{content:"\\ebce"}.codicon-wand:before{content:"\\ebcf"}.codicon-debug-line-by-line:before{content:"\\ebd0"}.codicon-inspect:before{content:"\\ebd1"}.codicon-layers:before{content:"\\ebd2"}.codicon-layers-dot:before{content:"\\ebd3"}.codicon-layers-active:before{content:"\\ebd4"}.codicon-compass:before{content:"\\ebd5"}.codicon-compass-dot:before{content:"\\ebd6"}.codicon-compass-active:before{content:"\\ebd7"}.codicon-azure:before{content:"\\ebd8"}.codicon-issue-draft:before{content:"\\ebd9"}.codicon-git-pull-request-closed:before{content:"\\ebda"}.codicon-git-pull-request-draft:before{content:"\\ebdb"}.codicon-debug-all:before{content:"\\ebdc"}.codicon-debug-coverage:before{content:"\\ebdd"}.codicon-run-errors:before{content:"\\ebde"}.codicon-folder-library:before{content:"\\ebdf"}.codicon-debug-continue-small:before{content:"\\ebe0"}.codicon-beaker-stop:before{content:"\\ebe1"}.codicon-graph-line:before{content:"\\ebe2"}.codicon-graph-scatter:before{content:"\\ebe3"}.codicon-pie-chart:before{content:"\\ebe4"}.codicon-bracket:before{content:"\\eb0f"}.codicon-bracket-dot:before{content:"\\ebe5"}.codicon-bracket-error:before{content:"\\ebe6"}.codicon-lock-small:before{content:"\\ebe7"}.codicon-azure-devops:before{content:"\\ebe8"}.codicon-verified-filled:before{content:"\\ebe9"}.codicon-newline:before{content:"\\ebea"}.codicon-layout:before{content:"\\ebeb"}.codicon-layout-activitybar-left:before{content:"\\ebec"}.codicon-layout-activitybar-right:before{content:"\\ebed"}.codicon-layout-panel-left:before{content:"\\ebee"}.codicon-layout-panel-center:before{content:"\\ebef"}.codicon-layout-panel-justify:before{content:"\\ebf0"}.codicon-layout-panel-right:before{content:"\\ebf1"}.codicon-layout-panel:before{content:"\\ebf2"}.codicon-layout-sidebar-left:before{content:"\\ebf3"}.codicon-layout-sidebar-right:before{content:"\\ebf4"}.codicon-layout-statusbar:before{content:"\\ebf5"}.codicon-layout-menubar:before{content:"\\ebf6"}.codicon-layout-centered:before{content:"\\ebf7"}.codicon-target:before{content:"\\ebf8"}.codicon-indent:before{content:"\\ebf9"}.codicon-record-small:before{content:"\\ebfa"}.codicon-error-small:before{content:"\\ebfb"}.codicon-terminal-decoration-error:before{content:"\\ebfb"}.codicon-arrow-circle-down:before{content:"\\ebfc"}.codicon-arrow-circle-left:before{content:"\\ebfd"}.codicon-arrow-circle-right:before{content:"\\ebfe"}.codicon-arrow-circle-up:before{content:"\\ebff"}.codicon-layout-sidebar-right-off:before{content:"\\ec00"}.codicon-layout-panel-off:before{content:"\\ec01"}.codicon-layout-sidebar-left-off:before{content:"\\ec02"}.codicon-blank:before{content:"\\ec03"}.codicon-heart-filled:before{content:"\\ec04"}.codicon-map:before{content:"\\ec05"}.codicon-map-horizontal:before{content:"\\ec05"}.codicon-fold-horizontal:before{content:"\\ec05"}.codicon-map-filled:before{content:"\\ec06"}.codicon-map-horizontal-filled:before{content:"\\ec06"}.codicon-fold-horizontal-filled:before{content:"\\ec06"}.codicon-circle-small:before{content:"\\ec07"}.codicon-bell-slash:before{content:"\\ec08"}.codicon-bell-slash-dot:before{content:"\\ec09"}.codicon-comment-unresolved:before{content:"\\ec0a"}.codicon-git-pull-request-go-to-changes:before{content:"\\ec0b"}.codicon-git-pull-request-new-changes:before{content:"\\ec0c"}.codicon-search-fuzzy:before{content:"\\ec0d"}.codicon-comment-draft:before{content:"\\ec0e"}.codicon-send:before{content:"\\ec0f"}.codicon-sparkle:before{content:"\\ec10"}.codicon-insert:before{content:"\\ec11"}.codicon-mic:before{content:"\\ec12"}.codicon-thumbsdown-filled:before{content:"\\ec13"}.codicon-thumbsup-filled:before{content:"\\ec14"}.codicon-coffee:before{content:"\\ec15"}.codicon-snake:before{content:"\\ec16"}.codicon-game:before{content:"\\ec17"}.codicon-vr:before{content:"\\ec18"}.codicon-chip:before{content:"\\ec19"}.codicon-piano:before{content:"\\ec1a"}.codicon-music:before{content:"\\ec1b"}.codicon-mic-filled:before{content:"\\ec1c"}.codicon-repo-fetch:before{content:"\\ec1d"}.codicon-copilot:before{content:"\\ec1e"}.codicon-lightbulb-sparkle:before{content:"\\ec1f"}.codicon-robot:before{content:"\\ec20"}.codicon-sparkle-filled:before{content:"\\ec21"}.codicon-diff-single:before{content:"\\ec22"}.codicon-diff-multiple:before{content:"\\ec23"}.codicon-surround-with:before{content:"\\ec24"}.codicon-share:before{content:"\\ec25"}.codicon-git-stash:before{content:"\\ec26"}.codicon-git-stash-apply:before{content:"\\ec27"}.codicon-git-stash-pop:before{content:"\\ec28"}.codicon-vscode:before{content:"\\ec29"}.codicon-vscode-insiders:before{content:"\\ec2a"}.codicon-code-oss:before{content:"\\ec2b"}.codicon-run-coverage:before{content:"\\ec2c"}.codicon-run-all-coverage:before{content:"\\ec2d"}.codicon-coverage:before{content:"\\ec2e"}.codicon-github-project:before{content:"\\ec2f"}.codicon-map-vertical:before{content:"\\ec30"}.codicon-fold-vertical:before{content:"\\ec30"}.codicon-map-vertical-filled:before{content:"\\ec31"}.codicon-fold-vertical-filled:before{content:"\\ec31"}.codicon-go-to-search:before{content:"\\ec32"}.codicon-percentage:before{content:"\\ec33"}.codicon-sort-percentage:before{content:"\\ec33"}.codicon-attach:before{content:"\\ec34"}.codicon-go-to-editing-session:before{content:"\\ec35"}.codicon-edit-session:before{content:"\\ec36"}.codicon-code-review:before{content:"\\ec37"}.codicon-copilot-warning:before{content:"\\ec38"}.codicon-python:before{content:"\\ec39"}.codicon-git-fetch:before{content:"\\f101"}@layer kol-component{:host{color:inherit;display:contents;font-size:inherit;line-height:inherit}:host>i,:host>i::before{font-size:inherit !important}}',s=class{render(){const e=this.state._label.length>0;return c(b,{key:"1d404ac575f51e991fa96b73f35f4ef316bac5a7",exportparts:"icon",class:t},c("i",{key:"d0aecc870582de3a0a0ea66a920240400878ed02","aria-hidden":e?void 0:"true","aria-label":e?this.state._label:void 0,class:a(n,this.state._icons),part:"icon",role:e?"img":"presentation"}))}constructor(e){r(this,e),this.state={_icons:"codicon codicon-home",_label:""},this.controller=new f(this)}validateIcons(e){this.controller.validateIcons(e)}validateLabel(e){this.controller.validateLabel(e)}componentWillLoad(){this.controller.componentWillLoad()}static get watchers(){return{_icons:[{validateIcons:0}],_label:[{validateLabel:0}]}}};s.style={default:l()};export{s as kol_icon};
2
+ //# sourceMappingURL=kol-icon.entry-CWs6W3-s.js.map