@baloise/ds-core 17.2.1 → 17.2.2-nightly.20250109

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 (790) hide show
  1. package/components/all.d.ts +2 -0
  2. package/components/all.js +3 -0
  3. package/components/bal-accordion.js +1 -1
  4. package/components/bal-app.js +1 -93
  5. package/components/bal-app2.js +95 -0
  6. package/components/bal-button2.js +3 -11
  7. package/components/bal-carousel-item.js +117 -1
  8. package/components/bal-carousel.js +261 -1
  9. package/components/bal-checkbox-button.js +1 -1
  10. package/components/bal-checkbox-group.js +2 -27
  11. package/components/bal-checkbox2.js +3 -16
  12. package/components/bal-date.js +3 -28
  13. package/components/bal-doc-app.d.ts +11 -0
  14. package/components/bal-doc-app.js +262 -0
  15. package/components/bal-dropdown2.js +2 -2
  16. package/components/bal-field.js +1 -1
  17. package/components/bal-file-upload.js +5 -12
  18. package/components/bal-footer.js +1 -1
  19. package/components/bal-icon2.js +1 -13
  20. package/components/bal-input-date2.js +4 -17
  21. package/components/bal-input-group2.js +1 -1
  22. package/components/bal-input-slider.js +5 -19
  23. package/components/bal-input-stepper.js +5 -18
  24. package/components/bal-input.js +3 -16
  25. package/components/bal-label2.js +1 -1
  26. package/components/bal-list-item-accordion-body2.js +4 -4
  27. package/components/bal-list-item-accordion-head2.js +2 -2
  28. package/components/bal-list-item-content2.js +2 -2
  29. package/components/bal-list-item-icon2.js +2 -2
  30. package/components/bal-list-item-subtitle2.js +1 -1
  31. package/components/bal-list-item-title2.js +1 -1
  32. package/components/bal-list-item2.js +1 -1
  33. package/components/bal-list2.js +1 -1
  34. package/components/bal-logo2.js +2 -2
  35. package/components/bal-modal-body.js +1 -1
  36. package/components/bal-modal-header.js +1 -1
  37. package/components/bal-modal.js +7 -33
  38. package/components/bal-nav-link-grid-col2.js +1 -1
  39. package/components/bal-nav-link-grid2.js +1 -1
  40. package/components/bal-nav-link-group.js +1 -1
  41. package/components/bal-nav-link2.js +2 -2
  42. package/components/bal-nav-menu-bar2.js +1 -1
  43. package/components/bal-nav-menu-flyout2.js +1 -1
  44. package/components/bal-nav-meta-bar2.js +2 -9
  45. package/components/bal-nav.js +52 -125
  46. package/components/bal-navbar-brand.js +5 -1
  47. package/components/bal-navbar-menu-end.js +1 -1
  48. package/components/bal-navbar-menu-start.js +1 -1
  49. package/components/bal-navbar-menu.js +2 -2
  50. package/components/bal-navbar.js +1 -1
  51. package/components/bal-notices.js +2 -2
  52. package/components/bal-notification.js +1 -1
  53. package/components/bal-number-input.js +3 -16
  54. package/components/bal-option-list.js +3 -16
  55. package/components/bal-option2.js +2 -9
  56. package/components/bal-pagination.js +311 -1
  57. package/components/bal-popover-content2.js +1 -1
  58. package/components/bal-popover2.js +4 -29
  59. package/components/bal-popup.js +4 -35
  60. package/components/bal-progress-bar.js +2 -2
  61. package/components/bal-radio-button.js +2 -2
  62. package/components/bal-radio-group.js +2 -33
  63. package/components/bal-radio2.js +3 -10
  64. package/components/bal-segment-item.js +2 -2
  65. package/components/bal-segment.js +4 -23
  66. package/components/bal-select-option.js +45 -1
  67. package/components/bal-select.js +847 -1
  68. package/components/bal-shape2.js +4 -4
  69. package/components/bal-sheet.js +1 -1
  70. package/components/bal-snackbar.js +1 -1
  71. package/components/bal-spinner2.js +3 -3
  72. package/components/bal-stack2.js +1 -1
  73. package/components/bal-stage-back-link.js +2 -2
  74. package/components/bal-stage-body.js +1 -1
  75. package/components/bal-stage-foot.js +1 -1
  76. package/components/bal-stage-head.js +1 -1
  77. package/components/bal-stage-image.js +3 -3
  78. package/components/bal-stage.js +1 -1
  79. package/components/bal-step-item.js +2 -2
  80. package/components/bal-steps.js +12 -56
  81. package/components/bal-tab-item.js +2 -2
  82. package/components/bal-table.js +1 -1
  83. package/components/bal-tabs2.js +179 -230
  84. package/components/bal-tag-group.js +1 -1
  85. package/components/bal-tag2.js +1 -1
  86. package/components/bal-text2.js +2 -2
  87. package/components/bal-textarea.js +3 -17
  88. package/components/bal-time-input.js +3 -16
  89. package/components/bal-toast.js +1 -1
  90. package/components/bal-tooltip.js +1 -1
  91. package/components/breakpoints.subject.js +1 -1
  92. package/components/element-states.decorator.js +1 -1
  93. package/components/floating-ui.js +2 -2
  94. package/components/focus.decorator.js +1 -1
  95. package/components/helpers.js +33 -3
  96. package/components/index.js +6 -305
  97. package/components/initialize.js +303 -0
  98. package/components/keyboard.helpers.js +7 -1
  99. package/components/mutation.decorator.js +17 -14
  100. package/components/overlays.js +1 -1
  101. package/components/resize.decorator.js +21 -5
  102. package/components/string.js +12 -0
  103. package/components/swipe.subject.js +2 -2
  104. package/components/swiper.util.js +434 -0
  105. package/components/tokens.esm.js +1 -1
  106. package/dist/baloise-design-system/baloise-design-system.esm.js +1 -1
  107. package/dist/baloise-design-system/baloise-design-system.js +1 -1
  108. package/dist/baloise-design-system/index.esm.js +1 -1
  109. package/dist/baloise-design-system/p-0346712795.entry.js +1 -0
  110. package/dist/baloise-design-system/{p-af747e55e6.entry.js → p-05986dc964.entry.js} +1 -1
  111. package/dist/baloise-design-system/p-079850e6.system.js +1 -0
  112. package/dist/baloise-design-system/{p-9d3f19c6af.system.entry.js → p-0933f23da2.system.entry.js} +1 -1
  113. package/dist/baloise-design-system/p-09c77507f1.entry.js +1 -0
  114. package/dist/baloise-design-system/{p-1cb1fb71d4.system.entry.js → p-0a22b25b5b.system.entry.js} +1 -1
  115. package/dist/baloise-design-system/p-0b8169c8.js +1 -0
  116. package/dist/baloise-design-system/{p-65b542bd.system.js → p-0e323fe0.system.js} +1 -1
  117. package/dist/baloise-design-system/p-0f87b93ca2.system.entry.js +1 -0
  118. package/dist/baloise-design-system/p-1050501432.entry.js +1 -0
  119. package/dist/baloise-design-system/p-10ebc871f4.system.entry.js +1 -0
  120. package/dist/baloise-design-system/p-1334e37be0.system.entry.js +1 -0
  121. package/dist/baloise-design-system/p-16baa62182.system.entry.js +1 -0
  122. package/dist/baloise-design-system/p-18267b1371.system.entry.js +1 -0
  123. package/dist/baloise-design-system/p-19162db1a6.system.entry.js +1 -0
  124. package/dist/baloise-design-system/{p-1e344a8c28.system.entry.js → p-1ae4dca673.system.entry.js} +1 -1
  125. package/dist/baloise-design-system/p-1c191e7d.js +1 -0
  126. package/dist/baloise-design-system/{p-17c73b8f48.system.entry.js → p-1e726ce985.system.entry.js} +1 -1
  127. package/dist/baloise-design-system/{p-e2ba4d18bc.system.entry.js → p-1f762ec5aa.system.entry.js} +1 -1
  128. package/dist/baloise-design-system/{p-9e2730c56b.system.entry.js → p-1f9d38cf0a.system.entry.js} +1 -1
  129. package/dist/baloise-design-system/{p-61b87619ac.system.entry.js → p-212b2ed471.system.entry.js} +1 -1
  130. package/dist/baloise-design-system/p-21f87590.js +1 -0
  131. package/dist/baloise-design-system/p-24e594cd49.entry.js +1 -0
  132. package/dist/baloise-design-system/p-27a8f7d1e4.system.entry.js +1 -0
  133. package/dist/baloise-design-system/p-28d415e4.js +1 -0
  134. package/dist/baloise-design-system/p-296c7825b7.entry.js +1 -0
  135. package/dist/baloise-design-system/p-2a8e0e7149.entry.js +1 -0
  136. package/dist/baloise-design-system/p-2ccbe55a.js +2 -0
  137. package/dist/baloise-design-system/{p-dfcca29bc9.system.entry.js → p-2d4ebe6538.system.entry.js} +1 -1
  138. package/dist/baloise-design-system/{p-54c8a63b7c.system.entry.js → p-2db0f14a2d.system.entry.js} +1 -1
  139. package/dist/baloise-design-system/{p-a898208e.system.js → p-2e830170.system.js} +1 -1
  140. package/dist/baloise-design-system/{p-b136739bec.entry.js → p-2f23758d56.entry.js} +1 -1
  141. package/dist/baloise-design-system/{p-353ce7cb84.system.entry.js → p-31b6055d92.system.entry.js} +1 -1
  142. package/dist/baloise-design-system/p-345ec2f4.system.js +1 -0
  143. package/dist/baloise-design-system/{p-802c6111.js → p-3541dd16.js} +1 -1
  144. package/dist/baloise-design-system/p-356f75fd58.system.entry.js +1 -0
  145. package/dist/baloise-design-system/p-38bbf5f58f.entry.js +1 -0
  146. package/dist/baloise-design-system/{p-c486a8a8ed.entry.js → p-3928dcab54.entry.js} +1 -1
  147. package/dist/baloise-design-system/p-39d3eeef8e.entry.js +1 -0
  148. package/dist/baloise-design-system/p-3a3ee1eb.js +1 -0
  149. package/dist/baloise-design-system/{p-7d63b70a40.system.entry.js → p-3a93f5710e.system.entry.js} +1 -1
  150. package/dist/baloise-design-system/{p-1c09c9b0.js → p-3df52a1f.js} +1 -1
  151. package/dist/baloise-design-system/p-42f532a0a8.entry.js +1 -0
  152. package/dist/baloise-design-system/p-4427a9954a.system.entry.js +1 -0
  153. package/dist/baloise-design-system/{p-d8420ad3d5.system.entry.js → p-465c1ecafb.system.entry.js} +1 -1
  154. package/dist/baloise-design-system/{p-4b6481e692.entry.js → p-4a746f645b.entry.js} +1 -1
  155. package/dist/baloise-design-system/{p-bf139fe5.system.js → p-4a80e2c1.system.js} +1 -1
  156. package/dist/baloise-design-system/{p-39ad885d73.entry.js → p-4ba2983131.entry.js} +1 -1
  157. package/dist/baloise-design-system/p-4d67c12e48.system.entry.js +1 -0
  158. package/dist/baloise-design-system/p-4e642b63.system.js +1 -0
  159. package/dist/baloise-design-system/{p-35120ab6.system.js → p-4eb199b5.system.js} +1 -1
  160. package/dist/baloise-design-system/p-524edfe610.system.entry.js +1 -0
  161. package/dist/baloise-design-system/p-52cad6cf9f.entry.js +1 -0
  162. package/dist/baloise-design-system/{p-7eaff7954d.entry.js → p-54b7eb9ee0.entry.js} +1 -1
  163. package/dist/baloise-design-system/p-54d9711a77.system.entry.js +1 -0
  164. package/dist/baloise-design-system/{p-d1ec4d6e.system.js → p-56cf1ab1.system.js} +1 -1
  165. package/dist/baloise-design-system/{p-8096d040b2.system.entry.js → p-56d4310416.system.entry.js} +1 -1
  166. package/dist/baloise-design-system/p-58a0e8df48.entry.js +1 -0
  167. package/dist/baloise-design-system/p-58d2a0b5.system.js +1 -0
  168. package/dist/baloise-design-system/{p-30f41bab1a.system.entry.js → p-5b6ee3b824.system.entry.js} +1 -1
  169. package/dist/baloise-design-system/{p-374ce10b98.system.entry.js → p-5b85dec39b.system.entry.js} +1 -1
  170. package/dist/baloise-design-system/{p-c589d05bc6.system.entry.js → p-5d0768fd46.system.entry.js} +1 -1
  171. package/dist/baloise-design-system/p-5de6427ec7.entry.js +1 -0
  172. package/dist/baloise-design-system/{p-9e103abfe5.entry.js → p-60f5e5faa6.entry.js} +1 -1
  173. package/dist/baloise-design-system/{p-7684efd8.js → p-63215f4c.js} +1 -1
  174. package/dist/baloise-design-system/p-66d49670b0.system.entry.js +1 -0
  175. package/dist/baloise-design-system/{p-6fb26bd060.system.entry.js → p-66f6b46fd4.system.entry.js} +1 -1
  176. package/dist/baloise-design-system/p-67d61a81.js +1 -0
  177. package/dist/baloise-design-system/p-68e05bd5.js +1 -0
  178. package/dist/baloise-design-system/{p-63793834ec.entry.js → p-6933b37a08.entry.js} +1 -1
  179. package/dist/baloise-design-system/{p-06d357bd.js → p-6b79e568.js} +1 -1
  180. package/dist/baloise-design-system/{p-85b6c500d8.entry.js → p-6c85b9106b.entry.js} +1 -1
  181. package/dist/baloise-design-system/p-6cdd068206.system.entry.js +1 -0
  182. package/dist/baloise-design-system/p-6e23b41e95.system.entry.js +1 -0
  183. package/dist/baloise-design-system/p-6f28d506.system.js +1 -0
  184. package/dist/baloise-design-system/{p-f8d828383b.system.entry.js → p-713640e3ac.system.entry.js} +1 -1
  185. package/dist/baloise-design-system/{p-063f4fc96f.system.entry.js → p-72312d33a3.system.entry.js} +1 -1
  186. package/dist/baloise-design-system/p-7256aa5d97.entry.js +1 -0
  187. package/dist/baloise-design-system/p-72570f9637.entry.js +1 -0
  188. package/dist/baloise-design-system/p-75f78ed4fd.entry.js +1 -0
  189. package/dist/baloise-design-system/p-761cb0e801.system.entry.js +1 -0
  190. package/dist/baloise-design-system/p-770f4365f6.system.entry.js +1 -0
  191. package/dist/baloise-design-system/p-7961e095.system.js +2 -0
  192. package/dist/baloise-design-system/{p-b8658ffb85.system.entry.js → p-79f753d617.system.entry.js} +1 -1
  193. package/dist/baloise-design-system/p-80befc3988.system.entry.js +1 -0
  194. package/dist/baloise-design-system/{p-63b52c0f.js → p-81894fe8.js} +1 -1
  195. package/dist/baloise-design-system/p-81a3bee001.entry.js +1 -0
  196. package/dist/baloise-design-system/p-8227e41299.entry.js +1 -0
  197. package/dist/baloise-design-system/p-82bf42f789.entry.js +1 -0
  198. package/dist/baloise-design-system/p-8360204072.entry.js +1 -0
  199. package/dist/baloise-design-system/{p-8b8d19171d.entry.js → p-86244838e4.entry.js} +1 -1
  200. package/dist/baloise-design-system/{p-3508444fc8.entry.js → p-878cb7914d.entry.js} +1 -1
  201. package/dist/baloise-design-system/p-8c24fdcf6c.system.entry.js +1 -0
  202. package/dist/baloise-design-system/{p-6c3a60ddf6.entry.js → p-8f1c2e77b6.entry.js} +1 -1
  203. package/dist/baloise-design-system/{p-b0fd473a.system.js → p-8f217b03.system.js} +1 -1
  204. package/dist/baloise-design-system/{p-682a1550e1.system.entry.js → p-900a22d5c3.system.entry.js} +1 -1
  205. package/dist/baloise-design-system/p-90a51218.js +1 -0
  206. package/dist/baloise-design-system/{p-8ac5772a60.system.entry.js → p-90a9f56d71.system.entry.js} +1 -1
  207. package/dist/baloise-design-system/{p-29273a2be9.entry.js → p-92e27ad87b.entry.js} +1 -1
  208. package/dist/baloise-design-system/p-932a19ea57.entry.js +1 -0
  209. package/dist/baloise-design-system/{p-c72bd76c.system.js → p-936070bf.system.js} +1 -1
  210. package/dist/baloise-design-system/{p-16ff8c81bf.entry.js → p-95bf3ca0ae.entry.js} +1 -1
  211. package/dist/baloise-design-system/p-9618956a56.system.entry.js +1 -0
  212. package/dist/baloise-design-system/{p-c472c7cf16.system.entry.js → p-97cd0b900d.system.entry.js} +1 -1
  213. package/dist/baloise-design-system/p-97f3a682.system.js +1 -0
  214. package/dist/baloise-design-system/{p-51fa7a76.js → p-9db35d91.js} +1 -1
  215. package/dist/baloise-design-system/{p-dafb9ede.system.js → p-a06fe6d4.system.js} +1 -1
  216. package/dist/baloise-design-system/p-a2090a9d.system.js +1 -0
  217. package/dist/baloise-design-system/{p-6d27c4949f.system.entry.js → p-a33f51bca5.system.entry.js} +1 -1
  218. package/dist/baloise-design-system/p-a5ea24121d.entry.js +1 -0
  219. package/dist/baloise-design-system/{p-296b12e3a9.entry.js → p-a6447b4840.entry.js} +1 -1
  220. package/dist/baloise-design-system/{p-98267a7765.entry.js → p-a679bf1c24.entry.js} +1 -1
  221. package/dist/baloise-design-system/{p-9b8ca7ead8.entry.js → p-a71cc6d652.entry.js} +1 -1
  222. package/dist/baloise-design-system/{p-5b78557886.entry.js → p-a7bbafcf3c.entry.js} +1 -1
  223. package/dist/baloise-design-system/{p-98a58cff41.system.entry.js → p-aa101747b4.system.entry.js} +1 -1
  224. package/dist/baloise-design-system/{p-678ebde2de.entry.js → p-aeca345ebb.entry.js} +1 -1
  225. package/dist/baloise-design-system/p-b1d0256f19.system.entry.js +1 -0
  226. package/dist/baloise-design-system/{p-c2157cabd4.entry.js → p-b2198343bf.entry.js} +1 -1
  227. package/dist/baloise-design-system/p-b57110dfe6.system.entry.js +1 -0
  228. package/dist/baloise-design-system/p-b77d63ca25.entry.js +1 -0
  229. package/dist/baloise-design-system/{p-a4b4b9c642.system.entry.js → p-b7f9f79521.system.entry.js} +1 -1
  230. package/dist/baloise-design-system/{p-579855c6.system.js → p-b96fd49d.system.js} +1 -1
  231. package/dist/baloise-design-system/p-bb0a588d09.system.entry.js +1 -0
  232. package/dist/baloise-design-system/p-bb7183cd00.entry.js +1 -0
  233. package/dist/baloise-design-system/p-bfc1c220e9.system.entry.js +1 -0
  234. package/dist/baloise-design-system/{p-486eb96d.system.js → p-c1db8468.system.js} +1 -1
  235. package/dist/baloise-design-system/p-c1fcce934b.entry.js +1 -0
  236. package/dist/baloise-design-system/p-c353a1861c.system.entry.js +1 -0
  237. package/dist/baloise-design-system/p-c642582c09.system.entry.js +1 -0
  238. package/dist/baloise-design-system/p-c9b8e360.system.js +1 -0
  239. package/dist/baloise-design-system/{p-7607c59d.js → p-cad154ad.js} +1 -1
  240. package/dist/baloise-design-system/p-ccba7183e2.entry.js +1 -0
  241. package/dist/baloise-design-system/p-ccd2ef1106.entry.js +1 -0
  242. package/dist/baloise-design-system/{p-ac2b4a256d.entry.js → p-cd31234898.entry.js} +1 -1
  243. package/dist/baloise-design-system/p-cd9be615a4.entry.js +1 -0
  244. package/dist/baloise-design-system/{p-cd5cbb0462.system.entry.js → p-cf550b5f9c.system.entry.js} +1 -1
  245. package/dist/baloise-design-system/p-d5268a76fb.system.entry.js +1 -0
  246. package/dist/baloise-design-system/{p-e0e123ffec.system.entry.js → p-d56a7e63df.system.entry.js} +1 -1
  247. package/dist/baloise-design-system/{p-70ff6660e5.system.entry.js → p-d67d2979ad.system.entry.js} +1 -1
  248. package/dist/baloise-design-system/p-dc98854c.js +1 -0
  249. package/dist/baloise-design-system/p-e0377a6d84.entry.js +1 -0
  250. package/dist/baloise-design-system/{p-2af8b73858.entry.js → p-e099fd9574.entry.js} +1 -1
  251. package/dist/baloise-design-system/{p-c7e93ad3c1.entry.js → p-e21ccd9856.entry.js} +1 -1
  252. package/dist/baloise-design-system/p-e430294632.entry.js +1 -0
  253. package/dist/baloise-design-system/p-e470e06a36.entry.js +1 -0
  254. package/dist/baloise-design-system/{p-4e75ee3c87.system.entry.js → p-e4c30a31a7.system.entry.js} +1 -1
  255. package/dist/baloise-design-system/{p-e3167218.js → p-e53217f8.js} +1 -1
  256. package/dist/baloise-design-system/p-e6bf225a89.entry.js +1 -0
  257. package/dist/baloise-design-system/{p-f1c41da029.entry.js → p-e8382bd4a9.entry.js} +1 -1
  258. package/dist/baloise-design-system/p-e9445f4362.entry.js +1 -0
  259. package/dist/baloise-design-system/{p-af3fb420b3.system.entry.js → p-ea27183b2a.system.entry.js} +1 -1
  260. package/dist/baloise-design-system/{p-533956b7.system.js → p-ed32b0b9.system.js} +1 -1
  261. package/dist/baloise-design-system/p-f2c398a3.system.js +1 -0
  262. package/dist/baloise-design-system/{p-4d84f90534.entry.js → p-f39958528f.entry.js} +1 -1
  263. package/dist/baloise-design-system/p-fabb559661.entry.js +1 -0
  264. package/dist/baloise-design-system/{p-c416afcd52.entry.js → p-fd357a0c70.entry.js} +1 -1
  265. package/dist/baloise-design-system/p-ff46a92a47.system.entry.js +1 -0
  266. package/dist/baloise-design-system/p-ff7903eb.js +1 -0
  267. package/dist/cjs/app-globals-25e25924.js +7 -0
  268. package/dist/cjs/bal-accordion_4.cjs.entry.js +4 -4
  269. package/dist/cjs/bal-app.cjs.entry.js +5 -5
  270. package/dist/cjs/bal-badge.cjs.entry.js +1 -1
  271. package/dist/cjs/bal-button_2.cjs.entry.js +3 -11
  272. package/dist/cjs/bal-card_6.cjs.entry.js +1 -1
  273. package/dist/cjs/bal-carousel_2.cjs.entry.js +88 -307
  274. package/dist/cjs/bal-checkbox-button.cjs.entry.js +4 -4
  275. package/dist/cjs/bal-checkbox_2.cjs.entry.js +7 -44
  276. package/dist/cjs/bal-close.cjs.entry.js +1 -1
  277. package/dist/cjs/bal-content.cjs.entry.js +1 -1
  278. package/dist/cjs/bal-data_4.cjs.entry.js +1 -1
  279. package/dist/cjs/bal-date-calendar-cell.cjs.entry.js +3 -3
  280. package/dist/cjs/bal-date-calendar_2.cjs.entry.js +7 -20
  281. package/dist/cjs/bal-date.cjs.entry.js +6 -31
  282. package/dist/cjs/bal-divider.cjs.entry.js +1 -1
  283. package/dist/cjs/bal-doc-app.cjs.entry.js +233 -0
  284. package/dist/cjs/bal-dropdown.cjs.entry.js +5 -5
  285. package/dist/cjs/bal-field_5.cjs.entry.js +3 -3
  286. package/dist/cjs/bal-file-upload.cjs.entry.js +7 -14
  287. package/dist/cjs/bal-footer.cjs.entry.js +3 -3
  288. package/dist/cjs/bal-form-col_2.cjs.entry.js +1 -1
  289. package/dist/cjs/bal-form.cjs.entry.js +2 -2
  290. package/dist/cjs/bal-heading_2.cjs.entry.js +3 -3
  291. package/dist/cjs/bal-hint_5.cjs.entry.js +8 -33
  292. package/dist/cjs/bal-icon.cjs.entry.js +3 -14
  293. package/dist/cjs/bal-input-group.cjs.entry.js +2 -2
  294. package/dist/cjs/bal-input-slider.cjs.entry.js +6 -20
  295. package/dist/cjs/bal-input-stepper.cjs.entry.js +6 -19
  296. package/dist/cjs/bal-input.cjs.entry.js +4 -17
  297. package/dist/cjs/bal-label.cjs.entry.js +2 -2
  298. package/dist/cjs/bal-list_8.cjs.entry.js +19 -19
  299. package/dist/cjs/bal-logo.cjs.entry.js +6 -6
  300. package/dist/cjs/bal-modal_3.cjs.entry.js +10 -36
  301. package/dist/cjs/bal-nav_8.cjs.entry.js +18 -37
  302. package/dist/cjs/bal-navbar_5.cjs.entry.js +13 -10
  303. package/dist/cjs/bal-notices_3.cjs.entry.js +5 -5
  304. package/dist/cjs/bal-notification.cjs.entry.js +2 -2
  305. package/dist/cjs/bal-number-input.cjs.entry.js +4 -17
  306. package/dist/cjs/bal-option_2.cjs.entry.js +6 -25
  307. package/dist/cjs/bal-pagination.cjs.entry.js +9 -9
  308. package/dist/cjs/bal-popup.cjs.entry.js +6 -37
  309. package/dist/cjs/bal-progress-bar.cjs.entry.js +7 -7
  310. package/dist/cjs/bal-radio-button.cjs.entry.js +5 -5
  311. package/dist/cjs/bal-radio_2.cjs.entry.js +7 -44
  312. package/dist/cjs/bal-segment_2.cjs.entry.js +11 -30
  313. package/dist/cjs/bal-select_2.cjs.entry.js +10 -29
  314. package/dist/cjs/bal-shape.cjs.entry.js +6 -6
  315. package/dist/cjs/bal-sheet.cjs.entry.js +2 -2
  316. package/dist/cjs/bal-spinner.cjs.entry.js +4 -4
  317. package/dist/cjs/bal-stack.cjs.entry.js +2 -2
  318. package/dist/cjs/bal-stage_6.cjs.entry.js +10 -10
  319. package/dist/cjs/bal-step-item.cjs.entry.js +3 -3
  320. package/dist/cjs/bal-steps.cjs.entry.js +15 -11
  321. package/dist/cjs/bal-tab-item_2.cjs.entry.js +172 -162
  322. package/dist/cjs/bal-table.cjs.entry.js +2 -2
  323. package/dist/cjs/bal-tag_2.cjs.entry.js +3 -3
  324. package/dist/cjs/bal-textarea.cjs.entry.js +4 -18
  325. package/dist/cjs/bal-time-input.cjs.entry.js +4 -17
  326. package/dist/cjs/bal-tooltip.cjs.entry.js +4 -4
  327. package/dist/cjs/baloise-design-system.cjs.js +6 -5
  328. package/dist/cjs/{breakpoints.decorator-2c97bb36.js → breakpoints.decorator-3d4613cc.js} +1 -1
  329. package/dist/cjs/{breakpoints.subject-f3104eb9.js → breakpoints.subject-45f33be0.js} +2 -2
  330. package/dist/cjs/{element-states.decorator-5aa9bf46.js → element-states.decorator-e2bc15ed.js} +1 -1
  331. package/dist/cjs/{floating-ui-9f03e1cf.js → floating-ui-24577c09.js} +2 -2
  332. package/dist/cjs/{focus.decorator-ec3a858c.js → focus.decorator-b93456af.js} +1 -1
  333. package/dist/cjs/{form-input-35653e8f.js → form-input-e4fdf58e.js} +1 -1
  334. package/dist/cjs/global-85ebe098.js +9 -0
  335. package/dist/cjs/{helpers-393c2183.js → helpers-94660ab2.js} +34 -3
  336. package/dist/cjs/{index-96c178a6.js → index-84f42282.js} +284 -163
  337. package/dist/cjs/index.cjs.js +8 -7
  338. package/dist/cjs/{initialize-6421e1c1.js → initialize-367b85e5.js} +2 -2
  339. package/dist/cjs/{keyboard.helpers-3c105b0c.js → keyboard.helpers-2093e793.js} +7 -0
  340. package/dist/cjs/loader.cjs.js +5 -4
  341. package/dist/cjs/{mutation.decorator-5ac1e198.js → mutation.decorator-a000b7ef.js} +17 -14
  342. package/dist/cjs/{overlays-e6d14274.js → overlays-4c465543.js} +1 -1
  343. package/dist/cjs/{resize.decorator-981b6817.js → resize.decorator-62d31afa.js} +21 -5
  344. package/dist/cjs/{swipe.decorator-391a0941.js → swipe.decorator-447ae00e.js} +1 -1
  345. package/dist/cjs/{swipe.subject-48bf62a1.js → swipe.subject-6deb82da.js} +2 -2
  346. package/dist/cjs/swiper.util-2c1a9dd3.js +450 -0
  347. package/dist/cjs/{tokens.esm-dbef942e.js → tokens.esm-ef47f2db.js} +1 -1
  348. package/dist/cjs/{window-resize.decorator-69ff6e4c.js → window-resize.decorator-b13d8403.js} +1 -1
  349. package/dist/collection/collection-manifest.json +3 -2
  350. package/dist/collection/components/bal-accordion/bal-accordion-details/bal-accordion-details.js +6 -0
  351. package/dist/collection/components/bal-accordion/bal-accordion-summary/bal-accordion-summary.js +6 -0
  352. package/dist/collection/components/bal-accordion/bal-accordion-trigger/bal-accordion-trigger.js +20 -0
  353. package/dist/collection/components/bal-accordion/bal-accordion.js +16 -0
  354. package/dist/collection/components/bal-app/bal-app.js +8 -4
  355. package/dist/collection/components/bal-badge/bal-badge.js +8 -0
  356. package/dist/collection/components/bal-button/bal-button-group/bal-button-group.js +6 -0
  357. package/dist/collection/components/bal-button/bal-button.js +60 -11
  358. package/dist/collection/components/bal-card/bal-card-actions/bal-card-actions.js +2 -0
  359. package/dist/collection/components/bal-card/bal-card-button/bal-card-button.js +14 -0
  360. package/dist/collection/components/bal-card/bal-card-subtitle/bal-card-subtitle.js +6 -0
  361. package/dist/collection/components/bal-card/bal-card-title/bal-card-title.js +2 -0
  362. package/dist/collection/components/bal-card/bal-card.js +18 -0
  363. package/dist/collection/components/bal-carousel/bal-carousel-item/bal-carousel-item.js +47 -39
  364. package/dist/collection/components/bal-carousel/bal-carousel.css +1 -1
  365. package/dist/collection/components/bal-carousel/bal-carousel.js +132 -228
  366. package/dist/collection/components/bal-carousel/controls/tab-control.js +8 -1
  367. package/dist/collection/components/bal-checkbox/bal-checkbox-button/bal-checkbox-button.js +14 -0
  368. package/dist/collection/components/bal-checkbox/bal-checkbox-group/bal-checkbox-group.js +58 -26
  369. package/dist/collection/components/bal-checkbox/bal-checkbox.js +50 -14
  370. package/dist/collection/components/bal-close/bal-close.js +4 -0
  371. package/dist/collection/components/bal-content/bal-content.js +10 -0
  372. package/dist/collection/components/bal-data/bal-data-item/bal-data-item.js +4 -0
  373. package/dist/collection/components/bal-data/bal-data-label/bal-data-label.js +2 -0
  374. package/dist/collection/components/bal-data/bal-data-value/bal-data-value.js +6 -0
  375. package/dist/collection/components/bal-data/bal-data.js +4 -0
  376. package/dist/collection/components/bal-date/bal-date-calendar/bal-date-calendar.js +14 -0
  377. package/dist/collection/components/bal-date/bal-date-calendar-cell/bal-date-calendar-cell.js +16 -0
  378. package/dist/collection/components/bal-date/bal-date.js +68 -26
  379. package/dist/collection/components/bal-divider/bal-divider.js +8 -0
  380. package/dist/collection/components/bal-dropdown/bal-dropdown.js +40 -0
  381. package/dist/collection/components/bal-field/bal-field-control/bal-field-control.js +8 -0
  382. package/dist/collection/components/bal-field/bal-field-hint/bal-field-hint.js +6 -0
  383. package/dist/collection/components/bal-field/bal-field-label/bal-field-label.js +16 -0
  384. package/dist/collection/components/bal-field/bal-field-message/bal-field-message.js +10 -0
  385. package/dist/collection/components/bal-field/bal-field.js +14 -0
  386. package/dist/collection/components/bal-file-upload/bal-file-upload.js +46 -12
  387. package/dist/collection/components/bal-footer/bal-footer.js +8 -0
  388. package/dist/collection/components/bal-form/bal-form.js +6 -0
  389. package/dist/collection/components/bal-form-grid/bal-form-col/bal-form-col.js +2 -0
  390. package/dist/collection/components/bal-heading/bal-heading.js +18 -0
  391. package/dist/collection/components/bal-hint/bal-hint.js +4 -0
  392. package/dist/collection/components/bal-icon/bal-icon.js +26 -14
  393. package/dist/collection/components/bal-input/bal-input-date/bal-input-date.js +45 -15
  394. package/dist/collection/components/bal-input/bal-input.js +74 -14
  395. package/dist/collection/components/bal-input-group/bal-input-group.js +7 -1
  396. package/dist/collection/components/bal-input-slider/bal-input-slider.js +44 -17
  397. package/dist/collection/components/bal-input-stepper/bal-input-stepper.js +38 -16
  398. package/dist/collection/components/bal-label/bal-label.js +27 -1
  399. package/dist/collection/components/bal-list/bal-list-item/bal-list-item.js +16 -0
  400. package/dist/collection/components/bal-list/bal-list-item-accordion-body/bal-list-item-accordion-body.js +9 -3
  401. package/dist/collection/components/bal-list/bal-list-item-accordion-head/bal-list-item-accordion-head.js +6 -2
  402. package/dist/collection/components/bal-list/bal-list-item-content/bal-list-item-content.js +4 -2
  403. package/dist/collection/components/bal-list/bal-list-item-icon/bal-list-item-icon.js +4 -2
  404. package/dist/collection/components/bal-list/bal-list-item-subtitle/bal-list-item-subtitle.js +1 -1
  405. package/dist/collection/components/bal-list/bal-list-item-title/bal-list-item-title.js +5 -1
  406. package/dist/collection/components/bal-list/bal-list.js +11 -1
  407. package/dist/collection/components/bal-logo/bal-logo.js +8 -2
  408. package/dist/collection/components/bal-modal/bal-modal-body/bal-modal-body.js +1 -1
  409. package/dist/collection/components/bal-modal/bal-modal-header/bal-modal-header.js +1 -1
  410. package/dist/collection/components/bal-modal/bal-modal.js +58 -33
  411. package/dist/collection/components/bal-nav/bal-nav-link/bal-nav-link.js +12 -2
  412. package/dist/collection/components/bal-nav/bal-nav-link-grid/bal-nav-link-grid.js +1 -1
  413. package/dist/collection/components/bal-nav/bal-nav-link-grid-col/bal-nav-link-grid-col.js +3 -1
  414. package/dist/collection/components/bal-nav/bal-nav-link-group/bal-nav-link-group.js +3 -1
  415. package/dist/collection/components/bal-nav/bal-nav-menu-bar/bal-nav-menu-bar.js +5 -1
  416. package/dist/collection/components/bal-nav/bal-nav-menu-flyout/bal-nav-menu-flyout.js +3 -1
  417. package/dist/collection/components/bal-nav/bal-nav-meta-bar/bal-nav-meta-bar.js +18 -8
  418. package/dist/collection/components/bal-nav/bal-nav.css +1 -1
  419. package/dist/collection/components/bal-nav/bal-nav.js +24 -16
  420. package/dist/collection/components/bal-navbar/bal-navbar-brand/bal-navbar-brand.js +19 -1
  421. package/dist/collection/components/bal-navbar/bal-navbar-menu/bal-navbar-menu.js +3 -1
  422. package/dist/collection/components/bal-navbar/bal-navbar-menu-end/bal-navbar-menu-end.js +3 -1
  423. package/dist/collection/components/bal-navbar/bal-navbar-menu-start/bal-navbar-menu-start.js +3 -1
  424. package/dist/collection/components/bal-navbar/bal-navbar.js +7 -1
  425. package/dist/collection/components/bal-notices/bal-notices.js +4 -2
  426. package/dist/collection/components/bal-notification/bal-notification.js +3 -1
  427. package/dist/collection/components/bal-number-input/bal-number-input.js +46 -14
  428. package/dist/collection/components/bal-option/bal-option.js +26 -8
  429. package/dist/collection/components/bal-option-list/bal-option-list.js +30 -14
  430. package/dist/collection/components/bal-pagination/bal-pagination.js +22 -4
  431. package/dist/collection/components/bal-popover/bal-popover-content/bal-popover-content.js +19 -1
  432. package/dist/collection/components/bal-popover/bal-popover.js +53 -27
  433. package/dist/collection/components/bal-popup/bal-popup.js +58 -32
  434. package/dist/collection/components/bal-progress-bar/bal-progress-bar.js +7 -1
  435. package/dist/collection/components/bal-radio/bal-radio-button/bal-radio-button.js +15 -1
  436. package/dist/collection/components/bal-radio/bal-radio-group/bal-radio-group.js +64 -32
  437. package/dist/collection/components/bal-radio/bal-radio.js +38 -8
  438. package/dist/collection/components/bal-segment/bal-segment-item/bal-segment-item.js +13 -1
  439. package/dist/collection/components/bal-segment/bal-segment.js +34 -20
  440. package/dist/collection/components/bal-select/bal-select-option/bal-select-option.js +9 -1
  441. package/dist/collection/components/bal-select/bal-select.js +68 -24
  442. package/dist/collection/components/bal-shape/bal-shape.js +10 -4
  443. package/dist/collection/components/bal-sheet/bal-sheet.js +3 -1
  444. package/dist/collection/components/bal-snackbar/bal-snackbar.js +21 -1
  445. package/dist/collection/components/bal-spinner/bal-spinner.js +13 -3
  446. package/dist/collection/components/bal-stack/bal-stack.js +23 -1
  447. package/dist/collection/components/bal-stage/bal-stage-back-link/bal-stage-back-link.js +8 -2
  448. package/dist/collection/components/bal-stage/bal-stage-body/bal-stage-body.js +1 -1
  449. package/dist/collection/components/bal-stage/bal-stage-foot/bal-stage-foot.js +1 -1
  450. package/dist/collection/components/bal-stage/bal-stage-head/bal-stage-head.js +1 -1
  451. package/dist/collection/components/bal-stage/bal-stage-image/bal-stage-image.js +7 -3
  452. package/dist/collection/components/bal-stage/bal-stage.js +13 -1
  453. package/dist/collection/components/bal-steps/bal-step-item/bal-step-item.js +22 -2
  454. package/dist/collection/components/bal-steps/bal-steps.css +1 -1
  455. package/dist/collection/components/bal-steps/bal-steps.js +19 -5
  456. package/dist/collection/components/bal-table/bal-table.js +3 -1
  457. package/dist/collection/components/bal-tabs/bal-tab-item/bal-tab-item.js +30 -2
  458. package/dist/collection/components/bal-tabs/bal-tabs.css +1 -1
  459. package/dist/collection/components/bal-tabs/bal-tabs.js +206 -125
  460. package/dist/collection/components/bal-tabs/components/tab-button.js +2 -2
  461. package/dist/collection/components/bal-tabs/components/tab-label.js +2 -2
  462. package/dist/collection/components/bal-tabs/components/tab-nav.js +7 -4
  463. package/dist/collection/components/bal-tabs/components/tab-select.js +2 -2
  464. package/dist/collection/components/bal-tag/bal-tag-group/bal-tag-group.js +1 -1
  465. package/dist/collection/components/bal-tag/bal-tag.js +17 -1
  466. package/dist/collection/components/bal-text/bal-text.js +28 -2
  467. package/dist/collection/components/bal-textarea/bal-textarea.js +54 -15
  468. package/dist/collection/components/bal-time-input/bal-time-input.js +32 -14
  469. package/dist/collection/components/bal-toast/bal-toast.js +9 -1
  470. package/dist/collection/components/bal-tooltip/bal-tooltip.js +11 -1
  471. package/dist/collection/components/docs/bal-doc-app/bal-doc-app.css +1 -0
  472. package/dist/collection/components/docs/bal-doc-app/bal-doc-app.js +247 -0
  473. package/dist/collection/index.js +1 -1
  474. package/dist/collection/utils/constants/version.constant.js +1 -1
  475. package/dist/collection/utils/floating-ui.js +2 -2
  476. package/dist/collection/utils/helpers.js +32 -2
  477. package/dist/collection/utils/keyboard/keyboard.helpers.js +6 -0
  478. package/dist/collection/utils/mutation/mutation.listener.js +16 -13
  479. package/dist/collection/utils/resize/resize.listener.js +19 -3
  480. package/dist/collection/utils/resize/resize.subject.js +2 -2
  481. package/dist/collection/utils/style.js +16 -3
  482. package/dist/collection/utils/swipe/swipe.listener.js +2 -2
  483. package/dist/collection/{components/bal-carousel → utils/swiper}/controls/dot-control.js +1 -1
  484. package/dist/collection/utils/swiper/controls/index.js +3 -0
  485. package/dist/collection/{components/bal-carousel → utils/swiper}/controls/large-control.js +2 -2
  486. package/dist/collection/{components/bal-carousel → utils/swiper}/controls/small-control.js +2 -2
  487. package/dist/collection/utils/swiper/index.js +1 -0
  488. package/dist/collection/{components/bal-carousel/bal-carousel.i18n.js → utils/swiper/swiper.i18n.js} +1 -1
  489. package/dist/collection/utils/swiper/swiper.util.js +322 -0
  490. package/dist/esm/app-globals-83570026.js +5 -0
  491. package/dist/esm/bal-accordion_4.entry.js +4 -4
  492. package/dist/esm/bal-app.entry.js +5 -5
  493. package/dist/esm/bal-badge.entry.js +1 -1
  494. package/dist/esm/bal-button_2.entry.js +3 -11
  495. package/dist/esm/bal-card_6.entry.js +1 -1
  496. package/dist/esm/bal-carousel_2.entry.js +88 -307
  497. package/dist/esm/bal-checkbox-button.entry.js +4 -4
  498. package/dist/esm/bal-checkbox_2.entry.js +7 -44
  499. package/dist/esm/bal-close.entry.js +1 -1
  500. package/dist/esm/bal-content.entry.js +1 -1
  501. package/dist/esm/bal-data_4.entry.js +1 -1
  502. package/dist/esm/bal-date-calendar-cell.entry.js +3 -3
  503. package/dist/esm/bal-date-calendar_2.entry.js +7 -20
  504. package/dist/esm/bal-date.entry.js +6 -31
  505. package/dist/esm/bal-divider.entry.js +1 -1
  506. package/dist/esm/bal-doc-app.entry.js +229 -0
  507. package/dist/esm/bal-dropdown.entry.js +5 -5
  508. package/dist/esm/bal-field_5.entry.js +3 -3
  509. package/dist/esm/bal-file-upload.entry.js +7 -14
  510. package/dist/esm/bal-footer.entry.js +3 -3
  511. package/dist/esm/bal-form-col_2.entry.js +1 -1
  512. package/dist/esm/bal-form.entry.js +2 -2
  513. package/dist/esm/bal-heading_2.entry.js +3 -3
  514. package/dist/esm/bal-hint_5.entry.js +8 -33
  515. package/dist/esm/bal-icon.entry.js +3 -14
  516. package/dist/esm/bal-input-group.entry.js +2 -2
  517. package/dist/esm/bal-input-slider.entry.js +6 -20
  518. package/dist/esm/bal-input-stepper.entry.js +6 -19
  519. package/dist/esm/bal-input.entry.js +4 -17
  520. package/dist/esm/bal-label.entry.js +2 -2
  521. package/dist/esm/bal-list_8.entry.js +19 -19
  522. package/dist/esm/bal-logo.entry.js +6 -6
  523. package/dist/esm/bal-modal_3.entry.js +10 -36
  524. package/dist/esm/bal-nav_8.entry.js +18 -37
  525. package/dist/esm/bal-navbar_5.entry.js +13 -10
  526. package/dist/esm/bal-notices_3.entry.js +5 -5
  527. package/dist/esm/bal-notification.entry.js +2 -2
  528. package/dist/esm/bal-number-input.entry.js +4 -17
  529. package/dist/esm/bal-option_2.entry.js +6 -25
  530. package/dist/esm/bal-pagination.entry.js +9 -9
  531. package/dist/esm/bal-popup.entry.js +6 -37
  532. package/dist/esm/bal-progress-bar.entry.js +7 -7
  533. package/dist/esm/bal-radio-button.entry.js +5 -5
  534. package/dist/esm/bal-radio_2.entry.js +7 -44
  535. package/dist/esm/bal-segment_2.entry.js +11 -30
  536. package/dist/esm/bal-select_2.entry.js +10 -29
  537. package/dist/esm/bal-shape.entry.js +6 -6
  538. package/dist/esm/bal-sheet.entry.js +2 -2
  539. package/dist/esm/bal-spinner.entry.js +4 -4
  540. package/dist/esm/bal-stack.entry.js +2 -2
  541. package/dist/esm/bal-stage_6.entry.js +10 -10
  542. package/dist/esm/bal-step-item.entry.js +3 -3
  543. package/dist/esm/bal-steps.entry.js +15 -11
  544. package/dist/esm/bal-tab-item_2.entry.js +170 -160
  545. package/dist/esm/bal-table.entry.js +2 -2
  546. package/dist/esm/bal-tag_2.entry.js +3 -3
  547. package/dist/esm/bal-textarea.entry.js +4 -18
  548. package/dist/esm/bal-time-input.entry.js +4 -17
  549. package/dist/esm/bal-tooltip.entry.js +4 -4
  550. package/dist/esm/baloise-design-system.js +7 -6
  551. package/dist/esm/{breakpoints.decorator-a8efc52b.js → breakpoints.decorator-d489f428.js} +1 -1
  552. package/dist/esm/{breakpoints.subject-0764e6ff.js → breakpoints.subject-d0b34510.js} +2 -2
  553. package/dist/esm/{element-states.decorator-0f2107d8.js → element-states.decorator-4cf6af31.js} +1 -1
  554. package/dist/esm/{floating-ui-82413f23.js → floating-ui-922202fe.js} +2 -2
  555. package/dist/esm/{focus.decorator-dc333802.js → focus.decorator-c2c05d01.js} +1 -1
  556. package/dist/esm/{form-input-264ad739.js → form-input-1f3d8337.js} +1 -1
  557. package/dist/esm/global-88c7b04e.js +7 -0
  558. package/dist/esm/{helpers-72ae7307.js → helpers-32d9e1cc.js} +33 -3
  559. package/dist/esm/{index-5b1faf93.js → index-8d2a7ce7.js} +284 -163
  560. package/dist/esm/index.js +9 -9
  561. package/dist/esm/{initialize-b9912138.js → initialize-22c1bebc.js} +2 -2
  562. package/dist/esm/{keyboard.helpers-b2dd6393.js → keyboard.helpers-159e517d.js} +7 -1
  563. package/dist/esm/loader.js +6 -5
  564. package/dist/esm/{mutation.decorator-74831883.js → mutation.decorator-0c202bed.js} +17 -14
  565. package/dist/esm/{overlays-73dcc4a8.js → overlays-fa0ccf81.js} +1 -1
  566. package/dist/esm/{resize.decorator-f2d8461d.js → resize.decorator-bd416c47.js} +21 -5
  567. package/dist/esm/{swipe.decorator-56b6d574.js → swipe.decorator-20f4a0cb.js} +1 -1
  568. package/dist/esm/{swipe.subject-683f7c7b.js → swipe.subject-e3db5994.js} +2 -2
  569. package/dist/esm/swiper.util-3e090584.js +445 -0
  570. package/dist/esm/{tokens.esm-69df759d.js → tokens.esm-28388bbc.js} +1 -1
  571. package/dist/esm/{window-resize.decorator-53d6279e.js → window-resize.decorator-ab7c4574.js} +1 -1
  572. package/dist/esm-es5/app-globals-83570026.js +1 -0
  573. package/dist/esm-es5/bal-accordion_4.entry.js +1 -1
  574. package/dist/esm-es5/bal-app.entry.js +1 -1
  575. package/dist/esm-es5/bal-badge.entry.js +1 -1
  576. package/dist/esm-es5/bal-button_2.entry.js +1 -1
  577. package/dist/esm-es5/bal-card_6.entry.js +1 -1
  578. package/dist/esm-es5/bal-carousel_2.entry.js +1 -1
  579. package/dist/esm-es5/bal-checkbox-button.entry.js +1 -1
  580. package/dist/esm-es5/bal-checkbox_2.entry.js +1 -1
  581. package/dist/esm-es5/bal-close.entry.js +1 -1
  582. package/dist/esm-es5/bal-content.entry.js +1 -1
  583. package/dist/esm-es5/bal-data_4.entry.js +1 -1
  584. package/dist/esm-es5/bal-date-calendar-cell.entry.js +1 -1
  585. package/dist/esm-es5/bal-date-calendar_2.entry.js +1 -1
  586. package/dist/esm-es5/bal-date.entry.js +1 -1
  587. package/dist/esm-es5/bal-divider.entry.js +1 -1
  588. package/dist/esm-es5/bal-doc-app.entry.js +1 -0
  589. package/dist/esm-es5/bal-dropdown.entry.js +1 -1
  590. package/dist/esm-es5/bal-field_5.entry.js +1 -1
  591. package/dist/esm-es5/bal-file-upload.entry.js +1 -1
  592. package/dist/esm-es5/bal-footer.entry.js +1 -1
  593. package/dist/esm-es5/bal-form-col_2.entry.js +1 -1
  594. package/dist/esm-es5/bal-form.entry.js +1 -1
  595. package/dist/esm-es5/bal-heading_2.entry.js +1 -1
  596. package/dist/esm-es5/bal-hint_5.entry.js +1 -1
  597. package/dist/esm-es5/bal-icon.entry.js +1 -1
  598. package/dist/esm-es5/bal-input-group.entry.js +1 -1
  599. package/dist/esm-es5/bal-input-slider.entry.js +1 -1
  600. package/dist/esm-es5/bal-input-stepper.entry.js +1 -1
  601. package/dist/esm-es5/bal-input.entry.js +1 -1
  602. package/dist/esm-es5/bal-label.entry.js +1 -1
  603. package/dist/esm-es5/bal-list_8.entry.js +1 -1
  604. package/dist/esm-es5/bal-logo.entry.js +1 -1
  605. package/dist/esm-es5/bal-modal_3.entry.js +1 -1
  606. package/dist/esm-es5/bal-nav_8.entry.js +1 -1
  607. package/dist/esm-es5/bal-navbar_5.entry.js +1 -1
  608. package/dist/esm-es5/bal-notices_3.entry.js +1 -1
  609. package/dist/esm-es5/bal-notification.entry.js +1 -1
  610. package/dist/esm-es5/bal-number-input.entry.js +1 -1
  611. package/dist/esm-es5/bal-option_2.entry.js +1 -1
  612. package/dist/esm-es5/bal-pagination.entry.js +1 -1
  613. package/dist/esm-es5/bal-popup.entry.js +1 -1
  614. package/dist/esm-es5/bal-progress-bar.entry.js +1 -1
  615. package/dist/esm-es5/bal-radio-button.entry.js +1 -1
  616. package/dist/esm-es5/bal-radio_2.entry.js +1 -1
  617. package/dist/esm-es5/bal-segment_2.entry.js +1 -1
  618. package/dist/esm-es5/bal-select_2.entry.js +1 -1
  619. package/dist/esm-es5/bal-shape.entry.js +1 -1
  620. package/dist/esm-es5/bal-sheet.entry.js +1 -1
  621. package/dist/esm-es5/bal-spinner.entry.js +1 -1
  622. package/dist/esm-es5/bal-stack.entry.js +1 -1
  623. package/dist/esm-es5/bal-stage_6.entry.js +1 -1
  624. package/dist/esm-es5/bal-step-item.entry.js +1 -1
  625. package/dist/esm-es5/bal-steps.entry.js +1 -1
  626. package/dist/esm-es5/bal-tab-item_2.entry.js +1 -1
  627. package/dist/esm-es5/bal-table.entry.js +1 -1
  628. package/dist/esm-es5/bal-tag_2.entry.js +1 -1
  629. package/dist/esm-es5/bal-textarea.entry.js +1 -1
  630. package/dist/esm-es5/bal-time-input.entry.js +1 -1
  631. package/dist/esm-es5/bal-tooltip.entry.js +1 -1
  632. package/dist/esm-es5/baloise-design-system.js +1 -1
  633. package/dist/esm-es5/breakpoints.decorator-d489f428.js +1 -0
  634. package/dist/esm-es5/{breakpoints.subject-0764e6ff.js → breakpoints.subject-d0b34510.js} +1 -1
  635. package/dist/esm-es5/{element-states.decorator-0f2107d8.js → element-states.decorator-4cf6af31.js} +1 -1
  636. package/dist/esm-es5/floating-ui-922202fe.js +1 -0
  637. package/dist/esm-es5/{focus.decorator-dc333802.js → focus.decorator-c2c05d01.js} +1 -1
  638. package/dist/esm-es5/{form-input-264ad739.js → form-input-1f3d8337.js} +1 -1
  639. package/dist/esm-es5/global-88c7b04e.js +1 -0
  640. package/dist/esm-es5/helpers-32d9e1cc.js +1 -0
  641. package/dist/esm-es5/index-8d2a7ce7.js +2 -0
  642. package/dist/esm-es5/index.js +1 -1
  643. package/dist/esm-es5/{initialize-b9912138.js → initialize-22c1bebc.js} +1 -1
  644. package/dist/esm-es5/keyboard.helpers-159e517d.js +1 -0
  645. package/dist/esm-es5/loader.js +1 -1
  646. package/dist/esm-es5/mutation.decorator-0c202bed.js +1 -0
  647. package/dist/esm-es5/{overlays-73dcc4a8.js → overlays-fa0ccf81.js} +1 -1
  648. package/dist/esm-es5/resize.decorator-bd416c47.js +1 -0
  649. package/dist/esm-es5/{swipe.decorator-56b6d574.js → swipe.decorator-20f4a0cb.js} +1 -1
  650. package/dist/esm-es5/swipe.subject-e3db5994.js +1 -0
  651. package/dist/esm-es5/swiper.util-3e090584.js +1 -0
  652. package/dist/esm-es5/{window-resize.decorator-53d6279e.js → window-resize.decorator-ab7c4574.js} +1 -1
  653. package/dist/html.html-data.json +2 -2
  654. package/dist/types/components/bal-carousel/bal-carousel-item/bal-carousel-item.d.ts +3 -2
  655. package/dist/types/components/bal-carousel/bal-carousel.d.ts +20 -33
  656. package/dist/types/components/bal-icon/bal-icon.d.ts +0 -6
  657. package/dist/types/components/bal-steps/bal-steps.d.ts +2 -1
  658. package/dist/types/components/bal-tabs/bal-tabs.d.ts +30 -13
  659. package/dist/types/components/bal-tabs/components/tab-button.d.ts +1 -1
  660. package/dist/types/components/bal-tabs/components/tab-label.d.ts +1 -0
  661. package/dist/types/components/bal-tabs/components/tab-nav.d.ts +4 -1
  662. package/dist/types/components/docs/bal-doc-app/bal-doc-app.d.ts +21 -0
  663. package/dist/types/components.d.ts +44 -9
  664. package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/icons/src/index.d.ts +82 -0
  665. package/dist/types/index.d.ts +1 -1
  666. package/dist/types/utils/helpers.d.ts +2 -0
  667. package/dist/types/utils/keyboard/keyboard.helpers.d.ts +4 -0
  668. package/dist/types/utils/resize/resize.interfaces.d.ts +4 -1
  669. package/dist/types/utils/resize/resize.listener.d.ts +2 -0
  670. package/dist/types/utils/style.d.ts +1 -0
  671. package/dist/types/utils/swiper/controls/index.d.ts +3 -0
  672. package/dist/types/utils/swiper/index.d.ts +2 -0
  673. package/dist/types/utils/swiper/swiper.i18n.d.ts +7 -0
  674. package/dist/types/utils/swiper/swiper.type.d.ts +31 -0
  675. package/dist/types/utils/swiper/swiper.util.d.ts +92 -0
  676. package/package.json +8 -8
  677. package/components/bal-carousel-item2.js +0 -115
  678. package/components/bal-carousel2.js +0 -530
  679. package/components/bal-pagination2.js +0 -313
  680. package/components/bal-select-option2.js +0 -47
  681. package/components/bal-select2.js +0 -868
  682. package/components/listen.js +0 -58
  683. package/dist/baloise-design-system/p-00281d6b.js +0 -1
  684. package/dist/baloise-design-system/p-04979ee232.entry.js +0 -1
  685. package/dist/baloise-design-system/p-075bcd8c56.system.entry.js +0 -1
  686. package/dist/baloise-design-system/p-0935940ea0.system.entry.js +0 -1
  687. package/dist/baloise-design-system/p-0aa1d6a4.system.js +0 -1
  688. package/dist/baloise-design-system/p-0c51c999.js +0 -1
  689. package/dist/baloise-design-system/p-0e361394.js +0 -1
  690. package/dist/baloise-design-system/p-0fd1b4ed34.entry.js +0 -1
  691. package/dist/baloise-design-system/p-116b65a6.system.js +0 -1
  692. package/dist/baloise-design-system/p-12701030b2.system.entry.js +0 -1
  693. package/dist/baloise-design-system/p-1400a7e9cc.entry.js +0 -1
  694. package/dist/baloise-design-system/p-18fbeec32d.system.entry.js +0 -1
  695. package/dist/baloise-design-system/p-19abec97c4.entry.js +0 -1
  696. package/dist/baloise-design-system/p-1c118a88.system.js +0 -1
  697. package/dist/baloise-design-system/p-20d7a74311.system.entry.js +0 -1
  698. package/dist/baloise-design-system/p-218f416b89.entry.js +0 -1
  699. package/dist/baloise-design-system/p-2539ba43.js +0 -2
  700. package/dist/baloise-design-system/p-25e640839d.system.entry.js +0 -1
  701. package/dist/baloise-design-system/p-2767b62167.system.entry.js +0 -1
  702. package/dist/baloise-design-system/p-27d3f5d35a.system.entry.js +0 -1
  703. package/dist/baloise-design-system/p-2ad664ad93.entry.js +0 -1
  704. package/dist/baloise-design-system/p-33101c54.js +0 -1
  705. package/dist/baloise-design-system/p-3814316946.entry.js +0 -1
  706. package/dist/baloise-design-system/p-3a0a84fbcc.system.entry.js +0 -1
  707. package/dist/baloise-design-system/p-3d1747bc.system.js +0 -1
  708. package/dist/baloise-design-system/p-47ae469120.entry.js +0 -1
  709. package/dist/baloise-design-system/p-4d807f18.system.js +0 -1
  710. package/dist/baloise-design-system/p-50927d70.js +0 -1
  711. package/dist/baloise-design-system/p-51380295.system.js +0 -1
  712. package/dist/baloise-design-system/p-53b859d3c4.entry.js +0 -1
  713. package/dist/baloise-design-system/p-562c360455.entry.js +0 -1
  714. package/dist/baloise-design-system/p-58f7826179.entry.js +0 -1
  715. package/dist/baloise-design-system/p-5bbc6e33c0.entry.js +0 -1
  716. package/dist/baloise-design-system/p-62936f4a8b.entry.js +0 -1
  717. package/dist/baloise-design-system/p-68392bc0e8.system.entry.js +0 -1
  718. package/dist/baloise-design-system/p-6d6a2f64f2.entry.js +0 -1
  719. package/dist/baloise-design-system/p-6e79b03ef3.entry.js +0 -1
  720. package/dist/baloise-design-system/p-77a1d547e2.system.entry.js +0 -1
  721. package/dist/baloise-design-system/p-7a883fd6ed.system.entry.js +0 -1
  722. package/dist/baloise-design-system/p-7e50273c21.entry.js +0 -1
  723. package/dist/baloise-design-system/p-85d9ea863b.system.entry.js +0 -1
  724. package/dist/baloise-design-system/p-8669493951.system.entry.js +0 -1
  725. package/dist/baloise-design-system/p-8a1bb350f1.system.entry.js +0 -1
  726. package/dist/baloise-design-system/p-9311066eb2.system.entry.js +0 -1
  727. package/dist/baloise-design-system/p-95a4f1be.js +0 -1
  728. package/dist/baloise-design-system/p-9d29364f13.entry.js +0 -1
  729. package/dist/baloise-design-system/p-9d3f7645.system.js +0 -1
  730. package/dist/baloise-design-system/p-9eb4e04e90.system.entry.js +0 -1
  731. package/dist/baloise-design-system/p-9f54cfc70b.entry.js +0 -1
  732. package/dist/baloise-design-system/p-a33ee4ca30.entry.js +0 -1
  733. package/dist/baloise-design-system/p-a5a8da4e09.entry.js +0 -1
  734. package/dist/baloise-design-system/p-a6556b9bd0.entry.js +0 -1
  735. package/dist/baloise-design-system/p-a76969fe16.entry.js +0 -1
  736. package/dist/baloise-design-system/p-aa08fe2376.entry.js +0 -1
  737. package/dist/baloise-design-system/p-ab64213bd1.system.entry.js +0 -1
  738. package/dist/baloise-design-system/p-ad58876e8c.entry.js +0 -1
  739. package/dist/baloise-design-system/p-ae2292f251.system.entry.js +0 -1
  740. package/dist/baloise-design-system/p-af4c6af2.js +0 -1
  741. package/dist/baloise-design-system/p-b0120babb2.entry.js +0 -1
  742. package/dist/baloise-design-system/p-b5c538994b.system.entry.js +0 -1
  743. package/dist/baloise-design-system/p-ba9c735428.entry.js +0 -1
  744. package/dist/baloise-design-system/p-be61baa681.entry.js +0 -1
  745. package/dist/baloise-design-system/p-c6ee7ff820.system.entry.js +0 -1
  746. package/dist/baloise-design-system/p-c9dce0f3ea.system.entry.js +0 -1
  747. package/dist/baloise-design-system/p-ca0e100fe8.entry.js +0 -1
  748. package/dist/baloise-design-system/p-ce3173af38.system.entry.js +0 -1
  749. package/dist/baloise-design-system/p-ce674dca.js +0 -1
  750. package/dist/baloise-design-system/p-d21e99c2da.system.entry.js +0 -1
  751. package/dist/baloise-design-system/p-d532d41212.system.entry.js +0 -1
  752. package/dist/baloise-design-system/p-d67f7321.system.js +0 -2
  753. package/dist/baloise-design-system/p-d88acac29e.system.entry.js +0 -1
  754. package/dist/baloise-design-system/p-d97dc6a8.system.js +0 -1
  755. package/dist/baloise-design-system/p-dc032a0d49.entry.js +0 -1
  756. package/dist/baloise-design-system/p-e563e447.js +0 -1
  757. package/dist/baloise-design-system/p-e5724f1013.system.entry.js +0 -1
  758. package/dist/baloise-design-system/p-ec4cf5cec6.entry.js +0 -1
  759. package/dist/baloise-design-system/p-edbd880ce1.entry.js +0 -1
  760. package/dist/baloise-design-system/p-ee3c7a38.system.js +0 -1
  761. package/dist/baloise-design-system/p-fc915218bf.entry.js +0 -1
  762. package/dist/baloise-design-system/p-fe30593a.js +0 -1
  763. package/dist/cjs/app-globals-661b320a.js +0 -11
  764. package/dist/cjs/listen-b42a4134.js +0 -60
  765. package/dist/cjs/style-799e9253.js +0 -27
  766. package/dist/collection/utils/listen.js +0 -55
  767. package/dist/esm/app-globals-665b5c71.js +0 -9
  768. package/dist/esm/listen-d1712e70.js +0 -58
  769. package/dist/esm/style-ca1bd202.js +0 -24
  770. package/dist/esm-es5/app-globals-665b5c71.js +0 -1
  771. package/dist/esm-es5/breakpoints.decorator-a8efc52b.js +0 -1
  772. package/dist/esm-es5/floating-ui-82413f23.js +0 -1
  773. package/dist/esm-es5/helpers-72ae7307.js +0 -1
  774. package/dist/esm-es5/index-5b1faf93.js +0 -2
  775. package/dist/esm-es5/keyboard.helpers-b2dd6393.js +0 -1
  776. package/dist/esm-es5/listen-d1712e70.js +0 -1
  777. package/dist/esm-es5/mutation.decorator-74831883.js +0 -1
  778. package/dist/esm-es5/resize.decorator-f2d8461d.js +0 -1
  779. package/dist/esm-es5/style-ca1bd202.js +0 -1
  780. package/dist/esm-es5/swipe.subject-683f7c7b.js +0 -1
  781. package/dist/types/components/bal-carousel/bal-carousel.i18n.d.ts +0 -7
  782. package/dist/types/components/bal-carousel/bal-carousel.type.d.ts +0 -18
  783. package/dist/types/utils/listen.d.ts +0 -12
  784. /package/dist/baloise-design-system/{p-0521dc23.js → p-37aeaf8b.js} +0 -0
  785. /package/dist/baloise-design-system/{p-342d34ac.system.js → p-88489cf7.system.js} +0 -0
  786. /package/dist/collection/{components/bal-carousel/bal-carousel.type.js → utils/swiper/swiper.type.js} +0 -0
  787. /package/dist/esm-es5/{tokens.esm-69df759d.js → tokens.esm-28388bbc.js} +0 -0
  788. /package/dist/types/{components/bal-carousel → utils/swiper}/controls/dot-control.d.ts +0 -0
  789. /package/dist/types/{components/bal-carousel → utils/swiper}/controls/large-control.d.ts +0 -0
  790. /package/dist/types/{components/bal-carousel → utils/swiper}/controls/small-control.d.ts +0 -0
package/dist/esm-es5/bal-radio_2.entry.js CHANGED
@@ -1 +1 @@
1
- import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-5b1faf93.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{i as isDescendant,u as hasTagName}from"./helpers-72ae7307.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{F as FOCUS_KEYS}from"./focus-visible-f0cdd043.js";import{L as Logger}from"./log-dfd1c19f.js";import{i as inheritAttributes}from"./attributes-4fa7040f.js";import{s as stopEventBubbling}from"./form-input-264ad739.js";import{d as defaultBalAriaForm}from"./form-fb8dd9f5.js";import{L as ListenTo}from"./listen-d1712e70.js";import{d as isSpaceKey}from"./keyboard.helpers-b2dd6393.js";import{L as ListenToFocus}from"./focus.decorator-dc333802.js";import{L as ListenToMutation}from"./mutation.decorator-74831883.js";import"./browser-a8073d92.js";import"./icons.constant-a7885631.js";import"./config.utils-6ac6c9bd.js";import"./listener-04842ae9.js";var radioCheckboxCss='@media (hover: hover)and (pointer: fine){.bal-radio-checkbox.bal-focused .bal-radio-checkbox__input:not(.bal-radio-checkbox__input--select-button)+.bal-radio-checkbox__label::before,.bal-radio-checkbox.bal-focused.bal-radio-checkbox--select-button{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-radio-checkbox-symbol-size:1.5rem;--bal-radio-checkbox-symbol-width:calc(0.5rem - 1px);--bal-radio-checkbox-symbol-height:calc(0.875rem - 1px);--bal-radio-checkbox-symbol-left:calc(0.5rem + 1px);--bal-radio-checkbox-symbol-margin-top:0.25rem;--bal-radio-checkbox-label-min-height:1.5rem;--bal-radio-checkbox-select-button-background-hover:var(--bal-color-grey-2);--bal-radio-checkbox-select-button-background-active:var(--bal-color-grey-2);--bal-radio-checkbox-select-button-background-checked:var(--bal-color-primary);--bal-radio-checkbox-select-button-background-checked-hover:var(--bal-color-light-blue-5);--bal-radio-checkbox-select-button-background-checked-active:var(--bal-color-primary-6);--bal-radio-checkbox-select-button-background-invalid:var(--bal-color-danger-1);--bal-radio-checkbox-select-button-background-invalid-hover:var(--bal-color-danger-1);--bal-radio-checkbox-select-button-background-invalid-active:var(--bal-color-danger-1);--bal-radio-checkbox-select-button-background-invalid-checked:var(--bal-color-border-danger);--bal-radio-checkbox-select-button-background-invalid-checked-hover:var(--bal-color-danger-5);--bal-radio-checkbox-select-button-background-invalid-checked-active:var(--bal-color-danger-6);--bal-radio-checkbox-select-button-background-disabled-hover-active:var(--bal-color-grey-2);--bal-radio-checkbox-select-button-background-disabled-checked-hover-active:var(--bal-color-border-grey-dark);--bal-radio-checkbox-switch-label-background-before:var(--bal-color-primary-1);--bal-radio-checkbox-switch-label-background-after:var(--bal-color-primary);--bal-radio-checkbox-switch-label-background-hover-after:var(--bal-color-light-blue-5);--bal-radio-checkbox-switch-label-background-active-after:var(--bal-color-primary-6);--bal-radio-checkbox-switch-label-background-checked-before:var(--bal-color-success-4);--bal-radio-checkbox-switch-label-background-checked-after:var(--bal-color-white);--bal-radio-checkbox-switch-label-background-checked-hover-before:var(--bal-color-success-5);--bal-radio-checkbox-switch-label-background-checked-active-before:var(--bal-color-success-6);--bal-radio-checkbox-switch-label-background-invalid-before:var(--bal-color-danger-1);--bal-radio-checkbox-switch-label-background-invalid-after:var(--bal-color-border-danger);--bal-radio-checkbox-switch-label-background-invalid-hover-after:var(--bal-color-danger-6);--bal-radio-checkbox-switch-label-background-invalid-active-after:var(--bal-color-border-danger);--bal-radio-checkbox-switch-label-background-invalid-checked-before:var(--bal-color-danger-4);--bal-radio-checkbox-switch-label-background-invalid-checked-after:var(--bal-color-white);--bal-radio-checkbox-switch-label-background-invalid-checked-hover-before:var(--bal-color-danger-5);--bal-radio-checkbox-switch-label-background-invalid-checked-active-before:var(--bal-color-danger-6);--bal-radio-checkbox-switch-label-background-disabled-hover-active-before:var(--bal-color-grey-3);--bal-radio-checkbox-switch-label-background-disabled-hover-active-after:var(--bal-color-border-grey-dark);--bal-radio-checkbox-switch-label-background-disabled-checked-hover-active-before:var(--bal-color-border-grey-dark);--bal-radio-checkbox-switch-label-background-disabled-checked-hover-active-after:var(--bal-color-white);--bal-radio-checkbox-button-background:transparent;--bal-radio-checkbox-button-background-checked-green:var(--bal-color-green-1);--bal-radio-checkbox-button-background-checked-purple:var(--bal-color-purple-1);--bal-radio-checkbox-button-background-checked-red:var(--bal-color-red-1);--bal-radio-checkbox-button-background-checked-yellow:var(--bal-color-yellow-1);--bal-radio-checkbox-button-background-disabled:var(--bal-color-grey-1);--bal-radio-checkbox-button-background-hover:var(--bal-color-grey-1);--bal-radio-checkbox-select-button-border-color:var(--bal-color-primary);--bal-radio-checkbox-select-button-border-color-hover:var(--bal-color-light-blue-5);--bal-radio-checkbox-select-button-border-color-active:var(--bal-color-primary-6);--bal-radio-checkbox-select-button-border-color-invalid:var(--bal-color-border-danger);--bal-radio-checkbox-select-button-border-color-invalid-hover:var(--bal-color-danger-5);--bal-radio-checkbox-select-button-border-color-invalid-active:var(--bal-color-danger-6);--bal-radio-checkbox-select-button-border-color-invalid-checked:var(--bal-color-border-danger);--bal-radio-checkbox-select-button-border-color-invalid-checked-hover:var(--bal-color-danger-5);--bal-radio-checkbox-select-button-border-color-invalid-checked-active:var(--bal-color-danger-6);--bal-radio-checkbox-select-button-border-color-disabled-hover-active:var(--bal-color-border-grey-dark);--bal-radio-checkbox-select-button-border-color-disabled-checked-hover-active:var(--bal-color-border-grey-dark);--bal-radio-checkbox-button-border-color-hover:var(--bal-color-border-primary-hovered);--bal-radio-checkbox-button-border-color-active:var(--bal-color-border-primary-pressed);--bal-radio-checkbox-button-border-color-invalid-hover:var(--bal-color-border-danger-hovered);--bal-radio-checkbox-button-border-color-invalid-active:var(--bal-color-border-danger-pressed);--bal-radio-checkbox-button-border-color:var(--bal-color-border);--bal-radio-checkbox-button-border-color-checked:var(--bal-color-border-primary);--bal-radio-checkbox-button-border-color-disabled:var(--bal-color-border-grey-dark);--bal-radio-checkbox-button-border-color-invalid:var(--bal-color-border-danger)}bal-radio .bal-radio-checkbox__label::before,bal-radio .bal-radio-checkbox__label::after{margin-top:0px !important}.bal-radio-checkbox-group{display:inline-block;position:relative;width:100%}.bal-radio-checkbox-group__inner{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:stretch;align-items:stretch;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-normal)}.bal-radio-checkbox-group__inner--select-button{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex:1;flex:1;gap:var(--bal-space-x-small)}@media screen and (min-width: 769px),print{.bal-radio-checkbox-group__inner--select-button{-ms-flex-direction:row;flex-direction:row}}.bal-radio-checkbox-group__inner--expanded{-ms-flex-align:stretch;align-items:stretch}.bal-radio-checkbox-group__inner--expanded .bal-radio-checkbox{-ms-flex:1;flex:1}@media screen and (max-width: 768px){.bal-radio-checkbox-group__inner--expanded .bal-radio-checkbox{width:100%}}.bal-radio-checkbox-group__inner--select-button.bal-radio-checkbox-group__inner--vertical{gap:var(--bal-space-x-small)}.bal-radio-checkbox-group__inner--vertical{-ms-flex-direction:column;flex-direction:column;border-radius:var(--bal-radius-normal);gap:0}@media screen and (min-width: 769px),print{.bal-radio-checkbox-group__inner--vertical{-ms-flex-align:start;align-items:flex-start}}@media screen and (max-width: 768px){.bal-radio-checkbox-group__inner--vertical-mobile{-ms-flex-direction:column;flex-direction:column;border-radius:var(--bal-radius-normal);gap:0}}.bal-radio-checkbox{position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;outline:none;min-width:1.5rem;min-height:3rem}.bal-radio-checkbox--flat:not(.bal-radio-checkbox--select-button){min-height:1.5rem}.bal-radio-checkbox__input{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-radio-checkbox--invisible{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-radio-checkbox:not(.bal-radio-checkbox--disabled),.bal-radio-checkbox:not(.bal-radio-checkbox--disabled) input,.bal-radio-checkbox:not(.bal-radio-checkbox--disabled) input+label,.bal-radio-checkbox:not(.bal-radio-checkbox--disabled) input+label>span{cursor:pointer}.bal-radio-checkbox__label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0;line-height:1.5rem;contain:layout style;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;text-align:left;min-height:var(--bal-radio-checkbox-label-min-height);font-family:var(--bal-font-family-text)}.bal-radio-checkbox__label__text{padding-left:2rem;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;padding-top:.25rem;padding-bottom:.25rem}.bal-radio-checkbox__label__text--hidden{padding-left:0;display:none}.bal-radio-checkbox__label__text--flat{padding-top:0;padding-bottom:0}.bal-radio-checkbox__label--flat:not(.bal-radio-checkbox--select-button)::before,.bal-radio-checkbox__label--flat:not(.bal-radio-checkbox--select-button)::after{top:0px !important}.bal-radio-checkbox__label--hidden::before,.bal-radio-checkbox__label--hidden::after{top:0px !important}.bal-radio-checkbox__label::before,.bal-radio-checkbox__label::after{display:inline-block;position:absolute;left:0;top:.25rem;height:var(--bal-radio-checkbox-symbol-size);width:var(--bal-radio-checkbox-symbol-size);background-color:rgba(0,0,0,0);background-position:center;background-repeat:no-repeat;background-size:var(--bal-radio-checkbox-symbol-size) var(--bal-radio-checkbox-symbol-size)}.bal-radio-checkbox__label::before{content:"";border-style:var(--bal-form-field-control-border-style);border-width:2px}.bal-radio-checkbox__label::after{content:none}.bal-radio-checkbox__label--checked::after{content:""}.bal-radio-checkbox__label--radio::before,.bal-radio-checkbox__label--radio::after{border-radius:50%}.bal-radio-checkbox__label--radio::after{left:0;-webkit-transform:scale(0.25);transform:scale(0.25)}.bal-radio-checkbox__label--checkbox::before{border-radius:var(--bal-form-field-control-radius)}.bal-radio-checkbox__label--checkbox::after{border-top:0;border-right-style:var(--bal-form-field-control-border-style);border-right-width:2px;border-bottom-style:var(--bal-form-field-control-border-style);border-bottom-width:2px;border-left:0;border-radius:1px;width:var(--bal-radio-checkbox-symbol-width);height:var(--bal-radio-checkbox-symbol-height);left:var(--bal-radio-checkbox-symbol-left);margin-top:var(--bal-radio-checkbox-symbol-margin-top);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.bal-radio-checkbox .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-primary);background:var(--bal-color-transparent)}.bal-radio-checkbox .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-primary)}.bal-radio-checkbox .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-primary)}.bal-radio-checkbox:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-light-blue-5);background:var(--bal-color-grey-2)}.bal-radio-checkbox:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-light-blue-5)}.bal-radio-checkbox:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-light-blue-5)}.bal-radio-checkbox:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-blue-6);background:var(--bal-color-grey-2)}.bal-radio-checkbox:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-blue-6)}.bal-radio-checkbox:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-blue-6)}.bal-radio-checkbox--invalid .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-border-danger);background:var(--bal-color-danger-1)}.bal-radio-checkbox--invalid .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--invalid .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-danger)}.bal-radio-checkbox--invalid .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--invalid .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-danger)}.bal-radio-checkbox--invalid:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--invalid.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-danger-5);background:var(--bal-color-danger-1)}.bal-radio-checkbox--invalid:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--invalid.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--invalid:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--invalid.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-5)}.bal-radio-checkbox--invalid:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--invalid.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--invalid:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--invalid.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-5)}.bal-radio-checkbox--invalid:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--invalid.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-danger-6);background:var(--bal-color-danger-1)}.bal-radio-checkbox--invalid:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--invalid.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--invalid:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--invalid.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-6)}.bal-radio-checkbox--invalid:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--invalid.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--invalid:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--invalid.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-6)}.bal-radio-checkbox--disabled .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-border-grey-dark);background:var(--bal-color-grey-2)}.bal-radio-checkbox--disabled .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--disabled .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-grey-dark)}.bal-radio-checkbox--disabled .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--disabled .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-grey-dark)}.bal-radio-checkbox .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-primary)}.bal-radio-checkbox:hover .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--hovered .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-light-blue-5)}.bal-radio-checkbox:active .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--pressed .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-blue-6)}.bal-radio-checkbox--invalid .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-border-danger)}.bal-radio-checkbox--invalid:hover .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--invalid.bal-radio-checkbox--hovered .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-danger-5)}.bal-radio-checkbox--invalid:active .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--invalid.bal-radio-checkbox--pressed .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-danger-6)}.bal-radio-checkbox--disabled .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--disabled.bal-radio-checkbox--hovered .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--disabled.bal-radio-checkbox--pressed .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-text-grey)}.bal-radio-checkbox--inline{display:inline}.bal-radio-checkbox--select-button{padding-left:.75rem;padding-right:.75rem;min-width:3rem;border-width:2px;border-style:var(--bal-form-field-control-border-style);border-radius:var(--bal-form-field-control-radius);border-color:var(--bal-radio-checkbox-select-button-border-color)}.bal-radio-checkbox--select-button:hover{border-color:var(--bal-radio-checkbox-select-button-border-color-hover);background:var(--bal-radio-checkbox-select-button-background-hover)}.bal-radio-checkbox--select-button:active{border-color:var(--bal-radio-checkbox-select-button-border-color-active);background:var(--bal-radio-checkbox-select-button-background-active)}.bal-radio-checkbox--select-button label::before{top:unset}.bal-radio-checkbox--select-button label::after{top:unset;margin-top:-3px}.bal-radio-checkbox--select-button .bal-radio-checkbox__label--flat::before{top:unset !important}.bal-radio-checkbox--select-button .bal-radio-checkbox__label--flat::after{margin-top:-3px;top:unset !important}.bal-radio-checkbox--select-button .bal-radio-checkbox__label--flat .bal-radio-checkbox__label__text--flat{padding-top:.25rem;padding-bottom:.25rem}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked{background:var(--bal-radio-checkbox-select-button-background-checked)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked .bal-radio-checkbox__label .bal-radio-checkbox__label__text .is-link{color:var(--bal-radio-checkbox-select-button-link-text-color-checked)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:hover{background:var(--bal-radio-checkbox-select-button-background-checked-hover)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:active{background:var(--bal-radio-checkbox-select-button-background-checked-active)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-white);background:var(--bal-color-transparent)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-primary)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-primary)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-white);background:var(--bal-color-transparent)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-light-blue-5)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-light-blue-5)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-white);background:var(--bal-color-transparent)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-blue-6)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-blue-6)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:active .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid{border-color:var(--bal-radio-checkbox-select-button-border-color-invalid);background:var(--bal-radio-checkbox-select-button-background-invalid)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid .bal-radio-checkbox__label .bal-radio-checkbox__label__text .is-link{color:var(--bal-form-field-label-danger-color)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid:hover{border-color:var(--bal-radio-checkbox-select-button-border-color-invalid-hover);background:var(--bal-radio-checkbox-select-button-background-invalid-hover)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid:active{border-color:var(--bal-radio-checkbox-select-button-border-color-invalid-active);background:var(--bal-radio-checkbox-select-button-background-invalid-active)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked{border-color:var(--bal-radio-checkbox-select-button-border-color-invalid-checked);background:var(--bal-radio-checkbox-select-button-background-invalid-checked)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:hover{border-color:var(--bal-radio-checkbox-select-button-border-color-invalid-checked-hover);background:var(--bal-radio-checkbox-select-button-background-invalid-checked-hover)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:active{border-color:var(--bal-radio-checkbox-select-button-border-color-invalid-checked-active);background:var(--bal-radio-checkbox-select-button-background-invalid-checked-active)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-white);background:var(--bal-color-transparent)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-danger)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-danger)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-white);background:var(--bal-color-transparent)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-5)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-5)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-white);background:var(--bal-color-transparent)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-6)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-6)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled:hover,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled:active{border-color:var(--bal-radio-checkbox-select-button-border-color-disabled-hover-active);background:var(--bal-radio-checkbox-select-button-background-disabled-hover-active)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled .bal-radio-checkbox__label .bal-radio-checkbox__label__text .is-link,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label .bal-radio-checkbox__label__text .is-link,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label .bal-radio-checkbox__label__text .is-link{color:var(--bal-form-field-label-disabled-color)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active{border-color:var(--bal-radio-checkbox-select-button-border-color-disabled-checked-hover-active);background:var(--bal-radio-checkbox-select-button-background-disabled-checked-hover-active)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-white);background:var(--bal-color-transparent)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-grey-dark)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-grey-dark)}.bal-radio-checkbox--switch{min-width:2.5rem}.bal-radio-checkbox--switch .bal-radio-checkbox__label{padding-left:1rem}.bal-radio-checkbox--switch .bal-radio-checkbox__label::before{border-radius:1.5rem;position:absolute;display:block;top:0;left:0;width:2.5rem;height:1.5rem;border:1.6px solid rgba(0,0,0,0);content:"";-webkit-transition:left .25s ease-out,background .25s ease-out;transition:left .25s ease-out,background .25s ease-out;margin-top:.25rem}.bal-radio-checkbox--switch .bal-radio-checkbox__label::after{border:none;margin:0;border-radius:50%;display:block;position:absolute;top:.25rem !important;left:.25rem;width:1rem;height:1rem;z-index:2;margin-top:.25rem;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:left .25s ease-out,background .25s ease-out;transition:left .25s ease-out,background .25s ease-out;content:""}.bal-radio-checkbox--switch .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-before)}.bal-radio-checkbox--switch .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-after)}.bal-radio-checkbox--switch:hover .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-hover-after)}.bal-radio-checkbox--switch:active .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-active-after)}.bal-radio-checkbox--switch.bal-radio-checkbox--flat .bal-radio-checkbox__label::before,.bal-radio-checkbox--switch.bal-radio-checkbox--flat .bal-radio-checkbox__label::after{margin-top:0}.bal-radio-checkbox--switch.bal-radio-checkbox--checked .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-checked-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--checked .bal-radio-checkbox__label::after{left:1.25rem;background:var(--bal-radio-checkbox-switch-label-background-checked-after)}.bal-radio-checkbox--switch.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-checked-hover-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--checked:active .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-checked-active-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-invalid-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-invalid-after)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid:hover .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-invalid-hover-after)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid:active .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-invalid-active-after)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid.bal-radio-checkbox--checked .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-invalid-checked-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid.bal-radio-checkbox--checked .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-invalid-checked-after)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-invalid-checked-hover-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:active .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-invalid-checked-active-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--disabled .bal-radio-checkbox__label::before,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label::before,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-disabled-hover-active-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--disabled .bal-radio-checkbox__label::after,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label::after,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-disabled-hover-active-after)}.bal-radio-checkbox--switch.bal-radio-checkbox--disabled.bal-radio-checkbox--checked .bal-radio-checkbox__label::before,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label::before,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-disabled-checked-hover-active-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--disabled.bal-radio-checkbox--checked .bal-radio-checkbox__label::after,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label::after,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-disabled-checked-hover-active-after)}.bal-radio-checkbox__icon{position:absolute !important;left:5.5px;z-index:1}.bal-radio-checkbox__icon--hidden{display:none !important}';var BalRadioStyle0=radioCheckboxCss;var Radio=function(){function a(a){var e=this;registerInstance(this,a);this.balFocus=createEvent(this,"balFocus",7);this.balBlur=createEvent(this,"balBlur",7);this.balChange=createEvent(this,"balChange",7);this.inputId="bal-rb-".concat(radioIds++);this.inheritedAttributes={};this.keyboardMode=true;this.onKeypress=function(a){if(isSpaceKey(a)){var o=a.target;if(o.href){return}if(o.nodeName==="INPUT"&&!e.disabled&&!e.readonly){e.toggleChecked();a.preventDefault()}else{stopEventBubbling(a)}}};this.onClick=function(a){var o;var c=a.target;if(c.href){return}if(c.nodeName!=="INPUT"&&!e.disabled&&!e.readonly){e.toggleChecked();(o=e.nativeInput)===null||o===void 0?void 0:o.focus();a.preventDefault()}else{stopEventBubbling(a)}};this.onFocus=function(a){if(e.disabled||e.readonly){e.focused=false;return stopEventBubbling(a)}e.balFocus.emit(a);if(e.keyboardMode){e.focused=true}};this.onBlur=function(a){if(e.disabled||e.readonly){return stopEventBubbling(a)}e.balBlur.emit(a);e.focused=false};this.onPointerDown=function(){return e.keyboardMode=false};this.onKeydown=function(a){return e.keyboardMode=FOCUS_KEYS.includes(a.key)};this.checked=false;this.focused=false;this.buttonTabindex=undefined;this.ariaForm=defaultBalAriaForm;this.name=this.inputId;this.value=undefined;this.label="";this.invisible=false;this.labelHidden=false;this.flat=false;this.interface="radio";this.disabled=false;this.readonly=false;this.required=false;this.nonSubmit=false;this.invalid=false;this.hovered=false;this.pressed=false}a.prototype.createLogger=function(a){this.log=a};a.prototype.connectedCallback=function(){if(this.value===undefined){this.value=this.inputId}var a=this.radioButton;var e=this.radioGroup;if(a||e){this.updateState()}if(e){e.addEventListener("balInput",this.updateState)}this.el.addEventListener("keydown",this.onKeydown);this.el.addEventListener("touchstart",this.onPointerDown);this.el.addEventListener("mousedown",this.onPointerDown)};a.prototype.componentWillLoad=function(){this.inheritedAttributes=inheritAttributes(this.el,["aria-label","tabindex","title"])};a.prototype.disconnectedCallback=function(){var a=this.radioGroup;if(a){a.removeEventListener("balInput",this.updateState)}this.el.removeEventListener("keydown",this.onKeydown);this.el.removeEventListener("touchstart",this.onPointerDown);this.el.removeEventListener("mousedown",this.onPointerDown)};a.prototype.listenOnClick=function(a){if((this.disabled||this.readonly)&&a.target&&(a.target===this.el||isDescendant(this.el,a.target))){stopEventBubbling(a)}};a.prototype.setFocus=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){a.stopPropagation();a.preventDefault();this.nativeInput.focus();this.focused=true;return[2]}))}))};a.prototype.setButtonTabindex=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.radioButton){this.buttonTabindex=-1}else{this.buttonTabindex=a}return[2]}))}))};a.prototype.getInputElement=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){return[2,Promise.resolve(this.nativeInput)]}))}))};a.prototype.getOption=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){return[2,this.option]}))}))};a.prototype.updateState=function(){return __awaiter(this,void 0,void 0,(function(){var a;return __generator(this,(function(e){if(this.radioGroup){a=this.radioGroup.value===this.value;if(a!==this.checked){this.checked=a}}if(this.radioButton){this.buttonTabindex=-1;if(this.radioButton.setChecked){this.radioButton.setChecked(this.checked)}}return[2]}))}))};a.prototype.setAriaForm=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.ariaForm=Object.assign({},a);return[2]}))}))};Object.defineProperty(a.prototype,"radioButton",{get:function(){return this.el.closest("bal-radio-button")},enumerable:false,configurable:true});Object.defineProperty(a.prototype,"radioGroup",{get:function(){return this.el.closest("bal-radio-group")},enumerable:false,configurable:true});Object.defineProperty(a.prototype,"option",{get:function(){return{name:this.name,value:this.value,label:this.label,labelHidden:this.labelHidden,flat:this.flat,interface:this.interface,disabled:this.disabled,readonly:this.readonly,required:this.required,nonSubmit:this.nonSubmit,invisible:this.invisible,invalid:this.invalid}},enumerable:false,configurable:true});a.prototype.toggleChecked=function(){this.checked=!this.checked;this.balChange.emit(this.checked);this.updateState()};a.prototype.render=function(){var a=this;var e=BEM.block("radio-checkbox");var o=e.element("input");var c=e.element("label");var b=c.element("text");var l=this.focused&&this.buttonTabindex!==-1;var r=typeof this.value==="boolean"?JSON.stringify(this.value):this.value;var i=this.inheritedAttributes;if(this.buttonTabindex!==undefined){i.tabIndex=this.buttonTabindex}var t=this.ariaForm.controlId||this.inputId;var d=this.ariaForm.labelId||null;var n=this.labelHidden?"span":"label";var k={};if(!this.labelHidden){d="".concat(d||""," ").concat(t,"-lbl").trim();k.id="".concat(t,"-lbl");k.htmlFor=t}return h(Host,{key:"d8027f12093f1564c38b859a1e4dab25e75eba64","aria-checked":"".concat(this.checked),"aria-disabled":this.disabled?"true":null,"aria-hidden":this.disabled?"true":null,"aria-focused":l?"true":null,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({"bal-focused":l},e.class()),e.modifier("radio").class()),e.modifier("select-button").class(this.interface==="select-button")),e.modifier("invalid").class(this.invalid)),e.modifier("checked").class(this.checked)),e.modifier("flat").class(this.flat)),e.modifier("disabled").class(this.disabled||this.readonly)),e.modifier("hovered").class(this.hovered)),e.modifier("pressed").class(this.pressed)),e.modifier("invisible").class(this.invisible)),onKeypress:this.onKeypress,onClick:this.onClick},h("input",Object.assign({key:"0b1a0313d4161c9f6725f7c8234f49d3678f5fa2",class:Object.assign(Object.assign({},o.class()),o.modifier("select-button").class(this.interface==="select-button")),"data-testid":"bal-radio-input",type:"radio",id:t,"aria-labelledby":d,"aria-describedby":this.ariaForm.messageId,"aria-invalid":this.invalid===true?"true":"false","aria-disabled":this.disabled?"true":null,"aria-checked":"".concat(this.checked),name:this.name,value:r,checked:this.checked,disabled:this.disabled||this.nonSubmit,readonly:this.readonly,required:this.required,onFocus:this.onFocus,onBlur:this.onBlur,ref:function(e){return a.nativeInput=e}},i)),!this.invisible?h(n,Object.assign({class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},c.class()),c.modifier("radio").class()),c.modifier("checked").class(this.checked)),c.modifier("hidden").class(this.labelHidden)),c.modifier("flat").class(this.flat))},k,{"data-testid":"bal-radio-label"}),h("span",{class:Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("hidden").class(this.labelHidden)),b.modifier("flat").class(this.flat)),"data-testid":"bal-radio-text"},this.label,h("slot",null))):"")};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();__decorate([Logger("bal-radio"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Radio.prototype,"createLogger",null);__decorate([ListenTo("click",{capture:true,target:"document"}),__metadata("design:type",Function),__metadata("design:paramtypes",[UIEvent]),__metadata("design:returntype",void 0)],Radio.prototype,"listenOnClick",null);var radioIds=0;Radio.style=BalRadioStyle0;var RadioGroup=function(){function a(a){var e=this;registerInstance(this,a);this.balChange=createEvent(this,"balChange",7);this.balFocus=createEvent(this,"balFocus",7);this.balBlur=createEvent(this,"balBlur",7);this.inputId="bal-rg-".concat(radioGroupIds++);this.inheritedAttributes={};this.hasFocus=false;this.mutationObserverActive=true;this.onOptionChange=function(){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(a){this.setRadioTabindex(this.value);this.setRadioChecked();return[2]}))}))};this.setRadioTabindex=function(a){var o=e.getRadios();var c=o.find((function(a){return!a.disabled}));var b=o.find((function(e){return e.value===a&&!e.disabled}));if(!c&&!b){return}var l=b||c;for(var r=0,i=o;r<i.length;r++){var t=i[r];var d=t===l?0:-1;t.setButtonTabindex(d)}};this.onClick=function(a){var o=a.target;if(o.href){return}a.preventDefault();var c=a.target&&a.target.closest("bal-radio");if(c&&!c.disabled&&!c.readonly){var b=e.value;var l=c.value;if(l!==b){e.value=l}else if(e.allowEmptySelection){e.value=undefined}e.balChange.emit(e.value)}};this.ariaForm=defaultBalAriaForm;this.options=undefined;this.allowEmptySelection=false;this.name=this.inputId;this.value=undefined;this.interface=undefined;this.vertical=false;this.verticalOnMobile=false;this.expanded=false;this.invalid=undefined;this.disabled=undefined;this.readonly=undefined;this.grid=1;this.columnsTablet=1;this.columnsMobile=1;this.autoInvalidOff=false}a.prototype.createLogger=function(a){this.log=a};a.prototype.optionChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.onOptionChange();this.mutationObserverActive=this.options===undefined;return[2]}))}))};a.prototype.valueChanged=function(){this.onOptionChange()};a.prototype.invalidChanged=function(a){if(a!==undefined){this.getRadios().forEach((function(e){e.invalid=a}));this.getRadioButtons().forEach((function(e){e.invalid=a}))}};a.prototype.disabledChanged=function(a){if(a!==undefined){this.getRadios().forEach((function(e){e.disabled=a}));this.getRadioButtons().forEach((function(e){e.disabled=a}))}};a.prototype.readonlyChanged=function(a){if(a!==undefined){this.getRadios().forEach((function(e){e.readonly=a}));this.getRadioButtons().forEach((function(e){e.readonly=a}))}};a.prototype.columnsChanged=function(a){this.getRadioButtons().forEach((function(e){return e.colSize=a}))};a.prototype.columnsTabletChanged=function(a){this.getRadioButtons().forEach((function(e){return e.colSizeTablet=a}))};a.prototype.columnsMobileChanged=function(a){this.getRadioButtons().forEach((function(e){return e.colSizeMobile=a}))};a.prototype.connectedCallback=function(){this.initialValue=this.value;this.mutationObserverActive=this.options===undefined};a.prototype.componentWillLoad=function(){this.setRadioInterface();this.disabledChanged(this.disabled);this.readonlyChanged(this.readonly);this.invalidChanged(this.invalid);this.columnsChanged(this.grid);this.columnsTabletChanged(this.columnsTablet);this.columnsMobileChanged(this.columnsMobile);this.onOptionChange();this.inheritedAttributes=inheritAttributes(this.el,["aria-label","tabindex","title"])};a.prototype.focusInListener=function(a){this.balFocus.emit(a)};a.prototype.focusOutListener=function(a){this.balBlur.emit(a)};a.prototype.mutationListener=function(){this.setRadioInterface();this.disabledChanged(this.disabled);this.readonlyChanged(this.readonly);this.invalidChanged(this.invalid);this.columnsChanged(this.grid);this.columnsTabletChanged(this.columnsTablet);this.columnsMobileChanged(this.columnsMobile);this.onOptionChange()};a.prototype.listenOnClick=function(a){if(isDescendant(this.el,a.target)){stopEventBubbling(a)}};a.prototype.radioFocusListener=function(a){var e=a.target;if(e&&isDescendant(this.el,e)&&hasTagName(e,"bal-radio")){stopEventBubbling(a)}};a.prototype.radioBlurListener=function(a){var e=a.target;if(e&&isDescendant(this.el,e)&&hasTagName(e,"bal-radio")){stopEventBubbling(a)}};a.prototype.resetListener=function(a){var e=a.target;if(e===null||e===void 0?void 0:e.contains(this.el)){this.value=this.initialValue}};a.prototype.onKeydown=function(a){if(a.target&&!this.el.contains(a.target)){return}var e=this.getRadios().filter((function(a){return!a.disabled}));var o=a.target.closest("bal-radio");if(o&&e.includes(o)){var c=e.findIndex((function(a){return a===o}));var b=e[c];var l=void 0;if(["ArrowDown","ArrowRight"].includes(a.code)){l=c===e.length-1?e[0]:e[c+1]}if(["ArrowUp","ArrowLeft"].includes(a.code)){l=c===0?e[e.length-1]:e[c-1]}if(l&&e.includes(l)){l.setFocus(a);this.value=l.value;this.balChange.emit(this.value)}if(["Space"].includes(a.code)){this.value=this.allowEmptySelection&&this.value!==undefined?undefined:b.value;a.preventDefault()}}};a.prototype.setValue=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.value=a;return[2]}))}))};a.prototype.getOptionByValue=function(a){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(o){e=this.options;if(e){return[2,e.find((function(e){return e.value===a}))]}return[2,undefined]}))}))};a.prototype.setAriaForm=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.ariaForm=Object.assign({},a);return[2]}))}))};a.prototype.setRadioInterface=function(){var a=this;this.getRadios().forEach((function(e){if(a.interface){e.interface=a.interface}}))};a.prototype.setRadioChecked=function(){this.getRadios().forEach((function(a){if(a.updateState){a.updateState()}}))};a.prototype.getRadios=function(){return Array.from(this.el.querySelectorAll("bal-radio"))};a.prototype.getRadioButtons=function(){return Array.from(this.el.querySelectorAll("bal-radio-button"))};a.prototype.render=function(){var a=this;var e=BEM.block("radio-checkbox-group");var o=e.element("inner");var c=this.options||[];var b=c.map((function(a){if(typeof a.html==="function"){return Object.assign(Object.assign({},a),{html:a.html()})}return a}));return h(Host,Object.assign({class:Object.assign({},e.class()),role:"radiogroup","aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-disabled":this.disabled?"true":null,onClick:this.onClick},this.inheritedAttributes),h("div",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},o.class()),o.modifier("vertical-mobile").class(this.verticalOnMobile)),o.modifier("vertical").class(this.vertical)),o.modifier("expanded").class(this.expanded)),o.modifier("select-button").class(this.interface==="select-button"))},h("slot",null),b.map((function(e){return h("bal-radio",{key:e.value,name:e.name||a.name,value:e.value,labelHidden:e.labelHidden,flat:e.flat,interface:e.interface,disabled:e.disabled,readonly:e.readonly,required:e.required,nonSubmit:!!e.nonSubmit,invalid:e.invalid,innerHTML:e.html})}))))};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(a,"watchers",{get:function(){return{options:["optionChanged"],value:["valueChanged"],invalid:["invalidChanged"],disabled:["disabledChanged"],readonly:["readonlyChanged"],grid:["columnsChanged"],columnsTablet:["columnsTabletChanged"],columnsMobile:["columnsMobileChanged"]}},enumerable:false,configurable:true});return a}();__decorate([Logger("bal-radio-group"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],RadioGroup.prototype,"createLogger",null);__decorate([ListenToFocus(),__metadata("design:type",Function),__metadata("design:paramtypes",[FocusEvent]),__metadata("design:returntype",void 0)],RadioGroup.prototype,"focusInListener",null);__decorate([ListenToFocus(),__metadata("design:type",Function),__metadata("design:paramtypes",[FocusEvent]),__metadata("design:returntype",void 0)],RadioGroup.prototype,"focusOutListener",null);__decorate([ListenToMutation({tags:["bal-radio-group","bal-radio"],attributes:false,characterData:false}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],RadioGroup.prototype,"mutationListener",null);__decorate([ListenTo("balChange",{capture:true,target:"document"}),__metadata("design:type",Function),__metadata("design:paramtypes",[UIEvent]),__metadata("design:returntype",void 0)],RadioGroup.prototype,"listenOnClick",null);__decorate([ListenTo("balFocus",{capture:true,target:"document"}),__metadata("design:type",Function),__metadata("design:paramtypes",[CustomEvent]),__metadata("design:returntype",void 0)],RadioGroup.prototype,"radioFocusListener",null);__decorate([ListenTo("balBlur",{capture:true,target:"document"}),__metadata("design:type",Function),__metadata("design:paramtypes",[CustomEvent]),__metadata("design:returntype",void 0)],RadioGroup.prototype,"radioBlurListener",null);__decorate([ListenTo("reset",{capture:true,target:"document"}),__metadata("design:type",Function),__metadata("design:paramtypes",[UIEvent]),__metadata("design:returntype",void 0)],RadioGroup.prototype,"resetListener",null);__decorate([ListenTo("keydown",{target:"document"}),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],RadioGroup.prototype,"onKeydown",null);var radioGroupIds=0;export{Radio as bal_radio,RadioGroup as bal_radio_group};
1
+ import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-8d2a7ce7.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{j as isDescendant,v as hasTagName}from"./helpers-32d9e1cc.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{F as FOCUS_KEYS}from"./focus-visible-f0cdd043.js";import{L as Logger}from"./log-dfd1c19f.js";import{i as inheritAttributes}from"./attributes-4fa7040f.js";import{s as stopEventBubbling}from"./form-input-1f3d8337.js";import{d as defaultBalAriaForm}from"./form-fb8dd9f5.js";import{d as isSpaceKey}from"./keyboard.helpers-159e517d.js";import{L as ListenToFocus}from"./focus.decorator-c2c05d01.js";import{L as ListenToMutation}from"./mutation.decorator-0c202bed.js";import"./browser-a8073d92.js";import"./icons.constant-a7885631.js";import"./config.utils-6ac6c9bd.js";import"./listener-04842ae9.js";var radioCheckboxCss='@media (hover: hover)and (pointer: fine){.bal-radio-checkbox.bal-focused .bal-radio-checkbox__input:not(.bal-radio-checkbox__input--select-button)+.bal-radio-checkbox__label::before,.bal-radio-checkbox.bal-focused.bal-radio-checkbox--select-button{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-radio-checkbox-symbol-size:1.5rem;--bal-radio-checkbox-symbol-width:calc(0.5rem - 1px);--bal-radio-checkbox-symbol-height:calc(0.875rem - 1px);--bal-radio-checkbox-symbol-left:calc(0.5rem + 1px);--bal-radio-checkbox-symbol-margin-top:0.25rem;--bal-radio-checkbox-label-min-height:1.5rem;--bal-radio-checkbox-select-button-background-hover:var(--bal-color-grey-2);--bal-radio-checkbox-select-button-background-active:var(--bal-color-grey-2);--bal-radio-checkbox-select-button-background-checked:var(--bal-color-primary);--bal-radio-checkbox-select-button-background-checked-hover:var(--bal-color-light-blue-5);--bal-radio-checkbox-select-button-background-checked-active:var(--bal-color-primary-6);--bal-radio-checkbox-select-button-background-invalid:var(--bal-color-danger-1);--bal-radio-checkbox-select-button-background-invalid-hover:var(--bal-color-danger-1);--bal-radio-checkbox-select-button-background-invalid-active:var(--bal-color-danger-1);--bal-radio-checkbox-select-button-background-invalid-checked:var(--bal-color-border-danger);--bal-radio-checkbox-select-button-background-invalid-checked-hover:var(--bal-color-danger-5);--bal-radio-checkbox-select-button-background-invalid-checked-active:var(--bal-color-danger-6);--bal-radio-checkbox-select-button-background-disabled-hover-active:var(--bal-color-grey-2);--bal-radio-checkbox-select-button-background-disabled-checked-hover-active:var(--bal-color-border-grey-dark);--bal-radio-checkbox-switch-label-background-before:var(--bal-color-primary-1);--bal-radio-checkbox-switch-label-background-after:var(--bal-color-primary);--bal-radio-checkbox-switch-label-background-hover-after:var(--bal-color-light-blue-5);--bal-radio-checkbox-switch-label-background-active-after:var(--bal-color-primary-6);--bal-radio-checkbox-switch-label-background-checked-before:var(--bal-color-success-4);--bal-radio-checkbox-switch-label-background-checked-after:var(--bal-color-white);--bal-radio-checkbox-switch-label-background-checked-hover-before:var(--bal-color-success-5);--bal-radio-checkbox-switch-label-background-checked-active-before:var(--bal-color-success-6);--bal-radio-checkbox-switch-label-background-invalid-before:var(--bal-color-danger-1);--bal-radio-checkbox-switch-label-background-invalid-after:var(--bal-color-border-danger);--bal-radio-checkbox-switch-label-background-invalid-hover-after:var(--bal-color-danger-6);--bal-radio-checkbox-switch-label-background-invalid-active-after:var(--bal-color-border-danger);--bal-radio-checkbox-switch-label-background-invalid-checked-before:var(--bal-color-danger-4);--bal-radio-checkbox-switch-label-background-invalid-checked-after:var(--bal-color-white);--bal-radio-checkbox-switch-label-background-invalid-checked-hover-before:var(--bal-color-danger-5);--bal-radio-checkbox-switch-label-background-invalid-checked-active-before:var(--bal-color-danger-6);--bal-radio-checkbox-switch-label-background-disabled-hover-active-before:var(--bal-color-grey-3);--bal-radio-checkbox-switch-label-background-disabled-hover-active-after:var(--bal-color-border-grey-dark);--bal-radio-checkbox-switch-label-background-disabled-checked-hover-active-before:var(--bal-color-border-grey-dark);--bal-radio-checkbox-switch-label-background-disabled-checked-hover-active-after:var(--bal-color-white);--bal-radio-checkbox-button-background:transparent;--bal-radio-checkbox-button-background-checked-green:var(--bal-color-green-1);--bal-radio-checkbox-button-background-checked-purple:var(--bal-color-purple-1);--bal-radio-checkbox-button-background-checked-red:var(--bal-color-red-1);--bal-radio-checkbox-button-background-checked-yellow:var(--bal-color-yellow-1);--bal-radio-checkbox-button-background-disabled:var(--bal-color-grey-1);--bal-radio-checkbox-button-background-hover:var(--bal-color-grey-1);--bal-radio-checkbox-select-button-border-color:var(--bal-color-primary);--bal-radio-checkbox-select-button-border-color-hover:var(--bal-color-light-blue-5);--bal-radio-checkbox-select-button-border-color-active:var(--bal-color-primary-6);--bal-radio-checkbox-select-button-border-color-invalid:var(--bal-color-border-danger);--bal-radio-checkbox-select-button-border-color-invalid-hover:var(--bal-color-danger-5);--bal-radio-checkbox-select-button-border-color-invalid-active:var(--bal-color-danger-6);--bal-radio-checkbox-select-button-border-color-invalid-checked:var(--bal-color-border-danger);--bal-radio-checkbox-select-button-border-color-invalid-checked-hover:var(--bal-color-danger-5);--bal-radio-checkbox-select-button-border-color-invalid-checked-active:var(--bal-color-danger-6);--bal-radio-checkbox-select-button-border-color-disabled-hover-active:var(--bal-color-border-grey-dark);--bal-radio-checkbox-select-button-border-color-disabled-checked-hover-active:var(--bal-color-border-grey-dark);--bal-radio-checkbox-button-border-color-hover:var(--bal-color-border-primary-hovered);--bal-radio-checkbox-button-border-color-active:var(--bal-color-border-primary-pressed);--bal-radio-checkbox-button-border-color-invalid-hover:var(--bal-color-border-danger-hovered);--bal-radio-checkbox-button-border-color-invalid-active:var(--bal-color-border-danger-pressed);--bal-radio-checkbox-button-border-color:var(--bal-color-border);--bal-radio-checkbox-button-border-color-checked:var(--bal-color-border-primary);--bal-radio-checkbox-button-border-color-disabled:var(--bal-color-border-grey-dark);--bal-radio-checkbox-button-border-color-invalid:var(--bal-color-border-danger)}bal-radio .bal-radio-checkbox__label::before,bal-radio .bal-radio-checkbox__label::after{margin-top:0px !important}.bal-radio-checkbox-group{display:inline-block;position:relative;width:100%}.bal-radio-checkbox-group__inner{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:stretch;align-items:stretch;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-normal)}.bal-radio-checkbox-group__inner--select-button{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex:1;flex:1;gap:var(--bal-space-x-small)}@media screen and (min-width: 769px),print{.bal-radio-checkbox-group__inner--select-button{-ms-flex-direction:row;flex-direction:row}}.bal-radio-checkbox-group__inner--expanded{-ms-flex-align:stretch;align-items:stretch}.bal-radio-checkbox-group__inner--expanded .bal-radio-checkbox{-ms-flex:1;flex:1}@media screen and (max-width: 768px){.bal-radio-checkbox-group__inner--expanded .bal-radio-checkbox{width:100%}}.bal-radio-checkbox-group__inner--select-button.bal-radio-checkbox-group__inner--vertical{gap:var(--bal-space-x-small)}.bal-radio-checkbox-group__inner--vertical{-ms-flex-direction:column;flex-direction:column;border-radius:var(--bal-radius-normal);gap:0}@media screen and (min-width: 769px),print{.bal-radio-checkbox-group__inner--vertical{-ms-flex-align:start;align-items:flex-start}}@media screen and (max-width: 768px){.bal-radio-checkbox-group__inner--vertical-mobile{-ms-flex-direction:column;flex-direction:column;border-radius:var(--bal-radius-normal);gap:0}}.bal-radio-checkbox{position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;outline:none;min-width:1.5rem;min-height:3rem}.bal-radio-checkbox--flat:not(.bal-radio-checkbox--select-button){min-height:1.5rem}.bal-radio-checkbox__input{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-radio-checkbox--invisible{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-radio-checkbox:not(.bal-radio-checkbox--disabled),.bal-radio-checkbox:not(.bal-radio-checkbox--disabled) input,.bal-radio-checkbox:not(.bal-radio-checkbox--disabled) input+label,.bal-radio-checkbox:not(.bal-radio-checkbox--disabled) input+label>span{cursor:pointer}.bal-radio-checkbox__label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0;line-height:1.5rem;contain:layout style;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;text-align:left;min-height:var(--bal-radio-checkbox-label-min-height);font-family:var(--bal-font-family-text)}.bal-radio-checkbox__label__text{padding-left:2rem;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;padding-top:.25rem;padding-bottom:.25rem}.bal-radio-checkbox__label__text--hidden{padding-left:0;display:none}.bal-radio-checkbox__label__text--flat{padding-top:0;padding-bottom:0}.bal-radio-checkbox__label--flat:not(.bal-radio-checkbox--select-button)::before,.bal-radio-checkbox__label--flat:not(.bal-radio-checkbox--select-button)::after{top:0px !important}.bal-radio-checkbox__label--hidden::before,.bal-radio-checkbox__label--hidden::after{top:0px !important}.bal-radio-checkbox__label::before,.bal-radio-checkbox__label::after{display:inline-block;position:absolute;left:0;top:.25rem;height:var(--bal-radio-checkbox-symbol-size);width:var(--bal-radio-checkbox-symbol-size);background-color:rgba(0,0,0,0);background-position:center;background-repeat:no-repeat;background-size:var(--bal-radio-checkbox-symbol-size) var(--bal-radio-checkbox-symbol-size)}.bal-radio-checkbox__label::before{content:"";border-style:var(--bal-form-field-control-border-style);border-width:2px}.bal-radio-checkbox__label::after{content:none}.bal-radio-checkbox__label--checked::after{content:""}.bal-radio-checkbox__label--radio::before,.bal-radio-checkbox__label--radio::after{border-radius:50%}.bal-radio-checkbox__label--radio::after{left:0;-webkit-transform:scale(0.25);transform:scale(0.25)}.bal-radio-checkbox__label--checkbox::before{border-radius:var(--bal-form-field-control-radius)}.bal-radio-checkbox__label--checkbox::after{border-top:0;border-right-style:var(--bal-form-field-control-border-style);border-right-width:2px;border-bottom-style:var(--bal-form-field-control-border-style);border-bottom-width:2px;border-left:0;border-radius:1px;width:var(--bal-radio-checkbox-symbol-width);height:var(--bal-radio-checkbox-symbol-height);left:var(--bal-radio-checkbox-symbol-left);margin-top:var(--bal-radio-checkbox-symbol-margin-top);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.bal-radio-checkbox .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-primary);background:var(--bal-color-transparent)}.bal-radio-checkbox .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-primary)}.bal-radio-checkbox .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-primary)}.bal-radio-checkbox:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-light-blue-5);background:var(--bal-color-grey-2)}.bal-radio-checkbox:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-light-blue-5)}.bal-radio-checkbox:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-light-blue-5)}.bal-radio-checkbox:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-blue-6);background:var(--bal-color-grey-2)}.bal-radio-checkbox:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-blue-6)}.bal-radio-checkbox:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-blue-6)}.bal-radio-checkbox--invalid .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-border-danger);background:var(--bal-color-danger-1)}.bal-radio-checkbox--invalid .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--invalid .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-danger)}.bal-radio-checkbox--invalid .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--invalid .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-danger)}.bal-radio-checkbox--invalid:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--invalid.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-danger-5);background:var(--bal-color-danger-1)}.bal-radio-checkbox--invalid:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--invalid.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--invalid:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--invalid.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-5)}.bal-radio-checkbox--invalid:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--invalid.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--invalid:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--invalid.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-5)}.bal-radio-checkbox--invalid:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--invalid.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-danger-6);background:var(--bal-color-danger-1)}.bal-radio-checkbox--invalid:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--invalid.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--invalid:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--invalid.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-6)}.bal-radio-checkbox--invalid:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--invalid.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--invalid:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--invalid.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-6)}.bal-radio-checkbox--disabled .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-border-grey-dark);background:var(--bal-color-grey-2)}.bal-radio-checkbox--disabled .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--disabled .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-grey-dark)}.bal-radio-checkbox--disabled .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--disabled .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-grey-dark)}.bal-radio-checkbox .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-primary)}.bal-radio-checkbox:hover .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--hovered .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-light-blue-5)}.bal-radio-checkbox:active .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--pressed .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-blue-6)}.bal-radio-checkbox--invalid .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-border-danger)}.bal-radio-checkbox--invalid:hover .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--invalid.bal-radio-checkbox--hovered .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-danger-5)}.bal-radio-checkbox--invalid:active .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--invalid.bal-radio-checkbox--pressed .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-danger-6)}.bal-radio-checkbox--disabled .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--disabled.bal-radio-checkbox--hovered .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--disabled.bal-radio-checkbox--pressed .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-text-grey)}.bal-radio-checkbox--inline{display:inline}.bal-radio-checkbox--select-button{padding-left:.75rem;padding-right:.75rem;min-width:3rem;border-width:2px;border-style:var(--bal-form-field-control-border-style);border-radius:var(--bal-form-field-control-radius);border-color:var(--bal-radio-checkbox-select-button-border-color)}.bal-radio-checkbox--select-button:hover{border-color:var(--bal-radio-checkbox-select-button-border-color-hover);background:var(--bal-radio-checkbox-select-button-background-hover)}.bal-radio-checkbox--select-button:active{border-color:var(--bal-radio-checkbox-select-button-border-color-active);background:var(--bal-radio-checkbox-select-button-background-active)}.bal-radio-checkbox--select-button label::before{top:unset}.bal-radio-checkbox--select-button label::after{top:unset;margin-top:-3px}.bal-radio-checkbox--select-button .bal-radio-checkbox__label--flat::before{top:unset !important}.bal-radio-checkbox--select-button .bal-radio-checkbox__label--flat::after{margin-top:-3px;top:unset !important}.bal-radio-checkbox--select-button .bal-radio-checkbox__label--flat .bal-radio-checkbox__label__text--flat{padding-top:.25rem;padding-bottom:.25rem}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked{background:var(--bal-radio-checkbox-select-button-background-checked)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked .bal-radio-checkbox__label .bal-radio-checkbox__label__text .is-link{color:var(--bal-radio-checkbox-select-button-link-text-color-checked)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:hover{background:var(--bal-radio-checkbox-select-button-background-checked-hover)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:active{background:var(--bal-radio-checkbox-select-button-background-checked-active)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-white);background:var(--bal-color-transparent)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-primary)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-primary)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-white);background:var(--bal-color-transparent)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-light-blue-5)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-light-blue-5)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-white);background:var(--bal-color-transparent)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-blue-6)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-blue-6)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:active .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid{border-color:var(--bal-radio-checkbox-select-button-border-color-invalid);background:var(--bal-radio-checkbox-select-button-background-invalid)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid .bal-radio-checkbox__label .bal-radio-checkbox__label__text .is-link{color:var(--bal-form-field-label-danger-color)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid:hover{border-color:var(--bal-radio-checkbox-select-button-border-color-invalid-hover);background:var(--bal-radio-checkbox-select-button-background-invalid-hover)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid:active{border-color:var(--bal-radio-checkbox-select-button-border-color-invalid-active);background:var(--bal-radio-checkbox-select-button-background-invalid-active)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked{border-color:var(--bal-radio-checkbox-select-button-border-color-invalid-checked);background:var(--bal-radio-checkbox-select-button-background-invalid-checked)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:hover{border-color:var(--bal-radio-checkbox-select-button-border-color-invalid-checked-hover);background:var(--bal-radio-checkbox-select-button-background-invalid-checked-hover)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:active{border-color:var(--bal-radio-checkbox-select-button-border-color-invalid-checked-active);background:var(--bal-radio-checkbox-select-button-background-invalid-checked-active)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-white);background:var(--bal-color-transparent)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-danger)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-danger)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-white);background:var(--bal-color-transparent)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-5)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-5)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-white);background:var(--bal-color-transparent)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-6)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-6)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled:hover,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled:active{border-color:var(--bal-radio-checkbox-select-button-border-color-disabled-hover-active);background:var(--bal-radio-checkbox-select-button-background-disabled-hover-active)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled .bal-radio-checkbox__label .bal-radio-checkbox__label__text .is-link,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label .bal-radio-checkbox__label__text .is-link,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label .bal-radio-checkbox__label__text .is-link{color:var(--bal-form-field-label-disabled-color)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active{border-color:var(--bal-radio-checkbox-select-button-border-color-disabled-checked-hover-active);background:var(--bal-radio-checkbox-select-button-background-disabled-checked-hover-active)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-white);background:var(--bal-color-transparent)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-grey-dark)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-grey-dark)}.bal-radio-checkbox--switch{min-width:2.5rem}.bal-radio-checkbox--switch .bal-radio-checkbox__label{padding-left:1rem}.bal-radio-checkbox--switch .bal-radio-checkbox__label::before{border-radius:1.5rem;position:absolute;display:block;top:0;left:0;width:2.5rem;height:1.5rem;border:1.6px solid rgba(0,0,0,0);content:"";-webkit-transition:left .25s ease-out,background .25s ease-out;transition:left .25s ease-out,background .25s ease-out;margin-top:.25rem}.bal-radio-checkbox--switch .bal-radio-checkbox__label::after{border:none;margin:0;border-radius:50%;display:block;position:absolute;top:.25rem !important;left:.25rem;width:1rem;height:1rem;z-index:2;margin-top:.25rem;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:left .25s ease-out,background .25s ease-out;transition:left .25s ease-out,background .25s ease-out;content:""}.bal-radio-checkbox--switch .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-before)}.bal-radio-checkbox--switch .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-after)}.bal-radio-checkbox--switch:hover .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-hover-after)}.bal-radio-checkbox--switch:active .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-active-after)}.bal-radio-checkbox--switch.bal-radio-checkbox--flat .bal-radio-checkbox__label::before,.bal-radio-checkbox--switch.bal-radio-checkbox--flat .bal-radio-checkbox__label::after{margin-top:0}.bal-radio-checkbox--switch.bal-radio-checkbox--checked .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-checked-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--checked .bal-radio-checkbox__label::after{left:1.25rem;background:var(--bal-radio-checkbox-switch-label-background-checked-after)}.bal-radio-checkbox--switch.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-checked-hover-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--checked:active .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-checked-active-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-invalid-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-invalid-after)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid:hover .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-invalid-hover-after)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid:active .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-invalid-active-after)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid.bal-radio-checkbox--checked .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-invalid-checked-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid.bal-radio-checkbox--checked .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-invalid-checked-after)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-invalid-checked-hover-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:active .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-invalid-checked-active-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--disabled .bal-radio-checkbox__label::before,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label::before,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-disabled-hover-active-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--disabled .bal-radio-checkbox__label::after,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label::after,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-disabled-hover-active-after)}.bal-radio-checkbox--switch.bal-radio-checkbox--disabled.bal-radio-checkbox--checked .bal-radio-checkbox__label::before,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label::before,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-disabled-checked-hover-active-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--disabled.bal-radio-checkbox--checked .bal-radio-checkbox__label::after,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label::after,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-disabled-checked-hover-active-after)}.bal-radio-checkbox__icon{position:absolute !important;left:5.5px;z-index:1}.bal-radio-checkbox__icon--hidden{display:none !important}';var BalRadioStyle0=radioCheckboxCss;var Radio=function(){function a(a){var e=this;registerInstance(this,a);this.balFocus=createEvent(this,"balFocus",7);this.balBlur=createEvent(this,"balBlur",7);this.balChange=createEvent(this,"balChange",7);this.inputId="bal-rb-".concat(radioIds++);this.inheritedAttributes={};this.keyboardMode=true;this.onKeypress=function(a){if(isSpaceKey(a)){var o=a.target;if(o.href){return}if(o.nodeName==="INPUT"&&!e.disabled&&!e.readonly){e.toggleChecked();a.preventDefault()}else{stopEventBubbling(a)}}};this.onClick=function(a){var o;var c=a.target;if(c.href){return}if(c.nodeName!=="INPUT"&&!e.disabled&&!e.readonly){e.toggleChecked();(o=e.nativeInput)===null||o===void 0?void 0:o.focus();a.preventDefault()}else{stopEventBubbling(a)}};this.onFocus=function(a){if(e.disabled||e.readonly){e.focused=false;return stopEventBubbling(a)}e.balFocus.emit(a);if(e.keyboardMode){e.focused=true}};this.onBlur=function(a){if(e.disabled||e.readonly){return stopEventBubbling(a)}e.balBlur.emit(a);e.focused=false};this.onPointerDown=function(){return e.keyboardMode=false};this.onKeydown=function(a){return e.keyboardMode=FOCUS_KEYS.includes(a.key)};this.checked=false;this.focused=false;this.buttonTabindex=undefined;this.ariaForm=defaultBalAriaForm;this.name=this.inputId;this.value=undefined;this.label="";this.invisible=false;this.labelHidden=false;this.flat=false;this.interface="radio";this.disabled=false;this.readonly=false;this.required=false;this.nonSubmit=false;this.invalid=false;this.hovered=false;this.pressed=false}a.prototype.createLogger=function(a){this.log=a};a.prototype.connectedCallback=function(){if(this.value===undefined){this.value=this.inputId}var a=this.radioButton;var e=this.radioGroup;if(a||e){this.updateState()}if(e){e.addEventListener("balInput",this.updateState)}this.el.addEventListener("keydown",this.onKeydown);this.el.addEventListener("touchstart",this.onPointerDown);this.el.addEventListener("mousedown",this.onPointerDown)};a.prototype.componentWillLoad=function(){this.inheritedAttributes=inheritAttributes(this.el,["aria-label","tabindex","title"])};a.prototype.disconnectedCallback=function(){var a=this.radioGroup;if(a){a.removeEventListener("balInput",this.updateState)}this.el.removeEventListener("keydown",this.onKeydown);this.el.removeEventListener("touchstart",this.onPointerDown);this.el.removeEventListener("mousedown",this.onPointerDown)};a.prototype.listenOnClick=function(a){if((this.disabled||this.readonly)&&a.target&&(a.target===this.el||isDescendant(this.el,a.target))){stopEventBubbling(a)}};a.prototype.setFocus=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){a.stopPropagation();a.preventDefault();this.nativeInput.focus();this.focused=true;return[2]}))}))};a.prototype.setButtonTabindex=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.radioButton){this.buttonTabindex=-1}else{this.buttonTabindex=a}return[2]}))}))};a.prototype.getInputElement=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){return[2,Promise.resolve(this.nativeInput)]}))}))};a.prototype.getOption=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){return[2,this.option]}))}))};a.prototype.updateState=function(){return __awaiter(this,void 0,void 0,(function(){var a;return __generator(this,(function(e){if(this.radioGroup){a=this.radioGroup.value===this.value;if(a!==this.checked){this.checked=a}}if(this.radioButton){this.buttonTabindex=-1;if(this.radioButton.setChecked){this.radioButton.setChecked(this.checked)}}return[2]}))}))};a.prototype.setAriaForm=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.ariaForm=Object.assign({},a);return[2]}))}))};Object.defineProperty(a.prototype,"radioButton",{get:function(){return this.el.closest("bal-radio-button")},enumerable:false,configurable:true});Object.defineProperty(a.prototype,"radioGroup",{get:function(){return this.el.closest("bal-radio-group")},enumerable:false,configurable:true});Object.defineProperty(a.prototype,"option",{get:function(){return{name:this.name,value:this.value,label:this.label,labelHidden:this.labelHidden,flat:this.flat,interface:this.interface,disabled:this.disabled,readonly:this.readonly,required:this.required,nonSubmit:this.nonSubmit,invisible:this.invisible,invalid:this.invalid}},enumerable:false,configurable:true});a.prototype.toggleChecked=function(){this.checked=!this.checked;this.balChange.emit(this.checked);this.updateState()};a.prototype.render=function(){var a=this;var e=BEM.block("radio-checkbox");var o=e.element("input");var c=e.element("label");var b=c.element("text");var l=this.focused&&this.buttonTabindex!==-1;var r=typeof this.value==="boolean"?JSON.stringify(this.value):this.value;var i=this.inheritedAttributes;if(this.buttonTabindex!==undefined){i.tabIndex=this.buttonTabindex}var d=this.ariaForm.controlId||this.inputId;var t=this.ariaForm.labelId||null;var k=this.labelHidden?"span":"label";var n={};if(!this.labelHidden){t="".concat(t||""," ").concat(d,"-lbl").trim();n.id="".concat(d,"-lbl");n.htmlFor=d}return h(Host,{key:"058d9b48247c0989348d58117017753092fa6afa","aria-checked":"".concat(this.checked),"aria-disabled":this.disabled?"true":null,"aria-hidden":this.disabled?"true":null,"aria-focused":l?"true":null,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({"bal-focused":l},e.class()),e.modifier("radio").class()),e.modifier("select-button").class(this.interface==="select-button")),e.modifier("invalid").class(this.invalid)),e.modifier("checked").class(this.checked)),e.modifier("flat").class(this.flat)),e.modifier("disabled").class(this.disabled||this.readonly)),e.modifier("hovered").class(this.hovered)),e.modifier("pressed").class(this.pressed)),e.modifier("invisible").class(this.invisible)),onKeypress:this.onKeypress,onClick:this.onClick},h("input",Object.assign({key:"4c935cb7f8a25f77afaea78b0a8e311166e44067",class:Object.assign(Object.assign({},o.class()),o.modifier("select-button").class(this.interface==="select-button")),"data-testid":"bal-radio-input",type:"radio",id:d,"aria-labelledby":t,"aria-describedby":this.ariaForm.messageId,"aria-invalid":this.invalid===true?"true":"false","aria-disabled":this.disabled?"true":null,"aria-checked":"".concat(this.checked),name:this.name,value:r,checked:this.checked,disabled:this.disabled||this.nonSubmit,readonly:this.readonly,required:this.required,onFocus:this.onFocus,onBlur:this.onBlur,ref:function(e){return a.nativeInput=e}},i)),!this.invisible?h(k,Object.assign({class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},c.class()),c.modifier("radio").class()),c.modifier("checked").class(this.checked)),c.modifier("hidden").class(this.labelHidden)),c.modifier("flat").class(this.flat))},n,{"data-testid":"bal-radio-label"}),h("span",{class:Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("hidden").class(this.labelHidden)),b.modifier("flat").class(this.flat)),"data-testid":"bal-radio-text"},this.label,h("slot",null))):"")};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();__decorate([Logger("bal-radio"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Radio.prototype,"createLogger",null);var radioIds=0;Radio.style=BalRadioStyle0;var RadioGroup=function(){function a(a){var e=this;registerInstance(this,a);this.balChange=createEvent(this,"balChange",7);this.balFocus=createEvent(this,"balFocus",7);this.balBlur=createEvent(this,"balBlur",7);this.inputId="bal-rg-".concat(radioGroupIds++);this.inheritedAttributes={};this.hasFocus=false;this.mutationObserverActive=true;this.onOptionChange=function(){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(a){this.setRadioTabindex(this.value);this.setRadioChecked();return[2]}))}))};this.setRadioTabindex=function(a){var o=e.getRadios();var c=o.find((function(a){return!a.disabled}));var b=o.find((function(e){return e.value===a&&!e.disabled}));if(!c&&!b){return}var l=b||c;for(var r=0,i=o;r<i.length;r++){var d=i[r];var t=d===l?0:-1;d.setButtonTabindex(t)}};this.onClick=function(a){var o=a.target;if(o.href){return}a.preventDefault();var c=a.target&&a.target.closest("bal-radio");if(c&&!c.disabled&&!c.readonly){var b=e.value;var l=c.value;if(l!==b){e.value=l}else if(e.allowEmptySelection){e.value=undefined}e.balChange.emit(e.value)}};this.ariaForm=defaultBalAriaForm;this.options=undefined;this.allowEmptySelection=false;this.name=this.inputId;this.value=undefined;this.interface=undefined;this.vertical=false;this.verticalOnMobile=false;this.expanded=false;this.invalid=undefined;this.disabled=undefined;this.readonly=undefined;this.grid=1;this.columnsTablet=1;this.columnsMobile=1;this.autoInvalidOff=false}a.prototype.createLogger=function(a){this.log=a};a.prototype.optionChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.onOptionChange();this.mutationObserverActive=this.options===undefined;return[2]}))}))};a.prototype.valueChanged=function(){this.onOptionChange()};a.prototype.invalidChanged=function(a){if(a!==undefined){this.getRadios().forEach((function(e){e.invalid=a}));this.getRadioButtons().forEach((function(e){e.invalid=a}))}};a.prototype.disabledChanged=function(a){if(a!==undefined){this.getRadios().forEach((function(e){e.disabled=a}));this.getRadioButtons().forEach((function(e){e.disabled=a}))}};a.prototype.readonlyChanged=function(a){if(a!==undefined){this.getRadios().forEach((function(e){e.readonly=a}));this.getRadioButtons().forEach((function(e){e.readonly=a}))}};a.prototype.columnsChanged=function(a){this.getRadioButtons().forEach((function(e){return e.colSize=a}))};a.prototype.columnsTabletChanged=function(a){this.getRadioButtons().forEach((function(e){return e.colSizeTablet=a}))};a.prototype.columnsMobileChanged=function(a){this.getRadioButtons().forEach((function(e){return e.colSizeMobile=a}))};a.prototype.connectedCallback=function(){this.initialValue=this.value;this.mutationObserverActive=this.options===undefined};a.prototype.componentWillLoad=function(){this.setRadioInterface();this.disabledChanged(this.disabled);this.readonlyChanged(this.readonly);this.invalidChanged(this.invalid);this.columnsChanged(this.grid);this.columnsTabletChanged(this.columnsTablet);this.columnsMobileChanged(this.columnsMobile);this.onOptionChange();this.inheritedAttributes=inheritAttributes(this.el,["aria-label","tabindex","title"])};a.prototype.focusInListener=function(a){this.balFocus.emit(a)};a.prototype.focusOutListener=function(a){this.balBlur.emit(a)};a.prototype.mutationListener=function(){this.setRadioInterface();this.disabledChanged(this.disabled);this.readonlyChanged(this.readonly);this.invalidChanged(this.invalid);this.columnsChanged(this.grid);this.columnsTabletChanged(this.columnsTablet);this.columnsMobileChanged(this.columnsMobile);this.onOptionChange()};a.prototype.listenOnClick=function(a){if(isDescendant(this.el,a.target)){stopEventBubbling(a)}};a.prototype.radioFocusListener=function(a){var e=a.target;if(e&&isDescendant(this.el,e)&&hasTagName(e,"bal-radio")){stopEventBubbling(a)}};a.prototype.radioBlurListener=function(a){var e=a.target;if(e&&isDescendant(this.el,e)&&hasTagName(e,"bal-radio")){stopEventBubbling(a)}};a.prototype.resetListener=function(a){var e=a.target;if(e===null||e===void 0?void 0:e.contains(this.el)){this.value=this.initialValue}};a.prototype.onKeydown=function(a){if(a.target&&!this.el.contains(a.target)){return}var e=this.getRadios().filter((function(a){return!a.disabled}));var o=a.target.closest("bal-radio");if(o&&e.includes(o)){var c=e.findIndex((function(a){return a===o}));var b=e[c];var l=void 0;if(["ArrowDown","ArrowRight"].includes(a.code)){l=c===e.length-1?e[0]:e[c+1]}if(["ArrowUp","ArrowLeft"].includes(a.code)){l=c===0?e[e.length-1]:e[c-1]}if(l&&e.includes(l)){l.setFocus(a);this.value=l.value;this.balChange.emit(this.value)}if(["Space"].includes(a.code)){this.value=this.allowEmptySelection&&this.value!==undefined?undefined:b.value;a.preventDefault()}}};a.prototype.setValue=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.value=a;return[2]}))}))};a.prototype.getOptionByValue=function(a){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(o){e=this.options;if(e){return[2,e.find((function(e){return e.value===a}))]}return[2,undefined]}))}))};a.prototype.setAriaForm=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.ariaForm=Object.assign({},a);return[2]}))}))};a.prototype.setRadioInterface=function(){var a=this;this.getRadios().forEach((function(e){if(a.interface){e.interface=a.interface}}))};a.prototype.setRadioChecked=function(){this.getRadios().forEach((function(a){if(a.updateState){a.updateState()}}))};a.prototype.getRadios=function(){return Array.from(this.el.querySelectorAll("bal-radio"))};a.prototype.getRadioButtons=function(){return Array.from(this.el.querySelectorAll("bal-radio-button"))};a.prototype.render=function(){var a=this;var e=BEM.block("radio-checkbox-group");var o=e.element("inner");var c=this.options||[];var b=c.map((function(a){if(typeof a.html==="function"){return Object.assign(Object.assign({},a),{html:a.html()})}return a}));return h(Host,Object.assign({class:Object.assign({},e.class()),role:"radiogroup","aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-disabled":this.disabled?"true":null,onClick:this.onClick},this.inheritedAttributes),h("div",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},o.class()),o.modifier("vertical-mobile").class(this.verticalOnMobile)),o.modifier("vertical").class(this.vertical)),o.modifier("expanded").class(this.expanded)),o.modifier("select-button").class(this.interface==="select-button"))},h("slot",null),b.map((function(e){return h("bal-radio",{key:e.value,name:e.name||a.name,value:e.value,labelHidden:e.labelHidden,flat:e.flat,interface:e.interface,disabled:e.disabled,readonly:e.readonly,required:e.required,nonSubmit:!!e.nonSubmit,invalid:e.invalid,innerHTML:e.html})}))))};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(a,"watchers",{get:function(){return{options:["optionChanged"],value:["valueChanged"],invalid:["invalidChanged"],disabled:["disabledChanged"],readonly:["readonlyChanged"],grid:["columnsChanged"],columnsTablet:["columnsTabletChanged"],columnsMobile:["columnsMobileChanged"]}},enumerable:false,configurable:true});return a}();__decorate([Logger("bal-radio-group"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],RadioGroup.prototype,"createLogger",null);__decorate([ListenToFocus(),__metadata("design:type",Function),__metadata("design:paramtypes",[FocusEvent]),__metadata("design:returntype",void 0)],RadioGroup.prototype,"focusInListener",null);__decorate([ListenToFocus(),__metadata("design:type",Function),__metadata("design:paramtypes",[FocusEvent]),__metadata("design:returntype",void 0)],RadioGroup.prototype,"focusOutListener",null);__decorate([ListenToMutation({tags:["bal-radio-group","bal-radio"],attributes:false,characterData:false}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],RadioGroup.prototype,"mutationListener",null);var radioGroupIds=0;export{Radio as bal_radio,RadioGroup as bal_radio_group};
package/dist/esm-es5/bal-segment_2.entry.js CHANGED
@@ -1 +1 @@
1
- import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,w as writeTask,h,H as Host,g as getElement}from"./index-5b1faf93.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{L as Logger}from"./log-dfd1c19f.js";import{s as stopEventBubbling}from"./form-input-264ad739.js";import{F as FOCUS_KEYS}from"./focus-visible-f0cdd043.js";import{i as isDescendant,n as raf,k as addEventListener,r as removeEventListener}from"./helpers-72ae7307.js";import{d as defaultBalAriaForm}from"./form-fb8dd9f5.js";import{L as ListenTo}from"./listen-d1712e70.js";import{d as isSpaceKey,b as isEnterKey,a as isArrowUpKey,e as isArrowLeftKey,i as isArrowDownKey,f as isArrowRightKey,g as isHomeKey,h as isEndKey}from"./keyboard.helpers-b2dd6393.js";import{L as ListenToFocus}from"./focus.decorator-dc333802.js";import{L as ListenToWindowResize}from"./window-resize.decorator-53d6279e.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-a8efc52b.js";import{i as inheritAttributes}from"./attributes-4fa7040f.js";import"./browser-a8073d92.js";import"./icons.constant-a7885631.js";import"./config.utils-6ac6c9bd.js";import"./listener-04842ae9.js";import"./breakpoints.subject-0764e6ff.js";import"./device-8c6d2881.js";import"./tokens.esm-69df759d.js";var balSegmentCss=":root{--bal-segment-background:var(--bal-color-grey-2);--bal-segment-background-invalid:var(--bal-color-danger-1);--bal-segment-item-focus-border:var(--bal-color-border-primary);--bal-segment-item-text-color:var(--bal-color-text-primary);--bal-segment-item-text-color-checked:var(--bal-color-text-primary);--bal-segment-item-text-color-checked-hovered:var(--bal-color-text-primary-hovered);--bal-segment-item-text-color-checked-pressed:var(--bal-color-text-primary-pressed);--bal-segment-item-text-color-invalid:var(--bal-color-text-danger);--bal-segment-item-text-color-invalid-hovered:var(--bal-color-text-danger-hovered);--bal-segment-item-text-color-invalid-pressed:var(--bal-color-text-danger-pressed);--bal-segment-item-text-color-disabled:var(--bal-color-text-grey);--bal-segment-item-text-color-disabled-checked:var(--bal-color-text-grey-dark);--bal-segment-item-divider-background:var(--bal-color-grey);--bal-segment-item-divider-background-invalid:var(--bal-color-danger-2);--bal-segment-item-indicator-background:var(--bal-color-purple-2);--bal-segment-item-indicator-background-invalid:var(--bal-color-danger-4);--bal-segment-item-indicator-background-disabled:var(--bal-color-grey-3)}.bal-segment{display:-ms-flexbox;display:flex;background:var(--bal-segment-background);border-radius:var(--bal-radius-normal);gap:.125rem;gap:.125rem;padding:.25rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bal-segment--invalid{background:var(--bal-segment-background-invalid)}.bal-segment--vertical{-ms-flex-direction:column;flex-direction:column;width:100%}.bal-segment--vertical .bal-segment-item__button{width:100%;-ms-flex:1;flex:1}.bal-segment--vertical.bal-segment--scrollable{overflow:auto;max-height:240px}.bal-segment--expanded{width:100%;min-width:100%;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}.bal-segment--expanded .bal-segment-item,.bal-segment--expanded .bal-segment-item>button{-ms-flex:1;flex:1;width:100%}.bal-segment--expanded .bal-segment-item .bal-content,.bal-segment--expanded .bal-segment-item>button .bal-content{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}";var BalSegmentStyle0=balSegmentCss;var Segment=function(){function e(e){var t=this;registerInstance(this,e);this.balFocus=createEvent(this,"balFocus",7);this.balBlur=createEvent(this,"balBlur",7);this.balChange=createEvent(this,"balChange",7);this.balSelect=createEvent(this,"balSelect",7);this.balVertical=createEvent(this,"balVertical",7);this.hasFocus=false;this.getSegmentItem=function(e){var i,a;var n=t.allItems.filter((function(e){return!e.disabled}));var r=n.findIndex((function(e){return e===document.activeElement.closest("bal-segment-item")}));switch(e){case"current":return n[r];case"first":return n[0];case"last":return n[n.length-1];case"next":return(i=n[r+1])!==null&&i!==void 0?i:n[0];case"previous":return(a=n[r-1])!==null&&a!==void 0?a:n[n.length-1];default:return null}};this.onPointerDown=function(){t.keyboardMode=false};this.onSlottedItemsChange=function(){t.valueChanged(t.value);t.defineWidth()};this.onClick=function(e){if(t.disabled){return}var i=e.target;var a=t.checked;if(i.tagName==="BAL-SEGMENT"){return}if(i&&i.setFocus){i.setFocus()}if(a){t.checkButton(a,i)}else{t.setCheckedClasses();t.checkButton(i,i)}if(i!==a){t.emitValueChange()}};this.focusedValue=undefined;this.keyboardMode=true;this.isVertical=false;this.isMobile=false;this.maxWidth=0;this.ariaForm=defaultBalAriaForm;this.invalid=false;this.disabled=false;this.vertical=false;this.scrollable=false;this.expanded=false;this.value=undefined}e.prototype.createLogger=function(e){this.log=e};e.prototype.disabledChanged=function(){var e=this;this.allItems.map((function(t){return t.disabled=e.disabled}))};e.prototype.valueChanged=function(e){this.balSelect.emit(e)};e.prototype.connectedCallback=function(){this.el.addEventListener("touchstart",this.onPointerDown);this.el.addEventListener("mousedown",this.onPointerDown);this.disabledChanged();this.isVertical=this.vertical};e.prototype.disconnectedCallback=function(){this.el.removeEventListener("touchstart",this.onPointerDown);this.el.removeEventListener("mousedown",this.onPointerDown)};e.prototype.componentDidLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.setCheckedClasses();this.defineWidth();return[2]}))}))};e.prototype.focusInListener=function(e){this.balFocus.emit(e)};e.prototype.focusOutListener=function(e){this.balBlur.emit(e)};e.prototype.listenToDidAnimate=function(e){if(e&&e.target&&isDescendant(e.target,this.el)){var t=this.el.getBoundingClientRect();this.maxWidth=t.width;this.windowResizeListener()}};e.prototype.breakpointListener=function(e){this.isMobile=e.mobile};e.prototype.windowResizeListener=function(){if(this.vertical===false&&this.maxWidth>0){var e=this.el.parentElement.getBoundingClientRect();if(e.width<this.maxWidth){this.emitVerticalChange(true)}else{this.emitVerticalChange(false)}}else{this.emitVerticalChange(true)}};e.prototype.listenOnKeyDownOutside=function(){this.keyboardMode=true};e.prototype.listenOnKeyDown=function(e){this.keyboardMode=FOCUS_KEYS.includes(e.key);var t=false;var i;if(isSpaceKey(e)||isEnterKey(e)){stopEventBubbling(e);i=this.getSegmentItem("current");t=this.value!==i.value;this.value=i.value}else if(isArrowUpKey(e)||isArrowLeftKey(e)){stopEventBubbling(e);i=this.getSegmentItem("previous")}else if(isArrowDownKey(e)||isArrowRightKey(e)){stopEventBubbling(e);i=this.getSegmentItem("next")}else if(isHomeKey(e)){stopEventBubbling(e);i=this.getSegmentItem("first")}else if(isEndKey(e)){stopEventBubbling(e);i=this.getSegmentItem("last")}if(!i){return}var a=this.checked;if(i!==a||t){this.checkButton(a,i);this.emitValueChange()}if(i){i.setFocus()}};e.prototype.setAriaForm=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.ariaForm=Object.assign({},e);return[2]}))}))};Object.defineProperty(e.prototype,"allItems",{get:function(){return Array.from(this.el.querySelectorAll("bal-segment-item"))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"checked",{get:function(){var e=this;return this.allItems.find((function(t){return t.value===e.value}))},enumerable:false,configurable:true});e.prototype.emitValueChange=function(){this.balChange.emit(this.value)};e.prototype.emitVerticalChange=function(e){if(this.isVertical!==e){this.isVertical=e;this.balVertical.emit(this.isVertical)}};e.prototype.defineWidth=function(){var e=this;raf((function(){if(e.isVertical===false){var t=e.el.getBoundingClientRect();e.maxWidth=t.width}e.windowResizeListener()}))};e.prototype.getIndicator=function(e){if(e){var t=e.shadowRoot||e;return t.querySelector(".bal-segment-item__indicator")}return null};e.prototype.checkButton=function(e,t){var i=this.getIndicator(e);var a=this.getIndicator(t);if(i===null||a===null){return}var n=i.getBoundingClientRect();var r=a.getBoundingClientRect();var s=n.width/r.width;var o=n.left-r.left;var l="translate3d(".concat(o,"px, 0, 0) scaleX(").concat(s,")");if(this.isVertical){var m=n.height/r.height;var c=n.top-r.top;l="translate3d(0, ".concat(c,"px, 0) scaleY(").concat(m,")")}writeTask((function(){a.classList.remove("bal-segment-item__indicator--animated");a.style.setProperty("transform",l);a.getBoundingClientRect();a.classList.add("bal-segment-item__indicator--animated");a.style.setProperty("transform","")}));this.value=t.value;this.setCheckedClasses()};e.prototype.setCheckedClasses=function(){var e=this;var t=this.allItems;var i=t.findIndex((function(t){return t.value===e.value}));var a=i+1;var n=i-1;for(var r=0,s=t;r<s.length;r++){var o=s[r];o.classList.remove("bal-segment-item--after-checked");o.classList.remove("bal-segment-item--before-checked")}if(a<t.length){t[a].classList.add("bal-segment-item--after-checked")}if(n<t.length&&n>=0){t[n].classList.add("bal-segment-item--before-checked")}};e.prototype.render=function(){var e=this,t=e.invalid,i=e.isVertical,a=e.scrollable,n=e.keyboardMode,r=e.expanded,s=e.isMobile,o=e.disabled;var l=BEM.block("segment");return h(Host,{key:"eadae45bddff8b5367b8db4e38c2eb467097ffb3",role:"radiogroup",id:this.ariaForm.controlId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},l.class()),l.modifier("invalid").class(t)),l.modifier("vertical").class(i)),l.modifier("scrollable").class(a)),l.modifier("keyboard").class(n)),l.modifier("disabled").class(o)),l.modifier("expanded").class((r||s)&&!i)),onClick:this.onClick},h("slot",{key:"b82c45b87b6cbd116d3b176fbd93661944740823",onSlotchange:this.onSlottedItemsChange}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{disabled:["disabledChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return e}();__decorate([Logger("bal-segment"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Segment.prototype,"createLogger",null);__decorate([ListenToFocus(),__metadata("design:type",Function),__metadata("design:paramtypes",[FocusEvent]),__metadata("design:returntype",void 0)],Segment.prototype,"focusInListener",null);__decorate([ListenToFocus(),__metadata("design:type",Function),__metadata("design:paramtypes",[FocusEvent]),__metadata("design:returntype",void 0)],Segment.prototype,"focusOutListener",null);__decorate([ListenTo("balWillAnimate",{target:"window"}),__metadata("design:type",Function),__metadata("design:paramtypes",[UIEvent]),__metadata("design:returntype",void 0)],Segment.prototype,"listenToDidAnimate",null);__decorate([ListenToBreakpoints(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Segment.prototype,"breakpointListener",null);__decorate([ListenToWindowResize(),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],Segment.prototype,"windowResizeListener",null);__decorate([ListenTo("keydown",{target:"document"}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],Segment.prototype,"listenOnKeyDownOutside",null);__decorate([ListenTo("keydown"),__metadata("design:type",Function),__metadata("design:paramtypes",[KeyboardEvent]),__metadata("design:returntype",void 0)],Segment.prototype,"listenOnKeyDown",null);Segment.style=BalSegmentStyle0;var balSegmentItemCss=':root{--bal-segment-background:var(--bal-color-grey-2);--bal-segment-background-invalid:var(--bal-color-danger-1);--bal-segment-item-focus-border:var(--bal-color-border-primary);--bal-segment-item-text-color:var(--bal-color-text-primary);--bal-segment-item-text-color-checked:var(--bal-color-text-primary);--bal-segment-item-text-color-checked-hovered:var(--bal-color-text-primary-hovered);--bal-segment-item-text-color-checked-pressed:var(--bal-color-text-primary-pressed);--bal-segment-item-text-color-invalid:var(--bal-color-text-danger);--bal-segment-item-text-color-invalid-hovered:var(--bal-color-text-danger-hovered);--bal-segment-item-text-color-invalid-pressed:var(--bal-color-text-danger-pressed);--bal-segment-item-text-color-disabled:var(--bal-color-text-grey);--bal-segment-item-text-color-disabled-checked:var(--bal-color-text-grey-dark);--bal-segment-item-divider-background:var(--bal-color-grey);--bal-segment-item-divider-background-invalid:var(--bal-color-danger-2);--bal-segment-item-indicator-background:var(--bal-color-purple-2);--bal-segment-item-indicator-background-invalid:var(--bal-color-danger-4);--bal-segment-item-indicator-background-disabled:var(--bal-color-grey-3)}.bal-segment-item{display:block;position:relative;height:auto;text-decoration:none;text-overflow:ellipsis;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;grid-row:1;-webkit-font-kerning:none;font-kerning:none}.bal-segment-item--disabled{cursor:default !important;pointer-events:none !important}.bal-segment-item__button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-height:2.5rem;min-width:3rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-positive:1;flex-grow:1;padding-top:.375rem;padding-bottom:.375rem;padding-left:20px;padding-right:20px;outline:none;border-color:rgba(0,0,0,0);border-width:var(--bal-border-width-normal);border-style:solid;border-radius:var(--bal-radius-normal);background:rgba(0,0,0,0);font-size:var(--bal-text-size-normal);font-weight:var(--bal-font-weight-bold);color:var(--bal-segment-item-text-color);overflow:hidden;position:relative;contain:content;pointer-events:none;cursor:pointer;z-index:2}.bal-segment-item__button--vertical{padding-left:.75rem;padding-right:.75rem}.bal-segment-item__button span{font-size:var(--bal-text-size-small);font-weight:var(--bal-font-weight-regular)}.bal-segment-item__button{will-change:color,padding;-webkit-transition:color 160ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 160ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition:padding 160ms cubic-bezier(0.4, 0, 0.2, 1);transition:padding 160ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{content:"";position:absolute;background:var(--bal-segment-item-divider-background);border-radius:var(--bal-radius-normal)}.bal-segment-item:not(.bal-segment-item--vertical):not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{top:2px;bottom:2px;right:-1px;width:2px}.bal-segment-item.bal-segment-item--vertical:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{left:2px;right:2px;bottom:-1px;height:2px}.bal-segment-item--invalid:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{background:var(--bal-segment-item-divider-background-invalid)}.bal-segment-item__indicator{-webkit-transform-origin:left;transform-origin:left;position:absolute;opacity:0;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none;border-radius:var(--bal-radius-normal);background:var(--bal-segment-item-indicator-background);top:0;left:0}.bal-segment-item__indicator--vertical{-webkit-transform-origin:top;transform-origin:top}.bal-segment-item__indicator--invalid{background:var(--bal-segment-item-indicator-background-invalid)}.bal-segment-item__indicator--background{min-width:100%;min-height:100%;-webkit-transform:none;transform:none;pointer-events:none}.bal-segment-item__indicator--animated{will-change:transform,opacity,top,bottom,left,right,min-width,min-heigth;-webkit-transition:min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1),min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease;transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1),min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item__indicator--checked{opacity:1}.bal-segment-item:active .bal-segment-item__indicator{min-width:calc(100% - 4px);min-height:calc(100% - 4px);top:2px !important;bottom:2px !important;left:2px !important;right:2px !important}.bal-segment-item__button__icon{position:absolute !important;opacity:0;width:0 !important;-webkit-transform:translateX(0.1rem);transform:translateX(0.1rem);pointer-events:none !important;cursor:inherit;will-change:transform,opacity}.bal-segment-item__button__icon:not(.bal-segment-item__button__icon--vertical){left:10px}.bal-segment-item__button__icon--vertical{right:10px}.bal-segment-item__button__icon--animated{opacity:1;width:.875rem !important;-webkit-transform:translateX(-4px);transform:translateX(-4px);-webkit-transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),transform 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item__button--checked{color:var(--bal-segment-item-text-color-checked);padding-right:40px}.bal-segment-item__button--checked:not(.bal-segment-item__button--vertical){padding-left:26px;padding-right:12px}@media (hover: hover)and (pointer: fine){.bal-segment-item:not(.bal-segment-item--disabled):hover .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-checked-hovered)}}.bal-segment-item:not(.bal-segment-item--disabled):active .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-checked-pressed)}.bal-segment--keyboard .bal-segment-item__button:not(.bal-segment-item__button--disabled):focus-visible,.bal-segment--keyboard .bal-segment-item__button--focused:not(.bal-segment-item__button--disabled){border-color:var(--bal-segment-item-focus-border);border-width:var(--bal-border-width-normal);border-style:solid;-webkit-transition:border 300ms ease-in-out;transition:border 300ms ease-in-out}.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled) .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid)}@media (hover: hover)and (pointer: fine){.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled):hover .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid-hovered)}}.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled):active .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid-pressed)}.bal-segment-item__button--invalid.bal-segment-item__button--checked{color:var(--bal-color-text-white)}.bal-segment-item__button--disabled{background:rgba(0,0,0,0);color:var(--bal-segment-item-text-color-disabled)}.bal-segment-item__button--disabled.bal-segment-item__button--checked{background:var(--bal-segment-item-indicator-background-disabled);color:var(--bal-segment-item-text-color-disabled-checked)}.bal-segment-item__button__slot--hidden{display:none !important}';var BalSegmentItemStyle0=balSegmentItemCss;var SegmentItemIds=0;var SegmentItem=function(){function e(e){var t=this;registerInstance(this,e);this.segmentEl=null;this.inheritedAttributes={};this.internalId=SegmentItemIds++;this.inputId="bal-si-".concat(this.internalId);this.updateVertical=function(e){t.isVertical=e.detail};this.updateState=function(){var e=t.segmentEl;if(e){if(e.value===""||e.value===undefined||e.value===null){var i=t.allAvailableOptions;if(i.length>0){var a=i[0];t.isFocusable=a===t.el}}else{t.checked=e.value===t.value;t.isFocusable=e.value===t.value}if(e.disabled){t.disabled=true}t.isLast=e.lastElementChild===t.el;t.isFirst=e.firstElementChild===t.el;t.calculateEmptyValue()}};this.onSlottedItemsChange=function(){t.checkSlotContent()};this.hasSlotContent=false;this.isFocusable=false;this.isVertical=false;this.isLast=false;this.isFirst=false;this.hasEmptyValue=true;this.ariaForm=defaultBalAriaForm;this.disabled=false;this.invalid=false;this.focused=false;this.checked=false;this.label="";this.value="bal-si-"+this.internalId}e.prototype.valueChanged=function(e,t){if(e!==t){this.updateState()}};e.prototype.componentWillLoad=function(){this.inheritedAttributes=Object.assign({},inheritAttributes(this.el,["aria-label"]))};e.prototype.connectedCallback=function(){var e=this.segmentEl=this.el.closest("bal-segment");if(e&&e.vertical){this.isVertical=e.vertical}};e.prototype.componentDidLoad=function(){var e=this;var t=this.segmentEl=this.el.closest("bal-segment");if(t){addEventListener(t,"balSelect",this.updateState);addEventListener(t,"balVertical",this.updateVertical)}raf((function(){e.checkSlotContent();e.updateState()}))};e.prototype.disconnectedCallback=function(){var e=this.segmentEl;if(e){removeEventListener(e,"balSelect",this.updateState);removeEventListener(e,"balVertical",this.updateVertical);this.segmentEl=null}};e.prototype.calculateEmptyValue=function(){var e=this;if(this.segmentEl){var t=Array.from(this.segmentEl.querySelectorAll("bal-segment-item"));this.hasEmptyValue=!t.some((function(t){return t.value===e.segmentEl.value}))}else{this.hasEmptyValue=false}};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){e=this.nativeEl;if(e!==undefined){e.focus()}return[2]}))}))};e.prototype.setAriaForm=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.ariaForm=Object.assign({},e);return[2]}))}))};Object.defineProperty(e.prototype,"allAvailableOptions",{get:function(){return this.allOptions.filter((function(e){return!e.disabled}))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"allOptions",{get:function(){var e=this.segmentEl;if(e){return Array.from(e.querySelectorAll("bal-segment-item"))}return[]},enumerable:false,configurable:true});e.prototype.checkSlotContent=function(){var e=this.el.querySelector('[part="slot"]');var t=e?e.innerHTML.trim():"";this.hasSlotContent=t.length>0};e.prototype.render=function(){var e=this;var t=this,i=t.checked,a=t.focused,n=t.segmentEl,r=t.label,s=t.isFocusable,o=t.isFirst,l=t.hasEmptyValue;var m=BEM.block("segment-item");var c=m.element("button");var b=m.element("indicator");var d=this.invalid||n&&n.invalid;var g=this.disabled||n&&n.disabled;var u=this.isVertical;var f=l&&o||s&&!g;var v=f&&this.ariaForm.controlId||this.inputId;var p={};if(f){p={"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId}}return h(Host,{key:"6da240d029f07e7760a962e388998c9c94390d4a",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},m.class()),m.modifier("vertical").class(u)),m.modifier("disabled").class(g)),m.modifier("checked").class(i)),m.modifier("invalid").class(d)),m.modifier("last").class(this.isLast&&!i))},h("button",Object.assign({key:"b388ce322243a5f47831d0ef1a65b332c191045b",id:v,role:"radio","aria-checked":i?"true":"false"},p,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},c.class()),c.modifier("checked").class(i)),c.modifier("invalid").class(d)),c.modifier("disabled").class(g)),c.modifier("focused").class(a)),c.modifier("vertical").class(u)),type:"button",tabIndex:f?0:-1,part:"native",disabled:g,ref:function(t){return e.nativeEl=t}},this.inheritedAttributes),h("bal-icon",{key:"d5ba38e05534eb5ea281cc81a4ad5686b1a4f69b",name:"check",size:"small",class:Object.assign(Object.assign(Object.assign({},c.element("icon").class()),c.element("icon").modifier("animated").class(i)),c.element("icon").modifier("vertical").class(u)),color:g?"grey-dark":d?"white":"primary"}),h("bal-stack",{key:"4a23ae6b4562a685f77f800ff6aca3e5c5e8226e",space:"x-small",layout:"horizontal"},h("bal-content",{key:"a2fb5cf35391ca37fe328534a29cad6e41a7f8fb",space:"none"},h("bal-label",{key:"b3f633a9fe0ea22a71c05982af9dabc366c72495",htmlId:"bal-si-".concat(this.internalId,"-label")},r),h("span",{key:"badf00b587d14525f4cea6ceda85c7f67b1b216e",part:"slot",class:Object.assign({},c.element("slot").modifier("hidden").class(!this.hasSlotContent))}," ",h("slot",{key:"375942fc35e764ef3d91d62a03d08c16165c595b",onSlotchange:this.onSlottedItemsChange}))))),h("div",{key:"b3a0cf381958ad671555306484ca791e93cfe21e",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("animated").class()),b.modifier("background").class()),b.modifier("disabled").class(g)),b.modifier("invalid").class(d)),b.modifier("checked").class(i)),b.modifier("vertical").class(u))}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:["valueChanged"]}},enumerable:false,configurable:true});return e}();SegmentItem.style=BalSegmentItemStyle0;export{Segment as bal_segment,SegmentItem as bal_segment_item};
1
+ import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,w as writeTask,h,H as Host,g as getElement}from"./index-8d2a7ce7.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{L as Logger}from"./log-dfd1c19f.js";import{s as stopEventBubbling}from"./form-input-1f3d8337.js";import{F as FOCUS_KEYS}from"./focus-visible-f0cdd043.js";import{j as isDescendant,o as raf,l as addEventListener,r as removeEventListener}from"./helpers-32d9e1cc.js";import{d as defaultBalAriaForm}from"./form-fb8dd9f5.js";import{d as isSpaceKey,b as isEnterKey,a as isArrowUpKey,e as isArrowLeftKey,i as isArrowDownKey,f as isArrowRightKey,g as isHomeKey,h as isEndKey}from"./keyboard.helpers-159e517d.js";import{L as ListenToFocus}from"./focus.decorator-c2c05d01.js";import{L as ListenToWindowResize}from"./window-resize.decorator-ab7c4574.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-d489f428.js";import{i as inheritAttributes}from"./attributes-4fa7040f.js";import"./browser-a8073d92.js";import"./icons.constant-a7885631.js";import"./config.utils-6ac6c9bd.js";import"./listener-04842ae9.js";import"./breakpoints.subject-d0b34510.js";import"./device-8c6d2881.js";import"./tokens.esm-28388bbc.js";var balSegmentCss=":root{--bal-segment-background:var(--bal-color-grey-2);--bal-segment-background-invalid:var(--bal-color-danger-1);--bal-segment-item-focus-border:var(--bal-color-border-primary);--bal-segment-item-text-color:var(--bal-color-text-primary);--bal-segment-item-text-color-checked:var(--bal-color-text-primary);--bal-segment-item-text-color-checked-hovered:var(--bal-color-text-primary-hovered);--bal-segment-item-text-color-checked-pressed:var(--bal-color-text-primary-pressed);--bal-segment-item-text-color-invalid:var(--bal-color-text-danger);--bal-segment-item-text-color-invalid-hovered:var(--bal-color-text-danger-hovered);--bal-segment-item-text-color-invalid-pressed:var(--bal-color-text-danger-pressed);--bal-segment-item-text-color-disabled:var(--bal-color-text-grey);--bal-segment-item-text-color-disabled-checked:var(--bal-color-text-grey-dark);--bal-segment-item-divider-background:var(--bal-color-grey);--bal-segment-item-divider-background-invalid:var(--bal-color-danger-2);--bal-segment-item-indicator-background:var(--bal-color-purple-2);--bal-segment-item-indicator-background-invalid:var(--bal-color-danger-4);--bal-segment-item-indicator-background-disabled:var(--bal-color-grey-3)}.bal-segment{display:-ms-flexbox;display:flex;background:var(--bal-segment-background);border-radius:var(--bal-radius-normal);gap:.125rem;gap:.125rem;padding:.25rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bal-segment--invalid{background:var(--bal-segment-background-invalid)}.bal-segment--vertical{-ms-flex-direction:column;flex-direction:column;width:100%}.bal-segment--vertical .bal-segment-item__button{width:100%;-ms-flex:1;flex:1}.bal-segment--vertical.bal-segment--scrollable{overflow:auto;max-height:240px}.bal-segment--expanded{width:100%;min-width:100%;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}.bal-segment--expanded .bal-segment-item,.bal-segment--expanded .bal-segment-item>button{-ms-flex:1;flex:1;width:100%}.bal-segment--expanded .bal-segment-item .bal-content,.bal-segment--expanded .bal-segment-item>button .bal-content{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}";var BalSegmentStyle0=balSegmentCss;var Segment=function(){function e(e){var t=this;registerInstance(this,e);this.balFocus=createEvent(this,"balFocus",7);this.balBlur=createEvent(this,"balBlur",7);this.balChange=createEvent(this,"balChange",7);this.balSelect=createEvent(this,"balSelect",7);this.balVertical=createEvent(this,"balVertical",7);this.hasFocus=false;this.getSegmentItem=function(e){var i,a;var n=t.allItems.filter((function(e){return!e.disabled}));var r=n.findIndex((function(e){return e===document.activeElement.closest("bal-segment-item")}));switch(e){case"current":return n[r];case"first":return n[0];case"last":return n[n.length-1];case"next":return(i=n[r+1])!==null&&i!==void 0?i:n[0];case"previous":return(a=n[r-1])!==null&&a!==void 0?a:n[n.length-1];default:return null}};this.onPointerDown=function(){t.keyboardMode=false};this.onSlottedItemsChange=function(){t.valueChanged(t.value);t.defineWidth()};this.onClick=function(e){if(t.disabled){return}var i=e.target;var a=t.checked;if(i.tagName==="BAL-SEGMENT"){return}if(i&&i.setFocus){i.setFocus()}if(a){t.checkButton(a,i)}else{t.setCheckedClasses();t.checkButton(i,i)}if(i!==a){t.emitValueChange()}};this.focusedValue=undefined;this.keyboardMode=true;this.isVertical=false;this.isMobile=false;this.maxWidth=0;this.ariaForm=defaultBalAriaForm;this.invalid=false;this.disabled=false;this.vertical=false;this.scrollable=false;this.expanded=false;this.value=undefined}e.prototype.createLogger=function(e){this.log=e};e.prototype.disabledChanged=function(){var e=this;this.allItems.map((function(t){return t.disabled=e.disabled}))};e.prototype.valueChanged=function(e){this.balSelect.emit(e)};e.prototype.connectedCallback=function(){this.el.addEventListener("touchstart",this.onPointerDown);this.el.addEventListener("mousedown",this.onPointerDown);this.disabledChanged();this.isVertical=this.vertical};e.prototype.disconnectedCallback=function(){this.el.removeEventListener("touchstart",this.onPointerDown);this.el.removeEventListener("mousedown",this.onPointerDown)};e.prototype.componentDidLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.setCheckedClasses();this.defineWidth();return[2]}))}))};e.prototype.focusInListener=function(e){this.balFocus.emit(e)};e.prototype.focusOutListener=function(e){this.balBlur.emit(e)};e.prototype.listenToDidAnimate=function(e){if(e&&e.target&&isDescendant(e.target,this.el)){var t=this.el.getBoundingClientRect();this.maxWidth=t.width;this.windowResizeListener()}};e.prototype.breakpointListener=function(e){this.isMobile=e.mobile};e.prototype.windowResizeListener=function(){if(this.vertical===false&&this.maxWidth>0){var e=this.el.parentElement.getBoundingClientRect();if(e.width<this.maxWidth){this.emitVerticalChange(true)}else{this.emitVerticalChange(false)}}else{this.emitVerticalChange(true)}};e.prototype.listenOnKeyDownOutside=function(){this.keyboardMode=true};e.prototype.listenOnKeyDown=function(e){this.keyboardMode=FOCUS_KEYS.includes(e.key);var t=false;var i;if(isSpaceKey(e)||isEnterKey(e)){stopEventBubbling(e);i=this.getSegmentItem("current");t=this.value!==i.value;this.value=i.value}else if(isArrowUpKey(e)||isArrowLeftKey(e)){stopEventBubbling(e);i=this.getSegmentItem("previous")}else if(isArrowDownKey(e)||isArrowRightKey(e)){stopEventBubbling(e);i=this.getSegmentItem("next")}else if(isHomeKey(e)){stopEventBubbling(e);i=this.getSegmentItem("first")}else if(isEndKey(e)){stopEventBubbling(e);i=this.getSegmentItem("last")}if(!i){return}var a=this.checked;if(i!==a||t){this.checkButton(a,i);this.emitValueChange()}if(i){i.setFocus()}};e.prototype.setAriaForm=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.ariaForm=Object.assign({},e);return[2]}))}))};Object.defineProperty(e.prototype,"allItems",{get:function(){return Array.from(this.el.querySelectorAll("bal-segment-item"))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"checked",{get:function(){var e=this;return this.allItems.find((function(t){return t.value===e.value}))},enumerable:false,configurable:true});e.prototype.emitValueChange=function(){this.balChange.emit(this.value)};e.prototype.emitVerticalChange=function(e){if(this.isVertical!==e){this.isVertical=e;this.balVertical.emit(this.isVertical)}};e.prototype.defineWidth=function(){var e=this;raf((function(){if(e.isVertical===false){var t=e.el.getBoundingClientRect();e.maxWidth=t.width}e.windowResizeListener()}))};e.prototype.getIndicator=function(e){if(e){var t=e.shadowRoot||e;return t.querySelector(".bal-segment-item__indicator")}return null};e.prototype.checkButton=function(e,t){var i=this.getIndicator(e);var a=this.getIndicator(t);if(i===null||a===null){return}var n=i.getBoundingClientRect();var r=a.getBoundingClientRect();var s=n.width/r.width;var o=n.left-r.left;var l="translate3d(".concat(o,"px, 0, 0) scaleX(").concat(s,")");if(this.isVertical){var c=n.height/r.height;var m=n.top-r.top;l="translate3d(0, ".concat(m,"px, 0) scaleY(").concat(c,")")}writeTask((function(){a.classList.remove("bal-segment-item__indicator--animated");a.style.setProperty("transform",l);a.getBoundingClientRect();a.classList.add("bal-segment-item__indicator--animated");a.style.setProperty("transform","")}));this.value=t.value;this.setCheckedClasses()};e.prototype.setCheckedClasses=function(){var e=this;var t=this.allItems;var i=t.findIndex((function(t){return t.value===e.value}));var a=i+1;var n=i-1;for(var r=0,s=t;r<s.length;r++){var o=s[r];o.classList.remove("bal-segment-item--after-checked");o.classList.remove("bal-segment-item--before-checked")}if(a<t.length){t[a].classList.add("bal-segment-item--after-checked")}if(n<t.length&&n>=0){t[n].classList.add("bal-segment-item--before-checked")}};e.prototype.render=function(){var e=this,t=e.invalid,i=e.isVertical,a=e.scrollable,n=e.keyboardMode,r=e.expanded,s=e.isMobile,o=e.disabled;var l=BEM.block("segment");return h(Host,{key:"4c6bee1fb3f114c0459fdb9ef6610a618de332f3",role:"radiogroup",id:this.ariaForm.controlId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},l.class()),l.modifier("invalid").class(t)),l.modifier("vertical").class(i)),l.modifier("scrollable").class(a)),l.modifier("keyboard").class(n)),l.modifier("disabled").class(o)),l.modifier("expanded").class((r||s)&&!i)),onClick:this.onClick},h("slot",{key:"98c4e333f66632968b120605f66f38e5de5ff34c",onSlotchange:this.onSlottedItemsChange}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{disabled:["disabledChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return e}();__decorate([Logger("bal-segment"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Segment.prototype,"createLogger",null);__decorate([ListenToFocus(),__metadata("design:type",Function),__metadata("design:paramtypes",[FocusEvent]),__metadata("design:returntype",void 0)],Segment.prototype,"focusInListener",null);__decorate([ListenToFocus(),__metadata("design:type",Function),__metadata("design:paramtypes",[FocusEvent]),__metadata("design:returntype",void 0)],Segment.prototype,"focusOutListener",null);__decorate([ListenToBreakpoints(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Segment.prototype,"breakpointListener",null);__decorate([ListenToWindowResize(),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],Segment.prototype,"windowResizeListener",null);Segment.style=BalSegmentStyle0;var balSegmentItemCss=':root{--bal-segment-background:var(--bal-color-grey-2);--bal-segment-background-invalid:var(--bal-color-danger-1);--bal-segment-item-focus-border:var(--bal-color-border-primary);--bal-segment-item-text-color:var(--bal-color-text-primary);--bal-segment-item-text-color-checked:var(--bal-color-text-primary);--bal-segment-item-text-color-checked-hovered:var(--bal-color-text-primary-hovered);--bal-segment-item-text-color-checked-pressed:var(--bal-color-text-primary-pressed);--bal-segment-item-text-color-invalid:var(--bal-color-text-danger);--bal-segment-item-text-color-invalid-hovered:var(--bal-color-text-danger-hovered);--bal-segment-item-text-color-invalid-pressed:var(--bal-color-text-danger-pressed);--bal-segment-item-text-color-disabled:var(--bal-color-text-grey);--bal-segment-item-text-color-disabled-checked:var(--bal-color-text-grey-dark);--bal-segment-item-divider-background:var(--bal-color-grey);--bal-segment-item-divider-background-invalid:var(--bal-color-danger-2);--bal-segment-item-indicator-background:var(--bal-color-purple-2);--bal-segment-item-indicator-background-invalid:var(--bal-color-danger-4);--bal-segment-item-indicator-background-disabled:var(--bal-color-grey-3)}.bal-segment-item{display:block;position:relative;height:auto;text-decoration:none;text-overflow:ellipsis;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;grid-row:1;-webkit-font-kerning:none;font-kerning:none}.bal-segment-item--disabled{cursor:default !important;pointer-events:none !important}.bal-segment-item__button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-height:2.5rem;min-width:3rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-positive:1;flex-grow:1;padding-top:.375rem;padding-bottom:.375rem;padding-left:20px;padding-right:20px;outline:none;border-color:rgba(0,0,0,0);border-width:var(--bal-border-width-normal);border-style:solid;border-radius:var(--bal-radius-normal);background:rgba(0,0,0,0);font-size:var(--bal-text-size-normal);font-weight:var(--bal-font-weight-bold);color:var(--bal-segment-item-text-color);overflow:hidden;position:relative;contain:content;pointer-events:none;cursor:pointer;z-index:2}.bal-segment-item__button--vertical{padding-left:.75rem;padding-right:.75rem}.bal-segment-item__button span{font-size:var(--bal-text-size-small);font-weight:var(--bal-font-weight-regular)}.bal-segment-item__button{will-change:color,padding;-webkit-transition:color 160ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 160ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition:padding 160ms cubic-bezier(0.4, 0, 0.2, 1);transition:padding 160ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{content:"";position:absolute;background:var(--bal-segment-item-divider-background);border-radius:var(--bal-radius-normal)}.bal-segment-item:not(.bal-segment-item--vertical):not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{top:2px;bottom:2px;right:-1px;width:2px}.bal-segment-item.bal-segment-item--vertical:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{left:2px;right:2px;bottom:-1px;height:2px}.bal-segment-item--invalid:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{background:var(--bal-segment-item-divider-background-invalid)}.bal-segment-item__indicator{-webkit-transform-origin:left;transform-origin:left;position:absolute;opacity:0;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none;border-radius:var(--bal-radius-normal);background:var(--bal-segment-item-indicator-background);top:0;left:0}.bal-segment-item__indicator--vertical{-webkit-transform-origin:top;transform-origin:top}.bal-segment-item__indicator--invalid{background:var(--bal-segment-item-indicator-background-invalid)}.bal-segment-item__indicator--background{min-width:100%;min-height:100%;-webkit-transform:none;transform:none;pointer-events:none}.bal-segment-item__indicator--animated{will-change:transform,opacity,top,bottom,left,right,min-width,min-heigth;-webkit-transition:min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1),min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease;transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1),min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item__indicator--checked{opacity:1}.bal-segment-item:active .bal-segment-item__indicator{min-width:calc(100% - 4px);min-height:calc(100% - 4px);top:2px !important;bottom:2px !important;left:2px !important;right:2px !important}.bal-segment-item__button__icon{position:absolute !important;opacity:0;width:0 !important;-webkit-transform:translateX(0.1rem);transform:translateX(0.1rem);pointer-events:none !important;cursor:inherit;will-change:transform,opacity}.bal-segment-item__button__icon:not(.bal-segment-item__button__icon--vertical){left:10px}.bal-segment-item__button__icon--vertical{right:10px}.bal-segment-item__button__icon--animated{opacity:1;width:.875rem !important;-webkit-transform:translateX(-4px);transform:translateX(-4px);-webkit-transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),transform 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item__button--checked{color:var(--bal-segment-item-text-color-checked);padding-right:40px}.bal-segment-item__button--checked:not(.bal-segment-item__button--vertical){padding-left:26px;padding-right:12px}@media (hover: hover)and (pointer: fine){.bal-segment-item:not(.bal-segment-item--disabled):hover .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-checked-hovered)}}.bal-segment-item:not(.bal-segment-item--disabled):active .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-checked-pressed)}.bal-segment--keyboard .bal-segment-item__button:not(.bal-segment-item__button--disabled):focus-visible,.bal-segment--keyboard .bal-segment-item__button--focused:not(.bal-segment-item__button--disabled){border-color:var(--bal-segment-item-focus-border);border-width:var(--bal-border-width-normal);border-style:solid;-webkit-transition:border 300ms ease-in-out;transition:border 300ms ease-in-out}.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled) .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid)}@media (hover: hover)and (pointer: fine){.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled):hover .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid-hovered)}}.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled):active .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid-pressed)}.bal-segment-item__button--invalid.bal-segment-item__button--checked{color:var(--bal-color-text-white)}.bal-segment-item__button--disabled{background:rgba(0,0,0,0);color:var(--bal-segment-item-text-color-disabled)}.bal-segment-item__button--disabled.bal-segment-item__button--checked{background:var(--bal-segment-item-indicator-background-disabled);color:var(--bal-segment-item-text-color-disabled-checked)}.bal-segment-item__button__slot--hidden{display:none !important}';var BalSegmentItemStyle0=balSegmentItemCss;var SegmentItemIds=0;var SegmentItem=function(){function e(e){var t=this;registerInstance(this,e);this.segmentEl=null;this.inheritedAttributes={};this.internalId=SegmentItemIds++;this.inputId="bal-si-".concat(this.internalId);this.updateVertical=function(e){t.isVertical=e.detail};this.updateState=function(){var e=t.segmentEl;if(e){if(e.value===""||e.value===undefined||e.value===null){var i=t.allAvailableOptions;if(i.length>0){var a=i[0];t.isFocusable=a===t.el}}else{t.checked=e.value===t.value;t.isFocusable=e.value===t.value}if(e.disabled){t.disabled=true}t.isLast=e.lastElementChild===t.el;t.isFirst=e.firstElementChild===t.el;t.calculateEmptyValue()}};this.onSlottedItemsChange=function(){t.checkSlotContent()};this.hasSlotContent=false;this.isFocusable=false;this.isVertical=false;this.isLast=false;this.isFirst=false;this.hasEmptyValue=true;this.ariaForm=defaultBalAriaForm;this.disabled=false;this.invalid=false;this.focused=false;this.checked=false;this.label="";this.value="bal-si-"+this.internalId}e.prototype.valueChanged=function(e,t){if(e!==t){this.updateState()}};e.prototype.componentWillLoad=function(){this.inheritedAttributes=Object.assign({},inheritAttributes(this.el,["aria-label"]))};e.prototype.connectedCallback=function(){var e=this.segmentEl=this.el.closest("bal-segment");if(e&&e.vertical){this.isVertical=e.vertical}};e.prototype.componentDidLoad=function(){var e=this;var t=this.segmentEl=this.el.closest("bal-segment");if(t){addEventListener(t,"balSelect",this.updateState);addEventListener(t,"balVertical",this.updateVertical)}raf((function(){e.checkSlotContent();e.updateState()}))};e.prototype.disconnectedCallback=function(){var e=this.segmentEl;if(e){removeEventListener(e,"balSelect",this.updateState);removeEventListener(e,"balVertical",this.updateVertical);this.segmentEl=null}};e.prototype.calculateEmptyValue=function(){var e=this;if(this.segmentEl){var t=Array.from(this.segmentEl.querySelectorAll("bal-segment-item"));this.hasEmptyValue=!t.some((function(t){return t.value===e.segmentEl.value}))}else{this.hasEmptyValue=false}};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){e=this.nativeEl;if(e!==undefined){e.focus()}return[2]}))}))};e.prototype.setAriaForm=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.ariaForm=Object.assign({},e);return[2]}))}))};Object.defineProperty(e.prototype,"allAvailableOptions",{get:function(){return this.allOptions.filter((function(e){return!e.disabled}))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"allOptions",{get:function(){var e=this.segmentEl;if(e){return Array.from(e.querySelectorAll("bal-segment-item"))}return[]},enumerable:false,configurable:true});e.prototype.checkSlotContent=function(){var e=this.el.querySelector('[part="slot"]');var t=e?e.innerHTML.trim():"";this.hasSlotContent=t.length>0};e.prototype.render=function(){var e=this;var t=this,i=t.checked,a=t.focused,n=t.segmentEl,r=t.label,s=t.isFocusable,o=t.isFirst,l=t.hasEmptyValue;var c=BEM.block("segment-item");var m=c.element("button");var b=c.element("indicator");var d=this.invalid||n&&n.invalid;var g=this.disabled||n&&n.disabled;var u=this.isVertical;var f=l&&o||s&&!g;var v=f&&this.ariaForm.controlId||this.inputId;var p={};if(f){p={"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId}}return h(Host,{key:"62c398353efd59507f158911793411458233f0d9",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},c.class()),c.modifier("vertical").class(u)),c.modifier("disabled").class(g)),c.modifier("checked").class(i)),c.modifier("invalid").class(d)),c.modifier("last").class(this.isLast&&!i))},h("button",Object.assign({key:"c69c1cb098c500c1a1b7c57f37892b4c51a09b2e",id:v,role:"radio","aria-checked":i?"true":"false"},p,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},m.class()),m.modifier("checked").class(i)),m.modifier("invalid").class(d)),m.modifier("disabled").class(g)),m.modifier("focused").class(a)),m.modifier("vertical").class(u)),type:"button",tabIndex:f?0:-1,part:"native",disabled:g,ref:function(t){return e.nativeEl=t}},this.inheritedAttributes),h("bal-icon",{key:"2a2ebc53599929d6189a1d7ca9775f58efc6084c",name:"check",size:"small",class:Object.assign(Object.assign(Object.assign({},m.element("icon").class()),m.element("icon").modifier("animated").class(i)),m.element("icon").modifier("vertical").class(u)),color:g?"grey-dark":d?"white":"primary"}),h("bal-stack",{key:"76b5c07bd7236b28e6205b134b39e6de511f30bb",space:"x-small",layout:"horizontal"},h("bal-content",{key:"766411046459bfc3fad2afc001d34e21faa9d642",space:"none"},h("bal-label",{key:"e68346cc2989aeb4b5d9864b82d704e179b7afba",htmlId:"bal-si-".concat(this.internalId,"-label")},r),h("span",{key:"d791b43e8a1156c33ffb40107567dcfa4a08bdd8",part:"slot",class:Object.assign({},m.element("slot").modifier("hidden").class(!this.hasSlotContent))}," ",h("slot",{key:"de75ed030243d54dbfa0739b74f6e81578bb49e4",onSlotchange:this.onSlottedItemsChange}))))),h("div",{key:"44772f1f8c3a550b1041436ad3efbc02fdcc3f04",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("animated").class()),b.modifier("background").class()),b.modifier("disabled").class(g)),b.modifier("invalid").class(d)),b.modifier("checked").class(i)),b.modifier("vertical").class(u))}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:["valueChanged"]}},enumerable:false,configurable:true});return e}();SegmentItem.style=BalSegmentItemStyle0;export{Segment as bal_segment,SegmentItem as bal_segment_item};