@baloise/ds-core 19.2.0-snapshot.1741-c382bb5d2 → 19.2.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 (394) hide show
  1. package/components/all.d.ts +0 -2
  2. package/components/all.js +0 -3
  3. package/components/bal-accordion.js +1 -1
  4. package/components/bal-app.js +93 -1
  5. package/components/bal-carousel-item.js +1 -1
  6. package/components/bal-checkbox-group.js +3 -3
  7. package/components/bal-checkbox2.js +1 -1
  8. package/components/bal-date-calendar2.js +1 -1
  9. package/components/bal-date.js +1 -1
  10. package/components/bal-dropdown.js +1 -1
  11. package/components/bal-field.js +1 -1
  12. package/components/bal-form.js +1 -1
  13. package/components/bal-modal.js +1 -1
  14. package/components/bal-nav-menu-flyout2.js +3 -10
  15. package/components/bal-nav-meta-bar2.js +2 -4
  16. package/components/bal-nav.js +33 -155
  17. package/components/bal-navbar-brand.js +1 -1
  18. package/components/bal-navbar-menu.js +1 -1
  19. package/components/bal-option-list.js +1 -1
  20. package/components/bal-radio-group.js +3 -3
  21. package/components/bal-radio2.js +1 -1
  22. package/components/bal-segment.js +3 -3
  23. package/components/bal-select2.js +1 -1
  24. package/components/bal-tab-item.js +2 -4
  25. package/components/bal-tabs2.js +2 -5
  26. package/components/focus.decorator.js +1 -1
  27. package/components/form-input.js +1 -1
  28. package/components/helpers.js +1 -1
  29. package/components/index.js +320 -13
  30. package/components/mutation.decorator.js +1 -1
  31. package/components/swiper.util.js +1 -1
  32. package/components/tokens.esm.js +1 -1
  33. package/components/visibility.decorator.js +1 -1
  34. package/dist/baloise-design-system/baloise-design-system.esm.js +1 -1
  35. package/dist/baloise-design-system/baloise-design-system.js +1 -1
  36. package/dist/baloise-design-system/index.esm.js +1 -1
  37. package/dist/baloise-design-system/p-002d7bb9.js +1 -0
  38. package/dist/baloise-design-system/p-00c2788841.entry.js +1 -0
  39. package/dist/baloise-design-system/{p-b0ad167225.system.entry.js → p-00e36bd710.system.entry.js} +1 -1
  40. package/dist/baloise-design-system/{p-dac493c4.system.js → p-01f07b49.system.js} +1 -1
  41. package/dist/baloise-design-system/{p-12b975fee6.system.entry.js → p-06d14aacfc.system.entry.js} +1 -1
  42. package/dist/baloise-design-system/{p-694808374d.system.entry.js → p-088aef322b.system.entry.js} +1 -1
  43. package/dist/baloise-design-system/{p-2af73f096f.entry.js → p-0c40a0d86b.entry.js} +1 -1
  44. package/dist/baloise-design-system/{p-9fe6f3f427.system.entry.js → p-0d3584a65f.system.entry.js} +1 -1
  45. package/dist/baloise-design-system/{p-2527be5bac.system.entry.js → p-1345eac467.system.entry.js} +1 -1
  46. package/dist/baloise-design-system/{p-1cfbf3093b.entry.js → p-191cb463ef.entry.js} +1 -1
  47. package/dist/baloise-design-system/{p-d41dcdebec.entry.js → p-19821082de.entry.js} +1 -1
  48. package/dist/baloise-design-system/p-1a3fd0b20d.system.entry.js +1 -0
  49. package/dist/baloise-design-system/{p-8b46496d71.system.entry.js → p-1bd08e1e63.system.entry.js} +1 -1
  50. package/dist/baloise-design-system/{p-02509f2aa1.system.entry.js → p-1d4ea7e42b.system.entry.js} +1 -1
  51. package/dist/baloise-design-system/{p-5d94ecd9.system.js → p-1d7c3cf2.system.js} +1 -1
  52. package/dist/baloise-design-system/p-1f91745ab3.system.entry.js +1 -0
  53. package/dist/baloise-design-system/{p-fd273f8f1e.entry.js → p-20bc89d933.entry.js} +1 -1
  54. package/dist/baloise-design-system/{p-aae6003e.js → p-20eba37f.js} +1 -1
  55. package/dist/baloise-design-system/{p-350a85a9.js → p-211a37e8.js} +1 -1
  56. package/dist/baloise-design-system/{p-0c34ba75.system.js → p-237de03b.system.js} +1 -1
  57. package/dist/baloise-design-system/{p-4af5f1f9.js → p-24fe64c5.js} +1 -1
  58. package/dist/baloise-design-system/{p-2a3e45fdfc.entry.js → p-279dbfbe05.entry.js} +1 -1
  59. package/dist/baloise-design-system/{p-4191bdf0.js → p-2a27350c.js} +1 -1
  60. package/dist/baloise-design-system/{p-576fea8fe0.system.entry.js → p-2c5c5716e7.system.entry.js} +1 -1
  61. package/dist/baloise-design-system/{p-4e8633942b.entry.js → p-2c909ec2ed.entry.js} +1 -1
  62. package/dist/baloise-design-system/{p-d96b1ee9.js → p-301a6b23.js} +1 -1
  63. package/dist/baloise-design-system/{p-6461e0dc8c.entry.js → p-3032d4ad66.entry.js} +1 -1
  64. package/dist/baloise-design-system/{p-e53cf246d6.system.entry.js → p-31baba8382.system.entry.js} +1 -1
  65. package/dist/baloise-design-system/{p-68f3a1d5de.entry.js → p-32db85222c.entry.js} +1 -1
  66. package/dist/baloise-design-system/p-345aa92d.system.js +1 -0
  67. package/dist/baloise-design-system/{p-e442bfd948.entry.js → p-34b6d66663.entry.js} +1 -1
  68. package/dist/baloise-design-system/{p-c1564c78.js → p-38aa6fee.js} +1 -1
  69. package/dist/baloise-design-system/{p-c3f74518ef.system.entry.js → p-38bca05d45.system.entry.js} +1 -1
  70. package/dist/baloise-design-system/{p-4ca4dff6.js → p-3913c6ae.js} +1 -1
  71. package/dist/baloise-design-system/{p-924b576e.system.js → p-3c15fb83.system.js} +1 -1
  72. package/dist/baloise-design-system/{p-24e83f3b0e.system.entry.js → p-3c39fe4b16.system.entry.js} +1 -1
  73. package/dist/baloise-design-system/{p-fb29992c.js → p-3ccf4ae8.js} +1 -1
  74. package/dist/baloise-design-system/{p-a7f480e29e.entry.js → p-3e0254a61f.entry.js} +1 -1
  75. package/dist/baloise-design-system/{p-584601ed8d.entry.js → p-41f36f7375.entry.js} +1 -1
  76. package/dist/baloise-design-system/p-456114b8.system.js +1 -0
  77. package/dist/baloise-design-system/{p-835cf9d5.system.js → p-47825fdf.system.js} +1 -1
  78. package/dist/baloise-design-system/p-48bee822ce.entry.js +1 -0
  79. package/dist/baloise-design-system/{p-0c336d76f5.entry.js → p-4b3b969747.entry.js} +1 -1
  80. package/dist/baloise-design-system/{p-7ace6bb2b2.system.entry.js → p-4f49822899.system.entry.js} +1 -1
  81. package/dist/baloise-design-system/p-5298de0e.system.js +1 -0
  82. package/dist/baloise-design-system/{p-0b2b3dbe1b.entry.js → p-5638fe223b.entry.js} +1 -1
  83. package/dist/baloise-design-system/{p-fe2ef334.system.js → p-565f9976.system.js} +1 -1
  84. package/dist/baloise-design-system/{p-bdf651c552.system.entry.js → p-57b41c6504.system.entry.js} +1 -1
  85. package/dist/baloise-design-system/{p-11230944ba.system.entry.js → p-5b20afcac4.system.entry.js} +1 -1
  86. package/dist/baloise-design-system/{p-8f0ace18a8.entry.js → p-5bb661c59b.entry.js} +1 -1
  87. package/dist/baloise-design-system/{p-70a29a3cf9.system.entry.js → p-5ce42985d4.system.entry.js} +1 -1
  88. package/dist/baloise-design-system/{p-3131f323.system.js → p-5f32b4f3.system.js} +1 -1
  89. package/dist/baloise-design-system/{p-0783dc98dd.system.entry.js → p-5fcfbec540.system.entry.js} +1 -1
  90. package/dist/baloise-design-system/{p-3f6fcc1a25.system.entry.js → p-6149950bb1.system.entry.js} +1 -1
  91. package/dist/baloise-design-system/{p-c75b737789.system.entry.js → p-61b67b07b2.system.entry.js} +1 -1
  92. package/dist/baloise-design-system/{p-5d54264e11.entry.js → p-654bc5873c.entry.js} +1 -1
  93. package/dist/baloise-design-system/{p-c942d04f.system.js → p-659ecadc.system.js} +1 -1
  94. package/dist/baloise-design-system/{p-4936cce309.entry.js → p-6700e35d71.entry.js} +1 -1
  95. package/dist/baloise-design-system/{p-eec38fbd.system.js → p-6b690346.system.js} +1 -1
  96. package/dist/baloise-design-system/{p-0aa6f3518b.system.entry.js → p-6bb4e22ace.system.entry.js} +1 -1
  97. package/dist/baloise-design-system/{p-00d74c5578.entry.js → p-6c1136af87.entry.js} +1 -1
  98. package/dist/baloise-design-system/{p-548ca0b3.js → p-6e85cd1a.js} +1 -1
  99. package/dist/baloise-design-system/{p-3fcfe14a45.system.entry.js → p-72414b93ef.system.entry.js} +1 -1
  100. package/dist/baloise-design-system/{p-599fe1aecd.system.entry.js → p-72c837904a.system.entry.js} +1 -1
  101. package/dist/baloise-design-system/{p-14df54b760.entry.js → p-748e3f7c7d.entry.js} +1 -1
  102. package/dist/baloise-design-system/{p-ddfc39d563.system.entry.js → p-7625d0abde.system.entry.js} +1 -1
  103. package/dist/baloise-design-system/{p-ea96959c66.system.entry.js → p-78b209fdb3.system.entry.js} +1 -1
  104. package/dist/baloise-design-system/{p-f19930db.js → p-79f6f58b.js} +1 -1
  105. package/dist/baloise-design-system/{p-27b9d8e173.entry.js → p-7cbb14c480.entry.js} +1 -1
  106. package/dist/baloise-design-system/{p-bb3d79e0.js → p-83ac9b11.js} +1 -1
  107. package/dist/baloise-design-system/{p-a6f19c8102.entry.js → p-848aa73224.entry.js} +1 -1
  108. package/dist/baloise-design-system/{p-01cd830b.system.js → p-863f4e4e.system.js} +1 -1
  109. package/dist/baloise-design-system/{p-4d5477db.js → p-875de117.js} +1 -1
  110. package/dist/baloise-design-system/{p-04515987c7.system.entry.js → p-8ebf048b7b.system.entry.js} +1 -1
  111. package/dist/baloise-design-system/{p-4a0012fa.js → p-8fc7e9ca.js} +1 -1
  112. package/dist/baloise-design-system/p-92964b4937.entry.js +1 -0
  113. package/dist/baloise-design-system/p-92b665e7.system.js +1 -0
  114. package/dist/baloise-design-system/{p-554346365a.entry.js → p-9577a33b58.entry.js} +1 -1
  115. package/dist/baloise-design-system/{p-dc1f26ed82.entry.js → p-97bb957512.entry.js} +1 -1
  116. package/dist/baloise-design-system/{p-efa88f9a.system.js → p-9a5b77d8.system.js} +1 -1
  117. package/dist/baloise-design-system/p-9c3f458e6c.entry.js +1 -0
  118. package/dist/baloise-design-system/{p-7267570ee4.system.entry.js → p-9c8bb7777c.system.entry.js} +1 -1
  119. package/dist/baloise-design-system/{p-6df2900b29.system.entry.js → p-9df176a81a.system.entry.js} +1 -1
  120. package/dist/baloise-design-system/{p-a82d082286.system.entry.js → p-9df40521e4.system.entry.js} +1 -1
  121. package/dist/baloise-design-system/{p-b0cf4731.js → p-a255c9b3.js} +1 -1
  122. package/dist/baloise-design-system/{p-5e506fea89.entry.js → p-a35a951800.entry.js} +1 -1
  123. package/dist/baloise-design-system/p-a397da94.system.js +1 -0
  124. package/dist/baloise-design-system/{p-5c391c5415.system.entry.js → p-a64c7a3b82.system.entry.js} +1 -1
  125. package/dist/baloise-design-system/{p-16f5c678f5.entry.js → p-a7963df92a.entry.js} +1 -1
  126. package/dist/baloise-design-system/{p-3d3aa421.js → p-a7be57b6.js} +1 -1
  127. package/dist/baloise-design-system/{p-371f93bd95.system.entry.js → p-a7de0bf339.system.entry.js} +1 -1
  128. package/dist/baloise-design-system/{p-4f1232cf16.system.entry.js → p-a86c09c64f.system.entry.js} +1 -1
  129. package/dist/baloise-design-system/{p-ae0d2039.system.js → p-a8955719.system.js} +1 -1
  130. package/dist/baloise-design-system/{p-659270e6.system.js → p-abd6896e.system.js} +1 -1
  131. package/dist/baloise-design-system/{p-5b163efa.js → p-ad14e9f9.js} +1 -1
  132. package/dist/baloise-design-system/{p-2d3770e7.system.js → p-ade9437f.system.js} +1 -1
  133. package/dist/baloise-design-system/{p-71fc84d0c0.system.entry.js → p-ae3df5bebc.system.entry.js} +1 -1
  134. package/dist/baloise-design-system/{p-e1f817daeb.system.entry.js → p-aee1b9619a.system.entry.js} +1 -1
  135. package/dist/baloise-design-system/p-af0585f6.js +1 -0
  136. package/dist/baloise-design-system/{p-16e0580134.entry.js → p-af1086f717.entry.js} +1 -1
  137. package/dist/baloise-design-system/{p-77c7a0b0.js → p-afd41db0.js} +1 -1
  138. package/dist/baloise-design-system/{p-1ef6d4ebd5.entry.js → p-b147ff1ced.entry.js} +1 -1
  139. package/dist/baloise-design-system/{p-e1daa037f5.entry.js → p-b3a9499f8e.entry.js} +1 -1
  140. package/dist/baloise-design-system/{p-6c080ebc.system.js → p-b50f4c4e.system.js} +1 -1
  141. package/dist/baloise-design-system/{p-ce0bb62f88.system.entry.js → p-b5b4c144a0.system.entry.js} +1 -1
  142. package/dist/baloise-design-system/{p-1272e3f9c5.system.entry.js → p-b794110da2.system.entry.js} +1 -1
  143. package/dist/baloise-design-system/{p-e004afb272.entry.js → p-b80f4f2be5.entry.js} +1 -1
  144. package/dist/baloise-design-system/{p-df9b8ff8.system.js → p-bdec7c17.system.js} +1 -1
  145. package/dist/baloise-design-system/{p-55ebd30d.js → p-c0173fff.js} +1 -1
  146. package/dist/baloise-design-system/{p-ba04f59382.entry.js → p-c1181d7258.entry.js} +1 -1
  147. package/dist/baloise-design-system/{p-faa524532a.entry.js → p-c24c3e208f.entry.js} +1 -1
  148. package/dist/baloise-design-system/{p-0ae449ae.system.js → p-c43a56b7.system.js} +1 -1
  149. package/dist/baloise-design-system/p-c5fc0e842c.system.entry.js +1 -0
  150. package/dist/baloise-design-system/{p-a7894ace.js → p-cb0ff37f.js} +1 -1
  151. package/dist/baloise-design-system/{p-de214c5ded.entry.js → p-d2b585ae74.entry.js} +1 -1
  152. package/dist/baloise-design-system/{p-d09490838c.system.entry.js → p-da804f45a6.system.entry.js} +1 -1
  153. package/dist/baloise-design-system/{p-cb9a61cf9f.entry.js → p-da86fecd46.entry.js} +1 -1
  154. package/dist/baloise-design-system/{p-2add7b3634.system.entry.js → p-dba2c7bb14.system.entry.js} +1 -1
  155. package/dist/baloise-design-system/{p-ad848b32cc.entry.js → p-de44e8a65c.entry.js} +1 -1
  156. package/dist/baloise-design-system/p-df94de7fb8.system.entry.js +1 -0
  157. package/dist/baloise-design-system/{p-4ad57bd1ee.entry.js → p-e2c982954d.entry.js} +1 -1
  158. package/dist/baloise-design-system/{p-42d1374d6f.system.entry.js → p-e3fb1f185f.system.entry.js} +1 -1
  159. package/dist/baloise-design-system/{p-f8db562aa1.entry.js → p-e87f91527f.entry.js} +1 -1
  160. package/dist/baloise-design-system/{p-5fbe1e715b.entry.js → p-eaed1f800c.entry.js} +1 -1
  161. package/dist/baloise-design-system/{p-ec1863d2.js → p-ec375851.js} +1 -1
  162. package/dist/baloise-design-system/{p-15f86fd2.js → p-f1052416.js} +1 -1
  163. package/dist/baloise-design-system/{p-2908a4b8.system.js → p-f52a27c1.system.js} +1 -1
  164. package/dist/baloise-design-system/{p-c1df952485.entry.js → p-f817eedc81.entry.js} +1 -1
  165. package/dist/baloise-design-system/{p-da6b6e18.system.js → p-fa4494e0.system.js} +1 -1
  166. package/dist/baloise-design-system/{p-b0471793.system.js → p-fa5198a0.system.js} +1 -1
  167. package/dist/cjs/{global-2a76769b.js → app-globals-0d8db19e.js} +4 -2
  168. package/dist/cjs/bal-carousel_2.cjs.entry.js +3 -3
  169. package/dist/cjs/bal-checkbox_2.cjs.entry.js +2 -2
  170. package/dist/cjs/bal-hint_5.cjs.entry.js +3 -3
  171. package/dist/cjs/bal-list_8.cjs.entry.js +3 -3
  172. package/dist/cjs/bal-logo.cjs.entry.js +3 -3
  173. package/dist/cjs/bal-nav_8.cjs.entry.js +38 -167
  174. package/dist/cjs/bal-navbar_5.cjs.entry.js +3 -3
  175. package/dist/cjs/bal-pagination.cjs.entry.js +3 -3
  176. package/dist/cjs/bal-progress-bar.cjs.entry.js +4 -4
  177. package/dist/cjs/bal-radio_2.cjs.entry.js +2 -2
  178. package/dist/cjs/bal-segment_2.cjs.entry.js +7 -7
  179. package/dist/cjs/bal-shape.cjs.entry.js +1 -1
  180. package/dist/cjs/bal-steps.cjs.entry.js +3 -3
  181. package/dist/cjs/bal-tab-item_2.cjs.entry.js +6 -11
  182. package/dist/cjs/baloise-design-system.cjs.js +2 -3
  183. package/dist/cjs/{breakpoints.decorator-93750fa2.js → breakpoints.decorator-e93836f7.js} +1 -1
  184. package/dist/cjs/{breakpoints.subject-814a8c58.js → breakpoints.subject-46e29594.js} +1 -1
  185. package/dist/cjs/index.cjs.js +18 -18
  186. package/dist/cjs/initialize-2e8978a4.js +1 -1
  187. package/dist/cjs/loader.cjs.js +2 -3
  188. package/dist/cjs/{tokens.esm-f1e99983.js → tokens.esm-b4bf229a.js} +1 -1
  189. package/dist/cjs/{window-resize.decorator-620a819b.js → window-resize.decorator-6954c7a2.js} +1 -1
  190. package/dist/collection/collection-manifest.json +1 -2
  191. package/dist/collection/components/bal-checkbox/bal-checkbox-group/bal-checkbox-group.js +2 -2
  192. package/dist/collection/components/bal-nav/bal-nav-menu-flyout/bal-nav-menu-flyout.js +2 -40
  193. package/dist/collection/components/bal-nav/bal-nav-meta-bar/bal-nav-meta-bar.css +1 -1
  194. package/dist/collection/components/bal-nav/bal-nav-meta-bar/bal-nav-meta-bar.js +1 -22
  195. package/dist/collection/components/bal-nav/bal-nav.css +1 -1
  196. package/dist/collection/components/bal-nav/bal-nav.js +8 -43
  197. package/dist/collection/components/bal-nav/models/bal-nav-menu-link-item.js +5 -6
  198. package/dist/collection/components/bal-radio/bal-radio-group/bal-radio-group.js +2 -2
  199. package/dist/collection/components/bal-segment/bal-segment.js +3 -3
  200. package/dist/collection/components/bal-tabs/bal-tab-item/bal-tab-item.js +2 -23
  201. package/dist/collection/components/bal-tabs/components/tab-button.js +3 -6
  202. package/dist/collection/index.js +21 -27
  203. package/dist/collection/utils/constants/version.constant.js +1 -1
  204. package/dist/esm/{animation.decorator-7fca988f.js → animation.decorator-49923a4a.js} +1 -1
  205. package/dist/esm/app-globals-5dd5fe6b.js +9 -0
  206. package/dist/esm/bal-accordion_4.entry.js +5 -5
  207. package/dist/esm/bal-app.entry.js +2 -2
  208. package/dist/esm/bal-button_2.entry.js +2 -2
  209. package/dist/esm/bal-carousel_2.entry.js +14 -14
  210. package/dist/esm/bal-checkbox_2.entry.js +8 -8
  211. package/dist/esm/bal-close.entry.js +3 -3
  212. package/dist/esm/bal-date-calendar-cell.entry.js +3 -3
  213. package/dist/esm/bal-date-calendar_2.entry.js +8 -8
  214. package/dist/esm/bal-date.entry.js +7 -7
  215. package/dist/esm/bal-dropdown.entry.js +6 -6
  216. package/dist/esm/bal-field_5.entry.js +3 -3
  217. package/dist/esm/bal-file-upload.entry.js +3 -3
  218. package/dist/esm/bal-footer.entry.js +4 -4
  219. package/dist/esm/bal-form.entry.js +2 -2
  220. package/dist/esm/bal-hint_5.entry.js +6 -6
  221. package/dist/esm/bal-icon.entry.js +3 -3
  222. package/dist/esm/bal-input-slider.entry.js +3 -3
  223. package/dist/esm/bal-input-stepper.entry.js +6 -6
  224. package/dist/esm/bal-input.entry.js +3 -3
  225. package/dist/esm/bal-label.entry.js +3 -3
  226. package/dist/esm/bal-list_8.entry.js +9 -9
  227. package/dist/esm/bal-logo.entry.js +6 -6
  228. package/dist/esm/bal-modal_3.entry.js +3 -3
  229. package/dist/esm/bal-nav_8.entry.js +44 -173
  230. package/dist/esm/bal-navbar_5.entry.js +7 -7
  231. package/dist/esm/bal-number-input.entry.js +6 -6
  232. package/dist/esm/bal-option_2.entry.js +4 -4
  233. package/dist/esm/bal-pagination.entry.js +7 -7
  234. package/dist/esm/bal-popup.entry.js +4 -4
  235. package/dist/esm/bal-progress-bar.entry.js +6 -6
  236. package/dist/esm/bal-radio_2.entry.js +8 -8
  237. package/dist/esm/bal-segment_2.entry.js +13 -13
  238. package/dist/esm/bal-select_2.entry.js +3 -3
  239. package/dist/esm/bal-shape.entry.js +1 -1
  240. package/dist/esm/bal-spinner.entry.js +4 -4
  241. package/dist/esm/bal-stage_6.entry.js +2 -2
  242. package/dist/esm/bal-steps.entry.js +7 -7
  243. package/dist/esm/bal-tab-item_2.entry.js +18 -23
  244. package/dist/esm/bal-textarea.entry.js +3 -3
  245. package/dist/esm/bal-time-input.entry.js +5 -5
  246. package/dist/esm/bal-tooltip.entry.js +3 -3
  247. package/dist/esm/baloise-design-system.js +6 -7
  248. package/dist/esm/{breakpoints.decorator-8f62709d.js → breakpoints.decorator-133a72bf.js} +1 -1
  249. package/dist/esm/{breakpoints.subject-3a03b167.js → breakpoints.subject-76dd4b56.js} +2 -2
  250. package/dist/esm/{config.decorator-6795d1fe.js → config.decorator-42dba864.js} +1 -1
  251. package/dist/esm/{config.default-53a04699.js → config.default-8e11a860.js} +1 -1
  252. package/dist/esm/{config.utils-f3793464.js → config.utils-cd529084.js} +1 -1
  253. package/dist/esm/{date-87bdb1d1.js → date-a9304ff8.js} +1 -1
  254. package/dist/esm/{element-states.decorator-d99dc83c.js → element-states.decorator-0688a178.js} +1 -1
  255. package/dist/esm/{floating-ui-8ffbc979.js → floating-ui-775ee3d1.js} +1 -1
  256. package/dist/esm/{focus.decorator-988245d7.js → focus.decorator-5575312f.js} +1 -1
  257. package/dist/esm/{form-input-1ebdb905.js → form-input-263e6f5b.js} +1 -1
  258. package/dist/esm/{helpers-51d51cc5.js → helpers-94c3fbac.js} +2 -2
  259. package/dist/esm/index.js +15 -15
  260. package/dist/esm/{initialize-c00194b2.js → initialize-be160cc4.js} +4 -4
  261. package/dist/esm/loader.js +6 -7
  262. package/dist/esm/{mutation.decorator-6a69cedb.js → mutation.decorator-e915d053.js} +1 -1
  263. package/dist/esm/{number-ccf3fbd0.js → number-d75635a2.js} +2 -2
  264. package/dist/esm/{overlays-cee3838b.js → overlays-3f81f45d.js} +1 -1
  265. package/dist/esm/{resize.decorator-3c8e5ee2.js → resize.decorator-08f6286b.js} +1 -1
  266. package/dist/esm/{swipe.decorator-3d3585e7.js → swipe.decorator-902c4936.js} +1 -1
  267. package/dist/esm/{swipe.subject-26a9e5a5.js → swipe.subject-fbdb665a.js} +1 -1
  268. package/dist/esm/{swiper.util-8e17b8c4.js → swiper.util-5f92ac1c.js} +2 -2
  269. package/dist/esm/{tokens.esm-03cdda91.js → tokens.esm-dc280d50.js} +1 -1
  270. package/dist/esm/{visibility.decorator-5db91610.js → visibility.decorator-ee4b6682.js} +1 -1
  271. package/dist/esm/{window-resize.decorator-3eaade78.js → window-resize.decorator-aa625d55.js} +1 -1
  272. package/dist/esm-es5/{animation.decorator-7fca988f.js → animation.decorator-49923a4a.js} +1 -1
  273. package/dist/esm-es5/app-globals-5dd5fe6b.js +1 -0
  274. package/dist/esm-es5/bal-accordion_4.entry.js +1 -1
  275. package/dist/esm-es5/bal-app.entry.js +1 -1
  276. package/dist/esm-es5/bal-button_2.entry.js +1 -1
  277. package/dist/esm-es5/bal-carousel_2.entry.js +1 -1
  278. package/dist/esm-es5/bal-checkbox_2.entry.js +1 -1
  279. package/dist/esm-es5/bal-close.entry.js +1 -1
  280. package/dist/esm-es5/bal-date-calendar-cell.entry.js +1 -1
  281. package/dist/esm-es5/bal-date-calendar_2.entry.js +1 -1
  282. package/dist/esm-es5/bal-date.entry.js +1 -1
  283. package/dist/esm-es5/bal-dropdown.entry.js +1 -1
  284. package/dist/esm-es5/bal-field_5.entry.js +1 -1
  285. package/dist/esm-es5/bal-file-upload.entry.js +1 -1
  286. package/dist/esm-es5/bal-footer.entry.js +1 -1
  287. package/dist/esm-es5/bal-form.entry.js +1 -1
  288. package/dist/esm-es5/bal-hint_5.entry.js +1 -1
  289. package/dist/esm-es5/bal-icon.entry.js +1 -1
  290. package/dist/esm-es5/bal-input-slider.entry.js +1 -1
  291. package/dist/esm-es5/bal-input-stepper.entry.js +1 -1
  292. package/dist/esm-es5/bal-input.entry.js +1 -1
  293. package/dist/esm-es5/bal-label.entry.js +1 -1
  294. package/dist/esm-es5/bal-list_8.entry.js +1 -1
  295. package/dist/esm-es5/bal-logo.entry.js +1 -1
  296. package/dist/esm-es5/bal-modal_3.entry.js +1 -1
  297. package/dist/esm-es5/bal-nav_8.entry.js +1 -1
  298. package/dist/esm-es5/bal-navbar_5.entry.js +1 -1
  299. package/dist/esm-es5/bal-number-input.entry.js +1 -1
  300. package/dist/esm-es5/bal-option_2.entry.js +1 -1
  301. package/dist/esm-es5/bal-pagination.entry.js +1 -1
  302. package/dist/esm-es5/bal-popup.entry.js +1 -1
  303. package/dist/esm-es5/bal-progress-bar.entry.js +1 -1
  304. package/dist/esm-es5/bal-radio_2.entry.js +1 -1
  305. package/dist/esm-es5/bal-segment_2.entry.js +1 -1
  306. package/dist/esm-es5/bal-select_2.entry.js +1 -1
  307. package/dist/esm-es5/bal-shape.entry.js +1 -1
  308. package/dist/esm-es5/bal-spinner.entry.js +1 -1
  309. package/dist/esm-es5/bal-stage_6.entry.js +1 -1
  310. package/dist/esm-es5/bal-steps.entry.js +1 -1
  311. package/dist/esm-es5/bal-tab-item_2.entry.js +1 -1
  312. package/dist/esm-es5/bal-textarea.entry.js +1 -1
  313. package/dist/esm-es5/bal-time-input.entry.js +1 -1
  314. package/dist/esm-es5/bal-tooltip.entry.js +1 -1
  315. package/dist/esm-es5/baloise-design-system.js +1 -1
  316. package/dist/esm-es5/{breakpoints.decorator-8f62709d.js → breakpoints.decorator-133a72bf.js} +1 -1
  317. package/dist/esm-es5/{breakpoints.subject-3a03b167.js → breakpoints.subject-76dd4b56.js} +1 -1
  318. package/dist/esm-es5/config.decorator-42dba864.js +1 -0
  319. package/dist/esm-es5/{config.default-53a04699.js → config.default-8e11a860.js} +1 -1
  320. package/dist/esm-es5/{config.utils-f3793464.js → config.utils-cd529084.js} +1 -1
  321. package/dist/esm-es5/{date-87bdb1d1.js → date-a9304ff8.js} +1 -1
  322. package/dist/esm-es5/{element-states.decorator-d99dc83c.js → element-states.decorator-0688a178.js} +1 -1
  323. package/dist/esm-es5/{floating-ui-8ffbc979.js → floating-ui-775ee3d1.js} +1 -1
  324. package/dist/esm-es5/{focus.decorator-988245d7.js → focus.decorator-5575312f.js} +1 -1
  325. package/dist/esm-es5/{form-input-1ebdb905.js → form-input-263e6f5b.js} +1 -1
  326. package/dist/esm-es5/{helpers-51d51cc5.js → helpers-94c3fbac.js} +1 -1
  327. package/dist/esm-es5/index.js +1 -1
  328. package/dist/esm-es5/{initialize-c00194b2.js → initialize-be160cc4.js} +1 -1
  329. package/dist/esm-es5/loader.js +1 -1
  330. package/dist/esm-es5/{mutation.decorator-6a69cedb.js → mutation.decorator-e915d053.js} +1 -1
  331. package/dist/esm-es5/number-d75635a2.js +1 -0
  332. package/dist/esm-es5/{overlays-cee3838b.js → overlays-3f81f45d.js} +1 -1
  333. package/dist/esm-es5/{resize.decorator-3c8e5ee2.js → resize.decorator-08f6286b.js} +1 -1
  334. package/dist/esm-es5/{swipe.decorator-3d3585e7.js → swipe.decorator-902c4936.js} +1 -1
  335. package/dist/esm-es5/{swipe.subject-26a9e5a5.js → swipe.subject-fbdb665a.js} +1 -1
  336. package/dist/esm-es5/{swiper.util-8e17b8c4.js → swiper.util-5f92ac1c.js} +1 -1
  337. package/dist/esm-es5/{visibility.decorator-5db91610.js → visibility.decorator-ee4b6682.js} +1 -1
  338. package/dist/esm-es5/{window-resize.decorator-3eaade78.js → window-resize.decorator-aa625d55.js} +1 -1
  339. package/dist/html.html-data.json +0 -4
  340. package/dist/types/components/bal-checkbox/bal-checkbox-group/bal-checkbox-group.d.ts +2 -2
  341. package/dist/types/components/bal-nav/bal-nav-menu-flyout/bal-nav-menu-flyout.d.ts +1 -6
  342. package/dist/types/components/bal-nav/bal-nav-meta-bar/bal-nav-meta-bar.d.ts +0 -4
  343. package/dist/types/components/bal-nav/bal-nav.interfaces.d.ts +1 -7
  344. package/dist/types/components/bal-nav/models/bal-nav-menu-link-item.d.ts +0 -1
  345. package/dist/types/components/bal-radio/bal-radio-group/bal-radio-group.d.ts +2 -2
  346. package/dist/types/components/bal-segment/bal-segment.d.ts +2 -2
  347. package/dist/types/components/bal-tabs/bal-tab-item/bal-tab-item.d.ts +0 -5
  348. package/dist/types/components/bal-tabs/bal-tab.type.d.ts +0 -1
  349. package/dist/types/components/bal-tabs/bal-tabs.interfaces.d.ts +0 -2
  350. package/dist/types/components.d.ts +0 -69
  351. package/dist/types/index.d.ts +23 -25
  352. package/package.json +6 -6
  353. package/components/bal-app2.js +0 -95
  354. package/components/bal-doc-app.d.ts +0 -11
  355. package/components/bal-doc-app.js +0 -262
  356. package/components/initialize.js +0 -312
  357. package/dist/baloise-design-system/p-0c352526.system.js +0 -1
  358. package/dist/baloise-design-system/p-13d44256.system.js +0 -1
  359. package/dist/baloise-design-system/p-216c816074.system.entry.js +0 -1
  360. package/dist/baloise-design-system/p-241cd947.system.js +0 -1
  361. package/dist/baloise-design-system/p-36c605b7ed.entry.js +0 -1
  362. package/dist/baloise-design-system/p-39e0a066.js +0 -1
  363. package/dist/baloise-design-system/p-4fea94e0.js +0 -1
  364. package/dist/baloise-design-system/p-5420740f.system.js +0 -1
  365. package/dist/baloise-design-system/p-62817e8ac6.entry.js +0 -1
  366. package/dist/baloise-design-system/p-714e67e02b.entry.js +0 -1
  367. package/dist/baloise-design-system/p-73bf956385.system.entry.js +0 -1
  368. package/dist/baloise-design-system/p-81fba1c691.entry.js +0 -1
  369. package/dist/baloise-design-system/p-86621bd1a3.system.entry.js +0 -1
  370. package/dist/baloise-design-system/p-8b791b36.js +0 -1
  371. package/dist/baloise-design-system/p-ab6510f1.system.js +0 -1
  372. package/dist/baloise-design-system/p-d41bc90ec9.entry.js +0 -1
  373. package/dist/baloise-design-system/p-d786f04bee.system.entry.js +0 -1
  374. package/dist/baloise-design-system/p-eb70745672.system.entry.js +0 -1
  375. package/dist/baloise-design-system/p-fbce8119.system.js +0 -1
  376. package/dist/cjs/app-globals-f63c33e7.js +0 -7
  377. package/dist/cjs/bal-doc-app.cjs.entry.js +0 -233
  378. package/dist/collection/components/bal-nav/bal-nav-focus.util.js +0 -87
  379. package/dist/collection/components/docs/bal-doc-app/bal-doc-app.css +0 -1
  380. package/dist/collection/components/docs/bal-doc-app/bal-doc-app.js +0 -247
  381. package/dist/esm/app-globals-47f73608.js +0 -5
  382. package/dist/esm/bal-doc-app.entry.js +0 -229
  383. package/dist/esm/global-85ac0fa5.js +0 -7
  384. package/dist/esm-es5/app-globals-47f73608.js +0 -1
  385. package/dist/esm-es5/bal-doc-app.entry.js +0 -1
  386. package/dist/esm-es5/config.decorator-6795d1fe.js +0 -1
  387. package/dist/esm-es5/global-85ac0fa5.js +0 -1
  388. package/dist/esm-es5/number-ccf3fbd0.js +0 -1
  389. package/dist/types/components/bal-nav/bal-nav-focus.util.d.ts +0 -33
  390. package/dist/types/components/docs/bal-doc-app/bal-doc-app.d.ts +0 -21
  391. package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/icons/src/index.d.ts +0 -82
  392. /package/dist/baloise-design-system/{p-22ac062f.js → p-f35655f3.js} +0 -0
  393. /package/dist/baloise-design-system/{p-195e2346.system.js → p-fd6073b5.system.js} +0 -0
  394. /package/dist/esm-es5/{tokens.esm-03cdda91.js → tokens.esm-dc280d50.js} +0 -0
package/dist/cjs/bal-list_8.cjs.entry.js CHANGED
@@ -8,9 +8,9 @@ const tslib_es6 = require('./tslib.es6-a680968e.js');
8
8
  const helpers = require('./helpers-debb881a.js');
9
9
  const log = require('./log-33398c2a.js');
10
10
  const config_decorator = require('./config.decorator-de244188.js');
11
- const breakpoints_subject = require('./breakpoints.subject-814a8c58.js');
11
+ const breakpoints_subject = require('./breakpoints.subject-46e29594.js');
12
12
  const resize_decorator = require('./resize.decorator-e4a92322.js');
13
- const breakpoints_decorator = require('./breakpoints.decorator-93750fa2.js');
13
+ const breakpoints_decorator = require('./breakpoints.decorator-e93836f7.js');
14
14
  const aria = require('./aria-7672033f.js');
15
15
  const formInput = require('./form-input-e9974433.js');
16
16
  const keyboard_helpers = require('./keyboard.helpers-2093e793.js');
@@ -19,7 +19,7 @@ require('./browser-1d542d0f.js');
19
19
  require('./config.utils-df30e424.js');
20
20
  require('./device-9f97a845.js');
21
21
  require('./listener-52d2e5fd.js');
22
- require('./tokens.esm-f1e99983.js');
22
+ require('./tokens.esm-b4bf229a.js');
23
23
 
24
24
  const balListCss = ":root{--bal-list-item-radius:var(--bal-radius-normal);--bal-list-item-subtile-color:var(--bal-color-text-primary);--bal-list-item-background-hover:var(--bal-color-light-blue-5);--bal-list-item-background-active:var(--bal-color-primary-6);--bal-list-item-on-dark-color:var(--bal-color-text-white);--bal-list-item-on-dark-background-hover:var(--bal-color-light-blue-2);--bal-list-item-on-dark-background-active:var(--bal-color-light-blue-4);--bal-list-item-disabled-color:var(--bal-color-text-grey);--bal-list-item-disabled-fill:var(--bal-color-grey-5);--bal-list-item-disabled-background:var(--bal-color-grey-2);--bal-list-item-disabled-on-dark-background:var(--bal-color-primary-4);--bal-list-item-disabled-on-dark-color:var(--bal-color-text-grey);--bal-list-item-disabled-on-dark-fill:var(--bal-color-grey-5);--bal-list-item-disabled-on-color-background:var(--bal-color-primary-4);--bal-list-item-disabled-on-color-color:var(--bal-color-primary-4);--bal-list-item-disabled-on-color-fill:var(--bal-color-primary-4);--bal-list-item-border-background:var(--bal-color-grey-2);--bal-list-item-border-on-color-background:var(--bal-color-primary);--bal-list-item-border-on-dark-background:var(--bal-color-primary-4);--bal-list-accordion-head-color-hover:var(--bal-color-text-light-blue);--bal-list-accordion-head-background-hover:var(--bal-color-light-blue-5);--bal-list-accordion-head-color-active:var(--bal-color-text-primary-dark);--bal-list-accordion-head-background-active:var(--bal-color-primary-6);--bal-list-accordion-body-color:var(--bal-color-text-white);--bal-list-accordion-head-on-dark-color-hover:var(--bal-color-light-blue-2);--bal-list-accordion-head-on-dark-background-hover:var(--bal-color-light-blue-2);--bal-list-accordion-head-on-dark-color-active:var(--bal-color-light-blue-3);--bal-list-accordion-head-on-dark-background-active:var(--bal-color-light-blue-3)}.bal-list,.bal-list__item,.bal-list__item>a,.bal-list__item>button,.bal-list__item>div,.bal-list__item__icon,.bal-list__item__title,.bal-list__item__link,.bal-list__item__subtitle,.bal-list__item__content{position:static;display:-ms-flexbox;display:flex}.bal-list,.bal-list__item__content{-ms-flex-direction:column;flex-direction:column}.bal-list__item__title,.bal-list__item__subtitle{text-align:left}.bal-list,.bal-list__item,.bal-list__item>div,.bal-list__item>a,.bal-list__item>button{width:100%}.bal-list__item,.bal-list__item>a,.bal-list__item>div,.bal-list__item>button{-ms-flex-align:center;align-items:center;-webkit-column-gap:1rem;-moz-column-gap:1rem;column-gap:1rem}.bal-list__item:not(.bal-list__item__accordion-head):not(.bal-list__item__accordion-body),.bal-list__item:not(.bal-list__item__accordion-head):not(.bal-list__item__accordion-body)>a,.bal-list__item:not(.bal-list__item__accordion-head):not(.bal-list__item__accordion-body)>div,.bal-list__item:not(.bal-list__item__accordion-head):not(.bal-list__item__accordion-body)>button{min-height:3.5rem}.bal-list--size-small .bal-list__item:not(.bal-list__item__accordion-head):not(.bal-list__item__accordion-body),.bal-list--size-small .bal-list__item:not(.bal-list__item__accordion-head):not(.bal-list__item__accordion-body)>a,.bal-list--size-small .bal-list__item:not(.bal-list__item__accordion-head):not(.bal-list__item__accordion-body)>div,.bal-list--size-small .bal-list__item:not(.bal-list__item__accordion-head):not(.bal-list__item__accordion-body)>button{min-height:3rem}.bal-list__item>a,.bal-list__item>div,.bal-list__item>button{padding:.5rem 0;margin:0;outline:none;border-radius:var(--bal-list-item-radius)}.bal-list--size-small .bal-list__item>a,.bal-list--size-small .bal-list__item>div,.bal-list--size-small .bal-list__item>button{padding:2px 0}.bal-list__item{position:relative}.bal-list__item a{text-decoration:none}.bal-list__item button{background:rgba(0,0,0,0);border:none}.bal-list__item__subtitle{color:var(--bal-list-item-subtile-color);font-size:var(--bal-text-size-small);line-height:var(--bal-line-height-small)}@media screen and (min-width: 769px),print{.bal-list__item__subtitle{font-size:var(--bal-text-size-small-tablet);line-height:var(--bal-line-height-tablet-small)}}@media screen and (min-width: 1024px){.bal-list__item__subtitle{font-size:var(--bal-text-size-small-desktop);line-height:var(--bal-line-height-desktop-small)}}.bal-list__item:not(.bal-list__item__accordion-head),.bal-list__item:not(.bal-list__item__accordion-head)>a,.bal-list__item:not(.bal-list__item__accordion-head)>div,.bal-list__item:not(.bal-list__item__accordion-head)>button,.bal-list__item__content{-ms-flex:1;flex:1}.bal-list__item__content{-ms-flex-pack:center;justify-content:center}.bal-list__item__content--start{-ms-flex-pack:start;justify-content:flex-start}.bal-list__item__content--center{-ms-flex-pack:center;justify-content:center}.bal-list__item__content--end{-ms-flex-pack:end;justify-content:flex-end}.bal-list__item__content--space-between{-ms-flex-pack:justify;justify-content:space-between}.bal-list__item__icon{min-width:1.5rem;min-height:3.5rem;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.bal-list--size-small .bal-list__item__icon{min-height:calc(3rem - 4px)}.bal-list--size-normal>.bal-list__item>.bal-list__item__trigger>.bal-list__item__accordion-head>.bal-list__item__icon,.bal-list--size-normal>.bal-list__item>.bal-list__item__trigger>.bal-list__item__accordion-head{min-height:3rem}.bal-list--size-small>.bal-list__item:not(.bal-list__item__accordion-body),.bal-list--size-small>.bal-list__item:not(.bal-list__item__accordion-body)>a,.bal-list--size-small>.bal-list__item:not(.bal-list__item__accordion-body)>div,.bal-list--size-small>.bal-list__item:not(.bal-list__item__accordion-body)>button,.bal-list--size-small>.bal-list__item>.bal-list__item__icon{min-height:3rem}.bal-list--size-large>.bal-list__item:not(.bal-list__item__accordion-body),.bal-list--size-large>.bal-list__item:not(.bal-list__item__accordion-body)>a,.bal-list--size-large>.bal-list__item:not(.bal-list__item__accordion-body)>div,.bal-list--size-large>.bal-list__item:not(.bal-list__item__accordion-body)>button,.bal-list--size-large>.bal-list__item>.bal-list__item__trigger>.bal-list__item__accordion-head>.bal-list__item__icon,.bal-list--size-large>.bal-list__item>.bal-list__item__trigger>.bal-list__item__accordion-head,.bal-list--size-large>.bal-list__item>.bal-list__item__icon{min-height:4.5rem}.bal-list--size-large>.bal-list__item>.bal-list__item__trigger>.bal-list__item__accordion-head>.bal-list__item__icon,.bal-list--size-large>.bal-list__item>.bal-list__item__trigger>.bal-list__item__accordion-head{min-height:3.5rem}.bal-list__item--clickable .bal-list__item__accordion-head,.bal-list__item--clickable a:not(.is-link),.bal-list__item--clickable button:not(.button){cursor:pointer;pointer-events:inherit}@media (hover: hover)and (pointer: fine){.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable .bal-list__item__accordion-head:hover .bal-list__item__title .title,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable .bal-list__item__accordion-head:hover .bal-list__item__title .bal-heading__text,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable .bal-list__item__accordion-head:hover .bal-list__item__subtitle,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable a:not(.is-link):hover .bal-list__item__title .title,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable a:not(.is-link):hover .bal-list__item__title .bal-heading__text,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable a:not(.is-link):hover .bal-list__item__subtitle,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable button:not(.button):hover .bal-list__item__title .title,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable button:not(.button):hover .bal-list__item__title .bal-heading__text,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable button:not(.button):hover .bal-list__item__subtitle{color:var(--bal-list-accordion-head-color-hover) !important}.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable .bal-list__item__accordion-head:hover .bal-list__item__icon svg,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable .bal-list__item__accordion-head:hover .bal-list__item__icon svg g,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable .bal-list__item__accordion-head:hover .bal-list__item__icon svg path,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable .bal-list__item__accordion-head:hover .bal-list__item__icon svg circle,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable a:not(.is-link):hover .bal-list__item__icon svg,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable a:not(.is-link):hover .bal-list__item__icon svg g,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable a:not(.is-link):hover .bal-list__item__icon svg path,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable a:not(.is-link):hover .bal-list__item__icon svg circle,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable button:not(.button):hover .bal-list__item__icon svg,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable button:not(.button):hover .bal-list__item__icon svg g,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable button:not(.button):hover .bal-list__item__icon svg path,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable button:not(.button):hover .bal-list__item__icon svg circle{fill:var(--bal-list-accordion-head-background-hover) !important}}@media screen and (min-width: 1024px){.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable .bal-list__item__accordion-head:active .bal-list__item__title .title,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable .bal-list__item__accordion-head:active .bal-list__item__title .bal-heading__text,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable .bal-list__item__accordion-head:active .bal-list__item__subtitle,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable a:not(.is-link):active .bal-list__item__title .title,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable a:not(.is-link):active .bal-list__item__title .bal-heading__text,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable a:not(.is-link):active .bal-list__item__subtitle,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable button:not(.button):active .bal-list__item__title .title,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable button:not(.button):active .bal-list__item__title .bal-heading__text,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable button:not(.button):active .bal-list__item__subtitle{color:var(--bal-list-accordion-head-color-active) !important}}@media screen and (min-width: 1024px){.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable .bal-list__item__accordion-head:active .bal-list__item__icon svg,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable .bal-list__item__accordion-head:active .bal-list__item__icon svg g,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable .bal-list__item__accordion-head:active .bal-list__item__icon svg path,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable .bal-list__item__accordion-head:active .bal-list__item__icon svg circle,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable a:not(.is-link):active .bal-list__item__icon svg,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable a:not(.is-link):active .bal-list__item__icon svg g,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable a:not(.is-link):active .bal-list__item__icon svg path,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable a:not(.is-link):active .bal-list__item__icon svg circle,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable button:not(.button):active .bal-list__item__icon svg,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable button:not(.button):active .bal-list__item__icon svg g,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable button:not(.button):active .bal-list__item__icon svg path,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable button:not(.button):active .bal-list__item__icon svg circle{fill:var(--bal-list-accordion-head-background-active) !important}}.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable .bal-list__item__accordion-head:focus-visible,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable a:not(.is-link):focus-visible,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable button:not(.button):focus-visible{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable .bal-list__item__accordion-head:focus-visible:after,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable a:not(.is-link):focus-visible:after,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable button:not(.button):focus-visible:after{content:none !important}.bal-list--background-dark .bal-list__item .bal-list__item__title .title,.bal-list--background-dark .bal-list__item .bal-list__item__title .bal-heading__text,.bal-list--background-dark .bal-list__item .bal-list__item__subtitle{color:var(--bal-list-item-on-dark-color)}.bal-list--background-dark .bal-list__item__icon svg,.bal-list--background-dark .bal-list__item__icon svg g,.bal-list--background-dark .bal-list__item__icon svg path,.bal-list--background-dark .bal-list__item__icon svg circle{fill:var(--bal-list-item-on-dark-color)}@media (hover: hover)and (pointer: fine){.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable .bal-list__item__accordion-head:hover .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable .bal-list__item__accordion-head:hover .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable .bal-list__item__accordion-head:hover .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable a:not(.is-link):hover .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable a:not(.is-link):hover .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable a:not(.is-link):hover .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable button:not(.button):hover .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable button:not(.button):hover .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable button:not(.button):hover .bal-list__item__subtitle{color:var(--bal-list-accordion-head-on-dark-color-hover) !important}.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable .bal-list__item__accordion-head:hover .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable .bal-list__item__accordion-head:hover .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable .bal-list__item__accordion-head:hover .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable .bal-list__item__accordion-head:hover .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable a:not(.is-link):hover .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable a:not(.is-link):hover .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable a:not(.is-link):hover .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable a:not(.is-link):hover .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable button:not(.button):hover .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable button:not(.button):hover .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable button:not(.button):hover .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable button:not(.button):hover .bal-list__item__icon svg circle{fill:var(--bal-list-accordion-head-on-dark-background-hover) !important}}@media screen and (min-width: 1024px){.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable .bal-list__item__accordion-head:active .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable .bal-list__item__accordion-head:active .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable .bal-list__item__accordion-head:active .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable a:not(.is-link):active .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable a:not(.is-link):active .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable a:not(.is-link):active .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable button:not(.button):active .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable button:not(.button):active .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable button:not(.button):active .bal-list__item__subtitle{color:var(--bal-list-accordion-head-on-dark-color-active) !important}}@media screen and (min-width: 1024px){.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable .bal-list__item__accordion-head:active .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable .bal-list__item__accordion-head:active .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable .bal-list__item__accordion-head:active .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable .bal-list__item__accordion-head:active .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable a:not(.is-link):active .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable a:not(.is-link):active .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable a:not(.is-link):active .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable a:not(.is-link):active .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable button:not(.button):active .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable button:not(.button):active .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable button:not(.button):active .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable button:not(.button):active .bal-list__item__icon svg circle{fill:var(--bal-list-accordion-head-on-dark-background-active) !important}}.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable .bal-list__item__accordion-head:focus-visible,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable a:not(.is-link):focus-visible,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable button:not(.button):focus-visible{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable .bal-list__item__accordion-head:focus-visible:after,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable a:not(.is-link):focus-visible:after,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable button:not(.button):focus-visible:after{content:none !important}.bal-list--disabled,.bal-list--disabled .bal-list__item,.bal-list--disabled .bal-list__item a:not(.is-link),.bal-list--disabled .bal-list__item button:not(.button){cursor:default !important;pointer-events:none !important;-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important}.bal-list--border:not(.bal-list--nested)>.bal-list__item>div:after,.bal-list--border:not(.bal-list--nested)>.bal-list__item>a.bal-list__item__trigger:not(.is-link):after,.bal-list--border:not(.bal-list--nested)>.bal-list__item>button.bal-list__item__trigger:not(.button):not([type=button]):after,.bal-list--border.bal-list--nested>.bal-list__item:not(:last-child)>div:after,.bal-list--border.bal-list--nested>.bal-list__item:not(:last-child)>a.bal-list__item__trigger:not(.is-link):after,.bal-list--border.bal-list--nested>.bal-list__item:not(:last-child)>button.bal-list__item__trigger:not(.button):not([type=button]):after{content:\"\";height:2px;border-radius:var(--bal-list-item-radius);width:100%;position:absolute;bottom:0;left:0;right:0}.bal-list--border .bal-list__item>div:after,.bal-list--border .bal-list__item a:not(.is-link):after,.bal-list--border .bal-list__item button:not(.button):not([type=button]):after,.bal-list--border .bal-list__item--disabled>div:after,.bal-list--border .bal-list__item--disabled a:not(.is-link):after,.bal-list--border .bal-list__item--disabled button:not(.button):not([type=button]):after{background:var(--bal-list-item-disabled-background)}@media (hover: hover)and (pointer: fine){.bal-list--border .bal-list__item.bal-list__item--clickable:not(.bal-list__item--accordion):not(.bal-list__item--disabled)>div:hover:after,.bal-list--border .bal-list__item.bal-list__item--clickable:not(.bal-list__item--accordion):not(.bal-list__item--disabled) a:not(.is-link):hover:after,.bal-list--border .bal-list__item.bal-list__item--clickable:not(.bal-list__item--accordion):not(.bal-list__item--disabled) button:not(.button):hover:after{background:var(--bal-list-item-background-hover)}}@media screen and (min-width: 1024px){.bal-list--border .bal-list__item.bal-list__item--clickable:not(.bal-list__item--accordion):not(.bal-list__item--disabled)>div:active:after,.bal-list--border .bal-list__item.bal-list__item--clickable:not(.bal-list__item--accordion):not(.bal-list__item--disabled) a:not(.is-link):active:after,.bal-list--border .bal-list__item.bal-list__item--clickable:not(.bal-list__item--accordion):not(.bal-list__item--disabled) button:not(.button):active:after{background:var(--bal-list-item-background-active)}}.bal-list--border.bal-list--background-color .bal-list__item>div:after,.bal-list--border.bal-list--background-color .bal-list__item a:not(.is-link):after,.bal-list--border.bal-list--background-color .bal-list__item button:not(.button):after{background:var(--bal-color-primary)}.bal-list--border.bal-list--background-color .bal-list__item--disabled>div:after,.bal-list--border.bal-list--background-color .bal-list__item--disabled a:not(.is-link):after,.bal-list--border.bal-list--background-color .bal-list__item--disabled button:not(.button):after{background:var(--bal-list-item-disabled-on-color-background)}.bal-list--border.bal-list--background-dark .bal-list__item>div:after,.bal-list--border.bal-list--background-dark .bal-list__item a:not(.is-link):after,.bal-list--border.bal-list--background-dark .bal-list__item button:not(.button):after{background:var(--bal-list-item-disabled-on-dark-background)}.bal-list--border.bal-list--background-dark .bal-list__item--disabled>div:after,.bal-list--border.bal-list--background-dark .bal-list__item--disabled a:not(.is-link):after,.bal-list--border.bal-list--background-dark .bal-list__item--disabled button:not(.button):after{background:var(--bal-list-item-disabled-on-dark-background)}.bal-list--border.bal-list--background-dark .bal-list__item.bal-list__item--clickable:not(.bal-list__item--accordion):not(.bal-list__item--disabled)>div:hover:after,.bal-list--border.bal-list--background-dark .bal-list__item.bal-list__item--clickable:not(.bal-list__item--accordion):not(.bal-list__item--disabled) a:not(.is-link):hover:after,.bal-list--border.bal-list--background-dark .bal-list__item.bal-list__item--clickable:not(.bal-list__item--accordion):not(.bal-list__item--disabled) button:not(.button):hover:after{background:var(--bal-list-item-on-dark-background-hover)}.bal-list--border.bal-list--background-dark .bal-list__item.bal-list__item--clickable:not(.bal-list__item--accordion):not(.bal-list__item--disabled)>div:active:after,.bal-list--border.bal-list--background-dark .bal-list__item.bal-list__item--clickable:not(.bal-list__item--accordion):not(.bal-list__item--disabled) a:not(.is-link):active:after,.bal-list--border.bal-list--background-dark .bal-list__item.bal-list__item--clickable:not(.bal-list__item--accordion):not(.bal-list__item--disabled) button:not(.button):active:after{background:var(--bal-list-item-on-dark-background-active)}.bal-list:not(.bal-list--background-dark) .bal-list__item--disabled .bal-list__item__title .title,.bal-list:not(.bal-list--background-dark) .bal-list__item--disabled .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--background-dark) .bal-list__item--disabled .bal-list__item__subtitle,.bal-list:not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link) .bal-list__item__title .title,.bal-list:not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link) .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link) .bal-list__item__subtitle,.bal-list:not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button) .bal-list__item__title .title,.bal-list:not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button) .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button) .bal-list__item__subtitle{color:var(--bal-list-item-disabled-on-dark-color) !important}.bal-list:not(.bal-list--background-dark) .bal-list__item--disabled .bal-list__item__icon svg,.bal-list:not(.bal-list--background-dark) .bal-list__item--disabled .bal-list__item__icon svg g,.bal-list:not(.bal-list--background-dark) .bal-list__item--disabled .bal-list__item__icon svg path,.bal-list:not(.bal-list--background-dark) .bal-list__item--disabled .bal-list__item__icon svg circle,.bal-list:not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link) .bal-list__item__icon svg,.bal-list:not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link) .bal-list__item__icon svg g,.bal-list:not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link) .bal-list__item__icon svg path,.bal-list:not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link) .bal-list__item__icon svg circle,.bal-list:not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button) .bal-list__item__icon svg,.bal-list:not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button) .bal-list__item__icon svg g,.bal-list:not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button) .bal-list__item__icon svg path,.bal-list:not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button) .bal-list__item__icon svg circle{fill:var(--bal-list-item-disabled-on-dark-fill) !important}.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled .bal-list__item__title .title,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled:hover .bal-list__item__title .title,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled:hover .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled:hover .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled:active .bal-list__item__title .title,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled:active .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled:active .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link) .bal-list__item__title .title,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link) .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link) .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link):hover .bal-list__item__title .title,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link):hover .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link):hover .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link):active .bal-list__item__title .title,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link):active .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link):active .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button) .bal-list__item__title .title,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button) .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button) .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button):hover .bal-list__item__title .title,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button):hover .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button):hover .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button):active .bal-list__item__title .title,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button):active .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button):active .bal-list__item__subtitle{color:var(--bal-list-item-disabled-color) !important}.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled:hover .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled:hover .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled:hover .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled:hover .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled:active .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled:active .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled:active .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled:active .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link) .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link) .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link) .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link) .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link):hover .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link):hover .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link):hover .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link):hover .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link):active .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link):active .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link):active .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link):active .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button) .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button) .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button) .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button) .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button):hover .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button):hover .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button):hover .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button):hover .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button):active .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button):active .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button):active .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button):active .bal-list__item__icon svg circle{fill:var(--bal-list-item-disabled-fill) !important}.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled:hover .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled:hover .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled:hover .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled:active .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled:active .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled:active .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled a:not(.is-link) .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled a:not(.is-link) .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled a:not(.is-link) .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled a:not(.is-link):hover .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled a:not(.is-link):hover .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled a:not(.is-link):hover .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled a:not(.is-link):active .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled a:not(.is-link):active .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled a:not(.is-link):active .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled button:not(.button) .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled button:not(.button) .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled button:not(.button) .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled button:not(.button):hover .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled button:not(.button):hover .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled button:not(.button):hover .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled button:not(.button):active .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled button:not(.button):active .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled button:not(.button):active .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled:hover .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled:hover .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled:hover .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled:active .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled:active .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled:active .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled a:not(.is-link) .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled a:not(.is-link) .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled a:not(.is-link) .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled a:not(.is-link):hover .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled a:not(.is-link):hover .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled a:not(.is-link):hover .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled a:not(.is-link):active .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled a:not(.is-link):active .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled a:not(.is-link):active .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled button:not(.button) .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled button:not(.button) .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled button:not(.button) .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled button:not(.button):hover .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled button:not(.button):hover .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled button:not(.button):hover .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled button:not(.button):active .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled button:not(.button):active .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled button:not(.button):active .bal-list__item__subtitle{color:var(--bal-list-item-disabled-on-color-color) !important}.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled:hover .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled:hover .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled:hover .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled:hover .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled:active .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled:active .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled:active .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled:active .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled a:not(.is-link) .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled a:not(.is-link) .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled a:not(.is-link) .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled a:not(.is-link) .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled a:not(.is-link):hover .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled a:not(.is-link):hover .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled a:not(.is-link):hover .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled a:not(.is-link):hover .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled a:not(.is-link):active .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled a:not(.is-link):active .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled a:not(.is-link):active .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled a:not(.is-link):active .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled button:not(.button) .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled button:not(.button) .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled button:not(.button) .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled button:not(.button) .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled button:not(.button):hover .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled button:not(.button):hover .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled button:not(.button):hover .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled button:not(.button):hover .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled button:not(.button):active .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled button:not(.button):active .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled button:not(.button):active .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled button:not(.button):active .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled:hover .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled:hover .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled:hover .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled:hover .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled:active .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled:active .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled:active .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled:active .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled a:not(.is-link) .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled a:not(.is-link) .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled a:not(.is-link) .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled a:not(.is-link) .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled a:not(.is-link):hover .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled a:not(.is-link):hover .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled a:not(.is-link):hover .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled a:not(.is-link):hover .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled a:not(.is-link):active .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled a:not(.is-link):active .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled a:not(.is-link):active .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled a:not(.is-link):active .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled button:not(.button) .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled button:not(.button) .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled button:not(.button) .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled button:not(.button) .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled button:not(.button):hover .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled button:not(.button):hover .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled button:not(.button):hover .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled button:not(.button):hover .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled button:not(.button):active .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled button:not(.button):active .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled button:not(.button):active .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled button:not(.button):active .bal-list__item__icon svg circle{fill:var(--bal-list-item-disabled-on-color-fill) !important}.bal-card>.bal-list.p-none .bal-list__item:last-child:after{content:none !important}.bal-list__item--accordion>div{-ms-flex-direction:column;flex-direction:column}.bal-list__item--animated{-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-list__item--animated .bal-list__item__accordion-body{-webkit-transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-list__item--animated .bal-list__item__accordion-head__icon{-webkit-transition:-webkit-transform var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:-webkit-transform var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:transform var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:transform var(--bal-animation-transition-duration) var(--bal-animation-transition-easing), -webkit-transform var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-list__item__accordion-head{padding:0 !important}.bal-list__item__accordion-body{will-change:max-height;min-height:0;margin:0 !important}.bal-list__item__accordion-body,.bal-list__item__accordion-body__content{padding:0 !important}.bal-list__item--collapsing>.bal-list__item__trigger>.bal-list__item__accordion-body{max-height:0 !important;overflow:hidden}.bal-list__item--collapsed>.bal-list__item__trigger>.bal-list__item__accordion-body:not(.bal-list__item__accordion-body--grouped){display:none}.bal-list__item--collapsed>.bal-list__item__trigger>.bal-list__item__accordion-body{overflow:hidden}.bal-list__item--collapsed>.bal-list__item__trigger>.bal-list__item__accordion-body--grouped{max-height:0 !important}.bal-list__item--expanding>.bal-list__item__trigger>.bal-list__item__accordion-body{max-height:0;overflow:hidden}@media (prefers-reduced-motion: reduce){.bal-list__item,.bal-list__item__accordion-body{-webkit-transition:none !important;transition:none !important}}.bal-list__item__accordion-body{-ms-flex-align:start !important;align-items:flex-start !important}.bal-list__item__accordion-body__content{position:static;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start !important;align-items:flex-start !important}.bal-list__item__accordion-body__content--start{-ms-flex-pack:start;justify-content:flex-start}.bal-list__item__accordion-body__content--center{-ms-flex-pack:center;justify-content:center}.bal-list__item__accordion-body__content--end{-ms-flex-pack:end;justify-content:flex-end}.bal-list__item__accordion-body__content--space-between{-ms-flex-pack:justify;justify-content:space-between}.bal-list--border>.bal-list__item--expanded>.bal-list__item__trigger>.bal-list__item__accordion-head:after,.bal-list--border>.bal-list__item--expanding>.bal-list__item__trigger>.bal-list__item__accordion-head:after,.bal-list--border>.bal-list__item--collapsing>.bal-list__item__trigger>.bal-list__item__accordion-head:after{position:absolute;bottom:-0.5rem;left:0;content:\"\";height:2px;width:100%;border-radius:var(--bal-list-item-radius);background:var(--bal-list-item-border-background)}.bal-list--size-small.bal-list--border>.bal-list__item--expanded>.bal-list__item__trigger>.bal-list__item__accordion-head:after,.bal-list--size-small.bal-list--border>.bal-list__item--expanding>.bal-list__item__trigger>.bal-list__item__accordion-head:after,.bal-list--size-small.bal-list--border>.bal-list__item--collapsing>.bal-list__item__trigger>.bal-list__item__accordion-head:after{bottom:-2px}.bal-list--border.bal-list--background-color>.bal-list__item--expanded>.bal-list__item__trigger>.bal-list__item__accordion-head:after,.bal-list--border.bal-list--background-color>.bal-list__item--collapsing>.bal-list__item__trigger>.bal-list__item__accordion-head:after,.bal-list--border.bal-list--background-color>.bal-list__item--expanding>.bal-list__item__trigger>.bal-list__item__accordion-head:after{background:var(--bal-list-item-border-on-color-background)}.bal-list--border.bal-list--background-dark>.bal-list__item--expanded>.bal-list__item__trigger>.bal-list__item__accordion-head:after,.bal-list--border.bal-list--background-dark>.bal-list__item--collapsing>.bal-list__item__trigger>.bal-list__item__accordion-head:after,.bal-list--border.bal-list--background-dark>.bal-list__item--expanding>.bal-list__item__trigger>.bal-list__item__accordion-head:after{background:var(--bal-list-item-border-on-dark-background)}.bal-list__item__accordion-body__content>.bal-list{padding-left:1rem}.bal-list--background-dark .bal-list__item__accordion-body .bal-list__item__content>p{color:var(--bal-list-accordion-body-color)}.bal-list__item--animated>.bal-list__item__trigger{-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-list__item--expanded>.bal-list__item__trigger,.bal-list__item--expanding>.bal-list__item__trigger{padding-bottom:0}.bal-list--border>.bal-list__item>.bal-list__item__trigger>.bal-list__item__accordion-body>div:not(.bal-list__item__accordion-body__content--space-normal){padding-bottom:2px !important}.bal-list__item__accordion-body__content{padding-top:.5rem !important}.bal-list__item__accordion-body__content--space-normal{padding-top:1rem !important;padding-bottom:1rem !important}";
25
25
  const BalListStyle0 = balListCss;
package/dist/cjs/bal-logo.cjs.entry.js CHANGED
@@ -7,14 +7,14 @@ const tslib_es6 = require('./tslib.es6-a680968e.js');
7
7
  const bem = require('./bem-81bc6a2d.js');
8
8
  const log = require('./log-33398c2a.js');
9
9
  const helpers = require('./helpers-debb881a.js');
10
- const breakpoints_decorator = require('./breakpoints.decorator-93750fa2.js');
11
- const breakpoints_subject = require('./breakpoints.subject-814a8c58.js');
10
+ const breakpoints_decorator = require('./breakpoints.decorator-e93836f7.js');
11
+ const breakpoints_subject = require('./breakpoints.subject-46e29594.js');
12
12
  const config_decorator = require('./config.decorator-de244188.js');
13
13
  require('./browser-1d542d0f.js');
14
14
  require('./config.utils-df30e424.js');
15
15
  require('./device-9f97a845.js');
16
16
  require('./listener-52d2e5fd.js');
17
- require('./tokens.esm-f1e99983.js');
17
+ require('./tokens.esm-b4bf229a.js');
18
18
 
19
19
  const balLogoCss = ".bal-logo{position:static;display:block;height:22px}.bal-logo svg{-webkit-transform:unset !important;transform:unset !important}.bal-logo svg svg,.bal-logo svg g,.bal-logo svg path,.bal-logo svg circle{fill:#000d6e}.bal-logo>div{height:22px}@media screen and (min-width: 1024px){.bal-logo--animated{margin-left:-7px}}.bal-logo--white svg svg,.bal-logo--white svg g,.bal-logo--white svg path,.bal-logo--white svg circle{fill:#fff}@media screen and (min-width: 1024px){.bal-logo{height:32px}.bal-logo>div{height:32px}}.bal-logo--size-small{height:22px}.bal-logo--size-small>div{height:22px}";
20
20
  const BalLogoStyle0 = balLogoCss;
package/dist/cjs/bal-nav_8.cjs.entry.js CHANGED
@@ -6,108 +6,19 @@ const index = require('./index-84f42282.js');
6
6
  const tslib_es6 = require('./tslib.es6-a680968e.js');
7
7
  const bem = require('./bem-81bc6a2d.js');
8
8
  const browser = require('./browser-1d542d0f.js');
9
- const formInput = require('./form-input-e9974433.js');
10
9
  const helpers = require('./helpers-debb881a.js');
11
10
  const log = require('./log-33398c2a.js');
12
11
  const scroll = require('./scroll-dc37ea84.js');
13
- const keyboard_helpers = require('./keyboard.helpers-2093e793.js');
14
- const breakpoints_subject = require('./breakpoints.subject-814a8c58.js');
12
+ const breakpoints_subject = require('./breakpoints.subject-46e29594.js');
15
13
  const config_default = require('./config.default-7e96eb95.js');
16
14
  const mutation_decorator = require('./mutation.decorator-485e250e.js');
17
- const breakpoints_decorator = require('./breakpoints.decorator-93750fa2.js');
15
+ const breakpoints_decorator = require('./breakpoints.decorator-e93836f7.js');
18
16
  const config_decorator = require('./config.decorator-de244188.js');
19
17
  const resize_decorator = require('./resize.decorator-e4a92322.js');
20
18
  require('./config.utils-df30e424.js');
21
19
  require('./device-9f97a845.js');
22
20
  require('./listener-52d2e5fd.js');
23
- require('./tokens.esm-f1e99983.js');
24
-
25
- /**
26
- * Gathers information about the tabs in the navigation.
27
- * This information are shared for the tab key down handling and the flyout focus out handling.
28
- */
29
- const gatherTabInformation = (detail) => {
30
- var _a;
31
- const links = (_a = detail.linkItems.find(item => item.value === detail.activeMetaLinkValue)) === null || _a === void 0 ? void 0 : _a.mainLinkItems;
32
- // the selected tab in the main navigation
33
- const indexOfActiveTab = links === null || links === void 0 ? void 0 : links.findIndex(link => link.value === detail.activeMenuLinkValue);
34
- const indexOfNextTab = indexOfActiveTab + 1;
35
- const indexOfPreviousTab = indexOfActiveTab - 1;
36
- return {
37
- tabs: links || [],
38
- indexOfActiveTab,
39
- indexOfNextTab,
40
- indexOfPreviousTab,
41
- };
42
- };
43
- const handleTabKeyDown = ({ tabs, indexOfNextTab, indexOfActiveTab }, detail) => {
44
- // the current focused tab in the main navigation
45
- const indexOfFocusedTab = tabs === null || tabs === void 0 ? void 0 : tabs.findIndex(link => link.value === detail.item.value);
46
- // if last tab is focused and would leave the tab navigation, close the flyout
47
- if (!detail.isBackwards && indexOfFocusedTab === tabs.length - 1) {
48
- detail.stopEventBubbling();
49
- detail.closeFlyout();
50
- helpers.rIC(() => {
51
- focusNextElement(document.activeElement, detail.el);
52
- });
53
- return;
54
- }
55
- // only change focus to the first link in the flyout when navigating from active tab to next tab
56
- if (!detail.isBackwards && indexOfFocusedTab === indexOfActiveTab) {
57
- const flyout = detail.el.querySelector(`#${detail.navId}-menu-flyout`);
58
- if (flyout) {
59
- const firstLink = flyout.querySelector('a, button, [tabindex="0"]');
60
- if (firstLink) {
61
- detail.stopEventBubbling();
62
- firstLink.focus({ preventScroll: true });
63
- }
64
- }
65
- }
66
- // only change focus to the last link in the flyout when navigating back from
67
- // next tab (from the active tab) to active tab (has flyout open)
68
- if (detail.isBackwards && indexOfFocusedTab === indexOfNextTab) {
69
- const flyout = detail.el.querySelector(`#${detail.navId}-menu-flyout`);
70
- if (flyout) {
71
- const flyoutLinks = flyout.querySelectorAll('a, button, [tabindex="0"]');
72
- const lastLink = flyoutLinks[flyoutLinks.length - 1];
73
- if (lastLink) {
74
- detail.stopEventBubbling();
75
- lastLink.focus({ preventScroll: true });
76
- }
77
- }
78
- }
79
- };
80
- const handleFlyoutFocusOut = (info, detail) => {
81
- const targetItem = detail.isBackwards ? info.tabs[info.indexOfActiveTab] : info.tabs[info.indexOfNextTab];
82
- if (targetItem) {
83
- const tab = detail.el.querySelector(`button[data-value="${targetItem.value}"], a[data-value="${targetItem.value}"]`);
84
- if (tab) {
85
- tab.focus({ preventScroll: true });
86
- }
87
- }
88
- };
89
- /**
90
- * Focuses the next focusable element after the current element outside of the bal-nav element.
91
- */
92
- const focusNextElement = (current, balNavEl) => {
93
- const focusableSelectors = [
94
- 'a[href]',
95
- 'button:not([disabled])',
96
- 'input:not([disabled]):not([type="hidden"])',
97
- 'select:not([disabled])',
98
- 'textarea:not([disabled])',
99
- '[tabindex]:not([tabindex="-1"])',
100
- ];
101
- const focusableElements = Array.from(document.querySelectorAll(focusableSelectors.join(',')))
102
- // visible elements only
103
- .filter(el => el.offsetParent !== null)
104
- // exclude elements inside the bal-nav
105
- .filter(el => !helpers.isDescendant(balNavEl, el));
106
- const index = focusableElements.indexOf(current);
107
- const next = focusableElements[index + 1];
108
- if (next)
109
- next.focus();
110
- };
21
+ require('./tokens.esm-b4bf229a.js');
111
22
 
112
23
  const i18nNavBars = {
113
24
  de: {
@@ -316,28 +227,6 @@ class NavMetaButton extends NavLinkItem {
316
227
  }
317
228
  let NavMetaButtonIDs = 0;
318
229
 
319
- const AccordionButton = ({ id, label, level, open, link, href, rel, target, onClick, }) => {
320
- const block = bem.BEM.block('nav');
321
- return link ? (index.h("a", { id: id, class: Object.assign({}, block.element(`mobile-${level}-item`).class()), href: href, rel: rel, target: target, onClick: ev => onClick(ev) },
322
- index.h("span", null, label))) : (index.h("button", { id: id, class: Object.assign({}, block.element(`mobile-${level}-item`).class()), onClick: ev => onClick(ev) },
323
- index.h("span", null, label),
324
- index.h("bal-icon", { name: "nav-go-down", size: "small", turn: open })));
325
- };
326
-
327
- const OverviewLink = ({ item, isMenu, onClick, isVisible }) => {
328
- const block = bem.BEM.block('nav');
329
- if (!item) {
330
- return '';
331
- }
332
- return (index.h("a", { class: Object.assign(Object.assign(Object.assign({}, block.element('mobile-overview-link').class()), block.element('mobile-overview-link').modifier('menu').class(!!isMenu)), block
333
- .element('mobile-overview-link')
334
- .modifier('invisible')
335
- .class(isVisible === false)), href: item.href, rel: item.rel, target: item.target, onClick: ev => onClick(ev) },
336
- item.label,
337
- " ",
338
- item.label ? '➞' : ''));
339
- };
340
-
341
230
  class NavSectionLinkItem extends NavLinkItem {
342
231
  constructor(item, observer) {
343
232
  super(item, observer);
@@ -396,6 +285,28 @@ class NavServiceLinkItem extends NavLinkItem {
396
285
  }
397
286
  let NavServiceLinkItemIDs = 0;
398
287
 
288
+ const AccordionButton = ({ id, label, level, open, link, href, rel, target, onClick, }) => {
289
+ const block = bem.BEM.block('nav');
290
+ return link ? (index.h("a", { id: id, class: Object.assign({}, block.element(`mobile-${level}-item`).class()), href: href, rel: rel, target: target, onClick: ev => onClick(ev) },
291
+ index.h("span", null, label))) : (index.h("button", { id: id, class: Object.assign({}, block.element(`mobile-${level}-item`).class()), onClick: ev => onClick(ev) },
292
+ index.h("span", null, label),
293
+ index.h("bal-icon", { name: "nav-go-down", size: "small", turn: open })));
294
+ };
295
+
296
+ const OverviewLink = ({ item, isMenu, onClick, isVisible }) => {
297
+ const block = bem.BEM.block('nav');
298
+ if (!item) {
299
+ return '';
300
+ }
301
+ return (index.h("a", { class: Object.assign(Object.assign(Object.assign({}, block.element('mobile-overview-link').class()), block.element('mobile-overview-link').modifier('menu').class(!!isMenu)), block
302
+ .element('mobile-overview-link')
303
+ .modifier('invisible')
304
+ .class(isVisible === false)), href: item.href, rel: item.rel, target: item.target, onClick: ev => onClick(ev) },
305
+ item.label,
306
+ " ",
307
+ item.label ? '➞' : ''));
308
+ };
309
+
399
310
  class NavMenuLinkItem extends NavLinkItem {
400
311
  constructor(item, observer) {
401
312
  super(item, observer);
@@ -430,9 +341,9 @@ class NavMenuLinkItem extends NavLinkItem {
430
341
  render(context) {
431
342
  const hasChildren = this.sectionLinkItems.length > 0 || this.serviceLinkItems.length > 0;
432
343
  if (!hasChildren && this.isLink) {
433
- return (index.h("bal-tab-item", { aria: { controls: context.flyoutId }, label: this.label, value: this.value, href: this.href, rel: this.rel, target: this.target, onBalKeyDown: ev => keyboard_helpers.isTabKey(ev.detail) && (context === null || context === void 0 ? void 0 : context.onTabPress(ev.detail)), "no-panel": true }));
344
+ return (index.h("bal-tab-item", { aria: { controls: context.flyoutId }, label: this.label, value: this.value, href: this.href, rel: this.rel, target: this.target, "no-panel": true }));
434
345
  }
435
- return (index.h("bal-tab-item", { aria: { controls: context.flyoutId }, label: this.label, value: this.value, "no-panel": true, onBalKeyDown: ev => keyboard_helpers.isTabKey(ev.detail) && (context === null || context === void 0 ? void 0 : context.onTabPress(ev.detail)), onBalNavigate: ev => {
346
+ return (index.h("bal-tab-item", { aria: { controls: context.flyoutId }, label: this.label, value: this.value, "no-panel": true, onBalNavigate: ev => {
436
347
  context === null || context === void 0 ? void 0 : context.onClick();
437
348
  if (this.onClick) {
438
349
  this.onClick(ev.detail);
@@ -480,7 +391,7 @@ class NavMetaLinkItem extends NavLinkItem {
480
391
  }
481
392
  let NavMetaLinkItemIDs = 0;
482
393
 
483
- const balNavCss = "@media (hover: hover)and (pointer: fine){.bal-nav__logo:focus-visible{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-nav-background:var(--bal-color-primary);--bal-nav-service-background-grey:var(--bal-color-grey);--bal-nav-service-background-purple:var(--bal-color-purple);--bal-nav-service-background-red:var(--bal-color-red);--bal-nav-service-background-yellow:var(--bal-color-yellow);--bal-nav-service-background-green:var(--bal-color-green)}.bal-nav{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%}.bal-nav__flyout{background:var(--bal-color-white);scroll-padding-top:1rem;padding-top:1rem;padding-bottom:1rem;height:calc(var(--bal-app-height, 100%) - 4rem - 4rem);overflow-y:auto}@media screen and (min-width: 1024px){.bal-nav__flyout{display:none;visibility:hidden}}.bal-nav__flyout__container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav__flyout__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav__flyout__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav__flyout__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav__flyout__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav__flyout__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav__flyout__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}.bal-nav__flyout:not(.bal-nav__flyout--visible){position:absolute !important;height:1px !important;width:1px !important;padding:0 !important;overflow:hidden !important;border:none !important;white-space:nowrap !important;clip:rect(1px 1px 1px 1px) !important;clip:rect(1px, 1px, 1px, 1px) !important}.bal-nav .bal-nav-meta-bar:not(.bal-nav-meta-bar--stay-on-top),.bal-nav .bal-nav-menu-bar{z-index:auto !important}.bal-list__item__accordion-head:after{background:rgba(0,0,0,0) !important}.bal-nav-meta-bar-transform-touch{z-index:var(--bal-z-index-popup);position:relative}.bal-nav__mobile-meta-item{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:3rem;border:none;padding:0;margin:0;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-x-large);line-height:var(--bal-line-heigh-x-large);cursor:pointer}.bal-nav__mobile-menu-item{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:3rem;border:none;margin:0;padding:0 0 0 1rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-large);line-height:var(--bal-line-heigh-large);cursor:pointer}.bal-nav__mobile-section-item,.bal-nav__mobile-service-item>a{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:2rem;border:none;margin:0;padding:0 2rem 0 2rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-normal);line-height:var(--bal-line-heigh-normal)}.bal-nav__mobile-links{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:2rem;border:none;margin:0;padding:0 2rem 0 2rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-text);font-size:var(--bal-size-normal);line-height:var(--bal-line-heigh-normal)}.bal-nav__mobile-meta-list,.bal-nav__mobile-meta-list>li,.bal-nav__mobile-menu-list,.bal-nav__mobile-menu-list>li,.bal-nav__mobile-section-list,.bal-nav__mobile-service-list,.bal-nav__mobile-section-list>li,.bal-nav__mobile-service-list>li,.bal-nav__mobile-links-list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.bal-nav__mobile-meta-list,.bal-nav__mobile-meta-list>li{gap:var(--bal-space-normal)}.bal-nav__mobile-menu-list{gap:var(--bal-space-normal)}.bal-nav__mobile-menu-list>li{gap:var(--bal-space-normal)}.bal-nav__mobile-section-list,.bal-nav__mobile-service-list{gap:var(--bal-space-x-large)}.bal-nav__mobile-section-list>li,.bal-nav__mobile-service-list>li{gap:var(--bal-space-xx-small)}.bal-nav__mobile-links-list{gap:var(--bal-space-xx-small)}.bal-nav__mobile-section-list{padding-top:1rem}.bal-nav__mobile-service-list>li{border-radius:var(--bal-radius-normal);padding-top:1rem;padding-bottom:1rem}.bal-nav__mobile-section-list--invisible,.bal-nav__mobile-service-list--invisible{position:absolute !important;height:1px !important;width:1px !important;padding:0 !important;overflow:hidden !important;border:none !important;white-space:nowrap !important;clip:rect(1px 1px 1px 1px) !important;clip:rect(1px, 1px, 1px, 1px) !important}.bal-nav__mobile-overview-link{font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-x-small);line-height:var(--bal-line-height-x-small)}.bal-nav__mobile-overview-link--invisible{position:absolute !important;height:1px !important;width:1px !important;padding:0 !important;overflow:hidden !important;border:none !important;white-space:nowrap !important;clip:rect(1px 1px 1px 1px) !important;clip:rect(1px, 1px, 1px, 1px) !important}.bal-nav__mobile-overview-link--menu{padding:0 0 0 1rem}.bal-nav__line{background-color:var(--bal-color-border-grey-light);height:var(--bal-border-width-normal);border:none;display:block;border-radius:var(--bal-list-item-radius);width:100%;margin:0;padding:0}.bal-nav__mobile-links--clickable,.bal-nav__mobile-section-item--clickable,.bal-nav__mobile-service-item--clickable>a{cursor:pointer}.bal-nav__mobile-links--selected,.bal-nav__mobile-section-item--selected,.bal-nav__mobile-service-item--selected>a{text-decoration:underline}.bal-nav__mobile-service-item--color-grey{background:var(--bal-nav-service-background-grey)}.bal-nav__mobile-service-item--color-purple{background:var(--bal-nav-service-background-purple)}.bal-nav__mobile-service-item--color-red{background:var(--bal-nav-service-background-red)}.bal-nav__mobile-service-item--color-yellow{background:var(--bal-nav-service-background-yellow)}.bal-nav__mobile-service-item--color-green{background:var(--bal-nav-service-background-green)}";
394
+ const balNavCss = "@media (hover: hover)and (pointer: fine){.bal-nav__logo:focus-visible{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-nav-background:var(--bal-color-primary);--bal-nav-service-background-grey:var(--bal-color-grey);--bal-nav-service-background-purple:var(--bal-color-purple);--bal-nav-service-background-red:var(--bal-color-red);--bal-nav-service-background-yellow:var(--bal-color-yellow);--bal-nav-service-background-green:var(--bal-color-green)}.bal-nav{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%}.bal-nav__flyout{background:var(--bal-color-white);scroll-padding-top:1rem;padding-top:1rem;padding-bottom:1rem;height:calc(var(--bal-app-height, 100%) - 4rem - 4rem);overflow-y:auto}@media screen and (min-width: 1024px){.bal-nav__flyout{display:none;visibility:hidden}}.bal-nav__flyout__container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav__flyout__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav__flyout__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav__flyout__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav__flyout__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav__flyout__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav__flyout__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}.bal-nav__flyout:not(.bal-nav__flyout--visible){position:absolute !important;height:1px !important;width:1px !important;padding:0 !important;overflow:hidden !important;border:none !important;white-space:nowrap !important;clip:rect(1px 1px 1px 1px) !important;clip:rect(1px, 1px, 1px, 1px) !important}.bal-nav .bal-nav-meta-bar,.bal-nav .bal-nav-menu-bar{z-index:auto !important}.bal-list__item__accordion-head:after{background:rgba(0,0,0,0) !important}.bal-nav-meta-bar-transform-touch{z-index:var(--bal-z-index-popup);position:relative}.bal-nav__mobile-meta-item{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:3rem;border:none;padding:0;margin:0;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-x-large);line-height:var(--bal-line-heigh-x-large);cursor:pointer}.bal-nav__mobile-menu-item{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:3rem;border:none;margin:0;padding:0 0 0 1rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-large);line-height:var(--bal-line-heigh-large);cursor:pointer}.bal-nav__mobile-section-item,.bal-nav__mobile-service-item>a{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:2rem;border:none;margin:0;padding:0 2rem 0 2rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-normal);line-height:var(--bal-line-heigh-normal)}.bal-nav__mobile-links{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:2rem;border:none;margin:0;padding:0 2rem 0 2rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-text);font-size:var(--bal-size-normal);line-height:var(--bal-line-heigh-normal)}.bal-nav__mobile-meta-list,.bal-nav__mobile-meta-list>li,.bal-nav__mobile-menu-list,.bal-nav__mobile-menu-list>li,.bal-nav__mobile-section-list,.bal-nav__mobile-service-list,.bal-nav__mobile-section-list>li,.bal-nav__mobile-service-list>li,.bal-nav__mobile-links-list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.bal-nav__mobile-meta-list,.bal-nav__mobile-meta-list>li{gap:var(--bal-space-normal)}.bal-nav__mobile-menu-list{gap:var(--bal-space-normal)}.bal-nav__mobile-menu-list>li{gap:var(--bal-space-normal)}.bal-nav__mobile-section-list,.bal-nav__mobile-service-list{gap:var(--bal-space-x-large)}.bal-nav__mobile-section-list>li,.bal-nav__mobile-service-list>li{gap:var(--bal-space-xx-small)}.bal-nav__mobile-links-list{gap:var(--bal-space-xx-small)}.bal-nav__mobile-section-list{padding-top:1rem}.bal-nav__mobile-service-list>li{border-radius:var(--bal-radius-normal);padding-top:1rem;padding-bottom:1rem}.bal-nav__mobile-section-list--invisible,.bal-nav__mobile-service-list--invisible{position:absolute !important;height:1px !important;width:1px !important;padding:0 !important;overflow:hidden !important;border:none !important;white-space:nowrap !important;clip:rect(1px 1px 1px 1px) !important;clip:rect(1px, 1px, 1px, 1px) !important}.bal-nav__mobile-overview-link{font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-x-small);line-height:var(--bal-line-height-x-small)}.bal-nav__mobile-overview-link--invisible{position:absolute !important;height:1px !important;width:1px !important;padding:0 !important;overflow:hidden !important;border:none !important;white-space:nowrap !important;clip:rect(1px 1px 1px 1px) !important;clip:rect(1px, 1px, 1px, 1px) !important}.bal-nav__mobile-overview-link--menu{padding:0 0 0 1rem}.bal-nav__line{background-color:var(--bal-color-border-grey-light);height:var(--bal-border-width-normal);border:none;display:block;border-radius:var(--bal-list-item-radius);width:100%;margin:0;padding:0}.bal-nav__mobile-links--clickable,.bal-nav__mobile-section-item--clickable,.bal-nav__mobile-service-item--clickable>a{cursor:pointer}.bal-nav__mobile-links--selected,.bal-nav__mobile-section-item--selected,.bal-nav__mobile-service-item--selected>a{text-decoration:underline}.bal-nav__mobile-service-item--color-grey{background:var(--bal-nav-service-background-grey)}.bal-nav__mobile-service-item--color-purple{background:var(--bal-nav-service-background-purple)}.bal-nav__mobile-service-item--color-red{background:var(--bal-nav-service-background-red)}.bal-nav__mobile-service-item--color-yellow{background:var(--bal-nav-service-background-yellow)}.bal-nav__mobile-service-item--color-green{background:var(--bal-nav-service-background-green)}";
484
395
  const BalNavStyle0 = balNavCss;
485
396
 
486
397
  const Nav = class {
@@ -751,53 +662,20 @@ const Nav = class {
751
662
  const block = bem.BEM.block('nav');
752
663
  const flyoutBlock = block.element('flyout');
753
664
  this.hasRenderedWithFlyoutActive = this.isFlyoutActive;
754
- return (index.h(index.Host, { key: '6731ced264e30666493c9b66469f8656e3a632ee', id: this.navId, class: Object.assign({}, block.class()) }, index.h("div", { key: 'b8b36c81b079f727699a2d037c4f687084791cfa', class: {
665
+ return (index.h(index.Host, { key: 'c384e25a9962ec11739b7594114d2ad19fd07937', id: this.navId, class: Object.assign({}, block.class()) }, index.h("div", { key: '06cf6bb549c278c98b41ef3d176ac58dfe95bacc', class: {
755
666
  'bal-nav-meta-bar-transform': true,
756
667
  'bal-nav-meta-bar-transform-touch': this.isTouch,
757
- } }, this.isDesktop ? (index.h("bal-nav-meta-bar", { variant: "primary", size: "small", position: "sticky-top", ref: metaBarEl => (this.metaBarEl = metaBarEl) }, index.h("bal-stack", { space: "auto" }, this.linkItems.length > 1 ? (index.h("bal-tabs", { inverted: true, context: "meta", value: this.activeMetaLinkValue, "aria-label": i18nNavBars[this.language].mainNavigation, onBalChange: ev => this.onMetaBarTabChange(ev) }, this.linkItems.map(item => item.render({
668
+ } }, this.isDesktop ? (index.h("bal-nav-meta-bar", { variant: "primary", size: "small", position: "sticky-top", ref: metaBarEl => (this.metaBarEl = metaBarEl) }, index.h("bal-stack", { space: "auto" }, this.linkItems.length > 1 ? (index.h("bal-tabs", { spaceless: true, inverted: true, context: "meta", value: this.activeMetaLinkValue, "aria-label": i18nNavBars[this.language].mainNavigation, onBalChange: ev => this.onMetaBarTabChange(ev) }, this.linkItems.map(item => item.render({
758
669
  flyoutId: `${this.navId}-menu-flyout`,
759
- })))) : (index.h("span", null)), index.h("bal-stack", { id: "bal-nav__meta-buttons", space: "x-small", "fit-content": true }, this.metaButtons.map(button => button.renderAtMetaBar()))))) : (''), this.isDesktop ? (index.h("bal-nav-menu-bar", { position: "fixed-top", ref: menuBarEl => (this.menuBarEl = menuBarEl) }, index.h("bal-stack", { space: "auto", "space-row": "none", "use-wrap": true }, this.renderLogo(), index.h("bal-tabs", { context: "navigation", accordion: true, value: this.activeMenuLinkValue, "aria-label": i18nNavBars[this.language].navigation }, (_a = this.linkItems
760
- .find(item => item.value === this.activeMetaLinkValue)) === null || _a === void 0 ? void 0 : _a.mainLinkItems.map((item, index) => item.render({
670
+ })))) : (index.h("span", null)), index.h("bal-stack", { id: "bal-nav__meta-buttons", space: "x-small", "fit-content": true }, this.metaButtons.map(button => button.renderAtMetaBar()))))) : (''), this.isDesktop ? (index.h("bal-nav-menu-bar", { position: "fixed-top", ref: menuBarEl => (this.menuBarEl = menuBarEl) }, index.h("bal-stack", { space: "auto", "space-row": "none", "use-wrap": true }, this.renderLogo(), index.h("bal-tabs", { context: "navigation", accordion: true, spaceless: true, value: this.activeMenuLinkValue, "aria-label": i18nNavBars[this.language].navigation }, (_a = this.linkItems
671
+ .find(item => item.value === this.activeMetaLinkValue)) === null || _a === void 0 ? void 0 : _a.mainLinkItems.map(item => item.render({
761
672
  flyoutId: `${this.navId}-menu-flyout`,
762
673
  onClick: () => this.onMenuBarTabChange(item.value),
763
- onTabPress: (ev) => {
764
- if (this.isFlyoutActive) {
765
- const isBackwards = ev.shiftKey;
766
- const info = gatherTabInformation({
767
- activeMetaLinkValue: this.activeMetaLinkValue,
768
- activeMenuLinkValue: this.activeMenuLinkValue,
769
- linkItems: this.linkItems,
770
- });
771
- handleTabKeyDown(info, {
772
- el: this.el,
773
- navId: this.navId,
774
- isFlyoutActive: this.isFlyoutActive,
775
- isBackwards,
776
- item,
777
- stopEventBubbling: () => formInput.stopEventBubbling(ev),
778
- closeFlyout: () => this.closeFlyout(),
779
- });
780
- }
781
- },
782
- })))), this.isFlyoutActive ? (index.h("bal-nav-menu-flyout", { navId: this.navId, "aria-label": i18nNavBars[this.language].subNavigation, onBalFocusOut: (ev) => {
783
- if (this.isFlyoutActive) {
784
- formInput.stopEventBubbling(ev);
785
- const info = gatherTabInformation({
786
- activeMetaLinkValue: this.activeMetaLinkValue,
787
- activeMenuLinkValue: this.activeMenuLinkValue,
788
- linkItems: this.linkItems,
789
- });
790
- const isBackwards = helpers.isDescendant(this.el, ev.detail.relatedTarget);
791
- handleFlyoutFocusOut(info, {
792
- el: this.el,
793
- isBackwards,
794
- });
795
- }
796
- } }, index.h("bal-nav-link", { role: "listitem", variant: "overview", href: (_c = (_b = this.activeMenuLinkItem) === null || _b === void 0 ? void 0 : _b.overviewLink) === null || _c === void 0 ? void 0 : _c.href, target: (_e = (_d = this.activeMenuLinkItem) === null || _d === void 0 ? void 0 : _d.overviewLink) === null || _e === void 0 ? void 0 : _e.target, onClick: () => { var _a; return this.linkItemClickListener((_a = this.activeMenuLinkItem) === null || _a === void 0 ? void 0 : _a.overviewLink); } }, (_g = (_f = this.activeMenuLinkItem) === null || _f === void 0 ? void 0 : _f.overviewLink) === null || _g === void 0 ? void 0 :
797
- _g.label, ' ', ((_j = (_h = this.activeMenuLinkItem) === null || _h === void 0 ? void 0 : _h.overviewLink) === null || _j === void 0 ? void 0 : _j.label) ? '➞' : ''), this.renderGridLinks(this.activeMenuLinkItem))) : (''))) : (''), index.h("div", { key: '66321dcac9fb856d8bba914283fc1fe0d4626d35' }, index.h("slot", { key: '1d89fec71d39cc81c491f2422312a733e103f016' }))), this.isTouch ? (index.h("bal-nav-meta-bar", { variant: "white", size: "normal" }, index.h("bal-stack", { space: "auto" }, this.renderLogo(), index.h("bal-stack", { space: "x-small", "fit-content": true }, this.metaButtons.map(button => button.renderAtTouchTopMetaBar()), index.h("bal-button", { square: true, color: this.isFlyoutActive ? 'primary' : 'light', icon: this.isFlyoutActive ? 'close' : 'menu-bars', "aria-label": this.isFlyoutActive ? i18nNavBars[this.language].close : i18nNavBars[this.language].open, onClick: ev => this.onTouchToggleFlyout(ev) }))))) : (''), this.isTouch ? (index.h("div", { class: Object.assign(Object.assign({}, flyoutBlock.class()), flyoutBlock.modifier('visible').class(this.isFlyoutActive)) }, index.h("nav", { class: Object.assign({}, flyoutBlock.element('container').class()) }, index.h("ul", { class: Object.assign({}, block.element('mobile-meta-list').class()) }, this.linkItems.map(item => item.renderTouch({
674
+ })))), this.isFlyoutActive ? (index.h("bal-nav-menu-flyout", { navId: this.navId, "aria-label": i18nNavBars[this.language].subNavigation }, index.h("bal-nav-link", { role: "listitem", variant: "overview", href: (_c = (_b = this.activeMenuLinkItem) === null || _b === void 0 ? void 0 : _b.overviewLink) === null || _c === void 0 ? void 0 : _c.href, target: (_e = (_d = this.activeMenuLinkItem) === null || _d === void 0 ? void 0 : _d.overviewLink) === null || _e === void 0 ? void 0 : _e.target, onClick: () => { var _a; return this.linkItemClickListener((_a = this.activeMenuLinkItem) === null || _a === void 0 ? void 0 : _a.overviewLink); } }, (_g = (_f = this.activeMenuLinkItem) === null || _f === void 0 ? void 0 : _f.overviewLink) === null || _g === void 0 ? void 0 :
675
+ _g.label, ' ', ((_j = (_h = this.activeMenuLinkItem) === null || _h === void 0 ? void 0 : _h.overviewLink) === null || _j === void 0 ? void 0 : _j.label) ? '➞' : ''), this.renderGridLinks(this.activeMenuLinkItem))) : (''))) : (''), index.h("div", { key: '7b17b61ea275f90fb5016d8ec0d26dece26caa4f' }, index.h("slot", { key: '8ae80d7fdacd29e171f136bfe3ace823290ff068' }))), this.isTouch ? (index.h("bal-nav-meta-bar", { variant: "white", size: "normal" }, index.h("bal-stack", { space: "auto" }, this.renderLogo(), index.h("bal-stack", { space: "x-small", "fit-content": true }, this.metaButtons.map(button => button.renderAtTouchTopMetaBar()), index.h("bal-button", { square: true, color: this.isFlyoutActive ? 'primary' : 'light', icon: this.isFlyoutActive ? 'close' : 'menu-bars', "aria-label": this.isFlyoutActive ? i18nNavBars[this.language].close : i18nNavBars[this.language].open, onClick: ev => this.onTouchToggleFlyout(ev) }))))) : (''), this.isTouch ? (index.h("div", { class: Object.assign(Object.assign({}, flyoutBlock.class()), flyoutBlock.modifier('visible').class(this.isFlyoutActive)) }, index.h("nav", { class: Object.assign({}, flyoutBlock.element('container').class()) }, index.h("ul", { class: Object.assign({}, block.element('mobile-meta-list').class()) }, this.linkItems.map(item => item.renderTouch({
798
676
  activeMetaLinkValue: this.activeMetaLinkValue,
799
677
  activeMenuLinkValue: this.activeMenuLinkValue,
800
- })))))) : (''), this.isTouch && this.isFlyoutActive ? (index.h("bal-nav-meta-bar", { stayOnTopOfBackdrop: true, variant: "grey", size: "normal" }, index.h("bal-stack", { space: "x-small", align: "center" }, this.metaButtons.map(button => button.renderAtTouchBottomMetaBar())))) : ('')));
678
+ })))))) : (''), this.isTouch && this.isFlyoutActive ? (index.h("bal-nav-meta-bar", { variant: "grey", size: "normal" }, index.h("bal-stack", { space: "x-small", align: "center" }, this.metaButtons.map(button => button.renderAtTouchBottomMetaBar())))) : ('')));
801
679
  }
802
680
  renderGridLinks(linkItem) {
803
681
  var _a, _b;
@@ -1034,7 +912,6 @@ const BalNavMenuFlyoutStyle0 = balNavMenuFlyoutCss;
1034
912
  const NavMenuFlyout = class {
1035
913
  constructor(hostRef) {
1036
914
  index.registerInstance(this, hostRef);
1037
- this.balFocusOut = index.createEvent(this, "balFocusOut", 7);
1038
915
  this.bodyScrollHandler = new scroll.BalScrollHandler();
1039
916
  this.isHidden = false;
1040
917
  this.navId = `bal-nav-x${NavMenuFlyOutIds++}`;
@@ -1056,11 +933,6 @@ const NavMenuFlyout = class {
1056
933
  * LISTENERS
1057
934
  * ------------------------------------------------------
1058
935
  */
1059
- onFocusLeave(event) {
1060
- if (this.el && event.relatedTarget && !helpers.isDescendant(this.el, event.relatedTarget)) {
1061
- this.balFocusOut.emit(event);
1062
- }
1063
- }
1064
936
  resizeListener() {
1065
937
  if (this.isFlyoutScrollable()) {
1066
938
  this.bodyScrollHandler.disable();
@@ -1084,7 +956,7 @@ const NavMenuFlyout = class {
1084
956
  render() {
1085
957
  const block = bem.BEM.block('nav-menu-flyout');
1086
958
  const line = block.element('line');
1087
- return (index.h(index.Host, { key: '24fa77703681dee08738a210a21b693eb5c53679', id: `${this.navId}-menu-flyout`, class: Object.assign({}, block.class()) }, index.h("div", { key: '12eb7c5a6d4b3b8d230f8cfbc6477e4cc47b5897', class: Object.assign({}, line.class()) }), index.h("div", { key: '07fe48098735ef75bce7116eabedfceb8c2903e5', class: Object.assign({}, block.element('container').class()) }, index.h("slot", { key: '00a8a2f20e211f8610830bd89a53e7b57bafede2' }))));
959
+ return (index.h(index.Host, { key: '9d0c52ef158adb1dcdddff70f32c0b4846696577', id: `${this.navId}-menu-flyout`, class: Object.assign({}, block.class()) }, index.h("div", { key: '3405126297ac245862a006b2fd83f147e615d001', class: Object.assign({}, line.class()) }), index.h("div", { key: '2a8707468c3e6886dd91e6cf792de8e0e0f97aa9', class: Object.assign({}, block.element('container').class()) }, index.h("slot", { key: '7c98fd49abc6e6f3ff3e2dffd49f4ec69df72788' }))));
1088
960
  }
1089
961
  get el() { return index.getElement(this); }
1090
962
  };
@@ -1103,7 +975,7 @@ tslib_es6.__decorate([
1103
975
  let NavMenuFlyOutIds = 0;
1104
976
  NavMenuFlyout.style = BalNavMenuFlyoutStyle0;
1105
977
 
1106
- const balNavMetaBarCss = ":root{--bal-nav-meta-bar-variant-primary-background:var(--bal-color-primary);--bal-nav-meta-bar-variant-primary-shadow:none;--bal-nav-meta-bar-variant-white-background:var(--bal-color-white);--bal-nav-meta-bar-variant-white-shadow:0 5px 15px rgba(0,0,0,.1);--bal-nav-meta-bar-variant-grey-background:var(--bal-color-grey-2);--bal-nav-meta-bar-variant-grey-shadow:none}.bal-nav-meta-bar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;z-index:var(--bal-z-index-navigation)}.bal-nav-meta-bar__container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav-meta-bar__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav-meta-bar__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav-meta-bar__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav-meta-bar__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav-meta-bar__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav-meta-bar__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}.bal-nav-meta-bar--size-normal{padding-top:.5rem;padding-bottom:.5rem;height:4rem;max-height:4rem}.bal-nav-meta-bar--size-small{min-height:3rem}.bal-nav-meta-bar--position-fixed-top{position:fixed;top:0;left:0;width:100%}.bal-nav-meta-bar--position-fixed-bottom{position:fixed;bottom:0;left:0;width:100%}.bal-nav-meta-bar--variant-primary{background:var(--bal-nav-meta-bar-variant-primary-background);-webkit-box-shadow:var(--bal-nav-meta-bar-variant-primary-shadow);box-shadow:var(--bal-nav-meta-bar-variant-primary-shadow)}.bal-nav-meta-bar--variant-grey{background:var(--bal-nav-meta-bar-variant-grey-background);-webkit-box-shadow:var(--bal-nav-meta-bar-variant-grey-shadow);box-shadow:var(--bal-nav-meta-bar-variant-grey-shadow)}.bal-nav-meta-bar--variant-white{background:var(--bal-nav-meta-bar-variant-white-background);-webkit-box-shadow:var(--bal-nav-meta-bar-variant-white-shadow);box-shadow:var(--bal-nav-meta-bar-variant-white-shadow)}@media screen and (max-width: 768px){.bal-nav-meta-bar--hidden-mobile{display:hidden !important;visibility:hidden !important}}@media screen and (max-width: 768px){.bal-nav-meta-bar--hidden-tablet{display:hidden !important;visibility:hidden !important}}@media screen and (min-width: 769px)and (max-width: 1023px){.bal-nav-meta-bar--hidden-tablet{display:hidden !important;visibility:hidden !important}}@media screen and (max-width: 768px){.bal-nav>.bal-nav-meta-bar--stay-on-top{z-index:calc(var(--bal-z-index-popup) + 1) !important}}.bal-nav-meta-bar .button-label{word-break:keep-all !important}.bal-nav-meta-bar-transform{will-change:transition;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out, -webkit-transform .3s ease-in-out;position:fixed;display:block;width:100%;top:0;z-index:var(--bal-z-index-navigation)}.bal-nav-meta-bar-transform-small{-webkit-transform:translateY(-3rem);transform:translateY(-3rem)}.bal-nav-meta-bar-transform-normal{-webkit-transform:translateY(-5rem);transform:translateY(-5rem)}";
978
+ const balNavMetaBarCss = ":root{--bal-nav-meta-bar-variant-primary-background:var(--bal-color-primary);--bal-nav-meta-bar-variant-primary-shadow:none;--bal-nav-meta-bar-variant-white-background:var(--bal-color-white);--bal-nav-meta-bar-variant-white-shadow:0 5px 15px rgba(0,0,0,.1);--bal-nav-meta-bar-variant-grey-background:var(--bal-color-grey-2);--bal-nav-meta-bar-variant-grey-shadow:none}.bal-nav-meta-bar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;z-index:var(--bal-z-index-navigation)}.bal-nav-meta-bar__container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav-meta-bar__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav-meta-bar__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav-meta-bar__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav-meta-bar__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav-meta-bar__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav-meta-bar__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}.bal-nav-meta-bar--size-normal{padding-top:.5rem;padding-bottom:.5rem;height:4rem;max-height:4rem}.bal-nav-meta-bar--size-small{min-height:3rem}.bal-nav-meta-bar--position-fixed-top{position:fixed;top:0;left:0;width:100%}.bal-nav-meta-bar--position-fixed-bottom{position:fixed;bottom:0;left:0;width:100%}.bal-nav-meta-bar--variant-primary{background:var(--bal-nav-meta-bar-variant-primary-background);-webkit-box-shadow:var(--bal-nav-meta-bar-variant-primary-shadow);box-shadow:var(--bal-nav-meta-bar-variant-primary-shadow)}.bal-nav-meta-bar--variant-grey{background:var(--bal-nav-meta-bar-variant-grey-background);-webkit-box-shadow:var(--bal-nav-meta-bar-variant-grey-shadow);box-shadow:var(--bal-nav-meta-bar-variant-grey-shadow)}.bal-nav-meta-bar--variant-white{background:var(--bal-nav-meta-bar-variant-white-background);-webkit-box-shadow:var(--bal-nav-meta-bar-variant-white-shadow);box-shadow:var(--bal-nav-meta-bar-variant-white-shadow)}@media screen and (max-width: 768px){.bal-nav-meta-bar--hidden-mobile{display:hidden !important;visibility:hidden !important}}@media screen and (max-width: 768px){.bal-nav-meta-bar--hidden-tablet{display:hidden !important;visibility:hidden !important}}@media screen and (min-width: 769px)and (max-width: 1023px){.bal-nav-meta-bar--hidden-tablet{display:hidden !important;visibility:hidden !important}}.bal-nav-meta-bar .button-label{word-break:keep-all !important}.bal-nav-meta-bar-transform{will-change:transition;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out, -webkit-transform .3s ease-in-out;position:fixed;display:block;width:100%;top:0;z-index:var(--bal-z-index-navigation)}.bal-nav-meta-bar-transform-small{-webkit-transform:translateY(-3rem);transform:translateY(-3rem)}.bal-nav-meta-bar-transform-normal{-webkit-transform:translateY(-5rem);transform:translateY(-5rem)}";
1107
979
  const BalNavMetaBarStyle0 = balNavMetaBarCss;
1108
980
 
1109
981
  const NavMetaBar = class {
@@ -1112,7 +984,6 @@ const NavMetaBar = class {
1112
984
  this.navMetaBarId = `bal-nav-meta-bar-${NavMetaBarIds++}`;
1113
985
  this.previousY = 0;
1114
986
  this.isHidden = false;
1115
- this.stayOnTopOfBackdrop = false;
1116
987
  this.variant = 'primary';
1117
988
  this.size = 'normal';
1118
989
  this.invisible = 'none';
@@ -1162,7 +1033,7 @@ const NavMetaBar = class {
1162
1033
  */
1163
1034
  render() {
1164
1035
  const block = bem.BEM.block('nav-meta-bar');
1165
- return (index.h(index.Host, { key: '3c91c07a7d1b760ae2843b24003d4cebc2ec57d8', id: this.navMetaBarId, class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(`variant-${this.variant}`).class()), block.modifier(`size-${this.size}`).class()), block.modifier(`position-${this.position}`).class(this.position !== 'none')), block.modifier(`hidden-mobile`).class(this.invisible === 'mobile')), block.modifier(`hidden-tablet`).class(this.invisible === 'tablet')), block.modifier(`stay-on-top`).class(this.stayOnTopOfBackdrop)) }, index.h("div", { key: '02333a87470f62b461875ceeae5a1b32381f4700', class: Object.assign({}, block.element('container').class()) }, index.h("slot", { key: '4d41ede2b111ee158255fbbc04b580695c8b1597' }))));
1036
+ return (index.h(index.Host, { key: 'c7aa3ccfe8e8b41e12c2e625eac9d23aba77ded3', id: this.navMetaBarId, class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(`variant-${this.variant}`).class()), block.modifier(`size-${this.size}`).class()), block.modifier(`position-${this.position}`).class(this.position !== 'none')), block.modifier(`hidden-mobile`).class(this.invisible === 'mobile')), block.modifier(`hidden-tablet`).class(this.invisible === 'tablet')) }, index.h("div", { key: '0ad94b6ef1580bb8ae907d0ebe53721c32cee0f8', class: Object.assign({}, block.element('container').class()) }, index.h("slot", { key: '9cebb426b75f0d2cd743aa9e0efc26d1c584768c' }))));
1166
1037
  }
1167
1038
  get el() { return index.getElement(this); }
1168
1039
  };
package/dist/cjs/bal-navbar_5.cjs.entry.js CHANGED
@@ -10,13 +10,13 @@ const helpers = require('./helpers-debb881a.js');
10
10
  const scroll = require('./scroll-dc37ea84.js');
11
11
  const config_default = require('./config.default-7e96eb95.js');
12
12
  const config_decorator = require('./config.decorator-de244188.js');
13
- const breakpoints_subject = require('./breakpoints.subject-814a8c58.js');
14
- const breakpoints_decorator = require('./breakpoints.decorator-93750fa2.js');
13
+ const breakpoints_subject = require('./breakpoints.subject-46e29594.js');
14
+ const breakpoints_decorator = require('./breakpoints.decorator-e93836f7.js');
15
15
  require('./config.utils-df30e424.js');
16
16
  require('./log-33398c2a.js');
17
17
  require('./device-9f97a845.js');
18
18
  require('./listener-52d2e5fd.js');
19
- require('./tokens.esm-f1e99983.js');
19
+ require('./tokens.esm-b4bf229a.js');
20
20
 
21
21
  const balNavbarCss = ":root{--bal-navbar-background:var(--bal-color-primary);--bal-navbar-light-background:var(--bal-color-white);--bal-navbar-active-menu-background:var(--bal-color-white);--bal-navbar-height:4rem;--bal-navbar-height-desktop:5rem;--bal-navbar-brand-title-text-color:var(--bal-color-text-white);--bal-navbar-brand-title-font-size:var(--bal-text-size-medium);--bal-navbar-brand-title-light-text-color:var(--bal-color-text-primary);--bal-navbar-brand-text-color:var(--bal-color-text-white);--bal-navbar-brand-logo-link-color:var(--bal-color-text-white)}.bal-navbar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:block}.bal-navbar--context-app:not(.bal-navbar--is-light),.bal-navbar--context-simple:not(.bal-navbar--is-light){background:var(--bal-navbar-background)}.bal-navbar--context-app,.bal-navbar--context-simple{height:var(--bal-navbar-height);max-height:var(--bal-navbar-height)}@media screen and (min-width: 1024px){.bal-navbar--context-app,.bal-navbar--context-simple{height:var(--bal-navbar-height-desktop);max-height:var(--bal-navbar-height-desktop)}}.bal-navbar__nav{display:-ms-flexbox;display:flex;height:100%;gap:1rem}.bal-navbar__brand{-ms-flex:1;flex:1;gap:2rem;display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}@media screen and (min-width: 1024px){.bal-navbar__brand{-ms-flex:initial;flex:initial}}.bal-navbar__brand>a{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:100%}.bal-navbar__brand__logo{height:calc(100% - 1rem);-o-object-fit:contain;object-fit:contain}@media screen and (min-width: 1024px){.bal-navbar__brand__logo{height:calc(100% - 2rem)}}.bal-navbar__brand__title{display:none;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.bal-navbar__brand__title>bal-logo{display:none}@media screen and (min-width: 769px),print{.bal-navbar__brand__title{display:inline-block;font-size:var(--bal-navbar-brand-title-font-size);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);color:var(--bal-navbar-brand-title-text-color)}}@media screen and (min-width: 1024px){.bal-navbar__brand__title{font-size:var(--bal-navbar-brand-title-font-size)}}.bal-navbar__brand--context-app,.bal-navbar__brand--context-simple{color:var(--bal-navbar-brand-text-color)}.bal-navbar__brand--context-app>a,.bal-navbar__brand--context-simple>a{color:var(--bal-navbar-brand-logo-link-color)}.bal-navbar__menu{position:static;display:none;z-index:var(--bal-z-index-navigation)}@media screen and (max-width: 1023px){.bal-navbar__menu--active{position:fixed !important;display:block;background:var(--bal-navbar-active-menu-background)}}@media screen and (max-width: 1023px){.bal-navbar__menu--context-app{padding-top:1rem;padding-bottom:1rem;overflow-y:auto;-ms-flex-direction:column-reverse;flex-direction:column-reverse;top:4rem;left:0;bottom:0;right:0}}@media screen and (min-width: 1024px){.bal-navbar__menu{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;gap:1rem;padding-right:0 !important}}.bal-navbar__menu--context-simple{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex:1;flex:1;gap:1rem}.bal-navbar__menu__start{display:block;margin-bottom:1rem}@media screen and (min-width: 1024px){.bal-navbar__menu__start{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:.5rem;margin-bottom:0}}.bal-navbar__menu__start--context-simple{display:none}.bal-navbar__menu__start--context-meta{-ms-flex-pack:start;justify-content:flex-start}.bal-navbar__menu__end{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center;gap:.5rem}.bal-navbar__menu__end .button-label{word-break:keep-all !important}.bal-navbar__menu__end .bal-button-group{width:100%}@media screen and (max-width: 1023px){.bal-navbar__menu__end .bal-button-group{margin-top:2rem}}.bal-navbar__menu__end--context-simple>.field{-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}.bal-navbar__menu__end>.field{-ms-flex:1;flex:1}@media screen and (min-width: 1024px){.bal-navbar__menu__end>.field{-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}}.bal-navbar--is-light{background-color:var(--bal-navbar-light-background);-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal)}.bal-navbar--is-light .bal-navbar__brand__title{color:var(--bal-navbar-brand-title-light-text-color)}.bal-navbar--is-light bal-logo svg svg,.bal-navbar--is-light bal-logo svg g,.bal-navbar--is-light bal-logo svg path,.bal-navbar--is-light bal-logo svg circle{fill:var(--bal-color-primary)}.bal-navbar__brand__burger.bal-button{margin-left:auto}@media screen and (min-width: 1024px){.bal-navbar__brand__burger.bal-button{display:none}}.bal-navbar__brand__burger--hidden.bal-button{display:none !important}";
22
22
  const BalNavbarStyle0 = balNavbarCss;
package/dist/cjs/bal-pagination.cjs.entry.js CHANGED
@@ -5,16 +5,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index = require('./index-84f42282.js');
6
6
  const tslib_es6 = require('./tslib.es6-a680968e.js');
7
7
  const bem = require('./bem-81bc6a2d.js');
8
- const breakpoints_subject = require('./breakpoints.subject-814a8c58.js');
8
+ const breakpoints_subject = require('./breakpoints.subject-46e29594.js');
9
9
  const config_default = require('./config.default-7e96eb95.js');
10
- const breakpoints_decorator = require('./breakpoints.decorator-93750fa2.js');
10
+ const breakpoints_decorator = require('./breakpoints.decorator-e93836f7.js');
11
11
  const config_decorator = require('./config.decorator-de244188.js');
12
12
  require('./helpers-debb881a.js');
13
13
  require('./browser-1d542d0f.js');
14
14
  require('./config.utils-df30e424.js');
15
15
  require('./device-9f97a845.js');
16
16
  require('./listener-52d2e5fd.js');
17
- require('./tokens.esm-f1e99983.js');
17
+ require('./tokens.esm-b4bf229a.js');
18
18
  require('./log-33398c2a.js');
19
19
 
20
20
  function generatePaginationControl(value, totalPages, pageRange) {